.haptic-badge{display:inline-block;text-align:center;vertical-align:12.5%;white-space:nowrap}.haptic-form.busy{cursor:wait}.haptic-button,.haptic-icon-button{align-items:center;cursor:pointer;justify-content:center}.haptic-button{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:grid;grid-auto-flow:column}.haptic-icon-button{display:flex}button.haptic-button,button.haptic-icon-button,input[type="reset"].haptic-button,input[type="reset"].haptic-icon-button,input[type="submit"].haptic-button,input[type="submit"].haptic-icon-button{appearance:none}button.haptic-button:disabled,button.haptic-button[locked],button.haptic-icon-button:disabled,button.haptic-icon-button[locked],input[type="reset"].haptic-button:disabled,input[type="reset"].haptic-button[locked],input[type="reset"].haptic-icon-button:disabled,input[type="reset"].haptic-icon-button[locked],input[type="submit"].haptic-button:disabled,input[type="submit"].haptic-button[locked],input[type="submit"].haptic-icon-button:disabled,input[type="submit"].haptic-icon-button[locked]{pointer-events:none}button.haptic-button:disabled,button.haptic-icon-button:disabled,input[type="reset"].haptic-button:disabled,input[type="reset"].haptic-icon-button:disabled,input[type="submit"].haptic-button:disabled,input[type="submit"].haptic-icon-button:disabled{filter:grayscale(1);opacity:0.5}haptic-segmented-button{display:grid;grid-auto-flow:column}haptic-button-segment,haptic-chip{align-items:stretch;display:flex;flex-direction:column;position:relative}haptic-button-segment.inline,haptic-chip.inline{display:inline-flex}haptic-button-segment[disabled],haptic-chip[disabled]{filter:grayscale(1);opacity:0.5}haptic-button-segment label,haptic-chip label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;position:absolute;text-align:center}haptic-button-segment input,haptic-chip input{appearance:none;background-clip:padding-box;cursor:pointer;position:absolute}haptic-button-segment input::after,haptic-chip input::after{-webkit-mask-image:url(checkmark.svg);-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;mask-image:url(checkmark.svg);mask-position:center;mask-repeat:no-repeat;content:'\200b';pointer-events:none;position:absolute}haptic-button-segment input:disabled,haptic-button-segment input[locked],haptic-chip input:disabled,haptic-chip input[locked]{pointer-events:none}haptic-dropdown,haptic-dialog-dropdown,haptic-select-dropdown{position:relative}haptic-dropdown>.toggle,haptic-dialog-dropdown>.toggle,haptic-select-dropdown>.toggle{cursor:inherit}haptic-dropdown>.popover,haptic-dialog-dropdown>.popover,haptic-select-dropdown>.popover{display:none;box-shadow:0 6px 10px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);position:absolute;z-index:10000}haptic-dropdown>.backdrop,haptic-dialog-dropdown>.backdrop,haptic-select-dropdown>.backdrop{display:none;position:fixed;z-index:9999}haptic-dropdown[popover-open]>.popover,haptic-dialog-dropdown[popover-open]>.popover,haptic-select-dropdown[popover-open]>.popover{display:flex;flex-direction:column}haptic-dropdown[popover-open]>.backdrop,haptic-dialog-dropdown[popover-open]>.backdrop,haptic-select-dropdown[popover-open]>.backdrop{display:initial}haptic-select-dropdown>.toggle{align-items:center;display:flex}haptic-option-list{display:flex;flex-direction:column;scroll-snap-type:y mandatory;overflow-y:auto}haptic-option-list::-webkit-scrollbar-thumb{background-clip:padding-box}haptic-option{cursor:default;position:relative;scroll-snap-align:start;white-space:nowrap}haptic-option[disabled]{filter:grayscale(1);opacity:0.5}haptic-option::after{-webkit-mask-image:url(checkmark.svg);-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;mask-image:url(checkmark.svg);mask-position:center;mask-repeat:no-repeat;content:'\200b';pointer-events:none;position:absolute}haptic-option *{pointer-events:none}button.haptic-field,input.haptic-field,select.haptic-field,textarea.haptic-field{appearance:none}button.haptic-field:disabled,button.haptic-field[locked],input.haptic-field:disabled,input.haptic-field[locked],select.haptic-field:disabled,select.haptic-field[locked],textarea.haptic-field:disabled,textarea.haptic-field[locked]{pointer-events:none}button.haptic-field:disabled:not(.embedded),input.haptic-field:disabled:not(.embedded),select.haptic-field:disabled:not(.embedded),textarea.haptic-field:disabled:not(.embedded){filter:grayscale(1);opacity:0.5}button.haptic-field{text-align:left}input.haptic-field[type="search"]::-webkit-search-cancel-button,input.haptic-field[type="number"]::-webkit-inner-spin-button{appearance:none}input.haptic-field[type="file"]::file-selector-button{position:absolute;visibility:hidden;width:0}textarea.haptic-field{overflow:hidden;resize:none}haptic-dropdown-field,haptic-dropdown-field>.field-container,haptic-text-field,haptic-text-field>.field-container{align-items:stretch;display:flex;flex-direction:column}haptic-dropdown-field.inline,haptic-dropdown-field>.field-container.inline,haptic-text-field.inline,haptic-text-field>.field-container.inline{display:inline-flex}haptic-dropdown-field.field-container,haptic-dropdown-field>.field-container,haptic-text-field.field-container,haptic-text-field>.field-container{position:relative}haptic-dropdown-field .haptic-field.overflow-ellipsis,haptic-text-field .haptic-field.overflow-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:absolute}haptic-dropdown-field .field-label,haptic-text-field .field-label{pointer-events:none;position:absolute;z-index:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}haptic-dropdown-field[required] .field-label::after,haptic-text-field[required] .field-label::after{content:' *'}haptic-dropdown-field[focus-indicator].field-container::after,haptic-dropdown-field[focus-indicator]>.field-container::after,haptic-text-field[focus-indicator].field-container::after,haptic-text-field[focus-indicator]>.field-container::after{pointer-events:none;position:absolute;z-index:1;content:'\200b';opacity:0}haptic-dropdown-field[focus-indicator]:focus-within.field-container::after,haptic-dropdown-field[focus-indicator]:focus-within>.field-container::after,haptic-text-field[focus-indicator]:focus-within.field-container::after,haptic-text-field[focus-indicator]:focus-within>.field-container::after{opacity:1}haptic-dropdown-field .field_with_errors,haptic-text-field .field_with_errors{align-items:stretch;display:flex;flex-direction:column}haptic-dropdown-field .field_with_errors.inline,haptic-text-field .field_with_errors.inline{display:inline-flex}haptic-dropdown-field .leading-icon,haptic-dropdown-field .error-icon,haptic-text-field .leading-icon,haptic-text-field .error-icon{pointer-events:none;position:absolute;z-index:1;align-items:center;display:flex;justify-content:center}haptic-dropdown-field .error-icon,haptic-text-field .error-icon{opacity:0}haptic-dropdown-field[invalid] .error-icon,haptic-text-field[invalid] .error-icon{opacity:1}haptic-dropdown-field[disabled],fieldset:disabled haptic-dropdown-field,haptic-text-field[disabled],fieldset:disabled haptic-text-field{filter:grayscale(1);opacity:0.5}haptic-dropdown-field,haptic-dropdown-field>.field-container,haptic-dropdown-field .haptic-field,haptic-dropdown-field haptic-dialog-dropdown,haptic-dropdown-field haptic-select-dropdown{flex-grow:1}haptic-dropdown-field.field-container::before,haptic-dropdown-field>.field-container::before{-webkit-mask-image:url(dropdown-arrow.svg);-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;mask-image:url(dropdown-arrow.svg);mask-position:center;mask-repeat:no-repeat;pointer-events:none;position:absolute;z-index:1;content:'\200b'}haptic-text-field[with-trailing-icon] ::-webkit-calendar-picker-indicator{opacity:0;position:absolute}haptic-text-field:not([with-trailing-icon]) ::-webkit-calendar-picker-indicator{display:none}haptic-text-field .clear-button,haptic-text-field .trailing-icon{align-items:center;display:flex;justify-content:center;position:absolute;z-index:1}haptic-text-field .clear-button{appearance:none;cursor:pointer}haptic-text-field .clear-button .haptic-icon{pointer-events:none}haptic-text-field[empty] .clear-button{opacity:0;pointer-events:none}haptic-text-field[disabled] .clear-button,haptic-text-field[locked] .clear-button,fieldset:disabled haptic-text-field .clear-button{pointer-events:none}haptic-text-field .trailing-icon{pointer-events:none}.haptic-checkbox,.haptic-radio-button,.haptic-switch{cursor:pointer;position:relative}.haptic-checkbox::before,.haptic-checkbox::after,.haptic-radio-button::before,.haptic-radio-button::after,.haptic-switch::before,.haptic-switch::after{content:'\200b';pointer-events:none;position:absolute}.haptic-checkbox::after{-webkit-mask-image:url(checkbox-checked-18.svg);-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;mask-image:url(checkbox-checked-18.svg);mask-position:center;mask-repeat:no-repeat}input[type="checkbox"].haptic-checkbox,input[type="checkbox"].haptic-switch,input[type="radio"].haptic-radio-button{appearance:none}input[type="checkbox"].haptic-checkbox:disabled,input[type="checkbox"].haptic-checkbox[locked],input[type="checkbox"].haptic-switch:disabled,input[type="checkbox"].haptic-switch[locked],input[type="radio"].haptic-radio-button:disabled,input[type="radio"].haptic-radio-button[locked]{pointer-events:none}input[type="checkbox"].haptic-checkbox:disabled:not(.embedded),input[type="checkbox"].haptic-switch:disabled:not(.embedded),input[type="radio"].haptic-radio-button:disabled:not(.embedded){filter:grayscale(1);opacity:0.5}haptic-list{display:flex;flex-direction:column;list-style-type:none}haptic-list-item{align-items:center;display:flex;position:relative;user-select:none}haptic-list-item .haptic-checkbox,haptic-list-item .haptic-radio-button,haptic-list-item .haptic-switch{position:absolute}haptic-list-item[disabled]{filter:grayscale(1);opacity:0.5;pointer-events:none}.haptic-label:not(.embedded).grayed,fieldset:disabled .haptic-label:not(.embedded){filter:grayscale(1);opacity:0.5}.haptic-badge{border-radius:.5rem}.haptic-button,.haptic-icon-button{border-style:solid;border-width:0;outline:none}.haptic-button.outlined,.haptic-icon-button.outlined{border-width:1px}.haptic-button{border-radius:.5rem}.haptic-icon-button{border-radius:50%}haptic-button-segment input.outlined{border-style:solid;border-width:1px 0 1px 1px}haptic-button-segment:first-of-type input{border-bottom-left-radius:.5rem;border-top-left-radius:.5rem}haptic-button-segment:last-of-type input{border-bottom-right-radius:.5rem;border-top-right-radius:.5rem}haptic-button-segment:last-of-type input.outlined{border-right-width:1px}haptic-chip input{border-radius:.5rem}haptic-chip input.outlined{border-style:solid;border-width:1px}haptic-dropdown,haptic-dialog-dropdown,haptic-select-dropdown{outline:none}haptic-dropdown>.popover,haptic-dialog-dropdown>.popover,haptic-select-dropdown>.popover{border-radius:.25rem;border-style:solid;border-width:1px}haptic-dialog-dropdown>.popover>.segment:not(:first-child){border-top-style:solid;border-top-width:1px}haptic-option-list::-webkit-scrollbar-thumb{border-radius:5px;border-style:solid;border-width:2px}haptic-option{border-radius:.25rem}.haptic-field{border-radius:.25rem;outline-style:solid;border-width:0;outline-width:0}.haptic-field.outlined{border-style:solid;border-width:1px}haptic-text-field .clear-button{border-radius:50%;border:none;outline:none}haptic-dropdown-field[focus-indicator].field-container::after,haptic-dropdown-field[focus-indicator]>.field-container::after,haptic-text-field[focus-indicator].field-container::after,haptic-text-field[focus-indicator]>.field-container::after{border-bottom-left-radius:.25rem 3px;border-bottom-right-radius:.25rem 3px}.haptic-checkbox.embedded,.haptic-radio-button.embedded{outline:none}.haptic-checkbox:not(.embedded),.haptic-radio-button:not(.embedded){border-radius:50%;outline-style:solid}.haptic-checkbox.outlined::before,.haptic-radio-button.outlined::before{border-style:solid;border-width:1px}.haptic-checkbox::before,.haptic-checkbox::after{border-radius:2px}.haptic-radio-button::before,.haptic-radio-button::after{border-radius:50%}.haptic-switch{outline:none}.haptic-switch,.haptic-switch::before{border-radius:calc(1.5rem / 2)}.haptic-switch::after{border-radius:50%}.haptic-switch.outlined::before{border-style:solid}.haptic-switch:not(.embedded)::after{outline-style:solid}haptic-list-item,haptic-list-item .haptic-checkbox,haptic-list-item .haptic-radio-button,haptic-list-item .haptic-switch{border-radius:.25rem}haptic-list.divided haptic-list-item,haptic-list.divided haptic-list-item .haptic-checkbox,haptic-list.divided haptic-list-item .haptic-radio-button,haptic-list.divided haptic-list-item .haptic-switch{border-radius:0}haptic-list.divided haptic-list-item:not(:first-of-type){border-top-style:solid;border-top-width:1px}.haptic-badge{background-color:#00000030}@media (prefers-color-scheme: dark){.haptic-badge{background-color:#FFFFFF30}}.haptic-badge{color:#303030}@media (prefers-color-scheme: dark){.haptic-badge{color:#E0E0E0}}.haptic-badge.primary{background-color:#235FBE}@media (prefers-color-scheme: dark){.haptic-badge.primary{background-color:#7BA1D0}}.haptic-badge.primary{color:#fff}@media (prefers-color-scheme: dark){.haptic-badge.primary{color:#235FBE}}.haptic-badge.secondary{background-color:#B6581A}@media (prefers-color-scheme: dark){.haptic-badge.secondary{background-color:#E7C586}}.haptic-badge.secondary{color:#fff}@media (prefers-color-scheme: dark){.haptic-badge.secondary{color:#B6581A}}.haptic-badge.green{background-color:#2E7D32}@media (prefers-color-scheme: dark){.haptic-badge.green{background-color:#A5D6A7}}.haptic-badge.green{color:#fff}@media (prefers-color-scheme: dark){.haptic-badge.green{color:#2E7D32}}.haptic-badge.red{background-color:#C62828}@media (prefers-color-scheme: dark){.haptic-badge.red{background-color:#EF9A9A}}.haptic-badge.red{color:#fff}@media (prefers-color-scheme: dark){.haptic-badge.red{color:#C62828}}.haptic-button,.haptic-icon-button{background-color:transparent;color:inherit}.haptic-button.filled,.haptic-icon-button.filled{background-color:#2670D0;color:white}.haptic-button.filled.secondary,.haptic-icon-button.filled.secondary{background-color:#C26C1D}.haptic-button.filled.green,.haptic-icon-button.filled.green{background-color:#2E7D32}.haptic-button.filled.red,.haptic-icon-button.filled.red{background-color:#C62828}.haptic-button.filled:hover:not(:disabled),.haptic-button.filled:focus,.haptic-button.filled:focus-visible,.haptic-icon-button.filled:hover:not(:disabled),.haptic-icon-button.filled:focus,.haptic-icon-button.filled:focus-visible{filter:brightness(1.1875)}.haptic-button.outlined,.haptic-icon-button.outlined{border-color:#00000060}@media (prefers-color-scheme: dark){.haptic-button.outlined,.haptic-icon-button.outlined{border-color:#FFFFFF60}}.haptic-button:not(.filled){color:#2670D0}@media (prefers-color-scheme: dark){.haptic-button:not(.filled){color:#7BA1D0}}.haptic-button:not(.filled).secondary{color:#C26C1D}@media (prefers-color-scheme: dark){.haptic-button:not(.filled).secondary{color:#E7C586}}.haptic-button:not(.filled).green{color:#2E7D32}@media (prefers-color-scheme: dark){.haptic-button:not(.filled).green{color:#A5D6A7}}.haptic-button:not(.filled).red{color:#C62828}@media (prefers-color-scheme: dark){.haptic-button:not(.filled).red{color:#EF9A9A}}.haptic-button:not(.filled):hover:not(:disabled),.haptic-button:not(.filled):focus,.haptic-button:not(.filled):focus-visible{background-color:#2670D020}@media (prefers-color-scheme: dark){.haptic-button:not(.filled):hover:not(:disabled),.haptic-button:not(.filled):focus,.haptic-button:not(.filled):focus-visible{background-color:#7BA1D020}}.haptic-button:not(.filled):hover:not(:disabled).secondary,.haptic-button:not(.filled):focus.secondary,.haptic-button:not(.filled):focus-visible.secondary{background-color:#C26C1D20}@media (prefers-color-scheme: dark){.haptic-button:not(.filled):hover:not(:disabled).secondary,.haptic-button:not(.filled):focus.secondary,.haptic-button:not(.filled):focus-visible.secondary{background-color:#E7C58620}}.haptic-button:not(.filled):hover:not(:disabled).green,.haptic-button:not(.filled):focus.green,.haptic-button:not(.filled):focus-visible.green{background-color:#2E7D3220}@media (prefers-color-scheme: dark){.haptic-button:not(.filled):hover:not(:disabled).green,.haptic-button:not(.filled):focus.green,.haptic-button:not(.filled):focus-visible.green{background-color:#A5D6A720}}.haptic-button:not(.filled):hover:not(:disabled).red,.haptic-button:not(.filled):focus.red,.haptic-button:not(.filled):focus-visible.red{background-color:#C6282820}@media (prefers-color-scheme: dark){.haptic-button:not(.filled):hover:not(:disabled).red,.haptic-button:not(.filled):focus.red,.haptic-button:not(.filled):focus-visible.red{background-color:#EF9A9A20}}.haptic-icon-button:not(.filled):hover:not(:disabled),.haptic-icon-button:not(.filled):focus,.haptic-icon-button:not(.filled):focus-visible{background-color:#00000010}@media (prefers-color-scheme: dark){.haptic-icon-button:not(.filled):hover:not(:disabled),.haptic-icon-button:not(.filled):focus,.haptic-icon-button:not(.filled):focus-visible{background-color:#FFFFFF10}}haptic-button-segment input::after,haptic-chip input::after{background-color:transparent}haptic-button-segment input.filled,haptic-chip input.filled{background-color:#0000002C}@media (prefers-color-scheme: dark){haptic-button-segment input.filled,haptic-chip input.filled{background-color:#FFFFFF20}}haptic-button-segment input.filled:checked,haptic-chip input.filled:checked{background-color:#2670D0}haptic-button-segment input.filled:checked::after,haptic-chip input.filled:checked::after{background-color:white}haptic-button-segment input.filled:checked ~ label,haptic-chip input.filled:checked ~ label{color:white}haptic-button-segment input.filled:hover:not(:checked),haptic-chip input.filled:hover:not(:checked){background-color:#0000003C}@media (prefers-color-scheme: dark){haptic-button-segment input.filled:hover:not(:checked),haptic-chip input.filled:hover:not(:checked){background-color:#FFFFFF30}}haptic-button-segment input:not(.filled):checked,haptic-chip input:not(.filled):checked{background-color:#2670D040}haptic-button-segment input:not(.filled):checked::after,haptic-chip input:not(.filled):checked::after{background-color:#235FBE}@media (prefers-color-scheme: dark){haptic-button-segment input:not(.filled):checked::after,haptic-chip input:not(.filled):checked::after{background-color:#aac2e1}}haptic-button-segment input:not(.filled):checked ~ label,haptic-chip input:not(.filled):checked ~ label{color:#235FBE}@media (prefers-color-scheme: dark){haptic-button-segment input:not(.filled):checked ~ label,haptic-chip input:not(.filled):checked ~ label{color:#aac2e1}}haptic-button-segment input:not(.filled):hover:not(:checked),haptic-chip input:not(.filled):hover:not(:checked){background-color:#2670D020}@media (prefers-color-scheme: dark){haptic-button-segment input:not(.filled):hover:not(:checked),haptic-chip input:not(.filled):hover:not(:checked){background-color:#7BA1D020}}haptic-button-segment input:not(.filled):focus-visible,haptic-chip input:not(.filled):focus-visible{background-color:#2670D060}@media (prefers-color-scheme: dark){haptic-button-segment input:not(.filled):focus-visible,haptic-chip input:not(.filled):focus-visible{background-color:#7BA1D060}}haptic-button-segment input.outlined,haptic-chip input.outlined{border-color:#00000060}@media (prefers-color-scheme: dark){haptic-button-segment input.outlined,haptic-chip input.outlined{border-color:#FFFFFF60}}haptic-dropdown[popover-open]>.toggle.haptic-field:not(.filled):not(.outlined),haptic-dropdown[popover-open]>.toggle .haptic-field:not(.filled):not(.outlined),haptic-dropdown>.toggle:hover.haptic-field:not(.filled):not(.outlined),haptic-dropdown>.toggle:hover .haptic-field:not(.filled):not(.outlined),haptic-dialog-dropdown[popover-open]>.toggle.haptic-field:not(.filled):not(.outlined),haptic-dialog-dropdown[popover-open]>.toggle .haptic-field:not(.filled):not(.outlined),haptic-dialog-dropdown>.toggle:hover.haptic-field:not(.filled):not(.outlined),haptic-dialog-dropdown>.toggle:hover .haptic-field:not(.filled):not(.outlined),haptic-select-dropdown[popover-open]>.toggle.haptic-field:not(.filled):not(.outlined),haptic-select-dropdown[popover-open]>.toggle .haptic-field:not(.filled):not(.outlined),haptic-select-dropdown>.toggle:hover.haptic-field:not(.filled):not(.outlined),haptic-select-dropdown>.toggle:hover .haptic-field:not(.filled):not(.outlined){background-color:#00000010}@media (prefers-color-scheme: dark){haptic-dropdown[popover-open]>.toggle.haptic-field:not(.filled):not(.outlined),haptic-dropdown[popover-open]>.toggle .haptic-field:not(.filled):not(.outlined),haptic-dropdown>.toggle:hover.haptic-field:not(.filled):not(.outlined),haptic-dropdown>.toggle:hover .haptic-field:not(.filled):not(.outlined),haptic-dialog-dropdown[popover-open]>.toggle.haptic-field:not(.filled):not(.outlined),haptic-dialog-dropdown[popover-open]>.toggle .haptic-field:not(.filled):not(.outlined),haptic-dialog-dropdown>.toggle:hover.haptic-field:not(.filled):not(.outlined),haptic-dialog-dropdown>.toggle:hover .haptic-field:not(.filled):not(.outlined),haptic-select-dropdown[popover-open]>.toggle.haptic-field:not(.filled):not(.outlined),haptic-select-dropdown[popover-open]>.toggle .haptic-field:not(.filled):not(.outlined),haptic-select-dropdown>.toggle:hover.haptic-field:not(.filled):not(.outlined),haptic-select-dropdown>.toggle:hover .haptic-field:not(.filled):not(.outlined){background-color:#FFFFFF10}}haptic-dropdown>.popover,haptic-dialog-dropdown>.popover,haptic-select-dropdown>.popover{background-color:#fff}@media (prefers-color-scheme: dark){haptic-dropdown>.popover,haptic-dialog-dropdown>.popover,haptic-select-dropdown>.popover{background-color:#3C3C3C}}haptic-dropdown>.popover,haptic-dialog-dropdown>.popover,haptic-select-dropdown>.popover{border-color:#00000040}@media (prefers-color-scheme: dark){haptic-dropdown>.popover,haptic-dialog-dropdown>.popover,haptic-select-dropdown>.popover{border-color:#FFFFFF40}}@supports (backdrop-filter: blur(16px)) or (-webkit-backdrop-filter: blur(16px)){haptic-dropdown>.popover,haptic-dialog-dropdown>.popover,haptic-select-dropdown>.popover{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}haptic-dropdown>.popover,haptic-dialog-dropdown>.popover,haptic-select-dropdown>.popover{background-color:#fff80}@media (prefers-color-scheme: dark){haptic-dropdown>.popover,haptic-dialog-dropdown>.popover,haptic-select-dropdown>.popover{background-color:#3C3C3CC0}}}haptic-dialog-dropdown>.popover>.segment{border-color:#00000040}@media (prefers-color-scheme: dark){haptic-dialog-dropdown>.popover>.segment{border-color:#FFFFFF40}}haptic-option-list::-webkit-scrollbar{background-color:transparent}haptic-option-list::-webkit-scrollbar-thumb{border-color:transparent}haptic-option-list::-webkit-scrollbar-thumb{background-color:#00000040}@media (prefers-color-scheme: dark){haptic-option-list::-webkit-scrollbar-thumb{background-color:#FFFFFF40}}haptic-option{color:#606060}@media (prefers-color-scheme: dark){haptic-option{color:silver}}haptic-option[checked]::after{background-color:#606060}@media (prefers-color-scheme: dark){haptic-option[checked]::after{background-color:silver}}haptic-option[highlighted]{color:#303030}@media (prefers-color-scheme: dark){haptic-option[highlighted]{color:#E0E0E0}}haptic-option[highlighted]{background-color:#00000020}@media (prefers-color-scheme: dark){haptic-option[highlighted]{background-color:#FFFFFF20}}haptic-option[highlighted][checked]::after{background-color:#303030}@media (prefers-color-scheme: dark){haptic-option[highlighted][checked]::after{background-color:#E0E0E0}}.haptic-field{background-color:transparent;outline-color:transparent}.haptic-field{caret-color:#303030}@media (prefers-color-scheme: dark){.haptic-field{caret-color:#E0E0E0}}.haptic-field{color:#303030}@media (prefers-color-scheme: dark){.haptic-field{color:#E0E0E0}}.haptic-field.filled{background-color:#0000002C}@media (prefers-color-scheme: dark){.haptic-field.filled{background-color:#FFFFFF20}}.haptic-field.outlined{border-color:#00000060}@media (prefers-color-scheme: dark){.haptic-field.outlined{border-color:#FFFFFF60}}.haptic-field::placeholder{color:#00000060}@media (prefers-color-scheme: dark){.haptic-field::placeholder{color:#FFFFFF60}}haptic-dropdown-field .field-label,haptic-text-field .field-label{color:#235FBE}@media (prefers-color-scheme: dark){haptic-dropdown-field .field-label,haptic-text-field .field-label{color:#7BA1D0}}haptic-dropdown-field .leading-icon,haptic-text-field .leading-icon{color:#606060}@media (prefers-color-scheme: dark){haptic-dropdown-field .leading-icon,haptic-text-field .leading-icon{color:silver}}haptic-dropdown-field .error-icon,haptic-text-field .error-icon{color:#C62828}@media (prefers-color-scheme: dark){haptic-dropdown-field .error-icon,haptic-text-field .error-icon{color:#EF9A9A}}haptic-dropdown-field[focus-indicator].field-container::after,haptic-dropdown-field[focus-indicator]>.field-container::after,haptic-text-field[focus-indicator].field-container::after,haptic-text-field[focus-indicator]>.field-container::after{background-color:#235FBE}@media (prefers-color-scheme: dark){haptic-dropdown-field[focus-indicator].field-container::after,haptic-dropdown-field[focus-indicator]>.field-container::after,haptic-text-field[focus-indicator].field-container::after,haptic-text-field[focus-indicator]>.field-container::after{background-color:#7BA1D0}}haptic-dropdown-field[invalid].field-container>.field-label,haptic-dropdown-field[invalid].field-container>.field_with_errors>.field-label,haptic-dropdown-field[invalid]>.field-container>.field-label,haptic-dropdown-field[invalid]>.field-container>.field_with_errors>.field-label,haptic-text-field[invalid].field-container>.field-label,haptic-text-field[invalid].field-container>.field_with_errors>.field-label,haptic-text-field[invalid]>.field-container>.field-label,haptic-text-field[invalid]>.field-container>.field_with_errors>.field-label{color:#C62828}@media (prefers-color-scheme: dark){haptic-dropdown-field[invalid].field-container>.field-label,haptic-dropdown-field[invalid].field-container>.field_with_errors>.field-label,haptic-dropdown-field[invalid]>.field-container>.field-label,haptic-dropdown-field[invalid]>.field-container>.field_with_errors>.field-label,haptic-text-field[invalid].field-container>.field-label,haptic-text-field[invalid].field-container>.field_with_errors>.field-label,haptic-text-field[invalid]>.field-container>.field-label,haptic-text-field[invalid]>.field-container>.field_with_errors>.field-label{color:#EF9A9A}}haptic-dropdown-field[invalid].field-container>.haptic-field.outlined,haptic-dropdown-field[invalid].field-container>.field_with_errors>.haptic-field.outlined,haptic-dropdown-field[invalid].field-container>haptic-dialog-dropdown>.haptic-field.outlined,haptic-dropdown-field[invalid].field-container>haptic-select-dropdown>.haptic-field.outlined,haptic-dropdown-field[invalid]>.field-container>.haptic-field.outlined,haptic-dropdown-field[invalid]>.field-container>.field_with_errors>.haptic-field.outlined,haptic-dropdown-field[invalid]>.field-container>haptic-dialog-dropdown>.haptic-field.outlined,haptic-dropdown-field[invalid]>.field-container>haptic-select-dropdown>.haptic-field.outlined,haptic-text-field[invalid].field-container>.haptic-field.outlined,haptic-text-field[invalid].field-container>.field_with_errors>.haptic-field.outlined,haptic-text-field[invalid].field-container>haptic-dialog-dropdown>.haptic-field.outlined,haptic-text-field[invalid].field-container>haptic-select-dropdown>.haptic-field.outlined,haptic-text-field[invalid]>.field-container>.haptic-field.outlined,haptic-text-field[invalid]>.field-container>.field_with_errors>.haptic-field.outlined,haptic-text-field[invalid]>.field-container>haptic-dialog-dropdown>.haptic-field.outlined,haptic-text-field[invalid]>.field-container>haptic-select-dropdown>.haptic-field.outlined{border-color:#C62828}@media (prefers-color-scheme: dark){haptic-dropdown-field[invalid].field-container>.haptic-field.outlined,haptic-dropdown-field[invalid].field-container>.field_with_errors>.haptic-field.outlined,haptic-dropdown-field[invalid].field-container>haptic-dialog-dropdown>.haptic-field.outlined,haptic-dropdown-field[invalid].field-container>haptic-select-dropdown>.haptic-field.outlined,haptic-dropdown-field[invalid]>.field-container>.haptic-field.outlined,haptic-dropdown-field[invalid]>.field-container>.field_with_errors>.haptic-field.outlined,haptic-dropdown-field[invalid]>.field-container>haptic-dialog-dropdown>.haptic-field.outlined,haptic-dropdown-field[invalid]>.field-container>haptic-select-dropdown>.haptic-field.outlined,haptic-text-field[invalid].field-container>.haptic-field.outlined,haptic-text-field[invalid].field-container>.field_with_errors>.haptic-field.outlined,haptic-text-field[invalid].field-container>haptic-dialog-dropdown>.haptic-field.outlined,haptic-text-field[invalid].field-container>haptic-select-dropdown>.haptic-field.outlined,haptic-text-field[invalid]>.field-container>.haptic-field.outlined,haptic-text-field[invalid]>.field-container>.field_with_errors>.haptic-field.outlined,haptic-text-field[invalid]>.field-container>haptic-dialog-dropdown>.haptic-field.outlined,haptic-text-field[invalid]>.field-container>haptic-select-dropdown>.haptic-field.outlined{border-color:#EF9A9A}}haptic-dropdown-field[invalid]>.error-message,haptic-text-field[invalid]>.error-message{color:#C62828}@media (prefers-color-scheme: dark){haptic-dropdown-field[invalid]>.error-message,haptic-text-field[invalid]>.error-message{color:#EF9A9A}}haptic-dropdown-field[invalid][focus-indicator].field-container::after,haptic-dropdown-field[invalid][focus-indicator]>.field-container::after,haptic-text-field[invalid][focus-indicator].field-container::after,haptic-text-field[invalid][focus-indicator]>.field-container::after{background-color:#C62828}@media (prefers-color-scheme: dark){haptic-dropdown-field[invalid][focus-indicator].field-container::after,haptic-dropdown-field[invalid][focus-indicator]>.field-container::after,haptic-text-field[invalid][focus-indicator].field-container::after,haptic-text-field[invalid][focus-indicator]>.field-container::after{background-color:#EF9A9A}}haptic-dropdown-field.field-container::before,haptic-dropdown-field>.field-container::before{background-color:#606060}@media (prefers-color-scheme: dark){haptic-dropdown-field.field-container::before,haptic-dropdown-field>.field-container::before{background-color:silver}}haptic-text-field[animated-label] ::placeholder{color:transparent}haptic-text-field[animated-label][empty]:not(:focus-within) .field-label{color:#606060}@media (prefers-color-scheme: dark){haptic-text-field[animated-label][empty]:not(:focus-within) .field-label{color:silver}}haptic-text-field .clear-button{background-color:transparent}haptic-text-field .clear-button{color:#606060}@media (prefers-color-scheme: dark){haptic-text-field .clear-button{color:silver}}haptic-text-field .clear-button:hover{background-color:#00000010}@media (prefers-color-scheme: dark){haptic-text-field .clear-button:hover{background-color:#FFFFFF10}}haptic-text-field .trailing-icon{color:#606060}@media (prefers-color-scheme: dark){haptic-text-field .trailing-icon{color:silver}}.haptic-checkbox,.haptic-checkbox::after,.haptic-radio-button,.haptic-radio-button::after{background-color:transparent}.haptic-checkbox.outlined::before,.haptic-radio-button.outlined::before{border-color:#00000060}@media (prefers-color-scheme: dark){.haptic-checkbox.outlined::before,.haptic-radio-button.outlined::before{border-color:#FFFFFF60}}.haptic-checkbox.filled::before,.haptic-radio-button.filled::before{background-color:#0000002C}@media (prefers-color-scheme: dark){.haptic-checkbox.filled::before,.haptic-radio-button.filled::before{background-color:#FFFFFF20}}.haptic-checkbox:checked::after,.haptic-radio-button:checked::after{background-color:#235FBE}@media (prefers-color-scheme: dark){.haptic-checkbox:checked::after,.haptic-radio-button:checked::after{background-color:#7BA1D0}}.haptic-checkbox:not(.embedded),.haptic-radio-button:not(.embedded){outline-color:transparent}.haptic-checkbox:not(.embedded):focus-visible,.haptic-radio-button:not(.embedded):focus-visible{background-color:#00000020}@media (prefers-color-scheme: dark){.haptic-checkbox:not(.embedded):focus-visible,.haptic-radio-button:not(.embedded):focus-visible{background-color:#FFFFFF20}}.haptic-checkbox:not(.embedded):focus-visible,.haptic-radio-button:not(.embedded):focus-visible{outline-color:#00000020}@media (prefers-color-scheme: dark){.haptic-checkbox:not(.embedded):focus-visible,.haptic-radio-button:not(.embedded):focus-visible{outline-color:#FFFFFF20}}.haptic-checkbox:checked.filled::before{background-color:transparent}.haptic-checkbox:checked.outlined::before{border-color:transparent}.haptic-radio-button:checked.outlined::before{border-color:#235FBE}@media (prefers-color-scheme: dark){.haptic-radio-button:checked.outlined::before{border-color:#7BA1D0}}.haptic-switch{background-color:transparent}.haptic-switch.filled::before{background-color:#00000060}@media (prefers-color-scheme: dark){.haptic-switch.filled::before{background-color:#FFFFFF40}}.haptic-switch.filled::after{background-color:white}.haptic-switch.filled:checked::before{background-color:#2670D0}.haptic-switch.filled.red-green::before{background-color:#D32F2F}.haptic-switch.filled.red-green:checked::before,.haptic-switch.filled.green:checked::before{background-color:#388E3C}.haptic-switch.outlined::before{border-color:#606060}@media (prefers-color-scheme: dark){.haptic-switch.outlined::before{border-color:silver}}.haptic-switch.outlined::before.red-green{border-color:#C62828}@media (prefers-color-scheme: dark){.haptic-switch.outlined::before.red-green{border-color:#EF9A9A}}.haptic-switch.outlined:checked::before{border-color:#235FBE}@media (prefers-color-scheme: dark){.haptic-switch.outlined:checked::before{border-color:#7BA1D0}}.haptic-switch.outlined:checked::before.green,.haptic-switch.outlined:checked::before.red-green{border-color:#2E7D32}@media (prefers-color-scheme: dark){.haptic-switch.outlined:checked::before.green,.haptic-switch.outlined:checked::before.red-green{border-color:#A5D6A7}}.haptic-switch.outlined:not(.filled)::after{background-color:#606060}@media (prefers-color-scheme: dark){.haptic-switch.outlined:not(.filled)::after{background-color:silver}}.haptic-switch.outlined:not(.filled)::after.red-green{background-color:#C62828}@media (prefers-color-scheme: dark){.haptic-switch.outlined:not(.filled)::after.red-green{background-color:#EF9A9A}}.haptic-switch.outlined:not(.filled):checked::after{background-color:#235FBE}@media (prefers-color-scheme: dark){.haptic-switch.outlined:not(.filled):checked::after{background-color:#7BA1D0}}.haptic-switch.outlined:not(.filled):checked::after.red-green,.haptic-switch.outlined:not(.filled):checked::after.green{background-color:#2E7D32}@media (prefers-color-scheme: dark){.haptic-switch.outlined:not(.filled):checked::after.red-green,.haptic-switch.outlined:not(.filled):checked::after.green{background-color:#A5D6A7}}.haptic-switch:not(.embedded)::after{outline-color:transparent}.haptic-switch:not(.embedded):focus-visible::after{outline-color:#00000020}@media (prefers-color-scheme: dark){.haptic-switch:not(.embedded):focus-visible::after{outline-color:#FFFFFF20}}haptic-list-item .haptic-checkbox:hover,haptic-list-item .haptic-radio-button:hover,haptic-list-item .haptic-switch:hover{background-color:#00000010}@media (prefers-color-scheme: dark){haptic-list-item .haptic-checkbox:hover,haptic-list-item .haptic-radio-button:hover,haptic-list-item .haptic-switch:hover{background-color:#FFFFFF10}}haptic-list-item .haptic-checkbox:focus-visible,haptic-list-item .haptic-radio-button:focus-visible,haptic-list-item .haptic-switch:focus-visible{background-color:#00000020}@media (prefers-color-scheme: dark){haptic-list-item .haptic-checkbox:focus-visible,haptic-list-item .haptic-radio-button:focus-visible,haptic-list-item .haptic-switch:focus-visible{background-color:#FFFFFF20}}haptic-list.divided haptic-list-item:not(:first-of-type){border-color:#00000060}@media (prefers-color-scheme: dark){haptic-list.divided haptic-list-item:not(:first-of-type){border-color:#FFFFFF60}}.haptic-badge{font-size:.75rem;font-weight:bold}.haptic-button,.haptic-icon-button{text-decoration:none}.haptic-button{font-family:inherit;font-size:1rem;font-weight:bold}.haptic-button .icon{font-size:1.125rem;font-weight:normal}.haptic-icon-button{font-size:1.5rem}haptic-button-segment label,haptic-chip label{font-family:inherit;font-size:1rem}haptic-dialog-dropdown>.popover>.segment>.legend{font-weight:bold}.haptic-field{font-family:inherit;font-size:1rem}haptic-dropdown-field .field-label,haptic-text-field .field-label{font-family:inherit;font-size:.875rem;font-weight:bold}haptic-dropdown-field .error-icon,haptic-dropdown-field .leading-icon,haptic-text-field .error-icon,haptic-text-field .leading-icon{font-size:1.5rem}haptic-dropdown-field[with-label] .error-icon,haptic-dropdown-field[with-label] .leading-icon,haptic-text-field[with-label] .error-icon,haptic-text-field[with-label] .leading-icon{font-size:1.5rem}haptic-dropdown-field .error-message,haptic-dropdown-field .supporting-text,haptic-text-field .error-message,haptic-text-field .supporting-text{font-size:.875rem}haptic-text-field[animated-label][empty]:not(:focus-within) .field-label{font-size:1rem}haptic-text-field .clear-button{font-size:1.125rem}haptic-text-field .trailing-icon{font-size:1.5rem}haptic-text-field[with-label] .trailing-icon{font-size:1.5rem}haptic-list-item .supporting-text{font-size:.875rem}.haptic-badge{box-sizing:border-box;height:1rem;line-height:.75rem;min-width:1rem;padding:.125rem .25rem}.haptic-button,.haptic-icon-button{box-sizing:border-box}.haptic-button{grid-gap:.5rem;min-height:2.5rem;padding:.5rem .75rem}.haptic-button .icon{height:1.125rem;line-height:1.125rem;margin-left:0;width:1.125rem}.haptic-button.filled .icon,.haptic-button.outlined .icon{margin-left:-.5rem}.haptic-button.filled{padding:.5rem 1.5rem}.haptic-button.outlined{padding:calc(.5rem - 1px) calc(1.5rem - 1px)}.haptic-icon-button{height:2.5rem;line-height:1.5rem;padding:.5rem;width:2.5rem}.haptic-icon-button.outlined{padding:calc(.5rem - 1px)}haptic-button-segment,haptic-chip{box-sizing:border-box;min-height:2.5rem;min-width:3.125rem}haptic-button-segment input,haptic-chip input{height:100%;margin:0;outline:none;width:100%}haptic-button-segment input::after,haptic-chip input::after{height:1.125rem;left:.75rem;top:calc(50% - 1.125rem / 2);width:1.125rem}haptic-button-segment label,haptic-chip label{box-sizing:border-box;height:1.125rem;left:2.375rem;line-height:1.125rem;top:calc(50% - 1.125rem / 2);width:calc(100% - 2.375rem * 2)}haptic-segmented-button:not(.outlined){grid-gap:1px}haptic-dropdown>.toggle,haptic-dialog-dropdown>.toggle,haptic-select-dropdown>.toggle{height:100%;width:100%}haptic-dropdown>.popover,haptic-dialog-dropdown>.popover,haptic-select-dropdown>.popover{box-sizing:border-box;min-width:100%;top:100%}haptic-dropdown>.popover.auto-justify-right,haptic-dialog-dropdown>.popover.auto-justify-right,haptic-select-dropdown>.popover.auto-justify-right{right:0}haptic-dropdown>.backdrop,haptic-dialog-dropdown>.backdrop,haptic-select-dropdown>.backdrop{height:100vh;left:0;top:0;width:100vw}haptic-dropdown[to-top]>.popover,haptic-dialog-dropdown[to-top]>.popover,haptic-select-dropdown[to-top]>.popover{bottom:100%;top:unset}haptic-dialog-dropdown>.popover>.segment{padding:calc(.5rem - 1px) calc(1rem - 1px)}haptic-dialog-dropdown>.popover>.segment>.legend{margin-bottom:.5rem}haptic-select-dropdown>.popover{box-sizing:border-box;padding:.25rem 0}haptic-option-list{padding:0 .25rem}haptic-option-list::-webkit-scrollbar{width:10px}haptic-option{box-sizing:border-box;line-height:1.25rem;min-height:24px;padding-bottom:.125rem;padding-left:1.5rem;padding-right:.5rem;padding-top:.125rem}haptic-option::after{height:1rem;left:.25rem;top:calc(50% - 1rem / 2);width:1rem}.haptic-field{box-sizing:border-box;line-height:1.25;min-height:2.5rem;padding:.5rem 1rem}.haptic-field.outlined{padding:calc(.5rem - 1px) calc(1rem - 1px)}.haptic-field.inline{line-height:1.125;min-height:1.25rem;padding-bottom:1px;padding-top:1px}.haptic-field.inline.outlined{padding-bottom:0;padding-top:0}haptic-dropdown-field,haptic-text-field{box-sizing:border-box}haptic-dropdown-field .haptic-field.overflow-ellipsis,haptic-text-field .haptic-field.overflow-ellipsis{height:100%;width:100%}haptic-dropdown-field[focus-indicator].field-container::after,haptic-dropdown-field[focus-indicator]>.field-container::after,haptic-text-field[focus-indicator].field-container::after,haptic-text-field[focus-indicator]>.field-container::after{bottom:0;height:3px;left:0;width:100%}haptic-dropdown-field[with-label],haptic-text-field[with-label]{min-height:3.5rem}haptic-dropdown-field[with-label] .haptic-field,haptic-text-field[with-label] .haptic-field{min-height:3.5rem;padding-bottom:.5rem;padding-top:1.75rem;vertical-align:bottom}haptic-dropdown-field[with-label] .haptic-field.outlined,haptic-text-field[with-label] .haptic-field.outlined{padding-bottom:calc(.5rem - 1px);padding-top:calc(1.75rem - 1px)}haptic-dropdown-field[with-label] .field-label,haptic-text-field[with-label] .field-label{box-sizing:border-box;left:0;top:.5rem;width:100%}haptic-dropdown-field[with-label].inline,haptic-text-field[with-label].inline{min-height:3rem}haptic-dropdown-field[with-label].inline .haptic-field.inline,haptic-text-field[with-label].inline .haptic-field.inline{min-height:3rem;padding-bottom:1px;padding-top:calc(1px + 1.25rem)}haptic-dropdown-field[with-label].inline .haptic-field.inline.outlined,haptic-text-field[with-label].inline .haptic-field.inline.outlined{padding-bottom:0;padding-top:1.25rem}haptic-dropdown-field[with-label].inline .field-label,haptic-text-field[with-label].inline .field-label{top:1px}haptic-dropdown-field:not([with-label]),haptic-text-field:not([with-label]){min-height:2.5rem}haptic-dropdown-field:not([with-label]).inline,haptic-text-field:not([with-label]).inline{min-height:1.25rem}haptic-dropdown-field .error-message,haptic-dropdown-field .supporting-text,haptic-text-field .error-message,haptic-text-field .supporting-text{margin:0.25rem 1rem 0 1rem}haptic-dropdown-field[with-label].field-container::before,haptic-dropdown-field[with-label]>.field-container::before,haptic-dropdown-field[with-label] .error-icon,haptic-dropdown-field[with-label] .leading-icon{height:1.5rem;top:calc(50% - 1.5rem / 2);width:1.5rem}haptic-dropdown-field[with-label].field-container::before,haptic-dropdown-field[with-label]>.field-container::before{right:.75rem}haptic-dropdown-field[with-label][with-leading-icon] .haptic-field,haptic-dropdown-field[with-label][with-leading-icon] .field-label{padding-left:3.25rem}haptic-dropdown-field[with-label][with-leading-icon] .haptic-field.outlined{padding-left:calc(3.25rem - 1px)}haptic-dropdown-field[with-label][with-leading-icon] .leading-icon{left:.75rem}haptic-dropdown-field[with-label]:not([with-leading-icon]) .haptic-field,haptic-dropdown-field[with-label]:not([with-leading-icon]) .field-label{padding-left:1rem}haptic-dropdown-field[with-label]:not([with-leading-icon]) .haptic-field.outlined{padding-left:calc(1rem - 1px)}haptic-dropdown-field[with-label][with-error-icon] .haptic-field,haptic-dropdown-field[with-label][with-error-icon] .field-label{padding-right:5.5rem}haptic-dropdown-field[with-label][with-error-icon] .haptic-field.outlined{padding-right:calc(5.5rem - 1px)}haptic-dropdown-field[with-label][with-error-icon] .error-icon{right:3rem}haptic-dropdown-field[with-label]:not([with-error-icon]) .haptic-field,haptic-dropdown-field[with-label]:not([with-error-icon]) .field-label{padding-right:3.25rem}haptic-dropdown-field[with-label]:not([with-error-icon]) .haptic-field.outlined{padding-right:calc(3.25rem - 1px)}haptic-dropdown-field:not([with-label]).field-container::before,haptic-dropdown-field:not([with-label])>.field-container::before,haptic-dropdown-field:not([with-label]) .error-icon,haptic-dropdown-field:not([with-label]) .leading-icon{height:1.5rem;top:calc(50% - 1.5rem / 2);width:1.5rem}haptic-dropdown-field:not([with-label]).field-container::before,haptic-dropdown-field:not([with-label])>.field-container::before{right:.75rem}haptic-dropdown-field:not([with-label])[with-leading-icon] .haptic-field,haptic-dropdown-field:not([with-label])[with-leading-icon] .field-label{padding-left:3.25rem}haptic-dropdown-field:not([with-label])[with-leading-icon] .haptic-field.outlined{padding-left:calc(3.25rem - 1px)}haptic-dropdown-field:not([with-label])[with-leading-icon] .leading-icon{left:.75rem}haptic-dropdown-field:not([with-label]):not([with-leading-icon]) .haptic-field,haptic-dropdown-field:not([with-label]):not([with-leading-icon]) .field-label{padding-left:1rem}haptic-dropdown-field:not([with-label]):not([with-leading-icon]) .haptic-field.outlined{padding-left:calc(1rem - 1px)}haptic-dropdown-field:not([with-label])[with-error-icon] .haptic-field,haptic-dropdown-field:not([with-label])[with-error-icon] .field-label{padding-right:5.5rem}haptic-dropdown-field:not([with-label])[with-error-icon] .haptic-field.outlined{padding-right:calc(5.5rem - 1px)}haptic-dropdown-field:not([with-label])[with-error-icon] .error-icon{right:3rem}haptic-dropdown-field:not([with-label]):not([with-error-icon]) .haptic-field,haptic-dropdown-field:not([with-label]):not([with-error-icon]) .field-label{padding-right:3.25rem}haptic-dropdown-field:not([with-label]):not([with-error-icon]) .haptic-field.outlined{padding-right:calc(3.25rem - 1px)}haptic-text-field[with-label] .haptic-field[type="color"]{width:100%}haptic-text-field[with-label] .clear-button{height:1.5rem;margin:calc(0rem / 2);top:calc(2rem / 2);width:1.5rem}haptic-text-field[with-label] .error-icon,haptic-text-field[with-label] .leading-icon,haptic-text-field[with-label] .trailing-icon,haptic-text-field[with-label] ::-webkit-calendar-picker-indicator{height:1.5rem;top:calc(2rem / 2);width:1.5rem}haptic-text-field[with-label].inline .clear-button,haptic-text-field[with-label].inline .error-icon,haptic-text-field[with-label].inline .leading-icon,haptic-text-field[with-label].inline .trailing-icon,haptic-text-field[with-label].inline ::-webkit-calendar-picker-indicator{top:calc(1.5rem / 2)}haptic-text-field[with-label][with-leading-icon] .haptic-field,haptic-text-field[with-label][with-leading-icon] .field-label{padding-left:3.25rem}haptic-text-field[with-label][with-leading-icon] .haptic-field.outlined{padding-left:calc(3.25rem - 1px)}haptic-text-field[with-label][with-leading-icon] .leading-icon{left:.75rem}haptic-text-field[with-label]:not([with-leading-icon]) .haptic-field,haptic-text-field[with-label]:not([with-leading-icon]) .field-label{padding-left:1rem}haptic-text-field[with-label]:not([with-leading-icon]) .haptic-field.outlined{padding-left:calc(1rem - 1px)}haptic-text-field[with-label][with-trailing-icon] .trailing-icon,haptic-text-field[with-label][with-trailing-icon] ::-webkit-calendar-picker-indicator{right:.75rem}haptic-text-field[with-label][with-trailing-icon][with-error-icon] .error-icon{right:3rem}haptic-text-field[with-label][with-trailing-icon][with-error-icon][with-clear-button] .haptic-field,haptic-text-field[with-label][with-trailing-icon][with-error-icon][with-clear-button] .field-label{padding-right:7.75rem}haptic-text-field[with-label][with-trailing-icon][with-error-icon][with-clear-button] .haptic-field.outlined{padding-right:calc(7.75rem - 1px)}haptic-text-field[with-label][with-trailing-icon][with-error-icon][with-clear-button] .clear-button{right:5.25rem}haptic-text-field[with-label][with-trailing-icon][with-error-icon]:not([with-clear-button]) .haptic-field,haptic-text-field[with-label][with-trailing-icon][with-error-icon]:not([with-clear-button]) .field-label{padding-right:5.5rem}haptic-text-field[with-label][with-trailing-icon][with-error-icon]:not([with-clear-button]) .haptic-field.outlined{padding-right:calc(5.5rem - 1px)}haptic-text-field[with-label][with-trailing-icon]:not([with-error-icon])[with-clear-button] .haptic-field,haptic-text-field[with-label][with-trailing-icon]:not([with-error-icon])[with-clear-button] .field-label{padding-right:5.5rem}haptic-text-field[with-label][with-trailing-icon]:not([with-error-icon])[with-clear-button] .haptic-field.outlined{padding-right:calc(5.5rem - 1px)}haptic-text-field[with-label][with-trailing-icon]:not([with-error-icon])[with-clear-button] .clear-button{right:3rem}haptic-text-field[with-label][with-trailing-icon]:not([with-error-icon]):not([with-clear-button]) .haptic-field,haptic-text-field[with-label][with-trailing-icon]:not([with-error-icon]):not([with-clear-button]) .field-label{padding-right:3.25rem}haptic-text-field[with-label][with-trailing-icon]:not([with-error-icon]):not([with-clear-button]) .haptic-field.outlined{padding-right:calc(3.25rem - 1px)}haptic-text-field[with-label]:not([with-trailing-icon])[with-error-icon] .error-icon{right:.75rem}haptic-text-field[with-label]:not([with-trailing-icon])[with-error-icon][with-clear-button] .haptic-field,haptic-text-field[with-label]:not([with-trailing-icon])[with-error-icon][with-clear-button] .field-label{padding-right:5.5rem}haptic-text-field[with-label]:not([with-trailing-icon])[with-error-icon][with-clear-button] .haptic-field.outlined{padding-right:calc(5.5rem - 1px)}haptic-text-field[with-label]:not([with-trailing-icon])[with-error-icon][with-clear-button] .clear-button{right:3rem}haptic-text-field[with-label]:not([with-trailing-icon])[with-error-icon]:not([with-clear-button]) .haptic-field,haptic-text-field[with-label]:not([with-trailing-icon])[with-error-icon]:not([with-clear-button]) .field-label{padding-right:3.25rem}haptic-text-field[with-label]:not([with-trailing-icon])[with-error-icon]:not([with-clear-button]) .haptic-field.outlined{padding-right:calc(3.25rem - 1px)}haptic-text-field[with-label]:not([with-trailing-icon]):not([with-error-icon])[with-clear-button] .haptic-field,haptic-text-field[with-label]:not([with-trailing-icon]):not([with-error-icon])[with-clear-button] .field-label{padding-right:3.25rem}haptic-text-field[with-label]:not([with-trailing-icon]):not([with-error-icon])[with-clear-button] .haptic-field.outlined{padding-right:calc(3.25rem - 1px)}haptic-text-field[with-label]:not([with-trailing-icon]):not([with-error-icon])[with-clear-button] .clear-button{right:.75rem}haptic-text-field[with-label]:not([with-trailing-icon]):not([with-error-icon]):not([with-clear-button]) .haptic-field,haptic-text-field[with-label]:not([with-trailing-icon]):not([with-error-icon]):not([with-clear-button]) .field-label{padding-right:1rem}haptic-text-field[with-label]:not([with-trailing-icon]):not([with-error-icon]):not([with-clear-button]) .haptic-field.outlined{padding-right:calc(1rem - 1px)}haptic-text-field[with-label][animated-label][empty]:not(:focus-within) .field-label{line-height:1.125rem;top:calc(2.375rem / 2)}haptic-text-field:not([with-label]) .haptic-field[type="color"]{width:100%}haptic-text-field:not([with-label]) .clear-button{height:1.5rem;margin:calc(0rem / 2);top:calc(1rem / 2);width:1.5rem}haptic-text-field:not([with-label]) .error-icon,haptic-text-field:not([with-label]) .leading-icon,haptic-text-field:not([with-label]) .trailing-icon,haptic-text-field:not([with-label]) ::-webkit-calendar-picker-indicator{height:1.5rem;top:calc(1rem / 2);width:1.5rem}haptic-text-field:not([with-label]).inline .clear-button,haptic-text-field:not([with-label]).inline .error-icon,haptic-text-field:not([with-label]).inline .leading-icon,haptic-text-field:not([with-label]).inline .trailing-icon,haptic-text-field:not([with-label]).inline ::-webkit-calendar-picker-indicator{top:calc(-.25rem / 2)}haptic-text-field:not([with-label])[with-leading-icon] .haptic-field,haptic-text-field:not([with-label])[with-leading-icon] .field-label{padding-left:3.25rem}haptic-text-field:not([with-label])[with-leading-icon] .haptic-field.outlined{padding-left:calc(3.25rem - 1px)}haptic-text-field:not([with-label])[with-leading-icon] .leading-icon{left:.75rem}haptic-text-field:not([with-label]):not([with-leading-icon]) .haptic-field,haptic-text-field:not([with-label]):not([with-leading-icon]) .field-label{padding-left:1rem}haptic-text-field:not([with-label]):not([with-leading-icon]) .haptic-field.outlined{padding-left:calc(1rem - 1px)}haptic-text-field:not([with-label])[with-trailing-icon] .trailing-icon,haptic-text-field:not([with-label])[with-trailing-icon] ::-webkit-calendar-picker-indicator{right:.75rem}haptic-text-field:not([with-label])[with-trailing-icon][with-error-icon] .error-icon{right:3rem}haptic-text-field:not([with-label])[with-trailing-icon][with-error-icon][with-clear-button] .haptic-field,haptic-text-field:not([with-label])[with-trailing-icon][with-error-icon][with-clear-button] .field-label{padding-right:7.75rem}haptic-text-field:not([with-label])[with-trailing-icon][with-error-icon][with-clear-button] .haptic-field.outlined{padding-right:calc(7.75rem - 1px)}haptic-text-field:not([with-label])[with-trailing-icon][with-error-icon][with-clear-button] .clear-button{right:5.25rem}haptic-text-field:not([with-label])[with-trailing-icon][with-error-icon]:not([with-clear-button]) .haptic-field,haptic-text-field:not([with-label])[with-trailing-icon][with-error-icon]:not([with-clear-button]) .field-label{padding-right:5.5rem}haptic-text-field:not([with-label])[with-trailing-icon][with-error-icon]:not([with-clear-button]) .haptic-field.outlined{padding-right:calc(5.5rem - 1px)}haptic-text-field:not([with-label])[with-trailing-icon]:not([with-error-icon])[with-clear-button] .haptic-field,haptic-text-field:not([with-label])[with-trailing-icon]:not([with-error-icon])[with-clear-button] .field-label{padding-right:5.5rem}haptic-text-field:not([with-label])[with-trailing-icon]:not([with-error-icon])[with-clear-button] .haptic-field.outlined{padding-right:calc(5.5rem - 1px)}haptic-text-field:not([with-label])[with-trailing-icon]:not([with-error-icon])[with-clear-button] .clear-button{right:3rem}haptic-text-field:not([with-label])[with-trailing-icon]:not([with-error-icon]):not([with-clear-button]) .haptic-field,haptic-text-field:not([with-label])[with-trailing-icon]:not([with-error-icon]):not([with-clear-button]) .field-label{padding-right:3.25rem}haptic-text-field:not([with-label])[with-trailing-icon]:not([with-error-icon]):not([with-clear-button]) .haptic-field.outlined{padding-right:calc(3.25rem - 1px)}haptic-text-field:not([with-label]):not([with-trailing-icon])[with-error-icon] .error-icon{right:.75rem}haptic-text-field:not([with-label]):not([with-trailing-icon])[with-error-icon][with-clear-button] .haptic-field,haptic-text-field:not([with-label]):not([with-trailing-icon])[with-error-icon][with-clear-button] .field-label{padding-right:5.5rem}haptic-text-field:not([with-label]):not([with-trailing-icon])[with-error-icon][with-clear-button] .haptic-field.outlined{padding-right:calc(5.5rem - 1px)}haptic-text-field:not([with-label]):not([with-trailing-icon])[with-error-icon][with-clear-button] .clear-button{right:3rem}haptic-text-field:not([with-label]):not([with-trailing-icon])[with-error-icon]:not([with-clear-button]) .haptic-field,haptic-text-field:not([with-label]):not([with-trailing-icon])[with-error-icon]:not([with-clear-button]) .field-label{padding-right:3.25rem}haptic-text-field:not([with-label]):not([with-trailing-icon])[with-error-icon]:not([with-clear-button]) .haptic-field.outlined{padding-right:calc(3.25rem - 1px)}haptic-text-field:not([with-label]):not([with-trailing-icon]):not([with-error-icon])[with-clear-button] .haptic-field,haptic-text-field:not([with-label]):not([with-trailing-icon]):not([with-error-icon])[with-clear-button] .field-label{padding-right:3.25rem}haptic-text-field:not([with-label]):not([with-trailing-icon]):not([with-error-icon])[with-clear-button] .haptic-field.outlined{padding-right:calc(3.25rem - 1px)}haptic-text-field:not([with-label]):not([with-trailing-icon]):not([with-error-icon])[with-clear-button] .clear-button{right:.75rem}haptic-text-field:not([with-label]):not([with-trailing-icon]):not([with-error-icon]):not([with-clear-button]) .haptic-field,haptic-text-field:not([with-label]):not([with-trailing-icon]):not([with-error-icon]):not([with-clear-button]) .field-label{padding-right:1rem}haptic-text-field:not([with-label]):not([with-trailing-icon]):not([with-error-icon]):not([with-clear-button]) .haptic-field.outlined{padding-right:calc(1rem - 1px)}.haptic-checkbox,.haptic-radio-button{margin:0}.haptic-checkbox:not(.embedded),.haptic-radio-button:not(.embedded){outline-offset:0;outline-width:.5rem}.haptic-checkbox,.haptic-checkbox::before,.haptic-checkbox::after{box-sizing:border-box;height:1.125rem;width:1.125rem}.haptic-radio-button,.haptic-radio-button::before{box-sizing:border-box;height:1.25rem;width:1.25rem}.haptic-radio-button::after{height:calc(1.25rem / 2);left:calc(1.25rem / 4);top:calc(1.25rem / 4);width:calc(1.25rem / 2)}.haptic-switch{box-sizing:border-box;height:1.5rem;margin:0;outline:none;width:2.5rem}.haptic-switch::before{box-sizing:border-box;height:1.5rem;margin:0;width:2.5rem}.haptic-switch.outlined::before{border-width:2px}.haptic-switch::after{height:calc(1.5rem - 8px);left:4px;top:4px;width:calc(1.5rem - 8px)}.haptic-switch:checked::after{left:calc(1rem + 4px)}.haptic-switch:not(.embedded)::after{outline-offset:0;outline-width:.5rem}haptic-list-item{box-sizing:content-box;min-height:1.25rem;padding-bottom:.5rem;padding-left:1rem;padding-right:1rem;padding-top:.5rem}haptic-list-item .haptic-checkbox,haptic-list-item .haptic-radio-button,haptic-list-item .haptic-switch{height:100%;left:0;top:0;width:100%}haptic-list-item[control-type="checkbox"] .haptic-checkbox::before,haptic-list-item[control-type="checkbox"] .haptic-checkbox::after{top:calc(.5rem + .125rem / 2)}haptic-list-item[control-type="checkbox"].inverted{padding-right:3.125rem}haptic-list-item[control-type="checkbox"].inverted .haptic-checkbox::before,haptic-list-item[control-type="checkbox"].inverted .haptic-checkbox::after{right:1rem}haptic-list-item[control-type="checkbox"]:not(.inverted){padding-left:3.125rem}haptic-list-item[control-type="checkbox"]:not(.inverted) .haptic-checkbox::before,haptic-list-item[control-type="checkbox"]:not(.inverted) .haptic-checkbox::after{left:1rem}haptic-list-item[control-type="radio-button"] .haptic-radio-button::before{height:1.125rem;top:.5625rem;width:1.125rem}haptic-list-item[control-type="radio-button"] .haptic-radio-button::after{height:calc(1.125rem / 2);top:calc(.5625rem + 1.125rem / 4);width:calc(1.125rem / 2)}haptic-list-item[control-type="radio-button"].inverted{padding-right:3.125rem}haptic-list-item[control-type="radio-button"].inverted .haptic-radio-button::before{right:1rem}haptic-list-item[control-type="radio-button"].inverted .haptic-radio-button::after{left:unset;right:calc(1rem + 1.125rem / 4)}haptic-list-item[control-type="radio-button"]:not(.inverted){padding-left:3.125rem}haptic-list-item[control-type="radio-button"]:not(.inverted) .haptic-radio-button::before{left:1rem}haptic-list-item[control-type="radio-button"]:not(.inverted) .haptic-radio-button::after{left:calc(1rem + 1.125rem / 4)}haptic-list-item[control-type="switch"]{min-height:1.5rem}haptic-list-item[control-type="switch"] .haptic-switch::before{top:.5rem}haptic-list-item[control-type="switch"] .haptic-switch::after{top:calc(.5rem + 4px)}haptic-list-item[control-type="switch"].inverted{padding-right:4.5rem}haptic-list-item[control-type="switch"].inverted .haptic-switch::before{left:unset;right:1rem}haptic-list-item[control-type="switch"].inverted .haptic-switch::after{left:unset;right:calc(2rem + 4px)}haptic-list-item[control-type="switch"].inverted .haptic-switch:checked::after{right:calc(1rem + 4px)}haptic-list-item[control-type="switch"]:not(.inverted){padding-left:4.5rem}haptic-list-item[control-type="switch"]:not(.inverted) .haptic-switch::before{left:1rem}haptic-list-item[control-type="switch"]:not(.inverted) .haptic-switch::after{left:calc(1rem + 4px)}haptic-list-item[control-type="switch"]:not(.inverted) .haptic-switch:checked::after{left:calc(2rem + 4px)}haptic-list-item .supporting-text{margin-top:.25rem}.haptic-button,.haptic-icon-button{transition:all .4s linear .1s, filter .2s linear, opacity .2s linear}button.haptic-button:focus,button.haptic-button:focus-visible,button.haptic-icon-button:focus,button.haptic-icon-button:focus-visible,input[type="submit"].haptic-button:focus,input[type="submit"].haptic-button:focus-visible,input[type="submit"].haptic-icon-button:focus,input[type="submit"].haptic-icon-button:focus-visible{transition-delay:0}haptic-button-segment input,haptic-chip input{transition:all .4s linear, background .1s linear, filter .2s linear, opacity .2s linear}haptic-button-segment input::after,haptic-chip input::after{transition:.1s linear}haptic-button-segment input:hover:not(:checked),haptic-button-segment input:hover:not(:checked)::after,haptic-chip input:hover:not(:checked),haptic-chip input:hover:not(:checked)::after{transition:.4s linear}haptic-button-segment label,haptic-chip label{transition:all .1s linear, filter .2s linear, opacity .2s linear}haptic-dialog-dropdown>.toggle.haptic-field:not(.filled):not(.outlined),haptic-dialog-dropdown>.toggle .haptic-field:not(.filled):not(.outlined),haptic-select-dropdown>.toggle.haptic-field:not(.filled):not(.outlined),haptic-select-dropdown>.toggle .haptic-field:not(.filled):not(.outlined){transition:background-color .4s linear}button.haptic-field,input.haptic-field,select.haptic-field,textarea.haptic-field{transition:filter .2s linear, opacity .2s linear}haptic-dropdown-field .haptic-field,haptic-text-field .haptic-field{transition:border-color .4s linear}haptic-dropdown-field .error-icon,haptic-text-field .error-icon{transition:opacity .4s linear}haptic-dropdown-field .error-message,haptic-text-field .error-message{transition:color .4s linear}haptic-dropdown-field[focus-indicator].field-container::after,haptic-dropdown-field[focus-indicator]>.field-container::after,haptic-text-field[focus-indicator].field-container::after,haptic-text-field[focus-indicator]>.field-container::after{transition:.4s linear}haptic-text-field{transition:all .4s linear, filter .2s linear, opacity .2s linear}haptic-text-field .field-label{transition-duration:.4s;transition-property:color, font-size, top;transition-timing-function:linear}haptic-text-field .clear-button{transition:background-color .4s linear, opacity .2s linear}.haptic-checkbox,.haptic-radio-button{transition:all .4s linear, filter .2s linear, opacity .2s linear}.haptic-checkbox::before,.haptic-checkbox::after,.haptic-radio-button::before,.haptic-radio-button::after{transition:background-color .1s linear, border-color .1s linear}.haptic-switch{transition:filter .2s linear, opacity .2s linear}.haptic-switch::before{transition:all 0.4s linear,border-color 0.2s linear,background-color 0.2s linear}.haptic-switch::after{transition:.2s linear}haptic-list-item .haptic-checkbox,haptic-list-item .haptic-radio-button,haptic-list-item .haptic-switch{transition:background-color .1s linear, filter .2s linear, opacity .2s linear}.haptic-label{transition:opacity .2s linear, filter .2s linear}:root{color-scheme:light}body{color:#606060;background-color:white;font-size:16px;font-family:sans-serif;padding:1rem}hr{background-color:#C0C0C0;border:none;height:1px;margin:1.5rem 0 .5rem 0}h1{font-size:1.5rem;font-weight:bold}h2{font-size:1.25rem;font-weight:bold}h3{font-size:1.125rem;font-weight:bold}h4{font-size:1rem;font-weight:bold}a{text-decoration:none}a,a:visited{color:#2670D0}code{font-size:.875rem}code.elem-name{color:#7B1FA2}code.attr-name{color:#689F38}code.attr-value{color:#0288D1}li{margin-top:.25rem}pre{background-color:#F0F0F0;border-radius:.25rem;font-size:.875rem;padding:.5rem}table{border-collapse:collapse;width:100%}th{font-weight:bold;padding:.5rem 0;width:50%}td{padding:.5rem 0}tr:not(:first-of-type) td{border-top:1px solid #D8D8D8}.example{display:flex;gap:.5rem;justify-content:center}.example.stretch{align-items:stretch;justify-content:stretch;flex-direction:column}.example.start{justify-content:start}.material-symbols-rounded{font-size:18px}@media (prefers-color-scheme: dark){:root{color-scheme:dark}body{color:#C0C0C0;background-color:#181818}hr{background-color:#606060}a,a:visited{color:#7BA1D0}code.elem-name{color:#CE93D8}code.attr-name{color:#C5E1A5}code.attr-value{color:#81D4FA}code.variable{font-style:italic}pre{background-color:#242424}tr:not(:first-of-type) td{border-top-color:#484848}}