.ConfiguratorPeek[data-v-a0387885]{grid-template-columns:calc(11 * var(--sp)) 1fr;background:var(--color-base-100);border-radius:var(--border-radius-l);box-shadow:var(--panel-shadow);display:grid;overflow:hidden}.Side[data-v-a0387885]{gap:var(--sp1-5);padding:var(--sp1-5) var(--sp);background:var(--color-base-0);flex-direction:column;display:flex}.Family[data-v-a0387885]{align-items:center;gap:var(--sp);display:flex}.Swatch[data-v-a0387885]{flex:0 0 var(--sp2-5);width:var(--sp2-5);height:var(--sp2-5);border-radius:var(--border-radius);background:var(--color-base-200)}.Dots[data-v-a0387885]{gap:var(--sp0-5);display:flex}.Dots span[data-v-a0387885]{width:var(--sp1-5);height:var(--sp1-5);border:1px solid var(--color-base-200);border-radius:50%;display:block}.Bar[data-v-a0387885]{height:var(--sp);border-radius:var(--border-radius);background:var(--color-base-200);width:88%;display:block}.Bar-wide[data-v-a0387885]{width:70%}.Bar-mid[data-v-a0387885]{width:64%}.Bar-short[data-v-a0387885]{background:var(--color-primary-400);width:42%}.Action[data-v-a0387885]{height:var(--sp2-5);border-radius:var(--border-radius-xl);background:var(--color-primary-500);margin-top:auto}.View[data-v-a0387885]{place-items:center;min-width:0;display:grid}.View img[data-v-a0387885]{object-fit:contain;width:72%;height:auto}.ExploreMore[data-v-9453b72f]{padding-block:var(--sp8) var(--sp12)}.Inner h2[data-v-9453b72f]{margin:0 0 var(--sp4);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.Row[data-v-9453b72f]{gap:var(--sp4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.Card[data-v-9453b72f]{gap:var(--sp2);flex-direction:column;min-width:0;display:flex}.Card:hover>img[data-v-9453b72f],.Card[data-v-9453b72f]:hover .ConfiguratorPeek{box-shadow:0 0 12px var(--ui-primary-focus-outline-color), 0 0 1px var(--ui-primary-focus-border-color)}.Card>img[data-v-9453b72f],.Card[data-v-9453b72f] .ConfiguratorPeek{aspect-ratio:1;object-fit:cover;border-radius:var(--border-radius-l);width:100%}.Card strong[data-v-9453b72f]{font-family:var(--font-alt);font-size:var(--font-size-l);font-weight:var(--font-weight-bold)}.Card span[data-v-9453b72f]{font-size:var(--font-size-s);font-weight:350}@media (width<=767px){.ExploreMore[data-v-9453b72f]{padding-block:var(--sp12)}.Row[data-v-9453b72f]{grid-template-columns:1fr}}
