/* Custom additions/Palette overrides */

/* latin-ext */
@font-face {
    font-family: 'Karla';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/karla/v15/qkBbXvYC6trAT7RbLtyG5Q.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Karla';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/karla/v15/qkBbXvYC6trAT7RVLtw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Karla';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/karla/v15/qkBbXvYC6trAT7RbLtyG5Q.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Karla';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/karla/v15/qkBbXvYC6trAT7RVLtw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  

#index main, #category-all main {
    max-width: none;
    width: 100%;
    padding: 10vh 0;
    overflow: hidden;
    position: relative;
    margin-top: -10vh;
  }
  
  #index main:after, #category-all main:after, #index main:before, #category-all main:before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 10vh;
    z-index: 10;
  }
  
  #index main:after, #category-all main:after {
    bottom: 0;
    background: linear-gradient(0deg, rgba(46,43,115,1) 0%, rgba(46,43,115,0) 100%);
  }
  
  #index main:before, #category-all main:before {
    top: 0;
    background: linear-gradient(180deg, rgba(46,43,115,1) 0%, rgba(46,43,115,0) 100%);
  }
  
  .shm {
    width: 100%;
    position: relative;
  }
  
  .shm .grid {
    position: relative;
    justify-content: space-around;
    max-width: 1400px;
    width: 100%;
    margin: auto;
  }
  
  .caps {
    width: 100%;
    height: 100%;
    position: absolute;
    pointer-events: none;
  }
  
  .caps:after, .caps:before {
    display: block;
    width: 20%;
    height: 200%;
    background-image: url(https://s9.limitedrun.com/images/1435038/top.png);
    background-size: 80% auto;
    background-repeat: no-repeat;
    background-position: top;
    position: absolute;
    top: 10%;
    left: -5%;
    z-index: 10;
  }
  
  .shm .support:after, .shm .support:before {
    content: "";
    position: absolute;
    left: -4%;
    top: -50%;
    width: 20%;
    height: 200%;
    background: url(https://s9.limitedrun.com/images/1431964/sidinguni.png);
    background-repeat: repeat-Y;
    background-size: 80% auto;
    z-index: 5;
    pointer-events: none;
  }
  
  .shm .support:after {
    left: initial;
    right: 0%;
    z-index: -2;
  }
  
  .shm .support {
    display: none;
  }
  
  .shm .shelf {
    padding: 7% 5% 0;
  }
  
  .shm .shelf:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(https://s9.limitedrun.com/images/1433216/shelffull.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom center;
    transform: translate(-4%, 5%);
    z-index: -1;
  }
  
  .shm .shelf:after {
    transform: translate(-4%, -11%);
  }
  
  .shm .item {
    position: relative;
    z-index: 4;
  }
  
  .shm .item:nth-child(2) {
    z-index: 3;
  }
  
  .shm .item:nth-child(3) {
    z-index: 2;
  }
  
  .shm .item:nth-child(4) {
    z-index: 1;
  }
  
  .shm .item-details {
    padding: 0 10%;
    margin: 0 10%;
    align-items: center;
    z-index: 2;
  }
  
  .shm .item-details > * {
    background: black;
    display: inline-block;
    width: auto;
    padding: 3px;
  }
  
  
  .shm .item-details .item-name {
    padding: 3px 10px;
  }
  
  .shm header {
    z-index: 11;
    padding-top: 30px;
  }
  
  .shm nav {
    text-transform: uppercase;
    text-align: right;
    width: 100%;
    max-width: 1400px;
    padding-top: 20px;
  }
  
  .shm nav a {
    font-size: calc(1rem + 0.5vh);
    padding: 15px;
  }
  
  @media only screen and (min-width: 500px) {
    .shm nav {
      z-index: 15;
      position: absolute;
      top: 0;
    }
  }
  
  #index.shm header > a {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    max-width: 80vw;
    position: relative;
  }
  
  #index.shm header img {
    width: auto;
    max-height: 50vh;
    max-width: 100vw;
    padding: 10px;
  }
  
  #product.shm header {
    margin-bottom: calc(50px + 10vh);
  }
  
  .shm .gc-display-area {
    overflow: visible;
  }
  
  .shm .gc-zoom-area {
    background-color: #9f731e;
  }
  
  .shm .gc-display-area:after, .shm .boxed:after, .shm .boxed:before {
    content: "";
    position: absolute;
    top: -31%;
    left: -30.5%;
    width: 135%;
    height: 135%;
    background: url(https://s9.limitedrun.com/images/1433535/Box1.gif);
    background-size: contain;
    z-index: -10;
    background-repeat: no-repeat;
    background-position: top left;
    pointer-events: none;
  }
  
  .shm .boxed:before {
    background: transparent;
    z-index: 10;
    background-repeat: no-repeat;
    background-size: contain;
    top: -40%;
  }
  
  .shm .boxed.c1:before {background-image: url(https://s9.limitedrun.com/images/1444113/cat1.png);}
  .shm .boxed.c2:before {background-image: url(https://s9.limitedrun.com/images/1444114/cat2.png);}
  
  .shm .boxed.b2:after, .shm .gc-display-area.b2:after { background-image: url(https://s9.limitedrun.com/images/1435026/Box2.gif); }
  .shm .boxed.b3:after, .shm .gc-display-area.b3:after { background-image: url(https://s9.limitedrun.com/images/1435027/Box3.gif); }
  
  .shm .item-wrapper:after {
    width: 130%;
    height: 130%;
    top: -25%;
    left: -28%;
  }
  
  .shm .item-wrapper {
    z-index: 1;
  }
  
  .shm .gc-thumbs-area {
    overflow: visible;
    padding-top: 30px;
  }
  
  .shm .product .details {
    z-index: 10;
  }
  
  @media only screen and (min-width: 800px) {
    .shm .shelf:after {
      background-image: url(https://s9.limitedrun.com/images/1433219/shelfdesk.png);
    }
    
    .shm .support:after, .shm .support:before, .caps:after, .caps:before {
      width: 11%;
    }
    
    .shm .support:after {
      right: 1.8%;
    }
    
    .shm .product .details {
      padding-left: 3%;
    }
  }
  
  @media only screen and (max-width: 800px) {
    .shm header {
      margin-bottom: 10vh;
    }
    
    .shm nav {
      text-align: center;
    }
    
    .shm .shelf {
      padding: 15% 10% 0;
      margin-bottom: 10%;
    }
    
    .shm .grid, .shm .support:after, .shm .support:before {
      transform: translateX(8px);
    }
  }
  
  .loading #catclick {
    display: none;
  }
  
  .shm footer a {
    z-index: 11;
  }
  
  .shm footer {
    padding-top: 10vh;
  }
  
  #catclick {
    display: inline-block;
    max-width: 50vw;
    height: auto;
    position: relative;
    z-index: 10;
    text-align: center;
    cursor: pointer;
    font-size: calc(1em + 1vw);
    position: absolute;
    bottom: 0;
    right: 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: none;
    width: 250px;
    height: 200px;
  }
  
  #catclick:selection {
    background-color: transparent;
    color: unset;
  }
  
  #catclick img {
    position: absolute;
    max-width: 100%;
    left: 0;
    top: 0;
  }
  
  #catclick img.active {
    opacity: 1;
  }
  
  #click-score {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
  }
  /* index images */
  .coffee-maker, .sign, .radio {
    display: none;
  }
  
  #index .coffee-maker, #index .sign, #index .radio {
    display: block;
  }
  
  #index.shm header .radio {
    position: absolute;
    bottom: 15%;
    right: -25%;
    z-index: -1;
    max-height: 22vh;
    max-width: 22vw;
  }
  
  /* timed images */
  .coffee-maker {
    position: absolute;
    left: -25%;
    height: 80%;
    top: 5%;
    z-index: -1;
    pointer-events: none;
  }
  
  .coffee-maker img {
    height: 100%;
    width: auto;
  }
  
  .coffee-maker .on, .early .coffee-maker .off {
    display: none;
  }
  
  .early .coffee-maker .on {
    display: block;
  }
  
  /* sign */
  .sign {
    position: absolute;
    right: -11vw;
    width: 40%;
    top: 0;
    z-index: -1;
    pointer-events: none;
  }
  
  #index.shm header .sign img {
    width: 100%;
  }
  
  .sign img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    animation: flicker 3s cubic-bezier(.21,1.96,.62,-0.22) infinite alternate;
  }
  
  .sign img:last-child {
    position: absolute;
    top: -60%;
    transform: translateY(-50%);
    left: 0;
    z-index: -2;
  }
  
  @keyframes flicker {
    0% { opacity : 1; }
    50% { opacity: 0; }
    100% { opacity: 0; }
  }
  
  /* product cat info */
  .cat-info {
    margin: 2.5vh auto;
    display: flex;
    align-items: flex-start;
    flex-direction: row;
  }
  
  .cat-info h3, .cat-info .spec {
    color: #5ce2c5;
    position: relative;
  }
  
  .cat-info h3 {
    padding: 10px 0;
  }
  
  .cat-info h3:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 3px;
    background-color: #5ce2c5;
  }
  
  .specs {
    display: flex;
    flex-direction: column;
    margin: 0 0.5em 0 0;
    border: 2px solid white;
    padding: 0.25em;
    flex: 1 1 41%;
  }
  
  .bio p:first-child {
    margin-top: 0;
  }
  
  .bio > div {
    margin-bottom: 20px;
  }
  
  @media only screen and (max-width: 700px) {
    .cat-info {
      flex-wrap: wrap;
    }
    
    .specs {
      width: 100%;
      flex-direction: row;
      justify-content: space-between;
      flex-wrap: wrap;
      margin-bottom: 20px;
    }
    
    .specs p {
      flex-basis: 50%;
      flex-grow: 1;
      min-width: 100px;
    }
    
    .shm .product .details {
      padding: 1rem 0 0 0;
    }
  }
  
  /* BASE PALETTE */
  a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}button{padding: 0;border:none;outline:none;font:inherit;color:inherit;background:none;cursor:pointer;}
  
  * {
      box-sizing: border-box;
  }
  
  body, html {
    overflow-x: hidden;
  }
  
  body {
      min-height: 100vh;
      font-size: calc(0.8rem + 0.3vw);
      
      
        font-family: 'Karla', sans-serif;
      
      
      color: #ffffff;
      background: #2E2B73;
  }
  
  a {
    cursor: pointer;
    color: #ffffff;
      text-decoration: none;
      font-weight: 600;
  }
  
  a:hover {
    text-decoration: underline;
  }
  
  strong, bold {
    font-weight: 600;
  }
  
  em {
    font-style: italic;
  }
  
  u {
    text-decoration: underline;
  }
  
  p {
    margin: 10px 0;
    line-height: 1.3em;
  }
  
  /* UTILITY - Flex */
  
  [class*="flex"] {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
  }
  
  [class*="hflex"] {
      flex-direction: row;				
  }
  
  [class*="vflex"] {
      flex-direction: column;
  }
  
  [class*="flex-spa"] {
      justify-content: space-around;
  }
  
  [class*="flex-spb"] {
      justify-content: space-between;
  }
  
  /* TYPE */			
  
  
  h1, h2, h3, h4, h5, h6 {
    
      
      font-weight: 900;
      font-weight: 600;
      color: #ffffff;
  }
  
  h1 {
      font-size: calc(2.7em + 0.7vw);
  }
  
  h2 {
      font-size: calc(1.8em + 0.6vw);
  }
  
  h3, h4, h5, h6 {
      font-size: calc(1.5em + 0.5vw);
  }
  
  /* STATIC UI */
  header, footer {
      width: 100%;
  }
  
  footer {
      padding: 1rem;
  }
  
  header {
      padding-top: 1.5vw;
      min-height: 10vh;
      text-align: center;				
  }
  
  header h1, header img {
      color: #ffffff;
      font-weight: 600;
      font-size: calc(1.5em + 1.5vw);
      padding: calc(0.5vh + 10px) 30px calc(0.5vh + 0.25vw);
  }
  
  header img {
    max-width: calc(200px + 4vw);
  }
  
  header > a:hover {
    text-decoration: none;
  }
  
  nav {
      padding-top: 0.25vw;
  }
  
  nav a {
      display: inline-block;
      padding: calc(5px + 0.75vh) 0.5vw;
      font-size: calc(1rem + 1vh);
  }
  
  .socials a {
    font-weight: 400;
    padding: 5px 5px 0;
    font-size: calc(1rem + 0.5vw);
    display: inline-block;
  }
  
  footer {
      margin-top: 2rem;
      font-size: 0.7em;
      opacity: 0.9;
  }
  
  footer > div {
      width: 100%;
      text-align: left;
  }
  
  footer .links a {
      display: inline-block;
      font-size: 1.4em;
      padding: calc(5px + 0.5vw);
  }
  
  footer .links a:first-child {
      padding-left: 0;
  }
  
  /* NAV MEDIA */
  
  @media only screen and (max-width: 800px) {
    nav a {
      padding: calc(1rem + 1vh);
    }
    
    .socials a {
      font-size: calc(1.5rem + 0.5vw);
    }
    
    .carted header h1, .carted header img {
        max-width: 50vw;
    }
  }
  
  /* LOADING & TRANSITIONS */
  header, main, footer {
      transition: opacity 1s ease-in-out;
  }
  
  body.loading {
      overflow: hidden;
  }
  
  .initial-load header, .loading main, .loading footer {
      opacity: 0;
  }
  
  /* MAIN CONTENT */
  main {
    margin: auto;
      max-width: 1250px;
      width: 96vw;
  }
  
  main section {
      width: 100%;
      padding: 0.5vw;
      margin: 0.25vw 0;
  }
  
  main section:first-child {
      padding-top: 0.5vw;
      margin-top: 0;
  }
  
  main section:last-child {
      padding-bottom: 0.5vw;
      margin-bottom: 0;
  }
  
  /* GENERAL GRID */
  .grid {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      width: 100%;
  }
  
  .item {
      position: relative;
    display: inline-flex;
    flex-direction: column;
      margin: calc(20px + 0.5vw) 0;
  }
  
  item-wrapper {
      padding: 0.5vw;
  }
  
  .item-image {
      position: relative;
      padding-top:100%;
      transition: all 1s ease-out;
      background-size: cover;
      background-position: center;				
  }
  
  .item-image.alt {
      margin-top: -100%;
      opacity: 0;
      z-index: 2;				
  }
  
  .item:hover .item-image.alt {
      opacity: 1;
  }
  
  .item-details {
      text-align: center;
      padding: 0 20%;
  }
  
  .item-details span {
      width: 100%;
      margin-bottom: 5px;
  }
  
  .item-notify {
    display: block;
    text-align: center;
    width: 100%;
    margin-top: auto;
  }
  
  .item-notify button {
    margin-top: 10px;
    padding: calc(5px + 0.25vw);
  }
  
  /* PRODUCT GRID */
  
  .sticker {
      position: absolute;
      top: 0;
      left: 2%;
      z-index: 3;
      pointer-events: none;
  }
  
  .sticker li {
      padding: 5px 10px;
      margin: 10px 0;
      z-index: 3;
      text-align: center;
      pointer-events: none;
  }
  
  .sticker .pre-order {
      background-color: #2E2B73; 
  }
  
  .sticker .sale {
      background-color: rgba(91,192,91,.9); 
  }
  
  .sticker .sold-out {
    color: black;
      background-color: gray; 
  }
  
  .old-price {
    opacity: 0.5;
    text-decoration: line-through;
  }
  
  /* ITEM GRID SIZING */
  
    .item {
      width: 28%;
    }
  
  
  @media only screen and (min-width: 801px) {
    .shm .support.desktop {
      display: flex;
    }
  }
  
  @media only screen and (max-width: 800px) {				
      .item {
          flex-basis: 48%;
      }
      
      .item-details {
        padding: 0;
        text-align: center;
        font-size: 1.2em;
      }
  
    .shm .support.tablet {
      display: flex;
    }
  }
  
  @media only screen and (max-width: 500px) {
      .item {
          flex-basis: 98%;
      }	
  
    .shm .support.tablet {
      display: none;
    }
      
    .shm .support.mobile {
      display: flex;
    }		
  }
      
  /* PRODUCT PAGES */
  .product .images {
    margin: 1rem 0;
  }
  
  .product .back {
    font-size: 2.5em;
    text-align: center;
    display: inline-block;
    margin: 1rem;
    position: absolute;
    z-index: 5;
  }
  
  .product > .hflex > div {
    flex-basis: 300px;
    flex-grow: 1;
    flex-shrink: 1;
  }
  
  .product .details {
    padding: 1rem;
    align-items: baseline;
  }
    
  .product .details > div, .product h3 {
    padding-bottom: calc(0.5rem + 0.5vh);
  } 
  
  select {
      display: inline-block;
      color: #ffffff;
      border-color: #ffffff;
      line-height: 1.3;
      padding: .6em 1.4em .5em .8em;
      max-width: 100%;
      margin: 0;
      border: 1px solid;
      -moz-appearance: none;
      -webkit-appearance: none;
      appearance: none;
      background-color: #2E2B73;
      background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
      background-repeat: no-repeat, repeat;
      background-position: right .7em top 50%, 0 0;
      background-size: .65em auto, 100%;
      cursor: pointer;
  }
  
  select::-ms-expand {
      display: none;
  }
  
  select:hover {
      border-color: #ffffff;
  }
  
  select:focus {
      border-color: #ffffff;
      color: #ffffff;
      outline: none;
  }
  
  select option {
    color: inherit;
      font-weight: normal;
  }
  
  option:disabled {
    color: gray;
  }
  
  button {
    background-color: #ffffff;
    color: #2E2B73;
    padding: calc(10px + 0.25vw);
  }
  
  /* ORDER PAGE */
  .order {
    justify-content: flex-start;
    align-items: stretch;
  }
  
  .order h3 {
    flex-basis: 100%;
    text-align: center;
  }
  
  .order > div {
    align-items: flex-start;
    justify-content: inherit;
    padding: calc(1rem + 0.5vw);
    flex-grow: 1;
    flex-basis: 50%;
  }
  
  .order span, .order strong {
    display: inline-block;
    margin: 5px;
  }
  
  .order strong {
    text-decoration: underline;
  }
  
  .order .receipt {
    flex-basis: 100%;
  }
  
  .order .receipt-line {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: end;
  }
  
  .order .receipt-line span {
    margin: auto;
    padding: 5px;
  }
  
  .order .receipt-line span:first-child {
    margin-left: 0;
  }
  
  .order .receipt-line span:last-child {
    margin-right: 0;
  }
  
  .order .receipt-line.end span > span {
    padding-right: 0;
  }
  
  /* GC OVERRIDE */
  .gc-noscroll header {
    z-index: -100;
  }
  
  .gc-noscroll .back-button {
    z-index: -100;
  }
  
  .loading .glass-case {
    transform: translateX(500vw);
  }
  
  .glass-case {
    margin: auto;
    width: 100% !important;
    z-index: 1000;
  }
  
  .gc-display-area {
    background-color: transparent;
    width: 100% !important;
    border: 0;
  }
  
  .gc-icon {
    background: #2E2B73;
    border: #ffffff;
    color: #ffffff;
    border-radius: 20px;
  }
  
  .gc-icon-next, .gc-icon-close::before, .gc-icon-next::before {
    right: 0;
  }
  
  .gc-icon-prev, .gc-icon-prev::before {
    left: 0;
  }
  
  .gc-icon-next::before, .gc-icon-prev::before .gc-icon-close::before {
    top: 0;
  }
  
  .gc-zoom-area {
    background-color: transparent;
    border-color: #ffffff;
  }
  
  .glass-case ul li {
    background-color: transparent;
    border: 0;
  }
  
  .glass-case ul li.gc-active {
    border: 2px solid #ffffff;
  }
  
  .glass-case ul li:hover, .glass-case ul li.gc-active:hover {
    border: 2px solid #ffffff;
  }
  
  .glass-case ul li .gc-display-container img {
    width: 100% !important;
    height: auto !important;
  }
  
  /* TRANSITION */
  
  .transition-fade {
    transition: 1ms;
    opacity: 1;
  }
  
  .transition-fade:before {
    animation-direction: reverse;
  }
  
  @keyframes loader {
    0% { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%)  rotate(360deg); }
  }
  
  html.is-animating .transition-fade {
    opacity: 0.5;
    cursor: progress;
  }
  
  html.is-animating .transition-fade:after, html.is-animating .transition-fade:before {
    content: ". .";
  }
  
  /* helpers */
  .video-wrapper {
      position: relative;
      padding-bottom: 56.25%; /* 16:9 */
      padding-top: 25px;
      height: 0;
  }
  .video-wrapper iframe{
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }
  .selection.bundle, .act.bundle, .bundle-desc {
    display: none;
  }
  
  .active.selection.bundle, .active.act.bundle, .active.bundle-desc {
    display: block;
  }