#preview-responsive{container-name:preview-responsive;container-type:inline-size;margin:0 auto;max-width:100%;-webkit-transition:width .5s ease-in-out;-moz-transition:width .5s ease-in-out;-o-transition:width .5s ease-in-out;transition:width .5s ease-in-out;width:100%}#content-website{background-color:#232323;flex:1;margin-left:0;max-width:100%;transition:margin-left .3s ease}.config-panel.active~#content-website{margin-left:330px}#preview-responsive{background-color:#fff}.config-layout{box-sizing:border-box;display:flex;max-width:100%;min-height:100vh;overflow-x:hidden;width:100%}.config-panel{background-color:#fff;height:100vh;left:0;max-width:330px;overflow-y:auto;position:fixed;top:0;transform:translateX(-100%);transition:all .3s ease;width:30%;z-index:1000}.config-panel.active{transform:translateX(0)}.config-toggle-btn{align-items:center;background-color:#009ef7;border:none;border-radius:50px;box-shadow:0 2px 10px rgba(0,0,0,.3);color:#fff;display:flex;font-weight:500;justify-content:center;padding:10px 15px;position:fixed;right:15px;top:15px;transition:all .3s ease;z-index:1010}.config-toggle-btn:hover{box-shadow:0 4px 15px rgba(0,0,0,.4);transform:scale(1.05)}body,html{max-width:100%}*,:after,:before{box-sizing:border-box}.btn,.form-control,.form-select,.input-group,input,select,textarea{box-sizing:border-box;max-width:100%}.container,.container-config,.container-fluid,[class*=container-]{box-sizing:border-box;max-width:100%;width:100%}.accordion{overflow-x:hidden}.accordion,.accordion-body,.accordion-button,.accordion-collapse,.accordion-header,.accordion-item{max-width:100%;width:100%}@media (max-width:767px){body.config-panel-open{overflow:hidden}.config-layout{display:block;position:relative}#content-website{margin-left:0}.config-panel{background-color:#fff;bottom:0;height:100vh;left:0;max-width:100%;overflow-x:hidden;overflow-y:auto;position:fixed;right:0;top:0;width:100%;z-index:1005}.config-toggle-btn{bottom:20px;box-shadow:0 4px 15px rgba(0,0,0,.4);font-weight:600;left:auto;position:fixed;right:20px;top:auto;z-index:1020}.nav-version{display:none!important}.form-control,.form-select{font-size:16px;height:50px}.config-panel *,.form-control,.form-select{box-sizing:border-box;max-width:100%}.config-panel .row{margin-left:0;margin-right:0;max-width:100%;width:100%}.config-panel .col-12,.config-panel [class*=col-]{max-width:100%;padding-left:5px;padding-right:5px;width:100%}.config-panel .form-group,.config-panel .form-label,.config-panel .form-text,.config-panel .input-group{max-width:100%;width:100%}img{height:auto;max-width:100%}.config-panel .accordion-body{padding-left:10px;padding-right:10px}.btn{min-height:44px;padding:12px 20px}.accordion-button{padding:15px}.accordion-body{padding:15px 10px}}@media (min-width:768px) and (max-width:991px){.config-panel{max-width:350px;width:40%}.config-panel.active~#content-website{margin-left:350px}}h1.config{border-bottom:2px solid #e9ecef;color:#009ef7;font-size:24px;font-weight:600;letter-spacing:1px;margin-bottom:20px;padding:15px 0;position:relative;text-transform:uppercase}h1.config:after{background-color:#009ef7;bottom:-2px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.nav-version .btn-group .btn i{font-size:20px}.nav-version .btn-sm.btn-primary{border-radius:6px;box-shadow:0 2px 6px rgba(0,158,247,.3);font-weight:500;padding:8px 15px;transition:all .3s ease}.nav-version .btn-sm.btn-primary:hover{box-shadow:0 4px 10px rgba(0,158,247,.4);transform:translateY(-2px)}.vertical-align-sub{vertical-align:sub}.container-config{max-width:100%;position:relative;width:100%}.modal-dialog{margin:1.75rem auto}.modal-content,.modal-dialog{max-width:100%}