#nos-showcase-container {
  background-color: var(--nos-bg-color); }
  #nos-showcase-container.color-scheme-light {
    --nos-bg-color: #FAFAFA;
    --nos-container-bg-color: #e2e2e2;
    --nos-container-fill-color: #0a0d0f; }
  #nos-showcase-container.color-scheme-dark {
    --nos-bg-color: #0A0D0F;
    --nos-container-bg-color: #464646;
    --nos-container-fill-color: #e2e2e2; }
  #nos-showcase-container .progress-wrapper {
    display: inline-block;
    position: absolute;
    margin-left: -120px;
    margin-top: -2px;
    left: 50vw;
    top: 50vh;
    width: 240px;
    height: 5px;
    border-radius: 1px;
    background-color: var(--nos-container-bg-color);
    overflow: hidden; }
    #nos-showcase-container .progress-wrapper .progress-inner {
      position: absolute;
      top: 0;
      left: 0;
      width: 0%;
      height: 100%;
      background-color: var(--nos-container-fill-color); }
  #nos-showcase-container .lds-ring {
    display: inline-block;
    position: absolute;
    width: 80px;
    height: 80px;
    margin-left: -40px;
    margin-top: -40px;
    left: 50vw;
    top: 50vh;
    z-index: 10; }
    #nos-showcase-container .lds-ring div {
      box-sizing: border-box;
      display: block;
      position: absolute;
      width: 64px;
      height: 64px;
      margin: 8px;
      border: 8px solid #0A0D0F;
      border-radius: 50%;
      animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
      border-color: #0A0D0F transparent transparent transparent; }
    #nos-showcase-container .lds-ring div:nth-child(1) {
      animation-delay: -0.45s; }
    #nos-showcase-container .lds-ring div:nth-child(2) {
      animation-delay: -0.3s; }
    #nos-showcase-container .lds-ring div:nth-child(3) {
      animation-delay: -0.15s; }

@keyframes lds-ring {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

#index-wrapper {
  padding-top: 0; }

#nos-showcase-container {
  width: 100%;
  height: 100vh; }
  #nos-showcase-container .nos-showcase-image-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    max-width: 60vw;
    max-height: 60vw;
    background-color: white; }
    #nos-showcase-container .nos-showcase-image-wrapper img {
      will-change: opacity;
      max-width: 100%;
      max-height: 100%; }
  #nos-showcase-container #nos-showcase-refresh-button {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F1F1F1;
    color: #0a0d0f;
    bottom: 30px;
    right: 30px;
    border-radius: 46px;
    height: 30px;
    padding: 0 58px 0 22px;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);
    -webkit-transition: background 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: background 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -ms-transition: background 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: background 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
    #nos-showcase-container #nos-showcase-refresh-button.disabled {
      visibility: hidden;
      pointer-events: none; }
    #nos-showcase-container #nos-showcase-refresh-button:hover {
      background: #FFFFFF; }
    #nos-showcase-container #nos-showcase-refresh-button span {
      text-transform: uppercase;
      font-size: 11px;
      font-weight: 400;
      letter-spacing: 1px;
      margin-top: 2px; }
    #nos-showcase-container #nos-showcase-refresh-button:after {
      position: absolute;
      top: 6px;
      right: 16px;
      width: 16px;
      height: 20px;
      content: url("../icons/NOS_Icon.svg"); }
    @media screen and (max-width: 720px) {
      #nos-showcase-container #nos-showcase-refresh-button {
        left: 50%;
        bottom: 30px;
        right: unset;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0); } }

/*# sourceMappingURL=nos-showcase-main.css.map */