.faceted-overlay{
    left:0;
    top:0;
    width:100%;
    height:100%;
    position:fixed;
    background-color:rgba(0,0,0,0.8);
    z-index:100
}
.faceted-overlay .overlay__inner{
    left:0;
    top:0;
    width:100%;
    height:100%;
    position:absolute
}
.faceted-overlay .overlay__content{
    left:50%;
    position:absolute;
    top:50%;
    transform:translate(-50%, -50%)
}
.faceted-overlay .spinner{
    width:75px;
    height:75px;
    display:inline-block;
}
#search_filters .ui-slider-horizontal .ui-slider-handle{
    margin-left:-1px;
    cursor:pointer
}
#search_filters .ui-widget-header{
    background:#fff;
}
#search_filters .ui-widget-content{
    border-color: rgb(0, 40, 96);
}
#search_filters .ui-slider .ui-slider-handle{
    top:-.45em;
    width:0.4em;
    background:rgb(0, 40, 96);
    border:1px solid rgb(0, 40, 96);
}
#search_filters .ui-slider .ui-slider-handle.ui-state-hover{
    background: #fff;
}
#search_filters .facet li p{
    color: rgb(0, 40, 96);
}
#search_filters .ui-slider-horizontal{
    height:.4em
}
#search_filters .facet .title{
    display:flex;
    align-items: center;
}
#search_filters .facet .title .collapse-icons .remove{
    display: none;
}
#search_filters .facet .title[aria-expanded="true"] .collapse-icons .remove{
    display: block;
}
#search_filters .facet .title[aria-expanded="true"] .collapse-icons .add{
    display: none;
}
#search_filters .facet .title .collapse-icons{
    margin-left:auto
}
#search_filters{
    border: 1px solid rgb(0, 40, 96);
}
#search_filters .facet .facet-title{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
#search_filters .facet .facet-label{
    width:100%;
    text-align:left
}
#search_filters .facet .facet-label .custom-checkbox,#search_filters .facet .facet-label .custom-radio{
    top:-7px;
    margin-right:0
}
#search_filters .facet .facet-label .color{
    margin-left:0
}
#search_filters .facet .facet-label a{
    width:calc(100% - 30px);
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-family: 'Manrope';
    font-size: 1rem;
}
.spinner {
    position: relative;
    width: 4rem;
    height: 4rem;
    transform-style: preserve-3d;
    perspective: 800px;
}

.sk-grid {
    width: 100%;
    height: 100%;
    /* Cube positions
     * 1 2 3
     * 4 5 6
     * 7 8 9
     */
}
.sk-grid-cube {
    width: 33.33%;
    height: 33.33%;
    background-color: #fff;
    float: left;
    animation: sk-grid 1.3s infinite ease-in-out;
}
.sk-grid-cube:nth-child(1) {
    animation-delay: 0.2s;
}
.sk-grid-cube:nth-child(2) {
    animation-delay: 0.3s;
}
.sk-grid-cube:nth-child(3) {
    animation-delay: 0.4s;
}
.sk-grid-cube:nth-child(4) {
    animation-delay: 0.1s;
}
.sk-grid-cube:nth-child(5) {
    animation-delay: 0.2s;
}
.sk-grid-cube:nth-child(6) {
    animation-delay: 0.3s;
}
.sk-grid-cube:nth-child(7) {
    animation-delay: 0.0s;
}
.sk-grid-cube:nth-child(8) {
    animation-delay: 0.1s;
}
.sk-grid-cube:nth-child(9) {
    animation-delay: 0.2s;
}

@keyframes sk-grid {
    0%, 70%, 100% {
        transform: scale3D(1, 1, 1);
    }
    35% {
        transform: scale3D(0, 0, 1);
    }
}

.pl {
  position: relative;
  width: 12em;
  height: 12em;
}
  .pl__dot {
    background: #fff;
    position: absolute;
    top: calc(50% - 0.5em);
    left: calc(50% - 0.25em);
    width: 0.5em;
    height: 0.5em;
    transform-origin: 50% 100%; }
    .pl__dot:nth-child(1) {
      animation: dot1 8s linear infinite;
      transform: rotate(0deg) translateY(-5.5em); }
    .pl__dot:nth-child(2) {
      animation: dot2 8s linear infinite;
      transform: rotate(30deg) translateY(-5.5em); }
    .pl__dot:nth-child(3) {
      animation: dot3 8s linear infinite;
      transform: rotate(60deg) translateY(-5.5em); }
    .pl__dot:nth-child(4) {
      animation: dot4 8s linear infinite;
      transform: rotate(90deg) translateY(-5.5em); }
    .pl__dot:nth-child(5) {
      animation: dot5 8s linear infinite;
      transform: rotate(120deg) translateY(-5.5em); }
    .pl__dot:nth-child(6) {
      animation: dot6 8s linear infinite;
      transform: rotate(150deg) translateY(-5.5em); }
    .pl__dot:nth-child(7) {
      animation: dot7 8s linear infinite;
      transform: rotate(180deg) translateY(-5.5em); }
    .pl__dot:nth-child(8) {
      animation: dot8 8s linear infinite;
      transform: rotate(210deg) translateY(-5.5em); }
    .pl__dot:nth-child(9) {
      animation: dot9 8s linear infinite;
      transform: rotate(240deg) translateY(-5.5em); }
    .pl__dot:nth-child(10) {
      animation: dot10 8s linear infinite;
      transform: rotate(270deg) translateY(-5.5em); }
    .pl__dot:nth-child(11) {
      animation: dot11 8s linear infinite;
      transform: rotate(300deg) translateY(-5.5em); }
    .pl__dot:nth-child(12) {
      animation: dot12 8s linear infinite;
      transform: rotate(330deg) translateY(-5.5em); }

/* Dark theme */
@media (prefers-color-scheme: dark) {
  \:root {
    --bg: #17181c;
    --fg: #e3e4e8; } }

/* Animations */
@keyframes dot1 {
  0% {
    transform: rotate(0deg) translateY(-5.5em); }
  4.16667% {
    transform: rotate(30deg) translateY(0em); }
  50% {
    transform: rotate(360deg) translateY(0em); }
  95.83333% {
    transform: rotate(690deg) translateY(0em); }
  100% {
    transform: rotate(690deg) translateY(-5.5em); } }

@keyframes dot2 {
  0%, 4.16667% {
    transform: rotate(30deg) translateY(-5.5em); }
  8.33333% {
    transform: rotate(60deg) translateY(-0.5em); }
  50% {
    transform: rotate(360deg) translateY(-0.5em); }
  91.66667% {
    transform: rotate(660deg) translateY(-0.5em); }
  95.83333%, 100% {
    transform: rotate(660deg) translateY(-5.5em); } }

@keyframes dot3 {
  0%, 8.33333% {
    transform: rotate(60deg) translateY(-5.5em); }
  12.5% {
    transform: rotate(90deg) translateY(-1em); }
  50% {
    transform: rotate(360deg) translateY(-1em); }
  87.5% {
    transform: rotate(630deg) translateY(-1em); }
  91.66667%, 100% {
    transform: rotate(630deg) translateY(-5.5em); } }

@keyframes dot4 {
  0%, 12.5% {
    transform: rotate(90deg) translateY(-5.5em); }
  16.66667% {
    transform: rotate(120deg) translateY(-1.5em); }
  50% {
    transform: rotate(360deg) translateY(-1.5em); }
  83.33333% {
    transform: rotate(600deg) translateY(-1.5em); }
  87.5%, 100% {
    transform: rotate(600deg) translateY(-5.5em); } }

@keyframes dot5 {
  0%, 16.66667% {
    transform: rotate(120deg) translateY(-5.5em); }
  20.83333% {
    transform: rotate(150deg) translateY(-2em); }
  50% {
    transform: rotate(360deg) translateY(-2em); }
  79.16667% {
    transform: rotate(570deg) translateY(-2em); }
  83.33333%, 100% {
    transform: rotate(570deg) translateY(-5.5em); } }

@keyframes dot6 {
  0%, 20.83333% {
    transform: rotate(150deg) translateY(-5.5em); }
  25% {
    transform: rotate(180deg) translateY(-2.5em); }
  50% {
    transform: rotate(360deg) translateY(-2.5em); }
  75% {
    transform: rotate(540deg) translateY(-2.5em); }
  79.16667%, 100% {
    transform: rotate(540deg) translateY(-5.5em); } }

@keyframes dot7 {
  0%, 25% {
    transform: rotate(180deg) translateY(-5.5em); }
  29.16667% {
    transform: rotate(210deg) translateY(-3em); }
  50% {
    transform: rotate(360deg) translateY(-3em); }
  70.83333% {
    transform: rotate(510deg) translateY(-3em); }
  75%, 100% {
    transform: rotate(510deg) translateY(-5.5em); } }

@keyframes dot8 {
  0%, 29.16667% {
    transform: rotate(210deg) translateY(-5.5em); }
  33.33333% {
    transform: rotate(240deg) translateY(-3.5em); }
  50% {
    transform: rotate(360deg) translateY(-3.5em); }
  66.66667% {
    transform: rotate(480deg) translateY(-3.5em); }
  70.83333%, 100% {
    transform: rotate(480deg) translateY(-5.5em); } }

@keyframes dot9 {
  0%, 33.33333% {
    transform: rotate(240deg) translateY(-5.5em); }
  37.5% {
    transform: rotate(270deg) translateY(-4em); }
  50% {
    transform: rotate(360deg) translateY(-4em); }
  62.5% {
    transform: rotate(450deg) translateY(-4em); }
  66.66667%, 100% {
    transform: rotate(450deg) translateY(-5.5em); } }

@keyframes dot10 {
  0%, 37.5% {
    transform: rotate(270deg) translateY(-5.5em); }
  41.66667% {
    transform: rotate(300deg) translateY(-4.5em); }
  50% {
    transform: rotate(360deg) translateY(-4.5em); }
  58.33333% {
    transform: rotate(420deg) translateY(-4.5em); }
  62.5%, 100% {
    transform: rotate(420deg) translateY(-5.5em); } }

@keyframes dot11 {
  0%, 41.66667% {
    transform: rotate(300deg) translateY(-5.5em); }
  45.83333% {
    transform: rotate(330deg) translateY(-5em); }
  50% {
    transform: rotate(360deg) translateY(-5em); }
  54.16667% {
    transform: rotate(390deg) translateY(-5em); }
  58.33333%, 100% {
    transform: rotate(390deg) translateY(-5.5em); } }

@keyframes dot12 {
  0%, 45.83333% {
    transform: rotate(330deg) translateY(-5.5em); }
  50% {
    transform: rotate(360deg) translateY(-5.5em); }
  54.16667%, 100% {
    transform: rotate(360deg) translateY(-5.5em); } }
