.ys-showcase{container-type:inline-size}.ys:where(:has([data-yb-pinned][open])){--_showcase-rail:hidden}.ys-showcase-grid{display:grid;grid-template-columns:var(--_showcase-cols,var(--ys-size-commerce-rail) minmax(0,var(--ys-fr)));gap:var(--ys-gap-grid)}.ys-showcase-main{min-inline-size:0;grid-column:var(--_showcase-main-col,auto)}.ys:where(:has([data-yb-pinned][open])){--_showcase-rail-cols:var(--ys-size-dept-rail) minmax(0,var(--ys-fr));--_showcase-rail-main:2}.ys-showcase-grid:where([data-rail="header"]){--_showcase-cols:var(--_showcase-rail-cols,minmax(0,var(--ys-fr)));--_showcase-main-col:var(--_showcase-rail-main,auto)}.ys-showcase-depts{--ys-fill:var(--ys-sheet);--ys-fill-hover:var(--ys-tile);display:flex;flex-direction:column;gap:var(--ys-space-2xs);min-inline-size:0;padding:var(--ys-space-2xs);visibility:var(--_showcase-rail,visible)}@container (inline-size < 50rem){.ys-showcase-grid,.ys-showcase-grid:where([data-rail="header"]){--_showcase-cols:minmax(0,var(--ys-fr));--_showcase-main-col:auto}.ys-showcase-depts{display:none}}.ys:where(:has([data-yb-pinned][open])){--_tiles-clear:var(--ys-gap-page)}.ys-home-tiles{container-type:inline-size;padding-block-start:var(--_tiles-clear,0px)}.ys-home-tiles-grid{--ys-size-promo:var(--ys-size-reel-s);--ys-size-promo-copy:100%;display:grid;grid-template-columns:repeat(var(--_tiles-cols,4),minmax(0,var(--ys-fr)));gap:var(--ys-gap-grid)}@container (inline-size < 48rem){.ys-home-tiles-grid{--_tiles-cols:2}}@container (inline-size < 26rem){.ys-home-tiles-grid{--_tiles-cols:1}}.ys-slider{--ys-slider-item:100%;container-type:inline-size;display:grid;grid-template-columns:minmax(0,var(--ys-fr));min-inline-size:0;gap:var(--ys-space-2xs)}.ys-slider-track{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:var(--ys-slider-item);gap:var(--ys-gap-grid);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:var(--ys-r-card)}.ys-slider-track:where(:focus-visible){outline:var(--ys-ring-width) solid var(--ys-ring-color);outline-offset:var(--ys-ring-offset)}.ys-slider-slide{min-inline-size:0;scroll-snap-align:start}.ys-slider--hero{--ys-size-promo:calc(var(--ys-size-hero) * 0.7)}.ys-slider--cards{--ys-slider-item:var(--ys-size-reel-l)}@container (inline-size < 40rem){.ys-slider-slide{--ys-size-promo:calc(var(--ys-size-hero) * 0.45)}}.ys-slider-nav{display:var(--_slider-nav,grid);grid-template-columns:var(--ys-h-md) minmax(0,auto) var(--ys-h-md);align-items:center;justify-content:center;gap:var(--ys-space-xs)}.ys-slider-nav:where([hidden]){--_slider-nav:none}.ys-slider-dots{display:flex;align-items:center;min-inline-size:0;overflow-x:auto}.ys-slider-dot{--_slider-dot:var(--ys-line);flex-shrink:0;display:grid;place-items:center;inline-size:var(--ys-h-md);block-size:var(--ys-h-md);padding:0;border:0;border-radius:var(--ys-r-round);background:transparent}:where(.ys-slider-dot)::before{content:"";inline-size:var(--ys-size-dot);block-size:var(--ys-size-dot);border-radius:var(--ys-r-round);background:var(--_slider-dot);transition:background-color var(--ys-dur) var(--ys-ease)}.ys-slider-dot:where([aria-current="true"]){--_slider-dot:var(--ys-action)}.ys-slider-dot:where(:focus-visible){outline:var(--ys-ring-width) solid var(--ys-ring-color);outline-offset:var(--ys-ring-offset)}.ys-board{container-type:inline-size}.ys-board-grid{display:grid;grid-template-columns:repeat(var(--_board-cols,4),minmax(0,var(--ys-fr)));gap:var(--ys-gap-grid)}.ys-board-feature{display:grid;grid-column:var(--_board-feature-col,2 / span 2);grid-row:var(--_board-feature-row,1 / span 2)}@container (inline-size < 44rem){.ys-board-grid{--_board-cols:2;--_board-feature-col:1 / -1;--_board-feature-row:auto}}.ys-grid:where([data-view="compact"]){--_card-cols:var(--ys-size-card-thumb) minmax(0,var(--ys-fr));--_card-rows:auto auto;--_card-align:start;--_card-media-row:1 / 3;--_card-foot-col:2;--_card-tags:none;--_card-img-pad:var(--ys-space-2xs);--_card-body-pe:calc(var(--ys-h-sm) + var(--ys-space-xs))}.ys-tabs{container-type:inline-size}.ys-grid:where([data-view="rows"]){--_grid-cols:repeat(2,minmax(0,var(--ys-fr)))}@container (inline-size>= 40rem){.ys-grid:where([data-view="rows"]){--_grid-cols:repeat(4,minmax(0,var(--ys-fr)))}}.ys-slider-progress{inline-size:100%;block-size:var(--ys-space-3xs);accent-color:var(--ys-action)}