@font-face{font-family:Outfit;font-style:normal;font-weight:300 500;font-display:swap;src:url(/assets/Outfit-VariableFont_wght-B2KsNzoy.woff2) format("woff2")}:root{--color-white: 0 100% 100%;--color-black: 0 0% 0%;--color-grey-100: 0 0% 95%;--color-grey-50: 0 0% 99%;--color-blue-950: 223 30% 9%;--color-blue-900: 223 36% 14%;--color-blue-500: 223 23% 46%;--color-red-500: 0 97% 63%;--gradient1: linear-gradient(hsl(var(--color-black) / 0), hsl(var(--color-black) / .75));--ff-base: "Outfit", sans-serif;--fw-medium: 500;--fw-light: 300;--lh-regular: 1.25;--ls-condensed1: -.5px;--ls-condensed2: -.3px;--ls-regular: 0px;--fs-800: 2rem;--fs-700: 1.5rem;--fs-600: 1.25rem;--fs-500: 1.125rem;--fs-400: 1rem;--fs-300: .9375rem;--fs-200: .875rem;--fs-150: .8125rem;--fs-100: .75rem;--fs-50: .6875rem;--space-1200: 6rem;--space-1000: 5rem;--space-900: 4.5rem;--space-800: 4rem;--space-700: 3.5rem;--space-600: 3rem;--space-500: 2.5rem;--space-450: 2.25rem;--space-425: 2.125rem;--space-400: 2rem;--space-375: 1.875rem;--space-350: 1.75rem;--space-300: 1.5rem;--space-250: 1.25rem;--space-200: 1rem;--space-150: .75rem;--space-125: .625rem;--space-112: .5625rem;--space-100: .5rem;--space-50: .25rem;--space-25: .125rem;--space-0: 0;--br-900: 50%;--br-400: 28.5px;--br-300: 20px;--br-200: 10px;--br-150: 8px}*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,h5,p,ol,ul,figure,picture{margin:0}input,button,textarea,select{font-family:inherit;font-size:inherit}button{border:none;background:transparent;font:inherit;color:inherit;padding:0;cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}img,svg,picture{max-width:100%;display:block}body{min-inline-size:20rem;min-block-size:100dvb}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}:root{--color-background-primary: hsl(var(--color-blue-950));--color-background-secondary: hsl(var(--color-blue-900));--color-background-bookmark: hsl(var(--color-blue-950) / 50.06%);--color-background-bookmark-hover: hsl(var(--color-white));--color-background-play-button: hsl(var(--color-white) / 25%);--color-text-primary: hsl(var(--color-white));--color-text-info: hsl(var(--color-white) / .75);--color-nav-link: hsl(var(--color-blue-500));--color-nav-active: hsl(var(--color-white));--color-nav-hover: hsl(var(--color-red-500));--color-input-caret: hsl(var(--color-red-500));--color-bookmark-hover: hsl(var(--color-black));--color-border: hsl(var(--color-white));--color-border-active: hsl(var(--color-blue-500));--main-margin-block-start: var(--space-0);--main-margin-block-end: var(--space-150);--main-margin-inline-start: var(--space-200);--main-margin-inline-end: var(--space-200);--main-section-gap: var(--space-300);--main-section-heading-margin-block-end: var(--space-300);--main-search-bar-padding-block: var(--space-200);--header-margin-block-start: var(--space-0);--header-margin-block-end: var(--space-300);--header-margin-inline-start: var(--space-0);--header-margin-inline-end: var(--space-0);--header-block-size-max: 60rem;--header-inner-block-size: var(--space-300);--header-inner-inline-size: var(--space-0);--header-padding-block: var(--space-200);--header-padding-inline: var(--space-200)}@media (min-width: 40rem){:root{--main-margin-block-end: var(--space-350);--main-margin-inline-start: var(--space-300);--main-margin-inline-end: var(--space-300);--main-section-gap: var(--space-400);--header-margin-block-start: var(--space-300);--header-margin-block-end: var(--space-400);--header-inner-block-size: var(--space-400);--header-padding-block: var(--space-250);--header-margin-inline-start: var(--space-300);--header-margin-inline-end: var(--space-300);--header-padding-inline: var(--space-250)}}@media (min-width: 60rem){:root{--main-margin-block-start: var(--space-600);--main-margin-block-end: var(--space-800);--main-margin-inline-start: var(--space-0);--main-margin-inline-end: var(--space-400);--main-section-gap: var(--space-500);--main-section-heading-margin-block-end: var(--space-400);--header-margin-block-start: var(--space-400);--header-margin-block-end: var(--space-400);--header-padding-block: var(--space-425);--header-margin-inline-start: var(--space-400);--header-margin-inline-end: var(--space-450);--header-inline-size: var(--space-1200);--header-inner-inline-size: var(--space-500);--header-padding-inline: var(--space-350)}}.text-preset1{font-size:var(--fs-600);font-weight:var(--fw-light);letter-spacing:var(--ls-condensed2)}.text-preset2{font-size:var(--fs-400);font-weight:var(--fw-light)}.text-preset3{font-size:var(--fs-300);font-weight:var(--fw-medium)}.text-preset4{font-size:var(--fs-200);font-weight:var(--fw-medium)}.text-preset5{font-size:var(--fs-100);font-weight:var(--fw-light)}.text-preset6{font-size:var(--fs-50);font-weight:var(--fw-light)}@media (min-width: 40rem){.text-preset1{font-size:var(--fs-800);letter-spacing:var(--ls-condensed1)}.text-preset2,.text-preset3{font-size:var(--fs-700)}.text-preset4{font-size:var(--fs-500)}.text-preset5{font-size:var(--fs-300)}.text-preset6{font-size:var(--fs-150)}}body{color:var(--color-text-primary);background-color:var(--color-background-primary);font-family:var(--ff-base);font-weight:var(--fw-light);line-height:var(--lh-regular);letter-spacing:var(--ls-regular);margin:0;padding:0}.main__section{margin-inline-start:var(--main-margin-inline-start)}.main__section:not(.main__section--full){margin-inline-end:var(--main-margin-inline-end)}.main__section+.main__view{margin-block-start:calc(var(--main-section-gap) - var(--main-search-bar-padding-block))}.main__section+.main__section{margin-block-start:var(--main-section-gap)}.main__section>.section__heading{margin-block-end:var(--main-section-heading-margin-block-end)}.app__header[data-v-cfe98a85]{background:var(--color-background-secondary);margin-block-start:var(--header-margin-block-start);margin-block-end:var(--header-margin-block-end);margin-inline-start:var(--header-margin-inline-start);margin-inline-end:var(--header-margin-inline-end);max-block-size:min(var(--header-block-size-max),calc(100svb - var(--header-margin-block-start) - var(--header-margin-block-end)));block-size:calc(var(--header-inner-block-size) + 2 * var(--header-padding-block));padding:var(--header-padding-block) var(--header-padding-inline);display:flex;align-items:center;justify-content:space-between}.app__logo[data-v-cfe98a85]{inline-size:25px;block-size:auto}.nav__list[data-v-cfe98a85]{--nav-item-padding: 4px;--nav-list-gap: var(--space-300);--nav-list-gap-calculated: calc(var(--nav-list-gap) - 2 * var(--nav-item-padding));margin:0;padding:0;list-style:none;display:flex;gap:var(--nav-list-gap-calculated)}.app__user[data-v-cfe98a85]{block-size:100%}.user__avatar[data-v-cfe98a85]{block-size:100%;inline-size:auto;border:1px solid var(--color-border);border-radius:var(--br-900)}.nav__link[data-v-cfe98a85]{display:block;color:var(--color-nav-link);padding:4px}.nav__link.router-link-exact-active[data-v-cfe98a85]{color:var(--color-nav-active)}.nav__link[data-v-cfe98a85]:hover,.nav__link[data-v-cfe98a85]:focus-visible{color:var(--color-nav-hover)}.nav__link[data-v-cfe98a85]:focus-visible{outline-offset:2px;outline:2px dashed var(--color-nav-hover)}.nav__icon[data-v-cfe98a85]{block-size:var(--space-200);inline-size:auto}@media (min-width: 40rem){.app__header[data-v-cfe98a85]{border-radius:var(--br-200)}.app__logo[data-v-cfe98a85]{inline-size:32px}.nav__list[data-v-cfe98a85]{--nav-list-gap: var(--space-400)}.nav__icon[data-v-cfe98a85]{block-size:var(--space-250)}}@media (min-width: 60rem){.app__header[data-v-cfe98a85]{position:sticky;top:var(--header-margin-block-start);border-radius:var(--br-300);flex-direction:column;gap:var(--space-900);block-size:auto;inline-size:calc(var(--header-inner-inline-size) + 2 * var(--header-padding-inline))}.app__user[data-v-cfe98a85]{inline-size:100%;block-size:auto;margin-block-start:auto}.nav__list[data-v-cfe98a85]{flex-direction:column;--nav-list-gap: var(--space-500)}.user__avatar[data-v-cfe98a85]{block-size:auto;inline-size:100%}}.search__label[data-v-1fbe642f]{cursor:pointer;display:flex;gap:var(--space-200);align-items:center}.search__icon[data-v-1fbe642f]{aspect-ratio:1 / 1;block-size:var(--space-300)}.search__input[data-v-1fbe642f]{appearance:none;-webkit-appearance:none;outline:0;border:0;border-bottom:1px solid transparent;inline-size:100%;background-color:transparent;color:var(--color-text-primary);margin:0;padding:var(--space-200) 0;caret-color:var(--color-input-caret)}.search__form:focus-within .search__input[data-v-1fbe642f],.search__input[data-v-1fbe642f]:focus-visible{border-block-end:1px solid var(--color-border-active)}@media (min-width: 40rem){.search__label[data-v-1fbe642f]{gap:var(--space-300)}.search__icon[data-v-1fbe642f]{block-size:var(--space-400)}}@media (min-width: 60rem){.search__label[data-v-1fbe642f]{gap:var(--space-400)}}.app__main[data-v-9b8a3702]{margin-block-start:var(--main-margin-block-start);margin-block-end:var(--main-margin-block-end)}.fade-enter-active[data-v-9b8a3702],.fade-leave-active[data-v-9b8a3702]{transition:opacity .1s}.fade-enter-from[data-v-9b8a3702],.fade-leave-to[data-v-9b8a3702]{opacity:0}.skip-to-main[data-v-9b8a3702]{z-index:2;position:absolute;top:1rem;left:1rem;translate:-500% 0%;color:var(--color-text-primary);background-color:var(--color-background-primary);text-decoration:none;outline:1px dashed var(--color-text-primary);outline-offset:4px;transition:translate .3s}.skip-to-main[data-v-9b8a3702]:hover,.skip-to-main[data-v-9b8a3702]:focus-visible{translate:0% 0%}@media (min-width: 60rem){.app__container[data-v-9b8a3702]{display:grid;grid-template-columns:auto minmax(0,1fr)}}.media__thumbnail[data-v-7a43aeb7]{position:relative}.media__thumbnail>img[data-v-7a43aeb7]{border-radius:var(--br-150)}.card[data-v-a92dbf45]{--bookmark-margin-inline: var(--space-100);--bookmark-margin-block: var(--space-100);position:relative;display:grid;grid-template-areas:"thumbnail" "text";row-gap:var(--space-100)}.card--horizontal[data-v-a92dbf45]{--info-padding-inline: var(--space-200);--info-padding-block: var(--space-200);inline-size:15rem;grid-template-rows:1fr min-content}.card__text[data-v-a92dbf45]{position:relative;grid-area:text;display:flex;flex-direction:column-reverse;gap:var(--space-100)}.card--horizontal>.card__text[data-v-a92dbf45]{padding-inline:var(--info-padding-inline);padding-block:var(--info-padding-block)}.card--horizontal>.card__text[data-v-a92dbf45]:before{content:"";position:absolute;inset:0;background:var(--gradient1);z-index:-1}.card__thumbnail[data-v-a92dbf45]{grid-area:thumbnail;z-index:-2}.card__bookmark[data-v-a92dbf45]{grid-area:thumbnail;align-self:start;justify-self:end;margin-inline-end:var(--bookmark-margin-inline);margin-block-start:var(--bookmark-margin-block);aspect-ratio:1 / 1;block-size:var(--space-400);cursor:pointer;background-color:var(--color-background-bookmark);border-radius:var(--br-900);display:grid;grid-template-areas:"stack";place-items:center;z-index:1}.card__button[data-v-a92dbf45]{grid-area:thumbnail;align-self:center;justify-self:center;opacity:0;cursor:pointer;background:var(--color-background-play-button);border-radius:var(--br-400);inline-size:117px;block-size:48px;padding:var(--space-112);display:flex;align-items:center;gap:var(--space-200)}.card__button[data-v-a92dbf45]:after{content:"";position:absolute;inset:0}.card:hover .card__button[data-v-a92dbf45],.card:focus-within .card__button[data-v-a92dbf45]{opacity:1}.card--horizontal>.card__thumbnail[data-v-a92dbf45],.card--horizontal>.card__button[data-v-a92dbf45]{grid-area:unset;grid-row:1 / -1;grid-column:1 / -1}.card__info[data-v-a92dbf45]{color:var(--color-text-info);display:flex;gap:var(--space-100)}.card__info[data-v-a92dbf45]>*{display:flex;align-items:center;gap:var(--space-100);white-space:nowrap}.card__info[data-v-a92dbf45]>:not(:last-child):after{content:"·"}.category__icon[data-v-a92dbf45]{block-size:var(--space-125);inline-size:auto}.card__bookmark[data-v-a92dbf45]>*{grid-area:stack}.card__bookmark[data-v-a92dbf45]:focus-within{background-color:var(--color-background-bookmark-hover);outline-offset:2px;outline:2px dashed var(--color-text-primary)}.card__bookmark:focus-within svg[data-v-a92dbf45]{color:var(--color-bookmark-hover)}@media (hover){.card__bookmark[data-v-a92dbf45]:hover{background-color:var(--color-background-bookmark-hover)}.card__bookmark:hover svg[data-v-a92dbf45]{color:var(--color-bookmark-hover)}}.card__bookmark-checkbox[data-v-a92dbf45]{cursor:pointer;padding:0;margin:0;opacity:0;block-size:100%;inline-size:100%;z-index:1}.bookmark__icon[data-v-a92dbf45]{block-size:14px;inline-size:auto}.bookmark__icon--checked[data-v-a92dbf45]{display:none}.card__bookmark:has(:checked) .bookmark__icon--unchecked[data-v-a92dbf45]{display:none}.card__bookmark:has(:checked) .bookmark__icon--checked[data-v-a92dbf45]{display:block}.play__icon[data-v-a92dbf45]{block-size:100%;inline-size:auto}.card__button[data-v-a92dbf45]:focus-visible{outline-offset:2px;outline:2px dashed var(--color-text-primary)}@media (min-width: 40rem){.card[data-v-a92dbf45]{--bookmark-margin-inline: var(--space-200);--bookmark-margin-block: var(--space-200)}.card--horizontal[data-v-a92dbf45]{--bookmark-margin-inline: var(--space-300);--info-padding-inline: var(--space-300);inline-size:29.375rem}.category__icon[data-v-a92dbf45]{block-size:var(--space-150)}}.media-list[data-v-87f2dc87]{--num-columns: 2;--item-inline-size-min: 160px;display:grid;grid-template-columns:repeat(var(--num-columns),1fr);row-gap:var(--space-200);column-gap:var(--space-200)}.media-list--horizontal[data-v-87f2dc87]{display:flex;overflow-x:auto;scroll-snap-type:inline proximity;gap:var(--space-200);-webkit-overflow-scrolling:touch}.media-list--horizontal[data-v-87f2dc87]::-webkit-scrollbar{display:none}.media-list--horizontal[data-v-87f2dc87]>*{flex:0 0 auto;scroll-snap-align:start}@media (max-width: 22rem){.media-list[data-v-87f2dc87]{--num-columns: 1}}@media (min-width: 40rem){.media-list[data-v-87f2dc87]{--num-columns: 3;--item-inline-size-min: 220px;row-gap:var(--space-300);column-gap:var(--space-375)}.media-list--horizontal[data-v-87f2dc87]{gap:var(--space-500)}}@media (min-width: 60rem){.media-list[data-v-87f2dc87]{--num-columns: 4;--item-inline-size-min: 220px;column-gap:var(--space-500)}}