.yt-screen{--disc:clamp(68px, 6.4vw, 100px);z-index:2;aspect-ratio:16/9;border-radius:var(--radius-card);isolation:isolate;background:var(--color-blue-900);box-shadow:0 0 0 1px var(--color-line), 0 2px 4px #06285a1a, 0 14px 28px -10px #06285a38, 0 56px 110px -34px #06285a80;position:relative;overflow:hidden}.yt-screen:after{content:"";z-index:3;border-radius:inherit;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--color-white) 40%, transparent);pointer-events:none;position:absolute;inset:0}.yt-screen:has(.yt-cover:focus-visible){outline:3px solid var(--color-blue-500);outline-offset:3px}html.a11y-focus .yt-screen:has(.yt-cover:focus){outline:4px solid var(--color-red);outline-offset:2px}.yt-cover{border-radius:inherit;background:var(--color-blue-900);block-size:100%;inline-size:100%;color:inherit;cursor:pointer;text-decoration:none;display:block;position:relative;overflow:hidden}.yt-cover[hidden]{display:none}:where(.yt-cover):focus-visible{outline:none}.yt-cover__img{object-fit:cover;block-size:100%;inline-size:100%;display:block}.yt-play{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.yt-play>*{grid-area:1/1}.yt-play__disc{inline-size:var(--disc);block-size:var(--disc);background:var(--color-red);border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:0 18px 40px -16px #06285aa6}.yt-play__disc svg{block-size:44%;inline-size:44%;fill:var(--color-white);translate:6%}.yt-play__ring{inline-size:var(--disc);block-size:var(--disc);border:2px solid color-mix(in srgb, var(--color-white) 85%, transparent);opacity:0;border-radius:50%}.yt-play__disc:after{content:"";border:3px solid #0000;border-block-start-color:var(--color-white);opacity:0;border-radius:50%;position:absolute;inset:-7px}.yt-cover[data-player=loading] .yt-play__disc:after{opacity:1}.yt-cover[data-player] .yt-play__ring{display:none}.yt-screen iframe{z-index:2;opacity:0;border:0;block-size:100%;inline-size:100%;position:absolute;inset:0}.yt-screen.is-playing iframe{opacity:1}.yt-screen.is-playing .yt-cover{pointer-events:none}.yt-screen.is-playing :is(.yt-cover__img,.yt-play){opacity:0}.ev-room__sting{z-index:1;object-fit:cover;opacity:0;pointer-events:none;block-size:100%;inline-size:100%;position:absolute;inset:0}.ev-room__sting--outro{z-index:2}.ev-room__sting.is-on{opacity:1}.yt-src{isolation:isolate;background:var(--color-white);min-block-size:44px;box-shadow:0 0 0 1px var(--color-line), 0 10px 24px -16px #06285a73;font-family:var(--font-display);color:var(--color-blue);white-space:nowrap;border-radius:999px;align-items:center;gap:10px;padding-inline:14px 16px;font-size:.9375rem;font-weight:700;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.yt-src__fill{z-index:-1;background:var(--color-blue);position:absolute;inset:0;transform:translate(-101%)}.yt-src__icon{flex:none;block-size:20px;inline-size:28px}.yt-src__go{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;block-size:18px;inline-size:18px}[dir=rtl] .yt-src__go{scale:-1 1}.yt-src:hover,.yt-src:focus-visible{color:var(--color-white);background:var(--color-blue)}[data-room]:has(.yt-cover[data-player=playing]) .yt-src:not(:hover,:focus-visible){box-shadow:none;color:var(--color-ink);background-color:#0000}@keyframes room-sonar{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.85)}}@keyframes room-turn{to{rotate:1turn}}@media (prefers-reduced-motion:no-preference){:where(html:not(.a11y-still)) .yt-play__ring{animation:room-sonar 2.8s var(--ease-land) -.6s infinite}:where(html:not(.a11y-still)) .yt-play__ring+.yt-play__ring{animation-delay:-2s}:where(html:not(.a11y-still)) .yt-play{transition:opacity .3s, transform .35s var(--ease-land)}:where(html:not(.a11y-still)) .yt-play__disc{transition:transform .4s var(--ease-land)}:where(html:not(.a11y-still)) .yt-cover[data-player=loading] .yt-play__disc:after{animation:.8s linear infinite room-turn}:where(html:not(.a11y-still)) .yt-cover__img{transition:transform .9s var(--ease-land), opacity .6s var(--ease-land)}:where(html:not(.a11y-still)) .yt-screen iframe{transition:opacity .5s var(--ease-land) .12s}:where(html:not(.a11y-still)) .yt-screen.is-playing .yt-cover__img{transform:scale(1.06)}:where(html:not(.a11y-still)) .yt-screen.is-playing .yt-play{transform:scale(.6)}:where(html:not(.a11y-still)) .ev-room__sting{transition:opacity .45s var(--ease-land)}:where(html:not(.a11y-still)) .ev-room__sting--outro{transition-duration:.6s}:where(html:not(.a11y-still)) .yt-screen:has(.ev-room__sting) iframe{transition:opacity .6s var(--ease-land)}:where(html:not(.a11y-still)) .yt-src{transition:color .3s var(--ease-land), background-color .6s var(--ease-land), box-shadow .6s var(--ease-land), transform .1s}:where(html:not(.a11y-still)) .yt-src:hover,:where(html:not(.a11y-still)) .yt-src:focus-visible{background:var(--color-white);box-shadow:0 0 0 1px var(--color-blue), 0 16px 30px -16px #06285a8c}:where(html:not(.a11y-still)) .yt-src__fill{transition:transform .45s var(--ease-land)}:where(html:not(.a11y-still)) .yt-src:hover .yt-src__fill,:where(html:not(.a11y-still)) .yt-src:focus-visible .yt-src__fill{transform:none}:where(html:not(.a11y-still)) .yt-src__go{transition:translate .45s var(--ease-land)}:where(html:not(.a11y-still)) .yt-src:hover .yt-src__go,:where(html:not(.a11y-still)) .yt-src:focus-visible .yt-src__go{translate:-3px -3px}:where(html:not(.a11y-still)) .yt-src__icon{transition:transform .45s var(--ease-land)}:where(html:not(.a11y-still)) .yt-src:active{transform:scale(.97)}}@media (prefers-reduced-motion:no-preference) and (hover:hover){:where(html:not(.a11y-still)) .yt-cover:hover .yt-play__disc{transform:scale(1.1)}:where(html:not(.a11y-still)) .yt-cover:hover .yt-cover__img{transform:scale(1.04)}:where(html:not(.a11y-still)) .yt-cover:hover .yt-play__ring{animation-duration:1.6s}:where(html:not(.a11y-still)) .yt-src:hover .yt-src__icon{transform:scale(1.12)rotate(-6deg)}}@media (prefers-reduced-motion:no-preference){:where(html:not(.a11y-still)) .yt-cover:active .yt-play__disc{transition-duration:.1s;transform:scale(.94)}}
.viewer{--top:64px;--pad-i:clamp(16px, 3vw, 48px);--slide-gap:24px;width:auto;max-width:none;height:auto;max-height:none;box-shadow:0 0 0 32px var(--color-blue-900);color:var(--color-white);grid-template-rows:var(--top) minmax(0, 1fr) auto;font-family:var(--font-display);background:0 0;border:0;margin:0;padding:0;display:grid;position:fixed;inset:0;overflow:hidden}.viewer::backdrop{background:0 0}html:has(dialog.viewer[open]){scrollbar-gutter:stable;overflow:hidden}.viewer__ground{z-index:0;background:var(--color-blue-900);opacity:calc(1 - var(--fade,0));position:absolute;inset:0;overflow:hidden}.viewer>:not(.viewer__ground){z-index:1;position:relative}.viewer>.sr-only{position:absolute}.viewer__light{object-fit:cover;filter:blur(70px)saturate(1.45);opacity:0;width:124%;height:124%;position:absolute;inset:-12%}.viewer__light.is-on{opacity:.62}.viewer__ground:after{content:"";background:radial-gradient(70% 70% at 50% 45%, transparent 0%, color-mix(in srgb, var(--color-blue-900) 78%, transparent) 100%);position:absolute;inset:0}.viewer__top{justify-content:space-between;align-items:center;gap:var(--spacing-s2);padding-inline:clamp(16px,2.4vw,32px);display:flex}.viewer__count{letter-spacing:-.01em;font-variant-numeric:tabular-nums;align-items:baseline;gap:14px;min-width:0;margin:0;font-size:1.25rem;font-weight:900;line-height:1;display:flex}.viewer__n i{color:var(--color-red);padding-inline:5px;font-style:normal}.viewer__title{font-family:var(--font-text);letter-spacing:0;white-space:nowrap;text-overflow:ellipsis;color:color-mix(in srgb, var(--color-white) 72%, transparent);font-size:.9375rem;font-weight:600;overflow:hidden}.viewer__close,.viewer__nav{color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.viewer__close{width:44px;height:44px;box-shadow:inset 0 0 0 1px var(--color-wline);border-radius:50%;flex:none}.viewer__close:hover{background:color-mix(in srgb, var(--color-white) 14%, transparent)}.viewer__icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:22px;height:22px}.viewer__close:focus-visible,.viewer__thumb:focus-visible{outline:3px solid var(--color-white);outline-offset:3px}.viewer__stage{-webkit-user-select:none;user-select:none;touch-action:none;min-height:0;position:relative}.viewer__track{transform-origin:50% 40%;position:absolute;inset:0}.viewer__slot{padding:6px var(--pad-i);transform-origin:50% 40%;grid-template-rows:minmax(0,1fr) auto;justify-items:center;margin:0;display:grid;position:absolute;inset:0}.viewer__slot[data-pos=next]{translate:calc(-100% - var(--slide-gap)) 0}.viewer__slot[data-pos=prev]{translate:calc(100% + var(--slide-gap)) 0}.viewer__box{justify-self:stretch;place-items:center;min-height:0;display:grid;container-type:size}.viewer__frame{width:min(100cqw, 100cqh * var(--ar));aspect-ratio:var(--ar);border-radius:var(--radius-tile);background:color-mix(in srgb, var(--color-white) 6%, transparent);box-shadow:0 40px 90px -30px color-mix(in srgb, var(--color-ink) 65%, transparent), 0 0 0 1px color-mix(in srgb, var(--color-white) 10%, transparent);view-transition-class:gallery;overflow:hidden}.viewer__img{object-fit:cover;-webkit-user-drag:none;width:100%;height:100%;display:block}.viewer__caption{max-width:62ch;-webkit-line-clamp:2;line-clamp:2;font-family:var(--font-text);text-align:center;color:var(--color-white);-webkit-box-orient:vertical;margin-block-start:var(--spacing-s1);font-size:.9375rem;line-height:1.45;display:-webkit-box;overflow:hidden}.viewer__nav{z-index:2;width:clamp(72px,10vw,160px);position:absolute;inset-block:0}.viewer__nav--prev{inset-inline-start:0}.viewer__nav--next{inset-inline-end:0}.viewer__disc{background:color-mix(in srgb, var(--color-ink) 55%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;border-radius:50%;place-items:center;width:52px;height:52px;display:grid}.viewer__chev{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.viewer__nav--prev .viewer__disc{translate:8px}.viewer__nav--next .viewer__disc{translate:-8px}.viewer__nav:hover .viewer__disc,.viewer__nav:focus-visible .viewer__disc{opacity:1;translate:0}.viewer__nav:focus-visible{outline:none}.viewer__nav:focus-visible .viewer__disc{outline:3px solid var(--color-white);outline-offset:2px}@media (hover:none) and (pointer:coarse){.viewer__nav{display:none}}.viewer__rail{overscroll-behavior-x:contain;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg, transparent, var(--color-ink) 18%, var(--color-ink) 82%, transparent);mask-image:linear-gradient(90deg, transparent, var(--color-ink) 18%, var(--color-ink) 82%, transparent);padding-block:18px 26px;overflow:auto hidden}.viewer__rail::-webkit-scrollbar{display:none}.viewer__rail-track{align-items:center;gap:10px;width:max-content;padding-inline:calc(50vw - 48px);display:flex}.viewer__thumb{height:64px;aspect-ratio:var(--ar);background:color-mix(in srgb, var(--color-white) 8%, transparent);opacity:.5;filter:saturate(.75);cursor:pointer;border:0;border-radius:8px;flex:none;padding:0;position:relative;overflow:hidden}.viewer__thumb img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.viewer__thumb:hover{opacity:.85}.viewer__thumb.is-on{opacity:1;filter:none;box-shadow:0 0 0 2px var(--color-white), 0 18px 30px -16px color-mix(in srgb, var(--color-ink) 80%, transparent);translate:0 -6px}.viewer.is-idle,.viewer.is-idle *{cursor:none}.viewer.is-idle .viewer__top{opacity:0;pointer-events:none;translate:0 -8px}.viewer.is-idle .viewer__rail{opacity:0;pointer-events:none;translate:0 10px}.viewer.is-idle .viewer__nav,.viewer.is-idle .viewer__caption{opacity:0}.viewer.is-dragging .viewer__top,.viewer.is-dragging .viewer__rail,.viewer.is-dragging .viewer__nav,.viewer.is-dragging .viewer__caption{opacity:calc(1 - var(--fade,0) * 3);transition:none}@media (max-width:620px){.viewer{--top:56px;--pad-i:10px;--slide-gap:16px}.viewer__title{display:none}.viewer__rail{padding-block:14px max(20px, env(safe-area-inset-bottom))}.viewer__rail-track{gap:8px;padding-inline:calc(50vw - 33px)}.viewer__thumb{height:48px}}@keyframes viewer-in{0%{opacity:0}}@keyframes viewer-out{to{opacity:0}}@keyframes viewer-rise{0%{opacity:0;translate:0 14px}}@media (prefers-reduced-motion:no-preference){:where(html:not(.a11y-still)) .viewer[open] .viewer__top{animation:viewer-in .45s var(--ease-land) .14s backwards}:where(html:not(.a11y-still)) .viewer[open] .viewer__rail{animation:viewer-rise .6s var(--ease-land) .18s backwards}:where(html:not(.a11y-still)) .viewer__light{transition:opacity .9s var(--ease-land)}:where(html:not(.a11y-still)) .viewer__top,:where(html:not(.a11y-still)) .viewer__rail,:where(html:not(.a11y-still)) .viewer__nav,:where(html:not(.a11y-still)) .viewer__caption{transition:opacity .45s var(--ease-land), translate .45s var(--ease-land)}:where(html:not(.a11y-still)) .viewer__thumb{transition:opacity .3s, translate .45s var(--ease-land)}:where(html:not(.a11y-still)) .viewer__disc{transition:opacity .25s, translate .35s var(--ease-land)}:where(html:not(.a11y-still)) .viewer__close{transition:background-color .2s}:where(html:not(.a11y-still))::view-transition-group(.gallery){animation-duration:.42s;animation-timing-function:var(--ease-land)}:where(html:not(.a11y-still))::view-transition-old(.gallery){object-fit:cover;height:100%;animation-duration:.42s;animation-timing-function:var(--ease-land)}:where(html:not(.a11y-still))::view-transition-new(.gallery){object-fit:cover;height:100%;animation-duration:.42s;animation-timing-function:var(--ease-land)}:where(html:not(.a11y-still)).viewer-morph{--vt-fade:.36s}}@media (prefers-reduced-motion:reduce){.viewer[open]{animation:.2s both viewer-in}.viewer__slot.is-in{animation:.16s both viewer-in}.viewer__slot.is-out{animation:.16s both viewer-out}}html.a11y-still .viewer[open]{animation:.2s both viewer-in}html.a11y-still .viewer__slot.is-in{animation:.16s both viewer-in}html.a11y-still .viewer__slot.is-out{animation:.16s both viewer-out}
