@layer core.molecules{.phxsg-autocomplete{--_comp-autocomplete-inset-inline: var(--comp-autocomplete-inset-inline, var(--sys-spacing-8));--_comp-autocomplete-transition-duration: var( --comp-autocomplete-transition-duration, var(--sys-motion-duration-medium-1) );--_comp-autocomplete-transition-easing: var( --comp-autocomplete-transition-easing, var(--sys-motion-easing-standard) );--_comp-autocomplete-input-font-size: var(--comp-autocomplete-input-font-size, var(--sys-typography-medium-size));--_comp-autocomplete-input-color: var(--comp-autocomplete-input-color, inherit);--_comp-autocomplete-dropdown-bg: var(--comp-autocomplete-dropdown-bg, var(--sys-color-background));--_comp-autocomplete-dropdown-offset: var(--comp-autocomplete-dropdown-offset, var(--sys-spacing-2));--_comp-autocomplete-dropdown-elevation: var(--comp-autocomplete-dropdown-elevation, var(--sys-elevation-low));--_comp-autocomplete-option-padding-inline: var(--comp-autocomplete-option-padding-inline, var(--sys-spacing-4));--_comp-autocomplete-option-padding-block: var(--comp-autocomplete-option-padding-block, var(--sys-spacing-2));--_comp-autocomplete-option-color: var(--comp-autocomplete-option-color, currentColor);--_comp-autocomplete-option-mark-color: var(--comp-autocomplete-option-mark-color, inherit);--_comp-autocomplete-option-mark-font-weight: var(--comp-autocomplete-option-mark-font-weight, 600);--_comp-autocomplete-option-hover-bg: var(--comp-autocomplete-option-hover-bg, var(--sys-color-foreground));--_comp-autocomplete-option-hover-color: var(--comp-autocomplete-option-hover-color, var(--sys-color-background));--_comp-autocomplete-option-current-bg: var(--comp-autocomplete-option-current-bg, var(--sys-color-muted));--_comp-autocomplete-option-current-color: var( --comp-autocomplete-option-current-color, var(--sys-color-foreground) );--_comp-autocomplete-option-inner-spacing: var(--comp-autocomplete-option-inner-spacing, var(--sys-spacing-2));--_comp-autocomplete-option-divider: var(--comp-autocomplete-option-divider, var(--sys-color-outline));--_comp-autocomplete-button-inset: var(--comp-autocomplete-button-inset, 0);--_comp-autocomplete-button-color: var(--comp-autocomplete-button-color, var(--sys-color-foreground));position:relative;.phxsg-autocomplete__input{padding-inline-end:var(--_comp-autocomplete-inset-inline);font-size:var(--_comp-autocomplete-input-font-size);color:var(--_comp-autocomplete-input-color)}[type=search]{appearance:none;&::-webkit-search-cancel-button{display:none}&::-webkit-search-decoration,&::-webkit-search-results-button,&::-webkit-search-results-decoration,&::-ms-clear{display:none}}}.phxsg-autocomplete--both-buttons{.phxsg-autocomplete__input{padding-inline-start:var(--_comp-autocomplete-inset-inline)}.phxsg-autocomplete__button--open{inset-inline:var(--_comp-autocomplete-button-inset) auto}}.phxsg-autocomplete--with-icon{.phxsg-autocomplete__input{padding-inline-start:var(--_comp-autocomplete-inset-inline)}}.phxsg-autocomplete__field-wrapper{position:relative}.phxsg-autocomplete__input-icon{position:absolute;z-index:10;inset-inline-start:var(--_comp-autocomplete-inset-inline);top:50%;translate:0 -50%}.phxsg-autocomplete__button{z-index:1;min-width:0!important;width:fit-content;height:calc(100% - 2px);aspect-ratio:1;position:absolute!important;top:1px;inset-inline-end:var(--_comp-autocomplete-button-inset);bottom:1px;color:var(--_comp-autocomplete-button-color);.phxsg-icon{flex-shrink:0}}.phxsg-autocomplete__dropdown{width:100%;position:absolute;top:100%;inset-inline-start:0;z-index:10;pointer-events:none}.phxsg-autocomplete__dropdown--relative{&.phxsg-autocomplete__dropdown--open{position:relative;top:0;inset-inline-start:0}}.phxsg-autocomplete__dropdown--open{pointer-events:auto}.phxsg-autocomplete__dropdown--enter-active,.phxsg-autocomplete__dropdown--leave-active{pointer-events:none;transition:opacity var(--_comp-autocomplete-transition-duration) var(--_comp-autocomplete-transition-easing),transform var(--_comp-autocomplete-transition-duration) var(--_comp-autocomplete-transition-easing)}.phxsg-autocomplete__dropdown--enter-from,.phxsg-autocomplete__dropdown--leave-to{opacity:0;transform:translate3d(0,calc(var(--_comp-autocomplete-dropdown-offset) * -1),0)}.phxsg-autocomplete__wrapper{height:100%;overflow-x:hidden;position:absolute;color:var(--_comp-autocomplete-option-color);box-shadow:var(--_comp-autocomplete-dropdown-elevation);background-color:var(--_comp-autocomplete-dropdown-bg);&[data-simplebar]{height:100%}}.phxsg-autocomplete__options{margin-inline-start:0;padding-inline-start:0;width:100%;height:100%;position:relative;transform:translateZ(0);list-style-type:none}.phxsg-autocomplete__option{padding-block:var(--_comp-autocomplete-option-padding-block);padding-inline:var(--_comp-autocomplete-option-padding-inline);color:var(--_comp-autocomplete-option-color);cursor:pointer;& mark{color:var(--_comp-autocomplete-option-mark-color);font-style:normal;font-weight:var(--_comp-autocomplete-option-mark-font-weight);background-color:transparent}&:not(:is(.phxsg-autocomplete__option--current,.phxsg-autocomplete__option--empty)){&:hover{background-color:var(--_comp-autocomplete-option-hover-bg);color:var(--_comp-autocomplete-option-hover-color)}}&.phxsg-autocomplete__option--divided{border-bottom:1px solid var(--_comp-autocomplete-option-divider)}}.phxsg-autocomplete__option-content{display:flex;align-items:center;gap:var(--_comp-autocomplete-option-inner-spacing)}.phxsg-autocomplete__option-text{flex-grow:1;text-align:start}.phxsg-autocomplete__option--empty,.phxsg-autocomplete__option--loading{display:flex;justify-content:center;align-items:center;cursor:auto}.phxsg-autocomplete__option--current{background-color:var(--_comp-autocomplete-option-current-bg);color:var(--_comp-autocomplete-option-current-color)}}