.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)}
.time-selection-pill{justify-content:center;align-items:center;gap:var(--spacing-horizontal-medium);padding:var(--spacing-vertical-medium) var(--spacing-horizontal-large);border-radius:var(--radius-extra-small);background-color:var(--color-surface-stripe);color:var(--color-text-dark);font-family:var(--typography-font-family-action);font-weight:var(--typography-font-weight-semibold);font-size:var(--typography-body-extrasmall);line-height:var(--typography-line-height-small);white-space:nowrap;cursor:pointer;transition:background-color var(--motion-duration-fast) var(--motion-easing-standard),color var(--motion-duration-fast) var(--motion-easing-standard);-webkit-transition:background-color var(--motion-duration-fast) var(--motion-easing-standard),color var(--motion-duration-fast) var(--motion-easing-standard);-moz-transition:background-color var(--motion-duration-fast) var(--motion-easing-standard),color var(--motion-duration-fast) var(--motion-easing-standard);-o-transition:background-color var(--motion-duration-fast) var(--motion-easing-standard),color var(--motion-duration-fast) var(--motion-easing-standard);border:none;flex-direction:row;display:flex}.time-selection-pill__label{transform:translateY(.06em)}.time-selection-pill--selected{background-color:var(--color-action-secondary-background-active);color:var(--color-action-secondary-surface-active)}.time-selection-pill:focus-visible{outline:var(--stroke-medium) solid var(--color-focus-ring);outline-offset:var(--stroke-medium)}.time-selection-pill:disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}