@charset "utf-8";

:root,:root.light{--bg-page:#e8e8e8 url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wgARCABkAGQDAREAAhEBAxEB/8QAGAABAQEBAQAAAAAAAAAAAAAAAQACAwj/xAAVAQEBAAAAAAAAAAAAAAAAAAAAAv/aAAwDAQACEAMQAAAB9DpgEiMmxMiRAQkAmSNEJkiA2Rk0ZNGTQEJABEQkZNgRkRMmzIgJCBoAIANkBCZEhMiJCZISAgNnM2BEBCImSIBIgAjoZECEyJCZISEyJCACREBk0BshMkZESIgIRAQITRkgARMnQ//EABwQAAIDAQEBAQAAAAAAAAAAAAERABAgQTAxIf/aAAgBAQABBQLxU4988eY5apUaMEAw8DRpVz7PmFbnHbjy6VKn6GxDTioUoNGKlkadCGjShjjgsZceBDZ/KOOz/8QAFBEBAAAAAAAAAAAAAAAAAAAAcP/aAAgBAwEBPwEp/8QAFBEBAAAAAAAAAAAAAAAAAAAAcP/aAAgBAgEBPwEp/8QAFxAAAwEAAAAAAAAAAAAAAAAAATBgMf/aAAgBAQAGPwKNyPLf/8QAIRAAAgMAAwEAAwEBAAAAAAAAAAERITFBUWEQcZGhgdH/2gAIAQEAAT8hmkuOxqfwIRI8MJhd/GzE5ZMVIkTjLJF66Ika60giG5YlLlkRbwXZM/gj9DS4I9j48gXSvi1jdRwRRStbEodYyKIhC/yNpFF2zbG/QlLk0kjk2cmoeOJksbMHikm2SNNMeQTSG0RGkdfox0yJnoVK0S4asTSoSw1LJG5V0ioo/LoULIu7IjXDFJJP9iWJtFERV6NSioc34JSmiEsGhqo6KQlfo1LMQh1fOD92NR6hW6HonEKPfkWRCJrodS1pNVpjob1CGgix7p60hRFMVIkeIsh3dnRISoq9o0TxEiTb8Ho3EJYa8saaWFEp1L5RvsmHHHZMKF/RdMavcKf9E76Gp5GqnRRFGL09DGk/lCVn5C3WQE5KcCgNL9NsVpT8JW4HNjytF29F6HB6PF6NwcfHRyJSmUV8wMiRqkTT5//aAAwDAQACAAMAAAAQtttttNNttttttttpNttNtttttttttNttttpttttttttttNpttpttttttttNttttttttptttNttttttJpNptpP//EABQRAQAAAAAAAAAAAAAAAAAAAHD/2gAIAQMBAT8QKf/EABQRAQAAAAAAAAAAAAAAAAAAAHD/2gAIAQIBAT8QKf/EACUQAAICAQMDBQEBAAAAAAAAAAARARAxICFhQXGBUZGxweGh0f/aAAgBAQABPxAEkLpMKNQ3MrwNEIPkEsFBPXQBgocIUQ1ANUfZCfQbUGsGQDdx/QNAAUgklQP4EliAT4FATqDSAT7jQIEoKd4a4AgBBQGZ0YjYgqAH6DegDAQhBQABrgJNmoAAACFEFQNogCBmPYBoF6lkA/0HkDpooM2PFgMHIKB9AGoBCE8hKhjs8nuQPqKMQAb0BLAAIAIUgQydgBvogDZ7lD9BPgHAfgIhBRs1EAhBYAeQIKAQEElORR2MGR0Oh0cYIGDgByQgYC8OxDgHQ9iIcOT/2Q==') repeat;--bg-size:100px 100px;--bg-color-1:#07468d;--bg-color-2:#f0f1f2;--bg-color-3:#f7f7f7;--bg-color-4:#4b67a1;--bg-color-5:#495057;--bg-color-6:#2d2d2d;--bg-color-7:#fff;--bg-color-8:#ddd;--bg-color-9:#f0f1f2;--bg-color-10:#fff;--bg-color-11:#fff;--bg-color-12:#e6e6e6;--bg-color-13:#e6e6e6;--bg-color-14:rgba(0,0,0,.03);--text-color-1:#212529;--text-color-2:#fff;--text-color-3:#000;--text-color-4:#f7f7f7;--text-color-5:#212529;--text-color-6:#d8dfea;--text-color-7:red;--text-color-8:#07468d;--border-color-1:#c6ced9;--border-color-2:#565e64;--border-color-3:#000;--border-color-4:#4b67a1;--border-color-5:#495057;--border-color-6:#c6ced9;--border-color-7:#ddd;--invert:0}
:root.dark{--bg-page:linear-gradient(180deg,rgba(60,60,60,1) 0%,rgba(50,50,50,1) 35%,rgba(35,35,35,1) 100%);--bg-size:auto;--bg-color-1:#191919;--bg-color-2:#444;--bg-color-3:#f7f7f7;--bg-color-4:#333;--bg-color-5:#444;--bg-color-6:#2d2d2d;--bg-color-7:#555;--bg-color-8:#707070;--bg-color-9:#e6e6e6;--bg-color-10:#555;--bg-color-11:#444;--bg-color-12:#e6e6e6;--bg-color-13:#555;--bg-color-14:#444;--text-color-1:#fff;--text-color-2:#fff;--text-color-3:#fff;--text-color-4:#f7f7f7;--text-color-5:#000;--text-color-6:#f7f7f7;--text-color-7:#ffb8b8;--text-color-8:#fff;--border-color-1:#292d33;--border-color-2:#313131;--border-color-3:#000;--border-color-4:#333;--border-color-5:#495057;--border-color-6:#444;--border-color-7:#333;--invert:1}

*{margin:0;padding:0}
html{scrollbar-color:rgb(96,96,96) rgba(0,0,0,0)}
body{background:var(--bg-page);background-size:var(--bg-size);color:var(--text-color-1);display:flex;-webkit-font-smoothing:antialiased;flex-direction:column;font-family:opensans,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:1rem;line-height:1.5;margin:0;min-height:100vh;text-align:left}
a{color:var(--text-color-3)}
a:link,a:active,a:visited{text-decoration:none}
a:hover{color:var(--text-color-8);text-decoration:underline}
.icon{display:inline-block;width:1em;height:1em;fill:currentColor;flex-shrink:0;line-height:1;overflow:visible;vertical-align:-0.0625em;}
.icon use{pointer-events:none;}

[data-bs-toggle="dropdown"]:focus-visible,
.dropdown-menu .dropdown-item:focus-visible{
outline:2px solid var(--bg-color-1);
outline-offset:2px;
}

.admin-nav{
margin-bottom:1.5rem;
}

.admin-nav__list{
display:flex;
flex-wrap:wrap;
gap:.5rem;
list-style:none;
margin:0;
padding:0;
}

.admin-nav__item{
flex:0 0 auto;
}

.admin-nav__link{
align-items:center;
background-color:var(--bg-color-10);
border:1px solid var(--border-color-1);
border-radius:.75rem;
color:var(--text-color-1);
display:inline-flex;
font-weight:600;
gap:.5rem;
padding:.55rem 1rem;
text-decoration:none;
transition:background-color .2s ease,color .2s ease,box-shadow .2s ease;
}

.admin-nav__link:hover,
.admin-nav__link:focus{
background-color:var(--bg-color-9);
color:var(--text-color-1);
text-decoration:none;
}

.admin-nav__link:focus-visible{
outline:2px solid var(--bg-color-1);
outline-offset:2px;
}

.admin-nav__link.is-active{
background-color:var(--bg-color-1);
border-color:var(--bg-color-1);
box-shadow:0 0 0 1px rgba(0,0,0,.05);
color:var(--text-color-2);
}

.admin-nav__link.is-active:hover,
.admin-nav__link.is-active:focus{
color:var(--text-color-2);
background-color:var(--bg-color-1);
}

input[type=file]{border-color:var(--border-color-1);height:auto;margin-bottom:.3rem;margin-top:.3rem;padding:.5rem}
p{line-height:1.3rem;margin:.6rem 0 .7rem}
ul{list-style-type:none;margin:0}

.fanfic-chapter__header{
  align-items:center;
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
}

.fanfic-chapter__badge{
  background-color:var(--bg-color-3);
  border-radius:9999px;
  color:var(--text-color-1);
  display:inline-flex;
  font-size:.75rem;
  font-weight:600;
  letter-spacing:.05em;
  padding:.25rem .625rem;
}

.fanfic-chapter__title{
  flex:1 1 auto;
  min-width:0;
}

.fanfic-chapter__meta{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
}

.fanfic-chapter__meta-item{
  align-items:center;
  display:flex;
  gap:.25rem;
}

.fanfic-chapter__meta-label{
  font-weight:600;
  letter-spacing:.04em;
}

.fanfic-chapter__stats{
  align-items:center;
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
}

.fanfic-chapter__stat{
  border-radius:9999px;
  display:inline-flex;
  gap:.375rem;
  font-size:.75rem;
  font-weight:500;
  padding:.35rem .625rem;
}

.fanfic-chapter__stat-label{
  font-weight:600;
  letter-spacing:.04em;
}

.fanfic-chapter__stat-value{
  font-weight:600;
}

.fanfic-chapter__continue-wrapper{
  display:flex;
  justify-content:flex-end;
  margin:1.5rem 0 0;
}

.fanfic-chapter__continue{
  align-items:center;
  display:inline-flex;
  gap:.5rem;
}

.fanfic-chapter__continue .icon{
  margin-left:.25rem;
}

.fanfic-panels{
  margin-bottom:1.5rem;
}

.character-lightbox{
  color:var(--text-color-2);
}

.character-lightbox .fw-bold,
.character-lightbox h3{
  color:var(--text-color-2);
}

.character-card{
  --character-card-shadow:0 18px 38px rgba(15,23,42,.2);
  background:#fff;
  border:none;
  border-radius:1rem;
  box-shadow:var(--character-card-shadow);
  color:#0f172a;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:flex-start;
  overflow:hidden;
  position:relative;
  transition:box-shadow .3s ease;
  min-height:0;
}

.character-card:hover{
  box-shadow:0 26px 48px rgba(15,23,42,.22);
}

.character-card__image-wrapper{
  background:linear-gradient(135deg, var(--bg-color-8), var(--bg-color-9));
  width:100%;
  padding-top:62%;
  overflow:hidden;
  position:relative;
  z-index:0;
}

.character-card__image-wrapper img,
.character-card__placeholder{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover;
}

.character-card__placeholder{
  align-items:center;
  background:var(--bg-color-10);
  color:var(--text-color-1);
  display:flex;
  font-size:2.5rem;
  justify-content:center;
}

.character-card__placeholder-icon{
  opacity:.35;
}

.character-card__body{
  border:0;
  margin:0;
  padding:1.25rem 1.25rem 1.5rem;
  position:relative;
  width:100%;
  z-index:1;
  text-align:left;
}

.character-card__title{
  color:#0f172a;
  font-weight:600;
  letter-spacing:.01em;
  text-shadow:none;
  font-size:1rem;
  line-height:1.5;
  margin:0;
}

.fanfic-panels__description,
.fanfic-panels__chapters{
  display:flex;
}

.fanfic-panels__description .card,
.fanfic-panels__chapters .card{
  flex:1 1 auto;
}

@media (max-width: 991.98px){
  .fanfic-panels{
    --bs-gutter-x:1rem;
  }
}

/* Font Sizes */
.bigger{font-size:1.25rem}
.cr{font-size:9px!important}
.f120{font-size:1.2rem!important}
.f130{font-size:1.3rem!important}
.f150{font-size:1.5rem!important}
.f200{font-size:2rem!important}
.larger{font-size:1.1rem!important}
.news{font-size:1rem!important}
.smaller{font-size:.9rem!important}
.tiny{font-size:.8rem!important}

/* Font Styles */
.form-floating{color:var(--text-color-5)}

/* Password Toggle */
.password-toggle{position:relative}
.password-toggle [data-password-input]{padding-right:3rem}
.password-toggle-btn{position:absolute;top:50%;right:.75rem;transform:translateY(-50%);border:0;background:transparent;padding:.25rem;line-height:0;color:var(--bg-color-5);display:inline-flex;align-items:center;justify-content:center}
.password-toggle-btn:hover{color:var(--text-color-8)}
.password-toggle-btn:focus-visible{outline:2px solid var(--text-color-8);outline-offset:2px;border-radius:.375rem}

/* Colors */
.offline{color:var(--text-color-3)}
.online{color:var(--bg-color-1)}

/* Z-index and White Space */
.tooltip{z-index:500!important}

/* Overflow and Height */
.h-screen{height:100vh}
.overscroll-contain{overscroll-behavior:contain}
.overflow-y-auto{overflow-y:auto}

/* Margins and Paddings */
.mb-12{margin-bottom:6rem}

/* Images and Thumbnails */
.img-thumb{-o-object-fit:cover;height:64px;object-fit:cover;width:48px}

/* Border and Radius */
.border-tertiary{border:1px solid var(--bg-color-4)}
.rounded-full{border-radius:9999px}

/* Icons and Buttons */
.btn-size-zero{min-height:48px;min-width:48px}
.btn-size-sm{min-height:48px;min-width:220px}
.btn-size{min-height:48px;min-width:100%}
.btn{transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}
.btn:hover,.btn:focus-visible{box-shadow:0 .35rem .9rem rgba(0,0,0,.08)}
.btn-primary:hover,.btn-primary:focus-visible{background-color:var(--bg-color-1-hover,#0b5ed7);border-color:var(--bg-color-1-hover,#0b5ed7);color:#fff}
.btn-secondary:hover,.btn-secondary:focus-visible{background-color:var(--bg-color-5,#495057);border-color:var(--border-color-2,#565e64);color:#fff}
.btn-outline-secondary:hover,.btn-outline-secondary:focus-visible{background-color:var(--bg-color-9,#f0f1f2);border-color:var(--border-color-2,#565e64);color:var(--text-color-1,#212529)}
.btn-light:hover,.btn-light:focus-visible{background-color:var(--bg-color-9,#f0f1f2);border-color:var(--border-color-1,#c6ced9);color:var(--text-color-1,#212529)}
.icon.large{height:3rem;width:3rem}
.icon{align-items:center;display:inline-flex;justify-content:center;line-height:1;text-indent:0;transition:color .3s cubic-bezier(.25,.8,.5,1);-webkit-user-select:none;-moz-user-select:none;user-select:none}
.nav-btn{align-items:center;cursor:pointer;display:flex;height:44px;justify-content:center;width:44px;z-index:1}

/* Background Colors and Borders */
.bg-light>a,.bg-light>span{color:var(--text-color-1)}
.bg-light{background-color:var(--bg-color-11)!important;color:var(--text-color-3)}
/* Cards and Dropdowns */
.bg-grey{background-color:var(--bg-color-3)}
.card-header{background:var(--bg-color-14)}
.card{background-color:var(--bg-color-7)!important}
.dropdown-item.active,.dropdown-item:active,.dropdown-item:focus{background-color:var(--bg-color-1);color:var(--text-color-2)!important}

/* Button Colors */
.btn-primary.disabled,.btn-primary:disabled{background-color:var(--bg-color-1);border-color:var(--bg-color-1)}
.btn-primary.focus{background-color:var(--bg-color-5)!important;border-color:var(--border-color-2)!important}
.btn-primary{background-color:var(--bg-color-1);border-color:var(--bg-color-1)}

/* Effects and Shadows */
.glow-dark{box-shadow:0 .2rem .75rem rgba(84,91,98,.3)}
.glow{box-shadow:0 .2rem .75rem rgba(0,0,0,.3)}

/* Text Decorations */
.a.bg-secondary:hover{color:var(--text-color-2)}
.a.badge,a.btn,a.dropdown-item,a.nav-link,a.navbar-brand{text-decoration:none}
.a.underline:hover{text-decoration:none}

/* Filters */
.dark .btn-invert{filter:invert(var(--invert)) grayscale(100%) brightness(200%)}
.dark .logo-invert{filter:brightness(0) invert(var(--invert))}
.header-invert{filter:brightness(0) invert(1)}

/* List Groups */
.list-group>.list-group-item:hover{background-color:var(--bg-color-3);color:var(--text-color-5);text-decoration:none}
.list-group>.list-group-item.active,.list-group>.list-group-item.active:hover{background-color:var(--bg-color-5);border-color:var(--bg-color-6);color:var(--text-color-2)}
.list-group-flush>.list-group-item:hover{background-color:transparent;color:var(--text-color-3);text-decoration:none}
.list-group-flush>.list-group-item.active:hover{background-color:transparent;color:var(--text-color-2)}
.list-group-flush>.list-group-item{background-color:transparent;color:var(--text-color-1)}
.list-group-flush>.list-group-item.active{background-color:transparent!important;border-color:transparent!important;color:var(--text-color-2)!important}

.more-works-card .card-header{border-bottom:1px solid var(--border-color-1);}
.more-works-groups{display:flex;flex-wrap:wrap;gap:1.5rem;}
.more-works-group{flex:1 1 16rem;min-width:14rem;padding:.25rem 0;}
.more-works-list{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}
.more-works-link{align-items:center;background-color:var(--bg-color-3);border-radius:9999px;color:var(--text-color-1);display:inline-flex;font-weight:500;min-height:2.25rem;padding:.5rem .75rem;text-decoration:none;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}
.more-works-link:hover,
.more-works-link:focus{background-color:var(--bg-color-2);color:var(--text-color-1);text-decoration:none}
.more-works-link:focus-visible{outline:2px solid var(--bg-color-1);outline-offset:2px}
.more-works-card .card-body{padding:1.25rem}
@media (max-width:767.98px){
.more-works-groups{flex-direction:column;gap:1rem;}
.more-works-group{min-width:100%;}
}

.fanfic-genre-badge{align-items:center;background-color:var(--bg-color-3);border-radius:9999px;color:var(--text-color-1);display:inline-flex;font-size:.75rem;font-weight:600;line-height:1.25;margin:.125rem .25rem;padding:.35rem .65rem;text-transform:none;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}
a.fanfic-genre-badge{color:inherit}
a.fanfic-genre-badge:focus,a.fanfic-genre-badge:hover{background-color:var(--bg-color-4);box-shadow:0 0 0 .1rem rgba(0,0,0,.08);color:var(--text-color-2);text-decoration:none}
a.fanfic-genre-badge:focus-visible{outline:2px solid var(--bg-color-1);outline-offset:2px}

/* Media Queries */
@media (max-width:768px){
  .btn-xs-block{display:block;width:100%!important}
  input[type=submit].btn-xs-block,input[type=reset].btn-xs-block,input[type=button].btn-xs-block{width:100%}
  .btn-block + .btn-xs-block,.btn-xs-block + .btn-block,.btn-xs-block + .btn-xs-block{margin-top:.5rem}
}
@media (min-width:768px){.bigger{font-size:1.5rem}}

/* General Styles */
.narrow{max-width:556px}
.template{list-style:none;margin-bottom:.625rem;width:100%}

/* Header Styles */
.header{border:none;border-bottom:1px solid var(--bg-color-1);box-shadow:0 2px 5px -2px rgba(0,0,0,.8);height:52px;padding:0 .5rem!important;top:0;z-index:100}
.header,.header .navbar-brand{background-color:var(--bg-color-1)}
.header .navbar-brand{align-items:center;border-radius:.25rem;color:var(--text-color-6);display:flex;justify-content:center;padding:.3125rem .5rem;transition:none}
.header .navbar-brand>i{align-items:center;display:flex;height:30px;justify-content:center;width:30px}
.header .d-active{display:flex}
.header_center{align-items:center;display:flex;flex:0 1 728px;flex-wrap:wrap;gap:1rem;margin:0 1rem;min-width:0}
.header_center .search_toggler{background-color:initial;border:0;color:var(--text-color-6);cursor:pointer;display:none;text-decoration:none}
.header .nav>li>a:focus,.header .nav>li>a:hover,.header .navbar-brand:focus,.header .navbar-brand:hover,.header .navbar-nav>.active>a:focus,.header .navbar-nav>.active>a:hover{background-color:var(--bg-color-4);border-color:var(--bg-color-4);color:var(--text-color-2)}
.header_form,.mobile_form{align-items:center;background-color:var(--bg-color-9);border-radius:8px;display:flex;position:relative}
.header_form .form-submit,.mobile_form .form-submit{align-items:center;border-radius: 0 8px 8px 0;display:flex;height:38px;justify-content:center;overflow:hidden;position:absolute;right:-1px;top:0;width:50px}
.header_form .input,.mobile_form .input{border-radius:8px;height:38px;padding:.375rem 1rem}
.header .logo-header{display:none;padding:0 .5rem!important}
.header [data-toggle="offcanvas"]{display:none}
.header button:focus{box-shadow:none;outline:none}
.header_form .form-submit{border:0;color:var(--text-color-5);padding:0}
.header_form .form-submit>i{font-size:1.125rem}
.mobile_form .form-submit{background-color:var(--bg-color-4);border:0;color:var(--text-color-2);padding:0}
.header_form .input{background-color:var(--bg-color-9)}
.mobile_form .input{background-color:var(--bg-color-12)}
.mobile_form .form-control{border-color:var(--bg-color-12)}
.header_form .input:focus,.header_form .input:active,.mobile_form .input:focus,.mobile_form .input:active{background-color:var(--bg-color-3);border:1px solid var(--border-color-1);box-shadow:inset 0 0 0;outline:0}
.header_form .form-submit:focus,.header_form .form-submit:active,.mobile_form .form-submit:focus,.mobile_form .form-submit:active{box-shadow:inset 0 0 0;outline:0}

/* Search Styles */
.autoComplete_wrapper{display:inline-block;position:relative;width:100%}
.autoComplete_wrapper>input{text-overflow:ellipsis;outline:0;transition:all .4s ease;-webkit-transition:all -webkit-transform .4s ease}
.autoComplete_wrapper>input:focus::-moz-selection{background-color:rgba(7,70,141,.15)}
.autoComplete_wrapper>input:focus::selection{background-color:rgba(7,70,141,.15)}
.autoComplete_wrapper>input::-moz-selection{background-color:rgba(7,70,141,.15)}
.autoComplete_wrapper>input::selection{background-color:rgba(7,70,141,.15)}
.autoComplete_wrapper>input:hover{color:rgba(7,70,141,.8);transition:all .3s ease}
.autoComplete_wrapper>input:focus{color:#07468d;border:.06rem solid rgba(7,70,141,.8)}
.autoComplete_wrapper>ul{position:absolute;max-height:246px;overflow-y:scroll;box-sizing:border-box;left:0;right:0;margin:.5rem 0 0;padding:0;list-style:none;background-color:var(--bg-color-3);border:1px solid rgba(33,33,33,.07);box-shadow:0 3px 6px rgba(149,157,165,.15);outline:0;transition:opacity .15s ease-in-out;z-index:99999}
@media (max-width:820px){.autoComplete_wrapper>ul{position:relative;max-height:100%}}
.autoComplete_wrapper>ul:empty,.autoComplete_wrapper>ul[hidden]{display:block;opacity:0;transform:scale(0)}
.autoComplete_wrapper a{color:var(--text-color-3)}
.autoComplete_wrapper a:active,.autoComplete_wrapper a:focus,.autoComplete_wrapper a:hover{text-decoration:none}
.autoComplete_wrapper .no_result,.autoComplete_wrapper .total_results,.autoComplete_wrapper>ul>li{margin:.3rem;padding:.3rem .5rem;text-align:left;font-size:1rem;color:#212121;border-radius:.35rem;background-color:var(--bg-color-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .2s ease}
.autoComplete_wrapper>ul>li mark{background-color:transparent;color:#07468d;font-weight:700}
.autoComplete_wrapper>ul>li:hover{cursor:pointer}
.autoComplete_wrapper>ul>li:hover,.autoComplete_wrapper>ul>li[aria-selected=true]{background-color:rgba(7,70,141,.15)}
.autoComplete_wrapper>ul>li .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.autoComplete_wrapper>ul>li .category{display:flex;align-items:center;font-size:13px;font-weight:700;color:#07468d}

/* Sidebar/Drawer Styles */
#sidebar>.active{margin-left:0;transition:margin-left 150ms ease-in-out 0s}
#sidebar>.inactive{margin-left:-256px}
.drawer{background-color:var(--bg-color-2);box-shadow:rgba(0,0,0,.1) 0 0 15px;height:auto;min-width:256px;position:static;width:256px}

/* Template Styles */
.template .frame,.template .parts{background-color:var(--bg-color-10);border:1px solid var(--border-color-7);border-top-left-radius:4px;border-top-right-radius:4px;display:block;margin-bottom:-1px;overflow:visible;padding:.625rem!important;position:relative}
.template .parts{box-shadow:0 1px 1px rgba(0,0,0,.05)}

/* Footer Styles */
.footer{z-index:10001}.footer-header,.footer-triangle:before{background:var(--bg-color-6)url(/img/footer-bg.png)0 0 repeat-x;box-shadow:2px -2px 2px 0 rgba(0,0,0,.15);position:relative}.footer-header{border-radius:60px 0 0 0;height:34px;margin-left:auto;padding:6px 0 6px 24px}.footer-title{font-size:11px;font-weight:600;padding-right:8px;text-decoration:none;text-transform:uppercase}.footer-header a,.footer-header a:hover{color:var(--text-color-4)}.footer-triangle{bottom:0;margin-right:-12px;overflow:hidden;position:absolute;right:100%;top:0;width:34px}.footer-triangle:before{content:"";height:100px;left:-5px;top:18px;transform:rotate(45deg);width:100px}.footer-header .list-inline-item{height:30px}.footer-line{background-color:var(--bg-color-6);box-shadow:0 0 4px 0 rgba(0,0,0,.4);height:8px;width:100%}

/* Offcanvas Styles */
.offcanvas-top{height:100vh!important}
.offcanvas-top{background-color:var(--bg-color-2)!important}
.offcanvas-body{color:var(--text-color-5)}

/* Navigation Styles */
.nav-close{height:28px;width:28px}.nav-close:hover{background-color:var(--bg-color-12)}.nav-close:focus{box-shadow:none;outline:0}
.logo-nav{border-radius:.25rem;padding:.3rem .5rem .25rem .3125rem}
.logo-nav>.icon{font-size:1.75rem;height:28px;width:28px;margin-right:.5rem}
.sidebar-list-item,.user-list-item,.logo-list-item{padding-left:1rem;padding-right:1rem}
.sidebar-list-item>a:hover,.user-list-item>a:hover,.sidebar-list-item>a:active,.user-list-item>a:active,.sidebar-list-item>a:focus,.user-list-item>a:focus{background-color:var(--bg-color-13);color:var(--text-color-3);text-decoration:none}
.sidebar-link,.user-link{border-radius:.25rem;display:block;font-size:1.1rem;height:2rem;height:32px;list-style:none;padding:.2rem .5rem;position:relative}
.user-link{color:var(--text-color-5)}
.sidebar-link>.icon,.user-link>.icon{font-size:1.4rem;height:24px;width:24px;margin-right:.5rem}
.sidebar-list-item>.active,.sidebar-list-item>.active:hover,.sidebar-list-item>.active:active,.sidebar-list-item>.active:focus{background-color:var(--bg-color-1);color:var(--text-color-2)}
.logo-list-item>a:hover,.user-list-item>a:hover,.logo-list-item>a:active,.user-list-item>a:active,.logo-list-item>a:focus,.user-list-item>a:focus{background-color:var(--bg-color-13);color:var(--text-color-3);text-decoration:none}
.logo-list-item>.active,.logo-list-item>.active:hover,.logo-list-item>.active:active,.logo-list-item>.active:focus{background-color:var(--bg-color-6);color:var(--text-color-2)}

/* Media Queries */
@media (max-width:576px){.header .navbar-brand{margin-right:.25rem!important}.header{padding:0 .25rem!important}}
@media (max-width:820px){.header_form{display:none}.header_center .search_toggler{display:block}}
@media (min-width:576px) and (max-width:1200px){.drawer{display:block;min-width:90px;width:90px}.header [data-toggle="offcanvas"]{display:flex!important}[data-toggle="oncanvas"]{display:none!important}.logo-nav{text-align:center;padding:.3125rem .95rem;width:100%}.logo-nav>img,.logo-nav>span{display:none}.sidebar-list-item,.logo-list-item{padding-left:.35rem;padding-right:.35rem}.sidebar-link{height:3rem;height:48px;padding:.25rem;text-align:center}.sidebar-link .sidebar-link-title{font-size:.7rem;width:100%!important}.sidebar-link>i,.logo-nav>i{margin-left:0!important;margin-right:0!important;width:100%!important;white-space:normal}}
@media (max-width:576px){.drawer{left:0px;margin-left:-256px;position:fixed;top:0px;z-index:500}.header [data-toggle="offcanvas"]{display:flex}.header .logo-header{display:flex}.offcanvas-end{width:320px!important}}
@media (max-width:380px){.header_center{margin:0 .5rem}.offcanvas-end{width:256px!important}.sidebar-list-item,.logo-list-item{padding-left:.25rem;padding-right:.25rem}}
@media (max-width:330px){.header_center{margin:0}}

#map{height:400px;width:auto}.desc{border-top:1px solid gray;color:gray;font-size:.7rem;padding:2px}.imgnav{position:absolute;top:0}.newest .time{float:right;font-size:.75rem;margin-top:.3rem;vertical-align:bottom}#search .medium select{width:120px}#items-shown{min-height:100px}#items-shown li .item{background-color:var(--text-color-2);border:1px solid var(--border-color-1);cursor:move;margin:2px;padding:.3rem}#details.elements li{cursor:move}

#toc{border:1px solid var(--border-color-6);font-size:1rem;margin-top:1rem;padding:.3rem}ul.wiki,ol.wiki{margin-bottom:.5rem;margin-top:.5rem;padding-left:2rem}ul.wiki{list-style-type:disc}ol.wiki{list-style-type:decimal}a.wikilink{color:var(--text-color-7)}blockquote.quote{background-color:var(--border-color-1);border:1px solid var(--border-color-3);padding:.5rem}

@media(max-width:768px){ul.wiki,ol.wiki{padding-left:1.2rem}ul.wiki>li,ol.wiki>li{margin-bottom:.5rem}}

#category-adder{margin-left:120px;padding:4px 0}#category-add input,#category-add select{width:30%}#category-add input#category-add-sumbit{width:auto}ul#category-tabs li{padding:.5rem}ul#category-tabs li.ui-tabs-selected{background-color:#001450;border-bottom-left-radius:8px;border-top-left-radius:8px}ul#category-tabs li.ui-tabs-selected a{color:var(--text-color-2);font-weight:700;text-decoration:none}div.ui-tabs-panel{border:4px solid #001450;height:10rem;margin:0 5px 0 120px;overflow:auto;padding:.5em .9em}ul.categorychecklist li{line-height:19px}#linkcategorydiv #category-adder{margin-left:120px;padding:4px 0}#linkcategorydiv ul#category-tabs{float:left;text-align:right}#linkcategorydiv ul.categorychecklist ul{margin-left:18px}#tagsdiv #newtag{margin-right:.5rem}#tagchecklist{margin-left:.625rem;overflow:auto}#tagchecklist strong{margin-left:-8px;position:absolute}#tagchecklist span{cursor:default;display:block;float:left;font-size:.9rem!important;line-height:1.8em;margin-right:25px;white-space:nowrap}#tagchecklist span a{background:transparent url(/img/blog/xit.gif) no-repeat scroll 0 0;cursor:pointer;display:block;float:left;height:.625rem;margin:8px 0 0 -12px;overflow:hidden;position:absolute;text-indent:-9999px;width:.625rem}#tagchecklist span a:hover{background:url(/img/blog/xit.gif) no-repeat -.625rem 0}

#return-to-top{background:rgb(0,0,0);background:rgba(0,0,0,.7);color:#fff;border-radius:35px;bottom:120px;display:block;display:none;height:50px;outline:none;padding:0;position:fixed;right:20px;text-decoration:none;transition:all .3s ease;width:50px;z-index:20}#return-to-top i{color:#fff;font-size:2rem;height:34px;transition:all .3s ease;width:34px}#return-to-top:hover{background:rgba(0,0,0,.9)}

@font-face{font-family:opensans;src:url(../static/fonts/opensans-bold/opensans-bold.woff2?#iefix) format('woff2'),url(../static/fonts/opensans-bold/opensans-bold.woff) format('woff'),url(../static/fonts/opensans-bold/opensans-bold.ttf) format('truetype');font-weight:700;font-style:normal}@font-face{font-family:opensans;src:url(../static/fonts/opensans-italic/opensans-italic.woff2?#iefix) format('woff2'),url(../static/fonts/opensans-italic/opensans-italic.woff) format('woff'),url(../static/fonts/opensans-italic/opensans-italic.ttf) format('truetype');font-weight:normal;font-style:italic}@font-face{font-family:opensans;src:url(../static/fonts/opensans-light/opensans-light.woff2?#iefix) format('woff2'),url(../static/fonts/opensans-light/opensans-light.woff) format('woff'),url(../static/fonts/opensans-light/opensans-light.ttf) format('truetype');font-weight:300;font-style:normal}@font-face{font-family:opensans;src:url(../static/fonts/opensans-regular/opensans-regular.woff2?#iefix) format('woff2'),url(../static/fonts/opensans-regular/opensans-regular.woff) format('woff'),url(../static/fonts/opensans-regular/opensans-regular.ttf) format('truetype');font-weight:normal;font-style:normal}

/* Diff to base */

.tooltip-red{margin-right:6px!important;margin-top:6px!important}
.tooltip-red .tooltip-inner{padding:16px 15px 17px;background-color:#ca635f}
.tooltip-red-w{margin-right:6px!important;margin-top:6px!important}
.tooltip-red-w .tooltip-inner{padding:16px 15px 17px;background-color:#ca635f;max-width:100%}
.tooltip-red .tooltip-arrow::before,.tooltip-red-w .tooltip-arrow::before{border-bottom-color:#ca635f}

.fanfic-hero.card{border:0;border-radius:1rem;box-shadow:0 2px 12px rgba(15,23,42,.08)}
.fanfic-hero__title{color:var(--text-color-1,#212529);text-wrap:balance}
.fanfic-hero__author{color:var(--text-color-3,#6c757d)}
.fanfic-hero__author-name{color:var(--text-color-1,#212529)}
.fanfic-hero__author-name:hover,.fanfic-hero__author-name:focus{color:var(--bg-color-1,#0d6efd);text-decoration:none}
.fanfic-hero__avatar{width:40px;height:40px;border-radius:50%;background:var(--bs-light,#eef2ff);display:grid;place-items:center;font-weight:700;font-size:1rem;color:var(--bg-color-1,#0d6efd);overflow:hidden}
.fanfic-hero__avatar-image{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
.fanfic-hero__chips .chip{background:var(--bs-body-tertiary,#e9ecef);color:var(--text-color-1,#212529)}
.fanfic-hero__chips .chip .icon{font-size:.85rem}
.fanfic-hero__start{display:inline-flex;align-items:center;gap:.55rem;padding:.85rem 1.35rem;border-radius:14px;border:1px solid transparent;box-shadow:none;background:var(--bg-color-1,#0d6efd);transition:background-color .2s ease,color .2s ease}
.fanfic-hero__start:hover,.fanfic-hero__start:focus,.fanfic-hero__start:focus-visible{background:var(--bg-color-1-hover,#0b5ed7);color:#fff;transform:none}
.fanfic-hero__start .icon{font-size:1.1rem}
.fanfic-hero__stats{align-items:center;flex:1;min-width:260px}
.fanfic-hero__stat{position:relative;min-width:0;flex:1 1 180px}
.fanfic-hero__stat .stretched-link{position:absolute;inset:0;z-index:1;display:block}
.fanfic-hero__stat .icon{color:var(--bg-color-1,#0d6efd)}
.fanfic-hero__stat-text{display:flex;flex-direction:column;gap:.2rem}
.fanfic-hero__stat-label{letter-spacing:.08em;color:var(--text-color-3,#6c757d)}
.fanfic-hero__stat-value{font-size:1.05rem;color:var(--text-color-1,#212529);font-weight:700}
.fanfic-hero__progress .progress{height:18px;border-radius:999px}

.chip{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:999px;background:var(--bs-body-tertiary,#e9ecef);color:var(--text-color-1,#212529);text-decoration:none;font-weight:600;transition:background-color .2s ease,color .2s ease}
.chip:hover,.chip:focus{background:var(--bs-tertiary-bg,#dde2e5);color:var(--text-color-1,#212529);text-decoration:none}
.stat{display:flex;align-items:center;gap:.6rem;padding:.85rem 1rem;border-radius:14px;background:#f6f7fb;border:1px solid #e4e7ef;font-weight:600;position:relative;overflow:hidden;box-shadow:none;transition:background-color .2s ease,border-color .2s ease}
.stat:hover{background:#eef1f6;border-color:#d9dde5}
.stat i{color:var(--bg-color-1,#0d6efd)}
.btn-pill{border-radius:999px}

.card-rows{
display:flex;
flex-wrap:wrap;
}
.card-rows .card-height::after{content:"\a";position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.08);opacity:0;transition:all .5s;border-radius:.25rem .25rem 0 0!important}
.card-rows .card-height:hover:after{opacity:1}
.card-rows .active::after{content:"";background:var(--bg-color-1)0 0;right:0;top:0;position:absolute;width:24px;height:24px;border-radius:.75rem!important;margin:.5rem;border:2px solid #fff}
.card-rows .item{background-color:var(--bg-color-7);border:2px solid rgba(0,0,0,.02);border-radius:8px;color:var(--text-color-3);height:auto;margin-bottom:0;width:100%}
.card-rows .item:hover{background-color:var(--bg-color-8);border:2px solid rgba(0,0,0,.1);color:var(--text-color-3)}
.card-rows .item img{display:block;height:auto;max-width:100%;width:100%!important}
.tabs.card-rows .card-height:not(.card-body){align-items:center;display:flex;height:80px;justify-content:center;margin:0 auto;overflow:hidden;position:relative;width:80px}
.tabs.card-rows .card-height:not(.card-body) img{height:100%;object-fit:cover;width:100%}
.tabs.card-rows [data-lightbox]{cursor:zoom-in;display:inline-block}
.card-rows .item>.card{margin:0;border:0}
.card-rows .item .card-body{z-index:4;position:relative!important}
.card-rows .item:active a,.card-rows .item:focus a,.card-rows .item:hover a{color:var(--text-color-3);text-decoration:none}
.card-rows img.lazy{opacity:0}
.card-rows img.error,.card-rows img.initial,.card-rows img.loaded{opacity:1}
.card-rows img:not([src]){visibility:hidden}