.sub-label{color:var(--color-gray)}.publish-container{--dx-base2-color:#161616;background-color:var(--dx-base4-color)}.publish-container label{font-weight:400}.page-title{font-size:24px;margin-bottom:30px}.btn-save{background-color:#222;color:#eee!important;border-color:#222}#tag_modal .btn-save-tag,.btn-item{width:108px}.publish-item{--size-arrow:52px;cursor:pointer;position:relative;display:flex;align-items:center;padding-right:var(--size-arrow)}.publish-item .tag{position:absolute;right:0;top:0;width:var(--size-arrow)}.publish-item .placeholder{color:var(--color-gray)}.publish-item .select-option-container{position:absolute;background-color:var(--dx-base2-color);left:0;width:100%;top:40px;z-index:1}.publish-item.has-value .placeholder{color:#fff}.publish_show_type .tag,.publish_type .tag{top:0;bottom:0;display:flex;align-items:center;justify-content:center;background-color:rgba(255,56,60,.2)}.tags{display:flex;flex-wrap:wrap}.tags .tag-item{background-color:#272727;display:flex;align-items:center;justify-content:center;padding:4px 16px;transition:all .2s;border-radius:2px;cursor:pointer}.tags .tag-item.is-select{background-color:rgb(255,56,60,.5)}.tags .tag-item:hover{opacity:.8}.publish-select.is-open .select-option-container{display:block}.publish-select.is-open .arrow-icon{transform:rotateZ(-180deg)}.select-option-container{padding:8px;display:none}.select-option{display:flex;align-items:center;padding:4px 0;cursor:pointer}.select-option .select-option-icon{width:20px;height:12px;flex-shrink:0;opacity:0;margin-right:8px}.select-option.is-select .select-option-icon{opacity:1}.select-option+.select-option{margin-top:8px}#tag_modal .modal-dialog .modal-header{border-bottom:0;padding-bottom:0}#tag_modal .close{background-color:#575b66;border-radius:50%;color:#1c1c1c}.groups .form-group{flex:1;max-width:200px}@media (max-width:768px){.groups .form-group{max-width:150px}.btn-item{flex:1}#tag_modal .modal-dialog{top:0!important;width:100%;height:100%;margin:0;background:linear-gradient(to bottom,#1d0000,#000)}#tag_modal .modal-header{padding-bottom:12px!important}#tag_modal .modal-header .btn-close{left:12px;top:50%;transform:translateY(-50%) rotateZ(90deg)}#tag_modal .modal-header .btn-save-tag{right:12px;top:50%;transform:translateY(-50%);width:50px;height:26px;padding:0}#tag_modal .modal-content{height:100%;display:flex;flex-direction:column}#tag_modal .modal-body{flex:1;overflow:auto!important;padding-top:0}.publish-item{--size-arrow:38px}.tags{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.tags .tag-item{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}