.switch{position:relative;display:inline-block;width:64px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#1f283a}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fdb813}input:checked+.slider{background-color:#f6f6f6}input:checked+.slider.round:before{background-color:#fdb813}input:focus+.slider{box-shadow:0 0 1px #1f283a}input:checked+.slider:before{transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%;background-color:#f6f6f6}.switch_icon{position:absolute;right:11px;top:50%;transform:translateY(-50%)}.dark .switch_icon{left:7px;right:unset}.layout{display:flex;flex-direction:column;height:100%;align-items:center;color:#232933}.dark .layout{color:#fafcfe}.header{background-color:#00bd66;width:100%;display:flex;justify-content:center;padding:15px 0}.header__wrapper{display:flex;flex-direction:row;align-items:center;justify-content:space-between}@media(max-width:640px){.header__wrapper{justify-content:center}}.header__action_buttons{display:flex;gap:42px;align-items:center}.navigation_item{cursor:pointer;position:relative;min-width:-moz-max-content;min-width:max-content;padding:13px 15px;text-decoration:none;transition:.2s ease}.navigation_item_border{border-bottom:4px solid #00bd66;position:absolute;width:100%;bottom:-2px;left:0}@media(max-width:960px){.navigation_item_border{top:22.5px}}.navigation_item.active,.navigation_item:hover{color:#00bd66}.navigation_item.active:after,.navigation_item:hover:after{content:"";border-bottom:4px solid #00bd66;position:absolute;width:100%;bottom:-2px;left:0}.navigation__wrapper{letter-spacing:.32px;text-transform:uppercase;list-style-type:none}@media(max-width:960px){.navigation__wrapper{font-size:12px;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none}.navigation__wrapper::-webkit-scrollbar{display:none;scrollbar-width:none}}.container{max-width:1200px;padding:0 16px}.loader{margin:25px auto}.loader__large,.loader__medium,.loader__small,.loader__xl{animation:rotate 1s linear infinite}@keyframes rotate{to{transform:rotate(1turn)}}.loader__small{width:48px;height:48px}.loader__medium{width:64px;height:64px}.loader__large{width:84px;height:84px}.loader__xl{width:128px;height:128px}.dark .modal{background-color:#232933;color:#fff}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:flex-start;z-index:10;margin-top:112px}@media(max-width:960px){.modal-overlay{margin-top:105px}}.modal{display:flex;width:100%;height:auto;position:relative;background-color:#fff;box-shadow:0 0 2px 1px rgba(35,41,51,.1);color:#232933;border-top:4px solid #00bd66}.modal-content{padding:16px;width:100%}.close-btn{position:absolute;top:10px;right:10px;background-color:transparent;border:none;cursor:pointer;font-size:16px;color:#666}.dark .about-modal_content_wrapper{background-color:#232933}.dark .about-modal_content:hover{background:rgba(35,41,51,.8)}.about-modal_content{display:flex;flex-direction:column;gap:10px;padding:15px 20px;border:2px solid transparent;border-radius:8px;transition:.4s ease;text-decoration:none}.about-modal_content:hover{border:2px solid var(--Main-green,#00bd66);background:#f2fff9;transition:.4s ease;cursor:pointer}.about-modal_content:hover>.about-modal_content_title{text-decoration:underline}.about-modal_content_wrapper{max-width:1200px;margin:0 auto;padding:32px 16px;display:grid;grid-template-columns:2fr 2fr 2fr;background:#fff}@media(max-width:960px){.about-modal_content_wrapper{padding:0;grid-template-columns:2fr 2fr}}.about-modal_content_title{font-size:18px;font-weight:600}@media(max-width:960px){.about-modal_content_title{font-size:16px}}.about-modal_content_text{font-size:14px;font-weight:300}@media(max-width:960px){.about-modal_content_text{font-size:12px}}.about_top_section__container{background-image:url(/_next/static/media/calendar_mask.3d70de33.png)}.dark .about_our_supporters__wrapper{background-color:#232933}.twitch-header{display:flex;align-items:center;gap:15px;margin-bottom:10px;padding:12px 0}.twitch-header h2{margin:0}@media(max-width:768px){.twitch-header{flex-direction:column;align-items:center;gap:10px}}.category-selector{display:flex;gap:10px}.category-selector button{padding:10px 15px;border:none;border-radius:5px;font-size:16px;cursor:pointer;transition:background-color .3s ease,transform .2s ease;background-color:#333;color:#fff}.category-selector button:hover{background-color:#555;transform:scale(1.05)}.category-selector button.active{background-color:#9147ff}.section-title{text-align:left;width:100%;max-width:1400px;margin:0 auto 15px;padding:0}.clips-container,.streams-container{flex-direction:column;align-items:center;width:100%}.clips-grid,.streams-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1600px;width:100%;margin:0 auto;padding:0 10px}.clip,.stream{width:101%;max-width:400px;padding-bottom:20px;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.clip iframe,.stream iframe{width:100%;max-width:400px;border-radius:12px 12px 0 0;display:block}.clip-title,.stream-title{width:100%;max-width:400px;background:rgba(0,0,0,.8);color:#fff;padding:10px;font-size:14px;text-align:center;border-radius:0 0 12px 12px;word-wrap:break-word;min-height:30px}.pagination-container{display:flex;justify-content:center;width:100%;margin-top:20px}.pagination{display:flex;align-items:center;gap:10px}.pagination button{padding:12px 18px;border:none;border-radius:5px;background-color:#9147ff;color:#fff;font-size:14px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.pagination button:hover{background-color:#772ce8;transform:scale(1.05)}.pagination button:disabled{background-color:gray;cursor:not-allowed;transform:none}.twitch-divider{margin:40px 0;border:none;height:2px;background-color:#9147ff}@media(max-width:1024px){.clips-grid,.streams-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.clips-grid,.streams-grid{grid-template-columns:repeat(1,1fr)}}.skeleton{width:101%;max-width:400px;height:300px;background-color:#00bd66;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px}.skeleton,.skeleton-thumbnail{border-radius:12px;position:relative}.skeleton-thumbnail{width:100%;height:100%;background:linear-gradient(90deg,green 25%,#00b300 50%,green 75%);background-size:400% 100%;animation:loading 1.5s infinite}.skeleton-thumbnail:before{content:"";background:url(/kleverr_default.svg) no-repeat 50%;background-size:contain;width:100px;height:100px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes loading{0%{background-position:100% 0}to{background-position:-100% 0}}.twitch-section-header{padding:1.5rem;margin-bottom:20px;display:flex;flex-direction:column;gap:1.5rem;border:1px solid #e2e8f0;border-radius:.5rem;background-color:#fff}.twitch-section-header__mask{padding:2rem;border-radius:.5rem;background:url(/_next/static/media/calendar_mask.3d70de33.png)}.twitch-section-header__mask h1{color:#fff;margin:0;font-size:1.5rem;font-weight:600}.twitch-section-header__navigation{display:flex;flex-direction:column;gap:1rem;padding:.75rem;border:2px solid #cbd5e0;border-radius:.5rem;background-color:#f7fafc}.twitch-section-header__navigation .twitch-section-header__row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:.5rem;border:2px solid #e2e8f0;border-radius:.5rem;background-color:#fff}.twitch-section-header__navigation .twitch-section-header__label{font-size:1.1rem;font-weight:600;color:#2d3748;white-space:nowrap}.twitch-section-header__navigation .twitch-section-header__group{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.twitch-section-header__navigation .twitch-section-header__item{padding:.75rem 1.25rem;border-radius:.35rem;cursor:pointer;font-size:1rem;font-weight:500;transition:all .2s ease;background-color:#e2e8f0;border:2px solid transparent;line-height:1;position:relative;overflow:hidden}.twitch-section-header__navigation .twitch-section-header__item:hover{background-color:#cbd5e0;transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.1)}.twitch-section-header__navigation .twitch-section-header__item:hover:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;box-shadow:0 0 10px rgba(145,71,255,.4);border-radius:.35rem;opacity:1;transition:opacity .2s ease}.twitch-section-header__navigation .twitch-section-header__item--active{background-color:#9147ff;color:#fff;border-color:#772ce8;box-shadow:0 2px 12px rgba(145,71,255,.3)}.dark .twitch-section-header{background-color:#1a202c;border-color:#2d3748}.dark .twitch-section-header__navigation{background-color:#2d3748;border-color:#4a5568}.dark .twitch-section-header__navigation .twitch-section-header__row{background-color:#1a202c;border-color:#4a5568}.dark .twitch-section-header__navigation .twitch-section-header__label{color:#e2e8f0}.dark .twitch-section-header__navigation .twitch-section-header__item{background-color:#2d3748;color:#e2e8f0}.dark .twitch-section-header__navigation .twitch-section-header__item--active{background-color:#9147ff;box-shadow:0 2px 12px rgba(145,71,255,.5)}.dark .twitch-section-header__navigation .twitch-section-header__item:hover{background-color:#4a5568;box-shadow:0 2px 8px rgba(0,0,0,.3)}