.share-button{display:block;position:relative}.share-button .list-social{gap:0}.share-button details{width:fit-content}.share-button__button{display:flex;font-size:inherit;line-height:1.2}@media screen and (hover: hover){.share-button__button .label{background-image:linear-gradient(to top,rgb(var(--color-link)) 0px 0px),linear-gradient(to top,transparent 0px,transparent 0px)}}.share-button__button .icon{width:2.4rem;height:2.4rem}.share-button__fallback{display:flex;align-items:center;flex-direction:column;row-gap:2.5rem;position:fixed;bottom:0;left:0;z-index:12;padding:2.5rem 1.5rem;width:100%;min-width:max-content;background-color:rgb(var(--color-background));box-shadow:0 0 4rem rgba(var(--color-foreground),.2)}.share-button__fallback .field{flex-direction:column}.share-button__fallback .field:first-child .field__label{margin-bottom:1rem}.share-button__fallback .field__label{font-size:1.3rem;letter-spacing:.04rem;text-transform:uppercase;line-height:calc(1 + .5 / var(--font-body-scale))}.share-button__fallback .field__input{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;filter:none;min-width:auto;min-height:auto;cursor:pointer;background-color:rgba(var(--color-foreground),.04)}.share-button__message{position:absolute;bottom:0;left:0;width:100%;height:4.2rem;padding:1.5rem;display:flex;align-items:center;font-size:1.4rem}.share-button__message:not(:empty):not(.hidden)~*{background-color:transparent;font-size:0;cursor:default}.share-button__message:not(:empty):not(.hidden)~.button{display:none}@media screen and (min-width: 750px){.share-button__fallback{position:absolute;bottom:calc(100% + 1rem);z-index:3;padding:2rem 2.5rem;width:30rem;border:.1rem solid rgb(var(--color-border));box-shadow:none}}.share-button__close{position:absolute;top:1rem;right:1rem;width:2rem;height:2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;background:none;border:none;padding:0;color:rgb(var(--color-link));transition:color var(--duration-default) ease}.share-button__close .icon{position:relative;z-index:2;width:.8rem;height:.8rem}.share-button__close:after{content:"";width:100%;height:100%;pointer-events:none;position:absolute;z-index:1;top:0;left:0;border-radius:50%;transform:scale(0);background-color:rgb(var(--color-foreground));transition:transform var(--duration-default) ease}@media screen and (hover: hover){.share-button__close:hover{color:rgb(var(--color-background))}.share-button__close:hover:after{transform:scale(1)}}.share-button__field{display:flex;column-gap:1rem;margin-top:1rem}.share-button__copy{padding:0;min-width:auto;width:4.2rem;height:4.2rem;flex:0 0 auto}.share-button__copy .icon{width:1.4rem;height:1.4rem}@media screen and (max-width: 749px){.share-button details[open] .share-button__button:before{content:"";z-index:100;position:fixed;top:0;left:0;width:100%;height:100%;cursor:url(cross.svg),url(cross.png),zoom-out;transition:opacity var(--duration-long) ease;background-color:rgba(var(--color-overlay),.5)}.share-button__fallback{border-top-left-radius:.8rem;border-top-right-radius:.8rem;z-index:100}.share-button__close{top:0;right:50%;margin-top:-5.5rem;margin-right:-2.2rem;width:4.4rem;height:4.4rem;color:rgb(var(--color-foreground));background-color:rgb(var(--color-background));box-shadow:0 0 4rem rgba(var(--color-foreground),.2)}.share-button__close .icon{width:1.6rem;height:1.6rem}}
/*# sourceMappingURL=/cdn/shop/t/177/assets/component-share-button.css.map */