.HSB-block {
overflow: hidden;
margin-bottom: 25px;
display: flex;
flex-wrap: nowrap;
transition: max-height 0.3s cubic-bezier(1, 0, 1, 0); /* Плавная анимация */
}
.HSB-block.open {
max-height: none;
}
.HSB-block .show_mr {
flex: none;
width: 50px;
align-content: flex-start;
padding-top: 23px;
}
.HSB-block .show_mr .show_mr_btn {
width: 50px;
background-color: var(--color-blue);
height: 50px;
display: block;
border-radius: 10px;
cursor: pointer;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.HSB-block .show_mr .show_mr_btn:before {
position: absolute;
content: "";
width: 50px;
height: 50px;
background-image: url('data:image/svg+xml,\ ');
}
.HSB-block .show_mr .show_mr_btn:hover {
background-color: #F6F6F6;
}
.HSB-block .show_mr .show_mr_btn:hover::before {
background-image: url('data:image/svg+xml,\ ');
}
.HSB-block.open .show_mr .show_mr_btn::before {
background-image: url('data:image/svg+xml,\ ');
transition: transform 0.5s;
}
.HSB-block.open .show_mr .show_mr_btn:hover::before {
background-image: url('data:image/svg+xml,\ ');
transition: transform 0.5s;
}
.HSB-block .tag_list_pages {
margin-bottom: 0;
}
.HSB-block .tag_elem {
height: auto!important;
}
.HSB-block {
transition: 500ms;
}
.HSB-block.open {
transition: 500ms;
}