.demo-dialog.svelte-wtr7kc{width:min(860px,100vw - 32px);max-height:calc(100dvh - 48px);padding:24px;border:0;border-radius:15px;background:#fffbf0;color:#2c3538;font:400 15px/1.4 system-ui,sans-serif;overflow-y:auto}.demo-dialog.svelte-wtr7kc::backdrop{background:#0000008c}.demo-dialog__head.svelte-wtr7kc{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.demo-dialog__title.svelte-wtr7kc{margin:0 0 4px;font-size:20px}.demo-dialog__subtitle.svelte-wtr7kc{margin:0;font-size:14px;opacity:.75}.demo-dialog__close.svelte-wtr7kc{flex:none;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:0;border-radius:12px;background:#2c3538;color:#fffbf0;font-size:16px;cursor:pointer}.demo-dialog__close.svelte-wtr7kc:hover{background:#7f0f1d}.demo-dialog__close.svelte-wtr7kc svg:where(.svelte-wtr7kc){width:16px;height:16px;fill:none;stroke:#fffbf0;stroke-width:1.8;stroke-linecap:round}.demo-dialog__tabs.svelte-wtr7kc{display:flex;gap:8px;margin-bottom:20px}.demo-dialog__tab.svelte-wtr7kc{padding:7px 16px;border:1px solid #2c3538;border-radius:80px;background:transparent;color:#2c3538;font-size:14px;cursor:pointer}.demo-dialog__tab.svelte-wtr7kc:hover{color:#2c3538;background:#bdb5ac66}.demo-dialog__tab--active.svelte-wtr7kc,.demo-dialog__tab--active.svelte-wtr7kc:hover{background:#2c3538;color:#fffbf0}.demo-dialog__design.svelte-wtr7kc+.demo-dialog__design:where(.svelte-wtr7kc){margin-top:22px}.demo-dialog__design-title.svelte-wtr7kc{margin:0 0 10px;font-size:16px;font-weight:600}.demo-dialog__looks.svelte-wtr7kc{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0;padding:0;list-style:none}@media(max-width:520px){.demo-dialog__looks.svelte-wtr7kc{grid-template-columns:repeat(2,1fr)}}.demo-dialog__look.svelte-wtr7kc{display:flex;flex-direction:column;gap:6px;padding:8px;border:2px solid transparent;border-radius:12px;background:#bdb5ac4d;color:inherit;text-decoration:none;transition:background .15s,border-color .15s}.demo-dialog__look.svelte-wtr7kc:hover{background:#bdb5ac8c}.demo-dialog__look--current.svelte-wtr7kc{border-color:#2c3538}.demo-dialog__look.svelte-wtr7kc img:where(.svelte-wtr7kc){display:block;width:100%;height:auto}.demo-dialog__look-name.svelte-wtr7kc{display:flex;align-items:baseline;justify-content:space-between;gap:6px;padding:0 4px;font-size:14px;font-weight:500}.demo-dialog__look-name.svelte-wtr7kc small:where(.svelte-wtr7kc){font-size:11px;text-transform:uppercase;letter-spacing:.04em;opacity:.7}