/* PORTED lightbox CSS — lifted verbatim from the export's SHARED
   stylesheet by tools/port-lightbox-css.py; do not hand-edit.
   webflow.js is not shipped: assets/js/lightbox.js builds the same
   DOM these rules style. */
@layer components {
  .w-lightbox-backdrop {
    cursor:auto;
    letter-spacing:normal;
    text-indent:0;
    text-shadow:none;
    text-transform:none;
    visibility:visible;
    white-space:normal;
    word-break:normal;
    word-spacing:normal;
    word-wrap:normal;
    color:#fff;
    text-align:center;
    z-index:2000;
    opacity:0;
    -webkit-user-select:none;
    -moz-user-select:none;
    -webkit-tap-highlight-color:transparent;
    background:#000000e6;
    outline:0;
    font-family:Helvetica Neue,Helvetica,Ubuntu,Segoe UI,Verdana,sans-serif;
    font-size:17px;
    font-style:normal;
    font-weight:300;
    line-height:1.2;
    list-style:disc;
    position:fixed;
    inset:0;
    -webkit-transform:translate(0);
  }
  .w-lightbox-backdrop,.w-lightbox-container {
    -webkit-overflow-scrolling:touch;
    height:100%;
    overflow:auto;
  }
  .w-lightbox-content {
    height:100vh;
    position:relative;
    overflow:hidden;
  }
  .w-lightbox-view {
    opacity:0;
    width:100vw;
    height:100vh;
    position:absolute;
  }
  .w-lightbox-view:before {
    content:"";
    height:100vh;
  }
  .w-lightbox-group,.w-lightbox-group .w-lightbox-view,.w-lightbox-group .w-lightbox-view:before {
    height:86vh;
  }
  .w-lightbox-frame,.w-lightbox-view:before {
    vertical-align:middle;
    display:inline-block;
  }
  .w-lightbox-figure {
    margin:0;
    position:relative;
  }
  .w-lightbox-group .w-lightbox-figure {
    cursor:pointer;
  }
  .w-lightbox-img {
    width:auto;
    max-width:none;
    height:auto;
  }
  .w-lightbox-image {
    float:none;
    max-width:100vw;
    max-height:100vh;
    display:block;
  }
  .w-lightbox-group .w-lightbox-image {
    max-height:86vh;
  }
  .w-lightbox-caption {
    text-align:left;
    text-overflow:ellipsis;
    white-space:nowrap;
    background:#0006;
    padding:.5em 1em;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    overflow:hidden;
  }
  .w-lightbox-embed {
    width:100%;
    height:100%;
    position:absolute;
    inset:0;
  }
  .w-lightbox-control {
    cursor:pointer;
    background-position:50%;
    background-repeat:no-repeat;
    background-size:24px;
    width:4em;
    transition:all .3s;
    position:absolute;
    top:0;
  }
  .w-lightbox-left {
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==);
    display:none;
    bottom:0;
    left:0;
  }
  .w-lightbox-right {
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+);
    display:none;
    bottom:0;
    right:0;
  }
  .w-lightbox-close {
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=);
    background-size:18px;
    height:2.6em;
    right:0;
  }
  .w-lightbox-strip {
    white-space:nowrap;
    padding:0 1vh;
    line-height:0;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    overflow:auto hidden;
  }
  .w-lightbox-item {
    box-sizing:content-box;
    cursor:pointer;
    width:10vh;
    padding:2vh 1vh;
    display:inline-block;
    -webkit-transform:translate(0,0);
  }
  .w-lightbox-active {
    opacity:.3;
  }
  .w-lightbox-thumbnail {
    background:#222;
    height:10vh;
    position:relative;
    overflow:hidden;
  }
  .w-lightbox-thumbnail-image {
    position:absolute;
    top:0;
    left:0;
  }
  .w-lightbox-thumbnail .w-lightbox-tall {
    width:100%;
    top:50%;
    transform:translateY(-50%);
  }
  .w-lightbox-thumbnail .w-lightbox-wide {
    height:100%;
    left:50%;
    transform:translate(-50%);
  }
  .w-lightbox-spinner {
    box-sizing:border-box;
    border:5px solid #0006;
    border-radius:50%;
    width:40px;
    height:40px;
    margin-top:-20px;
    margin-left:-20px;
    animation:.8s linear infinite spin;
    position:absolute;
    top:50%;
    left:50%;
  }
  .w-lightbox-spinner:after {
    content:"";
    border:3px solid #0000;
    border-bottom-color:#fff;
    border-radius:50%;
    position:absolute;
    inset:-4px;
  }
  .w-lightbox-hide {
    display:none;
  }
  .w-lightbox-noscroll {
    overflow:hidden;
  }
  @media (min-width:768px) {
    .w-lightbox-content {
      height:96vh;
      margin-top:2vh;
    }
    .w-lightbox-view,.w-lightbox-view:before {
      height:96vh;
    }
    .w-lightbox-group,.w-lightbox-group .w-lightbox-view,.w-lightbox-group .w-lightbox-view:before {
      height:84vh;
    }
    .w-lightbox-image {
      max-width:96vw;
      max-height:96vh;
    }
    .w-lightbox-group .w-lightbox-image {
      max-width:82.3vw;
      max-height:84vh;
    }
    .w-lightbox-left,.w-lightbox-right {
      opacity:.5;
      display:block;
    }
    .w-lightbox-close {
      opacity:.8;
    }
    .w-lightbox-control:hover {
      opacity:1;
    }
  }
  .w-lightbox-inactive,.w-lightbox-inactive:hover {
    opacity:0;
  }
}