@layer recipes{@layer base{.ftc{min-width:0;height:100%;width:var(--col-w);flex-shrink:0;justify-content:flex-start;align-items:center;display:flex;position:relative;overflow:hidden}@media (min-width:48rem){.ftc{width:var(--col-w-md,var(--col-w))}}}@layer variants{.ftc--align_center{justify-content:center}.ftc--align_end{justify-content:flex-end}.ftc--overflow_visible{overflow:visible}}}
@layer recipes{@layer base{.ftr{gap:var(--column-gap);font-size:var(--font-sizes-sm);border-bottom-color:var(--colors-border-200);padding-left:var(--spacing-4);padding-right:var(--spacing-4);border-bottom-style:solid;border-bottom-width:1px;display:flex}@media (hover:hover){.ftr:is(:hover,[data-hover]):not(:disabled,[data-disabled]){background:#ffffff05}}}@layer variants{.ftr--auto_true{padding-block:var(--spacing-3);min-height:55px}.ftr--bg_true{background:var(--row-bg)}.ftr--clickable_true{cursor:pointer}.ftr--clickable_true:is(:focus-visible,[data-focus-visible]){outline:2px solid;outline-color:var(--colors-brand-primary-100);outline-offset:-2px}.ftr--flush_true{padding-left:0}.ftr--last_true{border-bottom:none}@media (hover:hover){.ftr--bg_true:is(:hover,[data-hover]):not(:disabled,[data-disabled]){background:var(--row-bg)}.ftr--clickable_true:is(:hover,[data-hover]):not(:disabled,[data-disabled]){background:var(--colors-bg-400)}}}@layer compound_variants{@media (hover:hover){.ftr--compound__bg_true__clickable_true:is(:hover,[data-hover]):not(:disabled,[data-disabled]){background:var(--row-bg)}}}}