@layer foundation-layout, foundation-weather, foundation-page, foundation-design, foundation-default, components-default, components-design, components-page, components-weather, components-layout;
@layer foundation-layout{@media (max-width: 760px){.page-work-test #workTestDaySliderSlot, .page-work-test #workTestWeekSliderSlot{overscroll-behavior-inline: contain;scrollbar-width: thin;scrollbar-color: rgba(112, 190, 215, .75) rgba(7, 24, 35, .7);-webkit-overflow-scrolling: touch}
.page-work-test #workTestDaySliderSlot::-webkit-scrollbar, .page-work-test #workTestWeekSliderSlot::-webkit-scrollbar{height: 8px}
.page-work-test #workTestDaySliderSlot::-webkit-scrollbar-track, .page-work-test #workTestWeekSliderSlot::-webkit-scrollbar-track{background: rgba(7, 24, 35, .7);border-radius: 999px}
.page-work-test #workTestDaySliderSlot::-webkit-scrollbar-thumb, .page-work-test #workTestWeekSliderSlot::-webkit-scrollbar-thumb{background: rgba(112, 190, 215, .75);border-radius: 999px}}}
@layer components-layout{.page-calendars #calendarPageHero{margin-bottom: -14px}
@media (max-width: 760px){.page-weather #phaseCard{top: 0}
.page-phases main.shell, .page-phases #phaseSummaryDashboard, .page-phases #phaseSummaryDashboard > :is( .phase-summary-head, .phase-summary-grid, .phase-summary-circle-row, .phase-overview-location ){animation: none;transform: none;transition: none}
.page-phases #phaseSummaryDashboard{top: 0;margin-top: 0}
.page-phases #phaseSummaryDashboard > :is( .phase-summary-head, .phase-summary-grid, .phase-summary-circle-row, .phase-overview-location ){opacity: 1;visibility: visible}
.page-work-test #workTestDaySliderSlot, .page-work-test #workTestWeekSliderSlot{box-sizing: border-box;width: 100%;max-width: 100%;overflow-x: auto;overflow-y: hidden;padding-bottom: 10px}
.page-work-test #workTestDaySliderSlot > #workdayCombinedSlider{width: 340px;min-width: 340px}
.page-work-test #workTestWeekSliderSlot > #workweekCard{/**/ width: max(100%, 580px);min-width: 580px;margin-inline: 0}}}