.exercise-view{padding:2px;box-sizing:border-box;display:block;position:relative;height:100%;overflow-y:auto;--cv-blue: 212 96% 54%;--cv-purple: 259 97% 66%;--cv-dropzone-border-color: hsl(var(--cv-blue) / .5);--cv-dropzone-bg-color: hsl(var(--cv-blue) / .2);--cv-droptarget-border-color: hsl(var(--cv-purple) / 1);--cv-droptarget-bg-color: hsl(var(--cv-purple) / .4);--cv-stripe-width: 1.5px;--cv-stripe-gap: 9px;--cv-stripe-color: hsl(var(--cv-blue) / .2);--cv-layout-border-color: var(--lumo-contrast-40pct);--cv-checkerboard-color1: hsl(0 0% 0% / .05);--cv-checkerboard-color2: hsl(0 0% 100% / .05);--cv-checkerboard-size: 16px}.exercise-view[dragging]{--cv-checkerboard-color1: hsl(var(--cv-blue) / .2);--cv-checkerboard-color2: hsl(var(--cv-blue) / .1);--cv-layout-border-color: var(--cv-dropzone-border-color)}.exercise-view .preview-container{display:contents}.exercise-view .preview-container>.layout[style*="align-self: stretch"]{width:100%}.exercise-view .preview-container>.layout[style*="flex-grow: 1"]{height:100%}.exercise-view[dragging] .layout:not([style*="gap:"]){gap:8px}.exercise-view[dragging] .layout:not([style*="padding:"],[empty]){padding:8px}.exercise-view .cover-overlay{position:absolute;border-radius:1px}.exercise-view:not([starting-drag]) .cover-overlay.editable-hovering{outline:2px solid hsl(var(--cv-blue) / 1);outline-offset:-1px}.exercise-view:not([starting-drag]) .cover-overlay.editable-editing{outline:1px solid hsl(var(--cv-blue) / 1);outline-offset:-1px;box-shadow:inset 0 0 0 2px var(--lumo-base-color)}.exercise-view .overlays,.exercise-view .drop-zones{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.exercise-view:not([dragging]) .drop-zones{pointer-events:none}.exercise-view .drop-zone{position:absolute;box-sizing:border-box;border-radius:1px;min-height:10px;min-width:10px}.exercise-view[dragging] .drop-zone:not([empty-layout]){outline:1px dashed var(--cv-dropzone-border-color);outline-offset:-2px;background-color:var(--cv-dropzone-bg-color)}.exercise-view .drop-zone[remaining-space]{background:repeating-linear-gradient(-45deg,var(--cv-stripe-color),var(--cv-stripe-color) var(--cv-stripe-width),transparent var(--cv-stripe-width),transparent var(--cv-stripe-gap))}.exercise-view[dragging] .drop-zone[drag-over]{background:var(--cv-droptarget-bg-color);outline:1px solid var(--cv-droptarget-border-color);outline-offset:-1px;box-shadow:inset 0 0 0 2px var(--lumo-base-color)}.exercise-view:not([readonly]) .layout[empty],vaadin-form-layout[empty]{border-radius:1px;background:repeating-conic-gradient(var(--cv-checkerboard-color1) 0% 25%,var(--cv-checkerboard-color2) 0% 50%) 50% / var(--cv-checkerboard-size) var(--cv-checkerboard-size);background-clip:content-box;outline:1px dashed var(--cv-layout-border-color);outline-offset:-2px}.exercise-view[dragging]:not([readonly]) vaadin-form-layout[empty]{background:transparent}.exercise-view .layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.exercise-view[readonly] .drop-zones,.exercise-view[readonly] .overlays,.exercise-view[inline-editing] .drop-zones,.exercise-view[inline-editing] .overlays{display:none}.exercise-view .content-wrapper[contenteditable=true]{display:inline-block;overflow:hidden;width:100%}.exercise-view[dragging] vaadin-form-layout{padding:8px}.exercise-view vaadin-form-layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.exercise-view[dragging] vaadin-form-layout:not([empty]):after{content:"";display:block;min-width:64px;min-height:32px}@font-face{font-family:defaultFont;src:url(./Vazirmatn-Regular-DjtWZjaf.ttf)}html{direction:rtl;--lumo-font-family: "defaultFont", sans-serif !important;--lumo-primary-color: #6f0146}vaadin-app-layout::part(drawer){background-color:#6f0146!important;--lumo-primary-text-color: white !important}vaadin-app-layout::part(navbar){background-color:#6f0146!important}#overlay{text-align:end}.clickable-item{cursor:pointer}.evenRow{background-color:#95cb38a1}.fixed-component{left:0;position:fixed;top:0;width:100%;height:100px;z-index:100}.left2Right{direction:ltr}.left2RightComboBox{direction:ltr!important;text-align:left!important}.oddRow{background-color:#99848430}.shadow_image{filter:drop-shadow(2px 4px 6px)}vaadin-text-field::part(input-field){border-style:solid;border-width:1px}.footer{position:fixed;bottom:10px;right:10px;width:200px;background-color:#fff0;padding:10px;z-index:100}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes growAndShrink{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes smallAndShrink{0%{transform:scale(1)}50%{transform:scale(.8)}to{transform:scale(1)}}.animated-grow_shrink{animation:growAndShrink 2s ease-in-out infinite}.animated-small_shrink_1s{animation:smallAndShrink 1s ease-in-out infinite}.clickable-layout{cursor:pointer}.image-overlay-panel{position:relative;overflow:hidden;background:#0b1220;box-shadow:var(--lumo-box-shadow-xl);display:grid;place-items:center}.image-overlay-image{display:block;max-width:100%;max-height:100%;object-fit:contain;background:#0b1220;cursor:pointer}.image-overlay-close{position:absolute;top:8px;right:8px;width:var(--lumo-size-m);height:var(--lumo-size-m);border-radius:999px}.image-overlay-close:hover{transform:scale(1.05)}.image-overlay-close:active{transform:scale(.98)}vaadin-scroller[slot=drawer]{padding:var(--lumo-space-s)}[slot=drawer]:is(header,footer){display:flex;align-items:center;gap:var(--lumo-space-s);padding:var(--lumo-space-s) var(--lumo-space-m);min-height:var(--lumo-size-xl);box-sizing:border-box}[slot=drawer]:is(header,footer):is(:empty){display:none}.login-view{padding:2px;box-sizing:border-box;display:block;position:relative;height:100%;--cv-blue: 212 96% 54%;--cv-purple: 259 97% 66%;--cv-dropzone-border-color: hsl(var(--cv-blue) / .5);--cv-dropzone-bg-color: hsl(var(--cv-blue) / .2);--cv-droptarget-border-color: hsl(var(--cv-purple) / 1);--cv-droptarget-bg-color: hsl(var(--cv-purple) / .4);--cv-stripe-width: 1.5px;--cv-stripe-gap: 9px;--cv-stripe-color: hsl(var(--cv-blue) / .2);--cv-layout-border-color: var(--lumo-contrast-40pct);--cv-checkerboard-color1: hsl(0 0% 0% / .05);--cv-checkerboard-color2: hsl(0 0% 100% / .05);--cv-checkerboard-size: 16px}.login-view[dragging]{--cv-checkerboard-color1: hsl(var(--cv-blue) / .2);--cv-checkerboard-color2: hsl(var(--cv-blue) / .1);--cv-layout-border-color: var(--cv-dropzone-border-color)}.login-view .preview-container{display:contents}.login-view .preview-container>.layout[style*="align-self: stretch"]{width:100%}.login-view .preview-container>.layout[style*="flex-grow: 1"]{height:100%}.login-view[dragging] .layout:not([style*="gap:"]){gap:8px}.login-view[dragging] .layout:not([style*="padding:"],[empty]){padding:8px}.login-view .cover-overlay{position:absolute;border-radius:1px;direction:rtl}.login-view:not([starting-drag]) .cover-overlay.editable-hovering{outline:2px solid hsl(var(--cv-blue) / 1);outline-offset:-1px}.login-view:not([starting-drag]) .cover-overlay.editable-editing{outline:1px solid hsl(var(--cv-blue) / 1);outline-offset:-1px;box-shadow:inset 0 0 0 2px var(--lumo-base-color)}.login-view .overlays,.login-view .drop-zones{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.login-view:not([dragging]) .drop-zones{pointer-events:none}.login-view .drop-zone{position:absolute;box-sizing:border-box;border-radius:1px;min-height:10px;min-width:10px}.login-view[dragging] .drop-zone:not([empty-layout]){outline:1px dashed var(--cv-dropzone-border-color);outline-offset:-2px;background-color:var(--cv-dropzone-bg-color)}.login-view .drop-zone[remaining-space]{background:repeating-linear-gradient(-45deg,var(--cv-stripe-color),var(--cv-stripe-color) var(--cv-stripe-width),transparent var(--cv-stripe-width),transparent var(--cv-stripe-gap))}.login-view[dragging] .drop-zone[drag-over]{background:var(--cv-droptarget-bg-color);outline:1px solid var(--cv-droptarget-border-color);outline-offset:-1px;box-shadow:inset 0 0 0 2px var(--lumo-base-color)}.drop-zone[empty-layout]{z-index:-1}.login-view:not([readonly]) .layout[empty]{border-radius:1px;background:repeating-conic-gradient(var(--cv-checkerboard-color1) 0% 25%,var(--cv-checkerboard-color2) 0% 50%) 50% / var(--cv-checkerboard-size) var(--cv-checkerboard-size);background-clip:content-box;outline:1px dashed var(--cv-layout-border-color);outline-offset:-2px}.login-view .layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.login-view[readonly] .drop-zones,.login-view[readonly] .overlays,.login-view[inline-editing] .drop-zones,.login-view[inline-editing] .overlays{display:none}.login-view ::part(label){text-overflow:unset}.login-view .content-wrapper{display:inline-block}vaadin-grid.styling::part(correct-answer){background-color:var(--lumo-success-color-10pct)}vaadin-grid.styling::part(wrong-answer){background-color:var(--lumo-error-color-10pct)}