:root
{
    --stfc-black: 0 0% 0%;
    --stfc-white: 0 0% 100%;
    --stfc-grey-inactive-btn: 240 35% 22%;
    --stfc-grey-neutral: 0 0% 51%;
    --stfc-grey-light: 0 0% 74%;
    --stfc-grey-xlight: 0 0% 93%;
    --stfc-green-light: 124 82.1% 72%;
    --stfc-green: 132 66.7% 52.9%;
    --stfc-yellow-dark: 50 100% 50%;
    --stfc-yellow: 50 100% 72%;
    --stfc-yellow-pale: 50 100% 86%;
    --stfc-light-blue: 187 100% 71%;
    --stfc-light-blue-pale: 201 100% 84%;
    --stfc-neutral-blue: 191 32% 71%;
    --stfc-blue-light: 187 100% 71%;
    --stfc-blue: 227 99% 50%;
    --stfc-blue-xdark: 241 100% 24%;
    --stfc-blue-xxdark: 232 100% 9%;
    --stfc-light-purple: 266 100% 88%;
    --stfc-light-purple-pink: 287 100% 70.4%;
    --faction-federation: 180 100% 83%;
    --faction-klingon: 21 100% 83%;
    --faction-romulan: 86 97.6% 83%;
    --vignette-color: hsl(234,83%,44%);
    --heading-display: 3.75rem;
    --heading-display-small: 3rem;
    --heading-h1: 2.5rem;
    --heading-h2: 2rem;
    --heading-h3: 1.75rem;
    --heading-h4: 1.5rem;
    --heading-h5: 1.25rem;
    --heading-h6: 1.125rem;
    --body-large: 1.125rem;
    --body: 1rem;
    --body-small: .875rem;
    --teaser: var(--body-large);
    --button-large: var(--heading-h4);
    --button-medium: var(--body-large);
    --button: var(--body);
    --button-small: var(--body-small);
    --caption: .75rem;
    --caption-small: .625rem;
    --gd-unit-half: .25rem;
    --gd-unit: .5rem;
    --gd-smallmobile: .75rem;
    --gd-mobile: 1rem;
    --gd-smalltablet: 1.25rem;
    --gd-tablet: 1.5rem;
    --gd-desktop: 2rem;
    --gd-wide: 2.5rem;
    --gd-xwide: 3rem;
    --gd-large: 3.5rem;
    --gd-xlarge: 4rem;
    --gd-xxlarge: 4.5rem;
    --gd-xxxlarge: 5rem;
    --gd-big: 5.5rem;
    --gd-xbig: 6rem;
    --gd-xxbig: 6.5rem;
    --gd-xxxbig: 7rem;
    --ff-regular: "UniviaPro-Regular",sans-serif;
    --ff-bold: "UniviaPro-Bold",sans-serif;
    --ff-italic: "UniviaPro-Ultraitalic",sans-serif;
    --fw-black: 800;
    --fw-bold: 700;
    --fw-regular: 400;
    --z-index-header: 99;
    --z-index-footer: 88;
    --z-index-prefooter: 77;
    --z-index-lift: 5;
    --z-index-neutral: 1;
    --z-index-negative: -1;
    --z-index-modal: 999;
    --logo-width: 7.75rem;
    --ease-time: .2s;
    --border-radius: var(--gd-mobile);
    --header-height: 78px;
    --max-width-header: 120rem;
    --max-width-xxlarge: 90rem;
    --max-width-xlarge: 80rem;
    --max-width-large: 73.125rem;
    --max-width-medium-l: 62.25rem;
    --max-width-medium: 52.5rem;
    --max-width-smedium: 48.75rem;
    --max-width-midsmall: 40rem;
    --max-width-small: 33.75rem;
}
@media(min-width: 375px) and (max-width: 991px)
{
    :root
    {
        --logo-width: 6.25rem;
    }
}
@media(min-width: 768px)
{
    :root
    {
        --header-height: var(--gd-xxbig);
    }
}
@media(min-width: 992px)
{
    :root
    {
        --header-height: var(--gd-xxbig);
    }
}
@font-face
{
    font-family: "UniviaPro-Bold";
    src: local("Univia Pro Bold"),local("UniviaPro-Bold"),url("/wp-content/themes/startrek/assets/fonts/UniviaPro-Bold.woff2") format("woff2"),url("/wp-content/themes/startrek/assets/fonts/UniviaPro-Bold.woff") format("woff");
    font-weight: var(--fw-bold);
    font-style: normal;
    font-display: swap;
}
@font-face
{
    font-family: "UniviaPro-Regular";
    src: local("Univia Pro Regular"),local("UniviaPro-Regular"),url("/wp-content/themes/startrek/assets/fonts/UniviaPro-Regular.woff2") format("woff2"),url("/wp-content/themes/startrek/assets/fonts/UniviaPro-Regular.woff") format("woff");
    font-weight: var(--fw-regular);
    font-style: normal;
    font-display: swap;
}
@font-face
{
    font-family: "UniviaPro-Ultraitalic";
    src: local("Univia Pro Ultritalic"),local("UniviaPro-Italic"),url("/wp-content/themes/startrek/assets/fonts/UniviaPro-Ultraitalic.woff") format("woff2"),url("/wp-content/themes/startrek/assets/fonts/UniviaPro-Ultraitalic.woff") format("woff");
    font-weight: var(--fw-regular);
    font-style: italic;
    font-display: swap;
}
html
{
    line-height: calc(var(--body) * 1.5);
    -webkit-text-size-adjust: 100%;
}
*
{
    box-sizing: border-box;
}
*:before, *:after
{
    box-sizing: border-box;
}
body
{
    margin: 0;
    font-family: var(--ff-regular),-apple-system,"Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
    font-size: var(--fs-body);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
code
{
    font-family: source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace;
    white-space: pre-wrap;
}
a
{
    display: inline-block;
    background-color: rgba(0,0,0,0);
}
abbr[title]
{
    border-bottom: 0;
    text-decoration: underline dotted;
}
b, strong
{
    font-family: var(--ff-bold);
    font-weight: normal;
}
sub, sup
{
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}
sub
{
    bottom: -.25em;
}
sup
{
    top: -.5em;
}
button, input, optgroup, select, textarea
{
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    line-height: calc(var(--body) * 1.5);
}
button:focus, button:active, input:focus, input:active, optgroup:focus, optgroup:active, select:focus, select:active, textarea:focus, textarea:active
{
    border: 0;
    outline: none;
}
button, input
{
    overflow: visible;
}
button, select
{
    text-transform: none;
}
button, [type=button], [type=reset], [type=submit]
{
    -webkit-appearance: button;
}
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner
{
    padding: 0;
    border-style: none;
}
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring
{
    outline: .0625rem dotted ButtonText;
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button
{
    height: auto;
}
[type=search]
{
    outline-offset: -.125rem;
    -webkit-appearance: textfield;
}
details
{
    display: block;
}
img
{
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    border-style: none;
}
html
{
    height: -webkit-fill-available;
    background-color: hsl(var(--stfc-blue-xxdark));
    color: hsl(var(--stfc-white));
}
body
{
    overflow-x: hidden;
    min-height: 100vh;
    min-height: -webkit-fill-available;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
}
body.has-menu-open
{
    overflow: hidden;
}
body.has-modal-open
{
    overflow: hidden;
}
@media(max-width: calc(768px - 1px))
{
    body.logged-in
    {
        padding-top: 2.875rem;
    }
}
@media(min-width: 768px)
{
    body.logged-in
    {
        padding-top: calc(2rem + var(--gd-mobile));
    }
}
main
{
    padding-top: var(--header-height);
    flex: 1;
}
h1
{
    margin: 0;
}
@media(max-width: calc(768px - 1px))
{
    h1
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--heading-h3);
        --letter-spacing: .04em;
        font-family: var(--ff-bold);
    }
}
@media(min-width: 768px)
{
    h1
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--heading-h2);
        --letter-spacing: .04em;
        font-family: var(--ff-bold);
    }
}
@media(min-width: 1200px)
{
    h1
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--heading-h1);
        --letter-spacing: .06em;
        font-family: var(--ff-bold);
    }
}
h2
{
    margin: 0;
}
@media(max-width: calc(768px - 1px))
{
    h2
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--heading-h4);
        --letter-spacing: .04em;
        font-family: var(--ff-bold);
    }
}
@media(min-width: 768px)
{
    h2
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--heading-h3);
        --letter-spacing: .04em;
        font-family: var(--ff-bold);
    }
}
@media(min-width: 1200px)
{
    h2
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--heading-h2);
        --letter-spacing: .04em;
        font-family: var(--ff-bold);
    }
}
h3
{
    margin: 0;
}
@media(max-width: calc(768px - 1px))
{
    h3
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--heading-h5);
        --letter-spacing: .04em;
        font-family: var(--ff-bold);
    }
}
@media(min-width: 768px)
{
    h3
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--heading-h4);
        --letter-spacing: .04em;
        font-family: var(--ff-bold);
    }
}
@media(min-width: 1200px)
{
    h3
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--heading-h3);
        --letter-spacing: .04em;
        font-family: var(--ff-bold);
    }
}
h4
{
    margin: 0;
}
@media(max-width: calc(768px - 1px))
{
    h4
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--heading-h6);
        --letter-spacing: .04em;
        font-family: var(--ff-bold);
    }
}
@media(min-width: 768px)
{
    h4
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--heading-h5);
        --letter-spacing: .04em;
        font-family: var(--ff-bold);
    }
}
@media(min-width: 1200px)
{
    h4
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--heading-h4);
        --letter-spacing: .04em;
        font-family: var(--ff-bold);
    }
}
h5
{
    margin: 0;
}
@media(max-width: calc(768px - 1px))
{
    h5
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--heading-h6);
        --letter-spacing: .04em;
        font-family: var(--ff-bold);
    }
}
@media(min-width: 768px)
{
    h5
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--heading-h5);
        --letter-spacing: .04em;
        font-family: var(--ff-bold);
    }
}
h6
{
    margin: 0;
}
@media(max-width: calc(768px - 1px))
{
    h6
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--body-small);
        --letter-spacing: .02em;
        font-family: var(--ff-bold);
    }
}
@media(min-width: 768px)
{
    h6
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--heading-h6);
        --letter-spacing: .04em;
        font-family: var(--ff-bold);
    }
}
p
{
    letter-spacing: var(--letter-spacing);
    font-size: var(--font-size);
    line-height: calc(var(--font-size) + var(--gd-unit));
    --font-size: var(--body);
    --letter-spacing: .02em;
    font-weight: var(--fw-regular);
    margin: 0;
}
ul, ol
{
    margin: 0;
    padding: 0;
    list-style: none outside none;
    list-style-image: none;
}
ul li, ol li
{
    list-style: none outside none;
}
a
{
    overflow-wrap: break-word;
    hyphens: auto;
    color: hsl(var(--stfc-white));
}
.screen-reader-text
{
    border: 0;
    clip: rect(1px,1px,1px,1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal!important;
}
.screen-reader-text:focus
{
    background-color: #ddd;
    clip: auto!important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}
@keyframes fade-in
{
    0%
    {
        opacity: 0;
    }
    100%
    {
        opacity: 1;
    }
}
@keyframes fade-out
{
    0%
    {
        opacity: 0;
    }
    100%
    {
        opacity: 1;
    }
}
@keyframes slide-up
{
    0%
    {
        transform: translateY(50%);
    }
    100%
    {
        transform: translateY(0);
    }
}
@keyframes slide-down
{
    0%
    {
        transform: translateY(-50%);
    }
    100%
    {
        transform: translateY(0);
    }
}
:root
{
    --icon-copy_link: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3e%3cpath fill='white' d='m8.203 14.205 6-6a1.128 1.128 0 0 1 1.594 1.594l-6 6a1.127 1.127 0 1 1-1.594-1.594ZM20.484 3.517a5.633 5.633 0 0 0-7.956 0L9.704 6.338a1.127 1.127 0 0 0 1.594 1.594l2.819-2.818a3.376 3.376 0 1 1 4.775 4.774l-2.823 2.817a1.127 1.127 0 0 0 1.594 1.594l2.82-2.818a5.633 5.633 0 0 0-.003-7.96l.004-.003ZM12.705 16.07l-2.82 2.82a3.375 3.375 0 1 1-4.773-4.775l2.818-2.819a1.127 1.127 0 1 0-1.593-1.594L3.52 12.523a5.627 5.627 0 0 0 7.958 7.957l2.818-2.82a1.127 1.127 0 1 0-1.594-1.593l.003.002Z'/%3e%3c/svg%3e");
    --icon-reddit: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3e%3cpath fill='white' d='M22 11.02a2.672 2.672 0 0 0-4.418-2.021c-1.403-.744-3.073-1.195-4.818-1.295l.434-2.605 1.82.284a2.02 2.02 0 1 0 .21-1.32l-2.481-.384a.668.668 0 0 0-.76.551l-.576 3.466c-1.82.075-3.574.526-5.036 1.303a2.672 2.672 0 0 0-3.557 3.983 5.099 5.099 0 0 0-.192 1.378c0 1.829 1.002 3.54 2.83 4.802 1.83 1.26 4.068 1.879 6.523 1.879s4.768-.668 6.522-1.88c1.754-1.21 2.83-2.972 2.83-4.801 0-.463-.064-.924-.191-1.37a2.705 2.705 0 0 0 .86-1.97ZM7.302 13.358a1.336 1.336 0 1 1 2.673 0 1.336 1.336 0 0 1-2.673 0Zm7.742 4.267a6.69 6.69 0 0 1-6.13 0 .668.668 0 0 1 .61-1.186 5.36 5.36 0 0 0 4.91 0 .668.668 0 0 1 .61 1.186Zm.275-2.931a1.336 1.336 0 1 1 0-2.672 1.336 1.336 0 0 1 0 2.672Z'/%3e%3c/svg%3e");
    --icon-twitter: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3e%3cpath fill='white' d='M22.46 6c-.77.35-1.6.58-2.46.69.88-.53 1.56-1.37 1.88-2.38-.83.5-1.75.85-2.72 1.05C18.37 4.5 17.26 4 16 4c-2.35 0-4.27 1.92-4.27 4.29 0 .34.04.67.11.98C8.28 9.09 5.11 7.38 3 4.79c-.37.63-.58 1.37-.58 2.15 0 1.49.75 2.81 1.91 3.56-.71 0-1.37-.2-1.95-.5v.03c0 2.08 1.48 3.82 3.44 4.21a4.22 4.22 0 0 1-1.93.07 4.28 4.28 0 0 0 4 2.98 8.521 8.521 0 0 1-5.33 1.84c-.34 0-.68-.02-1.02-.06C3.44 20.29 5.7 21 8.12 21 16 21 20.33 14.46 20.33 8.79c0-.19 0-.37-.01-.56.84-.6 1.56-1.36 2.14-2.23Z'/%3e%3c/svg%3e");
    --icon-facebook: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3e%3cpath fill='white' d='M22 12c0-5.52-4.48-10-10-10S2 6.48 2 12c0 4.84 3.44 8.87 8 9.8V15H8v-3h2V9.5C10 7.57 11.57 6 13.5 6H16v3h-2c-.55 0-1 .45-1 1v2h3v3h-3v6.95c5.05-.5 9-4.76 9-9.95Z'/%3e%3c/svg%3e");
    --icon-discord: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3e%3cpath fill='white' d='M19.27 5.33C17.94 4.71 16.5 4.26 15 4a.09.09 0 0 0-.07.03c-.18.33-.39.76-.53 1.09a16.09 16.09 0 0 0-4.8 0c-.14-.34-.35-.76-.54-1.09-.01-.02-.04-.03-.07-.03-1.5.26-2.93.71-4.27 1.33-.01 0-.02.01-.03.02-2.72 4.07-3.47 8.03-3.1 11.95 0 .02.01.04.03.05 1.8 1.32 3.53 2.12 5.24 2.65.03.01.06 0 .07-.02.4-.55.76-1.13 1.07-1.74.02-.04 0-.08-.04-.09-.57-.22-1.11-.48-1.64-.78-.04-.02-.04-.08-.01-.11.11-.08.22-.17.33-.25.02-.02.05-.02.07-.01 3.44 1.57 7.15 1.57 10.55 0 .02-.01.05-.01.07.01.11.09.22.17.33.26.04.03.04.09-.01.11-.52.31-1.07.56-1.64.78-.04.01-.05.06-.04.09.32.61.68 1.19 1.07 1.74.03.01.06.02.09.01 1.72-.53 3.45-1.33 5.25-2.65.02-.01.03-.03.03-.05.44-4.53-.73-8.46-3.1-11.95-.01-.01-.02-.02-.04-.02ZM8.52 14.91c-1.03 0-1.89-.95-1.89-2.12 0-1.17.84-2.12 1.89-2.12 1.06 0 1.9.96 1.89 2.12 0 1.17-.84 2.12-1.89 2.12Zm6.97 0c-1.03 0-1.89-.95-1.89-2.12 0-1.17.84-2.12 1.89-2.12 1.06 0 1.9.96 1.89 2.12 0 1.17-.83 2.12-1.89 2.12Z'/%3e%3c/svg%3e");
    --icon-youtube: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3e%3cpath fill='white' d='m10 15 5.19-3L10 9v6Zm11.56-7.83c.13.47.22 1.1.28 1.9.07.8.1 1.49.1 2.09L22 12c0 2.19-.16 3.8-.44 4.83-.25.9-.83 1.48-1.73 1.73-.47.13-1.33.22-2.65.28-1.3.07-2.49.1-3.59.1L12 19c-4.19 0-6.8-.16-7.83-.44-.9-.25-1.48-.83-1.73-1.73-.13-.47-.22-1.1-.28-1.9-.07-.8-.1-1.49-.1-2.09L2 12c0-2.19.16-3.8.44-4.83.25-.9.83-1.48 1.73-1.73.47-.13 1.33-.22 2.65-.28 1.3-.07 2.49-.1 3.59-.1L12 5c4.19 0 6.8.16 7.83.44.9.25 1.48.83 1.73 1.73Z'/%3e%3c/svg%3e");
    --icon-instagram: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3e%3cpath fill='white' d='M7.8 2h8.4C19.4 2 22 4.6 22 7.8v8.4a5.8 5.8 0 0 1-5.8 5.8H7.8C4.6 22 2 19.4 2 16.2V7.8A5.8 5.8 0 0 1 7.8 2Zm-.2 2A3.6 3.6 0 0 0 4 7.6v8.8C4 18.39 5.61 20 7.6 20h8.8a3.6 3.6 0 0 0 3.6-3.6V7.6C20 5.61 18.39 4 16.4 4H7.6Zm9.65 1.5a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5ZM12 7a5 5 0 1 1 0 10 5 5 0 0 1 0-10Zm0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z'/%3e%3c/svg%3e");
    --icon-apple: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3e%3cpath fill='white' d='M18.04 21.198c-1.09 1.055-2.278.888-3.422.388-1.211-.51-2.322-.533-3.6 0-1.6.69-2.444.49-3.4-.388-5.421-5.589-4.621-14.099 1.534-14.41 1.5.078 2.544.822 3.421.89 1.311-.268 2.567-1.034 3.967-.934 1.677.133 2.944.8 3.777 2-3.466 2.077-2.644 6.643.533 7.92-.633 1.667-1.455 3.323-2.822 4.545l.011-.011ZM12.461 6.722C12.296 4.244 14.307 2.2 16.617 2c.322 2.866-2.6 5-4.155 4.722Z'/%3e%3c/svg%3e");
    --icon-playstore: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3e%3cpath fill='white' d='M19.527 13.718c1.297-.763 1.297-2.671 0-3.435L16.16 8.3 12.15 12l4.009 3.7 3.367-1.982h.002Zm-4.493 2.645-3.805-3.513-8.191 7.563c.25 1.286 1.7 2.012 2.878 1.319l9.118-5.37ZM3 18.745V5.255L10.307 12 3 18.745Zm.038-15.157 8.19 7.562 3.806-3.512-9.118-5.369C4.737 1.574 3.29 2.3 3.037 3.588Z'/%3e%3c/svg%3e");
    --icon-scopely: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3e%3cpath fill='white' fill-rule='evenodd' d='M13.71 7.992 19.545 2H7.883l5.828 5.99ZM7.19 2l10.35 10.642V22h-.19L7.005 11.367V2h.183Zm3.642 14.012L5 22h11.656l-5.825-5.988Z' clip-rule='evenodd'/%3e%3c/svg%3e");
    --icon-windows: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3e%3cpath fill='white' d='m3 5.479 7.377-1.016v7.127H3V5.479Zm0 13.042 7.377 1.017v-7.04H3v6.023Zm8.188 1.125L21 21v-8.502h-9.812v7.148Zm0-15.292v7.236H21V3l-9.812 1.354Z'/%3e%3c/svg%3e");
    --icon-arrow-up-right: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M17 7 7 17M17 7H8m9 0v9'/%3e%3c/svg%3e");
    --icon-chevron-down: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9 6 6 6-6'/%3e%3c/svg%3e");
    --icon-arrow-long-right: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 12h14m0 0-4 4m4-4-4-4'/%3e%3c/svg%3e");
    --icon-download: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3e%3cpath fill='white' d='M6 20c-.55 0-1.02-.196-1.412-.587A1.927 1.927 0 0 1 4 18v-2a1 1 0 1 1 2 0v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-1a1 1 0 1 1 2 0v2a1.93 1.93 0 0 1-.587 1.413A1.928 1.928 0 0 1 18 20H6Zm6.707-4.707a1 1 0 0 1-1.414 0l-3.598-3.598a1.007 1.007 0 0 1-.007-1.407 1.007 1.007 0 0 1 1.432-.018L11 12.15V5a1 1 0 1 1 2 0v7.15l1.88-1.88a1.007 1.007 0 0 1 1.432.018 1.007 1.007 0 0 1-.007 1.407l-3.598 3.598Z'/%3e%3c/svg%3e");
    --icon-heart-line: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19.5 12.572 12 20l-7.5-7.428A5 5 0 1 1 12 6.006a5 5 0 1 1 7.5 6.572'/%3e%3c/svg%3e");
    --icon-heart-fill: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3e%3cpath fill='white' d='M19.5 12.572 12 20l-7.5-7.428A5 5 0 1 1 12 6.006a5 5 0 1 1 7.5 6.572'/%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19.5 12.572 12 20l-7.5-7.428A5 5 0 1 1 12 6.006a5 5 0 1 1 7.5 6.572'/%3e%3c/svg%3e");
    --icon-search: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m21 21-6-6M3 10a7 7 0 1 0 14 0 7 7 0 0 0-14 0Z'/%3e%3c/svg%3e");
    --icon-video-play: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='88' height='88' fill='none' viewBox='0 0 88 88'%3e%3cpath fill='white' d='M44 7.333C23.742 7.333 7.333 23.742 7.333 44c0 20.258 16.409 36.667 36.667 36.667 20.258 0 36.667-16.409 36.667-36.667C80.667 23.742 64.258 7.333 44 7.333ZM36.667 60.5v-33l22 16.5-22 16.5Z' /%3e%3c/svg%3e");
    --icon-gift: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3e%3cpath fill='black' d='M20.25 6.75h-3.289c.037-.03.074-.06.11-.094A2.768 2.768 0 0 0 18 4.647 3.057 3.057 0 0 0 14.854 1.5a2.768 2.768 0 0 0-2.01.93A5.15 5.15 0 0 0 12 3.786a5.15 5.15 0 0 0-.844-1.358 2.768 2.768 0 0 0-2.01-.929A3.058 3.058 0 0 0 6 4.647a2.768 2.768 0 0 0 .93 2.01c.035.03.072.06.109.093H3.75a1.5 1.5 0 0 0-1.5 1.5v3a1.5 1.5 0 0 0 1.5 1.5v6a1.5 1.5 0 0 0 1.5 1.5h13.5a1.5 1.5 0 0 0 1.5-1.5v-6a1.5 1.5 0 0 0 1.5-1.5v-3a1.5 1.5 0 0 0-1.5-1.5Zm-6.281-3.327A1.283 1.283 0 0 1 14.906 3h.046A1.558 1.558 0 0 1 16.5 4.6a1.283 1.283 0 0 1-.422.938c-.89.787-2.366 1.065-3.281 1.162.112-.993.422-2.435 1.172-3.278Zm-6.009.034A1.56 1.56 0 0 1 9.055 3h.046a1.284 1.284 0 0 1 .938.422c.786.889 1.064 2.362 1.161 3.274-.91-.094-2.385-.375-3.273-1.162a1.284 1.284 0 0 1-.422-.937 1.556 1.556 0 0 1 .452-1.14h.003ZM3.75 8.25h7.5v3h-7.5v-3Zm1.5 4.5h6v6h-6v-6Zm13.5 6h-6v-6h6v6Zm1.5-7.5h-7.5v-3h7.5v3Z'/%3e%3c/svg%3e");
    --icon-settings: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3e%3cpath fill='black' fill-rule='evenodd' d='M14.279 2.152C13.909 2 13.439 2 12.5 2s-1.408 0-1.779.152a2.008 2.008 0 0 0-1.09 1.083c-.094.223-.13.484-.145.863a1.615 1.615 0 0 1-.796 1.353 1.64 1.64 0 0 1-1.579.008c-.338-.178-.583-.276-.825-.308a2.026 2.026 0 0 0-1.49.396c-.318.242-.553.646-1.022 1.453-.47.807-.704 1.21-.757 1.605-.07.526.074 1.058.4 1.479.148.192.357.353.68.555.477.297.783.803.783 1.361 0 .558-.306 1.064-.782 1.36-.324.203-.533.364-.682.556a1.99 1.99 0 0 0-.399 1.479c.053.394.287.798.757 1.605.47.807.704 1.21 1.022 1.453.424.323.96.465 1.49.396.242-.032.487-.13.825-.308a1.64 1.64 0 0 1 1.58.008c.486.28.774.795.795 1.353.015.38.051.64.145.863.204.49.596.88 1.09 1.083.37.152.84.152 1.779.152s1.409 0 1.779-.152a2.008 2.008 0 0 0 1.09-1.083c.094-.223.13-.483.145-.863.02-.558.309-1.074.796-1.353a1.64 1.64 0 0 1 1.579-.008c.338.178.583.276.825.308.53.07 1.066-.073 1.49-.396.318-.242.553-.646 1.022-1.453.47-.807.704-1.21.757-1.605a1.988 1.988 0 0 0-.4-1.479c-.148-.192-.357-.353-.68-.555-.477-.297-.783-.803-.783-1.361 0-.558.306-1.064.782-1.36.324-.203.533-.364.682-.556a1.99 1.99 0 0 0 .399-1.479c-.053-.394-.287-.798-.757-1.605-.47-.807-.704-1.21-1.022-1.453a2.026 2.026 0 0 0-1.49-.396c-.242.032-.487.13-.825.308a1.64 1.64 0 0 1-1.58-.008 1.615 1.615 0 0 1-.795-1.353c-.015-.38-.051-.64-.145-.863a2.005 2.005 0 0 0-1.09-1.083ZM12.5 15c1.67 0 3.023-1.343 3.023-3S14.169 9 12.5 9c-1.67 0-3.023 1.343-3.023 3s1.354 3 3.023 3Z' clip-rule='evenodd'/%3e%3c/svg%3e");
    --icon-close-x: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3e%3cpath fill='white' d='M18.295 7.115a.997.997 0 0 0-1.41-1.41L12 10.59 7.115 5.705a.997.997 0 0 0-1.41 1.41L10.59 12l-4.885 4.885a.997.997 0 1 0 1.41 1.41L12 13.41l4.885 4.885a.997.997 0 1 0 1.41-1.41L13.41 12l4.885-4.885Z'/%3e%3c/svg%3e");
    --icon-download-file: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3e%3cg stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3e%3cpath d='M14 3v4a1 1 0 0 0 1 1h4'/%3e%3cpath d='M12 17v-6m5 10H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2Z'/%3e%3cpath d='M9.5 14.5 12 17l2.5-2.5'/%3e%3c/g%3e%3c/svg%3e");
    --icon-language: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3e%3cpath fill='black' d='M12 22a9.671 9.671 0 0 1-3.875-.788 10.148 10.148 0 0 1-3.187-2.15 10.148 10.148 0 0 1-2.15-3.187A9.67 9.67 0 0 1 2 12a9.64 9.64 0 0 1 .788-3.887 10.202 10.202 0 0 1 2.15-3.175 10.126 10.126 0 0 1 3.187-2.15A9.693 9.693 0 0 1 12 2c1.383 0 2.68.263 3.888.788a10.174 10.174 0 0 1 3.174 2.15 10.21 10.21 0 0 1 2.15 3.175A9.622 9.622 0 0 1 22 12a9.671 9.671 0 0 1-.788 3.875 10.16 10.16 0 0 1-2.15 3.188 10.164 10.164 0 0 1-3.175 2.15A9.655 9.655 0 0 1 12 22Zm0-2.05c.433-.6.808-1.225 1.125-1.875.317-.65.575-1.342.775-2.075h-3.8c.2.733.458 1.425.775 2.075.317.65.692 1.275 1.125 1.875Zm-2.6-.4a13.84 13.84 0 0 1-.787-1.713A14.898 14.898 0 0 1 8.05 16H5.1a8.295 8.295 0 0 0 1.813 2.175A7.202 7.202 0 0 0 9.4 19.55Zm5.2 0a7.2 7.2 0 0 0 2.488-1.375A8.28 8.28 0 0 0 18.9 16h-2.95a14.76 14.76 0 0 1-.562 1.838 13.642 13.642 0 0 1-.788 1.712ZM4.25 14h3.4a13.595 13.595 0 0 1-.15-2c0-.35.012-.688.038-1.012.026-.324.063-.653.112-.988h-3.4a8.151 8.151 0 0 0 0 4Zm5.4 0h4.7a12.719 12.719 0 0 0 .15-2 13.682 13.682 0 0 0-.15-2h-4.7a13.584 13.584 0 0 0-.15 2c0 .35.012.687.038 1.013.026.326.063.655.112.987Zm6.7 0h3.4c.083-.333.146-.662.188-.987a8.25 8.25 0 0 0 0-2.025A8.185 8.185 0 0 0 19.75 10h-3.4a12.728 12.728 0 0 1 .15 2 13.45 13.45 0 0 1-.15 2Zm-.4-6h2.95a8.302 8.302 0 0 0-1.812-2.175A7.189 7.189 0 0 0 14.6 4.45c.3.55.563 1.121.788 1.713.225.592.413 1.204.562 1.837ZM10.1 8h3.8a11.82 11.82 0 0 0-.775-2.075A12.701 12.701 0 0 0 12 4.05c-.433.6-.808 1.225-1.125 1.875A11.82 11.82 0 0 0 10.1 8Zm-5 0h2.95c.15-.633.338-1.246.563-1.838A13.93 13.93 0 0 1 9.4 4.45a7.2 7.2 0 0 0-2.488 1.375A8.277 8.277 0 0 0 5.1 8Z'/%3e%3c/svg%3e");
    --icon-globe: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3e%3cpath fill='black' d='M12 22a9.733 9.733 0 0 1-3.9-.788 10.114 10.114 0 0 1-3.175-2.137c-.9-.9-1.612-1.958-2.137-3.175A9.76 9.76 0 0 1 2 12c0-1.383.262-2.683.788-3.9a10.121 10.121 0 0 1 2.137-3.175A10.07 10.07 0 0 1 8.1 2.788 9.742 9.742 0 0 1 12 2c1.382 0 2.682.263 3.9.788a10.084 10.084 0 0 1 3.175 2.137c.899.9 1.611 1.958 2.138 3.175A9.679 9.679 0 0 1 22 12a9.806 9.806 0 0 1-.788 3.9 10.032 10.032 0 0 1-2.137 3.175 10.16 10.16 0 0 1-3.175 2.138A9.689 9.689 0 0 1 12 22Zm0-2c2.233 0 4.125-.775 5.675-2.325C19.225 16.125 20 14.233 20 12c0-.117-.004-.238-.012-.363a5.827 5.827 0 0 1-.013-.312 1.984 1.984 0 0 1-.675 1.2c-.367.317-.8.475-1.3.475h-2c-.55 0-1.02-.196-1.412-.587A1.93 1.93 0 0 1 14 11v-1h-4V8c0-.55.196-1.02.588-1.412A1.93 1.93 0 0 1 12 6h1c0-.383.104-.72.313-1.012.209-.291.463-.529.762-.713-.333-.083-.67-.15-1.012-.2A7.329 7.329 0 0 0 12 4c-2.233 0-4.125.775-5.675 2.325C4.775 7.875 4 9.767 4 12h5c1.1 0 2.042.392 2.825 1.175C12.608 13.958 13 14.9 13 16v1h-3v2.75a8.7 8.7 0 0 0 .988.188c.325.042.663.063 1.012.062Z'/%3e%3c/svg%3e");
    --badge-federation: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150' fill='none' viewBox='0 0 150 150'%3e%3cpath fill='black' d='M74.95 10.47C70.64 16.43 36 66.63 35.55 139.21c0 .47.59.7.89.33 5.9-7.24 39.43-47.66 51.51-47.66 8.87 0 21.91 28.17 25.55 36.43.22.5.97.33.96-.21-.27-11.37-3.53-60.58-38.67-117.59-.19-.3-.62-.33-.83-.04h-.01Z'/%3e%3c/svg%3e");
    --badge-klingon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150' fill='none' viewBox='0 0 150 150'%3e%3cpath fill='black' d='m68.978 110.462 16.49-28.51c.16-.28.17-.62.02-.91-1.77-3.42-12.82-26.25-16.75-71.82-.02-.28-.42-.3-.47-.03a419.061 419.061 0 0 0-.845 5.715c-2.37 16.462-7.67 53.295-17.005 66.065-.23.32-.25.73-.04 1.06 2.34 3.62 15.29 24.43 17.79 28.45.19.3.63.3.81-.01v-.01Zm-21.2-22.89 18.31 30.16c.19.31-.03.71-.4.72-3.37.04-27.01.34-40.5 21.67-.22.35-.72.34-.86-.05-1.78-4.8-4.4-16.43.43-25.14 2.28-4.114 6.144-7.937 10.085-11.836 4.852-4.8 9.821-9.717 12.095-15.434.15-.37.64-.42.85-.08l-.01-.01Zm40.6.239-17.52 30.11.01-.01c-.18.31.05.71.41.71 6.054.102 9.465 1.313 13.061 2.591 4.209 1.495 8.67 3.079 17.919 3.079 17.15 0 24.46-9.07 25.2-12.6.06-.29-.18-.55-.47-.55-22.291-.246-32.94-16.117-37.173-22.425-.231-.345-.443-.661-.637-.945a.477.477 0 0 0-.8.04Z'/%3e%3c/svg%3e");
    --badge-outlaws: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150' fill='none' viewBox='0 0 150 150'%3e%3cg fill='black'%3e%3cpath d='M69.71 116.05V19.56c0-.09-.04-.17-.1-.24L53.47 2.19a.172.172 0 0 0-.3.12V98.8c0 .09.04.17.1.24l16.14 17.13c.11.12.3.04.3-.12Zm31.81 8.39c17.63-9.46 29.62-28.08 29.62-49.49h.01c0-21.52-12.11-40.22-29.89-49.63-1.45-.77-2.93-1.47-4.45-2.12a55.978 55.978 0 0 0-16.53-4.14c-1.57-.14-5.08-.23-5.93-.23-.09 0-.17.08-.17.18v9.69c0 .1.07.18.17.18.84.01 4.36.11 5.93.29 5.25.59 10.24 2.07 14.8 4.28.59.28 1.16.58 1.73.88 1.54.83 3.02 1.74 4.45 2.74 11.99 8.31 19.84 22.2 19.84 37.88 0 15.68-7.83 29.53-19.8 37.85-.02.02-.04.09-.04.09v11.39c0 .14.14.22.26.16Z'/%3e%3cpath d='M75.81 131.07v-10.03H75c-25.46 0-46.09-20.63-46.09-46.09 0-15.66 7.8-29.49 19.74-37.81.04-.03.07-.08.07-.14V25.63c0-.14-.14-.22-.26-.16-17.62 9.46-29.6 28.06-29.6 49.47 0 31.01 25.14 56.14 56.14 56.14.27 0 .54 0 .81-.01ZM96.8 51.2v96.49c0 .16-.19.24-.3.12l-16.13-17.13a.369.369 0 0 1-.1-.24V33.95c0-.16.19-.24.3-.12L96.7 50.96c.06.07.1.15.1.24Z'/%3e%3c/g%3e%3c/svg%3e");
    --badge-romulan: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150' fill='none' viewBox='0 0 150 150'%3e%3cg fill='black'%3e%3cpath d='M73.51 110.33v25.78c0 .39-.44.62-.76.39l-11.97-8.51a.467.467 0 0 1-.01-.77c1.45-1.08 5.32-4.28 5.32-7.83 0-4.37-3.06-7.6-7.25-7.6-3.75 0-10.94 4.83-12.41 5.84-.16.11-.37.11-.54 0-2.32-1.59-18.96-13.02-23.67-16.68C17.21 97.06.66 64.3 23.1 32.9c.27-.37.86-.2.88.26l.011.368c.082 2.68.245 8.04 1.619 12.782.15.52.92.44.94-.11.54-10.29 2.75-20.22 4.21-22.76.76-1.2 7.79-6.05 15.71-9.97.47-.23.92.35.58.75C41.61 20.47 36.07 29 36.07 44.15c0 16.58 4.68 26.27 20.27 33.34.1.05.19.13.24.23 1.04 2.31 15.88 30.48 16.89 32.39.04.07.05.14.05.22h-.01Z'/%3e%3cpath d='M86.28 85.94 75.41 104.9c-.18.32-.65.32-.83 0L63.71 85.94c-.2-.36.1-.79.5-.71 1.99.39 6.56 1.46 10.55 3.67.14.08.31.08.45 0 4-2.2 8.56-3.27 10.55-3.67.4-.08.71.36.5.71h.02Z'/%3e%3cpath d='M76.49 136.11v-25.78h-.01c0-.08.01-.15.05-.22 1.01-1.91 15.85-30.08 16.89-32.39.05-.1.14-.18.24-.23 15.59-7.07 20.27-16.76 20.27-33.34 0-15.15-5.54-23.68-10.98-29.93-.34-.4.11-.98.58-.75 7.92 3.92 14.95 8.77 15.71 9.97 1.46 2.54 3.67 12.47 4.21 22.76.02.55.79.63.94.11 1.374-4.742 1.537-10.102 1.619-12.782l.011-.368c.02-.46.61-.63.88-.26 22.44 31.4 5.89 64.16.88 68.05-4.71 3.66-21.35 15.09-23.67 16.68-.17.11-.38.11-.54 0-1.47-1.01-8.66-5.84-12.41-5.84-4.19 0-7.25 3.23-7.25 7.6 0 3.55 3.87 6.75 5.32 7.83.27.19.26.58-.01.77l-11.97 8.51a.48.48 0 0 1-.76-.39Z'/%3e%3c/g%3e%3c/svg%3e");
}
:root
{
    --faction-name-romulan: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='531' height='74' fill='none' viewBox='0 0 531 74'%3e%3cpath fill='%23DAFEAC' d='M5.994 1.502 5.913.505H5.91l.083.997Zm12.58 36.852v-1h-1v1h1Zm4.736 0 .845-.536-.295-.464h-.55v1Zm12.062 19.018-.844.536.006.01.006.009.832-.555Zm15.392.148-.847.531.018.03.02.027.809-.588Zm-12.58-20.054-.215-.977-1.387.306.755 1.202.847-.531Zm-19.61-9.324h-1v1h1v-1Zm0-15.614v-1h-1v1h1ZM27.676-.386c-7.057 0-14.484.297-21.763.891L6.075 2.5a268.6 268.6 0 0 1 21.601-.885v-2ZM5.911.505c-.445.038-1.05.12-1.492.538-.488.462-.535 1.082-.535 1.495h2c0-.069.003-.118.006-.153a.222.222 0 0 1 .007-.045.43.43 0 0 1-.104.158c-.066.061-.112.066-.065.053a.859.859 0 0 1 .122-.026c.06-.01.134-.019.227-.026L5.911.505ZM3.884 2.538v55.278h2V2.538h-2Zm0 55.278c0 .461.028 1.146.496 1.64.488.515 1.18.544 1.614.544v-2c-.091 0-.162-.003-.216-.008a.663.663 0 0 1-.093-.013c-.01-.002.006 0 .036.017a.44.44 0 0 1 .11.085c.08.084.087.151.078.109a.952.952 0 0 1-.017-.126 3.175 3.175 0 0 1-.008-.248h-2ZM5.994 60h11.47v-2H5.994v2Zm11.47 0c.434 0 1.126-.029 1.614-.544.468-.494.496-1.179.496-1.64h-2c0 .102-.003.183-.008.248a.971.971 0 0 1-.017.126c-.01.042-.002-.025.077-.109a.44.44 0 0 1 .11-.085c.03-.016.047-.02.037-.017a.667.667 0 0 1-.093.013 2.538 2.538 0 0 1-.216.008v2Zm2.11-2.184V38.354h-2v19.462h2Zm-1-18.462h4.736v-2h-4.736v2Zm3.891-.464 12.063 19.018 1.689-1.072-12.063-19.018-1.689 1.072ZM34.54 57.927c.374.561.79 1.134 1.426 1.526.656.405 1.421.547 2.366.547v-2c-.757 0-1.102-.117-1.316-.249-.233-.144-.446-.385-.812-.934l-1.664 1.11ZM38.332 60h11.544v-2H38.332v2Zm11.544 0c.692 0 1.52-.205 1.945-.929.45-.767.153-1.587-.248-2.14l-1.618 1.177c.041.056.065.1.078.128.014.03.015.04.013.032a.246.246 0 0 1 .002-.076.381.381 0 0 1 .121-.221c.02-.016.028-.017.015-.012a.468.468 0 0 1-.096.025 1.261 1.261 0 0 1-.212.016v2Zm1.735-3.011-12.58-20.054-1.694 1.062 12.58 20.054 1.694-1.062ZM38.4 38.443c4.2-.925 7.217-2.663 9.134-5.728 1.881-3.01 2.603-7.146 2.603-12.639h-2c0 5.385-.721 9.055-2.3 11.578-1.542 2.466-4 3.984-7.867 4.835l.43 1.954Zm11.737-18.367c0-7.369-1.375-12.604-5.066-15.94C41.41.828 35.71-.386 27.677-.386v2c7.95 0 12.98 1.228 16.054 4.006 3.043 2.75 4.406 7.247 4.406 14.456h2Zm-23.94-6.548c3.537 0 5.442.497 6.507 1.462 1.03.933 1.521 2.537 1.521 5.53h2c0-3.075-.471-5.467-2.179-7.013-1.673-1.514-4.282-1.979-7.849-1.979v2Zm8.028 6.992c0 3.04-.495 4.52-1.49 5.345-1.06.881-2.963 1.277-6.538 1.277v2c3.53 0 6.14-.344 7.817-1.739 1.744-1.45 2.211-3.781 2.211-6.883h-2Zm-8.028 6.622h-7.622v2h7.622v-2Zm-6.622 1V12.528h-2v15.614h2Zm-1-14.614h7.622v-2h-7.622v2ZM84.654-.386c-9.678 0-16.247 1.68-20.304 6.568-4.006 4.824-5.337 12.525-5.337 23.884h2c0-11.36 1.37-18.384 4.875-22.606 3.453-4.16 9.206-5.846 18.767-5.846v-2Zm-25.64 30.452c0 11.286 1.331 18.95 5.338 23.756 4.058 4.867 10.625 6.548 20.304 6.548v-2c-9.56 0-15.315-1.686-18.768-5.829-3.504-4.203-4.874-11.19-4.874-22.475h-2ZM84.655 60.37c9.68 0 16.263-1.68 20.339-6.546 4.027-4.806 5.377-12.47 5.377-23.758h-2c0 11.282-1.388 18.27-4.91 22.474-3.472 4.144-9.246 5.83-18.806 5.83v2Zm25.716-30.304c0-11.36-1.35-19.062-5.375-23.886C100.92 1.295 94.334-.386 84.655-.386v2c9.56 0 15.333 1.686 18.805 5.847 3.523 4.223 4.911 11.248 4.911 22.605h2ZM84.655 13.528c2.171 0 3.815.262 5.074.798 1.23.523 2.136 1.325 2.82 2.505.7 1.207 1.186 2.842 1.49 5.044.304 2.197.42 4.895.42 8.191h2c0-3.327-.116-6.133-.439-8.465-.322-2.329-.858-4.25-1.74-5.773-.898-1.549-2.134-2.647-3.768-3.343-1.606-.683-3.551-.957-5.857-.957v2Zm9.804 16.538c0 3.258-.116 5.929-.42 8.105-.304 2.18-.79 3.8-1.488 4.998-.683 1.17-1.589 1.969-2.82 2.491-1.26.534-2.905.796-5.076.796v2c2.306 0 4.25-.274 5.856-.955 1.633-.692 2.869-1.785 3.767-3.324.883-1.513 1.42-3.422 1.742-5.73.323-2.312.439-5.09.439-8.381h-2Zm-9.804 16.39c-2.152 0-3.787-.262-5.044-.796-1.229-.522-2.138-1.321-2.826-2.493-.703-1.198-1.195-2.82-1.505-4.999-.31-2.175-.43-4.845-.43-8.102h-2c0 3.292.121 6.07.45 8.384.329 2.309.873 4.217 1.76 5.729.903 1.538 2.14 2.63 3.77 3.322 1.601.68 3.536.955 5.825.955v-2Zm-9.804-16.39c0-3.294.12-5.992.43-8.189.31-2.201.802-3.836 1.506-5.044.688-1.18 1.597-1.984 2.826-2.507 1.256-.536 2.89-.798 5.042-.798v-2c-2.288 0-4.224.274-5.827.958-1.63.695-2.867 1.793-3.769 3.34-.887 1.521-1.43 3.443-1.759 5.772-.329 2.334-.45 5.14-.45 8.468h2Zm91.72-26.122-.926-.376-.005.01-.004.011.935.355Zm-12.58 33.152-.935.356.936 2.46.934-2.461-.935-.355Zm-12.58-33.078-.936.351.001.004.935-.355Zm-16.206-1.776-.994-.11-.001.01.995.1Zm-5.624 55.5-.995-.1-.001.008v.009l.996.083Zm13.69 0-.995-.1-.001.008v.009l.996.083Zm3.256-32.264.932-.363-1.927.263.995.1Zm11.914 30.562.94-.342-.004-.01-.004-.011-.932.363Zm11.174 0 .91.414.012-.025.01-.026-.932-.363Zm11.914-30.562.995-.098-1.927-.265.932.363Zm3.182 32.264.997-.083-.001-.008-.001-.007-.995.098Zm13.69 0 .997-.083-.001-.009-.001-.009-.995.101Zm-5.624-55.5-.995.1.995-.1Zm-11.47-2.258c-1.375 0-2.551.145-3.525.737-.998.607-1.622 1.579-2.137 2.847l1.853.752c.447-1.1.859-1.608 1.322-1.89.487-.295 1.198-.446 2.487-.446v-2Zm-5.671 3.605-12.58 33.152 1.87.71 12.58-33.152-1.87-.71Zm-10.71 33.151-12.58-33.077-1.87.71 12.58 33.079 1.87-.712ZM142.347 3.667c-.482-1.287-1.109-2.266-2.123-2.874-.983-.59-2.175-.735-3.549-.735v2c1.29 0 2.022.15 2.52.45.465.279.874.78 1.28 1.861l1.872-.702ZM136.675.058h-10.508v2h10.508v-2Zm-10.508 0c-.65 0-1.216.255-1.568.796-.282.433-.351.949-.388 1.278l1.988.22a2.76 2.76 0 0 1 .053-.332c.02-.077.033-.09.022-.073a.305.305 0 0 1-.115.099c-.05.024-.061.012.008.012v-2Zm-1.957 2.083-5.624 55.5 1.99.202 5.624-55.5-1.99-.202Zm-5.625 55.518c-.051.606.059 1.25.523 1.736.455.477 1.067.605 1.583.605v-2a.59.59 0 0 1-.177-.02c-.013-.004.01.002.04.034.031.032.035.056.031.04a.706.706 0 0 1-.007-.229l-1.993-.166ZM120.691 60h11.47v-2h-11.47v2Zm11.47 0c.535 0 1.127-.139 1.562-.642.388-.45.503-1.031.545-1.533l-1.993-.166a1.73 1.73 0 0 1-.059.357c-.02.064-.03.062-.007.034a.228.228 0 0 1 .084-.061c.008-.003-.026.011-.132.011v2Zm2.105-2.158 3.256-32.264-1.99-.2-3.256 32.264 1.99.2Zm1.329-32 11.914 30.561 1.864-.726-11.914-30.562-1.864.726Zm11.906 30.54c.206.566.541 1.043 1.014 1.375.472.33 1.014.467 1.554.467v-2c-.2 0-.324-.048-.407-.106-.082-.057-.191-.172-.281-.42l-1.88.684Zm2.568 1.842h7.918v-2h-7.918v2Zm7.918 0c.548 0 1.076-.141 1.539-.477.451-.326.768-.783.999-1.293l-1.82-.828c-.138.304-.266.44-.352.501-.073.053-.174.097-.366.097v2Zm2.56-1.82 11.914-30.563-1.864-.726-11.914 30.562 1.864.726Zm9.987-30.828 3.182 32.264 1.99-.196-3.182-32.264-1.99.196Zm3.181 32.249c.041.502.156 1.083.545 1.533.434.503 1.026.642 1.561.642v-2c-.106 0-.14-.014-.132-.011a.228.228 0 0 1 .084.061c.024.028.013.03-.007-.034a1.75 1.75 0 0 1-.058-.357l-1.993.166ZM175.821 60h11.47v-2h-11.47v2Zm11.47 0c.516 0 1.128-.128 1.584-.605.463-.486.573-1.13.523-1.736l-1.993.166a.723.723 0 0 1-.008.23c-.004.015 0-.009.031-.041.03-.032.054-.038.041-.034a.605.605 0 0 1-.178.02v2Zm2.105-2.359-5.624-55.5-1.99.202 5.624 55.5 1.99-.202Zm-5.624-55.498c-.031-.311-.075-.85-.31-1.284a1.615 1.615 0 0 0-.66-.664 1.91 1.91 0 0 0-.913-.211v2c.072 0 .041.013-.032-.026a.41.41 0 0 1-.153-.146c-.01-.018.005.002.025.107.019.104.034.234.053.422l1.99-.199Zm-1.883-2.159h-10.582v2h10.582v-2Zm53.573.074c-.472 0-1.063.089-1.522.525-.469.446-.588 1.05-.588 1.585h2c0-.133.015-.193.02-.208.002-.005 0 .003-.01.018a.237.237 0 0 1-.044.055c-.043.04-.076.048-.062.044a.802.802 0 0 1 .206-.019v-2Zm-2.11 2.11v27.898h2V2.168h-2Zm0 27.898c0 3.46-.13 6.232-.444 8.446-.314 2.22-.806 3.81-1.487 4.954-.664 1.114-1.528 1.838-2.685 2.3-1.19.476-2.728.69-4.744.69v2c2.127 0 3.956-.22 5.486-.832 1.562-.625 2.771-1.64 3.661-3.134.873-1.465 1.417-3.352 1.749-5.697.334-2.351.464-5.232.464-8.727h-2Zm-9.36 16.39c-4.066 0-6.208-.844-7.495-2.992-.685-1.143-1.179-2.734-1.495-4.953-.315-2.213-.444-4.984-.444-8.445h-2c0 3.495.129 6.376.464 8.727.334 2.346.881 4.233 1.759 5.699 1.839 3.069 4.914 3.964 9.211 3.964v-2Zm-9.434-16.39V2.168h-2v27.898h2Zm0-27.898c0-.535-.12-1.14-.589-1.585-.459-.436-1.049-.525-1.521-.525v2a.79.79 0 0 1 .205.019c.015.004-.019-.003-.062-.044a.306.306 0 0 1-.044-.055c-.01-.015-.011-.023-.01-.018a.712.712 0 0 1 .021.208h2Zm-2.11-2.11h-11.47v2h11.47v-2Zm-11.47 0c-.472 0-1.063.089-1.522.525-.469.446-.588 1.05-.588 1.585h2c0-.133.015-.193.02-.208.002-.005 0 .003-.01.018a.237.237 0 0 1-.044.055c-.043.04-.076.048-.062.044a.802.802 0 0 1 .206-.019v-2Zm-2.11 2.11v27.898h2V2.168h-2Zm0 27.898c0 5.889.301 10.727 1.072 14.667.771 3.943 2.025 7.048 3.975 9.417 3.93 4.775 10.395 6.22 20.077 6.22v-2c-9.633 0-15.23-1.478-18.533-5.49-1.667-2.026-2.823-4.78-3.557-8.53-.734-3.755-1.034-8.444-1.034-14.284h-2Zm25.124 30.304c9.645 0 16.091-1.445 20.013-6.22 1.944-2.37 3.196-5.474 3.966-9.417.77-3.94 1.071-8.778 1.071-14.667h-2c0 5.84-.301 10.53-1.034 14.283-.733 3.751-1.887 6.506-3.549 8.531-3.294 4.012-8.873 5.49-18.467 5.49v2Zm25.05-30.304V2.168h-2v27.898h2Zm0-27.898c0-.483-.079-1.103-.543-1.567-.464-.465-1.085-.543-1.567-.543v2c.072 0 .127.003.169.008a.45.45 0 0 1 .074.013c.008.002 0 0-.019-.01a.35.35 0 0 1-.126-.125c-.01-.019-.012-.027-.009-.02.002.01.008.033.013.074.004.042.008.098.008.17h2Zm-2.11-2.11h-11.47v2h11.47v-2Zm28.457 47.028h-1v1h1v-1ZM262.809.058c-.574 0-1.152.179-1.573.642-.406.447-.537 1.018-.537 1.542h2c0-.216.054-.237.017-.197a.12.12 0 0 1-.035.028.388.388 0 0 1 .128-.015v-2Zm-2.11 2.184v55.574h2V2.242h-2Zm0 55.574c0 .538.12 1.132.553 1.587.443.465 1.032.597 1.557.597v-2a.567.567 0 0 1-.163-.017c-.003-.001.024.009.054.04.029.031.031.05.023.025a.842.842 0 0 1-.024-.232h-2Zm2.11 2.184h35.594v-2h-35.594v2Zm35.594 0c.524 0 1.101-.132 1.539-.57.439-.44.571-1.016.571-1.54h-2a.605.605 0 0 1-.018.17c-.003.008.003-.015.033-.045.03-.03.053-.036.044-.033a.575.575 0 0 1-.169.018v2Zm2.11-2.11v-9.694h-2v9.694h2Zm0-9.694c0-.524-.132-1.1-.571-1.54-.438-.438-1.015-.57-1.539-.57v2c.104 0 .155.013.169.018.009.003-.014-.004-.044-.033-.03-.03-.036-.053-.033-.044a.605.605 0 0 1 .018.169h2Zm-2.11-2.11h-23.014v2h23.014v-2Zm-22.014 1V2.242h-2v44.844h2Zm0-44.844c0-.524-.131-1.095-.538-1.542-.421-.463-.998-.642-1.572-.642v2c.086 0 .123.013.127.015.001 0-.017-.008-.035-.028-.036-.04.018-.02.018.197h2Zm-2.11-2.184h-11.47v2h11.47v-2Zm44.309 9.51-.964-.267v.002l.964.265Zm-13.246 48.248-.964-.265-.012.043-.008.043.984.179Zm13.246 0-.964-.267-.001.004.965.263Zm4.144-14.948v-1h-.761l-.203.733.964.267Zm18.574 0 .966-.258-.198-.742h-.768v1Zm3.996 14.948-.966.258.001.005.965-.263Zm13.32 0 .984-.179-.008-.043-.011-.041-.965.263ZM345.45 9.568l.965-.263-.002-.006-.963.269Zm-12.21 3.626.965-.263-.004-.015-.005-.016-.956.294Zm5.032 18.5v1h1.308l-.343-1.263-.965.263Zm-12.506 0-.966-.259-.337 1.259h1.303v-1Zm4.958-18.5-.956-.294-.005.017-.005.018.966.259Zm1.258-13.58c-2.367 0-4.302.04-5.892.241-1.595.202-2.923.573-4.036 1.286-2.241 1.435-3.294 4.055-4.43 8.16l1.928.534c1.158-4.183 2.066-6.04 3.58-7.01.765-.49 1.764-.803 3.209-.985 1.451-.183 3.271-.226 5.641-.226v-2Zm-14.358 9.69L304.378 57.55l1.928.53 13.246-48.248-1.928-.53Zm-13.266 48.333c-.1.551-.072 1.208.373 1.727.439.512 1.068.636 1.573.636v-2a.81.81 0 0 1-.155-.015s.012.004.032.017c.01.007.022.015.033.025a.306.306 0 0 1 .065.076.384.384 0 0 1 .02.037c.01.023.013.037.013.036a.166.166 0 0 1-.002-.046.918.918 0 0 1 .016-.135l-1.968-.358ZM306.304 60h11.322v-2h-11.322v2Zm11.322 0c.252 0 .537-.034.815-.16.295-.135.511-.342.664-.572.141-.21.225-.435.283-.614.059-.179.114-.388.165-.575l-1.93-.526c-.06.22-.097.363-.136.482-.039.119-.056.14-.046.123a.441.441 0 0 1 .17-.14c.07-.03.096-.018.015-.018v2Zm1.926-1.917 4.144-14.948-1.928-.534-4.144 14.948 1.928.534Zm3.18-14.215h18.574v-2h-18.574v2Zm17.608-.742 3.996 14.948 1.932-.516-3.996-14.948-1.932.516Zm3.997 14.953c.099.362.233.862.521 1.24.169.222.391.408.676.53.271.116.549.151.804.151v-2c-.078 0-.069-.011-.019.01.063.027.109.07.13.097.01.013-.009-.008-.048-.111a5.63 5.63 0 0 1-.134-.443l-1.93.526ZM346.338 60h11.322v-2h-11.322v2Zm11.322 0c.505 0 1.134-.124 1.573-.636.445-.519.473-1.176.373-1.727l-1.968.358a.92.92 0 0 1 .016.135.166.166 0 0 1-.002.046s.003-.013.013-.036a.245.245 0 0 1 .02-.037.41.41 0 0 1 .064-.075.282.282 0 0 1 .033-.026c.02-.013.033-.017.033-.017s-.012.004-.039.008a.81.81 0 0 1-.116.007v2Zm1.927-2.447L346.415 9.305l-1.93.526 13.172 48.248 1.93-.526ZM346.413 9.299c-1.135-4.063-2.169-6.684-4.408-8.128-1.113-.719-2.445-1.097-4.055-1.305-1.605-.207-3.563-.252-5.968-.252v2c2.405 0 4.248.047 5.712.236 1.459.188 2.462.508 3.227 1.001 1.517.979 2.407 2.835 3.566 6.986l1.926-.538Zm-14.505 3.711c.216 0 .306.014.335.021.005.001-.061-.017-.126-.083-.048-.048-.043-.07-.001.032.043.107.09.254.168.508l1.912-.588c-.07-.227-.144-.468-.228-.674a2.035 2.035 0 0 0-.437-.692c-.49-.49-1.138-.524-1.623-.524v2Zm.367.447 5.032 18.5 1.93-.526-5.032-18.5-1.93.526Zm5.997 17.237h-12.506v2h12.506v-2Zm-11.54 1.259 4.958-18.5-1.932-.518-4.958 18.5 1.932.518Zm4.948-18.465a8.34 8.34 0 0 1 .17-.52c.045-.113.055-.102.017-.06a.415.415 0 0 1-.172.114c-.008.002.04-.012.213-.012v-2c-.449 0-1.068.046-1.532.565-.195.218-.31.464-.387.663-.079.199-.15.433-.221.662l1.912.588Zm71.828 20.056-.819.574 1.819 2.596v-3.17h-1ZM382.566 3.648l-.827.562.008.012.819-.574Zm-.666 21.904.82-.572-1.82-2.61v3.182h1Zm21.83 31.302-.821.572.007.01.814-.582Zm.888-56.796c-.574 0-1.152.179-1.573.642-.407.447-.537 1.018-.537 1.542h2c0-.216.054-.237.017-.197a.12.12 0 0 1-.035.028.388.388 0 0 1 .128-.015v-2Zm-2.11 2.184v31.302h2V2.242h-2Zm1.819 30.728L383.385 3.074l-1.638 1.148 20.942 29.896 1.638-1.148ZM383.392 3.086c-.587-.864-1.132-1.72-2.002-2.271-.904-.573-2.031-.757-3.634-.757v2c1.504 0 2.154.186 2.563.446.443.28.749.72 1.42 1.706l1.653-1.124ZM377.756.058h-8.436v2h8.436v-2Zm-8.436 0c-.574 0-1.152.179-1.573.642-.407.447-.537 1.018-.537 1.542h2c0-.216.054-.237.017-.197a.12.12 0 0 1-.035.028.388.388 0 0 1 .128-.015v-2Zm-2.11 2.184v55.5h2v-55.5h-2Zm0 55.5c0 .555.111 1.166.537 1.635.446.49 1.048.623 1.573.623v-2a.524.524 0 0 1-.156-.016l.021.012a.223.223 0 0 1 .042.035c.028.03.024.044.012.004a1.116 1.116 0 0 1-.029-.293h-2ZM369.32 60h11.47v-2h-11.47v2Zm11.47 0c.525 0 1.126-.133 1.572-.623.426-.47.538-1.08.538-1.635h-2a1.1 1.1 0 0 1-.03.293c-.012.04-.016.027.012-.004a.227.227 0 0 1 .042-.035c.014-.01.022-.012.021-.012a.535.535 0 0 1-.155.016v2Zm2.11-2.258v-32.19h-2v32.19h2Zm-1.821-31.618 21.83 31.302 1.641-1.144-21.83-31.302-1.641 1.144Zm21.837 31.311c.603.845 1.251 1.52 2.114 1.964.86.442 1.832.601 2.992.601v-2c-.987 0-1.606-.137-2.078-.38-.469-.24-.894-.638-1.401-1.347l-1.627 1.162ZM408.022 60h8.066v-2h-8.066v2Zm8.066 0c.525 0 1.126-.133 1.572-.623.426-.47.538-1.08.538-1.635h-2a1.1 1.1 0 0 1-.03.293c-.012.04-.016.027.012-.004a.227.227 0 0 1 .042-.035c.014-.01.022-.012.021-.012a.535.535 0 0 1-.155.016v2Zm2.11-2.258v-55.5h-2v55.5h2Zm0-55.5c0-.524-.131-1.095-.538-1.542-.421-.463-.998-.642-1.572-.642v2c.086 0 .123.013.127.015a.12.12 0 0 1-.035-.028c-.037-.04.018-.02.018.197h2Zm-2.11-2.184h-11.47v2h11.47v-2Z'/%3e%3c/svg%3e");
    --faction-name-klingon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='531' height='74' fill='none' viewBox='0 0 531 74'%3e%3cpath fill='%23FFC7A8' d='m35.594 1.798-.768-.64-.026.03-.022.032.816.578Zm-17.02 24.05h-1v3.144l1.816-2.566-.816-.578Zm0 4.884.83-.559-1.83-2.714v3.273h1Zm18.5 27.454.868-.496-.018-.032-.02-.03-.83.558Zm15.54-1.184-.826.564.004.005.822-.569ZM32.56 27.624l-.815-.58-.404.568.393.576.826-.564Zm17.908-25.16.815.58.015-.021.014-.022-.844-.537ZM37.148.058c-1 0-1.787.458-2.322 1.1l1.536 1.28c.205-.246.453-.38.786-.38v-2Zm-2.37 1.162-17.02 24.05 1.632 1.156 17.02-24.05-1.632-1.156ZM19.574 25.848V2.242h-2v23.606h2Zm0-23.606c0-.524-.13-1.095-.538-1.542-.42-.463-.998-.642-1.572-.642v2c.086 0 .123.013.128.015 0 0-.017-.008-.035-.028-.037-.04.017-.02.017.197h2ZM17.464.058H5.994v2h11.47v-2Zm-11.47 0C5.42.058 4.843.237 4.422.7c-.407.447-.538 1.018-.538 1.542h2c0-.216.054-.237.017-.197-.017.02-.035.028-.035.028a.391.391 0 0 1 .128-.015v-2Zm-2.11 2.184v55.574h2V2.242h-2Zm0 55.574c0 .538.12 1.132.553 1.587.443.465 1.033.597 1.557.597v-2a.556.556 0 0 1-.162-.017c-.004-.001.023.009.054.04.029.031.03.05.023.025a.827.827 0 0 1-.025-.232h-2ZM5.994 60h11.47v-2H5.994v2Zm11.47 0c.524 0 1.114-.132 1.557-.597.433-.455.553-1.05.553-1.587h-2a.83.83 0 0 1-.025.232c-.007.025-.006.006.023-.024.03-.032.058-.042.054-.04a.556.556 0 0 1-.162.016v2Zm2.11-2.184V30.732h-2v27.084h2Zm-1.83-26.525 18.5 27.454 1.66-1.118-18.5-27.454-1.66 1.118Zm18.462 27.391c.519.908 1.498 1.318 2.496 1.318v-2c-.482 0-.687-.182-.76-.31l-1.736.992ZM38.702 60h12.654v-2H38.702v2Zm12.654 0c1.049 0 2.163-.26 2.56-1.275.181-.466.13-.929.022-1.291a3.61 3.61 0 0 0-.502-1.001l-1.644 1.138c.129.186.2.335.23.435.03.102-.003.079.03-.008.044-.112.117-.125.046-.095-.093.04-.315.097-.742.097v2Zm2.084-3.562L33.386 27.06l-1.652 1.128 20.054 29.378 1.652-1.128ZM33.375 28.204l17.908-25.16-1.63-1.16-17.908 25.16 1.63 1.16ZM51.312 3c.14-.222.289-.477.39-.739.095-.243.205-.632.095-1.057-.13-.499-.492-.808-.875-.966-.342-.142-.735-.181-1.12-.181v2c.131 0 .225.007.289.017.065.01.082.018.068.013a.454.454 0 0 1-.144-.106.623.623 0 0 1-.154-.275.488.488 0 0 1-.015-.186c.003-.022.006-.018-.009.018a1.402 1.402 0 0 1-.073.154 3.968 3.968 0 0 1-.14.234L51.312 3ZM49.802.058H37.148v2h12.654v-2Zm25.605 47.028h-1v1h1v-1ZM62.827.058c-.575 0-1.152.179-1.573.642-.407.447-.537 1.018-.537 1.542h2c0-.216.054-.237.017-.197-.018.02-.035.028-.035.028a.39.39 0 0 1 .128-.015v-2Zm-2.11 2.184v55.574h2V2.242h-2Zm0 55.574c0 .538.12 1.132.553 1.587.443.465 1.032.597 1.557.597v-2a.555.555 0 0 1-.163-.017c-.003-.001.024.009.054.04s.03.05.023.025a.825.825 0 0 1-.024-.232h-2ZM62.827 60H98.42v-2H62.827v2Zm35.594 0c.524 0 1.1-.132 1.54-.57.438-.44.57-1.016.57-1.54h-2a.578.578 0 0 1-.019.17c-.002.008.004-.015.034-.045.03-.03.053-.036.044-.033a.574.574 0 0 1-.17.018v2Zm2.11-2.11v-9.694h-2v9.694h2Zm0-9.694c0-.524-.132-1.1-.57-1.54-.44-.438-1.016-.57-1.54-.57v2c.104 0 .155.013.169.018.009.003-.014-.004-.044-.033-.03-.03-.037-.053-.034-.044a.578.578 0 0 1 .019.169h2Zm-2.11-2.11H75.407v2H98.42v-2Zm-22.014 1V2.242h-2v44.844h2Zm0-44.844c0-.524-.131-1.095-.538-1.542-.421-.463-.998-.642-1.572-.642v2c.086 0 .123.013.127.015 0 0-.017-.008-.035-.028-.037-.04.018-.02.018.197h2ZM74.297.058h-11.47v2h11.47v-2Zm36.835 0c-.574 0-1.151.179-1.573.642-.406.447-.537 1.018-.537 1.542h2c0-.216.054-.237.017-.197a.12.12 0 0 1-.035.028.388.388 0 0 1 .128-.015v-2Zm-2.11 2.184v55.5h2v-55.5h-2Zm0 55.5c0 .555.111 1.166.537 1.635.446.49 1.048.623 1.573.623v-2a.527.527 0 0 1-.155-.016c-.002 0 .007.003.02.012a.195.195 0 0 1 .042.035c.028.03.024.044.013.004a1.1 1.1 0 0 1-.03-.293h-2Zm2.11 2.258h11.47v-2h-11.47v2Zm11.47 0c.525 0 1.127-.133 1.572-.623.427-.47.538-1.08.538-1.635h-2a1.1 1.1 0 0 1-.03.293c-.012.04-.015.027.012-.004a.227.227 0 0 1 .042-.035c.014-.01.022-.012.021-.012a.535.535 0 0 1-.155.016v2Zm2.11-2.258v-55.5h-2v55.5h2Zm0-55.5c0-.524-.131-1.095-.538-1.542-.421-.463-.998-.642-1.572-.642v2c.086 0 .123.013.127.015.001 0-.017-.008-.035-.028-.036-.04.018-.02.018.197h2Zm-2.11-2.184h-11.47v2h11.47v-2Zm50.644 33.486-.819.574 1.819 2.596v-3.17h-1ZM152.304 3.648l-.827.562.008.012.819-.574Zm-.666 21.904.82-.572-1.82-2.61v3.182h1Zm21.83 31.302-.82.572.006.01.814-.582Zm.888-56.796c-.574 0-1.151.179-1.572.642-.407.447-.538 1.018-.538 1.542h2c0-.216.054-.237.018-.197a.117.117 0 0 1-.036.028.383.383 0 0 1 .128-.015v-2Zm-2.11 2.184v31.302h2V2.242h-2Zm1.819 30.728L153.123 3.074l-1.638 1.148 20.942 29.896 1.638-1.148ZM153.131 3.086c-.587-.864-1.133-1.72-2.003-2.271-.904-.573-2.03-.757-3.634-.757v2c1.505 0 2.154.186 2.564.446.443.28.748.72 1.419 1.706l1.654-1.124ZM147.494.058h-8.436v2h8.436v-2Zm-8.436 0c-.574 0-1.151.179-1.572.642-.407.447-.538 1.018-.538 1.542h2c0-.216.054-.237.018-.197a.117.117 0 0 1-.036.028.383.383 0 0 1 .128-.015v-2Zm-2.11 2.184v55.5h2v-55.5h-2Zm0 55.5c0 .555.111 1.166.538 1.635.445.49 1.047.623 1.572.623v-2a.535.535 0 0 1-.155-.016l.021.012a.223.223 0 0 1 .042.035c.027.03.024.044.012.004a1.1 1.1 0 0 1-.03-.293h-2Zm2.11 2.258h11.47v-2h-11.47v2Zm11.47 0c.525 0 1.127-.133 1.573-.623.426-.47.537-1.08.537-1.635h-2a1.1 1.1 0 0 1-.03.293c-.011.04-.015.027.013-.004a.199.199 0 0 1 .042-.035c.013-.01.022-.012.02-.012a.527.527 0 0 1-.155.016v2Zm2.11-2.258v-32.19h-2v32.19h2Zm-1.82-31.618 21.83 31.302 1.64-1.144-21.83-31.302-1.64 1.144Zm21.836 31.311c.604.845 1.252 1.52 2.115 1.964.86.442 1.831.601 2.991.601v-2c-.986 0-1.605-.137-2.077-.38-.47-.24-.895-.638-1.401-1.347l-1.628 1.162ZM177.76 60h8.066v-2h-8.066v2Zm8.066 0c.525 0 1.127-.133 1.573-.623.426-.47.537-1.08.537-1.635h-2a1.1 1.1 0 0 1-.03.293c-.011.04-.015.027.013-.004a.199.199 0 0 1 .042-.035c.013-.01.022-.012.02-.012a.527.527 0 0 1-.155.016v2Zm2.11-2.258v-55.5h-2v55.5h2Zm0-55.5c0-.524-.131-1.095-.537-1.542-.422-.463-.999-.642-1.573-.642v2c.086 0 .124.013.128.015a.12.12 0 0 1-.035-.028c-.037-.04.017-.02.017.197h2Zm-2.11-2.184h-11.47v2h11.47v-2Zm58.53 54.206-.814-.581-.023.032-.02.034.857.515Zm-12.358-6.808v1h1v-1h-1Zm8.362-45.51.282-.96-.022-.006-.022-.005-.238.971ZM223.784-.386c-9.709 0-16.23 1.64-20.226 6.507-3.939 4.8-5.194 12.484-5.194 23.871h2c0-11.405 1.298-18.41 4.74-22.601 3.386-4.124 9.075-5.777 18.68-5.777v-2Zm-25.42 30.378c0 11.35 1.255 19.035 5.194 23.842 3.995 4.876 10.515 6.536 20.226 6.536v-2c-9.603 0-15.293-1.67-18.679-5.803-3.443-4.203-4.741-11.208-4.741-22.575h-2Zm25.42 30.378c5.169 0 9.951-.542 13.691-1.473 1.868-.464 3.504-1.033 4.807-1.695 1.281-.651 2.346-1.447 2.932-2.423l-1.715-1.03c-.303.504-.976 1.087-2.124 1.67-1.125.573-2.607 1.096-4.383 1.538-3.549.882-8.165 1.413-13.208 1.413v2Zm21.386-5.525c.231-.323.42-.651.524-1.126.091-.415.106-.905.106-1.527h-2c0 .636-.021.923-.06 1.1-.026.117-.058.196-.198.39l1.628 1.163Zm.63-2.653V31.768h-2v20.424h2Zm0-20.424c0-.523-.13-1.091-.509-1.547-.402-.482-.978-.711-1.601-.711v2c.068 0 .092.012.088.01a.083.083 0 0 1-.024-.018c-.009-.012.046.05.046.266h2Zm-2.11-2.258h-10.582v2h10.582v-2Zm-10.582 0c-.622 0-1.199.23-1.601.711-.379.456-.509 1.024-.509 1.547h2c0-.217.055-.278.046-.266a.083.083 0 0 1-.024.018c-.004.002.02-.01.088-.01v-2Zm-2.11 2.258v15.688h2V31.768h-2Zm1 14.688h-8.214v2h8.214v-2Zm-8.214 0c-2.174 0-3.802-.258-5.038-.786-1.206-.514-2.082-1.303-2.739-2.47-.674-1.195-1.134-2.82-1.419-5.02-.284-2.193-.386-4.89-.386-8.188h-2c0 3.324.102 6.123.403 8.445.3 2.318.806 4.23 1.659 5.745.869 1.543 2.079 2.637 3.697 3.328 1.587.677 3.52.946 5.823.946v-2Zm-9.582-16.464c0-3.317.102-6.023.386-8.22.285-2.202.745-3.824 1.418-5.015.656-1.16 1.531-1.943 2.736-2.452 1.237-.523 2.867-.777 5.042-.777v-2c-2.302 0-4.233.264-5.82.934-1.618.684-2.829 1.77-3.699 3.311-.854 1.51-1.36 3.422-1.66 5.743-.301 2.326-.403 5.133-.403 8.476h2Zm9.582-16.464h17.39v-2h-17.39v2Zm17.39 0c.524 0 1.101-.132 1.54-.57.438-.44.57-1.016.57-1.54h-2a.565.565 0 0 1-.018.17c-.003.008.004-.015.033-.045.03-.03.054-.036.044-.033a.562.562 0 0 1-.169.018v2Zm2.11-2.11V4.24h-2v7.178h2Zm0-7.178c0-.89-.203-1.658-.764-2.25-.519-.55-1.228-.812-1.878-1.003l-.564 1.918c.608.18.862.324.989.459.087.092.217.286.217.876h2ZM240.598.975c-3.754-.92-11.778-1.361-16.814-1.361v2c5.029 0 12.84.447 16.338 1.303l.476-1.942Zm39.373-1.361c-9.679 0-16.247 1.68-20.305 6.568-4.005 4.824-5.337 12.525-5.337 23.884h2c0-11.36 1.37-18.384 4.876-22.606 3.453-4.16 9.206-5.846 18.766-5.846v-2Zm-25.642 30.452c0 11.286 1.332 18.95 5.338 23.756 4.058 4.867 10.625 6.548 20.304 6.548v-2c-9.56 0-15.314-1.686-18.767-5.829-3.505-4.203-4.875-11.19-4.875-22.475h-2Zm25.642 30.304c9.68 0 16.264-1.68 20.34-6.546 4.026-4.806 5.376-12.47 5.376-23.758h-2c0 11.282-1.387 18.27-4.909 22.474-3.472 4.144-9.246 5.83-18.807 5.83v2Zm25.716-30.304c0-11.36-1.35-19.062-5.375-23.886-4.076-4.885-10.661-6.566-20.341-6.566v2c9.561 0 15.334 1.686 18.806 5.847 3.522 4.223 4.91 11.248 4.91 22.605h2Zm-25.716-16.538c2.172 0 3.816.262 5.075.798 1.23.523 2.136 1.325 2.82 2.505.699 1.207 1.185 2.842 1.49 5.044.304 2.197.419 4.895.419 8.191h2c0-3.327-.115-6.133-.438-8.465-.322-2.329-.858-4.25-1.741-5.773-.897-1.549-2.133-2.647-3.768-3.343-1.606-.683-3.551-.957-5.857-.957v2Zm9.804 16.538c0 3.258-.115 5.929-.419 8.105-.304 2.18-.79 3.8-1.488 4.998-.684 1.17-1.589 1.969-2.821 2.491-1.26.534-2.904.796-5.076.796v2c2.306 0 4.251-.274 5.856-.955 1.634-.692 2.869-1.785 3.768-3.324.883-1.513 1.42-3.422 1.742-5.73.323-2.312.438-5.09.438-8.381h-2Zm-9.804 16.39c-2.151 0-3.786-.262-5.043-.796-1.229-.522-2.138-1.321-2.826-2.493-.703-1.198-1.195-2.82-1.505-4.999-.309-2.175-.43-4.845-.43-8.102h-2c0 3.292.121 6.07.45 8.384.328 2.309.872 4.217 1.76 5.729.903 1.538 2.14 2.63 3.769 3.322 1.602.68 3.537.955 5.825.955v-2Zm-9.804-16.39c0-3.294.121-5.992.43-8.189.31-2.201.802-3.836 1.506-5.044.689-1.18 1.598-1.984 2.826-2.507 1.256-.536 2.891-.798 5.042-.798v-2c-2.288 0-4.224.274-5.826.958-1.63.695-2.867 1.793-3.769 3.34-.887 1.521-1.431 3.443-1.759 5.772-.329 2.334-.45 5.14-.45 8.468h2Zm82.249 3.478-.819.574 1.819 2.596v-3.17h-1ZM331.474 3.648l-.827.562.008.012.819-.574Zm-.666 21.904.82-.572-1.82-2.61v3.182h1Zm21.83 31.302-.821.572.007.01.814-.582Zm.888-56.796c-.574 0-1.152.179-1.573.642-.406.447-.537 1.018-.537 1.542h2c0-.216.054-.237.017-.197a.12.12 0 0 1-.035.028.388.388 0 0 1 .128-.015v-2Zm-2.11 2.184v31.302h2V2.242h-2Zm1.819 30.728L332.293 3.074l-1.638 1.148 20.942 29.896 1.638-1.148ZM332.301 3.086c-.587-.864-1.133-1.72-2.003-2.271-.904-.573-2.031-.757-3.634-.757v2c1.504 0 2.154.186 2.563.446.443.28.749.72 1.42 1.706l1.654-1.124ZM326.664.058h-8.436v2h8.436v-2Zm-8.436 0c-.574 0-1.152.179-1.573.642-.406.447-.537 1.018-.537 1.542h2c0-.216.054-.237.017-.197a.12.12 0 0 1-.035.028.388.388 0 0 1 .128-.015v-2Zm-2.11 2.184v55.5h2v-55.5h-2Zm0 55.5c0 .555.111 1.166.537 1.635.446.49 1.048.623 1.573.623v-2a.524.524 0 0 1-.156-.016c-.001 0 .008.003.021.012a.195.195 0 0 1 .042.035c.028.03.024.044.013.004a1.1 1.1 0 0 1-.03-.293h-2Zm2.11 2.258h11.47v-2h-11.47v2Zm11.47 0c.525 0 1.127-.133 1.572-.623.427-.47.538-1.08.538-1.635h-2a1.1 1.1 0 0 1-.03.293c-.012.04-.015.027.012-.004a.227.227 0 0 1 .042-.035c.014-.01.022-.012.021-.012a.535.535 0 0 1-.155.016v2Zm2.11-2.258v-32.19h-2v32.19h2Zm-1.82-31.618 21.83 31.302 1.64-1.144-21.83-31.302-1.64 1.144Zm21.836 31.311c.604.845 1.252 1.52 2.114 1.964.86.442 1.832.601 2.992.601v-2c-.987 0-1.606-.137-2.078-.38-.469-.24-.894-.638-1.401-1.347l-1.627 1.162ZM356.93 60h8.066v-2h-8.066v2Zm8.066 0c.525 0 1.127-.133 1.572-.623.427-.47.538-1.08.538-1.635h-2a1.1 1.1 0 0 1-.03.293c-.012.04-.015.027.012-.004a.227.227 0 0 1 .042-.035c.014-.01.022-.012.021-.012a.535.535 0 0 1-.155.016v2Zm2.11-2.258v-55.5h-2v55.5h2Zm0-55.5c0-.524-.131-1.095-.538-1.542-.421-.463-.998-.642-1.572-.642v2c.086 0 .123.013.127.015.001 0-.017-.008-.035-.028-.036-.04.018-.02.018.197h2Zm-2.11-2.184h-11.47v2h11.47v-2Z'/%3e%3c/svg%3e");
    --faction-name-federation: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='531' height='74' fill='none' viewBox='0 0 531 74'%3e%3cpath fill='%23AFF' d='M18.574 35.912v-1h-1v1h1Zm0-11.322h-1v1h1v-1Zm0-11.618v-1h-1v1h1ZM5.994.058C5.42.058 4.843.237 4.422.7c-.407.447-.538 1.018-.538 1.542h2c0-.216.054-.237.017-.197-.017.02-.035.028-.035.028a.391.391 0 0 1 .128-.015v-2Zm-2.11 2.184v55.574h2V2.242h-2Zm0 55.574c0 .538.12 1.132.553 1.587.443.465 1.033.597 1.557.597v-2a.556.556 0 0 1-.162-.017c-.004-.001.023.009.054.04.029.031.03.05.023.025a.827.827 0 0 1-.025-.232h-2ZM5.994 60h11.47v-2H5.994v2Zm11.47 0c.524 0 1.114-.132 1.557-.597.433-.455.553-1.05.553-1.587h-2a.83.83 0 0 1-.025.232c-.007.025-.006.006.023-.024.03-.032.058-.042.054-.04a.556.556 0 0 1-.162.016v2Zm2.11-2.184V35.912h-2v21.904h2Zm-1-20.904h21.608v-2H18.574v2Zm21.608 0c.524 0 1.095-.13 1.542-.538.463-.42.642-.998.642-1.572h-2a.39.39 0 0 1-.015.128s.008-.017.028-.035c.04-.037.02.017-.197.017v2Zm2.184-2.11V25.7h-2v9.102h2Zm0-9.102c0-.574-.179-1.151-.642-1.572-.447-.407-1.018-.538-1.542-.538v2c.216 0 .237.054.197.017-.02-.017-.028-.035-.028-.035a.39.39 0 0 1 .015.128h2Zm-2.184-2.11H18.574v2h21.608v-2Zm-20.608 1V12.972h-2V24.59h2Zm-1-10.618h23.754v-2H18.574v2Zm23.754 0c.524 0 1.095-.13 1.542-.538.463-.42.642-.998.642-1.572h-2a.39.39 0 0 1-.015.128s.008-.018.028-.035c.04-.037.02.017-.197.017v2Zm2.184-2.11V2.168h-2v9.694h2Zm0-9.694c0-.574-.179-1.151-.642-1.572-.447-.407-1.018-.538-1.542-.538v2c.216 0 .237.054.197.017-.02-.017-.028-.035-.028-.035a.389.389 0 0 1 .015.128h2ZM42.328.058H5.994v2h36.334v-2Zm25.996 47.028h-1v1h1v-1Zm0-11.174v-1h-1v1h1Zm0-11.396h-1v1h1v-1Zm0-11.544v-1h-1v1h1ZM55.745.058c-.574 0-1.15.179-1.572.642-.407.447-.537 1.018-.537 1.542h2c0-.216.054-.237.017-.197-.018.02-.035.028-.035.028a.39.39 0 0 1 .128-.015v-2Zm-2.11 2.184v55.574h2V2.242h-2Zm0 55.574c0 .538.12 1.132.554 1.587.443.465 1.032.597 1.556.597v-2a.556.556 0 0 1-.162-.017c-.003-.001.024.009.054.04s.03.05.023.025a.824.824 0 0 1-.024-.232h-2ZM55.745 60h38.332v-2H55.745v2Zm38.332 0c.524 0 1.095-.13 1.543-.538.463-.42.641-.998.641-1.572h-2a.395.395 0 0 1-.014.128s.008-.017.027-.035c.04-.037.02.017-.197.017v2Zm2.184-2.11v-9.694h-2v9.694h2Zm0-9.694c0-.574-.178-1.151-.641-1.572-.448-.407-1.019-.538-1.543-.538v2c.217 0 .238.054.197.017-.02-.017-.027-.035-.027-.035a.395.395 0 0 1 .014.128h2Zm-2.184-2.11H68.325v2h25.751v-2Zm-24.751 1V35.912h-2v11.174h2Zm-1-10.174H91.93v-2H68.325v2Zm23.605 0c.524 0 1.095-.13 1.543-.538.463-.42.642-.998.642-1.572h-2a.395.395 0 0 1-.015.128s.008-.017.027-.035c.04-.037.02.017-.197.017v2Zm2.184-2.11v-9.176h-2v9.176h2Zm0-9.176c0-.574-.178-1.151-.641-1.572-.448-.407-1.019-.538-1.543-.538v2c.217 0 .238.054.197.017-.02-.018-.027-.035-.027-.035a.395.395 0 0 1 .015.128h2Zm-2.184-2.11H68.325v2H91.93v-2Zm-22.606 1V12.972h-2v11.544h2Zm-1-10.544h25.752v-2H68.325v2Zm25.752 0c.524 0 1.095-.13 1.543-.538.463-.42.641-.998.641-1.572h-2a.395.395 0 0 1-.014.128s.008-.018.027-.035c.04-.037.02.017-.197.017v2Zm2.184-2.11V2.168h-2v9.694h2Zm0-9.694c0-.574-.178-1.151-.641-1.572-.45-.407-1.02-.538-1.544-.538v2c.217 0 .238.054.197.017-.02-.017-.027-.035-.027-.035a.394.394 0 0 1 .014.128h2ZM94.076.058H55.745v2h38.331v-2Zm14.888 1.444-.082-.997h-.001l.083.997Zm0 56.98-.083.996h.001l.082-.996Zm12.58-11.026h-1v1h1v-1Zm0-34.928v-1h-1v1h1Zm9.398-12.914c-7.575 0-14.78.297-22.06.891l.163 1.994c7.225-.59 14.376-.885 21.897-.885v-2Zm-22.061.891c-.445.038-1.049.12-1.492.538-.489.462-.535 1.082-.535 1.495h2a1.433 1.433 0 0 1 .013-.198.423.423 0 0 1-.105.158c-.065.061-.112.066-.064.053a.993.993 0 0 1 .121-.026 3.1 3.1 0 0 1 .228-.026l-.166-1.994Zm-2.027 2.033v55.056h2V2.538h-2Zm0 55.056c0 .393.053 1.024.608 1.455.239.187.503.277.722.33.22.052.46.08.697.1l.166-1.993a5.09 5.09 0 0 1-.251-.027 1.688 1.688 0 0 1-.149-.026c-.072-.017-.03-.02.043.038a.531.531 0 0 1 .165.228c.007.022.006.027.004.007a.848.848 0 0 1-.005-.112h-2Zm2.028 1.885c7.28.594 14.485.891 22.06.891v-2c-7.521 0-14.672-.295-21.897-.885l-.163 1.994Zm22.06.891c9.028 0 15.506-2.203 19.679-7.264 4.131-5.013 5.815-12.617 5.815-22.966h-2c0 10.222-1.683 17.234-5.359 21.694-3.635 4.41-9.403 6.536-18.135 6.536v2Zm25.494-30.23c0-10.459-1.684-18.135-5.812-23.193-4.172-5.11-10.652-7.333-19.682-7.333v2c8.729 0 14.497 2.144 18.132 6.598 3.679 4.506 5.362 11.593 5.362 21.928h2ZM130.72 13.528c1.89 0 3.407.315 4.627.92 1.209.6 2.181 1.51 2.951 2.794 1.572 2.62 2.3 6.784 2.3 12.898h2c0-6.17-.715-10.811-2.585-13.927-.95-1.584-2.198-2.773-3.778-3.557-1.568-.777-3.409-1.128-5.515-1.128v2Zm9.878 16.612c0 6.041-.71 10.132-2.245 12.695-.751 1.255-1.699 2.142-2.88 2.725-1.192.59-2.677.896-4.531.896v2c2.067 0 3.876-.34 5.417-1.103 1.553-.767 2.778-1.933 3.71-3.49 1.833-3.061 2.529-7.629 2.529-13.723h-2Zm-9.656 16.316h-9.398v2h9.398v-2Zm-8.398 1V12.528h-2v34.928h2Zm-1-33.928h9.176v-2h-9.176v2Zm59.868 33.558h-1v1h1v-1Zm0-11.174v-1h-1v1h1Zm0-11.396h-1v1h1v-1Zm0-11.544v-1h-1v1h1ZM168.832.058c-.574 0-1.152.179-1.573.642-.407.447-.537 1.018-.537 1.542h2c0-.216.054-.237.017-.197a.12.12 0 0 1-.035.028.388.388 0 0 1 .128-.015v-2Zm-2.11 2.184v55.574h2V2.242h-2Zm0 55.574c0 .538.12 1.132.553 1.587.443.465 1.032.597 1.557.597v-2a.56.56 0 0 1-.163-.017c-.003-.001.024.009.054.04.029.031.031.05.023.025a.842.842 0 0 1-.024-.232h-2Zm2.11 2.184h38.332v-2h-38.332v2Zm38.332 0c.523 0 1.094-.13 1.542-.538.463-.42.642-.998.642-1.572h-2a.373.373 0 0 1-.015.128s.008-.017.027-.035c.041-.037.02.017-.196.017v2Zm2.184-2.11v-9.694h-2v9.694h2Zm0-9.694c0-.574-.179-1.151-.642-1.572-.448-.407-1.019-.538-1.542-.538v2c.216 0 .237.054.196.017a.116.116 0 0 1-.027-.035.373.373 0 0 1 .015.128h2Zm-2.184-2.11h-25.752v2h25.752v-2Zm-24.752 1V35.912h-2v11.174h2Zm-1-10.174h23.606v-2h-23.606v2Zm23.606 0c.523 0 1.094-.13 1.542-.538.463-.42.642-.998.642-1.572h-2a.373.373 0 0 1-.015.128s.008-.017.027-.035c.041-.037.02.017-.196.017v2Zm2.184-2.11v-9.176h-2v9.176h2Zm0-9.176c0-.574-.179-1.151-.642-1.572-.448-.407-1.019-.538-1.542-.538v2c.216 0 .237.054.196.017-.019-.018-.027-.035-.027-.035a.373.373 0 0 1 .015.128h2Zm-2.184-2.11h-23.606v2h23.606v-2Zm-22.606 1V12.972h-2v11.544h2Zm-1-10.544h25.752v-2h-25.752v2Zm25.752 0c.523 0 1.094-.13 1.542-.538.463-.42.642-.998.642-1.572h-2a.373.373 0 0 1-.015.128s.008-.018.027-.035c.041-.037.02.017-.196.017v2Zm2.184-2.11V2.168h-2v9.694h2Zm0-9.694c0-.574-.179-1.151-.642-1.572-.448-.407-1.019-.538-1.542-.538v2c.216 0 .237.054.196.017a.116.116 0 0 1-.027-.035.373.373 0 0 1 .015.128h2Zm-2.184-2.11h-38.332v2h38.332v-2Zm14.887 1.444-.081-.997h-.002l.083.997Zm12.58 36.852v-1h-1v1h1Zm4.736 0 .844-.536-.294-.464h-.55v1Zm12.062 19.018-.845.536.007.01.006.009.832-.555Zm15.392.148-.847.531.018.03.02.027.809-.588Zm-12.58-20.054-.215-.977-1.387.306.755 1.202.847-.531Zm-19.61-9.324h-1v1h1v-1Zm0-15.614v-1h-1v1h1Zm9.102-12.914c-7.057 0-14.484.297-21.763.891l.162 1.994c7.225-.59 14.598-.885 21.601-.885v-2Zm-21.765.891c-.445.038-1.049.12-1.492.538-.488.462-.535 1.082-.535 1.495h2c0-.069.003-.118.006-.153a.237.237 0 0 1 .007-.045.423.423 0 0 1-.105.158c-.065.061-.112.066-.064.053a.978.978 0 0 1 .122-.026 3 3 0 0 1 .227-.026l-.166-1.994Zm-2.027 2.033v55.278h2V2.538h-2Zm0 55.278c0 .461.028 1.146.496 1.64.488.515 1.179.544 1.614.544v-2c-.092 0-.162-.003-.216-.008a.645.645 0 0 1-.093-.013c-.01-.002.006 0 .036.017a.436.436 0 0 1 .111.085c.079.084.086.151.077.109a.868.868 0 0 1-.017-.126 3.256 3.256 0 0 1-.008-.248h-2Zm2.11 2.184h11.47v-2h-11.47v2Zm11.47 0c.434 0 1.126-.029 1.614-.544.468-.494.496-1.179.496-1.64h-2c0 .102-.003.183-.008.248a.868.868 0 0 1-.017.126c-.009.042-.002-.025.077-.109a.451.451 0 0 1 .11-.085c.031-.016.047-.02.037-.017a.673.673 0 0 1-.093.013 2.555 2.555 0 0 1-.216.008v2Zm2.11-2.184V38.354h-2v19.462h2Zm-1-18.462h4.736v-2h-4.736v2Zm3.891-.464 12.062 19.018 1.689-1.072-12.062-19.018-1.689 1.072Zm12.075 19.037c.374.561.79 1.134 1.426 1.526.656.405 1.421.547 2.366.547v-2c-.757 0-1.102-.117-1.316-.249-.234-.144-.446-.385-.812-.934l-1.664 1.11ZM254.389 60h11.544v-2h-11.544v2Zm11.544 0c.692 0 1.52-.205 1.945-.929.449-.767.153-1.587-.248-2.14l-1.618 1.177c.041.056.065.1.078.128.014.03.015.04.013.032-.001-.008-.005-.035.002-.076a.38.38 0 0 1 .047-.133.348.348 0 0 1 .074-.088c.019-.016.027-.017.015-.012a.477.477 0 0 1-.096.025 1.275 1.275 0 0 1-.212.016v2Zm1.735-3.011-12.58-20.054-1.694 1.062 12.58 20.054 1.694-1.062Zm-13.212-18.546c4.2-.925 7.217-2.663 9.133-5.728 1.882-3.01 2.604-7.146 2.604-12.639h-2c0 5.385-.721 9.055-2.299 11.578-1.543 2.466-4.002 3.984-7.868 4.835l.43 1.954Zm11.737-18.367c0-7.369-1.375-12.604-5.066-15.94-3.66-3.308-9.36-4.522-17.394-4.522v2c7.949 0 12.98 1.228 16.053 4.006 3.044 2.75 4.407 7.247 4.407 14.456h2Zm-23.94-6.548c3.537 0 5.442.497 6.507 1.462 1.03.933 1.521 2.537 1.521 5.53h2c0-3.075-.472-5.467-2.179-7.013-1.673-1.514-4.282-1.979-7.849-1.979v2Zm8.028 6.992c0 3.04-.495 4.52-1.489 5.345-1.061.881-2.964 1.277-6.539 1.277v2c3.529 0 6.139-.344 7.817-1.739 1.744-1.45 2.211-3.781 2.211-6.883h-2Zm-8.028 6.622h-7.622v2h7.622v-2Zm-6.622 1V12.528h-2v15.614h2Zm-1-14.614h7.622v-2h-7.622v2Zm51.799-3.96-.964-.267-.001.002.965.265Zm-13.246 48.248-.965-.265-.011.043-.008.043.984.179Zm13.246 0-.964-.267-.001.004.965.263Zm4.144-14.948v-1h-.761l-.203.733.964.267Zm18.574 0 .966-.258-.198-.742h-.768v1Zm3.996 14.948-.966.258.001.005.965-.263Zm13.32 0 .984-.179-.008-.043-.012-.041-.964.263ZM313.292 9.568l.964-.263-.001-.006-.963.269Zm-12.21 3.626.965-.263-.005-.015-.004-.016-.956.294Zm5.032 18.5v1h1.308l-.343-1.263-.965.263Zm-12.506 0-.966-.259-.338 1.259h1.304v-1Zm4.958-18.5-.956-.294-.005.017-.005.018.966.259Zm1.258-13.58c-2.367 0-4.302.04-5.892.241-1.595.202-2.923.573-4.036 1.286-2.241 1.435-3.294 4.055-4.43 8.16l1.927.534c1.158-4.183 2.067-6.04 3.581-7.01.765-.49 1.764-.803 3.209-.985 1.451-.183 3.271-.226 5.641-.226v-2Zm-14.359 9.69L272.219 57.55l1.929.53 13.246-48.248-1.929-.53ZM272.2 57.636c-.1.551-.072 1.208.372 1.727.439.512 1.068.636 1.574.636v-2a.8.8 0 0 1-.155-.015s.012.004.032.017a.3.3 0 0 1 .068.06.428.428 0 0 1 .05.078c.01.023.012.037.012.036 0 0-.002-.015-.001-.046a.918.918 0 0 1 .016-.135l-1.968-.358ZM274.146 60h11.322v-2h-11.322v2Zm11.322 0c.252 0 .536-.034.814-.16a1.58 1.58 0 0 0 .665-.572c.141-.21.225-.435.283-.614.059-.179.114-.388.164-.575l-1.929-.526c-.06.22-.098.363-.136.482-.039.119-.057.14-.046.123a.446.446 0 0 1 .17-.14c.07-.03.096-.018.015-.018v2Zm1.925-1.917 4.144-14.948-1.927-.534-4.144 14.948 1.927.534Zm3.181-14.215h18.574v-2h-18.574v2Zm17.608-.742 3.996 14.948 1.932-.516-3.996-14.948-1.932.516Zm3.997 14.953c.099.362.233.862.521 1.24.168.222.391.408.675.53.272.116.55.151.805.151v-2c-.078 0-.069-.011-.019.01.063.027.109.07.13.097.01.013-.01-.008-.048-.111a5.546 5.546 0 0 1-.135-.443l-1.929.526ZM314.18 60h11.322v-2H314.18v2Zm11.322 0c.505 0 1.134-.124 1.573-.636.445-.519.473-1.176.373-1.727l-1.968.358a.92.92 0 0 1 .016.135c.001.031-.002.045-.002.046 0 0 .002-.013.013-.036a.295.295 0 0 1 .084-.113.3.3 0 0 1 .066-.042c-.001 0-.012.004-.039.008a.821.821 0 0 1-.116.007v2Zm1.926-2.447L314.256 9.305l-1.929.526 13.172 48.248 1.929-.526ZM314.255 9.299c-1.135-4.063-2.169-6.684-4.408-8.128-1.113-.719-2.445-1.097-4.055-1.305-1.605-.207-3.563-.252-5.968-.252v2c2.405 0 4.248.047 5.712.236 1.459.188 2.462.508 3.227 1.001 1.517.979 2.406 2.835 3.566 6.986l1.926-.538ZM299.75 13.01c.216 0 .306.014.335.021.005.001-.061-.017-.127-.083-.048-.048-.042-.07 0 .032.043.107.09.254.168.508l1.912-.588c-.07-.227-.144-.468-.228-.674a2.05 2.05 0 0 0-.437-.692c-.491-.49-1.138-.524-1.623-.524v2Zm.367.447 5.032 18.5 1.93-.526-5.032-18.5-1.93.526Zm5.997 17.237h-12.506v2h12.506v-2Zm-11.54 1.259 4.958-18.5-1.932-.518-4.958 18.5 1.932.518Zm4.948-18.465c.077-.252.125-.406.17-.52.045-.113.055-.102.017-.06a.446.446 0 0 1-.172.114c-.008.002.04-.012.213-.012v-2c-.45 0-1.068.046-1.532.565-.195.218-.31.464-.388.663-.078.199-.15.433-.22.662l1.912.588Zm48.739-.516h1v-1h-1v1Zm13.69 0v-1h-1v1h1ZM333.461.058c-.524 0-1.101.132-1.539.57-.439.44-.571 1.016-.571 1.54h2a.61.61 0 0 1 .018-.17c.003-.008-.003.015-.033.045-.03.03-.053.036-.044.033a.58.58 0 0 1 .169-.018v-2Zm-2.11 2.11v9.694h2V2.168h-2Zm0 9.694c0 .524.132 1.1.571 1.54.438.438 1.015.57 1.539.57v-2a.575.575 0 0 1-.169-.018c-.009-.003.014.004.044.033.03.03.036.053.033.044a.605.605 0 0 1-.018-.169h-2Zm2.11 2.11h14.8v-2h-14.8v2Zm13.8-1v44.844h2V12.972h-2Zm0 44.844c0 .538.121 1.132.554 1.587.442.465 1.032.597 1.556.597v-2a.557.557 0 0 1-.162-.017c-.003-.001.024.009.054.04.029.031.031.05.023.025a.825.825 0 0 1-.025-.232h-2Zm2.11 2.184h11.47v-2h-11.47v2Zm11.47 0c.525 0 1.114-.132 1.557-.597.433-.455.553-1.05.553-1.587h-2a.842.842 0 0 1-.024.232c-.008.025-.006.006.023-.024.03-.032.057-.042.054-.04a.567.567 0 0 1-.163.016v2Zm2.11-2.184V12.972h-2v44.844h2Zm-1-43.844h14.874v-2h-14.874v2Zm14.874 0c.524 0 1.095-.13 1.543-.538.463-.42.641-.998.641-1.572h-2c0 .086-.013.123-.014.128 0 0 .007-.018.027-.035.041-.037.019.017-.197.017v2Zm2.184-2.11V2.168h-2v9.694h2Zm0-9.694c0-.574-.178-1.151-.641-1.572-.448-.407-1.019-.538-1.543-.538v2c.216 0 .238.054.197.017-.02-.017-.027-.035-.027-.035.001.005.014.042.014.128h2Zm-2.184-2.11h-43.364v2h43.364v-2Zm12.833 0c-.574 0-1.151.179-1.572.642-.407.447-.538 1.018-.538 1.542h2c0-.216.054-.237.017-.197a.12.12 0 0 1-.035.028.383.383 0 0 1 .128-.015v-2Zm-2.11 2.184v55.5h2v-55.5h-2Zm0 55.5c0 .555.111 1.166.538 1.635.445.49 1.047.623 1.572.623v-2a.527.527 0 0 1-.155-.016l.021.012a.218.218 0 0 1 .041.035c.028.03.025.044.013.004a1.1 1.1 0 0 1-.03-.293h-2Zm2.11 2.258h11.47v-2h-11.47v2Zm11.47 0c.525 0 1.127-.133 1.572-.623.427-.47.538-1.08.538-1.635h-2a1.1 1.1 0 0 1-.03.293c-.012.04-.015.027.013-.004a.194.194 0 0 1 .041-.035c.014-.01.022-.012.021-.012a.527.527 0 0 1-.155.016v2Zm2.11-2.258v-55.5h-2v55.5h2Zm0-55.5c0-.524-.131-1.095-.538-1.542-.421-.463-.998-.642-1.572-.642v2c.086 0 .123.013.128.015 0 0-.018-.008-.035-.028-.037-.04.017-.02.017.197h2Zm-2.11-2.184h-11.47v2h11.47v-2Zm38.212-.444c-9.679 0-16.247 1.68-20.305 6.568-4.006 4.824-5.337 12.525-5.337 23.884h2c0-11.36 1.37-18.384 4.876-22.606 3.453-4.16 9.206-5.846 18.766-5.846v-2Zm-25.642 30.452c0 11.286 1.332 18.95 5.338 23.756 4.058 4.867 10.625 6.548 20.304 6.548v-2c-9.56 0-15.314-1.686-18.768-5.829-3.504-4.203-4.874-11.19-4.874-22.475h-2ZM439.34 60.37c9.68 0 16.264-1.68 20.34-6.546 4.026-4.806 5.376-12.47 5.376-23.758h-2c0 11.282-1.388 18.27-4.909 22.474-3.472 4.144-9.246 5.83-18.807 5.83v2Zm25.716-30.304c0-11.36-1.35-19.062-5.375-23.886-4.076-4.885-10.661-6.566-20.341-6.566v2c9.561 0 15.334 1.686 18.805 5.847 3.523 4.223 4.911 11.248 4.911 22.605h2ZM439.34 13.528c2.172 0 3.815.262 5.074.798 1.231.523 2.137 1.325 2.821 2.505.699 1.207 1.185 2.842 1.49 5.044.304 2.197.419 4.895.419 8.191h2c0-3.327-.115-6.133-.438-8.465-.322-2.329-.858-4.25-1.741-5.773-.898-1.549-2.133-2.647-3.768-3.343-1.606-.683-3.551-.957-5.857-.957v2Zm9.804 16.538c0 3.258-.115 5.929-.419 8.105-.304 2.18-.79 3.8-1.489 4.998-.683 1.17-1.588 1.969-2.82 2.491-1.26.534-2.905.796-5.076.796v2c2.306 0 4.251-.274 5.856-.955 1.633-.692 2.869-1.785 3.768-3.324.883-1.513 1.419-3.422 1.742-5.73.323-2.312.438-5.09.438-8.381h-2Zm-9.804 16.39c-2.151 0-3.787-.262-5.043-.796-1.229-.522-2.138-1.321-2.826-2.493-.703-1.198-1.195-2.82-1.505-4.999-.31-2.175-.43-4.845-.43-8.102h-2c0 3.292.121 6.07.45 8.384.328 2.309.872 4.217 1.76 5.729.903 1.538 2.14 2.63 3.769 3.322 1.602.68 3.537.955 5.825.955v-2Zm-9.804-16.39c0-3.294.12-5.992.43-8.189.31-2.201.802-3.836 1.506-5.044.689-1.18 1.598-1.984 2.826-2.507 1.256-.536 2.891-.798 5.042-.798v-2c-2.288 0-4.224.274-5.826.958-1.63.695-2.867 1.793-3.77 3.34-.887 1.521-1.43 3.443-1.759 5.772-.328 2.334-.449 5.14-.449 8.468h2Zm82.249 3.478-.819.574 1.819 2.596v-3.17h-1ZM490.843 3.648l-.827.562.008.012.819-.574Zm-.666 21.904.82-.572-1.82-2.61v3.182h1Zm21.83 31.302-.821.572.007.01.814-.582Zm.888-56.796c-.574 0-1.152.179-1.573.642-.407.447-.537 1.018-.537 1.542h2c0-.216.054-.237.017-.197a.12.12 0 0 1-.035.028.388.388 0 0 1 .128-.015v-2Zm-2.11 2.184v31.302h2V2.242h-2Zm1.819 30.728L491.662 3.074l-1.638 1.148 20.942 29.896 1.638-1.148ZM491.669 3.086c-.587-.864-1.132-1.72-2.002-2.271-.904-.573-2.031-.757-3.634-.757v2c1.504 0 2.154.186 2.563.446.443.28.749.72 1.42 1.706l1.653-1.124ZM486.033.058h-8.436v2h8.436v-2Zm-8.436 0c-.574 0-1.152.179-1.573.642-.407.447-.537 1.018-.537 1.542h2c0-.216.054-.237.017-.197a.12.12 0 0 1-.035.028.388.388 0 0 1 .128-.015v-2Zm-2.11 2.184v55.5h2v-55.5h-2Zm0 55.5c0 .555.111 1.166.537 1.635.446.49 1.048.623 1.573.623v-2a.524.524 0 0 1-.156-.016l.021.012a.223.223 0 0 1 .042.035c.028.03.024.044.012.004a1.116 1.116 0 0 1-.029-.293h-2Zm2.11 2.258h11.47v-2h-11.47v2Zm11.47 0c.525 0 1.126-.133 1.572-.623.426-.47.538-1.08.538-1.635h-2a1.1 1.1 0 0 1-.03.293c-.012.04-.016.027.012-.004a.227.227 0 0 1 .042-.035c.014-.01.022-.012.021-.012a.535.535 0 0 1-.155.016v2Zm2.11-2.258v-32.19h-2v32.19h2Zm-1.821-31.618 21.83 31.302 1.641-1.144-21.83-31.302-1.641 1.144Zm21.837 31.311c.603.845 1.251 1.52 2.114 1.964.86.442 1.832.601 2.992.601v-2c-.987 0-1.606-.137-2.078-.38-.469-.24-.894-.638-1.401-1.347l-1.627 1.162ZM516.299 60h8.066v-2h-8.066v2Zm8.066 0c.525 0 1.126-.133 1.572-.623.426-.47.538-1.08.538-1.635h-2a1.1 1.1 0 0 1-.03.293c-.012.04-.016.027.012-.004a.227.227 0 0 1 .042-.035c.014-.01.022-.012.021-.012a.535.535 0 0 1-.155.016v2Zm2.11-2.258v-55.5h-2v55.5h2Zm0-55.5c0-.524-.131-1.095-.538-1.542-.421-.463-.998-.642-1.572-.642v2c.086 0 .123.013.127.015a.12.12 0 0 1-.035-.028c-.037-.04.018-.02.018.197h2Zm-2.11-2.184h-11.47v2h11.47v-2Z'/%3e%3c/svg%3e");
    --quote-symbol: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='74' height='46' fill='none' viewBox='0 0 74 46'%3e%3cpath fill='%23D9D9D9' d='M27.383.851c.744-.906 1.339-1.056 2.232-.604l6.697 3.775c.744.453.744 1.208.446 2.114L25.597 44.792c-.176.534-.35.858-.678 1.034-.229.123-.531.174-.959.174H1.488C.596 46 0 45.547 0 44.49v-3.322c0-.993.394-1.586.688-2.03l.056-.084L27.383.851ZM65.88.002c.286-.017.59.068.94.245l6.547 3.775c.744.453.744 1.208.447 2.114L62.802 44.792c-.298.906-.596 1.208-1.786 1.208H38.544c-.893 0-1.488-.453-1.488-1.51v-3.322c0-.993.393-1.586.688-2.03l.056-.084L64.587.851c.453-.551.85-.823 1.294-.849Z'/%3e%3c/svg%3e");
    --download-ornament: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='64' height='32' fill='none' viewBox='0 0 64 32'%3e%3cg fill='%23FEC80C'%3e%3cpath d='m0 0 32 32L64 0h-5.647L32 26.353 5.647 0H0Z'/%3e%3cpath d='M11.258 0 32 20.742 52.742 0h-2.824L32 17.918 14.082 0h-2.824Z'/%3e%3c/g%3e%3c/svg%3e");
}
.header-main
{
    --header-background: linear-gradient(180deg,hsla(var(--stfc-black)/.4) 0%,hsla(var(--stfc-black)/.64) 100%);
    top: 0;
    left: 0;
    width: 100%;
    z-index: var(--z-index-header);
}
@media(max-width: calc(768px - 1px))
{
    .header-main
    {
        background: hsla(var(--stfc-black)/.88);
        background: var(--header-background);
        -webkit-backdrop-filter: blur(var(--gd-smallmobile));
        backdrop-filter: blur(var(--gd-smallmobile));
        transition: height var(--ease-time) ease;
    }
    .has-menu-open .header-main
    {
        height: 100vh;
        height: 100dvh;
        --header-background: linear-gradient(180deg,hsla(var(--stfc-black)/.88) 0%,hsla(var(--stfc-black)/.88) 100%);
    }
}
@media(min-width: 768px)
{
    .header-main
    {
        padding: var(--gd-mobile);
    }
}
@media(max-width: calc(768px - 1px))
{
    body.logged-in .header-main
    {
        padding-top: 2.875rem;
    }
}
@media(min-width: 768px)
{
    body.logged-in .header-main
    {
        padding-top: calc(2rem + var(--gd-mobile));
    }
}
.header__nav
{
    --toggle-size: var(--gd-tablet);
    padding: var(--gd-mobile);
}
@media(max-width: calc(992px - 1px))
{
    .header__nav
    {
        --gap: 0 var(--gd-tablet);
        display: grid;
        grid-template-areas: var(--areas);
        grid-template-columns: var(--columns);
        align-items: center;
        align-content: start;
        gap: var(--gap);
    }
    .has-menu-open .header__nav
    {
        --gap: var(--gd-tablet);
    }
}
@media(min-width: 375px) and (max-width: 475px)
{
    body.has-menu-open .header__nav
    {
        --logo-width: 5rem;
        --gap: 0 var(--gd-smallmobile);
    }
}
@media(max-width: calc(768px - 1px))
{
    .header__nav
    {
        --columns: minmax(0,var(--logo-width)) minmax(0,1fr) minmax(0,var(--toggle-size));
        --areas: "logo . toggle" "menu menu menu" "buttons buttons buttons" "social social social";
    }
}
@media(min-width: 768px) and (max-width: calc(992px - 1px))
{
    .header__nav
    {
        --columns: minmax(0,var(--logo-width)) minmax(0,1fr) minmax(0,var(--toggle-size));
        --areas: "logo buttons toggle" "menu menu menu" "social social social";
    }
}
@media(min-width: 768px)
{
    .header__nav
    {
        border-radius: var(--border-radius);
        background: hsla(var(--stfc-black)/.88);
        background: var(--header-background);
        -webkit-backdrop-filter: blur(var(--gd-smallmobile));
        backdrop-filter: blur(var(--gd-smallmobile));
        max-width: var(--max-width-header);
        margin: 0 auto;
    }
}
@media(min-width: 992px)
{
    .header__nav
    {
        --columns: minmax(0,var(--logo-width)) minmax(0,1fr);
        display: flex;
        align-items: center;
    }
}
.header__social
{
    grid-area: social;
    max-height: 0;
    overflow: hidden;
    transition: max-height var(--ease-time) ease;
    pointer-events: none;
}
.has-menu-open .header__social
{
    pointer-events: all;
    overflow: visible;
    max-height: 137.5rem;
    border-top: .0625rem solid hsla(var(--stfc-light-blue)/.32);
    padding-top: var(--gd-unit);
}
@media(min-width: 992px)
{
    .header__social
    {
        display: none;
    }
}
.header__nav__buttons
{
    display: flex;
    align-items: center;
}
@media(max-width: calc(375px - 1px))
{
    .header__nav__buttons
    {
        flex-wrap: wrap;
        gap: var(--gd-smallmobile);
        grid-area: buttons;
        max-height: 0;
        overflow: hidden;
        transition: max-height var(--ease-time) ease,opacity var(--ease-time);
        pointer-events: none;
        opacity: 0;
    }
    .has-menu-open .header__nav__buttons
    {
        opacity: 1;
        pointer-events: all;
        overflow: visible;
        max-height: 137.5rem;
    }
}
@media(min-width: 375px) and (max-width: 991px)
{
    .header__nav__buttons
    {
        margin-left: auto;
    }
}
.header__nav__button
{
    margin-right: var(--gd-unit);
}
@media(min-width: 375px) and (max-width: 991px)
{
    .header__nav__button
    {
        --pad-side: var(--gd-smallmobile);
        --font-size: 12px;
    }
}
@media(min-width: 375px) and (max-width: 475px)
{
    body.has-menu-open .header__nav__button
    {
        --pad-side: var(--gd-unit);
        --font-size: 11px;
    }
}
.header__nav__button:last-child
{
    margin-right: 0;
}
.header__nav__button.is-main
{
    --btn-border-radius: calc(var(--border-radius) / 2);
    padding: var(--gd-smallmobile) var(--pad-side);
    display: inline-block;
    border: .0625rem solid var(--btn-border-color);
    color: var(--btn-text-color);
    background-color: var(--btn-color);
    cursor: pointer;
    transition: all ease-in var(--ease-time);
    border-radius: var(--btn-border-radius);
    text-decoration: none;
    box-shadow: none;
    --glow-amount: var(--gd-smallmobile);
    --pad-side: var(--gd-smalltablet);
    letter-spacing: var(--letter-spacing);
    font-size: var(--font-size);
    line-height: calc(var(--font-size) + var(--gd-unit));
    --font-size: var(--button-small);
    font-family: var(--ff-bold);
    --btn-color: hsl(var(--stfc-green));
    --btn-color-hover: hsl(var(--stfc-green-light));
    --btn-text-color: hsl(var(--stfc-black));
    --btn-text-color-hover: hsl(var(--stfc-black));
    --btn-border-color: hsl(var(--stfc-green));
    --btn-border-color-hover: hsl(var(--stfc-green-light));
    --glow-color: hsl(var(--stfc-green-light));
    line-height: var(--body);
}
.header__nav__button.is-main.is-active, .header__nav__button.is-main:focus, .header__nav__button.is-main:hover, .header__nav__button.is-main:active, .header__nav__button.is-main:focus-within
{
    outline: 0;
    color: var(--btn-text-color-hover);
    background-color: var(--btn-color-hover);
    border: .0625rem solid var(--btn-border-color-hover);
    text-decoration: none;
    box-shadow: 0 0 var(--glow-amount) var(--glow-color);
}
@media(min-width: 375px) and (max-width: 475px)
{
    body:not(.has-menu-open) .header__nav__button.is-main
    {
        display: none;
    }
    body.has-menu-open .header__nav__button.is-main
    {
        display: inline-block;
    }
}
.header__nav__button.is-secondary
{
    --btn-border-radius: calc(var(--border-radius) / 2);
    padding: var(--gd-smallmobile) var(--pad-side);
    display: inline-block;
    border: .0625rem solid var(--btn-border-color);
    color: var(--btn-text-color);
    background-color: var(--btn-color);
    cursor: pointer;
    transition: all ease-in var(--ease-time);
    border-radius: var(--btn-border-radius);
    text-decoration: none;
    box-shadow: none;
    --glow-amount: var(--gd-smallmobile);
    --pad-side: var(--gd-smalltablet);
    letter-spacing: var(--letter-spacing);
    font-size: var(--font-size);
    line-height: calc(var(--font-size) + var(--gd-unit));
    --font-size: var(--button-small);
    font-family: var(--ff-bold);
    --btn-color: hsl(var(--stfc-yellow-dark));
    --btn-color-hover: hsl(var(--stfc-yellow-pale));
    --btn-text-color: hsl(var(--stfc-black));
    --btn-text-color-hover: hsl(var(--stfc-black));
    --btn-border-color: hsl(var(--stfc-yellow-dark));
    --btn-border-color-hover: hsl(var(--stfc-yellow-pale));
    --glow-color: hsl(var(--stfc-yellow-pale));
    box-shadow: 0 0 var(--gd-tablet) hsl(var(--stfc-yellow));
    line-height: var(--body);
}
.header__nav__button.is-secondary.is-active, .header__nav__button.is-secondary:focus, .header__nav__button.is-secondary:hover, .header__nav__button.is-secondary:active, .header__nav__button.is-secondary:focus-within
{
    outline: 0;
    color: var(--btn-text-color-hover);
    background-color: var(--btn-color-hover);
    border: .0625rem solid var(--btn-border-color-hover);
    text-decoration: none;
    box-shadow: 0 0 var(--glow-amount) var(--glow-color);
}
.header__nav__button-gift__wrapper
{
    position: relative;
    display: inline-block;
    min-width: var(--gd-wide);
    min-height: var(--gd-wide);
}
.header__nav__button-gift
{
    border-radius: 5.625rem;
    background: hsl(var(--stfc-blue-light));
    color: hsl(var(--stfc-black));
    box-shadow: 0 0 var(--gd-mobile) 0 hsl(var(--stfc-blue-light));
    min-width: var(--gd-wide);
    min-height: var(--gd-wide);
    display: grid;
    grid-template-columns: var(--gift-cols);
    align-items: center;
    white-space: nowrap;
    padding: var(--gift-pad);
    gap: var(--gift-gap);
    transition: ease var(--ease-time);
    text-decoration: none;
}
.header__nav__button-gift:hover
{
    text-decoration: none;
}
@media(max-width: calc(375px - 1px))
{
    .header__nav__button-gift
    {
        --gift-cols: minmax(0,auto) minmax(0,1fr);
        --gift-pad: var(--gd-unit) var(--gd-mobile) var(--gd-unit) var(--gd-unit);
        --gift-gap: var(--gd-unit);
    }
}
@media(min-width: 375px) and (max-width: calc(425px - 1px))
{
    .header__nav__button-gift
    {
        --gift-pad: var(--gd-unit);
        --gift-cols: minmax(0,auto);
        --gift-gap: 0;
    }
}
@media(min-width: 425px)
{
    .header__nav__button-gift
    {
        --gift-pad: var(--gd-unit);
        --gift-cols: minmax(0,auto);
        --gift-gap: 0;
        position: absolute;
        top: 0;
        right: 0;
        width: max-content;
    }
    .header__nav__button-gift:hover
    {
        --gift-pad: var(--gd-unit) var(--gd-mobile) var(--gd-unit) var(--gd-unit);
        --gift-cols: minmax(0,auto) minmax(0,1fr);
        --gift-gap: var(--gd-unit);
    }
}
.header__nav__button-gift__icon
{
    display: inline-block;
    grid-row: 1/2;
    width: var(--gd-tablet);
    height: var(--gd-tablet);
    background-color: hsl(var(--stfc-black));
    -webkit-mask-image: var(--icon-gift);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
}
.header__nav__button-gift__label
{
    letter-spacing: var(--letter-spacing);
    font-size: var(--font-size);
    line-height: calc(var(--font-size) + var(--gd-unit));
    --font-size: var(--button-small);
    font-family: var(--ff-bold);
    text-transform: uppercase;
    grid-row: 1/2;
    transition: ease var(--ease-time);
    text-decoration: none;
}
@media(min-width: 375px) and (max-width: calc(425px - 1px))
{
    .header__nav__button-gift__label
    {
        overflow: hidden;
        width: 0;
    }
}
@media(min-width: 425px)
{
    .header__nav__button-gift__label
    {
        overflow: hidden;
        width: 0;
    }
    .header__nav__button-gift:hover .header__nav__button-gift__label
    {
        width: auto;
        text-decoration: none;
    }
}
@keyframes subsubmenu_expand_desktop
{
    0%
    {
        max-height: 0;
        height: 0;
        pointer-events: none;
        overflow: hidden;
    }
    100%
    {
        height: auto;
        pointer-events: all;
        overflow: visible;
        max-height: 137.5rem;
    }
}
@media(max-width: calc(992px - 1px))
{
    .header__menu
    {
        opacity: 0;
    }
    .header__nav>.header__menu
    {
        grid-area: menu;
        max-height: 0;
        overflow: hidden;
        transition: max-height var(--ease-time) ease,opacity var(--ease-time);
        pointer-events: none;
    }
    .has-menu-open .header__menu
    {
        opacity: 1;
    }
    .has-menu-open .header__nav>.header__menu
    {
        pointer-events: all;
        overflow: auto;
        max-height: calc(100vh - 15.5rem);
        max-height: calc(100dvh - 15.5rem);
        opacity: 1;
    }
}
@media(max-width: calc(992px - 1px)) and (orientation: landscape)
{
    .has-menu-open .header__nav>.header__menu
    {
        max-height: calc(100vh - 13.5rem);
        max-height: calc(100dvh - 13.5rem);
    }
}
@media(min-width: 992px)
{
    .header__menu
    {
        margin-left: auto;
    }
    .header__menu li
    {
        margin-right: var(--gd-desktop);
    }
    .menu-item-has-children .header__menu li
    {
        display: block;
        min-width: 100%;
        width: max-content;
        margin: var(--gd-mobile) 0;
    }
}
.header__menu *::selection
{
    color: hsl(var(--stfc-white));
    background: hsl(var(--stfc-blue));
}
@media(max-width: calc(992px - 1px))
{
    .header__nav>.header__menu>.menu-item-has-children>.header__menu
    {
        padding-left: var(--gd-mobile);
    }
}
@media(min-width: 992px)
{
    .header__nav>.header__menu>.menu-item-has-children:hover>.header__menu, .header__nav>.header__menu>.menu-item-has-children:focus>.header__menu, .header__nav>.header__menu>.menu-item-has-children:active>.header__menu, .header__nav>.header__menu>.menu-item-has-children:focus-within>.header__menu
    {
        opacity: 1;
        pointer-events: all;
    }
    .header__nav>.header__menu>.menu-item-has-children:not(:hover) .menu-item-has-children .header__menu
    {
        animation: none;
    }
    .header__nav>.header__menu>.menu-item-has-children>.header__menu
    {
        pointer-events: none;
        opacity: 0;
        position: absolute;
        min-width: 100%;
        top: auto;
        left: 50%;
        transform: translate3d(-50%,0,0);
        transition: opacity ease var(--ease-time);
        padding: var(--gd-mobile) var(--gd-tablet);
        background: hsl(var(--stfc-black));
        border-radius: var(--border-radius);
    }
}
@media(max-width: calc(992px - 1px))
{
    .header__nav>.header__menu>.menu-item-has-children .menu-item-has-children>.header__menu
    {
        padding-left: var(--gd-mobile);
    }
}
@media(min-width: 992px)
{
    .header__nav>.header__menu>.menu-item-has-children .menu-item-has-children:hover .header__menu, .header__nav>.header__menu>.menu-item-has-children .menu-item-has-children:focus .header__menu, .header__nav>.header__menu>.menu-item-has-children .menu-item-has-children:active .header__menu, .header__nav>.header__menu>.menu-item-has-children .menu-item-has-children:focus-within .header__menu
    {
        animation-fill-mode: forwards;
        animation-play-state: running;
    }
    .header__nav>.header__menu>.menu-item-has-children .menu-item-has-children .header__menu
    {
        height: 0;
        max-height: 0;
        overflow: hidden;
        position: relative;
        pointer-events: none;
        animation-name: subsubmenu_expand_desktop;
        animation-duration: 100ms;
        animation-play-state: paused;
        animation-fill-mode: both;
    }
}
.header__menu__item
{
    position: relative;
}
@media(max-width: calc(992px - 1px))
{
    .header__menu__item
    {
        display: block;
    }
}
@media(min-width: 992px)
{
    .header__menu__item
    {
        display: inline-block;
    }
}
.header__menu__link
{
    --link-color: hsl(var(--stfc-white));
    letter-spacing: var(--letter-spacing);
    font-size: var(--font-size);
    line-height: calc(var(--font-size) + var(--gd-unit));
    --font-size: var(--button-small);
    font-family: var(--ff-bold);
    letter-spacing: .02em;
    display: block;
    color: var(--link-color);
    transition: color ease var(--ease-time);
    text-decoration: none;
}
@media(max-width: calc(992px - 1px))
{
    .header__menu__link
    {
        padding: var(--gd-unit);
    }
}
.header__menu__link.is-active, .header__menu__link:focus, .header__menu__link:hover, .header__menu__link:active, .header__menu__link:focus-within
{
    --link-color: hsl(var(--stfc-green));
    text-decoration: none;
}
.menu-item-has-children>.header__menu__link
{
    --icon-size: var(--gd-mobile);
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(0,var(--icon-size));
    gap: var(--gd-unit-half);
    align-items: center;
}
.menu-item-has-children>.header__menu__link::after
{
    content: "";
    width: var(--icon-size);
    height: var(--icon-size);
    background-color: var(--link-color);
    transition: background-color ease-in-out calc(var(--ease-time) * 1.5);
    -webkit-mask-image: var(--icon-chevron-down);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
}
.header__toggle__wrapper
{
    height: var(--gd-tablet);
    width: var(--gd-tablet);
    grid-area: toggle;
}
@media(min-width: 375px) and (max-width: 991px)
{
    .header__toggle__wrapper
    {
        margin-top: var(--gd-unit-half);
    }
}
@media(min-width: 992px)
{
    .header__toggle__wrapper
    {
        display: none;
    }
}
.header__toggle
{
    cursor: pointer;
    display: block;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    height: var(--gd-tablet);
    width: var(--gd-tablet);
    background: rgba(0,0,0,0);
    border: 0;
}
.header__toggle__icon
{
    --transition-duration: calc(var(--ease-time) * 1.5);
    transition-duration: var(--transition-duration);
    display: block;
    position: absolute;
    top: var(--gd-unit);
    left: 0;
    width: var(--gd-tablet);
    height: .125rem;
    background-color: hsl(var(--stfc-white));
}
.header__toggle__icon::before, .header__toggle__icon::after
{
    transition-duration: var(--transition-duration);
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: var(--gd-tablet);
    height: .125rem;
    background-color: hsl(var(--stfc-white));
}
.header__toggle__icon::before
{
    top: calc(var(--gd-unit) * -1);
}
.header__toggle__icon::after
{
    bottom: calc(var(--gd-unit) * -1);
}
.has-menu-open .header__toggle__icon
{
    transform: rotate(180deg);
    background: none;
    width: var(--gd-tablet);
}
.has-menu-open .header__toggle__icon::before
{
    top: 0;
    transform: rotate(45deg);
}
.has-menu-open .header__toggle__icon::after
{
    bottom: 0;
    transform: rotate(-45deg);
}
.footer-main
{
    --footer-pad-v: var(--gd-wide);
    --footer-pad-h: var(--gd-mobile);
    background-color: hsl(var(--stfc-blue-xxdark));
    color: hsl(var(--stfc-white));
    padding: var(--footer-pad-v) var(--footer-pad-h);
    position: relative;
    z-index: var(--z-index-footer);
}
@media(min-width: 768px)
{
    .footer-main
    {
        --footer-pad-h: var(--gd-tablet);
    }
}
@media(min-width: 992px)
{
    .footer-main
    {
        --footer-pad-v: var(--gd-xlarge);
    }
}
.footer__inner
{
    max-width: var(--max-width-large);
    margin: 0 auto;
    display: grid;
    grid-template-columns: var(--columns);
    grid-template-areas: var(--areas);
    gap: var(--gap);
    align-items: start;
}
@media(max-width: calc(768px - 1px))
{
    .footer__inner
    {
        --columns: minmax(0,1fr);
        --gap: var(--gd-tablet) 0;
        --areas: "logo""social"" nav""note";
    }
}
@media(min-width: 768px)
{
    .footer__inner
    {
        --columns: minmax(0,var(--logo-width)) minmax(0,1fr);
        --gap: var(--gd-wide);
        --areas: "logo nav""social social""note note";
    }
}
@media(min-width: 992px)
{
    .footer__inner
    {
        --columns: minmax(0,var(--logo-width)) minmax(0,1fr) minmax(0,auto);
        --areas: "logo nav social""note note note";
        --gap: var(--gd-xlarge);
    }
}
.footer__social
{
    text-align: left;
    grid-area: social;
}
.footer__social__label
{
    letter-spacing: var(--letter-spacing);
    font-size: var(--font-size);
    line-height: calc(var(--font-size) + var(--gd-unit));
    --font-size: var(--button-small);
    font-family: var(--ff-bold);
    color: hsl(var(--stfc-grey-neutral));
    text-transform: uppercase;
}
.footer__social__label::selection
{
    color: hsl(var(--stfc-white));
    background: hsl(var(--stfc-blue));
}
.footer__note
{
    letter-spacing: var(--letter-spacing);
    font-size: var(--font-size);
    line-height: calc(var(--font-size) + var(--gd-unit));
    --font-size: var(--caption);
    --letter-spacing: .02em;
    font-family: var(--ff-bold);
    color: hsl(var(--stfc-grey-neutral));
    grid-area: note;
}
.footer__note::selection
{
    color: hsl(var(--stfc-white));
    background: hsl(var(--stfc-blue));
}
@media(min-width: 992px)
{
    .footer__note
    {
        text-align: center;
        max-width: var(--max-width-midsmall);
        margin: 0 auto;
    }
}
.footer__nav
{
    width: 100%;
}
@media(min-width: 600px)
{
    .footer__nav
    {
        margin-bottom: calc(var(--gd-smallmobile) * -1);
    }
}
@media(min-width: 840px)
{
    .footer__nav
    {
        max-width: 30rem;
        margin: 0 auto calc(var(--gd-smallmobile) * -1);
    }
}
.footer__nav *::selection
{
    color: hsl(var(--stfc-white));
    background: hsl(var(--stfc-blue));
}
.footer__nav__link
{
    --link-color: hsl(var(--stfc-white));
    letter-spacing: var(--letter-spacing);
    font-size: var(--font-size);
    line-height: calc(var(--font-size) + var(--gd-unit));
    --font-size: var(--button-small);
    font-family: var(--ff-bold);
    color: var(--link-color);
    text-decoration: none;
    text-transform: uppercase;
    margin-bottom: var(--gd-smallmobile);
    transition: color ease var(--ease-time);
}
@media(max-width: calc(600px - 1px))
{
    .footer__nav__link
    {
        display: block;
        text-align: left;
    }
    .footer__nav__link:last-child
    {
        margin-bottom: 0;
    }
}
@media(min-width: 600px)
{
    .footer__nav__link
    {
        width: calc(50% - var(--gd-tablet));
    }
}
.footer__nav__link.is-active, .footer__nav__link:focus, .footer__nav__link:hover, .footer__nav__link:active, .footer__nav__link:focus-within
{
    --link-color: hsl(var(--stfc-green));
    text-decoration: none;
}
.button
{
    --btn-border-radius: calc(var(--border-radius) / 2);
    padding: var(--gd-smallmobile) var(--pad-side);
    display: inline-block;
    border: .0625rem solid var(--btn-border-color);
    color: var(--btn-text-color);
    background-color: var(--btn-color);
    cursor: pointer;
    transition: all ease-in var(--ease-time);
    border-radius: var(--btn-border-radius);
    text-decoration: none;
    box-shadow: none;
    --glow-amount: var(--gd-mobile);
    --pad-side: var(--gd-smalltablet);
    --btn-color: hsl(var(--stfc-green));
    --btn-color-hover: hsl(var(--stfc-green-light));
    --btn-text-color: hsl(var(--stfc-black));
    --btn-text-color-hover: hsl(var(--stfc-black));
    --btn-border-color: hsl(var(--stfc-green));
    --btn-border-color-hover: hsl(var(--stfc-green-light));
    --glow-color: hsl(var(--stfc-green-light));
}
.button.is-active, .button:focus, .button:hover, .button:active, .button:focus-within
{
    outline: 0;
    color: var(--btn-text-color-hover);
    background-color: var(--btn-color-hover);
    border: .0625rem solid var(--btn-border-color-hover);
    text-decoration: none;
    box-shadow: 0 0 var(--glow-amount) var(--glow-color);
}
@media(max-width: calc(992px - 1px))
{
    .button
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--button-small);
        font-family: var(--ff-bold);
    }
}
@media(min-width: 992px)
{
    .button
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--button);
        font-family: var(--ff-bold);
    }
}
.button-secondary
{
    --btn-border-radius: calc(var(--border-radius) / 2);
    padding: var(--gd-smallmobile) var(--pad-side);
    display: inline-block;
    border: .0625rem solid var(--btn-border-color);
    color: var(--btn-text-color);
    background-color: var(--btn-color);
    cursor: pointer;
    transition: all ease-in var(--ease-time);
    border-radius: var(--btn-border-radius);
    text-decoration: none;
    box-shadow: none;
    --glow-amount: var(--gd-mobile);
    --pad-side: var(--gd-smalltablet);
    --btn-color: hsl(var(--stfc-yellow-dark));
    --btn-color-hover: hsl(var(--stfc-yellow-pale));
    --btn-text-color: hsl(var(--stfc-black));
    --btn-text-color-hover: hsl(var(--stfc-black));
    --btn-border-color: hsl(var(--stfc-yellow-dark));
    --btn-border-color-hover: hsl(var(--stfc-yellow-pale));
    --glow-color: hsl(var(--stfc-yellow-pale));
}
.button-secondary.is-active, .button-secondary:focus, .button-secondary:hover, .button-secondary:active, .button-secondary:focus-within
{
    outline: 0;
    color: var(--btn-text-color-hover);
    background-color: var(--btn-color-hover);
    border: .0625rem solid var(--btn-border-color-hover);
    text-decoration: none;
    box-shadow: 0 0 var(--glow-amount) var(--glow-color);
}
@media(max-width: calc(992px - 1px))
{
    .button-secondary
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--button-small);
        font-family: var(--ff-bold);
    }
}
@media(min-width: 992px)
{
    .button-secondary
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--button);
        font-family: var(--ff-bold);
    }
}
.button-tertiary
{
    --btn-border-radius: calc(var(--border-radius) / 2);
    padding: var(--gd-smallmobile) var(--pad-side);
    display: inline-block;
    border: .0625rem solid var(--btn-border-color);
    color: var(--btn-text-color);
    background-color: var(--btn-color);
    cursor: pointer;
    transition: all ease-in var(--ease-time);
    border-radius: var(--btn-border-radius);
    text-decoration: none;
    box-shadow: none;
    --glow-amount: var(--gd-mobile);
    --pad-side: var(--gd-smalltablet);
    --btn-color: hsl(var(--stfc-white));
    --btn-color-hover: hsl(var(--stfc-green-light));
    --btn-text-color: hsl(var(--stfc-black));
    --btn-text-color-hover: hsl(var(--stfc-black));
    --btn-border-color: hsl(var(--stfc-white));
    --btn-border-color-hover: hsl(var(--stfc-green-light));
    --glow-color: hsl(var(--stfc-green-light));
}
.button-tertiary.is-active, .button-tertiary:focus, .button-tertiary:hover, .button-tertiary:active, .button-tertiary:focus-within
{
    outline: 0;
    color: var(--btn-text-color-hover);
    background-color: var(--btn-color-hover);
    border: .0625rem solid var(--btn-border-color-hover);
    text-decoration: none;
    box-shadow: 0 0 var(--glow-amount) var(--glow-color);
}
@media(max-width: calc(992px - 1px))
{
    .button-tertiary
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--button-small);
        font-family: var(--ff-bold);
    }
}
@media(min-width: 992px)
{
    .button-tertiary
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--button);
        font-family: var(--ff-bold);
    }
}
.button-small
{
    --btn-border-radius: calc(var(--border-radius) / 2);
    padding: var(--gd-smallmobile) var(--pad-side);
    display: inline-block;
    border: .0625rem solid var(--btn-border-color);
    color: var(--btn-text-color);
    background-color: var(--btn-color);
    cursor: pointer;
    transition: all ease-in var(--ease-time);
    border-radius: var(--btn-border-radius);
    text-decoration: none;
    box-shadow: none;
    --glow-amount: var(--gd-smallmobile);
    --pad-side: var(--gd-smalltablet);
    letter-spacing: var(--letter-spacing);
    font-size: var(--font-size);
    line-height: calc(var(--font-size) + var(--gd-unit));
    --font-size: var(--button-small);
    font-family: var(--ff-bold);
    --btn-color: hsl(var(--stfc-green));
    --btn-color-hover: hsl(var(--stfc-green-light));
    --btn-text-color: hsl(var(--stfc-black));
    --btn-text-color-hover: hsl(var(--stfc-black));
    --btn-border-color: hsl(var(--stfc-green));
    --btn-border-color-hover: hsl(var(--stfc-green-light));
    --glow-color: hsl(var(--stfc-green-light));
}
.button-small.is-active, .button-small:focus, .button-small:hover, .button-small:active, .button-small:focus-within
{
    outline: 0;
    color: var(--btn-text-color-hover);
    background-color: var(--btn-color-hover);
    border: .0625rem solid var(--btn-border-color-hover);
    text-decoration: none;
    box-shadow: 0 0 var(--glow-amount) var(--glow-color);
}
.button-center__wrapper
{
    position: relative;
    z-index: var(--z-index-lift);
    text-align: center;
}
.breadcrumbs__wrapper
{
    padding: var(--gd-mobile);
    max-width: var(--max-width-header);
    margin: 0 auto;
    position: relative;
    z-index: calc(var(--z-index-lift) + 1);
}
.breadcrumbs__link
{
    --color: hsl(var(--stfc-green));
    --color-hover: hsl(var(--stfc-white));
    --icon-color: var(--color);
    letter-spacing: var(--letter-spacing);
    font-size: var(--font-size);
    line-height: calc(var(--font-size) + var(--gd-unit));
    --font-size: var(--caption);
    --letter-spacing: .02em;
    font-family: var(--ff-bold);
    color: var(--color);
    display: inline-grid;
    grid-template-columns: repeat(2,minmax(0,auto));
    align-items: center;
    gap: var(--gd-unit-half);
    transition: color ease var(--ease-time);
    text-decoration: none;
    text-transform: uppercase;
}
.breadcrumbs__link:focus, .breadcrumbs__link:hover, .breadcrumbs__link:active, .breadcrumbs__link:focus-within
{
    --color: var(--color-hover);
    --icon-color: var(--color-hover);
}
.breadcrumbs__link::before
{
    content: "";
    width: var(--gd-tablet);
    height: var(--gd-tablet);
    background-color: var(--color);
    transform: scaleX(-1);
    transition: background-color ease-in-out var(--ease-time),transform ease-in-out var(--ease-time);
    -webkit-mask-image: var(--icon-arrow-long-right);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
}
.brand-logo
{
    position: relative;
    width: var(--logo-width);
    transition: filter ease-in var(--ease-time);
    text-decoration: none;
    box-shadow: none;
}
@media(max-width: calc(992px - 1px))
{
    .header__nav .brand-logo
    {
        grid-area: logo;
    }
}
.footer-main .brand-logo
{
    grid-area: logo;
}
.brand-logo.is-active, .brand-logo:focus, .brand-logo:hover, .brand-logo:active, .brand-logo:focus-within
{
    outline: 0;
    text-decoration: none;
    filter: drop-shadow(0 0 var(--gd-mobile) hsl(var(--stfc-green-light)));
}
.brand-logo::before
{
    content: "";
    position: relative;
    display: block;
    padding-bottom: 37.398%;
}
.brand-logo img
{
    position: absolute;
    top: 0;
    left: 0;
    object-fit: contain;
    width: 100%;
    height: 100%;
}
.main-page-title
{
    --underline-color: hsl(var(--stfc-blue-xdark));
    text-transform: uppercase;
    position: relative;
    z-index: var(--z-index-lift);
    width: fit-content;
    margin: 0 auto;
    isolation: isolate;
}
@media(max-width: calc(600px - 1px))
{
    .main-page-title
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--heading-h4);
        --letter-spacing: .04em;
        font-family: var(--ff-bold);
    }
}
@media(min-width: 600px)
{
    .main-page-title
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--heading-h3);
        --letter-spacing: .04em;
        font-family: var(--ff-bold);
    }
}
@media(min-width: 768px)
{
    .main-page-title
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--heading-h2);
        --letter-spacing: .04em;
        font-family: var(--ff-bold);
    }
}
@media(min-width: 992px)
{
    .main-page-title
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--heading-h1);
        --letter-spacing: .06em;
        font-family: var(--ff-bold);
    }
}
@media(min-width: 1680px)
{
    .main-page-title
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--heading-display);
        --letter-spacing: .06em;
        font-family: var(--ff-bold);
    }
}
.main-page-title span
{
    display: block;
}
@media(max-width: calc(768px - 1px))
{
    .main-page-title span
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--heading-h5);
        --letter-spacing: .04em;
        font-family: var(--ff-bold);
    }
}
@media(min-width: 768px)
{
    .main-page-title span
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--heading-h4);
        --letter-spacing: .04em;
        font-family: var(--ff-bold);
    }
}
@media(min-width: 992px)
{
    .main-page-title span
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--heading-h3);
        --letter-spacing: .04em;
        font-family: var(--ff-bold);
    }
}
.main-page-title::before
{
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: var(--underline-color);
    pointer-events: none;
    height: var(--gd-tablet);
    width: 100%;
    z-index: var(--z-index-negative);
    transform: skewX(-30deg);
}
.download-btns-block
{
    text-align: center;
    margin: 0 auto;
    padding: 0 var(--gd-mobile);
    position: relative;
    z-index: var(--z-index-lift);
}
.download-btn__main
{
    --btn-border-radius: calc(var(--border-radius) / 2);
    padding: var(--gd-smallmobile) var(--pad-side);
    display: inline-block;
    border: .0625rem solid var(--btn-border-color);
    color: var(--btn-text-color);
    background-color: var(--btn-color);
    cursor: pointer;
    transition: all ease-in var(--ease-time);
    border-radius: var(--btn-border-radius);
    text-decoration: none;
    box-shadow: none;
    --glow-amount: var(--gd-desktop);
    --btn-color: hsl(var(--stfc-green));
    --btn-color-hover: hsl(var(--stfc-green-light));
    --btn-text-color: hsl(var(--stfc-black));
    --btn-text-color-hover: hsl(var(--stfc-black));
    --btn-border-color: hsl(var(--stfc-green));
    --btn-border-color-hover: hsl(var(--stfc-green-light));
    --glow-color: hsl(var(--stfc-green-light));
}
.download-btn__main.is-active, .download-btn__main:focus, .download-btn__main:hover, .download-btn__main:active, .download-btn__main:focus-within
{
    outline: 0;
    color: var(--btn-text-color-hover);
    background-color: var(--btn-color-hover);
    border: .0625rem solid var(--btn-border-color-hover);
    text-decoration: none;
    box-shadow: 0 0 var(--glow-amount) var(--glow-color);
}
@media(max-width: calc(992px - 1px))
{
    .download-btn__main
    {
        --pad-side: var(--gd-smalltablet);
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--button-medium);
        font-family: var(--ff-bold);
    }
}
@media(min-width: 992px)
{
    .download-btn__main
    {
        --pad-side: var(--gd-tablet);
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--button-large);
        font-family: var(--ff-bold);
    }
}
.download-btn__note
{
    letter-spacing: var(--letter-spacing);
    font-size: var(--font-size);
    line-height: calc(var(--font-size) + var(--gd-unit));
    --font-size: var(--caption);
    --letter-spacing: .02em;
    font-family: var(--ff-bold);
    display: block;
}
.download-btn__separator
{
    letter-spacing: var(--letter-spacing);
    font-size: var(--font-size);
    line-height: calc(var(--font-size) + var(--gd-unit));
    --font-size: var(--body-small);
    --letter-spacing: .02em;
    font-family: var(--ff-bold);
    color: hsl(var(--stfc-light-blue-pale));
    margin: var(--gd-mobile) auto;
}
.download-info__item
{
    --download-color: hsl(var(--stfc-white));
    display: inline-flex;
    align-items: center;
    color: var(--download-color);
    text-decoration: none;
    transition: ease var(--ease-time);
}
@media(max-width: calc(768px - 1px))
{
    .download-info__item
    {
        --item-gap: var(--gd-smallmobile);
        --icon-size: var(--gd-smalltablet);
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--body-small);
        --letter-spacing: .02em;
        font-family: var(--ff-bold);
    }
}
@media(max-width: calc(375px - 1px))
{
    .download-info__item
    {
        --item-gap: var(--gd-unit);
        --icon-size: var(--gd-mobile);
    }
}
@media(min-width: 768px)
{
    .download-info__item
    {
        --item-gap: var(--gd-mobile);
        --icon-size: var(--gd-tablet);
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--body);
        --letter-spacing: .02em;
        font-family: var(--ff-bold);
    }
}
.download-info__item:focus, .download-info__item:hover, .download-info__item:active, .download-info__item:focus-within
{
    --download-color: hsl(var(--stfc-green));
}
.download-info__item::before
{
    content: "";
    -webkit-mask-image: var(--icon-symbol);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    width: var(--icon-size);
    height: var(--icon-size);
    margin-right: var(--gd-unit);
    background-color: var(--download-color);
    transition: ease var(--ease-time);
}
.download-info__item:not(:last-child)::after
{
    content: "";
    width: .0625rem;
    display: inline-block;
    margin: 0 var(--item-gap);
    min-height: 100%;
    align-self: stretch;
    background-color: hsl(var(--stfc-light-blue-pale));
}
.download-info__item.is-ios, .download-info__item.is-macos
{
    --icon-symbol: var(--icon-apple);
}
.download-info__item.is-windows
{
    --icon-symbol: var(--icon-windows);
}
.download-info__item.is-android
{
    --icon-symbol: var(--icon-playstore);
}
.download-btns-stores
{
    display: none;
    grid-template-columns: repeat(2,minmax(0,auto));
    gap: var(--gd-mobile);
    align-items: center;
}
.download-btn__store
{
    --btn-border-radius: calc(var(--border-radius) / 2);
    padding: var(--gd-smallmobile) var(--pad-side);
    display: inline-block;
    border: .0625rem solid var(--btn-border-color);
    color: var(--btn-text-color);
    background-color: var(--btn-color);
    cursor: pointer;
    transition: all ease-in var(--ease-time);
    border-radius: var(--btn-border-radius);
    text-decoration: none;
    box-shadow: none;
    --glow-amount: var(--gd-tablet);
    --btn-color: hsl(var(--stfc-white));
    --btn-color-hover: hsl(var(--stfc-green-light));
    --btn-text-color: hsl(var(--stfc-black));
    --btn-text-color-hover: hsl(var(--stfc-black));
    --btn-border-color: hsl(var(--stfc-white));
    --btn-border-color-hover: hsl(var(--stfc-green-light));
    --glow-color: hsl(var(--stfc-green-light));
    --icon-size: var(--gd-tablet);
    --icon-symbol: var(--icon-scopely);
    --icon-color: hsl(var(--stfc-black));
    padding-left: calc(var(--pad-side) / 2);
    display: inline-flex;
    align-items: center;
}
.download-btn__store.is-active, .download-btn__store:focus, .download-btn__store:hover, .download-btn__store:active, .download-btn__store:focus-within
{
    outline: 0;
    color: var(--btn-text-color-hover);
    background-color: var(--btn-color-hover);
    border: .0625rem solid var(--btn-border-color-hover);
    text-decoration: none;
    box-shadow: 0 0 var(--glow-amount) var(--glow-color);
}
@media(max-width: calc(992px - 1px))
{
    .download-btn__store
    {
        --pad-side: var(--gd-smalltablet);
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--button);
        font-family: var(--ff-bold);
    }
}
@media(min-width: 992px)
{
    .download-btn__store
    {
        --pad-side: var(--gd-tablet);
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--button-medium);
        font-family: var(--ff-bold);
    }
}
@media(max-width: calc(600px - 1px))
{
    .download-btn__store
    {
        --pad-side: var(--gd-smallmobile);
    }
}
@media(max-width: calc(768px - 1px))
{
    .download-btn__store
    {
        gap: var(--gd-unit-half);
    }
}
@media(min-width: 768px)
{
    .download-btn__store
    {
        gap: var(--gd-unit);
    }
}
.download-btn__store::before
{
    content: "";
    display: inline-block;
    width: var(--icon-size);
    height: var(--icon-size);
    background-color: var(--icon-color);
    transition: background ease ease-in var(--ease-time);
    -webkit-mask-image: var(--icon-symbol);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
}
.download-btn__store.is-ios
{
    --icon-symbol: var(--icon-apple);
}
.download-btn__store.is-android
{
    --icon-symbol: var(--icon-playstore);
}
.social-media-list
{
    margin-bottom: calc(var(--gd-mobile) * -1);
    line-height: 1;
}
.social-media-list__item
{
    margin: var(--gd-unit) 0 var(--gd-mobile);
    display: inline-block;
}
.footer__inner .social-media-list__item
{
    margin-top: 0;
}
.sharebar-list__link, .social-media-list__link
{
    --icon-color: hsl(var(--stfc-white));
    --icon-color-hover: hsl(var(--stfc-green));
    --inner-icon-color: var(--icon-color);
    --icon-link-size: var(--gd-wide);
    --icon-size: var(--gd-tablet);
    position: relative;
    width: var(--icon-link-size);
    border-radius: var(--icon-link-size);
}
.sharebar-list__link:focus, .sharebar-list__link:hover, .sharebar-list__link:active, .sharebar-list__link:focus-within, .social-media-list__link:focus, .social-media-list__link:hover, .social-media-list__link:active, .social-media-list__link:focus-within
{
    --icon-color: var(--icon-color-hover);
}
.sharebar-list__link::after, .social-media-list__link::after
{
    content: "";
    position: relative;
    display: block;
    padding-bottom: 100%;
}
[class*=twitter].sharebar-list__link, [href*=twitter].sharebar-list__link, .social-media-list__link[class*=twitter], .social-media-list__link[href*=twitter]
{
    --icon-symbol: var(--icon-twitter);
}
[class*=discord].sharebar-list__link, [href*=discord].sharebar-list__link, .social-media-list__link[class*=discord], .social-media-list__link[href*=discord]
{
    --icon-symbol: var(--icon-discord);
}
[class*=facebook].sharebar-list__link, [href*=facebook].sharebar-list__link, .social-media-list__link[class*=facebook], .social-media-list__link[href*=facebook]
{
    --icon-symbol: var(--icon-facebook);
}
[class*=reddit].sharebar-list__link, [href*=reddit].sharebar-list__link, .social-media-list__link[class*=reddit], .social-media-list__link[href*=reddit]
{
    --icon-symbol: var(--icon-reddit);
}
[class*=instagram].sharebar-list__link, [href*=instagram].sharebar-list__link, .social-media-list__link[class*=instagram], .social-media-list__link[href*=instagram]
{
    --icon-symbol: var(--icon-instagram);
}
[class*=youtube].sharebar-list__link, [href*=youtube].sharebar-list__link, .social-media-list__link[class*=youtube], .social-media-list__link[href*=youtube]
{
    --icon-symbol: var(--icon-youtube);
}
[class*=copy_link].sharebar-list__link, .social-media-list__link[class*=copy_link]
{
    --icon-symbol: var(--icon-copy_link);
}
.sharebar-list__link::before, .social-media-list__link::before
{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0);
    width: var(--icon-size);
    height: var(--icon-size);
    background-color: var(--inner-icon-color);
    transition: background-color ease-in-out var(--ease-time),transform ease-in-out var(--ease-time);
    -webkit-mask-image: var(--icon-symbol);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
}
.sharebar
{
    position: sticky;
    top: calc(var(--header-height) + var(--gd-wide));
}
.sharebar-list
{
    line-height: 1;
}
@media(min-width: 768px)
{
    .sharebar-list
    {
        display: flex;
        flex-direction: column;
    }
}
.sharebar-list__item
{
    display: inline-block;
}
@media(max-width: calc(992px - 1px))
{
    .sharebar-list__item
    {
        margin: var(--gd-unit) 0 var(--gd-mobile);
    }
}
.sharebar-list__link
{
    --icon-color: hsl(var(--stfc-green));
    --icon-color-hover: hsl(var(--stfc-yellow));
}
.pre-footer-download
{
    padding: var(--pad-v) 0;
    position: relative;
}
@media(max-width: calc(768px - 1px))
{
    .pre-footer-download
    {
        --pad-v: var(--gd-xwide);
    }
}
@media(min-width: 768px)
{
    .pre-footer-download
    {
        --pad-v: var(--gd-big);
    }
}
@media(min-width: 992px)
{
    .pre-footer-download
    {
        --pad-v: var(--gd-xxbig);
    }
}
@media(min-width: 1680px)
{
    .pre-footer-download
    {
        --pad-v: 7.5rem;
    }
}
@media(min-width: 1920px)
{
    .pre-footer-download
    {
        --pad-v: 10rem;
    }
}
.pre-footer-download::before
{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: calc(var(--z-index-neutral) + 1);
    background: linear-gradient(180deg,hsl(var(--stfc-blue-xxdark)) 0%,hsla(236,73%,22%,.6) 40%,hsla(238,71%,7%,.6) 80%,hsla(238,71%,7%,0) 100%);
}
.pre-footer-download__main-title
{
    color: hsl(var(--stfc-white));
    text-transform: uppercase;
    position: relative;
    z-index: var(--z-index-lift);
    width: fit-content;
    margin: 0 auto;
    text-align: center;
}
@media(min-width: 768px)
{
    .pre-footer-download__main-title
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--heading-h2);
        --letter-spacing: .04em;
        font-family: var(--ff-bold);
    }
}
.pre-footer-download__secondary-title
{
    letter-spacing: var(--letter-spacing);
    font-size: var(--font-size);
    line-height: calc(var(--font-size) + var(--gd-unit));
    --font-size: var(--heading-h5);
    --letter-spacing: .04em;
    font-family: var(--ff-bold);
    color: hsl(var(--stfc-white));
    text-transform: uppercase;
    position: relative;
    z-index: var(--z-index-lift);
    width: fit-content;
    margin: 0 auto var(--gd-desktop);
    text-align: center;
}
@media(min-width: 768px)
{
    .pre-footer-download__secondary-title
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--heading-h4);
        --letter-spacing: .04em;
        font-family: var(--ff-bold);
    }
}
.pre-footer-download__bg
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: var(--z-index-neutral);
    pointer-events: none;
    display: block;
    background: url("../image/download-block-bg.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
@supports(
background-image: url("../image/download-block-bg_reduced.webp"))
{
.pre-footer-download__bg
{
    background-image: url("../image/download-block-bg_reduced.webp");
}
}
.pre-footer-subscribe
{
    --pre-footer-pad-v: var(--gd-wide);
    --pre-footer-pad-h: var(--gd-mobile);
    padding: var(--pre-footer-pad-v) var(--pre-footer-pad-h);
    color: hsl(var(--stfc-black));
    background: hsl(var(--stfc-white));
    background: linear-gradient(180deg,hsl(var(--stfc-white)) 0%,hsl(202,66%,90%) 100%);
    position: relative;
    z-index: var(--z-index-prefooter);
}
@media(min-width: 768px)
{
    .pre-footer-subscribe
    {
        --pre-footer-pad-h: var(--gd-tablet);
    }
}
@media(min-width: 992px)
{
    .pre-footer-subscribe
    {
        --pre-footer-pad-v: var(--gd-xlarge);
    }
}
.pre-footer-subscribe *::selection
{
    color: hsl(var(--stfc-white));
    background: hsl(var(--stfc-blue));
}
.pre-footer-subscribe__inner
{
    max-width: var(--max-width-medium);
    margin: 0 auto;
    position: relative;
}
@media(min-width: 1680px)
{
    .pre-footer-subscribe__inner .main-page-title
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--heading-h1);
        --letter-spacing: .06em;
        font-family: var(--ff-bold);
    }
}
.pre-footer-subscribe__ornament
{
    --width: 8.125rem;
    --transform: translate3d(0,-100%,0);
    --dropshadow: drop-shadow(-1.5rem .55rem .35rem hsla(var(--stfc-black)/.24));
    pointer-events: none;
    filter: var(--dropshadow);
    width: var(--width);
    transform: var(--transform);
    position: absolute;
    top: 0;
    left: 0;
    z-index: var(--z-index-lift);
}
@media(min-width: 768px)
{
    .pre-footer-subscribe__ornament
    {
        --width: 11.25rem;
    }
}
@media(min-width: 840px)
{
    .pre-footer-subscribe__ornament
    {
        --width: 14.375rem;
        --dropshadow: drop-shadow(-3.5rem .75rem .35rem hsla(var(--stfc-black)/.24));
    }
}
@media(min-width: 992px)
{
    .pre-footer-subscribe__ornament
    {
        --transform: translate3d(-35%,-100%,0);
    }
}
@media(min-width: 1200px)
{
    .pre-footer-subscribe__ornament
    {
        --transform: translate3d(-70%,-80%,0);
        --width: 18.75rem;
    }
}
@media(min-width: 1440px)
{
    .pre-footer-subscribe__ornament
    {
        --transform: translate3d(-100%,-70%,0);
        --width: 24.375rem;
    }
}
.pre-footer-subscribe__text
{
    text-align: center;
}
.pre-footer-subscribe__text .main-page-title
{
    --underline-color: hsl(var(--stfc-grey-xlight));
    margin: var(--gd-unit) auto;
}
@media(max-width: calc(768px - 1px))
{
    .pre-footer-subscribe__pre-title
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--heading-h5);
        --letter-spacing: .04em;
        font-family: var(--ff-bold);
        margin-top: var(--gd-tablet);
        padding-top: var(--gd-tablet);
    }
}
@media(min-width: 768px)
{
    .pre-footer-subscribe__pre-title
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--heading-h4);
        --letter-spacing: .04em;
        font-family: var(--ff-bold);
        margin-top: var(--gd-mobile);
    }
}
.pre-footer-subscribe__desc
{
    letter-spacing: var(--letter-spacing);
    font-size: var(--font-size);
    line-height: calc(var(--font-size) + var(--gd-unit));
    --font-size: var(--body);
    --letter-spacing: .02em;
    font-family: var(--ff-bold);
    margin-bottom: var(--gd-tablet);
}
@media(min-width: 768px)
{
    .pre-footer-subscribe__desc
    {
        margin-bottom: var(--gd-wide);
    }
}
.pre-footer-subscribe__form
{
    --columns: minmax(0,1fr);
    display: grid;
    gap: var(--gd-mobile);
    grid-template-columns: var(--columns);
}
@media(min-width: 840px)
{
    .pre-footer-subscribe__form
    {
        --columns: minmax(0,1fr) minmax(0,auto);
    }
}
.pre-footer-subscribe__form__field
{
    position: relative;
}
.pre-footer-subscribe__form__field label, .pre-footer-subscribe__form__field input
{
    touch-action: manipulation;
}
.pre-footer-subscribe__form__field label
{
    transition: transform ease var(--ease-time),opacity ease var(--ease-time);
    left: var(--gd-mobile);
    top: 50%;
    transform: translateY(-50%);
    display: block;
    position: absolute;
    transform-origin: center left;
    opacity: 1;
}
.pre-footer-subscribe__form__field input
{
    letter-spacing: var(--letter-spacing);
    font-size: var(--font-size);
    line-height: calc(var(--font-size) + var(--gd-unit));
    --font-size: var(--body);
    --letter-spacing: .02em;
    font-weight: var(--fw-regular);
    outline: 0;
    width: 100%;
    border: .0625rem solid hsl(var(--stfc-grey-light));
    background-color: hsl(var(--stfc-grey-xlight));
    color: hsl(var(--stfc-black));
    font-family: inherit;
    appearance: none;
    -webkit-appearance: none;
    border-radius: var(--gd-unit);
    padding: var(--gd-mobile);
    cursor: text;
    transition: border ease var(--ease-time),background ease var(--ease-time);
    position: relative;
}
.pre-footer-subscribe__form__field input:focus, .pre-footer-subscribe__form__field input:hover, .pre-footer-subscribe__form__field input:active, .pre-footer-subscribe__form__field input:focus-within
{
    outline: 0;
    border: .0625rem solid hsl(var(--stfc-light-blue-pale));
    background-color: hsla(var(--stfc-light-blue-pale)/.25);
}
.pre-footer-subscribe__form__field input:focus::-webkit-input-placeholder, .pre-footer-subscribe__form__field input:focus-within::-webkit-input-placeholder
{
    opacity: 1;
}
.pre-footer-subscribe__form__field input:placeholder-shown+label
{
    cursor: text;
    max-width: 66.66%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.pre-footer-subscribe__form__field input:not(:placeholder-shown)+label, .pre-footer-subscribe__form__field input:focus-within+label, .pre-footer-subscribe__form__field input:focus+label
{
    transform: translateY(calc(-100% - var(--gd-unit-half))) scale(.8);
    opacity: .25;
    cursor: pointer;
}
.pre-footer-subscribe__form__field ::-webkit-input-placeholder
{
    opacity: 0;
    transition: inherit;
}
.pre-footer-subscribe__form__submit
{
    --btn-border-radius: calc(var(--border-radius) / 2);
    padding: var(--gd-smallmobile) var(--pad-side);
    display: inline-block;
    border: .0625rem solid var(--btn-border-color);
    color: var(--btn-text-color);
    background-color: var(--btn-color);
    cursor: pointer;
    transition: all ease-in var(--ease-time);
    border-radius: var(--btn-border-radius);
    text-decoration: none;
    box-shadow: none;
    --glow-amount: var(--gd-mobile);
    --pad-side: var(--gd-smalltablet);
    --btn-color: hsl(var(--stfc-green));
    --btn-color-hover: hsl(var(--stfc-yellow));
    --btn-text-color: hsl(var(--stfc-black));
    --btn-text-color-hover: hsl(var(--stfc-black));
    --btn-border-color: hsl(var(--stfc-green));
    --btn-border-color-hover: hsl(var(--stfc-yellow-pale));
    --glow-color: hsl(var(--stfc-yellow-pale));
}
.pre-footer-subscribe__form__submit.is-active, .pre-footer-subscribe__form__submit:focus, .pre-footer-subscribe__form__submit:hover, .pre-footer-subscribe__form__submit:active, .pre-footer-subscribe__form__submit:focus-within
{
    outline: 0;
    color: var(--btn-text-color-hover);
    background-color: var(--btn-color-hover);
    border: .0625rem solid var(--btn-border-color-hover);
    text-decoration: none;
    box-shadow: 0 0 var(--glow-amount) var(--glow-color);
}
@media(max-width: calc(992px - 1px))
{
    .pre-footer-subscribe__form__submit
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--button-small);
        font-family: var(--ff-bold);
    }
}
@media(min-width: 992px)
{
    .pre-footer-subscribe__form__submit
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--button);
        font-family: var(--ff-bold);
    }
}
.pre-footer-sign-up__button__wrapper
{
    display: flex;
    justify-content: center;
    align-items: center;
}
.pre-footer-sign-up__button
{
    --btn-border-radius: calc(var(--border-radius) / 2);
    padding: var(--gd-smallmobile) var(--pad-side);
    display: inline-block;
    border: .0625rem solid var(--btn-border-color);
    color: var(--btn-text-color);
    background-color: var(--btn-color);
    cursor: pointer;
    transition: all ease-in var(--ease-time);
    border-radius: var(--btn-border-radius);
    text-decoration: none;
    box-shadow: none;
    --glow-amount: var(--gd-tablet);
    --btn-color: hsl(var(--stfc-green));
    --btn-color-hover: hsl(var(--stfc-green-light));
    --btn-text-color: hsl(var(--stfc-black));
    --btn-text-color-hover: hsl(var(--stfc-black));
    --btn-border-color: hsl(var(--stfc-green));
    --btn-border-color-hover: hsl(var(--stfc-green-light));
    --glow-color: hsl(var(--stfc-green-light));
    --icon-size: var(--gd-tablet);
    --icon-symbol: var(--icon-scopely);
    --icon-symbol-second: var(--icon-scopely);
    --icon-color: hsl(var(--stfc-black));
    padding: var(--gd-smallmobile) calc(var(--pad-side) / 2);
    display: inline-flex;
    align-items: center;
    --icon-symbol: var(--icon-scopely);
    --icon-symbol-second: var(--icon-arrow-up-right);
    text-transform: uppercase;
}
.pre-footer-sign-up__button.is-active, .pre-footer-sign-up__button:focus, .pre-footer-sign-up__button:hover, .pre-footer-sign-up__button:active, .pre-footer-sign-up__button:focus-within
{
    outline: 0;
    color: var(--btn-text-color-hover);
    background-color: var(--btn-color-hover);
    border: .0625rem solid var(--btn-border-color-hover);
    text-decoration: none;
    box-shadow: 0 0 var(--glow-amount) var(--glow-color);
}
@media(max-width: calc(992px - 1px))
{
    .pre-footer-sign-up__button
    {
        --pad-side: var(--gd-smalltablet);
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--button);
        font-family: var(--ff-bold);
    }
}
@media(min-width: 992px)
{
    .pre-footer-sign-up__button
    {
        --pad-side: var(--gd-tablet);
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--button-medium);
        font-family: var(--ff-bold);
    }
}
@media(max-width: calc(600px - 1px))
{
    .pre-footer-sign-up__button
    {
        --pad-side: var(--gd-smallmobile);
    }
}
@media(max-width: calc(768px - 1px))
{
    .pre-footer-sign-up__button
    {
        gap: var(--gd-unit-half);
    }
}
@media(min-width: 768px)
{
    .pre-footer-sign-up__button
    {
        gap: var(--gd-unit);
    }
}
.pre-footer-sign-up__button::before, .pre-footer-sign-up__button::after
{
    content: "";
    display: inline-block;
    width: var(--icon-size);
    height: var(--icon-size);
    background-color: var(--icon-color);
    transition: background ease ease-in var(--ease-time);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
}
.pre-footer-sign-up__button::before
{
    -webkit-mask-image: var(--icon-symbol);
}
.pre-footer-sign-up__button::after
{
    -webkit-mask-image: var(--icon-symbol-second);
}
.wysiwyg_editor::before, .wysiwyg_editor::after
{
    content: "";
    display: table;
    clear: both;
}
.wysiwyg_editor>*
{
    margin-top: var(--item-m-top);
}
.wysiwyg_editor p::before, .wysiwyg_editor p::after
{
    content: "";
    display: table;
    clear: both;
}
.wysiwyg_editor p:empty
{
    margin-top: 0;
}
.wysiwyg_editor>*
{
    max-width: calc(var(--max-width-small));
    padding: var(--gd-mobile);
    margin-left: auto;
    margin-right: auto;
}
@media(min-width: 992px)
{
    .wysiwyg_editor>*
    {
        max-width: var(--max-width-medium-l);
    }
}
.wysiwyg_editor>p, .wysiwyg_editor>h1, .wysiwyg_editor>h2, .wysiwyg_editor>h3, .wysiwyg_editor>h4, .wysiwyg_editor>h5, .wysiwyg_editor>h6, .wysiwyg_editor>ul, .wysiwyg_editor>ol
{
    max-width: calc(var(--max-width-small));
    margin-left: auto;
    margin-right: auto;
}
@media(min-width: 992px)
{
    .wysiwyg_editor>p, .wysiwyg_editor>h1, .wysiwyg_editor>h2, .wysiwyg_editor>h3, .wysiwyg_editor>h4, .wysiwyg_editor>h5, .wysiwyg_editor>h6, .wysiwyg_editor>ul, .wysiwyg_editor>ol
    {
        max-width: var(--max-width-medium-l);
    }
}
.wysiwyg_editor img
{
    box-shadow: calc(var(--gd-unit) * -1) var(--gd-unit) 0 var(--vignette-color);
}
.wysiwyg_editor blockquote
{
    position: relative;
    font-style: italic;
}
.wysiwyg_editor blockquote::before
{
    content: "";
    display: block;
    width: 4.625rem;
    height: 2.875rem;
    pointer-events: none;
    background-color: hsla(var(--stfc-white)/.1);
    -webkit-mask-image: var(--quote-symbol);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    margin-bottom: var(--gd-unit);
}
@media(min-width: 1024px)
{
    .wysiwyg_editor blockquote::before
    {
        position: absolute;
        top: 0;
        left: 0;
        transform: translateX(calc((100% + var(--gd-unit)) * -1));
    }
}
.wysiwyg_editor blockquote p
{
    letter-spacing: var(--letter-spacing);
    font-size: var(--font-size);
    line-height: calc(var(--font-size) + var(--gd-unit));
    --font-size: var(--heading-h4);
    --letter-spacing: .04em;
    font-family: var(--ff-bold);
}
.wysiwyg_editor h5, .wysiwyg_editor h6
{
    color: hsl(var(--stfc-blue-light));
}
.wysiwyg_editor ul li, .wysiwyg_editor ol li
{
    padding-left: var(--gd-smalltablet);
    position: relative;
    margin-top: var(--gd-smallmobile);
}
.wysiwyg_editor ul li::before, .wysiwyg_editor ol li::before
{
    position: absolute;
    left: 0;
    top: 0;
}
.wysiwyg_editor ul li::before
{
    content: "";
    width: var(--gd-unit);
    height: var(--gd-unit);
    border-radius: var(--gd-unit);
    background-color: hsl(var(--stfc-blue-light));
    top: .375rem;
}
.wysiwyg_editor ol
{
    counter-reset: ordered-counter;
}
.wysiwyg_editor ol li
{
    counter-increment: ordered-counter;
}
.wysiwyg_editor ol li::before
{
    content: counter(ordered-counter) ". ";
    color: hsl(var(--stfc-blue-light));
    font-weight: var(--fw-bold);
}
.wysiwyg_editor a
{
    transition: color ease-in var(--ease-time);
    color: hsl(var(--stfc-green));
    text-decoration: none;
    font-weight: var(--fw-bold);
}
.wysiwyg_editor a:focus, .wysiwyg_editor a:hover, .wysiwyg_editor a:active, .wysiwyg_editor a:focus-within
{
    color: hsl(var(--stfc-blue-light));
    text-decoration: none;
}
@media(max-width: calc(768px - 1px))
{
    .wysiwyg_editor .alignnone, .wysiwyg_editor .aligncenter, .wysiwyg_editor .alignleft, .wysiwyg_editor .alignright
    {
        margin: var(--gd-mobile) auto var(--gd-wide);
    }
}
@media(min-width: 768px)
{
    .wysiwyg_editor .alignleft
    {
        float: left;
        width: auto;
        max-width: 50%;
        margin: 0 var(--gd-tablet) var(--gd-tablet) 0;
    }
}
@media(min-width: 768px)
{
    .wysiwyg_editor .alignnone
    {
        margin: var(--gd-mobile) auto var(--gd-wide) 0;
        width: auto;
        max-width: var(--max-width-medium-l);
    }
}
@media(min-width: 768px)
{
    .wysiwyg_editor .aligncenter
    {
        margin: var(--gd-mobile) auto var(--gd-wide) 50%;
        width: calc(100vw - var(--gd-desktop));
        width: calc(100dvw - var(--gd-desktop));
        max-width: var(--max-width-medium-l);
        transform: translateX(-50%);
    }
}
@media(min-width: 768px)
{
    .wysiwyg_editor .alignright
    {
        float: right;
        width: auto;
        max-width: 50%;
        margin: 0 0 var(--gd-tablet) var(--gd-tablet);
    }
}
.buttons-row
{
    text-align: center;
    padding: 0 var(--gd-mobile);
    margin: var(--pad-v) auto calc(var(--pad-v) / 2);
    max-width: var(--max-width-medium);
}
@media(max-width: calc(768px - 1px))
{
    .buttons-row
    {
        --pad-v: var(--gd-wide);
    }
}
@media(min-width: 768px)
{
    .buttons-row
    {
        --pad-v: var(--gd-xxlarge);
    }
}
@media(min-width: 992px)
{
    .buttons-row
    {
        --pad-v: var(--gd-big);
    }
}
@media(min-width: 1680px)
{
    .buttons-row
    {
        --pad-v: var(--gd-xxbig);
    }
}
.buttons-row *
{
    margin: 0 var(--gd-unit) var(--gd-mobile);
}
.single-title__wrapper+.buttons-row
{
    margin-top: calc(var(--pad-v) / 2 * -1);
}
.card-news
{
    --link-color: hsl(var(--stfc-white));
    --link-color-hover: hsl(var(--stfc-green-light));
    --icon-color: hsl(var(--stfc-light-blue));
    --icon-color-hover: var(--link-color-hover);
    background-color: hsl(var(--stfc-blue-xdark));
    overflow: hidden;
    border-radius: var(--border-radius);
    display: grid;
    grid-template-columns: var(--columns);
}
@media(max-width: calc(768px - 1px))
{
    .card-news
    {
        --columns: minmax(0,.75fr) minmax(0,1.25fr);
        --icon-size: var(--gd-tablet);
        align-items: stretch;
    }
}
@media(min-width: 768px)
{
    .card-news
    {
        --columns: minmax(0,1fr);
        --icon-size: 100%;
        --rows: minmax(0,auto) minmax(0,1fr);
        grid-template-rows: var(--rows);
    }
}
@media(max-width: calc(768px - 1px))
{
    .single-news-list__sticky .card-news, [class*=sticky] .card-news
    {
        --columns: minmax(0,1fr);
    }
}
@media(min-width: 768px)
{
    .single-news-list__sticky .card-news, [class*=sticky] .card-news
    {
        --columns: repeat(7,minmax(0,1fr));
        --rows: minmax(0,1fr);
    }
}
.card-news__media
{
    --aspect-ratio: 3/2;
    --fallback-aspect-ratio: 66.6%;
    aspect-ratio: var(--aspect-ratio);
    position: relative;
    z-index: var(--z-index-neutral);
    overflow: hidden;
}
@supports not (
aspect-ratio: var(--aspect-ratio))
{
.card-news__media::before
{
    content: "";
    display: block;
    position: relative;
    padding-bottom: var(--fallback-aspect-ratio);
}
}
.card-news__media::after
{
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%;
    background: linear-gradient(hsla(var(--stfc-blue-xdark)/0),hsl(var(--stfc-blue-xdark)) 80%);
    pointer-events: none;
    z-index: var(--z-index-lift);
}
@media(max-width: calc(768px - 1px))
{
    .card-news__media
    {
        max-width: 100%;
        height: 100%;
    }
}
@media(min-width: 768px)
{
    .card-news__media::after
    {
        content: "";
        display: block;
    }
}
.card-news__media:focus .card-news__img, .card-news__media:hover .card-news__img, .card-news__media:active .card-news__img, .card-news__media:focus-within .card-news__img
{
    transform: scale(1.05);
    opacity: .75;
}
@media(max-width: calc(768px - 1px))
{
    .single-news-list__sticky .card-news__media::after, [class*=sticky] .card-news__media::after
    {
        content: "";
        display: block;
    }
}
@media(min-width: 768px)
{
    .single-news-list__sticky .card-news__media, [class*=sticky] .card-news__media
    {
        --aspect-ratio: 16/9;
        --fallback-aspect-ratio: 56.25%;
        grid-column: 3/8;
        grid-row: 1/2;
    }
    .single-news-list__sticky .card-news__media::after, [class*=sticky] .card-news__media::after
    {
        display: none;
    }
}
.card-news__img
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: var(--z-index-neutral);
    object-fit: cover;
    transition: transform ease var(--ease-time),opacity ease var(--ease-time);
}
.card-news__content
{
    display: grid;
    grid-template-columns: minmax(0,1fr);
    grid-template-rows: minmax(0,auto) minmax(0,1fr) minmax(0,auto);
}
@media(max-width: calc(768px - 1px))
{
    .card-news__content
    {
        padding: var(--gd-mobile) var(--gd-mobile) 0;
        background-color: hsl(var(--stfc-blue-xdark));
    }
}
@media(min-width: 768px)
{
    .card-news__content
    {
        padding: var(--gd-mobile);
        position: relative;
        z-index: var(--z-index-lift);
        margin-top: calc(var(--gd-xxxlarge) * -1);
    }
}
@media(max-width: calc(768px - 1px))
{
    .single-news-list__sticky .card-news__content, [class*=sticky] .card-news__content
    {
        position: relative;
        z-index: var(--z-index-lift);
        margin-top: calc(var(--gd-xxxlarge) * -1);
        background-color: rgba(0,0,0,0);
    }
}
@media(min-width: 768px)
{
    .single-news-list__sticky .card-news__content, [class*=sticky] .card-news__content
    {
        background: linear-gradient(-90deg,hsla(var(--stfc-blue-xdark)/0),hsl(var(--stfc-blue-xdark)) 33%);
        margin-top: 0;
        grid-column: 1/4;
        grid-row: 1/2;
        padding: var(--gd-tablet);
    }
}
.card-news__meta
{
    margin-bottom: var(--gd-unit);
}
.card-news__meta__item
{
    letter-spacing: var(--letter-spacing);
    font-size: var(--font-size);
    line-height: calc(var(--font-size) + var(--gd-unit));
    --font-size: var(--caption);
    --letter-spacing: .02em;
    font-family: var(--ff-bold);
    color: hsl(var(--stfc-light-blue));
}
.card-news__meta__item .separator, .card-news__meta__item:not(:last-child)::after
{
    content: "|";
    color: hsla(var(--stfc-white)/.5);
    display: inline-block;
}
@media(max-width: calc(768px - 1px))
{
    .card-news__meta__item .separator, .card-news__meta__item:not(:last-child)::after
    {
        margin: 0 var(--gd-unit-half);
    }
}
@media(min-width: 768px)
{
    .card-news__meta__item .separator, .card-news__meta__item:not(:last-child)::after
    {
        margin: 0 var(--gd-unit);
    }
}
@media(max-width: calc(768px - 1px))
{
    .card-news__title
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--body-small);
        --letter-spacing: .02em;
        font-family: var(--ff-bold);
    }
}
@media(min-width: 768px)
{
    .card-news__title
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--heading-h5);
        --letter-spacing: .04em;
        font-family: var(--ff-bold);
    }
}
@media(min-width: 768px)
{
    .single-news-list__sticky .card-news__title, [class*=sticky] .card-news__title
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--heading-h2);
        --letter-spacing: .04em;
        font-family: var(--ff-bold);
    }
}
@media(min-width: 992px)
{
    .single-news-list__sticky .card-news__title, [class*=sticky] .card-news__title
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--heading-h1);
        --letter-spacing: .06em;
        font-family: var(--ff-bold);
        margin-top: var(--gd-desktop);
    }
}
.card-news__title__link
{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: var(--link-color);
    text-decoration: none;
    transition: color ease var(--ease-time);
}
.card-news__title__link:focus, .card-news__title__link:hover, .card-news__title__link:active, .card-news__title__link:focus-within
{
    color: var(--link-color-hover);
}
@media(min-width: 768px)
{
    .single-news-list__sticky .card-news__title__link, [class*=sticky] .card-news__title__link
    {
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}
.card-news__content__link-bottom__wrapper
{
    text-align: right;
}
@media(min-width: 768px)
{
    .single-news-list__sticky .card-news__content__link-bottom__wrapper, [class*=sticky] .card-news__content__link-bottom__wrapper
    {
        text-align: left;
    }
}
.card-news__content__link-bottom
{
    width: var(--gd-wide);
    height: var(--gd-wide);
    position: relative;
}
.card-news__content__link-bottom:focus, .card-news__content__link-bottom:hover, .card-news__content__link-bottom:active, .card-news__content__link-bottom:focus-within
{
    --icon-color: var(--icon-color-hover);
}
.card-news__content__link-bottom::before
{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0);
    width: var(--icon-size);
    height: var(--icon-size);
    background-color: var(--icon-color);
    transition: background-color ease-in-out var(--ease-time),transform ease-in-out var(--ease-time);
    -webkit-mask-image: var(--icon-arrow-long-right);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
}
.card-news__content__link-bottom::after
{
    content: "";
    position: relative;
    display: block;
    padding-bottom: 100%;
}
.single-fan-art-list
{
    --gap: var(--gd-mobile);
    --cols: minmax(0,1fr);
    --padding-v-top: var(--gd-wide);
    --padding-v-bot: var(--gd-wide);
    margin: 0 auto;
    padding: var(--padding-v-top) var(--gd-mobile) var(--padding-v-bot);
    display: grid;
    grid-template-columns: var(--cols);
    gap: var(--gap);
    position: relative;
    z-index: var(--z-index-lift);
}
@media(min-width: 768px)
{
    .single-fan-art-list
    {
        --cols: repeat(2,minmax(0,1fr));
        max-width: var(--max-width-xxlarge);
        max-width: min(90vw,var(--max-width-xxlarge));
    }
}
@media(min-width: 992px)
{
    .single-fan-art-list
    {
        --gap: var(--gd-tablet);
        --cols: repeat(3,minmax(0,1fr));
        --padding-v-top: var(--gd-mobile);
        --padding-v-bot: var(--gd-xxlarge);
    }
}
@media(min-width: 1200px)
{
    .single-fan-art-list
    {
        --cols: repeat(4,minmax(0,1fr));
    }
}
.card-fan-art
{
    --icon-heart-size: var(--gd-smalltablet);
    --icon-link-size: var(--gd-desktop);
    --link-color: hsl(var(--stfc-white));
    --link-color-hover: hsl(var(--stfc-green-light));
    --icon-link-color: hsl(var(--stfc-light-blue));
    --icon-link-color-hover: var(--link-color-hover);
    background-color: hsl(var(--stfc-blue-xdark));
    overflow: hidden;
    border-radius: var(--border-radius);
    display: grid;
    grid-template-rows: minmax(0,auto) minmax(0,1fr);
    grid-template-columns: minmax(0,1fr);
}
.card-fan-art__media
{
    --aspect-ratio: 1/1;
    --fallback-aspect-ratio: 100%;
    aspect-ratio: var(--aspect-ratio);
    position: relative;
    z-index: var(--z-index-neutral);
    overflow: hidden;
}
@supports not (
aspect-ratio: var(--aspect-ratio))
{
.card-fan-art__media::before
{
    content: "";
    display: block;
    position: relative;
    padding-bottom: var(--fallback-aspect-ratio);
}
}
.card-fan-art__media::after
{
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20%;
    background: linear-gradient(hsla(var(--stfc-blue-xdark)/0),hsl(var(--stfc-blue-xdark)) 100%);
    pointer-events: none;
    z-index: var(--z-index-lift);
}
.card-fan-art__media:focus .card-fan-art__img, .card-fan-art__media:hover .card-fan-art__img, .card-fan-art__media:active .card-fan-art__img, .card-fan-art__media:focus-within .card-fan-art__img
{
    transform: scale(1.05);
    opacity: .75;
}
.card-fan-art__img
{
    position: relative;
    z-index: var(--z-index-neutral);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform ease var(--ease-time),opacity ease var(--ease-time);
}
.card-fan-art__content
{
    display: grid;
    grid-template-columns: minmax(0,1fr);
    grid-template-rows: minmax(0,1fr) minmax(0,auto);
    padding: var(--gd-mobile) var(--gd-mobile) var(--gd-unit);
    position: relative;
    z-index: var(--z-index-lift);
    margin-top: calc(var(--gd-desktop) * -1);
}
@media(max-width: calc(768px - 1px))
{
    .card-fan-art__title
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--body-small);
        --letter-spacing: .02em;
        font-family: var(--ff-bold);
    }
}
@media(min-width: 768px)
{
    .card-fan-art__title
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--body);
        --letter-spacing: .02em;
        font-family: var(--ff-bold);
    }
}
.card-fan-art__title__link
{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: var(--link-color);
    text-decoration: none;
    transition: color ease var(--ease-time);
}
.card-fan-art__title__link:focus, .card-fan-art__title__link:hover, .card-fan-art__title__link:active, .card-fan-art__title__link:focus-within
{
    color: var(--link-color-hover);
}
.card-fan-art__content__bottom__wrapper
{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media(max-width: calc(768px - 1px))
{
    .card-fan-art__content__bottom__wrapper
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--body-small);
        --letter-spacing: .02em;
        font-family: var(--ff-bold);
    }
}
@media(min-width: 768px)
{
    .card-fan-art__content__bottom__wrapper
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--body);
        --letter-spacing: .02em;
        font-family: var(--ff-bold);
    }
}
.card-fan-art__content__like
{
    --icon-symbol: var(--icon-heart-line);
    outline: 0;
    border: 0;
    margin: 0;
    padding: 0;
    line-height: 1;
    cursor: pointer;
    background: rgba(0,0,0,0);
    color: var(--link-color);
    transition: color ease var(--ease-time);
    display: inline-grid;
    align-items: center;
    grid-template-columns: repeat(2,minmax(0,auto));
    gap: var(--gd-unit-half);
}
.card-fan-art__content__like.is-liked, .card-fan-art__content__like:focus, .card-fan-art__content__like:hover, .card-fan-art__content__like:active, .card-fan-art__content__like:focus-within
{
    --icon-color: var(--icon-color-hover);
    --icon-symbol: var(--icon-heart-fill);
    color: var(--icon-link-color);
    outline: 0;
    border: 0;
    background: rgba(0,0,0,0);
}
.card-fan-art__content__like__icon
{
    display: inline-block;
}
.card-fan-art__content__like__icon::before
{
    content: "";
    display: inline-block;
    width: var(--icon-heart-size);
    height: var(--icon-heart-size);
    background-color: var(--icon-link-color);
    transition: background-color ease-in-out var(--ease-time),transform ease-in-out var(--ease-time);
    -webkit-mask-image: var(--icon-symbol);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
}
.card-fan-art__content__like__value
{
    letter-spacing: var(--letter-spacing);
    font-size: var(--font-size);
    line-height: calc(var(--font-size) + var(--gd-unit));
    --font-size: var(--button-small);
    font-family: var(--ff-bold);
}
.card-fan-art__content__link
{
    width: var(--gd-wide);
    height: var(--gd-wide);
    position: relative;
}
.card-fan-art__content__link:focus, .card-fan-art__content__link:hover, .card-fan-art__content__link:active, .card-fan-art__content__link:focus-within
{
    --icon-link-color: var(--icon-link-color-hover);
}
.card-fan-art__content__link::before
{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0);
    width: var(--icon-link-size);
    height: var(--icon-link-size);
    background-color: var(--icon-link-color);
    transition: background-color ease-in-out var(--ease-time),transform ease-in-out var(--ease-time);
    -webkit-mask-image: var(--icon-arrow-long-right);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
}
.card-fan-art__content__link::after
{
    content: "";
    position: relative;
    display: block;
    padding-bottom: 100%;
}
.card-spotlight
{
    --link-color: hsl(var(--stfc-white));
    --link-color-hover: hsl(var(--stfc-green-light));
    --icon-color: hsl(var(--stfc-light-blue));
    --icon-color-hover: var(--link-color-hover);
    background-color: hsl(var(--stfc-blue-xdark));
    overflow: hidden;
    border-radius: var(--border-radius);
    display: grid;
    grid-template-columns: var(--columns);
}
@media(max-width: calc(768px - 1px))
{
    .card-spotlight
    {
        --columns: minmax(0,.75fr) minmax(0,1.25fr);
        --icon-size: var(--gd-tablet);
        align-items: stretch;
    }
}
@media(min-width: 768px)
{
    .card-spotlight
    {
        --columns: minmax(0,1fr);
        --icon-size: 100%;
        --rows: minmax(0,auto) minmax(0,1fr);
        grid-template-rows: var(--rows);
    }
}
@media(max-width: calc(768px - 1px))
{
    .single-spotlight-list__sticky .card-spotlight, [class*=sticky] .card-spotlight
    {
        --columns: minmax(0,1fr);
    }
}
@media(min-width: 768px)
{
    .single-spotlight-list__sticky .card-spotlight, [class*=sticky] .card-spotlight
    {
        --columns: repeat(7,minmax(0,1fr));
        --rows: minmax(0,1fr);
    }
}
.card-spotlight__media
{
    position: relative;
    z-index: var(--z-index-neutral);
    overflow: hidden;
}
.card-spotlight__media::after
{
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%;
    background: linear-gradient(hsla(var(--stfc-blue-xdark)/0),hsl(var(--stfc-blue-xdark)) 80%);
    pointer-events: none;
    z-index: var(--z-index-lift);
}
@media(max-width: calc(768px - 1px))
{
    .card-spotlight__media
    {
        max-width: 100%;
        height: 100%;
        aspect-ratio: 1/1;
    }
}
@media(min-width: 768px)
{
    .card-spotlight__media
    {
        aspect-ratio: 16/9;
    }
    .card-spotlight__media::after
    {
        content: "";
        display: block;
    }
}
@media(max-width: calc(768px - 1px))
{
    .single-spotlight-list__sticky .card-spotlight__media, [class*=sticky] .card-spotlight__media
    {
        aspect-ratio: 16/9;
    }
    .single-spotlight-list__sticky .card-spotlight__media::after, [class*=sticky] .card-spotlight__media::after
    {
        content: "";
        display: block;
    }
}
@media(min-width: 768px)
{
    .single-spotlight-list__sticky .card-spotlight__media, [class*=sticky] .card-spotlight__media
    {
        grid-column: 3/8;
        grid-row: 1/2;
    }
    .single-spotlight-list__sticky .card-spotlight__media::after, [class*=sticky] .card-spotlight__media::after
    {
        display: none;
    }
}
.card-spotlight__media__link
{
    --icon-play-size: var(--gd-wide);
    --icon-play-color: hsla(var(--stfc-white)/.5);
    position: relative;
    z-index: var(--z-index-neutral);
    overflow: hidden;
    background: rgba(0,0,0,0);
    border: none;
    padding: 0;
    aspect-ratio: var(--aspect-ratio);
}
@supports not (
aspect-ratio: var(--aspect-ratio))
{
.card-spotlight__media__link::before
{
    content: "";
    display: block;
    position: relative;
    padding-bottom: var(--fallback-aspect-ratio);
}
}
.card-spotlight__media__link::after
{
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%;
    background: linear-gradient(hsla(var(--stfc-blue-xdark)/0),hsl(var(--stfc-blue-xdark)) 80%);
    pointer-events: none;
    z-index: var(--z-index-lift);
}
@media(max-width: calc(768px - 1px))
{
    .card-spotlight__media__link
    {
        --aspect-ratio: 1/1;
        --fallback-aspect-ratio: 100%;
        max-width: 100%;
        height: 100%;
    }
}
@media(min-width: 768px)
{
    .card-spotlight__media__link
    {
        --aspect-ratio: 16/9;
        --fallback-aspect-ratio: 56.25%;
    }
    .card-spotlight__media__link::after
    {
        content: "";
        display: block;
    }
}
.card-spotlight__media__link:focus, .card-spotlight__media__link:hover, .card-spotlight__media__link:active, .card-spotlight__media__link:focus-within
{
    --icon-play-color: hsla(var(--stfc-blue-light)/1);
    cursor: pointer;
}
.card-spotlight__media__link:focus .card-spotlight__img, .card-spotlight__media__link:hover .card-spotlight__img, .card-spotlight__media__link:active .card-spotlight__img, .card-spotlight__media__link:focus-within .card-spotlight__img
{
    transform: scale(1.05);
    opacity: .75;
}
@media(max-width: calc(768px - 1px))
{
    .single-spotlight-list__sticky .card-spotlight__media__link, [class*=sticky] .card-spotlight__media__link
    {
        --aspect-ratio: 16/9;
        --fallback-aspect-ratio: 56.25%;
        --icon-play-size: var(--gd-wide);
    }
    .single-spotlight-list__sticky .card-spotlight__media__link::after, [class*=sticky] .card-spotlight__media__link::after
    {
        content: "";
        display: block;
    }
}
@media(min-width: 768px)
{
    .single-spotlight-list__sticky .card-spotlight__media__link, [class*=sticky] .card-spotlight__media__link
    {
        --icon-play-size: var(--gd-big);
        grid-column: 3/8;
        grid-row: 1/2;
    }
    .single-spotlight-list__sticky .card-spotlight__media__link::after, [class*=sticky] .card-spotlight__media__link::after
    {
        display: none;
    }
}
.card-spotlight__media__link__icon
{
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0);
    -webkit-mask-image: var(--icon-video-play);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    width: var(--icon-play-size);
    height: var(--icon-play-size);
    z-index: var(--z-index-lift);
    pointer-events: none;
    background-color: var(--icon-play-color);
    transition: background-color ease var(--ease-time);
}
.card-spotlight__img
{
    position: absolute;
    z-index: var(--z-index-neutral);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform ease var(--ease-time),opacity ease var(--ease-time);
}
.card-spotlight__content
{
    display: grid;
    grid-template-columns: minmax(0,1fr);
    grid-template-rows: minmax(0,1fr) minmax(0,auto);
}
@media(max-width: calc(768px - 1px))
{
    .card-spotlight__content
    {
        padding: var(--gd-mobile) var(--gd-unit) 0 var(--gd-mobile);
        background-color: hsl(var(--stfc-blue-xdark));
    }
}
@media(min-width: 768px)
{
    .card-spotlight__content
    {
        padding: var(--gd-mobile);
        position: relative;
        z-index: var(--z-index-lift);
    }
}
.single-spotlight-list__sticky .card-spotlight__content, [class*=sticky] .card-spotlight__content
{
    grid-template-rows: minmax(0,auto) minmax(0,1fr) minmax(0,auto);
}
@media(max-width: calc(768px - 1px))
{
    .single-spotlight-list__sticky .card-spotlight__content, [class*=sticky] .card-spotlight__content
    {
        position: relative;
        z-index: var(--z-index-lift);
        margin-top: calc(var(--gd-xxxlarge) * -1);
        background-color: rgba(0,0,0,0);
    }
}
@media(min-width: 768px)
{
    .single-spotlight-list__sticky .card-spotlight__content, [class*=sticky] .card-spotlight__content
    {
        background: linear-gradient(-90deg,hsla(var(--stfc-blue-xdark)/0),hsl(var(--stfc-blue-xdark)) 33%);
        margin-top: 0;
        grid-column: 1/4;
        grid-row: 1/2;
        padding: var(--gd-tablet);
    }
}
.card-spotlight__meta
{
    margin-bottom: var(--gd-unit);
    grid-row: 2/3;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media(min-width: 768px)
{
    .single-spotlight-list__sticky .card-spotlight__meta, [class*=sticky] .card-spotlight__meta
    {
        grid-row: 1/2;
    }
    .single-spotlight-list__sticky .card-spotlight__meta .card-spotlight__content__link-bottom, [class*=sticky] .card-spotlight__meta .card-spotlight__content__link-bottom
    {
        display: none;
    }
}
.card-spotlight__meta__item
{
    letter-spacing: var(--letter-spacing);
    font-size: var(--font-size);
    line-height: calc(var(--font-size) + var(--gd-unit));
    --font-size: var(--caption);
    --letter-spacing: .02em;
    font-family: var(--ff-bold);
    color: hsl(var(--stfc-light-blue));
}
.card-spotlight__links-wrapper
{
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    grid-row: 1/2;
}
.card-spotlight__links-wrapper .card-spotlight__content__link-bottom__wrapper
{
    display: none;
}
@media(max-width: calc(768px - 1px))
{
    .single-spotlight-list__sticky .card-spotlight__links-wrapper, [class*=sticky] .card-spotlight__links-wrapper
    {
        align-items: center;
    }
}
@media(min-width: 768px)
{
    .single-spotlight-list__sticky .card-spotlight__links-wrapper, [class*=sticky] .card-spotlight__links-wrapper
    {
        grid-row: 2/3;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .single-spotlight-list__sticky .card-spotlight__links-wrapper .card-spotlight__content__link-bottom__wrapper, [class*=sticky] .card-spotlight__links-wrapper .card-spotlight__content__link-bottom__wrapper
    {
        display: block;
    }
}
@media(max-width: calc(768px - 1px))
{
    .card-spotlight__title
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--body-small);
        --letter-spacing: .02em;
        font-family: var(--ff-bold);
    }
}
@media(min-width: 768px)
{
    .card-spotlight__title
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--heading-h5);
        --letter-spacing: .04em;
        font-family: var(--ff-bold);
    }
}
@media(min-width: 768px)
{
    .single-spotlight-list__sticky .card-spotlight__title, [class*=sticky] .card-spotlight__title
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--heading-h2);
        --letter-spacing: .04em;
        font-family: var(--ff-bold);
    }
}
@media(min-width: 992px)
{
    .single-spotlight-list__sticky .card-spotlight__title, [class*=sticky] .card-spotlight__title
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--heading-h1);
        --letter-spacing: .06em;
        font-family: var(--ff-bold);
        margin-top: var(--gd-desktop);
    }
}
.card-spotlight__title__link
{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: var(--link-color);
    text-decoration: none;
    transition: color ease var(--ease-time);
    background: rgba(0,0,0,0);
    border: none;
    padding: 0;
    text-align: left;
    line-height: inherit;
}
.card-spotlight__title__link:focus, .card-spotlight__title__link:hover, .card-spotlight__title__link:active, .card-spotlight__title__link:focus-within
{
    color: var(--link-color-hover);
    cursor: pointer;
}
.single-spotlight-list__sticky .card-spotlight__title__link, [class*=sticky] .card-spotlight__title__link
{
    min-height: max-content;
}
@media(min-width: 768px)
{
    .single-spotlight-list__sticky .card-spotlight__title__link, [class*=sticky] .card-spotlight__title__link
    {
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}
.card-spotlight__content__link-bottom__wrapper
{
    text-align: right;
}
@media(min-width: 768px)
{
    .single-spotlight-list__sticky .card-spotlight__content__link-bottom__wrapper, [class*=sticky] .card-spotlight__content__link-bottom__wrapper
    {
        text-align: left;
        margin-top: auto;
    }
}
.card-spotlight__content__link-bottom
{
    position: relative;
    width: calc(var(--gd-smalltablet) + var(--gd-unit));
    height: calc(var(--gd-smalltablet) + var(--gd-unit));
}
.card-spotlight__content__link-bottom:focus, .card-spotlight__content__link-bottom:hover, .card-spotlight__content__link-bottom:active, .card-spotlight__content__link-bottom:focus-within
{
    --icon-color: var(--icon-color-hover);
}
.card-spotlight__content__link-bottom::before
{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0);
    width: var(--icon-size);
    height: var(--icon-size);
    background-color: var(--icon-color);
    transition: background-color ease-in-out var(--ease-time),transform ease-in-out var(--ease-time);
    mask-image: var(--icon-arrow-up-right);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: var(--icon-arrow-up-right);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
}
.card-spotlight__content__link-bottom::after
{
    content: "";
    position: relative;
    display: block;
    padding-bottom: 100%;
}
.card-academy
{
    --link-color: hsl(var(--stfc-white));
    --link-color-hover: hsl(var(--stfc-green-light));
    --icon-color: hsl(var(--stfc-light-blue));
    --icon-color-hover: var(--link-color-hover);
    background-color: hsl(var(--stfc-blue-xdark));
    overflow: hidden;
    border-radius: var(--border-radius);
    display: grid;
    grid-template-columns: var(--columns);
}
@media(max-width: calc(768px - 1px))
{
    .card-academy
    {
        --columns: minmax(0,.75fr) minmax(0,1.25fr);
        --icon-size: var(--gd-tablet);
        align-items: stretch;
    }
}
@media(min-width: 768px)
{
    .card-academy
    {
        --columns: minmax(0,1fr);
        --icon-size: 100%;
        --rows: minmax(0,auto) minmax(0,1fr);
        grid-template-rows: var(--rows);
    }
}
.card-academy__media__link
{
    --aspect-ratio: 3/2;
    --fallback-aspect-ratio: 66.66%;
    position: relative;
    z-index: var(--z-index-neutral);
    overflow: hidden;
    background: rgba(0,0,0,0);
    border: none;
    padding: 0;
    aspect-ratio: var(--aspect-ratio);
}
@supports not (
aspect-ratio: var(--aspect-ratio))
{
.card-academy__media__link::before
{
    content: "";
    display: block;
    position: relative;
    padding-bottom: var(--fallback-aspect-ratio);
}
}
.card-academy__media__link::after
{
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20%;
    background: linear-gradient(hsla(var(--stfc-blue-xdark)/0),hsl(var(--stfc-blue-xdark)) 80%);
    pointer-events: none;
    z-index: var(--z-index-lift);
}
@media(max-width: calc(768px - 1px))
{
    .card-academy__media__link
    {
        max-width: 100%;
        height: 100%;
    }
}
@media(min-width: 768px)
{
    .card-academy__media__link::after
    {
        content: "";
        display: block;
    }
}
.card-academy__media__link:focus, .card-academy__media__link:hover, .card-academy__media__link:active, .card-academy__media__link:focus-within
{
    cursor: pointer;
}
.card-academy__media__link:focus .card-academy__img, .card-academy__media__link:hover .card-academy__img, .card-academy__media__link:active .card-academy__img, .card-academy__media__link:focus-within .card-academy__img
{
    transform: scale(1.05);
    opacity: .75;
}
.card-academy__img
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: var(--z-index-neutral);
    object-fit: cover;
    transition: transform ease var(--ease-time),opacity ease var(--ease-time);
}
.card-academy__content
{
    display: grid;
    grid-template-columns: minmax(0,1fr);
    grid-template-rows: minmax(0,auto) minmax(0,1fr) minmax(0,auto);
    padding: var(--gd-mobile) var(--gd-mobile) var(--gd-unit);
}
@media(max-width: calc(768px - 1px))
{
    .card-academy__content
    {
        background-color: hsl(var(--stfc-blue-xdark));
    }
}
@media(min-width: 768px)
{
    .card-academy__content
    {
        position: relative;
        z-index: var(--z-index-lift);
        margin-top: calc(var(--gd-desktop) * -1);
    }
}
.card-academy__links-wrapper
{
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    grid-row: 1/2;
}
@media(max-width: calc(768px - 1px))
{
    .card-academy__title
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--body-small);
        --letter-spacing: .02em;
        font-family: var(--ff-bold);
    }
}
@media(min-width: 768px)
{
    .card-academy__title
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--heading-h5);
        --letter-spacing: .04em;
        font-family: var(--ff-bold);
    }
}
.card-academy__title__link
{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: var(--link-color);
    text-decoration: none;
    transition: color ease var(--ease-time);
    background: rgba(0,0,0,0);
    border: none;
    padding: 0;
    text-align: left;
    line-height: inherit;
}
.card-academy__title__link:focus, .card-academy__title__link:hover, .card-academy__title__link:active, .card-academy__title__link:focus-within
{
    color: var(--link-color-hover);
    cursor: pointer;
}
.card-academy__content__link-bottom__wrapper
{
    text-align: right;
}
.card-academy__content__link-bottom
{
    position: relative;
    width: calc(var(--gd-smalltablet) + var(--gd-unit));
    height: calc(var(--gd-smalltablet) + var(--gd-unit));
}
.card-academy__content__link-bottom:focus, .card-academy__content__link-bottom:hover, .card-academy__content__link-bottom:active, .card-academy__content__link-bottom:focus-within
{
    --icon-color: var(--icon-color-hover);
}
.card-academy__content__link-bottom::before
{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0);
    width: var(--icon-size);
    height: var(--icon-size);
    background-color: var(--icon-color);
    transition: background-color ease-in-out var(--ease-time),transform ease-in-out var(--ease-time);
    mask-image: var(--icon-arrow-long-right);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: var(--icon-arrow-long-right);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
}
.card-academy__content__link-bottom.external-link::before
{
    mask-image: var(--icon-arrow-up-right);
    -webkit-mask-image: var(--icon-arrow-up-right);
}
.card-academy__content__link-bottom::after
{
    content: "";
    position: relative;
    display: block;
    padding-bottom: 100%;
}
.banner-discord__wrapper
{
    --banner-max-width: var(--max-width-medium);
    position: relative;
    z-index: var(--z-index-lift);
}
@media(max-width: calc(768px - 1px))
{
    .banner-discord__wrapper
    {
        --margin-v: var(--gd-desktop);
        padding: 0 var(--gd-mobile) var(--gd-mobile);
    }
}
@media(min-width: 768px)
{
    .banner-discord__wrapper
    {
        --margin-v: var(--gd-big);
        padding: var(--gd-mobile);
    }
}
.fan-art-single__main+.banner-discord__wrapper, .single-pagination+.banner-discord__wrapper
{
    --banner-max-width: var(--max-width-medium-l);
    margin: calc(var(--margin-v) * 1.75) auto var(--margin-v);
}
.banner-discord
{
    margin: 0 auto;
    max-width: var(--banner-max-width);
    position: relative;
    display: grid;
    grid-template-columns: var(--columns);
    grid-template-rows: var(--rows);
}
@media(max-width: calc(768px - 1px))
{
    .banner-discord
    {
        --columns: minmax(0,1fr);
        --rows: repeat(3,minmax(0,auto));
        --glow: 0 0 var(--gd-desktop) hsla(259,100%,61%,.75);
        text-align: center;
    }
}
@media(min-width: 768px)
{
    .banner-discord
    {
        --columns: repeat(2,minmax(0,1fr));
        --glow: 0 0 var(--gd-xlarge) hsla(259,100%,61%,.75);
        align-items: end;
        padding: var(--gd-tablet);
    }
}
.banner-discord::before, .banner-discord::after
{
    content: "";
    position: absolute;
    pointer-events: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: var(--gd-tablet);
}
@media(max-width: calc(768px - 1px))
{
    .banner-discord::before, .banner-discord::after
    {
        grid-row: 2/4;
        grid-column: 1/2;
    }
}
.banner-discord::before
{
    background-image: url("../image/banner-commanders-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    z-index: calc(var(--z-index-neutral) + 1);
    opacity: .65;
}
.banner-discord::after
{
    background-color: hsl(var(--stfc-blue-xxdark));
    z-index: var(--z-index-neutral);
    box-shadow: var(--glow);
}
.banner-discord__content-left
{
    position: relative;
    z-index: var(--z-index-lift);
}
@media(max-width: calc(768px - 1px))
{
    .banner-discord__content-left
    {
        grid-row: 2/3;
        grid-column: 1/2;
        padding-top: var(--gd-tablet);
    }
}
.banner-discord__title
{
    text-shadow: 0 0 var(--gd-unit) hsl(var(--stfc-blue-xxdark));
}
@media(max-width: calc(768px - 1px))
{
    .banner-discord__title
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--body);
        --letter-spacing: .02em;
        font-family: var(--ff-bold);
    }
}
@media(min-width: 768px)
{
    .banner-discord__title
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--heading-h5);
        --letter-spacing: .04em;
        font-family: var(--ff-bold);
    }
}
.banner-discord__subtitle
{
    letter-spacing: var(--letter-spacing);
    font-size: var(--font-size);
    line-height: calc(var(--font-size) + var(--gd-unit));
    --font-size: var(--body-small);
    --letter-spacing: .02em;
    font-family: var(--ff-bold);
    text-shadow: 0 0 var(--gd-unit) hsl(var(--stfc-blue-xxdark));
}
.banner-discord__ctas
{
    display: inline-grid;
    grid-template-columns: repeat(2,minmax(0,auto));
    gap: var(--gd-smallmobile);
    margin-top: var(--gd-mobile);
}
@media(max-width: calc(768px - 1px))
{
    .banner-discord__ctas
    {
        margin-bottom: var(--gd-mobile);
    }
}
.banner-discord__cta
{
    --btn-border-radius: calc(var(--border-radius) / 2);
    padding: var(--gd-smallmobile) var(--pad-side);
    display: inline-block;
    border: .0625rem solid var(--btn-border-color);
    color: var(--btn-text-color);
    background-color: var(--btn-color);
    cursor: pointer;
    transition: all ease-in var(--ease-time);
    border-radius: var(--btn-border-radius);
    text-decoration: none;
    box-shadow: none;
    --glow-amount: var(--gd-mobile);
    --pad-side: var(--gd-smalltablet);
    --btn-color: hsl(var(--stfc-green));
    --btn-color-hover: hsl(var(--stfc-green-light));
    --btn-text-color: hsl(var(--stfc-black));
    --btn-text-color-hover: hsl(var(--stfc-black));
    --btn-border-color: hsl(var(--stfc-green));
    --btn-border-color-hover: hsl(var(--stfc-green-light));
    --glow-color: hsl(var(--stfc-green-light));
    --icon-size: var(--gd-tablet);
    --icon-symbol: var(--icon-scopely);
    --icon-color: hsl(var(--stfc-black));
    padding-left: calc(var(--pad-side) / 2);
    display: inline-flex;
    align-items: center;
}
.banner-discord__cta.is-active, .banner-discord__cta:focus, .banner-discord__cta:hover, .banner-discord__cta:active, .banner-discord__cta:focus-within
{
    outline: 0;
    color: var(--btn-text-color-hover);
    background-color: var(--btn-color-hover);
    border: .0625rem solid var(--btn-border-color-hover);
    text-decoration: none;
    box-shadow: 0 0 var(--glow-amount) var(--glow-color);
}
@media(max-width: calc(992px - 1px))
{
    .banner-discord__cta
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--button-small);
        font-family: var(--ff-bold);
    }
}
@media(min-width: 992px)
{
    .banner-discord__cta
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--button);
        font-family: var(--ff-bold);
    }
}
@media(max-width: calc(600px - 1px))
{
    .banner-discord__cta
    {
        --pad-side: var(--gd-smallmobile);
    }
}
@media(max-width: calc(768px - 1px))
{
    .banner-discord__cta
    {
        gap: var(--gd-unit-half);
    }
}
@media(min-width: 768px)
{
    .banner-discord__cta
    {
        gap: var(--gd-unit);
    }
}
.banner-discord__cta::before
{
    content: "";
    display: inline-block;
    width: var(--icon-size);
    height: var(--icon-size);
    background-color: var(--icon-color);
    transition: background ease ease-in var(--ease-time);
    -webkit-mask-image: var(--icon-symbol);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
}
.banner-discord__cta.is-discord
{
    --icon-symbol: var(--icon-discord);
}
.banner-discord__cta.is-scopley
{
    --icon-symbol: var(--icon-scopely);
}
.banner-discord__content-right
{
    position: relative;
    z-index: var(--z-index-lift);
}
@media(max-width: calc(768px - 1px))
{
    .banner-discord__content-right
    {
        grid-row: 3/4;
        grid-column: 1/2;
        padding-bottom: var(--gd-unit);
    }
}
.banner-discord__content-right .social-media-list
{
    display: flex;
    margin: 0;
}
.banner-discord__content-right .social-media-list__item
{
    margin: 0;
}
.banner-discord__content-right .social-media-list__item.is-discord
{
    display: none;
}
.banner-discord__content-right__content
{
    position: relative;
    z-index: var(--z-index-lift);
    display: flex;
    align-items: center;
    filter: drop-shadow(0 0 var(--gd-unit) hsl(var(--stfc-blue-xxdark)));
}
@media(max-width: calc(768px - 1px))
{
    .banner-discord__content-right__content
    {
        justify-content: center;
        gap: var(--gd-unit);
    }
}
@media(min-width: 768px)
{
    .banner-discord__content-right__content
    {
        gap: var(--gd-smallmobile);
        justify-content: flex-end;
        margin-bottom: calc(var(--gd-mobile) * -1);
    }
}
.banner-discord__content-right__content__label
{
    letter-spacing: var(--letter-spacing);
    font-size: var(--font-size);
    line-height: calc(var(--font-size) + var(--gd-unit));
    --font-size: var(--caption);
    --letter-spacing: .02em;
    font-family: var(--ff-bold);
}
.banner-discord__content-right__bg
{
    aspect-ratio: var(--aspect-ratio);
    width: var(--img-width);
    max-width: var(--img-width);
    z-index: calc(var(--z-index-neutral) + 2);
    filter: drop-shadow(var(--glow));
    pointer-events: none;
    object-fit: cover;
}
@media(max-width: calc(600px - 1px))
{
    .banner-discord__content-right__bg
    {
        --img-width: 100%;
        -webkit-mask-image: linear-gradient(#000 60%,rgba(0,0,0,0));
        mask-image: linear-gradient(#000 60%,rgba(0,0,0,0));
        grid-row: 1/3;
    }
}
@media(min-width: 600px)
{
    .banner-discord__content-right__bg
    {
        --img-width: calc(100% + var(--gd-wide));
        grid-row: 1/4;
    }
}
@media(max-width: calc(768px - 1px))
{
    .banner-discord__content-right__bg
    {
        --aspect-ratio: 4/3;
        --fallback-aspect-ratio: 75%;
        justify-content: center;
        grid-column: 1/2;
        transform: translateX(calc(var(--gd-smalltablet) * -1));
    }
}
@media(min-width: 768px)
{
    .banner-discord__content-right__bg
    {
        --img-width: 110%;
        --aspect-ratio: 16/9;
        --fallback-aspect-ratio: 56.25%;
        bottom: 0;
        position: absolute;
        grid-column: 2/3;
    }
}
@supports not (
aspect-ratio: var(--aspect-ratio))
{
.banner-discord__content-right__bg::before
{
    content: "";
    display: block;
    position: relative;
    padding-bottom: var(--fallback-aspect-ratio);
}
}
.banner-discord__content-right__bg__img
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.banner-loyalty__wrapper
{
    padding: var(--gd-mobile);
}
.banner-loyalty
{
    margin: var(--gd-wide) auto;
    max-width: var(--max-width-medium);
    position: relative;
    display: grid;
    grid-template-columns: var(--columns);
    grid-template-rows: var(--rows);
}
@media(max-width: calc(768px - 1px))
{
    .banner-loyalty
    {
        --columns: minmax(0,1fr);
        --rows: repeat(3,minmax(0,auto));
        --glow: 0 0 var(--gd-wide) hsl(var(--stfc-white)/.75);
        text-align: center;
    }
}
@media(min-width: 768px)
{
    .banner-loyalty
    {
        --columns: repeat(2,minmax(0,1fr));
        --glow: 0 0 var(--gd-xxlarge) hsl(var(--stfc-white)/.75);
    }
}
.banner-loyalty::after
{
    content: "";
    position: absolute;
    pointer-events: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: var(--gd-tablet);
    background-color: hsl(var(--stfc-white));
    z-index: var(--z-index-neutral);
    box-shadow: var(--glow);
}
@media(max-width: calc(768px - 1px))
{
    .banner-loyalty::after
    {
        grid-row: 2/4;
        grid-column: 1/2;
    }
}
.banner-loyalty__content-left
{
    position: relative;
    z-index: var(--z-index-lift);
}
@media(max-width: calc(768px - 1px))
{
    .banner-loyalty__content-left
    {
        grid-row: 2/3;
        grid-column: 1/2;
        padding: var(--gd-large) var(--gd-mobile) var(--gd-tablet);
    }
}
@media(min-width: 768px)
{
    .banner-loyalty__content-left
    {
        padding: var(--gd-tablet);
    }
}
.banner-loyalty__pretitle
{
    letter-spacing: var(--letter-spacing);
    font-size: var(--font-size);
    line-height: calc(var(--font-size) + var(--gd-unit));
    --font-size: var(--body);
    --letter-spacing: .02em;
    font-family: var(--ff-bold);
    color: hsl(var(--stfc-blue));
    text-transform: uppercase;
}
.banner-loyalty__title
{
    text-transform: uppercase;
    color: hsl(var(--stfc-black));
}
@media(max-width: calc(600px - 1px))
{
    .banner-loyalty__title
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--heading-h4);
        --letter-spacing: .04em;
        font-family: var(--ff-bold);
    }
}
@media(min-width: 600px)
{
    .banner-loyalty__title
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--heading-h3);
        --letter-spacing: .04em;
        font-family: var(--ff-bold);
    }
}
@media(min-width: 768px)
{
    .banner-loyalty__title
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--heading-h2);
        --letter-spacing: .04em;
        font-family: var(--ff-bold);
    }
}
.banner-loyalty__title span
{
    display: block;
}
@media(max-width: calc(768px - 1px))
{
    .banner-loyalty__title span
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--body);
        --letter-spacing: .02em;
        font-family: var(--ff-bold);
    }
}
@media(min-width: 768px)
{
    .banner-loyalty__title span
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--heading-h4);
        --letter-spacing: .04em;
        font-family: var(--ff-bold);
    }
}
.banner-loyalty__desc
{
    letter-spacing: var(--letter-spacing);
    font-size: var(--font-size);
    line-height: calc(var(--font-size) + var(--gd-unit));
    --font-size: var(--body-small);
    --letter-spacing: .02em;
    font-weight: var(--fw-regular);
    color: hsl(var(--stfc-black));
    margin-bottom: var(--gd-mobile);
}
.banner-loyalty__cta
{
    --btn-border-radius: calc(var(--border-radius) / 2);
    padding: var(--gd-smallmobile) var(--pad-side);
    display: inline-block;
    border: .0625rem solid var(--btn-border-color);
    color: var(--btn-text-color);
    background-color: var(--btn-color);
    cursor: pointer;
    transition: all ease-in var(--ease-time);
    border-radius: var(--btn-border-radius);
    text-decoration: none;
    box-shadow: none;
    --glow-amount: var(--gd-mobile);
    --pad-side: var(--gd-smalltablet);
    --btn-color: hsl(var(--stfc-green));
    --btn-color-hover: hsl(var(--stfc-green-light));
    --btn-text-color: hsl(var(--stfc-black));
    --btn-text-color-hover: hsl(var(--stfc-black));
    --btn-border-color: hsl(var(--stfc-green));
    --btn-border-color-hover: hsl(var(--stfc-green-light));
    --glow-color: hsl(var(--stfc-green-light));
    --icon-size: var(--gd-tablet);
    --icon-symbol: var(--icon-scopely);
    --icon-color: hsl(var(--stfc-black));
    padding-right: calc(var(--pad-side) / 2);
    display: inline-flex;
    align-items: center;
    --icon-symbol: var(--icon-arrow-up-right);
}
.banner-loyalty__cta.is-active, .banner-loyalty__cta:focus, .banner-loyalty__cta:hover, .banner-loyalty__cta:active, .banner-loyalty__cta:focus-within
{
    outline: 0;
    color: var(--btn-text-color-hover);
    background-color: var(--btn-color-hover);
    border: .0625rem solid var(--btn-border-color-hover);
    text-decoration: none;
    box-shadow: 0 0 var(--glow-amount) var(--glow-color);
}
@media(max-width: calc(992px - 1px))
{
    .banner-loyalty__cta
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--button-small);
        font-family: var(--ff-bold);
    }
}
@media(min-width: 992px)
{
    .banner-loyalty__cta
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--button);
        font-family: var(--ff-bold);
    }
}
@media(max-width: calc(600px - 1px))
{
    .banner-loyalty__cta
    {
        --pad-side: var(--gd-smallmobile);
    }
}
@media(max-width: calc(768px - 1px))
{
    .banner-loyalty__cta
    {
        gap: var(--gd-unit-half);
    }
}
@media(min-width: 768px)
{
    .banner-loyalty__cta
    {
        gap: var(--gd-unit);
    }
}
.banner-loyalty__cta::after
{
    content: "";
    display: inline-block;
    width: var(--icon-size);
    height: var(--icon-size);
    background-color: var(--icon-color);
    transition: background ease ease-in var(--ease-time);
    -webkit-mask-image: var(--icon-symbol);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
}
.banner-loyalty__content-right
{
    position: relative;
    z-index: var(--z-index-lift);
}
@media(max-width: calc(768px - 1px))
{
    .banner-loyalty__content-right
    {
        grid-row: 1/2;
        grid-column: 1/2;
        padding-bottom: var(--gd-unit);
        text-align: center;
        margin-bottom: calc(var(--gd-large) * -1);
    }
}
@media(min-width: 768px)
{
    .banner-loyalty__content-right
    {
        background-image: url("../image/loyalty-program-bg.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 0 var(--gd-tablet) var(--gd-tablet) 0;
        display: flex;
        align-items: center;
    }
}
.banner-loyalty__badge
{
    aspect-ratio: 1/1;
}
@media(max-width: calc(768px - 1px))
{
    .banner-loyalty__badge
    {
        margin: 0 auto;
        max-width: 9.0625rem;
    }
}
@media(min-width: 768px)
{
    .banner-loyalty__badge
    {
        max-width: 11.75rem;
    }
}
.homepage-hero__wrapper
{
    display: grid;
    grid-template-columns: minmax(0,1fr);
    position: relative;
    align-items: end;
    background-color: hsl(var(--stfc-blue-xxdark));
}
@media(min-width: 768px)
{
    .homepage-hero__wrapper
    {
        margin-top: calc(var(--header-height) * -1);
    }
}
.homepage-hero__bg-video__wrapper
{
    --aspect-ratio: 16/9;
    --fallback-aspect-ratio: 56.25%;
    aspect-ratio: var(--aspect-ratio);
    z-index: var(--z-index-neutral);
    grid-row: 1/2;
    grid-column: 1/2;
    position: relative;
    width: 100%;
}
@media(min-width: 1920px)
{
    .homepage-hero__bg-video__wrapper
    {
        max-height: 95vh;
        max-height: 95dvh;
    }
}
@supports not (
aspect-ratio: var(--aspect-ratio))
{
.homepage-hero__bg-video__wrapper::before
{
    content: "";
    display: block;
    position: relative;
    padding-bottom: var(--fallback-aspect-ratio);
}
}
.homepage-hero__bg-video
{
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.homepage-hero__content
{
    position: relative;
    z-index: var(--z-index-lift);
    text-align: center;
}
@media(max-width: calc(1200px - 1px))
{
    .homepage-hero__content
    {
        --displace: var(--gd-xxlarge);
        grid-row: 2/3;
        grid-column: 1/2;
        background: linear-gradient(180deg,hsla(var(--stfc-blue-xxdark)/0) 0%,hsl(var(--stfc-blue-xxdark)) var(--displace));
        margin-top: calc(var(--displace) * -1);
        padding: var(--gd-xwide) 0 var(--gd-wide);
    }
}
@media(min-width: 1200px)
{
    .homepage-hero__content
    {
        grid-row: 1/2;
        grid-column: 1/2;
        background: linear-gradient(180deg,hsla(var(--stfc-blue-xxdark)/0) 0%,hsla(var(--stfc-blue-xxdark)/.64) 24%,hsl(var(--stfc-blue-xxdark)) 75%);
        padding: var(--gd-xxlarge) 0 var(--gd-wide);
    }
}
.homepage-hero__title
{
    text-transform: uppercase;
}
.homepage-hero__subtitle
{
    text-transform: uppercase;
    margin-bottom: var(--gd-desktop);
}
@media(max-width: calc(1200px - 1px))
{
    .homepage-hero__subtitle
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--heading-h6);
        --letter-spacing: .04em;
        font-family: var(--ff-bold);
    }
}
@media(min-width: 1200px)
{
    .homepage-hero__subtitle
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--heading-h4);
        --letter-spacing: .04em;
        font-family: var(--ff-bold);
    }
}
.homepage-intro__wrapper
{
    padding: var(--pad-v) 0;
    position: relative;
}
@media(max-width: calc(768px - 1px))
{
    .homepage-intro__wrapper
    {
        --pad-v: var(--gd-wide);
    }
}
@media(min-width: 768px)
{
    .homepage-intro__wrapper
    {
        --pad-v: var(--gd-big);
    }
}
@media(min-width: 992px)
{
    .homepage-intro__wrapper
    {
        --pad-v: var(--gd-xxbig);
    }
}
.homepage-intro__wrapper::before
{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: calc(var(--z-index-neutral) + 1);
    background: linear-gradient(180deg,hsla(var(--stfc-black)/0) 69.55%,hsl(255,89%,22%) 100%),linear-gradient(180deg,hsl(var(--stfc-blue-xxdark)) 0%,hsla(var(--stfc-blue-xxdark)/0) 24%),linear-gradient(0deg,hsla(241,100%,11%,.5),hsla(241,100%,11%,.5));
}
@media(min-width: 768px)
{
    .homepage-intro__wrapper .social-media-list
    {
        position: relative;
        width: fit-content;
        margin: 0 auto;
    }
    .homepage-intro__wrapper .social-media-list::before, .homepage-intro__wrapper .social-media-list::after
    {
        --line-height: .0625rem;
        --distance: calc(var(--gd-wide) * -1);
        content: "";
        width: var(--gd-desktop);
        position: absolute;
        background-color: hsl(var(--stfc-light-blue));
        height: var(--line-height);
        display: inline-block;
        top: 1.75rem;
    }
    .homepage-intro__wrapper .social-media-list::before
    {
        left: var(--distance);
    }
    .homepage-intro__wrapper .social-media-list::after
    {
        right: var(--distance);
    }
    .homepage-intro__wrapper .social-media-list .social-media-list__item
    {
        margin: var(--gd-unit) var(--gd-unit-half) var(--gd-mobile);
    }
}
.homepage-intro__wrapper .social-media-list__link
{
    --icon-color: hsl(var(--stfc-green));
    --icon-color-hover: hsl(var(--stfc-light-blue));
}
@media(min-width: 768px)
{
    .homepage-intro__wrapper .social-media-list__link
    {
        --icon-size: var(--gd-desktop);
    }
}
.homepage-intro__wrapper .social-media-list__link:focus, .homepage-intro__wrapper .social-media-list__link:hover, .homepage-intro__wrapper .social-media-list__link:active, .homepage-intro__wrapper .social-media-list__link:focus-within
{
    --icon-color: var(--icon-color-hover);
}
.homepage-intro__inner
{
    max-width: var(--max-width-medium-l);
    margin: 0 auto;
    text-align: center;
    padding: 0 var(--gd-mobile);
    position: relative;
    z-index: var(--z-index-lift);
}
.homepage-intro__bg
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: var(--z-index-neutral);
    pointer-events: none;
}
.homepage-intro__desc
{
    margin: var(--gd-desktop) auto;
}
@media(max-width: calc(768px - 1px))
{
    .homepage-intro__desc
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--heading-h6);
        --letter-spacing: .04em;
        font-family: var(--ff-bold);
    }
}
@media(min-width: 768px)
{
    .homepage-intro__desc
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--heading-h5);
        --letter-spacing: .04em;
        font-family: var(--ff-bold);
    }
}
@media(min-width: 992px)
{
    .homepage-intro__desc
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--heading-h4);
        --letter-spacing: .04em;
        font-family: var(--ff-bold);
    }
}
.homepage-intro__social-title
{
    margin-bottom: var(--gd-unit);
}
@media(max-width: calc(768px - 1px))
{
    .homepage-intro__social-title
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--heading-h5);
        --letter-spacing: .04em;
        font-family: var(--ff-bold);
    }
}
@media(min-width: 768px)
{
    .homepage-intro__social-title
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--heading-h3);
        --letter-spacing: .04em;
        font-family: var(--ff-bold);
    }
}
.homepage-alternate-section
{
    background: linear-gradient(180deg,hsl(255,91%,22%) 0%,hsl(var(--stfc-blue-xxdark)) 100%);
    overflow: hidden;
}
.homepage-alternate-block
{
    --img-decor-displacement: calc(var(--gd-unit) * -1);
    --columns: minmax(0,1fr);
    --areas: "media " "content";
    display: grid;
    grid-template-columns: var(--columns);
    grid-template-areas: var(--areas);
    gap: var(--gap);
    align-items: center;
    position: relative;
    isolation: isolate;
}
@media(max-width: calc(768px - 1px))
{
    .homepage-alternate-block
    {
        --gap: var(--gd-wide);
        padding: 0 var(--gd-mobile) var(--gd-xwide);
    }
}
@media(min-width: 768px)
{
    .homepage-alternate-block
    {
        --columns: repeat(2,minmax(0,1fr));
        --gap: var(--gd-mobile);
        padding: var(--gd-desktop) var(--gd-mobile);
    }
    .homepage-alternate-block::after
    {
        content: "";
        position: absolute;
        pointer-events: none;
    }
    .homepage-alternate-block:nth-child(odd)
    {
        --img-decor-displacement: calc(var(--gd-xwide) * -1);
        --areas: "media content";
        --content-margin: 0 auto 0 0;
        --ornament-skew: 45deg;
    }
    .homepage-alternate-block:nth-child(odd)::after
    {
        width: 15rem;
        padding-bottom: 20%;
        bottom: auto;
        top: 0;
        right: 0;
        background-image: url("../image/homepage-alternate-bg-1.png");
        background-repeat: no-repeat;
        background-size: contain;
        opacity: .25;
        filter: drop-shadow(0 1.75rem 4.75rem hsla(219,65%,46%,.75));
    }
    @supports(
    background-image: url("../image/homepage-alternate-bg-1.webp"))
    {
    .homepage-alternate-block:nth-child(odd)::after
    {
        background-image: url("../image/homepage-alternate-bg-1.webp");
    }
    }
    .homepage-alternate-block:nth-child(even)
    {
        --img-decor-displacement: var(--gd-xwide);
        --areas: "content media";
        --content-margin: 0 0 0 auto;
        --ornament-skew: -45deg;
    }
    .homepage-alternate-block:nth-child(even)::after
    {
        width: 75%;
        height: 100%;
        top: 0;
        left: 0;
        background-image: url("../image/homepage-alternate-bg-2.png");
        background-repeat: no-repeat;
        background-size: cover;
        opacity: .4;
    }
    @supports(
    background-image: url("../image/homepage-alternate-bg-2.webp"))
    {
    .homepage-alternate-block:nth-child(even)::after
    {
        background-image: url("../image/homepage-alternate-bg-2.webp");
    }
    }
}
@media(min-width: 992px)
{
    .homepage-alternate-block
    {
        --gap: var(--gd-wide);
    }
    .homepage-alternate-block:nth-child(odd)::after
    {
        bottom: 0;
        opacity: .4;
    }
}
@media(min-width: 1440px)
{
    .homepage-alternate-block
    {
        --gap: var(--gd-big);
    }
}
.homepage-alternate-block__media
{
    --aspect-ratio: 16/9;
    --fallback-aspect-ratio: 56.25%;
    z-index: var(--z-index-neutral);
    position: relative;
    aspect-ratio: var(--aspect-ratio);
}
@media(min-width: 768px)
{
    .homepage-alternate-block__media
    {
        grid-area: media;
    }
    .homepage-alternate-block__media::before
    {
        content: "";
        position: absolute;
        top: calc(var(--gd-wide) * -1);
        left: 0;
        width: 100%;
        height: 100%;
        transform: skewX(var(--ornament-skew));
        background: linear-gradient(0deg,rgba(0,6,45,0) 0%,hsla(249,100%,60%,.35) 100%);
    }
}
@supports not (
aspect-ratio: var(--aspect-ratio))
{
.homepage-alternate-block__media::after
{
    content: "";
    display: block;
    position: relative;
    padding-bottom: var(--fallback-aspect-ratio);
}
}
.homepage-alternate-block__img
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    box-shadow: var(--img-decor-displacement) var(--gd-unit) 0 var(--vignette-color);
}
@media(min-width: 768px)
{
    .homepage-alternate-block__img
    {
        transform: translateX(var(--img-decor-displacement));
        min-width: calc(100% + var(--img-decor-displacement));
    }
}
.homepage-alternate-block__content
{
    z-index: var(--z-index-lift);
}
@media(min-width: 768px)
{
    .homepage-alternate-block__content
    {
        grid-area: content;
        max-width: var(--max-width-small);
        margin: var(--content-margin);
    }
}
.homepage-alternate-block__pretitle
{
    text-transform: uppercase;
}
@media(max-width: calc(768px - 1px))
{
    .homepage-alternate-block__pretitle
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--heading-h5);
        --letter-spacing: .04em;
        font-family: var(--ff-bold);
    }
}
@media(min-width: 768px)
{
    .homepage-alternate-block__pretitle
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--heading-h4);
        --letter-spacing: .04em;
        font-family: var(--ff-bold);
    }
}
@media(min-width: 992px)
{
    .homepage-alternate-block__pretitle
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--heading-h3);
        --letter-spacing: .04em;
        font-family: var(--ff-bold);
    }
}
.homepage-alternate-block__title
{
    margin: var(--gd-unit) 0 var(--gd-tablet);
}
.homepage-alternate-block__title .homepage-alternate-block__text
{
    letter-spacing: var(--letter-spacing);
    font-size: var(--font-size);
    line-height: calc(var(--font-size) + var(--gd-unit));
    --font-size: var(--body);
    --letter-spacing: .02em;
    font-family: var(--ff-bold);
}
.homepage-alternate-block__link
{
    margin-top: 2rem;
}
.homepage-build-fleet-msg
{
    padding: var(--pad-v) 0;
    position: relative;
    overflow: hidden;
}
@media(max-width: calc(768px - 1px))
{
    .homepage-build-fleet-msg
    {
        --pad-v: var(--gd-wide);
    }
}
@media(min-width: 768px)
{
    .homepage-build-fleet-msg
    {
        --pad-v: var(--gd-big);
    }
}
@media(min-width: 992px)
{
    .homepage-build-fleet-msg
    {
        --pad-v: 14.375rem;
    }
}
.homepage-build-fleet-msg::before
{
    content: "";
    position: absolute;
    top: -.0625rem;
    left: 0;
    width: 100%;
    height: calc(100% + .125rem);
    pointer-events: none;
    z-index: calc(var(--z-index-neutral) + 1);
    background: linear-gradient(180deg,hsl(var(--stfc-blue-xxdark)) 0%,hsla(232,96%,9%,0) 64%),linear-gradient(180deg,hsla(var(--stfc-blue-xxdark)/.15) 32%,hsl(232,100%,9%) 100%);
}
.homepage-build-fleet-msg__inner
{
    --cols: minmax(0,1fr);
    max-width: var(--max-width-large);
    margin: 0 auto;
    padding: 0 var(--gd-mobile);
    position: relative;
    z-index: var(--z-index-lift);
    display: grid;
    gap: var(--gd-desktop);
    grid-template-columns: var(--cols);
}
@media(min-width: 768px)
{
    .homepage-build-fleet-msg__inner
    {
        --cols: repeat(2,minmax(0,1fr));
        align-items: center;
    }
}
@media(min-width: 1680px)
{
    .homepage-build-fleet-msg__inner
    {
        --cols: minmax(0,1.25fr) minmax(0,.75fr);
    }
}
.homepage-build-fleet-msg__bg
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: var(--z-index-neutral);
    pointer-events: none;
}
@media(max-width: calc(768px - 1px))
{
    .homepage-build-fleet-msg__bg
    {
        opacity: .65;
    }
}
.homepage-build-fleet-msg__left .main-page-title
{
    margin: 0;
}
@media(max-width: calc(768px - 1px))
{
    .homepage-build-fleet-msg__right
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--heading-h5);
        --letter-spacing: .04em;
        font-family: var(--ff-bold);
    }
}
@media(min-width: 768px)
{
    .homepage-build-fleet-msg__right
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--heading-h3);
        --letter-spacing: .04em;
        font-family: var(--ff-bold);
    }
}
.factions-and-officers-block
{
    padding: 0 var(--gd-mobile);
    position: relative;
}
@media(max-width: calc(768px - 1px))
{
    .factions-and-officers-block
    {
        --overlay-value: .35;
        --overlay-bottom-stop: 80%;
    }
}
@media(min-width: 768px)
{
    .factions-and-officers-block
    {
        --overlay-value: .2;
        --overlay-bottom-stop: 100%;
    }
}
@supports(
filter: blur()) or (
-webkit-filter: blur())
{
.factions-and-officers-block::after
{
    content: "";
    position: absolute;
    border-radius: 50%;
    aspect-ratio: 1/1;
    z-index: var(--z-index-negative);
    background: var(--blur-bg);
    pointer-events: none;
    bottom: 0;
    opacity: .25;
}
@media(max-width: calc(768px - 1px))
{
    .factions-and-officers-block::after
    {
        filter: blur(3.5rem);
        width: 70%;
        left: 50%;
        transform: translate3d(-50%,35%,0);
    }
}
@media(min-width: 768px)
{
    .factions-and-officers-block::after
    {
        width: 30%;
        left: 10%;
        filter: blur(12.5rem);
    }
}
}
.factions-and-officers-block[class*=is-federation]
{
    --nav-bg: linear-gradient(90deg,hsla(232,73%,44%,.64) 20%,hsla(242,100%,6%,0) 100%);
    --icon-badge: var(--badge-federation);
    --faction-color: hsl(var(--faction-federation));
    --faction-name: var(--faction-name-federation);
    --img-overlay: linear-gradient(180deg,hsla(220,100%,36%,var(--overlay-value)) 30%,hsl(230,94%,6%) var(--overlay-bottom-stop));
    --content-bg: linear-gradient(180deg,hsl(229,80%,27%) 0%,hsl(231,100%,6%) 100%);
    --blur-bg: hsl(205,100%,50%);
}
.factions-and-officers-block[class*=is-klingon]
{
    --nav-bg: linear-gradient(90deg,hsla(7,100%,18%,.64) 20%,hsla(0,100%,6%,0) 100%);
    --icon-badge: var(--badge-klingon);
    --faction-color: hsl(var(--faction-klingon));
    --faction-name: var(--faction-name-klingon);
    --img-overlay: linear-gradient(180deg,hsla(29,100%,36%,var(--overlay-value)) 30%,hsl(0,100%,6%) var(--overlay-bottom-stop));
    --content-bg: linear-gradient(180deg,hsl(14,100%,21%) 0%,hsl(0,100%,6%) 100%);
    --blur-bg: hsl(0,100%,50%);
}
.factions-and-officers-block[class*=is-romulan]
{
    --nav-bg: linear-gradient(90deg,hsla(151,80%,20%,.64) 20%,hsla(151,96%,9%,0) 100%);
    --icon-badge: var(--badge-romulan);
    --faction-color: hsl(var(--faction-romulan));
    --faction-name: var(--faction-name-romulan);
    --img-overlay: linear-gradient(180deg,hsla(151,81%,27%,var(--overlay-value)) 30%,hsl(151,95%,8%) var(--overlay-bottom-stop));
    --content-bg: linear-gradient(180deg,hsl(152,82%,19%) 0%,hsl(158,100%,6%) 100%);
    --blur-bg: hsl(110,100%,50%);
}
.factions-and-officers-block__inner
{
    position: relative;
    z-index: var(--z-index-neutral);
}
@media(min-width: 768px)
{
    .factions-and-officers-block__inner
    {
        max-width: min(90vw,var(--max-width-xlarge));
        max-width: min(90dvw,var(--max-width-xlarge));
        margin-left: auto;
        margin-right: auto;
    }
}
@media(min-width: 1920px)
{
    .factions-and-officers-block__inner
    {
        max-width: none;
        margin-left: 0;
        margin-right: 0;
    }
}
.factions-and-officers-block__intro
{
    --mabot: var(--gd-wide);
    max-width: var(--max-width-xxlarge);
    margin: 0 auto var(--mabot);
}
@media(min-width: 768px)
{
    .factions-and-officers-block__intro
    {
        --mabot: var(--gd-xxlarge);
    }
}
@media(min-width: 992px)
{
    .factions-and-officers-block__intro
    {
        --mabot: var(--gd-big);
    }
}
.factions-and-officers-block__intro::before
{
    content: "";
    width: .0625rem;
    height: var(--gd-wide);
    display: block;
    margin: 0 auto var(--gd-tablet);
    background-color: hsl(var(--stfc-light-blue-pale));
}
@media(min-width: 768px)
{
    .factions-and-officers-block__intro::before
    {
        height: var(--gd-xxxlarge);
    }
}
.factions-and-officers-block__section__wrapper
{
    display: none;
    grid-template-columns: var(--cols);
    position: relative;
    animation: fade-out var(--ease-time) forwards;
}
.factions-and-officers-block__section__wrapper.is-visible
{
    animation: fade-in calc(var(--ease-time) * 5) forwards;
    display: grid;
}
@media(max-width: calc(768px - 1px))
{
    .factions-and-officers-block__section__wrapper
    {
        --cols: minmax(0,1fr);
        --badge-size: 3.5rem;
        padding: var(--gd-mobile) var(--gd-mobile) var(--gd-wide);
        gap: var(--gd-tablet);
    }
}
@media(min-width: 768px)
{
    .factions-and-officers-block__section__wrapper
    {
        --cols: minmax(0,1fr) minmax(0,3fr);
        --badge-size: 4.5rem;
        --content-pad-top: var(--gd-xwide);
    }
}
@media(min-width: 992px)
{
    .factions-and-officers-block__section__wrapper
    {
        --badge-size: 5.5rem;
        --content-pad-top: var(--gd-xlarge);
    }
}
@media(min-width: 1680px)
{
    .factions-and-officers-block__section__wrapper
    {
        --badge-size: 8rem;
        --cols: minmax(0,1fr) minmax(0,2fr);
        --content-pad-top: var(--gd-big);
    }
}
.factions-and-officers-block__section__wrapper::before
{
    content: "";
    position: absolute;
    height: 100%;
    top: 0;
    background: var(--content-bg);
    z-index: var(--z-index-negative);
}
@media(max-width: calc(768px - 1px))
{
    .factions-and-officers-block__section__wrapper::before
    {
        width: calc(100% + var(--gd-desktop));
        left: calc(var(--gd-mobile) * -1);
    }
}
@media(min-width: 768px)
{
    .factions-and-officers-block__section__wrapper::before
    {
        width: 100%;
        left: 50%;
        transform: translateX(-50%);
        grid-row: 1/2;
        max-width: calc(var(--max-width-xxlarge) + var(--content-pad-top) * 2);
    }
}
.factions-and-officers-block__navigation__wrapper
{
    background: var(--nav-bg);
    max-width: var(--max-width-large);
    margin: 0 auto;
    display: flex;
    flex-flow: row wrap;
}
@media(min-width: 1680px)
{
    .factions-and-officers-block__navigation__wrapper
    {
        max-width: var(--max-width-xxlarge);
    }
}
.factions-and-officers-block__navigation
{
    --color: hsla(var(--stfc-white)/.65);
    --color-hover: hsl(var(--stfc-black));
    --transition: calc(var(--ease-time) * 2);
    display: inline-grid;
    grid-template-columns: minmax(0,var(--icon-size)) minmax(0,1fr);
    gap: var(--gd-unit-half);
    align-items: center;
    text-transform: uppercase;
    outline: 0;
    border: 0;
    background: rgba(0,0,0,0);
    color: var(--color);
    transition: background ease var(--transition),color ease var(--transition);
}
.factions-and-officers-block__navigation[value*=federation]
{
    --faction-color: hsl(var(--faction-federation));
    --icon-badge: var(--badge-federation);
}
.factions-and-officers-block__navigation[value*=romulan]
{
    --faction-color: hsl(var(--faction-romulan));
    --icon-badge: var(--badge-romulan);
}
.factions-and-officers-block__navigation[value*=klingon]
{
    --faction-color: hsl(var(--faction-klingon));
    --icon-badge: var(--badge-klingon);
}
@media(max-width: calc(600px - 1px))
{
    .factions-and-officers-block__navigation
    {
        --icon-size: var(--gd-smallmobile);
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--caption);
        --letter-spacing: .02em;
        font-family: var(--ff-bold);
        padding: var(--gd-unit) var(--gd-unit) var(--gd-unit) var(--gd-unit-half);
    }
}
@media(min-width: 600px)
{
    .factions-and-officers-block__navigation
    {
        --icon-size: var(--gd-desktop);
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--body);
        --letter-spacing: .02em;
        font-family: var(--ff-bold);
        padding: var(--gd-mobile) var(--gd-tablet) var(--gd-mobile) var(--gd-mobile);
    }
}
.factions-and-officers-block__navigation.is-selected, .factions-and-officers-block__navigation:focus, .factions-and-officers-block__navigation:hover, .factions-and-officers-block__navigation:active, .factions-and-officers-block__navigation:focus-within
{
    --color: hsl(var(--stfc-black));
    outline: 0;
    cursor: pointer;
    border: 0;
    color: var(--color);
    background: var(--faction-color);
}
.factions-and-officers-block__navigation::before
{
    content: "";
    display: inline-block;
    background-color: var(--color);
    width: var(--icon-size);
    height: var(--icon-size);
    transition: background-color ease-in-out var(--transition);
    -webkit-mask-image: var(--icon-badge);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
}
.factions-and-officers-block__media
{
    position: relative;
    z-index: var(--z-index-neutral);
    overflow: hidden;
    aspect-ratio: var(--aspect-ratio);
}
@media(max-width: calc(768px - 1px))
{
    .factions-and-officers-block__media
    {
        --aspect-ratio: 3/2;
        --fallback-aspect-ratio: 66.66%;
        grid-row: 1/2;
        width: calc(100% + var(--gd-desktop));
        margin-left: calc(var(--gd-mobile) * -1);
    }
}
@media(min-width: 768px)
{
    .factions-and-officers-block__media
    {
        --aspect-ratio: 16/9;
        --fallback-aspect-ratio: 56.25%;
        grid-row: 1/3;
    }
}
@media(min-width: 1680px)
{
    .factions-and-officers-block__media
    {
        max-width: var(--max-width-xxlarge);
    }
}
.factions-and-officers-block__media::after
{
    content: "";
    position: absolute;
    z-index: var(--z-index-lift);
    background: var(--img-overlay);
    top: calc(var(--gd-unit-half) / 2 * -1);
    left: calc(var(--gd-unit-half) / 2 * -1);
    width: calc(100% + var(--gd-unit-half));
    height: calc(100% + var(--gd-unit-half));
}
@supports not (
aspect-ratio: var(--aspect-ratio))
{
.factions-and-officers-block__media::before
{
    content: "";
    display: block;
    position: relative;
    padding-bottom: var(--fallback-aspect-ratio);
}
}
.factions-and-officers-block__img
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: var(--z-index-neutral);
    object-fit: cover;
}
.factions-and-officers-block__content
{
    position: relative;
    z-index: var(--z-index-lift);
}
@media(max-width: calc(768px - 1px))
{
    .factions-and-officers-block__content
    {
        grid-row: 2/3;
        margin-top: calc(var(--gd-xxxlarge) * -1);
        margin-top: -40%;
    }
}
@media(min-width: 768px)
{
    .factions-and-officers-block__content
    {
        padding: var(--content-pad-top) 0 var(--content-pad-top) var(--gd-desktop);
        grid-row: 1/2;
    }
}
@media(min-width: 1920px)
{
    .factions-and-officers-block__content
    {
        min-width: calc(100vw - var(--gd-desktop));
    }
}
@media(min-width: 992px)
{
    .factions-and-officers-block__content__inner
    {
        max-width: var(--max-width-xxlarge);
        margin: 0 auto;
    }
}
.factions-and-officers-block__faction__icon
{
    width: var(--badge-size);
    filter: drop-shadow(0 0 var(--gd-tablet) var(--faction-color)) drop-shadow(0 0 var(--gd-xwide) var(--faction-color));
}
.factions-and-officers-block__faction__icon::before
{
    content: "";
    display: block;
    aspect-ratio: 1/1;
    background-color: hsl(var(--stfc-white));
    -webkit-mask-image: var(--icon-badge);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
}
.factions-and-officers-block__faction__name
{
    width: 100%;
    filter: drop-shadow(.125rem .125rem var(--gd-mobile) hsla(var(--stfc-black)/.25));
}
@media(max-width: calc(768px - 1px))
{
    .factions-and-officers-block__faction__name
    {
        max-width: 80%;
        margin: var(--gd-unit) 0;
    }
}
@media(min-width: 768px)
{
    .factions-and-officers-block__faction__name
    {
        max-width: 26.25rem;
        margin: var(--gd-mobile) 0;
    }
}
.factions-and-officers-block__faction__name::before
{
    content: "";
    display: block;
    padding-bottom: 13.95%;
    background-color: var(--faction-color);
    -webkit-mask-image: var(--faction-name);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
}
.factions-and-officers-block__title
{
    position: relative;
}
@media(max-width: calc(768px - 1px))
{
    .factions-and-officers-block__title
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--heading-h6);
        --letter-spacing: .04em;
        font-family: var(--ff-bold);
        margin-bottom: var(--gd-unit);
    }
}
@media(min-width: 768px)
{
    .factions-and-officers-block__title
    {
        margin-bottom: var(--gd-mobile);
        text-shadow: .125rem .125rem var(--gd-mobile) hsla(var(--stfc-black)/.25);
    }
}
@media(min-width: 992px)
{
    .factions-and-officers-block__title
    {
        max-width: var(--max-width-midsmall);
    }
}
@media(min-width: 1440px)
{
    .factions-and-officers-block__title::before
    {
        content: "";
        width: 4.625rem;
        height: 2.875rem;
        pointer-events: none;
        position: absolute;
        top: 0;
        left: 0;
        transform: translateX(calc((100% + var(--gd-unit)) * -1));
        background-color: hsla(var(--stfc-white)/.1);
        -webkit-mask-image: var(--quote-symbol);
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        -webkit-mask-size: contain;
    }
}
.factions-and-officers-block__text
{
    letter-spacing: var(--letter-spacing);
    font-size: var(--font-size);
    line-height: calc(var(--font-size) + var(--gd-unit));
    --font-size: var(--body);
    --letter-spacing: .02em;
    font-family: var(--ff-bold);
}
@media(min-width: 768px)
{
    .factions-and-officers-block__text
    {
        text-shadow: .125rem .125rem var(--gd-mobile) hsla(var(--stfc-black)/.25);
    }
}
@media(min-width: 992px)
{
    .factions-and-officers-block__text
    {
        max-width: var(--max-width-midsmall);
    }
}
.homepage-fleet__wrapper
{
    padding: var(--pad-top) var(--gd-mobile) var(--pad-bot);
    position: relative;
}
.homepage-fleet__wrapper::before
{
    content: "";
    pointer-events: none;
    background-image: url("../image/BG-ship-selector.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    z-index: var(--z-index-negative);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: .45;
}
@supports(
background-image: url("../image/BG-ship-selector_reduced.webp"))
{
.homepage-fleet__wrapper::before
{
    background-image: url("../image/BG-ship-selector_reduced.webp");
}
}
@media(max-width: calc(768px - 1px))
{
    .homepage-fleet__wrapper
    {
        --pad-top: var(--gd-wide);
        --pad-bot: var(--gd-wide);
    }
}
@media(min-width: 768px)
{
    .homepage-fleet__wrapper
    {
        --pad-top: var(--gd-xxlarge);
        --pad-bot: var(--gd-xwide);
    }
}
@media(min-width: 1440px)
{
    .homepage-fleet__wrapper
    {
        --pad-top: var(--gd-big);
    }
}
@media(min-width: 1680px)
{
    .homepage-fleet__wrapper
    {
        --pad-top: var(--gd-xxbig);
    }
}
.homepage-fleet__intro
{
    text-align: center;
    padding: 0 var(--gd-mobile);
    margin: 0 auto;
    max-width: var(--max-width-medium);
    position: relative;
    z-index: var(--z-index-lift);
}
.homepage-fleet__intro::before
{
    content: "";
    width: .0625rem;
    height: var(--gd-wide);
    display: block;
    margin: 0 auto var(--gd-tablet);
    background-color: hsl(var(--stfc-light-blue-pale));
}
@media(min-width: 768px)
{
    .homepage-fleet__intro::before
    {
        height: var(--gd-xxxlarge);
    }
}
.homepage-fleet__expand
{
    display: flex;
    gap: var(--gd-tablet);
}
@media(max-width: calc(840px - 1px))
{
    .homepage-fleet__expand
    {
        flex-flow: column;
        margin: var(--gd-wide) auto;
    }
}
@media(min-width: 840px)
{
    .homepage-fleet__expand
    {
        margin: var(--gd-big) auto;
        flex-flow: row;
        height: 24.25rem;
        max-width: min(90vw,var(--max-width-xlarge));
    }
}
@media(min-width: 992px)
{
    .homepage-fleet__expand
    {
        margin-top: var(--gd-xxxbig);
        height: 30rem;
    }
}
.homepage-fleet__expand__item:focus, .homepage-fleet__expand__item:hover, .homepage-fleet__expand__item:active, .homepage-fleet__expand__item:focus-within
{
    cursor: pointer;
}
@media(max-width: calc(840px - 1px))
{
    .homepage-fleet__expand__item
    {
        --max-height-item-collapsed: 5rem;
        --max-height-item-expanded: 62.5rem;
        transition: max-height ease calc(var(--ease-time) * 5);
        max-height: var(--max-height-item-collapsed);
        overflow: hidden;
    }
    .homepage-fleet__expand__item.is-expanded
    {
        overflow: visible;
        max-height: var(--max-height-item-expanded);
    }
}
@media(min-width: 840px)
{
    .homepage-fleet__expand__item
    {
        --item-gap: var(--gd-mobile);
        --max-width-item: calc(10% - var(--item-gap));
        max-width: var(--max-width-item);
        flex-basis: var(--max-width-item);
        transition: flex-basis ease calc(var(--ease-time) * 3);
        text-align: center;
        box-shadow: 0 var(--gd-unit) var(--gd-xwide) 0 hsla(var(--stfc-black)/.4);
    }
    .homepage-fleet__expand__item.is-expanded
    {
        --max-width-item: calc(60% - var(--gd-tablet));
    }
}
@media(min-width: 992px)
{
    .homepage-fleet__expand__item
    {
        --max-width-item: calc(8.33% - var(--gd-tablet));
        --item-gap: var(--gd-tablet);
    }
    .homepage-fleet__expand__item.is-expanded
    {
        --max-width-item: calc(66.6% - var(--gd-tablet));
    }
}
.homepage-fleet__expand__item__inner
{
    position: relative;
    height: 100%;
}
@media(max-width: calc(840px - 1px))
{
    .homepage-fleet__expand__item__inner
    {
        max-height: var(--max-height-item-collapsed);
        overflow: hidden;
    }
    .is-expanded .homepage-fleet__expand__item__inner
    {
        display: grid;
        grid-template-columns: repeat(2,minmax(0,1fr));
        align-items: center;
        max-height: none;
    }
}
.homepage-fleet__expand__item__inner.is-federation
{
    --nav-bg: linear-gradient(180deg,hsl(201,99%,26%) 0%,hsl(249,100%,10%) 100%);
    --icon-badge: var(--badge-federation);
    --faction-color: hsl(var(--faction-federation));
}
.homepage-fleet__expand__item__inner.is-klingon
{
    --nav-bg: linear-gradient(180deg,hsl(22,100%,22%) 0%,hsl(0,100%,4%) 100%);
    --icon-badge: var(--badge-klingon);
    --faction-color: hsl(var(--faction-klingon));
}
.homepage-fleet__expand__item__inner.is-romulan
{
    --nav-bg: linear-gradient(180deg,hsl(158,100%,20%) 0%,hsl(138,100%,3%) 100%);
    --icon-badge: var(--badge-romulan);
    --faction-color: hsl(var(--faction-romulan));
}
.homepage-fleet__expand__item__inner::before, .homepage-fleet__expand__item__inner::after
{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: var(--z-index-neutral);
    border-radius: var(--border-radius);
}
.homepage-fleet__expand__item__inner::before
{
    background: var(--nav-bg);
}
.homepage-fleet__expand__item__inner::after
{
    background-image: url("../image/homepage-fleet-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    opacity: .35;
}
@supports(
background-image: url("../image/homepage-fleet-bg_reduced.webp"))
{
.homepage-fleet__expand__item__inner::after
{
    background-image: url("../image/homepage-fleet-bg_reduced.webp");
}
}
.homepage-fleet__expand__item__collapsed-info
{
    position: absolute;
    z-index: var(--z-index-lift);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
@media(max-width: calc(840px - 1px))
{
    .homepage-fleet__expand__item__collapsed-info
    {
        transition: opacity ease calc(var(--ease-time) * 2);
    }
}
.is-expanded .homepage-fleet__expand__item__collapsed-info
{
    opacity: 0;
    pointer-events: none;
}
.homepage-fleet__expand__item__collapsed__img
{
    position: absolute;
    left: 0;
    width: 100%;
    opacity: .4;
}
@media(max-width: calc(840px - 1px))
{
    .homepage-fleet__expand__item__collapsed__img
    {
        top: 0;
        object-fit: cover;
        height: 100%;
    }
}
@media(min-width: 840px)
{
    .homepage-fleet__expand__item__collapsed__img
    {
        object-fit: contain;
        width: 100%;
        height: 5.9375rem;
        transform: rotate(-90deg) translateX(50%);
        top: 50%;
        transition: opacity ease calc(var(--ease-time) * 5);
        transition-delay: calc(var(--ease-time) * 5);
    }
    .is-expanded .homepage-fleet__expand__item__collapsed__img
    {
        opacity: 0;
    }
}
.homepage-fleet__expand__item__collapsed__name
{
    z-index: var(--z-index-lift);
}
@media(min-width: 840px)
{
    .homepage-fleet__expand__item__collapsed__name
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--heading-h4);
        --letter-spacing: .04em;
        font-family: var(--ff-bold);
        transform: rotate(-90deg);
        white-space: nowrap;
        transition: opacity ease calc(var(--ease-time) * 5);
    }
    .is-expanded .homepage-fleet__expand__item__collapsed__name
    {
        opacity: 0;
    }
}
.homepage-fleet__expand__item__media
{
    --aspect-ratio: 16/9;
    --fallback-aspect-ratio: 56.25%;
    position: relative;
    z-index: var(--z-index-lift);
    margin: 0 auto;
    opacity: 0;
    height: 100%;
}
@media(max-width: calc(840px - 1px))
{
    .homepage-fleet__expand__item__media
    {
        transition: max-height ease calc(var(--ease-time) * 5);
        max-height: 7.25rem;
        grid-row: 1/2;
        grid-column: 2/3;
    }
}
@media(min-width: 840px)
{
    .homepage-fleet__expand__item__media
    {
        max-height: 20rem;
    }
}
.is-expanded .homepage-fleet__expand__item__media
{
    aspect-ratio: var(--aspect-ratio);
    opacity: 1;
    transition: opacity ease calc(var(--ease-time) * 3);
}
@media(min-width: 840px)
{
    .is-expanded .homepage-fleet__expand__item__media
    {
        transition-delay: calc(var(--ease-time) * 3);
        max-width: 100%;
    }
}
@supports not (
aspect-ratio: var(--aspect-ratio))
{
.homepage-fleet__expand__item__media::before
{
    content: "";
    display: block;
    position: relative;
    padding-bottom: var(--fallback-aspect-ratio);
}
}
.homepage-fleet__expand__item__img
{
    position: absolute;
    top: 0;
    left: -25%;
    height: 100%;
    width: 100%;
    object-fit: contain;
    filter: drop-shadow(0 0 var(--gd-xlarge) var(--faction-color));
}
@media(min-width: 375px)
{
    .homepage-fleet__expand__item__img
    {
        left: -13%;
    }
}
@media(min-width: 600px)
{
    .homepage-fleet__expand__item__img
    {
        left: 0;
    }
}
@media(min-width: 840px)
{
    .homepage-fleet__expand__item__img
    {
        transition: transform ease calc(var(--ease-time) * 3);
        transition-delay: calc(var(--ease-time) * 3);
    }
    .is-expanded .homepage-fleet__expand__item__img
    {
        transform: translateY(-3rem);
    }
}
.homepage-fleet__expand__item__content
{
    position: relative;
    z-index: var(--z-index-lift);
    opacity: 0;
    transition: opacity ease var(--ease-time);
}
@media(min-width: 840px)
{
    .homepage-fleet__expand__item__content
    {
        transition-delay: 0;
        margin-top: calc(var(--gd-xwide) * -1);
    }
}
.is-expanded .homepage-fleet__expand__item__content
{
    opacity: 1;
}
@media(max-width: calc(768px - 1px))
{
    .is-expanded .homepage-fleet__expand__item__content
    {
        padding: var(--gd-mobile);
    }
}
@media(min-width: 768px)
{
    .is-expanded .homepage-fleet__expand__item__content
    {
        padding: 0 var(--gd-desktop) var(--gd-desktop);
    }
}
@media(max-width: calc(840px - 1px))
{
    .is-expanded .homepage-fleet__expand__item__content
    {
        grid-row: 1/2;
        grid-column: 1/2;
    }
}
@media(min-width: 840px)
{
    .is-expanded .homepage-fleet__expand__item__content
    {
        text-align: center;
        transition-delay: calc(var(--ease-time) * 3);
    }
}
.homepage-fleet__expand__item__icon, .homepage-fleet__expand__item__name
{
    display: none;
    opacity: 0;
}
.is-expanded .homepage-fleet__expand__item__icon, .is-expanded .homepage-fleet__expand__item__name
{
    display: block;
    transition: opacity ease calc(var(--ease-time) * 5);
    opacity: 1;
}
.homepage-fleet__expand__item__icon
{
    filter: drop-shadow(0 0 var(--gd-tablet) var(--faction-color)) drop-shadow(0 0 var(--gd-xwide) var(--faction-color));
}
@media(max-width: calc(768px - 1px))
{
    .homepage-fleet__expand__item__icon
    {
        width: var(--gd-wide);
    }
}
@media(min-width: 768px)
{
    .homepage-fleet__expand__item__icon
    {
        width: var(--gd-large);
    }
}
@media(min-width: 840px)
{
    .homepage-fleet__expand__item__icon
    {
        margin: 0 auto;
    }
}
.homepage-fleet__expand__item__icon::before
{
    content: "";
    display: block;
    padding-bottom: 100%;
    background-color: hsl(var(--stfc-white));
    -webkit-mask-image: var(--icon-badge);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
}
@media(max-width: calc(768px - 1px))
{
    .homepage-fleet__expand__item__name
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--body);
        --letter-spacing: .02em;
        font-family: var(--ff-bold);
    }
}
.homepage-fleet__expand__item__meta
{
    color: var(--faction-color);
    transition: opacity ease var(--ease-time);
    opacity: 0;
    pointer-events: none;
}
@media(max-width: calc(768px - 1px))
{
    .homepage-fleet__expand__item__meta p
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--caption);
        --letter-spacing: .02em;
        font-weight: var(--fw-regular);
    }
}
.is-expanded .homepage-fleet__expand__item__meta
{
    opacity: 1;
    pointer-events: all;
}
.homepage-news__wrapper
{
    padding: var(--pad-v) 0;
    position: relative;
}
@media(max-width: calc(768px - 1px))
{
    .homepage-news__wrapper
    {
        --pad-v: var(--gd-wide);
    }
}
@media(min-width: 768px)
{
    .homepage-news__wrapper
    {
        --pad-v: var(--gd-xxlarge);
    }
}
@media(min-width: 1440px)
{
    .homepage-news__wrapper
    {
        --pad-v: var(--gd-big);
    }
}
@media(min-width: 1680px)
{
    .homepage-news__wrapper
    {
        --pad-v: var(--gd-xxbig);
    }
}
.homepage-news__wrapper::before
{
    content: "";
    position: absolute;
    z-index: var(--z-index-neutral);
    top: 0;
    width: 75%;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: .4;
    pointer-events: none;
}
@supports(
background-image: url("../image/homepage-news-bg_reduced.webp"))
{
.homepage-news__wrapper::before
{
}
}
@media(max-width: calc(768px - 1px))
{
    .homepage-news__wrapper::before
    {
        left: 50%;
        height: 100%;
        transform: translateX(-50%);
    }
}
@media(min-width: 768px)
{
    .homepage-news__wrapper::before
    {
        left: 0;
        height: 80%;
    }
}
@media(min-width: 1680px)
{
    .homepage-news__wrapper::before
    {
        height: 100%;
    }
}
@supports(
filter: blur(12.5rem)) or (
-webkit-filter: blur(12.5rem))
{
@media(min-width: 768px)
{
    .homepage-news__wrapper::after
    {
        content: "";
        position: absolute;
        border-radius: 50%;
        width: 30%;
        aspect-ratio: 1/1;
        z-index: var(--z-index-negative);
        background-color: #5003b5;
        filter: blur(12.5rem);
        left: 0;
        top: 30%;
        pointer-events: none;
    }
}
}
.homepage-news__intro
{
    text-align: center;
    padding: 0 var(--gd-mobile);
    margin: 0 auto;
    max-width: var(--max-width-medium-l);
    position: relative;
    z-index: var(--z-index-lift);
}
@media(min-width: 1680px)
{
    .homepage-news__intro
    {
        max-width: var(--max-width-medium);
    }
}
@media(min-width: 768px)
{
    .homepage-news__intro::before
    {
        opacity: 1;
    }
}
.homepage-news__subtitle
{
    letter-spacing: var(--letter-spacing);
    font-size: var(--font-size);
    line-height: calc(var(--font-size) + var(--gd-unit));
    --font-size: var(--body);
    --letter-spacing: .02em;
    font-family: var(--ff-bold);
    margin: var(--gd-desktop) auto 0;
    max-width: var(--max-width-smedium);
}
.homepage-news__cards-list
{
    --gap: var(--gd-mobile);
    --cols: minmax(0,1fr);
    --margin-v: var(--gd-wide);
    padding: 0 var(--gd-mobile);
    max-width: var(--max-width-xxlarge);
    margin: var(--margin-v) auto;
    display: grid;
    grid-template-columns: var(--cols);
    gap: var(--gap);
    position: relative;
    z-index: var(--z-index-lift);
}
@media(min-width: 768px)
{
    .homepage-news__cards-list
    {
        --cols: repeat(2,minmax(0,1fr));
    }
}
@media(min-width: 992px)
{
    .homepage-news__cards-list
    {
        --gap: var(--gd-tablet);
        --cols: repeat(4,minmax(0,1fr));
        --margin-v: var(--gd-xxlarge);
    }
}
.page-content
{
    padding: 0 var(--gd-mobile);
}
.single-header
{
    --breadcrumb-height: 4rem;
    --mabot: var(--gd-wide);
    --img-decor-displacement-h: calc(var(--gd-unit) * -1);
    --img-decor-displacement-v: var(--gd-unit);
    --meta-gap: var(--gd-unit);
    padding: 0 var(--gd-mobile);
    margin-bottom: var(--mabot);
}
@media(min-width: 768px)
{
    .single-header
    {
        --mabot: var(--gd-xxlarge);
        --img-decor-displacement-h: var(--gd-xwide);
        --img-decor-displacement-v: var(--gd-mobile);
        --meta-gap: var(--gd-mobile);
        display: grid;
        grid-template-columns: 0 minmax(0,1fr) 0;
        align-items: end;
        margin-top: calc(var(--breadcrumb-height) * -1);
    }
}
@media(min-width: 992px)
{
    .single-header
    {
        margin-top: calc((var(--breadcrumb-height) + var(--header-height)) * -1);
    }
}
.single-header__media
{
    --aspect-ratio: 16/9;
    --fallback-aspect-ratio: 56.25%;
    z-index: var(--z-index-neutral);
    position: relative;
    aspect-ratio: var(--aspect-ratio);
    width: 100%;
}
@media(max-width: calc(768px - 1px))
{
    .single-header__media
    {
        margin-top: var(--gd-tablet);
    }
}
@media(min-width: 768px)
{
    .single-header__media
    {
        grid-row: 1/2;
        grid-column: 1/4;
        justify-self: end;
        max-width: 60vw;
    }
    .single-header__media::after
    {
        content: "";
        position: absolute;
        top: 0;
        left: var(--img-decor-displacement-v);
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: var(--z-index-lift);
        background: linear-gradient(90deg,hsla(var(--stfc-blue-xdark)/.8),hsla(var(--stfc-blue-xdark)/0));
    }
}
@supports not (
aspect-ratio: var(--aspect-ratio))
{
.single-header__media::before
{
    content: "";
    display: block;
    position: relative;
    padding-bottom: var(--fallback-aspect-ratio);
}
}
.single-header__featured-img
{
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: var(--z-index-neutral);
    position: absolute;
    box-shadow: var(--img-decor-displacement-h) var(--img-decor-displacement-v) 0 var(--vignette-color);
}
@media(min-width: 768px)
{
    .single-header__featured-img
    {
        transform: translateX(var(--img-decor-displacement-v));
    }
}
.single-header__text
{
    --text-mar-bot: 0;
    z-index: var(--z-index-lift);
    position: relative;
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0,1fr);
    gap: var(--meta-gap);
    margin: 0 auto var(--text-mar-bot);
}
@media(min-width: 768px)
{
    .single-header__text
    {
        grid-row: 1/2;
        max-width: var(--max-width-large);
        grid-column: 2/3;
    }
}
@media(min-width: 992px)
{
    .single-header__text
    {
        --text-mar-bot: var(--gd-wide);
    }
}
@media(min-width: 1680px)
{
    .single-header__text
    {
        --text-mar-bot: var(--gd-xxxbig);
    }
}
@media(max-width: calc(600px - 1px))
{
    .single-header__title
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--heading-h4);
        --letter-spacing: .04em;
        font-family: var(--ff-bold);
    }
}
@media(min-width: 600px)
{
    .single-header__title
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--heading-h3);
        --letter-spacing: .04em;
        font-family: var(--ff-bold);
    }
}
@media(min-width: 768px)
{
    .single-header__title
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--heading-h2);
        --letter-spacing: .04em;
        font-family: var(--ff-bold);
    }
}
@media(min-width: 992px)
{
    .single-header__title
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--heading-h1);
        --letter-spacing: .06em;
        font-family: var(--ff-bold);
    }
}
@media(min-width: 1680px)
{
    .single-header__title
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--heading-display);
        --letter-spacing: .06em;
        font-family: var(--ff-bold);
    }
}
.single-header__text__category
{
    letter-spacing: var(--letter-spacing);
    font-size: var(--font-size);
    line-height: calc(var(--font-size) + var(--gd-unit));
    --font-size: var(--body);
    --letter-spacing: .02em;
    font-family: var(--ff-bold);
    text-transform: uppercase;
    color: hsl(var(--stfc-light-blue));
}
@media(min-width: 1680px)
{
    .single-header__text__category
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--heading-h4);
        --letter-spacing: .04em;
        font-family: var(--ff-bold);
    }
}
.single-header__text__category .separator
{
    content: "|";
    margin: 0 var(--gd-unit);
    color: #828282;
    display: inline-block;
}
.single-header__author
{
    display: inline-block;
}
.single-header__author::after
{
    content: "|";
    margin: 0 var(--gd-unit);
    color: #828282;
    display: inline-block;
}
.single-header__date
{
    display: inline-block;
}
.single-content
{
    padding: 0 var(--gd-mobile);
    margin: 0 auto var(--margin-bot);
    max-width: var(--max-width-large);
    display: grid;
    grid-template-areas: var(--areas);
    grid-template-columns: var(--columns);
    gap: var(--gap);
}
@media(max-width: calc(768px - 1px))
{
    .single-content
    {
        --margin-bot: var(--gd-desktop);
        --gap: var(--gd-desktop);
        --areas: "content" "share";
        --columns: minmax(0,1fr);
        --item-m-top: var(--gd-tablet);
    }
}
@media(min-width: 768px)
{
    .single-content
    {
        --margin-bot: var(--gd-xlarge);
        --gap: var(--gd-desktop);
        --areas: "share content";
        --columns: minmax(0,auto) minmax(0,1fr);
        --item-m-top: var(--gd-wide);
    }
}
@media(min-width: 992px)
{
    .single-content
    {
        --margin-bot: var(--gd-xxbig);
        --gap: var(--gd-xwide);
    }
}
.single-content .sharebar
{
    grid-area: share;
    align-self: start;
}
.single-content__inner::before, .single-content__inner::after
{
    content: "";
    display: table;
    clear: both;
}
.single-content__inner>*
{
    margin: var(--item-m-top) auto 0;
    max-width: var(--max-width-medium-l);
}
.single-content__inner>*:empty
{
    margin-top: 0;
}
.single-content__inner>p, .single-content__inner>h1, .single-content__inner>h2, .single-content__inner>h3, .single-content__inner>h4, .single-content__inner>h5, .single-content__inner>h6, .single-content__inner>ul, .single-content__inner>ol, .single-content__inner .wp-block-video
{
    max-width: var(--max-width-medium);
}
.single-content__inner>p:empty, .single-content__inner>h1:empty, .single-content__inner>h2:empty, .single-content__inner>h3:empty, .single-content__inner>h4:empty, .single-content__inner>h5:empty, .single-content__inner>h6:empty, .single-content__inner>ul:empty, .single-content__inner>ol:empty, .single-content__inner .wp-block-video:empty
{
    display: none;
}
.single-content__inner>ul, .single-content__inner>ol
{
    overflow: hidden;
}
.single-content__inner>h1::before, .single-content__inner>h1::after, .single-content__inner>h2::before, .single-content__inner>h2::after, .single-content__inner>h3::before, .single-content__inner>h3::after, .single-content__inner>h4::before, .single-content__inner>h4::after, .single-content__inner>blockquote::before, .single-content__inner>blockquote::after, .single-content__inner .wp-block-video::before, .single-content__inner .wp-block-video::after
{
    content: "";
    display: table;
    clear: both;
}
.single-content__inner>.wp-block-image
{
    max-width: var(--max-width-medium);
}
.single-content__inner img
{
    width: auto;
    box-shadow: calc(var(--gd-unit) * -1) var(--gd-unit) 0 var(--vignette-color);
}
.single-content__inner .wp-block-table img
{
    box-shadow: none;
    width: 100%;
}
.single-content__inner blockquote
{
    position: relative;
    font-style: italic;
}
.single-content__inner blockquote::before
{
    content: "";
    display: block;
    width: 4.625rem;
    height: 2.875rem;
    pointer-events: none;
    background-color: hsla(var(--stfc-white)/.1);
    -webkit-mask-image: var(--quote-symbol);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    margin-bottom: var(--gd-unit);
}
@media(min-width: 1024px)
{
    .single-content__inner blockquote::before
    {
        position: absolute;
        top: 0;
        left: 0;
        transform: translateX(calc((100% + var(--gd-unit)) * -1));
    }
}
.single-content__inner blockquote p
{
    letter-spacing: var(--letter-spacing);
    font-size: var(--font-size);
    line-height: calc(var(--font-size) + var(--gd-unit));
    --font-size: var(--heading-h4);
    --letter-spacing: .04em;
    font-family: var(--ff-bold);
}
.single-content__inner h5, .single-content__inner h6
{
    color: hsl(var(--stfc-blue-light));
}
.single-content__inner ul, .single-content__inner ol
{
    max-width: var(--max-width-medium);
}
.single-content__inner ul li, .single-content__inner ol li
{
    padding-left: var(--gd-smalltablet);
    position: relative;
    margin-top: var(--gd-smallmobile);
}
.single-content__inner ul li::before, .single-content__inner ol li::before
{
    position: absolute;
    left: 0;
    top: 0;
}
.single-content__inner ul li::after, .single-content__inner ol li::after
{
    content: "";
    display: table;
    clear: both;
}
.single-content__inner ul li::before
{
    content: "";
    width: var(--gd-unit);
    height: var(--gd-unit);
    border-radius: var(--gd-unit);
    background-color: hsl(var(--stfc-blue-light));
    top: .375rem;
}
.single-content__inner ol
{
    counter-reset: ordered-counter;
}
.single-content__inner ol li
{
    counter-increment: ordered-counter;
}
.single-content__inner ol li::before
{
    content: counter(ordered-counter) ". ";
    color: hsl(var(--stfc-blue-light));
    font-weight: var(--fw-bold);
}
.single-content__inner a
{
    transition: color ease-in var(--ease-time);
    color: hsl(var(--stfc-green));
    text-decoration: none;
    font-weight: var(--fw-bold);
}
.single-content__inner a:focus, .single-content__inner a:hover, .single-content__inner a:active, .single-content__inner a:focus-within
{
    color: hsl(var(--stfc-blue-light));
    text-decoration: none;
}
@media(max-width: calc(768px - 1px))
{
    .single-content__inner .alignnone, .single-content__inner .aligncenter, .single-content__inner .alignleft, .single-content__inner .alignright
    {
        margin: var(--gd-mobile) auto var(--gd-wide);
    }
}
@media(min-width: 768px)
{
    .single-content__inner .alignleft
    {
        float: left;
        width: auto;
        max-width: 50%;
        margin: 0 var(--gd-tablet) var(--gd-tablet) 0;
    }
}
@media(min-width: 768px)
{
    .single-content__inner .alignnone
    {
        margin: var(--gd-mobile) auto var(--gd-wide) 0;
        width: auto;
        max-width: var(--max-width-medium-l);
    }
}
@media(min-width: 768px)
{
    .single-content__inner .aligncenter
    {
        margin: var(--gd-mobile) auto var(--gd-wide) 50%;
        width: calc(100vw - var(--gd-desktop));
        width: calc(100dvw - var(--gd-desktop));
        max-width: var(--max-width-medium-l);
        transform: translateX(-50%);
    }
}
@media(min-width: 768px)
{
    .single-content__inner .alignright
    {
        float: right;
        width: auto;
        max-width: 50%;
        margin: 0 0 var(--gd-tablet) var(--gd-tablet);
    }
}
.single-content__inner .wp-block-image img
{
    object-fit: cover;
    background-color: hsla(var(--stfc-blue)/.1);
}
.single-content__inner figcaption
{
    padding: var(--gd-unit) var(--gd-mobile);
    background-color: hsl(var(--stfc-blue-light));
    width: fit-content;
    color: hsl(var(--stfc-blue-xxdark));
}
.single-content__inner .wp-block-gallery
{
    --columns: minmax(0,1fr);
    --gap: var(--gd-wide);
    display: grid;
    grid-template-columns: var(--columns);
    gap: var(--gap)!important;
}
@media(min-width: 768px)
{
    .single-content__inner .wp-block-gallery
    {
        --columns: repeat(2,minmax(0,1fr));
    }
}
@media(min-width: 992px)
{
    .single-content__inner .wp-block-gallery.columns-2
    {
        --columns: repeat(2,minmax(0,1fr));
    }
    .single-content__inner .wp-block-gallery.columns-3
    {
        --columns: repeat(3,minmax(0,1fr));
    }
    .single-content__inner .wp-block-gallery.columns-4
    {
        --columns: repeat(4,minmax(0,1fr));
    }
    .single-content__inner .wp-block-gallery.columns-5
    {
        --columns: repeat(5,minmax(0,1fr));
    }
    .single-content__inner .wp-block-gallery.columns-6
    {
        --columns: repeat(6,minmax(0,1fr));
    }
    .single-content__inner .wp-block-gallery.columns-7
    {
        --columns: repeat(7,minmax(0,1fr));
    }
    .single-content__inner .wp-block-gallery.columns-8
    {
        --columns: repeat(8,minmax(0,1fr));
    }
}
.single-content__inner .wp-block-gallery .wp-block-image, .single-content__inner .wp-block-gallery img
{
    width: 100%!important;
    margin: 0;
    object-fit: cover;
}
.single-content__inner .wp-block-video
{
    --aspect-ratio: 16/9;
    --fallback-aspect-ratio: 56.25%;
    position: relative;
    aspect-ratio: var(--aspect-ratio);
}
@media(min-width: 768px)
{
    .single-content__inner .wp-block-video
    {
        margin: var(--gd-wide) auto var(--gd-wide) 50%;
        width: calc(100vw - var(--gd-desktop));
        width: calc(100dvw - var(--gd-desktop));
        max-width: var(--max-width-medium-l);
        transform: translateX(-50%);
    }
}
@supports not (
aspect-ratio: var(--aspect-ratio))
{
.single-content__inner .wp-block-video::before
{
    content: "";
    display: block;
    position: relative;
    padding-bottom: var(--fallback-aspect-ratio);
}
}
.single-content__inner .wp-block-video video
{
    object-fit: cover;
    width: 100%;
    height: 100%;
}
@media(min-width: 768px)
{
    .single-content__inner .wp-block-media-text.has-media-on-the-left, .single-content__inner .wp-block-media-text.has-media-on-the-right
    {
        display: grid;
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: var(--gd-wide);
    }
    .single-content__inner .wp-block-media-text.has-media-on-the-left .wp-block-media-text__media, .single-content__inner .wp-block-media-text.has-media-on-the-right .wp-block-media-text__media
    {
        margin: 0;
    }
}
.single-content__inner .wp-block-table table
{
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
}
.single-content__inner .wp-block-table th, .single-content__inner .wp-block-table td
{
    border: .0625rem solid hsla(var(--stfc-blue-light)/.25);
    padding: var(--gd-mobile);
}
.single-content__inner .wp-block-table tbody tr:nth-child(odd)
{
    background-color: hsla(var(--stfc-white)/.075);
}
.single-content__inner .wp-block-table.is-style-stripes
{
    border-bottom: .0625rem solid hsla(var(--stfc-blue-light)/.25);
}
.single-content__inner .wp-block-table.is-style-stripes tbody tr:nth-child(odd)
{
    background-color: hsla(var(--stfc-white)/.075);
}
.single-content__inner .wp-block-calendar
{
    padding: var(--gd-mobile) 0;
    overflow-x: scroll;
}
.single-content__inner .wp-block-calendar table
{
    max-width: 100%;
    border-collapse: collapse;
}
.single-content__inner .wp-block-calendar table th
{
    background-color: hsla(var(--stfc-white)/.1);
}
.single-content__inner .wp-block-calendar table caption, .single-content__inner .wp-block-calendar table tbody
{
    color: hsl(var(--stfc-blue-light));
}
.single-content__inner .wp-block-calendar table caption
{
    display: table-caption;
    margin: var(--gd-wide) auto;
}
.single-content__inner .wp-block-calendar th, .single-content__inner .wp-block-calendar td
{
    border: .0625rem solid hsla(var(--stfc-white)/.25);
    padding: var(--gd-mobile);
}
.single-content__inner .wp-calendar-nav
{
    margin: var(--gd-wide) auto;
}
.single-content__inner .wp-block-separator
{
    margin: var(--gd-xwide) auto;
    border-top: .0625rem solid hsla(var(--stfc-white)/.2);
    border-bottom: .0625rem solid hsla(var(--stfc-white)/.2);
    clear: both;
}
.single-content__inner .wp-block-separator::before, .single-content__inner .wp-block-separator::after
{
    content: "";
    display: table;
    clear: both;
}
.single-iframe-wrapper
{
    position: relative;
}
.single-iframe-wrapper::after
{
    content: "";
    position: relative;
    padding-bottom: 56.25%;
    display: block;
    pointer-events: none;
    z-index: var(--z-index-neutral);
}
.single-iframe-wrapper iframe
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: calc(var(--z-index-neutral) + 1);
}
.single-related
{
    padding: var(--pad-v) var(--gd-mobile);
    max-width: none;
    background-image: url("../image/related-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    margin: var(--pad-v) 0 0;
}
@media(max-width: calc(768px - 1px))
{
    .single-related
    {
        --pad-v: var(--gd-wide);
    }
    .single-related .homepage-news__intro::before
    {
        display: none;
    }
}
@media(min-width: 768px)
{
    .single-related
    {
        --pad-v: var(--gd-xlarge);
    }
}
@media(min-width: 992px)
{
    .single-related
    {
        --pad-v: var(--gd-xxbig);
    }
}
.single-related a
{
    color: inherit;
    font-weight: var(--fw-regular);
}
.single-related__inner
{
    max-width: var(--max-width-xxlarge);
    margin: 0 auto;
}
.single-related__no-posts
{
    text-align: center;
    margin: var(--gd-xxlarge) auto;
    text-shadow: .225rem .225rem var(--gd-tablet) hsla(var(--stfc-black)/1);
    text-transform: uppercase;
    max-width: var(--max-width-medium);
}
@media(max-width: calc(768px - 1px))
{
    .single-related__no-posts
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--heading-h5);
        --letter-spacing: .04em;
        font-family: var(--ff-bold);
    }
}
@media(min-width: 768px)
{
    .single-related__no-posts
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--heading-h3);
        --letter-spacing: .04em;
        font-family: var(--ff-bold);
    }
}
.single-title__wrapper
{
    padding: var(--pad-v) var(--gd-mobile);
    text-align: center;
}
@media(max-width: calc(768px - 1px))
{
    .single-title__wrapper
    {
        --pad-v: var(--gd-wide);
    }
}
@media(min-width: 768px)
{
    .single-title__wrapper
    {
        --pad-v: var(--gd-xxlarge);
    }
}
@media(min-width: 992px)
{
    .single-title__wrapper
    {
        --pad-v: var(--gd-big);
    }
}
@media(min-width: 1680px)
{
    .single-title__wrapper
    {
        --pad-v: var(--gd-xxbig);
    }
}
.single-title
{
    max-width: 56.25rem;
    margin: 0 auto var(--gd-smallmobile);
}
.single-subtitle
{
    letter-spacing: var(--letter-spacing);
    font-size: var(--font-size);
    line-height: calc(var(--font-size) + var(--gd-unit));
    --font-size: var(--body);
    --letter-spacing: .02em;
    font-family: var(--ff-bold);
    margin: 0 auto;
    max-width: var(--max-width-medium);
}
.single-big-hero-bg, .single-big-hero-bg__wrapper::before, .single-big-hero-bg__wrapper
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    object-fit: cover;
    aspect-ratio: var(--aspect-ratio);
}
@media(max-width: calc(992px - 1px))
{
    .single-big-hero-bg, .single-big-hero-bg__wrapper::before, .single-big-hero-bg__wrapper
    {
        --aspect-ratio: 1/1;
        --fallback-aspect-ratio: 100%;
    }
}
@media(min-width: 992px)
{
    .single-big-hero-bg, .single-big-hero-bg__wrapper::before, .single-big-hero-bg__wrapper
    {
        --aspect-ratio: 16/9;
        --fallback-aspect-ratio: 56.25%;
    }
}
.single-big-hero-bg__wrapper
{
    z-index: var(--z-index-negative);
    pointer-events: none;
}
@supports not (
aspect-ratio: var(--aspect-ratio))
{
.single-big-hero-bg__wrapper::after
{
    content: "";
    display: block;
    position: relative;
    padding-bottom: var(--fallback-aspect-ratio);
}
}
.single-big-hero-bg__wrapper::before
{
    content: "";
    z-index: var(--z-index-neutral);
    background: linear-gradient(hsl(var(--stfc-blue-xxdark)) 0%,hsla(var(--stfc-blue-xxdark)/.75) 25%,hsla(var(--stfc-blue-xxdark)/.75) 75%,hsl(var(--stfc-blue-xxdark)) 100%);
}
@supports not (
aspect-ratio: var(--aspect-ratio))
{
.single-big-hero-bg__wrapper::before
{
    padding-bottom: var(--fallback-aspect-ratio);
}
}
.single-big-hero-bg
{
    z-index: var(--z-index-negative);
}
@supports not (
aspect-ratio: var(--aspect-ratio))
{
.single-big-hero-bg
{
    height: 100%;
}
}
.fan-art-single-main .single-big-hero-bg
{
    opacity: .35;
}
.single-spotlight-list__sticky, .single-news-list__sticky
{
    --margin-v: var(--gd-wide);
    width: 100%;
    margin: var(--margin-v) auto 0;
    padding: 0 var(--gd-mobile);
}
@media(min-width: 768px)
{
    .single-spotlight-list__sticky, .single-news-list__sticky
    {
        max-width: min(98%,var(--max-width-large) + var(--gd-xbig));
    }
}
@media(min-width: 1440px)
{
    .single-spotlight-list__sticky, .single-news-list__sticky
    {
        max-width: var(--max-width-xxlarge);
    }
}
.card-level-up__list, .single-spotlight-list, .single-news-list
{
    --gap: var(--gd-mobile);
    --cols: minmax(0,1fr);
    --margin-v: var(--gd-wide);
    padding: 0 var(--gd-mobile);
    margin: 0 auto;
    margin: var(--margin-v) auto;
    display: grid;
    grid-template-columns: var(--cols);
    gap: var(--gap);
    position: relative;
    z-index: var(--z-index-lift);
}
@media(min-width: 768px)
{
    .card-level-up__list, .single-spotlight-list, .single-news-list
    {
        --cols: repeat(2,minmax(0,1fr));
        max-width: min(90%,var(--max-width-large));
    }
}
@media(min-width: 992px)
{
    .card-level-up__list, .single-spotlight-list, .single-news-list
    {
        --gap: var(--gd-tablet);
        --cols: repeat(3,minmax(0,1fr));
        --margin-v: var(--gd-xxlarge);
    }
}
[class*=sticky]+.card-level-up__list, [class*=sticky]+.single-spotlight-list, [class*=sticky]+.single-news-list
{
    margin-top: var(--gd-xwide);
}
@media(min-width: 992px)
{
    .single-spotlight-list
    {
        --cols: repeat(4,minmax(0,1fr));
    }
}
.has-modal-open .single-spotlight-list
{
    z-index: 900;
}
.modal
{
    display: none;
    position: fixed;
    z-index: var(--z-index-modal);
    justify-content: center;
    align-items: center;
    padding: var(--gd-mobile);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    height: 100dvh;
    overflow: auto;
    background-color: hsla(var(--stfc-blue-xxdark)/.8);
    -webkit-backdrop-filter: blur(var(--gd-smallmobile));
    backdrop-filter: blur(var(--gd-smallmobile));
}
.modal-content
{
    width: max-content;
}
.modal-content iframe
{
    --aspect-ratio: 16/9;
    --fallback-aspect-ratio: 56.25%;
    display: block;
    margin: 0 auto;
    width: min(80vw,75rem);
    aspect-ratio: 16/9;
}
@supports not (
aspect-ratio: var(--aspect-ratio))
{
.modal-content iframe::before
{
    content: "";
    display: block;
    position: relative;
    padding-bottom: var(--fallback-aspect-ratio);
}
}
.close-modal
{
    color: hsl(var(--stfc-green));
    float: right;
    font-size: var(--heading-h3);
    font-weight: bold;
    margin: calc(var(--gd-tablet) * -1) 0 0 var(--gd-tablet);
}
.close-modal:hover, .close-modal:focus
{
    text-decoration: none;
    cursor: pointer;
    color: hsl(var(--stfc-blue-light));
}
.nav-links, .single-pagination
{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--gd-unit);
    padding: 0 var(--gd-mobile);
    flex-wrap: wrap;
}
.page-numbers, .single-pagination__link
{
    display: inline-block;
    --link-color: hsl(var(--stfc-white));
    --bg-color: hsla(var(--stfc-white)/.2);
    letter-spacing: var(--letter-spacing);
    font-size: var(--font-size);
    line-height: calc(var(--font-size) + var(--gd-unit));
    --font-size: var(--body);
    --letter-spacing: .02em;
    font-family: var(--ff-bold);
    padding: var(--gd-smallmobile) var(--gd-smalltablet);
    color: var(--link-color);
    background-color: var(--bg-color);
    border-radius: calc(var(--border-radius) / 2);
    transition: all ease-in var(--ease-time);
    text-decoration: none;
}
.page-numbers.current, .page-numbers.is-current, .page-numbers:focus, .page-numbers:hover, .page-numbers:active, .page-numbers:focus-within, .single-pagination__link.current, .single-pagination__link.is-current, .single-pagination__link:focus, .single-pagination__link:hover, .single-pagination__link:active, .single-pagination__link:focus-within
{
    --link-color: hsl(var(--stfc-black));
    --bg-color: hsl(var(--stfc-green));
}
.fan-art-single__main
{
    padding: 0 var(--gd-mobile);
    margin: 0 auto var(--margin-bot);
    max-width: var(--max-width-large);
    display: grid;
    grid-template-areas: var(--areas);
    grid-template-columns: var(--columns);
    gap: var(--gap);
}
@media(max-width: calc(768px - 1px))
{
    .fan-art-single__main
    {
        --margin-bot: var(--gd-desktop);
        --gap: var(--gd-desktop);
        --areas: "art" "info" "share";
        --columns: minmax(0,1fr);
    }
}
@media(min-width: 768px)
{
    .fan-art-single__main
    {
        --margin-bot: var(--gd-xlarge);
        --gap: var(--gd-desktop);
        --areas: "share art info";
        --columns: minmax(0,auto) minmax(0,1fr) minmax(0,15rem);
    }
}
@media(min-width: 992px)
{
    .fan-art-single__main
    {
        --margin-bot: var(--gd-xxbig);
        --gap: var(--gd-xwide);
        --columns: minmax(0,var(--gd-xxlarge)) minmax(0,1fr) minmax(0,15rem);
    }
}
.fan-art-single__main .sharebar
{
    grid-area: share;
    align-self: start;
}
.fan-art-single__artwork
{
    grid-area: art;
}
.fan-art-single__info
{
    --icon-heart-size: var(--gd-smalltablet);
    --link-color-hover: hsl(var(--stfc-green-light));
    --icon-link-color: hsl(var(--stfc-light-blue));
    --icon-link-color-hover: var(--link-color-hover);
    grid-area: info;
}
.fan-art-single__info__title
{
    letter-spacing: var(--letter-spacing);
    font-size: var(--font-size);
    line-height: calc(var(--font-size) + var(--gd-unit));
    --font-size: var(--heading-h4);
    --letter-spacing: .04em;
    font-family: var(--ff-bold);
    color: hsl(var(--stfc-light-blue));
    margin-bottom: var(--gd-smallmobile);
}
.fan-art-single__info__meta
{
    margin-top: var(--gd-mobile);
    padding-top: var(--gd-mobile);
    border-top: .0625rem solid hsla(var(--stfc-white)/.2);
}
.fan-art-single__info__meta__label
{
    letter-spacing: var(--letter-spacing);
    font-size: var(--font-size);
    line-height: calc(var(--font-size) + var(--gd-unit));
    --font-size: var(--caption);
    --letter-spacing: .02em;
    font-family: var(--ff-bold);
    color: hsla(var(--stfc-white)/.7);
    margin-bottom: var(--gd-unit);
    display: block;
    text-transform: uppercase;
}
.fan-art-single__info__meta__value
{
    letter-spacing: var(--letter-spacing);
    font-size: var(--font-size);
    line-height: calc(var(--font-size) + var(--gd-unit));
    --font-size: var(--heading-h6);
    --letter-spacing: .04em;
    font-family: var(--ff-bold);
}
.fan-art-single__info__download
{
    --btn-border-radius: calc(var(--border-radius) / 2);
    padding: var(--gd-smallmobile) var(--pad-side);
    display: inline-block;
    border: .0625rem solid var(--btn-border-color);
    color: var(--btn-text-color);
    background-color: var(--btn-color);
    cursor: pointer;
    transition: all ease-in var(--ease-time);
    border-radius: var(--btn-border-radius);
    text-decoration: none;
    box-shadow: none;
    --glow-amount: var(--gd-tablet);
    --btn-color: hsl(var(--stfc-green));
    --btn-color-hover: hsl(var(--stfc-green-light));
    --btn-text-color: hsl(var(--stfc-black));
    --btn-text-color-hover: hsl(var(--stfc-black));
    --btn-border-color: hsl(var(--stfc-green));
    --btn-border-color-hover: hsl(var(--stfc-green-light));
    --glow-color: hsl(var(--stfc-green-light));
    --icon-size: var(--gd-tablet);
    --icon-symbol: var(--icon-scopely);
    --icon-color: hsl(var(--stfc-black));
    padding-left: calc(var(--pad-side) / 2);
    display: inline-flex;
    align-items: center;
    --icon-symbol: var(--icon-download);
    margin-top: var(--gd-tablet);
    text-transform: uppercase;
}
.fan-art-single__info__download.is-active, .fan-art-single__info__download:focus, .fan-art-single__info__download:hover, .fan-art-single__info__download:active, .fan-art-single__info__download:focus-within
{
    outline: 0;
    color: var(--btn-text-color-hover);
    background-color: var(--btn-color-hover);
    border: .0625rem solid var(--btn-border-color-hover);
    text-decoration: none;
    box-shadow: 0 0 var(--glow-amount) var(--glow-color);
}
@media(max-width: calc(992px - 1px))
{
    .fan-art-single__info__download
    {
        --pad-side: var(--gd-smalltablet);
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--button);
        font-family: var(--ff-bold);
    }
}
@media(min-width: 992px)
{
    .fan-art-single__info__download
    {
        --pad-side: var(--gd-tablet);
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--button-medium);
        font-family: var(--ff-bold);
    }
}
@media(max-width: calc(600px - 1px))
{
    .fan-art-single__info__download
    {
        --pad-side: var(--gd-smallmobile);
    }
}
@media(max-width: calc(768px - 1px))
{
    .fan-art-single__info__download
    {
        gap: var(--gd-unit-half);
    }
}
@media(min-width: 768px)
{
    .fan-art-single__info__download
    {
        gap: var(--gd-unit);
    }
}
.fan-art-single__info__download::before
{
    content: "";
    display: inline-block;
    width: var(--icon-size);
    height: var(--icon-size);
    background-color: var(--icon-color);
    transition: background ease ease-in var(--ease-time);
    -webkit-mask-image: var(--icon-symbol);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
}
.fan-art-single__info__download:focus, .fan-art-single__info__download:active, .fan-art-single__info__download:focus-within
{
    outline: 0;
    box-shadow: none;
    background-color: var(--btn-color);
    border: .0625rem solid var(--btn-border-color);
}
.academy-list
{
    --gap: var(--gd-mobile);
    --cols: minmax(0,1fr);
    --margin-v-top: var(--gd-wide);
    --margin-v-bottom: var(--gd-xlarge);
    padding: 0 var(--gd-mobile);
    max-width: var(--max-width-xlarge);
    margin: var(--margin-v-top) auto var(--margin-v-bottom);
    display: grid;
    grid-template-columns: var(--cols);
    gap: var(--gap);
    position: relative;
    z-index: var(--z-index-lift);
}
@media(min-width: 768px)
{
    .academy-list
    {
        --cols: repeat(2,minmax(0,1fr));
    }
}
@media(min-width: 992px)
{
    .academy-list
    {
        --gap: var(--gd-tablet);
        --cols: repeat(3,minmax(0,1fr));
        --margin-v-top: var(--gd-xxlarge);
        --margin-v-bottom: var(--gd-xxxlarge);
    }
}
@media(max-width: calc(768px - 1px))
{
    .card-level-up__list
    {
        --gap: var(--gd-desktop);
    }
}
@media(min-width: 768px)
{
    .card-level-up__list
    {
        --gap: var(--gd-wide) var(--gd-tablet);
    }
}
.card-level-up
{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
.card-level-up__media__wrapper
{
    position: relative;
    z-index: var(--z-index-lift);
    background: linear-gradient(180deg,hsl(241,93%,17%) 0%,hsl(273,94%,25%) 100%);
    border: var(--gd-unit) solid hsl(var(--stfc-blue));
    box-shadow: 0 0 var(--gd-xwide) rgba(107,238,255,.4);
    border-radius: var(--gd-big);
    width: 7.5rem;
    margin: 0 auto;
    padding: var(--gd-smalltablet);
}
.card-level-up__icon__wrapper
{
    --aspect-ratio: 1/1;
    --fallback-aspect-ratio: 100%;
    aspect-ratio: var(--aspect-ratio);
    position: relative;
    z-index: var(--z-index-lift);
}
@supports not (
aspect-ratio: var(--aspect-ratio))
{
.card-level-up__icon__wrapper::before
{
    content: "";
    display: block;
    position: relative;
    padding-bottom: var(--fallback-aspect-ratio);
}
}
.card-level-up__icon
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.card-level-up__content
{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    flex: 1;
    position: relative;
    z-index: var(--z-index-neutral);
    margin-top: calc(var(--gd-xwide) * -1);
    background: linear-gradient(180deg,hsl(241,100%,24%) 0%,hsl(227,100%,15%) 100%);
    border-radius: var(--gd-mobile);
    padding: var(--gd-large) var(--gd-unit) 0;
}
.card-level-up__title
{
    letter-spacing: var(--letter-spacing);
    font-size: var(--font-size);
    line-height: calc(var(--font-size) + var(--gd-unit));
    --font-size: var(--heading-h6);
    --letter-spacing: .04em;
    font-family: var(--ff-bold);
    padding: var(--gd-smallmobile) var(--gd-mobile);
}
.card-level-up__links
{
    flex: 1;
}
.card-level-up__link
{
    --link-color: hsl(var(--stfc-blue-light));
    letter-spacing: var(--letter-spacing);
    font-size: var(--font-size);
    line-height: calc(var(--font-size) + var(--gd-unit));
    --font-size: var(--body);
    --letter-spacing: .02em;
    font-family: var(--ff-bold);
    display: block;
    color: var(--link-color);
    text-decoration: none;
    position: relative;
    padding: var(--gd-smallmobile) var(--gd-wide) var(--gd-smallmobile) var(--gd-smallmobile);
    border-top: .0625rem solid hsla(var(--stfc-white)/.2);
    transition: color ease var(--ease-time);
}
.card-level-up__link:hover
{
    --link-color: hsl(var(--stfc-green));
    outline: 0;
}
.card-level-up__link:focus, .card-level-up__link:active, .card-level-up__link:focus-within
{
    outline: 0;
}
.card-level-up__link::after
{
    content: "";
    width: var(--gd-tablet);
    height: var(--gd-tablet);
    background-color: var(--link-color);
    transition: background-color ease-in-out var(--ease-time);
    -webkit-mask-image: var(--icon-arrow-up-right);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    position: absolute;
    top: var(--gd-smallmobile);
    right: 0;
}
.card-level-up__cta__wrapper
{
    text-align: center;
    padding: var(--gd-smallmobile) var(--gd-smallmobile) var(--gd-tablet);
}
.card-level-up__cta
{
    --btn-border-radius: calc(var(--border-radius) / 2);
    padding: var(--gd-smallmobile) var(--pad-side);
    display: inline-block;
    border: .0625rem solid var(--btn-border-color);
    color: var(--btn-text-color);
    background-color: var(--btn-color);
    cursor: pointer;
    transition: all ease-in var(--ease-time);
    border-radius: var(--btn-border-radius);
    text-decoration: none;
    box-shadow: none;
    --glow-amount: var(--gd-smallmobile);
    --pad-side: var(--gd-smalltablet);
    letter-spacing: var(--letter-spacing);
    font-size: var(--font-size);
    line-height: calc(var(--font-size) + var(--gd-unit));
    --font-size: var(--button-small);
    font-family: var(--ff-bold);
    --btn-color: hsl(var(--stfc-green));
    --btn-color-hover: hsl(var(--stfc-green-light));
    --btn-text-color: hsl(var(--stfc-black));
    --btn-text-color-hover: hsl(var(--stfc-black));
    --btn-border-color: hsl(var(--stfc-green));
    --btn-border-color-hover: hsl(var(--stfc-green-light));
    --glow-color: hsl(var(--stfc-green-light));
    padding: var(--gd-unit) var(--gd-tablet);
}
.card-level-up__cta.is-active, .card-level-up__cta:focus, .card-level-up__cta:hover, .card-level-up__cta:active, .card-level-up__cta:focus-within
{
    outline: 0;
    color: var(--btn-text-color-hover);
    background-color: var(--btn-color-hover);
    border: .0625rem solid var(--btn-border-color-hover);
    text-decoration: none;
    box-shadow: 0 0 var(--glow-amount) var(--glow-color);
}
.error-page
{
    background-image: url("../image/404-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    z-index: calc(var(--z-index-neutral) + 1);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-bottom: var(--gd-wide);
}
.error-page__title-wrapper
{
    --underline-color: hsl(var(--stfc-blue-xdark));
    text-align: center;
    color: hsl(var(--stfc-white));
    text-transform: uppercase;
    max-width: var(--max-width-smedium);
    padding: var(--gd-mobile);
}
.error-page__title
{
    font-size: 5.563rem;
    line-height: 7.563rem;
}
.error-page__subtitle
{
    margin-bottom: var(--gd-smallmobile);
}
@media(max-width: calc(768px - 1px))
{
    .error-page__subtitle
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--heading-h6);
        --letter-spacing: .04em;
        font-family: var(--ff-bold);
    }
}
@media(min-width: 768px)
{
    .error-page__subtitle
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--heading-h5);
        --letter-spacing: .04em;
        font-family: var(--ff-bold);
    }
}
.error-page__sub-subtitle
{
    position: relative;
    z-index: var(--z-index-lift);
    margin-bottom: var(--gd-wide);
}
@media(max-width: calc(768px - 1px))
{
    .error-page__sub-subtitle
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--heading-h4);
        --letter-spacing: .04em;
        font-family: var(--ff-bold);
    }
}
@media(min-width: 768px)
{
    .error-page__sub-subtitle
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--heading-h1);
        --letter-spacing: .06em;
        font-family: var(--ff-bold);
    }
}
.error-page__sub-subtitle::before
{
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: var(--underline-color);
    pointer-events: none;
    height: var(--gd-tablet);
    width: 100%;
    z-index: var(--z-index-negative);
    transform: skewX(-30deg);
}
.error-page__text
{
    letter-spacing: var(--letter-spacing);
    font-size: var(--font-size);
    line-height: calc(var(--font-size) + var(--gd-unit));
    --font-size: var(--body);
    --letter-spacing: .02em;
    font-weight: var(--fw-regular);
    max-width: var(--max-width-small);
    margin: 0 auto;
}
.error-page__link-wrapper
{
    width: 100%;
    text-align: center;
}
@media(max-width: calc(768px - 1px))
{
    .error-page__link-wrapper
    {
        margin-top: var(--gd-tablet);
    }
}
@media(min-width: 768px)
{
    .error-page__link-wrapper
    {
        margin-top: var(--gd-wide);
    }
}
.error-page__link
{
    text-transform: uppercase;
    margin: 0 auto;
}
.download-page
{
    --aspect-ratio: 16/9;
    --fallback-aspect-ratio: 56.25%;
    --underline-color: hsl(var(--stfc-blue-xdark));
    position: relative;
    z-index: calc(var(--z-index-neutral) + 1);
    padding: var(--header-height) var(--gd-mobile) calc(var(--header-height) / 2);
}
.download-page__bg
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    aspect-ratio: var(--aspect-ratio);
    background: linear-gradient(180deg,hsla(var(--stfc-blue-xxdark)/0) 24%,hsl(var(--stfc-blue-xxdark)) 100%),linear-gradient(180deg,hsl(var(--stfc-blue-xxdark)) 0%,hsla(var(--stfc-blue-xxdark)/0) 64%),url("../image/download-block-bg.jpg");
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}
@supports not (
aspect-ratio: var(--aspect-ratio))
{
.download-page__bg::before
{
    content: "";
    display: block;
    position: relative;
    padding-bottom: var(--fallback-aspect-ratio);
}
}
.download-page__title-wrapper
{
    margin-top: var(--gd-xbig);
    text-align: center;
    position: relative;
    z-index: var(--z-index-lift);
}
.download-page__title
{
    position: relative;
    display: inline-block;
    z-index: var(--z-index-lift);
    margin-bottom: var(--gd-desktop);
}
@media(max-width: calc(768px - 1px))
{
    .download-page__title
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--heading-h4);
        --letter-spacing: .04em;
        font-family: var(--ff-bold);
    }
}
@media(min-width: 768px)
{
    .download-page__title
    {
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        line-height: calc(var(--font-size) + var(--gd-unit));
        --font-size: var(--heading-h1);
        --letter-spacing: .06em;
        font-family: var(--ff-bold);
    }
}
.download-page__title::before
{
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: var(--underline-color);
    pointer-events: none;
    height: var(--gd-tablet);
    width: 100%;
    z-index: var(--z-index-negative);
    transform: skewX(-30deg);
}
.download-page__buttons-wrapper
{
    margin-top: var(--gd-desktop);
}
.download-page__video-wrapper
{
    margin: var(--gd-xxlarge) auto var(--gd-xxxbig);
    max-width: var(--max-width-medium-l);
    z-index: var(--z-index-neutral);
    position: relative;
    aspect-ratio: var(--aspect-ratio);
}
@supports not (
aspect-ratio: var(--aspect-ratio))
{
.download-page__video-wrapper::before
{
    content: "";
    display: block;
    position: relative;
    padding-bottom: var(--fallback-aspect-ratio);
}
}
.download-page__video
{
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.glossary-search__wrapper
{
    margin-inline: auto;
    padding: var(--gd-mobile);
    text-align: center;
}
.glossary-search
{
    border-radius: 12.5rem;
    width: min(100%,var(--max-width-medium));
    margin-inline: auto;
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(0,auto);
    gap: var(--gd-smallmobile);
    align-items: stretch;
    background: hsl(var(--stfc-blue-xxdark));
    background: linear-gradient(180deg,#050356 0%,#23023f 100%);
    border: .0625rem solid hsl(var(--stfc-black));
    padding: var(--gd-unit);
    box-shadow: 0 0 4rem 0 rgba(121,58,255,.75);
}
.glossary-search__input
{
    background-color: hsla(var(--stfc-blue-xxdark)/0);
    width: 100%;
    border: none;
    color: hsl(var(--stfc-white));
    padding: var(--gd-mobile) var(--gd-smalltablet);
    line-height: 1;
    border-radius: var(--gd-unit);
    transition: box-shadow ease var(--ease-time);
}
.glossary-search__input:focus, .glossary-search__input:hover, .glossary-search__input:active, .glossary-search__input:focus-within
{
    border: none;
    outline: 0;
}
.glossary-search__submit
{
    --_icon-color: hsl(var(--stfc-black));
    --_icon-size: var(--gd-tablet);
    padding: var(--gd-smallmobile);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: hsl(var(--stfc-green));
    border: 0;
    outline: 0;
    aspect-ratio: 1/1;
    border-radius: 12.5rem;
    transition: background-color ease var(--ease-time);
}
.glossary-search__submit:focus, .glossary-search__submit:hover, .glossary-search__submit:active, .glossary-search__submit:focus-within
{
    background-color: hsl(var(--stfc-green-light));
    cursor: pointer;
    border: 0;
    outline: 0;
}
.glossary-search__submit__icon
{
    width: var(--_icon-size);
    height: var(--_icon-size);
    background-color: var(--_icon-color);
    transition: background-color ease-in-out var(--ease-time),transform ease-in-out var(--ease-time);
    -webkit-mask-image: var(--icon-search);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
}
.glossary-search-results__title
{
    letter-spacing: var(--letter-spacing);
    font-size: var(--font-size);
    line-height: calc(var(--font-size) + var(--gd-unit));
    --font-size: var(--body);
    --letter-spacing: .02em;
    font-family: var(--ff-bold);
    padding: var(--gd-desktop) var(--gd-mobile);
    color: hsl(var(--stfc-white));
    width: min(100%,75rem);
    margin-inline: auto;
}
.glossary-search-results__title span
{
    color: hsl(var(--stfc-green));
}
.glossary-search-results
{
    --_grid-max-col-count: 2;
    --_grid-min-col-size: 300px;
    --_grid-col-size-calc: calc((100% - var(--_grid-gap) * var(--_grid-max-col-count)) / var(--_grid-max-col-count));
    --_grid-col-min-size-calc: min(100%,max(var(--_grid-min-col-size),var(--_grid-col-size-calc)));
    width: min(100%,75rem);
    margin-inline: auto;
    padding: 0 var(--gd-mobile) var(--gd-desktop);
    display: grid;
    grid-template-columns: minmax(0,auto) minmax(0,1fr);
    gap: var(--_grid-gap);
    grid-template-columns: repeat(auto-fit,minmax(var(--_grid-col-min-size-calc),1fr));
}
@media(max-width: calc(768px - 1px))
{
    .glossary-search-results
    {
        --_grid-gap: var(--gd-mobile);
    }
}
@media(min-width: 768px)
{
    .glossary-search-results
    {
        --_grid-gap: var(--gd-tablet);
    }
}
.glossary-nav__wrapper
{
    text-align: center;
    position: sticky;
    z-index: calc(var(--z-index-lift) * 2);
}
@media(max-width: calc(768px - 1px))
{
    .glossary-nav__wrapper
    {
        top: 5rem;
        padding: var(--gd-mobile) var(--gd-mobile) 0;
    }
    .glossary-nav__wrapper.expanded
    {
        background: linear-gradient(180deg,#00062e 0%,rgba(0,16,74,.4) 100%);
        -webkit-backdrop-filter: blur(2.5rem);
        backdrop-filter: blur(2.5rem);
    }
}
@media(min-width: 768px)
{
    .glossary-nav__wrapper
    {
        top: 8.75rem;
        padding: var(--gd-mobile);
    }
}
.glossary-nav
{
    margin-inline: auto;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: var(--gd-smallmobile);
    border-radius: var(--gd-mobile);
    box-shadow: 0 0 4rem 0 rgba(121,58,255,.75);
}
@media(max-width: calc(768px - 1px))
{
    .glossary-nav
    {
        transition: all ease var(--ease-time);
    }
    .glossary-nav__wrapper.expanded .glossary-nav
    {
        opacity: 1;
        overflow: visible;
        max-height: 624.9375rem;
        border-radius: 0 0 var(--gd-mobile) var(--gd-mobile);
        padding: var(--gd-smallmobile);
    }
    .glossary-nav__wrapper:not(.expanded) .glossary-nav
    {
        opacity: 0;
        overflow: hidden;
        max-height: 0;
        padding: 0;
    }
}
@media(min-width: 768px)
{
    .glossary-nav
    {
        padding: var(--gd-smallmobile);
        background: linear-gradient(180deg,#00062e 0%,rgba(0,16,74,.4) 100%);
        -webkit-backdrop-filter: blur(2.5rem);
        backdrop-filter: blur(2.5rem);
    }
}
.glossary-nav__btn
{
    --_btn-bg: rgba(255,255,255,.1);
    --_btn-color: hsl(var(--stfc-white));
    outline: 0;
    border: 0;
    position: relative;
    z-index: var(--z-index-neutral);
}
.glossary-nav__btn:focus, .glossary-nav__btn:hover, .glossary-nav__btn:active, .glossary-nav__btn:focus-within
{
    --_btn-bg: hsl(var(--stfc-green-light));
    --_btn-color: hsl(var(--stfc-black));
    cursor: pointer;
    border: 0;
    outline: 0;
}
.glossary-nav__btn input
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    z-index: var(--z-index-lift);
}
.glossary-nav__btn.current-letter
{
    --_btn-bg: hsl(var(--stfc-green-light));
    --_btn-color: hsl(var(--stfc-black));
}
.glossary-nav__btn__checkmark
{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1/1;
    border-radius: var(--gd-unit);
    color: var(--_btn-color);
    font-family: var(--ff-bold);
    min-width: var(--gd-wide);
    background: var(--_btn-bg);
    transition: background ease var(--ease-time),color ease var(--ease-time);
}
@media(max-width: calc(768px - 1px))
{
    .glossary-nav__mobile-dropdown
    {
        --_icon-color: hsl(var(--stfc-white));
        --_icon-size: var(--gd-tablet);
        padding: var(--gd-mobile) var(--gd-smalltablet);
        width: 100%;
        background-color: hsl(var(--stfc-blue-xxdark));
        box-shadow: 0 0 4rem 0 rgba(121,58,255,.75);
        border-radius: var(--gd-unit);
        transition: box-shadow ease var(--ease-time);
        border: 0;
        outline: 0;
        color: hsl(var(--stfc-white));
        font-family: var(--ff-bold);
        position: relative;
    }
    .glossary-nav__mobile-dropdown:focus, .glossary-nav__mobile-dropdown:hover, .glossary-nav__mobile-dropdown:active, .glossary-nav__mobile-dropdown:focus-within
    {
        box-shadow: 0 0 4rem 0 #793aff;
        border: 0;
    }
    .glossary-nav__wrapper.expanded .glossary-nav__mobile-dropdown
    {
        --_icon: var(--icon-close-x);
        border-radius: var(--gd-unit) var(--gd-unit) 0 0;
    }
    .glossary-nav__wrapper:not(.expanded) .glossary-nav__mobile-dropdown
    {
        --_icon: var(--icon-chevron-down);
    }
    .glossary-nav__mobile-dropdown i
    {
        position: absolute;
        top: 50%;
        left: calc(100% - var(--_icon-size) * 1.5);
        transform: translate3d(0,-50%,0);
        width: var(--_icon-size);
        height: var(--_icon-size);
        background-color: var(--_icon-color);
        transition: background-color ease-in-out var(--ease-time),transform ease-in-out var(--ease-time);
        -webkit-mask-image: var(--_icon);
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        -webkit-mask-size: contain;
    }
}
@media(min-width: 768px)
{
    .glossary-nav__mobile-dropdown
    {
        display: none;
    }
}
.glossary-list-collections
{
    grid-area: content;
    max-width: 85.25rem;
}
@media(max-width: calc(768px - 1px))
{
    .glossary-list-collections
    {
        margin: var(--gd-unit) auto var(--gd-xwide);
        padding: 0 var(--gd-mobile) var(--gd-mobile);
    }
}
@media(min-width: 768px)
{
    .glossary-list-collections
    {
        margin: var(--gd-big) auto;
        padding: var(--gd-mobile);
    }
}
.glossary-letter-collection
{
    display: grid;
    grid-template-columns: minmax(0,auto) minmax(0,1fr);
    align-items: start;
    gap: var(--_gap-collection);
}
@media(max-width: calc(768px - 1px))
{
    .glossary-letter-collection
    {
        --_gap-collection: var(--gd-smallmobile);
    }
}
@media(min-width: 768px)
{
    .glossary-letter-collection
    {
        --_gap-collection: var(--gd-xlarge);
    }
}
.glossary-letter-collection+.glossary-letter-collection
{
    margin-top: var(--gd-xxxbig);
}
.glossary-letter-collection__marker
{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6.25rem;
    position: sticky;
    font-family: var(--ff-bold);
    font-size: var(--_fs);
    box-shadow: 0 0 4rem 0 rgba(121,58,255,.75);
    background: linear-gradient(180deg,#050356 0%,#48047e 100%);
    aspect-ratio: 1/1;
}
@media(max-width: calc(768px - 1px))
{
    .glossary-letter-collection__marker
    {
        --_fs: .75rem;
        top: 10rem;
        padding: var(--gd-unit-half);
        border: .25rem solid hsl(var(--stfc-blue));
        min-width: var(--gd-xwide);
    }
}
@media(min-width: 768px)
{
    .glossary-letter-collection__marker
    {
        --_fs: 2.5rem;
        top: 18rem;
        padding: var(--gd-tablet);
        border: .5rem solid hsl(var(--stfc-blue));
    }
}
.glossary-letter-collection__content
{
    --_grid-max-col-count: 2;
    --_grid-min-col-size: 300px;
    --_grid-col-size-calc: calc((100% - var(--_grid-gap) * var(--_grid-max-col-count)) / var(--_grid-max-col-count));
    --_grid-col-min-size-calc: min(100%,max(var(--_grid-min-col-size),var(--_grid-col-size-calc)));
    display: grid;
    grid-template-columns: minmax(0,auto) minmax(0,1fr);
    gap: var(--_grid-gap);
    grid-template-columns: repeat(auto-fit,minmax(var(--_grid-col-min-size-calc),1fr));
}
@media(max-width: calc(768px - 1px))
{
    .glossary-letter-collection__content
    {
        --_grid-gap: var(--gd-mobile);
    }
}
@media(min-width: 768px)
{
    .glossary-letter-collection__content
    {
        --_grid-gap: var(--gd-tablet);
    }
}
.glossary-letter-card
{
    --_icon-color: hsl(var(--stfc-white));
    --_icon-size: var(--gd-tablet);
    --_excerpt-color: hsl(234,11%,63%);
    box-shadow: 0 0 4rem 0 rgba(121,58,255,.35);
    background: hsl(var(--stfc-blue-xxdark));
    border-radius: var(--gd-mobile);
    padding: var(--_card-pad);
    transition: background ease var(--ease-time),box-shadow ease var(--ease-time);
    text-decoration: none;
    font-family: var(--ff-bold);
}
.glossary-letter-card:focus, .glossary-letter-card:hover, .glossary-letter-card:active, .glossary-letter-card:focus-within
{
    --_excerpt-color: hsl(var(--stfc-white));
    background: hsl(var(--stfc-blue-xdark));
    box-shadow: 0 0 4rem 0 rgba(121,58,255,.75);
}
@media(max-width: calc(768px - 1px))
{
    .glossary-letter-card
    {
        --_card-excerp-cols: minmax(0,1fr);
        --_card-title-fs: 1rem;
        --_card-excerp-fs: .875rem;
        --_card-pad: var(--gd-mobile);
    }
}
@media(min-width: 768px)
{
    .glossary-letter-card
    {
        --_card-excerp-cols: minmax(0,1fr) minmax(0,auto);
        --_card-title-fs: 1.25rem;
        --_card-excerp-fs: 1rem;
        --_card-pad: var(--gd-tablet);
    }
}
.glossary-letter-card__title
{
    line-height: 1.3;
    letter-spacing: .04em;
    font-size: var(--_card-title-fs);
    margin-bottom: var(--gd-unit);
}
.glossary-letter-card__title span
{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.glossary-letter-card__excerpt
{
    display: grid;
    grid-template-columns: var(--_card-excerp-cols);
    gap: var(--gd-mobile);
    font-size: var(--_card-excerp-fs);
    line-height: 1.6;
    letter-spacing: .02em;
    color: var(--_excerpt-color);
    transition: color ease var(--ease-time);
}
@media(min-width: 768px)
{
    .glossary-letter-card__excerpt
    {
        align-items: end;
    }
}
.glossary-letter-card__excerpt span
{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.glossary-letter-card__excerpt i
{
    display: inline-block;
    width: var(--_icon-size);
    height: var(--_icon-size);
    background-color: var(--_icon-color);
    transition: background-color ease-in-out var(--ease-time),transform ease-in-out var(--ease-time);
    -webkit-mask-image: var(--icon-arrow-long-right);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
}
.leaderboard-main
{
    --_max-width-table: 53rem;
}
.leaderboard-main .main-page-title.single-title
{
    max-width: 22ch;
}
.leaderboard-main .single-subtitle
{
    max-width: 43.75rem;
}
.leaderboard-hero__wrapper
{
    text-align: center;
    padding: 0 var(--gd-mobile);
}
.leaderboard-hero__fig
{
    margin-inline: auto;
    max-width: var(--_max-width-table);
    position: relative;
    aspect-ratio: 861/484;
}
.leaderboard-hero__img
{
    position: relative;
    z-index: var(--z-index-lift);
    border-radius: var(--gd-mobile);
    box-shadow: 0 .25rem 3.75rem 0 rgba(255,236,185,.5);
}
.leaderboard-hero__ornament
{
    position: absolute;
    width: auto;
    z-index: var(--z-index-neutral);
}
@media only screen and (max-width: 699px)
{
    .leaderboard-hero__ornament
    {
        max-width: 200px;
    }
}
.leaderboard-hero__ornament.left
{
    top: 0;
    left: -12%;
}
.leaderboard-hero__ornament.right
{
    top: -12%;
    right: 0;
}
@media only screen and (min-width: 1280px)
{
    .leaderboard-hero__ornament.right
    {
        right: -12%;
    }
}
.leaderboard__content
{
    position: relative;
    z-index: var(--z-index-neutral);
}
.leaderboard__content::before
{
    content: "";
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("../image/bg-tiers.webp");
    z-index: calc(var(--z-index-negative) - 1);
    mask-image: linear-gradient(to bottom,transparent 0%,black 30%,black 70%,transparent 100%);
}
.leaderboard__content__img
{
    width: auto;
    position: relative;
    z-index: var(--z-index-lift);
}
@media only screen and (max-width: 699px)
{
    .leaderboard__content__img
    {
        max-width: 200px;
        margin: 0 auto -1.5rem;
    }
}
@media only screen and (min-width: 700px)
{
    .leaderboard__content__img
    {
        margin: 0 auto -3rem;
    }
}
.leaderboard__content__title__wrapper
{
    margin-inline: auto;
    max-width: var(--_max-width-table);
    position: relative;
    text-align: center;
    background: linear-gradient(90deg,rgba(14,0,72,0) 0%,rgba(14,0,72,.8) 10%,rgba(14,0,72,.9) 50%,rgba(14,0,72,.8) 90%,rgba(14,0,72,0) 100%);
}
@media only screen and (max-width: 819px)
{
    .leaderboard__content__title__wrapper
    {
        padding: var(--gd-unit) var(--gd-mobile);
    }
}
@media only screen and (min-width: 820px)
{
    .leaderboard__content__title__wrapper
    {
        padding: var(--gd-tablet);
    }
}
.leaderboard__content__title__wrapper::before, .leaderboard__content__title__wrapper::after
{
    content: "";
    pointer-events: none;
    width: 100%;
    height: .0625rem;
    position: absolute;
    background: linear-gradient(270deg,rgba(7,95,142,0) 0%,#ffc25d 51.73%,rgba(7,95,142,0) 100%);
    left: 0;
}
.leaderboard__content__title__wrapper::before
{
    top: 0;
}
.leaderboard__content__title__wrapper::after
{
    bottom: 0;
}
.leaderboard__content__title
{
    letter-spacing: .04em;
    font-weight: var(--fw-bold);
    text-transform: uppercase;
}
@media only screen and (max-width: 819px)
{
    .leaderboard__content__title
    {
        font-size: var(--body);
    }
}
@media only screen and (min-width: 820px)
{
    .leaderboard__content__title
    {
        font-size: var(--heading-h4);
    }
}
.leaderboard__table__wrapper
{
    width: min(var(--_max-width-table),100% - var(--gd-desktop));
    font-family: var(--ff-bold);
}
@media only screen and (max-width: 699px)
{
    .leaderboard__table__wrapper
    {
        margin: var(--gd-tablet) auto var(--gd-xlarge);
    }
}
@media only screen and (min-width: 700px)
{
    .leaderboard__table__wrapper
    {
        margin: var(--gd-wide) auto var(--gd-big);
    }
}
.leaderboard__table
{
    min-width: 100%;
    width: fit-content;
    box-shadow: 0 0 4rem 0 rgba(121,58,255,.75);
    border-radius: var(--gd-mobile);
    overflow: hidden;
    backdrop-filter: blur(2.5rem);
    will-change: transform;
}
.leaderboard__cell__value
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}
.leaderboard__table__header
{
    display: grid;
    align-items: center;
    padding: var(--gd-mobile) var(--gd-tablet);
    background: linear-gradient(180deg,rgba(0,16,74,.4) 0%,#00062e 100%);
    font-size: var(--heading-h6);
    width: 100%;
}
@media only screen and (max-width: 699px)
{
    .leaderboard__table__header
    {
        grid-template-columns: 2.5rem minmax(0,4.5rem) minmax(0,1fr);
        grid-template-areas: "rank name name" ". server alliance";
        gap: var(--gd-unit) var(--gd-unit-half);
    }
    .leaderboard__table__header .leaderboard__cell.is-rank
    {
        grid-area: rank;
    }
    .leaderboard__table__header .leaderboard__cell.is-name
    {
        grid-area: name;
    }
    .leaderboard__table__header .leaderboard__cell.is-server
    {
        grid-area: server;
    }
    .leaderboard__table__header .leaderboard__cell.is-alliance
    {
        grid-area: alliance;
    }
}
@media only screen and (min-width: 700px)
{
    .leaderboard__table__header
    {
        gap: var(--gd-unit-half);
        grid-template-columns: 2.5rem minmax(14.375rem,1fr) 4.5rem 7.75rem;
    }
}
@media only screen and (max-width: 779px)
{
    .leaderboard__table__header
    {
        display: none;
    }
}
.leaderboard__table__body
{
    counter-reset: leaderboard;
    width: 100%;
}
.leaderboard__table__body .is-rank::before
{
    content: counter(leaderboard,decimal-leading-zero);
}
.leaderboard__table__row
{
    display: grid;
    align-items: center;
    counter-increment: leaderboard;
    background: rgba(0,16,74,.5);
    padding: var(--gd-mobile) var(--gd-tablet);
    width: 100%;
}
@media only screen and (max-width: 699px)
{
    .leaderboard__table__row
    {
        grid-template-columns: 2.5rem minmax(0,4.5rem) minmax(0,1fr);
        grid-template-areas: "rank name name" ". server alliance";
        gap: var(--gd-unit) var(--gd-unit-half);
    }
    .leaderboard__table__row .leaderboard__cell.is-rank
    {
        grid-area: rank;
    }
    .leaderboard__table__row .leaderboard__cell.is-name
    {
        grid-area: name;
    }
    .leaderboard__table__row .leaderboard__cell.is-server
    {
        grid-area: server;
    }
    .leaderboard__table__row .leaderboard__cell.is-alliance
    {
        grid-area: alliance;
    }
}
@media only screen and (min-width: 700px)
{
    .leaderboard__table__row
    {
        gap: var(--gd-unit-half);
        grid-template-columns: 2.5rem minmax(14.375rem,1fr) 4.5rem 7.75rem;
    }
}
@media only screen and (max-width: 779px)
{
    .leaderboard__table__row
    {
        color: hsl(var(--stfc-white));
    }
}
@media only screen and (min-width: 780px)
{
    .leaderboard__table__row
    {
        color: hsl(var(--stfc-light-blue-pale));
    }
}
.leaderboard__table__row:nth-child(n+2)
{
    border-top: .0625rem solid #3454c5;
}
.leaderboard__table__row .leaderboard__cell.is-name
{
    display: flex;
    align-items: center;
}
@media only screen and (max-width: 819px)
{
    .leaderboard__table__row .leaderboard__cell.is-name
    {
        gap: var(--gd-unit);
    }
}
@media only screen and (min-width: 820px)
{
    .leaderboard__table__row .leaderboard__cell.is-name
    {
        gap: var(--gd-mobile);
    }
}
.leaderboard__table__row .leaderboard__cell.is-name::before
{
    content: "";
    display: block;
    width: var(--gd-tablet);
    height: var(--gd-tablet);
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("../image/leaderboard_avatar_table.webp");
    filter: drop-shadow(0 .25rem .75rem rgba(255,236,185,.7));
}
.leaderboard-mobile-label
{
    font-size: var(--caption-small);
    color: hsl(var(--stfc-neutral-blue));
    text-transform: uppercase;
}
@media only screen and (max-width: 779px)
{
    .leaderboard-mobile-label
    {
        display: block;
    }
}
@media only screen and (min-width: 780px)
{
    .leaderboard-mobile-label
    {
        display: none;
    }
}