.fullMantineContainerHeight{height:calc(100dvh - var(--app-shell-header-offset,0rem) - var(--app-shell-footer-offset,0rem) - 2 * var(--app-shell-padding,0rem))}.trainingHeaderTitle{font-size:var(--mantine-h1-font-size)}@media (width<=30em){.trainingHeaderTitle{font-size:var(--mantine-h2-font-size)}}.clickableRow{cursor:pointer}.clickableRow:hover{background-color:var(--mantine-color-default-hover)}.clickableRow:focus-visible{outline:2px solid var(--mantine-primary-color-filled);outline-offset:-2px}.cardSpreadContainer{width:100%;position:relative;overflow:hidden}.cardSpreadCard{cursor:default;transform:rotate(calc(var(--i) * var(--degree))) translate(calc(var(--i) * 15px), 10px);transform-origin:50% 100%;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:3%;padding:0;position:absolute;overflow:hidden;box-shadow:0 2px 5px #00000040}.cardSpreadCard:focus-visible{z-index:1;outline:3px solid var(--mantine-primary-color-filled,#228be6);outline-offset:2px}.cardShadow{border-radius:3%;box-shadow:0 2px 5px #00000040}.numberCardContainer{color:#000;text-align:center;border-radius:3%;position:relative;box-shadow:0 2px 5px #00000040}.numberCardTopLeft{position:absolute;top:8px;left:8px}.numberCardCenter{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.numberCardBottomRight{position:absolute;bottom:8px;right:8px;transform:scale(-1)}.sr-only{white-space:nowrap;clip-path:inset(50%);border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}