ol,
ul,
li,
hr {
    margin: 0;
    padding: 0;
    border: 0
}
ol,
ul {
    list-style: none
}
.reset {
    background-color: transparent;
    padding: 0;
    border: 0;
    border-radius: 0;
    color: inherit;
    line-height: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
select.form-control::-ms-expand {
    display: none
}

:root {
    --space-unit: 1rem
}
:root,
[data-theme=default] {
    --color-primary-darker: hsl(250, 84%, 38%);
    --color-primary-darker-h: 250;
    --color-primary-darker-s: 84%;
    --color-primary-darker-l: 38%;
    --color-primary-dark: hsl(250, 84%, 46%);
    --color-primary-dark-h: 250;
    --color-primary-dark-s: 84%;
    --color-primary-dark-l: 46%;
    --color-primary: hsl(250, 84%, 54%);
    --color-primary-h: 250;
    --color-primary-s: 84%;
    --color-primary-l: 54%;
    --color-primary-light: hsl(250, 84%, 60%);
    --color-primary-light-h: 250;
    --color-primary-light-s: 84%;
    --color-primary-light-l: 60%;
    --color-primary-lighter: hsl(250, 84%, 67%);
    --color-primary-lighter-h: 250;
    --color-primary-lighter-s: 84%;
    --color-primary-lighter-l: 67%;
    --color-accent-darker: hsl(342, 89%, 38%);
    --color-accent-darker-h: 342;
    --color-accent-darker-s: 89%;
    --color-accent-darker-l: 38%;
    --color-accent-dark: hsl(342, 89%, 43%);
    --color-accent-dark-h: 342;
    --color-accent-dark-s: 89%;
    --color-accent-dark-l: 43%;
    --color-accent: hsl(342, 89%, 48%);
    --color-accent-h: 342;
    --color-accent-s: 89%;
    --color-accent-l: 48%;
    --color-accent-light: hsl(342, 89%, 56%);
    --color-accent-light-h: 342;
    --color-accent-light-s: 89%;
    --color-accent-light-l: 56%;
    --color-accent-lighter: hsl(342, 89%, 62%);
    --color-accent-lighter-h: 342;
    --color-accent-lighter-s: 89%;
    --color-accent-lighter-l: 62%;
    --color-black: hsl(204, 28%, 7%);
    --color-black-h: 204;
    --color-black-s: 28%;
    --color-black-l: 7%;
    --color-white: hsl(0, 0%, 100%);
    --color-white-h: 0;
    --color-white-s: 0%;
    --color-white-l: 100%;
    --color-warning-darker: hsl(46, 100%, 47%);
    --color-warning-darker-h: 46;
    --color-warning-darker-s: 100%;
    --color-warning-darker-l: 47%;
    --color-warning-dark: hsl(46, 100%, 50%);
    --color-warning-dark-h: 46;
    --color-warning-dark-s: 100%;
    --color-warning-dark-l: 50%;
    --color-warning: hsl(46, 100%, 61%);
    --color-warning-h: 46;
    --color-warning-s: 100%;
    --color-warning-l: 61%;
    --color-warning-light: hsl(46, 100%, 71%);
    --color-warning-light-h: 46;
    --color-warning-light-s: 100%;
    --color-warning-light-l: 71%;
    --color-warning-lighter: hsl(46, 100%, 80%);
    --color-warning-lighter-h: 46;
    --color-warning-lighter-s: 100%;
    --color-warning-lighter-l: 80%;
    --color-success-darker: hsl(122, 50%, 47%);
    --color-success-darker-h: 122;
    --color-success-darker-s: 50%;
    --color-success-darker-l: 47%;
    --color-success-dark: hsl(122, 50%, 52%);
    --color-success-dark-h: 122;
    --color-success-dark-s: 50%;
    --color-success-dark-l: 52%;
    --color-success: hsl(122, 50%, 60%);
    --color-success-h: 122;
    --color-success-s: 50%;
    --color-success-l: 60%;
    --color-success-light: hsl(122, 50%, 69%);
    --color-success-light-h: 122;
    --color-success-light-s: 50%;
    --color-success-light-l: 69%;
    --color-success-lighter: hsl(122, 50%, 76%);
    --color-success-lighter-h: 122;
    --color-success-lighter-s: 50%;
    --color-success-lighter-l: 76%;
    --color-error-darker: hsl(342, 89%, 38%);
    --color-error-darker-h: 342;
    --color-error-darker-s: 89%;
    --color-error-darker-l: 38%;
    --color-error-dark: hsl(342, 89%, 43%);
    --color-error-dark-h: 342;
    --color-error-dark-s: 89%;
    --color-error-dark-l: 43%;
    --color-error: hsl(342, 89%, 48%);
    --color-error-h: 342;
    --color-error-s: 89%;
    --color-error-l: 48%;
    --color-error-light: hsl(342, 89%, 56%);
    --color-error-light-h: 342;
    --color-error-light-s: 89%;
    --color-error-light-l: 56%;
    --color-error-lighter: hsl(342, 89%, 62%);
    --color-error-lighter-h: 342;
    --color-error-lighter-s: 89%;
    --color-error-lighter-l: 62%;
    --color-bg-darker: hsl(210, 4%, 89%);
    --color-bg-darker-h: 210;
    --color-bg-darker-s: 4%;
    --color-bg-darker-l: 89%;
    --color-bg-dark: hsl(180, 3%, 94%);
    --color-bg-dark-h: 180;
    --color-bg-dark-s: 3%;
    --color-bg-dark-l: 94%;
    --color-bg: hsl(0, 0%, 100%);
    --color-bg-h: 0;
    --color-bg-s: 0%;
    --color-bg-l: 100%;
    --color-bg-light: hsl(180, 3%, 100%);
    --color-bg-light-h: 180;
    --color-bg-light-s: 3%;
    --color-bg-light-l: 100%;
    --color-bg-lighter: hsl(210, 4%, 100%);
    --color-bg-lighter-h: 210;
    --color-bg-lighter-s: 4%;
    --color-bg-lighter-l: 100%;
    --color-contrast-lower: hsl(180, 1%, 84%);
    --color-contrast-lower-h: 180;
    --color-contrast-lower-s: 1%;
    --color-contrast-lower-l: 84%;
    --color-contrast-low: hsl(210, 2%, 64%);
    --color-contrast-low-h: 210;
    --color-contrast-low-s: 2%;
    --color-contrast-low-l: 64%;
    --color-contrast-medium: hsl(204, 2%, 46%);
    --color-contrast-medium-h: 204;
    --color-contrast-medium-s: 2%;
    --color-contrast-medium-l: 46%;
    --color-contrast-high: hsl(210, 7%, 21%);
    --color-contrast-high-h: 210;
    --color-contrast-high-s: 7%;
    --color-contrast-high-l: 21%;
    --color-contrast-higher: hsl(204, 28%, 7%);
    --color-contrast-higher-h: 204;
    --color-contrast-higher-s: 28%;
    --color-contrast-higher-l: 7%
}
[data-theme=dark] {
    --color-primary-darker: hsl(250, 93%, 57%);
    --color-primary-darker-h: 250;
    --color-primary-darker-s: 93%;
    --color-primary-darker-l: 57%;
    --color-primary-dark: hsl(250, 93%, 61%);
    --color-primary-dark-h: 250;
    --color-primary-dark-s: 93%;
    --color-primary-dark-l: 61%;
    --color-primary: hsl(250, 93%, 65%);
    --color-primary-h: 250;
    --color-primary-s: 93%;
    --color-primary-l: 65%;
    --color-primary-light: hsl(250, 93%, 69%);
    --color-primary-light-h: 250;
    --color-primary-light-s: 93%;
    --color-primary-light-l: 69%;
    --color-primary-lighter: hsl(250, 93%, 72%);
    --color-primary-lighter-h: 250;
    --color-primary-lighter-s: 93%;
    --color-primary-lighter-l: 72%;
    --color-accent-darker: hsl(342, 92%, 41%);
    --color-accent-darker-h: 342;
    --color-accent-darker-s: 92%;
    --color-accent-darker-l: 41%;
    --color-accent-dark: hsl(342, 92%, 47%);
    --color-accent-dark-h: 342;
    --color-accent-dark-s: 92%;
    --color-accent-dark-l: 47%;
    --color-accent: hsl(342, 92%, 54%);
    --color-accent-h: 342;
    --color-accent-s: 92%;
    --color-accent-l: 54%;
    --color-accent-light: hsl(342, 92%, 60%);
    --color-accent-light-h: 342;
    --color-accent-light-s: 92%;
    --color-accent-light-l: 60%;
    --color-accent-lighter: hsl(342, 92%, 65%);
    --color-accent-lighter-h: 342;
    --color-accent-lighter-s: 92%;
    --color-accent-lighter-l: 65%;
    --color-black: hsl(204, 28%, 7%);
    --color-black-h: 204;
    --color-black-s: 28%;
    --color-black-l: 7%;
    --color-white: hsl(0, 0%, 100%);
    --color-white-h: 0;
    --color-white-s: 0%;
    --color-white-l: 100%;
    --color-warning-darker: hsl(46, 100%, 47%);
    --color-warning-darker-h: 46;
    --color-warning-darker-s: 100%;
    --color-warning-darker-l: 47%;
    --color-warning-dark: hsl(46, 100%, 50%);
    --color-warning-dark-h: 46;
    --color-warning-dark-s: 100%;
    --color-warning-dark-l: 50%;
    --color-warning: hsl(46, 100%, 61%);
    --color-warning-h: 46;
    --color-warning-s: 100%;
    --color-warning-l: 61%;
    --color-warning-light: hsl(46, 100%, 71%);
    --color-warning-light-h: 46;
    --color-warning-light-s: 100%;
    --color-warning-light-l: 71%;
    --color-warning-lighter: hsl(46, 100%, 80%);
    --color-warning-lighter-h: 46;
    --color-warning-lighter-s: 100%;
    --color-warning-lighter-l: 80%;
    --color-success-darker: hsl(122, 50%, 47%);
    --color-success-darker-h: 122;
    --color-success-darker-s: 50%;
    --color-success-darker-l: 47%;
    --color-success-dark: hsl(122, 50%, 52%);
    --color-success-dark-h: 122;
    --color-success-dark-s: 50%;
    --color-success-dark-l: 52%;
    --color-success: hsl(122, 50%, 60%);
    --color-success-h: 122;
    --color-success-s: 50%;
    --color-success-l: 60%;
    --color-success-light: hsl(122, 50%, 69%);
    --color-success-light-h: 122;
    --color-success-light-s: 50%;
    --color-success-light-l: 69%;
    --color-success-lighter: hsl(122, 50%, 76%);
    --color-success-lighter-h: 122;
    --color-success-lighter-s: 50%;
    --color-success-lighter-l: 76%;
    --color-error-darker: hsl(342, 92%, 41%);
    --color-error-darker-h: 342;
    --color-error-darker-s: 92%;
    --color-error-darker-l: 41%;
    --color-error-dark: hsl(342, 92%, 47%);
    --color-error-dark-h: 342;
    --color-error-dark-s: 92%;
    --color-error-dark-l: 47%;
    --color-error: hsl(342, 92%, 54%);
    --color-error-h: 342;
    --color-error-s: 92%;
    --color-error-l: 54%;
    --color-error-light: hsl(342, 92%, 60%);
    --color-error-light-h: 342;
    --color-error-light-s: 92%;
    --color-error-light-l: 60%;
    --color-error-lighter: hsl(342, 92%, 65%);
    --color-error-lighter-h: 342;
    --color-error-lighter-s: 92%;
    --color-error-lighter-l: 65%;
    --color-bg-darker: hsl(204, 15%, 6%);
    --color-bg-darker-h: 204;
    --color-bg-darker-s: 15%;
    --color-bg-darker-l: 6%;
    --color-bg-dark: hsl(203, 18%, 9%);
    --color-bg-dark-h: 203;
    --color-bg-dark-s: 18%;
    --color-bg-dark-l: 9%;
    --color-bg: hsl(203, 24%, 13%);
    --color-bg-h: 203;
    --color-bg-s: 24%;
    --color-bg-l: 13%;
    --color-bg-light: hsl(203, 18%, 17%);
    --color-bg-light-h: 203;
    --color-bg-light-s: 18%;
    --color-bg-light-l: 17%;
    --color-bg-lighter: hsl(204, 15%, 20%);
    --color-bg-lighter-h: 204;
    --color-bg-lighter-s: 15%;
    --color-bg-lighter-l: 20%;
    --color-contrast-lower: hsl(208, 12%, 24%);
    --color-contrast-lower-h: 208;
    --color-contrast-lower-s: 12%;
    --color-contrast-lower-l: 24%;
    --color-contrast-low: hsl(208, 6%, 40%);
    --color-contrast-low-h: 208;
    --color-contrast-low-s: 6%;
    --color-contrast-low-l: 40%;
    --color-contrast-medium: hsl(213, 5%, 56%);
    --color-contrast-medium-h: 213;
    --color-contrast-medium-s: 5%;
    --color-contrast-medium-l: 56%;
    --color-contrast-high: hsl(223, 8%, 82%);
    --color-contrast-high-h: 223;
    --color-contrast-high-s: 8%;
    --color-contrast-high-l: 82%;
    --color-contrast-higher: hsl(240, 100%, 99%);
    --color-contrast-higher-h: 240;
    --color-contrast-higher-s: 100%;
    --color-contrast-higher-l: 99%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
@media(min-width:64rem) {
    :root,
    * {
        --space-xxxxs: calc(0.1875 * var(--space-unit));
        --space-xxxs: calc(0.375 * var(--space-unit));
        --space-xxs: calc(0.5625 * var(--space-unit));
        --space-xs: calc(0.75 * var(--space-unit));
        --space-sm: calc(1.125 * var(--space-unit));
        --space-md: calc(2 * var(--space-unit));
        --space-lg: calc(3.125 * var(--space-unit));
        --space-xl: calc(5.125 * var(--space-unit));
        --space-xxl: calc(8.25 * var(--space-unit));
        --space-xxxl: calc(13.25 * var(--space-unit));
        --space-xxxxl: calc(21.5 * var(--space-unit))
    }
}
:root {
    --radius: 0.25em
}
.hover\:reduce-opacity {
    opacity: 1;
    transition: all .3s ease
}
.hover\:reduce-opacity:hover {
    opacity: .8
}
.hover\:scale {
    transition: transform .3s var(--ease-out-back)
}
.hover\:scale:hover {
    transform: scale(1.1)
}
.hover\:elevate {
    box-shadow: var(--shadow-sm);
    transition: all .3s ease
}
.hover\:elevate:hover {
    box-shadow: var(--shadow-md)
}
.link-subtle {
    color: inherit;
    cursor: pointer;
    text-decoration: none;
    transition: all .2s ease
}
.link-subtle:hover {
    color: var(--color-primary)
}
:root {
    --font-primary: system-ui, sans-serif;
    --text-base-size: 1rem;
    --text-scale-ratio: 1.2;
    --body-line-height: 1.4;
    --heading-line-height: 1.2;
    --font-primary-capital-letter: 1;
    --text-unit: var(--text-base-size)
}
:root,
* {
    --text-xs: calc((var(--text-unit) / var(--text-scale-ratio)) / var(--text-scale-ratio));
    --text-sm: calc(var(--text-xs) * var(--text-scale-ratio));
    --text-md: calc(var(--text-sm) * var(--text-scale-ratio) * var(--text-scale-ratio));
    --text-lg: calc(var(--text-md) * var(--text-scale-ratio));
    --text-xl: calc(var(--text-lg) * var(--text-scale-ratio));
    --text-xxl: calc(var(--text-xl) * var(--text-scale-ratio));
    --text-xxxl: calc(var(--text-xxl) * var(--text-scale-ratio));
    --text-xxxxl: calc(var(--text-xxxl) * var(--text-scale-ratio))
}
@media(min-width:64rem) {
    :root {
        --text-base-size: 1.25rem;
        --text-scale-ratio: 1.25
    }
}

:root {
    --btn-font-size: 1em;
    --btn-padding-x: var(--space-sm);
    --btn-padding-y: var(--space-xxs);
    --btn-radius: var(--radius-md)
}

:root {
    --form-control-font-size: 1em;
    --form-control-padding-x: var(--space-xs);
    --form-control-padding-y: var(--space-xxs);
    --form-control-radius: var(--radius-md)
}

:root {
    --list-space-y: 0.375em;
    --list-offset: 1em;
    --list-line-height-multiplier: 1
}
.list,
.text-component .list {
    padding-left: 0;
    list-style: none
}
.list ul,
.list ol,
.text-component .list ul,
.text-component .list ol {
    list-style: none;
    margin: 0;
    margin-top: calc((var(--list-space-y)/2) * var(--text-space-y-multiplier, 1));
    padding-top: calc((var(--list-space-y)/2) * var(--text-space-y-multiplier, 1));
    padding-left: var(--list-offset)
}
.list li,
.text-component .list li {
    padding-bottom: calc((var(--list-space-y)/2) * var(--text-space-y-multiplier, 1));
    margin-bottom: calc((var(--list-space-y)/2) * var(--text-space-y-multiplier, 1));
    line-height: calc(var(--body-line-height) * var(--list-line-height-multiplier))
}
.list>li:last-child,
.list ul>li:last-child,
.list ol>li:last-child,
.text-component .list>li:last-child,
.text-component .list ul>li:last-child,
.text-component .list ol>li:last-child {
    margin-bottom: 0
}
.list:not(.list--border)>li:last-child,
.list ul>li:last-child,
.list ol>li:last-child,
.text-component .list:not(.list--border)>li:last-child,
.text-component .list ul>li:last-child,
.text-component .list ol>li:last-child {
    padding-bottom: 0
}
.list--ul,
.text-component .list--ul,
.list--ol,
.text-component .list--ol {
    --list-offset: calc(var(--list-bullet-size) + var(--list-bullet-margin-right))
}
.list--ul ul,
.list--ul ol,
.text-component .list--ul ul,
.text-component .list--ul ol,
.list--ol ul,
.list--ol ol,
.text-component .list--ol ul,
.text-component .list--ol ol {
    padding-left: 0
}
.list--ul li,
.text-component .list--ul li,
.list--ol li,
.text-component .list--ol li {
    padding-left: var(--list-offset)
}
.list--ul li::before,
.text-component .list--ul li::before,
.list--ol li::before,
.text-component .list--ol li::before {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: var(--list-bullet-size);
    height: var(--list-bullet-size);
    vertical-align: middle;
    position: relative;
    top: -.1em;
    left: calc(var(--list-bullet-margin-right) * -1);
    margin-left: calc(var(--list-bullet-size) * -1)
}
.list--ul,
.text-component .list--ul {
    --list-bullet-size: 7px;
    --list-bullet-margin-right: 12px
}
.list--ul>li::before,
.text-component .list--ul>li::before {
    content: "";
    border-radius: 50%;
    color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.1);
    background-color: currentColor
}
.list--ul ul li::before,
.text-component .list--ul ul li::before {
    background-color: transparent;
    box-shadow: inset 0 0 0 2px currentColor
}
.list--ol,
.text-component .list--ol {
    --list-bullet-size: 26px;
    --list-bullet-margin-right: 6px;
    --list-bullet-font-size: 14px;
    counter-reset: list-items
}
.list--ol>li,
.text-component .list--ol>li {
    counter-increment: list-items
}
.list--ol ol,
.text-component .list--ol ol {
    counter-reset: list-items
}
.list--ol>li::before,
.text-component .list--ol>li::before {
    content: counter(list-items);
    font-size: var(--list-bullet-font-size, 14px);
    background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.075);
    color: var(--color-contrast-higher);
    line-height: 1;
    border-radius: 50%
}
.list--ol ol>li::before,
.text-component .list--ol ol>li::before {
    background-color: transparent;
    box-shadow: inset 0 0 0 2px hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.075)
}
.list--border li:not(:last-child),
.text-component .list--border li:not(:last-child) {
    border-bottom: 1px solid var(--color-contrast-lower)
}
.list--border ul,
.list--border ol,
.text-component .list--border ul,
.text-component .list--border ol {
    border-top: 1px solid var(--color-contrast-lower)
}
.list--icons,
.text-component .list--icons {
    --list-bullet-size: 24px;
    --list-bullet-margin-right: 8px;
    --list-offset: calc(var(--list-bullet-size) + var(--list-bullet-margin-right))
}
.list--icons ul,
.list--icons ol,
.text-component .list--icons ul,
.text-component .list--icons ol {
    padding-left: var(--list-offset)
}
.list__icon {
    position: relative;
    width: var(--list-bullet-size);
    height: var(--list-bullet-size);
    margin-right: var(--list-bullet-margin-right)
}
.list__icon:not(.top-0) {
    top: calc((1em * var(--body-line-height) * var(--list-line-height-multiplier) - var(--list-bullet-size))/2)
}

/*!purgecss start ignore*/


/*!purgecss end ignore*/