.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}
.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);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}