/* Mobile portrait notice; the supplied showcase and its iframe stay unchanged. */
#ix-rotate-notice {
  position:fixed;
  inset:0;
  width:100%;
  height:100%;
  height:100dvh;
  max-width:none;
  max-height:none;
  margin:0;
  padding:32px 24px;
  padding:max(32px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(32px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));
  border:0;
  background:#102b3a;
  color:#f5fafb;
  font-family:'Funnel Display',Arial,sans-serif;
  text-align:center;
  overflow:auto;
}
#ix-rotate-notice:not([open]) {display:none;}
#ix-rotate-notice[open] {display:flex;align-items:center;justify-content:center;}
#ix-rotate-notice::backdrop {background:#102b3a;}
#ix-rotate-notice .ix-rotate-copy {width:100%;max-width:380px;margin:auto;}
#ix-rotate-notice .ix-rotate-icon {display:block;width:96px;height:96px;margin:0 auto 28px;color:#13d59f;}
#ix-rotate-notice h2 {margin:0;font-size:clamp(28px,7vw,38px);font-weight:600;line-height:1.2;letter-spacing:-.02em;}
#ix-rotate-notice p {margin:16px 0 28px;font-size:17px;line-height:1.5;color:#c5d8df;}
#ix-rotate-notice button {min-height:48px;max-width:100%;padding:12px 22px;border:1px solid #82a5b4;border-radius:7px;background:transparent;color:#f5fafb;font:inherit;font-size:15px;line-height:1.5;cursor:pointer;}
#ix-rotate-notice button:hover {background:#1a4053;border-color:#13d59f;}
#ix-rotate-notice button:focus-visible {outline:3px solid #13d59f;outline-offset:5px;}