.color-swatch{aspect-ratio:1;cursor:pointer;border-width:1px;border-radius:.375rem;width:100%;transition:transform .2s}.color-swatch:hover{transform:scale(1.05)}.color-swatch-white{background-color:#fff}.color-swatch-black{background-color:#000}.color-swatch-red{background-color:#f55}.color-swatch-green{background-color:#5f5}.color-swatch-blue{background-color:#55f}.color-swatch-yellow{background-color:#ff5}.color-swatch-magenta{background-color:#f5f}.color-swatch-cyan{background-color:#5ff}.customize-workspace{color:#24143d;max-width:1440px}.customize-heading{max-width:720px;margin-bottom:2.25rem}.customize-heading h1{letter-spacing:-.055em;color:#24143d;margin:.65rem 0 .55rem;font-family:Outfit,sans-serif;line-height:.95;font-size:clamp(2.35rem,5vw,4.6rem)!important}.customize-heading p{color:#716776;font-size:1.05rem;line-height:1.6}.customize-preview,.customize-controls{background:#ffffffd1!important;border:1px solid #24143d1a!important;border-radius:1.5rem!important;box-shadow:0 20px 60px #412a4f14!important}.customize-preview{background:#f1e9ff!important}.customize-controls [role=tablist]{background:#f4efe7;min-height:3.25rem}.customize-controls [role=tab][data-state=active]{color:#fff;background:#6c3ec7!important}.customize-value{color:#5b32aa;text-align:center;background:#f4efff;border:1px solid #6c3ec729;border-radius:.65rem;min-width:4.5rem;padding:.4rem .55rem;font-size:.82rem;font-weight:800}.customize-range{color:#93899a;justify-content:space-between;margin-top:.4rem;padding-right:5.05rem;font-size:.68rem;font-weight:600;display:flex}.customize-controls [role=slider]{background:#6c3ec7;border:3px solid #fff;width:1.25rem;height:1.25rem;box-shadow:0 2px 10px #6c3ec74d}@media (max-width:640px){.customize-workspace{padding-top:2rem}.customize-controls>div{padding:1rem}.customize-controls [role=tab]{font-size:.78rem}.customize-range{padding-right:4.65rem}}
.phone-preview-module__nbm6ua__phone-preview-dimensions{--phone-width:var(--phone-width);--phone-height:var(--phone-height);width:var(--phone-width);height:var(--phone-height)}.phone-preview-module__nbm6ua__backgroundContainer{border-radius:1.5rem;position:absolute;inset:0;overflow:hidden}.phone-preview-module__nbm6ua__imageContainer{justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.phone-preview-module__nbm6ua__imageWrapper{max-width:100%;max-height:100%}.phone-preview-module__nbm6ua__textContainer{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.phone-preview-module__nbm6ua__textWrapper{text-align:center;word-break:break-word;max-width:80%}.phone-preview-module__nbm6ua__phoneFrame{position:absolute;inset:0}.phone-preview-module__nbm6ua__phoneImage{-o-object-fit:contain;object-fit:contain;pointer-events:none}
.phone-preview-container{margin:0 auto;position:relative}.phone-preview-dimensions{width:var(--phone-width,280px);height:var(--phone-height,560px)}.phone-preview-background{background-color:var(--background-color,transparent)}.phone-preview-image-transform{transform:scale(var(--image-zoom,1))rotate(var(--image-rotation,0deg))translateX(var(--image-offset-x,0%))translateY(var(--image-offset-y,0%));transition:transform .2s ease-in-out}.phone-preview-text{color:var(--text-color,#000);font-size:var(--text-size,16px);font-family:var(--text-font,Inter,system-ui,sans-serif);transform:translateX(var(--text-pos-x,0%))translateY(var(--text-pos-y,0%))rotate(var(--text-rotation,0deg));transition:transform .2s ease-in-out,color .2s ease-in-out,font-size .2s ease-in-out,font-family .2s ease-in-out}