.external-video{width:100%;min-height:142px;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;background:#f8faf9;border:1px solid #d7e1dc;border-radius:9px;overflow:hidden;box-sizing:border-box}
.external-video iframe{height:100%;width:100%;border:0;display:block;min-height:200px}
.external-video-load{display:flex;flex-direction:column;align-items:center;gap:9px;padding:16px;text-align:center}
.external-video-provider{font-size:12px;text-transform:uppercase;letter-spacing:.07em;font-weight:700;color:#586c67}
.external-video-activate{display:inline-flex;align-items:center;justify-content:center;background:#215c4c;color:white!important;text-decoration:none!important;padding:9px 15px;border-radius:7px;font-size:13px;font-weight:700;white-space:nowrap}
.external-video.is-empty{font-size:13px;min-height:120px}
.video-answer-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:14px;width:100%;max-width:100%;}
.video-answer-option{border:1px solid #d5e3de;border-radius:9px;padding:10px;min-width:0;background:white;display:flex;flex-direction:column;gap:7px}
.video-answer-option:has(input:checked){outline:2px solid #23745a;background:#f3faf7}
.video-answer-option>label{display:flex;align-items:center;gap:9px;font-weight:700;order:2;padding:6px;cursor:pointer}
.video-answer-option .external-video{order:1}
.formgrid>.curator-field:has(.video-answer-group),.formgrid>.field:has(.video-answer-group){grid-column:1/-1;min-width:0;width:100%}
.stimulus-video{width:100%;max-width:min(100%,650px)}
.stimulus-video .external-video{margin-top:10px;max-width:650px}
.preview-video-assignment-field{border-left:3px solid #dbe9e1;padding:10px 0 10px 12px;margin:16px 0}
.preview-video-assignment-field>strong{display:block;margin-bottom:11px}
.preview-video-assignment-field>label{display:block;margin:8px 0;font-weight:600}
.preview-video-assignment-field input,.preview-video-assignment-field select{width:100%;min-width:0;max-width:100%;box-sizing:border-box;font-size:13px;margin-top:5px}

/* v17.19.79.17 — Keep the stimulus player/card horizontally centered.
   Works in the regular Curator/Supervisor views, Preview and public Examples. */
.sentence.stimulus-video{margin-left:auto;margin-right:auto;align-self:center}
.stimulus-video .external-video{margin-left:auto;margin-right:auto}

/* Google login cannot reliably complete inside a third-party iframe. */
.external-video{position:relative}
.external-video-open-source{position:absolute;top:8px;right:8px;z-index:3;display:inline-block;padding:6px 9px;font-size:11px;line-height:1.2;border-radius:5px;background:rgba(255,255,255,.96);box-shadow:0 1px 5px #0002;color:#215c4c!important;text-decoration:none!important;font-weight:600}
.external-video-open-source:hover{text-decoration:underline!important}