@layer recipes.slots{@layer base{.sortControl__caret{color:var(--colors-text-200);pointer-events:none;inset-inline-end:12px;width:12px;height:12px;position:absolute;top:50%;translate:0 -50%}.sortControl__caret :where(svg){width:100%;height:100%}.sortControl__content{min-width:10rem;max-height:320px;overflow-y:auto}.sortControl__direction{border-inline-start-width:0;border-start-start-radius:0;border-end-start-radius:0}.sortControl__groupLabel{padding-inline:var(--spacing-2);padding-block:var(--spacing-1\.5);color:var(--colors-text-300);letter-spacing:.05rem;text-transform:uppercase;font-size:10px;font-weight:500}.sortControl__prefix{color:var(--colors-text-200);font-size:10px;font-weight:var(--font-weights-normal);letter-spacing:.05rem;text-transform:uppercase;flex-shrink:0;line-height:1}.sortControl__root{flex-shrink:0;align-items:stretch;display:flex}.sortControl__select{min-width:0;width:var(--sort-select-width,auto)}.sortControl__trigger[data-sort-trigger]{border-start-end-radius:0;border-end-end-radius:0;justify-content:flex-start;width:100%;min-width:auto;padding-inline-end:28px}.sortControl__valueRow{gap:var(--spacing-1\.5);align-items:center;min-width:0;display:flex}.sortControl__valueText{white-space:nowrap}}}