#buttons_top .mobile_button_row { position: relative; display: flex; align-self: center; }

#buttons_top .button.mobile_button_row_more { width: auto; aspect-ratio: 1; padding: 0; }

#buttons_top .button.mobile_button_row_more svg { width: 16px; height: 16px; }

#buttons_top .mobile_button_row_menu { position: absolute; top: calc(100% + 4px); right: 0; z-index: 50; min-width: 192px; padding: 4px; border-radius: 10px; background: white; box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.1), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); font-family: "Geist", sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; opacity: 0; visibility: hidden; transform: translateY(-8px) scale(0.95); transform-origin: top right; transition: opacity 0.1s ease, transform 0.1s ease, visibility 0s linear 0.1s; }

#buttons_top .mobile_button_row_menu.open { opacity: 1; visibility: visible; transform: none; transition: opacity 0.1s ease, transform 0.1s ease, visibility 0s; }

#buttons_top .mobile_button_row_menu.align_left { right: auto; left: 0; transform-origin: top left; }

#buttons_top .mobile_button_row_item { display: flex; align-items: center; gap: 8px; height: 32px; padding: 0 8px; border-radius: 8px; font-size: 14px; line-height: 20px; color: #0a0a0a; white-space: nowrap; cursor: pointer; user-select: none; -webkit-user-select: none; transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1); }

#buttons_top .mobile_button_row_item:hover { background: #f5f5f5; }

#buttons_top .mobile_button_row_item svg { flex-shrink: 0; width: 16px; height: 16px; color: #737373; }

#buttons_top .mobile_button_row_item.destructive, #buttons_top .mobile_button_row_item.destructive svg { color: #e7000b; }

#buttons_top .mobile_button_row_item.destructive:hover { background: rgba(231, 0, 11, 0.1); }

#buttons_top .mobile_button_row_item.disabled { opacity: 0.5; pointer-events: none; }

#buttons_top .mobile_button_row_separator { height: 1px; margin: 4px -4px; background: #e5e5e5; }

.box .header_icon h2, h1, h2, h3, h4, h5, .h1_sub, .h2_sub { -webkit-user-select: none; }

@supports (-moz-appearance: none) { :root, * { scrollbar-width: thin; scrollbar-color: #cdcdd0 transparent; } }

@supports (-moz-appearance: none) { :root { line-height: 1.3; } }

#left_header .btn_nav span { font-synthesis: none; }

.submenu .submenu_button { -webkit-user-select: none; }

.button { -webkit-user-select: none; }

select.replaced { -webkit-appearance: none; appearance: none; min-height: 0; border: 0; }

.dropdown { -webkit-user-select: none; }

.table_wrapper table colgroup { width: auto !important; }

.dt-container .dt-paging .dt-paging-button { font-size: 14px; }

.pagination_container .data_container_pagination .dots, .select_all_label, .svg_menu .menu > div { -webkit-user-select: none; }

@supports (-moz-appearance: none) { .settings_settings > br + * { margin-top: 21px; } }

.checkbox_wrapper .checkbox_text, .radio_wrapper_wrapper .radio_wrapper, .toggle_label, textarea.disabled, select.disabled, input.disabled { -webkit-user-select: none; }

:root { --tables_dropin: 1; }

@keyframes datatable_dropin_menu_in { from { opacity: 0;
    transform: translateY(-8px) scale(0.95); } }

@keyframes datatable_dropin_menu_in_up { from { opacity: 0;
    transform: translateY(8px) scale(0.95); } }

@keyframes datatable_dropin_menu_out { to { opacity: 0;
    transform: scale(0.95); } }

@keyframes datatable_dropin_spin { to { transform: rotate(360deg); } }

.table_dropin_filters_btn, .table_dropin_close, .table_dropin_overlay, .table_dropin_footer, .table_dropin_page { display: none; }

table.dataTable { border: 1px solid #e5e5e5; border-radius: 10px; border-collapse: separate; border-spacing: 0; }

table.dataTable > tbody > tr { background-color: transparent; transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1); }

table.dataTable > tbody > tr:not(.geleend_object):hover { background-color: rgba(245, 245, 245, 0.5); }

table.dataTable > tbody > tr > td { border-bottom: 1px solid #e5e5e5; color: #0a0a0a; font-size: 14px; line-height: 20px; vertical-align: middle; }

table.dataTable > tbody > tr:last-child > td { border-bottom: 0; }

table.dataTable > tbody > tr:last-child > td:first-child { border-bottom-left-radius: 9px; }

table.dataTable > tbody > tr:last-child > td:last-child { border-bottom-right-radius: 9px; }

table.dataTable > tbody > tr:has(.row_menu_button[aria-expanded="true"]) { background-color: rgba(245, 245, 245, 0.5); }

table.dataTable > tbody > tr.selected, table.dataTable > tbody > tr:has(> td .checkbox_wrapper .checkbox.active) { background-color: #f5f5f5; }

table.dataTable > tbody > tr > td.dt-empty { height: 96px; padding: 8px; color: #0a0a0a; text-align: center; }

table.dataTable > tbody > tr > td:has(> .checkbox_wrapper) { width: 1%; padding-right: 0; }

table.dataTable td.dt-empty > .table_dropin_empty { position: sticky; display: block; }

.table_dropin_head_area { position: absolute; z-index: 4; pointer-events: none; }

.dt-container .table_dropin_head { position: sticky; top: 0; box-sizing: border-box; overflow: hidden; visibility: hidden; padding-top: 1px; border: solid #e5e5e5; border-width: 0 1px; background: white; }

.dt-container .table_dropin_head.table_dropin_head_on { visibility: visible; pointer-events: auto; }

.dt-container .table_dropin_head > table.dataTable.dataTable { display: table !important; max-width: none !important; margin: 0 !important; overflow: visible !important; border: 0 !important; border-radius: 0 !important; table-layout: fixed; }

@supports (timeline-scope: --a) and (animation-timeline: --a) { .dt-container { timeline-scope: --table_dropin_x; }
  .dt-container table.dataTable:not(.table_dropin_copy) { scroll-timeline: --table_dropin_x x; }
  .dt-container .table_dropin_head > table.dataTable.dataTable { animation: table_dropin_follow linear both; animation-timeline: --table_dropin_x; } }

@keyframes table_dropin_follow { from { transform: none; }
  to { transform: translateX(calc(-1 * var(--table_dropin_range, 0px))); } }

.table_dropin_clip { overflow: clip !important; }

.table_dropin_clip_block { display: flow-root; }

@media print { .table_dropin_head_area { display: none; } }

table.dataTable .checkbox_wrapper .checkbox { border-color: #e5e5e5; border-radius: 4px; background: transparent; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); transition: box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1); }

table.dataTable .checkbox_wrapper .checkbox svg { color: #fafafa; visibility: hidden; }

table.dataTable .checkbox_wrapper .checkbox.active { border-color: #171717; background: #171717; }

table.dataTable .checkbox_wrapper .checkbox.active svg { visibility: visible; }

.checkbox_wrapper .checkbox:not(.active) svg { visibility: hidden; }

table.dataTable > tbody .checkbox_wrapper .checkbox { display: flex; align-items: center; justify-content: center; flex-shrink: 0; }

table.dataTable > tbody .checkbox_wrapper .checkbox svg { display: block; width: 14px; height: 14px; }

.table_controls .table_dropin_multi > .table_dropin_multi_title { display: flex; align-self: stretch; align-items: center; justify-content: space-between; column-gap: 8px; }

.table_controls .table_dropin_multi > .checkbox_wrapper { position: relative; isolation: isolate; align-self: stretch; -webkit-tap-highlight-color: transparent; }

.table_controls .table_dropin_multi > .checkbox_wrapper::before { content: ""; position: absolute; inset: -4px -6px; z-index: -1; border-radius: 8px; transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1); }

.table_controls .table_dropin_multi table-dropin-all, .table_controls .table_dropin_multi table-dropin-only { display: inline-flex; flex-shrink: 0; margin: -2px -6px -2px 0; padding: 2px 6px; border-radius: 6px; font-size: 12px; line-height: 16px; font-weight: 400; color: #737373; white-space: nowrap; cursor: pointer; user-select: none; -webkit-user-select: none; -webkit-tap-highlight-color: transparent; transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1); }

.table_controls .table_dropin_multi table-dropin-all:focus-visible, .table_controls .table_dropin_multi table-dropin-only:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(161, 161, 161, 0.5); }

.table_controls .table_dropin_multi table-dropin-only { margin-left: auto; opacity: 0; pointer-events: none; }

.table_controls .table_dropin_multi table-dropin-only:focus-visible { opacity: 1; }

@media (hover: hover) { .table_controls .table_dropin_multi > .checkbox_wrapper:hover::before { background-color: rgba(245, 245, 245, 0.5); } .table_controls .table_dropin_multi > .checkbox_wrapper:hover table-dropin-only { opacity: 1; pointer-events: auto; } .table_controls .table_dropin_multi table-dropin-all:hover, .table_controls .table_dropin_multi table-dropin-only:hover { color: #0a0a0a; } }

@media (hover: none) { .table_controls .table_dropin_multi > .checkbox_wrapper:active::before { background-color: #f5f5f5; transition-duration: 0s; } .table_controls .table_dropin_multi > .checkbox_wrapper.table_dropin_last table-dropin-only { opacity: 1; pointer-events: auto; } .table_controls .table_dropin_multi table-dropin-all:active, .table_controls .table_dropin_multi table-dropin-only:active { color: #0a0a0a; } }

table.dataTable > tbody > tr > td.table_strong, table.dataTable > tbody > tr > td .table_strong { color: #0a0a0a; font-weight: 500; }

table.dataTable > tbody > tr > td.table_strong a, table.dataTable > tbody > tr > td a.table_strong, table.dataTable > tbody > tr > td .table_strong a { border-bottom: 0; color: #0a0a0a; font-weight: 500; text-underline-offset: 4px; }

table.dataTable > tbody > tr > td.table_strong a:hover, table.dataTable > tbody > tr > td a.table_strong:hover, table.dataTable > tbody > tr > td .table_strong a:hover { border-bottom: 0; text-decoration-line: underline !important; }

table.dataTable > tbody > tr > td.table_muted, table.dataTable > tbody > tr > td .table_muted { color: #737373; }

table.dataTable > tbody > tr > td.table_muted a, table.dataTable > tbody > tr > td a.table_muted, table.dataTable > tbody > tr > td .table_muted a { border-bottom: 0; color: #737373; font-weight: 400; text-underline-offset: 4px; }

table.dataTable > tbody > tr > td.table_muted a:hover, table.dataTable > tbody > tr > td a.table_muted:hover, table.dataTable > tbody > tr > td .table_muted a:hover { border-bottom: 0; color: #0a0a0a; text-decoration-line: underline !important; }

.dt-container table.dataTable > tbody > tr > td.table_number, table.dataTable > tbody > tr > td .table_number { text-align: right; font-variant-numeric: tabular-nums; }

table.dataTable .table_truncate { display: block; max-width: 240px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

table.dataTable .table_person { display: flex; align-items: center; column-gap: 12px; min-width: 0; }

table.dataTable .table_avatar { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 32px; height: 32px; border-radius: 999px; background: #f5f5f5; color: #0a0a0a; font-size: 12px; line-height: 16px; font-weight: 500; text-transform: uppercase; }

table.dataTable .table_person_text { display: flex; flex-direction: column; min-width: 0; }

table.dataTable .table_person_sub { color: #737373; font-size: 12px; line-height: 16px; font-weight: 400; }

input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; display: none; }

.table_wrapper .dt-container .dt-buttons button, #table_footer .dt-paging .dt-paging-button { border-radius: var(--forms_style_radius); }

.dt-container .dt-search { position: relative; }

.dt-container .dt-search > button.table_dropin_clear { position: absolute; top: 50%; right: 6px; display: none; align-items: center; justify-content: center; width: 24px; height: 24px; margin: 0; padding: 0; transform: translateY(-50%); color: #737373; background: transparent; border: 0; border-radius: 4px; cursor: pointer; transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), color 0.15s cubic-bezier(0.4, 0, 0.2, 1); }

.dt-container .dt-search > button.table_dropin_clear svg { width: 16px; height: 16px; }

.dt-container .dt-search > button.table_dropin_clear::after { content: ""; position: absolute; inset: -8px; }

.dt-container .dt-search > button.table_dropin_clear:hover { color: #0a0a0a; background: #f5f5f5; }

.dt-container .dt-search > button.table_dropin_clear:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(161, 161, 161, 0.5); }

.dt-container .dt-search.table_dropin_has_text > button.table_dropin_clear { display: flex; }

.dt-container .dt-search.table_dropin_has_text input { --overrides_after_padding: 34px; }

table.dataTable > tbody > tr > td.row_menu { width: 1%; padding-top: 0; padding-bottom: 0; text-align: right; white-space: nowrap; }

table.dataTable > tbody > tr > td.row_menu .row_menu_button { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; margin: 0; padding: 0; border: 0; border-radius: 8px; background: transparent; box-shadow: none; color: #737373; vertical-align: middle; cursor: pointer; transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), color 0.15s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1); }

table.dataTable > tbody > tr > td.row_menu .row_menu_button svg { display: block; width: 16px; height: 16px; pointer-events: none; }

table.dataTable > tbody > tr > td.row_menu .row_menu_button:hover { background: #f5f5f5; color: #171717; }

table.dataTable > tbody > tr > td.row_menu .row_menu_button[aria-expanded="true"] { background: #f5f5f5; }

table.dataTable > tbody > tr > td.row_menu .row_menu_button:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(161, 161, 161, 0.5); }

.row_menu_popup { position: fixed; z-index: 120; box-sizing: border-box; min-width: 128px; width: max-content; max-width: calc(100vw - 16px); padding: 4px; border: 1px solid #e5e5e5; border-radius: 8px; background: white; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); color: #0a0a0a; font-family: "Geist", sans-serif; font-size: 14px; line-height: 20px; outline: none; animation: datatable_dropin_menu_in 0.15s ease; }

.row_menu_popup[data-side="top"] { animation-name: datatable_dropin_menu_in_up; }

.row_menu_popup.is_closing { animation: datatable_dropin_menu_out 0.15s ease forwards; pointer-events: none; }

.row_menu_option { display: flex; align-items: center; column-gap: 8px; padding: 6px 8px; border-radius: 6px; outline: none; cursor: default; user-select: none; -webkit-user-select: none; white-space: nowrap; }

.row_menu_option:focus { background: #f5f5f5; color: #171717; }

.row_menu_option svg { flex-shrink: 0; width: 16px; height: 16px; color: #737373; pointer-events: none; }

.row_menu_option.row_menu_destructive, .row_menu_option.row_menu_destructive:focus { color: #e7000b; }

.row_menu_option.row_menu_destructive:focus { background: rgba(231, 0, 11, 0.1); }

.row_menu_separator { height: 1px; margin: 4px -4px; background: #e5e5e5; }

.dt-container:has(> table.dataTable) #table_footer .dt-length select { appearance: none; -webkit-appearance: none; padding: 0 28px 0 12px; border: 1px solid var(--forms_style_border); border-radius: var(--forms_style_radius); background: var(--forms_style_fill) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-opacity='0.5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center/16px 16px; color: #0a0a0a; font-family: inherit; font-size: 14px; line-height: 20px; cursor: pointer; transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1); }

.dt-container:has(> table.dataTable) #table_footer .dt-length select:hover { background: var(--forms_style_fill) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-opacity='0.5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center/16px 16px; }

.dt-container:has(> table.dataTable) #table_footer .dt-length select:focus-visible { outline: none; border-color: #a1a1a1; box-shadow: 0 0 0 3px var(--forms_style_halo); }

.table_badge { display: inline-flex; align-items: center; justify-content: center; column-gap: 4px; flex-shrink: 0; box-sizing: border-box; width: fit-content; max-width: 100%; padding: 2px 6px; overflow: hidden; border: 1px solid #e5e5e5 !important; border-radius: 999px; background-color: transparent !important; color: #737373 !important; font-family: "Geist", sans-serif; font-size: 12px !important; line-height: 16px !important; font-weight: 500; text-decoration: none !important; white-space: nowrap; vertical-align: baseline; transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1); }

.table_badge svg { display: block; flex-shrink: 0; width: 12px; height: 12px; pointer-events: none; }

.table_badge.red { border-color: #ffc9c9 !important; background-color: #fef2f2 !important; color: #c10007 !important; }

.table_badge.orange { border-color: #ffd6a7 !important; background-color: #fff7ed !important; color: #ca3500 !important; }

.table_badge.yellow { border-color: #fff085 !important; background-color: #fefce8 !important; color: #894b00 !important; }

.table_badge.green { border-color: #b9f8cf !important; background-color: #f0fdf4 !important; color: #008236 !important; }

.table_badge.blue { border-color: #bedbff !important; background-color: #eff6ff !important; color: #1447e6 !important; }

.table_badge.grey { border-color: transparent !important; background-color: #f5f5f5 !important; color: #171717 !important; }

.table_badge.black { border-color: #e5e5e5 !important; background-color: transparent !important; color: #0a0a0a !important; }

.table_badge.solid { border-color: transparent !important; background-color: #171717 !important; color: #fafafa !important; }

.table_badge.solid.red { background-color: #e7000b !important; color: #ffffff !important; }

.table_badge.solid.orange { background-color: #ca3500 !important; color: #ffffff !important; }

.table_badge.solid.yellow { background-color: #fac800 !important; color: #432004 !important; }

.table_badge.solid.green { background-color: #008236 !important; color: #ffffff !important; }

.table_badge.solid.blue { background-color: #155dfc !important; color: #ffffff !important; }

.table_badge.solid.grey { background-color: #737373 !important; color: #ffffff !important; }

.table_badge.solid.black { background-color: #171717 !important; color: #fafafa !important; }

.table_badge.number { min-width: 20px; height: 20px; padding: 0 4px; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-variant-numeric: tabular-nums; }

.table_badge.spin svg { animation: datatable_dropin_spin 1s linear infinite; }

.table_badge.dot::before, .table_badge.dot_red::before, .table_badge.dot_orange::before, .table_badge.dot_yellow::before, .table_badge.dot_green::before, .table_badge.dot_blue::before, .table_badge.dot_grey::before, .table_badge.dot_black::before { content: ""; display: block; flex-shrink: 0; width: 6px; height: 6px; border-radius: 999px; background-color: currentColor; }

.table_badge.dot_red::before { background-color: #fb2c36 !important; }

.table_badge svg.red { background-color: transparent !important; color: #fb2c36 !important; }

.table_badge.dot_orange::before { background-color: #ff6900 !important; }

.table_badge svg.orange { background-color: transparent !important; color: #ff6900 !important; }

.table_badge.dot_yellow::before { background-color: #f0b100 !important; }

.table_badge svg.yellow { background-color: transparent !important; color: #f0b100 !important; }

.table_badge.dot_green::before { background-color: #00c950 !important; }

.table_badge svg.green { background-color: transparent !important; color: #00c950 !important; }

.table_badge.dot_blue::before { background-color: #2b7fff !important; }

.table_badge svg.blue { background-color: transparent !important; color: #2b7fff !important; }

.table_badge.dot_grey::before { background-color: #a1a1a1 !important; }

.table_badge svg.grey { background-color: transparent !important; color: #a1a1a1 !important; }

.table_badge.dot_black::before { background-color: #0a0a0a !important; }

.table_badge svg.black { background-color: transparent !important; color: #0a0a0a !important; }

a.table_badge { cursor: pointer; }

a.table_badge:hover { box-shadow: inset 0 0 0 100vmax rgba(0, 0, 0, 0.04); }

a.table_badge.solid:hover { box-shadow: inset 0 0 0 100vmax rgba(255, 255, 255, 0.1); }

a.table_badge:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(161, 161, 161, 0.5); }

.scroll_dropin_edge { position: absolute; z-index: 5; display: flex; flex-direction: column; justify-content: center; box-sizing: border-box; pointer-events: none; opacity: 0; visibility: hidden; transition: visibility 0s linear 400ms; }

.scroll_dropin_edge.scroll_dropin_edge_on { opacity: 1; visibility: visible; transition: none; }

@media (prefers-reduced-motion: no-preference) { .scroll_dropin_edge { transition: opacity 150ms ease, visibility 0s linear 400ms; } .scroll_dropin_edge.scroll_dropin_edge_on { transition: opacity 150ms ease; } }

.scroll_dropin_edge_start { background: linear-gradient(to left, rgba(255, 255, 255, 0), var(--scroll_dropin_background, white) 60%); }

.scroll_dropin_edge_end { background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--scroll_dropin_background, white) 60%); }

.scroll_dropin_btn { position: sticky; top: 16px; bottom: 16px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; box-sizing: border-box; width: 14px; height: 28px; border: 1px solid #e5e5e5; border-radius: 4px; background: white; color: #737373; cursor: pointer; pointer-events: auto; -webkit-tap-highlight-color: transparent; transition: border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), color 0.15s cubic-bezier(0.4, 0, 0.2, 1), translate 0.15s cubic-bezier(0.4, 0, 0.2, 1); }

.scroll_dropin_btn svg { display: block; flex-shrink: 0; width: 12px; height: 12px; stroke-width: 2.25; }

.scroll_dropin_btn::after { content: ""; position: absolute; top: 50%; left: 50%; width: 44px; height: 44px; transform: translate(-50%, -50%); }

.scroll_dropin_btn:active { border-color: #d4d4d4; color: #0a0a0a; }

@media (hover: hover) { .scroll_dropin_btn:hover { border-color: #d4d4d4; color: #0a0a0a; } }

.scroll_dropin_edge_start .scroll_dropin_btn { align-self: flex-start; margin-left: calc(var(--scroll_dropin_btn_shift, 0px) - 7px); }

.scroll_dropin_edge_end .scroll_dropin_btn { align-self: flex-end; margin-right: calc(var(--scroll_dropin_btn_shift, 0px) - 7px); }

.scroll_dropin_edge_start .scroll_dropin_btn::after { left: -8px; transform: translateY(-50%); }

.scroll_dropin_edge_end .scroll_dropin_btn::after { left: auto; right: -8px; transform: translateY(-50%); }

.scroll_dropin_host:has(> .scroll_dropin_wide) { position: relative; }

.scroll_dropin_host:has(> .scroll_dropin_wide) .dropdown_menu { z-index: 6; }

.dt-container table.dataTable.scroll_dropin_wide { display: block !important; max-width: 100%; overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; }

.dt-container table.dataTable.scroll_dropin_wide, .data_container.grid_table.scroll_dropin_wide { scrollbar-width: none; }

.data_container.grid_table.scroll_dropin_wide { display: grid; overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; }

#content_container .data_container { margin-right: 24px !important; padding-right: 0 !important; }

.pagination_container .data_container_pagination .pagination_btn { transition: background-color 0.2s ease, translate 0.15s cubic-bezier(0.4, 0, 0.2, 1); }

.table_wrapper .dt-container button, .table_dropin_filters_btn, .table_dropin_close { transition: translate 0.15s cubic-bezier(0.4, 0, 0.2, 1); }

:root { --scroll_dropin: 1; }

.scroll_dropin_edge { position: absolute; z-index: 5; display: flex; flex-direction: column; justify-content: center; box-sizing: border-box; pointer-events: none; opacity: 0; visibility: hidden; transition: visibility 0s linear 400ms; }

.scroll_dropin_edge.scroll_dropin_edge_on { opacity: 1; visibility: visible; transition: none; }

@media (prefers-reduced-motion: no-preference) { .scroll_dropin_edge { transition: opacity 150ms ease, visibility 0s linear 400ms; } .scroll_dropin_edge.scroll_dropin_edge_on { transition: opacity 150ms ease; } }

.scroll_dropin_edge_start { background: linear-gradient(to left, rgba(255, 255, 255, 0), var(--scroll_dropin_background, white) 60%); }

.scroll_dropin_edge_end { background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--scroll_dropin_background, white) 60%); }

.scroll_dropin_btn { position: sticky; top: 16px; bottom: 16px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; box-sizing: border-box; width: 14px; height: 28px; border: 1px solid #e5e5e5; border-radius: 4px; background: white; color: #737373; cursor: pointer; pointer-events: auto; -webkit-tap-highlight-color: transparent; transition: border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), color 0.15s cubic-bezier(0.4, 0, 0.2, 1), translate 0.15s cubic-bezier(0.4, 0, 0.2, 1); }

.scroll_dropin_btn svg { display: block; flex-shrink: 0; width: 12px; height: 12px; stroke-width: 2.25; }

.scroll_dropin_btn::after { content: ""; position: absolute; top: 50%; left: 50%; width: 44px; height: 44px; transform: translate(-50%, -50%); }

.scroll_dropin_btn:active { border-color: #d4d4d4; color: #0a0a0a; }

@media (hover: hover) { .scroll_dropin_btn:hover { border-color: #d4d4d4; color: #0a0a0a; } }

.scroll_dropin_edge_start .scroll_dropin_btn { align-self: flex-start; margin-left: calc(var(--scroll_dropin_btn_shift, 0px) - 7px); }

.scroll_dropin_edge_end .scroll_dropin_btn { align-self: flex-end; margin-right: calc(var(--scroll_dropin_btn_shift, 0px) - 7px); }

.scroll_dropin_edge_start .scroll_dropin_btn::after { left: -8px; transform: translateY(-50%); }

.scroll_dropin_edge_end .scroll_dropin_btn::after { left: auto; right: -8px; transform: translateY(-50%); }

.scroll_dropin_edge_end.scroll_dropin_edge_bar .scroll_dropin_btn { margin-right: 0; }

.scroll_dropin_edge_end.scroll_dropin_edge_bar .scroll_dropin_btn::after { right: 0; }

.scroll_dropin_tip { position: absolute; z-index: 1; top: 50%; right: calc(100% + 8px); display: block; box-sizing: border-box; padding: 6px 12px; border-radius: 8px; background: #0a0a0a; color: #fafafa; font-family: "Geist", sans-serif; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: normal; white-space: nowrap; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; cursor: pointer; user-select: none; -webkit-user-select: none; transform: translateY(-50%); transform-origin: right center; transition: opacity 0.1s cubic-bezier(0.4, 0, 0.2, 1), transform 0.1s cubic-bezier(0.4, 0, 0.2, 1); }

.scroll_dropin_tip::before { content: ""; position: absolute; top: 50%; right: -4px; width: 10px; height: 10px; margin-top: -5px; border-radius: 2px; background: inherit; transform: rotate(45deg); }

.scroll_dropin_tip.scroll_dropin_tip_gone { opacity: 0; transform: translateY(-50%) scale(0.95); pointer-events: none; }

@media (prefers-reduced-motion: reduce) { .scroll_dropin_tip { transition: none; } }

:where(.scroll_helper) { overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none; }

:where(.scroll_dropin_helper_host) { position: relative; }

:root { --settings_dropin: 1; }

.settings_dropin_tags_btn, .settings_dropin_sheet_header, .settings_dropin_overlay { display: none; }

.settings_dropin_tags_btn { transition: translate 0.15s cubic-bezier(0.4, 0, 0.2, 1); }

:root { --layout_style_smoothing: auto; --layout_style_moz_smoothing: auto; --layout_style_rendering: auto; }

form { --layout_style_smoothing: antialiased; --layout_style_moz_smoothing: grayscale; --layout_style_rendering: optimizeLegibility; }

.table_wrapper, .dt-container { --layout_style_smoothing: auto; --layout_style_moz_smoothing: auto; --layout_style_rendering: auto; }

.style_grey, .style_grey :is(form, .table_wrapper, .dt-container), html.style_grey, html.style_grey :is(form, .table_wrapper, .dt-container) { --layout_style_smoothing: antialiased; --layout_style_moz_smoothing: grayscale; --layout_style_rendering: optimizeLegibility; }

.style_white, .style_white :is(form, .table_wrapper, .dt-container), html.style_white, html.style_white :is(form, .table_wrapper, .dt-container) { --layout_style_smoothing: auto; --layout_style_moz_smoothing: auto; --layout_style_rendering: auto; }

body { -webkit-font-smoothing: var(--layout_style_smoothing); -moz-osx-font-smoothing: var(--layout_style_moz_smoothing); text-rendering: var(--layout_style_rendering); }

#content_container .content_container_column, #content_container .box { max-width: 100%; }

.box .header_icon > svg { color: #71717a; }

#content_top:not(.content_top_big) { flex-wrap: wrap; align-content: center; gap: 6px; height: auto; min-height: 47px; padding-top: 13px; padding-bottom: 13px; font-size: 14px; line-height: 20px; font-weight: 400; overflow-wrap: break-word; color: #09090b; }

#content_top:not(.content_top_big) a { color: #71717a; text-decoration: none; transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1); }

#content_top:not(.content_top_big) a:hover { color: #09090b; }

#content_top:not(.content_top_big) svg { flex-shrink: 0; width: 14px; height: 14px; color: #71717a; }

#content_top:not(.content_top_big):has(+ .submenu) { border-bottom-color: rgba(228, 228, 231, 0.5); }

:root { --forms_dropin: 1; }

@keyframes overrides_popover_in_below { from { opacity: 0;
    transform: translateY(-8px) scale(0.95); } }

@keyframes overrides_popover_in_above { from { opacity: 0;
    transform: translateY(8px) scale(0.95); } }

:root { --forms_style_fill: white; --forms_style_border: #e4e4e7; --forms_style_radius: 6px; --forms_style_height: 36px; --forms_style_pad: 12px; --forms_style_halo: rgba(161, 161, 161, 0.5); --forms_style_smoothing: auto; --forms_style_moz_smoothing: auto; }

form { --forms_style_fill: rgba(229, 229, 229, 0.5); --forms_style_border: transparent; --forms_style_radius: 10px; --forms_style_height: 32px; --forms_style_pad: 10px; --forms_style_halo: rgba(161, 161, 161, 0.3); --forms_style_smoothing: antialiased; --forms_style_moz_smoothing: grayscale; }

.table_wrapper, .dt-container { --forms_style_fill: white; --forms_style_border: #e4e4e7; --forms_style_radius: 6px; --forms_style_height: 36px; --forms_style_pad: 12px; --forms_style_halo: rgba(161, 161, 161, 0.5); --forms_style_smoothing: auto; --forms_style_moz_smoothing: auto; }

.style_grey, .style_grey :is(form, .table_wrapper, .dt-container), html.style_grey, html.style_grey :is(form, .table_wrapper, .dt-container) { --forms_style_fill: rgba(229, 229, 229, 0.5); --forms_style_border: transparent; --forms_style_radius: 10px; --forms_style_height: 32px; --forms_style_pad: 10px; --forms_style_halo: rgba(161, 161, 161, 0.3); --forms_style_smoothing: antialiased; --forms_style_moz_smoothing: grayscale; }

.style_white, .style_white :is(form, .table_wrapper, .dt-container), html.style_white, html.style_white :is(form, .table_wrapper, .dt-container) { --forms_style_fill: white; --forms_style_border: #e4e4e7; --forms_style_radius: 6px; --forms_style_height: 36px; --forms_style_pad: 12px; --forms_style_halo: rgba(161, 161, 161, 0.5); --forms_style_smoothing: auto; --forms_style_moz_smoothing: auto; }

:root textarea, :root input:not([type='checkbox'], [type='radio'], [type='file'], [type='submit'], [type='button'], [type='reset'], [type='hidden'], [type='range'], [type='color'], [type='image']) { border-color: var(--forms_style_border); border-radius: var(--forms_style_radius); background-color: var(--forms_style_fill); color: #0a0a0a; font-size: 16px; line-height: 24px; letter-spacing: normal; -webkit-font-smoothing: var(--forms_style_smoothing); -moz-osx-font-smoothing: var(--forms_style_moz_smoothing); min-width: 0; transition-property: color, box-shadow; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

:root textarea::placeholder, :root input:not([type='checkbox'], [type='radio'], [type='file'], [type='submit'], [type='button'], [type='reset'], [type='hidden'], [type='range'], [type='color'], [type='image'])::placeholder { color: #737373; opacity: 1; }

:root textarea:-moz-ui-invalid, :root input:not([type='checkbox'], [type='radio'], [type='file'], [type='submit'], [type='button'], [type='reset'], [type='hidden'], [type='range'], [type='color'], [type='image']):-moz-ui-invalid { box-shadow: none; }

:root textarea:focus, :root textarea:focus-visible, :root input:not([type='checkbox'], [type='radio'], [type='file'], [type='submit'], [type='button'], [type='reset'], [type='hidden'], [type='range'], [type='color'], [type='image']):focus, :root input:not([type='checkbox'], [type='radio'], [type='file'], [type='submit'], [type='button'], [type='reset'], [type='hidden'], [type='range'], [type='color'], [type='image']):focus-visible { outline: none; border-color: #a1a1a1; box-shadow: 0 0 0 3px var(--forms_style_halo); }

:root textarea[aria-invalid="true"], :root input:not([type='checkbox'], [type='radio'], [type='file'], [type='submit'], [type='button'], [type='reset'], [type='hidden'], [type='range'], [type='color'], [type='image'])[aria-invalid="true"] { border-color: #e7000b; box-shadow: 0 0 0 3px rgba(231, 0, 11, 0.2); }

:root textarea:disabled, :root input:not([type='checkbox'], [type='radio'], [type='file'], [type='submit'], [type='button'], [type='reset'], [type='hidden'], [type='range'], [type='color'], [type='image']):disabled { opacity: 0.5; cursor: not-allowed; }

:root input:not([type='checkbox'], [type='radio'], [type='file'], [type='submit'], [type='button'], [type='reset'], [type='hidden'], [type='range'], [type='color'], [type='image']) { height: var(--forms_style_height); padding: 4px var(--forms_style_pad); }

:root input:not([type='checkbox'], [type='radio'], [type='file'], [type='submit'], [type='button'], [type='reset'], [type='hidden'], [type='range'], [type='color'], [type='image']):disabled { pointer-events: none; }

:root textarea { min-height: 64px; padding: 8px var(--forms_style_pad); }

@supports (field-sizing: content) { :root textarea { field-sizing: content; resize: none; }
  .settings #dialog_form textarea { width: 100%; } }

html.overrides_dropin_grow textarea { resize: none; }

form label.field-label { padding-bottom: 12px; font-size: 14px; line-height: 1.375; font-weight: 500; color: #0a0a0a; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; user-select: none; -webkit-user-select: none; }

form .help_text { display: block; margin: -12px 0 24px 0; font-size: 14px; line-height: 1.5; font-weight: 400; color: #737373; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.settings textarea, .settings input:not([type='checkbox'], [type='radio'], [type='file'], [type='submit'], [type='button'], [type='reset'], [type='hidden'], [type='range'], [type='color'], [type='image']) { margin-top: 0; }

:root form p:has(+ .error, + .form_error) > textarea, :root form p:has(+ .error, + .form_error) > input:not([type='checkbox'], [type='radio'], [type='file'], [type='submit'], [type='button'], [type='reset'], [type='hidden'], [type='range'], [type='color'], [type='image']), :root form .field_wrapper:has(+ .error, + .form_error) > textarea, :root form .field_wrapper:has(+ .error, + .form_error) > input:not([type='checkbox'], [type='radio'], [type='file'], [type='submit'], [type='button'], [type='reset'], [type='hidden'], [type='range'], [type='color'], [type='image']) { border-color: #e7000b; box-shadow: 0 0 0 3px rgba(231, 0, 11, 0.2); }

form p:has(> [aria-invalid="true"], + .error, + .form_error) > label.field-label, form p:has(+ .field_wrapper [aria-invalid="true"], + .field_wrapper + .error, + .field_wrapper + .form_error) > label.field-label { color: #e7000b; }

form .error, form p + .form_error, form .field_wrapper + .form_error { column-gap: 0; margin-top: -12px; margin-bottom: 24px !important; font-size: 14px; line-height: 20px; font-weight: 400; color: #e7000b; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

form .error svg, form p + .form_error svg, form .field_wrapper + .form_error svg { display: none; }

form .error span, form .error ul, form .error li, form p + .form_error span, form p + .form_error ul, form p + .form_error li, form .field_wrapper + .form_error span, form .field_wrapper + .form_error ul, form .field_wrapper + .form_error li { color: #e7000b; }

form .error .errorlist:has(> li + li), form p + .form_error .errorlist:has(> li + li), form .field_wrapper + .form_error .errorlist:has(> li + li) { display: flex; flex-direction: column; row-gap: 4px; margin-left: 16px; }

form .error .errorlist:has(> li + li) li, form p + .form_error .errorlist:has(> li + li) li, form .field_wrapper + .form_error .errorlist:has(> li + li) li { list-style: disc; }

form p:has(> :disabled, > .disabled) > label.field-label, form p:has(+ .field_wrapper :disabled, + .field_wrapper .disabled) > label.field-label { opacity: 0.5; pointer-events: none; }

form p > input[type="checkbox"] { -webkit-appearance: none; appearance: none; display: block; width: 16px !important; height: 16px; margin: 0 0 24px 0; padding: 0; border: 1px solid transparent; border-radius: 4px; background-color: rgba(229, 229, 229, 0.9); background-repeat: no-repeat; background-position: center; background-size: 14px 14px; cursor: pointer; transition: box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1); }

form p > input[type="checkbox"]:checked { border-color: #171717; background-color: #171717; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fafafa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E"); }

form p > input[type="checkbox"]:focus-visible { outline: none; border-color: #a1a1a1; box-shadow: 0 0 0 3px rgba(161, 161, 161, 0.3); }

form p > input[type="checkbox"][aria-invalid="true"] { border-color: #e7000b; box-shadow: 0 0 0 3px rgba(231, 0, 11, 0.2); }

form p > input[type="checkbox"]:disabled { opacity: 0.5; cursor: not-allowed; }

:root input:not([type='checkbox'], [type='radio'], [type='file'], [type='submit'], [type='button'], [type='reset'], [type='hidden'], [type='range'], [type='color'], [type='image']) { padding-left: var(--overrides_before_padding, var(--forms_style_pad)); padding-right: var(--overrides_after_padding, var(--forms_style_pad)); background-image: var(--overrides_before, none), var(--overrides_after, none); background-repeat: no-repeat; background-position: left 8px center, right 8px center; background-size: 16px 16px, var(--overrides_after_size, 16px 16px); }

:root input:not([type='checkbox'], [type='radio'], [type='file'], [type='submit'], [type='button'], [type='reset'], [type='hidden'], [type='range'], [type='color'], [type='image']):-webkit-autofill { background-image: none; border-image: var(--overrides_autofill_before, var(--overrides_autofill_after, none)); outline: 1px solid var(--forms_style_border); outline-offset: -1px; }

:root input:not([type='checkbox'], [type='radio'], [type='file'], [type='submit'], [type='button'], [type='reset'], [type='hidden'], [type='range'], [type='color'], [type='image']):-webkit-autofill:focus, :root input:not([type='checkbox'], [type='radio'], [type='file'], [type='submit'], [type='button'], [type='reset'], [type='hidden'], [type='range'], [type='color'], [type='image']):-webkit-autofill:focus-visible { border-color: transparent; outline: 1px solid #a1a1a1 !important; }

:root input:not([type='checkbox'], [type='radio'], [type='file'], [type='submit'], [type='button'], [type='reset'], [type='hidden'], [type='range'], [type='color'], [type='image']):-webkit-autofill[aria-invalid="true"] { border-color: transparent; outline: 1px solid #e7000b !important; }

:root input[type="email"] { --overrides_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7'/%3E %3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3C/svg%3E"); --overrides_before_padding: 30px; --overrides_autofill_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='20'%3E%3Csvg x='9' y='2' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7'/%3E %3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3C/svg%3E%3C/svg%3E") 0 0 0 25 / calc(50% - 10px) 0 calc(50% - 10px) 25px; }

:root input[type="search"] { --overrides_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21 21-4.34-4.34'/%3E %3Ccircle cx='11' cy='11' r='8'/%3E%3C/svg%3E"); --overrides_before_padding: 30px; --overrides_autofill_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='20'%3E%3Csvg x='9' y='2' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21 21-4.34-4.34'/%3E %3Ccircle cx='11' cy='11' r='8'/%3E%3C/svg%3E%3C/svg%3E") 0 0 0 25 / calc(50% - 10px) 0 calc(50% - 10px) 25px; }

:root input[type="url"] { --overrides_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E %3Cpath d='M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20'/%3E %3Cpath d='M2 12h20'/%3E%3C/svg%3E"); --overrides_before_padding: 30px; --overrides_autofill_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='20'%3E%3Csvg x='9' y='2' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E %3Cpath d='M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20'/%3E %3Cpath d='M2 12h20'/%3E%3C/svg%3E%3C/svg%3E") 0 0 0 25 / calc(50% - 10px) 0 calc(50% - 10px) 25px; }

:root input[type="tel"] { --overrides_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384'/%3E%3C/svg%3E"); --overrides_before_padding: 30px; --overrides_autofill_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='20'%3E%3Csvg x='9' y='2' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384'/%3E%3C/svg%3E%3C/svg%3E") 0 0 0 25 / calc(50% - 10px) 0 calc(50% - 10px) 25px; }

:root input[type="password"] { --overrides_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='11' x='3' y='11' rx='2' ry='2'/%3E %3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E"); --overrides_before_padding: 30px; --overrides_autofill_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='20'%3E%3Csvg x='9' y='2' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='11' x='3' y='11' rx='2' ry='2'/%3E %3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E%3C/svg%3E") 0 0 0 25 / calc(50% - 10px) 0 calc(50% - 10px) 25px; }

:root input.euro { --overrides_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 10h12'/%3E %3Cpath d='M4 14h9'/%3E %3Cpath d='M19 6a7.7 7.7 0 0 0-5.2-2A7.9 7.9 0 0 0 6 12c0 4.4 3.5 8 7.8 8 2 0 3.8-.8 5.2-2'/%3E%3C/svg%3E"); --overrides_before_padding: 30px; --overrides_autofill_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='20'%3E%3Csvg x='9' y='2' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 10h12'/%3E %3Cpath d='M4 14h9'/%3E %3Cpath d='M19 6a7.7 7.7 0 0 0-5.2-2A7.9 7.9 0 0 0 6 12c0 4.4 3.5 8 7.8 8 2 0 3.8-.8 5.2-2'/%3E%3C/svg%3E%3C/svg%3E") 0 0 0 25 / calc(50% - 10px) 0 calc(50% - 10px) 25px; }

:root input.count { --overrides_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='4' x2='20' y1='9' y2='9'/%3E %3Cline x1='4' x2='20' y1='15' y2='15'/%3E %3Cline x1='10' x2='8' y1='3' y2='21'/%3E %3Cline x1='16' x2='14' y1='3' y2='21'/%3E%3C/svg%3E"); --overrides_before_padding: 30px; --overrides_autofill_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='20'%3E%3Csvg x='9' y='2' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='4' x2='20' y1='9' y2='9'/%3E %3Cline x1='4' x2='20' y1='15' y2='15'/%3E %3Cline x1='10' x2='8' y1='3' y2='21'/%3E %3Cline x1='16' x2='14' y1='3' y2='21'/%3E%3C/svg%3E%3C/svg%3E") 0 0 0 25 / calc(50% - 10px) 0 calc(50% - 10px) 25px; }

:root input.capacity { --overrides_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E %3Cpath d='M16 3.128a4 4 0 0 1 0 7.744'/%3E %3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87'/%3E %3Ccircle cx='9' cy='7' r='4'/%3E%3C/svg%3E"); --overrides_before_padding: 30px; --overrides_autofill_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='20'%3E%3Csvg x='9' y='2' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E %3Cpath d='M16 3.128a4 4 0 0 1 0 7.744'/%3E %3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87'/%3E %3Ccircle cx='9' cy='7' r='4'/%3E%3C/svg%3E%3C/svg%3E") 0 0 0 25 / calc(50% - 10px) 0 calc(50% - 10px) 25px; }

:root input.rooms { --overrides_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 20H2'/%3E %3Cpath d='M11 4.562v16.157a1 1 0 0 0 1.242.97L19 20V5.562a2 2 0 0 0-1.515-1.94l-4-1A2 2 0 0 0 11 4.561z'/%3E %3Cpath d='M11 4H8a2 2 0 0 0-2 2v14'/%3E %3Cpath d='M14 12h.01'/%3E %3Cpath d='M22 20h-3'/%3E%3C/svg%3E"); --overrides_before_padding: 30px; --overrides_autofill_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='20'%3E%3Csvg x='9' y='2' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 20H2'/%3E %3Cpath d='M11 4.562v16.157a1 1 0 0 0 1.242.97L19 20V5.562a2 2 0 0 0-1.515-1.94l-4-1A2 2 0 0 0 11 4.561z'/%3E %3Cpath d='M11 4H8a2 2 0 0 0-2 2v14'/%3E %3Cpath d='M14 12h.01'/%3E %3Cpath d='M22 20h-3'/%3E%3C/svg%3E%3C/svg%3E") 0 0 0 25 / calc(50% - 10px) 0 calc(50% - 10px) 25px; }

:root input.bedrooms { --overrides_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 20v-8a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v8'/%3E %3Cpath d='M4 10V6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v4'/%3E %3Cpath d='M12 4v6'/%3E %3Cpath d='M2 18h20'/%3E%3C/svg%3E"); --overrides_before_padding: 30px; --overrides_autofill_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='20'%3E%3Csvg x='9' y='2' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 20v-8a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v8'/%3E %3Cpath d='M4 10V6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v4'/%3E %3Cpath d='M12 4v6'/%3E %3Cpath d='M2 18h20'/%3E%3C/svg%3E%3C/svg%3E") 0 0 0 25 / calc(50% - 10px) 0 calc(50% - 10px) 25px; }

:root input.bathrooms { --overrides_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 4 8 6'/%3E %3Cpath d='M17 19v2'/%3E %3Cpath d='M2 12h20'/%3E %3Cpath d='M7 19v2'/%3E %3Cpath d='M9 5 7.621 3.621A2.121 2.121 0 0 0 4 5v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-5'/%3E%3C/svg%3E"); --overrides_before_padding: 30px; --overrides_autofill_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='20'%3E%3Csvg x='9' y='2' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 4 8 6'/%3E %3Cpath d='M17 19v2'/%3E %3Cpath d='M2 12h20'/%3E %3Cpath d='M7 19v2'/%3E %3Cpath d='M9 5 7.621 3.621A2.121 2.121 0 0 0 4 5v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-5'/%3E%3C/svg%3E%3C/svg%3E") 0 0 0 25 / calc(50% - 10px) 0 calc(50% - 10px) 25px; }

:root input.floor { --overrides_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z'/%3E %3Cpath d='M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12'/%3E %3Cpath d='M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17'/%3E%3C/svg%3E"); --overrides_before_padding: 30px; --overrides_autofill_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='20'%3E%3Csvg x='9' y='2' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z'/%3E %3Cpath d='M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12'/%3E %3Cpath d='M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17'/%3E%3C/svg%3E%3C/svg%3E") 0 0 0 25 / calc(50% - 10px) 0 calc(50% - 10px) 25px; }

:root input.parking { --overrides_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 17h2c.6 0 1-.4 1-1v-3c0-.9-.7-1.7-1.5-1.9C18.7 10.6 16 10 16 10s-1.3-1.4-2.2-2.3c-.5-.4-1.1-.7-1.8-.7H5c-.6 0-1.1.4-1.4.9l-1.4 2.9A3.7 3.7 0 0 0 2 12v4c0 .6.4 1 1 1h2'/%3E %3Ccircle cx='7' cy='17' r='2'/%3E %3Cpath d='M9 17h6'/%3E %3Ccircle cx='17' cy='17' r='2'/%3E%3C/svg%3E"); --overrides_before_padding: 30px; --overrides_autofill_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='20'%3E%3Csvg x='9' y='2' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 17h2c.6 0 1-.4 1-1v-3c0-.9-.7-1.7-1.5-1.9C18.7 10.6 16 10 16 10s-1.3-1.4-2.2-2.3c-.5-.4-1.1-.7-1.8-.7H5c-.6 0-1.1.4-1.4.9l-1.4 2.9A3.7 3.7 0 0 0 2 12v4c0 .6.4 1 1 1h2'/%3E %3Ccircle cx='7' cy='17' r='2'/%3E %3Cpath d='M9 17h6'/%3E %3Ccircle cx='17' cy='17' r='2'/%3E%3C/svg%3E%3C/svg%3E") 0 0 0 25 / calc(50% - 10px) 0 calc(50% - 10px) 25px; }

:root input.keys { --overrides_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.586 17.414A2 2 0 0 0 2 18.828V21a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h.172a2 2 0 0 0 1.414-.586l.814-.814a6.5 6.5 0 1 0-4-4z'/%3E %3Ccircle cx='16.5' cy='7.5' r='.5' fill='%23737373'/%3E%3C/svg%3E"); --overrides_before_padding: 30px; --overrides_autofill_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='20'%3E%3Csvg x='9' y='2' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.586 17.414A2 2 0 0 0 2 18.828V21a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h.172a2 2 0 0 0 1.414-.586l.814-.814a6.5 6.5 0 1 0-4-4z'/%3E %3Ccircle cx='16.5' cy='7.5' r='.5' fill='%23737373'/%3E%3C/svg%3E%3C/svg%3E") 0 0 0 25 / calc(50% - 10px) 0 calc(50% - 10px) 25px; }

:root input.meter { --overrides_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 14 4-4'/%3E %3Cpath d='M3.34 19a10 10 0 1 1 17.32 0'/%3E%3C/svg%3E"); --overrides_before_padding: 30px; --overrides_autofill_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='20'%3E%3Csvg x='9' y='2' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 14 4-4'/%3E %3Cpath d='M3.34 19a10 10 0 1 1 17.32 0'/%3E%3C/svg%3E%3C/svg%3E") 0 0 0 25 / calc(50% - 10px) 0 calc(50% - 10px) 25px; }

:root input.energy_label { --overrides_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10Z'/%3E %3Cpath d='M2 21c0-3 1.85-5.36 5.08-6C9.5 14.52 12 13 13 12'/%3E%3C/svg%3E"); --overrides_before_padding: 30px; --overrides_autofill_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='20'%3E%3Csvg x='9' y='2' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10Z'/%3E %3Cpath d='M2 21c0-3 1.85-5.36 5.08-6C9.5 14.52 12 13 13 12'/%3E%3C/svg%3E%3C/svg%3E") 0 0 0 25 / calc(50% - 10px) 0 calc(50% - 10px) 25px; }

:root input.person { --overrides_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2'/%3E %3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E"); --overrides_before_padding: 30px; --overrides_autofill_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='20'%3E%3Csvg x='9' y='2' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2'/%3E %3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E%3C/svg%3E") 0 0 0 25 / calc(50% - 10px) 0 calc(50% - 10px) 25px; }

:root input.company { --overrides_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 12h4'/%3E %3Cpath d='M10 8h4'/%3E %3Cpath d='M14 21v-3a2 2 0 0 0-4 0v3'/%3E %3Cpath d='M6 10H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-2'/%3E %3Cpath d='M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16'/%3E%3C/svg%3E"); --overrides_before_padding: 30px; --overrides_autofill_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='20'%3E%3Csvg x='9' y='2' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 12h4'/%3E %3Cpath d='M10 8h4'/%3E %3Cpath d='M14 21v-3a2 2 0 0 0-4 0v3'/%3E %3Cpath d='M6 10H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-2'/%3E %3Cpath d='M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16'/%3E%3C/svg%3E%3C/svg%3E") 0 0 0 25 / calc(50% - 10px) 0 calc(50% - 10px) 25px; }

:root input.phone { --overrides_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384'/%3E%3C/svg%3E"); --overrides_before_padding: 30px; --overrides_autofill_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='20'%3E%3Csvg x='9' y='2' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384'/%3E%3C/svg%3E%3C/svg%3E") 0 0 0 25 / calc(50% - 10px) 0 calc(50% - 10px) 25px; }

:root input.recipients { --overrides_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E %3Cpath d='M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-4 8'/%3E%3C/svg%3E"); --overrides_before_padding: 30px; --overrides_autofill_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='20'%3E%3Csvg x='9' y='2' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E %3Cpath d='M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-4 8'/%3E%3C/svg%3E%3C/svg%3E") 0 0 0 25 / calc(50% - 10px) 0 calc(50% - 10px) 25px; }

:root input.website { --overrides_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E %3Cpath d='M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20'/%3E %3Cpath d='M2 12h20'/%3E%3C/svg%3E"); --overrides_before_padding: 30px; --overrides_autofill_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='20'%3E%3Csvg x='9' y='2' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E %3Cpath d='M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20'/%3E %3Cpath d='M2 12h20'/%3E%3C/svg%3E%3C/svg%3E") 0 0 0 25 / calc(50% - 10px) 0 calc(50% - 10px) 25px; }

:root input.street { --overrides_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0'/%3E %3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E"); --overrides_before_padding: 30px; --overrides_autofill_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='20'%3E%3Csvg x='9' y='2' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0'/%3E %3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E%3C/svg%3E") 0 0 0 25 / calc(50% - 10px) 0 calc(50% - 10px) 25px; }

:root input.house_number { --overrides_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='4' x2='20' y1='9' y2='9'/%3E %3Cline x1='4' x2='20' y1='15' y2='15'/%3E %3Cline x1='10' x2='8' y1='3' y2='21'/%3E %3Cline x1='16' x2='14' y1='3' y2='21'/%3E%3C/svg%3E"); --overrides_before_padding: 30px; --overrides_autofill_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='20'%3E%3Csvg x='9' y='2' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='4' x2='20' y1='9' y2='9'/%3E %3Cline x1='4' x2='20' y1='15' y2='15'/%3E %3Cline x1='10' x2='8' y1='3' y2='21'/%3E %3Cline x1='16' x2='14' y1='3' y2='21'/%3E%3C/svg%3E%3C/svg%3E") 0 0 0 25 / calc(50% - 10px) 0 calc(50% - 10px) 25px; }

:root input.postal_code { --overrides_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 17a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9.5C2 7 4 5 6.5 5H18c2.2 0 4 1.8 4 4v8Z'/%3E %3Cpolyline points='15,9 18,9 18,11'/%3E %3Cpath d='M6.5 5C9 5 11 7 11 9.5V17a2 2 0 0 1-2 2'/%3E %3Cline x1='6' x2='7' y1='10' y2='10'/%3E%3C/svg%3E"); --overrides_before_padding: 30px; --overrides_autofill_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='20'%3E%3Csvg x='9' y='2' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 17a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9.5C2 7 4 5 6.5 5H18c2.2 0 4 1.8 4 4v8Z'/%3E %3Cpolyline points='15,9 18,9 18,11'/%3E %3Cpath d='M6.5 5C9 5 11 7 11 9.5V17a2 2 0 0 1-2 2'/%3E %3Cline x1='6' x2='7' y1='10' y2='10'/%3E%3C/svg%3E%3C/svg%3E") 0 0 0 25 / calc(50% - 10px) 0 calc(50% - 10px) 25px; }

:root input.city { --overrides_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 10h.01'/%3E %3Cpath d='M12 14h.01'/%3E %3Cpath d='M12 6h.01'/%3E %3Cpath d='M16 10h.01'/%3E %3Cpath d='M16 14h.01'/%3E %3Cpath d='M16 6h.01'/%3E %3Cpath d='M8 10h.01'/%3E %3Cpath d='M8 14h.01'/%3E %3Cpath d='M8 6h.01'/%3E %3Cpath d='M9 22v-3a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v3'/%3E %3Crect x='4' y='2' width='16' height='20' rx='2'/%3E%3C/svg%3E"); --overrides_before_padding: 30px; --overrides_autofill_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='20'%3E%3Csvg x='9' y='2' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 10h.01'/%3E %3Cpath d='M12 14h.01'/%3E %3Cpath d='M12 6h.01'/%3E %3Cpath d='M16 10h.01'/%3E %3Cpath d='M16 14h.01'/%3E %3Cpath d='M16 6h.01'/%3E %3Cpath d='M8 10h.01'/%3E %3Cpath d='M8 14h.01'/%3E %3Cpath d='M8 6h.01'/%3E %3Cpath d='M9 22v-3a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v3'/%3E %3Crect x='4' y='2' width='16' height='20' rx='2'/%3E%3C/svg%3E%3C/svg%3E") 0 0 0 25 / calc(50% - 10px) 0 calc(50% - 10px) 25px; }

:root input.iban { --overrides_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 18v-7'/%3E %3Cpath d='M11.12 2.198a2 2 0 0 1 1.76.006l7.866 3.847c.476.233.31.949-.22.949H3.474c-.53 0-.695-.716-.22-.949z'/%3E %3Cpath d='M14 18v-7'/%3E %3Cpath d='M18 18v-7'/%3E %3Cpath d='M3 22h18'/%3E %3Cpath d='M6 18v-7'/%3E%3C/svg%3E"); --overrides_before_padding: 30px; --overrides_autofill_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='20'%3E%3Csvg x='9' y='2' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 18v-7'/%3E %3Cpath d='M11.12 2.198a2 2 0 0 1 1.76.006l7.866 3.847c.476.233.31.949-.22.949H3.474c-.53 0-.695-.716-.22-.949z'/%3E %3Cpath d='M14 18v-7'/%3E %3Cpath d='M18 18v-7'/%3E %3Cpath d='M3 22h18'/%3E %3Cpath d='M6 18v-7'/%3E%3C/svg%3E%3C/svg%3E") 0 0 0 25 / calc(50% - 10px) 0 calc(50% - 10px) 25px; }

:root input.vat { --overrides_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 2v20l2-1 2 1 2-1 2 1 2-1 2 1 2-1 2 1V2l-2 1-2-1-2 1-2-1-2 1-2-1-2 1Z'/%3E %3Cpath d='M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8'/%3E %3Cpath d='M12 17.5v-11'/%3E%3C/svg%3E"); --overrides_before_padding: 30px; --overrides_autofill_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='20'%3E%3Csvg x='9' y='2' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 2v20l2-1 2 1 2-1 2 1 2-1 2 1 2-1 2 1V2l-2 1-2-1-2 1-2-1-2 1-2-1-2 1Z'/%3E %3Cpath d='M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8'/%3E %3Cpath d='M12 17.5v-11'/%3E%3C/svg%3E%3C/svg%3E") 0 0 0 25 / calc(50% - 10px) 0 calc(50% - 10px) 25px; }

:root input.kvk { --overrides_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16'/%3E %3Crect width='20' height='14' x='2' y='6' rx='2'/%3E%3C/svg%3E"); --overrides_before_padding: 30px; --overrides_autofill_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='20'%3E%3Csvg x='9' y='2' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16'/%3E %3Crect width='20' height='14' x='2' y='6' rx='2'/%3E%3C/svg%3E%3C/svg%3E") 0 0 0 25 / calc(50% - 10px) 0 calc(50% - 10px) 25px; }

:root input.reference { --overrides_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='4' x2='20' y1='9' y2='9'/%3E %3Cline x1='4' x2='20' y1='15' y2='15'/%3E %3Cline x1='10' x2='8' y1='3' y2='21'/%3E %3Cline x1='16' x2='14' y1='3' y2='21'/%3E%3C/svg%3E"); --overrides_before_padding: 30px; --overrides_autofill_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='20'%3E%3Csvg x='9' y='2' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='4' x2='20' y1='9' y2='9'/%3E %3Cline x1='4' x2='20' y1='15' y2='15'/%3E %3Cline x1='10' x2='8' y1='3' y2='21'/%3E %3Cline x1='16' x2='14' y1='3' y2='21'/%3E%3C/svg%3E%3C/svg%3E") 0 0 0 25 / calc(50% - 10px) 0 calc(50% - 10px) 25px; }

:root input.tag_list { --overrides_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z'/%3E %3Ccircle cx='7.5' cy='7.5' r='.5' fill='%23737373'/%3E%3C/svg%3E"); --overrides_before_padding: 30px; --overrides_autofill_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='20'%3E%3Csvg x='9' y='2' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z'/%3E %3Ccircle cx='7.5' cy='7.5' r='.5' fill='%23737373'/%3E%3C/svg%3E%3C/svg%3E") 0 0 0 25 / calc(50% - 10px) 0 calc(50% - 10px) 25px; }

:root input.link { --overrides_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/%3E %3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3E%3C/svg%3E"); --overrides_before_padding: 30px; --overrides_autofill_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='20'%3E%3Csvg x='9' y='2' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/%3E %3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3E%3C/svg%3E%3C/svg%3E") 0 0 0 25 / calc(50% - 10px) 0 calc(50% - 10px) 25px; }

:root input.duration { --overrides_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 22h14'/%3E %3Cpath d='M5 2h14'/%3E %3Cpath d='M17 22v-4.172a2 2 0 0 0-.586-1.414L12 12l-4.414 4.414A2 2 0 0 0 7 17.828V22'/%3E %3Cpath d='M7 2v4.172a2 2 0 0 0 .586 1.414L12 12l4.414-4.414A2 2 0 0 0 17 6.172V2'/%3E%3C/svg%3E"); --overrides_before_padding: 30px; --overrides_autofill_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='20'%3E%3Csvg x='9' y='2' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 22h14'/%3E %3Cpath d='M5 2h14'/%3E %3Cpath d='M17 22v-4.172a2 2 0 0 0-.586-1.414L12 12l-4.414 4.414A2 2 0 0 0 7 17.828V22'/%3E %3Cpath d='M7 2v4.172a2 2 0 0 0 .586 1.414L12 12l4.414-4.414A2 2 0 0 0 17 6.172V2'/%3E%3C/svg%3E%3C/svg%3E") 0 0 0 25 / calc(50% - 10px) 0 calc(50% - 10px) 25px; }

:root input.agenda { --overrides_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v4'/%3E %3Cpath d='M16 2v4'/%3E %3Crect width='18' height='18' x='3' y='4' rx='2'/%3E %3Cpath d='M3 10h18'/%3E %3Cpath d='M8 14h.01'/%3E %3Cpath d='M12 14h.01'/%3E %3Cpath d='M16 14h.01'/%3E %3Cpath d='M8 18h.01'/%3E %3Cpath d='M12 18h.01'/%3E %3Cpath d='M16 18h.01'/%3E%3C/svg%3E"); --overrides_before_padding: 30px; --overrides_autofill_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='20'%3E%3Csvg x='9' y='2' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v4'/%3E %3Cpath d='M16 2v4'/%3E %3Crect width='18' height='18' x='3' y='4' rx='2'/%3E %3Cpath d='M3 10h18'/%3E %3Cpath d='M8 14h.01'/%3E %3Cpath d='M12 14h.01'/%3E %3Cpath d='M16 14h.01'/%3E %3Cpath d='M8 18h.01'/%3E %3Cpath d='M12 18h.01'/%3E %3Cpath d='M16 18h.01'/%3E%3C/svg%3E%3C/svg%3E") 0 0 0 25 / calc(50% - 10px) 0 calc(50% - 10px) 25px; }

:root input.kind { --overrides_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.3 10a.7.7 0 0 1-.626-1.079L11.4 3a.7.7 0 0 1 1.198-.043L16.3 8.9a.7.7 0 0 1-.572 1.1Z'/%3E %3Crect x='3' y='14' width='7' height='7' rx='1'/%3E %3Ccircle cx='17.5' cy='17.5' r='3.5'/%3E%3C/svg%3E"); --overrides_before_padding: 30px; --overrides_autofill_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='20'%3E%3Csvg x='9' y='2' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.3 10a.7.7 0 0 1-.626-1.079L11.4 3a.7.7 0 0 1 1.198-.043L16.3 8.9a.7.7 0 0 1-.572 1.1Z'/%3E %3Crect x='3' y='14' width='7' height='7' rx='1'/%3E %3Ccircle cx='17.5' cy='17.5' r='3.5'/%3E%3C/svg%3E%3C/svg%3E") 0 0 0 25 / calc(50% - 10px) 0 calc(50% - 10px) 25px; }

:root input.vehicle { --overrides_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21 8-2 2-1.5-3.7A2 2 0 0 0 15.646 5H8.4a2 2 0 0 0-1.903 1.257L5 10 3 8'/%3E %3Cpath d='M7 14h.01'/%3E %3Cpath d='M17 14h.01'/%3E %3Crect width='18' height='8' x='3' y='10' rx='2'/%3E %3Cpath d='M5 18v2'/%3E %3Cpath d='M19 18v2'/%3E%3C/svg%3E"); --overrides_before_padding: 30px; --overrides_autofill_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='20'%3E%3Csvg x='9' y='2' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21 8-2 2-1.5-3.7A2 2 0 0 0 15.646 5H8.4a2 2 0 0 0-1.903 1.257L5 10 3 8'/%3E %3Cpath d='M7 14h.01'/%3E %3Cpath d='M17 14h.01'/%3E %3Crect width='18' height='8' x='3' y='10' rx='2'/%3E %3Cpath d='M5 18v2'/%3E %3Cpath d='M19 18v2'/%3E%3C/svg%3E%3C/svg%3E") 0 0 0 25 / calc(50% - 10px) 0 calc(50% - 10px) 25px; }

:root input.address { --overrides_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 22a1 1 0 0 1-1-1v-4a1 1 0 0 1 .445-.832l3-2a1 1 0 0 1 1.11 0l3 2A1 1 0 0 1 22 17v4a1 1 0 0 1-1 1z'/%3E %3Cpath d='M18 10a8 8 0 0 0-16 0c0 4.993 5.539 10.193 7.399 11.799a1 1 0 0 0 .601.2'/%3E %3Cpath d='M18 22v-3'/%3E %3Ccircle cx='10' cy='10' r='3'/%3E%3C/svg%3E"); --overrides_before_padding: 30px; --overrides_autofill_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='20'%3E%3Csvg x='9' y='2' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 22a1 1 0 0 1-1-1v-4a1 1 0 0 1 .445-.832l3-2a1 1 0 0 1 1.11 0l3 2A1 1 0 0 1 22 17v4a1 1 0 0 1-1 1z'/%3E %3Cpath d='M18 10a8 8 0 0 0-16 0c0 4.993 5.539 10.193 7.399 11.799a1 1 0 0 0 .601.2'/%3E %3Cpath d='M18 22v-3'/%3E %3Ccircle cx='10' cy='10' r='3'/%3E%3C/svg%3E%3C/svg%3E") 0 0 0 25 / calc(50% - 10px) 0 calc(50% - 10px) 25px; }

:root input.no_icon { --overrides_before: initial; --overrides_before_padding: initial; --overrides_autofill_before: initial; }

:root input.percent { --overrides_after: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.34' height='20' viewBox='0 0 11.34 20'%3E%3Cpath fill='%23737373' d='M2.8 9.85Q1.83 9.85 1.21 9.22Q0.59 8.59 0.59 7.38Q0.59 6.16 1.21 5.54Q1.83 4.92 2.8 4.92Q3.77 4.92 4.38 5.54Q5 6.16 5 7.38Q5 8.59 4.38 9.22Q3.77 9.85 2.8 9.85ZM2.8 8.91Q3.33 8.91 3.6 8.52Q3.86 8.12 3.86 7.38Q3.86 6.64 3.6 6.25Q3.33 5.86 2.8 5.86Q2.28 5.86 2.01 6.25Q1.74 6.64 1.74 7.38Q1.74 8.12 2.01 8.52Q2.28 8.91 2.8 8.91ZM8.54 15.08Q7.59 15.08 6.96 14.45Q6.33 13.82 6.33 12.62Q6.33 11.4 6.96 10.78Q7.59 10.15 8.54 10.15Q9.52 10.15 10.14 10.78Q10.75 11.4 10.75 12.62Q10.75 13.82 10.14 14.45Q9.52 15.08 8.54 15.08ZM8.54 14.14Q9.07 14.14 9.34 13.75Q9.6 13.36 9.6 12.62Q9.6 11.88 9.34 11.48Q9.07 11.09 8.54 11.09Q8.02 11.09 7.75 11.48Q7.48 11.88 7.48 12.62Q7.48 13.36 7.75 13.75Q8.02 14.14 8.54 14.14ZM1.69 14.97L8.47 5.03L9.65 5.03L2.87 14.97L1.69 14.97Z'/%3E%3C/svg%3E"); --overrides_after_size: 11.34px 20px; --overrides_after_padding: 25.34px; }

:root input.days { --overrides_after: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30.83' height='20' viewBox='0 0 30.83 20'%3E%3Cpath fill='%23737373' d='M3.7 15.14Q2.74 15.14 2.04 14.66Q1.33 14.19 0.96 13.31Q0.59 12.44 0.59 11.25Q0.59 10.06 0.97 9.18Q1.34 8.31 2.04 7.83Q2.74 7.35 3.7 7.35Q4.47 7.35 5.07 7.68Q5.67 8 5.98 8.57L5.98 5.03L7.46 5.03L7.46 14.97L6.08 14.97L6.03 13.85Q5.73 14.45 5.1 14.79Q4.48 15.14 3.7 15.14ZM4.09 13.85Q4.69 13.85 5.11 13.54Q5.53 13.23 5.75 12.65Q5.98 12.06 5.98 11.25Q5.98 10.41 5.75 9.82Q5.53 9.24 5.11 8.94Q4.69 8.64 4.09 8.64Q3.19 8.64 2.66 9.34Q2.13 10.03 2.13 11.25Q2.13 12.45 2.66 13.15Q3.19 13.85 4.09 13.85ZM11.51 15.14Q10.35 15.14 9.65 14.61Q8.96 14.07 8.96 13.11Q8.96 12.14 9.54 11.6Q10.12 11.06 11.34 10.83L13.9 10.34Q13.9 9.47 13.5 9.04Q13.09 8.61 12.29 8.61Q11.58 8.61 11.17 8.93Q10.77 9.24 10.61 9.86L9.09 9.76Q9.3 8.64 10.13 8Q10.96 7.35 12.29 7.35Q13.8 7.35 14.59 8.16Q15.39 8.96 15.39 10.42L15.39 13.32Q15.39 13.58 15.48 13.69Q15.57 13.79 15.78 13.79L16.04 13.79L16.04 14.97Q15.97 14.98 15.82 15Q15.67 15.01 15.5 15.01Q15.02 15.01 14.68 14.86Q14.34 14.7 14.17 14.35Q14 13.99 14 13.39L14.15 13.46Q14.04 13.95 13.67 14.33Q13.3 14.7 12.73 14.92Q12.17 15.14 11.51 15.14ZM11.75 13.96Q12.42 13.96 12.89 13.7Q13.37 13.44 13.64 12.98Q13.9 12.52 13.9 11.93L13.9 11.46L11.72 11.88Q11.05 12 10.77 12.28Q10.5 12.55 10.5 12.97Q10.5 13.44 10.83 13.7Q11.16 13.96 11.75 13.96ZM17.37 17.07L17.37 15.85L18.28 15.85Q18.66 15.85 18.84 15.74Q19.03 15.63 19.12 15.36L19.36 14.75L18.9 14.75L16.21 7.52L17.78 7.52L19.82 13.37L21.77 7.52L23.35 7.52L20.38 15.84Q20.16 16.48 19.72 16.78Q19.28 17.07 18.49 17.07L17.37 17.07ZM27.19 15.14Q26.14 15.14 25.42 14.82Q24.7 14.49 24.3 13.93Q23.91 13.36 23.86 12.62L25.38 12.55Q25.49 13.16 25.91 13.53Q26.33 13.89 27.19 13.89Q27.89 13.89 28.29 13.67Q28.7 13.44 28.7 12.95Q28.7 12.69 28.57 12.5Q28.43 12.31 28.06 12.18Q27.68 12.04 26.94 11.92Q25.83 11.71 25.2 11.43Q24.57 11.15 24.3 10.71Q24.04 10.28 24.04 9.66Q24.04 8.64 24.8 8Q25.56 7.35 27.01 7.35Q27.97 7.35 28.63 7.68Q29.29 8.01 29.66 8.57Q30.03 9.12 30.13 9.8L28.6 9.89Q28.53 9.5 28.33 9.21Q28.13 8.92 27.79 8.76Q27.45 8.6 26.99 8.6Q26.28 8.6 25.93 8.88Q25.58 9.16 25.58 9.61Q25.58 9.94 25.74 10.15Q25.9 10.36 26.26 10.5Q26.63 10.63 27.23 10.73Q28.39 10.92 29.05 11.21Q29.71 11.5 29.97 11.92Q30.24 12.34 30.24 12.94Q30.24 13.64 29.85 14.13Q29.46 14.62 28.77 14.88Q28.08 15.14 27.19 15.14Z'/%3E%3C/svg%3E"); --overrides_after_size: 30.83px 20px; --overrides_after_padding: 44.83px; }

:root input.months { --overrides_after: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='49.38' height='20' viewBox='0 0 49.38 20'%3E%3Cpath fill='%23737373' d='M1.05 14.97L1.05 7.52L2.41 7.52L2.45 9.37L2.28 9.31Q2.41 8.7 2.72 8.26Q3.04 7.83 3.5 7.59Q3.96 7.35 4.51 7.35Q5.46 7.35 6.06 7.89Q6.66 8.43 6.82 9.37L6.58 9.37Q6.71 8.71 7.01 8.27Q7.31 7.83 7.78 7.59Q8.26 7.35 8.86 7.35Q9.65 7.35 10.2 7.68Q10.75 8.01 11.04 8.64Q11.33 9.27 11.33 10.18L11.33 14.97L9.84 14.97L9.84 10.55Q9.84 9.58 9.49 9.09Q9.14 8.6 8.43 8.6Q7.97 8.6 7.62 8.84Q7.27 9.08 7.08 9.52Q6.89 9.97 6.89 10.6L6.89 14.97L5.47 14.97L5.47 10.6Q5.47 9.65 5.16 9.12Q4.84 8.6 4.09 8.6Q3.61 8.6 3.27 8.84Q2.93 9.08 2.73 9.53Q2.53 9.99 2.53 10.6L2.53 14.97L1.05 14.97ZM16.34 15.14Q15.27 15.14 14.48 14.66Q13.68 14.19 13.24 13.3Q12.81 12.42 12.81 11.25Q12.81 10.06 13.24 9.19Q13.68 8.32 14.48 7.84Q15.27 7.35 16.34 7.35Q17.4 7.35 18.2 7.84Q19 8.32 19.43 9.19Q19.87 10.06 19.87 11.25Q19.87 12.42 19.43 13.3Q19 14.19 18.2 14.66Q17.4 15.14 16.34 15.14ZM16.34 13.85Q17.29 13.85 17.81 13.16Q18.33 12.46 18.33 11.25Q18.33 10.03 17.81 9.34Q17.29 8.64 16.34 8.64Q15.4 8.64 14.88 9.34Q14.35 10.03 14.35 11.25Q14.35 12.46 14.88 13.16Q15.4 13.85 16.34 13.85ZM21.36 14.97L21.36 7.52L22.72 7.52L22.78 9.51L22.6 9.41Q22.72 8.68 23.07 8.24Q23.42 7.79 23.93 7.57Q24.43 7.35 25.02 7.35Q25.86 7.35 26.41 7.73Q26.96 8.1 27.25 8.73Q27.54 9.37 27.54 10.18L27.54 14.97L26.05 14.97L26.05 10.63Q26.05 9.97 25.91 9.52Q25.77 9.08 25.45 8.84Q25.13 8.6 24.61 8.6Q23.83 8.6 23.34 9.12Q22.85 9.64 22.85 10.63L22.85 14.97L21.36 14.97ZM31.96 14.97Q30.9 14.97 30.39 14.48Q29.89 13.99 29.89 12.95L29.89 5.77L31.37 5.77L31.37 12.84Q31.37 13.36 31.6 13.56Q31.82 13.75 32.28 13.75L33.35 13.75L33.35 14.97L31.96 14.97ZM28.76 8.74L28.76 7.52L33.35 7.52L33.35 8.74L28.76 8.74ZM34.76 14.97L34.76 5.03L36.25 5.03L36.25 9.2L36.06 9.17Q36.19 8.54 36.53 8.14Q36.86 7.75 37.35 7.55Q37.84 7.35 38.43 7.35Q39.24 7.35 39.8 7.71Q40.36 8.07 40.65 8.71Q40.94 9.36 40.94 10.18L40.94 14.97L39.45 14.97L39.45 10.57Q39.45 9.57 39.11 9.08Q38.77 8.6 38.04 8.6Q37.23 8.6 36.74 9.11Q36.25 9.62 36.25 10.6L36.25 14.97L34.76 14.97ZM45.74 15.14Q44.69 15.14 43.97 14.82Q43.25 14.49 42.85 13.93Q42.46 13.36 42.41 12.62L43.93 12.55Q44.04 13.16 44.46 13.53Q44.88 13.89 45.74 13.89Q46.44 13.89 46.84 13.67Q47.25 13.44 47.25 12.95Q47.25 12.69 47.12 12.5Q46.98 12.31 46.61 12.18Q46.23 12.04 45.49 11.92Q44.38 11.71 43.75 11.43Q43.12 11.15 42.85 10.71Q42.59 10.28 42.59 9.66Q42.59 8.64 43.35 8Q44.11 7.35 45.56 7.35Q46.52 7.35 47.18 7.68Q47.84 8.01 48.21 8.57Q48.58 9.12 48.68 9.8L47.15 9.89Q47.08 9.5 46.88 9.21Q46.68 8.92 46.34 8.76Q46 8.6 45.54 8.6Q44.83 8.6 44.48 8.88Q44.13 9.16 44.13 9.61Q44.13 9.94 44.29 10.15Q44.45 10.36 44.81 10.5Q45.18 10.63 45.78 10.73Q46.94 10.92 47.6 11.21Q48.26 11.5 48.52 11.92Q48.79 12.34 48.79 12.94Q48.79 13.64 48.4 14.13Q48.01 14.62 47.32 14.88Q46.63 15.14 45.74 15.14Z'/%3E%3C/svg%3E"); --overrides_after_size: 49.38px 20px; --overrides_after_padding: 63.38px; }

:root input.years { --overrides_after: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35.83' height='20' viewBox='0 0 35.83 20'%3E%3Cpath fill='%23737373' d='M1.47 17.07L1.47 15.85L2.38 15.85Q2.76 15.85 2.94 15.74Q3.12 15.63 3.22 15.36L3.46 14.75L3 14.75L0.31 7.52L1.88 7.52L3.92 13.37L5.87 7.52L7.45 7.52L4.48 15.84Q4.26 16.48 3.81 16.78Q3.37 17.07 2.59 17.07L1.47 17.07ZM11.48 15.14Q10.39 15.14 9.6 14.66Q8.81 14.19 8.38 13.3Q7.95 12.42 7.95 11.25Q7.95 10.07 8.38 9.2Q8.81 8.32 9.59 7.84Q10.37 7.35 11.44 7.35Q12.45 7.35 13.22 7.82Q13.99 8.29 14.41 9.17Q14.84 10.06 14.84 11.3L14.84 11.68L9.49 11.68Q9.55 12.77 10.07 13.32Q10.6 13.86 11.49 13.86Q12.15 13.86 12.59 13.56Q13.02 13.25 13.19 12.73L14.73 12.83Q14.43 13.86 13.57 14.5Q12.71 15.14 11.48 15.14ZM9.49 10.56L13.27 10.56Q13.2 9.57 12.71 9.09Q12.21 8.61 11.44 8.61Q10.64 8.61 10.13 9.11Q9.62 9.61 9.49 10.56ZM18.58 15.14Q17.42 15.14 16.72 14.61Q16.03 14.07 16.03 13.11Q16.03 12.14 16.61 11.6Q17.19 11.06 18.41 10.83L20.97 10.34Q20.97 9.47 20.57 9.04Q20.16 8.61 19.36 8.61Q18.65 8.61 18.24 8.93Q17.84 9.24 17.68 9.86L16.16 9.76Q16.37 8.64 17.2 8Q18.03 7.35 19.36 7.35Q20.87 7.35 21.66 8.16Q22.46 8.96 22.46 10.42L22.46 13.32Q22.46 13.58 22.55 13.69Q22.64 13.79 22.85 13.79L23.11 13.79L23.11 14.97Q23.04 14.98 22.89 15Q22.74 15.01 22.57 15.01Q22.09 15.01 21.75 14.86Q21.41 14.7 21.24 14.35Q21.07 13.99 21.07 13.39L21.22 13.46Q21.11 13.95 20.74 14.33Q20.37 14.7 19.8 14.92Q19.24 15.14 18.58 15.14ZM18.82 13.96Q19.49 13.96 19.96 13.7Q20.44 13.44 20.71 12.98Q20.97 12.52 20.97 11.93L20.97 11.46L18.79 11.88Q18.12 12 17.84 12.28Q17.57 12.55 17.57 12.97Q17.57 13.44 17.9 13.7Q18.23 13.96 18.82 13.96ZM24.36 14.97L24.36 7.52L25.72 7.52L25.77 9.5L25.65 9.45Q25.8 8.45 26.27 7.98Q26.74 7.52 27.54 7.52L28.25 7.52L28.25 8.85L27.54 8.85Q26.98 8.85 26.6 9.03Q26.22 9.22 26.03 9.59Q25.84 9.97 25.84 10.57L25.84 14.97L24.36 14.97ZM32.19 15.14Q31.14 15.14 30.41 14.82Q29.69 14.49 29.3 13.93Q28.91 13.36 28.85 12.62L30.38 12.55Q30.49 13.16 30.91 13.53Q31.33 13.89 32.19 13.89Q32.89 13.89 33.29 13.67Q33.7 13.44 33.7 12.95Q33.7 12.69 33.56 12.5Q33.43 12.31 33.05 12.18Q32.68 12.04 31.93 11.92Q30.83 11.71 30.2 11.43Q29.57 11.15 29.3 10.71Q29.04 10.28 29.04 9.66Q29.04 8.64 29.8 8Q30.56 7.35 32 7.35Q32.97 7.35 33.63 7.68Q34.29 8.01 34.66 8.57Q35.03 9.12 35.13 9.8L33.6 9.89Q33.53 9.5 33.33 9.21Q33.12 8.92 32.79 8.76Q32.45 8.6 31.99 8.6Q31.28 8.6 30.93 8.88Q30.58 9.16 30.58 9.61Q30.58 9.94 30.74 10.15Q30.9 10.36 31.26 10.5Q31.63 10.63 32.23 10.73Q33.39 10.92 34.05 11.21Q34.71 11.5 34.97 11.92Q35.24 12.34 35.24 12.94Q35.24 13.64 34.85 14.13Q34.45 14.62 33.77 14.88Q33.08 15.14 32.19 15.14Z'/%3E%3C/svg%3E"); --overrides_after_size: 35.83px 20px; --overrides_after_padding: 49.83px; }

:root input.hours { --overrides_after: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36.92' height='20' viewBox='0 0 36.92 20'%3E%3Cpath fill='%23737373' d='M1.05 14.97L1.05 5.03L2.53 5.03L2.53 9.2L2.35 9.17Q2.48 8.54 2.81 8.14Q3.15 7.75 3.64 7.55Q4.13 7.35 4.72 7.35Q5.53 7.35 6.09 7.71Q6.65 8.07 6.94 8.71Q7.22 9.36 7.22 10.18L7.22 14.97L5.74 14.97L5.74 10.57Q5.74 9.57 5.4 9.08Q5.05 8.6 4.33 8.6Q3.51 8.6 3.02 9.11Q2.53 9.62 2.53 10.6L2.53 14.97L1.05 14.97ZM12.22 15.14Q11.16 15.14 10.36 14.66Q9.56 14.19 9.13 13.3Q8.69 12.42 8.69 11.25Q8.69 10.06 9.13 9.19Q9.56 8.32 10.36 7.84Q11.16 7.35 12.22 7.35Q13.29 7.35 14.08 7.84Q14.88 8.32 15.32 9.19Q15.75 10.06 15.75 11.25Q15.75 12.42 15.32 13.3Q14.88 14.19 14.08 14.66Q13.29 15.14 12.22 15.14ZM12.22 13.85Q13.17 13.85 13.69 13.16Q14.21 12.46 14.21 11.25Q14.21 10.03 13.69 9.34Q13.17 8.64 12.22 8.64Q11.28 8.64 10.76 9.34Q10.23 10.03 10.23 11.25Q10.23 12.46 10.76 13.16Q11.28 13.85 12.22 13.85ZM19.7 15.14Q18.58 15.14 17.91 14.39Q17.25 13.64 17.25 12.31L17.25 7.52L18.73 7.52L18.73 11.93Q18.73 12.94 19.08 13.42Q19.43 13.89 20.15 13.89Q20.96 13.89 21.41 13.37Q21.87 12.84 21.87 11.89L21.87 7.52L23.35 7.52L23.35 14.97L21.97 14.97L21.94 13.02L22.15 13.11Q21.95 14.09 21.32 14.61Q20.69 15.14 19.7 15.14ZM25.45 14.97L25.45 7.52L26.81 7.52L26.87 9.5L26.74 9.45Q26.89 8.45 27.36 7.98Q27.83 7.52 28.63 7.52L29.34 7.52L29.34 8.85L28.63 8.85Q28.07 8.85 27.69 9.03Q27.31 9.22 27.12 9.59Q26.94 9.97 26.94 10.57L26.94 14.97L25.45 14.97ZM33.28 15.14Q32.23 15.14 31.51 14.82Q30.79 14.49 30.39 13.93Q30 13.36 29.95 12.62L31.47 12.55Q31.58 13.16 32 13.53Q32.42 13.89 33.28 13.89Q33.98 13.89 34.38 13.67Q34.79 13.44 34.79 12.95Q34.79 12.69 34.66 12.5Q34.52 12.31 34.15 12.18Q33.77 12.04 33.03 11.92Q31.92 11.71 31.29 11.43Q30.66 11.15 30.39 10.71Q30.13 10.28 30.13 9.66Q30.13 8.64 30.89 8Q31.65 7.35 33.1 7.35Q34.06 7.35 34.72 7.68Q35.38 8.01 35.75 8.57Q36.12 9.12 36.22 9.8L34.69 9.89Q34.62 9.5 34.42 9.21Q34.22 8.92 33.88 8.76Q33.54 8.6 33.08 8.6Q32.37 8.6 32.02 8.88Q31.67 9.16 31.67 9.61Q31.67 9.94 31.83 10.15Q31.99 10.36 32.35 10.5Q32.72 10.63 33.32 10.73Q34.48 10.92 35.14 11.21Q35.8 11.5 36.06 11.92Q36.33 12.34 36.33 12.94Q36.33 13.64 35.94 14.13Q35.55 14.62 34.86 14.88Q34.17 15.14 33.28 15.14Z'/%3E%3C/svg%3E"); --overrides_after_size: 36.92px 20px; --overrides_after_padding: 50.92px; }

:root input.per_month { --overrides_after: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='52.3' height='20' viewBox='0 0 52.3 20'%3E%3Cpath fill='%23737373' d='M0.52 16.51L4.66 4.47L6.09 4.47L1.96 16.51L0.52 16.51ZM11.37 14.97L11.37 7.52L12.73 7.52L12.77 9.37L12.6 9.31Q12.73 8.7 13.04 8.26Q13.36 7.83 13.82 7.59Q14.28 7.35 14.83 7.35Q15.78 7.35 16.38 7.89Q16.98 8.43 17.14 9.37L16.9 9.37Q17.02 8.71 17.32 8.27Q17.63 7.83 18.1 7.59Q18.58 7.35 19.18 7.35Q19.96 7.35 20.52 7.68Q21.07 8.01 21.36 8.64Q21.64 9.27 21.64 10.18L21.64 14.97L20.16 14.97L20.16 10.55Q20.16 9.58 19.81 9.09Q19.46 8.6 18.75 8.6Q18.28 8.6 17.93 8.84Q17.58 9.08 17.39 9.52Q17.21 9.97 17.21 10.6L17.21 14.97L15.79 14.97L15.79 10.6Q15.79 9.65 15.48 9.12Q15.16 8.6 14.41 8.6Q13.93 8.6 13.59 8.84Q13.24 9.08 13.05 9.53Q12.85 9.99 12.85 10.6L12.85 14.97L11.37 14.97ZM26.66 15.14Q25.59 15.14 24.79 14.66Q24 14.19 23.56 13.3Q23.13 12.42 23.13 11.25Q23.13 10.06 23.56 9.19Q24 8.32 24.79 7.84Q25.59 7.35 26.66 7.35Q27.72 7.35 28.52 7.84Q29.32 8.32 29.75 9.19Q30.18 10.06 30.18 11.25Q30.18 12.42 29.75 13.3Q29.32 14.19 28.52 14.66Q27.72 15.14 26.66 15.14ZM26.66 13.85Q27.61 13.85 28.13 13.16Q28.64 12.46 28.64 11.25Q28.64 10.03 28.13 9.34Q27.61 8.64 26.66 8.64Q25.72 8.64 25.19 9.34Q24.67 10.03 24.67 11.25Q24.67 12.46 25.19 13.16Q25.72 13.85 26.66 13.85ZM31.68 14.97L31.68 7.52L33.04 7.52L33.1 9.51L32.91 9.41Q33.04 8.68 33.39 8.24Q33.74 7.79 34.24 7.57Q34.75 7.35 35.34 7.35Q36.18 7.35 36.73 7.73Q37.28 8.1 37.57 8.73Q37.86 9.37 37.86 10.18L37.86 14.97L36.37 14.97L36.37 10.63Q36.37 9.97 36.23 9.52Q36.09 9.08 35.77 8.84Q35.45 8.6 34.93 8.6Q34.15 8.6 33.66 9.12Q33.17 9.64 33.17 10.63L33.17 14.97L31.68 14.97ZM42.28 14.97Q41.22 14.97 40.71 14.48Q40.21 13.99 40.21 12.95L40.21 5.77L41.69 5.77L41.69 12.84Q41.69 13.36 41.92 13.56Q42.14 13.75 42.6 13.75L43.67 13.75L43.67 14.97L42.28 14.97ZM39.07 8.74L39.07 7.52L43.67 7.52L43.67 8.74L39.07 8.74ZM45.08 14.97L45.08 5.03L46.56 5.03L46.56 9.2L46.38 9.17Q46.51 8.54 46.84 8.14Q47.18 7.75 47.67 7.55Q48.16 7.35 48.75 7.35Q49.56 7.35 50.12 7.71Q50.68 8.07 50.97 8.71Q51.25 9.36 51.25 10.18L51.25 14.97L49.77 14.97L49.77 10.57Q49.77 9.57 49.43 9.08Q49.08 8.6 48.36 8.6Q47.54 8.6 47.05 9.11Q46.56 9.62 46.56 10.6L46.56 14.97L45.08 14.97Z'/%3E%3C/svg%3E"); --overrides_after_size: 52.3px 20px; --overrides_after_padding: 66.3px; }

:root input.area { --overrides_after: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.37' height='20' viewBox='0 0 17.37 20'%3E%3Cpath fill='%23737373' d='M1.05 14.97L1.05 7.52L2.41 7.52L2.45 9.37L2.28 9.31Q2.41 8.7 2.72 8.26Q3.04 7.83 3.5 7.59Q3.96 7.35 4.51 7.35Q5.46 7.35 6.06 7.89Q6.66 8.43 6.82 9.37L6.58 9.37Q6.71 8.71 7.01 8.27Q7.31 7.83 7.78 7.59Q8.26 7.35 8.86 7.35Q9.65 7.35 10.2 7.68Q10.75 8.01 11.04 8.64Q11.33 9.27 11.33 10.18L11.33 14.97L9.84 14.97L9.84 10.55Q9.84 9.58 9.49 9.09Q9.14 8.6 8.43 8.6Q7.97 8.6 7.62 8.84Q7.27 9.08 7.08 9.52Q6.89 9.97 6.89 10.6L6.89 14.97L5.47 14.97L5.47 10.6Q5.47 9.65 5.16 9.12Q4.84 8.6 4.09 8.6Q3.61 8.6 3.27 8.84Q2.93 9.08 2.73 9.53Q2.53 9.99 2.53 10.6L2.53 14.97L1.05 14.97ZM12.96 10.45Q12.96 9.8 13.06 9.35Q13.16 8.89 13.47 8.54Q13.78 8.18 14.38 7.86L15.09 7.48Q15.34 7.34 15.49 7.21Q15.64 7.09 15.7 6.93Q15.76 6.77 15.76 6.53Q15.76 6.19 15.54 6Q15.32 5.81 14.98 5.81Q14.52 5.81 14.28 6.04Q14.04 6.26 13.97 6.74L12.96 6.7Q13.05 5.87 13.56 5.39Q14.07 4.92 14.97 4.92Q15.85 4.92 16.32 5.36Q16.8 5.8 16.8 6.51Q16.8 7.17 16.45 7.56Q16.1 7.96 15.48 8.26L14.88 8.57Q14.48 8.78 14.31 9.03Q14.14 9.29 14.14 9.52L16.79 9.52L16.79 10.45L12.96 10.45Z'/%3E%3C/svg%3E"); --overrides_after_size: 17.37px 20px; --overrides_after_padding: 31.37px; }

:root input.volume { --overrides_after: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.21' height='20' viewBox='0 0 17.21 20'%3E%3Cpath fill='%23737373' d='M1.05 14.97L1.05 7.52L2.41 7.52L2.45 9.37L2.28 9.31Q2.41 8.7 2.72 8.26Q3.04 7.83 3.5 7.59Q3.96 7.35 4.51 7.35Q5.46 7.35 6.06 7.89Q6.66 8.43 6.82 9.37L6.58 9.37Q6.71 8.71 7.01 8.27Q7.31 7.83 7.78 7.59Q8.26 7.35 8.86 7.35Q9.65 7.35 10.2 7.68Q10.75 8.01 11.04 8.64Q11.33 9.27 11.33 10.18L11.33 14.97L9.84 14.97L9.84 10.55Q9.84 9.58 9.49 9.09Q9.14 8.6 8.43 8.6Q7.97 8.6 7.62 8.84Q7.27 9.08 7.08 9.52Q6.89 9.97 6.89 10.6L6.89 14.97L5.47 14.97L5.47 10.6Q5.47 9.65 5.16 9.12Q4.84 8.6 4.09 8.6Q3.61 8.6 3.27 8.84Q2.93 9.08 2.73 9.53Q2.53 9.99 2.53 10.6L2.53 14.97L1.05 14.97ZM14.73 10.56Q13.97 10.56 13.53 10.37Q13.09 10.18 12.89 9.82Q12.7 9.47 12.67 9.01L13.72 8.96Q13.75 9.27 13.98 9.47Q14.21 9.66 14.73 9.66Q15.2 9.66 15.46 9.45Q15.72 9.24 15.72 8.87Q15.72 8.5 15.47 8.28Q15.22 8.05 14.67 8.05L14.29 8.05L14.29 7.2L14.67 7.2Q15.04 7.2 15.26 7.03Q15.48 6.85 15.48 6.53Q15.48 6.22 15.29 6.02Q15.09 5.83 14.66 5.83Q14.27 5.83 14.04 6.02Q13.82 6.21 13.79 6.49L12.74 6.42Q12.82 5.76 13.3 5.34Q13.78 4.92 14.66 4.92Q15.62 4.92 16.08 5.33Q16.53 5.74 16.53 6.39Q16.53 6.88 16.29 7.16Q16.04 7.44 15.57 7.56Q16.25 7.72 16.52 8.07Q16.79 8.43 16.79 8.91Q16.79 9.66 16.23 10.11Q15.67 10.56 14.73 10.56Z'/%3E%3C/svg%3E"); --overrides_after_size: 17.21px 20px; --overrides_after_padding: 31.21px; }

:root input.energy { --overrides_after: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30.02' height='20' viewBox='0 0 30.02 20'%3E%3Cpath fill='%23737373' d='M1.05 14.97L1.05 5.03L2.53 5.03L2.53 11.2L5.88 7.52L7.76 7.52L4.84 10.66L7.87 14.97L6.16 14.97L3.85 11.58L2.53 12.98L2.53 14.97L1.05 14.97ZM11.69 14.97L9.06 5.03L10.67 5.03L12.6 12.88L14.53 5.03L16.07 5.03L18 12.88L19.92 5.03L21.56 5.03L18.91 14.97L17.15 14.97L15.3 7.72L13.45 14.97L11.69 14.97ZM22.79 14.97L22.79 5.03L24.28 5.03L24.28 9.2L24.09 9.17Q24.22 8.54 24.56 8.14Q24.89 7.75 25.38 7.55Q25.87 7.35 26.46 7.35Q27.27 7.35 27.83 7.71Q28.39 8.07 28.68 8.71Q28.97 9.36 28.97 10.18L28.97 14.97L27.48 14.97L27.48 10.57Q27.48 9.57 27.14 9.08Q26.8 8.6 26.07 8.6Q25.26 8.6 24.77 9.11Q24.28 9.62 24.28 10.6L24.28 14.97L22.79 14.97Z'/%3E%3C/svg%3E"); --overrides_after_size: 30.02px 20px; --overrides_after_padding: 44.02px; }

:root input.length { --overrides_after: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.39' height='20' viewBox='0 0 12.39 20'%3E%3Cpath fill='%23737373' d='M1.05 14.97L1.05 7.52L2.41 7.52L2.45 9.37L2.28 9.31Q2.41 8.7 2.72 8.26Q3.04 7.83 3.5 7.59Q3.96 7.35 4.51 7.35Q5.46 7.35 6.06 7.89Q6.66 8.43 6.82 9.37L6.58 9.37Q6.71 8.71 7.01 8.27Q7.31 7.83 7.78 7.59Q8.26 7.35 8.86 7.35Q9.65 7.35 10.2 7.68Q10.75 8.01 11.04 8.64Q11.33 9.27 11.33 10.18L11.33 14.97L9.84 14.97L9.84 10.55Q9.84 9.58 9.49 9.09Q9.14 8.6 8.43 8.6Q7.97 8.6 7.62 8.84Q7.27 9.08 7.08 9.52Q6.89 9.97 6.89 10.6L6.89 14.97L5.47 14.97L5.47 10.6Q5.47 9.65 5.16 9.12Q4.84 8.6 4.09 8.6Q3.61 8.6 3.27 8.84Q2.93 9.08 2.73 9.53Q2.53 9.99 2.53 10.6L2.53 14.97L1.05 14.97Z'/%3E%3C/svg%3E"); --overrides_after_size: 12.39px 20px; --overrides_after_padding: 26.39px; }

:root input.distance { --overrides_after: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.33' height='20' viewBox='0 0 20.33 20'%3E%3Cpath fill='%23737373' d='M1.05 14.97L1.05 5.03L2.53 5.03L2.53 11.2L5.88 7.52L7.76 7.52L4.84 10.66L7.87 14.97L6.16 14.97L3.85 11.58L2.53 12.98L2.53 14.97L1.05 14.97ZM8.99 14.97L8.99 7.52L10.35 7.52L10.39 9.37L10.22 9.31Q10.35 8.7 10.66 8.26Q10.98 7.83 11.44 7.59Q11.9 7.35 12.45 7.35Q13.4 7.35 14 7.89Q14.6 8.43 14.76 9.37L14.52 9.37Q14.64 8.71 14.95 8.27Q15.25 7.83 15.72 7.59Q16.2 7.35 16.8 7.35Q17.58 7.35 18.14 7.68Q18.69 8.01 18.98 8.64Q19.26 9.27 19.26 10.18L19.26 14.97L17.78 14.97L17.78 10.55Q17.78 9.58 17.43 9.09Q17.08 8.6 16.37 8.6Q15.9 8.6 15.55 8.84Q15.2 9.08 15.02 9.52Q14.83 9.97 14.83 10.6L14.83 14.97L13.41 14.97L13.41 10.6Q13.41 9.65 13.1 9.12Q12.78 8.6 12.03 8.6Q11.55 8.6 11.21 8.84Q10.86 9.08 10.67 9.53Q10.47 9.99 10.47 10.6L10.47 14.97L8.99 14.97Z'/%3E%3C/svg%3E"); --overrides_after_size: 20.33px 20px; --overrides_after_padding: 34.33px; }

:root input.weight { --overrides_after: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.23' height='20' viewBox='0 0 16.23 20'%3E%3Cpath fill='%23737373' d='M1.05 14.97L1.05 5.03L2.53 5.03L2.53 11.2L5.88 7.52L7.76 7.52L4.84 10.66L7.87 14.97L6.16 14.97L3.85 11.58L2.53 12.98L2.53 14.97L1.05 14.97ZM11.77 17.24Q10.89 17.24 10.22 16.97Q9.55 16.71 9.11 16.22Q8.68 15.74 8.53 15.1L10.07 15Q10.22 15.46 10.61 15.73Q10.99 16.01 11.77 16.01Q12.7 16.01 13.2 15.61Q13.69 15.22 13.69 14.42L13.69 13.35Q13.43 13.92 12.84 14.26Q12.25 14.59 11.52 14.59Q10.58 14.59 9.86 14.13Q9.13 13.67 8.72 12.86Q8.32 12.04 8.32 10.98Q8.32 9.9 8.71 9.09Q9.11 8.28 9.84 7.82Q10.56 7.35 11.47 7.35Q12.26 7.35 12.87 7.72Q13.48 8.08 13.75 8.7L13.75 7.52L15.18 7.52L15.18 14.38Q15.18 15.31 14.76 15.94Q14.35 16.58 13.59 16.91Q12.82 17.24 11.77 17.24ZM11.76 13.33Q12.63 13.33 13.15 12.7Q13.68 12.07 13.69 10.97Q13.71 10.24 13.47 9.71Q13.23 9.19 12.79 8.9Q12.35 8.61 11.76 8.61Q10.85 8.61 10.35 9.25Q9.86 9.89 9.86 10.97Q9.86 12.06 10.37 12.7Q10.88 13.33 11.76 13.33Z'/%3E%3C/svg%3E"); --overrides_after_size: 16.23px 20px; --overrides_after_padding: 30.23px; }

:root input.temperature { --overrides_after: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.75' height='20' viewBox='0 0 15.75 20'%3E%3Cpath fill='%23737373' d='M2.88 9.41Q2.25 9.41 1.73 9.1Q1.2 8.8 0.9 8.28Q0.59 7.76 0.59 7.1Q0.59 6.46 0.9 5.93Q1.2 5.41 1.73 5.11Q2.25 4.81 2.88 4.81Q3.51 4.81 4.04 5.11Q4.56 5.41 4.87 5.93Q5.18 6.46 5.18 7.1Q5.18 7.76 4.87 8.28Q4.56 8.8 4.04 9.1Q3.51 9.41 2.88 9.41ZM2.88 8.24Q3.36 8.24 3.68 7.92Q4 7.61 4 7.1Q4 6.6 3.68 6.28Q3.35 5.95 2.88 5.95Q2.44 5.95 2.1 6.28Q1.76 6.6 1.76 7.1Q1.76 7.61 2.1 7.92Q2.44 8.24 2.88 8.24ZM10.92 15.19Q9.58 15.19 8.55 14.57Q7.53 13.95 6.96 12.79Q6.38 11.62 6.38 10.01Q6.38 8.42 6.95 7.25Q7.52 6.08 8.54 5.44Q9.56 4.81 10.93 4.81Q12.78 4.81 13.8 5.73Q14.83 6.65 15.13 8.29L13.55 8.38Q13.36 7.35 12.71 6.77Q12.07 6.19 10.93 6.19Q10.02 6.19 9.36 6.65Q8.69 7.12 8.32 7.97Q7.95 8.82 7.95 10.01Q7.95 11.2 8.32 12.06Q8.69 12.91 9.37 13.36Q10.04 13.81 10.92 13.81Q12.12 13.81 12.79 13.17Q13.45 12.53 13.62 11.41L15.2 11.5Q15.02 12.63 14.48 13.46Q13.93 14.28 13.03 14.74Q12.14 15.19 10.92 15.19Z'/%3E%3C/svg%3E"); --overrides_after_size: 15.75px 20px; --overrides_after_padding: 29.75px; }

:root input.date_input { --overrides_after: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v4'/%3E %3Cpath d='M16 2v4'/%3E %3Crect width='18' height='18' x='3' y='4' rx='2'/%3E %3Cpath d='M3 10h18'/%3E%3C/svg%3E"); --overrides_after_padding: 30px; --overrides_autofill_after: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='20'%3E%3Csvg x='0' y='2' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v4'/%3E %3Cpath d='M16 2v4'/%3E %3Crect width='18' height='18' x='3' y='4' rx='2'/%3E %3Cpath d='M3 10h18'/%3E%3C/svg%3E%3C/svg%3E") 0 25 0 0 / calc(50% - 10px) 25px calc(50% - 10px) 0; }

.datepicker-container:where(.forms_dropin_picker) { width: 248px; padding: 12px; box-sizing: border-box; font-family: "Geist", sans-serif; font-size: 14px; line-height: 20px; color: #0a0a0a; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.datepicker-container:where(.forms_dropin_picker)::before, .datepicker-container:where(.forms_dropin_picker)::after { display: none; }

.datepicker-dropdown:where(.forms_dropin_picker) { border: 0; border-radius: 10px; box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.1), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); }

.datepicker-top-left:where(.forms_dropin_picker), .datepicker-top-right:where(.forms_dropin_picker) { margin-top: -2px; }

.datepicker-bottom-left:where(.forms_dropin_picker), .datepicker-bottom-right:where(.forms_dropin_picker) { margin-top: 2px; }

.datepicker-top-left:where(.forms_dropin_picker) { transform-origin: top left; }

.datepicker-top-right:where(.forms_dropin_picker) { transform-origin: top right; }

.datepicker-bottom-left:where(.forms_dropin_picker) { transform-origin: bottom left; }

.datepicker-bottom-right:where(.forms_dropin_picker) { transform-origin: bottom right; }

@media (prefers-reduced-motion: no-preference) { .datepicker-top-left:where(.forms_dropin_picker):not(.datepicker-hide), .datepicker-top-right:where(.forms_dropin_picker):not(.datepicker-hide) { animation: overrides_popover_in_below 0.1s ease; } .datepicker-bottom-left:where(.forms_dropin_picker):not(.datepicker-hide), .datepicker-bottom-right:where(.forms_dropin_picker):not(.datepicker-hide) { animation: overrides_popover_in_above 0.1s ease; } }

.datepicker-container:where(.forms_dropin_picker) .datepicker-panel > ul { width: auto; }

.datepicker-container:where(.forms_dropin_picker) .datepicker-panel > ul::before, .datepicker-container:where(.forms_dropin_picker) .datepicker-panel > ul::after { content: none; }

.datepicker-container:where(.forms_dropin_picker) .datepicker-panel > ul > li { float: none; width: auto; height: 32px; border-radius: 8px; background-color: transparent; font-size: 14px; line-height: 32px; font-weight: 400; color: #0a0a0a; transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1); }

.datepicker-container:where(.forms_dropin_picker) .datepicker-panel > ul > li:hover { background-color: whitesmoke; }

.datepicker-container:where(.forms_dropin_picker) .datepicker-panel > ul:not([data-view]) { position: relative; display: flex; align-items: center; justify-content: center; height: 32px; }

.datepicker-container:where(.forms_dropin_picker) .datepicker-panel > ul:not([data-view]) > li[data-view$=" prev"], .datepicker-container:where(.forms_dropin_picker) .datepicker-panel > ul:not([data-view]) > li[data-view$=" next"] { position: absolute; top: 0; width: 32px; font-size: 0; }

.datepicker-container:where(.forms_dropin_picker) .datepicker-panel > ul:not([data-view]) > li[data-view$=" prev"]::before, .datepicker-container:where(.forms_dropin_picker) .datepicker-panel > ul:not([data-view]) > li[data-view$=" next"]::before { content: ""; position: absolute; top: 8px; left: 8px; width: 16px; height: 16px; background-color: currentColor; }

.datepicker-container:where(.forms_dropin_picker) .datepicker-panel > ul:not([data-view]) > li[data-view$=" prev"] { left: 0; }

.datepicker-container:where(.forms_dropin_picker) .datepicker-panel > ul:not([data-view]) > li[data-view$=" prev"]::before { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E") center/16px 16px no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E") center/16px 16px no-repeat; }

.datepicker-container:where(.forms_dropin_picker) .datepicker-panel > ul:not([data-view]) > li[data-view$=" next"] { right: 0; }

.datepicker-container:where(.forms_dropin_picker) .datepicker-panel > ul:not([data-view]) > li[data-view$=" next"]::before { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") center/16px 16px no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") center/16px 16px no-repeat; }

.datepicker-container:where(.forms_dropin_picker) .datepicker-panel > ul:not([data-view]) > li[data-view$=" current"] { display: flex; align-items: center; gap: 4px; width: auto; padding: 0 10px; font-weight: 500; }

.datepicker-container:where(.forms_dropin_picker) .datepicker-panel > ul:not([data-view]) > li[data-view="month current"]::after, .datepicker-container:where(.forms_dropin_picker) .datepicker-panel > ul:not([data-view]) > li[data-view="year current"]::after { content: ""; width: 14px; height: 14px; background-color: #737373; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/14px 14px no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/14px 14px no-repeat; }

.datepicker-container:where(.forms_dropin_picker) .datepicker-panel > ul:not([data-view]) > li[data-view="years current"], .datepicker-container:where(.forms_dropin_picker) .datepicker-panel > ul:not([data-view]) > li[data-view="years current"]:hover { background-color: transparent; cursor: default; }

.datepicker-container:where(.forms_dropin_picker) .datepicker-panel > ul[data-view="week"] { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); margin-top: 16px; }

.datepicker-container:where(.forms_dropin_picker) .datepicker-panel > ul[data-view="week"] > li, .datepicker-container:where(.forms_dropin_picker) .datepicker-panel > ul[data-view="week"] > li:hover { height: 18px; background-color: transparent; font-size: 12.8px; line-height: 18px; color: #737373; cursor: default; }

.datepicker-container:where(.forms_dropin_picker) .datepicker-panel > ul[data-view="days"] { display: grid; grid-template-columns: repeat(7, 32px); row-gap: 8px; margin-top: 8px; }

.datepicker-container:where(.forms_dropin_picker) .datepicker-panel > ul[data-view="months"], .datepicker-container:where(.forms_dropin_picker) .datepicker-panel > ul[data-view="years"] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px 4px; margin-top: 16px; }

.datepicker-container:where(.forms_dropin_picker) .datepicker-panel > ul[data-view="months"] > li, .datepicker-container:where(.forms_dropin_picker) .datepicker-panel > ul[data-view="years"] > li { width: auto; height: 40px; line-height: 40px; }

.datepicker-container:where(.forms_dropin_picker) .datepicker-panel > ul[data-view] > li.muted { color: #737373; }

.datepicker-container:where(.forms_dropin_picker) .datepicker-panel > ul[data-view] > li.highlighted { background-color: whitesmoke; }

.datepicker-container:where(.forms_dropin_picker) .datepicker-panel > ul[data-view] > li.picked, .datepicker-container:where(.forms_dropin_picker) .datepicker-panel > ul[data-view] > li.picked:hover { background-color: #171717; color: #fafafa; }

.datepicker-container:where(.forms_dropin_picker) .datepicker-panel > ul[data-view] > li.disabled, .datepicker-container:where(.forms_dropin_picker) .datepicker-panel > ul[data-view] > li.disabled:hover { background-color: transparent; color: #737373; opacity: 0.5; cursor: default; }

:root .time_dropdown_wrapper > input { width: 100%; margin: 0; --overrides_after: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 6v6l4 2'/%3E %3Ccircle cx='12' cy='12' r='10'/%3E%3C/svg%3E"); --overrides_after_padding: 30px; --overrides_autofill_after: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='20'%3E%3Csvg x='0' y='2' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 6v6l4 2'/%3E %3Ccircle cx='12' cy='12' r='10'/%3E%3C/svg%3E%3C/svg%3E") 0 25 0 0 / calc(50% - 10px) 25px calc(50% - 10px) 0; }

.time_dropdown_wrapper { height: auto; }

.time_dropdown_wrapper .time_dropdown { top: calc(100% + 8px); z-index: 50; width: 100%; height: auto; border: 0; border-radius: 10px; box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.1), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); color: #0a0a0a; font-family: "Geist", sans-serif; font-size: 14px; line-height: 20px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; opacity: 0; transform-origin: top left; }

.time_dropdown_wrapper .time_dropdown .time_dropdown_inner { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 8px; padding: 8px; }

.time_dropdown_wrapper .time_dropdown .time_dropdown_inner::before, .time_dropdown_wrapper .time_dropdown .time_dropdown_inner::after { grid-row: 1; height: 24px; font-size: 12.8px; line-height: 24px; color: #737373; text-align: center; }

.time_dropdown_wrapper .time_dropdown .time_dropdown_inner::before { content: "Uur"; grid-column: 1; }

.time_dropdown_wrapper .time_dropdown .time_dropdown_inner::after { content: "Min"; grid-column: 2; }

.time_dropdown_wrapper .time_dropdown .time_dropdown_inner .uren, .time_dropdown_wrapper .time_dropdown .time_dropdown_inner .minuten { position: relative; top: auto; left: auto; grid-row: 2; display: flex; flex-direction: column; gap: 2px; width: auto; height: 236px; margin: 4px 0 0 0; padding: 0; overflow-x: hidden; overflow-y: auto; scrollbar-width: none; cursor: default; }

.time_dropdown_wrapper .time_dropdown .time_dropdown_inner .uren::-webkit-scrollbar, .time_dropdown_wrapper .time_dropdown .time_dropdown_inner .minuten::-webkit-scrollbar { display: none; }

.time_dropdown_wrapper .time_dropdown .time_dropdown_inner .uren span, .time_dropdown_wrapper .time_dropdown .time_dropdown_inner .minuten span { flex-shrink: 0; display: block; width: auto; height: 32px; padding: 0; border-radius: 8px; line-height: 32px; text-align: center; cursor: pointer; transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1); }

.time_dropdown_wrapper .time_dropdown .time_dropdown_inner .uren span:hover, .time_dropdown_wrapper .time_dropdown .time_dropdown_inner .minuten span:hover { background: whitesmoke; }

.time_dropdown_wrapper .time_dropdown .time_dropdown_inner .uren span.overrides_selected, .time_dropdown_wrapper .time_dropdown .time_dropdown_inner .uren span.overrides_selected:hover, .time_dropdown_wrapper .time_dropdown .time_dropdown_inner .minuten span.overrides_selected, .time_dropdown_wrapper .time_dropdown .time_dropdown_inner .minuten span.overrides_selected:hover { background: #171717; color: #fafafa; }

.time_dropdown_wrapper .time_dropdown .time_dropdown_inner .uren { grid-column: 1; }

.time_dropdown_wrapper .time_dropdown .time_dropdown_inner .minuten { grid-column: 2; }

.time_dropdown_wrapper .time_dropdown .time_dropdown_inner .tijd_bevestigen { display: none; }

.time_dropdown_wrapper.active .time_dropdown { opacity: 1; }

.time_dropdown_wrapper.overrides_dropup .time_dropdown { top: auto; bottom: calc(100% + 8px); transform-origin: bottom left; }

@media (prefers-reduced-motion: no-preference) { .time_dropdown_wrapper .time_dropdown { transform: scale(0.95); transition: opacity 0.1s ease, transform 0.1s ease, visibility 0s linear 0.1s; } .time_dropdown_wrapper.active .time_dropdown { transform: none; transition: visibility 0s; animation: overrides_popover_in_below 0.1s ease; } .time_dropdown_wrapper.active.overrides_dropup .time_dropdown { animation-name: overrides_popover_in_above; } }

.per_destination { --forms_unit: "per destination"; }

.eenheid_minuten { --forms_unit: "minuten"; }

.eenheid_st { --forms_unit: "st."; }

:root { --dropdowns_dropin: 1; }

@keyframes dropdowns_in_below { from { opacity: 0;
    transform: translateY(-8px) scale(0.95); } }

@keyframes dropdowns_in_above { from { opacity: 0;
    transform: translateY(8px) scale(0.95); } }

.dropdown:not(.dropdown_form):where(:is(form *, .style_grey, .style_grey *):not(.style_white, .style_white *)):not(.dropdown_checked_v3) > .dropdown_text { justify-content: flex-start; gap: 8px; width: 100%; padding: 0 10px; border: 1px solid transparent; border-radius: 10px; background-color: rgba(229, 229, 229, 0.5); font-size: 14px; line-height: 20px; font-weight: 400; color: #737373; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition-property: color, box-shadow; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

.dropdown:not(.dropdown_form):where(:is(form *, .style_grey, .style_grey *):not(.style_white, .style_white *)):not(.dropdown_checked_v3) > .dropdown_text > span { flex: 1 1 auto; min-width: 0; }

.dropdown:not(.dropdown_form):where(:is(form *, .style_grey, .style_grey *):not(.style_white, .style_white *)):not(.dropdown_checked_v3) > .dropdown_text span.chosen { color: #0a0a0a; }

.dropdown:not(.dropdown_form):where(:is(form *, .style_grey, .style_grey *):not(.style_white, .style_white *)):not(.dropdown_checked_v3) > .dropdown_text > svg { flex: 0 0 auto; width: 16px; height: 16px; margin: 0; color: #737373; opacity: 1; }

.dropdown:not(.dropdown_form):where(:is(form *, .style_grey, .style_grey *):not(.style_white, .style_white *)):not(.dropdown_checked_v3) > .dropdown_text > svg:last-of-type { order: 2; color: #71717a; opacity: 0.5; }

.dropdown:not(.dropdown_form):where(:is(form *, .style_grey, .style_grey *):not(.style_white, .style_white *)):not(.dropdown_checked_v3) > .dropdown_text > .selection_indicator { flex: 0 0 auto; order: 1; }

.dropdown:not(.dropdown_form):where(:is(form *, .style_grey, .style_grey *):not(.style_white, .style_white *)):not(.dropdown_checked_v3):has(> .dropdown_menu.active) > .dropdown_text { border-color: #a1a1a1; box-shadow: 0 0 0 3px rgba(161, 161, 161, 0.3); }

.dropdown:not(.dropdown_form):where(:is(form *, .style_grey, .style_grey *):not(.style_white, .style_white *)).dropdown_checked_v3 { padding: 0 10px; border: 1px solid transparent !important; border-radius: 10px !important; background-color: rgba(229, 229, 229, 0.5); transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1); }

.dropdown:not(.dropdown_form):where(:is(form *, .style_grey, .style_grey *):not(.style_white, .style_white *)).dropdown_checked_v3:hover { background-color: rgba(229, 229, 229, 0.8); }

.dropdown:not(.dropdown_form):where(:is(form *, .style_grey, .style_grey *):not(.style_white, .style_white *)).dropdown_checked_v3:has(> .dropdown_menu.active) { border-color: #a1a1a1 !important; box-shadow: 0 0 0 3px rgba(161, 161, 161, 0.3); }

.dropdown:not(.dropdown_form):where(:is(form *, .style_grey, .style_grey *):not(.style_white, .style_white *)).dropdown_checked_v3 .selection_indicator span { background-color: white; }

.dropdown:not(.dropdown_form) > .dropdown_menu { top: calc(100% + 8px); padding: 4px; border: 0; border-radius: 10px; box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.1), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); font-family: "Geist", sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform-origin: top left; transition: opacity 0.1s ease, transform 0.1s ease; }

.dropdown:not(.dropdown_form) > .dropdown_menu.align_right { transform-origin: top right; }

.dropdown:not(.dropdown_form) > .dropdown_menu.active { transform: none; }

.dropdown:not(.dropdown_form):is(.dropup, .overrides_dropup) > .dropdown_menu { top: auto; bottom: calc(100% + 8px); transform-origin: bottom left; }

.dropdown:not(.dropdown_form):is(.dropup, .overrides_dropup) > .dropdown_menu.align_right { transform-origin: bottom right; }

@media (prefers-reduced-motion: no-preference) { .dropdown:not(.dropdown_form) > .dropdown_menu.active { animation: dropdowns_in_below 0.1s ease; } .dropdown:not(.dropdown_form):is(.dropup, .overrides_dropup) > .dropdown_menu.active { animation-name: dropdowns_in_above; } }

.dropdown:not(.dropdown_form) .dropdown_menu .dropdown_option { position: relative; height: 32px; padding: 0 10px; border-radius: 8px; font-size: 14px; line-height: 20px; font-weight: 400; color: #0a0a0a; transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1); }

.dropdown:not(.dropdown_form) .dropdown_menu .dropdown_option:hover, .dropdown:not(.dropdown_form) .dropdown_menu .dropdown_option.active { background: whitesmoke; }

.dropdown:not(.dropdown_form):not(.dropdown_checked, .dropdown_checked_v3, .menu_dropdown) .dropdown_menu .dropdown_option { padding-right: 32px; }

.dropdown:not(.dropdown_form):not(.dropdown_checked, .dropdown_checked_v3, .menu_dropdown) .dropdown_menu .dropdown_option.chosen::after { content: ""; position: absolute; top: 8px; right: 10px; width: 16px; height: 16px; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/16px 16px no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/16px 16px no-repeat; }

.dropdown:not(.dropdown_form):is(.dropdown_checked, .dropdown_checked_v3) .dropdown_menu .dropdown_option { padding: 0 10px 0 32px; }

.dropdown:not(.dropdown_form):is(.dropdown_checked, .dropdown_checked_v3) .dropdown_menu .dropdown_option svg { position: absolute; top: 8px; left: 10px; margin: 0; }

.dropdown:not(.dropdown_form) .dropdown_menu input.dropdown_search { position: sticky; top: -4px; z-index: 1; display: block; width: calc(100% + 8px) !important; height: 36px; margin: -4px -4px 4px -4px !important; padding: 0 12px 0 34px !important; border: 0; border-bottom: 1px solid #e5e5e5; border-radius: 0; outline: none; background: white url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21 21-4.34-4.34'/%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3C/svg%3E") no-repeat left 12px center/16px 16px; box-shadow: none; font-family: inherit; font-size: 14px; line-height: 20px; color: #0a0a0a; }

.dropdown:not(.dropdown_form) .dropdown_menu input.dropdown_search::placeholder { color: #737373; opacity: 1; }

.dropdown:not(.dropdown_form) > .dropdown_menu:has(> input.dropdown_search) { overscroll-behavior: none; background: linear-gradient(#e5e5e5, #e5e5e5) 0 35px/100% 1px no-repeat border-box, white; }

.dropdown:not(.dropdown_form) > .dropdown_menu:has(> input.dropdown_search)::-webkit-scrollbar-track { margin-top: 36px; }

:root .dropdown_menu { --forms_style_fill: rgba(229, 229, 229, 0.5); --forms_style_border: transparent; --forms_style_radius: 10px; --forms_style_height: 32px; --forms_style_pad: 10px; --forms_style_halo: rgba(161, 161, 161, 0.3); --forms_style_smoothing: antialiased; --forms_style_moz_smoothing: grayscale; }

:root .dropdown.euro { --overrides_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 10h12'/%3E %3Cpath d='M4 14h9'/%3E %3Cpath d='M19 6a7.7 7.7 0 0 0-5.2-2A7.9 7.9 0 0 0 6 12c0 4.4 3.5 8 7.8 8 2 0 3.8-.8 5.2-2'/%3E%3C/svg%3E"); --overrides_before_padding: 30px; }

:root .dropdown.count { --overrides_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='4' x2='20' y1='9' y2='9'/%3E %3Cline x1='4' x2='20' y1='15' y2='15'/%3E %3Cline x1='10' x2='8' y1='3' y2='21'/%3E %3Cline x1='16' x2='14' y1='3' y2='21'/%3E%3C/svg%3E"); --overrides_before_padding: 30px; }

:root .dropdown.capacity { --overrides_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E %3Cpath d='M16 3.128a4 4 0 0 1 0 7.744'/%3E %3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87'/%3E %3Ccircle cx='9' cy='7' r='4'/%3E%3C/svg%3E"); --overrides_before_padding: 30px; }

:root .dropdown.rooms { --overrides_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 20H2'/%3E %3Cpath d='M11 4.562v16.157a1 1 0 0 0 1.242.97L19 20V5.562a2 2 0 0 0-1.515-1.94l-4-1A2 2 0 0 0 11 4.561z'/%3E %3Cpath d='M11 4H8a2 2 0 0 0-2 2v14'/%3E %3Cpath d='M14 12h.01'/%3E %3Cpath d='M22 20h-3'/%3E%3C/svg%3E"); --overrides_before_padding: 30px; }

:root .dropdown.bedrooms { --overrides_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 20v-8a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v8'/%3E %3Cpath d='M4 10V6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v4'/%3E %3Cpath d='M12 4v6'/%3E %3Cpath d='M2 18h20'/%3E%3C/svg%3E"); --overrides_before_padding: 30px; }

:root .dropdown.bathrooms { --overrides_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 4 8 6'/%3E %3Cpath d='M17 19v2'/%3E %3Cpath d='M2 12h20'/%3E %3Cpath d='M7 19v2'/%3E %3Cpath d='M9 5 7.621 3.621A2.121 2.121 0 0 0 4 5v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-5'/%3E%3C/svg%3E"); --overrides_before_padding: 30px; }

:root .dropdown.floor { --overrides_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z'/%3E %3Cpath d='M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12'/%3E %3Cpath d='M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17'/%3E%3C/svg%3E"); --overrides_before_padding: 30px; }

:root .dropdown.parking { --overrides_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 17h2c.6 0 1-.4 1-1v-3c0-.9-.7-1.7-1.5-1.9C18.7 10.6 16 10 16 10s-1.3-1.4-2.2-2.3c-.5-.4-1.1-.7-1.8-.7H5c-.6 0-1.1.4-1.4.9l-1.4 2.9A3.7 3.7 0 0 0 2 12v4c0 .6.4 1 1 1h2'/%3E %3Ccircle cx='7' cy='17' r='2'/%3E %3Cpath d='M9 17h6'/%3E %3Ccircle cx='17' cy='17' r='2'/%3E%3C/svg%3E"); --overrides_before_padding: 30px; }

:root .dropdown.keys { --overrides_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.586 17.414A2 2 0 0 0 2 18.828V21a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h.172a2 2 0 0 0 1.414-.586l.814-.814a6.5 6.5 0 1 0-4-4z'/%3E %3Ccircle cx='16.5' cy='7.5' r='.5' fill='%23737373'/%3E%3C/svg%3E"); --overrides_before_padding: 30px; }

:root .dropdown.meter { --overrides_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 14 4-4'/%3E %3Cpath d='M3.34 19a10 10 0 1 1 17.32 0'/%3E%3C/svg%3E"); --overrides_before_padding: 30px; }

:root .dropdown.energy_label { --overrides_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10Z'/%3E %3Cpath d='M2 21c0-3 1.85-5.36 5.08-6C9.5 14.52 12 13 13 12'/%3E%3C/svg%3E"); --overrides_before_padding: 30px; }

:root .dropdown.person { --overrides_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2'/%3E %3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E"); --overrides_before_padding: 30px; }

:root .dropdown.company { --overrides_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 12h4'/%3E %3Cpath d='M10 8h4'/%3E %3Cpath d='M14 21v-3a2 2 0 0 0-4 0v3'/%3E %3Cpath d='M6 10H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-2'/%3E %3Cpath d='M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16'/%3E%3C/svg%3E"); --overrides_before_padding: 30px; }

:root .dropdown.phone { --overrides_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384'/%3E%3C/svg%3E"); --overrides_before_padding: 30px; }

:root .dropdown.recipients { --overrides_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E %3Cpath d='M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-4 8'/%3E%3C/svg%3E"); --overrides_before_padding: 30px; }

:root .dropdown.website { --overrides_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E %3Cpath d='M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20'/%3E %3Cpath d='M2 12h20'/%3E%3C/svg%3E"); --overrides_before_padding: 30px; }

:root .dropdown.street { --overrides_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0'/%3E %3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E"); --overrides_before_padding: 30px; }

:root .dropdown.house_number { --overrides_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='4' x2='20' y1='9' y2='9'/%3E %3Cline x1='4' x2='20' y1='15' y2='15'/%3E %3Cline x1='10' x2='8' y1='3' y2='21'/%3E %3Cline x1='16' x2='14' y1='3' y2='21'/%3E%3C/svg%3E"); --overrides_before_padding: 30px; }

:root .dropdown.postal_code { --overrides_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 17a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9.5C2 7 4 5 6.5 5H18c2.2 0 4 1.8 4 4v8Z'/%3E %3Cpolyline points='15,9 18,9 18,11'/%3E %3Cpath d='M6.5 5C9 5 11 7 11 9.5V17a2 2 0 0 1-2 2'/%3E %3Cline x1='6' x2='7' y1='10' y2='10'/%3E%3C/svg%3E"); --overrides_before_padding: 30px; }

:root .dropdown.city { --overrides_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 10h.01'/%3E %3Cpath d='M12 14h.01'/%3E %3Cpath d='M12 6h.01'/%3E %3Cpath d='M16 10h.01'/%3E %3Cpath d='M16 14h.01'/%3E %3Cpath d='M16 6h.01'/%3E %3Cpath d='M8 10h.01'/%3E %3Cpath d='M8 14h.01'/%3E %3Cpath d='M8 6h.01'/%3E %3Cpath d='M9 22v-3a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v3'/%3E %3Crect x='4' y='2' width='16' height='20' rx='2'/%3E%3C/svg%3E"); --overrides_before_padding: 30px; }

:root .dropdown.iban { --overrides_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 18v-7'/%3E %3Cpath d='M11.12 2.198a2 2 0 0 1 1.76.006l7.866 3.847c.476.233.31.949-.22.949H3.474c-.53 0-.695-.716-.22-.949z'/%3E %3Cpath d='M14 18v-7'/%3E %3Cpath d='M18 18v-7'/%3E %3Cpath d='M3 22h18'/%3E %3Cpath d='M6 18v-7'/%3E%3C/svg%3E"); --overrides_before_padding: 30px; }

:root .dropdown.vat { --overrides_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 2v20l2-1 2 1 2-1 2 1 2-1 2 1 2-1 2 1V2l-2 1-2-1-2 1-2-1-2 1-2-1-2 1Z'/%3E %3Cpath d='M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8'/%3E %3Cpath d='M12 17.5v-11'/%3E%3C/svg%3E"); --overrides_before_padding: 30px; }

:root .dropdown.kvk { --overrides_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16'/%3E %3Crect width='20' height='14' x='2' y='6' rx='2'/%3E%3C/svg%3E"); --overrides_before_padding: 30px; }

:root .dropdown.reference { --overrides_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='4' x2='20' y1='9' y2='9'/%3E %3Cline x1='4' x2='20' y1='15' y2='15'/%3E %3Cline x1='10' x2='8' y1='3' y2='21'/%3E %3Cline x1='16' x2='14' y1='3' y2='21'/%3E%3C/svg%3E"); --overrides_before_padding: 30px; }

:root .dropdown.tag_list { --overrides_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z'/%3E %3Ccircle cx='7.5' cy='7.5' r='.5' fill='%23737373'/%3E%3C/svg%3E"); --overrides_before_padding: 30px; }

:root .dropdown.link { --overrides_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/%3E %3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3E%3C/svg%3E"); --overrides_before_padding: 30px; }

:root .dropdown.duration { --overrides_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 22h14'/%3E %3Cpath d='M5 2h14'/%3E %3Cpath d='M17 22v-4.172a2 2 0 0 0-.586-1.414L12 12l-4.414 4.414A2 2 0 0 0 7 17.828V22'/%3E %3Cpath d='M7 2v4.172a2 2 0 0 0 .586 1.414L12 12l4.414-4.414A2 2 0 0 0 17 6.172V2'/%3E%3C/svg%3E"); --overrides_before_padding: 30px; }

:root .dropdown.agenda { --overrides_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v4'/%3E %3Cpath d='M16 2v4'/%3E %3Crect width='18' height='18' x='3' y='4' rx='2'/%3E %3Cpath d='M3 10h18'/%3E %3Cpath d='M8 14h.01'/%3E %3Cpath d='M12 14h.01'/%3E %3Cpath d='M16 14h.01'/%3E %3Cpath d='M8 18h.01'/%3E %3Cpath d='M12 18h.01'/%3E %3Cpath d='M16 18h.01'/%3E%3C/svg%3E"); --overrides_before_padding: 30px; }

:root .dropdown.kind { --overrides_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.3 10a.7.7 0 0 1-.626-1.079L11.4 3a.7.7 0 0 1 1.198-.043L16.3 8.9a.7.7 0 0 1-.572 1.1Z'/%3E %3Crect x='3' y='14' width='7' height='7' rx='1'/%3E %3Ccircle cx='17.5' cy='17.5' r='3.5'/%3E%3C/svg%3E"); --overrides_before_padding: 30px; }

:root .dropdown.vehicle { --overrides_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21 8-2 2-1.5-3.7A2 2 0 0 0 15.646 5H8.4a2 2 0 0 0-1.903 1.257L5 10 3 8'/%3E %3Cpath d='M7 14h.01'/%3E %3Cpath d='M17 14h.01'/%3E %3Crect width='18' height='8' x='3' y='10' rx='2'/%3E %3Cpath d='M5 18v2'/%3E %3Cpath d='M19 18v2'/%3E%3C/svg%3E"); --overrides_before_padding: 30px; }

:root .dropdown.address { --overrides_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 22a1 1 0 0 1-1-1v-4a1 1 0 0 1 .445-.832l3-2a1 1 0 0 1 1.11 0l3 2A1 1 0 0 1 22 17v4a1 1 0 0 1-1 1z'/%3E %3Cpath d='M18 10a8 8 0 0 0-16 0c0 4.993 5.539 10.193 7.399 11.799a1 1 0 0 0 .601.2'/%3E %3Cpath d='M18 22v-3'/%3E %3Ccircle cx='10' cy='10' r='3'/%3E%3C/svg%3E"); --overrides_before_padding: 30px; }

:root .dropdown.no_icon { --overrides_before: initial; --overrides_before_padding: initial; --overrides_autofill_before: initial; }

:root .dropdown:is(.dropdown_form:not(.dropdown_checked), .dropdown_form.dropdown_checked.new) > .dropdown_text { width: 100%; height: var(--forms_style_height); margin-bottom: 0; padding: 0 var(--forms_style_pad) 0 var(--overrides_before_padding, var(--forms_style_pad)); border: 1px solid var(--forms_style_border); border-radius: var(--forms_style_radius); background-color: var(--forms_style_fill); background-image: var(--overrides_before, none); background-repeat: no-repeat; background-position: left 8px center; background-size: 16px 16px; font-size: 14px; line-height: 20px; font-weight: 400; color: #737373; -webkit-font-smoothing: var(--forms_style_smoothing); -moz-osx-font-smoothing: var(--forms_style_moz_smoothing); transition-property: color, box-shadow; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

:root .dropdown:is(.dropdown_form:not(.dropdown_checked), .dropdown_form.dropdown_checked.new) > .dropdown_text:hover { background-color: var(--forms_style_fill); background-image: var(--overrides_before, none); background-repeat: no-repeat; background-position: left 8px center; background-size: 16px 16px; }

:root .dropdown:is(.dropdown_form:not(.dropdown_checked), .dropdown_form.dropdown_checked.new) > .dropdown_text > svg { flex: 0 0 auto; width: 16px; height: 16px; margin: 0 0 0 8px; color: #71717a; opacity: 0.5; }

:root .dropdown:is(.dropdown_form:not(.dropdown_checked), .dropdown_form.dropdown_checked.new) > .dropdown_text span.chosen { color: #0a0a0a; }

:root .dropdown:is(.dropdown_form:not(.dropdown_checked), .dropdown_form.dropdown_checked.new):has(> .dropdown_menu.active) > .dropdown_text { border-color: #a1a1a1; box-shadow: 0 0 0 3px var(--forms_style_halo); }

:root select[aria-invalid="true"] + .dropdown:is(.dropdown_form:not(.dropdown_checked), .dropdown_form.dropdown_checked.new) > .dropdown_text, :root form p:has(+ .error, + .form_error) > .dropdown:is(.dropdown_form:not(.dropdown_checked), .dropdown_form.dropdown_checked.new) > .dropdown_text { border-color: #e7000b; box-shadow: 0 0 0 3px rgba(231, 0, 11, 0.2); }

:root .dropdown.dropdown_form.dropdown_checked.new > .dropdown_checked_selection { width: 0; min-width: 100%; justify-content: safe flex-end; }

:root .dropdown.dropdown_form.dropdown_checked:not(.new) > .dropdown_text { padding-left: var(--overrides_before_padding, 10px); background-image: var(--overrides_before, none); background-repeat: no-repeat; background-position: left 8px center; background-size: 16px 16px; }

:root .dropdown.dropdown_form.dropdown_checked:not(.new).left > .dropdown_checked_selection { order: -1; }

.dropdown.dropdown_form.dropdown_checked:not(.new):where(:is(form *, .style_grey, .style_grey *):not(.style_white, .style_white *)) { border: 1px solid transparent; border-radius: 10px; background: rgba(229, 229, 229, 0.5); transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1); }

.dropdown.dropdown_form.dropdown_checked:not(.new):where(:is(form *, .style_grey, .style_grey *):not(.style_white, .style_white *)):hover { background: rgba(229, 229, 229, 0.8); }

.dropdown.dropdown_form.dropdown_checked:not(.new):where(:is(form *, .style_grey, .style_grey *):not(.style_white, .style_white *)):has(> .dropdown_menu.active) { border-color: #a1a1a1; box-shadow: 0 0 0 3px rgba(161, 161, 161, 0.3); }

.dropdown.dropdown_form.dropdown_checked:not(.new):where(:is(form *, .style_grey, .style_grey *):not(.style_white, .style_white *)) > .dropdown_text { border-left-color: #d4d4d4; }

.dropdown.dropdown_form.dropdown_checked:not(.new):where(:is(form *, .style_grey, .style_grey *):not(.style_white, .style_white *)) .dropdown_checked_selection span { background: white; }

:root select[aria-invalid="true"] + .dropdown.dropdown_form.dropdown_checked:not(.new), :root form p:has(+ .error, + .form_error) > .dropdown.dropdown_form.dropdown_checked:not(.new) { border: 1px solid #e7000b; box-shadow: 0 0 0 3px rgba(231, 0, 11, 0.2); }

:root select:disabled + .dropdown.dropdown_form, :root .dropdown.dropdown_form.disabled { opacity: 0.5; pointer-events: none; }

:root .dropdown.dropdown_form > .dropdown_menu { top: calc(100% + 8px); padding: 4px; border: 0; border-radius: 10px; box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.1), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); font-family: "Geist", sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform-origin: top left; transition: opacity 0.1s ease, transform 0.1s ease; }

:root .dropdown.dropdown_form > .dropdown_menu.active { transform: none; }

@media (prefers-reduced-motion: no-preference) { :root .dropdown.dropdown_form > .dropdown_menu.active { animation: dropdowns_in_below 0.1s ease; } }

.dropdown.overrides_dropup > .dropdown_menu { top: auto !important; bottom: calc(100% + 3px); transform-origin: bottom left; }

.dropdown.overrides_dropup > .dropdown_menu.align_right { transform-origin: bottom right; }

:root .dropdown.dropdown_form.overrides_dropup > .dropdown_menu { bottom: calc(100% + 8px); transform-origin: bottom left; }

@media (prefers-reduced-motion: no-preference) { :root .dropdown.dropdown_form.overrides_dropup > .dropdown_menu.active { animation-name: dropdowns_in_above; } }

:root .dropdown.dropdown_form .dropdown_option { position: relative; height: 32px; padding: 0 32px 0 10px; border-radius: 8px; font-size: 14px; line-height: 20px; font-weight: 400; color: #0a0a0a; transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1); }

:root .dropdown.dropdown_form .dropdown_option:hover { background: whitesmoke; }

:root .dropdown.dropdown_form:not(.dropdown_checked) .dropdown_option.chosen::after { content: ""; position: absolute; top: 8px; right: 10px; width: 16px; height: 16px; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/16px 16px no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/16px 16px no-repeat; }

:root .dropdown.dropdown_form.dropdown_checked .dropdown_option { padding: 0 10px 0 32px; }

:root .dropdown.dropdown_form.dropdown_checked .dropdown_option svg { position: absolute; top: 8px; left: 10px; margin: 0; }

:root .dropdown input.dropdown_search { --overrides_before: none; --overrides_before_padding: 10px; }

:root .dropdown.dropdown_form .dropdown_menu input.dropdown_search { position: sticky; top: -4px; z-index: 1; width: calc(100% + 8px) !important; height: 36px; margin: -4px -4px 4px -4px !important; padding: 0 12px 0 34px !important; border: 0; border-bottom: 1px solid #e5e5e5; border-radius: 0; background-color: white; background-position: left 12px center, right 8px center; box-shadow: none; --overrides_before: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21 21-4.34-4.34'/%3E %3Ccircle cx='11' cy='11' r='8'/%3E%3C/svg%3E"); --overrides_before_padding: 34px; --overrides_after: none; }

:root .dropdown.dropdown_form .dropdown_menu input.dropdown_search:focus, :root .dropdown.dropdown_form .dropdown_menu input.dropdown_search:focus-visible { border-color: #e5e5e5; box-shadow: none; }

:root .dropdown.dropdown_form > .dropdown_menu:has(> input.dropdown_search) { overscroll-behavior: none; background: linear-gradient(#e5e5e5, #e5e5e5) 0 35px/100% 1px no-repeat border-box, white; }

:root .dropdown.dropdown_form > .dropdown_menu:has(> input.dropdown_search)::-webkit-scrollbar-track { margin-top: 36px; }

:root { --dropdowns_sizing_dropin: 1; }

.dropdown:not(.dropdown_form, .dropdown_checked_v3) { width: 200px; }

.dropdown.tiny { width: 110px; }

.dropdown.small { width: 150px; }

.dropdown.medium { width: 300px; }

.dropdown.wide { width: 400px; }

.dropdown:is(:not(.dropdown_checked, .dropdown_checked_v3), .dropdown_checked_v2):not(:has(> .dropdown_label)) > .dropdown_text { width: 100%; }

.dropdown.dropdown > .dropdown_menu { min-width: 100%; width: max-content; max-width: 480px; }

.dropdown.menu_no_grow > .dropdown_menu { width: 100%; min-width: 0; }

.dropdown.menu_no_grow > .dropdown_menu .dropdown_option, .dropdown > .dropdown_menu.overrides_cut .dropdown_option { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 32px; }

:root { --alerts_dropin: 1; }

.info_block { display: grid; grid-template-columns: minmax(0, 1fr); column-gap: 8px; align-items: start; box-sizing: border-box; max-width: 100%; padding: 8px 10px; border: 1px solid #e5e5e5; border-radius: 10px; background: white; color: #0a0a0a; font-size: 14px; line-height: 20px; text-align: left; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }

.info_block:has(> svg) { grid-template-columns: auto minmax(0, 1fr); }

.info_block:has(> svg) > :not(svg) { grid-column: 2; }

.info_block > svg, .info_block.warning > svg { width: 16px; min-width: 16px; height: 16px; margin: 0; translate: 0 2px; color: currentColor; }

.info_block .info_block_main { display: flex; flex-direction: column; row-gap: 2px; font-weight: 500; letter-spacing: normal; }

.info_block .info_block_main .info_block_header { margin: 0; color: inherit; font: inherit; letter-spacing: inherit; }

.info_block .info_block_main .info_block_sub { color: #737373; font-size: 14px; font-weight: 400; line-height: 20px; letter-spacing: normal; }

.info_block > div:not(.info_block_main) > span { margin-top: 2px; color: #737373; font-size: 14px; line-height: 20px; }

.info_block > div:not(.info_block_main) > span.title { margin-top: 0; color: #0a0a0a; font-weight: 500; }

.toast_close { transition: translate 0.15s cubic-bezier(0.4, 0, 0.2, 1); }

#toast_container_container .toast_container .toast { touch-action: none; }

#toast_container_container .toast_container .toast.alerts_dropin_dragging { transition: none; }

#toast_container_container .toast_container .toast.alerts_dropin_settling { transition: translate 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1); }

#toast_container_container .toast_container.alerts_dropin_collapsing { height: 0; margin-top: -12px; transition: height 0.2s cubic-bezier(0.4, 0, 0.2, 1), margin-top 0.2s cubic-bezier(0.4, 0, 0.2, 1); }

@media (prefers-reduced-motion: reduce) { #toast_container_container .toast_container .toast.alerts_dropin_settling, #toast_container_container .toast_container.alerts_dropin_collapsing { transition: none; } }

:root { --dialogs_dropin: 1; }

@keyframes dialogs_dropin_fade_in { from { opacity: 0; } }

@keyframes dialogs_dropin_fade_out { from { opacity: 1; } }

@keyframes dialogs_dropin_zoom_in { from { opacity: 0;
    transform: scale(0.95); } }

@keyframes dialogs_dropin_zoom_out { from { opacity: 1;
    transform: none; } }

@keyframes dialogs_dropin_slide_up { from { transform: translateY(calc(100% + 8px)); } }

@keyframes dialogs_dropin_slide_down { from { transform: translateY(var(--dialogs_dropin_drag, 0px)); } }

#dialog, #dialog_popup { overflow-y: auto; background: transparent; transition: visibility 0s linear 0.1s; }

#dialog.active, #dialog_popup.active { background: transparent; transition: visibility 0s; }

#dialog::before, #dialog_popup::before { content: ""; position: fixed; inset: 0; background: rgba(0, 0, 0, 0.8); opacity: 0; transition: opacity 0.1s ease; }

#dialog.active::before, #dialog_popup.active::before { opacity: 1; }

#dialog .dialog_wrapper, #dialog_popup .dialog_popup_wrapper { display: block; position: relative; max-width: calc(100% - 32px); max-height: none; margin: auto; padding: 24px; color: #0a0a0a; font-family: "Geist", sans-serif; font-size: 14px; line-height: 20px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; opacity: 0; transform: scale(0.95); transition: opacity 0.1s ease, transform 0.1s ease; border: 0; border-radius: 14px; background: white; box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.05), 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); }

#dialog .dialog_wrapper > div, #dialog_popup .dialog_popup_wrapper > div { padding: 0; }

#dialog .dialog_wrapper > div:empty, #dialog_popup .dialog_popup_wrapper > div:empty { display: none; }

#dialog.active .dialog_wrapper, #dialog_popup.active .dialog_popup_wrapper { opacity: 1; transform: none; }

@media (prefers-reduced-motion: no-preference) { #dialog.active::before, #dialog_popup.active::before { animation: dialogs_dropin_fade_in 0.1s ease; } #dialog.active .dialog_wrapper, #dialog_popup.active .dialog_popup_wrapper { animation: dialogs_dropin_zoom_in 0.1s ease; } }

#dialog.dialogs_dropin_leaving { visibility: visible; pointer-events: none; }

#dialog.dialogs_dropin_leaving::before { animation: dialogs_dropin_fade_out 0.1s ease; }

#dialog.dialogs_dropin_leaving .dialog_wrapper { animation: dialogs_dropin_zoom_out 0.1s ease; }

html:has(#dialog.active, #dialog_popup.active) { overflow: hidden; }

html:has(#dialog.active, #dialog_popup.active) body, html:has(#dialog.active, #dialog_popup.active) #content_right { overflow: hidden; }

#dialog .dialog_wrapper #dialog_close_x { position: absolute; top: 16px; right: 16px; z-index: 2; cursor: pointer; transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1); box-sizing: border-box; width: 28px; height: 28px; padding: 5px; border: 1px solid transparent; border-radius: 10px; background: whitesmoke; color: #0a0a0a; }

#dialog .dialog_wrapper #dialog_close_x:hover { background: whitesmoke; color: #0a0a0a; }

#dialog .dialog_wrapper #dialog_close_x:focus { border-color: transparent; box-shadow: none; }

#dialog .dialog_wrapper #dialog_close_x:focus-visible { outline: none; border-color: #a1a1a1; box-shadow: 0 0 0 3px rgba(161, 161, 161, 0.3); }

#dialog .dialog_wrapper #dialog_close_x:active { transform: translateY(1px); }

#dialog .dialog_wrapper #dialog_form { column-gap: 24px; }

#dialog .dialog_wrapper #dialog_form .dropdown.dropdown_form { width: 334px; }

#dialog .dialog_wrapper .dialog_split { column-gap: 24px; }

#dialog_popup .dialog_popup_wrapper { width: min-content; min-width: 448px; }

#dialog_popup .dialog_popup_wrapper #dialog_popup_close_x { display: none; }

#dialog_popup .dialog_popup_wrapper #popup_placeholder { display: flex; flex-direction: column; }

#dialog_popup .dialog_popup_wrapper #popup_placeholder > br { display: none; }

#dialog_popup .dialog_popup_wrapper #dialog_popup_title { margin: 0; font-size: 18px; line-height: 28px; font-weight: 500; letter-spacing: normal; color: #0a0a0a; }

#dialog_popup .dialog_popup_wrapper #dialog_popup_text { margin: 6px 0 0 0; font-size: 14px; line-height: 20px; font-weight: 400; color: #737373; text-wrap: pretty; }

#dialog_popup .dialog_popup_wrapper .item_group_horizontal { display: flex; flex-direction: row; justify-content: flex-end; align-items: center; gap: 8px; margin: 24px 0 0 0; }

#dialog_popup .dialog_popup_wrapper .item_group_horizontal .button { margin: 0; }

:root { --sidebar_dropin: 1; }

@keyframes sidebar_dropin_menu_in { from { opacity: 0;
    transform: translateX(-8px) scale(0.95); } }

.sidebar_dropin_toggle { display: none; }

#content_left .sidebar_dropin_toggle:active sidebar-dropin-handle { translate: 0 1px; }

:is(button, [type="button"], [type="submit"], [type="reset"], .button, .dt-paging-button, .pagination_btn, .toast_close, .scroll_dropin_btn):active:not( :disabled, [disabled], .disabled, [aria-disabled="true"], [aria-haspopup], .buttons-collection, .btn_nav, .buttons-columnVisibility, .row_menu_option, [role="menuitem"], [role="tab"], .dt-button-collection *, .row_menu_popup *, .dropdown_menu *, .btn_popup_popup *, .sidebar_dropin_toggle, .qn_btn, #dialog_close_x) { translate: 0 1px; }

:is(button, [type="button"], [type="submit"], [type="reset"], .button, .dt-paging-button, .pagination_btn, .toast_close, .scroll_dropin_btn):not(.btn_nav, .buttons-columnVisibility, .row_menu_option, [role="menuitem"], [role="tab"], .dt-button-collection *, .row_menu_popup *, .dropdown_menu *, .btn_popup_popup *) { -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; }

.button, button.btn_general, form button { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, translate; }

:root { --nav_dropin: 1; }

.menu_dropin_edge { display: none; }

.menu_dropin_scroll_btn { transition: translate 0.15s cubic-bezier(0.4, 0, 0.2, 1); }

html.tooltip_dropin_js #content_left a.disabled, html.tooltip_dropin_js #content_container nav.settings_nav .nav_button.disabled, html.tooltip_dropin_js .submenu .submenu_button.disabled, html.tooltip_dropin_js .button.soon, html.tooltip_dropin_js #buttons_top .mobile_button_row_item.disabled { pointer-events: auto; cursor: default; }

html.tooltip_dropin_js #content_left a.disabled > *, html.tooltip_dropin_js #content_container nav.settings_nav .nav_button.disabled a, html.tooltip_dropin_js .submenu .submenu_button.disabled a, html.tooltip_dropin_js .button.soon > *, html.tooltip_dropin_js #buttons_top .mobile_button_row_item.disabled > * { pointer-events: none; }

html.tooltip_dropin_js #base_left #left_top > a.disabled[data-sidebar-dropin-tip]::before, html.tooltip_dropin_js #base_left #left_top > a.disabled[data-sidebar-dropin-tip]::after, html.tooltip_dropin_js #base_left #left_bottom2 > a.disabled[data-sidebar-dropin-tip]::before, html.tooltip_dropin_js #base_left #left_bottom2 > a.disabled[data-sidebar-dropin-tip]::after { display: none; }

tooltip-dropin { position: fixed; z-index: 1000; top: 0; left: 0; display: block; box-sizing: border-box; max-width: calc(100vw - 16px); padding: 6px 12px; border-radius: 8px; background: #0a0a0a; color: #fafafa; font-family: "Geist", sans-serif; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: normal; white-space: nowrap; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; pointer-events: none; user-select: none; -webkit-user-select: none; opacity: 0; visibility: hidden; transform: scale(0.95); transition: opacity 0.1s cubic-bezier(0.4, 0, 0.2, 1), transform 0.1s cubic-bezier(0.4, 0, 0.2, 1), visibility 0s linear 0.1s; }

tooltip-dropin::before { content: ""; position: absolute; width: 10px; height: 10px; border-radius: 2px; background: inherit; transform: rotate(45deg); }

tooltip-dropin[data-side="right"] { transform-origin: left center; }

tooltip-dropin[data-side="right"]::before { top: 50%; left: -4px; margin-top: -5px; }

tooltip-dropin[data-side="bottom"] { transform-origin: var(--tooltip_dropin_arrow, 50%) top; }

tooltip-dropin[data-side="bottom"]::before { top: -4px; left: var(--tooltip_dropin_arrow, 50%); margin-left: -5px; }

tooltip-dropin.tooltip_dropin_open { opacity: 1; visibility: visible; transform: none; transition: opacity 0.1s cubic-bezier(0.4, 0, 0.2, 1), transform 0.1s cubic-bezier(0.4, 0, 0.2, 1); }

@media (prefers-reduced-motion: reduce) { tooltip-dropin, tooltip-dropin.tooltip_dropin_open { transform: none; transition: none; } }

@media (max-width: 1023.98px) { #content_wrapper { height: 100vh; height: 100dvh; max-height: 100vh; max-height: 100dvh; } #content_wrapper #content #content_inner #content_right { width: 100%; } #content_wrapper #content #content_inner #content_right.wide { width: 100%; } #content_container .content_container_column, #content_container .box { min-width: 0 !important; max-width: 100% !important; } #content_container .box .info_block, #content_container .box .toggle_wrapper { width: auto !important; max-width: 100% !important; } #content_container .box .header_icon { flex-wrap: wrap; row-gap: 8px; } #content_container .box .header_icon:has(> .dropdown) > h2 { flex: 1 0 calc(100% - 40px); } #content_container .box .header_icon > .dropdown { flex: 1 1 140px; width: auto !important; min-width: 0 !important; } #content_container .box div:has(> .button) { flex-wrap: wrap; gap: 8px; } }

@media (max-width: 767.98px) { #content_wrapper #content #content_inner #content_right { min-height: 0; padding: 0; } #content_wrapper #content #content_inner #content_right #content_right_inner { border: none; border-radius: 0; } h1 { font-size: 32px; line-height: 36px; letter-spacing: -0.8px; } .h1_sub { font-size: 18px; line-height: 26px; margin-top: 4px; } #content_top { padding-left: 16px; padding-right: 16px; } #content_top.content_top_big { padding: 24px 16px 20px 16px; } #content_container { padding: 16px; flex-direction: column; align-items: stretch; } #content_container .content_container_subrow { flex-direction: column; row-gap: 16px; } .box { max-width: 100%; } .box > div { padding: 16px; } .box h2 { font-size: 20px; line-height: 28px; letter-spacing: -0.5px; } .box .header_icon h2 { margin-right: 0; } .box .box_footer { flex-wrap: wrap; row-gap: 12px; } #content_top.content_top_big h1, #content_top.content_top_big h2 { font-size: 30px; line-height: 36px; letter-spacing: -1px; } #content_top.content_top_big:has(+ #content_container > .submenu:first-child) { padding-bottom: 4px; background: #fafafa; } #content_container:has(> .submenu:first-child) { padding-top: 0; } #content_container:has(> .submenu:first-child) > .submenu:first-child { margin: 0 -16px 16px -16px; border-top: 0; border-bottom: 1px solid #e4e4e7; background: #fafafa; } }

@media (max-width: 767.98px) { .hide_mobile { display: none !important; } }

@media (min-width: 768px) and (max-width: 1023.98px) { .hide_tablet { display: none !important; } }

@media (min-width: 1024px) { .hide_desktop { display: none !important; } }

@media (min-width: 768px) and (max-width: 1023.98px) { #content_wrapper #content #content_inner #content_left { width: 64px; overflow: visible; } #content_wrapper #content #content_inner #content_right { padding-left: 64px; } #content_left #sidebar { width: 100%; } #base_left #left_header { padding: 5px 0; align-items: center; } #base_left #left_header .btn_nav.logobtn { padding: 0; } #base_left #left_header .btn_nav.logobtn span { display: none; } #left_top, #left_bottom2 { padding: 8px 0; align-items: center; } #left_top > a > .btn_nav, #left_bottom2 > a > .btn_nav { width: 44px; height: 44px; padding: 0; justify-content: center; } #left_top > a > .btn_nav span, #left_bottom2 > a > .btn_nav span { display: none; } #left_bottom2 .menu_title { display: none; } #left_bottom2:has(> a)::before { content: ""; width: 36px; height: 1px; margin-bottom: 8px; background: #e4e4e7; } #left_footer { align-items: center; } #left_footer > .btn_nav { width: 44px; padding: 6px; justify-content: center; } #left_footer > .btn_nav #footer_info, #left_footer > .btn_nav > .last_right { display: none; } #left_footer .btn_popup_popup { left: 0; right: auto; z-index: 50; } }

@media (max-width: 767.98px) { #content_wrapper #content #content_inner #content_left { position: relative; top: auto; left: auto; width: 100%; height: auto; padding: 0; flex-shrink: 0; overflow: visible; z-index: 10; background: white; } #base_left { height: auto; } #content_left #sidebar { width: 100%; height: auto; } #base_left #left_header { height: 56px; padding: 0 60px 0 12px; flex-direction: row; align-items: center; } #base_left #left_header .btn_nav { height: 44px; } #base_left #left_header .btn_nav .logo_wrapper, #base_left #left_header .btn_nav .logo_wrapper img { width: 32px; height: 32px; } #base_left #left_header .btn_nav span { font-size: 20px; } #left_menus { height: auto; flex-direction: row; align-items: center; justify-content: flex-start; column-gap: 4px; padding: 6px 0 6px 12px; overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; scrollbar-width: none; background: #fafafa; border-top: 1px solid #e4e4e7; border-bottom: 1px solid #e4e4e7; } #left_menus::-webkit-scrollbar { display: none; } #left_menus::after { content: ""; flex: 0 0 8px; height: 1px; } html:not(.menu_dropin_js) #content_left #sidebar::after { content: ""; position: absolute; top: calc(56px + 1px); right: 0; width: 32px; height: 56px; background: linear-gradient(to right, rgba(250, 250, 250, 0), #fafafa); pointer-events: none; } html:not(.menu_dropin_js) #left_menus::after { flex-basis: 28px; } #left_top, #left_bottom2 { flex-direction: row; flex-shrink: 0; align-self: auto; align-items: center; column-gap: 4px; padding: 0; } #left_top > a, #left_bottom2 > a { flex-shrink: 0; } #left_top > a > .btn_nav, #left_bottom2 > a > .btn_nav { width: auto; height: 44px; padding: 0 14px; } #left_bottom2 .menu_title { display: none; } #left_bottom2:has(> a)::before { content: ""; flex-shrink: 0; width: 1px; height: 20px; margin: 0 6px; background: #e4e4e7; } #left_footer { position: absolute; top: calc((56px - 44px) / 2); right: 8px; margin: 0; z-index: 20; } #left_footer > .btn_nav { width: 44px; height: 44px; padding: 6px; justify-content: center; } #left_footer > .btn_nav #footer_info, #left_footer > .btn_nav > .last_right { display: none; } #left_footer .btn_popup_popup { top: calc(100% + 4px); transform: none; min-width: 180px; } }

@media (min-width: 768px) { #content_wrapper #content #content_inner #content_right #content_right_inner { border: none; border-radius: 14px; box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.05), 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); } #content_wrapper #content #content_inner #content_left { background: transparent; } #base_left .btn_nav { color: #0a0a0a; border-radius: 8px; transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), color 0.15s cubic-bezier(0.4, 0, 0.2, 1); } #base_left .btn_nav:hover { background-color: #f5f5f5; color: #171717; } #base_left .btn_nav:focus-visible { outline: none; box-shadow: 0 0 0 2px #a1a1a1; } #base_left a.active .btn_nav { background: #171717; color: #fafafa; font-weight: 500; } #base_left a.active .btn_nav:hover { background: rgba(23, 23, 23, 0.9); color: #fafafa; } #base_left a.disabled { opacity: 1; } #base_left a.disabled .btn_nav { opacity: 0.5; } #base_left #left_footer #footer_initials { flex-shrink: 0; border-radius: 10px; background: #e5e5e5; color: #0a0a0a; font-size: 12px; line-height: 16px; font-weight: 500; } #base_left #left_footer .btn_popup_popup { top: auto; right: auto; bottom: 0; left: calc(100% + 4px); z-index: 102; width: 224px; padding: 4px; row-gap: 0; border: none; border-radius: 10px; background: white; box-shadow: 0 0 0 1px #e5e5e5, 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); color: #0a0a0a; font-weight: 400; white-space: nowrap; cursor: default; transform: none; transform-origin: left bottom; } #base_left #left_footer .btn_popup_popup form button.btn_nav { width: 100%; height: 32px !important; max-height: none; padding: 0 8px !important; column-gap: 8px; border-radius: 8px; color: #0a0a0a; font-weight: 400; line-height: 20px; } #base_left #left_footer .btn_popup_popup form button.btn_nav:hover { background: #f5f5f5; color: #171717; } #base_left #left_footer .btn_popup_popup form button.btn_nav .svg_wrapper { display: flex; flex-shrink: 0; margin: 0 !important; padding: 0; color: #737373; } #base_left #left_footer .btn_popup_popup form button.btn_nav svg { width: 16px !important; height: 16px; } #base_left #left_footer .btn_popup_popup form button.btn_nav span, #base_left #left_footer .btn_popup_popup form button.btn_nav span:hover { margin-left: 0 !important; background: transparent; color: inherit; line-height: 20px; } #base_left #left_footer .btn_popup.active .btn_popup_popup { animation: sidebar_dropin_menu_in 0.15s cubic-bezier(0.4, 0, 0.2, 1); } #base_left sidebar-dropin-account { display: flex; align-items: center; column-gap: 8px; padding: 6px; } #base_left sidebar-dropin-avatar { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 32px; height: 32px; border-radius: 10px; background: #e5e5e5; font-size: 12px; line-height: 16px; font-weight: 500; } #base_left sidebar-dropin-names { display: flex; flex-direction: column; min-width: 0; } #base_left sidebar-dropin-name, #base_left sidebar-dropin-email { overflow: hidden; text-overflow: ellipsis; } #base_left sidebar-dropin-name { font-size: 14px; line-height: 17.5px; font-weight: 500; } #base_left sidebar-dropin-email { color: #737373; font-size: 12px; line-height: 15px; } #base_left sidebar-dropin-separator { display: block; height: 1px; margin: 4px -4px; background: #e5e5e5; } }

@media (min-width: 1024px) { #content_wrapper #content #content_inner #content_left { width: 256px; overflow: visible; transition: width 0.2s linear; } #content_wrapper #content #content_inner #content_right { padding-left: 256px; transition: padding-left 0.2s linear; } html.sidebar_dropin_collapsed #content_wrapper #content #content_inner #content_left { width: 64px; } html.sidebar_dropin_collapsed #content_wrapper #content #content_inner #content_right { padding-left: 64px; } #content_left #sidebar { display: flex; flex-direction: column; width: auto; } #base_left #left_header { flex-shrink: 0; height: auto; line-height: 20px; } #base_left #left_header > a { display: block; } #base_left #collapse_button_spacer { display: none; } #base_left #left_menus { flex: 1; min-height: 0; height: auto; } #base_left #left_header .btn_nav.logobtn { width: 100%; height: 48px; padding: 8px; column-gap: 8px; overflow: hidden; border-radius: 8px; color: #0a0a0a; transition: height 0.2s linear, margin 0.2s linear, padding 0.2s linear, background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1); } #base_left #left_header .btn_nav.logobtn .logo_wrapper, #base_left #left_header .btn_nav.logobtn .logo_wrapper img { display: block; flex-shrink: 0; width: 32px; height: 32px; } #base_left #left_header .btn_nav.logobtn span { flex-shrink: 0; margin-left: 0; font-size: 16px; line-height: 20px; font-weight: 600; letter-spacing: -0.01em; } #base_left #left_top > a > .btn_nav, #base_left #left_bottom2 > a > .btn_nav { width: 100%; height: 32px; padding: 0 8px; column-gap: 12px; overflow: hidden; line-height: 20px; white-space: nowrap; transition: padding 0.2s linear, background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), color 0.15s cubic-bezier(0.4, 0, 0.2, 1); } #base_left #left_top > a > .btn_nav .svg_wrapper, #base_left #left_bottom2 > a > .btn_nav .svg_wrapper { display: flex; flex-shrink: 0; padding: 0; } #base_left #left_top > a > .btn_nav svg, #base_left #left_bottom2 > a > .btn_nav svg { display: block; width: 16px; height: 16px; } #base_left #left_top > a > .btn_nav span, #base_left #left_bottom2 > a > .btn_nav span { flex-shrink: 0; margin-left: 0; } #base_left #left_bottom2 .menu_title { display: flex; align-items: center; flex-shrink: 0; height: 32px; margin: 0 0 -4px; padding: 0 8px; overflow: hidden; color: rgba(10, 10, 10, 0.7); font-size: 12px; line-height: 16px; white-space: nowrap; } #base_left #left_footer { position: relative; margin-top: 12px; padding: 0; } #base_left #left_footer > .btn_nav { position: static; width: 100%; height: 48px; padding: 8px; column-gap: 8px; overflow: hidden; border-radius: 8px; white-space: nowrap; transition: height 0.2s linear, margin 0.2s linear, padding 0.2s linear, background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1); } #base_left #left_footer > .btn_nav.active { background: #f5f5f5; } #base_left #left_footer #footer_info { flex: 1; min-width: 0; } #base_left #left_footer #footer_info > span { max-width: 100%; height: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #base_left #left_footer #footer_info > span:first-child { color: #0a0a0a; font-size: 14px; line-height: 17.5px; font-weight: 500; } #base_left #left_footer #footer_info > span:nth-child(2) { color: #737373; font-size: 12px; line-height: 15px; } #base_left #left_footer .last_right { display: flex; flex-shrink: 0; margin-left: auto; padding: 0; color: #737373; } html.sidebar_dropin_collapsed #base_left #left_top > a > .btn_nav, html.sidebar_dropin_collapsed #base_left #left_bottom2 > a > .btn_nav { padding: 0 8px; } html.sidebar_dropin_collapsed #base_left #left_header .btn_nav.logobtn, html.sidebar_dropin_collapsed #base_left #left_footer > .btn_nav { height: 32px; margin: 8px 0; padding: 0; } html.sidebar_dropin_collapsed #base_left #left_footer .btn_popup_popup { bottom: 8px; } html.sidebar_dropin_collapsed #base_left #left_top > a, html.sidebar_dropin_collapsed #base_left #left_bottom2 > a { position: relative; } html.sidebar_dropin_collapsed #base_left #left_top > a[data-sidebar-dropin-tip]::after, html.sidebar_dropin_collapsed #base_left #left_top > a[data-sidebar-dropin-tip]::before, html.sidebar_dropin_collapsed #base_left #left_bottom2 > a[data-sidebar-dropin-tip]::after, html.sidebar_dropin_collapsed #base_left #left_bottom2 > a[data-sidebar-dropin-tip]::before { position: absolute; z-index: 50; top: 50%; pointer-events: none; opacity: 0; transition: opacity 0.1s cubic-bezier(0.4, 0, 0.2, 1), transform 0.1s cubic-bezier(0.4, 0, 0.2, 1); } html.sidebar_dropin_collapsed #base_left #left_top > a[data-sidebar-dropin-tip]::after, html.sidebar_dropin_collapsed #base_left #left_bottom2 > a[data-sidebar-dropin-tip]::after { content: attr(data-sidebar-dropin-tip); left: calc(100% + 10px); padding: 6px 12px; border-radius: 8px; background: #0a0a0a; color: #fafafa; font-size: 12px; line-height: 16px; font-weight: 400; white-space: nowrap; transform: translateY(-50%) scale(0.95); transform-origin: left center; } html.sidebar_dropin_collapsed #base_left #left_top > a[data-sidebar-dropin-tip]::before, html.sidebar_dropin_collapsed #base_left #left_bottom2 > a[data-sidebar-dropin-tip]::before { content: ""; left: calc(100% + 6px); width: 10px; height: 10px; border-radius: 2px; background: #0a0a0a; transform: translateY(-50%) rotate(45deg); } html.sidebar_dropin_collapsed #base_left #left_top > a:hover::after, html.sidebar_dropin_collapsed #base_left #left_top > a:hover::before, html.sidebar_dropin_collapsed #base_left #left_top > a:focus-within::after, html.sidebar_dropin_collapsed #base_left #left_top > a:focus-within::before, html.sidebar_dropin_collapsed #base_left #left_bottom2 > a:hover::after, html.sidebar_dropin_collapsed #base_left #left_bottom2 > a:hover::before, html.sidebar_dropin_collapsed #base_left #left_bottom2 > a:focus-within::after, html.sidebar_dropin_collapsed #base_left #left_bottom2 > a:focus-within::before { opacity: 1; } html.sidebar_dropin_collapsed #base_left #left_top > a:hover::after, html.sidebar_dropin_collapsed #base_left #left_top > a:focus-within::after, html.sidebar_dropin_collapsed #base_left #left_bottom2 > a:hover::after, html.sidebar_dropin_collapsed #base_left #left_bottom2 > a:focus-within::after { transform: translateY(-50%); } #content_left .sidebar_dropin_toggle { position: absolute; z-index: 101; right: 0; bottom: 40px; display: flex; align-items: center; justify-content: center; width: 24px; height: 32px; margin: 0; padding: 0; border: none; border-radius: 0; background: transparent; box-shadow: none; font: inherit; cursor: pointer; transform: translate(50%, 50%); -webkit-tap-highlight-color: transparent; } #content_left .sidebar_dropin_toggle:focus-visible { outline: none; } #content_left .sidebar_dropin_toggle sidebar-dropin-handle { display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: 12px; height: 24px; border: 1px solid #e5e5e5; border-radius: 4px; background: white; color: #737373; transition: border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), color 0.15s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1), translate 0.15s cubic-bezier(0.4, 0, 0.2, 1); } #content_left .sidebar_dropin_toggle sidebar-dropin-handle svg { display: block; flex-shrink: 0; width: 10px; height: 10px; } #content_left .sidebar_dropin_toggle sidebar-dropin-handle svg + svg { display: none; } #content_left .sidebar_dropin_toggle:hover sidebar-dropin-handle { border-color: #d4d4d4; color: #0a0a0a; } #content_left .sidebar_dropin_toggle:focus-visible sidebar-dropin-handle { box-shadow: 0 0 0 2px #a1a1a1; } #content_left .sidebar_dropin_toggle sidebar-dropin-tip { position: absolute; top: 50%; left: calc(100% + 4px); display: flex; align-items: center; column-gap: 8px; padding: 6px 12px; border-radius: 8px; background: #0a0a0a; color: #fafafa; font-size: 12px; line-height: 16px; font-weight: 400; white-space: nowrap; pointer-events: none; opacity: 0; transform: translateY(-50%) scale(0.95); transform-origin: left center; transition: opacity 0.1s cubic-bezier(0.4, 0, 0.2, 1), transform 0.1s cubic-bezier(0.4, 0, 0.2, 1); } #content_left .sidebar_dropin_toggle sidebar-dropin-tip::before { content: ""; position: absolute; top: 50%; left: -4px; width: 10px; height: 10px; border-radius: 2px; background: #0a0a0a; transform: translateY(-50%) rotate(45deg); } #content_left .sidebar_dropin_toggle sidebar-dropin-kbd { padding: 0 4px; border-radius: 4px; background: rgba(255, 255, 255, 0.18); font-weight: 500; } #content_left .sidebar_dropin_toggle:hover sidebar-dropin-tip, #content_left .sidebar_dropin_toggle:focus-visible sidebar-dropin-tip { opacity: 1; transform: translateY(-50%); } html.sidebar_dropin_collapsed #content_left .sidebar_dropin_toggle sidebar-dropin-handle svg { display: none; } html.sidebar_dropin_collapsed #content_left .sidebar_dropin_toggle sidebar-dropin-handle svg + svg { display: block; } #base_left #left_top > a > .btn_nav span, #base_left #left_bottom2 > a > .btn_nav span, #base_left #left_bottom2 .menu_title, #base_left #left_header .btn_nav.logobtn span, #base_left #left_footer #footer_info, #base_left #left_footer .last_right { opacity: 1; transition: opacity 0.1s linear 0.1s; } html.sidebar_dropin_collapsed #base_left #left_top > a > .btn_nav span, html.sidebar_dropin_collapsed #base_left #left_bottom2 > a > .btn_nav span, html.sidebar_dropin_collapsed #base_left #left_bottom2 .menu_title, html.sidebar_dropin_collapsed #base_left #left_header .btn_nav.logobtn span, html.sidebar_dropin_collapsed #base_left #left_footer #footer_info, html.sidebar_dropin_collapsed #base_left #left_footer .last_right { opacity: 0; transition: opacity 0.1s linear; } }

@media (min-width: 1024px) and (prefers-reduced-motion: reduce) { #content_wrapper #content #content_inner #content_left, #content_wrapper #content #content_inner #content_right, #base_left .btn_nav, #base_left #left_top > a > .btn_nav, #base_left #left_bottom2 > a > .btn_nav, #base_left #left_header .btn_nav.logobtn, #base_left #left_footer > .btn_nav { transition: none; } }

@media (max-width: 1023.98px) { .menu_dropin_scrolls > .menu_dropin_edge { position: sticky; z-index: 5; display: flex; flex: 0 0 56px; align-self: stretch; align-items: center; box-sizing: border-box; width: 56px; padding: 0 10px; pointer-events: none; opacity: 0; visibility: hidden; transition: visibility 0s linear 400ms; } .menu_dropin_scrolls > .menu_dropin_edge.menu_dropin_edge_on { opacity: 1; visibility: visible; transition: none; } }

@media (max-width: 1023.98px) and (prefers-reduced-motion: no-preference) { .menu_dropin_scrolls > .menu_dropin_edge { transition: opacity 150ms ease, visibility 0s linear 400ms; } .menu_dropin_scrolls > .menu_dropin_edge.menu_dropin_edge_on { transition: opacity 150ms ease; } }

@media (max-width: 1023.98px) { .menu_dropin_edge_start { justify-content: flex-start; background: linear-gradient(to left, rgba(255, 255, 255, 0), var(--menu_dropin_edge_background, white) 14px); } .menu_dropin_edge_end { justify-content: flex-end; background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--menu_dropin_edge_background, white) 14px); } .menu_dropin_scroll_btn { position: relative; display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 32px; height: 32px; margin: 0; padding: 0; color: #09090b; background: white; border: 1px solid #e4e4e7; border-radius: 50%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); cursor: pointer; pointer-events: auto; -webkit-appearance: none; appearance: none; -webkit-tap-highlight-color: transparent; } .menu_dropin_scroll_btn svg { width: 16px; height: 16px; } .menu_dropin_scroll_btn::after { content: ""; position: absolute; inset: -7px; } .menu_dropin_scroll_btn:active { background: #f4f4f5; } }

@media (max-width: 1023.98px) and (hover: hover) { .menu_dropin_scroll_btn:hover { background: #f4f4f5; } }

@media (max-width: 767.98px) { .submenu { flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; scrollbar-width: none; padding: 12px 0 12px 16px; } .submenu::-webkit-scrollbar { display: none; } .submenu::after { content: ""; flex: 0 0 16px; height: 1px; } .submenu.submenu_lower { margin-left: -16px; margin-right: -16px; width: calc(100% + 32px); } .submenu .submenu_button { flex-shrink: 0; white-space: nowrap; } }

@media (max-width: 1023.98px) { #dialog, #dialog_popup { height: 100vh; height: 100dvh; } }

@media (max-width: 767.98px) { #dialog, #dialog_popup { padding: 16px; } #dialog .dialog_wrapper h2, #dialog .dialog_popup_wrapper h2, #dialog_popup .dialog_wrapper h2, #dialog_popup .dialog_popup_wrapper h2 { font-size: 22px; line-height: 28px; } #dialog #dialog_info, #dialog_popup #dialog_info { min-width: 0; } #dialog_popup .item_group_horizontal { margin-bottom: -16px; } }

@media (max-width: 639.98px) { #dialog_popup .dialog_popup_wrapper { width: 320px; min-width: 0; } #dialog_popup .dialog_popup_wrapper #popup_placeholder { text-align: center; } #dialog_popup .dialog_popup_wrapper #dialog_popup_text { text-wrap: balance; } #dialog_popup .dialog_popup_wrapper .item_group_horizontal { flex-direction: column-reverse; align-items: stretch; } }

@media (max-width: 767.98px) { #dialog { padding: 0; overflow: hidden; } #dialog::before { transition-duration: 0.45s; transition-timing-function: cubic-bezier(0.32, 0.72, 0, 1); } #dialog .dialog_wrapper { position: fixed; left: 8px; right: 8px; bottom: calc(8px + env(safe-area-inset-bottom, 0px)); width: auto; max-width: none; max-height: calc(100vh - 96px); max-height: calc(100dvh - 96px); margin: 0; padding: 28px 16px 16px 16px; overflow-y: auto; overscroll-behavior: contain; opacity: 1; transform: translateY(calc(100% + 8px + env(safe-area-inset-bottom, 0px))); transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1); } #dialog .dialog_wrapper::before { content: ""; position: absolute; top: 6px; left: 50%; width: 100px; height: 6px; margin-left: -50px; border-radius: 999px; background: whitesmoke; } #dialog .dialog_wrapper #dialog_close_x { top: 12px; right: 12px; } #dialog .dialog_wrapper #dialog_form { flex-wrap: nowrap; max-height: none; } #dialog .dialog_wrapper #dialog_form p, #dialog .dialog_wrapper #dialog_form input:not([type="checkbox"]):not([type="radio"]), #dialog .dialog_wrapper #dialog_form textarea, #dialog .dialog_wrapper #dialog_form .dropdown.dropdown_form, #dialog .dialog_wrapper #dialog_form .time_dropdown_wrapper, #dialog .dialog_wrapper #dialog_form .field_wrapper { width: 100%; max-width: 100%; } #dialog .dialog_wrapper form:not(#dialog_form) { width: 100% !important; max-width: 100% !important; } #dialog .dialog_wrapper form:not(#dialog_form) p, #dialog .dialog_wrapper form:not(#dialog_form) input:not([type="checkbox"], [type="radio"], [type="submit"], [type="button"], [type="hidden"]), #dialog .dialog_wrapper form:not(#dialog_form) textarea, #dialog .dialog_wrapper form:not(#dialog_form) .dropdown.dropdown_form, #dialog .dialog_wrapper form:not(#dialog_form) .time_dropdown_wrapper, #dialog .dialog_wrapper form:not(#dialog_form) .field_wrapper { width: 100% !important; max-width: 100% !important; } #dialog .dialog_wrapper .dialog_split { flex-direction: column; row-gap: 24px; } #dialog .dialog_wrapper #dialog_info { min-width: 0; } #dialog.active .dialog_wrapper { transform: none; } }

@media (max-width: 767.98px) and (prefers-reduced-motion: no-preference) { #dialog.active::before { animation: dialogs_dropin_fade_in 0.45s cubic-bezier(0.32, 0.72, 0, 1); } #dialog.active .dialog_wrapper { animation: dialogs_dropin_slide_up 0.45s cubic-bezier(0.22, 1, 0.36, 1); } }

@media (max-width: 767.98px) { #dialog.dialogs_dropin_leaving::before { animation: dialogs_dropin_fade_out 0.45s cubic-bezier(0.32, 0.72, 0, 1); } #dialog.dialogs_dropin_leaving .dialog_wrapper { animation: dialogs_dropin_slide_down 0.45s cubic-bezier(0.22, 1, 0.36, 1); } #dialog.dialogs_dropin_dragging::before { opacity: calc(1 - var(--dialogs_dropin_drag_progress, 0)); transition: none; } #dialog.dialogs_dropin_dragging .dialog_wrapper { transform: translateY(var(--dialogs_dropin_drag, 0px)); transition: none; animation: none; } }

@media (max-width: 767.98px) { #toast_container_container { width: 100%; padding: 16px; } #toast_container_container .toast_container, #toast_container_container .toast_container .toast { width: 100%; } }

@media (max-width: 1023.98px) { .table_wrapper { flex-direction: column; align-items: stretch; } .table_wrapper .dt-container { min-width: 0; } .table_wrapper .first_load_finished table.dataTable { display: block !important; max-width: 100%; overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; } .table_wrapper .dt-container #table_footer { flex-wrap: wrap; row-gap: 8px; } html.table_dropin_js .table_wrapper .table_dropin_filters_btn { display: inline-flex; align-items: center; align-self: flex-start; column-gap: 6px; flex-shrink: 0; width: auto; height: 36px; padding: 0 12px; border: 1px solid #e4e4e7; border-radius: var(--forms_style_radius); background: white; font-family: "Geist", sans-serif; font-size: 14px; font-weight: 500; color: #09090b; cursor: pointer; } html.table_dropin_js .table_wrapper .table_dropin_filters_btn svg { width: 16px; height: 16px; } html.table_dropin_js .table_wrapper > .table_dropin_filters_btn { margin-bottom: 12px; } html.table_dropin_js .table_wrapper > .table_controls { position: fixed !important; top: auto !important; left: 0 !important; right: 0 !important; bottom: 0 !important; z-index: 991; width: auto !important; min-width: 0; max-width: 560px; height: auto !important; max-height: 85vh !important; max-height: 85dvh !important; margin: 0 auto !important; overflow-y: auto !important; overscroll-behavior: contain; pointer-events: auto !important; touch-action: pan-y; border-radius: 14px 14px 0 0; box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.08); transform: translateY(100%); visibility: hidden; transition: transform 0.25s ease, visibility 0s linear 0.25s; } html.table_dropin_js .table_wrapper > .table_controls .table_controls_header { position: sticky; top: 0; z-index: 100; justify-content: flex-start; column-gap: 8px; padding: 24px 8px 12px 16px; background: white; border-bottom: 1px solid #f4f4f5; touch-action: none; user-select: none; -webkit-user-select: none; cursor: grab; } html.table_dropin_js .table_wrapper > .table_controls .table_controls_header::before { content: ""; position: absolute; top: 10px; left: 50%; width: 100px; height: 6px; margin-left: -50px; border-radius: 999px; background: #e4e4e7; } html.table_dropin_js .table_wrapper > .table_controls .table_controls_header h4 { margin-right: auto; } html.table_dropin_js .table_wrapper > .table_controls .radio_wrapper, html.table_dropin_js .table_wrapper > .table_controls .checkbox_wrapper { min-height: 36px; align-items: center; } html.table_dropin_js .table_wrapper > .table_controls .table_dropin_close { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 44px; height: 44px; padding: 0; border: none; border-radius: 10px; background: transparent; color: #71717a; cursor: pointer; } html.table_dropin_js .table_wrapper > .table_controls .table_dropin_close svg { width: 18px; height: 18px; } html.table_dropin_js .table_wrapper > .table_controls .table_dropin_footer { display: block; position: sticky; bottom: 0; z-index: 100; padding: 12px 16px; padding-bottom: calc(16px + env(safe-area-inset-bottom, 0px)); background: white; border-top: 1px solid #f4f4f5; } html.table_dropin_js .table_wrapper > .table_controls .table_dropin_footer button { width: 100%; height: 44px; border: none; border-radius: 10px; background: #18181b; color: #fafafa; font-family: "Geist", sans-serif; font-size: 15px; font-weight: 500; cursor: pointer; } html.table_dropin_js .table_wrapper.table_dropin_open > .table_controls { transform: none; visibility: visible; transition: transform 0.25s ease; } html.table_dropin_js .table_wrapper.table_dropin_open > .table_dropin_overlay { display: block; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 990; margin: 0; padding: 0; border: none; background: rgba(0, 0, 0, 0.5); touch-action: none; cursor: pointer; transition: opacity 0.25s ease; } html.table_dropin_js .table_wrapper.table_dropin_open.table_dropin_dragging > .table_controls { transform: translateY(var(--table_dropin_drag, 0px)); transition: none; } html.table_dropin_js .table_wrapper.table_dropin_open.table_dropin_dragging > .table_controls .table_controls_header { cursor: grabbing; } html.table_dropin_js .table_wrapper.table_dropin_open.table_dropin_dragging > .table_dropin_overlay { opacity: calc(1 - var(--table_dropin_drag_progress, 0)); transition: none; } html.table_dropin_locked #content_wrapper #content #content_inner #content_right { overflow: hidden; } #content_container .box .data_container.grid_table { max-width: calc(100% - 27px) !important; overflow-x: auto; overscroll-behavior-x: contain; } .settings .settings_settings .data_container.grid_table { max-width: calc(100% - 27px); overflow-x: auto; } .scroll_dropin_host { position: relative; } .scroll_dropin_host .dropdown_menu { z-index: 6; } }

@media (max-width: 767.98px) { #buttons_top { flex-wrap: wrap; gap: 8px; } #buttons_top .button { flex: 1 1 auto; justify-content: center; height: 44px; margin: 0; } .table_wrapper table.dataTable th, .table_wrapper table.dataTable td { white-space: nowrap; } .table_wrapper .dt-container .table_top { align-items: center; column-gap: 8px; } .table_wrapper .dt-container .table_top .dt-search { flex: 1 1 auto; min-width: 0; } .table_wrapper .dt-container .table_top .dt-search input { width: 100% !important; height: 44px; } .table_wrapper .dt-container .table_top .dt-buttons { width: auto; flex-shrink: 0; } .table_wrapper .dt-container .table_top .dt-buttons button.buttons-colvis { width: 44px; height: 44px; padding: 0; } .table_wrapper .dt-container .table_top .dt-buttons button.buttons-colvis > span > span, .table_wrapper .dt-container .table_top .dt-buttons button.buttons-colvis svg.lucide-chevron-down { display: none; } html.table_dropin_js .table_wrapper .table_dropin_filters_btn { height: 44px; } .table_wrapper .dt-container #table_footer { flex-wrap: nowrap; align-items: center; justify-content: space-between; margin: 16px 0 0 0; } .table_wrapper .dt-container #table_footer .table_dropin_page { display: block; order: -1; font-size: 14px; line-height: 20px; font-weight: 500; color: #0a0a0a; } .table_wrapper .dt-container #table_footer .dt-paging { order: 1; margin-right: 0; } .table_wrapper .dt-container #table_footer .dt-paging nav { height: auto; column-gap: 8px; } .table_wrapper .dt-container #table_footer .dt-paging nav .dt-paging-button { width: 36px; height: 36px; } .table_wrapper .dt-container #table_footer .dt-paging nav .dt-paging-button:not(.previous):not(.next), .table_wrapper .dt-container #table_footer .dt-paging nav .ellipsis { display: none; } .table_wrapper .dt-container #table_footer .dt-length { display: flex; align-items: center; margin: 0 8px 0 auto; } .table_wrapper .dt-container #table_footer .dt-length label { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; } .table_wrapper .dt-container #table_footer .dt-length select.dt-input { width: 80px !important; height: 36px; margin: 0; font-size: 16px; } .table_wrapper .dt-container #table_footer .dt-info { display: none; } html.table_dropin_js .table_wrapper > .table_controls { max-width: none; } }

@media (min-width: 1024px) { .table_wrapper .dt-container .table_top:has(> .dt-search) { flex-wrap: nowrap; } .table_wrapper .dt-container .table_top:has(> .dt-search) > .dt-search { flex: 0 1 250px; min-width: 0; } .table_wrapper .dt-container .table_top:has(> .dt-search) > .dt-search input { width: 100% !important; } .dt-container:has(> table.dataTable) #table_footer .dt-length select { width: 80px !important; height: 32px; margin: 0; } .dt-container:has(> table.dataTable) #table_footer .dt-paging .dt-paging-button { display: inline-flex; flex-direction: row; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 0; border: 1px solid #e5e5e5; border-radius: var(--forms_style_radius); background: white; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); color: #0a0a0a; font-size: 14px; line-height: 20px; font-weight: 500; transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), color 0.15s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1), translate 0.15s cubic-bezier(0.4, 0, 0.2, 1); } .dt-container:has(> table.dataTable) #table_footer .dt-paging .dt-paging-button svg { width: 16px; height: 16px; } .dt-container:has(> table.dataTable) #table_footer .dt-paging .dt-paging-button:hover { background: #f5f5f5; color: #171717; } .dt-container:has(> table.dataTable) #table_footer .dt-paging .dt-paging-button:focus-visible { outline: none; border-color: #a1a1a1; box-shadow: 0 0 0 3px rgba(161, 161, 161, 0.5); } .dt-container:has(> table.dataTable) #table_footer .dt-paging .dt-paging-button.disabled { opacity: 0.5; pointer-events: none; } .scroll_dropin_edge { display: none; } .scroll_dropin_wide ~ .scroll_dropin_edge { display: flex; } .table_wrapper .dt-container { min-width: 0; } .table_wrapper .dt-container > .table_top { flex-wrap: wrap; row-gap: 8px; } .table_wrapper .dt-container > .table_top > .dt-buttons { flex: 1 1 auto; width: auto; } }

@media (min-width: 1024px) { .scroll_dropin_edge { display: none; } .scroll_dropin_wide ~ .scroll_dropin_edge, .scroll_helper ~ .scroll_dropin_edge { display: flex; } }

@media (min-width: 1024px) { .settings #content_container nav.settings_nav { flex-shrink: 0; } .settings .settings_settings { flex: 1 1 0; min-width: 0; container: settings_page / inline-size; } .settings .settings_settings input:not([type="checkbox"]):not([type="radio"]), .settings .settings_settings select, .settings .settings_settings textarea, .settings .settings_settings .dropdown, .settings .settings_settings .info_block, .settings .settings_settings .toggle_wrapper, .settings .settings_settings .divider_narrow { max-width: 100cqw; } .settings .settings_settings .dropdown_wrapper { flex-wrap: wrap; row-gap: 8px; } @container settings_page (min-width: 614px) and (max-width: 949.98px) { .settings .settings_settings:has(> #tags) > :not(#tags), .settings .settings_settings:has(> #tags) :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea, .dropdown, .info_block, .toggle_wrapper, .divider_narrow) { max-width: calc(100cqw - 280px); }
    .settings .settings_settings:has(> #tags) > #tags { left: auto; right: 0; } } @container settings_page (max-width: 613.98px) { .settings .settings_settings > #tags { position: static; order: 1; align-self: stretch; display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 12px; width: auto; max-height: none; margin: 0 0 24px 0; padding: 0; overflow: visible; }
    .settings .settings_settings > #tags .tag_container { margin: 0; }
    .settings .settings_settings > [id^="shebang_form_"], .settings .settings_settings > #tags ~ * { order: 2; } } @supports not (container-type: inline-size) { .settings .settings_settings input:not([type="checkbox"]):not([type="radio"]), .settings .settings_settings select, .settings .settings_settings textarea, .settings .settings_settings .dropdown, .settings .settings_settings .info_block, .settings .settings_settings .toggle_wrapper, .settings .settings_settings .divider_narrow { max-width: calc(100vw - 562px); }
    @media (min-width: 1024px) and (min-width: 1176px) and (max-width: 1511.98px) { .settings .settings_settings:has(> #tags) > :not(#tags), .settings .settings_settings:has(> #tags) :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea, .dropdown, .info_block, .toggle_wrapper, .divider_narrow) { max-width: calc(100vw - 562px - 280px); } .settings .settings_settings:has(> #tags) > #tags { left: auto; right: 0; } }
    @media (min-width: 1024px) and (max-width: 1175.98px) { .settings .settings_settings > #tags { position: static; order: 1; align-self: stretch; display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 12px; width: auto; max-height: none; margin: 0 0 24px 0; padding: 0; overflow: visible; } .settings .settings_settings > #tags .tag_container { margin: 0; } .settings .settings_settings > [id^="shebang_form_"], .settings .settings_settings > #tags ~ * { order: 2; } } } }

@media (max-width: 1023.98px) { .settings_wrapper { flex-direction: column; align-items: stretch; } .settings #content_container nav.settings_nav { display: flex; flex-direction: row; column-gap: 4px; width: auto; margin-bottom: 24px; padding-bottom: 8px; overflow-x: auto; scrollbar-width: none; border-bottom: 1px solid #e4e4e7; } .settings #content_container nav.settings_nav::-webkit-scrollbar { display: none; } .settings #content_container nav.settings_nav .nav_button { flex-shrink: 0; width: auto; margin-top: 0; } .settings #content_container nav.settings_nav .nav_button a span { width: auto; padding: 0 14px; white-space: nowrap; } .settings #content_container nav.settings_nav:has(> .nav_button:only-of-type) { display: none; } .settings .settings_settings { min-width: 0; align-items: stretch; } .settings .settings_settings form p, .settings .settings_settings input:not([type="checkbox"]):not([type="radio"]), .settings .settings_settings textarea, .settings .settings_settings .dropdown, .settings .settings_settings .info_block, .settings .settings_settings .divider_narrow { width: 100%; max-width: 100%; } .settings .settings_settings select { max-width: 100%; } .settings .settings_settings #tags, .settings .settings_settings #tags.fixed-top { position: static; width: auto; max-height: none; overflow: visible; } .settings .settings_settings form .field_wrapper.template { flex-direction: column; } .settings .settings_settings form .field_wrapper.template .field_wrapper_right { width: auto; } html.settings_dropin_js .settings .settings_settings .settings_dropin_tags_btn { display: inline-flex; align-items: center; align-self: flex-start; column-gap: 6px; height: 36px; margin-top: 16px; padding: 0 12px; border: 1px solid #e4e4e7; border-radius: 10px; background: white; font-family: "Geist", sans-serif; font-size: 14px; font-weight: 500; color: #09090b; cursor: pointer; } html.settings_dropin_js .settings .settings_settings .settings_dropin_tags_btn svg { width: 16px; height: 16px; } html.settings_dropin_js .settings .settings_settings #tags, html.settings_dropin_js .settings .settings_settings #tags.fixed-top { position: fixed !important; top: auto !important; left: 0 !important; right: 0 !important; bottom: 0 !important; z-index: 991; width: auto !important; max-width: 560px; height: auto !important; max-height: 85vh !important; max-height: 85dvh !important; margin: 0 auto !important; padding: 0 16px 16px 16px; padding-bottom: calc(16px + env(safe-area-inset-bottom, 0px)); overflow-y: auto !important; overscroll-behavior: contain; pointer-events: auto !important; touch-action: pan-y; background: white; border-radius: 14px 14px 0 0; box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.08); transform: translateY(100%); visibility: hidden; transition: transform 0.25s ease, visibility 0s linear 0.25s; } html.settings_dropin_js .settings .settings_settings .settings_dropin_sheet_header { display: flex; align-items: center; position: sticky; top: 0; z-index: 2; margin: 0 -16px 12px -16px; padding: 24px 8px 12px 16px; background: white; border-bottom: 1px solid #f4f4f5; touch-action: none; user-select: none; -webkit-user-select: none; cursor: grab; } html.settings_dropin_js .settings .settings_settings .settings_dropin_sheet_header::before { content: ""; position: absolute; top: 10px; left: 50%; width: 100px; height: 6px; margin-left: -50px; border-radius: 999px; background: #e4e4e7; } html.settings_dropin_js .settings .settings_settings .settings_dropin_sheet_header h4 { margin: 0 auto 0 0; font-size: 18px; font-weight: 600; color: #09090b; } html.settings_dropin_js .settings .settings_settings .settings_dropin_close { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 44px; height: 44px; padding: 0; border: none; border-radius: 10px; background: transparent; color: #71717a; cursor: pointer; } html.settings_dropin_js .settings .settings_settings .settings_dropin_close svg { width: 18px; height: 18px; } html.settings_dropin_js.settings_dropin_tags_open .settings .settings_settings #tags, html.settings_dropin_js.settings_dropin_tags_open .settings .settings_settings #tags.fixed-top { transform: none; visibility: visible; transition: transform 0.25s ease; } html.settings_dropin_js.settings_dropin_tags_open .settings .settings_settings .settings_dropin_overlay { display: block; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 990; margin: 0; padding: 0; border: none; background: rgba(0, 0, 0, 0.5); touch-action: none; cursor: pointer; transition: opacity 0.25s ease; } html.settings_dropin_js.settings_dropin_tags_open.settings_dropin_dragging .settings .settings_settings #tags, html.settings_dropin_js.settings_dropin_tags_open.settings_dropin_dragging .settings .settings_settings #tags.fixed-top { transform: translateY(var(--settings_dropin_drag, 0px)); transition: none; } html.settings_dropin_js.settings_dropin_tags_open.settings_dropin_dragging .settings .settings_settings .settings_dropin_sheet_header { cursor: grabbing; } html.settings_dropin_js.settings_dropin_tags_open.settings_dropin_dragging .settings .settings_settings .settings_dropin_overlay { opacity: calc(1 - var(--settings_dropin_drag_progress, 0)); transition: none; } html.settings_dropin_locked #content_wrapper #content #content_inner #content_right { overflow: hidden; } }

@media (max-width: 767.98px) { .settings_header .divider, .settings_wrapper .divider { margin-top: 16px; margin-bottom: 16px; } .settings #content_wrapper #content #content_inner #content_right:has(.settings_wrapper) { display: flex; flex-direction: column; overflow: hidden; } .settings #content_wrapper #content #content_inner #content_right:has(.settings_wrapper) #content_right_inner, .settings #content_wrapper #content #content_inner #content_right:has(.settings_wrapper) #content_container, .settings #content_wrapper #content #content_inner #content_right:has(.settings_wrapper) .settings_wrapper { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; } .settings #content_wrapper #content #content_inner #content_right:has(.settings_wrapper) #content_container { padding-top: 0; padding-bottom: 0; } .settings #content_wrapper #content #content_inner #content_right:has(.settings_wrapper) .settings_header { display: none; } .settings #content_wrapper #content #content_inner #content_right:has(.settings_wrapper) .settings_settings { flex: 1 1 auto; min-height: 0; margin: 0 -16px; padding: 16px 16px 24px; overflow-x: hidden; overflow-y: auto; } .settings #content_wrapper #content #content_inner #content_right:has(.settings_wrapper) .settings_settings > * { flex-shrink: 0; } html:has(#dialog.active, #dialog_popup.active) .settings #content_wrapper #content #content_inner #content_right:has(.settings_wrapper) .settings_settings, html.settings_dropin_locked .settings #content_wrapper #content #content_inner #content_right:has(.settings_wrapper) .settings_settings { overflow: hidden; } .settings #content_container nav.settings_nav { flex-shrink: 0; column-gap: 2px; margin: 0 -16px; padding: 8px 0 8px 16px; border-bottom: 1px solid #e4e4e7; } .settings #content_container nav.settings_nav::after { content: ""; flex: 0 0 14px; height: 1px; } .settings #content_container nav.settings_nav .nav_button a span { height: 40px; line-height: 40px; padding: 0 10px; } .settings .settings_settings > h3 { font-size: 16px; line-height: 24px; font-weight: 600; letter-spacing: -0.2px; } .settings .settings_settings > p.h3_sub { margin-top: 2px; } .settings .settings_settings input:not([type="checkbox"]):not([type="radio"]) { height: 44px; } .settings .settings_settings .button { margin-top: 24px; } .settings .settings_settings .dropdown_wrapper { flex-wrap: wrap; row-gap: 8px; } .settings .settings_settings .dropdown_wrapper .dropdown { flex: 1 1 100%; } html.settings_dropin_js .settings .settings_settings .settings_dropin_tags_btn { height: 44px; } html.settings_dropin_js .settings .settings_settings #tags, html.settings_dropin_js .settings .settings_settings #tags.fixed-top { max-width: none; } .settings_settings form > div:has(> [type="submit"]) { position: fixed; left: 0; right: 0; bottom: 0; z-index: 50; display: flex; column-gap: 8px; margin: 0; padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px)); border-top: 1px solid #e4e4e7; background: white; } .settings_settings form > div:has(> [type="submit"]) > .button { flex: 1 1 0; width: auto !important; height: 44px; margin: 0 !important; justify-content: center; border-radius: 10px; } .settings #content_wrapper #content #content_inner #content_right:has(.settings_wrapper) .settings_settings:has(form > div > [type="submit"]) { margin-bottom: calc(69px + env(safe-area-inset-bottom, 0px)); padding-bottom: 0; } #shebang_form_agency form { flex-direction: row; column-gap: 12px; } #shebang_form_agency form > * { flex: 1 1 100%; min-width: 0; } #shebang_form_agency form > p#street_name { flex: 1 1 calc(100% - 116px); } #shebang_form_agency form > p#street_number { flex: 0 0 104px; } #shebang_form_agency form > p#postal_code { flex: 0 0 120px; } #shebang_form_agency form > p#city { flex: 1 1 calc(100% - 132px); } #shebang_form_agency form > p#street_name > label, #shebang_form_agency form > p#street_number > label, #shebang_form_agency form > p#postal_code > label, #shebang_form_agency form > p#city > label { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } }

@media (max-width: 1023.98px) { .dropdown_wrapper:has(+ #timeline_wrapper_wrapper) { flex-wrap: wrap; gap: 8px; } .dropdown_wrapper:has(+ #timeline_wrapper_wrapper) .dropdown { flex: 1 1 160px; width: auto !important; min-width: 0 !important; margin: 0; } #timeline_wrapper_wrapper .shebang_empty_message { margin-left: 0; } #timeline_wrapper_wrapper #timeline_wrapper #dots { top: 24px; left: 15px; border-left: 2px dotted #d4d4d8; } #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline { display: block; width: 100% !important; padding-left: 44px; overflow: visible; border-spacing: 0; } #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tbody { display: block; } #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr { position: relative; display: flex; flex-wrap: wrap; align-items: center; column-gap: 12px; row-gap: 6px; margin-bottom: 12px; padding: 12px 14px; border: 1px solid #e4e4e7 !important; border-radius: 14px; background: white; } #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr td { display: block; height: auto; padding: 0 !important; border: none !important; border-radius: 0 !important; max-width: none !important; } #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr td:empty { display: none; } #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr td.app_label { position: absolute; top: 0; left: 0; width: 0; height: 0; } #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr td.app_label .circle { top: 12px; left: -45px; width: 32px; height: 32px; transform: none; } #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr td.app_label .circle::before { top: 15px; right: -12px; width: 12px; border-top-width: 2px; } #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr td.app_label .circle > svg { width: 16px; height: 16px; } #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr td.app_label .circle.double > svg:nth-child(2) { width: 14px; height: 14px; padding: 1.5px; } #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr td:nth-child(2) { flex: 1 1 auto; } #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr td:nth-child(2) .log_datumtijd { flex-direction: row; column-gap: 8px; } #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr td:nth-child(2) .log_datumtijd > span { line-height: 20px; } #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr td:nth-child(2) .log_datum { font-weight: 500; color: #09090b; } #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr td.text { flex: 1 1 100%; font-size: 14px; line-height: 20px; color: #09090b; } #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr td.created_by, #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr td.related_student_name, #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr td.related_staff_name { flex: 1 1 100%; } #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr td.created_by .timeline_item_col, #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr td.related_student_name .timeline_item_col, #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr td.related_staff_name .timeline_item_col { flex-direction: row; align-items: baseline; column-gap: 4px; font-size: 13px; line-height: 20px; } #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr td.created_by .timeline_item_col .timeline_muted, #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr td.related_student_name .timeline_item_col .timeline_muted, #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr td.related_staff_name .timeline_item_col .timeline_muted { font-size: 13px; font-weight: 400; } #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr td.created_by a, #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr td.related_student_name a, #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr td.related_staff_name a { white-space: normal; } }

@container settings_page (max-width: 799.98px) { .dropdown_wrapper:has(+ #timeline_wrapper_wrapper) { flex-wrap: wrap; gap: 8px; }
  .dropdown_wrapper:has(+ #timeline_wrapper_wrapper) .dropdown { flex: 1 1 160px; width: auto !important; min-width: 0 !important; margin: 0; }
  #timeline_wrapper_wrapper .shebang_empty_message { margin-left: 0; }
  #timeline_wrapper_wrapper #timeline_wrapper #dots { top: 24px; left: 15px; border-left: 2px dotted #d4d4d8; }
  #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline { display: block; width: 100% !important; padding-left: 44px; overflow: visible; border-spacing: 0; }
  #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tbody { display: block; }
  #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr { position: relative; display: flex; flex-wrap: wrap; align-items: center; column-gap: 12px; row-gap: 6px; margin-bottom: 12px; padding: 12px 14px; border: 1px solid #e4e4e7 !important; border-radius: 14px; background: white; }
  #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr td { display: block; height: auto; padding: 0 !important; border: none !important; border-radius: 0 !important; max-width: none !important; }
  #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr td:empty { display: none; }
  #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr td.app_label { position: absolute; top: 0; left: 0; width: 0; height: 0; }
  #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr td.app_label .circle { top: 12px; left: -45px; width: 32px; height: 32px; transform: none; }
  #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr td.app_label .circle::before { top: 15px; right: -12px; width: 12px; border-top-width: 2px; }
  #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr td.app_label .circle > svg { width: 16px; height: 16px; }
  #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr td.app_label .circle.double > svg:nth-child(2) { width: 14px; height: 14px; padding: 1.5px; }
  #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr td:nth-child(2) { flex: 1 1 auto; }
  #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr td:nth-child(2) .log_datumtijd { flex-direction: row; column-gap: 8px; }
  #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr td:nth-child(2) .log_datumtijd > span { line-height: 20px; }
  #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr td:nth-child(2) .log_datum { font-weight: 500; color: #09090b; }
  #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr td.text { flex: 1 1 100%; font-size: 14px; line-height: 20px; color: #09090b; }
  #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr td.created_by, #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr td.related_student_name, #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr td.related_staff_name { flex: 1 1 100%; }
  #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr td.created_by .timeline_item_col, #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr td.related_student_name .timeline_item_col, #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr td.related_staff_name .timeline_item_col { flex-direction: row; align-items: baseline; column-gap: 4px; font-size: 13px; line-height: 20px; }
  #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr td.created_by .timeline_item_col .timeline_muted, #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr td.related_student_name .timeline_item_col .timeline_muted, #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr td.related_staff_name .timeline_item_col .timeline_muted { font-size: 13px; font-weight: 400; }
  #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr td.created_by a, #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr td.related_student_name a, #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr td.related_staff_name a { white-space: normal; } }

@supports not (container-type: inline-size) { @media (min-width: 1024px) and (max-width: 1361.98px) { :where(.settings .settings_settings) .dropdown_wrapper:has(+ #timeline_wrapper_wrapper) { flex-wrap: wrap; gap: 8px; } :where(.settings .settings_settings) .dropdown_wrapper:has(+ #timeline_wrapper_wrapper) .dropdown { flex: 1 1 160px; width: auto !important; min-width: 0 !important; margin: 0; } :where(.settings .settings_settings) #timeline_wrapper_wrapper .shebang_empty_message { margin-left: 0; } :where(.settings .settings_settings) #timeline_wrapper_wrapper #timeline_wrapper #dots { top: 24px; left: 15px; border-left: 2px dotted #d4d4d8; } :where(.settings .settings_settings) #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline { display: block; width: 100% !important; padding-left: 44px; overflow: visible; border-spacing: 0; } :where(.settings .settings_settings) #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tbody { display: block; } :where(.settings .settings_settings) #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr { position: relative; display: flex; flex-wrap: wrap; align-items: center; column-gap: 12px; row-gap: 6px; margin-bottom: 12px; padding: 12px 14px; border: 1px solid #e4e4e7 !important; border-radius: 14px; background: white; } :where(.settings .settings_settings) #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr td { display: block; height: auto; padding: 0 !important; border: none !important; border-radius: 0 !important; max-width: none !important; } :where(.settings .settings_settings) #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr td:empty { display: none; } :where(.settings .settings_settings) #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr td.app_label { position: absolute; top: 0; left: 0; width: 0; height: 0; } :where(.settings .settings_settings) #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr td.app_label .circle { top: 12px; left: -45px; width: 32px; height: 32px; transform: none; } :where(.settings .settings_settings) #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr td.app_label .circle::before { top: 15px; right: -12px; width: 12px; border-top-width: 2px; } :where(.settings .settings_settings) #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr td.app_label .circle > svg { width: 16px; height: 16px; } :where(.settings .settings_settings) #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr td.app_label .circle.double > svg:nth-child(2) { width: 14px; height: 14px; padding: 1.5px; } :where(.settings .settings_settings) #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr td:nth-child(2) { flex: 1 1 auto; } :where(.settings .settings_settings) #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr td:nth-child(2) .log_datumtijd { flex-direction: row; column-gap: 8px; } :where(.settings .settings_settings) #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr td:nth-child(2) .log_datumtijd > span { line-height: 20px; } :where(.settings .settings_settings) #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr td:nth-child(2) .log_datum { font-weight: 500; color: #09090b; } :where(.settings .settings_settings) #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr td.text { flex: 1 1 100%; font-size: 14px; line-height: 20px; color: #09090b; } :where(.settings .settings_settings) #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr td.created_by, :where(.settings .settings_settings) #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr td.related_student_name, :where(.settings .settings_settings) #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr td.related_staff_name { flex: 1 1 100%; } :where(.settings .settings_settings) #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr td.created_by .timeline_item_col, :where(.settings .settings_settings) #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr td.related_student_name .timeline_item_col, :where(.settings .settings_settings) #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr td.related_staff_name .timeline_item_col { flex-direction: row; align-items: baseline; column-gap: 4px; font-size: 13px; line-height: 20px; } :where(.settings .settings_settings) #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr td.created_by .timeline_item_col .timeline_muted, :where(.settings .settings_settings) #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr td.related_student_name .timeline_item_col .timeline_muted, :where(.settings .settings_settings) #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr td.related_staff_name .timeline_item_col .timeline_muted { font-size: 13px; font-weight: 400; } :where(.settings .settings_settings) #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr td.created_by a, :where(.settings .settings_settings) #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr td.related_student_name a, :where(.settings .settings_settings) #timeline_wrapper_wrapper #timeline_wrapper #yay_more_wrappers table#timeline tr td.related_staff_name a { white-space: normal; } } }

@media (min-width: 768px) { :root textarea, :root input:not([type='checkbox'], [type='radio'], [type='file'], [type='submit'], [type='button'], [type='reset'], [type='hidden'], [type='range'], [type='color'], [type='image']) { font-size: 14px; line-height: 20px; } }

@media (max-width: 1023.98px) { .button { margin-top: 0 !important; margin-bottom: 0 !important; } }