.kx .kx-mug-swatches .kx-pdp__pills{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.kx .kx-mug-swatches [data-kx-opt]{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;padding:5px;border:1px solid #d5d7d8;border-radius:50%;background:#fff;box-shadow:none;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.kx .kx-mug-swatches [data-kx-opt]:hover{border-color:#162b3c}
.kx .kx-mug-swatches [data-kx-opt].on{border:2px solid #162b3c;box-shadow:0 0 0 2px #f6f1e9}
.kx .kx-mug-swatches [data-kx-opt]:focus-visible{outline:3px solid #e90058;outline-offset:4px}
.kx .kx-mug-swatches__dot{display:block;width:30px;height:30px;border:1px solid rgba(0,0,0,.1);border-radius:50%;flex:none}
.kx .kx-mug-swatches__selected{margin:12px 0 0;font-size:13px;color:#52677a;line-height:1.5}
.kx .kx-mug-swatches__sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(prefers-reduced-motion:reduce){.kx .kx-mug-swatches [data-kx-opt]{transition:none}}

.kx .kx-pdp__main:has(.kx-goodie-color-focus){position:relative}
.kx .kx-goodie-color-focus{position:absolute;inset:0;background:#fff;display:grid;place-items:center;border-radius:inherit;pointer-events:none}
.kx .kx-goodie-color-focus[hidden]{display:none}
.kx .kx-goodie-color-focus svg{display:block;width:85%;height:85%;overflow:hidden}

.kx .kx-pdp__gallery > .kx-pdp__main:only-child{grid-column:1/-1;width:100%}