.f_sortable{list-style:none;margin:0;padding:0;position:relative}.f_sortable.f_row_mode li:not(.f_o_tree li){background:var(--color-white)}.f_sortable.f_row_mode li,.f_sortable.f_row_mode.f_o_tree li .f_box{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;padding:10px 0 10px 0;margin:0 0 12px 0;border:1px solid var(--color-gray-400);border-radius:10px;cursor:grab;transition:all var(--transition-fast) ease;user-select:none;position:relative;box-sizing:border-box;width:100%}.f_sortable.f_row_mode li:hover{background:var(--color-gray-200)}.f_sortable.f_row_mode li>.f_right,.f_sortable.f_row_mode.f_o_tree li>.f_box .f_right{flex:1;flex-wrap:wrap;margin:0 20px 0 20px;padding:4px 0 4px 0}.f_sortable.f_row_mode li>.f_left,.f_sortable.f_row_mode.f_o_tree li>.f_box .f_left{display:flex;flex-wrap:wrap;align-items:center;justify-content:start;margin:0 20px 0 20px;padding:4px 0 4px 0}.f_sortable.f_row_mode.f_o_tree li{padding:0}.f_sortable.f_row_mode.f_o_tree li .f_box{background:var(--color-white)}.f_sortable.f_row_mode.f_o_tree li{display:block;border:none}.f_sortable.f_row_mode.f_o_tree li:hover{background:none}.f_sortable.f_row_mode.f_o_tree::before{content:"";position:absolute;top:0;right:20px;width:1px;height:100%;background:var(--color-gray-400)}.f_sortable.f_row_mode.f_o_tree .f_box.f_child{width:calc(100% - 40px);margin-right:40px}.f_sortable.f_row_mode.f_o_tree .f_box.f_child::before{content:"";position:absolute;top:0;right:-21px;width:1px;height:100%;background:var(--color-gray-400)}.f_sortable.f_row_mode.f_o_tree .f_box.f_child::after{content:"";position:absolute;top:50%;right:-21px;width:20px;height:1px;background:var(--color-gray-400)}.f_sortable.f_row_mode.f_o_tree .f_box.f_grandchild{width:calc(100% - 80px);margin-right:80px}.f_sortable.f_row_mode.f_o_tree .f_box.f_grandchild::before{content:"";position:absolute;top:0;right:-61px;width:1px;height:100%;background:var(--color-gray-400)}.f_sortable.f_row_mode.f_o_tree .f_box.f_grandchild::after{content:"";position:absolute;top:50%;right:-61px;width:60px;height:1px;background:var(--color-gray-400)}.f_sortable.f_image_mode{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}.f_sortable.f_image_mode li{background:var(--color-white);display:flex;align-items:center;justify-content:center;flex-direction:column;flex:0 0 auto;width:calc(20% - 12px);aspect-ratio:1 / 1;list-style:none;border:1px solid var(--color-gray-400);border-radius:10px;overflow:hidden;cursor:grab;transition:transform var(--transition-fast) ease}@media (max-width:992px){.f_sortable.f_image_mode li{width:calc(25% - 20px)}}@media (max-width:768px){.f_sortable.f_image_mode li{width:calc(33.33333333333333% - 15px)}}@media (max-width:576px){.f_sortable.f_image_mode li{width:calc(50% - 10px)}}.f_sortable.f_image_mode li .f_image{width:60%;aspect-ratio:1 / 1}.f_sortable.f_image_mode li .f_image img{border-radius:10px}.f_sortable.f_image_mode li .f_control{display:flex;justify-content:center;align-items:center;height:20%;margin-top:6%}.f_sortable .f_tag{background:var(--color-blue-500)}.f_sortable .f_tag:first-child{margin-right:0}.f_sortable .f_tag.f_o_circle.f_md{overflow:visible}.f_sortable .f_tag:hover{background:var(--color-black-500);cursor:pointer}.f_sortable .f_tag.f_o_update{background:var(--color-green-500)}.f_sortable .f_tag.f_o_update:hover{background:var(--color-black-500)}.f_sortable .f_tag.f_o_update_live::before{content:'\e830';font-family:"framework_icon";font-size:12px}.f_sortable .f_tag.f_o_show::before{content:'\e82b';font-family:"framework_icon";font-size:12px}.f_sortable .f_tag.f_o_delete::before{content:'\e831';font-family:"framework_icon";font-size:12px}.f_sortable .f_tag.f_o_delete:hover{color:var(--color-white);background:var(--color-red-500)}.f_sortable .f_tag.f_o_up::before{content:'\e82a';font-family:"framework_icon";font-size:12px}.f_sortable .f_tag.f_o_down::before{content:'\e826';font-family:"framework_icon";font-size:12px}.f_sortable .f_tag.f_o_right::before{content:'\e829';font-family:"framework_icon";font-size:12px}.f_sortable .f_tag.f_o_left::before{content:'\e824';font-family:"framework_icon";font-size:12px}.f_sortable .f_tooltip{border-bottom:none}.f_sortable li.f_drag{opacity:0;z-index:1000}.f_sortable li.f_holder{background:var(--color-blue-100)!important;border:2px dashed var(--color-blue-500)!important;margin:0 0 12px 0;border-radius:10px}.f_sortable.f_row_mode li.f_holder:hover{background:var(--color-blue-100)!important}.f_sortable.f_image_mode li.f_holder{margin:0}.f_sortable.f_row_mode.f_disable li,.f_sortable.f_row_mode.f_disable.f_o_tree li .f_box,.f_sortable.f_image_mode li{cursor:auto}.f_sortable.f_disable .f_o_up,.f_sortable.f_disable .f_o_down,.f_sortable.f_disable .f_o_right,.f_sortable.f_disable .f_o_left{display:none}