/* One viewing-options bar for every public film. */
#film,#film .film-player {container-type:inline-size;container-name:film-view;}
#film .film-toolbar {
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  min-height:76px;
  padding:16px 24px;
  border:1px solid #cbd9d1;
  background:#fcfcf7;
  color:#163b30;
  font:400 14px/1.35 Geist,Arial,sans-serif;
}
#film .film-toolbar .quality-control {
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
  margin:0;
  color:#637b70;
  font:inherit;
}
#film .film-toolbar select {
  min-width:140px;
  max-width:100%;
  min-height:44px;
  padding:7px 28px 7px 12px;
  border:1px solid #cbd9d1;
  border-radius:4px;
  background-color:#fcfcf7;
  color:#163b30;
  font:inherit;
  cursor:pointer;
}
#film .film-toolbar .view-controls {display:flex;align-items:center;gap:12px;min-width:0;margin:0;}
#film .film-toolbar .quality-control > span {display:inline;}
#film .film-toolbar .view-controls button span {font-size:18px;margin:0;}
#film .film-toolbar button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  min-height:44px;
  padding:11px 20px;
  border:1px solid #cbd9d1;
  border-radius:4px;
  background:transparent;
  color:#163b30;
  font:inherit;
  white-space:nowrap;
  cursor:pointer;
  touch-action:manipulation;
}
#film .film-toolbar button:hover,#film .film-toolbar button[aria-pressed="true"] {background:#e8f0e9;border-color:#7fa99a;}
#film .film-toolbar button:focus-visible,#film .film-toolbar select:focus-visible {outline:2px solid #008f82;outline-offset:3px;}
#film .film-toolbar button:disabled,#film .film-toolbar select:disabled {opacity:.55;cursor:default;}
#film .film-toolbar #film-wide {display:inline-flex;}
#film.is-wide {
  position:relative;
  left:50%;
  transform:translateX(-50%);
  width:calc(100vw - 32px);
  max-width:none;
  margin-inline:0;
}
#film.is-wide .film-frame {max-height:none;}
#film.is-wide .film-player {width:100%;max-width:none;}
@media(max-width:720px) {
  #film .film-toolbar {flex-direction:column;align-items:stretch;gap:12px;padding:12px;}
  #film .film-toolbar .quality-control {justify-content:space-between;gap:10px;}
  #film .film-toolbar select {min-width:154px;}
  #film .film-toolbar .view-controls {display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1.1fr);gap:8px;width:100%;}
  #film .film-toolbar button {padding:10px 9px;gap:6px;font-size:13px;}
  #film.is-wide {width:100vw;}
}
@media(max-width:350px) {
  #film .film-toolbar {padding:10px;}
  #film .film-toolbar .view-controls {gap:6px;}
  #film .film-toolbar button {font-size:12px;padding-inline:7px;}
}
@container film-view (max-width:660px) {
  #film .film-toolbar {flex-direction:column;align-items:stretch;gap:12px;padding:12px;}
  #film .film-toolbar .quality-control {justify-content:space-between;gap:10px;}
  #film .film-toolbar select {min-width:154px;}
  #film .film-toolbar .view-controls {display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1.1fr);gap:8px;width:100%;}
  #film .film-toolbar button {padding:10px 9px;gap:6px;font-size:13px;}
}