/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */
 
  @font-face {
    font-family: "Disney";
    src:url("/assets/waltograph42-a5a523dc.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: "Netflix";
    src:url("/assets/BebasNeue-Regular-557c98e6.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
  }
 
 body {
   font-family: Helvetica, Arial, sans-serif;
 }
 
  .codes-list {
    padding-top: 3rem;  
  }
 
  .codes-list__item {
    list-style: none;
    margin-bottom: 0.3rem;
    font-size: large;
  }
  
  .codes-list__item--empty {
    display: none;
    
    &:only-child {
      display: inherit;
    }
  }
  
  .code__code {
    padding-left: 3px;
    border-radius: 4px;
    background-color: rgb(233, 233, 233);
    letter-spacing: 0.2rem;
    font-family: Courier, monospace;
    cursor: pointer;
  }
  
  .code__searcher {
    font-weight: 150;
  }
  
  .code__searcher--disney-plus {
    color: darkblue;
    font-family: Disney, cursive;
  }
  
  .code__searcher--flix-sep-code {
    color: red;
    font-family: Netflix, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
  }
  
  .code__copy-button {
    
  }
}