@charset 'UTF-8';

/*
 * Frame | 3
 * //frame.im
 */

:root {
    --ms-click: 250ms;
    --ms-visual: 625ms;
    
    --color-background: var(--color-prefers-background);
    --color-text: var(--color-prefers-text);
    --color-primary: var(--color-prefers-primary);
    --color-secondary: var(--color-prefers-secondary);
    
    --color-default-dark-background: 240, 5%, 10%;
    --color-default-dark-text: 0, 0%, 90%;
    --color-default-dark-primary: 210, 80%, 50%;
    --color-default-dark-secondary: 0, 0%, 70%;
    --color-default-light-background: 0, 0%, 100%;
    --color-default-light-text: 0, 0%, 0%;
    --color-default-light-primary: 210, 80%, 40%;
    --color-default-light-secondary: 0, 0%, 30%;
}

@media (prefers-color-scheme: dark) { :root {
    --color-background: var(--color-dark-background, var(--color-prefers-background, var(--color-default-dark-background)));
    --color-text: var(--color-dark-text, var(--color-prefers-text, var(--color-default-dark-text)));
    --color-primary: var(--color-dark-primary, var(--color-prefers-primary, var(--color-default-dark-primary)));
    --color-secondary: var(--color-dark-secondary, var(--color-prefers-secondary, var(--color-default-dark-secondary)));
}}

@media (prefers-color-scheme: light) { :root {
    --color-primary: var(--color-light-primary, var(--color-prefers-primary, var(--color-default-light-primary)));
    --color-secondary: var(--color-light-secondary, var(--color-prefers-secondary, var(--color-default-light-secondary)));
    --color-background: var(--color-light-background, var(--color-prefers-background, var(--color-default-light-background)));
    --color-text: var(--color-light-text, var(--color-prefers-text, var(--color-default-light-text)));
}}

::selection {
    background: hsla(var(--color-primary), .25);
    color: hsl(var(--color-text));
}

*, *::before, *::after {
    box-sizing: border-box;
    outline: none;
    font: inherit;
}

html, body,
blockquote, pre, p,
h1, h2, h3, h4, h5, h6,
dl, dd, ol, ul, th, td,
fieldset, legend, select, option,
input, textarea, button,
figure, hr {
    margin: 0;
    padding: 0;
}

html {
    ---PlexSans: 'IBM Plex Sans';
    ---NotoSans: 'Noto Sans';
    cursor: default;
    direction: ltr;
    font-family: var(--font-family, var(---NotoSans)), system-ui, sans-serif;
    font-size: 1rem;
    font-smooth: always;
    line-height: 1;
    quotes: '“' '”';
    scroll-behavior: smooth;
    text-rendering: optimizeLegibility;
    text-size-adjust: 100%;
    word-break: normal;
    word-wrap: break-word;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%;
}

html[lang^='ar'] {
    ---PlexSans: 'IBM Plex Sans Arabic';
    ---NotoSans: 'Noto Sans Arabic';
    direction: rtl;
}

html[lang='cs'],
html[lang='de'],
html[lang='hu'],
html[lang='pl'] {
    quotes: '„' '“';
}

html[lang^='es'],
html[lang='no'] {
    quotes: '«' '»';
}

html[lang='fr'],
html[lang='ru'] {
    quotes: '« ' ' »';
}

html[lang='hi'] {
    ---PlexSans: 'IBM Plex Sans Devanagari';
}

html[lang='he'] {
    ---PlexSans: 'IBM Plex Sans Hebrew';
    ---NotoSans: 'Noto Sans	Hebrew';
}

html[lang='hy'] {
    ---NotoSans: 'Noto Sans Armenian', 'Noto Sans';
}

html[lang='ja'],
html[lang='zh'] {
    quotes: '「' '」';
}

html[lang='ja'] {
    ---NotoSans: 'Noto Sans CJK JP', 'Noto Sans JP', 'Source Han Sans';
}

html[lang='ka'] {
    ---NotoSans: 'Noto Sans Georgian', 'Noto Sans';
}

html[lang='km'] {
    ---NotoSans: 'Noto Sans Khmer', 'Noto Sans';
}

html[lang='ko'] {
    ---PlexSans: 'IBM Plex Sans KR';
    ---NotoSans: 'Noto Sans CJK KR', 'Noto Sans KR', 'Source Han Sans KR';
    word-break: keep-all;
}

html[lang='lo'] {
    ---NotoSans: 'Noto Sans Lao', 'Noto Sans';
}

html[lang='my'] {
    ---NotoSans: 'Noto Sans Myanmar', 'Noto Sans';
}

html[lang='si'] {
    ---NotoSans: 'Noto Sans Sinhala', 'Noto Sans';
}

html[lang='ta'] {
    ---NotoSans: 'Noto Sans Tamil', 'Noto Sans';
}

html[lang='th'] {
    ---PlexSans: 'IBM Plex Sans Thai';
    ---NotoSans: 'Noto Sans Thai';
}

html[lang^='zh'] {
    ---NotoSans: 'Noto Sans CJK TC', 'Noto Sans TC', 'Source Han Sans TW';
}

body {
    background: hsl(var(--color-background));
    color: hsl(var(--color-text));
}

a {
    color: hsl(var(--color-primary));
}

a:hover,
a:focus {
    color: hsl(var(--color-text));
}

a:focus {
    outline: hsla(var(--color-text), .75) dotted 1px;
    outline-offset: -1px;
}

b,
strong {
    font-weight: bold;
}

fieldset,
hr,
iframe {
    border: hidden;
}

img {
    border-style: hidden;
    max-width: 100%;
}

main {
    display: block;
}

ol,
ul {
    list-style-position: inside;
}

small,
sup,
sub {
    font-size: 75%;
}

sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

textarea {
    overflow: auto;
}

[hidden],
.hidden {
    display: none;
    opacity: 0;
}

main > *:not(._responsive) > *,
._content-container {
    max-width: var(--content-size, unset);
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

._aria {
    border: 0;
    clip: rect(0 0 0 0);
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
}

._aria.focusable {
    background: hsla(var(--color-text), .95);
    color: hsl(var(--color-background));
}

._aria.focusable::before,
._aria.focusable::after {
    display: block;
    font-size: .5rem;
    opacity: .75;
}

._aria.focusable::after {
    content: var(--value);
    line-height: .5rem;
    margin-top: 1rem;
}

._aria.focusable:focus {
    clip: initial;
    font-size: 1.5rem;
    height: initial;
    left: 50%;
    padding: 1.5rem;
    position: fixed;
    text-align: center;
    text-decoration: none;
    top: 2rem;
    transform: translate(-50%);
    width: fit-content;
    z-index: 100;
}

@supports (backdrop-filter: blur()) or (-webkit-backdrop-filter: blur()) { ._aria.focusable:focus {
    backdrop-filter: saturate(150%) blur(1rem);
    background: hsla(var(--color-text), .5);
    -webkit-backdrop-filter: saturate(150%) blur(1rem);
}}

noscript::before {
    content: var(--value);
}

._aria.focusable { --value: 'Press return key to continue.'; }
._aria.focusable:lang(ar) { --value: 'اضغط على مفتاح return للمتابعة.'; }
._aria.focusable:lang(cs) { --value: 'Pokračujte stisknutím klávesy return.'; }
._aria.focusable:lang(de) { --value: 'Drücken Sie die Eingabetaste, um fortzufahren.'; }
._aria.focusable:lang(es) { --value: 'Presione la tecla return para continuar.'; }
._aria.focusable:lang(fr) { --value: 'Appuyez sur la touche return pour continuer.';}
._aria.focusable:lang(he) { --value: 'לחץ על מקש return כדי להמשיך.';}
._aria.focusable:lang(hu) { --value: 'A folytatáshoz nyomja meg az return gombot.'; }
._aria.focusable:lang(hy) { --value: 'Սեղմեք return ստեղնը ՝ շարունակելու համար:'; }
._aria.focusable:lang(ja) { --value: 'returnキーを押して続行します。'; }
._aria.focusable:lang(ka) { --value: 'დააჭირეთ return ღილაკს გასაგრძელებლად.'; }
._aria.focusable:lang(km) { --value: 'ចុចគ្រាប់ចុចបញ្ចូល (return) ដើម្បីបន្ត។'; }
._aria.focusable:lang(ko) { --value: 'return 키를 눌러 이동하십시오.'; }
._aria.focusable:lang(lo) { --value: 'ກົດປຸ່ມ return ເພື່ອສືບຕໍ່.'; }
._aria.focusable:lang(my) { --value: 'ဆက်လက်ဆောင်ရွက်ရန် return ခလုတ်ကိုနှိပ်ပါ။'; }
._aria.focusable:lang(no) { --value: 'Trykk return for å fortsette.'; }
._aria.focusable:lang(pl) { --value: 'Naciśnij klawisz return, aby kontynuować.'; }
._aria.focusable:lang(ru) { --value: 'Нажмите клавишу return, чтобы продолжить.'; }
._aria.focusable:lang(si) { --value: 'ඉදිරියට යාමට return යතුර ඔබන්න.'; }
._aria.focusable:lang(ta) { --value: 'தொடர return விசையை அழுத்தவும்.'; }
._aria.focusable:lang(th) { --value: 'กดปุ่ม return เพื่อดำเนินการต่อ'; }
._aria.focusable:lang(zh) { --value: '按return鍵繼續。'; }

noscript { --value: 'Requires JavaScript to be enabled.'; }
noscript:lang(ar) { --value: 'يتطلب تفعيل جافا سكريبت.'; }
noscript:lang(cs) { --value: 'Vyžaduje povolení JavaScriptu.'; }
noscript:lang(de) { --value: 'Erfordert aktiviertes JavaScript.'; }
noscript:lang(es) { --value: 'Requiere que JavaScript esté habilitado.'; }
noscript:lang(fr) { --value: 'Nécessite l\'activation de JavaScript.';}
noscript:lang(he) { --value: 'לחץ על דורש הפעלת JavaScript.';}
noscript:lang(hu) { --value: 'A JavaScript engedélyezése szükséges.'; }
noscript:lang(hy) { --value: 'Պահանջում է JavaScript- ը միացնելու համար:'; }
noscript:lang(ja) { --value: 'JavaScriptを有効にする必要があります。'; }
noscript:lang(ka) { --value: 'მოითხოვს JavaScript- ის ჩართვას.'; }
noscript:lang(km) { --value: 'ទាមទារឱ្យបើកដំណើរការ JavaScript ។'; }
noscript:lang(ko) { --value: 'JavaScript를 활성화해야 합니다.'; }
noscript:lang(lo) { --value: 'ຕ້ອງການໃຫ້ JavaScript ເປີດໃຊ້ງານ.'; }
noscript:lang(my) { --value: 'ဖွင့်ရန် JavaScript လိုအပ်သည်။'; }
noscript:lang(no) { --value: 'Krever at JavaScript er aktivert.'; }
noscript:lang(pl) { --value: 'Wymaga włączonej obsługi JavaScript.'; }
noscript:lang(ru) { --value: 'Требуется включить JavaScript.'; }
noscript:lang(si) { --value: 'ජාවාස්ක්‍රිප්ට් සක්‍රීය කිරීම අවශ්‍යයි.'; }
noscript:lang(ta) { --value: 'JavaScript ஐ இயக்க வேண்டும்.'; }
noscript:lang(th) { --value: 'ต้องเปิดใช้งาน JavaScript'; }
noscript:lang(zh) { --value: '需要启用JavaScript。'; }

@media (print) {
    :root {
        --color-background: 0, 0%, 100%;
        --color-text: 0, 0%, 0%;
        --color-dark-background: 0, 0%, 0%;
        --color-dark-text: 0, 0%, 0%;
        --color-light-background: 0, 100%, 100%;
        --color-light-text: 0, 0%, 0%;
    }

    html {
        color-adjust: exact;
        -webkit-print-color-adjust: exact;
    }

    body > *:not(main),
    main > *:not(section) {
        display: none !important;
    }

    section {
        border-style: hidden !important;
        page-break-inside: avoid;
    }
}