.grid-7x2,.grid-12x2{display:grid;grid-template-columns:auto auto;grid-column-gap:10px;grid-row-gap:10px;justify-content:start;align-items:start;position:relative}.grid-7x2{grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-row-gap:5px}.float-description{position:absolute;right:0px;font-size:14px;background-color:#f8f8f8;border-radius:10px;padding:5px 10px;color:#333}.descr-title{font-weight:700;margin-bottom:5px}.float-description>ul{margin:5px 0;padding:0 0 0 20px}.float-description li{margin-bottom:3px}.global-information{position:absolute;z-index:1000;right:20px;top:20px;border:none;border-radius:3px;background-color:#ff7;padding:10px;color:#555}.global-information .dismiss-action{text-align:right;margin-top:10px}.messages-summary{margin-top:5px;display:grid;grid-template-columns:auto auto auto auto;justify-content:start;grid-row-gap:3px}.msg-number{text-align:right;color:#555;margin-right:10px}.msg-type{margin-right:10px;font-weight:500}.msg-description{display:flex}.msg-channel{margin-right:10px}.msg-description>div{padding:0 10px 0 0}.message-summary>div{margin-right:5px}.action-message{display:flex;flex-direction:row;margin:0 0 5px}.action-message>div{margin-right:10px}.button-action{border-top:var(--button-action-border-top);position:relative;margin-top:10px;margin-bottom:15px}.button-action.last{margin-bottom:0}.action-grid-0,.action-grid-1,.action-grid-2{display:grid;grid-template-columns:145px auto;align-items:baseline}.action-grid-0{grid-template-rows:repeat(3,auto)}.action-grid-1,.action-grid-2{grid-template-rows:repeat(4,auto)}.span-2{grid-column-end:span 2}.action-row{display:flex;flex-direction:row;align-items:center}.action-row>div{margin-right:5px}.button-action .action-name{grid-column-end:span 2;margin:0 0 10px;display:flex;flex-direction:row;color:#000}.action-edit-button{position:absolute;top:5px;right:0}.action-name-name{width:150px;padding:3px 5px 2px;font-size:1rem;font-weight:500;text-transform:uppercase;color:var(--action-name-name-text);background-color:var(--action-name-name-bg);display:flex;align-items:center;margin-top:-1px}.action-name .instruction{margin-right:10px;padding-left:5px;display:flex;align-items:center}span.led-color{margin-left:5px;padding:0 5px}.button-action.color-0 span.led-color{background-color:inherit;padding:0}select.led-color{margin-left:5px}.button-action.color-0 select.led-color{background-color:#fff}.button-action.color-1 .led-color{background-color:#f44;color:#fff}.button-action.color-2 .led-color{background-color:green;color:#fff}.button-action.color-3 .led-color{background-color:#8282ff;color:#fff}.button-action.color-4 .led-color{background-color:orange}.button-action.color-5 .led-color{background-color:#ff0;color:#000}.button-action.color-6 .led-color{background-color:#0ff;color:#000}.button-action.color-7 .led-color{background-color:violet}.button-action.color-8 .led-color{background-color:#fff;color:#000}.button-action.disabled .action-name-name{color:#aaa}.button-action .action-name.ignored{background-color:#e8e8e8}.dim{color:#777}.index{text-align:right}.edit-action-msgs{margin:10px 0}.edit-action-msgs table{border-collapse:collapse}.edit-action-msgs table th,.edit-action-msgs table td{border:1px solid #aaa}.edit-grid{display:grid;grid-template-columns:repeat(12,auto);grid-column-gap:10px;grid-row-gap:5px;justify-content:start;align-items:center;border-radius:6px}.edit-grid .h{color:var(--text-light);font-size:12px;margin-bottom:4px}.edit-value-label{margin-right:10px;white-space:nowrap}.edit-value-label.min-space{margin-right:5px}.edit-value-value{font-size:85%}.edit-data{display:flex;flex-direction:row;align-items:center}.self-align-center{align-self:center}select.pcstyle,select.ccstyle,select.notes{margin-right:10px}.edit-grid input[type=range]{margin-right:5px}.button-save-button{position:absolute;top:10px;right:20px;display:flex;align-items:flex-start}.button-save-button .help{margin-right:5px;font-size:13px;color:var(--text-extra-light);background-color:#f8f8f8;padding:1px 4px}.button-global{margin-top:10px}.button-global svg{height:1rem;background-color:transparent}.button-global>div{margin:5px 0}.save-reminder{border-top:1px solid #ff8585;background-color:#fffdbb;padding:5px;font-size:12px;color:#555}.edit-grid.exp{grid-template-columns:repeat(8,auto)}.action-name.exp{grid-column-end:span 2}.action-label.exp{align-self:start;display:flex;flex-direction:row}.debug-container{display:flex;flex-direction:row;color:#333;font-size:12px;background-color:#efefef;overflow-y:scroll;max-height:90vh}.debug{padding:0 5px;margin:5px 0}.debug-title{font-size:16px;margin:0 0 4px;color:#555}.debug-header{margin-top:4px;font-weight:700;margin-bottom:2px}.data-label{font-size:12px;margin-bottom:2px}.debug-data{font-size:12px;font-family:monospace}.debug-data span{color:#555}.debug-grid{display:grid;grid-template-columns:auto auto;justify-content:start;font-size:12px}.debug .b{color:#333;font-weight:600}.ws-pre{white-space:pre}.debug .sep{border-top:1px solid #999;padding-top:2px}.debug .row{display:flex;flex-direction:row;flex-wrap:wrap;margin:0 10px 0 0}.debug .row>div{margin:0 0 0 10px}.debug .row>div:first-child{margin:0}.pre-header{margin-top:15px;margin-bottom:2px;color:var(--text-light);display:flex;flex-direction:row}.pre-header button{border:none;background:none;padding:0;color:var(--link);margin-right:10px;cursor:pointer}.pre-header a,.subheader a{text-decoration:none;color:var(--link)}.header{background-color:var(--header-bg);display:flex;flex-direction:row;align-items:center;padding-top:5px}.header-app-name{font-family:Roboto Condensed,Roboto,Helvetica,Arial,sans-serif;color:gray;text-align:right;cursor:pointer;font-size:20px}.header-author{color:gray;text-align:right}.header-author a{text-decoration:none;color:var(--link)}.header>button{margin-right:20px}.header-link{padding:14px 0;margin:0;cursor:pointer}.header-link:hover{background-color:#000}.header-link div{padding:0 16px;margin:0;text-decoration:none;color:#fff}.header-link.active{background-color:#0030ff}.header-link.active a{color:#fff}.spacer{flex-grow:10}.popup-content{width:30%}.about{padding:10px 30px;text-align:center;color:#555}.about a{text-decoration:none}.about>div{margin-top:20px}.about-title{font-size:2rem}.about-deps{border-top:1px solid #aaa;border-bottom:1px solid #aaa;padding:10px}.about-deps>div{margin-bottom:10px}.about-deps>a{margin-right:15px}.about-support,.content{margin-bottom:20px}.panel-wrapper{margin:10px 0 0;padding:10px 20px;background-color:var(--panel-bg);position:relative}.panel-wrapper.panel-closed .panel-content{display:none}.panel-wrapper:last-child{border-bottom:none}.panel-wrapper.panel-closed{padding-bottom:0}.panel-title{margin-bottom:10px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;font-size:1.25rem;font-weight:var(--panel-font-weight);color:var(--panel-font-color);border-left:none;border-right:none}.panel-title svg{height:20px;fill:#999;margin-left:0}.space-before-top{margin-top:20px}.instruction,.help-text{font-size:12px;color:var(--text-light)}.flex{display:flex}.baseline{align-items:baseline}.align-center{align-items:center}.align-start{align-items:start}.row{display:flex;flex-direction:row}.row.aligned{align-items:center}.h-aligned,.values-row{display:flex;flex-direction:row;align-items:center}.values-row>*{margin-right:10px}.left-space{margin-left:5px}.left-space-double{margin-left:10px}.warning{color:red}.success{color:green}label{padding:1px 3px 1px 2px}label.checked{color:var(--text-checked);border-radius:4px}h1{margin-bottom:10px}h2{margin-bottom:5px}h3,h4{margin:.5rem 0}.panel-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:700;font-size:125%;color:var(--panel-toggle-text)}.panel-closed .panel-toggle{border-bottom:none;padding-bottom:5px}.content-wrapper{margin-top:5px}.show-hide{float:right;font-size:14px;margin-top:.5em}.title-info{margin-left:20px;font-size:14px;font-weight:400;color:brown}.float-info{float:right;background-color:#fbf9e9;border:1px solid #e3cf57;color:#212121;font-size:14px}.float-right{float:right;margin-right:10px;padding:0}.float-title{background-color:#d1d1d1;padding:2px 5px}div.float-row{margin:0;padding:5px}.box{padding:0;background-color:#b8b8b8;border:1px solid #c0c0c0;border-radius:5px}.box-title{background-color:#d1d1d1;padding:2px 5px}.grid-2x2{margin:0 10px;display:grid;grid-template-rows:repeat(2,1fr);grid-template-columns:auto auto;grid-column-gap:10px;grid-row-gap:5px;justify-content:start;align-items:center}.col-span-2{grid-column-end:span 2}.col-span-3{grid-column-end:span 3}.col-span-4{grid-column-end:span 4}.warn{color:#000;background-color:#ff8c00;padding:4px}label{display:flex;align-items:center}select{vertical-align:top}input,select{height:20px;border-radius:0;border:1px solid #888;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}select.XXX:not([multiple]){-webkit-appearance:none;-moz-appearance:none;background-color:#fff;background-position:right 50%;background-repeat:no-repeat;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);padding:1px 1.5rem 1px 4px;border-radius:0}input.slider{border:none;background-color:transparent}input[type=checkbox],input[type=radio]{margin-right:4px}input[type=text]{padding:0 3px}input[type=text].invalid{background-color:red}.midi-progress{text-align:center;font-size:1.25rem;font-weight:500;padding:0;color:red}.midi-progress.done{animation:hide-animation .7s ease-in .5s forwards}@keyframes hide-animation{0%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}div.dirty{margin-left:10px;color:red}div.saving{margin-left:10px;background-color:#ff0;color:#000;padding:2px 10px;font-size:1rem;font-weight:400}.midi-ports{background-color:var(--subheader-bg);display:flex;align-items:baseline}.midi-ports select{margin:0 20px 0 5px}.no-midi{margin:0;padding:4px;background-color:#fff900;color:#000;text-align:center}.midi-support-warning-fs{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#d08e5a;z-index:1000;opacity:.9;font-size:1.5rem;display:flex;justify-content:center;padding-top:80px}.midi-support-warning-fs h1{font-size:2rem;font-weight:700;margin-top:0}div.warning-message-fs{background-color:#fff;padding:20px 40px;line-height:2}div.warning-message a{font-weight:700}.midi-support-warning-top{background-color:#ff8125;padding:10px 20px;font-size:1.5rem}.midi-support-warning-top a{text-decoration:none;color:#00f}.information{margin:10px 0 0;padding:10px 20px;border-top:var(--panel-border-top);position:relative;border-top:1px solid #aaa;border-bottom:1px solid #aaa;background-color:#f0f0ff;color:#333;line-height:150%}.information2 div{margin:6px 0}.information .sub-info{position:absolute;top:10px;right:10px;color:var(--text-extra-light);font-size:13px;text-align:right}.information .important{font-weight:700;margin-bottom:5px}.information ol,.information ul{margin:0 0 5px}.information li{margin-top:2px}.information-actions{position:absolute;right:20px;bottom:10px;text-align:right}.information-actions button{margin-left:5px}.print-global-value{padding-left:.5cm}.print .action-messages-grid{display:grid;grid-template-columns:repeat(6,auto);grid-row-gap:3px;justify-content:start}.right-align{text-align:right}.print .action-messages-grid .h{font-size:85%;border-bottom:1px solid #aaa;margin-bottom:4px}.print .value-label{text-transform:lowercase}.print .button-action{padding:0;margin:0;border:none;background-color:#fff}.print .button-action .action-name{grid-column-end:span 2;display:flex;flex-direction:row;align-items:center;margin-bottom:.25cm;border-radius:0;padding:0;color:#000}.print .action-name-name{font-size:1rem;font-weight:500;text-transform:uppercase;width:initial;margin-top:0}.print .button-action-name{padding:0 .25cm 0 0;border-right:1px solid #999;text-align:right;font-weight:700}.print .button-action-action{padding-left:.25cm}.print .button-action-action>div{margin-bottom:.2cm}.print .button-actions{margin-top:.25cm;display:grid;grid-template-columns:auto auto;justify-content:start;grid-row-gap:.5cm}.messages-summary.exp{margin-top:0}body.print{font-family:Roboto,Helvetica,Arial,sans-serif;font-weight:400;font-style:normal;line-height:1.2;color:#000;margin:20px 40px;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff}.print #root{background-color:#fff}.print-title{font-size:20pt}.print-title-help{color:#999;font-size:10pt}.print .panel-wrapper{padding:0;border:none;background-color:#fff}.print .panel-title{display:block;margin:.75cm 0 .5cm;padding:0;background-color:#fff;border:none;border-bottom:1px solid #000;font-size:1.5rem}.print .content-wrapper{margin:0}@media print{@page{margin:2cm 1cm}body{margin:0!important;padding:0!important;font-size:10pt}.button-editor{page-break-inside:avoid}.print-title{color:#000}.print-title-help{display:none}.panel-wrapper{background-color:#fff}}html{--main-bg-color: white;--main-bg: white;--header-bg: #ffffff;--header-padding: 10px 0 5px 0;--header-border-top: 1px solid #000;--subheader-bg: #ffffff;--subheader-padding: 10px 0 0 0;--instruction-margin: 5px 0 0 0;--panel-bg: #f7f6f7;--panel-border-top: 2px solid #1e85be;--panel-font-weight: 400;--panel-font-color: #000;--link: #7070ff;--blue: #007bff;--indigo: #6610f2;--purple: #6f42c1;--pink: #e83e8c;--red: #dc3545;--light-red: #e94b56;--orange: #fd7e14;--yellow: #ffc107;--green: #26c74a;--light-green: #20df4e;--teal: #20c997;--cyan: #17a2b8;--white: #fff;--gray: #6c757d;--gray-dark: #343a40;--primary: #007bff;--secondary: #89959f;--success: #2db94d;--info: #17a2b8;--warning: #ffc107;--danger: #dc3545;--light: #f8f9fa;--dark: #343a40;--border-dark: #999;--border-light: #ddd;--border-dark-dark: #333;--border-dark-light: #555;--text: #000;--text-light: #606060;--text-extra-light: #808080;--text-tip: inherit;--text-tip-bg: yellow;--text-checked: #000;--panel-toggle-text: #222;--action-name-name-bg: #909090;--action-name-name-text: #ffffff;--button-action-border-top: 1px solid #888888 !important;--midi-port-bg: #e0e0e0;--midi-port-ok-bg: #ACDFAC;--saving-text: #000}html[data-theme=dark]{--main-bg-color: #0f0f0f;--main-bg: #0f0f0f linear-gradient(#606060, #2f2f2f, #0f0f0f);--header-bg: #333333;--header-padding: 10px 10px 5px 10px;--header-border-top: 1px solid #777;--subheader-bg: #333333;--subheader-padding: 10px 10px 10px 10px;--instruction-margin: 5px 0 0 0;--panel-bg: #efefef;--panel-border-top: 2px solid #aaa;--panel-font-weight: 500;--panel-font-color: #2f2f2f;--link: #d0d0ff;--blue: #007bff;--indigo: #6610f2;--purple: #6f42c1;--pink: #e83e8c;--red: #dc3545;--light-red: #e94b56;--orange: #fd7e14;--yellow: #ffc107;--green: #28a745;--light-green: #20df4e;--teal: #20c997;--cyan: #17a2b8;--white: #fff;--gray: #6c757d;--gray-dark: #343a40;--primary: #007bff;--secondary: #6c757d;--success: #2db94d;--info: #17a2b8;--warning: #ffc107;--danger: #dc3545;--light: #f8f9fa;--dark: #343a40;--border-dark: #999;--border-light: #ddd;--border-dark-dark: #333;--border-dark-light: #555;--text: #000;--text-light: #606060;--text-extra-light: #808080;--text-tip: yellow;--text-tip-bg: inherit;--text-checked: #000;--panel-toggle-text: #222;--action-name-name-bg: #909090;--action-name-name-text: #ffffff;--button-action-border-top: 1px solid #888888 !important;--midi-port-bg: #e0e0e0;--midi-port-ok-bg: #ACDFAC;--saving-text: #000}html[data-theme=darkest] select{border-color:#222831}html[data-theme=darkest]{--main-bg-color: #111;--main-bg: #111;--header-bg: #111;--header-padding: 10px 0 5px 0;--header-border-top: none;--subheader-bg: #111;--subheader-padding: 10px 0 0 0;--instruction-margin: 5px 0 0 0;--panel-bg: #222831;--panel-border-top: 2px solid #aaa;--panel-font-weight: 500;--panel-font-color: #e0e0e0;--link: #d0d0ff;--blue: #007bff;--indigo: #6610f2;--purple: #6f42c1;--pink: #e83e8c;--red: #dc3545;--light-red: #e94b56;--orange: #fd7e14;--yellow: #ffc107;--green: #28a745;--light-green: #20df4e;--teal: #20c997;--cyan: #17a2b8;--white: #fff;--gray: #6c757d;--gray-dark: #343a40;--primary: #007bff;--secondary: #6c757d;--success: #2db94d;--info: #17a2b8;--warning: #ffc107;--danger: #dc3545;--light: #f8f9fa;--dark: #343a40;--border-dark: #999;--border-light: #ddd;--border-dark-dark: #333;--border-dark-light: #555;--text: #f0f0f0;--text-light: #a0a0af;--text-extra-light: #70707a;--text-checked: #fff;--panel-toggle-text: #eaeaef;--text-tip: yellow;--text-tip-bg: inherit;--action-name-name-bg: #a0a0af;--action-name-name-text: #000;--button-action-border-top: 1px solid #555 !important;--midi-port-bg: #000;--midi-port-ok-bg: #000}html,body{height:100%}html{font-size:14px;-moz-osx-font-smoothing:grayscale;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}body{font-family:Roboto,Helvetica,Arial,sans-serif;font-weight:400;font-style:normal;line-height:1.2;color:var(--text);margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--main-bg)}html{background-color:var(--main-bg-color)}#root{padding:0 20px 20px;max-width:1200px;margin:0 auto}body.popup,.popup #root{background-color:#fff}:focus{outline:none}.b,.bold{font-weight:500}.i{font-style:italic}.red{color:red}.mt-5{margin-top:5px}.mt-10{margin-top:10px}.mb-5{margin-bottom:5px}.mb-10{margin-bottom:10px}.ml-5{margin-left:5px}.mr-5{margin-right:5px}.ml-10{margin-left:10px}.ml-20{margin-left:20px}.mx-10{margin-left:10px;margin-right:10px}.mx-20{margin-left:20px;margin-right:20px}input,label{cursor:pointer}.link-button{background-color:transparent;border:none;cursor:pointer;text-decoration:none;display:inline;margin:0;padding:0}@media print{button{display:none!important}}.btn{display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;padding:5px 10px;font-size:1rem;border-radius:0;transition:filter .15s;color:#00f}.btn:hover{filter:brightness(86%)}.btn:disabled{background-color:#e0e0e0!important;color:#999!important;border-color:silver!important}.btn:disabled:hover{filter:none}.btn-large{line-height:1.5}.btn-small{padding:1px 5px 0}.btn-x-small{padding:1px 7px 2px}.btn:not(:disabled):not(.disabled){cursor:pointer}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}.btn-primary{color:#fff;background-color:var(--primary);border-color:var(--primary)}.btn-secondary{color:#fff;background-color:var(--secondary);border-color:var(--secondary)}.btn-success{color:#000;background-color:var(--light-green);border-color:var(--light-green)}.btn-danger{color:#fff;background-color:var(--light-red);border-color:var(--light-red)}.btn-warning{color:#212529;background-color:var(--yellow);border-color:var(--yellow)}.btn-info{color:#fff;background-color:var(--cyan);border-color:var(--cyan)}.btn-light{color:#212529;background-color:var(--light);border-color:var(--light)}.btn-dark{color:#fff;background-color:var(--dark);border-color:var(--dark)}.btn-white-border{border-color:#f4f4f4}button,select{text-transform:none}button,input{overflow:visible}button,input,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button{border-radius:0}.blinking{animation:blinkingText 1.2s infinite alternate-reverse}@keyframes blinkingText{0%{box-shadow:0 0 7px 3px #ea98450f}to{box-shadow:0 0 7px 3px #ea9845}}.width-100{width:100px}.width-120{width:120px}.width-200{width:200px}input[type=range].slider{-webkit-appearance:none}input[type=range].slider:focus{outline:none}input[type=range].slider::-webkit-slider-runnable-track{height:10px;cursor:pointer;background:#fff;border:1px solid #999}input[type=range].slider::-webkit-slider-thumb{border:1px solid #333;height:14px;width:15px;border-radius:3px;background:#aaa;cursor:pointer;-webkit-appearance:none;margin-top:-3px}input[type=range].slider:focus::-webkit-slider-runnable-track{background:#fff}body.popup{font-family:Roboto,Helvetica,Arial,sans-serif;font-weight:400;font-style:normal;line-height:1.4;color:#000;margin:20px 40px;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff}