:root{--text-pp: clamp(.75rem, calc(1.056rem + 1.38vw) , .875rem);--text-p: clamp(1rem, calc(1.056rem + 1.38vw) , 1.5rem);--text-m: clamp(1.5rem, calc(1.056rem + 1.38vw) , 1.85rem);--text-g: clamp(1.75rem, calc(1.056rem + 1.38vw) , 2.25rem);--text-gg: clamp(2.5rem, calc(1.056rem + 1.38vw) , 3rem);--color-primary: rgb(208, 255, 78);--color-primary-variant: rgb(188, 255, 133);--color-secondary: rgb(234, 213, 188);--color-accent: rgb(79, 255, 59)}.text-pp{font-size:var(--text-pp)}.text-p{font-size:var(--text-p)}.text-m{font-size:var(--text-m)}.text-g{font-size:var(--text-g)}.text-gg{font-size:var(--text-gg)}.material-symbols-outlined{font-variation-settings:"wght" 400,"FILL" 0,"GRAD" 200,"opsz" 20;transition:font-variation-settings .5s cubic-bezier(0,1,.25,1)}a{color:inherit;text-decoration:none}*{margin:0;padding:0;accent-color:black;font-family:Lexend;box-sizing:border-box}button{background-color:var(--color-primary);border:none;border-radius:20px;font-size:1rem;padding:20px;transition:all .1s cubic-bezier(0,1,.25,1);-webkit-user-select:none;user-select:none}button:hover{background-color:var(--color-primary-variant);cursor:pointer}.btn-icon{display:flex;align-items:center;column-gap:5px}#btn-icon-account{justify-self:flex-end}#comment{margin-bottom:20px}#comment-header{display:flex;column-gap:20px}#comment-text{margin-top:5px}#ctn-comments{margin-left:20px}#form-create-comment{margin-top:12vh;margin-bottom:5vh;margin-left:5vw;display:flex;flex-wrap:wrap}#input-create-comment{flex-grow:.8;border-color:#ccc;border-style:none none solid none}#feed div{max-width:588px}@media (pointer: none),(pointer: coarse){#feed div{width:100vw}}.ctn-video-thumb{perspective:5px}.ctn-video-thumb img{aspect-ratio:16/9;border-radius:10px;transform:rotateX(0) rotateY(0);transition:transform .2s;width:100%}.ctn-video-thumb img:hover{transform:rotateX(calc(var(--mouse-y) * -1.7deg)) rotateY(calc(var(--mouse-x) * -1deg));cursor:pointer;transition:all 0s}.video-meta{display:flex;align-items:center;flex-wrap:wrap;width:inherit;width:100vw}.video-title{flex:auto;margin-top:0}.video-channel{transition:all .1s cubic-bezier(0,1,.25,1);flex:none}.video-channel:hover{cursor:pointer;color:#555}body{font-family:Arial,Helvetica,sans-serif}#feed{width:100%;display:flex;position:absolute;flex-flow:row wrap;justify-content:space-evenly;column-gap:20px;row-gap:120px;margin-top:2vh}#ctn-buttons-feed{margin-top:10vh;display:flex;flex-direction:row;justify-content:center;column-gap:5vw}.thumb-preview{width:100px}#btn-upload:active{transform:scale(.95)}#ctn-releases{display:flex;flex-direction:column;align-items:center;border:5px;border-color:#b5bba6;border-style:solid dashed solid dashed;width:50vw;margin:0 auto;padding:1vh}#ctn-releases>h1{margin-bottom:1vh}.release{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr;grid-gap:1vh;justify-items:center;align-items:center;border-top:3px;border-left:0;border-right:0;border-bottom:0;border-color:#b5bba6;border-style:solid;margin:0 auto;width:inherit;padding-top:3vh;padding-bottom:3vh}.release-title{text-align:justify}.release>p{text-align:center}.release>h1:not(.release-title){text-align:justify}.ctn-masthead{display:flex;justify-content:space-around;margin-top:5vh;flex-wrap:wrap}.ctn-masthead button{position:relative}.ctn-masthead .badge{position:absolute;top:8px;right:5px;color:var(--color-accent)}#btn-icon-account:not(.logged) .icon{font-variation-settings:"wght" 350;color:#625670}button.masthead{background-color:transparent}button.masthead:hover{background-color:#0c0c0c0c}#tag-add{display:flex;flex-direction:column;align-items:left}#tag-pages{display:flex;flex-direction:column;border-style:none solid solid solid;border-color:#000;border-width:2px}#tag-add input{border:2px dashed #cacaca;background-color:transparent;accent-color:transparent;-webkit-user-select:none;user-select:none}#form-upload{display:flex;flex-direction:column;width:80vw;margin:0 auto}#form-input-thumbnail,#form-input-video{display:none}#form-upload label.input-file{display:flex;flex-direction:column;align-items:space-between;gap:20px;align-items:center;justify-content:center;border:2px dashed #cacaca;background-color:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 48px 35px -48px #0000001a;transition:all .1s cubic-bezier(0,1,.25,1);text-align:center}#form-upload label.input-file{width:40%;aspect-ratio:2;min-width:300px}#form-upload label.input-text{width:auto}#form-upload label.input-file:hover{border-style:double;cursor:pointer}#form-input-title{border:2px dashed #cacaca;background-color:transparent;width:100%;accent-color:transparent;-webkit-user-select:none;user-select:none;flex:1}#ctn-upload-input-files{display:flex;justify-content:space-around;flex-wrap:wrap}#form-upload label{display:flex;flex-direction:column}#form-upload .input-text{margin-top:20pt}#ctn-upload-title-publish{display:flex;column-gap:10pt;align-items:center}#ctn-upload-tags{display:flex;justify-content:center;margin-top:50px;column-gap:50px}#tag-option{margin-left:15px;margin-right:15px;cursor:pointer;border-style:none none solid none;border-color:#000;border-width:2px}#tag-option:hover{cursor:pointer;color:#888}#tag-list{border-style:none solid none none;border-width:2px;border-color:#ccc;padding-right:15px}#tag-list #tag{display:flex;flex-direction:row;align-items:center}#tag-list #tag span:not(.icon):hover{color:var(--color-accent);cursor:pointer}#tag-list div button{background-color:transparent;padding:0}#ctn-tag-children{margin-left:20px}#ctn-watch{margin-left:4vw}@media (pointer: fine){#ctn-watch{width:100vw;width:clamp(60vw,60vw - 60px,100vw)}video{width:100%;max-height:50vh}}@media (pointer: none),(pointer: coarse){#ctn-watch{margin:0}video{width:100%;position:sticky;top:0;z-index:40;max-height:50vh}}.form-error{color:red}.form-feedback{color:var(--color-accent)}#ctn-login{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;margin-top:10vh}#ctn-login h1{margin-bottom:20pt}#ctn-login label{margin-right:20px}#form-login{display:flex;flex-direction:column;justify-content:start;gap:1vh;height:100vh}#form-login div:not(#ctn-login-buttons){display:flex;align-items:center;justify-content:center;flex-wrap:wrap}#form-login input{border:2px solid #ccc;border-radius:.2rem;padding:.2rem}#ctn-login-buttons{display:flex;justify-content:space-evenly;margin-top:12pt;flex-wrap:wrap}@media (pointer: none),(pointer: coarse){#ctn-login-buttons button{font-size:var(--text-m)}}#ctn-login-buttons button{padding:4%}.form-error{margin-bottom:10pt}#btn-subscribe{background:red;border:none;border-radius:10px;color:#fff;cursor:pointer;padding:10pt}#btn-subscribe:not(.unavailable){background:#fff;background:oklch(1 .4 125);transition:all .1s cubic-bezier(0,1,.25,1)}#btn-subscribe:not(.unavailable):hover{background:#c4fdc7}#btn-subscribe:not(.unavailable).active{background:#b3b3b3;transition:all .1s cubic-bezier(0,1,.25,1)}#btn-subscribe:not(.unavailable):hover.active{background:#c9c9c9}#btn-subscribe.unavailable{background:#608ab1;transition:all .1s cubic-bezier(0,1,.25,1)}#btn-subscribe.unavailable:hover{background:#7e8e9c}#ctn-header-channel{display:flex;flex-direction:row;align-items:center;justify-content:center;column-gap:3vw;margin-top:10vh;margin-bottom:10vh}#ctn-header-channel h1{text-align:right}#ctn-header-channel #ctn-subscribe{text-align:center}#ctn-page-friends{display:flex;margin:0 auto;width:60vw;margin-top:30vh;flex-wrap:wrap;flex-direction:column;align-items:center}#ctn-friends{width:60vw;margin:20px auto;display:flex;flex-direction:column;align-items:center}#ctn-friends .line{width:30vw;height:2px;background-color:#ccc;margin-top:20px;margin-bottom:20px}@media (pointer: none),(pointer: coarse){#ctn-page-friends{width:90vw;flex-direction:column-reverse}#ctn-friends .line{width:70vw}}#form-friend-request{display:flex;justify-content:center;align-items:center}@media (pointer: none),(pointer: coarse){#form-friend-request label{font-size:var(--text-p)}#form-friend-request input{width:50%}#form-friend-request button{padding:12px}}.friend-request{display:flex;flex-direction:row;column-gap:5px;align-items:center}.friend-request button{padding:10px}#friend{display:flex;flex-direction:row;column-gap:5px;align-items:center}#friend button{padding:10px}