* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Inter';
}

.note-editable ol {
    padding-left: revert;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
a {
    text-decoration: none;
}

.story-preview__block ol {
    padding-left: revert;
}
.story-preview__block li {
    padding-left: revert;
}

/* Стили кнопки */

.custom-button {
    padding: 10px 24px;
    max-height: 37px;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    color: #FFFFFF;
    background-color: var(--bg-menu-footer-color);
    border-radius: 11px;
    cursor: pointer;
    white-space: nowrap;
    border-width: 0;
}
.custom-button:hover {
    color: white !important;
    background-color: var(--menu-selection-color);
    transition: 300ms;
}

.custom-button.disabled {
    pointer-events: none;
    color: var(--color-btn-disabled) !important;
}

.custom-select__wrapper {
    position: relative;
    border-radius: 11px;
    border: 1px solid var(--search-wrapper-color);
    background: unset;
    padding: 0 16px;
}

.custom-select {
    color: var(--content-position-color);
    font-size: 14px;
    border: none;
    -webkit-appearance: none;
    background: unset;
    padding: 10px 0;
}

.custom-select:focus-visible {
    outline: none;
}

/* Стили селектора */

.dropdown {
    width: 150px;
    display: inline-block;
    background-color: var(--bg-content-color);
    border-radius: 11px;
    border: 1px solid var(--selector-border-color);
    transition: all .5s ease;
    position: relative;
    font-size: 13px;
    font-family: 'Inter';
    font-weight: 400;
    color: var(--content-main-color);
    height: 100%;
    text-align: left
}

.dropdown .select {
    cursor: pointer;
    display: block;
    padding: 10px;
}

.dropdown .select > i::after {
    position: absolute;
    top: 9px;
    right: 8px;
    content: url(../assets/icons/components/selector-vector.svg);
}

.dropdown .select>i {
    font-size: 13px;
    color: var(--content-main-color);
    cursor: pointer;
    transition: all .3s ease-in-out;
    float: right;
    line-height: 20px;
    font-size: 13px;
    font-family: 'Inter';
    font-weight: 400;
}

.dropdown:hover {
    /* box-shadow: 0 0 4px rgb(204, 204, 204) */
}

.dropdown:active {
    background-color: var(--selector-bg-active-color);
}

.dropdown.active:hover,
.dropdown.active {
    /* box-shadow: 0 0 4px rgb(204, 204, 204); */
    border-radius: 2px 2px 0 0;
    background-color: var(--selector-bg-active-color);
}

/* .dropdown.active .select>i {
    transform: rotate(-180deg);
    position: absolute;
    top: 45%;
    right: 5%;
    transform-origin: center;
} */

.dropdown .dropdown-menu {
    position: absolute;
    background-color: var(--bg-content-color);
    width: 100%;
    left: 0;
    margin-top: 1px;
    box-shadow: 0 1px 2px var(--selector-shadow-color);
    border-radius: 0 1px 2px 2px;
    overflow: hidden;
    display: none;
    max-height: 144px;
    overflow-y: auto;
    z-index: 9
}

.dropdown .dropdown-menu li {
    padding: 10px;
    transition: all .2s ease-in-out;
    cursor: pointer
}

.dropdown .dropdown-menu {
    padding: 0;
    list-style: none
}

.dropdown .dropdown-menu li:hover {
    background-color: var(--selector-bg-active-color);
}

.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}