.streamer-page{padding:20px}.streamer-header{gap:20px}.back-button{background-color:#772ce8;border-radius:4px;font-weight:500;padding:8px 16px;transition:background-color .2s}.back-button:hover{background-color:#5c16c5}.videos-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:20px 0}.video-card{background:#18181b;transition:transform .2s}.video-card:hover{transform:translateY(-2px)}.video-thumbnail{align-items:center;display:flex;height:200px;justify-content:center;overflow:hidden;position:relative}.thumbnail-image{height:100%;object-fit:cover;transition:transform .2s ease;width:100%}.video-card:hover .thumbnail-image{transform:scale(1.05)}.no-thumbnail{align-items:center;background-color:#1f1f23;color:#adadb8;display:flex;font-size:14px;height:100%;justify-content:center;width:100%}.video-info{padding:12px}.video-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#efeff1;display:-webkit-box;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis}.video-date{margin:0}.pagination{align-items:center;display:flex;gap:20px;justify-content:center;margin-top:30px}.pagination-button{background-color:#9147ff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px;transition:background-color .2s}.pagination-button:disabled{background-color:#3a3a3d;cursor:not-allowed}.pagination-button:hover:not(:disabled){background-color:#5c16c5}.pagination-controls{align-items:center;display:flex;gap:10px}.pagination-info{color:#efeff1}.pagination-select{background-color:#18181b;border:1px solid #3a3a3d;border-radius:4px;color:#efeff1;padding:6px}.pagination-select:focus{border-color:#772ce8;outline:none}.pagination-button[disabled]:after,.pagination-button[disabled]:before{opacity:.5}.pagination-button:first-child:before{content:"←";margin-right:4px}.pagination-button:last-child:after{content:"→";margin-left:4px}body{background-color:#1e1e20}.container{display:flex;height:100vh;position:relative;width:100%}.video-container{background:#1e1e20;flex:1 1;overflow:hidden;position:relative}#vk-player{height:100%;width:100%}.chat-section{background:#1e1e20;display:flex;flex-direction:column;height:100vh;width:16vw}.chat-header{background-color:#1e1e20;border-bottom:1px solid #ffffff1a;padding:4px 8px;z-index:10}.chat-container{flex:1 1;overflow-y:auto;padding:8px;position:relative}.chat-container::-webkit-scrollbar{width:4px}.chat-container::-webkit-scrollbar-track{background:#0003}.chat-container::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}#chat-messages{display:flex;flex-direction:column;gap:2px}.chat-message{word-wrap:break-word;font-size:14px;line-height:1.3;padding:2px 5px;@media screen and (max-width:900px){font-size:12px}}.chat-message .user-info{align-items:center;display:flex;gap:4px}.chat-message .user-avatar{border-radius:50%;display:none;height:18px;width:18px}.chat-message .username{display:inline;font-weight:700}.chat-message .message-content{color:#fff;display:inline}.chat-badge{display:inline-block;height:18px;margin-right:3px;vertical-align:middle;width:18px}.chat-message .timestamp{display:none}@media (orientation:portrait){.container{flex-direction:column}.chat-section{height:65vh;width:100%}}@media (orientation:landscape) and (max-width:900px){.chat-section{width:24vw}}.chat-header .back-button{font-size:12px;margin:0;padding:3px 15px;text-align:center;width:100%}*{box-sizing:border-box;font-family:Inter,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:400;margin:0;padding:0}body{background-color:#0e0e10;color:#fff;font-family:Arial,sans-serif}.App,body{min-height:100vh}.App{width:100%}.home-container{display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:1200px;min-height:100vh;padding:40px 20px}.home-container h1{color:#fff;font-size:2.5rem;margin-bottom:30px;text-align:center}.streamers-list{flex-direction:row;flex-wrap:wrap;gap:20px;justify-content:center;width:100%}.streamer-card,.streamers-list{align-items:center;display:flex}.streamer-card{background-color:#18181b;border-radius:8px;color:#fff;flex-direction:column;padding:20px;text-align:center;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;width:250px}.streamer-card:hover{box-shadow:0 5px 15px #0000004d;transform:translateY(-5px)}.avatar-container{border-radius:50%;height:120px;margin-bottom:15px;overflow:hidden;width:120px}.streamer-avatar{height:100%;object-fit:cover;width:100%}.streamer-name{color:#9147ff;font-size:1.5rem;margin-bottom:10px}.streamer-card p{color:#adadb8;font-size:.9rem}.streamer-page{margin:0 auto;max-width:1200px;padding:40px 20px}.streamer-header{align-items:center;display:flex;margin-bottom:30px}.back-button{background-color:#9147ff;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;padding:8px 15px;text-decoration:none}.videos-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);width:100%}@media (max-width:992px){.videos-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.videos-grid{grid-template-columns:1fr}}.video-card{background-color:#18181b;border-radius:8px;overflow:hidden;transition:transform .2s ease;width:100%}.video-card:hover{transform:translateY(-5px)}.video-thumbnail{background-color:#1f1f23;height:170px;object-fit:cover;width:100%}.video-info{padding:15px}.video-title{color:#fff;font-size:16px;margin-bottom:8px;text-decoration:none}.video-date{color:#adadb8;font-size:14px}.video-link{color:inherit;display:block;text-decoration:none}.corner-emote{height:70px;position:absolute;right:20px;top:20px;width:70px;z-index:1000}.corner-emote img{height:100%;object-fit:contain;width:100%}.corner-emote .static-emote{left:0;position:absolute;top:0;z-index:2}.corner-emote .animated-emote{left:0;position:absolute;top:0;z-index:1}.corner-emote .animated-emote.active,.corner-emote:hover .animated-emote{z-index:3}
/*# sourceMappingURL=main.07968065.css.map*/