body {
  font-size: 0.8125rem;
  background-color: #edf2f9;
}

a {
  text-decoration: none
}

hr {
  border-top: 1px solid #ccc;
}

.border-dashed {
  border-bottom: 1px dashed #ddd
}

.back-linear {
  background-image: linear-gradient(to right, rgba(12.55%, 12.55%, 12.55%, 1.00) 150px, rgba(12.55%, 12.55%, 12.55%, 0.7) 100%);
}

.f10 {
  font-size: 0.625rem
}

.f11 {
  font-size: 0.6875rem
}

.f12 {
  font-size: 0.75rem
}

.f13 {
  font-size: 0.8125rem
}

.f14 {
  font-size: 0.875rem
}

.f16 {
  font-size: 1rem
}

.f20 {
  font-size: 1.25rem
}

.f24 {
  font-size: 1.5rem
}

h1 {
  font-size: 1.5rem
}

h2 {
  font-size: 1.25rem
}

.h-text {
  background-color: #eee5ff;
  color: #8950fc
}

.view-text {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bg-green {
  background: #1AAE45;
  color: white
}

.bg-yellow {
  background: #f5c518;
  color: white
}

.bg-red {
  background: #fa320a;
  color: white
}

.btn-light:hover {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545
}

.pics {
  padding: 145% 0 0;
  position: relative;
}

.pics>img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}


.bg-purple {
  background: #7952b3;
  color: white
}

.icon-douban {
  background: url("../images/icons/douban.svg") center no-repeat;
  height: 1.5rem;
}

.icon-imdb {
  background: url("../images/icons/imdb.svg") center no-repeat;
  height: 1.5rem;
}

.icon-mc {
  background: url("../images/icons/metascore.svg") center no-repeat;
  height: 1.5rem;
}

.icon-rt {
  background: url("../images/icons/tomatometer-fresh.svg") center no-repeat;
  height: 1.5rem;
}

.scores .mc > .card-body {
  padding: 0.25rem!important;
}

.scores .mc .audience .card-body, .scores .mc .critic .card-body {
  border-radius: 1rem!important;
  background-color: #ffbd3f;
  margin-top: .5rem!important;
}

.scores .mc .card-body.red {
  background-color: #ff6874!important;
}

.scores .mc .card-body.green {
  background-color: #00ce7a!important;
}

.scores .mc .card-body .card-title {
  margin-top: 0!important;
}

.scores .mc .critic .card-body {
  border-radius: .25rem!important;
  background-color: #ffbd3f;
  margin-top: .5rem!important;
}

.scores .rt .audience::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: url("../images/icons/aud_score-fresh.svg") center bottom no-repeat;
  background-size: 75%;
  opacity: .2;
  left: -.25rem;
  bottom: .1rem;
}

.scores .rt .critic::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: url("../images/icons/tomatometer-fresh.svg") center bottom no-repeat;
  background-size: 75%;
  opacity: .2;
  left: -.25rem;
  bottom: .1rem;
}

.scores .rt .critic:has(> div.red)::before {
  background-image: url("../images/icons/tomatometer-rotten.svg");
}

.scores .mc .card-group > .card, .scores .rt .card-group > .card {
  flex-grow: .5;
}

.no_rating_icon {
  -moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  -o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(100%);
  filter: gray;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
}

.no_rating_wrapper {
  opacity: 0.6;
  filter: alpha(opacity = 60);
}

.box5s {
  width: 20%;
  padding: 2px
}

@media (min-width: 768px) {
  .box10 {
    width: 10%;
    padding: 2px
  }

  .box5 {
    width: 20%;
    padding: 10px
  }

  .search {
    width: 500px
  }
}

@media (max-width: 768px) {
  .box10 {
    width: 20%;
    padding: 2px
  }

  .box5 {
    width: 49%;
    padding: 20px
  }

  .search {
    width: 100%
  }
}

.bg-original {
  background-color: #28a745 !important
}

.bg-official {
  background-color: #00a3ff !important
}

.bg-reprint {
  background-color: #6f42c1 !important
}

.is-loading {
  position: relative;
}
.flex-fill {
  flex: 1 1 auto !important;
}
.flex-fill > .form-control {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.is-loading > .form-control ~ .spinner-border, .is-loading > .form-control ~ .spinner-grow, .is-loading > .form-control-plaintext ~ .spinner-border, .is-loading > .form-control-plaintext ~ .spinner-grow, .is-loading > .custom-select ~ .spinner-border, .is-loading > .custom-select ~ .spinner-grow, .is-loading > textarea[rows="1"].form-control ~ .spinner-border, .is-loading > textarea[rows="1"].form-control ~ .spinner-grow {
  position: absolute;
  top: 0.75rem;
  right: calc(0.375em + 0.1875rem);
  z-index: 4;
  opacity: 0.65;
}
.flex-fill:not(.is-loading) .spinner-border {
  display: none;
}
.flex-fill.is-loading input::-webkit-search-cancel-button { display: none; }
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option, .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered, .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered .select2-selection__placeholder, .select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field {
  font-size: 0.875rem!important;
  line-height: initial !important;
}
.select2-container--bootstrap-5 .select2-selection {
  font-size: inherit!important;
}

.input-group .select2-container--bootstrap-5:not(:first-of-type) .select2-selection {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group .select2-container--bootstrap-5 .select2-selection {
  height: initial!important;
}
.input-group .select2-container--bootstrap-5:last-of-type .select2-selection {
  border-top-right-radius: 0.25rem!important;
  border-bottom-right-radius: 0.25rem!important;
}
@media (min-width: 768px) {
  .box7 { width:14.28%;padding:5px }
  .box5 { width:20%;padding:10px }  
  .calbox { width:14.28% }
}
@media (max-width: 768px) {
/*   .box7 { width:49%;padding:5px } */
  .box7 { width:14.28%;padding:1px }
  .box5 { width:49%;padding:20px }
  .calbox { width:100% }
}
.avatar-container {
  font-size: 5em;
}
@media (max-width: 576px) {
  .avatar-container {
    font-size: 1.5em;
  }
}
.commercial {
  width: 100% !important;
  opacity: 1 !important;
  border: none !important; 
  position: fixed !important; 
  display: block !important; 
  z-index: 2147483647 !important; 
  inset: 24px 0px auto auto !important; 
  background: transparent !important;
}
.commercial.w-320 {
  max-width: 320px !important;
}

.bg-douban{background:#1aae45;color: #fff !important;}.bg-imdb{background:#f5c518;color:#333!important;}.bg-mc{background:#000;color:#fff!important;}.bg-rt{background:#fa320a;color:#fff!important;}
.posters .card{
  transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
}
.posters .card .card-img {
  border-radius: calc(0.25rem - 1px) !important;
  /* border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px); */
}
.posters .card:hover{
  transform: scale(1.1);
  box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
}
.posters .card .caption {
  color: #fff;
  text-shadow: 0 1px black, 1px 0 black, -1px 0 black, 0 -1px black;
}
.posters .card:hover .caption{
  text-shadow: 0 1px var(--bs-primary), 1px 0 var(--bs-primary), -1px 0 var(--bs-primary), 0 -1px var(--bs-primary);
}
.top-75 {
  top: 75%!important;
}