@layer recipes.slots{@layer base{.dr__bar{background:var(--colors-transparent);border-radius:0 2px 2px 0;width:3px;position:absolute;top:8px;bottom:8px;left:0}.dr__body{flex:1;min-width:0}.dr__chevron{color:var(--colors-text-300);flex-shrink:0;width:18px;height:18px}.dr__description{color:var(--colors-text-300);font-size:var(--font-sizes-2xs);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;line-height:1.3;overflow:hidden}.dr__root{background:var(--colors-transparent);padding-inline:var(--spacing-4);gap:var(--spacing-3);cursor:pointer;text-align:left;border:none;align-items:center;width:100%;min-height:52px;padding-block:6px;transition:background .12s;display:flex;position:relative}.dr__root:is(:active,[data-active]):not(:disabled,[data-disabled],[data-state=open]){background:var(--colors-bg-250)}.dr__tile{border-color:var(--colors-border-250);border-radius:var(--radii-md);background:#ffffff0a;border-style:solid;border-width:1px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;overflow:hidden}.dr__tileIcon{color:var(--nav-accent,var(--colors-text-200));width:16px;height:16px}.dr__title{color:var(--colors-text-100);font-size:var(--font-sizes-xs);text-overflow:ellipsis;white-space:nowrap;font-weight:600;line-height:1.25;overflow:hidden}@media (hover:hover){.dr__root:is(:hover,[data-hover]):not(:disabled,[data-disabled]){background:var(--colors-bg-200)}}}@layer variants{.dr__bar--active_true{background:var(--nav-accent,var(--colors-text-100))}.dr__root--active_true{background:var(--colors-bg-250)}@media (hover:hover){.dr__root--active_true:is(:hover,[data-hover]):not(:disabled,[data-disabled]){background:var(--colors-bg-250)}}}}
@layer recipes.slots{@layer base{.dl__bar{background:var(--colors-transparent);border-radius:0 2px 2px 0;width:3px;position:absolute;top:8px;bottom:8px;left:0}.dl__root{background:var(--colors-transparent);padding-inline:var(--spacing-4);gap:var(--spacing-3);align-items:center;min-height:44px;padding-block:2px;transition:background .12s;display:flex;position:relative}@media (hover:hover){.dl__root:is(:hover,[data-hover]):not(:disabled,[data-disabled]){background:var(--colors-bg-200)}}}@layer variants{.dl__bar--active_true{background:var(--nav-accent,var(--colors-text-100))}.dl__root--active_true{background:var(--colors-bg-250)}@media (hover:hover){.dl__root--active_true:is(:hover,[data-hover]):not(:disabled,[data-disabled]){background:var(--colors-bg-250)}}}}