.option-ui-tabbar{box-sizing:border-box;color:#fff;background:#ebeef0;position:relative}.option-ui-tabbar>div{pointer-events:none;height:3.5em;padding:0 8px;position:relative}.option-ui-tabbar>div>*{pointer-events:auto}.option-ui-tablist{text-transform:uppercase;-webkit-user-select:none;user-select:none;width:100%;max-width:481px;height:3em;margin:0;padding-top:.5em;line-height:3em;position:relative;overflow:hidden}.option-ui-tablist .tabsContainer{height:inherit;line-height:inherit;white-space:nowrap}.option-ui-tab{height:inherit;line-height:inherit;float:left;cursor:pointer;-webkit-user-select:none;user-select:none;overflow:hidden}.option-ui-tab .tabContainer{background-color:#0000}.option-ui-tab .tabContainer:active{background-color:#efefeff2}.option-ui-tab .tabContainer:not(:active){transition:background-color .66s ease-in}.option-ui-tab .tab-content{text-align:center;cursor:default;pointer-events:none;user-select:initial;transition:opacity .1s cubic-bezier(.4,0,1,1),color .1s cubic-bezier(.4,0,1,1)}.option-ui-tablist .selectionBar{background-color:#efefef;width:0;height:2px;transition:width .15s ease-in-out .18s,left .15s ease-in-out .18s;position:absolute;bottom:0;left:0}.option-ui-tab:not(.active) .tab-content{opacity:.6}.option-ui-tabbar+.option-ui-shadow{-webkit-user-select:none;user-select:none;height:6px;box-shadow:inset 0 5px 6px -3px #00000040}.option-ui-button{white-space:nowrap;cursor:pointer;pointer-events:auto;background:0 0;display:inline-block}.option-ui-button>div *{pointer-events:none}.option-ui-button span{vertical-align:bottom;height:2em;line-height:2em;display:inline-block}.option-ui-button .icon{fill:currentColor;width:1.75em;margin-left:2px}form.option-ui-checkbox div.checkbox-container{justify-content:space-between;align-items:center;gap:1px;width:100%;display:flex;position:relative}form.option-ui-checkbox div.checkbox-container div.vcenter-container,form.option-ui-checkbox div.checkbox-container label{vertical-align:middle}form.option-ui-combobox div.combobox-container{justify-content:space-between;align-items:center;width:100%;display:flex;position:relative}.option-ui-combobox:hover a.option-ui-api-link,.option-ui-slider:hover a.option-ui-api-link,.option-ui-checkbox:hover a.option-ui-api-link,.option-ui-spinner:hover a.option-ui-api-link{opacity:1}.option-ui-api-link{background-color:var(--color-pacific-blue);vertical-align:middle;opacity:0;margin-left:5px;padding:1px 2px;font-family:monospace;font-size:10px;transition:opacity .2s ease-in-out;color:#fff!important}.option-ui-dropdown{box-sizing:border-box;color:#fff;background:#90a4ae;position:relative}.option-ui-dropdown>div{pointer-events:none;height:3.5em;padding:0 8px;position:relative}.option-ui-selectionlist{text-transform:uppercase;-webkit-user-select:none;user-select:none;width:100%;max-width:481px;height:3em;margin:0;padding-top:.5em;line-height:3em;position:relative;overflow:hidden}.option-ui-selectionlist *{pointer-events:auto}.option-ui-selectionlist select,.option-ui-selectionlist select option{height:inherit;width:inherit;line-height:inherit;white-space:nowrap;color:#fff;background:#adadad;border:none;outline:0;padding-left:1.5em}.option-ui-selectionlist .selectionBar{height:2px;width:inherit;background-color:#efefef;position:absolute;bottom:0;left:0}.option-ui-dropdown+.option-ui-shadow{-webkit-user-select:none;user-select:none;height:6px;box-shadow:inset 0 5px 6px -3px #00000040}form.option-ui-slider div.slider-container{justify-content:space-between;align-items:center;gap:1px;display:flex;position:relative}form.option-ui-slider div.range-container{width:75%;padding-right:8px}form.option-ui-slider div.number-container{width:20%}form.option-ui-slider input[type=number]{position:relative}input[type=range]{appearance:none;height:20px;padding:0}input[type=range]::-webkit-slider-runnable-track{background:#38434f;border:none;border-radius:3px;height:2px}input[type=range]::-webkit-slider-thumb{appearance:none;background:#38434f;border:none;border-radius:50%;width:14px;height:14px;margin-top:-6px}input[type=range]:focus{outline:0}input[type=range]::-moz-range-track{background:#38434f;border:none;border-radius:3px;height:2px}input[type=range]::-moz-range-thumb{background:#38434f;border:none;border-radius:50%;width:14px;height:14px}input[type=range]:-moz-focusring{outline-offset:-1px;outline:1px solid #fff}form.option-ui-spinner input[type=number]{width:5em}form.option-ui-spinner div.spinner-container{justify-content:space-between;align-items:center;gap:1px;width:100%;display:flex;position:relative}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.option-ui,.option-ui input,.option-ui select{margin:0;font-family:Tahoma,Verdana,sans-serif;font-size:14px}.option-ui-htmlblock{padding:3px 16px;font-size:12px}.option-ui-htmlblock p:first-child{margin-top:0}.option-ui-htmlblock :last-child{margin-bottom:0}.option-ui .block{display:block}.option-ui .hidden{display:none!important}.option-ui .relative{position:relative}.option-ui .fit{position:absolute;inset:0}.demo-collapsible-pane-content{background:#fff;padding:1px 0 10px}.option-ui-form-group{border-top:1px solid #e0e0e0;position:relative}.option-ui-form-group.collapsed{margin-bottom:0;padding-bottom:0}.option-ui-form-group .option-ui-form-group{margin-top:8px;margin-left:8px;margin-right:8px;left:0}.option-ui-form-group .option-ui-form-group>[data-option-ui-button]{color:#333;background:#eee;width:100%;padding:0;font-weight:400}.option-ui-form-group .option-ui-form-group>[data-option-ui-button]>div{width:100%;letter-spacing:initial}.option-ui-form-group .option-ui-form-group .option-ui-form-section{margin-top:0;padding:3px 0}.option-ui-form-group .option-ui-form-group.collapsed>.option-ui-button{color:#333;background-color:#eceff1}.option-ui-form-group.collapsed>.option-ui-form-section{padding-top:0;padding-bottom:0}.option-ui-form-group>[data-option-ui-button],.option-ui-form-group>[data-option-ui-button]>div{width:100%}.option-ui-content .disabled,.option-ui-form-group.aria-disabled{opacity:.3}.option-ui-form-group.aria-disabled .disabled,.option-ui-form-group.aria-disabled .option-ui-form-group.aria-disabled{opacity:1}.option-ui-content-container{overflow-y:auto}.option-ui-form-group .option-ui-button{letter-spacing:1px;font-family:Tahoma,Verdana,sans-serif;font-size:14px;transition:background-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.option-ui-form-group .option-ui-button:hover{box-shadow:inset 0 0 100px 100px #ffffff1a}.option-ui-form-group.collapsed .option-ui-button:hover{box-shadow:inset 0 0 100px 100px #0000000d}.option-ui-form-group.collapsed>.option-ui-button{background:inherit;color:#666;font-weight:400}.option-ui-form-group>.option-ui-button{color:#fff;background:linear-gradient(90deg,#29323c 0%,#38434f 100%) no-repeat padding-box padding-box;width:100%}form.option-ui-checkbox input,form.option-ui-combobox select,form.option-ui-spinner input{float:right}.option-ui-form-group form.option-ui-checkbox,.option-ui-form-group form.option-ui-combobox,.option-ui-form-group form.option-ui-slider,.option-ui-form-group form.option-ui-spinner{padding:3px 2px}.option-ui-form-group .option-ui-form-group form.option-ui-checkbox,.option-ui-form-group .option-ui-form-group form.option-ui-combobox,.option-ui-form-group .option-ui-form-group form.option-ui-slider,.option-ui-form-group .option-ui-form-group form.option-ui-spinner{padding:3px 8px 3px 2px}form.option-ui-slider input[type=range]{vertical-align:middle;width:100%;margin:0}form.option-ui-slider input[type=number]{vertical-align:middle;width:90%;margin:0}.option-ui-item{padding:3px}.option-ui-item label{max-width:100%}.option-ui-item .option-ui-button .icon{width:1em;height:1em;margin:0;padding:0}.option-ui-form .form-error-container{text-align:right;width:100%}.option-ui-form input.ng-invalid.ng-touched{border:2px solid red}.option-ui-form .form-error-tip{z-index:1;display:inline-block;position:relative;top:5px;right:0}.option-ui-form .form-error-tip .arrow-top{border-bottom:5px solid red;border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0;position:absolute;top:-5px;right:10px}.option-ui-form .form-error-tip .arrow-left{float:left;border-top:5px solid #0000;border-bottom:5px solid #0000;border-right:5px solid red;width:0;height:0;position:relative;top:2px;left:0}.option-ui-form .form-error-tip .label{color:#fff;background-color:red;border-radius:2px;padding:8px;font-weight:700}@media screen and (min-device-width:768px) and (max-device-width:1024px){.option-ui,.option-ui input,.option-ui select{margin:0;font-size:12px}.option-ui-form-group .option-ui-form-group .option-ui-form-section{margin-top:0;padding:2px}}