@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(224, 224, 224, 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-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
}
.wr-links > .item {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    border-radius: 24px;
    padding: 0 20px;
    height: 42px;
}
.wr-links > .item > span {
    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;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    border-radius: 12px;
    background: var(--accent-color);
    color: var(--white-bg);
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    height: 20px;
    min-width: 20px;
    padding: 0 4px;
}
.wr-links > .item > p {
    white-space: nowrap;
    color: var(--darkgray-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}
.wr-links > .item > .x-icon::before {
    background: var(--dark-text);
}
.wr-links > .item.active {
    background: var(--white-bg);
}
.wr-links > .item.active > p {
    color: var(--dark-text);
}
.wr-links > .item.active > span {
    color: var(--global-white);
    background: var(--accent-color);
}

.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: -0.48px;
}
.wr-text > p {
    color: #2F3337;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
}

.x-add {
    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;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 32px;
    height: 32px;
    border-radius: 16px;
    background-color: var(--accent-color-op-8);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.33203 8.00016H12.6654M7.9987 3.3335V12.6668' stroke='%230956FF' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
}

.balance-lessons {
    padding: 0px 16px;
    padding-right: 8px;
    border-radius: 100px;
    background: #FFF;
    -webkit-box-shadow: 0 4px 12px -8px var(--dark-text-op-24);
            box-shadow: 0 4px 12px -8px var(--dark-text-op-24);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    height: 48px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
.balance-lessons > p {
    white-space: nowrap;
    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: 14px;
    font-style: normal;
    font-weight: 300;
    position: relative;
}

.balance-lessons > p > span{
    font-weight: 400;
}

.balance-lessons > p::before {
    margin-right: 4px;
    position: relative;
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 20px;
    height: 20px;
    background-image: 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='M17.5013 9.59149C17.3704 9.5835 17.2089 9.5835 17.0013 9.5835H15.4179C14.4975 9.5835 13.7513 10.3297 13.7513 11.2502C13.7513 12.1706 14.4975 12.9168 15.4179 12.9168H17.0013C17.2089 12.9168 17.3704 12.9168 17.5013 12.9088M17.5013 9.59149C17.6647 9.60147 17.7807 9.6239 17.8796 9.67432C18.0364 9.75422 18.1639 9.8817 18.2438 10.0385C18.3346 10.2168 18.3346 10.4501 18.3346 10.9168V11.5835C18.3346 12.0502 18.3346 12.2836 18.2438 12.4618C18.1639 12.6186 18.0364 12.7461 17.8796 12.826C17.7807 12.8764 17.6647 12.8989 17.5013 12.9088M17.5013 9.59149V8.5835C17.5013 7.18336 17.5013 6.4833 17.2288 5.94852C16.9891 5.47811 16.6067 5.09566 16.1363 4.85598C15.6015 4.5835 14.9014 4.5835 13.5013 4.5835H12.0846M17.5013 12.9088V13.9168C17.5013 15.317 17.5013 16.017 17.2288 16.5518C16.9891 17.0222 16.6067 17.4047 16.1363 17.6443C15.6015 17.9168 14.9014 17.9168 13.5013 17.9168H5.66797C4.26784 17.9168 3.56777 17.9168 3.03299 17.6443C2.56259 17.4047 2.18014 17.0222 1.94045 16.5518C1.66797 16.017 1.66797 15.317 1.66797 13.9168V8.5835C1.66797 8.16446 1.66797 7.80813 1.67527 7.50016M1.67527 7.50016C1.69238 6.77913 1.74952 6.32325 1.94045 5.94852C2.18014 5.47811 2.56259 5.09566 3.03299 4.85598C3.56777 4.5835 4.26784 4.5835 5.66797 4.5835H12.0846M1.67527 7.50016V6.0835C1.67527 4.68336 1.67527 3.9833 1.94776 3.44852C2.18744 2.97811 2.56989 2.59566 3.0403 2.35598C3.57508 2.0835 4.27514 2.0835 5.67527 2.0835H9.58464C10.9653 2.0835 12.0846 3.20278 12.0846 4.5835M5.0013 7.91683H10.0013' stroke='%230956FF' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.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;
}

.lessons-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: 16px;
}

.lessons-content-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.lessons-content-head > p {
    color: #2F3337;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
}

.lesson-teacher-info {
    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;
    width: 100%;
}
.lesson-teacher-info > span {
    color: var(--dark-text);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.4px;
}
.lesson-teacher-info > p {
    color: #090A0B;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.lesson-teacher {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 16px;
}
.lesson-teacher > img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    -o-object-position: center;
    object-position: center;
    -o-object-fit: cover;
    object-fit: cover;
    width: 48px;
    height: 48px;
    border-radius: 100px;
}

.lesson-info {
    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;
    padding: 24px;
}

.lesson-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: 24px;
}
.lesson-content > p {
    min-height: 60px;
    overflow: hidden;
    color: #2F3337;
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
    /*display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;*/
}

.lesson-item {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    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);
}

.lesson-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
}
.lesson-action > .button {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
}

.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;
}

.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;
}

.i-video {
    -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='M8.875 13.0417L12.8646 10.4896C13.0451 10.3722 13.1354 10.2092 13.1354 10.0004C13.1354 9.79181 13.0451 9.62847 12.8646 9.51042L8.875 6.95833C8.68056 6.83333 8.48264 6.82465 8.28125 6.93229C8.07986 7.03993 7.97917 7.21181 7.97917 7.44792V12.5521C7.97917 12.7882 8.07986 12.9601 8.28125 13.0677C8.48264 13.1753 8.68056 13.1667 8.875 13.0417ZM10 18.125C8.87625 18.125 7.82021 17.9114 6.83187 17.4842C5.84368 17.0568 4.98403 16.4769 4.25292 15.7446C3.52181 15.0121 2.94271 14.1522 2.51562 13.1648C2.08854 12.1776 1.875 11.1226 1.875 10C1.875 8.87625 2.08861 7.82021 2.51583 6.83187C2.94319 5.84368 3.52306 4.98403 4.25542 4.25292C4.98792 3.52181 5.84785 2.94271 6.83521 2.51562C7.82243 2.08854 8.87736 1.875 10 1.875C11.1238 1.875 12.1798 2.08861 13.1681 2.51583C14.1563 2.94319 15.016 3.52306 15.7471 4.25542C16.4782 4.98792 17.0573 5.84785 17.4844 6.83521C17.9115 7.82243 18.125 8.87736 18.125 10C18.125 11.1238 17.9114 12.1798 17.4842 13.1681C17.0568 14.1563 16.4769 15.016 15.7446 15.7471C15.0121 16.4782 14.1522 17.0573 13.1648 17.4844C12.1776 17.9115 11.1226 18.125 10 18.125ZM10 16.5625C11.8264 16.5625 13.3767 15.9253 14.651 14.651C15.9253 13.3767 16.5625 11.8264 16.5625 10C16.5625 8.17361 15.9253 6.62326 14.651 5.34896C13.3767 4.07465 11.8264 3.4375 10 3.4375C8.17361 3.4375 6.62326 4.07465 5.34896 5.34896C4.07465 6.62326 3.4375 8.17361 3.4375 10C3.4375 11.8264 4.07465 13.3767 5.34896 14.651C6.62326 15.9253 8.17361 16.5625 10 16.5625Z' fill='%230583F2'/%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='M8.875 13.0417L12.8646 10.4896C13.0451 10.3722 13.1354 10.2092 13.1354 10.0004C13.1354 9.79181 13.0451 9.62847 12.8646 9.51042L8.875 6.95833C8.68056 6.83333 8.48264 6.82465 8.28125 6.93229C8.07986 7.03993 7.97917 7.21181 7.97917 7.44792V12.5521C7.97917 12.7882 8.07986 12.9601 8.28125 13.0677C8.48264 13.1753 8.68056 13.1667 8.875 13.0417ZM10 18.125C8.87625 18.125 7.82021 17.9114 6.83187 17.4842C5.84368 17.0568 4.98403 16.4769 4.25292 15.7446C3.52181 15.0121 2.94271 14.1522 2.51562 13.1648C2.08854 12.1776 1.875 11.1226 1.875 10C1.875 8.87625 2.08861 7.82021 2.51583 6.83187C2.94319 5.84368 3.52306 4.98403 4.25542 4.25292C4.98792 3.52181 5.84785 2.94271 6.83521 2.51562C7.82243 2.08854 8.87736 1.875 10 1.875C11.1238 1.875 12.1798 2.08861 13.1681 2.51583C14.1563 2.94319 15.016 3.52306 15.7471 4.25542C16.4782 4.98792 17.0573 5.84785 17.4844 6.83521C17.9115 7.82243 18.125 8.87736 18.125 10C18.125 11.1238 17.9114 12.1798 17.4842 13.1681C17.0568 14.1563 16.4769 15.016 15.7446 15.7471C15.0121 16.4782 14.1522 17.0573 13.1648 17.4844C12.1776 17.9115 11.1226 18.125 10 18.125ZM10 16.5625C11.8264 16.5625 13.3767 15.9253 14.651 14.651C15.9253 13.3767 16.5625 11.8264 16.5625 10C16.5625 8.17361 15.9253 6.62326 14.651 5.34896C13.3767 4.07465 11.8264 3.4375 10 3.4375C8.17361 3.4375 6.62326 4.07465 5.34896 5.34896C4.07465 6.62326 3.4375 8.17361 3.4375 10C3.4375 11.8264 4.07465 13.3767 5.34896 14.651C6.62326 15.9253 8.17361 16.5625 10 16.5625Z' fill='%230583F2'/%3E%3C/svg%3E");
}

.i-lesson {
    -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='M4.30924 15.6902H11.523V12.4194C11.523 12.1742 11.611 11.9636 11.787 11.7875C11.9631 11.6115 12.1737 11.5235 12.4188 11.5235H15.6897V4.30979H4.30924V15.6902ZM4.30924 17.4819C3.81647 17.4819 3.39466 17.3065 3.04383 16.9556C2.69299 16.6048 2.51758 16.183 2.51758 15.6902V4.30979C2.51758 3.81702 2.69299 3.39521 3.04383 3.04438C3.39466 2.69354 3.81647 2.51813 4.30924 2.51813H15.6897C16.1824 2.51813 16.6042 2.69354 16.9551 3.04438C17.3059 3.39521 17.4813 3.81702 17.4813 4.30979V11.6281C17.4813 11.8692 17.4356 12.099 17.3442 12.3173C17.253 12.5358 17.1226 12.7289 16.9532 12.8967L12.8961 16.9538C12.7283 17.1232 12.5352 17.2535 12.3167 17.3448C12.0984 17.4362 11.8687 17.4819 11.6276 17.4819H4.30924ZM9.35445 11.6015H6.68779C6.46265 11.6015 6.27036 11.5213 6.11091 11.3608C5.95147 11.2004 5.87174 11.0069 5.87174 10.7804C5.87174 10.5553 5.95195 10.3629 6.11237 10.2033C6.27279 10.0439 6.46626 9.96417 6.69279 9.96417H9.35445C9.57959 9.96417 9.77195 10.044 9.93154 10.2035C10.091 10.363 10.1707 10.5553 10.1707 10.7804C10.1707 11.0056 10.091 11.1987 9.93154 11.3598C9.77195 11.5209 9.57959 11.6015 9.35445 11.6015ZM13.3111 8.40167H6.68779C6.46265 8.40167 6.27036 8.32146 6.11091 8.16105C5.95147 8.00063 5.87174 7.80716 5.87174 7.58063C5.87174 7.35549 5.95195 7.1632 6.11237 7.00375C6.27279 6.84431 6.46626 6.76459 6.69279 6.76459H13.3111C13.5363 6.76459 13.7285 6.84431 13.888 7.00375C14.0474 7.1632 14.1272 7.35549 14.1272 7.58063C14.1272 7.80591 14.0474 7.99903 13.888 8.16C13.7285 8.32111 13.5363 8.40167 13.3111 8.40167Z' fill='%230583F2'/%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='M4.30924 15.6902H11.523V12.4194C11.523 12.1742 11.611 11.9636 11.787 11.7875C11.9631 11.6115 12.1737 11.5235 12.4188 11.5235H15.6897V4.30979H4.30924V15.6902ZM4.30924 17.4819C3.81647 17.4819 3.39466 17.3065 3.04383 16.9556C2.69299 16.6048 2.51758 16.183 2.51758 15.6902V4.30979C2.51758 3.81702 2.69299 3.39521 3.04383 3.04438C3.39466 2.69354 3.81647 2.51813 4.30924 2.51813H15.6897C16.1824 2.51813 16.6042 2.69354 16.9551 3.04438C17.3059 3.39521 17.4813 3.81702 17.4813 4.30979V11.6281C17.4813 11.8692 17.4356 12.099 17.3442 12.3173C17.253 12.5358 17.1226 12.7289 16.9532 12.8967L12.8961 16.9538C12.7283 17.1232 12.5352 17.2535 12.3167 17.3448C12.0984 17.4362 11.8687 17.4819 11.6276 17.4819H4.30924ZM9.35445 11.6015H6.68779C6.46265 11.6015 6.27036 11.5213 6.11091 11.3608C5.95147 11.2004 5.87174 11.0069 5.87174 10.7804C5.87174 10.5553 5.95195 10.3629 6.11237 10.2033C6.27279 10.0439 6.46626 9.96417 6.69279 9.96417H9.35445C9.57959 9.96417 9.77195 10.044 9.93154 10.2035C10.091 10.363 10.1707 10.5553 10.1707 10.7804C10.1707 11.0056 10.091 11.1987 9.93154 11.3598C9.77195 11.5209 9.57959 11.6015 9.35445 11.6015ZM13.3111 8.40167H6.68779C6.46265 8.40167 6.27036 8.32146 6.11091 8.16105C5.95147 8.00063 5.87174 7.80716 5.87174 7.58063C5.87174 7.35549 5.95195 7.1632 6.11237 7.00375C6.27279 6.84431 6.46626 6.76459 6.69279 6.76459H13.3111C13.5363 6.76459 13.7285 6.84431 13.888 7.00375C14.0474 7.1632 14.1272 7.35549 14.1272 7.58063C14.1272 7.80591 14.0474 7.99903 13.888 8.16C13.7285 8.32111 13.5363 8.40167 13.3111 8.40167Z' fill='%230583F2'/%3E%3C/svg%3E");
}

.i-date {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M6.03372 10.8833C5.58106 10.8833 5.19845 10.7271 4.88589 10.4145C4.57333 10.102 4.41706 9.71934 4.41706 9.26668C4.41706 8.81401 4.57333 8.4314 4.88589 8.11884C5.19845 7.80629 5.58106 7.65001 6.03372 7.65001C6.48639 7.65001 6.869 7.80629 7.18156 8.11884C7.49411 8.4314 7.65039 8.81401 7.65039 9.26668C7.65039 9.71934 7.49411 10.102 7.18156 10.4145C6.869 10.7271 6.48639 10.8833 6.03372 10.8833ZM3.40039 14.5C3.05661 14.5 2.76234 14.3776 2.51756 14.1328C2.27278 13.8881 2.15039 13.5938 2.15039 13.25V4.05001C2.15039 3.70623 2.27278 3.41195 2.51756 3.16718C2.76234 2.9224 3.05661 2.80001 3.40039 2.80001H4.15039V2.09167C4.15039 1.91945 4.2115 1.77223 4.33372 1.65001C4.45595 1.52779 4.60317 1.46667 4.77539 1.46667C4.94761 1.46667 5.09483 1.52779 5.21706 1.65001C5.33928 1.77223 5.40039 1.91945 5.40039 2.09167V2.80001H10.6004V2.09167C10.6004 1.91945 10.6615 1.77223 10.7837 1.65001C10.9059 1.52779 11.0532 1.46667 11.2254 1.46667C11.3976 1.46667 11.5448 1.52779 11.6671 1.65001C11.7893 1.77223 11.8504 1.91945 11.8504 2.09167V2.80001H12.6004C12.9442 2.80001 13.2384 2.9224 13.4832 3.16718C13.728 3.41195 13.8504 3.70623 13.8504 4.05001V13.25C13.8504 13.5938 13.728 13.8881 13.4832 14.1328C13.2384 14.3776 12.9442 14.5 12.6004 14.5H3.40039ZM3.40039 13.25H12.6004V6.70001H3.40039V13.25ZM3.40039 5.45001H12.6004V4.05001H3.40039V5.45001Z' fill='%230583F2'/%3E%3C/svg%3E");
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M6.03372 10.8833C5.58106 10.8833 5.19845 10.7271 4.88589 10.4145C4.57333 10.102 4.41706 9.71934 4.41706 9.26668C4.41706 8.81401 4.57333 8.4314 4.88589 8.11884C5.19845 7.80629 5.58106 7.65001 6.03372 7.65001C6.48639 7.65001 6.869 7.80629 7.18156 8.11884C7.49411 8.4314 7.65039 8.81401 7.65039 9.26668C7.65039 9.71934 7.49411 10.102 7.18156 10.4145C6.869 10.7271 6.48639 10.8833 6.03372 10.8833ZM3.40039 14.5C3.05661 14.5 2.76234 14.3776 2.51756 14.1328C2.27278 13.8881 2.15039 13.5938 2.15039 13.25V4.05001C2.15039 3.70623 2.27278 3.41195 2.51756 3.16718C2.76234 2.9224 3.05661 2.80001 3.40039 2.80001H4.15039V2.09167C4.15039 1.91945 4.2115 1.77223 4.33372 1.65001C4.45595 1.52779 4.60317 1.46667 4.77539 1.46667C4.94761 1.46667 5.09483 1.52779 5.21706 1.65001C5.33928 1.77223 5.40039 1.91945 5.40039 2.09167V2.80001H10.6004V2.09167C10.6004 1.91945 10.6615 1.77223 10.7837 1.65001C10.9059 1.52779 11.0532 1.46667 11.2254 1.46667C11.3976 1.46667 11.5448 1.52779 11.6671 1.65001C11.7893 1.77223 11.8504 1.91945 11.8504 2.09167V2.80001H12.6004C12.9442 2.80001 13.2384 2.9224 13.4832 3.16718C13.728 3.41195 13.8504 3.70623 13.8504 4.05001V13.25C13.8504 13.5938 13.728 13.8881 13.4832 14.1328C13.2384 14.3776 12.9442 14.5 12.6004 14.5H3.40039ZM3.40039 13.25H12.6004V6.70001H3.40039V13.25ZM3.40039 5.45001H12.6004V4.05001H3.40039V5.45001Z' fill='%230583F2'/%3E%3C/svg%3E");
}

.i-arrow {
    -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='M13.4577 10.7812H4.32227C4.10699 10.7812 3.92296 10.7048 3.77018 10.5521C3.6174 10.3993 3.54102 10.2153 3.54102 9.99999C3.54102 9.78471 3.6174 9.60068 3.77018 9.44791C3.92296 9.29513 4.10699 9.21874 4.32227 9.21874H13.4577L9.43685 5.19791C9.27713 5.03818 9.199 4.85416 9.20247 4.64582C9.20595 4.43749 9.28754 4.25346 9.44727 4.09374C9.60699 3.94096 9.79102 3.86284 9.99935 3.85936C10.2077 3.85589 10.3917 3.93402 10.5514 4.09374L15.9056 9.44791C15.982 9.52429 16.0393 9.60936 16.0775 9.70311C16.1157 9.79686 16.1348 9.89582 16.1348 9.99999C16.1348 10.1042 16.1157 10.2031 16.0775 10.2969C16.0393 10.3906 15.982 10.4757 15.9056 10.5521L10.5514 15.9062C10.3987 16.059 10.2164 16.1354 10.0046 16.1354C9.79275 16.1354 9.60699 16.059 9.44727 15.9062C9.28754 15.7465 9.20768 15.5608 9.20768 15.3489C9.20768 15.1371 9.28754 14.9514 9.44727 14.7917L13.4577 10.7812Z' fill='%230583F2'/%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='M13.4577 10.7812H4.32227C4.10699 10.7812 3.92296 10.7048 3.77018 10.5521C3.6174 10.3993 3.54102 10.2153 3.54102 9.99999C3.54102 9.78471 3.6174 9.60068 3.77018 9.44791C3.92296 9.29513 4.10699 9.21874 4.32227 9.21874H13.4577L9.43685 5.19791C9.27713 5.03818 9.199 4.85416 9.20247 4.64582C9.20595 4.43749 9.28754 4.25346 9.44727 4.09374C9.60699 3.94096 9.79102 3.86284 9.99935 3.85936C10.2077 3.85589 10.3917 3.93402 10.5514 4.09374L15.9056 9.44791C15.982 9.52429 16.0393 9.60936 16.0775 9.70311C16.1157 9.79686 16.1348 9.89582 16.1348 9.99999C16.1348 10.1042 16.1157 10.2031 16.0775 10.2969C16.0393 10.3906 15.982 10.4757 15.9056 10.5521L10.5514 15.9062C10.3987 16.059 10.2164 16.1354 10.0046 16.1354C9.79275 16.1354 9.60699 16.059 9.44727 15.9062C9.28754 15.7465 9.20768 15.5608 9.20768 15.3489C9.20768 15.1371 9.28754 14.9514 9.44727 14.7917L13.4577 10.7812Z' fill='%230583F2'/%3E%3C/svg%3E");
}

.lesson-schedule-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.lesson-schedule-head > p {
    color: var(--darkgray-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
}

.schedule-date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
}
.schedule-date > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 1px;
    height: 20px;
    background: #EEF0F1;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}
.schedule-date > .item {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2px;
}
.schedule-date > .item.disabled {
    opacity: 0.4;
    cursor: not-allowed;
}
.schedule-date > .item:first-child > .x-icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.schedule-date > .item > p {
    color: #0583F2;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.lesson-schedule {
    padding: 24px;
    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;
    border-left: 1px solid #F3F4FA;
}

.lesson-item.sub-a .lesson-action > .button {
    background: var(--global-sub-a-secondary);
}
.lesson-item.sub-a .lesson-action > .button > .x-icon::before {
    background: var(--global-sub-a-primary);
}
.lesson-item.sub-a .lesson-action > .button > p {
    color: var(--global-sub-a-primary);
}
.lesson-item.sub-a .lesson-schedule-head > p > span::before {
    background: var(--global-sub-a-primary);
}
.lesson-item.sub-a .schedule-date > .item > p {
    color: var(--global-sub-a-primary);
}
.lesson-item.sub-a .schedule-date > .item > .x-icon {
    background: var(--global-sub-a-primary);
}
.lesson-item.sub-a .schedule-item-body > .item.active {
    border-color: var(--global-sub-a-primary);
}
.lesson-item.sub-a .schedule-item-body > .item.active > p {
    color: var(--global-sub-a-primary);
}
.lesson-item.sub-a .lesson-schedule-bottom > .button-base {
    background: var(--global-sub-a-primary);
}
.lesson-item.sub-a .lesson-schedule-bottom > .button-extra > p {
    color: var(--global-sub-a-primary);
}
.lesson-item.sub-a .lesson-schedule-bottom > .button-extra > .x-icon::before {
    background: var(--global-sub-a-primary);
}
.lesson-item.sub-a .lesson-teacher-info > p {
    color: var(--global-sub-a-primary);
}

.lesson-item.sub-e .lesson-action > .button {
    background: var(--global-sub-e-secondary);
}
.lesson-item.sub-e .lesson-action > .button > .x-icon::before {
    background: var(--global-sub-e-primary);
}
.lesson-item.sub-e .lesson-action > .button > p {
    color: var(--global-sub-e-primary);
}
.lesson-item.sub-e .lesson-schedule-head > p > span::before {
    background: var(--global-sub-e-primary);
}
.lesson-item.sub-e .schedule-date > .item > p {
    color: var(--global-sub-e-primary);
}
.lesson-item.sub-e .schedule-date > .item > .x-icon {
    background: var(--global-sub-e-primary);
}
.lesson-item.sub-e .schedule-item-body > .item.active {
    border-color: var(--global-sub-e-primary);
}
.lesson-item.sub-e .schedule-item-body > .item.active > p {
    color: var(--global-sub-e-primary);
}
.lesson-item.sub-e .lesson-schedule-bottom > .button-base {
    background: var(--global-sub-e-primary);
}
.lesson-item.sub-e .lesson-schedule-bottom > .button-extra > p {
    color: var(--global-sub-e-primary);
}
.lesson-item.sub-e .lesson-schedule-bottom > .button-extra > .x-icon::before {
    background: var(--global-sub-e-primary);
}
.lesson-item.sub-e .lesson-teacher-info > p {
    color: var(--global-sub-e-primary);
}

.lesson-item.sub-c .lesson-action > .button {
    background: var(--global-sub-c-secondary);
}
.lesson-item.sub-c .lesson-action > .button > .x-icon::before {
    background: var(--global-sub-c-primary);
}
.lesson-item.sub-c .lesson-action > .button > p {
    color: var(--global-sub-c-primary);
}
.lesson-item.sub-c .lesson-schedule-head > p > span::before {
    background: var(--global-sub-c-primary);
}
.lesson-item.sub-c .schedule-date > .item > p {
    color: var(--global-sub-c-primary);
}
.lesson-item.sub-c .schedule-date > .item > .x-icon {
    background: var(--global-sub-c-primary);
}
.lesson-item.sub-c .schedule-item-body > .item.active {
    border-color: var(--global-sub-c-primary);
}
.lesson-item.sub-c .schedule-item-body > .item.active > p {
    color: var(--global-sub-c-primary);
}
.lesson-item.sub-c .lesson-schedule-bottom > .button-base {
    background: var(--global-sub-c-primary);
}
.lesson-item.sub-c .lesson-schedule-bottom > .button-extra > p {
    color: var(--global-sub-c-primary);
}
.lesson-item.sub-c .lesson-schedule-bottom > .button-extra > .x-icon::before {
    background: var(--global-sub-c-primary);
}
.lesson-item.sub-c .lesson-teacher-info > p {
    color: var(--global-sub-c-primary);
}

.lesson-item.sub-f .lesson-action > .button {
    background: var(--global-sub-f-secondary);
}
.lesson-item.sub-f .lesson-action > .button > .x-icon::before {
    background: var(--global-sub-f-primary);
}
.lesson-item.sub-f .lesson-action > .button > p {
    color: var(--global-sub-f-primary);
}
.lesson-item.sub-f .lesson-schedule-head > p > span::before {
    background: var(--global-sub-f-primary);
}
.lesson-item.sub-f .schedule-date > .item > p {
    color: var(--global-sub-f-primary);
}
.lesson-item.sub-f .schedule-date > .item > .x-icon {
    background: var(--global-sub-f-primary);
}
.lesson-item.sub-f .schedule-item-body > .item.active {
    border-color: var(--global-sub-f-primary);
}
.lesson-item.sub-f .schedule-item-body > .item.active > p {
    color: var(--global-sub-f-primary);
}
.lesson-item.sub-f .lesson-schedule-bottom > .button-base {
    background: var(--global-sub-f-primary);
}
.lesson-item.sub-f .lesson-schedule-bottom > .button-extra > p {
    color: var(--global-sub-f-primary);
}
.lesson-item.sub-f .lesson-schedule-bottom > .button-extra > .x-icon::before {
    background: var(--global-sub-f-primary);
}
.lesson-item.sub-f .lesson-teacher-info > p {
    color: var(--global-sub-f-primary);
}

.lesson-item.sub-d .lesson-action > .button {
    background: var(--global-sub-d-secondary);
}
.lesson-item.sub-d .lesson-action > .button > .x-icon::before {
    background: var(--global-sub-d-extra);
}
.lesson-item.sub-d .lesson-action > .button > p {
    color: var(--global-sub-d-extra);
}
.lesson-item.sub-d .lesson-schedule-head > p > span::before {
    background: var(--global-sub-d-extra);
}
.lesson-item.sub-d .schedule-date > .item > p {
    color: var(--global-sub-d-primary);
}
.lesson-item.sub-d .schedule-date > .item > .x-icon {
    background: var(--global-sub-d-primary);
}
.lesson-item.sub-d .schedule-item-body > .item.active {
    border-color: var(--global-sub-d-primary);
}
.lesson-item.sub-d .schedule-item-body > .item.active > p {
    color: var(--global-sub-d-primary);
}
.lesson-item.sub-d .lesson-schedule-bottom > .button-base {
    background: var(--global-sub-d-extra);
}
.lesson-item.sub-d .lesson-schedule-bottom > .button-extra > p {
    color: var(--global-sub-d-primary);
}
.lesson-item.sub-d .lesson-schedule-bottom > .button-extra > .x-icon::before {
    background: var(--global-sub-d-primary);
}
.lesson-item.sub-d .lesson-teacher-info > p {
    color: var(--global-sub-d-extra);
}

.lesson-item.sub-b .lesson-action > .button {
    background: var(--global-sub-b-secondary);
}
.lesson-item.sub-b .lesson-action > .button > .x-icon::before {
    background: var(--global-sub-b-primary);
}
.lesson-item.sub-b .lesson-action > .button > p {
    color: var(--global-sub-b-primary);
}
.lesson-item.sub-b .lesson-schedule-head > p > span::before {
    background: var(--global-sub-b-primary);
}
.lesson-item.sub-b .schedule-date > .item > p {
    color: var(--global-sub-b-primary);
}
.lesson-item.sub-b .schedule-date > .item > .x-icon {
    background: var(--global-sub-b-primary);
}
.lesson-item.sub-b .schedule-item-body > .item.active {
    border-color: var(--global-sub-b-primary);
}
.lesson-item.sub-b .schedule-item-body > .item.active > p {
    color: var(--global-sub-b-primary);
}
.lesson-item.sub-b .lesson-schedule-bottom > .button-base {
    background: var(--global-sub-b-primary);
}
.lesson-item.sub-b .lesson-schedule-bottom > .button-extra > p {
    color: var(--global-sub-b-primary);
}
.lesson-item.sub-b .lesson-schedule-bottom > .button-extra > .x-icon::before {
    background: var(--global-sub-b-primary);
}
.lesson-item.sub-b .lesson-teacher-info > p {
    color: var(--global-sub-b-primary);
}

.wr-dialog-content.sub-a .wr-dialog-teacher {
    background: var(--global-sub-a-secondary);
}
.wr-dialog-content.sub-a .wr-dialog-teacher-info > p {
    color: var(--global-sub-a-primary);
}

.wr-dialog-content.sub-e .wr-dialog-teacher {
    background: var(--global-sub-e-secondary);
}
.wr-dialog-content.sub-e .wr-dialog-teacher-info > p {
    color: var(--global-sub-e-primary);
}

.wr-dialog-content.sub-c .wr-dialog-teacher {
    background: var(--global-sub-c-secondary);
}
.wr-dialog-content.sub-c .wr-dialog-teacher-info > p {
    color: var(--global-sub-c-primary);
}

.wr-dialog-content.sub-f .wr-dialog-teacher {
    background: var(--global-sub-f-secondary);
}
.wr-dialog-content.sub-f .wr-dialog-teacher-info > p {
    color: var(--global-sub-f-primary);
}

.wr-dialog-content.sub-d .wr-dialog-teacher {
    background: var(--global-sub-d-secondary);
}
.wr-dialog-content.sub-d .wr-dialog-teacher-info > p {
    color: var(--global-sub-d-primary);
}

.wr-dialog-content.sub-b .wr-dialog-teacher {
    background: var(--global-sub-b-secondary);
}
.wr-dialog-content.sub-b .wr-dialog-teacher-info > p {
    color: var(--global-sub-b-primary);
}

.lesson-schedule-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr;
    grid-template-columns: repeat(7, 1fr);
    gap: 8px;
}
.lesson-schedule-body > .schedule-item > .schedule-item-body > .item {
    display: none;
}
.lesson-schedule-body > .schedule-item > .schedule-item-body > .item:nth-child(-n+4) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.lesson-schedule-body.active > .schedule-item > .schedule-item-body > .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.schedule-item {
    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;
    gap: 8px;
}
.schedule-item > p {
    color: #717A84;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 16px;
}

.schedule-item-body {
    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;
    width: 100%;
}
.schedule-item-body > .item {
    border-radius: 100px;
    border: 1px solid #EEF0F1;
    background: #FFF;
    height: 32px;
    width: 100%;
    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;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.schedule-item-body > .item > p {
    text-align: center;
    color: #2F3337;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}
.schedule-item-body > .item.disabled {
    opacity: 0.4;
    background: #EEF0F1;
    cursor: not-allowed;
}

.i-arrow-bottom {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8.00012 10.6562C7.89595 10.6562 7.79699 10.6372 7.70324 10.599C7.60949 10.5608 7.52442 10.5035 7.44803 10.4271L3.6772 6.65625C3.52442 6.50347 3.44977 6.31944 3.45324 6.10417C3.45671 5.88889 3.53484 5.70833 3.68762 5.5625C3.84039 5.41667 4.02269 5.34375 4.23449 5.34375C4.4463 5.34375 4.62512 5.41667 4.77095 5.5625L8.00012 8.79167L11.2293 5.5625C11.3751 5.41667 11.5539 5.34375 11.7657 5.34375C11.9775 5.34375 12.1598 5.41667 12.3126 5.5625C12.4654 5.70833 12.5435 5.88889 12.547 6.10417C12.5505 6.31944 12.4758 6.50347 12.323 6.65625L8.5522 10.4271C8.47581 10.5035 8.39074 10.5608 8.29699 10.599C8.20324 10.6372 8.10428 10.6562 8.00012 10.6562Z' fill='%230583F2'/%3E%3C/svg%3E");
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8.00012 10.6562C7.89595 10.6562 7.79699 10.6372 7.70324 10.599C7.60949 10.5608 7.52442 10.5035 7.44803 10.4271L3.6772 6.65625C3.52442 6.50347 3.44977 6.31944 3.45324 6.10417C3.45671 5.88889 3.53484 5.70833 3.68762 5.5625C3.84039 5.41667 4.02269 5.34375 4.23449 5.34375C4.4463 5.34375 4.62512 5.41667 4.77095 5.5625L8.00012 8.79167L11.2293 5.5625C11.3751 5.41667 11.5539 5.34375 11.7657 5.34375C11.9775 5.34375 12.1598 5.41667 12.3126 5.5625C12.4654 5.70833 12.5435 5.88889 12.547 6.10417C12.5505 6.31944 12.4758 6.50347 12.323 6.65625L8.5522 10.4271C8.47581 10.5035 8.39074 10.5608 8.29699 10.599C8.20324 10.6372 8.10428 10.6562 8.00012 10.6562Z' fill='%230583F2'/%3E%3C/svg%3E");
}

.button-extra {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2px;
    position: relative;
}
.button-extra > p {
    color: #0583F2;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.lesson-schedule-bottom {
    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;
}

.lessons-content-body {
    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;
}

.button-base {
    border-radius: 100px;
    background: #0956FF;
    padding: 0px 16px;
    height: 40px;
    gap: 2px;
}
.button-base > p {
    padding: 0px 4px;
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}
.button-base.xm {
    padding: 0px 20px;
    height: 48px;
}

.lesson-schedule-bottom > .button-base {
    width: 100%;
}

.i-arrow-right {
    background-image: 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");
}

.dropdown-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    border-radius: 100px;
    background: #EEF0F1;
    height: 48px;
    gap: 14px;
    padding: 0px 20px;
    padding-right: 14px;
}
.dropdown-head::after {
    position: relative;
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 20px;
    height: 20px;
    background-image: 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.0001 13.3203C9.86994 13.3203 9.74624 13.2964 9.62905 13.2487C9.51186 13.201 9.40553 13.1293 9.31004 13.0339L4.5965 8.32031C4.40553 8.12934 4.31221 7.89931 4.31655 7.63021C4.32089 7.36111 4.41855 7.13542 4.60952 6.95312C4.80049 6.77083 5.02836 6.67969 5.29311 6.67969C5.55787 6.67969 5.78139 6.77083 5.96369 6.95312L10.0001 10.9896L14.0366 6.95312C14.2189 6.77083 14.4424 6.67969 14.7072 6.67969C14.9719 6.67969 15.1998 6.77083 15.3908 6.95312C15.5817 7.13542 15.6794 7.36111 15.6837 7.63021C15.6881 7.89931 15.5948 8.12934 15.4038 8.32031L10.6902 13.0339C10.5948 13.1293 10.4884 13.201 10.3712 13.2487C10.2541 13.2964 10.1304 13.3203 10.0001 13.3203Z' fill='%232F3337'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
}
.dropdown-head > p {
    overflow: hidden;
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #090A0B;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}
.dropdown-head > p > span {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dropdown {
    position: relative;
}
.dropdown.active > .dropdown-body {
    opacity: 1;
    pointer-events: all;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.dropdown.active > .dropdown-head::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.dropdown-body {
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    padding: 4px;
    z-index: 2;
    overflow: hidden;
    -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s, transform 0.2s;
    transition: opacity 0.2s, transform 0.2s, -webkit-transform 0.2s;
    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-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
    position: absolute;
    left: 0;
    top: calc(100% + 4px);
    pointer-events: none;
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    border-radius: 24px;
    background: #FFF;
    -webkit-box-shadow: 0 4px 6px -8px rgba(15, 19, 28, 0.24), 0 4px 16px -8px rgba(15, 19, 28, 0.24);
    box-shadow: 0 4px 6px -8px rgba(15, 19, 28, 0.24), 0 4px 16px -8px rgba(15, 19, 28, 0.24);
    max-height: 320px;
    overflow-y: auto;
}

.dropdown-content {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    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;
}
.dropdown-content > .item {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    border-radius: 20px;
    min-height: 40px;
    padding: 8px 16px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    flex: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}
.dropdown-content > .item > p {
    color: #2F3337;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    width: 100%;
}
.dropdown-content > .item.active {
    background: rgba(9, 86, 255, 0.08);
}
.dropdown-content > .item.active > p {
    color: #0956FF;
}

.lessons-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 8px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;    
}
.lessons-filter > .dropdown {
    max-width: 200px;
    width: 100%;
}
.lessons-filter > .button {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
}

.i-search {
    background-image: 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='M10.0617 15.975C11.7041 15.975 13.1001 15.3989 14.2497 14.2467C15.3994 13.0947 15.9742 11.6958 15.9742 10.05C15.9742 8.40417 15.3995 7.00517 14.25 5.853C13.1005 4.701 11.7046 4.125 10.0625 4.125C8.4203 4.125 7.02213 4.701 5.86797 5.853C4.7138 7.00517 4.13672 8.40417 4.13672 10.05C4.13672 11.6958 4.7128 13.0947 5.86497 14.2467C7.01697 15.3989 8.41588 15.975 10.0617 15.975ZM10.0617 17.85C7.88422 17.85 6.03989 17.0947 4.52872 15.584C3.01739 14.0732 2.26172 12.2294 2.26172 10.0527C2.26172 7.87592 3.01705 6.03125 4.52772 4.51875C6.03855 3.00625 7.8823 2.25 10.059 2.25C12.2358 2.25 14.0784 3.00558 15.5867 4.51675C17.095 6.02808 17.8492 7.8725 17.8492 10.05C17.8492 10.9683 17.7055 11.8333 17.418 12.645C17.1305 13.4567 16.7242 14.1958 16.1992 14.8625L21.0992 19.775C21.2825 19.9583 21.3763 20.175 21.3805 20.425C21.3846 20.675 21.2909 20.8958 21.0992 21.0875C20.9075 21.2792 20.6867 21.375 20.4367 21.375C20.1867 21.375 19.9659 21.2792 19.7742 21.0875L14.8742 16.1875C14.2076 16.7125 13.4684 17.1208 12.6567 17.4125C11.8451 17.7042 10.9801 17.85 10.0617 17.85Z' fill='white'/%3E%3C/svg%3E");
}

.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;
}

.wr-error-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;
    max-width: 400px;
    width: 100%;
}
.wr-error-text > span {
    color: #090A0B;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.4px;
}
.wr-error-text > p {
    color: #2F3337;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
}

.wr-error {
    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;
    gap: 16px;
    padding: 120px 0;
}

.wr-error-action {
    margin-top: 8px;
}

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

.i-error-a {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='142' height='142' viewBox='0 0 142 142' fill='none'%3E%3Cpath d='M113.669 110.49C115.519 112.255 115.553 115.196 113.745 117.004C111.937 118.812 108.996 118.778 107.231 116.928L92.6074 101.422C93.389 100.662 94.1497 99.8299 94.8847 98.9209C95.858 97.717 96.6263 96.3899 97.2136 94.9611L113.669 110.49Z' fill='%230956FF'/%3E%3Cpath d='M102.477 99.9846C100.744 102.077 98.8178 104.004 96.725 105.736L92.6074 101.422C93.389 100.662 94.1497 99.83 94.8847 98.9209C95.7531 97.8468 96.4577 96.6744 97.0167 95.4194C97.1163 95.2989 97.215 95.1778 97.313 95.056L102.477 99.9846Z' fill='%230040CC'/%3E%3Cpath d='M69.2461 35.9897C89.4131 35.9897 105.762 52.3383 105.762 72.5053C105.762 92.6724 89.4131 109.021 69.2461 109.021C49.0791 109.021 32.7305 92.6724 32.7305 72.5053C32.7305 52.3383 49.0791 35.9897 69.2461 35.9897Z' fill='%23BADCFD'/%3E%3Cpath d='M71.9629 42.5936C89.9845 42.5936 104.594 57.2029 104.594 75.2244C104.594 93.246 89.9845 107.855 71.9629 107.855C53.9414 107.855 39.332 93.246 39.332 75.2244C39.3321 57.203 53.9414 42.5937 71.9629 42.5936Z' fill='%23E3F1FF'/%3E%3Cpath d='M69.2462 32.4935C91.3441 32.4935 109.258 50.4074 109.258 72.5053C109.258 94.6032 91.3441 112.517 69.2462 112.517C47.1483 112.517 29.2344 94.6032 29.2344 72.5053C29.2344 50.4074 47.1483 32.4935 69.2462 32.4935ZM69.2462 39.0974C50.7955 39.0974 35.8383 54.0546 35.8383 72.5053C35.8383 90.956 50.7955 105.913 69.2462 105.913C87.6969 105.913 102.654 90.956 102.654 72.5053C102.654 54.0546 87.6969 39.0974 69.2462 39.0974Z' fill='%230956FF'/%3E%3Cpath d='M121.335 69.9232L126.491 70.821L126.491 70.821C127.911 71.0683 128.621 71.1919 129.082 70.965C129.483 70.7671 129.782 70.4076 129.902 69.9764C130.04 69.482 129.788 68.8068 129.284 67.4566L129.284 67.4566L127.539 62.7881C127.06 61.5059 126.821 60.8648 126.408 60.5832C126.048 60.3373 125.601 60.252 125.176 60.3475C124.688 60.457 124.229 60.9645 123.31 61.9795L119.899 65.7501C118.899 66.8555 118.399 67.4081 118.349 67.9278C118.306 68.3807 118.461 68.8303 118.773 69.1606C119.132 69.5397 119.867 69.6675 121.335 69.9232Z' fill='%23FFDB00'/%3E%3Cpath d='M107.82 39.4846L111.017 38.5656L111.017 38.5656C111.898 38.3125 112.338 38.1859 112.537 37.929C112.711 37.705 112.78 37.4177 112.727 37.1388C112.667 36.8191 112.333 36.5048 111.665 35.8763L111.665 35.8763L109.356 33.7031C108.721 33.1063 108.404 32.8078 108.089 32.762C107.814 32.7221 107.535 32.7973 107.319 32.9697C107.071 33.1673 106.952 33.5835 106.713 34.4158L105.826 37.5079C105.566 38.4144 105.436 38.8676 105.553 39.1771C105.656 39.4469 105.871 39.6599 106.143 39.7611C106.454 39.8772 106.909 39.7464 107.82 39.4846Z' fill='%230956FF'/%3E%3Cpath d='M36.1651 122.935L40.049 121.989L40.049 121.989C41.1187 121.729 41.6536 121.598 41.9054 121.3C42.1249 121.039 42.2223 120.698 42.173 120.36C42.1165 119.973 41.731 119.58 40.9598 118.792L40.9598 118.792L38.2938 116.069C37.5615 115.321 37.1954 114.947 36.8194 114.877C36.4911 114.815 36.1526 114.892 35.8845 115.088C35.5773 115.313 35.4134 115.807 35.0856 116.795L33.8678 120.464C33.5108 121.539 33.3323 122.077 33.4585 122.454C33.5686 122.783 33.816 123.05 34.1372 123.185C34.5057 123.339 35.0588 123.205 36.1651 122.935Z' fill='%230956FF'/%3E%3Cpath d='M14.5346 97.7178L18.1347 99.6422L18.1347 99.6422C19.1263 100.172 19.6221 100.437 20.0171 100.381C20.3615 100.333 20.6682 100.139 20.8604 99.8486C21.0808 99.5157 21.0555 98.9535 21.0048 97.829L21.0048 97.829L20.8297 93.9413C20.7816 92.8735 20.7576 92.3396 20.5194 92.0299C20.3115 91.7596 20.0017 91.5874 19.6639 91.5543C19.2769 91.5164 18.816 91.7807 17.894 92.3092L14.469 94.2725C13.465 94.8481 12.963 95.1359 12.8021 95.5091C12.6618 95.8344 12.6689 96.2055 12.8215 96.5269C12.9965 96.8956 13.5092 97.1697 14.5346 97.7178Z' fill='%23FFDB00'/%3E%3Cpath d='M71.6238 15.1298L70.3273 24.6888C70.2619 25.1714 69.8227 25.513 69.3389 25.4578C68.9253 25.4105 68.599 25.0844 68.5513 24.6709L67.4477 15.0878C67.2972 13.7812 68.3687 12.6583 69.6809 12.7473C70.8958 12.8298 71.7874 13.9231 71.6238 15.1298Z' fill='%230956FF'/%3E%3Cpath d='M52.8202 17.5185L54.7065 26.9788C54.8017 27.4564 54.4976 27.9224 54.0222 28.0277C53.6158 28.1176 53.2011 27.9156 53.0214 27.5401L48.8579 18.8384C48.2903 17.652 48.9378 16.2414 50.2075 15.8984C51.3831 15.5808 52.582 16.3243 52.8202 17.5185Z' fill='%230956FF'/%3E%3Cpath d='M35.8196 25.8988L40.6831 34.2296C40.9286 34.6501 40.7928 35.1898 40.3776 35.4441C40.0226 35.6615 39.5647 35.6054 39.2726 35.3089L32.5029 28.4368C31.5799 27.4998 31.7329 25.9553 32.8217 25.2176C33.8299 24.5345 35.2056 24.8472 35.8196 25.8988Z' fill='%230956FF'/%3E%3Cpath d='M59.7328 65.5393C61.6071 65.5393 63.132 66.625 63.1792 69.5364C63.18 69.5826 63.1804 69.6293 63.1804 69.6764C63.1804 69.7236 63.18 69.7703 63.1792 69.8165C63.132 72.7278 61.6071 73.8136 59.7328 73.8136C57.8287 73.8136 56.2852 72.6931 56.2852 69.6764C56.2852 66.6598 57.8287 65.5393 59.7328 65.5393Z' fill='%23002847'/%3E%3Cpath d='M79.0414 65.5393C80.9157 65.5393 82.4406 66.625 82.4878 69.5364C82.4886 69.5826 82.489 69.6293 82.489 69.6764C82.489 69.7236 82.4886 69.7703 82.4878 69.8165C82.4406 72.7278 80.9157 73.8136 79.0414 73.8136C77.1373 73.8136 75.5938 72.6931 75.5938 69.6764C75.5937 66.6598 77.1373 65.5393 79.0414 65.5393Z' fill='%23002847'/%3E%3Cpath d='M80.8809 87.5632C81.1441 88.0701 81.7684 88.2677 82.2754 88.0045C82.7824 87.7414 82.98 87.117 82.7168 86.61C80.1044 81.578 75.1394 78.1228 69.3874 78.1228C63.7253 78.1228 58.8258 81.4709 56.1823 86.3753L56.058 86.61L56.0346 86.6578C55.8074 87.1556 56.0083 87.7496 56.4994 88.0045C56.9905 88.2595 57.5918 88.082 57.8682 87.6098L57.8939 87.5632L58.0035 87.3561C60.3344 83.0313 64.5847 80.1914 69.3874 80.1914C74.2664 80.1914 78.5753 83.1221 80.8809 87.5632Z' fill='%23002847'/%3E%3Cpath d='M62.3107 58.9822C62.5784 58.4776 63.2045 58.2855 63.7091 58.5532C64.2137 58.8209 64.4058 59.447 64.1381 59.9516C63.1868 61.7452 61.4035 63.0255 59.308 62.9524C57.2452 62.8803 55.5758 61.521 54.7382 59.7086L54.699 59.622L54.6786 59.5727C54.4822 59.062 54.7188 58.4815 55.2245 58.2569C55.7302 58.0324 56.3196 58.2462 56.5667 58.7343L56.5896 58.7824L56.6445 58.9014C57.2267 60.1144 58.2654 60.8461 59.3802 60.885C60.531 60.9252 61.6524 60.2233 62.3107 58.9822Z' fill='%23002847'/%3E%3Cpath d='M82.1853 58.7823C82.4171 58.2603 83.0283 58.025 83.5504 58.2568C84.0724 58.4886 84.3077 59.0998 84.0759 59.6219C83.252 61.4774 81.5624 62.8791 79.4669 62.9522C77.4041 63.0243 75.6439 61.7847 74.6819 60.0351L74.6367 59.9515L74.613 59.9038C74.3814 59.408 74.5769 58.8124 75.0658 58.5531C75.5546 58.2938 76.1574 58.466 76.438 58.9357L76.4642 58.9821L76.5273 59.097C77.1927 60.2664 78.2798 60.9239 79.3947 60.8849C80.5455 60.8447 81.6152 60.0663 82.1853 58.7823Z' fill='%23002847'/%3E%3C/svg%3E");
}

.i-error-b {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='142' height='142' viewBox='0 0 142 142' fill='none'%3E%3Cpath d='M113.408 100.858C105.814 87.8916 105.091 74.8974 105.023 42.7995C105.014 39.0112 105.01 37.117 104.277 35.6825C103.631 34.419 102.606 33.3962 101.341 32.7527C99.9046 32.0222 98.024 32.0222 94.2628 32.0222H47.8626C44.0964 32.0222 42.2132 32.0222 40.7741 32.7566C39.51 33.4017 38.4789 34.435 37.8365 35.7005C37.1052 37.1412 37.1092 39.0273 37.1173 42.7994V42.7995C37.191 77.222 38.0164 89.6736 47.2629 103.682C48.5932 105.698 49.2584 106.706 50.4172 107.664C51.3522 108.438 52.7398 109.185 53.9004 109.539C55.3389 109.978 56.7793 109.978 59.6599 109.978H108.646C112.203 109.978 113.982 109.978 114.867 109.332C115.692 108.731 116.128 107.971 116.23 106.954C116.34 105.865 115.362 104.196 113.408 100.858Z' fill='%2373B2EB'/%3E%3Cpath d='M37.1125 105.946L37.1113 42.7749C37.1113 39.0111 37.1112 37.1292 37.8437 35.6916C38.488 34.4271 39.5161 33.399 40.7806 32.7546C42.2181 32.0222 44.1 32.0222 47.8638 32.0222H94.264C98.0277 32.0222 99.9095 32.0222 101.347 32.7546C102.612 33.3989 103.64 34.427 104.284 35.6914C105.016 37.129 105.016 39.0108 105.017 42.7744V42.7745L105.018 105.945V105.946C105.018 109.709 105.018 111.591 104.285 113.029C103.641 114.293 102.613 115.321 101.348 115.966C99.9109 116.698 98.029 116.698 94.2652 116.698H47.865C44.1014 116.698 42.2195 116.698 40.782 115.966C39.5175 115.321 38.4894 114.293 37.8451 113.029C37.1126 111.591 37.1126 109.71 37.1125 105.946Z' fill='%23BADCFD'/%3E%3Cpath d='M28.688 100.858C36.2822 87.8916 37.0045 74.8974 37.0732 42.7995C37.0813 39.0112 37.0854 37.117 37.8189 35.6825C38.4651 34.419 39.4902 33.3962 40.7551 32.7527C42.1911 32.0222 44.0717 32.0222 47.8329 32.0222H94.2331C97.9994 32.0222 99.8825 32.0222 101.322 32.7566C102.586 33.4017 103.617 34.435 104.259 35.7005C104.991 37.1412 104.987 39.0273 104.978 42.7994V42.7995C104.905 77.222 104.079 89.6736 94.8328 103.682C93.5025 105.698 92.8373 106.706 91.6785 107.664C90.7435 108.438 89.3559 109.185 88.1953 109.539C86.7568 109.978 85.3165 109.978 82.4358 109.978H33.4496C29.8924 109.978 28.1137 109.978 27.2289 109.332C26.4038 108.731 25.9681 107.971 25.8657 106.954C25.756 105.865 26.7333 104.196 28.688 100.858Z' fill='%23E3F1FF'/%3E%3Cpath d='M94.2335 32.0222C97.9997 32.0222 99.8828 32.0222 101.322 32.7566C102.586 33.4017 103.617 34.435 104.259 35.7005C104.991 37.1412 104.987 39.0273 104.979 42.7995L104.969 45.963C104.968 46.3593 104.966 46.7526 104.964 47.1429H37.0586C37.0652 45.7349 37.0705 44.2877 37.0737 42.7995C37.0818 39.0112 37.0857 37.117 37.8193 35.6826C38.4655 34.419 39.4907 33.3961 40.7556 32.7526C42.1916 32.0221 44.0722 32.0222 47.8334 32.0222H94.2335Z' fill='%23FFDB00'/%3E%3Cpath d='M79 32.0221C79 27.7519 81.8289 23.6217 86.0564 23.6216C90.2839 23.6216 93.1127 27.7519 93.1128 32.0221H89.7526C89.7526 28.8693 87.7672 26.982 86.0564 26.982C84.3455 26.9821 82.3604 28.8693 82.3604 32.0221C82.3604 35.1256 84.2839 37.0029 85.976 37.0609L86.0564 37.0624L86.1429 37.0645C87.0306 37.1094 87.7365 37.8435 87.7366 38.7424C87.7366 39.6413 87.0306 40.3753 86.1429 40.4203L86.0564 40.4226L85.8592 40.4196C81.7411 40.2934 79 36.2255 79 32.0221Z' fill='%23002847'/%3E%3Cpath d='M49.207 32.0221C49.207 27.7519 52.0359 23.6217 56.2634 23.6216C60.491 23.6216 63.3198 27.7519 63.3198 32.0221H59.9596C59.9596 28.8693 57.9743 26.982 56.2634 26.982C54.5526 26.9821 52.5674 28.8693 52.5674 32.0221C52.5674 35.1256 54.491 37.0029 56.183 37.0609L56.2634 37.0624L56.3499 37.0645C57.2376 37.1094 57.9436 37.8435 57.9436 38.7424C57.9436 39.6413 57.2376 40.3753 56.3499 40.4203L56.2634 40.4226L56.0662 40.4196C51.9482 40.2934 49.207 36.2255 49.207 32.0221Z' fill='%23002847'/%3E%3Cpath d='M66.5114 63.6075C66.5114 65.7416 68.2414 67.4719 70.3755 67.4719C72.5096 67.4719 74.2399 65.7417 74.2399 63.6075C74.24 62.9581 74.7664 62.4316 75.4159 62.4316C76.0653 62.4316 76.5917 62.9581 76.5918 63.6075C76.5918 67.0407 73.8087 69.8238 70.3755 69.8238C66.9424 69.8238 64.1592 67.0407 64.1592 63.6075C64.1593 62.9581 64.6859 62.4316 65.3354 62.4316C65.9849 62.4316 66.5113 62.9581 66.5114 63.6075Z' fill='%23002847'/%3E%3Cpath d='M81.2953 57.8954C81.2953 59.1016 82.2733 60.0796 83.4795 60.0796C84.6858 60.0796 85.6637 59.1016 85.6638 57.8954C85.6638 57.2459 86.1902 56.7192 86.8397 56.7192C87.4892 56.7192 88.0156 57.2459 88.0156 57.8954C88.0156 60.4006 85.9848 62.4314 83.4795 62.4315C80.9743 62.4315 78.9432 60.4007 78.9432 57.8954C78.9432 57.2459 79.4699 56.7192 80.1194 56.7192C80.7689 56.7192 81.2953 57.2459 81.2953 57.8954Z' fill='%23002847'/%3E%3Cpath d='M55.0863 57.8954C55.0864 59.1016 56.0643 60.0796 57.2706 60.0796C58.4768 60.0796 59.4548 59.1016 59.4548 57.8954C59.4548 57.2459 59.9812 56.7192 60.6307 56.7192C61.2802 56.7192 61.8066 57.2459 61.8066 57.8954C61.8066 60.4006 59.7758 62.4314 57.2706 62.4315C54.7653 62.4315 52.7342 60.4007 52.7342 57.8954C52.7342 57.2459 53.2609 56.7192 53.9104 56.7192C54.5599 56.7192 55.0863 57.2459 55.0863 57.8954Z' fill='%23002847'/%3E%3Cpath d='M65.3201 77.9095C66.6701 75.8044 67.3452 74.7518 68.1242 74.4871C68.8018 74.2569 69.5473 74.3477 70.1499 74.7337C70.8427 75.1777 71.2454 76.3614 72.0509 78.729L73.1413 81.9342C73.2242 82.178 73.2657 82.2999 73.3406 82.3927C73.4067 82.4747 73.4912 82.54 73.5873 82.5833C73.6959 82.6323 73.8244 82.6416 74.0812 82.6603L76.7193 82.8522C79.8916 83.0829 81.4777 83.1983 82.103 83.8488C82.6445 84.4122 82.8708 85.2078 82.707 85.9719C82.5179 86.8541 81.23 87.7872 78.6543 89.6532L75.5244 91.9209C75.3616 92.0388 75.2802 92.0978 75.2214 92.1734C75.1694 92.2404 75.1305 92.3166 75.1068 92.3981C75.08 92.49 75.08 92.5906 75.08 92.7916V97.5097C75.08 99.7161 75.08 100.819 74.618 101.443C74.2152 101.987 73.5978 102.331 72.9234 102.387C72.1498 102.452 71.2118 101.871 69.3357 100.71L66.0383 98.6682C65.8428 98.5472 65.7451 98.4867 65.6401 98.4615C65.5472 98.4392 65.4506 98.4369 65.3568 98.4549C65.2507 98.4752 65.1503 98.5311 64.9494 98.6429L61.618 100.497C58.8739 102.025 57.5018 102.788 56.6254 102.591C55.8662 102.419 55.2408 101.884 54.9551 101.16C54.6252 100.324 55.1693 98.851 56.2575 95.9049L57.4202 92.7569C57.5054 92.5264 57.548 92.4111 57.5498 92.2966C57.5515 92.1954 57.5303 92.0951 57.4877 92.0033C57.4396 91.8994 57.354 91.8113 57.1827 91.635L55.0209 89.4105C53.2218 87.5592 52.3223 86.6336 52.2477 85.8029C52.1829 85.0808 52.4547 84.3691 52.9844 83.8741C53.5937 83.3046 54.8813 83.2142 57.4564 83.0335L61.7112 82.735C61.9087 82.7211 62.0074 82.7142 62.0961 82.6819C62.1746 82.6533 62.2472 82.6103 62.31 82.5551C62.3809 82.4927 62.4343 82.4094 62.5411 82.2428L65.3201 77.9095Z' fill='%230956FF'/%3E%3Cpath d='M17.7672 46.6901L20.71 42.5064L20.71 42.5063C21.5205 41.354 21.9258 40.7778 22.4009 40.6164C22.8152 40.4756 23.2699 40.5178 23.6513 40.7325C24.0885 40.9786 24.3808 41.6196 24.9653 42.9014L24.9653 42.9015L26.9863 47.3333C27.5413 48.5506 27.8189 49.1592 27.7282 49.6392C27.649 50.0582 27.3995 50.4256 27.0393 50.6538C26.6266 50.9152 25.9585 50.8818 24.6224 50.815L19.6587 50.5668C18.2036 50.494 17.476 50.4577 17.0825 50.1328C16.7396 49.8497 16.5358 49.4321 16.5238 48.9876C16.5099 48.4775 16.929 47.8817 17.7672 46.6901Z' fill='%23FFDB00'/%3E%3Cpath d='M116.97 48.4853L112.939 45.3361L112.939 45.3361C111.829 44.4688 111.274 44.0351 111.137 43.5525C111.017 43.1316 111.082 42.6796 111.315 42.3095C111.583 41.8852 112.238 41.6254 113.548 41.106L113.548 41.106L118.075 39.3101C119.319 38.8169 119.941 38.5702 120.416 38.6849C120.83 38.785 121.184 39.0526 121.394 39.4239C121.635 39.8491 121.568 40.5147 121.434 41.8458L120.937 46.7908C120.791 48.2404 120.718 48.9652 120.374 49.3419C120.074 49.6702 119.647 49.8527 119.202 49.8425C118.692 49.8307 118.118 49.3822 116.97 48.4853Z' fill='%23FFDB00'/%3E%3Cpath d='M36.2071 12.2805L39.048 13.5773L39.048 13.5773C39.8304 13.9344 40.2217 14.113 40.3718 14.38C40.5028 14.6129 40.5285 14.8905 40.4424 15.1435C40.3437 15.4335 39.9919 15.6808 39.2882 16.1753L39.2882 16.1753L36.8551 17.8853C36.1869 18.3549 35.8527 18.5897 35.5545 18.5892C35.2942 18.5886 35.0457 18.4802 34.8684 18.2896C34.6652 18.0712 34.6103 17.6665 34.5005 16.8572L34.0927 13.8504C33.9732 12.969 33.9134 12.5283 34.0642 12.2558C34.1956 12.0182 34.4234 11.8491 34.6888 11.792C34.9934 11.7264 35.398 11.9111 36.2071 12.2805Z' fill='%23FFDB00'/%3E%3Cpath d='M100.236 10.9896L103.077 12.2864L103.077 12.2864C103.86 12.6436 104.251 12.8221 104.401 13.0892C104.532 13.322 104.558 13.5996 104.472 13.8526C104.373 14.1426 104.021 14.3899 103.317 14.8844L103.317 14.8844L100.884 16.5944C100.216 17.064 99.882 17.2989 99.5838 17.2983C99.3235 17.2978 99.075 17.1893 98.8977 16.9987C98.6945 16.7803 98.6396 16.3756 98.5298 15.5663L98.122 12.5596C98.0025 11.6782 97.9427 11.2374 98.0935 10.9649C98.2249 10.7273 98.4527 10.5582 98.7181 10.5011C99.0227 10.4356 99.4273 10.6202 100.236 10.9896Z' fill='%230956FF'/%3E%3Cpath d='M19.1867 21.8961L23.3662 25.4633L23.3662 25.4633C24.5174 26.4458 25.093 26.9371 25.2169 27.4595C25.325 27.9151 25.2327 28.3946 24.9632 28.7781C24.6543 29.2178 23.9372 29.4621 22.503 29.9507L22.503 29.9507L17.5444 31.6401C16.1825 32.1042 15.5015 32.3362 14.9965 32.1897C14.5556 32.0618 14.1877 31.7581 13.9804 31.351C13.7429 30.8846 13.8477 30.1771 14.0575 28.7621L14.8365 23.5055C15.0648 21.9645 15.179 21.1941 15.5678 20.8091C15.9067 20.4736 16.3753 20.3003 16.853 20.3337C17.401 20.372 17.9962 20.88 19.1867 21.8961Z' fill='%230956FF'/%3E%3Cpath d='M119.789 19.3259L122.721 24.0874L122.721 24.0874C123.529 25.3988 123.932 26.0546 123.889 26.5992C123.851 27.0742 123.612 27.5097 123.231 27.7968C122.794 28.126 122.024 28.1383 120.482 28.163L120.482 28.163L115.152 28.2484C113.688 28.2719 112.956 28.2836 112.513 27.9838C112.126 27.7221 111.864 27.313 111.791 26.8539C111.707 26.328 112.029 25.6756 112.675 24.3709L115.073 19.5241C115.776 18.1032 116.128 17.3928 116.625 17.1416C117.058 16.9227 117.566 16.9013 118.018 17.0831C118.537 17.2916 118.954 17.9697 119.789 19.3259Z' fill='%230956FF'/%3E%3C/svg%3E");
}

.wr-dialog {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    width: 100%;
    height: 100%;
    inset: 0;
    z-index: 12;
    background: rgba(9, 10, 11, 0.6);
    isolation: isolate;
    overflow-y: auto;
    padding: 8px;
}

.wr-dialog-escape {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: -1;
    inset: 0;
}

.wr-dialog-container {
    max-width: 480px;
    width: 100%;
    margin: auto;
}
.wr-dialog-container.xm {
    max-width: 400px;
}
.wr-dialog-container.xm > .wr-dialog-content {
    padding: 32px;
}

.wr-dialog-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 24px;
    gap: 24px;
    border-radius: 24px;
    background: #FFF;
    -webkit-box-shadow: 0 4px 16px -8px rgba(15, 19, 28, 0.24);
    box-shadow: 0 4px 16px -8px rgba(15, 19, 28, 0.24);
}

.wr-dialog-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}
.wr-dialog-head > p {
    width: 100%;
    color: #090A0B;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.4px;
}

.wr-dialog-close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.0005 13.3248L7.13804 18.1873C6.9547 18.3707 6.73387 18.4603 6.47554 18.4561C6.2172 18.4519 5.99637 18.3582 5.81304 18.1748C5.63804 17.9915 5.55262 17.7728 5.55679 17.5186C5.56095 17.2644 5.65054 17.0498 5.82554 16.8748L10.6755 11.9998L5.82554 7.12485C5.65054 6.94985 5.56304 6.73526 5.56304 6.4811C5.56304 6.22693 5.65054 6.00818 5.82554 5.82485C6.00054 5.64151 6.2172 5.54776 6.47554 5.5436C6.73387 5.53943 6.9547 5.62901 7.13804 5.81235L12.0005 10.6748L16.863 5.81235C17.0464 5.62901 17.2672 5.53943 17.5255 5.5436C17.7839 5.54776 18.0047 5.64151 18.188 5.82485C18.363 6.00818 18.4485 6.22693 18.4443 6.4811C18.4401 6.73526 18.3505 6.94985 18.1755 7.12485L13.3255 11.9998L18.1755 16.8748C18.3505 17.0498 18.438 17.2644 18.438 17.5186C18.438 17.7728 18.3505 17.9915 18.1755 18.1748C18.0005 18.3582 17.7839 18.4519 17.5255 18.4561C17.2672 18.4603 17.0464 18.3707 16.863 18.1873L12.0005 13.3248Z' fill='%23090A0B'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.wr-dialog-fields {
    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-dialog-field {
    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-dialog-field > p {
    color: var(--darkgray-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.wr-dialog-teacher {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    padding: 16px;
    border-radius: 12px;
    background: rgba(5, 131, 242, 0.08);
}
.wr-dialog-teacher > img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    -o-object-position: center;
    object-position: center;
    -o-object-fit: cover;
    object-fit: cover;
    width: 48px;
    height: 48px;
    border-radius: 100px;
}

.wr-dialog-teacher-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2px;
}
.wr-dialog-teacher-info > span {
    color: #090A0B;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.32px;
}
.wr-dialog-teacher-info > p {
    color: #090A0B;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.wr-dialog-field > textarea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    border-radius: 12px;
    border: 1px solid var(--input-border);
    background: var(--white-bg);
    padding: 12px 20px;
    resize: none;
    height: 80px;
    color: var(--dark-text);
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
}
.wr-dialog-field > textarea::-webkit-input-placeholder {
    color: var(--gray-text);
}
.wr-dialog-field > textarea::-moz-placeholder {
    color: var(--gray-text);
}
.wr-dialog-field > textarea:-ms-input-placeholder {
    color: var(--gray-text);
}
.wr-dialog-field > textarea::-ms-input-placeholder {
    color: var(--gray-text);
}
.wr-dialog-field > textarea::placeholder {
    color: var(--gray-text);
}

.wr-dialog-message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    padding: 12px;
    padding-left: 16px;
    border-radius: 12px;
    background: rgba(9, 86, 255, 0.08);
    position: relative;
}
.wr-dialog-message::before {
    position: relative;
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.0097 16.6491C12.202 16.6491 12.3666 16.5806 12.5034 16.4436C12.6403 16.3066 12.7087 16.1411 12.7087 15.9471V11.7174C12.7087 11.5272 12.64 11.3635 12.5027 11.2261C12.3655 11.089 12.2018 11.0204 12.0114 11.0204C11.8174 11.0204 11.652 11.089 11.5152 11.2261C11.3782 11.3635 11.3097 11.5272 11.3097 11.7174V15.9471C11.3097 16.1411 11.3783 16.3066 11.5154 16.4436C11.6524 16.5806 11.8172 16.6491 12.0097 16.6491ZM11.9964 9.3694C12.2169 9.3694 12.4003 9.29707 12.5467 9.1524C12.6932 9.00757 12.7664 8.82498 12.7664 8.60465C12.7664 8.38431 12.6941 8.2009 12.5494 8.0544C12.4048 7.90806 12.2223 7.8349 12.0019 7.8349C11.7814 7.8349 11.598 7.90723 11.4517 8.0519C11.3052 8.19656 11.2319 8.37906 11.2319 8.5994C11.2319 8.81973 11.3043 9.00315 11.4489 9.14965C11.5936 9.29615 11.7761 9.3694 11.9964 9.3694ZM12.0014 21.2981C10.7156 21.2981 9.50676 21.0538 8.37492 20.5651C7.24292 20.0763 6.25826 19.413 5.42092 18.5751C4.58376 17.7373 3.92117 16.7536 3.43317 15.6239C2.94517 14.4941 2.70117 13.2869 2.70117 12.0024C2.70117 10.7166 2.94551 9.50773 3.43417 8.3759C3.92301 7.2439 4.58634 6.25923 5.42417 5.4219C6.26201 4.58473 7.24575 3.92215 8.37542 3.43415C9.50525 2.94615 10.7124 2.70215 11.9969 2.70215C13.2828 2.70215 14.4916 2.94648 15.6234 3.43515C16.7554 3.92398 17.7401 4.58731 18.5774 5.42515C19.4146 6.26298 20.0772 7.24673 20.5652 8.3764C21.0532 9.50623 21.2972 10.7134 21.2972 11.9979C21.2972 13.2837 21.0528 14.4926 20.5642 15.6244C20.0753 16.7564 19.412 17.7411 18.5742 18.5784C17.7363 19.4156 16.7526 20.0781 15.6229 20.5661C14.4931 21.0541 13.2859 21.2981 12.0014 21.2981ZM11.9989 19.8991C14.1971 19.8991 16.0632 19.1323 17.5972 17.5986C19.1312 16.0648 19.8982 14.1987 19.8982 12.0004C19.8982 9.80223 19.1313 7.93615 17.5977 6.40215C16.0638 4.86815 14.1978 4.10115 11.9994 4.10115C9.80126 4.10115 7.93517 4.86798 6.40117 6.40165C4.86717 7.93548 4.10017 9.80156 4.10017 11.9999C4.10017 14.1981 4.86701 16.0641 6.40067 17.5981C7.93451 19.1321 9.80059 19.8991 11.9989 19.8991Z' fill='%230956FF'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.wr-dialog-message > p {
    color: #0956FF;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
}

.wr-dialog-action > p {
    color: #717A84;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 16px;
}
.wr-dialog-action > p > .x-lesson {
    position: relative;
    bottom: -4px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.447 12.5523H9.218V9.93565C9.218 9.73954 9.28839 9.57104 9.42917 9.43015C9.57006 9.28937 9.73856 9.21898 9.93467 9.21898H12.5513V3.44798H3.447V12.5523ZM3.447 13.9857C3.05278 13.9857 2.71534 13.8453 2.43467 13.5647C2.15401 13.284 2.01367 12.9465 2.01367 12.5523V3.44798C2.01367 3.05376 2.15401 2.71632 2.43467 2.43565C2.71534 2.15498 3.05278 2.01465 3.447 2.01465H12.5513C12.9456 2.01465 13.283 2.15498 13.5637 2.43565C13.8443 2.71632 13.9847 3.05376 13.9847 3.44798V9.30265C13.9847 9.49554 13.9481 9.67932 13.875 9.85398C13.802 10.0288 13.6977 10.1833 13.5622 10.3175L10.3165 13.5632C10.1823 13.6987 10.0278 13.803 9.853 13.876C9.67834 13.9491 9.49456 13.9857 9.30167 13.9857H3.447ZM7.48317 9.28132H5.34984C5.16973 9.28132 5.01589 9.21715 4.88834 9.08882C4.76078 8.96048 4.69701 8.80571 4.69701 8.62448C4.69701 8.44437 4.76117 8.29048 4.88951 8.16282C5.01784 8.03526 5.17262 7.97148 5.35384 7.97148H7.48317C7.66328 7.97148 7.81717 8.03532 7.94484 8.16298C8.07239 8.29054 8.13617 8.44437 8.13617 8.62448C8.13617 8.80459 8.07239 8.95909 7.94484 9.08798C7.81717 9.21687 7.66328 9.28132 7.48317 9.28132ZM10.6485 6.72148H5.34984C5.16973 6.72148 5.01589 6.65732 4.88834 6.52898C4.76078 6.40065 4.69701 6.24587 4.69701 6.06465C4.69701 5.88454 4.76117 5.7307 4.88951 5.60315C5.01784 5.47559 5.17262 5.41182 5.35384 5.41182H10.6485C10.8286 5.41182 10.9824 5.47559 11.11 5.60315C11.2376 5.7307 11.3013 5.88454 11.3013 6.06465C11.3013 6.24487 11.2376 6.39937 11.11 6.52815C10.9824 6.65704 10.8286 6.72148 10.6485 6.72148Z' fill='%23868F98'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.wr-dialog-action.x-info {
    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-lesson-info {
    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-lesson-info > .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.wr-lesson-info > .item > span {
    color: #090A0B;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}
.wr-lesson-info > .item > p {
    color: #2F3337;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
}

.icon-date {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.03372 10.8835C5.58106 10.8835 5.19845 10.7272 4.88589 10.4146C4.57333 10.1021 4.41706 9.71946 4.41706 9.2668C4.41706 8.81413 4.57333 8.43152 4.88589 8.11896C5.19845 7.80641 5.58106 7.65013 6.03372 7.65013C6.48639 7.65013 6.869 7.80641 7.18156 8.11896C7.49411 8.43152 7.65039 8.81413 7.65039 9.2668C7.65039 9.71946 7.49411 10.1021 7.18156 10.4146C6.869 10.7272 6.48639 10.8835 6.03372 10.8835ZM3.40039 14.5001C3.05661 14.5001 2.76234 14.3777 2.51756 14.133C2.27278 13.8882 2.15039 13.5939 2.15039 13.2501V4.05013C2.15039 3.70635 2.27278 3.41208 2.51756 3.1673C2.76234 2.92252 3.05661 2.80013 3.40039 2.80013H4.15039V2.0918C4.15039 1.91957 4.2115 1.77235 4.33372 1.65013C4.45595 1.52791 4.60317 1.4668 4.77539 1.4668C4.94761 1.4668 5.09483 1.52791 5.21706 1.65013C5.33928 1.77235 5.40039 1.91957 5.40039 2.0918V2.80013H10.6004V2.0918C10.6004 1.91957 10.6615 1.77235 10.7837 1.65013C10.9059 1.52791 11.0532 1.4668 11.2254 1.4668C11.3976 1.4668 11.5448 1.52791 11.6671 1.65013C11.7893 1.77235 11.8504 1.91957 11.8504 2.0918V2.80013H12.6004C12.9442 2.80013 13.2384 2.92252 13.4832 3.1673C13.728 3.41208 13.8504 3.70635 13.8504 4.05013V13.2501C13.8504 13.5939 13.728 13.8882 13.4832 14.133C13.2384 14.3777 12.9442 14.5001 12.6004 14.5001H3.40039ZM3.40039 13.2501H12.6004V6.70013H3.40039V13.2501ZM3.40039 5.45013H12.6004V4.05013H3.40039V5.45013Z' fill='%23717A84'/%3E%3C/svg%3E%0A");
}

.icon-time {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.63333 7.75V5.34167C8.63333 5.16944 8.57222 5.02222 8.45 4.9C8.32778 4.77778 8.18056 4.71667 8.00833 4.71667C7.83611 4.71667 7.68889 4.77778 7.56667 4.9C7.44444 5.02222 7.38333 5.16944 7.38333 5.34167V7.99167C7.38333 8.07289 7.39861 8.15156 7.42917 8.22767C7.45972 8.30389 7.50556 8.37244 7.56667 8.43333L9.74367 10.6257C9.86456 10.7474 10.0111 10.8083 10.1833 10.8083C10.3556 10.8083 10.5028 10.7472 10.625 10.625C10.7472 10.5028 10.8083 10.3556 10.8083 10.1833C10.8083 10.0111 10.7474 9.86411 10.6257 9.74233L8.63333 7.75ZM8 14.5C7.101 14.5 6.25617 14.3291 5.4655 13.9873C4.67494 13.6454 3.98722 13.1816 3.40233 12.5957C2.81744 12.0097 2.35417 11.3217 2.0125 10.5318C1.67083 9.74206 1.5 8.89811 1.5 8C1.5 7.101 1.67089 6.25617 2.01267 5.4655C2.35456 4.67494 2.81844 3.98722 3.40433 3.40233C3.99033 2.81744 4.67828 2.35417 5.46817 2.0125C6.25794 1.67083 7.10189 1.5 8 1.5C8.899 1.5 9.74383 1.67089 10.5345 2.01267C11.3251 2.35456 12.0128 2.81844 12.5977 3.40433C13.1826 3.99033 13.6458 4.67828 13.9875 5.46817C14.3292 6.25795 14.5 7.10189 14.5 8C14.5 8.899 14.3291 9.74383 13.9873 10.5345C13.6454 11.3251 13.1816 12.0128 12.5957 12.5977C12.0097 13.1826 11.3217 13.6458 10.5318 13.9875C9.74206 14.3292 8.89811 14.5 8 14.5ZM8 13.25C9.45 13.25 10.6875 12.7375 11.7125 11.7125C12.7375 10.6875 13.25 9.45 13.25 8C13.25 6.55 12.7375 5.3125 11.7125 4.2875C10.6875 3.2625 9.45 2.75 8 2.75C6.55 2.75 5.3125 3.2625 4.2875 4.2875C3.2625 5.3125 2.75 6.55 2.75 8C2.75 9.45 3.2625 10.6875 4.2875 11.7125C5.3125 12.7375 6.55 13.25 8 13.25Z' fill='%23717A84'/%3E%3C/svg%3E%0A");
}

.wr-dialog {
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}
.wr-dialog > .wr-dialog-container > .wr-dialog-content {
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
}
.wr-dialog.active {
    -webkit-animation: 0.2s show-wr;
    animation: 0.2s show-wr;
    opacity: 1;
    pointer-events: all;
}
.wr-dialog.active > .wr-dialog-container > .wr-dialog-content {
    -webkit-animation: 0.2s show-wr-content;
    animation: 0.2s show-wr-content;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

@-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(0px);
        transform: translateY(0px);
    }
}
@keyframes show-wr-content {
    0% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
    }
    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}
.wr-lesson-selected {
    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-lesson-selected > p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    color: #2F3337;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    position: relative;
}
.wr-lesson-selected > p::before {
    position: relative;
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.03372 10.8835C5.58106 10.8835 5.19845 10.7272 4.88589 10.4146C4.57333 10.1021 4.41706 9.71946 4.41706 9.2668C4.41706 8.81413 4.57333 8.43152 4.88589 8.11896C5.19845 7.80641 5.58106 7.65013 6.03372 7.65013C6.48639 7.65013 6.869 7.80641 7.18156 8.11896C7.49411 8.43152 7.65039 8.81413 7.65039 9.2668C7.65039 9.71946 7.49411 10.1021 7.18156 10.4146C6.869 10.7272 6.48639 10.8835 6.03372 10.8835ZM3.40039 14.5001C3.05661 14.5001 2.76234 14.3777 2.51756 14.133C2.27278 13.8882 2.15039 13.5939 2.15039 13.2501V4.05013C2.15039 3.70635 2.27278 3.41208 2.51756 3.1673C2.76234 2.92252 3.05661 2.80013 3.40039 2.80013H4.15039V2.0918C4.15039 1.91957 4.2115 1.77235 4.33372 1.65013C4.45595 1.52791 4.60317 1.4668 4.77539 1.4668C4.94761 1.4668 5.09483 1.52791 5.21706 1.65013C5.33928 1.77235 5.40039 1.91957 5.40039 2.0918V2.80013H10.6004V2.0918C10.6004 1.91957 10.6615 1.77235 10.7837 1.65013C10.9059 1.52791 11.0532 1.4668 11.2254 1.4668C11.3976 1.4668 11.5448 1.52791 11.6671 1.65013C11.7893 1.77235 11.8504 1.91957 11.8504 2.0918V2.80013H12.6004C12.9442 2.80013 13.2384 2.92252 13.4832 3.1673C13.728 3.41208 13.8504 3.70635 13.8504 4.05013V13.2501C13.8504 13.5939 13.728 13.8882 13.4832 14.133C13.2384 14.3777 12.9442 14.5001 12.6004 14.5001H3.40039ZM3.40039 13.2501H12.6004V6.70013H3.40039V13.2501ZM3.40039 5.45013H12.6004V4.05013H3.40039V5.45013Z' fill='%23717A84'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.wr-lesson-selected-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
}
.wr-lesson-selected-content > .item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 72px;
    flex: 1 1 72px;
    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;
    gap: 4px;
    padding: 8px;
    border-radius: 12px;
    border: 1px solid #E7EBEE;
    background: #FFF;
}
.wr-lesson-selected-content > .item > small {
    color: #717A84;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 12px;
}
.wr-lesson-selected-content > .item > p {
    color: #090A0B;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}
.wr-lesson-selected-content > .item > span {
    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: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 16px;
    position: relative;
}
.wr-lesson-selected-content > .item > span::before {
    position: relative;
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.63333 7.75V5.34167C8.63333 5.16944 8.57222 5.02222 8.45 4.9C8.32778 4.77778 8.18056 4.71667 8.00833 4.71667C7.83611 4.71667 7.68889 4.77778 7.56667 4.9C7.44444 5.02222 7.38333 5.16944 7.38333 5.34167V7.99167C7.38333 8.07289 7.39861 8.15156 7.42917 8.22767C7.45972 8.30389 7.50556 8.37244 7.56667 8.43333L9.74367 10.6257C9.86456 10.7474 10.0111 10.8083 10.1833 10.8083C10.3556 10.8083 10.5028 10.7472 10.625 10.625C10.7472 10.5028 10.8083 10.3556 10.8083 10.1833C10.8083 10.0111 10.7474 9.86411 10.6257 9.74233L8.63333 7.75ZM8 14.5C7.101 14.5 6.25617 14.3291 5.4655 13.9873C4.67494 13.6454 3.98722 13.1816 3.40233 12.5957C2.81744 12.0097 2.35417 11.3217 2.0125 10.5318C1.67083 9.74206 1.5 8.89811 1.5 8C1.5 7.101 1.67089 6.25617 2.01267 5.4655C2.35456 4.67494 2.81844 3.98722 3.40433 3.40233C3.99033 2.81744 4.67828 2.35417 5.46817 2.0125C6.25794 1.67083 7.10189 1.5 8 1.5C8.899 1.5 9.74383 1.67089 10.5345 2.01267C11.3251 2.35456 12.0128 2.81844 12.5977 3.40433C13.1826 3.99033 13.6458 4.67828 13.9875 5.46817C14.3292 6.25795 14.5 7.10189 14.5 8C14.5 8.899 14.3291 9.74383 13.9873 10.5345C13.6454 11.3251 13.1816 12.0128 12.5957 12.5977C12.0097 13.1826 11.3217 13.6458 10.5318 13.9875C9.74206 14.3292 8.89811 14.5 8 14.5ZM8 13.25C9.45 13.25 10.6875 12.7375 11.7125 11.7125C12.7375 10.6875 13.25 9.45 13.25 8C13.25 6.55 12.7375 5.3125 11.7125 4.2875C10.6875 3.2625 9.45 2.75 8 2.75C6.55 2.75 5.3125 3.2625 4.2875 4.2875C3.2625 5.3125 2.75 6.55 2.75 8C2.75 9.45 3.2625 10.6875 4.2875 11.7125C5.3125 12.7375 6.55 13.25 8 13.25Z' fill='%23717A84'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.wr-dialog-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;
    gap: 16px;
    text-align: center;
}
.wr-dialog-text > span {
    color: #090A0B;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.4px;
}
.wr-dialog-text > p {
    color: #2F3337;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.wr-lesson-count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    position: relative;
    border-radius: 100px;
    background: #F9FAFB;
    padding: 0 32px;
    height: 72px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0px auto;
}
.wr-lesson-count::before {
    position: relative;
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.17148 18.8285H13.828V14.9035C13.828 14.6093 13.9336 14.3566 14.1447 14.1452C14.3561 13.9341 14.6088 13.8285 14.903 13.8285H18.828V5.17197H5.17148V18.8285ZM5.17148 20.9785C4.58015 20.9785 4.07398 20.768 3.65298 20.347C3.23198 19.926 3.02148 19.4198 3.02148 18.8285V5.17197C3.02148 4.58064 3.23198 4.07447 3.65298 3.65347C4.07398 3.23247 4.58015 3.02197 5.17148 3.02197H18.828C19.4193 3.02197 19.9255 3.23247 20.3465 3.65347C20.7675 4.07447 20.978 4.58064 20.978 5.17197V13.954C20.978 14.2433 20.9231 14.519 20.8135 14.781C20.704 15.0431 20.5476 15.2749 20.3442 15.4762L15.4757 20.3447C15.2744 20.5481 15.0426 20.7045 14.7805 20.814C14.5185 20.9236 14.2428 20.9785 13.9535 20.9785H5.17148ZM11.2257 13.922H8.02573C7.75557 13.922 7.52482 13.8257 7.33348 13.6332C7.14215 13.4407 7.04648 13.2086 7.04648 12.9367C7.04648 12.6666 7.14273 12.4357 7.33523 12.2442C7.52773 12.0529 7.7599 11.9572 8.03173 11.9572H11.2257C11.4959 11.9572 11.7267 12.053 11.9182 12.2445C12.1096 12.4358 12.2052 12.6666 12.2052 12.9367C12.2052 13.2069 12.1096 13.4386 11.9182 13.632C11.7267 13.8253 11.4959 13.922 11.2257 13.922ZM15.9737 10.0822H8.02573C7.75557 10.0822 7.52482 9.98597 7.33348 9.79347C7.14215 9.60097 7.04648 9.36881 7.04648 9.09698C7.04648 8.82681 7.14273 8.59606 7.33523 8.40472C7.52773 8.21339 7.7599 8.11773 8.03173 8.11773H15.9737C16.2439 8.11773 16.4747 8.21339 16.666 8.40472C16.8573 8.59606 16.953 8.82681 16.953 9.09698C16.953 9.36731 16.8573 9.59906 16.666 9.79223C16.4747 9.98556 16.2439 10.0822 15.9737 10.0822Z' fill='%23868F98'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.wr-lesson-count > p {
    color: #868F98;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.48px;
}

@media screen and (max-width: 1244px) {
    .welcome-head{
        gap: 6px;
    }

    .welcome-head>p{
        font-size: 14px;
        line-height: 140%;
    }

    .button-sched{
        max-width: 40px;
        height: 40px;
    }

    .lesson-item {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .lessons-filter {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .lessons-filter > * {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 130px;
        flex: 1 1 130px;
    }
    .lessons-filter > .button {
        /* max-width: 200px; */
        width: 100%;
    }
    .dropdown-head > p {
        font-size: 12px;
    }
    .wr-links {
        gap: 4px;
    }
    .wr-links > .item {
        height: 36px;
        padding: 0px 12px;
    }
    .wr-links > .item > p {
        font-size: 12px;
        line-height: 20px;
    }
    .wr-links > .item > span {
        height: 16px;
        min-width: 16px;
        font-size: 10px;
        line-height: 13px;
    }
    .balance-lessons {
        height: 40px;
        padding: 0px 12px;
        padding-right: 6px;
    }
    .balance-lessons > p {
        font-size: 12px;
        line-height: 20px;
        letter-spacing: -0.24px;
    }
    .balance-lessons > p::before {
        width: 16px;
        height: 16px;
    }
    .x-add {
        width: 24px;
        height: 24px;
    }
    .wr-content {
        gap: 24px;
    }
    .wr-text > span {
        font-size: 20px;
        line-height: 28px;
        letter-spacing: -0.4px;
    }
    .wr-text > p {
        font-size: 14px;
        line-height: 20px;
    }
    .dropdown-head {
        height: 40px;
        padding: 0px 16px;
        padding-right: 8px;
    }
    .button-base.xm {
        height: 40px;
    }
    .lessons-content-head > p {
        font-size: 12px;
        line-height: 20px;
    }
    .lesson-info {
        gap: 12px;
        padding: 16px;
    }
    .button-secondary {
        padding: 0px 12px;
    }
    .lesson-action {
        gap: 4px;
    }
    .lesson-content {
        gap: 12px;
    }
    .lesson-schedule-head {
        gap: 10px;
    }
    .lesson-schedule-head > p {
        gap: 8px;
        font-size: 12px;
        line-height: 16px;
    }
    .lesson-schedule-head > p > .x-icon {
        width: 20px;
        height: 20px;
    }
    .lesson-schedule {
        border-left: none;
        border-top: 1px solid #F3F4FA;
    }
    .schedule-item-body > .item > p {
        font-size: 12px;
        line-height: 16px;
    }
    .lesson-schedule-body {
        gap: 4px;
    }
    .lesson-content > p {
        min-height: auto;
    }
    .wr-error-icon {
        width: 120px;
        height: 120px;
    }
    .wr-error-text > span {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: -0.32px;
    }
    .wr-error-text > p {
        font-size: 14px;
        line-height: 20px;
    }
    .dropdown-body {
        border-radius: 20px;
    }
    .dropdown-content > .item {
        border-radius: 20px;
        padding: 0px 12px;
        min-height: 36px;
    }
    .schedule-date > .item > p {
        white-space: nowrap;
        font-size: 12px;
        line-height: 20px;
    }
    .wr-dialog-teacher {
        padding: 12px;
    }
    .wr-dialog-content {
        padding: 20px;
        gap: 16px;
    }
    .wr-dialog-fields {
        gap: 12px;
    }
    .wr-dialog-message > p {
        font-size: 12px;
        line-height: 16px;
    }
    .wr-dialog-container.xm > .wr-dialog-content {
        padding: 24px;
    }
}
@media screen and (max-width: 768px) {
    .lessons-filter > .button {
        /* max-width: 100%; */
    }

}
.wr-nav-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
    padding: 0px 24px;
}
.wr-nav-head > p {
    color: #868F98;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 16px;
}

.wr-nav-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-nav-logo > img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -o-object-position: left center;
    object-position: left center;
    -o-object-fit: contain;
    object-fit: contain;
}

.wr-navigation {
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 1;
    inset-block: 0;
    left: 0;
    position: fixed;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 24px 0;
    width: 240px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    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;
    border-right: 1px solid #E7EBEE;
    background: #fcfcff;
}

.wr-nav-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: 6px;
}

.wr-nav-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    height: 40px;
    padding: 0px 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    border-radius: 12px;
    position: relative;
}
.wr-nav-item::after {
    pointer-events: none;
    opacity: 0;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    left: calc(100% + 21px);
    position: absolute;
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 4px;
    height: 40px;
    border-radius: 4px 0 0 4px;
    background: #0956FF;
}
.wr-nav-item > p {
    -webkit-transition: 0.2s;
    transition: 0.2s;
    width: 100%;
    color: #090A0B;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}
.wr-nav-item > span {
    -webkit-transition: 0.2s;
    transition: 0.2s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 20px;
    height: 20px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    position: relative;
}
.wr-nav-item > span::before {
    -webkit-transition: 0.2s;
    transition: 0.2s;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    inset: 0;
    pointer-events: none;
    background: #868F98;
}
.wr-nav-item.active {
    background: rgba(9, 86, 255, 0.08);
}
.wr-nav-item.active::after {
    opacity: 1;
}
.wr-nav-item:hover > p, .wr-nav-item.active > p {
    color: #0956FF;
}
.wr-nav-item:hover > span::before, .wr-nav-item.active > span::before {
    background: #0956FF;
}

.wr-nav-body {
    padding: 0px 24px;
    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-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.wr-nav-promo-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-nav-promo-text > span {
    color: #090A0B;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}
.wr-nav-promo-text > p {
    color: rgba(9, 10, 11, 0.8);
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
}

.wr-nav-bottom {
    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;
    padding: 0px 24px;
}

.wr-nav-promo {
    position: relative;
    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: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 16px;
    padding: 16px;
    border-radius: 12px;
    background: #D3E0FC;
}

.wr-nav-promo-hide {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 12px;
    right: 12px;
    opacity: 0.24;
    background-image: 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.0008 11.1041L5.94869 15.1562C5.79591 15.309 5.61188 15.3836 5.39661 15.3802C5.18133 15.3767 4.9973 15.2986 4.84452 15.1458C4.69869 14.993 4.62751 14.8107 4.63098 14.5989C4.63445 14.3871 4.70911 14.2083 4.85494 14.0625L8.89661 9.99995L4.85494 5.93745C4.70911 5.79162 4.63619 5.6128 4.63619 5.40099C4.63619 5.18919 4.70911 5.0069 4.85494 4.85412C5.00077 4.70134 5.18133 4.62322 5.39661 4.61974C5.61188 4.61627 5.79591 4.69093 5.94869 4.8437L10.0008 8.89579L14.0529 4.8437C14.2056 4.69093 14.3897 4.61627 14.6049 4.61974C14.8202 4.62322 15.0042 4.70134 15.157 4.85412C15.3029 5.0069 15.374 5.18919 15.3706 5.40099C15.3671 5.6128 15.2924 5.79162 15.1466 5.93745L11.1049 9.99995L15.1466 14.0625C15.2924 14.2083 15.3654 14.3871 15.3654 14.5989C15.3654 14.8107 15.2924 14.993 15.1466 15.1458C15.0008 15.2986 14.8202 15.3767 14.6049 15.3802C14.3897 15.3836 14.2056 15.309 14.0529 15.1562L10.0008 11.1041Z' fill='%23090A0B'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.wr-nav-promo-hide:hover {
    opacity: 1;
}

.button-promo {
    height: 36px;
    padding: 0 12px;
    border-radius: 8px;
    background: #FFF;
    gap: 2px;
}
.button-promo > p {
    padding: 0px 4px;
    color: #090A0B;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}

.i-arrow-right-b {
    background-image: 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.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.4062 9.89595 12.4062 10.0001C12.4062 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='%23090A0B'/%3E%3C/svg%3E");
}

.wr-header {
    z-index: 1;
    background: #F9FAFB;
    height: 52px;
    padding: 0 16px;
    display: none;
    -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;
    border-bottom: 1px solid #E7EBEE;
    position: sticky;
    top: 0;
}

.wr-header-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    height: 20px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
.wr-header-logo > img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -o-object-position: left center;
    object-position: left center;
    -o-object-fit: contain;
    object-fit: contain;
}

.wr-header-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 24px;
    height: 24px;
    background-image: 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='M4.25 17.6345C4.0375 17.6345 3.85942 17.5626 3.71575 17.4187C3.57192 17.2751 3.5 17.0969 3.5 16.8842C3.5 16.6718 3.57192 16.4937 3.71575 16.35C3.85942 16.2065 4.0375 16.1348 4.25 16.1348H19.75C19.9625 16.1348 20.1406 16.2066 20.2843 16.3503C20.4281 16.4941 20.5 16.6723 20.5 16.885C20.5 17.0975 20.4281 17.2756 20.2843 17.4192C20.1406 17.5627 19.9625 17.6345 19.75 17.6345H4.25ZM4.25 12.75C4.0375 12.75 3.85942 12.6781 3.71575 12.5342C3.57192 12.3904 3.5 12.2122 3.5 11.9997C3.5 11.7871 3.57192 11.609 3.71575 11.4655C3.85942 11.3218 4.0375 11.25 4.25 11.25H19.75C19.9625 11.25 20.1406 11.3219 20.2843 11.4657C20.4281 11.6096 20.5 11.7877 20.5 12.0002C20.5 12.2129 20.4281 12.391 20.2843 12.5345C20.1406 12.6782 19.9625 12.75 19.75 12.75H4.25ZM4.25 7.86525C4.0375 7.86525 3.85942 7.79342 3.71575 7.64975C3.57192 7.50592 3.5 7.32767 3.5 7.115C3.5 6.9025 3.57192 6.72442 3.71575 6.58075C3.85942 6.43725 4.0375 6.3655 4.25 6.3655H19.75C19.9625 6.3655 20.1406 6.43742 20.2843 6.58125C20.4281 6.72492 20.5 6.90308 20.5 7.11575C20.5 7.32825 20.4281 7.50633 20.2843 7.65C20.1406 7.7935 19.9625 7.86525 19.75 7.86525H4.25Z' fill='%230956FF'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.wr-min-navigation {
    position: fixed;
    width: 100%;
    height: 100%;
    inset: 0;
    padding: 24px 0;
    padding-top: 76px;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow-y: auto;
    gap: 24px;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    -webkit-transform: translateY(calc(-100% - 52px));
    transform: translateY(calc(-100% - 52px));
}
.wr-min-navigation.active {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.wr-header-menu.active {
    background-image: 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='M7.04997 18.0104C6.89971 18.1607 6.72294 18.2357 6.51964 18.2356C6.31623 18.2356 6.1394 18.1605 5.98914 18.0102C5.83876 17.8599 5.76369 17.6831 5.76392 17.4799C5.76392 17.2767 5.83905 17.1 5.98931 16.9497L16.9495 5.98959C17.0997 5.83933 17.2765 5.76426 17.4798 5.76438C17.6832 5.76438 17.86 5.83951 18.0103 5.98977C18.1607 6.14015 18.2358 6.31692 18.2355 6.5201C18.2355 6.72328 18.1604 6.89999 18.0101 7.05025L7.04997 18.0104Z' fill='%230956FF'/%3E%3Cpath d='M16.95 18.0104C17.1003 18.1607 17.2771 18.2357 17.4804 18.2356C17.6838 18.2356 17.8606 18.1605 18.0109 18.0102C18.1612 17.8599 18.2363 17.6831 18.2361 17.4799C18.2361 17.2767 18.1609 17.1 18.0107 16.9497L7.05053 5.98959C6.90027 5.83933 6.72349 5.76426 6.5202 5.76438C6.31679 5.76438 6.13995 5.83951 5.98969 5.98977C5.83932 6.14015 5.76424 6.31692 5.76448 6.5201C5.76448 6.72328 5.83961 6.89999 5.98987 7.05025L16.95 18.0104Z' fill='%230956FF'/%3E%3C/svg%3E");
}

.wr-min-navigation-body {
    -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;
    padding: 0px 16px;
}

.wr-min-navigation-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px 16px;
    gap: 24px;
}

.wr-min-navigation .wr-nav-content > .wr-nav-item::after {
    left: calc(100% + 12px);
}

.responsive-content {
    padding: 64px 24px;
    max-width: calc(100% - 240px);
    margin-left: auto;
}

.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-g {
    -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='M13.2803 4.9074C13.2803 6.69721 11.8115 8.14814 9.99964 8.14814C8.18776 8.14814 6.71895 6.69721 6.71895 4.9074C6.71895 3.11759 8.18776 1.66666 9.99964 1.66666C11.8115 1.66666 13.2803 3.11759 13.2803 4.9074Z' stroke='%23868F98' stroke-width='1.5'/%3E%3Cpath d='M3.83581 15.0831C4.15713 12.884 5.88065 11.0869 8.12401 10.9255C9.40574 10.8332 10.598 10.8331 11.8773 10.925C14.1197 11.086 15.842 12.883 16.1632 15.0812L16.2257 15.5088C16.4108 16.7757 15.5198 17.9583 14.2313 18.0948C11.2074 18.4151 8.80182 18.4114 5.77337 18.0923C4.48287 17.9563 3.58894 16.7727 3.77434 15.5039L3.83581 15.0831Z' stroke='%23868F98' stroke-width='1.5'/%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='M13.2803 4.9074C13.2803 6.69721 11.8115 8.14814 9.99964 8.14814C8.18776 8.14814 6.71895 6.69721 6.71895 4.9074C6.71895 3.11759 8.18776 1.66666 9.99964 1.66666C11.8115 1.66666 13.2803 3.11759 13.2803 4.9074Z' stroke='%23868F98' stroke-width='1.5'/%3E%3Cpath d='M3.83581 15.0831C4.15713 12.884 5.88065 11.0869 8.12401 10.9255C9.40574 10.8332 10.598 10.8331 11.8773 10.925C14.1197 11.086 15.842 12.883 16.1632 15.0812L16.2257 15.5088C16.4108 16.7757 15.5198 17.9583 14.2313 18.0948C11.2074 18.4151 8.80182 18.4114 5.77337 18.0923C4.48287 17.9563 3.58894 16.7727 3.77434 15.5039L3.83581 15.0831Z' stroke='%23868F98' stroke-width='1.5'/%3E%3C/svg%3E%0A");
}

.wr-icon-h {
    -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='M9.99935 10V2.08334M14.5827 3.0392C16.8419 4.52981 18.3327 7.09082 18.3327 10C18.3327 14.6024 14.6017 18.3333 9.99935 18.3333C5.39698 18.3333 1.66602 14.6024 1.66602 10C1.66602 7.09082 3.15676 4.52981 5.41602 3.0392' 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='M9.99935 10V2.08334M14.5827 3.0392C16.8419 4.52981 18.3327 7.09082 18.3327 10C18.3327 14.6024 14.6017 18.3333 9.99935 18.3333C5.39698 18.3333 1.66602 14.6024 1.66602 10C1.66602 7.09082 3.15676 4.52981 5.41602 3.0392' stroke='%23868F98' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.wr-icon-i {
    -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='M9.99935 5.41607C9.99935 5.41607 9.17476 2.30233 5.13379 2.50994C4.4635 2.54438 3.98083 3.13877 3.98083 3.81388V13.9196C3.98083 14.7787 4.76476 15.4425 5.59622 15.6393C7.92208 16.1898 9.99935 18.3333 9.99935 18.3333M9.99935 5.41607C9.99935 5.41607 10.8239 2.30233 14.8649 2.50994C15.5352 2.54438 16.0179 3.13877 16.0179 3.81388V13.8824C16.0179 14.7541 15.207 15.4475 14.3725 15.6825C12.203 16.2935 9.99935 18.3333 9.99935 18.3333M9.99935 5.41607V18.3333M9.99935 18.3333C9.99935 18.3333 13.651 17.3472 16.7377 17.3251C17.5822 17.3191 18.3327 16.6601 18.3327 15.8107V6.18317C18.3327 5.48723 17.8229 4.89212 17.134 4.82843C16.7752 4.79527 16.4329 4.77231 16.1065 4.75836M9.99935 18.3333C9.99935 18.3333 6.55661 17.3106 3.23371 17.3249C2.39895 17.3285 1.66602 16.6783 1.66602 15.8387L1.66602 6.25325C1.66602 5.5573 2.17575 4.96219 2.86472 4.89851C3.22349 4.86534 3.56578 4.84238 3.89222 4.82843' stroke='%23868F98' stroke-width='1.5'/%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='M9.99935 5.41607C9.99935 5.41607 9.17476 2.30233 5.13379 2.50994C4.4635 2.54438 3.98083 3.13877 3.98083 3.81388V13.9196C3.98083 14.7787 4.76476 15.4425 5.59622 15.6393C7.92208 16.1898 9.99935 18.3333 9.99935 18.3333M9.99935 5.41607C9.99935 5.41607 10.8239 2.30233 14.8649 2.50994C15.5352 2.54438 16.0179 3.13877 16.0179 3.81388V13.8824C16.0179 14.7541 15.207 15.4475 14.3725 15.6825C12.203 16.2935 9.99935 18.3333 9.99935 18.3333M9.99935 5.41607V18.3333M9.99935 18.3333C9.99935 18.3333 13.651 17.3472 16.7377 17.3251C17.5822 17.3191 18.3327 16.6601 18.3327 15.8107V6.18317C18.3327 5.48723 17.8229 4.89212 17.134 4.82843C16.7752 4.79527 16.4329 4.77231 16.1065 4.75836M9.99935 18.3333C9.99935 18.3333 6.55661 17.3106 3.23371 17.3249C2.39895 17.3285 1.66602 16.6783 1.66602 15.8387L1.66602 6.25325C1.66602 5.5573 2.17575 4.96219 2.86472 4.89851C3.22349 4.86534 3.56578 4.84238 3.89222 4.82843' stroke='%23868F98' stroke-width='1.5'/%3E%3C/svg%3E%0A");
}

.wr-icon-j {
    -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_30902)'%3E%3Cpath d='M11.666 1.66666H8.33262C8.1025 1.66666 7.91595 1.8532 7.91595 2.08332V3.96445C7.91595 4.33566 7.46714 4.52156 7.20466 4.25908L5.87459 2.92901C5.71187 2.76629 5.44805 2.76629 5.28533 2.92901L2.92831 5.28603C2.76559 5.44875 2.76559 5.71257 2.92831 5.87529L4.25841 7.20539C4.52089 7.46787 4.33499 7.91668 3.96378 7.91668H2.08268C1.85256 7.91668 1.66602 8.10323 1.66602 8.33335V11.6667C1.66602 11.8968 1.85256 12.0833 2.08268 12.0833H3.96373C4.33494 12.0833 4.52084 12.5322 4.25835 12.7946L2.92822 14.1248C2.7655 14.2875 2.7655 14.5513 2.92822 14.714L5.28524 17.0711C5.44796 17.2338 5.71178 17.2338 5.8745 17.0711L7.20466 15.7409C7.46714 15.4784 7.91595 15.6643 7.91595 16.0355V17.9167C7.91595 18.1468 8.1025 18.3333 8.33262 18.3333H11.666C11.8961 18.3333 12.0826 18.1468 12.0826 17.9167V16.0355C12.0826 15.6643 12.5314 15.4784 12.7939 15.7409L14.1242 17.0711C14.2869 17.2339 14.5507 17.2339 14.7134 17.0711L17.0704 14.7141C17.2332 14.5514 17.2332 14.2876 17.0704 14.1249L15.7402 12.7946C15.4777 12.5322 15.6636 12.0833 16.0348 12.0833H17.916C18.1461 12.0833 18.3327 11.8968 18.3327 11.6667V8.33335C18.3327 8.10323 18.1461 7.91668 17.916 7.91668H16.0348C15.6636 7.91668 15.4777 7.46787 15.7402 7.20539L17.0704 5.8752C17.2331 5.71248 17.2331 5.44866 17.0704 5.28594L14.7133 2.92892C14.5506 2.7662 14.2868 2.7662 14.1241 2.92892L12.7939 4.25908C12.5314 4.52157 12.0826 4.33567 12.0826 3.96445V2.08332C12.0826 1.8532 11.8961 1.66666 11.666 1.66666Z' stroke='%23868F98' stroke-width='1.5'/%3E%3Cpath d='M10.0007 12.8964C11.6115 12.8964 12.9173 11.6137 12.9173 10.0315C12.9173 8.4493 11.6115 7.16666 10.0007 7.16666C8.38982 7.16666 7.08398 8.4493 7.08398 10.0315C7.08398 11.6137 8.38982 12.8964 10.0007 12.8964Z' stroke='%23868F98' stroke-width='1.5'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4001_30902'%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_30902)'%3E%3Cpath d='M11.666 1.66666H8.33262C8.1025 1.66666 7.91595 1.8532 7.91595 2.08332V3.96445C7.91595 4.33566 7.46714 4.52156 7.20466 4.25908L5.87459 2.92901C5.71187 2.76629 5.44805 2.76629 5.28533 2.92901L2.92831 5.28603C2.76559 5.44875 2.76559 5.71257 2.92831 5.87529L4.25841 7.20539C4.52089 7.46787 4.33499 7.91668 3.96378 7.91668H2.08268C1.85256 7.91668 1.66602 8.10323 1.66602 8.33335V11.6667C1.66602 11.8968 1.85256 12.0833 2.08268 12.0833H3.96373C4.33494 12.0833 4.52084 12.5322 4.25835 12.7946L2.92822 14.1248C2.7655 14.2875 2.7655 14.5513 2.92822 14.714L5.28524 17.0711C5.44796 17.2338 5.71178 17.2338 5.8745 17.0711L7.20466 15.7409C7.46714 15.4784 7.91595 15.6643 7.91595 16.0355V17.9167C7.91595 18.1468 8.1025 18.3333 8.33262 18.3333H11.666C11.8961 18.3333 12.0826 18.1468 12.0826 17.9167V16.0355C12.0826 15.6643 12.5314 15.4784 12.7939 15.7409L14.1242 17.0711C14.2869 17.2339 14.5507 17.2339 14.7134 17.0711L17.0704 14.7141C17.2332 14.5514 17.2332 14.2876 17.0704 14.1249L15.7402 12.7946C15.4777 12.5322 15.6636 12.0833 16.0348 12.0833H17.916C18.1461 12.0833 18.3327 11.8968 18.3327 11.6667V8.33335C18.3327 8.10323 18.1461 7.91668 17.916 7.91668H16.0348C15.6636 7.91668 15.4777 7.46787 15.7402 7.20539L17.0704 5.8752C17.2331 5.71248 17.2331 5.44866 17.0704 5.28594L14.7133 2.92892C14.5506 2.7662 14.2868 2.7662 14.1241 2.92892L12.7939 4.25908C12.5314 4.52157 12.0826 4.33567 12.0826 3.96445V2.08332C12.0826 1.8532 11.8961 1.66666 11.666 1.66666Z' stroke='%23868F98' stroke-width='1.5'/%3E%3Cpath d='M10.0007 12.8964C11.6115 12.8964 12.9173 11.6137 12.9173 10.0315C12.9173 8.4493 11.6115 7.16666 10.0007 7.16666C8.38982 7.16666 7.08398 8.4493 7.08398 10.0315C7.08398 11.6137 8.38982 12.8964 10.0007 12.8964Z' stroke='%23868F98' stroke-width='1.5'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4001_30902'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%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-icon-k {
    -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%3Cg clip-path='url(%23clip0_3012_17251)'%3E%3Cpath d='M5.22519 18.3333H14.7773M6.04679 15.421H13.9558C15.0104 15.421 15.9401 14.7119 16.2431 13.6764L18.3137 6.60093C18.4286 6.2083 18.0501 5.8534 17.6789 6.00564L14.5689 7.28091C14.1374 7.45786 13.6442 7.29071 13.4006 6.88492L10.4081 1.89967C10.2216 1.58899 9.78104 1.58899 9.59455 1.89967L6.60197 6.88492C6.35838 7.29071 5.86523 7.45786 5.43369 7.28091L2.32375 6.00564C1.95249 5.8534 1.57401 6.2083 1.68891 6.60093L3.75947 13.6764C4.0625 14.7119 4.99221 15.421 6.04679 15.421Z' stroke='%23868F98' stroke-width='1.5' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3012_17251'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%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%3Cg clip-path='url(%23clip0_3012_17251)'%3E%3Cpath d='M5.22519 18.3333H14.7773M6.04679 15.421H13.9558C15.0104 15.421 15.9401 14.7119 16.2431 13.6764L18.3137 6.60093C18.4286 6.2083 18.0501 5.8534 17.6789 6.00564L14.5689 7.28091C14.1374 7.45786 13.6442 7.29071 13.4006 6.88492L10.4081 1.89967C10.2216 1.58899 9.78104 1.58899 9.59455 1.89967L6.60197 6.88492C6.35838 7.29071 5.86523 7.45786 5.43369 7.28091L2.32375 6.00564C1.95249 5.8534 1.57401 6.2083 1.68891 6.60093L3.75947 13.6764C4.0625 14.7119 4.99221 15.421 6.04679 15.421Z' stroke='%23868F98' stroke-width='1.5' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3012_17251'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

@media screen and (max-width: 1024px) {
    .wr-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .wr-min-navigation {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .wr-navigation {
        display: none;
    }
    .responsive-content {
        max-width: 100%;
        margin: 0;
    }
}
.temp-container {
    max-width: 1240px;
    width: 100%;
    margin: 0 auto;
}

.temp-container .wr-dialog.active {
    -webkit-animation: none;
    animation: none;
}
.temp-container .wr-dialog.active > .wr-dialog-container > .wr-dialog-content {
    -webkit-animation: none;
    animation: none;
}

.nav-in {
    background-image: 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.14583 14.5547C4.88792 14.4116 4.68799 14.2198 4.54604 13.9791C4.40424 13.7384 4.33333 13.4684 4.33333 13.1693V9.27531L2.375 8.20052C2.23611 8.12413 2.13368 8.02517 2.06771 7.90365C2.00174 7.78212 1.96875 7.65191 1.96875 7.51302C1.96875 7.37413 2.00174 7.24392 2.06771 7.1224C2.13368 7.00087 2.23611 6.90191 2.375 6.82552L9.26042 3.08594C9.37847 3.01649 9.5 2.96788 9.625 2.9401C9.75 2.91233 9.875 2.89844 10 2.89844C10.125 2.89844 10.25 2.91233 10.375 2.9401C10.5 2.96788 10.6215 3.01649 10.7396 3.08594L18.4688 7.29427C18.5938 7.36372 18.6927 7.45892 18.7656 7.5799C18.8385 7.70087 18.875 7.83135 18.875 7.97135V13.1797C18.875 13.395 18.7986 13.579 18.6458 13.7318C18.4931 13.8845 18.309 13.9609 18.0938 13.9609C17.8785 13.9609 17.6944 13.8845 17.5417 13.7318C17.3889 13.579 17.3125 13.395 17.3125 13.1797V8.3776L15.6667 9.27094V13.1693C15.6667 13.4684 15.5958 13.7384 15.454 13.9791C15.312 14.2198 15.1121 14.4116 14.8542 14.5547L10.75 16.7839C10.6319 16.8533 10.5103 16.9036 10.3852 16.9349C10.2599 16.9661 10.1315 16.9818 9.99979 16.9818C9.86799 16.9818 9.73958 16.9661 9.61458 16.9349C9.48958 16.9036 9.36806 16.8533 9.25 16.7839L5.14583 14.5547ZM10 10.5651L15.625 7.51302L10 4.47135L4.38542 7.51302L10 10.5651ZM10 15.4089L14.1042 13.1936V10.0964L10.7604 11.9401C10.6424 12.0095 10.5183 12.0599 10.3881 12.0911C10.2578 12.1224 10.1276 12.138 9.9975 12.138C9.86722 12.138 9.73785 12.1224 9.60938 12.0911C9.4809 12.0599 9.35764 12.0095 9.23958 11.9401L5.89583 10.0964V13.1936L10 15.4089Z' fill='%237F87A3' fill-opacity='0.8'/%3E%3C/svg%3E%0A");
    background-size: 20px 20px;
}

.item-navigate.active > .nav-in, .item-navigate:hover > .nav-in {
    background-image: 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.14583 14.5547C4.88792 14.4116 4.68799 14.2198 4.54604 13.9791C4.40424 13.7384 4.33333 13.4684 4.33333 13.1693V9.27531L2.375 8.20052C2.23611 8.12413 2.13368 8.02517 2.06771 7.90365C2.00174 7.78212 1.96875 7.65191 1.96875 7.51302C1.96875 7.37413 2.00174 7.24392 2.06771 7.1224C2.13368 7.00087 2.23611 6.90191 2.375 6.82552L9.26042 3.08594C9.37847 3.01649 9.5 2.96788 9.625 2.9401C9.75 2.91233 9.875 2.89844 10 2.89844C10.125 2.89844 10.25 2.91233 10.375 2.9401C10.5 2.96788 10.6215 3.01649 10.7396 3.08594L18.4688 7.29427C18.5938 7.36372 18.6927 7.45892 18.7656 7.5799C18.8385 7.70087 18.875 7.83135 18.875 7.97135V13.1797C18.875 13.395 18.7986 13.579 18.6458 13.7318C18.4931 13.8845 18.309 13.9609 18.0938 13.9609C17.8785 13.9609 17.6944 13.8845 17.5417 13.7318C17.3889 13.579 17.3125 13.395 17.3125 13.1797V8.3776L15.6667 9.27094V13.1693C15.6667 13.4684 15.5958 13.7384 15.454 13.9791C15.312 14.2198 15.1121 14.4116 14.8542 14.5547L10.75 16.7839C10.6319 16.8533 10.5103 16.9036 10.3852 16.9349C10.2599 16.9661 10.1315 16.9818 9.99979 16.9818C9.86799 16.9818 9.73958 16.9661 9.61458 16.9349C9.48958 16.9036 9.36806 16.8533 9.25 16.7839L5.14583 14.5547ZM10 10.5651L15.625 7.51302L10 4.47135L4.38542 7.51302L10 10.5651ZM10 15.4089L14.1042 13.1936V10.0964L10.7604 11.9401C10.6424 12.0095 10.5183 12.0599 10.3881 12.0911C10.2578 12.1224 10.1276 12.138 9.9975 12.138C9.86722 12.138 9.73785 12.1224 9.60938 12.0911C9.4809 12.0599 9.35764 12.0095 9.23958 11.9401L5.89583 10.0964V13.1936L10 15.4089Z' fill='%230583F2'/%3E%3C/svg%3E%0A");
}

.lesson-schedule-body {
    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;
}

.lesson-schedule {
    overflow: hidden;
}

.schedule-days-content {
    gap: 7px;
    overflow: hidden;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.schedule-days-content > .item {
    border-radius: 100px;
    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;    
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 40px;
    height: 40px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    position: relative;
}

.schedule-days-content > .item > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 20px;
    height: 20px;
    -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='M13.4577 10.7812H4.32227C4.10699 10.7812 3.92296 10.7048 3.77018 10.5521C3.6174 10.3993 3.54102 10.2153 3.54102 9.99999C3.54102 9.78471 3.6174 9.60068 3.77018 9.44791C3.92296 9.29513 4.10699 9.21874 4.32227 9.21874H13.4577L9.43685 5.19791C9.27713 5.03818 9.199 4.85416 9.20247 4.64582C9.20595 4.43749 9.28754 4.25346 9.44727 4.09374C9.60699 3.94096 9.79102 3.86284 9.99935 3.85936C10.2077 3.85589 10.3917 3.93402 10.5514 4.09374L15.9056 9.44791C15.982 9.52429 16.0393 9.60936 16.0775 9.70311C16.1157 9.79686 16.1348 9.89582 16.1348 9.99999C16.1348 10.1042 16.1157 10.2031 16.0775 10.2969C16.0393 10.3906 15.982 10.4757 15.9056 10.5521L10.5514 15.9062C10.3987 16.059 10.2164 16.1354 10.0046 16.1354C9.79275 16.1354 9.60699 16.059 9.44727 15.9062C9.28754 15.7465 9.20768 15.5608 9.20768 15.3489C9.20768 15.1371 9.28754 14.9514 9.44727 14.7917L13.4577 10.7812Z' fill='%230583F2'/%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='M13.4577 10.7812H4.32227C4.10699 10.7812 3.92296 10.7048 3.77018 10.5521C3.6174 10.3993 3.54102 10.2153 3.54102 9.99999C3.54102 9.78471 3.6174 9.60068 3.77018 9.44791C3.92296 9.29513 4.10699 9.21874 4.32227 9.21874H13.4577L9.43685 5.19791C9.27713 5.03818 9.199 4.85416 9.20247 4.64582C9.20595 4.43749 9.28754 4.25346 9.44727 4.09374C9.60699 3.94096 9.79102 3.86284 9.99935 3.85936C10.2077 3.85589 10.3917 3.93402 10.5514 4.09374L15.9056 9.44791C15.982 9.52429 16.0393 9.60936 16.0775 9.70311C16.1157 9.79686 16.1348 9.89582 16.1348 9.99999C16.1348 10.1042 16.1157 10.2031 16.0775 10.2969C16.0393 10.3906 15.982 10.4757 15.9056 10.5521L10.5514 15.9062C10.3987 16.059 10.2164 16.1354 10.0046 16.1354C9.79275 16.1354 9.60699 16.059 9.44727 15.9062C9.28754 15.7465 9.20768 15.5608 9.20768 15.3489C9.20768 15.1371 9.28754 14.9514 9.44727 14.7917L13.4577 10.7812Z' fill='%230583F2'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 20px 20px;
    mask-size: 20px 20px;
    position: relative;
}

.schedule-days-content > .item > span::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    inset: 0;
    pointer-events: none;
}
.schedule-days-content > .item:first-child {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.schedule-days-content > .item.disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

.schedule-days-items > .item.schedule-mode {
    width: 100%;
    flex: unset;
}

.schedule-days-items {
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    border-radius: 100px;
    padding: 1px;
}

.schedule-days-items > .item {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    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;
    width: 40px;
    height: 40px;
    border-radius: 100px;
}
.schedule-days-items > .item > p {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}
.schedule-days-items > .item.disabled {
    background: none !important;
    cursor: not-allowed;
}

.schedule-hours-content {
    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;
    gap: 8px;
}
.schedule-hours-content > p {
    color: var(--gray-text);
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 120%;
}

.schedule-hours-items {
    display: -ms-grid;
    display: grid;
    width: 100%;
    grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
    gap: 8px;
}
.schedule-hours-items > .item {
    height: 48px;
    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;
    border-radius: 24px;
    background: #FFF;
    padding: 0px 16px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}
.schedule-hours-items > .item > p {
    color: #2F3337;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}
.schedule-hours-items > .item.disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

.lesson-schedule {
    gap: 16px;
}

.lesson-content > p {
    -webkit-line-clamp: none;
}

.schedule-days-items > .item.disabled {
    opacity: 0.4;
    background: var(--gray-bg-2) !important;
    border-color: rgba(255, 255, 255, 0) !important;
}
.schedule-days-items > .item.disabled > p {
    color: var(--gray-text) !important;
}

.schedule-hours-items > .item.disabled {
    opacity: 0.4;
    background: var(--gray-bg-2) !important;
    border-color: rgba(255, 255, 255, 0) !important;
    color: var(--gray-text) !important;
}
.schedule-hours-items > .item.disabled > p {
    color: var(--gray-text) !important;
}

.lesson-item.sub-a .lesson-schedule-body > .schedule-hours-content > .schedule-hours-items > .item {
    color: var(--global-sub-a-primary);
    border: 1px solid var(--global-sub-a-secondary);
}
.lesson-item.sub-a .lesson-schedule-body > .schedule-hours-content > .schedule-hours-items > .item.active {
    background: var(--global-sub-a-secondary);
    border-color: var(--global-sub-a-primary);
}
.lesson-item.sub-a .lesson-schedule-body > .schedule-days-content > .item {
    background: var(--global-sub-a-secondary);
}
.lesson-item.sub-a .lesson-schedule-body > .schedule-days-content > .item > span::before {
    background: var(--global-sub-a-primary);
}
.lesson-item.sub-a .lesson-schedule-body > .schedule-days-content > .schedule-days-items > .item {
    border: 1px solid var(--global-sub-a-secondary);
}
.lesson-item.sub-a .lesson-schedule-body > .schedule-days-content > .schedule-days-items > .item > p {
    color: var(--global-sub-a-primary);
}
.lesson-item.sub-a .lesson-schedule-body > .schedule-days-content > .schedule-days-items > .item.active {
    background: var(--global-sub-a-secondary);
    border-color: var(--global-sub-a-primary);
}

.lesson-item.sub-e .lesson-schedule-body > .schedule-hours-content > .schedule-hours-items > .item {
    color: var(--global-sub-e-primary);
    border: 1px solid var(--global-sub-e-secondary);
}
.lesson-item.sub-e .lesson-schedule-body > .schedule-hours-content > .schedule-hours-items > .item.active {
    background: var(--global-sub-e-secondary);
    border-color: var(--global-sub-e-primary);
}
.lesson-item.sub-e .lesson-schedule-body > .schedule-days-content > .item {
    background: var(--global-sub-e-secondary);
}
.lesson-item.sub-e .lesson-schedule-body > .schedule-days-content > .item > span::before {
    background: var(--global-sub-e-primary);
}
.lesson-item.sub-e .lesson-schedule-body > .schedule-days-content > .schedule-days-items > .item {
    border: 1px solid var(--global-sub-e-secondary);
}
.lesson-item.sub-e .lesson-schedule-body > .schedule-days-content > .schedule-days-items > .item > p {
    color: var(--global-sub-e-primary);
}
.lesson-item.sub-e .lesson-schedule-body > .schedule-days-content > .schedule-days-items > .item.active {
    background: var(--global-sub-e-secondary);
    border-color: var(--global-sub-e-primary);
}

.lesson-item.sub-c .lesson-schedule-body > .schedule-hours-content > .schedule-hours-items > .item {
    color: var(--global-sub-c-primary);
    border: 1px solid var(--global-sub-c-secondary);
}
.lesson-item.sub-c .lesson-schedule-body > .schedule-hours-content > .schedule-hours-items > .item.active {
    background: var(--global-sub-c-secondary);
    border-color: var(--global-sub-c-primary);
}
.lesson-item.sub-c .lesson-schedule-body > .schedule-days-content > .item {
    background: var(--global-sub-c-secondary);
}
.lesson-item.sub-c .lesson-schedule-body > .schedule-days-content > .item > span::before {
    background: var(--global-sub-c-primary);
}
.lesson-item.sub-c .lesson-schedule-body > .schedule-days-content > .schedule-days-items > .item {
    border: 1px solid var(--global-sub-c-secondary);
}
.lesson-item.sub-c .lesson-schedule-body > .schedule-days-content > .schedule-days-items > .item > p {
    color: var(--global-sub-c-primary);
}
.lesson-item.sub-c .lesson-schedule-body > .schedule-days-content > .schedule-days-items > .item.active {
    background: var(--global-sub-c-secondary);
    border-color: var(--global-sub-c-primary);
}

.lesson-item.sub-f .lesson-schedule-body > .schedule-hours-content > .schedule-hours-items > .item {
    color: var(--global-sub-f-primary);
    border: 1px solid var(--global-sub-f-secondary);
}
.lesson-item.sub-f .lesson-schedule-body > .schedule-hours-content > .schedule-hours-items > .item.active {
    background: var(--global-sub-f-secondary);
    border-color: var(--global-sub-f-primary);
}
.lesson-item.sub-f .lesson-schedule-body > .schedule-days-content > .item {
    background: var(--global-sub-f-secondary);
}
.lesson-item.sub-f .lesson-schedule-body > .schedule-days-content > .item > span::before {
    background: var(--global-sub-f-primary);
}
.lesson-item.sub-f .lesson-schedule-body > .schedule-days-content > .schedule-days-items > .item {
    border: 1px solid var(--global-sub-f-secondary);
}
.lesson-item.sub-f .lesson-schedule-body > .schedule-days-content > .schedule-days-items > .item > p {
    color: var(--global-sub-f-primary);
}
.lesson-item.sub-f .lesson-schedule-body > .schedule-days-content > .schedule-days-items > .item.active {
    background: var(--global-sub-f-secondary);
    border-color: var(--global-sub-f-primary);
}

.lesson-item.sub-d .lesson-schedule-body > .schedule-hours-content > .schedule-hours-items > .item {
    color: var(--global-sub-d-extra);
    border: 1px solid var(--global-sub-d-secondary);
}
.lesson-item.sub-d .lesson-schedule-body > .schedule-hours-content > .schedule-hours-items > .item.active {
    background: var(--global-sub-d-secondary);
    border-color: var(--global-sub-d-extra);
}
.lesson-item.sub-d .lesson-schedule-body > .schedule-days-content > .item {
    background: var(--global-sub-d-secondary);
}
.lesson-item.sub-d .lesson-schedule-body > .schedule-days-content > .item > span::before {
    background: var(--global-sub-d-extra);
}
.lesson-item.sub-d .lesson-schedule-body > .schedule-days-content > .schedule-days-items > .item {
    border: 1px solid var(--global-sub-d-secondary);
}
.lesson-item.sub-d .lesson-schedule-body > .schedule-days-content > .schedule-days-items > .item > p {
    color: var(--global-sub-d-extra);
}
.lesson-item.sub-d .lesson-schedule-body > .schedule-days-content > .schedule-days-items > .item.active {
    background: var(--global-sub-d-secondary);
    border-color: var(--global-sub-d-extra);
}

.lesson-item.sub-b .lesson-schedule-body > .schedule-hours-content > .schedule-hours-items > .item {
    color: var(--global-sub-b-primary);
    border: 1px solid var(--global-sub-b-secondary);
}
.lesson-item.sub-b .lesson-schedule-body > .schedule-hours-content > .schedule-hours-items > .item.active {
    background: var(--global-sub-b-secondary);
    border-color: var(--global-sub-b-primary);
}
.lesson-item.sub-b .lesson-schedule-body > .schedule-days-content > .item {
    background: var(--global-sub-b-secondary);
}
.lesson-item.sub-b .lesson-schedule-body > .schedule-days-content > .item > span::before {
    background: var(--global-sub-b-primary);
}
.lesson-item.sub-b .lesson-schedule-body > .schedule-days-content > .schedule-days-items > .item {
    border: 1px solid var(--global-sub-b-secondary);
}
.lesson-item.sub-b .lesson-schedule-body > .schedule-days-content > .schedule-days-items > .item > p {
    color: var(--global-sub-b-primary);
}
.lesson-item.sub-b .lesson-schedule-body > .schedule-days-content > .schedule-days-items > .item.active {
    background: var(--global-sub-b-secondary);
    border-color: var(--global-sub-b-primary);
}

.lesson-schedule-body {
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0;
}

@media screen and (max-width: 1244px) {
    .schedule-hours-items {
        grid-template-columns: repeat(auto-fill, minmax(60px, 1fr));
    }
    .schedule-hours-items > .item > p {
        font-size: 14px;
    }
}

.schedule-hours {
    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;
    gap: 4px;
    padding: 58px 0;
}
.schedule-hours > span {
    color: var(--darkgray-text);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}
.schedule-hours > p {
    color: var(--gray-text);
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
}

.schedule-days-items {
    overflow: auto;
    padding-bottom: 1px;
}
.schedule-days-items::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

.lesson-item.sub-a .schedule-days-items::-webkit-scrollbar-thumb, .lesson-item.sub-a .schedule-days-items::-webkit-scrollbar-corner, .lesson-item.sub-a .schedule-days-items::-webkit-resizer {
    background: var(--global-sub-a-primary);
}

.lesson-item.sub-b .schedule-days-items::-webkit-scrollbar-thumb, .lesson-item.sub-b .schedule-days-items::-webkit-scrollbar-corner, .lesson-item.sub-b .schedule-days-items::-webkit-resizer {
    background: var(--global-sub-b-primary);
}

.lesson-item.sub-c .schedule-days-items::-webkit-scrollbar-thumb, .lesson-item.sub-c .schedule-days-items::-webkit-scrollbar-corner, .lesson-item.sub-c .schedule-days-items::-webkit-resizer {
    background: var(--global-sub-c-primary);
}

.lesson-item.sub-d .schedule-days-items::-webkit-scrollbar-thumb, .lesson-item.sub-d .schedule-days-items::-webkit-scrollbar-corner, .lesson-item.sub-d .schedule-days-items::-webkit-resizer {
    background: var(--global-sub-d-extra);
}

.lesson-item.sub-e .schedule-days-items::-webkit-scrollbar-thumb, .lesson-item.sub-e .schedule-days-items::-webkit-scrollbar-corner, .lesson-item.sub-e .schedule-days-items::-webkit-resizer {
    background: var(--global-sub-e-primary);
}

.lesson-item.sub-f .schedule-days-items::-webkit-scrollbar-thumb, .lesson-item.sub-f .schedule-days-items::-webkit-scrollbar-corner, .lesson-item.sub-f .schedule-days-items::-webkit-resizer {
    background: var(--global-sub-f-primary);
}

.wr-field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    width: 100%;
    cursor: text;
    padding: 0px 18px;
    height: 48px;
    border-radius: 12px;
    border: 1px solid var(--input-border);
    background: var(--white-bg);
}
.wr-field > input {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: none;
    border: none;
    color: var(--dark-text);
    overflow: hidden;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
}
.wr-field > input::-webkit-input-placeholder {
    color: #717A84;
}
.wr-field > input::-moz-placeholder {
    color: #717A84;
}
.wr-field > input:-ms-input-placeholder {
    color: #717A84;
}
.wr-field > input::-ms-input-placeholder {
    color: #717A84;
}
.wr-field > input::placeholder {
    color: #717A84;
}

.i-field-date {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.54167 15.6043C8.97583 15.6043 8.49757 15.409 8.10688 15.0183C7.71618 14.6276 7.52083 14.1493 7.52083 13.5835C7.52083 13.0177 7.71618 12.5394 8.10688 12.1487C8.49757 11.758 8.97583 11.5627 9.54167 11.5627C10.1075 11.5627 10.5858 11.758 10.9765 12.1487C11.3672 12.5394 11.5625 13.0177 11.5625 13.5835C11.5625 14.1493 11.3672 14.6276 10.9765 15.0183C10.5858 15.409 10.1075 15.6043 9.54167 15.6043ZM6.25 20.1252C5.82028 20.1252 5.45243 19.9722 5.14646 19.6662C4.84049 19.3602 4.6875 18.9924 4.6875 18.5627V7.06266C4.6875 6.63294 4.84049 6.26509 5.14646 5.95912C5.45243 5.65315 5.82028 5.50016 6.25 5.50016H7.1875V4.61475C7.1875 4.39947 7.26389 4.21544 7.41667 4.06266C7.56944 3.90988 7.75347 3.8335 7.96875 3.8335C8.18403 3.8335 8.36806 3.90988 8.52083 4.06266C8.67361 4.21544 8.75 4.39947 8.75 4.61475V5.50016H15.25V4.61475C15.25 4.39947 15.3264 4.21544 15.4792 4.06266C15.6319 3.90988 15.816 3.8335 16.0313 3.8335C16.2465 3.8335 16.4306 3.90988 16.5833 4.06266C16.7361 4.21544 16.8125 4.39947 16.8125 4.61475V5.50016H17.75C18.1797 5.50016 18.5476 5.65315 18.8535 5.95912C19.1595 6.26509 19.3125 6.63294 19.3125 7.06266V18.5627C19.3125 18.9924 19.1595 19.3602 18.8535 19.6662C18.5476 19.9722 18.1797 20.1252 17.75 20.1252H6.25ZM6.25 18.5627H17.75V10.3752H6.25V18.5627ZM6.25 8.81266H17.75V7.06266H6.25V8.81266Z' fill='%23717A84'/%3E%3C/svg%3E%0A");
}

.i-field-time {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.7917 11.6875V8.67708C12.7917 8.46181 12.7153 8.27778 12.5625 8.125C12.4097 7.97222 12.2257 7.89583 12.0104 7.89583C11.7951 7.89583 11.6111 7.97222 11.4583 8.125C11.3056 8.27778 11.2292 8.46181 11.2292 8.67708V11.9896C11.2292 12.0911 11.2483 12.1894 11.2865 12.2846C11.3247 12.3799 11.3819 12.4656 11.4583 12.5417L14.1796 15.2821C14.3307 15.4343 14.5139 15.5104 14.7292 15.5104C14.9444 15.5104 15.1285 15.434 15.2813 15.2813C15.434 15.1285 15.5104 14.9444 15.5104 14.7292C15.5104 14.5139 15.4343 14.3301 15.2821 14.1779L12.7917 11.6875ZM12 20.125C10.8763 20.125 9.82021 19.9114 8.83187 19.4842C7.84368 19.0568 6.98403 18.4769 6.25292 17.7446C5.52181 17.0121 4.94271 16.1522 4.51563 15.1648C4.08854 14.1776 3.875 13.1226 3.875 12C3.875 10.8763 4.08861 9.82021 4.51583 8.83187C4.94319 7.84368 5.52306 6.98403 6.25542 6.25292C6.98792 5.52181 7.84785 4.94271 8.83521 4.51563C9.82243 4.08854 10.8774 3.875 12 3.875C13.1238 3.875 14.1798 4.08861 15.1681 4.51583C16.1563 4.94319 17.016 5.52306 17.7471 6.25542C18.4782 6.98792 19.0573 7.84785 19.4844 8.83521C19.9115 9.82243 20.125 10.8774 20.125 12C20.125 13.1238 19.9114 14.1798 19.4842 15.1681C19.0568 16.1563 18.4769 17.016 17.7446 17.7471C17.0121 18.4782 16.1522 19.0573 15.1648 19.4844C14.1776 19.9115 13.1226 20.125 12 20.125ZM12 18.5625C13.8125 18.5625 15.3594 17.9219 16.6406 16.6406C17.9219 15.3594 18.5625 13.8125 18.5625 12C18.5625 10.1875 17.9219 8.64063 16.6406 7.35938C15.3594 6.07813 13.8125 5.4375 12 5.4375C10.1875 5.4375 8.64063 6.07813 7.35938 7.35938C6.07813 8.64063 5.4375 10.1875 5.4375 12C5.4375 13.8125 6.07813 15.3594 7.35938 16.6406C8.64063 17.9219 10.1875 18.5625 12 18.5625Z' fill='%23717A84'/%3E%3C/svg%3E%0A");
}

.wr-dialog-fields.wr-field-col {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.wr-dialog-fields.wr-field-col > .wr-dialog-field {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 150px;
            flex: 1 1 150px;
}

.wr-dialog-form {
    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-repeat-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
}
.wr-repeat-content > .item {
    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;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    width: 100%;
    height: 48px;
    padding: 0px 8px;
    border-radius: 8px;
    border: 1px solid #EEF0F1;
    background: #FFF;
}
.wr-repeat-content > .item > p {
    color: #2F3337;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}
.wr-repeat-content > .item.active {
    border: 1px solid #0583F2;
}
.wr-repeat-content > .item.active > p {
    color: #0583F2;
}

.wr-min-navigation {
    background: #F9FAFB;
    z-index: 3;
}

.wr-header {
    z-index: 4;
}

.responsive-main {
    padding-bottom: 0;
}

.i-error-c {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='142' height='142' viewBox='0 0 142 142' fill='none'%3E%3Cpath d='M113.932 67.3088C113.932 91.0062 94.7213 110.217 71.0239 110.217C47.3266 110.217 28.1161 91.0062 28.1161 67.3088C28.1161 43.6115 47.3266 24.401 71.0239 24.401C94.7213 24.401 113.932 43.6115 113.932 67.3088Z' fill='%23BADCFD'/%3E%3Cpath d='M105.466 63.8455C105.466 82.8671 90.0455 98.2872 71.0239 98.2872C52.0022 98.2872 36.5822 82.8671 36.5822 63.8455C36.5822 44.8238 52.0022 29.4037 71.0239 29.4037C90.0455 29.4037 105.466 44.8238 105.466 63.8455Z' fill='%23E3F1FF'/%3E%3Cpath d='M60.2489 58.4579C62.341 58.4579 64.0431 59.6698 64.0958 62.9195C64.0966 62.9711 64.0971 63.0232 64.0971 63.0758C64.0971 63.1284 64.0966 63.1805 64.0958 63.2321C64.0431 66.4818 62.341 67.6937 60.2489 67.6937C58.1235 67.6937 56.4006 66.443 56.4006 63.0758C56.4006 59.7086 58.1235 58.4579 60.2489 58.4579Z' fill='%23002847'/%3E%3Cpath d='M81.7989 58.4579C83.891 58.4579 85.5931 59.6698 85.6458 62.9195C85.6467 62.9711 85.6472 63.0232 85.6472 63.0758C85.6472 63.1284 85.6467 63.1805 85.6458 63.2321C85.5931 66.4818 83.891 67.6937 81.7989 67.6937C79.6736 67.6937 77.9507 66.443 77.9507 63.0758C77.9507 59.7086 79.6736 58.4579 81.7989 58.4579Z' fill='%23002847'/%3E%3Cpath d='M83.8525 73.1265C84.1463 72.5606 84.8432 72.34 85.4091 72.6338C85.975 72.9276 86.1955 73.6245 85.9018 74.1904C82.9858 79.8071 77.4438 83.6638 71.0235 83.6638C64.7034 83.6638 59.2346 79.9267 56.2838 74.4523L56.1452 74.1904L56.1191 74.137C55.8654 73.5814 56.0897 72.9184 56.6379 72.6338C57.186 72.3492 57.8572 72.5473 58.1657 73.0744L58.1944 73.1265L58.3168 73.3576C60.9184 78.185 65.6627 81.3549 71.0235 81.3549C76.4694 81.3549 81.279 78.0836 83.8525 73.1265Z' fill='%23002847'/%3E%3Cpath d='M63.1249 54.8096C63.4236 55.3729 64.1225 55.5873 64.6858 55.2885C65.249 54.9897 65.4634 54.2909 65.1647 53.7276C64.1028 51.7256 62.1123 50.2965 59.7733 50.3782C57.4708 50.4586 55.6073 51.9758 54.6725 53.9989L54.6286 54.0955L54.6059 54.1505C54.3866 54.7205 54.6508 55.3686 55.2153 55.6192C55.7797 55.8699 56.4376 55.6312 56.7134 55.0863L56.739 55.0326L56.8003 54.8998C57.4501 53.5458 58.6095 52.7292 59.8538 52.6857C61.1384 52.6408 62.3901 53.4243 63.1249 54.8096Z' fill='%23002847'/%3E%3Cpath d='M85.3086 55.0326C85.5674 55.6153 86.2496 55.878 86.8323 55.6192C87.415 55.3605 87.6777 54.6783 87.419 54.0955C86.4993 52.0243 84.6134 50.4598 82.2743 50.3782C79.9718 50.2977 78.0071 51.6813 76.9334 53.6342L76.8829 53.7276L76.8564 53.7808C76.5979 54.3342 76.8162 54.9991 77.3618 55.2885C77.9075 55.5779 78.5803 55.3857 78.8935 54.8614L78.9227 54.8096L78.9932 54.6814C79.7359 53.3761 80.9494 52.6422 82.1937 52.6857C83.4783 52.7305 84.6723 53.5994 85.3086 55.0326Z' fill='%23002847'/%3E%3Cpath d='M91.4196 36.3305C91.4196 40.2624 82.1159 43.4498 70.6391 43.4498C59.1624 43.4498 49.8586 40.2624 49.8586 36.3305V17.7628H91.4196V36.3305Z' fill='%23FFDB00'/%3E%3Cpath d='M91.4197 31.1961L75.9901 37.3681C73.0349 38.5502 68.2432 38.5502 65.288 37.3681L49.8588 31.1963V17.7628H91.4197V31.1961Z' fill='%23FFBB00'/%3E%3Cpath d='M101.925 23.8913C101.925 24.8082 102.246 25.7069 102.615 26.5464C103.08 27.6053 103.63 28.2097 104.349 30.3637C104.534 31.3632 104.627 31.863 104.488 32.2534C104.365 32.5959 104.125 32.8842 103.811 33.0668C103.452 33.275 102.944 33.2748 101.927 33.2748H100.922C99.906 33.2748 99.3978 33.2749 99.0393 33.0668C98.7248 32.8842 98.4849 32.5959 98.3626 32.2534C98.2231 31.863 98.3152 31.3632 98.5003 30.3637C99.219 28.2113 99.7676 27.6037 100.232 26.5429C100.601 25.7002 100.925 24.798 100.925 23.878V20.4995C100.925 20.2233 101.149 19.9995 101.425 19.9995C101.701 19.9995 101.925 20.2233 101.925 20.4995V23.8913Z' fill='%23FFBB00'/%3E%3Cpath d='M115.56 37.6757L118.503 33.492L118.503 33.492C119.314 32.3397 119.719 31.7635 120.194 31.6021C120.608 31.4613 121.063 31.5035 121.444 31.7182C121.882 31.9643 122.174 32.6053 122.758 33.8871L122.758 33.8871L124.779 38.319C125.334 39.5363 125.612 40.1449 125.521 40.6249C125.442 41.0439 125.193 41.4113 124.832 41.6395C124.42 41.9009 123.752 41.8675 122.415 41.8007L117.452 41.5525C115.997 41.4797 115.269 41.4434 114.876 41.1185C114.533 40.8354 114.329 40.4178 114.317 39.9733C114.303 39.4632 114.722 38.8674 115.56 37.6757Z' fill='%23FFDB00'/%3E%3Cpath d='M127.597 50.2038L130.442 48.6294L130.442 48.6294C131.225 48.1958 131.617 47.979 131.932 48.0189C132.207 48.0537 132.454 48.2044 132.61 48.4334C132.789 48.6959 132.776 49.1439 132.749 50.04L132.749 50.04L132.654 53.1381C132.628 53.989 132.615 54.4144 132.429 54.6638C132.267 54.8815 132.022 55.0222 131.754 55.0525C131.446 55.0871 131.076 54.882 130.335 54.4719L127.585 52.9482C126.779 52.5015 126.376 52.2781 126.243 51.9828C126.128 51.7253 126.129 51.4297 126.247 51.172C126.382 50.8764 126.787 50.6522 127.597 50.2038Z' fill='%230956FF'/%3E%3Cpath d='M16.4147 43.7186L19.7528 41.6882L19.7528 41.6882C20.6722 41.1289 21.1319 40.8493 21.5123 40.8817C21.844 40.9099 22.1474 41.0788 22.3465 41.346C22.5749 41.6524 22.5806 42.191 22.5919 43.2683L22.5919 43.2683L22.6313 46.9928C22.6421 48.0158 22.6475 48.5273 22.4364 48.8359C22.2521 49.1052 21.9652 49.2863 21.6441 49.3359C21.2764 49.3926 20.8218 49.1646 19.9126 48.7086L16.5352 47.0145C15.5452 46.5178 15.0501 46.2695 14.8765 45.9214C14.7252 45.618 14.7122 45.2629 14.8409 44.9477C14.9886 44.5861 15.464 44.2969 16.4147 43.7186Z' fill='%230956FF'/%3E%3Cpath d='M7.82137 65.2245L8.97949 61.4064L8.97949 61.4064C9.29848 60.3548 9.45797 59.829 9.76952 59.5947C10.0412 59.3903 10.3871 59.3122 10.7206 59.38C11.103 59.4578 11.474 59.8638 12.2162 60.676L12.2162 60.676L14.782 63.4839C15.4867 64.2551 15.8391 64.6407 15.8885 65.0193C15.9316 65.3498 15.8365 65.6829 15.6259 65.9393C15.3847 66.2329 14.8835 66.3688 13.881 66.6407L10.1571 67.6509C9.06543 67.947 8.5196 68.0951 8.15044 67.9483C7.82868 67.8204 7.57707 67.559 7.46042 67.2315C7.32657 66.8557 7.49151 66.312 7.82137 65.2245Z' fill='%23FFDB00'/%3E%3Cpath d='M106.118 115.198L104.838 105.857C104.773 105.386 105.098 104.949 105.568 104.874C105.97 104.811 106.362 105.033 106.515 105.409L110.062 114.145C110.545 115.337 109.83 116.674 108.571 116.934C107.405 117.174 106.279 116.378 106.118 115.198Z' fill='%230956FF'/%3E%3Cpath d='M116.733 105.572L109.77 103.287C109.418 103.171 109.223 102.796 109.331 102.442C109.424 102.14 109.712 101.941 110.028 101.962L117.34 102.458C118.337 102.526 119.029 103.481 118.781 104.449C118.552 105.345 117.613 105.861 116.733 105.572Z' fill='%230956FF'/%3E%3Cpath d='M65.288 4.89189C68.2433 3.70978 73.0348 3.70978 75.9901 4.89189L104.019 16.1034C106.974 17.2855 106.974 19.2021 104.019 20.3842L75.9901 31.5957C73.0348 32.7778 68.2433 32.7778 65.288 31.5957L37.2593 20.3842C34.304 19.2021 34.304 17.2855 37.2593 16.1034L65.288 4.89189Z' fill='%23FFDB00'/%3E%3Cpath d='M59.4808 133.051L55.8005 123.82L62.535 117.759L71.0586 122.11C72.7029 122.95 73.5251 123.369 73.7425 123.892C73.9312 124.345 73.8923 124.861 73.6379 125.281C73.3448 125.765 72.4691 126.057 70.7176 126.64L68.7943 127.281C67.8357 127.601 67.3563 127.761 66.9475 128.025C66.5852 128.259 66.2648 128.552 65.9997 128.892C65.7005 129.276 65.4989 129.739 65.0957 130.666L64.0269 133.122C63.2867 134.823 62.9166 135.673 62.4075 135.922C61.9657 136.138 61.4473 136.13 61.0124 135.9C60.5113 135.636 60.1678 134.774 59.4808 133.051Z' fill='%230956FF'/%3E%3Cpath d='M64.9198 118.977C65.1205 119.658 65.2287 120.38 65.2287 121.126C65.2287 125.281 61.8947 128.657 57.756 128.725L55.8005 123.82L62.535 117.759L64.9198 118.977Z' fill='%230040CC'/%3E%3Cpath d='M19.1078 97.9234L43.1218 78.9965C44.6357 77.8033 45.3927 77.2067 46.0559 77.1368C46.6691 77.0721 47.193 77.217 47.6858 77.5875C48.2188 77.9884 48.5803 78.9382 49.3033 80.8378C50.9387 85.1346 53.721 91.2344 57.7246 96.0166C61.6503 100.705 66.2557 104.406 69.5095 106.732L69.5096 106.732C71.0102 107.805 71.7605 108.341 72.016 108.915C72.2529 109.448 72.2854 109.956 72.1185 110.515C71.9384 111.117 71.2996 111.711 70.022 112.898L70.022 112.898L50.0436 131.46C49.2911 132.159 48.9149 132.509 48.4579 132.668C48.0677 132.804 47.6078 132.832 47.2041 132.743C46.7313 132.64 46.3328 132.35 45.5359 131.77C42.0861 129.262 35.4838 124.149 29.8249 117.952C24.4203 112.032 20.3497 105.941 18.246 102.555C17.6928 101.665 17.4162 101.219 17.3556 100.709C17.3042 100.276 17.3894 99.7906 17.5853 99.4007C17.8158 98.9417 18.2465 98.6023 19.1078 97.9234Z' fill='%23FFDB00'/%3E%3Cpath d='M44.2614 91.8157C44.7529 91.4533 45.4477 91.5363 45.839 92.0142C46.2429 92.5075 46.1705 93.2349 45.6772 93.6389L32.5484 104.388C32.055 104.791 31.3276 104.719 30.9237 104.226C30.5198 103.732 30.5924 103.005 31.0857 102.601L44.2144 91.8522L44.2614 91.8157Z' fill='%23FFBB00'/%3E%3Cpath d='M48.738 98.8792C49.2198 98.4617 49.9488 98.5138 50.3664 98.9956C50.7839 99.4774 50.732 100.207 50.2502 100.624L38.0303 111.214C37.5485 111.632 36.8193 111.58 36.4018 111.098C35.9843 110.616 36.0364 109.887 36.5182 109.469L48.738 98.8792Z' fill='%23FFBB00'/%3E%3Cpath d='M64.3628 118.817C64.3628 123.015 60.96 126.418 56.7625 126.418C52.565 126.418 49.1622 123.015 49.1622 118.817C49.1622 114.62 52.565 111.217 56.7625 111.217C60.96 111.217 64.3628 114.62 64.3628 118.817Z' fill='%230956FF'/%3E%3C/svg%3E");
}

@media screen and (max-width: 1024px) {
    .responsive-content {
        padding: 24px 16px;
    }
}
@media screen and (max-width: 768px) {
    .responsive-main {
        padding-bottom: 0;
    }
}

.wr-dialog-teacher {
    position: relative;
    isolation: isolate;
}
.wr-dialog-teacher::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    z-index: -1;
    inset: 0;
    pointer-events: none;
    background-image: url("data:image/svg+xml,%3Csvg width='432' height='81' viewBox='0 0 432 81' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.1' clip-path='url(%23clip0_591_18945)'%3E%3Cpath d='M341.398 55.1879L332.707 63.8779L329.428 62.9991C329.351 62.9791 329.269 62.9717 329.188 62.9776C328.872 62.9983 328.604 63.2177 328.521 63.5245C328.416 63.9202 328.651 64.3263 329.047 64.4322L332.324 65.3133L333.204 68.5901C333.31 68.9858 333.717 69.2215 334.113 69.114C334.507 69.0058 334.739 68.6005 334.633 68.2063L333.757 64.9295L342.449 56.2372C342.739 55.9482 341.532 55.0538 341.398 55.1879Z' fill='black'/%3E%3Cpath d='M339.014 53.5792L343.763 58.3269C344.053 58.6182 345.101 57.5711 344.813 57.2821L340.059 52.5284C339.913 52.3854 338.723 53.2902 339.014 53.5792Z' fill='black'/%3E%3Cpath d='M326.569 67.3374L330.316 71.0848C330.606 71.376 331.654 70.3289 331.367 70.0399L327.614 66.2881C327.469 66.1429 326.278 67.0477 326.569 67.3374Z' fill='black'/%3E%3Cpath d='M341.137 50.3519L326.702 64.793C326.585 64.9079 326.51 65.0576 326.488 65.2199L325.711 71.0947C325.658 71.5008 325.943 71.8728 326.35 71.9262C326.414 71.9351 326.479 71.9351 326.543 71.9262L332.418 71.1496C332.579 71.1273 332.73 71.0517 332.845 70.9361L347.286 56.495C348.148 55.6332 348.148 54.2171 347.286 53.3553L344.283 50.3519C343.42 49.4901 341.999 49.4901 341.137 50.3519ZM342.187 51.4027C342.486 51.1033 342.938 51.1033 343.237 51.4027L346.235 54.4002C346.534 54.6995 346.534 55.1508 346.235 55.4502L331.974 69.7112L327.308 70.3292L327.926 65.663L342.187 51.4027Z' fill='black'/%3E%3Cg clip-path='url(%23clip1_591_18945)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M391.904 14.9043C390.849 14.9043 389.874 15.3944 389.068 16.161C388.262 16.9276 387.588 17.9758 387.029 19.2339C385.909 21.75 385.248 25.1239 385.248 28.8465C385.248 32.5691 385.909 35.9433 387.029 38.4595C387.588 39.7176 388.262 40.7658 389.068 41.5324C389.874 42.299 390.849 42.7887 391.904 42.7887C392.958 42.7887 393.933 42.299 394.739 41.5324C395.545 40.7658 396.219 39.7176 396.779 38.4595C397.898 35.9433 398.559 32.5691 398.559 28.8465C398.559 25.1239 397.898 21.75 396.779 19.2339C396.219 17.9758 395.545 16.9276 394.739 16.161C393.933 15.3944 392.958 14.9043 391.904 14.9043ZM391.904 16.5386C392.462 16.5386 393.022 16.7836 393.613 17.3454C394.204 17.9071 394.788 18.7812 395.285 19.8982C396.279 22.1323 396.925 25.3203 396.925 28.8465C396.925 32.3726 396.279 35.561 395.285 37.7952C394.788 38.9122 394.204 39.7863 393.613 40.348C393.022 40.9097 392.462 41.1543 391.904 41.1543C391.346 41.1543 390.785 40.9097 390.194 40.348C389.603 39.7863 389.019 38.9122 388.522 37.7952C387.528 35.561 386.882 32.3726 386.882 28.8465C386.882 25.3203 387.528 22.1323 388.522 19.8982C389.019 18.7812 389.603 17.9071 390.194 17.3454C390.785 16.7836 391.346 16.5386 391.904 16.5386Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M403.978 21.8757C403.451 20.9627 402.539 20.3632 401.472 20.0482C400.405 19.7333 399.161 19.6738 397.791 19.8182C395.053 20.107 391.8 21.2216 388.576 23.0829C385.352 24.9442 382.761 27.2038 381.141 29.4312C380.331 30.5449 379.761 31.6526 379.5 32.7341C379.239 33.8156 379.302 34.9049 379.83 35.8179C380.357 36.731 381.268 37.3305 382.335 37.6454C383.402 37.9604 384.647 38.0195 386.016 37.8751C388.755 37.5864 392.008 36.4721 395.232 34.6108C398.456 32.7495 401.047 30.4895 402.666 28.2621C403.476 27.1484 404.047 26.0411 404.308 24.9596C404.569 23.8781 404.505 22.7888 403.978 21.8757ZM402.563 22.6929C402.842 23.1761 402.91 23.7841 402.719 24.5766C402.528 25.3691 402.063 26.3123 401.345 27.3011C399.907 29.2789 397.468 31.4323 394.415 33.1954C391.361 34.9584 388.277 35.9934 385.845 36.2498C384.629 36.378 383.58 36.3089 382.798 36.0781C382.016 35.8474 381.524 35.4839 381.245 35.0008C380.966 34.5176 380.897 33.9096 381.089 33.1171C381.28 32.3246 381.744 31.3814 382.463 30.3925C383.901 28.4148 386.34 26.2614 389.393 24.4983C392.447 22.7352 395.531 21.7003 397.963 21.4439C399.179 21.3157 400.228 21.3848 401.01 21.6156C401.792 21.8463 402.284 22.2097 402.563 22.6929Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M379.83 21.8757C379.303 22.7888 379.239 23.878 379.5 24.9596C379.761 26.0411 380.332 27.1484 381.141 28.2621C382.761 30.4895 385.352 32.7494 388.576 34.6107C391.8 36.472 395.053 37.5861 397.791 37.8749C399.161 38.0193 400.405 37.9602 401.472 37.6452C402.539 37.3303 403.451 36.731 403.978 35.8179C404.506 34.9048 404.569 33.8151 404.308 32.7335C404.047 31.652 403.476 30.5447 402.666 29.431C401.047 27.2036 398.456 24.9442 395.232 23.0829C392.008 21.2216 388.755 20.1069 386.017 19.8182C384.647 19.6738 383.403 19.7329 382.336 20.0479C381.269 20.3628 380.357 20.9627 379.83 21.8757ZM381.245 22.6929C381.524 22.2097 382.016 21.8463 382.798 21.6155C383.58 21.3848 384.629 21.3153 385.845 21.4435C388.277 21.6999 391.361 22.7352 394.415 24.4983C397.468 26.2613 399.907 28.4144 401.345 30.3922C402.064 31.381 402.528 32.3244 402.719 33.1169C402.91 33.9094 402.842 34.5176 402.563 35.0007C402.284 35.4839 401.791 35.8471 401.01 36.0779C400.228 36.3087 399.179 36.378 397.963 36.2498C395.531 35.9934 392.447 34.9584 389.393 33.1954C386.34 31.4323 383.901 29.2788 382.463 27.3011C381.744 26.3122 381.28 25.369 381.089 24.5766C380.898 23.7841 380.966 23.1761 381.245 22.6929Z' fill='black'/%3E%3C/g%3E%3Cg clip-path='url(%23clip2_591_18945)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M-0.0533762 46.0039C-1.1077 46.0039 -2.08271 46.494 -2.88895 47.2606C-3.69519 48.0272 -4.36861 49.0754 -4.92826 50.3335C-6.04755 52.8497 -6.70898 56.2235 -6.70898 59.9461C-6.70898 63.6687 -6.04755 67.0429 -4.92826 69.5591C-4.36861 70.8172 -3.69519 71.8654 -2.88895 72.632C-2.08271 73.3986 -1.1077 73.8883 -0.0533762 73.8883C1.00095 73.8883 1.97596 73.3986 2.78219 72.632C3.58844 71.8654 4.26226 70.8172 4.82191 69.5591C5.9412 67.0429 6.60223 63.6687 6.60223 59.9461C6.60223 56.2235 5.9412 52.8497 4.82191 50.3335C4.26226 49.0754 3.58844 48.0272 2.78219 47.2606C1.97596 46.494 1.00095 46.0039 -0.0533762 46.0039ZM-0.0533762 47.6382C0.504547 47.6382 1.0654 47.8832 1.65617 48.445C2.24694 49.0067 2.83141 49.8808 3.32832 50.9978C4.32213 53.232 4.96789 56.42 4.96789 59.9461C4.96789 63.4722 4.32213 66.6606 3.32832 68.8948C2.83141 70.0118 2.24694 70.8859 1.65617 71.4476C1.0654 72.0094 0.504547 72.2539 -0.0533762 72.2539C-0.6113 72.2539 -1.17215 72.0094 -1.76292 71.4476C-2.35369 70.8859 -2.93816 70.0118 -3.43507 68.8948C-4.42889 66.6606 -5.07464 63.4722 -5.07464 59.9461C-5.07464 56.42 -4.42889 53.232 -3.43507 50.9978C-2.93816 49.8808 -2.35369 49.0067 -1.76292 48.445C-1.17215 47.8832 -0.6113 47.6382 -0.0533762 47.6382Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.0212 52.9754C11.494 52.0623 10.5824 51.4628 9.51537 51.1478C8.44836 50.8329 7.20372 50.7734 5.83436 50.9178C3.09563 51.2066 -0.157068 52.3212 -3.38093 54.1825C-6.60479 56.0438 -9.19646 58.3034 -10.8159 60.5308C-11.6256 61.6446 -12.1964 62.7522 -12.4572 63.8337C-12.718 64.9152 -12.6546 66.0045 -12.1274 66.9175C-11.6003 67.8306 -10.6886 68.4301 -9.62163 68.7451C-8.55462 69.06 -7.31018 69.1191 -5.94082 68.9747C-3.20209 68.686 0.0508128 67.5717 3.27467 65.7104C6.49854 63.8491 9.09 61.5891 10.7094 59.3617C11.5192 58.248 12.0902 57.1407 12.3509 56.0592C12.6117 54.9777 12.5483 53.8884 12.0212 52.9754ZM10.6058 53.7925C10.8847 54.2757 10.9533 54.8837 10.7623 55.6762C10.5712 56.4687 10.1065 57.4119 9.3875 58.4007C7.9496 60.3785 5.51123 62.5319 2.4575 64.295C-0.596224 66.0581 -3.68034 67.093 -6.11206 67.3494C-7.32793 67.4776 -8.37713 67.4085 -9.15898 67.1777C-9.94083 66.947 -10.4331 66.5835 -10.712 66.1004C-10.991 65.6172 -11.0596 65.0092 -10.8685 64.2167C-10.6774 63.4242 -10.2127 62.481 -9.49376 61.4922C-8.05586 59.5144 -5.61749 57.361 -2.56376 55.5979C0.489968 53.8348 3.57409 52.7999 6.00581 52.5435C7.22167 52.4153 8.27087 52.4844 9.05272 52.7152C9.83457 52.9459 10.3268 53.3093 10.6058 53.7925Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M-12.1273 52.9753C-12.6544 53.8884 -12.7178 54.9776 -12.4571 56.0592C-12.1963 57.1407 -11.6253 58.248 -10.8156 59.3617C-9.19611 61.5891 -6.60465 63.8491 -3.38079 65.7104C-0.156924 67.5717 3.09563 68.6857 5.83436 68.9745C7.20372 69.1189 8.44816 69.0598 9.51517 68.7448C10.5822 68.4299 11.4941 67.8306 12.0213 66.9175C12.5485 66.0045 12.6117 64.9147 12.3509 63.8331C12.0902 62.7516 11.5192 61.6443 10.7094 60.5306C9.09 58.3032 6.49868 56.0438 3.27482 54.1825C0.0509591 52.3212 -3.20174 51.2066 -5.94047 50.9178C-7.30983 50.7734 -8.55427 50.8325 -9.62128 51.1475C-10.6883 51.4624 -11.6001 52.0623 -12.1273 52.9753ZM-10.7119 53.7925C-10.4329 53.3093 -9.94068 52.9459 -9.15883 52.7152C-8.37698 52.4844 -7.32758 52.4149 -6.11172 52.5431C-3.67999 52.7995 -0.59608 53.8348 2.45765 55.5979C5.51138 57.361 7.94994 59.5141 9.38785 61.4918C10.1068 62.4807 10.571 63.424 10.7621 64.2165C10.9531 65.009 10.8849 65.6172 10.6059 66.1004C10.327 66.5835 9.83437 66.9467 9.05252 67.1775C8.27067 67.4083 7.22181 67.4776 6.00595 67.3494C3.57423 67.093 0.490115 66.058 -2.56361 64.295C-5.61734 62.5319 -8.05571 60.3785 -9.49361 58.4007C-10.2126 57.4119 -10.6773 56.4687 -10.8684 55.6762C-11.0595 54.8837 -10.9909 54.2757 -10.7119 53.7925Z' fill='black'/%3E%3C/g%3E%3Cg clip-path='url(%23clip3_591_18945)'%3E%3Cpath d='M305.654 24.8016C305.617 24.8171 304.869 25.1374 303.8 25.6679L302.761 23.4519C302.608 23.1253 302.207 22.9969 301.892 23.1779C299.821 24.3679 297.525 26.6054 296.706 29.108C294.258 28.1369 291.07 28.4699 288.83 29.3001C288.49 29.4271 288.332 29.816 288.485 30.1436L289.552 32.4195C288.927 32.6841 288.338 32.9401 287.708 33.2133C287.39 33.3504 287.244 33.7266 287.393 34.0443L292.18 44.2556C292.318 44.5506 292.661 44.688 292.965 44.5698C295.266 43.6744 299.01 41.9401 302.397 41.8209C302.699 41.8104 302.866 41.5812 302.837 41.6146C305.095 39.0879 308.822 37.3201 310.983 36.1241C311.268 35.9663 311.382 35.6145 311.244 35.3195L306.457 25.1082C306.316 24.8062 305.96 24.6706 305.654 24.8016ZM301.935 24.6082L306.44 34.2183C304.992 35.3379 303.305 37.0702 302.282 39.5457C302.051 39.0521 297.89 30.1746 297.765 29.9076C298.274 27.8019 300.165 25.7902 301.935 24.6082ZM289.902 30.2486C291.943 29.6441 294.699 29.4776 296.643 30.4333L301.161 40.0714C298.604 39.2737 296.193 39.4624 294.407 39.8586L289.902 30.2486ZM293.054 43.2023L288.785 34.0961C289.193 33.9198 289.628 33.732 290.078 33.5417L293.499 40.8413C293.626 41.1111 293.927 41.2525 294.215 41.178C295.608 40.8182 297.517 40.5594 299.596 40.9552C297.149 41.4963 294.794 42.5027 293.054 43.2023ZM309.875 35.3175C308.227 36.2063 305.945 37.3732 303.963 38.908C304.988 37.0575 306.409 35.7555 307.576 34.9151C307.818 34.741 307.902 34.4194 307.775 34.1497L304.325 26.7897C304.836 26.5363 305.276 26.3301 305.594 26.1843L309.875 35.3175L309.875 35.3175Z' fill='black'/%3E%3Cpath d='M295.796 32.4069C295.22 32.3079 294.298 32.2875 293.435 32.527C293.106 32.6183 292.913 32.9599 293.004 33.2894C293.096 33.6189 293.437 33.8118 293.767 33.7203C294.433 33.5354 295.163 33.5547 295.587 33.6275C295.924 33.6854 296.244 33.4592 296.302 33.1221C296.36 32.785 296.134 32.4648 295.796 32.4069Z' fill='black'/%3E%3Cpath d='M297.22 35.5907C296.706 35.534 295.723 35.4722 294.92 35.6954C294.59 35.7868 294.397 36.1283 294.489 36.4578C294.58 36.7874 294.922 36.9803 295.251 36.8887C295.877 36.7148 296.741 36.7839 297.084 36.8218C297.424 36.8592 297.73 36.6137 297.767 36.2742C297.805 35.9343 297.56 35.6283 297.22 35.5907Z' fill='black'/%3E%3Cpath d='M300.897 31.1375C301.112 30.7654 301.564 30.1914 302.132 29.798C302.413 29.6033 302.483 29.2175 302.289 28.9363C302.094 28.6552 301.708 28.5848 301.427 28.7798C300.691 29.2894 300.117 30.0117 299.824 30.5178C299.653 30.8139 299.755 31.1927 300.051 31.3638C300.347 31.535 300.726 31.4333 300.897 31.1375Z' fill='black'/%3E%3Cpath d='M302.913 31.9487C302.227 32.4236 301.646 33.2181 301.361 33.6494C301.173 33.9347 301.251 34.3188 301.536 34.5075C301.821 34.6961 302.206 34.6177 302.394 34.3324C302.584 34.0451 303.084 33.3368 303.618 32.9668C303.899 32.7721 303.969 32.3863 303.775 32.1051C303.58 31.824 303.194 31.7537 302.913 31.9487Z' fill='black'/%3E%3C/g%3E%3Cg clip-path='url(%23clip4_591_18945)'%3E%3Cpath d='M104.026 -3.39948L99.7338 -4.02323L97.8141 -7.91287C97.0727 -9.41533 94.9287 -9.41487 94.1875 -7.91292L92.2678 -4.02328L87.9753 -3.39948C86.3171 -3.15857 85.6552 -1.11945 86.8546 0.0497341L89.9607 3.07741L89.2274 7.35243C88.9442 9.00389 90.6789 10.2635 92.1615 9.48423L96.0009 7.46568L99.8402 9.48423C101.321 10.2626 103.057 9.00364 102.774 7.35243L102.041 3.07736L105.147 0.0496836C106.347 -1.11991 105.684 -3.15863 104.026 -3.39948ZM103.937 -1.19146L100.505 2.15421C100.301 2.35332 100.207 2.64019 100.256 2.92131L101.066 7.64554C101.107 7.88279 100.86 8.06195 100.647 7.95008L96.4041 5.71961C96.1516 5.58692 95.8499 5.58692 95.5975 5.71961L91.3549 7.95008C91.1418 8.06205 90.8951 7.88274 90.9357 7.64554L91.746 2.92131C91.7942 2.64019 91.701 2.35332 91.4968 2.15421L88.0644 -1.19146C87.892 -1.3595 87.9863 -1.64956 88.2245 -1.68424L92.9679 -2.3735C93.2501 -2.41453 93.4942 -2.59175 93.6204 -2.84754L95.7418 -7.14582C95.8483 -7.36153 96.1533 -7.36169 96.2598 -7.14577L98.3812 -2.84754C98.5074 -2.59175 98.7515 -2.41448 99.0337 -2.3735L103.777 -1.68424C104.015 -1.64956 104.11 -1.35945 103.937 -1.19146Z' fill='black'/%3E%3Cpath d='M86.4022 4.17871C86.2544 3.72356 85.7655 3.47422 85.3102 3.6223L83.599 4.1783C83.1438 4.32623 82.8948 4.8151 83.0426 5.27036C83.1908 5.72632 83.6805 5.97454 84.1347 5.82677L85.8458 5.27076C86.3011 5.12284 86.5502 4.63391 86.4022 4.17871Z' fill='black'/%3E%3Cpath d='M108.401 4.17835L106.689 3.62234C106.234 3.47417 105.745 3.72355 105.597 4.17875C105.449 4.63396 105.699 5.12293 106.154 5.2708L107.865 5.82681C108.319 5.97453 108.809 5.72631 108.957 5.2704C109.105 4.8152 108.856 4.32627 108.401 4.17835Z' fill='black'/%3E%3Cpath d='M95.9994 10.8975C95.5208 10.8975 95.1328 11.2855 95.1328 11.7641V13.5231C95.1328 14.0017 95.5208 14.3897 95.9994 14.3897C96.4781 14.3897 96.8661 14.0017 96.8661 13.5231V11.7641C96.8661 11.2854 96.4781 10.8975 95.9994 10.8975Z' fill='black'/%3E%3C/g%3E%3Cpath d='M-28.7429 -543.828C-1.5138 -536.128 55.0238 -510.531 63.341 -469.737C73.7376 -418.746 45.6702 -381.304 63.341 -356.859C139.583 -251.389 23.24 -240.929 36.1119 -187.323C46.4095 -144.438 -31.5484 -32.8955 -71.8145 17.515' stroke='black' stroke-width='2.61495' stroke-linecap='round' stroke-dasharray='3.49 8.72'/%3E%3Ccircle cx='127.71' cy='82.2013' r='1.7433' fill='black'/%3E%3Ccircle cx='101.562' cy='71.7413' r='1.7433' fill='black'/%3E%3Ccircle cx='101.562' cy='71.7413' r='1.7433' fill='black'/%3E%3Ccircle cx='39.7433' cy='79.7433' r='1.7433' fill='black'/%3E%3Ccircle cx='282.948' cy='80.2741' r='1.7433' fill='black'/%3E%3Ccircle cx='66.6945' cy='24.672' r='1.7433' fill='black'/%3E%3Ccircle cx='250.743' cy='13.7433' r='1.7433' fill='black'/%3E%3Ccircle cx='379.7' cy='66.3273' r='1.7433' fill='black'/%3E%3Cg clip-path='url(%23clip5_591_18945)'%3E%3Cpath d='M140.264 87.8784C141.2 87.8784 142.137 87.5218 142.85 86.8087C144.276 85.3823 144.276 83.0615 142.85 81.6352L131.832 70.6167C129.814 68.5992 126.531 68.599 124.514 70.6167C122.496 72.6345 122.496 75.9173 124.514 77.9349L133.763 87.184C134.005 87.4262 134.398 87.4262 134.64 87.184C134.882 86.9417 134.882 86.5487 134.64 86.3064L125.391 77.0574C123.857 75.5238 123.857 73.0282 125.391 71.4942C126.925 69.9604 129.42 69.9606 130.954 71.4942L141.973 82.5128C142.915 83.4553 142.915 84.9886 141.973 85.9311C141.03 86.8735 139.497 86.8735 138.554 85.9311L128.578 75.9549C128.228 75.6047 128.228 75.0347 128.578 74.6844C128.748 74.5147 128.973 74.4214 129.213 74.4214C129.453 74.4214 129.679 74.5147 129.849 74.6844L138.055 82.8912C138.298 83.1335 138.69 83.1335 138.933 82.8912C139.175 82.649 139.175 82.256 138.933 82.0136L130.726 73.8069C129.892 72.9728 128.535 72.9727 127.701 73.8069C127.297 74.211 127.074 74.7481 127.074 75.3196C127.074 75.891 127.297 76.4282 127.701 76.8324L137.677 86.8087C138.39 87.5218 139.327 87.8784 140.264 87.8784Z' fill='black'/%3E%3C/g%3E%3Cg clip-path='url(%23clip6_591_18945)'%3E%3Cpath d='M223.76 26.0438L221.398 26.9109C221.105 26.514 220.691 26.2228 220.218 26.0811C219.745 25.9393 219.24 25.9546 218.776 26.1247C218.313 26.2948 217.918 26.6105 217.649 27.0244C217.38 27.4383 217.253 27.9282 217.286 28.4205L207.227 32.1141C207.063 32.1741 206.931 32.2966 206.857 32.4546C206.784 32.6125 206.777 32.7931 206.837 32.9565C206.897 33.1199 207.019 33.2528 207.177 33.3259C207.335 33.399 207.516 33.4064 207.679 33.3464L217.741 29.6521C218.034 30.0481 218.448 30.3385 218.92 30.4797C219.392 30.6209 219.898 30.6054 220.36 30.4355C220.823 30.2657 221.218 29.9505 221.487 29.5373C221.755 29.1241 221.883 28.635 221.85 28.1432L224.21 27.2767C224.374 27.2167 224.506 27.0943 224.58 26.9363C224.653 26.7783 224.66 26.5978 224.6 26.4344C224.54 26.271 224.418 26.1381 224.26 26.065C224.102 25.9919 223.921 25.9845 223.758 26.0445L223.76 26.0438ZM219.91 29.2053C219.727 29.2724 219.529 29.2838 219.339 29.238C219.15 29.1923 218.979 29.0914 218.847 28.9483C218.715 28.8051 218.628 28.626 218.598 28.4336C218.568 28.2412 218.595 28.0442 218.677 27.8675C218.759 27.6908 218.891 27.5423 219.057 27.4408C219.224 27.3393 219.416 27.2894 219.611 27.2974C219.805 27.3053 219.993 27.3708 220.15 27.4855C220.308 27.6002 220.428 27.7589 220.495 27.9417C220.585 28.1868 220.574 28.4577 220.464 28.6946C220.354 28.9316 220.155 29.1153 219.91 29.2053Z' fill='black'/%3E%3Cpath d='M217.391 10.5525L202.776 15.9186C202.264 16.1074 201.847 16.4919 201.617 16.9878C201.388 17.4837 201.364 18.0504 201.552 18.5636L205.108 28.2491C205.297 28.7619 205.682 29.1788 206.178 29.4084C206.674 29.6379 207.24 29.6613 207.753 29.4734L222.368 24.1074C222.881 23.9185 223.298 23.534 223.527 23.0381C223.757 22.5422 223.78 21.9755 223.592 21.4624L220.036 11.7768C219.847 11.264 219.463 10.8471 218.967 10.6176C218.471 10.388 217.904 10.3646 217.391 10.5525ZM222.36 21.9148C222.428 22.1011 222.42 22.3069 222.336 22.4869C222.253 22.6669 222.102 22.8066 221.916 22.8751L207.301 28.2412C207.115 28.3094 206.909 28.3009 206.729 28.2176C206.549 28.1342 206.409 27.9829 206.341 27.7967L202.784 18.1111C202.716 17.9248 202.725 17.7191 202.808 17.539C202.891 17.359 203.043 17.2194 203.229 17.1508L217.844 11.7847C218.03 11.7165 218.236 11.725 218.416 11.8084C218.596 11.8917 218.735 12.0431 218.804 12.2292L222.36 21.9148Z' fill='black'/%3E%3Cpath d='M215.787 18.2396L209.727 16.9687C209.612 16.9447 209.493 16.9518 209.382 16.9892C209.271 17.0267 209.172 17.0932 209.096 17.1819C209.019 17.2705 208.968 17.378 208.947 17.4933C208.926 17.6086 208.936 17.7273 208.976 17.8373L211.238 23.9986C211.279 24.1086 211.348 24.2058 211.439 24.2801C211.529 24.3543 211.638 24.403 211.754 24.421C211.87 24.439 211.988 24.4257 212.097 24.3824C212.206 24.3391 212.301 24.2675 212.373 24.175L216.171 19.2845C216.24 19.1965 216.285 19.0924 216.302 18.982C216.32 18.8716 216.309 18.7587 216.27 18.6538C216.232 18.5489 216.167 18.4555 216.082 18.3826C215.998 18.3097 215.896 18.2596 215.786 18.2371L215.787 18.2396ZM212.064 22.4371L210.616 18.4939L214.49 19.3088L212.064 22.4371Z' fill='black'/%3E%3C/g%3E%3Cpath d='M524.591 264.657C496.409 262.11 436.121 247.378 420.424 208.818C400.803 160.618 421.484 118.642 399.609 97.8748C305.226 8.27295 417.644 -23.4613 395.108 -73.7749C377.079 -114.026 433.131 -238.031 463.411 -295.002' stroke='black' stroke-width='2.61495' stroke-linecap='round' stroke-dasharray='3.49 8.72'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_591_18945'%3E%3Crect width='432' height='80' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3CclipPath id='clip1_591_18945'%3E%3Crect width='27.8928' height='27.8928' fill='white' transform='translate(377.957 14.9004)'/%3E%3C/clipPath%3E%3CclipPath id='clip2_591_18945'%3E%3Crect width='27.8928' height='27.8928' fill='white' transform='translate(-14 46)'/%3E%3C/clipPath%3E%3CclipPath id='clip3_591_18945'%3E%3Crect width='21.0545' height='21.0545' fill='white' transform='translate(285 28.936) rotate(-25.1143)'/%3E%3C/clipPath%3E%3CclipPath id='clip4_591_18945'%3E%3Crect width='26' height='26' fill='white' transform='translate(83 -11)'/%3E%3C/clipPath%3E%3CclipPath id='clip5_591_18945'%3E%3Crect width='20.9196' height='20.9196' fill='white' transform='matrix(-1 0 0 1 143.92 68)'/%3E%3C/clipPath%3E%3CclipPath id='clip6_591_18945'%3E%3Crect width='21.0032' height='21.0032' fill='white' transform='translate(200 16.2393) rotate(-20.1618)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.wr-lesson-selected-content > .item {
    position: relative;
}

.remove-lesson {
    position: absolute;
    content: "";
    top: -4px;
    right: -4px;
    width: 20px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    border-radius: 24px;
    background-color: #E7EBEE;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg opacity='0.4'%3E%3Cpath d='M7.99906 8.88339L4.75739 12.1251C4.63517 12.2473 4.48794 12.307 4.31572 12.3042C4.1435 12.3014 3.99628 12.2389 3.87406 12.1167C3.75739 11.9945 3.70044 11.8487 3.70322 11.6792C3.706 11.5098 3.76572 11.3667 3.88239 11.2501L7.11572 8.00006L3.88239 4.75006C3.76572 4.63339 3.70739 4.49034 3.70739 4.32089C3.70739 4.15145 3.76572 4.00562 3.88239 3.88339C3.99906 3.76117 4.1435 3.69867 4.31572 3.69589C4.48794 3.69312 4.63517 3.75284 4.75739 3.87506L7.99906 7.11673L11.2407 3.87506C11.3629 3.75284 11.5102 3.69312 11.6824 3.69589C11.8546 3.69867 12.0018 3.76117 12.1241 3.88339C12.2407 4.00562 12.2977 4.15145 12.2949 4.32089C12.2921 4.49034 12.2324 4.63339 12.1157 4.75006L8.88239 8.00006L12.1157 11.2501C12.2324 11.3667 12.2907 11.5098 12.2907 11.6792C12.2907 11.8487 12.2324 11.9945 12.1157 12.1167C11.9991 12.2389 11.8546 12.3014 11.6824 12.3042C11.5102 12.307 11.3629 12.2473 11.2407 12.1251L7.99906 8.88339Z' fill='%23090A0B'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
.remove-lesson:hover {
    background-color: #FFA498;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M7.99906 8.88339L4.75739 12.1251C4.63517 12.2473 4.48794 12.307 4.31572 12.3042C4.1435 12.3014 3.99628 12.2389 3.87406 12.1167C3.75739 11.9945 3.70044 11.8487 3.70322 11.6792C3.706 11.5098 3.76572 11.3667 3.88239 11.2501L7.11572 8.00006L3.88239 4.75006C3.76572 4.63339 3.70739 4.49034 3.70739 4.32089C3.70739 4.15145 3.76572 4.00562 3.88239 3.88339C3.99906 3.76117 4.1435 3.69867 4.31572 3.69589C4.48794 3.69312 4.63517 3.75284 4.75739 3.87506L7.99906 7.11673L11.2407 3.87506C11.3629 3.75284 11.5102 3.69312 11.6824 3.69589C11.8546 3.69867 12.0018 3.76117 12.1241 3.88339C12.2407 4.00562 12.2977 4.15145 12.2949 4.32089C12.2921 4.49034 12.2324 4.63339 12.1157 4.75006L8.88239 8.00006L12.1157 11.2501C12.2324 11.3667 12.2907 11.5098 12.2907 11.6792C12.2907 11.8487 12.2324 11.9945 12.1157 12.1167C11.9991 12.2389 11.8546 12.3014 11.6824 12.3042C11.5102 12.307 11.3629 12.2473 11.2407 12.1251L7.99906 8.88339Z' fill='%23090A0B'/%3E%3C/svg%3E");
}

.wr-dialog-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.wr-dialog-buttons > .button {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 190px;
            flex: 1 1 190px;
    width: 100%;
}

.button-destructive {
    border-radius: 100px;
    background: rgba(242, 69, 69, 0.08);
    padding: 0px 16px;
    height: 40px;
    gap: 2px;
}
.button-destructive > p {
    padding: 0px 4px;
    color: #F24545;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}
.button-destructive.xm {
    padding: 0px 20px;
    height: 48px;
}

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

.wr-subjects {
    width: 100%;
    gap: 8px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}

.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, 0.24);
            box-shadow: 0 4px 16px -8px rgba(15, 19, 28, 0.24);
}

.wr-subject-teacher {
    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-subject-teacher > img {
    border-radius: 100px;
    width: 48px;
    height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    -o-object-position: center;
       object-position: center;
    -o-object-fit: cover;
       object-fit: cover;
}

.wr-subject-teacher-info {
    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-subject-teacher-info > span {
    color: #090A0B;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.4px;
}
.wr-subject-teacher-info > p {
    color: #0583F2;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.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;
}

.teacher-image > img {
    border-radius: 200px;
}

.wr-subjects > .wr-subject-item.sub-a .wr-subject-teacher-info > p {
    color: #0583F2;
}
.wr-subjects > .wr-subject-item.sub-a .wr-subject-action > .button-base {
    background: #0583F2;
}

.wr-subjects > .wr-subject-item.sub-e .wr-subject-teacher-info > p {
    color: #AB35DE;
}
.wr-subjects > .wr-subject-item.sub-e .wr-subject-action > .button-base {
    background: #AB35DE;
}

.wr-subjects > .wr-subject-item.sub-c .wr-subject-teacher-info > p {
    color: #FD8D00;
}
.wr-subjects > .wr-subject-item.sub-c .wr-subject-action > .button-base {
    background: #FD8D00;
}

.wr-subjects > .wr-subject-item.sub-f .wr-subject-teacher-info > p {
    color: #F25A45;
}
.wr-subjects > .wr-subject-item.sub-f .wr-subject-action > .button-base {
    background: #F25A45;
}

.wr-subjects > .wr-subject-item.sub-d .wr-subject-teacher-info > p {
    color: #FDDA0F;
}
.wr-subjects > .wr-subject-item.sub-d .wr-subject-action > .button-base {
    background: #FDDA0F;
}

.wr-subjects > .wr-subject-item.sub-b .wr-subject-teacher-info > p {
    color: #14C249;
}
.wr-subjects > .wr-subject-item.sub-b .wr-subject-action > .button-base {
    background: #14C249;
}

@media screen and (max-width: 1244px) {
    .wr-subject-item {
        padding: 16px;
        gap: 12px;
    }
    .wr-subject-teacher {
        gap: 12px;
    }
    .wr-subject-teacher > img {
        width: 40px;
        height: 40px;
    }
    .wr-subject-teacher-info > span {
        font-size: 16px;
        line-height: 20px;
        letter-spacing: -0.32px;
    }
    .wr-subject-teacher-info > p {
        font-size: 12px;
        line-height: 16px;
    }
}

#calendar {
    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;
}
#calendar > .fc-header-toolbar {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
}
#calendar > .fc-header-toolbar > .fc-toolbar-chunk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 6px;
}
#calendar > .fc-header-toolbar > .fc-toolbar-chunk:first-child + .fc-toolbar-chunk {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
#calendar > .fc-header-toolbar > .fc-toolbar-chunk:last-child {
    gap: 16px;
}
#calendar > .fc-header-toolbar > .fc-toolbar-chunk:last-child > .fc-button-group {
    gap: 4px;
}
#calendar > .fc-header-toolbar > .fc-toolbar-chunk:last-child > .fc-button-group > .fc-button-primary {
    background: #EEF0F1;
    color: #717A84;
}
#calendar > .fc-header-toolbar > .fc-toolbar-chunk:last-child > .fc-button-group > .fc-button-primary.fc-button-active {
    background: #0956FF;
    color: #FFF;
}
#calendar > .fc-view-harness > .fc-view > table > tbody > tr > td .fc-daygrid-body > table > tbody > tr > td .fc-daygrid-day-events > .fc-daygrid-event-harness > .fc-event:hover {
    background: rgba(0,0,0,.25);
}
#calendar > .fc-header-toolbar > .fc-toolbar-chunk > .fc-toolbar-title {
    width: 100%;
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
#calendar > .fc-header-toolbar > .fc-toolbar-chunk .fc-button-primary {
    height: 40px;
    border-radius: 100px;
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    background: #0956FF;
    padding: 0 20px;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    outline: none;
}
#calendar > .fc-header-toolbar > .fc-toolbar-chunk .fc-button-primary:disabled {
    opacity: 0.4;
    cursor: not-allowed;
}
#calendar > .fc-header-toolbar > .fc-toolbar-chunk > * {
    margin: 0;
}
#calendar > .fc-header-toolbar > .fc-toolbar-chunk > .fc-button-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 6px;
}
#calendar > .fc-header-toolbar > .fc-toolbar-chunk > .fc-button-group > * {
    margin: 0;
}
#calendar > .fc-header-toolbar > .fc-toolbar-chunk > .fc-button-group > .fc-prev-button, #calendar > .fc-header-toolbar > .fc-toolbar-chunk > .fc-button-group .fc-next-button {
    outline: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 40px;
    height: 40px;
    border-radius: 100px;
    background-color: #0956FF;
    border: none;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.6873 17.7073L10.4147 12.4347L15.6873 7.16211C15.8895 6.97547 15.9906 6.74606 15.9906 6.47387C15.9906 6.20169 15.8895 5.9645 15.6873 5.76231C15.5007 5.57566 15.2674 5.48234 14.9874 5.48234C14.7075 5.48234 14.4742 5.57566 14.2875 5.76231L8.31501 11.7348C8.11282 11.937 8.01172 12.1742 8.01172 12.4464C8.01172 12.7186 8.11282 12.948 8.31501 13.1346L14.2875 19.1071C14.4742 19.3093 14.7075 19.4104 14.9874 19.4104C15.2674 19.4104 15.5007 19.3093 15.6873 19.1071C15.8895 18.9205 15.9906 18.6911 15.9906 18.4189C15.9906 18.1467 15.8895 17.9095 15.6873 17.7073Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px 24px;
}
#calendar > .fc-header-toolbar > .fc-toolbar-chunk > .fc-button-group > .fc-prev-button > span, #calendar > .fc-header-toolbar > .fc-toolbar-chunk > .fc-button-group .fc-next-button > span {
    display: none;
}
#calendar > .fc-header-toolbar > .fc-toolbar-chunk > .fc-button-group > .fc-next-button {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.31269 17.7073L13.5853 12.4347L8.31269 7.16211C8.11049 6.97547 8.00939 6.74606 8.00939 6.47387C8.00939 6.20169 8.11049 5.9645 8.31269 5.76231C8.49933 5.57566 8.73263 5.48234 9.01259 5.48234C9.29255 5.48234 9.52585 5.57566 9.71249 5.76231L15.685 11.7348C15.8872 11.937 15.9883 12.1742 15.9883 12.4464C15.9883 12.7186 15.8872 12.948 15.685 13.1346L9.71249 19.1071C9.52585 19.3093 9.29255 19.4104 9.01259 19.4104C8.73263 19.4104 8.49933 19.3093 8.31269 19.1071C8.11049 18.9205 8.00939 18.6911 8.00939 18.4189C8.00939 18.1467 8.11049 17.9095 8.31269 17.7073Z' fill='white'/%3E%3C/svg%3E%0A");
}
#calendar > .fc-view-harness > .fc-view > table {
    overflow: hidden;
    border-color: #E7EBEE;
    border-radius: 8px;
    border: 1px solid #E7EBEE;
}
#calendar > .fc-view-harness > .fc-view > table > thead > tr > th {
    border-right: none;
}
#calendar > .fc-view-harness > .fc-view > table > thead > tr > th .fc-scroller {
    position: relative;
    isolation: isolate;
}
#calendar > .fc-view-harness > .fc-view > table > thead > tr > th .fc-scroller::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}
#calendar > .fc-view-harness > .fc-view > table > thead > tr > th .fc-scroller::after {
    position: absolute;
    content: "";
    width: 100px;
    height: 100%;
    top: 0;
    right: -10px;
    background: #F5F6F8;
    z-index: -1;
    border-bottom: 1px solid #E7EBEE;
}
#calendar > .fc-view-harness > .fc-view > table > thead > tr > th .fc-col-header-cell {
    border-color: #E7EBEE;
    background: #F5F6F8;
}
#calendar > .fc-view-harness > .fc-view > table > thead > tr > th .fc-col-header-cell .fc-col-header-cell-cushion {
    height: 24px;
    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;
    color: #000;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
}
#calendar > .fc-view-harness > .fc-view > table > tbody > tr > td {
    border-color: #E7EBEE;
    border-right: none;
}
#calendar > .fc-view-harness > .fc-view > table > tbody > tr > td .fc-scroller::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
#calendar > .fc-view-harness > .fc-view > table > tbody > tr > td .fc-daygrid-body > table > tbody > tr > td {
    border-color: #E7EBEE;
}
#calendar > .fc-view-harness > .fc-view > table > tbody > tr > td .fc-daygrid-body > table > tbody > tr > td.fc-day-today {
    background-color: #e9efff;
}
#calendar > .fc-view-harness > .fc-view > table > tbody > tr > td .fc-daygrid-body > table > tbody > tr > td .fc-daygrid-day-top {
    padding: 4px;
    padding-bottom: 0;
}
#calendar > .fc-view-harness > .fc-view > table > tbody > tr > td .fc-daygrid-body > table > tbody > tr > td .fc-daygrid-day-top > a {
    padding: 4px;
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
#calendar > .fc-view-harness > .fc-view > table > tbody > tr > td .fc-daygrid-body > table > tbody > tr > td .fc-daygrid-day-events {
    padding: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2px;
}
#calendar > .fc-view-harness > .fc-view > table > tbody > tr > td .fc-daygrid-body > table > tbody > tr > td .fc-daygrid-day-events::before, #calendar > .fc-view-harness > .fc-view > table > tbody > tr > td .fc-daygrid-body > table > tbody > tr > td .fc-daygrid-day-events::after {
    content: none;
}
#calendar > .fc-view-harness > .fc-view > table > tbody > tr > td .fc-daygrid-body > table > tbody > tr > td .fc-daygrid-day-events > .fc-daygrid-event-harness > .fc-event {
    height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0;
    margin: 0;
    border-radius: 2px;
    background: #F5F6F8;
    overflow: hidden;
}
#calendar > .fc-view-harness > .fc-view > table > tbody > tr > td .fc-daygrid-body > table > tbody > tr > td .fc-daygrid-day-events > .fc-daygrid-event-harness > .fc-event > * {
    margin: 0;
}
#calendar > .fc-view-harness > .fc-view > table > tbody > tr > td .fc-daygrid-body > table > tbody > tr > td .fc-daygrid-day-events > .fc-daygrid-event-harness > .fc-event > .fc-event-title {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 0px 4px;
    color: #717A84;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}
#calendar > .fc-view-harness > .fc-view > table > tbody > tr > td .fc-daygrid-body > table > tbody > tr > td .fc-daygrid-day-events > .fc-daygrid-event-harness > .fc-event > .fc-event-time {
    min-width: 24px;
    padding: 0px 4px;
    color: #000;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}
#calendar > .fc-view-harness > .fc-view > table > tbody > tr > td .fc-daygrid-body > table > tbody > tr > td .fc-daygrid-day-events > .fc-daygrid-event-harness > .fc-event > .fc-daygrid-event-dot {
    border: none;
    border-left: 2px solid;
    border-radius: 0;
    width: 2px;
    height: 24px;
}
#calendar > .fc-view-harness > .fc-view > table > tbody > tr:last-child > td {
    border-bottom: none;
}

a.fc-event:hover {
    cursor: pointer;
}

.wr-subject-teacher {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.wr-subjects.wr-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.wr-subjects.wr-row > .wr-subject-item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

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

.i-schedule {
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.54167 15.6041C8.97583 15.6041 8.49757 15.4087 8.10688 15.018C7.71618 14.6274 7.52083 14.1491 7.52083 13.5833C7.52083 13.0174 7.71618 12.5392 8.10688 12.1485C8.49757 11.7578 8.97583 11.5624 9.54167 11.5624C10.1075 11.5624 10.5858 11.7578 10.9765 12.1485C11.3672 12.5392 11.5625 13.0174 11.5625 13.5833C11.5625 14.1491 11.3672 14.6274 10.9765 15.018C10.5858 15.4087 10.1075 15.6041 9.54167 15.6041ZM6.25 20.1249C5.82028 20.1249 5.45243 19.9719 5.14646 19.666C4.84049 19.36 4.6875 18.9921 4.6875 18.5624V7.06242C4.6875 6.6327 4.84049 6.26485 5.14646 5.95888C5.45243 5.65291 5.82028 5.49992 6.25 5.49992H7.1875V4.6145C7.1875 4.39922 7.26389 4.2152 7.41667 4.06242C7.56944 3.90964 7.75347 3.83325 7.96875 3.83325C8.18403 3.83325 8.36806 3.90964 8.52083 4.06242C8.67361 4.2152 8.75 4.39922 8.75 4.6145V5.49992H15.25V4.6145C15.25 4.39922 15.3264 4.2152 15.4792 4.06242C15.6319 3.90964 15.816 3.83325 16.0312 3.83325C16.2465 3.83325 16.4306 3.90964 16.5833 4.06242C16.7361 4.2152 16.8125 4.39922 16.8125 4.6145V5.49992H17.75C18.1797 5.49992 18.5476 5.65291 18.8535 5.95888C19.1595 6.26485 19.3125 6.6327 19.3125 7.06242V18.5624C19.3125 18.9921 19.1595 19.36 18.8535 19.666C18.5476 19.9719 18.1797 20.1249 17.75 20.1249H6.25ZM6.25 18.5624H17.75V10.3749H6.25V18.5624ZM6.25 8.81242H17.75V7.06242H6.25V8.81242Z' fill='%230583F2'/%3E%3C/svg%3E%0A");
            mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.54167 15.6041C8.97583 15.6041 8.49757 15.4087 8.10688 15.018C7.71618 14.6274 7.52083 14.1491 7.52083 13.5833C7.52083 13.0174 7.71618 12.5392 8.10688 12.1485C8.49757 11.7578 8.97583 11.5624 9.54167 11.5624C10.1075 11.5624 10.5858 11.7578 10.9765 12.1485C11.3672 12.5392 11.5625 13.0174 11.5625 13.5833C11.5625 14.1491 11.3672 14.6274 10.9765 15.018C10.5858 15.4087 10.1075 15.6041 9.54167 15.6041ZM6.25 20.1249C5.82028 20.1249 5.45243 19.9719 5.14646 19.666C4.84049 19.36 4.6875 18.9921 4.6875 18.5624V7.06242C4.6875 6.6327 4.84049 6.26485 5.14646 5.95888C5.45243 5.65291 5.82028 5.49992 6.25 5.49992H7.1875V4.6145C7.1875 4.39922 7.26389 4.2152 7.41667 4.06242C7.56944 3.90964 7.75347 3.83325 7.96875 3.83325C8.18403 3.83325 8.36806 3.90964 8.52083 4.06242C8.67361 4.2152 8.75 4.39922 8.75 4.6145V5.49992H15.25V4.6145C15.25 4.39922 15.3264 4.2152 15.4792 4.06242C15.6319 3.90964 15.816 3.83325 16.0312 3.83325C16.2465 3.83325 16.4306 3.90964 16.5833 4.06242C16.7361 4.2152 16.8125 4.39922 16.8125 4.6145V5.49992H17.75C18.1797 5.49992 18.5476 5.65291 18.8535 5.95888C19.1595 6.26485 19.3125 6.6327 19.3125 7.06242V18.5624C19.3125 18.9921 19.1595 19.36 18.8535 19.666C18.5476 19.9719 18.1797 20.1249 17.75 20.1249H6.25ZM6.25 18.5624H17.75V10.3749H6.25V18.5624ZM6.25 8.81242H17.75V7.06242H6.25V8.81242Z' fill='%230583F2'/%3E%3C/svg%3E%0A");
}

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

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

.wr-subjects > .wr-subject-item.sub-a .wr-subject-action > .button-secondary {
    background: var(--global-sub-a-secondary);
}
.wr-subjects > .wr-subject-item.sub-a .wr-subject-action > .button-secondary > p {
    color: var(--global-sub-a-primary);
}
.wr-subjects > .wr-subject-item.sub-a .wr-subject-action > .button-secondary > .x-icon::before {
    background: var(--global-sub-a-primary);
}

.wr-subjects > .wr-subject-item.sub-e .wr-subject-action > .button-secondary {
    background: var(--global-sub-e-secondary);
}
.wr-subjects > .wr-subject-item.sub-e .wr-subject-action > .button-secondary > p {
    color: var(--global-sub-e-primary);
}
.wr-subjects > .wr-subject-item.sub-e .wr-subject-action > .button-secondary > .x-icon::before {
    background: var(--global-sub-e-primary);
}

.wr-subjects > .wr-subject-item.sub-c .wr-subject-action > .button-secondary {
    background: var(--global-sub-c-secondary);
}
.wr-subjects > .wr-subject-item.sub-c .wr-subject-action > .button-secondary > p {
    color: var(--global-sub-c-primary);
}
.wr-subjects > .wr-subject-item.sub-c .wr-subject-action > .button-secondary > .x-icon::before {
    background: var(--global-sub-c-primary);
}

.wr-subjects > .wr-subject-item.sub-f .wr-subject-action > .button-secondary {
    background: var(--global-sub-f-secondary);
}
.wr-subjects > .wr-subject-item.sub-f .wr-subject-action > .button-secondary > p {
    color: var(--global-sub-f-primary);
}
.wr-subjects > .wr-subject-item.sub-f .wr-subject-action > .button-secondary > .x-icon::before {
    background: var(--global-sub-f-primary);
}

.wr-subjects > .wr-subject-item.sub-d .wr-subject-action > .button-secondary {
    background: var(--global-sub-d-secondary);
}
.wr-subjects > .wr-subject-item.sub-d .wr-subject-action > .button-secondary > p {
    color: var(--global-sub-d-primary);
}
.wr-subjects > .wr-subject-item.sub-d .wr-subject-action > .button-secondary > .x-icon::before {
    background: var(--global-sub-d-primary);
}

.wr-subjects > .wr-subject-item.sub-b .wr-subject-action > .button-secondary {
    background: var(--global-sub-b-secondary);
}
.wr-subjects > .wr-subject-item.sub-b .wr-subject-action > .button-secondary > p {
    color: var(--global-sub-b-primary);
}
.wr-subjects > .wr-subject-item.sub-b .wr-subject-action > .button-secondary > .x-icon::before {
    background: var(--global-sub-b-primary);
}

@media screen and (max-width: 1244px) {
    .button-secondary.xm {
        height: 40px;
    }
}
@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: -0.64px;
}
.wr-head-info-text > small {
    color: #2F3337;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
}

.wr-stats-place {
    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;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 72px;
    height: 72px;
    border-radius: 100px;
    border: 2px solid #E7EBEE;
}
.wr-stats-place > span {
    color: #868F98;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.32px;
}

.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: -0.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: -0.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, 0.24);
            box-shadow: 0 4px 16px -8px rgba(15, 19, 28, 0.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");
}

.wr-dialog-field > .select2 > .selection > .select2-selection {
    border-radius: 12px !important;
    border: 1px solid #E7EBEE;
    background: #F9FAFB;
    height: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
    padding: 0px 16px;
    padding-right: 8px;
}
.wr-dialog-field > .select2 > .selection > .select2-selection > span {
    width: 100%;
    padding: 0;
    overflow: hidden;
    color: #2F3337;
    text-overflow: ellipsis;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
}
.wr-dialog-field > .select2 > .selection > .select2-selection > .select2-selection__arrow {
    -webkit-transition: 0.2s;
    transition: 0.2s;
    position: static;
    width: 24px;
    height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.0006 12.6502L15.8756 8.7752C16.0506 8.6002 16.2652 8.5127 16.5194 8.5127C16.7736 8.5127 16.9923 8.6002 17.1756 8.7752C17.359 8.9502 17.4527 9.16686 17.4569 9.4252C17.4611 9.68353 17.3715 9.90436 17.1881 10.0877L12.6631 14.6127C12.5715 14.7044 12.4694 14.7731 12.3569 14.8189C12.2444 14.8648 12.1256 14.8877 12.0006 14.8877C11.8756 14.8877 11.7569 14.8648 11.6444 14.8189C11.5319 14.7731 11.4298 14.7044 11.3381 14.6127L6.81314 10.0877C6.62981 9.90436 6.54023 9.68353 6.54439 9.42519C6.54856 9.16686 6.64231 8.95019 6.82564 8.77519C7.00898 8.60019 7.22773 8.51269 7.48189 8.51269C7.73606 8.51269 7.95064 8.60019 8.12564 8.77519L12.0006 12.6502Z' fill='%232F3337'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.wr-dialog-field > .select2 > .selection > .select2-selection > .select2-selection__arrow > b {
    display: none;
}
.wr-dialog-field > .select2.select2-container--open > .selection > .select2-selection > .select2-selection__arrow {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}

.select2-dropdown {
    margin-top: 4px;
    padding: 4px;
    border-radius: 12px !important;
    border: 1px solid #E7EBEE !important;
    background: #FFF !important;
    -webkit-box-shadow: 0 4px 6px -8px rgba(15, 19, 28, 0.24), 0 4px 16px -8px rgba(15, 19, 28, 0.24);
            box-shadow: 0 4px 6px -8px rgba(15, 19, 28, 0.24), 0 4px 16px -8px rgba(15, 19, 28, 0.24);
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
}
.select2-dropdown > .select2-search {
    padding: 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.select2-dropdown > .select2-search::before {
    left: 8px;
    position: absolute;
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 24px;
    height: 24px;
    background-image: 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='M10.0617 15.975C11.7041 15.975 13.1001 15.3989 14.2497 14.2467C15.3994 13.0947 15.9742 11.6958 15.9742 10.05C15.9742 8.40417 15.3995 7.00517 14.25 5.853C13.1005 4.701 11.7046 4.125 10.0625 4.125C8.4203 4.125 7.02214 4.701 5.86797 5.853C4.7138 7.00517 4.13672 8.40417 4.13672 10.05C4.13672 11.6958 4.7128 13.0947 5.86497 14.2467C7.01697 15.3989 8.41589 15.975 10.0617 15.975ZM10.0617 17.85C7.88422 17.85 6.03989 17.0947 4.52872 15.584C3.01739 14.0732 2.26172 12.2294 2.26172 10.0527C2.26172 7.87592 3.01705 6.03125 4.52772 4.51875C6.03855 3.00625 7.8823 2.25 10.059 2.25C12.2358 2.25 14.0784 3.00558 15.5867 4.51675C17.0951 6.02808 17.8492 7.8725 17.8492 10.05C17.8492 10.9683 17.7055 11.8333 17.418 12.645C17.1305 13.4567 16.7242 14.1958 16.1992 14.8625L21.0992 19.775C21.2826 19.9583 21.3763 20.175 21.3805 20.425C21.3846 20.675 21.2909 20.8958 21.0992 21.0875C20.9076 21.2792 20.6867 21.375 20.4367 21.375C20.1867 21.375 19.9659 21.2792 19.7742 21.0875L14.8742 16.1875C14.2076 16.7125 13.4684 17.1208 12.6567 17.4125C11.8451 17.7042 10.9801 17.85 10.0617 17.85Z' fill='%23717A84'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.select2-dropdown > .select2-search > input {
    border-radius: 8px;
    border: 1px solid #E7EBEE !important;
    background: #F9FAFB;
    color: #2F3337;
    height: 44px;
    padding: 0px 8px;
    padding-left: 36px;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
}
.select2-dropdown > .select2-search > input::-webkit-input-placeholder {
    color: #717A84;
}
.select2-dropdown > .select2-search > input::-moz-placeholder {
    color: #717A84;
}
.select2-dropdown > .select2-search > input:-ms-input-placeholder {
    color: #717A84;
}
.select2-dropdown > .select2-search > input::-ms-input-placeholder {
    color: #717A84;
}
.select2-dropdown > .select2-search > input::placeholder {
    color: #717A84;
}
.select2-dropdown > .select2-results > .select2-results__options {
    padding-right: 4px;
    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;
}
.select2-dropdown > .select2-results > .select2-results__options > li {
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 8px 12px;
    min-height: 40px;
    color: #2F3337;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    background-color: #FFF !important;
}
.select2-dropdown > .select2-results > .select2-results__options > li.select2-results__option--highlighted {
    color: #0956FF;
}
.select2-dropdown > .select2-results > .select2-results__options > li[aria-selected=true] {
    color: #0956FF;
    background: rgba(9, 86, 255, 0.08) !important;
}

@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: -0.4px;
    }
    .wr-head-info-text > small {
        font-size: 14px;
        line-height: 20px;
    }
    .wr-stats-place {
        width: 52px;
        height: 52px;
    }
    .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: -0.28px;
    }
    .wr-zno-item-text > span {
        font-size: 16px;
        line-height: 20px;
        letter-spacing: -0.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-subjects > .wr-subject-item.sub-d .wr-subject-teacher-info > p {
    color: var(--global-sub-d-extra);
}
.wr-subjects > .wr-subject-item.sub-d .wr-subject-action > .button-base > p {
    color: #090A0B;
}
.wr-subjects > .wr-subject-item.sub-d .wr-subject-action > .button-base > .x-icon::before {
    background: #090A0B;
}
.wr-subjects > .wr-subject-item.sub-d .wr-subject-action > .button-secondary > p {
    color: var(--global-sub-d-extra);
}
.wr-subjects > .wr-subject-item.sub-d .wr-subject-action > .button-secondary > .x-icon::before {
    background: var(--global-sub-d-extra);
}


/* new */
.wr-course-head {
    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-course-head-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.wr-course-head-wrapper {
    padding: 32px 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.wr-course-container {
    max-width: 1320px;
    width: 100%;
    padding: 0px 40px;
    margin: 0px auto;
}

.wr-course-teacher-avatar {
    position: relative;
}
.wr-course-teacher-avatar > img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 64px;
    height: 64px;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    -o-object-position: center;
       object-position: center;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 100px;
}

.wr-course-teacher-info {
    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-course-teacher-info > span {
    color: var(--global-white);
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.64px;
}
.wr-course-teacher-info > p {
    color: var(--global-white);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.wr-course-teacher {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
}

.button-ghost {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    gap: 8px;
    opacity: 0.8;
}
.button-ghost > p {
    white-space: nowrap;
    color: var(--global-white);
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 120%;
}
.button-ghost > .x-icon::before {
    background: var(--global-white);
}

.xi-arrow-left {
    -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='M7.91667 4.58301L2.53971 9.88182C2.51324 9.91437 2.5 9.95702 2.5 9.99967M7.91667 15.4163L2.53971 10.1175C2.51324 10.085 2.5 10.0423 2.5 9.99967M2.5 9.99967H17.5' 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='M7.91667 4.58301L2.53971 9.88182C2.51324 9.91437 2.5 9.95702 2.5 9.99967M7.91667 15.4163L2.53971 10.1175C2.51324 10.085 2.5 10.0423 2.5 9.99967M2.5 9.99967H17.5' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

.xi-arrow-right {
    -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='M7.5 5L12.4505 9.88215C12.5165 9.94724 12.5165 10.0528 12.4505 10.1179L7.5 15' stroke='%23FD8D00' 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='M7.5 5L12.4505 9.88215C12.5165 9.94724 12.5165 10.0528 12.4505 10.1179L7.5 15' stroke='%23FD8D00' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

.xi-telegram {
    -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 fill-rule='evenodd' clip-rule='evenodd' d='M17.3958 3.33583C16.7951 3.38422 15.7396 3.78081 12.2501 5.26928C11.2186 5.70925 9.34359 6.53332 6.70736 7.70528C5.62803 8.18511 4.25957 8.79339 3.66635 9.05702C3.07313 9.32063 2.5055 9.5778 2.40495 9.62851C2.0512 9.80688 1.79369 10.0154 1.70712 10.1936C1.67439 10.261 1.66651 10.2984 1.66663 10.3857C1.66699 10.6538 1.84512 10.8288 2.31355 11.0212C2.67826 11.1709 4.04173 11.599 4.6251 11.7468C5.55334 11.9821 5.91817 11.9972 6.43243 11.8216C6.60013 11.7643 6.92486 11.6075 7.10296 11.4979C7.17376 11.4543 8.00691 10.8827 8.95441 10.2276C11.6162 8.38717 13.1029 7.3756 13.6006 7.06618C13.7876 6.94996 13.8444 6.92206 13.9228 6.90806C14.0383 6.88741 14.1168 6.90531 14.1757 6.9658C14.2253 7.01668 14.2552 7.14095 14.2351 7.21279C14.2167 7.27894 14.1028 7.42074 13.8394 7.70564C13.3937 8.18783 12.3606 9.20275 10.7821 10.7092C9.68616 11.7551 9.20132 12.2483 9.06274 12.458C8.74544 12.9382 8.85435 13.3199 9.44128 13.7846C9.49483 13.827 9.78807 14.0335 10.0929 14.2434C10.3978 14.4533 10.9741 14.8535 11.3737 15.1326C11.7733 15.4118 12.3767 15.8278 12.7145 16.0571C13.0523 16.2865 13.4816 16.5851 13.6685 16.7207C14.0796 17.019 14.2709 17.1435 14.5017 17.2627C14.83 17.4323 15.0697 17.4968 15.381 17.4994C15.5646 17.5009 15.6033 17.4967 15.6921 17.4652C16.0636 17.3336 16.337 16.9189 16.5135 16.2191C16.5656 16.0125 16.6805 15.3898 16.8861 14.1986C17.5793 10.1836 18.1168 6.61232 18.3108 4.73167C18.3805 4.05676 18.2889 3.65299 18.0271 3.48064C17.8744 3.38016 17.607 3.31882 17.3958 3.33583Z' stroke='white' stroke-width='1.5'/%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 fill-rule='evenodd' clip-rule='evenodd' d='M17.3958 3.33583C16.7951 3.38422 15.7396 3.78081 12.2501 5.26928C11.2186 5.70925 9.34359 6.53332 6.70736 7.70528C5.62803 8.18511 4.25957 8.79339 3.66635 9.05702C3.07313 9.32063 2.5055 9.5778 2.40495 9.62851C2.0512 9.80688 1.79369 10.0154 1.70712 10.1936C1.67439 10.261 1.66651 10.2984 1.66663 10.3857C1.66699 10.6538 1.84512 10.8288 2.31355 11.0212C2.67826 11.1709 4.04173 11.599 4.6251 11.7468C5.55334 11.9821 5.91817 11.9972 6.43243 11.8216C6.60013 11.7643 6.92486 11.6075 7.10296 11.4979C7.17376 11.4543 8.00691 10.8827 8.95441 10.2276C11.6162 8.38717 13.1029 7.3756 13.6006 7.06618C13.7876 6.94996 13.8444 6.92206 13.9228 6.90806C14.0383 6.88741 14.1168 6.90531 14.1757 6.9658C14.2253 7.01668 14.2552 7.14095 14.2351 7.21279C14.2167 7.27894 14.1028 7.42074 13.8394 7.70564C13.3937 8.18783 12.3606 9.20275 10.7821 10.7092C9.68616 11.7551 9.20132 12.2483 9.06274 12.458C8.74544 12.9382 8.85435 13.3199 9.44128 13.7846C9.49483 13.827 9.78807 14.0335 10.0929 14.2434C10.3978 14.4533 10.9741 14.8535 11.3737 15.1326C11.7733 15.4118 12.3767 15.8278 12.7145 16.0571C13.0523 16.2865 13.4816 16.5851 13.6685 16.7207C14.0796 17.019 14.2709 17.1435 14.5017 17.2627C14.83 17.4323 15.0697 17.4968 15.381 17.4994C15.5646 17.5009 15.6033 17.4967 15.6921 17.4652C16.0636 17.3336 16.337 16.9189 16.5135 16.2191C16.5656 16.0125 16.6805 15.3898 16.8861 14.1986C17.5793 10.1836 18.1168 6.61232 18.3108 4.73167C18.3805 4.05676 18.2889 3.65299 18.0271 3.48064C17.8744 3.38016 17.607 3.31882 17.3958 3.33583Z' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E");
}

.xi-message {
    -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.66663 6.24967V12.6663C1.66663 14.0665 1.66663 14.7665 1.93911 15.3013C2.17879 15.7717 2.56124 16.1542 3.03165 16.3939C3.56643 16.6663 4.26649 16.6663 5.66663 16.6663H14.3333C15.7334 16.6663 16.4335 16.6663 16.9683 16.3939C17.4387 16.1542 17.8211 15.7717 18.0608 15.3013C18.3333 14.7665 18.3333 14.0665 18.3333 12.6663V6.24967M1.66663 6.24967L9.3574 10.4796C9.59204 10.6087 9.70935 10.6732 9.83347 10.6985C9.94333 10.7209 10.0566 10.7209 10.1664 10.6985C10.2906 10.6732 10.4079 10.6086 10.6425 10.4796L18.3333 6.24967M1.66663 6.24967C1.66663 5.86266 1.66663 5.66915 1.68801 5.50669C1.83571 4.38486 2.71848 3.50209 3.84031 3.3544C4.00277 3.33301 4.19628 3.33301 4.58329 3.33301H15.4166C15.8036 3.33301 15.9972 3.33301 16.1596 3.3544C17.2814 3.50209 18.1642 4.38486 18.3119 5.50669C18.3333 5.66915 18.3333 5.86266 18.3333 6.24967' 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='M1.66663 6.24967V12.6663C1.66663 14.0665 1.66663 14.7665 1.93911 15.3013C2.17879 15.7717 2.56124 16.1542 3.03165 16.3939C3.56643 16.6663 4.26649 16.6663 5.66663 16.6663H14.3333C15.7334 16.6663 16.4335 16.6663 16.9683 16.3939C17.4387 16.1542 17.8211 15.7717 18.0608 15.3013C18.3333 14.7665 18.3333 14.0665 18.3333 12.6663V6.24967M1.66663 6.24967L9.3574 10.4796C9.59204 10.6087 9.70935 10.6732 9.83347 10.6985C9.94333 10.7209 10.0566 10.7209 10.1664 10.6985C10.2906 10.6732 10.4079 10.6086 10.6425 10.4796L18.3333 6.24967M1.66663 6.24967C1.66663 5.86266 1.66663 5.66915 1.68801 5.50669C1.83571 4.38486 2.71848 3.50209 3.84031 3.3544C4.00277 3.33301 4.19628 3.33301 4.58329 3.33301H15.4166C15.8036 3.33301 15.9972 3.33301 16.1596 3.3544C17.2814 3.50209 18.1642 4.38486 18.3119 5.50669C18.3333 5.66915 18.3333 5.86266 18.3333 6.24967' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

.xi-review {
    -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%3Cg clip-path='url(%23clip0_3001_16441)'%3E%3Cpath d='M2.45162 10.9519L1.79627 11.3166L1.79628 11.3166L2.45162 10.9519ZM1.75609 13.8326L2.4806 14.0265L2.4806 14.0265L1.75609 13.8326ZM2.47598 11.1421L3.20049 11.3359L3.2005 11.3359L2.47598 11.1421ZM2.00099 14.0775L1.80713 13.353L1.80713 13.353L2.00099 14.0775ZM4.69152 13.3576L4.88538 14.0822L4.88538 14.0822L4.69152 13.3576ZM1.7266 14.0351L1.02645 14.304L1.02646 14.304L1.7266 14.0351ZM1.79848 14.107L1.52959 14.8072L1.52961 14.8072L1.79848 14.107ZM17.5483 15.1185L16.8929 14.7538L16.8929 14.7538L17.5483 15.1185ZM18.2438 17.9993L17.5193 18.1932L17.5193 18.1932L18.2438 17.9993ZM17.5239 15.3088L16.7994 15.5026L17.5239 15.3088ZM15.1182 17.5487L14.7535 16.8933L14.7535 16.8933L15.1182 17.5487ZM17.9989 18.2442L18.1928 17.5197L18.1928 17.5197L17.9989 18.2442ZM15.3084 17.5243L15.5022 16.7998L15.3084 17.5243ZM18.2733 18.2018L17.5732 17.9329L17.5732 17.9329L18.2733 18.2018ZM18.2014 18.2737L17.9326 17.5735L17.9326 17.5735L18.2014 18.2737ZM9.58329 10.2399C9.16908 10.2399 8.83329 10.5757 8.83329 10.9899C8.83329 11.4041 9.16908 11.7399 9.58329 11.7399V10.9899V10.2399ZM14.5833 11.7399C14.9975 11.7399 15.3333 11.4041 15.3333 10.9899C15.3333 10.5757 14.9975 10.2399 14.5833 10.2399V10.9899V11.7399ZM9.58329 12.4274C9.16908 12.4274 8.83329 12.7632 8.83329 13.1774C8.83329 13.5916 9.16908 13.9274 9.58329 13.9274V13.1774V12.4274ZM13.3333 13.9274C13.7475 13.9274 14.0833 13.5916 14.0833 13.1774C14.0833 12.7632 13.7475 12.4274 13.3333 12.4274V13.1774V13.9274ZM13.8988 6.10144L13.6813 6.8192L13.8988 6.10144ZM6.10107 13.8992L6.81883 13.6817L6.10107 13.8992ZM4.88175 13.382L5.24646 12.7266L5.24646 12.7266L4.88175 13.382ZM7.91663 1.66699V0.916992C4.05063 0.916992 0.916626 4.051 0.916626 7.91699H1.66663H2.41663C2.41663 4.87943 4.87906 2.41699 7.91663 2.41699V1.66699ZM1.66663 7.91699H0.916626C0.916626 9.14927 1.23569 10.3093 1.79627 11.3166L2.45162 10.9519L3.10697 10.5872C2.66734 9.79719 2.41663 8.8875 2.41663 7.91699H1.66663ZM1.75609 13.8326L2.4806 14.0265L3.20049 11.3359L2.47598 11.1421L1.75147 10.9482L1.03157 13.6388L1.75609 13.8326ZM2.00099 14.0775L2.19484 14.802L4.88538 14.0822L4.69152 13.3576L4.49767 12.6331L1.80713 13.353L2.00099 14.0775ZM1.75609 13.8326L1.03158 13.6388C1.02071 13.6794 0.998405 13.7598 0.985682 13.834C0.97362 13.9043 0.945142 14.0923 1.02645 14.304L1.7266 14.0351L2.42675 13.7663C2.46101 13.8555 2.46987 13.9348 2.47083 13.9899C2.47172 14.0414 2.46577 14.0778 2.46407 14.0877C2.46223 14.0984 2.46126 14.1007 2.46477 14.0867C2.46818 14.073 2.47277 14.0557 2.4806 14.0265L1.75609 13.8326ZM2.00099 14.0775L1.80713 13.353C1.77787 13.3608 1.76061 13.3654 1.74694 13.3688C1.73288 13.3724 1.7352 13.3714 1.74595 13.3695C1.75583 13.3679 1.79221 13.3619 1.84369 13.3628C1.89882 13.3637 1.97814 13.3726 2.06735 13.4069L1.79848 14.107L1.52961 14.8072C1.74134 14.8885 1.92936 14.86 1.99965 14.8479C2.07379 14.8352 2.15425 14.8129 2.19485 14.802L2.00099 14.0775ZM1.7266 14.0351L1.02646 14.304C1.11533 14.5354 1.29818 14.7183 1.52959 14.8072L1.79848 14.107L2.06737 13.4069C2.23266 13.4704 2.36326 13.601 2.42674 13.7662L1.7266 14.0351ZM5.83329 12.0837H6.58329C6.58329 9.04609 9.04573 6.58366 12.0833 6.58366V5.83366V5.08366C8.2173 5.08366 5.08329 8.21767 5.08329 12.0837H5.83329ZM18.3333 12.0837H17.5833C17.5833 13.0542 17.3326 13.9639 16.8929 14.7538L17.5483 15.1185L18.2036 15.4833C18.7642 14.4759 19.0833 13.3159 19.0833 12.0837H18.3333ZM18.2438 17.9993L18.9683 17.8054L18.2485 15.1149L17.5239 15.3088L16.7994 15.5026L17.5193 18.1932L18.2438 17.9993ZM15.1182 17.5487L14.7535 16.8933C13.9635 17.3329 13.0538 17.5837 12.0833 17.5837V18.3337V19.0837C13.3156 19.0837 14.4756 18.7646 15.4829 18.204L15.1182 17.5487ZM17.9989 18.2442L18.1928 17.5197L15.5022 16.7998L15.3084 17.5243L15.1145 18.2488L17.8051 18.9687L17.9989 18.2442ZM18.2438 17.9993L17.5193 18.1932C17.5271 18.2224 17.5317 18.2397 17.5352 18.2533C17.5387 18.2674 17.5377 18.2651 17.5358 18.2543C17.5342 18.2445 17.5282 18.2081 17.5291 18.1566C17.5301 18.1015 17.5389 18.0221 17.5732 17.9329L18.2733 18.2018L18.9735 18.4707C19.0548 18.259 19.0263 18.0709 19.0142 18.0006C19.0015 17.9265 18.9792 17.846 18.9683 17.8054L18.2438 17.9993ZM17.9989 18.2442L17.8051 18.9687C17.8457 18.9796 17.9261 19.0019 18.0003 19.0146C18.0706 19.0267 18.2586 19.0551 18.4703 18.9738L18.2014 18.2737L17.9326 17.5735C18.0218 17.5393 18.1011 17.5304 18.1562 17.5295C18.2077 17.5286 18.2441 17.5345 18.254 17.5362C18.2647 17.5381 18.267 17.539 18.253 17.5355C18.2393 17.5321 18.2221 17.5275 18.1928 17.5197L17.9989 18.2442ZM18.2733 18.2018L17.5732 17.9329C17.6366 17.7676 17.7673 17.637 17.9326 17.5735L18.2014 18.2737L18.4703 18.9738C18.7017 18.885 18.8846 18.7021 18.9735 18.4707L18.2733 18.2018ZM9.58329 10.9899V11.7399H14.5833V10.9899V10.2399H9.58329V10.9899ZM9.58329 13.1774V13.9274H13.3333V13.1774V12.4274H9.58329V13.1774ZM12.0833 5.83366V6.58366C12.6402 6.58366 13.1765 6.6662 13.6813 6.8192L13.8988 6.10144L14.1164 5.38368C13.4721 5.18839 12.7892 5.08366 12.0833 5.08366V5.83366ZM13.8988 6.10144L13.6813 6.8192C15.9403 7.50387 17.5833 9.60287 17.5833 12.0837H18.3333H19.0833C19.0833 8.92375 16.9901 6.25469 14.1164 5.38368L13.8988 6.10144ZM13.8988 6.10144L14.6166 5.88389C13.7456 3.01017 11.0765 0.916992 7.91663 0.916992V1.66699V2.41699C10.3974 2.41699 12.4964 4.06003 13.1811 6.31899L13.8988 6.10144ZM12.0833 18.3337V17.5837C9.6025 17.5837 7.5035 15.9406 6.81883 13.6817L6.10107 13.8992L5.38332 14.1168C6.25432 16.9905 8.92338 19.0837 12.0833 19.0837V18.3337ZM6.10107 13.8992L6.81883 13.6817C6.66583 13.1769 6.58329 12.6406 6.58329 12.0837H5.83329H5.08329C5.08329 12.7896 5.18803 13.4724 5.38332 14.1168L6.10107 13.8992ZM4.88175 13.382L4.51703 14.0373C4.94659 14.2764 5.40413 14.4717 5.88353 14.617L6.10107 13.8992L6.31862 13.1815C5.94276 13.0675 5.5838 12.9144 5.24646 12.7266L4.88175 13.382ZM15.1182 17.5487L15.4829 18.204C15.3765 18.2632 15.2449 18.2837 15.1145 18.2488L15.3084 17.5243L15.5022 16.7998C15.2437 16.7306 14.9758 16.7696 14.7535 16.8933L15.1182 17.5487ZM4.69152 13.3576L4.88538 14.0822C4.75505 14.117 4.62342 14.0965 4.51704 14.0373L4.88175 13.382L5.24646 12.7266C5.02414 12.6029 4.75618 12.564 4.49767 12.6331L4.69152 13.3576ZM17.5483 15.1185L16.8929 14.7538C16.7692 14.9762 16.7303 15.2441 16.7994 15.5026L17.5239 15.3088L18.2485 15.1149C18.2833 15.2452 18.2628 15.3769 18.2036 15.4832L17.5483 15.1185ZM2.45162 10.9519L1.79628 11.3166C1.73707 11.2102 1.7166 11.0786 1.75147 10.9482L2.47598 11.1421L3.2005 11.3359C3.26966 11.0774 3.2307 10.8095 3.10697 10.5872L2.45162 10.9519Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3001_16441'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%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%3Cg clip-path='url(%23clip0_3001_16441)'%3E%3Cpath d='M2.45162 10.9519L1.79627 11.3166L1.79628 11.3166L2.45162 10.9519ZM1.75609 13.8326L2.4806 14.0265L2.4806 14.0265L1.75609 13.8326ZM2.47598 11.1421L3.20049 11.3359L3.2005 11.3359L2.47598 11.1421ZM2.00099 14.0775L1.80713 13.353L1.80713 13.353L2.00099 14.0775ZM4.69152 13.3576L4.88538 14.0822L4.88538 14.0822L4.69152 13.3576ZM1.7266 14.0351L1.02645 14.304L1.02646 14.304L1.7266 14.0351ZM1.79848 14.107L1.52959 14.8072L1.52961 14.8072L1.79848 14.107ZM17.5483 15.1185L16.8929 14.7538L16.8929 14.7538L17.5483 15.1185ZM18.2438 17.9993L17.5193 18.1932L17.5193 18.1932L18.2438 17.9993ZM17.5239 15.3088L16.7994 15.5026L17.5239 15.3088ZM15.1182 17.5487L14.7535 16.8933L14.7535 16.8933L15.1182 17.5487ZM17.9989 18.2442L18.1928 17.5197L18.1928 17.5197L17.9989 18.2442ZM15.3084 17.5243L15.5022 16.7998L15.3084 17.5243ZM18.2733 18.2018L17.5732 17.9329L17.5732 17.9329L18.2733 18.2018ZM18.2014 18.2737L17.9326 17.5735L17.9326 17.5735L18.2014 18.2737ZM9.58329 10.2399C9.16908 10.2399 8.83329 10.5757 8.83329 10.9899C8.83329 11.4041 9.16908 11.7399 9.58329 11.7399V10.9899V10.2399ZM14.5833 11.7399C14.9975 11.7399 15.3333 11.4041 15.3333 10.9899C15.3333 10.5757 14.9975 10.2399 14.5833 10.2399V10.9899V11.7399ZM9.58329 12.4274C9.16908 12.4274 8.83329 12.7632 8.83329 13.1774C8.83329 13.5916 9.16908 13.9274 9.58329 13.9274V13.1774V12.4274ZM13.3333 13.9274C13.7475 13.9274 14.0833 13.5916 14.0833 13.1774C14.0833 12.7632 13.7475 12.4274 13.3333 12.4274V13.1774V13.9274ZM13.8988 6.10144L13.6813 6.8192L13.8988 6.10144ZM6.10107 13.8992L6.81883 13.6817L6.10107 13.8992ZM4.88175 13.382L5.24646 12.7266L5.24646 12.7266L4.88175 13.382ZM7.91663 1.66699V0.916992C4.05063 0.916992 0.916626 4.051 0.916626 7.91699H1.66663H2.41663C2.41663 4.87943 4.87906 2.41699 7.91663 2.41699V1.66699ZM1.66663 7.91699H0.916626C0.916626 9.14927 1.23569 10.3093 1.79627 11.3166L2.45162 10.9519L3.10697 10.5872C2.66734 9.79719 2.41663 8.8875 2.41663 7.91699H1.66663ZM1.75609 13.8326L2.4806 14.0265L3.20049 11.3359L2.47598 11.1421L1.75147 10.9482L1.03157 13.6388L1.75609 13.8326ZM2.00099 14.0775L2.19484 14.802L4.88538 14.0822L4.69152 13.3576L4.49767 12.6331L1.80713 13.353L2.00099 14.0775ZM1.75609 13.8326L1.03158 13.6388C1.02071 13.6794 0.998405 13.7598 0.985682 13.834C0.97362 13.9043 0.945142 14.0923 1.02645 14.304L1.7266 14.0351L2.42675 13.7663C2.46101 13.8555 2.46987 13.9348 2.47083 13.9899C2.47172 14.0414 2.46577 14.0778 2.46407 14.0877C2.46223 14.0984 2.46126 14.1007 2.46477 14.0867C2.46818 14.073 2.47277 14.0557 2.4806 14.0265L1.75609 13.8326ZM2.00099 14.0775L1.80713 13.353C1.77787 13.3608 1.76061 13.3654 1.74694 13.3688C1.73288 13.3724 1.7352 13.3714 1.74595 13.3695C1.75583 13.3679 1.79221 13.3619 1.84369 13.3628C1.89882 13.3637 1.97814 13.3726 2.06735 13.4069L1.79848 14.107L1.52961 14.8072C1.74134 14.8885 1.92936 14.86 1.99965 14.8479C2.07379 14.8352 2.15425 14.8129 2.19485 14.802L2.00099 14.0775ZM1.7266 14.0351L1.02646 14.304C1.11533 14.5354 1.29818 14.7183 1.52959 14.8072L1.79848 14.107L2.06737 13.4069C2.23266 13.4704 2.36326 13.601 2.42674 13.7662L1.7266 14.0351ZM5.83329 12.0837H6.58329C6.58329 9.04609 9.04573 6.58366 12.0833 6.58366V5.83366V5.08366C8.2173 5.08366 5.08329 8.21767 5.08329 12.0837H5.83329ZM18.3333 12.0837H17.5833C17.5833 13.0542 17.3326 13.9639 16.8929 14.7538L17.5483 15.1185L18.2036 15.4833C18.7642 14.4759 19.0833 13.3159 19.0833 12.0837H18.3333ZM18.2438 17.9993L18.9683 17.8054L18.2485 15.1149L17.5239 15.3088L16.7994 15.5026L17.5193 18.1932L18.2438 17.9993ZM15.1182 17.5487L14.7535 16.8933C13.9635 17.3329 13.0538 17.5837 12.0833 17.5837V18.3337V19.0837C13.3156 19.0837 14.4756 18.7646 15.4829 18.204L15.1182 17.5487ZM17.9989 18.2442L18.1928 17.5197L15.5022 16.7998L15.3084 17.5243L15.1145 18.2488L17.8051 18.9687L17.9989 18.2442ZM18.2438 17.9993L17.5193 18.1932C17.5271 18.2224 17.5317 18.2397 17.5352 18.2533C17.5387 18.2674 17.5377 18.2651 17.5358 18.2543C17.5342 18.2445 17.5282 18.2081 17.5291 18.1566C17.5301 18.1015 17.5389 18.0221 17.5732 17.9329L18.2733 18.2018L18.9735 18.4707C19.0548 18.259 19.0263 18.0709 19.0142 18.0006C19.0015 17.9265 18.9792 17.846 18.9683 17.8054L18.2438 17.9993ZM17.9989 18.2442L17.8051 18.9687C17.8457 18.9796 17.9261 19.0019 18.0003 19.0146C18.0706 19.0267 18.2586 19.0551 18.4703 18.9738L18.2014 18.2737L17.9326 17.5735C18.0218 17.5393 18.1011 17.5304 18.1562 17.5295C18.2077 17.5286 18.2441 17.5345 18.254 17.5362C18.2647 17.5381 18.267 17.539 18.253 17.5355C18.2393 17.5321 18.2221 17.5275 18.1928 17.5197L17.9989 18.2442ZM18.2733 18.2018L17.5732 17.9329C17.6366 17.7676 17.7673 17.637 17.9326 17.5735L18.2014 18.2737L18.4703 18.9738C18.7017 18.885 18.8846 18.7021 18.9735 18.4707L18.2733 18.2018ZM9.58329 10.9899V11.7399H14.5833V10.9899V10.2399H9.58329V10.9899ZM9.58329 13.1774V13.9274H13.3333V13.1774V12.4274H9.58329V13.1774ZM12.0833 5.83366V6.58366C12.6402 6.58366 13.1765 6.6662 13.6813 6.8192L13.8988 6.10144L14.1164 5.38368C13.4721 5.18839 12.7892 5.08366 12.0833 5.08366V5.83366ZM13.8988 6.10144L13.6813 6.8192C15.9403 7.50387 17.5833 9.60287 17.5833 12.0837H18.3333H19.0833C19.0833 8.92375 16.9901 6.25469 14.1164 5.38368L13.8988 6.10144ZM13.8988 6.10144L14.6166 5.88389C13.7456 3.01017 11.0765 0.916992 7.91663 0.916992V1.66699V2.41699C10.3974 2.41699 12.4964 4.06003 13.1811 6.31899L13.8988 6.10144ZM12.0833 18.3337V17.5837C9.6025 17.5837 7.5035 15.9406 6.81883 13.6817L6.10107 13.8992L5.38332 14.1168C6.25432 16.9905 8.92338 19.0837 12.0833 19.0837V18.3337ZM6.10107 13.8992L6.81883 13.6817C6.66583 13.1769 6.58329 12.6406 6.58329 12.0837H5.83329H5.08329C5.08329 12.7896 5.18803 13.4724 5.38332 14.1168L6.10107 13.8992ZM4.88175 13.382L4.51703 14.0373C4.94659 14.2764 5.40413 14.4717 5.88353 14.617L6.10107 13.8992L6.31862 13.1815C5.94276 13.0675 5.5838 12.9144 5.24646 12.7266L4.88175 13.382ZM15.1182 17.5487L15.4829 18.204C15.3765 18.2632 15.2449 18.2837 15.1145 18.2488L15.3084 17.5243L15.5022 16.7998C15.2437 16.7306 14.9758 16.7696 14.7535 16.8933L15.1182 17.5487ZM4.69152 13.3576L4.88538 14.0822C4.75505 14.117 4.62342 14.0965 4.51704 14.0373L4.88175 13.382L5.24646 12.7266C5.02414 12.6029 4.75618 12.564 4.49767 12.6331L4.69152 13.3576ZM17.5483 15.1185L16.8929 14.7538C16.7692 14.9762 16.7303 15.2441 16.7994 15.5026L17.5239 15.3088L18.2485 15.1149C18.2833 15.2452 18.2628 15.3769 18.2036 15.4832L17.5483 15.1185ZM2.45162 10.9519L1.79628 11.3166C1.73707 11.2102 1.7166 11.0786 1.75147 10.9482L2.47598 11.1421L3.2005 11.3359C3.26966 11.0774 3.2307 10.8095 3.10697 10.5872L2.45162 10.9519Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3001_16441'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.wr-course-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 16px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.wr-course-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px;
}

.button-outline {
    height: 48px;
    border-radius: 100px;
    border: 1px solid var(--line-secondary-btn);
    padding: 0px 20px;
    gap: 2px;
}
.button-outline > p {
    padding: 0px 4px;
    color: var(--line-secondary-btn);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}
.button-outline > .x-icon::before {
    background: var(--global-white);
}
.button-outline.xs {
    height: 36px;
    padding: 0px 12px;
}

.xi-poll {
    -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='M20.528 16.7174C20.8222 17.009 20.8242 17.4839 20.5326 17.778L16.5895 21.7555C16.2637 22.0841 15.7261 22.0818 15.4036 21.7467L13.4596 19.7263C13.1724 19.4278 13.1815 18.953 13.48 18.6658C13.7785 18.3786 14.2532 18.3878 14.5404 18.6863L16.008 20.2115L19.4674 16.722C19.759 16.4278 20.2339 16.4258 20.528 16.7174Z' fill='white'/%3E%3Cpath d='M9.5 2H14.5C15.3284 2 16 2.67157 16 3.5L16 3.51134C15.9939 4.33455 15.3246 5 14.5 5H9.5C8.67535 5 8.00614 4.33455 8.00004 3.51134L8 3.5C8 2.67157 8.67157 2 9.5 2Z' fill='white'/%3E%3Cpath d='M6.03414 3.88251C6.36196 3.69892 6.74228 3.60345 7.25063 3.5538C7.27927 4.77165 8.27535 5.75 9.5 5.75H14.5C15.7247 5.75 16.7207 4.77165 16.7494 3.5538C17.2577 3.60345 17.638 3.69892 17.9659 3.88251C18.4486 4.15285 18.8471 4.55141 19.1175 5.03414C19.5 5.71716 19.5 6.62811 19.5 8.45V15.3649C19.1754 15.4506 18.8686 15.6214 18.6152 15.8771L16.0208 18.4941L15.4051 17.8542C14.6584 17.0782 13.424 17.0544 12.6479 17.8011C11.8719 18.5478 11.8481 19.7823 12.5948 20.5583L13.982 22H9.45C7.62811 22 6.71716 22 6.03414 21.6175C5.55141 21.3472 5.15285 20.9486 4.88251 20.4659C4.5 19.7828 4.5 18.8719 4.5 17.05V8.45C4.5 6.62811 4.5 5.71716 4.88251 5.03414C5.15285 4.55141 5.55141 4.15285 6.03414 3.88251Z' 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='M20.528 16.7174C20.8222 17.009 20.8242 17.4839 20.5326 17.778L16.5895 21.7555C16.2637 22.0841 15.7261 22.0818 15.4036 21.7467L13.4596 19.7263C13.1724 19.4278 13.1815 18.953 13.48 18.6658C13.7785 18.3786 14.2532 18.3878 14.5404 18.6863L16.008 20.2115L19.4674 16.722C19.759 16.4278 20.2339 16.4258 20.528 16.7174Z' fill='white'/%3E%3Cpath d='M9.5 2H14.5C15.3284 2 16 2.67157 16 3.5L16 3.51134C15.9939 4.33455 15.3246 5 14.5 5H9.5C8.67535 5 8.00614 4.33455 8.00004 3.51134L8 3.5C8 2.67157 8.67157 2 9.5 2Z' fill='white'/%3E%3Cpath d='M6.03414 3.88251C6.36196 3.69892 6.74228 3.60345 7.25063 3.5538C7.27927 4.77165 8.27535 5.75 9.5 5.75H14.5C15.7247 5.75 16.7207 4.77165 16.7494 3.5538C17.2577 3.60345 17.638 3.69892 17.9659 3.88251C18.4486 4.15285 18.8471 4.55141 19.1175 5.03414C19.5 5.71716 19.5 6.62811 19.5 8.45V15.3649C19.1754 15.4506 18.8686 15.6214 18.6152 15.8771L16.0208 18.4941L15.4051 17.8542C14.6584 17.0782 13.424 17.0544 12.6479 17.8011C11.8719 18.5478 11.8481 19.7823 12.5948 20.5583L13.982 22H9.45C7.62811 22 6.71716 22 6.03414 21.6175C5.55141 21.3472 5.15285 20.9486 4.88251 20.4659C4.5 19.7828 4.5 18.8719 4.5 17.05V8.45C4.5 6.62811 4.5 5.71716 4.88251 5.03414C5.15285 4.55141 5.55141 4.15285 6.03414 3.88251Z' fill='white'/%3E%3C/svg%3E");
}

.wr-course-action {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
}

.wr-action-button {
    cursor: pointer;
    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: 0px 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: 0px 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);
}

.xi-arrow-right {
    -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='M9 6L14.9406 11.8586C15.0198 11.9367 15.0198 12.0633 14.9406 12.1414L9 18' stroke='%23C7CACD' 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='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 6L14.9406 11.8586C15.0198 11.9367 15.0198 12.0633 14.9406 12.1414L9 18' stroke='%23C7CACD' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

.xi-notes {
    -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='M13.1928 2.28939L12.6702 2.82735V2.82735L13.1928 2.28939ZM16.651 5.64876L17.1736 5.1108L16.651 5.64876ZM6.81941 15.602L6.4867 16.2742H6.4867L6.81941 15.602ZM5.86343 14.6734L6.52762 14.325L6.52762 14.325L5.86343 14.6734ZM16.0973 15.602L16.43 16.2742V16.2742L16.0973 15.602ZM17.0533 14.6734L16.3891 14.325L16.3891 14.325L17.0533 14.6734ZM5.86343 2.82726L6.52762 3.17563V3.17563L5.86343 2.82726ZM6.81941 1.8986L7.15211 2.57077L6.81941 1.8986ZM8.54168 9.06283C8.12746 9.06283 7.79168 9.39861 7.79168 9.81283C7.79168 10.227 8.12746 10.5628 8.54168 10.5628V9.81283V9.06283ZM14.375 10.5628C14.7892 10.5628 15.125 10.227 15.125 9.81283C15.125 9.39861 14.7892 9.06283 14.375 9.06283V9.81283V10.5628ZM8.54168 11.542C8.12746 11.542 7.79168 11.8778 7.79168 12.292C7.79168 12.7062 8.12746 13.042 8.54168 13.042V12.292V11.542ZM12.1875 13.042C12.6017 13.042 12.9375 12.7062 12.9375 12.292C12.9375 11.8778 12.6017 11.542 12.1875 11.542V12.292V13.042ZM17.0952 6.27116L17.7744 5.953V5.95299L17.0952 6.27116ZM2.93601 6.66669L2.28118 6.30105H2.28118L2.93601 6.66669ZM3.91862 6.66115C4.24944 6.4119 4.31558 5.94166 4.06633 5.61083C3.81708 5.28 3.34683 5.21387 3.016 5.46312L3.46731 6.06213L3.91862 6.66115ZM12.7178 18.9227C13.1142 18.8024 13.338 18.3835 13.2177 17.9872C13.0974 17.5908 12.6785 17.367 12.2822 17.4873L12.5 18.205L12.7178 18.9227ZM13.7917 15.8337V15.0837H9.12501V15.8337V16.5837H13.7917V15.8337ZM5.62501 12.4337H6.37501V5.06699H5.62501H4.87501V12.4337H5.62501ZM17.2917 7.15136H16.5417V12.4337H17.2917H18.0417V7.15136H17.2917ZM13.1928 2.28939L12.6702 2.82735L16.1284 6.18672L16.651 5.64876L17.1736 5.1108L13.7154 1.75143L13.1928 2.28939ZM9.12501 1.66699V2.41699H11.646V1.66699V0.916992H9.12501V1.66699ZM9.12501 15.8337V15.0837C8.50043 15.0837 8.07581 15.0831 7.7476 15.0571C7.42753 15.0317 7.26467 14.9856 7.15211 14.9299L6.81941 15.602L6.4867 16.2742C6.84208 16.4501 7.21946 16.5199 7.62892 16.5524C8.03026 16.5842 8.52448 16.5837 9.12501 16.5837V15.8337ZM5.62501 12.4337H4.87501C4.87501 13.016 4.87439 13.4991 4.90745 13.8922C4.9413 14.2947 5.01435 14.6692 5.19925 15.0218L5.86343 14.6734L6.52762 14.325C6.4741 14.223 6.42793 14.0727 6.40217 13.7665C6.37563 13.4509 6.37501 13.0415 6.37501 12.4337H5.62501ZM6.81941 15.602L7.15211 14.9299C6.87979 14.7951 6.66245 14.5821 6.52762 14.325L5.86343 14.6734L5.19925 15.0218C5.48386 15.5644 5.93582 16.0015 6.4867 16.2742L6.81941 15.602ZM13.7917 15.8337V16.5837C14.3922 16.5837 14.8864 16.5842 15.2878 16.5524C15.6972 16.5199 16.0746 16.4501 16.43 16.2742L16.0973 15.602L15.7646 14.9299C15.652 14.9856 15.4892 15.0317 15.1691 15.0571C14.8409 15.0831 14.4163 15.0837 13.7917 15.0837V15.8337ZM17.2917 12.4337H16.5417C16.5417 13.0415 16.5411 13.4509 16.5145 13.7665C16.4888 14.0727 16.4426 14.223 16.3891 14.325L17.0533 14.6734L17.7174 15.0218C17.9023 14.6692 17.9754 14.2947 18.0092 13.8922C18.0423 13.4991 18.0417 13.016 18.0417 12.4337H17.2917ZM16.0973 15.602L16.43 16.2742C16.9809 16.0015 17.4328 15.5644 17.7174 15.0218L17.0533 14.6734L16.3891 14.325C16.2542 14.5821 16.0369 14.7951 15.7646 14.9299L16.0973 15.602ZM5.62501 5.06699H6.37501C6.37501 4.4592 6.37563 4.04978 6.40217 3.73415C6.42793 3.42794 6.4741 3.27767 6.52762 3.17563L5.86343 2.82726L5.19925 2.47889C5.01435 2.83142 4.9413 3.20595 4.90745 3.60844C4.87439 4.00151 4.87501 4.48467 4.87501 5.06699H5.62501ZM9.12501 1.66699V0.916992C8.52448 0.916992 8.03026 0.916442 7.62892 0.948295C7.21946 0.980794 6.84208 1.05054 6.4867 1.22644L6.81941 1.8986L7.15211 2.57077C7.26467 2.51506 7.42753 2.469 7.7476 2.44359C8.07581 2.41754 8.50043 2.41699 9.12501 2.41699V1.66699ZM5.86343 2.82726L6.52762 3.17563C6.66245 2.91857 6.87979 2.70556 7.15211 2.57077L6.81941 1.8986L6.4867 1.22644C5.93582 1.49911 5.48386 1.93627 5.19925 2.47889L5.86343 2.82726ZM8.54168 9.81283V10.5628H14.375V9.81283V9.06283H8.54168V9.81283ZM8.54168 12.292V13.042H12.1875V12.292V11.542H8.54168V12.292ZM13.1928 2.28939L13.7154 1.75143C13.4634 1.5066 13.1713 1.31158 12.8553 1.1719L12.5521 1.85786L12.2488 2.54382C12.4053 2.613 12.5481 2.70877 12.6702 2.82735L13.1928 2.28939ZM12.5521 1.85786L12.8553 1.1719C12.4784 1.00527 12.0666 0.916992 11.646 0.916992V1.66699V2.41699C11.8567 2.41699 12.0621 2.46125 12.2488 2.54382L12.5521 1.85786ZM12.5521 1.85786H11.8021V4.14616H12.5521H13.3021V1.85786H12.5521ZM17.2917 7.15136H18.0417C18.0417 6.73313 17.9486 6.32487 17.7744 5.953L17.0952 6.27116L16.416 6.58932C16.4983 6.76505 16.5417 6.95636 16.5417 7.15136H17.2917ZM17.0952 6.27116L17.7744 5.95299C17.6284 5.64137 17.4256 5.35568 17.1736 5.1108L16.651 5.64876L16.1284 6.18672C16.2504 6.30525 16.347 6.44201 16.416 6.58932L17.0952 6.27116ZM14.7396 6.27116V7.02116H17.0952V6.27116V5.52116H14.7396V6.27116ZM12.5521 4.14616H11.8021C11.8021 5.75432 13.1379 7.02116 14.7396 7.02116V6.27116V5.52116C13.925 5.52116 13.3021 4.88521 13.3021 4.14616H12.5521ZM2.70834 8.67577H3.45834C3.45834 8.12844 3.45904 7.76735 3.48381 7.49068C3.5076 7.22502 3.54911 7.10708 3.59085 7.03232L2.93601 6.66669L2.28118 6.30105C2.09525 6.63405 2.02292 6.98687 1.98979 7.35692C1.95764 7.71596 1.95834 8.15554 1.95834 8.67577H2.70834ZM2.70834 14.5837H3.45834V8.67577H2.70834H1.95834V14.5837H2.70834ZM10.5067 18.3337V17.5837H6.45834V18.3337V19.0837H10.5067V18.3337ZM2.70834 14.5837H1.95834C1.95834 17.0689 3.97306 19.0837 6.45834 19.0837V18.3337V17.5837C4.80149 17.5837 3.45834 16.2405 3.45834 14.5837H2.70834ZM2.93601 6.66669L3.59085 7.03232C3.66841 6.89341 3.77897 6.76637 3.91862 6.66115L3.46731 6.06213L3.016 5.46312C2.71693 5.68844 2.46482 5.97216 2.28118 6.30105L2.93601 6.66669ZM10.5067 18.3337V19.0837C11.4474 19.0837 12.1602 19.0919 12.7178 18.9227L12.5 18.205L12.2822 17.4873C11.992 17.5754 11.5604 17.5837 10.5067 17.5837V18.3337Z' fill='%23868F98'/%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='M13.1928 2.28939L12.6702 2.82735V2.82735L13.1928 2.28939ZM16.651 5.64876L17.1736 5.1108L16.651 5.64876ZM6.81941 15.602L6.4867 16.2742H6.4867L6.81941 15.602ZM5.86343 14.6734L6.52762 14.325L6.52762 14.325L5.86343 14.6734ZM16.0973 15.602L16.43 16.2742V16.2742L16.0973 15.602ZM17.0533 14.6734L16.3891 14.325L16.3891 14.325L17.0533 14.6734ZM5.86343 2.82726L6.52762 3.17563V3.17563L5.86343 2.82726ZM6.81941 1.8986L7.15211 2.57077L6.81941 1.8986ZM8.54168 9.06283C8.12746 9.06283 7.79168 9.39861 7.79168 9.81283C7.79168 10.227 8.12746 10.5628 8.54168 10.5628V9.81283V9.06283ZM14.375 10.5628C14.7892 10.5628 15.125 10.227 15.125 9.81283C15.125 9.39861 14.7892 9.06283 14.375 9.06283V9.81283V10.5628ZM8.54168 11.542C8.12746 11.542 7.79168 11.8778 7.79168 12.292C7.79168 12.7062 8.12746 13.042 8.54168 13.042V12.292V11.542ZM12.1875 13.042C12.6017 13.042 12.9375 12.7062 12.9375 12.292C12.9375 11.8778 12.6017 11.542 12.1875 11.542V12.292V13.042ZM17.0952 6.27116L17.7744 5.953V5.95299L17.0952 6.27116ZM2.93601 6.66669L2.28118 6.30105H2.28118L2.93601 6.66669ZM3.91862 6.66115C4.24944 6.4119 4.31558 5.94166 4.06633 5.61083C3.81708 5.28 3.34683 5.21387 3.016 5.46312L3.46731 6.06213L3.91862 6.66115ZM12.7178 18.9227C13.1142 18.8024 13.338 18.3835 13.2177 17.9872C13.0974 17.5908 12.6785 17.367 12.2822 17.4873L12.5 18.205L12.7178 18.9227ZM13.7917 15.8337V15.0837H9.12501V15.8337V16.5837H13.7917V15.8337ZM5.62501 12.4337H6.37501V5.06699H5.62501H4.87501V12.4337H5.62501ZM17.2917 7.15136H16.5417V12.4337H17.2917H18.0417V7.15136H17.2917ZM13.1928 2.28939L12.6702 2.82735L16.1284 6.18672L16.651 5.64876L17.1736 5.1108L13.7154 1.75143L13.1928 2.28939ZM9.12501 1.66699V2.41699H11.646V1.66699V0.916992H9.12501V1.66699ZM9.12501 15.8337V15.0837C8.50043 15.0837 8.07581 15.0831 7.7476 15.0571C7.42753 15.0317 7.26467 14.9856 7.15211 14.9299L6.81941 15.602L6.4867 16.2742C6.84208 16.4501 7.21946 16.5199 7.62892 16.5524C8.03026 16.5842 8.52448 16.5837 9.12501 16.5837V15.8337ZM5.62501 12.4337H4.87501C4.87501 13.016 4.87439 13.4991 4.90745 13.8922C4.9413 14.2947 5.01435 14.6692 5.19925 15.0218L5.86343 14.6734L6.52762 14.325C6.4741 14.223 6.42793 14.0727 6.40217 13.7665C6.37563 13.4509 6.37501 13.0415 6.37501 12.4337H5.62501ZM6.81941 15.602L7.15211 14.9299C6.87979 14.7951 6.66245 14.5821 6.52762 14.325L5.86343 14.6734L5.19925 15.0218C5.48386 15.5644 5.93582 16.0015 6.4867 16.2742L6.81941 15.602ZM13.7917 15.8337V16.5837C14.3922 16.5837 14.8864 16.5842 15.2878 16.5524C15.6972 16.5199 16.0746 16.4501 16.43 16.2742L16.0973 15.602L15.7646 14.9299C15.652 14.9856 15.4892 15.0317 15.1691 15.0571C14.8409 15.0831 14.4163 15.0837 13.7917 15.0837V15.8337ZM17.2917 12.4337H16.5417C16.5417 13.0415 16.5411 13.4509 16.5145 13.7665C16.4888 14.0727 16.4426 14.223 16.3891 14.325L17.0533 14.6734L17.7174 15.0218C17.9023 14.6692 17.9754 14.2947 18.0092 13.8922C18.0423 13.4991 18.0417 13.016 18.0417 12.4337H17.2917ZM16.0973 15.602L16.43 16.2742C16.9809 16.0015 17.4328 15.5644 17.7174 15.0218L17.0533 14.6734L16.3891 14.325C16.2542 14.5821 16.0369 14.7951 15.7646 14.9299L16.0973 15.602ZM5.62501 5.06699H6.37501C6.37501 4.4592 6.37563 4.04978 6.40217 3.73415C6.42793 3.42794 6.4741 3.27767 6.52762 3.17563L5.86343 2.82726L5.19925 2.47889C5.01435 2.83142 4.9413 3.20595 4.90745 3.60844C4.87439 4.00151 4.87501 4.48467 4.87501 5.06699H5.62501ZM9.12501 1.66699V0.916992C8.52448 0.916992 8.03026 0.916442 7.62892 0.948295C7.21946 0.980794 6.84208 1.05054 6.4867 1.22644L6.81941 1.8986L7.15211 2.57077C7.26467 2.51506 7.42753 2.469 7.7476 2.44359C8.07581 2.41754 8.50043 2.41699 9.12501 2.41699V1.66699ZM5.86343 2.82726L6.52762 3.17563C6.66245 2.91857 6.87979 2.70556 7.15211 2.57077L6.81941 1.8986L6.4867 1.22644C5.93582 1.49911 5.48386 1.93627 5.19925 2.47889L5.86343 2.82726ZM8.54168 9.81283V10.5628H14.375V9.81283V9.06283H8.54168V9.81283ZM8.54168 12.292V13.042H12.1875V12.292V11.542H8.54168V12.292ZM13.1928 2.28939L13.7154 1.75143C13.4634 1.5066 13.1713 1.31158 12.8553 1.1719L12.5521 1.85786L12.2488 2.54382C12.4053 2.613 12.5481 2.70877 12.6702 2.82735L13.1928 2.28939ZM12.5521 1.85786L12.8553 1.1719C12.4784 1.00527 12.0666 0.916992 11.646 0.916992V1.66699V2.41699C11.8567 2.41699 12.0621 2.46125 12.2488 2.54382L12.5521 1.85786ZM12.5521 1.85786H11.8021V4.14616H12.5521H13.3021V1.85786H12.5521ZM17.2917 7.15136H18.0417C18.0417 6.73313 17.9486 6.32487 17.7744 5.953L17.0952 6.27116L16.416 6.58932C16.4983 6.76505 16.5417 6.95636 16.5417 7.15136H17.2917ZM17.0952 6.27116L17.7744 5.95299C17.6284 5.64137 17.4256 5.35568 17.1736 5.1108L16.651 5.64876L16.1284 6.18672C16.2504 6.30525 16.347 6.44201 16.416 6.58932L17.0952 6.27116ZM14.7396 6.27116V7.02116H17.0952V6.27116V5.52116H14.7396V6.27116ZM12.5521 4.14616H11.8021C11.8021 5.75432 13.1379 7.02116 14.7396 7.02116V6.27116V5.52116C13.925 5.52116 13.3021 4.88521 13.3021 4.14616H12.5521ZM2.70834 8.67577H3.45834C3.45834 8.12844 3.45904 7.76735 3.48381 7.49068C3.5076 7.22502 3.54911 7.10708 3.59085 7.03232L2.93601 6.66669L2.28118 6.30105C2.09525 6.63405 2.02292 6.98687 1.98979 7.35692C1.95764 7.71596 1.95834 8.15554 1.95834 8.67577H2.70834ZM2.70834 14.5837H3.45834V8.67577H2.70834H1.95834V14.5837H2.70834ZM10.5067 18.3337V17.5837H6.45834V18.3337V19.0837H10.5067V18.3337ZM2.70834 14.5837H1.95834C1.95834 17.0689 3.97306 19.0837 6.45834 19.0837V18.3337V17.5837C4.80149 17.5837 3.45834 16.2405 3.45834 14.5837H2.70834ZM2.93601 6.66669L3.59085 7.03232C3.66841 6.89341 3.77897 6.76637 3.91862 6.66115L3.46731 6.06213L3.016 5.46312C2.71693 5.68844 2.46482 5.97216 2.28118 6.30105L2.93601 6.66669ZM10.5067 18.3337V19.0837C11.4474 19.0837 12.1602 19.0919 12.7178 18.9227L12.5 18.205L12.2822 17.4873C11.992 17.5754 11.5604 17.5837 10.5067 17.5837V18.3337Z' fill='%23868F98'/%3E%3C/svg%3E");
}

.xi-cheatsheet {
    -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='M11.9822 2.39923L11.4519 2.92956L11.9822 2.39923ZM15.9344 6.35143L16.4647 5.8211L15.9344 6.35143ZM4.69834 18.0612L4.35784 18.7294H4.35784L4.69834 18.0612ZM3.6058 16.9686L4.27405 16.6281L4.27405 16.6281L3.6058 16.9686ZM15.3016 18.0612L15.6421 18.7294H15.6421L15.3016 18.0612ZM16.3942 16.9686L15.7259 16.6281L15.7259 16.6281L16.3942 16.9686ZM3.6058 3.03202L4.27405 3.37251H4.27405L3.6058 3.03202ZM4.69834 1.93948L5.03883 2.60773L5.03883 2.60773L4.69834 1.93948ZM6.66665 10.5003C6.25243 10.5003 5.91665 10.8361 5.91665 11.2503C5.91665 11.6645 6.25243 12.0003 6.66665 12.0003V11.2503V10.5003ZM13.3333 12.0003C13.7475 12.0003 14.0833 11.6645 14.0833 11.2503C14.0833 10.8361 13.7475 10.5003 13.3333 10.5003V11.2503V12.0003ZM6.66665 13.417C6.25243 13.417 5.91665 13.7528 5.91665 14.167C5.91665 14.5812 6.25243 14.917 6.66665 14.917V14.167V13.417ZM10.8333 14.917C11.2475 14.917 11.5833 14.5812 11.5833 14.167C11.5833 13.7528 11.2475 13.417 10.8333 13.417V14.167V14.917ZM16.4421 7.08366L17.1247 6.77301V6.77301L16.4421 7.08366ZM12.6666 18.3337V17.5837H7.33331V18.3337V19.0837H12.6666V18.3337ZM3.33331 14.3337H4.08331V5.66699H3.33331H2.58331V14.3337H3.33331ZM16.6666 8.11919H15.9166V14.3337H16.6666H17.4166V8.11919H16.6666ZM11.9822 2.39923L11.4519 2.92956L15.4041 6.88176L15.9344 6.35143L16.4647 5.8211L12.5125 1.8689L11.9822 2.39923ZM7.33331 1.66699V2.41699H10.2144V1.66699V0.916992H7.33331V1.66699ZM7.33331 18.3337V17.5837C6.62087 17.5837 6.13165 17.5831 5.75239 17.5521C5.38189 17.5218 5.18287 17.4663 5.03883 17.3929L4.69834 18.0612L4.35784 18.7294C4.74858 18.9285 5.16698 19.0093 5.63024 19.0471C6.08475 19.0842 6.64562 19.0837 7.33331 19.0837V18.3337ZM3.33331 14.3337H2.58331C2.58331 15.0213 2.58273 15.5822 2.61986 16.0367C2.65771 16.5 2.73845 16.9184 2.93754 17.3091L3.6058 16.9686L4.27405 16.6281C4.20066 16.4841 4.14515 16.2851 4.11488 15.9146C4.0839 15.5353 4.08331 15.0461 4.08331 14.3337H3.33331ZM4.69834 18.0612L5.03883 17.3929C4.70955 17.2251 4.44183 16.9574 4.27405 16.6281L3.6058 16.9686L2.93754 17.3091C3.24913 17.9207 3.74632 18.4178 4.35784 18.7294L4.69834 18.0612ZM12.6666 18.3337V19.0837C13.3543 19.0837 13.9152 19.0842 14.3697 19.0471C14.833 19.0093 15.2514 18.9285 15.6421 18.7294L15.3016 18.0612L14.9611 17.3929C14.8171 17.4663 14.6181 17.5218 14.2476 17.5521C13.8683 17.5831 13.3791 17.5837 12.6666 17.5837V18.3337ZM16.6666 14.3337H15.9166C15.9166 15.0461 15.9161 15.5353 15.8851 15.9146C15.8548 16.2851 15.7993 16.4841 15.7259 16.6281L16.3942 16.9686L17.0624 17.3091C17.2615 16.9184 17.3422 16.5 17.3801 16.0367C17.4172 15.5822 17.4166 15.0213 17.4166 14.3337H16.6666ZM15.3016 18.0612L15.6421 18.7294C16.2536 18.4178 16.7508 17.9207 17.0624 17.3091L16.3942 16.9686L15.7259 16.6281C15.5581 16.9574 15.2904 17.2251 14.9611 17.3929L15.3016 18.0612ZM3.33331 5.66699H4.08331C4.08331 4.95455 4.0839 4.46533 4.11488 4.08607C4.14515 3.71557 4.20066 3.51655 4.27405 3.37251L3.6058 3.03202L2.93754 2.69152C2.73845 3.08226 2.65771 3.50066 2.61986 3.96392C2.58273 4.41843 2.58331 4.9793 2.58331 5.66699H3.33331ZM7.33331 1.66699V0.916992C6.64562 0.916992 6.08475 0.916409 5.63024 0.953543C5.16698 0.991393 4.74858 1.07213 4.35784 1.27122L4.69834 1.93948L5.03883 2.60773C5.18287 2.53434 5.38189 2.47883 5.75239 2.44856C6.13165 2.41758 6.62087 2.41699 7.33331 2.41699V1.66699ZM3.6058 3.03202L4.27405 3.37251C4.44183 3.04323 4.70955 2.77551 5.03883 2.60773L4.69834 1.93948L4.35784 1.27122C3.74632 1.58281 3.24913 2.08 2.93754 2.69152L3.6058 3.03202ZM6.66665 11.2503V12.0003H13.3333V11.2503V10.5003H6.66665V11.2503ZM6.66665 14.167V14.917H10.8333V14.167V13.417H6.66665V14.167ZM11.9822 2.39923L12.5125 1.8689C12.2347 1.59101 11.9116 1.36861 11.5606 1.2089L11.25 1.89154L10.9393 2.57418C11.1283 2.66019 11.3022 2.7799 11.4519 2.92956L11.9822 2.39923ZM11.25 1.89154L11.5606 1.2089C11.1419 1.01836 10.6834 0.916992 10.2144 0.916992V1.66699V2.41699C10.4669 2.41699 10.7138 2.47155 10.9393 2.57418L11.25 1.89154ZM11.25 1.89154H10.5V4.58366H11.25H12V1.89154H11.25ZM16.6666 8.11919H17.4166C17.4166 7.65025 17.3153 7.19172 17.1247 6.77301L16.4421 7.08366L15.7595 7.39431C15.8621 7.61984 15.9166 7.86669 15.9166 8.11919H16.6666ZM16.4421 7.08366L17.1247 6.77301C16.965 6.42207 16.7426 6.09898 16.4647 5.8211L15.9344 6.35143L15.4041 6.88176C15.5537 7.03141 15.6735 7.20532 15.7595 7.39431L16.4421 7.08366ZM13.75 7.08366V7.83366H16.4421V7.08366V6.33366H13.75V7.08366ZM11.25 4.58366H10.5C10.5 6.37859 11.9551 7.83366 13.75 7.83366V7.08366V6.33366C12.7835 6.33366 12 5.55016 12 4.58366H11.25Z' fill='%23868F98'/%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='M11.9822 2.39923L11.4519 2.92956L11.9822 2.39923ZM15.9344 6.35143L16.4647 5.8211L15.9344 6.35143ZM4.69834 18.0612L4.35784 18.7294H4.35784L4.69834 18.0612ZM3.6058 16.9686L4.27405 16.6281L4.27405 16.6281L3.6058 16.9686ZM15.3016 18.0612L15.6421 18.7294H15.6421L15.3016 18.0612ZM16.3942 16.9686L15.7259 16.6281L15.7259 16.6281L16.3942 16.9686ZM3.6058 3.03202L4.27405 3.37251H4.27405L3.6058 3.03202ZM4.69834 1.93948L5.03883 2.60773L5.03883 2.60773L4.69834 1.93948ZM6.66665 10.5003C6.25243 10.5003 5.91665 10.8361 5.91665 11.2503C5.91665 11.6645 6.25243 12.0003 6.66665 12.0003V11.2503V10.5003ZM13.3333 12.0003C13.7475 12.0003 14.0833 11.6645 14.0833 11.2503C14.0833 10.8361 13.7475 10.5003 13.3333 10.5003V11.2503V12.0003ZM6.66665 13.417C6.25243 13.417 5.91665 13.7528 5.91665 14.167C5.91665 14.5812 6.25243 14.917 6.66665 14.917V14.167V13.417ZM10.8333 14.917C11.2475 14.917 11.5833 14.5812 11.5833 14.167C11.5833 13.7528 11.2475 13.417 10.8333 13.417V14.167V14.917ZM16.4421 7.08366L17.1247 6.77301V6.77301L16.4421 7.08366ZM12.6666 18.3337V17.5837H7.33331V18.3337V19.0837H12.6666V18.3337ZM3.33331 14.3337H4.08331V5.66699H3.33331H2.58331V14.3337H3.33331ZM16.6666 8.11919H15.9166V14.3337H16.6666H17.4166V8.11919H16.6666ZM11.9822 2.39923L11.4519 2.92956L15.4041 6.88176L15.9344 6.35143L16.4647 5.8211L12.5125 1.8689L11.9822 2.39923ZM7.33331 1.66699V2.41699H10.2144V1.66699V0.916992H7.33331V1.66699ZM7.33331 18.3337V17.5837C6.62087 17.5837 6.13165 17.5831 5.75239 17.5521C5.38189 17.5218 5.18287 17.4663 5.03883 17.3929L4.69834 18.0612L4.35784 18.7294C4.74858 18.9285 5.16698 19.0093 5.63024 19.0471C6.08475 19.0842 6.64562 19.0837 7.33331 19.0837V18.3337ZM3.33331 14.3337H2.58331C2.58331 15.0213 2.58273 15.5822 2.61986 16.0367C2.65771 16.5 2.73845 16.9184 2.93754 17.3091L3.6058 16.9686L4.27405 16.6281C4.20066 16.4841 4.14515 16.2851 4.11488 15.9146C4.0839 15.5353 4.08331 15.0461 4.08331 14.3337H3.33331ZM4.69834 18.0612L5.03883 17.3929C4.70955 17.2251 4.44183 16.9574 4.27405 16.6281L3.6058 16.9686L2.93754 17.3091C3.24913 17.9207 3.74632 18.4178 4.35784 18.7294L4.69834 18.0612ZM12.6666 18.3337V19.0837C13.3543 19.0837 13.9152 19.0842 14.3697 19.0471C14.833 19.0093 15.2514 18.9285 15.6421 18.7294L15.3016 18.0612L14.9611 17.3929C14.8171 17.4663 14.6181 17.5218 14.2476 17.5521C13.8683 17.5831 13.3791 17.5837 12.6666 17.5837V18.3337ZM16.6666 14.3337H15.9166C15.9166 15.0461 15.9161 15.5353 15.8851 15.9146C15.8548 16.2851 15.7993 16.4841 15.7259 16.6281L16.3942 16.9686L17.0624 17.3091C17.2615 16.9184 17.3422 16.5 17.3801 16.0367C17.4172 15.5822 17.4166 15.0213 17.4166 14.3337H16.6666ZM15.3016 18.0612L15.6421 18.7294C16.2536 18.4178 16.7508 17.9207 17.0624 17.3091L16.3942 16.9686L15.7259 16.6281C15.5581 16.9574 15.2904 17.2251 14.9611 17.3929L15.3016 18.0612ZM3.33331 5.66699H4.08331C4.08331 4.95455 4.0839 4.46533 4.11488 4.08607C4.14515 3.71557 4.20066 3.51655 4.27405 3.37251L3.6058 3.03202L2.93754 2.69152C2.73845 3.08226 2.65771 3.50066 2.61986 3.96392C2.58273 4.41843 2.58331 4.9793 2.58331 5.66699H3.33331ZM7.33331 1.66699V0.916992C6.64562 0.916992 6.08475 0.916409 5.63024 0.953543C5.16698 0.991393 4.74858 1.07213 4.35784 1.27122L4.69834 1.93948L5.03883 2.60773C5.18287 2.53434 5.38189 2.47883 5.75239 2.44856C6.13165 2.41758 6.62087 2.41699 7.33331 2.41699V1.66699ZM3.6058 3.03202L4.27405 3.37251C4.44183 3.04323 4.70955 2.77551 5.03883 2.60773L4.69834 1.93948L4.35784 1.27122C3.74632 1.58281 3.24913 2.08 2.93754 2.69152L3.6058 3.03202ZM6.66665 11.2503V12.0003H13.3333V11.2503V10.5003H6.66665V11.2503ZM6.66665 14.167V14.917H10.8333V14.167V13.417H6.66665V14.167ZM11.9822 2.39923L12.5125 1.8689C12.2347 1.59101 11.9116 1.36861 11.5606 1.2089L11.25 1.89154L10.9393 2.57418C11.1283 2.66019 11.3022 2.7799 11.4519 2.92956L11.9822 2.39923ZM11.25 1.89154L11.5606 1.2089C11.1419 1.01836 10.6834 0.916992 10.2144 0.916992V1.66699V2.41699C10.4669 2.41699 10.7138 2.47155 10.9393 2.57418L11.25 1.89154ZM11.25 1.89154H10.5V4.58366H11.25H12V1.89154H11.25ZM16.6666 8.11919H17.4166C17.4166 7.65025 17.3153 7.19172 17.1247 6.77301L16.4421 7.08366L15.7595 7.39431C15.8621 7.61984 15.9166 7.86669 15.9166 8.11919H16.6666ZM16.4421 7.08366L17.1247 6.77301C16.965 6.42207 16.7426 6.09898 16.4647 5.8211L15.9344 6.35143L15.4041 6.88176C15.5537 7.03141 15.6735 7.20532 15.7595 7.39431L16.4421 7.08366ZM13.75 7.08366V7.83366H16.4421V7.08366V6.33366H13.75V7.08366ZM11.25 4.58366H10.5C10.5 6.37859 11.9551 7.83366 13.75 7.83366V7.08366V6.33366C12.7835 6.33366 12 5.55016 12 4.58366H11.25Z' fill='%23868F98'/%3E%3C/svg%3E");
}

.xi-quizlet {
    -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%3Cg clip-path='url(%23clip0_3001_12039)'%3E%3Cpath d='M18.3333 18.3337L12.0833 13.3337M9.99996 1.66699C5.39759 1.66699 1.66663 5.39795 1.66663 10.0003C1.66663 14.6027 5.39759 18.3337 9.99996 18.3337C14.6023 18.3337 18.3333 14.6027 18.3333 10.0003C18.3333 5.39795 14.6023 1.66699 9.99996 1.66699Z' stroke='%23868F98' stroke-width='1.5' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3001_12039'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%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%3Cg clip-path='url(%23clip0_3001_12039)'%3E%3Cpath d='M18.3333 18.3337L12.0833 13.3337M9.99996 1.66699C5.39759 1.66699 1.66663 5.39795 1.66663 10.0003C1.66663 14.6027 5.39759 18.3337 9.99996 18.3337C14.6023 18.3337 18.3333 14.6027 18.3333 10.0003C18.3333 5.39795 14.6023 1.66699 9.99996 1.66699Z' stroke='%23868F98' stroke-width='1.5' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3001_12039'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.xi-test {
    -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.66663 4.46819L2.82823 5.60305C2.86716 5.64108 2.93579 5.64152 2.97537 5.60399L5.37033 3.33301M1.66663 9.98544L2.82823 11.1203C2.86716 11.1583 2.93579 11.1588 2.97537 11.1212L5.37033 8.85025M1.66663 15.5027L2.82823 16.6375C2.86716 16.6756 2.93579 16.676 2.97537 16.6385L5.37033 14.3675M8.61107 4.71232H18.3333M8.61107 10.2296H18.3333M8.61107 15.7468H18.3333' stroke='%23868F98' 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.66663 4.46819L2.82823 5.60305C2.86716 5.64108 2.93579 5.64152 2.97537 5.60399L5.37033 3.33301M1.66663 9.98544L2.82823 11.1203C2.86716 11.1583 2.93579 11.1588 2.97537 11.1212L5.37033 8.85025M1.66663 15.5027L2.82823 16.6375C2.86716 16.6756 2.93579 16.676 2.97537 16.6385L5.37033 14.3675M8.61107 4.71232H18.3333M8.61107 10.2296H18.3333M8.61107 15.7468H18.3333' stroke='%23868F98' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

.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);
}

.wr-course-head-content > .wr-course-action {
    margin-bottom: -68px;
}

.wr-course-body-wrapper {
    padding-top: 36px;
}

.wr-course-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;
    padding-bottom: 32px;
}

.wr-course-lesson-info {
    -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: 8px;
}
.wr-course-lesson-info > p {
    color: var(--gray-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}
.wr-course-lesson-info > span {
    color: var(--dark-text);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.4px;
}

.wr-lesson-time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
}
.wr-lesson-time > span {
    color: var(--gray-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}
.wr-lesson-time > .x-icon {
    width: 12px;
    height: 12px;
}
.wr-lesson-time > .x-icon::before {
    background: var(--gray-text);
}

.wr-course-lesson-current {
    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;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    border-radius: 100px;
    width: 64px;
    height: 64px;
    position: relative;
}
.wr-course-lesson-current > span {
    text-align: center;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.64px;
}
.wr-course-lesson-current.hard::after, .wr-course-lesson-current.lite::after {
    position: absolute;
    content: "";
    bottom: 0;
    right: 0;
    pointer-events: none;
    z-index: 1;
    width: 24px;
    height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.wr-course-lesson-current.hard::after {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='12' fill='url(%23paint0_linear_3001_5681)'/%3E%3Cpath d='M15.369 5.54089C15.5484 5.42855 15.8105 5.56647 15.7231 5.72741L13.7068 9.44149C13.4858 9.84878 13.7297 10.3095 14.2644 10.4946L17.3602 11.5649C18.1116 11.8245 18.2256 12.5771 17.5716 12.9624L8.23394 18.4622C8.04586 18.5729 7.78671 18.4206 7.89172 18.2614L10.241 14.7242C10.5173 14.308 10.2812 13.8089 9.71645 13.6137L6.63911 12.5501C5.90182 12.2952 5.77559 11.5616 6.40128 11.1689L15.369 5.54089Z' fill='white'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_3001_5681' x1='24' y1='2.86102e-06' x2='2.86102e-06' y2='24' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%232386FF'/%3E%3Cstop offset='1' stop-color='%231F48FF'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}
.wr-course-lesson-current.lite::after {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='12' fill='white'/%3E%3Crect width='24' height='24' rx='12' fill='url(%23paint0_linear_3001_23638)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.9669 5.873C14.0052 6.24074 11.657 7.23499 10.2469 8.29495C8.73825 9.4291 7.8552 10.663 7.264 12.4633C6.91332 13.5311 6.68641 15.1079 6.88344 15.1079C6.94929 15.1079 7.48311 14.5576 8.06982 13.8848C10.6535 10.9217 13.9174 8.21522 13.9174 9.03571C13.9174 9.11426 13.0396 10.0829 11.9669 11.1882C9.75405 13.4684 8.27266 15.1953 7.32985 16.5939C6.57679 17.711 6.464 18.0067 6.68311 18.2897C7.15001 18.8928 7.54763 18.6712 8.43729 17.3117C9.06459 16.353 9.09672 16.3263 9.71358 16.2533C11.4055 16.0528 13.1491 15.3908 14.2318 14.5375C14.7344 14.1413 15.5041 13.1945 15.5041 12.9724C15.5041 12.9105 15.0317 12.86 14.4541 12.86C13.853 12.86 13.3667 12.7997 13.3169 12.7189C13.1915 12.516 13.2063 12.5106 14.4903 12.2931C15.9064 12.053 16.2327 11.7933 16.91 10.3672C17.3579 9.42421 18.281 6.83591 18.281 6.52318C18.281 6.43816 18.1349 6.22262 17.9564 6.04411C17.6007 5.68828 17.1562 5.65006 15.9669 5.873Z' fill='white'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_3001_23638' x1='24' y1='2.86102e-06' x2='2.86102e-06' y2='24' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2336CA18'/%3E%3Cstop offset='1' stop-color='%233ECE00'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}

.wr-course-lesson {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 24px;
    gap: 16px;
    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-course-lesson-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.wr-course-lessons {
    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;
}

.xi-time {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cg clip-path='url(%23clip0_3001_10347)'%3E%3Cpath d='M2.31901 10.8323L2.02954 11.3862H2.02954L2.31901 10.8323ZM1.66349 10.16L2.22322 9.88192L2.22322 9.88192L1.66349 10.16ZM9.68099 10.8323L9.39151 10.2784L9.39151 10.2784L9.68099 10.8323ZM10.3365 10.16L9.77678 9.88192V9.88192L10.3365 10.16ZM9.68099 1.93691L9.39151 2.49083L9.39151 2.49084L9.68099 1.93691ZM10.3365 2.60925L10.8962 2.33118V2.33118L10.3365 2.60925ZM2.31901 1.93691L2.60849 2.49084H2.60849L2.31901 1.93691ZM1.66349 2.60925L2.22322 2.88731L2.22322 2.88731L1.66349 2.60925ZM4.625 1C4.625 0.654822 4.34518 0.375 4 0.375C3.65482 0.375 3.375 0.654822 3.375 1H4H4.625ZM3.375 2.53846C3.375 2.88364 3.65482 3.16346 4 3.16346C4.34518 3.16346 4.625 2.88364 4.625 2.53846H4H3.375ZM8.625 1C8.625 0.654822 8.34518 0.375 8 0.375C7.65482 0.375 7.375 0.654822 7.375 1H8H8.625ZM7.375 2.53846C7.375 2.88364 7.65482 3.16346 8 3.16346C8.34518 3.16346 8.625 2.88364 8.625 2.53846H8H7.375ZM3.9 1.76923V2.39423H8.1V1.76923V1.14423H3.9V1.76923ZM8.1 11V10.375H3.9V11V11.625H8.1V11ZM1.5 8.53846H2.125V4.33333H1.5H0.875V8.53846H1.5ZM1.5 4.33333H2.125V4.23077H1.5H0.875V4.33333H1.5ZM10.5 4.23077H9.875V4.33333H10.5H11.125V4.23077H10.5ZM10.5 4.33333H9.875V8.53846H10.5H11.125V4.33333H10.5ZM1.5 4.33333V4.95833H10.5V4.33333V3.70833H1.5V4.33333ZM3.9 11V10.375C3.46939 10.375 3.18497 10.3745 2.96699 10.3562C2.75679 10.3386 2.66475 10.3078 2.60849 10.2784L2.31901 10.8323L2.02954 11.3862C2.29415 11.5245 2.57256 11.5776 2.86261 11.6019C3.14489 11.6255 3.49054 11.625 3.9 11.625V11ZM1.5 8.53846H0.875C0.875 8.95921 0.874538 9.31143 0.89741 9.59855C0.920827 9.89252 0.971647 10.1721 1.10376 10.4381L1.66349 10.16L2.22322 9.88192C2.19184 9.81875 2.16092 9.71841 2.14346 9.49929C2.12546 9.27333 2.125 8.97933 2.125 8.53846H1.5ZM2.31901 10.8323L2.60849 10.2784C2.44506 10.193 2.30927 10.0551 2.22322 9.88192L1.66349 10.16L1.10376 10.4381C1.30533 10.8438 1.62848 11.1767 2.02954 11.3862L2.31901 10.8323ZM8.1 11V11.625C8.50946 11.625 8.85511 11.6255 9.13739 11.6019C9.42744 11.5776 9.70585 11.5245 9.97046 11.3862L9.68099 10.8323L9.39151 10.2784C9.33525 10.3078 9.24321 10.3386 9.03301 10.3562C8.81503 10.3745 8.53061 10.375 8.1 10.375V11ZM10.5 8.53846H9.875C9.875 8.97933 9.87454 9.27333 9.85654 9.49929C9.83908 9.71841 9.80816 9.81875 9.77678 9.88192L10.3365 10.16L10.8962 10.4381C11.0284 10.1721 11.0792 9.89252 11.1026 9.59855C11.1255 9.31143 11.125 8.95921 11.125 8.53846H10.5ZM9.68099 10.8323L9.97046 11.3862C10.3715 11.1767 10.6947 10.8438 10.8962 10.4381L10.3365 10.16L9.77678 9.88192C9.69073 10.0551 9.55494 10.193 9.39151 10.2784L9.68099 10.8323ZM8.1 1.76923V2.39423C8.53061 2.39423 8.81503 2.39474 9.03301 2.41301C9.24321 2.43062 9.33525 2.46143 9.39151 2.49083L9.68099 1.93691L9.97046 1.38299C9.70585 1.24471 9.42744 1.19168 9.13739 1.16737C8.85511 1.14372 8.50946 1.14423 8.1 1.14423V1.76923ZM10.5 4.23077H11.125C11.125 3.81002 11.1255 3.4578 11.1026 3.17068C11.0792 2.87672 11.0284 2.5971 10.8962 2.33118L10.3365 2.60925L9.77678 2.88731C9.80816 2.95048 9.83908 3.05082 9.85654 3.26994C9.87454 3.4959 9.875 3.7899 9.875 4.23077H10.5ZM9.68099 1.93691L9.39151 2.49084C9.55494 2.57624 9.69073 2.71411 9.77678 2.88731L10.3365 2.60925L10.8962 2.33118C10.6947 1.92543 10.3715 1.59258 9.97046 1.38299L9.68099 1.93691ZM3.9 1.76923V1.14423C3.49054 1.14423 3.14489 1.14372 2.86261 1.16737C2.57256 1.19168 2.29415 1.24471 2.02954 1.38299L2.31901 1.93691L2.60849 2.49084C2.66475 2.46143 2.75679 2.43062 2.96699 2.41301C3.18497 2.39474 3.46939 2.39423 3.9 2.39423V1.76923ZM1.5 4.23077H2.125C2.125 3.7899 2.12546 3.4959 2.14346 3.26994C2.16092 3.05082 2.19184 2.95048 2.22322 2.88731L1.66349 2.60925L1.10376 2.33118C0.971647 2.5971 0.920827 2.87672 0.89741 3.17068C0.874538 3.4578 0.875 3.81002 0.875 4.23077H1.5ZM2.31901 1.93691L2.02954 1.38299C1.62848 1.59258 1.30533 1.92542 1.10376 2.33118L1.66349 2.60925L2.22322 2.88731C2.30927 2.71411 2.44506 2.57624 2.60849 2.49084L2.31901 1.93691ZM4 1H3.375V2.53846H4H4.625V1H4ZM8 1H7.375V2.53846H8H8.625V1H8Z' fill='%23868F98'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3001_10347'%3E%3Crect width='12' height='12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cg clip-path='url(%23clip0_3001_10347)'%3E%3Cpath d='M2.31901 10.8323L2.02954 11.3862H2.02954L2.31901 10.8323ZM1.66349 10.16L2.22322 9.88192L2.22322 9.88192L1.66349 10.16ZM9.68099 10.8323L9.39151 10.2784L9.39151 10.2784L9.68099 10.8323ZM10.3365 10.16L9.77678 9.88192V9.88192L10.3365 10.16ZM9.68099 1.93691L9.39151 2.49083L9.39151 2.49084L9.68099 1.93691ZM10.3365 2.60925L10.8962 2.33118V2.33118L10.3365 2.60925ZM2.31901 1.93691L2.60849 2.49084H2.60849L2.31901 1.93691ZM1.66349 2.60925L2.22322 2.88731L2.22322 2.88731L1.66349 2.60925ZM4.625 1C4.625 0.654822 4.34518 0.375 4 0.375C3.65482 0.375 3.375 0.654822 3.375 1H4H4.625ZM3.375 2.53846C3.375 2.88364 3.65482 3.16346 4 3.16346C4.34518 3.16346 4.625 2.88364 4.625 2.53846H4H3.375ZM8.625 1C8.625 0.654822 8.34518 0.375 8 0.375C7.65482 0.375 7.375 0.654822 7.375 1H8H8.625ZM7.375 2.53846C7.375 2.88364 7.65482 3.16346 8 3.16346C8.34518 3.16346 8.625 2.88364 8.625 2.53846H8H7.375ZM3.9 1.76923V2.39423H8.1V1.76923V1.14423H3.9V1.76923ZM8.1 11V10.375H3.9V11V11.625H8.1V11ZM1.5 8.53846H2.125V4.33333H1.5H0.875V8.53846H1.5ZM1.5 4.33333H2.125V4.23077H1.5H0.875V4.33333H1.5ZM10.5 4.23077H9.875V4.33333H10.5H11.125V4.23077H10.5ZM10.5 4.33333H9.875V8.53846H10.5H11.125V4.33333H10.5ZM1.5 4.33333V4.95833H10.5V4.33333V3.70833H1.5V4.33333ZM3.9 11V10.375C3.46939 10.375 3.18497 10.3745 2.96699 10.3562C2.75679 10.3386 2.66475 10.3078 2.60849 10.2784L2.31901 10.8323L2.02954 11.3862C2.29415 11.5245 2.57256 11.5776 2.86261 11.6019C3.14489 11.6255 3.49054 11.625 3.9 11.625V11ZM1.5 8.53846H0.875C0.875 8.95921 0.874538 9.31143 0.89741 9.59855C0.920827 9.89252 0.971647 10.1721 1.10376 10.4381L1.66349 10.16L2.22322 9.88192C2.19184 9.81875 2.16092 9.71841 2.14346 9.49929C2.12546 9.27333 2.125 8.97933 2.125 8.53846H1.5ZM2.31901 10.8323L2.60849 10.2784C2.44506 10.193 2.30927 10.0551 2.22322 9.88192L1.66349 10.16L1.10376 10.4381C1.30533 10.8438 1.62848 11.1767 2.02954 11.3862L2.31901 10.8323ZM8.1 11V11.625C8.50946 11.625 8.85511 11.6255 9.13739 11.6019C9.42744 11.5776 9.70585 11.5245 9.97046 11.3862L9.68099 10.8323L9.39151 10.2784C9.33525 10.3078 9.24321 10.3386 9.03301 10.3562C8.81503 10.3745 8.53061 10.375 8.1 10.375V11ZM10.5 8.53846H9.875C9.875 8.97933 9.87454 9.27333 9.85654 9.49929C9.83908 9.71841 9.80816 9.81875 9.77678 9.88192L10.3365 10.16L10.8962 10.4381C11.0284 10.1721 11.0792 9.89252 11.1026 9.59855C11.1255 9.31143 11.125 8.95921 11.125 8.53846H10.5ZM9.68099 10.8323L9.97046 11.3862C10.3715 11.1767 10.6947 10.8438 10.8962 10.4381L10.3365 10.16L9.77678 9.88192C9.69073 10.0551 9.55494 10.193 9.39151 10.2784L9.68099 10.8323ZM8.1 1.76923V2.39423C8.53061 2.39423 8.81503 2.39474 9.03301 2.41301C9.24321 2.43062 9.33525 2.46143 9.39151 2.49083L9.68099 1.93691L9.97046 1.38299C9.70585 1.24471 9.42744 1.19168 9.13739 1.16737C8.85511 1.14372 8.50946 1.14423 8.1 1.14423V1.76923ZM10.5 4.23077H11.125C11.125 3.81002 11.1255 3.4578 11.1026 3.17068C11.0792 2.87672 11.0284 2.5971 10.8962 2.33118L10.3365 2.60925L9.77678 2.88731C9.80816 2.95048 9.83908 3.05082 9.85654 3.26994C9.87454 3.4959 9.875 3.7899 9.875 4.23077H10.5ZM9.68099 1.93691L9.39151 2.49084C9.55494 2.57624 9.69073 2.71411 9.77678 2.88731L10.3365 2.60925L10.8962 2.33118C10.6947 1.92543 10.3715 1.59258 9.97046 1.38299L9.68099 1.93691ZM3.9 1.76923V1.14423C3.49054 1.14423 3.14489 1.14372 2.86261 1.16737C2.57256 1.19168 2.29415 1.24471 2.02954 1.38299L2.31901 1.93691L2.60849 2.49084C2.66475 2.46143 2.75679 2.43062 2.96699 2.41301C3.18497 2.39474 3.46939 2.39423 3.9 2.39423V1.76923ZM1.5 4.23077H2.125C2.125 3.7899 2.12546 3.4959 2.14346 3.26994C2.16092 3.05082 2.19184 2.95048 2.22322 2.88731L1.66349 2.60925L1.10376 2.33118C0.971647 2.5971 0.920827 2.87672 0.89741 3.17068C0.874538 3.4578 0.875 3.81002 0.875 4.23077H1.5ZM2.31901 1.93691L2.02954 1.38299C1.62848 1.59258 1.30533 1.92542 1.10376 2.33118L1.66349 2.60925L2.22322 2.88731C2.30927 2.71411 2.44506 2.57624 2.60849 2.49084L2.31901 1.93691ZM4 1H3.375V2.53846H4H4.625V1H4ZM8 1H7.375V2.53846H8H8.625V1H8Z' fill='%23868F98'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3001_10347'%3E%3Crect width='12' height='12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.wr-course-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: 16px;
}

.course-message-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.course-message-content > .button {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.responsive-content.secondary {
    padding: 0;
}

.wr-course-message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
    padding: 16px 24px;
    border-radius: 24px;
    background: var(--accent-color);
    -webkit-box-shadow: 0 4px 12px -8px var(--dark-text-op-24);
            box-shadow: 0 4px 12px -8px var(--dark-text-op-24);
}
.wr-course-message > .x-icon::before {
    background: var(--global-white);
}
.wr-course-message.warning {
    background: var(--global-red);
}
.wr-course-message.info {
    background: var(--accent-color-op-8);
}
.wr-course-message.info > .x-icon::before {
    background: var(--accent-color);
}
.wr-course-message.info .course-message-info > span {
    color: var(--accent-color);
}
.wr-course-message.info .course-message-info > p {
    color: var(--accent-color);
    opacity: 0.8;
}

.course-message-info {
    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;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.course-message-info > span {
    color: var(--global-white);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}
.course-message-info > p {
    color: var(--global-white, #FFF);
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
    opacity: 0.8;
}

.wr-course-messages {
    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;
}

.xi-info {
    -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.8 2H17.2C18.8802 2 19.7202 2 20.362 2.32698C20.9265 2.6146 21.3854 3.07354 21.673 3.63803C22 4.27976 22 5.11984 22 6.8V13.5093C22 15.0911 22 15.882 21.6997 16.5017C21.4353 17.0472 21.0118 17.4999 20.485 17.8C19.8867 18.1409 19.0975 18.1935 17.5193 18.2987L16.7664 18.3489C15.9336 18.4044 15.5172 18.4322 15.1389 18.5625C14.8037 18.678 14.4917 18.8519 14.2172 19.0763C13.9074 19.3296 13.6649 19.6692 13.1798 20.3483L12.651 21.0886C12.4314 21.396 12.3217 21.5497 12.1856 21.6041C12.0664 21.6517 11.9336 21.6517 11.8144 21.6041C11.6783 21.5497 11.5686 21.396 11.349 21.0886L10.8202 20.3483C10.3351 19.6692 10.0926 19.3296 9.78279 19.0763C9.50832 18.8519 9.19626 18.678 8.86108 18.5625C8.48276 18.4322 8.06637 18.4044 7.23361 18.3489L6.48071 18.2987C4.90251 18.1935 4.11333 18.1409 3.515 17.8C2.98821 17.4999 2.56472 17.0472 2.30032 16.5017C2 15.882 2 15.0911 2 13.5093V6.8C2 5.11984 2 4.27976 2.32698 3.63803C2.6146 3.07354 3.07354 2.6146 3.63803 2.32698C4.27976 2 5.11984 2 6.8 2ZM8 7.75C7.58579 7.75 7.25 8.08579 7.25 8.5C7.25 8.91421 7.58579 9.25 8 9.25L16 9.25C16.4142 9.25 16.75 8.91421 16.75 8.5C16.75 8.08579 16.4142 7.75 16 7.75L8 7.75ZM8 11.25C7.58579 11.25 7.25 11.5858 7.25 12C7.25 12.4142 7.58579 12.75 8 12.75H14C14.4142 12.75 14.75 12.4142 14.75 12C14.75 11.5858 14.4142 11.25 14 11.25H8Z' fill='%230956FF'/%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.8 2H17.2C18.8802 2 19.7202 2 20.362 2.32698C20.9265 2.6146 21.3854 3.07354 21.673 3.63803C22 4.27976 22 5.11984 22 6.8V13.5093C22 15.0911 22 15.882 21.6997 16.5017C21.4353 17.0472 21.0118 17.4999 20.485 17.8C19.8867 18.1409 19.0975 18.1935 17.5193 18.2987L16.7664 18.3489C15.9336 18.4044 15.5172 18.4322 15.1389 18.5625C14.8037 18.678 14.4917 18.8519 14.2172 19.0763C13.9074 19.3296 13.6649 19.6692 13.1798 20.3483L12.651 21.0886C12.4314 21.396 12.3217 21.5497 12.1856 21.6041C12.0664 21.6517 11.9336 21.6517 11.8144 21.6041C11.6783 21.5497 11.5686 21.396 11.349 21.0886L10.8202 20.3483C10.3351 19.6692 10.0926 19.3296 9.78279 19.0763C9.50832 18.8519 9.19626 18.678 8.86108 18.5625C8.48276 18.4322 8.06637 18.4044 7.23361 18.3489L6.48071 18.2987C4.90251 18.1935 4.11333 18.1409 3.515 17.8C2.98821 17.4999 2.56472 17.0472 2.30032 16.5017C2 15.882 2 15.0911 2 13.5093V6.8C2 5.11984 2 4.27976 2.32698 3.63803C2.6146 3.07354 3.07354 2.6146 3.63803 2.32698C4.27976 2 5.11984 2 6.8 2ZM8 7.75C7.58579 7.75 7.25 8.08579 7.25 8.5C7.25 8.91421 7.58579 9.25 8 9.25L16 9.25C16.4142 9.25 16.75 8.91421 16.75 8.5C16.75 8.08579 16.4142 7.75 16 7.75L8 7.75ZM8 11.25C7.58579 11.25 7.25 11.5858 7.25 12C7.25 12.4142 7.58579 12.75 8 12.75H14C14.4142 12.75 14.75 12.4142 14.75 12C14.75 11.5858 14.4142 11.25 14 11.25H8Z' fill='%230956FF'/%3E%3C/svg%3E");
}

.xi-warning {
    -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.5471 3.75025L2.06594 19.7772C1.8741 20.1015 2.1238 20.5 2.51883 20.5H21.4812C21.8762 20.5 22.1259 20.1015 21.9341 19.7772L12.4529 3.75025C12.2555 3.41658 11.7445 3.41658 11.5471 3.75025ZM12.75 9.7962C12.75 9.38199 12.4142 9.0462 12 9.0462C11.5858 9.0462 11.25 9.38199 11.25 9.7962V14.6616C11.25 15.0758 11.5858 15.4116 12 15.4116C12.4142 15.4116 12.75 15.0758 12.75 14.6616V9.7962ZM12 16.3442C11.5858 16.3442 11.25 16.68 11.25 17.0942C11.25 17.5085 11.5858 17.8442 12 17.8442H12.0104C12.4246 17.8442 12.7604 17.5085 12.7604 17.0942C12.7604 16.68 12.4246 16.3442 12.0104 16.3442H12Z' 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.5471 3.75025L2.06594 19.7772C1.8741 20.1015 2.1238 20.5 2.51883 20.5H21.4812C21.8762 20.5 22.1259 20.1015 21.9341 19.7772L12.4529 3.75025C12.2555 3.41658 11.7445 3.41658 11.5471 3.75025ZM12.75 9.7962C12.75 9.38199 12.4142 9.0462 12 9.0462C11.5858 9.0462 11.25 9.38199 11.25 9.7962V14.6616C11.25 15.0758 11.5858 15.4116 12 15.4116C12.4142 15.4116 12.75 15.0758 12.75 14.6616V9.7962ZM12 16.3442C11.5858 16.3442 11.25 16.68 11.25 17.0942C11.25 17.5085 11.5858 17.8442 12 17.8442H12.0104C12.4246 17.8442 12.7604 17.5085 12.7604 17.0942C12.7604 16.68 12.4246 16.3442 12.0104 16.3442H12Z' fill='white'/%3E%3C/svg%3E");
}

.wr-course-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
}

.wr-course-search {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    cursor: text;
    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);
    height: 40px;
    padding: 0px 16px;
}
.wr-course-search > input {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: none;
    border: none;
    outline: none;
    color: var(--dark-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
}
.wr-course-search > input:-moz-placeholder-shown {
    color: var(--gray-text);
}
.wr-course-search > input:-ms-input-placeholder {
    color: var(--gray-text);
}
.wr-course-search > input:placeholder-shown {
    color: var(--gray-text);
}
.wr-course-search > .x-icon::before {
    background: var(--gray-text);
}

.xi-search {
    -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='M8.38541 13.3125C9.75402 13.3125 10.9174 12.8324 11.8754 11.8723C12.8335 10.9123 13.3125 9.74653 13.3125 8.375C13.3125 7.00347 12.8335 5.83764 11.8756 4.8775C10.9177 3.9175 9.7545 3.4375 8.38603 3.4375C7.01756 3.4375 5.85242 3.9175 4.89061 4.8775C3.92881 5.83764 3.44791 7.00347 3.44791 8.375C3.44791 9.74653 3.92798 10.9123 4.88812 11.8723C5.84812 12.8324 7.01388 13.3125 8.38541 13.3125ZM8.38541 14.875C6.57082 14.875 5.03388 14.2456 3.77457 12.9867C2.51513 11.7276 1.88541 10.1912 1.88541 8.37729C1.88541 6.56326 2.51485 5.02604 3.77374 3.76562C5.03277 2.50521 6.56923 1.875 8.38312 1.875C10.1971 1.875 11.7326 2.50465 12.9896 3.76396C14.2465 5.0234 14.875 6.56042 14.875 8.375C14.875 9.14028 14.7552 9.86111 14.5156 10.5375C14.276 11.2139 13.9375 11.8299 13.5 12.3854L17.5833 16.4792C17.7361 16.6319 17.8142 16.8125 17.8177 17.0208C17.8212 17.2292 17.743 17.4132 17.5833 17.5729C17.4236 17.7326 17.2396 17.8125 17.0312 17.8125C16.8229 17.8125 16.6389 17.7326 16.4792 17.5729L12.3958 13.4896C11.8403 13.9271 11.2243 14.2674 10.5479 14.5104C9.87152 14.7535 9.15068 14.875 8.38541 14.875Z' fill='%23868F98'/%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='M8.38541 13.3125C9.75402 13.3125 10.9174 12.8324 11.8754 11.8723C12.8335 10.9123 13.3125 9.74653 13.3125 8.375C13.3125 7.00347 12.8335 5.83764 11.8756 4.8775C10.9177 3.9175 9.7545 3.4375 8.38603 3.4375C7.01756 3.4375 5.85242 3.9175 4.89061 4.8775C3.92881 5.83764 3.44791 7.00347 3.44791 8.375C3.44791 9.74653 3.92798 10.9123 4.88812 11.8723C5.84812 12.8324 7.01388 13.3125 8.38541 13.3125ZM8.38541 14.875C6.57082 14.875 5.03388 14.2456 3.77457 12.9867C2.51513 11.7276 1.88541 10.1912 1.88541 8.37729C1.88541 6.56326 2.51485 5.02604 3.77374 3.76562C5.03277 2.50521 6.56923 1.875 8.38312 1.875C10.1971 1.875 11.7326 2.50465 12.9896 3.76396C14.2465 5.0234 14.875 6.56042 14.875 8.375C14.875 9.14028 14.7552 9.86111 14.5156 10.5375C14.276 11.2139 13.9375 11.8299 13.5 12.3854L17.5833 16.4792C17.7361 16.6319 17.8142 16.8125 17.8177 17.0208C17.8212 17.2292 17.743 17.4132 17.5833 17.5729C17.4236 17.7326 17.2396 17.8125 17.0312 17.8125C16.8229 17.8125 16.6389 17.7326 16.4792 17.5729L12.3958 13.4896C11.8403 13.9271 11.2243 14.2674 10.5479 14.5104C9.87152 14.7535 9.15068 14.875 8.38541 14.875Z' fill='%23868F98'/%3E%3C/svg%3E");
}

.wr-course-sort {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 40px;
    gap: 8px;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    padding: 0px 16px;
    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-course-sort > p {
    color: var(--gray-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}
.wr-course-sort > .x-icon::before {
    background: var(--gray-text);
}

.xi-arrow-top {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.66663 6.33333L7.90568 2.03177C7.93171 2.01059 7.96584 2 7.99996 2M12.3333 6.33333L8.09424 2.03177C8.0682 2.01059 8.03408 2 7.99996 2M7.99996 2V14' stroke='%23868F98' 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='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.66663 6.33333L7.90568 2.03177C7.93171 2.01059 7.96584 2 7.99996 2M12.3333 6.33333L8.09424 2.03177C8.0682 2.01059 8.03408 2 7.99996 2M7.99996 2V14' stroke='%23868F98' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

.sub-a .wr-course-lesson.done .wr-course-lesson-current {
    background: var(--global-sub-a-primary);
}
.sub-a .wr-course-lesson.done .wr-course-lesson-current > span {
    color: var(--global-white);
}
.sub-a .wr-course-lesson-current {
    background: var(--global-sub-a-secondary);
}
.sub-a .wr-course-lesson-current > span {
    color: var(--global-sub-a-primary);
}
.sub-a .button-secondary {
    background: var(--global-sub-a-secondary);
}
.sub-a .button-secondary > p {
    color: var(--global-sub-a-primary);
}
.sub-a .button-secondary > .x-icon::before {
    background: var(--global-sub-a-primary);
}
.sub-a .wr-course-head-wrapper {
    background-image: url("/source/img/banner-sub-a.svg");
}

.sub-e .wr-course-lesson.done .wr-course-lesson-current {
    background: var(--global-sub-e-primary);
}
.sub-e .wr-course-lesson.done .wr-course-lesson-current > span {
    color: var(--global-white);
}
.sub-e .wr-course-lesson-current {
    background: var(--global-sub-e-secondary);
}
.sub-e .wr-course-lesson-current > span {
    color: var(--global-sub-e-primary);
}
.sub-e .button-secondary {
    background: var(--global-sub-e-secondary);
}
.sub-e .button-secondary > p {
    color: var(--global-sub-e-primary);
}
.sub-e .button-secondary > .x-icon::before {
    background: var(--global-sub-e-primary);
}
.sub-e .wr-course-head-wrapper {
    background-image: url("/source/img/banner-sub-e.svg");
}

.sub-c .wr-course-lesson.done .wr-course-lesson-current {
    background: var(--global-sub-c-primary);
}
.sub-c .wr-course-lesson.done .wr-course-lesson-current > span {
    color: var(--global-white);
}
.sub-c .wr-course-lesson-current {
    background: var(--global-sub-c-secondary);
}
.sub-c .wr-course-lesson-current > span {
    color: var(--global-sub-c-primary);
}
.sub-c .button-secondary {
    background: var(--global-sub-c-secondary);
}
.sub-c .button-secondary > p {
    color: var(--global-sub-c-primary);
}
.sub-c .button-secondary > .x-icon::before {
    background: var(--global-sub-c-primary);
}
.sub-c .wr-course-head-wrapper {
    background-image: url("/source/img/banner-sub-c.svg");
}

.sub-f .wr-course-lesson.done .wr-course-lesson-current {
    background: var(--global-sub-f-primary);
}
.sub-f .wr-course-lesson.done .wr-course-lesson-current > span {
    color: var(--global-white);
}
.sub-f .wr-course-lesson-current {
    background: var(--global-sub-f-secondary);
}
.sub-f .wr-course-lesson-current > span {
    color: var(--global-sub-f-primary);
}
.sub-f .button-secondary {
    background: var(--global-sub-f-secondary);
}
.sub-f .button-secondary > p {
    color: var(--global-sub-f-primary);
}
.sub-f .button-secondary > .x-icon::before {
    background: var(--global-sub-f-primary);
}
.sub-f .wr-course-head-wrapper {
    background-image: url("/source/img/banner-sub-f.svg");
}

.sub-d .wr-course-lesson.done .wr-course-lesson-current {
    background: var(--global-sub-d-primary);
}
.sub-d .wr-course-lesson.done .wr-course-lesson-current > span {
    color: var(--global-white);
}
.sub-d .wr-course-lesson-current {
    background: var(--global-sub-d-secondary);
}
.sub-d .wr-course-lesson-current > span {
    color: var(--global-sub-d-primary);
}
.sub-d .button-secondary {
    background: var(--global-sub-d-secondary);
}
.sub-d .button-secondary > p {
    color: var(--global-sub-d-primary);
}
.sub-d .button-secondary > .x-icon::before {
    background: var(--global-sub-d-primary);
}
.sub-d .wr-course-head-wrapper {
    background-image: url("/source/img/banner-sub-d.svg");
}

.sub-b .wr-course-lesson.done .wr-course-lesson-current {
    background: var(--global-sub-b-primary);
}
.sub-b .wr-course-lesson.done .wr-course-lesson-current > span {
    color: var(--global-white);
}
.sub-b .wr-course-lesson-current {
    background: var(--global-sub-b-secondary);
}
.sub-b .wr-course-lesson-current > span {
    color: var(--global-sub-b-primary);
}
.sub-b .button-secondary {
    background: var(--global-sub-b-secondary);
}
.sub-b .button-secondary > p {
    color: var(--global-sub-b-primary);
}
.sub-b .button-secondary > .x-icon::before {
    background: var(--global-sub-b-primary);
}
.sub-b .wr-course-head-wrapper {
    background-image: url("/source/img/banner-sub-b.svg");
}

@media screen and (max-width: 1244px) {
    .wr-course-message {
        border-radius: 20px;
    }
    .wr-course-container {
        padding: 0px 16px;
    }
    .wr-action-button {
        padding: 0px 16px;
        height: 36px;
    }
    .wr-action-icon {
        width: 24px;
        height: 24px;
        background: none;
    }
    .wr-action-button > p {
        font-size: 12px;
    }
    .wr-action-button > p > span {
        height: 16px;
        font-size: 11px;
        line-height: normal;
    }
    .wr-course-head-content > .wr-course-action {
        margin: 0;
    }
    .wr-course-head-wrapper {
        padding-top: 24px;
        padding-bottom: 16px;
    }
    .wr-course-action {
        gap: 6px;
    }
    .wr-course-body-wrapper {
        padding: 0;
    }
    .wr-course-wrapper {
        width: 100%;
        padding-bottom: 16px;
    }
    .course-message-info > span {
        font-size: 14px;
    }
    .course-message-info > p {
        font-size: 12px;
    }
    .wr-course-message {
        padding: 12px 16px;
        gap: 12px;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }
    .wr-course-message > .x-icon.xl {
        width: 20px;
        height: 20px;
    }
    .wr-course-wrapper {
        gap: 16px;
    }
    .wr-course-messages {
        gap: 6px;
    }
    .wr-course-lesson-info {
        gap: 6px;
    }
    .wr-course-lesson-info > span {
        font-size: 16px;
        letter-spacing: -0.32px;
    }
    .wr-lesson-time > span {
        font-size: 12px;
        line-height: normal;
    }
    .wr-course-lesson {
        gap: 12px;
    }
    .wr-course-lesson-current {
        width: 40px;
        height: 40px;
    }
    .wr-course-lesson-current > span {
        font-size: 20px;
        line-height: 120%;
        letter-spacing: -0.4px;
    }
    .wr-course-lesson {
        padding: 16px;
        border-radius: 20px;
    }
    .wr-course-sort {
        border-radius: 20px;
        padding: 0px 12px;
        gap: 6px;
    }
    .wr-course-sort > p {
        font-size: 12px;
    }
    .wr-course-search {
        border-radius: 20px;
        padding: 0px 12px;
        gap: 6px;
    }
    .wr-course-search > input {
        font-size: 12px;
    }
    .wr-course-content {
        gap: 12px;
    }
    .wr-course-teacher {
        gap: 12px;
    }
    .wr-course-teacher-info > span {
        font-size: 20px;
        letter-spacing: -0.4px;
    }
    .wr-course-teacher-info > p {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
    }
    .wr-course-details {
        gap: 12px;
    }
    .wr-course-head {
        gap: 24px;
    }
    .wr-course-teacher-avatar > img {
        width: 48px;
        height: 48px;
    }
    .button-ghost {
        gap: 6px;
    }
    .button-ghost > p {
        font-size: 14px;
    }
    .wr-course-links {
        gap: 6px;
    }
    .button-outline {
        padding: 0 12px;
        height: 36px;
        gap: 2px;
    }
    .button-outline > .x-icon {
        width: 16px;
        height: 16px;
    }
    .button-outline > p {
        font-size: 12px;
        line-height: normal;
    }
}
@media screen and (max-width: 768px) {
    .course-message-content {
        gap: 12px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }
    .wr-course-lesson {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }
    .wr-course-lesson-content {
        gap: 12px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }
    .wr-course-details {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .wr-course-links {
        width: 100%;
    }
    .wr-course-links > .button {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 260px;
                flex: 1 1 260px;
    }
    .wr-course-details {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }
}

.wr-course-links > .button {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
.wr-course-links.controls {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
}

.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;
}

.wr-course-teacher-info > small {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    color: var(--global-white);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.wr-course-number {
    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;
    width: 64px;
    height: 64px;
    border-radius: 100px;
    border: 1px solid var(--global-white-op-8);
    background: var(--global-white-op-8);
    backdrop-filter: blur(6px);
}
.wr-course-number > span {
    color: var(--global-white);
    text-align: center;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.64px;
}

.xi-prev {
    -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='M12.0834 5L7.13287 9.88215C7.06687 9.94724 7.06687 10.0528 7.13287 10.1179L12.0834 15' 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='M12.0834 5L7.13287 9.88215C7.06687 9.94724 7.06687 10.0528 7.13287 10.1179L12.0834 15' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

.xi-next {
    -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='M7.5 5L12.4505 9.88215C12.5165 9.94724 12.5165 10.0528 12.4505 10.1179L7.5 15' 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='M7.5 5L12.4505 9.88215C12.5165 9.94724 12.5165 10.0528 12.4505 10.1179L7.5 15' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

.wr-lesson-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 24px;
}

.wr-lesson-content-main {
    -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: 16px;
}

.wr-lesson-content-side {
    max-width: 440px;
    width: 100%;
}

.wr-lesson-media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px;
}
.wr-lesson-media > .item {
    position: relative;
    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;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 360px;
            flex: 1 1 360px;
    aspect-ratio: 16/9;
    border-radius: 8px;
    overflow: hidden;
}
.wr-lesson-media > .item > * {
    width: 100% !important;
    height: 100% !important;
    -o-object-position: center;
       object-position: center;
    -o-object-fit: cover;
       object-fit: cover;
}

.wr-lesson-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.wr-lesson-text > * {
    color: var(--darkgray-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
}
.wr-lesson-text ul, .wr-lesson-text ol {
    padding-left: 20px;
}

.wr-lesson-wrapper {
    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;
    border-radius: 24px;
    padding: 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-course-body {
    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-lesson-mode {
    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;
    position: relative;
    isolation: isolate;
}
.wr-lesson-mode::before {
    bottom: -72px;
    z-index: -1;
    position: absolute;
    content: "";
    max-width: 880px;
    width: 100%;
    height: 320px;
    pointer-events: none;
    border-radius: 100%;
    opacity: 0.08;
    -webkit-filter: blur(140px);
            filter: blur(140px);
}

.wr-lesson-mode-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 2px;
    border-radius: 24px;
    background: linear-gradient(225deg, rgba(35, 134, 255, 0.12) 0%, rgba(31, 72, 255, 0.12) 100%);
}
.wr-lesson-mode-content > .item {
    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;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    height: 32px;
    padding: 0px 16px;
    border-radius: 24px;
    opacity: 0.4;
    gap: 4px;
}
.wr-lesson-mode-content > .item > .x-icon::before {
    background: var(--dark-text);
}
.wr-lesson-mode-content > .item > p {
    color: var(--dark-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    white-space: nowrap;
}
.wr-lesson-mode-content > .item.active {
    opacity: 1;
    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-lesson-mode-content > .item.active>p {
    background: linear-gradient(225deg, #2386FF 0%, #1F48FF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.wr-lesson-mode-content > .item.active>.x-icon::before {
    background: linear-gradient(225deg, #2386FF 0%, #1F48FF 100%);
}

.wr-lesson-item {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 44px;
    border-radius: 12px;
    background: var(--gray-bg-2);
    padding: 8px;
    padding-left: 16px;
    gap: 4px;
    position: relative;
    isolation: isolate;
}
.wr-lesson-item > .x-icon::before {
    background: var(--dark-text);
}
.wr-lesson-item > .xi-hard::before {
    background: #1F48FF!important;
}
.wr-lesson-item > .xi-lite::before {
    background: #2386FF!important;
}
.wr-lesson-item > span {
    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;
    width: 20px;
    height: 20px;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    border-radius: 24px;
    background: var(--white-bg);
    -webkit-box-shadow: 0 4px 12px -4px var(--dark-text-op-24);
            box-shadow: 0 4px 12px -4px var(--dark-text-op-24);
    color: var(--darkgray-text);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.wr-lesson-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;
    padding: 0px 8px;
}
.wr-lesson-item-text > p {
    color: var(--dark-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}
.wr-lesson-item-text > span {
    color: var(--gray-text);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}
.wr-lesson-item-text > span > small {
    color: var(--gray-text);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.wr-lesson-group-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: 4px;
}

.wr-lesson-group {
    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-lesson-group > p {
    color: var(--darkgray-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}

.wr-lesson-extra {
    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-lesson-extra > p {
    color: var(--darkgray-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}

.wr-lesson-content-side {
    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;
    padding: 24px;
    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);
}

.xi-repeat {
    -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='M16.5204 9.98608C16.524 8.47987 16.0033 7.02151 15.0471 5.85947C14.0909 4.69743 12.7584 3.90363 11.2764 3.6133C10.864 3.5325 10.4471 3.49209 10.0314 3.49123M16.5204 9.98608C16.585 9.98608 18.3333 6.86597 18.3333 6.86597M16.5204 9.98608C16.4557 9.98608 13.3976 8.1946 13.3976 8.1946M10.0314 3.49123C8.9534 3.48898 7.88343 3.7526 6.92007 4.2673C5.97665 4.77134 5.17672 5.49413 4.58329 6.36642M10.0314 3.49123C11.3181 3.48857 12.5806 3.86479 13.6567 4.5798C14.9116 5.41362 15.8354 6.65658 16.2707 8.09689M10.0314 3.49123C9.81756 3.49167 9.60309 3.50257 9.38869 3.52411C7.88394 3.67532 6.47587 4.34148 5.40439 5.40907M3.72918 11.9064C4.16453 13.3467 5.08836 14.5896 6.34326 15.4234C7.41932 16.1384 8.68171 16.5146 9.96841 16.512M9.96841 16.512C10.1823 16.5116 10.3968 16.5007 10.6112 16.4791C12.116 16.3279 13.5241 15.6618 14.5955 14.5942M9.96841 16.512C9.55273 16.5111 9.13588 16.4707 8.72348 16.3899C7.24156 16.0996 5.90898 15.3058 4.95278 14.1438C3.99658 12.9817 3.47594 11.5234 3.47956 10.0172M9.96841 16.512C11.0464 16.5143 12.1164 16.2507 13.0798 15.7359C14.0233 15.2319 14.8232 14.5091 15.4166 13.6368M3.47956 10.0172C3.41494 10.0172 1.66663 13.1373 1.66663 13.1373M3.47956 10.0172C3.54418 10.0172 6.60236 11.8086 6.60236 11.8086' stroke='%23090A0B' 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='M16.5204 9.98608C16.524 8.47987 16.0033 7.02151 15.0471 5.85947C14.0909 4.69743 12.7584 3.90363 11.2764 3.6133C10.864 3.5325 10.4471 3.49209 10.0314 3.49123M16.5204 9.98608C16.585 9.98608 18.3333 6.86597 18.3333 6.86597M16.5204 9.98608C16.4557 9.98608 13.3976 8.1946 13.3976 8.1946M10.0314 3.49123C8.9534 3.48898 7.88343 3.7526 6.92007 4.2673C5.97665 4.77134 5.17672 5.49413 4.58329 6.36642M10.0314 3.49123C11.3181 3.48857 12.5806 3.86479 13.6567 4.5798C14.9116 5.41362 15.8354 6.65658 16.2707 8.09689M10.0314 3.49123C9.81756 3.49167 9.60309 3.50257 9.38869 3.52411C7.88394 3.67532 6.47587 4.34148 5.40439 5.40907M3.72918 11.9064C4.16453 13.3467 5.08836 14.5896 6.34326 15.4234C7.41932 16.1384 8.68171 16.5146 9.96841 16.512M9.96841 16.512C10.1823 16.5116 10.3968 16.5007 10.6112 16.4791C12.116 16.3279 13.5241 15.6618 14.5955 14.5942M9.96841 16.512C9.55273 16.5111 9.13588 16.4707 8.72348 16.3899C7.24156 16.0996 5.90898 15.3058 4.95278 14.1438C3.99658 12.9817 3.47594 11.5234 3.47956 10.0172M9.96841 16.512C11.0464 16.5143 12.1164 16.2507 13.0798 15.7359C14.0233 15.2319 14.8232 14.5091 15.4166 13.6368M3.47956 10.0172C3.41494 10.0172 1.66663 13.1373 1.66663 13.1373M3.47956 10.0172C3.54418 10.0172 6.60236 11.8086 6.60236 11.8086' stroke='%23090A0B' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

.xi-mistake {
    -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%3Cg clip-path='url(%23clip0_3001_1193)'%3E%3Cpath d='M14.6034 5.397L12.8923 7.10807M2.20668 18.3303L5.51727 17.9446C6.49177 17.8311 7.39941 17.3919 8.09315 16.6981L17.341 7.45024C18.664 6.12724 18.664 3.98224 17.341 2.65924C16.018 1.33624 13.873 1.33624 12.55 2.65924L3.30215 11.9071C2.60841 12.6009 2.16919 13.5085 2.05566 14.483L1.66996 17.7936C1.63383 18.1038 1.89652 18.3665 2.20668 18.3303Z' stroke='%23090A0B' stroke-width='1.5' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3001_1193'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%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%3Cg clip-path='url(%23clip0_3001_1193)'%3E%3Cpath d='M14.6034 5.397L12.8923 7.10807M2.20668 18.3303L5.51727 17.9446C6.49177 17.8311 7.39941 17.3919 8.09315 16.6981L17.341 7.45024C18.664 6.12724 18.664 3.98224 17.341 2.65924C16.018 1.33624 13.873 1.33624 12.55 2.65924L3.30215 11.9071C2.60841 12.6009 2.16919 13.5085 2.05566 14.483L1.66996 17.7936C1.63383 18.1038 1.89652 18.3665 2.20668 18.3303Z' stroke='%23090A0B' stroke-width='1.5' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3001_1193'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.wr-course-head-wrapper {
    position: relative;
    z-index: 2;
}

.wr-lesson-content {
    position: relative;
    z-index: 2;
}

.wr-lesson-item.complete > span {
    background-image: 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 filter='url(%23filter0_d_5001_26303)'%3E%3Crect width='20' height='20' rx='10' fill='url(%23paint0_linear_5001_26303)'/%3E%3Cpath d='M6 9.93715L8.59207 12.8415C8.63157 12.8857 8.70236 12.8862 8.74253 12.8426L14 7.125' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_5001_26303' x='-4' y='0' width='28' height='28' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeMorphology radius='8' operator='erode' in='SourceAlpha' result='effect1_dropShadow_5001_26303'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.0352941 0 0 0 0 0.0392157 0 0 0 0 0.0431373 0 0 0 0.24 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_5001_26303'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_5001_26303' result='shape'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_5001_26303' x1='20' y1='2.38419e-06' x2='2.38419e-06' y2='20' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2336CA18'/%3E%3Cstop offset='1' stop-color='%233ECE00'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.wr-lesson-item.complete > .wr-lesson-item-text>span>small {
    background: linear-gradient(225deg, #36CA18 0%, #3ECE00 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/*
.wr-course-body-wrapper.hard .wr-lesson-group .wr-lesson-group-content > .wr-lesson-item {
    background: linear-gradient(95deg, rgba(34, 100, 252, 0.16) -5.29%, rgba(34, 100, 252, 0) 42.41%), var(--gray-bg-2);
}
 */
.wr-course-body-wrapper.hard .wr-lesson-group .wr-lesson-group-content > .wr-lesson-item.complete > span {
    background-image: 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%3Crect width='20' height='20' rx='10' fill='url(%23paint0_linear_3001_10869)'/%3E%3Cpath d='M6 9.93715L8.59207 12.8415C8.63157 12.8857 8.70236 12.8862 8.74253 12.8426L14 7.125' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_3001_10869' x1='20' y1='2.38419e-06' x2='2.38419e-06' y2='20' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%232386FF'/%3E%3Cstop offset='1' stop-color='%231F48FF'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}
.wr-course-body-wrapper.hard .wr-lesson-group .wr-lesson-group-content > .wr-lesson-item > .wr-lesson-progress {
    background: linear-gradient(225deg, #2386FF 0%, #1F48FF 100%);
}
.wr-course-body-wrapper.hard .wr-lesson-group .wr-lesson-group-content > .wr-lesson-item > .wr-lesson-item-text > span > small {
    background: linear-gradient(225deg, #2386FF 0%, #1F48FF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.wr-course-body-wrapper.hard .wr-lesson-mode-content > .item.active > p {
    background: linear-gradient(225deg, #2386FF 0%, #1F48FF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.wr-course-body-wrapper.hard .wr-lesson-mode-content > .item.active > .x-icon::before {
    background: linear-gradient(225deg, #2386FF 0%, #1F48FF 100%);
}
.wr-course-body-wrapper.hard .wr-lesson-mode::before {
    background: linear-gradient(225deg, #2386FF 0%, #1F48FF 100%);
}
/*
.wr-course-body-wrapper.lite .wr-lesson-group .wr-lesson-group-content > .wr-lesson-item {
    background: linear-gradient(95deg, rgba(54, 202, 24, 0.16) -5.29%, rgba(54, 202, 24, 0) 42.41%), var(--gray-bg-2);
}
*/
.wr-course-body-wrapper.lite .wr-lesson-group .wr-lesson-group-content > .wr-lesson-item.complete > span {
    background-image: 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%3Crect width='20' height='20' rx='10' fill='white'/%3E%3Crect width='20' height='20' rx='10' fill='url(%23paint0_linear_3001_10728)'/%3E%3Cpath d='M6 9.93715L8.59207 12.8415C8.63157 12.8857 8.70236 12.8862 8.74253 12.8426L14 7.125' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_3001_10728' x1='20' y1='2.38419e-06' x2='2.38419e-06' y2='20' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2336CA18'/%3E%3Cstop offset='1' stop-color='%233ECE00'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}
.wr-course-body-wrapper .wr-lesson-group .wr-lesson-group-content > .wr-lesson-item > .wr-lesson-progress {
    opacity: 0.12;
    background: linear-gradient(225deg, #36CA18 0%, #3ECE00 100%);
}
.wr-course-body-wrapper.lite .wr-lesson-group .wr-lesson-group-content > .wr-lesson-item > .wr-lesson-item-text > span > small {
    background: linear-gradient(225deg, #36CA18 0%, #3ECE00 100%), var(--white-bg);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.wr-course-body-wrapper.lite .wr-lesson-mode::before {
    background: linear-gradient(225deg, #36CA18 0%, #3ECE00 100%), var(--white-bg-op-50);
}
.wr-course-body-wrapper.lite .wr-lesson-mode > .wr-lesson-mode-content {
    background: linear-gradient(225deg, rgba(54, 202, 24, 0.12) 0%, rgba(62, 206, 0, 0.12) 100%);
}
.wr-course-body-wrapper.lite .wr-lesson-mode > .wr-lesson-mode-content > .item > .x-icon::before {
    background: var(--darkgray-text);
}
.wr-course-body-wrapper.lite .wr-lesson-mode > .wr-lesson-mode-content > .item > p {
    color: var(--darkgray-text);
}
.wr-course-body-wrapper.lite .wr-lesson-mode > .wr-lesson-mode-content > .item.active > p {
    background: linear-gradient(225deg, #36CA18 0%, #3ECE00 100%), var(--white-bg);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.wr-course-body-wrapper.lite .wr-lesson-mode > .wr-lesson-mode-content > .item.active > .x-icon::before {
    background: linear-gradient(225deg, #36CA18 0%, #3ECE00 100%), var(--white-bg);
}

.wr-lesson-progress {
    position: absolute;
    inset-block: 0;
    left: 0;
    z-index: -1;
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    opacity: 0.08;
}

.xi-hard {
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.369 1.54089C11.5484 1.42855 11.8105 1.56647 11.7231 1.72741L9.70681 5.44149C9.48576 5.84878 9.72972 6.30952 10.2644 6.4946L13.3602 7.56492C14.1116 7.82452 14.2256 8.5771 13.5716 8.96237L4.23394 14.4622C4.04586 14.5729 3.78671 14.4206 3.89172 14.2614L6.24101 10.7242C6.51728 10.308 6.28123 9.80888 5.71645 9.61375L2.63911 8.55012C1.90182 8.29522 1.77559 7.56161 2.40128 7.16893L11.369 1.54089Z' fill='url(%23paint0_linear_3003_32974)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_3003_32974' x1='14' y1='1.5' x2='1.04154' y2='13.4617' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%232386FF'/%3E%3Cstop offset='1' stop-color='%231F48FF'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
            mask: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.369 1.54089C11.5484 1.42855 11.8105 1.56647 11.7231 1.72741L9.70681 5.44149C9.48576 5.84878 9.72972 6.30952 10.2644 6.4946L13.3602 7.56492C14.1116 7.82452 14.2256 8.5771 13.5716 8.96237L4.23394 14.4622C4.04586 14.5729 3.78671 14.4206 3.89172 14.2614L6.24101 10.7242C6.51728 10.308 6.28123 9.80888 5.71645 9.61375L2.63911 8.55012C1.90182 8.29522 1.77559 7.56161 2.40128 7.16893L11.369 1.54089Z' fill='url(%23paint0_linear_3003_32974)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_3003_32974' x1='14' y1='1.5' x2='1.04154' y2='13.4617' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%232386FF'/%3E%3Cstop offset='1' stop-color='%231F48FF'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}

.xi-lite {
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.9669 1.873C10.0052 2.24074 7.65699 3.23499 6.24687 4.29495C4.73825 5.4291 3.8552 6.66295 3.264 8.46328C2.91332 9.53105 2.68641 11.1079 2.88344 11.1079C2.94929 11.1079 3.48311 10.5576 4.06982 9.88477C6.65349 6.92173 9.91735 4.21522 9.91735 5.03571C9.91735 5.11426 9.0396 6.08285 7.96694 7.18818C5.75405 9.46838 4.27266 11.1953 3.32985 12.5939C2.57679 13.711 2.464 14.0067 2.68311 14.2897C3.15001 14.8928 3.54763 14.6712 4.43729 13.3117C5.06459 12.353 5.09672 12.3263 5.71358 12.2533C7.40549 12.0528 9.14909 11.3908 10.2318 10.5375C10.7344 10.1413 11.5041 9.19452 11.5041 8.97237C11.5041 8.91049 11.0317 8.85998 10.4541 8.85998C9.85296 8.85998 9.36674 8.79968 9.31689 8.71889C9.19153 8.51604 9.20634 8.51062 10.4903 8.2931C11.9064 8.05297 12.2327 7.79327 12.91 6.36715C13.3579 5.42421 14.281 2.83591 14.281 2.52318C14.281 2.43816 14.1349 2.22262 13.9564 2.04411C13.6007 1.68828 13.1562 1.65006 11.9669 1.873Z' fill='%23090A0B'/%3E%3C/svg%3E%0A");
            mask: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.9669 1.873C10.0052 2.24074 7.65699 3.23499 6.24687 4.29495C4.73825 5.4291 3.8552 6.66295 3.264 8.46328C2.91332 9.53105 2.68641 11.1079 2.88344 11.1079C2.94929 11.1079 3.48311 10.5576 4.06982 9.88477C6.65349 6.92173 9.91735 4.21522 9.91735 5.03571C9.91735 5.11426 9.0396 6.08285 7.96694 7.18818C5.75405 9.46838 4.27266 11.1953 3.32985 12.5939C2.57679 13.711 2.464 14.0067 2.68311 14.2897C3.15001 14.8928 3.54763 14.6712 4.43729 13.3117C5.06459 12.353 5.09672 12.3263 5.71358 12.2533C7.40549 12.0528 9.14909 11.3908 10.2318 10.5375C10.7344 10.1413 11.5041 9.19452 11.5041 8.97237C11.5041 8.91049 11.0317 8.85998 10.4541 8.85998C9.85296 8.85998 9.36674 8.79968 9.31689 8.71889C9.19153 8.51604 9.20634 8.51062 10.4903 8.2931C11.9064 8.05297 12.2327 7.79327 12.91 6.36715C13.3579 5.42421 14.281 2.83591 14.281 2.52318C14.281 2.43816 14.1349 2.22262 13.9564 2.04411C13.6007 1.68828 13.1562 1.65006 11.9669 1.873Z' fill='%23090A0B'/%3E%3C/svg%3E%0A");
}

.mode-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
}
.mode-info > span {
    color: var(--global-white);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}
.mode-info > .x-icon::before {
    background: var(--global-white);
}

.wr-course-lesson-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-course-lesson-progress > svg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 96px;
    height: 96px;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
}
.wr-course-lesson-progress > svg > circle {
    fill: transparent;
    stroke: transparent;
    stroke-width: 4px;
}
.wr-course-lesson-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);
}

.wr-teacher-message-icon {
    position: absolute;
    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;
    width: 20px;
    height: 20px;
    bottom: 0;
    right: 0;
    border-radius: 24px;
    background: var(--global-white);
}
.wr-teacher-message-icon > .x-icon {
    width: 12px;
    height: 12px;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M4.73165 1.07572C4.76901 0.974761 4.9118 0.974761 4.94916 1.07572L5.91809 3.69421C5.92983 3.72595 5.95486 3.75098 5.9866 3.76272L8.60509 4.73165C8.70605 4.76901 8.70605 4.9118 8.60509 4.94916L5.9866 5.91809C5.95486 5.92983 5.92983 5.95486 5.91809 5.9866L4.94916 8.60509C4.9118 8.70605 4.76901 8.70605 4.73165 8.60509L3.76272 5.9866C3.75098 5.95486 3.72595 5.92983 3.69421 5.91809L1.07572 4.94916C0.974761 4.9118 0.974761 4.76901 1.07572 4.73165L3.69421 3.76272C3.72595 3.75098 3.75098 3.72595 3.76272 3.69421L4.73165 1.07572Z' fill='%23FD8D00'/%3E%3Cpath d='M8.79024 6.8737C8.8276 6.77274 8.97039 6.77274 9.00774 6.8737L9.50688 8.22259C9.51862 8.25433 9.54365 8.27936 9.57539 8.2911L10.9243 8.79024C11.0252 8.8276 11.0252 8.97039 10.9243 9.00774L9.57539 9.50688C9.54365 9.51862 9.51863 9.54365 9.50688 9.57539L9.00774 10.9243C8.97039 11.0252 8.8276 11.0252 8.79024 10.9243L8.2911 9.57539C8.27936 9.54365 8.25433 9.51863 8.22259 9.50688L6.8737 9.00774C6.77274 8.97039 6.77274 8.8276 6.8737 8.79024L8.22259 8.2911C8.25433 8.27936 8.27936 8.25433 8.2911 8.22259L8.79024 6.8737Z' fill='%23FD8D00'/%3E%3C/svg%3E");
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M4.73165 1.07572C4.76901 0.974761 4.9118 0.974761 4.94916 1.07572L5.91809 3.69421C5.92983 3.72595 5.95486 3.75098 5.9866 3.76272L8.60509 4.73165C8.70605 4.76901 8.70605 4.9118 8.60509 4.94916L5.9866 5.91809C5.95486 5.92983 5.92983 5.95486 5.91809 5.9866L4.94916 8.60509C4.9118 8.70605 4.76901 8.70605 4.73165 8.60509L3.76272 5.9866C3.75098 5.95486 3.72595 5.92983 3.69421 5.91809L1.07572 4.94916C0.974761 4.9118 0.974761 4.76901 1.07572 4.73165L3.69421 3.76272C3.72595 3.75098 3.75098 3.72595 3.76272 3.69421L4.73165 1.07572Z' fill='%23FD8D00'/%3E%3Cpath d='M8.79024 6.8737C8.8276 6.77274 8.97039 6.77274 9.00774 6.8737L9.50688 8.22259C9.51862 8.25433 9.54365 8.27936 9.57539 8.2911L10.9243 8.79024C11.0252 8.8276 11.0252 8.97039 10.9243 9.00774L9.57539 9.50688C9.54365 9.51862 9.51863 9.54365 9.50688 9.57539L9.00774 10.9243C8.97039 11.0252 8.8276 11.0252 8.79024 10.9243L8.2911 9.57539C8.27936 9.54365 8.25433 9.51863 8.22259 9.50688L6.8737 9.00774C6.77274 8.97039 6.77274 8.8276 6.8737 8.79024L8.22259 8.2911C8.25433 8.27936 8.27936 8.25433 8.2911 8.22259L8.79024 6.8737Z' fill='%23FD8D00'/%3E%3C/svg%3E");
}

.wr-course-teacher {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    position: relative;
}

.wr-course-teacher-message {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    pointer-events: none;
    opacity: 0;
    left: 76px;
    position: absolute;
    border-radius: 24px;
    background: var(--white-bg);
    padding: 8px 16px;
    -webkit-box-shadow: 0 4px 12px -8px var(--dark-text-op-24);
            box-shadow: 0 4px 12px -8px var(--dark-text-op-24);
}
.wr-course-teacher-message > p {
    color: var(--dark-text);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    text-align: center;
}

.wr-course-teacher-info {
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.wr-course-teacher-avatar:hover ~ .wr-course-teacher-info {
    opacity: 0.24;
}
.wr-course-teacher-avatar:hover ~ .wr-course-teacher-message {
    opacity: 1;
    pointer-events: all;
}

.wr-rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.wr-rating > .item {
    width: 28px;
    height: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.wr-rating > .x-icon {
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3987 3.27358C13.6592 2.79813 14.3408 2.79813 14.6014 3.27358L17.7322 8.9869C17.9303 9.34827 18.2796 9.60153 18.6841 9.6769L25.1054 10.8736C25.6408 10.9734 25.8523 11.6285 25.4769 12.0237L20.9967 16.7397C20.7111 17.0404 20.5763 17.4544 20.6299 17.8661L21.4696 24.3058C21.5399 24.8449 20.9875 25.2486 20.4968 25.0168L14.5851 22.224C14.2146 22.049 13.7854 22.049 13.4149 22.224L7.50325 25.0168C7.01253 25.2486 6.46014 24.8449 6.53044 24.3058L7.37007 17.8661C7.42375 17.4544 7.28895 17.0404 7.00328 16.7397L2.52316 12.0237C2.14768 11.6285 2.35925 10.9734 2.89461 10.8736L9.31596 9.6769C9.7204 9.60153 10.0698 9.34827 10.2678 8.9869L13.3987 3.27358Z' fill='%23090A0B'/%3E%3C/svg%3E%0A");
            mask: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3987 3.27358C13.6592 2.79813 14.3408 2.79813 14.6014 3.27358L17.7322 8.9869C17.9303 9.34827 18.2796 9.60153 18.6841 9.6769L25.1054 10.8736C25.6408 10.9734 25.8523 11.6285 25.4769 12.0237L20.9967 16.7397C20.7111 17.0404 20.5763 17.4544 20.6299 17.8661L21.4696 24.3058C21.5399 24.8449 20.9875 25.2486 20.4968 25.0168L14.5851 22.224C14.2146 22.049 13.7854 22.049 13.4149 22.224L7.50325 25.0168C7.01253 25.2486 6.46014 24.8449 6.53044 24.3058L7.37007 17.8661C7.42375 17.4544 7.28895 17.0404 7.00328 16.7397L2.52316 12.0237C2.14768 11.6285 2.35925 10.9734 2.89461 10.8736L9.31596 9.6769C9.7204 9.60153 10.0698 9.34827 10.2678 8.9869L13.3987 3.27358Z' fill='%23090A0B'/%3E%3C/svg%3E%0A");
}
.wr-rating > .x-icon::before {
    background: var(--dark-text-op-24);
}
.wr-rating > .x-icon.active::before {
    background: var(--accent-color);
}

.sub-a .wr-course-teacher-avatar .wr-teacher-message-icon > .x-icon::before {
    background: var(--global-sub-a-primary);
}
.sub-a .wr-course-lesson .wr-course-lesson-progress > svg > circle:last-child {
    stroke: var(--global-sub-a-primary);
}

.sub-e .wr-course-teacher-avatar .wr-teacher-message-icon > .x-icon::before {
    background: var(--global-sub-e-primary);
}
.sub-e .wr-course-lesson .wr-course-lesson-progress > svg > circle:last-child {
    stroke: var(--global-sub-e-primary);
}

.sub-c .wr-course-teacher-avatar .wr-teacher-message-icon > .x-icon::before {
    background: var(--global-sub-c-primary);
}
.sub-c .wr-course-lesson .wr-course-lesson-progress > svg > circle:last-child {
    stroke: var(--global-sub-c-primary);
}

.sub-f .wr-course-teacher-avatar .wr-teacher-message-icon > .x-icon::before {
    background: var(--global-sub-f-primary);
}
.sub-f .wr-course-lesson .wr-course-lesson-progress > svg > circle:last-child {
    stroke: var(--global-sub-f-primary);
}

.sub-d .wr-course-teacher-avatar .wr-teacher-message-icon > .x-icon::before {
    background: var(--global-sub-d-primary);
}
.sub-d .wr-course-lesson .wr-course-lesson-progress > svg > circle:last-child {
    stroke: var(--global-sub-d-primary);
}

.sub-b .wr-course-teacher-avatar .wr-teacher-message-icon > .x-icon::before {
    background: var(--global-sub-b-primary);
}
.sub-b .wr-course-lesson .wr-course-lesson-progress > svg > circle:last-child {
    stroke: var(--global-sub-b-primary);
}

@media screen and (max-width: 1244px) {
    .wr-course-teacher-message {
        border-radius: 20px;
        left: 60px;
        padding: 6px 12px;
    }
    .wr-course-teacher-message > p {
        font-size: 14px;
    }
    .wr-course-lesson-current.hard::after, .wr-course-lesson-current.lite::after {
        width: 16px;
        height: 16px;
    }
    .mode-info {
        gap: 6px;
    }
    .mode-info > span {
        font-size: 14px;
    }
    .wr-lesson-wrapper {
        padding: 16px;
        border-radius: 20px;
        gap: 6px;
    }
    .wr-lesson-text > * {
        font-size: 12px;
    }
    .wr-lesson-text > ul, .wr-lesson-text ol {
        padding-left: 14px;
    }
    .wr-lesson-content-main {
        gap: 12px;
    }
    .wr-lesson-item {
        border-radius: 8px;
        padding: 6px;
        padding-left: 12px;
    }
    .wr-lesson-item > .x-icon {
        width: 16px;
        height: 16px;
    }
    .wr-lesson-item-text {
        padding: 0px 6px;
    }
    .wr-lesson-item-text > p {
        font-size: 12px;
    }
    .wr-lesson-item-text > span {
        font-size: 11px;
    }
    .wr-lesson-group {
        gap: 6px;
    }
    .wr-lesson-group > p {
        font-size: 12px;
    }
    .wr-lesson-content-side {
        gap: 12px;
        padding: 16px;
        border-radius: 20px;
    }
    .wr-lesson-content {
        gap: 16px;
    }
    .wr-lesson-mode-content > .item {
        padding: 0px 12px;
    }
    .wr-lesson-mode-content > .item > p {
        font-size: 12px;
    }
    .wr-course-number {
        width: 48px;
        height: 48px;
    }
    .wr-course-number > span {
        font-size: 20px;
        letter-spacing: -0.4px;
    }
    .wr-course-lesson-progress > svg {
        width: 60px;
        height: 60px;
    }
}
@media screen and (max-width: 1024px) {
    .wr-lesson-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .wr-lesson-content-side {
        max-width: 100%;
    }
    .wr-lesson-mode::before {
        bottom: -112px;
    }
}
@media screen and (max-width: 768px) {
    .wr-course-teacher {
        width: 100%;
    }
}

.wr-lesson-message-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;
    padding-left: 4px;
}
.wr-lesson-message-text > * {
    color: var(--accent-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
}
.wr-lesson-message-text > ul, .wr-lesson-message-text ol {
    padding-left: 20px;
}

.wr-lesson-message {
    padding: 16px;
    border-radius: 24px;
    background: var(--accent-color-op-8);
}

.wr-lesson-message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 8px;
}
.wr-lesson-message > .x-icon::before {
    background: var(--accent-color);
}

.wr-conditions-list {
    list-style: none;
    padding-left: 0;
    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-conditions-list > li {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
}
.wr-conditions-list > li::before {
    position: relative;
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M2.66797 7.91652L6.12407 11.789C6.17673 11.848 6.27111 11.8487 6.32468 11.7904L13.3346 4.16699' stroke='%230956FF' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.wr-lesson-message-text > ul.wr-conditions-list, .wr-lesson-message-text ol.wr-conditions-list {
    list-style: none;
    padding-left: 0;
}

.xi-message-info {
    -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%3Cg clip-path='url(%23clip0_4001_7693)'%3E%3Cpath d='M9.99999 13.3337V8.75033M9.99999 6.66699H10.0083M18.3333 10.0003C18.3333 14.6027 14.6024 18.3337 9.99999 18.3337C5.39762 18.3337 1.66666 14.6027 1.66666 10.0003C1.66666 5.39795 5.39762 1.66699 9.99999 1.66699C14.6024 1.66699 18.3333 5.39795 18.3333 10.0003Z' stroke='%230956FF' stroke-width='1.6' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4001_7693'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%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%3Cg clip-path='url(%23clip0_4001_7693)'%3E%3Cpath d='M9.99999 13.3337V8.75033M9.99999 6.66699H10.0083M18.3333 10.0003C18.3333 14.6027 14.6024 18.3337 9.99999 18.3337C5.39762 18.3337 1.66666 14.6027 1.66666 10.0003C1.66666 5.39795 5.39762 1.66699 9.99999 1.66699C14.6024 1.66699 18.3333 5.39795 18.3333 10.0003Z' stroke='%230956FF' stroke-width='1.6' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4001_7693'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

@media screen and (max-width: 1244px) {
    .wr-lesson-message {
        border-radius: 20px;
        gap: 6px;
    }
    .wr-lesson-message-text > * {
        font-size: 12px;
    }
    .wr-lesson-message-text > ul, .wr-lesson-message-text ol {
        padding-left: 14px;
    }
    .wr-lesson-content-main {
        width: 100%;
    }    
}

.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;
}

.wr-media-action {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    pointer-events: none;
    padding: 8px;
    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: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.wr-media-action > * {
    pointer-events: all;
}

.xi-confirm {
    -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.33334 9.89492L7.65347 14.7355C7.7193 14.8092 7.83727 14.8101 7.90423 14.7373L16.6667 5.20801' stroke='%232F3337' 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='M3.33334 9.89492L7.65347 14.7355C7.7193 14.8092 7.83727 14.8101 7.90423 14.7373L16.6667 5.20801' stroke='%232F3337' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.wr-rating:has(.item:hover) > .item::before {
    background: var(--accent-color);
}
.wr-rating:has(.item:hover) > .item:hover ~ *::before {
    background: var(--dark-text-op-24);
}

.wr-popup {
    z-index: 11;
    position: fixed;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    overflow-y: auto;
    background: var(--pop-up-wrapper-bg);
    padding: 16px;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    isolation: isolate;
    inset: 0;
}
.wr-popup.active {
    pointer-events: all;
    opacity: 1;
}
.wr-popup.active > .wr-popup-container {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}

.wr-popup-container {
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
    margin: auto;
    width: 100%;
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
}
.wr-popup-container.xm {
    max-width: 480px;
}

.wr-popup-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
    padding: 32px;
    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-buddy-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-buddy-item-text > * {
    color: var(--darkgray-text);
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
}

.wr-buddy-item-body {
    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;
}

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

.wr-tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    border-radius: 100px;
    padding: 4px 8px;
    background: var(--dark-text-op-24);
}
.wr-tag > p {
    color: var(--dark-text);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}
.wr-tag > .x-icon::before {
    background: var(--dark-text);
}

.wr-buddy-item-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
}
.wr-buddy-item-head > img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 64px;
    height: 64px;
    border-radius: 100px;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    -o-object-position: center;
       object-position: center;
    -o-object-fit: cover;
       object-fit: cover;
}

.wr-buddy-teacher {
    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-buddy-teacher > span {
    color: var(--dark-text);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.4px;
}

.wr-popup-buddy-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: 24px;
}

.wr-buddy-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;
}

.wr-popup-escape {
    position: fixed;
    width: 100%;
    height: 100%;
    inset: 0;
    z-index: -1;
}

.xi-telegram-fill {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.9164 2.66925C13.4358 2.70796 12.5914 3.02523 9.79978 4.21601C8.9746 4.56798 7.47458 5.22724 5.3656 6.16481C4.50213 6.54868 3.40737 7.0353 2.93279 7.2462C2.45821 7.45709 2.0041 7.66283 1.92367 7.70339C1.64067 7.84609 1.43466 8.01292 1.3654 8.1555C1.33922 8.20938 1.33291 8.23931 1.33301 8.30912C1.3333 8.52363 1.4758 8.66361 1.85055 8.81751C2.14232 8.93733 3.23309 9.27976 3.69978 9.39806C4.44238 9.58629 4.73424 9.59835 5.14565 9.45784C5.27981 9.41201 5.5396 9.28662 5.68208 9.1989C5.73872 9.16404 6.40523 8.70672 7.16324 8.18263C9.29268 6.71032 10.482 5.90106 10.8802 5.65353C11.0297 5.56055 11.0752 5.53823 11.1379 5.52703C11.2304 5.51051 11.2931 5.52483 11.3403 5.57323C11.38 5.61393 11.4039 5.71335 11.3878 5.77082C11.373 5.82374 11.2819 5.93718 11.0713 6.16509C10.7147 6.55085 9.8882 7.36279 8.6254 8.56795C7.74864 9.4047 7.36076 9.7992 7.2499 9.96698C6.99606 10.3511 7.08318 10.6565 7.55273 11.0283C7.59557 11.0622 7.83016 11.2274 8.07404 11.3953C8.31792 11.5632 8.77902 11.8834 9.0987 12.1067C9.41838 12.33 9.90105 12.6628 10.1713 12.8463C10.4415 13.0298 10.785 13.2686 10.9345 13.3771C11.2634 13.6158 11.4165 13.7153 11.6011 13.8108C11.8637 13.9464 12.0555 13.9981 12.3045 14.0001C12.4514 14.0013 12.4824 13.9979 12.5534 13.9728C12.8506 13.8675 13.0693 13.5357 13.2105 12.9759C13.2522 12.8106 13.3441 12.3124 13.5086 11.3595C14.0631 8.14747 14.4931 5.29044 14.6484 3.78592C14.7041 3.24599 14.6308 2.92298 14.4213 2.7851C14.2992 2.70472 14.0853 2.65564 13.9164 2.66925Z' fill='%23AF9600'/%3E%3C/svg%3E");
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.9164 2.66925C13.4358 2.70796 12.5914 3.02523 9.79978 4.21601C8.9746 4.56798 7.47458 5.22724 5.3656 6.16481C4.50213 6.54868 3.40737 7.0353 2.93279 7.2462C2.45821 7.45709 2.0041 7.66283 1.92367 7.70339C1.64067 7.84609 1.43466 8.01292 1.3654 8.1555C1.33922 8.20938 1.33291 8.23931 1.33301 8.30912C1.3333 8.52363 1.4758 8.66361 1.85055 8.81751C2.14232 8.93733 3.23309 9.27976 3.69978 9.39806C4.44238 9.58629 4.73424 9.59835 5.14565 9.45784C5.27981 9.41201 5.5396 9.28662 5.68208 9.1989C5.73872 9.16404 6.40523 8.70672 7.16324 8.18263C9.29268 6.71032 10.482 5.90106 10.8802 5.65353C11.0297 5.56055 11.0752 5.53823 11.1379 5.52703C11.2304 5.51051 11.2931 5.52483 11.3403 5.57323C11.38 5.61393 11.4039 5.71335 11.3878 5.77082C11.373 5.82374 11.2819 5.93718 11.0713 6.16509C10.7147 6.55085 9.8882 7.36279 8.6254 8.56795C7.74864 9.4047 7.36076 9.7992 7.2499 9.96698C6.99606 10.3511 7.08318 10.6565 7.55273 11.0283C7.59557 11.0622 7.83016 11.2274 8.07404 11.3953C8.31792 11.5632 8.77902 11.8834 9.0987 12.1067C9.41838 12.33 9.90105 12.6628 10.1713 12.8463C10.4415 13.0298 10.785 13.2686 10.9345 13.3771C11.2634 13.6158 11.4165 13.7153 11.6011 13.8108C11.8637 13.9464 12.0555 13.9981 12.3045 14.0001C12.4514 14.0013 12.4824 13.9979 12.5534 13.9728C12.8506 13.8675 13.0693 13.5357 13.2105 12.9759C13.2522 12.8106 13.3441 12.3124 13.5086 11.3595C14.0631 8.14747 14.4931 5.29044 14.6484 3.78592C14.7041 3.24599 14.6308 2.92298 14.4213 2.7851C14.2992 2.70472 14.0853 2.65564 13.9164 2.66925Z' fill='%23AF9600'/%3E%3C/svg%3E");
}

.wr-popup-close {
    top: 16px;
    right: 16px;
    position: absolute;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    width: 32px;
    height: 32px;
    border-radius: 100px;
    background-color: var(--white-bg-op-50);
    background-image: 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='M4.16699 4.16699L15.8337 15.8337M15.8337 4.16699L4.16699 15.8337' stroke='%232F3337' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px 20px;
}

.wr-popup-content {
    isolation: isolate;
}
.wr-popup-content::before {
    border-radius: 24px 24px 0 0;
    top: 0;
    inset-inline: 0;
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    position: absolute;
    content: "";
    z-index: -1;
    width: 100%;
    height: 160px;
    opacity: 0.12;
    background: -webkit-gradient(linear, left top, left bottom, from(#0956FF), to(rgba(9, 86, 255, 0)));
    background: linear-gradient(180deg, #0956FF 0%, rgba(9, 86, 255, 0) 100%);
}

.sub-a .wr-buddy-teacher .wr-tag {
    background: var(--global-sub-a-secondary);
}
.sub-a .wr-buddy-teacher .wr-tag > p {
    color: var(--global-sub-a-primary);
}
.sub-a .wr-buddy-teacher .wr-tag > .x-icon::before {
    background: var(--global-sub-a-primary);
}
.sub-a .wr-action > .button-base {
    background: var(--global-sub-a-primary);
}

.sub-e .wr-buddy-teacher .wr-tag {
    background: var(--global-sub-e-secondary);
}
.sub-e .wr-buddy-teacher .wr-tag > p {
    color: var(--global-sub-e-primary);
}
.sub-e .wr-buddy-teacher .wr-tag > .x-icon::before {
    background: var(--global-sub-e-primary);
}
.sub-e .wr-action > .button-base {
    background: var(--global-sub-e-primary);
}

.sub-c .wr-buddy-teacher .wr-tag {
    background: var(--global-sub-c-secondary);
}
.sub-c .wr-buddy-teacher .wr-tag > p {
    color: var(--global-sub-c-primary);
}
.sub-c .wr-buddy-teacher .wr-tag > .x-icon::before {
    background: var(--global-sub-c-primary);
}
.sub-c .wr-action > .button-base {
    background: var(--global-sub-c-primary);
}

.sub-f .wr-buddy-teacher .wr-tag {
    background: var(--global-sub-f-secondary);
}
.sub-f .wr-buddy-teacher .wr-tag > p {
    color: var(--global-sub-f-primary);
}
.sub-f .wr-buddy-teacher .wr-tag > .x-icon::before {
    background: var(--global-sub-f-primary);
}
.sub-f .wr-action > .button-base {
    background: var(--global-sub-f-primary);
}

.sub-d .wr-buddy-teacher .wr-tag {
    background: var(--global-sub-d-secondary);
}
.sub-d .wr-buddy-teacher .wr-tag > p {
    color: var(--global-sub-d-extra);
}
.sub-d .wr-buddy-teacher .wr-tag > .x-icon::before {
    background: var(--global-sub-d-extra);
}
.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-buddy-teacher .wr-tag {
    background: var(--global-sub-b-secondary);
}
.sub-b .wr-buddy-teacher .wr-tag > p {
    color: var(--global-sub-b-primary);
}
.sub-b .wr-buddy-teacher .wr-tag > .x-icon::before {
    background: var(--global-sub-b-primary);
}
.sub-b .wr-action > .button-base {
    background: var(--global-sub-b-primary);
}

@media screen and (max-width: 1244px) {
    .wr-popup-content {
        border-radius: 20px;
        padding: 24px;
    }
    .wr-buddy-item-head > img {
        width: 48px;
        height: 48px;
    }
    .wr-buddy-teacher {
        gap: 6px;
    }
    .wr-buddy-teacher > span {
        font-size: 16px;
        letter-spacing: -0.32px;
    }
    .wr-tag > p {
        font-size: 12px;
    }
    .wr-buddy-item-text {
        gap: 6px;
    }
    .wr-buddy-item-text > * {
        font-size: 14px;
    }
    .wr-buddy-item {
        gap: 12px;
    }
    .wr-buddy-item-head {
        gap: 12px;
    }
    .wr-popup-buddy-content {
        gap: 16px;
    }
}

.wr-row-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 12px;
}

.wr-row-between {
    overflow-x: auto;
}
.wr-row-between::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}

.xi-instruction {
    -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_4004_8634)'%3E%3Cpath d='M6.29626 7.72927C6.29626 6.17079 7.95446 4.9074 9.99996 4.9074C12.0455 4.9074 13.7037 6.17079 13.7037 7.72927C13.7037 8.89333 12.7786 9.89277 11.4579 10.3241C10.6802 10.5781 9.99996 11.2144 9.99996 12.0326V12.7778M9.99996 15.0926H10.0092M18.3333 9.99999C18.3333 14.6024 14.6023 18.3333 9.99996 18.3333C5.39759 18.3333 1.66663 14.6024 1.66663 9.99999C1.66663 5.39762 5.39759 1.66666 9.99996 1.66666C14.6023 1.66666 18.3333 5.39762 18.3333 9.99999Z' stroke='%232F3337' stroke-width='1.6' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4004_8634'%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_4004_8634)'%3E%3Cpath d='M6.29626 7.72927C6.29626 6.17079 7.95446 4.9074 9.99996 4.9074C12.0455 4.9074 13.7037 6.17079 13.7037 7.72927C13.7037 8.89333 12.7786 9.89277 11.4579 10.3241C10.6802 10.5781 9.99996 11.2144 9.99996 12.0326V12.7778M9.99996 15.0926H10.0092M18.3333 9.99999C18.3333 14.6024 14.6023 18.3333 9.99996 18.3333C5.39759 18.3333 1.66663 14.6024 1.66663 9.99999C1.66663 5.39762 5.39759 1.66666 9.99996 1.66666C14.6023 1.66666 18.3333 5.39762 18.3333 9.99999Z' stroke='%232F3337' stroke-width='1.6' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4004_8634'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

@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;
    }
}

.wr-popup-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.wr-popup-head > span {
    color: var(--dark-text);
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.52px;
}

.wr-popup-info-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: 32px;
}
.wr-popup-info-icon > .x-icon::before {
    background: var(--gray-text);
}

.wr-popup-info-item {
    padding: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    border-radius: 24px;
    border: 1px solid var(--gray-border);
    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-popup-info-item > .x-icon::before {
    background: var(--white-gray-text);
}

.wr-popup-info-text {
    padding: 0 4px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.wr-popup-info-text > small {
    color: var(--gray-text);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}
.wr-popup-info-text > small > span {
    color: var(--accent-color);
}
.wr-popup-info-text > p {
    word-break: break-word;
    overflow: hidden;
    color: var(--dark-text);
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}

.wr-popup-info-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;
}

.wr-popup-content {
    gap: 24px;
}

.ic-complete {
    background-image: 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%3Crect width='20' height='20' rx='10' fill='%230956FF'/%3E%3Cpath d='M6 9.93715L8.59207 12.8415C8.63157 12.8857 8.70236 12.8862 8.74253 12.8426L14 7.125' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.xi-document {
    -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='M11.9822 2.39874L11.4519 2.92907L11.4519 2.92907L11.9822 2.39874ZM15.9344 6.35094L16.4647 5.82061L16.4647 5.82061L15.9344 6.35094ZM4.69834 18.0607L4.35784 18.7289L4.35784 18.7289L4.69834 18.0607ZM3.6058 16.9681L4.27405 16.6277L4.27405 16.6277L3.6058 16.9681ZM15.3016 18.0607L15.6421 18.7289L15.6421 18.7289L15.3016 18.0607ZM16.3942 16.9681L15.7259 16.6277L15.7259 16.6277L16.3942 16.9681ZM3.6058 3.03153L4.27405 3.37202L4.27405 3.37202L3.6058 3.03153ZM4.69834 1.93899L5.03883 2.60724L5.03883 2.60724L4.69834 1.93899ZM6.66665 10.4998C6.25243 10.4998 5.91665 10.8356 5.91665 11.2498C5.91665 11.6641 6.25243 11.9998 6.66665 11.9998V11.2498V10.4998ZM13.3333 11.9998C13.7475 11.9998 14.0833 11.6641 14.0833 11.2498C14.0833 10.8356 13.7475 10.4998 13.3333 10.4998V11.2498V11.9998ZM6.66665 13.4165C6.25243 13.4165 5.91665 13.7523 5.91665 14.1665C5.91665 14.5807 6.25243 14.9165 6.66665 14.9165V14.1665V13.4165ZM10.8333 14.9165C11.2475 14.9165 11.5833 14.5807 11.5833 14.1665C11.5833 13.7523 11.2475 13.4165 10.8333 13.4165V14.1665V14.9165ZM16.4421 7.08317L17.1247 6.77252L17.1247 6.77252L16.4421 7.08317ZM12.6666 18.3332V17.5832H7.33331V18.3332V19.0832H12.6666V18.3332ZM3.33331 14.3332H4.08331V5.6665H3.33331H2.58331V14.3332H3.33331ZM16.6666 8.1187H15.9166V14.3332H16.6666H17.4166V8.1187H16.6666ZM11.9822 2.39874L11.4519 2.92907L15.4041 6.88127L15.9344 6.35094L16.4647 5.82061L12.5125 1.86841L11.9822 2.39874ZM7.33331 1.6665V2.4165H10.2144V1.6665V0.916504H7.33331V1.6665ZM7.33331 18.3332V17.5832C6.62087 17.5832 6.13165 17.5826 5.75239 17.5516C5.38189 17.5213 5.18287 17.4658 5.03883 17.3924L4.69834 18.0607L4.35784 18.7289C4.74858 18.928 5.16698 19.0088 5.63024 19.0466C6.08475 19.0838 6.64562 19.0832 7.33331 19.0832V18.3332ZM3.33331 14.3332H2.58331C2.58331 15.0209 2.58273 15.5817 2.61986 16.0362C2.65771 16.4995 2.73845 16.9179 2.93754 17.3086L3.6058 16.9681L4.27405 16.6277C4.20066 16.4836 4.14515 16.2846 4.11488 15.9141C4.0839 15.5348 4.08331 15.0456 4.08331 14.3332H3.33331ZM4.69834 18.0607L5.03883 17.3924C4.70955 17.2247 4.44183 16.9569 4.27405 16.6277L3.6058 16.9681L2.93754 17.3086C3.24913 17.9202 3.74632 18.4174 4.35784 18.7289L4.69834 18.0607ZM12.6666 18.3332V19.0832C13.3543 19.0832 13.9152 19.0838 14.3697 19.0466C14.833 19.0088 15.2514 18.928 15.6421 18.7289L15.3016 18.0607L14.9611 17.3924C14.8171 17.4658 14.6181 17.5213 14.2476 17.5516C13.8683 17.5826 13.3791 17.5832 12.6666 17.5832V18.3332ZM16.6666 14.3332H15.9166C15.9166 15.0456 15.9161 15.5348 15.8851 15.9141C15.8548 16.2846 15.7993 16.4836 15.7259 16.6277L16.3942 16.9681L17.0624 17.3086C17.2615 16.9179 17.3422 16.4995 17.3801 16.0362C17.4172 15.5817 17.4166 15.0209 17.4166 14.3332H16.6666ZM15.3016 18.0607L15.6421 18.7289C16.2536 18.4174 16.7508 17.9202 17.0624 17.3086L16.3942 16.9681L15.7259 16.6277C15.5581 16.9569 15.2904 17.2247 14.9611 17.3924L15.3016 18.0607ZM3.33331 5.6665H4.08331C4.08331 4.95406 4.0839 4.46484 4.11488 4.08558C4.14515 3.71508 4.20066 3.51606 4.27405 3.37202L3.6058 3.03153L2.93754 2.69103C2.73845 3.08178 2.65771 3.50017 2.61986 3.96344C2.58273 4.41794 2.58331 4.97881 2.58331 5.6665H3.33331ZM7.33331 1.6665V0.916504C6.64562 0.916504 6.08475 0.915921 5.63024 0.953055C5.16698 0.990905 4.74858 1.07164 4.35784 1.27073L4.69834 1.93899L5.03883 2.60724C5.18287 2.53385 5.38189 2.47834 5.75239 2.44807C6.13165 2.41709 6.62087 2.4165 7.33331 2.4165V1.6665ZM3.6058 3.03153L4.27405 3.37202C4.44183 3.04274 4.70955 2.77502 5.03883 2.60724L4.69834 1.93899L4.35784 1.27073C3.74632 1.58232 3.24913 2.07951 2.93754 2.69103L3.6058 3.03153ZM6.66665 11.2498V11.9998H13.3333V11.2498V10.4998H6.66665V11.2498ZM6.66665 14.1665V14.9165H10.8333V14.1665V13.4165H6.66665V14.1665ZM11.9822 2.39874L12.5125 1.86841C12.2347 1.59052 11.9116 1.36812 11.5606 1.20842L11.25 1.89105L10.9393 2.57369C11.1283 2.6597 11.3022 2.77942 11.4519 2.92907L11.9822 2.39874ZM11.25 1.89105L11.5606 1.20842C11.1419 1.01787 10.6834 0.916504 10.2144 0.916504V1.6665V2.4165C10.4669 2.4165 10.7138 2.47106 10.9393 2.57369L11.25 1.89105ZM11.25 1.89105H10.5V4.58317H11.25H12V1.89105H11.25ZM16.6666 8.1187H17.4166C17.4166 7.64976 17.3153 7.19123 17.1247 6.77252L16.4421 7.08317L15.7595 7.39382C15.8621 7.61935 15.9166 7.8662 15.9166 8.1187H16.6666ZM16.4421 7.08317L17.1247 6.77252C16.965 6.42158 16.7426 6.0985 16.4647 5.82061L15.9344 6.35094L15.4041 6.88127C15.5537 7.03092 15.6735 7.20483 15.7595 7.39382L16.4421 7.08317ZM13.75 7.08317V7.83317H16.4421V7.08317V6.33317H13.75V7.08317ZM11.25 4.58317H10.5C10.5 6.3781 11.9551 7.83317 13.75 7.83317V7.08317V6.33317C12.7835 6.33317 12 5.54967 12 4.58317H11.25Z' 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='M11.9822 2.39874L11.4519 2.92907L11.4519 2.92907L11.9822 2.39874ZM15.9344 6.35094L16.4647 5.82061L16.4647 5.82061L15.9344 6.35094ZM4.69834 18.0607L4.35784 18.7289L4.35784 18.7289L4.69834 18.0607ZM3.6058 16.9681L4.27405 16.6277L4.27405 16.6277L3.6058 16.9681ZM15.3016 18.0607L15.6421 18.7289L15.6421 18.7289L15.3016 18.0607ZM16.3942 16.9681L15.7259 16.6277L15.7259 16.6277L16.3942 16.9681ZM3.6058 3.03153L4.27405 3.37202L4.27405 3.37202L3.6058 3.03153ZM4.69834 1.93899L5.03883 2.60724L5.03883 2.60724L4.69834 1.93899ZM6.66665 10.4998C6.25243 10.4998 5.91665 10.8356 5.91665 11.2498C5.91665 11.6641 6.25243 11.9998 6.66665 11.9998V11.2498V10.4998ZM13.3333 11.9998C13.7475 11.9998 14.0833 11.6641 14.0833 11.2498C14.0833 10.8356 13.7475 10.4998 13.3333 10.4998V11.2498V11.9998ZM6.66665 13.4165C6.25243 13.4165 5.91665 13.7523 5.91665 14.1665C5.91665 14.5807 6.25243 14.9165 6.66665 14.9165V14.1665V13.4165ZM10.8333 14.9165C11.2475 14.9165 11.5833 14.5807 11.5833 14.1665C11.5833 13.7523 11.2475 13.4165 10.8333 13.4165V14.1665V14.9165ZM16.4421 7.08317L17.1247 6.77252L17.1247 6.77252L16.4421 7.08317ZM12.6666 18.3332V17.5832H7.33331V18.3332V19.0832H12.6666V18.3332ZM3.33331 14.3332H4.08331V5.6665H3.33331H2.58331V14.3332H3.33331ZM16.6666 8.1187H15.9166V14.3332H16.6666H17.4166V8.1187H16.6666ZM11.9822 2.39874L11.4519 2.92907L15.4041 6.88127L15.9344 6.35094L16.4647 5.82061L12.5125 1.86841L11.9822 2.39874ZM7.33331 1.6665V2.4165H10.2144V1.6665V0.916504H7.33331V1.6665ZM7.33331 18.3332V17.5832C6.62087 17.5832 6.13165 17.5826 5.75239 17.5516C5.38189 17.5213 5.18287 17.4658 5.03883 17.3924L4.69834 18.0607L4.35784 18.7289C4.74858 18.928 5.16698 19.0088 5.63024 19.0466C6.08475 19.0838 6.64562 19.0832 7.33331 19.0832V18.3332ZM3.33331 14.3332H2.58331C2.58331 15.0209 2.58273 15.5817 2.61986 16.0362C2.65771 16.4995 2.73845 16.9179 2.93754 17.3086L3.6058 16.9681L4.27405 16.6277C4.20066 16.4836 4.14515 16.2846 4.11488 15.9141C4.0839 15.5348 4.08331 15.0456 4.08331 14.3332H3.33331ZM4.69834 18.0607L5.03883 17.3924C4.70955 17.2247 4.44183 16.9569 4.27405 16.6277L3.6058 16.9681L2.93754 17.3086C3.24913 17.9202 3.74632 18.4174 4.35784 18.7289L4.69834 18.0607ZM12.6666 18.3332V19.0832C13.3543 19.0832 13.9152 19.0838 14.3697 19.0466C14.833 19.0088 15.2514 18.928 15.6421 18.7289L15.3016 18.0607L14.9611 17.3924C14.8171 17.4658 14.6181 17.5213 14.2476 17.5516C13.8683 17.5826 13.3791 17.5832 12.6666 17.5832V18.3332ZM16.6666 14.3332H15.9166C15.9166 15.0456 15.9161 15.5348 15.8851 15.9141C15.8548 16.2846 15.7993 16.4836 15.7259 16.6277L16.3942 16.9681L17.0624 17.3086C17.2615 16.9179 17.3422 16.4995 17.3801 16.0362C17.4172 15.5817 17.4166 15.0209 17.4166 14.3332H16.6666ZM15.3016 18.0607L15.6421 18.7289C16.2536 18.4174 16.7508 17.9202 17.0624 17.3086L16.3942 16.9681L15.7259 16.6277C15.5581 16.9569 15.2904 17.2247 14.9611 17.3924L15.3016 18.0607ZM3.33331 5.6665H4.08331C4.08331 4.95406 4.0839 4.46484 4.11488 4.08558C4.14515 3.71508 4.20066 3.51606 4.27405 3.37202L3.6058 3.03153L2.93754 2.69103C2.73845 3.08178 2.65771 3.50017 2.61986 3.96344C2.58273 4.41794 2.58331 4.97881 2.58331 5.6665H3.33331ZM7.33331 1.6665V0.916504C6.64562 0.916504 6.08475 0.915921 5.63024 0.953055C5.16698 0.990905 4.74858 1.07164 4.35784 1.27073L4.69834 1.93899L5.03883 2.60724C5.18287 2.53385 5.38189 2.47834 5.75239 2.44807C6.13165 2.41709 6.62087 2.4165 7.33331 2.4165V1.6665ZM3.6058 3.03153L4.27405 3.37202C4.44183 3.04274 4.70955 2.77502 5.03883 2.60724L4.69834 1.93899L4.35784 1.27073C3.74632 1.58232 3.24913 2.07951 2.93754 2.69103L3.6058 3.03153ZM6.66665 11.2498V11.9998H13.3333V11.2498V10.4998H6.66665V11.2498ZM6.66665 14.1665V14.9165H10.8333V14.1665V13.4165H6.66665V14.1665ZM11.9822 2.39874L12.5125 1.86841C12.2347 1.59052 11.9116 1.36812 11.5606 1.20842L11.25 1.89105L10.9393 2.57369C11.1283 2.6597 11.3022 2.77942 11.4519 2.92907L11.9822 2.39874ZM11.25 1.89105L11.5606 1.20842C11.1419 1.01787 10.6834 0.916504 10.2144 0.916504V1.6665V2.4165C10.4669 2.4165 10.7138 2.47106 10.9393 2.57369L11.25 1.89105ZM11.25 1.89105H10.5V4.58317H11.25H12V1.89105H11.25ZM16.6666 8.1187H17.4166C17.4166 7.64976 17.3153 7.19123 17.1247 6.77252L16.4421 7.08317L15.7595 7.39382C15.8621 7.61935 15.9166 7.8662 15.9166 8.1187H16.6666ZM16.4421 7.08317L17.1247 6.77252C16.965 6.42158 16.7426 6.0985 16.4647 5.82061L15.9344 6.35094L15.4041 6.88127C15.5537 7.03092 15.6735 7.20483 15.7595 7.39382L16.4421 7.08317ZM13.75 7.08317V7.83317H16.4421V7.08317V6.33317H13.75V7.08317ZM11.25 4.58317H10.5C10.5 6.3781 11.9551 7.83317 13.75 7.83317V7.08317V6.33317C12.7835 6.33317 12 5.54967 12 4.58317H11.25Z' fill='%23868F98'/%3E%3C/svg%3E%0A");
}

.xi-nmt {
    -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.66669 4.46819L2.8283 5.60305C2.86722 5.64108 2.93585 5.64152 2.97543 5.60399L5.37039 3.33301M1.66669 9.98544L2.8283 11.1203C2.86722 11.1583 2.93585 11.1588 2.97543 11.1212L5.37039 8.85025M1.66669 15.5027L2.8283 16.6375C2.86722 16.6756 2.93585 16.676 2.97543 16.6385L5.37039 14.3675M8.61113 4.71232H18.3334M8.61113 10.2296H18.3334M8.61113 15.7468H18.3334' stroke='%23868F98' 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.66669 4.46819L2.8283 5.60305C2.86722 5.64108 2.93585 5.64152 2.97543 5.60399L5.37039 3.33301M1.66669 9.98544L2.8283 11.1203C2.86722 11.1583 2.93585 11.1588 2.97543 11.1212L5.37039 8.85025M1.66669 15.5027L2.8283 16.6375C2.86722 16.6756 2.93585 16.676 2.97543 16.6385L5.37039 14.3675M8.61113 4.71232H18.3334M8.61113 10.2296H18.3334M8.61113 15.7468H18.3334' stroke='%23868F98' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

@media screen and (max-width: 1244px) {
    .wr-popup-head > span {
        font-size: 18px;
        letter-spacing: -0.36px;
    }
    .wr-popup-content {
        gap: 16px;
    }
    .wr-popup-info-item {
        border-radius: 20px;
        padding: 12px;
        gap: 6px;
    }
    .wr-popup-info-text > p {
        font-size: 12px;
    }
    .wr-popup-info-content {
        gap: 6px;
    }
}

.item-poll-variants.xm {
    gap: 8px;
    background: none;
}
.item-poll-variants.xm > .item > .poll-value {
    gap: 8px;
    padding: 0;
    height: auto;
}
.item-poll-variants.xm > .item > .poll-value > p {
    width: 100%;
}
.item-poll-variants.xm > .item > .poll-value::after {
    content: none;
}
.item-poll-variants.xm > .item > .poll-value::before {
    position: relative;
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='12' fill='%23E9EBEC'/%3E%3Crect x='6' y='6' width='12' height='12' rx='6' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.item-poll-variants.xm > .item > input:checked ~ .poll-value {
    background: none;
}
.item-poll-variants.xm > .item > input:checked ~ .poll-value > p {
    color: var(--accent-color);
}
.item-poll-variants.xm > .item > input:checked ~ .poll-value::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='12' fill='%230956FF'/%3E%3Crect x='6' y='6' width='12' height='12' rx='6' fill='white'/%3E%3C/svg%3E%0A");
}

.item-poll-text > textarea {
    padding: 12px 20px;
    border-radius: 12px;
    border: 1px solid var(--input-border);
    background: var(--white-bg);
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
    color: var(--dark-text);
}
.item-poll-text > textarea::-webkit-input-placeholder {
    color: var(--gray-text);
}
.item-poll-text > textarea::-moz-placeholder {
    color: var(--gray-text);
}
.item-poll-text > textarea:-ms-input-placeholder {
    color: var(--gray-text);
}
.item-poll-text > textarea::-ms-input-placeholder {
    color: var(--gray-text);
}
.item-poll-text > textarea::placeholder {
    color: var(--gray-text);
}
.item-poll-text > textarea:focus-visible {
    border: 1px solid var(--input-border);
}

.item-poll-text > small {
    color: var(--darkgray-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

@media screen and (max-width: 1244px) {
    .item-poll-info > h1 {
        font-size: 14px;
    }
    .poll-body-content > .poll-item {
        gap: 16px;
    }
    .item-poll-text > small {
        font-size: 12px;
    }
    .item-poll-text > textarea {
        padding: 12px 18px;
        font-size: 14px;
    }
    .poll-body-steps > p {
        font-size: 12px;
    }
    .poll-body-steps > .button {
        height: 36px;
    }
    .poll-body-steps > .button > p {
        font-size: 12px;
    }
    .item-poll-variants.xm {
        gap: 6px;
    }
    .item-poll-variants.xm > .item > .poll-value {
        gap: 6px;
    }
    .poll-value > p {
        font-size: 12px;
    }
    .item-poll-text > p {
        font-size: 12px;
    }
    .poll-value {
        height: 36px;
        border-radius: 24px;
    }
}

.poll-success-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;
    gap: 16px;
}
.poll-success-text > span {
    color: var(--dark-text);
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.4px;
}
.poll-success-text > p {
    max-width: 360px;
    width: 100%;
    color: var(--darkgray-text);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
}

@media screen and (max-width: 1244px) {
    .poll-icon {
        height: 92px;
    }
    .poll-success {
        gap: 16px;
    }
    .poll-success-text {
        gap: 12px;
    }
    .poll-success-text > span {
        font-size: 16px;
        letter-spacing: -0.32px;
    }
    .poll-success-text > p {
        font-size: 14px;
    }
    .poll-success-text > p > br {
        display: none;
    }
}


.wr-course-number {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
}

.wr-popup-head {
    max-width: 384px;
    width: 100%;
}

.item-poll-variants.fill {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.item-poll-variants.fill > .item {
    width: 100%;
}

.item-field {
    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;
}
.item-field > span {
    overflow: hidden;
    color: var(--darkgray-text);
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

@media screen and (max-width: 1244px) {
    .item-field {
        gap: 6x;
    }
    .item-field > span {
        font-size: 12px;
    }
    .generate-test {
        gap: 16px;
    }
}

.xi-generate {
    -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='M16.5204 9.98608C16.524 8.47987 16.0034 7.02151 15.0472 5.85947C14.091 4.69743 12.7584 3.90363 11.2765 3.6133C10.8641 3.5325 10.4471 3.49209 10.0314 3.49123M16.5204 9.98608C16.585 9.98608 18.3334 6.86597 18.3334 6.86597M16.5204 9.98608C16.4558 9.98608 13.3976 8.1946 13.3976 8.1946M10.0314 3.49123C8.95346 3.48898 7.8835 3.7526 6.92013 4.2673C5.97671 4.77134 5.17678 5.49413 4.58335 6.36642M10.0314 3.49123C11.3182 3.48857 12.5806 3.86479 13.6567 4.5798C14.9116 5.41362 15.8354 6.65658 16.2708 8.09689M10.0314 3.49123C9.81763 3.49167 9.60315 3.50257 9.38875 3.52411C7.884 3.67532 6.47593 4.34148 5.40445 5.40907M3.72925 11.9064C4.1646 13.3467 5.08842 14.5896 6.34332 15.4234C7.41938 16.1384 8.68177 16.5146 9.96847 16.512M9.96847 16.512C10.1823 16.5116 10.3968 16.5007 10.6113 16.4791C12.116 16.3279 13.5241 15.6618 14.5956 14.5942M9.96847 16.512C9.5528 16.5111 9.13594 16.4707 8.72354 16.3899C7.24162 16.0996 5.90904 15.3058 4.95284 14.1438C3.99664 12.9817 3.476 11.5234 3.47962 10.0172M9.96847 16.512C11.0465 16.5143 12.1165 16.2507 13.0799 15.7359C14.0233 15.2319 14.8233 14.5091 15.4167 13.6368M3.47962 10.0172C3.41501 10.0172 1.66669 13.1373 1.66669 13.1373M3.47962 10.0172C3.54424 10.0172 6.60242 11.8086 6.60242 11.8086' stroke='white' 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='M16.5204 9.98608C16.524 8.47987 16.0034 7.02151 15.0472 5.85947C14.091 4.69743 12.7584 3.90363 11.2765 3.6133C10.8641 3.5325 10.4471 3.49209 10.0314 3.49123M16.5204 9.98608C16.585 9.98608 18.3334 6.86597 18.3334 6.86597M16.5204 9.98608C16.4558 9.98608 13.3976 8.1946 13.3976 8.1946M10.0314 3.49123C8.95346 3.48898 7.8835 3.7526 6.92013 4.2673C5.97671 4.77134 5.17678 5.49413 4.58335 6.36642M10.0314 3.49123C11.3182 3.48857 12.5806 3.86479 13.6567 4.5798C14.9116 5.41362 15.8354 6.65658 16.2708 8.09689M10.0314 3.49123C9.81763 3.49167 9.60315 3.50257 9.38875 3.52411C7.884 3.67532 6.47593 4.34148 5.40445 5.40907M3.72925 11.9064C4.1646 13.3467 5.08842 14.5896 6.34332 15.4234C7.41938 16.1384 8.68177 16.5146 9.96847 16.512M9.96847 16.512C10.1823 16.5116 10.3968 16.5007 10.6113 16.4791C12.116 16.3279 13.5241 15.6618 14.5956 14.5942M9.96847 16.512C9.5528 16.5111 9.13594 16.4707 8.72354 16.3899C7.24162 16.0996 5.90904 15.3058 4.95284 14.1438C3.99664 12.9817 3.476 11.5234 3.47962 10.0172M9.96847 16.512C11.0465 16.5143 12.1165 16.2507 13.0799 15.7359C14.0233 15.2319 14.8233 14.5091 15.4167 13.6368M3.47962 10.0172C3.41501 10.0172 1.66669 13.1373 1.66669 13.1373M3.47962 10.0172C3.54424 10.0172 6.60242 11.8086 6.60242 11.8086' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.league-join-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: 16px;
    max-width: 400px;
    width: 100%;
}
.league-join-text > span {
    color: var(--global-dark);
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.64px;
}
.league-join-text > p {
    color: var(--global-dark);
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
}

.league-join {
    min-height: 460px;
    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: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 24px;
    padding: 40px;
    border-radius: 24px;
    -webkit-box-shadow: 0 4px 12px -8px var(--dark-text-op-24);
            box-shadow: 0 4px 12px -8px var(--dark-text-op-24);
    background-image: url(/source/img/league-join.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.xi-play {
    -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.75 17.0656V2.93437C3.75 2.60263 4.10472 2.3937 4.39179 2.55633L16.8638 9.62197C17.1565 9.78779 17.1565 10.2122 16.8638 10.378L4.3918 17.4437C4.10472 17.6063 3.75 17.3974 3.75 17.0656Z' stroke='white' 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='M3.75 17.0656V2.93437C3.75 2.60263 4.10472 2.3937 4.39179 2.55633L16.8638 9.62197C17.1565 9.78779 17.1565 10.2122 16.8638 10.378L4.3918 17.4437C4.10472 17.6063 3.75 17.3974 3.75 17.0656Z' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

@media screen and (max-width: 1244px) {
    .league-join {
        border-radius: 20px;
        padding: 28px;
        gap: 16px;
    }
    .league-join-text {
        gap: 12px;
    }
    .league-join-text > span {
        font-size: 20px;
        letter-spacing: -0.4px;
    }
    .league-join-text > p {
        font-size: 14px;
    }
    .wr-subjects > span {
        font-size: 16px;
        letter-spacing: -0.32px;
        margin-bottom: 6px;
    }
    .wr-subjects > span:last-child {
        margin-bottom: 0;
    }    
}
@media screen and (max-width: 524px) {
    .league-join {
        min-height: 460px;
        background-image: url(/source/img/league-join-min.jpg);
    }
}

.xi-add {
    -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='M4.16797 10.0001H15.8346M10.0013 4.16675V15.8334' 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='M4.16797 10.0001H15.8346M10.0013 4.16675V15.8334' stroke='%230956FF' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

.wr-subjects > span {
    color: var(--dark-text);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.4px;
    margin-bottom: 8px;
}
.wr-subjects > span:last-child {
    margin-bottom: 0;
}

.wr-icon-l {
    -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%3Cg clip-path='url(%23clip0_5001_19198)'%3E%3Cpath d='M5.22519 18.3334H14.7773M6.04679 15.4211H13.9558C15.0104 15.4211 15.9401 14.712 16.2431 13.6765L18.3137 6.60102C18.4286 6.20839 18.0501 5.85349 17.6789 6.00573L14.5689 7.281C14.1374 7.45796 13.6442 7.2908 13.4006 6.88501L10.4081 1.89976C10.2216 1.58908 9.78104 1.58908 9.59455 1.89976L6.60197 6.88501C6.35838 7.29081 5.86523 7.45796 5.43369 7.281L2.32375 6.00573C1.95249 5.85349 1.57401 6.2084 1.68891 6.60102L3.75947 13.6765C4.0625 14.712 4.99221 15.4211 6.04679 15.4211Z' stroke='%23868F98' stroke-width='1.5' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5001_19198'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%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%3Cg clip-path='url(%23clip0_5001_19198)'%3E%3Cpath d='M5.22519 18.3334H14.7773M6.04679 15.4211H13.9558C15.0104 15.4211 15.9401 14.712 16.2431 13.6765L18.3137 6.60102C18.4286 6.20839 18.0501 5.85349 17.6789 6.00573L14.5689 7.281C14.1374 7.45796 13.6442 7.2908 13.4006 6.88501L10.4081 1.89976C10.2216 1.58908 9.78104 1.58908 9.59455 1.89976L6.60197 6.88501C6.35838 7.29081 5.86523 7.45796 5.43369 7.281L2.32375 6.00573C1.95249 5.85349 1.57401 6.2084 1.68891 6.60102L3.75947 13.6765C4.0625 14.712 4.99221 15.4211 6.04679 15.4211Z' stroke='%23868F98' stroke-width='1.5' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5001_19198'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.wr-conditions-list {
    list-style: none;
    padding-left: 0;
    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-conditions-list > li {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 6px;
}
.wr-conditions-list > li::before {
    position: relative;
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.33203 8H12.6654' stroke='%230956FF' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.wr-conditions-list > li.active::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M2.66797 7.91652L6.12407 11.789C6.17673 11.848 6.27111 11.8487 6.32468 11.7904L13.3346 4.16699' stroke='%230956FF' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

.wr-lesson-message-text > ul.wr-conditions-list, .wr-lesson-message-text ol.wr-conditions-list {
    list-style: none;
    padding-left: 0;
}

@media screen and (max-width: 1244px) {
    .wr-subjects > span {
        font-size: 16px;
        letter-spacing: -0.32px;
        margin-bottom: 6px;
    }
    .wr-subjects > span:last-child {
        margin-bottom: 0;
    }    
    .wr-subject-item {
        border-radius: 20px;
    }
}

.league-way {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    overflow-x: auto;
    margin-bottom: 4px;
    padding-bottom: 10px;
}
.league-way::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}

.league-way:last-child {
    margin: 0;
}
.league-way > .item {
    width: 56px;
    height: 68px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    padding: 5px 4px;
}
.league-way > .item > span {
    bottom: -10px;
    position: absolute;
    z-index: 1;
    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;
    text-align: center;
    min-width: 20px;
    padding: 0 4px;
    height: 20px;
    border-radius: 12px;
    background: var(--white-gray-text);
    color: var(--global-white);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}
.league-way > .item > img {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -o-object-position: center;
       object-position: center;
    -o-object-fit: contain;
       object-fit: contain;
}
.league-way > .item.active {
    padding: 0;
}

.league-current-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 100px;
    background: var(--global-white);
}
.league-current-image > img {
    width: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    -o-object-position: center;
       object-position: center;
    -o-object-fit: contain;
       object-fit: contain;
}

.league-current-info {
    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;
}
.league-current-info > span {
    color: var(--dark-text);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.4px;
}
.league-current-info > p {
    color: var(--darkgray-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
}

.league-current {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
    border-radius: 12px;
    padding: 16px;
    background-image: url(/source/img/league-current.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.league-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: 16px;
    padding: 24px;
    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);
}

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

.button-outline:hover {
    background: var(--global-white);
}
.button-outline:hover > p {
    color: var(--global-dark);
}
.button-outline:hover > .x-icon::before {
    background: var(--global-dark);
}

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

.wr-action-button {
    -webkit-transition: 0.2s;
    transition: 0.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);
}

.league-member {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    padding: 12px 16px;
    border-radius: 12px;
    background: var(--gray-bg);
    margin-bottom: 4px;
    position: relative;
}
.league-member::before {
    position: relative;
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 20px;
    height: 20px;
    background-image: 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='M4.16797 10H15.8346' stroke='%23868F98' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.league-member > small {
    padding: 0 4px;
    color: var(--gray-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}
.league-member > p {
    width: 100%;
    color: var(--dark-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}
.league-member > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    color: var(--dark-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
}
.league-member.active {
    -webkit-box-shadow: 0 0 0 1px var(--white-bg), 0 0 0 3px var(--gray-text);
            box-shadow: 0 0 0 1px var(--white-bg), 0 0 0 3px var(--gray-text);
}
.league-member.advance {
    background: var(--global-green-op-8);
}
.league-member.advance.active {
    -webkit-box-shadow: 0 0 0 1px var(--white-bg), 0 0 0 3px var(--global-green);
            box-shadow: 0 0 0 1px var(--white-bg), 0 0 0 3px var(--global-green);
}
.league-member.advance::before {
    background-image: 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='M5 8.75L9.88215 3.7995C9.94724 3.7335 10.0528 3.7335 10.1179 3.7995L15 8.75' stroke='%2317B94B' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M5 15.4167L9.88215 10.4662C9.94724 10.4002 10.0528 10.4002 10.1179 10.4662L15 15.4167' stroke='%2317B94B' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}
.league-member.demotion {
    background: var(--global-red-op-8);
}
.league-member.demotion.active {
    -webkit-box-shadow: 0 0 0 1px var(--white-bg), 0 0 0 3px var(--global-red);
            box-shadow: 0 0 0 1px var(--white-bg), 0 0 0 3px var(--global-red);
}
.league-member.demotion::before {
    background-image: 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 10.4167L9.88215 15.3672C9.94724 15.4332 10.0528 15.4332 10.1179 15.3672L15 10.4167' stroke='%23D23439' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M5 3.75L9.88215 8.7005C9.94724 8.7665 10.0528 8.7665 10.1179 8.7005L15 3.75' stroke='%23D23439' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.league-members {
    gap: 4px;
    -webkit-columns: 3;
       -moz-columns: 3;
            columns: 3;
    margin-bottom: -4px;
    -webkit-column-break-inside: avoid;
       -moz-column-break-inside: avoid;
            break-inside: avoid;
}

.league-current.legendary {
    background-image: url(/source/img/league-top.jpg);
}

.league-way > .item > span.advance {
    background: var(--global-green);
    color: var(--global-white);
}
.league-way > .item > span.demotion {
    background: var(--global-red);
    color: var(--global-white);
}

@media screen and (max-width: 1240px) {
    .league-members {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .league-current-info {
        gap: 6px;
    }
    .league-current-info > p {
        font-size: 12px;
    }
    .league-current-info > span {
        font-size: 16px;
        letter-spacing: -0.32px;
    }
    .league-current {
        gap: 12px;
        padding: 12px;
        border-radius: 8px;
    }
    .league-member {
        margin: 0;
        padding: 10px 12px;
        border-radius: 8px;
        gap: 6px;
    }
    .league-member > small {
        font-size: 12px;
    }
    .league-member > p {
        font-size: 12px;
    }
    .league-member > span {
        font-size: 12px;
    }
    .league-members {
        margin: 0;
    }
    .league-content {
        gap: 12px;
        padding: 16px;
        border-radius: 20px;
    }
    .league-way {
        margin-bottom: 0;
        padding-bottom: 10px;
        overflow-x: auto;
        gap: 6px;
    }
    .league-way > .item {
        width: 40px;
        height: 48px;
    }
    .league-way > .item > span {
        font-size: 11px;
    }
    .league-way::-webkit-scrollbar {
        width: 0px;
        height: 0px;
    }
}

.course-content.min-gap {
    gap: 24px;
}

@media screen and (max-width: 1240px) {
    .course-content.min-gap {
        gap: 16px;
    }
}

.review-user-content {
    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;
    gap: 16px;
    width: 100%;
}
.review-user-content > img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 120px;
    height: 120px;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    -o-object-position: center;
       object-position: center;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 100px;
}

.review-user-message {
    position: relative;
    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: 4px 16px;
    border-radius: 24px;
    background: var(--accent-color);
}
.review-user-message > p {
    color: var(--global-white);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}
.review-user-message::before {
    position: absolute;
    content: "";
    width: 12px;
    height: 9px;
    top: -8px;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0L12 8H0L6 0Z' fill='%230956FF'/%3E%3Crect y='8' width='12' height='1' fill='%230956FF'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.modal-review-info {
    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;
}

.review-user-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;
}
.review-user-text > * {
    color: var(--darkgray-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
}

.wr-dialog-action > .button {
    width: 100%;
}

.wr-textarea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    resize: none;
    padding: 12px 20px;
    border-radius: 12px;
    border: 1px solid var(--input-border);
    background: var(--white-bg);
    min-height: 120px;
    color: var(--dark-text);
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
}
.wr-textarea::-webkit-input-placeholder {
    color: var(--gray-text);
}
.wr-textarea::-moz-placeholder {
    color: var(--gray-text);
}
.wr-textarea:-ms-input-placeholder {
    color: var(--gray-text);
}
.wr-textarea::-ms-input-placeholder {
    color: var(--gray-text);
}
.wr-textarea::placeholder {
    color: var(--gray-text);
}

@media screen and (max-width: 1240px) {
    .review-user-text {
        gap: 6px;
    }
    .review-user-text > * {
        font-size: 12px;
    }
    .modal-review-info {
        gap: 12px;
    }
    .review-user-message {
        padding: 4px 12px;
    }
    .review-user-message > p {
        font-size: 12px;
    }
    .review-user-content {
        gap: 14px;
    }
    .review-user-content > img {
        width: 80px;
        height: 80px;
    }
    .button-base > p {
        font-size: 12px;
    }
}

.wr-course-head-content > .wr-course-action {
    margin-top: 24px;
    min-height: 44px;
}

@media screen and (max-width: 1240px) {
    .wr-course-head-content > .wr-course-action {
        margin-top: 0;
        min-height: 0;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
    }
    .wr-course-head-content > .wr-course-action > *:first-child {
        margin-top: 16px;
    }
}

.button-outline:disabled, .button-outline.disabled {
    pointer-events: none;
    opacity: 0.4;
}

.wr-subjects > span {
    margin-top: 16px;
}
.wr-subjects > span:first-child {
    margin-top: 0;
}

.wr-popup-info-item {
    -webkit-transition: background 0.2s;
    transition: background 0.2s;
}
.wr-popup-info-item .x-icon::before {
    -webkit-transition: background 0.2s;
    transition: background 0.2s;
}
.wr-popup-info-item:hover {
    background: var(--gray-border);
    -webkit-box-shadow: none;
            box-shadow: none;
}
.wr-popup-info-item:hover .x-icon::before {
    background: var(--dark-text);
}

.button-ghost {
    position: relative;
    isolation: isolate;
}
.button-ghost::before {
    border-radius: 100px;
    position: absolute;
    content: "";
    z-index: -1;
    left: -8px;
    width: 0;
    height: calc(100% + 8px);
    background: rgba(255, 255, 255, 0.25);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    opacity: 0;
}
.button-ghost:hover::before {
    opacity: 1;
    width: calc(100% + 20px);
}

.wr-course-lesson {
    -webkit-transition: -webkit-box-shadow 0.3s;
    transition: -webkit-box-shadow 0.3s;
    transition: box-shadow 0.3s;
    transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
}
.wr-course-lesson: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-subject-item {
    -webkit-transition: -webkit-box-shadow 0.3s;
    transition: -webkit-box-shadow 0.3s;
    transition: box-shadow 0.3s;
    transition: box-shadow 0.3s, -webkit-box-shadow 0.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-lesson-item {
    -webkit-transition: -webkit-filter 0.3s;
    transition: -webkit-filter 0.3s;
    transition: filter 0.3s;
    transition: filter 0.3s, -webkit-filter 0.3s;
}
.wr-lesson-item:hover {
    -webkit-filter: brightness(0.9);
            filter: brightness(0.9);
}

.wr-lesson-mode-content > .item {
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}
.wr-lesson-mode-content > .item > .x-icon::before {
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
.wr-lesson-mode-content > .item:hover {
    opacity: 1;
}
.wr-lesson-mode-content > .item:hover > .x-icon::before {
    background: #2052ff;
}
.wr-lesson-mode-content > .item.active:hover > .x-icon::before {
    background: linear-gradient(225deg, #2386FF 0%, #1F48FF 100%);
}

.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;
}

@media screen and (max-width: 1240px) {
    .wr-subjects > span {
        margin-top: 10px;
    }
    .wr-subjects > span:first-child {
        margin-top: 0;
    }
    .wr-subjects {
        gap: 6px;
    }
    .wr-links {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
}

.sub-d .wr-course-lesson .button-secondary > p {
    color: var(--global-sub-d-extra);
}
.sub-d .wr-course-lesson .button-secondary > .x-icon::before {
    background: var(--global-sub-d-extra);
}
.sub-d .wr-course-lesson .wr-course-lesson-current > span {
    color: var(--global-sub-d-extra);
}
.sub-d .wr-course-lesson .wr-course-lesson-current .wr-course-lesson-progress > svg > circle:last-child {
    stroke: var(--global-sub-d-extra);
}

.wr-course-lesson.done > .wr-course-lesson-current > .wr-course-lesson-progress {
    display: none;
}

.wr-league-dialog-head {
    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;
    gap: 12px;
}
.wr-league-dialog-head > img {
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    -o-object-position: center;
       object-position: center;
    -o-object-fit: contain;
       object-fit: contain;
}
.wr-league-dialog-head > p {
    color: var(--global-dark);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
}

.wr-league-dialog-content {
    width: 100%;
    padding-top: 24px;
    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;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.wr-league-dialog-content > img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    -o-object-position: center;
       object-position: center;
    -o-object-fit: contain;
       object-fit: contain;
    width: 140px;
    height: 170px;
}

.wr-league-dialog-info {
    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;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 24px;
}
.wr-league-dialog-info > span {
    color: var(--global-dark);
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.4px;
}

.wr-league-dialog-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;
    padding: 16px;
    border-radius: 12px;
    background: var(--global-white-op-50);
}
.wr-league-dialog-text > * {
    color: var(--global-dark);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
}

.wr-league-dialog-body {
    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;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.timeline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    padding: 4px 8px;
    border-radius: 24px;
    background: var(--global-white-op-50);
}
.timeline > span {
    color: var(--global-dark);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.wr-popup-content.off-effect::before {
    content: none;
}

.wr-popup-content {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.wr-popup-content.not-move {
    background-image: url(/source/img/not-move.jpg);
}
.wr-popup-content.advance {
    background-image: url(/source/img/advance-move.jpg);
}

@media screen and (max-width: 1240px) {
    .wr-league-dialog-head > img {
        height: 24px;
    }
    .wr-league-dialog-head > p {
        font-size: 12px;
    }
    .wr-league-dialog-content {
        padding-top: 16px;
        gap: 24px;
    }
    .wr-league-dialog-content > img {
        width: 120px;
        height: auto;
    }
    .wr-league-dialog-info {
        gap: 16px;
    }
    .wr-league-dialog-info > span {
        font-size: 16px;
        letter-spacing: -0.32px;
    }
    .wr-league-dialog-text {
        padding: 12px;
        border-radius: 8px;
    }
    .wr-league-dialog-text > * {
        font-size: 12px;
    }
    .timeline > span {
        font-size: 12px;
    }
    .wr-league-dialog-body {
        gap: 24px;
    }
}

.wr-course-status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    padding: 3px 8px;
    border-radius: 16px;
    opacity: 0.5;
    background: var(--global-white);
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    cursor: default;
}
.wr-course-status::before {
    position: relative;
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 12px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 6C11 8.76142 8.76142 11 6 11C3.23858 11 1 8.76142 1 6C1 3.23858 3.23858 1 6 1C8.76142 1 11 3.23858 11 6ZM6.0001 3.60001C5.77918 3.60001 5.6001 3.77909 5.6001 4.00001C5.6001 4.22092 5.77918 4.40001 6.0001 4.40001H6.0051C6.22601 4.40001 6.4051 4.22092 6.4051 4.00001C6.4051 3.77909 6.22601 3.60001 6.0051 3.60001H6.0001ZM6.4001 5.25001C6.4001 5.02909 6.22101 4.85001 6.0001 4.85001C5.77918 4.85001 5.6001 5.02909 5.6001 5.25001V8.00001C5.6001 8.22092 5.77918 8.40001 6.0001 8.40001C6.22101 8.40001 6.4001 8.22092 6.4001 8.00001V5.25001Z' fill='%23090A0B'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.wr-course-status > p {
    color: var(--global-dark);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}
.wr-course-status.done {
    opacity: 1;
    background: var(--global-green);
}
.wr-course-status.done::before {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 5.93715L4.59207 8.84148C4.63157 8.88574 4.70236 8.88624 4.74253 8.84255L10 3.125' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.wr-course-status.done > p {
    color: var(--global-white);
}

.wr-popup-task-progress {
    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-popup-task-progress > span {
    color: var(--dark-text);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}

.wr-popup-task-progress-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-popup-task-progress-text > p {
    color: var(--darkgray-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
}

.wr-list-check {
    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: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 4px;
    list-style: none;
}
.wr-list-check > .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    padding: 5px 16px;
    border-radius: 48px;
    background: var(--gray-bg-2);
    position: relative;
}
.wr-list-check > .item:hover {
    transform: scale(1.035);
    cursor: default;
}
.wr-list-check > .item::before {
    position: relative;
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.33203 8H12.6654' stroke='%23868F98' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.wr-list-check > .item > p {
    color: var(--gray-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}
.wr-list-check > .item.active {
    background: var(--accent-color-op-8);
}
.wr-list-check > .item.active::before {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.66797 7.91652L6.12407 11.789C6.17673 11.848 6.27111 11.8487 6.32468 11.7904L13.3346 4.16699' stroke='%230956FF' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.wr-list-check > .item.active > p {
    color: var(--accent-color);
}

@media screen and (max-width: 1240px) {
    .wr-course-status {
        padding: 3px 6px;
    }
    .wr-course-status > p {
        font-size: 12px;
    }
    .wr-popup-task-progress {
        gap: 12px;
    }
    .wr-popup-task-progress > span {
        font-size: 14px;
    }
    .wr-popup-task-progress-text {
        gap: 6px;
    }
    .wr-popup-task-progress-text > p {
        font-size: 12px;
    }
    .wr-list-check > .item {
        border-radius: 40px;
        gap: 6px;
        padding: 6px 12px;
    }
    .wr-list-check > .item > p {
        font-size: 12px;
    }
}

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

.wr-links.switch {
    padding: 3px;
    gap: 0;
    border-radius: 24px;
    background: var(--select-wrapper-bg);
}

.wr-purchase {
    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-purchase-head-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
}
.wr-purchase-head-info > p {
    color: var(--darkgray-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
}

.field-switch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.field-switch > input {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 24px;
    height: 24px;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='8' fill='%23E9EBEC'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.field-switch > input:checked {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='8' fill='%230956FF'/%3E%3Cpath d='M5.33203 11.8952L9.65215 16.7357C9.71799 16.8095 9.83596 16.8103 9.90292 16.7375L18.6654 7.20825' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.field-switch > p {
    color: var(--darkgray-text);
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
}

.wr-purchase-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 16px;
    padding: 12px 24px;
    padding-left: 32px;
    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-purchase-item {
    overflow: hidden;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
    padding: 24px;
    padding-left: 32px;
    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);
    isolation: isolate;
}
.wr-purchase-item.highlight > .wr-purchase-item-info::before {
    opacity: 0.16;
}
.wr-purchase-item > input {
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 24px;
    height: 24px;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    background: var(--gray-secondary-btn);
}
.wr-purchase-item > input::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    inset: 0;
    pointer-events: none;
}
.wr-purchase-item > input:checked {
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 0C20.4183 0 24 3.58172 24 8V16C24 20.4183 20.4183 24 16 24H8C3.58172 24 1.28855e-07 20.4183 0 16V8C0 3.58172 3.58172 1.28851e-07 8 0H16ZM19.3428 6.47168C18.9363 6.09857 18.3043 6.1251 17.9307 6.53125L9.78809 15.3848L6.0791 11.2295C5.71135 10.8178 5.07893 10.7809 4.66699 11.1484C4.25513 11.516 4.21964 12.1485 4.58691 12.5605L8.90723 17.4014C9.36707 17.9165 10.1729 17.9215 10.6396 17.4141L19.4023 7.88477C19.7761 7.47823 19.7493 6.8455 19.3428 6.47168Z' fill='%23D9D9D9'/%3E%3C/svg%3E%0A");
            mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 0C20.4183 0 24 3.58172 24 8V16C24 20.4183 20.4183 24 16 24H8C3.58172 24 1.28855e-07 20.4183 0 16V8C0 3.58172 3.58172 1.28851e-07 8 0H16ZM19.3428 6.47168C18.9363 6.09857 18.3043 6.1251 17.9307 6.53125L9.78809 15.3848L6.0791 11.2295C5.71135 10.8178 5.07893 10.7809 4.66699 11.1484C4.25513 11.516 4.21964 12.1485 4.58691 12.5605L8.90723 17.4014C9.36707 17.9165 10.1729 17.9215 10.6396 17.4141L19.4023 7.88477C19.7761 7.47823 19.7493 6.8455 19.3428 6.47168Z' fill='%23D9D9D9'/%3E%3C/svg%3E%0A");
    background: none;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-size: contain;
            mask-size: contain;
}
.wr-purchase-item::before {
    position: absolute;
    content: "";
    width: 8px;
    height: 100%;
    inset-block: 0;
    left: 0;
    pointer-events: none;
}

.wr-purchase-item-info {
    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: 8px;
}
.wr-purchase-item-info::before {
    z-index: -1;
    left: -36px;
    position: absolute;
    content: "";
    inset-block: 0;
    width: 80px;
    height: 100%;
    pointer-events: none;
    -webkit-filter: blur(32px);
            filter: blur(32px);
    opacity: 0;
}
.wr-purchase-item-info > p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 8px;
    color: var(--dark-text);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.4px;
}
.wr-purchase-item-info > p > span {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: normal;
}
.wr-purchase-item-info > span {
    color: var(--gray-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
}

.wr-purchase-content {
    display: -ms-grid;
    display: grid;
    gap: 12px;
    -ms-grid-columns: 1fr 4px 1fr;
    grid-template-columns: 1fr 1fr;
}

.wr-status {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    background: #000;
    border-radius: 100px;
    padding: 2px 8px;
    min-height: 20px;
    position: relative;
}
.wr-status > p {
    color: var(--global-white);
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 120%;
}
.wr-status.success {
    background: var(--global-green);
}
.wr-status.success::before {
    position: relative;
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 12px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2 5.93715L4.59207 8.84148C4.63157 8.88574 4.70236 8.88624 4.74253 8.84255L10 3.125' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.button-base:disabled, .button-base.disabled {
    cursor: not-allowed;
    opacity: 0.4;
}

.wr-purchase-item.sub-a::before {
    background: var(--global-sub-a-primary);
}
.wr-purchase-item.sub-a .wr-purchase-item-info::before {
    background: var(--global-sub-a-primary);
}
.wr-purchase-item.sub-a > .wr-purchase-check:checked::before {
    background: var(--global-sub-a-primary);
}

.wr-purchase-item.sub-e::before {
    background: var(--global-sub-e-primary);
}
.wr-purchase-item.sub-e .wr-purchase-item-info::before {
    background: var(--global-sub-e-primary);
}
.wr-purchase-item.sub-e > .wr-purchase-check:checked::before {
    background: var(--global-sub-e-primary);
}

.wr-purchase-item.sub-c::before {
    background: var(--global-sub-c-primary);
}
.wr-purchase-item.sub-c .wr-purchase-item-info::before {
    background: var(--global-sub-c-primary);
}
.wr-purchase-item.sub-c > .wr-purchase-check:checked::before {
    background: var(--global-sub-c-primary);
}

.wr-purchase-item.sub-f::before {
    background: var(--global-sub-f-primary);
}
.wr-purchase-item.sub-f .wr-purchase-item-info::before {
    background: var(--global-sub-f-primary);
}
.wr-purchase-item.sub-f > .wr-purchase-check:checked::before {
    background: var(--global-sub-f-primary);
}

.wr-purchase-item.sub-d::before {
    background: var(--global-sub-d-primary);
}
.wr-purchase-item.sub-d .wr-purchase-item-info::before {
    background: var(--global-sub-d-primary);
}
.wr-purchase-item.sub-d > .wr-purchase-check:checked::before {
    background: var(--global-sub-d-primary);
}

.wr-purchase-item.sub-b::before {
    background: var(--global-sub-b-primary);
}
.wr-purchase-item.sub-b .wr-purchase-item-info::before {
    background: var(--global-sub-b-primary);
}
.wr-purchase-item.sub-b > .wr-purchase-check:checked::before {
    background: var(--global-sub-b-primary);
}

@media screen and (max-width: 1240px) {
    .wr-purchase-item {
        border-radius: 20px;
        padding: 16px;
        padding-left: 24px;
        gap: 12px;
    }
    .wr-purchase-item-info {
        gap: 6px;
    }
    .wr-purchase-item-info > p {
        font-size: 16px;
        letter-spacing: -0.32px;
        gap: 6px;
    }
    .wr-purchase-item-info > p > span {
        white-space: nowrap;
        font-size: 14px;
        line-height: 140%;
        letter-spacing: normal;
    }
    .wr-purchase-item-info > span {
        font-size: 12px;
    }
    .wr-status {
        padding: 0 6px;
    }
    .wr-status > p {
        font-size: 11px;
    }
    .wr-purchase-head {
        border-radius: 20px;
        padding: 16px;
        padding-left: 24px;
        gap: 12px;
    }
    .field-switch {
        gap: 12px;
    }
    .field-switch > p {
        font-size: 14px;
    }
    .wr-purchase-head-info {
        gap: 12px;
    }
    .wr-purchase-head-info > p {
        font-size: 12px;
    }
    .wr-purchase {
        gap: 12px;
    }
    .wr-purchase-content {
        grid-template-columns: repeat(auto-fill, minmax(384px, 1fr));
    }
    .wr-row-start {
        gap: 12px;
        overflow-x: auto;
    }
    .wr-row-start::-webkit-scrollbar {
        width: 0px;
        height: 0px;
    }
    .wr-row-start > .wr-links {
        white-space: nowrap;
    }
    .wr-links.switch {
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    }
}
@media screen and (max-width: 768px) {
    .wr-purchase-head-info {
        width: 100%;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
    .wr-purchase-head > .field-switch > p {
        display: none;
    }
}
@media screen and (max-width: 468px) {
    .wr-purchase-content {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.wr-popup-content.demotion {
    background-image: url(/source/img/demotion-move.jpg);
}

.wr-league-dialog-text {
    width: 100%;
    text-align: center;
}

.timeline {
    position: relative;
    gap: 4px;
}
.timeline > * {
    opacity: 0.6;
}
.timeline::before {
    position: relative;
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 14px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.6'%3E%3Cpath d='M2.70552 12.6371L2.35815 13.3018L2.35815 13.3018L2.70552 12.6371ZM1.94074 11.8527L2.61242 11.519L2.61242 11.519L1.94074 11.8527ZM11.2945 12.6371L10.9471 11.9723L10.9471 11.9723L11.2945 12.6371ZM12.0593 11.8527L11.3876 11.519L11.3876 11.519L12.0593 11.8527ZM11.2945 2.25908L10.9471 2.92379L10.9471 2.92379L11.2945 2.25908ZM12.0593 3.04347L12.7309 2.70979L12.7309 2.70979L12.0593 3.04347ZM2.70552 2.25908L3.05289 2.92379L3.05289 2.92379L2.70552 2.25908ZM1.94074 3.04347L2.61242 3.37715L2.61242 3.37715L1.94074 3.04347ZM5.41667 1.16602C5.41667 0.751802 5.08088 0.416016 4.66667 0.416016C4.25245 0.416016 3.91667 0.751802 3.91667 1.16602H4.66667H5.41667ZM3.91667 2.96089C3.91667 3.3751 4.25245 3.71089 4.66667 3.71089C5.08088 3.71089 5.41667 3.3751 5.41667 2.96089H4.66667H3.91667ZM10.0833 1.16602C10.0833 0.751802 9.74755 0.416016 9.33333 0.416016C8.91912 0.416016 8.58333 0.751802 8.58333 1.16602H9.33333H10.0833ZM8.58333 2.96089C8.58333 3.3751 8.91912 3.71089 9.33333 3.71089C9.74755 3.71089 10.0833 3.3751 10.0833 2.96089H9.33333H8.58333ZM4.55 2.06345V2.81345H9.45V2.06345V1.31345H4.55V2.06345ZM9.45 12.8327V12.0827H4.55V12.8327V13.5827H9.45V12.8327ZM1.75 9.96089H2.5V5.0549H1.75H1V9.96089H1.75ZM1.75 5.0549H2.5V4.93525H1.75H1V5.0549H1.75ZM12.25 4.93525H11.5V5.0549H12.25H13V4.93525H12.25ZM12.25 5.0549H11.5V9.96089H12.25H13V5.0549H12.25ZM1.75 5.0549V5.8049H12.25V5.0549V4.3049H1.75V5.0549ZM4.55 12.8327V12.0827C4.04726 12.0827 3.71647 12.0821 3.46323 12.0608C3.21933 12.0404 3.11505 12.0048 3.05289 11.9723L2.70552 12.6371L2.35815 13.3018C2.67033 13.4649 2.99825 13.5271 3.33797 13.5556C3.66837 13.5833 4.07264 13.5827 4.55 13.5827V12.8327ZM1.75 9.96089H1C1 10.4514 0.999445 10.8633 1.02621 11.1993C1.05363 11.5435 1.11325 11.8727 1.26906 12.1863L1.94074 11.8527L2.61242 11.519C2.57749 11.4487 2.54174 11.3346 2.52147 11.0802C2.50055 10.8176 2.5 10.4756 2.5 9.96089H1.75ZM2.70552 12.6371L3.05289 11.9723C2.86618 11.8748 2.71088 11.7172 2.61242 11.519L1.94074 11.8527L1.26906 12.1863C1.50615 12.6636 1.88628 13.0552 2.35815 13.3018L2.70552 12.6371ZM9.45 12.8327V13.5827C9.92736 13.5827 10.3316 13.5833 10.662 13.5556C11.0018 13.5271 11.3297 13.4649 11.6419 13.3018L11.2945 12.6371L10.9471 11.9723C10.8849 12.0048 10.7807 12.0404 10.5368 12.0608C10.2835 12.0821 9.95274 12.0827 9.45 12.0827V12.8327ZM12.25 9.96089H11.5C11.5 10.4756 11.4994 10.8176 11.4785 11.0802C11.4583 11.3346 11.4225 11.4487 11.3876 11.519L12.0593 11.8527L12.7309 12.1863C12.8867 11.8727 12.9464 11.5435 12.9738 11.1993C13.0006 10.8633 13 10.4514 13 9.96089H12.25ZM11.2945 12.6371L11.6419 13.3018C12.1137 13.0552 12.4938 12.6636 12.7309 12.1863L12.0593 11.8527L11.3876 11.519C11.2891 11.7172 11.1338 11.8748 10.9471 11.9723L11.2945 12.6371ZM9.45 2.06345V2.81345C9.95274 2.81345 10.2835 2.81406 10.5368 2.83529C10.7807 2.85572 10.8849 2.8913 10.9471 2.92379L11.2945 2.25908L11.6419 1.59437C11.3297 1.43123 11.0018 1.36899 10.662 1.34052C10.3316 1.31284 9.92736 1.31345 9.45 1.31345V2.06345ZM12.25 4.93525H13C13 4.4447 13.0006 4.03281 12.9738 3.69682C12.9464 3.35261 12.8867 3.02341 12.7309 2.70979L12.0593 3.04347L11.3876 3.37715C11.4225 3.44747 11.4583 3.56154 11.4785 3.81593C11.4994 4.07854 11.5 4.42057 11.5 4.93525H12.25ZM11.2945 2.25908L10.9471 2.92379C11.1338 3.02136 11.2891 3.17895 11.3876 3.37715L12.0593 3.04347L12.7309 2.70979C12.4938 2.23253 12.1137 1.84097 11.6419 1.59437L11.2945 2.25908ZM4.55 2.06345V1.31345C4.07264 1.31345 3.66837 1.31284 3.33797 1.34052C2.99825 1.36899 2.67033 1.43123 2.35815 1.59437L2.70552 2.25908L3.05289 2.92379C3.11505 2.8913 3.21933 2.85572 3.46323 2.83529C3.71647 2.81406 4.04726 2.81345 4.55 2.81345V2.06345ZM1.75 4.93525H2.5C2.5 4.42057 2.50055 4.07854 2.52147 3.81593C2.54174 3.56154 2.57749 3.44747 2.61242 3.37715L1.94074 3.04347L1.26906 2.70979C1.11325 3.02341 1.05363 3.35261 1.02621 3.69682C0.999445 4.03281 1 4.4447 1 4.93525H1.75ZM2.70552 2.25908L2.35815 1.59437C1.88628 1.84097 1.50615 2.23253 1.26906 2.70979L1.94074 3.04347L2.61242 3.37715C2.71088 3.17895 2.86618 3.02136 3.05289 2.92379L2.70552 2.25908ZM4.66667 1.16602H3.91667V2.96089H4.66667H5.41667V1.16602H4.66667ZM9.33333 1.16602H8.58333V2.96089H9.33333H10.0833V1.16602H9.33333Z' fill='%23090A0B'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.league-join-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 58px;
}
.league-join-image > img {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -o-object-position: left center;
       object-position: left center;
    -o-object-fit: contain;
       object-fit: contain;
}

@media screen and (max-width: 1240px) {
    .timeline {
        padding: 4px 6px;
    }
}

.wr-league-dialog-share {
    padding: 24px 0;
    padding-bottom: 40px;
    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;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 24px;
}
.wr-league-dialog-share > span {
    color: var(--global-dark);
    text-align: center;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.52px;
}
.wr-league-dialog-share > img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 140px;
    -o-object-position: center;
       object-position: center;
    -o-object-fit: contain;
       object-fit: contain;
}

.wr-league-dialog-share-text {
    padding-bottom: 24px;
    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;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
}
.wr-league-dialog-share-text > span {
    color: var(--global-dark);
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.4px;
}
.wr-league-dialog-share-text > p {
    color: var(--global-dark);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}

.wr-popup-content.league-share {
    background-image: url(/source/img/league-share.jpg);
}
.wr-popup-content.league-share-top {
    background-image: url(/source/img/league-share-top.jpg);
}
.wr-popup-content.xm {
    padding-bottom: 16px;
}

.timeline.light {
    background: var(--global-white-op-8);
}
.timeline.light > * {
    opacity: 1;
}
.timeline.light > span {
    color: var(--global-white);
}
.timeline.light::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M2.70552 12.6371L2.35815 13.3018H2.35815L2.70552 12.6371ZM1.94074 11.8527L2.61242 11.519L2.61242 11.519L1.94074 11.8527ZM11.2945 12.6371L10.9471 11.9723L10.9471 11.9723L11.2945 12.6371ZM12.0593 11.8527L11.3876 11.519V11.519L12.0593 11.8527ZM11.2945 2.25908L10.9471 2.92379L10.9471 2.92379L11.2945 2.25908ZM12.0593 3.04347L12.7309 2.70979V2.70979L12.0593 3.04347ZM2.70552 2.25908L3.05289 2.92379V2.92379L2.70552 2.25908ZM1.94074 3.04347L2.61242 3.37715L1.94074 3.04347ZM5.41667 1.16602C5.41667 0.751802 5.08088 0.416016 4.66667 0.416016C4.25245 0.416016 3.91667 0.751802 3.91667 1.16602H4.66667H5.41667ZM3.91667 2.96089C3.91667 3.3751 4.25245 3.71089 4.66667 3.71089C5.08088 3.71089 5.41667 3.3751 5.41667 2.96089H4.66667H3.91667ZM10.0833 1.16602C10.0833 0.751802 9.74755 0.416016 9.33333 0.416016C8.91912 0.416016 8.58333 0.751802 8.58333 1.16602H9.33333H10.0833ZM8.58333 2.96089C8.58333 3.3751 8.91912 3.71089 9.33333 3.71089C9.74755 3.71089 10.0833 3.3751 10.0833 2.96089H9.33333H8.58333ZM4.55 2.06345V2.81345H9.45V2.06345V1.31345H4.55V2.06345ZM9.45 12.8327V12.0827H4.55V12.8327V13.5827H9.45V12.8327ZM1.75 9.96089H2.5V5.0549H1.75H1V9.96089H1.75ZM1.75 5.0549H2.5V4.93525H1.75H1V5.0549H1.75ZM12.25 4.93525H11.5V5.0549H12.25H13V4.93525H12.25ZM12.25 5.0549H11.5V9.96089H12.25H13V5.0549H12.25ZM1.75 5.0549V5.8049H12.25V5.0549V4.3049H1.75V5.0549ZM4.55 12.8327V12.0827C4.04726 12.0827 3.71647 12.0821 3.46323 12.0608C3.21933 12.0404 3.11505 12.0048 3.05289 11.9723L2.70552 12.6371L2.35815 13.3018C2.67033 13.4649 2.99825 13.5271 3.33797 13.5556C3.66837 13.5833 4.07264 13.5827 4.55 13.5827V12.8327ZM1.75 9.96089H1C1 10.4514 0.999445 10.8633 1.02621 11.1993C1.05363 11.5435 1.11325 11.8727 1.26906 12.1863L1.94074 11.8527L2.61242 11.519C2.57749 11.4487 2.54174 11.3346 2.52147 11.0802C2.50055 10.8176 2.5 10.4756 2.5 9.96089H1.75ZM2.70552 12.6371L3.05289 11.9723C2.86618 11.8748 2.71088 11.7172 2.61242 11.519L1.94074 11.8527L1.26906 12.1863C1.50615 12.6636 1.88628 13.0552 2.35815 13.3018L2.70552 12.6371ZM9.45 12.8327V13.5827C9.92736 13.5827 10.3316 13.5833 10.662 13.5556C11.0018 13.5271 11.3297 13.4649 11.6419 13.3018L11.2945 12.6371L10.9471 11.9723C10.8849 12.0048 10.7807 12.0404 10.5368 12.0608C10.2835 12.0821 9.95273 12.0827 9.45 12.0827V12.8327ZM12.25 9.96089H11.5C11.5 10.4756 11.4994 10.8176 11.4785 11.0802C11.4583 11.3346 11.4225 11.4487 11.3876 11.519L12.0593 11.8527L12.7309 12.1863C12.8867 11.8727 12.9464 11.5435 12.9738 11.1993C13.0006 10.8633 13 10.4514 13 9.96089H12.25ZM11.2945 12.6371L11.6419 13.3018C12.1137 13.0552 12.4938 12.6636 12.7309 12.1863L12.0593 11.8527L11.3876 11.519C11.2891 11.7172 11.1338 11.8748 10.9471 11.9723L11.2945 12.6371ZM9.45 2.06345V2.81345C9.95273 2.81345 10.2835 2.81406 10.5368 2.83529C10.7807 2.85572 10.8849 2.8913 10.9471 2.92379L11.2945 2.25908L11.6419 1.59437C11.3297 1.43123 11.0018 1.36899 10.662 1.34052C10.3316 1.31284 9.92736 1.31345 9.45 1.31345V2.06345ZM12.25 4.93525H13C13 4.4447 13.0006 4.03281 12.9738 3.69682C12.9464 3.35261 12.8867 3.02341 12.7309 2.70979L12.0593 3.04347L11.3876 3.37715C11.4225 3.44747 11.4583 3.56154 11.4785 3.81593C11.4994 4.07854 11.5 4.42057 11.5 4.93525H12.25ZM11.2945 2.25908L10.9471 2.92379C11.1338 3.02136 11.2891 3.17895 11.3876 3.37715L12.0593 3.04347L12.7309 2.70979C12.4938 2.23253 12.1137 1.84097 11.6419 1.59437L11.2945 2.25908ZM4.55 2.06345V1.31345C4.07264 1.31345 3.66837 1.31284 3.33797 1.34052C2.99825 1.36899 2.67033 1.43123 2.35815 1.59437L2.70552 2.25908L3.05289 2.92379C3.11505 2.8913 3.21933 2.85572 3.46323 2.83529C3.71647 2.81406 4.04726 2.81345 4.55 2.81345V2.06345ZM1.75 4.93525H2.5C2.5 4.42057 2.50055 4.07854 2.52147 3.81593C2.54174 3.56154 2.57749 3.44747 2.61242 3.37715L1.94074 3.04347L1.26906 2.70979C1.11325 3.02341 1.05363 3.35261 1.02621 3.69682C0.999445 4.03281 1 4.4447 1 4.93525H1.75ZM2.70552 2.25908L2.35815 1.59437C1.88628 1.84097 1.50615 2.23253 1.26906 2.70979L1.94074 3.04347L2.61242 3.37715C2.71088 3.17895 2.86618 3.02136 3.05289 2.92379L2.70552 2.25908ZM4.66667 1.16602H3.91667V2.96089H4.66667H5.41667V1.16602H4.66667ZM9.33333 1.16602H8.58333V2.96089H9.33333H10.0833V1.16602H9.33333Z' fill='white'/%3E%3C/svg%3E");
}

@media screen and (max-width: 1240px) {
    .wr-league-dialog-share {
        padding: 16px 0;
        padding-bottom: 28px;
        gap: 16px;
    }
    .wr-league-dialog-share > span {
        font-size: 18px;
        letter-spacing: -0.36px;
    }
    .wr-league-dialog-share > img {
        width: 120px;
    }
    .wr-league-dialog-share-text {
        padding-bottom: 16px;
        gap: 6px;
    }
    .wr-league-dialog-share-text > span {
        font-size: 16px;
        letter-spacing: -0.32px;
    }
    .wr-league-dialog-share-text > p {
        font-size: 14px;
    }
    .wr-popup-content.xm {
        padding-bottom: 12px;
    }
}

.league-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}

.xi-share {
    -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='M7.27944 8.33268C6.82167 7.82122 6.15643 7.49935 5.41602 7.49935C4.0353 7.49935 2.91602 8.61864 2.91602 9.99935C2.91602 11.3801 4.0353 12.4993 5.41602 12.4993C6.15643 12.4993 6.82167 12.1775 7.27944 11.666M7.27944 8.33268C7.6753 8.77498 7.91602 9.35905 7.91602 9.99935C7.91602 10.6396 7.6753 11.2237 7.27944 11.666M7.27944 8.33268L12.2249 4.99935M7.27944 11.666L12.2249 14.9993M12.2249 14.9993C12.1328 15.26 12.0827 15.5405 12.0827 15.8327C12.0827 17.2134 13.202 18.3327 14.5827 18.3327C15.9634 18.3327 17.0827 17.2134 17.0827 15.8327C17.0827 14.452 15.9634 13.3327 14.5827 13.3327C13.4942 13.3327 12.5681 14.0284 12.2249 14.9993ZM12.2249 4.99935C12.1328 4.7387 12.0827 4.45821 12.0827 4.16602C12.0827 2.7853 13.202 1.66602 14.5827 1.66602C15.9634 1.66602 17.0827 2.7853 17.0827 4.16602C17.0827 5.54673 15.9634 6.66602 14.5827 6.66602C13.4942 6.66602 12.5681 5.97034 12.2249 4.99935Z' stroke='%232F3337' 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='M7.27944 8.33268C6.82167 7.82122 6.15643 7.49935 5.41602 7.49935C4.0353 7.49935 2.91602 8.61864 2.91602 9.99935C2.91602 11.3801 4.0353 12.4993 5.41602 12.4993C6.15643 12.4993 6.82167 12.1775 7.27944 11.666M7.27944 8.33268C7.6753 8.77498 7.91602 9.35905 7.91602 9.99935C7.91602 10.6396 7.6753 11.2237 7.27944 11.666M7.27944 8.33268L12.2249 4.99935M7.27944 11.666L12.2249 14.9993M12.2249 14.9993C12.1328 15.26 12.0827 15.5405 12.0827 15.8327C12.0827 17.2134 13.202 18.3327 14.5827 18.3327C15.9634 18.3327 17.0827 17.2134 17.0827 15.8327C17.0827 14.452 15.9634 13.3327 14.5827 13.3327C13.4942 13.3327 12.5681 14.0284 12.2249 14.9993ZM12.2249 4.99935C12.1328 4.7387 12.0827 4.45821 12.0827 4.16602C12.0827 2.7853 13.202 1.66602 14.5827 1.66602C15.9634 1.66602 17.0827 2.7853 17.0827 4.16602C17.0827 5.54673 15.9634 6.66602 14.5827 6.66602C13.4942 6.66602 12.5681 5.97034 12.2249 4.99935Z' stroke='%232F3337' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

.wr-purchase-item-info > p > span {
    white-space: nowrap;
}

.wr-payment-info-top {
    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-payment-info-top > span {
    color: var(--dark-text);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.4px;
}

.wr-payment-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
    position: relative;
    overflow: hidden;
    padding: 16px;
    padding-left: 24px;
    border-radius: 12px;
}
.wr-payment-item::before {
    position: absolute;
    content: "";
    width: 8px;
    height: 100%;
    inset-block: 0;
    left: 0;
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.wr-payment-item > img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    border-radius: 100px;
    width: 48px;
    height: 48px;
    -o-object-position: center;
       object-position: center;
    -o-object-fit: cover;
       object-fit: cover;
}

.wr-payment-item-info {
    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: 4px;
}
.wr-payment-item-info > span {
    overflow: hidden;
    color: var(--darkgray-text);
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}
.wr-payment-item-info > p {
    color: var(--dark-text);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}

.wr-payment-list {
    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-list {
    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-list > .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    list-style: none;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.wr-list > .item > span {
    overflow: hidden;
    color: var(--darkgray-text);
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
}
.wr-list > .item > p {
    overflow: hidden;
    color: var(--darkgray-text);
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.wr-space {
    width: 100%;
    height: 1px;
    background: var(--gray-bg-2);
}

.wr-payment-info-bottom {
    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: end;
        -ms-flex-align: end;
            align-items: flex-end;
    gap: 4px;
}
.wr-payment-info-bottom > span {
    overflow: hidden;
    color: var(--gray-text);
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
}
.wr-payment-info-bottom > p {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    overflow: hidden;
    color: var(--darkgray-text);
    text-overflow: ellipsis;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}
.wr-payment-info-bottom > p > span {
    color: var(--darkgray-text);
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.52px;
}

.wr-payment-content {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 16px 424px;
    grid-template-columns: 1fr 424px;
    gap: 16px;
}

.wr-payment-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 24px;
    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-payment-info {
    padding: 24px;
    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;
    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-payment-form-methods {
    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-payment-form-methods > .item {
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    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;
    height: 40px;
    border-radius: 4px;
    background: #000;
    gap: 12px;
}

.icon-pay {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
}

.wr-payment-form-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.wr-payment-item.sub-a {
    background: var(--global-sub-a-secondary);
}
.wr-payment-item.sub-a::before {
    background: var(--global-sub-a-primary);
}

.wr-payment-item.sub-e {
    background: var(--global-sub-e-secondary);
}
.wr-payment-item.sub-e::before {
    background: var(--global-sub-e-primary);
}

.wr-payment-item.sub-c {
    background: var(--global-sub-c-secondary);
}
.wr-payment-item.sub-c::before {
    background: var(--global-sub-c-primary);
}

.wr-payment-item.sub-f {
    background: var(--global-sub-f-secondary);
}
.wr-payment-item.sub-f::before {
    background: var(--global-sub-f-primary);
}

.wr-payment-item.sub-d {
    background: var(--global-sub-d-secondary);
}
.wr-payment-item.sub-d::before {
    background: var(--global-sub-d-primary);
}

.wr-payment-item.sub-b {
    background: var(--global-sub-b-secondary);
}
.wr-payment-item.sub-b::before {
    background: var(--global-sub-b-primary);
}

@media screen and (max-width: 1240px) {
    .wr-payment-info-top {
        gap: 12px;
    }
    .wr-payment-info-top > span {
        font-size: 16px;
        letter-spacing: -0.32px;
    }
    .wr-list {
        gap: 12px;
    }
    .wr-list > .item {
        gap: 6px;
    }
    .wr-list > .item > p {
        font-size: 12px;
    }
    .wr-list > .item > span {
        font-size: 12px;
    }
    .wr-payment-info {
        gap: 12px;
    }
    .wr-payment-info-bottom > p {
        font-size: 14px;
    }
    .wr-payment-info-bottom > p > span {
        font-size: 18px;
        letter-spacing: -0.36px;
    }
    .wr-payment-info-bottom > span {
        font-size: 12px;
    }
    .wr-payment-item-info {
        gap: 4px;
    }
    .wr-payment-item-info > span {
        font-size: 12px;
    }
    .wr-payment-item-info > p {
        font-size: 14px;
    }
    .wr-payment-item {
        border-radius: 8px;
        padding: 12px;
        padding-left: 16px;
        gap: 12px;
    }
    .wr-payment-item > img {
        width: 40px;
        height: 40px;
    }
    .wr-payment-list {
        gap: 6px;
    }
    .wr-payment-info {
        padding: 16px;
        border-radius: 20px;
    }
    .wr-payment-content {
        gap: 12px;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .wr-payment-form {
        border-radius: 20px;
    }
}

.wr-payment-form > .pay-content {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
}
.wr-payment-form > .pay-content > .item {
    padding: 0;
    border: none;
    border-radius: 0;
    background: none;
}

.wr-payment-info {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}

.wr-links > .item > small {
    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;
    color: var(--global-white);
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    padding: 0px 4px;
    height: 20px;
    border-radius: 12px;
    background: var(--global-dark);
}
.wr-links > .item > small.danger {
    background: var(--global-red);
}

.wr-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 16px;
}
.wr-row.end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

.wr-head-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-head-text > span {
    color: var(--dark-text);
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.64px;
}
.wr-head-text > p {
    color: var(--darkgray-text);
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
    max-width: 676px;
    width: 100%;
}

.wr-head-progress {
    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-progress {
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    border-radius: 10px;
    height: 5px;
    background: var(--gray-border);
}
.wr-progress > span {
    position: absolute;
    inset-block: 0;
    left: 0;
    border-radius: 0 10px 10px 0;
    background: var(--accent-color);
}

.wr-buy-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: 24px;
}

.wr-purchase-teacher {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
}
.wr-purchase-teacher > img {
    width: 20px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    -o-object-position: center;
       object-position: center;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 100px;
}
.wr-purchase-teacher > p {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.wr-purchase-bonus {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 24px;
    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);
}

.bonus-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: 4px;
    padding: 0 4px;
}
.bonus-info-text > span {
    color: var(--dark-text);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}
.bonus-info-text > p {
    color: var(--darkgray-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
}

.bonus-info {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
}
.bonus-info > .icon {
    width: 48px;
    height: 48px;
}

.i-bonus {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none'%3E%3Cpath d='M20.6704 1.90208C21.0836 1.40263 21.2902 1.1529 21.4819 0.977649C22.9076 -0.325883 25.0924 -0.325883 26.5181 0.977649C26.7098 1.1529 26.9164 1.40263 27.3296 1.90208C27.5851 2.21091 27.7128 2.36533 27.8422 2.49377C28.7817 3.42699 30.1454 3.7924 31.4257 3.45398C31.6019 3.4074 31.7898 3.33755 32.1654 3.19784C32.773 2.9719 33.0768 2.85893 33.3304 2.803C35.2169 2.38696 37.109 3.47938 37.6919 5.32113C37.7703 5.56873 37.8244 5.8883 37.9325 6.52745C37.9993 6.92265 38.0328 7.12025 38.0805 7.29614C38.4276 8.5741 39.4259 9.57242 40.7039 9.91947C40.8798 9.96724 41.0774 10.0007 41.4726 10.0675C42.1117 10.1756 42.4313 10.2297 42.6789 10.3081C44.5206 10.891 45.613 12.7831 45.197 14.6696C45.1411 14.9232 45.0281 15.227 44.8022 15.8346C44.6625 16.2102 44.5926 16.3981 44.546 16.5743C44.2076 17.8546 44.573 19.2183 45.5062 20.1578C45.6347 20.2872 45.7891 20.4149 46.0979 20.6704C46.5974 21.0836 46.8471 21.2902 47.0224 21.4819C48.3259 22.9076 48.3259 25.0924 47.0224 26.5181C46.8471 26.7098 46.5974 26.9164 46.0979 27.3296C45.7891 27.5851 45.6347 27.7128 45.5062 27.8422C44.573 28.7817 44.2076 30.1454 44.546 31.4257C44.5926 31.6019 44.6625 31.7898 44.8022 32.1654C45.0281 32.773 45.1411 33.0768 45.197 33.3304C45.613 35.2169 44.5206 37.109 42.6789 37.6919C42.4313 37.7703 42.1117 37.8244 41.4726 37.9325C41.0774 37.9993 40.8798 38.0328 40.7039 38.0805C39.4259 38.4276 38.4276 39.4259 38.0805 40.7039C38.0328 40.8798 37.9993 41.0774 37.9325 41.4726C37.8244 42.1117 37.7703 42.4313 37.6919 42.6789C37.109 44.5206 35.2169 45.613 33.3304 45.197C33.0768 45.1411 32.773 45.0281 32.1654 44.8022C31.7898 44.6625 31.6019 44.5926 31.4257 44.546C30.1454 44.2076 28.7817 44.573 27.8422 45.5062C27.7128 45.6347 27.5851 45.7891 27.3296 46.0979C26.9164 46.5974 26.7098 46.8471 26.5181 47.0224C25.0924 48.3259 22.9076 48.3259 21.4819 47.0224C21.2902 46.8471 21.0836 46.5974 20.6704 46.0979C20.4149 45.7891 20.2872 45.6347 20.1578 45.5062C19.2183 44.573 17.8546 44.2076 16.5743 44.546C16.3981 44.5926 16.2102 44.6625 15.8346 44.8022C15.227 45.0281 14.9232 45.1411 14.6696 45.197C12.7831 45.613 10.891 44.5206 10.3081 42.6789C10.2297 42.4313 10.1756 42.1117 10.0675 41.4726C10.0007 41.0774 9.96724 40.8798 9.91947 40.7039C9.57242 39.4259 8.5741 38.4276 7.29614 38.0805C7.12025 38.0328 6.92265 37.9993 6.52745 37.9325C5.8883 37.8244 5.56873 37.7703 5.32113 37.6919C3.47938 37.109 2.38696 35.2169 2.803 33.3304C2.85893 33.0768 2.9719 32.773 3.19784 32.1654C3.33755 31.7898 3.4074 31.6019 3.45398 31.4257C3.7924 30.1454 3.42699 28.7817 2.49377 27.8422C2.36533 27.7128 2.21091 27.5851 1.90208 27.3296C1.40263 26.9164 1.1529 26.7098 0.977649 26.5181C-0.325883 25.0924 -0.325883 22.9076 0.977649 21.4819C1.1529 21.2902 1.40263 21.0836 1.90208 20.6704C2.21091 20.4149 2.36533 20.2871 2.49377 20.1578C3.42699 19.2183 3.7924 17.8546 3.45398 16.5743C3.4074 16.3981 3.33755 16.2102 3.19784 15.8346C2.9719 15.227 2.85893 14.9232 2.803 14.6696C2.38696 12.7831 3.47938 10.891 5.32113 10.3081C5.56873 10.2297 5.8883 10.1756 6.52744 10.0675C6.92265 10.0007 7.12025 9.96724 7.29614 9.91947C8.5741 9.57242 9.57242 8.5741 9.91947 7.29614C9.96724 7.12025 10.0007 6.92265 10.0675 6.52744C10.1756 5.8883 10.2297 5.56873 10.3081 5.32113C10.891 3.47938 12.7831 2.38696 14.6696 2.803C14.9232 2.85893 15.227 2.9719 15.8346 3.19784C16.2102 3.33755 16.3981 3.4074 16.5743 3.45398C17.8546 3.7924 19.2183 3.42699 20.1578 2.49377C20.2871 2.36533 20.4149 2.21091 20.6704 1.90208Z' fill='%2317B94B' fill-opacity='0.08'/%3E%3Cpath d='M19.9768 33.5676L17.9748 32.3846L28.0368 14.4316L30.0258 15.5496L19.9768 33.5676ZM16.3758 24.7146C15.4138 24.7146 14.5428 24.4893 13.7628 24.0386C12.9915 23.588 12.3718 22.9813 11.9038 22.2186C11.4445 21.456 11.2148 20.6023 11.2148 19.6576C11.2148 18.7303 11.4445 17.8853 11.9038 17.1226C12.3718 16.36 12.9915 15.7576 13.7628 15.3156C14.5428 14.865 15.4138 14.6396 16.3758 14.6396C17.3292 14.6396 18.1915 14.865 18.9628 15.3156C19.7428 15.7576 20.3582 16.36 20.8088 17.1226C21.2682 17.8853 21.4978 18.7303 21.4978 19.6576C21.4978 20.5936 21.2682 21.4473 20.8088 22.2186C20.3582 22.9813 19.7428 23.588 18.9628 24.0386C18.1915 24.4893 17.3292 24.7146 16.3758 24.7146ZM16.3758 22.2446C16.8785 22.2446 17.3205 22.1363 17.7018 21.9196C18.0918 21.6943 18.3952 21.3866 18.6118 20.9966C18.8285 20.6066 18.9368 20.1603 18.9368 19.6576C18.9368 18.9036 18.6985 18.2926 18.2218 17.8246C17.7538 17.348 17.1385 17.1096 16.3758 17.1096C15.8645 17.1096 15.4138 17.218 15.0238 17.4346C14.6425 17.6513 14.3435 17.9546 14.1268 18.3446C13.9102 18.726 13.8018 19.1636 13.8018 19.6576C13.8018 20.4203 14.0402 21.0443 14.5168 21.5296C15.0022 22.0063 15.6218 22.2446 16.3758 22.2446ZM31.6638 33.3596C30.7018 33.3596 29.8308 33.1343 29.0508 32.6836C28.2795 32.233 27.6598 31.6263 27.1918 30.8636C26.7325 30.0923 26.5028 29.2386 26.5028 28.3026C26.5028 27.3753 26.7325 26.5303 27.1918 25.7676C27.6598 25.005 28.2795 24.4026 29.0508 23.9606C29.8308 23.51 30.7018 23.2846 31.6638 23.2846C32.6172 23.2846 33.4795 23.51 34.2508 23.9606C35.0308 24.4026 35.6462 25.005 36.0968 25.7676C36.5562 26.5303 36.7858 27.3753 36.7858 28.3026C36.7858 29.2386 36.5562 30.0923 36.0968 30.8636C35.6462 31.6263 35.0308 32.233 34.2508 32.6836C33.4795 33.1343 32.6172 33.3596 31.6638 33.3596ZM31.6638 30.8896C32.1578 30.8896 32.5998 30.7813 32.9898 30.5646C33.3798 30.3393 33.6832 30.0316 33.8998 29.6416C34.1165 29.2516 34.2248 28.8053 34.2248 28.3026C34.2248 27.5486 33.9865 26.9376 33.5098 26.4696C33.0332 25.993 32.4178 25.7546 31.6638 25.7546C31.1525 25.7546 30.7018 25.863 30.3118 26.0796C29.9305 26.2876 29.6315 26.5866 29.4148 26.9766C29.1982 27.358 29.0898 27.8 29.0898 28.3026C29.0898 29.0566 29.3282 29.6763 29.8048 30.1616C30.2815 30.647 30.9012 30.8896 31.6638 30.8896Z' fill='%2317B94B'/%3E%3C/svg%3E");
}

.bonus-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2px;
    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);
    overflow: hidden;
}
.bonus-items > .item {
    height: 48px;
    padding: 0 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    border-radius: 4px;
    background: var(--gray-bg-2);
}
.bonus-items > .item:first-child {
    padding-left: 16px;
}
.bonus-items > .item.active {
    background: var(--accent-color);
}
.bonus-items > .item.active > span {
    background: var(--global-white-op-8);
    color: var(--global-white);
}
.bonus-items > .item.active > p {
    color: var(--global-white);
}
.bonus-items > .item > span {
    width: 28px;
    height: 28px;
    border-radius: 100px;
    background: var(--white-bg);
    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;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    color: var(--gray-text);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}
.bonus-items > .item > p {
    color: var(--darkgray-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.wr-purchase-item.sub-a .wr-purchase-teacher > p {
    color: var(--global-sub-a-primary);
}

.wr-purchase-item.sub-e .wr-purchase-teacher > p {
    color: var(--global-sub-e-primary);
}

.wr-purchase-item.sub-c .wr-purchase-teacher > p {
    color: var(--global-sub-c-primary);
}

.wr-purchase-item.sub-f .wr-purchase-teacher > p {
    color: var(--global-sub-f-primary);
}

.wr-purchase-item.sub-d .wr-purchase-teacher > p {
    color: var(--global-sub-d-extra);
}

.wr-purchase-item.sub-b .wr-purchase-teacher > p {
    color: var(--global-sub-b-primary);
}

@media screen and (max-width: 1240px) {
    .wr-buy-content {
        gap: 16px;
    }
    .wr-purchase-bonus {
        padding: 16px;
        border-radius: 20px;
        gap: 12px;
    }
    .bonus-info-text > span {
        font-size: 14px;
    }
    .bonus-info-text > p {
        font-size: 12px;
    }
    .bonus-info {
        gap: 6px;
    }
    .bonus-info > .icon {
        width: 40px;
        height: 40px;
    }
    .bonus-items > .item {
        height: auto;
        padding: 10px 12px;
        gap: 6px;
    }
    .bonus-items > .item > span {
        width: 24px;
        height: 24px;
        font-size: 14px;
    }
    .bonus-items > .item > p {
        font-size: 12px;
    }
    .wr-head-text {
        gap: 6px;
    }
    .wr-head-text > span {
        font-size: 20px;
        letter-spacing: -0.4px;
    }
    .wr-head-text > p {
        font-size: 14px;
    }
    .wr-head-progress {
        gap: 16px;
    }
}
@media screen and (max-width: 1024px) {
    .wr-purchase-bonus {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }
    .bonus-info {
        width: 100%;
    }
    .bonus-items {
        width: 100%;
    }
    .bonus-items > .item {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
}
@media screen and (max-width: 576px) {
    .wr-row.end {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 12px;
    }
    .wr-row.end > .wr-links > .button {
        width: 100%;
    }
    .wr-row.end > .wr-links > .item {
        width: 100%;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
}

.test-content-order {
    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: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 12px;
}
.test-content-order > .new-test-items {
    width: 100%;
}
.test-content-order.active > .set-order {
    border: 2px solid rgb(5, 131, 242);
}

.set-order {
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    height: 36px;
    padding: 0px 16px;
    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;
    border-radius: 24px;
    border: 2px solid rgba(5, 131, 242, 0);
    background: rgba(5, 131, 242, 0.12);
}
.set-order > p {
    white-space: nowrap;
    color: #0583F2;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.course-test-order {
    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;
}

.course-test-head {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(34px, 1fr));
    grid-gap: 6px;
}
.course-test-head > .item {
    border-radius: 8px;
    background-color: rgba(5, 131, 242, 0.07);
    height: 34px;
    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;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.course-test-head > .item > p {
    color: var(--dark-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}
.course-test-head > .item.active {
    background: var(--accent-color);
}
.course-test-head > .item.active > p {
    color: var(--global-white);
}

.course-test-body > .item {
    display: none;
}
.course-test-body > .item.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.course-test-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.course-test-content > * {
    color: var(--dark-text);
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
}

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

.xi-settings {
    -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='M8.79719 1.99104C9.54149 1.55897 10.4585 1.55898 11.2028 1.99104L16.2972 4.94833C17.0415 5.3804 17.5 6.1789 17.5 7.04304V12.9576C17.5 13.8218 17.0415 14.6202 16.2972 15.0523L11.2028 18.0096C10.4585 18.4417 9.54149 18.4417 8.79719 18.0096L3.70281 15.0523C2.95851 14.6202 2.5 13.8218 2.5 12.9576V7.04304C2.5 6.1789 2.95851 5.3804 3.70281 4.94833L8.79719 1.99104Z' stroke='white' stroke-width='1.5'/%3E%3Cpath d='M12.8125 10.0003C12.8125 11.5345 11.5533 12.7781 10 12.7781C8.4467 12.7781 7.1875 11.5345 7.1875 10.0003C7.1875 8.4662 8.4467 7.22255 10 7.22255C11.5533 7.22255 12.8125 8.4662 12.8125 10.0003Z' stroke='white' stroke-width='1.5'/%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='M8.79719 1.99104C9.54149 1.55897 10.4585 1.55898 11.2028 1.99104L16.2972 4.94833C17.0415 5.3804 17.5 6.1789 17.5 7.04304V12.9576C17.5 13.8218 17.0415 14.6202 16.2972 15.0523L11.2028 18.0096C10.4585 18.4417 9.54149 18.4417 8.79719 18.0096L3.70281 15.0523C2.95851 14.6202 2.5 13.8218 2.5 12.9576V7.04304C2.5 6.1789 2.95851 5.3804 3.70281 4.94833L8.79719 1.99104Z' stroke='white' stroke-width='1.5'/%3E%3Cpath d='M12.8125 10.0003C12.8125 11.5345 11.5533 12.7781 10 12.7781C8.4467 12.7781 7.1875 11.5345 7.1875 10.0003C7.1875 8.4662 8.4467 7.22255 10 7.22255C11.5533 7.22255 12.8125 8.4662 12.8125 10.0003Z' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E%0A");
}

.xi-users {
    -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.46063 8.0951C5.1265 8.09771 4.7914 8.11166 4.44577 8.13693C3.09206 8.23594 1.91426 8.97778 1.72037 10.329L1.68266 10.5919C1.57091 11.3707 2.10877 12.0976 2.88658 12.1815C3.69455 12.2686 4.42938 12.3168 5.15605 12.3263M14.4386 8.09465C14.8071 8.09495 15.1756 8.10905 15.5568 8.13693C16.9105 8.23594 18.0883 8.97778 18.2822 10.329L18.3199 10.5919C18.4317 11.3707 17.8938 12.0976 17.116 12.1815C16.253 12.2746 15.4734 12.3231 14.698 12.3277M12.0835 8.80208C12.0835 10.0171 11.1043 11.0021 9.89636 11.0021C8.68844 11.0021 7.70922 10.0171 7.70922 8.80208C7.70922 7.58705 8.68844 6.60208 9.89636 6.60208C11.1043 6.60208 12.0835 7.58705 12.0835 8.80208ZM7.18345 17.7527C9.20243 17.9693 10.8061 17.9719 12.8221 17.7544C13.6811 17.6617 14.2751 16.859 14.1517 15.9989L14.11 15.7086C13.8959 14.2164 12.7477 12.9965 11.2527 12.8871C10.3999 12.8248 9.60504 12.8249 8.75055 12.8875C7.25497 12.9971 6.10595 14.217 5.89174 15.7099L5.85075 15.9956C5.72715 16.8569 6.32311 17.6604 7.18345 17.7527ZM3.55524 4.07511C3.55524 5.17532 4.44193 6.06721 5.53571 6.06721C6.62949 6.06721 7.51617 5.17532 7.51617 4.07511C7.51617 2.9749 6.62949 2.08301 5.53571 2.08301C4.44193 2.08301 3.55524 2.9749 3.55524 4.07511ZM16.4473 4.07511C16.4473 5.17532 15.5606 6.06721 14.4668 6.06721C13.3731 6.06721 12.4864 5.17532 12.4864 4.07511C12.4864 2.9749 13.3731 2.08301 14.4668 2.08301C15.5606 2.08301 16.4473 2.9749 16.4473 4.07511Z' 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.46063 8.0951C5.1265 8.09771 4.7914 8.11166 4.44577 8.13693C3.09206 8.23594 1.91426 8.97778 1.72037 10.329L1.68266 10.5919C1.57091 11.3707 2.10877 12.0976 2.88658 12.1815C3.69455 12.2686 4.42938 12.3168 5.15605 12.3263M14.4386 8.09465C14.8071 8.09495 15.1756 8.10905 15.5568 8.13693C16.9105 8.23594 18.0883 8.97778 18.2822 10.329L18.3199 10.5919C18.4317 11.3707 17.8938 12.0976 17.116 12.1815C16.253 12.2746 15.4734 12.3231 14.698 12.3277M12.0835 8.80208C12.0835 10.0171 11.1043 11.0021 9.89636 11.0021C8.68844 11.0021 7.70922 10.0171 7.70922 8.80208C7.70922 7.58705 8.68844 6.60208 9.89636 6.60208C11.1043 6.60208 12.0835 7.58705 12.0835 8.80208ZM7.18345 17.7527C9.20243 17.9693 10.8061 17.9719 12.8221 17.7544C13.6811 17.6617 14.2751 16.859 14.1517 15.9989L14.11 15.7086C13.8959 14.2164 12.7477 12.9965 11.2527 12.8871C10.3999 12.8248 9.60504 12.8249 8.75055 12.8875C7.25497 12.9971 6.10595 14.217 5.89174 15.7099L5.85075 15.9956C5.72715 16.8569 6.32311 17.6604 7.18345 17.7527ZM3.55524 4.07511C3.55524 5.17532 4.44193 6.06721 5.53571 6.06721C6.62949 6.06721 7.51617 5.17532 7.51617 4.07511C7.51617 2.9749 6.62949 2.08301 5.53571 2.08301C4.44193 2.08301 3.55524 2.9749 3.55524 4.07511ZM16.4473 4.07511C16.4473 5.17532 15.5606 6.06721 14.4668 6.06721C13.3731 6.06721 12.4864 5.17532 12.4864 4.07511C12.4864 2.9749 13.3731 2.08301 14.4668 2.08301C15.5606 2.08301 16.4473 2.9749 16.4473 4.07511Z' stroke='%23868F98' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.wr-materials {
    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-materials > .modal-file-upload {
    padding: 12px;
    border-radius: 12px;
    border: 1px solid var(--input-border);
    background: var(--white-bg);
    -webkit-box-shadow: 0 4px 8px -8px rgba(9, 10, 11, 0.24);
            box-shadow: 0 4px 8px -8px rgba(9, 10, 11, 0.24);
    margin: 0;
    gap: 8px;
}
.wr-materials > .modal-file-upload > .item {
    gap: 8px;
    padding: 0;
    border: none;
}
.wr-materials > .modal-file-upload > .item::before {
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.3508 8.40754L7.4654 15.0428C6.70485 15.7757 6.70485 16.964 7.4654 17.6969C8.22594 18.4298 9.45903 18.4298 10.2196 17.6969L19.8592 8.40754C21.3803 6.94173 21.3803 4.56518 19.8592 3.09936C18.3381 1.63355 15.8719 1.63355 14.3508 3.09936L4.71122 12.3887C2.42959 14.5874 2.42959 18.1522 4.71122 20.351C6.99286 22.5497 10.6921 22.5497 12.9737 20.351L19.8592 13.7157' stroke='%23868F98' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.wr-materials > .modal-file-upload > .item > p {
    color: var(--dark-text);
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
}
.wr-materials > .modal-file-upload > .button-def-a {
    margin: 0;
}

.i-trash {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 5H5M5 5H8M5 5V19C5 20.6569 5.84315 22 7.5 22H16C17.6569 22 19 20.6569 19 19V5M19 5H21M19 5H16M8 5H16M8 5V4C8 2.89543 8.89543 2 10 2H14C15.1046 2 16 2.89543 16 4V5M10 10.5L10 16.5M14 10.5V16.5' stroke='%23D23439' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.wr-dialog-field.gap-xm {
    gap: 8px;
}

.xi-upload {
    -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_7002_2913)'%3E%3Cpath d='M5.55686 5.93411L9.84417 1.73016C9.88756 1.68761 9.94443 1.66634 10.0013 1.66634M14.4457 5.93411L10.1584 1.73016C10.115 1.68761 10.0582 1.66634 10.0013 1.66634M10.0013 1.66634L10.0013 13.2404M1.66797 11.6324L1.66797 15.0645C1.66797 16.8696 3.16035 18.333 5.0013 18.333L15.0013 18.333C16.8423 18.333 18.3346 16.8696 18.3346 15.0645L18.3346 11.6324' stroke='%23868F98' stroke-width='1.5' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7002_2913'%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_7002_2913)'%3E%3Cpath d='M5.55686 5.93411L9.84417 1.73016C9.88756 1.68761 9.94443 1.66634 10.0013 1.66634M14.4457 5.93411L10.1584 1.73016C10.115 1.68761 10.0582 1.66634 10.0013 1.66634M10.0013 1.66634L10.0013 13.2404M1.66797 11.6324L1.66797 15.0645C1.66797 16.8696 3.16035 18.333 5.0013 18.333L15.0013 18.333C16.8423 18.333 18.3346 16.8696 18.3346 15.0645L18.3346 11.6324' stroke='%23868F98' stroke-width='1.5' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7002_2913'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.xi-copy {
    -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_7002_13063)'%3E%3Cpath d='M6.69196 4.16699C6.72189 3.67673 6.78918 3.3289 6.94045 3.03202C7.18014 2.56161 7.56259 2.17916 8.03299 1.93948C8.56777 1.66699 9.26784 1.66699 10.668 1.66699H14.3346C15.7348 1.66699 16.4348 1.66699 16.9696 1.93948C17.44 2.17916 17.8225 2.56161 18.0622 3.03202C18.3346 3.5668 18.3346 4.26686 18.3346 5.66699V9.33366C18.3346 10.7338 18.3346 11.4339 18.0622 11.9686C17.8225 12.439 17.44 12.8215 16.9696 13.0612C16.6682 13.2148 16.3142 13.2818 15.812 13.311M5.66797 18.3337H9.33464C10.7348 18.3337 11.4348 18.3337 11.9696 18.0612C12.44 17.8215 12.8225 17.439 13.0622 16.9686C13.3346 16.4339 13.3346 15.7338 13.3346 14.3337V10.667C13.3346 9.26686 13.3346 8.5668 13.0622 8.03202C12.8225 7.56161 12.44 7.17916 11.9696 6.93948C11.4348 6.66699 10.7348 6.66699 9.33464 6.66699H5.66797C4.26784 6.66699 3.56777 6.66699 3.03299 6.93948C2.56259 7.17916 2.18014 7.56161 1.94045 8.03202C1.66797 8.5668 1.66797 9.26686 1.66797 10.667V14.3337C1.66797 15.7338 1.66797 16.4339 1.94045 16.9686C2.18014 17.439 2.56259 17.8215 3.03299 18.0612C3.56777 18.3337 4.26784 18.3337 5.66797 18.3337Z' stroke='%23090A0B' stroke-width='1.5' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7002_13063'%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_7002_13063)'%3E%3Cpath d='M6.69196 4.16699C6.72189 3.67673 6.78918 3.3289 6.94045 3.03202C7.18014 2.56161 7.56259 2.17916 8.03299 1.93948C8.56777 1.66699 9.26784 1.66699 10.668 1.66699H14.3346C15.7348 1.66699 16.4348 1.66699 16.9696 1.93948C17.44 2.17916 17.8225 2.56161 18.0622 3.03202C18.3346 3.5668 18.3346 4.26686 18.3346 5.66699V9.33366C18.3346 10.7338 18.3346 11.4339 18.0622 11.9686C17.8225 12.439 17.44 12.8215 16.9696 13.0612C16.6682 13.2148 16.3142 13.2818 15.812 13.311M5.66797 18.3337H9.33464C10.7348 18.3337 11.4348 18.3337 11.9696 18.0612C12.44 17.8215 12.8225 17.439 13.0622 16.9686C13.3346 16.4339 13.3346 15.7338 13.3346 14.3337V10.667C13.3346 9.26686 13.3346 8.5668 13.0622 8.03202C12.8225 7.56161 12.44 7.17916 11.9696 6.93948C11.4348 6.66699 10.7348 6.66699 9.33464 6.66699H5.66797C4.26784 6.66699 3.56777 6.66699 3.03299 6.93948C2.56259 7.17916 2.18014 7.56161 1.94045 8.03202C1.66797 8.5668 1.66797 9.26686 1.66797 10.667V14.3337C1.66797 15.7338 1.66797 16.4339 1.94045 16.9686C2.18014 17.439 2.56259 17.8215 3.03299 18.0612C3.56777 18.3337 4.26784 18.3337 5.66797 18.3337Z' stroke='%23090A0B' stroke-width='1.5' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7002_13063'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.wr-dialog-field.xm {
    max-width: 120px;
}

.xi-date {
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.63803 21.6646L4.29066 22.3293L4.29066 22.3293L4.63803 21.6646ZM3.32698 20.32L3.99866 19.9863L3.99866 19.9863L3.32698 20.32ZM19.362 21.6646L19.0146 20.9999L19.0146 20.9999L19.362 21.6646ZM20.673 20.32L20.0013 19.9863L20.0013 19.9863L20.673 20.32ZM19.362 3.87383L19.0146 4.53853L19.0146 4.53853L19.362 3.87383ZM20.673 5.21849L21.3447 4.88481L21.3447 4.88481L20.673 5.21849ZM4.63803 3.87383L4.9854 4.53853L4.9854 4.53853L4.63803 3.87383ZM3.32698 5.21849L3.99866 5.55217L3.99866 5.55217L3.32698 5.21849ZM8.75 2C8.75 1.58579 8.41421 1.25 8 1.25C7.58579 1.25 7.25 1.58579 7.25 2H8H8.75ZM7.25 5.07692C7.25 5.49114 7.58579 5.82692 8 5.82692C8.41421 5.82692 8.75 5.49114 8.75 5.07692H8H7.25ZM16.75 2C16.75 1.58579 16.4142 1.25 16 1.25C15.5858 1.25 15.25 1.58579 15.25 2H16H16.75ZM15.25 5.07692C15.25 5.49114 15.5858 5.82692 16 5.82692C16.4142 5.82692 16.75 5.49114 16.75 5.07692H16H15.25ZM7.8 3.53846V4.28846H16.2V3.53846V2.78846H7.8V3.53846ZM16.2 22V21.25H7.8V22V22.75H16.2V22ZM3 17.0769H3.75V8.66667H3H2.25V17.0769H3ZM3 8.66667H3.75V8.46154H3H2.25V8.66667H3ZM21 8.46154H20.25V8.66667H21H21.75V8.46154H21ZM21 8.66667H20.25V17.0769H21H21.75V8.66667H21ZM3 8.66667V9.41667H21V8.66667V7.91667H3V8.66667ZM7.8 22V21.25C6.94723 21.25 6.35391 21.2494 5.89224 21.2107C5.43989 21.1728 5.18126 21.1023 4.9854 20.9999L4.63803 21.6646L4.29066 22.3293C4.73653 22.5624 5.21881 22.6595 5.76698 22.7055C6.30581 22.7506 6.97261 22.75 7.8 22.75V22ZM3 17.0769H2.25C2.25 17.9265 2.24945 18.6076 2.29324 19.1574C2.33769 19.7154 2.43137 20.2029 2.6553 20.6537L3.32698 20.32L3.99866 19.9863C3.89561 19.7788 3.8258 19.5065 3.7885 19.0383C3.75055 18.5619 3.75 17.9506 3.75 17.0769H3ZM4.63803 21.6646L4.9854 20.9999C4.56349 20.7794 4.21697 20.4257 3.99866 19.9863L3.32698 20.32L2.6553 20.6537C3.01223 21.3721 3.58359 21.9598 4.29066 22.3293L4.63803 21.6646ZM16.2 22V22.75C17.0274 22.75 17.6942 22.7506 18.233 22.7055C18.7812 22.6595 19.2635 22.5624 19.7093 22.3293L19.362 21.6646L19.0146 20.9999C18.8187 21.1023 18.5601 21.1728 18.1078 21.2107C17.6461 21.2494 17.0528 21.25 16.2 21.25V22ZM21 17.0769H20.25C20.25 17.9506 20.2494 18.5619 20.2115 19.0383C20.1742 19.5065 20.1044 19.7788 20.0013 19.9863L20.673 20.32L21.3447 20.6537C21.5686 20.2029 21.6623 19.7154 21.7068 19.1574C21.7506 18.6076 21.75 17.9265 21.75 17.0769H21ZM19.362 21.6646L19.7093 22.3293C20.4164 21.9598 20.9878 21.3721 21.3447 20.6537L20.673 20.32L20.0013 19.9863C19.783 20.4257 19.4365 20.7794 19.0146 20.9999L19.362 21.6646ZM16.2 3.53846V4.28846C17.0528 4.28846 17.6461 4.28907 18.1078 4.32776C18.5601 4.36567 18.8187 4.43618 19.0146 4.53853L19.362 3.87383L19.7093 3.20912C19.2635 2.97611 18.7812 2.87894 18.233 2.833C17.6942 2.78785 17.0274 2.78846 16.2 2.78846V3.53846ZM21 8.46154H21.75C21.75 7.61199 21.7506 6.93084 21.7068 6.38106C21.6623 5.82307 21.5686 5.33556 21.3447 4.88481L20.673 5.21849L20.0013 5.55217C20.1044 5.75961 20.1742 6.032 20.2115 6.50018C20.2494 6.97657 20.25 7.58785 20.25 8.46154H21ZM19.362 3.87383L19.0146 4.53853C19.4365 4.75902 19.783 5.11274 20.0013 5.55217L20.673 5.21849L21.3447 4.88481C20.9878 4.16632 20.4164 3.57863 19.7093 3.20912L19.362 3.87383ZM7.8 3.53846V2.78846C6.97261 2.78846 6.30581 2.78785 5.76698 2.833C5.21881 2.87894 4.73653 2.97611 4.29066 3.20912L4.63803 3.87383L4.9854 4.53853C5.18126 4.43618 5.43989 4.36567 5.89224 4.32776C6.35391 4.28907 6.94723 4.28846 7.8 4.28846V3.53846ZM3 8.46154H3.75C3.75 7.58785 3.75055 6.97657 3.7885 6.50018C3.8258 6.032 3.89561 5.75961 3.99866 5.55217L3.32698 5.21849L2.6553 4.88481C2.43137 5.33556 2.33769 5.82307 2.29324 6.38106C2.24945 6.93084 2.25 7.61199 2.25 8.46154H3ZM4.63803 3.87383L4.29066 3.20912C3.58359 3.57863 3.01223 4.16632 2.6553 4.88481L3.32698 5.21849L3.99866 5.55217C4.21697 5.11274 4.56349 4.75902 4.9854 4.53853L4.63803 3.87383ZM8 2H7.25V5.07692H8H8.75V2H8ZM16 2H15.25V5.07692H16H16.75V2H16Z' fill='%23868F98'/%3E%3Cpath d='M8 12.4863C7.44772 12.4863 7 12.934 7 13.4863C7 14.0386 7.44772 14.4863 8 14.4863V13.4863V12.4863ZM8.01 14.4863C8.56228 14.4863 9.01 14.0386 9.01 13.4863C9.01 12.934 8.56228 12.4863 8.01 12.4863V13.4863V14.4863ZM8 16.0761C7.44772 16.0761 7 16.5238 7 17.0761C7 17.6284 7.44772 18.0761 8 18.0761V17.0761V16.0761ZM8.01 18.0761C8.56228 18.0761 9.01 17.6284 9.01 17.0761C9.01 16.5238 8.56228 16.0761 8.01 16.0761V17.0761V18.0761ZM12 12.4863C11.4477 12.4863 11 12.934 11 13.4863C11 14.0386 11.4477 14.4863 12 14.4863V13.4863V12.4863ZM12.01 14.4863C12.5623 14.4863 13.01 14.0386 13.01 13.4863C13.01 12.934 12.5623 12.4863 12.01 12.4863V13.4863V14.4863ZM12 16.0761C11.4477 16.0761 11 16.5238 11 17.0761C11 17.6284 11.4477 18.0761 12 18.0761V17.0761V16.0761ZM12.01 18.0761C12.5623 18.0761 13.01 17.6284 13.01 17.0761C13.01 16.5238 12.5623 16.0761 12.01 16.0761V17.0761V18.0761ZM16 12.4863C15.4477 12.4863 15 12.934 15 13.4863C15 14.0386 15.4477 14.4863 16 14.4863V13.4863V12.4863ZM16.01 14.4863C16.5623 14.4863 17.01 14.0386 17.01 13.4863C17.01 12.934 16.5623 12.4863 16.01 12.4863V13.4863V14.4863ZM16 16.0761C15.4477 16.0761 15 16.5238 15 17.0761C15 17.6284 15.4477 18.0761 16 18.0761V17.0761V16.0761ZM16.01 18.0761C16.5623 18.0761 17.01 17.6284 17.01 17.0761C17.01 16.5238 16.5623 16.0761 16.01 16.0761V17.0761V18.0761ZM8 13.4863V14.4863H8.01V13.4863V12.4863H8V13.4863ZM8 17.0761V18.0761H8.01V17.0761V16.0761H8V17.0761ZM12 13.4863V14.4863H12.01V13.4863V12.4863H12V13.4863ZM12 17.0761V18.0761H12.01V17.0761V16.0761H12V17.0761ZM16 13.4863V14.4863H16.01V13.4863V12.4863H16V13.4863ZM16 17.0761V18.0761H16.01V17.0761V16.0761H16V17.0761Z' fill='%23868F98'/%3E%3C/svg%3E%0A");
            mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.63803 21.6646L4.29066 22.3293L4.29066 22.3293L4.63803 21.6646ZM3.32698 20.32L3.99866 19.9863L3.99866 19.9863L3.32698 20.32ZM19.362 21.6646L19.0146 20.9999L19.0146 20.9999L19.362 21.6646ZM20.673 20.32L20.0013 19.9863L20.0013 19.9863L20.673 20.32ZM19.362 3.87383L19.0146 4.53853L19.0146 4.53853L19.362 3.87383ZM20.673 5.21849L21.3447 4.88481L21.3447 4.88481L20.673 5.21849ZM4.63803 3.87383L4.9854 4.53853L4.9854 4.53853L4.63803 3.87383ZM3.32698 5.21849L3.99866 5.55217L3.99866 5.55217L3.32698 5.21849ZM8.75 2C8.75 1.58579 8.41421 1.25 8 1.25C7.58579 1.25 7.25 1.58579 7.25 2H8H8.75ZM7.25 5.07692C7.25 5.49114 7.58579 5.82692 8 5.82692C8.41421 5.82692 8.75 5.49114 8.75 5.07692H8H7.25ZM16.75 2C16.75 1.58579 16.4142 1.25 16 1.25C15.5858 1.25 15.25 1.58579 15.25 2H16H16.75ZM15.25 5.07692C15.25 5.49114 15.5858 5.82692 16 5.82692C16.4142 5.82692 16.75 5.49114 16.75 5.07692H16H15.25ZM7.8 3.53846V4.28846H16.2V3.53846V2.78846H7.8V3.53846ZM16.2 22V21.25H7.8V22V22.75H16.2V22ZM3 17.0769H3.75V8.66667H3H2.25V17.0769H3ZM3 8.66667H3.75V8.46154H3H2.25V8.66667H3ZM21 8.46154H20.25V8.66667H21H21.75V8.46154H21ZM21 8.66667H20.25V17.0769H21H21.75V8.66667H21ZM3 8.66667V9.41667H21V8.66667V7.91667H3V8.66667ZM7.8 22V21.25C6.94723 21.25 6.35391 21.2494 5.89224 21.2107C5.43989 21.1728 5.18126 21.1023 4.9854 20.9999L4.63803 21.6646L4.29066 22.3293C4.73653 22.5624 5.21881 22.6595 5.76698 22.7055C6.30581 22.7506 6.97261 22.75 7.8 22.75V22ZM3 17.0769H2.25C2.25 17.9265 2.24945 18.6076 2.29324 19.1574C2.33769 19.7154 2.43137 20.2029 2.6553 20.6537L3.32698 20.32L3.99866 19.9863C3.89561 19.7788 3.8258 19.5065 3.7885 19.0383C3.75055 18.5619 3.75 17.9506 3.75 17.0769H3ZM4.63803 21.6646L4.9854 20.9999C4.56349 20.7794 4.21697 20.4257 3.99866 19.9863L3.32698 20.32L2.6553 20.6537C3.01223 21.3721 3.58359 21.9598 4.29066 22.3293L4.63803 21.6646ZM16.2 22V22.75C17.0274 22.75 17.6942 22.7506 18.233 22.7055C18.7812 22.6595 19.2635 22.5624 19.7093 22.3293L19.362 21.6646L19.0146 20.9999C18.8187 21.1023 18.5601 21.1728 18.1078 21.2107C17.6461 21.2494 17.0528 21.25 16.2 21.25V22ZM21 17.0769H20.25C20.25 17.9506 20.2494 18.5619 20.2115 19.0383C20.1742 19.5065 20.1044 19.7788 20.0013 19.9863L20.673 20.32L21.3447 20.6537C21.5686 20.2029 21.6623 19.7154 21.7068 19.1574C21.7506 18.6076 21.75 17.9265 21.75 17.0769H21ZM19.362 21.6646L19.7093 22.3293C20.4164 21.9598 20.9878 21.3721 21.3447 20.6537L20.673 20.32L20.0013 19.9863C19.783 20.4257 19.4365 20.7794 19.0146 20.9999L19.362 21.6646ZM16.2 3.53846V4.28846C17.0528 4.28846 17.6461 4.28907 18.1078 4.32776C18.5601 4.36567 18.8187 4.43618 19.0146 4.53853L19.362 3.87383L19.7093 3.20912C19.2635 2.97611 18.7812 2.87894 18.233 2.833C17.6942 2.78785 17.0274 2.78846 16.2 2.78846V3.53846ZM21 8.46154H21.75C21.75 7.61199 21.7506 6.93084 21.7068 6.38106C21.6623 5.82307 21.5686 5.33556 21.3447 4.88481L20.673 5.21849L20.0013 5.55217C20.1044 5.75961 20.1742 6.032 20.2115 6.50018C20.2494 6.97657 20.25 7.58785 20.25 8.46154H21ZM19.362 3.87383L19.0146 4.53853C19.4365 4.75902 19.783 5.11274 20.0013 5.55217L20.673 5.21849L21.3447 4.88481C20.9878 4.16632 20.4164 3.57863 19.7093 3.20912L19.362 3.87383ZM7.8 3.53846V2.78846C6.97261 2.78846 6.30581 2.78785 5.76698 2.833C5.21881 2.87894 4.73653 2.97611 4.29066 3.20912L4.63803 3.87383L4.9854 4.53853C5.18126 4.43618 5.43989 4.36567 5.89224 4.32776C6.35391 4.28907 6.94723 4.28846 7.8 4.28846V3.53846ZM3 8.46154H3.75C3.75 7.58785 3.75055 6.97657 3.7885 6.50018C3.8258 6.032 3.89561 5.75961 3.99866 5.55217L3.32698 5.21849L2.6553 4.88481C2.43137 5.33556 2.33769 5.82307 2.29324 6.38106C2.24945 6.93084 2.25 7.61199 2.25 8.46154H3ZM4.63803 3.87383L4.29066 3.20912C3.58359 3.57863 3.01223 4.16632 2.6553 4.88481L3.32698 5.21849L3.99866 5.55217C4.21697 5.11274 4.56349 4.75902 4.9854 4.53853L4.63803 3.87383ZM8 2H7.25V5.07692H8H8.75V2H8ZM16 2H15.25V5.07692H16H16.75V2H16Z' fill='%23868F98'/%3E%3Cpath d='M8 12.4863C7.44772 12.4863 7 12.934 7 13.4863C7 14.0386 7.44772 14.4863 8 14.4863V13.4863V12.4863ZM8.01 14.4863C8.56228 14.4863 9.01 14.0386 9.01 13.4863C9.01 12.934 8.56228 12.4863 8.01 12.4863V13.4863V14.4863ZM8 16.0761C7.44772 16.0761 7 16.5238 7 17.0761C7 17.6284 7.44772 18.0761 8 18.0761V17.0761V16.0761ZM8.01 18.0761C8.56228 18.0761 9.01 17.6284 9.01 17.0761C9.01 16.5238 8.56228 16.0761 8.01 16.0761V17.0761V18.0761ZM12 12.4863C11.4477 12.4863 11 12.934 11 13.4863C11 14.0386 11.4477 14.4863 12 14.4863V13.4863V12.4863ZM12.01 14.4863C12.5623 14.4863 13.01 14.0386 13.01 13.4863C13.01 12.934 12.5623 12.4863 12.01 12.4863V13.4863V14.4863ZM12 16.0761C11.4477 16.0761 11 16.5238 11 17.0761C11 17.6284 11.4477 18.0761 12 18.0761V17.0761V16.0761ZM12.01 18.0761C12.5623 18.0761 13.01 17.6284 13.01 17.0761C13.01 16.5238 12.5623 16.0761 12.01 16.0761V17.0761V18.0761ZM16 12.4863C15.4477 12.4863 15 12.934 15 13.4863C15 14.0386 15.4477 14.4863 16 14.4863V13.4863V12.4863ZM16.01 14.4863C16.5623 14.4863 17.01 14.0386 17.01 13.4863C17.01 12.934 16.5623 12.4863 16.01 12.4863V13.4863V14.4863ZM16 16.0761C15.4477 16.0761 15 16.5238 15 17.0761C15 17.6284 15.4477 18.0761 16 18.0761V17.0761V16.0761ZM16.01 18.0761C16.5623 18.0761 17.01 17.6284 17.01 17.0761C17.01 16.5238 16.5623 16.0761 16.01 16.0761V17.0761V18.0761ZM8 13.4863V14.4863H8.01V13.4863V12.4863H8V13.4863ZM8 17.0761V18.0761H8.01V17.0761V16.0761H8V17.0761ZM12 13.4863V14.4863H12.01V13.4863V12.4863H12V13.4863ZM12 17.0761V18.0761H12.01V17.0761V16.0761H12V17.0761ZM16 13.4863V14.4863H16.01V13.4863V12.4863H16V13.4863ZM16 17.0761V18.0761H16.01V17.0761V16.0761H16V17.0761Z' fill='%23868F98'/%3E%3C/svg%3E%0A");
}

.wr-field.date {
    position: relative;
    padding-right: 12px;
}
.wr-field.date > input::-webkit-calendar-picker-indicator {
    z-index: 1;
    cursor: pointer;
    opacity: 0;
    position: absolute;
    right: 12px;
    width: 20px;
    height: 20px;
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 0;
            flex: none;
    background: #000;
}
.wr-field.date > .x-icon::before {
    background: var(--gray-text);
}

.dropdown.secondary > .dropdown-head {
    border-radius: 12px;
    border: 1px solid var(--input-border);
    background: var(--white-bg);
}
.dropdown.secondary > .dropdown-head::after {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9.5L11.8586 15.4406C11.9367 15.5198 12.0633 15.5198 12.1414 15.4406L18 9.5' stroke='%23868F98' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.dropdown.secondary > .dropdown-body {
    border-radius: 12px;
}
.dropdown.secondary > .dropdown-body > .dropdown-content > .item {
    border-radius: 8px;
}

.open-modal {
    cursor: pointer;
}

.dropdown-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0px 12px;
    border-radius: 12px;
    border: 1px solid var(--input-border);
    background: var(--white-bg);
    cursor: text;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
}
.dropdown-search > input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 44px;
    color: var(--dark-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    border: none;
    background: none;
}
.dropdown-search > input::-webkit-input-placeholder {
    color: var(--gray-text);
}
.dropdown-search > input::-moz-placeholder {
    color: var(--gray-text);
}
.dropdown-search > input:-ms-input-placeholder {
    color: var(--gray-text);
}
.dropdown-search > input::-ms-input-placeholder {
    color: var(--gray-text);
}
.dropdown-search > input::placeholder {
    color: var(--gray-text);
}
.dropdown-search > .x-icon::before {
    background: var(--gray-text);
}

.wr-action-button.wr-action-upload.uploading > .wr-action-icon {
    position: relative;
}
.wr-action-button.wr-action-upload.uploading > .wr-action-icon::before {
    -webkit-animation: 0.6s uploading infinite linear;
            animation: 0.6s uploading infinite linear;
    position: absolute;
    content: "";
    inset: 0;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_7002_68887' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='40' height='40'%3E%3Ccircle cx='20' cy='20' r='19' stroke='%23090A0B' stroke-width='2'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_7002_68887)'%3E%3Cpath d='M20 0C17.3736 -3.132e-08 14.7728 0.517315 12.3463 1.52241C9.91982 2.5275 7.71504 4.00069 5.85786 5.85787C4.00069 7.71504 2.5275 9.91982 1.52241 12.3463C0.517315 14.7728 -3.96581e-07 17.3736 0 20L20 20L20 0Z' fill='%23868F98'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.wr-action-button.wr-action-upload.uploaded > .wr-action-icon {
    position: relative;
}
.wr-action-button.wr-action-upload.uploaded > .wr-action-icon::before {
    z-index: 1;
    position: absolute;
    content: "";
    inset: 0;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='40' height='40' rx='20' fill='%2317B94B'/%3E%3Cpath d='M13.332 19.8949L17.6522 24.7355C17.718 24.8092 17.836 24.8101 17.9029 24.7373L26.6654 15.208' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.wr-action-button.wr-action-upload.error > .wr-action-icon {
    position: relative;
}
.wr-action-button.wr-action-upload.error > .wr-action-icon::before {
    z-index: 1;
    position: absolute;
    content: "";
    inset: 0;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='40' height='40' rx='20' fill='%23D23439'/%3E%3Cpath d='M14.168 14.167L25.8346 25.8337M25.8346 14.167L14.168 25.8337' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

@-webkit-keyframes uploading {
    0% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

@keyframes uploading {
    0% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

.wr-dialog-field > .cke_chrome {
    border: 1px solid var(--input-border) !important;
}

.wr-media-upload-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
}
.wr-media-upload-content > .button {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
}

.wr-media-upload {
    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-media-upload-progress {
    height: 8px;
    width: 100%;
    display: none;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    overflow: hidden;
    border-radius: 100px;
    background: var(--accent-color-op-8);
}
.wr-media-upload-progress.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.wr-media-upload-value {
    height: 100%;
    position: absolute;
    left: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='16' viewBox='0 0 32 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='32' height='16' fill='%233E7AFF'/%3E%3Cpath d='M0 0L16 16H0V0Z' fill='%230956FF'/%3E%3Cpath d='M32 16L16 -3.30611e-06L32 -1.90735e-06L32 16Z' fill='%230956FF'/%3E%3C/svg%3E%0A");
    background-repeat: repeat no-repeat;
    background-size: 16px 8px;
    -webkit-animation: 1s upload-effect infinite linear;
            animation: 1s upload-effect infinite linear;
}

@-webkit-keyframes upload-effect {
    0% {
        background-position-x: 16px;
    }
    100% {
        background-position-x: 0px;
    }
}

@keyframes upload-effect {
    0% {
        background-position-x: 16px;
    }
    100% {
        background-position-x: 0px;
    }
}

.wr-dialog-fields.xs {
    gap: 8px;
}

.wr-field-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.wr-field-head > p {
    color: var(--darkgray-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.button-text {
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
.button-text > p {
    color: var(--dark-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}
.button-text.destructive > p {
    color: var(--global-red);
}
.button-text:hover {
    opacity: 0.7;
}

.wr-move {
    cursor: -webkit-grab;
    cursor: grab;    
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    width: 20px;
    height: 20px;
    background-image: 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='M7 4.58301L7 4.59134M7 9.99967L7 10.008M7 15.408L7 15.4163' stroke='%23868F98' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M13 4.58301L13 4.59134M13 9.99967L13 10.008M13 15.408L13 15.4163' stroke='%23868F98' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.wr-lesson-item-text {
    width: 100%;
}

.wr-lesson-item {
    padding-right: 16px;
}

.wr-editor-content {
    width: 100%;
}

.test-content-order-head {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 12px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.test-content-order-head {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 12px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.award-item-image {
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-user-drag: none;    
    width: 120px;
    height: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    position: relative;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.award-item-image > img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -o-object-position: center;
       object-position: center;
    -o-object-fit: cover;
       object-fit: cover;
}

.award-item-progress {
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    width: 120px;
    height: 120px;
    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;
    overflow: hidden;
}
.award-item-progress > svg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 180px;
    height: 180px;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
}
.award-item-progress > svg > circle {
    fill: transparent;
    stroke-width: 2px;
    stroke: var(--gray-bg-2);
}
.award-item-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);
}

.award-lock {
    position: absolute;
    width: 80px;
    height: 80px;
    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;
    border-radius: 1000px;
    background-color: var(--gray-bg-2);
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.6 9.33341C23.8402 9.33341 24.9603 9.33341 25.816 9.76939C26.5686 10.1529 27.1805 10.7648 27.564 11.5175C28 12.3731 28 13.4932 28 15.7334V22.9334C28 25.1736 28 26.2937 27.564 27.1494C27.1805 27.902 26.5686 28.5139 25.816 28.8974C24.9603 29.3334 23.8402 29.3334 21.6 29.3334H10.4C8.15979 29.3334 7.03969 29.3334 6.18404 28.8974C5.43139 28.5139 4.81947 27.902 4.43597 27.1494C4 26.2937 4 25.1736 4 22.9334V15.7334C4 13.4932 4 12.3731 4.43597 11.5175C4.81947 10.7648 5.43139 10.1529 6.18404 9.76939C7.03969 9.33341 8.15979 9.33341 10.4 9.33341M16 20.6667C17.4728 20.6667 18.6667 19.4728 18.6667 18.0001C18.6667 16.5273 17.4728 15.3334 16 15.3334C14.5272 15.3334 13.3333 16.5273 13.3333 18.0001C13.3333 19.4728 14.5272 20.6667 16 20.6667ZM16 20.6667V23.3334M21.3333 8.00008V9.33341H10.6667V8.00008C10.6667 5.05456 13.0545 2.66675 16 2.66675C18.9455 2.66675 21.3333 5.05456 21.3333 8.00008Z' stroke='%23C7CACD' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 32px 32px;
}

.award-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;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
}
.award-item-text > span {
    color: var(--dark-text);
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.4px;
}
.award-item-text > p {
    color: var(--gray-text);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
}

.award {
    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;
    gap: 16px;
    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);
    padding: 32px 24px;
}
.award.complete > .award-item-text > .award-item-status {
    background: var(--global-green);
    position: relative;
}
.award.complete > .award-item-text > .award-item-status::before {
    position: relative;
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 12px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 5.93715L4.59207 8.84148C4.63157 8.88574 4.70236 8.88624 4.74253 8.84255L10 3.125' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.award.complete > .award-item-text > .award-item-status > span {
    color: var(--global-white);
}

.award-item-status {
    padding: 0 8px;
    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;
    gap: 4px;
    height: 18px;
    border-radius: 100px;
    background: var(--gray-bg-2, #F3F5F7);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
.award-item-status > span {
    white-space: nowrap;
    color: var(--gray-text);
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 120%;
}

.award-content {
    width: 100%;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    gap: 8px;
}

@media screen and (max-width: 1244px) {
    .award-item-text > span {
        font-size: 16px;
        letter-spacing: -0.32px;
    }
    .award-item-text > p {
        font-size: 12px;
    }
    .award-item-status {
        height: 16px;
        padding: 0px 6px;
    }
    .award-item-status > span {
        font-size: 11px;
    }
    .award {
        border-radius: 20px;
        padding: 16px;
        gap: 12px;
    }
    .award.complete > .award-item-text > .award-item-status::before {
        width: 8px;
        height: 8px;
    }
    .award-item-image {
        width: 72px;
        height: 72px;
    }
    .award-lock {
        width: 56px;
        height: 56px;
        background-size: 24px 24px;
    }
    .award-item-progress > svg {
        width: 110px;
        height: 110px;
    }
}
@media screen and (max-width: 568px) {
    .award-content {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 6px;
    }
    .award {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
    }
    .award-item-text {
        width: 100%;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }
}

.wr-column {
    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;
}

.xi-calendar {
    -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='M3.86502 18.0537L3.51765 18.7184H3.51765L3.86502 18.0537ZM2.77248 16.9331L3.44417 16.5995L3.44416 16.5995L2.77248 16.9331ZM16.135 18.0537L15.7876 17.389H15.7876L16.135 18.0537ZM17.2275 16.9331L16.5558 16.5995V16.5995L17.2275 16.9331ZM16.135 3.22803L15.7876 3.89273L15.7876 3.89273L16.135 3.22803ZM17.2275 4.34858L17.8992 4.0149V4.0149L17.2275 4.34858ZM3.86502 3.22803L4.21239 3.89273L3.86502 3.22803ZM2.77248 4.34858L3.44416 4.68226H3.44417L2.77248 4.34858ZM7.41667 1.6665C7.41667 1.25229 7.08088 0.916504 6.66667 0.916504C6.25245 0.916504 5.91667 1.25229 5.91667 1.6665H6.66667H7.41667ZM5.91667 4.23061C5.91667 4.64482 6.25245 4.98061 6.66667 4.98061C7.08088 4.98061 7.41667 4.64482 7.41667 4.23061H6.66667H5.91667ZM14.0833 1.6665C14.0833 1.25229 13.7475 0.916504 13.3333 0.916504C12.9191 0.916504 12.5833 1.25229 12.5833 1.6665H13.3333H14.0833ZM12.5833 4.23061C12.5833 4.64482 12.9191 4.98061 13.3333 4.98061C13.7475 4.98061 14.0833 4.64482 14.0833 4.23061H13.3333H12.5833ZM6.5 2.94856V3.69856H13.5V2.94856V2.19856H6.5V2.94856ZM13.5 18.3332V17.5832H6.5V18.3332V19.0832H13.5V18.3332ZM2.5 14.2306H3.25V7.22206H2.5H1.75V14.2306H2.5ZM2.5 7.22206H3.25V7.05112H2.5H1.75V7.22206H2.5ZM17.5 7.05112H16.75V7.22206H17.5H18.25V7.05112H17.5ZM17.5 7.22206H16.75V14.2306H17.5H18.25V7.22206H17.5ZM2.5 7.22206V7.97206H17.5V7.22206V6.47206H2.5V7.22206ZM6.5 18.3332V17.5832C5.78724 17.5832 5.29893 17.5826 4.92063 17.5509C4.55166 17.5199 4.35478 17.4634 4.21239 17.389L3.86502 18.0537L3.51765 18.7184C3.91005 18.9235 4.33059 19.0067 4.79538 19.0456C5.25083 19.0838 5.81262 19.0832 6.5 19.0832V18.3332ZM2.5 14.2306H1.75C1.75 14.9366 1.74945 15.51 1.78643 15.9743C1.82407 16.4467 1.90412 16.8709 2.1008 17.2668L2.77248 16.9331L3.44416 16.5995C3.36836 16.4469 3.31218 16.2378 3.28169 15.8551C3.25055 15.4643 3.25 14.9607 3.25 14.2306H2.5ZM3.86502 18.0537L4.21239 17.389C3.88457 17.2177 3.61453 16.9424 3.44417 16.5995L2.77248 16.9331L2.1008 17.2668C2.4098 17.8888 2.90467 18.3981 3.51765 18.7184L3.86502 18.0537ZM13.5 18.3332V19.0832C14.1874 19.0832 14.7492 19.0838 15.2046 19.0456C15.6694 19.0067 16.0899 18.9235 16.4823 18.7184L16.135 18.0537L15.7876 17.389C15.6452 17.4634 15.4483 17.5199 15.0794 17.5509C14.7011 17.5826 14.2128 17.5832 13.5 17.5832V18.3332ZM17.5 14.2306H16.75C16.75 14.9607 16.7494 15.4643 16.7183 15.8551C16.6878 16.2378 16.6316 16.4469 16.5558 16.5995L17.2275 16.9331L17.8992 17.2668C18.0959 16.8709 18.1759 16.4467 18.2136 15.9743C18.2506 15.51 18.25 14.9366 18.25 14.2306H17.5ZM16.135 18.0537L16.4823 18.7184C17.0953 18.3981 17.5902 17.8888 17.8992 17.2668L17.2275 16.9331L16.5558 16.5995C16.3855 16.9424 16.1154 17.2177 15.7876 17.389L16.135 18.0537ZM13.5 2.94856V3.69856C14.2128 3.69856 14.7011 3.69917 15.0794 3.73087C15.4483 3.76179 15.6452 3.81832 15.7876 3.89273L16.135 3.22803L16.4823 2.56332C16.0899 2.35826 15.6694 2.27506 15.2046 2.23611C14.7492 2.19794 14.1874 2.19856 13.5 2.19856V2.94856ZM17.5 7.05112H18.25C18.25 6.34517 18.2506 5.77173 18.2136 5.30747C18.1759 4.83499 18.0959 4.4108 17.8992 4.0149L17.2275 4.34858L16.5558 4.68226C16.6316 4.83485 16.6878 5.04392 16.7183 5.42658C16.7494 5.81745 16.75 6.32103 16.75 7.05112H17.5ZM16.135 3.22803L15.7876 3.89273C16.1154 4.06405 16.3855 4.33932 16.5558 4.68226L17.2275 4.34858L17.8992 4.0149C17.5902 3.3929 17.0953 2.88366 16.4823 2.56332L16.135 3.22803ZM6.5 2.94856V2.19856C5.81262 2.19856 5.25084 2.19794 4.79538 2.23611C4.33059 2.27506 3.91005 2.35826 3.51765 2.56332L3.86502 3.22803L4.21239 3.89273C4.35478 3.81832 4.55166 3.76179 4.92063 3.73087C5.29894 3.69917 5.78724 3.69856 6.5 3.69856V2.94856ZM2.5 7.05112H3.25C3.25 6.32103 3.25055 5.81745 3.28169 5.42658C3.31218 5.04392 3.36836 4.83485 3.44416 4.68226L2.77248 4.34858L2.1008 4.0149C1.90412 4.4108 1.82407 4.83499 1.78643 5.30747C1.74945 5.77173 1.75 6.34517 1.75 7.05112H2.5ZM3.86502 3.22803L3.51765 2.56332C2.90467 2.88366 2.4098 3.3929 2.1008 4.0149L2.77248 4.34858L3.44417 4.68226C3.61453 4.33932 3.88457 4.06405 4.21239 3.89273L3.86502 3.22803ZM6.66667 1.6665H5.91667V4.23061H6.66667H7.41667V1.6665H6.66667ZM13.3333 1.6665H12.5833V4.23061H13.3333H14.0833V1.6665H13.3333Z' fill='%232F3337'/%3E%3Cpath d='M6.66797 10.2393C6.11568 10.2393 5.66797 10.687 5.66797 11.2393C5.66797 11.7915 6.11568 12.2393 6.66797 12.2393V11.2393V10.2393ZM6.6763 12.2393C7.22859 12.2393 7.6763 11.7915 7.6763 11.2393C7.6763 10.687 7.22859 10.2393 6.6763 10.2393V11.2393V12.2393ZM6.66797 13.2307C6.11568 13.2307 5.66797 13.6784 5.66797 14.2307C5.66797 14.783 6.11568 15.2307 6.66797 15.2307V14.2307V13.2307ZM6.6763 15.2307C7.22859 15.2307 7.6763 14.783 7.6763 14.2307C7.6763 13.6784 7.22859 13.2307 6.6763 13.2307V14.2307V15.2307ZM10.0013 10.2393C9.44902 10.2393 9.0013 10.687 9.0013 11.2393C9.0013 11.7915 9.44902 12.2393 10.0013 12.2393V11.2393V10.2393ZM10.0096 12.2393C10.5619 12.2393 11.0096 11.7915 11.0096 11.2393C11.0096 10.687 10.5619 10.2393 10.0096 10.2393V11.2393V12.2393ZM10.0013 13.2307C9.44902 13.2307 9.0013 13.6784 9.0013 14.2307C9.0013 14.783 9.44902 15.2307 10.0013 15.2307V14.2307V13.2307ZM10.0096 15.2307C10.5619 15.2307 11.0096 14.783 11.0096 14.2307C11.0096 13.6784 10.5619 13.2307 10.0096 13.2307V14.2307V15.2307ZM13.3346 10.2393C12.7824 10.2393 12.3346 10.687 12.3346 11.2393C12.3346 11.7915 12.7824 12.2393 13.3346 12.2393V11.2393V10.2393ZM13.343 12.2393C13.8953 12.2393 14.343 11.7915 14.343 11.2393C14.343 10.687 13.8953 10.2393 13.343 10.2393V11.2393V12.2393ZM13.3346 13.2307C12.7824 13.2307 12.3346 13.6784 12.3346 14.2307C12.3346 14.783 12.7824 15.2307 13.3346 15.2307V14.2307V13.2307ZM13.343 15.2307C13.8953 15.2307 14.343 14.783 14.343 14.2307C14.343 13.6784 13.8953 13.2307 13.343 13.2307V14.2307V15.2307ZM6.66797 11.2393V12.2393H6.6763V11.2393V10.2393H6.66797V11.2393ZM6.66797 14.2307V15.2307H6.6763V14.2307V13.2307H6.66797V14.2307ZM10.0013 11.2393V12.2393H10.0096V11.2393V10.2393H10.0013V11.2393ZM10.0013 14.2307V15.2307H10.0096V14.2307V13.2307H10.0013V14.2307ZM13.3346 11.2393V12.2393H13.343V11.2393V10.2393H13.3346V11.2393ZM13.3346 14.2307V15.2307H13.343V14.2307V13.2307H13.3346V14.2307Z' fill='%232F3337'/%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='M3.86502 18.0537L3.51765 18.7184H3.51765L3.86502 18.0537ZM2.77248 16.9331L3.44417 16.5995L3.44416 16.5995L2.77248 16.9331ZM16.135 18.0537L15.7876 17.389H15.7876L16.135 18.0537ZM17.2275 16.9331L16.5558 16.5995V16.5995L17.2275 16.9331ZM16.135 3.22803L15.7876 3.89273L15.7876 3.89273L16.135 3.22803ZM17.2275 4.34858L17.8992 4.0149V4.0149L17.2275 4.34858ZM3.86502 3.22803L4.21239 3.89273L3.86502 3.22803ZM2.77248 4.34858L3.44416 4.68226H3.44417L2.77248 4.34858ZM7.41667 1.6665C7.41667 1.25229 7.08088 0.916504 6.66667 0.916504C6.25245 0.916504 5.91667 1.25229 5.91667 1.6665H6.66667H7.41667ZM5.91667 4.23061C5.91667 4.64482 6.25245 4.98061 6.66667 4.98061C7.08088 4.98061 7.41667 4.64482 7.41667 4.23061H6.66667H5.91667ZM14.0833 1.6665C14.0833 1.25229 13.7475 0.916504 13.3333 0.916504C12.9191 0.916504 12.5833 1.25229 12.5833 1.6665H13.3333H14.0833ZM12.5833 4.23061C12.5833 4.64482 12.9191 4.98061 13.3333 4.98061C13.7475 4.98061 14.0833 4.64482 14.0833 4.23061H13.3333H12.5833ZM6.5 2.94856V3.69856H13.5V2.94856V2.19856H6.5V2.94856ZM13.5 18.3332V17.5832H6.5V18.3332V19.0832H13.5V18.3332ZM2.5 14.2306H3.25V7.22206H2.5H1.75V14.2306H2.5ZM2.5 7.22206H3.25V7.05112H2.5H1.75V7.22206H2.5ZM17.5 7.05112H16.75V7.22206H17.5H18.25V7.05112H17.5ZM17.5 7.22206H16.75V14.2306H17.5H18.25V7.22206H17.5ZM2.5 7.22206V7.97206H17.5V7.22206V6.47206H2.5V7.22206ZM6.5 18.3332V17.5832C5.78724 17.5832 5.29893 17.5826 4.92063 17.5509C4.55166 17.5199 4.35478 17.4634 4.21239 17.389L3.86502 18.0537L3.51765 18.7184C3.91005 18.9235 4.33059 19.0067 4.79538 19.0456C5.25083 19.0838 5.81262 19.0832 6.5 19.0832V18.3332ZM2.5 14.2306H1.75C1.75 14.9366 1.74945 15.51 1.78643 15.9743C1.82407 16.4467 1.90412 16.8709 2.1008 17.2668L2.77248 16.9331L3.44416 16.5995C3.36836 16.4469 3.31218 16.2378 3.28169 15.8551C3.25055 15.4643 3.25 14.9607 3.25 14.2306H2.5ZM3.86502 18.0537L4.21239 17.389C3.88457 17.2177 3.61453 16.9424 3.44417 16.5995L2.77248 16.9331L2.1008 17.2668C2.4098 17.8888 2.90467 18.3981 3.51765 18.7184L3.86502 18.0537ZM13.5 18.3332V19.0832C14.1874 19.0832 14.7492 19.0838 15.2046 19.0456C15.6694 19.0067 16.0899 18.9235 16.4823 18.7184L16.135 18.0537L15.7876 17.389C15.6452 17.4634 15.4483 17.5199 15.0794 17.5509C14.7011 17.5826 14.2128 17.5832 13.5 17.5832V18.3332ZM17.5 14.2306H16.75C16.75 14.9607 16.7494 15.4643 16.7183 15.8551C16.6878 16.2378 16.6316 16.4469 16.5558 16.5995L17.2275 16.9331L17.8992 17.2668C18.0959 16.8709 18.1759 16.4467 18.2136 15.9743C18.2506 15.51 18.25 14.9366 18.25 14.2306H17.5ZM16.135 18.0537L16.4823 18.7184C17.0953 18.3981 17.5902 17.8888 17.8992 17.2668L17.2275 16.9331L16.5558 16.5995C16.3855 16.9424 16.1154 17.2177 15.7876 17.389L16.135 18.0537ZM13.5 2.94856V3.69856C14.2128 3.69856 14.7011 3.69917 15.0794 3.73087C15.4483 3.76179 15.6452 3.81832 15.7876 3.89273L16.135 3.22803L16.4823 2.56332C16.0899 2.35826 15.6694 2.27506 15.2046 2.23611C14.7492 2.19794 14.1874 2.19856 13.5 2.19856V2.94856ZM17.5 7.05112H18.25C18.25 6.34517 18.2506 5.77173 18.2136 5.30747C18.1759 4.83499 18.0959 4.4108 17.8992 4.0149L17.2275 4.34858L16.5558 4.68226C16.6316 4.83485 16.6878 5.04392 16.7183 5.42658C16.7494 5.81745 16.75 6.32103 16.75 7.05112H17.5ZM16.135 3.22803L15.7876 3.89273C16.1154 4.06405 16.3855 4.33932 16.5558 4.68226L17.2275 4.34858L17.8992 4.0149C17.5902 3.3929 17.0953 2.88366 16.4823 2.56332L16.135 3.22803ZM6.5 2.94856V2.19856C5.81262 2.19856 5.25084 2.19794 4.79538 2.23611C4.33059 2.27506 3.91005 2.35826 3.51765 2.56332L3.86502 3.22803L4.21239 3.89273C4.35478 3.81832 4.55166 3.76179 4.92063 3.73087C5.29894 3.69917 5.78724 3.69856 6.5 3.69856V2.94856ZM2.5 7.05112H3.25C3.25 6.32103 3.25055 5.81745 3.28169 5.42658C3.31218 5.04392 3.36836 4.83485 3.44416 4.68226L2.77248 4.34858L2.1008 4.0149C1.90412 4.4108 1.82407 4.83499 1.78643 5.30747C1.74945 5.77173 1.75 6.34517 1.75 7.05112H2.5ZM3.86502 3.22803L3.51765 2.56332C2.90467 2.88366 2.4098 3.3929 2.1008 4.0149L2.77248 4.34858L3.44417 4.68226C3.61453 4.33932 3.88457 4.06405 4.21239 3.89273L3.86502 3.22803ZM6.66667 1.6665H5.91667V4.23061H6.66667H7.41667V1.6665H6.66667ZM13.3333 1.6665H12.5833V4.23061H13.3333H14.0833V1.6665H13.3333Z' fill='%232F3337'/%3E%3Cpath d='M6.66797 10.2393C6.11568 10.2393 5.66797 10.687 5.66797 11.2393C5.66797 11.7915 6.11568 12.2393 6.66797 12.2393V11.2393V10.2393ZM6.6763 12.2393C7.22859 12.2393 7.6763 11.7915 7.6763 11.2393C7.6763 10.687 7.22859 10.2393 6.6763 10.2393V11.2393V12.2393ZM6.66797 13.2307C6.11568 13.2307 5.66797 13.6784 5.66797 14.2307C5.66797 14.783 6.11568 15.2307 6.66797 15.2307V14.2307V13.2307ZM6.6763 15.2307C7.22859 15.2307 7.6763 14.783 7.6763 14.2307C7.6763 13.6784 7.22859 13.2307 6.6763 13.2307V14.2307V15.2307ZM10.0013 10.2393C9.44902 10.2393 9.0013 10.687 9.0013 11.2393C9.0013 11.7915 9.44902 12.2393 10.0013 12.2393V11.2393V10.2393ZM10.0096 12.2393C10.5619 12.2393 11.0096 11.7915 11.0096 11.2393C11.0096 10.687 10.5619 10.2393 10.0096 10.2393V11.2393V12.2393ZM10.0013 13.2307C9.44902 13.2307 9.0013 13.6784 9.0013 14.2307C9.0013 14.783 9.44902 15.2307 10.0013 15.2307V14.2307V13.2307ZM10.0096 15.2307C10.5619 15.2307 11.0096 14.783 11.0096 14.2307C11.0096 13.6784 10.5619 13.2307 10.0096 13.2307V14.2307V15.2307ZM13.3346 10.2393C12.7824 10.2393 12.3346 10.687 12.3346 11.2393C12.3346 11.7915 12.7824 12.2393 13.3346 12.2393V11.2393V10.2393ZM13.343 12.2393C13.8953 12.2393 14.343 11.7915 14.343 11.2393C14.343 10.687 13.8953 10.2393 13.343 10.2393V11.2393V12.2393ZM13.3346 13.2307C12.7824 13.2307 12.3346 13.6784 12.3346 14.2307C12.3346 14.783 12.7824 15.2307 13.3346 15.2307V14.2307V13.2307ZM13.343 15.2307C13.8953 15.2307 14.343 14.783 14.343 14.2307C14.343 13.6784 13.8953 13.2307 13.343 13.2307V14.2307V15.2307ZM6.66797 11.2393V12.2393H6.6763V11.2393V10.2393H6.66797V11.2393ZM6.66797 14.2307V15.2307H6.6763V14.2307V13.2307H6.66797V14.2307ZM10.0013 11.2393V12.2393H10.0096V11.2393V10.2393H10.0013V11.2393ZM10.0013 14.2307V15.2307H10.0096V14.2307V13.2307H10.0013V14.2307ZM13.3346 11.2393V12.2393H13.343V11.2393V10.2393H13.3346V11.2393ZM13.3346 14.2307V15.2307H13.343V14.2307V13.2307H13.3346V14.2307Z' fill='%232F3337'/%3E%3C/svg%3E");
}

.lesson-content {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.wr-row.xm {
    gap: 8px;
}

.button-count {
    border-radius: 12px;
    background: var(--accent-color, #0956FF);
    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;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    color: var(--global-white);
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    height: 20px;
    min-width: 20px;
    padding: 0px 4px;
}

@media screen and (max-width: 1244px) {
    .wr-column {
        gap: 16px;
    }
    .button-count {
        width: 16px;
        height: 16px;
        font-size: 11px;
    }
    .button-secondary.min-only-icon {
        width: 40px;
        padding: 0;
    }
    .button-secondary.min-only-icon > p {
        display: none;
    }
    .wr-row.xm {
        gap: 6px;
    }
    .lesson-item {
        border-radius: 20px;
    }
    .lesson-schedule {
        gap: 12px;
        padding: 16px;
    }
    .lesson-teacher-info > span {
        font-size: 16px;
        letter-spacing: -0.32px;
    }
    .lesson-teacher-info > p {
        font-size: 12px;
    }
    .lesson-teacher {
        gap: 12px;
    }
    .lesson-teacher > img {
        width: 40px;
        height: 40px;
    }
    .lesson-content > p {
        font-size: 12px;
    }
    .schedule-hours-content {
        gap: 6px;
    }
    .schedule-days-items > .item > p {
        font-size: 12px;
    }
    .dropdown-content > .item > p {
        font-size: 12px;
    }
}
@media screen and (max-width: 624px) {
    .wr-head-content.min-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .wr-head-content.min-wrap > .lessons-filter > .dropdown {
        max-width: 100%;
    }
    .wr-head-content.min-wrap > .wr-links.switch > .item {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: 100%;
    }
    .wr-head-content.min-wrap > .wr-links.switch > .item > .x-icon {
        width: 16px;
        height: 16px;
    }
    .schedule-hours-items {
        gap: 6px;
    }
    .schedule-hours-items > .item {
        border-radius: 20px;
        height: 40px;
        font-size: 12px;
    }
}

.individual-variants {
    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;
    width: 100%;
    gap: 8px;
    padding: 40px 0;
}
.individual-variants > img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 400px;
    width: 100%;
    -o-object-position: center;
       object-position: center;
    -o-object-fit: contain;
       object-fit: contain;
}

.individual-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;
    text-align: center;
    gap: 8px;
}
.individual-text > span {
    color: var(--dark-text);
    text-align: center;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.52px;
}
.individual-text > p {
    color: var(--darkgray-text);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
}

.individual-variants-content {
    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;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 24px;
}

.individual-variant-text {
    -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;
    padding: 0px 4px;
}
.individual-variant-text > span {
    color: var(--dark-text);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}
.individual-variant-text > p {
    color: var(--darkgray-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
}

.individual-variant {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 300px;
            flex: 1 1 300px;
    padding: 16px 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    gap: 16px;
    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);
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
.individual-variant > .x-icon::before {
    background: var(--gray-text);
}
.individual-variant:only-child {
    max-width: 320px;
}
.individual-variant: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);
}

.individual-variant-icon {
    width: 40px;
    height: 40px;
    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;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    border-radius: 100px;
    background: var(--accent-color);
}
.individual-variant-icon > .x-icon::before {
    background: var(--global-white);
}

.individual-variants-links {
    max-width: 656px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 16px;
}

@media screen and (max-width: 1244px) {
    .individual-variants {
        padding: 28px 0;
        gap: 6px;
    }
    .individual-variants > img {
        height: 120px;
    }
    .individual-text {
        gap: 6px;
    }
    .individual-text > span {
        font-size: 18px;
        letter-spacing: -0.36px;
    }
    .individual-text > p {
        font-size: 14px;
    }
    .individual-variants-content {
        gap: 16px;
    }
    .individual-variant {
        border-radius: 20px;
        gap: 12px;
        padding: 12px 16px;
        max-width: 260px;
    }
    .individual-variants-links {
        gap: 12px;
    }
    .individual-variant-text > span {
        font-size: 14px;
    }
    .individual-variant-text > p {
        font-size: 12px;
    }
}

.event-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: 24px;
    width: 100%;
}

.event-group {
    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: 12px;
}
.event-group > p {
    color: var(--dark-text);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.4px;
}

.event-item-details {
    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;
    padding: 8px;
    border-radius: 12px;
    background: var(--gray-bg);
}
.event-item-details > span {
    color: var(--gray-text);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

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

.event-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    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);
}

.event-item-body {
    -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: 8px;
    padding: 16px;
}

.event-item-action {
    overflow: hidden;
    border-radius: 0 0 23px 23px;
}
.event-item-action > .button {
    border-radius: 0;
}

.event-item-info {
    padding: 4px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 8px;
}
.event-item-info > img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 40px;
    height: 40px;
    border-radius: 100px;
    -o-object-position: center;
       object-position: center;
    -o-object-fit: cover;
       object-fit: cover;
}

.event-item-teacher {
    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;
}
.event-item-teacher > span {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}
.event-item-teacher > p {
    color: var(--dark-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 120%;
}

.event-item-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.event-item-time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 24px;
    background: var(--gray-bg-2);
}
.event-item-time > p {
    height: 28px;
    border-radius: 24px;
    background: var(--global-sub-a-primary);
    padding: 0px 12px;
    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;
    gap: 4px;
    color: var(--global-white);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}
.event-item-time > span {
    height: 28px;
    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;
    gap: 4px;
    padding: 0px 12px;
    color: var(--dark-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    position: relative;
}
.event-item-time > span::before {
    position: relative;
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 12px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cg clip-path='url(%23clip0_7002_19547)'%3E%3Cpath d='M6 2.94444V5.97699C6 5.99172 5.99415 6.00585 5.98373 6.01627L4.33333 7.66667M11 6C11 8.76142 8.76142 11 6 11C3.23858 11 1 8.76142 1 6C1 3.23858 3.23858 1 6 1C8.76142 1 11 3.23858 11 6Z' stroke='%232F3337' stroke-width='1.25' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7002_19547'%3E%3Crect width='12' height='12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.event-group-content {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 8px;
}

.event-action {
    position: relative;
    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: end;
        -ms-flex-align: end;
            align-items: flex-end;
}
.event-action.active > .event-trigger {
    background-color: var(--gray-bg-2);
}
.event-action.active > .event-action-content {
    pointer-events: all;
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}

.event-trigger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    width: 32px;
    height: 28px;
    border-radius: 100px;
    background-image: 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='M5.13185 13.1631C4.81185 13.1631 4.53795 13.0492 4.31015 12.8214C4.08255 12.5938 3.96875 12.32 3.96875 12C3.96875 11.68 4.08255 11.4062 4.31015 11.1786C4.53795 10.9508 4.81185 10.8369 5.13185 10.8369C5.45185 10.8369 5.72565 10.9508 5.95325 11.1786C6.18105 11.4062 6.29495 11.68 6.29495 12C6.29495 12.32 6.18105 12.5938 5.95325 12.8214C5.72565 13.0492 5.45185 13.1631 5.13185 13.1631ZM11.9995 13.1631C11.6795 13.1631 11.4057 13.0492 11.1781 12.8214C10.9503 12.5938 10.8364 12.32 10.8364 12C10.8364 11.68 10.9503 11.4062 11.1781 11.1786C11.4057 10.9508 11.6795 10.8369 11.9995 10.8369C12.3195 10.8369 12.5933 10.9508 12.8209 11.1786C13.0487 11.4062 13.1626 11.68 13.1626 12C13.1626 12.32 13.0487 12.5938 12.8209 12.8214C12.5933 13.0492 12.3195 13.1631 11.9995 13.1631ZM18.8671 13.1631C18.5471 13.1631 18.2733 13.0492 18.0457 12.8214C17.8179 12.5938 17.704 12.32 17.704 12C17.704 11.68 17.8179 11.4062 18.0457 11.1786C18.2733 10.9508 18.5471 10.8369 18.8671 10.8369C19.1871 10.8369 19.461 10.9508 19.6888 11.1786C19.9164 11.4062 20.0302 11.68 20.0302 12C20.0302 12.32 19.9164 12.5938 19.6888 12.8214C19.461 13.0492 19.1871 13.1631 18.8671 13.1631Z' fill='%23868F98'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px 24px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
.event-trigger:hover {
    background-color: var(--gray-bg-2);
}

.event-action-content {
    -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s, transform 0.2s;
    transition: opacity 0.2s, transform 0.2s, -webkit-transform 0.2s;
    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;
    padding: 4px;
    border-radius: 24px;
    background: var(--white-bg);
    -webkit-box-shadow: 0 2px 6px 0 rgba(15, 19, 28, 0.07), 0 4px 16px -8px rgba(15, 19, 28, 0.24);
            box-shadow: 0 2px 6px 0 rgba(15, 19, 28, 0.07), 0 4px 16px -8px rgba(15, 19, 28, 0.24);
    position: absolute;
    right: 0;
    top: 100%;
    min-width: 200px;
    max-width: 320px;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    opacity: 0;
    pointer-events: none;
}
.event-action-content > .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 40px;
    padding: 0px 16px;
    border-radius: 20px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
.event-action-content > .item:hover {
    background: var(--gray-bg-2);
}
.event-action-content > .item > p {
    white-space: nowrap;
    color: var(--darkgray-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.wr-popup-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px;
}
.wr-popup-action > .button {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.wr-popup-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;
    gap: 16px;
}
.wr-popup-text > span {
    color: var(--dark-text);
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.4px;
}
.wr-popup-text > p {
    max-width: 360px;
    width: 100%;
    color: var(--darkgray-text);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
}
.wr-popup-text > p > a {
    color: var(--accent-color);
}

.button-base.destructive {
    background: var(--global-red);
}

.event-item.sub-a .event-item-time > p {
    background: var(--global-sub-a-primary);
}
.event-item.sub-a .event-item-action > .button-secondary {
    background: var(--global-sub-a-secondary);
}
.event-item.sub-a .event-item-action > .button-secondary > p {
    color: var(--global-sub-a-primary);
}
.event-item.sub-a .event-item-action > .button-base {
    background: var(--global-sub-a-primary);
}

.event-item.sub-e .event-item-time > p {
    background: var(--global-sub-e-primary);
}
.event-item.sub-e .event-item-action > .button-secondary {
    background: var(--global-sub-e-secondary);
}
.event-item.sub-e .event-item-action > .button-secondary > p {
    color: var(--global-sub-e-primary);
}
.event-item.sub-e .event-item-action > .button-base {
    background: var(--global-sub-e-primary);
}

.event-item.sub-c .event-item-time > p {
    background: var(--global-sub-c-primary);
}
.event-item.sub-c .event-item-action > .button-secondary {
    background: var(--global-sub-c-secondary);
}
.event-item.sub-c .event-item-action > .button-secondary > p {
    color: var(--global-sub-c-primary);
}
.event-item.sub-c .event-item-action > .button-base {
    background: var(--global-sub-c-primary);
}

.event-item.sub-f .event-item-time > p {
    background: var(--global-sub-f-primary);
}
.event-item.sub-f .event-item-action > .button-secondary {
    background: var(--global-sub-f-secondary);
}
.event-item.sub-f .event-item-action > .button-secondary > p {
    color: var(--global-sub-f-primary);
}
.event-item.sub-f .event-item-action > .button-base {
    background: var(--global-sub-f-primary);
}

.event-item.sub-d .event-item-time > p {
    background: var(--global-sub-d-extra);
}
.event-item.sub-d .event-item-action > .button-secondary {
    background: var(--global-sub-d-secondary);
}
.event-item.sub-d .event-item-action > .button-secondary > p {
    color: var(--global-sub-d-extra);
}
.event-item.sub-d .event-item-action > .button-base {
    background: var(--global-sub-d-extra);
}

.event-item.sub-b .event-item-time > p {
    background: var(--global-sub-b-primary);
}
.event-item.sub-b .event-item-action > .button-secondary {
    background: var(--global-sub-b-secondary);
}
.event-item.sub-b .event-item-action > .button-secondary > p {
    color: var(--global-sub-b-primary);
}
.event-item.sub-b .event-item-action > .button-base {
    background: var(--global-sub-b-primary);
}

@media screen and (max-width: 1244px) {
    .event-item-body {
        padding: 12px;
        gap: 6px;
    }
    .event-item {
        border-radius: 20px;
    }
    .event-item-info {
        padding: 0;
    }
    .event-item-teacher > span {
        font-size: 12px;
    }
    .event-item-teacher > p {
        font-size: 12px;
    }
    .event-item-time > p {
        font-size: 12px;
        padding: 0px 10px;
    }
    .event-item-time > span {
        padding: 0px 10px;
        font-size: 12px;
    }
    .event-item-text {
        font-size: 12px;
    }
    .event-item-details {
        border-radius: 8px;
        padding: 6px;
    }
    .event-item-details > span {
        font-size: 11px;
    }
    .event-group > p {
        font-size: 16px;
    }
    .event-action-content {
        border-radius: 20px;
    }
    .event-action-content > .item {
        padding: 0px 12px;
    }
    .event-action-content > .item > p {
        font-size: 12px;
    }
    .wr-popup-text {
        gap: 12px;
    }
    .wr-popup-text > span {
        font-size: 16px;
        letter-spacing: -0.32px;
    }
    .wr-popup-text > p {
        font-size: 14px;
    }
    .wr-popup-action {
        gap: 6px;
    }
}

.wr-course-wrapper.min > .wr-course-head-wrapper .wr-course-action {
    display: none;
}
.wr-course-wrapper.min > .wr-course-body-wrapper {
    padding-top: 0;
}

.wr-lesson-item.disabled {
    pointer-events: none;
}
.wr-lesson-item.disabled > * {
    opacity: 0.4;
}

.xi-complete {
    -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.33337 9.89517L7.6535 14.7357C7.71933 14.8095 7.8373 14.8103 7.90426 14.7375L16.6667 5.20825' stroke='%23090A0B' 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='M3.33337 9.89517L7.6535 14.7357C7.71933 14.8095 7.8373 14.8103 7.90426 14.7375L16.6667 5.20825' stroke='%23090A0B' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.wr-auth {
    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;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 64px 16px;
}

.wr-auth-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 440px;
    width: 100%;
    margin: 0 auto;
}

.wr-field-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
}
.wr-field-head > span {
    color: var(--darkgray-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.wr-auth-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: 40px;
}

.wr-fields {
    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-field-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: 4px;
}

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

.wr-auth-text > p {
    color: var(--darkgray-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
}
.wr-auth-text > p > a {
    color: var(--accent-color);
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
.wr-auth-text > p > a:hover {
    opacity: 0.7;
}
.wr-auth-text.center > p {
    text-align: center;
}

.wr-auth-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    gap: 16px;
}
.wr-auth-action > p {
    color: var(--darkgray-text);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
}
.wr-auth-action > .button {
    width: 100%;
}

.wr-auth-action-extra {
    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-auth-action-extra > .button {
    width: 100%;
}

.wr-auth-bottom {
    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-auth-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.wr-auth-head.center {
    text-align: center;
}
.wr-auth-head > span {
    color: var(--dark-text);
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.64px;
}

body.auth {
    background: url(../img/wr-auth-bg.webp), var(--white-bg);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
}

.wr-auth-effect {
    position: fixed;
    width: 100%;
    height: 100%;
    inset: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.wr-auth-effect > img {
    width: 100%;
}

.wr-auth-logo {
    margin: 0px auto;
    height: 32px;
    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;
}
.wr-auth-logo > img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -o-object-position: center;
       object-position: center;
    -o-object-fit: contain;
       object-fit: contain;
}

.wr-field:focus-within {
    border-color: var(--accent-color);
}
.wr-field.error {
    border-color: var(--global-red);
}

.error-text {
    color: var(--global-red) !important;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
}

.wr-show-password {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    cursor: pointer;
    width: 24px;
    height: 24px;
    background-image: 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 18C16.679 18 19.966 14.9333 21.4597 13.1848C21.7295 12.869 21.8644 12.7112 21.9532 12.4084C22.0156 12.1955 22.0156 11.8045 21.9532 11.5916C21.8644 11.2888 21.7295 11.131 21.4597 10.8152C19.966 9.06674 16.679 6 12 6C7.32099 6 4.03405 9.06674 2.54027 10.8152C2.27051 11.131 2.13564 11.2888 2.04683 11.5916C1.98439 11.8045 1.98439 12.1955 2.04683 12.4084C2.13564 12.7112 2.27051 12.869 2.54027 13.1848C4.03405 14.9333 7.32099 18 12 18Z' stroke='%23868F98' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M15 12C15 13.6569 13.6569 15 12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9C13.6569 9 15 10.3431 15 12Z' stroke='%23868F98' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.wr-show-password.active {
    background-image: 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='M2.54027 13.1848L3.1105 12.6976L3.1105 12.6976L2.54027 13.1848ZM21.4597 10.8152L20.8895 11.3024L20.8895 11.3024L21.4597 10.8152ZM2.04683 12.4084L2.76652 12.1973L2.76652 12.1973L2.04683 12.4084ZM2.54027 10.8152L1.97003 10.328L1.97003 10.328L2.54027 10.8152ZM2.04683 11.5916L2.76652 11.8027L2.76652 11.8027L2.04683 11.5916ZM21.4597 13.1848L20.8895 12.6976L20.8895 12.6976L21.4597 13.1848ZM21.9532 12.4084L22.6729 12.6194L22.6729 12.6194L21.9532 12.4084ZM21.9532 11.5916L22.6729 11.3806L22.6729 11.3806L21.9532 11.5916ZM5.56106 9.00682C5.89389 8.76025 5.96382 8.29055 5.71726 7.95772C5.47069 7.62489 5.00099 7.55496 4.66816 7.80152L5.11461 8.40417L5.56106 9.00682ZM9.76151 12.2296C9.71992 11.8174 9.35211 11.5171 8.93999 11.5587C8.52787 11.6002 8.2275 11.9681 8.26909 12.3802L9.0153 12.3049L9.76151 12.2296ZM11.6198 15.7309C12.0319 15.7725 12.3998 15.4721 12.4413 15.06C12.4829 14.6479 12.1826 14.2801 11.7704 14.2385L11.6951 14.9847L11.6198 15.7309ZM14.6002 18.4484C15.0035 18.3536 15.2535 17.9499 15.1588 17.5467C15.0641 17.1435 14.6604 16.8934 14.2571 16.9881L14.4287 17.7182L14.6002 18.4484ZM4.53033 3.46967C4.23744 3.17678 3.76256 3.17678 3.46967 3.46967C3.17678 3.76256 3.17678 4.23744 3.46967 4.53033L4 4L4.53033 3.46967ZM19.4697 20.5303C19.7626 20.8232 20.2374 20.8232 20.5303 20.5303C20.8232 20.2374 20.8232 19.7626 20.5303 19.4697L20 20L19.4697 20.5303ZM7.15414 7.15414L6.62381 7.68447L6.62381 7.68447L7.15414 7.15414ZM12 18V17.25C7.65653 17.25 4.56029 14.3946 3.1105 12.6976L2.54027 13.1848L1.97003 13.672C3.50781 15.4719 6.98545 18.75 12 18.75V18ZM12 6V6.75C16.3435 6.75 19.4397 9.6054 20.8895 11.3024L21.4597 10.8152L22.03 10.328C20.4922 8.52807 17.0146 5.25 12 5.25V6ZM2.54027 13.1848L3.1105 12.6976C2.83163 12.3712 2.80417 12.3257 2.76652 12.1973L2.04683 12.4084L1.32715 12.6194C1.46711 13.0967 1.70939 13.3669 1.97003 13.672L2.54027 13.1848ZM2.54027 10.8152L1.97003 10.328C1.7094 10.6331 1.46711 10.9033 1.32715 11.3806L2.04683 11.5916L2.76652 11.8027C2.80417 11.6743 2.83163 11.6288 3.1105 11.3024L2.54027 10.8152ZM2.04683 12.4084L2.76652 12.1973C2.76689 12.1986 2.76178 12.1798 2.75708 12.1377C2.75268 12.0982 2.75 12.0507 2.75 12C2.75 11.9493 2.75268 11.9018 2.75708 11.8623C2.76178 11.8202 2.76689 11.8014 2.76652 11.8027L2.04683 11.5916L1.32715 11.3806C1.26785 11.5827 1.25 11.8129 1.25 12C1.25 12.1871 1.26785 12.4173 1.32715 12.6194L2.04683 12.4084ZM21.4597 13.1848L22.03 13.672C22.2906 13.3669 22.5329 13.0967 22.6729 12.6194L21.9532 12.4084L21.2335 12.1973C21.1958 12.3257 21.1684 12.3712 20.8895 12.6976L21.4597 13.1848ZM21.4597 10.8152L20.8895 11.3024C21.1684 11.6288 21.1958 11.6743 21.2335 11.8027L21.9532 11.5916L22.6729 11.3806C22.5329 10.9033 22.2906 10.6331 22.03 10.328L21.4597 10.8152ZM21.9532 12.4084L22.6729 12.6194C22.7321 12.4173 22.75 12.1871 22.75 12C22.75 11.8129 22.7321 11.5827 22.6729 11.3806L21.9532 11.5916L21.2335 11.8027C21.2331 11.8014 21.2382 11.8202 21.2429 11.8623C21.2473 11.9018 21.25 11.9493 21.25 12C21.25 12.0507 21.2473 12.0982 21.2429 12.1377C21.2382 12.1798 21.2331 12.1986 21.2335 12.1973L21.9532 12.4084ZM12 9V9.75C13.2426 9.75 14.25 10.7574 14.25 12H15H15.75C15.75 9.92893 14.0711 8.25 12 8.25V9ZM2.54027 10.8152L3.1105 11.3024C3.672 10.6451 4.49764 9.79461 5.56106 9.00682L5.11461 8.40417L4.66816 7.80152C3.49189 8.67292 2.58498 9.60824 1.97003 10.328L2.54027 10.8152ZM11.6951 14.9847L11.7704 14.2385C10.7117 14.1316 9.86836 13.2883 9.76151 12.2296L9.0153 12.3049L8.26909 12.3802C8.44753 14.1482 9.85176 15.5525 11.6198 15.7309L11.6951 14.9847ZM14.4287 17.7182L14.2571 16.9881C13.5494 17.1544 12.7965 17.25 12 17.25V18V18.75C12.9177 18.75 13.7856 18.6398 14.6002 18.4484L14.4287 17.7182ZM4 4L3.46967 4.53033L6.62381 7.68447L7.15414 7.15414L7.68447 6.62381L4.53033 3.46967L4 4ZM7.15414 7.15414L7.48515 7.82715C8.7835 7.18858 10.2942 6.75 12 6.75V6V5.25C10.0293 5.25 8.2932 5.75812 6.82314 6.48114L7.15414 7.15414ZM16.8459 16.8459L16.3155 17.3762L19.4697 20.5303L20 20L20.5303 19.4697L17.3762 16.3155L16.8459 16.8459ZM21.4597 13.1848L20.8895 12.6976C20.02 13.7154 18.5295 15.182 16.5149 16.1729L16.8459 16.8459L17.1769 17.5189C19.4404 16.4056 21.0857 14.7773 22.03 13.672L21.4597 13.1848ZM14.1213 14.1213L13.591 14.6517L16.3155 17.3762L16.8459 16.8459L17.3762 16.3155L14.6517 13.591L14.1213 14.1213ZM15 12H14.25C14.25 12.6215 13.999 13.183 13.591 13.591L14.1213 14.1213L14.6517 14.6517C15.3294 13.9739 15.75 13.0353 15.75 12H15ZM7.15414 7.15414L6.62381 7.68447L9.34835 10.409L9.87868 9.87868L10.409 9.34835L7.68447 6.62381L7.15414 7.15414ZM9.87868 9.87868L9.34835 10.409L13.591 14.6517L14.1213 14.1213L14.6517 13.591L10.409 9.34835L9.87868 9.87868ZM9.87868 9.87868L10.409 10.409C10.817 10.001 11.3785 9.75 12 9.75V9V8.25C10.9647 8.25 10.0261 8.67055 9.34835 9.34835L9.87868 9.87868Z' fill='%23868F98'/%3E%3C/svg%3E");
}

.wr-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 16px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.wr-group > * {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 140px;
            flex: 1 1 140px;
}

.wr-auth-head {
    gap: 12px;
}
.wr-auth-head > p {
    color: var(--darkgray-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
}

@media screen and (max-width: 1244px) {
    .wr-auth-head {
        gap: 8px;
    }
    .wr-auth-head > span {
        font-size: 20px;
        letter-spacing: -0.4px;
    }
    .wr-auth-content {
        gap: 28px;
    }
    .wr-auth-logo {
        height: 24px;
    }
    .wr-auth-action {
        gap: 12px;
    }
    .wr-auth-action > p {
        font-size: 12px;
    }
    .wr-auth-text > p {
        font-size: 12px;
    }
    .wr-auth-bottom {
        gap: 16px;
    }
    .wr-field-head > span {
        font-size: 12px;
    }
    .wr-field-head > .button-text > p {
        font-size: 12px;
    }
    .wr-field {
        height: 42px;
    }
    .wr-field > input {
        font-size: 14px;
    }
    .wr-fields {
        gap: 12px;
    }
    body.auth {
        background-size: contain;
    }
    .wr-group {
        gap: 12px;
    }
    .wr-field {
        padding: 0px 14px;
    }
}

.avatar-user.legend {
    position: relative;
}
.avatar-user.legend::before {
    position: absolute;
    content: "";
    width: calc(100% + 28px);
    height: calc(100% + 28px);
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background-image: url(../img/legend-frame.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}