.theme-preview-modal[data-v-7f4230e5]{--thumb-size:78px}.theme-preview-modal .modal-content[data-v-7f4230e5]{border-radius:16px;overflow:hidden}.theme-preview-modal .viewer-wrap[data-v-7f4230e5]{display:grid;grid-template-columns:1fr minmax(240px,300px);min-height:min(80vh,900px)}@media(max-width:992px){.theme-preview-modal .viewer-wrap[data-v-7f4230e5]{grid-template-columns:1fr;grid-template-rows:auto 180px}}.theme-preview-modal .viewer-area[data-v-7f4230e5]{background:var(--bs-body-bg);border-right:1px solid var(--bs-border-color);position:relative}@media(max-width:992px){.theme-preview-modal .viewer-area[data-v-7f4230e5]{border-bottom:1px solid var(--bs-border-color);border-right:0}}.theme-preview-modal .viewer-area .viewer-controls[data-v-7f4230e5]{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffd9;border-radius:999px;display:inline-flex;gap:.25rem;left:12px;padding:.25rem calc(.25rem + 10px) .25rem .25rem;position:absolute;top:12px;z-index:10}.theme-preview-modal .viewer-area .viewer-controls .btn[data-v-7f4230e5]{padding:.25rem .5rem}.theme-preview-modal .viewer-area .viewer-controls .vr[data-v-7f4230e5]{height:20px}.theme-preview-modal .viewer-area .canvas[data-v-7f4230e5]{background:radial-gradient(transparent 3px,#00000004 0) 0 0/12px 12px,#00000005;display:grid;inset:0;place-items:center;position:absolute}.theme-preview-modal .viewer-area .canvas.scrollable[data-v-7f4230e5]{overflow:auto}.theme-preview-modal .viewer-area .canvas .canvas-image[data-v-7f4230e5]{max-width:none;pointer-events:auto;transition:transform .12s ease-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;will-change:transform}.theme-preview-modal .thumbs-area[data-v-7f4230e5]{background:var(--bs-body-bg);display:grid;grid-template-rows:auto 1fr}.theme-preview-modal .thumbs-area .thumbs-title[data-v-7f4230e5]{border-bottom:1px solid var(--bs-border-color)}.theme-preview-modal .thumbs-area .thumbs-scroll[data-v-7f4230e5]{gap:.5rem;height:100%;max-height:100vh;overflow:auto;padding:.75rem}@media(max-width:992px){.theme-preview-modal .thumbs-area .thumbs-scroll[data-v-7f4230e5]{overflow-x:auto;overflow-y:hidden;white-space:nowrap}}.theme-preview-modal .thumbs-area .thumb[data-v-7f4230e5]{border:1px solid #bfbfbf!important;border-radius:.5rem;padding:0;width:100%}.theme-preview-modal .thumbs-area .thumb.active[data-v-7f4230e5],.theme-preview-modal .thumbs-area .thumb[data-v-7f4230e5]:hover{box-shadow:0 6px 18px #0003;transform:translateY(-2px)}@media(max-width:992px){.theme-preview-modal .thumbs-area .thumb[data-v-7f4230e5]{display:inline-block;height:var(--thumb-size);margin-right:.5rem;width:var(--thumb-size)}}.theme-preview-modal .thumbs-area .thumb img[data-v-7f4230e5]{border-radius:.45rem;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;width:100%}