/* Generated by restore/build_dark.py — do not edit by hand.
 *
 * Dark mode for apple.igmsu.org, derived from the site's own stylesheets:
 * every colour below is one the theme declared, with its lightness inverted
 * and its hue kept. Light mode is untouched — every rule is scoped to an
 * explicit dark choice or to the OS preference.
 *
 * Sources: /apple/st/default_right.css
 */

.theme-toggle {
  position: fixed;
  top: 1rem;
  right: 1rem;
  z-index: 99999;
  display: none;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
  font-size: 1.1rem;
  line-height: 1;
  cursor: pointer;
  color: #33373d;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 999px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}
/* Shown only once the script has marked the document: without JavaScript the
   button could do nothing, and the OS preference already applies. */
html.has-js .theme-toggle { display: block; }
.theme-toggle:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
.theme-toggle::before { content: "\25D1"; }

html[data-theme="dark"] .theme-toggle {
  color: #d7dae0;
  background: rgba(28, 32, 37, 0.92);
  border-color: rgba(255, 255, 255, 0.2);
}
@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) .theme-toggle {
    color: #d7dae0;
    background: rgba(28, 32, 37, 0.92);
    border-color: rgba(255, 255, 255, 0.2);
  }
}

/* The UA renders scrollbars, form controls and text selection from this. It
   has to be declared for the OS-preference case too: with no color-scheme at
   all the UA keeps drawing light form controls, and the theme never gave the
   search box a background of its own — the text would go pale on white. */
html[data-theme="dark"] { color-scheme: dark; }
html[data-theme="light"] { color-scheme: light; }
@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) { color-scheme: dark; }
}

/* --- explicit choice --------------------------------------- */
html[data-theme="dark"] body { background-color: #141414; color: #e0e0e0; }
html[data-theme="dark"] a:link, html[data-theme="dark"] a:visited { color: #8dabe7; }
html[data-theme="dark"] .contenttitle a:link, html[data-theme="dark"] .contenttitle a:visited { color: #9fb2f4; }
html[data-theme="dark"] .contenttitle a:hover { color: #ebebeb; }
html[data-theme="dark"] a:hover, html[data-theme="dark"] a:active { color: #ebebeb; }
html[data-theme="dark"] #header a:link, html[data-theme="dark"] #header a:visited { color: #474747; }
html[data-theme="dark"] #header a:hover, html[data-theme="dark"] #header a:active { color: #737373; }
html[data-theme="dark"] #copyrights a:link, html[data-theme="dark"] #copyrights a:visited { color: #d5d5d5; }
html[data-theme="dark"] #copyrights a:hover, html[data-theme="dark"] #copyrights a:active { color: #c8c8c8; }
html[data-theme="dark"] #header { background: white; }
html[data-theme="dark"] #header h1 { background: white url(https://theatre-th.s3.us-east-1.amazonaws.com/ship/microsites/apple/st/images/header_sm.jpg) repeat-x 0 6px; }
html[data-theme="dark"] #mainwrapper { background-color: #141414; border-color: #464646; }
html[data-theme="dark"] #wrapper { background-color: #141414; }
html[data-theme="dark"] .itemcomment { border: 1px solid #404040; }
html[data-theme="dark"] .itemcomment:hover { background: #F9F9F9 url(https://theatre-th.s3.us-east-1.amazonaws.com/ship/microsites/apple/st/images/commentquote02.gif) no-repeat; border: 1px solid #CCCCCC; }
html[data-theme="dark"] .id1 { background: #F9F9F9 url(https://theatre-th.s3.us-east-1.amazonaws.com/ship/microsites/apple/st/images/commentquote02.gif) no-repeat; border: 1px solid #B3C492; }
html[data-theme="dark"] .id1:hover { background: #F9F9F9 url(https://theatre-th.s3.us-east-1.amazonaws.com/ship/microsites/apple/st/images/commentquote02.gif) no-repeat; border: 1px solid #B3C492; }
html[data-theme="dark"] .sidebar { color: #dce0e2; }
html[data-theme="dark"] .sidebardl dt { background: #E5E5E5 url(https://theatre-th.s3.us-east-1.amazonaws.com/ship/microsites/apple/st/images/sidetitlebg.gif); color: #3A3523; }
html[data-theme="dark"] .sidebardl dd { background: #EEEEEE; }
html[data-theme="dark"] .sidebardl dd:hover { background: #E7E7E7; }
html[data-theme="dark"] .sidebardl dd a:link, html[data-theme="dark"] .sidebardl dd a:visited { background: url(https://theatre-th.s3.us-east-1.amazonaws.com/ship/microsites/apple/st/images/arrow.gif) left center no-repeat; }
html[data-theme="dark"] #footer { background-color: #5a4a01; border-color: #464646; }
html[data-theme="dark"] #copyrights { color: #d5d5d5; }
html[data-theme="dark"] .commentform, html[data-theme="dark"] .mailform { background-color: #181818; }
html[data-theme="dark"] .formfield { background-color: #141414; color: #d5d5d5; border-top: 1px solid #585858; border-left: 1px solid #585858; border-bottom: 1px solid #4d4a45; border-right: 1px solid #4d4a45; }
html[data-theme="dark"] .formbutton { background-color: #141414; color: #d5d5d5; border-top: 1px solid #4d4a45; border-left: 1px solid #4d4a45; border-bottom: 1px solid #585858; border-right: 1px solid #585858; }
html[data-theme="dark"] .error { color: #f39595; }
html[data-theme="dark"] .wrap3 img { border: 3px solid #404040; }
html[data-theme="dark"] .highlight { background-color: #253c00; }
html[data-theme="dark"] .leftbox { border-right: 2px solid #4a4a4a; }
html[data-theme="dark"] .rightbox { border-left: 2px solid #4a4a4a; }
html[data-theme="dark"] #header, html[data-theme="dark"] #header * { color: #222; }
html[data-theme="dark"] .id1, html[data-theme="dark"] .id1 * { color: #222; }
html[data-theme="dark"] .id1:hover, html[data-theme="dark"] .id1:hover * { color: #222; }
html[data-theme="dark"] .itemcomment:hover, html[data-theme="dark"] .itemcomment:hover * { color: #222; }
html[data-theme="dark"] .sidebardl, html[data-theme="dark"] .sidebardl * { color: #222; }

/* --- OS preference, when no choice is stored ---------------- */
@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) body { background-color: #141414; color: #e0e0e0; }
  html:not([data-theme="light"]) a:link, html:not([data-theme="light"]) a:visited { color: #8dabe7; }
  html:not([data-theme="light"]) .contenttitle a:link, html:not([data-theme="light"]) .contenttitle a:visited { color: #9fb2f4; }
  html:not([data-theme="light"]) .contenttitle a:hover { color: #ebebeb; }
  html:not([data-theme="light"]) a:hover, html:not([data-theme="light"]) a:active { color: #ebebeb; }
  html:not([data-theme="light"]) #header a:link, html:not([data-theme="light"]) #header a:visited { color: #474747; }
  html:not([data-theme="light"]) #header a:hover, html:not([data-theme="light"]) #header a:active { color: #737373; }
  html:not([data-theme="light"]) #copyrights a:link, html:not([data-theme="light"]) #copyrights a:visited { color: #d5d5d5; }
  html:not([data-theme="light"]) #copyrights a:hover, html:not([data-theme="light"]) #copyrights a:active { color: #c8c8c8; }
  html:not([data-theme="light"]) #header { background: white; }
  html:not([data-theme="light"]) #header h1 { background: white url(https://theatre-th.s3.us-east-1.amazonaws.com/ship/microsites/apple/st/images/header_sm.jpg) repeat-x 0 6px; }
  html:not([data-theme="light"]) #mainwrapper { background-color: #141414; border-color: #464646; }
  html:not([data-theme="light"]) #wrapper { background-color: #141414; }
  html:not([data-theme="light"]) .itemcomment { border: 1px solid #404040; }
  html:not([data-theme="light"]) .itemcomment:hover { background: #F9F9F9 url(https://theatre-th.s3.us-east-1.amazonaws.com/ship/microsites/apple/st/images/commentquote02.gif) no-repeat; border: 1px solid #CCCCCC; }
  html:not([data-theme="light"]) .id1 { background: #F9F9F9 url(https://theatre-th.s3.us-east-1.amazonaws.com/ship/microsites/apple/st/images/commentquote02.gif) no-repeat; border: 1px solid #B3C492; }
  html:not([data-theme="light"]) .id1:hover { background: #F9F9F9 url(https://theatre-th.s3.us-east-1.amazonaws.com/ship/microsites/apple/st/images/commentquote02.gif) no-repeat; border: 1px solid #B3C492; }
  html:not([data-theme="light"]) .sidebar { color: #dce0e2; }
  html:not([data-theme="light"]) .sidebardl dt { background: #E5E5E5 url(https://theatre-th.s3.us-east-1.amazonaws.com/ship/microsites/apple/st/images/sidetitlebg.gif); color: #3A3523; }
  html:not([data-theme="light"]) .sidebardl dd { background: #EEEEEE; }
  html:not([data-theme="light"]) .sidebardl dd:hover { background: #E7E7E7; }
  html:not([data-theme="light"]) .sidebardl dd a:link, html:not([data-theme="light"]) .sidebardl dd a:visited { background: url(https://theatre-th.s3.us-east-1.amazonaws.com/ship/microsites/apple/st/images/arrow.gif) left center no-repeat; }
  html:not([data-theme="light"]) #footer { background-color: #5a4a01; border-color: #464646; }
  html:not([data-theme="light"]) #copyrights { color: #d5d5d5; }
  html:not([data-theme="light"]) .commentform, html:not([data-theme="light"]) .mailform { background-color: #181818; }
  html:not([data-theme="light"]) .formfield { background-color: #141414; color: #d5d5d5; border-top: 1px solid #585858; border-left: 1px solid #585858; border-bottom: 1px solid #4d4a45; border-right: 1px solid #4d4a45; }
  html:not([data-theme="light"]) .formbutton { background-color: #141414; color: #d5d5d5; border-top: 1px solid #4d4a45; border-left: 1px solid #4d4a45; border-bottom: 1px solid #585858; border-right: 1px solid #585858; }
  html:not([data-theme="light"]) .error { color: #f39595; }
  html:not([data-theme="light"]) .wrap3 img { border: 3px solid #404040; }
  html:not([data-theme="light"]) .highlight { background-color: #253c00; }
  html:not([data-theme="light"]) .leftbox { border-right: 2px solid #4a4a4a; }
  html:not([data-theme="light"]) .rightbox { border-left: 2px solid #4a4a4a; }
  html:not([data-theme="light"]) #header, html:not([data-theme="light"]) #header * { color: #222; }
  html:not([data-theme="light"]) .id1, html:not([data-theme="light"]) .id1 * { color: #222; }
  html:not([data-theme="light"]) .id1:hover, html:not([data-theme="light"]) .id1:hover * { color: #222; }
  html:not([data-theme="light"]) .itemcomment:hover, html:not([data-theme="light"]) .itemcomment:hover * { color: #222; }
  html:not([data-theme="light"]) .sidebardl, html:not([data-theme="light"]) .sidebardl * { color: #222; }
}