@layer theme{.p1-aside-nav-drawer{display:flex;flex-direction:column;max-height:100%;overflow:auto;justify-content:normal;flex:1 1;background-color:var(--color-base-200);border-radius:0}@media(min-width:64rem){.p1-aside-nav-drawer{border-radius:var(--border-radius-box)}}.p1-aside-nav-drawer__header{display:flex;justify-content:space-between}.p1-aside-nav-drawer__title{text-transform:capitalize}.p1-aside-nav-drawer__close-sidebar-button,.p1-aside-nav-drawer__toggle-nested-button{background-color:var(--color-transparent);color:var(--color-on-primary);border:1px solid var(--color-base-300);padding:0;border-radius:100%;height:var(--size-8);width:var(--size-8)}.p1-aside-nav-drawer__close-sidebar-button:hover,.p1-aside-nav-drawer__toggle-nested-button:hover{background-color:oklch(from var(--color-ground-50) l c h/.3)}.p1-aside-nav-drawer__close-sidebar-button:active,.p1-aside-nav-drawer__toggle-nested-button:active{background-color:oklch(from var(--color-ground-50) l c h/.35)}.p1-aside-nav-main{gap:var(--size-4);display:flex;flex-direction:column;padding:var(--size-4);background-color:var(--color-base-100)}.p1-aside-nav-main__content{flex:1 1}.p1-aside-nav-main__nav{display:flex;flex-direction:column;gap:var(--size-1)}.p1-aside-nav-main__skeleton{display:grid;grid-gap:var(--size-1);gap:var(--size-1)}.p1-aside-nav-main__skeleton-item{font-size:var(--font-size-md);padding:var(--size-2) var(--size-4);border-radius:var(--border-radius-field);height:auto;width:auto}.p1-aside-nav-main__header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin:0}.p1-aside-nav-main__close-button{background-color:var(--color-transparent);color:var(--color-on-primary);border:1px solid var(--color-base-300);padding:0;height:var(--size-8);width:var(--size-8);border-radius:100%;flex-shrink:0}.p1-aside-nav-main__close-button:hover{background-color:oklch(from var(--color-ground-50) l c h/.3)}.p1-aside-nav-main__close-button:active{background-color:oklch(from var(--color-ground-50) l c h/.35)}.p1-aside-nav-main__logo{height:30px;color:var(--color-on-primary)}.p1-aside-nav__left{width:100%;position:relative;z-index:1;flex-shrink:0}}@layer theme{}@layer theme{@media(min-width:40rem){.p1-aside-nav__left{width:var(--aside-nav-width)}}@media(min-width:64rem){.p1-aside-nav__left{border-radius:var(--border-radius-box)}}.p1-aside-nav__right{display:flex;position:fixed;inset:0;z-index:2;flex-shrink:0;width:0;opacity:0;padding:0;flex-direction:column;transition-property:max-width,opacity,width,transform,padding;transition-duration:var(--animation-duration);transition-timing-function:var(--animation-fn);border-radius:0;overflow:hidden}@media(min-width:64rem){.p1-aside-nav__right{position:relative;border-radius:var(--border-radius-box)}}.p1-aside-nav__right_opened{width:100%;opacity:1;overflow:initial}@media(min-width:40rem){.p1-aside-nav__right_opened{width:var(--aside-nav-nested-width)}}@media(min-width:64rem){.p1-aside-nav__right_opened{padding:var(--size-2)}}}@layer theme{.p1-search-nav-item__button{background-color:var(--color-transparent);color:var(--color-on-primary);border:1px solid var(--color-base-300);font-size:var(--font-size-md);padding:var(--size-2) var(--size-4);border-radius:var(--border-radius-field);height:auto;width:auto}.p1-search-nav-item__button:hover{background-color:oklch(from var(--color-ground-50) l c h/.3)}.p1-search-nav-item__button:active{background-color:oklch(from var(--color-ground-50) l c h/.35)}@media(min-width:64rem){.p1-search-nav-item__button{display:none}}.p1-search-nav-item__label{display:none;flex-grow:1}@media(min-width:40rem){.p1-search-nav-item__label{display:inline}}.p1-search-nav-item__bar{display:none;width:15rem;align-items:center}@media(min-width:64rem){.p1-search-nav-item__bar{display:grid;grid-template-areas:"content"}}.p1-search-nav-item__input{grid-area:content;padding-left:var(--size-10)}.p1-search-nav-item__icon{grid-area:content;transform:translateX(var(--size-2));width:var(--size-4);height:var(--size-4)}}.p1-header{position:-webkit-sticky;position:sticky;top:0;padding:var(--size-2);display:grid;grid-template-areas:"left center right";grid-template-columns:fit-content(0) auto fit-content(0);z-index:1;grid-gap:var(--size-1);gap:var(--size-1);border-radius:var(--border-radius-box);color:var(--color-on-base);justify-items:center;background-color:var(--color-base-200)}.p1-header__logo{color:var(--color-on-primary);display:none}@media(min-width:64rem){.p1-header__logo{width:12rem;display:flex;align-items:center}}.p1-header__logo_sidebar-opened{display:none}.p1-header__nav{grid-area:center;display:flex;align-items:center;gap:var(--size-4)}@media(min-width:64rem){.p1-header__nav{grid-area:left}}.p1-header__explore-nav-item,.p1-header__nav-item{color:var(--color-muted);font:var(--font-subtitle)}.p1-header__explore-nav-item_active,.p1-header__nav-item_active{color:var(--color-on-primary)}.p1-header__explore-nav-item{display:none;text-transform:capitalize}@media(min-width:64rem){.p1-header__explore-nav-item{display:flex}}.p1-header__explore-nav-item_sidebar-opened{display:none}.p1-header__explore-dot{position:absolute;color:var(--color-on-primary);fill:currentColor;top:2px;right:-10px;width:6px;height:6px}.p1-header__actions{position:fixed;display:flex;gap:var(--size-2);flex-wrap:nowrap;align-items:center;padding:var(--size-1);inset:var(--size-4);top:auto;background:var(--color-secondary);border-radius:var(--border-radius-field);transition:all var(--animation-duration) var(--animation-fn)}@media(min-width:40rem){.p1-header__actions{left:50%;transform:translateX(-50%)}.p1-header__actions_sidebar-opened{left:calc(var(--aside-nav-width) + var(--size-4) + var(--size-2));transform:none}}@media(min-width:64rem){.p1-header__actions{grid-area:right;position:static;transform:none;padding:0;background:none}}.p1-header__login{background-color:var(--color-secondary);color:var(--color-on-secondary);border:none;font-size:var(--font-size-md);padding:var(--size-2) var(--size-4);border-radius:var(--border-radius-field);height:auto;width:auto;flex-grow:1}.p1-header__login:hover{background-color:oklch(from var(--color-secondary) l c h/.9)}.p1-header__login:active{background-color:var(--color-secondary-600)}.p1-header__signup{background-color:var(--color-primary);color:var(--color-on-primary);border:none;font-size:var(--font-size-md);padding:var(--size-2) var(--size-4);border-radius:var(--border-radius-field);height:auto;width:auto;flex-grow:1}.p1-header__signup:hover{background-color:oklch(from var(--color-primary) l c h/.9)}.p1-header__signup:active{background-color:var(--color-primary-700)}.p1-header__explore-menu{background-color:var(--color-transparent);color:var(--color-on-primary);border:1px solid var(--color-base-300);font-size:var(--font-size-md);padding:var(--size-2) var(--size-4);border-radius:var(--border-radius-field);height:auto;width:auto;display:flex;text-transform:capitalize}.p1-header__explore-menu:hover{background-color:oklch(from var(--color-ground-50) l c h/.3)}.p1-header__explore-menu:active{background-color:oklch(from var(--color-ground-50) l c h/.35)}@media(min-width:64rem){.p1-header__explore-menu{display:none}}.p1-header__explore-menu-label{display:none}@media(min-width:40rem){.p1-header__explore-menu-label{display:inline}}.p1-header__search{grid-area:left}@media(min-width:64rem){.p1-header__search{grid-area:center}}.p1-header__player{display:none;grid-area:right}@media(min-width:64rem){.p1-header__player{display:flex;align-items:center;gap:var(--size-3)}}