.museum-niche{--paint-h:38;--paint-s:50%}.museum-niche__cavity{--niche-scale:1;--u:calc(var(--niche-scale) * 1px);--recess-top:calc(var(--recess-top-base,45) * var(--u));--recess-right:calc(var(--recess-right-base,35) * var(--u));--recess-bottom:calc(var(--recess-bottom-base,45) * var(--u));--recess-left:calc(var(--recess-left-base,35) * var(--u));--back-padding:calc(48 * var(--u));--frame-rail:calc(12 * var(--u));--mat-padding:calc(32 * var(--u));background-color:hsl(var(--paint-h) var(--paint-s) 95%);box-shadow:inset calc(-1 * var(--u)) 0 0 hsl(var(--paint-h) var(--paint-s) 99%), inset 0 calc(-1 * var(--u)) 0 hsl(var(--paint-h) var(--paint-s) 99%);position:relative}.museum-niche__face{position:absolute;inset:0}.museum-niche__face--top{background:radial-gradient(ellipse 100% 140% at 0% 100%, hsl(var(--paint-h) var(--paint-s) 74% / .7) 0%, transparent 75%), radial-gradient(ellipse 100% 140% at 100% 100%, hsl(var(--paint-h) var(--paint-s) 74% / .7) 0%, transparent 75%), linear-gradient(to bottom, hsl(var(--paint-h) var(--paint-s) 76%) 0%, hsl(var(--paint-h) var(--paint-s) 78%) 45%, hsl(var(--paint-h) var(--paint-s) 89%) 100%);clip-path:polygon(0 0, 100% 0, calc(100% - var(--recess-right)) var(--recess-top), var(--recess-left) var(--recess-top))}.museum-niche__face--right{background:radial-gradient(ellipse 140% 100% at 0% 0%, hsl(var(--paint-h) var(--paint-s) 84% / .55) 0%, transparent 72%), radial-gradient(ellipse 140% 100% at 0% 100%, hsl(var(--paint-h) var(--paint-s) 84% / .55) 0%, transparent 72%), linear-gradient(to left, hsl(var(--paint-h) var(--paint-s) 88%) 0%, hsl(var(--paint-h) var(--paint-s) 90%) 55%, hsl(var(--paint-h) var(--paint-s) 92%) 100%);clip-path:polygon(calc(100% - var(--recess-right)) var(--recess-top), 100% 0, 100% 100%, calc(100% - var(--recess-right)) calc(100% - var(--recess-bottom)))}.museum-niche__face--bottom{background:linear-gradient(to top right, hsl(var(--paint-h) var(--paint-s) 94%) 0%, hsl(var(--paint-h) var(--paint-s) 96%) 9%, transparent 22%), radial-gradient(ellipse 35% 35% at 0% 100%, hsl(var(--paint-h) var(--paint-s) 91% / .55) 0%, transparent 42%), radial-gradient(ellipse 35% 35% at 100% 100%, hsl(var(--paint-h) var(--paint-s) 92% / .28) 0%, transparent 38%), linear-gradient(to top left, hsl(var(--paint-h) var(--paint-s) 94%) 0%, hsl(var(--paint-h) var(--paint-s) 95%) 10%, transparent 30%), radial-gradient(ellipse 120% 80% at 0% 0%, hsl(var(--paint-h) var(--paint-s) 89% / .45) 0%, transparent 70%), radial-gradient(ellipse 120% 80% at 100% 0%, hsl(var(--paint-h) var(--paint-s) 89% / .45) 0%, transparent 70%), linear-gradient(to right, hsl(var(--paint-h) var(--paint-s) 92%) 0%, transparent 16%), linear-gradient(to bottom, hsl(var(--paint-h) var(--paint-s) 91%) 0%, hsl(var(--paint-h) var(--paint-s) 93%) 35%, hsl(var(--paint-h) var(--paint-s) 95%) 65%, hsl(var(--paint-h) var(--paint-s) 97%) 100%);clip-path:polygon(var(--recess-left) calc(100% - var(--recess-bottom)), calc(100% - var(--recess-right)) calc(100% - var(--recess-bottom)), 100% 100%, 0 100%)}.museum-niche__face--bottom:after{content:"";height:calc(4 * var(--u));background:linear-gradient(to right, hsl(var(--paint-h) var(--paint-s) 94%) 0%, hsl(var(--paint-h) var(--paint-s) 97%) 28%, hsl(var(--paint-h) var(--paint-s) 99%) 46%, hsl(var(--paint-h) var(--paint-s) 98%) 68%, hsl(var(--paint-h) var(--paint-s) 95%) 100%);pointer-events:none;position:absolute;inset:auto 0 0;mask-image:linear-gradient(#0000 0%,#000 85%)}.museum-niche__face--left{background:linear-gradient(to top right, hsl(var(--paint-h) var(--paint-s) 86%) 0%, hsl(var(--paint-h) var(--paint-s) 89%) 9%, transparent 22%), radial-gradient(ellipse 35% 35% at 0% 100%, hsl(var(--paint-h) var(--paint-s) 90% / .5) 0%, transparent 42%), radial-gradient(ellipse 100% 140% at 100% 0%, hsl(var(--paint-h) var(--paint-s) 88% / .4) 0%, transparent 72%), radial-gradient(ellipse 100% 140% at 100% 100%, hsl(var(--paint-h) var(--paint-s) 88% / .4) 0%, transparent 72%), linear-gradient(to top, hsl(var(--paint-h) var(--paint-s) 91%) 0%, transparent 18%), linear-gradient(to right, hsl(var(--paint-h) var(--paint-s) 96%) 0%, hsl(var(--paint-h) var(--paint-s) 93%) 40%, hsl(var(--paint-h) var(--paint-s) 91%) 75%, hsl(var(--paint-h) var(--paint-s) 91%) 100%);clip-path:polygon(0 0, var(--recess-left) var(--recess-top), var(--recess-left) calc(100% - var(--recess-bottom)), 0 100%)}.museum-niche__face--left:after{content:"";width:calc(4 * var(--u));background:linear-gradient(to bottom, hsl(var(--paint-h) var(--paint-s) 92%) 0%, hsl(var(--paint-h) var(--paint-s) 95%) 22%, hsl(var(--paint-h) var(--paint-s) 99%) 44%, hsl(var(--paint-h) var(--paint-s) 98%) 58%, hsl(var(--paint-h) var(--paint-s) 96%) 78%, hsl(var(--paint-h) var(--paint-s) 93%) 100%);pointer-events:none;position:absolute;inset:0 auto 0 0;mask-image:linear-gradient(90deg,#000 15%,#0000 100%)}.museum-niche__back{inset:var(--recess-top) var(--recess-right) var(--recess-bottom) var(--recess-left);padding:var(--back-padding);background-color:hsl(var(--paint-h) var(--paint-s) 91%);box-shadow:inset 0 calc(20 * var(--u)) calc(40 * var(--u)) hsl(var(--paint-h) var(--paint-s) 68% / .38), inset calc(14 * var(--u)) 0 calc(68 * var(--u)) calc(6 * var(--u)) hsl(var(--paint-h) var(--paint-s) 72% / .24), inset 0 calc(-18 * var(--u)) calc(36 * var(--u)) hsl(var(--paint-h) var(--paint-s) 78% / .22), inset calc(24 * var(--u)) calc(24 * var(--u)) calc(48 * var(--u)) hsl(var(--paint-h) var(--paint-s) 65% / .18);justify-content:center;align-items:center;display:flex;position:absolute;overflow:hidden}.museum-niche__frame{--frame-outer:#141414;--frame-gap:#2e2e2e;box-sizing:border-box;width:100%;min-width:0;height:100%;min-height:0;padding:var(--frame-rail);background-color:var(--frame-gap);border:calc(5 * var(--u)) double var(--frame-outer);box-shadow:inset 0 calc(1 * var(--u)) 0 #6b6b6b59, inset 0 calc(-2 * var(--u)) calc(6 * var(--u)) #00000080, inset 0 0 calc(14 * var(--u)) #00000061, inset 0 0 calc(28 * var(--u)) #00000038, inset calc(3 * var(--u)) calc(3 * var(--u)) calc(10 * var(--u)) #00000047, 0 calc(10 * var(--u)) calc(32 * var(--u)) calc(2 * var(--u)) hsl(var(--paint-h) var(--paint-s) 38% / .5), 0 calc(5 * var(--u)) calc(16 * var(--u)) calc(1 * var(--u)) #00000052, 0 calc(2 * var(--u)) calc(6 * var(--u)) 0 #0000003d}.museum-niche__mat{box-sizing:border-box;width:100%;min-width:0;height:100%;min-height:0;padding:var(--mat-padding);border:calc(1 * var(--u)) solid #e0e0e0;background-color:#fff;display:grid;position:relative;overflow:hidden}.museum-niche__mat>img{object-fit:cover;object-position:center;width:100%;min-width:0;height:100%;min-height:0;box-shadow:inset 0 calc(4 * var(--u)) calc(6 * var(--u)) calc(-1 * var(--u)) #0006, inset 0 calc(2 * var(--u)) calc(4 * var(--u)) calc(-2 * var(--u)) #0006;display:block}.museum-niche__glass{inset:var(--mat-padding);z-index:1;pointer-events:none;isolation:isolate;box-shadow:inset 0 0 0 calc(1 * var(--u)) #ffffff47, inset calc(1 * var(--u)) calc(1 * var(--u)) 0 #ffffff2e, inset calc(-1 * var(--u)) calc(-1 * var(--u)) 0 #0000000a;backdrop-filter:blur(calc(.35 * var(--u))) saturate(1.04) brightness(1.02);background:radial-gradient(75% 50% at 10% 6%,#ffffff38 0%,#ffffff0d 38%,#0000 68%),radial-gradient(50% 40% at 88% 92%,#ffffff0a 0%,#0000 58%),linear-gradient(155deg,#ffffff0f 0%,#0000 46%);position:absolute;overflow:hidden}.museum-niche__glass:before{content:"";opacity:.65;mix-blend-mode:soft-light;width:36%;height:190%;filter:blur(calc(1.2 * var(--u)));background:linear-gradient(90deg,#0000 0%,#ffffff0a 36%,#fff3 47%,#ffffff7a 50%,#fff3 53%,#ffffff0a 64%,#0000 100%);position:absolute;top:-45%;left:-5%;transform:rotate(32deg)}.museum-niche__glass:after{content:"";mix-blend-mode:soft-light;opacity:.5;background:linear-gradient(32deg,#0000 46%,#ffd2c806 49.7%,#c8e1ff09 50.3%,#0000 54%);position:absolute;inset:0}.switch-grid-panel{--toggle-bg-off:#d4d0c8;--toggle-bg-on:#7c3aed;--toggle-knob:#fff;--toggle-w:2rem;--toggle-h:1.125rem;--toggle-pad:2px;--toggle-ring:2px;--bg:#f7f5f0;background:var(--bg);flex-direction:column;align-items:center;padding:1.25rem .75rem;display:flex}.switch-grid{grid-template-columns:repeat(var(--cols), var(--toggle-w));justify-content:center;gap:.4rem;display:grid}.switch-grid__slot{width:var(--toggle-w);height:var(--toggle-h)}.cp-toggle{width:var(--toggle-w);height:var(--toggle-h);background:var(--toggle-bg-off);cursor:pointer;box-shadow:0 0 0 var(--toggle-ring) color-mix(in srgb, var(--toggle-bg-off) 40%, transparent);border:none;border-radius:999px;outline:2px solid #0000;flex-shrink:0;transition:background .3s,box-shadow .2s;position:relative}.cp-toggle[aria-checked=true]{background:var(--toggle-bg-on);box-shadow:0 0 0 var(--toggle-ring) color-mix(in srgb, var(--toggle-bg-on) 30%, transparent)}.cp-toggle:after{content:"";width:calc(var(--toggle-h) - var(--toggle-pad) * 2);height:calc(var(--toggle-h) - var(--toggle-pad) * 2);background:var(--toggle-knob);top:var(--toggle-pad);left:var(--toggle-pad);border-radius:50%;transition:transform .3s cubic-bezier(.34,1.56,.64,1);position:absolute}.cp-toggle[aria-checked=true]:after{transform:translateX(calc(var(--toggle-w) - var(--toggle-h)))}.cp-toggle:disabled{cursor:wait;opacity:.7}.experiment{background:var(--bg,#f7f5f0)}.experiment__layouts{flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;padding:2rem 1rem;display:flex}.switch-radial-panel{--toggle-bg-off:#d4d0c8;--toggle-bg-on:#7c3aed;--toggle-knob:#fff;--toggle-w:2rem;--toggle-h:1.125rem;--toggle-pad:2px;--toggle-ring:2px;--bg:#f7f5f0;background:var(--bg);flex-direction:column;align-items:center;padding:1.25rem .75rem;display:flex}.switch-radial{width:calc((var(--toggle-w) + 2 * 28px + 3 * 34px) * 2);height:calc((var(--toggle-w) + 2 * 28px + 3 * 34px) * 2);position:relative}.switch-radial__slot{width:var(--toggle-w);height:var(--toggle-h);transform:translate(calc(-50% + var(--x,0px)), calc(-50% + var(--y,0px))) rotate(var(--rot,0deg));position:absolute;top:50%;left:50%}.play-grid{--play-wide-max:72rem;--play-width:min(var(--play-wide-max), calc(100vw - 2 * var(--content-padding-inline,1rem)));width:var(--play-width);margin-block:2rem;margin-inline:calc(50% - var(--play-width) / 2);grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;display:grid}@media (width<=40rem){.play-grid{grid-template-columns:1fr;width:100%;margin-inline:0}.play-card__stage--muted .museum-niche__cavity{height:min(105vw,30rem)!important}}.play-card{flex-direction:column;gap:.75rem;min-width:0;margin:0;display:flex}.play-card__stage{border:1px solid hsl(var(--border-weak));background-color:hsl(var(--background));border-radius:10px;justify-content:center;align-items:center;min-height:18rem;padding:1.5rem;display:flex;overflow:hidden}.play-card__stage--muted{background-color:hsl(var(--section-alt,var(--muted)))}.play-card__stage .switch-grid-panel,.play-card__stage .switch-radial-panel{background:0 0}.play-card__stage img{max-width:100%;height:auto}.play-card__caption{text-align:center;color:hsl(var(--text-tertiary));font-size:.833rem;line-height:1.4}