:where(.sdb-form,.sdb-registration-form,.sdb-consent-block,.sdb-choice-group) { --sdb-asset-domain-forms-loaded: 1; } .sdb-field,
.sdb-text-field,
.sdb-select-field,
.sdb-choice-group {
margin: 0 !important;
} .sdb-field__help,
.sdb-field-message,
.sdb-choice-field__help {
font-weight: var(--sdb-font-weight-regular, 400);
} .sdb-form label.sdb-form__check.sdb-check-card,
.sdb-form label.sdb-checkbox.sdb-checkbox-card,
.sdb-form label.sdb-radio.sdb-radio-card {
padding-block: var(--sdb-choice-card-padding-y, 15px) !important;
padding-inline: var(--sdb-choice-card-padding-x, 16px) !important;
min-block-size: var(--sdb-touch-target-min, 44px);
}
@media (max-width: 640px) {
.sdb-form label.sdb-form__check.sdb-check-card,
.sdb-form label.sdb-checkbox.sdb-checkbox-card,
.sdb-form label.sdb-radio.sdb-radio-card {
padding-block: 12px !important;
padding-inline: 14px !important;
}
} :root {
--sdb-consent-padding: clamp(13px, 1.8vw, 18px);
--sdb-consent-padding-x: var(--sdb-consent-padding);
--sdb-consent-padding-y: var(--sdb-consent-padding);
--sdb-consent-control-size: 16px;
--sdb-consent-control-gap: 12px;
}
.sdb-form label.sdb-consent-block,
.sdb-form-adapter label.sdb-consent-block,
label.sdb-consent-block {
display: grid !important;
grid-template-columns: var(--sdb-consent-control-size, 16px) minmax(0, 1fr) !important;
column-gap: var(--sdb-consent-control-gap, 12px) !important;
row-gap: 0 !important;
align-items: start !important;
box-sizing: border-box !important;
min-block-size: var(--sdb-touch-target-min, 44px);
padding-block: var(--sdb-consent-padding-y, 14px) !important;
padding-inline: var(--sdb-consent-padding-x, 16px) !important;
border: 1px solid var(--sdb-color-border, #dbe3ea);
border-radius: var(--sdb-radius-md, 10px);
background: var(--sdb-color-background, #fff);
color: var(--sdb-legal-text-color, var(--sdb-color-text, #364048));
font-size: var(--sdb-legal-text-size, .88rem);
line-height: 1.45;
}
.sdb-form label.sdb-consent-block > input[type="checkbox"],
.sdb-form label.sdb-consent-block > input[type="radio"],
.sdb-form-adapter label.sdb-consent-block > input[type="checkbox"],
.sdb-form-adapter label.sdb-consent-block > input[type="radio"],
label.sdb-consent-block > input[type="checkbox"],
label.sdb-consent-block > input[type="radio"] {
grid-column: 1 !important;
grid-row: 1 !important;
align-self: start !important;
justify-self: start !important;
display: inline-block !important;
position: static !important;
float: none !important;
clear: none !important;
inline-size: var(--sdb-consent-control-size, 16px) !important;
block-size: var(--sdb-consent-control-size, 16px) !important;
min-inline-size: var(--sdb-consent-control-size, 16px) !important;
min-block-size: var(--sdb-consent-control-size, 16px) !important;
max-inline-size: var(--sdb-consent-control-size, 16px) !important;
max-block-size: var(--sdb-consent-control-size, 16px) !important;
margin: .16em 0 0 !important;
padding: 0 !important;
vertical-align: top !important;
accent-color: var(--sdb-color-primary, #0058b7);
}
.sdb-form label.sdb-consent-block > :where(span, p, div):not(input),
.sdb-form-adapter label.sdb-consent-block > :where(span, p, div):not(input),
label.sdb-consent-block > :where(span, p, div):not(input) {
grid-column: 2 !important;
grid-row: 1 !important;
align-self: start !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1.45 !important;
}
@media (max-width: 640px) {
.sdb-form label.sdb-consent-block,
.sdb-form-adapter label.sdb-consent-block,
label.sdb-consent-block {
padding-block: 12px !important;
padding-inline: 14px !important;
column-gap: 10px !important;
}
} :root {
--sdb-conditional-field-gap: var(--sdb-space-2, 8px);
--sdb-conditional-field-reveal-gap: var(--sdb-space-2, 8px);
}
.sdb-conditional-field {
display: grid;
gap: var(--sdb-conditional-field-gap, 8px);
min-width: 0;
}
.sdb-conditional-field > :where(.sdb-field, .sdb-text-field, .sdb-select-field) {
min-width: 0;
margin: 0;
}
.sdb-conditional-field__reveal {
display: grid;
gap: var(--sdb-conditional-field-reveal-gap, 8px);
min-width: 0;
margin: 0;
padding: 0;
}
.sdb-conditional-field__reveal[hidden] {
display: none !important;
}
.sdb-conditional-field__reveal > :where(.sdb-field, .sdb-text-field, .sdb-select-field) {
min-width: 0;
margin: 0;
}
.sdb-conditional-field__reveal[aria-hidden="false"] {
animation: sdb-conditional-field-reveal var(--sdb-motion-duration-enter, 180ms) var(--sdb-motion-easing-decelerate, ease-out);
}
@keyframes sdb-conditional-field-reveal {
from {
opacity: 0;
transform: translateY(-2px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@media (prefers-reduced-motion: reduce) {
.sdb-conditional-field__reveal[aria-hidden="false"] {
animation: none;
}
} .sdb-file-upload {
display: block;
padding: 18px;
border: 1px dashed var(--sdb-color-border);
border-radius: var(--sdb-radius-lg);
background: var(--sdb-color-background);
color: var(--sdb-color-text);
}
.sdb-file-upload--compact {
display: inline-grid;
grid-template-columns: auto minmax(0, 1fr);
align-items: center;
gap: 5px 9px;
max-inline-size: 100%;
padding: 8px 10px;
border-style: solid;
border-radius: var(--sdb-radius-md, 10px);
cursor: pointer;
}
.sdb-file-upload--compact .sdb-file-upload__icon {
display: inline-grid;
place-items: center;
grid-row: 1 / span 2;
inline-size: 30px;
block-size: 30px;
border-radius: var(--sdb-radius-pill, 999px);
background: var(--sdb-color-primary-soft, #eaf3ff);
color: var(--sdb-color-primary, #0058b7);
}
.sdb-file-upload--compact .sdb-file-upload__copy {
display: grid;
gap: 1px;
min-inline-size: 0;
}
.sdb-file-upload--compact .sdb-file-upload__copy strong {
color: var(--sdb-color-title, #364048);
font-size: .8rem;
}
.sdb-file-upload--compact .sdb-file-upload__copy span {
color: var(--sdb-color-muted, #647080);
font-size: .7rem;
line-height: 1.35;
}
.sdb-file-upload--compact input[type="file"] {
grid-column: 2;
min-inline-size: 0;
max-inline-size: 100%;
font-size: .72rem;
color: var(--sdb-color-muted, #647080);
}
@media (max-width: 640px) {
.sdb-file-upload--compact {
inline-size: 100%;
box-sizing: border-box;
}
} .sdb-file-upload--composer {
display: grid;
grid-template-columns: auto minmax(0, 1fr) minmax(11rem, auto);
align-items: center;
gap: var(--sdb-space-3, 12px);
inline-size: 100%;
min-inline-size: 0;
box-sizing: border-box;
padding: var(--sdb-space-4, 16px);
border-style: dashed;
background: var(--sdb-color-surface, #fff);
cursor: pointer;
}
.sdb-file-upload--composer .sdb-file-upload__icon {
display: inline-grid;
place-items: center;
grid-column: 1;
grid-row: 1;
inline-size: 40px;
block-size: 40px;
border-radius: var(--sdb-radius-md, 10px);
background: var(--sdb-color-primary-soft, #eaf3ff);
color: var(--sdb-color-primary, #0058b7);
}
.sdb-file-upload--composer .sdb-file-upload__copy {
display: grid;
grid-column: 2;
grid-row: 1;
gap: 3px;
min-inline-size: 0;
}
.sdb-file-upload--composer .sdb-file-upload__copy strong {
color: var(--sdb-color-title, #13202e);
font-size: .875rem;
}
.sdb-file-upload--composer .sdb-file-upload__copy span {
color: var(--sdb-color-muted, #647080);
font-size: var(--sdb-type-body-sm-size, .82rem);
line-height: 1.45;
}
.sdb-file-upload--composer input[type="file"] {
grid-column: 3;
grid-row: 1;
inline-size: 100%;
min-inline-size: 0;
max-inline-size: 100%;
margin: 0;
box-sizing: border-box;
font: inherit;
font-size: .82rem;
color: var(--sdb-color-text, #495668);
}
.sdb-file-upload--composer input[type="file"]::file-selector-button {
min-block-size: 40px;
margin-inline-end: var(--sdb-space-2, 8px);
padding-inline: var(--sdb-space-3, 12px);
border: 1px solid var(--sdb-color-border, #d9dee7);
border-radius: var(--sdb-radius-sm, 6px);
background: var(--sdb-color-background, #f5f8fb);
color: var(--sdb-color-title, #13202e);
font: inherit;
font-weight: var(--sdb-font-weight-semibold, 600);
cursor: pointer;
}
.sdb-file-upload--composer:focus-within {
border-color: var(--sdb-color-primary, #0058b7);
box-shadow: 0 0 0 3px color-mix(in srgb, var(--sdb-color-primary, #0058b7) 16%, transparent);
}
.sdb-file-upload--composer:has(input[type="file"]:disabled) {
cursor: not-allowed;
opacity: .6;
}
.sdb-file-upload--composer input[type="file"]:disabled::file-selector-button { cursor: not-allowed; }
@media (max-width: 900px) {
.sdb-file-upload--composer { grid-template-columns: auto minmax(0, 1fr); }
.sdb-file-upload--composer input[type="file"] {
grid-column: 2;
grid-row: 2;
}
}
@media (max-width: 640px) {
.sdb-file-upload--composer { padding: var(--sdb-space-3, 12px); }
}
@media (forced-colors: active) {
.sdb-file-upload--composer:focus-within { outline: 2px solid Highlight; outline-offset: 2px; box-shadow: none; }
.sdb-file-upload--composer input[type="file"]::file-selector-button { border-color: ButtonText; }
} .sdb-mini-editor { display: grid; gap: 6px; width: 100%; min-width: 0; }
.sdb-mini-editor__bar { display: flex; flex-wrap: wrap; align-items: center; gap: 3px; padding: 3px; border: 1px solid var(--sdb-color-border, #dbe3ea); border-radius: var(--sdb-radius-sm, 7px); background: var(--sdb-color-background, #f6f8fa); }
.sdb-mini-editor__btn { display: inline-grid; place-items: center; min-width: 32px; min-height: 32px; padding: 4px 7px; border: 0; border-radius: 5px; background: transparent; color: var(--sdb-color-text, #243343); font: inherit; font-size: .83rem; line-height: 1.2; cursor: pointer; }
.sdb-mini-editor__btn--bold { font-weight: 700; }
.sdb-mini-editor__btn--italic { font-style: italic; }
.sdb-mini-editor__btn--preview { margin-inline-start: auto; width: auto; font-size: .75rem; }
.sdb-mini-editor__btn:hover { background: var(--sdb-color-surface, #fff); color: var(--sdb-color-primary, #0058b7); }
.sdb-mini-editor__btn:focus-visible { outline: 2px solid var(--sdb-color-primary, #0058b7); outline-offset: 1px; }
.sdb-mini-editor__area,
.sdb-mini-editor__preview { box-sizing: border-box; min-width: 0; width: 100%; min-height: 108px; padding: 11px 13px; border: 1px solid var(--sdb-color-border, #dbe3ea); border-radius: var(--sdb-radius-sm, 7px); background: var(--sdb-color-surface, #fff); color: var(--sdb-color-text, #243343); font: inherit; line-height: 1.55; overflow-wrap: anywhere; white-space: normal; }
.sdb-mini-editor__area:focus { outline: 2px solid var(--sdb-color-primary, #0058b7); outline-offset: 1px; }
.sdb-mini-editor__area:empty::before { content: attr(data-placeholder); color: var(--sdb-color-muted, #647080); pointer-events: none; }
.sdb-mini-editor__area p, .sdb-mini-editor__preview p { margin: 0 0 .55em; }
.sdb-mini-editor__area p:last-child, .sdb-mini-editor__preview p:last-child { margin-bottom: 0; }
.sdb-mini-editor__area ul, .sdb-mini-editor__area ol,
.sdb-mini-editor__preview ul, .sdb-mini-editor__preview ol { padding-inline-start: 1.4em; margin: .4em 0; }
.sdb-mini-editor__preview { min-height: 0; }
.sdb-mini-editor__preview[hidden] { display: none !important; }
.sdb-mini-editor.is-invalid .sdb-mini-editor__area { border-color: var(--sdb-color-error, #b42318); outline-color: var(--sdb-color-error, #b42318); }
.sdb-mini-editor > label { min-width: 0; }
.sdb-mini-editor > textarea, .sdb-mini-editor > label > textarea { width: 100%; min-width: 0; }
@media (forced-colors: active) { .sdb-mini-editor__area:focus, .sdb-mini-editor__btn:focus-visible { outline: 2px solid Highlight; } } .sdb-filter-panel {
position: relative;
z-index: 2;
width: 100%;
box-sizing: border-box;
margin: 0;
border: 1px solid var(--sdb-color-outline-variant, var(--sdb-color-border, #e4eaf1));
border-radius: var(--sdb-radius-lg, 16px);
background: var(--sdb-color-surface, #fff);
box-shadow: var(--sdb-elevation-1, 0 8px 26px rgba(20,40,70,.045));
}
.sdb-filter-panel::before {
content: "";
position: absolute;
inset-block-start: 0;
inset-inline: clamp(16px, 2.2vw, 24px);
block-size: 2px;
border-radius: 0 0 3px 3px;
background: var(--sdb-color-primary, #2259b8);
}
.sdb-filter-panel > .sdb-filter-panel__form.sdb-filter-bar {
display: flex !important;
flex-wrap: wrap !important;
align-items: flex-end !important;
width: 100%;
box-sizing: border-box;
gap: 14px 18px !important;
margin: 0 !important;
padding: clamp(16px, 2.2vw, 24px) !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
.sdb-filter-panel > .sdb-filter-panel__form.sdb-filter-bar::before {
display: none !important;
content: none !important;
}
.sdb-filter-panel .sdb-filter-panel__fields {
display: grid !important;
flex: 1 1 510px;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr));
gap: 12px 16px;
min-width: 0;
}
.sdb-filter-panel .sdb-filter-panel__fields > .sdb-filter-bar__group {
display: block !important;
flex: none !important;
width: 100%;
min-width: 0 !important;
}
.sdb-filter-panel .sdb-filter-panel__fields > .sdb-filter-bar__group > label {
display: block !important;
margin: 0 !important;
color: var(--sdb-color-title, #364048) !important;
font-family: var(--sdb-font-meta, inherit) !important;
font-size: 12px !important;
font-weight: 700 !important;
letter-spacing: .06em;
line-height: 1.3;
text-transform: uppercase;
}
.sdb-filter-panel .sdb-filter-panel__fields > .sdb-filter-bar__group select,
.sdb-filter-panel .sdb-filter-panel__fields > .sdb-filter-bar__group input {
display: block !important;
box-sizing: border-box;
width: 100% !important;
min-width: 0 !important;
max-width: 100%;
margin: 7px 0 0 !important;
}
.sdb-filter-panel .sdb-filter-panel__actions.sdb-filter-bar__actions {
display: flex !important;
flex: 0 0 auto;
flex-wrap: nowrap !important;
align-items: center !important;
align-self: flex-end !important;
justify-content: flex-end !important;
width: auto !important;
min-height: var(--sdb-touch-target-min, 44px);
gap: 8px !important;
margin: 0 !important;
padding: 0 !important;
}
.sdb-filter-panel .sdb-filter-panel__actions > .sdb-btn {
box-sizing: border-box;
min-height: var(--sdb-touch-target-min, 44px);
white-space: nowrap;
}
.sdb-filter-panel .sdb-filter-panel__tools {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 12px 20px;
padding: 14px clamp(16px, 2.2vw, 24px);
border-top: 1px solid var(--sdb-color-outline-variant, var(--sdb-color-border, #e4eaf1));
border-radius: 0 0 var(--sdb-radius-lg, 16px) var(--sdb-radius-lg, 16px);
background: var(--sdb-color-background, #f8fafc);
}
.sdb-filter-panel .sdb-filter-panel__tools-intro {
display: grid;
flex: 1 1 230px;
gap: 3px;
min-width: 0;
}
.sdb-filter-panel .sdb-filter-panel__tools-intro strong {
color: var(--sdb-color-title, #364048);
font-size: .84rem;
font-weight: 700;
line-height: 1.3;
}
.sdb-filter-panel .sdb-filter-panel__tools-intro span {
color: var(--sdb-color-muted, #78889a);
font-size: .78rem;
line-height: 1.4;
}
.sdb-filter-panel .sdb-filter-panel__tools-actions {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
gap: 8px;
min-width: 0;
}
.sdb-filter-panel .sdb-filter-panel__tools-actions > .sdb-btn,
.sdb-filter-panel .sdb-filter-panel__tools-actions .sdb-action-menu__trigger.sdb-btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: var(--sdb-touch-target-min, 44px) !important;
white-space: nowrap;
}
.sdb-filter-panel--compact .sdb-filter-panel__fields {
flex: 0 1 360px;
}
@media (max-width: 640px) {
.sdb-filter-panel > .sdb-filter-panel__form.sdb-filter-bar {
flex-direction: column !important;
align-items: stretch !important;
gap: 16px !important;
}
.sdb-filter-panel .sdb-filter-panel__fields {
flex: 1 1 100%;
width: 100%;
grid-template-columns: minmax(0, 1fr);
}
.sdb-filter-panel .sdb-filter-panel__actions.sdb-filter-bar__actions {
display: grid !important;
flex: 1 1 auto;
grid-template-columns: repeat(2, minmax(0, 1fr));
width: 100% !important;
}
.sdb-filter-panel .sdb-filter-panel__actions > .sdb-btn {
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
justify-content: center;
}
.sdb-filter-panel .sdb-filter-panel__tools {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 14px;
}
.sdb-filter-panel .sdb-filter-panel__tools-actions {
display: grid;
grid-template-columns: minmax(0, 1fr);
width: 100%;
}
.sdb-filter-panel .sdb-filter-panel__tools-actions > .sdb-btn,
.sdb-filter-panel .sdb-filter-panel__tools-actions > .sdb-action-menu,
.sdb-filter-panel .sdb-filter-panel__tools-actions > .sdb-calendar-subscribe,
.sdb-filter-panel .sdb-filter-panel__tools-actions > * > .sdb-action-menu,
.sdb-filter-panel .sdb-filter-panel__tools-actions .sdb-action-menu__trigger.sdb-btn {
box-sizing: border-box;
width: 100% !important;
max-width: 100%;
justify-content: center;
}
}
@media (forced-colors: active) {
.sdb-filter-panel { border-color: CanvasText; box-shadow: none; }
.sdb-filter-panel::before { background: Highlight; }
.sdb-filter-panel .sdb-filter-panel__tools { border-top-color: CanvasText; }
} .sdb-native-select {
position: relative;
display: block;
box-sizing: border-box;
width: 100%;
min-width: 0;
}
.sdb-native-select > select.sdb-native-select__source,
.sdb-filter-panel .sdb-filter-panel__fields > .sdb-filter-bar__group .sdb-native-select > select.sdb-native-select__source {
position: absolute !important;
top: 0 !important;
inset-inline-start: 0 !important;
display: block !important;
width: 1px !important;
height: 1px !important;
inline-size: 1px !important;
block-size: 1px !important;
min-width: 0 !important;
min-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
border: 0 !important;
opacity: 0 !important;
overflow: hidden !important;
clip-path: inset(50%);
pointer-events: none !important;
}
.sdb-filter-panel .sdb-filter-panel__fields > .sdb-filter-bar__group .sdb-native-select {
margin-block-start: 7px;
}
.sdb-native-select__trigger {
position: relative;
display: flex;
align-items: center;
box-sizing: border-box;
width: 100%;
min-width: 0;
min-height: var(--sdb-filter-control-height, var(--sdb-control-height, 44px));
padding: 10px 36px 10px 13px;
border: 1px solid var(--sdb-color-border, #d8e2ec);
border-radius: var(--sdb-radius-sm, 8px);
background: var(--sdb-color-surface, #fff);
color: var(--sdb-color-text, #243343);
font: inherit;
font-size: .9rem;
line-height: 1.3;
text-align: start;
cursor: pointer;
}
.sdb-native-select__current {
display: block;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.sdb-native-select__trigger::after {
content: "";
position: absolute;
inset-inline-end: 15px;
inset-block-start: calc(50% - 4px);
width: 7px;
height: 7px;
border-inline-end: 1.6px solid currentColor;
border-block-end: 1.6px solid currentColor;
transform: rotate(45deg);
opacity: .7;
transition: transform 140ms ease;
}
.sdb-native-select.is-open .sdb-native-select__trigger::after {
transform: translateY(4px) rotate(225deg);
}
.sdb-native-select__trigger:hover {
border-color: var(--sdb-color-primary, #0058b7);
background: var(--sdb-color-surface, #fff);
}
.sdb-native-select__trigger:focus-visible,
.sdb-native-select.is-open .sdb-native-select__trigger {
outline: 2px solid var(--sdb-color-primary, #0058b7);
outline-offset: 1px;
}
.sdb-native-select__trigger[aria-invalid="true"] {
border-color: var(--sdb-color-error, #b42318);
}
.sdb-native-select__trigger:disabled {
cursor: not-allowed;
opacity: .55;
}
.sdb-native-select__list {
position: absolute;
z-index: var(--sdb-z-dropdown, 200);
inset-block-start: calc(100% + 6px);
inset-inline-start: 0;
display: block;
box-sizing: border-box;
width: max(100%, min(320px, calc(100vw - 32px)));
max-width: calc(100vw - 24px);
max-height: min(320px, 50vh);
padding: 6px;
border: 1px solid var(--sdb-color-border, #d8e2ec);
border-radius: var(--sdb-radius-md, 12px);
background: var(--sdb-color-surface, #fff);
box-shadow: var(--sdb-elevation-3, 0 16px 40px rgba(20,40,70,.14));
overflow-y: auto;
overscroll-behavior: contain;
outline: none;
}
.sdb-native-select__list[hidden] { display: none !important; }
.sdb-native-select.is-above .sdb-native-select__list {
inset-block-start: auto;
inset-block-end: calc(100% + 6px);
}
.sdb-native-select.is-align-end .sdb-native-select__list {
inset-inline-start: auto;
inset-inline-end: 0;
}
.sdb-native-select__option {
display: flex;
align-items: center;
box-sizing: border-box;
min-height: 40px;
padding: 9px 12px;
border-radius: var(--sdb-radius-sm, 7px);
color: var(--sdb-color-text, #243343);
font-size: .88rem;
line-height: 1.35;
white-space: normal;
overflow-wrap: anywhere;
cursor: pointer;
}
.sdb-native-select__option:hover,
.sdb-native-select__option.is-highlighted {
background: var(--sdb-state-hover-bg, rgba(0,88,183,.065));
}
.sdb-native-select__option[aria-selected="true"] {
color: var(--sdb-color-primary, #0058b7);
background: var(--sdb-state-selected-bg, rgba(0,88,183,.075));
font-weight: var(--sdb-font-weight-semibold, 600);
}
.sdb-native-select__option[aria-disabled="true"] {
opacity: .45;
cursor: not-allowed;
}
.sdb-native-select__group-title {
display: block;
margin: 8px 6px 3px;
padding: 5px 7px;
color: var(--sdb-color-muted, #6b7785);
font-size: .73rem;
font-weight: 700;
letter-spacing: .03em;
}
@media (max-width: 640px) {
.sdb-native-select__list {
width: 100%;
max-width: 100%;
max-height: min(300px, 52vh);
}
.sdb-native-select__option { min-height: 44px; }
}
@media (prefers-reduced-motion: reduce) {
.sdb-native-select__trigger::after { transition: none; }
}
@media (forced-colors: active) {
.sdb-native-select__trigger { border-color: ButtonText; }
.sdb-native-select__trigger:focus-visible,
.sdb-native-select.is-open .sdb-native-select__trigger { outline: 2px solid Highlight; }
.sdb-native-select__option[aria-selected="true"] { outline: 1px solid Highlight; }
} .sdb-native-select.sdb-native-select--inline {
display: inline-block;
vertical-align: middle;
width: clamp(160px, 15vw, 240px);
max-width: 100%;
margin-inline-end: 8px;
}
@media (max-width: 782px) {
.sdb-native-select.sdb-native-select--inline {
display: block;
width: min(100%, 320px);
margin-block-end: 8px;
}
}