a {
    text-transform: uppercase;
    color: #A6A6A6;
    text-decoration: none;
    transition: text-decoration 0.3s ease;
}
a.chat-link {
    text-transform: unset;
    color: #548AF3;
    text-decoration: underline;
}
a.logout:hover{
    color: #BF5877;
}
a.logout:focus{
    color: #AC395C;
}
a:hover{
    color: var(--link-color);
}
a:focus{
    color: var(--link-color);
}
.server-tabs {
    width: 100%;
    margin: 20px auto;
    background: #fff;
    overflow: hidden;
    max-width: 1920px;
}
.server-tab-button {
    min-width: 163px;
    width: 100%;
    text-align: center;
    margin: 4px;
    cursor: pointer;
    position: relative;
    font-family: 'Tektur', sans-serif;
    background-color: #110D0F;
    font-size: 16px;
    font-weight: 500;
    padding: 13px;
    color: #CCCCCC;
    transition: background-color,color 0.3s ease;
}
.tab-buttons {
    display: flex;
    background: #0A0708;
}
.server-tab-button:hover {
    color: #E6E6E6;
}
.server-tab-button.active {
    color: #F70201;
    background-color: #1E1518;
}
.server-tab-button:hover .dungeon-item-angle{
    border-top: 2px solid #E6E6E6;
    border-left: 2px solid #E6E6E6;
}
.server-tab-button.active .dungeon-item-angle{
    border-top: 2px solid #F70201;
    border-left: 2px solid #F70201;
}
.server-tab-content {
    background-color: #000;
    padding: 20px;
}
.server-tab-pane {
    display: none;
}
.server-tab-pane.active {
    display: block;
}
.blur {
    filter: blur(5px);
    pointer-events: none;
    user-select: none;
}
.dungeon-name {
    width: var(--title-width);
    height: var(--title-height);
    color: #000;
    font-family: 'Vipnagorgialla', sans-serif;
    font-size: 48px;
    position: relative;
    z-index: 5;
    margin-top: 30px;
    align-content: center;
    padding: 10px 0px 10px 0px;
}
.dungeon-title-back {
    position: relative;
    z-index: 4;
    margin-top: -90px;
    background: #000;
    width: var(--title-width);
    height: var(--title-height);
    padding: 0px 10px 0px 10px;
}
.dungeon-title-line{
    margin-top: 2px;
    width: 810px;
    border: 2px solid #9C1616;
}
.dungeons-list {
    flex-wrap: wrap;
    gap: 4px;
    position: relative;
    margin-top: 20px;
    display: inline-flex;
    justify-content: space-between;
}
.dungeon-title-background-line{
    margin-top: 2px;
    border: 1px solid #6A0000;
    position: relative;
    z-index: 1;
    mix-blend-mode: color;
}
.dungeon-title-background-line-filter{
    background-image: url(../images/back-line-filter.png);
    background-repeat: repeat;
    background-size: 34%;
    position: relative;
    z-index: 2;
    margin-top: -76px;
}
.angle{
    position: absolute;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    width: 24px;
    height: 24px;
}
.angle.top-left{
    top: 0;
    left: 0;
}
.angle.top-right{
    top: 0;
    right: 0;
    transform: rotate(90deg);
}
.angle.bottom-left{
    bottom: 0;
    left: 0;
    transform: rotate(270deg);
}
.angle.bottom-right{
    bottom: 0;
    right: 0;
    transform: rotate(180deg);
}
.dungeon-item {
    flex: 1 1 0px;
    cursor: pointer;
    position: relative;
    font-family: 'Tektur', sans-serif;
    background-color: #110D0F;
    width: 233px;
    min-width: 233px;
    font-size: 16px;
    font-weight: 500;
    padding: 13px;
    color: #CCCCCC;
    transition: background-color,color 0.3s ease;
}

.dungeon-item:hover{
    color: #E6E6E6;
}
.dungeon-item:hover .dungeon-item-angle{
    border-top: 2px solid #E6E6E6;
    border-left: 2px solid #E6E6E6;
}
.dungeon-item.active{
    color: #F70201;
    background-color: #1E1518;
}
.dungeon-item.active .dungeon-item-angle{
    border-top: 2px solid #F70201;
    border-left: 2px solid #F70201;
}
.dungeon-tab-pane{
    display: none;
}
.dungeon-tab-pane.active{
    display: block;
}
.dungeon-item-angle{
    transition: border 0.1s ease;
    position: absolute;
    width: 16px;
    height: 16px;
}
.dungeon-item-angle.top-left{
    top: -2px;
    left: -2px;
}
.dungeon-item-angle.top-right{
    top: -2px;
    right: -2px;
    transform: rotate(90deg);
}
.dungeon-item-angle.bottom-left{
    bottom: -2px;
    left: -2px;
    transform: rotate(270deg);
}
.dungeon-item-angle.bottom-right{
    bottom: -2px;
    right: -2px;
    transform: rotate(180deg);
}
.message{
    background-color: #191919ab;;
    padding: 10px 18px 10px 18px;
}
.schedule-popup-info{
    width: 0px;
    height: 0px;
    position: absolute;
}
[type='submit'] {
    text-align: center;
    align-content: center;
    cursor: pointer;
    width: 204px;
    height: 60px;
    position: relative;
    color: #1AE538;
    font-family: 'Tektur', sans-serif;
    font-size: 16px;
    font-weight: 500;
    border: none;
    background-image: url('data:image/svg+xml,<svg width="205" height="61" viewBox="0 0 205 61" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.535156 0.912354H195.036L204.535 10.3318L204.535 60.9124H10.3238L0.535156 51.2278V0.912354ZM11.146 58.9124L2.53516 50.3931V2.91235H18.5352L22.2637 8.91235H54.5781L58.3066 2.91235H194.213L202.535 11.165L202.535 52.9124H175.868L170.535 58.9124H11.146Z" fill="%231AE638"/><path fill-rule="evenodd" clip-rule="evenodd" d="M19.9837 11.418L16.5779 5.91235H5.53516V48.3058L13.8877 55.9124H169.47L175.466 50.835H199.535L199.535 13.2808L191.463 5.91235H61.0116L56.5763 11.418H19.9837ZM61.5414 6.94208L57.1061 12.4478H19.4263L16.0205 6.94208H6.54557V47.8451L14.2733 54.8826H169.048L175.044 49.8053H198.525L198.525 13.7409L191.076 6.94208H61.5414Z" fill="%231AE638"/></svg>');
    background-size: 100%;
    transition: background-image 0.3s ease;
}
[type='submit']:hover {
    background-image: url('data:image/svg+xml,<svg width="205" height="61" viewBox="0 0 205 61" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.535156 0.912354H195.036L204.535 10.3318L204.535 60.9124H10.3238L0.535156 51.2278V0.912354ZM11.146 58.9124L2.53516 50.3931V2.91235H18.5352L22.2637 8.91235H54.5781L58.3066 2.91235H194.213L202.535 11.165L202.535 52.9124H175.868L170.535 58.9124H11.146Z" fill="%231BFD3D"/><path d="M6.39551 48.5779L13.7222 55.2534L170.025 55.579L174.584 50.2061H199.332V13.4097L191.68 6.40869H61.1016L57.3568 11.9444H19.5836L16.3273 6.40869H6.39551V48.5779Z" fill="%234FFD68" fill-opacity="0.4"/><path fill-rule="evenodd" clip-rule="evenodd" d="M19.9837 11.418L16.5779 5.91235H5.53516V48.3058L13.8877 55.9124H169.47L175.466 50.835H199.535L199.535 13.2808L191.463 5.91235H61.0116L56.5763 11.418H19.9837ZM61.5414 7.94208L57.1061 13.4478H19.4263L16.0205 7.94208H7.54557V47.8451L14.2733 53.8826H169.048L175.044 48.8053H197.525L197.525 14.7409L191.076 7.94208H61.5414Z" fill="%231BFD3D"/></svg>');
}
[type='cansel'] {
    text-align: center;
    align-content: center;
    cursor: pointer;
    width: 204px;
    height: 60px;
    position: relative;
    color: #A6A6A6;
    font-family: 'Tektur', sans-serif;
    font-size: 16px;
    font-weight: 500;
    border: none;
    background-image: url('data:image/svg+xml,<svg width="205" height="61" viewBox="0 0 205 61" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.535156 0.912354H195.036L204.535 10.3318L204.535 60.9124H10.3238L0.535156 51.2278V0.912354ZM11.146 58.9124L2.53516 50.3931V2.91235H18.5352L22.2637 8.91235H54.5781L58.3066 2.91235H194.213L202.535 11.165L202.535 52.9124H175.868L170.535 58.9124H11.146Z" fill="%23A6A6A6"/><path fill-rule="evenodd" clip-rule="evenodd" d="M19.9837 11.418L16.5779 5.91235H5.53516V48.3058L13.8877 55.9124H169.47L175.466 50.835H199.535L199.535 13.2808L191.463 5.91235H61.0116L56.5763 11.418H19.9837ZM61.5414 6.94208L57.1061 12.4478H19.4263L16.0205 6.94208H6.54557V47.8451L14.2733 54.8826H169.048L175.044 49.8053H198.525L198.525 13.7409L191.076 6.94208H61.5414Z" fill="%23A6A6A6"/></svg>');
    background-size: 100%;
    transition: background-image 0.3s ease;
}
[type='cansel']:hover {
    background-image: url('data:image/svg+xml,<svg width="205" height="61" viewBox="0 0 205 61" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.535156 0.912354H195.036L204.535 10.3318L204.535 60.9124H10.3238L0.535156 51.2278V0.912354ZM11.146 58.9124L2.53516 50.3931V2.91235H18.5352L22.2637 8.91235H54.5781L58.3066 2.91235H194.213L202.535 11.165L202.535 52.9124H175.868L170.535 58.9124H11.146Z" fill="%23BFBFBF"/><path d="M6.39551 48.5779L13.7222 55.2534L170.025 55.579L174.584 50.2061H199.332V13.4097L191.68 6.40869H61.1016L57.3568 11.9444H19.5836L16.3273 6.40869H6.39551V48.5779Z" fill="%23BFBFBF" fill-opacity="0.3"/><path fill-rule="evenodd" clip-rule="evenodd" d="M19.9837 11.418L16.5779 5.91235H5.53516V48.3058L13.8877 55.9124H169.47L175.466 50.835H199.535L199.535 13.2808L191.463 5.91235H61.0116L56.5763 11.418H19.9837ZM61.5414 7.94208L57.1061 13.4478H19.4263L16.0205 7.94208H7.54557V47.8451L14.2733 53.8826H169.048L175.044 48.8053H197.525L197.525 14.7409L191.076 7.94208H61.5414Z" fill="%23BFBFBF"/></svg>');
}
.modal{
    position: fixed;
    top: 50%;
    left: 50%;
    width: 590px;
    height: 298px;
    color: #CCCCCC;
    font-family: 'Jost', sans-serif;
    transform: translate(-50%, -50%);
    background: #1B1819;
    padding: 20px;
    z-index: 1000;
    box-shadow: 0px 0 10px 6px rgb(0 0 0);
}
.only-submit{
    position:absolute;
    right: 25px;
    bottom: 25px;
}
.actions {
    left: 95px;
    position: fixed;
    bottom: 30px;
    display: flex;
    gap: 30px;
}
#validation {
    color: #ff0000;
    font-family: 'Jost', sans-serif;
}
#notify{
    position: absolute;
    display: grid;
    gap: 10px;
    top: 10px;
    right: 10px;
    grid-template-rows: auto;
    overflow: hidden;
}
.notify {
    border-radius: 5px;
    position: relative;
    width: 250px;
    height: fit-content;
    color: #CCCCCC;
    font-family: 'Jost', sans-serif;
    font-weight: 600px;
    background: #fff;
    z-index: 1001;
    transform: translate(102%, 0%);
    transition: transform 0.3s ease;
    overflow: hidden;
}
.show {
    transform: translate(0%, 0%);
}
.notify-header{
    background: #555;
    padding: 3px 10px;
}
.notify-message{
    padding: 10px;
}
.notify-progress {
    margin-bottom: 0px;
    width: 250px;
    background: #555;
    height: 6px;
    transition: width 4s linear;
}
.notify-progress.end {
    width: 0px;
}
.notify.error {
    background: #9C1616
}
.notify.error .notify-header {
    background: #6A0000
}
.notify.error .notify-progress {
    background: #f67f7e
}
.notify.success {
    background: #0b8e1e
}
.notify.success .notify-header {
    background: #064910
}
.notify.success .notify-progress {
    background: #09FD2D
}
.input-field {
    background-color: unset;
    border: 1px solid #999999;
    color: #999999;
    font-family: 'Overpass', sans-serif;
    font-weight: 400;
    font-size: 24px;
    padding: 12px;
}
.input-field:hover {
    border: 1px solid #BFBFBF;
    color: #BFBFBF;
}
.input-field:focus {
    outline: 3px solid transparent;
    border-radius: 0px;
    border: 1px solid #BFBFBF;
    color: #BFBFBF;
}
.input-field.error {
    border: 1px solid #DD3D3C;
    color: #DD3D3C;
}
.input-field.error:hover {
    border: 1px solid #F70201;
    color: #F70201;
}
.input-field.error:focus {
    border: 1px solid #F70201;
    color: #F70201;
}
.warning {
    background-image: url(../images/warning.png);
    background-size: 100%;
    color: #C36922;
    font-family: 'Tektur', sans-serif;
    font-size: 16px;
    font-weight: 500;
    width: 632px;
    height: 200px;
    text-align: center;
    align-content: center;
    margin-top: 168px;
}
.header-base {
    background: var(--help-header-background);
    min-height: 96px;
    width: 100%;
    align-content: center;
    border-bottom: 1px solid #262626;
}
.header-line {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    background-image: url('data:image/svg+xml,<svg width="1154" height="48" viewBox="45 0 1153 48" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1977_2698)"><mask id="mask0_1977_2698" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="-36" y="0" width="1275" height="48"><path d="M9.84377 0H34.9529L-9.82774 48H-35.6733L9.84377 0Z" fill="%23D9D9D9"/><path d="M57.97 0H83.0791L38.2985 48H12.4529L57.97 0Z" fill="%23D9D9D9"/><path d="M106.096 0H131.205L86.4247 48H60.5791L106.096 0Z" fill="%23D9D9D9"/><path d="M154.222 0H179.331L134.551 48H108.705L154.222 0Z" fill="%23D9D9D9"/><path d="M202.349 0H227.458L182.677 48H156.831L202.349 0Z" fill="%23D9D9D9"/><path d="M250.475 0H275.584L230.803 48H204.958L250.475 0Z" fill="%23D9D9D9"/><path d="M298.601 0H323.71L278.929 48H253.084L298.601 0Z" fill="%23D9D9D9"/><path d="M346.727 0H371.836L327.056 48H301.21L346.727 0Z" fill="%23D9D9D9"/><path d="M394.853 0H419.963L375.182 48H349.336L394.853 0Z" fill="%23D9D9D9"/><path d="M442.98 0H468.089L423.308 48H397.463L442.98 0Z" fill="%23D9D9D9"/><path d="M491.106 0H516.215L471.434 48H445.589L491.106 0Z" fill="%23D9D9D9"/><path d="M539.232 0H564.341L519.561 48H493.715L539.232 0Z" fill="%23D9D9D9"/><path d="M587.358 0H612.467L567.687 48H541.841L587.358 0Z" fill="%23D9D9D9"/><path d="M635.485 0H660.594L615.813 48H589.967L635.485 0Z" fill="%23D9D9D9"/><path d="M683.611 0H708.72L663.939 48H638.094L683.611 0Z" fill="%23D9D9D9"/><path d="M731.737 0H756.846L712.065 48H686.22L731.737 0Z" fill="%23D9D9D9"/><path d="M779.863 0H804.972L760.192 48H734.346L779.863 0Z" fill="%23D9D9D9"/><path d="M827.989 0H853.099L808.318 48H782.472L827.989 0Z" fill="%23D9D9D9"/><path d="M876.116 0H901.225L856.444 48H830.599L876.116 0Z" fill="%23D9D9D9"/><path d="M924.242 0H949.351L904.57 48H878.725L924.242 0Z" fill="%23D9D9D9"/><path d="M972.368 0H997.477L952.697 48H926.851L972.368 0Z" fill="%23D9D9D9"/><path d="M1020.49 0H1045.6L1000.82 48H974.977L1020.49 0Z" fill="%23D9D9D9"/><path d="M1068.62 0H1093.73L1048.95 48H1023.1L1068.62 0Z" fill="%23D9D9D9"/><path d="M1116.75 0H1141.86L1097.08 48H1071.23L1116.75 0Z" fill="%23D9D9D9"/><path d="M1164.87 0H1189.98L1145.2 48H1119.36L1164.87 0Z" fill="%23D9D9D9"/><path d="M1213 0H1238.11L1193.33 48H1167.48L1213 0Z" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_1977_2698)"><path d="M8.22705 -0.5H1198.23V0.5H8.22705V-0.5Z" fill="%231A434D"/><path d="M8.22705 2.5H1198.23V3.5H8.22705V2.5Z" fill="%231A434D"/><path d="M8.22705 5.5H1198.23V6.5H8.22705V5.5Z" fill="%231A434D"/><path d="M8.22705 8.5H1198.23V9.5H8.22705V8.5Z" fill="%231A434D"/><path d="M8.22705 11.5H1198.23V12.5H8.22705V11.5Z" fill="%231A434D"/><path d="M8.22705 14.5H1198.23V15.5H8.22705V14.5Z" fill="%231A434D"/><path d="M8.22705 17.5H1198.23V18.5H8.22705V17.5Z" fill="%231A434D"/><path d="M8.22705 20.5H1198.23V21.5H8.22705V20.5Z" fill="%231A434D"/><path d="M8.22705 23.5H1198.23V24.5H8.22705V23.5Z" fill="%231A434D"/><path d="M8.22705 26.5H1198.23V27.5H8.22705V26.5Z" fill="%231A434D"/><path d="M8.22705 29.5H1198.23V30.5H8.22705V29.5Z" fill="%231A434D"/><path d="M8.22705 32.5H1198.23V33.5H8.22705V32.5Z" fill="%231A434D"/><path d="M8.22705 35.5H1198.23V36.5H8.22705V35.5Z" fill="%231A434D"/><path d="M8.22705 38.5H1198.23V39.5H8.22705V38.5Z" fill="%231A434D"/><path d="M8.22705 41.5H1198.23V42.5H8.22705V41.5Z" fill="%231A434D"/><path d="M8.22705 44.5H1198.23V45.5H8.22705V44.5Z" fill="%231A434D"/><path d="M8.22705 47.5H1198.23V48.5H8.22705V47.5Z" fill="%231A434D"/></g></g><defs><clipPath id="clip0_1977_2698"><rect width="1198" height="48" fill="white" transform="translate(0.32666)"/></clipPath></defs></svg> ');
}
.header-content {
    max-width: var(--help-content-width);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header-title {
    position: relative;
    text-align: center;
    align-content: center;
    font-family: var(--family-vipnagorgialla-bold);
    font-weight: 700;
    font-size: 39px;
    color: #FAFAF9;
    text-transform: uppercase;
    background: var(--help-header-background);
    width: 289px;
    height: 80px;
    letter-spacing: 1px;
    border-left: 10px solid var(--help-header-background);
    border-right: 10px solid var(--help-header-background);
}
.header-title-angle {
    position: absolute;
    width: 24px;
    height: 24px;
    border-top: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
}
.header-title-angle.top-left {
    top: 0;
    left: 0;
}
.header-title-angle.top-right {
    transform: rotate(90deg);
    top: 0;
    right: 0;
}
.header-title-angle.bottom-left {
    transform: rotate(270deg);
    bottom: 0;
    left: 0;
}
.header-title-angle.bottom-right {
    transform: rotate(180deg);
    bottom: 0;
    right: 0;
}