abbr,address,article,aside,audio,b,blockquote,body,body div,caption,cite,code,dd,del,details,dfn,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0}html{box-sizing:border-box;overflow-y:scroll}*,:after,:before{box-sizing:inherit}ol,ul{list-style-type:none;font-size:0}input,select{vertical-align:middle}pre{white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word}button,input,select,textarea{margin:0}a,a:active,a:focus,a:hover,a:link,a:visited{outline:0;text-decoration:none}a,li{color:inherit}audio,embed,figure,iframe,img,object,video{height:auto;max-width:100%;max-height:100%}.v-select{position:relative;font-family:inherit}.v-select,.v-select *{box-sizing:border-box}@-webkit-keyframes vSelectSpinner{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes vSelectSpinner{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.vs__fade-enter-active,.vs__fade-leave-active{pointer-events:none;transition:opacity 150ms cubic-bezier(1,-.115,.975,.855)}.vs__fade-enter,.vs__fade-leave-to{opacity:0}.vs--disabled .vs__clear,.vs--disabled .vs__dropdown-toggle,.vs--disabled .vs__open-indicator,.vs--disabled .vs__search,.vs--disabled .vs__selected{cursor:not-allowed;background-color:#f8f8f8}.v-select[dir=rtl] .vs__actions{padding:0 3px 0 6px}.v-select[dir=rtl] .vs__clear{margin-left:6px;margin-right:0}.v-select[dir=rtl] .vs__deselect{margin-left:0;margin-right:2px}.v-select[dir=rtl] .vs__dropdown-menu{text-align:right}.vs__dropdown-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;padding:0 0 4px 0;background:0 0;border:1px solid #fff;border-radius:0;white-space:normal}.vs__selected-options{display:flex;flex-basis:100%;flex-grow:1;flex-wrap:wrap;padding:0 2px;position:relative}.vs__actions{display:flex;align-items:center;padding:4px 6px 0 3px}.vs--searchable .vs__dropdown-toggle{cursor:text}.vs--unsearchable .vs__dropdown-toggle{cursor:pointer}.vs--open .vs__dropdown-toggle{border-bottom-color:transparent;border-bottom-left-radius:0;border-bottom-right-radius:0}.vs__open-indicator{fill:#ccc;transform:scale(1);transition:transform 150ms cubic-bezier(1,-.115,.975,.855);transition-timing-function:cubic-bezier(1,-.115,.975,.855)}.vs--open .vs__open-indicator{transform:rotate(180deg) scale(1)}.vs--loading .vs__open-indicator{opacity:0}.vs__clear{fill:#ccc;padding:0;border:0;background-color:transparent;cursor:pointer;margin-right:8px}.vs__dropdown-menu{display:block;box-sizing:border-box;position:absolute;top:calc(100% - 1px);left:0;z-index:1000;padding:5px 0;margin:0;width:100%;max-height:350px;min-width:160px;overflow-y:auto;box-shadow:0 3px 6px 0 #202020;border:1px solid #fff;border-top-style:none;border-radius:0;text-align:left;list-style:none;background:#fff}.vs__no-options{text-align:center}.vs__dropdown-option{line-height:1.42857143;display:block;padding:3px 20px;clear:both;color:#333;white-space:nowrap}.vs__dropdown-option:hover{cursor:pointer}.vs__dropdown-option--highlight{background:#5897fb;color:#fff}.vs__dropdown-option--disabled{background:inherit;color:#ccc}.vs__dropdown-option--disabled:hover{cursor:inherit}.vs__selected{display:flex;align-items:center;background-color:#f0f0f0;border:1px solid #fff;border-radius:0;color:#333;line-height:1.4;margin:4px 2px 0 2px;padding:0 .25em;z-index:0}.vs__deselect{display:inline-flex;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-left:4px;padding:0;border:0;cursor:pointer;background:0 0;fill:#ccc;text-shadow:0 1px 0 #fff}.vs--single .vs__selected{background-color:transparent;border-color:transparent}.vs--single.vs--open .vs__selected{position:absolute;opacity:.4}.vs--single.vs--searching .vs__selected{display:none}.vs__search::-webkit-search-cancel-button{display:none}.vs__search::-ms-clear,.vs__search::-webkit-search-decoration,.vs__search::-webkit-search-results-button,.vs__search::-webkit-search-results-decoration{display:none}.vs__search,.vs__search:focus{-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:1.4;font-size:1em;border:1px solid transparent;border-left:none;outline:0;margin:4px 0 0 0;padding:0 7px;background:0 0;box-shadow:none;width:0;max-width:100%;flex-grow:1;z-index:1}.vs__search::-moz-placeholder{color:inherit}.vs__search:-ms-input-placeholder{color:inherit}.vs__search::placeholder{color:inherit}.vs--unsearchable .vs__search{opacity:1}.vs--unsearchable:not(.vs--disabled) .vs__search:hover{cursor:pointer}.vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search{opacity:.2}.vs__spinner{align-self:center;opacity:0;font-size:5px;text-indent:-9999em;overflow:hidden;border-top:.9em solid rgba(100,100,100,.1);border-right:.9em solid rgba(100,100,100,.1);border-bottom:.9em solid rgba(100,100,100,.1);border-left:.9em solid rgba(60,60,60,.45);transform:translateZ(0);-webkit-animation:vSelectSpinner 1.1s infinite linear;animation:vSelectSpinner 1.1s infinite linear;transition:opacity .1s}.vs__spinner,.vs__spinner:after{border-radius:50%;width:5em;height:5em}.vs--loading .vs__spinner{opacity:1}.font-arial-regular{font-family:Arial,sans-serif;font-weight:400;font-style:normal}.font-body{font-family:Arial,sans-serif;font-weight:400;font-style:normal}.font-title{font-family:Arial,sans-serif;font-weight:400;font-style:normal}.bgc1{background-color:#e74c3c}.bgc2{background-color:#2ecc71}.bgc3{background-color:#3498db}.bgc4{background-color:#f1c40f}.bgc5{background-color:#e67e22}.bgc6{background-color:#9b59b6}.bgc7{background-color:#95a5a6}.bgc8{background-color:#34495e}.bgc9{background-color:#1abc9c}.bgc0{background-color:#ecf0f1}.bgc-darker{background-color:rgba(0,0,0,.1)}.bgc-lighter{background-color:rgba(255,255,255,.1)}.colorloop:nth-child(10n+1){background-color:#e74c3c}.colorloop:nth-child(10n+2){background-color:#2ecc71}.colorloop:nth-child(10n+3){background-color:#3498db}.colorloop:nth-child(10n+4){background-color:#f1c40f}.colorloop:nth-child(10n+5){background-color:#e67e22}.colorloop:nth-child(10n+6){background-color:#9b59b6}.colorloop:nth-child(10n+7){background-color:#95a5a6}.colorloop:nth-child(10n+8){background-color:#34495e}.colorloop:nth-child(10n+9){background-color:#1abc9c}.colorloop:nth-child(10n+0){background-color:#ecf0f1}.breakpoint-info{z-index:9999;position:fixed;right:0;bottom:32px}.breakpoint-info>div{padding:10px 15px;display:none;color:#333;font-family:sans-serif;font-size:20px;font-weight:700}@media only screen and (max-width:575px){.breakpoint-info .bp-xs{display:block;background-color:#e74c3c}}@media only screen and (min-width:576px) and (max-width:767px){.breakpoint-info .bp-sm{display:block;background-color:#2ecc71}}@media only screen and (min-width:768px) and (max-width:991px){.breakpoint-info .bp-md{display:block;background-color:#3498db}}@media only screen and (min-width:992px) and (max-width:1199px){.breakpoint-info .bp-lg{display:block;background-color:#f1c40f}}@media only screen and (min-width:1200px){.breakpoint-info .bp-xl{display:block;background-color:#e67e22}}@media only screen and (max-width:575px){.container{width:100%;padding-left:15px;padding-right:15px}}@media only screen and (min-width:576px){.container{margin-left:auto;margin-right:auto}}@media only screen and (min-width:576px) and (max-width:767px){.container{width:540px}}@media only screen and (min-width:768px) and (max-width:991px){.container{width:720px}}@media only screen and (min-width:992px) and (max-width:1199px){.container{width:960px}}@media only screen and (min-width:1200px){.container{width:1140px}}body{background-color:#202020;line-height:2;font-family:Arial;font-size:18px;color:#fff}h1,h2,h3{font-size:18px}div+h1,div+h2,div+h3{margin-top:50px}label{display:block;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#e74c3c}input,select{background-color:#202020;padding:7px 10px;border:1px solid #fff;font-size:18px;color:#fff}li{font-size:18px}ul li{list-style-type:disc;margin-left:20px}button{background-color:#fff;border:1px solid #fff;padding:7px 10px;font-size:18px;color:#202020}.remove{display:inline-block;width:16px;height:16px;margin-left:5px;border-radius:3px;background-color:#fff;line-height:.8;text-align:center;font-size:15px;font-weight:700;color:#202020;cursor:pointer}.row{display:grid;grid-template-columns:1fr 1fr}.col{padding:30px;overflow-y:scroll}.cc{display:grid;grid-gap:50px;grid-template-columns:1fr 1fr;grid-template-areas:"control code"}.cc .control{grid-area:control;background-color:#f092}.cc .code{grid-area:code;background-color:#f902}.tabs-nav{background-color:#111}.tabs-nav ul{display:flex}.tabs-nav li{margin:0;padding:10px 20px;border-top:2px solid transparent;list-style-type:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tabs-nav li.active{background-color:#202020;border-top-color:orange}.tabs .tab{display:none;padding-top:30px;padding-bottom:30px}.tabs .tab.active{display:block}pre{white-space:pre-wrap;word-break:break-all;word-wrap:break-word;overflow:auto;line-height:1.4;font-family:Courier;vertical-align:top;background-color:#111;border-radius:5px;padding:6px 10px 6px 10px}.form-element+.form-element{margin-top:15px}.fe-input{display:grid;grid-template-columns:1fr 1fr}.fe-select{display:grid;grid-template-columns:1fr 1fr}.fe-checkbox{display:grid;grid-template-columns:1fr 1fr}.fe-checkboxlist{display:grid;grid-template-columns:1fr 1fr;grid-gap:15px 0}.fe-checkboxlist .label{grid-column:1/span 2}.fe-selectlist{display:grid;grid-template-columns:1fr 1fr}.fe-selectlist label{grid-row:1/span 2}a{cursor:pointer}.presets{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:30px}.presets .preset{display:grid;grid-template-columns:1fr 1fr 1fr;border:0;background-color:#111}.presets .preset.active{background-color:green}.presets .preset .id,.presets .preset .name{height:80px;line-height:80px}.presets .preset .id{text-align:center}.presets .preset .name{grid-column-end:span 2}.presets .preset button{display:block;width:100%;height:40px;line-height:40px;border:0;padding:0;background-color:#111;font-family:sans-serif;font-weight:700;font-size:12px;color:#fff;text-transform:uppercase;cursor:pointer}