.adthrive-ad {
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
    overflow-x: visible;
    clear: both;
    line-height: 0;
}

.adthrive-ad iframe {
    display: unset !important;
}

.adthrive-footer {
    z-index: 10000000 !important;
    background-color: inherit !important;
    border-top: none !important;
}

.adthrive-collapse-mobile-background {
    background-color: inherit !important;
}

.wp-block-image {
justify-content: center;
    text-align: center;
}

.adthrive-top-collapse-close > svg > * {
    stroke: white;
    font-family: sans-serif;
}

.adthrive-sidebar-9 {
    top: 3rem !important;
}

.adthrive-player-position.adthrive-collapse-mobile.adthrive-collapse-top-center.adthrive-player-without-wrapper-text {
    top: 3.28rem!important;
    z-index: 100000!important;
}

.adthrive-collapse-mobile-background {
    top: 3.28rem !important;
}

.gtm-style.gtm-has-block-flex-layout {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.gtm-social-color-facebook {
    --gtm-social-color: #3b5998;
    --gtm-social-dark-color: #2a3f6c;
    --gtm-social-light-color: #5476bd;
}

.gtm-social-color-twitter {
    --gtm-social-color: #00aced;
    --gtm-social-dark-color: #0080b0;
    --gtm-social-light-color: #2bc5ff;
}

.gtm-social-color-pinterest {
    --gtm-social-color: #bd081c;
    --gtm-social-dark-color: #820613;
    --gtm-social-light-color: #f50d27;
}

.gtm-social-color-dribbble {
    --gtm-social-color: #ea4c89;
    --gtm-social-dark-color: #df1a66;
    --gtm-social-light-color: #f083ad;
}

.gtm-social-color-linkedin {
    --gtm-social-color: #0077b5;
    --gtm-social-dark-color: #004f78;
    --gtm-social-light-color: #009ff2;
}

.gtm-social-color-flickr {
    --gtm-social-color: #ff0084;
    --gtm-social-dark-color: #c20064;
    --gtm-social-light-color: #ff3da2;
}

.gtm-social-color-youtube {
    --gtm-social-color: red;
    --gtm-social-dark-color: #c20000;
    --gtm-social-light-color: #ff3d3d;
}

.gtm-social-color-reddit {
    --gtm-social-color: #ff4500;
    --gtm-social-dark-color: #c23400;
    --gtm-social-light-color: #ff723d;
}

.gtm-social-color-stumbleupon {
    --gtm-social-color: #eb4924;
    --gtm-social-dark-color: #c03212;
    --gtm-social-light-color: #f0785c;
}

.gtm-social-color-tumblr {
    --gtm-social-color: #35465c;
    --gtm-social-dark-color: #1f2835;
    --gtm-social-light-color: #4b6483;
}

.gtm-social-color-vimeo {
    --gtm-social-color: #1ab7ea;
    --gtm-social-dark-color: #118eb6;
    --gtm-social-light-color: #52c9ef;
}

.gtm-social-color-yelp {
    --gtm-social-color: #af0606;
    --gtm-social-dark-color: #740404;
    --gtm-social-light-color: #ea0808;
}

.gtm-social-color-lastfm {
    --gtm-social-color: #d51007;
    --gtm-social-dark-color: #9a0c05;
    --gtm-social-light-color: #f82b21;
}

.gtm-social-color-dropbox {
    --gtm-social-color: #007ee5;
    --gtm-social-dark-color: #005ca8;
    --gtm-social-light-color: #239cff;
}

.gtm-social-color-xing {
    --gtm-social-color: #026466;
    --gtm-social-dark-color: #01292a;
    --gtm-social-light-color: #039fa2;
}

.gtm-social-color-github {
    --gtm-social-color: #333;
    --gtm-social-dark-color: #141414;
    --gtm-social-light-color: #525252;
}

.gtm-social-color-soundcloud {
    --gtm-social-color: #f30;
    --gtm-social-dark-color: #c22700;
    --gtm-social-light-color: #ff643d;
}

.gtm-social-color-instagram {
    --gtm-social-color: #e1306c;
    --gtm-social-dark-color: #b91b50;
    --gtm-social-light-color: #e96592;
}

.gtm-social-color-paypal {
    --gtm-social-color: #003087;
    --gtm-social-dark-color: #001a4a;
    --gtm-social-light-color: #0046c4;
}

.gtm-social-color-spotify {
    --gtm-social-color: #1db954;
    --gtm-social-dark-color: #15843c;
    --gtm-social-light-color: #34df70;
}

.gtm-social-color-googleplay {
    --gtm-social-color: #34a853;
    --gtm-social-dark-color: #26793c;
    --gtm-social-light-color: #50c971;
}

.gtm-social-color-500px {
    --gtm-social-color: #0099e5;
    --gtm-social-dark-color: #0070a8;
    --gtm-social-light-color: #23b6ff;
}

.gtm-social-color-vk {
    --gtm-social-color: #45668e;
    --gtm-social-dark-color: #314865;
    --gtm-social-light-color: #5f84b1;
}

.gtm-social-color-medium {
    --gtm-social-color: #00ab6c;
    --gtm-social-dark-color: #006e45;
    --gtm-social-light-color: #00e893;
}

.gtm-social-color-vine {
    --gtm-social-color: #00b488;
    --gtm-social-dark-color: #00775a;
    --gtm-social-light-color: #00f1b6;
}

.gtm-social-color-telegram {
    --gtm-social-color: #08c;
    --gtm-social-dark-color: #005f8f;
    --gtm-social-light-color: #0aadff;
}

.gtm-social-color-tripadvisor {
    --gtm-social-color: #00af87;
    --gtm-social-dark-color: #007258;
    --gtm-social-light-color: #00ecb6;
}

.gtm-social-color-behance {
    --gtm-social-color: #1769ff;
    --gtm-social-dark-color: #004dd9;
    --gtm-social-light-color: #5491ff;
}

:where(.wp-block-gtm-post-share__button) {
    --gtm-social-color: #222;
    --gtm-social-dark-color: #030303;
    --gtm-social-light-color: #414141;
}

.wp-block-gtm-post-share .wp-block-gtm-post-share__button {
    cursor: pointer;
    display: flex;
    align-items: center;
    text-decoration: none;
    transition: var(--gtm-transition);
    transition-property: var(--gtm-global--transition-property);
    will-change: var(--gtm-global--transition-property);
    transition-property: color, background, border-color;
    --gtm-post-share-accent-1: var(--gtm-social-color, currentColor);
    --gtm-post-share-accent-2: #fff;
    background: var(--gtm-post-share-accent-1);
    color: var(--gtm-post-share-accent-2);
    padding: .64em .8em;
    gap: .5em;
}

.wp-block-gtm-post-share.is-style-gtmt-themed .wp-block-gtm-post-share__button, .wp-block-gtm-post-share.is-style-gtmt-themed-small .wp-block-gtm-post-share__button {
    border-radius: 16px;
  padding: clamp(16px, 1rem + ((1vw - 3.2px) * 0.741), 24px);
    justify-content: center;
width: 100%;
}

.wp-block-gtm-post-share .gtm-icon {
    width: 1em;
    text-align: center;
    font-size: 1em;
    line-height: 1;
    box-sizing: content-box;
    color: currentColor;
}

.wp-block-gtm-post-share.is-style-gtmt-themed .wp-block-gtm-post-share__label, .wp-block-gtm-post-share.is-style-gtmt-themed-small .wp-block-gtm-post-share__label {
    display: none;
}

.wp-block-gtm-post-share .wp-block-gtm-post-share__label {
    line-height: 1;
}

[class^=gtm-basic-icon-]:not(#\9),[class*=" gtm-basic-icon-"]:not(#\9) {
    font-family: gtm-basic-icon;
    line-height: 1;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.wp-block-gtm-post-share .gtm-icon {
    width: 1em;
    text-align: center;
    font-size: 1em;
    line-height: 1;
    box-sizing: content-box;
    color: currentColor;
}

.wp-block-gtm-post-share.is-style-gtmt-themed .gtm-icon, .wp-block-gtm-post-share.is-style-gtmt-themed-small .gtm-icon {
    font-size: 16px;
}

.gtm-basic-icon-odnoklassniki:before {
    content: url(https://wuthering.ru/wp-content/themes/wuthering/images/ok.svg);
    filter: invert(1);
}

[class^=gtm-basic-icon-]:not(#\9), [class*=" gtm-basic-icon-"]:not(#\9) {
    font-family: gtm-basic-icon;
    line-height: 1;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[data-sidebar] {
    display: grid;
    grid-template-columns: var(--grid-template-columns, 100%);
    grid-column-gap: var(--sidebar-gap, 4%);
    grid-row-gap: 50px;
}

[data-sidebar]>aside {
    order: var(--sidebar-order);
}

@media(min-width: 1000px) {
    [data-sidebar=right] {
        --grid-template-columns: minmax(100px, 1fr) var(--sidebar-width, 27%);
    }

    [data-sidebar=left] {
        --sidebar-order: -1;
        --grid-template-columns: var(--sidebar-width, 27%) minmax(100px, 1fr);
    }

    [data-sidebar=left]>section {
        grid-column: 2;
    }
}

[data-prefix] div[data-sidebar]>article {
    --has-wide: var(--false);
    --has-boxed-structure: var(--false);
}

.ct-sidebar {
    position: relative;
    z-index: 1;
}

.ct-sidebar .ct-widget {
    color: var(--theme-text-color);
}

.ct-sidebar .ct-widget:not(:last-child) {
    margin-bottom: var(--sidebar-widgets-spacing, 40px);
}

@media(min-width: 1000px) {
    .ct-sidebar[data-sticky=sidebar],.ct-sidebar .ct-sticky-widgets {
        position: sticky;
        top: calc(var(--sidebar-offset, 50px) + var(--admin-bar, 0px) + var(--theme-frame-size, 0px) + var(--header-sticky-height, 0px)*var(--sticky-shrink, 100)/100);
    }
}

@media(min-width: 1000px) {
    .ct-sidebar[data-sticky=widgets] {
        height: 100%;
    }
}

aside {
    position: relative;
}

aside[data-type=type-2] .ct-sidebar:not([data-widgets=separated]) {
    padding: var(--sidebar-inner-spacing, 35px);
    background: var(--sidebar-background-color, var(--theme-palette-color-8));
    border: var(--theme-border);
    box-shadow: var(--theme-box-shadow);
    border-radius: var(--theme-border-radius);
}

aside[data-type=type-2] .ct-sidebar[data-widgets=separated] .ct-widget {
    padding: var(--sidebar-inner-spacing, 35px);
    background: var(--sidebar-background-color, var(--theme-palette-color-8));
    border: var(--theme-border);
    box-shadow: var(--theme-box-shadow);
    border-radius: var(--theme-border-radius);
}

@media(max-width: 999.98px) {
    aside[data-type=type-4] .ct-sidebar {
        padding: var(--sidebar-inner-spacing, 35px);
        background: var(--sidebar-background-color, var(--theme-palette-color-8));
    }
}

@media(min-width: 1000px) {
    aside[data-type=type-3],aside[data-type=type-4] {
        position: relative;
    }

    aside[data-type=type-3]:after,aside[data-type=type-4]:after {
        position: absolute;
        content: "";
        top: var(--sidebar-helper-top, 0);
        height: var(--sidebar-helper-height, 100%);
    }

    aside[data-type=type-3]:after {
        border-right: var(--theme-border);
    }

    aside[data-type=type-4]:after {
        background: var(--sidebar-background-color, var(--theme-palette-color-8));
        width: calc(100% + 30vw);
    }

    [data-sidebar=right]>[data-type=type-3],[data-sidebar=right]>[data-type=type-4] {
        padding-inline-start: var(--sidebar-inner-spacing, 35px);
    }

    [data-sidebar=right]>[data-type=type-3]:after,[data-sidebar=right]>[data-type=type-4]:after {
        inset-inline-start: 0;
    }

    [data-sidebar=left]>[data-type=type-3],[data-sidebar=left]>[data-type=type-4] {
        padding-inline-end: var(--sidebar-inner-spacing, 35px);
    }

    [data-sidebar=left]>[data-type=type-3]:after,[data-sidebar=left]>[data-type=type-4]:after {
        inset-inline-end: 0;
    }
}

@media(min-width: 1000px) {
    [data-vertical-spacing="top:bottom"] {
        --sidebar-helper-top: calc(var(--theme-content-vertical-spacing) * -1);
        --sidebar-helper-height: calc(100% + var(--theme-content-vertical-spacing) * 2);
    }

    [data-vertical-spacing=top] {
        --sidebar-helper-top: calc(var(--theme-content-vertical-spacing) * -1);
    }

    [data-vertical-spacing=top],[data-vertical-spacing=bottom] {
        --sidebar-helper-height: calc(100% + var(--theme-content-vertical-spacing));
    }
}

.has-text-align-justify {
    text-align: justify;
}

.wp-block-lists-characterlist {
    color: darkred;
    background: #fcc;
    border: 2px solid #c99;
    padding: 20px;
}

.wp-block-lists-skilldesc {
    color: darkred;
    background: #fcc;
    border: 2px solid #c99;
    padding: 20px;
}

.wp-block-lists-tooltip {
    color: darkred;
    background: #fcc;
    border: 2px solid #c99;
    padding: 20px;
}

@font-face {
    font-family:Gilbert;font-weight:700;src:url(fonts/gilbert-color.02d3d364.otf);
}

.wp-block-create-block-gutenblocks2 {
    font-family: Gilbert,sans-serif;
    font-size: 64px;
}

.jetpack-sharing-buttons__services-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0;
    list-style-type: none;
    margin: 5px;
    padding: 0;
}

.jetpack-sharing-buttons__services-list.has-small-icon-size {
    font-size: 12px;
}

.jetpack-sharing-buttons__services-list.has-normal-icon-size {
    font-size: 16px;
}

.jetpack-sharing-buttons__services-list.has-large-icon-size {
    font-size: 24px;
}

.jetpack-sharing-buttons__services-list.has-huge-icon-size {
    font-size: 36px;
}

@media print {
    .jetpack-sharing-buttons__services-list {
        display: none!important;
    }
}

.editor-styles-wrapper .wp-block-jetpack-sharing-buttons {
    gap: 0;
    padding-inline-start: 0;
}

ul.jetpack-sharing-buttons__services-list.has-background {
    padding: 1.25em 2.375em;
}

.wp-block-getwid-section .wp-block-getwid-section__wrapper .wp-block-getwid-section__inner-wrapper {
    max-width: 1290px;
}

body {
    --wp--preset--color--black: #000000;
    --wp--preset--color--cyan-bluish-gray: #abb8c3;
    --wp--preset--color--white: #ffffff;
    --wp--preset--color--pale-pink: #f78da7;
    --wp--preset--color--vivid-red: #cf2e2e;
    --wp--preset--color--luminous-vivid-orange: #ff6900;
    --wp--preset--color--luminous-vivid-amber: #fcb900;
    --wp--preset--color--light-green-cyan: #7bdcb5;
    --wp--preset--color--vivid-green-cyan: #00d084;
    --wp--preset--color--pale-cyan-blue: #8ed1fc;
    --wp--preset--color--vivid-cyan-blue: #0693e3;
    --wp--preset--color--vivid-purple: #9b51e0;
    --wp--preset--color--palette-color-1: var(--theme-palette-color-1, #ff6d00);
    --wp--preset--color--palette-color-2: var(--theme-palette-color-2, #ff8500);
    --wp--preset--color--palette-color-3: var(--theme-palette-color-3, #B0BAC5);
    --wp--preset--color--palette-color-4: var(--theme-palette-color-4, #ffffff);
    --wp--preset--color--palette-color-5: var(--theme-palette-color-5, #434A56);
    --wp--preset--color--palette-color-6: var(--theme-palette-color-6, #20252B);
    --wp--preset--color--palette-color-7: var(--theme-palette-color-7, #13171B);
    --wp--preset--color--palette-color-8: var(--theme-palette-color-8, #20252B);
    --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);
    --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);
    --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);
    --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);
    --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
    --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);
    --wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);
    --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);
    --wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);
    --wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);
    --wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);
    --wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);
    --wp--preset--gradient--juicy-peach: linear-gradient(to right, #ffecd2 0%, #fcb69f 100%);
    --wp--preset--gradient--young-passion: linear-gradient(to right, #ff8177 0%, #ff867a 0%, #ff8c7f 21%, #f99185 52%, #cf556c 78%, #b12a5b 100%);
    --wp--preset--gradient--true-sunset: linear-gradient(to right, #fa709a 0%, #fee140 100%);
    --wp--preset--gradient--morpheus-den: linear-gradient(to top, #30cfd0 0%, #330867 100%);
    --wp--preset--gradient--plum-plate: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --wp--preset--gradient--aqua-splash: linear-gradient(15deg, #13547a 0%, #80d0c7 100%);
    --wp--preset--gradient--love-kiss: linear-gradient(to top, #ff0844 0%, #ffb199 100%);
    --wp--preset--gradient--new-retrowave: linear-gradient(to top, #3b41c5 0%, #a981bb 49%, #ffc8a9 100%);
    --wp--preset--gradient--plum-bath: linear-gradient(to top, #cc208e 0%, #6713d2 100%);
    --wp--preset--gradient--high-flight: linear-gradient(to right, #0acffe 0%, #495aff 100%);
    --wp--preset--gradient--teen-party: linear-gradient(-225deg, #FF057C 0%, #8D0B93 50%, #321575 100%);
    --wp--preset--gradient--fabled-sunset: linear-gradient(-225deg, #231557 0%, #44107A 29%, #FF1361 67%, #FFF800 100%);
    --wp--preset--gradient--arielle-smile: radial-gradient(circle 248px at center, #16d9e3 0%, #30c7ec 47%, #46aef7 100%);
    --wp--preset--gradient--itmeo-branding: linear-gradient(180deg, #2af598 0%, #009efd 100%);
    --wp--preset--gradient--deep-blue: linear-gradient(to right, #6a11cb 0%, #2575fc 100%);
    --wp--preset--gradient--strong-bliss: linear-gradient(to right, #f78ca0 0%, #f9748f 19%, #fd868c 60%, #fe9a8b 100%);
    --wp--preset--gradient--sweet-period: linear-gradient(to top, #3f51b1 0%, #5a55ae 13%, #7b5fac 25%, #8f6aae 38%, #a86aa4 50%, #cc6b8e 62%, #f18271 75%, #f3a469 87%, #f7c978 100%);
    --wp--preset--gradient--purple-division: linear-gradient(to top, #7028e4 0%, #e5b2ca 100%);
    --wp--preset--gradient--cold-evening: linear-gradient(to top, #0c3483 0%, #a2b6df 100%, #6b8cce 100%, #a2b6df 100%);
    --wp--preset--gradient--mountain-rock: linear-gradient(to right, #868f96 0%, #596164 100%);
    --wp--preset--gradient--desert-hump: linear-gradient(to top, #c79081 0%, #dfa579 100%);
    --wp--preset--gradient--ethernal-constance: linear-gradient(to top, #09203f 0%, #537895 100%);
    --wp--preset--gradient--happy-memories: linear-gradient(-60deg, #ff5858 0%, #f09819 100%);
    --wp--preset--gradient--grown-early: linear-gradient(to top, #0ba360 0%, #3cba92 100%);
    --wp--preset--gradient--morning-salad: linear-gradient(-225deg, #B7F8DB 0%, #50A7C2 100%);
    --wp--preset--gradient--night-call: linear-gradient(-225deg, #AC32E4 0%, #7918F2 48%, #4801FF 100%);
    --wp--preset--gradient--mind-crawl: linear-gradient(-225deg, #473B7B 0%, #3584A7 51%, #30D2BE 100%);
    --wp--preset--gradient--angel-care: linear-gradient(-225deg, #FFE29F 0%, #FFA99F 48%, #FF719A 100%);
    --wp--preset--gradient--juicy-cake: linear-gradient(to top, #e14fad 0%, #f9d423 100%);
    --wp--preset--gradient--rich-metal: linear-gradient(to right, #d7d2cc 0%, #304352 100%);
    --wp--preset--gradient--mole-hall: linear-gradient(-20deg, #616161 0%, #9bc5c3 100%);
    --wp--preset--gradient--cloudy-knoxville: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);
    --wp--preset--gradient--soft-grass: linear-gradient(to top, #c1dfc4 0%, #deecdd 100%);
    --wp--preset--gradient--saint-petersburg: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
    --wp--preset--gradient--everlasting-sky: linear-gradient(135deg, #fdfcfb 0%, #e2d1c3 100%);
    --wp--preset--gradient--kind-steel: linear-gradient(-20deg, #e9defa 0%, #fbfcdb 100%);
    --wp--preset--gradient--over-sun: linear-gradient(60deg, #abecd6 0%, #fbed96 100%);
    --wp--preset--gradient--premium-white: linear-gradient(to top, #d5d4d0 0%, #d5d4d0 1%, #eeeeec 31%, #efeeec 75%, #e9e9e7 100%);
    --wp--preset--gradient--clean-mirror: linear-gradient(45deg, #93a5cf 0%, #e4efe9 100%);
    --wp--preset--gradient--wild-apple: linear-gradient(to top, #d299c2 0%, #fef9d7 100%);
    --wp--preset--gradient--snow-again: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);
    --wp--preset--gradient--confident-cloud: linear-gradient(to top, #dad4ec 0%, #dad4ec 1%, #f3e7e9 100%);
    --wp--preset--gradient--glass-water: linear-gradient(to top, #dfe9f3 0%, white 100%);
    --wp--preset--gradient--perfect-white: linear-gradient(-225deg, #E3FDF5 0%, #FFE6FA 100%);
    --wp--preset--font-size--small: 13px;
    --wp--preset--font-size--medium: 20px;
    --wp--preset--font-size--large: clamp(22px, 1.375rem + ((1vw - 3.2px) * 0.625), 30px);
    --wp--preset--font-size--x-large: clamp(30px, 1.875rem + ((1vw - 3.2px) * 1.563), 50px);
    --wp--preset--font-size--xx-large: clamp(45px, 2.813rem + ((1vw - 3.2px) * 2.734), 80px);
    --wp--preset--spacing--20: 0.44rem;
    --wp--preset--spacing--30: 0.67rem;
    --wp--preset--spacing--40: 1rem;
    --wp--preset--spacing--50: 1.5rem;
    --wp--preset--spacing--60: 2.25rem;
    --wp--preset--spacing--70: 3.38rem;
    --wp--preset--spacing--80: 5.06rem;
    --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
    --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
    --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
    --wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);
    --wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);
}

body {
    margin: 0;
    --wp--style--global--content-size: var(--theme-block-max-width);
    --wp--style--global--wide-size: var(--theme-block-wide-max-width);
}

.wp-site-blocks > .alignleft {
    float: left;
    margin-right: 2em;
}

.wp-site-blocks > .alignright {
    float: right;
    margin-left: 2em;
}

.wp-site-blocks > .aligncenter {
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
}

:where(.wp-site-blocks) > * {
    margin-block-start: var(--theme-content-spacing);
    margin-block-end: 0;
}

:where(.wp-site-blocks) > :first-child:first-child {
    margin-block-start: 0;
}

:where(.wp-site-blocks) > :last-child:last-child {
    margin-block-end: 0;
}

body {
    --wp--style--block-gap: var(--theme-content-spacing);
}

:where(body .is-layout-flow)  > :first-child:first-child {
    margin-block-start: 0;
}

:where(body .is-layout-flow)  > :last-child:last-child {
    margin-block-end: 0;
}

:where(body .is-layout-flow)  > * {
    margin-block-start: var(--theme-content-spacing);
    margin-block-end: 0;
}

:where(body .is-layout-constrained)  > :first-child:first-child {
    margin-block-start: 0;
}

:where(body .is-layout-constrained)  > :last-child:last-child {
    margin-block-end: 0;
}

:where(body .is-layout-constrained)  > * {
    margin-block-start: var(--theme-content-spacing);
    margin-block-end: 0;
}

:where(body .is-layout-flex) {
    gap: var(--theme-content-spacing);
}

:where(body .is-layout-grid) {
    gap: var(--theme-content-spacing);
}

body .is-layout-flow > .alignleft {
    float: left;
    margin-inline-start: 0;
    margin-inline-end: 2em;
}

body .is-layout-flow > .alignright {
    float: right;
    margin-inline-start: 2em;
    margin-inline-end: 0;
}

body .is-layout-flow > .aligncenter {
    margin-left: auto !important;
    margin-right: auto !important;
}

body .is-layout-constrained > .alignleft {
    float: left;
    margin-inline-start: 0;
    margin-inline-end: 2em;
}

body .is-layout-constrained > .alignright {
    float: right;
    margin-inline-start: 2em;
    margin-inline-end: 0;
}

body .is-layout-constrained > .aligncenter {
    margin-left: auto !important;
    margin-right: auto !important;
}

body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: var(--wp--style--global--content-size);
    margin-left: auto !important;
    margin-right: auto !important;
}

body .is-layout-constrained > .alignwide {
    max-width: var(--wp--style--global--wide-size);
}

body .is-layout-flex {
    display: flex;
    margin-right: 0;
margin-left: 0px;
}

body .is-layout-flex {
    flex-wrap: wrap;
    align-items: center;
}

body .is-layout-flex > * {
    margin: 0;
}

body .is-layout-grid {
    display: grid;
}

body .is-layout-grid > * {
    margin: 0;
}

body {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

.has-black-color {
    color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-color {
    color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-color {
    color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-color {
    color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-color {
    color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-color {
    color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-color {
    color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-color {
    color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-color {
    color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-color {
    color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-color {
    color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-color {
    color: var(--wp--preset--color--vivid-purple) !important;
}

.has-palette-color-1-color {
    color: var(--wp--preset--color--palette-color-1) !important;
}

.has-palette-color-2-color {
    color: var(--wp--preset--color--palette-color-2) !important;
}

.has-palette-color-3-color {
    color: var(--wp--preset--color--palette-color-3) !important;
}

.has-palette-color-4-color {
    color: var(--wp--preset--color--palette-color-4) !important;
}

.has-palette-color-5-color {
    color: var(--wp--preset--color--palette-color-5) !important;
}

.has-palette-color-6-color {
    color: var(--wp--preset--color--palette-color-6) !important;
}

.has-palette-color-7-color {
    color: var(--wp--preset--color--palette-color-7) !important;
}

.has-palette-color-8-color {
    color: var(--wp--preset--color--palette-color-8) !important;
}

.has-black-background-color {
    background-color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-background-color {
    background-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-background-color {
    background-color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-background-color {
    background-color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-background-color {
    background-color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-background-color {
    background-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-background-color {
    background-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-background-color {
    background-color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-background-color {
    background-color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-background-color {
    background-color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-background-color {
    background-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-background-color {
    background-color: var(--wp--preset--color--vivid-purple) !important;
}

.has-palette-color-1-background-color {
    background-color: var(--wp--preset--color--palette-color-1) !important;
}

.has-palette-color-2-background-color {
    background-color: var(--wp--preset--color--palette-color-2) !important;
}

.has-palette-color-3-background-color {
    background-color: var(--wp--preset--color--palette-color-3) !important;
}

.has-palette-color-4-background-color {
    background-color: var(--wp--preset--color--palette-color-4) !important;
}

.has-palette-color-5-background-color {
    background-color: var(--wp--preset--color--palette-color-5) !important;
}

.has-palette-color-6-background-color {
    background-color: var(--wp--preset--color--palette-color-6) !important;
}

.has-palette-color-7-background-color {
    background-color: var(--wp--preset--color--palette-color-7) !important;
}

.has-palette-color-8-background-color {
    background-color: var(--wp--preset--color--palette-color-8) !important;
}

.has-black-border-color {
    border-color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-border-color {
    border-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-border-color {
    border-color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-border-color {
    border-color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-border-color {
    border-color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-border-color {
    border-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-border-color {
    border-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-border-color {
    border-color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-border-color {
    border-color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-border-color {
    border-color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-border-color {
    border-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-border-color {
    border-color: var(--wp--preset--color--vivid-purple) !important;
}

.has-palette-color-1-border-color {
    border-color: var(--wp--preset--color--palette-color-1) !important;
}

.has-palette-color-2-border-color {
    border-color: var(--wp--preset--color--palette-color-2) !important;
}

.has-palette-color-3-border-color {
    border-color: var(--wp--preset--color--palette-color-3) !important;
}

.has-palette-color-4-border-color {
    border-color: var(--wp--preset--color--palette-color-4) !important;
}

.has-palette-color-5-border-color {
    border-color: var(--wp--preset--color--palette-color-5) !important;
}

.has-palette-color-6-border-color {
    border-color: var(--wp--preset--color--palette-color-6) !important;
}

.has-palette-color-7-border-color {
    border-color: var(--wp--preset--color--palette-color-7) !important;
}

.has-palette-color-8-border-color {
    border-color: var(--wp--preset--color--palette-color-8) !important;
}

.has-vivid-cyan-blue-to-vivid-purple-gradient-background {
    background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;
}

.has-light-green-cyan-to-vivid-green-cyan-gradient-background {
    background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;
}

.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
    background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;
}

.has-luminous-vivid-orange-to-vivid-red-gradient-background {
    background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;
}

.has-very-light-gray-to-cyan-bluish-gray-gradient-background {
    background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;
}

.has-cool-to-warm-spectrum-gradient-background {
    background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;
}

.has-blush-light-purple-gradient-background {
    background: var(--wp--preset--gradient--blush-light-purple) !important;
}

.has-blush-bordeaux-gradient-background {
    background: var(--wp--preset--gradient--blush-bordeaux) !important;
}

.has-luminous-dusk-gradient-background {
    background: var(--wp--preset--gradient--luminous-dusk) !important;
}

.has-pale-ocean-gradient-background {
    background: var(--wp--preset--gradient--pale-ocean) !important;
}

.has-electric-grass-gradient-background {
    background: var(--wp--preset--gradient--electric-grass) !important;
}

.has-midnight-gradient-background {
    background: var(--wp--preset--gradient--midnight) !important;
}

.has-juicy-peach-gradient-background {
    background: var(--wp--preset--gradient--juicy-peach) !important;
}

.has-young-passion-gradient-background {
    background: var(--wp--preset--gradient--young-passion) !important;
}

.has-true-sunset-gradient-background {
    background: var(--wp--preset--gradient--true-sunset) !important;
}

.has-morpheus-den-gradient-background {
    background: var(--wp--preset--gradient--morpheus-den) !important;
}

.has-plum-plate-gradient-background {
    background: var(--wp--preset--gradient--plum-plate) !important;
}

.has-aqua-splash-gradient-background {
    background: var(--wp--preset--gradient--aqua-splash) !important;
}

.has-love-kiss-gradient-background {
    background: var(--wp--preset--gradient--love-kiss) !important;
}

.has-new-retrowave-gradient-background {
    background: var(--wp--preset--gradient--new-retrowave) !important;
}

.has-plum-bath-gradient-background {
    background: var(--wp--preset--gradient--plum-bath) !important;
}

.has-high-flight-gradient-background {
    background: var(--wp--preset--gradient--high-flight) !important;
}

.has-teen-party-gradient-background {
    background: var(--wp--preset--gradient--teen-party) !important;
}

.has-fabled-sunset-gradient-background {
    background: var(--wp--preset--gradient--fabled-sunset) !important;
}

.has-arielle-smile-gradient-background {
    background: var(--wp--preset--gradient--arielle-smile) !important;
}

.has-itmeo-branding-gradient-background {
    background: var(--wp--preset--gradient--itmeo-branding) !important;
}

.has-deep-blue-gradient-background {
    background: var(--wp--preset--gradient--deep-blue) !important;
}

.has-strong-bliss-gradient-background {
    background: var(--wp--preset--gradient--strong-bliss) !important;
}

.has-sweet-period-gradient-background {
    background: var(--wp--preset--gradient--sweet-period) !important;
}

.has-purple-division-gradient-background {
    background: var(--wp--preset--gradient--purple-division) !important;
}

.has-cold-evening-gradient-background {
    background: var(--wp--preset--gradient--cold-evening) !important;
}

.has-mountain-rock-gradient-background {
    background: var(--wp--preset--gradient--mountain-rock) !important;
}

.has-desert-hump-gradient-background {
    background: var(--wp--preset--gradient--desert-hump) !important;
}

.has-ethernal-constance-gradient-background {
    background: var(--wp--preset--gradient--ethernal-constance) !important;
}

.has-happy-memories-gradient-background {
    background: var(--wp--preset--gradient--happy-memories) !important;
}

.has-grown-early-gradient-background {
    background: var(--wp--preset--gradient--grown-early) !important;
}

.has-morning-salad-gradient-background {
    background: var(--wp--preset--gradient--morning-salad) !important;
}

.has-night-call-gradient-background {
    background: var(--wp--preset--gradient--night-call) !important;
}

.has-mind-crawl-gradient-background {
    background: var(--wp--preset--gradient--mind-crawl) !important;
}

.has-angel-care-gradient-background {
    background: var(--wp--preset--gradient--angel-care) !important;
}

.has-juicy-cake-gradient-background {
    background: var(--wp--preset--gradient--juicy-cake) !important;
}

.has-rich-metal-gradient-background {
    background: var(--wp--preset--gradient--rich-metal) !important;
}

.has-mole-hall-gradient-background {
    background: var(--wp--preset--gradient--mole-hall) !important;
}

.has-cloudy-knoxville-gradient-background {
    background: var(--wp--preset--gradient--cloudy-knoxville) !important;
}

.has-soft-grass-gradient-background {
    background: var(--wp--preset--gradient--soft-grass) !important;
}

.has-saint-petersburg-gradient-background {
    background: var(--wp--preset--gradient--saint-petersburg) !important;
}

.has-everlasting-sky-gradient-background {
    background: var(--wp--preset--gradient--everlasting-sky) !important;
}

.has-kind-steel-gradient-background {
    background: var(--wp--preset--gradient--kind-steel) !important;
}

.has-over-sun-gradient-background {
    background: var(--wp--preset--gradient--over-sun) !important;
}

.has-premium-white-gradient-background {
    background: var(--wp--preset--gradient--premium-white) !important;
}

.has-clean-mirror-gradient-background {
    background: var(--wp--preset--gradient--clean-mirror) !important;
}

.has-wild-apple-gradient-background {
    background: var(--wp--preset--gradient--wild-apple) !important;
}

.has-snow-again-gradient-background {
    background: var(--wp--preset--gradient--snow-again) !important;
}

.has-confident-cloud-gradient-background {
    background: var(--wp--preset--gradient--confident-cloud) !important;
}

.has-glass-water-gradient-background {
    background: var(--wp--preset--gradient--glass-water) !important;
}

.has-perfect-white-gradient-background {
    background: var(--wp--preset--gradient--perfect-white) !important;
}

.has-small-font-size {
    font-size: var(--wp--preset--font-size--small) !important;
}

.has-medium-font-size {
    font-size: var(--wp--preset--font-size--medium) !important;
}

.has-large-font-size {
    font-size: var(--wp--preset--font-size--large) !important;
}

.has-x-large-font-size {
    font-size: var(--wp--preset--font-size--x-large) !important;
}

.has-xx-large-font-size {
    font-size: var(--wp--preset--font-size--xx-large) !important;
}

.wp-block-navigation a:where(:not(.wp-element-button)) {
    color: inherit;
}

.wp-block-pullquote {
    font-size: clamp(0.984em, 0.984rem + ((1vw - 0.2em) * 0.645), 1.5em);
    line-height: 1.6;
}

figure.wp-block-embed, iframe.wp-embedded-content {
    width: 100%;
}

.mp_wrapper textarea, .mp_wrapper select, .mp_wrapper input[type=text], .mp_wrapper input[type=url], .mp_wrapper input[type=email], .mp_wrapper input[type=tel], .mp_wrapper input[type=number], .mp_wrapper input[type=password] {
    border: 1px solid #434A56;
}

.charlistc {
    grid-template-columns: repeat(auto-fill, 128px);
    display: grid;
    grid-gap: calc(var(--margin) * 2);
    justify-content: space-between;
}

.charlistcc {
    display: inline-block;
    font-size: .8rem;
    vertical-align: top;
    text-align: center;
    padding: 4px 0;
    margin: 4px 0;
}

.charlistca {
    aspect-ratio: 1 / 1;
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    background-color: var(--elevation1);
    border: 1px solid var(--elevation3);
    transition: border .5s;
}

.charlistci {
    position: relative;
    overflow: hidden;
    pointer-events: none;
    transform: translateZ(0);
    transition: transform .25s;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.charlistct {
    position: absolute;
    white-space: normal;
    bottom: 0;
    left: 0;
    right: 0;
    padding: calc(var(--margin) / 2);
    font-weight: 600;
    z-index: 3;
    color: var(--text-color);
    background: linear-gradient(0deg,rgba(14,13,17,.75) 50%,rgba(30,33,36,.5) 75%,rgba(30,33,36,0) 90%,rgba(19,23,27,0));
}

:root {
    --paletteColor1: var(--theme-palette-color-1);
    --paletteColor2: var(--theme-palette-color-2);
    --paletteColor3: var(--theme-palette-color-3);
    --paletteColor4: var(--theme-palette-color-4);
    --paletteColor5: var(--theme-palette-color-5);
    --paletteColor6: var(--theme-palette-color-6);
    --paletteColor7: var(--theme-palette-color-7);
    --paletteColor8: var(--theme-palette-color-8);
    --container-width: var(--theme-container-width);
    --normal-container-max-width: var(--theme-normal-container-max-width);
    --regular-text: var(--theme-text-color);
}

.loaderPro,.loaderText {
    width: 100%;
    display: flex;
}

.loaderPro {
    height: 200px;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 10px;
}

.loaderText {
    font-size: 1.5em;
    justify-content: center;
    align-items: center;
}

.loaderBottomText {
    font-size: .7em;
}

.loaderProSpinner {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    position: relative;
    animation: 1s linear infinite rotate;
}

.loaderProSpinner::after,.loaderProSpinner::before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    inset: 0px;
    border-radius: 50%;
    border: 5px solid var(--theme-palette-color-3);
    animation: 2s linear infinite prixClipFix;
}

.loaderProSpinner::after {
    inset: 8px;
    transform: rotate3d(90,90,0,180deg);
    border-color: var(--theme-palette-color-1);
}

@keyframes rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes prixClipFix {
    0% {
        clip-path: polygon(50% 50%,0 0,0 0,0 0,0 0,0 0);
    }

    50% {
        clip-path: polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0);
    }

    100%,75% {
        clip-path: polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%);
    }
}

.filterrow {
    display: grid;
    grid-template-columns: 120px 1fr;
  margin: 4px 4px 15px 4px;
}
.filterrow:last-child {
 
  margin: 4px 4px 4px 4px;
}

.capitalize {
    text-transform: capitalize;
}

.tierlistPicker {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
}

.tierlistPicker > button {
    padding: var(--padding);
    flex: 1;
}

.filterButton {
    color: var(--text-color);
    background-color: var(--elevation2);
    transition: all 0.2s ease-in-out;
    margin: 0 2px 10px 2px;
padding: 7px 7px 5px 7px;
cursor: pointer;
}

.viewButton {
    display: inline-flex;
    color: var(--text-color);
    background-color: var(--elevation2);
    transition: all 0.2s ease-in-out;
    margin: 0 2px;
    height: 100%;
    align-items: center;
}

.filterTopBar {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: 1fr;
    grid-column-gap: 8px;
    grid-row-gap: 0px;
margin-bottom: 25px;
}

.characterheader {
    position: relative;
    margin-bottom: 32px;
    padding: 16px;
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto auto;
}

.characterImage {
    max-height: 50vh;
    max-width: 100%;
    margin: 0 auto;
}

.characterInfo {
    width: auto;
    text-shadow: 0 0 3px #000, 0 0 5px #000;
}

.characterInfo h1 {
    text-align: center;
    margin: var(--margins);
}

.characterInfo h2 {
    margin: 0;
    padding: 8px;
    text-align: left;
}

.attributeList {
    margin: 0 auto;
}

.attribute {
    width: 100%;
    padding: var(--spacings) 0;
}

.attribute div {
    width: 50%;
    display: inline-block;
    padding: 0 8px;
}

.attribute div:nth-child(odd) {
    width: 150px;
}

.guide>div>h3 {
    margin: calc(var(--margin)*2) var(--margin);
}

.guide li {
    list-style-type: disc;
    margin: calc(var(--margin)/2) var(--margin);
    padding: 0;
}

.doublegrid {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, auto);
    grid-gap: calc(var(--margin) * 2);
}

@media only screen and (min-width: 860px) {
    .characterheader {
        grid-template-columns: 350px 1fr;
        grid-template-rows: auto;
    }

    .doublegrid {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 1fr;
    }

    .characterImage {
        height: auto;
    }
}

@media only screen and (min-width: 1280px) {
    .characterheader {
        grid-template-columns: 500px 1fr;
    }
}

.abilityTag {
    font-weight: bold;
    display: inline-block;
    background-color: var(--elevation3);
    border-radius: 8px;
    margin-top: 4px;
    margin-right: 8px;
    padding: 0 8px;
}

.bio {
    margin-bottom: 16px;
    pointer-events: none;
    position: relative;
    height: auto;
    max-height: 140px;
    overflow-y: hidden;
    mask-image: -webkit-gradient(linear,left 50%,left bottom,from(rgba(0,0,0,1)),to(rgba(0,0,0,0)));
}

.all {
    pointer-events: auto !important;
    overflow: visible !important;
    max-height: unset!important;
    mask-image: unset !important;
}

.hide {
    display: none !important;
}

.expandButton {
    text-align: center;
    margin-top: -28px;
    margin-bottom: 32px;
    padding-top: 20px;
    width: auto;
    color: var(--link-color);
    overflow: hidden;
}

.skillContainer {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
}

.skillItem {
    width: 30%;
    margin: 0 auto;
}

:root {
    --font-size: 16px;
    --text-color: #f2f2f2;
    --text-color-unimportant: #999;
    --accent: #007fbf;
    --accent2: #F0A040;
    --background-color: #10151a;
    --elevation1: #1b2126;
    --elevation2: #242b33;
    --elevation3: #2d3640;
    --border: #434A56;
    --nav-bg: #20252B;
    --nav-link-color: #9CA3AF;
    --link-color: #20a0e6;
    --nav-link-color: #d6dff0;
    --link-hover-color: #f9fbf9;
    --spacing: 6px;
    --margin: 6px;
    --padding: 8px;
}

.right {
margin-left: 0;
    display: flex;
 
    flex-direction: column;
}

main {
    margin-top: calc(var(--topnav-height) + var(--margin) * 2) !important;
}

.header-bottom-border {
    display: inline-block;
    position: relative;
    text-align: left;
    padding: 8px 0 8px 8px;
    margin-bottom: 8px;
}

.header-bottom-border:before {
    position: absolute;
    left: calc(var(--margin) *-0.33);
    bottom: 0;
    content: "";
    width: 176px;
    height: 2px;
    background: radial-gradient(circle,var(--accent) 80%,hsla(0,0%,100%,0) 100%);
    transition: transform .3s;
}

img {
    max-width: 100%;
    height: auto;
}

  /*Select*/
select {
    background-color: var(--elevation2);
    color: var(--text-color);
    padding: calc(var(--padding) / 4);
    border: 0;
    border-radius: 8px;
    border-color: var(--border);
    box-shadow: 0 1px 3px rgb(0 0 0 / 40%);
    margin: var(--margin);
}

select:focus {
    outline: none;
    background-color: var(--elevation2);
    color: var(--text-color);
    padding: calc(var(--padding) / 4);
    border: 0;
    border-radius: 8px;
    border-color: var(--border);
    box-shadow: 0 1px 3px rgb(0 0 0 / 40%);
}
  
  /*Main Content*/
.contentbox {
    border: 1px solid var(--border);
    background-color: var(--elevation1);
    border-radius: 8px;
    box-shadow: 0 1px 3px rgb(0 0 0 / 40%);
    padding: var(--padding);
    margin: calc(var(--margin) * 2) 0;
}
  
  /*Breadcrumbs*/
.breadcrumblist {
    width: auto;
    margin: var(--margin) 0;
    background-color: var(--elevation1);
    border-radius: 8px;
    padding: 8px var(--padding);
    font-size: 0.9rem;
    font-weight: 600;
    list-style-type: none;
}

.breadcrumblist li {
    display: inline;
}

  /*Lists*/
ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style: none;
}
  
  /*Slider*/
.slider {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 8px;
    border-radius: 16px;
    background: var(--accent);
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
    margin-bottom: var(--margin);
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background: var(--accent);
    cursor: pointer;
}

.slider::-moz-range-thumb {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background: var(--accent);
    cursor: pointer;
}
  
  /*Flex Lists*/
.flexList {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.flexListBig {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.flexItem {
    display: flex;
    border-radius: 8px;
    border: 1px solid var(--border);
    background: var(--elevation1);
    padding: 16px;
    margin: var(--margin) 0;
    transition: border 0.25s ease-out;
}

.flexItem h2 {
    font-size: 1.2rem;
}

.flexItem h3 {
    font-size: 1.1rem;
}

.flexColumn {
    flex-direction: column;
}

.flexItemSmall {
    display: inline-block;
    margin: var(--margin);
    font-size: 0.8rem;
    vertical-align: top;
    text-align: center;
}

.flexItem:hover, .flexItemSmall:hover {
    transition: border 0.25s ease-out;
    cursor: pointer;
    border-color: var(--accent);
}

.flexItemSmall a {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.flexItemSmall p {
    color: var(--text-color);
    width: 74px;
    align-self: center;
}

.flexItemSmallImgContainer {
    position: relative;
    width: 80px;
    height: 80px;
    overflow: hidden;
    border-radius: 8px;
    padding: 4px;
    background-color: var(--elevation1);
    border: 1px solid var(--border);
    transition: border 0.25s ease-out;
}

.flexItemSmall img {
    backface-visibility: hidden;
    display: block;
    border-radius: 8px;
    transform: translateZ(0);
    transition: transform 0.5s;
    object-fit: contain;
    max-width: 100%;
    max-height: 100%;
}

.flexItemSmall a:hover img {
    transform: scale(1.1);
}

.flexItemSmall a:hover .flexItemSmallImgContainer {
    border: 1px solid var(--accent);
    background-color: var(--elevation3);
    transition: border 0.25s ease-out;
}

@media only screen and (min-width: 860px) {
    .flexItemSmallImgContainer {
        width: auto;
        height: auto;
    }
}
  
  /*Buttons*/
.buttonList {
    display: flex;
    flex-wrap: wrap;
    gap: var(--margin);
}

.buttonList .active {
    background-color: var(--accent) !important;
    border: 1px solid #111519 !important;
}

.active {
    background-color: var(--accent) !important;
    border: 1px solid #111519 !important;
}

button {
    color: var(--text-color);
    background-color: var(--elevation2);
    padding: 4px 8px;
    border: 1px solid black;
    transition: all 0.2s ease-in-out;
}
  
  /*Tools
  .tagList {
    display: flex;
    flex-wrap: wrap;
    row-gap: var(--margin);
    column-gap: var(--margin);
  }
  .tag {
    display:inline-block;
    background-color:var(--elevation3);
    border-radius:8px;
    padding:calc(var(--padding) / 3) calc(var(--padding) / 2);
  }
  */
.seperator {
    position: relative;
}

.seperator h2 {
    font-weight: 500;
    text-align: center;
    font-size: 1.75rem;
    margin: var(--margin) auto;
    padding: 0 var(--padding);
    width: fit-content;
    z-index: 2;
    position: relative;
    background-color: var(--background-color);
}

.seperator:before, .seperator:after {
    position: absolute;
    content: "";
    top: 20px;
    width: calc(50%);
    height: 2px;
    background: #e8ebf0;
    z-index: 1;
}

.seperator:before {
    left: 0;
    margin-left: var(--margin);
    background: var(--elevation1);
}

.seperator:after {
    right: 0;
    margin-right: var(--margin);
    background: var(--elevation1);
}

.noselect {
    user-select: none;
}

.centertext {
    text-align: center;
}

.nopointerevent {
    pointer-events: none;
}
  
  
  /*Media Queries*/
@media only screen and (min-width: 900px) {
    .splitgrid {
        grid-template-columns: 1fr 1fr;
    }
}

.border {
    border: 1px solid var(--border);
}

.shadow {
    box-shadow: 0 2px 4px rgb(0 0 0 / 50%);
}

.elevation1 {
    background-color: var(--elevation1);
}

.elevation2 {
    background-color: var(--elevation2);
}

.elevation3 {
    background-color: var(--elevation3);
}

.padding {
    padding: var(--padding);
}

.margin {
    margin: var(--margin);
}

.rounded-borders {
    border-radius: 8px;
}

.rounded {
    border-radius: 8px;
}

mark {
    background-color: unset;
}

.centertext {
    text-align: center;
}

.centerimage {
    display: block;
    margin: auto;
}

.flex {
    display: flex;
    align-items: center;
}

.bottommargin {
    margin-bottom: calc(var(--margin) * 2);
}

.borderhover:hover {
    transition: border 0.25s ease-out;
    cursor: pointer;
    border-color: var(--accent);
}

.scrollTable {
    overflow-x: auto;
}

.noWrap {
    white-space: nowrap;
}

.verticalTop {
    vertical-align: top;
}

.attributes {
    display: flex;
    column-gap: calc(var(--margin) * 2);
    width: 100%;
    height: 52px;
}

.attribute {
    display: flex;
    max-height: 100%;
    align-items: center;
    padding: 4px var(--padding);
}

.attribute img {
    max-height: 100%;
}

@media only screen and (max-width: 900px) {
    .attributes {
        column-gap: calc(var(--margin));
        height: 34px;
    }

    .attribute {
        padding: 2px 4px;
    }
}

.gridList, .gridListSmall {
    display: grid;
    grid-gap: calc(var(--margin) * 2);
    justify-content: space-between;
}

.gridItem {
    display: inline-block;
    font-size: 0.8rem;
    vertical-align: top;
    text-align: center;
}

.gridItem a {
    width: 100%;
    height: 100%;
cursor: pointer;
}

.gridItemImageContainer {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.gridItemImage {
    position: relative;
    overflow: hidden;
    pointer-events: none;
    transform: translateZ(0);
    transition: transform 0.25s, border 0.5s;
    ;
  border-radius: 8px;
    border: 1px solid var(--elevation3);
    width: 100%;
    object-fit: cover;
}

.gridItem:hover .gridItemImage {
    transform: scale(1.1);
}

.gridItem a:hover .gridItemImageContainer {
    border: 1px solid var(--accent);
}

.gridimagetitle {
    white-space: normal;
    padding: calc(var(--margin) / 2);
    font-weight: 600;
    color: var(--text-color);
margin-top: 5px;
text-wrap: balance;
}

.gridimageicons {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #0a0a0a88;
    border-radius: 4px;
}

.icon {
    margin: 2px;
}

@media only screen and (max-width: 600px) {
    .gridList {
        grid-template-columns: repeat(auto-fill, 100%) !important;
    }

    .gridListSmall {
        grid-template-columns: repeat(auto-fill, 30%) !important;
    }
}

.article {
    position: relative;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    row-gap: 10px;
}

.width300px {
    min-width: 300px;
}

.scrollTableFull {
    overflow: auto;
    height: 80vh;
}

.stickyheader {
    position: sticky;
    top: -2px;
}



/*curios*/
.citem {
    display: grid;
    grid-template-columns: 32px 1fr;
    grid-template-rows: 32px 1fr;
    grid-column-gap: var(--margin);
    grid-row-gap: var(--margin);
}

.cimg {
    grid-area: 1/1/2/2;
}

.ctitle {
    font-size: 1.1rem;
    text-align: left;
    align-self: center;
}

.cdesc {
    grid-area: 2/1/3/3;
    padding-top: var(--margin);
    margin-top: var(--margin);
    border-top: 1px solid var(--border);
}

.card {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 16px;
    margin: 16px 0;
    padding: var(--padding);
    background-color: var(--elevation1);
    border: 1px solid var(--border);
    border-radius: 8px;
    text-align: center;
    justify-items: center;
}

.info {
    margin: auto 0;
}

.notes {
    margin: auto 0;
}

@media only screen and (min-width: 900px) {
    .card {
        grid-template-columns: 128px 1fr 1fr;
        text-align: left;
        justify-items: unset;
    }
}

h1, h2 {
    text-align: center;
}

.rounded-borders {
    border-radius: 8px;
}

.rounded {
    border-radius: 8px;
}

.tableb {
    background-color: var(--elevation1);
    border: unset;
    border: 1px solid var(--border);
}

.trb {
    border: unset;
    border-bottom: 1px solid var(--border);
}

.theadb {
    border: unset;
    border: 1px solid var(--border);
}

.tableb td {
    border: unset;
}

.px64 {
    width: 64px;
    margin: 0;
    padding: 0;
}

.header {
    position: relative;
    margin-bottom: 32px;
    padding: 16px;
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto auto;
}

.headerimg {
    margin: auto;
}

@media only screen and (min-width: 900px) {
    .header {
        grid-template-columns: 350px 1fr;
        grid-template-rows: auto;
    }
}

.SSRBG {
    background-image: url("https://images.dotgg.gg/wuthering-waves/cardbg/rarity5.webp");
    background-size: contain;
}

.SRBG {
    background-image: url("https://images.dotgg.gg/wuthering-waves/cardbg/rarity4.webp");
    background-size: contain;
}

.RBG {
    background-image: url("https://images.dotgg.gg/wuthering-waves/cardbg/rarity3.webp");
    background-size: contain;
}

.star5 {
    background-image: url("https://images.dotgg.gg/wuthering-waves/cardbg/star5.webp");
    background-size: contain;
}

.star4 {
    background-image: url("https://images.dotgg.gg/wuthering-waves/cardbg/star4.webp");
    background-size: contain;
}

.star3 {
    background-image: url("https://images.dotgg.gg/wuthering-waves/cardbg/star3.webp");
    background-size: contain;
}

.star2 {
    background-image: url("https://images.dotgg.gg/wuthering-waves/cardbg/star2.webp");
    background-size: contain;
}

.star1 {
    background-image: url("https://images.dotgg.gg/wuthering-waves/cardbg/star1.webp");
    background-size: contain;
}

.SSS {
    color: #c12d5c
}

.SS {
    color: #c34545
}

.S {
    color: #bc5d34
}

.A {
    color: #b0732c
}

.B {
    color: #a08633
}

.C {
    color: #8f9646
}

.D {
    color: #7da361
}

.F {
    color: #6eaf7f
}

.accent {
    color: var(--accent);
}

.tierTable {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    margin: 16px 0;
}

.tierContainer {
    min-height: 168px;
}

.tierTag {
    font-weight: bold;
    font-size: 1.25rem;
    cursor: default;
    margin: auto;
}

.font {
    font-size: 1rem;
}

.name a {
    line-height: 20px;
    font-weight: 600;
    letter-spacing: 1px;
}

.name img {
    vertical-align: middle;
    margin: 0 0.2rem;
}

.tableRating {
    width: 85px;
    overflow-wrap: break-word;
}

.listImg {
    width: 48px;
    margin: 0.5rem 0;
}

.tooltip {
    position: relative;
    display: inline-block;
}

.tooltipCaption {
    font-size: 1.1rem;
    font-weight: bold;
}

.tooltipRow {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 24px;
    align-items: center;
    vertical-align: middle;
    align-content: center;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

.tooltipRow div:nth-child(odd) {
    text-align: right;
}

.tooltipRow:nth-child(even) {
    background-color: var(--elevation3);
}

.progress {
    vertical-align: middle;
    height: 8px;
    width: 90%;
}

.tooltip .tooltipelement {
    text-align: center;
    visibility: hidden;
    width: 240px;
    max-width: none;
    background-color: var(--elevation2);
    border-radius: 6px;
    border: 1px solid var(--elevation3);
    padding: 5px 0;
    position: absolute;
    bottom: 120%;
    left: 50%;
    margin-left: -120px;
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip .tooltipelementSmall {
    text-align: center;
    visibility: hidden;
    width: 120px;
    max-width: none;
    background-color: var(--elevation2);
    border-radius: 6px;
    border: 1px solid var(--elevation3);
    padding: 5px 0;
    position: absolute;
    bottom: 110%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip:hover .tooltipelement, .tooltip:hover .tooltipelementSmall {
    visibility: visible;
    opacity: 1;
}

@media only screen and (min-width: 860px) {
    .tierTable {
        grid-template-columns: 45px 1fr;
        grid-template-rows: 1fr;
    }

    .tborder {
        border-left: 2px solid;
        padding-left: var(--margin);
    }
}

.filterContainer {
    justify-content: start;
    display: grid;
    grid-template-columns: repeat(3, auto);
    grid-column-gap: 5px;
    grid-row-gap: 0px;
    height: 32px;
}

.buttonList {
    display: flex;
 /* or inline-flex */
}

.buttonList button {
    height: 32px;
    border: 1px solid black;
}

.img {
    overflow: hidden
}

.active {
    background-color: var(--elevation3) !important;
    border: 1px solid #121519 !important;
}

.tierlistPicker {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
}

.tierlistPicker > button {
    padding: var(--padding);
    flex: 1;
}

.ct-search-form-controls button {
    background: none !important;
}

.background-meta-categories {
    background: #ff6d00 !important;
}

.entry-meta .background-meta-categories a:hover {
    color: white !important;
}

.gtm-block {
    display: flex;
}

.wp-block-heading {
    font-size: clamp(24px, 0.875rem + ((1vw - 3.2px) * 0.313), 18px);
    font-weight: 800;
    color: white;
}

[class^=gtm-basic-icon-]:not(#\9),[class*=" gtm-basic-icon-"]:not(#\9) {
    font-family: gtm-basic-icon;
    line-height: 1;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.gtm-basic-icon-arrow-right:before {
    content: "\ea01"
}

.gtm-basic-icon-bars:before {
    content: "\ea02"
}

.gtm-basic-icon-book-open:before {
    content: "\ea03"
}

.gtm-basic-icon-buffer:before {
    content: "\ea04"
}

.gtm-basic-icon-calendar:before {
    content: "\ea05"
}

.gtm-basic-icon-caret-right:before {
    content: "\ea06"
}

.gtm-basic-icon-carrot:before {
    content: "\ea07"
}

.gtm-basic-icon-cart-shopping:before {
    content: "\ea08"
}

.gtm-basic-icon-check:before {
    content: "\ea09"
}

.gtm-basic-icon-chevron-down:before {
    content: "\ea0a"
}

.gtm-basic-icon-chevron-left:before {
    content: "\ea0b"
}

.gtm-basic-icon-chevron-right:before {
    content: "\ea0c"
}

.gtm-basic-icon-chevron-up:before {
    content: "\ea0d"
}

.gtm-basic-icon-circle-regular:before {
    content: "\ea0e"
}

.gtm-basic-icon-clock:before {
    content: "\ea0f"
}

.gtm-basic-icon-comment:before {
    content: "\ea10"
}

.gtm-basic-icon-discord:before {
    content: "\ea11"
}

.gtm-basic-icon-envelope:before {
    content: "\ea12"
}

.gtm-basic-icon-eye:before {
    content: "\ea13"
}

.gtm-basic-icon-facebook-f:before {
    content: "\ea14"
}

.gtm-basic-icon-fire:before {
    content: "\ea15"
}

.gtm-basic-icon-get-pocket:before {
    content: "\ea16"
}

.gtm-basic-icon-ghost:before {
    content: "\ea17"
}

.gtm-basic-icon-hashtag:before {
    content: "\ea18"
}

.gtm-basic-icon-headphones:before {
    content: "\ea19"
}

.gtm-basic-icon-heart:before {
    content: "\ea1a"
}

.gtm-basic-icon-house:before {
    content: "\ea1b"
}

.gtm-basic-icon-ice-cream:before {
    content: "\ea1c"
}

.gtm-basic-icon-image:before {
    content: "\ea1d"
}

.gtm-basic-icon-images:before {
    content: "\ea1e"
}

.gtm-basic-icon-instagram:before {
    content: "\ea1f"
}

.gtm-basic-icon-link:before {
    content: "\ea20"
}

.gtm-basic-icon-linkedin-in:before {
    content: "\ea21"
}

.gtm-basic-icon-location-dot:before {
    content: "\ea22"
}

.gtm-basic-icon-magnifying-glass:before {
    content: "\ea23"
}

.gtm-basic-icon-middle-dot:before {
    content: "\ea24"
}

.gtm-basic-icon-minus:before {
    content: "\ea25"
}

.gtm-basic-icon-mix:before {
    content: "\ea26"
}

.gtm-basic-icon-newspaper:before {
    content: "\ea27"
}

.gtm-basic-icon-paperclip:before {
    content: "\ea28"
}

.gtm-basic-icon-pen:before {
    content: "\ea29"
}

.gtm-basic-icon-pinterest-p:before {
    content: "\ea2a"
}

.gtm-basic-icon-pizza-slice:before {
    content: "\ea2b"
}

.gtm-basic-icon-play:before {
    content: "\ea2c"
}

.gtm-basic-icon-plus:before {
    content: "\ea2d"
}

.gtm-basic-icon-podcast:before {
    content: "\ea2e"
}

.gtm-basic-icon-print:before {
    content: "\ea2f"
}

.gtm-basic-icon-quote-left-solid:before {
    content: "\ea30"
}

.gtm-basic-icon-quote-right-solid:before {
    content: "\ea31"
}

.gtm-basic-icon-reddit-alien:before {
    content: "\ea32"
}

.gtm-basic-icon-seedling:before {
    content: "\ea33"
}

.gtm-basic-icon-share-nodes:before {
    content: "\ea34"
}

.gtm-basic-icon-shuffle:before {
    content: "\ea35"
}

.gtm-basic-icon-snapchat:before {
    content: "\ea36"
}

.gtm-basic-icon-star:before {
    content: "\ea37"
}

.gtm-basic-icon-tag:before {
    content: "\ea38"
}

.gtm-basic-icon-telegram-plane:before {
    content: "\ea39"
}

.gtm-basic-icon-thumbs-down:before {
    content: "\ea3a"
}

.gtm-basic-icon-thumbs-up:before {
    content: "\ea3b"
}

.gtm-basic-icon-tiktok:before {
    content: "\ea3c"
}

.gtm-basic-icon-tumblr:before {
    content: "\ea3d"
}

.gtm-basic-icon-twitch:before {
    content: "\ea3e"
}

.gtm-basic-icon-twitter:before {
    content: "\ea3f"
}

.gtm-basic-icon-user:before {
    content: "\ea40"
}

.gtm-basic-icon-viber:before {
    content: "\ea41"
}

.gtm-basic-icon-vk:before {
    content: "\ea42"
}

.gtm-basic-icon-whatsapp:before {
    content: "\ea43"
}

.gtm-basic-icon-x-twitter:before {
    content: "\ea44"
}

.gtm-basic-icon-xmark:before {
    content: "\ea45"
}

.gtm-basic-icon-youtube:before {
    content: "\ea46"
}

.gtm-basic-icon-odnoklassniki:before {
    content: url('https://wuthering.ru/wp-content/themes/wuthering/images/ok.svg');
    filter: invert(1);
}

 
 
 

#breadcrumbs {
    margin-bottom: 15px;
    line-height: 24px;
}

#breadcrumbs a {
    font-weight: 600;
font-size: 14px;
}

#breadcrumbs span {
    font-weight: 600;
font-size: 14px;
}

.single-post #breadcrumbs {
    margin-bottom: 0px;
}

.buser_list {
    padding: 0;
}

.buser_list li {
    position: relative;
    list-style: none;
}

.bbox {
    border: 1px solid #e6e6e6;
    background: #fff;
}

.rds10 {
    border-radius: 10px;
}

.buser_list .buser_photo {
    width: 100%;
    max-width: 100%;
    object-fit: cover;
}

.p_rel {
    position: relative;
}

.img_clr, .img_clr a, .img_clr img {
    display: inline-block;
}

.buser_usinfo {
    padding: 5px 10px 10px 10px;
    margin-top: -5px;
}

.green_14 {
    color: #68c42b;
}

.online a, .online span {
    color: #68c42b;
}

.online .web {
    top: 1px;
}

.img_clr a {
    width: 100%;
    max-width: 100%;
}

.img_clr a img {
    width: 100%;
    max-width: 100%;
}

.online i {
    position: relative;
    margin-right: 5px;
}

.img_clr {
    width: 100%;
}

.web {
    width: 8px;
    height: 10px;
    background-position: 98.05447470817121% 49.382716049382715%;
}

.buser_usheight {
    margin-top: 15px;
}

.fl {
    display: flex;
    justify-content: center;
}

.to_els {
    text-overflow: ellipsis;
}

.fsize11 {
    font-size: 11px;
}

.icon-css {
    display: inline-block;
}

.user__item {
    position: relative;
    display: inline-block;
    border: 2px solid #fff;
    border-radius: 5px;
    background-color: #ffeedb;
    box-shadow: 0 2px 3px rgba(0,0,0,0.2);
}

.link-wrapper {
    color: inherit;
    text-decoration: inherit;
    outline: 0;
}

.user__item .user__img {
    position: relative;
    border-radius: 3px 3px 0 0;
    overflow: hidden;
    min-height: 118px;
}

.user__meta {
    min-height: 28px;
    padding: 8px 10px;
    line-height: 1.2;
    font-size: 12px;
    white-space: nowrap;
    border: 1px solid transparent;
    border-top: 0;
    border-radius: 0 0 5px 5px;
}

.user__meta__name {
    display: block;
    font-size: 15px;
    margin-bottom: 1px;
    padding-left: 1px;
    margin-left: -1px;
    width: 100%;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    text-decoration: none;
}

.user__meta__place {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 5px;
}

.user__meta__place__flag {
    position: relative;
    top: -1px;
    margin-right: 5px;
}

.wp-block-post-content a {
    color: #f82862;
}

.wp-block-gtm-post-share a {
    margin-right: 15px;
}

.wp-block-gtm-post-share a:last-child {
    margin-right: 0px;
}

.wpcf7 form .wpcf7-response-output {
    margin: 0 !important;
    padding: 10px 20px 10px 20px !important;
    border: 2px solid #ff6d00 !important;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #ff6d00 !important;
}

.meta-categories-se {
    background: #ff4500;
}

.meta-categories-se a:hover {
    color: white !important;
}.pag {
margin-top: 25px !important;
}

.wp-block-query-pagination-numbers prev {
    margin-right: 10px;
}
.wp-block-query-pagination-numbers next {
      margin-left: 10px;
}

.wp-block-query-pagination-numbers .page-numbers {
margin-right: 8px;
}

.wp-block-query-pagination-numbers .page-numbers:last-child {
margin-right: 0px;
}

.active-filter {
    background-color: #ff4500 !important;
    border: 1px solid #ff4500 !important;
}

.filterButton span  {
padding: 5px 10px 5px 10px;
}

.padding-char {
    padding: 20px 20px 10px 20px;
}

.capitalize-char {
display: flex;
    align-items: center;
    line-height: 22px;
}

.capitalize-char b {
position: relative;
    top: -3px;
}

.gridItem {
position: relative;
}

.elm {
left: 0;
    padding: 8px;
    position: absolute;
    top: 0;
}

.filters a:hover {
color:white !important;
}

.items-table {
    border-collapse: collapse;
    display: block;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
}
.elm img {
filter: drop-shadow(rgb(0, 0, 0) 0px 2px 3px);
 
}
.items-table .name.quality1 {
    color: #d3d3d3;
}
.items-table .name.quality2 {
    color: #16ec5a;
}
.items-table .name.quality3 {
    color: #00b4ff;
}
.items-table .name.quality4 {
    color: #ca6dff;
}
.items-table .name.quality5 {
    color: #ffe65a;
}
.items-table .name {
 line-height: 22px;
}

.filterButton img {
    position: relative;
    top: -1px;
}

.filterButtonechos-img {
width: 42px;
}
.fetters {
    display: flex;
    flex-direction: column;
    gap: 5px;
    left: 2px;
    padding: 4px;
    position: absolute;
    top: 0;
}

.fetters .fet img {
    border-radius: 50%;
    border-style: solid;
    border-width: 2px;
    height: 26px;
    vertical-align: middle;
    width: 26px;
filter: drop-shadow(rgb(0, 0, 0) 0px 1px 2px);
    object-fit: contain;
}

.f7 img {
    background-color: rgba(155, 219, 45, .2);
    border-color: #9bdb2d;
}

.f3 img {
    background-color: rgba(180, 107, 255, .2);
    border-color: #b46bff;
}

.f9 img {
    background-color: rgba(199, 44, 37, .2);
    border-color: #c72c25;
}

.f8 img {
    background-color: hsla(0, 0%, 100%, .2);
    border-color: #fff;
}

.f2 img {
    background-color: rgba(240, 116, 78, .2);
    border-color: #f0744e;
}

.f4 img {
    background-color: rgba(85, 255, 181, .2);
    border-color: #55ffb5;
}
.f5 img {
    background-color: hsla(52, 91%, 70%, .2);
    border-color: #f8e56c;
}

.f6 img {
    background-color: rgba(201, 139, 179, .2);
    border-color: #c98bb3;
}

.f1 img {
    background-color: rgba(65, 174, 251, .2);
    border-color: #41aefb;
}

#comments {
    max-width: 1100px;
    margin: 0 !important;
    color: #333333;
    font-style: normal;
}

.wpd-form-head {
display: none !important;
}

#wpdcom .wc-field-submit input[type="submit"] {
    margin-left: 2%;
    font-family: var(--theme-font-family) !important;
}

#wpdcom .ql-editor {
    min-height: 65px;
    border-bottom-color: #fff;
    word-break: break-word;
    font-family: var(--theme-font-family) !important;
}

#wpdcom .ql-editor > * {
    color: #777777;
    font-family: var(--theme-font-family) !important;
}

#wpdcom .wpd-thread-head .wpd-thread-info {
    color: #ffffff !important;
    padding: 5px 15px 3px 5px;
    font-weight: 600;
    margin-bottom: -2px;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: left;
    line-height: 24px;
}

#wpdcom {
    max-width: 100% !important;
    padding: 0;
    margin: 7px auto 15px auto;
}

#wpdcom .wpd-thread-filter .wpdf-sorting {
    font-size: 14px;
    color: #ffffff !important;
    line-height: 18px;
    text-transform: capitalize;
    min-width: 100px;
      font-family: var(--theme-font-family) !important;
}

#wpdcom .wpd-comment-date {
    padding: 0 5px;
    font-size: 11px;
    color: white !important;
}

#wpdcom .wpd-comment-footer .wpd-vote-up svg, #wpdcom .wpd-comment-footer .wpd-vote-down svg {
    fill: #ffffff !important;
    cursor: pointer;
}

#wpdcom .wpd-comment-footer .wpd-vote-result {
    padding: 0 8px;
    font-size: 14px;
    text-align: center;
    color: #ffffff !important;
}

#comments #wpdcom span, #respond #wpdcom span, #wpdcom span {
    display: inline;
    letter-spacing: inherit;
    text-transform: none;
    font-size: 1em;
    color: white !important;
}

#wpdcom .wpd-comment-footer .wpd-reply-button svg {
    vertical-align: middle;
    transform: rotate(180deg);
    width: 22px;
    height: 22px;
    opacity: 0.7;
    fill: #ffffff !important;
    margin-right: 2px;
}

#wpdcom .wpd-thread-head {
    width: 100%;
    border-bottom: 2px solid #ffffff !important;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
}

#wpdcom .wpd-blog-post_author .wpd-comment-author, #wpdcom .wpd-blog-post_author .wpd-comment-author a {
    color: #ffffff !important;
}

#wpdcom .wpd-blog-post_author .wpd-comment-label {
    color: #ffffff;
    background-color: #ff6d00 !important;
    border: none;
}

#wpdcom.wpd-layout-1 .wpd-comment .wpd-reply-to {
    margin-bottom: 6px;
    border-left: 1px solid #ffffff !important;
    padding: 0px 10px;
}

#wpdcom .wpd-comment .wpd-reply-to {
    font-size: 13px;
    color: #ffffff !important;
    font-style: italic;
}

#wpdcom .wpd-comment .wpd-reply-to a {
    text-decoration: none;
    opacity: 0.8;
    color: #ffffff !important;
    font-size: 14px !important;
}

#wpdcom .wpd-tools-actions {
    display: none;
    font-family: "Arial Hebrew", Arial, sans-serif;
    font-size: 14px;
    position: absolute;
    left: -50%;
    min-width: 100px;
    flex-direction: column;
    background-color: #000 !important;
    border: 1px solid #ccc;
    padding: 5px 8px;
    border-radius: 3px;
    z-index: 9;
    color: #fff !important;
    top: 26px;
}

#wpdcom .wpdiscuz-sort-buttons {
    display: none;
    position: absolute;
    flex-direction: column;
    background-color: #13171b !important;
    border: 1px solid #ccc !important;
    padding: 5px;
    border-radius: 3px;
    width: 100%;
    left: 0;
    top: 32px;
    z-index: 9;
}
#wpdcom .wpdiscuz-sort-buttons .wpdiscuz-sort-button:hover {
    background-color: #ff6d00 !important;
}

#wpdcom .wpd-form-row .wpdiscuz-item input[type="text"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="email"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="url"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="color"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="date"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="datetime"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="datetime-local"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="month"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="number"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="time"], #wpdcom textarea, #wpdcom select {
    background: #ffffff;
    border: 1px solid #ffffff;
    color: #000000 !important;
}

.wp-block-heading-glav {
    font-size: 30px;
}

#ez-toc-container {
    background: none;
    border: 1px solid #aaa;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    display: table;
    margin-bottom: 1em;
    padding: 12px 20px 12px 25px;
    position: relative;
    width: 100%;
}

#ez-toc-container a {
    color: #ff6d00;
    box-shadow: none;
    text-decoration: none;
    text-shadow: none;
    display: inline-flex;
    align-items: stretch;
    flex-wrap: nowrap;
}

#ez-toc-container a:visited {
    color: #97a1ab;
}

div#ez-toc-container .ez-toc-title {

display: block;
}

.head-tg p {
   font-size: 14px;
    margin: 0 0px 0 5px;
    position: relative;
    top: 1px;
}
@media(max-width: 999px) {
[data-column=end] [data-items=primary]>*:last-child {
    --margin: 0 0 0 0px !important;
}}

.head-tg-mob {
    margin-right: 17px !important;
display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
    position: relative;
    top: 9px;
}

.head-tg-mob p {
    font-size: 11px;
}
@media(max-width: 360px) {
.head-tg-mob p {
    display: none;
}

.head-tg-mob {
   top:0;
}
}

.wp-block-gallery.wp-block-gallery-1 {
    --wp--style--unstable-gallery-gap: var(--wp--style--gallery-gap-default, var(--gallery-block--gutter-size, var(--wp--style--block-gap, 0.5em)));
    gap: var(--wp--style--gallery-gap-default, var(--gallery-block--gutter-size, var(--wp--style--block-gap, 0.5em)));
}

#sidebar .ct-widget {
    margin-bottom: 30px;
}

#sidebar .ct-widget:last-child {
    margin-bottom: 0px;
}
@media(max-width: 550px) {
table {
       overflow-x: auto;
    display: table;
}}

.wp-has-aspect-ratio iframe {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.wp-block-embed iframe {
    max-width: 100%;
}

.wp-has-aspect-ratio .wp-block-embed__wrapper:before {
    content: "";
    display: block;
    padding-top: 50%;
}

.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before {
    padding-top: 56.25%;
}

.entry-content table tr td {
    text-align: left;
}

 
.character .top .left .image {
    background: linear-gradient(180deg, rgba(161, 176, 252, .173), #212332);
    border-radius: 15px;
}

.character .top .right {
    width: 100%;
margin: 0;
}
.character .top .right .info {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.character .top .right .info h1 {
    color: #ffd66b;
    font-size: 30px;
}

.character .top .right .info .description {
    max-width: 450px;
}.element {
    align-items: center;
    border: 2px solid transparent;
    border-radius: 100px;
    display: flex;
    gap: .4rem;
    padding: 0 5px;
}
.element.Electro {
    border-color: #a965c5;
    color: #a965c5;
}
.element img {
    vertical-align: middle;
    width: 100%;
}.element p {
    font-weight: 600;
    margin-right: 15px;
    padding: 4px 0;
}.level {
    display: block;
    margin-top: .5rem;
    width: 100%;
}.character .top .right .level {
    padding: 0 .2rem;
}.level .values {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
}.level .values .value {
    font-weight: 700;
}.slider-target, .slider-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    box-sizing: border-box;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}.slider-target {
    position: relative;
}.slider-horizontal {
    height: var(--slider-height, 6px);
}.slider-base, .slider-connects {
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 1;
}.slider-base {
    background-color: var(--slider-bg, #d1d5db);
}.slider-base, .slider-connects {
    border-radius: var(--slider-radius, 9999px);
}.slider-connects {
    overflow: hidden;
    z-index: 0;
}.slider-base, .slider-connects {
    border-radius: var(--slider-radius, 9999px);
}.slider-connect, .slider-origin {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    transform-origin: 0 0;
    transform-style: flat;
    width: 100%;
    will-change: transform;
    z-index: 1;
}.slider-connect {
    background: var(--slider-connect-bg, #10b981);
    cursor: pointer;
}.slider-connect, .slider-origin {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    transform-origin: 0 0;
    transform-style: flat;
    width: 100%;
    will-change: transform;
    z-index: 1;
}.slider-horizontal .slider-origin {
    height: 0;
}.slider-handle {
    backface-visibility: hidden;
    position: absolute;
}.slider-handle {
    background: var(--slider-handle-bg, #fff);
    border: var(--slider-handle-border, 0);
    border-radius: var(--slider-handle-radius, 9999px);
    box-shadow: var(--slider-handle-shadow, .5px .5px 2px 1px rgba(0, 0, 0, .32));
    cursor: grab;
    height: var(--slider-handle-height, 16px);
    width: var(--slider-handle-width, 16px);
}.slider-horizontal .slider-handle {
    height: var(--slider-handle-height, 16px);
    right: calc(var(--slider-handle-width, 16px) / 2* -1);
    top: calc((var(--slider-handle-height, 16px) - var(--slider-height, 6px)) / 2* -1 - 1px);
    width: var(--slider-handle-width, 16px);
}.slider-touch-area {
    height: 100%;
    width: 100%;
}.stats {
    background-color: #333749;
    flex-direction: column;
    gap: .4rem;
    margin-top: 1.5rem;
    padding: 1rem;
}.stats, .stats .item {
    border-radius: 5px;
    display: flex;
}.stats, .stats .item {
    border-radius: 5px;
    display: flex;
}.stats .item {
    align-items: center;
    background-color: #454b63;
    justify-content: space-between;
    padding: 5px 10px;
}.stats .item .text {
    align-items: center;
    display: flex;
    gap: 5px;
}.character .intro {
    margin-top: 1.5rem;
}.character .abilities {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 1.5rem;
    width: 100%;
}.character .abilities .list {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(1, 1fr);
}.character .abilities .list .ability {
    background-color: #3d4155;
    border: 2px solid #3d4155;
    padding: 5px 15px 0px 15px;
    border-radius: 5px;
}.character .abilities .list .ability .header {
    align-items: center;
    display: flex;
    gap: .3rem;
    padding: 10px;
margin: 0;
}.character .abilities .list .ability .header h3 {
    display: inline-block;
    font-size: 17px;
    font-weight: 600;
margin-bottom: 0;
}.character .abilities .list .ability .header p {
    font-size: 17px;
    margin-left: 3px;
margin-bottom: 0;
}.character .abilities .list .ability .description {
    background-color: #333749;
    border-radius: 0 0 5px 5px;
    padding: 10px;
}.character .abilities .list .ability .description .Title {
    color: #ffd66b;
    display: block;
    font-size: 17px;
    font-weight: 600;
    padding-bottom: 5px;
}.character .Thunder {
    color: #a965c5;
}

.portable-infobox h2, .portable-infobox h3 {
    border-bottom: 0;
    font-family: inherit;
    font-weight: 700;
    margin: 0;
}
.character .sequences {
    margin-top: 1rem;
}.character .sequences .list {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(1, 1fr);
}.character .sequences .list .sequence {
    align-items: center;
    background-color: #333749;
    border-radius: 5px;
    display: flex;
    gap: .7rem;
    padding: 15px 10px;
}.character .sequences .list .sequence .image {
    background-color: #3d4155;
    border-radius: 50%;
    padding: 10px;
}.character .sequences .list .sequence h3 {
    font-size: 20px;
    font-weight: 700;
    padding: 5px 0;
}.character .sequences .list .sequence .description {
    line-height: 26px;
}.character .intro p {
    background-color: #333749;
    border: 2px solid #3d4155;
    border-radius: 5px;
    padding: 10px;
}

.top .left {
width: 100%;
}

.character h2 {
font-weight: 500;
    overflow: auto;
    padding: 6px 0;
border-bottom: 1px solid var(--theme-border-color);
}

 .echo h2 {
font-weight: 500;
    overflow: auto;
    padding: 6px 0;
border-bottom: 1px solid var(--theme-border-color);
}


.portable-infobox {
	--pi-background: var(--theme-page-background-color);
	--pi-secondary-background: var(--theme-accent-color);
	--pi-secondary-background--label: var(--theme-accent-label-color);
	--pi-border-color: rgba(var(--theme-accent-color--rgb),0.5);
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	clear: left;
	float: left;
	margin: 0 30px 18px 0px;
	width: 270px;
}

.pi-border-color {

	border-color: rgb(25 42 67);
}
.echo-stat {
margin: 0;
}
.portable-infobox.pi-background {
	background-color: #4e57741a;
}

.pi-secondary-background {
	background: #ff6d00;
	color: white;
}

.portable-infobox .pi-title {
	font-size: 18px;
	line-height: 1.25;
	padding: 12px 9px;
	justify-content: center;
	display: flex;
}

.portable-infobox .pi-header {
	font-size: 14px;
	line-height: 1.25;
	padding: 9px;
}

.portable-infobox .pi-header[data-item-name=secondary_title] {
	padding-top: 0;
}

.wds-tabber {
	overflow: hidden;
}

.wds-tabs__wrapper {
	position: relative;
}

.wds-tabs, .wds-tabs__wrapper {
	--wds-tab-color: rgba(var(--theme-page-text-color--rgb),0.75);
	--wds-tab-color--active: var(--theme-link-color);
	--wds-tab-color--hover: var(--theme-page-text-color);
	--wds-tab-border-color: rgba(var(--theme-page-dynamic-color-1--rgb),0.25);
}

.character #ez-toc-container {
    width: inherit;
}

.wds-tabs__arrow-left, .wds-tabs__arrow-right {
	align-items: center;
	bottom: 0;
	cursor: pointer;
	display: flex;
	justify-content: center;
	position: absolute;
	top: 0;
	visibility: hidden;
	width: 18px;
	z-index: 1;
}

.wds-tabs__arrow-left {
	left: 0;
}

.wds-icon-tiny {
	height: 12px;
	min-width: 12px;
	width: 12px;
}

.wds-icon {
	height: 24px;
	min-width: 24px;
	width: 24px;
	fill: currentColor;
}

.portable-infobox ol.wds-tabs, .portable-infobox ul.wds-tabs {
	margin: 0;
 
}
@media(max-width: 600px) {
.portable-infobox ol.wds-tabs, .portable-infobox ul.wds-tabs {
justify-content: space-around;
}}

.portable-infobox ol, .portable-infobox ul {
	list-style-position: outside;
	margin: 0 0 0 15px;
	text-align: initial;
}

.wds-tabs__wrapper .wds-tabs {
	overflow-x: scroll;
}

 ul.wds-tabs {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

 .portable-infobox ol.wds-tabs, ..portable-infobox ul.wds-tabs {
	margin: 0;
}

.wds-tabs {
	align-items: flex-end;
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	scrollbar-width: none;
}

.wds-tabs__tab {
	color: var(--wds-tab-color);
	cursor: default;
	flex-shrink: 0;
	line-height: 14px;
	position: relative;
	transition: box-shadow .1s;
}

.wds-tabs__tab.wds-is-current {
	box-shadow: inset 0 -3px 0 -1px currentColor;
}

.wds-tabs__tab-label {
	align-items: center;
	display: inline-flex;
	font-size: 14px;
	font-weight: 500;
	height: 40px;
	letter-spacing: .5px;
	margin: 0 20px;
	text-align: center;
	text-decoration: none;
	transition: color .1s;
	white-space: nowrap;
}

.wds-tabs__arrow-left, .wds-tabs__arrow-right {
	align-items: center;
	bottom: 0;
	cursor: pointer;
	display: flex;
	justify-content: center;
	position: absolute;
	top: 0;
	visibility: hidden;
	width: 18px;
	z-index: 1;
}

.wds-tabs__arrow-right {
	right: 0;
}

.wds-tabs__arrow-right>svg {
	transform: rotate(-90deg);
}

.wds-icon-tiny {
	height: 12px;
	min-width: 12px;
	width: 12px;
}

.wds-tab__content.wds-is-current {
	display: block;
}

.pi-image {
	text-align: center;
}

.pi-image {
	border-bottom: 1px solid var(--pi-border-color);
}

.page-content img {
	vertical-align: middle;
}

.gallery-icon-container {
	height: 100%;
	position: absolute;
	width: 100%;
}

.gallery-icon-container .icon-container {
	align-items: center;
	background: #1e0c1b80;
	border-radius: 50%;
	bottom: 6px;
	display: flex;
	flex-direction: row;
	font-size: 12px;
	gap: 10px;
	height: 24px;
	justify-content: center;
	position: absolute;
	right: 6px;
	width: 24px;
}

.gallery-icon-container .icon-container svg {
	fill: #fff;
}

.wds-tab__content {
	display: none;
}

.pi-image {
	border-bottom: 1px solid var(--pi-border-color);
}

.gallery-icon-container {
	height: 100%;
	position: absolute;
	width: 100%;
}

.gallery-icon-container .icon-container {
	align-items: center;
	background: #1e0c1b80;
	border-radius: 50%;
	bottom: 6px;
	display: flex;
	flex-direction: row;
	font-size: 12px;
	gap: 10px;
	height: 24px;
	justify-content: center;
	position: absolute;
	right: 6px;
	width: 24px;
}

.gallery-icon-container {
	height: 100%;
	position: absolute;
	width: 100%;
}

.gallery-icon-container .icon-container {
	align-items: center;
	background: #1e0c1b80;
	border-radius: 50%;
	bottom: 6px;
	display: flex;
	flex-direction: row;
	font-size: 12px;
	gap: 10px;
	height: 24px;
	justify-content: center;
	position: absolute;
	right: 6px;
	width: 24px;
}



.portable-infobox p, .portable-infobox section {
	margin-bottom: 0;
}

.pi-horizontal-group {
	border-collapse: collapse;
	table-layout: fixed;
	text-align: center;
border: none;
	width: 100%;
}

.pi-item.pi-group.pi-border-color thead tr {
	border-top: 1px solid var(--pi-border-color);
}

.pi-horizontal-group .pi-horizontal-group-item, .pi-smart-group-body {
	border-top: none !important;
}

.portable-infobox .pi-item-spacing {
 
	    padding: 10px 15px;
}

 

.pi-data-value>* {
	margin: 0;
}



.portable-infobox p, .portable-infobox section {
	margin-bottom: 0;
}

.pi-horizontal-group {
	border-collapse: collapse;
	table-layout: fixed;
	text-align: center;
	width: 100%;
}

.pi-item.pi-group.pi-border-color thead tr {
	border-top: 1px solid var(--pi-border-color);
}

.pi-horizontal-group-item img {
    margin-right: 0px;
 
}

[data-source="attribute"] img {
 
max-width:20px !important;
max-height:20px !important;
}

 
.pi-data-value>* {
	margin: 0;
}

.wds-tabs__wrapper {
	position: relative;
}

.wds-tabs, .wds-tabs__wrapper {
	--wds-tab-color: rgba(var(--theme-page-text-color--rgb),0.75);
	--wds-tab-color--active: var(--theme-link-color);
	--wds-tab-color--hover: var(--theme-page-text-color);
	--wds-tab-border-color: rgba(var(--theme-page-dynamic-color-1--rgb),0.25);
}

.wds-tab__content.wds-is-current {
	display: block;
}

.pi-data {
	border-top-style: solid;
	border-top-width: 1px;
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	grid-column-gap: 9px;
	overflow: hidden;
}


.portable-infobox h2, .portable-infobox h3 {
	border-bottom: 0;
	font-family: inherit;
	font-weight: 700;
	margin: 0;
}

 

.pi-data-value {
	line-height: 1.5;
	overflow-wrap: break-word;
}

.pi-data-value:not(:first-child) {
	flex-basis: 180px;
}

 

.pi-data-value {
	line-height: 1.5;
	overflow-wrap: break-word;
}

.pi-data-value:not(:first-child) {
	flex-basis: 180px;
}

.pi-font {
	font-size: 12px;
}

.portable-infobox .pi-header {
	font-size: 14px;
	line-height: 1.25;
	padding: 9px;
}
 

.portable-infobox .pi-title {
	font-size: 18px;
	line-height: 1.25;
	padding: 12px 9px;
}

.portable-infobox .pi-header {
	font-size: 14px;
	line-height: 1.25;
	padding: 9px;
}

.intro {
	display: flex;
	width: 100%;
	flex-direction: column;
}

.h1-char {
    margin: 0;
    font-size: 42px;
    position: relative;
    top: -12px;
line-height: 48px;
    display: flex;
}

.h2-char {
font-size: 20px;
    position: relative;
    top: -12px;
    margin: 0;
}

.portable-infobox h2, .portable-infobox h3 {
	border-bottom: 0;
	font-family: inherit;
	font-weight: 700;
	margin: 0;
}

.portable-infobox .pi-data-label {
    font-size: 12px;
    line-height: 1.5;
}

.page-content .portable-infobox p, .page-content .portable-infobox section {
    margin-bottom: 0;
}

.page-content p, .page-content section {
    font-size: inherit;
    font-weight: 400;
    line-height: 1.75;
    margin: 0 0 24px;
    overflow-wrap: break-word;
} 
.pi-secondary-font {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.25;
    margin-top: 0;
}
.pi-data-label {
    flex-basis: 180px;
    margin: 0;
    overflow: hidden;
}



@media only screen and (max-width: 600px) {

.portable-infobox {
    clear: initial;
    float: initial;
    margin: 0 0px 50px 0px;
    width: 100%;
}}

.wds-tab__content .pi-item .pi-data-value  {
    display: flex;
    align-items: center;
}
@media only screen and (max-width: 470px) {
.navbox-row {
display: flex;
flex-wrap: wrap;
}
.navbox-group {
width: 100%;
}
.navbox-list {
display: flex;
    justify-content: center;
}

.hlist {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
}

.ez-toc-title-container {
display: flex;
align-items: center;
justify-content: space-between;
}

.character .sequences .list .sequence .image img {
    vertical-align: middle;
}

.page-content img {
    vertical-align: middle;
    height: 100%;
    max-width: initial;
}

.character .abilities .passives img {
    filter: brightness(0) saturate(100%) invert(73%) sepia(74%) saturate(2067%) hue-rotate(194deg) brightness(100%) contrast(111%);
}.character .abilities .intro-outro.elm-3 img {
    filter: brightness(0) saturate(100%) invert(61%) sepia(60%) saturate(3938%) hue-rotate(237deg) brightness(85%) contrast(78%);
}.character .Highlight {
    color: #a1b0fc;
}.character .Light {
    color: #c5b065;
}.character .abilities .intro-outro.elm-5 img {
    filter: brightness(0) saturate(100%) invert(71%) sepia(38%) saturate(436%) hue-rotate(9deg) brightness(92%) contrast(90%);
}.character .Wind {
    color: #97d3ba;
}.character .abilities .intro-outro.elm-4 img {
    filter: brightness(0) saturate(100%) invert(86%) sepia(33%) saturate(290%) hue-rotate(99deg) brightness(89%) contrast(87%);
}.character .Fire {
    color: #c25e5e;
}.character .abilities .intro-outro.elm-2 img {
    filter: brightness(0) saturate(100%) invert(45%) sepia(20%) saturate(1309%) hue-rotate(314deg) brightness(98%) contrast(91%);
}.character .Light {
    color: #c5b065;
}.character .abilities .intro-outro.elm-5 img {
    filter: brightness(0) saturate(100%) invert(71%) sepia(38%) saturate(436%) hue-rotate(9deg) brightness(92%) contrast(90%);
}.character .Ice {
    color: #68bddc;
}.character .abilities .intro-outro.elm-1 img {
    filter: brightness(0) saturate(100%) invert(87%) sepia(8%) saturate(5402%) hue-rotate(167deg) brightness(90%) contrast(91%);
}.character .Dark {
    color: #e649a6;
}.character .abilities .intro-outro.elm-6 img {
    filter: brightness(0) saturate(100%) invert(67%) sepia(68%) saturate(6636%) hue-rotate(299deg) brightness(95%) contrast(89%);
}.character .abilities .intro-outro.elm-5 img {
    filter: brightness(0) saturate(100%) invert(71%) sepia(38%) saturate(436%) hue-rotate(9deg) brightness(92%) contrast(90%);
}.character .Ice {
    color: #68bddc;
}.character .abilities .intro-outro.elm-1 img {
    filter: brightness(0) saturate(100%) invert(87%) sepia(8%) saturate(5402%) hue-rotate(167deg) brightness(90%) contrast(91%);
}.character .Fire {
    color: #c25e5e;
}.character .abilities .intro-outro.elm-2 img {
    filter: brightness(0) saturate(100%) invert(45%) sepia(20%) saturate(1309%) hue-rotate(314deg) brightness(98%) contrast(91%);
}.character .Dark {
    color: #e649a6;
}.character .abilities .intro-outro.elm-6 img {
    filter: brightness(0) saturate(100%) invert(67%) sepia(68%) saturate(6636%) hue-rotate(299deg) brightness(95%) contrast(89%);
}.character .Wind {
    color: #97d3ba;
}.character .abilities .intro-outro.elm-4 img {
    filter: brightness(0) saturate(100%) invert(86%) sepia(33%) saturate(290%) hue-rotate(99deg) brightness(89%) contrast(87%);
}.character .abilities .intro-outro.elm-4 img {
    filter: brightness(0) saturate(100%) invert(86%) sepia(33%) saturate(290%) hue-rotate(99deg) brightness(89%) contrast(87%);
}.character .Wind {
    color: #97d3ba;
}.character .abilities .intro-outro.elm-4 img {
    filter: brightness(0) saturate(100%) invert(86%) sepia(33%) saturate(290%) hue-rotate(99deg) brightness(89%) contrast(87%);
}.character .Thunder {
    color: #a965c5;
}.character .abilities .intro-outro.elm-3 img {
    filter: brightness(0) saturate(100%) invert(61%) sepia(60%) saturate(3938%) hue-rotate(237deg) brightness(85%) contrast(78%);
}.character .abilities .intro-outro.elm-1 img {
    filter: brightness(0) saturate(100%) invert(87%) sepia(8%) saturate(5402%) hue-rotate(167deg) brightness(90%) contrast(91%);
}

@media only screen and (max-width: 630px) {
.character .abilities .list .ability .header h3 {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0;
line-height: 20px;
}

.item .value {
font-weight: 500;
    color: white;
}

.character .abilities .list .ability .header p {
    font-size: 14px;
    margin-left: 3px;
    margin-bottom: 0;
line-height: 20px;
}}


 
 
input[type=range] {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 8px;
    border-radius: 16px;
    background-color: var(--slider-bg, #d1d5db);
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
    margin-bottom: var(--margin);
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: 1px solid rgba(196, 196, 196, 0.4);
  height: 24px;
  width: 24px;
  border-radius: 50px;
  background: #fff;
  cursor: pointer;
}
/* Для браузеров на основе WebKit (Chrome, Safari) */
.slider::-webkit-slider-runnable-track {
    background: linear-gradient(to right, #ff6d00 0%, #ff6d00 calc((var(--value) - var(--min)) / (var(--max) - var(--min)) * 100%), #ccc calc(((var(--value) - var(--min)) / (var(--max) - var(--min))) * 100%), #ccc 100%);
}

/* Для Firefox */
.slider::-moz-range-progress {
    background-color: #ff6d00; /* Цвет заполненной части слайдера */
}

.character #breadcrumbs {
margin-bottom: 15px;
}
@media only screen and (max-width: 600px) {
.character #breadcrumbs {
text-align: center;
}}
.echo #breadcrumbs {
margin-bottom: 15px;
}
@media only screen and (max-width: 600px) {
.echo #breadcrumbs {
text-align: center;
}}
.weapon #breadcrumbs {
margin-bottom: 15px;
}
@media only screen and (max-width: 600px) {
.weapon #breadcrumbs {
text-align: center;
}}


.echo .pi-item .list {
     display: flex;
    gap: 10px;
    flex-direction: column;
}.echo .sonata {
    border-radius: 5px;
    display: flex;
    flex-direction: column;
}.echo .sonata .elm-type {
    align-items: center;
    background-color: #3d4155;
    border-radius: 5px 5px 0 0;
    color: #fff;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    gap: 8px;
    padding: 6px 8px;
}.echo .sonata .elm-type img {
    border-radius: 50%;
    border-style: solid;
    border-width: 2px;
    height: 32px;
    vertical-align: middle;
    width: 32px;
}.echo .sonata .description {
    background-color: #333749;
    border-radius: 0 0 5px 5px;
    padding: 3px 10px;
}.echo .sonata .description p {
    margin: 7px 0;
}.echo .sonata .description span {
    border-bottom: 1px solid #fff;
    font-size: 14px;
}

.echo .attributes {
    display: flex;
    gap: 1rem;
flex-direction: column;
height: initial;
    width: initial;
}

.echo .attributes .props {
    background-color: rgba(61, 65, 85, .157);
    border-radius: 5px;
    padding: 10px;
}.echo .attributes h2 {
    font-size: 18px;
    padding-bottom: .7rem;
}.echo .attributes .list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}.echo .attributes .list .prop {
    align-items: center;
    background-color: #333749;
    border-radius: 5px;
    display: flex;
    gap: 5px;
    padding: 8px;
}.echo .attributes .list .prop img {
    vertical-align: middle;
}.echo .attributes .list .prop h3 {
    font-size: 15px;
    font-weight: 600;
margin: 0;
}

.echo .pi-font {
    font-size: 14px;
}

.rank-echo-page {
display: flex;
    flex-direction: column;
    margin-bottom: 10px;
}

#vanguard_junrock_desc {
    display: inline;
}

.rank-echo-page span {
margin-bottom: 10px;
    display: block;
font-weight: 600;
color: #ffffff;
}

.echo .list .prop img {
   height: initial;
}
 
.weapon .gridListSmall .gridItem a img {
 
    position: relative;
    overflow: hidden;
    pointer-events: none;
    transform: translateZ(0);
    transition: transform .25s, border .5s;
    border-radius: 8px;
    border: 1px solid var(--elevation3);
    width: 100%;
    object-fit: cover;
 
}

.weapon .pi-image img {
max-height: 270px;
}

.weapon-stat-page {
    display: flex;
margin-top: 20px;
}

.weapon-stat-page .elementor-widget-container {
width: 100%;
}

.weapon-rec-pers {
    width: 100%;
    display: flex;
}

.guide-glav {
    display: grid !important;
    grid-template-columns: 2fr 2fr !important;
    grid-gap: 20px;
}

.wp-block-table table tr:first-child td {
    text-align: left;
    background-color: inherit !important;
    color: #a6afbf !important;
}

.jTntOt {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 10px;
}
.llsDqp {
    display: flex;
    flex-basis: 100%;
    background-color: var(--theme-palette-color-6);
    border: solid 1px var(--theme-palette-color-5);
    border-radius: 5px;
    gap: 10px;
}
.jiIoLJ {
    background-color: rgb(24, 146, 11);
    border-radius: 5px 0px 0px 5px;
    color: var(--theme-palette-color-4);
    font-weight: bold;
    padding: 10px;
    text-align: center;
    font-size: 1.3em;
text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.emZbhR {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    padding: 10px;
}
.cUNIBD {
    width: 120px;
}
.gONhZS {
    width: 100%;
    flex-basis: 100%;
    height: 100%;
    position: relative;
    background-color: var(--theme-palette-color-6);
    display: flex;
    flex-direction: row;
    border-radius: 10px;
    align-items: start;
    color: unset !important;
}
.leZwN {
    width: 100%;
    flex-basis: 100%;
    height: 145px;
    position: relative;
    background: linear-gradient(180deg, #7437b1, var(--theme-palette-color-6));
    border: solid 1px var(--theme-palette-color-5);
    padding: 5px;
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    box-shadow: rgb(0, 0, 0) 0px 3px 5px;
    align-items: center;
    color: unset !important;
}
.bnsOnH {
    position: absolute;
    display: flex;
    flex-direction: column;
    top: 2px;
    left: 2px;
    gap: 3px;
}
.hIPvOO {
    color: rgb(255, 255, 255);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    text-align: center;
    font-size: 0.8em;
}

.mtGTt {
    background-color: rgb(88, 138, 13);
    border-radius: 5px 0px 0px 5px;
    color: var(--theme-palette-color-4);
    font-weight: bold;
    padding: 10px;
    text-align: center;
    font-size: 1.3em;
}

.htOVHu {
    background-color: rgb(158, 162, 17);
    border-radius: 5px 0px 0px 5px;
    color: var(--theme-palette-color-4);
    font-weight: bold;
    padding: 10px;
    text-align: center;
    font-size: 1.3em;
}

.border-mob {
margin-top: 20px;
    border-top: 1px solid #fff;
    padding-top: 15px;  }

.character .level {
    display: flex;
    margin-top: .5rem;
    width: inherit;
    flex-direction: column;
}

.character .level .values {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
}

.character .stats {
    margin-bottom: 20px;
}

.cALNJG {
    display: flex;
    flex-direction: column;
}

.DppPy {
    display: flex;
    gap: 10px;
    justify-content: center;
}

.hGMXSu {
    width: 100%;
    flex-basis: 100%;
    height: auto;
    position: relative;
    background-color: var(--theme-palette-color-6);
    display: flex;
    flex-direction: row;
    border-radius: 10px;
    align-items: start;
    color: unset !important;
}
.fhYgyy {
    width: 100%;
    flex-basis: 100%;
    height: 100%;
    position: relative;
    background-color: var(--theme-palette-color-6);
    border: solid 1px var(--theme-palette-color-5);
    padding: 10px;
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    box-shadow: rgb(0, 0, 0) 0px 3px 5px;
    align-items: center;
    color: unset !important;
} 


.jpOEZV {
    color: rgb(255, 255, 255);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    text-align: center;
    font-size: 1em;
}
.gkeajR {
    display: flex;
margin-top: 20px;
margin-bottom: 20px;
}
.dmnukL {
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: 100%;
    width: 100%;
}
.iHasvK {
    flex-basis: auto;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    border: solid 1px var(--border);
    background-color: var(--theme-palette-color-6);
    padding: 0px;
    width: 100%;
    color: white;
    height: 100%;
    box-shadow: rgb(0, 0, 0) 0px 3px 5px;
    border-radius: 10px;
}
.igBcSe {
    color: var(--theme-headings-color);
    background-color: var(--theme-palette-color-5);
    display: flex;
    width: 100%;
    padding-left: 20px;
    border-radius: 10px 10px 0px 0px;
    justify-content: space-between;
    min-height: 60px;
    font-weight: bold;
    line-height: 60px;
}
.jFhGUV {
    display: flex;
    width: 100%;
    flex-flow: wrap;
    margin-top: 5px;
    padding: 10px 20px 10px 20px;
    justify-content: center;
}
.gsshvc {
    width: 100%;
}
.dOMHzs {
    display: flex;
    width: 100%;
}
.bmIYFt {
    flex-basis: 130px;
    height: 57px;
    display: flex;
    align-items: center;
    font-size: 0.9em;
    color: var(--regular-text);
}
.xILwR {
    flex-basis: 70%;
    color: var(--theme-headings-color);
    font-weight: bold;
    display: flex;
    gap: 5px;
    justify-content: flex-start;
    align-items: center;
    padding: 5px;
    min-height: 57px;
    flex-wrap: wrap;
    max-width: 100%;
}

.dostig-table h2 {
font-size: 24px;
line-height: 32px;
padding: 13px 20px 10px 20px;
display: flex;
    align-items: center;
margin: 0;
}
.hGiMTU:hover {
    filter: brightness(1.2);
    border: solid 1px var(--theme-palette-color-1);
    box-shadow: 0px 3px 20px var(--theme-palette-color-1);
}
@media only screen and (max-width: 500px) {
.dostig-table h2 {
font-size: 20px;
line-height: 26px;
}}

.keSRNg {
    width: 100%;
    flex-basis: 100%;
    height: 265px;
    position: relative;
    background-color: var(--theme-palette-color-6);
    display: flex;
    flex-direction: row;
    border-radius: 10px;
    align-items: start;
    color: unset !important;
}

.hGiMTU {
    width: 100%;
    flex-basis: 100%;
    height: 265px;
    position: relative;
    background-color: var(--theme-palette-color-6);
    border: solid 1px var(--theme-palette-color-5);
    padding: 10px;
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    box-shadow: rgb(0, 0, 0) 0px 3px 5px;
    align-items: center;
    color: unset !important;
justify-content: center;
} .jpOEZV {
    color: rgb(255, 255, 255);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    text-align: center;
    font-size: 1em;
}.evrFyY {
    display: grid;
    grid-template-columns: repeat(auto-fill, 180px);
    justify-content: space-between;
    gap: 12px;
    padding-top: 20px;
    width: 100%;
    flex-basis: 100%;
}.hpcwsh {
    position: absolute;
    display: flex;
    flex-direction: column;
    top: 10px;
    left: 10px;
    gap: 3px;
}


.jMhHru {
display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: start;
}

.fljiKu {
    display: flex;
    flex-direction: column;
    width: 110px;
}.jJijXJ {
    width: 110px;
    height: 110px;
    padding: 0px;
    margin: 0px;
    border-radius: 10px;
    background: linear-gradient(180deg, #219e68, var(--theme-palette-color-6));
}

.ftPtDL {
    width: 110px;
    height: 110px;
    background: url(https://wuthering.ru/wp-content/uploads/aalto-icon.webp) center bottom / contain no-repeat;
    cursor: pointer;
    border-radius: 10px;
}

.hjoBDR {
    width: 110px;
    height: 110px;
    background: url(https://wuthering.ru/wp-content/uploads/baizhi-icon.webp) center bottom / contain no-repeat;
    cursor: pointer;
    border-radius: 10px;
}
.hGQJFA {
    width: 110px;
    height: 110px;
    padding: 0px;
    margin: 0px;
    border-radius: 10px;
    background: linear-gradient(180deg, #ab9921, var(--theme-palette-color-6));
}

.sc-fBdQPP {
margin-top: 10px;
}

.gqA-duh {
    width: 110px;
    height: 110px;
    background: url(https://wuthering.ru/wp-content/uploads/rover-spectro.png) center bottom / contain no-repeat;
    cursor: pointer;
    border-radius: 10px;
}

.ePjSHd {
    width: 110px;
    height: 110px;
    background: url(https://wuthering.ru/wp-content/uploads/calcharo-icon.webp) center bottom / contain no-repeat;
    cursor: pointer;
    border-radius: 10px;
}

.jqIDWS {
    width: 110px;
    height: 110px;
    background: url(https://wuthering.ru/wp-content/uploads/chixia-icon.webp) center bottom / contain no-repeat;
    cursor: pointer;
    border-radius: 10px;
}

.crQheO {
    width: 110px;
    height: 110px;
    background: url(https://wuthering.ru/wp-content/uploads/danjin-icon.webp) center bottom / contain no-repeat;
    cursor: pointer;
    border-radius: 10px;
}

.dCskMg {
    width: 110px;
    height: 110px;
    background: url(https://wuthering.ru/wp-content/uploads/encore-icon.webp) center bottom / contain no-repeat;
    cursor: pointer;
    border-radius: 10px;
}

.dUGTCD {
    width: 110px;
    height: 110px;
    background: url(https://wuthering.ru/wp-content/uploads/jianxin-icon.webp) center bottom / contain no-repeat;
    cursor: pointer;
    border-radius: 10px;
}

.fevalF {
    width: 110px;
    height: 110px;
    background: url(https://wuthering.ru/wp-content/uploads/jiyan-icon.webp) center bottom / contain no-repeat;
    cursor: pointer;
    border-radius: 10px;
}

.bILAB {
    width: 110px;
    height: 110px;
    background: url(https://wuthering.ru/wp-content/uploads/lingyang-icon.webp) center bottom / contain no-repeat;
    cursor: pointer;
    border-radius: 10px;
}

.enmYrS {
    width: 110px;
    height: 110px;
    background: url(https://wuthering.ru/wp-content/uploads/mortefi-icon.webp) center bottom / contain no-repeat;
    cursor: pointer;
    border-radius: 10px;
}


.ermMmX {
    width: 110px;
    height: 110px;
    padding: 0px;
    margin: 0px;
    border-radius: 10px;
    background: linear-gradient(180deg, #2672a7, var(--theme-palette-color-6));
}


.csbQry {
    width: 110px;
    height: 110px;
    background: url(https://wuthering.ru/wp-content/uploads/taoqi-icon.webp) center bottom / contain no-repeat;
    cursor: pointer;
    border-radius: 10px;
}


.jaTkkH {
    width: 110px;
    height: 110px;
    background: url(https://wuthering.ru/wp-content/uploads/verina-icon.webp) center bottom / contain no-repeat;
    cursor: pointer;
    border-radius: 10px;
}

.eiERdc {
    width: 110px;
    height: 110px;
    background: url(https://wuthering.ru/wp-content/uploads/yangyang-icon.webp) center bottom / contain no-repeat;
    cursor: pointer;
    border-radius: 10px;
}
.cfktF {
    width: 110px;
    height: 110px;
    background: url(https://wuthering.ru/wp-content/uploads/yinlin-icon.webp) center bottom / contain no-repeat;
    cursor: pointer;
    border-radius: 10px;
}

.cILVnB {
    width: 110px;
    height: 110px;
    background: url(https://wuthering.ru/wp-content/uploads/yuanwu-icon.webp) center bottom / contain no-repeat;
    cursor: pointer;
    border-radius: 10px;
}

.cILVnBb {
    width: 110px;
    height: 110px;
    background: url(http://wuthering.ru/wp-content/uploads/jinhsi-icon.webp) center bottom / contain no-repeat;
    cursor: pointer;
    border-radius: 10px;
}


.cILVnBbb {
    width: 110px;
    height: 110px;
    background: url(http://wuthering.ru/wp-content/uploads/changli-icon.webp) center bottom / contain no-repeat;
    cursor: pointer;
    border-radius: 10px;
}



.kYyPUr {
    width: 110px;
    height: 110px;
    background: url(https://wuthering.ru/wp-content/uploads/rover-spectro.png) center bottom / contain no-repeat;
    cursor: pointer;
    border-radius: 10px;
}


.hjZSQg {
    width: 110px;
    height: 110px;
    background: url(https://wuthering.ru/wp-content/uploads/sanhua-icon.webp) center bottom / contain no-repeat;
    cursor: pointer;
    border-radius: 10px;
}





















.hHdbut {
    font-size: 0.8em;
    line-height: 1em;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    width: 110px;
}

.ermMmX {
    width: 110px;
    height: 110px;
    padding: 0px;
    margin: 0px;
    border-radius: 10px;
    background: linear-gradient(180deg, #2672a7, var(--theme-palette-color-6));
}
.guhYWI {
    width: 110px;
    height: 110px;
    padding: 0px;
    margin: 0px;
    border-radius: 10px;
    background: linear-gradient(180deg, #7437b1, var(--theme-palette-color-6));
}.lemnba {
    width: 110px;
    height: 110px;
    padding: 0px;
    margin: 0px;
    border-radius: 10px;
    background: linear-gradient(180deg, #b14c2d, var(--theme-palette-color-6));
}.dpxObi {
    width: 110px;
    height: 110px;
    padding: 0px;
    margin: 0px;
    border-radius: 10px;
    background: linear-gradient(180deg, #9f246e, var(--theme-palette-color-6));
}.lemnba {
    width: 110px;
    height: 110px;
    padding: 0px;
    margin: 0px;
    border-radius: 10px;
    background: linear-gradient(180deg, #b14c2d, var(--theme-palette-color-6));
}.hGQJFA {
    width: 110px;
    height: 110px;
    padding: 0px;
    margin: 0px;
    border-radius: 10px;
    background: linear-gradient(180deg, #ab9921, var(--theme-palette-color-6));
}.dpxObi {
    width: 110px;
    height: 110px;
    padding: 0px;
    margin: 0px;
    border-radius: 10px;
    background: linear-gradient(180deg, #9f246e, var(--theme-palette-color-6));
}.hGQJFA {
    width: 110px;
    height: 110px;
    padding: 0px;
    margin: 0px;
    border-radius: 10px;
    background: linear-gradient(180deg, #ab9921, var(--theme-palette-color-6));
}

.wp-block-cover__inner-container .wp-block-buttons .wp-block-button a {
padding: 10px 13px 10px 13px;
}
@media only screen and (max-width: 600px) {
.wp-block-cover__inner-container .wp-block-buttons .wp-block-button a {
    padding: 10px 8px 10px 8px;
}}

#menu-item-down-3 .ct-menu-link {
--menu-item-height: 50%;
    --theme-font-weight: 700;
    --theme-text-transform: none;
    --theme-font-size: 0.9rem;
    --theme-line-height: 1.3;
    --theme-link-initial-color: var(--paletteColor4);
    --theme-link-hover-color: var(--paletteColor1);
    --menu-item-radius: 5px; 
cursor:pointer;
}

.p-rarity {
font-weight: 600 !important;
    font-size: 16px !important; 

}
@media only screen and (max-width: 359px) {
.emZbhR {
    justify-content: center;
}}

.tier-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 1rem;
    margin-top: 0;
}

.tier-list .tier {
    align-items: center;
    display: flex;
    flex-basis: 100%;
}

.tier-list .tier .t-name {
    align-items: center;
    border-radius: 5px 0 0 5px;
    color: #111827;
    display: flex;
    font-size: 1.6rem;
    font-weight: 700;
    height: 100%;
    justify-content: center;
    min-height: 6.5rem;
    width: 6.5rem;
}

.tier-list .tier.S .t-name {
    background-color: #ff7f7f;
}

.tier-list .tier .content, .tier-list .tier .content-create>div {
    background-color: #1a1a26;
    border-radius: 0 5px 5px 0;
    display: grid;
    flex-basis: 100%;
    gap: 10px 2.5rem;
    grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
    height: 100%;
    padding: 1rem;
}.tier-list .tier .content {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
}.tier-list .tier .content .cha {
    display: flex;
    gap: 2px;
}.tier-list .tier .content .cha .wrapper, .tier-list .tier .content-create>div .cha .wrapper {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 80px;
    position: relative;
    text-align: center;
} .cha-icon {
    background-color: #212332;
    background: linear-gradient(#212332 35%, hsla(46, 91%, 70%, .388));
    border: 2px solid #383750;
    border-radius: 5px;
    height: 70px;
    vertical-align: middle;
    width: 70px;
}.elm-icon {
    background-color: #212332;
    border: 2px solid #383750;
    border-radius: 50%;
    left: -2px;
    position: absolute;
    top: -8px;
}.tier-list .tier .content .cha .wrapper .name, .tier-list .tier .content-create>div .cha .wrapper .name a {
    font-size: 14px;
    font-weight: 600;
    margin: 6px 0 4px 0;
    max-width: 80px;
    width: 100%;
height: inherit;
    position: inherit;
line-height: 18px !important;
    letter-spacing: 0 !important;
}

.wrapper .name a {
line-height: 18px !important;
    letter-spacing: 0 !important;
}

.tier-list .tier .content .types, .tier-list .tier .content-create>div .types {
    display: flex;
    flex-direction: column;
    gap: 3px;
}.tier-list .tier .content .cha-type, .tier-list .tier .content-create>div .cha-type {
    border-radius: 5px;
    color: #212332;
    font-size: 12px;
    font-weight: 700;
    padding: 5px;
    text-align: center;
    width: 70px;
}.tier-list .tier.A .t-name {
    background-color: #ffbf7f;
}.tier-list .tier.B .t-name {
    background-color: #f8d86f;
}.tier-list .tier.C .t-name {
    background-color: #bce96f;
}.tier-list .tier.D .t-name {
    background-color: #77eb79;
}.tier-list .tier .content .cha-type.t2, .tier-list .tier .content-create>div .cha-type.t2 {
    background-color: #6aaeee;
}.tier-list .tier .content .cha-type.t3, .tier-list .tier .content-create>div .cha-type.t3 {
    background-color: #6ff8a4;
}.tier-list .tier .content .cha-type.t1, .tier-list .tier .content-create>div .cha-type.t1 {
    background-color: #f15194;
}.cha-icon.q4 {
    background: linear-gradient(#212332 35%, rgba(201, 109, 255, .365));
}
.ifram-block {
width: 125%; max-width: 125%;overflow: hidden;position: relative;right: 25%;
}
#myIframe {
width: 101%;height: 937px; border: none; max-width: 104%;position: relative;right: -20%;
}

@media only screen and (max-width: 1400px) { 
#myIframe {
width: 135%;height: 937px; border: none; max-width: 135%;position: relative;right: -20%;
}

}

@media only screen and (max-width: 464px) { 
.jMhHru {
    justify-content: centre;
}}

 .cfkcgW {
    width: 26px;
    height: 26px;
    display: flex;
    color: rgb(0, 0, 0);
    background-color: rgb(255, 255, 255);
    border-radius: 50%;
    filter: drop-shadow(rgb(0, 0, 0) 0px 2px 3px);
    place-content: center;
    align-items: center;
    text-align: center;
    font-weight: bold;
 padding: 3px 0 0 0;
    margin-top: 2px;
}

@media only screen and (max-width: 600px) {
    .gridListSmallecho {
        grid-template-columns: repeat(auto-fill, 45%) !important;
    }
}

.gridItemImageecho {
height: 190px;
}

.wds-tabber .fetters {
left: 5px;
}


.wds-tabber .cfkcgW {
    width: 30px;
    height: 30px;
}

.wds-tabber .fetters img {
    border-radius: 50%;
    border-style: solid;
    border-width: 2px;
    height: 30px;
    vertical-align: middle;
    width: 30px;
    object-fit: contain;
    filter: drop-shadow(rgb(0, 0, 0) 0px 1px 2px);
}

.fetters .etecho img {
border-color: initial;
border-radius: 0;
    border-style: initial;
    border-width: 0;
    height: 26px;
    width: 30px;
}

.filterDropdown:focus {
padding: 0px 13px 0px 13px;
}
@media only screen and (max-width: 700px) {
.evrFyY-grid {
 
   grid-template-columns: repeat(2, minmax(50px, 1fr));
}}

@media only screen and (max-width: 380px) {
.evrFyY-grid {
 
   grid-template-columns: repeat(1, minmax(50px, 1fr));
}}

@media only screen and (max-width: 430px) {
.evrFyY-grid {
    grid-template-columns: repeat(auto-fill, 145px);
 
}}
@media only screen and (max-width: 390px) {
.evrFyY-grid {

    grid-template-columns: repeat(auto-fill, 130px);
 
}}
@media only screen and (max-width: 355px) {
.evrFyY-grid {

    grid-template-columns: repeat(auto-fill, 120px);
 
}}
@media only screen and (max-width: 335px) {
.evrFyY-grid {

    grid-template-columns: repeat(auto-fill, 115px);
 
}}
.ct-related-posts-items {
    margin: 20px 0;
}
.ct-related-posts {
    margin-top: 20px;
}

#rootOfProContent {
margin-top: 20px;
}

 .gridListSmall-char {
    margin-bottom: 20px !important;
}

.portable-infobox .pi-item-spacing:last-child {
 margin-bottom: 5px;  
 
}

.fqcYIp {
    display: grid;
    grid-template-columns: repeat(auto-fill, 160px);
    justify-content: space-between;
    gap: 12px;
    padding-top: 20px;
    width: 100%;
    flex-basis: 100%;
}

.cOpGGQ {
    width: 100%;
    height: 265px;
    position: relative;
    display: flex;
    flex-direction: row;
    border-radius: 10px;
    align-items: start;
    user-select: none;
    color: unset !important;
}.dUKCNY {
    width: 100%;
    height: 265px;
    position: relative;
    background: linear-gradient(180deg, #837444, var(--theme-palette-color-6));
    border: solid 1px var(--theme-palette-color-5);
    padding: 10px;
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    box-shadow: rgb(0, 0, 0) 0px 3px 5px;
    align-items: center;
    user-select: none;
    color: unset !important;
}.fIEbRC {
    width: 160px;
    height: 200px;
 
    cursor: pointer;
}

 
 
.fLGgzH {
    color: rgb(255, 255, 255);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    text-align: center;
    font-size: 1em;
}

.gnoBbW {
    width: 100%;
    height: 265px;
    position: relative;
    background: linear-gradient(180deg, #544061, var(--theme-palette-color-6));
    border: solid 1px var(--theme-palette-color-5);
    padding: 10px;
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    box-shadow: rgb(0, 0, 0) 0px 3px 5px;
    align-items: center;
    user-select: none;
    color: unset !important;
}.iKfkSv {
    width: 100%;
    height: 265px;
    position: relative;
    background: linear-gradient(180deg, #3f5762, var(--theme-palette-color-6));
    border: solid 1px var(--theme-palette-color-5);
    padding: 10px;
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    box-shadow: rgb(0, 0, 0) 0px 3px 5px;
    align-items: center;
    user-select: none;
    color: unset !important;
}

.sc-cfxfQh img {
width: 160px;
    height: 200px;
}


.dAgMEH {
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;
    color: rgb(255, 255, 255);
    justify-content: center;
}.jxPgkz {
    display: flex;
    gap: 10px;
    flex-direction: row;
}
.jlSLO {
    width: 160px;
    height: 260px;
    border-radius: 10px;
    border: 1px solid var(--theme-palette-color-5);
}.kuGguh {
    width: 100%;
    height: 265px;
    position: relative;
    display: flex;
    flex-direction: row;
    border-radius: 10px;
    align-items: start;
    user-select: none;
    color: unset !important;
}.fepZXj {
    width: 100%;
    height: 265px;
    position: relative;
    background: linear-gradient(180deg, #9f246e, var(--theme-palette-color-6));
    border: solid 1px var(--theme-palette-color-5);
    padding: 10px;
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    box-shadow: rgb(0, 0, 0) 0px 3px 5px;
    align-items: center;
    user-select: none;
    color: unset !important;
}.isJupb {
    position: absolute;
    display: flex;
    flex-direction: column;
    top: 10px;
    left: 10px;
    gap: 3px;
}.egsFbI {
    height: 30px;
    border-radius: 15px;
    display: flex;
    padding-right: 10px;
    gap: 3px;
}.dqltzr {
    height: 30px;
    width: 30px;
    object-fit: contain;
    max-height: 30px;
    max-width: 30px;
    filter: drop-shadow(rgb(0, 0, 0) 0px 2px 3px);
}.jowyel {
    display: none;
    color: rgb(255, 255, 255);
    font-size: 0.7em;
    line-height: 0.9em;
    height: 30px;
    align-items: center;
}.kwKttF {
    width: 160px;
    height: 200px;
    background: url(https://static.dotgg.gg/wuthering-waves/characters/danjin-icon.webp) center bottom / contain no-repeat;
    cursor: pointer;
}.kxjCmr {
    color: rgb(255, 255, 255);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    text-align: center;
    font-size: 1em;
}.lhsFrR {
    width: 160px;
    height: 200px;
    background: url(https://static.dotgg.gg/wuthering-waves/characters/taoqi-icon.webp) center bottom / contain no-repeat;
    cursor: pointer;
}.lkqCLg {
    width: 160px;
    height: 200px;
    background: url(https://static.dotgg.gg/wuthering-waves/characters/verina-icon.webp) center bottom / contain no-repeat;
    cursor: pointer;
}.fCUTbS {
    width: 160px;
    height: 200px;
    background: url(https://static.dotgg.gg/wuthering-waves/characters/lingyang-icon.webp) center bottom / contain no-repeat;
    cursor: pointer;
}.eLJzOD {
    width: 160px;
    height: 200px;
    background: url(https://static.dotgg.gg/wuthering-waves/characters/sanhua-icon.webp) center bottom / contain no-repeat;
    cursor: pointer;
}.lhsFrR {
    width: 160px;
    height: 200px;
    background: url(https://static.dotgg.gg/wuthering-waves/characters/taoqi-icon.webp) center bottom / contain no-repeat;
    cursor: pointer;
}.ffhyiN {
    width: 100%;
    height: 265px;
    position: relative;
    background: linear-gradient(180deg, #ab9921, var(--theme-palette-color-6));
    border: solid 1px var(--theme-palette-color-5);
    padding: 10px;
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    box-shadow: rgb(0, 0, 0) 0px 3px 5px;
    align-items: center;
    user-select: none;
    color: unset !important;
}.gPUAaW {
    width: 100%;
    height: 265px;
    position: relative;
    background: linear-gradient(180deg, #2672a7, var(--theme-palette-color-6));
    border: solid 1px var(--theme-palette-color-5);
    padding: 10px;
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    box-shadow: rgb(0, 0, 0) 0px 3px 5px;
    align-items: center;
    user-select: none;
    color: unset !important;
}:is(.entry-content,.is-layout-flow,.is-layout-constrained)>*:where(:not(h1,h2,h3,h4,h5,h6)) {
    margin-bottom: var(--theme-content-spacing);
}article>.entry-content>* {
    margin-inline: var(--theme-default-editor, auto);
}article>.entry-content>*:where(:not(.alignfull):not(.alignwide):not(.alignleft):not(.alignright)) {
    max-width: var(--theme-default-editor, var(--theme-block-max-width));
}article>.entry-content>*:where(:not(.alignfull):not(.alignleft):not(.alignright)) {
    width: var(--theme-default-editor, var(--theme-block-width));
}.goGkNi {
    display: grid;
    grid-template-columns: repeat(auto-fill, 160px);
    justify-content: space-between;
    gap: 12px;
    padding-top: 20px;
    width: 100%;
    flex-basis: 100%;
}.kuGguh {
    width: 100%;
    height: 265px;
    position: relative;
    display: flex;
    flex-direction: row;
    border-radius: 10px;
    align-items: start;
    user-select: none;
    color: unset !important;
}.fepZXj {
    width: 100%;
    height: 265px;
    position: relative;
    background: linear-gradient(180deg, #9f246e, var(--theme-palette-color-6));
    border: solid 1px var(--theme-palette-color-5);
    padding: 10px;
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    box-shadow: rgb(0, 0, 0) 0px 3px 5px;
    align-items: center;
    user-select: none;
    color: unset !important;
}.isJupb {
    position: absolute;
    display: flex;
    flex-direction: column;
    top: 10px;
    left: 10px;
    gap: 3px;
}.gkcqbs {
    width: 160px;
    height: 200px;
    background: url(https://static.dotgg.gg/wuthering-waves/echoes/dreamless-icon.webp) center bottom / contain no-repeat;
    cursor: pointer;
}.kxjCmr {
    color: rgb(255, 255, 255);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    text-align: center;
    font-size: 1em;
}.egsFbI {
    height: 30px;
    border-radius: 15px;
    display: flex;
    padding-right: 10px;
    gap: 3px;
}.fOsiHC {
    width: 26px;
    height: 26px;
    display: flex;
    color: rgb(0, 0, 0);
    background-color: rgb(255, 255, 255);
    border-radius: 50%;
    filter: drop-shadow(rgb(0, 0, 0) 0px 2px 3px);
    place-content: center;
    align-items: center;
    text-align: center;
    font-weight: bold;
    margin-left: 1px;
    margin-top: 2px;
}.entry-content figcaption {
    text-align: center;
    margin-block: .5em 0;
    margin-top: 10px;
}[data-prefix="single_blog_post"] figure {
    display: flex;
    flex-wrap: wrap;
}

.game-card {
    background: #20252b;
    border-radius: 6px;
    padding: 1.5rem 1.5rem .5rem;
    color: #fff;
    line-height: 1.1;
    margin-bottom: 1.5rem;
}
.tab-content>.tab-pane {
    display: none;
}
.tab-content>.active-text {
    display: block;
}.game-card article {
    font-size: 1.125rem;
    line-height: 1.55;
}.info-desc__wrap {
    position: relative;
}.info-desc.hidden-text .info-desc__wrap {
    max-height: 212px;
    overflow: hidden;
}.game-card article {
    font-size: 1.125rem;
    line-height: 1.55;
}.info-desc.hidden-text .info-desc__wrap:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 70px;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(0deg, #20252b, transparent);
}.see-more {
    font-size: 18px;
    color: #ff4b23;
    background-color: transparent;
    border: none;
    padding: 0;
cursor: pointer;
}[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    cursor: pointer;
}.info-desc.hidden-text .info-desc__wrap {
    max-height: 212px;
    overflow: hidden;
}.info-desc__wrap {
    position: relative;
}.see-more:after {
    content: "Читать дальше";
}.info-desc.more .see-more:after {
    content: "Свернуть";
}.info-desc.more .see-more {
    display: inline-block;
}

._tag_1bmcb_600 {
margin: 0;
    color: #fff;
    font-size: 16px;
    padding-right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 180px;
    padding: 15px 0;
    background: #242b33;

}
._tag_1bmcb_600:last-child {
    padding-right: 0px;
}
._game-info__grid_azeuz_988 dd {
margin-top: 0;
}

._tag-list_1bmcb_600 a:first-child {
padding-left: 0;
}

.kolvo-golosov {
    display: none;
}.post-ratings span {
    margin-left: auto;
    font-weight: 700;
    top: 2px;
    right: 0px;
    font-size: 27px;
   position: relative;
    color: #000000;
    font-weight: 800;

}

.post-ratings {
    display: flex;
justify-content: space-evenly;
    align-items: center;
width: 100%;
background: #fff;
    padding: 10px;
border-radius: 10px;
}

._stars--filled_138aj_1 {
    width: 100%;
}

@media(max-width: 810px) {
._tag-list_1bmcb_600 ._tag_1bmcb_600 {
    width: 100%;
}}

@media(max-width: 810px) {
._stars--filled_138aj_1 {
 width: auto;
}

.post-ratings span {
    margin-left: 7px;
    position: relative;
    top: 3px;
}
._right-section_1bmcb_375 {
    margin-top: 15px;
}
}

.post-ratings-text {
    display: none !important;
}
.seach-block {
  background: #20252b;
    padding: 50px;
}
._sticky-left-column-layout_1bmcb_317 {
margin-bottom: 20px;
}
.wp-block-columns .wp-block-column {
display: flex;
    flex-direction: column;
    flex: 1;}
@media(max-width: 810px) {
.seach-block article {
padding: 15px;
}
.seach-block {
    padding: 25px;
}
}  .background-section {
    position: relative;
    width: 100%;
    height: auto; /* Вы можете задать нужную высоту здесь */
    background-image: url('https://gtaservera.ru/wp-content/uploads/gta5rp.webp');
    background-size: cover;
    background-position: center;
  }

  .background-overlay {
    position: absolute;
    top: 0;
    border-radius: 10px;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(32, 37, 43, 0.8);
    z-index: 1; /* Убедитесь, что затемнение находится поверх изображения */
  }

  .content {
    position: relative;
    z-index: 2; /* Помещает контент поверх затемнения */
    color: white; /* Белый цвет текста, чтобы он был виден на темном фоне */
    padding: 20px; /* Пример отступов */
    margin: 0 auto; /* Центрирует контент */
    max-width: 1200px; /* Максимальная ширина контента */
  }

  .image-container {
    display: flex;
    justify-content: center; /* Центрирует изображение горизонтально */
    margin: 15px 0; /* Отступы вокруг контейнера */
    padding: 0; /* Убирает внутренние отступы */
  }

  .image-container img {
    display: block; /* Убирает нижний отступ под изображением */
    width: 100%; /* Устанавливает ширину изображения на 100% от родительского блока */
    height: auto; /* Сохраняет пропорции изображения */
  }
.error-section__content {
display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: #20252b;
    padding: 50px;
}

.error-search a {
    display: flex;
}

._wrapper_ohjrh_8 {
    display: flex;
    margin-top: 20px;
    gap: 3.2rem;
}._left_ohjrh_18 {
    display: flex;
    flex-direction: column;
    gap: 3.2rem;
flex: 2;
background: #20252b;
}._card_ohjrh_24 {
   background: #20252b;
    height: -moz-min-content;
    height: min-content;
    padding: 3.2rem;
    width: 100%;
}._ContactsSupport_1ws17_8 {
    display: flex;
    flex-direction: column;
    gap: 3.2rem;
}._column_1ws17_21 {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}._ContactsSupport_1ws17_8 h2 {
    font-size: 2.2rem;
    line-height: normal;
}.text-semi-bold {
    font-weight: 600;
}._ContactsSupport_1ws17_8 p {
    color: var(--gray);
}._column_1ws17_21 {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}._default_1o5du_54 {
    border-radius: 8px;
    font-size: 1.6rem;
    height: 5.2rem;
    padding: 0 2rem;
}._primary_1o5du_25 {
    background-color: #4683df;
    color: #edf4fe;
}._VButton_1o5du_8 {
    align-items: center;
    border: none;
    cursor: pointer;
    display: inline-flex;
    font-size: 2rem;
    font-weight: 450;
    gap: .8rem;
    justify-content: center;
    line-height: 1;
    outline: none;
    position: relative;
    text-align: center;
    transition: all .3s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}._icon_1o5du_65 {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    height: 2.4rem;
    width: 2.4rem;
}._default_1o5du_54 {
    border-radius: 8px;
    font-size: 1.6rem;
    height: 5.2rem;
    padding: 0 2rem;
}._secondary_1o5du_39 {
    border: 1px solid #4683df;
    color: #4d90f5;
}._item_1ws17_27 {
    color: var(--gray);
    margin-bottom: .8rem;
} ._icon_1ws17_32 {
    color: #71a6f7;
}.icon-frame {
    flex-shrink: 0;
    height: 2.4rem;
    width: 2.4rem;
}._card_ohjrh_24 {
    background-color: #20252b;
flex: 1;
    height: -moz-min-content;
    height: min-content;
    padding: 3.2rem;
    width: 100%;
}
 
@media(max-width: 840px) {
._wrapper_ohjrh_8 {
    flex-direction: column;
}}

.background-section-crmp {
    background-image: url(https://gtaservera.ru/wp-content/uploads/crmp-igra.jpg);
}.background-section-samp {
    background-image: url(https://gtaservera.ru/wp-content/uploads/samp-iga.jpg);
}
.background-section-gaid {
    background-image: url(https://gtaservera.ru/wp-content/uploads/gaid.webp);
}

.entry-content-stati {
background: #20252b;
    padding: 30px;
}.entry-content-stati figure {
display: flex;
    justify-content: center;
    max-width: 900px;
    margin: 0 auto 20px auto;
}
.entry-content {
    margin-top: 20px;
    padding: 30px;
    background: #1d2327;
}
.otzyv-single {
margin-top: 50px;
}
 
 
.entry-content-single {
margin-top: 20px;
}

.sc-ec65ba05-1 {
margin-top: 10px;
}

 .comment-success {
    font-size: 16px;
    background: white;
    color: black;
    border-radius: 10px;
    padding: 10px;
}

.error-message {
    margin-top: 10px;
    display: block;
}
@media(max-width: 840px) {
._card_ohjrh_24 {
padding: 0rem;
}}