.myselect__wrapper{display:flex;width:100%;align-items:center;position:relative}.myselect__toggle{padding-inline:calc(var(--spacing) * 3);border-width:2px;border-color:color-mix(in srgb,var(--colors-white) var(--un-border-opacity),transparent);border-radius:var(--radius-lg);background-color:color-mix(in srgb,var(--colors-white) var(--un-bg-opacity),transparent);display:flex;width:100%;height:40px;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;justify-content:flex-start}@supports (color: color-mix(in lab,red,red)){.myselect__toggle{border-color:color-mix(in oklab,var(--colors-white) var(--un-border-opacity),transparent);background-color:color-mix(in oklab,var(--colors-white) var(--un-bg-opacity),transparent)}}.myselect__placeholder{font-size:var(--text-sm-fontSize);line-height:var(--un-leading, var(--text-sm-lineHeight));color:color-mix(in srgb,var(--colors-black) var(--un-text-opacity),transparent);--un-font-weight:var(--fontWeight-medium);font-weight:var(--fontWeight-medium);font-style:italic}@supports (color: color-mix(in lab,red,red)){.myselect__placeholder{color:color-mix(in oklab,var(--colors-black) var(--un-text-opacity),transparent)}}.myselect__dropdown{margin-top:calc(var(--spacing) * 1);border-width:1px;border-color:color-mix(in srgb,var(--colors-gray-300) var(--un-border-opacity),transparent);border-radius:var(--radius-lg);background-color:color-mix(in srgb,var(--colors-white) var(--un-bg-opacity),transparent);width:100%;max-height:200px;--un-shadow:0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / .1)),0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-inset-shadow),var(--un-inset-ring-shadow),var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);top:100%;left:calc(var(--spacing) * 0);position:absolute;z-index:2;overflow-y:auto}@supports (color: color-mix(in lab,red,red)){.myselect__dropdown{border-color:color-mix(in oklab,var(--colors-gray-300) var(--un-border-opacity),transparent);background-color:color-mix(in oklab,var(--colors-white) var(--un-bg-opacity),transparent)}}@property --un-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --un-shadow-color{syntax:"*";inherits:false;}@property --un-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --un-inset-shadow-color{syntax:"*";inherits:false;}@property --un-ring-color{syntax:"*";inherits:false;}@property --un-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --un-inset-ring-color{syntax:"*";inherits:false;}@property --un-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --un-ring-inset{syntax:"*";inherits:false;}@property --un-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0px;}@property --un-ring-offset-color{syntax:"*";inherits:false;}@property --un-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}.myselect__search{font-size:14px;color:color-mix(in srgb,var(--colors-gray-700) var(--un-text-opacity),transparent);margin-bottom:calc(var(--spacing) * 1);padding-inline:calc(var(--spacing) * 3);border-width:2px;border-color:color-mix(in srgb,var(--colors-gray-300) var(--un-border-opacity),transparent);border-radius:var(--radius-lg);background-color:color-mix(in srgb,var(--colors-white) 60%,transparent);width:100%;height:38px;font-style:italic}@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab,red,red)){.myselect__search{color:color-mix(in oklab,var(--colors-gray-700) var(--un-text-opacity),transparent);border-color:color-mix(in oklab,var(--colors-gray-300) var(--un-border-opacity),transparent);background-color:color-mix(in oklab,var(--colors-white) 60%,transparent)}}.myselect__search::placeholder{color:color-mix(in srgb,var(--colors-gray-400) var(--un-text-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.myselect__search::placeholder{color:color-mix(in oklab,var(--colors-gray-400) var(--un-text-opacity),transparent)}}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}.myselect__item{font-size:14px;color:color-mix(in srgb,var(--colors-black) var(--un-text-opacity),transparent);--un-font-weight:var(--fontWeight-medium);font-weight:var(--fontWeight-medium);padding-inline:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * 1);width:100%;cursor:pointer}@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab,red,red)){.myselect__item{color:color-mix(in oklab,var(--colors-black) var(--un-text-opacity),transparent)}}.myselect__item:hover{background-color:color-mix(in srgb,var(--colors-black) 20%,transparent)}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab,red,red)){.myselect__item:hover{background-color:color-mix(in oklab,var(--colors-black) 20%,transparent)}}.myselect__arrow{width:12px;height:12px;--un-translate-y:-50%;translate:var(--un-translate-x) var(--un-translate-y);rotate:0deg;transition-property:transform,translate,scale,rotate;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));--un-duration:.1s;transition-duration:.1s;right:calc(var(--spacing) * 2);top:50%;position:absolute;--un-invert:invert(100%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,)}@property --un-translate-x{syntax:"*";inherits:false;initial-value:0;}@property --un-translate-y{syntax:"*";inherits:false;initial-value:0;}@property --un-translate-z{syntax:"*";inherits:false;initial-value:0;}@property --un-blur{syntax:"*";inherits:false;}@property --un-brightness{syntax:"*";inherits:false;}@property --un-contrast{syntax:"*";inherits:false;}@property --un-grayscale{syntax:"*";inherits:false;}@property --un-hue-rotate{syntax:"*";inherits:false;}@property --un-invert{syntax:"*";inherits:false;}@property --un-saturate{syntax:"*";inherits:false;}@property --un-sepia{syntax:"*";inherits:false;}@property --un-drop-shadow{syntax:"*";inherits:false;}.myselect__arrow--open{rotate:180deg}