.navScope .header{max-width:100vw;background-color:transparent;height:var(--header-height);padding:calc(var(--sizing, 1)*var(--padding-inline, 12px));position:fixed;top:0;left:0;right:0;z-index:9;display:flex}.navScope .header .nav{flex:1 1 auto;display:flex;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:1rem}.navScope .header .nav .nav-left{display:flex;align-items:center;flex-grow:0;flex-shrink:0;flex-basis:calc(50% - 175px);height:100%}.navScope .header .nav .nav-left img{margin-right:10px}@media screen and (max-width:1440px){.navScope .header .nav .nav-left img{width:150px}}@media screen and (max-width:395px){.navScope .header .nav .nav-left img{width:120px}}@media screen and (max-width:1440px){.navScope .header .nav .nav-left svg{width:40px}}@media screen and (max-width:395px){.navScope .header .nav .nav-left svg{width:25px}}.navScope .header .nav .nav-left .drop-down-links,.navScope .header .nav .nav-left .nav-dropdown button,.navScope .header .nav .nav-left a{text-decoration:none;padding:0 calc(var(--sizing, 1)*var(--padding-inline, 12px));cursor:pointer;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;font-family:inherit;font-weight:var(--font-bold);font-size:1.4rem;line-height:100%;color:var(--color-base-content);height:100%;border-radius:var(--radius-box)}.navScope .header .nav .nav-left .drop-down-links:hover,.navScope .header .nav .nav-left .nav-dropdown button:hover,.navScope .header .nav .nav-left a:hover{background-color:color-mix(in oklab,var(--color-base-content) 10%,transparent)}.navScope .header .nav .nav-left .sub-name{font-size:1.3rem;font-weight:var(--font-light);margin-left:1.3rem;width:100%;white-space:nowrap;display:inline-flex;align-items:center;cursor:pointer}.navScope .header .nav .nav-right{display:flex;align-items:center;flex:0 0 auto;justify-content:flex-end;gap:1rem;margin-left:auto;height:100%}.navScope .header .nav .nav-right svg{color:var(--color-base-content)}.navScope .header .nav .nav-right svg:hover{color:var(--color-secondary)}.navScope .header .nav .nav-right .join-link,.navScope .header .nav .nav-right .login-link{--fontsize:1.4rem}.navScope .header .nav .nav-dropdown{position:relative}.navScope .header .nav .nav-dropdown button{outline:none;border:none;background-color:transparent;padding:0;color:var(--color-base-content)}.navScope .header .nav .nav-dropdown .nav-dropdown-menu{display:flex;flex-direction:column;align-items:flex-start;position:absolute;top:100%;left:0;background:var(--color-base-100);border-radius:var(--radius-field);box-shadow:0 .5px 0 .5px oklch(100% 0 0/calc(var(--depth, 0) * 6%)) inset,var(--btn-shadow);border:1px solid var(--color-base-300);z-index:10;margin:0;list-style:none;white-space:nowrap;padding:15px;gap:10px}.navScope .header .nav .nav-dropdown .nav-dropdown-menu>*{margin-left:0}.navScope .header .nav .nav-dropdown .nav-dropdown-menu .drop-down-links,.navScope .header .nav .nav-dropdown .nav-dropdown-menu .sub-name,.navScope .header .nav .nav-dropdown .nav-dropdown-menu a{padding:0;width:100%;text-align:left;justify-content:flex-start}.navScope .header .nav .nav-mobile{position:absolute;width:100%;height:calc(100vh - 0rem);top:0;display:flex;flex-direction:column;justify-content:flex-start;left:0;right:0;bottom:0;gap:10px;background:var(--color-base-200)}.navScope .header .nav .nav-mobile,.navScope .header .nav .nav-mobile a{align-items:center;padding:calc(var(--sizing, 1)*var(--padding-inline, 12px))}.navScope .header .nav .nav-mobile a{text-decoration:none;cursor:pointer;display:inline-flex;justify-content:center;white-space:nowrap;font-family:inherit;font-weight:var(--font-light);font-size:1.4rem;line-height:100%;color:var(--color-base-content)}.navScope .header .nav .nav-mobile a:hover{color:var(--color-secondary)}.navScope .header .nav .nav-mobile .mobile-nav-socials{display:flex;gap:10px;justify-content:center;margin-top:auto;width:100%}@media screen and (min-width:1024px){.navScope .header .nav .nav-mobile{display:none}}@media screen and (max-width:768px){.navScope .header .nav .nav-mobile{align-items:flex-start}}.navScope .header.scrolling{background:var(--color-base-200)}.navScope .header.scrolling .nav .nav-center{margin-bottom:0}.navScope .header .menu-toggle{background:transparent;outline:none}@media screen and (max-width:1024px){.navScope .header .menu-toggle{z-index:1}}@media screen and (min-width:1024px){.navScope .header .nav-right.mobile-toggle{display:none}}.navScope .header .nav-right.mobile-toggle .ypp-logo{--ypp-logo-margin:0 auto 0 0}@media(max-width:768px){.navScope .header .menu-toggle{display:block;cursor:pointer}.navScope .header .nav-left.open,.navScope .header .nav-right.open{display:block}}.navScope .header .nav .user-menu{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:101;height:100%;max-height:50px}.navScope .header .nav .user-menu button{height:100%;display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:calc(var(--sizing, 1)*var(--padding-inline, 12px));border:var(--border,1px) solid var(--color-primary);background-color:var(--color-primary);border-radius:var(--radius-box);cursor:pointer;color:var(--color-primary-content);font-weight:var(--font-extrabold);font-size:1.4rem;min-width:250px}.navScope .header .nav .user-menu button svg{color:var(--color-primary-content)}.navScope .header .nav .user-menu button svg:last-child{margin-left:auto}.navScope .header .nav .user-menu button.open{color:var(--color-primary-content);border-style:dashed}.navScope .header .nav .user-menu .nav-dropdown-menu{right:0;padding:10px;z-index:101}.navScope .header .nav .user-menu .nav-dropdown-menu .user-menu-header{display:flex;flex-direction:column;text-align:center;width:100%}.navScope .header .nav .user-menu .nav-dropdown-menu .user-menu-header .favorites{display:flex;flex-wrap:wrap;border:1px dashed var(--color-primary);border-radius:6px;position:relative;padding:12px 5px 8px;margin:15px 0;color:var(--color-base-content)}.navScope .header .nav .user-menu .nav-dropdown-menu .user-menu-header .favorites .header-text{display:inline-flex;width:-moz-fit-content;width:fit-content;justify-content:center;position:absolute;top:0;left:50%;transform:translate(-50%,-50%);background-color:var(--color-primary);border:1px solid var(--color-primary);border-radius:5px;padding:0 10px;color:var(--color-primary-content);font-weight:var(--font-extrabold);font-size:1rem;letter-spacing:1px;text-transform:uppercase}.navScope .header .nav .user-menu .nav-dropdown-menu .user-menu-header .favorites>a{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 20px);display:flex;justify-content:center;align-items:center;gap:4px;margin-left:0;color:var(--color-base-content);text-decoration:none;font-size:1.1rem;padding:4px;border-radius:var(--radius-box);width:50%}.navScope .header .nav .user-menu .nav-dropdown-menu .user-menu-header .favorites>a svg{width:18px;height:18px}.navScope .header .nav .user-menu .nav-dropdown-menu .user-menu-header .favorites>a:hover{text-decoration:underline;background-color:var(--color-primary);color:var(--color-primary-content)}.navScope .header .nav .user-menu .nav-dropdown-menu .user-menu-header .favorites>a:hover svg{color:var(--color-primary-content)}.navScope .header .nav .user-menu .nav-dropdown-menu>a{display:block;padding:3px 10px;color:var(--color-base-content);font-weight:var(--font-normal);font-size:1.4rem;border-radius:var(--radius-box);text-transform:uppercase;text-decoration:none}.navScope .header .nav .user-menu .nav-dropdown-menu>a:hover{background-color:var(--color-primary);color:var(--color-primary-content)}.navScope .search__wrapper{position:fixed;width:100vw;height:100vh;top:0;left:0;background-color:hsla(0,0%,7%,.416);display:flex;justify-content:center;align-items:center;z-index:1024}.navScope .search__container{width:calc(100% - 10px);height:90vh;overflow:hidden;display:flex;justify-content:center;align-items:flex-start;max-width:500px;background:var(--color-base-100,#0a0a0a);padding:2rem 0 0;border-radius:8px;border:var(--border,1px,1px) solid var(--color-base-300,#2d2d2d)}@media screen and (min-width:768px){.navScope .search__container{max-height:600px}}.navScope .search__container .search-header-wrap{flex:1 1;height:100%}.navScope .search__container .search-box{display:flex;align-items:center;gap:1rem;padding:2rem;border-bottom:var(--border,1px,1px) solid var(--color-base-300,#2d2d2d);position:relative}.navScope .search__container .search-box span{font-size:2rem}.navScope .search__container .search-box .search-field{height:28px;font-size:18px;color:var(--color-base-content,#f1f1f1);border:none;outline:none;padding:0;flex:1 1;background:transparent;font-size:1.4rem}.navScope .search__container .search-box .search-field::placeholder{color:var(--color-base-content,#f1f1f1);text-transform:capitalize}.navScope .search__container .search-wrap,.navScope .search__container .search-wrap .dropdown{height:100%}.navScope .search__container .search-wrap .dropdown .dropdown-menu.dropdown-menu-right{width:100%;background:var(--color-base-100,#0a0a0a);color:var(--color-base-content,#f1f1f1);padding:1rem;max-height:calc(100% - 68px);overflow-y:auto;position:unset;flex-direction:row;flex-wrap:wrap;gap:1rem;display:flex;border-bottom:none;border-radius:0;-ms-overflow-style:none;scrollbar-width:none}.navScope .search__container .search-wrap .dropdown .dropdown-menu.dropdown-menu-right::-webkit-scrollbar{display:none}.navScope .search__container .search-wrap .dropdown .dropdown-menu.dropdown-menu-right .dropdown-header{font-weight:700;color:var(--color-base-content,#f1f1f1)}.navScope .search__container .search-wrap .dropdown .dropdown-menu.dropdown-menu-right li{display:flex;width:100%;font-size:1.4rem}.navScope .search__container .search-wrap .dropdown .dropdown-menu.dropdown-menu-right .hide{display:none}.navScope .search__container .search-wrap .dropdown .dropdown-menu.dropdown-menu-right .result-item{padding:10px;border:var(--border,1px) solid var(--color-base-300,#2d2d2d);border-radius:8px}.navScope .search__container .search-wrap .dropdown .dropdown-menu.dropdown-menu-right .result-item a{width:100%;text-decoration:none}.navScope .search__container .search-wrap .dropdown .dropdown-menu.dropdown-menu-right .result-item a .result-image{display:block;width:100%}.navScope .search__container .search-wrap .dropdown .dropdown-menu.dropdown-menu-right .result-item a .result-image img{width:100%;border-radius:8px}.navScope .search__container .search-wrap .dropdown .dropdown-menu.dropdown-menu-right .result-item[result-type=tags]{width:48%}.navScope .search__container .search-wrap .dropdown .dropdown-menu.dropdown-menu-right .info-wrap{display:flex;flex-direction:column;padding:1rem 0 0}.navScope .search__container .search-wrap .dropdown .dropdown-menu.dropdown-menu-right .info-wrap .title{font-size:1.5rem;font-weight:700}.navScope .search__container .search-wrap .dropdown .dropdown-menu.dropdown-menu-right .info-wrap .date{font-size:1.3rem;color:color-mix(in srgb,var(--color-base-content,#fefefe) 80%,#000)}.navScope .search__container .search-wrap .dropdown .dropdown-menu.dropdown-menu-right .info-wrap .description{font-size:1.2rem;color:var(--color-base-content,#fefefe);margin-bottom:0}.navScope .search-input{margin-left:auto;padding:0;background:var(--color-base-100);border:var(--border,1px) solid var(--color-base-300);border-radius:var(--radius-box);color:var(--color-base-content);font-size:1.4rem;outline:none;box-shadow:none;display:inline-flex;align-items:center;width:var(--ypp-header-items-search-width,calc(100% - 35px));max-width:350px;min-width:200px;height:var(--size);padding-inline:1rem;--size:calc(var(--size-field, 0.25rem) * 10)}@media screen and (max-width:992px){.navScope .search-input{background-color:transparent;margin-left:auto;margin-right:0;width:-moz-fit-content;width:fit-content}}.navScope .search-input span{color:var(--color-base-content);text-transform:uppercase;margin-right:1.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (max-width:992px){.navScope .search-input span{display:none}}.navScope .search-input svg{width:2.5rem;margin-right:6px}.navScope .search-input kbd{height:20px;line-height:20px;border-radius:6px;padding:0 6px;font-size:12px;color:var(--color-base-content);background:var(--color-base-200);font-weight:500;font-family:inherit;box-shadow:0 0 0 1px hsla(0,0%,100%,.145);border:none;margin-left:16px}@media screen and (max-width:992px){.navScope .search-input kbd{display:none}}.navScope .search-input .search-header-wrap{display:flex;height:100%;align-items:center}.navScope .search-input .search-header-wrap .search-wrap{font-size:1.4rem;background:var(--color-base-100);color:var(--color-base-content);border-radius:var(--radius-box)}.navScope .search-input .search-header-wrap .search-wrap .dropdown{position:relative}.navScope .search-input .search-header-wrap .search-wrap .dropdown .search-box{display:flex}.navScope .search-input .search-header-wrap .search-wrap .dropdown .search-box span{display:inline-flex;align-items:center;margin-right:10px}.navScope .search-input .search-header-wrap .search-wrap .dropdown .search-box .search-field{margin:0;padding:0;background-color:transparent;border:none;color:var(--color-base-content);width:15vw;font-size:1.4rem;outline:none;box-shadow:none}.navScope .search-input .search-header-wrap .search-wrap .dropdown .search-box .search-field::placeholder{text-transform:capitalize}