.dropdown-select{align-items:center;color:var(--color-text-inverted);display:inline-flex;position:relative}.dropdown-select__trigger{align-items:center;background:var(--color-background-inverted-subtle);border:0;border-radius:var(--radius-sm);color:var(--color-text-inverted);cursor:pointer;display:inline-flex;font-family:var(--font-body-family);gap:var(--space-2);justify-content:flex-start;min-height:44px;padding:var(--spacing-sm) var(--space-4);text-decoration:none;white-space:nowrap}.dropdown-select__trigger:focus-visible,.dropdown-select__option:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:4px}.dropdown-select__label{color:inherit;font-size:var(--body-small-size);font-weight:var(--weight-regular);line-height:var(--body-small-line-height);white-space:nowrap}.dropdown-select__icon,.dropdown-select__icon .ph{align-items:center;display:inline-flex;flex:0 0 24px;font-size:24px;height:24px;justify-content:center;line-height:24px;pointer-events:none;width:24px}.dropdown-select__control{-webkit-appearance:none;appearance:none;background:transparent;border:0;color:var(--color-text-inverted);cursor:pointer;top:0;right:0;bottom:0;left:0;opacity:0;position:absolute;width:100%}.dropdown-select__control:focus{outline:0}.dropdown-select__control option{background-color:var(--color-background-inverted-page);color:var(--color-text-inverted)}.dropdown-select__menu{background:var(--color-background-neutral);border:0;border-radius:var(--radius-sm);display:grid;gap:var(--space-2);left:0;min-width:160px;padding:8px;position:absolute;top:calc(100% + 8px);z-index:2}.dropdown-select__option{background:transparent;border:0;border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;font-family:var(--font-body-family);font-size:var(--body-small-size);font-weight:var(--weight-regular);line-height:var(--body-small-line-height);padding:8px 12px;text-align:left}.dropdown-select__option[aria-selected=true],.dropdown-select__option:hover{background:var(--color-background-inverted-subtle);color:var(--color-text-page-container)}@media(hover:hover)and (pointer:fine){.dropdown-select__trigger:hover{background:var(--color-button-secondary-bg)}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/component-dropdown-select.css.map */