a.icon,span.icon,button.icon{display:flex;white-space:nowrap;align-items:center;justify-content:center;width:48px;height:48px;cursor:pointer;flex-shrink:0;-webkit-user-select:none;user-select:none}a.icon-feather>*:not(svg),span.icon>*:not(svg),button.icon>*:not(svg){display:flex}a.as-icon,span.as-icon,button.as-icon{display:flex;white-space:nowrap;align-items:center;justify-content:center;min-width:24px;padding:0 12px;height:48px;cursor:pointer;flex-shrink:0;-webkit-user-select:none;user-select:none}button.icon{border:none;background-color:transparent}a.icon svg,span[role=button] svg{opacity:.7;transition:.2s opacity ease}a.icon.without-opacity svg,span[role=button].without-opacity svg{opacity:1}body:not(.after-header) #header.should-be-transparent:not(:hover):not(:focus-within) a.icon svg,body:not(.after-header) #header.should-be-transparent:not(:hover):not(:focus-within) span[role=button] svg{opacity:1}a.icon:hover svg,span[role=button]:hover svg{opacity:1}.icon>svg{display:block;-webkit-user-select:none;user-select:none;filter:blur(0px)}.icon>.social{width:36px}body.animate-colors *:not(.header-icons)>.icon{transition:.5s color ease}.icon svg.use-inverted-colors{color:rgb(var(--background_color))}.icon.icon-add-to-cart.with-animation svg,.icon.icon-x svg{transition:.3s transform ease,.2s opacity ease;transform:rotate(0)}.icon-add-to-cart.with-animation:focus{outline:none}.icon.icon-add-to-cart.with-animation:hover svg,.icon.icon-x:hover svg,.icon.icon-add-to-cart.with-animation:focus svg,.icon.icon-x:focus svg{transform:rotate(180deg)}.icon.icon-plus svg{width:24px;height:24px}.collapse-toggle .icon.collapsible-icon{margin-left:48px}.collapse-toggle.opened .icon.collapsible-icon svg{transform:rotate(135deg)}.collapse-toggle .icon.collapsible-icon svg{transform:rotate(0);transition:.3s ease transform,.2s opacity ease}@media (min-width:481px){.collapse-toggle .icon.collapsible-icon{margin-left:72px}.collapse-toggle.opened .icon.collapsible-icon svg{transform:rotate(135deg)}.collapse-toggle:not(.opened):hover .icon.collapsible-icon svg,.collapse-toggle:not(.opened):focus-visible .icon.collapsible-icon svg{transform:rotate(180deg)}.collapse-toggle.opened:hover .icon.collapsible-icon svg,.collapse-toggle.opened:focus-visible .icon.collapsible-icon svg{transform:rotate(315deg)}}.icon-cart,.barracuda-cart-opener{position:relative}.count-container-style-text{padding-bottom:1px;display:inline-block}.count-container-style-text .count:before{content:"(";margin-left:3px}.count-container-style-text .count:after{content:")"}.count-container-style-badge>span{display:flex;transition:.3s width ease,.3s height ease;width:17px;height:17px;justify-content:center;top:0;align-items:center;left:0;position:absolute;font-size:9.5px;color:rgb(var(--buttons_text_color))}.more-than-9.count-container-style-badge>span{width:20px;height:20px}.more-than-99.count-container-style-badge>span{width:23px;height:23px}.count-container-style-badge{position:absolute;top:6px;right:22px}.count-container-style-badge .count-bg{background-color:rgb(var(--cart_badge_color));border-radius:50%}.count-container-style-badge .count{padding-top:0}@media (max-width:480px){.count-container-style-badge .count{padding-top:0}}@keyframes cartCount{0%{transform:scale(1)}50%{transform:scale(1.4)}to{transform:scale(1)}}.barracuda-cart-opener .count-container-style-badge.animate .count-bg{animation-name:cartCount;animation-duration:.6s;animation-iteration-count:3}.icon.icon-animated-right,.icon.icon-animated-left{width:68px}.icon.icon-animated-left{margin-left:-30px}.icon.icon-animated-right{margin-right:-30px}.icon.icon-animated-right svg>*{transition:.3s transform ease,.3s color ease;transform-origin:2px 12px}.icon.icon-animated-left svg>*{transition:.3s transform ease,.3s color ease;transform-origin:44px 12px}a:hover .icon.icon-animated-right polyline,.icon.icon-animated-right:hover polyline{transform:translate(12px)}a:hover .icon.icon-animated-left polyline,.icon.icon-animated-left:hover polyline{transform:translate(-12px)}a:hover .icon.icon-animated-right line,.icon.icon-animated-right:hover line,a:hover .icon.icon-animated-left line,.icon.icon-animated-left:hover line{transform:scaleX(1.5)}.icon.on-input{margin-left:-48px}.icon.icon-star{height:auto;margin-top:-4px}.icon.icon-star svg{height:15px;stroke-width:0px;filter:unset}.google-icon{display:flex;width:48px;height:48px;overflow:hidden;align-items:center;justify-content:center}.google-icon svg{fill:currentColor}
/*# sourceMappingURL=/cdn/shop/t/5/assets/icons.css.map */
