@layer atoms{.phxsg-select{--_comp-select-icon-width: var(--comp-input-icon-width, var(--sys-spacing-3));--_comp-select-padding-end: calc( var(--comp-input-padding-end, var(--sys-spacing-3)) + var(--_comp-select-icon-width) );--_comp-input-color: var(--comp-input-color, var(--sys-color-foreground));--comp-select-font-size: var(--sys-typography-body-small-size);@media screen and (min-width:1280px){--comp-select-font-size: var(--sys-typography-body-medium-size)}width:max-content;position:relative}.phxsg-select__input{padding-inline-end:var(--_comp-select-padding-end);color:var(--_comp-input-color);font-family:var(--ref-typeface-body);line-height:var(--ref-line-height-md);font-size:var(--comp-select-font-size);background-color:transparent;appearance:none}.phxsg-select__icon{position:absolute;top:50%;inset-inline-end:0;translate:0 -50%;pointer-events:none}}