.grader-rectangle{border:1px solid rgba(0,37,87,.08);background:radial-gradient(900px 380px at 100% 0%,rgba(218,250,248,.45),transparent 65%),radial-gradient(700px 320px at 0% 100%,rgba(253,234,127,.28),transparent 65%),linear-gradient(160deg,#fff,#f8faff 40%,#f4f6fb);box-shadow:0 1px #fff9 inset,0 24px 48px -24px #0025571f;transition:transform .22s cubic-bezier(.23,1,.32,1),box-shadow .22s cubic-bezier(.23,1,.32,1),border-color .2s ease}.grader-rectangle:hover{transform:translateY(-3px);border-color:#104efe40;box-shadow:0 1px #fff9 inset,0 30px 60px -28px #00255733}.grader-rectangle__accent{position:absolute;top:0;bottom:0;left:0;width:6px;background:linear-gradient(180deg,var(--color-cograder-blue) 0%,var(--color-cograder-navy) 100%);opacity:.7;transition:opacity .22s ease}.grader-rectangle:hover .grader-rectangle__accent{opacity:1}.grader-rectangle__icon{box-shadow:0 6px 14px -8px #fdea7fcc}@media(prefers-reduced-motion:reduce){.grader-rectangle,.grader-rectangle:hover{transition:none;transform:none}.grader-rectangle__accent{transition:none}}