@import url(https://fonts.googleapis.com/css2?family=Geologica:wght@100..900&display=swap);

:root {
    --gray-bg: rgba(249, 250, 251, 1);
    --gray-bg-2: rgba(243, 245, 247, 1);
    --white-bg: rgba(255, 255, 255, 1);
    --white-bg-op-50: rgba(255, 255, 255, 0.5);
    --gray-border: rgba(231, 235, 238, 1);
    --accent-color: rgba(9, 86, 255, 1);
    --accent-color-op-8: rgba(9, 86, 255, 0.08);
    --global-red: rgba(210, 52, 57, 1);
    --global-red-op-8: rgba(210, 52, 57, 0.08);
    --global-green: rgba(23, 185, 75, 1);
    --global-green-op-8: rgba(23, 185, 75, 0.08);
    --yellow-logo-color: rgba(250, 241, 61, 1);
    --dark-text: rgba(9, 10, 11, 1);
    --dark-text-op-24: rgba(9, 10, 11, 0.24);
    --darkgray-text: rgba(47, 51, 55, 1);
    --gray-text: rgba(134, 143, 152, 1);
    --white-gray-text: rgba(199, 202, 205, 1);
    --global-white: rgba(255, 255, 255, 1);
    --global-white-op-50: rgba(255, 255, 255, 0.5);
    --global-white-op-8: rgba(255, 255, 255, 0.08);
    --line-secondary-btn: rgba(255, 255, 255, 1);
    --global-dark: rgba(9, 10, 11, 1);
    --global-sub-a-primary: rgba(5, 131, 242, 1);
    --global-sub-a-secondary: rgba(5, 131, 242, 0.08);
    --global-sub-e-primary: rgba(171, 53, 222, 1);
    --global-sub-e-secondary: rgba(171, 53, 222, 0.08);
    --global-sub-c-primary: rgba(253, 141, 0, 1);
    --global-sub-c-secondary: rgba(253, 141, 0, 0.08);
    --global-sub-f-primary: rgba(242, 90, 69, 1);
    --global-sub-f-secondary: rgba(242, 90, 69, 0.08);
    --global-sub-d-primary: rgba(253, 218, 15, 1);
    --global-sub-d-secondary: rgba(253, 218, 15, 0.08);
    --global-sub-d-extra: rgba(175, 150, 0, 1);
    --global-sub-b-primary: rgba(20, 194, 73, 1);
    --global-sub-b-secondary: rgba(20, 194, 73, 0.08);
    --tab-item-value-bg: rgba(156, 163, 171, 1);
    --select-wrapper-bg: rgba(238, 240, 241, 1);
    --gray-secondary-btn: rgba(233, 235, 236, 1);
    --pop-up-wrapper-bg: rgba(9, 10, 11, 0.6);
    --input-border: rgba(181, 181, 183, 1);
}

* {
    font-family: Geologica, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif
}

body {
    background: #f9fafb
}

.button {
    border: none
}

.wr-content {
    max-width: 1240px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 32px
}

.wr-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px
}

.wr-text>span {
    color: #090a0b;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: -.48px
}

.wr-text>p {
    color: #2f3337;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px
}

.wr-head-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.wr-result-links>.button {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.icon.xm {
    width: 16px;
    height: 16px
}

.icon.xl {
    width: 24px;
    height: 24px
}

.button-base {
    border-radius: 100px;
    background: #0956ff;
    padding: 0 16px;
    height: 40px;
    gap: 2px
}

.button-base>p {
    padding: 0 4px;
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px
}

.button-base.xm {
    padding: 0 20px;
    height: 48px
}

.x-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 20px;
    height: 20px;
    position: relative;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain
}

.x-icon::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    inset: 0;
    pointer-events: none
}

.x-icon.xm {
    width: 16px;
    height: 16px
}

@-webkit-keyframes show-wr {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes show-wr {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes show-wr-content {
    0% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show-wr-content {
    0% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@media screen and (max-width:1244px) {
    .wr-content {
        gap: 24px
    }

    .wr-text>span {
        font-size: 20px;
        line-height: 28px;
        letter-spacing: -.4px
    }

    .wr-text>p {
        font-size: 14px;
        line-height: 20px
    }

    .button-base.xm {
        height: 40px
    }
}

.wr-icon-a {
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.9919 16.5621C5.9919 17.0263 5.60454 17.4026 5.12672 17.4026H2.53119C2.05337 17.4026 1.66602 17.0263 1.66602 16.5621V14.1667M5.9919 16.5621C5.9919 17.0263 6.37925 17.4026 6.85707 17.4026H9.4526C9.93042 17.4026 10.3178 17.0263 10.3178 16.5621V14.1667M5.9919 16.5621V14.1667M5.9919 3.11431C5.9919 2.65012 5.60454 2.27382 5.12672 2.27382H2.53119C2.05337 2.27382 1.66602 2.65012 1.66602 3.11431V5.83335M5.9919 3.11431C5.9919 2.65012 6.37925 2.27382 6.85707 2.27382H9.4526C9.93042 2.27382 10.3178 2.65012 10.3178 3.11431V5.83335M5.9919 3.11431V5.83335M1.66602 5.83335H5.9919M1.66602 5.83335V14.1667M5.9919 5.83335H10.3178M5.9919 5.83335V14.1667M10.3178 5.83335V14.1667M1.66602 14.1667H5.9919M5.9919 14.1667H10.3178M13.4919 14.5834L14.1245 16.8769C14.2482 17.3252 14.7226 17.5913 15.1841 17.4712L17.6912 16.8186C18.1528 16.6984 18.4267 16.2376 18.303 15.7892L17.6394 13.3834M13.4919 14.5834L17.6394 13.3834M13.4919 14.5834L11.1099 5.94738M17.6394 13.3834L15.2678 4.78476M11.1099 5.94738L10.4011 3.37752C10.2775 2.92915 10.5514 2.46828 11.0129 2.34814L13.52 1.69553C13.9815 1.57539 14.4559 1.84148 14.5796 2.28985L15.2678 4.78476M11.1099 5.94738L15.2678 4.78476' stroke='%23868F98' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    mask: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.9919 16.5621C5.9919 17.0263 5.60454 17.4026 5.12672 17.4026H2.53119C2.05337 17.4026 1.66602 17.0263 1.66602 16.5621V14.1667M5.9919 16.5621C5.9919 17.0263 6.37925 17.4026 6.85707 17.4026H9.4526C9.93042 17.4026 10.3178 17.0263 10.3178 16.5621V14.1667M5.9919 16.5621V14.1667M5.9919 3.11431C5.9919 2.65012 5.60454 2.27382 5.12672 2.27382H2.53119C2.05337 2.27382 1.66602 2.65012 1.66602 3.11431V5.83335M5.9919 3.11431C5.9919 2.65012 6.37925 2.27382 6.85707 2.27382H9.4526C9.93042 2.27382 10.3178 2.65012 10.3178 3.11431V5.83335M5.9919 3.11431V5.83335M1.66602 5.83335H5.9919M1.66602 5.83335V14.1667M5.9919 5.83335H10.3178M5.9919 5.83335V14.1667M10.3178 5.83335V14.1667M1.66602 14.1667H5.9919M5.9919 14.1667H10.3178M13.4919 14.5834L14.1245 16.8769C14.2482 17.3252 14.7226 17.5913 15.1841 17.4712L17.6912 16.8186C18.1528 16.6984 18.4267 16.2376 18.303 15.7892L17.6394 13.3834M13.4919 14.5834L17.6394 13.3834M13.4919 14.5834L11.1099 5.94738M17.6394 13.3834L15.2678 4.78476M11.1099 5.94738L10.4011 3.37752C10.2775 2.92915 10.5514 2.46828 11.0129 2.34814L13.52 1.69553C13.9815 1.57539 14.4559 1.84148 14.5796 2.28985L15.2678 4.78476M11.1099 5.94738L15.2678 4.78476' stroke='%23868F98' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A")
}

.wr-icon-b {
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.86502 18.0539L3.51765 18.7186H3.51765L3.86502 18.0539ZM2.77248 16.9333L3.44417 16.5996L3.44416 16.5996L2.77248 16.9333ZM16.135 18.0539L15.7876 17.3892H15.7876L16.135 18.0539ZM17.2275 16.9333L16.5558 16.5996V16.5996L17.2275 16.9333ZM16.135 3.22821L15.7876 3.89292L15.7876 3.89292L16.135 3.22821ZM17.2275 4.34876L17.8992 4.01508V4.01508L17.2275 4.34876ZM3.86502 3.22821L4.21239 3.89292L3.86502 3.22821ZM2.77248 4.34876L3.44416 4.68245H3.44417L2.77248 4.34876ZM7.41667 1.66669C7.41667 1.25247 7.08088 0.916687 6.66667 0.916687C6.25245 0.916687 5.91667 1.25247 5.91667 1.66669H6.66667H7.41667ZM5.91667 4.23079C5.91667 4.645 6.25245 4.98079 6.66667 4.98079C7.08088 4.98079 7.41667 4.645 7.41667 4.23079H6.66667H5.91667ZM14.0833 1.66669C14.0833 1.25247 13.7475 0.916687 13.3333 0.916687C12.9191 0.916687 12.5833 1.25247 12.5833 1.66669H13.3333H14.0833ZM12.5833 4.23079C12.5833 4.645 12.9191 4.98079 13.3333 4.98079C13.7475 4.98079 14.0833 4.645 14.0833 4.23079H13.3333H12.5833ZM6.5 2.94874V3.69874H13.5V2.94874V2.19874H6.5V2.94874ZM13.5 18.3334V17.5834H6.5V18.3334V19.0834H13.5V18.3334ZM2.5 14.2308H3.25V7.22224H2.5H1.75V14.2308H2.5ZM2.5 7.22224H3.25V7.0513H2.5H1.75V7.22224H2.5ZM17.5 7.0513H16.75V7.22224H17.5H18.25V7.0513H17.5ZM17.5 7.22224H16.75V14.2308H17.5H18.25V7.22224H17.5ZM2.5 7.22224V7.97224H17.5V7.22224V6.47224H2.5V7.22224ZM6.5 18.3334V17.5834C5.78724 17.5834 5.29893 17.5827 4.92063 17.551C4.55166 17.5201 4.35478 17.4636 4.21239 17.3892L3.86502 18.0539L3.51765 18.7186C3.91005 18.9237 4.33059 19.0069 4.79538 19.0458C5.25083 19.084 5.81262 19.0834 6.5 19.0834V18.3334ZM2.5 14.2308H1.75C1.75 14.9367 1.74945 15.5102 1.78643 15.9744C1.82407 16.4469 1.90412 16.8711 2.1008 17.267L2.77248 16.9333L3.44416 16.5996C3.36836 16.4471 3.31218 16.238 3.28169 15.8553C3.25055 15.4645 3.25 14.9609 3.25 14.2308H2.5ZM3.86502 18.0539L4.21239 17.3892C3.88457 17.2179 3.61453 16.9426 3.44417 16.5996L2.77248 16.9333L2.1008 17.267C2.4098 17.889 2.90467 18.3982 3.51765 18.7186L3.86502 18.0539ZM13.5 18.3334V19.0834C14.1874 19.0834 14.7492 19.084 15.2046 19.0458C15.6694 19.0069 16.0899 18.9237 16.4823 18.7186L16.135 18.0539L15.7876 17.3892C15.6452 17.4636 15.4483 17.5201 15.0794 17.551C14.7011 17.5827 14.2128 17.5834 13.5 17.5834V18.3334ZM17.5 14.2308H16.75C16.75 14.9609 16.7494 15.4645 16.7183 15.8553C16.6878 16.238 16.6316 16.4471 16.5558 16.5996L17.2275 16.9333L17.8992 17.267C18.0959 16.8711 18.1759 16.4469 18.2136 15.9744C18.2506 15.5102 18.25 14.9367 18.25 14.2308H17.5ZM16.135 18.0539L16.4823 18.7186C17.0953 18.3982 17.5902 17.889 17.8992 17.267L17.2275 16.9333L16.5558 16.5996C16.3855 16.9426 16.1154 17.2179 15.7876 17.3892L16.135 18.0539ZM13.5 2.94874V3.69874C14.2128 3.69874 14.7011 3.69935 15.0794 3.73105C15.4483 3.76197 15.6452 3.81851 15.7876 3.89292L16.135 3.22821L16.4823 2.5635C16.0899 2.35844 15.6694 2.27524 15.2046 2.23629C14.7492 2.19813 14.1874 2.19874 13.5 2.19874V2.94874ZM17.5 7.0513H18.25C18.25 6.34536 18.2506 5.77191 18.2136 5.30765C18.1759 4.83517 18.0959 4.41098 17.8992 4.01508L17.2275 4.34876L16.5558 4.68245C16.6316 4.83504 16.6878 5.0441 16.7183 5.42676C16.7494 5.81764 16.75 6.32122 16.75 7.0513H17.5ZM16.135 3.22821L15.7876 3.89292C16.1154 4.06423 16.3855 4.3395 16.5558 4.68245L17.2275 4.34876L17.8992 4.01508C17.5902 3.39309 17.0953 2.88384 16.4823 2.5635L16.135 3.22821ZM6.5 2.94874V2.19874C5.81262 2.19874 5.25084 2.19813 4.79538 2.23629C4.33059 2.27524 3.91005 2.35844 3.51765 2.5635L3.86502 3.22821L4.21239 3.89292C4.35478 3.81851 4.55166 3.76197 4.92063 3.73105C5.29894 3.69935 5.78724 3.69874 6.5 3.69874V2.94874ZM2.5 7.0513H3.25C3.25 6.32122 3.25055 5.81764 3.28169 5.42676C3.31218 5.0441 3.36836 4.83504 3.44416 4.68245L2.77248 4.34876L2.1008 4.01508C1.90412 4.41098 1.82407 4.83517 1.78643 5.30765C1.74945 5.77191 1.75 6.34536 1.75 7.0513H2.5ZM3.86502 3.22821L3.51765 2.5635C2.90467 2.88384 2.4098 3.39309 2.1008 4.01508L2.77248 4.34876L3.44417 4.68245C3.61453 4.3395 3.88457 4.06423 4.21239 3.89292L3.86502 3.22821ZM6.66667 1.66669H5.91667V4.23079H6.66667H7.41667V1.66669H6.66667ZM13.3333 1.66669H12.5833V4.23079H13.3333H14.0833V1.66669H13.3333Z' fill='%23868F98'/%3E%3Cpath d='M6.66602 10.2393C6.11373 10.2393 5.66602 10.687 5.66602 11.2393C5.66602 11.7916 6.11373 12.2393 6.66602 12.2393V11.2393V10.2393ZM6.67435 12.2393C7.22663 12.2393 7.67435 11.7916 7.67435 11.2393C7.67435 10.687 7.22663 10.2393 6.67435 10.2393V11.2393V12.2393ZM6.66602 13.2308C6.11373 13.2308 5.66602 13.6785 5.66602 14.2308C5.66602 14.7831 6.11373 15.2308 6.66602 15.2308V14.2308V13.2308ZM6.67435 15.2308C7.22663 15.2308 7.67435 14.7831 7.67435 14.2308C7.67435 13.6785 7.22663 13.2308 6.67435 13.2308V14.2308V15.2308ZM9.99935 10.2393C9.44706 10.2393 8.99935 10.687 8.99935 11.2393C8.99935 11.7916 9.44706 12.2393 9.99935 12.2393V11.2393V10.2393ZM10.0077 12.2393C10.56 12.2393 11.0077 11.7916 11.0077 11.2393C11.0077 10.687 10.56 10.2393 10.0077 10.2393V11.2393V12.2393ZM9.99935 13.2308C9.44706 13.2308 8.99935 13.6785 8.99935 14.2308C8.99935 14.7831 9.44706 15.2308 9.99935 15.2308V14.2308V13.2308ZM10.0077 15.2308C10.56 15.2308 11.0077 14.7831 11.0077 14.2308C11.0077 13.6785 10.56 13.2308 10.0077 13.2308V14.2308V15.2308ZM13.3327 10.2393C12.7804 10.2393 12.3327 10.687 12.3327 11.2393C12.3327 11.7916 12.7804 12.2393 13.3327 12.2393V11.2393V10.2393ZM13.341 12.2393C13.8933 12.2393 14.341 11.7916 14.341 11.2393C14.341 10.687 13.8933 10.2393 13.341 10.2393V11.2393V12.2393ZM13.3327 13.2308C12.7804 13.2308 12.3327 13.6785 12.3327 14.2308C12.3327 14.7831 12.7804 15.2308 13.3327 15.2308V14.2308V13.2308ZM13.341 15.2308C13.8933 15.2308 14.341 14.7831 14.341 14.2308C14.341 13.6785 13.8933 13.2308 13.341 13.2308V14.2308V15.2308ZM6.66602 11.2393V12.2393H6.67435V11.2393V10.2393H6.66602V11.2393ZM6.66602 14.2308V15.2308H6.67435V14.2308V13.2308H6.66602V14.2308ZM9.99935 11.2393V12.2393H10.0077V11.2393V10.2393H9.99935V11.2393ZM9.99935 14.2308V15.2308H10.0077V14.2308V13.2308H9.99935V14.2308ZM13.3327 11.2393V12.2393H13.341V11.2393V10.2393H13.3327V11.2393ZM13.3327 14.2308V15.2308H13.341V14.2308V13.2308H13.3327V14.2308Z' fill='%23868F98'/%3E%3C/svg%3E%0A");
    mask: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.86502 18.0539L3.51765 18.7186H3.51765L3.86502 18.0539ZM2.77248 16.9333L3.44417 16.5996L3.44416 16.5996L2.77248 16.9333ZM16.135 18.0539L15.7876 17.3892H15.7876L16.135 18.0539ZM17.2275 16.9333L16.5558 16.5996V16.5996L17.2275 16.9333ZM16.135 3.22821L15.7876 3.89292L15.7876 3.89292L16.135 3.22821ZM17.2275 4.34876L17.8992 4.01508V4.01508L17.2275 4.34876ZM3.86502 3.22821L4.21239 3.89292L3.86502 3.22821ZM2.77248 4.34876L3.44416 4.68245H3.44417L2.77248 4.34876ZM7.41667 1.66669C7.41667 1.25247 7.08088 0.916687 6.66667 0.916687C6.25245 0.916687 5.91667 1.25247 5.91667 1.66669H6.66667H7.41667ZM5.91667 4.23079C5.91667 4.645 6.25245 4.98079 6.66667 4.98079C7.08088 4.98079 7.41667 4.645 7.41667 4.23079H6.66667H5.91667ZM14.0833 1.66669C14.0833 1.25247 13.7475 0.916687 13.3333 0.916687C12.9191 0.916687 12.5833 1.25247 12.5833 1.66669H13.3333H14.0833ZM12.5833 4.23079C12.5833 4.645 12.9191 4.98079 13.3333 4.98079C13.7475 4.98079 14.0833 4.645 14.0833 4.23079H13.3333H12.5833ZM6.5 2.94874V3.69874H13.5V2.94874V2.19874H6.5V2.94874ZM13.5 18.3334V17.5834H6.5V18.3334V19.0834H13.5V18.3334ZM2.5 14.2308H3.25V7.22224H2.5H1.75V14.2308H2.5ZM2.5 7.22224H3.25V7.0513H2.5H1.75V7.22224H2.5ZM17.5 7.0513H16.75V7.22224H17.5H18.25V7.0513H17.5ZM17.5 7.22224H16.75V14.2308H17.5H18.25V7.22224H17.5ZM2.5 7.22224V7.97224H17.5V7.22224V6.47224H2.5V7.22224ZM6.5 18.3334V17.5834C5.78724 17.5834 5.29893 17.5827 4.92063 17.551C4.55166 17.5201 4.35478 17.4636 4.21239 17.3892L3.86502 18.0539L3.51765 18.7186C3.91005 18.9237 4.33059 19.0069 4.79538 19.0458C5.25083 19.084 5.81262 19.0834 6.5 19.0834V18.3334ZM2.5 14.2308H1.75C1.75 14.9367 1.74945 15.5102 1.78643 15.9744C1.82407 16.4469 1.90412 16.8711 2.1008 17.267L2.77248 16.9333L3.44416 16.5996C3.36836 16.4471 3.31218 16.238 3.28169 15.8553C3.25055 15.4645 3.25 14.9609 3.25 14.2308H2.5ZM3.86502 18.0539L4.21239 17.3892C3.88457 17.2179 3.61453 16.9426 3.44417 16.5996L2.77248 16.9333L2.1008 17.267C2.4098 17.889 2.90467 18.3982 3.51765 18.7186L3.86502 18.0539ZM13.5 18.3334V19.0834C14.1874 19.0834 14.7492 19.084 15.2046 19.0458C15.6694 19.0069 16.0899 18.9237 16.4823 18.7186L16.135 18.0539L15.7876 17.3892C15.6452 17.4636 15.4483 17.5201 15.0794 17.551C14.7011 17.5827 14.2128 17.5834 13.5 17.5834V18.3334ZM17.5 14.2308H16.75C16.75 14.9609 16.7494 15.4645 16.7183 15.8553C16.6878 16.238 16.6316 16.4471 16.5558 16.5996L17.2275 16.9333L17.8992 17.267C18.0959 16.8711 18.1759 16.4469 18.2136 15.9744C18.2506 15.5102 18.25 14.9367 18.25 14.2308H17.5ZM16.135 18.0539L16.4823 18.7186C17.0953 18.3982 17.5902 17.889 17.8992 17.267L17.2275 16.9333L16.5558 16.5996C16.3855 16.9426 16.1154 17.2179 15.7876 17.3892L16.135 18.0539ZM13.5 2.94874V3.69874C14.2128 3.69874 14.7011 3.69935 15.0794 3.73105C15.4483 3.76197 15.6452 3.81851 15.7876 3.89292L16.135 3.22821L16.4823 2.5635C16.0899 2.35844 15.6694 2.27524 15.2046 2.23629C14.7492 2.19813 14.1874 2.19874 13.5 2.19874V2.94874ZM17.5 7.0513H18.25C18.25 6.34536 18.2506 5.77191 18.2136 5.30765C18.1759 4.83517 18.0959 4.41098 17.8992 4.01508L17.2275 4.34876L16.5558 4.68245C16.6316 4.83504 16.6878 5.0441 16.7183 5.42676C16.7494 5.81764 16.75 6.32122 16.75 7.0513H17.5ZM16.135 3.22821L15.7876 3.89292C16.1154 4.06423 16.3855 4.3395 16.5558 4.68245L17.2275 4.34876L17.8992 4.01508C17.5902 3.39309 17.0953 2.88384 16.4823 2.5635L16.135 3.22821ZM6.5 2.94874V2.19874C5.81262 2.19874 5.25084 2.19813 4.79538 2.23629C4.33059 2.27524 3.91005 2.35844 3.51765 2.5635L3.86502 3.22821L4.21239 3.89292C4.35478 3.81851 4.55166 3.76197 4.92063 3.73105C5.29894 3.69935 5.78724 3.69874 6.5 3.69874V2.94874ZM2.5 7.0513H3.25C3.25 6.32122 3.25055 5.81764 3.28169 5.42676C3.31218 5.0441 3.36836 4.83504 3.44416 4.68245L2.77248 4.34876L2.1008 4.01508C1.90412 4.41098 1.82407 4.83517 1.78643 5.30765C1.74945 5.77191 1.75 6.34536 1.75 7.0513H2.5ZM3.86502 3.22821L3.51765 2.5635C2.90467 2.88384 2.4098 3.39309 2.1008 4.01508L2.77248 4.34876L3.44417 4.68245C3.61453 4.3395 3.88457 4.06423 4.21239 3.89292L3.86502 3.22821ZM6.66667 1.66669H5.91667V4.23079H6.66667H7.41667V1.66669H6.66667ZM13.3333 1.66669H12.5833V4.23079H13.3333H14.0833V1.66669H13.3333Z' fill='%23868F98'/%3E%3Cpath d='M6.66602 10.2393C6.11373 10.2393 5.66602 10.687 5.66602 11.2393C5.66602 11.7916 6.11373 12.2393 6.66602 12.2393V11.2393V10.2393ZM6.67435 12.2393C7.22663 12.2393 7.67435 11.7916 7.67435 11.2393C7.67435 10.687 7.22663 10.2393 6.67435 10.2393V11.2393V12.2393ZM6.66602 13.2308C6.11373 13.2308 5.66602 13.6785 5.66602 14.2308C5.66602 14.7831 6.11373 15.2308 6.66602 15.2308V14.2308V13.2308ZM6.67435 15.2308C7.22663 15.2308 7.67435 14.7831 7.67435 14.2308C7.67435 13.6785 7.22663 13.2308 6.67435 13.2308V14.2308V15.2308ZM9.99935 10.2393C9.44706 10.2393 8.99935 10.687 8.99935 11.2393C8.99935 11.7916 9.44706 12.2393 9.99935 12.2393V11.2393V10.2393ZM10.0077 12.2393C10.56 12.2393 11.0077 11.7916 11.0077 11.2393C11.0077 10.687 10.56 10.2393 10.0077 10.2393V11.2393V12.2393ZM9.99935 13.2308C9.44706 13.2308 8.99935 13.6785 8.99935 14.2308C8.99935 14.7831 9.44706 15.2308 9.99935 15.2308V14.2308V13.2308ZM10.0077 15.2308C10.56 15.2308 11.0077 14.7831 11.0077 14.2308C11.0077 13.6785 10.56 13.2308 10.0077 13.2308V14.2308V15.2308ZM13.3327 10.2393C12.7804 10.2393 12.3327 10.687 12.3327 11.2393C12.3327 11.7916 12.7804 12.2393 13.3327 12.2393V11.2393V10.2393ZM13.341 12.2393C13.8933 12.2393 14.341 11.7916 14.341 11.2393C14.341 10.687 13.8933 10.2393 13.341 10.2393V11.2393V12.2393ZM13.3327 13.2308C12.7804 13.2308 12.3327 13.6785 12.3327 14.2308C12.3327 14.7831 12.7804 15.2308 13.3327 15.2308V14.2308V13.2308ZM13.341 15.2308C13.8933 15.2308 14.341 14.7831 14.341 14.2308C14.341 13.6785 13.8933 13.2308 13.341 13.2308V14.2308V15.2308ZM6.66602 11.2393V12.2393H6.67435V11.2393V10.2393H6.66602V11.2393ZM6.66602 14.2308V15.2308H6.67435V14.2308V13.2308H6.66602V14.2308ZM9.99935 11.2393V12.2393H10.0077V11.2393V10.2393H9.99935V11.2393ZM9.99935 14.2308V15.2308H10.0077V14.2308V13.2308H9.99935V14.2308ZM13.3327 11.2393V12.2393H13.341V11.2393V10.2393H13.3327V11.2393ZM13.3327 14.2308V15.2308H13.341V14.2308V13.2308H13.3327V14.2308Z' fill='%23868F98'/%3E%3C/svg%3E%0A")
}

.wr-icon-c {
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.66602 4.4685L2.82762 5.60335C2.86655 5.64139 2.93518 5.64183 2.97476 5.6043L5.36972 3.33331M1.66602 9.98574L2.82762 11.1206C2.86655 11.1586 2.93518 11.1591 2.97476 11.1215L5.36972 8.85055M1.66602 15.503L2.82762 16.6378C2.86655 16.6759 2.93518 16.6763 2.97476 16.6388L5.36972 14.3678M8.61046 4.71262H18.3327M8.61046 10.2299H18.3327M8.61046 15.7471H18.3327' stroke='%23868F98' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    mask: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.66602 4.4685L2.82762 5.60335C2.86655 5.64139 2.93518 5.64183 2.97476 5.6043L5.36972 3.33331M1.66602 9.98574L2.82762 11.1206C2.86655 11.1586 2.93518 11.1591 2.97476 11.1215L5.36972 8.85055M1.66602 15.503L2.82762 16.6378C2.86655 16.6759 2.93518 16.6763 2.97476 16.6388L5.36972 14.3678M8.61046 4.71262H18.3327M8.61046 10.2299H18.3327M8.61046 15.7471H18.3327' stroke='%23868F98' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A")
}

.wr-icon-d {
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4001_476)'%3E%3Cpath d='M9.99935 15.0926C6.9311 15.0926 4.44379 12.6053 4.44379 9.53706V3.28142C4.44379 2.71749 4.84335 2.23013 5.39847 2.1308C8.85407 1.51245 11.1449 1.51158 14.6005 2.13062C15.1555 2.23003 15.5549 2.71734 15.5549 3.28115V9.53706C15.5549 12.6053 13.0676 15.0926 9.99935 15.0926ZM9.99935 15.0926V18.3334M9.99935 18.3334H7.22157M9.99935 18.3334H12.7771M4.4256 4.16851L2.72503 4.33856C2.12384 4.39868 1.66602 4.90457 1.66602 5.50876V6.75928C1.66602 8.73472 2.90326 10.4212 4.64512 11.086M15.396 11.0696C17.1155 10.3937 18.3327 8.71865 18.3327 6.75928V5.50876C18.3327 4.90457 17.8749 4.39868 17.2737 4.33856L15.5972 4.17092' stroke='%23868F98' stroke-width='1.5' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4001_476'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    mask: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4001_476)'%3E%3Cpath d='M9.99935 15.0926C6.9311 15.0926 4.44379 12.6053 4.44379 9.53706V3.28142C4.44379 2.71749 4.84335 2.23013 5.39847 2.1308C8.85407 1.51245 11.1449 1.51158 14.6005 2.13062C15.1555 2.23003 15.5549 2.71734 15.5549 3.28115V9.53706C15.5549 12.6053 13.0676 15.0926 9.99935 15.0926ZM9.99935 15.0926V18.3334M9.99935 18.3334H7.22157M9.99935 18.3334H12.7771M4.4256 4.16851L2.72503 4.33856C2.12384 4.39868 1.66602 4.90457 1.66602 5.50876V6.75928C1.66602 8.73472 2.90326 10.4212 4.64512 11.086M15.396 11.0696C17.1155 10.3937 18.3327 8.71865 18.3327 6.75928V5.50876C18.3327 4.90457 17.8749 4.39868 17.2737 4.33856L15.5972 4.17092' stroke='%23868F98' stroke-width='1.5' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4001_476'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")
}

.wr-icon-e {
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4001_482)'%3E%3Cpath d='M18.3327 10C18.3327 5.39765 14.6017 1.66669 9.99935 1.66669M18.3327 10H9.99935M18.3327 10C18.3327 12.3012 17.3999 14.3845 15.8919 15.8926M9.99935 1.66669C5.39698 1.66669 1.66602 5.39765 1.66602 10C1.66602 14.6024 5.39698 18.3334 9.99935 18.3334C12.3005 18.3334 14.3839 17.4006 15.8919 15.8926M9.99935 1.66669V10M9.99935 10L15.8919 15.8926' stroke='%23868F98' stroke-width='1.5'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4001_482'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    mask: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4001_482)'%3E%3Cpath d='M18.3327 10C18.3327 5.39765 14.6017 1.66669 9.99935 1.66669M18.3327 10H9.99935M18.3327 10C18.3327 12.3012 17.3999 14.3845 15.8919 15.8926M9.99935 1.66669C5.39698 1.66669 1.66602 5.39765 1.66602 10C1.66602 14.6024 5.39698 18.3334 9.99935 18.3334C12.3005 18.3334 14.3839 17.4006 15.8919 15.8926M9.99935 1.66669V10M9.99935 10L15.8919 15.8926' stroke='%23868F98' stroke-width='1.5'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4001_482'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")
}

.wr-icon-f {
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.334 18.3333H4.66732C3.93094 18.3333 3.33398 17.7115 3.33398 16.9444M3.33398 16.9444C3.33398 16.1773 3.93094 15.5555 4.66732 15.5555H16.2229C16.4683 15.5555 16.6673 15.3482 16.6673 15.0926V2.12959C16.6673 1.8739 16.4683 1.66663 16.2229 1.66663H5.55621C4.32891 1.66663 3.33398 2.703 3.33398 3.98144V16.9444Z' stroke='%23868F98' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    mask: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.334 18.3333H4.66732C3.93094 18.3333 3.33398 17.7115 3.33398 16.9444M3.33398 16.9444C3.33398 16.1773 3.93094 15.5555 4.66732 15.5555H16.2229C16.4683 15.5555 16.6673 15.3482 16.6673 15.0926V2.12959C16.6673 1.8739 16.4683 1.66663 16.2229 1.66663H5.55621C4.32891 1.66663 3.33398 2.703 3.33398 3.98144V16.9444Z' stroke='%23868F98' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A")
}

.wr-icon-p {
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.3327 7.50001V5.83334C18.3327 4.45263 17.2134 3.33334 15.8327 3.33334H4.16602C2.7853 3.33334 1.66602 4.45263 1.66602 5.83334V7.50001M18.3327 7.50001V14.1667C18.3327 15.5474 17.2134 16.6667 15.8327 16.6667H4.16602C2.7853 16.6667 1.66602 15.5474 1.66602 14.1667V7.50001M18.3327 7.50001H1.66602M4.58268 13.75H6.66602M9.16602 13.75H13.3327' stroke='%23868F98' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    mask: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.3327 7.50001V5.83334C18.3327 4.45263 17.2134 3.33334 15.8327 3.33334H4.16602C2.7853 3.33334 1.66602 4.45263 1.66602 5.83334V7.50001M18.3327 7.50001V14.1667C18.3327 15.5474 17.2134 16.6667 15.8327 16.6667H4.16602C2.7853 16.6667 1.66602 15.5474 1.66602 14.1667V7.50001M18.3327 7.50001H1.66602M4.58268 13.75H6.66602M9.16602 13.75H13.3327' stroke='%23868F98' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A")
}

.wr-subject-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    padding: 24px;
    border-radius: 24px;
    background: #fff;
    -webkit-box-shadow: 0 4px 16px -8px rgba(15, 19, 28, .24);
    box-shadow: 0 4px 16px -8px rgba(15, 19, 28, .24)
}

.wr-subject-action {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

.wr-subject-action>.button {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.wr-subject-action>.button>p {
    white-space: nowrap
}

@media screen and (max-width:1244px) {
    .wr-subject-item {
        padding: 16px;
        gap: 12px
    }
}

.x-icon.xl {
    width: 24px;
    height: 24px
}

.wr-subject-action>.button {
    gap: 2px;
    padding: 0 20px
}

@media screen and (max-width:578px) {
    .wr-subject-action {
        width: 100%
    }

    .wr-subject-action>.button {
        gap: 0
    }
}

.wr-head-info-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    width: 100%
}

.wr-head-info-text>p {
    color: #090a0b;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
    letter-spacing: -.64px
}

.wr-head-info-text>small {
    color: #2f3337;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px
}

.wr-head-info {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 16px
}

.wr-zno-item-info {
    max-width: 504px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 16px
}

.subject-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 48px;
    height: 48px;
    border-radius: 100px
}

.subject-icon>span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 24px;
    height: 24px
}

.wr-zno-item-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px
}

.wr-zno-item-text>span {
    color: #090a0b;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -.4px
}

.wr-zno-item-text>p {
    color: #2f3337;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px
}

.wr-zno-item-progress {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px
}

.wr-zno-item-progress>span {
    color: #868f98;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px
}

.wr-zno-item-progress>p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    color: #090a0b;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -.32px
}

.wr-zno-item-progress>p>small {
    min-width: 29px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 4px;
    color: #717a84;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    border-radius: 12px;
    background: #eef0f1
}

.wr-zno-item {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    padding: 24px;
    border-radius: 24px;
    background: #fff;
    -webkit-box-shadow: 0 4px 16px -8px rgba(15, 19, 28, .24);
    box-shadow: 0 4px 16px -8px rgba(15, 19, 28, .24)
}

.wr-zno-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px
}

.subject-icon>.x-icon::before {
    background: #fff
}

.x-icon-arrow-r {
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5417 10.0001L7.3125 6.77095C7.16667 6.62512 7.09375 6.4463 7.09375 6.23449C7.09375 6.02269 7.16667 5.84039 7.3125 5.68762C7.45833 5.53484 7.63889 5.45671 7.85417 5.45324C8.06944 5.44977 8.25347 5.52442 8.40625 5.6772L12.1771 9.44803C12.2535 9.52442 12.3108 9.60949 12.349 9.70324C12.3872 9.79699 12.4063 9.89595 12.4063 10.0001C12.4063 10.1043 12.3872 10.2032 12.349 10.297C12.3108 10.3907 12.2535 10.4758 12.1771 10.5522L8.40625 14.323C8.25347 14.4758 8.06944 14.5505 7.85417 14.547C7.63889 14.5435 7.45833 14.4654 7.3125 14.3126C7.16667 14.1598 7.09375 13.9775 7.09375 13.7657C7.09375 13.5539 7.16667 13.3751 7.3125 13.2293L10.5417 10.0001Z' fill='white'/%3E%3C/svg%3E%0A");
    mask: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5417 10.0001L7.3125 6.77095C7.16667 6.62512 7.09375 6.4463 7.09375 6.23449C7.09375 6.02269 7.16667 5.84039 7.3125 5.68762C7.45833 5.53484 7.63889 5.45671 7.85417 5.45324C8.06944 5.44977 8.25347 5.52442 8.40625 5.6772L12.1771 9.44803C12.2535 9.52442 12.3108 9.60949 12.349 9.70324C12.3872 9.79699 12.4063 9.89595 12.4063 10.0001C12.4063 10.1043 12.3872 10.2032 12.349 10.297C12.3108 10.3907 12.2535 10.4758 12.1771 10.5522L8.40625 14.323C8.25347 14.4758 8.06944 14.5505 7.85417 14.547C7.63889 14.5435 7.45833 14.4654 7.3125 14.3126C7.16667 14.1598 7.09375 13.9775 7.09375 13.7657C7.09375 13.5539 7.16667 13.3751 7.3125 13.2293L10.5417 10.0001Z' fill='white'/%3E%3C/svg%3E%0A")
}

.wr-zno-item-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.button-base>.x-icon {
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain
}

.button-base>.x-icon::before {
    background: #fff
}

.wr-zno-item-action {
    margin-left: auto
}

.wr-zno-item-action>.button-base>p {
    white-space: nowrap
}

.subject-icon.sub-a {
    background: var(--global-sub-a-primary)
}

.wr-zno-item.sub-a .wr-zno-item-action>.button-base {
    background: var(--global-sub-a-primary)
}

.subject-icon.sub-e {
    background: var(--global-sub-e-primary)
}

.wr-zno-item.sub-e .wr-zno-item-action>.button-base {
    background: var(--global-sub-e-primary)
}

.subject-icon.sub-c {
    background: var(--global-sub-c-primary)
}

.wr-zno-item.sub-c .wr-zno-item-action>.button-base {
    background: var(--global-sub-c-primary)
}

.subject-icon.sub-f {
    background: var(--global-sub-f-primary)
}

.wr-zno-item.sub-f .wr-zno-item-action>.button-base {
    background: var(--global-sub-f-primary)
}

.subject-icon.sub-d {
    background: var(--global-sub-d-primary)
}

.subject-icon.sub-d>.x-icon::before {
    background: #090a0b
}

.wr-zno-item.sub-d .wr-zno-item-action>.button-base {
    background: var(--global-sub-d-primary)
}

.wr-zno-item.sub-d .wr-zno-item-action>.button-base>p {
    color: #090a0b
}

.wr-zno-item.sub-d .wr-zno-item-action>.button-base>.x-icon::before {
    background: #090a0b
}

.subject-icon.sub-b {
    background: var(--global-sub-b-primary)
}

.wr-zno-item.sub-b .wr-zno-item-action>.button-base {
    background: var(--global-sub-b-primary)
}

.subject-icon.sub-b>.x-icon {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.7323 13.3819C17.0723 12.7119 15.9423 9.43191 19.0923 8.61191C19.8123 10.1319 20.0423 11.7119 19.7323 13.3819ZM15.5023 15.5119C14.9023 16.4819 14.0423 17.2819 13.9323 18.5019C13.7723 19.1119 13.6123 19.8319 12.8123 19.8119C11.4923 19.6219 12.2723 17.8219 11.4923 17.0319C10.8823 16.3719 10.6923 15.5819 10.7923 14.6919C10.7623 13.5019 9.64228 13.2019 8.76228 12.7019C7.09228 11.9019 6.06228 10.4119 5.10228 8.90191C4.76228 7.56191 6.74228 6.27191 7.64228 5.49191C9.48228 3.69191 9.54228 6.33191 10.6723 5.27191C10.9023 3.41191 13.5823 5.36191 12.7523 6.45191C11.4923 7.09191 12.9223 7.59191 12.1523 8.24191C10.7423 8.37191 10.6723 9.16191 11.4223 10.2219C11.6823 11.2119 10.6223 10.6219 10.2623 10.3019C9.74228 10.2019 7.86228 10.6319 8.54228 11.3919C9.09228 12.0219 9.99228 11.7719 10.5823 12.2619C10.8223 12.5119 10.9823 12.8819 11.2623 13.0819C12.8623 13.5219 16.1023 12.5819 15.5023 15.5119ZM21.6423 11.1319C21.3423 7.59191 19.0823 4.51191 15.8523 3.11191C13.6323 2.15191 11.1923 2.02191 8.53228 3.01191C7.43228 3.42191 6.40228 4.02191 5.53228 4.80191C3.52228 6.59191 2.43228 8.94191 2.32228 11.7619C2.26228 13.4519 2.66228 15.1519 3.49228 16.6219C4.95228 19.1819 7.09228 20.7819 9.82228 21.4219C10.3223 21.5419 10.8423 21.5819 11.3523 21.6519C11.3923 21.6619 11.4223 21.6619 11.4523 21.6719H12.5523C12.6723 21.6619 12.7923 21.6419 12.9123 21.6319C14.3823 21.4619 15.8323 21.0419 17.0723 20.2419C19.3523 18.7919 20.8123 16.7719 21.4323 14.1819C21.6723 13.1819 21.7323 12.1619 21.6423 11.1319Z' fill='white'/%3E%3C/svg%3E");
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.7323 13.3819C17.0723 12.7119 15.9423 9.43191 19.0923 8.61191C19.8123 10.1319 20.0423 11.7119 19.7323 13.3819ZM15.5023 15.5119C14.9023 16.4819 14.0423 17.2819 13.9323 18.5019C13.7723 19.1119 13.6123 19.8319 12.8123 19.8119C11.4923 19.6219 12.2723 17.8219 11.4923 17.0319C10.8823 16.3719 10.6923 15.5819 10.7923 14.6919C10.7623 13.5019 9.64228 13.2019 8.76228 12.7019C7.09228 11.9019 6.06228 10.4119 5.10228 8.90191C4.76228 7.56191 6.74228 6.27191 7.64228 5.49191C9.48228 3.69191 9.54228 6.33191 10.6723 5.27191C10.9023 3.41191 13.5823 5.36191 12.7523 6.45191C11.4923 7.09191 12.9223 7.59191 12.1523 8.24191C10.7423 8.37191 10.6723 9.16191 11.4223 10.2219C11.6823 11.2119 10.6223 10.6219 10.2623 10.3019C9.74228 10.2019 7.86228 10.6319 8.54228 11.3919C9.09228 12.0219 9.99228 11.7719 10.5823 12.2619C10.8223 12.5119 10.9823 12.8819 11.2623 13.0819C12.8623 13.5219 16.1023 12.5819 15.5023 15.5119ZM21.6423 11.1319C21.3423 7.59191 19.0823 4.51191 15.8523 3.11191C13.6323 2.15191 11.1923 2.02191 8.53228 3.01191C7.43228 3.42191 6.40228 4.02191 5.53228 4.80191C3.52228 6.59191 2.43228 8.94191 2.32228 11.7619C2.26228 13.4519 2.66228 15.1519 3.49228 16.6219C4.95228 19.1819 7.09228 20.7819 9.82228 21.4219C10.3223 21.5419 10.8423 21.5819 11.3523 21.6519C11.3923 21.6619 11.4223 21.6619 11.4523 21.6719H12.5523C12.6723 21.6619 12.7923 21.6419 12.9123 21.6319C14.3823 21.4619 15.8323 21.0419 17.0723 20.2419C19.3523 18.7919 20.8123 16.7719 21.4323 14.1819C21.6723 13.1819 21.7323 12.1619 21.6423 11.1319Z' fill='white'/%3E%3C/svg%3E")
}

.subject-icon.sub-d>.x-icon {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.97541 4.21343C5.27288 4.68075 4.21632 5.28477 3.32001 6.30299C2.22254 7.54988 2.00538 8.14392 2.00022 9.91213C1.99627 11.3298 2.0408 11.539 2.52979 12.4052C2.85733 12.9852 3.48886 13.7018 4.1632 14.2585C4.7679 14.7577 5.66335 15.5314 6.15303 15.9779C7.27045 16.9968 7.43001 17.6373 6.99105 19.3415C6.80347 20.0692 6.74897 20.5798 6.848 20.6789C6.93775 20.7686 8.20356 20.8183 9.72383 20.7917L12.4394 20.7442L12.7339 19.5731C13.1112 18.074 13.5455 17.6435 15.2597 17.0697C16.6106 16.6177 16.6106 16.6177 16.6185 15.4382C16.623 14.7591 16.5501 14.2364 16.4466 14.2061C16.3477 14.177 16.0541 14.1067 15.7939 14.0496C15.5338 13.9927 15.3211 13.8696 15.3211 13.7763C15.3211 13.6095 15.7592 13.1808 16.4387 12.6827C16.769 12.4406 16.771 12.4111 16.4875 11.9286C16.1959 11.4322 16.1985 11.4211 16.7093 10.9315C17.4373 10.2342 17.3221 9.82582 16.3267 9.57427C15.1383 9.2739 14.6682 8.90096 14.5324 8.15114C14.1301 5.93074 13.148 4.74145 11.2266 4.14809C9.83335 3.71773 8.71851 3.73493 6.97541 4.21343ZM19.1132 9.74208C18.0676 10.8203 17.8962 11.0756 18.0736 11.2895C18.1906 11.4303 18.3754 11.5455 18.4842 11.5455C18.5932 11.5455 19.2545 10.9695 19.9538 10.2656C21.0428 9.16936 21.1933 8.94739 21.0031 8.71819C20.8809 8.57102 20.6874 8.45066 20.5733 8.45066C20.4589 8.45066 19.802 9.03181 19.1132 9.74208ZM18.0661 12.6704C17.6703 13.1471 18.1534 13.3471 19.8427 13.4059C21.0304 13.4473 21.5089 13.3983 21.7622 13.2095C22.0492 12.9958 22.0653 12.9169 21.8702 12.6817C21.543 12.2874 18.3915 12.2782 18.0661 12.6704ZM18.0752 14.5507C17.9002 14.7616 18.0503 14.9984 18.9569 15.9428C20.2999 17.3419 20.5958 17.5205 20.9629 17.1535C21.2101 16.906 21.1195 16.7671 19.9416 15.5892C19.2306 14.8782 18.5673 14.2965 18.4675 14.2965C18.3678 14.2965 18.1912 14.4109 18.0752 14.5507Z' fill='%23090A0B'/%3E%3C/svg%3E");
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.97541 4.21343C5.27288 4.68075 4.21632 5.28477 3.32001 6.30299C2.22254 7.54988 2.00538 8.14392 2.00022 9.91213C1.99627 11.3298 2.0408 11.539 2.52979 12.4052C2.85733 12.9852 3.48886 13.7018 4.1632 14.2585C4.7679 14.7577 5.66335 15.5314 6.15303 15.9779C7.27045 16.9968 7.43001 17.6373 6.99105 19.3415C6.80347 20.0692 6.74897 20.5798 6.848 20.6789C6.93775 20.7686 8.20356 20.8183 9.72383 20.7917L12.4394 20.7442L12.7339 19.5731C13.1112 18.074 13.5455 17.6435 15.2597 17.0697C16.6106 16.6177 16.6106 16.6177 16.6185 15.4382C16.623 14.7591 16.5501 14.2364 16.4466 14.2061C16.3477 14.177 16.0541 14.1067 15.7939 14.0496C15.5338 13.9927 15.3211 13.8696 15.3211 13.7763C15.3211 13.6095 15.7592 13.1808 16.4387 12.6827C16.769 12.4406 16.771 12.4111 16.4875 11.9286C16.1959 11.4322 16.1985 11.4211 16.7093 10.9315C17.4373 10.2342 17.3221 9.82582 16.3267 9.57427C15.1383 9.2739 14.6682 8.90096 14.5324 8.15114C14.1301 5.93074 13.148 4.74145 11.2266 4.14809C9.83335 3.71773 8.71851 3.73493 6.97541 4.21343ZM19.1132 9.74208C18.0676 10.8203 17.8962 11.0756 18.0736 11.2895C18.1906 11.4303 18.3754 11.5455 18.4842 11.5455C18.5932 11.5455 19.2545 10.9695 19.9538 10.2656C21.0428 9.16936 21.1933 8.94739 21.0031 8.71819C20.8809 8.57102 20.6874 8.45066 20.5733 8.45066C20.4589 8.45066 19.802 9.03181 19.1132 9.74208ZM18.0661 12.6704C17.6703 13.1471 18.1534 13.3471 19.8427 13.4059C21.0304 13.4473 21.5089 13.3983 21.7622 13.2095C22.0492 12.9958 22.0653 12.9169 21.8702 12.6817C21.543 12.2874 18.3915 12.2782 18.0661 12.6704ZM18.0752 14.5507C17.9002 14.7616 18.0503 14.9984 18.9569 15.9428C20.2999 17.3419 20.5958 17.5205 20.9629 17.1535C21.2101 16.906 21.1195 16.7671 19.9416 15.5892C19.2306 14.8782 18.5673 14.2965 18.4675 14.2965C18.3678 14.2965 18.1912 14.4109 18.0752 14.5507Z' fill='%23090A0B'/%3E%3C/svg%3E")
}

.subject-icon.sub-f>.x-icon {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.701 13.385C12.701 13.799 12.365 14.135 11.951 14.135C11.537 14.135 11.201 13.799 11.201 13.385V11.665C11.201 11.251 11.537 10.915 11.951 10.915C12.365 10.915 12.701 11.251 12.701 11.665V13.385ZM21.07 14.751L16.893 12.559C16.814 12.518 16.763 12.434 16.763 12.345V10.115C16.763 9.541 16.482 9.002 16.005 8.668L12.958 6.57C12.88 6.516 12.792 6.488 12.707 6.448V4.755H13.841C14.255 4.755 14.591 4.419 14.591 4.005C14.591 3.591 14.255 3.255 13.841 3.255H12.707V2.625C12.707 2.211 12.371 1.875 11.957 1.875C11.543 1.875 11.207 2.211 11.207 2.625V3.255H10.162C9.748 3.255 9.412 3.591 9.412 4.005C9.412 4.419 9.748 4.755 10.162 4.755H11.207V6.449C11.124 6.489 11.036 6.517 10.959 6.571L7.955 8.674C7.491 9.005 7.213 9.54 7.213 10.105V12.345C7.213 12.436 7.164 12.518 7.079 12.562L2.929 14.752C2.563 14.945 2.423 15.399 2.616 15.765C2.75 16.02 3.011 16.165 3.28 16.165C3.398 16.165 3.517 16.137 3.629 16.078L4.533 15.602V20.625C4.533 21.452 5.206 22.125 6.033 22.125H9.054C9.881 22.125 10.554 21.452 10.554 20.625V18.805C10.554 18 11.212 17.345 12.02 17.345C12.829 17.345 13.487 18 13.487 18.805V20.625C13.487 21.452 14.16 22.125 14.987 22.125H17.836C18.663 22.125 19.336 21.452 19.336 20.625V15.535L20.372 16.079C20.739 16.271 21.192 16.13 21.385 15.764C21.577 15.397 21.436 14.944 21.07 14.751Z' fill='white'/%3E%3C/svg%3E");
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.701 13.385C12.701 13.799 12.365 14.135 11.951 14.135C11.537 14.135 11.201 13.799 11.201 13.385V11.665C11.201 11.251 11.537 10.915 11.951 10.915C12.365 10.915 12.701 11.251 12.701 11.665V13.385ZM21.07 14.751L16.893 12.559C16.814 12.518 16.763 12.434 16.763 12.345V10.115C16.763 9.541 16.482 9.002 16.005 8.668L12.958 6.57C12.88 6.516 12.792 6.488 12.707 6.448V4.755H13.841C14.255 4.755 14.591 4.419 14.591 4.005C14.591 3.591 14.255 3.255 13.841 3.255H12.707V2.625C12.707 2.211 12.371 1.875 11.957 1.875C11.543 1.875 11.207 2.211 11.207 2.625V3.255H10.162C9.748 3.255 9.412 3.591 9.412 4.005C9.412 4.419 9.748 4.755 10.162 4.755H11.207V6.449C11.124 6.489 11.036 6.517 10.959 6.571L7.955 8.674C7.491 9.005 7.213 9.54 7.213 10.105V12.345C7.213 12.436 7.164 12.518 7.079 12.562L2.929 14.752C2.563 14.945 2.423 15.399 2.616 15.765C2.75 16.02 3.011 16.165 3.28 16.165C3.398 16.165 3.517 16.137 3.629 16.078L4.533 15.602V20.625C4.533 21.452 5.206 22.125 6.033 22.125H9.054C9.881 22.125 10.554 21.452 10.554 20.625V18.805C10.554 18 11.212 17.345 12.02 17.345C12.829 17.345 13.487 18 13.487 18.805V20.625C13.487 21.452 14.16 22.125 14.987 22.125H17.836C18.663 22.125 19.336 21.452 19.336 20.625V15.535L20.372 16.079C20.739 16.271 21.192 16.13 21.385 15.764C21.577 15.397 21.436 14.944 21.07 14.751Z' fill='white'/%3E%3C/svg%3E")
}

.subject-icon.sub-e>.x-icon {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.2499 20.6433C11.2499 20.8415 11.0604 20.9852 10.8786 20.9062C10.7789 20.8629 10.6812 20.8135 10.586 20.758C9.324 20.033 7.352 19.134 5.14 18.975C3.659 18.877 2.5 17.656 2.5 16.196V5.85604C2.5 5.06904 2.836 4.31604 3.423 3.79104C4.019 3.25704 4.82 2.99804 5.619 3.09004C7.901 3.33704 9.853 4.24504 11.089 4.96404C11.1844 5.01969 11.2499 5.11822 11.2499 5.22862V20.6433ZM8.42668 10.6463C8.33468 10.6463 8.24168 10.6293 8.15168 10.5943L5.96768 9.73434C5.58168 9.58234 5.39268 9.14634 5.54468 8.76134C5.69668 8.37534 6.13268 8.18734 6.51668 8.33734L8.70168 9.19834C9.08668 9.35034 9.27668 9.78634 9.12468 10.1703C9.00868 10.4663 8.72568 10.6463 8.42668 10.6463ZM8.42668 15.1463C8.33368 15.1463 8.23968 15.1293 8.14968 15.0923L5.96468 14.2223C5.57968 14.0703 5.39168 13.6333 5.54568 13.2493C5.69868 12.8633 6.13668 12.6733 6.51968 12.8303L8.70368 13.7003C9.08868 13.8523 9.27668 14.2893 9.12368 14.6733C9.00668 14.9673 8.72468 15.1463 8.42668 15.1463Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.75 20.6434C12.75 20.8416 12.9395 20.9853 13.1213 20.9063C13.22 20.8635 13.3168 20.8147 13.4111 20.76C14.6761 20.033 16.6481 19.134 18.8581 18.975C20.3391 18.878 21.5001 17.657 21.5001 16.196V5.85604C21.5001 5.06904 21.1631 4.31704 20.5761 3.79104C19.9801 3.25804 19.1831 3.00304 18.3821 3.09004C16.0991 3.33704 14.1461 4.24504 12.9111 4.96504C12.8156 5.02043 12.75 5.11893 12.75 5.22933V20.6434Z' fill='white'/%3E%3C/svg%3E");
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.2499 20.6433C11.2499 20.8415 11.0604 20.9852 10.8786 20.9062C10.7789 20.8629 10.6812 20.8135 10.586 20.758C9.324 20.033 7.352 19.134 5.14 18.975C3.659 18.877 2.5 17.656 2.5 16.196V5.85604C2.5 5.06904 2.836 4.31604 3.423 3.79104C4.019 3.25704 4.82 2.99804 5.619 3.09004C7.901 3.33704 9.853 4.24504 11.089 4.96404C11.1844 5.01969 11.2499 5.11822 11.2499 5.22862V20.6433ZM8.42668 10.6463C8.33468 10.6463 8.24168 10.6293 8.15168 10.5943L5.96768 9.73434C5.58168 9.58234 5.39268 9.14634 5.54468 8.76134C5.69668 8.37534 6.13268 8.18734 6.51668 8.33734L8.70168 9.19834C9.08668 9.35034 9.27668 9.78634 9.12468 10.1703C9.00868 10.4663 8.72568 10.6463 8.42668 10.6463ZM8.42668 15.1463C8.33368 15.1463 8.23968 15.1293 8.14968 15.0923L5.96468 14.2223C5.57968 14.0703 5.39168 13.6333 5.54568 13.2493C5.69868 12.8633 6.13668 12.6733 6.51968 12.8303L8.70368 13.7003C9.08868 13.8523 9.27668 14.2893 9.12368 14.6733C9.00668 14.9673 8.72468 15.1463 8.42668 15.1463Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.75 20.6434C12.75 20.8416 12.9395 20.9853 13.1213 20.9063C13.22 20.8635 13.3168 20.8147 13.4111 20.76C14.6761 20.033 16.6481 19.134 18.8581 18.975C20.3391 18.878 21.5001 17.657 21.5001 16.196V5.85604C21.5001 5.06904 21.1631 4.31704 20.5761 3.79104C19.9801 3.25804 19.1831 3.00304 18.3821 3.09004C16.0991 3.33704 14.1461 4.24504 12.9111 4.96504C12.8156 5.02043 12.75 5.11893 12.75 5.22933V20.6434Z' fill='white'/%3E%3C/svg%3E")
}

.subject-icon.sub-a>.x-icon {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.3038 7.46622C11.8863 5.39928 13.7715 3.97266 15.9172 3.97266H21.0002C21.5525 3.97266 22.0002 4.42037 22.0002 4.97266C22.0002 5.52494 21.5525 5.97266 21.0002 5.97266H15.9172C14.667 5.97266 13.5683 6.80393 13.2287 8.00888L10.2297 18.6431C9.72865 20.4167 7.24697 20.5074 6.62061 18.7722L4.63553 13.262C4.3394 12.4414 3.64221 11.8316 2.78989 11.6483C2.24996 11.5321 1.90642 11.0003 2.02257 10.4603C2.13872 9.92041 2.67059 9.57687 3.21052 9.69302C4.73807 10.0216 5.98693 11.1141 6.51688 12.5834L8.3924 17.7894L11.3038 7.46622ZM15.853 12.0458C16.2975 11.718 16.9235 11.8126 17.2513 12.257L18.7235 14.2533L20.1957 12.257C20.5235 11.8126 21.1496 11.718 21.5941 12.0458C22.0385 12.3736 22.1331 12.9996 21.8053 13.4441L19.966 15.9381L21.8053 18.432C22.1331 18.8765 22.0385 19.5026 21.5941 19.8304C21.1496 20.1582 20.5235 20.0636 20.1957 19.6191L18.7235 17.6229L17.2513 19.6191C16.9235 20.0636 16.2975 20.1582 15.853 19.8304C15.4085 19.5026 15.3139 18.8765 15.6417 18.432L17.481 15.9381L15.6417 13.4441C15.3139 12.9996 15.4085 12.3736 15.853 12.0458Z' fill='white'/%3E%3C/svg%3E");
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.3038 7.46622C11.8863 5.39928 13.7715 3.97266 15.9172 3.97266H21.0002C21.5525 3.97266 22.0002 4.42037 22.0002 4.97266C22.0002 5.52494 21.5525 5.97266 21.0002 5.97266H15.9172C14.667 5.97266 13.5683 6.80393 13.2287 8.00888L10.2297 18.6431C9.72865 20.4167 7.24697 20.5074 6.62061 18.7722L4.63553 13.262C4.3394 12.4414 3.64221 11.8316 2.78989 11.6483C2.24996 11.5321 1.90642 11.0003 2.02257 10.4603C2.13872 9.92041 2.67059 9.57687 3.21052 9.69302C4.73807 10.0216 5.98693 11.1141 6.51688 12.5834L8.3924 17.7894L11.3038 7.46622ZM15.853 12.0458C16.2975 11.718 16.9235 11.8126 17.2513 12.257L18.7235 14.2533L20.1957 12.257C20.5235 11.8126 21.1496 11.718 21.5941 12.0458C22.0385 12.3736 22.1331 12.9996 21.8053 13.4441L19.966 15.9381L21.8053 18.432C22.1331 18.8765 22.0385 19.5026 21.5941 19.8304C21.1496 20.1582 20.5235 20.0636 20.1957 19.6191L18.7235 17.6229L17.2513 19.6191C16.9235 20.0636 16.2975 20.1582 15.853 19.8304C15.4085 19.5026 15.3139 18.8765 15.6417 18.432L17.481 15.9381L15.6417 13.4441C15.3139 12.9996 15.4085 12.3736 15.853 12.0458Z' fill='white'/%3E%3C/svg%3E")
}

.subject-icon.sub-c>.x-icon {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12.6621 3.23807C12.6638 3.25771 12.6646 3.27758 12.6646 3.29766V10.3274L16.1357 6.85623C14.7975 5.11034 13.4174 3.84637 12.6621 3.23807Z' fill='white'/%3E%3Cpath d='M11.2506 3.23077C11.2485 3.2528 11.2474 3.27511 11.2474 3.29767V20.7692C9.3866 20.645 7.99685 19.9995 6.99685 19.0828C5.89907 18.0763 5.30488 16.7746 5.0459 15.5688C4.51243 13.0848 5.26672 10.4647 6.58166 8.42123C8.23451 5.85221 10.2668 4.00381 11.2506 3.23077Z' fill='white'/%3E%3Cpath d='M12.666 20.7625C14.4229 20.6262 15.7525 20.0117 16.7249 19.1419C17.8348 18.1492 18.4448 16.8551 18.719 15.6529C19.0299 14.2869 18.9495 12.8745 18.5987 11.537L12.666 17.4695V20.7625Z' fill='white'/%3E%3Cpath d='M18.0853 10.0445C17.8522 9.49917 17.5774 8.97643 17.2705 8.48601C17.1728 8.33 17.0736 8.17652 16.9735 8.02579L12.666 12.3333V15.4637L18.0853 10.0445Z' fill='white'/%3E%3C/svg%3E");
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12.6621 3.23807C12.6638 3.25771 12.6646 3.27758 12.6646 3.29766V10.3274L16.1357 6.85623C14.7975 5.11034 13.4174 3.84637 12.6621 3.23807Z' fill='white'/%3E%3Cpath d='M11.2506 3.23077C11.2485 3.2528 11.2474 3.27511 11.2474 3.29767V20.7692C9.3866 20.645 7.99685 19.9995 6.99685 19.0828C5.89907 18.0763 5.30488 16.7746 5.0459 15.5688C4.51243 13.0848 5.26672 10.4647 6.58166 8.42123C8.23451 5.85221 10.2668 4.00381 11.2506 3.23077Z' fill='white'/%3E%3Cpath d='M12.666 20.7625C14.4229 20.6262 15.7525 20.0117 16.7249 19.1419C17.8348 18.1492 18.4448 16.8551 18.719 15.6529C19.0299 14.2869 18.9495 12.8745 18.5987 11.537L12.666 17.4695V20.7625Z' fill='white'/%3E%3Cpath d='M18.0853 10.0445C17.8522 9.49917 17.5774 8.97643 17.2705 8.48601C17.1728 8.33 17.0736 8.17652 16.9735 8.02579L12.666 12.3333V15.4637L18.0853 10.0445Z' fill='white'/%3E%3C/svg%3E")
}

@media screen and (max-width:1244px) {
    .wr-head-info-text {
        gap: 4px
    }

    .wr-head-info-text>p {
        font-size: 20px;
        line-height: 28px;
        letter-spacing: -.4px
    }

    .wr-head-info-text>small {
        font-size: 14px;
        line-height: 20px
    }

    .wr-head-info {
        gap: 12px
    }

    .wr-zno-item {
        gap: 16px;
        padding: 16px;
        border-radius: 24px
    }

    .wr-zno-item-progress>span {
        font-size: 12px;
        line-height: 16px
    }

    .wr-zno-item-progress>p {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: -.28px
    }

    .wr-zno-item-text>span {
        font-size: 16px;
        line-height: 20px;
        letter-spacing: -.32px
    }

    .wr-zno-item-text>p {
        font-size: 12px;
        line-height: 16px
    }

    .wr-zno-item-info {
        gap: 12px
    }

    .subject-icon {
        width: 40px;
        height: 40px
    }

    .wr-zno-item-body {
        gap: 16px
    }
}

.wr-action-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    padding: 16px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 280px;
    flex: 1 1 280px;
    border-radius: 24px;
    background: var(--white-bg);
    -webkit-box-shadow: 0 4px 12px -8px var(--dark-text-op-24);
    box-shadow: 0 4px 12px -8px var(--dark-text-op-24)
}

.wr-action-button>p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    width: 100%;
    color: var(--dark-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    padding: 0 4px
}

.wr-action-button>p>span {
    border-radius: 12px;
    background: var(--accent-color);
    height: 20px;
    min-width: 20px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 4px;
    color: var(--global-white);
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%
}

.wr-action-button>.x-icon {
    background: var(--white-gray-text)
}

.wr-action-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 40px;
    height: 40px;
    border-radius: 24px;
    background: var(--gray-bg)
}

.wr-action-icon>.x-icon::before {
    background: var(--gray-text)
}

@media screen and (max-width:1244px) {
    .wr-action-button {
        padding: 0 16px;
        height: 36px
    }

    .wr-action-icon {
        width: 24px;
        height: 24px;
        background: 0 0
    }

    .wr-action-button>p {
        font-size: 12px
    }

    .wr-action-button>p>span {
        height: 16px;
        font-size: 11px;
        line-height: normal
    }
}

.x-icon {
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    mask-position: center !important;
    -webkit-mask-size: contain !important;
    mask-size: contain !important
}

.sub-a .wr-action>.button-base {
    background: var(--global-sub-a-primary)
}

.sub-e .wr-action>.button-base {
    background: var(--global-sub-e-primary)
}

.sub-c .wr-action>.button-base {
    background: var(--global-sub-c-primary)
}

.sub-f .wr-action>.button-base {
    background: var(--global-sub-f-primary)
}

.sub-d .wr-action>.button-base {
    background: var(--global-sub-d-primary)
}

.sub-d .wr-action>.button-base>p {
    color: var(--dark-text)
}

.sub-d .wr-action>.button-base>.x-icon::before {
    background: var(--dark-text)
}

.sub-b .wr-action>.button-base {
    background: var(--global-sub-b-primary)
}

@media screen and (max-width:1244px) {
    .wr-subject-item {
        border-radius: 20px
    }
}

.button {
    -webkit-transition: .2s;
    transition: .2s
}

.button>p {
    -webkit-transition: .2s;
    transition: .2s
}

.button>.x-icon::before {
    -webkit-transition: .2s;
    transition: .2s
}

.button-base:hover {
    -webkit-filter: brightness(1.2);
    filter: brightness(1.2)
}

.wr-action-button {
    -webkit-transition: .2s;
    transition: .2s
}

.wr-action-button:hover {
    -webkit-box-shadow: 0 0 0 2px var(--white-bg), 0 4px 12px -8px var(--dark-text-op-24);
    box-shadow: 0 0 0 2px var(--white-bg), 0 4px 12px -8px var(--dark-text-op-24)
}

@media screen and (max-width:1240px) {
    .button-base>p {
        font-size: 12px
    }
}

.wr-subject-item {
    -webkit-transition: -webkit-box-shadow .3s;
    transition: -webkit-box-shadow .3s;
    transition: box-shadow .3s;
    transition: box-shadow .3s, -webkit-box-shadow .3s
}

.wr-subject-item:hover {
    -webkit-box-shadow: 0 0 0 2px var(--white-bg), 0 4px 12px -8px var(--dark-text-op-24);
    box-shadow: 0 0 0 2px var(--white-bg), 0 4px 12px -8px var(--dark-text-op-24)
}

.wr-zno-item.nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.button-ghost.dark>p {
    color: var(--dark-text);
}

.button-ghost.dark>.x-icon::before {
    background: var(--dark-text);
}

.button-ghost.dark::before {
    background: rgba(0, 0, 0, 0.25);
}

.wr-result-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 6px;
}

.wr-result-text>p {
    color: var(--dark-text);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.4px;
}

.wr-result-text>span {
    color: var(--darkgray-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 120%;
}

.wr-result-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
}

.wr-result-wrapper {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
}

.wr-result {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
}

.wr-result-content {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 24px;
    background: var(--white-bg);
    -webkit-box-shadow: 0 4px 12px -8px var(--dark-text-op-24);
    box-shadow: 0 4px 12px -8px var(--dark-text-op-24);
}

.wr-result-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 32px;
    position: relative;
}

.wr-result-head::after {
    inset-inline: 0;
    bottom: 0;
    position: absolute;
    content: "";
    width: 100%;
    height: 8px;
    background-image: url("data:image/svg+xml,%3Csvg width='44' height='8' viewBox='0 0 44 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.9987 0C10.6615 0 11.3372 7.33317 0 7.33317V8H44V7.33317H43.9974C32.6603 7.33317 33.3359 0 21.9987 0Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: repeat no-repeat;
    background-size: 44px 8px;
}

.wr-result-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    height: 24px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.wr-result-logo>img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -o-object-position: right center;
    object-position: right center;
    -o-object-fit: contain;
    object-fit: contain;
}

.wr-result-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    padding: 32px;
}

.xi-eye {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10.0003 15C13.8995 15 16.6386 12.4444 17.8834 10.9873C18.1082 10.7242 18.2206 10.5926 18.2946 10.3403C18.3467 10.1629 18.3467 9.83712 18.2946 9.6597C18.2206 9.40736 18.1082 9.2758 17.8834 9.01268C16.6386 7.55561 13.8995 5 10.0003 5C6.10115 5 3.36203 7.55561 2.11721 9.01268C1.89242 9.2758 1.78002 9.40736 1.70602 9.6597C1.65398 9.83712 1.65398 10.1629 1.70602 10.3403C1.78002 10.5926 1.89242 10.7242 2.11721 10.9873C3.36203 12.4444 6.10115 15 10.0003 15Z' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M12.5003 10C12.5003 11.3807 11.381 12.5 10.0003 12.5C8.61961 12.5 7.50033 11.3807 7.50033 10C7.50033 8.61929 8.61961 7.5 10.0003 7.5C11.381 7.5 12.5003 8.61929 12.5003 10Z' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10.0003 15C13.8995 15 16.6386 12.4444 17.8834 10.9873C18.1082 10.7242 18.2206 10.5926 18.2946 10.3403C18.3467 10.1629 18.3467 9.83712 18.2946 9.6597C18.2206 9.40736 18.1082 9.2758 17.8834 9.01268C16.6386 7.55561 13.8995 5 10.0003 5C6.10115 5 3.36203 7.55561 2.11721 9.01268C1.89242 9.2758 1.78002 9.40736 1.70602 9.6597C1.65398 9.83712 1.65398 10.1629 1.70602 10.3403C1.78002 10.5926 1.89242 10.7242 2.11721 10.9873C3.36203 12.4444 6.10115 15 10.0003 15Z' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M12.5003 10C12.5003 11.3807 11.381 12.5 10.0003 12.5C8.61961 12.5 7.50033 11.3807 7.50033 10C7.50033 8.61929 8.61961 7.5 10.0003 7.5C11.381 7.5 12.5003 8.61929 12.5003 10Z' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

.xi-email {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M1.66699 6.25016V12.6668C1.66699 14.067 1.66699 14.767 1.93948 15.3018C2.17916 15.7722 2.56161 16.1547 3.03202 16.3943C3.5668 16.6668 4.26686 16.6668 5.66699 16.6668H14.3337C15.7338 16.6668 16.4339 16.6668 16.9686 16.3943C17.439 16.1547 17.8215 15.7722 18.0612 15.3018C18.3337 14.767 18.3337 14.067 18.3337 12.6668V6.25016M1.66699 6.25016L9.35777 10.4801C9.5924 10.6091 9.70972 10.6737 9.83384 10.699C9.9437 10.7214 10.057 10.7214 10.1668 10.699C10.2909 10.6737 10.4083 10.6091 10.6429 10.4801L18.3337 6.25016M1.66699 6.25016C1.66699 5.86315 1.66699 5.66964 1.68838 5.50718C1.83607 4.38535 2.71884 3.50258 3.84068 3.35488C4.00313 3.3335 4.19664 3.3335 4.58366 3.3335H15.417C15.804 3.3335 15.9975 3.3335 16.16 3.35488C17.2818 3.50258 18.1646 4.38535 18.3123 5.50718C18.3337 5.66964 18.3337 5.86315 18.3337 6.25016' stroke='%230956FF' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M1.66699 6.25016V12.6668C1.66699 14.067 1.66699 14.767 1.93948 15.3018C2.17916 15.7722 2.56161 16.1547 3.03202 16.3943C3.5668 16.6668 4.26686 16.6668 5.66699 16.6668H14.3337C15.7338 16.6668 16.4339 16.6668 16.9686 16.3943C17.439 16.1547 17.8215 15.7722 18.0612 15.3018C18.3337 14.767 18.3337 14.067 18.3337 12.6668V6.25016M1.66699 6.25016L9.35777 10.4801C9.5924 10.6091 9.70972 10.6737 9.83384 10.699C9.9437 10.7214 10.057 10.7214 10.1668 10.699C10.2909 10.6737 10.4083 10.6091 10.6429 10.4801L18.3337 6.25016M1.66699 6.25016C1.66699 5.86315 1.66699 5.66964 1.68838 5.50718C1.83607 4.38535 2.71884 3.50258 3.84068 3.35488C4.00313 3.3335 4.19664 3.3335 4.58366 3.3335H15.417C15.804 3.3335 15.9975 3.3335 16.16 3.35488C17.2818 3.50258 18.1646 4.38535 18.3123 5.50718C18.3337 5.66964 18.3337 5.86315 18.3337 6.25016' stroke='%230956FF' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

.xi-rating {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6.26866 22H17.7312M7.25459 18.5053H16.7454C18.0109 18.5053 19.1266 17.6543 19.4902 16.4117L21.9749 7.92113C22.1128 7.44998 21.6586 7.02409 21.2131 7.20678L17.4811 8.7371C16.9633 8.94945 16.3715 8.74887 16.0792 8.26192L12.4881 2.27961C12.2643 1.9068 11.7357 1.9068 11.5119 2.27961L7.9208 8.26192C7.62849 8.74887 7.03671 8.94945 6.51887 8.7371L2.78694 7.20678C2.34143 7.02409 1.88725 7.44998 2.02513 7.92113L4.5098 16.4117C4.87343 17.6543 5.98909 18.5053 7.25459 18.5053Z' stroke='%2317B94B' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6.26866 22H17.7312M7.25459 18.5053H16.7454C18.0109 18.5053 19.1266 17.6543 19.4902 16.4117L21.9749 7.92113C22.1128 7.44998 21.6586 7.02409 21.2131 7.20678L17.4811 8.7371C16.9633 8.94945 16.3715 8.74887 16.0792 8.26192L12.4881 2.27961C12.2643 1.9068 11.7357 1.9068 11.5119 2.27961L7.9208 8.26192C7.62849 8.74887 7.03671 8.94945 6.51887 8.7371L2.78694 7.20678C2.34143 7.02409 1.88725 7.44998 2.02513 7.92113L4.5098 16.4117C4.87343 17.6543 5.98909 18.5053 7.25459 18.5053Z' stroke='%2317B94B' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

.wr-circle-icon {
    width: 56px;
    height: 56px;
    border-radius: 100px;
    background: var(--gray-bg-2);
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.wr-circle-icon>.x-icon::before {
    background: var(--gray-text);
}

.wr-circle-icon.accent {
    background: var(--accent-color-op-8);
}

.wr-circle-icon.accent>.x-icon::before {
    background: var(--accent-color);
}

.wr-circle-icon.accent>.wr-circle-progress>svg>circle:last-child {
    stroke: var(--accent-color);
}

.wr-circle-icon.green {
    background: var(--global-green-op-8);
}

.wr-circle-icon.green>.x-icon::before {
    background: var(--global-green);
}

.wr-circle-icon.green>.wr-circle-progress>svg>circle:last-child {
    stroke: var(--global-green);
}

.wr-circle-progress {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.wr-circle-progress>svg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 84px;
    height: 84px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.wr-circle-progress>svg>circle {
    fill: transparent;
    stroke: transparent;
    stroke-width: 4px;
}

.wr-circle-progress>svg>circle:last-child {
    stroke-linecap: butt;
    stroke-dasharray: 238.7616px;
    stroke-dashoffset: calc(238.7616px - 238.7616px * var(--value) / 100);
    stroke: var(--accent-color);
}

.xi-finish {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 18.1111C8.3181 18.1111 5.33333 15.1263 5.33333 11.4444V3.93768C5.33333 3.26096 5.8128 2.67613 6.47894 2.55693C10.6257 1.81491 13.3746 1.81387 17.5214 2.55671C18.1874 2.67601 18.6667 3.26078 18.6667 3.93736V11.4445C18.6667 15.1263 15.6819 18.1111 12 18.1111ZM12 18.1111V22M12 22H8.66667M12 22H15.3333M5.3115 5.00218L3.27081 5.20625C2.54939 5.27839 2 5.88546 2 6.61048V8.11111C2 10.4816 3.4847 12.5054 5.57493 13.3032M18.476 13.2835C20.5394 12.4725 22 10.4624 22 8.11111V6.61048C22 5.88546 21.4506 5.27839 20.7292 5.20625L18.7174 5.00508' stroke='%230956FF' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 18.1111C8.3181 18.1111 5.33333 15.1263 5.33333 11.4444V3.93768C5.33333 3.26096 5.8128 2.67613 6.47894 2.55693C10.6257 1.81491 13.3746 1.81387 17.5214 2.55671C18.1874 2.67601 18.6667 3.26078 18.6667 3.93736V11.4445C18.6667 15.1263 15.6819 18.1111 12 18.1111ZM12 18.1111V22M12 22H8.66667M12 22H15.3333M5.3115 5.00218L3.27081 5.20625C2.54939 5.27839 2 5.88546 2 6.61048V8.11111C2 10.4816 3.4847 12.5054 5.57493 13.3032M18.476 13.2835C20.5394 12.4725 22 10.4624 22 8.11111V6.61048C22 5.88546 21.4506 5.27839 20.7292 5.20625L18.7174 5.00508' stroke='%230956FF' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

.xi-time {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 5.88889V11.954C12 11.9834 11.9883 12.0117 11.9675 12.0325L8.66667 15.3333M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z' stroke='%23868F98' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 5.88889V11.954C12 11.9834 11.9883 12.0117 11.9675 12.0325L8.66667 15.3333M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z' stroke='%23868F98' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

.wr-result-item-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
}

.wr-result-item-text>span {
    color: var(--dark-text);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.4px;
}

.wr-result-item-text>p {
    color: var(--darkgray-text);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.wr-result-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    width: 100%;
    padding: 32px;
    border-radius: 12px;
    background: var(--gray-bg);
}

.wr-result-stats {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
}

.wr-result-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    gap: 16px;
    padding: 32px;
}

.wr-result-details>* {
    width: 100%;
}

.wr-result-details {
    border-bottom: 1px solid var(--gray-bg);
}

.wr-result-details:last-child {
    border-bottom: none;
}

.wr-result-finish {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.wr-result-place {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 392px;
    height: 392px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    position: relative;
    isolation: isolate;
}

.wr-result-place::before {
    -webkit-animation: 26s result-effect infinite linear;
    animation: 26s result-effect infinite linear;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    inset: 0;
    z-index: -1;
    background-image: url(/source/img/result-effect.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.wr-result-place-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px;
    width: 260px;
    height: 260px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    position: relative;
    isolation: isolate;
}

.wr-result-place-text::before {
    position: absolute;
    content: "";
    border-radius: 260px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(9, 86, 255, 0.08)), to(rgba(9, 86, 255, 0)));
    background: linear-gradient(180deg, rgba(9, 86, 255, 0.08) 0%, rgba(9, 86, 255, 0) 100%);
    -webkit-filter: blur(24px);
    filter: blur(24px);
    width: 100%;
    height: 100%;
    inset: 0;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: -1;
}

.wr-result-place-text>span {
    color: var(--accent-color);
    text-align: center;
    font-size: 80px;
    font-style: normal;
    font-weight: 900;
    line-height: 80%;
    letter-spacing: -1.6px;
}

.wr-result-place-text>p {
    color: var(--accent-color);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.wr-result-body-content {
    width: 100%;
}

.wr-result.sub-a .wr-result-head {
    background: var(--global-sub-a-secondary);
}

.wr-result.sub-e .wr-result-head {
    background: var(--global-sub-e-secondary);
}

.wr-result.sub-c .wr-result-head {
    background: var(--global-sub-c-secondary);
}

.wr-result.sub-f .wr-result-head {
    background: var(--global-sub-f-secondary);
}

.wr-result.sub-d .wr-result-head {
    background: var(--global-sub-d-secondary);
}

.wr-result.sub-b .wr-result-head {
    background: var(--global-sub-b-secondary);
}

@-webkit-keyframes result-effect {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

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

@keyframes result-effect {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

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

@media screen and (max-width: 1240px) {
    .wr-result-place {
        width: 100%;
        height: 100%;
        max-width: 340px;
    }

    .wr-result-place-text {
        gap: 6px;
    }

    .wr-result-place-text>span {
        font-size: 56px;
        line-height: 80%;
        letter-spacing: -1.12px;
    }

    .wr-result-place-text>p {
        font-size: 14px;
        line-height: 120%;
    }

    .wr-result-details {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 16px;
        padding: 16px;
    }

    .wr-result-item {
        gap: 12px;
        padding: 16px;
        border-radius: 8px;
    }

    .wr-result-stats {
        gap: 6px;
    }

    .wr-result-head {
        padding: 16px;
        padding-bottom: 24px;
    }

    .wr-result-logo {
        display: none;
    }

    .wr-result-text>p {
        font-size: 16px;
        letter-spacing: -0.32px;
    }

    .wr-result-info {
        gap: 12px;
    }

    .wr-result-links {
        padding: 12px;
        overflow-x: auto;
    }

    .wr-result-links>.button {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
    }

    .wr-result-links::-webkit-scrollbar {
        width: 0px;
        height: 0px;
    }

    .wr-result-item-text {
        gap: 6px;
    }

    .wr-result-item-text>span {
        font-size: 16px;
        letter-spacing: -0.32px;
    }

    .wr-result-item-text>p {
        font-size: 14px;
    }

    .wr-result-body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .wr-result-body-content {
        border-top: 1px solid var(--gray-bg);
    }

    .wr-result-content {
        border-radius: 20px;
    }

    .wr-result-details {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .wr-result-finish {
        padding: 16px 0;
    }

    .wr-result-links>.button {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }
}

.button-secondary.xm {
    padding: 0px 20px;
    height: 48px;
}

.button-secondary {
    gap: 2px;
}

.button-secondary.gray {
    background: var(--gray-secondary-btn);
}

.button-secondary.gray>p {
    color: var(--darkgray-text);
}

.button-secondary.gray>.x-icon::before {
    background: var(--darkgray-text);
}

.button-secondary.xs {
    height: 36px;
    z-index: 10;
}

@media screen and (max-width: 1244px) {
    .button-secondary.xm {
        height: 40px;
    }
}

@media screen and (max-width: 1244px) {
    .wr-row-between {
        padding: 0px 16px;
        overflow-x: auto;
        width: calc(100% + 32px);
        margin: 0px -16px;
    }

    .available-course {
        gap: 24px;
    }

    .course-content {
        gap: 24px;
    }

    .button-secondary.xm {
        padding: 0 12px;
    }

    .button-secondary.xm>.x-icon {
        width: 16px;
        height: 16px;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-size: contain;
        mask-size: contain;
    }

    .button-secondary.xm>p {
        font-size: 12px;
    }
}

.button-secondary {
    position: relative;
    overflow: hidden;
}

.button-secondary::before {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 2;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    inset: 0;
    opacity: 0;
    background: #090A0B;
}

.button-secondary:hover::before {
    opacity: 0.1;
}

.button-secondary>.x-icon::before {
    background: var(--accent-color);
}

.button-secondary {
    padding: 0px 16px;
    height: 40px;
    border-radius: 100px;
    background: var(--accent-color-op-8);
}

.button-secondary>p {
    padding: 0px 4px;
    color: var(--accent-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
}