.th1 {
    --primary-color: rgb(85, 82, 232);
    --primary-color-hover: rgb(57, 54, 204);
}
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: var(--sans-serif);
}
body {
    margin: 0;
}
*, h1, h2, h3, h4, h5, h6, p {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
user agent stylesheet
body {
    display: block;
    margin: 8px;
}
:root {
    --swiper-navigation-size: 44px;
}
:root {
    --swiper-theme-color: #007aff;
}
:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1;
}
:root {
    --title-primary-color: rgb(0, 0, 0);
    --title-primary-color-inverse: rgb(255, 255, 255);
    --subtitle-primary-color: rgba(0, 0, 0, .7);
    --subtitle-primary-color-inverse: rgba(255, 255, 255, .7);
    --text-primary-color: rgba(0, 0, 0, .7);
    --text-primary-color-inverse: rgba(255, 255, 255, .7);
    --text-primary-color-inverse-white: rgb(255, 255, 255);
    --caption-primary-color: rgba(0, 0, 0, .4);
    --caption-primary-color-inverse: rgba(255, 255, 255, .4);
    --background-fade: rgba(0, 0, 0, .4);
    --text-size-gigantic: 64px;
    --text-size-large: 48px;
    --text-size-big: 28px;
    --text-size-middle: 24px;
    --text-size-regular: 18px;
    --text-size-small: 15px;
    --text-size-little: 13px;
    --border-color: rgba(0, 0, 0, .1);
    --border-color-inverse: rgba(255, 255, 255, .3);
    --border-color-hover: rgba(0, 0, 0, .2);
    --border-color-focus: rgba(0, 0, 0, .2);
    --border-color-active: rgba(0, 0, 0, .2);
    --button-primary-color: #fff;
    --button-primary-bg: #fff;
    --button-secondary-color: #fff;
    --button-secondary-bg: #fff;
    --button-tertiary-color: #fff;
    --button-tertiary-bg: #fff;
    --button-border-radius: 6px;
    --sans-serif: ui-sans-serif, system-ui, -system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --serif: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --monospace: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --handwriting: ui-handwriting, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", handwriting, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
:root {
    --black: #000000;
    --white: #ffffff;
    --border-color: #f0f0f0;
    --box-shadow-color: rgba(0, 0, 0, .08);
    --box-shadow-color-hover: rgba(0, 0, 0, .16);
    --primary-color: #5552E8;
    --primary-color-hover: #3936cc;
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}