.share-button{display:block;position:relative}.share-button details{width:fit-content}.share-button__button{font-size:1.4rem;display:flex;align-items:center;color:rgb(var(--color-link));margin-left:0;padding-left:0}details[open]>.share-button__fallback{animation:animateMenuOpen var(--duration-medium) ease}.share-button__button:hover{text-decoration:underline;text-underline-offset:.3rem}.share-button__button,.share-button__fallback button{cursor:pointer;background-color:transparent;border:none}.social-share{gap:.7em}.share-button__button .icon-share,.share-button__social .icon{height:1.6em;position:relative;color:rgba(var(--color-foreground),1)}.share-button__fallback .icon{width:1.6em;height:1.6em}.share-button__fallback{display:flex;align-items:center;position:absolute;top:3rem;left:.1rem;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) rgba(var(--color-foreground),var(--inputs-border-opacity));transition:box-shadow var(--duration-short) ease;z-index:1;transform:translateZ(0)}.share-button__fallback:before{background:rgb(var(--color-background));pointer-events:none;content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--inputs-radius-outset);box-shadow:var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius) rgba(var(--color-shadow),var(--inputs-shadow-opacity));z-index:-1}.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:rgba(var(--color-foreground),.75)}.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:rgb(var(--color-foreground))}.share-button__copy:focus-visible,.share-button__close:focus-visible{background-color:rgb(var(--color-background))}.share-button__copy:focus,.share-button__close:focus{background-color:rgb(var(--color-background))}.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}.share-button__fallback .field__input{box-shadow:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;filter:none;min-width:auto;min-height:auto;padding:2rem!important}.share-button__fallback .field__input:hover{box-shadow:none}.share-button__message:not(:empty){display:flex;align-items:center;width:100%;height:100%;margin-top:0;padding:.8rem 0 .8rem 1.5rem;margin:var(--inputs-border-width)}.share-button__message:not(:empty):not(.hidden)~*{display:none}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-share-button.css.map */
