/* Selective video feedback. No control is rendered unless its video is approved in the catalog. */
.video-feedback-control{box-sizing:border-box;margin:12px 0 22px;font-family:inherit;text-align:left;min-width:0}
.video-feedback-control *{box-sizing:border-box}
.video-feedback-control .vf-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 15px;border:1px solid #087d83;border-radius:999px;background:#fff;color:#075e66;font:inherit;font-size:.9rem;font-weight:750;line-height:1.35;cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease}
.video-feedback-control .vf-toggle:hover,.video-feedback-control.is-open .vf-toggle{background:#087d83;color:#fff;border-color:#087d83}
.video-feedback-control .vf-toggle:focus-visible,.video-feedback-control input:focus-visible,.video-feedback-control select:focus-visible,.video-feedback-control textarea:focus-visible,.video-feedback-control .vf-submit:focus-visible{outline:3px solid #c5943e;outline-offset:3px}
.video-feedback-control .vf-collapse{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .24s ease,opacity .2s ease}
.video-feedback-control.is-open .vf-collapse{grid-template-rows:1fr;opacity:1}
.video-feedback-control .vf-collapse-inner{overflow:hidden}
.video-feedback-control .vf-form{max-width:720px;margin-top:10px;padding:18px;background:#f4f9fc;color:#123340;border:1px solid #d7e7ee;border-radius:12px;line-height:1.55}
.video-feedback-control h3{font-size:1.12rem;line-height:1.35;margin:0 0 13px;color:#123340}
.video-feedback-control fieldset{padding:0;border:0;margin:0 0 13px;min-width:0}
.video-feedback-control .vf-reactions{display:flex;gap:7px;flex-wrap:wrap}
.video-feedback-control .vf-reaction{position:relative;flex:1 1 145px;cursor:pointer}
.video-feedback-control .vf-reaction input{position:absolute;opacity:0;width:1px;height:1px;inset:50%}
.video-feedback-control .vf-reaction span{display:flex;align-items:center;justify-content:center;min-height:42px;padding:7px 9px;border:1px solid #a8c8d3;border-radius:8px;background:#fff;color:#1b4c5a;font-size:.86rem;font-weight:700;text-align:center;transition:background .15s,border-color .15s}
.video-feedback-control .vf-reaction input:checked+span{padding:6px 8px;background:#dff4f0;border:2px solid #067a80;color:#005a60}
.video-feedback-control label{display:block;font-size:.86rem;font-weight:650;color:#203b49}
.video-feedback-control label span{font-size:.76rem;font-weight:400;color:#536976}
.video-feedback-control input:not([type=radio]),.video-feedback-control select,.video-feedback-control textarea{display:block;width:100%;min-width:0;margin:6px 0 12px;padding:9px 10px;background:#fff;border:1px solid #aac5d1;border-radius:7px;color:#102f3d;font:inherit;font-size:.94rem;box-shadow:none}
.video-feedback-control textarea{min-height:76px;resize:vertical}
.video-feedback-control .vf-followup-choice,.video-feedback-control .vf-buyer-fields{padding-top:2px}
.video-feedback-control .vf-buyer-fields{margin-top:3px;padding:12px 12px 0;background:#e8f2f7;border-radius:8px}
.video-feedback-control .vf-buyer-fields>p{margin:0 0 8px;font-size:.88rem;font-weight:750;color:#174450}
.video-feedback-control .vf-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}
.video-feedback-control .vf-submit{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 15px;border:1px solid #087d83;border-radius:7px;background:#087d83;color:#fff;font:inherit;font-size:.9rem;font-weight:750;cursor:pointer}
.video-feedback-control .vf-submit:hover{background:#056970}
.video-feedback-control .vf-submit:disabled{opacity:.6;cursor:wait}
.video-feedback-control .vf-note{margin:9px 0 0;font-size:.73rem;line-height:1.5;color:#526975}
.video-feedback-control .vf-status{margin:11px 0 0;padding:10px;border:1px solid #8ab6a9;background:#e6f4ed;color:#17513b;border-radius:7px;font-size:.84rem}
.video-feedback-control .vf-status.vf-error{background:#fff1ed;color:#8d2e19;border-color:#d7a796}
.video-feedback-control .vf-honeypot{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(100%)!important;margin:0!important;padding:0!important;border:0!important}
.video-feedback-control [hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){.video-feedback-control .vf-toggle,.video-feedback-control .vf-collapse{transition:none}}
@media(max-width:600px){.video-feedback-control{margin-top:10px}.video-feedback-control .vf-toggle{width:100%}.video-feedback-control .vf-form{padding:15px 13px}.video-feedback-control .vf-reaction{flex-basis:100%}.video-feedback-control .vf-field-grid{grid-template-columns:1fr}}