.hc-drawer-blocks{display:flex;justify-content:flex-start;flex-wrap:wrap;padding:0 40px}.hc-drawer-items{grid-gap:2rem 1rem;display:grid;grid-template-columns:repeat(auto-fill,3.125rem);padding:0 40px;justify-content:space-between}a.hc-popup-drawer-val{display:flex;justify-content:center;width:100%;font-size:12px;text-align:left}.hc-drawer-val-color,.hc-drawer-val-size{display:flex;justify-content:center;align-items:center;height:48px;border:1px solid rgba(0,0,0,.2);border-radius:50%}.hc-drawer-val-color{display:flex;justify-content:center;align-items:center}.hc-drawer-size-frame,.hc-drawer-frame{margin-right:20px}.hc-drawer-val-frame{display:flex;flex-direction:column;align-items:flex-start;width:calc(50% - 10px)!important;margin-right:20px;margin-bottom:20px}.hc-drawer-val-frame .drawer__frame_wrapper{width:100%;border:1px solid rgba(0,0,0,.2);padding:10px;margin-bottom:10px}.hc-drawer-size-frame .drawer__frame_wrapper,.hc-drawer-frame .drawer__frame_wrapper{padding:0}.hc-drawer-val-frame:nth-child(2n){margin-right:0}.hc-drawer-val-frame .drawer__frame_image{max-width:100%;height:auto}.hc-drawer-val-frame .drawer__frame_title{font-size:14px}.hc-drawer-val.hc-drawer-val-active{border-color:#000}.hc-drawer-val-color:before{content:"";display:none;border:4px solid #fff;width:100%;height:100%;border-radius:50%}.hc-drawer-val-color.hc-drawer-val-active{border-width:2px;border-color:#000}.hc-drawer-val-color.hc-drawer-val-active:before{display:flex}.hc-drawer-val-frame.hc-drawer-val-active .drawer__frame_wrapper{border-color:#000}a.hc-drawer-size-val .product-variant__label{border:1px solid transparent;border-bottom-color:#ededed}a.hc-drawer-color-val.hc-color-active{background-color:#f9f8f6;border-color:#050505}.hc-popup-grid a.hc-drawer-color-val.hc-color-active{background-color:transparent;border-color:#000}a.hc-drawer-color-val.hc-is-soldout{pointer-events:none;opacity:.5}.hc-popup-drawer-image{background-color:#f9f8f6}.hc-popup-drawer-image img{display:block;width:120px}a.hc-popup-drawer-val .product-variant__label{display:flex;align-items:center}a.hc-popup-drawer-val-item .product-variant__label{display:flex;flex-direction:column;padding:40px 60px}a.hc-drawer-size-val.hc-size-active .product-variant__label{background-color:#f9f8f6;border-color:#000}a.hc-popup-drawer-val-item .product-variant__label img{max-width:100%;height:140px}span.hc-col-lab-bottom{margin-left:20px;font-size:13px;font-weight:700}a.hc-popup-drawer-val-item span.hc-col-lab-bottom{display:flex;margin-left:0;font-size:15px;font-weight:700;text-align:left}.hc-col-lab-bottom .size__item .size__item_label{display:block}.hc-col-lab-bottom .size__item{display:flex;margin-right:25px}.hc-col-lab-bottom .size__item .size__item_icon{display:flex;align-items:center;margin-right:10px}.hc-col-lab-bottom .size__item .size__item_title{font-size:10px}body.hc-drawer-active{overflow:hidden}body.hc-drawer-active main#main{z-index:99999}body.hc-drawer-active .mount-product-page{position:relative;z-index:2}.hc-popup-drawer.hc-popup-drawer-active{transform:none}.hc-drawer-overlay.hc-drawer-overlay-active{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;z-index:2}.hc-popup-drawer{position:fixed;top:0;bottom:0;right:0;width:100%;background:#fff;max-width:33vw;z-index:999999;padding:40px 25px;text-align:center;transform:translate(100%);transition:all .3s ease;overflow:auto}@media (min-width: 1025px) and (max-width: 1400px){.hc-popup-drawer{max-width:50vw}}@media (min-width: 768px) and (max-width: 1024px){.hc-popup-drawer{max-width:75vw}}@media screen and (max-width: 500px){a.hc-popup-drawer-val-item .product-variant__label img{max-width:70%;height:auto!important}}@media (min-width: 1024px){.hc-popup-drawer::-webkit-scrollbar{width:5px}.hc-popup-drawer::-webkit-scrollbar-track{background:transparent}.hc-popup-drawer::-webkit-scrollbar-thumb{background-color:#000;border-radius:20px}}.hc-popup-grid .hc-drawer-items{padding:0 8vw}.hc-popup-grid a.hc-drawer-color-val{border:1px solid #ccc;float:left;width:calc(50% - 10px);padding:5px;margin:0 5px 10px;font-size:12px;text-align:left;border-radius:4px}.hc-popup-grid a.hc-popup-drawer-val .product-variant__label{flex-direction:column;align-items:flex-start}.hc-popup-grid span.hc-col-lab-bottom{margin-left:0}.hc-popup-grid .hc-popup-drawer-image{margin-bottom:20px}.hc-popup-grid .hc-popup-drawer-image img{width:100%;height:auto}span.cros{width:20px;height:20px;display:block;vertical-align:top;position:relative;cursor:pointer}span.cros:after,span.cros:before{content:"";position:absolute;top:0;bottom:0;width:1px;background:#000;transform:rotate(45deg);left:50%}span.cros:after{transform:rotate(-45deg)}.hc-drawer-top{position:relative;display:flex;place-content:space-between;margin-bottom:20px;font-size:20px;font-weight:400;letter-spacing:-.2px;padding:0 40px 20px}.hc-drawer-top:before{content:"";display:flex;position:absolute;bottom:0;left:40px;width:calc(100% - 80px);height:1px;background-color:#ededed}a.hc-drawer-label{display:inline-flex;align-items:center;position:relative;border:1px solid #c6c6c7;padding:14px 25px 14px 20px;width:250px;height:55px}.hc-drawer-size-frame a.hc-drawer-label,.hc-drawer-frame a.hc-drawer-label{padding:14px 25px 14px 20px}a.hc-drawer-label .lab_image{display:flex;justify-content:center;align-items:center;width:25px;height:25px;margin-right:15px}.hc-drawer-size-diameter a.hc-drawer-label .lab_image{width:18px;height:18px}.hc-drawer-size-frame a.hc-drawer-label .lab_image,.hc-drawer-frame a.hc-drawer-label .lab_image{width:40px;height:40px;margin-right:10px}a.hc-drawer-label .lab_image img,a.hc-drawer-label .lab_image svg{max-width:100%;max-height:100%}a.hc-drawer-label .col-icon{position:absolute;top:50%;right:15px;transform:translateY(-40%)}a.hc-drawer-label .col-color{position:absolute;width:25px;height:25px;border-radius:50%;top:50%;right:48px;transform:translateY(-50%);border:1px solid #c6c6c7}a.hc-drawer-label .col-name .col-size-value{margin-right:5px}a.hc-drawer-label.hc-not-active{cursor:default;padding:14px 25px}a.hc-size-drawer-label.hc-not-active span.col-name,a.hc-size-drawer-label.hc-not-active .size__item:last-child{margin-right:0}a.hc-drawer-label.hc-not-active:after{display:none}.hc-size-drawer-label .col-name{display:flex;flex-direction:column}a.hc-size-drawer-label img.lab_image{display:flex;margin-right:15px;background-size:100% 100%;background-position:center center;background-repeat:no-repeat}@media screen and (max-width: 767px){a.hc-size-drawer-label img.lab_image{max-width:40px;height:auto}}@media screen and (max-width: 992px){.product-variant-size a.hc-drawer-label .lab_image{width:20px;height:20px}}a.hc-drawer-label span.lab{font-size:14px;font-weight:400;margin:0 15px 0 0;padding:0;color:#0009}a.hc-drawer-label span.col-name{display:flex;font-size:14px;font-weight:700;margin-right:22px}.hc-drawer-size-diameter a.hc-drawer-label span.col-name{margin-right:10px}a.hc-size-drawer-label span.col-name{margin-right:22px}a.hc-size-drawer-label span.col-name-size{display:flex;flex-direction:row}a.hc-size-drawer-label span.size__item{display:flex;align-items:center;margin-right:25px}a.hc-size-drawer-label span.size__item.size__item_hidden{display:none}a.hc-size-drawer-label span.size__item_icon{margin-right:10px}a.hc-size-drawer-label span.size__item_title{font-size:10px;color:#000;display:block}.frame__option{position:relative;padding-bottom:20px;margin-bottom:20px!important}.frame__option:before{content:"";display:flex;position:absolute;bottom:0;left:0;width:520px;height:1px;background-color:#606060;opacity:.2}.frame__option_wrapper{display:flex;justify-content:flex-start;flex-wrap:wrap}@media screen and (max-width: 1300px){a.hc-drawer-label{padding:15px 35px 15px 20px}a.hc-size-drawer-label span.col-name{margin-right:40px}a.hc-drawer-label span.col-name{margin-right:30px}}@media screen and (max-width: 1024px){span.cros{display:inline-block}}@media screen and (max-width: 1200px){a.hc-drawer-label{margin-bottom:15px}}@media screen and (max-width: 1024px){.hc-popup-drawer{padding:20px 6.4vw}.hc-color-drawer-top{padding:0 10px 10px}.hc-popup-grid .hc-drawer-items{padding:0}}@media screen and (max-width: 1100px){a.hc-size-drawer-label .size__item{margin-right:10px!important}a.hc-size-drawer-label span.size__item_icon{margin-right:8px}}@media screen and (max-width: 1740px){a.hc-drawer-label{padding:10px 18px;height:45px}a.hc-drawer-label span.lab{font-size:12px}a.hc-drawer-label .col-color{width:20px;height:20px;right:35px}a.hc-drawer-label .col-icon{right:15px}a.hc-drawer-label .col-icon svg{height:12px}a.hc-drawer-label .lab_image{width:20px;height:20px}.frame__option:before{width:100%}.product-text .product-variants .product-variant.product-variant-size a.hc-drawer-label span.col-name{font-size:12px;margin-right:10px}}@media screen and (max-width: 1280px){.hc-drawer-size-frame,.hc-drawer-frame{margin-right:0}.hc-drawer{width:100%}a.hc-drawer-label{width:100%!important}.frame__option .hc-drawer-label{margin-bottom:15px}.product-text .product-variants .product-variant.product-variant-size{width:100%;margin-right:0}.frame__option{padding-bottom:0;margin-bottom:15px!important}}@media screen and (max-width: 768px){.hc-drawer{width:100%}.hc-drawer-size-frame,.hc-drawer-frame{margin-right:0}.hc-drawer-blocks{padding:0}.hc-drawer-val-frame .drawer__frame_wrapper{padding:5px}.hc-drawer-size-frame .drawer__frame_wrapper,.hc-drawer-frame .drawer__frame_wrapper{padding:0}.hc-drawer-top{padding:0 0 20px}.hc-drawer-top .title-col{font-size:16px;max-width:85%;text-align:left;line-height:1.2}.hc-drawer-top:before{width:100%;right:auto;left:50%;transform:translate(-50%)}.hc-drawer-items{padding:0;grid-template-columns:repeat(5,1fr);gap:20px}.product-variants .product-variant.product-variant-size{max-width:100%!important;width:100%!important;margin-right:0!important;margin-top:20px}@media screen and (max-width: 767px){.product-variants .product-variant.product-variant-size:nth-child(2){margin-top:15px}}.frame__option{padding-bottom:5px}.frame__option:before{width:100%}.hc-popup-drawer{max-width:none;padding:20px 25px}a.hc-drawer-label{width:100%;padding:10px 15px;height:45px}.hc-drawer-size-frame a.hc-drawer-label,.hc-drawer-frame a.hc-drawer-label{padding:10px 15px 10px 5px}.hc-drawer-size-frame a.hc-drawer-label .lab_image,.hc-drawer-frame a.hc-drawer-label .lab_image{margin-right:5px}a.hc-drawer-label .col-color{width:20px;height:20px}}
/*# sourceMappingURL=/cdn/shop/t/58/assets/product-option.css.map */