.share-button{position:relative;display:block;width:fit-content}.share-button__button{display:inline-flex;flex-wrap:nowrap;gap:10px;align-items:start;width:fit-content;min-height:50px;white-space:nowrap;padding:15px 20px;border-radius:var(--border-radius-size-7);box-shadow:inset 0 0 0 1px var(--color-line),0 0 #0000;transition:box-shadow var(--duration-default) var(--transition-primary);text-decoration:none}.share-button--list-social .share-button__button{padding-block:10px;padding-inline:20px 0}@media screen and (min-width:1025px){.share-button:hover .share-button__button{box-shadow:inset 0 0 0 0 var(--color-line),var(--popup-box-shadow);background-color:var(--white-underlay)}}.share-button__button>svg{width:20px;height:20px}.share-button .list-social{padding-inline-end:10px;gap:10px}@media(hover:hover)and (min-width:1025px){.share-button .list-social{--icon-size: 30px;flex-wrap:nowrap;max-width:calc(5 * var(--icon-size) + 50px);border-radius:0 var(--border-radius-size-7) var(--border-radius-size-7) 0;overflow:hidden;transition:max-width var(--duration-default) var(--transition-primary)}.share-button:hover .list-social{max-width:calc(var(--icon-count) * var(--icon-size) + 10px * var(--icon-count))}}.share-button details{width:fit-content}details[open]>.share-button__fallback{animation:animateMenuOpen var(--duration-default) ease}.share-button__button,.share-button__fallback button{cursor:pointer;background-color:transparent;border:none}.share-button__label{display:flex;align-items:center;height:30px}.share-button__button .icon-share{height:20px;width:20px;margin-inline-end:10px}.share-button__fallback{display:flex;align-items:center;position:absolute;top:calc(100% + 15px);left:0;width:100%;min-width:max-content;padding:15px;border-radius:var(--border-radius-size-4);box-shadow:var(--popup-box-shadow);z-index:var(--layer-flat)}.share-button .field__button{width:44px;height:44px;transform:translate(-20px,16px)}@media screen and (min-width:1025px){.share-button .field__button:hover{color:var(--color-accent)}}.share-button .field__button :is(:focus,:focus-visible){background:transparent}.share-button .field__button svg{width:20px;height:20px}.share-button__close,.share-button__copy{background-color:transparent;color:var(--color-base)}.share-button__copy:focus-visible,.share-button__close:focus-visible{background-color:var(--color-background);z-index:2}.share-button__copy:focus,.share-button__close:focus{background-color:var(--color-background);z-index:2}.share-button__message:not(:empty){display:inline-flex;align-items:center;width:100%;height:100%;min-height:var(--inputs-height);margin-top:0}.share-button__message:not(:empty):not(.hidden)~*,.field:has(.share-button__message:not(:empty):not(.hidden)):before{display:none}.share-button__close:not(.hidden)+.share-button__copy{display:none}.product__media-wrapper .share-button{display:none}@media screen and (min-width:577px){.product__media-wrapper .share-button{display:block}.product__media-wrapper .share-button:not(:first-child){margin-top:50px}.product__info-wrapper .share-button{display:none}}
/*# sourceMappingURL=/cdn/shop/t/3363/assets/component-share-button.css.map */