*{
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
}
.pa-button{

  --pa-button-radius:var(--pa-border-radius-small);
  --pa-button-border-width:var(--pa-border-width-small);
  --pa-button-font-weight:var(--pa-font-weight-medium);
  --pa-button-outline:var(--pa-outline-width);

  background-color:var(--pa-color-basic-brightest);
  border-color:var(--pa-color-basic-bright);
  border-radius:var(--pa-button-radius);
  border-style:solid;
  border-width:var(--pa-button-border-width);
  color:var(--pa-color-basic-darker);
  font-weight:var(--pa-button-font-weight);
  outline:var(--pa-button-outline) solid transparent;
  -webkit-transition-duration:var(--pa-transition-duration-normal);
          transition-duration:var(--pa-transition-duration-normal);
  -webkit-transition-property:var(--pa-transition-colors);
  transition-property:var(--pa-transition-colors);
}
.pa-button:hover{
    background-color:var(--pa-color-basic-brighter);
    border-color:var(--pa-color-basic-normal);
  }
.pa-button:active{
    outline-color:var(--pa-color-basic-brighter);
  }
.pa-button--primary{
      background-color:var(--pa-color-primary-normal);
      border-color:transparent;
      color:var(--pa-color-basic-brightest);
    }
.pa-button--primary:hover{
        background-color:var(--pa-color-primary-dark);
        border-color:var(--pa-color-primary-dark);
      }
.pa-button--primary:active{
        outline-color:var(--pa-color-primary-brighter);
      }
.pa-button--outline.pa-button--primary{
      background-color:transparent;
      border-color:var(--pa-color-primary-normal);
      color:var(--pa-color-primary-dark);
    }
.pa-button--outline.pa-button--primary:hover{
        background-color:var(--pa-color-primary-brightest);
        border-color:var(--pa-color-primary-dark);
        color:var(--pa-color-primary-darker);
      }
.pa-button--secondary{
      background-color:var(--pa-color-secondary-normal);
      border-color:transparent;
      color:var(--pa-color-basic-brightest);
    }
.pa-button--secondary:hover{
        background-color:var(--pa-color-secondary-dark);
        border-color:var(--pa-color-secondary-dark);
      }
.pa-button--secondary:active{
        outline-color:var(--pa-color-secondary-brighter);
      }
.pa-button--outline.pa-button--secondary{
      background-color:transparent;
      border-color:var(--pa-color-secondary-normal);
      color:var(--pa-color-secondary-dark);
    }
.pa-button--outline.pa-button--secondary:hover{
        background-color:var(--pa-color-secondary-brightest);
        border-color:var(--pa-color-secondary-dark);
        color:var(--pa-color-secondary-darker);
      }
.pa-button--tertiary{
      background-color:var(--pa-color-tertiary-normal);
      border-color:transparent;
      color:var(--pa-color-basic-brightest);
    }
.pa-button--tertiary:hover{
        background-color:var(--pa-color-tertiary-dark);
        border-color:var(--pa-color-tertiary-dark);
      }
.pa-button--tertiary:active{
        outline-color:var(--pa-color-tertiary-brighter);
      }
.pa-button--outline.pa-button--tertiary{
      background-color:transparent;
      border-color:var(--pa-color-tertiary-normal);
      color:var(--pa-color-tertiary-dark);
    }
.pa-button--outline.pa-button--tertiary:hover{
        background-color:var(--pa-color-tertiary-brightest);
        border-color:var(--pa-color-tertiary-dark);
        color:var(--pa-color-tertiary-darker);
      }
.pa-button.is-info{
      background-color:var(--pa-color-info-bright);
      color:var(--pa-color-info-darkest);
      border-color:transparent;
    }
.pa-button.is-info:hover{
        background-color:var(--pa-color-info-normal);
        border-color:var(--pa-color-info-normal);
      }
.pa-button.is-info:active{
        outline-color:var(--pa-color-info-brighter);
      }
.pa-button--outline.pa-button.is-info{
      background-color:transparent;
      border-color:var(--pa-color-info-bright);
      color:var(--pa-color-info-normal);
    }
.pa-button--outline.pa-button.is-info:hover{
        background-color:var(--pa-color-info-brightest);
        border-color:var(--pa-color-info-normal);
        color:var(--pa-color-info-darker);
      }
.pa-button.is-success{
      background-color:var(--pa-color-success-bright);
      color:var(--pa-color-success-darkest);
      border-color:transparent;
    }
.pa-button.is-success:hover{
        background-color:var(--pa-color-success-normal);
        border-color:var(--pa-color-success-normal);
      }
.pa-button.is-success:active{
        outline-color:var(--pa-color-success-brighter);
      }
.pa-button--outline.pa-button.is-success{
      background-color:transparent;
      border-color:var(--pa-color-success-bright);
      color:var(--pa-color-success-normal);
    }
.pa-button--outline.pa-button.is-success:hover{
        background-color:var(--pa-color-success-brightest);
        border-color:var(--pa-color-success-normal);
        color:var(--pa-color-success-darker);
      }
.pa-button.is-warning{
      background-color:var(--pa-color-warning-bright);
      color:var(--pa-color-warning-darkest);
      border-color:transparent;
    }
.pa-button.is-warning:hover{
        background-color:var(--pa-color-warning-normal);
        border-color:var(--pa-color-warning-normal);
      }
.pa-button.is-warning:active{
        outline-color:var(--pa-color-warning-brighter);
      }
.pa-button--outline.pa-button.is-warning{
      background-color:transparent;
      border-color:var(--pa-color-warning-bright);
      color:var(--pa-color-warning-normal);
    }
.pa-button--outline.pa-button.is-warning:hover{
        background-color:var(--pa-color-warning-brightest);
        border-color:var(--pa-color-warning-normal);
        color:var(--pa-color-warning-darker);
      }
.pa-button.is-error{
      background-color:var(--pa-color-error-bright);
      color:var(--pa-color-error-darkest);
      border-color:transparent;
    }
.pa-button.is-error:hover{
        background-color:var(--pa-color-error-normal);
        border-color:var(--pa-color-error-normal);
      }
.pa-button.is-error:active{
        outline-color:var(--pa-color-error-brighter);
      }
.pa-button--outline.pa-button.is-error{
      background-color:transparent;
      border-color:var(--pa-color-error-bright);
      color:var(--pa-color-error-normal);
    }
.pa-button--outline.pa-button.is-error:hover{
        background-color:var(--pa-color-error-brightest);
        border-color:var(--pa-color-error-normal);
        color:var(--pa-color-error-darker);
      }
.pa-button.is-disabled{
    opacity:0.75;
  }
.pa-avatar{
  --pa-avatar-size:3rem;
  --pa-avatar-padding:0.5rem;
  --pa-avatar-radius:100%;
  --pa-avatar-initials-weight:var(--pa-font-weight-medium);
}
.pa-avatar__container{
    border-radius:var(--pa-avatar-radius);
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    font-weight:var(--pa-avatar-initials-weight);
    height:var(--pa-avatar-size);
    padding:var(--pa-avatar-padding);
    width:var(--pa-avatar-size);
  }
.pa-avatar--primary .pa-avatar__container{
      background-color:var(--pa-color-primary-normal);
      color:var(--pa-color-basic-brightest);
    }
.pa-avatar--secondary .pa-avatar__container{
      background-color:var(--pa-color-secondary-normal);
      color:var(--pa-color-basic-brightest);
    }
.pa-avatar--tertiary .pa-avatar__container{
      background-color:var(--pa-color-tertiary-normal);
      color:var(--pa-color-basic-brightest);
    }
.pa-avatar__image{
    border-radius:var(--pa-avatar-radius);
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    max-width:calc(100% + var(--pa-avatar-padding)*2);
    max-height:calc(100% + var(--pa-avatar-padding)*2);
  }
.pa-code{

  border-radius:var(--pa-border-radius-small);
  -webkit-box-shadow:var(--pa-shadow-normal);
          box-shadow:var(--pa-shadow-normal);
  border:var(--pa-border-width-small) solid var(--pa-color-basic-brighter);
  width:100%;
  overflow:hidden;
}
.pa-code__actions{
    background:var(--pa-color-basic-brightest);
    -webkit-backdrop-filter:blur(2px);
            backdrop-filter:blur(2px);
  }
.pa-code__action{
    background-color:var(--pa-color-basic-brightest);
    border:var(--pa-border-width-small) solid var(--pa-color-basic-bright);
    border-right:0;
    border-bottom:0;
    -webkit-transition-duration:var(--pa-transition-duration-normal);
            transition-duration:var(--pa-transition-duration-normal);
    -webkit-transition-property:var(--pa-transition-colors);
    transition-property:var(--pa-transition-colors);
  }
.pa-code__action:hover{
      background-color:var(--pa-color-basic-brighter);
    }
.pa-code__action--text:hover{
      background-color:var(--pa-color-basic-brightest);
    }
.pa-code__action:nth-child(1){
      border-top-left-radius:var(--pa-border-radius-small);
    }
.pa-code__action:nth-child(1):hover{
        background-color:inherit;
      }
.pa-code__link{
    color:var(--pa-color-basic-darkest);
    font-size:var(--pa-font-size-small);
    font-weight:var(--pa-font-weight-black);
    text-decoration:none;
  }
.pa-code .language-css .hljs-number, .pa-code .language-scss .hljs-number{
      background-image:-webkit-gradient(
    linear,
    left top, left bottom,
    color-stop(-9500%, var(--number-color)),
    color-stop(500%, transparent)
  );
      background-image:linear-gradient(
    to bottom,
    var(--number-color) -9500%,
    transparent 500%
  );

      color:var(--number-color);
      -webkit-filter:brightness(0.9);
              filter:brightness(0.9);
    }
.pa-column{
}
.pa-container{
}
.pa-row{
}
.pa-itchio{
  --pa-itchio-image-size:10rem;
  --pa-itchio-padding:0.5rem;
  --pa-itchio-background:var(--pa-color-basic-brightest);
  --pa-itchio-radius:var(--pa-border-radius-small);
  --pa-itchio-image-gutter:1rem;
  --pa-itchio-title-size:var(--pa-font-size-large);
  --pa-itchio-title-weight:var(--pa-font-weight-medium);
  --pa-itchio-price-size:var(--pa-font-size-small);
  --pa-itchio-price-weight:var(--pa-font-weight-medium);
}
.pa-itchio__container{
    background-color:var(--pa-itchio-background);
    border-radius:var(--pa-itchio-radius);
    padding:var(--pa-itchio-padding);
  }
.pa-itchio__image{
    border-radius:var(--pa-itchio-radius);
    margin-right:var(--pa-itchio-image-gutter);
    max-width:var(--pa-itchio-image-size);
  }
.pa-itchio__title{
    font-size:var(--pa-itchio-title-size);
    font-weight:var(--pa-itchio-title-weight);
  }
.pa-itchio__price{
    font-size:var(--pa-itchio-price-size);
    font-weight:var(--pa-itchio-price-weight);
  }
.pa-pill{

  --pa-pill-radius:10rem;
  --pa-pill-font-weight:var(--pa-font-weight-medium);

  background-color:var(--pa-color-basic-brightest);
  border-color:var(--pa-color-basic-bright);
  border-radius:var(--pa-pill-radius);
  color:var(--pa-color-basic-darker);
  font-weight:var(--pa-pill-font-weight);
  -webkit-transition-duration:var(--pa-transition-duration-normal);
          transition-duration:var(--pa-transition-duration-normal);
  -webkit-transition-property:var(--pa-transition-colors);
  transition-property:var(--pa-transition-colors);
}
.pa-pill--primary{
      background-color:var(--pa-color-primary-normal);
      border-color:transparent;
      color:var(--pa-color-basic-brightest);
    }
.pa-pill--secondary{
      background-color:var(--pa-color-secondary-normal);
      border-color:transparent;
      color:var(--pa-color-basic-brightest);
    }
.pa-pill--tertiary{
      background-color:var(--pa-color-tertiary-normal);
      border-color:transparent;
      color:var(--pa-color-basic-brightest);
    }
.pa-pill.is-info{
      background-color:var(--pa-color-info-bright);
      color:var(--pa-color-info-darkest);
    }
.pa-pill.is-success{
      background-color:var(--pa-color-success-bright);
      color:var(--pa-color-success-darkest);
    }
.pa-pill.is-warning{
      background-color:var(--pa-color-warning-bright);
      color:var(--pa-color-warning-darkest);
    }
.pa-pill.is-error{
      background-color:var(--pa-color-error-bright);
      color:var(--pa-color-error-darkest);
    }
.pa-spinner{
  --pa-spinner-linecap:round;
  --pa-spinner-stroke:6;
  --pa-spinner-offset:200;
  --pa-spinner-duration:4s;
}
.pa-spinner--full,
  .pa-spinner--fullscreen{
    background-image:-webkit-gradient(
    linear,
    left top, left bottom,
    color-stop(-8000%, var(--pa-color-basic-brightest)),
    color-stop(2000%, transparent)
  );
    background-image:linear-gradient(
    to bottom,
    var(--pa-color-basic-brightest) -8000%,
    transparent 2000%
  );
    -webkit-backdrop-filter:blur(3px);
            backdrop-filter:blur(3px);
    z-index:var(--pa-zindex-max);
  }
.pa-spinner__icon{
    -webkit-animation:rotator270 var(--pa-spinner-duration) linear infinite;
            animation:rotator270 var(--pa-spinner-duration) linear infinite;
  }
.pa-spinner__path{
    -webkit-animation:dash var(--pa-spinner-duration) ease-in-out infinite, colors calc(var(--pa-spinner-duration)*4) ease-in-out infinite;
            animation:dash var(--pa-spinner-duration) ease-in-out infinite, colors calc(var(--pa-spinner-duration)*4) ease-in-out infinite;
    stroke-dasharray:var(--pa-spinner-offset);
    stroke-linecap:var(--pa-spinner-linecap);
    stroke-width:var(--pa-spinner-stroke);
  }
@-webkit-keyframes colors{
    0%{
      stroke:var(--pa-color-basic-dark);
    }

    50%{
      stroke:var(--pa-color-basic-darker);
    }

    100%{
      stroke:var(--pa-color-basic-dark);
    }
  }
@keyframes colors{
    0%{
      stroke:var(--pa-color-basic-dark);
    }

    50%{
      stroke:var(--pa-color-basic-darker);
    }

    100%{
      stroke:var(--pa-color-basic-dark);
    }
  }
.pa-spinner--primary .pa-spinner--full,
    .pa-spinner--primary .pa-spinner--fullscreen{
      background-image:-webkit-gradient(
    linear,
    left top, left bottom,
    color-stop(-8000%, var(--pa-color-primary-brightest)),
    color-stop(2000%, transparent)
  );
      background-image:linear-gradient(
    to bottom,
    var(--pa-color-primary-brightest) -8000%,
    transparent 2000%
  );
    }
.pa-spinner--primary .pa-spinner__path{
      -webkit-animation:dash var(--pa-spinner-duration) ease-in-out infinite, colors-primary calc(var(--pa-spinner-duration)*4) ease-in-out infinite;
              animation:dash var(--pa-spinner-duration) ease-in-out infinite, colors-primary calc(var(--pa-spinner-duration)*4) ease-in-out infinite;
    }
@-webkit-keyframes colors-primary{
        0%{
          stroke:var(--pa-color-primary-normal);
        }

        50%{
          stroke:var(--pa-color-primary-darker);
        }

        100%{
          stroke:var(--pa-color-primary-normal);
        }
      }
@keyframes colors-primary{
        0%{
          stroke:var(--pa-color-primary-normal);
        }

        50%{
          stroke:var(--pa-color-primary-darker);
        }

        100%{
          stroke:var(--pa-color-primary-normal);
        }
      }
.pa-spinner--secondary .pa-spinner--full,
    .pa-spinner--secondary .pa-spinner--fullscreen{
      background-image:-webkit-gradient(
    linear,
    left top, left bottom,
    color-stop(-8000%, var(--pa-color-secondary-brightest)),
    color-stop(2000%, transparent)
  );
      background-image:linear-gradient(
    to bottom,
    var(--pa-color-secondary-brightest) -8000%,
    transparent 2000%
  );
    }
.pa-spinner--secondary .pa-spinner__path{
      -webkit-animation:dash var(--pa-spinner-duration) ease-in-out infinite, colors-secondary calc(var(--pa-spinner-duration)*4) ease-in-out infinite;
              animation:dash var(--pa-spinner-duration) ease-in-out infinite, colors-secondary calc(var(--pa-spinner-duration)*4) ease-in-out infinite;
    }
@-webkit-keyframes colors-secondary{
        0%{
          stroke:var(--pa-color-secondary-normal);
        }

        50%{
          stroke:var(--pa-color-secondary-darker);
        }

        100%{
          stroke:var(--pa-color-secondary-normal);
        }
      }
@keyframes colors-secondary{
        0%{
          stroke:var(--pa-color-secondary-normal);
        }

        50%{
          stroke:var(--pa-color-secondary-darker);
        }

        100%{
          stroke:var(--pa-color-secondary-normal);
        }
      }
.pa-spinner--tertiary .pa-spinner--full,
    .pa-spinner--tertiary .pa-spinner--fullscreen{
      background-image:-webkit-gradient(
    linear,
    left top, left bottom,
    color-stop(-8000%, var(--pa-color-tertiary-brightest)),
    color-stop(2000%, transparent)
  );
      background-image:linear-gradient(
    to bottom,
    var(--pa-color-tertiary-brightest) -8000%,
    transparent 2000%
  );
    }
.pa-spinner--tertiary .pa-spinner__path{
      -webkit-animation:dash var(--pa-spinner-duration) ease-in-out infinite, colors-tertiary calc(var(--pa-spinner-duration)*4) ease-in-out infinite;
              animation:dash var(--pa-spinner-duration) ease-in-out infinite, colors-tertiary calc(var(--pa-spinner-duration)*4) ease-in-out infinite;
    }
@-webkit-keyframes colors-tertiary{
        0%{
          stroke:var(--pa-color-tertiary-normal);
        }

        50%{
          stroke:var(--pa-color-tertiary-darker);
        }

        100%{
          stroke:var(--pa-color-tertiary-normal);
        }
      }
@keyframes colors-tertiary{
        0%{
          stroke:var(--pa-color-tertiary-normal);
        }

        50%{
          stroke:var(--pa-color-tertiary-darker);
        }

        100%{
          stroke:var(--pa-color-tertiary-normal);
        }
      }
@-webkit-keyframes rotator270{
    0%{
      -webkit-transform:rotate(0deg);
              transform:rotate(0deg);
    }

    100%{
      -webkit-transform:rotate(270deg);
              transform:rotate(270deg);
    }
  }
@keyframes rotator270{
    0%{
      -webkit-transform:rotate(0deg);
              transform:rotate(0deg);
    }

    100%{
      -webkit-transform:rotate(270deg);
              transform:rotate(270deg);
    }
  }
@-webkit-keyframes dash{
    0%{
      stroke-dashoffset:var(--pa-spinner-offset);
    }
    50%{
      stroke-dashoffset:var(--pa-spinner-offset) / 4;
      -webkit-transform:rotate(135deg);
              transform:rotate(135deg);
    }
    100%{
      stroke-dashoffset:var(--pa-spinner-offset);
      -webkit-transform:rotate(450deg);
              transform:rotate(450deg);
    }
  }
@keyframes dash{
    0%{
      stroke-dashoffset:var(--pa-spinner-offset);
    }
    50%{
      stroke-dashoffset:var(--pa-spinner-offset) / 4;
      -webkit-transform:rotate(135deg);
              transform:rotate(135deg);
    }
    100%{
      stroke-dashoffset:var(--pa-spinner-offset);
      -webkit-transform:rotate(450deg);
              transform:rotate(450deg);
    }
  }
.pa-tooltip{
  --pa-tooltip-background:var(--pa-color-basic-darkest);
  --pa-tooltip-color:var(--pa-color-basic-brightest);
  --pa-tooltip-distance:0.5rem;
  --pa-tooltip-font-size:var(--pa-font-size-small);
  --pa-tooltip-padding:0.25rem;
  --pa-tooltip-radius:0.25rem;
  --pa-tooltip-transition-time:var(--pa-transition-duration-fast);

  background-color:var(--pa-tooltip-background);
  border-radius:var(--pa-tooltip-radius);
  color:var(--pa-tooltip-color);
  font-size:var(--pa-tooltip-font-size);
  padding:var(--pa-tooltip-padding);
  -webkit-transition:var(--pa-transition-opacity) var(--pa-tooltip-transition-time);
  transition:var(--pa-transition-opacity) var(--pa-tooltip-transition-time);
  -webkit-transform:translateY(var(--pa-tooltip-distance));
          transform:translateY(var(--pa-tooltip-distance));
}
.pa-tooltip.is-hidden{
    opacity:0;
  }
