.lesson-registration,.registration-dialog{--primary:#76475f;--primary-foreground:white;--card:#fffdfe;--card-foreground:#60394d;--muted:#f5eff3;--muted-foreground:#846b79;--accent:#f5e8ef;--foreground:#60394d;--background:#fcf7fa;color:#60394d;font-synthesis:none;--font-sans:Arial, "Noto Sans Hebrew", sans-serif;background:#fcf7fa;font-family:Arial,Noto Sans Hebrew,sans-serif;line-height:normal}.lesson-registration{width:min(1200px,100%);min-height:100dvh;margin-inline:auto}.registration-brand-header{z-index:20;background:#fffdfe;border-bottom:1px solid #eadce3;justify-content:space-between;align-items:center;gap:10px;padding:17px 18px 15px;display:flex;position:sticky;top:0}.registration-brand{color:inherit;align-items:center;gap:9px;min-width:0;text-decoration:none;display:flex}.registration-brand-mark{background:#fcf7fa;border:1px solid #eadce3;border-radius:11px;place-items:center;width:35px;height:39px;display:grid}.registration-brand-mark svg{width:23px;height:23px}.registration-brand-title{letter-spacing:-.25px;font-size:15px;font-weight:700}.registration-brand-subtitle{color:#846b79;margin-top:4px;font-size:11px}.registration-back-icon{display:inline-flex}.registration-back-icon svg{width:17px;height:17px}.lesson-registration[dir=rtl] .registration-back-icon{transform:rotate(180deg)}.registration-heading{padding:19px 18px 15px}.registration-title-row{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.registration-title{letter-spacing:-.5px;margin:0;font-size:23px;font-weight:700;line-height:normal}.registration-progress-label{color:#846b79;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.registration-description{color:#846b79;margin:7px 0 0;font-size:12px}.registration-progress{background:#eadfe5;border-radius:3px;height:3px;margin-top:14px;overflow:hidden}.registration-progress-fill{border-radius:inherit;background:#b8849d;height:100%;transition:width .2s}.registration-students{padding:0 12px 14px}.registration-learning-content{padding:0 12px 18px}.registration-roster{gap:12px;display:grid}.registration-no-phone{display:none}.registration-name{margin:0;font-size:16px;font-weight:700;line-height:1.3}.registration-subtitle{color:#846b79;align-items:center;gap:4px;margin-top:4px;font-size:10px;line-height:normal;display:flex}.registration-subtitle svg{width:10px;height:10px}.registration-field{min-width:0}.registration-attendance{background:#f5eff3;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:3px;display:grid}.registration-binary{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}.registration-choice-icon{justify-content:center;align-items:center;display:inline-flex;position:relative}.registration-choice-badge{top:-5px;color:#fff;font-variant-numeric:tabular-nums;background:#76475f;border-radius:999px;place-items:center;min-width:19px;height:19px;padding-inline:3px;font-size:10px;font-weight:700;line-height:1;display:grid;position:absolute;inset-inline-start:calc(100% - 3px);box-shadow:0 0 0 2px #fffdfe}.registration-details{color:#846b79;border-top:1px solid #eadce3;margin:0 12px 14px;padding-top:10px;font-size:11px}.registration-details summary{cursor:pointer;padding:5px 0}.registration-note-dot{background:#af3f70;border:1px solid #fff;border-radius:50%;width:5px;height:5px;position:absolute;top:7px;right:9px}.registration-late-selection{background:#f7edcf;border-radius:9px;grid-column:span 2;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;display:grid;overflow:hidden;box-shadow:0 2px 4px #61344917}.registration-late-inline{color:#77591f;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:5px;min-width:0;font-size:12px;display:flex}@media (width<=640px){.registration-brand-header{padding-top:max(13px,env(safe-area-inset-top));padding-bottom:13px}}@media (width>=700px){.registration-heading{padding:24px 24px 20px}.registration-brand-header{padding-inline:24px}.registration-students,.registration-learning-content{padding:0 24px 24px}.registration-details{margin-inline:24px}}@container lesson-roster (width>=700px){.registration-row-content[data-compact=true]{grid-template-columns:minmax(120px,1fr) minmax(195px,1.35fr) minmax(250px,1.7fr) 65px}.registration-row-content[data-compact=true] .registration-row-identity{grid-area:1/1}.registration-row-content[data-compact=true] .registration-row-attendance{grid-area:1/2}.registration-row-content[data-compact=true] .registration-row-day-checks,.registration-row-content[data-compact=true] .registration-row-unmarked{grid-area:1/3}.registration-row-content[data-compact=true] .registration-row-note{grid-area:1/4}.registration-row-content[data-compact=true] .registration-row-notices{grid-row:2}.registration-row-content[data-compact=true] .registration-row-note-preview{grid-area:3/2/auto/-1}.registration-row-content[data-compact=true] .registration-day-check-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.registration-row-content[data-compact=true] .registration-uniform-only{width:calc(50% - 6px)}.registration-row-content[data-compact=true] .registration-no-phone{display:block}.registration-row-content[data-compact=true] .registration-binary{background:#f5eff3;border-radius:12px;padding:3px}.registration-row-content[data-compact=true] .registration-row-attendance[data-absent=true],.registration-row-content[data-compact=true] .registration-row-attendance[data-absent=true]>.registration-attendance-main{display:contents}.registration-row-attendance[data-absent=true]>.registration-attendance-main>[data-appearance=segments]{grid-area:1/2}.registration-row-attendance[data-absent=true]>.registration-attendance-main>[data-appearance=permission]{grid-area:1/3}.registration-row-attendance[data-absent=true]>:not(.registration-attendance-main){grid-column:2/4}}@container lesson-roster (width>=784px){.registration-row-content[data-compact=true]{--registration-choice-width:min(112px,calc((100cqw - 335px) / 7));grid-template-columns:minmax(140px,1fr) calc(var(--registration-choice-width) * 3 + 14px) calc(var(--registration-choice-width) * 4 + 32px) 65px}}@media (width<=360px){.registration-students{padding-inline:10px}}@media (prefers-reduced-motion:reduce){.registration-progress-fill{transition:none}}
