@charset "UTF-8";*:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,*:before,*:after{box-sizing:border-box}a,button{cursor:revert}ol,ul,menu{list-style:none}img{max-inline-size:100%;max-block-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;appearance:revert}:where(pre){all:revert}::placeholder{color:unset}::marker{content:initial}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(dialog:modal){all:revert}.__spacing-horizontal{padding-right:var(--space-content-x);padding-left:var(--space-content-x)}.__spacing-vertical{padding-top:var(--space-l);padding-bottom:var(--space-l)}.__spacing-top{padding-top:var(--space-l)}.__spacing-right{padding-right:var(--space-content-x)}.__spacing-bottom{padding-bottom:var(--space-l)}.__spacing-left{padding-left:var(--space-content-x)}.__highlight{box-shadow:0 0 30px -10px hsl(var(--color-base) 80%)}@keyframes playerRotateLoading{0%{transform:rotate(0)}80%,to{transform:rotate(360deg)}}@keyframes spinner{to{transform:rotate(360deg)}}:root{--space: 8vh;--space-xl: calc(var(--space-l) * 1.25);--space-l: 8vh;--space-m: calc(var(--space-l) * .75);--space-s: calc(var(--space-l) * .5);--space-xs: calc(var(--space-l) * .25);--space-content-x: var(--space-m);--size-menu: var(--space-xl);--size-player: 14vh;--size-cat-nav: 20vw;--size-content: calc(100vw - var(--size-menu));--card-gap: 3vh;--logo-height: 16vh;--logo-height-medium: var(--space-l);--logo-width-small: var(--space-m);--logo-height-small: var(--space-m);--ratio-w: 16vh;--ratio-h: 9vh;--font-family: "Inter", Arial, sans-serif;--font-icons: "Material Icons Round";--font-size-xs: 1.6vh;--font-size-s: 1.8vh;--font-size-m: 2vh;--font-size-l: 2.4vh;--font-size-xl: 3.4vh;--font-size-xxl: 4.6vh;--line-height: 1.5;--line-height-s: 1.2;--font-size-icons: var(--font-size-xl);--color-base: 0 0%;--color-font-light: hsl(var(--color-base) 100%);--color-font-light-disabled: hsl(var(--color-base) 80%);--color-font-dark: hsl(var(--color-base) 0%);--color-font-dark-secondary: hsl(var(--color-base) 20%);--color-page-background: hsl(var(--color-base) 15%);--color-card-background: hsl(var(--color-base) 30%);--color-card-highlight: hsl(var(--color-base) 100%);--color-card-background-light: hsl(var(--color-base) 100%);--color-menu: hsl(var(--color-base) 65%);--color-menu-background: hsl(var(--color-base) 0%);--color-menu-active: hsl(var(--color-base) 100%);--color-menu-active-background: hsl(var(--color-base) 40%);--color-player: hsl(var(--color-base) 100%);--color-player-highlight: hsl(var(--color-base) 100%);--color-player-background: hsl(var(--color-base) 0%);--color-button: var(--color-font-light);--color-button-background: hsl(var(--color-base) 20%);--color-button-focus: var(--color-font-dark);--color-button-focus-background: hsl(var(--color-base) 100%);--color-toast: hsl(var(--color-base) 90%);--color-toast-background: hsl(var(--color-base) 30%);--color-toast-icon-light: hsl(var(--color-base) 50%);--color-toast-icon-dark: hsl(var(--color-base) 100%);--color-outline-highlight: .75vh solid hsla(var(--color-base), 60%, 50%);--transition-default: .15s ease-out;--transition-slow: .5s ease-out .1s;--transition-bounce: .3s cubic-bezier(.9, 0, .5, 1.5);--zindex-toast: 500;--zindex-player: 400;--zindex-menu: 200;--zindex-content: 100;--zindex-bigmin: 2;--zindex-min: 1;--zindex-negativ: -1}.app-icons{font-family:var(--font-icons);font-weight:400;font-style:normal;font-size:var(--font-size-l);display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}.fade_fast-enter-from,.fade_fast-leave-to{opacity:0}.fade_fast-enter-active,.fade_fast-leave-active{transition:opacity .25s ease}.fade_default-enter-from,.fade_default-leave-to{opacity:0}.fade_default-enter-active,.fade_default-leave-active{transition:opacity .5s ease}.fade_slow-enter-from,.fade_slow-leave-to{opacity:0}.fade_slow-enter-active,.fade_slow-leave-active{transition:opacity 1s ease}.fade_bounce-enter-from,.fade_bounce-leave-to{opacity:0}.fade_bounce-enter-active,.fade_bounce-leave-active{transition:opacity .75s cubic-bezier(.5,0,.5,2)}.slide-enter-from,.slide-leave-to{transform:translateY(100%)}.slide-enter-active,.slide-leave-active{transition:transform .5s ease}.slide-down-enter-from,.slide-down-leave-to{transform:translateY(-100%)}.slide-down-enter-active,.slide-down-leave-active{transition:transform .5s ease}.slide-right-enter-from,.slide-right-leave-to{transform:translate(-100%)}.slide-right-enter-active,.slide-right-leave-active{transition:transform .5s ease}.slide-up-enter-from,.slide-up-leave-to{transform:translateY(100%)}.slide-up-enter-active,.slide-up-leave-active{transition:transform .5s ease}.slide-left-enter-from,.slide-left-leave-to{transform:translate(100%)}.slide-left-enter-active,.slide-left-leave-active{transition:transform .5s ease}.slide_fast-enter-from,.slide_fast-leave-to{transform:translateY(100%)}.slide_fast-enter-active,.slide_fast-leave-active{transition:transform .25s ease}.slide-down_fast-enter-from,.slide-down_fast-leave-to{transform:translateY(-100%)}.slide-down_fast-enter-active,.slide-down_fast-leave-active{transition:transform .25s ease}.slide-right_fast-enter-from,.slide-right_fast-leave-to{transform:translate(-100%)}.slide-right_fast-enter-active,.slide-right_fast-leave-active{transition:transform .25s ease}.slide-up_fast-enter-from,.slide-up_fast-leave-to{transform:translateY(100%)}.slide-up_fast-enter-active,.slide-up_fast-leave-active{transition:transform .25s ease}.slide-left_fast-enter-from,.slide-left_fast-leave-to{transform:translate(100%)}.slide-left_fast-enter-active,.slide-left_fast-leave-active{transition:transform .25s ease}.slide_default-enter-from,.slide_default-leave-to{transform:translateY(100%)}.slide_default-enter-active,.slide_default-leave-active{transition:transform .5s ease}.slide-down_default-enter-from,.slide-down_default-leave-to{transform:translateY(-100%)}.slide-down_default-enter-active,.slide-down_default-leave-active{transition:transform .5s ease}.slide-right_default-enter-from,.slide-right_default-leave-to{transform:translate(-100%)}.slide-right_default-enter-active,.slide-right_default-leave-active{transition:transform .5s ease}.slide-up_default-enter-from,.slide-up_default-leave-to{transform:translateY(100%)}.slide-up_default-enter-active,.slide-up_default-leave-active{transition:transform .5s ease}.slide-left_default-enter-from,.slide-left_default-leave-to{transform:translate(100%)}.slide-left_default-enter-active,.slide-left_default-leave-active{transition:transform .5s ease}.slide_slow-enter-from,.slide_slow-leave-to{transform:translateY(100%)}.slide_slow-enter-active,.slide_slow-leave-active{transition:transform 1s ease}.slide-down_slow-enter-from,.slide-down_slow-leave-to{transform:translateY(-100%)}.slide-down_slow-enter-active,.slide-down_slow-leave-active{transition:transform 1s ease}.slide-right_slow-enter-from,.slide-right_slow-leave-to{transform:translate(-100%)}.slide-right_slow-enter-active,.slide-right_slow-leave-active{transition:transform 1s ease}.slide-up_slow-enter-from,.slide-up_slow-leave-to{transform:translateY(100%)}.slide-up_slow-enter-active,.slide-up_slow-leave-active{transition:transform 1s ease}.slide-left_slow-enter-from,.slide-left_slow-leave-to{transform:translate(100%)}.slide-left_slow-enter-active,.slide-left_slow-leave-active{transition:transform 1s ease}.slide_bounce-enter-from,.slide_bounce-leave-to{transform:translateY(100%)}.slide_bounce-enter-active,.slide_bounce-leave-active{transition:transform .75s cubic-bezier(.5,0,.5,2)}.slide-down_bounce-enter-from,.slide-down_bounce-leave-to{transform:translateY(-100%)}.slide-down_bounce-enter-active,.slide-down_bounce-leave-active{transition:transform .75s cubic-bezier(.5,0,.5,2)}.slide-right_bounce-enter-from,.slide-right_bounce-leave-to{transform:translate(-100%)}.slide-right_bounce-enter-active,.slide-right_bounce-leave-active{transition:transform .75s cubic-bezier(.5,0,.5,2)}.slide-up_bounce-enter-from,.slide-up_bounce-leave-to{transform:translateY(100%)}.slide-up_bounce-enter-active,.slide-up_bounce-leave-active{transition:transform .75s cubic-bezier(.5,0,.5,2)}.slide-left_bounce-enter-from,.slide-left_bounce-leave-to{transform:translate(100%)}.slide-left_bounce-enter-active,.slide-left_bounce-leave-active{transition:transform .75s cubic-bezier(.5,0,.5,2)}.slide-fade-enter-from,.slide-fade-leave-to{opacity:0;transform:translateY(100%)}.slide-fade-enter-active,.slide-fade-leave-active{transition:opacity .5s ease,transform .5s ease}.slide-fade-down-enter-from,.slide-fade-down-leave-to{opacity:0;transform:translateY(-100%)}.slide-fade-down-enter-active,.slide-fade-down-leave-active{transition:opacity .5s ease,transform .5s ease}.slide-fade-right-enter-from,.slide-fade-right-leave-to{opacity:0;transform:translate(-100%)}.slide-fade-right-enter-active,.slide-fade-right-leave-active{transition:opacity .5s ease,transform .5s ease}.slide-fade-up-enter-from,.slide-fade-up-leave-to{opacity:0;transform:translateY(100%)}.slide-fade-up-enter-active,.slide-fade-up-leave-active{transition:opacity .5s ease,transform .5s ease}.slide-fade-left-enter-from,.slide-fade-left-leave-to{opacity:0;transform:translate(100%)}.slide-fade-left-enter-active,.slide-fade-left-leave-active{transition:opacity .5s ease,transform .5s ease}.slide-fade_fast-enter-from,.slide-fade_fast-leave-to{opacity:0;transform:translateY(100%)}.slide-fade_fast-enter-active,.slide-fade_fast-leave-active{transition:opacity .25s ease,transform .25s ease}.slide-fade-down_fast-enter-from,.slide-fade-down_fast-leave-to{opacity:0;transform:translateY(-100%)}.slide-fade-down_fast-enter-active,.slide-fade-down_fast-leave-active{transition:opacity .25s ease,transform .25s ease}.slide-fade-right_fast-enter-from,.slide-fade-right_fast-leave-to{opacity:0;transform:translate(-100%)}.slide-fade-right_fast-enter-active,.slide-fade-right_fast-leave-active{transition:opacity .25s ease,transform .25s ease}.slide-fade-up_fast-enter-from,.slide-fade-up_fast-leave-to{opacity:0;transform:translateY(100%)}.slide-fade-up_fast-enter-active,.slide-fade-up_fast-leave-active{transition:opacity .25s ease,transform .25s ease}.slide-fade-left_fast-enter-from,.slide-fade-left_fast-leave-to{opacity:0;transform:translate(100%)}.slide-fade-left_fast-enter-active,.slide-fade-left_fast-leave-active{transition:opacity .25s ease,transform .25s ease}.slide-fade_default-enter-from,.slide-fade_default-leave-to{opacity:0;transform:translateY(100%)}.slide-fade_default-enter-active,.slide-fade_default-leave-active{transition:opacity .5s ease,transform .5s ease}.slide-fade-down_default-enter-from,.slide-fade-down_default-leave-to{opacity:0;transform:translateY(-100%)}.slide-fade-down_default-enter-active,.slide-fade-down_default-leave-active{transition:opacity .5s ease,transform .5s ease}.slide-fade-right_default-enter-from,.slide-fade-right_default-leave-to{opacity:0;transform:translate(-100%)}.slide-fade-right_default-enter-active,.slide-fade-right_default-leave-active{transition:opacity .5s ease,transform .5s ease}.slide-fade-up_default-enter-from,.slide-fade-up_default-leave-to{opacity:0;transform:translateY(100%)}.slide-fade-up_default-enter-active,.slide-fade-up_default-leave-active{transition:opacity .5s ease,transform .5s ease}.slide-fade-left_default-enter-from,.slide-fade-left_default-leave-to{opacity:0;transform:translate(100%)}.slide-fade-left_default-enter-active,.slide-fade-left_default-leave-active{transition:opacity .5s ease,transform .5s ease}.slide-fade_slow-enter-from,.slide-fade_slow-leave-to{opacity:0;transform:translateY(100%)}.slide-fade_slow-enter-active,.slide-fade_slow-leave-active{transition:opacity 1s ease,transform 1s ease}.slide-fade-down_slow-enter-from,.slide-fade-down_slow-leave-to{opacity:0;transform:translateY(-100%)}.slide-fade-down_slow-enter-active,.slide-fade-down_slow-leave-active{transition:opacity 1s ease,transform 1s ease}.slide-fade-right_slow-enter-from,.slide-fade-right_slow-leave-to{opacity:0;transform:translate(-100%)}.slide-fade-right_slow-enter-active,.slide-fade-right_slow-leave-active{transition:opacity 1s ease,transform 1s ease}.slide-fade-up_slow-enter-from,.slide-fade-up_slow-leave-to{opacity:0;transform:translateY(100%)}.slide-fade-up_slow-enter-active,.slide-fade-up_slow-leave-active{transition:opacity 1s ease,transform 1s ease}.slide-fade-left_slow-enter-from,.slide-fade-left_slow-leave-to{opacity:0;transform:translate(100%)}.slide-fade-left_slow-enter-active,.slide-fade-left_slow-leave-active{transition:opacity 1s ease,transform 1s ease}.slide-fade_bounce-enter-from,.slide-fade_bounce-leave-to{opacity:0;transform:translateY(100%)}.slide-fade_bounce-enter-active,.slide-fade_bounce-leave-active{transition:opacity .75s cubic-bezier(.5,0,.5,2),transform .75s cubic-bezier(.5,0,.5,2)}.slide-fade-down_bounce-enter-from,.slide-fade-down_bounce-leave-to{opacity:0;transform:translateY(-100%)}.slide-fade-down_bounce-enter-active,.slide-fade-down_bounce-leave-active{transition:opacity .75s cubic-bezier(.5,0,.5,2),transform .75s cubic-bezier(.5,0,.5,2)}.slide-fade-right_bounce-enter-from,.slide-fade-right_bounce-leave-to{opacity:0;transform:translate(-100%)}.slide-fade-right_bounce-enter-active,.slide-fade-right_bounce-leave-active{transition:opacity .75s cubic-bezier(.5,0,.5,2),transform .75s cubic-bezier(.5,0,.5,2)}.slide-fade-up_bounce-enter-from,.slide-fade-up_bounce-leave-to{opacity:0;transform:translateY(100%)}.slide-fade-up_bounce-enter-active,.slide-fade-up_bounce-leave-active{transition:opacity .75s cubic-bezier(.5,0,.5,2),transform .75s cubic-bezier(.5,0,.5,2)}.slide-fade-left_bounce-enter-from,.slide-fade-left_bounce-leave-to{opacity:0;transform:translate(100%)}.slide-fade-left_bounce-enter-active,.slide-fade-left_bounce-leave-active{transition:opacity .75s cubic-bezier(.5,0,.5,2),transform .75s cubic-bezier(.5,0,.5,2)}body{width:100%;height:100%;font-family:var(--font-family);font-size:var(--font-size-l);line-height:var(--line-height);font-weight:400;color:var(--color-font-light)}body *{box-sizing:border-box}#app .main{position:absolute;inset:0;backface-visibility:hidden;transition:opacity 1s;opacity:1;overflow:hidden;background-color:var(--color-page-background)}#app .main.--with-player{padding-bottom:var(--size-player)}.content{position:relative;width:100%;max-width:var(--size-content);height:100%;max-height:100%;margin-left:var(--size-menu);overflow:hidden;backface-visibility:hidden;scroll-padding-top:0;display:flex;flex-direction:column;gap:var(--space-m);z-index:var(--zindex-content)}.content>*{scroll-snap-align:center}.content__block{display:flex;flex-direction:column}.content__block:first-of-type>*:first-child{padding-top:0}.content__block>*{padding-top:var(--space-xs);padding-bottom:var(--space-xs);scroll-snap-align:center}.advantages strong{font-weight:600}.advantages th,.advantages td{line-height:var(--line-height-s)}.advantages th:nth-child(n+2),.advantages td:nth-child(n+2){min-width:3vw;text-align:center}.advantages th{padding-bottom:1vh;font-size:var(--font-size-s)}.advantages td{padding:1vh 0;font-size:var(--font-size-m);color:var(--color-font-dark-secondary)}.advantages td:nth-child(n+2){color:var(--color-font-light-disabled)}.advantages td .app-icons{color:var(--color-font-dark-secondary)}.advantages tbody tr:nth-child(n+2){border-top:.125vh solid hsla(var(--color-base),70,100%)}.auth-card{position:relative;width:100%;max-width:80%;padding:var(--space-m) var(--space-l);margin:auto 0;align-self:center;background-color:var(--color-card-background-light);color:var(--color-font-dark);border-radius:1vh;display:grid;gap:var(--space-s) var(--space-l);-webkit-user-select:none;user-select:none}.auth-card__focus-area{position:absolute;width:100%;opacity:0}.auth-card__focus-area.auth-card__focus-area-default{top:0;left:0;height:100%}.auth-card__focus-area.auth-card__focus-area-default:focus~.auth-card__box .fake-link.auth-card__focus-area-default{padding:.4vh;outline:.4vh solid hsl(var(--color-base) 70%)}.auth-card__focus-area.auth-card__focus-area-login-1{top:0;left:0;height:70%}.auth-card__focus-area.auth-card__focus-area-login-1:focus~.auth-card__box .fake-link.auth-card__focus-area-login-1{padding:.4vh;outline:.4vh solid hsl(var(--color-base) 70%)}.auth-card__focus-area.auth-card__focus-area-login-2{bottom:0;left:0;height:30%}.auth-card__focus-area.auth-card__focus-area-login-2:focus~.auth-card__box .fake-link.auth-card__focus-area-login-2{padding:.4vh;outline:.4vh solid hsl(var(--color-base) 70%)}.auth-card.--login,.auth-card.--privacy{grid-template-columns:3fr auto 1fr}.auth-card.--login .logo,.auth-card.--privacy .logo{grid-column:1/span 3}.auth-card.--plus{grid-template-columns:3fr auto 1fr}.auth-card.--plus .logo{grid-column:1/span 3}.auth-card.--register,.auth-card.--checkout{grid-template-columns:3fr 1fr}.auth-card.--register .logo,.auth-card.--checkout .logo{grid-column:1/span 2}.auth-card.--onboarding{width:calc(100% + var(--size-menu));margin-left:calc(var(--size-menu) * -1);grid-template-columns:1fr auto;--color-button-focus-background: hsl(var(--color-base) 90%)}.auth-card.--onboarding .logo{grid-column:1/span 2}.auth-card.--onboarding .button-container{margin-top:var(--space-s)}.auth-card .logo.--medium{width:100%}.auth-card__box{position:relative;width:100%;display:flex;justify-content:center;flex-direction:column;gap:var(--space-xs)}.auth-card__box>svg{align-self:center}.auth-card__divider{position:relative;height:100%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-m);font-weight:500;z-index:var(--zindex-min);color:var(--color-font-dark-secondary)}.auth-card__divider:before{position:absolute;content:"";height:100%;left:50%;width:.125vw;transform:translate(-50%);background-color:hsl(var(--color-base) 90%);z-index:var(--zindex-negativ)}.auth-card__divider__label{padding:1vh;z-index:var(--zindex-min);background-color:var(--color-card-background-light)}.auth-card__text.--centered{text-align:center}.auth-card__text h1{font-size:var(--font-size-xxl);line-height:var(--line-height-s);font-weight:500;margin-bottom:1vh}.auth-card__text p{font-size:var(--font-size-l);color:var(--color-font-dark-secondary)}.auth-card__text p.--big{letter-spacing:.8vh;font-size:6.6vh;font-weight:800}.auth-card__text small{display:block;font-size:var(--font-size-s);color:var(--color-font-dark-secondary)}.auth-card__text small+small{margin-top:1.25vh}.auth-card__text .fake-link{text-decoration:underline;font-weight:500}.auth-card__qr{line-height:0;width:20vw}.auth-card__qr__media{width:100%;height:100%;object-fit:contain}.back{--this-item-size: 8vh;position:fixed;top:var(--space-s);right:var(--space-content-x);width:var(--this-item-size);height:var(--this-item-size);display:flex;align-items:center;justify-content:center;z-index:var(--zindex-min);-webkit-user-select:none;user-select:none}.back:focus:before{background-color:var(--color-button-focus-background);transform:translate3d(-50%,-50%,0) scale(1.2);outline-width:0}.back:focus .back__icon{color:var(--color-button-focus)}.back:before{z-index:var(--zindex-negativ);content:"";position:absolute;width:100%;height:100%;top:50%;left:50%;transform:translate3d(-50%,-50%,0) scale(1);backface-visibility:hidden;background-color:var(--color-button-background);border-radius:50%;will-change:transform,background-color;transition:transform var(--transition-default),background-color var(--transition-default);outline:var(--color-outline-highlight)}.back__icon{width:var(--this-item-size);height:var(--this-item-size);color:var(--color-button);font-size:var(--font-size-icons);display:flex;align-items:center;justify-content:center}.back__icon.--loading{animation:playerRotateLoading 1s ease-in-out infinite}.banner{width:100%;max-width:calc(100% - var(--space-content-x) * 2);padding:var(--space-s);margin:0 auto;backface-visibility:hidden;background:var(--color-card-background) url(/assets/bgr-GuFYYuYb.jpg) no-repeat center/cover;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-s);outline:1vh solid var(--color-page-background);--color-button-focus-background: hsl(var(--color-base) 90%)}.banner:focus{outline:.75vh solid var(--color-card-highlight)}.banner__entry{color:var(--color-font-dark);text-align:center;font-size:var(--font-size-xl);-webkit-user-select:none;user-select:none}.banner__entry strong{font-weight:600}.banner__button{position:relative;padding:1vh var(--space-s);-webkit-user-select:none;user-select:none;font-size:var(--font-size-l);color:var(--color-button);width:auto;background-color:hsl(var(--color-base) 0%);display:inline-flex;align-items:center;gap:var(--space-xs)}.banner__button__label{font-size:var(--font-size-l)}.banner__button__icon{display:none;font-size:var(--font-size-xl)}.banner:focus .banner__button__icon{display:block}.banner:focus .banner__button{color:var(--color-button-focus);background-color:var(--color-button-focus-background)}.button-container:focus .button{color:var(--color-button-focus);background-color:var(--color-button-focus-background)}.button-container:focus .button__icon{display:block}h1+.button-container{margin-top:var(--space-m)}.button{position:relative;padding:1vh var(--space-s);-webkit-user-select:none;user-select:none;color:var(--color-button);width:auto;background-color:hsl(var(--color-base) 0%);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs)}.button__label{font-size:var(--font-size-l)}.button__icon{display:none;font-size:var(--font-size-xl)}.card{position:relative;line-height:0;-webkit-user-select:none;user-select:none;backface-visibility:hidden;color:var(--color-font-light-disabled);scroll-snap-align:start;flex-shrink:0}.card:focus{color:var(--color-font-light)}.card__media-container{position:relative}.card__media{position:relative;background:var(--color-card-background) center/cover no-repeat;transform:translateZ(1px);transition:outline-color var(--transition-default);outline:1vh solid var(--color-page-background)}.card:focus .card__media{outline:.75vh solid var(--color-card-highlight)}.--channel .card__media{padding-top:100%}.--mood .card__media{padding-top:46.7611%}.card__media img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.card__overlay{position:absolute;top:0;left:0;width:100%;height:100%;padding:var(--space-xs);line-height:var(--line-height-s);display:flex;align-items:flex-end;justify-content:flex-end;color:currentColor;z-index:var(--zindex-min);gap:var(--space-xs)}.--mood .card__overlay:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg,hsla(var(--color-base),10%,90%),transparent 60%);backface-visibility:hidden;z-index:var(--zindex-negativ)}.card__overlay__icon{width:6vh;height:6vh;background:hsl(var(--color-base) 100%);color:hsl(var(--color-base) 0%);font-size:var(--font-size-icons);line-height:1;display:flex;align-items:center;justify-content:center;border-radius:50%}.card__meta{margin-top:1vh;line-height:var(--line-height)}.card__title{width:100%;max-width:100%;font-weight:500;font-size:var(--font-size-l);transform:translateZ(1px);overflow-wrap:break-word;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.card-grid{width:100%;display:flex;flex-wrap:wrap;gap:var(--card-gap)}.card-grid.--size-s{--grid-size: 5;gap:var(--card-gap)}.card-grid.--size-m{--grid-size: 4;gap:var(--card-gap)}.card-grid .card{width:calc((100% - var(--card-gap) * (var(--grid-size) - 1)) / var(--grid-size))}.card-slider{width:100%;display:flex;gap:var(--card-gap);overflow:hidden;scroll-padding-left:var(--space-content-x);scroll-padding-right:var(--space-content-x);backface-visibility:hidden;will-change:color;flex-shrink:0;-webkit-overflow-scrolling:touch}.card-slider .--channel{--this-card-width: 28vh}.card-slider .--mood{--this-card-width: 36vh}.card-slider .card{width:var(--this-card-width)}.card-slider .card:last-of-type{flex:1}.card-slider .card__media-container{max-width:var(--this-card-width);min-width:var(--this-card-width)}.card-slider__button{position:relative;width:var(--this-card-width);max-width:var(--this-card-width);background-color:var(--color-button-background);flex:1 0 auto;color:var(--color-button);transition:background-color var(--transition-default),outline-color var(--transition-default);outline:1vh solid var(--color-page-background)}.card-slider__button:focus{outline-color:var(--color-card-highlight);background-color:var(--color-button-focus-background)}.card-slider__button:before{content:"";display:block}.card-slider__button.--channel:before{padding-top:100%}.card-slider__button.--mood:before{padding-top:46.7611%}.card-slider__button__meta{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1vh}.card-slider__button__icon{font-size:var(--font-size-xxl);color:currentColor}.card-slider__button__label{font-size:var(--font-size-l);color:currentColor}.categories-navigation{position:fixed;left:var(--size-menu);width:var(--size-cat-nav);height:100vh;display:flex;flex-direction:column;background-color:hsl(var(--color-base) 10%);-webkit-user-select:none;user-select:none}.categories-navigation__scroll-container{overflow:hidden}.--with-player .categories-navigation{height:calc(100vh - var(--size-player))}.categories-navigation__item{position:relative}.categories-navigation__item:last-child{height:auto;flex:1 0 auto}.categories-navigation__item:focus:after{content:""}.categories-navigation__item:focus .categories-navigation__item__label{background-color:hsl(var(--color-base) 30%)}.categories-navigation__item.--active .categories-navigation__item__label{background-color:hsl(var(--color-base) 50%)}.categories-navigation__item:after{position:absolute;top:0;right:0;width:.25vw;height:100%;background-color:var(--color-button)}.categories-navigation__item__label{padding:var(--space-xs) var(--space-s)}.categories-navigation+.content{max-width:calc(var(--size-content) - var(--size-cat-nav));margin-left:calc(var(--size-menu) + var(--size-cat-nav))}.loader{display:flex;width:100%;height:100%;align-items:center;justify-content:center;box-sizing:border-box}.loader>svg{width:auto;height:20vh;object-fit:contain;backface-visibility:hidden}.logo{display:flex;align-items:center;justify-content:center;box-sizing:border-box}.logo.--big{width:auto;height:var(--logo-height);box-sizing:content-box;justify-content:flex-start}.logo.--medium{width:auto;height:var(--logo-height-medium);box-sizing:content-box;justify-content:flex-start}.logo.--small{width:var(--logo-width-small);height:var(--logo-height-small)}.logo>svg{height:100%;object-fit:contain;backface-visibility:hidden}.menu{position:fixed;top:0;left:0;width:var(--size-menu);height:100vh;background:var(--color-menu-background);display:flex;flex-direction:column;z-index:var(--zindex-menu);backface-visibility:hidden;-webkit-user-select:none;user-select:none}.menu__item{position:relative;width:var(--size-menu);height:var(--size-menu);color:var(--color-menu);display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-default),color var(--transition-default);background-color:var(--color-menu-background)}.menu__item.--logo{margin-top:calc(var(--space-l) - var(--space-l) * .25);margin-bottom:calc(var(--space-l) * .25)}.menu__item.--active,.menu__item:focus,.menu__item:focus-within{background-color:var(--color-menu-active-background);color:var(--color-menu-active)}.menu__item:focus .menu__item__label,.menu__item:focus-within .menu__item__label{transform:translate(1vh,-50%);opacity:1}.menu__item__icon{-webkit-user-select:none;user-select:none;font-size:var(--font-size-icons)}.menu__item__label{display:block;position:absolute;top:50%;left:100%;background-color:var(--color-menu-background);font-size:var(--font-size-s);padding:1vh 2vh;opacity:0;border-radius:.5vh;transform:translate(calc(var(--space-l) * -1),-50%);transition:transform var(--transition-default),opacity var(--transition-default)}.opener{position:relative}.opener .logo{position:absolute;top:calc(var(--space-l) + .75vh);left:var(--space-content-x)}.opener .card-grid .card{padding-top:calc(var(--space-l) + var(--logo-height) + var(--space-xs) * 2 + var(--space-m))}.opener-video{position:relative;width:100%;height:100vh;backface-visibility:hidden;background-color:var(--color-key-2);line-height:0;z-index:var(--zindex-min)}.--with-player .opener-video{height:calc(100vh - var(--size-player))}.opener-video:after{display:block;content:"";position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden;background:linear-gradient(45deg,#000000e6,#0000 70%);z-index:var(--zindex-min)}.opener-video__poster{backface-visibility:hidden;width:100%;height:100%;object-fit:cover;filter:brightness(.65)}.opener-video__content{position:absolute;bottom:0;left:0;padding:var(--space-l) var(--size-menu);display:flex;flex-direction:column;align-items:flex-start;gap:1vh;z-index:var(--zindex-bigmin)}.opener-video__title{max-width:80%;font-size:var(--space-xl);font-weight:600;line-height:1.1}.opener-video__description{max-width:80%;color:hsl(var(--color-base) 95%);line-height:var(--line-height)}.opener-video .button-container{margin-top:var(--space-m)}.opener-video .button{line-height:var(--line-height)}.opener-video .button__icon{display:block}.player{position:absolute;width:100vw;background-color:var(--color-player-background);color:var(--color-player);z-index:var(--zindex-player);display:flex;gap:var(--space-xs);align-items:center;overflow:hidden;-webkit-user-select:none;user-select:none}.player.--sticky{bottom:0;left:0;height:calc(var(--size-player) + .5vh);border-top:.5vh solid var(--color-player-highlight);padding-right:var(--space-m)}.player.--channel{--size-player: 24vh;bottom:0;max-width:var(--size-content);height:auto;padding:var(--space-l) var(--space-content-x);left:var(--size-menu);background-color:transparent}.player__play-area{flex:1;display:grid;gap:var(--space-xs);align-items:center}.player__play-area:focus .player__tools__item:before{background-color:var(--color-button-focus-background);transform:translate3d(-50%,-50%,0) scale(1.2)}.--sticky .player__play-area{grid-template-columns:minmax(max-content,auto) 1fr minmax(max-content,auto);grid-template-areas:"media meta tools"}.--channel .player__play-area{grid-template-columns:minmax(max-content,auto) minmax(max-content,auto) 1fr minmax(max-content,auto);grid-template-areas:"media tools meta channel"}.player__media{grid-area:media;width:var(--size-player);height:var(--size-player)}.player__meta{grid-area:meta;padding:var(--space-xs) 0;flex:1 auto}.player__meta__kicker,.player__meta__headline,.player__meta__subline{color:currentColor}.player__meta__kicker{text-transform:uppercase;font-weight:600;padding-bottom:1vh;font-size:var(--font-size-s)}.--sticky .player__meta__headline{font-size:var(--font-size-l);line-height:var(--line-height-s);overflow:hidden;display:-webkit-box;overflow-wrap:break-word;-webkit-line-clamp:1;-webkit-box-orient:vertical}.--channel .player__meta__headline{font-size:var(--font-size-xl);line-height:var(--line-height-m)}.--sticky .player__meta__subline{font-size:var(--font-size-m)}.--channel .player__meta__subline{font-size:var(--font-size-l)}.player__tools{grid-area:tools;--this-item-size: 8vh;display:flex;gap:var(--space-xs);flex-shrink:0;align-items:center}.player__tools .--sticky{padding-left:var(--space-m)}.--channel .player__tools{padding-left:var(--space-s);padding-right:var(--space-xs)}.player__tools__item{position:relative;z-index:var(--zindex-min)}.player__tools__item:focus:before{background-color:var(--color-button-focus-background);transform:translate3d(-50%,-50%,0) scale(1.2)}.--channel .player__tools__item:focus:before{outline-width:0}.player__tools__item:focus .player__tools__item__icon{color:var(--color-button-focus)}.player__tools__item:before{z-index:var(--zindex-negativ);content:"";position:absolute;width:100%;height:100%;top:50%;left:50%;transform:translate3d(-50%,-50%,0) scale(1);backface-visibility:hidden;background-color:var(--color-button-background);border-radius:50%;will-change:transform,background-color;transition:transform var(--transition-default),background-color var(--transition-default)}.--channel .player__tools__item:before{outline:var(--color-outline-highlight)}.player__tools__item__icon{width:var(--this-item-size);height:var(--this-item-size);color:var(--color-button);font-size:var(--font-size-icons);display:flex;align-items:center;justify-content:center}.player__tools__item__icon.--loading{animation:playerRotateLoading 1s ease-in-out infinite}.player__channel{--this-item-size: 18vh;grid-area:channel;display:flex;flex-direction:column;align-self:flex-start}.player__channel[data-focusable=true]{outline:1vh solid transparent;outline:var(--color-outline-highlight)}.player__channel:focus{outline:.75vh solid var(--color-card-highlight)}.player__channel__media{width:var(--this-item-size);height:var(--this-item-size);object-fit:contain}.player__channel__button{padding:1vh .5vh;background-color:var(--color-page-background);display:flex;gap:1vh;align-items:center;justify-content:center;color:var(--color-font-light)}.player__channel__button__icon{color:currentColor}.player__channel__button__label{color:currentColor;font-size:var(--font-size-s)}.poster{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden;-webkit-user-select:none;user-select:none}.poster:before,.poster:after{content:"";position:absolute;bottom:0;left:0;backface-visibility:hidden;-webkit-user-select:none;user-select:none}.poster:before{height:40vh;width:100%;background:linear-gradient(0deg,hsla(var(--color-base),0%,70%) 60%,transparent)}.poster:after{height:100%;width:30vw;background:linear-gradient(90deg,hsla(var(--color-base),0%,70%) 0%,transparent)}.poster__media{width:100%;height:100%;object-fit:cover}.poster__copyright{position:absolute;right:var(--space-content-x);bottom:var(--space-xs);font-size:var(--font-size-xs);color:var(--color-font-light-disabled)}.text-item{-webkit-user-select:none;user-select:none}.text-item>h1,.text-item>h2,.text-item>h3,.text-item>h4,.text-item>h5,.text-item>h6{font-weight:500}.text-item>h1,.text-item>h2{font-size:var(--font-size-xxl);line-height:var(--line-height-s)}.text-item>h3{font-size:var(--font-size-xl);line-height:var(--line-height-s)}.text-item>h4{font-size:var(--font-size-l)}.text-item>h5{font-size:var(--font-size-m)}.text-item>h6{font-size:var(--font-size-s)}.text-item .favorite-placeholder{display:flex;margin-top:var(--space-m);align-items:center;gap:var(--space-xs)}.text-item .favorite-placeholder__icon{display:flex;align-items:center;justify-content:center;width:var(--size-menu);height:var(--size-menu);color:var(--color-font-dark);background-color:var(--color-font-light-disabled);border-radius:50%;font-size:var(--font-size-xxl);line-height:var(--size-menu)}.text-item .favorite-placeholder__label{font-size:var(--font-size-xl)}.toast{padding:var(--space-xs) var(--space-s);background-color:var(--color-toast-background);color:var(--color-toast);display:flex;align-items:center;gap:var(--space-xs);border-radius:.5vh}.toast__container{position:fixed;bottom:0;right:0;height:100%;padding:2vh;display:flex;flex-direction:column;justify-content:flex-end;gap:1vh;z-index:var(--zindex-toast);pointer-events:none;box-sizing:border-box}.--with-player .toast__container{padding-bottom:calc(var(--size-player) + var(--space-s))}.toast__icon{width:100%;max-width:calc(var(--size-menu) * .5);height:calc(var(--size-menu) * .5);line-height:calc(var(--size-menu) * .5);border-radius:50%;flex:1 0 auto;display:flex;align-items:center;justify-content:center}.toast__icon.--spinner{border:.25vw solid var(--color-toast-icon-light);border-top-color:var(--color-toast-icon-dark);animation:spinner 1.4s linear infinite}.toast__icon.--icon{font-family:var(--font-icons);background-color:var(--color-toast-icon-light);color:var(--color-toast-icon-dark)}.toast__label{font-size:var(--font-size-m);line-height:var(--line-height-s)}.videoplayer{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;background-color:hsl(var(--color-base) 0%);overflow:hidden}.videoplayer>*{backface-visibility:hidden}.videoplayer video{position:absolute;top:0;left:0;width:100%;height:100%;transform:translateZ(0);backface-visibility:visible;transition:opacity var(--transition-default);z-index:1}.videoplayer__overlay{position:absolute;left:0;top:0;width:100vw;height:100vh;opacity:0;font-size:0;line-height:0;transition:opacity var(--transition-default);transform-style:preserve-3d;backface-visibility:visible;background:linear-gradient(to bottom,#0000 50vh,#000000e6 90vh);z-index:3}.videoplayer__overlay.--visible{opacity:1}.videoplayer__pause{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;font-size:0;line-height:0;backface-visibility:visible;transition:opacity var(--transition-default)}[data-status=pause] .videoplayer__pause{opacity:1}.videoplayer__pause__icon{position:absolute;left:0;top:0;width:100%;height:100%;line-height:100vh;font-size:25vh;text-align:center;color:hsl(var(--color-base) 80%);backface-visibility:visible}.videoplayer__tools{position:absolute;left:calc(var(--space) * .5);right:calc(var(--space) * .5);bottom:calc(var(--space) * .5);padding-top:calc(var(--space) * .5);transform:translate3d(0,var(--space),0);transition:transform var(--transition-default);backface-visibility:visible;display:flex;align-items:center;justify-content:space-between}.--visible .videoplayer__tools{transform:translateZ(0)}.videoplayer__tools:before{position:absolute;content:"";display:block;top:-3px;left:0;width:100%;height:3px;background-color:#ffffff40}.--live .videoplayer__tools:before{display:none}.videoplayer__tools__progress{position:absolute;left:0;top:-3px;height:3px;width:0;background-color:#fff;transition:width .5s linear;transform:translateZ(0);backface-visibility:visible}.--live .videoplayer__tools__progress{display:none}.videoplayer__tools__time{font-size:var(--font-size-m);line-height:calc(var(--space) * .5);transform:translateZ(0);backface-visibility:visible;display:flex;align-items:center;gap:2vh}.videoplayer__tools__time__marker{display:none;padding:0 1vh;font-size:var(--font-size-s);line-height:3.2vh;text-transform:uppercase;font-weight:400;color:hsl(var(--color-base) 0%);background-color:hsl(var(--color-base) 100%);border-radius:2px}.--live .videoplayer__tools__time__marker{display:block}.videoplayer__tools__time__label{font-style:normal;color:hsl(var(--color-base) 100%);font-weight:500}.videoplayer__tools__controls{display:flex;font-size:var(--font-size-l);line-height:calc(var(--space) * .5);white-space:nowrap;color:#ffffff80;transform:translateZ(0);backface-visibility:visible}.videoplayer__tools__controls__item{margin-left:calc(var(--space) * .5);padding-left:calc(var(--space) * .5);display:flex;align-items:center;gap:1vh}.--live .videoplayer__tools__controls__item.--not-live{display:none}.videoplayer__tools__controls__item__icon{width:3vh;line-height:3vh;text-align:center;border:1px solid hsl(var(--color-base) 70%);border-radius:50%;font-size:2vh}.videoplayer__loader{position:absolute;left:0;top:0;width:100%;height:100%;background:#00000080 center center/cover no-repeat;transform:translateZ(0);backface-visibility:visible;opacity:0;transition:opacity var(--transition-default);z-index:4}[data-status=load] .videoplayer__loader{opacity:1}.videoplayer__loader__spinner{position:absolute;top:calc(50vh - calc(var(--space) * 5) * .5);left:calc(50vw - calc(var(--space) * 5) * .5);width:calc(var(--space) * 5);height:calc(var(--space) * 5)}[data-status=load] .videoplayer__loader__spinner{animation:spin 1.4s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0) translateZ(0)}to{transform:rotate(359deg) translateZ(0)}}.videoplayer__loader__spinner:after{position:absolute;top:25%;left:25%;content:"";display:block;width:50%;height:50%;box-sizing:border-box;border-radius:50%;border:.5vh solid rgba(255,255,255,.1);border-left-color:hsl(var(--color-base) 100%);transform:translateZ(0)}.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.fade-enter-from,.fade-leave-to{opacity:0}