@import"https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap";.ml-auto{margin-left:auto !important}.mr-auto{margin-right:auto !important}.ml-5{margin-left:5px !important}.mr-5{margin-right:5px !important}.ml-10{margin-left:10px !important}.mr-10{margin-right:10px !important}.mb-10{margin-bottom:10px !important}.mt-10{margin-top:10px !important}.mb-21{margin-bottom:21px !important}.mt-21{margin-top:21px !important}.page-padding{padding:20px 16px}.row{display:flex;margin:0}:root{--color-font: #000000;--color-primary: #000000;--color-top-font: #000000;--color-top-theme: #000000;--color-top-background: #ffffff;--color-body-background: #f5f5f5;--color-table-background: #ffffff;--color-article-background: #ffffff;--color-modal-background: #ffffff;--color-alert-background: #ffffff;--color-input-background: #ffffff;--color-lightbox-background: #ffffff;--color-lightbox-button: #000000;--color-hover: #383838;--color-active: #9b9b9b;--color-article-title-hover: #e6e7e9;--color-border: #cecece;--color-sidenav-border: #808080;--color-button-border: #000000;--color-button-font: #000000;--color-button-disabled: #9b9b9b;--color-button-background: #ffffff;--color-image-background: #ffffff;--color-new-article: #2e7909;--border-radius-xm: 1.5px;--border-radius-sm: 3px;--border-radius-md: 5px;--border-radius-lg: 7px;--font-family: "Nunito", sans-serif;--container-max-width: 1200px;--box-shadow: 1px 1px 5px 0.1px rgba(0, 0, 0, 0.5);--sidenav-transition-duration: 0.3s}[data-theme=dark]{--color-font: #ececec;--color-top-font: #ffffff;--color-top-theme: #ffff7b;--color-top-background: #000000;--color-body-background: #202020;--color-table-background: #323232;--color-article-background: #323232;--color-modal-background: #323232;--color-alert-background: #323232;--color-input-background: #323232;--color-lightbox-background: #323232;--color-lightbox-button: #ececec;--color-button-border: #ececec;--color-button-font: #ececec;--color-button-background: #323232;--color-image-background: #2a2a2a;--color-article-title-hover: #363636}*,*::before,*::after{margin:0;padding:0;border:none;outline:none;text-decoration:none;list-style-type:none;box-sizing:border-box}a,a:active,a:visited{color:inherit}p,table{margin:0}body{color:var(--color-font);font-size:15px;font-family:var(--font-family);background-color:var(--color-body-background)}.wrapper{min-height:100vh;display:grid;transition:all .2s ease-in-out;grid-template-columns:auto 1fr}img{max-width:100%}input{padding:10.5px 15px;border:1px solid #cecece;color:#9b9b9b;background-color:var(--color-input-background)}.status{display:flex;align-items:center;justify-content:center;font-size:14px}.status i{font-size:12px !important}.status span{margin:0 0 2px 3px}.status.online i{color:green}.status.online span{letter-spacing:1px}.status.offline i{color:red}.page-title{font-size:28px;font-weight:600}.alert{position:fixed;top:20px;right:20px;width:300px;padding:10px 30px 15px 10px;background-color:var(--color-alert-background);z-index:100;box-shadow:var(--box-shadow)}.alert .line{top:0;left:0;width:4px;height:100%;position:absolute}.alert-success .line{background-color:green}.alert-warning .line{background-color:#ff0}.alert-danger .line{background-color:red}.alert .close{position:absolute;top:6px;right:10px;font-size:26px;background-color:rgba(0,0,0,0);cursor:pointer}.banner{grid-column:1/span 1;position:relative}.banner img{width:100%}.banner .button{position:absolute;top:10px;right:10px;padding:2px 6px}.button{color:var(--color-button-font);font-size:14px;padding:8.5px 29.5px;display:inline-block;background-color:var(--color-button-background);border:1px solid var(--color-button-border);border-radius:var(--border-radius-xm);box-shadow:1px 1px 0 0 var(--color-button-border)}.button:hover{cursor:pointer}.button:active{transform:translate(1px, 1px);box-shadow:none}.button.right{margin:0 0 0 auto}.button.left{margin:0 auto 0 0}.button:disabled{color:var(--color-button-disabled)}.chart{background-color:#fff;border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:10px;height:max-content}.chart-line{width:500px}.chart-doughnut{width:400px}.checkbox-01{display:inline-block;width:16px;height:16px}.checkbox-01 span{width:100%;height:100%;display:inline-block}.checkbox-02{display:inline-block;width:max-content;display:flex;align-items:center}.checkbox-02 span{display:inline-block;width:16px;height:16px;border-radius:50%;border:1px solid var(--color-button-border);margin-right:5px;background:radial-gradient(at center center, var(--color-button-border) 0%, var(--color-button-border) 50%, var(--color-button-background) 50%, var(--color-button-background) 100%) center no-repeat;background-size:0px 0px;transition:background-size .2s ease-in-out}.checkbox-02 input:checked+span{background-size:30px 30px;border:1px solid var(--color-button-border)}.checkbox-03{gap:5px;display:grid;align-items:center;grid-template-columns:16px 1fr}.checkbox-03 span{height:16px}.checkbox-01 input,.checkbox-03 input{visibility:hidden;display:none}.checkbox-01 input:checked+span,.checkbox-03 input:checked+span{border:1px solid var(--color-button-border);background-color:var(--color-button-border)}.checkbox-01 span,.checkbox-03 span{border:1px solid var(--color-button-border);border-radius:var(--border-radius-sm)}.checkbox-01:hover,.checkbox-03:hover{cursor:pointer}.navigation .pagination{gap:5px;display:flex;margin:10px 0 35px 0}.navigation .pagination .js-page,.navigation .pagination span a{padding:9px 12px;line-height:1em;display:inline-block;background-color:rgba(0,0,0,0);border:1px solid var(--color-border)}.navigation .pagination .js-page:hover,.navigation .pagination span a:hover{cursor:pointer;background-color:var(--color-image-background)}.navigation .pagination .js-page[disabled],.navigation .pagination .current a{font-weight:700;color:var(--color-font);border:1px solid var(--color-active);background-color:var(--color-image-background)}#loader-wrapper{position:fixed;top:0;bottom:0;left:0;right:0;z-index:10000;background:var(--color-body-background)}.xobo-select{height:38px;margin:auto;position:relative}.xobo-select label{display:flex;align-items:center;justify-content:center;height:100%;padding:0 10px;margin:0 auto;border:1px solid rgba(0,0,0,0)}.xobo-select span{pointer-events:none}.xobo-select label:hover{cursor:pointer;background-color:var(--color-button-background);border:1px solid var(--color-button-border);color:var(--color-button-font)}.xobo-select i{margin-left:7px;transition:transform .2s ease-in-out}.xobo-select div:not(.spinner),.xobo-select select{display:none}.xobo-select div:not(.spinner){top:100%;left:0;z-index:10;position:absolute;flex-direction:column;background-color:var(--color-button-background);width:100%;border:1px solid var(--color-button-border);border-top:none}.xobo-select .spinner{z-index:100;right:10px;background-color:#fff}.xobo-select div p{padding:5px 0 5px 10px;text-align:left}.xobo-select div p:hover{cursor:pointer;background-color:#f8f8f8}.xobo-select input:checked+label{border:1px solid var(--color-button-border)}.xobo-select input:checked+label i{transform:rotate(180deg)}.xobo-select input:checked~div{display:flex}.spinner{position:absolute}.spinner-wrapper{max-width:max-content;margin:auto;position:relative}.spinner>*{animation:Spin linear 1s infinite}.spinner.center-left{top:50%;transform:translateY(-50%);left:5px}.spinner.center-right{top:50%;transform:translateY(-50%);right:5px}.spinner.top-right{top:5px;right:5px}@keyframes Spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.table-wrap{margin:17px 0 0 0;border:1px solid var(--color-border);border-radius:var(--border-radius-sm)}.table{width:100%;max-width:100%;border-collapse:collapse;background-color:var(--color-table-background);box-shadow:var(--box-shadow)}.table thead{border-bottom:1px solid var(--color-border)}.table tbody tr{height:52.5px}.table tbody tr:nth-child(even){background-color:var(--color-body-background)}.table th{color:var(--color-font);font-size:14px}.table th,.table td{padding:6.5px 5px}.table td:nth-child(2),.table td:nth-child(3){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.table th,.table td{font-size:14px;text-align:center;vertical-align:middle}.table .checkbox{vertical-align:middle}.table i{font-size:18px;color:inherit}.table i:hover{cursor:pointer}.table .title span,.table .author span{font-size:12px;font-weight:100}.table.table-01 th:nth-child(2){padding-left:0}.table.table-01 th:first-child,.table.table-01 td:first-child{width:56.5px}.table.table-01 th:nth-child(2),.table.table-01 td:nth-child(2){text-align:left}.table .draggable{padding:8px 15px}.table .draggable:hover{cursor:grab}.sort-placeholder{background-image:linear-gradient(45deg, #fafafa 25%, #ffffff 25%, #ffffff 50%, #fafafa 50%, #fafafa 75%, #ffffff 75%, #ffffff 100%);background-size:85px 85px;animation:Barberpole 2s linear infinite}@media only screen and (max-width: 1200px){.table .status span{display:none}}.newArticle{animation:NewArticleAnimation 1.5s forwards}@keyframes Barberpole{0%{background-position:0% 0%}100%{background-position:85px 0%}}@keyframes NewArticleAnimation{0%{background-color:#0cff44}50%{background-color:#0cff44}100%{background-color:rgba(0,0,0,0)}}.article .container{max-width:974px}.article .art-status{display:flex;align-items:center;padding:0 17.5px;background-color:var(--color-button-background);border:1px solid var(--color-button-border);margin-right:auto}.article .art-status.offline{color:red}.article .art-status.online{color:green}.article .art-status+.button{margin-right:10px}.article form{margin:17px 0;padding:33px 37px 70px 28px;border-radius:var(--border-radius-md);border:1px solid var(--color-border);background-color:var(--color-article-background)}.article .art-title{position:relative;padding-top:15px}.article .art-title input{color:var(--color-button-font);width:100%;font-size:36px;border:1px solid rgba(0,0,0,0);background:rgba(0,0,0,.01);font-family:"Nunito",sans-serif}.article .art-title input:hover{background-color:var(--color-article-title-hover)}.article .art-title input::placeholder{color:gray;font-weight:100;font-style:italic}.article .art-title span{position:absolute;top:0;left:0}.article .main-image{grid-row:1/span 2;display:grid;grid-template-rows:max-content;gap:26px}.article .main-image input{height:38px}.article .main-image input::placeholder{font-style:italic}.article .main-image .banner img{width:auto;height:auto}.article .wyswig{display:grid;grid-template-columns:467px 1fr;grid-template-rows:min-content 1fr;gap:26px;margin:45px 0}.article .wyswig .label{font-size:24px}.article .seo{display:grid;gap:30px 90px;grid-template-columns:repeat(2, 1fr)}.article .seo .title{display:block;font-size:24px;margin-bottom:20px}.article .seo .form-group label:not(.checkbox-02),.article .seo .form-group input[type=text],.article .seo .form-group textarea{width:100%;display:block}.article .seo .form-group label:not(.checkbox-02){margin-bottom:3px}.article .seo .form-group input[type=text],.article .seo .form-group textarea{padding:10px;color:var(--color-font);border-radius:var(--border-radius-sm);margin-bottom:20px;border:1px solid var(--color-button-border);font-family:var(--font-family);background-color:var(--color-button-background)}.article .seo .form-group textarea{height:76px;resize:none}.article .seo .form-group>div{position:relative}.article .seo .form-group .checkbox-02{margin-right:34px}.article .seo .art-links{display:flex}.article .art-lead-color{position:relative}.article .art-lead-color input[type=color]{width:0;height:0;bottom:0;opacity:0;padding:0;display:block;position:absolute}.article .art-lead-color input[type=range]{padding:0}.article .art-lead-color label{display:flex;font-size:24px;align-items:center}.article .art-lead-color canvas{border:1px solid var(--color-border)}.article .art-lead-color canvas:hover{cursor:crosshair}.article .art-lead-color div{gap:5px;display:grid;grid-template-columns:repeat(2, max-content)}.article .xobo-select label{border:1px solid var(--color-button-border)}.article .js-main-image{position:relative}.article .js-main-image-color{position:absolute;width:50%;height:35%;top:45%;left:5%;padding:5px;overflow:hidden}.article .js-main-image-color .title{font-size:10px}.article .js-main-image-color .text{font-size:8px}.article .art-content .label,.article .art-lead-content .label{position:relative}.article .art-content .label .spinner,.article .art-lead-content .label .spinner{right:0;font-size:15px;transform:translate(calc(100% + 10px), -50%)}.articles,.images{display:grid;grid-template-columns:210px 1fr;margin-top:30px}.articles .row:first-child,.images .row:first-child{margin:0}.articles ul,.images ul{padding:55px 0 0 0}.category label{gap:5px;display:grid;align-items:start;font-size:16px;user-select:none;grid-template-columns:16px 1fr}.category label:hover{cursor:pointer}.category label:hover span{border:1px solid var(--color-button-border)}.category span{display:inline-block;width:16px;height:16px;border-radius:var(--border-radius-sm);border:1px solid var(--color-button-border);margin-top:3px;background:radial-gradient(at center center, var(--color-button-border) 0%, var(--color-button-border) 50%, white 50%, white 100%) center no-repeat;background-size:0px 0px;transition:background-size .2s ease-in-out}.category input:checked+label{font-weight:700}.category input:checked+label span{border:1px solid var(--color-button-border);background-size:30px 30px}.category.subcategory{padding-left:20px}.category:not(:first-child){margin-top:5px}.category.active{color:#9acd32}.category.hover{font-weight:800;color:#000}.images .xobo-select,.articles .xobo-select,.articleCategories .xobo-select{margin:0}.images .xobo-select label,.articles .xobo-select label,.articleCategories .xobo-select label{background-color:var(--color-button-background);border:1px solid var(--color-button-border)}.articleCategories .row.new-element,.menuList .row.new-element{align-items:center;opacity:0}.articleCategories .row.new-element>div,.menuList .row.new-element>div{align-items:center;margin-right:30px;display:flex}.articleCategories .row.new-element>div>label,.menuList .row.new-element>div>label{margin-right:5px}.menuList .row.new-element{align-items:center}.menuList .row.new-element .menu-type{margin:0 10px}.create-element{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px}.create-element form{background-color:var(--color-table-background);padding:20px}.create-element form div:not([class^=dz-]){margin-bottom:25px}.create-element form>label{display:block}.create-element form textarea,.create-element form input{width:100%;background-color:var(--color-border-background);color:var(--color-border-font);transition-property:border,backgroundColor;transition-duration:200ms;transition-timing-function:ease-in-out}.create-element form textarea.js-invalid,.create-element form input.js-invalid{border:1px solid red;background-color:#ffdbdb}.create-element form .xobo-select label,.create-element form textarea{border:1px solid var(--color-button-border)}.create-element form textarea{min-height:100px;padding:10px}.create-element ul{padding:10px 0}.create-element .dropzone .dz-preview .dz-error-message{top:calc(100% + 10px)}.dashboard .stats{display:flex;gap:10px}.images-grid,.image-category-grid{gap:20px;display:grid;grid-template-columns:repeat(auto-fit, 270px);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:20px 0}.images>.row,.image-category>.row{padding-top:10px;grid-column:2/span 1}.image-category-grid .image .bg{padding:10px;font-size:20px;border-bottom:0;text-align:center;align-items:center;justify-content:center}.image-category-grid .image .actions:last-child{top:auto;bottom:0}.image{background-color:var(--color-image-background);position:relative;border:1px solid var(--color-border)}.image .bg{height:201px;display:flex;border-bottom:1px solid var(--color-border)}.image .bg:hover{cursor:pointer}.image .details{padding:0 10px;margin:10px 0}.image .actions{position:absolute;right:0;top:0;background-color:rgba(255,255,255,.7);display:flex;color:#000}.image .actions a,.image .actions .status{padding:3px 5px}.image img{width:auto;margin:auto;display:block;max-height:100%}.image strong{display:-webkit-box;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}.image .alt{position:relative}.image .alt input{width:100%;padding:7px 25px 7px 5px}.image .alt input:not(:focus){border:1px solid rgba(0,0,0,0)}@media only screen and (min-width: 1930px){.images-grid{grid-template-columns:repeat(5, 270px)}}#lightbox{top:0;left:0;z-index:-1;width:100%;display:none;height:100vh;position:fixed;background-color:var(--color-lightbox-background);padding:70px;align-items:center;justify-content:center}#lightbox .prev,#lightbox .next{top:50%;color:#000;font-size:60px;padding:10px;position:absolute;transform:translateY(-50%);line-height:1}#lightbox .prev{left:20px}#lightbox .next{right:20px}#lightbox .close{position:absolute;top:15px;right:15px;font-size:40px;padding:0 10px}#lightbox .prev,#lightbox .next,#lightbox .close{color:var(--color-lightbox-button);background:rgba(0,0,0,0)}#lightbox .prev:hover,#lightbox .next:hover,#lightbox .close:hover{cursor:pointer}#lightbox img{width:max-content;max-height:100%}.login{height:100vh;display:grid;overflow:hidden;grid-template-columns:50% 50%}.login .login-gallery{overflow:hidden;clip-path:polygon(0 0, 100% 0, 80% 100%, 0% 100%)}.login .login-gallery img{height:100%;width:100%;object-fit:cover;transition:opacity .2s ease-in-out;opacity:0}.login .login-form{display:flex;align-items:center;flex-direction:column;justify-content:center;padding-right:12%}.login .login-form>div{width:350px;height:300px;position:relative}.login .requirements{margin-bottom:10px}.login .requirements summary{list-style-type:revert}.login .requirements li{padding-left:7px;margin-top:1px}.login .requirements li::before{display:inline-block;margin-right:5px}.login .requirements li.invalid{color:red}.login .requirements li.invalid::before{content:"✗"}.login .requirements li.valid{color:green}.login .requirements li.valid::before{content:"✔"}.login form{z-index:-1;position:absolute;width:350px;background-color:#fff;padding:20px;box-shadow:var(--box-shadow);border:1px solid var(--color-border);transition:all .1s ease-in-out}.login form:first-of-type{z-index:1}.login form p{text-align:center}.login form>div{margin:20px 0;display:flex;align-items:center;position:relative}.login form .row{margin:0}.login form input{flex:1 1 auto}.login form input[name=_password]{padding-right:30px}.login form a:hover{text-decoration:underline}.login .login-icon{width:39px;height:39px;border:1px solid var(--color-border);border-left:none;display:flex;align-items:center;justify-content:center}.login .show{display:none;position:absolute;top:50%;right:47px;transform:translateY(-50%)}.login .show:hover{cursor:pointer}.login .title{font-size:34px;font-weight:100}.login .message,.login .invalid-feedback{background:#f8d7da;color:#721c24;padding:2px;border-radius:5px;border:1px solid #f5c6cb}.login .invalid-feedback{display:block;text-align:center}.login .invalid-feedback .form-error-icon{display:none}@media only screen and (max-width: 1024px){.login{grid-template-columns:1fr}.login .login-gallery,.login .login-form{grid-row:1/span 1;grid-column:1/span 1}.login .login-gallery{clip-path:polygon(0 0, 75% 0, 25% 100%, 0% 100%)}.login .login-form{z-index:1;padding:0}}.modal{position:fixed;z-index:1000;width:100%;height:100%;top:0;left:0;display:none;padding:20px;background-color:rgba(0,0,0,.7)}.modal.modal-lg .modal-dialog{max-width:800px}.modal .modal-title{font-size:26px}.modal .close{font-size:30px;padding:0;width:35px;height:35px}@supports(-moz-appearance: none){.modal .close span{display:block;transform:translateY(-3px)}}.modal .modal-dialog{margin:auto;max-width:500px;border:1px solid var(--color-button-border);border-radius:var(--border-radius-sm);background-color:var(--color-modal-background);padding:20px;box-shadow:var(--box-shadow)}.modal .modal-header,.modal .modal-footer{display:flex;align-items:center}.modal .modal-footer{justify-content:flex-end}.modal .modal-content{margin:20px 0}.modal hr{border-top:1px solid var(--color-button-border);margin:10px 0}.modal ul{padding-left:25px}.modal li{list-style-type:disc}.modal .chosen-element:hover{cursor:pointer;text-decoration:underline}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}#iFrameBody .search,#attachmentBody .search,#categoriesBody .search,#imagesCategoriesBody .search,#imagesCategoriesMainImageBody .search{display:flex;align-items:center}#iFrameBody .search [type=text],#attachmentBody .search [type=text],#categoriesBody .search [type=text],#imagesCategoriesBody .search [type=text],#imagesCategoriesMainImageBody .search [type=text]{flex:1 1 auto}#iFrameBody .search span,#attachmentBody .search span,#categoriesBody .search span,#imagesCategoriesBody .search span,#imagesCategoriesMainImageBody .search span{margin:0 2%}#iFrameBody .category,#attachmentBody .category,#categoriesBody .category,#imagesCategoriesBody .category,#imagesCategoriesMainImageBody .category{width:100px;display:inline-block}#iFrameBody .grid,#attachmentBody .grid,#categoriesBody .grid,#imagesCategoriesBody .grid,#imagesCategoriesMainImageBody .grid{margin:30px 0;display:grid;grid-template-columns:repeat(3, 1fr);gap:20px}#iFrameBody .category,#iFrameBody .image,#attachmentBody .category,#attachmentBody .image,#categoriesBody .category,#categoriesBody .image,#imagesCategoriesBody .category,#imagesCategoriesBody .image,#imagesCategoriesMainImageBody .category,#imagesCategoriesMainImageBody .image{transition:transform .2s ease-in-out}#iFrameBody .category:hover,#iFrameBody .image:hover,#attachmentBody .category:hover,#attachmentBody .image:hover,#categoriesBody .category:hover,#categoriesBody .image:hover,#imagesCategoriesBody .category:hover,#imagesCategoriesBody .image:hover,#imagesCategoriesMainImageBody .category:hover,#imagesCategoriesMainImageBody .image:hover{cursor:pointer;transform:scale(1.01)}.settings{display:grid;grid-template-columns:repeat(5, 1fr);gap:30px}.setting{background-color:var(--color-image-background);border-radius:10px;padding:40px 20px 25px 20px;display:flex;flex-direction:column;align-items:center;box-shadow:0 0 10px 2px rgba(0,0,0,.2)}.setting.disabled{cursor:default;color:gray}.setting i{font-size:34px}.setting span{margin-top:15px}.top{color:var(--color-top-font);background-color:var(--color-top-background)}.top .container{display:flex;align-items:center;padding-right:20px}.top .user{position:relative;margin:0 0 0 auto}.top .user i{margin-left:5px}.top .user label:hover{cursor:pointer}.top .user #user-actions:checked+.user-actions{display:block}.top .user .user-actions{position:absolute;top:calc(100% + 10px);right:0px;background-color:var(--color-body-background);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);padding:5px;min-width:120px;display:none;z-index:10}.top .user .user-actions li{color:inherit;padding:3px 5px}.top .user .user-actions li:hover{cursor:pointer;background-color:var(--color-body-background)}.top .user-theme{margin-right:25px;color:var(--color-top-theme)}.top a{color:inherit}#sidenav-toggle{font-size:20px;margin-right:25px;padding:17px 18px}#sidenav-toggle:hover{cursor:pointer}.sidenav{width:250px;max-width:250px;transition:width var(--sidenav-transition-duration) ease;background-color:var(--color-primary)}.sidenav.sidenav-hidden{width:50px}.sidenav.sidenav-hidden>ul{padding:17px 5px;width:50px;transition:all var(--sidenav-transition-duration) ease}.sidenav.sidenav-hidden i{margin:0 4px}.sidenav.sidenav-hidden p{opacity:0;transform:translateX(10px)}.sidenav.sidenav-hidden a:hover+.tag{display:block;visibility:visible}.sidenav .logo{height:55.4px;padding:12.5px 0;display:block;text-align:center;border-bottom:1px solid var(--color-sidenav-border)}.sidenav ul{width:250px;transition:padding var(--sidenav-transition-duration) ease,width var(--sidenav-transition-duration) ease;padding:17px 15px}.sidenav li{margin-bottom:5px;position:relative}.sidenav li label p i{float:right;transition:transform .1s ease}.sidenav .dropdown{animation-fill-mode:forwards}.sidenav input:not(:checked)+li+.dropdown{animation-name:hide}.sidenav input:checked+li p i{transform:rotate(180deg)}.sidenav input:checked+li+.dropdown{animation-name:show}.sidenav a,.sidenav label{overflow:hidden;display:flex;align-items:center;color:#fff;font-size:14px;padding:7.5px 5px;font-family:var(--font-family);border-radius:var(--border-radius-sm)}.sidenav a.active,.sidenav label.active{background-color:var(--color-active)}.sidenav a:hover,.sidenav label:hover{cursor:pointer;background-color:var(--color-hover)}.sidenav i{margin:0 10px;font-size:19px;transition:margin var(--sidenav-transition-duration) ease}.sidenav p{flex:1 0 auto;transition:all var(--sidenav-transition-duration) ease;display:inline-block}.sidenav .tag{display:none;visibility:hidden;position:absolute;width:max-content;top:0;height:100%;color:#fff;left:calc(100% + 20px);background-color:var(--color-primary);padding:7px 10px;border-radius:var(--border-radius-sm)}.sidenav .tag::before{content:"";width:0;height:0;left:-10.5px;display:block;position:absolute;top:calc(50% - 10px);border-top:10px solid rgba(0,0,0,0);border-bottom:10px solid rgba(0,0,0,0);border-right:10px solid var(--color-primary)}@keyframes show{0%{height:1px;opacity:0;margin-bottom:0px}40%{opacity:0}100%{height:calc(30px + var(--count)*34px);opacity:1;margin-bottom:13px}}@keyframes hide{0%{height:calc(30px + var(--count)*34px);opacity:1;margin-bottom:13px}40%{opacity:0}100%{height:1px;opacity:0;margin-bottom:0px}}