/* Student Portal 2.5.8.1 */
.sp-active-section-title input[name="title"]{color:#17233a!important;-webkit-text-fill-color:#17233a!important;font-weight:800!important;opacity:1!important}
.sp-active-section-title textarea[name="description"]{display:none!important}

.sp-exercise-modal-close,.sp-class-picker-close,.sp-universal-crop-close{
  display:grid!important;place-items:center!important;padding:0!important;
  line-height:1!important;text-align:center!important;text-indent:0!important;
  align-items:center!important;justify-content:center!important;
}
.sp-exercise-modal-close{font-family:Arial,sans-serif!important}

.sp-universal-cropper[hidden],.sp-class-picker[hidden]{display:none!important}
.sp-universal-cropper,.sp-class-picker{
  position:fixed;z-index:1000002;inset:0;display:flex;align-items:center;justify-content:center;
  padding:24px;background:rgba(15,23,42,.62);overflow:auto;
}
.sp-universal-cropper>div{
  position:relative;width:min(920px,96vw);padding:24px;border-radius:22px;background:#fff;
  box-shadow:0 30px 80px rgba(15,23,42,.32)
}
.sp-universal-cropper h2{margin:0 50px 18px 0;color:#17233a}
.sp-universal-crop-close,.sp-class-picker-close{
  position:absolute;right:15px;top:14px;width:40px;height:40px;border:0;border-radius:50%;
  background:#e2e8f0;color:#17233a;font-size:27px;cursor:pointer
}
.sp-universal-crop-stage{height:min(65vh,620px);overflow:hidden;border-radius:16px;background:#e5e7eb}
.sp-universal-crop-stage img{display:block;max-width:100%}
.sp-universal-crop-actions{display:flex;justify-content:center;gap:10px;margin-top:18px;flex-wrap:wrap}
.sp-universal-crop-actions button{min-width:48px;padding:10px 15px;border:1px solid #dbe3ed;border-radius:11px;background:#fff;color:#334155;font-weight:800;cursor:pointer}
.sp-universal-crop-actions [data-crop-apply]{border-color:#2563eb;background:#2563eb;color:#fff}

.sp-book-cover-editor>div::after{content:'Область обложки выбрана'!important}
.sp-add-carousel-image{width:max-content!important;margin-top:8px!important;padding:10px 14px!important;border:1px dashed #60a5fa!important;border-radius:11px!important;background:#eff6ff!important;color:#1d4ed8!important}
[data-image-crop-previews]{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin-top:14px}
[data-image-crop-previews].is-open{position:static!important;padding:0!important;background:transparent!important;overflow:visible!important}
[data-image-crop-previews] .sp-crop-overlay-head{display:none!important}
[data-image-crop-previews] figure{position:relative;margin:0}
[data-image-crop-previews] figure img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:12px}
[data-image-crop-previews] figure button{position:absolute;right:7px;top:7px;display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:rgba(15,23,42,.78);color:#fff;font-size:20px}

.sp-start-lesson-button{padding:11px 17px!important;border:0!important;border-radius:12px!important;background:#2563eb!important;color:#fff!important;font-weight:800!important}
.sp-class-picker{align-items:flex-start;justify-content:flex-end;padding:72px 28px 28px}
.sp-class-picker>div{position:relative;width:min(410px,calc(100vw - 32px));max-height:calc(100vh - 100px);padding:24px;overflow:auto;border-radius:20px;background:#fff;box-shadow:0 24px 70px rgba(15,23,42,.28)}
.sp-class-picker h2{margin:0 45px 22px 0}.sp-class-picker h3{margin:18px 0 9px;font-size:15px;color:#64748b}
.sp-class-picker-list{display:grid;gap:8px}.sp-class-picker-list form{margin:0!important}
.sp-class-picker-list button{display:grid!important;grid-template-columns:40px 1fr auto;align-items:center;gap:11px;width:100%;padding:10px!important;border:1px solid #e2e8f0!important;border-radius:13px!important;background:#fff!important;color:#17233a!important;text-align:left!important}
.sp-class-picker-list img{width:38px!important;height:38px!important;border-radius:50%!important;object-fit:cover!important}.sp-class-picker-list b{color:#2563eb}
.sp-class-picker-list p{margin:0;color:#94a3b8}

@media(max-width:650px){.sp-universal-cropper{padding:8px}.sp-universal-cropper>div{padding:18px}.sp-universal-crop-stage{height:55vh}.sp-class-picker{padding:62px 12px 12px}}
