.android.landscape:root{--tokatab-safe-area-bottom:var(--safe-area-android-bottom,10px);--tokatab-safe-area-top:var(--safe-area-android-top,10px);--tokatab-safe-area-left:var(--safe-area-android-left,40px);--tokatab-safe-area-right:var(--safe-area-android-right,40px)}.android.portrait:root{--tokatab-safe-area-bottom:var(--safe-area-android-bottom,20px);--tokatab-safe-area-top:var(--safe-area-android-top,0px);--tokatab-safe-area-left:var(--safe-area-android-left,10px);--tokatab-safe-area-right:var(--safe-area-android-right,10px)}.ios:root{--tokatab-safe-area-bottom:env(safe-area-inset-bottom);--tokatab-safe-area-top:env(safe-area-inset-top);--tokatab-safe-area-left:env(safe-area-inset-left);--tokatab-safe-area-right:env(safe-area-inset-right)}:root{--tokatab-safe-area-bottom-with-min:max(var(--tokatab-safe-area-bottom,10px),10px);--tokatab-safe-area-top-with-min:max(var(--tokatab-safe-area-top,10px),10px);--tokatab-safe-area-left-with-min:max(var(--tokatab-safe-area-left,10px),10px);--tokatab-safe-area-right-with-min:max(var(--tokatab-safe-area-right,10px),10px)}.safe-area-inset-bottom-padding{padding-bottom:var(--tokatab-safe-area-bottom-with-min)}.safe-area-inset-bottom-half-padding{padding-bottom:calc(var(--tokatab-safe-area-bottom-with-min)/2)}.safe-area-inset-top-padding{padding-top:var(--tokatab-safe-area-top-with-min)}.safe-area-inset-top-half-padding{padding-top:calc(var(--tokatab-safe-area-top-with-min)/2)}.safe-area-inset-left-padding{padding-left:var(--tokatab-safe-area-left-with-min)}.safe-area-inset-left-half-padding{padding-left:calc(var(--tokatab-safe-area-left-with-min)/2)}.safe-area-inset-right-padding{padding-right:var(--tokatab-safe-area-right-with-min)}.safe-area-inset-right-half-padding{padding-right:calc(var(--tokatab-safe-area-right-with-min)/2)}.safe-area-inset-vertical-padding{padding-top:var(--tokatab-safe-area-top-with-min);padding-bottom:var(--tokatab-safe-area-bottom-with-min)}.safe-area-inset-horizontal-padding,.safe-area-inset-side-padding{padding-left:var(--tokatab-safe-area-left-with-min);padding-right:var(--tokatab-safe-area-right-with-min)}.safe-area-inset-all-padding{padding:var(--tokatab-safe-area-top-with-min) var(--tokatab-safe-area-right-with-min) var(--tokatab-safe-area-bottom-with-min) var(--tokatab-safe-area-left-with-min)}.safe-area-inset-left-margin{margin-left:var(--tokatab-safe-area-left-with-min)}.safe-area-inset-left-half-margin{margin-left:calc(var(--tokatab-safe-area-left-with-min)/2)}.safe-area-inset-right-margin{margin-right:var(--tokatab-safe-area-right-with-min)}.safe-area-inset-right-half-margin{margin-right:calc(var(--tokatab-safe-area-right-with-min)/2)}.safe-area-inset-bottom-margin{margin-bottom:var(--tokatab-safe-area-bottom-with-min)}.safe-area-inset-top-margin{margin-top:var(--tokatab-safe-area-top-with-min)}.safe-area-inset-side-margin{margin-left:var(--tokatab-safe-area-left);margin-right:var(--tokatab-safe-area-right)}@media screen and (min-width:2250px){.force-portrait.desktop{display:flex;flex-direction:column;align-items:center;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='900' preserveAspectRatio='none' viewBox='0 0 2000 2000'%3E%3Cg mask='url(%26quot;%23SvgjsMask1093%26quot;)' fill='none'%3E%3Cpath fill='rgba(182, 211, 241, 1)' d='M0 0h2000v2000H0z'/%3E%3Cpath d='M0 819.372c173.767 17.139 379.332 91.132 512.769-21.487 136.104-114.87 79.898-336.04 117.192-510.192 28.237-131.856 86.014-254.68 75.39-389.107-11.106-140.533-69.036-267.545-137.044-391.027-83.611-151.813-137.36-360.056-303.603-409.059C98.485-950.496-51.344-787.092-212.143-722.492-354.804-665.179-532.49-664.56-626.97-543.273c-93.783 120.393-57.723 290.954-69.924 443.075-11.372 141.783-40.698 282.036.852 418.07 45.313 148.353 118.551 294.21 244.405 384.888C-322.88 795.53-157.931 803.795 0 819.372' fill='%239ac2ec'/%3E%3Cpath d='M2000 2909.441c166.947-22.084 248.424-212.289 382.828-313.75 121.202-91.495 282.071-127.543 367.795-252.893 93.219-136.309 125.368-303.666 125.754-468.802.43-183.96-12.851-379.412-123.428-526.43-113.304-150.643-292-267.001-480.272-276.218-180.163-8.82-324.439 134.708-478.024 229.303-115.735 71.283-211.874 158.403-307.805 254.7-103.502 103.897-224.075 194.004-275.872 331.205-58.931 156.098-96.994 334.796-33.871 489.247 63.761 156.011 227.524 238.881 368.93 330.581 141.96 92.059 286.229 225.245 453.965 203.057' fill='%23d2e4f6'/%3E%3C/g%3E%3Cdefs%3E%3Cmask id='SvgjsMask1093'%3E%3Cpath fill='%23fff' d='M0 0h2000v2000H0z'/%3E%3C/mask%3E%3C/defs%3E%3C/svg%3E");background-size:cover}.force-portrait.desktop #q-app{background-color:#fff;max-width:1850px}.force-portrait.desktop header{display:flex;flex-direction:column;align-items:center}.force-portrait.desktop header .q-toolbar{max-width:1850px}}body,html{text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;-moz-text-size-adjust:none}.text-primary-light{color:#b2c6e6!important}.text-secondary-light{color:#fbba81!important}.bg-primary-light{background:#b2c6e6!important}.bg-secondary-light{background:#fbba81!important}.desktop .no-tab-focus:hover .q-focus-helper{background-color:initial!important}.desktop .no-tab-focus:hover .q-tab__label:hover{font-size:120%}.q-px-sm-or-md{padding-left:16px;padding-right:16px}.text-h7{font-size:1.15rem;line-height:1.75rem}.text-h6-or-h7,.text-h7{letter-spacing:0.0125em;font-weight:500}.text-h6-or-h7{font-size:1.25rem;line-height:2rem}.text-h4-or-h5{font-size:2.125rem;line-height:2.5rem;letter-spacing:0.00735em;font-weight:400}.text-h4-or-h5.text-weight-bold{font-weight:700!important}.text-h5-or-h6{font-size:1.5rem;line-height:2rem;letter-spacing:normal;font-weight:400}.text-h2-or-h3{font-size:3.75rem;line-height:3.75rem;letter-spacing:-0.00833em;font-weight:300}.text-h3-or-h4{font-size:3rem;line-height:3.125rem;letter-spacing:normal;font-weight:400}@media screen and (max-height:599.98px),screen and (max-width:599.98px){.q-px-md-mobile-sm{padding-left:8px;padding-right:8px}.text-h4-or-h5{font-size:1.5rem;line-height:2rem;letter-spacing:normal;font-weight:400}.text-h5-or-h6{font-size:1.25rem;line-height:2rem}.text-h5-or-h6,.text-h6-or-h7{letter-spacing:0.0125em;font-weight:500}.text-h6-or-h7{font-size:1.15rem;line-height:1.75rem}.text-h2-or-h3{font-size:3rem;line-height:3.125rem;letter-spacing:normal;font-weight:400}.text-h3-or-h4{font-size:2.125rem;line-height:2.5rem;letter-spacing:0.00735em;font-weight:400}}@media screen and (min-width:1439px){.hoverablecard:hover{transition:all 0.1s;scale:1.05}}.except-mobile-portrait{display:initial}.only-mobile-portrait{display:none}@media screen and (max-width:599.98px){.except-mobile-portrait{display:none}.only-mobile-portrait{display:initial}}.q-pa-sm-2{padding-left:10px!important;padding-right:10px!important;padding-top:10px!important;padding-bottom:10px!important}@media screen and (max-height:599px),screen and (max-width:599px){.q-card__section:not(.q-pa-sm-2){padding:8px 8px}}@media screen and (max-width:599px){.q-drawer__content{padding-bottom:calc(env(safe-area-inset-bottom)/2)!important}}.hidden-scrollbar .q-scrollarea__thumb,.hidden-scrollbar::-webkit-scrollbar{display:none}.q-scrollarea__thumb,::-webkit-scrollbar-thumb{background-color:#388fde;border-radius:100px}.q-scrollarea__thumb,::-webkit-scrollbar{height:7px;opacity:0.3}.q-scrollarea__thumb--h{padding:0 20px}.q-dialog ::-webkit-scrollbar,:not(.with-scrollbar) ::-webkit-scrollbar{display:none}.absolute-center-left{left:0}.absolute-center-left,.absolute-center-right{position:absolute;top:0;bottom:0;margin:auto 5px}.absolute-center-right{right:0}.absolute-center-left-vertical{position:absolute;left:0;top:50%;transform:translateY(-50%);margin:auto 5px}.absolute-center-header{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);margin:0!important}.absolute-center-footer{transform:translate(-50%,50%)}.absolute-bottom-center,.absolute-center-footer{position:absolute;bottom:0;left:50%;margin:0!important}.absolute-bottom-center{transform:translate(-50%,0)}#confetti{position:fixed;top:0;bottom:0;left:0;right:0;z-index:999999;pointer-events:none;width:100vw;height:100vw}.q-img__content>div{padding:0px!important;display:flex;flex-direction:column;height:100%;width:100%;align-items:center;justify-content:center}.q-img__content>div>p{margin:0px!important}.text-underline{text-decoration:underline}@media screen and (max-width:1023px){.q-dialog:not(.q-dialog__action) .q-dialog__backdrop{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' height='560' preserveAspectRatio='none'%3E%3Cg mask='url(%26quot;%23SvgjsMask1164%26quot;)' fill='none'%3E%3Cpath fill='rgba(182, 211, 241, 1)' d='M0 0h1440v560H0z'/%3E%3Cpath d='M0 475.303c87.536-1.092 135.272-102.892 209.015-150.07 73.953-47.312 173.852-55.539 224.477-127.264 53.688-76.064 87.016-180.866 54.612-268.148-32.221-86.788-154.842-96.099-215.732-165.833-60.516-69.306-50.719-195.975-134.119-234.834-82.191-38.296-176.39 19.693-261.705 50.407-80.638 29.03-178.604 47.837-219.858 122.959-41.058 74.764 7.677 165.271 14.898 250.261 5.425 63.853 3.44 125.778 22.256 187.036 21.226 69.104 45.032 137.276 93.762 190.674C-153.44 395.093-87.452 476.394 0 475.303' fill='%23a4c8ee'/%3E%3Cpath d='M1440 1053.306c88.893-18.578 136.503-114.256 218.459-153.377 99.803-47.64 249.428-6.003 309.693-98.73 58.2-89.549-18.915-206.947-43.475-310.885-22.297-94.364-27.578-198.17-93.592-269.191-65.248-70.198-169.091-77.652-259.182-110.344-96.982-35.193-188.553-108.15-289.913-88.911-103.288 19.605-181.919 105.005-243.56 190.17-58.309 80.561-72.048 179.743-94.327 276.663-24.375 106.039-83.048 216.192-42.141 317.013 41.108 101.315 152.466 153.989 251.791 199.696 89.7 41.278 189.593 68.096 286.247 47.896' fill='%23c8def4'/%3E%3C/g%3E%3Cdefs%3E%3Cmask id='SvgjsMask1164'%3E%3Cpath fill='%23fff' d='M0 0h1440v560H0z'/%3E%3C/mask%3E%3C/defs%3E%3C/svg%3E")}body .q-dialog__action .q-dialog__inner--bottom{padding:0!important;border-radius:10px 10px 0 0!important}body .q-dialog__action .q-dialog__inner--bottom>div{padding-bottom:calc(var(--tokatab-safe-area-bottom)/2);border-radius:10px 10px 0 0!important}body .q-dialog .q-dialog__inner--maximized{padding:0!important}body .q-dialog .q-dialog__inner--maximized>div{max-height:100vh!important;max-width:100vw!important}body .q-dialog:not(.q-dialog__no-padding) .q-dialog__inner--maximized>div{padding-bottom:calc(var(--tokatab-safe-area-bottom)/2)}.portrait body .q-dialog:not(.q-dialog__no-padding) .q-dialog__inner--maximized>div{max-height:calc(100vh - var(--tokatab-safe-area-top))!important;margin-top:calc(var(--tokatab-safe-area-top))}.landscape body .q-dialog:not(.q-dialog__no-padding) .q-dialog__inner--maximized>div{padding-top:calc(var(--tokatab-safe-area-top));padding-left:max(var(--tokatab-safe-area-left),30px);padding-right:max(var(--tokatab-safe-area-right),30px)}}body .q-dialog:not(.q-dialog__action) .q-dialog__inner--minimized{padding:30px!important}body .q-dialog:not(.q-dialog__action) .q-dialog__inner--minimized>div{max-height:calc(100vh - 60px)!important;max-width:calc(100vw - 60px)!important}@media screen and (max-width:1023px){body .q-dialog:not(.q-dialog__action) .q-dialog__inner--minimized{padding:max(var(--tokatab-safe-area-top),10px) max(var(--tokatab-safe-area-right),10px) max(var(--tokatab-safe-area-bottom),10px) max(var(--tokatab-safe-area-left),10px)!important}body .q-dialog:not(.q-dialog__action) .q-dialog__inner--minimized>div{overflow:scroll;max-height:calc(100vh - var(--tokatab-safe-area-top) - var(--tokatab-safe-area-bottom))!important;max-width:calc(100vw - var(--tokatab-safe-area-right) - var(--tokatab-safe-area-left))!important}}@media screen and (min-width:1023px){.q-dialog:not(.q-dialog__action):not(.q-dialog__free-sized) .q-dialog__inner--minimized>div{max-width:900px!important;min-width:500px!important}}.introjs-hint{z-index:3000!important}.introjs-hint .introjs-hint-dot{border:10px solid rgba(25,118,210,0.36)}.introjs-hint .introjs-hint-pulse{border:5px solid rgba(22,102,182,0.7);background-color:rgba(35,128,220,0.5)}.introjs-skipbutton{display:none}@media screen and (max-width:1023px){.introjs-tooltipReferenceLayer:not(.introjs-hintReference):not(.introjs-keep-basic){left:0!important;width:100vw!important}.introjs-tooltipReferenceLayer:not(.introjs-hintReference):not(.introjs-keep-basic) .introjs-tooltip{position:fixed;top:unset!important;left:0!important;bottom:0!important;right:unset!important;margin:0!important;padding-bottom:5px;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);width:calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right));min-width:calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right));min-height:60px;background-color:#fff;display:flex!important;flex-direction:row;justify-content:space-between;flex-wrap:nowrap;border-radius:0}.introjs-tooltipReferenceLayer:not(.introjs-hintReference):not(.introjs-keep-basic) .introjs-tooltip .introjs-tooltip-header{display:flex;justify-content:center;align-items:center;width:20%;padding:0;margin:0}.introjs-tooltipReferenceLayer:not(.introjs-hintReference):not(.introjs-keep-basic) .introjs-tooltip .introjs-tooltip-header .introjs-tooltip-title{padding:0 10px;font-size:1em;line-height:1em}.introjs-tooltipReferenceLayer:not(.introjs-hintReference):not(.introjs-keep-basic) .introjs-tooltip .introjs-tooltiptext{font-size:0.95em;line-height:1.4em;padding:5px;display:flex;flex-grow:1;justify-content:stretch;align-items:center;vertical-align:initial!important}.introjs-tooltipReferenceLayer:not(.introjs-hintReference):not(.introjs-keep-basic) .introjs-tooltip .introjs-tooltipbuttons{display:flex;flex-direction:row;align-items:center;padding:10px}.introjs-tooltipReferenceLayer:not(.introjs-hintReference):not(.introjs-keep-basic) .introjs-tooltip .introjs-button{height:15px;width:15px;padding:10px;margin:5px;font-size:1.1em;line-height:0.85em;text-align:center;vertical-align:center;color:#fff;font-weight:700;text-shadow:none;border-radius:50%;border:0;background-color:#388fde!important}.introjs-tooltipReferenceLayer:not(.introjs-hintReference):not(.introjs-keep-basic) .introjs-tooltip .introjs-progress{position:absolute;bottom:0;margin:0!important;padding:0!important;width:100vw;min-height:5px;max-height:5px;border-radius:0}.introjs-tooltipReferenceLayer:not(.introjs-hintReference):not(.introjs-keep-basic) .introjs-tooltip .introjs-arrow{display:none!important}.introjs-tooltipReferenceLayer:not(.introjs-hintReference):not(.introjs-keep-basic).introjs-mobile-top .introjs-tooltip{top:0!important;bottom:unset!important}}:root{--teacher-icon-width:50px;--teacher-image:url(https://tokatab-assets.onrender.com/images/teachers/teacher_abstract.png)}.teacher__notification .q-notification__wrapper{padding-left:var(--teacher-icon-width);min-height:60px}.teacher__notification .q-notification__wrapper:before{position:absolute;top:5px;left:-10px}.introjs-tooltip:before,.teacher__notification .q-notification__wrapper:before{background-image:var(--teacher-image);content:"";display:inline-block;width:var(--teacher-icon-width);height:var(--teacher-icon-width);background-size:var(--teacher-icon-width) var(--teacher-icon-width)}.introjs-tooltip:before{position:absolute;left:unset;right:calc(var(--teacher-icon-width)*-0.5);top:calc(var(--teacher-icon-width)*-0.5)}.introjs-tooltip{margin:0 calc(var(--teacher-icon-width)/2)}.introjs-bottom-middle-aligned:before,.introjs-tooltipReferenceLayer:not(.introjs-hintReference):not(.introjs-keep-basic) .introjs-tooltip:before{right:unset;left:calc(var(--teacher-icon-width)/2);top:calc(var(--teacher-icon-width)*-0.7)}#loader-wrapper[data-v-2c042974]{background-color:#fff;width:100%;height:100%;z-index:2000;padding:0;display:flex;justify-content:center;align-items:center}#preloader[data-v-2c042974]{width:191px;height:200px;text-align:center;position:relative}#preloader span[data-v-2c042974]{display:block;position:absolute;border-radius:16px;height:8px;top:100px;left:0;width:32px;bottom:0;background:#00adb5;animation:preloader-2c042974 2.5s cubic-bezier(0.4,0,0.2,1) infinite}#preloader span[data-v-2c042974]:nth-child(2){left:40px;top:100px;animation-delay:100ms}#preloader span[data-v-2c042974]:nth-child(3){left:80px;top:100px;animation-delay:200ms}#preloader span[data-v-2c042974]:nth-child(4){left:120px;top:100px;animation-delay:300ms}#preloader span[data-v-2c042974]:nth-child(5){left:160px;top:100px;animation-delay:400ms}@keyframes preloader-2c042974{0%{height:8px;transform:translateY(0px);background:#00adb5}25%{height:60px;transform:translateY(-14px);background:#3498db}50%{height:4px;transform:translateY(0px);background:#00fff5}to{height:4px;transform:translateY(0px);background:#393e46}}p[data-v-2c042974]{color:#636363;font-size:0.889em;line-height:1.2;font-family:Inconsolata,sans-serif;text-align:center}h2[data-v-2c042974]{color:#fafafa;font-size:1.777em;line-height:1.2;font-family:Montserrat,sans-serif;text-align:center}.difficulty-chip--grey[data-v-22756b0f]{padding:7px;background-color:#eee;font-weight:700}.difficulty-chip--grey .avatar[data-v-22756b0f]{width:10px}.difficulty-chip--transparent[data-v-22756b0f]{padding:5px;background:rgba(0,0,0,0.67);font-weight:700}.difficulty-null[data-v-22756b0f]{background-color:#789}.difficulty-0[data-v-22756b0f]{background-color:#fff}.difficulty-1[data-v-22756b0f]{background-color:#b8e994}.difficulty-2[data-v-22756b0f]{background-color:#20bf6b}.difficulty-3[data-v-22756b0f]{background-color:#ffbe76}.difficulty-4[data-v-22756b0f]{background-color:#fd7272}.difficulty-5[data-v-22756b0f]{background-color:#d6a2e8}.dot[data-v-22756b0f]{width:5px;height:5px;margin:0 1px 0 1px;border-radius:50%;display:inline-block}.dot-large[data-v-22756b0f]{width:10px;height:10px}.background[data-v-38a88dcb],canvas[data-v-38a88dcb]{width:100%;height:100%}#score-diff[data-v-38a88dcb]{background-color:#388fde;border-radius:50%;box-shadow:0 0 5px 1px rgba(0,0,0,0.82);text-align:center;width:50px;height:50px}#score-diff div[data-v-38a88dcb]{color:#fff}.score[data-v-5adbb659]{padding:11px 10px 10px 10px;background-color:#fff;font-weight:700;width:35px;text-align:center}.score-diff-badge[data-v-5adbb659]{position:absolute;top:0;left:0;right:0;transform:translateY(-75%);display:flex;flex-direction:column;align-content:center;align-items:center;margin:0 3px}.card-hack-for-animation[data-v-5adbb659]{position:absolute;bottom:90px;right:10px}.progress[data-v-6f56866e]{padding:11px 10px 10px 10px;background-color:#fff;font-weight:700;overflow:hidden;z-index:1}.progress .progress-bar[data-v-6f56866e]{background-color:#388fde;position:absolute;height:100%;left:0;top:0;z-index:-1}.progress .progress-bar span[data-v-6f56866e]{z-index:100;position:absolute}.lock-overlay[data-v-fa05cf2c]{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;padding-top:10px;position:absolute;top:0;left:0;right:0;bottom:0;border-top-left-radius:10px;border-top-right-radius:10px;z-index:4;color:#fff;background-color:rgba(0,0,0,0.3)}.lock-overlay p[data-v-fa05cf2c]{margin:0 0 0 5px;font-weight:700}.lock-overlay img[data-v-fa05cf2c]{width:20px}.premium-banner[data-v-fa05cf2c]{position:absolute;left:-25px;top:20px;width:100%;height:100%;background-size:cover}.premium-banner img[data-v-fa05cf2c],.premium-banner span[data-v-fa05cf2c]{position:absolute;display:block;transform:rotate(-45deg)}.premium-banner span[data-v-fa05cf2c]{left:28px;top:1px}.premium-banner[data-v-fa05cf2c]:before{content:"";display:block;text-align:center;width:115px;height:24px;transform:rotate(-45deg);background-color:#eac435}.figure-container[data-v-2ddbae7b]{background-color:rgba(236,215,190,0.65);display:inline-block;position:relative;overflow:hidden}.figure-dummy[data-v-2ddbae7b]{padding-top:100%}.figure-element[data-v-2ddbae7b]{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;border-top-left-radius:10px;border-top-right-radius:10px}.figure-element .figure-badge[data-v-2ddbae7b]{position:absolute;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;background-color:#fff;border-radius:5px;padding:0 5px 0 0;top:5px;left:5px;overflow:hidden;box-shadow:0 7px 29px 0 rgba(100,100,111,0.2)}.figure-element .figure-badge img[data-v-2ddbae7b]{width:18px}.figure-element .figure-badge p[data-v-2ddbae7b]{margin:0;padding:0;font-weight:700;font-size:9px}.song-picture[data-v-2ddbae7b]{width:100%}.left-hand[data-v-2ddbae7b],.right-hand[data-v-2ddbae7b]{width:25px}.hand-container[data-v-2ddbae7b]{position:absolute;bottom:8px;left:8px}.blured .hand-container[data-v-2ddbae7b]{filter:grayscale(100%)}.blured .figure-element[data-v-2ddbae7b]{filter:blur(3px)}.blured[data-v-2ddbae7b]{background-color:rgba(0,0,0,0.1)}.catalog-card[data-v-76c4c54c]{overflow:visible;border-radius:10px}.catalog-card-footer[data-v-76c4c54c]{position:unset}.play-btn[data-v-76c4c54c]{position:absolute;bottom:18%;right:5px;transform:translateY(-70%)}.black-filter[data-v-76c4c54c] :before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.05);border-radius:10px}#buy-song-modal[data-v-10fc59d8]{flex-direction:row}@media screen and (max-width:599.98px){#buy-song-modal[data-v-10fc59d8]{flex-direction:column}}.qwary-container[data-v-9f79a8f0]{position:fixed;right:0;top:50%;z-index:1000000;height:80vh;width:40vw;max-width:500px;min-width:300px;transform:translateY(-50%);background-color:#fff;box-shadow:0 0 5px 4px #a9a9a9}@media screen and (max-height:599.98px),screen and (max-width:599.98px){.qwary-container[data-v-9f79a8f0]{height:100vh;width:100vw;max-width:100vw;min-width:100vw}}.teacher-icon[data-v-7a1448a8]{border-radius:100%}.teacher-icon.selected[data-v-7a1448a8]{border:2px solid #ff9e00}.teacher-icon.premium[data-v-7a1448a8]{border:4px solid #eac435}.teacher-icon.default[data-v-7a1448a8]{border:1px solid #bdbdbd}.music-slider svg{width:10px!important}.music-slider .q-slider__track-container .q-slider__inner,.music-slider .q-slider__track-container .q-slider__selection{height:10px;bottom:-5px}.music-slider .q-slider__track-container .q-slider__inner{background-color:#d3d3d3}.music-slider .q-slider__track-container .q-slider__thumb-shape{top:5px;left:4px;stroke-width:10px}.chat-message-container.user-message[data-v-4f16241e]{display:flex;justify-content:flex-end}.chat-message-container.user-message .message-content[data-v-4f16241e]{background-color:#388fde;color:#fff;padding:12px 16px;border-radius:18px 18px 4px 18px;max-width:80%;word-wrap:break-word}.smallcard_textwrapper[data-v-291b0314]{display:flex;place-content:center;align-items:left;flex-direction:column;padding:0 5px 0 15px;margin:0;height:45px;position:relative}.smallcard_text[data-v-291b0314]{font-size:0.9em;line-height:1.2;padding:0;margin:0}.smallcard_text-smaller[data-v-291b0314]{font-size:0.7em;line-height:1.2;padding:0;margin:0}.lock-overlay[data-v-291b0314]{position:absolute;bottom:0;left:0;top:0;right:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:rgba(0,0,0,0.3)}.lock-overlay p[data-v-291b0314]{font-size:0.7em;font-weight:700}.smallcard_textwrapper[data-v-2a351814]{display:flex;place-content:center;flex-direction:column;padding:0;margin:0;position:relative}.smallcard_text[data-v-2a351814]{font-size:0.9em;line-height:1.2;padding:0;margin:0}.smallcard_text-smaller[data-v-2a351814]{font-size:0.7em;line-height:1.2;padding:0;margin:0}.gif-container[data-v-2d7af7c0]{border:1px solid #757575;border-radius:5px}.pulse-animation[data-v-2d7af7c0]{animation:pulse-2d7af7c0 1.5s ease-in-out infinite}@keyframes pulse-2d7af7c0{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:0.8}to{transform:scale(1);opacity:1}}.text-input[data-v-80ac26b6]{border-top:1px solid #bdbdbd;border-radius:3px}.error-div[data-v-80ac26b6]{background-color:#ffcdd2;border:1px solid #ef9a9a}.warning-div[data-v-80ac26b6]{background-color:#eee;border:1px solid #e0e0e0}.blur-effect[data-v-80ac26b6]{filter:blur(5px)}.pulse-animation[data-v-80ac26b6]{animation:pulse-80ac26b6 1.5s ease-in-out infinite}@keyframes pulse-80ac26b6{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:0.8}to{transform:scale(1);opacity:1}}.custom-input-container[data-v-80ac26b6]{display:flex;align-items:center;background-color:#f0f0f0;border-radius:20px 20px 0 0!important;padding:12px 16px;gap:12px;overflow:hidden;box-sizing:border-box}.custom-input[data-v-80ac26b6]{flex:1;border:none;outline:none;background:transparent;font-size:14px;color:#333}.custom-input[data-v-80ac26b6]::placeholder{color:#999}.custom-input[data-v-80ac26b6]:readonly{color:#666}.input-actions[data-v-80ac26b6]{display:flex;align-items:center}.skill-card[data-v-80ac26b6]{transition:all 0.2s ease;border-radius:8px}.skill-card[data-v-80ac26b6]:hover{background-color:#f5f5f5;border-color:#388fde;transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,0.1)}.chat-message[data-v-32f22723]{transition:transform 0.3s ease,box-shadow 0.3s ease;max-height:300px}.chat-message[data-v-32f22723]:hover{transform:scale(1.05);box-shadow:0 4px 8px rgba(0,0,0,0.2)}.chat-message[data-v-32f22723]:active{transform:scale(0.95);box-shadow:0 2px 4px rgba(0,0,0,0.2)}.text-message[data-v-32f22723]{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;max-height:150px}.microphone-badge-container[data-v-65a33128]{position:fixed;z-index:101}.sound-waves-container[data-v-65a33128]{position:fixed;z-index:100;pointer-events:none}.sound-wave[data-v-65a33128]{position:absolute;border-radius:50%;border:2px solid red;opacity:0;transform:scale(0);animation-name:wave-animation-65a33128;animation-duration:2s;animation-timing-function:cubic-bezier(0,0.2,0.8,1);animation-iteration-count:infinite;width:20px;height:20px;left:-10px;top:-10px}.sound-wave.active[data-v-65a33128]{animation-play-state:running}.wave-1[data-v-65a33128]{animation-delay:0s;animation-duration:1.2s}.wave-2[data-v-65a33128]{animation-delay:0.2s;animation-duration:1.2s}.wave-3[data-v-65a33128]{animation-delay:0.4s;animation-duration:1.2s}.wave-4[data-v-65a33128]{animation-delay:0.6s;animation-duration:1.2s}.pulse-animation[data-v-65a33128]{animation:pulse-65a33128 1.5s ease-in-out infinite}@keyframes pulse-65a33128{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:0.8}to{transform:scale(1);opacity:1}}@keyframes wave-animation-65a33128{0%{opacity:0.8;transform:scale(0)}70%{opacity:0.2;transform:scale(3)}to{opacity:0;transform:scale(4)}}.teacher-chat-button[data-v-38414888]{border-radius:60px;width:70px;height:70px;z-index:100;transition:width 0.3s ease-in-out,transform 0.3s ease,box-shadow 0.3s ease;box-shadow:0 4px 8px rgba(0,0,0,0.2)}.teacher-chat-button[data-v-38414888]:hover{transform:scale(1.05)}.teacher-chat-button[data-v-38414888]:active{transform:scale(0.95)}@keyframes shake-38414888{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.shake-animation[data-v-38414888]{animation:shake-38414888 0.5s ease-in-out}.action-buttons-container[data-v-38414888]{display:flex;flex-direction:column;margin-right:8px;margin-bottom:90px;z-index:100}.pulse-animation[data-v-38414888]{animation:pulse-38414888 1.5s ease-in-out infinite}@keyframes pulse-38414888{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:0.8}to{transform:scale(1);opacity:1}}.speech-recognition-container[data-v-71b56b4d]{display:none}@media screen and (min-height:599px) and (min-width:599px){#onboarding-slides[data-v-1520bcea]{width:650px!important;height:650px!important}}.q-carousel__slide[data-v-1520bcea],.q-carousel__slides-container[data-v-1520bcea]{margin:0;padding:0}@media screen and (max-height:599px){.q-img[data-v-721653ea]{display:none}}#slide-scroll-area .q-scrollarea__content{display:flex!important;align-items:center!important;justify-content:center!important}.q-btn[data-v-25cd2000]{width:75%}.keyboard[data-v-09f78bbd]{position:relative;width:95%;z-index:4;max-width:800px;margin:0;display:flex;justify-content:center;min-height:75px;height:100%;overflow:visible}.keyboard__key[data-v-09f78bbd]{position:absolute;top:0}.keyboard__key--white[data-v-09f78bbd]{height:90%;background:#fff;background:linear-gradient(-30deg,#f5f5f5,#fff);border:1px solid #ccc;box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0px #fff,inset 1px 0px 0px #fff,inset -1px 0px 0px #fff,0 0px 2px rgba(0,0,0,0.7);border-radius:0 0 3px 3px}.keyboard__key--black[data-v-09f78bbd]{height:55%;position:absolute;z-index:3;background:#333;background:linear-gradient(-20deg,#333,#000,#333);border-width:1px 2px 7px;border-style:solid;border-color:#666 #222 #111 #555;box-shadow:inset 0px -1px 2px hsla(0,0%,100%,0.4),0 1px 2px rgba(0,0,0,0.4);border-radius:0 0 2px 2px}.keyboard--show-left-hand-true.keyboard>.keyboard__key--position-LEFT[data-v-09f78bbd],.keyboard--show-right-hand-true.keyboard>.keyboard__key--position-RIGHT[data-v-09f78bbd]{background:#e4e4e8}.keyboard__key--midi-in-range-true[data-v-09f78bbd]{background:rgba(25,118,210,0.5);border:1px solid rgba(25,118,210,0.5)!important;box-shadow:0 0 2px rgba(0,0,0,0.7)}.keyboard__key--midi-in-range-true.keyboard__key--black[data-v-09f78bbd]{background:rgba(25,118,210,0.8)}.keyboard__key--midi-active-true[data-v-09f78bbd]{border:1px solid grey!important;margin-top:5px!important;box-shadow:4px -2px 34px 0px rgba(0,0,0,0.75)}.keyboard__finger[data-v-09f78bbd]{height:20px;position:absolute;text-align:center;left:0;width:100%;margin:0!important;padding:0;opacity:1!important;font-weight:700;bottom:10%;color:#000;z-index:100}.keyboard--show-left-hand-false .keyboard__finger--LEFT[data-v-09f78bbd],.keyboard--show-right-hand-false .keyboard__finger--RIGHT[data-v-09f78bbd]{display:none}.keyboard__finger-position[data-v-09f78bbd]{height:20px;position:absolute;text-align:center;left:0;width:100%;margin:0!important;padding:0;opacity:1!important;font-weight:700;bottom:9%;color:grey;font-size:9pt}.keyboard--show-left-hand-false .keyboard__finger-position--LEFT[data-v-09f78bbd],.keyboard--show-right-hand-false .keyboard__finger-position--RIGHT[data-v-09f78bbd]{display:none}.keyboard--show-next-print-left-true .keyboard__key--nextprint-hand-LEFT[data-v-09f78bbd]:before{color:#437ffe!important;background:linear-gradient(180deg,rgba(2,0,36,0) 79%,#437ffe)}.keyboard--show-next-print-left-true .keyboard__key--nextprint-hand-LEFT[data-v-09f78bbd]:before,.keyboard--show-next-print-right-true .keyboard__key--nextprint-hand-RIGHT[data-v-09f78bbd]:before{content:attr(data-next-handprint-finger);display:block;height:25px;width:100%;position:absolute;margin-top:-28px;z-index:2;text-align:center;font-weight:700;font-size:10pt;padding-top:1px;text-shadow:0.07em 0 #fff,0 0.07em #fff,-0.07em 0 #fff,0 -0.07em #fff}.keyboard--show-next-print-right-true .keyboard__key--nextprint-hand-RIGHT[data-v-09f78bbd]:before{color:#ec8d00!important;background:linear-gradient(180deg,rgba(2,0,36,0) 79%,#ec8d00)}.keyboard__key--highlighted-true[data-v-09f78bbd]{filter:brightness(135%)}.keyboard__key-zone[data-v-09f78bbd]{margin-top:3px;margin-left:-10px;font-size:8pt;border-radius:99px;background-color:#789;opacity:0.8;text-align:center;padding-top:1px;font-weight:700;color:#fff;width:17px;height:17px}.keyboard__key-zone-0[data-v-09f78bbd]{background-color:#106b00!important}.keyboard--show-left-hand-true .keyboard__key--hand-LEFT.keyboard__key--action-2[data-v-09f78bbd],.keyboard--show-left-hand-true .keyboard__key--hand-LEFT.keyboard__key--action-4[data-v-09f78bbd]{background:#5297ff!important}.keyboard--show-left-hand-true .keyboard__key--hand-LEFT.keyboard__key--action-3[data-v-09f78bbd]{background:#7fb5fe!important}.keyboard--show-right-hand-true .keyboard__key--hand-RIGHT.keyboard__key--action-2[data-v-09f78bbd],.keyboard--show-right-hand-true .keyboard__key--hand-RIGHT.keyboard__key--action-4[data-v-09f78bbd]{background:#ec8d00!important}.keyboard--show-right-hand-true .keyboard__key--hand-RIGHT.keyboard__key--action-3[data-v-09f78bbd]{background:#ffad5e!important}.keyboard--show-left-hand-true .keyboard__key--midi-active-true.keyboard__key--hand-LEFT.keyboard__key--validation-colors.keyboard__key--action-2[data-v-09f78bbd],.keyboard--show-left-hand-true .keyboard__key--midi-active-true.keyboard__key--hand-LEFT.keyboard__key--validation-colors.keyboard__key--action-3[data-v-09f78bbd],.keyboard--show-left-hand-true .keyboard__key--midi-active-true.keyboard__key--hand-LEFT.keyboard__key--validation-colors.keyboard__key--action-4[data-v-09f78bbd],.keyboard--show-right-hand-true .keyboard__key--midi-active-true.keyboard__key--hand-RIGHT.keyboard__key--validation-colors.keyboard__key--action-2[data-v-09f78bbd],.keyboard--show-right-hand-true .keyboard__key--midi-active-true.keyboard__key--hand-RIGHT.keyboard__key--validation-colors.keyboard__key--action-3[data-v-09f78bbd],.keyboard--show-right-hand-true .keyboard__key--midi-active-true.keyboard__key--hand-RIGHT.keyboard__key--validation-colors.keyboard__key--action-4[data-v-09f78bbd]{background-color:green!important}.keyboard--show-error-true .keyboard__key--midi-active-true.keyboard__key--action-1.keyboard__key--validation-colors[data-v-09f78bbd],.keyboard--show-error-true .keyboard__key--midi-active-true.keyboard__key--hand-none.keyboard__key--validation-colors[data-v-09f78bbd]{background:red!important}.keyboard--centered-false[data-v-09f78bbd]{justify-content:flex-start;margin:0;width:100%}@media screen and (max-width:700px){.keyboard__finger[data-v-09f78bbd]{font-size:10pt}}@media screen and (max-height:599.98px){.keyboard[data-v-09f78bbd]{width:95%;margin:0 auto;display:flex;justify-content:center;overflow:hidden;padding:0 5px 10px;min-height:75px!important}.keyboard__key-zone[data-v-09f78bbd]:not(.keyboard__key-zone-0){display:none}.keyboard__finger-position[data-v-09f78bbd],.keyboard__finger[data-v-09f78bbd]{font-size:9pt;bottom:5%}}a[data-v-0339f273]{color:#fff}.select-btn[data-v-f6636d7e]{width:350px}a[data-v-f6636d7e]{color:#fff}.disable-button[data-v-f6636d7e]{border:2px solid #fff;border-radius:100%;display:inline-flex;justify-content:center;align-items:center}@keyframes shake-69a88ed3{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.shake-animation[data-v-69a88ed3]{animation:shake-69a88ed3 0.5s ease-in-out}.chat-message[data-v-69a88ed3]{transition:transform 0.3s ease,box-shadow 0.3s ease}.chat-message[data-v-69a88ed3]:hover{transform:scale(1.05);box-shadow:0 4px 8px rgba(0,0,0,0.2)}.chat-message[data-v-69a88ed3]:active{transform:scale(0.95);box-shadow:0 2px 4px rgba(0,0,0,0.2)}.rotated[data-v-3fa38d8f]{transform:rotate(90deg)}@media screen and (min-height:599px) and (min-width:599px){#waiting-modal[data-v-3fa38d8f]{width:600px!important;height:600px!important}}.promotion-popup{background-color:#2f4c69;border:none;background-repeat:no-repeat;object-fit:cover;background-size:cover;background-position:50%}.promotion-popup__header-image{object-fit:scale-down;height:150px;margin-top:-10px}.promotion-popup__logo{height:50px;object-fit:contain}.promotion-popup__container{height:calc(100% - 76px)}.promotion-popup__promo{font-weight:900}.promotion-popup__wave{position:absolute;bottom:0px;left:0;width:100%;z-index:3}.promotion-popup__wave img{width:100%;height:120px;margin-bottom:-4px}.promotion-popup .text-color{color:#f2f700}.freemium-popup[data-v-f807785e]{max-width:750px;border-radius:10px!important}#loopedinSelector{bottom:30px!important}@media screen and (max-width:1023.98px){#loopedinSelector{bottom:80px!important}}.body--dark .q-header,.body--dark .q-tabs,.body--dark .q-toolbar{background-color:#1d1d1d!important;color:#fff!important}.body--dark .hoverablecard:hover{background:#424242;color:#fff!important}.body--dark .text-dark{color:#fff!important}.q-notifications__list--bottom{bottom:75px}:root{--sat:env(safe-area-inset-top);--sar:env(safe-area-inset-right);--sab:env(safe-area-inset-bottom);--sal:env(safe-area-inset-left)}