.woocommerce ul.products li.product.mwe-has-card-swatches{position:relative}
.mwe-card-swatches{position:absolute;top:14px;right:6px;z-index:2;display:flex;flex-direction:column;align-items:center;gap:0;max-height:220px;width:30px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#cbd0d4 transparent;overscroll-behavior:contain;padding:2px}
.mwe-card-swatch{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;min-height:0;padding:3px;margin:0;border:1px solid transparent;border-radius:50%;background:transparent;cursor:pointer;box-shadow:none;line-height:1}
.mwe-card-swatch>span{display:block;width:14px;height:14px;border:1px solid #0002;border-radius:50%;pointer-events:none}
.mwe-card-swatch[aria-pressed=true]{border-color:#737d83}.mwe-card-swatch:hover{border-color:#a3aab0}.mwe-card-swatch:focus-visible{outline:2px solid #008dbf;outline-offset:0}
.woocommerce .mwe-catalog-products ul.products li.product.mwe-has-card-swatches a img{padding-right:24px}
@media(max-width:900px){.mwe-card-swatches{top:10px;right:2px;width:28px}.woocommerce .mwe-catalog-products ul.products li.product.mwe-has-card-swatches a img{padding-left:0;padding-right:22px}}
@media(prefers-reduced-motion:reduce){.mwe-card-swatches{scroll-behavior:auto}}

/* Gallery controls only browse local photographs for the chosen colour. */
.mwe-store .mwe-card-swatches{top:20px;right:20px;width:22px;padding:0;z-index:4}
.mwe-store .mwe-card-swatch{flex-basis:22px;width:22px;height:22px;padding:1px}
.mwe-store .mwe-card-swatch[aria-pressed=true]>span{width:18px;height:18px}
.mwe-card-gallery-ui[hidden]{display:none}
.mwe-card-image-segments{display:flex;position:absolute;top:9px;left:20px;right:20px;gap:4px;z-index:3}
.mwe-card-image-segments button{flex:1;min-width:0;height:8px;padding:3px 0;margin:0;border:0;background:transparent;cursor:pointer;position:relative}
.mwe-card-image-segments button::after{content:'';display:block;height:2px;background:#ddd;border-radius:2px}
.mwe-card-image-segments button[aria-pressed=true]::after{background:#aaa}
.mwe-card-image-prev,.mwe-card-image-next{position:absolute;top:149px;z-index:3;display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:50%;background:#fff;color:#575757;box-shadow:0 1px 4px #0002;cursor:pointer;padding:0}
.mwe-card-image-prev{left:26px}.mwe-card-image-next{right:26px}
.mwe-card-image-prev span,.mwe-card-image-next span{display:block;width:8px;height:8px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg);margin-right:3px}
.mwe-card-image-prev span{transform:rotate(-135deg);margin-right:0;margin-left:3px}
.mwe-card-favorite{display:grid;place-items:center;flex:0 0 46px;width:46px;height:40px;border:1px solid #00adee;border-radius:5px;color:#00adee;background:#fff;cursor:pointer;padding:8px}
.mwe-card-favorite svg{width:24px;height:24px;pointer-events:none}
.mwe-card-favorite[aria-pressed=true] svg{fill:currentColor}.mwe-card-favorite:hover{background:#effaff}
@media(hover:hover){.mwe-card-image-prev,.mwe-card-image-next,.mwe-card-image-segments{opacity:0;transition:opacity .15s}.product:hover .mwe-card-image-prev,.product:hover .mwe-card-image-next,.product:hover .mwe-card-image-segments,.product:focus-within .mwe-card-image-prev,.product:focus-within .mwe-card-image-next,.product:focus-within .mwe-card-image-segments{opacity:1}}
@media(max-width:900px){.mwe-store .mwe-card-swatches{top:13px;right:8px}.mwe-card-image-segments{top:3px;left:8px;right:8px}.mwe-card-image-prev,.mwe-card-image-next{top:91px}.mwe-card-image-prev{left:13px}.mwe-card-image-next{right:13px}.mwe-card-favorite{flex-basis:40px;width:40px}.mwe-card-image-prev,.mwe-card-image-next,.mwe-card-image-segments{opacity:1}}
@media(max-width:360px){.mwe-card-favorite{flex-basis:34px;width:34px;padding:6px}.mwe-card-image-prev,.mwe-card-image-next{top:78px}}
.mwe-card-image-prev,.mwe-card-image-next{top:calc(var(--mwe-card-image-center,165px) - 16px)}
.mwe-card-long-rail .mwe-card-image-next{right:46px}
@media(max-width:900px){.mwe-card-long-rail .mwe-card-image-next{right:34px}}