/* Выпадающие списки */

.dropdown-block .dropdown-head {
    cursor: pointer;
    width: 100%;
    transition: 0.4s;
}

.dropdown-block .dropdown-body {
    max-height: 0;
    padding: 0;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    transition: all 0.25s ease-out;
}

.dropdown-block.active .dropdown-body {
    opacity: unset;
    visibility: unset;
}

.dropdown-block.fast .dropdown-body {
    transition: all 0.15s ease-out;
}

.dropdown-block.medium .dropdown-body {
    transition: all 0.25s ease-out;
}

.dropdown-block.slow .dropdown-body {
    transition: all 0.5s ease-out;
}

.dropdown-block.no-transition .dropdown-body {
    transition: unset;
}

.dropdown-block .dropdown-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dropdown-block > .dropdown-head::after {
    content: "";

    width: 15px;
    height: 14px;
    display: block;

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1_1228)'%3E%3Cmask id='mask0_1_1228' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='14' height='14'%3E%3Cpath d='M0 14H14V0H0V14Z' fill='white' /%3E%3C/mask%3E%3Cg mask='url(%23mask0_1_1228)'%3E%3Cpath d='M13 9L7 3L1 9' stroke='%23888888' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_1228'%3E%3Crect width='14' height='14' fill='white' transform='matrix(-1 0 0 -1 14 14)' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    transform: rotateX(180deg);
}

.dropdown-block.active > .dropdown-head::after {
    transform: rotateX(0);
}

.dropdown-block.no-icon .dropdown-head {
	background-image: unset;
	background-size: unset;
	background-position: unset;
	background-repeat: unset;
}

.dropdown-block.disable-click .dropdown-head {
	cursor: auto;
}

/* Отключение выделения синим при нажатии на моб. устройствах */

.dropdown-block {
	-webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}