.swatch-popover{position:fixed;top:0;right:0;width:100%;height:100%;max-width:667px;background:#fff;z-index:20;transition:transform .3s ease-in-out;will-change:transform;box-shadow:-10px 0 10px -5px #0000001a;transform:translate(100%)}@media screen and (max-width: 991px){.swatch-popover{top:0;width:100%}}.swatch-popover.is-open{transform:translate(0)}.swatch-popover__close{position:absolute;top:15px;right:20px;border:1px solid #272E56;border-radius:50%;padding:15px}@media screen and (max-width: 767px){.swatch-popover__close{right:15px}}.swatch-popover__close .svg-wrapper{width:10px;height:10px}.swatch-popover__close .svg-wrapper svg path{fill:#272e56}.swatch-popover__inner{padding:0 34px}@media screen and (max-width: 991px){.swatch-popover__inner{padding:0 10px}}.swatch-popover__header{padding:10px 34px}@media screen and (max-width: 991px){.swatch-popover__header{padding:10px 15px}}.swatch-popover__header-title{color:#272e56;font-size:32px}.swatch-popover__label-wrapper{display:flex;justify-content:space-between;align-items:center;margin-top:25px}@media screen and (max-width: 767px){.swatch-popover__label-wrapper{align-items:flex-start;margin-top:15px}}.swatch-popover__label-group{display:flex;align-items:center;gap:5px}@media screen and (max-width: 767px){.swatch-popover__label-group{flex-direction:column;align-items:flex-start;gap:0;flex:52%}}.swatch-popover__header-label{font-weight:600;letter-spacing:2.2px;font-family:var(--body-font-family);color:#272e56;font-size:18px;margin-top:0;flex:1}.swatch-popover__inner{height:calc(100% - 540px);overflow-y:auto}.swatch-popover .color__wrapper--query{display:grid;grid-template-columns:repeat(4,1fr);padding-bottom:150px}@media screen and (max-width: 991px){.swatch-popover .color__wrapper--query{gap:0;padding-bottom:75px}}.color__option-text{text-align:center;margin-bottom:10px}.swatch-popover .color__option-name,.swatch-popover .color__option-brand{padding:0;margin:0;font-size:12px;text-transform:capitalize;line-height:15px}@media screen and (max-width: 767px){.swatch-popover .color__option-name,.swatch-popover .color__option-brand{font-size:10px}}.swatch-popover .color__wrapper{margin:0;padding:4px 0}@media screen and (max-width: 767px){.swatch-popover .color__wrapper{margin-left:0;margin-right:0;padding:2px}}.swatch-popover__footer{position:absolute;bottom:0;left:0;width:100%;background:#fff}.swatch-popover__order{background:#272e56;padding:28px 39px}@media screen and (max-width: 767px){.swatch-popover__order{background:#272e56;padding:28px 27px}}.swatch-popover__order .button{width:100%;font-size:14px;color:#272e56;letter-spacing:2.7px;line-height:25px;text-transform:uppercase}@media screen and (max-width: 767px){.swatch-popover__order .button{font-size:13px;letter-spacing:1.3px;line-height:18px;height:43px}}.swatch-popover .color__wrapper:has(input[type=radio]:checked){border:.75px solid #707070}.swatch-popover__upsell{padding:26px 34px;display:flex;flex-direction:column;gap:13px}@media screen and (max-width: 767px){.swatch-popover__upsell{padding:15px}}.swatch-popover__upsell-item{display:flex;justify-content:space-between}.swatch-popover__upsell-title{font-size:20px;letter-spacing:-.06px;line-height:40px;color:#272e56;padding-bottom:20px}@media screen and (max-width: 767px){.swatch-popover__upsell-title{font-size:16px;letter-spacing:-.04px;line-height:22px;padding-bottom:14px;max-width:195px;width:100%}}.swatch-popover__upsell-btn{font-size:14px;letter-spacing:1.8px;line-height:25px;color:#272e56;text-transform:uppercase;text-decoration:underline}@media screen and (max-width: 767px){.swatch-popover__upsell-btn{font-size:15px;letter-spacing:1.5px;line-height:20px}}.swatch-popover__upsell-price{font-size:14px;letter-spacing:-.06px;line-height:25px;color:#272e56}.swatch-popover__upsell-img{max-width:120px;width:100%;height:115px;object-fit:contain}@media screen and (max-width: 767px){.swatch-popover__upsell-img{width:102px;height:98px}}.swatch-popover__upsell-left{display:flex;gap:15px}.swatch-popover__overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#757a7f72 0% 0% no-repeat padding-box;z-index:10;opacity:0;visibility:hidden;pointer-events:none}.swatch-popover__overlay.open{display:block!important;opacity:1;visibility:visible;pointer-events:auto;display:block}@media screen and (min-width: 991px){.swatch-popover .color__bg-wrapper:before{width:139px!important;height:108px!important}}.swatch-popover .color__bg-wrapper:before{width:89px;height:68px}.swatch-popover__order-btn{color:var(--link-color);background-color:var(--button-text);width:100%;border-radius:var(--button-radius)}.swatch-popover .content{height:100%}
/*# sourceMappingURL=/cdn/shop/t/249/assets/swatch-popover.css.map */