@layer props{.combo-box[data-v-d8da33a5]:where(kira-component){--size:normal}}.combo-box[data-v-d8da33a5]:where(kira-component){position:relative}.combo-box[data-v-d8da33a5]:where(kira-component)>*{--height:36px;--menu-padding:6px}@container style(--size: small){.combo-box[data-v-d8da33a5]:where(kira-component)>*{--height:28px}}@container style(--size: large){.combo-box[data-v-d8da33a5]:where(kira-component)>*{--height:44px}}.wrapper[data-v-d8da33a5]{align-items:center;background-color:var(--main-bg);border-radius:6px;box-shadow:0 2px 6px color-mix(in oklab,var(--accent-shadow),transparent 75%),0 0 4px color-mix(in oklab,var(--accent-shadow),transparent 90%);color:var(--text-color);cursor:pointer;display:flex;height:var(--height);justify-content:space-between;padding:0 12px}.wrapper .placeholder[data-v-d8da33a5]{color:var(--placeholder-color)}.wrapper .icon[data-v-d8da33a5]{color:var(--icon-color);font-size:24px;margin-right:-6px}.wrapper[data-v-d8da33a5]:active{background-color:var(--main-bg);box-shadow:none!important}.wrapper:active .icon[data-v-d8da33a5]{translate:0 2px}.wrapper[data-v-d8da33a5]:focus{box-shadow:0 4px 4px color-mix(in oklab,var(--accent-shadow),transparent 70%),0 0 0 3px color-mix(in oklab,var(--gray-40),transparent 50%)}@media (any-hover:hover){.wrapper[data-v-d8da33a5]:hover{background-color:var(--gray-5);box-shadow:0 4px 4px color-mix(in oklab,var(--accent-shadow),transparent 70%)}.wrapper[data-v-d8da33a5]:hover:focus{box-shadow:0 9px 9px color-mix(in oklab,var(--accent-shadow),transparent 70%),0 0 0 3px color-mix(in oklab,var(--gray-40),transparent 50%)}}.items[data-v-d8da33a5],.menu[data-v-d8da33a5]{top:calc(0px - var(--2c51ccca) * var(--height))}.menu[data-v-d8da33a5]{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background-color:var(--main-bg);border-radius:6px;box-shadow:0 8px 16px color-mix(in oklab,var(--accent-shadow),transparent 50%);color:var(--text-color);margin:-6px;overflow:clip;padding:6px 0;position:absolute;width:calc(100% + 12px);z-index:70}.menu .item-shadow[data-v-d8da33a5]{height:var(--height)}.menu[data-v-d8da33a5]:not(:hover,:active){box-shadow:0 8px 16px color-mix(in oklab,var(--accent-shadow),transparent 70%);transition:all .25s cubic-bezier(.19,1,.22,1),color .1s cubic-bezier(.19,1,.22,1),fill .1s cubic-bezier(.19,1,.22,1),accent-color 0s,box-shadow 1s,opacity 1s}.items[data-v-d8da33a5]{position:absolute;width:100%;z-index:71}.items .item[data-v-d8da33a5]{height:var(--height);padding:0 12px}