.product .product-info__block-list{position:relative;overflow:hidden}.product .product-info__block-list .og-variant-picker__wrapper .og-variant-picker__material-wrapper{padding:40px 0 0;display:flex;flex-direction:column;gap:25px;position:absolute;top:0;right:-100%;bottom:0;left:100%;background:#fff;z-index:999999;overflow-x:auto;transition:all .3s ease-out}.product .product-info__block-list .og-variant-picker__wrapper .og-variant-picker__material-wrapper.visible-materials{right:0;left:0}.product .product-info__block-list .og-variant-picker__wrapper .og-variant-picker__material-wrapper::-webkit-scrollbar{width:5px}.product .product-info__block-list .og-variant-picker__wrapper .og-variant-picker__material-wrapper::-webkit-scrollbar-thumb{background:#888;border-radius:4px;opacity:.5}.product .product-info__block-list .og-variant-picker__wrapper .og-variant-picker__material-wrapper .og-variant-picker__material-group{display:flex;flex-direction:column;gap:15px}.product .product-info__block-list .og-variant-picker__wrapper .og-variant-picker__material-wrapper .og-variant-picker__material-group .og-variant-picker__material-group-name{font-size:15px;font-weight:600}.product .product-info__block-list .og-variant-picker__wrapper .og-variant-picker__material-wrapper .og-variant-picker__material-group .og-variant-picker__material-group-wrapper{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.product .product-info__block-list .og-variant-picker__wrapper .og-variant-picker__material-wrapper .og-variant-picker__material-group .og-variant-picker__material-group-wrapper .og-variant-picker__material-group-material{display:flex;flex-direction:column;align-items:center;width:100%}.product .product-info__block-list .og-variant-picker__wrapper .og-variant-picker__material-wrapper .og-variant-picker__material-group .og-variant-picker__material-group-wrapper .og-variant-picker__material-group-material .og-variant-picker__material-group-material-image{width:100%;aspect-ratio:1;border:1px solid transparent;position:relative;cursor:pointer}.product .product-info__block-list .og-variant-picker__wrapper .og-variant-picker__material-wrapper .og-variant-picker__material-group .og-variant-picker__material-group-wrapper .og-variant-picker__material-group-material .og-variant-picker__material-group-material-image img{height:100%;width:100%;object-fit:cover}.product .product-info__block-list .og-variant-picker__wrapper .og-variant-picker__material-wrapper .og-variant-picker__material-group .og-variant-picker__material-group-wrapper .og-variant-picker__material-group-material.active-material .og-variant-picker__material-group-material-image{border:1px solid #000}.product .product-info__block-list .og-variant-picker__wrapper .og-variant-picker__material-wrapper .og-variant-picker__material-group .og-variant-picker__material-group-wrapper .og-variant-picker__material-group-material.active-material .og-variant-picker__material-group-material-image:after{content:"\2713";display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-align:center;font-size:30px;background-color:#00000047;color:#fff;position:absolute;top:0}.product .product-info__block-list .og-variant-picker__wrapper .og-variant-picker__material-wrapper .og-variant-picker__material-group .og-variant-picker__material-group-wrapper .og-variant-picker__material-group-material .og-variant-picker__material-group-material-name{text-align:center;word-break:break-word}.product .product-info__block-list .og-variant-picker__wrapper .og-variant-picker__material-wrapper .og-variant-picker__material-group .og-variant-picker__material-group-wrapper .og-variant-picker__material-group-material .og-variant-picker__material-group-material-popover{padding:20px;position:fixed;right:max(var(--container-gutter),50% - var(--container-max-width) / 2);top:350px;width:50%;background:#fff;z-index:9999999;box-shadow:0 0 5px #0000001a;display:none;gap:10px;overflow-x:auto}.product .product-info__block-list .og-variant-picker__wrapper .og-variant-picker__material-wrapper .og-variant-picker__material-group .og-variant-picker__material-group-wrapper .og-variant-picker__material-group-material.hover-material .og-variant-picker__material-group-material-popover{display:flex!important}.product .product-info__block-list .og-variant-picker__wrapper .og-variant-picker__material-wrapper .og-variant-picker__material-group .og-variant-picker__material-group-wrapper .og-variant-picker__material-group-material .og-variant-picker__material-group-material-popover-close{display:none;width:max-content;position:absolute;top:15px;right:30px;cursor:pointer}.product .product-info__block-list .og-variant-picker__wrapper .og-variant-picker__material-wrapper .og-variant-picker__material-group .og-variant-picker__material-group-wrapper .og-variant-picker__material-group-material .og-variant-picker__material-group-material-popover .og-variant-picker__material-group-material-popover-image{width:250px;min-width:250px;height:250px;max-height:250px;aspect-ratio:1}.product .product-info__block-list .og-variant-picker__wrapper .og-variant-picker__material-wrapper .og-variant-picker__material-group .og-variant-picker__material-group-wrapper .og-variant-picker__material-group-material .og-variant-picker__material-group-material-popover .og-variant-picker__material-group-material-popover-image img{height:100%;width:auto}.product .product-info__block-list .og-variant-picker__wrapper .og-variant-picker__material-wrapper .og-variant-picker__material-group .og-variant-picker__material-group-wrapper .og-variant-picker__material-group-material .og-variant-picker__material-group-material-popover .og-variant-picker__material-group-material-popover-content .og-variant-picker__material-group-material-popover-content-title{font-weight:600;font-size:15px}.product .product-info__block-list .og-variant-picker__wrapper .og-variant-picker__material-wrapper .og-variant-picker__material-close{display:block;width:max-content;position:absolute;top:10px;right:10px;cursor:pointer}.og-variant-picker__wrapper .og-variant-picker__material-select{display:flex;flex-direction:column;gap:20px;cursor:pointer}.og-variant-picker__wrapper .og-variant-picker__material-select .material-select-text{display:flex;align-items:center;justify-content:space-between}@media (max-width: 999px){.product .product-info__block-list .og-variant-picker__wrapper{display:flex;flex-direction:column-reverse}.product .product-info__block-list .og-variant-picker__wrapper .og-variant-picker__material-wrapper{transform:none;left:100%;right:-100%}.product .product-info__block-list .og-variant-picker__wrapper .og-variant-picker__material-wrapper.visible-materials{transform:none;left:0;right:0}.product .product-info__block-list .og-variant-picker__wrapper .og-variant-picker__material-wrapper .og-variant-picker__material-group .og-variant-picker__material-group-wrapper{grid-template-columns:repeat(8,1fr)}.product .product-info__block-list .og-variant-picker__wrapper .og-variant-picker__material-wrapper .og-variant-picker__material-group .og-variant-picker__material-group-wrapper .og-variant-picker__material-group-material .og-variant-picker__material-group-material-popover{left:max(var(--container-gutter),50% - var(--container-max-width) / 2);width:calc(100% - (max(var(--container-gutter),50% - var(--container-max-width) / 2)*2));max-width:100%}}@media (max-width: 850px){.product .product-info__block-list .og-variant-picker__wrapper .og-variant-picker__material-wrapper .og-variant-picker__material-group .og-variant-picker__material-group-wrapper{grid-template-columns:repeat(7,1fr)}}@media (max-width: 700px){.product .product-info__block-list .og-variant-picker__wrapper .og-variant-picker__material-wrapper .og-variant-picker__material-group .og-variant-picker__material-group-wrapper{grid-template-columns:repeat(6,1fr)}}@media (max-width: 600px){.product .product-info__block-list .og-variant-picker__wrapper .og-variant-picker__material-wrapper{padding:65px 10px 20px;position:fixed;top:0;bottom:0}.product .product-info__block-list .og-variant-picker__wrapper .og-variant-picker__material-wrapper .og-variant-picker__material-group .og-variant-picker__material-group-wrapper{grid-template-columns:repeat(5,1fr)}.product .product-info__block-list .og-variant-picker__wrapper .og-variant-picker__material-wrapper .og-variant-picker__material-group .og-variant-picker__material-group-wrapper .og-variant-picker__material-group-material .og-variant-picker__material-group-material-popover{padding:65px 30px 20px;top:0;right:0;bottom:0;left:0;width:100%;flex-direction:column}.product .product-info__block-list .og-variant-picker__wrapper .og-variant-picker__material-wrapper .og-variant-picker__material-group .og-variant-picker__material-group-wrapper .og-variant-picker__material-group-material .og-variant-picker__material-group-material-popover-close{display:block}.product .product-info__block-list .og-variant-picker__wrapper .og-variant-picker__material-wrapper .og-variant-picker__material-group .og-variant-picker__material-group-wrapper .og-variant-picker__material-group-material .og-variant-picker__material-group-material-popover .og-variant-picker__material-group-material-popover-image{width:100%;height:auto;max-height:100%}}@media (max-width: 500px){.product .product-info__block-list .og-variant-picker__wrapper .og-variant-picker__material-wrapper .og-variant-picker__material-group .og-variant-picker__material-group-wrapper{grid-template-columns:repeat(4,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/og-custom-variant.css.map */