@font-face
{
   font-family: passwd;
   font-weight:400;
   src:url('pass.otf');
}

@font-face
{
   font-family: passwd;
   font-weight:200;
   src:url('pass.otf');
}

@font-face
{
   font-family: passwd;
   font-weight:700;
   src:url('pass.otf');
}

@font-face
{
   font-family: stdtext;
   font-weight:400;
   src:url('stdtext-1.ttf');
}

@font-face
{
   font-family: stdtext;
   font-weight:200;
   src:url('stdtext-1.ttf');
}

@font-face
{
   font-family: stdtext;
   font-weight:700;
   src:url('stdtext-2.ttf');
}

@keyframes highlight
{
   0%
   {
      background-color: #ffff00;
   }
   100%
   {
      background-color: #ffffff;
   }
}

@media screen, print
{
   *
   {
      color:inherit;
      text-decoration: none;
      border:none;
      outline:none;
      padding:0rem;
      margin:0rem;
      font: inherit;
      cursor: inherit;
      box-shadow:none;
      border-spacing:0;
      box-sizing:border-box;
      cursor:inherit;
      flex:0 0 auto;
      background:none;
      line-height:inherit;
      min-width:0;
      min-height:0;
   }
   a
   {
      cursor:pointer;
   }
   #top
   {
      position:fixed;
      display:block;
      top:0;
      left:0;
   }
   b
   {
      font-weight: 700;
   }
   .vertical-scroll-bar
   {
      width:10rem;
      height:30rem;
      background:rgba(255,255,255,0.5);
      border-radius:5rem;
      position:absolute;
      right:0rem;
      top:0rem;
      z-index:100;
      border:2rem solid transparent;
      background-clip: padding-box;
      box-sizing: border-box;
   }
   .horizontal-scroll-bar
   {
      width:40rem;
      height:10rem;
      background:rgba(255,255,255,0.5);
      border-radius:5rem;
      position:absolute;
      bottom:0rem;
      left:0rem;
      z-index:100;
      border:2rem solid transparent;
      background-clip: padding-box;
      box-sizing: border-box;
   }
   .vertical-scroll-bar[data-scroll-bar-visible="1"],
   .horizontal-scroll-bar[data-scroll-bar-visible="1"]
   {
      visibility:hidden;
      opacity:0;
      animation: hideScrollbar 1s;
   }
   .vertical-scroll-bar[data-scroll-bar-visible="0"],
   .horizontal-scroll-bar[data-scroll-bar-visible="0"]
   {
      visibility:hidden;
      opacity:0;
      top:0rem !important;
      left:0rem !important;
   }
   html::before
   {
      content:" ";
      z-index:-1;
      display:block;
      position:fixed;
      left:0;
      right:0;
      top:0;
      bottom:0;
      background-position: center center;
      background-size:cover;
      background-image:url(aurora.jpg);
   }
   html
   {
      letter-spacing:0;
      font-size:1px;
      font-family:stdtext, passwd, sans-serif;
      font-style:normal;
      font-weight:400;
      color:#000;
      text-align:justify;
      cursor:default;
      line-height:1;
      transform:none;
      background:#5d164c;
      scrollbar-color:rgba(255,255,255,0.5) #000;
   }
   body
   {
      position:absolute;
      top:0;
      left:0;
      height:100%;
      width:100%;
      z-index:1;
      min-width:320px;
      display:flex;
      flex-flow:column nowrap;
      font-size:1600%;
      line-height:1.25;
      flex:1 0 0%;
      padding:48rem 0 0;
   }
   body::before
   {
      order:-1;
      flex:1 0 0px;
      content:' ';
      display:block;
   }
   body::after
   {
      order:100;
      flex:1 0 0px;
      content:' ';
      display:block;
   }
   main
   {
      display:block;
      min-width:calc(100% - 100px);
      max-width:600px;
      width:100%;
      margin:0 auto;
   }
   input
   {
      color:#9900ff;
      display:block;
      width:100%;
      height:34rem;
      padding:0rem 5rem;
      border:2rem solid #9900ff;
      background:#ffffff;
      outline:none;
      border-radius:10rem;
   }
   input[type="submit"],
   input[type="checkbox"],
   input[type="radio"]
   {
      position:absolute;
      width:0rem;
      display:inline-block;
      overflow:hidden;
      border:none;
      border-radius:0;
      padding:0;
      clip:rect(0rem, 0rem, 0rem, 0rem);
   }
   input[type="submit"]
   {
      height:40rem;
   }
   input[type="checkbox"]+label[tabindex],
   input[type="radio"]+label[tabindex]
   {
      display:flex;
      flex-flow:row nowrap;
      align-items:center;
      padding:0;
      font-size:16rem;
      line-height:20rem;
      margin:5rem auto 5rem 40rem;
      position:relative;
      box-sizing:border-box;
      max-width:101010px;
      max-width:max-content;
      min-width:34rem;
      vertical-align:middle;
   }
   input[type="checkbox"]+label[tabindex]::before,
   input[type="radio"]+label[tabindex]::before
   {
      content:" ";
      display:block;
      border-radius:10rem;
      border:2rem solid #9900ff;
      background:#ffffff;
      box-sizing:border-box;
      position:relative;
      left:-40rem;
      height:34rem;
      width:34rem;
      flex:0 0 auto;
      margin:0 -34rem 0 0;
   }
   input[type="radio"]+label[tabindex]::before
   {
      border-radius:50%;
   }
   input[type="radio"]:checked+label[tabindex]::after
   {
      content:" ";
      border-radius:50%;
      background:#9900ff;
      position:absolute;
      left:-32rem;
      height:18rem;
      width:18rem;
      box-sizing:border-box;
      top:50%;
      margin:-9rem 0 0 0;
   }
   input[type="radio"]+label[tabindex]:focus::before,
   input[type="radio"]:focus+label[tabindex]::before,
   input:focus,
   textarea:focus,
   x-textarea:focus
   {
      border-color:#00cc00;
   }
   input[type="checkbox"]:checked+label[tabindex]::after
   {
      content:" ";
      border-radius:0rem;
      border-bottom:2rem solid #9900ff;
      border-right:2rem solid #9900ff;
      position:absolute;
      left:-28rem;
      height:20rem;
      width:10rem;
      transform:rotate(45deg);
      background:transparent;
      box-sizing:border-box;
      top:50%;
      margin:-12rem 0 0 0;
   }
   input[type="checkbox"]:focus+label[tabindex]::before,
   input[type="checkbox"]+label[tabindex]:focus::before
   {
      border-color:#00cc00;
   }
   input[type="text"],
   input[type="password"]
   {
      cursor:text;
   }
   input:disabled
   {
      pointer-events:none;
   }
   textarea,
   x-textarea
   {
      resize:none;
      border:2rem solid #9900ff;
      background:#ffffff;
      border-radius:10rem;
      padding:5rem;
      width:100%;
      box-sizing:border-box;
      height:300rem;
      overflow:hidden;
      display:block;
      margin:0;
      text-shadow:none;
      resize:none;
      cursor:text;
      letter-spacing:0;
      font-feature-settings: "liga" 1;
   }
   x-textarea *
   {
      cursor:text;
      min-width:auto;
      min-height:auto;
   }
   x-textarea p
   {
      font-feature-settings: "liga" 1;
      position:relative;
      z-index:0;
      margin:0 !important;
      padding:0 10rem 0 0 !important;
      background-clip:content-box;
      background-color:#ffffff;
   }
   x-textarea p.mark
   {
      animation:highlight 1.5s linear 0s;
   }
   x-textarea p+p
   {
      padding-top:8rem !important;
   }
   x-textarea p::after
   {
      position:absolute;
      display:inline;
      width:16rem;
      background-color:transparent;
      color:rgba(153,0,255,0.4);
      margin-left:2px;
      content:"\f701";
      pointer-events:none;
   }
   x-textarea p:last-of-type::after
   {
      display:none;
   }
   body>header
   {
      color:#000000;
      font-weight:400;
      position:fixed;
      left:0;
      top:0;
      right:0;
      padding:0 4rem;
      background:rgba(0,0,0,0.7);
      height:48rem;
      display:flex;
      flex-flow: row nowrap;
      z-index:10;
      justify-content: center;
      align-items: center;
      min-width:320px;
   }
   body>header::after
   {
      content:" ";
      display:block;
      position:absolute;
      left:0;
      top:0;
      width:100%;
      height:48rem;
      box-sizing:content-box;
      border-bottom:1px solid #000000;
      box-shadow:0 0 6rem 3rem #000;
      z-index:-1;
   }
   body>header::before
   {
      content:" ";
      display:block;
      flex:0 0 auto;
      width:60rem;
      height:40rem;
      background-image:linear-gradient(180deg, #F0F 20%, #0CF 20%, #0CF 40%, #FFF 40%, #FFF 60%, #FC0 60%, #FC0 80%, #A0F 80%);
      background-size:100% 100%;
      background-position:center center;
      background-repeat:no-repeat;
      background-clip:padding-box;
      margin:0 6rem 0 4rem;
      border-radius:8rem;
      order:-3;
   }
   header>div.logo
   {
      display:block;
      text-align:center;
      padding:6rem;
      font-size:24rem;
      line-height:28rem;
      text-shadow:-1px -1px #fff, -1px 0 #fff, -1px 1px #fff, 0 -1px #fff, 0 1px #fff,  1px -1px #fff, 1px 0 #fff, 1px 1px #fff,  -1px -2px #fff, 0 -2px #fff, 1px -2px #fff,  -1px 2px #fff, 0 2px #fff, 1px 2px #fff,  -2px -1px #fff, -2px 0 #fff, -2px 1px #fff,  2px -1px #fff, 2px 0 #fff, 2px 1px #fff;
      flex:1 1 auto;
      text-overflow:ellipsis;
      white-space: nowrap;
      overflow:hidden;
      background:none;
      order:-2;
   }
   header>div.logo>a
   {
      display:inline;
      padding:8rem;
   }
   .overlapped p
   {
      margin:0 0 10rem;
      text-align:justify;
   }
   .overlapped p~p
   {
      margin:10rem 0;
      text-align:justify;
   }
   .button
   {
      display:inline-block;
      height:40rem;
      border:none;
      text-align:center;
      padding:0rem 10rem;
      background:none;
      font-weight:400;
      color:#ffffff;
      min-width:80rem;
      margin:0rem;
      cursor:pointer;
      font-size:20rem;
      line-height:40rem;
      border-radius:10rem;
      box-sizing:border-box;
      position:relative;
      z-index:0;
   }
   .button::after
   {
      content:" ";
      position:absolute;
      z-index:-1;
      border:2rem solid #ffffff;
      background:#9900ff;
      border-radius:10rem;
      left:0;
      top:0;
      width:100%;
      height:100%;
      box-sizing:border-box;
   }
   .button:focus::after,
   input[type="submit"]:focus+.button::after
   {
      background:#00cc00;
   }
   header .form
   {
      display:flex;
      flex-flow:row nowrap;
   }
   header>a,
   header>label,
   header form>a,
   header .form>a,
   header fieldset>a,
   html:root header form>input[type="submit"]+label,
   html:root header .form>input[type="submit"]+label
   {
      display:block;
      height:40rem;
      width:40rem;
      position:relative;
      float:right;
      overflow:hidden;
      box-sizing: border-box;
      text-indent:9999rem;
      margin:0rem 2rem;
      background-color: transparent;
      border:0rem solid transparent;
      background-clip: padding-box;
      background-repeat:no-repeat;
      background-position:center center;
      background-size:40rem 40rem;
      white-space: nowrap;
   }
   html:root>body>header form input[type="text"]::selection,
   html:root>body>header .form input[type="text"]::selection
   {
      color:#ffffff;
      background-color:#000000;
   }
   html:root>body>header form input[type="text"]::-moz-selection,
   html:root>body>header .form input[type="text"]::-moz-selection
   {
      color:#ffffff;
      background-color:#000000;
   }
   header>a:hover::after,
   header>a[data-xnce*="hover"]::after,
   header>label:hover::after,
   header>label[data-xnce*="hover"]::after,
   header form>a:hover::after,
   header form>a[data-xnce*="hover"]::after,
   header .form>a:hover::after,
   header .form>a[data-xnce*="hover"]::after,
   header fieldset>a:hover::after,
   header fieldset>a[data-xnce*="hover"]::after,
   html:root header form>input[type="submit"]+label:hover::after,
   html:root header form>input[type="submit"]+label[data-xnce*="hover"]::after,
   html:root header .form>input[type="submit"]+label:hover::after,
   html:root header .form>input[type="submit"]+label[data-xnce*="hover"]::after
   {
      background-color:rgba(153,0,255,0.5);
   }
   html:root header form>input[type="submit"]:focus+label::after,
   html:root header .form>input[type="submit"]:focus+label::after,
   html:root header>a:focus::after,
   html:root header>label:focus::after,
   html:root header form>a:focus::after,
   html:root header .form>a:focus::after,
   html:root header fieldset>a:focus::after,
   html:root header form>input[type="submit"]+label:focus::after,
   html:root header .form>input[type="submit"]+label:focus::after
   {
      background-color:#9900ff;
   }
   html:root header form>input[type="submit"]+label
   {
      float:left;
   }
   header>a::after,
   header>label::after,
   html:root header form>input[type="submit"]+label::after,
   html:root header .form>input[type="submit"]+label::after,
   header form>a::after,
   header .form>a::after,
   header fieldset>a::after
   {
      position:absolute;
      border:3rem solid #ffffff;
      display:block;
      content:" ";
      left:0;
      top:0;
      right:0;
      bottom:0;
      box-sizing:border-box;
      border-radius:8rem;
      z-index:-1;
   }
   body>footer
   {
      opacity:0.8;
      display:block;
      margin:10rem 0 0;
      padding:0 10rem 6rem;
      order:200;
      flex:0 0 auto;
      font-size:16rem;
      line-height:20rem;
      color:#ffffff;
   }
   body>footer>a
   {
      color:#0066ff;
      text-decoration:underline;
   }
   datalist
   {
      display:none;
      position:absolute;
      z-index:20;
      left:0;
      top:0;
      width:320rem;
      max-height:320rem;
      border-radius:10rem;
      overflow:hidden;
      box-sizing:border-box;
      background:#ffffff;
      border:2rem solid #000000;
      box-shadow:0 0 4rem 4rem rgba(0,0,0,0.4);
      border-spacing:0;
   }
   datalist option
   {
      display:flex;
      flex-flow:row nowrap;
      align-items: center;
      overflow:hidden;
      padding:0 4rem;
      text-overflow:ellipsis;
      height:34rem;
      vertical-align:middle;
      color:#9900ff;
   }
   datalist option:hover,
   datalist option[data-xnce*="hover"]
   {
      background-color:#cc88ff;
      color:#ffffff;
   }
   datalist option:active,
   datalist option[data-xnce*="active"],
   datalist option.active
   {
      background-color:#9900ff;
      color:#ffffff;
   }
   a#chat-button[data-messages="fail"]
   {
      animation:none;
      background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wI\
         iBlbmNvZGluZz0idXRmLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJ\
         MSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3Jhc\
         GhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHZpZXdCb3g9IjAgMCA0MCA0MCI\
         geG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiPjxwY\
         XRoICBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZT0iI2ZmZiIgZmlsbD0ibm9uZSIgc3Ryb2t\
         lLWxpbmVqb2luPSJyb3VuZCIgZD0iTTIwIDdWMzNNMjAgMTRMMTMgN00yMCAxNEwyNyA3T\
         TI3IDEzTDEzIDI3IiAvPjwvc3ZnPg');
   }
   a#chat-button[data-messages="0"]
   {
      animation:none;
      background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wI\
         iBlbmNvZGluZz0idXRmLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJ\
         MSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3Jhc\
         GhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHZpZXdCb3g9IjAgMCA0MCA0MCI\
         geG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiPjxnI\
         HN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlPSIjZmZmIiBmaWxsPSJub25lIiBzdHJva2UtbGl\
         uZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMjAgNy43NUExMi43NSA5Ljc1IDAgMCAxIDIwI\
         DI4QTEyLjc1IDkuNzUgMCAwIDEgMTQuNzUgMjcuMjVMMTAgMjkuNUwxMSAyNC43QTEyLjc\
         1IDkuNzUgMCAwIDEgMjAgNy43NSIvPjxwYXRoIHN0cm9rZS13aWR0aD0iMiIgZD0iTTIwI\
         DE2Ljc1QTEuNSAxLjUgMCAwIDEgMjAgMTkuNzVWMTYuNzVBMS41IDEuNSAwIDAgMCAyMCA\
         xOS43NU0xNCAxNi43NUExLjUgMS41IDAgMCAxIDE0IDE5Ljc1VjE2Ljc1QTEuNSAxLjUgM\
         CAwIDAgMTQgMTkuNzVNMjYgMTYuNzVBMS41IDEuNSAwIDAgMSAyNiAxOS43NVYxNi43NUE\
         xLjUgMS41IDAgMCAwIDI2IDE5Ljc1IiAvPjwvZz48L3N2Zz4');
   }
   header form label[for^="logoff"]
   {
      background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wI\
         iBlbmNvZGluZz0idXRmLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJ\
         MSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3Jhc\
         GhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHZpZXdCb3g9IjAgMCA0MCA0MCI\
         geG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiPjxnI\
         HN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlPSIjZmZmIiBmaWxsPSJub25lIj48cGF0aCBkPSJ\
         NMjAgMTIgTDIwIDI4IiAvPjxjaXJjbGUgY3g9IjIwIiBjeT0iMjAiIHI9IjEyIiAvPjwvZ\
         z48L3N2Zz4');
   }
   header form label[for^="login"]
   {
      background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wI\
         iBlbmNvZGluZz0idXRmLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJ\
         MSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3Jhc\
         GhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHZpZXdCb3g9IjAgMCA0MCA0MCI\
         geG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiPjxnI\
         HN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlPSIjZmZmIiBmaWxsPSJub25lIiBzdHJva2UtbGl\
         uZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMTQgMjZMMzAgMTBMMjcgN0wyNyAxM0wyNiAxN\
         EwyMiAxMCIvPjxjaXJjbGUgY3g9IjEyIiBjeT0iMjgiIHI9IjQiLz48L2c+PC9zdmc+');
   }
   header a#search
   {
      background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wI\
         iBlbmNvZGluZz0idXRmLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJ\
         MSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3Jhc\
         GhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHZpZXdCb3g9IjAgMCA0MCA0MCI\
         geG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiPjxnI\
         HN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlPSIjZmZmIiBmaWxsPSJub25lIiBzdHJva2UtbGl\
         uZWpvaW49InJvdW5kIj48cGF0aCBkPSJNOCAzMkwxNyAyMyIvPjxjaXJjbGUgY3g9IjIzI\
         iBjeT0iMTciIHI9IjkiLz48L2c+PC9zdmc+');
   }
   header>a.menu
   {
      background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wI\
         iBlbmNvZGluZz0idXRmLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJ\
         MSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3Jhc\
         GhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHZpZXdCb3g9IjAgMCA0MCA0MCI\
         geG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiPjxwY\
         XRoIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlPSIjZmZmIiBmaWxsPSJub25lIiBkPSJNOSA\
         xMkgzMU0zMSAyMEg5TTkgMjhIMzEiLz48L3N2Zz4');
   }
   .dialog p.info
   {
      margin:10rem 0;
      text-align:justify;
   }
   xn-scrollbar.vert
   {
      visibility:hidden;
      width:16rem;
      display:block;
      position:absolute;
      z-index:10;
      border:2rem solid transparent;
      overflow:hidden;
   }
   xn-scrollbar.horz
   {
      visibility:hidden;
      height:16rem;
      display:block;
      position:absolute;
      border:2rem solid transparent;
      z-index:10;
      overflow:hidden;
   }
   xn-scrollbar.horz xn-scroll-thumb
   {
      display:block;
      background:#9900ff;
      border-radius:8rem;
      min-width:40rem;
      height:100%;
      visibility:visible;
      opacity:0.3;
      transition:opacity 0.33s linear;
   }
   xn-scrollbar.vert xn-scroll-thumb
   {
      display:block;
      background:#9900ff;
      border-radius:8rem;
      min-height:40rem;
      visibility:visible;
      opacity:0.3;
      transition:opacity 0.33s linear;
   }
   :hover>xn-scrollbar xn-scroll-thumb,
   [data-xnce*="hover"]>xn-scrollbar xn-scroll-thumb,
   xn-scrollbar xn-scroll-thumb:active,
   xn-scrollbar xn-scroll-thumb[data-xnce*="active"],
   :active>xn-scrollbar xn-scroll-thumb,
   [data-xnce*="active"]>xn-scrollbar xn-scroll-thumb
   {
      opacity:0.6;
   }
   html:root input[type="radio"][name="modal"]
   {
      position:fixed;
      top:-100rem;
      left:-100rem;
   }
   html:root input[type="radio"][name="modal"]:focus
   {
      display:none;
   }
   #menu,
   #access
   {
      display:none;
   }
   #menu+*,
   #access+*
   {
      display:none;
      position:fixed;
      top:48rem;
      right:6rem;
      padding:1px;
      z-index:11;
   }
   #menu+::before
   {
      content:" ";
      display:block;
      z-index:-2;
      position:absolute;
      left:0;
      top:0;
      bottom:0;
      right:0;
      border:1px solid #ffffff;
      background:rgba(0,0,0,0.7);
      clip:rect(0px,1000px,1000px,-1000px);
      box-shadow:0 0 6rem 3rem #000;
   }
   #menu+*>div
   {
      display:table-cell;
   }
   #menu+*>div+div
   {
      padding:0 0 0 1px;
   }
   #menu+*>div+div::before
   {
      content:" ";
      display:block;
      position:absolute;
      width:1px;
      margin:0 0 0 -1px;
      top:4rem;
      bottom:4rem;
      background:#fff;
   }
   #menu+* a
   {
      padding:0rem 8rem;
      margin:0;
      border:none;
      display:block;
      line-height:40rem;
      font-size:20rem;
      color:#fff;
   }
   #menu+* a:hover,
   #menu+* a[data-xnce*="hover"]
   {
      background-color:rgba(153,0,255,0.5);
   }
   #menu+* a:focus
   {
      background-color:#9900ff;
   }
   #menu+*>a:first-of-type,
   #access+* a
   {
      position:fixed;
      z-index:-1;
      top:0;
      left:0;
      right:0;
      bottom:0;
      text-indent:-299rem;
      overflow:hidden;
      cursor:default;
      background:none;
   }
   #access+*>span
   {
      position:fixed;
      height:60rem;
      border:none;
      border-bottom:1px solid #ffffff;
      background:#000000;
      color:transparent;
      overflow:hidden;
      text-indent:-299rem;
      top:0;
      left:0;
      right:0;
      bottom:auto;
   }
   #access+*>span::before
   {
      display:block;
      content:" ";
      width:0;
      margin:20rem auto 0;
      border-left:20rem solid transparent;
      border-right:20rem solid transparent;
      border-bottom:20rem solid #ffffff;
   }
   #access+*>span+span
   {
      border:none;
      border-top:1px solid #ffffff;
      top:auto;
      left:0;
      right:0;
      bottom:0;
   }
   #access+*>span+span::before
   {
      border-top:20rem solid #ffffff;
      border-bottom:none;
   }
   #menu:target+*,
   #menu[data-xncf*="target"]+*
   {
      display:block;
   }
   #access:target+*,
   #access[data-xncf*="target"]+*
   {
      display:block;
   }
   html:root .search
   {
      text-align:left;
   }
   .search>div
   {
      float:right;
      position:relative;
      border-left:16rem solid transparent;
   }
   .search>div>p
   {
      position:relative;
      top:4rem;
      margin:0;
   }
   .search>div+div
   {
      float:none;
      position:static;
      border-left:none;
   }
   .search>div:first-of-type::after
   {
      content:" ";
      display:block;
      position:absolute;
      left:-8rem;
      top:4rem;
      bottom:4rem;
      border-left:1px solid #9900ff;
   }
   .search>div+div::after
   {
      display:none;
   }
   html#html:root [id^='ALERT'],
   html#html:root [id^='ghost'],
   html#html:root iframe
   {
      display:none !important;
      visibility:hidden !important;
      clip:rect(0px,0px,0px,0px) !important;
   }
   x-progress
   {
      position:absolute;
      top:44rem;
      left:3rem;
      width:calc(100% - 6rem);
      bottom:0;
      right:auto;
      height:auto;
      background:#eeddff;
      overflow:hidden;
      display:flex;
      flex-flow:row nowrap;
      z-index:0;
      border-left:16rem solid transparent;
      border-right:16rem solid transparent;
      align-items:center;
   }
   x-progress::after
   {
      position:absolute;
      display:block;
      content:" ";
      right:0;
      left:0;
      margin-top:-12rem;
      top:50%;
      height:24rem;
      border-radius:12rem;
      border:3rem solid #9900ff;
      z-index:1;
      box-sizing:border-box;
   }
   x-progress::before
   {
      position:static;
      display:block;
      content:" ";
      margin:0;
      margin-right:inherit;
      height:24rem;
      min-width:24rem;
      border-radius:12rem;
      background:#00cc00;
      z-index:0;
      box-sizing:border-box;
      flex:1 1 auto;
      border:1px solid transparent;
      background-clip:padding-box;
   }
   nav.menu
   {
      display:block;
      position:relative;
      z-index:1;
      text-align:left;
      font-size:20rem;
      line-height:24rem;
      max-width:600rem;
      color:#ffffff;
   }
   nav.menu:focus::before,
   nav.menu:active::before,
   nav.menu[data-xnce*="active"]::before
   {
      position:absolute;
      left:0;
      top:0;
      right:0;
      bottom:0;
      display:block;
      content:attr(aria-label);
      display:block;
      padding:8rem;
      text-align:center;
      font-weight:700;
      border:1px solid #ffffff;
      background:rgba(0,0,0,0.7);
      box-shadow:0 0 6rem 3rem #000;
      min-height:40rem;
      min-width:40rem;
      z-index:-1;
   }
   nav.menu::after
   {
      display:block;
      content:" ";
      position:absolute;
      left:0;
      top:-44rem;
      width:40rem;
      height:40rem;
      background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNv   ZGluZz0idXRmLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1cz   Qy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9E   VEQvc3ZnMTEuZHRkIj48c3ZnIHZpZXdCb3g9IjAgMCA0MCA0MCIgeG1sbnM9Imh0dHA6Ly93d3cu   dzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiPjxwYXRoIHN0cm9rZS13aWR0aD0iMyIgc3Ry   b2tlPSIjOTBmIiBmaWxsPSJub25lIiBkPSJNOSAxMkgzMU0zMSAyMEg5TTkgMjhIMzEiLz48L3N2   Zz4');
      background-size:40rem 40rem;
      background-repeat:no-repeat;
      background-position:center center;
      border:3rem solid #9900ff;
      border-radius:8rem;
      box-sizing:border-box;
      background-color:#ffffff;
      z-index:-2;
   }
   nav.menu>ol
   {
      overflow:hidden;
      height:0;
      display:block;
      counter-reset: toc1;
      margin:1px;
   }
   nav.menu:focus>ol,
   nav.menu:active>ol,
   nav.menu[data-xnce*="active"]>ol
   {
      padding-top:40rem;
      overflow:visible;
      height:auto;
   }
   nav.menu:focus::after,
   nav.menu:active::after,
   nav.menu[data-xnce*="active"]::after
   {
      border-color:#00cc00;
   }
   nav.menu>ol li
   {
      display:block;
      counter-increment:toc1;
   }
   nav.menu>ol ol
   {
      counter-reset: toc2;
   }
   nav.menu>ol ol li
   {
      counter-increment: toc2;
   }
   nav.menu>ol li>a::before
   {
      display:inline;
      content:counter(toc1) ". ";
   }
   nav.menu>ol ol li>a::before
   {
      display:inline;
      content:counter(toc1) "." counter(toc2) ". ";
   }
   nav.menu a
   {
      display:block;
      padding:8rem 8rem;
   }
   nav.menu a:hover,
   nav.menu a[data-xnce*="hover"]
   {
      background-color:rgba(153,0,255,0.5);
   }
   nav.menu a:focus,
   nav.menu a:active,
   nav.menu a[data-xnce*="active"]
   {
      background-color:#9900ff;
   }
}

@media screen and (max-width:499.9px), print and (max-width:499.9px)
{
   html
   {
      font-size:0.75px;
   }
   body
   {
      padding:36px 0 0;
   }
}

@media screen and (max-width:349.9px), print, screen and (max-height:379.9px)
{
   body>header,
   #menu+*,
   #access+*
   {
      position:absolute;
   }
}

@media print
{
   html::before
   {
      display:none;
      content:none;
      background:#fff;
   }
   html
   {
      background:#fff;
      scrollbar-color:rgba(255,255,255,0.5) #000;
   }
   body>footer
   {
      color:#000;
   }
}

@font-face
{
   font-family: digits;
   font-weight:400;
   src:url(digits.otf);
}

span.select[tabindex]
{
   box-sizing:border-box;
   height:34rem;
   padding-top:34rem;
   background:none;
   width:100%;
   display:block;
   position:relative;
   z-index:0;
   color:#9900ff;
}
span.select[tabindex]::after
{
   display:block;
   content:" ";
   position:absolute;
   z-index:2;
   width:0;
   height:0;
   border-top:12rem solid #9900ff;
   border-right:12rem solid transparent;
   border-left:12rem solid transparent;
   right:7rem;
   top:12rem;
}
span.select[tabindex] small
{
   margin-top:0rem;
   overflow:hidden;
   height:0;
   display:block;
   background:#ffffff;
   box-sizing:content-box;
}
.select[tabindex] small[data-xn-scroll="1"]
{
   overflow:auto;
}
.select[data-item-count] small
{
   max-height:170rem;
}
.select[data-item-count="1"] small,
.select[data-item-count="2"] small,
.select[data-item-count="3"] small,
.select[data-item-count="4"] small
{
   max-height:none;
}
span.select.top
{
   padding-top:0;
   columns:1;
}
span.select.top[data-item-count] small
{
   margin-top:-174rem;
}
span.select.top[data-item-count="1"] small
{
   margin-top:-38rem;
}
span.select.top[data-item-count="2"] small
{
   margin-top:-72rem;
}
span.select.top[data-item-count="3"] small
{
   margin-top:-106rem;
}
span.select.top[data-item-count="4"] small
{
   margin-top:-140rem;
}
span.select[tabindex] small::before
{
   display:block;
   content:" ";
   height:100%;
   z-index:2;
   position:absolute;
   left:0;
   top:0;
   width:100%;
}
span.select[tabindex] small::after
{
   content:" ";
   position:absolute;
   height:100%;
   width:100%;
   left:0;
   top:0;
   border:2rem solid #9900ff;
   box-sizing:border-box;
   border-radius:10rem;
   background:#ffffff;
   z-index:-1;
}
span.select[tabindex] label
{
   display:none;
   overflow:hidden;
   height:34rem;
   line-height:34rem;
   background:#ffffff;
   padding:0 4rem;
   text-overflow:ellipsis;
   white-space:nowrap;
   margin:0;
   cursor:default;
}
span.select[tabindex] input+label::before,
span.select[tabindex] input+label::after
{
   content:none;
   display:none;
   border-radius:0;
   border:none;
   background:none;
   top:auto;
   left:auto;
   right:auto;
   bottom:auto;
   height:auto;
   width:auto;
   font-size:inherit;
   position:static;
   margin:0;
   padding:0;
}
span.select[tabindex] input
{
   display:none;
}
span.select[tabindex]:focus input
{
   display:block;
   position:fixed;
   left:0;
   top:0;
   clip:rect(0, 0, 0, 0);
}
span.select[tabindex] input:checked+label[data-text]
{
   display:block;
   position:absolute;
   height:100%;
   left:0;
   top:0;
   width:100%;
   padding:0 36rem 0 6rem;
   box-sizing:border-box;
   background:none;
   z-index:1;
}
span.select[tabindex]:focus
{
   z-index:1;
}
span.select[tabindex]:focus small
{
   height:auto;
   border-radius:10rem;
   border:2rem solid #000000;
   box-shadow: 0 0 4rem 4rem rgba(0,0,0,0.4);
}
span.select[tabindex]:focus small::after
{
   border-color:#00cc00;
}
html:root span.select[tabindex]:focus label
{
   display:block;
   position:static;
   height:34rem;
   padding:0 4rem;
}
span.select[tabindex]:focus input:checked+label[data-text]::after
{
   content:attr(data-text);
   display:block;
   position:absolute;
   height:100%;
   left:0;
   top:0;
   width:100%;
   padding:0 36rem 0 6rem;
   z-index:1;
   color:#9900ff;
   overflow:hidden;
   text-overflow:ellipsis;
   box-sizing:border-box;
}
span.select[tabindex]:focus input:checked+label
{
   background-color:#d2b4ff;
   color:#6c00b4;
}
span.select[tabindex]:focus input+label:hover,
span.select[tabindex]:focus input+label[data-xnce*="hover"],
span.select[tabindex]:focus input+label:active,
span.select[tabindex]:focus input+label[data-xnce*="active"]
{
   background-color:#9900ff;
   color:#ffffff;
}
span.select[tabindex]:focus label.group
{
   background-color:#808080;
   color:#ffffff;
}
span.select.long[tabindex]:focus small
{
   height:136rem;
   box-sizing:content-box;
}
span.select[tabindex] input[name^="__"]
{
   display:none;
}
span.select.long[tabindex]:focus label[data-text]
{
   padding-right:40rem;
}
span.select.long[tabindex]:focus label.prev,
span.select.long[tabindex]:focus label.next
{
   position:absolute;
   top:34rem;
   box-sizing:content-box;
   right:0rem;
   border-radius:0 10rem 0 0;
}
span.select.long[tabindex]:focus label.next
{
   top:103rem;
   border-radius:0 0 10rem 0;
}
span.select.long[tabindex]:focus input[name^="__"]~label
{
   height:0;
   width:0;
   border:none;
}
span.select.long[tabindex]:focus input[name^="__"]:checked~label
{
   height:34rem;
   width:auto;
   border:none;
}
span.select.long[tabindex]:focus input[name^="__"]:checked~label.prev,
span.select.long[tabindex]:focus input[name^="__"]:checked~label.next
{
   height:67rem;
   width:34rem;
   border:2rem solid #9900ff;
   text-indent:40rem;
   line-height:0;
   padding:0;
}
span.select.long[tabindex]:focus input[name^="__"]:checked~input[name^="__"]~label
{
   height:0;
   width:0;
   border:none;
}
span.select.long[tabindex]:focus input[name^="__"]:checked~label.next::after
{
   display:block;
   content:" ";
   border-top:12rem solid #9900ff;
   border-left:12rem solid transparent;
   border-right:12rem solid transparent;
   margin:30rem auto 0;
   width:0rem;
   height:0rem;
}
span.select.long[tabindex]:focus input[name^="__"]:checked~label.next:hover::after,
span.select.long[tabindex]:focus input[name^="__"]:checked~label.next[data-xnce*="hover"]::after
{
   border-top:12rem solid #ffffff;
}
span.select.long[tabindex]:focus input[name^="__"]:checked~label.next:active::after,
span.select.long[tabindex]:focus input[name^="__"]:checked~label.next[data-xnce*="active"]::after
{
   border-top:12rem solid #6c00b4;
}
span.select.long[tabindex]:focus input[name^="__"]:checked~label.prev::after
{
   display:block;
   content:" ";
   border-bottom:12rem solid #9900ff;
   border-left:12rem solid transparent;
   border-right:12rem solid transparent;
   margin:26rem auto 0;
   width:0rem;
   height:0rem;
}
span.select.long[tabindex]:focus input[name^="__"]:checked~label.prev:hover::after,
span.select.long[tabindex]:focus input[name^="__"]:checked~label.prev[data-xnce*="hover"]::after
{
   border-bottom:12rem solid #ffffff;
}
span.select.long[tabindex]:focus input[name^="__"]:checked~label.prev:active::after,
span.select.long[tabindex]:focus input[name^="__"]:checked~label.prev[data-xnce*="active"]::after
{
   border-bottom:12rem solid #6c00b4;
}
span.select.short[tabindex],
span.select.ext[tabindex]
{
   text-align:center;
   width:34rem;
   display:inline-block;
   vertical-align:top;
}
span.select.short[tabindex]::after,
span.select.ext[tabindex]::after
{
   display:none;
}
html span.select.short[tabindex] label[data-text],
span.select.short[tabindex]:focus input:checked+label[data-text]::after,
html span.select.ext[tabindex] label[data-text],
span.select.ext[tabindex]:focus input:checked+label[data-text]::after
{
   padding:0;
}
span.select.short[tabindex]:focus small,
span.select.ext[tabindex]:focus small
{
   width:400%;
}
:root span.select.short[tabindex]:focus label,
:root span.select.ext[tabindex]:focus label
{
   width:25%;
   float:left;
   padding:0rem;
}
span.select.ext[tabindex]:focus input[name^="__"]~label
{
   height:0;
   width:0;
   border:none;
}
span.select.ext[tabindex]:focus input[name^="__"]:checked~label
{
   height:34rem;
   width:25%;
   border:none;
}
span.select.ext[tabindex]:focus input[name^="__"]:checked~input[name^="__"]~label
{
   height:0;
   width:0;
   border:none;
}
span.select.digit4[tabindex]
{
   width:52rem;
}
span.select.digit3[tabindex]
{
   width:43rem;
}
span.select.colour[tabindex]
{
   width:140rem;
   vertical-align:top;
   display:block;
   line-height:0;
}
span.select.colour[tabindex] label::before
{
   display:table-cell;
   content:"";
   padding:0rem;
   border:1rem solid #000000;
   background-color:#00ffff;
   box-sizing:border-box;
   border-radius:4rem;
}
span.select.colour[tabindex] label::after
{
   background-color:#00ffff;
}
span.select.colour[tabindex]:focus input:checked+label[data-text]::after
{
   content:" ";
   border:1rem solid #000000;
   right:36rem;
   left:6rem;
   bottom:6rem;
   top:6rem;
   width:auto;
   height:auto;
   border-radius:4rem;
}
html span.select.colour[tabindex]:focus label[data-text],
html span.select.colour[tabindex] input:checked+label
{
   display:table;
   box-sizing:border-box;
   border-spacing:0;
   width:100%;
   height:34rem;
   padding:6rem 36rem 6rem 6rem;
}
span.select.colour[tabindex]:focus input+label[data-text]
{
   padding:4rem;
   width:25%;
   float:left;
}
.checkBoxTable
{
   border-spacing: 2rem;
   margin:2rem 2rem -2rem -2rem;
   display:inline-table;
   vertical-align:bottom;
}
.checkBoxTable td>input[type="checkbox"]+label[tabindex]
{
   border:0rem;
   padding:0rem;
   width:34rem;
   margin:0rem;
}
.checkBoxTable td>input[type="checkbox"]+label[tabindex]::before,
.checkBoxTable td>input[type="checkbox"]+label[tabindex]::after
{
   margin-left:40rem;
}
.checkBoxTable thead th,
.checkBoxTable tr.header th
{
   vertical-align:bottom;
   text-align:center;
}
.checkBoxTable thead th:first-of-type
{
   vertical-align:top;
   text-align:left;
   font-weight:700;
}
.checkBoxTable tbody th
{
   padding-right:4rem;
   text-align:right;
}
.checkBoxTable thead th span,
.checkBoxTable tr.header th span
{
   -ms-writing-mode: tb-rl;
   -webkit-writing-mode:vertical-rl;
   writing-mode: vertical-rl;
   transform:rotate(180deg);
   white-space: nowrap;
}
html:root body label.date>input[type="text"]
{
   width:100%;
   padding-right:0rem;
   padding-left:4rem;
   margin:0rem;
   background:transparent;
   display:inline-block;
   z-index:0;
   font-family:"digits";
   position:relative;
   padding-left:36rem;
   z-index:1;
}
html:root body label.date
{
   font-family:"digits";
   background:#ffffff;
   border-radius:10rem;
   display:inline-block;
   position:relative;
   height:34rem;
   box-sizing: border-box;
   width:140rem;
   margin:0rem;
   z-index:0;
}
html:root body label.date span
{
   display:inline-block;
   width:0rem;
   position:relative;
   left:6rem;
}
html:root body label.date>span::before,
html:root body label.date>span::after
{
   content:" ";
   display:block;
   width:2rem;
   height:2rem;
   position:absolute;
   left:62rem;
   margin-left:2rem;
   top:50%;
   background:#9900ff;
   transform:translate(-1rem, -0.5rem);
}
html:root body label.date>span::after
{
   left:94rem;
}
html:root body label.time>input[type="text"]
{
   width:100%;
   padding-right:0;
   padding-left:0;
   margin:0rem;
   background:transparent;
   display:inline-block;
   z-index:0;
   font-family:"digits";
   position:relative;
   padding-left:4rem;
   z-index:1;
}
html:root body label.time
{
   background:#ffffff;
   border-radius:10rem;
   display:inline-block;
   position:relative;
   height:34rem;
   box-sizing: border-box;
   width:76rem;
   margin:0rem;
   z-index:0;
   margin-left:6rem;
}
html:root body label.time::before
{
   content:":";
   display:block;
   width:0rem;
   position:relative;
   display:inline-block;
   left:35.5rem;
}
html:root body label.date+label.time
{
   margin-right:6rem;
}

@media screen, print
{
   .dialog
   {
      visibility:hidden;
      display:table;
      position:fixed;
      left:0;
      width:100%;
      height:100%;
      top:-100%;
      border:20rem solid transparent;
      box-sizing:border-box;
      overflow:visible;
      z-index:100;
      transition: visibility 0s linear 0.5s, top 0s linear 0.5s, background-color 0.5s linear 0s;
      padding:0 calc(50% - 235rem);
      min-width:320px;
      background-color:rgba(0,0,0,0);
   }
   span[id^="form"]
   {
      display:none;
   }
   .dialog::before,
   .dialog::after
   {
      display:table-row;
      content:' ';
      background-color:rgba(0,0,0,0);
      opacity:0;
   }
   .dialog:target::before,
   .dialog[data-xncf*="target"]::before
   {
      background-color:rgba(0,0,0,0.5);
   }
   .dialog>*
   {
      position:relative;
      z-index:0;
      opacity:0;
      display:table-cell;
      transform:scale(0);
      transition:transform 0.5s ease, opacity 0.5s ease;
      height:340rem;
      background:#eeddff;
      padding:44rem 21rem 63rem 21rem;
      border-radius:20rem 20rem 0rem 0rem;
      box-shadow: 0 0 13rem 7rem #000000, 0 0 0 3rem #9900ff inset;
      color:#9900ff;
      vertical-align:middle;
   }
   .dialog:target,
   .dialog[data-xncf*="target"],
   input:checked+.dialog
   {
      visibility:visible;
      opacity:1;
      top:0;
      transition: visibility 0s linear 0s, top 0s linear 0s, background-color 0.5s linear 0s;
      background-color:rgba(0,0,0,0.5);
   }
   .dialog:target>*,
   .dialog[data-xncf*="target"]>*,
   input:checked+.dialog>*
   {
      transform:scale(1);
      opacity:1;
   }
   .dialog fieldset
   {
      display:block;
      padding:10rem 0rem 0rem;
      height:51rem;
      border-top:1rem solid #9900ff;
      text-align:center;
      font-weight:200;
      position:absolute;
      left:20rem;
      right:20rem;
      bottom:12rem;
      box-sizing:border-box;
      z-index:0;
   }
   .dialog fieldset legend
   {
      display:none;
   }
   .dialog input
   {
      display:block;
      padding:0rem 5rem;
      border:2rem solid #9900ff;
      background:#ffffff;
      color:#9900ff;
      margin:0rem 0rem 5rem 0rem;
   }
   .dialog label
   {
      margin:5rem 0rem 0rem 0rem;
      display:block;
      text-align:left;
      margin-bottom:0rem;
   }
   .dialog fieldset>a,
   .dialog fieldset>input[type="submit"]~label,
   .dialog fieldset>input[type="file"]~label
   {
      display:inline-block;
      height:40rem;
      border:none;
      text-align:center;
      padding:0 10rem;
      background:none;
      font-weight:400;
      color:#ffffff;
      min-width:80rem;
      margin:0;
      cursor:pointer;
      font-size:20rem;
      line-height:40rem;
      border-radius:10rem;
      box-sizing:border-box;
      position:relative;
      z-index:0;
   }
   .dialog fieldset>a::after,
   .dialog fieldset>input[type="submit"]~label::after,
   .dialog fieldset>input[type="file"]~label::after
   {
      content:" ";
      position:absolute;
      z-index:-1;
      border:2rem solid #ffffff;
      background:#9900ff;
      border-radius:10rem;
      left:0;
      top:0;
      width:100%;
      height:100%;
      box-sizing:border-box;
   }
   .dialog fieldset>a:focus::after,
   .dialog fieldset>input[type="submit"]:focus+label::after,
   .dialog fieldset>input[type="submit"]~label:focus::after,
   .dialog fieldset>input[type="file"]:focus+label::after,
   .dialog fieldset>input[type="file"]~label:focus::after
   {
      background:#00cc00;
   }
   html:root .dialog fieldset>label~label,
   .dialog fieldset>label~a,
   html:root .dialog fieldset>a~label,
   .dialog fieldset>a~a
   {
      margin-left:10rem;
   }
   .dialog>*>span:first-child
   {
      color:#ffffff;
      display:block;
      padding:12rem 43rem 0rem 5rem;
      height:44rem;
      text-align:center;
      font-weight:700;
      position:absolute;
      border-radius:20rem 20rem 0rem 0rem;
      border:2rem solid transparent;
      top:0rem;
      left:0rem;
      right:0rem;
      background:#9900ff;
      box-sizing:border-box;
      overflow:hidden;
      z-index:0;
      text-overflow:ellipsis;
      white-space:nowrap;
   }
   .dialog>*>span:first-child::before
   {
      display:block;
      position:absolute;
      content:" ";
      height:60%;
      top:0rem;
      left:4rem;
      right:4rem;
      background:linear-gradient(rgba(255,255,255,0.75), rgba(255,255,255,0.25));
      border-radius:16rem;
      z-index:1;
   }
   .dialog>*>span:first-child a,
   .dialog>*>span:first-child label
   {
      display:block;
      height:36rem;
      width:36rem;
      border:none;
      box-sizing:border-box;
      border:0rem solid #ffffff;
      border-radius:20rem;
      background:#ff6633;
      text-align:center;
      position:absolute;
      right:3rem;
      top:3rem;
      text-indent:-200rem;
      cursor:pointer;
      padding:0rem;
      margin:0rem;
      overflow:hidden;
      background-clip:padding-box;
   }
   .dialog>*>span:first-child a::after,
   .dialog>*>span:first-child label::after
   {
      content:" ";
      position:absolute;
      display:block;
      width:100%;
      height:100%;
      left:0rem;
      top:0rem;
      box-sizing:border-box;
      border:2rem solid #ffffff;
      z-index:2;
      border-radius:20rem;
   }
   .dialog>*>span:first-child a::before,
   .dialog>*>span:first-child label::before
   {
      content:" ";
      position:absolute;
      display:block;
      background:#ffffff;
      left:8rem;
      top:17rem;
      height:2rem;
      width:20rem;
      box-sizing:border-box;
      border:none;
      transform: rotate(45deg);
      z-index:2;
   }
   .dialog>*>span:first-child::after
   {
      content:" ";
      position:absolute;
      display:block;
      background:#ffffff;
      right:11rem;
      top:20rem;
      height:2rem;
      width:20rem;
      box-sizing:border-box;
      border:none;
      transform: rotate(-45deg);
      z-index:1;
   }
   .dialog input[type="submit"],
   .dialog input[type="file"]
   {
      position:absolute;
      width:0rem;
      height:40rem;
      display:block;
      overflow:hidden;
      clip:rect(0rem, 0rem, 0rem, 0rem);
   }
   .dialog input[type="checkbox"]+label[tabindex]::before,
   .dialog input[type="radio"]+label[tabindex]::before
   {
      border-color:#9900ff;
      background:#ffffff;
   }
   .dialog input[type="checkbox"]:checked+label[tabindex]::after
   {
      border-color:#9900ff;
   }
   .dialog input[type="radio"]:checked+label[tabindex]::after
   {
      background-color:#9900ff;
   }
   .dialog input[type="checkbox"]:focus+label[tabindex]::before,
   .dialog input[type="checkbox"]+label[tabindex]:focus::before,
   .dialog input[type="radio"]:focus+label[tabindex]::before,
   .dialog input[type="radio"]+label[tabindex]:focus::before
   {
      border-color:#00cc00;
   }
   .dialog a
   {
      display:inline;
      margin:0rem;
      padding:0rem;
      font-weight:700;
   }
   .dialog .vertical-scroll-bar,
   .dialog .horizontal-scroll-bar
   {
      background-color:#9900ff;
   }
   .dialog input[type="text"]:invalid
   {
      border-color:#ff0000;
      background-color:#ffffb4;
   }
   .dialog input[type="text"]:focus,
   .dialog input[type="password"]:focus
   {
      border-color:#00cc00;
   }
   .dialog x-progress
   {
      bottom:3rem;
   }
}

@media screen and (max-height:380px)
{
   .dialog
   {
      border-top:20rem solid transparent;
      border-bottom:20rem solid transparent;
      position:absolute;
      left:calc(-100vw - 320rem);
      transition: visibility 0s linear 0.5s, top 0s linear 0.5s;
   }
   :root .dialog>*
   {
      left:calc(100vw + 320rem);
   }
   .dialog::before
   {
      display:block;
      position:fixed;
      left:0;
      top:0;
      width:100%;
      height:100%;
      z-index:-1;
      opacity:1;
      transition:background-color 0.5s linear 0s;
   }
   :root .dialog:target,
   :root .dialog[data-xncf*="target"]
   {
      transition: visibility 0s linear 0s, top 0s linear 0s;
   }
}

@media screen and (max-width:469.9px)
{
   .dialog
   {
      padding:0;
   }
}

@media screen and (max-width:345.9px)
{
   :root .dialog
   {
      position:absolute;
      left:calc(-100vh - 500rem);
      transition: visibility 0s linear 0.5s, top 0s linear 0.5s;
   }
   :root .dialog>*
   {
      left:calc(100vh + 500rem);
   }
   .dialog::before
   {
      display:block;
      position:fixed;
      left:0;
      top:0;
      width:100%;
      height:100%;
      z-index:-1;
      opacity:1;
      transition:background-color 0.5s linear 0s;
   }
   :root .dialog:target,
   :root .dialog[data-xncf*="target"]
   {
      transition: visibility 0s linear 0s, top 0s linear 0s;
   }
}

@media screen, print
{
   html:root .im span.emo000>span
   {
      width:47rem;
      height:24rem;
   }
   html:root .im span.emo000>span::after
   {
      background-image:url(cats.png);
      top:-23rem;
      left:-5rem;
      width:57rem;
      height:52rem;
      background-position:-4rem -14rem;
   }
   html:root .im span.emo000>span>span
   {
      top:calc(-48rem - 6px);
   }
   html:root .im span.emo001>span
   {
      width:47rem;
      height:24rem;
   }
   html:root .im span.emo001>span::after
   {
      background-image:url(cats.png);
      top:-23rem;
      left:-5rem;
      width:57rem;
      height:52rem;
      background-position:-69rem -14rem;
   }
   html:root .im span.emo001>span>span
   {
      top:calc(-48rem - 6px);
   }
   html:root .im span.emo002>span
   {
      width:47rem;
      height:24rem;
   }
   html:root .im span.emo002>span::after
   {
      background-image:url(cats.png);
      top:-23rem;
      left:-5rem;
      width:57rem;
      height:52rem;
      background-position:-134rem -14rem;
   }
   html:root .im span.emo002>span>span
   {
      top:calc(-48rem - 6px);
   }
   html:root .im span.emo003>span
   {
      width:47rem;
      height:24rem;
   }
   html:root .im span.emo003>span::after
   {
      background-image:url(cats.png);
      top:-23rem;
      left:-5rem;
      width:57rem;
      height:52rem;
      background-position:-199rem -14rem;
   }
   html:root .im span.emo003>span>span
   {
      top:calc(-48rem - 6px);
   }
   html:root .im span.emo004>span
   {
      width:47rem;
      height:24rem;
   }
   html:root .im span.emo004>span::after
   {
      background-image:url(cats.png);
      top:-25rem;
      left:-5rem;
      width:57rem;
      height:54rem;
      background-position:-4rem -90rem;
   }
   html:root .im span.emo004>span>span
   {
      top:calc(-50rem - 6px);
   }
   html:root .im span.emo005>span
   {
      width:47rem;
      height:24rem;
   }
   html:root .im span.emo005>span::after
   {
      background-image:url(cats.png);
      top:-23rem;
      left:-5rem;
      width:57rem;
      height:52rem;
      background-position:-69rem -92rem;
   }
   html:root .im span.emo005>span>span
   {
      top:calc(-48rem - 6px);
   }
   html:root .im span.emo006>span
   {
      width:47rem;
      height:24rem;
   }
   html:root .im span.emo006>span::after
   {
      background-image:url(cats.png);
      top:-23rem;
      left:-5rem;
      width:57rem;
      height:52rem;
      background-position:-134rem -92rem;
   }
   html:root .im span.emo006>span>span
   {
      top:calc(-48rem - 6px);
   }
   html:root .im span.emo007>span
   {
      width:47rem;
      height:24rem;
   }
   html:root .im span.emo007>span::after
   {
      background-image:url(cats.png);
      top:-22rem;
      left:-5rem;
      width:57rem;
      height:51rem;
      background-position:-199rem -93rem;
   }
   html:root .im span.emo007>span>span
   {
      top:calc(-47rem - 6px);
   }
   html:root .im span.emo008>span
   {
      width:47rem;
      height:24rem;
   }
   html:root .im span.emo008>span::after
   {
      background-image:url(cats.png);
      top:-23rem;
      left:-5rem;
      width:57rem;
      height:52rem;
      background-position:-4rem -170rem;
   }
   html:root .im span.emo008>span>span
   {
      top:calc(-48rem - 6px);
   }
   html:root .im span.emo009>span
   {
      width:47rem;
      height:24rem;
   }
   html:root .im span.emo009>span::after
   {
      background-image:url(cats.png);
      top:-23rem;
      left:-5rem;
      width:57rem;
      height:52rem;
      background-position:-69rem -170rem;
   }
   html:root .im span.emo009>span>span
   {
      top:calc(-48rem - 6px);
   }
   html:root .im span.emo00a>span
   {
      width:47rem;
      height:24rem;
   }
   html:root .im span.emo00a>span::after
   {
      background-image:url(cats.png);
      top:-24rem;
      left:-5rem;
      width:57rem;
      height:53rem;
      background-position:-134rem -169rem;
   }
   html:root .im span.emo00a>span>span
   {
      top:calc(-49rem - 6px);
   }
   html:root .im span.emo00b>span
   {
      width:47rem;
      height:24rem;
   }
   html:root .im span.emo00b>span::after
   {
      background-image:url(cats.png);
      top:-23rem;
      left:-5rem;
      width:57rem;
      height:52rem;
      background-position:-199rem -170rem;
   }
   html:root .im span.emo00b>span>span
   {
      top:calc(-48rem - 6px);
   }
   html:root .im span.emo00c>span
   {
      width:47rem;
      height:24rem;
   }
   html:root .im span.emo00c>span::after
   {
      background-image:url(cats.png);
      top:-12rem;
      left:-5rem;
      width:57rem;
      height:41rem;
      background-position:-4rem -259rem;
   }
   html:root .im span.emo00c>span>span
   {
      top:calc(-37rem - 6px);
   }
   html:root .im span.emo00d>span
   {
      width:47rem;
      height:24rem;
   }
   html:root .im span.emo00d>span::after
   {
      background-image:url(cats.png);
      top:-23rem;
      left:-5rem;
      width:57rem;
      height:52rem;
      background-position:-69rem -248rem;
   }
   html:root .im span.emo00d>span>span
   {
      top:calc(-48rem - 6px);
   }
   html:root .im span.emo00e>span
   {
      width:65rem;
      height:24rem;
   }
   html:root .im span.emo00e>span::after
   {
      background-image:url(cats.png);
      top:-23rem;
      left:-5rem;
      width:70rem;
      height:52rem;
      background-position:-128rem -248rem;
   }
   html:root .im span.emo00e>span>span
   {
      top:calc(-48rem - 6px);
   }
   html:root .im span.emo00f>span
   {
      width:46rem;
      height:24rem;
   }
   html:root .im span.emo00f>span::after
   {
      background-image:url(cats.png);
      top:-19rem;
      left:-6rem;
      width:58rem;
      height:55rem;
      background-position:-200rem -252rem;
   }
   html:root .im span.emo00f>span>span
   {
      top:calc(-44rem - 6px);
   }
   html:root .im span.emo010>span
   {
      width:47rem;
      height:24rem;
   }
   html:root .im span.emo010>span::after
   {
      background-image:url(cats.png);
      top:-20rem;
      left:-5rem;
      width:57rem;
      height:49rem;
      background-position:0rem -329rem;
   }
   html:root .im span.emo010>span>span
   {
      top:calc(-45rem - 6px);
   }
   html:root .im span.emo011>span
   {
      width:47rem;
      height:24rem;
   }
   html:root .im span.emo011>span::after
   {
      background-image:url(cats.png);
      top:-20rem;
      left:-5rem;
      width:57rem;
      height:49rem;
      background-position:-59rem -329rem;
   }
   html:root .im span.emo011>span>span
   {
      top:calc(-45rem - 6px);
   }
   html:root .im span.emo012>span
   {
      width:47rem;
      height:24rem;
   }
   html:root .im span.emo012>span::after
   {
      background-image:url(cats.png);
      top:-23rem;
      left:-5rem;
      width:57rem;
      height:56rem;
      background-position:-118rem -326rem;
   }
   html:root .im span.emo012>span>span
   {
      top:calc(-48rem - 6px);
   }
   html:root .im span.emo013>span
   {
      width:78rem;
      height:24rem;
   }
   html:root .im span.emo013>span::after
   {
      background-image:url(cats.png);
      top:-23rem;
      left:-5rem;
      width:83rem;
      height:52rem;
      background-position:-177rem -326rem;
   }
   html:root .im span.emo013>span>span
   {
      top:calc(-48rem - 6px);
   }
   html:root .im span.emo014>span
   {
      width:85rem;
      height:24rem;
   }
   html:root .im span.emo014>span::after
   {
      background-image:url(cats.png);
      top:-19rem;
      left:-5rem;
      width:90rem;
      height:56rem;
      background-position:0rem -408rem;
   }
   html:root .im span.emo014>span>span
   {
      top:calc(-44rem - 6px);
   }
   html:root .im span.emo015>span
   {
      width:49rem;
      height:24rem;
   }
   html:root .im span.emo015>span::after
   {
      background-image:url(cats.png);
      top:-13rem;
      left:0rem;
      width:49rem;
      height:50rem;
      background-position:-93rem -414rem;
   }
   html:root .im span.emo015>span>span
   {
      top:calc(-38rem - 6px);
   }
}

@media screen, print
{
   html:root .im
   {
      font-style:normal;
      font-weight:400;
      word-wrap:break-word;
      text-align:justify;
      white-space:normal;
      position:relative;
      z-index:0;
   }
   html:root .im::after
   {
      display:block;
      content:' ';
      clear:both;
   }
   html:root .im *
   {
      border:none;
      outline:none;
      padding:0;
      margin:0;
      border-radius:0;
      border-spacing:0;
      word-wrap:inherit;
      font-style:inherit;
      font-weight:inherit;
      text-align:inherit;
   }
   html body .im h1[id],
   html body .im h2[id],
   html body .im h3[id]
   {
      margin-top:-48rem;
   }
   html body .im h1[id]::after,
   html body .im h2[id]::after,
   html body .im h3[id]::after
   {
      content:" ";
      display:table-caption;
      height:56rem;
      position:relative;
      z-index:-1;
      pointer-events:none;
   }
   .im li>div>p+h1[id],
   .im li>div>p+h2[id],
   .im li>div>p+h3[id],
   html .im ul+h1[id],
   html .im ul+h2[id],
   html .im ul+h3[id],
   html .im ol+h1[id],
   html .im ol+h2[id],
   html .im ol+h3[id]
   {
      margin-top:-48rem;
   }
   html .im p+h1[id],
   html .im p+h2[id],
   html .im p+h3[id]
   {
      margin-top:-50rem;
   }
   html:root .im b.line,
   html:root .im i.line,
   html:root .im span.line,
   html:root .im sub.line,
   html:root .im del.line,
   html:root .im sup.line
   {
      border:0px solid transparent;
      border-bottom:2px solid transparent;
      border-top:none;
      border-image-source:radial-gradient(closest-side, #000000 0%, #000000 20%,#b49cb4 20%,#b49cb4 60%,#ffddff 60%,#ffddff 100%,rgba(0,0,0,0) 100%);
      border-image-width:0px 2px 5px;
      border-image-slice:0% 49% 100%;
      border-image-outset:0px 2px 0px;
      border-image-repeat:stretch;
      box-decoration-break:clone;
   }
   html:root .im .adm.line
   {
      border-image-source:radial-gradient(closest-side, #f00 0%, #f00 20%,#fa0 20%,#fa0 60%,#ff0 60%,#ff0 100%,rgba(0,0,0,0) 100%);
   }
   html:root .im .mod.line
   {
      border-image-source:radial-gradient(closest-side, #00f 0%, #00f 20%,#0af 20%,#0af 60%,#0ff 60%,#0ff 100%,rgba(0,0,0,0) 100%);
   }
   html:root body .im .adm
   {
      color:#ff0000;
      text-shadow:-1px 0 #ffb400,0 -1px #ffb400,0 1px #ffb400,1px 0 #ffb400,-1px -2px #ff0,0 -2px #ff0,1px -2px #ff0,-1px 2px #ff0,0 2px #ff0,1px 2px #ff0,-2px -1px #ff0,-2px 0 #ff0,-2px 1px #ff0,2px -1px #ff0,2px 0 #ff0,2px 1px #ff0,-1px -1px #ff0,-1px 1px #ff0,1px -1px #ff0,1px 1px #ff0;
   }
   html:root body .im .mod
   {
      color:#0000ff;
      text-shadow:-1px 0 #00b4ff,0 -1px #00b4ff,0 1px #00b4ff,1px 0 #00b4ff,-1px -2px #0ff,0 -2px #0ff,1px -2px #0ff,-1px 2px #0ff,0 2px #0ff,1px 2px #0ff,-2px -1px #0ff,-2px 0 #0ff,-2px 1px #0ff,2px -1px #0ff,2px 0 #0ff,2px 1px #0ff,-1px -1px #0ff,-1px 1px #0ff,1px -1px #0ff,1px 1px #0ff;
   }
   html:root .im a.line,
   html:root .im span.popup
   {
      color:#0066ff;
      text-shadow:-1px 0 #b4b7ff, 0 -1px #b4b7ff, 0 1px #b4b7ff, 1px 0 #b4b7ff, -1px -2px #fdf, 0 -2px #fdf, 1px -2px #fdf,  -1px 2px #fdf, 0 2px #fdf, 1px 2px #fdf,  -2px -1px #fdf, -2px 0 #fdf, -2px 1px #fdf,  2px -1px #fdf, 2px 0 #fdf, 2px 1px #fdf, -1px -1px #fdf, -1px 1px #fdf,  1px -1px #fdf, 1px 1px #fdf;
      position:static;
      border:0rem solid transparent;
      display:inline;
      vertical-align:baseline;
      font-size:inherit;
      box-decoration-break:clone;
      margin:0;
      padding:0;
   }
   html:root .im a.line>span,
   html:root .im span.popup>span
   {
      position:static;
      border:0 solid transparent;
      border-top:2px solid transparent;
      border-bottom:2px solid transparent;
      border-image-source:radial-gradient(closest-side, #0066ff 0%, #0066ff 20%,#d5c0ff 20%,#d5c0ff 60%,#ffddff 60%,#ffddff 100%,rgba(0,0,0,0) 100%);
      border-image-width:0px 2px 5px;
      border-image-slice:0% 49% 100%;
      border-image-repeat:stretch;
      border-image-outset: 0 2px;
      z-index:auto;
      top:auto;
      right:auto;
      bottom:auto;
      display:inline;
      vertical-align:baseline;
      padding:0;
      margin:0;
      box-decoration-break:clone;
   }
   html:root .im a.line>span>span,
   html:root .im span.popup>span:first-child>span
   {
      position:static;
      z-index:1;
      display:inline;
      border:0rem solid transparent;
      border-top:4rem solid transparent;
      border-bottom:4rem solid transparent;
      padding:0;
      box-decoration-break:clone;
   }
   html:root body .im a.line:focus,
   html:root body .im a.line:hover,
   html:root body .im a.line[data-xnce*="hover"],
   html:root body .im span.popup:focus,
   html:root body .im span.popup:hover,
   html:root body .im span.popup[data-xnce*="hover"]
   {
      box-shadow:-4px 0 0 1px #0066ff,4px 0 0 1px #0066ff;
      outline:1px solid #0066ff;
      background: #ffffff;
      border-top:4px solid transparent;
      border-bottom:4px solid transparent;
      border-image-source:none;
   }
   html:root body .im a.line:focus>span,
   html:root body .im a.line:hover>span,
   html:root body .im a.line[data-xnce*="hover"]>span,
   html:root body .im span.popup:focus>span:first-child,
   html:root body .im span.popup:hover>span:first-child,
   html:root body .im span.popup[data-xnce*="hover"]>span:first-child
   {
      position:relative;
      box-shadow:-4px 0 0 0 #ffffff,4px 0 0 0 #ffffff;
      background:#ffffff;
      border-top:4px solid transparent;
      border-bottom:4px solid transparent;
      border-image-source:none;
   }
   html:root body .im a.line:focus>span>span,
   html:root body .im a.line:hover>span>span,
   html:root body .im a.line[data-xnce*="hover"]>span>span,
   html:root body .im span.popup:focus>span:first-child>span,
   html:root body .im span.popup:hover>span:first-child>span,
   html:root body .im span.popup[data-xnce*="hover"]>span:first-child>span
   {
      position:relative;
      border-top:4px solid transparent;
      border-bottom:4px solid transparent;
      border-image-source:none;
   }
   html:root body .im a.line:focus::after,
   html:root body .im a.line:hover::after,
   html:root body .im a.line[data-xnce*="hover"]::after,
   html:root body .im span.popup:focus::after,
   html:root body .im span.popup:hover::after,
   html:root body .im span.popup[data-xnce*="hover"]::after,
   html:root body .im a.line:focus::before,
   html:root body .im a.line:hover::before,
   html:root body .im a.line[data-xnce*="hover"]::before,
   html:root body .im span.popup:focus::before,
   html:root body .im span.popup:hover::before,
   html:root body .im span.popup[data-xnce*="hover"]::before
   {
      content:'\2060';
      letter-spacing:0;
      outline:5px solid #0066ff;
   }
   html:root .im a.line[rel*="external"]>span>span::after
   {
      content:"\2197";
      font-weight:400;
      display:inline;
      padding-left:6rem;
   }
   html:root .im span.popup>span+span
   {
      height:0;
      display:block;
      position:absolute;
      z-index:2;
      left:4rem;
      right:4rem;
      margin-top:8rem;
      visibility:hidden;
   }
   html:root .im span.popup>span+span>span
   {
      display:none;
      margin:48rem auto 0;
      text-align:center;
      box-sizing:content-box;
      background-position:top left;
      background-repeat:no-repeat;
      background-size:100% 100%;
      position:relative;
      visibility:visible;
   }
   html:root .im span.popup>span+span>span>span
   {
      display:block;
   }
   html:root .im span.popup:focus>span+span>span,
   html:root .im span.popup:focus>span+span>span>span
   {
      display:block;
   }
   html:root .im span.popup>span+span>span::before
   {
      content:" ";
      display:block;
      position:absolute;
      top:-48rem;
      left:-4rem;
      right:-4rem;
      bottom:-4rem;
      z-index:-1;
      border-radius:12rem 12rem 0 0;
      background: rgba(96,0,96,0.7);
      box-shadow:0 0 6rem 3rem #000;
   }
   html:root .im span.popup>span+span>span::after
   {
      content:" ";
      display:block;
      position:absolute;
      top:0;
      left:0;
      right:0;
      bottom:0;
      z-index:1;
   }
   html:root .im span.popup:focus>span+span>span>span::before
   {
      content:" ";
      display:block;
      position:absolute;
      width:40rem;
      height:40rem;
      right:0;
      top:-44rem;
      border:3rem solid #fff;
      border-radius:8rem;
      box-sizing:border-box;
      background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wI         iBlbmNvZGluZz0idXRmLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJ         MSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3Jhc         GhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHZpZXdCb3g9IjAgMCA0MCA0MCI         geG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiPjxwY         XRoIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlPSIjZmZmIiBmaWxsPSJub25lIiBkPSJNOCA         zMkwzMiA4TTggOEwzMiAzMiIvPjwvc3ZnPg');
      background-position:center center;
      background-repeat:no-repeat;
      background-size:40rem 40rem;
   }
   html:root .im sup
   {
      display:inline;
      font-size:75%;
      line-height:1.25;
      vertical-align:0.65em;
   }
   html:root .im sub
   {
      display:inline;
      font-size:75%;
      line-height:0.75;
      vertical-align:-0.35em;
   }
   html:root .im span.n,
   html:root .im span.h
   {
      display:inline;
      white-space:nowrap;
   }
   html:root .im span.n span,
   html:root .im span.h span
   {
      display:inline-block;
      white-space:nowrap;
      font-size:75%;
      line-height:1;
      vertical-align:baseline;
      padding:0.75em 0 0.25em;
      text-align:right;
   }
   html:root .im span.h span
   {
      text-align:left;
   }
   html:root .im span.n sub,
   html:root .im span.n sup,
   html:root .im span.h sub,
   html:root .im span.h sup
   {
      display:block;
      font-size:100%;
      line-height:1;
      vertical-align:baseline;
      transform:translate(0,-0.65em);
   }
   html:root .im span.n sub,
   html:root .im span.h sub
   {
      height:0;
      transform:translate(0,0.35em);
   }
   html:root .im span>a,
   html:root .im b>a,
   html:root .im i>a,
   html:root .im del>a,
   html:root .im span>input.popup[type="checkbox"]+label
   html:root .im b>input.popup[type="checkbox"]+label
   html:root .im i>input.popup[type="checkbox"]+label
   html:root .im del>input.popup[type="checkbox"]+label
   {
      color:inherit;
      text-shadow:inherit;
   }
   html:root .im b
   {
      font-weight:700;
   }
   html:root .im i
   {
      font-style:oblique;
   }
   html:root .im del
   {
      text-decoration:line-through;
   }
   html:root .im p
   {
      display:block;
      margin:16rem 0;
   }
   html:root .im p.l
   {
      text-align:left;
   }
   html:root .im p.c
   {
      text-align:center;
   }
   html:root .im p.r
   {
      text-align:right;
   }
   html:root .im p.i
   {
      text-indent:3ex;
   }
   html:root .im li
   {
      display:flex;
      flex-flow:row nowrap;
      align-items:baseline;
      padding:0;
      margin:0;
      list-style-type:none;
      min-width:50rem;
   }
   html:root .im li>div
   {
      display:block;
      flex:1 0 0px;
   }
   html:root .im li>div>p
   {
      margin-top:8rem;
      margin-bottom:8rem;
   }
   html:root .im ul,
   html:root .im ol
   {
      display:block;
      margin:0 0 8rem 0;
   }
   html:root .im p+ul,
   html:root .im p+ol
   {
      margin-top:-16rem;
   }
   html:root .im li>div>p+ul,
   html:root .im li>div>p+ol
   {
      margin-top:-8rem;
   }
   html:root .im ol>li::before,
   html:root .im ul>li::before
   {
      content:"\25cf";
      display:block;
      flex:0 0 auto;
      width:2ex;
      padding:0;
      margin:0;
      text-align:center;
      vertical-align:baseline;
   }
   html:root .im ul>li>div>ul>li::before,
   html:root .im ul>li>div>ol>li>div>ul>li::before
   {
      content:"\2013";
   }
   html:root .im ol>li::before
   {
      width:5.4ex;
   }
   html:root .im ol
   {
      counter-reset: cntr1;
   }
   html:root .im ol>li::before
   {
      counter-increment: cntr1;
      content: counter(cntr1) ")\00A0";
      text-align:right;
   }
   html:root .im ol[data-len="1"]>li::before
   {
      width:3.1ex;
   }
   html:root .im ol[data-len="2"]>li::before
   {
      width:4.25ex;
   }
   html:root .im hr
   {
      display:block;
      height:0;
      margin:16rem 0;
      border-top:1rem solid #000000;
      box-shadow:0 0 0 1px #b49cb4, 0 0 0 2px #ffddff;
      overflow:hidden;
   }
   html:root .im code
   {
      display:block;
      background:rgba(0,170,255,0.20);
      border:1rem solid rgba(0,0,0,0.5);
      padding:6rem;
      margin:6rem 0;
      border-radius:4rem;
      overflow:hidden;
   }
   html:root .im blockquote
   {
      display:block;
      background:transparent;
      border:1rem solid transparent;
      padding:6rem;
      margin:0;
      overflow:visible;
      width:100%;
      margin:0;
      flex:0 0 auto;
      order:0;
   }
   html:root .im figure>blockquote
   {
      padding-top:0;
      border-top:none;
   }
   html:root .im figure.q::before
   {
      content:" ";
      display:block;
      width:100%;
      margin:0 0 0 -100%;
      background:rgba(0,170,255,0.20);
      border:1rem solid rgba(0,0,0,0.5);
      border-top:none;
      border-radius:0 0 4rem 4rem;
      z-index:-2;
      box-sizing:border-box;
      flex:0 0 auto;
      order:1;
   }
   html:root .im div.q::before
   {
      content:" ";
      display:block;
      width:100%;
      margin:0 0 0 -100%;
      background:rgba(0,170,255,0.20);
      border:1rem solid rgba(0,0,0,0.5);
      border-radius:4rem;
      z-index:-2;
      box-sizing:border-box;
      flex:0 0 auto;
      order:1;
   }
   html:root .im code
   {
      white-space:pre-wrap;
   }
   html:root .im figure.q,
   html .im div.q
   {
      display:flex;
      flex-flow:row wrap;
      margin:6rem 0;
      visibility:visible;
      min-width:50rem;
   }
   html:root .im figure.q>figcaption
   {
      display:flex;
      margin:0;
      flex-flow:row nowrap;
      align-items:flex-end;
      font-style:normal;
      font-weight:400;
      padding:0 0 0 8rem;
      overflow:hidden;
      width:100%;
      order:0;
   }
   html:root .im figure.q>figcaption::before
   {
      display:block;
      border-left:1px solid rgba(0,0,0,0.5);
      border-top:1px solid rgba(0,0,0,0.5);
      border-radius:6rem 0 0 0;
      width:8rem;
      content:" ";
      flex:0 0 auto;
      height:6rem;
      background:rgba(0,170,255,0.20);
      margin-left:-8rem;
      left:0;
      z-index:-2;
   }
   html:root .im figure.q>figcaption::after
   {
      border-right:1px solid rgba(0,0,0,0.5);
      border-top:1px solid rgba(0,0,0,0.5);
      border-radius:0 6px 0 0;
      display:block;
      height:6px;
      width:6px;
      content:" ";
      flex:1 0 auto;
      background:rgba(0,170,255,0.20);
      z-index:-2;
   }
   html:root .im figure.q>figcaption>span
   {
      padding:6px;
      background:transparent;
      display:block;
      border-radius:6px 6px 0 0;
      flex:0 1 auto;
      position:relative;
   }
   html:root .im figure.q>figcaption>span::before
   {
      position:absolute;
      content:" ";
      left:0;
      right:0;
      top:0;
      bottom:6px;
      border:1px solid rgba(0,0,0,0.5);
      background:rgba(0,170,255,0.20);
      border-bottom:none;
      border-radius:6px 6px 0 0;
      z-index:-2;
      box-shadow: 0 12px 0 0 rgba(0,170,255,0.20);
   }
   html:root .im figure.q>figcaption>span::after
   {
      content:":";
      display:inline;
   }
   html:root .im figure>a::before
   {
      display:block;
      height:0;
      width:0;
      overflow:hidden;
      content:"\00A0";
   }
   html:root .im div.ce>img,
   html:root .im div.ri>div>img,
   html:root .im div.le>div>img,
   html:root .im figure>a>img
   {
      display:block;
      position:absolute;
      left:0;
      top:0;
      width:100%;
      height:100%;
      z-index:-1;
      border-radius:4rem;
   }
   html:root .im div.ce,
   html:root .im figure.ce
   {
      display:table;
      box-sizing:border-box;
      table-layout:fixed;
      visibility:visible;
      width:100%;
      margin:10rem auto;
      padding:0;
   }
   html:root .im div.ce::before,
   html:root .im figure.ce::before
   {
      display:block;
      height:0;
      width:0;
      border:none;
      background:none;
      padding:0;
      margin:0;
      border-radius:0;
      overflow:hidden;
      content:"\00A0";
   }
   html:root .im div.ce>*,
   html:root .im figure.ce>*
   {
      height:0;
      margin:0;
      padding:0;
      box-sizing:content-box;
      display:block;
      visibility:visible;
      border-radius:4rem;
      background-repeat:no-repeat;
      background-position:top left;
      background-size:100% 100%;
      background-color:transparent;
   }
   html:root .im figure.ce>a
   {
      position:relative;
   }
   html:root .im figure.ce>a>img
   {
      background-color:#fff;
      box-shadow:0 0 4rem 4rem #fff;
   }
   html:root .im figure.ce>figcaption
   {
      display:block;
      text-align:center;
      height:auto;
      padding:0 10rem;
      margin:0;
      width:auto;
      overflow:visible;
   }
   html:root .im .ri
   {
      display:block;
      max-width:100%;
      float:right;
      margin:0rem 0 6rem 10rem;
      visibility:hidden;
   }
   html.trident .im .ri
   {
      padding-left:0 !important;
   }
   html:root .im .ri>*
   {
      width:100%;
      margin:0;
      padding-top:4rem;
      visibility:visible;
   }
   html:root .im .le
   {
      display:block;
      max-width:100%;
      margin:0 0 0 -20000rem;
   }
   html.trident .im .le
   {
      padding-right:0 !important;
   }
   html:root .im .le>*
   {
      float:left;
      width:100%;
      margin:0rem 10rem 6rem 20000rem;
      padding-top:4rem;
   }
   html:root .im .le~.le,
   html:root .im .le~.ri,
   html:root .im .ri~.le,
   html:root .im .ri~.ri
   {
      clear:both;
   }
   html:root .im .le+*,
   html:root .im .ri+*
   {
      margin-top:0;
   }
   html:root .im table
   {
      display:table;
      table-layout:fixed;
      border-spacing:0;
      width:100%;
      margin:6rem auto;
      border:1px solid transparent;
   }
   html:root .im tr
   {
      display:table-row;
   }
   html:root .im tr>*
   {
      box-shadow:0 0 0 1px #000000, 0 0 0 1px #000000 inset;
      padding:3rem 6rem;
      vertical-align:middle;
      text-align:center;
      font-weight:400;
   }
   html:root .im tr>:empty
   {
      box-shadow:none;
      background:none;
   }
   html:root .im tr>:empty::before
   {
      display:inline;
      content:"\00A0";
   }
   html:root .im tr>[data-al*="l"]
   {
      text-align:left;
   }
   html:root .im tr>[data-al*="r"]
   {
      text-align:right;
   }
   html:root .im tr>[data-al*="t"]
   {
      vertical-align:top;
   }
   html:root .im tr>[data-al*="b"]
   {
      vertical-align:bottom;
   }
   html:root .im tr>[data-al*="v"]>div
   {
      -ms-writing-mode: tb-rl;
      -webkit-writing-mode: vertical-rl;
      writing-mode: vertical-rl;
      transform: rotate(180deg);
      white-space:nowrap;
      vertical-align:middle;
      display:inline-block;
   }
   html:root .im tr>[data-al*="v"]
   {
      padding:6rem 3rem;
   }
   html:root .im tr>[data-co*="0"]
   {
      border-top-left-radius:8rem;
   }
   html:root .im tr>[data-co*="1"]
   {
      border-top-right-radius:8rem;
   }
   html:root .im tr>[data-co*="2"]
   {
      border-bottom-left-radius:8rem;
   }
   html:root .im tr>[data-co*="3"]
   {
      border-bottom-right-radius:8rem;
   }
   html:root .im tr>th
   {
      background-color:#444;
      color:#fff;
      text-shadow:-1px 0 #b4b4b4, 0 -1px #b4b4b4, 0 1px #b4b4b4, 1px 0 #b4b4b4, -1px -2px #000, 0 -2px #000, 1px -2px #000,  -1px 2px #000, 0 2px #000, 1px 2px #000,  -2px -1px #000, -2px 0 #000, -2px 1px #000,  2px -1px #000, 2px 0 #000, 2px 1px #000, -1px -1px #000, -1px 1px #000,  1px -1px #000, 1px 1px #000;
      opacity:0.999;
   }
   html:root .im tr>td[style*="background"]
   {
      opacity:0.999;
   }
   html:root .im caption
   {
      caption-side:bottom;
      display:table-caption;
      text-align:center;
      margin:0 auto;
   }
   html:root .im colgroup
   {
      display:table-column-group;
   }
   html:root .im col
   {
      display:table-column;
   }
   html:root .im div.le>div>img,
   html:root .im div.ri>div>img,
   html:root .im div.ce>img
   {
      position:relative;
      z-index:-1;
      width:100%;
      height:0;
      box-sizing:content-box;
      border-radius:4rem;
      background-position:top left;
      background-size:100% 100%;
      background-repeat:no-repeat;
   }
   html:root .im .le figure>a,
   html:root .im .ri figure>a
   {
      display:block;
      background-size:100% 100%;
      background-repeat:no-repeat;
      background-position:top left;
      position:relative;
   }
   html:root .im .le figure>a>img,
   html:root .im .ri figure>a>img
   {
      background-color:#fff;
      box-shadow:0 0 4rem 4rem #fff;
   }
   html:root .im .le figure>figcaption,
   html:root .im .ri figure>figcaption
   {
      display:block;
      padding:0 10rem;
      text-align:center;
   }
   html:root .im>*:first-child,
   html:root .im blockquote>*:first-child
   {
      margin-top:0;
   }
   html:root .im>*:last-child,
   html:root .im blockquote>*:last-child
   {
      margin-bottom:0;
   }
   html:root .im ul+p.co,
   html:root .im ol+p.co
   {
      margin-top:-8rem;
   }
   html .im span[class^="emo"]
   {
      white-space:nowrap;
      display:inline;
   }
   html .im span[class^="emo"]>span
   {
      display:inline-block;
      position:relative;
      font-size:20rem;
      line-height:1.25;
      vertical-align:-5rem;
      white-space:nowrap;
   }
   html .im span[class^="emo"]>span::after
   {
      display:block;
      content:' ';
      text-shadow:none;
      background-position:0rem 0rem;
      background-repeat:no-repeat;
      background-clip:padding-box;
      background-color:rgba(0,0,0,0);
      overflow:hidden;
      position:absolute;
      z-index:-1;
      border-top:1rem solid transparent;
      border-bottom:1rem solid transparent;
      box-sizing:content-box;
      background-size:260rem auto;
   }
   html .im span[class^="emo"]>span>span
   {
      display:inline-block;
      position:absolute;
      height:20rem;
      padding-top:18rem;
      overflow:hidden;
      pointer-events:none;
      top:0;
      margin-left:calc(50% - 600px);
      background:none;
      text-shadow:none;
      z-index:1;
   }
   html .im span[class^="emo"]>span:focus>span
   {
      display:block;
      height:auto;
      overflow:visible;
      visibility:hidden;
      padding-top:0;
      color:rgba(0,0,0,0);
   }
   html:root .im span[class^="emo"]>span:focus>span::after
   {
      content:"";
      width:400px;
      display:block;
   }
   html:root .im span[class^="emo"]>span:focus>span::before
   {
      visibility:visible;
      position:-webkit-sticky;
      position:sticky;
      margin:0px auto;
      right:calc(390px + 16rem);
      left:calc(-410px + 16rem);
      top:auto;
      bottom:auto;
      content:attr(data-hint);
      display:table;
      white-space:nowrap;
      background:transparent;
      border:1px solid transparent;
      box-shadow:400px 0 0 -1px #fff, 400px 0 0 0 #000, 400px 0 4px 0 #000;
      text-shadow:400px 0 0 #000;
      padding:2px 4px;
   }
   html.trident:root .im span[class^="emo"]>span>span::after,
   html.trident:root .im span[class^="emo"]>span>span::before
   {
      display:none;
   }
   html.trident .im span[class^="emo"]>span:focus>span
   {
      line-height:0;
   }
   html.trident .im span[class^="emo"]>span>span>b
   {
      display:none;
      position:relative;
      user-select:none;
   }
   html.trident .im span[class^="emo"]>span>span>b::selection
   {
      color:transparent;
      background-color:transparent;
      text-shadow:none;
   }
   html.trident .im span[class^="emo"]>span:focus>span>b
   {
      display:table;
      visibility:visible;
      margin:0px auto;
      left:0;
      top:auto;
      bottom:auto;
      white-space:nowrap;
      background:transparent;
      border:1px solid transparent;
      box-shadow:595px 0 0 -1px #fff, 595px 0 0 0 #000, 595px 0 4px 0 #000;
      text-shadow:595px 0 0 #000;
      padding:2px 4px;
      transform:translate(-50%,0);
      line-height:1.25;
      font-weight:400;
   }
   html:root .im span[class^="emo"]>span:focus::after
   {
      z-index:1;
   }
   html:root .im div[style^="width:"]:empty+div.q,
   html:root .im div[style^="width:"]:empty+figure,
   html:root .im div[style^="width:"]:empty+code
   {
      margin-top:0;
   }
   html:root .im li>div>.le+p::before,
   html:root .im li>div>.ri+p::before
   {
      display:inline-block;
      white-space:nowrap;
      content:"\00A0";
      height:0;
      width:0;
   }
   html:root .im div[style*="width:"]:empty::before
   {
      display:block;
      white-space:nowrap;
      content:"\00A0";
      height:0;
      width:0;
      padding:6rem 0 0;
      margin:10rem 0 -6rem;
   }
   html:root .im div[style*="width:"]:empty::after
   {
      content:"";
      display:block;
      max-width:100%;
      min-width:0;
      overflow:hidden;
      width:inherit;
   }
   html:root .im div[style*="width:"]:empty
   {
      display:block;
      min-width:100%;
      max-width:100%;
      margin:0;
      border:none;
      box-sizing:border-box;
   }
   html:root .im mark::before
   {
      content:"!";
      display:inline-block;
      height:calc(1em + 10rem);
      width:calc(1em + 10rem);
      background:#f00;
      color:#fff;
      text-shadow: none;
      left:calc(-0.5em - 23rem);
      position:absolute;
      z-index:1;
      margin-top:-3rem;
      border:3rem solid #9900ff;
      border-radius:50%;
      background:#f00;
      box-sizing:border-box;
      text-align:center;
      font-weight:bold;
      cursor:pointer;
   }
   html:root .im a:hover mark::before,
   html:root .im a[data-xnce*="hover"] mark::before,
   html:root .im a:focus mark::before
   {
      position:fixed;
   }
   html:root .im mark
   {
      color:#ff0000;
      text-shadow:-1px 0 #ffb400,0 -1px #ffb400,0 1px #ffb400,1px 0 #ffb400,-1px -2px #ff0,0 -2px #ff0,1px -2px #ff0,-1px 2px #ff0,0 2px #ff0,1px 2px #ff0,-2px -1px #ff0,-2px 0 #ff0,-2px 1px #ff0,2px -1px #ff0,2px 0 #ff0,2px 1px #ff0,-1px -1px #ff0,-1px 1px #ff0,1px -1px #ff0,1px 1px #ff0;
   }
   .im[class^="tab-"] table
   {
      background-color:#eeddff;
      opacity:0.999;
   }
   .im[class^="tab-"] caption,
   .im[class^="tab-"] figure[data-ln]
   {
      background-color:#eeddff;
      opacity:0.999;
   }
   html:root .im [data-ln^="-"]
   {
      background-color:rgba(255,0,0,0.3) !important;
   }
   html:root .im div.sc
   {
      margin:6rem auto;
      overflow:hidden;
      overflow:-moz-hidden-unscrollable;
      overflow:clip;
      display:flex;
      flex-flow:row nowrap;
      align-items:center;
      opacity:0.999;
   }
   html:root .im div.sc input[type="radio"]
   {
      position:static;
      appearance:none;
      -webkit-appearance:none;
      -moz-appearance:none;
      width:0;
      height:auto;
      max-height:none;
      display:block;
      align-self:stretch;
   }
   html .im div.sc table
   {
      display:table;
      margin:0;
      position:static;
      transition:margin-left 0.25s linear;
   }
   html:root .im div.sc input[type="radio"]+label
   {
      position:relative;
      display:none;
      clear:both;
      float:right;
      overflow:hidden;
      height:0;
      width:0;
      width:40rem;
      height:40rem;
      background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4   wIiBlbmNvZGluZz0idXRmLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUM   gIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1Z   HLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHZpZXdCb3g9IjAgMCA0MCA0MCIgeG1sbnM9Imh0dHA   6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiPjxwYXRoIHN0cm9rZT0ibm9uZSI   gZmlsbD0iIzkwZiIgZD0iTTIzIDEwIEwyMyAzMCBMMTMgMjAgWiIgLz48L3N2Zz4');
      background-size:40rem 40rem;
      background-repeat:no-repeat;
      background-position:center center;
      border:3rem solid #9900ff;
      border-radius:8rem;
      box-sizing:border-box;
      background-color:#ffffff;
      z-index:2;
      margin-right:-40rem;
      flex:0 0 auto;
      left:calc(100% - 40rem);
      top:-24rem;
   }
   html:root .im div.sc input[type="radio"]+label::before,
   html:root .im div.sc input[type="radio"]+label::after
   {
      content:none;
      display:none;
   }
   html:root .im div.sc:focus label+input[type="radio"]:checked+label,
   html:root .im div.sc:hover label+input[type="radio"]:checked+label,
   html:root .im div.sc[data-xnce*="hover"] label+input[type="radio"]:checked+label,
   html:root .im div.sc label+input[type="radio"]:checked:focus+label
   {
      display:block;
   }
   html:root .im div.sc:focus input[type="radio"]:checked+label+input+label+input+label,
   html:root .im div.sc:hover input[type="radio"]:checked+label+input+label+input+label,
   html:root .im div.sc[data-xnce*="hover"] input[type="radio"]:checked+label+input+label+input+label,
   html:root .im div.sc input[type="radio"]:checked:focus+label+input+label+input+label
   {
      display:block;
      background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS   4wIiBlbmNvZGluZz0idXRmLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSU   MgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1   ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHZpZXdCb3g9IjAgMCA0MCA0MCIgeG1sbnM9Imh0dH   A6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiPjxwYXRoIHN0cm9rZT0ibm9uZS   IgZmlsbD0iIzkwZiIgZD0iTTE3IDEwIEwxNyAzMCBMMjcgMjAgWiIgLz48L3N2Zz4');
      top:24rem;
   }
   html:root .im div.sc th[data-st]
   {
      position:relative;
      z-index:1;
      transition:transform 0.25s linear;
   }
}

@media screen and (max-height:379.9px), screen and (max-width:349.9px), print
{
   html:root body .im h1[id],
   html:root body .im h2[id],
   html:root body .im h3[id]
   {
      margin-top:10rem;
   }
   html:root body .im h1[id]::after,
   html:root body .im h2[id]::after,
   html:root body .im h3[id]::after
   {
      height:6rem;
   }
}

@media print
{
   html:root .im tr>th
   {
      transform:translate(-10000px,0);
      background-color:transparent;
      color:transparent;
      text-shadow:10000px 0 #fff, 9999px 0 #b4b4b4, 10000px -1px #b4b4b4, 10000px 1px #b4b4b4, 10001px 0 #b4b4b4, 9999px -2px #000, 10000px -2px #000, 10001px -2px #000, 9999px 2px #000, 10000px 2px #000, 10001px 2px #000, 9998px -1px #000, 9998px 0 #000, 9998px 1px #000, 10002px -1px #000, 10002px 0 #000, 10002px 1px #000, 9999px -1px #000, 9999px 1px #000, 10001px -1px #000, 10001px 1px #000;
      box-shadow:10000px 0 0 2rem #000;
   }
}

@font-face
{
   font-family: stdciph;
   font-weight:400;
   src:url('stdciph-1.ttf');
}

@font-face
{
   font-family: stdciph;
   font-weight:200;
   src:url('stdciph-1.ttf');
}

@font-face
{
   font-family: stdciph;
   font-weight:700;
   src:url('stdciph-2.ttf');
}

.im.encoded
{
   font-family: stdciph, stdtext;
}

@media screen, print
{
   main>h1,
   html article>h1,
   html .cats>h1,
   html:root .im h1,
   html:root .im h2,
   html:root .im h3
   {
      background-color:rgba(128,0,192,0.5);
      margin:8rem auto;
      padding:6rem 10rem;
      border-radius:8rem;
      background:linear-gradient(90deg,rgba(192,0,128,0.5),rgba(128,0,192,0.5),rgba(0,0,224,0.5));
      font-size:24rem;
      line-height:28rem;
      font-weight:700;
      color:#ffffff;
      text-align:center;
      text-shadow:-1px -1px #000, -1px 0 #000, -1px 1px #000, 0 -1px #000, 0 1px #000,  1px -1px #000, 1px 0 #000, 1px 1px #000,  -1px -2px #000, 0 -2px #000, 1px -2px #000,  -1px 2px #000, 0 2px #000, 1px 2px #000,  -2px -1px #000, -2px 0 #000, -2px 1px #000,  2px -1px #000, 2px 0 #000, 2px 1px #000;
      display:inline-table;
   }
   html:root .im h1
   {
      display:table;
      margin-top:0;
      clear:both;
   }
   html:root .im h2
   {
      background-color:rgba(0,80,160,0.5);
      background:linear-gradient(90deg,rgba(0,0,192,0.5),rgba(0,80,160,0.5),rgba(0,160,160,0.5));
      color:#ffffff;
      display:table;
      margin-top:0;
      clear:both;
   }
   html:root .im h3
   {
      background-color:rgba(255,0,0,0.5);
      background:linear-gradient(90deg,rgba(192,0,192,0.5),rgba(255,0,0,0.5),rgba(255,64,0,0.5));
      color:#ffffff;
      display:table;
      margin-top:0;
      font-size:20rem;
      line-height:24rem;
      clear:both;
   }
   main>article>a[href^="art-edit."],
   main>article>a[href^="art-edit-cat."]
   {
      width:40rem;
      height:40rem;
      text-indent:800rem;
      text-shadow:none;
      overflow:hidden;
      border:3rem solid #9900ff;
      border-radius:8rem;
      box-sizing:border-box;
      background-color:#ffffff;
      margin:4rem 4rem 0 -12rem;
      z-index:3;
      background-repeat:no-repeat;
      background-position:center center;
      position:absolute;
      top:-8rem;
      right:-16rem;
      background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlb   mNvZGluZz0idXRmLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL   1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuM   S9EVEQvc3ZnMTEuZHRkIj48c3ZnIHZpZXdCb3g9IjAgMCA0MCA0MCIgeG1sbnM9Imh0dHA6Ly93d   3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiPjxwYXRoICBzdHJva2Utd2lkdGg9IjIiI   HN0cm9rZT0iIzkwZiIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgZD0iTTExI   DI5TDE5IDI2TDMxIDE0QTggOCAwIDAgMCAyNiA5TDE0IDIxWk0xOSAyNkE4IDggMCAwIDAgMTQgM   jFNMTYuNSAyMy41TDI4LjUgMTEuNSIgLz48L3N2Zz4');
   }
   main>article>a[href^="art-edit."]:focus,
   main>article>a[href^="art-edit-cat."]:focus
   {
      border-color:#00cc00;
   }
   body .cats a
   {
      position:relative;
      z-index:1;
   }
   main>.cats>ul>li>a[href^="art-edit-cat."]
   {
      float:right;
      width:36rem;
      height:36rem;
      text-indent:800rem;
      text-shadow:none;
      overflow:hidden;
      background:rgba(153,0,255,0.3);
      border-radius:8rem;
      border:2rem solid #fff;
      margin:0 0 0 6rem;
      z-index:3;
      background-repeat:no-repeat;
      background-position:center center;
      background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBl\
         bmNvZGluZz0idXRmLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgI\
         i0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1\
         ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHZpZXdCb3g9IjAgMCA0MCA0MCIgeG1sbnM9Imh\
         0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiPjxwYXRoICBzdHJva2Ut\
         d2lkdGg9IjIiIHN0cm9rZT0iI2ZmZiIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVqb2luPSJyb\
         3VuZCIgZD0iTTExIDI5TDE5IDI2TDMxIDE0QTggOCAwIDAgMCAyNiA5TDE0IDIxWk0xOSAyNk\
         E4IDggMCAwIDAgMTQgMjFNMTYuNSAyMy41TDI4LjUgMTEuNSIgLz48L3N2Zz4');
   }
   body .cats>h1 a[href^="art-edit-cat."]:hover,
   body .cats>h1 a[href^="art-edit-cat."][data-xnce*="hover"],
   main>.cats>ul>li>a[href^="art-edit-cat."]:hover,
   main>.cats>ul>li>a[href^="art-edit-cat."][data-xnce*="hover"]
   {
      background-color:rgba(153,0,255,0.65);
   }
   body .cats>h1 a[href^="art-edit-cat."]:focus,
   main>.cats>ul>li>a[href^="art-edit-cat."]:focus
   {
      background-color:#9900ff;
   }
   main>.cats>ul>li>a[href^="art-edit-cat."]
   {
      overflow:visible;
   }
   main>.cats>ul>li>a[href^="art-edit-cat."]::before
   {
      content:" ";
      display:block;
      position:absolute;
      right:-8rem;
      top:-8rem;
      left:-8rem;
      bottom:-8rem;
   }
   main>article>a[href^="art-edit."]+h1,
   main>article>a[href^="art-edit-cat."]+h1
   {
      margin-right:32rem;
   }
   body>nav
   {
      order:-2;
   }
   body>nav>ul
   {
      display:block;
      width:100%;
      padding:5rem 10rem 0;
      font-size:20rem;
      color:#ffffff;
      line-height:34rem;
   }
   body>nav>ul>li
   {
      display:inline;
   }
   body>nav>ul a
   {
      display:inline;
      padding:5rem;
      margin:-5rem;
   }
   body>nav>ul li+li::before
   {
      content:" \25B6";
      display:inline;
      padding: 0 5rem;
   }
   main>.cats,
   main>article
   {
      font-size: 20rem;
      line-height:24rem;
      color:#000000;
   }
   html body .cats.nc
   {
      z-index:auto;
   }
   main>.cats>.im,
   main>.cats>footer,
   main>article>.im
   {
      text-shadow:-1px 0 #b49cb4, 0 -1px #b49cb4, 0 1px #b49cb4, 1px 0 #b49cb4, -1px -2px #fdf, 0 -2px #fdf, 1px -2px #fdf,  -1px 2px #fdf, 0 2px #fdf, 1px 2px #fdf,  -2px -1px #fdf, -2px 0 #fdf, -2px 1px #fdf,  2px -1px #fdf, 2px 0 #fdf, 2px 1px #fdf, -1px -1px #fdf, -1px 1px #fdf,  1px -1px #fdf, 1px 1px #fdf;
      font-size:inherit;
      line-height:inherit;
   }
   html body .cats>*,
   html body .arts>*,
   html body article>*
   {
      margin-left:-16rem;
      margin-right:-16rem;
   }
   main>.cats>ul
   {
      display:block;
      border:none;
      margin:8rem -16rem 0;
      font-size:20rem;
      line-height:24rem;
   }
   main>.cats>ul>li
   {
      margin:0rem;
      display:block;
      border:2rem solid rgba(162,89,255,0.5);
      padding:4rem;
      border-radius:8rem;
      min-height:34rem;
      overflow:hidden;
      position:relative;
      z-index:0;
      text-align:left;
   }
   main>.cats>ul>li+li
   {
      margin-top:2rem;
   }
   main>.cats>ul>li>a
   {
      display:block;
      border:8rem solid transparent;
      border-bottom:800rem solid transparent;
      border-top:800rem solid transparent;
      margin:-800rem -8rem -800rem -8rem;
      font-weight:400;
      color:#0000cc;
      text-shadow:-1px 0 #b4b7ff, 0 -1px #b4b7ff, 0 1px #b4b7ff, 1px 0 #b4b7ff, -1px -2px #fdf, 0 -2px #fdf, 1px -2px #fdf,  -1px 2px #fdf, 0 2px #fdf, 1px 2px #fdf,  -2px -1px #fdf, -2px 0 #fdf, -2px 1px #fdf,  2px -1px #fdf, 2px 0 #fdf, 2px 1px #fdf, -1px -1px #fdf, -1px 1px #fdf,  1px -1px #fdf, 1px 1px #fdf;
      position:relative;
      z-index:auto;
   }
   main>.cats>ul>li>a[data-pos]::before
   {
      position:absolute;
      z-index:2;
      bottom:-800rem;
      left:-8rem;
      top:-800rem;
      right:-8rem;
      content:" ";
      display:block;
   }
   main>.cats>ul>li a:hover,
   main>.cats>ul>li a[data-xnce*="hover"]
   {
      background-color:rgba(255,255,255,0.5);
   }
   main>.cats>ul>li a:focus
   {
      background-color:#ffffff;
   }
   main>.cats>ul>li>div.im
   {
      position:relative;
      z-index:1;
      margin-bottom:0rem;
   }
   main>.cats>ul>li>div.im:empty,
   main>.cats>div:empty
   {
      display:none;
   }
   main>.cats>div
   {
      margin-top:6rem;
   }
   main>.cats>table tr>th+th
   {
      width:1rem;
      white-space:nowrap;
   }
   table.edit>tbody>tr>td+td
   {
      border:none;
      padding:0;
      border-radius:0;
      position:relative;
   }
   table.edit>tbody>tr>td+td>span.select
   {
      position:absolute;
      top:0;
      left:0;
   }
   table.edit
   {
      display:block;
      margin:-2rem;
   }
   table.edit>tbody
   {
      display:table;
      border-spacing:2rem;
      width:100%;
   }
   table.edit>tbody>tr>td,
   table.edit>tbody>tr>th,
   table.edit>tbody>tr>td.no-edit
   {
      border:2rem solid #9900ff;
      padding:4rem;
      height:34rem;
      border-radius:8rem;
      vertical-align:middle;
      color:#9900ff;
      text-align:left;
      white-space:nowrap;
   }
   table.edit>tbody>tr>td.no-edit.im
   {
      text-align:justify;
      z-index:0;
      font-size:20rem;
   }
   table.edit>tbody>tr>td.no-edit
   {
      white-space:normal;
   }
   table.edit>tbody>tr>td.no-edit span[class^="emo"]
   {
      line-height:1;
      overflow:hidden;
   }
   table.edit>tbody>tr>td.no-edit span[class^="emo"]:focus
   {
      overflow:visible;
   }
   table.edit>tbody>tr>th
   {
      width:1rem;
      text-align:center;
   }
   table.edit>tbody>tr>th+th
   {
      width:auto;
   }
   table.edit>tbody>tr>td+td
   {
      border:none;
      padding:0;
      border-radius:0;
   }
   table.edit input
   {
      margin:0;
   }
   article,
   .cats,
   .arts
   {
      display:block;
      margin:12rem 8rem;
      padding:4rem;
      position:relative;
      z-index:0;
      border:32rem solid rgba(255,255,255,0.8);
      border-image-source:radial-gradient(closest-side, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 66%, rgba(255,255,255,0));
      border-image-slice:49%;
      border-image-width:1;
      border-image-repeat:stretch;
      background:rgba(255,255,255,0.8);
      background-clip:padding-box;
      text-align:center;
   }
   article::before,
   .cats::before,
   .arts::before,
   article::after,
   .cats::after,
   .arts::after
   {
      display:block;
      content:' ';
      margin-top:-16rem;
      height:0;
   }
   article+article,
   article+.cats,
   article+.arts,
   .cats+article,
   .cats+.cats,
   .cats+.arts,
   .arts+article,
   .arts+.cats,
   .arts+.arts
   {
      margin-top:8rem;
   }
   html body>footer
   {
      margin-top:0;
   }
   .arts>ul>li+li
   {
      border-top:1rem solid transparent;
   }
   .arts>ul>li+li::before
   {
      top:-1rem;
      width:100%;
      left:0;
      position:absolute;
      display:block;
      content:' ';
      height:0;
      border-top:1rem solid #000000;
      box-shadow:0 0 0 1px #b49cb4, 0 0 0 2px #ffddff;
      overflow:hidden;
   }
   .arts>ul
   {
      font-size:20rem;
      line-height:24rem;
      color:#000000;
      text-shadow:-1px 0 #b49cb4, 0 -1px #b49cb4, 0 1px #b49cb4, 1px 0 #b49cb4, -1px -2px #fdf, 0 -2px #fdf, 1px -2px #fdf,  -1px 2px #fdf, 0 2px #fdf, 1px 2px #fdf,  -2px -1px #fdf, -2px 0 #fdf, -2px 1px #fdf,  2px -1px #fdf, 2px 0 #fdf, 2px 1px #fdf, -1px -1px #fdf, -1px 1px #fdf,  1px -1px #fdf, 1px 1px #fdf;
      text-align:left;
      margin:0 -4rem;
   }
   .arts>ul>li
   {
      position:relative;
      display:block;
      z-index:0;
      padding:8rem;
      margin:0;
   }
   .arts>ul>li>time
   {
      display:none;
   }
   .arts>ul>li>time+p
   {
      display:none;
   }
   .arts>ul>li>a::after
   {
      content:" ";
      display:block;
      position:absolute;
      left:0;
      top:4rem;
      right:0;
      bottom:4rem;
      z-index:-1;
      border-radius:8rem;
      opacity:0;
      background:#ffffff;
      border:2rem solid rgba(162,89,255,0.5);
   }
   .arts>ul>li>a:hover::after,
   .arts>ul>li>a[data-xnce*="hover"]::after
   {
      opacity:0.5;
   }
   .arts>ul>li>a:focus::after
   {
      opacity:1;
   }
   .arts>ul>li>.im
   {
      pointer-events:none;
   }
   .arts>ul>li>.im>p.author
   {
      float:left;
      white-space:nowrap;
      margin:0 20rem 0 0;
   }
   .arts>ul>li>a
   {
      font-weight:400;
      color:#0000cc;
      text-shadow:-1px 0 #b4b7ff, 0 -1px #b4b7ff, 0 1px #b4b7ff, 1px 0 #b4b7ff, -1px -2px #fdf, 0 -2px #fdf, 1px -2px #fdf,  -1px 2px #fdf, 0 2px #fdf, 1px 2px #fdf,  -2px -1px #fdf, -2px 0 #fdf, -2px 1px #fdf,  2px -1px #fdf, 2px 0 #fdf, 2px 1px #fdf, -1px -1px #fdf, -1px 1px #fdf,  1px -1px #fdf, 1px 1px #fdf;
   }
   .cats.warn>div,
   html:root .arts>div
   {
      margin:-8rem -16rem 0 -24rem;
      display:flex;
      flex-flow:row wrap;
   }
   html:root .arts>div
   {
      justify-content:center;
   }
   .arts>div>a.button
   {
      flex: 0 0 auto;
      margin:8rem 0 0 8rem;
      white-space:nowrap;
   }
   .warn a.button
   {
      text-shadow:none;
      margin:8rem 0 0 8rem;
      text-overflow:ellipsis;
      max-width:100%;
      flex:1 0 auto;
      white-space:nowrap;
      overflow:hidden;
      line-height:40rem;
   }
   .warn>div:after
   {
      display:block;
      content:" ";
      flex:9999 0 0%;
   }
   article>form.im input[type="submit"]+label
   {
      display:table;
      height:40rem;
      border:none;
      text-align:center;
      padding:0 10rem;
      background:none;
      font-weight:400;
      color:#ffffff;
      min-width:80rem;
      margin:0 auto;
      cursor:pointer;
      font-size:20rem;
      line-height:40rem;
      border-radius:10rem;
      box-sizing:border-box;
      position:relative;
      z-index:0;
      text-shadow:none;
      overflow:hidden;
      text-overflow:ellipsis;
   }
   article>form.im input[type="submit"]+label::after
   {
      content:" ";
      position:absolute;
      z-index:-1;
      border:2rem solid #ffffff;
      background:#9900ff;
      border-radius:10rem;
      left:0;
      top:0;
      width:100%;
      height:100%;
      box-sizing:border-box;
   }
   article>form.im input[type="submit"]+label:focus::after,
   article>form.im input[type="submit"]:focus+label::after
   {
      background:#00cc00;
   }
   aside[role="alert"],
   aside[role="alert"]+a,
   form[role="alert"]>fieldset>legend
   {
      display:none;
   }
   #alert:target+aside[role="alert"],
   #alert[data-xncf*="target"]+aside[role="alert"],
   #alert:target+aside[role="alert"]+a,
   #alert[data-xncf*="target"]+aside[role="alert"]+a
   {
      display:block;
   }
   #alert:target+aside[role="alert"]+a+div,
   #alert[data-xncf*="target"]+aside[role="alert"]+a+div
   {
      display:none;
   }
   #alert:target+aside[role="alert"]+a,
   #alert[data-xncf*="target"]+aside[role="alert"]+a
   {
      display:table;
      margin:8rem auto;
   }
   article[data-fl="1"]>a[id="alert"]
   {
      position:absolute;
      height:72rem;
      width:72rem;
      display:block;
      overflow:hidden;
      white-space:nowrap;
      text-indent:70rem;
      background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmN\
         vZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI2NCIgaGVpZ2h0PSI2NCIgdmVyc2lvbj0iM\
         S4xIiB2aWV3Qm94PSIwIDAgNjQgNjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDA\
         wL3N2ZyI+PGcgc3Ryb2tlPSIjZjAwIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva\
         2Utd2lkdGg9IjUiPjxwYXRoIGQ9Im0zIDU4aDU4bC0yOS01M3oiIGZpbGw9IiNmZjAiLz4\
         8Y2lyY2xlIGN4PSIzMiIgY3k9IjQ4IiByPSI0IiBmaWxsPSIjZjAwIiBzdHJva2U9Im5vb\
         mUiIC8+PHBhdGggZD0ibTMyIDM5LTItMTVoNHoiIGZpbGw9Im5vbmUiLz48L2c+PC9zdmc\
         +');
      background-position:center center;
      background-repeat:no-repeat;
      background-size:64rem 64rem;
      top:-8rem;
      left:0;
      box-sizing:border-box;
      border-radius:12rem;
      border:2rem solid transparent;
   }
   article[data-fl="1"]>a[id="alert"]:hover,
   article[data-fl="1"]>a[id="alert"][data-xnce*="hover"],
   article[data-fl="1"]>a[id="alert"]:focus
   {
      background-color:rgba(255,255,255,0.5);
      border-color:rgba(153,0,255,0.5);
   }
   article[data-fl="1"]>a[id="alert"]:target,
   article[data-fl="1"]>a[id="alert"][data-xncf*="target"]
   {
      background-color:#ffffff;
      border-color:#9900ff;
   }
   article[data-fl="1"]::before
   {
      height:80rem;
      display:block;
      content:' ';
      float:left;
   }
   article[data-fl="1"]>h1
   {
      margin-left:62rem;
      transform:translate(0,-16rem);
   }
   article[data-fl="1"]>.im
   {
      clear:both;
   }
   article[data-fl="2"]>h1
   {
      margin-left:32rem;
   }
   html nav.menu
   {
      position:absolute;
      top:36rem;
      left:-16rem;
      margin:4rem -12rem 0 4rem;
   }
   article>footer
   {
      border-top:1rem solid transparent;
      text-shadow:-1px 0 #b49cb4, 0 -1px #b49cb4, 0 1px #b49cb4, 1px 0 #b49cb4, -1px -2px #fdf, 0 -2px #fdf, 1px -2px #fdf,  -1px 2px #fdf, 0 2px #fdf, 1px 2px #fdf,  -2px -1px #fdf, -2px 0 #fdf, -2px 1px #fdf,  2px -1px #fdf, 2px 0 #fdf, 2px 1px #fdf, -1px -1px #fdf, -1px 1px #fdf,  1px -1px #fdf, 1px 1px #fdf;
      text-align:left;
   }
   article>footer::before
   {
      content:' ';
      display:block;
      height:0;
      margin:8rem 0;
      border-top:1rem solid #000000;
      box-shadow:0 0 0 1px #b49cb4, 0 0 0 2px #ffddff;
      overflow:hidden;
   }
   html:root .im.encoded figcaption>span::after,
   html:root .im.encoded ol>li::before
   {
      font-family: stdtext;
   }
   body nav.page
   {
      display:flex;
      flex-flow:row nowrap;
      order:0;
   }
   body nav.page>a
   {
      position:fixed;
      display:block;
      visibility:hidden;
      top:-40rem;
      left:0;
   }
   body nav.page input[type="text"]
   {
      height:40rem;
      border:3rem solid #fff;
      text-align:center;
      width:100rem;
      background:transparent;
      margin:0 2rem;
      font-size:20rem;
      font-weight:bold;
      color:#fff;
      border-radius:8rem;
   }
   body nav.page input[type=text]:focus
   {
      background:#9900ff;
   }
   body nav.page>form
   {
      display:flex;
      flex-flow:row nowrap;
   }
   body nav.page>form>label
   {
      background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiB   lbmNvZGluZz0idXRmLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0   vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzE   uMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHZpZXdCb3g9IjAgMCA0MCA0MCIgeG1sbnM9Imh0dHA6Ly9   3d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiPjxwYXRoIHN0cm9rZT0ibm9uZSIgZml   sbD0iI2ZmZiIgZD0iTTIzIDEwIEwyMyAzMCBMMTMgMjAgWiIgLz48L3N2Zz4');
   }
   body nav.page>form>label~label
   {
      background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIi   BlbmNvZGluZz0idXRmLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi   0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLz   EuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHZpZXdCb3g9IjAgMCA0MCA0MCIgeG1sbnM9Imh0dHA6Ly   93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiPjxwYXRoIHN0cm9rZT0ibm9uZSIgZm   lsbD0iI2ZmZiIgZD0iTTE3IDEwIEwxNyAzMCBMMjcgMjAgWiIgLz48L3N2Zz4');
   }
   body nav.page input[type=text]::selection
   {
      background-color:#008;
   }
   body nav.page input[type=text]::-moz-selection
   {
      background-color:#008;
   }
}

@media screen and (max-width:539.9px)
{
   html.ext body>footer
   {
      padding-bottom:56rem;
   }
   html.ext body>header nav.page
   {
      position: fixed;
      left: 0;
      bottom: 0;
      right: 0;
      height:48rem;
      padding: 0 4rem;
      background: rgba(0,0,0,0.5);
      justify-content:center;
      align-items:center;
   }
}

@media screen and (min-width:700px), print and (min-width:700px)
{
   html body .cats,
   html body .arts,
   html body article
   {
      padding:calc(12vw - 80rem);
   }
   html nav.menu
   {
      margin:calc(12vw - 80rem) calc(12vw - 96rem) 0 calc(12vw - 80rem);
   }
   main>article>a[href^="art-edit."],
   main>article>a[href^="art-edit-cat."]
   {
      margin:calc(12vw - 80rem) calc(12vw - 80rem) 0 calc(12vw - 96rem);
   }
}

@media screen and (min-width:800px), print and (min-width:800px)
{
   html body .cats,
   html body .arts,
   html body article
   {
      padding:16rem;
   }
   html nav.menu
   {
      margin:16rem 0rem 0 16rem;
   }
   main>article>a[href^="art-edit."],
   main>article>a[href^="art-edit-cat."]
   {
      margin:16rem 16rem 0 0rem;
   }
}

@media print
{
   body>nav>ul
   {
      color:#000;
   }
   main>h1,
   html article>h1,
   html .cats>h1,
   html:root .im h1,
   html:root .im h2,
   html:root .im h3
   {
      transform:translate(-10000px,0);
      background:none;
      color:transparent;
      text-shadow: 10000px 0px #fff, 9999px -1px #000, 9999px 0 #000, 9999px 1px #000, 0 9999px #000, 10000px 1px #000,  10001px -1px #000, 10001px 0 #000, 10001px 1px #000, 9999px -2px #000, 10000px -2px #000, 10001px -2px #000, 9999px 2px #000, 10000px 2px #000, 10001px 2px #000, 9998px -1px #000, 9998px 0 #000, 9998px 1px #000, 10002px -1px #000, 10002px 0 #000, 10002px 1px #000;
      box-shadow: 10000px 0 0 0 #ccc;
   }
   main>.cats,
   main>article
   {
      color:#000;
   }
   main>.cats>*,
   main>article>.im
   {
      text-shadow:-1px 0 #b4b4b4, 0 -1px #b4b4b4, 0 1px #b4b4b4, 1px 0 #b4b4b4, -1px -2px #fff, 0 -2px #fff, 1px -2px #fff,  -1px 2px #fff, 0 2px #fff, 1px 2px #fff,  -2px -1px #fff, -2px 0 #fff, -2px 1px #fff,  2px -1px #fff, 2px 0 #fff, 2px 1px #fff, -1px -1px #fff, -1px 1px #fff,  1px -1px #fff, 1px 1px #fff;
   }
}

html
{
   clip:auto;
   margin:0;
   overflow:visible;
   display:block;
}
html,
html:root nav.menu *
{
   -ms-user-select:none;
   -webkit-user-select:none;
   -moz-user-select:none;
   user-select:none;
}
html .us,
html .us *,
input,
textarea,
x-textarea
{
   -ms-user-select:text;
   -webkit-user-select:text;
   -moz-user-select:text;
   user-select:text;
}
html .us,
input,
textarea,
x-textarea
{
   -ms-user-select:element;
   -webkit-user-select:contain;
   -moz-user-select:contain;
   user-select:contain;
}

@media screen
{
   ::-ms-clear,
   ::-ms-reveal
   {
      width:0pt;
      height:0pt;
   }
}

::selection
{
   color:#0000ff;
   text-shadow:-1px 0 #80b4ff,0 -1px #80b4ff,0 1px #80b4ff,1px 0 #80b4ff,-1px -2px #b4ffff,0 -2px #b4ffff,1px -2px #b4ffff,-1px 2px #b4ffff,0 2px #b4ffff,1px 2px #b4ffff,-2px -1px #b4ffff,-2px 0 #b4ffff,-2px 1px #b4ffff,2px -1px #b4ffff,2px 0 #b4ffff,2px 1px #b4ffff,-1px -1px #b4ffff,-1px 1px #b4ffff,1px -1px #b4ffff,1px 1px #b4ffff;
   background-color:transparent;
}
::-moz-selection
{
   color:#0000ff;
   text-shadow:-1px 0 #80b4ff,0 -1px #80b4ff,0 1px #80b4ff,1px 0 #80b4ff,-1px -2px #b4ffff,0 -2px #b4ffff,1px -2px #b4ffff,-1px 2px #b4ffff,0 2px #b4ffff,1px 2px #b4ffff,-2px -1px #b4ffff,-2px 0 #b4ffff,-2px 1px #b4ffff,2px -1px #b4ffff,2px 0 #b4ffff,2px 1px #b4ffff,-1px -1px #b4ffff,-1px 1px #b4ffff,1px -1px #b4ffff,1px 1px #b4ffff;
   background-color:transparent;
}
html:root>body input[type="text"]::selection,
html:root>body input[type="password"]::selection,
html:root>body input[type="number"]::selection,
html:root>body textarea::selection,
html:root>body x-textarea::selection,
html:root>body x-textarea ::selection
{
   color:#6c00b4;
   background-color:#d2b4ff;
   text-shadow:none;
}
html:root>body input[type="text"]::-moz-selection,
html:root>body input[type="password"]::-moz-selection,
html:root>body input[type="number"]::-moz-selection,
html:root>body textarea::-moz-selection,
html:root>body x-textarea::-moz-selection,
html:root>body x-textarea ::-moz-selection
{
   color:#6c00b4;
   background-color:#d2b4ff;
   text-shadow:none;
}
*
{
   -webkit-tap-highlight-color: transparent !important;
   -webkit-touch-callout: none !important;
}

@media screen and (pointer: coarse), screen and (hover: none)
{
   .click
   {
      display:none !important;
   }
   .tap
   {
      display:inline !important;
   }
}

html input[type="submit"],
html input[type="button"],
html input[type="search"],
html input[type="email"]
{
   -webkit-appearance: none;
}
input::-webkit-calendar-picker-indicator
{
   display:none;
}