{"version":3,"file":"pager.module.mjs","names":[],"sources":["../../../../package/common/calendar/pager.module.pcss"],"sourcesContent":["/* The three panes of a pageable view share one grid cell, so the track is as tall as its\n   tallest pane and does not change height mid-swipe. `clip` rather than `hidden` on the viewport:\n   `hidden` makes it a scroll container, which the neighbours would then extend sideways.\n   The neighbours' transforms are positions, not motion: the slide itself runs in usePager,\n   which skips it under reduced motion. */\n.pager {\n  &-viewport {\n    position: relative;\n    min-width: 0;\n    overflow: clip;\n  }\n\n  &-track {\n    display: grid;\n    height: 100%;\n  }\n\n  &-pane {\n    grid-area: 1 / 1;\n    min-width: 0;\n    min-height: 0;\n\n    &-prev {\n      transform: translateX(-100%);\n    }\n\n    &-next {\n      transform: translateX(100%);\n    }\n  }\n}\n"],"mappings":""}