.kelas-front-class[data-v-1c28b903]{--kelas-sheet-gap:32px;--kelas-front-max-width:var(--app-max-width);color:var(--kelas-brown-900);display:flex;flex:1 1 0%;height:100%;justify-content:center;width:100%}.kelas-front-class .class-wrapper[data-v-1c28b903]{display:flex;flex-direction:column;gap:var(--kelas-sheet-gap);max-width:var(--kelas-front-max-width);padding-left:1rem;padding-right:1rem;width:100%}.kelas-front-class .class-main[data-v-1c28b903]{flex:1 1 0%}.kelas-front-class[data-v-1c28b903] .kelas-class-side .side-cover,.kelas-front-class[data-v-1c28b903] .kelas-class-side .side-entry{display:none}@media (min-width:768px){.kelas-front-class .class-wrapper[data-v-1c28b903]{flex-direction:row}.kelas-front-class .class-side[data-v-1c28b903]{order:1;width:320px}.kelas-front-class .class-main[data-v-1c28b903]{order:2}.kelas-front-class[data-v-1c28b903] .kelas-class-sheet .sheet-cover,.kelas-front-class[data-v-1c28b903] .kelas-class-sheet .sheet-entry{display:none}.kelas-front-class[data-v-1c28b903] .kelas-class-side .side-cover,.kelas-front-class[data-v-1c28b903] .kelas-class-side .side-entry{display:block}}@media (min-width:992px){.kelas-front-class .class-side[data-v-1c28b903]{width:400px}}.kelas-class-side[data-v-233a5287]{display:flex;flex-direction:column;gap:var(--kelas-sheet-gap,16px);height:100%;width:100%}.kelas-class-side .side-entry[data-v-233a5287]{position:sticky;top:var(--kelas-sheet-gap,16px)}