.scrollable-row{--_edge-mask-width:var(--scrollable-row-mask-width,var(--spacing-horizontal-colosal));--_surface:var(--scrollable-row-surface,var(--color-surface-background));--_arrow-offset-y:var(--scrollable-row-arrow-offset-y,50%);--_arrow-hit-target:44px;--_arrow-face-size:var(--scrollable-row-arrow-face-size,40px);--_arrow-icon-size:var(--scrollable-row-arrow-icon-size,16px);--_arrow-inset:var(--scrollable-row-arrow-inset,var(--spacing-horizontal-xlarge))}.scrollable-row--arrow-small{--_arrow-face-size:32px;--_arrow-icon-size:14px}.scrollable-row{position:var(--scrollable-row-position,relative);max-width:100%}.scrollable-row__viewport{-ms-overflow-style:none;scrollbar-width:none;max-width:100%;overflow-x:auto}.scrollable-row__viewport::-webkit-scrollbar{display:none}@media (pointer:fine){.scrollable-row__viewport{cursor:grab}.scrollable-row__viewport:active{cursor:grabbing}}.scrollable-row__edge-mask{width:var(--_edge-mask-width);pointer-events:none;z-index:1;position:absolute;top:0;bottom:0}.scrollable-row__edge-mask--start{background:linear-gradient(to right, var(--_surface) 0%, var(--_surface) 40%, transparent 100%);left:0}.scrollable-row__edge-mask--end{background:linear-gradient(to left, var(--_surface) 0%, var(--_surface) 40%, transparent 100%);right:0}.scrollable-row__arrow{top:var(--_arrow-offset-y);width:var(--_arrow-hit-target);height:var(--_arrow-hit-target);cursor:pointer;z-index:2;background:0 0;border:0;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex;position:absolute;transform:translateY(-50%)}.scrollable-row__arrow:focus{outline:none}.scrollable-row__arrow:focus-visible .scrollable-row__arrow-face{outline:var(--stroke-medium) solid var(--color-utility-focus);outline-offset:var(--stroke-medium)}.scrollable-row__arrow--back{left:var(--_arrow-inset)}.scrollable-row__arrow--next{right:var(--_arrow-inset)}.scrollable-row__arrow-face{width:var(--_arrow-face-size);height:var(--_arrow-face-size);border-radius:var(--radius-full);background-color:var(--_surface);box-shadow:var(--scrollable-row-arrow-shadow,none);color:var(--color-text-dark);justify-content:center;align-items:center;display:inline-flex}.scrollable-row__arrow-face svg{width:var(--_arrow-icon-size);height:var(--_arrow-icon-size)}