@layer components{.customization-module__9DBSqq__hero{align-items:center;gap:3rem;padding-block:8rem 4rem;display:grid}@media (min-width:48rem){.customization-module__9DBSqq__hero{padding-block:11rem 7rem}}@media (min-width:64rem){.customization-module__9DBSqq__hero{grid-template-columns:1.05fr 1fr;min-block-size:42rem}}.customization-module__9DBSqq__heroCards{isolation:isolate;place-items:center;min-block-size:26rem;display:grid;position:relative}.customization-module__9DBSqq__heroCards>[data-hero-card]{filter:drop-shadow(0 1.5rem 1rem #0003);filter:drop-shadow(0 1.5rem 1rem lab(0% 0 0/.2));grid-area:1/1;inline-size:min(90%,22rem)}.customization-module__9DBSqq__heroCards>[data-hero-card]:nth-of-type(2){transform:translate(-8%,-40%)rotate(-11deg)}.customization-module__9DBSqq__heroCards>[data-hero-card]:nth-of-type(3){transform:translate(8%,42%)rotate(9deg)}.customization-module__9DBSqq__heroCards>[data-hero-card]:last-child{z-index:1;transform:rotate(-2deg)}@media (min-width:64rem){.customization-module__9DBSqq__heroCards>[data-hero-card]:nth-of-type(2){transform:translate(-20%,-40%)rotate(-11deg)}.customization-module__9DBSqq__heroCards>[data-hero-card]:nth-of-type(3){transform:translate(18%,42%)rotate(9deg)}}.customization-module__9DBSqq__heroPattern{z-index:-1;position:absolute;inset:-1rem -2rem;-webkit-mask-image:radial-gradient(#000 35%,#0000 74%);mask-image:radial-gradient(#000 35%,#0000 74%)}.customization-module__9DBSqq__builderSection{padding-block:2rem 4rem;scroll-margin-block-start:7rem}.customization-module__9DBSqq__builder{background:var(--color-zinc-900);border:1px solid #ffffff1a;border:1px solid lab(100% 0 0/.1);border-radius:2rem;display:grid;overflow:clip}@media (min-width:64rem){.customization-module__9DBSqq__builder{grid-template-columns:minmax(20rem,.85fr) minmax(0,1.15fr)}}.customization-module__9DBSqq__mobilePreview{z-index:20;overscroll-behavior:contain;background:var(--color-zinc-950);border:1px solid #ffffff1a;border:1px solid lab(100% 0 0/.1);border-radius:1rem;justify-items:center;max-block-size:min(16rem,36dvh);margin-inline:-1rem;padding:.5rem;display:grid;position:sticky;inset-block-start:5rem;overflow-y:auto}.customization-module__9DBSqq__mobilePreview>div{inline-size:100%;max-inline-size:23.75rem}@media (min-width:64rem){.customization-module__9DBSqq__mobilePreview{display:none}}.customization-module__9DBSqq__settings input,.customization-module__9DBSqq__settings textarea,.customization-module__9DBSqq__settings button{scroll-margin-block-start:23rem}.customization-module__9DBSqq__settings{gap:1.5rem;min-inline-size:0;padding:clamp(1.25rem,1rem + 1vi,2.5rem);display:grid}.customization-module__9DBSqq__settings:disabled{opacity:.6}.customization-module__9DBSqq__settings label:has(input[type=color]:focus-visible)>span:last-child{outline:2px solid var(--color-gold-400);outline-offset:3px}.customization-module__9DBSqq__previewPanel{background:var(--color-zinc-950);min-inline-size:0;padding:clamp(1.25rem,1rem + 1vi,2.5rem)}@media not (min-width:64rem){.customization-module__9DBSqq__previewPanel{border-block-start:1px solid #ffffff1a;border-block-start:1px solid lab(100% 0 0/.1);padding-inline:.75rem}.customization-module__9DBSqq__previewPanel .customization-module__9DBSqq__cardStage{padding-inline:0}}@media (min-width:64rem){.customization-module__9DBSqq__previewPanel{border-inline-start:1px solid #ffffff1a;border-inline-start:1px solid lab(100% 0 0/.1)}}.customization-module__9DBSqq__previewSticky{position:sticky;inset-block-start:7rem}.customization-module__9DBSqq__cardStage{background-image:radial-gradient(#ffffff1a 1px,#0000 1px);background-image:radial-gradient(lab(100% 0 0/.1) 1px,#0000 1px);background-size:1rem 1rem;border-radius:1.5rem;place-items:center;min-block-size:19rem;padding-block:2rem;padding-inline:.5rem;display:grid}.customization-module__9DBSqq__palette{cursor:pointer;border:2px solid #0000;border-radius:50%;place-items:center;block-size:2.75rem;inline-size:2.75rem;display:grid}.customization-module__9DBSqq__palette>span{border-radius:50%;block-size:1rem;inline-size:1rem}.customization-module__9DBSqq__palette[aria-pressed=true]{outline:2px solid var(--color-gold-400);outline-offset:3px}.customization-module__9DBSqq__palette:focus-visible{outline-offset:3px;outline:2px solid #fff}.customization-module__9DBSqq__iconButton{block-size:2.75rem;inline-size:2.75rem;color:var(--color-zinc-400);cursor:pointer;border:1px dashed #fff3;border:1px dashed lab(100% 0 0/.2);border-radius:50%;place-items:center;display:grid}.customization-module__9DBSqq__iconButton:hover{border-color:var(--color-gold-400);color:var(--color-gold-400)}.customization-module__9DBSqq__iconButton:focus-visible{outline:2px solid var(--color-gold-400);outline-offset:3px}.customization-module__9DBSqq__iconButton[aria-pressed=true]{background:var(--color-gold-400);border-style:solid;border-color:var(--color-gold-400);color:var(--color-zinc-950)}.customization-module__9DBSqq__gallerySection{padding-block:4rem}.customization-module__9DBSqq__gallery{gap:1.25rem;display:grid;overflow:clip}.customization-module__9DBSqq__galleryRow{scrollbar-width:thin;overflow-x:auto}.customization-module__9DBSqq__galleryTrack{inline-size:max-content;display:flex}.customization-module__9DBSqq__galleryGroup{flex-shrink:0;justify-content:space-around;align-items:start;gap:1.25rem;min-inline-size:100vi;padding-inline-end:1.25rem;display:flex}.customization-module__9DBSqq__sample{flex-shrink:0;inline-size:20rem}@media (prefers-reduced-motion:no-preference){.customization-module__9DBSqq__galleryTrack{animation:customization-module__9DBSqq__cards-right var(--row-duration,70s) linear infinite}.customization-module__9DBSqq__galleryRow{overflow-x:clip}.customization-module__9DBSqq__galleryRow:hover .customization-module__9DBSqq__galleryTrack,.customization-module__9DBSqq__gallery[data-paused=true] .customization-module__9DBSqq__galleryTrack{animation-play-state:paused}.customization-module__9DBSqq__galleryRow:focus-within{overflow-x:auto}.customization-module__9DBSqq__galleryRow:focus-within .customization-module__9DBSqq__galleryTrack{animation:none;transform:none}}@media (prefers-reduced-motion:reduce){.customization-module__9DBSqq__galleryGroup[aria-hidden=true]{display:none}}@keyframes customization-module__9DBSqq__cards-right{0%{transform:translate(-50%)}to{transform:translate(0)}}}
