.channels__message-content{padding:6px 12px}.channels__message-content .utc-time{min-width:80px}.channels__channel{padding:12px;border-radius:12px}.channels__channel.selected{background:#1c1b17 !important;border:1px solid #45402b !important}.channels__image{flex-shrink:0;width:64px;height:64px;border-radius:50px;box-shadow:0px 1px 2px 0px rgba(0,0,0,.3),0px 2px 6px 2px rgba(0,0,0,.15)}.channels__bio{overflow:hidden;color:var(--bs-gray-200);text-overflow:ellipsis;max-width:200px}.channels__notification-time{color:var(--bs-gray-200)}.channels .badge{top:calc(100% - 10px)}.channels p{margin:0}.channels__container{width:100%}@media screen and (min-width: 1144px){.channels__container{width:480px}}.channels__message-card{gap:8px;position:relative;border-radius:8px;box-shadow:0px 4px 8px 3px rgba(0,0,0,.15),0px 1px 3px 0px rgba(0,0,0,.3);background:var(--bs-black-100);word-break:break-word;border:solid 1px var(--bs-black-100)}.channels__message-tip-card{padding:8px 12px;border-radius:8px 8px 8px 16px;border-left:2px solid var(--bs-gold-100);background:rgba(194,176,103,.2);box-shadow:0 4px 8px 3px rgba(0,0,0,.15),0 1px 3px 0 rgba(0,0,0,.3)}.channels__scrollToBottom{border:none;width:32px;height:32px;aspect-ratio:1/1;right:0px;bottom:100px;border-radius:50px;background:var(--bs-white-200);box-shadow:0 4px 4px 0 rgba(0,0,0,.25);z-index:2}.my-channels-container{display:flex;flex-direction:column;min-height:calc(100dvh - var(--header-offset) - var(--navbar-height) - 58px);max-height:calc(100dvh - var(--header-offset) - var(--navbar-height) - 58px);overflow-y:scroll}@media screen and (min-width: 1144px){.my-channels-container{gap:40px;flex-direction:row;width:100% !important;min-height:calc(100dvh - var(--header-offset) - 80px);max-height:calc(100dvh - var(--header-offset) - 80px)}}.my-channels-container__channels,.my-channels-container__messages{width:100%}@media screen and (min-width: 1144px){.my-channels-container__channels,.my-channels-container__messages{padding:16px;max-width:500px;overflow-y:scroll;min-height:calc(100dvh - var(--header-offset) - 80px);max-height:calc(100dvh - var(--header-offset) - 80px);border:solid 1px var(--bs-black-100)}}.my-channels-container .channels__scrollToBottom{right:16px}.divider{content:"";display:flex;width:100%;height:1px;background:var(--bs-black-300)}@media screen and (min-width: 1144px){.my-profile-view,.tipster_view_info,#channel-messages-display{gap:40px;margin-bottom:18px}.my-profile-view .tipster-info-and-tips-container,.my-profile-view .user_profile_info,.tipster_view_info .tipster-info-and-tips-container,.tipster_view_info .user_profile_info,#channel-messages-display .tipster-info-and-tips-container,#channel-messages-display .user_profile_info{height:100%;min-height:calc(100dvh - var(--header-offset) - 18px);padding:16px;min-width:min(480px,50% - 12px);overflow-y:scroll;border:solid 1px var(--bs-black-100)}.my-profile-view .channel-content,.tipster_view_info .channel-content,#channel-messages-display .channel-content{min-width:min(480px,50% - 12px);max-width:780px;height:100%}.my-profile-view .channel-content .channels__container,.tipster_view_info .channel-content .channels__container,#channel-messages-display .channel-content .channels__container{position:fixed !important;border:solid 1px var(--bs-black-100);padding:0px 16px;padding-top:16px;overflow-y:scroll}#channel-messages-display{margin-top:0;margin-bottom:0}}.channel-section{padding-bottom:20px}@media screen and (min-width: 1144px){.channel-section{padding-bottom:0px}}.channels__container{--input-container-height: 0px;--tab-buttons-height: 44px;--parent-padding: 32px;--channels-title-height: 0px;--gaps: 2;--header-offset: 64px;--channels-container-height: calc(100dvh - var(--header-offset) - var(--input-container-height))}@media screen and (min-width: 1144px){.channels__container{--input-container-height: 0px;--channels-container-height: calc(100dvh - var(--header-offset) - 18px);--header-offset: 80px}.channels__container:has(.message-composer){--input-container-height: 115px}}.channels__container:has(.message-composer){--input-container-height: 115px}.channels__container:has(.input-not-allowed){--input-container-height: 0px}.channels__container{top:var(--header-offset);height:var(--channels-container-height);min-height:var(--channels-container-height);max-height:var(--channels-container-height);position:fixed !important;padding:16px;padding-bottom:100px}.channels__container .create-message-input-wrapper{position:fixed;bottom:env(safe-area-inset-bottom, 0);left:0;width:100%;z-index:9999;border-bottom-right-radius:0;border-bottom-left-radius:0}@media screen and (min-width: 1144px){.channels__container .create-message-input-wrapper{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}}#myFeed .channels__container{--tab-buttons-height: 48px;top:calc(var(--header-offset) + var(--tab-buttons-height));--channels-container-height: calc(100dvh - var(--header-offset) - var(--tab-buttons-height) - var(--navbar-height))}#myFeed .channels__container .channelContent{padding:0 16px;position:absolute;top:0;--content-height: var(--channels-container-height);min-height:var(--content-height);max-height:var(--content-height)}@media screen and (min-width: 1144px){#myFeed .channels__container .channelContent{padding:0}}@media screen and (min-width: 1144px){#myFeed .channels__container{--tab-buttons-height: 62px;--channels-container-height: calc(100dvh - var(--header-offset) - var(--tab-buttons-height) - 18px)}}#myFeed .channels__container .channels__scrollToBottom{display:none !important}.channelContent{--content-height: calc( var(--channels-container-height) - var(--channels-title-height) - var(--tab-buttons-height) - (var(--gaps) * 0.25rem) )}@media screen and (min-width: 1144px){.channelContent{--channels-title-height: 41px;--tab-buttons-height: 58px;--gaps: 4;--content-height: calc( var(--channels-container-height) - var(--channels-title-height) - var(--tab-buttons-height) - var(--input-container-height) - (var(--gaps) * 0.25rem) )}}.channelContent{min-height:var(--content-height);max-height:var(--content-height);overflow-y:auto}.tip-status-won,.tip-status-half_won,.tip-status-lost,.tip-status-half_lost,.tip-status-void{padding:8px 12px;border-radius:8px;border-left:2px solid}.tip-status-won .utc-time,.tip-status-half_won .utc-time,.tip-status-lost .utc-time,.tip-status-half_lost .utc-time,.tip-status-void .utc-time{min-width:80px}.tip-status-won,.tip-status-half_won{border-left-color:var(--bs-green-100);background:rgba(18,214,116,.2)}.tip-status-lost,.tip-status-half_lost{border-left-color:var(--bs-red);background:rgba(255,51,75,.2)}.tip-status-void{border-left-color:var(--bs-gray-200);background:rgba(150,162,178,.2)}.premiumBadge{display:flex;height:20px;padding:0px 4px;justify-content:center;align-items:center;gap:4px;border-radius:2px;background:#c2b067;color:var(--bs-black-200);font-family:var(--bs-secondary-font);font-size:10px;font-style:normal;font-weight:700;line-height:14px}.notification-count{height:24px;min-width:24px;padding:0px 4px;border-radius:50px;background:var(--bs-orange)}.my-notification-count{height:20px;min-width:20px}@media screen and (min-width: 1144px){.my-notification-count{height:24px;min-width:24px}}.channel-header{border-bottom:1px solid hsla(0,0%,100%,.1)}.channel-header__name{font-size:1.25rem;font-weight:600}.channel-header__members{color:#96a2b2;font-size:.875rem;text-align:left}.channel-tab{background:rgba(0,0,0,0);border:1px solid #333;border-radius:50px;color:#888;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;min-width:198px;height:32px;max-width:396px;padding:6px 16px;gap:4px}.channel-tab--active{background:#fff;color:#000;border-color:#fff}.channel-tab__text{font-size:.875rem;font-weight:600}.channel-tab__lock{font-size:.875rem;opacity:.7}.channel-tab:hover:not(.channel-tab--active){border-color:#555;color:#aaa}.channel-content__tab{display:none}.channel-content__tab.show-content{display:block}.message-bottom-sheet{background:var(--bs-matter);z-index:2;max-width:100%;left:calc(0 + var(--sidebar-width))}@media screen and (min-width: 1144px){.message-bottom-sheet{max-width:450px}}.message-composer{background:rgba(0,0,0,0)}.attachment-btn,.send-btn{background:none;border:none;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;transition:background-color .2s}.attachment-btn:hover,.send-btn:hover{background-color:hsla(0,0%,100%,.1)}.message-input-container{position:relative}.message-input{background-color:var(--bs-white-200);border:1px solid #333;border-radius:20px;padding:10px 16px;font-size:16px;max-height:100px;overflow-y:auto}.message-input:focus{border-color:rgba(0,0,0,0)}.message-input::-moz-placeholder{color:#888}.message-input::placeholder{color:#888}.recording{animation:pulse 1s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.voice-message-player{background:hsla(0,0%,100%,.1);border-radius:24px;padding:8px 12px 8px 8px;margin:5px 0;display:flex;align-items:center;gap:12px;max-width:250px}.voice-message-player button{background:none;border:none;color:#fff;font-size:16px;cursor:pointer}.voice-message-duration{color:#ccc;font-size:12px}.voice-message-waveform{flex-grow:1;height:32px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:16px;background:hsla(0,0%,100%,.1)}.voice-message-progress{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg, #007bff, #0056b3);border-radius:16px;width:0%;transition:width .1s ease;z-index:1}.voice-waveform-bars{display:flex;align-items:center;justify-content:center;gap:2px;height:100%;width:100%;position:relative;z-index:2;pointer-events:none}.voice-waveform-bar{background:hsla(0,0%,100%,.6);border-radius:1px;width:2px;transition:all .1s ease}.voice-waveform-bar.active{background:hsla(0,0%,100%,.9)}.voice-waveform-bar:nth-child(1){height:8px}.voice-waveform-bar:nth-child(2){height:16px}.voice-waveform-bar:nth-child(3){height:12px}.voice-waveform-bar:nth-child(4){height:20px}.voice-waveform-bar:nth-child(5){height:6px}.voice-waveform-bar:nth-child(6){height:18px}.voice-waveform-bar:nth-child(7){height:10px}.voice-waveform-bar:nth-child(8){height:14px}.voice-waveform-bar:nth-child(9){height:22px}.voice-waveform-bar:nth-child(10){height:8px}.voice-waveform-bar:nth-child(11){height:16px}.voice-waveform-bar:nth-child(12){height:4px}.voice-waveform-bar:nth-child(13){height:18px}.voice-waveform-bar:nth-child(14){height:12px}.voice-waveform-bar:nth-child(15){height:24px}.voice-waveform-bar:nth-child(16){height:6px}.voice-waveform-bar:nth-child(17){height:14px}.voice-waveform-bar:nth-child(18){height:10px}.voice-waveform-bar:nth-child(19){height:20px}.voice-waveform-bar:nth-child(20){height:8px}@keyframes waveform-pulse{0%,100%{transform:scaleY(1)}50%{transform:scaleY(1.2)}}.voice-message-player.playing .voice-waveform-bar{animation:waveform-pulse 1.5s ease-in-out infinite}.voice-message-player.playing .voice-waveform-bar:nth-child(2n){animation-delay:.1s}.voice-message-player.playing .voice-waveform-bar:nth-child(3n){animation-delay:.2s}.voice-message-player.playing .voice-waveform-bar:nth-child(5n){animation-delay:.3s}.recording-ui{display:flex;align-items:center;justify-content:center;padding:10px;background:rgba(220,53,69,.1);border-radius:8px;border:1px solid rgba(220,53,69,.3)}.recording-indicator{display:flex;align-items:center;gap:8px;color:#dc3545;font-weight:500}.recording-dot{width:8px;height:8px;background:#dc3545;border-radius:50%;animation:recording-pulse 1s infinite}@keyframes recording-pulse{0%{opacity:1}50%{opacity:.3}100%{opacity:1}}.voice-preview-player{background:hsla(0,0%,100%,.1);border-radius:8px;padding:6px 10px;margin:0;display:flex;align-items:center;gap:8px;max-width:100%;height:40px}.voice-preview-player button{background:none;border:none;color:#fff;font-size:14px;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0}.voice-preview-player .play-pause-btn{background:rgba(0,123,255,.2)}.voice-preview-player .delete-recording-btn{background:rgba(220,53,69,.2);color:#dc3545}.voice-preview-player .delete-recording-btn:hover{background:rgba(220,53,69,.3)}.voice-waveform{flex-grow:1;height:16px;background:hsla(0,0%,100%,.2);border-radius:8px;position:relative}.voice-progress{height:100%;background:#007bff;border-radius:8px;width:0%;transition:width .1s ease}.voice-duration{color:#ccc;font-size:11px;min-width:30px;flex-shrink:0}.bi-play-circle-fill,.bi-pause-circle-fill{font-size:26px;color:var(--bs-gold-100)}.video-container{position:relative;width:100%;background:#000;border-top-left-radius:8px;border-top-right-radius:8px;overflow:hidden}.video-element{width:100%;height:auto;max-height:300px;display:block;cursor:pointer}.video-controls{display:flex;align-items:center;gap:8px;padding:8px 12px;background:rgba(0,0,0,.8);position:absolute;bottom:0;left:0;right:0;transition:opacity .3s ease}.video-play-pause-btn{background:none;border:none;color:#fff;font-size:16px;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0}.video-play-pause-btn:hover{background:hsla(0,0%,100%,.2)}.video-progress-container{flex-grow:1;height:4px;background:hsla(0,0%,100%,.3);border-radius:2px;cursor:pointer;position:relative}.video-progress-bar{width:100%;height:100%;position:relative}.video-progress{height:100%;background:#007bff;border-radius:2px;width:0%;transition:width .1s ease}.video-duration{color:#fff;font-size:12px;min-width:35px;flex-shrink:0}.video-fullscreen-btn{background:none;border:none;color:#fff;font-size:14px;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0}.video-fullscreen-btn:hover{background:hsla(0,0%,100%,.2)}.image-message-container{width:100%;border-radius:8px;border-bottom-left-radius:0;border-bottom-right-radius:0;overflow:hidden;background:hsla(0,0%,100%,.05);min-height:167px}@media screen and (min-width: 1144px){.image-message-container{min-height:207px}}.image-message{width:100%;height:auto;cursor:pointer;transition:opacity .3s ease;display:block}.image-message:hover{opacity:.9}.attachment-preview{display:none;background:hsla(0,0%,100%,.1);border-radius:8px;padding:8px 12px;margin-bottom:8px;border:1px solid hsla(0,0%,100%,.2)}.attachment-preview-content{display:flex;align-items:center;justify-content:space-between;gap:10px}.attachment-info{display:flex;align-items:center;gap:10px;flex-grow:1;min-width:0}.attachment-icon{font-size:18px;color:#007bff;flex-shrink:0}.attachment-details{display:flex;flex-direction:column;min-width:0;flex-grow:1}.attachment-name{color:#fff;font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}@media screen and (min-width: 1144px){.attachment-name{max-width:200px}}.attachment-size{color:#ccc;font-size:11px;margin-top:2px}.attachment-remove-btn{background:rgba(220,53,69,.2);border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#dc3545;font-size:10px;flex-shrink:0;transition:background-color .2s ease}.attachment-remove-btn:hover{background:rgba(220,53,69,.3)}.message-reactions{display:flex;align-items:center;gap:8px}.reactions-display{display:flex;gap:4px;flex-wrap:wrap;align-items:center;flex-grow:1}.reaction-item{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:16px;padding:4px 8px;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:4px;height:28px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.reaction-item:hover{background:hsla(0,0%,100%,.2);transform:scale(1.05)}.reaction-item.reacted{background:rgba(0,123,255,.3);border-color:rgba(0,123,255,.5);box-shadow:0 0 8px rgba(0,123,255,.3)}.reaction-item.reacted:hover{background:rgba(0,123,255,.4)}.reaction-count{font-size:10px;color:#fff;font-weight:600;min-width:12px}.add-reaction-btn{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:50%;width:28px;height:28px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.add-reaction-btn:hover{background:hsla(0,0%,100%,.2);transform:scale(1.1)}.add-reaction-icon{width:19px;height:16px;opacity:.8}.reaction-picker{display:none;position:fixed;z-index:1001;background:rgba(0,0,0,.8);backdrop-filter:blur(5px);border-radius:12px;padding:8px;box-shadow:0 4px 20px rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.2)}.reaction-picker-content{display:flex;gap:4px;align-items:center}.reaction-option{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;padding:8px;font-size:16px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.reaction-option:hover{background:hsla(0,0%,100%,.2);transform:scale(1.2)}.reaction-option:active{transform:scale(0.95)}@keyframes reactionPop{0%{transform:scale(1)}50%{transform:scale(1.3)}100%{transform:scale(1)}}.reaction-item.animate{animation:reactionPop .3s ease}.upload-progress-container{margin-top:6px;display:flex;align-items:center;gap:8px}.upload-progress-bar{flex-grow:1;height:6px;background:hsla(0,0%,100%,.2);border-radius:3px;overflow:hidden;position:relative}.upload-progress-fill{height:100%;background:linear-gradient(90deg, #007bff, #0056b3);border-radius:3px;width:0%;transition:width .3s ease;position:relative}.upload-progress-fill::after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);animation:uploadShimmer 1.5s infinite}.upload-progress-text{color:#007bff;font-size:11px;font-weight:600;min-width:35px;text-align:right;flex-shrink:0}.arrowSpin{animation:arrowSpin 1s linear infinite}@keyframes arrowSpin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes uploadShimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.bi-stop-fill,.bi-mic{font-size:25px}@keyframes fadeInBackdrop{from{opacity:0}to{opacity:1}}.my-feed__avatar-author{min-width:36px;min-height:36px;border-radius:50% !important;border-width:3px !important;border-style:solid !important;border-color:var(--bs-gold-200) !important}.my-feed__avatar-author img{min-width:30px;min-height:30px}.channel-page .channels__header{display:none !important}.channel-page .channels__scrollToBottom{display:flex !important}.bookmark-channel-btn{background:none;border:none;cursor:pointer;z-index:2}