.extended-grade-view[data-v-7970f74f]{box-shadow:0 0 10px 4px rgba(0,0,0,.1);border-radius:30px;padding:10px;width:310px}.extended-grade-view-container[data-v-7970f74f]{background:#fff;border-radius:25px}.extended-grade-view-title[data-v-7970f74f]{border-bottom:1px solid #d2d2d2;margin:0 20px}.extended-grade-view-title h5[data-v-7970f74f]{font-size:32px;text-align:center;text-transform:uppercase;font-weight:400;padding:20px 0 12px}.extended-grade-view-values-last[data-v-7970f74f]{border:1px solid #cfc6c6;box-shadow:0 0 10px 4px rgba(0,0,0,.05);border-radius:5px;overflow:hidden;position:relative;height:60px;margin:12px 16px}.extended-grade-view-values-last>span[data-v-7970f74f]{font-size:48px;color:#7e7e7e;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.extended-grade-view-values-last>div[data-v-7970f74f]{height:100%}.extended-grade-view-values-all[data-v-7970f74f]{display:flex;margin:0 16px}.extended-grade-view-values-all>div[data-v-7970f74f]{background:#f5f5f5;border:1px solid #cfc6c6;position:relative;width:30px;height:77px;margin:0 1px;box-shadow:0 0 10px 4px rgba(0,0,0,.05)}.extended-grade-view-values-all>div>span[data-v-7970f74f]{position:absolute;bottom:3px;left:50%;transform:translateX(-50%);font-size:10px;color:#7e7e7e}.extended-grade-view-values-all>div>div[data-v-7970f74f]{width:100%;position:absolute;bottom:0}.extended-grade-view-footer[data-v-7970f74f]{padding:8px}.extended-grade-view-footer svg[data-v-7970f74f]{width:40px;height:40px;display:block;margin:0 auto}