.exo-color-mix{display:block;background:#fff;color:#111;border:1px solid #d6d6d6;border-radius:10px;padding:1.15rem;margin:1rem 0 1.5rem;font-size:1rem;line-height:1.5}
.exo-color-mix[hidden],.exo-color-mix [hidden]{display:none!important}
.exo-color-mix h3{font-size:1.5rem;margin:0 0 .35rem}.exo-color-mix p{margin:.5rem 0 1rem}
.exo-mix-row{display:grid;grid-template-columns:64px minmax(0,1fr) 66px;gap:.75rem;align-items:center;padding:.8rem 0;border-bottom:1px solid #e5e5e5}
.exo-mix-image img{width:64px;height:64px;object-fit:contain;display:block}.exo-mix-color{min-width:0}.exo-mix-color>a{color:inherit;text-decoration:none;font-weight:650;overflow-wrap:anywhere}
.exo-color-mix label{display:block;font-size:.875rem;margin:.35rem 0 .2rem}.exo-color-mix select,.exo-color-mix input{font:inherit;font-size:16px;color:#111;background:#fff;min-height:46px;border:1px solid #aaa;border-radius:5px;width:100%;padding:.4rem}
.exo-mix-total{font-weight:700;font-size:1.1rem;padding-top:.5rem}.exo-color-mix .exo-mix-submit{width:100%;min-height:52px;background:#111;color:#fff;border-color:#111;font-size:1rem;padding:.8rem}
.exo-color-mix button:disabled{opacity:.45;cursor:not-allowed}.exo-color-mix :focus-visible{outline:3px solid #555;outline-offset:3px}.exo-mix-status{font-size:.95rem}.exo-mix-status:empty{display:none}.exo-color-mix [data-mix-cart]{color:#111;text-decoration:underline}
@media(max-width:480px){.exo-color-mix{padding:.8rem}.exo-mix-row{grid-template-columns:48px minmax(0,1fr) 58px;gap:.5rem}.exo-mix-image img{width:48px;height:48px}}


.exo-color-swatches{margin:0 0 1rem;color:inherit;min-width:0;max-width:100%}
.exo-swatch-label{margin:0 0 .65rem;font-size:1rem;line-height:1.4;overflow-wrap:anywhere}
.exo-swatch-list{display:flex;flex-wrap:wrap;gap:10px}
.exo-color-swatch{display:block;position:relative;box-sizing:border-box;flex:0 0 56px;width:56px;height:56px;padding:3px;border:2px solid transparent;border-radius:50%;text-decoration:none;background:#fff;overflow:hidden}
.exo-color-swatch img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
.exo-color-swatch[aria-current=true]{border-color:#111}
.exo-color-swatch:hover{border-color:#777}
.exo-color-swatch:focus-visible{outline:3px solid #555;outline-offset:3px}
.exo-color-swatch.is-unavailable{opacity:.55}
.exo-color-swatch.is-unavailable::after{content:"";position:absolute;left:6px;right:6px;top:50%;height:2px;background:#555;transform:rotate(-45deg)}
.exo-mix-disclosure{margin:1rem 0;border-top:1px solid #ddd;padding-top:.8rem}
.exo-mix-disclosure>summary{cursor:pointer;font-size:1rem;font-weight:600;min-height:44px;padding:.5rem 0;list-style:disclosure-closed}
.exo-mix-disclosure[open]>summary{list-style:disclosure-open}
.exo-mix-disclosure>summary:focus-visible{outline:3px solid #555;outline-offset:3px}
.exo-mix-disclosure .exo-color-mix{margin:.5rem 0 0}
@media(max-width:480px){.exo-swatch-list{gap:8px}.exo-color-swatch{flex-basis:48px;width:48px;height:48px}}

.exo-mix-row{grid-template-columns:64px minmax(0,1fr)}
@media(max-width:480px){.exo-mix-row{grid-template-columns:48px minmax(0,1fr)}}