.navbar{height:var(--navbar-height);opacity:0;position:fixed}.navbar.active{position:relative}.rcap-player-wrapper{position:fixed;left:0;right:0;z-index:0;top:0;height:calc(100vh - var(--navbar-height));opacity:0;filter:blur(6px) grayscale(1);transition:opacity .3s ease-in-out,filter .2s ease-in-out;outline:none;background-color:linear-gradient(0deg,rgba(30,30,30,.53) 0%,rgba(30,30,30,.53) 100%),linear-gradient(180deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,0) 100%),radial-gradient(44.14% 41.02% at 50.4% 50%,rgba(19,19,19,0) 0%,rgba(19,19,19,.43) 26.56%,#131313 100%),linear-gradient(0deg,rgba(0,0,0,.76) 0%,rgba(0,0,0,.76) 100%)}.rcap-player-wrapper.ready{opacity:.05}.rcap-player-wrapper iframe{pointer-events:none}.rcap-player-wrapper.foreground{z-index:1;opacity:1;filter:blur(0) grayscale(0)}.rcap-player-wrapper.foreground iframe{pointer-events:all}#rcap-player{height:100%}.timeline-wrapper{position:fixed;left:0;right:0;bottom:0;padding:100px 30px 14px;transform:translateY(10vh);transition:transform .1s ease-in-out}.timeline-wrapper.foreground{transform:translateY(0);background-color:var(--color-silver-black);background:linear-gradient(0deg,rgba(var(--rgb-silver-black),1) 0%,rgba(var(--rgb-silver-black),1) 40%,rgba(var(--rgb-silver-black),.7) 60%,rgba(var(--rgb-silver-black),0) 100%)}.timeline-bar{cursor:pointer;position:relative;width:100%;z-index:2}.timeline-bar .timeline-box{--five-min-px-size: 25px;border:4px solid var(--color-rose);position:relative;height:50px;border-radius:12px;z-index:2}.timeline-marks{position:absolute;top:0;bottom:0;right:0;left:0;pointer-events:none;z-index:1}.timeline-marks canvas{width:100%;height:100%}.outer{position:relative;width:100%;height:100%;overflow:hidden;z-index:2}.clip-bar{position:absolute;height:100%;min-width:3px}.cursor-marker{position:absolute;top:-5px;transform:translate(-5px);border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--color-purple);transition:transform 50ms ease-in-out}.cursor{--threshold-width: 100px;position:absolute;height:calc(100% + 10px);top:-10px;width:2px;background-color:var(--color-purple);transform:scale(1);transition:transform 50ms ease-in-out;z-index:1}.cursor>.cursor-threshold-area{position:absolute;height:calc(100% - 10px);top:10px;background-color:rgba(var(--rgb-light-purple),25%);width:var(--threshold-width);border-radius:5px;transition:background-color 80ms ease-in-out}.cursor>.cursor-threshold-area-left{left:calc(-1 * var(--threshold-width));border-left:6px solid var(--color-light-purple)}.cursor>.cursor-threshold-area-right{border-right:6px solid var(--color-light-purple)}.cursor.active>.cursor-threshold-area{background-color:rgba(var(--rgb-light-purple),50%)}.cursor-threshold-handler{bottom:-15px;height:6px;width:6px;position:absolute;cursor:grab;z-index:2;background:radial-gradient(circle,var(--color-light-purple) 100%,var(--color-light-purple) 100%);border-radius:100%;transition:background 80ms ease-in-out,transform 80ms ease-in-out;transform:scale(1) translate(-2px)}.cursor-threshold-handler:hover{transform:scale(2) translate(-1px)}.cursor-threshold-handler:after,.cursor-threshold-handler:before{opacity:0;transition:opacity .15s ease-in-out;top:-40%;width:2px;height:2px;position:absolute;transform:scale(.5)}.cursor-threshold-handler:after{content:">";left:13px}.cursor-threshold-handler:before{content:"<";right:17px}.cursor-threshold-handler:hover:after,.cursor-threshold-handler:hover:before{opacity:1}.cursor-threshold-handler.active{background:radial-gradient(circle,transparent 40%,var(--color-light-purple) 60%);cursor:col-resize;transform:scale(2) translate(-1px)}.clip-card{position:relative;width:346px;height:200px;border-radius:16px;background-size:cover;background-color:var(--color-dark-rubber);padding:12px;cursor:pointer;filter:grayscale(100%);border-bottom:1px solid var(--color-silver-black);transition:all 80ms ease-in-out}.clip-card:hover{filter:grayscale(0%);border-color:var(--color-rose);transform:scale(1.05)}.clip-card:hover .jump-btn{background-color:var(--color-light-purple);color:var(--color-dark-rubber)}.clip-card:hover .jump-btn.default{background-color:var(--color-dark-rubber);color:var(--color-white)}.clip-card h3{color:var(--color-soft-white);display:-webkit-box;max-height:51px;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.clip-card .clip-creator{color:var(--color-grey)}.clip-card .clip-info{display:flex;justify-content:space-between;align-items:baseline}.clip-card .clip-views{display:flex;align-items:center;margin-top:8px}.clip-card .clip-views small{font-size:.9rem;color:var(--color-dark-grey)}.clip-card .clip-views img.eye-icon{opacity:.5;width:16px;margin-right:8px}.clip-action-bar{display:flex;justify-content:space-between;align-items:center;position:absolute;bottom:12px;left:12px;right:12px}.clip-action-bar .clip-duration{background-color:#5d5d5d;padding:5px;font-weight:700}section.clips-list-section{overflow-x:hidden;padding-bottom:200px}.clips-list-wrapper{transform:translate(100vw);transition:transform .3s ease-in-out}.clips-list-wrapper header{position:relative;display:flex;align-items:center;margin:30px 0}.clips-list-wrapper header *{margin-right:10px}.clips-list-wrapper header span small{background-color:var(--color-dark-rubber);padding:4px 10px;color:var(--color-soft-white)}.clips-list-wrapper.foreground{transform:translate(0)}.clips-list-wrapper .message{font-style:italic;color:var(--color-grey)}.clips-list{opacity:1;display:grid;grid-template-columns:repeat(auto-fill,345px);grid-auto-flow:row;justify-content:center;gap:28px}.timeline-container{height:calc(100vh - var(--navbar-height));overflow:hidden}.timeline{--translate: 100vh;position:relative;width:100%;height:calc(100vh - var(--navbar-height));padding:30px;z-index:1;transform:translateY(var(--translate));transition:transform 2s cubic-bezier(.25,.46,.45,.94)}.timeline-header{position:relative;z-index:1;margin-bottom:30px;display:flex;justify-content:space-between}.timeline-header h1{color:#fff}.timeline-header .divider{width:4px;height:4px;border-radius:50%;background:var(--color-white)}.timeline-header .title{display:flex;align-items:center;margin-bottom:15px}.timeline-header .title>*{margin-right:10px}.timeline-header .title .user{text-transform:none}.timeline-header .vod-title{color:var(--color-soft-white);line-height:1.2em;max-width:25vw}.timeline-header .error{position:fixed;top:5vh;right:5vw;padding:15px 20px;background-color:var(--color-dark-rubber);width:400px;display:flex;flex-direction:column;align-items:flex-start;opacity:.9}.timeline-header .error>*:not(:last-child){margin-bottom:12px}.timeline-header .error .message{color:var(--color-white);padding:2px 0}.timeline-header .error .err-error{color:var(--color-bright-red)}.timeline-header .error .err-warn{color:var(--color-bright-yellow)}.timeline-header .error button{margin-top:6px}*{box-sizing:border-box}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--color-bright-red: #ff4768;--rgb-bright-red: 255, 71, 104;--color-bright-yellow: #fffbaa;--rgb-bright-yellow: 255, 251, 170;--color-rose: #f5cfff;--rgb-rose: 245, 207, 255;--color-light-purple: #cab8ff;--rgb-light-purple: 202, 184, 255;--color-purple: #cf90ff;--rgb-purple: 207, 144, 255;--color-dark-rubber: #1d1d1d;--rgb-dark-rubber: 29, 29, 29;--color-silver-black: #313131;--rgb-silver-black: 49, 49, 49;--color-silver-white: #313131;--rgb-silver-white: 49, 49, 49;--color-white: #dbdbdb;--rgb-white: 219, 219, 219;--color-soft-white: #aeaeae;--rgb-soft-white: 174, 174, 174;--color-grey: #858585;--rgb-grey: 133, 133, 133;--color-dark-grey: #5d5d5d;--rgb-dark-grey: 93, 93, 93;--navbar-height: 5vh}*::selection{background-color:var(--color-light-purple);background-color:rgba(var(--rgb-light-purple),.6);color:var(--dark-rubber)}html{font-size:16px}body{background-color:var(--color-silver-black);font-family:Roboto,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:var(--color-white)}h1{font-size:1.8rem;text-transform:uppercase;font-weight:700}h2{font-size:1.2rem}h3{font-size:1.1rem}h4{font-size:1rem}small{font-size:.8rem}button{cursor:pointer;border:1px solid var(--color-light-purple);color:var(--color-white);background-color:var(--color-dark-rubber);padding:5px 9px;transition:background-color 80ms ease-in-out,color 80ms ease-in-out;font-weight:600;font-size:.8rem}button:hover{background-color:var(--color-light-purple);color:var(--color-dark-rubber)}button+button{border-left:none}input{outline:none;border:none}body::-webkit-scrollbar{width:1em}body::-webkit-scrollbar-track{box-shadow:inset 0 0 6px #0000004d;background-color:var(--color-dark-rubber)}body::-webkit-scrollbar-thumb{background-color:var(--color-dark-grey)}.search-container{overflow:hidden;height:100vh}.search{--loading-duration: 4s;height:500vh;background:linear-gradient(180deg,rgb(49,49,49) 0%,rgb(63,45,70) 37%,rgb(49,49,49) 91%,rgb(49,49,49) 100%);transform:translateY(0);transition:transform var(--loading-duration) cubic-bezier(.25,.46,.45,.94)}.search.loading{transform:translateY(-450vh)}.recent{margin:20px 12px}.recent small{color:var(--color-soft-white)}.recent-title{display:flex;align-items:center}.recent-title *+*{margin-left:10px}.recent-title .divider{color:var(--color-dark-grey);opacity:.5}.recent-title .key-hint{font-size:.6rem;color:var(--color-grey)}.recent-list{margin:16px 0;display:flex}.recent-list li{position:relative;border:1px solid var(--color-light-purple);padding:6px 6px 6px 25px;cursor:pointer;border-radius:6px;color:var(--color-silver-black);box-shadow:1px 4px 10px #1f1f1f;background-color:var(--color-dark-rubber);color:var(--color-soft-white);transition:all .12s ease-in-out}.recent-list li span{font-size:.6rem;position:absolute;padding:9px;top:0;left:0;border-radius:0 0 6px 6px}.recent-list li:hover{background-color:var(--color-light-purple);color:var(--color-silver-black)}.recent-list li+li{margin-left:10px}.searchbox-wrapper{position:absolute;left:50%;transform:translate(-50%);padding:100px 30px}.searchbox-wrapper .searchbox{position:relative;display:flex;align-items:center;background-color:var(--color-white);border-radius:30px;padding:16px 30px;color:var(--color-dark-rubber);width:calc(21.87vw + 381.1px);max-width:700px;box-shadow:0 4px 6px #0000008f;border-bottom:3px solid var(--color-light-purple)}.searchbox-wrapper .searchbox>.key-hint{opacity:0;transition:opacity .25s ease-in-out;font-size:.8rem;letter-spacing:.05em;color:var(--color-grey)}.searchbox-wrapper .searchbox input:focus+.key-hint{opacity:1}.searchbox-wrapper .search-icon{width:24px;margin-right:16px}.searchbox-wrapper input{margin:0;background-color:var(--color-white);font-size:1.2rem;color:var(--color-dark-rubber);flex-grow:2}.searchbox-wrapper input::placeholder{font-weight:100;color:var(--color-grey)}footer{position:absolute;bottom:10px;left:0;right:0;display:flex;flex-direction:column;align-items:center;overflow:hidden;opacity:1;transition:opacity .2s ease-in-out}footer.hide{opacity:0}footer p{color:var(--color-grey)}.footer-notice{font-size:.6rem;display:none}.footer-about{cursor:pointer;position:relative;display:flex;justify-content:center;align-items:center;font-size:.7rem;opacity:.4}.footer-about>.made-0,.footer-about>.made-5{position:absolute;left:0;transition:transform 1s ease-in-out}.footer-about>.made-0{transform:translate(-15px)}.footer-about>.made-5{transform:translate(32px)}.footer-about>.love{transform:scale(1);transition:transform .5s ease-in-out}.footer-about:hover{opacity:1}.footer-about:hover>.love{transform:scale(1.8)}.footer-about:hover>.made-1,.footer-about:hover>.made-2,.footer-about:hover>.made-3,.footer-about:hover>.made-4{opacity:1}.footer-about:hover>.made-0{transform:translate(-72px)}.footer-about:hover>.made-1{transform:translate(-62px)}.footer-about:hover>.made-2{transform:translate(-32px)}.footer-about:hover>.made-3{transform:translate(38px)}.footer-about:hover>.made-4{transform:translate(50px)}.footer-about:hover>.made-5{transform:translate(76px)}.footer-about img.love{width:21px}.footer-about img.flag{width:18px}.footer-about p,.footer-about .flag{position:absolute;left:0;transform:translate(0);transition:transform 1s ease-in-out,opacity .5s ease-in-out;opacity:0}