.student-activity-preview{color:#232722;min-width:0;margin:0}.student-preview-heading{justify-content:space-between;align-items:center;gap:16px;padding:0 6px 18px;display:flex}.student-preview-heading>div{gap:5px;display:grid}.student-preview-eyebrow{color:#576877;letter-spacing:.075em;text-transform:uppercase;font-size:.6875rem;font-weight:650}.student-preview-heading strong{letter-spacing:-.025em;font-size:1.125rem;font-weight:650}.student-preview-heading .demo-playback{color:#4b626e;background:0 0;border:1px solid #bac4c6;border-radius:50%;flex:0 0 38px;width:38px;height:38px}.student-preview-heading .demo-playback:hover{background:#e8ece6}.student-preview-heading .demo-playback:focus-visible{outline-offset:4px;outline:2px solid #385a79}.student-preview-heading .demo-playback svg{width:16px;height:16px}.student-preview-canvas{background:#dbe3e7;border:1px solid #cbd4d6;border-radius:22px;padding:23px}.student-preview-presenter{align-items:center;gap:10px;margin-bottom:18px;display:flex}.student-preview-portrait{background:#e6d9cc;border:2px solid #fdfcf8;border-radius:50%;flex:0 0 46px;height:46px;display:block;overflow:hidden;box-shadow:0 2px 5px #374c5210}.student-preview-portrait svg{width:100%;height:100%;display:block}.student-preview-presenter>div{gap:3px;display:grid}.student-preview-presenter strong{font-size:.875rem;font-weight:650}.student-preview-presenter>div>span{color:#51636d;font-size:.75rem}.student-preview-activity{background:#fdfcf8;border:1px solid #eef0e9;border-radius:16px;padding:24px;box-shadow:0 9px 24px #435a6810}.recess-marketing .student-preview-message{color:#50616b;border-left:2px solid #a9b9c3;margin:0 0 21px;padding-left:13px;font-size:.875rem;line-height:1.55}.recess-marketing .student-preview-activity h2{letter-spacing:-.035em;margin:0 0 17px;font-size:clamp(1.125rem,1.55vw,1.45rem);font-weight:650;line-height:1.2}.student-preview-choices{gap:8px;margin:0;padding:0;list-style:none;display:grid}.student-preview-choices li{color:#3d4745;background:#f6f5ef;border:1px solid #dedfd6;border-radius:9px;align-items:center;gap:10px;min-height:44px;padding:10px 12px;font-size:.875rem;line-height:1.4;transition:background-color .35s,border-color .35s;display:flex}.student-preview-choice-mark{border:1px solid #aeb5ad;border-radius:50%;flex:0 0 18px;place-items:center;height:18px;display:grid}.student-preview-choice-mark svg{opacity:0;stroke-width:2.5px;width:12px;height:12px}.student-preview-choices li[data-selected=true]{color:#304a37;background:#e5eadd;border-color:#81957a}.student-preview-choices li[data-selected=true] .student-preview-choice-mark{color:#fff;background:#536e52;border-color:#536e52}.student-preview-choices li[data-selected=true] .student-preview-choice-mark svg{opacity:1}.student-preview-explanation{opacity:0;visibility:hidden;border-top:1px solid #dee3d8;align-items:flex-start;gap:9px;margin-top:19px;padding-top:17px;transition:opacity .4s,transform .4s;display:flex;transform:translateY(4px)}.student-activity-preview[data-phase=explain] .student-preview-explanation{opacity:1;visibility:visible;transform:none}.student-preview-explanation>svg{color:#526d54;flex:0 0 18px;height:18px;margin-top:2px}.recess-marketing .student-preview-explanation p{color:#50604f;margin:0;font-size:.8125rem;line-height:1.5}.student-preview-explanation strong{margin-bottom:3px;font-weight:650;display:block}.student-activity-preview figcaption{color:#4d5b54;padding:16px 6px 0;font-size:.8125rem;line-height:1.5}.student-activity-preview figcaption span{color:#72776e;margin-top:5px;font-size:.6875rem;display:block}@media (max-width:600px){.student-preview-canvas{padding:17px}.student-preview-activity{padding:19px}.student-preview-heading{padding-bottom:15px}.recess-marketing .student-preview-activity h2{font-size:1.25rem}}@media (prefers-reduced-motion:reduce){.student-preview-choices li,.student-preview-explanation{transition:none}}