.chat-container-loaded{opacity:0;transition:all .5s ease}.chat-container-loaded.loaded{opacity:1}.chat-sound-toggle{width:40px;height:40px;cursor:pointer;transition:.3s}.chat-sound-toggle:hover{opacity:.7}.chat-settings-modal{width:520px;max-width:calc(100vw - 24px);gap:16px}.chat-settings-card{width:100%;background:#1e1e1e;border:1px solid #292929;border-radius:8px;padding:14px 16px;box-sizing:border-box}.chat-settings-modal .filter-full{width:100%;justify-content:space-between}.chat-settings-modal .filter-full p{color:#d3d3d3;font-size:14px}@media (max-width: 600px){.chat-settings-modal{width:calc(100vw - 24px)}}.chat-settings-label{max-width:calc(100% - 52px)}.chat-settings-subtitle{margin-top:-6px}.chat-settings-icon{cursor:pointer}.chat-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.chat-settings-select-block{display:flex;flex-direction:column;gap:8px}.chat-settings-select-block .chat-settings-label{color:#fff}.chat-settings-select{width:100%;min-height:38px;border-radius:8px;border:1px solid #2d2d2d;background:#171717;color:#d5d5d5;padding:0 10px;outline:none;transition:border-color .2s ease}.chat-settings-select:focus{border-color:#6777f5}.chat-volume-block{width:100%;display:flex;flex-direction:column;gap:12px}.chat-volume-block .chat-settings-label{color:#fff}.chat-volume-controls{display:flex;align-items:center;gap:10px;min-height:34px}.chat-volume-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:34px;background:transparent;cursor:pointer;touch-action:pan-y}.chat-volume-range:focus{outline:none}.chat-volume-range::-webkit-slider-runnable-track{height:8px;border-radius:999px;background:linear-gradient(90deg,#5e6de8,#7d89ff)}.chat-volume-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;margin-top:-6px;border-radius:50%;border:2px solid #ffffff;background:#6777f5;box-shadow:0 2px 8px #6777f573}.chat-volume-range::-moz-range-track{height:8px;border-radius:999px;background:linear-gradient(90deg,#5e6de8,#7d89ff)}.chat-volume-range::-moz-range-thumb{width:20px;height:20px;border-radius:50%;border:2px solid #ffffff;background:#6777f5;box-shadow:0 2px 8px #6777f573}.chat-volume-value{min-width:44px;text-align:right;color:#fff;font-size:13px;font-weight:600}.chat-settings-reset{width:100%;min-height:40px;border-radius:8px;border:1px solid #353535;background:#1b1b1b;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease}.chat-settings-reset:hover{background:#232323;border-color:#4a4a4a}.chat-container .chat-content-main{gap:var(--chat-list-gap, 24px);padding-bottom:var(--chat-list-padding-bottom, 16px)}.chat-container .chat-message-text{font-size:var(--chat-text-size, 15px);line-height:var(--chat-text-line-height, 150%)}.chat-container .chat-username-user{font-size:var(--chat-username-size, 14px)}.chat-container .chat-time{font-size:var(--chat-time-size, 12px)}.chat-container.chat-font-small{--chat-text-size: 13px;--chat-username-size: 13px;--chat-time-size: 11px;--chat-text-line-height: 145%}.chat-container.chat-font-medium{--chat-text-size: 15px;--chat-username-size: 14px;--chat-time-size: 12px;--chat-text-line-height: 150%}.chat-container.chat-font-large{--chat-text-size: 16px;--chat-username-size: 15px;--chat-time-size: 13px;--chat-text-line-height: 155%}.chat-container.chat-density-compact{--chat-list-gap: 14px;--chat-list-padding-bottom: 10px}.chat-container.chat-density-comfortable{--chat-list-gap: 24px;--chat-list-padding-bottom: 16px}.chat-container.chat-density-spacious{--chat-list-gap: 32px;--chat-list-padding-bottom: 22px}.chat-container.chat-hide-avatars .chat-message{gap:6px}.chat-container.chat-no-message-animations .chat-content-main,.chat-container.chat-no-message-animations .chat-message{transition:none!important}.chat-scroll-bottom-btn{position:absolute;right:14px;bottom:74px;z-index:5;width:36px;height:36px;border-radius:18px;border:1px solid #3f3f3f;background:#111111ed;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background .2s ease}.chat-scroll-bottom-btn:hover{transform:translateY(-1px);background:#202020f5}@media (max-width: 600px){.chat-settings-grid{grid-template-columns:1fr}}