.dsi-tray{background:var(--color-surface-raised);border-block-start:var(--border-hairline) solid var(--color-border-strong);--color-focus-gap:var(--color-surface-raised);--jr-gap:var(--color-surface-raised)}.dsi-tray[data-placement=fixed]{z-index:var(--layer-tray);padding-block-end:env(safe-area-inset-bottom,0px);position:fixed;inset-block-end:0;inset-inline:0}.dsi-tray[data-placement=inline]{position:relative}.dsi-tray-bar{align-items:center;column-gap:var(--space-8);min-block-size:var(--size-tray);max-inline-size:calc(var(--size-content-max) + 2 * var(--page-outer-margin));padding:var(--space-2) var(--page-outer-margin);grid-template-columns:auto minmax(0,1fr) auto;margin-inline:auto;display:grid;position:relative}.dsi-tray-slots{column-gap:var(--space-4);grid-template-columns:repeat(5,minmax(0,1fr));min-inline-size:0;display:grid}.dsi-tray-slot{min-inline-size:0;border-block-start:var(--border-rule) solid var(--color-border-strong);font-size:var(--text-note);line-height:var(--text-note--line-height);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;padding-block-start:var(--space-2);overflow:hidden}.dsi-tray-slot[data-empty]{min-block-size:calc(var(--space-2) + var(--text-note--line-height));border-block-start-style:dotted;border-block-start-color:var(--color-border-control)}.dsi-tray-clip{pointer-events:none;position:absolute;inset-block-end:100%;inset-inline:0;overflow:hidden}.dsi-tray[data-placement=inline] .dsi-tray-clip{order:-1;grid-column:1/-1;position:static}.dsi-tray-panel{box-sizing:border-box;inline-size:calc(var(--space-32) * 4);max-inline-size:calc(100% - 2 * var(--page-outer-margin));max-block-size:var(--size-tray-panel-max-block);padding:var(--space-2) var(--space-5) var(--space-4);background:var(--color-surface-raised);box-shadow:var(--shadow-overlay);pointer-events:auto;margin-inline-start:var(--page-outer-margin);position:relative;overflow-y:auto}.dsi-tray[data-placement=inline] .dsi-tray-panel{margin-inline-start:0}.dsi-tray-panel[data-state=open]{animation:dsi-tray-in var(--duration-base) var(--ease-enter)}.dsi-tray-panel[data-state=closing]{animation:dsi-tray-out var(--duration-fast) var(--ease-exit) forwards}@keyframes dsi-tray-in{0%{translate:0 100%}}@keyframes dsi-tray-out{to{translate:0 100%}}.dsi-tray-list{margin:0;padding:0;list-style:none;container-type:inline-size}.dsi-tray-chevron{rotate:180deg}.dsi-tray-disc[aria-expanded=true] .dsi-tray-chevron{rotate:none}@media (max-width:1279px){.dsi-tray-bar{column-gap:var(--space-5)}.dsi-tray-slot{padding-block-start:0;font-size:0}.dsi-tray-slot[data-empty]{min-block-size:0}}@media (max-width:767px){.dsi-tray-bar{column-gap:var(--space-2);padding-inline:var(--space-4);grid-template-columns:minmax(0,1fr) auto}.dsi-tray-bar[data-one],.dsi-tray[data-bar=emptied] .dsi-tray-bar{grid-template-columns:auto minmax(0,1fr)}.dsi-tray-one{text-align:end;text-wrap:pretty;min-inline-size:0}.dsi-tray-slots{display:none}.dsi-tray-panel{inline-size:auto;max-inline-size:none;margin-inline-start:0}}@media print{.dsi-tray{display:none}}.dsi-compare-tray{align-items:center;column-gap:var(--space-4);row-gap:var(--space-2);min-inline-size:0;padding:var(--space-2) var(--space-4);background:var(--color-surface-raised);border:var(--border-hairline) solid var(--color-border-divider);--color-focus-gap:var(--color-surface-raised);flex-wrap:wrap;display:flex}.dsi-compare-tray:focus{outline:none}.dsi-compare-tray-chips{align-items:center;gap:var(--space-2);flex-wrap:wrap;min-inline-size:0;margin:0;padding:0;list-style:none;display:flex}.dsi-compare-tray-chip{align-items:center;column-gap:var(--space-1);max-inline-size:calc(var(--space-32) + var(--space-24));min-inline-size:0;border:var(--border-hairline) solid var(--color-border-control);border-radius:var(--radius-control);padding-inline-start:var(--space-2);display:inline-flex}.dsi-compare-tray-action{align-items:center;column-gap:var(--space-3);row-gap:var(--space-1);flex-wrap:wrap;margin-inline-start:auto;display:inline-flex}@media (min-width:768px){.dsi-compare-tray-clip,.dsi-compare-tray-panel{display:contents}}@media (max-width:767px){.dsi-compare-tray[data-compact]{z-index:var(--layer-tray);min-block-size:var(--size-tray);padding:var(--space-2) var(--space-4) calc(var(--space-2) + env(safe-area-inset-bottom,0px));border:0;border-block-start:var(--border-hairline) solid var(--color-border-strong);--jr-gap:var(--color-surface-raised);position:fixed;inset-block-end:0;inset-inline:0}.dsi-compare-tray[data-compact]:not([data-cleared]){column-gap:var(--space-2);row-gap:var(--space-1);grid-template-columns:minmax(0,1fr) auto;display:grid}:root[data-keyboard-open] .dsi-compare-tray[data-compact]{display:none}.dsi-compare-tray[data-compact] .dsi-compare-tray-clip{pointer-events:none;position:absolute;inset-block-end:100%;inset-inline:0;overflow:hidden}.dsi-compare-tray[data-compact] .dsi-compare-tray-panel{box-sizing:border-box;row-gap:var(--space-2);max-block-size:var(--size-tray-panel-max-block);padding:var(--space-2) var(--space-4) var(--space-3);background:var(--color-surface-raised);box-shadow:var(--shadow-overlay);pointer-events:auto;justify-items:start;display:grid;position:relative;overflow-y:auto}.dsi-compare-tray[data-compact] .dsi-compare-tray-panel[data-state=open]{animation:dsi-tray-in var(--duration-base) var(--ease-enter)}.dsi-compare-tray[data-compact] .dsi-compare-tray-panel[data-state=closing]{animation:dsi-tray-out var(--duration-fast) var(--ease-exit) forwards}.dsi-compare-tray[data-compact] .dsi-compare-tray-chips{gap:0;inline-size:100%;display:grid}.dsi-compare-tray[data-compact] .dsi-compare-tray-chip{justify-content:space-between;column-gap:var(--space-3);max-inline-size:none;min-block-size:var(--size-target-touch);border:0;border-block-end:var(--border-hairline) solid var(--color-border-divider);border-radius:0;padding-inline-start:0;display:flex}.dsi-compare-tray[data-compact] .dsi-compare-tray-removed{order:1;grid-column:1/-1}.dsi-compare-tray[data-compact] .dsi-compare-tray-action{justify-self:end;margin-inline-start:0}.dsi-compare-tray[data-compact] .dsi-compare-tray-one{text-align:end;text-wrap:pretty;min-inline-size:0}.dsi-compare-tray-label{white-space:nowrap}@media (max-width:359px){.dsi-compare-tray[data-compact]:not([data-one]) .dsi-compare-tray-label{display:grid}.dsi-compare-tray[data-compact]:not([data-one]) .dsi-compare-tray-label-gap{display:none}.dsi-compare-tray[data-compact][data-one] .dsi-compare-tray-action{grid-column:1/-1;justify-self:start}.dsi-compare-tray[data-compact][data-one] .dsi-compare-tray-one{text-align:start}}}