form{display:block;padding:0px;margin:0px;}
input, textarea, select, optgroup, option{-moz-appearance:none;-webkit-appearance:none;appearance:none;font-family:'Roboto', sans-serif;font-size:calc(14px * var(--interface_scaling));font-weight:normal;outline:none !important;}
fieldset{padding:0px;margin:0px;border:0px;outline:0px;}
input:focus, textarea:focus, select:focus{outline:none !important;}
select:focus-within{outline:none !important;}

/* Input */
.input_wrap{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;width:100%;height:auto;padding:0px;margin:0px 0px calc(var(--global_margin_spacing) * var(--interface_scaling)) 0px;position:relative;}
.input{flex:1;min-width:0px;width:100%;height:calc(36px * var(--interface_scaling));background:transparent;text-overflow:ellipsis;color:rgba(var(--on_surface_color), 0.87);line-height:normal;padding:calc(6px * var(--interface_scaling)) calc(14px * var(--interface_scaling));margin:0px;border:0px;border-radius:calc(4px * var(--interface_scaling));box-shadow:none;caret-color:rgb(var(--primary_color));resize:none;cursor:text;-webkit-user-select:text;user-select:text;}
.input[type=number]{-moz-appearance:textfield;}
.input::placeholder{color:rgba(var(--on_surface_color),0.6);}
.input::autofill{background:transparent;color:rgb(var(--on_surface_color));-webkit-text-fill-color:rgb(var(--on_surface_color));text-fill-color:rgb(var(--on_surface_color));box-shadow:inset 0px 0px 0px calc(36px * var(--interface_scaling)) rgb(var(--surface_color));}
.input:is(:read-only, :disabled)::placeholder{color:rgba(var(--on_surface_color),0.16);}
.input:is([type=date], [type=datetime-local], [type=time], [type=number])::-webkit-outer-spin-button{-moz-appearance:none;-webkit-appearance:none;appearance:none;display:none;}
.input:is([type=date], [type=datetime-local], [type=time], [type=number])::-webkit-inner-spin-button{-moz-appearance:none;-webkit-appearance:none;appearance:none;display:none;}
.input:is([type=date], [type=datetime-local], [type=time])::-webkit-clear-button{-moz-appearance:none;-webkit-appearance:none;appearance:none;display:none;}
.input:is([type=date], [type=datetime-local], [type=time])::-webkit-calendar-picker-indicator{-moz-appearance:none;-webkit-appearance:none;appearance:none;display:none;}
.input:not(:focus):required:not(:placeholder-shown):invalid{padding:0px calc(13px * var(--interface_scaling));color:rgb(var(--red));-webkit-text-fill-color:rgb(var(--red));text-fill-color:rgb(var(--red));}
.input:not(:focus):required:not(:placeholder-shown):invalid ~ .data_field_label{--data_field_border_width:calc(2px * var(--interface_scaling));--data_field_border_color:rgb(var(--red));--data_field_color:rgb(var(--red));}
.input:not(:focus):required:not(:placeholder-shown):invalid ~ .data_field_status::before{display:inline-block;height:calc(34px * var(--interface_scaling));padding:0px calc(4px * var(--interface_scaling));content:'\f06a';font-family:"Font Awesome 5 Pro";font-style:normal;font-size:calc(15px * var(--interface_scaling));font-weight:900;color:rgb(var(--red));}
.input:placeholder-shown ~ .data_field_label > .data_field_label_top > .data_field_label_top_text{display:none;}
.input:read-write:focus{color:rgb(var(--primary_color));}
.input:read-write:focus ~ .data_field_status{--data_field_tool_color:rgb(var(--primary_color));}
.input:read-write:focus ~ .data_field_label{--data_field_color:rgb(var(--primary_color));--data_field_tool_color:rgb(var(--primary_color));--data_field_border_width:calc(2px * var(--interface_scaling));--data_field_border_color:rgb(var(--primary_color));}
.input:is(:read-only, :disabled){color:rgba(var(--on_surface_color), 0.24);cursor:not-allowed;}
.input:is(:read-only, :disabled) ~ .data_field_label{--data_field_color:rgba(var(--on_surface_color), 0.24);--data_field_border_color:rgba(var(--on_surface_color), 0.12);}
.input:is(:read-only, :disabled) ~ .data_field_helper{color:rgba(var(--on_surface_color), 0.24);}
.input ~ .data_field_label{height:calc(36px * var(--interface_scaling));}
.input_break{flex-basis:100%;}

/* Input sorting */
.input_organizer{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:calc(8px * var(--interface_scaling));}
.input_organizer_main{flex:1;}
.input_organizer_button_group{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:calc(2px * var(--interface_scaling));width:auto;height:calc(36px * var(--interface_scaling));padding:0px;margin:0px;}
.input_organizer_button{flex:1;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;width:calc(16px * var(--interface_scaling));height:auto;font-size:calc(8px * var(--interface_scaling));text-align:center;border:calc(1px * var(--interface_scaling)) solid rgba(0,0,0,0.24);border-radius:calc(2px * var(--interface_scaling));overflow:clip;cursor:pointer;}

/* Textarea */
.textarea_wrap{--textarea_height:84px;--textarea_height_multiplier:1;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;width:100%;height:auto;padding:0px;margin:0px 0px calc(var(--global_margin_spacing) * var(--interface_scaling)) 0px;position:relative;}
.textarea_tools{--data_field_color:rgba(var(--on_surface_color), 0.6);--data_field_border_width:calc(1px * var(--interface_scaling));display:flex;flex-direction:row;justify-content:flex-end;align-items:baseline;width:100%;border:var(--data_field_border_width) solid var(--data_field_border_color);border-bottom-left-radius:calc(4px * var(--interface_scaling));border-bottom-right-radius:calc(4px * var(--interface_scaling));}
.textarea{width:calc(100% - calc(12px * var(--interface_scaling)));height:calc(calc(var(--textarea_height) * var(--textarea_height_multiplier)) * var(--interface_scaling));background:transparent;text-overflow:ellipsis;color:rgba(var(--on_surface_color), 0.87);line-height:normal;padding:calc(0px * var(--interface_scaling)) calc(14px * var(--interface_scaling));margin:0px 0px calc(24px * var(--interface_scaling)) 0px;border:0px;border-radius:calc(4px * var(--interface_scaling));box-shadow:none;caret-color:rgb(var(--primary_color));resize:none;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;touch-action:pan-y;position:relative;top:calc(12px * var(--interface_scaling));left:0px;cursor:text;-webkit-user-select:text;user-select:text;}
.textarea::placeholder{color:rgba(var(--on_surface_color),0.6);}
.textarea:is(:read-only, :disabled)::placeholder{color:rgba(var(--on_surface_color),0.16);}
.textarea::autofill{background:transparent;color:rgb(var(--on_surface_color));-webkit-text-fill-color:rgb(var(--on_surface_color));text-fill-color:rgb(var(--on_surface_color));box-shadow:inset 0px 0px 0px calc(36px * var(--interface_scaling)) rgb(var(--surface_color));}
.textarea ~ .data_field_label{height:calc(calc(calc(var(--textarea_height) * var(--textarea_height_multiplier)) + 24px) * var(--interface_scaling));}
.textarea::-webkit-scrollbar{-moz-appearance:none;-webkit-appearance:none;appearance:none;width:calc(10px * var(--interface_scaling));border:0px;border-radius:calc(4px * var(--interface_scaling));}
.textarea::-webkit-scrollbar-track{-moz-appearance:none;-webkit-appearance:none;appearance:none;background:rgb(var(--scrollbar_color));border:0px;border-radius:calc(4px * var(--interface_scaling));}
.textarea::-webkit-scrollbar-thumb{-moz-appearance:none;-webkit-appearance:none;appearance:none;background:rgb(var(--on_scrollbar_color));border:0px;border-radius:calc(4px * var(--interface_scaling));}
.textarea:not(:focus):required:not(:placeholder-shown):invalid{color:rgb(var(--red));-webkit-text-fill-color:rgb(var(--red));text-fill-color:rgb(var(--red));}
.textarea:not(:focus):required:not(:placeholder-shown):invalid ~ .textarea_tools{--data_field_border_width:calc(2px * var(--interface_scaling));--data_field_border_color:rgb(var(--red));--data_field_color:rgb(var(--red));}
.textarea:placeholder-shown ~ .data_field_label > .data_field_label_top > .data_field_label_top_text{display:none;}
.textarea:read-write:focus{color:rgb(var(--primary_color));}
.textarea:read-write:focus ~ .data_field_label{--data_field_color:rgb(var(--primary_color));--data_field_tool_color:rgb(var(--primary_color));--data_field_border_width:calc(2px * var(--interface_scaling));--data_field_border_color:rgb(var(--primary_color));}
.textarea:read-write:focus ~ .textarea_tools{--data_field_color:rgb(var(--primary_color));--data_field_tool_color:rgb(var(--primary_color));--data_field_border_width:calc(2px * var(--interface_scaling));--data_field_border_color:rgb(var(--primary_color));}
.textarea:is(:read-only, :disabled){color:rgba(var(--on_surface_color), 0.24);cursor:not-allowed;}
.textarea:is(:read-only, :disabled) ~ .data_field_label{--data_field_color:rgba(var(--on_surface_color), 0.24);--data_field_border_color:rgba(var(--on_surface_color), 0.12);}
.textarea:is(:read-only, :disabled) ~ .textarea_tools{--data_field_color:rgba(var(--on_surface_color), 0.24);--data_field_border_color:rgba(var(--on_surface_color), 0.12);}
.textarea:is(:read-only, :disabled) ~ .data_field_helper{color:rgba(var(--on_surface_color), 0.24);}
.textarea_break{flex-basis:100%;}

/* Select */
.select_wrap{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;width:100%;height:auto;padding:0px;margin:0px 0px calc(var(--global_margin_spacing) * var(--interface_scaling)) 0px;position:relative;}
.select{flex:1;min-width:0px;width:100%;height:calc(36px * var(--interface_scaling));background:transparent;color:rgba(var(--on_surface_color), 0.87);line-height:calc(36px * var(--interface_scaling));margin:0px;padding:0px calc(32px * var(--interface_scaling)) 0px calc(14px * var(--interface_scaling));border:0px;border-radius:calc(4px * var(--interface_scaling));box-shadow:none;}
.select_expand{width:100%;height:calc(32px * var(--interface_scaling));line-height:calc(32px * var(--interface_scaling));text-align:right;position:absolute;top:calc(2px * var(--interface_scaling));right:calc(2px * var(--interface_scaling));pointer-events:none;}
.select_expand::after{content:'\f078';padding:0px calc(13px * var(--interface_scaling));font-family:"Font Awesome 5 Pro";font-style:normal;font-size:calc(15px * var(--interface_scaling));font-weight:900;color:rgba(var(--on_surface_color), 0.54);}
.select ~ .data_field_label{height:calc(36px * var(--interface_scaling));}
.select:enabled:focus ~ .select_expand::after{color:rgb(var(--primary_color));}
.select:disabled ~ .select_expand::after{color:rgba(var(--on_surface_color), 0.24);}
.select_optgroup{background:rgb(var(--surface_color));color:rgb(var(--primary_color));}
.select_option{background:rgb(var(--surface_color));color:rgb(var(--primary_color));}
.select:enabled:focus{color:rgb(var(--primary_color));}
.select:enabled:focus ~ .data_field_label{--data_field_color:rgb(var(--primary_color));--data_field_tool_color:rgb(var(--primary_color));--data_field_border_width:calc(2px * var(--interface_scaling));--data_field_border_color:rgb(var(--primary_color));}
.select:disabled{color:rgba(var(--on_surface_color), 0.24);cursor:not-allowed;}
.select:disabled ~ .data_field_label{--data_field_color:rgba(var(--on_surface_color), 0.24);--data_field_border_color:rgba(var(--on_surface_color), 0.12);}
.select:disabled ~ .data_field_helper{color:rgba(var(--on_surface_color), 0.24);}
.select_break{flex-basis:100%;}

/* File input */
.file_upload_wrap{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;width:100%;height:auto;padding:0px;margin:0px 0px calc(var(--global_margin_spacing) * var(--interface_scaling)) 0px;position:relative;}
.file_upload{--file_upload_cursor:default;width:calc(20px * var(--interface_scaling));height:calc(20px * var(--interface_scaling));padding:0px;border:0px;outline:none;box-shadow:none;opacity:0;pointer-events:none;position:absolute;pointer-events:none;}
.file_upload:disabled{--file_upload_cursor:not-allowed;}
.file_upload_input{flex:1 !important;margin-right:calc(8px * var(--interface_scaling)) !important;cursor:var(--file_upload_cursor:);}
.file_upload_button{height:calc(36px * var(--interface_scaling));overflow:clip;cursor:var(--file_upload_cursor:);}
.file_upload_break{flex-basis:100%;}

/* Checkbox */
.checkbox_wrap{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;width:100%;height:auto;margin:0px;position:relative;}
.checkbox_text{--data_label_color:rgba(var(--on_surface_color), 0.87);--data_helper_color:rgba(var(--on_surface_color), 0.6);display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;min-height:calc(20px * var(--interface_scaling));font-family:'Roboto', sans-serif;color:var(--data_label_color);padding:0px;margin:0px 0px calc(16px * var(--interface_scaling)) calc(16px * var(--interface_scaling));}
.checkbox_text:empty{display:none;}
.checkbox_text_item{margin-bottom:calc(4px * var(--interface_scaling));}
.checkbox_text_item:last-child{margin-bottom:0px;}
.checkbox_label{font-size:calc(14px * var(--interface_scaling));font-weight:400;letter-spacing:calc(0.25px * var(--interface_scaling));line-height:calc(20.08px * var(--interface_scaling));}
.checkbox_helper{display:block;width:100%;font-size:calc(12px * var(--interface_scaling));font-weight:400;letter-spacing:calc(0.4px * var(--interface_scaling));color:var(--data_helper_color);}
.checkbox_error{font-size:calc(12px * var(--interface_scaling));color:rgb(var(--red));}
.checkbox{-moz-appearance:none;-webkit-appearance:none;appearance:none;width:calc(20px * var(--interface_scaling));height:calc(20px * var(--interface_scaling));padding:0px;border:0px;outline:none;box-shadow:none;opacity:0;position:absolute;cursor:pointer;}
.checkbox_controller{display:inline-block;padding:0px;margin:0px;text-align:center;font-family:"Font Awesome 5 Pro";font-style:normal;font-size:calc(15px * var(--interface_scaling));line-height:calc(15px * var(--interface_scaling));pointer-events:none;}
.checkbox_controller::before{content:"";box-sizing:border-box;display:block;background:transparent;color:rgb(var(--primary_color));border:calc(2px * var(--interface_scaling)) solid rgba(var(--on_surface_color), 0.6);width:calc(20px * var(--interface_scaling));height:calc(20px * var(--interface_scaling));font-weight:400;overflow:clip;border-radius:calc(2px * var(--interface_scaling));}
.checkbox:enabled:checked + .checkbox_controller::before{content:"\f00c";background:rgb(var(--primary_color));color:rgb(var(--on_primary_color));border:calc(2px * var(--interface_scaling)) solid rgb(var(--primary_color));}
.checkbox:disabled{cursor:not-allowed;}
.checkbox:disabled + .checkbox_controller::before{content:"";background:transparent;border:calc(2px * var(--interface_scaling)) solid rgba(var(--on_surface_color), 0.37);}
.checkbox:disabled ~ .checkbox_text{--data_label_color:rgba(var(--on_surface_color), 0.6);--data_helper_color:rgba(var(--on_surface_color), 0.37);}
.checkbox:disabled:checked + .checkbox_controller::before{content:"\f00c";background:rgba(var(--on_surface_color), 0.37);color:rgb(var(--surface_color));border:calc(2px * var(--interface_scaling)) solid rgba(0,0,0,0);}

/* Radio */
.radio_wrap{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;width:100%;height:auto;margin:0px;position:relative;}
.radio_text{--data_label_color:rgba(var(--on_surface_color), 0.87);--data_helper_color:rgba(var(--on_surface_color), 0.6);display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;min-height:calc(20px * var(--interface_scaling));font-family:'Roboto', sans-serif;color:var(--data_label_color);padding:0px;margin:0px 0px calc(16px * var(--interface_scaling)) calc(16px * var(--interface_scaling));}
.radio_text:empty{display:none;}
.radio_text_item{margin-bottom:calc(4px * var(--interface_scaling));}
.radio_text_item:last-child{margin-bottom:0px;}
.radio_label{font-size:calc(14px * var(--interface_scaling));font-weight:400;letter-spacing:calc(0.25px * var(--interface_scaling));line-height:calc(20.08px * var(--interface_scaling));}
.radio_helper{display:block;width:100%;font-size:calc(12px * var(--interface_scaling));font-weight:400;letter-spacing:calc(0.4px * var(--interface_scaling));color:var(--data_helper_color);}
.radio_error{font-size:calc(12px * var(--interface_scaling));color:rgb(var(--red));}
.radio{-moz-appearance:none;-webkit-appearance:none;appearance:none;width:calc(20px * var(--interface_scaling));height:calc(20px * var(--interface_scaling));padding:0px;border:0px;outline:none;box-shadow:none;opacity:0;position:absolute;cursor:pointer;}
.radio_controller{display:inline-block;padding:0px;margin:0px;position:relative;pointer-events:none;}
.radio_controller::before{content:"";box-sizing:border-box;display:block;background:transparent;border:calc(2px * var(--interface_scaling)) solid rgba(var(--on_surface_color), 0.6);width:calc(20px * var(--interface_scaling));height:calc(20px * var(--interface_scaling));overflow:clip;border-radius:50%;}
.radio_controller::after{content:"";display:block;width:calc(10px * var(--interface_scaling));height:calc(10px * var(--interface_scaling));border-radius:50%;position:absolute;left:calc(5px * var(--interface_scaling));top:calc(5px * var(--interface_scaling));}
.radio:enabled:checked + .radio_controller::before{background:transparent;border:calc(2px * var(--interface_scaling)) solid rgb(var(--primary_color));}
.radio:enabled:checked + .radio_controller::after{background:rgb(var(--primary_color));}
.radio:disabled{cursor:not-allowed;}
.radio:disabled + .radio_controller::before{background:transparent;border:calc(2px * var(--interface_scaling)) solid rgba(var(--on_surface_color), 0.37);}
.radio:disabled ~ .radio_text{--data_label_color:rgba(var(--on_surface_color), 0.6);--data_helper_color:rgba(var(--on_surface_color), 0.37);}
.radio:disabled:checked + .radio_controller::before{background:transparent;border:calc(2px * var(--interface_scaling)) solid rgba(var(--on_surface_color), 0.37);}
.radio:disabled:checked + .radio_controller::after{background:rgba(var(--on_surface_color), 0.37);}

/* Toggle */
.toggle_wrap{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;width:100%;height:auto;padding:0px;margin:0px;position:relative;}
.toggle_text{--data_label_color:rgba(var(--on_surface_color), 0.87);--data_helper_color:rgba(var(--on_surface_color), 0.6);display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;min-height:calc(20px * var(--interface_scaling));font-family:'Roboto', sans-serif;color:var(--data_label_color);padding:0px;margin:0px 0px calc(16px * var(--interface_scaling)) calc(16px * var(--interface_scaling));}
.toggle_text:empty{display:none;}
.toggle_text_item{margin-bottom:calc(4px * var(--interface_scaling));}
.toggle_text_item:last-child{margin-bottom:0px;}
.toggle_label{font-size:calc(14px * var(--interface_scaling));font-weight:400;letter-spacing:calc(0.25px * var(--interface_scaling));line-height:calc(20.08px * var(--interface_scaling));}
.toggle_helper{display:block;width:100%;font-size:calc(12px * var(--interface_scaling));font-weight:400;letter-spacing:calc(0.4px * var(--interface_scaling));color:var(--data_helper_color);}
.toggle_error{font-size:calc(12px * var(--interface_scaling));color:rgb(var(--red));}
.toggle{-moz-appearance:none;-webkit-appearance:none;appearance:none;width:calc(36px * var(--interface_scaling));height:calc(20px * var(--interface_scaling));padding:0px;border:0px;outline:none;box-shadow:none;opacity:0;position:absolute;top:0px;right:0px;cursor:pointer;}
.toggle_controller{display:inline-block;width:calc(36px * var(--interface_scaling));height:calc(20px * var(--interface_scaling));padding:0px;margin:0px;overflow:visible;position:relative;top:0px;pointer-events:none;}
.toggle_controller::before{content:"";box-sizing:border-box;display:block;width:calc(36px * var(--interface_scaling));height:calc(14px * var(--interface_scaling));background:rgba(var(--on_surface_color), 0.37);border:0px;border-radius:calc(7px * var(--interface_scaling));position:absolute;top:calc(3px * var(--interface_scaling));left:0px;}
.toggle_controller::after{content:"";box-sizing:border-box;display:block;width:calc(20px * var(--interface_scaling));height:calc(20px * var(--interface_scaling));background:rgb(var(--surface_color));border:0px;border-radius:50%;box-shadow:0 calc(3px * var(--interface_scaling)) calc(1px * var(--interface_scaling)) calc(-2px * var(--interface_scaling)) rgba(0,0,0,0.24), 0 calc(2px * var(--interface_scaling)) calc(2px * var(--interface_scaling)) 0 rgba(0,0,0,0.14), 0 calc(1px * var(--interface_scaling)) calc(5px * var(--interface_scaling)) 0 rgba(0,0,0,0.12);position:absolute;top:0px;left:0px;cursor:pointer;}
.toggle:enabled:checked + .toggle_controller::before{background:rgba(var(--primary_color), 0.37);left:0px;}
.toggle:enabled:checked + .toggle_controller::after{background:rgb(var(--primary_color));left:calc(16px * var(--interface_scaling));}
.toggle:disabled{cursor:not-allowed;}
.toggle:disabled ~ .toggle_text{--data_label_color:rgba(var(--on_surface_color), 0.6);--data_helper_color:rgba(var(--on_surface_color), 0.37);}
.toggle:disabled + .toggle_controller{opacity:0.37;}

/* Range */
.range_wrap{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;height:auto;padding:0px;margin:0px 0px calc(var(--global_margin_spacing) * var(--interface_scaling)) 0px;position:relative;}
.range_text{--data_label_color:rgba(var(--on_surface_color), 0.87);--data_helper_color:rgba(var(--on_surface_color), 0.6);display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;font-family:'Roboto', sans-serif;color:var(--data_label_color);padding:0px;}
.range_text_item{margin-bottom:calc(4px * var(--interface_scaling));}
.range_text_item:nth-child(2){margin-top:calc(4px * var(--interface_scaling));}
.range_text_item:last-child{margin-bottom:0px;}
.range_label_wrap{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;width:100%;}
.range_value{margin:0px 0px 0px auto;}
.range_value::before{content:var(--value);}
.range_helper{display:block;width:100%;font-size:calc(12px * var(--interface_scaling));font-weight:400;letter-spacing:calc(0.4px * var(--interface_scaling));color:var(--data_helper_color);}
.range_error{font-size:calc(12px * var(--interface_scaling));color:rgb(var(--red));}
.checkbox_wrap{justify-content:flex-start;}
.toggle_wrap{justify-content:space-between;}
.radio_wrap{justify-content:flex-start;}
.range{width:100%;height:calc(36px * var(--interface_scaling));background:transparent;border:0px;overflow:clip;cursor:pointer;}
.range:disabled{opacity:0.37;cursor:not-allowed;}
.range:disabled ~ .range_text{--data_label_color:rgba(var(--on_surface_color), 0.6);--data_helper_color:rgba(var(--on_surface_color), 0.37);}
.range::-webkit-slider-runnable-track{-moz-appearance:none;-webkit-appearance:none;appearance:none;background:rgba(var(--primary_color), 0.37);width:100%;height:calc(4px * var(--interface_scaling));border-radius:calc(4px * var(--interface_scaling));}
.range:disabled::-webkit-slider-runnable-track{background:rgba(var(--on_surface_color), 0.37);}
.range:disabled:focus::-webkit-slider-runnable-track{background:rgba(var(--primary_color), 0.37);}
.range::-webkit-slider-thumb{-moz-appearance:none;-webkit-appearance:none;appearance:none;background:rgb(var(--primary_color));width:calc(20px * var(--interface_scaling));height:calc(20px * var(--interface_scaling));border-radius:50%;position:relative;top:calc(-8px * var(--interface_scaling));}
.range:disabled::-webkit-slider-thumb{background:rgb(var(--on_surface_color));}
.range:disabled:focus::-webkit-slider-thumb{background:rgb(var(--on_surface_color));}
.range::-moz-range-track{-moz-appearance:none;-webkit-appearance:none;appearance:none;background:rgba(var(--primary_color), 0.37);width:100%;height:calc(4px * var(--interface_scaling));border-radius:calc(4px * var(--interface_scaling));}
.range::-moz-range-thumb{-moz-appearance:none;-webkit-appearance:none;appearance:none;background:rgb(var(--primary_color));width:calc(20px * var(--interface_scaling));height:calc(20px * var(--interface_scaling));border-radius:50%;position:relative;top:calc(-8px * var(--interface_scaling));}
.range:focus::-webkit-slider-runnable-track{background:rgba(var(--primary_color), 0.37);}
.range:focus::-moz-range-track{background:rgba(var(--primary_color), 0.37);}
.range:focus{outline:none;}

/* Data */
.data_field_label{--data_field_color:rgba(var(--on_surface_color), 0.6);--data_field_border_width:calc(1px * var(--interface_scaling));--data_field_border_color:rgba(var(--on_surface_color), 0.24);display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;width:100%;height:auto;margin:0px;padding:0px;font-family:'Roboto', sans-serif;font-size:calc(12px * var(--interface_scaling));position:absolute;top:0px;left:0px;pointer-events:none;}
.data_field_label_top{width:100%;height:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;border-color:var(--data_field_border_color);border-radius:0px;line-height:calc(1px * var(--interface_scaling));}
.data_field_label_top_corner_left{width:calc(10px * var(--interface_scaling));height:100%;padding:0px;margin:0px;border-left:var(--data_field_border_width) solid var(--data_field_border_color);border-top:var(--data_field_border_width) solid var(--data_field_border_color);border-top-left-radius:calc(4px * var(--interface_scaling));}
.data_field_label_top_text:not(:empty){min-width:0px;width:auto;color:var(--data_field_color);margin:0px calc(4px * var(--interface_scaling)) 0px calc(4px * var(--interface_scaling));line-height:calc(12px * var(--interface_scaling));white-space:nowrap;position:relative;bottom:calc(5px * var(--interface_scaling));}
.data_field_label_top_corner_spacing{flex:1;width:auto;height:calc(1px * var(--interface_scaling));border:0px;border-top:var(--data_field_border_width) solid var(--data_field_border_color);}
.data_field_label_top_corner_right{width:calc(10px * var(--interface_scaling));height:100%;padding:0px;margin:0px;border-right:var(--data_field_border_width) solid var(--data_field_border_color);border-top:var(--data_field_border_width) solid var(--data_field_border_color);border-top-right-radius:calc(4px * var(--interface_scaling));}
.data_field_label_bottom{width:100%;height:calc(8px * var(--interface_scaling));display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-end;border-radius:0px;line-height:calc(1px * var(--interface_scaling));}
.data_field_label_bottom_corner_left{width:calc(10px * var(--interface_scaling));height:100%;padding:0px;margin:0px;border-left:var(--data_field_border_width) solid var(--data_field_border_color);border-bottom:var(--data_field_border_width) solid var(--data_field_border_color);border-bottom-left-radius:calc(4px * var(--interface_scaling));}
.data_field_label_bottom_corner_spacing{flex:1;width:auto;height:calc(1px * var(--interface_scaling));border:0px;border-bottom:var(--data_field_border_width) solid var(--data_field_border_color);}
.data_field_label_bottom_text:not(:empty){min-width:0px;width:auto;color:var(--data_field_color);margin:0px calc(4px * var(--interface_scaling)) 0px calc(4px * var(--interface_scaling));white-space:nowrap;position:relative;top:calc(5px * var(--interface_scaling));}
.data_field_label_bottom_corner_right{width:calc(10px * var(--interface_scaling));height:100%;padding:0px;margin:0px;border-right:var(--data_field_border_width) solid var(--data_field_border_color);border-bottom:var(--data_field_border_width) solid var(--data_field_border_color);border-bottom-right-radius:calc(4px * var(--interface_scaling));}
.data_field_helper_line{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:calc(16px * var(--interface_scaling));width:100%;font-family:'Roboto', sans-serif;font-size:calc(12px * var(--interface_scaling));padding:0px calc(16px * var(--interface_scaling));margin:0px;}
.data_field_helper{display:block;color:rgba(var(--on_surface_color), 0.6);}
.data_field_helper[data-helper]:not([data-helper=""]), .data_field_helper[data-error]:not([data-error=""]){padding:calc(8px * var(--interface_scaling)) 0px 0px 0px;}
.data_field_helper::before{display:block;content:attr(data-helper);}
.data_field_helper::after{display:block;content:attr(data-error);color:rgb(var(--red));}
.data_field_character_counter{padding:calc(8px * var(--interface_scaling)) 0px 0px 0px;white-space:nowrap;color:rgba(var(--on_surface_color), 0.6);margin:0px 0px 0px auto;}
.data_field_character_counter::before{content:var(--count, '0');display:inline;}
.data_field_character_counter::after{content:' / ' var(--max, '*');display:inline;}
.data_field_status{display:flex;flex-direction:row;justify-content:center;align-items:center;height:calc(36px * var(--interface_scaling));line-height:calc(36px * var(--interface_scaling));padding:0px calc(6px * var(--interface_scaling)) 0px 0px;white-space:nowrap;pointer-events:none;}
.data_field_status_icon{font-size:calc(16px * var(--interface_scaling));padding:0px calc(6px * var(--interface_scaling));margin:0px;}
.data_field_status_tool{height:calc(36px * var(--interface_scaling));background:transparent;font-size:calc(16px * var(--interface_scaling));text-align:center;line-height:calc(36px * var(--interface_scaling));color:rgba(var(--on_surface_color),0.54);padding:0px calc(6px * var(--interface_scaling));margin:0px;border:0px;border-radius:0px;outline:none !important;cursor:pointer;pointer-events:all;}
.data_field_status_tool:disabled{color:rgba(var(--on_surface_color), 0.38);cursor:not-allowed;}