.vb{display:block;--vb-fg: rgba(var(--color-foreground, 18, 18, 18), 1);--vb-fg-soft: rgba(var(--color-foreground, 18, 18, 18), .62);--vb-line: rgba(var(--color-foreground, 18, 18, 18), .16);--vb-line-strong: rgba(var(--color-foreground, 18, 18, 18), .85);--vb-bg: rgba(var(--color-background, 255, 255, 255), 1);--vb-sw-edge: rgba(var(--color-foreground, 18, 18, 18), .38);--vb-radius: 6px}.vb__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:2.4rem}@media screen and (min-width:750px){.vb__grid{grid-template-columns:minmax(0,1fr) minmax(26rem,34rem);gap:4rem;align-items:start}}.vb__stage{position:relative;width:100%;aspect-ratio:1 / 1;background:rgba(var(--color-foreground, 18, 18, 18),.04);border-radius:var(--vb-radius);overflow:hidden}.vb__stage svg{display:block;width:100%;height:100%}.vb__stage image{image-rendering:auto}.vb__controls{display:flex;flex-direction:column;gap:2rem}.vb__field{border:0;padding:0;margin:0;min-width:0}.vb__legend{padding:0;margin:0 0 .8rem;font-size:1.3rem;letter-spacing:.06em;text-transform:uppercase;color:var(--vb-fg-soft)}.vb__styles{display:flex;flex-wrap:wrap;gap:.8rem}.vb-style{display:inline-flex;align-items:center;gap:.8rem;padding:.9rem 1.4rem;font-size:1.4rem;line-height:1;color:var(--vb-fg);background:transparent;border:1px solid var(--vb-line);border-radius:var(--vb-radius);cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease}.vb-style:hover{border-color:var(--vb-line-strong)}.vb-style[aria-pressed=true]{border-color:var(--vb-line-strong);box-shadow:inset 0 0 0 1px var(--vb-line-strong)}.vb-style__swatch{width:1.6rem;height:1.6rem;border-radius:50%;border:1px solid var(--vb-sw-edge);background:currentColor}.vb-style__swatch--solid{background:var(--vb-fg)}.vb-style__swatch--outline{background:transparent;box-shadow:inset 0 0 0 2px var(--vb-fg)}.vb-style__swatch--two{background:linear-gradient(90deg,var(--vb-fg) 0 50%,transparent 50% 100%);box-shadow:inset 0 0 0 1px var(--vb-fg)}.vb__swatches{display:flex;flex-wrap:wrap;gap:.9rem}.vb-sw{position:relative;width:3.2rem;height:3.2rem;padding:0;border-radius:50%;border:1px solid var(--vb-sw-edge);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.vb-sw:hover{transform:translateY(-1px)}.vb-sw[aria-pressed=true]{box-shadow:0 0 0 2px var(--vb-bg),0 0 0 4px var(--vb-line-strong)}.vb-sw:focus-visible{outline:2px solid var(--vb-line-strong);outline-offset:3px}.vb-flag{margin:0;padding:1rem 1.2rem;font-size:1.3rem;line-height:1.4;border-radius:var(--vb-radius);border:1px solid currentColor}.vb-flag[hidden]{display:none}.vb-flag--warn{color:#8a6100;background:#ffc43d1f}.vb-flag--bad{color:#9e1b22;background:#9e1b221a}@media(prefers-color-scheme:dark){.vb-flag--warn{color:#e8b23a}.vb-flag--bad{color:#f08a8f}}.no-js .vb__grid{grid-template-columns:minmax(0,1fr)}.no-js .vb__stage,.no-js .vb__controls{display:none}
/*# sourceMappingURL=/cdn/shop/t/10/assets/varsity-builder.css.map */