@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;800&family=VT323&display=swap);:root{--primary-background:#fff;--secondary-background:#ececec;--tertiary-background:#d3d3d3;--primary-border:#000;--primary-text:#000;--secondary-text:dimgrey;--tertiary-text:grey;--link-color:#4169e1;--link-hover:#1e549f;--success:#1aac83;--error:#e7195a}[data-theme=dark]{--primary-background:#181818;--secondary-background:#2f2f2f;--tertiary-background:#424242;--primary-border:#fff;--primary-text:#fff;--secondary-text:#d3d3d3;--tertiary-text:grey;--link-color:#6495ed;--link-hover:#87c4ff}body{background:#fff;background:var(--primary-background);color:#000;color:var(--primary-text);font-family:Poppins;margin:0;transition:all 1s ease-in-out}body.modal-open{height:100vh;overflow-y:hidden}html{scroll-behavior:smooth}.notFound{align-items:center;display:flex;flex-direction:column;min-height:300px;padding:100px}span.error{color:#e7195a;color:var(--error);font-size:small}.home,.home section{display:flex;flex-direction:column}.home section{align-items:center;border-bottom:1px solid #000;border-bottom:1px solid var(--primary-border);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;margin:auto;padding:16px 0;width:100%}.home section.dark{background-color:#ececec;background-color:var(--secondary-background)}.home section.one{display:grid;grid-template-rows:8fr 1fr;min-height:320px}.home section.one .upper{display:flex;flex-direction:row;font-size:x-large;text-align:center}.home section.one .upper .span-2{color:#4169e1;color:var(--link-color)}.home section.one .lower{align-items:center;display:flex;gap:14px;justify-content:center}.home section.one .lower span{font-size:small}.home section.one .lower button{background-color:#d3d3d3;background-color:var(--tertiary-background);border:none;border-radius:8px;color:#000;color:var(--primary-text);cursor:pointer;font-weight:600;padding:10px 16px}.home section.one .lower button:hover{background-color:#fff;background-color:var(--primary-background);color:#000;color:var(--primary-text)}.home section.two{display:grid;grid-template-rows:1fr 8fr;height:320px;padding-top:38px}.home section.two .upper{font-size:x-large;font-weight:500;text-align:center}.home section.two .lower{align-items:center;display:flex;flex-direction:column;padding-bottom:28px}.home section.two .lower span{font-size:small;line-height:2em;padding:12px 0;text-align:center}.home section.two .lower form{display:flex;gap:8px;justify-content:space-around;width:78%}.home section.two .lower form input{background-color:#ececec;background-color:var(--secondary-background);border:none;border-radius:6px;color:#4169e1;color:var(--link-color);display:flex;padding:10px;text-align:center;width:440px}.home section.two .lower form input:focus{outline:none}.home section.two .lower form button{background-color:#ececec;background-color:var(--secondary-background);border:none;border-radius:6px;color:#000;color:var(--primary-text);cursor:pointer;font-weight:600;padding:0 10px}.home section.two .lower form button:hover{background-color:#4169e1;background-color:var(--link-color);color:#fff;color:var(--primary-background)}.home section.two .lower .errorMessage{color:#e7195a;color:var(--error);font-size:x-small;padding:0}.home section.three{display:grid;grid-template-rows:1fr 8fr;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:38px 0 42px}.home section.three .upper{font-size:x-large;font-weight:500;padding:12px 0;text-align:center}.home section.three .lower{grid-gap:28px;display:grid;grid-template-columns:repeat(3,1fr);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:0 auto;max-width:70%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.home section.three .lower .box{align-items:center;display:flex;flex-direction:column;padding:36px 28px 0;text-align:center}.home section.three .lower .box .imgDiv{display:flex;flex-direction:row;height:80px;justify-content:center;margin:auto;padding-bottom:12px;width:100%}.home section.three .lower .box .imgDiv img{height:auto;margin:auto;max-height:100%;max-width:100%;width:auto}.home section.three .lower .box .textDiv{font-size:x-small;font-weight:200;line-height:1.1rem}.home section.three .lower .box .textDiv .header{font-size:medium;font-weight:600;line-height:2.2rem}.home section.three .lower .box .textDiv .content .catoapp{color:#fc6c6c;font-weight:600}.home section.three .lower .box .textDiv .content .youtube{color:dimgrey;color:var(--secondary-text);font-weight:600}.account{padding:12px}.account .userContainer .top{align-items:center;background-color:#ececec;background-color:var(--secondary-background);border:1px solid #000;border:1px solid var(--primary-border);border-radius:4px;display:flex;gap:38px;justify-content:space-between;padding:6px}.account .userContainer .top:hover{box-shadow:2px 2px}.account .userContainer .top .user{align-items:center;display:flex;font-size:x-small;font-weight:600;gap:10px}.account .userContainer .top .user .name{max-width:14em;overflow:hidden;padding-left:2px;text-overflow:ellipsis;white-space:nowrap}.account .userContainer .userCircle{align-self:flex-start;border-radius:50px;display:flex;overflow:hidden}.account .userContainer{cursor:pointer;position:relative}.account .userContainer .bottom{align-items:center;background-color:#ececec;background-color:var(--secondary-background);border:1px solid #000;border:1px solid var(--primary-border);border-radius:4px;box-shadow:1px;display:flex;justify-content:space-between;padding:6px 0;position:absolute;right:0;top:60px;width:99%}.account .userContainer .bottom .logoutDiv{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:10px;margin:0 auto;padding:6px 12px;width:82%}.account .userContainer .bottom .logoutDiv:hover{background-color:#d3d3d3;background-color:var(--tertiary-background)}.account .userContainer .bottom .logoutDiv span{color:dimgrey;color:var(--secondary-text)}.account .userContainer .bottom .logoutDiv .material-symbols-rounded{font-weight:600}.Navbar{background:#fff;background:var(--primary-background)}.Navbar .container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 20px}.Navbar a{color:#000;color:var(--primary-text);text-decoration:none}.Navbar .container .right{align-items:center;display:flex;padding:0 20px}.watch{grid-gap:40px;background-color:#fff;background-color:var(--primary-background);display:grid;gap:40px;grid-template-columns:2.2fr 380px;margin:0 auto;max-width:1400px;padding:20px}.sidebar{align-items:center;display:flex;flex-direction:column;padding:8px 0}.sidebar .header{border:solid #1aac83;border:var(--success) solid;border-radius:10px;padding:8px 12px;text-align:center}.sidebar .sidebarVideo{border-radius:12px;cursor:pointer;display:flex;gap:4px;margin:4px auto;width:100%}.sidebar .sidebarVideo:hover{background-color:#ececec;background-color:var(--secondary-background)}.sidebar .sidebarVideo .thumbnail{border-radius:10px;display:flex;height:auto;overflow:auto;width:60%}.sidebar .sidebarVideo .thumbnail img{height:100%;object-fit:contain}.sidebar .sidebarVideo .text{display:flex;flex-direction:column;font-size:small;padding:4px;width:68%}.sidebar .sidebarVideo .text .title{-webkit-line-clamp:2;display:block;font-size:small;font-weight:600;margin-bottom:2px;padding-bottom:2px}.sidebar .sidebarVideo .text .author,.sidebar .sidebarVideo .text .title{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.sidebar .sidebarVideo .text .author{-webkit-line-clamp:1}.sidebar .sidebarVideo .text .author,.sidebar .sidebarVideo .text .viewsAndTime{color:dimgrey;color:var(--secondary-text);font-size:smaller}.video{background-color:#fff;background-color:var(--primary-background)}.watch .video .embed{border-radius:15px;height:472px;overflow:hidden;width:100%}.watch .video .row{margin:8px auto}.watch .video .row-1{font-size:larger;font-weight:600}.watch .video .row-2{align-items:center;display:flex;justify-content:space-between}.watch .video .row-2 .channel{align-items:center;display:flex;font-weight:600;gap:10px}.watch .video .row-2 .channel .avatarCircle{border-radius:50px;display:flex;overflow:hidden}.watch .video .row-2 .isCato{border:2px solid #1aac83;border:2px solid var(--success);border-radius:10px;margin:0 8px;padding:6px 10px}.watch .video .row-3{background-color:#ececec;background-color:var(--secondary-background);border-radius:12px;font-size:small;min-height:80px;padding:8px}.watch .video .row-3 .viewsAndTime{font-weight:600}.watch .video .row-3.closed:hover{background-color:#d3d3d3;background-color:var(--tertiary-background)}.watch .video .row-3 p{cursor:pointer;margin:0}.watch .video .row-3 .showLess{cursor:pointer;text-align:center}.watch .video .row-3 .description span a{color:#4169e1;color:var(--link-color);text-decoration:none}.watch .video .row-3 .description span a:hover{color:#1e549f;color:var(--link-hover);text-decoration:underline}.comment{margin:24px 0}.comment .row{margin:8px auto}.comment .row-1{display:flex;gap:28px}.comment .row-1 .title{font-size:larger;font-weight:700}.comment .row-1 .sortByDiv{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:4px;justify-content:center;padding:0 8px;position:relative;-webkit-user-select:none;user-select:none}.comment .row-1 .sortByDiv:hover{background:#ececec;background:var(--secondary-background)}.comment .row-1 .sortByDiv .material-symbols-rounded{font-size:xx-large}.comment .row-1 .sortByDiv .sortByText{font-size:smaller;font-weight:500;margin-right:6px}.comment .row-1 .sortByDiv .sortBox{align-items:center;background-color:#ececec;background-color:var(--secondary-background);border-radius:6px;padding:0 4px;position:absolute;top:36px;width:80%}.comment .row-1 .sortByDiv .sortBox p{align-items:center;border:1px solid #0000;border-radius:6px;display:flex;font-size:small;justify-content:center;margin:2px auto;padding:6px;text-align:center}.comment .row-1 .sortByDiv .sortBox .material-symbols-rounded{display:inline-flex;font-size:large;font-weight:600}.comment .row-1 .sortByDiv .sortBox .text{padding:0 4px}.comment .row-1 .sortByDiv .sortBox p:hover{background-color:#d3d3d3;background-color:var(--tertiary-background)}.comment .row-1 .sortByDiv .sortBox p.selected,.comment .row-1 .sortByDiv .sortBox p:hover{border:1px solid #000;border:1px solid var(--primary-border)}.comment .row-2,.comment .row-3 .piece,.row-reply{align-items:center;display:flex}.comment .row-2 .userCircle,.comment .row-3 .piece .userCircle,.row-reply .userCircle{align-self:flex-start;aspect-ratio:1/1;border-radius:50px;display:flex;height:100%;margin:0 auto;overflow:hidden}.comment .row form{right:0;width:90%}.comment .row-2 form{width:94%}.comment .row form textarea{background-color:initial;border:none;border-bottom:1px solid #000;border-bottom:1px solid var(--primary-border);color:#4169e1;color:var(--link-color);font-weight:lighter;margin-top:8px;outline:none;resize:none;transition:.1s;width:98%}.comment .row form textarea::placeholder{color:dimgrey;color:var(--secondary-text);font-size:small;font-weight:lighter}.comment .row form textarea:focus{border-bottom:2px solid #000;border-bottom:2px solid var(--primary-text)}.comment .row form .row-btns{align-items:center;display:flex;justify-content:space-between}.comment .row form .row-btns .left{position:relative}.comment .row form .row-btns .left .emojiKeyboard{position:absolute;top:36px}.comment .row form .row-btns .left span{border-radius:50px;color:#000;color:var(--primary-text);cursor:pointer;display:flex;font-size:xx-large;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;overflow:hidden}.comment .row form .row-btns .left span:hover{background-color:#ececec;background-color:var(--secondary-background)}.btn-Redirect,.comment .row form .row-btns .right button,.comment .row form .row-btns .right button.disabled{background-color:#ececec;background-color:var(--secondary-background);border:none;border-radius:50px;color:dimgrey;color:var(--secondary-text);font-weight:600;margin:0 8px;padding:10px 16px}.btn-Redirect{border:2px solid #4169e1;border:2px solid var(--link-color)}.btn-Redirect,.comment .row form .row-btns .right .btn-Cancel{background-color:initial;color:#000;color:var(--primary-text);cursor:pointer}.btn-Redirect:hover,.comment .row form .row-btns .right .btn-Cancel:hover{background-color:#ececec;background-color:var(--secondary-background)}.comment .row form .row-btns .right .btn-Comment.enabled{background-color:#4169e1;background-color:var(--link-color);color:#fff;color:var(--primary-background);cursor:pointer}.comment .row form .row-btns .right .btn-Comment.enabled:hover{background-color:#1e549f;background-color:var(--link-hover)}.comment .row-3 .piece{padding:8px 0}.comment .row-3 .piece .content{color:#000;color:var(--primary-text);font-size:small;padding:0 4px;right:0;width:90%}.comment .row-3 .piece .content .name{font-weight:600}.comment .row-3 .piece .content .time{color:dimgrey;color:var(--secondary-text)}.comment .row-3 .piece .content .text{padding-bottom:8px}.comment .row-3 .piece .content .text .truncate-text{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;white-space:pre-line}.comment .row-3 .piece .content .text .truncate-text.expanded{-webkit-line-clamp:unset}.comment .row-3 .piece .content .text .readMore{color:dimgrey;color:var(--secondary-text);cursor:pointer;display:inline-block;font-weight:500;margin:4px 0}.comment .row-3 .piece .content .text .readMore:hover{text-decoration:underline}.comment .row-3 .piece .content .votes .box{align-items:center;background-color:#ececec;background-color:var(--secondary-background);border-radius:4px;color:dimgrey;color:var(--secondary-text);cursor:default;display:inline-flex;height:2rem;justify-content:center;margin-right:6px;padding:0 12px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.comment .row-3 .piece .content .votes .showRepliesButton.box,.comment .row-3 .piece .content .votes .votebox.enabled{cursor:pointer}.comment .row-3 .piece .content .votes .replyButton:hover svg,.comment .row-3 .piece .content .votes .showRepliesButton:hover svg,.comment .row-3 .piece .content .votes .votebox.enabled svg:hover{fill:#000;fill:var(--primary-text)}.comment .row-3 .piece .content .votes .showRepliesButton.expanded{background-color:#d3d3d3;background-color:var(--tertiary-background)}.comment .row-3 .piece .content .votes .votebox.upvoted .upvote{fill:#f5c036;color:#f5c036}.comment .row-3 .piece .content .votes .votebox.downvoted .downvote{fill:#e7195a;fill:var(--error);color:#e7195a;color:var(--error)}.comment .row-3 .piece .content .votes .box .count{font-size:11px;margin-left:2px}.comment .row-3 .piece .content .votes .showRepliesButton .count{margin-left:5px}.comment .row-3 .piece .content .votes .box img{margin:0 2px}.comment .row-3 .piece .content .votes .votebox.guest[title]{position:relative}.comment .row-3 .piece .content .votes .votebox.guest[title]:after{background-color:#000;background-color:var(--primary-text);border-radius:6px;color:#fff;color:var(--primary-background);content:"You must sign in to vote";display:none;left:0;padding:6px 8px;position:absolute;width:-webkit-max-content;width:max-content}.comment .row-3 .piece .content .votes .votebox.guest[title]:hover:after{animation:fade_in_show 2s;display:block}@keyframes fade_in_show{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.comment .row-3 .piece .content .votes .replyButton{align-items:center;border-radius:50px;cursor:pointer;display:inline-block;display:inline-flex;height:2rem;justify-content:center;margin:0 8px;width:2rem}.comment .row-3 .piece .content .votes .replyButton:hover{background-color:#ececec;background-color:var(--secondary-background)}.comment .row-3 .piece .more{align-items:center;align-self:flex-start;border-radius:50px;color:#000;color:var(--primary-text);cursor:pointer;display:flex;justify-content:center;margin:2px;position:relative;-webkit-user-select:none;user-select:none}.comment .row-3 .piece .more .icon{border-radius:50px;font-size:x-large;font-weight:bolder}.comment .row-3 .piece .more .icon:hover,.comment .row-3 .piece .more .optionBox{background-color:#ececec;background-color:var(--secondary-background)}.comment .row-3 .piece .more .optionBox{align-items:center;border-radius:6px;color:#000;color:var(--primary-text);left:0;padding:2px 4px;position:absolute;top:28px;width:-webkit-min-content;width:min-content}.comment .row-3 .piece .more .optionBox p{align-items:center;border:solid #0000;border-radius:6px;display:flex;font-size:small;gap:2px;justify-content:center;margin:2px auto;padding:6px 12px;text-align:center}.comment .row-3 .piece .more .optionBox p:hover{border:solid #000;border:var(--primary-border) solid}.comment .row-3 .piece .more .optionBox p .text{font-weight:200;padding:0}.comment .piece .reportForm{align-items:center;background-color:#ececec;background-color:var(--secondary-background);border:solid;border-radius:12px;display:flex;flex-direction:column;height:50%;justify-content:space-around;left:50%;overflow:hidden;padding:8px 12px;position:fixed;top:50%;transform:translate(-50%,-50%);width:380px;z-index:100}.comment .piece .reportForm .reasons{display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.comment .piece .reportForm .reasons label{cursor:pointer;padding:6px 0}.comment .piece .reportForm .row-btns button{background-color:#ececec;background-color:var(--secondary-background);border:none;border-radius:50px;color:#000;color:var(--primary-text);cursor:pointer;font-weight:600;margin:0 8px;padding:10px 16px}.comment .piece .reportForm .row-btns button.enabled:hover{background-color:#d3d3d3;background-color:var(--tertiary-background)}.comment .piece .reportForm .row-btns .btn-Comment.enabled{background-color:#4169e1;background-color:var(--link-color)}.comment .piece .reportForm .row-btns .btn-Comment.enabled:hover{background-color:#1e549f;background-color:var(--link-hover)}.footer{align-items:center;display:flex;flex-direction:column;font-size:xx-small;justify-content:center;min-height:180px}.footer div{padding-top:20px;text-align:center}.footer ul{color:#000;color:var(--primary-text);display:flex;justify-content:space-between;list-style-type:none;padding:0;text-decoration:none;width:30%}.footer ul li{cursor:pointer}.legal{padding:22px}.legal a{color:#4169e1;color:var(--link-color)}@media only screen and (max-width:768px){.watch{align-items:center;display:flex;flex-direction:column;padding-left:12px;padding-right:12px}.watch .main{width:100%}.Navbar .container .right{padding-right:0}.watch .video .row-2 .channel .author{padding:0 6px}.watch .video .row-2 .isCato{font-size:small}.comment .row form textarea{border-left:1px solid #0000;border-right:1px solid #0000;border-top:1px solid #0000;margin-top:0}}@media only screen and (max-width:538px){.Navbar .container .right{padding:0}.home section.one{grid-template-rows:4fr 1fr}.home section.two .lower span{width:66%}.Navbar .container,.footer ul,.home section.one .lower,.home section.one .upper{align-items:center;display:flex;flex-direction:column}.footer ul li{padding:8px 0}.home section.two .lower form input{align-self:center;width:100%}.home section.three .lower{display:block}.comment .row form textarea{margin-left:4px;width:94%}}@media only screen and (max-width:320px){.Navbar .container .right{flex-direction:column}}.theme{cursor:pointer;display:flex}.themeLabel{background:#ebebeb;border:2px solid #000;cursor:pointer;display:block;height:30px;position:relative;width:65px}.themeLabel,.themeLabel:after{border-radius:50px;transition:.3s}.themeLabel:after{background-color:#f4a460;content:"";height:25px;left:3px;position:absolute;top:3px;width:25px}.themeLabel:hover{box-shadow:1px 1px}.themeInput{cursor:pointer;display:flex;height:0;justify-content:center;visibility:hidden;width:0}.themeInput:checked+.themeLabel{background:#242424;border:2px solid #fff}.themeInput:checked+.themeLabel:after{background:dimgray;left:62px;transform:translateX(-100%)}.themeLabel:active:after{width:30px}.themeLabel span{cursor:pointer;display:flex;font-size:x-large;justify-content:center;position:absolute;top:3px;width:20px;z-index:100}.themeLabel span.sun{color:#fff;left:5px;padding-left:.8px;padding-top:.8px;transition:.3s}.themeLabel span.moon{color:#000;left:40px;transition:.3s}.themeInput:checked+.themeLabel span.sun{color:#add8e6}.themeInput:checked+.themeLabel span.moon{color:#fff}
/*# sourceMappingURL=main.8eda470e.css.map*/