.fi-fo-slider:not(.fi-fo-slider-vertical) .noUi-horizontal {
    height: 6px;
}

.fi-fo-slider .noUi-handle {
    width: 18px !important;
    height: 18px !important;
    border-radius: 9999px !important;
    border: 2px solid rgb(37 99 235) !important;
    background: rgb(255 255 255) !important;
    box-shadow: 0 1px 2px rgb(0 0 0 / 0.08) !important;
}

.fi-fo-slider .noUi-handle::before,
.fi-fo-slider .noUi-handle::after {
    display: none !important;
}

.fi-fo-slider .noUi-connect {
    background: rgb(37 99 235) !important;
}

.fi-fo-slider .noUi-connects {
    border-radius: 9999px;
    background: rgb(229 231 235);
}

.dark .fi-fo-slider .noUi-connects {
    background: rgb(55 65 81);
}

.dark .fi-fo-slider .noUi-handle {
    background: rgb(31 41 55) !important;
    border-color: rgb(96 165 250) !important;
}

img.fi-sc-image {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.dialogs-switch {
    position: relative;
    display: inline-flex;
    height: 26px;
    width: 48px;
    border-radius: 9999px;
    background: rgb(148 163 184);
    transition: all 0.2s ease;
    align-items: center;
}

.dialogs-switch:hover {
    opacity: 0.9;
}

.dialogs-switch-active {
    background: rgb(37 99 235);
}

.dialogs-switch-thumb {
    display: inline-block;
    height: 20px;
    width: 20px;
    border-radius: 9999px;
    background: rgb(255 255 255);
    transform: translateX(3px);
    transition: transform 0.2s ease;
}

.dialogs-switch-active .dialogs-switch-thumb {
    transform: translateX(25px);
}

.dialogs-chat-card {
    border-width: 1px;
}

.dialogs-chat-card-active {
    box-shadow: 0 0 0 2px rgb(37 99 235 / 0.35);
}

.dark .dialogs-chat-card-active {
    box-shadow: 0 0 0 2px rgb(96 165 250 / 0.45);
}

.dialogs-thread-layout {
    height: 72vh;
}

.dialogs-thread-panel {
    min-height: 0;
}

.dialogs-thread-messages {
    min-height: 0;
}

.dialogs-operator-textarea {
    display: block;
    width: 100%;
}