.theme-preview{gap:14px;width:100%;min-width:0;display:grid}.theme-desktop{isolation:isolate;aspect-ratio:16/7;color:#ecebe8;background:#5b5b5c;border:1px solid #747577;border-radius:8px;width:100%;max-height:160px;display:block;position:relative;overflow:hidden}.theme-window{opacity:.12;background:0 0;border:1px solid;border-radius:5px 5px 0 0;flex-direction:column;display:flex;position:absolute;inset:15% 13% 0;overflow:hidden}.theme-desktop[data-behavior=reserve] .theme-window{border-radius:5px;inset-block:17% 27%}.theme-desktop[data-position=top] .theme-window{border-radius:0 0 5px 5px;inset-block:0 15%}.theme-desktop[data-position=top][data-behavior=reserve] .theme-window{border-radius:5px;inset-block:27% 17%}.theme-window-toolbar{border-bottom:1px solid;gap:3px;padding:5px 6px;display:flex}.theme-window-toolbar i{opacity:.6;background:#b9babc;border-radius:50%;width:3px;height:3px}.theme-window-content{color:#b9babc;opacity:.3;flex:1;grid-template-columns:24% 1fr;align-content:center;align-items:center;gap:6px;padding:10%;display:grid}.theme-window-content svg{grid-row:span 3;width:100%}.theme-window-content i{background:currentColor;border-radius:2px;height:3px}.theme-window-content i:last-child{width:60%}.theme-miniature{inset-inline:0;bottom:var(--preview-margin);gap:calc(var(--sb-bar-gap) * .4);width:var(--preview-width);max-width:calc(100% - 2 * var(--preview-margin));color:var(--sb-text);font-family:var(--sb-font-sans);--preview-hide:calc(100% + var(--preview-margin) + 2px);margin-inline:auto;display:grid;position:absolute}.theme-desktop[data-position=top] .theme-miniature{top:var(--preview-margin);--preview-hide:calc(-100% - var(--preview-margin) - 2px);bottom:auto}.theme-bar{align-items:center;gap:calc(var(--sb-bar-gap) * .4);min-height:clamp(17px, calc(var(--sb-bar-height) * .4), 32px);padding:calc(var(--sb-bar-pad-y) * .4) calc(var(--sb-bar-pad) * .4);border-radius:calc(var(--sb-bar-radius) * .4);background:color-mix(in srgb, var(--sb-bar-bg) var(--sb-bar-opacity), transparent);border:var(--sb-bar-border-width) solid var(--sb-bar-border);font-size:7px;line-height:1;display:flex}.theme-bar[data-bar-chrome=flat]{border-color:#0000}.theme-zone{align-items:center;gap:calc(var(--sb-tile-gap) * .5);flex:1;min-width:0;display:flex;overflow:hidden}.theme-zone[data-align=center]{justify-content:center}.theme-zone[data-align=right]{justify-content:end}.theme-miniature[data-variant=split] .theme-zone+.theme-zone{border-left:1px solid var(--sb-bar-border);padding-left:3px}.theme-miniature[data-variant=split][data-width=full] .theme-zone:first-child{flex:0 0 var(--preview-split)}.theme-tile{padding:calc(var(--sb-tile-pad-y) * .4) calc(var(--sb-tile-pad-x) * .4);border-radius:calc(var(--sb-radius-s) * .4);flex-shrink:0;justify-content:center;align-items:center;gap:3px;display:inline-flex}.theme-miniature[data-tile-chrome=card] .theme-tile{background:color-mix(in srgb, var(--sb-tile-bg) var(--sb-bar-opacity), transparent);border:1px solid var(--sb-tile-border)}.theme-tile svg{width:9px;height:9px}.theme-zone[data-zone=shortcuts]{color:var(--sb-accent)}.theme-zone[data-zone=shortcuts] .theme-tile:nth-child(2){color:var(--sb-accent-2)}.theme-clock{font-family:var(--sb-font-mono);font-weight:600}.theme-gear{flex-shrink:0;width:8px;height:8px;margin-inline:2px}.theme-edge{background:#b9babc;border-radius:2px;width:14%;height:2px;position:absolute;bottom:0;left:43%}.theme-desktop[data-position=top] .theme-edge{top:0;bottom:auto}.theme-card:focus-within [data-behavior=autohide] .theme-miniature,.theme-preview-panel:focus-within [data-behavior=autohide] .theme-miniature,.theme-preview:hover [data-behavior=autohide] .theme-miniature{animation:2.6s ease-in-out theme-autohide}@keyframes theme-autohide{0%,15%,to{transform:translateY(0)}40%,65%{transform:translateY(var(--preview-hide))}}@media (prefers-reduced-motion:reduce){.theme-card:focus-within [data-behavior=autohide] .theme-miniature,.theme-preview-panel:focus-within [data-behavior=autohide] .theme-miniature,.theme-preview:hover [data-behavior=autohide] .theme-miniature{animation:none}}.theme-facts{min-height:44px;color:var(--muted);grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 12px;font-size:12px;display:grid}.theme-facts>span{align-items:center;gap:7px;display:flex}.theme-facts svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:18px;color:var(--muted);flex-shrink:0}.theme-preview-placeholder{aspect-ratio:16/7;max-height:160px;color:var(--muted);background:var(--soft);text-align:center;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex}.theme-swatches{flex-shrink:0;align-items:center;gap:5px;margin-inline-end:auto;display:inline-flex}.theme-swatches>span{border:1px solid color-mix(in srgb, var(--ink) 25%, transparent);border-radius:50%;width:14px;height:14px}.theme-swatches [data-color=accent]{background:var(--sb-accent)}.theme-swatches [data-color=accent2]{background:var(--sb-accent-2)}.theme-swatches [data-color=surface]{background:var(--sb-bar-bg)}.theme-swatches [data-color=text]{background:var(--sb-text)}.theme-card .srow-main{grid-template-columns:minmax(0,1fr)}.theme-card .srow-desc{overflow-wrap:anywhere;display:block}.theme-card .srow-text{gap:8px}.theme-card .meta{font-size:11px}.theme-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:auto;display:flex}.theme-actions .gh-chip{align-self:center;margin:0}.theme-details{align-items:center;gap:4px;min-height:44px;font-size:13px;text-decoration:none;display:inline-flex}.theme-details:hover{text-decoration:underline}.theme-details .icon{width:14px;height:14px}.theme-preview-panel{background:#fff;border-radius:22px;gap:16px;max-width:42rem;margin-bottom:14px;padding:18px;display:grid}