@font-face{font-family:"Baloo 2";font-style:normal;font-weight:700;font-display:swap;src:url(//www.customcubed.com/cdn/shop/t/4/assets/baloo2-bold.woff2?v=117606819081880858431783221777) format("woff2")}@font-face{font-family:Work Sans;font-style:normal;font-weight:600;font-display:swap;src:url(//www.customcubed.com/cdn/shop/t/4/assets/worksans-semibold.woff2?v=102528262506729505891783221777) format("woff2")}@font-face{font-family:Playfair Display;font-style:normal;font-weight:700;font-display:swap;src:url(//www.customcubed.com/cdn/shop/t/4/assets/playfairdisplay-bold.woff2?v=65856782077946372501783221777) format("woff2")}@font-face{font-family:Pacifico;font-style:normal;font-weight:400;font-display:swap;src:url(//www.customcubed.com/cdn/shop/t/4/assets/pacifico-regular.woff2?v=114151420342066960451783221777) format("woff2")}@font-face{font-family:Bebas Neue;font-style:normal;font-weight:400;font-display:swap;src:url(//www.customcubed.com/cdn/shop/t/4/assets/bebasneue-regular.woff2?v=98353083092357694901783221777) format("woff2")}@font-face{font-family:Caveat;font-style:normal;font-weight:700;font-display:swap;src:url(//www.customcubed.com/cdn/shop/t/4/assets/caveat-bold.woff2?v=98492929636828067771783221777) format("woff2")}.keychain{display:grid;grid-template-columns:minmax(0,1fr) minmax(30rem,38rem);gap:4rem;align-items:start}.keychain__stage{position:sticky;top:9rem;border-radius:calc(var(--card-radius) * 1.2);border:1px solid var(--color-border);background:radial-gradient(120% 90% at 50% 8%,rgba(var(--color-primary-rgb),.16),transparent 60%),radial-gradient(circle at 50% 42%,#232838,#12141b);overflow:hidden;padding:clamp(1.6rem,3vw,3.2rem);min-height:32rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.keychain__stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 8rem #00000073;border-radius:inherit}.keychain__stage{position:relative}.keychain__canvas{width:100%;max-width:42rem;aspect-ratio:1 / 1;height:auto;display:block;margin:0 auto}.keychain__placeholder{color:var(--color-muted);font-size:1.5rem;text-align:center;max-width:26ch;line-height:1.6;margin:0}.keychain__hint{margin:1.2rem 0 0;text-align:center;font-size:1.2rem;color:var(--color-muted)}.keychain__panel>h1{font-size:clamp(2.8rem,4vw,4rem);margin-bottom:.6rem}.keychain__panel .product__price{margin:1rem 0 2.4rem}.keychain__lead{color:var(--color-muted);font-size:1.6rem;line-height:1.7;margin-bottom:2.4rem}.kc-group{border:0;padding:0;margin:0 0 2.2rem;min-width:0}.kc-group>legend{padding:0;font-size:1.4rem;font-weight:600;margin-bottom:1rem}.kc-group__label{display:block;font-size:1.4rem;font-weight:600;margin-bottom:1rem}.kc-selected{color:var(--color-muted);font-weight:500}.kc-swatches{display:flex;flex-wrap:wrap;gap:1rem}.kc-swatch{position:relative;display:inline-flex;cursor:pointer}.kc-swatch input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.kc-swatch__dot{width:3.6rem;height:3.6rem;border-radius:50%;background:var(--sw);box-shadow:inset 0 0 0 1px #ffffff47,inset 0 -3px 6px #00000059;transition:transform .12s ease,box-shadow .12s ease}.kc-swatch:hover .kc-swatch__dot{transform:scale(1.08)}.kc-swatch:has(input:checked) .kc-swatch__dot{box-shadow:0 0 0 2px var(--color-bg),0 0 0 4px var(--color-accent),inset 0 0 0 1px #ffffff4d}.kc-swatch:has(input:focus-visible) .kc-swatch__dot{outline:2px solid var(--color-primary);outline-offset:3px}.kc-pills{display:flex;flex-wrap:wrap;gap:.8rem}.kc-pills .variant-pill{cursor:pointer;-webkit-user-select:none;user-select:none}.kc-pill--glyph{font-size:1.9rem;line-height:1;padding:.7rem 1.2rem}.keychain__panel .field input[type=text]{font-size:1.7rem}.keychain__buy{margin-top:2.6rem}@media(max-width:989px){.keychain{grid-template-columns:1fr;gap:2.8rem}.keychain__stage{position:static}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-keychain-generator.css.map */