.preview-container,.style-preview{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.style-preview{background:#fff;position:relative;padding:8px}.style-preview>div{background:#000;width:80%;height:80%;transition:all .2s ease-in-out}.style-preview>div.empty{display:none}.style-preview[data-category=frame]{padding:0}.style-preview[data-category=frame]>div{background:transparent;border:12px solid #000;width:100%;height:100%;position:relative}.style-preview[data-category=frame].square>div{border-radius:0}.style-preview[data-category=frame].circle>div{border-radius:50%}.style-preview[data-category=frame].extra-rounded>div{border-radius:16px}.style-preview[data-category=ball]{padding:0}.style-preview[data-category=ball]>div{background:#000;width:60%;height:60%;position:relative}.style-preview[data-category=ball].square>div{border-radius:0}.style-preview[data-category=ball].circle>div{border-radius:50%}.style-preview[data-category=body].default>div{border-radius:0}.style-preview[data-category=body].rounded>div{border-radius:16px;width:70%;height:70%}.style-preview[data-category=body].dots>div{border-radius:50%;transform:scale(.8)}.style-preview[data-category=body].classy>div{border-radius:0 50% 50% 50%;transform:rotate(45deg) scale(.65);width:60%;height:60%}.style-preview[data-pattern=square]{--pattern-size:15px;display:grid;grid-template-columns:repeat(5,var(--pattern-size));grid-template-rows:repeat(5,var(--pattern-size));grid-gap:2px;gap:2px;padding:2px;width:-moz-fit-content!important;width:fit-content!important;height:-moz-fit-content!important;height:fit-content!important;margin:auto}.style-preview[data-pattern=square]>div{width:var(--pattern-size);height:var(--pattern-size);background:#000}.style-preview[data-pattern=dots]{--pattern-size:15px;display:grid;grid-template-columns:repeat(5,var(--pattern-size));grid-template-rows:repeat(5,var(--pattern-size));grid-gap:2px;gap:2px;padding:2px;width:-moz-fit-content!important;width:fit-content!important;height:-moz-fit-content!important;height:fit-content!important;margin:auto}.style-preview[data-pattern=dots]>div{width:var(--pattern-size);height:var(--pattern-size);background:#000;border-radius:50%}