.html_block_tabs__headers{display:flex; gap:5px; margin-bottom:10px}
.html_block_tabs__header{min-width:100px; height:100%; cursor:pointer; display:flex; align-items:center; justify-content:center; padding:0 15px 10px 15px; border-bottom:2px solid transparent; position:relative}
.html_block_tabs__header.current{border-bottom:2px solid var(--main-open-color); color:var(--main-open-color);}
.html_block_tabs__header > .element_actions{visibility:hidden;}
.html_block_tabs__header:hover > .element_actions{visibility:visible;}
.html_block_tabs__header .editable{width:100%;}
.html_block_tabs__content >.htmlblock_elements_group.current{display:block;}
.html_block_tabs__content >.htmlblock_elements_group{display:none;}
.html_block_tabs__headers .element_add{padding:0 3px; isplay:flex; align-items:center; justify-content:center;}
.html_block_tabs__header_title{margin-right:50px; position:relative}
.html_block_tabs__header_title div{min-width:30px; height:100%; display:flex; align-items:center;}
.html_block_tabs__header_title:hover{border-bottom:2px solid var(--main-open-color);}

.html_block_faq{flex-direction:column;}
.html_block_faq__content{width:100%; position:relative; max-height:none!important;}
.html_block_faq__title{font-size:20px; font-weight:600; margin-bottom:20px}

.html_block_accordion{flex-direction:column;}
.html_block_accordion__content{width:100%; position:relative; max-height:none!important;}
.html_block_accordion__title{font-size:20px; font-weight:600; margin-bottom:20px}

.html_block_price_table__price{min-width:50px}

.htmlblock_columns__column{flex:1;}

.html_block_image_added{position:relative;}
.html_block_image_added .wp_media_buttons{visibility:hidden; position:absolute; bottom:0}
.html_block_image_added:hover .wp_media_buttons{visibility:visible;}
.html_block_image_carousel__images{position:relative}
.html_block_image_carousel__images:hover .block_add{visibility:visible;}
.html_block_image_carousel__box{display:flex;}
.html_block_image_carousel__img{flex-shrink:0; position: relative;}
.html_block_image_carousel__img .delete_item{visibility:hidden;}
.html_block_image_carousel__img:hover .delete_item{visibility:visible;}


/*Общее для всез блоков*/
#htmlblock_content{background:var(--background-color);}
.htmlblock_preview__linked_blocks{position:relative}
.htmlblock_preview__linked_blocks_text{visibility:hidden; padding:2px 10px; background:#2271b1; color:#fff; position:absolute; top:0; border-radius:5px; font-size:12px}
.htmlblock_preview__linked_blocks_text{left:50%; transform:translate(0, -50%);}
.htmlblock_preview__linked_blocks:hover .htmlblock_preview__linked_blocks_text{visibility:visible; z-index:1;}

.htmlblock_editor{position:relative}
.htmlblock_active{outline:1px solid #01799c;}
.htmlblock_editor:hover{outline:1px solid #01799c; outline-offset: -1px ;}
.htmlblock_editor:has(.htmlblock_editor:hover){border-color: transparent;}
.htmlblock_disabled{opacity: 0.3!important;}

.htmlblock_actions{display:flex; align-items:center; gap:10px;}
.htmlblock_actions span{cursor:pointer}
.htmlblock_actions .element_add{background-color:#F4F4F4; font-size:15px; padding:5px}
.htmlblock_actions .button{padding: 5px 10px; line-height: 1; font-size: 12px; min-height: auto; color:#01799c!important; background-color:#ffffff!important; border:solid 1px #01799c!important;;}
.htmlblock_actions .element_add:hover{background-color:#01799c; color:#ffffff}

.element_actions{display:flex; align-items:center; gap:5px; position:absolute; z-index:10; left:0; bottom:100%; padding:5px; color:#2c3338; border-radius:5px; border:1px solid #1e1e1e; background-color:#fff;}
.element_actions .dashicons{cursor:pointer; width:18px; height:18px; font-size:18px;}
.element_actions__nav{display:flex; flex-direction:column; margin:-5px 0;}
.element_actions__nav .prev{transform:rotate(180deg);}
.element_actions__nav .svg_icon{height:15px; cursor:pointer; padding-top: 5px;}
.element_actions__nav .svg_icon:hover{color:#2271b1;}
.element_actions__nav .svg_icon svg{height:20px;}

.htmlblock_elements_group{position:relative}
.htmlblock_elements_group >.htmlblock_actions_exist{display:none; position:absolute; z-index:10; left:0; top:calc(100% - 2px); padding:5px; color:#2c3338; border-radius:5px; border:1px solid #1e1e1e; background-color:#fff;}
.htmlblock_elements_group:hover >.htmlblock_actions_exist{display:flex}


.element_add:before{content:"\f543";}
.element_add{padding:10px; font:normal 20px / 1 dashicons; display:inline-block; margin:0; outline:none!important; border:none; background:transparent; text-align:center; cursor:pointer; transition:all .2 sease-in-out; border-radius:5px;}


.usam_menu{position:relative;}
.usam_menu__name{display:flex; align-items:center;}
.menu_content{display:none; z-index:99999; position:absolute; height:auto; background-color:#fff; border:solid 1px #e7e7e7; border-radius:5px; box-shadow:0 18px 20px rgba(72, 93, 99, 0.3); text-align:left; text-indent:0; text-transform:none; visibility:visible; white-space:nowrap; word-spacing:normal; vertical-align:baseline; font-size:13px;}
.menu_content::after{content:''; position:absolute; bottom:100%; border:10px solid transparent; border-bottom:10px solid #fff;}
.usam_menu_content__left::after{right:5px}
.usam_menu_content__right::after{left:5px}
.usam_menu_content__left{inset:calc(100% + 10px) 0px auto auto;}
.usam_menu_content__right{inset:calc(100% + 10px) auto auto 0px}
.menu_content.menu_content_left::after{inset:-21px auto auto 20px;}
.menu_content .disabled{opacity:0.5;}
.menu_content .menu_items{display:flex; flex-direction:column; justify-content:baseline;}
.menu_items__item{border-bottom:1px solid #f1f1f1;}
.menu_items__item:last-child{border-bottom:none;}
.menu_items__item,
.menu_items__item a{cursor:pointer; padding:5px 10px; color:#2a2a2a; display:block;}
.menu_content .menu_items__item:hover{color:#FFFFFF; background-color:#2a2a2a;}
.menu_content .menu_items__item:hover a{color:#FFFFFF;}
.menu_content .menu_name{cursor:pointer;}
.menu_content.select_menu{display:block;}
.menu_content .menu_content_form{top:40px; left:0px;}
.menu_items__item_delete{border-top:solid 1px #c3c4c7; background-color:#f0f0f1; border-radius:0 0 5px 5px;}

/*Для макетов блоков*/
.layout_editor{display:flex; flex-direction:column; width:100%; gap:5px;}
.layout_editor__htmlblocks{width:100%;}
.layout_editor .element_add{background-color:#F4F4F4;}
.layout_editor >.htmlblock_elements{border:1px solid transparent;}