.f-dropdown{position:relative;z-index:10}.f-dropdown select{display:none}.f-dropdown>span{cursor:pointer;padding:8px 12px;border-radius:6px;display:flex;align-items:center;position:relative;color:#bbb;border:1px solid #ccc;background:#fff;transition:color .2s ease,border-color .2s ease}.f-dropdown>span>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:12px}.f-dropdown>span img{width:var(--image-width);margin-right:10px}.f-dropdown>span:before,.f-dropdown>span:after{content:"";display:block;position:absolute;width:8px;height:2px;border-radius:1px;top:50%;right:12px;background:#000;transition:all .3s ease}.f-dropdown>span:before{margin-right:4px;transform:scale(.96,.8) rotate(50deg)}.f-dropdown>span:after{transform:scale(.96,.8) rotate(-50deg)}.f-dropdown ul{margin:0;padding:0;list-style:none;opacity:0;visibility:hidden;position:absolute;max-height:calc(var(--max-scroll) * 46px);top:40px;left:0;z-index:1;right:0;background:#fff;border:1px solid #CCC;border-radius:6px;overflow-x:hidden;overflow-y:auto;transform-origin:0 0;transition:opacity .2s ease,visibility .2s ease,transform .3s cubic-bezier(.4,.6,.5,1.32);transform:translateY(5px)}.f-dropdown ul li{padding:0;margin:0}.f-dropdown ul li a{cursor:pointer;display:block;padding:8px 12px;color:#000;text-decoration:none;outline:none;position:relative;transition:all .2s ease;display:flex;align-items:center}.f-dropdown ul li a img{width:var(--image-width);margin-right:10px}.f-dropdown ul li a:hover{color:#5c6bc0}.f-dropdown ul li.active a{color:#fff;background:#303f9f}.f-dropdown ul li.active a:before,.f-dropdown ul li.active a:after{--scale: .6;content:"";display:block;width:10px;height:2px;position:absolute;right:12px;top:50%;opacity:0;background:#fff;transition:all .2s ease}.f-dropdown ul li.active a:before{transform:rotate(45deg) scale(var(--scale))}.f-dropdown ul li.active a:after{transform:rotate(-45deg) scale(var(--scale))}.f-dropdown ul li.active a:hover:before,.f-dropdown ul li.active a:hover:after{--scale: .9;opacity:1}.f-dropdown ul li:first-child a{border-radius:6px 6px 0 0}.f-dropdown ul li:last-child a{border-radius:0 0 6px 6px}.f-dropdown.disabled{opacity:.7}.f-dropdown.disabled>span{cursor:not-allowed}.f-dropdown.filled>span{color:#000}.f-dropdown.open{z-index:15}.f-dropdown.open>span{border-color:#aaa}.f-dropdown.open>span:before,.f-dropdown.open>span:after{background:#000}.f-dropdown.open>span:before{transform:scale(.96,.8) rotate(-50deg)}.f-dropdown.open>span:after{transform:scale(.96,.8) rotate(50deg)}.f-dropdown.open ul{opacity:1;visibility:visible;transform:translateY(12px);transition:opacity .3s ease,visibility .3s ease,transform .3s cubic-bezier(.4,.6,.5,1.32)}.f-group{max-width:400px;text-align:left}.f-group select{width:100%}.f-control{font-size:14px;line-height:normal;color:#000;display:inline-block;background-color:#fff;border:#ccc 1px solid;border-radius:6px;padding:8px 12px;outline:none;max-width:250px}.f-dropdown ul li.disabled{opacity:.2;cursor:not-allowed}
/*# sourceMappingURL=/cdn/shop/t/21/assets/product-options.css.map */