.theme-gallery,.theme-page,[data-theme-dialog]{--font-size-sm: max(12px, 80%)}.theme-frame{--skeleton-rect-height: 100%;border-radius:var(--border-radius-lg);background:var(--background-base)}.theme-frame--fill{height:100%}.theme-frame__frame{position:absolute;top:0;left:var(--frame-x, 0px);width:var(--frame-w, 1280px);height:var(--frame-h, 100%);border:0;transform:scale(var(--frame-scale, 1));transform-origin:0 0;background:var(--background-base)}.theme-frame.aspect-photo:not(.theme-frame--still){border-start-start-radius:0;border-start-end-radius:0}.theme-frame[data-device=phone] .theme-frame__frame{border-inline:1px solid var(--border-color)}.theme-frame--still .theme-frame__frame{pointer-events:none}.theme-frame__picture{pointer-events:none;transition:opacity var(--duration-base) ease}.theme-frame__picture--out{opacity:0}.theme-frame__picture picture,.theme-frame__picture img{display:block;width:100%;height:auto}.theme-frame__picture~.theme-frame__wait{background:color-mix(in srgb,var(--black) 55%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.theme-frame__error{background:var(--container-background);z-index:1}.theme-card{--card-hover-transform: none;--card-hover-shadow: var(--shadow-3)}.theme-card__open{--btn-bg: transparent;--btn-bg-hover: transparent;margin:0;padding:0;border:0;border-radius:var(--border-radius-lg);background:transparent}.theme-card__open:focus-visible{outline:var(--focus-size) solid var(--focus-color);outline-offset:calc(-1 * var(--focus-size))}.theme-card__bar{z-index:1;pointer-events:none;opacity:0;transition:opacity var(--duration-fast) ease}.theme-card__bar>*{pointer-events:auto}.theme-card__visit{z-index:1;opacity:0;transition:opacity var(--duration-fast) ease}.theme-card:is(:hover,:focus-within) .theme-card__bar,.theme-card:is(:hover,:focus-within) .theme-card__visit{opacity:1}@media (hover: none){.theme-card__bar,.theme-card__visit{opacity:1}}.theme-card__name,.theme-card__like,.theme-card__visit{color:var(--white);background:color-mix(in srgb,var(--black) 72%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:var(--radius-pill)}.theme-card__name{min-width:0;padding:.5rem 1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-card__name a{color:inherit;text-decoration:none}.theme-card__name a:hover{text-decoration:underline}.theme-card__visit{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;font-size:1rem;text-decoration:none}.theme-card__visit:hover{color:var(--white);background:color-mix(in srgb,var(--black) 85%,transparent)}.theme-card__visit:focus-visible{outline:var(--focus-size) solid var(--focus-color);outline-offset:2px}.theme-card__like{--btn-bg: color-mix(in srgb, var(--black) 72%, transparent);--btn-bg-hover: color-mix(in srgb, var(--black) 85%, transparent);flex:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;border:0;font-size:1.125rem}.theme-card__like:hover{background:var(--btn-bg-hover)}.theme-card__like:focus-visible{outline:var(--focus-size) solid var(--focus-color);outline-offset:2px}.theme-card__like[aria-pressed=true] i{color:var(--danger)}@media (prefers-reduced-motion: reduce){.theme-card__bar,.theme-card__visit{transition:none}}.theme-expand{padding:var(--modal-content-padding)}.theme-expand__stage{min-height:0}.theme-browser{--browser-frame: hsl(0, 0%, 12%);--browser-toolbar: hsl(0, 0%, 23%);--browser-address: hsl(0, 0%, 15%);--browser-text: hsl(0, 0%, 89%);--browser-text-dim: hsl(0, 0%, 66%);--browser-tab-curve: 10px;min-height:0}.theme-browser__tabs{display:flex;flex:none;align-items:flex-end;gap:22px;height:40px;padding-inline:14px;border-radius:12px 12px 0 0;background:var(--browser-frame)}.theme-browser__tab{position:relative;flex:0 1 240px;height:34px;padding-inline:12px;border-radius:var(--browser-tab-curve) var(--browser-tab-curve) 0 0;background:var(--browser-toolbar);color:var(--browser-text);font-size:13px}.theme-browser__tab:before,.theme-browser__tab:after{content:"";position:absolute;bottom:0;width:var(--browser-tab-curve);height:var(--browser-tab-curve)}.theme-browser__tab:before{right:100%;background:radial-gradient(circle at 0 0,transparent calc(var(--browser-tab-curve) - .5px),var(--browser-toolbar) var(--browser-tab-curve))}.theme-browser__tab:after{left:100%;background:radial-gradient(circle at 100% 0,transparent calc(var(--browser-tab-curve) - .5px),var(--browser-toolbar) var(--browser-tab-curve))}.theme-browser__tab i{color:var(--browser-text-dim)}.theme-browser__title{flex:1 1 0;min-width:0;overflow:hidden;white-space:nowrap;-webkit-mask-image:linear-gradient(to right,black calc(100% - 24px),transparent);mask-image:linear-gradient(to right,black calc(100% - 24px),transparent)}.theme-browser__icon{flex:none;width:16px;height:16px;object-fit:contain}.theme-browser__bar{flex:none;height:46px;padding-inline:6px;background:var(--browser-toolbar)}.theme-browser__button{--btn-outline-text: var(--browser-text);--btn-link-hover-color: var(--browser-text);--btn-link-hover-bg: hsla(0, 0%, 100%, .1);--btn-disabled-opacity: .4;--control-border-radius: 50%;flex:none;width:34px;height:34px;min-height:0;padding:0}.theme-browser__glyph{display:block;width:18px;height:18px;margin:auto;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.theme-browser[data-device=phone]{width:100%;max-width:390px;margin-inline:auto}.theme-browser[data-device=phone] .theme-browser__tabs{display:none}.theme-browser[data-device=phone] .theme-browser__bar{border-radius:12px 12px 0 0}.theme-browser__lights{flex:none;gap:9px}.theme-browser__lights>span{width:14px;height:14px;border-radius:50%;background:#ff5f57}.theme-browser__lights>span:nth-child(2){background:#feb92f}.theme-browser__lights>span:nth-child(3){background:#28c850}.theme-browser__address{height:34px;margin-inline-start:6px;padding-inline:5px 14px;background:var(--browser-address);color:var(--browser-text);font-size:var(--text-sm)}.theme-browser__site{display:flex;flex:none;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--browser-toolbar)}.theme-browser__site .theme-browser__glyph{width:14px;height:14px}.theme-browser__path{color:var(--browser-text-dim)}.theme-toolbar{--form-floating-label-opacity: 1}.theme-toolbar__type,.theme-toolbar__background{flex:1 1 11rem;max-width:16rem}.theme-toolbar__background[hidden]{display:none}.theme-toolbar__actions{margin-inline-start:auto}.theme-toolbar__actions [data-modal-close]{align-self:stretch}.theme-toolbar .btn i{line-height:1}@media (max-width: 767.98px){.theme-toolbar [data-theme-device-toggle]{display:none}[data-theme-preview] .theme-toolbar__type,[data-theme-preview] .theme-toolbar__background{flex-basis:7rem}}.sand-select__dropdown{--sand-select-options-max-height: 70vh}.sand-select__dropdown:has(.theme-picker__row){--card-gap: var(--spacing-3)}.sand-select__dropdown:has(.theme-picker__row) .sand-select__options{padding:var(--spacing-2)}.sand-select__dropdown:has(.theme-picker__row) .sand-select__option{padding:0;background:transparent;color:inherit}.sand-select__dropdown:has(.theme-picker__row) .sand-select__option:before{content:none}.sand-select__dropdown:has(.theme-picker__row) .sand-select__option+.sand-select__option{margin-top:var(--spacing-2)}.sand-select__dropdown:has(.theme-picker__row) .sand-select__option:hover,.sand-select__dropdown:has(.theme-picker__row) .sand-select__option--focused,.sand-select__dropdown:has(.theme-picker__row) .sand-select__option--selected{--card-border-color: var(--primary)}.sand-select__dropdown:has(.theme-picker__row) .sand-select__option--selected{--card-bg: color-mix( in srgb, var(--primary) 16%, var(--container-background) )}.sand-select__dropdown:has(.theme-picker__row) .card.card-25{--card-thumb-width: 25%;flex-direction:row;align-items:flex-start}.sand-select__dropdown:has(.theme-picker__row) .card .thumb{flex:none;padding:0}.sand-select__dropdown:has(.theme-picker__row) .card .thumb .theme-frame{aspect-ratio:auto;height:100%}.sand-select__dropdown:has(.theme-picker__row) .text-small{min-height:2lh}.theme-picker__row{width:26rem;max-width:calc(100vw - 3rem);white-space:normal}[data-theme-preview]{scroll-margin-top:5rem}.theme-page__stage{height:clamp(26rem,78vh,56rem)}.theme-background__tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:var(--spacing-2)}.theme-background__swatch{display:block;width:100%;aspect-ratio:16/9;border:1px solid var(--border-color);border-radius:var(--border-radius-lg);background:var(--swatch)}.theme-swatch{display:inline-block;width:1.5rem;height:1.5rem;border:1px solid var(--border-color);border-radius:var(--border-radius-lg);background:var(--swatch)}
