.c-variant-picker-modal--rtl{direction:rtl}.c-variant-picker-modal--rtl .c-variant-picker-modal__container{right:auto;left:0;-webkit-transform:translateX(-100%);transform:translate(-100%)}.c-variant-picker-modal--rtl .c-variant-picker-modal__container .c-variant-picker-modal__close{right:auto;left:15px}@media screen and (min-width: 768px){.c-variant-picker-modal--rtl .c-variant-picker-modal__container .c-variant-picker-modal__close{left:115px;right:auto}}.c-variant-picker-modal__background{width:100%;height:100vh;position:fixed;top:0;left:0;background-color:#151313cc;opacity:0;pointer-events:none;-webkit-transition:opacity .4s ease;transition:opacity .4s ease;z-index:11;cursor:url(https://cdn.shopify.com/s/files/1/0851/1216/0576/files/cursor-close.svg?v=1708929961) 14 14,auto}.c-variant-picker-modal__background.is-active{opacity:100%;pointer-events:all}.c-variant-picker-modal__container{position:fixed;top:0;left:auto;right:0;z-index:12;width:90%;max-width:768px;height:100vh;padding:20px 0;background-color:#fff;-webkit-box-shadow:-3px 0px 5px 0px rgba(0,0,0,.0509803922);box-shadow:-3px 0 5px #0000000d;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;-webkit-transform:translateX(100%);transform:translate(100%)}.c-variant-picker-modal__container.is-active{-webkit-transform:translateX(0);transform:translate(0)}@media screen and (min-width: 768px){.c-variant-picker-modal__container{padding:65px 0}}.c-variant-picker-modal__title{margin:0;color:#222;font-size:24px;font-weight:500;line-height:27px;text-transform:uppercase;max-width:60%;padding:0 15px}@media screen and (min-width: 768px){.c-variant-picker-modal__title{width:100%;padding:0 65px}}.c-variant-picker-modal__close{background-color:#0000;border:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;cursor:pointer;position:absolute;top:20px;right:15px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:4px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-transform:uppercase;color:#5f5f5f}@media screen and (min-width: 768px){.c-variant-picker-modal__close{top:68px;right:65px}}.c-variant-picker-modal__close>svg{width:16px;height:16px;pointer-events:none}.c-variant-picker-modal__close span{color:#5f5f5f;font-family:var(--font-body);font-size:10px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:.5px;text-transform:uppercase;pointer-events:none}@media screen and (min-width: 768px){.c-variant-picker-modal__close span{font-size:12px;letter-spacing:.6px}}.c-variant-picker-modal__wrapper{overflow-y:auto;height:90%;padding:20px 15px;margin-top:55px}.c-variant-picker-modal__wrapper *{color:#5f5f5f;font-size:12px;line-height:20px}.c-variant-picker-modal__wrapper h4{font-size:20px;line-height:24px;color:#222;margin:40px 0 15px}.c-variant-picker-modal__wrapper h5{font-size:18px;line-height:20px;color:#222;margin:40px 0 15px}.c-variant-picker-modal__wrapper h6{font-size:16px;line-height:18px;color:#222;margin:40px 0 15px}@media screen and (min-width: 768px){.c-variant-picker-modal__wrapper{padding:40px 65px}}.c-variant-picker-modal__text{margin-top:8px;margin-bottom:55px;font-size:12px;font-weight:200;line-height:21px;color:#5f5f5f;padding:0 15px}@media screen and (min-width: 768px){.c-variant-picker-modal__text{padding:0 65px}}.c-variant-picker-modal__options{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:15px}.c-variant-picker-modal__options--type--color{display:grid;gap:20px;grid-template-columns:1fr 1fr;grid-template-rows:repeat(5,-webkit-min-content);grid-template-rows:repeat(5,min-content)}@media screen and (min-width: 768px){.c-variant-picker-modal__options--type--color{grid-template-columns:1fr 1fr 1fr}}.c-variant-picker-modal__options--type--design{display:grid;gap:20px;grid-template-columns:1fr 1fr;grid-template-rows:repeat(5,-webkit-min-content);grid-template-rows:repeat(5,min-content)}@media screen and (min-width: 768px){.c-variant-picker-modal__options--type--design{grid-template-columns:1fr 1fr 1fr}}.c-variant-picker-modal__option-input{display:none;visibility:hidden}.c-variant-picker-modal__option-input:checked~.c-variant-picker-modal__option{border:.5px solid #000}.c-variant-picker-modal__option-input:disabled~.c-variant-picker__option{opacity:.6;pointer-events:none}.c-variant-picker-modal__option{font-size:13px;font-weight:300;line-height:25px;color:#222;text-align:center;border:.5px solid #d6d6d6;padding:16px 24px;cursor:pointer;background-color:#fff}.c-variant-picker-modal__option:hover{border:.5px solid #000}.c-variant-picker-modal__option--type--color,.c-variant-picker-modal__option--type--design{border:.5px solid #d6d6d6;padding:8px;gap:5px;display:grid;grid-template-columns:2fr 1.5fr;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.c-variant-picker-modal__option-image{aspect-ratio:1/1;position:relative;overflow:hidden}.c-variant-picker-modal__option-image>img{min-height:100%;min-width:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-o-object-fit:cover;object-fit:cover}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-variant-picker-modal.css.map */