.share-button{display:inline-block}.share-button__trigger{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:var(--space-12);border:0;border-radius:var(--radius-pill);background-color:var(--color-background);color:var(--color-brand-teal);cursor:pointer;transition:background-color .2s var(--ease),color .2s var(--ease)}.share-button__trigger-icon{width:15px;height:17px}@media(hover:hover){.share-button__trigger:hover{background-color:var(--color-brand-teal);color:var(--color-on-dark)}}.share-button__trigger:focus-visible{outline:var(--focus-width) solid var(--focus-color);outline-offset:var(--focus-offset)}.share-button__dialog{width:min(500px,calc(100vw - 32px));max-width:500px;padding:0;border:0;background-color:var(--color-background);color:var(--color-text)}.share-button__dialog::backdrop{background-color:#00000080}.share-button__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);padding:var(--space-32);border-bottom:1px solid #dee2e6}.share-button__title{margin:0;font-size:20px;font-weight:400;line-height:30px;text-transform:none}.share-button__close{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;background:none;color:var(--color-brand-teal);cursor:pointer}.share-button__close-icon{width:24px;height:24px}.share-button__close:hover{color:var(--color-brand-teal-hover)}.share-button__close:focus-visible{outline:var(--focus-width) solid var(--focus-color);outline-offset:var(--focus-offset)}.share-button__body{padding:var(--space-32)}.share-button__socials{display:flex;align-items:center;justify-content:space-between;margin:0 0 var(--space-32);padding:0;list-style:none}.share-button__social{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;color:var(--color-text)}.share-button__social:focus-visible{outline:var(--focus-width) solid var(--focus-color);outline-offset:var(--focus-offset)}.share-button__social svg{display:block;width:50px;height:50px}.share-button__socials li:last-child .share-button__social{color:var(--color-brand-teal)}@media(hover:hover){.share-button__social:hover{color:var(--color-brand-teal-hover)}}.share-button__copy{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-8)}.share-button__url{flex:1 1 240px;height:50px;padding:0 var(--space-8);border:0;border-bottom:1px solid var(--color-input-border);border-radius:0;background:none;color:var(--color-text);font-family:inherit;font-size:var(--font-size-body)}.share-button__url:focus-visible{outline:var(--focus-width) solid var(--focus-color);outline-offset:var(--focus-offset)}.share-button__copy-button{display:inline-flex;align-items:center;gap:var(--space-4);min-height:44px;padding:0 0 5px;border:0;background:linear-gradient(currentColor,currentColor) left bottom / 100% 1px no-repeat;color:#141414;font-family:inherit;font-size:var(--button-font-size);letter-spacing:1px;text-transform:uppercase;cursor:pointer}.share-button__copy-button:focus-visible{outline:var(--focus-width) solid var(--focus-color);outline-offset:var(--focus-offset)}.share-button__copy-button:hover,.share-button__copy-button.is-copied{color:var(--color-brand-teal)}@media(hover:hover){.share-button__copy-button:hover{background:linear-gradient(currentColor,currentColor) left bottom / 100% 1px no-repeat;animation:button-link-line var(--duration-slow) var(--ease)}}@media(prefers-reduced-motion:reduce){.share-button__copy-button:hover{animation:none}}.share-button__feedback{flex:1 1 100%;margin:0;min-height:1.2em;color:var(--color-brand-teal);font-size:var(--font-size-small)}.share-button__noscript{margin-top:var(--space-8)}.share-button__noscript-label{margin:0 0 var(--space-4);font-size:var(--font-size-small)}.share-button__noscript-links{display:flex;flex-wrap:wrap;gap:var(--space-12);margin:0;padding:0;list-style:none}.no-js .share-button__trigger,.no-js .share-button__dialog{display:none}
/*# sourceMappingURL=/cdn/shop/t/77/assets/component-share-button.css.map */