.pseudo-variants--container-main{margin:20px 0;display:none}.pseudo-variants--container-main.active{display:block}.pseudo-variants--container-main .option_title{font-family:var(--FONT-STACK-BODY);font-size:calc(1.1rem * var(--adjust-label));color:var(--ds-primary-color-2);font-weight:600;margin-bottom:calc(var(--form-margin) / 4);display:block;text-transform:uppercase}@media only screen and (max-width: 767px){.pseudo-variants--container-main .option_title{font-size:calc(1rem * var(--adjust-label));line-height:1.1;margin-bottom:var(--form-margin-mobile)}}.pseudo-variants--container{position:relative;display:flex;align-items:center;gap:8px}.pseudo-variants.scroller{display:flex;gap:12px;overflow-x:auto;scroll-behavior:smooth;padding:8px 0;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.pseudo-variants.scroller::-webkit-scrollbar{display:none}.pseudo-variants.scroller a{flex-shrink:0;width:80px;height:80px;border:2px solid #e0e0e0;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:all .25s ease;background:#fff;position:relative;text-decoration:none}.pseudo-variants.scroller a:after{content:attr(title);position:absolute;bottom:-30px;left:50%;transform:translate(-50%);background:#000000d9;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .25s ease,bottom .25s ease;z-index:10}.pseudo-variants.scroller a:hover{border-color:var(--primary-color, #333);transform:translateY(-2px);box-shadow:0 6px 16px #0000001f}.pseudo-variants.scroller a:hover:after{opacity:1;bottom:-35px}.pseudo-variants.scroller a img{width:100%;height:100%;object-fit:cover;transition:opacity .25s ease}.pseudo-variants.scroller a:hover img{opacity:.9}.pseudo-variants--container .scroll-btn{flex-shrink:0;width:32px;height:32px;border-radius:50%;border:1px solid #ddd;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:16px;color:#333;z-index:2}.pseudo-variants--container .scroll-btn:hover:not(:disabled){background:#f5f5f5;border-color:#333}.pseudo-variants--container .scroll-btn:disabled{opacity:.3;cursor:not-allowed}.pseudo-variants--container .scroll-btn:focus{outline:2px solid var(--primary-color, #333);outline-offset:2px}@media (max-width: 768px){.pseudo-variants.scroller a{width:70px;height:70px}.pseudo-variants--container .scroll-btn{width:28px;height:28px;font-size:14px}}@media (max-width: 480px){.pseudo-variants.scroller a{width:60px;height:60px}.pseudo-variants--container{gap:4px}.pseudo-variants.scroller{gap:8px}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/pseudo-variants.css.map */