.share-button{display:block}.share-button__button{display:flex;align-items:center;color:rgba(var(--color-link));margin-left:0;padding-left:0;min-height:4.4rem}details[open]>.share-button__fallback{animation:animateMenuOpen var(--duration-default) ease}.share-button__button,.share-button__fallback button{cursor:pointer;background-color:transparent;border:none}.share-button__button .icon-share{height:3rem;margin-right:.5rem;min-width:3rem}.share-button__fallback{display:flex;align-items:center;position:absolute;top:100%;left:0;z-index:3;width:100%;min-width:max-content;border-radius:var(--inputs-radius);border:0}.share-button__fallback:after{pointer-events:none;content:"";position:absolute;top:var(--inputs-border-width);right:var(--inputs-border-width);bottom:var(--inputs-border-width);left:var(--inputs-border-width);border:.1rem solid transparent;border-radius:var(--inputs-radius);box-shadow:0 0 0 var(--inputs-border-width) color-mix(in srgb,rgba(var(--color-foreground)),transparent var(--inputs-border-opacity));transition:box-shadow var(--duration-short) ease;z-index:1}.share-button__fallback:before{background:rgba(var(--color-background));pointer-events:none;content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--inputs-radius-outset);z-index:-1}.share-button__fallback .field__label{font-size:calc(var(--font-heading-scale) * 1.6rem)}.share-button__fallback button{width:4.4rem;height:4.4rem;padding:0;flex-shrink:0;display:flex;justify-content:center;align-items:center;position:relative;right:var(--inputs-border-width)}.share-button__fallback button:hover{color:color-mix(in srgb,rgba(var(--color-foreground)),transparent 25%)}.share-button__fallback button:hover svg{transform:scale(1.07)}.share-button__close:not(.hidden)+.share-button__copy{display:none}.share-button__close,.share-button__copy{background-color:transparent;color:rgba(var(--color-foreground))}.share-button__copy:focus-visible,.share-button__close:focus-visible{background-color:rgba(var(--color-background));z-index:2}.share-button__copy:focus,.share-button__close:focus{background-color:rgba(var(--color-background));z-index:2}.field:not(:focus-visible):not(.focused)+.share-button__copy:not(:focus-visible):not(.focused),.field:not(:focus-visible):not(.focused)+.share-button__close:not(:focus-visible):not(.focused){background-color:inherit}.share-button__fallback .field:after,.share-button__fallback .field:before{content:none}.share-button__fallback .field{border-radius:0;min-width:auto;min-height:auto;transition:none;padding-top:0}.share-button__fallback .field__input:focus,.share-button__fallback .field__input:-webkit-autofill{outline:.2rem solid color-mix(in srgb,rgba(var(--color-foreground)),transparent 50%);outline-offset:.1rem;box-shadow:0 0 0 .1rem rgba(var(--color-background)),0 0 .5rem .4rem color-mix(in srgb,rgba(var(--color-foreground)),transparent 70%)}.share-button__fallback .field__input{box-shadow:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;filter:none;min-width:auto;min-height:auto;height:6.6rem;padding:3.5rem 1.5rem 1rem}.share-button__fallback .field__input:hover{box-shadow:none}.share-button__fallback .icon{width:1.5rem;height:1.5rem}.share-button__message:not(:empty){display:flex;align-items:center;width:100%;height:100%;margin-top:0;padding:2rem 0 2.1rem 1.5rem;margin:var(--inputs-border-width)}.share-button__message:not(:empty):not(.hidden)~*{display:none}
/*# sourceMappingURL=/cdn/shop/t/22/assets/share-button.css.map */