@layer components{#scrim{cursor:pointer;z-index:100;display:none;position:absolute;inset:0}#classic-ui{color:var(--text-color);position:absolute;inset:auto 0 1rem;& .icon-button{font-size:var(--font-size-largest)}& i{color:var(--color-dark-grey);font-size:var(--font-size-larger)}& span{-webkit-user-select:none;user-select:none;max-inline-size:90%;font-size:var(--font-size-smallest);margin-inline:auto;display:flow-root}}#navigation-pane{inline-size:var(--space-60);background-color:light-dark(var(--color-white),var(--color-element-black));block-size:calc(100dvb - 3.6428rem);transition:inline-size var(--transition-short), translate var(--transition-short);contain:style;will-change:inline-size;position:relative;&[data-state=reduced]{inline-size:0;& #navigation-rail{inline-size:0!important;display:none!important}& #navigation-drawer{inset:0 auto 0 0;&:dir(rtl){inset:0 0 0 auto}}}&:has(#navigation-drawer:not([inert])){&:has(div[data-ref=projects]:not([hidden])) i[data-target=projects],&:has(div[data-ref=modules]:not([hidden])) i[data-target=modules],&:has(div[data-ref=account]:not([hidden])) i[data-target=account]{rotate:180deg}}}#navigation-rail{contain:style;inline-size:var(--space-60);text-align:center;border-inline-end:var(--base-unit) solid var(--border-color);block-size:100%;margin-inline:unset;padding-block:1rem;display:flow-root;position:relative;& ul li{flex-direction:column;align-items:center;gap:.5rem;padding-block-end:1.5rem;display:flex;position:relative;&::marker{content:none}& .icon-button i{font-size:calc(var(--space-16) + var(--font-size-smallest))}& .icon-button:not(:hover) i{color:var(--color-dark-grey)}& .icon-button:hover i{color:light-dark(var(--color-typography-black),var(--color-shine-white))}& .icon-button.is-active i{color:var(--color-primary)}&>i{font-size:var(--font-size-micro-x);block-size:.2143rem;transition:opacity var(--transition-hover), rotate var(--transition-hover), inset-inline-end var(--transition-hover);opacity:var(--opacity-gone);transform-origin:bottom;position:absolute;inset:.6429rem .2143rem 0 auto;&:dir(rtl){inset:.6429rem auto 0 .2143rem}}&:is(:hover,:focus,:focus-within){&>i{opacity:var(--opacity-half);inset-inline-end:.2143rem}}& span{-webkit-user-select:none;user-select:none;max-inline-size:90%;font-size:var(--font-size-smallest);cursor:pointer;display:flow-root}}}html[data-theme=light] #navigation-rail ul li>i{color:var(--color-element-black)}#navigation-drawer{inset:0 auto 0 var(--space-60);contain:style;inline-size:0;transition:inline-size var(--transition-short);content-visibility:auto;padding:1rem 0;position:absolute;overflow:clip;&:dir(rtl){inset:0 var(--space-60) 0 auto}& .search-box{inline-size:auto;margin-inline:1rem}& .divider{margin-block-end:.5rem}& .scrollable-tablist-wrapper{margin-inline:1rem}& h2{white-space:nowrap;margin-block:var(--space-08) var(--space-24);-webkit-user-select:none;user-select:none;font-size:var(--font-size-largest);font-weight:var(--font-weight-bold);margin-inline:1.5rem;&.for-projects{margin-inline-start:1rem}}& .noresult-area{inline-size:19.4285rem;margin:0 auto;& img{max-block-size:16dvb}}& ul li{white-space:nowrap;inline-size:calc(100% - 2 * var(--scrollbar-width));transition:background-color var(--transition-hover);border-radius:var(--border-radius-default);corner-shape:var(--corner-shape);content-visibility:auto;contain-intrinsic-block-size:auto 3.85rem;margin-block-end:.25rem;margin-inline-start:.5rem;padding:.5rem;list-style:none;overflow:clip;&:last-of-type{margin-block-end:0}&::marker{content:none}& .icon-button:not(.project-settings) i{font-size:calc(var(--font-size) + var(--font-size-smallest));color:var(--color-dark-grey)}&:is(:hover,:focus-visible){background-color:light-dark(color-mix(in srgb, var(--color-soft-grey) 60%, transparent),var(--color-darkmode-black))}& a{color:var(--text-color);transition:color var(--transition-hover);position:relative;&:not(.project-link){display:flow-root}&[aria-current=page]{color:var(--color-primary);& :is(img,.icon-cover){border-color:var(--color-primary)}}& small{color:var(--color-light-grey);font-size:var(--font-size-smallest);display:flow-root}& span{font-weight:var(--font-weight-medium)}}}& input[type=search]{margin-block-end:1rem}& .scrollable-area{block-size:calc(100dvb - 15.2857rem);overflow:hidden auto}&>div[data-ref]:not(:has(#projects-button)){margin-inline:.5rem}& .closer{font-size:var(--font-size-largest);position:absolute;inset:1.5rem 1rem auto auto;&:dir(rtl){inset:1.5rem auto auto 1rem}}& div[role=tabpanel].is-sizing .scrollable-area{block-size:fit-content}}#projects-button,#modules-button{position:absolute;inset:1rem auto auto 1rem;opacity:1!important;&:dir(rtl){inset:1rem 1rem auto auto}}#navigation-drawer div[data-ref=modules]{& .scrollable-area{block-size:calc(100dvb - 8.9285rem)}}#aria-bypass-content{align-self:center;margin-inline-start:1rem;& i{font-size:var(--font-size-largest);color:var(--text-color)}}#mobile-menu i{color:var(--text-color);font-size:calc(var(--space-16) + var(--font-size-smallest))}#project-grid{inline-size:var(--space-60);border-inline-end:var(--base-unit) solid var(--border-color);padding:1rem;& i{font-size:calc(var(--space-16) + var(--font-size-smallest));color:var(--text-color)}}#promo-area{flex-direction:column;gap:1rem;display:flex;position:absolute;inset:auto 1rem 1rem;&:empty{display:none}}.project-link{align-items:center;gap:.5rem;display:flex;& .project-cover-wrapper{aspect-ratio:16/9;border-radius:var(--border-radius-min);corner-shape:var(--corner-shape);border:var(--base-unit) solid var(--border-color);object-fit:cover;block-size:2.8571rem;inline-size:auto;position:relative;overflow:clip;&[data-online=true]{border-inline-start:var(--space-04) solid var(--color-status-green)}& :is(img,.icon-cover){object-fit:cover;min-block-size:100%;min-inline-size:100%;transition:scale var(--transition-short);scale:1}& .icon-cover i{font-size:56cqb}}& .project-data{white-space:nowrap;flex-shrink:0;max-inline-size:calc(100% - 7.4285rem);overflow:clip;& span{display:flow-root;&:first-of-type{color:var(--color-grey);font-size:var(--font-size-smallest);&:has(span){display:flex;& span{opacity:var(--opacity-disabled)}}}}}& .project-settings{inset:0 var(--scrollbar-width) 0 auto;opacity:0;block-size:1.0714rem;transition:opacity var(--transition-short);margin-block:auto;position:absolute}&:is(:hover,:focus,:focus-within,:active){& .project-settings{opacity:1}& .project-cover-wrapper :is(img,.icon-cover){scale:1.15}}}.module-link{align-items:center;gap:.5rem;display:flex;& i{font-size:var(--space-16)}}html :has(#navigation-pane[data-state=reduced]){--app-navigation-inline-size:0;& #navigation-drawer{& .scrollable-area{block-size:calc(100dvb - 12.2857rem)}}}html[data-pane=open]{--app-navigation-inline-size:28.5714rem;& #navigation-pane{inline-size:28.5714rem}& #navigation-drawer{inline-size:calc(28.5714rem - var(--space-60));border-inline-end:var(--base-unit) solid var(--border-color)}& :has(#navigation-pane[data-state=reduced]){--app-navigation-inline-size:calc(28.5714rem - var(--space-60));& #navigation-pane{inline-size:calc(28.5714rem - var(--space-60))}}}html[data-layout=nomenu],html[data-uimode=none],html[data-handler=login],html[data-layout=register],html[data-handler=authorize]{--app-navigation-inline-size:0;& #navigation-pane{display:none!important}}html[data-de=mobile]{--app-navigation-inline-size:0;--navigation-panel-width:min(calc(28.5714rem - var(--space-60)), 80vi);& #scrim{inset:0 0 0 var(--navigation-panel-width);&:dir(rtl){inset:0 var(--navigation-panel-width) 0 0}}& #navigation-pane{block-size:100dvb;inline-size:0;translate:calc(-1 * var(--navigation-panel-width) - .7143rem) 0;&:dir(rtl){translate:calc(100vi + var(--navigation-panel-width)) 0}}& #navigation-drawer{opacity:1;content-visibility:visible;inline-size:var(--navigation-panel-width);background-color:var(--rail-color);border-inline-end:var(--base-unit) solid var(--border-color);flex-direction:column;gap:1rem;margin-block-end:2rem;padding:1rem;display:flex;inset:0 auto 0 0;inset-block-start:-3.6428rem;overflow:auto;&:dir(rtl){inset:0 100vi 0 0}& h2{margin-inline:0}& ul li{inline-size:100%;margin-inline-start:0;padding:.5rem 0}&>div[data-ref]{margin-block-end:1rem}& :is(.closer,.search-box,div[aria-owns],#projects-button,#modules-button){display:none!important}& .scrollable-area{block-size:auto}& h2,& h3{margin-block-end:1rem}& .project-settings{display:none!important}& .project-data{max-inline-size:calc(100% - 6rem)}}& #navigation-rail{display:none!important}& #mainarea{inline-size:100vi!important}}html[data-pane=side]{& #navigation-pane{translate:0;&:dir(rtl){translate:calc(var(--navigation-panel-width) + 100vi - var(--navigation-panel-width)) 0}}& #mainarea,& #app-header{transform:translateX(var(--navigation-panel-width));&:dir(rtl){transform:translateX(calc(-1 * var(--navigation-panel-width)))}}& #scrim{display:flow-root}}html[data-resources=reduced]{& #navigation-pane,& #navigation-drawer,& main{transition:none}}#global-player{--player-inline-size:min(45.7143rem, calc(100vi - var(--inline-size) - var(--expansion-size) - 8.5714rem));inline-size:var(--player-inline-size);opacity:0;z-index:65;block-size:max-content;transition:all var(--transition-medium);transition-behavior:allow-discrete;margin-block:auto;display:none;position:absolute;inset-block:0;inset-inline-end:calc((var(--inline-size) + var(--expansion-size) - var(--inline-adapt)) + (100vi - var(--player-inline-size) - var(--inline-size) - var(--expansion-size) + var(--inline-adapt)) / 2);overflow:clip;scale:.8;container:global-player/inline-size;@starting-style{display:flow-root}&[aria-hidden=false]{opacity:1;display:flow-root;scale:1}&:has(#global-player-media[data-orientation=portrait]){--player-inline-size:min(30rem, calc(.6 * (100vi - var(--inline-size) - var(--expansion-size))))}&:has(#global-player-media[data-streamtype=audio]){--player-inline-size:clamp(14.285rem, calc(100vi - var(--inline-size) - 8.5714rem),57.1429rem)}&>.icon-button{display:none;position:absolute;inset:1rem 1rem auto auto}& #global-player-media{aspect-ratio:16/9;background-color:var(--color-pure-black);border-radius:var(--border-radius-default);corner-shape:var(--corner-shape);inline-size:100%;box-shadow:0 0 var(--space-10) color-mix(in srgb, var(--color-pure-black) 25%, transparent);overflow:clip;&[data-orientation=portrait]{aspect-ratio:9/16}&[data-streamtype=audio]{aspect-ratio:unset;block-size:12.5714rem}}& #global-player-details{background-color:var(--background-color);border-radius:var(--border-radius-default);corner-shape:var(--corner-shape);inline-size:100%;box-shadow:0 0 var(--space-10) color-mix(in srgb, var(--color-pure-black) 25%, transparent);margin-block-start:.5rem;padding:1rem;position:relative;overflow:clip;&:has(.trimming-bar-wrapper){block-size:9.42857rem;&>.clamped{display:none}& #global-player-info{position:absolute;inset:.25rem 1rem auto auto}& #global-player-control{inline-size:100%;max-inline-size:100%;margin:0;margin-block-start:2rem;inset-inline:1rem}}&:has(.trimming-bar-wrapper[data-withzoom=true]){block-size:12rem;& .trimming-zoom-wrapper{gap:.5rem;display:flex}}}&[data-controls=on]{& #global-player-control{opacity:1;inset-inline-start:1rem}& #global-player-info{justify-content:flex-end;& .clamped{opacity:0;translate:-100%}}}}#global-player-info{font-weight:var(--font-weight-medium);align-items:center;padding-block:.5rem;display:flex;& div[role=toolbar]{font-size:var(--space-16);z-index:1;gap:1rem;display:flex}& .clamped{-webkit-user-select:none;user-select:none;transition:opacity var(--transition-medium), translate var(--transition-medium);flex-grow:1;padding-inline-end:1rem;translate:0}}#global-player-control{opacity:0;block-size:fit-content;max-inline-size:calc(100% - 7.4285rem);transition:opacity var(--transition-medium), inset-inline-start var(--transition-medium);margin:auto;position:absolute;inset-block:0;inset-inline-start:100%;&:not(:has(.trimming-bar-wrapper)){overflow:clip}&:has(.trimming-bar-wrapper[data-withzoom=true]){margin-block-start:0}&>div[role=toolbar]{flex-wrap:nowrap}& .icon-button{font-size:var(--font-size-largest)}}[data-ui=extended] #global-player-control{max-inline-size:calc(100% - 5.2857rem)}#global-player:has(#global-player-media[data-orientation=portrait]) #global-player-control:has(button:nth-of-type(2)) button .flexed{margin-inline:.3rem;& span{display:none}}.player-focus #global-player{--player-inline-size:min(91.4286rem, 75vi);&:has(#global-player-media[data-orientation=portrait]){--player-inline-size:min(51.4286rem, 44dvb)}}#sidesheet[data-expanded=true][data-ui=extended] #global-player{--player-inline-size:min(68.5714rem, calc(.9 * var(--inline-size)));inset-inline-end:calc(var(--expansion-size) + ((var(--inline-size) - var(--player-inline-size)) / 2));&:has(#global-player-media[data-orientation=portrait]){--player-inline-size:min(30rem, calc(.55 * var(--inline-size)))}& .icon-button[data-command=expand]{display:none}}#sidesheet[data-expanded=true]:not([data-ui=extended]) #global-player{--player-inline-size:min(68.5714rem, calc(.9 * min(61.4286rem, calc(90vi - var(--expansion-size)))));inset-inline-end:calc(var(--player-inline-size) + ((var(--inline-size) - var(--player-inline-size)) / 2));&:has(#global-player-media[data-orientation=portrait]){--player-inline-size:min(30rem, calc(.6 * (100vi - var(--inline-size) - var(--expansion-size))));inset-inline-end:calc(var(--player-inline-size) * 2)}}@media (horizontal-viewport-segments:2){#sidesheet:not(.player-focus){& #global-player:has(div[data-orientation=landscape]){--inline-adapt:-5rem}}#sidesheet.player-focus{& #global-player:has(div[data-orientation=portrait]){inset-inline-end:calc(env(viewport-segment-width 0 0) + var(--space-24) + 2 * var(--player-inline-size))}}}@media (width<=34.2857rem){#global-player[aria-hidden=false]{inset:0!important;block-size:100dvb!important;inline-size:100vi!important;inset-inline:0!important;&>.icon-button{display:flow-root}}#global-player-details{display:none!important}#global-player-media{aspect-ratio:auto!important;border-radius:0!important;block-size:100dvb!important}}@container global-player (width<=24.2857rem){#global-player-control button .flexed{padding-inline:var(--space-05) 0;padding-block:var(--space-03);& span{display:none}}}html[data-de=mobile]{& #global-player[aria-hidden=false] .icon-button{display:flow-root}& #global-player-details{display:none!important}& #global-player-media{aspect-ratio:auto!important;block-size:100dvb!important}}.snackbar{background-color:light-dark(var(--color-shine-white),var(--color-element-black));z-index:500;inline-size:max-content;max-inline-size:28.857rem;color:light-dark(var(--color-typography-black),var(--color-shine-white));font-weight:var(--font-weight);font-size:var(--font-size);text-align:start;border-radius:var(--border-radius-default);corner-shape:var(--corner-shape);box-shadow:0 0 var(--space-05) color-mix(in srgb, var(--color-pure-black) 25%, transparent);transition:inset-block-end var(--transition-medium) var(--transitionstyle-shaky);-webkit-user-select:none;user-select:none;contain:layout;padding:1rem;padding-inline-end:1.5rem;position:fixed;inset:auto auto -14.2857rem 2rem;&>header{inline-size:100%;block-size:var(--space-06);padding:0;display:flow-root;position:absolute;inset:0;transform:none}& .is-paragraph em{word-break:break-all;quotes:var(--quotes);&:before{content:open-quote}&:after{content:close-quote}}&>.inner-snackbar{gap:1.2rem;margin-block-start:.35rem;display:flex;& .fa-veronica{font-size:var(--font-size-largest);color:var(--color-primary);margin-block-start:.2143rem;position:relative}& .content-snackbar:has(div[role=toolbar]){flex-direction:column;gap:.75rem;display:flex}}& div[role=toolbar]{border-block-start:var(--base-unit) solid var(--border-color);justify-content:flex-end;gap:1rem;padding-block-start:.75rem;display:flex;& button{font-weight:var(--font-weight-bold);text-transform:uppercase;line-height:normal;font-size:var(--font-size-smaller);padding-block:0;padding-inline:0;position:relative;inset-block-start:var(--space-02);& i.fa-veronica{color:var(--color-primary)!important;margin-block-start:0!important}&:is(:focus,:hover){color:var(--color-dark-grey)}}}&.opened{inset-block-end:2rem}&:dir(rtl){inset-inline:2rem auto}}.snackbar[data-state=error]{& header{background:var(--color-status-red)}& .inner-snackbar .fa-veronica{color:var(--color-status-red)}}.snackbar[data-state=success]{& header{background:var(--color-status-green)}& .inner-snackbar .fa-veronica{color:var(--color-status-green)}}@media (width<=34.2857rem){.snackbar{inline-size:calc(100% - 1rem);max-inline-size:calc(100% - 1rem);padding-inline-end:1rem;inset-inline:.5rem!important;&.opened{inset-block-end:var(--safe-area-max-inset-block-end)}}}#sidesheet{--inline-size:31.4286rem;--expansion-size:0px;--inline-adapt:0px;block-size:100%;inline-size:calc(var(--inline-size) + var(--expansion-size));max-inline-size:90vi;box-shadow:0 0 var(--space-10) color-mix(in srgb, var(--color-pure-black) 25%, transparent);contain:layout;inset:0 var(--inline-adapt) 0 auto;overflow:visible;&::backdrop{opacity:0;background-color:light-dark(color-mix(in srgb, var(--color-pure-black) var(--sidesheet-backdrop-opacity), transparent),#34343499);transition:background-color 1s linear}&[open]{transition:inline-size var(--transition-medium), inset-inline-end var(--transition-medium);animation:.75s sidesheet-animation;&::backdrop{animation:1s sidesheet-backdrop-animation}&:not(.closing)::backdrop{opacity:1}&>#sidesheet-main{overscroll-behavior:contain;grid-template:"header""content"1fr"footer"/100%;display:grid}&>#sidesheet-expansion{z-index:55;overscroll-behavior:contain;grid-template:"header-expansion""content-expansion"1fr"footer-expansion"/100%;display:grid}}&.closing{animation:.75s sidesheet-animation-revert;&::backdrop{animation:.5s sidesheet-backdrop-animation-revert}&>#global-player{opacity:0}& #sidesheet-shortcuts{transition-delay:0s}}&:dir(rtl){inset:0 auto 0 var(--inline-adapt)}&.player-focus{--inline-adapt:calc(-1 * var(--inline-size) + var(--space-20))}&[data-ui=extended]{--inline-size:min(61.4286rem, calc(90vi - var(--expansion-size)))}&[data-expanded=true]{--expansion-size:30rem;&::backdrop{background-color:light-dark(color-mix(in srgb, var(--color-pure-black) var(--sidesheet-backdrop-opacity-expanded), transparent),#343434cc)}& #sidesheet-hider{opacity:1;display:flow-root}& #sidesheet-expansion{box-shadow:0 var(--space-04) var(--space-04) color-mix(in srgb, var(--color-pure-black) 25%, transparent)}& .closing>#global-player{transition-duration:.7s;transform:translate(-100%)scale(.2);&:dir(rtl){transform:translate(200%)scale(.2)}}}&[inert] footer button:not([type=submit]){opacity:var(--opacity-disabled)}}#sidesheet-main{container:sidesheet/inline-size}#sidesheet-main,#sidesheet-hider{color:var(--text-color);background-color:var(--background-color);inline-size:var(--inline-size);block-size:100%;max-inline-size:90vi;transition:inline-size var(--transition-short)}#sidesheet-hider{opacity:0;background:light-dark(color-mix(in srgb, var(--color-pure-black) var(--sidesheet-backdrop-opacity), transparent),#34343499);z-index:55;transition:opacity 1s linear;position:absolute;inset:0}#sidesheet-expansion{inset:0 auto auto var(--inline-size);color:var(--text-color);background-color:var(--background-color);block-size:100%;inline-size:30rem;position:absolute;container-type:inline-size;&:dir(rtl){inset:0 var(--inline-size) auto auto}}#sidesheet[data-state=processing] :is(#sidesheet-content,#sidesheet-expansion-content),#sidesheet[data-expandedstate=processing] #sidesheet-expansion-content{opacity:var(--opacity-disabled)}#sidesheet-control{align-items:center;gap:.75rem;margin-inline-start:1rem;display:flex}#sidesheet-shortcuts{background-color:var(--background-color);corner-shape:var(--corner-shape);font-size:var(--space-16);z-index:-1;box-shadow:0 0 var(--space-10) color-mix(in srgb, var(--color-pure-black) 25%, transparent), 0 0 var(--space-04) 0 color-mix(in srgb, var(--color-pure-black) 25%, transparent) inset;transition:transform var(--transition-short);border-start-start-radius:var(--border-radius-default);border-end-start-radius:var(--border-radius-default);flex-direction:column;gap:1.25rem;padding:1rem .5rem;padding-inline-start:.7857rem;transition-delay:.5s;display:flex;position:absolute;inset:8.7857rem auto auto -2.7857rem;transform:translate(3.5714rem);&:dir(rtl){inset:8.7857rem auto auto var(--inline-size);transform:translate(-3.5714rem)}& .icon-button[aria-selected=true][inert]{cursor:default;& i{color:var(--color-primary)}}& .icon-button[data-command=play]{border-block-end:var(--base-unit) solid var(--border-color);border-radius:0;padding-block:0 1rem}&:not(:has(>button:nth-of-type(2))){display:none}}#sidesheet[data-hasshortcuts=true]:not([data-expanded=true]) #sidesheet-shortcuts{transform:translate(0)}#sidesheet-title>progress{inline-size:calc(100% - 6rem);block-size:var(--space-08);margin:auto;position:absolute;inset:0 auto 0 2rem}:is(#sidesheet-main,#sidesheet-expansion)>header{background-color:var(--background-header);background-image:none;grid-area:header;padding:1.5rem;position:relative}@supports (scrollbar-gutter:stable){:is(#sidesheet-main,#sidesheet-expansion)>header{padding-inline:1.7rem 1.5rem}}#sidesheet-expansion>header{grid-area:header-expansion}:is(#sidesheet-main,#sidesheet-expansion) h2{max-inline-size:calc(100% - 2.3571rem);font-weight:var(--font-weight-bold);font-size:var(--font-size);margin-block-end:0}#sidesheet-expansion h2{max-inline-size:100%}:is(#sidesheet-main,#sidesheet-expansion) section h2{margin-block-end:.5rem;&.reduced-margin-block{margin-block-end:.3571rem}&.remove-gap:not(.group-header){margin-block-end:-.25rem}}:is(#sidesheet-main,#sidesheet-expansion) h2:has(em){gap:.5rem;display:flex}:is(#sidesheet-main,#sidesheet-expansion) h2>span{font-weight:var(--font-weight)}:is(#sidesheet-main,#sidesheet-expansion)>header i{color:var(--text-color)}#sidesheet-content,#sidesheet-expansion-content{transition:opacity var(--transition-short), margin-block-end var(--transition-medium);overscroll-behavior:contain;grid-area:content;margin-block-end:0;padding:1rem 1.5rem;overflow:clip auto}#sidesheet-content{@supports (scrollbar-gutter:stable){padding-inline:calc(1.5rem - 2 * var(--scrollbar-width))}& .is-paragraph{max-inline-size:100%}& .tablist-wrapper{inline-size:calc(100% - 2rem);margin-inline:1rem}& .scroll-child{padding-inline:calc(1.5 * var(--scrollbar-width))}& .scroll-child.direct-child{padding-inline:var(--scrollbar-width)}}#sidesheet-expansion-content{scrollbar-gutter:stable both-edges;grid-area:content-expansion;overflow:clip auto;& form{inline-size:calc(100% - .5rem)}@supports (scrollbar-gutter:stable){padding-inline:1rem 0}&:has(.tablist-wrapper) .scroll-child{padding-inline:0 calc(1.5 * var(--scrollbar-width))}}@media (width<=45.7143rem){#sidesheet footer button{block-size:auto!important;padding-inline:var(--space-20)!important;& .ellipsized{display:inline-block!important}}}#sidesheet-main>footer{background-color:var(--background-footer);inline-size:100%;transition:inset-block-end var(--transition-medium);grid-area:footer;padding-block:1rem;padding-inline:1.5rem;position:absolute;inset-block-end:-7.14285rem}#sidesheet:is([data-hasupdates=true],[data-hasfiles=true]):not([data-expanded=true]) #sidesheet-main>footer:not(.tab-hidden),#sidesheet-main>footer.always-visible:not(.tab-hidden){inset-block-end:0}#sidesheet:is([data-hasupdates=true],[data-hasfiles=true]):not(:has(footer.tab-hidden)) #sidesheet-content,#sidesheet-main:has(footer.always-visible:not(.tab-hidden)) #sidesheet-content{margin-block-end:4.5714rem}#sidesheet-main:has(footer.hidden) #sidesheet-content{margin-block-end:0!important}#sidesheet-expansion>footer{background-color:var(--background-footer);grid-area:footer-expansion;padding:1rem}:is(#sidesheet-content,#sidesheet-expansion-content) #sheet-tabs{block-size:100%}#sheet-tabs form{block-size:calc(100% - 4rem)}#sheet-tabs .content-container{block-size:calc(100% - 4rem);overflow:clip auto}#sheet-tabs .scroll-container{view-transition-name:transition-tabs;block-size:100%}#sidesheet[data-animation=next] #sheet-tabs .scroll-container{view-transition-name:transition-tabs-inverse}#sidesheet[data-animation=swap] #sidesheet-content{view-transition-name:transition-sheet;& .scroll-container{view-transition-name:none}}#sidesheet[data-expanded=true] #sidesheet-content{view-transition-name:none!important;& .scroll-container{view-transition-name:none!important}}#sidesheet-spinner{inset:0 var(--expansion-size) 0 0}#sidesheet .hint-box .button-box{margin-block-end:0}#sidesheet-overlay{background-color:light-dark(var(--color-white),var(--background-footer));border:var(--base-unit) solid var(--border-color);border-radius:var(--border-radius-default);corner-shape:var(--corner-shape);font-weight:var(--font-weight-medium);min-inline-size:7.14285rem;box-shadow:0 var(--space-03) var(--space-05) color-mix(in srgb, var(--color-pure-black) 10%, transparent);align-items:center;gap:.5rem;inline-size:fit-content;margin-inline:auto;padding:.5rem 1rem;display:flex;position:fixed;inset:auto 0 1rem}#floating-save{inset:auto var(--expansion-size) 2rem 0;box-shadow:0 var(--space-03) var(--space-05) color-mix(in srgb, var(--color-pure-black) 10%, transparent);z-index:50;margin-inline:auto;position:fixed;translate:0 5rem;&:dir(rtl){inset:auto 0 2rem var(--expansion-size)}@starting-style{opacity:0;display:none}&[data-state=on]{opacity:1;display:flow-root;translate:0}}html:has(#confirm-dialog[open]) #sidesheet-content{view-transition-name:none!important;& .scroll-container{view-transition-name:none!important}}html[data-de=mobile]{& #sidesheet-shortcuts{& div[data-command=play]{display:none!important}}& #sidesheet.player-focus #sidesheet-shortcuts{display:none!important}}@keyframes sidesheet-animation{0%{transform:translateX(calc(var(--translate-multiplier) * (var(--inline-size) + var(--expansion-size))))}to{transform:translate(0)}}@keyframes sidesheet-animation-revert{0%{transform:translate(0)}to{transform:translateX(calc(var(--translate-multiplier) * (var(--inline-size) + var(--expansion-size) + 7.14285rem)))}}@keyframes sidesheet-backdrop-animation{0%{opacity:0}to{opacity:1}}@keyframes sidesheet-backdrop-animation-revert{0%{opacity:1}to{opacity:0}}@media (width<=35.7142rem){#sidesheet.player-focus{--inline-adapt:0px;& #sidesheet-main{background-color:var(--color-pure-black);display:none}}#sidesheet-shortcuts{display:none!important}:is(#sidesheet,#sidesheet-main){max-inline-size:100vi;--inline-size:100%!important}#sidesheet-expansion{inline-size:95%;transition:inset-inline-start var(--transition-medium);inset-inline-start:100%}#sidesheet-expansion-content{padding-inline:.75rem .5rem}#sidesheet[data-expanded=true] #sidesheet-expansion{inset-inline-start:5%}}@media (width<=71.4286rem){#sidesheet[data-ui=extended] #sidesheet-shortcuts{& div[data-command=play]{display:none!important}}#sidesheet[data-ui=extended].player-focus #sidesheet-shortcuts{display:none!important}}@media (horizontal-viewport-segments:2){#sidesheet{max-inline-size:100%!important}:is(#sidesheet,#sidesheet[data-ui=extended],#sidesheet-main){--inline-size:env(viewport-segment-width 1 0)!important}#sidesheet[data-expanded=true]{--expansion-size:env(viewport-segment-width 1 0);--inline-size:100%!important;&:dir(rtl){--expansion-size:env(viewport-segment-width 0 0);--inline-size:100%!important;& #sidesheet-expansion{inset:0 auto auto 0}}}#sidesheet-expansion{inline-size:env(viewport-segment-width 1 0);inset-inline-start:env(viewport-segment-left 1 0);&:dir(rtl){inline-size:env(viewport-segment-width 0 0)!important}}#sidesheet-shortcuts{inset-inline-start:calc(-1 * (2.7857rem + env(viewport-segment-left 1 0) - env(viewport-segment-right 0 0)))}#sidesheet[data-hasshortcuts=true]:not([data-expanded=true]) #sidesheet-shortcuts{transform:translate(2.4285rem)}:is(#sidesheet,#sidesheet-main):dir(rtl){--inline-size:env(viewport-segment-width 0 0)!important}}@container sidesheet (width>=42.857rem){#sidesheet-main fieldset:has(.form-box),.managed-list:not([hidden]){grid-template-columns:repeat(2,1fr);grid-auto-rows:min-content;grid-auto-flow:dense;grid-column-gap:1rem!important;display:grid!important;& input:where([type=text],[type=date],[type=time],[type=number],[type=url],[type=datetime-local]):not([role=combobox]){block-size:2.71428rem}& select.styled-select{block-size:2.71428rem;padding-block:var(--space-08)}& :is(.form-box,.geo-box):has(input:where([type=text],[type=date],[type=time],[type=number]):not([role=combobox])) .input-overlay-wrapper{inset-block-start:1.85lh}& :is(.form-box,.geo-box):has(input[type=url]) .input-overlay-wrapper{inset-block-start:.55lh}& .location-picker{font-size:var(--space-16);padding-block:.7143rem}}.managed-list:has(div[role=listitem][data-breaking=true]){grid-auto-flow:row}fieldset:has(hr.divider){grid-auto-flow:row!important}.managed-list div[role=listitem][data-breaking=true]{grid-column-start:1}.form-box:has(textarea),.rte-box,.form-box[data-spanning=true],.hint-box[data-spanning=true],.managed-list div[role=listitem][data-spanning=true],.dropzone-wrapper[data-spanning=true]{grid-column:span 2}.geo-box:has(.map-wrapper.has-input){grid-row:span 3}}@container sidesheet (width<=42.785rem){.grid-spacer{display:none!important}}#flyout{background-color:var(--background-color);box-shadow:0 0 var(--space-04) color-mix(in srgb, var(--color-pure-black) 25%, transparent);border-radius:var(--space-20);corner-shape:var(--corner-shape);font-size:var(--space-16);opacity:1;z-index:100;transition:opacity var(--transition-hover), filter var(--transition-hover), left var(--transition-hover), top var(--transition-hover), display var(--transition-hover);transition-behavior:allow-discrete;align-items:center;gap:.75rem;margin-inline:auto;padding:1rem;display:flex;position:absolute;inset:0 auto auto 0;overflow:visible;transform:translate(0);@starting-style{display:flow-root}&[inert]{opacity:0;display:none;transform:translate(2.1428rem)}&[data-ui=popover]{filter:drop-shadow(var(--base-unit) var(--space-02) var(--space-02) rgba(0, 0, 0, var(--shadow-intensity)));transform:translateZ(0);&:is(:hover,:focus-within){filter:drop-shadow(var(--space-02) var(--space-08) var(--space-08) rgba(0, 0, 0, var(--shadow-intensity)));transform:translateZ(0)}}&[data-ui=modal]{--inline-size:28.5714rem;inline-size:var(--inline-size);max-inline-size:98%;box-shadow:none;touch-action:pan-x;border-end-end-radius:0;border-end-start-radius:0;padding-block:1.5rem;padding-inline:.5rem;transition:none;display:none;position:fixed;overflow:clip;transform:none;inset:auto 0 0!important;&[open]{animation:.35s flyout-animation;display:flow-root;&::backdrop{animation:.5s forwards flyout-backdrop-animation}}&.closing{animation:.35s flyout-animation-revert;&::backdrop{animation:.35s forwards flyout-backdrop-animation-revert}}& hr{background-color:var(--scrollbar-color);inline-size:100%;margin-block:.5rem;padding-block-start:var(--base-unit)}&>h2{font-size:var(--font-size);-webkit-user-select:none;user-select:none;background-color:var(--background-header);inline-size:100%;padding:1rem;position:absolute;inset-block-start:0;inset-inline-start:0;&:empty{display:none}}&>div{flex-direction:column;gap:.5rem;max-block-size:60dvb;display:flex;overflow:clip auto}&:has(h2:not(:empty))>div{margin-block-start:3rem}}}.flyout-item{pointer-events:all;align-items:center;gap:1rem;inline-size:100%;padding:.5rem;display:flex;& .label{-webkit-user-select:none;user-select:none}&:is(:hover,:active,:focus){background-color:var(--background-paper-hover);& i{color:var(--color-primary)}&:is([data-command=delete],[data-command=logout],[data-command=unimpersonate]) i{color:var(--color-status-red)}}&:focus-visible{outline:none!important}}.flyout-item button{color:var(--color-primary)}.flyout-item>*{pointer-events:none}@keyframes flyout-animation{0%{opacity:0;transform:translateY(40%)}to{opacity:1;transform:translateY(0)}}@keyframes flyout-animation-revert{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(40%)}}@keyframes flyout-backdrop-animation{0%{backdrop-filter:blur()}to{backdrop-filter:blur(var(--space-08))}}@keyframes flyout-backdrop-animation-revert{0%{backdrop-filter:blur(var(--space-08))}to{backdrop-filter:blur()}}@media (width<=35.7142rem){#flyout[data-ui=modal]{inline-size:100%!important;max-inline-size:100%!important}}@media (horizontal-viewport-segments:2){#flyout[data-ui=modal]{max-inline-size:env(viewport-segment-width 0 0);left:auto!important;right:calc((env(viewport-segment-width 1 0) - var(--inline-size)) / 2)!important;&:dir(rtl){left:calc((env(viewport-segment-width 0 0) - var(--inline-size)) / 2)!important;right:auto!important}}}@media (horizontal-viewport-segments:3){#flyout[data-ui=modal]{left:env(viewport-segment-width 0 0);inline-size:env(viewport-segment-width 0 1);max-inline-size:env(viewport-segment-width 0 1)}}#confirm-dialog{--inline-size:34.2857rem;--max-block-size:80dvb;inline-size:min(var(--inline-size), 90%);border-radius:var(--border-radius-default);corner-shape:var(--corner-shape);block-size:fit-content;color:var(--text-color);background-color:var(--background-button);box-shadow:0 var(--space-04) var(--space-04) color-mix(in srgb, var(--color-pure-black) 10%, transparent);transition:block-size var(--transition-short);contain:layout;margin:auto;inset:0;overflow:clip;&::backdrop{opacity:0;backdrop-filter:blur(var(--space-08))}&[open]{animation:confirm-animation .75s var(--transitionstyle-shaky) normal;&::backdrop{animation:1s confirm-backdrop-animation}&:not(.closing)::backdrop{opacity:1}}&.closing{animation:confirm-animation-revert .75s var(--transitionstyle-shaky) normal;&::backdrop{animation:.5s confirm-backdrop-animation-revert}}&>header{block-size:.7143rem;inline-size:100%;padding:0;display:flow-root;position:absolute;inset:0}&>section{block-size:fit-content;padding:1.5rem;padding-block-start:2rem}&:has(small[role=note]) p{margin-block-end:1rem}& fieldset div[class$=-box]:not(.icon-button):last-of-type{margin-block-end:0;padding-block-end:0}&[data-ui=extended]{--inline-size:38.5714rem;&:has(:is([data-ar],#map-interactive)){--max-block-size:calc(100dvb - 5.2857rem)}}&[data-state=processing] #confirm-dialog-content{min-block-size:7.14286rem}}#confirm-dialog-title{-webkit-user-select:none;user-select:none;margin-block-end:1rem;display:block;&:empty{display:none}}#confirm-dialog-content{block-size:calc(100% - 2rem);max-block-size:var(--max-block-size);&>:is(div,p,section):not(:has(>input)):first-of-type{max-block-size:calc(var(--max-block-size) - 7.14286rem);overflow:clip auto;&.crop-area:has(+.radio-box){max-block-size:calc(var(--max-block-size) - 10.8571rem)}& .select-dropdown{margin-block-start:1rem}}& .checkbox-box{margin-block-start:1rem;&>label{font-weight:var(--font-weight)}}& p em{quotes:var(--quotes);&:before{content:open-quote}&:after{content:close-quote}}& .form-box:not(:has(label)):not(:has(.is-translation)) input[type=text]{margin-block-start:1rem}&>footer{margin-block-start:3rem}& .form-box:not(:has(label)) textarea{background-color:var(--background-action)}}dialog[data-ui=extended] #confirm-dialog-content footer{margin-block-start:2rem}#confirm-dialog[data-state=processing] :is(#confirm-dialog-content,#sidesheet-expansion-content){opacity:var(--opacity-disabled)}#confirm-dialog header.bubble-gum{background:linear-gradient(100deg in lch, var(--color-primary) var(--dialog-color-stop), var(--color-secondary) 138.96%);animation:10s infinite forwards dialog-color-stop-animation}#confirm-dialog:has(button.accent-warning.permanent) header{background:var(--color-status-red)!important}#modal-progress-wrapper{border-radius:var(--border-radius-min);corner-shape:var(--corner-shape);background-color:var(--color-light-grey);block-size:.4rem;margin-block-start:1rem;position:relative;&>*{block-size:100%;inline-size:100%;position:absolute;inset:0}}#confirm-dialog-content .checkbox-box:has(#textAI-useLocal){margin-block-start:2.5rem}@keyframes confirm-animation{0%{opacity:0;scale:.8}to{opacity:1;scale:1}}@keyframes confirm-animation-revert{0%{opacity:1;scale:1}to{opacity:0;scale:.8}}@keyframes confirm-backdrop-animation{0%{opacity:0}to{opacity:1}}@keyframes confirm-backdrop-animation-revert{0%{opacity:1}to{opacity:0}}@media (height<=42.8571rem){#confirm-dialog[data-ui=extended]:not(:has(section[data-ar])):not(:has(.radio-group)){border-radius:0;block-size:100dvb;max-block-size:100dvb}#confirm-dialog-content>div:not(.checkbox-box){max-block-size:calc(100dvb - 12rem)}}@media (width<=42.8571rem){#confirm-dialog[data-ui=extended]:not(:has(section[data-ar])):not(:has(.radio-group)):not(:has(#ranked-cover-list)):not(:has(.crop-area[data-orientation=landscape])){--max-block-size:100dvb;border-radius:0;block-size:100dvb;max-block-size:100dvb;inline-size:100%;max-inline-size:100%;& .button-bar{inline-size:calc(100% - 2rem);margin-block-start:0;position:absolute;inset:auto 1rem 1rem}}#confirm-dialog[data-ui=extended]:has(.crop-area[data-orientation=landscape]){inline-size:100%;max-inline-size:100%}#confirm-dialog-content>div:not(.checkbox-box){max-block-size:calc(100dvb - 12rem)}}@media (width<=45.7143rem){#confirm-dialog footer button{block-size:auto!important;padding-inline:var(--space-20)!important;& .ellipsized{display:inline-block!important}}}@media (horizontal-viewport-segments:2){#confirm-dialog[open]{left:auto;right:calc((env(viewport-segment-width 1 0) - var(--inline-size)) / 2);max-inline-size:env(viewport-segment-width 0 0);&[data-ui=extended]{border-radius:0;block-size:100dvb;max-block-size:100dvb;& #confirm-dialog-content>div{block-size:calc(100dvb - 12rem);max-block-size:calc(100dvb - 12rem)}}&:dir(rtl){left:calc((env(viewport-segment-width 0 0) - var(--inline-size)) / 2);right:auto}}}@media (horizontal-viewport-segments:3){#confirm-dialog[open]{left:env(viewport-segment-width 0 0);inline-size:env(viewport-segment-width 1 0);max-inline-size:env(viewport-segment-width 1 0);&[data-ui=extended]{block-size:100dvb;max-block-size:100dvb;left:calc(.75 * env(viewport-segment-width 0 0));inline-size:calc(env(viewport-segment-width 1 0) + .5 * env(viewport-segment-width 0 0));max-inline-size:calc(env(viewport-segment-width 1 0) + .5 * env(viewport-segment-width 0 0));& #confirm-dialog-content>div{block-size:calc(100dvb - 12rem);max-block-size:calc(100dvb - 12rem)}}}}#paginator{inset:auto 0 2rem var(--app-navigation-inline-size);contain:layout;border-radius:var(--border-radius-max);corner-shape:var(--corner-shape);background-color:light-dark(var(--color-white),var(--color-element-black));border:var(--base-unit) solid var(--border-color);inline-size:fit-content;max-inline-size:90vi;box-shadow:0 var(--space-03) var(--space-05) color-mix(in srgb, var(--color-pure-black) 10%, transparent);color:var(--color-typography-black);opacity:0;z-index:10;transition:opacity var(--transition-medium), translate var(--transition-medium) var(--transitionstyle-shaky), inset-inline-start var(--transition-short), box-shadow var(--transition-hover);align-items:center;gap:1rem;margin-inline:auto;padding:.75rem 1rem;display:flex;position:fixed;overflow:clip;translate:0 5rem;& .icon-button:not(:is(:focus,:hover)) i{color:var(--color-grey)}&.is-visible{opacity:1;translate:0}&:has(.icon-button[aria-disabled=false]):is(:hover,:focus-within){box-shadow:0 var(--space-03) var(--space-06) color-mix(in srgb, var(--color-pure-black) 25%, transparent)}}#paginator-label{-webkit-user-select:none;user-select:none;text-align:center;white-space:nowrap;contain:layout;inline-size:12.857rem;transition:inline-size var(--transition-medium), padding-inline var(--transition-medium);justify-content:center;gap:.5rem;padding-inline:.5rem;display:inline-flex;overflow:clip;&.is-cleared{inline-size:0;padding-inline:0}&>div{white-space:nowrap}}#watchfolder-files{flex-flow:row;gap:1rem;display:flex;& .watchfolder-block:not(:has(div[role=listitem]:not([hidden]))){display:none}& .watchfolder-block .managed-list{inline-size:100cqi}}#about-platform{text-align:end;inline-size:100%;display:inline-block}#ticket-area .partner-card small .chip:not(.info){padding:0 var(--space-04) 0 var(--space-04);margin-block-start:var(--base-unit);position:relative}#ticket-new-header{text-align:center;margin-block-end:3rem;& :is(img,.icon-button){block-size:8.5714rem;margin-block-end:1rem;margin-inline:auto}}#tickets-no-result{max-block-size:calc(100dvb - 20rem)}#ticket-status{border-block-end:var(--base-unit) solid var(--border-color);justify-content:space-between;align-items:center;inline-size:calc(100% - 1rem);margin-block-end:1.5rem;padding-block-end:.75rem;display:flex;&>div{align-items:center;gap:.5rem;display:inline-flex}}#ticket-area-scroller{block-size:calc(100dvb - 15.4286rem);margin-block-start:2rem}#ticket-thread-block{grid-template-rows:1fr auto;gap:1rem;block-size:calc(100dvb - 15.7142rem);inline-size:calc(100cqi - 2.5rem);display:grid;& .scroll-part-wrapper{block-size:auto;max-block-size:unset;overflow:auto}}#ticket-box-scroller{display:flow-root}#ticket-messages{block-size:auto;& .message{contain:style;border:var(--base-unit) solid var(--border-color);border-radius:var(--border-radius-default);corner-shape:var(--corner-shape);inline-size:100%;margin-block-end:1.5rem;padding:.5rem;position:relative;& .message-header{font-weight:var(--font-weight-bold);align-items:center;gap:.5rem;padding-block:.25rem .5rem;padding-inline:0 .5rem;display:flex;& .avatar i{font-size:calc(2 * var(--font-size-smaller))}}& .message-body{scrollbar-gutter:stable both-edges;max-block-size:50dvb;overflow:auto}& .avatar img{border:var(--base-unit) solid var(--border-color);block-size:calc(2 * var(--font-size-smaller))}& .scrollable-row:not(:empty){border-block-start:var(--base-unit) solid var(--border-color);margin-block-start:.75rem;padding-block-start:.75rem}&:last-of-type{margin-block-end:0}}}#ticket-composer-wrapper{margin-inline:auto;position:absolute;inset:auto 1rem 5rem;& .input-overlay-wrapper{block-size:calc(var(--space-24) - var(--space-02));margin-block:auto;inset-block:0}}#ticket-compose{min-block-size:3lh;max-block-size:10lh}.ticket-form-wrapper{align-items:center;gap:1rem;margin-block-end:1rem;display:flex}.ai-chat-wrapper{padding:1rem}#user-menu{align-items:center;gap:1.8rem;display:flex;&>.paper-holder,& #approvallist-open{transition:opacity var(--transition-hover), display var(--transition-hover);transition-behavior:allow-discrete;@starting-style{opacity:0;display:flow-root}}& .circular-progress{cursor:pointer;z-index:1;block-size:1.8571rem;inline-size:1.8571rem}& .icon-button{z-index:1;font-size:calc(var(--space-16) + var(--font-size-smallest));& i{color:var(--text-color)}}}#approval-results{margin-block-start:2rem}#tag-results{margin-block-start:3rem}#upload-overview-paper{position-area:bottom;inline-size:35.7142rem;max-inline-size:35.7142rem;inset-inline-end:2rem}#assistant-paper{position-area:bottom;inline-size:22.8571rem;inset-inline-end:4rem}#incident-updates-paper{position-area:self-inline-start;inline-size:35.7142rem;max-inline-size:35.7142rem;margin-block-start:3.25rem;inset:auto;inset-inline-end:-6rem;& .paper-row.no-item>*{-webkit-user-select:auto;user-select:auto}& menu{max-block-size:50dvb;& .scrollable-area{max-block-size:calc(50dvb - 7.42857rem)}&:has(.upload-item-footer){& .scrollable-area{max-block-size:calc(50dvb - 12rem)}}}& .incident-item{border-inline-start:var(--space-04) solid var(--color-status-red);border-radius:0;padding-inline-start:calc(1rem - var(--space-04));display:flow-root;&.impact-resolved{border-color:var(--color-status-green)}&.impact-minor,&.impact-major{border-color:var(--color-status-orange)}&.impact-maintenance{border-color:var(--color-pipeline-blue)}&.impact-none{border:none!important}& .label{inline-size:100%;max-inline-size:100%;font-weight:var(--font-weight-bold);font-size:var(--font-size-larger);margin-block-end:.75rem}& small{font-size:var(--font-size-smallest)}& .incident-update{font-size:var(--font-size-smaller);margin-block-end:1.5rem;&::marker{content:""}& p{border-block-end:var(--base-unit) solid var(--border-color);margin-block-end:.25rem;padding-block-end:.25rem;& a{padding:0;display:inline}}& time{font-size:var(--font-size-smallest);color:var(--color-dark-grey)}&:last-of-type{margin-block-end:0}}}}#watchfolder-open,#approvallist-open{position:relative}#avatar-support-notifier,#paper-support-notifier{inset:-.0714rem calc(-1 * var(--space-04)) auto auto;background:radial-gradient(circle,var(--color-primary) 25%, transparent 100%);block-size:var(--space-12);aspect-ratio:1;opacity:1;transition:opacity var(--transition-short), display var(--transition-short);transition-behavior:allow-discrete;border-radius:50%;display:block;position:absolute;scale:1;&[hidden]{opacity:0;display:none;scale:0}}.paper-holder:has(.avatar>i:not(.impersonated)) #avatar-support-notifier{inset:var(--space-04) 0 auto auto}.paper-holder:has(.impersonated) #avatar-support-notifier{inset:-.0714rem -.3571rem auto auto!important}#user-area-paper{position-area:none;inline-size:18.5714rem;margin-block-start:3rem;inset-inline-start:auto;inset-inline-end:var(--space-20);& menu{overflow:clip}& .user-details{inline-size:100%;& small{align-items:center;gap:.5rem;display:flex;&>span{max-inline-size:calc(100% - 2rem)}& .badge{background:var(--color-grey);transition:none!important}}}& .paper-content{max-block-size:28.5714rem}& .paper-row:has(#paper-support-notifier){position:relative}& #paper-support-notifier{block-size:1rem;margin-block:auto;inset:auto 1rem auto auto}}#global-search-mobile-starter{display:none;@media (width<=57.1429rem){display:flow-root}}html[data-theme=dark] #user-area-paper .badge{background:var(--color-dark-grey)}html[data-theme=dark] #incident-updates-paper :is(small,.incident-update time){color:var(--color-light-grey)}.upload-item-header{pointer-events:none!important}.upload-item-footer{padding:0 .5rem;& .consent-wrapper{margin-block-start:1rem}}#upload-overview-paper :is(.upload-item,.upload-item-header){border-block-end:var(--base-unit) solid var(--border-color-light);cursor:default;border-radius:0;overflow:clip;& .icon-button{font-size:var(--font-size-smaller)}& :is(img,.icon-cover){border:var(--base-unit) solid var(--border-color);flex-shrink:0}& .icon-button:not(:where(:hover,:focus)){color:var(--color-typography-black)}}#upload-overview-paper .upload-item:last-of-type{border-block-end:none}#upload-overview-paper .upload-item-header{font-weight:var(--font-weight-bold)}.upload-item-details{pointer-events:all;inline-size:calc(100% - 4rem);transition:inline-size var(--transition-short);flex-direction:column;gap:0;display:flex;position:relative;&>.ellipsized{font-size:var(--font-size-smaller);font-weight:var(--font-weight-bold);position:relative;inset-block-start:-.5rem}&.is-attachment>.ellipsized{inset-block-start:0}& div{position:relative;inset-block-start:calc(-1 * var(--space-04));&>small{color:var(--color-grey);font-size:var(--font-size-smallest)}}&>progress{block-size:var(--space-06);inline-size:100%;position:relative;inset-block-start:calc(-1 * var(--space-02))}}#upload-overview-paper .upload-item-details{inline-size:calc(100% - 11.5714rem)}#upload-overview-paper .origin-icon{position:absolute;inset:.9286rem auto auto 5.7142rem;color:var(--icon-color)!important;&:dir(rtl){inset:.9286rem 5.7142rem auto auto}}#notification-updates-paper{position-area:self-block-end;inline-size:34.8571rem;max-inline-size:90vi;margin-inline-end:2rem;padding-block:0;padding-inline:0;inset:auto;& .paper-content{scrollbar-gutter:auto}}html[data-engine=gecko] #notification-updates-paper{padding-inline:.5rem}.notification-item{border-block-end:var(--base-unit) solid var(--border-color);block-size:fit-content;transition:margin-block-start var(--transition-short), margin-block var(--transition-short), padding-block var(--transition-short), block-size var(--transition-short);border-radius:0;flex-direction:row;align-items:flex-start;gap:1rem;padding:.5rem;&:last-of-type{border-block-end:none}& .notification-cover-wrapper{aspect-ratio:16/9;border-radius:var(--border-radius-min);corner-shape:var(--corner-shape);border:var(--base-unit) solid var(--border-color);cursor:pointer;flex-shrink:0;block-size:auto;inline-size:7.4285rem;position:relative;overflow:clip;&:has(.file-waveform){background-color:var(--color-pure-black);place-content:center;display:grid}& img{object-fit:cover;min-block-size:100%;min-inline-size:100%;&.file-waveform{block-size:2.2857rem;min-block-size:auto;inline-size:auto}}}& div[role=heading]{font-size:var(--font-size-smaller);color:var(--color-light-grey);align-items:center;max-inline-size:calc(100% - 2rem);display:flex;& h4{inline-size:auto;max-inline-size:calc(100% - var(--space-24));margin-block-end:0}& .closer{opacity:0;transition:opacity var(--transition-hover);position:absolute;inset:.6rem .5rem auto auto;font-size:var(--font-size-smaller)!important;& i{font-size:var(--font-size-smaller)}}}&:is(:hover,:focus-within){background-color:var(--background-action);& div[role=heading] .closer{opacity:.5}}& .notification-item-body{flex-grow:1;& p{--max-lines:4;font-size:var(--font-size-smaller);font-weight:var(--font-weight);cursor:pointer;max-inline-size:calc(100% - var(--space-04));& em{quotes:var(--quotes);&:before{content:open-quote}&:after{content:close-quote}}}}}#notification-updates-paper:popover-open .notification-item{@starting-style{block-size:0;margin-block:0;padding-block:0}}@media (width<48.5714rem){#upload-overview-paper,#incident-updates-paper,#notification-updates-paper{position-area:none;max-inline-size:94vi;margin-inline:auto;position:fixed;inset:3rem 0 auto}}#globalsearch-wrapper{opacity:.5;inline-size:47.1429rem;max-inline-size:calc(100vi - 35.7142rem);transition:opacity var(--transition-short);anchor-name:--globalsearch-wrapper;margin-inline:2rem;position:relative;& .search-box{inline-size:90%;max-inline-size:35.7142rem;margin-inline:auto}& .indicator-icon{inset-inline-end:2.4286rem;inset-block-end:.7143rem!important}& .tablist-arrow{background:linear-gradient(90deg, var(--background-navigation) 50%, transparent 100%);inset:0 auto auto 0;&.tablist-arrow-end{background:linear-gradient(270deg, var(--background-navigation) 50%, transparent 100%);inset:0 0 auto auto}}&[data-state=mobile]{background-color:var(--background-header);z-index:10;opacity:1;inline-size:100%;max-inline-size:100vi;margin:0;padding:.5rem;display:flow-root;position:fixed;inset:0 0 auto;& #globalsearch-results{max-inline-size:96vi}& #global-search-mobile-ender{display:flow-root}& .search-box{inline-size:calc(100% - 6.5rem);margin-inline-start:3.5rem}}&:is(:hover,:focus,:focus-within){opacity:1}}#globalsearch-results{--focus-inline:18.5714rem;position-anchor:--globalsearch-wrapper;position-area:end center;inline-size:100%;max-inline-size:100%;padding:1rem;inset-block-start:-.35rem;inset-inline-start:auto;overflow:clip;container-type:inline-size;&:has(#globalsearch-results-panels[data-state=processing]) .scrollable-tablist-wrapper{opacity:0;display:none}}#global-search-mobile-ender{font-size:var(--space-16);display:none;position:absolute;inset:1rem 1rem auto auto}@supports not (anchor-name:--foo){#globalsearch-results{inset:3rem auto auto var(--inline-start);inline-size:var(--inline-size);margin-inline:auto;position:absolute}}#globalsearch-infocus{border-inline-start:var(--base-unit) solid var(--border-color);padding-inline-start:1rem;overflow:clip;& h2{font-size:var(--space-16);font-weight:var(--font-weight-medium);--max-lines:3;margin-block-end:1rem}& .info-list{grid-template-columns:1fr}& div[role=toolbar]{inset:auto 1rem calc(1rem + var(--space-02)) auto;inline-size:calc(var(--focus-inline) - 1rem - .0714rem);justify-content:flex-end;gap:1rem;margin-block-end:1.5rem;display:flex;&:has(.with-box:nth-of-type(4)){justify-content:space-between}}}#globalsearch-cover{aspect-ratio:16/9;border-radius:var(--border-radius-default);corner-shape:var(--corner-shape);background-color:var(--color-soft-grey);border:var(--base-unit) solid var(--border-color);inline-size:100%;margin-block-end:.75rem;overflow:clip;&>:is(img,.icon-cover){object-fit:cover;min-block-size:100%;min-inline-size:100%;&.layout-logo{background-color:light-dark(var(--color-soft-grey),var(--color-element-dark));object-fit:contain;max-inline-size:90%;padding:var(--space-02)}}}#globalsearch-results-panels{grid-template-columns:1fr var(--focus-inline);inline-size:100cqi;transition:block-size var(--transition-short) ease-in-out;gap:0;display:grid;& .scroll-part-wrapper{inline-size:calc(100cqi - .5rem - var(--focus-inline));block-size:fit-content;max-block-size:calc(75dvb - 3rem);transition:block-size var(--transition-short) ease-in-out}&[data-state=processing]{block-size:10rem;& .loading-spinner{opacity:1}& .scroll-part-wrapper,& #globalsearch-infocus{opacity:0;display:none}}&:has(.noresult-area){block-size:21.4285rem;& #globalsearch-infocus{display:none}}& .noresult-area{max-inline-size:90cqi;margin-block:auto;margin-inline:auto;position:absolute;inset:0;& img{max-block-size:8.5714rem}}}.globalsearch-results-panels section{position:relative;&[inert]{display:none}}html[data-theme=dark] #globalsearch-results-panels .scroll-part-wrapper{--scrollbar-color:var(--color-element-dark)}@media (width<=65rem){#globalsearch-results-panels{grid-template-columns:1fr;& .scroll-part-wrapper{inline-size:100cqi!important}}#globalsearch-infocus{display:none}}@media (width<=55rem){#globalsearch-wrapper:not([data-state=mobile]){display:none}}#app-header{opacity:0;background-color:var(--rail-color);border-block-end:var(--base-unit) solid var(--border-color);inline-size:100%;transition:translate var(--transition-medium), transform var(--transition-short), opacity var(--transition-medium), display var(--transition-medium), padding-block var(--transition-medium);transition-behavior:allow-discrete;padding-inline-start:1.2143rem;display:none;translate:0 -7.14285rem;@starting-style{display:none}&:has(#reduced-menu) #logo-wrapper{margin-inline-start:3.5rem}&:has(#globalsearch-wrapper[data-state=mobile]) #logo-wrapper{z-index:20}}#reduced-menu{margin-inline-start:calc(-1 * var(--space-02));position:absolute;& i{font-size:calc(var(--font-size) + var(--font-size-smallest));color:var(--text-color)}}html:not([data-uimode=none]) #app-header{opacity:1;display:flex;translate:0}header .paper{inline-size:fit-content;min-inline-size:17.1429rem;margin:.65rem auto}#mainlogo{block-size:2.1429rem;transition:filter var(--transition-short) var(--transitionstyle-default);z-index:1}#top-gradient{background:linear-gradient(90deg,#ebf3fc -2.71%,#fae1fa 42.38%,#c3dfff 76.19%,#f6f9fc 104.36%,#fff 110%);block-size:100%;inline-size:100vi;position:absolute;inset:0}html[data-theme=dark] #top-gradient{background:linear-gradient(90deg,#000 0%,#822182 33%,#195498 66%,#000 100%)}#logo-wrapper{z-index:1;display:flex}#app-title{font-size:var(--font-size-largest);font-weight:var(--font-weight-bold);transition:inline-size var(--transition-short),max-inline-size var(--transition-short);-webkit-user-select:none;user-select:none;margin-block:.5rem .75rem;margin-inline-start:var(--app-inline-padding);display:inline-block;position:relative}#app-title-wrapper{align-items:center;gap:.75rem;margin-inline-end:1rem;display:flex;&:has(h1:empty) #favbox-icon{display:none!important}}#favbox-icon{font-size:var(--space-16);cursor:pointer;transition:opacity var(--transition-long), scale var(--transition-long) var(--transitionstyle-shaky), display var(--transition-long);transition-behavior:allow-discrete;position:relative;inset-block-start:calc(-1 * var(--space-02));@starting-style{opacity:0;display:inline-block;scale:.5}&[data-state=inactive]{opacity:0;display:none;scale:.5}& i{transition:color var(--transition-medium)}& i[class*=minus]{color:var(--color-primary)}}:is(html[data-handler=login],html[data-handler=register],html[data-handler=error],html[data-handler=authorize]) #app-title-wrapper{display:none}}@layer fragments{.media-player{background-color:var(--color-pure-black);block-size:100%;inline-size:100%}#embed-wrapper,#live-wrapper{background-color:var(--color-pure-black)}#main-player-wrapper{inline-size:100%}#static-player-wrapper{aspect-ratio:16/9;z-index:100;background-color:var(--color-pure-black);inline-size:28.5714rem;position:fixed;inset:auto auto 2rem 2rem}.trimming-bar-wrapper{--block-size:2.85714rem;inline-size:calc(100% - 2rem);block-size:calc(var(--block-size) + 3.5rem);contain:layout;margin-block-start:.5rem;position:relative;overflow:auto hidden;&[data-withzoom=false]{overflow-x:hidden;& .trimming-zoom-wrapper{display:none}}&[data-zoomlevel="1"]{overflow-x:hidden}&[inert]{opacity:var(--opacity-half)}}.trimming-bar-timeline{block-size:var(--block-size);background-color:var(--color-primary-100);border:var(--base-unit) solid var(--border-color);border-radius:var(--border-radius-default);corner-shape:var(--corner-shape);margin-block-start:1.5rem;position:relative}.trimming-bar{border:var(--space-02) solid var(--color-primary);background-color:color-mix(in srgb, var(--color-primary-100) 75%, var(--color-primary));border-radius:var(--border-radius-default);corner-shape:var(--corner-shape);inline-size:100%;block-size:var(--block-size);inset:calc(-1 * var(--base-unit)) auto 0 0;cursor:move;touch-action:none;position:absolute;container:trimming-bar/inline-size}.trimming-bar-handle{inline-size:var(--space-12);background-color:var(--color-primary);cursor:grab;touch-action:none;place-items:center;display:grid;position:absolute;inset:0 auto 0 0;&>span{color:var(--color-shine-white);writing-mode:vertical-rl;text-combine-upright:none;font-size:var(--space-08);font-weight:700}&.handle-end{inset:0 0 0 auto}}.trimming-bar-indicator{inset:calc(-1 * var(--space-04)) auto 0 0;block-size:calc(100% + var(--space-08));pointer-events:none;background-color:var(--color-shine-white);inline-size:.5rem;box-shadow:0 0 var(--space-02) 0 var(--color-dark-grey);border:var(--base-unit) solid var(--border-color);border-radius:var(--border-radius-min);anchor-name:--indicator-bar;position:absolute}.time-anchor{position-area:end center;font-size:var(--font-size-smaller-x);font-weight:var(--font-weight-medium);-webkit-user-select:none;user-select:none;position:absolute}.trimming-bar-indicator-time{position-anchor:--indicator-bar;color:var(--color-light-grey);margin-block-start:3rem}html[data-engine=gecko] .trimming-bar-indicator-time{display:none}.trimming-bar-handle-time{color:var(--color-primary);transition:inset-inline-start var(--transition-short);inset-block-start:-3.9rem;inset-inline-start:0;&[data-position=end]{inset-inline-start:calc(-1 * var(--space-16))}}.trimming-zoom-wrapper{margin-block-start:8rem;display:none;position:absolute;inset:0 auto}@container trimming-bar (width<8.57142rem){.time-anchor[data-withhour=true]{inset-inline-start:-2rem;&[data-position=end]{inset-inline-start:0}}}@container trimming-bar (width<5rem){.time-anchor[data-withhour=false]{inset-inline-start:-1.5rem;&[data-position=end]{inset-inline-start:0}}}.loggedout-wrapper{overflow:hidden}.loggedout-panel{border-radius:var(--border-radius-default);corner-shape:var(--corner-shape);opacity:1;background-color:var(--background-color);inline-size:min(29.2857rem,90%);box-shadow:0 0 var(--space-04) color-mix(in srgb, var(--color-pure-black) 25%, transparent);transition:opacity var(--transition-medium), filter var(--transition-medium), translate var(--transition-medium) var(--transitionstyle-shaky);margin-block:4rem 2rem;margin-inline:auto;padding:1rem;@starting-style{opacity:0;filter:blur(var(--space-05));translate:0 7.14285rem}& .scroll-container{view-transition-name:transition-tabs;block-size:28.5714rem;padding:1rem}&[data-animation=next] .scroll-container{view-transition-name:transition-tabs-inverse}& section:is([role=tabpanel],[role=group]){content-visibility:visible;flex-direction:column;justify-content:space-between;gap:1rem;block-size:100%;& h1{font-size:calc(var(--space-16) + var(--font-size-smallest));margin-block-end:2rem;font-style:normal;font-weight:400}&:has(p) h1{margin-block-end:1rem}& p{margin-block-end:2rem}& .button-bar{inline-size:100%;position:absolute;inset-block-end:0}}& .noresult-area{padding-block:1rem}& .noresult:has(.icon-cover){block-size:auto;& .icon-cover{block-size:20dvb}}}#register-panel-holder .scroll-container{block-size:37.857rem}.loggedout-logo{block-size:4.5714rem;transition:opacity var(--transition-medium), filter var(--transition-medium), scale var(--transition-medium) var(--transitionstyle-shaky);margin:0 auto;scale:1;@starting-style{opacity:0;filter:blur(var(--space-05));scale:.8}}#loggedout-outer-links{text-align:center;opacity:0;max-inline-size:90%;filter:blur(var(--space-05));block-size:7.14285rem;transition:opacity var(--transition-medium), filter var(--transition-medium);margin-block-start:.5rem;margin-inline:auto;translate:0;&.is-visible{opacity:1;filter:none}& :is(a,span[role=link]){font-weight:var(--font-weight-medium);color:var(--color-primary);cursor:pointer;&:is(:focus,:hover){color:var(--text-color)}}}.loggedout-wrapper.logging-in{& .loggedout-logo{opacity:0;filter:blur(var(--space-05));scale:.8}& .loggedout-panel{opacity:0;filter:blur(var(--space-05));translate:0 7.14285rem}& #loggedout-outer-links{opacity:0;translate:0 var(--space-60);filter:blur(var(--space-05))}}#mainarea:has(.loggedout-wrapper){scrollbar-gutter:stable both-edges;place-items:center;block-size:100dvb;display:grid;overflow:clip auto}#root[data-context=error]:has(.loggedout-wrapper){place-items:center;block-size:auto;min-block-size:100dvb;display:grid;& .loggedout-wrapper{margin-block-end:3rem}& .loggedout-panel{inline-size:min(38.5714rem,90%);padding:2rem}}@media (height<57.1428rem){.loggedout-logo{margin-block-start:2rem}}@media (height<=48.5714rem){#mainarea:has(.loggedout-wrapper){place-items:unset;display:flow-root}#root[data-context=error] .loggedout-wrapper{margin-block-end:0!important}}@media (horizontal-viewport-segments:2){.loggedout-wrapper{inline-size:env(viewport-segment-width 1 0);position:absolute;inset:0 0 0 auto;&:dir(rtl){inset:0 auto 0 0}}}.loggedout-wrapper section[role=group]{position:relative}.avatar{-webkit-user-select:none;user-select:none;position:relative;&:focus-visible{border-radius:50%}&>img{box-shadow:0 0 var(--space-06) rgba(0, 0, 0, var(--shadow-intensity));block-size:calc(var(--space-32) + var(--space-04))}&:has(.impersonated){display:flex;position:relative}&[role=button]{cursor:pointer;font-size:2rem;& i{color:var(--text-color)}}&>*{pointer-events:none}&>.impersonated{inline-size:calc(var(--space-32) + var(--space-04));block-size:calc(var(--space-32) + var(--space-04));font-size:var(--font-size-largest);background:linear-gradient(135deg, var(--color-secondary) 0%, var(--color-primary) var(--dialog-color-stop,0%), var(--color-secondary) 100%);padding:var(--space-08);border-radius:50%;margin-inline-end:calc(-3 * var(--space-03));position:relative;inset-inline-start:calc(-3 * var(--space-03));color:var(--color-shine-white)!important}&:not(:has(img))>.impersonated{font-size:var(--font-size);block-size:2rem;inline-size:2rem;font-size-adjust:none;margin-inline-end:calc(-1 * var(--space-12));padding:.5rem;inset-inline-start:calc(-1 * var(--space-12))}&:not(:has(img))>i:not(.impersonated){font-size:var(--space-32);z-index:1}}.clickable-external-links a{color:var(--color-primary);font-weight:var(--font-weight-medium);&:after{font:var(--fa-font-solid);content:"";inline-size:1.25em;color:var(--border-color);text-rendering:auto;margin-inline:.5em;line-height:1}}}