.mq-theme-preview{--mq-theme-preview-field-line:color-mix(in srgb, var(--mq-theme-text) 22%, transparent);--mq-theme-preview-frame-radius:6px;--mq-theme-preview-pill:999px;--mq-theme-preview-rail-gap:2.2cqw;--mq-theme-preview-rail-pad:4cqw 2.5cqw;--mq-theme-preview-brand-margin:0 0 2cqw 1.5cqw;--mq-theme-preview-main-gap:3.5cqw;--mq-theme-preview-main-pad:4.5cqw 5cqw;--mq-theme-preview-title-gap:1.6cqw;--mq-theme-preview-title-leading:1.1;--mq-theme-preview-title-plain:5.6cqw;--mq-theme-preview-card-gap:2.2cqw;--mq-theme-preview-card-pad:3.6cqw;--mq-theme-preview-field-pad:0 2.4cqw;aspect-ratio:16/10;border:1px solid var(--mq-theme-line);border-radius:var(--mq-theme-preview-frame-radius);background:var(--mq-theme-bg);width:100%;color:var(--mq-theme-text);pointer-events:none;-webkit-user-select:none;user-select:none;display:flex;overflow:hidden;container-type:inline-size}.mq-theme-preview>*{box-sizing:border-box}.mq-theme-preview-rail,.mq-theme-preview-main,.mq-theme-preview-card,.mq-theme-preview-nav,.mq-theme-preview-field,.mq-theme-preview-actions,.mq-theme-preview-btn,.mq-theme-preview-switch{box-sizing:border-box;display:flex}.mq-theme-preview span:empty{display:block}.mq-theme-preview-rail{gap:var(--mq-theme-preview-rail-gap);padding:var(--mq-theme-preview-rail-pad);border-right:1px solid var(--mq-theme-rail-line);background:var(--mq-theme-rail-glow), var(--mq-theme-rail);flex-direction:column;flex:0 0 26cqw}.mq-theme-preview-brand{width:10cqw;height:3cqw;margin:var(--mq-theme-preview-brand-margin);background:var(--mq-theme-mark);border-radius:1cqw}.mq-theme-preview-nav{border-radius:calc(var(--mq-theme-radius) * .5);align-items:center;height:5cqw;padding:0 2cqw}.mq-theme-preview-nav>span{background:var(--mq-theme-rail-text);opacity:.6;border-radius:1cqw;width:72%;height:1.4cqw}.mq-theme-preview-nav--active{background:var(--mq-theme-rail-active)}.mq-theme-preview-nav--active>span{background:var(--mq-theme-rail-active-text);opacity:1}.mq-theme-preview[data-typography=display] .mq-theme-preview-nav--active{box-shadow:inset .7cqw 0 0 var(--mq-theme-mark);border-start-start-radius:0;border-end-start-radius:0}.mq-theme-preview-main{gap:var(--mq-theme-preview-main-gap);min-width:0;padding:var(--mq-theme-preview-main-pad);background:var(--mq-theme-page-glow), var(--mq-theme-bg);flex-direction:column;flex:1}.mq-theme-preview-title{align-items:center;gap:var(--mq-theme-preview-title-gap);color:var(--mq-theme-text);font-family:var(--mq-theme-title-font);font-size:7cqw;font-style:var(--mq-theme-title-style);font-weight:var(--mq-theme-title-weight);line-height:var(--mq-theme-preview-title-leading);letter-spacing:var(--mq-theme-title-tracking);text-transform:var(--mq-theme-title-transform);white-space:nowrap;display:flex;overflow:hidden}.mq-theme-preview-title:before{content:"";width:calc(var(--mq-theme-orn-w) * .35);height:var(--mq-theme-orn-h);background:var(--mq-theme-mark);max-height:.9em;transform:skewX(var(--mq-theme-orn-skew));flex:none}.mq-theme-preview[data-typography=plain] .mq-theme-preview-title{font-size:var(--mq-theme-preview-title-plain);font-weight:600}.mq-theme-preview[data-typography=plain] .mq-theme-preview-title:before{display:none}.mq-theme-preview-card{gap:var(--mq-theme-preview-card-gap);padding:var(--mq-theme-preview-card-pad);border:1px solid var(--mq-theme-line);border-radius:calc(var(--mq-theme-radius-lg) * .6);background:var(--mq-theme-surface);box-shadow:var(--mq-theme-card-shadow);flex-direction:column}.mq-theme-preview-label{background:var(--mq-theme-text-2);opacity:.7;border-radius:1cqw;width:28%;height:1.3cqw}.mq-theme-preview-field{height:6.6cqw;padding:var(--mq-theme-preview-field-pad);border:1px solid var(--mq-theme-preview-field-line);border-radius:calc(var(--mq-theme-radius) * .6);background:var(--mq-theme-surface);align-items:center}.mq-theme-preview-field>span{background:var(--mq-theme-text-3);opacity:.7;border-radius:1cqw;width:46%;height:1.3cqw}.mq-theme-preview[data-field=filled] .mq-theme-preview-field{background:color-mix(in srgb, var(--mq-theme-text) 7%, transparent);border-color:#0000}.mq-theme-preview[data-field=underlined] .mq-theme-preview-field{background:0 0;border-width:0 0 1px;border-radius:0;padding-left:0}.mq-theme-preview-actions{align-items:center;gap:2cqw;margin-top:1cqw}.mq-theme-preview-switch{border-radius:var(--mq-theme-preview-pill);background:var(--mq-theme-primary);flex:none;width:9cqw;height:5cqw;margin-right:auto;position:relative}.mq-theme-preview-switch>span{background:var(--mq-theme-on-primary);border-radius:50%;width:3.8cqw;height:3.8cqw;position:absolute;top:.6cqw;right:.6cqw}.mq-theme-preview-btn{border:1px solid var(--mq-theme-preview-field-line);border-radius:calc(var(--mq-theme-radius) * .6);background:var(--mq-theme-surface);flex:none;align-items:center;height:6.6cqw;padding:0 3cqw}.mq-theme-preview-btn>span{background:var(--mq-theme-text);border-radius:1cqw;width:7cqw;height:1.4cqw}.mq-theme-preview-btn--primary{border-color:var(--mq-theme-primary);background:var(--mq-theme-primary)}.mq-theme-preview-btn--primary>span{background:var(--mq-theme-on-primary)}.mq-theme-list{--mq-theme-row-gap:12px;--mq-theme-row-pad:8px 10px;--mq-theme-row-thumb:112px;flex-direction:column;gap:2px;display:flex}.mq-theme-row{align-items:center;gap:var(--mq-theme-row-gap);padding:var(--mq-theme-row-pad);border-radius:var(--mq-theme-radius);color:var(--mq-theme-text);border:1px solid #0000;display:flex}.mq-theme-row--interactive{cursor:pointer}.mq-theme-row--interactive:hover{background:var(--mq-theme-fill)}.mq-theme-row--selected{border-color:var(--mq-kit-select);background:var(--mq-theme-surface-2)}.mq-theme-row:focus-visible{outline:2px solid var(--mq-theme-primary);outline-offset:1px}.mq-theme-row--disabled{opacity:.55}.mq-theme-row-preview{flex:0 0 var(--mq-theme-row-thumb);display:block}.mq-theme-row-text{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.mq-theme-row-name{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;overflow:hidden}.mq-theme-row-badge{background:var(--mq-theme-fill);color:var(--mq-theme-text-2);white-space:nowrap;border-radius:999px;padding:0 8px;font-size:.85em}.mq-theme-row-trailing{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.mq-theme-list--grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.mq-theme-list--grid .mq-theme-row{flex-direction:column;align-items:stretch;gap:8px;padding:8px}.mq-theme-list--grid .mq-theme-row-preview{flex:none}.mq-theme-list--grid .mq-theme-row-text{flex-wrap:wrap;gap:4px 8px}@media (width<=575.98px){.mq-theme-list{--mq-theme-row-thumb:84px}.mq-theme-list:not(.mq-theme-list--grid) .mq-theme-row{flex-wrap:wrap}}