.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%;border-radius:.5rem;background-color:#e2eb00;padding:.8rem 2rem}.share-button__fallback .discount-number{font-size:2.2rem;color:#121212;margin-right:2rem}.share-button__fallback .discount-code{font-size:1.3rem;margin-right:3rem;border-right:.3rem dashed #fff;padding-right:3rem;font-weight:500}.share-button__fallback .discount-code input{width:8rem;background-color:transparent;outline:none;border:none}.share-button__fallback .share-button__copy,.share-button__fallback .share-button__close{width:12rem;height:auto!important;color:#fff;font-weight:700;padding:.8rem 1.5rem;border-radius:2rem;transition:all .3s;background-color:#000}.share-button__fallback .share-button__copy:hover,.share-button__fallback .share-button__close:hover{color:#000;background-color:#fff}.share-button__fallback .share-button__copy:focus,.share-button__fallback .share-button__close:focus{color:#fff!important;background-color:#000!important}@media screen and (max-width: 768px){.share-button--discount{width:100%;margin:0 auto}.share-button__fallback{width:100%;justify-content:space-between;align-items:center;gap:.5rem;padding:1rem}.share-button__fallback .discount-number{font-size:1.2rem;margin-right:0}.share-button__fallback .discount-code{font-size:1rem;text-align:center;margin-right:0;border-right:none;padding-right:0}.share-button__fallback .discount-code input{width:100%}}.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/12/assets/component-share-button.css.map */