@layer components{.mp-diorama{--diorama-backdrop:#2f4a3a;--diorama-progress:0;position:relative;display:block;overflow:hidden;isolation:isolate;contain:layout paint;container-type:inline-size;background-color:var(--diorama-backdrop);transition:background-color .5s ease}:where(.mp-diorama){aspect-ratio:16/9}.mp-diorama__canvas{position:absolute;left:0;top:0;display:block;max-width:none;image-rendering:crisp-edges;image-rendering:pixelated;opacity:0;transition:opacity .6s var(--mp-ease-out);pointer-events:none}.mp-diorama[data-smooth=true] .mp-diorama__canvas{image-rendering:auto}.mp-diorama[data-state=ready] .mp-diorama__scene{opacity:1}.mp-diorama__fade{z-index:1;transition:opacity .7s ease}.mp-diorama__sign{position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;overflow:hidden;font-family:var(--font-display);font-weight:400;font-variant-ligatures:none;letter-spacing:var(--mp-display-tracking);word-spacing:var(--mp-display-word);line-height:1;white-space:nowrap;pointer-events:none}.mp-diorama:not([data-state=ready]) .mp-diorama__sign,.mp-diorama__sign[hidden]{display:none}.mp-diorama__veil{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:12px;color:#fff7ea;text-align:center;background-image:linear-gradient(rgb(255 255 255/.05) 3px,transparent 0),linear-gradient(90deg,rgb(255 255 255/.05) 3px,transparent 0);background-size:48px 48px;background-position:50%;transition:opacity .4s ease;pointer-events:none}.mp-diorama[data-state=ready] .mp-diorama__veil{opacity:0;visibility:hidden;transition:opacity .4s ease,visibility 0s linear .4s}.mp-diorama[data-state=ready] .mp-diorama__veil>*{visibility:hidden}.mp-diorama__status{font-family:var(--font-display);font-size:var(--mp-display-sm);line-height:var(--mp-display-leading);letter-spacing:var(--mp-display-tracking);word-spacing:var(--mp-display-word);font-variant-ligatures:none;text-shadow:0 3px 0 rgb(0 0 0/.25)}.mp-diorama__status--error{display:none;max-width:28ch}.mp-diorama[data-state=error] .mp-diorama__bar,.mp-diorama[data-state=error] .mp-diorama__status--loading{display:none}.mp-diorama[data-state=error] .mp-diorama__status--error{display:block}.mp-diorama__bar{width:min(180px,56%);height:12px;padding:3px;background:#fff7ea;box-shadow:0 -3px 0 0 #33243b,0 3px 0 0 #33243b,-3px 0 0 0 #33243b,3px 0 0 0 #33243b}.mp-diorama__bar>span{display:block;height:100%;background:#e9546b;transform-origin:left center;transform:scaleX(var(--diorama-progress));transition:transform .16s linear}@container (max-width: 240px){.mp-diorama__status{display:none!important}.mp-diorama__bar{width:60%}}.mp-diorama__switching{position:absolute;left:0;right:0;bottom:0;z-index:2;height:3px;background:#f6c453;transform-origin:left center;transform:scaleX(var(--diorama-progress));opacity:0;transition:transform .16s linear,opacity .2s ease;pointer-events:none}.mp-diorama[data-state=ready][data-busy=true] .mp-diorama__switching{opacity:1;transition-delay:0s,.18s}@media (prefers-reduced-motion:reduce){.mp-diorama__canvas,.mp-diorama__fade,.mp-diorama__veil{transition-duration:.2s}}html[data-reduced-motion=true] .mp-diorama__canvas,html[data-reduced-motion=true] .mp-diorama__fade,html[data-reduced-motion=true] .mp-diorama__veil{transition-duration:.2s}}