.app-install-prompt{background:#fff;border:1px solid #597ef7;border-radius:24px;box-shadow:0 4px 16px rgba(33,33,33,.06);padding:32px 24px 20px;width:100%;box-sizing:border-box}.app-install-prompt,.app-install-prompt__header{display:flex;flex-direction:column;gap:12px}.app-install-prompt__title{font-weight:800;font-size:20px}.app-install-prompt__subtitle,.app-install-prompt__title{font-family:Nunito,sans-serif;line-height:19.1px;color:#2d3642;margin:0}.app-install-prompt__subtitle{font-weight:600;font-size:14px}.app-install-prompt__qr-box{background:#f8efef;border:1px solid #a69696;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:21px;min-height:234px;padding:16px;box-sizing:border-box;width:100%}.app-install-prompt__qr-left{display:flex;flex-direction:column;gap:21px;align-items:flex-start;flex-shrink:0}.app-install-prompt__qr-label{font-family:Nunito,sans-serif;font-weight:700;font-size:16px;line-height:22px;color:#000;margin:0;width:153px}.app-install-prompt__qr-img{width:153px;height:153px;padding:10px;border-radius:10px;background:#fff;box-sizing:border-box;display:block}.app-install-prompt__features{font-family:Nunito,sans-serif;font-weight:600;font-size:16px;line-height:22px;color:#000;width:320px;flex-shrink:0;display:flex;flex-direction:column;justify-content:center;gap:10px}.app-install-prompt__feature-item{margin:0 0 10px}.app-install-prompt__feature-item:last-child{margin-bottom:0}.app-install-prompt__feature-bold{font-weight:700}.app-install-prompt__feature-text{font-weight:400}.app-install-prompt__badges{display:flex;align-items:center;justify-content:center;gap:43px;height:66px;flex-shrink:0;width:100%}.app-install-prompt__badge-link{display:inline-flex;align-items:center;flex-shrink:0}.app-install-prompt__badge-link img{display:block;object-fit:cover;pointer-events:none}@media(max-width:600px){.app-install-prompt__qr-box{flex-direction:column;height:auto}.app-install-prompt__features{width:100%}.app-install-prompt__badges{flex-direction:column;height:auto;gap:12px}}.app-install-prompt-mobile{position:relative;width:100%;height:289px;display:flex;justify-content:center;align-items:center;margin-top:20px}.app-install-prompt-mobile__card{width:342px;box-sizing:border-box;padding-top:24px;display:flex;align-items:center;flex-direction:column;gap:17px}.app-install-prompt-mobile__title{margin:0;text-align:center;font-family:Nunito,sans-serif;font-weight:800;font-size:24px;line-height:30px;color:#2d3642}.app-install-prompt-mobile__brand{white-space:nowrap}.app-install-prompt-mobile__brand-worksheet{color:#3b82f6}.app-install-prompt-mobile__brand-zone{color:#ffb933}.app-install-prompt-mobile__benefits{width:100%;height:89px;background:hsla(0,0%,100%,.54);border-radius:10px;display:flex;flex-direction:column;justify-content:center;padding:0 16px;box-sizing:border-box}.app-install-prompt-mobile__benefit{margin:0;font-family:Nunito,sans-serif;font-size:12px;line-height:22px;color:#000}.app-install-prompt-mobile__benefit-strong{font-weight:700}.app-install-prompt-mobile__benefit-regular{font-weight:400}.app-install-prompt-mobile__cta{width:100%;height:48px;border-radius:12px;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;border:none}.app-install-prompt-mobile__cta-inner{display:inline-flex;align-items:center;gap:7px}.app-install-prompt-mobile__cta-icon{width:15px;height:15px;display:inline-flex;align-items:center;justify-content:center;color:#f4f9fe}.app-install-prompt-mobile__cta-text{height:23px;display:flex;align-items:center;font-family:Nunito,sans-serif;font-weight:600;font-size:15px;color:#f4f9fe}.app-install-prompt-mobile__note{margin:0;text-align:center;font-family:Nunito,sans-serif;font-size:10px;line-height:normal;font-style:italic;color:rgba(0,0,0,.6)}.app-install-prompt-mobile__note-strong{font-weight:700}.app-install-prompt-mobile__note-light{font-weight:300}.app-install-prompt-mobile__note-only{font-weight:300;color:rgba(255,0,0,.6)}.app-install-prompt-mobile__separator{position:absolute;top:0;left:0;width:100%;height:24px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center}.app-install-prompt-mobile__separator:after,.app-install-prompt-mobile__separator:before{content:"";position:absolute;top:50%;left:0;width:calc(50% - 20px);height:1px;background:#a3a3a3}.app-install-prompt-mobile__separator:after{right:0;left:auto}.app-install-prompt-mobile__separator-text{font-family:Nunito,sans-serif;font-weight:300;font-size:10px;line-height:24px;color:#adaeae;background:transparent;padding:0 8px;position:relative}.loading-assign-quiz .loading-content{border-radius:50%;border:4px solid #f3f3f3;border-top-color:hsla(0,0%,100%,.2);width:28px;height:28px;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.menu-item-scan-qr{height:100%}.menu-item-scan-qr,.menu-item-scan-qr .menu-item-header{display:flex;align-items:center;justify-content:center;width:100%}.menu-item-scan-qr .menu-item-header{gap:8px}.menu-item-scan-qr .menu-item-header .menu-item-header-icon{width:16px;height:16px}.qr-drawer .ant-drawer-header{padding:0 12px 4px;box-sizing:border-box;height:52px}.qr-drawer .ant-drawer-header .ant-drawer-close{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:6px;margin-right:12px}.qr-drawer .ant-drawer-header .ant-drawer-title{font-size:18px;font-weight:600;line-height:28px;color:#272728}.qr-drawer .ant-drawer-content-wrapper{height:100svh!important;width:100svw!important}.qr-drawer .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-body,.qr-drawer .qr-scanner-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center}.qr-drawer .qr-scanner-wrapper{gap:20svh}.qr-drawer .qr-scanner-wrapper .loading-qr{width:300px;height:300px;display:flex;align-items:center;justify-content:center}.qr-drawer .qr-scanner-wrapper .qr-frame{position:relative;width:300px;height:300px;background-color:#f5f5f5;border-radius:8px;overflow:hidden}.qr-drawer .qr-scanner-wrapper .qr-frame canvas,.qr-drawer .qr-scanner-wrapper .qr-frame video{object-fit:cover!important}.qr-drawer .qr-scanner-wrapper .qr-overlay{position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid #1890ff;border-radius:8px;box-sizing:border-box;pointer-events:none}.qr-drawer .qr-scanner-wrapper .qr-status{font-size:16px;color:#888;margin:0}.loading-component-circular-progress{display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.loading-component-circular-progress.center{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.loading-component-circular-progress .circular-progress{animation:animationCircleProgress 1.4s linear infinite}.loading-component-circular-progress .circular-progress .circular-progress-circle{stroke-dasharray:80px,200px;stroke-dashoffset:0;-webkit-animation:circularProgressCircle 1.4s ease-in-out infinite;animation:circularProgressCircle 1.4s ease-in-out infinite}@keyframes animationCircleProgress{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);-moz-transform:rotate(1turn);-ms-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes circularProgressCircle{0%{stroke-dasharray:1px,200px;stroke-dashoffset:0}50%{stroke-dasharray:100px,200px;stroke-dashoffset:-15px}to{stroke-dasharray:100px,200px;stroke-dashoffset:-125px}}.loading-component circle{stroke:url(#linearColors)!important}.new-loading-component{position:absolute;width:100vw;height:100dvh;background-color:hsla(0,0%,65%,.8);z-index:99999;display:flex;align-items:center;justify-content:center;top:0;left:0}.new-loading-component.loading-component-none{opacity:0;pointer-events:none;transition:all .6s ease-out}.new-loading-component.loading-component-block{opacity:1;pointer-events:auto}.popup-content .resource .loading-component .MuiCircularProgress-root{width:100%!important;height:100%!important}.layout-enter-value{height:100vh;background-image:url(https://storage.googleapis.com/worksheetzone/images-web/background-light.png);display:flex;align-items:center;justify-content:center}.layout-enter-value p{margin:0}.layout-enter-value .layout-content{display:flex;gap:16px;flex-direction:column;align-items:center}.layout-enter-value .layout-content .enter-value{background:#fff;padding:40px 40px 16px;border-radius:20px;display:grid;gap:8px;box-shadow:0 4px 16px 0 rgba(33,33,33,.059)}.layout-enter-value .layout-content .enter-value .input-enter{display:flex;gap:4px;background:rgba(34,50,77,.039);border-radius:8px;padding:10px}.layout-enter-value .layout-content .enter-value .input-enter .input-enter-value{width:415px;outline:none;border:none;padding-left:14px;background:transparent;border-radius:6px;font-weight:500;font-size:24px;text-transform:uppercase}.layout-enter-value .layout-content .enter-value .input-enter .input-enter-value:focus-visible{outline:none;border:none}.layout-enter-value .layout-content .enter-value .input-enter .input-enter-value::placeholder{color:rgba(33,33,33,.4)}@media screen and (max-width:768px){.layout-enter-value .layout-content .enter-value .input-enter .input-enter-value{font-size:16px;width:auto}}.layout-enter-value .layout-content .enter-value .error-input{font-size:12px;color:#fb6e52;opacity:0;height:16px;margin:0}.layout-enter-value .layout-content .enter-value .error-input.show{opacity:1}@media screen and (max-width:768px){.layout-enter-value .layout-content .enter-value{padding:32px 24px 10px;gap:6px;width:-webkit-fill-available}}.layout-enter-value .layout-content .button-submit-value{background:rgba(var(--color),1);border-radius:6px;cursor:pointer;height:54px;display:flex;align-items:center;justify-content:center;height:47px;width:172px;font-size:16px;font-weight:700;border-bottom:4px solid rgba(34,50,77,.239);transition:all .2s ease-in-out}.layout-enter-value .layout-content .button-submit-value>p{align-items:center;color:#fff;font-size:16px;font-weight:600;text-align:center}.layout-enter-value .layout-content .button-submit-value .loading-code .loading-assign-quiz .loading-content{height:24px;width:24px}@media screen and (max-width:768px){.layout-enter-value .layout-content .button-submit-value{width:100%}}@media screen and (min-width:1025px){.layout-enter-value .layout-content .button-submit-value:hover{transform:translateY(-3px)}}.layout-enter-value .layout-content .border-enter-value{border:1px solid #597ef7;padding:16px;border-radius:24px;background:#fff}@media screen and (max-width:768px){.layout-enter-value .layout-content .border-enter-value{display:grid;gap:12px;width:-webkit-fill-available}.layout-enter-value .layout-content{width:calc(100% - 48px)}}.layout-enter-value .layout-content-mobile{display:flex;flex-direction:column;align-items:center;height:calc(100svh - 68px);width:100%;margin-top:68px}.layout-enter-value .layout-content-mobile .mobile-title{font-size:18px;font-weight:600;line-height:28px;text-align:center;color:#2d3642;margin-top:8px;margin-bottom:24px}.layout-enter-value .layout-content-mobile .mobile-description{font-size:12px;font-weight:400;line-height:20px;text-align:center;color:rgba(0,0,0,.45);margin-bottom:12px}.layout-enter-value .layout-content-mobile .input-mobile{height:48px}.layout-enter-value .layout-content-mobile .input-mobile .ant-otp{height:48px;display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;column-gap:8px;width:100%}.layout-enter-value .layout-content-mobile .input-mobile .ant-otp .ant-otp-input{width:47px;height:48px;border-radius:6px;opacity:1;display:flex;flex-direction:row;padding:8px;background:#fafafa;box-sizing:border-box;border:1px solid #d9d9d9;font-size:24px;font-weight:500;line-height:32px;color:#2d3642;text-transform:uppercase}.layout-enter-value .layout-content-mobile .input-mobile .ant-otp .ant-otp-input:focus-within{border:1px solid #1d39c4!important;box-shadow:none}.layout-enter-value .layout-content-mobile .input-mobile .ant-otp .ant-input-status-error{background:#fff1f0;border:1px solid #ff7875!important;color:#ff4d4f;font-weight:500}.layout-enter-value .layout-content-mobile .input-mobile.error .ant-otp-input{border:1px solid #fb6e52}.layout-enter-value .layout-content-mobile .error-input{font-size:14px;font-weight:400;line-height:22px;text-align:center;opacity:0;margin:9px 0 0;color:#ef4444;height:22px}.layout-enter-value .layout-content-mobile .error-input.show{opacity:1}.layout-enter-value .layout-content-mobile .clear-input{font-size:14px;font-weight:400;line-height:22px;text-align:center;color:gray;opacity:0;margin-top:12px;margin-bottom:8px;cursor:pointer}.layout-enter-value .layout-content-mobile .clear-input.show{opacity:1}.layout-enter-value .layout-content-mobile .block-submit-value{display:flex;align-items:center;flex-direction:column;gap:20px;padding:12px 24px;text-align:center;width:100%}.layout-enter-value .layout-content-mobile .block-submit-value .button-submit-value{border-radius:12px;padding:11px 16px;background:#597ef7;height:48px;box-sizing:border-box;border-bottom:0}.layout-enter-value .layout-content-mobile .block-submit-value .button-submit-value p{font-size:16px;font-weight:600;line-height:26px}.layout-enter-value .layout-content-mobile .button-scan-qr{margin-top:8px;padding:8px 12px;width:100%}.layout-enter-value .layout-content-mobile .button-scan-qr .menu-item-text{font-size:14px;font-weight:400;line-height:22px;color:#999}.layout-enter-value .custom-header{padding:0 12px 4px;height:52px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;width:100svw;background:#fff;position:fixed;top:0;z-index:100}.layout-enter-value .custom-header .custom-header-back{width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-sizing:border-box;border:none!important;-webkit-tap-highlight-color:rgba(0,0,0,0);border-radius:12px;transition:all .3s ease;box-shadow:none!important;outline:none!important}.layout-enter-value .custom-header .custom-header-back:active{background:rgba(0,0,0,.04)}.layout-enter-value .custom-header .custom-header-back.disabled{opacity:0;pointer-events:none}@media screen and (max-width:768px){.layout-enter-value{width:100%;background-color:#f0f2f5}.layout-enter-value .layout-content{height:100%}}