.PaintZoneToggle-module__7qX73W__root{margin:2px 0 18px}.PaintZoneToggle-module__7qX73W__label{letter-spacing:.24em;text-transform:uppercase;color:#9a978f;margin-bottom:11px;font-size:10px}.PaintZoneToggle-module__7qX73W__row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.PaintZoneToggle-module__7qX73W__card{isolation:isolate;text-align:left;color:#3a382f;cursor:pointer;min-height:60px;transition:border-color .28s var(--ease-premium), box-shadow .28s var(--ease-premium), color .28s var(--ease-premium), transform .28s var(--ease-premium);background:linear-gradient(135deg,#ffffffb8,#ffffff7a);border:1px solid #ffffffc7;border-radius:11px;align-items:center;gap:12px;padding:12px 14px;font-family:inherit;display:flex;position:relative;box-shadow:0 8px 20px #0000000f,inset 0 1px #ffffffdb}.PaintZoneToggle-module__7qX73W__card:before{content:"";z-index:-1;border-radius:inherit;opacity:0;transition:opacity .28s var(--ease-premium);background:#0a0a0c;position:absolute;inset:-1px}.PaintZoneToggle-module__7qX73W__card:hover:not(.PaintZoneToggle-module__7qX73W__on){border-color:#d6d3cb;transform:translateY(-1px);box-shadow:0 12px 24px #00000014,inset 0 1px #ffffffe6}.PaintZoneToggle-module__7qX73W__card:active{transform:translateY(0)}.PaintZoneToggle-module__7qX73W__card.PaintZoneToggle-module__7qX73W__on{color:#fff;border-color:#0a0a0c;box-shadow:0 6px 16px #0a0a0c24}.PaintZoneToggle-module__7qX73W__card.PaintZoneToggle-module__7qX73W__on:before{opacity:1}.PaintZoneToggle-module__7qX73W__swatch{background:linear-gradient(135deg, #ffffff8c, #fff0 45%), linear-gradient(210deg, #00000029, #0000 55%), var(--swatch-color);width:22px;height:22px;transition:box-shadow .28s var(--ease-premium);border-radius:999px;flex-shrink:0;box-shadow:0 0 0 1px #0000001f,0 2px 6px #0000001f}.PaintZoneToggle-module__7qX73W__card.PaintZoneToggle-module__7qX73W__on .PaintZoneToggle-module__7qX73W__swatch{box-shadow:0 0 0 1.5px #ffffffd9,0 2px 8px #0006}.PaintZoneToggle-module__7qX73W__text{flex-direction:column;gap:3px;min-width:0;display:flex}.PaintZoneToggle-module__7qX73W__kicker{letter-spacing:.2em;text-transform:uppercase;color:#9a978f;transition:color .28s var(--ease-premium);font-size:9.5px}.PaintZoneToggle-module__7qX73W__card.PaintZoneToggle-module__7qX73W__on .PaintZoneToggle-module__7qX73W__kicker{color:#ffffff8c}.PaintZoneToggle-module__7qX73W__part{letter-spacing:-.005em;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:500;line-height:1.2;overflow:hidden}@media (max-width:980px){.PaintZoneToggle-module__7qX73W__root{margin:0 0 14px}.PaintZoneToggle-module__7qX73W__card{gap:10px;min-height:54px;padding:10px 12px}.PaintZoneToggle-module__7qX73W__swatch{width:20px;height:20px}.PaintZoneToggle-module__7qX73W__part{font-size:12.5px}}@media (prefers-reduced-motion:reduce){.PaintZoneToggle-module__7qX73W__card,.PaintZoneToggle-module__7qX73W__swatch,.PaintZoneToggle-module__7qX73W__kicker{transition:none}.PaintZoneToggle-module__7qX73W__card:hover:not(.PaintZoneToggle-module__7qX73W__on){transform:none}}