.csd{--csd-line: #e2e2e2;--csd-muted: #6b6b6b;--csd-accent: #070a09;--csd-accent-text: #fff;margin:0 0 0 auto;max-width:44rem;width:100%;height:100%;max-height:100%;padding:0;border:0;background:#fff;color:inherit;overflow:hidden}.csd::backdrop{background:#0000006b}@media(prefers-reduced-motion:no-preference){.csd[open]{animation:csd-in .22s ease-out}@keyframes csd-in{0%{transform:translate(100%)}to{transform:none}}}.csd__panel{display:flex;flex-direction:column;height:100%}.csd__head{display:flex;align-items:flex-start;justify-content:space-between;gap:1.6rem;padding:2rem 2rem 1.6rem;border-bottom:1px solid var(--csd-line)}.csd__title{margin:0;font-size:1.9rem;line-height:1.2}.csd__sub{margin:.4rem 0 0;font-size:1.3rem;color:var(--csd-muted)}.csd__x{flex:none;width:3.4rem;height:3.4rem;padding:.7rem;background:none;border:0;color:inherit;cursor:pointer;border-radius:50%}.csd__x:hover{background:#0000000d}.csd__x svg{width:100%;height:100%}.csd__body{flex:1 1 auto;overflow-y:auto;padding:1.6rem 2rem 2rem}.csd__group+.csd__group{margin-top:2.4rem}.csd__group-title{margin:0 0 1rem;font-size:1.3rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--csd-muted)}.csd__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:1.2rem;margin:0;padding:0;list-style:none}.csd__tile{position:relative;display:block;cursor:pointer;text-align:left}.csd__check{position:absolute;width:1px;height:1px;opacity:0}.csd__swatch{position:relative;display:block;aspect-ratio:1;overflow:hidden;border:1px solid var(--csd-line);border-radius:8px;background:#f4f3ef}.csd__swatch img{width:100%;height:100%;object-fit:cover;display:block}.csd__tick{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#00000073;color:#fff;opacity:0;transition:opacity .12s}.csd__tick svg{width:2.6rem;height:2.6rem}.csd__check:checked~.csd__swatch .csd__tick{opacity:1}.csd__check:checked~.csd__swatch{border-color:var(--csd-accent);box-shadow:0 0 0 2px var(--csd-accent)}.csd__check:focus-visible~.csd__swatch{outline:2px solid var(--csd-accent);outline-offset:3px}.csd__check:disabled~.csd__swatch{opacity:.4;cursor:not-allowed}.csd__check:disabled~.csd__name,.csd__check:disabled~.csd__price{opacity:.4}.csd__name{display:block;margin-top:.6rem;font-size:1.3rem;line-height:1.3}.csd__price{display:block;font-size:1.2rem;color:var(--csd-muted)}.csd__foot{flex:none;padding:1.6rem 2rem;border-top:1px solid var(--csd-line);background:#fff;padding-bottom:calc(1.6rem + env(safe-area-inset-bottom,0px))}.csd__summary{margin:0 0 1rem;font-size:1.3rem;color:var(--csd-muted)}.csd__go{width:100%;padding:1.3rem 2rem;background:var(--csd-accent);color:var(--csd-accent-text);border:0;border-radius:8px;font:inherit;font-size:1.5rem;cursor:pointer;font-weight:600;letter-spacing:.06em}.csd__go[disabled]{opacity:.45;cursor:default}.csd__done{margin:1rem 0 0;font-size:1.3rem;text-align:center}.csd-hdr{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.ppo-option--bad>.csd-hdr>.ppo-option__label{color:#b3261e}@media(max-width:48em){.csd{max-width:100%}.csd__grid{grid-template-columns:repeat(auto-fill,minmax(9rem,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/coverly-sample-drawer.css.map */