.clutch-player{background:#080c08;border:1px solid #35402f;border-radius:10px;overflow:hidden;color:#e6efdd;position:relative}.clutch-player video{width:100%;display:block;aspect-ratio:16/9;object-fit:contain;background:#080c08;border-radius:0}.clutch-player .cp-seek{display:block;width:100%;margin:0;height:18px;accent-color:#d5f96c;cursor:pointer;background:#263020}.cp-controls{display:flex;align-items:center;gap:10px;padding:8px 12px;flex-wrap:wrap}.cp-controls button{background:transparent;color:#e5f0dc;border:1px solid #3e4b35;padding:5px 10px;margin:0;min-width:36px;border-radius:5px;font-size:16px;cursor:pointer}.cp-controls button:hover{border-color:#d5f96c;color:#d5f96c}.cp-time{font:12px monospace;white-space:nowrap}.cp-select{display:flex;gap:6px;align-items:center;font-size:10px;color:#a6b49a;flex-wrap:nowrap}.cp-select select{background:#1e281a;color:#e5efdc;padding:5px;border:1px solid #3e4b35;border-radius:5px;font-size:12px}.cp-status{margin:0;padding:0 12px 8px;font-size:12px;color:#d5f96c}.cp-status:empty{display:none}.clutch-player:fullscreen{display:flex;flex-direction:column;justify-content:center;border-radius:0}.clutch-player:fullscreen video{flex:1;min-height:0;aspect-ratio:auto}.export-ad{position:fixed;inset:0;margin:0;z-index:1000;background:#0d120df5;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center}.export-ad video{width:min(100%,720px)}.export-ad h3{font-size:26px}.export-ad small{color:#d5f96c}.export-ad p{font-size:16px}

.clutch-player .cp-seek{-webkit-appearance:none;appearance:none;height:6px;background:#33432a;outline:none;border:0;border-radius:0}.clutch-player .cp-seek::-webkit-slider-runnable-track{height:6px;background:#33432a}.clutch-player .cp-seek::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:#d5f96c;margin-top:-3.5px;border:0}.clutch-player .cp-seek::-moz-range-track{height:6px;background:#33432a}.clutch-player .cp-seek::-moz-range-progress{height:6px;background:#d5f96c}.clutch-player .cp-seek::-moz-range-thumb{height:13px;width:13px;border:0;background:#d5f96c;border-radius:50%}

.cp-track{position:relative;height:14px;background:#080c08}.cp-track .cp-progress{position:absolute;top:4px;left:0;width:100%;height:6px;margin:0;appearance:none;border:0;background:#33432a;accent-color:#d5f96c}.cp-track .cp-progress::-webkit-progress-bar{background:#33432a}.cp-track .cp-progress::-webkit-progress-value{background:#d5f96c}.cp-track .cp-progress::-moz-progress-bar{background:#d5f96c}.clutch-player .cp-track .cp-seek{position:absolute;inset:4px 0 0;height:6px;background:transparent}.clutch-player .cp-track .cp-seek::-webkit-slider-runnable-track{background:transparent}.clutch-player .cp-track .cp-seek::-moz-range-track{background:transparent}
/* Controls sit on the image, including in fullscreen. */
.clutch-player{background:#000;border-color:#343746;color:#fff}
.cp-surface{position:relative;aspect-ratio:16/9;width:100%;background:#000;overflow:hidden}
.clutch-player .cp-surface video{width:100%;height:100%;max-height:none!important;aspect-ratio:16/9;background:#000;object-fit:contain}
.cp-overlay{position:absolute;inset:auto 0 0;z-index:3;padding:26px 12px 8px;background:linear-gradient(transparent,rgba(0,0,0,.82));transition:opacity .18s;opacity:0;pointer-events:none}
.cp-awake .cp-overlay,.cp-overlay:focus-within{opacity:1;pointer-events:auto}
.cp-controls{padding:4px 0 0;gap:10px;flex-wrap:nowrap;min-height:36px}
.cp-controls button{border:0;background:transparent;color:#fff;border-radius:6px;padding:5px;min-width:30px}
.cp-controls button:hover{color:#7de3ff;background:#ffffff1a}
.cp-select{color:#dedee8;margin:0;font-size:11px}.cp-select select{width:auto!important;margin:0!important;padding:4px!important;background:#181920e8!important;color:#fff!important;border:1px solid #ffffff30!important;font-size:12px!important}
.cp-track{background:transparent;height:14px}.cp-track .cp-progress,.cp-track .cp-progress::-webkit-progress-bar{background:#ffffff45}.cp-track .cp-progress::-webkit-progress-value{background:#79d9ff}.cp-track .cp-progress::-moz-progress-bar{background:#79d9ff}.clutch-player .cp-seek::-webkit-slider-thumb{background:#fff}.clutch-player .cp-seek::-moz-range-thumb{background:#fff}.cp-status{color:#fff;padding:2px 0;margin:0}
.clutch-player:fullscreen{display:flex;align-items:center;justify-content:center;background:#000;border:0}
.clutch-player:fullscreen .cp-surface{width:min(100vw,calc(100vh * 16 / 9));max-height:100vh;flex:none}
@media(max-width:540px){.cp-select>span{display:none}.cp-controls{gap:6px}.cp-time{font-size:10px}.cp-overlay{padding:25px 7px 5px}}
@media(prefers-reduced-motion:reduce){.cp-overlay{transition:none}}
.clutch-player{container-type:inline-size}@container(max-width:400px){.cp-controls{gap:3px}.cp-controls button{min-width:21px;padding:3px;font-size:13px}.cp-time{font-size:9px}.cp-select>span{display:none}.cp-select select{max-width:72px;font-size:10px!important;padding:2px!important}.cp-overlay{padding:22px 5px 5px}}
.cp-controls>.cp-select:first-of-type{margin-left:auto}

/* Studio form select min-width must never push fullscreen outside the video. */
.clutch-player .cp-controls{min-width:0;max-width:100%}
.clutch-player .cp-controls>button{flex:0 0 auto}
.clutch-player .cp-time{flex:0 0 auto}
.clutch-player .cp-select{min-width:0;flex:0 1 auto;max-width:150px}
.clutch-player .cp-select select{min-width:0!important;max-width:100%!important;flex:1 1 auto}
@container(max-width:500px){.clutch-player .cp-select>span{display:none}.clutch-player .cp-select{max-width:78px}.clutch-player .cp-select select{width:100%!important;font-size:10px!important}.clutch-player .cp-controls{gap:4px}.clutch-player .cp-controls>button{min-width:24px;padding:3px}.clutch-player .cp-time{font-size:10px}}
@container(max-width:290px){.clutch-player .cp-select{max-width:60px}.clutch-player .cp-controls{gap:2px}.clutch-player .cp-time{font-size:9px}}