html{height:100%;--mat-sys-background: light-dark(#faf9fd, #121316);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f2f0f4, #2f3033);--mat-sys-inverse-primary: light-dark(#abc7ff, #005cbb);--mat-sys-inverse-surface: light-dark(#2f3033, #e3e2e6);--mat-sys-on-background: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #002f65);--mat-sys-on-primary-container: light-dark(#00458f, #d7e3ff);--mat-sys-on-primary-fixed: light-dark(#001b3f, #001b3f);--mat-sys-on-primary-fixed-variant: light-dark(#00458f, #00458f);--mat-sys-on-secondary: light-dark(#ffffff, #283041);--mat-sys-on-secondary-container: light-dark(#3e4759, #dae2f9);--mat-sys-on-secondary-fixed: light-dark(#131c2b, #131c2b);--mat-sys-on-secondary-fixed-variant: light-dark(#3e4759, #3e4759);--mat-sys-on-surface: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-surface-variant: light-dark(#44474e, #e0e2ec);--mat-sys-on-tertiary: light-dark(#ffffff, #0001ac);--mat-sys-on-tertiary-container: light-dark(#0000ef, #e0e0ff);--mat-sys-on-tertiary-fixed: light-dark(#00006e, #00006e);--mat-sys-on-tertiary-fixed-variant: light-dark(#0000ef, #0000ef);--mat-sys-outline: light-dark(#74777f, #8e9099);--mat-sys-outline-variant: light-dark(#c4c6d0, #44474e);--mat-sys-primary: light-dark(#005cbb, #abc7ff);--mat-sys-primary-container: light-dark(#d7e3ff, #00458f);--mat-sys-primary-fixed: light-dark(#d7e3ff, #d7e3ff);--mat-sys-primary-fixed-dim: light-dark(#abc7ff, #abc7ff);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#565e71, #bec6dc);--mat-sys-secondary-container: light-dark(#dae2f9, #3e4759);--mat-sys-secondary-fixed: light-dark(#dae2f9, #dae2f9);--mat-sys-secondary-fixed-dim: light-dark(#bec6dc, #bec6dc);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#faf9fd, #121316);--mat-sys-surface-bright: light-dark(#faf9fd, #38393c);--mat-sys-surface-container: light-dark(#efedf0, #1f2022);--mat-sys-surface-container-high: light-dark(#e9e7eb, #292a2c);--mat-sys-surface-container-highest: light-dark(#e3e2e6, #343537);--mat-sys-surface-container-low: light-dark(#f4f3f6, #1a1b1f);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0d0e11);--mat-sys-surface-dim: light-dark(#dbd9dd, #121316);--mat-sys-surface-tint: light-dark(#005cbb, #abc7ff);--mat-sys-surface-variant: light-dark(#e0e2ec, #44474e);--mat-sys-tertiary: light-dark(#343dff, #bec2ff);--mat-sys-tertiary-container: light-dark(#e0e0ff, #0000ef);--mat-sys-tertiary-fixed: light-dark(#e0e0ff, #e0e0ff);--mat-sys-tertiary-fixed-dim: light-dark(#bec2ff, #bec2ff);--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}body{color-scheme:light;background-color:var(--mat-sys-surface);color:var(--mat-sys-on-surface);font:var(--mat-sys-body-medium);margin:0;height:100%}:root{--csipetke-primary: #313d8f;--csipetke-font: "Open Sans Condensed", Helvetica, Arial, Lucida, sans-serif}html{min-height:100vh;overscroll-behavior:none}app-root{min-height:100vh;display:block}body{font-family:var(--csipetke-font);overscroll-behavior:none;padding-bottom:4rem;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.title{text-align:center;font-weight:400;font-size:2rem;margin:1rem}section{width:calc(100% - 100px);max-width:730px;margin:auto;margin-top:1.3rem;padding:1rem;border-radius:1rem;background-color:#fff;box-shadow:0 0 5px #0003;font-size:1rem;line-height:1.5}@media(max-width:730px){section.full{width:calc(100% - 2rem);max-width:100%;margin:0;border-radius:0;padding:1rem}form.full{width:100%;padding:0}}.data{letter-spacing:.1rem}section i{font-style:normal;text-transform:uppercase;font-weight:600;color:#777;font-size:.8rem}section p{margin-bottom:1rem}section div{padding:.4rem;width:max-content;display:inline-block}div.small{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;gap:1rem;margin:1.3rem;max-width:99%}div.small section{min-width:min-content;width:100%;margin:0rem;padding:.3rem;display:flex;flex-direction:column;text-align:center}div.small section b{display:block;text-align:center;font-weight:800;font-size:2rem;margin:auto}.tokenText{word-break:break-all;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:monospace;font-size:1.1rem}.group{display:flex;flex-wrap:wrap;gap:1.3rem;margin:1.3rem}.group section{margin:0;height:auto;width:300px;transition:all .2s ease-in-out;cursor:pointer}@media(max-width:730px){.group{flex-direction:column;width:calc(100% - 2.6rem)}.group section{width:calc(100% - 2.6rem)}}.group section:hover:not(.noClick){box-shadow:0 10px 10px #0006;transform:translateY(-10px) scale(1.04)}.settingsHeader{display:flex;justify-content:space-between;align-items:center;margin:0;width:calc(100% - 2rem);border-bottom:1px solid #777;background-color:#fff;margin-bottom:1rem;padding:.3rem 1rem;font-size:1rem;gap:.5rem}section .settingsHeader{margin:-1rem -1rem 1rem;padding-right:.5rem;width:calc(100% + .5rem);border-radius:1rem 1rem 0 0;box-shadow:none}@media(max-width:730px){section.full .settingsHeader{width:calc(100% + .5rem);padding-right:.5rem;border-radius:0}}.settingsHeader p{margin:0;width:100%;display:flex;align-items:center;gap:.1rem;flex-wrap:wrap}.settingsHeader p span{display:flex;align-items:center;gap:.2rem;width:max-content}.settingsHeader p span .picture{width:30px;height:30px;border-radius:50%;margin-left:.5rem}.settingsHeader button{border:none;background-color:#fff;padding:.3rem;width:40px;min-width:40px;height:40px;min-height:40px;border-radius:50%;box-shadow:#0000004d 0 4px 12px;cursor:pointer;transition:all .3s ease,border-radius 0s ease}.settingsHeader button mat-icon{font-size:1.5rem;margin-bottom:-2px}.settingsHeader button:hover{background-color:#c8c8c866}.settingsHeader button.history-toggle{min-width:fit-content;width:fit-content;padding:.3rem 1rem;border-radius:50px;display:flex;flex-direction:row;align-items:center;gap:.5rem}@media(max-width:500px){.settingsHeader p{flex-direction:column;align-items:flex-start}.settingsHeader button.history-toggle{font-size:0;gap:0}}form{padding:1rem;max-width:730px;width:calc(100% - 100px);margin:auto;box-shadow:#0000001a 0 4px 12px;border-radius:20px;background-color:#fff}form h2{display:inline-block;margin:0;padding:10px;font-size:1.5rem;font-weight:800}.btns{display:flex;justify-content:space-evenly;flex-direction:row;padding-bottom:1rem}form section{display:block;width:calc(100% - 3rem);margin-left:.5rem;margin-right:.5rem;background:transparent;box-shadow:none;padding:.5rem;padding-bottom:0;padding-top:0;letter-spacing:normal}@media(max-width:730px){form{width:calc(100% - 2rem);border-radius:0}}form div.g{display:inline-block;max-width:calc(100% - .8rem);padding-bottom:0}form section i{font-variant:small-caps}form section input,form section textarea{display:block;width:calc(100% - 20px);field-sizing:content;margin-top:.25rem;margin-bottom:1.3rem;padding:10px;border:1px solid #ccc;border-radius:10px;font-size:1rem;font-variant:normal}form section input:disabled{background-color:#ccc;color:#ccc;cursor:not-allowed}@media(max-width:730px){form section input,form section textarea{font-size:.9rem;padding:5px}}form input[type=datetime-local]{-webkit-appearance:none;appearance:none;color:#000;background-color:#fff;min-height:1rem}form button[type=submit]{cursor:pointer;transition:all .3s ease;padding:10px;margin:auto;display:block;border:1px solid #ccc;background-color:#00960080;border-radius:10px;font-variant:normal;font-size:1.2rem}form button[type=submit]:hover{background-color:#007800;color:#fff;padding:10px}form button mat-icon{margin-bottom:-5px;width:34px;transition:all .3s ease}form button.cancel{background-color:#96000080}form button.cancel:hover{background-color:#780000}form button.delete{background-color:#500000;color:#fff}form button.delete:hover{background-color:#000}form label{margin-right:1rem}input[type=radio]{display:none}input[type=radio]+label{display:inline-block;font-size:.85rem;padding:.3rem .6rem;margin:1px;margin-bottom:.3rem;border-radius:0rem;background-color:#f0f0f0;color:#000;cursor:pointer;transition:all .3s ease}input[type=radio].first+label{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}input[type=radio].last+label{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}input[type=radio]:checked+label{background-color:var(--csipetke-primary);color:#fff}input[type=radio].not:checked+label{background-color:gray}input[type=checkbox]{display:none}input[type=checkbox]+label{display:inline-block;padding:.2rem .6rem;border-radius:.5rem;background-color:#f0f0f0;color:#000;cursor:pointer;transition:all .3s ease;margin:.1rem;font-size:.85rem}input[type=checkbox]+label:first-of-type{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}input[type=checkbox]:checked+label{background-color:var(--csipetke-primary);color:#fff}p.note{font-size:.8rem}.classA:not(h2){background-color:#db2b27;color:#fff}h2.classA{color:#db2b27}.classB:not(h2){background-color:#fec916;color:#fff}h2.classB{color:#fec916}.classC:not(h2){background-color:#2f6ccb;color:#fff}h2.classC{color:#2f6ccb}.classD:not(h2){background-color:#63bd41;color:#fff}h2.classD{color:#63bd41}.class-card h2{text-align:center;padding:0rem;margin:0rem;border-radius:.5rem}.class-card:not(.smaller) h2{font-size:3rem}h2.classA,h2.classB,h2.classC,h2.classD{font-size:3rem;text-align:center;padding:0rem;margin:0rem;border-radius:.5rem}.settingsHeader.classA,.settingsHeader.classB,.settingsHeader.classC,.settingsHeader.classD{text-align:center}.settingsHeader.classA p,.settingsHeader.classB p,.settingsHeader.classC p,.settingsHeader.classD p{justify-content:center;font-size:2rem}.group:has(.class-card):not(section){width:calc(464px + 1.3rem);margin:auto;flex-direction:row!important}section.group{display:flex;flex-direction:row!important;margin:auto;justify-content:space-around}.class-card{cursor:pointer;aspect-ratio:1;width:200px!important}@media(max-width:600px){.group:has(.class-card):not(section){width:calc(264px + 1.3rem);margin:auto;flex-direction:row!important}.class-card{width:100px!important}.group:has(.smaller){flex-wrap:wrap}}.class-card.locked:hover{box-shadow:none;transform:none}.class-card.locked{cursor:default;opacity:.75}.class-card .points{font-size:2.3rem;margin:auto;display:block;text-align:center}.class-card .hint{color:#fff;font-size:1rem;margin:auto;display:block;text-align:center}.deleted{opacity:.6;background-color:#fcdcdc!important}