@font-face {
    font-family: 'GothamSSm-Bold';
    src: url('../../resources/fonts/Inter-VariableFont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}


@font-face {
    font-family: 'GothamSSm-Light';
    src: url('../../resources/fonts/Inter-VariableFont.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'GothamSSm-Medium';
    src: url('../../resources/fonts/Inter-VariableFont.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}


:root {
    --default-color: #ffffff;

    --default-color-90: rgba(255, 255, 255, .9);
    --default-color-80: rgba(255, 255, 255, .8);
    --default-color-75: rgba(255, 255, 255, .75);
    --default-color-70: rgba(255, 255, 255, .7);
    --default-color-65: rgba(255, 255, 255, .65);
    --default-color-60: rgba(255, 255, 255, .6);
    --default-color-50: rgba(255, 255, 255, .5);
    --default-color-40: rgba(255, 255, 255, .4);
    --default-color-30: rgba(255, 255, 255, .3);
    --default-color-25: rgba(255, 255, 255, .25);
    --default-color-20: rgba(255, 255, 255, .2);
    --default-color-15: rgba(255, 255, 255, .15);
    --default-color-10: rgba(255, 255, 255, .1);
    --default-color-05: rgba(255, 255, 255, .05);

    --default-color-contrast: #000000;

    /*links*/
    --a-color: #f5b105;
    --a-hover-color: #fac704;
    --a-active-color: #d99e0a;
    --a-default-color: var(--default-color);

    /*all text*/
    --default-text-color: var(--default-color-60);

    /*Backgrounds*/
    --html-backgrounds-color: #110a27;
    --base-backgrounds-color: #191138;
    --base-backgrounds-light-color: #201644;
    --popup-backgrounds-color: var(--html-backgrounds-color);
    --popup-arrow-backgrounds-color: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMzUgMjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGRlZnMgaWQ9ImRlZnMxIj4KICAgIDxmaWx0ZXIgc3R5bGU9ImNvbG9yLWludGVycG9sYXRpb24tZmlsdGVyczpzUkdCOyIgaWQ9ImZpbHRlcjEzMSIgeD0iLTAuNTA1MjYzMTYiIHk9Ii0wLjUwNTIxMDc5IiB3aWR0aD0iMi4wMTA1MjYzIiBoZWlnaHQ9IjIuMDEwNDIxNiI+CiAgICAgIDxmZUZsb29kIHJlc3VsdD0iZmxvb2QiIGluPSJTb3VyY2VHcmFwaGljIiBmbG9vZC1vcGFjaXR5PSIwLjM4MDM5MiIgZmxvb2QtY29sb3I9InJnYigyNTUsMjU1LDI1NSkiIGlkPSJmZUZsb29kMTMwIiAvPgogICAgICA8ZmVHYXVzc2lhbkJsdXIgcmVzdWx0PSJibHVyIiBpbj0iU291cmNlR3JhcGhpYyIgc3RkRGV2aWF0aW9uPSIyLjAwMDAwMCIgaWQ9ImZlR2F1c3NpYW5CbHVyMTMwIiAvPgogICAgICA8ZmVPZmZzZXQgcmVzdWx0PSJvZmZzZXQiIGluPSJibHVyIiBkeD0iMC4wMDAwMDAiIGR5PSIwLjAwMDAwMCIgaWQ9ImZlT2Zmc2V0MTMwIiAvPgogICAgICA8ZmVDb21wb3NpdGUgcmVzdWx0PSJjb21wMSIgb3BlcmF0b3I9ImluIiBpbj0iZmxvb2QiIGluMj0ib2Zmc2V0IiBpZD0iZmVDb21wb3NpdGUxMzAiIC8+CiAgICAgIDxmZUNvbXBvc2l0ZSByZXN1bHQ9ImNvbXAyIiBvcGVyYXRvcj0ib3ZlciIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iY29tcDEiIGlkPSJmZUNvbXBvc2l0ZTEzMSIgLz4KICAgIDwvZmlsdGVyPgogIDwvZGVmcz4KICA8cGF0aCB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEwNjc4LC0wLjcwNzEwNjc4LC0wLjcwNzEwNjc4LC0wLjcwNzEwNjc4LC01My45ODIwNiwxMDQuODU0NDkpIiBkPSJtIDEyMi4wOTQsOS4zNTkyMzQgMC4zODk0Niw4Ljk5NzQ2MSBjIDAuMDcxNywxLjY1NTMwNCAtMS4yMTIxNiwzLjA1NTI3NyAtMi44Njc0NiwzLjEyNjkyNyAtMC4wODY0LDAuMDAzNyAtMC4xNzI5MiwwLjAwMzcgLTAuMjU5MzEsN2UtNiBsIC04Ljk5Nzg2LC0wLjM4OTAwNyBjIC0xLjc2NjM4LC0wLjA3NjM3IC0zLjQ4Mzc1LDAuNTkxOTA2IC00LjczMzkzLDEuODQyMDg4IHYgMCBsIC0wLjY4OTE3LC0wLjY4OTE3NCAxOC4zMDg4NSwtMTguMzEyNzk1NSAwLjY5MTE1LDAuNjkxMTQzMSBDIDEyMi42ODU3LDUuODc1OTA2NSAxMjIuMDE3NTYsNy41OTMwODg0IDEyMi4wOTQsOS4zNTkyMzQgWiIgc3R5bGU9ImZpbGw6IzExMGEyNztmaWx0ZXI6dXJsKCNmaWx0ZXIxMzEpIiAvPgo8L3N2Zz4K);

    /** Lists */
    --head-row-color: var(--default-color-10);
    --even-row-color: rgba(249, 249, 247, .025);

    --cookie-background-color: url(/local/resources/images/cca_background_dark.svg);

    --syndication-viever-text-color: var(--default-color);
    --syndication-viever-bg-color: var(--html-backgrounds-color);
}

html, body {
    letter-spacing: .4px;
}

nav#main-menu menu.main-menu > li {
    letter-spacing: 1.4px;
}

nav#main-menu,
.header-wrapper > header {
    background: var(--base-backgrounds-light-color);
}

.main-wrapper {
    background: var(--base-backgrounds-color);
}

.cca-wrapper .cca-main .cca-confirm {
    background: var(--default-color-10);
}

main .auth-wrap .form-wrap,
.main-wrapper .auth-wrap .form-wrap {
    background: rgba(17, 10, 39, 0.955);
}

.version-site-list li a:not(:hover):not(:active) {
    color: #fff;
}

.spoiler-wrapper.open .spoiler-title:after {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgdmlld0JveD0iMCAwIDUxMiA1MTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+Cgk8cGF0aCBmaWxsPSIjZmZmIiBkPSJtNDc1IDU5bC0yMi0yMi0xOTcgMTk3LTE5Ny0xOTctMjIgMjIgMTk3IDE5Ny0xOTcgMTk3IDIyIDIyIDE5Ny0xOTcgMTk3IDE5NyAyMi0yMi0xOTctMTk3eiI+PC9wYXRoPgo8L3N2Zz4=);
}

.spoiler-wrapper:not(.open) .spoiler-title:after {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgdmlld0JveD0iMCAwIDUxMiA1MTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+Cgk8cGF0aCBmaWxsPSIjZmZmIiBkPSJtNDY0IDI0MGwtMTkyIDAgMC0xOTItMzIgMCAwIDE5Mi0xOTIgMCAwIDMyIDE5MiAwIDAgMTkyIDMyIDAgMC0xOTIgMTkyIDB6Ij48L3BhdGg+Cjwvc3ZnPg==);
}

.main-viewer > .viewer {
    background: var(--html-backgrounds-color);
}