body{font-family:-apple-system,"system-ui",Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-block-size:100vh;background-color:#121212;background-image:radial-gradient(ellipse at top,#33b8ff15 25%,#090909)}#root{display:flex;flex-direction:column;min-block-size:100vh}h1{font-size:var(--chakra-font-sizes-5xl);font-weight:var(--chakra-font-weights-semibold)}h2{font-size:var(--chakra-font-sizes-4xl);font-weight:var(--chakra-font-weights-semibold)}h3{font-size:var(--chakra-font-sizes-3xl);font-weight:var(--chakra-font-weights-semibold)}h4{font-size:var(--chakra-font-sizes-2xl);font-weight:var(--chakra-font-weights-semibold)}h5{font-size:var(--chakra-font-sizes-xl);font-weight:var(--chakra-font-weights-semibold)}h6{font-size:var(--chakra-font-sizes-lg);font-weight:var(--chakra-font-weights-semibold)}ul{list-style:disc;list-style-position:inside}.notification:hover{background-color:#0002}.bell{transition:transform .2s}.ring{animation:ring 1s ease}@keyframes ring{0%{transform:rotate(0)}10%{transform:rotate(15deg)}20%{transform:rotate(-15deg)}30%{transform:rotate(10deg)}40%{transform:rotate(-10deg)}50%{transform:rotate(5deg)}60%{transform:rotate(-5deg)}to{transform:rotate(0)}}@property --scroll-color{initial-value: transparent; inherits: true; syntax: "<color>";}.custom-scrollbar{overflow:auto;max-width:100%;margin:0 auto;transition:--scroll-color .3s}.custom-scrollbar::-webkit-scrollbar{background:transparent;height:14px;width:14px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent;height:14px;width:14px}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--scroll-color);border:4px solid transparent;border-radius:10px}.custom-scrollbar:hover{--scroll-color: #0005}.header{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0004;box-shadow:0 1px 2px #0000000d;position:sticky;top:0;width:100%;z-index:1000}.header-container{align-items:center;justify-content:space-between;margin:0 auto;padding:var(--chakra-spacing-3) var(--chakra-spacing-4)}.header-container .header-logo{height:35px;width:35px}.header-container .header-nav{flex-direction:row;align-items:center;gap:var(--chakra-spacing-4)}.header-container .header-nav .header-nav-item{color:var(--chakra-colors-gray-200)}.header-container .header-nav .header-nav-item:hover{color:#fff}.chakra-card__root{border:none;border-radius:var(--chakra-radii-xl);box-shadow:var(--chakra-shadows-sm);background-color:#2b2b2b;color:#fff}.profile-image{cursor:pointer;opacity:1;transition:opacity .1s}.profile-image:hover{opacity:.7;transition:opacity .1s}.list-item .profile-image:hover{border-width:0px}@keyframes colorShift{0%{background-color:#fff7}50%{background-color:transparent}to{background-color:#fff7}}@property --var2{initial-value: transparent; inherits: true; syntax: "<color>";}.profile-list{overflow:auto;max-width:100%;margin:0 auto;transition:--var2 .3s}.profile-list::-webkit-scrollbar{background:transparent;height:6px;width:6px}.profile-list::-webkit-scrollbar-track{background:transparent}.profile-list::-webkit-scrollbar-thumb{background:var(--var2);border-radius:12px}.profile-list:hover{--var2: #fff5}@property --var1{initial-value: transparent; inherits: true; syntax: "<color>";}.shelf{overflow:auto;transition:--var1 .3s}.shelf::-webkit-scrollbar{background:#fff;height:14px;width:14px}.shelf::-webkit-scrollbar-thumb{background:var(--var1);border:4px solid white;border-radius:10px}.shelf:hover{--var1: #0005}.video-player{-webkit-scroll-snap-align:center;border-radius:16px;flex-shrink:0;overflow:hidden;position:relative;scroll-snap-align:center;height:calc(100vh - 144px);aspect-ratio:9/16}.video-player .video-player-header{align-items:center;background-image:linear-gradient(rgba(0,0,0,.2) 50%,transparent);color:#fff;display:flex;gap:8px;padding:12px 12px 28px;position:absolute;width:100%}.video-player .video-actions{bottom:16px;display:flex;flex-direction:column;gap:8px;position:absolute;right:16px}.video-player .video-actions .video-action{aspect-ratio:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0005;border-radius:100%;padding:0;width:40px;font-weight:700}.video-player .video-actions .video-action:hover{background-color:#0007}.video-player video{object-fit:contain;width:100%;height:100%}.video-player video:fullscreen{background-color:#000;object-fit:contain}.videos-list{display:flex;flex-direction:column;scroll-snap-type:y mandatory}.action-circle{background-color:#000a;border-radius:25px;height:50px;padding:0;width:50px}.action-circle:disabled{opacity:1}.action-circle:hover{background-color:#000c}.list-item{cursor:pointer;display:flex;flex-direction:row;justify-content:space-between;align-items:start;outline:0px solid white;transition:transform .2s;transform:translateY(0)}.list-item:hover{transform:translateY(-8px);transition:transform .2s}.smartbanner-show.smartbanner-margin-top{margin-top:80px}.smartbanner-show.smartbanner-margin-bottom{margin-bottom:80px}.smartbanner-show .smartbanner{display:block}.smartbanner{left:0;display:none;width:100%;height:80px;line-height:80px;font-family:Helvetica Neue,sans-serif;background:#f4f4f4;z-index:9998;-webkit-font-smoothing:antialiased;overflow:hidden;-webkit-text-size-adjust:none}.smartbanner-top{position:absolute;top:0}.smartbanner-bottom{position:fixed;bottom:0}.smartbanner-container{margin:0 auto;padding:0 5px}.smartbanner-close{display:inline-block;vertical-align:middle;margin:0 5px 0 0;font-family:ArialRoundedMTBold,Arial;font-size:20px;text-align:center;color:#888;text-decoration:none;border:0;border-radius:14px;padding:0 0 1px;background-color:transparent;-webkit-font-smoothing:subpixel-antialiased}.smartbanner-close:active,.smartbanner-close:hover{color:#aaa}.smartbanner-icon{width:57px;height:57px;margin-right:12px;background-size:cover;border-radius:10px}.smartbanner-icon,.smartbanner-info{display:inline-block;vertical-align:middle}.smartbanner-info{white-space:normal;width:calc(99% - 201px);font-size:11px;line-height:1.2em;font-weight:700}.smartbanner-wrapper{max-width:110px;display:inline-block;text-align:right;width:100%}.smartbanner-title{font-size:13px;line-height:18px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.smartbanner-description{max-height:40px;overflow:hidden}.smartbanner-author{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.smartbanner-author:empty+.smartbanner-description{max-height:50px}.smartbanner-button{margin:auto 0;height:24px;font-size:14px;line-height:24px;text-align:center;font-weight:700;color:#6a6a6a;text-transform:uppercase;text-decoration:none;display:inline-block;text-shadow:0 1px 0 hsla(0,0%,100%,.8)}.smartbanner-button:active,.smartbanner-button:hover{color:#aaa}.smartbanner-ios{background:#f2f2f2;box-shadow:0 1px 1px #0003;line-height:80px}.smartbanner-ios .smartbanner-close{border:0;width:18px;height:18px;line-height:18px;font-family:Arial;color:#888;text-shadow:0 1px 0 #fff;-webkit-font-smoothing:none}.smartbanner-ios .smartbanner-close:active,.smartbanner-ios .smartbanner-close:hover{color:#888}.smartbanner-ios .smartbanner-icon{background-size:cover}.smartbanner-ios .smartbanner-info{color:#6a6a6a;text-shadow:0 1px 0 hsla(0,0%,100%,.8);font-weight:300}.smartbanner-ios .smartbanner-title{color:#4d4d4d;font-weight:500}.smartbanner-ios .smartbanner-button{padding:0 10px;font-size:15px;min-width:10%;font-weight:400;color:#0c71fd}.smartbanner-ios .smartbanner-button:active,.smartbanner-ios .smartbanner-button:hover{background:#f2f2f2}.smartbanner-android{background:#3d3d3d url(data:image/gif;base64,R0lGODlhCAAIAIABAFVVVf///yH5BAEHAAEALAAAAAAIAAgAAAINRG4XudroGJBRsYcxKAA7);box-shadow:inset 0 4px #88b131;line-height:82px}.smartbanner-android .smartbanner-close{border:0;max-width:17px;width:100%;height:17px;line-height:17px;margin-right:7px;color:#b1b1b3;background:#1c1e21;text-shadow:0 1px 1px #000;text-decoration:none;box-shadow:inset 0 1px 2px #000c,0 1px 1px #ffffff4d;cursor:pointer}.smartbanner-android .smartbanner-close:active,.smartbanner-android .smartbanner-close:hover{color:#eee}.smartbanner-android .smartbanner-icon{background-color:transparent;box-shadow:none}.smartbanner-android .smartbanner-info{color:#ccc;text-shadow:0 1px 2px #000}.smartbanner-android .smartbanner-title{color:#fff;font-weight:700}.smartbanner-android .smartbanner-button{min-width:12%;color:#d1d1d1;font-weight:700;padding:0;background:none;border-radius:0;box-shadow:0 0 0 1px #333,0 0 0 2px #dddcdc}.smartbanner-android .smartbanner-button:active,.smartbanner-android .smartbanner-button:hover{background:none}.smartbanner-android .smartbanner-button-text{text-align:center;display:block;padding:0 10px;background:#42b6c9;background:linear-gradient(180deg,#42b6c9,#39a9bb);text-transform:none;text-shadow:none;box-shadow:none}.smartbanner-android .smartbanner-button-text:active,.smartbanner-android .smartbanner-button-text:hover{background:#2ac7e1}.smartbanner-kindle,.smartbanner-windows{background:#f4f4f4;background:linear-gradient(180deg,#f4f4f4,#cdcdcd);box-shadow:0 1px 2px #00000080;line-height:80px}.smartbanner-kindle .smartbanner-close,.smartbanner-windows .smartbanner-close{border:0;width:18px;height:18px;line-height:18px;color:#888;text-shadow:0 1px 0 #fff}.smartbanner-kindle .smartbanner-close:active,.smartbanner-kindle .smartbanner-close:hover,.smartbanner-windows .smartbanner-close:active,.smartbanner-windows .smartbanner-close:hover{color:#aaa}.smartbanner-kindle .smartbanner-icon,.smartbanner-windows .smartbanner-icon{background:#0009;background-size:cover;box-shadow:0 1px 3px #0000004d}.smartbanner-kindle .smartbanner-info,.smartbanner-windows .smartbanner-info{color:#6a6a6a;text-shadow:0 1px 0 hsla(0,0%,100%,.8)}.smartbanner-kindle .smartbanner-title,.smartbanner-windows .smartbanner-title{color:#4d4d4d;font-weight:700}.smartbanner-kindle .smartbanner-button,.smartbanner-windows .smartbanner-button{padding:0 10px;min-width:10%;color:#6a6a6a;background:#efefef;background:linear-gradient(180deg,#efefef,#dcdcdc);border-radius:3px;box-shadow:inset 0 0 0 1px #bfbfbf,0 1px #fff9,inset 0 2px #ffffffb3}.smartbanner-kindle .smartbanner-button:active,.smartbanner-kindle .smartbanner-button:hover,.smartbanner-windows .smartbanner-button:active,.smartbanner-windows .smartbanner-button:hover{background:#dcdcdc;background:linear-gradient(180deg,#dcdcdc,#efefef)}
