.loading-assign-quiz .loading-content{border-radius:50%;border:4px solid #f3f3f3;border-top-color:#ffffff33;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:100vh;background-color:hsla(0,0%,65%,.8);z-index:99999;display:flex;align-items:center;justify-content:center;top:0;left:0}.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}@media screen and (max-width:768px){.layout-enter-value{width:100%;background-color:#f0f2f5}}.layout-enter-value p{margin:0}.layout-enter-value .layout-content{display:flex;gap:16px;flex-direction:column;align-items:center}@media screen and (max-width:768px){.layout-enter-value .layout-content{width:calc(100% - 48px)}}.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 #2121210f}@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 .enter-value .input-enter{display:flex;gap:4px;background:#22324d0a;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}@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 .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)}.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}.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 #22324d3d;transition:all .2s ease-in-out}@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 .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}.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-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:56px;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:grey;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:transparent;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 .layout-content{height:100%}}