.apcl-image-frame{position:relative;width:100%}
.apcl-overlay-host{position:relative!important;isolation:isolate}
.apcl-overlay-host>.apcl-variants{position:absolute;left:0;right:0;bottom:0;z-index:20;display:flex;flex-direction:column;gap:4px;padding:10px 9px 8px;background:linear-gradient(to top,rgba(255,255,255,.98),rgba(255,255,255,.88));opacity:0;visibility:hidden;transform:translateY(5px);transition:opacity .18s,transform .18s,visibility .18s;pointer-events:none;max-height:65%;overflow-y:auto}
.product-miniature:hover .apcl-overlay-host>.apcl-variants,.js-product-miniature:hover .apcl-overlay-host>.apcl-variants,.product-card:hover .apcl-overlay-host>.apcl-variants,.apcl-overlay-host:hover>.apcl-variants,.apcl-overlay-host:focus-within>.apcl-variants{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
.apcl-group{display:flex;align-items:center;flex-wrap:wrap;gap:4px}
.apcl-group-label{font-size:12px;color:#8b949e;margin-right:3px}
.apcl-variant{display:inline-flex;align-items:center;justify-content:center;min-width:29px;min-height:28px;padding:2px 5px;border:1px solid #89928e;border-radius:5px;background:#fff;color:#27312c;font-size:12px;line-height:1.25;text-decoration:none}
.apcl-variant:hover,.apcl-variant:focus-visible{background:#e5f0e2;border-color:#268014;color:#176b0e;text-decoration:none}
.apcl-unavailable{color:#999;border-color:#ddd;text-decoration:line-through;opacity:.6}
@media(hover:none),(pointer:coarse){.apcl-overlay-host>.apcl-variants{opacity:1;visibility:visible;transform:none;pointer-events:auto}}
@media(max-width:575px){.apcl-overlay-host>.apcl-variants{padding:6px;gap:3px}.apcl-variant{font-size:11px;min-width:27px;min-height:27px;padding:2px 4px}}
@media(prefers-reduced-motion:reduce){.apcl-overlay-host>.apcl-variants{transition:none}}