@keyframes fade-in-from-top{from{translate:-5% 0%;opacity:0}to{translate:0% 0%;opacity:1}}@keyframes fade-out-to-top{to{translate:-5% 0%;opacity:0}from{translate:0% 0%;opacity:1}}@keyframes fade-in-from-right{from{translate:5% 0;opacity:0}to{translate:0% 0%;opacity:1}}@keyframes fade-out-to-right{to{translate:5% 0%;opacity:0}from{translate:0% 0%;opacity:1}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes fade-out{to{opacity:0}from{opacity:1}}*[color=red]{--color: red;--color-element: hsl(0, 40%, 35%);--color-hover: hsl(0, 40%, 45%);--color-background: hsl(0, 30%, 15%);--color-background-border: hsl(0, 30%, 20%);--color-background-text: hsl(0, 30%, 70%)}*[accent=red]{--accent: red;--accent-element: hsl(0, 40%, 35%);--accent-hover: hsl(0, 40%, 45%);--accent-background: hsl(0, 30%, 15%);--accent-background-border: hsl(0, 30%, 20%);--accent-background-text: hsl(0, 30%, 70%)}*[color=orange]{--color: orange;--color-element: hsl(30, 40%, 35%);--color-hover: hsl(30, 40%, 45%);--color-background: hsl(30, 30%, 15%);--color-background-border: hsl(30, 30%, 20%);--color-background-text: hsl(30, 30%, 70%)}*[accent=orange]{--accent: orange;--accent-element: hsl(30, 40%, 35%);--accent-hover: hsl(30, 40%, 45%);--accent-background: hsl(30, 30%, 15%);--accent-background-border: hsl(30, 30%, 20%);--accent-background-text: hsl(30, 30%, 70%)}*[color=yellow]{--color: yellow;--color-element: hsl(60, 40%, 35%);--color-hover: hsl(60, 40%, 45%);--color-background: hsl(60, 30%, 15%);--color-background-border: hsl(60, 30%, 20%);--color-background-text: hsl(60, 30%, 70%)}*[accent=yellow]{--accent: yellow;--accent-element: hsl(60, 40%, 35%);--accent-hover: hsl(60, 40%, 45%);--accent-background: hsl(60, 30%, 15%);--accent-background-border: hsl(60, 30%, 20%);--accent-background-text: hsl(60, 30%, 70%)}*[color=yellow-green]{--color: yellow-green;--color-element: hsl(90, 40%, 35%);--color-hover: hsl(90, 40%, 45%);--color-background: hsl(90, 30%, 15%);--color-background-border: hsl(90, 30%, 20%);--color-background-text: hsl(90, 30%, 70%)}*[accent=yellow-green]{--accent: yellow-green;--accent-element: hsl(90, 40%, 35%);--accent-hover: hsl(90, 40%, 45%);--accent-background: hsl(90, 30%, 15%);--accent-background-border: hsl(90, 30%, 20%);--accent-background-text: hsl(90, 30%, 70%)}*[color=green]{--color: green;--color-element: hsl(120, 40%, 35%);--color-hover: hsl(120, 40%, 45%);--color-background: hsl(120, 30%, 15%);--color-background-border: hsl(120, 30%, 20%);--color-background-text: hsl(120, 30%, 70%)}*[accent=green]{--accent: green;--accent-element: hsl(120, 40%, 35%);--accent-hover: hsl(120, 40%, 45%);--accent-background: hsl(120, 30%, 15%);--accent-background-border: hsl(120, 30%, 20%);--accent-background-text: hsl(120, 30%, 70%)}*[color=spring-green]{--color: spring-green;--color-element: hsl(150, 40%, 35%);--color-hover: hsl(150, 40%, 45%);--color-background: hsl(150, 30%, 15%);--color-background-border: hsl(150, 30%, 20%);--color-background-text: hsl(150, 30%, 70%)}*[accent=spring-green]{--accent: spring-green;--accent-element: hsl(150, 40%, 35%);--accent-hover: hsl(150, 40%, 45%);--accent-background: hsl(150, 30%, 15%);--accent-background-border: hsl(150, 30%, 20%);--accent-background-text: hsl(150, 30%, 70%)}*[color=cyan]{--color: cyan;--color-element: hsl(180, 40%, 35%);--color-hover: hsl(180, 40%, 45%);--color-background: hsl(180, 30%, 15%);--color-background-border: hsl(180, 30%, 20%);--color-background-text: hsl(180, 30%, 70%)}*[accent=cyan]{--accent: cyan;--accent-element: hsl(180, 40%, 35%);--accent-hover: hsl(180, 40%, 45%);--accent-background: hsl(180, 30%, 15%);--accent-background-border: hsl(180, 30%, 20%);--accent-background-text: hsl(180, 30%, 70%)}*[color=azure]{--color: azure;--color-element: hsl(210, 40%, 35%);--color-hover: hsl(210, 40%, 45%);--color-background: hsl(210, 30%, 15%);--color-background-border: hsl(210, 30%, 20%);--color-background-text: hsl(210, 30%, 70%)}*[accent=azure]{--accent: azure;--accent-element: hsl(210, 40%, 35%);--accent-hover: hsl(210, 40%, 45%);--accent-background: hsl(210, 30%, 15%);--accent-background-border: hsl(210, 30%, 20%);--accent-background-text: hsl(210, 30%, 70%)}*[color=blue]{--color: blue;--color-element: hsl(240, 40%, 35%);--color-hover: hsl(240, 40%, 45%);--color-background: hsl(240, 30%, 15%);--color-background-border: hsl(240, 30%, 20%);--color-background-text: hsl(240, 30%, 70%)}*[accent=blue]{--accent: blue;--accent-element: hsl(240, 40%, 35%);--accent-hover: hsl(240, 40%, 45%);--accent-background: hsl(240, 30%, 15%);--accent-background-border: hsl(240, 30%, 20%);--accent-background-text: hsl(240, 30%, 70%)}*[color=violet]{--color: violet;--color-element: hsl(270, 40%, 35%);--color-hover: hsl(270, 40%, 45%);--color-background: hsl(270, 30%, 15%);--color-background-border: hsl(270, 30%, 20%);--color-background-text: hsl(270, 30%, 70%)}*[accent=violet]{--accent: violet;--accent-element: hsl(270, 40%, 35%);--accent-hover: hsl(270, 40%, 45%);--accent-background: hsl(270, 30%, 15%);--accent-background-border: hsl(270, 30%, 20%);--accent-background-text: hsl(270, 30%, 70%)}*[color=magenta]{--color: magenta;--color-element: hsl(300, 40%, 35%);--color-hover: hsl(300, 40%, 45%);--color-background: hsl(300, 30%, 15%);--color-background-border: hsl(300, 30%, 20%);--color-background-text: hsl(300, 30%, 70%)}*[accent=magenta]{--accent: magenta;--accent-element: hsl(300, 40%, 35%);--accent-hover: hsl(300, 40%, 45%);--accent-background: hsl(300, 30%, 15%);--accent-background-border: hsl(300, 30%, 20%);--accent-background-text: hsl(300, 30%, 70%)}*[color=rose]{--color: rose;--color-element: hsl(330, 40%, 35%);--color-hover: hsl(330, 40%, 45%);--color-background: hsl(330, 30%, 15%);--color-background-border: hsl(330, 30%, 20%);--color-background-text: hsl(330, 30%, 70%)}*[accent=rose]{--accent: rose;--accent-element: hsl(330, 40%, 35%);--accent-hover: hsl(330, 40%, 45%);--accent-background: hsl(330, 30%, 15%);--accent-background-border: hsl(330, 30%, 20%);--accent-background-text: hsl(330, 30%, 70%)}*[color=gray]{--color: gray;--color-element: hsl(0, 0%, 35%);--color-hover: hsl(0, 0%, 45%);--color-background: hsl(0, 0%, 15%);--color-background-border: hsl(0, 0%, 20%);--color-background-text: hsl(0, 0%, 70%)}*[accent=gray]{--accent: gray;--accent-element: hsl(0, 0%, 35%);--accent-hover: hsl(0, 0%, 45%);--accent-background: hsl(0, 0%, 15%);--accent-background-border: hsl(0, 0%, 20%);--accent-background-text: hsl(0, 0%, 70%)}*[color=ghost]{--color: ghost;--color-element: #272727;--color-hover: #272727;--color-background: #272727;--color-background-border: #272727;--color-background-text: #272727}html{--element-saturation: 40%;--element-lightness: 35%;--hover-saturation: 40%;--hover-lightness: 45%;font-size:16px;background:#101010;color:#fff;font-family:"Noto Sans";scrollbar-width:0}html::-webkit-scrollbar{display:none}html[popup-open]{overflow:hidden}html:has(dialog[open]){overflow:hidden}@media(max-width: 1000px){html{font-size:1.2vw}}@media(max-width: 600px){html{font-size:3vw}}body{margin:0}body.preloading{display:none}dialog,[popover]{all:unset;-webkit-user-select:text;-moz-user-select:text;user-select:text;display:none;position:fixed}[popover]:popover-open{display:block}.ghost-text{height:1lh;background:#272727;display:inline-block}.ghost-image{width:100%;background:#272727}#content{overflow:auto;max-height:100vh}h1,h2,h3{margin:0;padding:0}a{color:#fff;text-decoration:none}img{max-width:100%;display:block}img.lazy{opacity:0}img.cached{transition-duration:0s}img.hidden{display:none}img.loading{opacity:0}[blur-image]{position:relative}[blur-image] canvas{position:absolute;inset:0;width:100%;height:100%}.palette{display:flex;gap:1rem}.palette .color{height:6rem;width:6rem;display:flex;align-items:center;justify-content:center;text-shadow:0 0 5px #000}#footer{border-top:1px solid rgba(255,255,255,.1)}#footer .center{display:flex;padding:2rem;align-items:center;justify-content:space-around}#footer .center img{max-height:5lh}#footer .center .right{text-wrap:balance;max-width:50%;color:rgba(255,255,255,.5)}#footer .center .right p{margin:0}#footer .center .right p:not(:first-child){margin-top:1rem}#footer .separator{border-top:1px solid rgba(255,255,255,.1)}#footer .bottom{padding:1rem 2rem;display:flex;justify-content:space-between;color:rgba(255,255,255,.5)}@media(max-width: 1000px){#footer .center{justify-content:space-between}}@media(max-width: 600px){#footer .center{flex-direction:column;align-items:flex-start;gap:2rem}#footer .center .right{max-width:none}}.swiping{-webkit-user-select:none;-moz-user-select:none;user-select:none}.popup-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem}.popup-header .text{font-size:1.4rem;font-weight:700;text-transform:uppercase;letter-spacing:.05rem}.pbackground{position:absolute;inset:0;bottom:auto;height:600px;background:url("../header/4-1.webp");translate:0 -50% -1px;scale:2;background-size:cover}.home-header{display:flex;gap:2rem;position:relative;margin-bottom:4rem;height:35vh;align-items:flex-end;transform-style:preserve-3d;overflow:hidden}.home-header .shadow{position:absolute;inset:0;top:auto;height:5rem;background:linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent)}.home-header .background{position:absolute;inset:0;background-color:#446561;background-size:cover;background-position:50% 10%;translate:0 calc(var(--scroll)*.1%)}.home-header .background .header-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top}.home-header img.logo{height:20rem;max-width:none;display:none}.home-header>.text{position:relative;flex:1;font-size:6em;font-family:Platypi;font-weight:700;padding:2rem;text-shadow:0 .25rem .7rem rgba(0,0,0,.5);line-height:1;color:#faf9e8}.home-header .right{position:relative;padding:2rem 2rem}.home-header .button{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 .25rem .5rem rgba(0,0,0,.5)}@media(max-width: 1000px){.home-header{height:25vh}}@media(max-width: 600px){.home-header{flex-direction:column;align-items:center}.home-header>.text{font-size:4rem;order:2;display:flex;align-items:flex-end}.home-header .right{align-self:flex-end;padding:1rem}}#header-channel{position:relative;display:flex;flex-direction:column;margin-bottom:4rem;background:var(--color-background)}#header-channel .background{position:absolute;inset:0}#header-channel .background canvas{width:100%;height:100%;display:none}#header-channel>.top{position:relative;background:none;border-bottom:.1rem solid var(--color-background-border);padding:.5rem 1rem;display:flex;justify-content:space-between;align-items:center}#header-channel>.top .left{display:flex;align-items:center;gap:1rem;color:var(--color-background-text)}#header-channel>.top .separator{width:.25rem;height:.25rem;border-radius:999px;background:var(--color-background-text)}#header-channel>.top .button{box-shadow:none;color:#fff}@media(hover){#header-channel>.top .button:hover{background-color:var(--color-element)}}@media(max-width: 600px){#header-channel>.top{padding:0}#header-channel>.top .left .separator,#header-channel>.top .left .channel-name{display:none}}#header-channel .main{position:relative;max-width:1600px;display:grid;grid-template-columns:auto 1fr;-moz-column-gap:2rem;column-gap:2rem;row-gap:2rem;padding:2rem;align-self:center;grid-template-areas:"avatar details" "avatar button";grid-template-rows:1fr auto;align-content:start;height:clamp(400px,30vw,500px)}#header-channel .main .grid-avatar{grid-area:avatar;height:100%}#header-channel .main .grid-name{display:none}#header-channel .main .grid-details{grid-area:details;align-self:center;display:flex;flex-direction:column;gap:2rem;justify-content:center;max-height:100%;min-height:1px}#header-channel .main .grid-buttons{grid-area:button;align-items:flex-end}#header-channel .main .avatar{height:100%;aspect-ratio:1;background:#272727;box-shadow:0 .75rem 1rem rgba(0,0,0,.5);border-radius:.5rem;overflow:hidden}#header-channel .main .avatar img{aspect-ratio:1;height:100%}#header-channel .main .name{font-size:3em;font-weight:700;line-height:1}#header-channel .main .stats{display:flex;align-items:center;font-size:1.2em}#header-channel .main .stats .dot{height:.3rem;width:.3rem;border-radius:999px;background:#fff;margin:0 1rem}#header-channel .main .stats .videos::after{content:" videos"}#header-channel .main .stats .subscribers::after{content:" subscribers"}#header-channel .main .stats .views::after{content:" views"}#header-channel .main .description{--indicator-color: var(--color-element);--indicator-line-color: var(--color-element);position:relative;color:var(--color-background-text);width:100%;display:flex;flex-direction:column;padding:0;min-height:1px;white-space:pre-line}#header-channel .main .description .scroll{flex:1;padding:1rem 0;padding-right:1rem;overflow-y:auto;box-sizing:border-box;border:.1rem solid hsl(var(--channel-hue), calc(var(--channel-color-saturation) * 30%), 25%);border-radius:.5rem}#header-channel .main .description .scroller{padding:1rem;padding-left:0}#header-channel .main .description .scroll-indicator-top,#header-channel .main .description .scroll-indicator-bottom{--indicator-color: var(--color-element)}#header-channel .main .description .scroll-indicator-top .bar-and-arrow,#header-channel .main .description .scroll-indicator-bottom .bar-and-arrow{opacity:1}#header-channel .main .buttons{flex:1;display:flex;align-items:center;font-weight:500}#header-channel .main .buttons>.icon{width:1.5rem;height:1.5rem;opacity:.5}#header-channel .main .buttons .button{box-shadow:none;margin-right:1rem;box-shadow:inset 0 0 0 1px var(--color-element)}@media(hover){#header-channel .main .buttons .button:hover{background:var(--color-element)}}@media(max-width: 1000px){#header-channel .main{width:auto;align-self:stretch;height:30vw}}@media(max-width: 600px){#header-channel .main{-moz-column-gap:2rem;column-gap:2rem;row-gap:1rem;padding:1rem;max-height:40rem;height:auto;grid-template-columns:30% auto;grid-template-areas:"avatar name" "details details" "button button"}#header-channel .main .grid-name{display:flex;align-items:center}#header-channel .main .grid-name .name{font-size:2rem}#header-channel .main .grid-details{gap:1rem}#header-channel .main .grid-details .name{display:none}#header-channel .main .avatar{height:auto;box-shadow:0 .25rem .5rem rgba(0,0,0,.5)}#header-channel .main .avatar img{height:auto;width:100%}#header-channel .main .stats{justify-content:space-between}#header-channel .main .stats .dot{margin:0}}#channel-videos{display:grid;grid-template-columns:repeat(4, 1fr);padding:0 2rem;margin-bottom:2rem;gap:2rem;row-gap:3rem}@media(max-width: 600px){#channel-videos{grid-template-columns:1fr;padding:0 1rem;gap:1rem}}.load-more-wrap{display:flex;justify-content:center;margin-bottom:4rem}.channel-section{display:grid;grid-template-areas:"avatar video1 video2 video3 video4" "channel-button navigation navigation navigation navigation";grid-template-columns:1fr repeat(4, 1.7777fr);-moz-column-gap:2rem;column-gap:2rem;padding:0 2rem;margin-bottom:4rem}.channel-section.hide{display:none}.channel-section .channel-info{align-self:start;grid-area:avatar}.channel-section .channel-info a.avatar{background:#272727}.channel-section .channel-info a.avatar img{box-shadow:0 0 0 1px rgba(255,255,255,.1),0 0 0 0px #101010,0 0 0 0px rgba(0,0,0,0),0 .75rem 1rem rgba(0,0,0,.5);transition:box-shadow .3s}@media(hover){.channel-section .channel-info a.avatar:hover img{box-shadow:0 0 0 1px rgba(255,255,255,.1),0 0 0 8px #101010,0 0 0 12px #62a38e,0 .75rem 1rem rgba(0,0,0,.5)}}.channel-section .channel-info a.avatar img{border-radius:.25rem;aspect-ratio:1;width:100%}.channel-section .channel-info .text{font-weight:600;text-align:center;padding-top:1rem}.channel-section .channel-info .subtext{font-weight:400;text-align:center;padding-top:.25rem;opacity:.5}.channel-section .videos{display:grid;grid-column:2/span 4;grid-template-columns:subgrid;grid-template-rows:subgrid;padding-bottom:2rem}.channel-section .videos .video-item{max-width:100%;opacity:0;scale:.5;z-index:1;content-visibility:hidden;transition-property:opacity,scale,content-visibility,translate;transition-duration:.3s;transition-behavior:allow-discrete}.channel-section .videos .video-item img{page:no-load}.channel-section .videos .video-item:nth-child(4n+1){grid-area:video1}.channel-section .videos .video-item:nth-child(4n+2){grid-area:video2}.channel-section .videos .video-item:nth-child(4n+3){grid-area:video3}.channel-section .videos .video-item:nth-child(4n+4){grid-area:video4}.channel-section .line{flex:1;height:.3rem;background-color:var(--color-background);border-radius:999px}.channel-section .channel-button{grid-area:channel-button;display:flex;gap:1rem;align-items:center}.channel-section .channel-button .button{background-color:var(--color-element)}@media(hover){.channel-section .channel-button .button:hover{background-color:var(--color-hover)}}.channel-section .navigation{grid-area:navigation;display:flex;gap:1rem;align-items:center}.channel-section .navigation .mask-button{background-color:var(--color-element)}@media(hover){.channel-section .navigation .mask-button:hover{background-color:var(--color-hover)}}.channel-section .navigation .pagination{display:flex;align-items:center}.channel-section .navigation .pagination .dot{position:relative;width:3rem;height:3rem;cursor:pointer}.channel-section .navigation .pagination .dot .circle-1{width:1rem;height:1rem;border-radius:999px;position:absolute;left:50%;top:50%;translate:-50% -50%;transition:scale,background-color;transition-duration:.3s;transition-behavior:allow-discrete;scale:1;background-color:var(--color-background)}.channel-section .navigation .pagination .dot .circle-2{width:1rem;height:1rem;border-radius:999px;position:absolute;left:50%;top:50%;translate:-50% -50%;transition:scale,background-color;transition-duration:.3s;transition-behavior:allow-discrete;scale:0;background-color:#101010}@media(hover){.channel-section .navigation .pagination .dot:hover .circle-1{background-color:var(--color-hover)}}@media(max-width: 600px){.channel-section{grid-template:none;grid-template-areas:"channel-info" "videos" "navigation";padding:0 1rem}.channel-section .channel-info{grid-area:channel-info;margin-bottom:2rem}.channel-section .channel-info a.avatar{display:flex;background:none;background-color:var(--color-background);border-radius:.5rem;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 0 0 0px #101010,0 0 0 0px rgba(0,0,0,0),0 .75rem 1rem rgba(0,0,0,.5);transition:box-shadow .3s}}@media(max-width: 600px)and (hover){.channel-section .channel-info a.avatar:hover{box-shadow:0 0 0 1px rgba(255,255,255,.1),0 0 0 8px #101010,0 0 0 12px #62a38e,0 .75rem 1rem rgba(0,0,0,.5)}}@media(max-width: 600px){.channel-section .channel-info a.avatar img{width:25%;height:25%;border-radius:.5rem 0 0 .5rem;box-shadow:none}.channel-section .channel-info a.avatar .text{flex:1;padding:0;text-align:left;display:flex;flex-direction:column;justify-content:center;padding-left:2rem}.channel-section .channel-info a.avatar .text .name{font-size:1.4rem}.channel-section .channel-info a.avatar .text .subtext{text-align:left}.channel-section .videos{grid-area:videos;display:grid;grid-template-columns:none;grid-template-rows:none;grid-template-areas:"video1" "video2" "video3" "video4";gap:1rem;overflow:hidden;margin:0 -1rem;margin-bottom:2rem;padding:0 1rem}.channel-section .videos .video-item{scale:1;opacity:0;transition:none;content-visibility:visible}.channel-section .channel-button{display:none}}.channel-section[page="1"] .videos .video-item:nth-child(n+1):nth-child(-n+4){opacity:1;scale:1;z-index:2;content-visibility:visible}.channel-section[page="1"] .videos .video-item:nth-child(n+1):nth-child(-n+4) img{page:load}.channel-section[page="1"] .pagination .dot[page="1"] .circle-1{scale:1.5;background-color:var(--color-element)}.channel-section[page="1"] .pagination .dot[page="1"] .circle-2{scale:.5}@media(max-width: 600px){.channel-section[direction=left] .videos .video-item{scale:1;animation:video-mobile-out-left .3s;animation-fill-mode:both}.channel-section[direction=left][page="1"] .videos .video-item:nth-child(n+1):nth-child(-n+4){animation:video-mobile-in-left .3s;animation-fill-mode:both}.channel-section[direction=right] .videos .video-item{animation:video-mobile-out-right .3s;animation-fill-mode:both}.channel-section[direction=right][page="1"] .videos .video-item:nth-child(n+1):nth-child(-n+4){animation:video-mobile-in-right .3s;animation-fill-mode:both}}.channel-section[page="2"] .videos .video-item:nth-child(n+5):nth-child(-n+8){opacity:1;scale:1;z-index:2;content-visibility:visible}.channel-section[page="2"] .videos .video-item:nth-child(n+5):nth-child(-n+8) img{page:load}.channel-section[page="2"] .pagination .dot[page="2"] .circle-1{scale:1.5;background-color:var(--color-element)}.channel-section[page="2"] .pagination .dot[page="2"] .circle-2{scale:.5}@media(max-width: 600px){.channel-section[direction=left] .videos .video-item{scale:1;animation:video-mobile-out-left .3s;animation-fill-mode:both}.channel-section[direction=left][page="2"] .videos .video-item:nth-child(n+5):nth-child(-n+8){animation:video-mobile-in-left .3s;animation-fill-mode:both}.channel-section[direction=right] .videos .video-item{animation:video-mobile-out-right .3s;animation-fill-mode:both}.channel-section[direction=right][page="2"] .videos .video-item:nth-child(n+5):nth-child(-n+8){animation:video-mobile-in-right .3s;animation-fill-mode:both}}.channel-section[page="3"] .videos .video-item:nth-child(n+9):nth-child(-n+12){opacity:1;scale:1;z-index:2;content-visibility:visible}.channel-section[page="3"] .videos .video-item:nth-child(n+9):nth-child(-n+12) img{page:load}.channel-section[page="3"] .pagination .dot[page="3"] .circle-1{scale:1.5;background-color:var(--color-element)}.channel-section[page="3"] .pagination .dot[page="3"] .circle-2{scale:.5}@media(max-width: 600px){.channel-section[direction=left] .videos .video-item{scale:1;animation:video-mobile-out-left .3s;animation-fill-mode:both}.channel-section[direction=left][page="3"] .videos .video-item:nth-child(n+9):nth-child(-n+12){animation:video-mobile-in-left .3s;animation-fill-mode:both}.channel-section[direction=right] .videos .video-item{animation:video-mobile-out-right .3s;animation-fill-mode:both}.channel-section[direction=right][page="3"] .videos .video-item:nth-child(n+9):nth-child(-n+12){animation:video-mobile-in-right .3s;animation-fill-mode:both}}.channel-section[page="4"] .videos .video-item:nth-child(n+13):nth-child(-n+16){opacity:1;scale:1;z-index:2;content-visibility:visible}.channel-section[page="4"] .videos .video-item:nth-child(n+13):nth-child(-n+16) img{page:load}.channel-section[page="4"] .pagination .dot[page="4"] .circle-1{scale:1.5;background-color:var(--color-element)}.channel-section[page="4"] .pagination .dot[page="4"] .circle-2{scale:.5}@media(max-width: 600px){.channel-section[direction=left] .videos .video-item{scale:1;animation:video-mobile-out-left .3s;animation-fill-mode:both}.channel-section[direction=left][page="4"] .videos .video-item:nth-child(n+13):nth-child(-n+16){animation:video-mobile-in-left .3s;animation-fill-mode:both}.channel-section[direction=right] .videos .video-item{animation:video-mobile-out-right .3s;animation-fill-mode:both}.channel-section[direction=right][page="4"] .videos .video-item:nth-child(n+13):nth-child(-n+16){animation:video-mobile-in-right .3s;animation-fill-mode:both}}.channel-section[page="5"] .videos .video-item:nth-child(n+17):nth-child(-n+20){opacity:1;scale:1;z-index:2;content-visibility:visible}.channel-section[page="5"] .videos .video-item:nth-child(n+17):nth-child(-n+20) img{page:load}.channel-section[page="5"] .pagination .dot[page="5"] .circle-1{scale:1.5;background-color:var(--color-element)}.channel-section[page="5"] .pagination .dot[page="5"] .circle-2{scale:.5}@media(max-width: 600px){.channel-section[direction=left] .videos .video-item{scale:1;animation:video-mobile-out-left .3s;animation-fill-mode:both}.channel-section[direction=left][page="5"] .videos .video-item:nth-child(n+17):nth-child(-n+20){animation:video-mobile-in-left .3s;animation-fill-mode:both}.channel-section[direction=right] .videos .video-item{animation:video-mobile-out-right .3s;animation-fill-mode:both}.channel-section[direction=right][page="5"] .videos .video-item:nth-child(n+17):nth-child(-n+20){animation:video-mobile-in-right .3s;animation-fill-mode:both}}.channel-section[direction=right] .video-item:nth-child(4n+1){transition-delay:0s}.channel-section[direction=left] .video-item:nth-child(4n+4){transition-delay:0s}@media(max-width: 600px){.channel-section .video-item{transition-delay:0s !important}}.channel-section[direction=right] .video-item:nth-child(4n+2){transition-delay:.1s}.channel-section[direction=left] .video-item:nth-child(4n+3){transition-delay:.1s}@media(max-width: 600px){.channel-section .video-item{transition-delay:0s !important}}.channel-section[direction=right] .video-item:nth-child(4n+3){transition-delay:.2s}.channel-section[direction=left] .video-item:nth-child(4n+2){transition-delay:.2s}@media(max-width: 600px){.channel-section .video-item{transition-delay:0s !important}}.channel-section[direction=right] .video-item:nth-child(4n+4){transition-delay:.3s}.channel-section[direction=left] .video-item:nth-child(4n+1){transition-delay:.3s}@media(max-width: 600px){.channel-section .video-item{transition-delay:0s !important}}@keyframes video-mobile-out-left{from{translate:0 0;opacity:1}to{translate:100% 0;opacity:0}}@keyframes video-mobile-out-right{from{translate:0 0;opacity:1}to{translate:-100% 0;opacity:0}}@keyframes video-mobile-in-left{from{translate:-100% 0;opacity:0}to{translate:0 0;opacity:1}}@keyframes video-mobile-in-right{from{translate:100% 0;opacity:0}to{translate:0 0;opacity:1}}#video-popup::backdrop{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px)}#video-popup{z-index:20;inset:2rem;grid-template-areas:"video header" "video content";grid-template-columns:1fr 500px;grid-template-rows:auto 1fr}#video-popup .background{position:absolute;inset:0}#video-popup .background canvas{width:100%;height:100%}#video-popup .video-container{position:relative;grid-area:video}#video-popup .header{position:relative;grid-area:header;display:flex;justify-content:space-between}#video-popup .content{position:relative;grid-area:content;display:flex;flex-direction:column;min-height:1px}#video-popup .content .tabs{display:none}#video-popup .content .tab-group{flex:1;display:grid;grid-template-rows:1fr auto;min-height:1px}#video-popup .content .tab-group .description{display:flex;flex-direction:column;min-height:1px}#video-popup .content .tab-group .description .scroll{position:relative;min-height:1px;flex:1}#video-popup .content .tab-group .chapters{display:flex;flex-direction:column;min-height:1px;max-height:30vh}#video-popup .content .tab-group .chapters .scroll{position:relative;min-height:1px;flex:1}@media(max-aspect-ratio: 1){#video-popup{grid-template-areas:"header" "video" "content";grid-template-columns:1fr;grid-template-rows:auto 1fr 1fr}#video-popup .content .tab-group{grid-template-columns:1fr auto;grid-template-rows:1fr}#video-popup .content .tab-group .chapters{max-height:none}}@media(max-width: 600px){#video-popup{inset:0}#video-popup .content .title{padding-bottom:0;margin-bottom:1rem}#video-popup .content .tabs{display:flex}#video-popup .content .tab-group{grid-template-columns:100% 100%;overflow:hidden;padding:1rem 0}#video-popup .content .tab-group .description,#video-popup .content .tab-group .chapters{transition:translate .3s}#video-popup .content .tab-group .description .caption,#video-popup .content .tab-group .chapters .caption{display:none}#video-popup .content .tab-group[tab=description] .description{translate:0 0}#video-popup .content .tab-group[tab=description] .chapters{translate:0 0}#video-popup .content .tab-group[tab=chapters] .description{translate:-100% 0}#video-popup .content .tab-group[tab=chapters] .chapters{translate:-100% 0}}#video-popup{box-shadow:0 .75rem 1rem rgba(0,0,0,.5);animation:dialog-out .3s}#video-popup[open]{display:grid;animation:dialog-in .3s}#video-popup[open]::backdrop{animation:dialog-backdrop-in .3s}#video-popup:focus-visible{outline:none}#video-popup .video-container{position:relative;background:#000}#video-popup .video-container #player{width:100%;height:100%;display:none}#video-popup .video-container #player.loaded{display:block}#video-popup .header{padding:1rem;background:rgba(41,56,51,.7)}#video-popup .header .channel-button{display:flex;align-items:center;border-radius:.25rem;overflow:hidden;padding-right:1rem}#video-popup .header .channel-button img{width:3rem;margin-right:1rem;border-radius:.25rem}@media(hover){#video-popup .header .channel-button:hover{background:rgba(255,255,255,.1)}}#video-popup .content{background:rgba(41,56,51,.7)}#video-popup .content .title{padding:1rem;font-weight:700;font-size:1.2rem}#video-popup .content .tab-group{padding-bottom:1rem}#video-popup .content .description,#video-popup .content .chapters{min-height:1px}#video-popup .content .description .caption,#video-popup .content .chapters .caption{text-transform:uppercase;padding:1rem;font-weight:600;letter-spacing:.05rem;color:rgba(255,255,255,.5);border-bottom:.1rem solid rgba(255,255,255,.1)}#video-popup .content .description{background:rgba(0,0,0,.2)}#video-popup .content .description .scroll{white-space:pre-line;overflow-wrap:anywhere}#video-popup .content .chapters{background:rgba(255,255,255,.1);max-height:30%}#video-popup .content .chapters.empty{display:none}#video-popup .content .chapters .scroller{display:grid;grid-template-columns:auto 1fr}#video-popup .content .chapters .scroller .chapter{display:grid;grid-column:1/3;grid-template-columns:subgrid}#video-popup .content .scroller{padding:1rem}#video-popup .custom-scroll{--indicator-color: rgba(255, 255, 255, 0.5);--indicator-blur: 20px}#video-popup .tabs{position:relative;flex-wrap:wrap;border:solid rgba(255,255,255,.1);border-width:.1rem 0;margin-top:-1rem}#video-popup .tabs .break{flex-basis:100%}#video-popup .tabs .tab{flex:1;display:flex;align-items:center;justify-content:center;padding:1rem 0}#video-popup .tabs .tab-indicator{position:absolute;bottom:0;left:12.5%;right:62.5%;height:4px;background:#478571;transition:left .2s ease-out,right .3s ease-out;border-radius:999px}#video-popup .tabs[tab=chapters] .tab-indicator{transition:left .3s ease-out,right .2s ease-out;left:62.5%;right:12.5%}#video-popup .chapters .chapter{padding:1rem;gap:1rem;border-radius:.25rem;cursor:pointer}@media(hover){#video-popup .chapters .chapter:hover{background:rgba(255,255,255,.1)}}#video-popup .chapters .chapter.active{background:#62a38e}#video-popup .description .scroll a.youtube{color:#e87d7d}@media(hover: hover){#video-popup .description .scroll a.youtube:hover{background:#e87d7d;color:#fff;border-radius:.25rem}}#video-popup .description .scroll a.link{color:#7db3e8}@starting-style{#video-popup[open]::backdrop{opacity:0}}@keyframes dialog-in{from{opacity:0;scale:0;display:none}to{opacity:1;scale:1;display:grid}}@keyframes dialog-out{from{opacity:1;scale:1;display:grid}to{opacity:0;scale:0;display:none}}@keyframes dialog-backdrop-in{from{opacity:0}to{opacity:1}}@keyframes dialog-backdrop-out{from{opacity:1}to{opacity:0}}.video-item{min-width:1px;position:relative;font-weight:700;display:flex;flex-direction:column;cursor:pointer}.video-item .thumbnail{position:relative;z-index:2;border-radius:.25rem;overflow:hidden;background-color:#272727}.video-item .thumbnail img{aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;width:100%}.video-item .thumbnail .watched{position:absolute;bottom:0;right:0;background:#5d1a1c;display:none;border-radius:.25rem;border-top-right-radius:0;border-bottom-left-radius:0;text-transform:uppercase;padding:.25rem .5rem}.video-item .details{overflow:hidden}.video-item .details .top{display:flex;align-items:center;text-transform:uppercase;color:#62a38e;padding:1rem;padding-bottom:0;gap:1rem}.video-item .details .top .date{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-item .details .top .icon{display:none}.video-item .details .top .icon img{width:1rem}.video-item .details .bottom{display:flex;align-items:center;padding:.25rem 1rem;padding-bottom:0;gap:1rem;color:#faf9e8;overflow:hidden}.video-item .details .bottom .title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-item .thumbnail{box-shadow:0 0 0 1px rgba(255,255,255,.1),0 0 0 0px #101010,0 0 0 0px rgba(0,0,0,0),0 .75rem 1rem rgba(0,0,0,.5);transition:box-shadow .3s}@media(hover){.video-item:hover .thumbnail{box-shadow:0 0 0 1px rgba(255,255,255,.1),0 0 0 8px #101010,0 0 0 12px #62a38e,0 .75rem 1rem rgba(0,0,0,.5)}}.video-item.watched .watched{display:flex}@media(max-width: 600px){.video-item{flex-direction:row}.video-item .thumbnail{flex:1}.video-item .details{flex:1;display:flex;flex-direction:column;justify-content:center}.video-item .details .top{padding:0 1rem}.video-item .details .bottom .title{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}}#settings{position:fixed;top:0;right:0;bottom:0;background:#242424;background:#293833;z-index:10;width:500px;box-shadow:0 .75rem 1rem rgba(0,0,0,.5);flex-direction:column;box-sizing:border-box;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:rgba(43,59,54,.7);padding-bottom:1rem;opacity:0;translate:10% 0%;transition:display,overlay,translate,opacity;transition-duration:.3s;transition-behavior:allow-discrete}#settings::backdrop{background-color:rgba(16,16,16,.8);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;transition:display,overlay,opacity;transition-duration:.3s;transition-behavior:allow-discrete}#settings:popover-open{display:flex;opacity:1;translate:0% 0%}#settings:popover-open::backdrop{opacity:1}@starting-style{#settings:popover-open{opacity:0;translate:10% 0%}#settings:popover-open::backdrop{opacity:0}}#settings .toggle{position:relative;height:1.5rem;background-color:rgba(255,255,255,.1);width:3rem;border-radius:999px;display:flex;transition:background-color .2s}#settings .toggle .circle{position:absolute;top:0;left:0;height:1.5rem;width:1.5rem;border-radius:999px;background-color:rgba(255,255,255,.5);box-sizing:border-box;transition:translate .2s,background-color .2s;translate:0%}#settings div[state=on] .toggle{background-color:#478571}#settings div[state=on] .toggle .circle{background:#fff;translate:100%}#settings .settings-group{min-height:1px;display:flex;flex-direction:column}#settings .settings-group.dark{background:rgba(0,0,0,.2)}#settings .settings-group.fill{flex:1}#settings .settings-group .caption{display:flex;align-items:center}#settings .settings-group .caption>.text{padding:1rem 2rem;flex:1}#settings .settings-group .caption .right{display:flex;align-items:center;padding-right:1rem}#settings .settings-group .caption .right .separator{width:.25rem;height:.25rem;border-radius:999px;background:rgba(255,255,255,.5)}#settings .settings-group .caption .right .button{box-shadow:none;border-radius:.25rem;color:rgba(255,255,255,.5)}@media(hover){#settings .settings-group .caption .right .button:hover{color:#fff}}#settings .settings-group .list{flex:1;min-height:1px;border-top:1px solid rgba(255,255,255,.1)}#settings .settings-group .list .scroller{padding:1rem}#settings .settings-group .list .item{display:flex;align-items:center;gap:2rem;padding:.5rem 1rem;border-radius:.25rem;cursor:pointer}#settings .settings-group .list .item .avatar img{max-height:8vh}#settings .settings-group .list .item .text{flex:1}@media(hover){#settings .settings-group .list .item:hover{background:rgba(255,255,255,.1)}}@media(max-width: 600px){#settings{width:auto;inset:0}}.youtube-link{position:fixed;width:25rem;background:#242424;background:rgba(20,20,20,.7);background:#5c3d3d;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);z-index:22;box-shadow:0 .75rem 1rem rgba(0,0,0,.5);border-right:.2rem solid #e87d7d}.youtube-link:popover-open{animation:youtube-link-in .3s}.youtube-link .link-info{display:flex;padding:1rem 2rem;display:flex;align-items:center;border-bottom:.075rem solid rgba(255,255,255,.1)}.youtube-link .link-info .icon{width:1.5rem}.youtube-link .link-info .site{flex:1;text-align:right}.youtube-link .content{padding:2rem}.youtube-link .content .avatar{margin-bottom:1rem;display:flex;justify-content:center;aspect-ratio:1;background:rgba(0,0,0,.2);border-radius:.5rem;overflow:hidden;box-shadow:0 .1rem .3rem rgba(0,0,0,.2)}.youtube-link .content .avatar img.avatar-image{width:100%;aspect-ratio:1}.youtube-link .content .name{margin-bottom:.5rem;font-weight:700;font-size:1.4rem;color:#cdc383}.youtube-link .content .description{margin-bottom:1rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.youtube-link .content .stats{display:flex;justify-content:space-between;border-top:.075rem solid rgba(255,255,255,.1);padding-top:1rem;color:rgba(255,255,255,.5)}.youtube-link .arrow{position:absolute;right:0;height:1.5rem;width:1.5rem;background:#e87d7d;-webkit-clip-path:polygon(50% 0, 100% 50%, 50% 100%);clip-path:polygon(50% 0, 100% 50%, 50% 100%);translate:50% -50%}@keyframes youtube-link-in{from{opacity:0;translate:-10% 0;display:block}to{opacity:1;translate:0 0;display:block}}@keyframes youtube-link-out{from{opacity:1;translate:0 0;display:block}to{opacity:0;translate:-10% 0;display:none}}.mobile-show-channels{display:flex;justify-content:center}.mobile-show-channels .button{height:3rem;padding:0 1.5rem;border-radius:999px;display:flex;align-items:center;border:.1rem solid #9e9666}.mobile-channel-list{position:fixed;inset:0;background:#242424;z-index:10;display:flex;flex-direction:column;padding-bottom:2rem;pointer-events:none;opacity:0;translate:0 -5%;transition:opacity .3s,translate .3s}.mobile-channel-list.open{opacity:1;translate:0 0;pointer-events:all}.mobile-channel-list .channel-list-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:.1rem solid rgba(255,255,255,.2)}.mobile-channel-list .channel-list-header .text{font-size:1.4rem;font-weight:700}.mobile-channel-list .channel-list{overflow:auto;display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:auto;gap:1rem;padding:1rem}.mobile-channel-list .channel-list-item{position:relative;text-decoration:none;box-sizing:border-box;border:.1rem solid #9e9666;min-width:1px}.mobile-channel-list .channel-list-item img{width:100%;aspect-ratio:1}.mobile-channel-list .channel-list-item .text{width:100%;box-sizing:border-box;font-size:1.4rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 .5rem;height:3rem;display:flex;align-items:center;font-size:.8rem;justify-content:center}#channel-list .list,#channel-list-popover .list{padding:2rem;gap:2rem}#channel-list .list .item,#channel-list-popover .list .item{display:flex;flex-direction:column;min-width:1px;box-sizing:border-box}#channel-list .list .item.transition,#channel-list-popover .list .item.transition{transition:translate .3s}#channel-list .list .item .avatar,#channel-list-popover .list .item .avatar{border-radius:.25rem;overflow:hidden;background:#272727}#channel-list .list .item .avatar img,#channel-list-popover .list .item .avatar img{width:100%;aspect-ratio:1}#channel-list .list .item .text,#channel-list-popover .list .item .text{flex:1;padding-top:1rem;display:flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block;font-size:1.1rem;font-weight:600;color:#faf9e8}#channel-list .list .item .avatar,#channel-list-popover .list .item .avatar{box-shadow:0 0 0 1px rgba(255,255,255,.1),0 0 0 0px #101010,0 0 0 0px rgba(0,0,0,0),0 .75rem 1rem rgba(0,0,0,.5);transition:box-shadow .3s}@media(hover){#channel-list .list .item:hover .avatar,#channel-list-popover .list .item:hover .avatar{box-shadow:0 0 0 1px rgba(255,255,255,.1),0 0 0 8px #101010,0 0 0 12px #62a38e,0 .75rem 1rem rgba(0,0,0,.5)}}#channel-list .list .item.more,#channel-list-popover .list .item.more{display:none}#channel-list .list .item.more .avatar,#channel-list-popover .list .item.more .avatar{background-color:#478571}#channel-list{position:relative;display:flex;flex-direction:column;margin-bottom:4rem}#channel-list .list{display:grid;padding:0 2rem;grid-template-columns:repeat(8, 1fr)}#channel-list .button.all{display:none;height:auto;padding:0;flex-direction:column;background:none;align-items:stretch}#channel-list .button.all .icon{flex:1;aspect-ratio:1;border-radius:.25rem;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;background:url("../art/button-background.jpg");background-size:cover;background-position:center;box-shadow:inset 0 0 .1rem rgba(255,255,255,.3),0 .75rem 1rem rgba(0,0,0,.5)}#channel-list .button.all img{width:4rem;filter:drop-shadow(0 0.15rem 0.2rem rgba(0, 0, 0, 0.5))}#channel-list .button.all .text{padding:0;padding-top:.5rem;font-size:.9em;font-weight:600;color:#faf9e8;text-align:center}@media(max-width: 600px){#channel-list .button{display:flex !important}#channel-list .list{padding-top:0;grid-template-columns:repeat(3, 1fr);padding:0 1rem;gap:1rem}#channel-list .list .item:nth-child(n+6){display:none}#channel-list .list .item.more{display:flex}#channel-list .list .item .text{font-size:.9em}}#channel-list-popover{position:fixed;inset:0;background:rgba(43,59,54,.7);z-index:10;animation:popup-in .3s;animation-fill-mode:both;display:none;flex-direction:column;padding-bottom:1rem;overflow:hidden;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}#channel-list-popover:popover-open{display:flex}#channel-list-popover.detach{animation:popup-out .3s;animation-fill-mode:both}#channel-list-popover .scroll{background:rgba(0,0,0,.2);flex:1}#channel-list-popover .scroll .scroller{padding:0}#channel-list-popover .list{display:grid;grid-template-columns:repeat(3, 1fr)}#channel-list-popover .list .item .text{font-size:.9em}@keyframes popup-in{from{translate:0% 5%;opacity:0}to{translate:0% 0%;opacity:1}}@keyframes popup-out{to{translate:0% 5%;opacity:0}from{translate:0% 0%;opacity:1}}.button{display:flex;align-items:center;justify-content:center;border-radius:999px;cursor:pointer;box-shadow:0 .1rem .3rem rgba(0,0,0,.2);font-weight:500;height:3rem;padding:0 1rem}.button:has(>.icon:only-child){padding:0;width:3rem}.button img{width:2rem}.button .icon.on-hover{display:none}@media(hover){.button:hover .icon.on-default{display:none}.button:hover .icon.on-hover{display:block}}.button *+*{padding-left:.5rem}@media(max-width: 600px){.button{height:3.4rem}.button:has(>.icon:only-child){padding:0;width:3.4rem}}.button.hover-icon{padding:0}.button.hover-icon .icon{margin:0;padding:0}.button.hover-icon .icon img{width:2.5rem}.button.close{border-radius:.25rem;box-shadow:none}.button.close img{width:3rem;height:3rem}@media(hover){.button.close:hover{background:rgba(255,255,255,.1)}}.button.glass{background:rgba(204,204,204,.15)}@media(hover){.button.glass:hover{background:rgba(204,204,204,.3)}}.button.ui{background:#478571}@media(hover){.button.ui:hover{background:#4db392}}.button.mask-button{-webkit-mask-size:100% 100%;mask-size:100% 100%;width:3rem;height:3rem;background:red;padding:0}.button.ghost{background:#272727}.text-header{position:relative;text-transform:uppercase;color:#faf9e8;text-align:center;font-size:2rem;display:flex;align-items:center;justify-content:center;gap:2rem;line-height:1;padding:0 2rem;margin-bottom:4rem}.text-header.close{margin-bottom:2rem}.text-header .left,.text-header .right{display:flex;flex:1;align-items:center;gap:inherit}.text-header .line{height:.2rem;background:#478571;border-radius:999px;flex:1}.text-header .text{position:relative;background:#101010;letter-spacing:.15vw}.text-header .graphic-large img{height:3rem}.text-header .graphic-medium img{height:2rem}.text-header .graphic-small img{height:1.5rem}.text-header .graphic-left img{rotate:180deg}.text-header .header-dot{width:3rem;height:3rem;background:red;-webkit-clip-path:polygon(25% 50%, 50% 0%, 100% 50%, 50% 100%);clip-path:polygon(25% 50%, 50% 0%, 100% 50%, 50% 100%)}.text-header .header-dot:nth-of-type(2),.text-header .header-dot:nth-of-type(8){background:#62a38e;width:1.5rem;height:1.5rem}.text-header .header-dot:nth-of-type(3),.text-header .header-dot:nth-of-type(7){background:#cca07b;width:2rem;height:2rem}.text-header .header-dot:nth-of-type(4),.text-header .header-dot:nth-of-type(6){background:#ba7465}.text-header .header-dot:nth-of-type(4),.text-header .header-dot:nth-of-type(2),.text-header .header-dot:nth-of-type(3){rotate:180deg}.text-header .channel-sort-toggle{position:relative;height:3rem;display:flex;align-items:center;border-radius:999px;background:#101010;box-shadow:inset 0 0 0 .2rem #478571;cursor:pointer;padding:0 .5rem;gap:1rem}.text-header .channel-sort-toggle .circle{position:absolute;width:50%;left:0;height:3rem;border-radius:999px;background-color:#478571;transition:translate .3s}.text-header .channel-sort-toggle .icon{width:3rem;height:3rem;position:relative;display:flex;align-items:center;justify-content:center}.text-header .channel-sort-toggle img{width:2rem;height:2rem}.text-header .channel-sort-toggle[sort-by=name] .circle{translate:100% 0}@media(hover){.text-header .channel-sort-toggle:hover{box-shadow:inset 0 0 0 .2rem #4db392}.text-header .channel-sort-toggle:hover .circle{background-color:#4db392}}@media(max-width: 600px){.text-header{gap:1rem;padding:0 1rem}.text-header .graphic-large img{height:2rem}.text-header .graphic-medium img{height:1.5rem}.text-header .graphic-small img{height:1.2rem}.text-header .channel-sort-toggle{display:none}}body[scrollbar-is-dragging]{-webkit-user-select:none;-moz-user-select:none;user-select:none}body[scrollbar-is-dragging] dialog,body[scrollbar-is-dragging] [popover]{-webkit-user-select:none;-moz-user-select:none;user-select:none}.custom-scroll{position:relative;min-height:1px;--indicator-color: rgba(255, 255, 255, 0.5);--indicator-line-color: rgba(255, 255, 255, 0.2);--indicator-blur: 0px;scrollbar-width:0}.custom-scroll::-webkit-scrollbar{display:none}.custom-scroll .scroller{overflow-y:auto;scrollbar-width:0;padding-right:1rem;-webkit-mask:linear-gradient(to bottom, transparent 0.1rem, black 1rem, black calc(100% - 1rem), transparent calc(100% - 0.1rem));mask:linear-gradient(to bottom, transparent 0.1rem, black 1rem, black calc(100% - 1rem), transparent calc(100% - 0.1rem));overscroll-behavior:contain;max-height:100%;box-sizing:border-box}.custom-scroll .scroller::-webkit-scrollbar{display:none}.custom-scroll .scrollbar{position:absolute;top:0;right:0;bottom:0;width:1rem;display:var(--custom-scroll-overflow);opacity:0;transition:opacity .3s}.custom-scroll .scrollbar[recently-scrolled],.custom-scroll .scrollbar[dragging]{opacity:1}@media(hover){.custom-scroll .scrollbar:hover{opacity:1}}.custom-scroll .scrollbar .thumb{position:absolute;top:0;width:1rem;min-height:3rem}.custom-scroll .scrollbar .thumb::before{content:"";position:absolute;top:0;bottom:0;width:.3rem;left:50%;translate:-50% 0;border-radius:999px;background-color:rgba(255,255,255,.5)}@media(hover){.custom-scroll .scrollbar .thumb:hover::before{background-color:#fff}}.custom-scroll .indicator{position:absolute;left:0;right:0;height:2rem;display:flex;align-items:center;justify-content:center;transition:opacity .3s;opacity:0;gap:1rem;pointer-events:none}.custom-scroll .indicator.show{opacity:1}.custom-scroll .indicator .line{height:.1rem;background:var(--indicator-line-color);border-radius:999px;flex:1}.custom-scroll .indicator .line.hide{display:none}.custom-scroll .indicator .arrow{width:2rem;height:1rem;background:var(--indicator-color);-webkit-mask:url("../graphics/arrow.svg");mask:url("../graphics/arrow.svg");translate:0 -10%;-webkit-backdrop-filter:blur(var(--indicator-blur));backdrop-filter:blur(var(--indicator-blur))}.custom-scroll .indicator.top{top:-1rem}.custom-scroll .indicator.bottom{bottom:-1rem}.custom-scroll .indicator.bottom .arrow{rotate:180deg;translate:0 10%}/*# sourceMappingURL=styles.css.map */