@layer deUI{/*! Copyright (c) 2026 Digital Element */:where(.deUI) .formSelect{--formSelectHeight:6rem;--formSelectMinWidth:unset;--formSelectWidth:100%;--formSelectUserSelect:none;--formSelectPosition:relative;--formSelectMargin:0;--formSelectDisplay:flex;--formSelectCursor:pointer;--formSelectColor:var(--deUIColorShark);--formSelectPadding:0 2rem;--formSelectBorder:1px solid var(--deUIColorAthensGray);--formSelectBorderRadius:1rem;--formSelectBg:var(--deUIColorWhite);--formSelectTransition:.2s;--formSelectPlaceholderColor:var(--deUIColorBlueHaze);--formSelectTextAlign:left;--formSelectFs:inherit;--formSelectIconOpacity:1;--formSelectMenuTop:100%;--formSelectMenuWidth:100%;--formSelectMenuBoxShadow:0 .5rem 1rem rgba(187,193,213,.4);--formSelectMenuBorderRadius:1rem;--formSelectMenuBg:var(--formSelectBg);--formSelectMenuZIndex:500;--formSelectMenuMaxHeight:27rem;--formSelectMenuAnimation:selectMenuOpenFromBtm .5s ease-in-out;--formSelectGroupColor:var(--deUIColorNepal);--formSelectGroupFontWeight:600;--formSelectGroupCursor:default;--formSelectGroupHeight:var(--formSelectHeight);--formSelectGroupPadding:2rem;--formSelectGroupBgColor:var(--deUIColorHawkesBlue);--formSelectOptionColor:currentColor;--formSelectOptionFontWeight:400;--formSelectOptionCursor:pointer;--formSelectOptionHeight:var(--formSelectHeight);--formSelectOptionPadding:2rem;--formSelectOptionTransition:.2s;--formSelectOptionBgColor:var(--deUIColorWhite);--formSelectOptionDisabledBgColor:var(--deUIColorWhite);--formSelectOptionDisabledColor:var(--deUIColorBlueHaze);--formSelectOptionDisabledCursor:not-allowed;--formSelectOptionHoverBgColor:var(--deUIColorHawkesBlue);--formSelectOptionHoverColor:var(--deUIColorVeniceBlue);--formSelectOptionActiveBgColor:var(--deUIColorHawkesBlue);--formSelectOptionActiveColor:var(--deUIColorVeniceBlue);--formSelectHoverBorder:1px solid var(--deUIColorBlueHaze);--formSelectOpenBorder:1px solid var(--deUIColorRoyalBlue);--formSelectOpenIconTransform:rotate(180deg) translateZ(0);--formSelectLoadingIconAnimation:selectLoadingIcon 1s linear infinite;--formSelectDisabledCursor:not-allowed;--formSelectDisabledBg:var(--deUIColorBlueHaze);--formSelectInvalidBorder:1px solid var(--deUIColorRedRibbon);--formSelectMultiValuePadding:1rem 1.25rem;--formSelectMultiValueBorderRadius:1rem;--formSelectMultiValueBg:var(--deUIColorBlueHaze);--formSelectMultiValueLineHeight:1;--formSelectMultiValueTransition:.2s;--formSelectMultiValueHoverBg:var(--deUIColorWispPink);--formSelectMultiValueMr:.75rem;--formSelectMultiValueIconMl:1rem;--formSelectMultiValueIconSize:1.25rem}@keyframes selectLoadingIcon{0%{transform:rotate(0deg) translateZ(0)}to{transform:rotate(1turn) translateZ(0)}}@keyframes selectMenuOpenFromTop{0%{transform:scaleY(0) translateZ(0);transform-origin:0 100%;max-height:var(--formSelectMenuMaxHeight)}to{transform:scaleY(1) translateZ(0);transform-origin:0 100%;max-height:var(--formSelectMenuMaxHeight)}}@keyframes selectMenuOpenFromBtm{0%{max-height:0}to{max-height:var(--formSelectMenuMaxHeight)}}:where(.deUI) .formSelect{height:var(--formSelectHeight);min-width:var(--formSelectMinWidth);width:var(--formSelectWidth);-webkit-user-select:var(--formSelectUserSelect);-moz-user-select:var(--formSelectUserSelect);user-select:var(--formSelectUserSelect);position:var(--formSelectPosition);margin:var(--formSelectMargin);display:var(--formSelectDisplay);cursor:var(--formSelectCursor);color:var(--formSelectColor);text-align:var(--formSelectTextAlign);font-size:var(--formSelectFs)}:where(.deUI) .formSelect.formSelect--isOpen,:where(.deUI) .formSelect.formSelect.isOpen{--formSelectBorder:var(--formSelectOpenBorder)}:where(.deUI) .formSelect.formSelect--isMulti.formSelect--isValue{--formSelectMenuAnimation:unset}:where(.deUI) .formSelect.formSelect--isMulti .custom-select__control{overflow:hidden}:where(.deUI) .formSelect.formSelect--isSearchable{--formSelectCursor:text}:where(.deUI) .formSelect.formSelect--isTop{--formSelectMenuAnimation:selectMenuOpenFromTop .25s;--formSelectMenuTop:calc(-100% - var(--formSelectHeight));--formSelectMenuBoxShadow:0 -.5rem 1rem rgba(187,193,213,.4)}:where(.deUI) .formSelect.formSelect--isDisabled,:where(.deUI) .formSelect.formSelect.isDisabled{--formSelectCursor:var(--formSelectDisabledCursor);--formSelectIconOpacity:.25}:where(.deUI) .formSelect.formSelect--isDisabled .custom-select__control,:where(.deUI) .formSelect.formSelect.isDisabled .custom-select__control{background:var(--formSelectDisabledBg)}:where(.deUI) .formSelect.formSelect--isCheckboxView .formSelect__option .checkbox,:where(.deUI) .formSelect.formSelect--isCheckboxView .formSelect__option .radio{width:100%;pointer-events:none}:where(.deUI) .formSelect.formSelect--isCheckboxView .formSelect__option .checkbox *,:where(.deUI) .formSelect.formSelect--isCheckboxView .formSelect__option .radio *{pointer-events:inherit}:where(.deUI) .formSelect.formSelect--isCheckboxView .formSelect__option .checkbox__label,:where(.deUI) .formSelect.formSelect--isCheckboxView .formSelect__option .radio__label{flex-grow:1}:where(.deUI) .formSelect.formSelect--isLiveSearcher .custom-select__input-container{position:absolute;top:0;bottom:0;left:1em;width:calc(100% - 1em)}:where(.deUI) .formSelect.formSelect--isInvalid,:where(.deUI) .formSelect.formSelect.isInvalid{--formSelectBorder:var(--formSelectInvalidBorder)}:where(.deUI) .formSelect__inner{width:100%;display:flex}:where(.deUI) .formSelect__input-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;padding:var(--formSelectPadding)}:where(.deUI) .formSelect__input{width:100%;background:transparent;padding:0;font:inherit;pointer-events:none}:where(.deUI) .formSelect__input{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:where(.deUI) .formSelect__control{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;border:var(--formSelectBorder);border-radius:var(--formSelectBorderRadius);background:var(--formSelectBg);color:var(--formSelectColor);transition:var(--formSelectTransition)}:where(.deUI) .formSelect__value-container{display:flex;align-items:center;height:100%;flex-grow:1;padding:var(--formSelectPadding);overflow:hidden;position:relative}:where(.deUI) .formSelect__value-container input[inputmode=none]{left:0;position:absolute}:where(.deUI) .formSelect__value-container--is-multi:after{right:0;top:0;background:linear-gradient(to left,var(--formSelectBg),hsla(0,0%,100%,0));height:var(--formSelectHeight);width:var(--formSelectHeight);content:"";position:absolute}:where(.deUI) .formSelect__placeholder{display:block;line-height:var(--formSelectHeight);color:var(--formSelectPlaceholderColor);padding:var(--formSelectPadding);pointer-events:none}:where(.deUI) .formSelect__placeholder{width:100%;height:100%;left:0;top:0;position:absolute}:where(.deUI) .formSelect__placeholder{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:where(.deUI) .formSelect__single-value{position:absolute;display:block;max-width:95%}:where(.deUI) .formSelect__single-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:where(.deUI) .custom-select.is-open .formSelect__single-value{display:none}:where(.deUI) .formSelect__multi-value{display:flex;align-items:center;padding:var(--formSelectMultiValuePadding);border-radius:var(--formSelectMultiValueBorderRadius);background:var(--formSelectMultiValueBg);line-height:var(--formSelectMultiValueLineHeight);transition:var(--formSelectMultiValueTransition);position:relative;flex-shrink:0}:where(.deUI) .formSelect__multi-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:where(.deUI) .formSelect__multi-value:not(:last-child){margin-right:var(--formSelectMultiValueMr)}:where(.deUI) .formSelect__multi-value__remove{margin-left:var(--formSelectMultiValueIconMl)}:where(.deUI) .formSelect__multi-value__remove:before{content:""}:where(.deUI) .formSelect__multi-value__remove:before{width:100%;height:100%;left:0;top:0;position:absolute}:where(.deUI) .formSelect__multi-value__remove .icon{--iconSize:var(--formSelectMultiValueIconSize)}:where(.deUI) .formSelect__indicators{display:flex;align-items:center;flex-shrink:0;height:100%}:where(.deUI) .formSelect__indicator{width:var(--formSelectHeight);height:var(--formSelectHeight);display:flex;justify-content:center;align-items:center}:where(.deUI) .formSelect__indicator .icon{--iconOpacity:var(--formSelectIconOpacity)}:where(.deUI) .formSelect__indicator--isClear{cursor:pointer}:where(.deUI) .formSelect__indicator--isDropdown .icon{--iconFill:transparent}:where(.deUI) .formSelect--isOpen .formSelect__indicator--isDropdown .icon{--iconTransform:var(--formSelectOpenIconTransform)}:where(.deUI) .formSelect__indicator--isLoading .icon{--iconAnimation:var(--formSelectLoadingIconAnimation)}:where(.deUI) .formSelect__menu{position:absolute;display:flex;top:var(--formSelectMenuTop);width:var(--formSelectMenuWidth);box-shadow:var(--formSelectMenuBoxShadow);border-radius:var(--formSelectMenuBorderRadius);background-color:var(--formSelectMenuBg);overflow:hidden;animation:var(--formSelectMenuAnimation);animation-play-state:paused;animation-fill-mode:forwards;z-index:var(--formSelectMenuZIndex)}@supports (scrollbar-color:auto){:where(.deUI) .formSelect.formSelect--isOpen .formSelect__menu{scrollbar-width:thin;scrollbar-gutter:auto;scrollbar-color:var(--scrollBarCustomThumbColor) var(--scrollBarCustomTrackColor)}}@supports selector(::-webkit-scrollbar){:where(.deUI) .formSelect.formSelect--isOpen .formSelect__menu::-webkit-scrollbar{width:var(--defaultScrollBarCustomWidth)}:where(.deUI) .formSelect.formSelect--isOpen .formSelect__menu::-webkit-scrollbar-track{background-color:var(--scrollBarCustomTrackColor);border-radius:var(--scrollBarCustomTrackBorderRadius)}:where(.deUI) .formSelect.formSelect--isOpen .formSelect__menu::-webkit-scrollbar-thumb{background-color:var(--scrollBarCustomThumbColor);border-radius:var(--scrollBarCustomThumbBorderRadius)}}:where(.deUI) .formSelect.formSelect--isOpen .formSelect__menu{animation-play-state:running;overflow-y:scroll;-webkit-overflow-scrolling:touch}:where(.deUI) .formSelect__group-heading,:where(.deUI) .formSelect__menu-notice,:where(.deUI) .formSelect__option{width:100%;color:var(--formSelectOptionColor);font-weight:var(--formSelectOptionFontWeight);display:flex;align-items:center;position:relative;cursor:var(--formSelectOptionCursor);min-height:var(--formSelectOptionHeight);padding-left:var(--formSelectOptionPadding);padding-right:var(--formSelectOptionPadding);word-wrap:break-word;hyphens:auto;transition:var(--formSelectOptionTransition);background:var(--formSelectOptionBgColor)}:where(.deUI) .formSelect__group-heading{color:var(--formSelectGroupColor);font-weight:var(--formSelectGroupFontWeight);cursor:var(--formSelectGroupCursor);min-height:var(--formSelectGroupHeight);padding-left:var(--formSelectGroupPadding);padding-right:var(--formSelectGroupPadding);background:var(--formSelectGroupBgColor)}:where(.deUI) .formSelect__menu-notice:first-child,:where(.deUI) .formSelect__option:first-child{padding-top:calc(var(--formSelectOptionPadding)/2)}:where(.deUI) .formSelect__menu-notice:last-child,:where(.deUI) .formSelect__option:last-child{padding-bottom:calc(var(--formSelectOptionPadding)/2)}:where(.deUI) .formSelect__optionContent{pointer-events:none}:where(.deUI) .formSelect__option--isHover,:where(.deUI) .formSelect__option.isHover,:where(.deUI) .formSelect__option:hover{background-color:var(--formSelectOptionHoverBgColor);color:var(--formSelectOptionHoverColor)}:where(.deUI) .formSelect__option--isActive,:where(.deUI) .formSelect__option--isSelected,:where(.deUI) .formSelect__option.isActive{background-color:var(--formSelectOptionActiveBgColor);color:var(--formSelectOptionActiveColor)}:where(.deUI) .formSelect__option--isLink a{position:static}:where(.deUI) .formSelect__option--isLink a:after{content:""}:where(.deUI) .formSelect__option--isLink a:after{width:100%;height:100%;left:0;top:0;position:absolute}:where(.deUI) .formSelect__option--isDisabled{background-color:var(--formSelectOptionDisabledBgColor);color:var(--formSelectOptionDisabledColor);cursor:var(--formSelectOptionDisabledCursor)}:where(.deUI) .formSelect__option-label{width:100%}:where(.deUI) .formSelect__menu-list{width:100%}:where(.deUI) .formSelect__menu-notice{--formSelectOptionCursor:not-allowed}:where(.deUI) .formSelect__group{position:relative}}@media (hover:hover){:where(.deUI) .formSelect.formSelect--isHover:not(.formSelect--isDisabled):not(.formSelect--isOpen),:where(.deUI) .formSelect.formSelect.isHover:not(.formSelect--isDisabled):not(.formSelect--isOpen),:where(.deUI) .formSelect.formSelect:hover:not(.formSelect--isDisabled):not(.formSelect--isOpen){--formSelectBorder:var(--formSelectHoverBorder)}:where(.deUI) .formSelect__multi-value:hover{background:var(--formSelectMultiValueHoverBg)}}