.share-button{position:relative;display:flex;align-items:center;margin-top:16px;margin-bottom:16px}input[type=checkbox]+.share-button__button{display:flex;align-items:center;justify-content:center;padding-left:0;font-size:16px}input[type=checkbox]+.share-button__button:before,input[type=checkbox]+.share-button__button:after{content:none}@media (-moz-touch-enabled: 0),(hover: hover){input[type=checkbox]+.share-button__button:hover{cursor:pointer}}input[type=checkbox]:checked+.share-button__button:after{content:none}.share-button__button svg{margin-right:8px}.share-button__info-checkbox{position:absolute;pointer-events:none;opacity:0}.share-button__button-close{position:absolute;top:10px;right:10px;display:flex;max-width:14px;max-height:14px;transition-duration:.3s;transition-property:opacity}@media (-moz-touch-enabled: 0),(hover: hover){.share-button__button-close:hover{cursor:pointer}}.share-button__button-close:hover{opacity:.5}.share-button__button-close svg{width:100%;height:100%}.share-button__info-checkbox:focus-visible~.share-button__button,.share-button__info-checkbox:focus-visible~.share-button__info-wrapper .share-button__button-close{outline:Highlight auto 1px}.share-button__info-wrapper{position:absolute;bottom:calc(100% + 10px);left:0;width:100%;padding:10px;background-color:var(--secondary-color, #ffffff)}.share-button__info-wrapper:focus-within{animation:.3s ease-in-out animation-move-up-share;pointer-events:all;opacity:1}.share-button__info-checkbox:checked~.share-button__info-wrapper{animation:.3s ease-in-out animation-move-up-share;pointer-events:all;opacity:1}.share-button__small-text{font-size:12px}.share-button__field-wrapper{display:grid;gap:10px}.share-button__field{color:var(--primary-text, #000000)}.share-button__field:is(.share-button__field--scroll){padding:5px;pointer-events:all;opacity:1;border:none}.share-button__field:is(.share-button__field--scroll):not(:focus-visible){outline:Highlight auto 1px}.share-button__info-checkbox:not(:checked)~.share-button__info-wrapper:not(:focus-within),.share-button__info-checkbox:not(:checked)~.share-button__info-wrapper:not(:focus-within) .share-button__field{pointer-events:none;opacity:0}.share-button{gap:10px}.share-button__field{font-size:12px}@keyframes animation-move-up-share{1%,0%{bottom:100%;opacity:0}99%,to{bottom:calc(100% + 10px);opacity:1}}@media (min-width: 1200px){.share-button{gap:16px}.share-button__field{font-size:17px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/share-button.css.map */