.spinner{border-style:solid;border-color:rgba(101,0,0,.2);border-top-color:var(--color-maroon);border-radius:50%;animation:spinner-rotate .8s linear infinite;flex-shrink:0}.spinner--sm{width:1.25rem;height:1.25rem;border-width:2px}.spinner--on-fill{border-color:currentColor color-mix(in srgb,currentColor 30%,transparent) color-mix(in srgb,currentColor 30%,transparent)}.spinner--on-fill.spinner--sm{width:1rem;height:1rem}.spinner--lg{width:2.5rem;height:2.5rem;border-width:3px}@keyframes spinner-rotate{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:3s}}.attr-combo{position:relative}.attr-combo__list{position:absolute;z-index:20;top:calc(100% + 4px);left:0;right:0;margin:0;padding:.25rem 0;list-style:none;max-height:15rem;overflow-y:auto;background:#ffffff;border:1px solid var(--border,#e0e0e0);border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,.08)}.attr-combo__option{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.9rem;cursor:pointer}.attr-combo__option.is-active{background:var(--baby-blue-soft,rgba(137,190,224,.18))}.attr-combo__swatch{width:.85rem;height:.85rem;border-radius:999px;border:1px solid rgba(0,0,0,.15);flex:none}