:root{--syte-okd-select-common-placeholder-color:var(--syte-okd-color-gray-300);--syte-okd-select-common-text-color:var(--syte-okd-color-gray-700);--syte-okd-select-common-title-color:var(--syte-okd-color-content-contrast);--syte-okd-select-common-border-color:var(--syte-okd-color-gray-100);--syte-okd-select-option-default-text-color:var(--syte-okd-color-content-primary);--syte-okd-select-option-hover-text-color:var(--syte-okd-color-text-amplifed);--syte-okd-select-option-active-text-color:var(--syte-okd-color-content-primary);--syte-okd-select-option-disabled-text-color:var(--syte-okd-color-content-disabled);--syte-okd-select-option-default-bg:var(--syte-okd-color-common-transparent);--syte-okd-select-option-hover-bg:var(--syte-okd-color-gray-050);--syte-okd-select-option-active-bg:var(--syte-okd-color-common-transparent);--syte-okd-select-option-disabled-bg:var(--syte-okd-color-common-transparent);--syte-okd-select-check-default-icon-color:var(--syte-okd-color-content-primary);--syte-okd-select-empty-default-icon-color:var(--syte-okd-color-content-tertiary);--syte-okd-select-empty-default-text-color:var(--syte-okd-color-content-contrast);--syte-okd-select-search-input-bg:var(--syte-okd-color-gray-100);--syte-okd-select-search-input-placeholder-color:var(--syte-okd-color-gray-400);--syte-okd-select-search-input-color:var(--syte-okd-color-text-amplifed);--syte-okd-select-search-input-icon-color:var(--syte-okd-color-gray-500);--syte-okd-select-search-input-border-radius:4px;--syte-okd-select-drop-box-border-color:var(--syte-okd-color-border-primary);--syte-okd-select-drop-box-shadow:var(--syte-okd-shadow-lg);--syte-okd-select-drop-box-bg:var(--syte-okd-color-modal-primary);--syte-okd-select-drop-box-margin-top:4px;--syte-okd-select-drop-box-border-radius:8px;--syte-okd-select-text-select-default-icon-size:var(--syte-okd-font-size-xs);--syte-okd-select-text-select-default-font-color:var(--syte-okd-color-content-secondary);--syte-okd-select-text-select-hover-font-color:var(--syte-okd-color-content-primary);--syte-okd-select-text-select-select-font-color:var(--syte-okd-color-content-primary);--syte-okd-select-text-select-disabled-font-color:var(--syte-okd-color-content-disabled);--syte-okd-select-text-select-default-icon-color:var(--syte-okd-color-content-primary);--syte-okd-select-text-select-hover-icon-color:var(--syte-okd-color-content-primary);--syte-okd-select-text-select-select-icon-color:var(--syte-okd-color-content-primary);--syte-okd-select-text-select-disabled-icon-color:var(--syte-okd-color-content-disabled);--syte-okd-select-input-select-default-icon-color:var(--syte-okd-color-content-primary);--syte-okd-select-input-select-default-icon-size:16px;--syte-okd-select-md-title-font-size:10px;--syte-okd-select-sm-title-font-size:10px;--syte-okd-select-xs-title-font-size:10px;--syte-okd-select-md-title-line-height:var(--syte-okd-select-md-title-font-size);--syte-okd-select-sm-title-line-height:var(--syte-okd-select-md-title-font-size);--syte-okd-select-xs-title-line-height:var(--syte-okd-select-md-title-font-size);--syte-okd-select-md-title-padding-horizontal:16px;--syte-okd-select-md-title-padding-top:12px;--syte-okd-select-md-title-padding-bottom:4px;--syte-okd-select-sm-title-padding-horizontal:12px;--syte-okd-select-sm-title-padding-top:4px;--syte-okd-select-sm-title-padding-bottom:4px;--syte-okd-select-xs-title-padding-horizontal:12px;--syte-okd-select-xs-title-padding-top:4px;--syte-okd-select-xs-title-padding-bottom:4px;--syte-okd-select-md-text-font-size:var(--syte-okd-font-size-md);--syte-okd-select-sm-text-font-size:var(--syte-okd-font-size-xs);--syte-okd-select-xs-text-font-size:var(--syte-okd-font-size-xs);--syte-okd-select-md-option-font-size:var(--syte-okd-font-size-md);--syte-okd-select-sm-option-font-size:var(--syte-okd-font-size-xs);--syte-okd-select-xs-option-font-size:var(--syte-okd-font-size-xs);--syte-okd-select-md-option-line-height:var(--syte-okd-line-height-md);--syte-okd-select-sm-option-line-height:var(--syte-okd-line-height-xs);--syte-okd-select-xs-option-line-height:var(--syte-okd-line-height-xs);--syte-okd-select-md-option-padding-horizontal:16px;--syte-okd-select-md-option-padding-vertical:12px;--syte-okd-select-sm-option-padding-horizontal:12px;--syte-okd-select-sm-option-padding-vertical:8px;--syte-okd-select-xs-option-padding-horizontal:12px;--syte-okd-select-xs-option-padding-vertical:8px;--syte-okd-select-md-check-icon-font-size:16px;--syte-okd-select-sm-check-icon-font-size:16px;--syte-okd-select-xs-check-icon-font-size:16px;--syte-okd-select-md-empty-icon-font-size:24px;--syte-okd-select-sm-empty-icon-font-size:24px;--syte-okd-select-xs-empty-icon-font-size:24px;--syte-okd-select-md-empty-font-size:var(--syte-okd-font-size-md);--syte-okd-select-sm-empty-font-size:var(--syte-okd-font-size-md);--syte-okd-select-xs-empty-font-size:var(--syte-okd-font-size-md);--syte-okd-select-md-search-input-font-size:var(--syte-okd-font-size-md);--syte-okd-select-sm-search-input-font-size:var(--syte-okd-font-size-md);--syte-okd-select-xs-search-input-font-size:var(--syte-okd-font-size-md);--syte-okd-select-md-search-icon-size:18px;--syte-okd-select-sm-search-icon-size:18px;--syte-okd-select-xs-search-icon-size:18px;--syte-okd-select-md-text-select-font-size:var(--syte-okd-font-size-md);--syte-okd-select-sm-text-select-font-size:var(--syte-okd-font-size-xs);--syte-okd-select-xs-text-select-font-size:var(--syte-okd-font-size-xs);--syte-okd-select-md-search-margin-vertical:8px;--syte-okd-select-md-search-margin-horizontal:16px;--syte-okd-select-md-search-height:28px;--syte-okd-select-sm-search-margin-vertical:8px;--syte-okd-select-sm-search-margin-horizontal:12px;--syte-okd-select-sm-search-height:28px;--syte-okd-select-xs-search-margin-vertical:8px;--syte-okd-select-xs-search-margin-horizontal:12px;--syte-okd-select-xs-search-height:28px;--syte-okd-select-option-common-line-color:var(--syte-okd-color-border-primary);--syte-okd-select-option-common-line-height:1px;--syte-okd-select-option-common-line-margin-vertical:6px;--syte-okd-select-md-search-padding-vertical:5px;--syte-okd-select-md-search-padding-horizontal:8px;--syte-okd-select-sm-search-padding-vertical:5px;--syte-okd-select-sm-search-padding-horizontal:8px;--syte-okd-select-xs-search-padding-vertical:5px;--syte-okd-select-xs-search-padding-horizontal:8px;--syte-okd-select-mobile-option-container-padding-vertical:8px;--syte-okd-select-mobile-option-item-container-padding-top:8px;--syte-okd-select-search-input-clear-icon-color:var(--syte-okd-color-text-lighter);--syte-okd-select-md-search-clear-icon-size:14px;--syte-okd-select-sm-search-clear-icon-size:14px;--syte-okd-select-xs-search-clear-icon-size:14px;--syte-okd-select-lg-title-padding-top:12px;--syte-okd-select-lg-title-padding-bottom:4px;--syte-okd-select-lg-title-padding-horizontal:16px;--syte-okd-select-lg-title-font-size:12px;--syte-okd-select-lg-title-line-height:var(--syte-okd-select-lg-title-font-size);--syte-okd-select-lg-option-line-height:var(--syte-okd-select-lg-option-line-height);--syte-okd-select-lg-option-padding-vertical:12px;--syte-okd-select-lg-option-padding-horizontal:16px;--syte-okd-select-lg-option-font-size:14px;--syte-okd-select-lg-empty-icon-font-size:24px;--syte-okd-select-lg-empty-font-size:14px;--syte-okd-select-lg-search-margin-horizontal:16px;--syte-okd-select-lg-search-margin-vertical:8px;--syte-okd-select-lg-search-padding-horizontal:8px;--syte-okd-select-lg-search-padding-vertical:4px;--syte-okd-select-lg-search-height:28px;--syte-okd-select-lg-search-icon-size:18px;--syte-okd-select-lg-search-clear-icon-size:14px;--syte-okd-select-lg-search-input-font-size:14px;--syte-okd-select-lg-text-select-font-size:14px;--syte-okd-select-lg-check-icon-font-size:var(--syte-okd-select-md-check-icon-font-size);--syte-okd-select-lg-text-font-size:14px;--syte-okd-select-xl-title-padding-top:12px;--syte-okd-select-xl-title-padding-bottom:4px;--syte-okd-select-xl-title-padding-horizontal:16px;--syte-okd-select-xl-title-font-size:12px;--syte-okd-select-xl-title-line-height:var(--syte-okd-select-xl-title-font-size);--syte-okd-select-xl-option-line-height:var(--syte-okd-select-xl-option-line-height);--syte-okd-select-xl-option-padding-vertical:12px;--syte-okd-select-xl-option-padding-horizontal:16px;--syte-okd-select-xl-option-font-size:14px;--syte-okd-select-xl-empty-icon-font-size:24px;--syte-okd-select-xl-empty-font-size:14px;--syte-okd-select-xl-search-margin-horizontal:16px;--syte-okd-select-xl-search-margin-vertical:8px;--syte-okd-select-xl-search-padding-horizontal:8px;--syte-okd-select-xl-search-padding-vertical:4px;--syte-okd-select-xl-search-height:28px;--syte-okd-select-xl-search-icon-size:18px;--syte-okd-select-xl-search-clear-icon-size:14px;--syte-okd-select-xl-search-input-font-size:14px;--syte-okd-select-xl-text-select-font-size:14px;--syte-okd-select-xl-check-icon-font-size:var(--syte-okd-select-md-check-icon-font-size);--syte-okd-select-xl-text-font-size:14px;--syte-okd-select-mobile-option-line-height:20px;--syte-okd-select-mobile-option-padding-vertical:18px;--syte-okd-select-mobile-option-padding-horizontal:16px;--syte-okd-select-mobile-option-font-size:16px;--syte-okd-select-mobile-option-icon-font-size:24px;--syte-okd-select-mobile-option-title-padding-top:var(--syte-okd-select-md-title-padding-top);--syte-okd-select-mobile-option-title-padding-bottom:var(--syte-okd-select-md-title-padding-bottom);--syte-okd-select-mobile-option-title-padding-horizontal:var(--syte-okd-select-md-title-padding-horizontal);--syte-okd-select-mobile-option-title-font-size:var(--syte-okd-select-md-title-font-size);--syte-okd-select-mobile-option-title-line-height:var(--syte-okd-select-md-title-line-height);--syte-okd-select-xl-option-icon-font-size:20px;--syte-okd-select-lg-option-icon-font-size:20px;--syte-okd-select-md-option-icon-font-size:20px;--syte-okd-select-sm-option-icon-font-size:16px;--syte-okd-select-xs-option-icon-font-size:16px;--syte-okd-select-xl-tag-icon-font-size:16px;--syte-okd-select-lg-tag-icon-font-size:16px;--syte-okd-select-md-tag-icon-font-size:16px;--syte-okd-select-sm-tag-icon-font-size:14px;--syte-okd-select-xs-tag-icon-font-size:14px;--syte-okd-select-xl-reference-icon-font-size:20px;--syte-okd-select-lg-reference-icon-font-size:20px;--syte-okd-select-md-reference-icon-font-size:20px;--syte-okd-select-sm-reference-icon-font-size:16px;--syte-okd-select-xs-reference-icon-font-size:16px;--syte-okd-select-xl-tag-text-font-size:14px;--syte-okd-select-lg-tag-text-font-size:14px;--syte-okd-select-md-tag-text-font-size:14px;--syte-okd-select-sm-tag-text-font-size:12px;--syte-okd-select-xs-tag-text-font-size:12px;--syte-okd-select-xl-tag-height:32px;--syte-okd-select-lg-tag-height:32px;--syte-okd-select-md-tag-height:24px;--syte-okd-select-sm-tag-height:24px;--syte-okd-select-xs-tag-height:20px;--syte-okd-select-tag-default-background:var(--syte-okd-color-background-surface-contrast);--syte-okd-select-tag-disabled-background:var(--syte-okd-color-background-surface-contrast);--syte-okd-select-tag-text-default-color:var(--syte-okd-color-content-primary);--syte-okd-select-tag-text-disabled-color:var(--syte-okd-color-content-disabled);--syte-okd-select-tag-icon-default-color:var(--syte-okd-color-content-contrast);--syte-okd-select-tag-icon-hover-color:var(--syte-okd-color-content-primary);--syte-okd-select-tag-icon-disabled-color:var(--syte-okd-color-content-disabled);--syte-okd-select-reference-icon-default-color:var(--syte-okd-color-content-contrast);--syte-okd-select-reference-icon-hover-color:var(--syte-okd-color-content-primary);--syte-okd-select-xl-arrow-icon-font-size:16px;--syte-okd-select-lg-arrow-icon-font-size:16px;--syte-okd-select-md-arrow-icon-font-size:16px;--syte-okd-select-sm-arrow-icon-font-size:14px;--syte-okd-select-xs-arrow-icon-font-size:14px;--syte-okd-select-tag-icon-padding-left:4px;--syte-okd-select-tag-border-radius:4px;--syte-okd-select-tag-margin-right:4px;--syte-okd-select-tag-margin-bottom:4px;--syte-okd-select-tag-padding-horizontal:8px;--syte-okd-select-xl-input-suffix-margin-left:16px;--syte-okd-select-lg-input-suffix-margin-left:16px;--syte-okd-select-md-input-suffix-margin-left:16px;--syte-okd-select-sm-input-suffix-margin-left:16px;--syte-okd-select-xs-input-suffix-margin-left:12px;--syte-okd-select-xl-tag-margin-right:4px;--syte-okd-select-lg-tag-margin-right:4px;--syte-okd-select-md-tag-margin-right:4px;--syte-okd-select-sm-tag-margin-right:4px;--syte-okd-select-xs-tag-margin-right:4px;--syte-okd-select-input-select-disabled-icon-color:var(--syte-okd-color-content-disabled)}.theme-dark{--syte-okd-select-common-placeholder-color:var(--syte-okd-color-gray-600);--syte-okd-select-common-text-color:var(--syte-okd-color-gray-900);--syte-okd-select-common-title-color:var(--syte-okd-color-content-contrast);--syte-okd-select-common-border-color:var(--syte-okd-color-line-muted);--syte-okd-select-option-default-text-color:var(--syte-okd-color-content-primary);--syte-okd-select-option-hover-text-color:var(--syte-okd-color-gray-900);--syte-okd-select-option-active-text-color:var(--syte-okd-color-content-primary);--syte-okd-select-option-disabled-text-color:var(--syte-okd-color-content-disabled);--syte-okd-select-option-default-bg:var(--syte-okd-color-common-transparent);--syte-okd-select-option-hover-bg:hsla(0,0%,98%,.05);--syte-okd-select-option-active-bg:var(--syte-okd-color-common-transparent);--syte-okd-select-option-disabled-bg:var(--syte-okd-color-common-transparent);--syte-okd-select-check-default-icon-color:var(--syte-okd-color-content-primary);--syte-okd-select-empty-default-icon-color:var(--syte-okd-color-content-contrast);--syte-okd-select-empty-default-text-color:var(--syte-okd-color-content-contrast);--syte-okd-select-search-input-bg:rgba(64,64,64,.5);--syte-okd-select-search-input-placeholder-color:var(--syte-okd-color-text-lighter);--syte-okd-select-search-input-color:var(--syte-okd-color-gray-900);--syte-okd-select-search-input-icon-color:var(--syte-okd-color-text-light);--syte-okd-select-search-input-border-radius:4px;--syte-okd-select-drop-box-border-color:var(--syte-okd-color-border-primary);--syte-okd-select-drop-box-shadow:var(--syte-okd-shadow-sm),var(--syte-okd-shadow-md);--syte-okd-select-drop-box-bg:var(--syte-okd-color-modal-primary);--syte-okd-select-drop-box-margin-top:4px;--syte-okd-select-drop-box-border-radius:8px;--syte-okd-select-text-select-default-icon-size:var(--syte-okd-font-size-xs);--syte-okd-select-text-select-default-font-color:var(--syte-okd-color-content-secondary);--syte-okd-select-text-select-hover-font-color:var(--syte-okd-color-content-primary);--syte-okd-select-text-select-select-font-color:var(--syte-okd-color-content-primary);--syte-okd-select-text-select-disabled-font-color:var(--syte-okd-color-content-disabled);--syte-okd-select-text-select-default-icon-color:var(--syte-okd-color-content-primary);--syte-okd-select-text-select-hover-icon-color:var(--syte-okd-color-content-primary);--syte-okd-select-text-select-select-icon-color:var(--syte-okd-color-content-primary);--syte-okd-select-text-select-disabled-icon-color:var(--syte-okd-color-content-disabled);--syte-okd-select-input-select-default-icon-color:var(--syte-okd-color-content-primary);--syte-okd-select-input-select-default-icon-size:16px;--syte-okd-select-md-title-font-size:10px;--syte-okd-select-sm-title-font-size:10px;--syte-okd-select-xs-title-font-size:10px;--syte-okd-select-md-title-line-height:var(--syte-okd-select-md-title-font-size);--syte-okd-select-sm-title-line-height:var(--syte-okd-select-md-title-font-size);--syte-okd-select-xs-title-line-height:var(--syte-okd-select-md-title-font-size);--syte-okd-select-md-title-padding-horizontal:16px;--syte-okd-select-md-title-padding-top:4px;--syte-okd-select-md-title-padding-bottom:4px;--syte-okd-select-sm-title-padding-horizontal:12px;--syte-okd-select-sm-title-padding-top:4px;--syte-okd-select-sm-title-padding-bottom:4px;--syte-okd-select-xs-title-padding-horizontal:12px;--syte-okd-select-xs-title-padding-top:4px;--syte-okd-select-xs-title-padding-bottom:4px;--syte-okd-select-md-text-font-size:var(--syte-okd-font-size-md);--syte-okd-select-sm-text-font-size:var(--syte-okd-font-size-xs);--syte-okd-select-xs-text-font-size:var(--syte-okd-font-size-xs);--syte-okd-select-md-option-font-size:var(--syte-okd-font-size-md);--syte-okd-select-sm-option-font-size:var(--syte-okd-font-size-xs);--syte-okd-select-xs-option-font-size:var(--syte-okd-font-size-xs);--syte-okd-select-md-option-line-height:var(--syte-okd-line-height-md);--syte-okd-select-sm-option-line-height:var(--syte-okd-line-height-xs);--syte-okd-select-xs-option-line-height:var(--syte-okd-line-height-xs);--syte-okd-select-md-option-padding-horizontal:16px;--syte-okd-select-md-option-padding-vertical:8px;--syte-okd-select-sm-option-padding-horizontal:12px;--syte-okd-select-sm-option-padding-vertical:8px;--syte-okd-select-xs-option-padding-horizontal:12px;--syte-okd-select-xs-option-padding-vertical:8px;--syte-okd-select-md-check-icon-font-size:16px;--syte-okd-select-sm-check-icon-font-size:16px;--syte-okd-select-xs-check-icon-font-size:16px;--syte-okd-select-md-empty-icon-font-size:24px;--syte-okd-select-sm-empty-icon-font-size:24px;--syte-okd-select-xs-empty-icon-font-size:24px;--syte-okd-select-md-empty-font-size:var(--syte-okd-font-size-md);--syte-okd-select-sm-empty-font-size:var(--syte-okd-font-size-md);--syte-okd-select-xs-empty-font-size:var(--syte-okd-font-size-md);--syte-okd-select-md-search-input-font-size:var(--syte-okd-font-size-md);--syte-okd-select-sm-search-input-font-size:var(--syte-okd-font-size-md);--syte-okd-select-xs-search-input-font-size:var(--syte-okd-font-size-md);--syte-okd-select-md-search-icon-size:18px;--syte-okd-select-sm-search-icon-size:18px;--syte-okd-select-xs-search-icon-size:18px;--syte-okd-select-md-search-margin-vertical:8px;--syte-okd-select-md-search-margin-horizontal:16px;--syte-okd-select-md-search-height:28px;--syte-okd-select-sm-search-margin-vertical:8px;--syte-okd-select-sm-search-margin-horizontal:12px;--syte-okd-select-sm-search-height:28px;--syte-okd-select-xs-search-margin-vertical:8px;--syte-okd-select-xs-search-margin-horizontal:12px;--syte-okd-select-xs-search-height:28px;--syte-okd-select-option-common-line-color:var(--syte-okd-color-border-primary);--syte-okd-select-option-common-line-height:1px;--syte-okd-select-option-common-line-margin-vertical:6px;--syte-okd-select-md-search-padding-vertical:5px;--syte-okd-select-md-search-padding-horizontal:8px;--syte-okd-select-sm-search-padding-vertical:5px;--syte-okd-select-sm-search-padding-horizontal:8px;--syte-okd-select-xs-search-padding-vertical:5px;--syte-okd-select-xs-search-padding-horizontal:8px;--syte-okd-select-mobile-option-container-padding-vertical:8px;--syte-okd-select-mobile-option-item-container-padding-top:8px;--syte-okd-select-search-input-clear-icon-color:var(--syte-okd-color-text-lighter);--syte-okd-select-md-search-clear-icon-size:14px;--syte-okd-select-sm-search-clear-icon-size:14px;--syte-okd-select-xs-search-clear-icon-size:14px;--syte-okd-select-lg-title-padding-top:12px;--syte-okd-select-lg-title-padding-bottom:14px;--syte-okd-select-lg-title-padding-horizontal:16px;--syte-okd-select-lg-title-font-size:12px;--syte-okd-select-lg-title-line-height:var(--syte-okd-select-lg-title-font-size);--syte-okd-select-lg-option-line-height:var(--syte-okd-select-lg-option-line-height);--syte-okd-select-lg-option-padding-vertical:12px;--syte-okd-select-lg-option-padding-horizontal:16px;--syte-okd-select-lg-option-font-size:14px;--syte-okd-select-lg-empty-icon-font-size:24px;--syte-okd-select-lg-empty-font-size:14px;--syte-okd-select-lg-search-margin-horizontal:16px;--syte-okd-select-lg-search-margin-vertical:8px;--syte-okd-select-lg-search-padding-horizontal:8px;--syte-okd-select-lg-search-padding-vertical:4px;--syte-okd-select-lg-search-height:28px;--syte-okd-select-lg-search-icon-size:18px;--syte-okd-select-lg-search-clear-icon-size:14px;--syte-okd-select-lg-search-input-font-size:14px;--syte-okd-select-lg-text-select-font-size:14px;--syte-okd-select-lg-check-icon-font-size:var(--syte-okd-select-md-check-icon-font-size);--syte-okd-select-lg-text-font-size:14px;--syte-okd-select-xl-title-padding-top:12px;--syte-okd-select-xl-title-padding-bottom:14px;--syte-okd-select-xl-title-padding-horizontal:16px;--syte-okd-select-xl-title-font-size:12px;--syte-okd-select-xl-title-line-height:var(--syte-okd-select-xl-title-font-size);--syte-okd-select-xl-option-line-height:var(--syte-okd-select-xl-option-line-height);--syte-okd-select-xl-option-padding-vertical:12px;--syte-okd-select-xl-option-padding-horizontal:16px;--syte-okd-select-xl-option-font-size:14px;--syte-okd-select-xl-empty-icon-font-size:24px;--syte-okd-select-xl-empty-font-size:14px;--syte-okd-select-xl-search-margin-horizontal:16px;--syte-okd-select-xl-search-margin-vertical:8px;--syte-okd-select-xl-search-padding-horizontal:8px;--syte-okd-select-xl-search-padding-vertical:4px;--syte-okd-select-xl-search-height:28px;--syte-okd-select-xl-search-icon-size:18px;--syte-okd-select-xl-search-clear-icon-size:14px;--syte-okd-select-xl-search-input-font-size:14px;--syte-okd-select-xl-text-select-font-size:14px;--syte-okd-select-xl-check-icon-font-size:var(--syte-okd-select-md-check-icon-font-size);--syte-okd-select-xl-text-font-size:14px;--syte-okd-select-sm-text-select-font-size:12px;--syte-okd-select-mobile-option-line-height:20px;--syte-okd-select-mobile-option-padding-vertical:18px;--syte-okd-select-mobile-option-padding-horizontal:16px;--syte-okd-select-mobile-option-font-size:16px;--syte-okd-select-mobile-option-icon-font-size:24px;--syte-okd-select-mobile-option-title-padding-top:var(--syte-okd-select-md-title-padding-top);--syte-okd-select-mobile-option-title-padding-bottom:var(--syte-okd-select-md-title-padding-bottom);--syte-okd-select-mobile-option-title-padding-horizontal:var(--syte-okd-select-md-title-padding-horizontal);--syte-okd-select-mobile-option-title-font-size:var(--syte-okd-select-md-title-font-size);--syte-okd-select-mobile-option-title-line-height:var(--syte-okd-select-md-title-line-height);--syte-okd-select-xl-option-icon-font-size:20px;--syte-okd-select-lg-option-icon-font-size:20px;--syte-okd-select-md-option-icon-font-size:20px;--syte-okd-select-sm-option-icon-font-size:16px;--syte-okd-select-xs-option-icon-font-size:16px;--syte-okd-select-xl-tag-icon-font-size:16px;--syte-okd-select-lg-tag-icon-font-size:16px;--syte-okd-select-md-tag-icon-font-size:16px;--syte-okd-select-sm-tag-icon-font-size:14px;--syte-okd-select-xs-tag-icon-font-size:14px;--syte-okd-select-xl-reference-icon-font-size:20px;--syte-okd-select-lg-reference-icon-font-size:20px;--syte-okd-select-md-reference-icon-font-size:20px;--syte-okd-select-sm-reference-icon-font-size:16px;--syte-okd-select-xs-reference-icon-font-size:16px;--syte-okd-select-xl-tag-text-font-size:14px;--syte-okd-select-lg-tag-text-font-size:14px;--syte-okd-select-md-tag-text-font-size:14px;--syte-okd-select-sm-tag-text-font-size:12px;--syte-okd-select-xs-tag-text-font-size:12px;--syte-okd-select-xl-tag-height:32px;--syte-okd-select-lg-tag-height:32px;--syte-okd-select-md-tag-height:24px;--syte-okd-select-sm-tag-height:24px;--syte-okd-select-xs-tag-height:20px;--syte-okd-select-tag-default-background:var(--syte-okd-color-background-surface-contrast);--syte-okd-select-tag-disabled-background:var(--syte-okd-color-background-surface-contrast);--syte-okd-select-tag-text-default-color:var(--syte-okd-color-content-primary);--syte-okd-select-tag-text-disabled-color:var(--syte-okd-color-content-disabled);--syte-okd-select-tag-icon-default-color:var(--syte-okd-color-content-contrast);--syte-okd-select-tag-icon-hover-color:var(--syte-okd-color-content-primary);--syte-okd-select-tag-icon-disabled-color:var(--syte-okd-color-content-disabled);--syte-okd-select-reference-icon-default-color:var(--syte-okd-color-content-contrast);--syte-okd-select-reference-icon-hover-color:var(--syte-okd-color-content-primary);--syte-okd-select-xl-arrow-icon-font-size:16px;--syte-okd-select-lg-arrow-icon-font-size:16px;--syte-okd-select-md-arrow-icon-font-size:16px;--syte-okd-select-sm-arrow-icon-font-size:14px;--syte-okd-select-xs-arrow-icon-font-size:14px;--syte-okd-select-tag-icon-padding-left:4px;--syte-okd-select-tag-border-radius:4px;--syte-okd-select-tag-margin-right:4px;--syte-okd-select-tag-margin-bottom:4px;--syte-okd-select-tag-padding-horizontal:8px;--syte-okd-select-xl-input-suffix-margin-left:16px;--syte-okd-select-lg-input-suffix-margin-left:16px;--syte-okd-select-md-input-suffix-margin-left:16px;--syte-okd-select-sm-input-suffix-margin-left:16px;--syte-okd-select-xs-input-suffix-margin-left:12px;--syte-okd-select-xl-tag-margin-right:4px;--syte-okd-select-lg-tag-margin-right:4px;--syte-okd-select-md-tag-margin-right:4px;--syte-okd-select-sm-tag-margin-right:4px;--syte-okd-select-xs-tag-margin-right:4px;--syte-okd-select-input-select-disabled-icon-color:var(--syte-okd-color-content-disabled)}.syte-virtual-list-empty{-ms-flex-pack:center;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;height:100%;justify-content:center}.syte-overflow{overflow:hidden}.syte-overflow-hidden{height:0;opacity:0;overflow-y:hidden;pointer-events:none;position:absolute}.syte-select-empty{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:calc(100% - 48px);justify-content:center;min-height:160px}.syte-select-empty .empty-text{color:var(--syte-okd-select-empty-default-text-color)}.syte-select-empty .empty-text-sm{font-size:var(--syte-okd-select-sm-empty-font-size)}.syte-select-empty .empty-text-md{font-size:var(--syte-okd-select-md-empty-font-size)}.syte-select-empty .empty-text-xs{font-size:var(--syte-okd-select-xs-empty-font-size)}.syte-select-empty .empty-text-lg{font-size:var(--syte-okd-select-md-empty-font-size);font-size:var(--syte-okd-select-lg-empty-font-size,var(--syte-okd-select-md-empty-font-size))}.syte-select-empty .empty-text-xl{font-size:var(--syte-okd-select-md-empty-font-size);font-size:var(--syte-okd-select-xl-empty-font-size,var(--syte-okd-select-md-empty-font-size))}.syte-select-empty .empty-text-mobile{font-size:14px;font-size:var(--syte-okd-select-mobile-empty-font-size,14px)}.syte-select-item{-ms-flex-align:center;align-items:center;color:var(--syte-okd-select-option-default-text-color);cursor:pointer;display:-ms-flexbox;display:flex;font-weight:400;min-width:90px}.syte-select-item.syte-select-item-active{background:var(--syte-okd-select-option-active-bg);color:var(--syte-okd-select-option-active-text-color)}.syte-select-item.hover,.syte-select-item:hover{background:var(--syte-okd-select-option-hover-bg);color:var(--syte-okd-select-option-hover-text-color)}.syte-select-item.disabled{background:var(--syte-okd-select-option-disabled-bg);color:var(--syte-okd-select-option-disabled-text-color);cursor:not-allowed}.syte-select-item.disabled .syte-select-item-check{opacity:.2}.syte-select-item.align-center{-ms-flex-pack:center;justify-content:center}.syte-select-item.align-left{-ms-flex-pack:start;justify-content:flex-start}.syte-select-item.align-right{-ms-flex-pack:end;justify-content:flex-end}.syte-select-item-check{color:var(--syte-okd-select-check-default-icon-color);margin-left:auto}.syte-select-item-title{color:var(--syte-okd-select-common-title-color)}.syte-select-item-title-inner{display:inline-block}.syte-select-item-line{border-top:var(--syte-okd-select-option-common-line-height) solid var(--syte-okd-select-option-common-line-color);height:0;margin:var(--syte-okd-select-option-common-line-margin-vertical) 0;width:100%}.syte-select-item-show-check .syte-select-item-active{background:var(--syte-okd-select-option-active-bg)}.option-sm .syte-select-item-title{font-size:var(--syte-okd-select-sm-title-font-size);line-height:var(--syte-okd-select-sm-title-line-height);padding:var(--syte-okd-select-sm-title-padding-top) var(--syte-okd-select-sm-title-padding-horizontal) var(--syte-okd-select-sm-title-padding-bottom)}.option-sm .syte-select-item{font-size:var(--syte-okd-select-sm-option-font-size);line-height:var(--syte-okd-select-sm-option-line-height);padding:var(--syte-okd-select-sm-option-padding-vertical) var(--syte-okd-select-sm-option-padding-horizontal)}.option-sm .syte-select-item-check{font-size:18px;font-size:var(--syte-okd-select-sm-option-icon-font-size,18px);padding-left:8px}.option-sm .syte-select-item.custom{padding:0}.option-md .syte-select-item-title{font-size:var(--syte-okd-select-md-title-font-size);line-height:var(--syte-okd-select-md-title-line-height);padding:var(--syte-okd-select-md-title-padding-top) var(--syte-okd-select-md-title-padding-horizontal) var(--syte-okd-select-md-title-padding-bottom)}.option-md .syte-select-item{font-size:var(--syte-okd-select-md-option-font-size);line-height:var(--syte-okd-select-md-option-line-height);padding:var(--syte-okd-select-md-option-padding-vertical) var(--syte-okd-select-md-option-padding-horizontal)}.option-md .syte-select-item-check{font-size:18px;font-size:var(--syte-okd-select-md-option-icon-font-size,18px);padding-left:8px}.option-md .syte-select-item.custom{padding:0}.option-xs .syte-select-item-title{font-size:var(--syte-okd-select-xs-title-font-size);line-height:var(--syte-okd-select-xs-title-line-height);padding:var(--syte-okd-select-xs-title-padding-top) var(--syte-okd-select-xs-title-padding-horizontal) var(--syte-okd-select-xs-title-padding-bottom)}.option-xs .syte-select-item{font-size:var(--syte-okd-select-xs-option-font-size);line-height:var(--syte-okd-select-xs-option-line-height);padding:var(--syte-okd-select-xs-option-padding-vertical) var(--syte-okd-select-xs-option-padding-horizontal)}.option-xs .syte-select-item-check{font-size:18px;font-size:var(--syte-okd-select-xs-option-icon-font-size,18px);padding-left:8px}.option-xs .syte-select-item.custom{padding:0}.option-lg .syte-select-item-title{font-size:var(--syte-okd-select-md-title-font-size);font-size:var(--syte-okd-select-lg-title-font-size,var(--syte-okd-select-md-title-font-size));line-height:var(--syte-okd-select-md-title-line-height);line-height:var(--syte-okd-select-lg-title-line-height,var(--syte-okd-select-md-title-line-height));padding:var(--syte-okd-select-lg-title-padding-top,var(--syte-okd-select-md-title-padding-top)) var(--syte-okd-select-lg-title-padding-horizontal,var(--syte-okd-select-md-title-padding-horizontal)) var(--syte-okd-select-lg-title-padding-bottom,var(--syte-okd-select-md-title-padding-bottom))}.option-lg .syte-select-item{font-size:var(--syte-okd-select-md-option-font-size);font-size:var(--syte-okd-select-lg-option-font-size,var(--syte-okd-select-md-option-font-size));line-height:var(--syte-okd-select-md-option-line-height);line-height:var(--syte-okd-select-lg-option-line-height,var(--syte-okd-select-md-option-line-height));padding:var(--syte-okd-select-lg-option-padding-vertical,var(--syte-okd-select-md-option-padding-vertical)) var(--syte-okd-select-lg-option-padding-horizontal,var(--syte-okd-select-md-option-padding-horizontal))}.option-lg .syte-select-item-check{font-size:18px;font-size:var(--syte-okd-select-lg-option-icon-font-size,18px);padding-left:8px}.option-lg .syte-select-item.custom{padding:0}.option-xl .syte-select-item-title{font-size:var(--syte-okd-select-md-title-font-size);font-size:var(--syte-okd-select-xl-title-font-size,var(--syte-okd-select-md-title-font-size));line-height:var(--syte-okd-select-md-title-line-height);line-height:var(--syte-okd-select-xl-title-line-height,var(--syte-okd-select-md-title-line-height));padding:var(--syte-okd-select-xl-title-padding-top,var(--syte-okd-select-md-title-padding-top)) var(--syte-okd-select-xl-title-padding-horizontal,var(--syte-okd-select-md-title-padding-horizontal)) var(--syte-okd-select-xl-title-padding-bottom,var(--syte-okd-select-md-title-padding-bottom))}.option-xl .syte-select-item{font-size:var(--syte-okd-select-md-option-font-size);font-size:var(--syte-okd-select-xl-option-font-size,var(--syte-okd-select-md-option-font-size));line-height:var(--syte-okd-select-md-option-line-height);line-height:var(--syte-okd-select-xl-option-line-height,var(--syte-okd-select-md-option-line-height));padding:var(--syte-okd-select-xl-option-padding-vertical,var(--syte-okd-select-md-option-padding-vertical)) var(--syte-okd-select-xl-option-padding-horizontal,var(--syte-okd-select-md-option-padding-horizontal))}.option-xl .syte-select-item-check{font-size:18px;font-size:var(--syte-okd-select-xl-option-icon-font-size,18px);padding-left:8px}.option-xl .syte-select-item.custom{padding:0}@media (max-width:767px){.syte-select-option:not(.drop-mode) .syte-select-item-container .syte-select-item-title{font-size:var(--syte-okd-select-md-title-font-size);font-size:var(--syte-okd-select-mobile-option-title-font-size,var(--syte-okd-select-md-title-font-size));line-height:var(--syte-okd-select-md-title-line-height);line-height:var(--syte-okd-select-mobile-option-title-line-height,var(--syte-okd-select-md-title-line-height));padding:var(--syte-okd-select-mobile-option-title-padding-top,var(--syte-okd-select-md-title-padding-top)) var(--syte-okd-select-mobile-option-title-padding-horizontal,var(--syte-okd-select-md-title-padding-horizontal)) var(--syte-okd-select-mobile-option-title-padding-bottom,var(--syte-okd-select-md-title-padding-bottom))}.syte-select-option:not(.drop-mode) .syte-select-item-container .syte-select-item{font-size:16px;font-size:var(--syte-okd-select-mobile-option-font-size,16px);line-height:20px;line-height:var(--syte-okd-select-mobile-option-line-height,20px);padding:18px 16px;padding:var(--syte-okd-select-mobile-option-padding-vertical,18px) var(--syte-okd-select-mobile-option-padding-horizontal,16px)}.syte-select-option:not(.drop-mode) .syte-select-item-container .syte-select-item-check{font-size:24px;font-size:var(--syte-okd-select-mobile-option-icon-font-size,24px)}.syte-select-option:not(.drop-mode) .syte-select-item-container .syte-select-item.custom{padding:0}}.syte-select-search.focus .syte-input-box.syte-select-search-box,.syte-select-search.hover .syte-input-box.syte-select-search-box,.syte-select-search:focus .syte-input-box.syte-select-search-box,.syte-select-search:hover .syte-input-box.syte-select-search-box{background-color:var(--syte-okd-input-search-default-background);border-color:var(--syte-okd-input-search-default-border-color);-webkit-box-shadow:var(--syte-okd-input-search-default-shadow);box-shadow:var(--syte-okd-input-search-default-shadow)}.syte-select-search .syte-select-search-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.syte-select-search .syte-select-search-default-width{width:auto}.option-sm .syte-select-empty,.option-sm .syte-select-search{margin:var(--syte-okd-select-sm-search-margin-vertical) var(--syte-okd-select-sm-search-margin-horizontal)}.option-md .syte-select-empty,.option-md .syte-select-search{margin:var(--syte-okd-select-md-search-margin-vertical) var(--syte-okd-select-md-search-margin-horizontal)}.option-xs .syte-select-empty,.option-xs .syte-select-search{margin:var(--syte-okd-select-xs-search-margin-vertical) var(--syte-okd-select-xs-search-margin-horizontal)}.option-lg .syte-select-empty,.option-lg .syte-select-search{margin:var(--syte-okd-select-lg-search-margin-vertical,var(--syte-okd-select-md-search-margin-vertical)) var(--syte-okd-select-lg-search-margin-horizontal,var(--syte-okd-select-md-search-margin-horizontal))}.option-xl .syte-select-empty,.option-xl .syte-select-search{margin:var(--syte-okd-select-xl-search-margin-vertical,var(--syte-okd-select-md-search-margin-vertical)) var(--syte-okd-select-xl-search-margin-horizontal,var(--syte-okd-select-md-search-margin-horizontal))}.syte-select-tag{-ms-flex-align:center;-ms-flex-pack:justify;align-items:center;background-color:#f2f2f2;background-color:var(--syte-okd-select-tag-default-background,#f2f2f2);border-radius:4px;border-radius:var(--syte-okd-select-tag-border-radius,4px);color:#000;color:var(--syte-okd-select-tag-text-default-color,#000);cursor:inherit;display:-ms-flexbox;display:flex;justify-content:space-between;margin-bottom:4px;margin-bottom:var(--syte-okd-select-tag-margin-bottom,4px);margin-right:4px;margin-right:var(--syte-okd-select-tag-margin-right,4px);max-width:100%;padding-left:8px;padding-left:var(--syte-okd-select-tag-padding-horizontal,8px);padding-right:8px;padding-right:var(--syte-okd-select-tag-padding-horizontal,8px)}.syte-select-tag-icon{color:#929292;color:var(--syte-okd-select-tag-icon-default-color,#929292);cursor:pointer;padding-left:4px;padding-left:var(--syte-okd-select-tag-icon-padding-left,4px)}.syte-select-tag-icon:hover{color:#000;color:var(--syte-okd-select-tag-icon-hover-color,#000)}.syte-select-tag-inner{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.syte-select-tag.disabled{background-color:#f2f2f2;background-color:var(--syte-okd-select-tag-disabled-background,#f2f2f2);color:#929292;color:var(--syte-okd-select-tag-text-disabled-color,#929292);pointer-events:none}.syte-select-tag-sm{font-size:12px;font-size:var(--syte-okd-select-sm-tag-text-font-size,12px);height:24px;height:var(--syte-okd-select-sm-tag-height,24px);line-height:24px;line-height:var(--syte-okd-select-sm-tag-height,24px)}.syte-select-tag-sm .syte-select-tag-icon{font-size:14px;font-size:var(--syte-okd-select-sm-tag-icon-font-size,14px)}.syte-select-tag-md{font-size:14px;font-size:var(--syte-okd-select-md-tag-text-font-size,14px);height:32px;height:var(--syte-okd-select-md-tag-height,32px);line-height:32px;line-height:var(--syte-okd-select-md-tag-height,32px)}.syte-select-tag-md .syte-select-tag-icon{font-size:16px;font-size:var(--syte-okd-select-md-tag-icon-font-size,16px)}.syte-select-tag-xs{font-size:12px;font-size:var(--syte-okd-select-xs-tag-text-font-size,12px);height:20px;height:var(--syte-okd-select-xs-tag-height,20px);line-height:20px;line-height:var(--syte-okd-select-xs-tag-height,20px)}.syte-select-tag-xs .syte-select-tag-icon{font-size:10px;font-size:var(--syte-okd-select-xs-tag-icon-font-size,10px)}.syte-select-tag-lg{font-size:14px;font-size:var(--syte-okd-select-lg-tag-text-font-size,14px);height:36px;height:var(--syte-okd-select-lg-tag-height,36px);line-height:36px;line-height:var(--syte-okd-select-lg-tag-height,36px)}.syte-select-tag-lg .syte-select-tag-icon{font-size:16px;font-size:var(--syte-okd-select-lg-tag-icon-font-size,16px)}.syte-select-tag-xl{font-size:14px;font-size:var(--syte-okd-select-xl-tag-text-font-size,14px);height:40px;height:var(--syte-okd-select-xl-tag-height,40px);line-height:40px;line-height:var(--syte-okd-select-xl-tag-height,40px)}.syte-select-tag-xl .syte-select-tag-icon{font-size:16px;font-size:var(--syte-okd-select-xl-tag-icon-font-size,16px)}.syte-select-footer-dialog>.syte-select-footer{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.syte-select-footer-dialog>.syte-select-footer>.syte-select-footer-cancel{max-width:30%}.syte-select-footer-dialog>.syte-select-footer>.syte-select-footer-confirm{margin-left:12px}.syte-select-option-dialog-container{background:var(--syte-okd-select-drop-box-bg)!important;padding:var(--syte-okd-select-mobile-option-container-padding-vertical) 0}.syte-select-option.fixed-height{height:calc(100% - 32px);max-height:none}.syte-select-option.fixed-height .syte-dialog-scroll-box{overflow-y:hidden}.syte-select-option.fixed-height .syte-dialog-container,.syte-select-option.fixed-height .syte-dialog-scroll-box{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.syte-select-option.fixed-height .syte-select-item-container{-ms-flex:1 1;flex:1 1}.syte-select-option.fixed-height .syte-select-item-container.syte-select-item-container-real{-webkit-overflow-scrolling:touch;overflow:auto}.syte-select-option.fixed-height.syte-select-option-fit-to-height{height:auto;max-height:calc(100% - 32px)}.syte-select-option.fixed-height.syte-select-option-fit-to-height .syte-dialog-container{max-height:100%;overflow:auto}.syte-select-option-pc{cursor:auto;max-height:248px;padding-top:var(--syte-okd-select-drop-box-margin-top)}.syte-select-option-pc,.syte-select-option-pc .syte-select-option-box{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.syte-select-option-pc .syte-select-option-box{background:var(--syte-okd-select-drop-box-bg);border:1px solid var(--syte-okd-select-drop-box-border-color);border-radius:var(--syte-okd-select-drop-box-border-radius);-webkit-box-shadow:var(--syte-okd-select-drop-box-shadow);box-shadow:var(--syte-okd-select-drop-box-shadow);height:100%;overflow:auto;padding:4px 0}.syte-select-option-pc .pc-option-scroll{-webkit-overflow-scrolling:touch;-ms-flex:1 1;flex:1 1;overflow:auto}.syte-select-option-pc .pc-option-footer{border-top:thin solid var(--syte-okd-select-common-border-color);padding:12px 16px}.syte-select-option-pc.align-left{right:auto}.syte-select-option-pc.align-right{left:auto}.syte-select-option-pc.fixed-height{height:auto}.syte-select-option-pc.fixed-height .pc-option-scroll{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-direction:column;flex-direction:column;height:276px;overflow:hidden}.syte-select-option .pc-option-scroll.syte-select-option-pc-fit-to-height{height:auto;max-height:292px}.syte-select-option-mask{z-index:9800}.syte-select .select-popup-reference{cursor:pointer;position:absolute}.syte-select-option-dialog-container>.syte-select-footer-dialog{padding:16px}.syte-select-value{-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;font-size:var(--syte-okd-select-md-text-font-size)}.syte-select-value-box{outline:none}.syte-select-value .value{-ms-flex-align:center;align-items:center;color:var(--syte-okd-select-common-text-color);display:-ms-flexbox;display:flex;margin-right:8px;width:100%}.syte-select-value .placeholder{color:var(--syte-okd-input-default-placeholder-color)}.syte-select-value .disabled{cursor:not-allowed}.syte-select-value .disabled .value{color:var(--syte-okd-input-disabled-text-color)}.syte-select-value .disabled .icon-sign{color:var(--syte-okd-select-input-select-default-icon-color);color:var(--syte-okd-select-input-select-disabled-icon-color,var(--syte-okd-select-input-select-default-icon-color))}.syte-select-value .icon-sign{color:var(--syte-okd-select-input-select-default-icon-color);font-size:var(--syte-okd-select-input-select-default-icon-size);margin-left:auto;margin-right:4px;-webkit-transition:-webkit-transform .2s linear;transition:-webkit-transform .2s linear;transition:transform .2s linear;transition:transform .2s linear,-webkit-transform .2s linear}.syte-select-inner-box{cursor:pointer;position:relative}.syte-select-inner-box input[readonly]{cursor:pointer}.syte-select-inner-box>.reference-suffix{position:absolute;right:4px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.syte-select-tag-container{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:4px;margin-top:4px;max-width:100%;padding-right:24px}.syte-select-tag-container-responsive{display:-ms-flexbox;display:flex;margin-right:24px;margin-top:4px;width:100%}.syte-input-sm .syte-select-inner-box>.reference-suffix{right:var(--syte-okd-input-sm-padding-horizontal)}.syte-input-sm.syte-select-value{font-size:var(--syte-okd-select-sm-text-font-size)}.syte-input-md .syte-select-inner-box>.reference-suffix{right:var(--syte-okd-input-md-padding-horizontal)}.syte-input-md.syte-select-value{font-size:var(--syte-okd-select-md-text-font-size)}.syte-input-xs .syte-select-inner-box>.reference-suffix{right:var(--syte-okd-input-xs-padding-horizontal)}.syte-input-xs.syte-select-value{font-size:var(--syte-okd-select-xs-text-font-size)}.syte-input-lg .syte-select-inner-box>.reference-suffix{right:var(--syte-okd-input-lg-padding-horizontal)}.syte-input-lg.syte-select-value{font-size:var(--syte-okd-select-lg-text-font-size);font-size:var(--syte-okd-select-lg-text-font-size,var(--syte-okd-select-lg-text-font-size))}.syte-input-xl .syte-select-inner-box>.reference-suffix{right:var(--syte-okd-input-xl-padding-horizontal)}.syte-input-xl.syte-select-value{font-size:var(--syte-okd-select-md-text-font-size);font-size:var(--syte-okd-select-xl-text-font-size,var(--syte-okd-select-md-text-font-size))}.syte-select-value{width:100%}.syte-select-text-value{-ms-flex-pack:start;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-ms-flexbox;display:flex;font-size:var(--syte-okd-select-md-text-font-size);justify-content:flex-start}.syte-select-text-value.align-right{-ms-flex-pack:end;justify-content:flex-end}.syte-select-text-value .value{color:var(--syte-okd-select-text-select-default-font-color)}.syte-select-text-value .icon-sign,.syte-select-text-value .value{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.syte-select-text-value .icon-sign{color:var(--syte-okd-select-text-select-default-icon-color);font-size:var(--syte-okd-select-text-select-default-icon-size);margin-left:6px;margin-right:0}.syte-select-text-value:hover .value{color:var(--syte-okd-select-text-select-hover-font-color)}.syte-select-text-value:hover .icon-sign{color:var(--syte-okd-select-text-select-hover-icon-color)}.syte-select-text-value.focus .value{color:var(--syte-okd-select-text-select-select-font-color)}.syte-select-text-value.focus .icon-sign{color:var(--syte-okd-select-text-select-select-icon-color)}.syte-select-text-value.disabled{cursor:not-allowed}.syte-select-text-value.disabled .value{color:var(--syte-okd-select-text-select-disabled-font-color)}.syte-select-text-value.disabled .icon-sign{color:var(--syte-okd-select-text-select-disabled-icon-color)}.input-sm.syte-select-text-value{font-size:var(--syte-okd-select-sm-text-font-size)}.input-md.syte-select-text-value{font-size:var(--syte-okd-select-md-text-font-size)}.input-xs.syte-select-text-value{font-size:var(--syte-okd-select-xs-text-font-size)}.input-lg.syte-select-text-value{font-size:var(--syte-okd-select-lg-text-font-size);font-size:var(--syte-okd-select-lg-text-font-size,var(--syte-okd-select-lg-text-font-size))}.input-xl.syte-select-text-value{font-size:var(--syte-okd-select-md-text-font-size);font-size:var(--syte-okd-select-xl-text-font-size,var(--syte-okd-select-md-text-font-size))}.syte-select-value-box:focus-visible .syte-select-a11y-ring{outline:2px solid var(--syte-okd-color-border-focus);outline-color:var(--syte-okd-color-border-focus);outline-offset:2px;outline-style:solid;outline-width:2px}.syte-select-value-box:focus-visible .syte-select-a11y-ring-text{border-radius:4px;outline:2px solid var(--syte-okd-color-border-focus);outline-color:var(--syte-okd-color-border-focus);outline-offset:2px;outline-style:solid;outline-width:2px}.syte-select-value-box.display-area:focus-visible{border-radius:4px;outline:2px solid var(--syte-okd-color-border-focus);outline-color:var(--syte-okd-color-border-focus);outline-offset:2px;outline-style:solid;outline-width:2px}.syte-select .select-up{-webkit-transition:-webkit-transform .2s linear;transition:-webkit-transform .2s linear;transition:transform .2s linear;transition:transform .2s linear,-webkit-transform .2s linear}.syte-select .select-up-active{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.syte-select-reference-icon-clear{color:#929292;color:var(--syte-okd-select-reference-icon-default-color,#929292);display:inline-block;margin-right:4px;-webkit-transition:-webkit-transform .2s linear;transition:-webkit-transform .2s linear;transition:transform .2s linear;transition:transform .2s linear,-webkit-transform .2s linear}.syte-select-reference-icon-clear:hover{color:#000;color:var(--syte-okd-select-reference-icon-hover-color,#000)}.syte-select-reference-icon-clear.disabled{pointer-events:none}.syte-select-reference-icon{display:inline-block}.syte-select-reference-icon.syte-select-arrow-icon-sm{font-size:14px;font-size:var(--syte-okd-select-sm-arrow-icon-font-size,14px)}.syte-select-reference-icon.syte-select-reference-icon-sm{font-size:14px;font-size:var(--syte-okd-select-sm-reference-icon-font-size,14px)}.syte-select-reference-icon.syte-select-arrow-icon-md{font-size:16px;font-size:var(--syte-okd-select-md-arrow-icon-font-size,16px)}.syte-select-reference-icon.syte-select-reference-icon-md{font-size:16px;font-size:var(--syte-okd-select-md-reference-icon-font-size,16px)}.syte-select-reference-icon.syte-select-arrow-icon-xs{font-size:14px;font-size:var(--syte-okd-select-xs-arrow-icon-font-size,14px)}.syte-select-reference-icon.syte-select-reference-icon-xs{font-size:14px;font-size:var(--syte-okd-select-xs-reference-icon-font-size,14px)}.syte-select-reference-icon.syte-select-arrow-icon-lg{font-size:16px;font-size:var(--syte-okd-select-lg-arrow-icon-font-size,16px)}.syte-select-reference-icon.syte-select-reference-icon-lg{font-size:16px;font-size:var(--syte-okd-select-lg-reference-icon-font-size,16px)}.syte-select-reference-icon.syte-select-arrow-icon-xl{font-size:16px;font-size:var(--syte-okd-select-xl-arrow-icon-font-size,16px)}.syte-select-reference-icon.syte-select-reference-icon-xl{font-size:16px;font-size:var(--syte-okd-select-xl-reference-icon-font-size,16px)}.syte-select{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.syte-select.select-text{display:inline-block}