.all-themes{isolation:isolate;height:calc(calc(100dvh / var(--app-ui-scale,1)) - 95px);color:#182633;background:#fbfaf8;grid-template-columns:minmax(0,68fr) minmax(360px,32fr);min-height:620px;display:grid;position:relative;overflow:hidden}.all-themes-canvas-atmosphere{z-index:-2;pointer-events:none;opacity:.2;transition:background-image .42s var(--ease-out);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.all-themes-gallery{z-index:1;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--all-themes-accent) 35%, #d8d2cb) transparent;background:linear-gradient(90deg,#fbfaf8f5 0%,#fbfaf8e6 54%,#fbfaf8a3 88%,#fbfaf847 100%);min-width:0;position:relative;overflow-y:auto}[dir=rtl] .all-themes-gallery{background:linear-gradient(270deg,#fbfaf8f5 0%,#fbfaf8e6 54%,#fbfaf8a3 88%,#fbfaf847 100%)}.all-themes-reel-shell{padding:22px clamp(40px, calc(4vw / var(--app-ui-scale,1)), 64px) 58px clamp(22px, calc(3.1vw / var(--app-ui-scale,1)), 50px);position:relative}.edition-showroom-heading{gap:8px;max-width:720px;margin:4px 34px 24px 0;display:grid}.edition-showroom-heading p,.edition-showroom-heading h1,.edition-showroom-heading span,.edition-showroom-heading strong{margin:0}.edition-showroom-heading p{color:var(--all-themes-accent);letter-spacing:.16em;text-transform:uppercase;font-size:.72rem;font-weight:850}.edition-showroom-heading h1{font-family:var(--font-display);font-size:clamp(2.1rem, calc(4vw / var(--app-ui-scale,1)), 4.4rem);text-wrap:balance;font-weight:400;line-height:.98}.edition-showroom-heading span{color:#59636b;max-width:62ch;line-height:1.6}.edition-showroom-heading strong{border:1px solid color-mix(in srgb, var(--all-themes-accent) 26%, #d8d2cb);width:fit-content;color:var(--all-themes-accent);background:color-mix(in srgb, var(--all-themes-accent-soft) 58%, #fff);border-radius:999px;margin-top:3px;padding:7px 11px;font-size:.72rem;font-weight:800}.all-themes-reel{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.all-themes-card{isolation:isolate;appearance:none;min-width:0;height:clamp(204px, calc(23.2vh / var(--app-ui-scale,1)), 252px);color:#fff;font:inherit;text-align:start;cursor:pointer;content-visibility:auto;contain-intrinsic-size:auto 230px;transition:border-color .18s var(--ease-out), box-shadow .18s var(--ease-out), transform .18s var(--ease-out);background:#17212a;border:1px solid #e0d9d1eb;border-radius:8px;padding:0;display:grid;position:relative;overflow:hidden;box-shadow:0 14px 34px #30272d1f}.all-themes-card:hover,.all-themes-card:focus-visible{border-color:var(--all-themes-accent);transform:translateY(-2px);box-shadow:0 18px 42px #30272d33}.all-themes-card:active{transform:translateY(0)scale(.99)}.all-themes-card:focus-visible{outline:2px solid var(--all-themes-accent);outline-offset:3px}.all-themes-card[data-selected=true]{border-color:var(--all-themes-accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--all-themes-accent) 44%, transparent), 0 20px 44px #30272d38}.all-themes-card-backdrop{z-index:-3;object-fit:cover;transition:transform .7s var(--ease-out)}.all-themes-card:hover .all-themes-card-backdrop,.all-themes-card:focus-visible .all-themes-card-backdrop{transform:scale(1.035)}.all-themes-card-scrim{z-index:-2;background:linear-gradient(90deg,#0a111833,#0a111814 38%,#0a11189e),linear-gradient(#0000 40%,#080e1452);position:absolute;inset:0}.all-themes-card-invitation{background:#fff3;border:1px solid #ffffff80;border-radius:4px;width:clamp(82px,31%,142px);position:absolute;inset-block:14px;inset-inline-start:16px;overflow:hidden;box-shadow:0 12px 28px #080c1033}.all-themes-card-invitation img{object-fit:cover}.all-themes-card-copy{top:50%;filter:drop-shadow(0 2px 6px #0000006b);gap:5px;min-width:0;display:grid;position:absolute;inset-inline:39% 18px;transform:translateY(-50%)}.all-themes-card-copy strong{font-family:var(--font-display);font-size:clamp(1.25rem, calc(1.75vw / var(--app-ui-scale,1)), 2rem);text-wrap:balance;font-weight:400;line-height:1.02}.all-themes-card-copy>span{color:#ffffffe0;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;font-weight:700;overflow:hidden}.all-themes-card-playing{top:12px;color:#fff;background:color-mix(in srgb, var(--all-themes-accent) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #ffffff4d;border-radius:999px;align-items:center;gap:7px;min-height:29px;padding:0 10px;font-size:.64rem;font-weight:800;display:inline-flex;position:absolute;inset-inline-end:12px;box-shadow:0 8px 20px #0c090e33}.all-themes-card-playing i{align-items:end;gap:2px;height:11px;display:flex}.all-themes-card-playing b{background:currentColor;border-radius:1px;width:2px;height:55%;animation:.76s ease-in-out infinite alternate all-themes-playing}.all-themes-card-playing b:nth-child(2){height:100%;animation-delay:-280ms}.all-themes-card-playing b:nth-child(3){height:74%;animation-delay:-520ms}@keyframes all-themes-playing{to{height:30%}}.all-themes-progress{top:28px;color:#6a7074;font-variant-numeric:tabular-nums;grid-template-rows:auto minmax(88px,1fr) auto;justify-items:center;gap:8px;height:calc(100% - 80px);font-size:.64rem;display:grid;position:absolute;inset-inline-end:18px}.all-themes-progress i{background:#d1cac2;width:1px;height:100%;display:block;position:relative}.all-themes-progress b{top:calc(var(--all-themes-progress) * (100% - 8px));background:var(--all-themes-accent);width:7px;height:7px;transition:top .32s var(--ease-out);border-radius:50%;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 0 0 3px #fbfaf8}.all-themes-preview{z-index:2;isolation:isolate;background:0 0;min-width:0;height:100%;position:relative}.all-themes-preview-atmosphere{z-index:0;width:calc(100% + 150px);transition:background-image .42s var(--ease-out);background-position:100%;background-repeat:no-repeat;background-size:cover;position:absolute;inset-block:0;inset-inline-start:-150px;-webkit-mask-image:linear-gradient(90deg,#0000 0,#0003 42px,#000000bd 104px,#000 150px);mask-image:linear-gradient(90deg,#0000 0,#0003 42px,#000000bd 104px,#000 150px)}[dir=rtl] .all-themes-preview-atmosphere{-webkit-mask-image:linear-gradient(270deg,#0000 0,#0003 42px,#000000bd 104px,#000 150px);mask-image:linear-gradient(270deg,#0000 0,#0003 42px,#000000bd 104px,#000 150px)}.all-themes-preview .collection-glory-preview-rail{--glory-phone-width:clamp(250px, min(calc(23vw / var(--app-ui-scale,1)), calc(38vh / var(--app-ui-scale,1))), 348px);z-index:1;align-content:center;row-gap:clamp(12px, calc(1.7vh / var(--app-ui-scale,1)), 18px);width:100%;height:100%;min-height:0;padding:clamp(22px, calc(3.2vh / var(--app-ui-scale,1)), 38px) clamp(18px, calc(2.4vw / var(--app-ui-scale,1)), 38px) 24px;background:0 0;border:0;grid-area:auto;position:relative}.all-themes-preview .collection-glory-backdrop{display:none}.all-themes-preview .collection-glory-preview-actions{width:min(var(--glory-phone-width), 100%)}.all-themes-preview .collection-glory-preview-actions .designs-showroom-primary{border:1px solid color-mix(in srgb, var(--all-themes-accent) 62%, #d2a65b 38%);color:#fffdf8;background:linear-gradient(135deg, color-mix(in srgb, var(--all-themes-accent) 76%, #d2a65b 24%), color-mix(in srgb, var(--all-themes-accent) 58%, #b98943 42%));min-height:48px;box-shadow:inset 0 1px 0 #ffffff4d, 0 10px 22px color-mix(in srgb, var(--all-themes-accent) 22%, transparent);letter-spacing:-.01em;transition:transform .16s var(--ease-out), border-color .16s var(--ease-out), background .16s var(--ease-out), box-shadow .16s var(--ease-out);white-space:nowrap;border-radius:999px;padding-inline:18px;font-size:.78rem;font-weight:800}.all-themes-preview .collection-glory-preview-actions .designs-showroom-primary:hover,.all-themes-preview .collection-glory-preview-actions .designs-showroom-primary:focus-visible{border-color:color-mix(in srgb, var(--all-themes-accent) 74%, #d2a65b 26%);background:linear-gradient(135deg, color-mix(in srgb, var(--all-themes-accent) 84%, #d2a65b 16%), color-mix(in srgb, var(--all-themes-accent) 68%, #b98943 32%));box-shadow:inset 0 1px 0 #ffffff5c, 0 12px 26px color-mix(in srgb, var(--all-themes-accent) 28%, transparent);transform:translateY(-1px)}.all-themes-preview .collection-glory-preview-actions .designs-showroom-primary:active{transform:translateY(0)scale(.98)}.all-themes-preview .collection-glory-preview-actions .designs-showroom-primary:focus-visible{outline:2px solid color-mix(in srgb, var(--all-themes-accent) 66%, #5b6470);outline-offset:3px}@media (min-width:821px){.designs-showroom-page .all-themes-preview .collection-glory-phone-stage.builder-preview-phone-frame-enabled.builder-preview-canvas-mobile{--builder-preview-phone-scale:clamp(.42, calc((calc(100dvh / var(--app-ui-scale,1)) - 200px) / 915px), .78)}}@media (max-width:1180px) and (min-width:821px){.all-themes{grid-template-columns:minmax(0,61fr) minmax(330px,39fr)}.all-themes-reel{grid-template-columns:1fr}.all-themes-card{height:clamp(216px, calc(27vh / var(--app-ui-scale,1)), 270px)}}@media (max-width:820px){.all-themes{grid-template-columns:1fr;grid-template-areas:"preview""reel";height:auto;min-height:0;overflow:visible}.all-themes-gallery{display:contents;overflow:visible}.all-themes-preview{border-block:1px solid #e1d9cf;border-inline-start:0;grid-area:preview;width:100%;height:auto;min-height:680px}.all-themes-gallery{background:#fbfaf8e0}.all-themes-preview-atmosphere{width:100%;inset:0;-webkit-mask-image:none;mask-image:none}.all-themes-preview .collection-glory-preview-rail{--glory-phone-width:min(calc(76vw / var(--app-ui-scale,1)), 310px);min-height:680px;padding:28px 16px 34px}.all-themes-reel-shell{grid-area:reel;padding:20px 16px 46px}.all-themes-reel{grid-template-columns:1fr}.all-themes-card{height:clamp(220px, calc(61vw / var(--app-ui-scale,1)), 290px)}.all-themes-progress{display:none}}@media (prefers-reduced-motion:reduce){.all-themes-card,.all-themes-card-backdrop,.all-themes-progress b,.all-themes-canvas-atmosphere,.all-themes-preview-atmosphere{transition:none}.all-themes-card-playing b{animation:none}}