.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-inline-start:0;padding-inline-start: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;inset-inline-start:.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);inset-inline-end:var(--inputs-border-width);bottom:var(--inputs-border-width);inset-inline-start: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;inset-inline-end:0;bottom:0;inset-inline-start: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;inset-inline-end: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;padding-inline-start:1.5rem;margin:var(--inputs-border-width)}.share-button__message:not(:empty):not(.hidden)~*{display:none}.product-share-popover{position:relative;display:inline-flex;align-items:center}.product-share-popover__trigger{display:inline-flex;align-items:center;gap:.6rem;cursor:pointer;background:transparent;border:0;padding:0;color:rgb(var(--color-link))}.product-share-popover__trigger .icon{width:1.8rem;height:1.8rem}.product-share-popover__panel{position:absolute;z-index:10;inset-inline-start:0;bottom:calc(100% + 1.2rem);width:min(38rem,calc(100vw - 3rem));padding:1.8rem;border-radius:var(--popup-corner-radius);background:rgb(var(--color-background));color:rgb(var(--color-foreground));box-shadow:var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow),var(--popup-shadow-opacity))}.product-share-popover__panel:after{content:"";position:absolute;inset-inline-start:2.5rem;bottom:-.7rem;width:1.4rem;height:1.4rem;background:rgb(var(--color-background));transform:rotate(45deg)}.product-share-popover__header,.product-share-popover__copy{display:flex;align-items:center;gap:1rem}.product-share-popover__header{justify-content:space-between;margin-bottom:1.4rem}.product-share-popover__header h2{margin:0}.product-share-popover__close{display:inline-flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;padding:0;cursor:pointer;color:inherit;background:transparent;border:0}.product-share-popover__close .icon{width:1.8rem;height:1.8rem}.product-share-popover__networks{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:1.4rem}.product-share-popover__network{display:inline-flex;align-items:center;justify-content:center;width:4.2rem;height:4.2rem;border-radius:50%;color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.08);transition:transform var(--duration-short) ease,background-color var(--duration-short) ease}.product-share-popover__network:hover,.product-share-popover__network:focus-visible{background:rgba(var(--color-foreground),.16);transform:translateY(-.2rem)}.product-share-popover__network .icon{width:2rem;height:2rem}.product-share-popover__copy input{min-width:0;flex:1;height:4.4rem;padding-inline:1.2rem;border:var(--inputs-border-width) solid rgba(var(--color-foreground),var(--inputs-border-opacity));border-radius:var(--inputs-radius);color:inherit;background:transparent;text-overflow:ellipsis}.product-share-popover__copy .button{flex-shrink:0;min-height:4.4rem}.product-share-popover__status{min-height:1.8rem;margin:.8rem 0 0;color:rgb(var(--color-foreground))}@media screen and (max-width:749px){.product-share-popover__panel{position:fixed;inset:auto 1.5rem 1.5rem;width:auto;max-height:min(80vh,52rem);overflow:auto}.product-share-popover__panel:after{display:none}}
/*# sourceMappingURL=/cdn/shop/t/162/assets/component-share-button.css.map */