.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(max-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{position:relative;width:100%;overflow:hidden}.cardSpreadCard{position:absolute;padding:0;overflow:hidden;cursor:default;background:none;border:none;border-radius:3%;box-shadow:0 2px 5px #00000040;transform:rotate(calc(var(--i) * var(--degree))) translate(calc(var(--i) * 15px),10px);transform-origin:50% 100%;-webkit-tap-highlight-color:transparent}.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{position:relative;color:#000;text-align:center;border-radius:3%;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;right:8px;bottom:8px;transform:scale(-1)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;border-width:0;clip-path:inset(50%)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
