.color-swatch-drawer{position:fixed;z-index:1000;left:0;top:0;width:100vw;height:100%;display:flex;justify-content:flex-end;background-color:rgba(var(--color-foreground),.5);transition:visibility var(--duration-default) ease;visibility:hidden}.color-swatch-drawer.active{visibility:visible}.color-swatch-drawer .color-swatch-drawer-inner{height:100%;width:50rem;padding:5rem 3rem;border:.1rem solid rgba(var(--color-foreground),.2);border-right:0;background-color:#f6f6f6;overflow:hidden;display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--duration-default) ease;overflow-y:visible}.color-swatch-drawer.active .color-swatch-drawer-inner{transform:translate(0)}.color-swatch-drawer .color-swatch-drawer-header{display:flex;justify-content:space-between;align-items:center}.color-swatch-drawer-header h2{margin:0;font-family:var(--font-body-family)!important;font-weight:900;letter-spacing:0;font-size:16px;line-height:26px;color:#1f1f1f;width:calc(100% - 25px);text-transform:uppercase}.color-swatch-drawer .color-swatch-drawer-header button{width:25px;background:#f6f6f6;border:none;cursor:pointer}.color-swatch-drawer .color-swatch-drawer-header button svg{width:11px;height:11px}.color-swatch-drawer .color-swatch-body{display:flex;flex-wrap:wrap;padding-top:6rem;row-gap:40px;column-gap:28px}.product-swatch-options .product-form__input.swatches .color-swatch-drawer input[type=radio]+.swatches-image{border:none;max-width:20%;padding:0;margin:0;color:#9a9999;text-transform:uppercase;font-size:12px;line-height:16px;letter-spacing:0;background:#f6f6f6;width:100%}.product-form__input.swatches .color-swatch-drawer input[type=radio].disabled+label,.product-form__input.swatches .color-swatch-drawer input[type=radio]:disabled+label{text-decoration:none!important}.product-swatch-options .product-form__input.swatches .color-swatch-drawer input[type=radio]:checked+label img{transform:rotate(340deg);transition:.3s ease-in-out}.product-swatch-options .product-form__input.swatches .color-swatch-drawer input[type=radio]+.swatches-image span{padding:5px;margin-top:14px}.comet-laces .product-swatch-options .product-form__input.swatches .color-swatch-drawer input[type=radio]+.swatches-image span{margin-top:0}.comet-laces .product-swatch-options .product-form__input.swatches .color-swatch-drawer input[type=radio]+.swatches-image.lace-products{max-width:22.5%;width:100%}.comet-laces .product-swatch-options .product-form__input.swatches input[type=radio]+.swatches-image.lace-products.i_checked{border-color:#ebef29!important}@media screen and (min-width:750px){body.overflow-hidden .product__column-sticky{z-index:999!important}}@media screen and (max-width:990px){.product-swatch-options .product-form__input.swatches .color-swatch-drawer input[type=radio]+.swatches-image{max-width:20%;padding:0!important;margin:0!important;font-size:10px;line-height:15px}}@media screen and (max-width:749px){.color-swatch-drawer .color-swatch-drawer-inner{height:65vh;width:100vw;bottom:0;position:absolute;border-radius:20px 20px 0 0;transform:translateY(200%);padding:4rem 2rem}.color-swatch-drawer-header h2{font-size:12px;line-height:14px;padding:0 2px}.product-swatch-options .product-form__input.swatches .color-swatch-drawer input[type=radio]+.swatches-image{max-width:21.5%;width:100%;font-size:14px;line-height:18px}.color-swatch-drawer .color-swatch-drawer-header button svg{width:10px;height:10px}.comet-laces .product-swatch-options .product-form__input.swatches .color-swatch-drawer input[type=radio]+.swatches-image.lace-products{max-width:23.5%!important}.product-swatch-options .product-form__input.swatches .color-swatch-drawer input[type=radio]+.swatches-image[multi-color=true]{padding:0 8px!important}.product-swatch-options .product-form__input.swatches .color-swatch-drawer input[type=radio]+.swatches-image span{margin-top:12px}.product-form__input.swatches .color-swatch-drawer input[type=radio].disabled:checked+label,.product-form__input.swatches .color-swatch-drawer input[type=radio]:disabled:checked+label{color:#9a9999!important}}@media screen and (max-width:640px){.color-swatch-drawer .color-swatch-body{padding-top:5.5rem;row-gap:35px;column-gap:15px}.product-swatch-options .product-form__input.swatches .color-swatch-drawer input[type=radio]+.swatches-image{max-width:30%;padding:0!important;font-size:10px;line-height:14px}}@media screen and (max-width:375px){.comet-laces .product-swatch-options .product-form__input.swatches .color-swatch-drawer input[type=radio]+.swatches-image.lace-products{max-width:31%!important}}@media screen and (max-width:370px){.product-swatch-options .product-form__input.swatches .color-swatch-drawer input[type=radio]+.swatches-image{max-width:29.5%}.color-swatch-drawer .color-swatch-drawer-inner{padding:4rem 1.5rem}}