.row {
    --gap: 0px;
    --row-gap: var(--gap);
    --column-gap: var(--gap);
    --columns: 12;
    gap: var(--row-gap) var(--column-gap);
    flex-wrap: wrap;
    display: flex
}

.row-col {
    --size: 12;
    --column: calc(var(--columns) / var(--size));
    --width: calc((100% - var(--column-gap) * (var(--column) - 1)) / var(--column));
    width: var(--width)
}

:is(a.NewsBanner, a.NewsBanner-poster) .NewsBanner-img,
.NewsItem-img,
.HomeNews-img {
    transition-property: transform;
    transition-duration: .5s;
    transition-timing-function: var(--ease-5);
    transform: scale(1.01)
}

:is(a.NewsBanner:hover, a.NewsBanner-poster:hover) .NewsBanner-img,
a.NewsItem:hover .NewsItem-img,
a.HomeNews:hover .HomeNews-img {
    transform: scale(1.125)
}

@font-face {
    font-family: Plus Jakarta Sans Variable;
    font-style: normal;
    font-display: swap;
    font-weight: 200 800;
    src: url(../static/fonts/plus-jakarta-sans-cyrillic-ext-wght-normal.woff2)format("woff2-variations");
    unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: Plus Jakarta Sans Variable;
    font-style: normal;
    font-display: swap;
    font-weight: 200 800;
    src: url(../static/fonts/plus-jakarta-sans-vietnamese-wght-normal.woff2)format("woff2-variations");
    unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: Plus Jakarta Sans Variable;
    font-style: normal;
    font-display: swap;
    font-weight: 200 800;
    src: url(../static/fonts/plus-jakarta-sans-latin-ext-wght-normal.woff2)format("woff2-variations");
    unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Plus Jakarta Sans Variable;
    font-style: normal;
    font-display: swap;
    font-weight: 200 800;
    src: url(../static/fonts/plus-jakarta-sans-latin-wght-normal.woff2)format("woff2-variations");
    unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Plus Jakarta Sans Variable;
    font-style: italic;
    font-display: swap;
    font-weight: 200 800;
    src: url(../static/fonts/plus-jakarta-sans-cyrillic-ext-wght-italic.woff2)format("woff2-variations");
    unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: Plus Jakarta Sans Variable;
    font-style: italic;
    font-display: swap;
    font-weight: 200 800;
    src: url(../static/fonts/plus-jakarta-sans-vietnamese-wght-italic.woff2)format("woff2-variations");
    unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: Plus Jakarta Sans Variable;
    font-style: italic;
    font-display: swap;
    font-weight: 200 800;
    src: url(../static/fonts/plus-jakarta-sans-latin-ext-wght-italic.woff2)format("woff2-variations");
    unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Plus Jakarta Sans Variable;
    font-style: italic;
    font-display: swap;
    font-weight: 200 800;
    src: url(../static/fonts/plus-jakarta-sans-latin-wght-italic.woff2)format("woff2-variations");
    unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

*,
:after,
:before,
::backdrop {
    box-sizing: border-box;
    border: 0 solid #0000;
    margin: 0;
    padding: 0
}

::file-selector-button {
    box-sizing: border-box;
    border: 0 solid #0000;
    margin: 0;
    padding: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp,
pre {
    font-family: ui-monospace, SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: currentColor;
    text-decoration: initial
}

table {
    border-color: currentColor
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: inherit;
    margin: 0
}

button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button;
    color: initial;
    background-color: initial;
    cursor: pointer
}

legend {
    padding: 0
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button {
    height: auto
}

::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

ol,
ul,
menu {
    list-style: none
}

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object,
picture {
    vertical-align: middle;
    display: block
}

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

[hidden]:where(:not([hidden=until-found])) {
    display: none !important
}

:root {
    --ease-1: cubic-bezier(.25, 0, .5, 1);
    --ease-2: cubic-bezier(.25, 0, .4, 1);
    --ease-3: cubic-bezier(.25, 0, .3, 1);
    --ease-4: cubic-bezier(.25, 0, .2, 1);
    --ease-5: cubic-bezier(.25, 0, .1, 1);
    --ease-in-1: cubic-bezier(.25, 0, 1, 1);
    --ease-in-2: cubic-bezier(.5, 0, 1, 1);
    --ease-in-3: cubic-bezier(.7, 0, 1, 1);
    --ease-in-4: cubic-bezier(.9, 0, 1, 1);
    --ease-in-5: cubic-bezier(1, 0, 1, 1);
    --ease-out-1: cubic-bezier(0, 0, .75, 1);
    --ease-out-2: cubic-bezier(0, 0, .5, 1);
    --ease-out-3: cubic-bezier(0, 0, .3, 1);
    --ease-out-4: cubic-bezier(0, 0, .1, 1);
    --ease-out-5: cubic-bezier(0, 0, 0, 1);
    --ease-in-out-1: cubic-bezier(.1, 0, .9, 1);
    --ease-in-out-2: cubic-bezier(.3, 0, .7, 1);
    --ease-in-out-3: cubic-bezier(.5, 0, .5, 1);
    --ease-in-out-4: cubic-bezier(.7, 0, .3, 1);
    --ease-in-out-5: cubic-bezier(.9, 0, .1, 1);
    --ease-elastic-out-1: cubic-bezier(.5, .75, .75, 1.25);
    --ease-elastic-out-2: cubic-bezier(.5, 1, .75, 1.25);
    --ease-elastic-out-3: cubic-bezier(.5, 1.25, .75, 1.25);
    --ease-elastic-out-4: cubic-bezier(.5, 1.5, .75, 1.25);
    --ease-elastic-out-5: cubic-bezier(.5, 1.75, .75, 1.25);
    --ease-elastic-in-1: cubic-bezier(.5, -.25, .75, 1);
    --ease-elastic-in-2: cubic-bezier(.5, -.5, .75, 1);
    --ease-elastic-in-3: cubic-bezier(.5, -.75, .75, 1);
    --ease-elastic-in-4: cubic-bezier(.5, -1, .75, 1);
    --ease-elastic-in-5: cubic-bezier(.5, -1.25, .75, 1);
    --ease-elastic-in-out-1: cubic-bezier(.5, -.1, .1, 1.5);
    --ease-elastic-in-out-2: cubic-bezier(.5, -.3, .1, 1.5);
    --ease-elastic-in-out-3: cubic-bezier(.5, -.5, .1, 1.5);
    --ease-elastic-in-out-4: cubic-bezier(.5, -.7, .1, 1.5);
    --ease-elastic-in-out-5: cubic-bezier(.5, -.9, .1, 1.5);
    --ease-step-1: steps(2);
    --ease-step-2: steps(3);
    --ease-step-3: steps(4);
    --ease-step-4: steps(7);
    --ease-step-5: steps(10);
    --ease-elastic-1: var(--ease-elastic-out-1);
    --ease-elastic-2: var(--ease-elastic-out-2);
    --ease-elastic-3: var(--ease-elastic-out-3);
    --ease-elastic-4: var(--ease-elastic-out-4);
    --ease-elastic-5: var(--ease-elastic-out-5);
    --ease-squish-1: var(--ease-elastic-in-out-1);
    --ease-squish-2: var(--ease-elastic-in-out-2);
    --ease-squish-3: var(--ease-elastic-in-out-3);
    --ease-squish-4: var(--ease-elastic-in-out-4);
    --ease-squish-5: var(--ease-elastic-in-out-5);
    --ease-spring-1: linear(0, .006, .025 2.8%, .101 6.1%, .539 18.9%, .721 25.3%, .849 31.5%, .937 38.1%, .968 41.8%, .991 45.7%, 1.006 50.1%, 1.015 55%, 1.017 63.9%, 1.001);
    --ease-spring-2: linear(0, .007, .029 2.2%, .118 4.7%, .625 14.4%, .826 19%, .902, .962, 1.008 26.1%, 1.041 28.7%, 1.064 32.1%, 1.07 36%, 1.061 40.5%, 1.015 53.4%, .999 61.6%, .995 71.2%, 1);
    --ease-spring-3: linear(0, .009, .035 2.1%, .141 4.4%, .723 12.9%, .938 16.7%, 1.017, 1.077, 1.121, 1.149 24.3%, 1.159, 1.163, 1.161, 1.154 29.9%, 1.129 32.8%, 1.051 39.6%, 1.017 43.1%, .991, .977 51%, .974 53.8%, .975 57.1%, .997 69.8%, 1.003 76.9%, 1);
    --ease-spring-4: linear(0, .009, .037 1.7%, .153 3.6%, .776 10.3%, 1.001, 1.142 16%, 1.185, 1.209 19%, 1.215 19.9% 20.8%, 1.199, 1.165 25%, 1.056 30.3%, 1.008 33%, .973, .955 39.2%, .953 41.1%, .957 43.3%, .998 53.3%, 1.009 59.1% 63.7%, .998 78.9%, 1);
    --ease-spring-5: linear(0, .01, .04 1.6%, .161 3.3%, .816 9.4%, 1.046, 1.189 14.4%, 1.231, 1.254 17%, 1.259, 1.257 18.6%, 1.236, 1.194 22.3%, 1.057 27%, .999 29.4%, .955 32.1%, .942, .935 34.9%, .933, .939 38.4%, 1 47.3%, 1.011, 1.017 52.6%, 1.016 56.4%, 1 65.2%, .996 70.2%, 1.001 87.2%, 1);
    --ease-bounce-1: linear(0, .004, .016, .035, .063, .098, .141, .191, .25, .316, .391 36.8%, .563, .766, 1 58.8%, .946, .908 69.1%, .895, .885, .879, .878, .879, .885, .895, .908 89.7%, .946, 1);
    --ease-bounce-2: linear(0, .004, .016, .035, .063, .098, .141 15.1%, .25, .391, .562, .765, 1, .892 45.2%, .849, .815, .788, .769, .757, .753, .757, .769, .788, .815, .85, .892 75.2%, 1 80.2%, .973, .954, .943, .939, .943, .954, .973, 1);
    --ease-bounce-3: linear(0, .004, .016, .035, .062, .098, .141 11.4%, .25, .39, .562, .764, 1 30.3%, .847 34.8%, .787, .737, .699, .672, .655, .65, .656, .672, .699, .738, .787, .847 61.7%, 1 66.2%, .946, .908, .885 74.2%, .879, .878, .879, .885 79.5%, .908, .946, 1 87.4%, .981, .968, .96, .957, .96, .968, .981, 1);
    --ease-bounce-4: linear(0, .004, .016 3%, .062, .141, .25, .391, .562 18.2%, 1 24.3%, .81, .676 32.3%, .629, .595, .575, .568, .575, .595, .629, .676 48.2%, .811, 1 56.2%, .918, .86, .825, .814, .825, .86, .918, 1 77.2%, .94 80.6%, .925, .92, .925, .94 87.5%, 1 90.9%, .974, .965, .974, 1);
    --ease-bounce-5: linear(0, .004, .016 2.5%, .063, .141, .25 10.1%, .562, 1 20.2%, .783, .627, .534 30.9%, .511, .503, .511, .534 38%, .627, .782, 1 48.7%, .892, .815, .769 56.3%, .757, .753, .757, .769 61.3%, .815, .892, 1 68.8%, .908 72.4%, .885, .878, .885, .908 79.4%, 1 83%, .954 85.5%, .943, .939, .943, .954 90.5%, 1 93%, .977, .97, .977, 1);
    --ease-circ-in: cubic-bezier(.6, .04, .98, .335);
    --ease-circ-in-out: cubic-bezier(.785, .135, .15, .86);
    --ease-circ-out: cubic-bezier(.075, .82, .165, 1);
    --ease-cubic-in: cubic-bezier(.55, .055, .675, .19);
    --ease-cubic-in-out: cubic-bezier(.645, .045, .355, 1);
    --ease-cubic-out: cubic-bezier(.215, .61, .355, 1);
    --ease-expo-in: cubic-bezier(.95, .05, .795, .035);
    --ease-expo-in-out: cubic-bezier(1, 0, 0, 1);
    --ease-expo-out: cubic-bezier(.19, 1, .22, 1);
    --ease-quad-in: cubic-bezier(.55, .085, .68, .53);
    --ease-quad-in-out: cubic-bezier(.455, .03, .515, .955);
    --ease-quad-out: cubic-bezier(.25, .46, .45, .94);
    --ease-quart-in: cubic-bezier(.895, .03, .685, .22);
    --ease-quart-in-out: cubic-bezier(.77, 0, .175, 1);
    --ease-quart-out: cubic-bezier(.165, .84, .44, 1);
    --ease-quint-in: cubic-bezier(.755, .05, .855, .06);
    --ease-quint-in-out: cubic-bezier(.86, 0, .07, 1);
    --ease-quint-out: cubic-bezier(.23, 1, .32, 1);
    --ease-sine-in: cubic-bezier(.47, 0, .745, .715);
    --ease-sine-in-out: cubic-bezier(.445, .05, .55, .95);
    --ease-sine-out: cubic-bezier(.39, .575, .565, 1);
    --duration-instant: 0s;
    --duration-quick-1: 80ms;
    --duration-quick-2: .12s;
    --duration-moderate-1: .18s;
    --duration-moderate-2: .26s;
    --duration-gentle-1: .32s;
    --duration-gentle-2: .42s;
    --orange-1: #fefcfa;
    --orange-2: #fff5eb;
    --orange-3: #ffead2;
    --orange-4: #ffd9b3;
    --orange-5: #ffcc9b;
    --orange-6: #ffbc7e;
    --orange-7: #ffa657;
    --orange-8: #fa8c1c;
    --orange-9: #f08300;
    --orange-10: #e37700;
    --orange-11: #c25e00;
    --orange-12: #5b2c00;
    --orange-a1: #cc660005;
    --orange-a2: #ff800014;
    --orange-a3: #ff88002d;
    --orange-a4: #ff80004c;
    --orange-a5: #ff7d0064;
    --orange-a6: #ff7b0081;
    --orange-a7: #ff7800a8;
    --orange-a8: #f97e00e3;
    --orange-a9: #f08300;
    --orange-a10: #e37700;
    --orange-a11: #c25e00;
    --orange-a12: #5b2c00;
    --orange-contrast: #fff;
    --orange-surface: #fff3e6cc;
    --orange-indicator: #f08300;
    --orange-track: #f08300;
    --gray-1: #fcfcfc;
    --gray-2: #f9f9f9;
    --gray-3: #efefef;
    --gray-4: #e8e8e8;
    --gray-5: #e0e0e0;
    --gray-6: #d9d9d9;
    --gray-7: #cecece;
    --gray-8: #bbb;
    --gray-9: #8d8d8d;
    --gray-10: #838383;
    --gray-11: #646464;
    --gray-12: #202020;
    --gray-a1: #00000003;
    --gray-a2: #00000006;
    --gray-a3: #00000010;
    --gray-a4: #00000017;
    --gray-a5: #0000001f;
    --gray-a6: #00000026;
    --gray-a7: #00000031;
    --gray-a8: #0004;
    --gray-a9: #00000072;
    --gray-a10: #0000007c;
    --gray-a11: #0000009b;
    --gray-a12: #000000df;
    --gray-contrast: #fff;
    --gray-surface: #fffc;
    --gray-indicator: #8d8d8d;
    --gray-track: #8d8d8d;
    --black-a1: #0000000d;
    --black-a2: #0000001a;
    --black-a3: #00000026;
    --black-a4: #0003;
    --black-a5: #0000004d;
    --black-a6: #0006;
    --black-a7: #00000080;
    --black-a8: #0009;
    --black-a9: #000000b3;
    --black-a10: #000c;
    --black-a11: #000000e6;
    --black-a12: #000000f2;
    --white-a1: #ffffff0d;
    --white-a2: #ffffff1a;
    --white-a3: #ffffff26;
    --white-a4: #fff3;
    --white-a5: #ffffff4d;
    --white-a6: #fff6;
    --white-a7: #ffffff80;
    --white-a8: #fff9;
    --white-a9: #ffffffb3;
    --white-a10: #fffc;
    --white-a11: #ffffffe6;
    --white-a12: #fffffff2;
    --shadow-1: inset 0 0 0 1px var(--gray-a5), inset 0 1.5px 2px 0 var(--gray-a2), inset 0 1.5px 2px 0 var(--black-a2);
    --shadow-2: 0 0 0 1px var(--gray-a3), 0 0 0 .5px var(--black-a1), 0 1px 1px 0 var(--gray-a2), 0 2px 1px -1px var(--black-a1), 0 1px 3px 0 var(--black-a1);
    --shadow-3: 0 0 0 1px var(--gray-a3), 0 2px 3px -2px var(--gray-a3), 0 3px 12px -4px var(--black-a2), 0 4px 16px -8px var(--black-a2);
    --shadow-4: 0 0 0 1px var(--gray-a3), 0 8px 40px var(--black-a1), 0 12px 32px -16px var(--gray-a3);
    --shadow-5: 0 0 0 1px var(--gray-a3), 0 12px 60px var(--black-a3), 0 12px 32px -16px var(--gray-a5);
    --shadow-6: 0 0 0 1px var(--gray-a3), 0 12px 60px var(--black-a3), 0 16px 64px var(--gray-a2), 0 16px 36px -20px var(--gray-a7);
    --svg-spinner: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg stroke='%23000' stroke-width='1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-linecap='round' stroke-width='2'%3E%3Canimate attributeName='stroke-dasharray' calcMode='spline' dur='1.5s' keySplines='0.42,0,0.58,1;0.42,0,0.58,1;0.42,0,0.58,1' keyTimes='0;0.475;0.95;1' repeatCount='indefinite' values='0 150;42 150;42 150;42 150'/%3E%3Canimate attributeName='stroke-dashoffset' calcMode='spline' dur='1.5s' keySplines='0.42,0,0.58,1;0.42,0,0.58,1;0.42,0,0.58,1' keyTimes='0;0.475;0.95;1' repeatCount='indefinite' values='0;-16;-59;-59'/%3E%3C/circle%3E%3CanimateTransform attributeName='transform' dur='2s' repeatCount='indefinite' type='rotate' values='0 12 12;360 12 12'/%3E%3C/g%3E%3C/svg%3E");
    --svg-wechat: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M18.575 13.711a.91.91 0 0 0 .898-.898a.895.895 0 0 0-.898-.898a.894.894 0 0 0-.898.898c0 .5.4.898.898.898m-4.425 0a.91.91 0 0 0 .898-.898c0-.498-.4-.898-.898-.898a.894.894 0 0 0-.898.898c0 .5.399.898.898.898m6.567 5.04a.35.35 0 0 0-.172.37c0 .048 0 .098.025.147c.098.417.294 1.081.294 1.106c0 .073.025.122.025.172a.22.22 0 0 1-.221.22c-.05 0-.074-.024-.123-.048l-1.449-.836a.8.8 0 0 0-.344-.098c-.073 0-.147 0-.196.024c-.688.197-1.4.295-2.161.295c-3.66 0-6.607-2.457-6.607-5.505s2.947-5.505 6.607-5.505c3.659 0 6.606 2.458 6.606 5.505c0 1.647-.884 3.146-2.284 4.154M16.674 8.099a9 9 0 0 0-.28-.005c-4.174 0-7.606 2.86-7.606 6.505c0 .554.08 1.09.228 1.6h-.089a10 10 0 0 1-2.584-.368c-.074-.025-.148-.025-.222-.025a.83.83 0 0 0-.419.123l-1.747 1.005a.35.35 0 0 1-.148.05a.273.273 0 0 1-.27-.27c0-.074.024-.123.049-.197c.024-.024.246-.834.369-1.324c0-.05.024-.123.024-.172a.56.56 0 0 0-.221-.441C2.059 13.376 1 11.586 1 9.599C1.001 5.944 4.571 3 8.951 3c3.765 0 6.93 2.169 7.723 5.098m-5.154.418c.573 0 1.026-.477 1.026-1.026c0-.573-.453-1.026-1.026-1.026s-1.026.453-1.026 1.026s.453 1.026 1.026 1.026m-5.26 0c.573 0 1.027-.477 1.027-1.026c0-.573-.454-1.026-1.027-1.026c-.572 0-1.026.453-1.026 1.026s.454 1.026 1.026 1.026'/%3E%3C/svg%3E");
    --svg-wechat-channel: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M6.66 18.964a2 2 0 0 1-.155-.21c-.238-.353-.515-.905-.805-1.627c-.575-1.432-1.138-3.372-1.536-5.326c-.4-1.965-.616-3.869-.537-5.244c.04-.7.153-1.161.283-1.416A.7.7 0 0 1 4.002 5c.292 0 .74.162 1.356.651c.6.476 1.25 1.174 1.927 2.032c1.236 1.565 2.464 3.532 3.552 5.326c-.18.315-.37.66-.565 1.014l-.278.502A38 38 0 0 1 8.67 16.77c-.465.715-.918 1.312-1.344 1.72c-.3.289-.52.42-.665.474M12 11.076c-.962-1.562-2.042-3.236-3.145-4.632c-.721-.914-1.481-1.747-2.254-2.36C5.846 3.486 4.959 3 4.001 3c-.923 0-1.537.57-1.874 1.234c-.315.62-.45 1.408-.496 2.209c-.094 1.625.16 3.721.573 5.756c.416 2.046 1.01 4.106 1.64 5.674c.313.778.65 1.476 1 1.997c.175.26.378.514.614.713c.225.192.582.417 1.042.417c.895 0 1.648-.526 2.211-1.067c.589-.565 1.14-1.31 1.636-2.073c.5-.77.973-1.603 1.396-2.364l.249-.45l.024.045l.21.393c.41.76.867 1.595 1.358 2.367c.486.766 1.035 1.518 1.639 2.088C15.812 20.495 16.58 21 17.5 21c.46 0 .817-.226 1.043-.417c.235-.2.439-.453.613-.712c.35-.522.688-1.22 1-1.998c.63-1.568 1.224-3.628 1.64-5.674c.414-2.034.668-4.131.574-5.756c-.046-.8-.18-1.589-.496-2.209C21.536 3.57 20.924 3 20 3c-.958 0-1.846.485-2.6 1.084c-.773.613-1.533 1.446-2.255 2.36c-1.102 1.396-2.183 3.07-3.145 4.632m1.162 1.935c1.089-1.795 2.317-3.763 3.553-5.328c.677-.857 1.327-1.556 1.927-2.032c.617-.49 1.064-.65 1.356-.651l.02.022a.7.7 0 0 1 .073.119c.13.255.242.717.282 1.416c.08 1.375-.137 3.279-.537 5.244c-.397 1.954-.96 3.894-1.536 5.326c-.29.722-.566 1.274-.804 1.628q-.099.144-.164.218c-.173-.052-.417-.186-.736-.488c-.426-.403-.871-.994-1.324-1.706a36 36 0 0 1-1.283-2.242q-.102-.188-.2-.374c-.216-.401-.426-.795-.627-1.152'/%3E%3C/svg%3E");
    --svg-tiktok: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12.525.02c1.31-.02 2.61-.01 3.91-.02c.08 1.53.63 3.09 1.75 4.17c1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97c-.57-.26-1.1-.59-1.62-.93c-.01 2.92.01 5.84-.02 8.75c-.08 1.4-.54 2.79-1.35 3.94c-1.31 1.92-3.58 3.17-5.91 3.21c-1.43.08-2.86-.31-4.08-1.03c-2.02-1.19-3.44-3.37-3.65-5.71c-.02-.5-.03-1-.01-1.49c.18-1.9 1.12-3.72 2.58-4.96c1.66-1.44 3.98-2.13 6.15-1.72c.02 1.48-.04 2.96-.04 4.44c-.99-.32-2.15-.23-3.02.37c-.63.41-1.11 1.04-1.36 1.75c-.21.51-.15 1.07-.14 1.61c.24 1.64 1.82 3.02 3.5 2.87c1.12-.01 2.19-.66 2.77-1.61c.19-.33.4-.67.41-1.06c.1-1.79.06-3.57.07-5.36c.01-4.03-.01-8.05.02-12.07'/%3E%3C/svg%3E");
    --svg-douyin: var(--svg-tiktok);
    --svg-xiaohongshu: url("data:image/svg+xml, <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\"><path fill=\"%23000\" d=\"M5.36 0H3.38Q2.3 2.5 1.18 4.97c-.21.5-.47 1.15-.03 1.6.43.38 1 .37 1.55.36h.55q-.29.75-.62 1.46c-.33.72-.66 1.45-.9 2.2-.23.63.34 1.27.95 1.27q1.05.05 2.1.03h1.26l.24-.53.86-1.95h-.41c-.52.01-1.05.02-1.55-.08q.64-1.59 1.35-3.13l.91-2.08a6 6 0 0 0-1.07 0c-.58.03-1.17.06-1.68-.16.24-.82.6-1.6.97-2.39Q6.03.8 6.34.01zm9.66 1.13h-6.7V4.1h1.84V13l-2.64.01-1.34 2.96H16v-2.96h-2.83V4.1h1.85zM1.35 12.78 0 15.75c.99.3 2.01.26 3.04.23q.8-.04 1.58 0L5.96 13q-.72-.02-1.46 0c-1.05.01-2.11.03-3.15-.23\"/></svg>");
    --svg-weibo: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M10.098 20.323c-3.977.391-7.414-1.406-7.672-4.02c-.259-2.609 2.759-5.047 6.74-5.441c3.979-.394 7.413 1.404 7.671 4.018c.259 2.6-2.759 5.049-6.737 5.439zM9.05 17.219c-.384.616-1.208.884-1.829.602c-.612-.279-.793-.991-.406-1.593c.379-.595 1.176-.861 1.793-.601c.622.263.82.972.442 1.592m1.27-1.627c-.141.237-.449.353-.689.253c-.236-.09-.313-.361-.177-.586c.138-.227.436-.346.672-.24c.239.09.315.36.18.601zm.176-2.719c-1.893-.493-4.033.45-4.857 2.118c-.836 1.704-.026 3.591 1.886 4.21c1.983.64 4.318-.341 5.132-2.179c.8-1.793-.201-3.642-2.161-4.149m7.563-1.224c-.346-.105-.57-.18-.405-.615c.375-.977.42-1.804 0-2.404c-.781-1.112-2.915-1.053-5.364-.03c0 0-.766.331-.571-.271c.376-1.217.315-2.224-.27-2.809c-1.338-1.337-4.869.045-7.888 3.08C1.309 10.87 0 13.273 0 15.348c0 3.981 5.099 6.395 10.086 6.395c6.536 0 10.888-3.801 10.888-6.82c0-1.822-1.547-2.854-2.915-3.284zm1.908-5.092a3.1 3.1 0 0 0-2.96-.962a.786.786 0 0 0-.616.932a.79.79 0 0 0 .932.602a1.51 1.51 0 0 1 1.442.465c.376.421.466.977.316 1.473a.786.786 0 0 0 .51.992a.813.813 0 0 0 .992-.512a3.11 3.11 0 0 0-.646-3.035zm2.418-2.195c-1.576-1.757-3.905-2.419-6.054-1.968a.91.91 0 0 0-.706 1.081a.91.91 0 0 0 1.082.707a4.5 4.5 0 0 1 4.296 1.383a4.53 4.53 0 0 1 .947 4.416a.91.91 0 0 0 .586 1.157c.479.165.991-.104 1.157-.586a6.39 6.39 0 0 0-1.338-6.235z'/%3E%3C/svg%3E");
    --svg-arrow: url("data:image/svg+xml, <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" fill=\"%23000\" viewBox=\"0 0 32 32\"><path d=\"M18.36 1.52H8.68l8.44 14.36L8.7 30.45h9.73l8.26-14.86z\"/></svg>");
    --svg-chevron: url("data:image/svg+xml, <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"><polyline points=\"6 9 12 15 18 9\"></polyline></svg>");
    --svg-close: url("data:image/svg+xml, <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"></line><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"></line></svg>");
    --svg-menu: url("data:image/svg+xml, <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"><line x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\"></line><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"></line><line x1=\"3\" y1=\"18\" x2=\"21\" y2=\"18\"></line></svg>");
    --svg-material-symbols-arrow-right-alt: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m14 18l-1.4-1.45L16.15 13H4v-2h12.15L12.6 7.45L14 6l6 6z'/%3E%3C/svg%3E");
    --svg-material-symbols-add: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M11 13H5v-2h6V5h2v6h6v2h-6v6h-2z'/%3E%3C/svg%3E");
    --svg-fa-brands-linkedin-in: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='448' height='512' viewBox='0 0 448 512'%3E%3Cpath fill='%23000' d='M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3M447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2c-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3c94 0 111.28 61.9 111.28 142.3V448z'/%3E%3C/svg%3E");
    --svg-fa-brands-linkedin: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='448' height='512' viewBox='0 0 448 512'%3E%3Cpath fill='%23000' d='M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3M135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5c0 21.3-17.2 38.5-38.5 38.5m282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7c-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5c67.2 0 79.7 44.3 79.7 101.9z'/%3E%3C/svg%3E");
    --svg-fa-brands-weixin: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='576' height='512' viewBox='0 0 576 512'%3E%3Cpath fill='%23000' d='M385.2 167.6c6.4 0 12.6.3 18.8 1.1C387.4 90.3 303.3 32 207.7 32C100.5 32 13 104.8 13 197.4c0 53.4 29.3 97.5 77.9 131.6l-19.3 58.6l68-34.1c24.4 4.8 43.8 9.7 68.2 9.7c6.2 0 12.1-.3 18.3-.8c-4-12.9-6.2-26.6-6.2-40.8c-.1-84.9 72.9-154 165.3-154m-104.5-52.9c14.5 0 24.2 9.7 24.2 24.4c0 14.5-9.7 24.2-24.2 24.2c-14.8 0-29.3-9.7-29.3-24.2c.1-14.7 14.6-24.4 29.3-24.4m-136.4 48.6c-14.5 0-29.3-9.7-29.3-24.2c0-14.8 14.8-24.4 29.3-24.4c14.8 0 24.4 9.7 24.4 24.4c0 14.6-9.6 24.2-24.4 24.2M563 319.4c0-77.9-77.9-141.3-165.4-141.3c-92.7 0-165.4 63.4-165.4 141.3S305 460.7 397.6 460.7c19.3 0 38.9-5.1 58.6-9.9l53.4 29.3l-14.8-48.6C534 402.1 563 363.2 563 319.4m-219.1-24.5c-9.7 0-19.3-9.7-19.3-19.6c0-9.7 9.7-19.3 19.3-19.3c14.8 0 24.4 9.7 24.4 19.3c0 10-9.7 19.6-24.4 19.6m107.1 0c-9.7 0-19.3-9.7-19.3-19.6c0-9.7 9.7-19.3 19.3-19.3c14.5 0 24.4 9.7 24.4 19.3c.1 10-9.9 19.6-24.4 19.6'/%3E%3C/svg%3E");
    --svg-fa-brands-facebook: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'%3E%3Cpath fill='%23000' d='M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48c27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256'/%3E%3C/svg%3E");
    --svg-ri-twitter-x-fill: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m17.687 3.063l-4.996 5.711l-4.32-5.711H2.112l7.477 9.776l-7.086 8.099h3.034l5.469-6.25l4.78 6.25h6.102l-7.794-10.304l6.625-7.571zm-1.064 16.06L5.654 4.782h1.803l10.846 14.34z'/%3E%3C/svg%3E");
    --svg-boxicons-link: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9.88 18.36a3 3 0 0 1-4.24 0a3 3 0 0 1 0-4.24l2.83-2.83l-1.41-1.41l-2.83 2.83a5.003 5.003 0 0 0 0 7.07c.98.97 2.25 1.46 3.54 1.46s2.56-.49 3.54-1.46l2.83-2.83l-1.41-1.41l-2.83 2.83Zm2.83-14.14L9.88 7.05l1.41 1.41l2.83-2.83a3 3 0 0 1 4.24 0a3 3 0 0 1 0 4.24l-2.83 2.83l1.41 1.41l2.83-2.83a5.003 5.003 0 0 0 0-7.07a5.003 5.003 0 0 0-7.07 0Z'/%3E%3Cpath fill='%23000' d='m16.95 8.46l-.71-.7l-.7-.71l-4.25 4.24l-4.24 4.25l.71.7l.7.71l4.25-4.24z'/%3E%3C/svg%3E")
}

html {
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
    word-break: break-word;
    font-family: Plus Jakarta Sans Variable, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5
}

@media not all and (min-width:120em) {
    html {
        font-size: .833333vw
    }
}

@media not all and (min-width:80em) {
    html {
        font-size: 1.5625vw
    }
}

@media not all and (min-width:40em) {
    html {
        font-size: 4.26667vw
    }
}

@keyframes fade-in {
    to {
        opacity: 1
    }
}

@keyframes fade-out {
    to {
        opacity: 0
    }
}

@keyframes slide-up {
    to {
        opacity: 1;
        transform: none
    }
}

.collapse {
    display: none
}

.collapse-enter-active,
.collapse-leave-active {
    transition-property: height, opacity;
    transition-duration: .25s;
    transition-timing-function: var(--ease-3);
    overflow: hidden
}

.collapse-enter-from,
.collapse-leave-to {
    opacity: 0;
    height: 0
}

.fade-enter-active,
.fade-leave-active {
    transition-property: opacity;
    transition-duration: .25s;
    transition-timing-function: var(--ease-3)
}

.fade-enter-from,
.fade-leave-to {
    opacity: 0
}

.hypertext {
    --headings-font-size: 3em;
    --headings-line-height: 1.33333em;
    --headings-margin-top: 2em;
    --headings-margin-bottom: .5em;
    --headings-color: ;
    --headings-font-weight: 600;
    --paragraphs-margin-top: 1.5rem;
    font-size: 1rem;
    line-height: 1.5rem
}

.hypertext :is(h1, h2, h3, h4) {
    color: var(--headings-color);
    font-weight: var(--headings-font-weight);
    line-height: var(--headings-line-height)
}

.hypertext :is(h1, h2, h3, h4):not(:last-child) {
    margin-bottom: var(--headings-margin-bottom)
}

.hypertext :is(h1, h2, h3, h4):not(:first-child) {
    margin-top: var(--headings-margin-top)
}

.hypertext :is(h1, h2) {
    font-size: var(--headings-font-size)
}

.hypertext h1 {
    font-size: 3em
}

.hypertext h2 {
    font-size: 2.5em
}

.hypertext h3 {
    font-size: 2em
}

.hypertext h4 {
    font-size: 1.25em
}

.hypertext :is(img, video) {
    border-radius: 8px;
    margin: auto
}

.hypertext :is(ol, ul) {
    padding-left: 1.5em
}

.hypertext ol {
    list-style: decimal
}

.hypertext ul {
    list-style: outside
}

.hypertext p:not(:first-child) {
    margin-top: var(--paragraphs-margin-top)
}

.hypertext a {
    color: var(--orange-9);
    text-decoration: underline 1px
}

.hypertext a[target=_blank]:after {
    content: "";
    vertical-align: text-bottom;
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22currentColor%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20d%3D%22m10.83%202.5%202.75%202.74-5.84%205.84%201.18%201.18%205.84-5.84%202.74%202.75V2.5z%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M15.83%2015.83H4.17V4.17H10L8.33%202.5H4.17c-.92%200-1.67.75-1.67%201.67v11.66c0%20.92.75%201.67%201.67%201.67h11.66c.92%200%201.67-.75%201.67-1.67v-4.16L15.83%2010z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E);
    background-size: 100% 100%;
    width: 1.25em;
    height: 1.25em;
    margin-left: .25em;
    display: inline-block
}

.hypertext a[target=_blank]:not(:hover):after {
    opacity: .25
}

.hypertext :is(img, video, picture):not(:first-child),
.hypertext :not(:first-child) :is(img, video, picture) {
    margin-top: var(--paragraphs-margin-top)
}

.hypertext :is(img, video, picture):not(:last-child) :not(:last-child) :is(img, video, picture) {
    margin-bottom: var(--paragraphs-margin-top)
}

.hypertext table {
    border-collapse: collapse;
    border-width: 1px
}

.hypertext :is(th, td) {
    border: 1px solid #ddd;
    padding: .5em
}

@media not all and (min-width:40em) {
    .hypertext h1 {
        font-size: 2em
    }

    .hypertext h2 {
        font-size: 1.5em
    }

    .hypertext h3 {
        font-size: 1.25em
    }
}

@keyframes frame-end {
    to {
        opacity: initial;
        transform: none
    }
}

.lazy-wrapper {
    background-color: #f5f5f5;
    position: relative;
    overflow: hidden
}

.lazy-wrapper:not(.loaded):after {
    content: "";
    width: 1.5rem;
    height: 1.5rem;
    -webkit-mask-image: var(--svg-spinner);
    mask-image: var(--svg-spinner);
    background-color: #ccc;
    margin: auto;
    position: absolute;
    inset: 0;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%
}

.lazy-wrapper img {
    --opacity-transition: opacity var(--ease-in-out-3) .5s;
    opacity: 0;
    transition: var(--opacity-transition)
}

.lazy-wrapper.loaded img {
    opacity: 1
}

@keyframes st-target-slide {
    0% {
        opacity: 0;
        transform: translateY(1.5rem)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes st-target-fade {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.st-target.slide {
    opacity: 0
}

.st-target.slide.triggered {
    animation: st-target-slide .5s var(--ease-3) calc(var(--index) * .15s) forwards
}

.st-target.fade {
    opacity: 0
}

.st-target.fade.triggered {
    animation: st-target-fade .5s var(--ease-3) calc(var(--index) * .15s) forwards
}

.dropdown {
    position: relative
}

.dropdown-wrapper {
    --background-color: #fff;
    --color: #000;
    --box-shadow: 0px 0px 1.5rem #0000001a;
    --arrow-size: 1rem;
    --border-radius: .75rem;
    z-index: 1;
    width: 8rem;
    padding: var(--arrow-size);
    transition-property: opacity, visibility, transform;
    transition-duration: .25s;
    transition-timing-function: var(--ease-3);
    opacity: 0;
    visibility: hidden;
    box-sizing: content-box;
    position: absolute;
    left: 50%;
    transform: translate(-50%)scale(.95)
}

.dropdown:is(.arrow-top, .arrow-bottom) .dropdown-wrapper:before {
    content: "";
    height: var(--arrow-size);
    width: var(--arrow-size);
    background-color: var(--background-color);
    box-shadow: var(--box-shadow);
    z-index: -2;
    border-radius: 4px;
    margin: auto;
    position: absolute;
    transform: rotate(45deg)
}

.dropdown.arrow-top .dropdown-wrapper {
    transform-origin: 50% 0;
    top: 100%
}

.dropdown.arrow-top .dropdown-wrapper:before {
    inset: calc(var(--arrow-size) * .625) 0 auto
}

.dropdown.arrow-bottom {
    transform-origin: 50% 100%;
    bottom: 100%
}

.dropdown.arrow-bottom .dropdown-wrapper {
    bottom: 100%
}

.dropdown.arrow-bottom .dropdown-wrapper:before {
    inset: auto 0 calc(var(--arrow-size) * .625)
}

.dropdown-is-image {
    --border-radius: 1rem;
    --arrow-size: 1rem;
    width: 100%
}

.dropdown-content {
    color: var(--color);
    border-radius: var(--border-radius);
    position: relative
}

.dropdown-content img {
    border-radius: inherit;
    width: 100%
}

.dropdown-content:before,
.dropdown-content:after {
    content: "";
    background-color: var(--background-color);
    border-radius: inherit;
    position: absolute;
    inset: 0
}

.dropdown-content:before {
    z-index: -3;
    box-shadow: var(--box-shadow)
}

.dropdown-content:after {
    z-index: -1
}

.dropdown:hover .dropdown-wrapper:not(.active),
.dropdown.active .dropdown-wrapper {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
    transform: translate(-50%)
}

.breadcrumb {
    flex-wrap: wrap;
    display: flex
}

.breadcrumb-item:not(:last-child) {
    content: ""
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    z-index: 1;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: relative
}

.swiper {
    z-index: 1;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    list-style: none;
    display: block;
    position: relative;
    overflow: clip
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    z-index: 1;
    width: 100%;
    height: 100%;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box;
    display: flex;
    position: relative
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform: translate(0, 0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    transition-property: transform;
    display: block;
    position: relative
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    scrollbar-width: none;
    -ms-overflow-style: none;
    overflow: auto
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
    pointer-events: none;
    z-index: 10;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.swiper-3d .swiper-slide-shadow {
    background: #00000026
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(#0000, #00000080)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(#00000080, #0000)
}

.swiper-lazy-preloader {
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-top-color: #0000;
    border-radius: 50%;
    width: 42px;
    height: 42px;
    margin-top: -21px;
    margin-left: -21px;
    position: absolute;
    top: 50%;
    left: 50%
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
    animation: 1s linear infinite swiper-preloader-spin
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 50%
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
    text-transform: none !important
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    left: auto;
    right: 10px
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    text-align: center;
    z-index: 10;
    transition: opacity .3s;
    position: absolute;
    transform: translate(0, 0)
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    width: 100%;
    bottom: 10px;
    left: 0
}

.swiper-pagination-bullets-dynamic {
    font-size: 0;
    overflow: hidden
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    position: relative;
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
    border-radius: 50%;
    display: inline-block
}

button.swiper-pagination-bullet {
    box-shadow: none;
    appearance: none;
    border: none;
    margin: 0;
    padding: 0
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
    top: 50%;
    right: 10px;
    transform: translateY(-50%)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    width: 8px;
    top: 50%;
    transform: translateY(-50%)
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, top .2s;
    display: inline-block
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    white-space: nowrap;
    left: 50%;
    transform: translate(-50%)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, left .2s
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, right .2s
}

.swiper-pagination-progressbar {
    background: #00000040;
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(0)
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: 100% 0
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    top: 0;
    left: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    top: 0;
    left: 0
}

.swiper-pagination-lock {
    display: none
}

:root {
    --f-spinner-width: 36px;
    --f-spinner-height: 36px;
    --f-spinner-color-1: #0000001a;
    --f-spinner-color-2: #11181ccc;
    --f-spinner-stroke: 2.75
}

.f-spinner {
    width: var(--f-spinner-width);
    height: var(--f-spinner-height);
    margin: auto;
    padding: 0
}

.f-spinner svg {
    vertical-align: top;
    width: 100%;
    height: 100%;
    animation: 2s linear infinite f-spinner-rotate
}

.f-spinner svg * {
    stroke-width: var(--f-spinner-stroke);
    fill: none
}

.f-spinner svg :first-child {
    stroke: var(--f-spinner-color-1)
}

.f-spinner svg :last-child {
    stroke: var(--f-spinner-color-2);
    animation: 2s ease-in-out infinite f-spinner-dash
}

@keyframes f-spinner-rotate {
    to {
        transform: rotate(360deg)
    }
}

@keyframes f-spinner-dash {
    0% {
        stroke-dasharray: 1 150;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90 150;
        stroke-dashoffset: -35px
    }

    to {
        stroke-dasharray: 90 150;
        stroke-dashoffset: -124px
    }
}

.f-throwOutUp {
    animation: var(--f-throw-out-duration, .175s) ease-out both f-throwOutUp
}

.f-throwOutDown {
    animation: var(--f-throw-out-duration, .175s) ease-out both f-throwOutDown
}

@keyframes f-throwOutUp {
    to {
        transform: translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);
        opacity: 0
    }
}

@keyframes f-throwOutDown {
    to {
        transform: translate3d(0, var(--f-throw-out-distance, 150px), 0);
        opacity: 0
    }
}

.f-zoomInUp {
    animation: var(--f-transition-duration, .2s) ease .1s both f-zoomInUp
}

.f-zoomOutDown {
    animation: var(--f-transition-duration, .2s) ease both f-zoomOutDown
}

@keyframes f-zoomInUp {
    0% {
        opacity: 0;
        transform: scale(.975)translateY(16px)
    }

    to {
        opacity: 1;
        transform: scale(1)translate(0, 0)
    }
}

@keyframes f-zoomOutDown {
    to {
        opacity: 0;
        transform: scale(.975)translateY(16px)
    }
}

.f-fadeIn {
    animation: var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;
    z-index: 2
}

.f-fadeOut {
    animation: var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;
    z-index: 1
}

@keyframes f-fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes f-fadeOut {
    to {
        opacity: 0
    }
}

.f-fadeFastIn {
    animation: var(--f-transition-duration, .2s) ease-out both f-fadeFastIn;
    z-index: 2
}

.f-fadeFastOut {
    animation: var(--f-transition-duration, .1s) ease-out both f-fadeFastOut;
    z-index: 2
}

@keyframes f-fadeFastIn {
    0% {
        opacity: .75
    }

    to {
        opacity: 1
    }
}

@keyframes f-fadeFastOut {
    to {
        opacity: 0
    }
}

.f-fadeSlowIn {
    animation: var(--f-transition-duration, .5s) ease both f-fadeSlowIn;
    z-index: 2
}

.f-fadeSlowOut {
    animation: var(--f-transition-duration, .5s) ease both f-fadeSlowOut;
    z-index: 1
}

@keyframes f-fadeSlowIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes f-fadeSlowOut {
    to {
        opacity: 0
    }
}

.f-crossfadeIn {
    animation: var(--f-transition-duration, .2s) ease-out both f-crossfadeIn;
    z-index: 2
}

.f-crossfadeOut {
    animation: calc(var(--f-transition-duration, .2s) * .5) linear .1s both f-crossfadeOut;
    z-index: 1
}

@keyframes f-crossfadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes f-crossfadeOut {
    to {
        opacity: 0
    }
}

.f-slideIn.from-next {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideInNext
}

.f-slideIn.from-prev {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideInPrev
}

.f-slideOut.to-next {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideOutNext
}

.f-slideOut.to-prev {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideOutPrev
}

@keyframes f-slideInPrev {
    0% {
        transform: translate(100%)
    }

    to {
        transform: translate(0, 0)
    }
}

@keyframes f-slideInNext {
    0% {
        transform: translate(-100%)
    }

    to {
        transform: translate(0, 0)
    }
}

@keyframes f-slideOutNext {
    to {
        transform: translate(-100%)
    }
}

@keyframes f-slideOutPrev {
    to {
        transform: translate(100%)
    }
}

.f-classicIn.from-next {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicInNext;
    z-index: 2
}

.f-classicIn.from-prev {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicInPrev;
    z-index: 2
}

.f-classicOut.to-next {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicOutNext;
    z-index: 1
}

.f-classicOut.to-prev {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicOutPrev;
    z-index: 1
}

@keyframes f-classicInNext {
    0% {
        opacity: 0;
        transform: translate(-75px)
    }

    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

@keyframes f-classicInPrev {
    0% {
        opacity: 0;
        transform: translate(75px)
    }

    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

@keyframes f-classicOutNext {
    to {
        opacity: 0;
        transform: translate(-75px)
    }
}

@keyframes f-classicOutPrev {
    to {
        opacity: 0;
        transform: translate(75px)
    }
}

:root {
    --f-button-width: 40px;
    --f-button-height: 40px;
    --f-button-border: 0;
    --f-button-border-radius: 0;
    --f-button-color: #374151;
    --f-button-bg: #f8f8f8;
    --f-button-hover-bg: #e0e0e0;
    --f-button-active-bg: #d0d0d0;
    --f-button-shadow: none;
    --f-button-transition: all .15s ease;
    --f-button-transform: none;
    --f-button-svg-width: 20px;
    --f-button-svg-height: 20px;
    --f-button-svg-stroke-width: 1.5;
    --f-button-svg-fill: none;
    --f-button-svg-filter: none;
    --f-button-svg-disabled-opacity: .65
}

.f-button {
    box-sizing: content-box;
    width: var(--f-button-width);
    height: var(--f-button-height);
    border: var(--f-button-border);
    border-radius: var(--f-button-border-radius);
    color: var(--f-button-color);
    background: var(--f-button-bg);
    box-shadow: var(--f-button-shadow);
    pointer-events: all;
    cursor: pointer;
    transition: var(--f-button-transition);
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    display: flex;
    position: relative
}

@media (hover:hover) {
    .f-button:hover:not([disabled]) {
        color: var(--f-button-hover-color);
        background-color: var(--f-button-hover-bg)
    }
}

.f-button:active:not([disabled]) {
    background-color: var(--f-button-active-bg)
}

.f-button:focus:not(:focus-visible) {
    outline: none
}

.f-button:focus-visible {
    box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color));
    outline: none
}

.f-button svg {
    width: var(--f-button-svg-width);
    height: var(--f-button-svg-height);
    fill: var(--f-button-svg-fill);
    stroke: currentColor;
    stroke-width: var(--f-button-svg-stroke-width);
    stroke-linecap: round;
    stroke-linejoin: round;
    transform: var(--f-button-transform);
    filter: var(--f-button-svg-filter);
    pointer-events: none;
    transition: opacity .15s
}

.f-button[disabled] {
    cursor: default
}

.f-button[disabled] svg {
    opacity: var(--f-button-svg-disabled-opacity)
}

.f-carousel__nav .f-button.is-prev,
.f-carousel__nav .f-button.is-next,
.fancybox__nav .f-button.is-prev,
.fancybox__nav .f-button.is-next {
    z-index: 1;
    position: absolute
}

.is-horizontal .f-carousel__nav .f-button.is-prev,
.is-horizontal .f-carousel__nav .f-button.is-next,
.is-horizontal .fancybox__nav .f-button.is-prev,
.is-horizontal .fancybox__nav .f-button.is-next {
    top: 50%;
    transform: translateY(-50%)
}

.is-horizontal .f-carousel__nav .f-button.is-prev,
.is-horizontal .fancybox__nav .f-button.is-prev {
    left: var(--f-button-prev-pos)
}

.is-horizontal .f-carousel__nav .f-button.is-next,
.is-horizontal .fancybox__nav .f-button.is-next {
    right: var(--f-button-next-pos)
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,
.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev {
    left: auto;
    right: var(--f-button-next-pos)
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,
.is-horizontal.is-rtl .fancybox__nav .f-button.is-next {
    right: auto;
    left: var(--f-button-prev-pos)
}

.is-vertical .f-carousel__nav .f-button.is-prev,
.is-vertical .f-carousel__nav .f-button.is-next,
.is-vertical .fancybox__nav .f-button.is-prev,
.is-vertical .fancybox__nav .f-button.is-next {
    top: auto;
    left: 50%;
    transform: translate(-50%)
}

.is-vertical .f-carousel__nav .f-button.is-prev,
.is-vertical .fancybox__nav .f-button.is-prev {
    top: var(--f-button-next-pos)
}

.is-vertical .f-carousel__nav .f-button.is-next,
.is-vertical .fancybox__nav .f-button.is-next {
    bottom: var(--f-button-next-pos)
}

.is-vertical .f-carousel__nav .f-button.is-prev svg,
.is-vertical .f-carousel__nav .f-button.is-next svg,
.is-vertical .fancybox__nav .f-button.is-prev svg,
.is-vertical .fancybox__nav .f-button.is-next svg {
    transform: rotate(90deg)
}

.f-carousel__nav .f-button:disabled,
.fancybox__nav .f-button:disabled {
    pointer-events: none
}

html.with-fancybox {
    scroll-behavior: auto;
    width: auto;
    overflow: visible
}

html.with-fancybox body {
    touch-action: none
}

html.with-fancybox body.hide-scrollbar {
    width: auto;
    margin-right: calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));
    overscroll-behavior-y: none;
    overflow: hidden !important
}

.fancybox__container {
    --fancybox-color: #dbdbdb;
    --fancybox-hover-color: #fff;
    --fancybox-bg: #18181bfa;
    --fancybox-slide-gap: 10px;
    --f-spinner-width: 50px;
    --f-spinner-height: 50px;
    --f-spinner-color-1: #ffffff1a;
    --f-spinner-color-2: #bbb;
    --f-spinner-stroke: 3.65;
    box-sizing: border-box;
    color: #f8f8f8;
    -webkit-tap-highlight-color: #0000;
    z-index: var(--fancybox-zIndex, 1050);
    transform-origin: 0 0;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: none;
    text-size-adjust: 100%;
    overscroll-behavior-y: contain;
    direction: ltr;
    outline: none;
    flex-direction: column;
    margin: 0;
    padding: 0;
    display: flex;
    position: fixed;
    inset: 0;
    overflow: visible
}

.fancybox__container *,
.fancybox__container :before,
.fancybox__container :after {
    box-sizing: inherit
}

.fancybox__container::backdrop {
    background-color: #0000
}

.fancybox__backdrop {
    z-index: -1;
    background: var(--fancybox-bg);
    opacity: var(--fancybox-opacity, 1);
    will-change: opacity;
    position: fixed;
    inset: 0
}

.fancybox__carousel {
    box-sizing: border-box;
    z-index: 10;
    flex: 1;
    min-height: 0;
    position: relative;
    overflow: clip visible
}

.fancybox__viewport {
    width: 100%;
    height: 100%
}

.fancybox__viewport.is-draggable {
    cursor: move;
    cursor: grab
}

.fancybox__viewport.is-dragging {
    cursor: move;
    cursor: grabbing
}

.fancybox__track {
    height: 100%;
    margin: 0 auto;
    display: flex
}

.fancybox__slide {
    width: 100%;
    height: 100%;
    margin: 0 var(--fancybox-slide-gap) 0 0;
    overscroll-behavior: contain;
    backface-visibility: hidden;
    flex-direction: column;
    flex: none;
    align-items: center;
    padding: 4px;
    display: flex;
    position: relative;
    overflow: auto;
    transform: translate(0, 0)
}

.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {
    padding-top: 40px
}

.fancybox__slide.has-iframe,
.fancybox__slide.has-video,
.fancybox__slide.has-html5video,
.fancybox__slide.has-image {
    overflow: hidden
}

.fancybox__slide.has-image.is-animating,
.fancybox__slide.has-image.is-selected {
    overflow: visible
}

.fancybox__slide:before,
.fancybox__slide:after {
    content: "";
    flex: 0 0 0;
    margin: auto
}

.fancybox__backdrop:empty,
.fancybox__viewport:empty,
.fancybox__track:empty,
.fancybox__slide:empty {
    display: block
}

.fancybox__content {
    max-width: 100%;
    color: var(--fancybox-content-color, #374151);
    background: var(--fancybox-content-bg, #fff);
    cursor: default;
    z-index: 20;
    border-radius: 0;
    flex-direction: column;
    align-self: center;
    margin: 0;
    padding: 2rem;
    display: flex;
    position: relative
}

.is-loading .fancybox__content {
    opacity: 0
}

.is-draggable .fancybox__content {
    cursor: move;
    cursor: grab
}

.can-zoom_in .fancybox__content {
    cursor: zoom-in
}

.can-zoom_out .fancybox__content {
    cursor: zoom-out
}

.is-dragging .fancybox__content {
    cursor: move;
    cursor: grabbing
}

.fancybox__content [data-selectable],
.fancybox__content [contenteditable] {
    cursor: auto
}

.fancybox__slide.has-image>.fancybox__content {
    backface-visibility: hidden;
    background: 50%/contain no-repeat;
    min-height: 1px;
    padding: 0;
    transition: none;
    transform: translate(0, 0)
}

.fancybox__slide.has-image>.fancybox__content>picture>img {
    width: 100%;
    height: auto;
    max-height: 100%
}

.is-animating .fancybox__content,
.is-dragging .fancybox__content {
    will-change: transform, width, height
}

.fancybox-image {
    object-fit: contain;
    user-select: none;
    filter: blur();
    width: 100%;
    height: 100%;
    min-height: 0;
    margin: auto;
    display: block
}

.fancybox__caption {
    overflow-wrap: anywhere;
    max-width: 100%;
    color: var(--fancybox-color, currentColor);
    opacity: var(--fancybox-opacity, 1);
    cursor: auto;
    visibility: visible;
    flex-shrink: 0;
    align-self: center;
    margin: 0;
    padding: 14px 0 4px;
    line-height: 1.375
}

.is-loading .fancybox__caption,
.is-closing .fancybox__caption {
    opacity: 0;
    visibility: hidden
}

.is-compact .fancybox__caption {
    padding-bottom: 0
}

.f-button.is-close-btn {
    --f-button-svg-stroke-width: 2;
    z-index: 40;
    position: absolute;
    top: 0;
    right: 8px
}

.fancybox__content>.f-button.is-close-btn {
    --f-button-width: 34px;
    --f-button-height: 34px;
    --f-button-border-radius: 4px;
    --f-button-color: var(--fancybox-color, #fff);
    --f-button-hover-color: var(--fancybox-color, #fff);
    --f-button-bg: transparent;
    --f-button-hover-bg: transparent;
    --f-button-active-bg: transparent;
    --f-button-svg-width: 22px;
    --f-button-svg-height: 22px;
    opacity: .75;
    position: absolute;
    top: -38px;
    right: 0
}

.is-loading .fancybox__content>.f-button.is-close-btn,
.is-zooming-out .fancybox__content>.f-button.is-close-btn {
    visibility: hidden
}

.fancybox__content>.f-button.is-close-btn:hover {
    opacity: 1
}

.fancybox__footer {
    margin: 0;
    padding: 0;
    position: relative
}

.fancybox__footer .fancybox__caption {
    width: 100%;
    opacity: var(--fancybox-opacity, 1);
    padding: 24px;
    transition: all .25s
}

.is-compact .fancybox__footer {
    z-index: 20;
    background: #18181b80;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.is-compact .fancybox__footer .fancybox__caption {
    padding: 12px
}

.is-compact .fancybox__content>.f-button.is-close-btn {
    --f-button-border-radius: 50%;
    --f-button-color: #fff;
    --f-button-hover-color: #fff;
    --f-button-outline-color: #000;
    --f-button-bg: #0009;
    --f-button-active-bg: #0009;
    --f-button-hover-bg: #0009;
    --f-button-svg-width: 18px;
    --f-button-svg-height: 18px;
    --f-button-svg-filter: none;
    top: 5px;
    right: 5px
}

.fancybox__nav {
    --f-button-width: 50px;
    --f-button-height: 50px;
    --f-button-border: 0;
    --f-button-border-radius: 50%;
    --f-button-color: var(--fancybox-color);
    --f-button-hover-color: var(--fancybox-hover-color);
    --f-button-bg: transparent;
    --f-button-hover-bg: #18181b4d;
    --f-button-active-bg: #18181b80;
    --f-button-shadow: none;
    --f-button-transition: all .15s ease;
    --f-button-transform: none;
    --f-button-svg-width: 26px;
    --f-button-svg-height: 26px;
    --f-button-svg-stroke-width: 2.5;
    --f-button-svg-fill: none;
    --f-button-svg-filter: drop-shadow(1px 1px 1px #18181b80);
    --f-button-svg-disabled-opacity: .65;
    --f-button-next-pos: 1rem;
    --f-button-prev-pos: 1rem;
    opacity: var(--fancybox-opacity, 1)
}

.fancybox__nav .f-button:before {
    content: "";
    z-index: 1;
    position: absolute;
    inset: -30px -20px
}

.is-idle .fancybox__nav {
    animation: .15s ease-out both f-fadeOut
}

.is-idle.is-compact .fancybox__footer {
    pointer-events: none;
    animation: .15s ease-out both f-fadeOut
}

.fancybox__slide>.f-spinner {
    margin: var(--f-spinner-top, calc(var(--f-spinner-width) * -.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -.5));
    z-index: 30;
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%
}

.fancybox-protected {
    z-index: 40;
    user-select: none;
    position: absolute;
    inset: 0
}

.fancybox-ghost {
    object-fit: contain;
    z-index: 40;
    user-select: none;
    pointer-events: none;
    width: 100%;
    height: 100%;
    min-height: 0;
    position: absolute;
    top: 0;
    left: 0
}

.fancybox-focus-guard {
    opacity: 0;
    pointer-events: none;
    outline: none;
    position: fixed
}

.fancybox__container:not([aria-hidden]) {
    opacity: 0
}

.fancybox__container.is-animated[aria-hidden=false]>:not(.fancybox__backdrop, .fancybox__carousel),
.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>:not(.fancybox__viewport),
.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>:not(.fancybox__content) {
    animation: var(--f-interface-enter-duration, .25s) ease .1s backwards f-fadeIn
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop {
    animation: var(--f-backdrop-enter-duration, .35s) ease backwards f-fadeIn
}

.fancybox__container.is-animated[aria-hidden=true]>:not(.fancybox__backdrop, .fancybox__carousel),
.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>:not(.fancybox__viewport),
.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>:not(.fancybox__content) {
    animation: var(--f-interface-exit-duration, .15s) ease forwards f-fadeOut
}

.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop {
    animation: var(--f-backdrop-exit-duration, .35s) ease forwards f-fadeOut
}

.has-iframe .fancybox__content,
.has-map .fancybox__content,
.has-pdf .fancybox__content,
.has-youtube .fancybox__content,
.has-vimeo .fancybox__content,
.has-html5video .fancybox__content {
    flex-shrink: 1;
    max-width: 100%;
    min-height: 1px;
    overflow: visible
}

.has-iframe .fancybox__content,
.has-map .fancybox__content,
.has-pdf .fancybox__content {
    width: calc(100% - 120px);
    height: 90%
}

.fancybox__container.is-compact .has-iframe .fancybox__content,
.fancybox__container.is-compact .has-map .fancybox__content,
.fancybox__container.is-compact .has-pdf .fancybox__content {
    width: 100%;
    height: 100%
}

.has-youtube .fancybox__content,
.has-vimeo .fancybox__content,
.has-html5video .fancybox__content {
    width: 960px;
    max-width: 100%;
    height: 540px;
    max-height: 100%
}

.has-map .fancybox__content,
.has-pdf .fancybox__content,
.has-youtube .fancybox__content,
.has-vimeo .fancybox__content,
.has-html5video .fancybox__content {
    color: #fff;
    background: #18181be6;
    padding: 0
}

.has-map .fancybox__content {
    background: #e5e3df
}

.fancybox__html5video,
.fancybox__iframe {
    background: 0 0;
    border: 0;
    width: 100%;
    height: 100%;
    display: block
}

.fancybox-placeholder {
    clip: rect(1px, 1px, 1px, 1px) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border: 0 !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    position: absolute !important;
    overflow: hidden !important
}

.f-carousel__thumbs {
    --f-thumb-width: 96px;
    --f-thumb-height: 72px;
    --f-thumb-outline: 0;
    --f-thumb-outline-color: #5eb0ef;
    --f-thumb-opacity: 1;
    --f-thumb-hover-opacity: 1;
    --f-thumb-selected-opacity: 1;
    --f-thumb-border-radius: 2px;
    --f-thumb-offset: 0px;
    --f-button-next-pos: 0;
    --f-button-prev-pos: 0
}

.f-carousel__thumbs.is-classic {
    --f-thumb-gap: 8px;
    --f-thumb-opacity: .5;
    --f-thumb-hover-opacity: 1;
    --f-thumb-selected-opacity: 1
}

.f-carousel__thumbs.is-modern {
    --f-thumb-gap: 4px;
    --f-thumb-extra-gap: 16px;
    --f-thumb-clip-width: 46px
}

.f-thumbs {
    -webkit-tap-highlight-color: #0000;
    user-select: none;
    perspective: 1000px;
    flex: none;
    margin: 0;
    position: relative;
    overflow: hidden;
    transform: translateZ(0)
}

.f-thumbs .f-spinner {
    z-index: -1;
    background-image: linear-gradient(#ebeff2, #e2e8f0);
    border-radius: 2px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.f-thumbs .f-spinner svg {
    display: none
}

.f-thumbs.is-vertical {
    height: 100%
}

.f-thumbs__viewport {
    width: 100%;
    height: auto;
    overflow: hidden;
    transform: translate(0, 0)
}

.f-thumbs__track {
    display: flex
}

.f-thumbs__slide {
    box-sizing: content-box;
    width: var(--f-thumb-width);
    height: var(--f-thumb-height);
    cursor: pointer;
    flex: none;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    display: flex;
    position: relative;
    overflow: visible
}

.f-thumbs__slide.is-loading img {
    opacity: 0
}

.is-classic .f-thumbs__viewport {
    height: 100%
}

.is-modern .f-thumbs__track {
    width: max-content
}

.is-modern .f-thumbs__track:before {
    content: "";
    top: 0;
    bottom: 0;
    left: calc((var(--f-thumb-clip-width, 0)) * -.5);
    width: calc(var(--width, 0) * 1px + var(--f-thumb-clip-width, 0));
    cursor: pointer;
    position: absolute
}

.is-modern .f-thumbs__slide {
    width: var(--f-thumb-clip-width);
    transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0);
    pointer-events: none;
    transition: none
}

.is-modern.is-resting .f-thumbs__slide {
    transition: transform .33s
}

.is-modern.is-resting .f-thumbs__slide__button {
    transition: clip-path .33s
}

.is-using-tab .is-modern .f-thumbs__slide:focus-within {
    filter: drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))
}

.f-thumbs__slide__button {
    appearance: none;
    width: var(--f-thumb-width);
    border-radius: var(--f-thumb-border-radius);
    cursor: pointer;
    pointer-events: auto;
    touch-action: manipulation;
    height: 100%;
    opacity: var(--f-thumb-opacity);
    background: 0 0;
    border: 0;
    outline: none;
    margin: 0 -100%;
    padding: 0;
    transition: opacity .2s;
    position: relative;
    overflow: hidden
}

.f-thumbs__slide__button:hover {
    opacity: var(--f-thumb-hover-opacity)
}

.f-thumbs__slide__button:focus:not(:focus-visible) {
    outline: none
}

.f-thumbs__slide__button:focus-visible {
    opacity: var(--f-thumb-selected-opacity);
    outline: none
}

.is-modern .f-thumbs__slide__button {
    --clip-path: inset(0 calc(((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * .5) round var(--f-thumb-border-radius, 0));
    clip-path: var(--clip-path)
}

.is-classic .is-nav-selected .f-thumbs__slide__button {
    opacity: var(--f-thumb-selected-opacity)
}

.is-classic .is-nav-selected .f-thumbs__slide__button:after {
    content: "";
    border: var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);
    border-radius: var(--f-thumb-border-radius);
    z-index: 10;
    height: auto;
    animation: .2s ease-out f-fadeIn;
    position: absolute;
    inset: 0
}

.f-thumbs__slide__img {
    width: 100%;
    height: 100%;
    padding: var(--f-thumb-offset);
    box-sizing: border-box;
    pointer-events: none;
    object-fit: cover;
    border-radius: var(--f-thumb-border-radius);
    margin: 0;
    position: absolute;
    inset: 0;
    overflow: hidden
}

.f-thumbs.is-horizontal .f-thumbs__track {
    padding: 8px 0 12px
}

.f-thumbs.is-horizontal .f-thumbs__slide {
    margin: 0 var(--f-thumb-gap) 0 0
}

.f-thumbs.is-vertical .f-thumbs__track {
    flex-wrap: wrap;
    padding: 0 8px
}

.f-thumbs.is-vertical .f-thumbs__slide {
    margin: 0 0 var(--f-thumb-gap) 0
}

.fancybox__thumbs {
    --f-thumb-width: 96px;
    --f-thumb-height: 72px;
    --f-thumb-border-radius: 2px;
    --f-thumb-outline: 2px;
    --f-thumb-outline-color: #ededed;
    opacity: var(--fancybox-opacity, 1);
    transition: max-height .35s cubic-bezier(.23, 1, .32, 1);
    position: relative
}

.fancybox__thumbs.is-classic {
    --f-thumb-gap: 8px;
    --f-thumb-opacity: .5;
    --f-thumb-hover-opacity: 1
}

.fancybox__thumbs.is-classic .f-spinner {
    background-image: linear-gradient(#ffffff1a, #ffffff0d)
}

.fancybox__thumbs.is-modern {
    --f-thumb-gap: 4px;
    --f-thumb-extra-gap: 16px;
    --f-thumb-clip-width: 46px;
    --f-thumb-opacity: 1;
    --f-thumb-hover-opacity: 1
}

.fancybox__thumbs.is-modern .f-spinner {
    background-image: linear-gradient(#ffffff1a, #ffffff0d)
}

.fancybox__thumbs.is-horizontal {
    padding: 0 var(--f-thumb-gap)
}

.fancybox__thumbs.is-vertical {
    padding: var(--f-thumb-gap) 0
}

.is-compact .fancybox__thumbs {
    --f-thumb-width: 64px;
    --f-thumb-clip-width: 32px;
    --f-thumb-height: 48px;
    --f-thumb-extra-gap: 10px
}

.fancybox__thumbs.is-masked {
    max-height: 0 !important
}

.is-closing .fancybox__thumbs {
    transition: none !important
}

.fancybox__toolbar {
    --f-progress-color: var(--fancybox-color, #fffffff0);
    --f-button-width: 46px;
    --f-button-height: 46px;
    --f-button-color: var(--fancybox-color);
    --f-button-hover-color: var(--fancybox-hover-color);
    --f-button-bg: #18181ba6;
    --f-button-hover-bg: #464649a6;
    --f-button-active-bg: #5a5a5da6;
    --f-button-border-radius: 0;
    --f-button-svg-width: 24px;
    --f-button-svg-height: 24px;
    --f-button-svg-stroke-width: 1.5;
    --f-button-svg-filter: drop-shadow(1px 1px 1px #18181b26);
    --f-button-svg-fill: none;
    --f-button-svg-disabled-opacity: .65;
    color: var(--fancybox-color, currentColor);
    opacity: var(--fancybox-opacity, 1);
    text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px #00000080);
    pointer-events: none;
    z-index: 20;
    flex-direction: row;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI Adjusted, Segoe UI, Liberation Sans, sans-serif;
    display: flex
}

.fancybox__toolbar :focus-visible {
    z-index: 1
}

.fancybox__toolbar.is-absolute,
.is-compact .fancybox__toolbar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.is-idle .fancybox__toolbar {
    pointer-events: none;
    animation: .15s ease-out both f-fadeOut
}

.fancybox__toolbar__column {
    flex-flow: wrap;
    align-content: flex-start;
    display: flex
}

.fancybox__toolbar__column.is-left,
.fancybox__toolbar__column.is-right {
    flex-grow: 1;
    flex-basis: 0
}

.fancybox__toolbar__column.is-right {
    flex-wrap: nowrap;
    justify-content: flex-end;
    display: flex
}

.fancybox__infobar {
    line-height: var(--f-button-height);
    text-align: center;
    font-variant-numeric: tabular-nums;
    -webkit-font-smoothing: subpixel-antialiased;
    cursor: default;
    user-select: none;
    padding: 0 5px;
    font-size: 17px
}

.fancybox__infobar span {
    padding: 0 5px
}

.fancybox__infobar:not(:first-child):not(:last-child) {
    background: var(--f-button-bg)
}

[data-fancybox-toggle-slideshow] {
    position: relative
}

[data-fancybox-toggle-slideshow] .f-progress {
    opacity: .3;
    height: 100%
}

[data-fancybox-toggle-slideshow] svg g:first-child {
    display: flex
}

[data-fancybox-toggle-slideshow] svg g:last-child,
.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child {
    display: none
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child,
[data-fancybox-toggle-fullscreen] svg g:first-child {
    display: flex
}

[data-fancybox-toggle-fullscreen] svg g:last-child,
:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child {
    display: none
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child {
    display: flex
}

.f-progress {
    transform-origin: 0;
    background: var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));
    z-index: 30;
    user-select: none;
    pointer-events: none;
    height: 3px;
    transition-property: transform;
    transition-timing-function: linear;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    transform: scaleX(0)
}

:root,
:host {
    --mantine-z-index-app: 100;
    --mantine-z-index-modal: 200;
    --mantine-z-index-popover: 300;
    --mantine-z-index-overlay: 400;
    --mantine-z-index-max: 9999;
    --mantine-scale: 1;
    --mantine-cursor-type: default;
    --mantine-webkit-font-smoothing: antialiased;
    --mantine-moz-font-smoothing: grayscale;
    --mantine-color-white: #fff;
    --mantine-color-black: #000;
    --mantine-line-height: 1.55;
    --mantine-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
    --mantine-font-family-monospace: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    --mantine-font-family-headings: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
    --mantine-heading-font-weight: 700;
    --mantine-heading-text-wrap: wrap;
    --mantine-radius-default: calc(.5rem * var(--mantine-scale));
    --mantine-primary-color-filled: var(--mantine-color-blue-filled);
    --mantine-primary-color-filled-hover: var(--mantine-color-blue-filled-hover);
    --mantine-primary-color-light: var(--mantine-color-blue-light);
    --mantine-primary-color-light-hover: var(--mantine-color-blue-light-hover);
    --mantine-primary-color-light-color: var(--mantine-color-blue-light-color);
    --mantine-breakpoint-xs: 36em;
    --mantine-breakpoint-sm: 48em;
    --mantine-breakpoint-md: 62em;
    --mantine-breakpoint-lg: 75em;
    --mantine-breakpoint-xl: 88em;
    --mantine-spacing-xs: calc(.625rem * var(--mantine-scale));
    --mantine-spacing-sm: calc(.75rem * var(--mantine-scale));
    --mantine-spacing-md: calc(1rem * var(--mantine-scale));
    --mantine-spacing-lg: calc(1.25rem * var(--mantine-scale));
    --mantine-spacing-xl: calc(2rem * var(--mantine-scale));
    --mantine-font-size-xs: calc(.75rem * var(--mantine-scale));
    --mantine-font-size-sm: calc(.875rem * var(--mantine-scale));
    --mantine-font-size-md: calc(1rem * var(--mantine-scale));
    --mantine-font-size-lg: calc(1.125rem * var(--mantine-scale));
    --mantine-font-size-xl: calc(1.25rem * var(--mantine-scale));
    --mantine-line-height-xs: 1.4;
    --mantine-line-height-sm: 1.45;
    --mantine-line-height-md: 1.55;
    --mantine-line-height-lg: 1.6;
    --mantine-line-height-xl: 1.65;
    --mantine-shadow-xs: 0 calc(.0625rem * var(--mantine-scale)) calc(.1875rem * var(--mantine-scale)) #0000000d, 0 calc(.0625rem * var(--mantine-scale)) calc(.125rem * var(--mantine-scale)) #0000001a;
    --mantine-shadow-sm: 0 calc(.0625rem * var(--mantine-scale)) calc(.1875rem * var(--mantine-scale)) #0000000d, #0000000d 0 calc(.625rem * var(--mantine-scale)) calc(.9375rem * var(--mantine-scale)) calc(-.3125rem * var(--mantine-scale)), #0000000a 0 calc(.4375rem * var(--mantine-scale)) calc(.4375rem * var(--mantine-scale)) calc(-.3125rem * var(--mantine-scale));
    --mantine-shadow-md: 0 calc(.0625rem * var(--mantine-scale)) calc(.1875rem * var(--mantine-scale)) #0000000d, #0000000d 0 calc(1.25rem * var(--mantine-scale)) calc(1.5625rem * var(--mantine-scale)) calc(-.3125rem * var(--mantine-scale)), #0000000a 0 calc(.625rem * var(--mantine-scale)) calc(.625rem * var(--mantine-scale)) calc(-.3125rem * var(--mantine-scale));
    --mantine-shadow-lg: 0 calc(.0625rem * var(--mantine-scale)) calc(.1875rem * var(--mantine-scale)) #0000000d, #0000000d 0 calc(1.75rem * var(--mantine-scale)) calc(1.4375rem * var(--mantine-scale)) calc(-.4375rem * var(--mantine-scale)), #0000000a 0 calc(.75rem * var(--mantine-scale)) calc(.75rem * var(--mantine-scale)) calc(-.4375rem * var(--mantine-scale));
    --mantine-shadow-xl: 0 calc(.0625rem * var(--mantine-scale)) calc(.1875rem * var(--mantine-scale)) #0000000d, #0000000d 0 calc(2.25rem * var(--mantine-scale)) calc(1.75rem * var(--mantine-scale)) calc(-.4375rem * var(--mantine-scale)), #0000000a 0 calc(1.0625rem * var(--mantine-scale)) calc(1.0625rem * var(--mantine-scale)) calc(-.4375rem * var(--mantine-scale));
    --mantine-radius-xs: calc(.125rem * var(--mantine-scale));
    --mantine-radius-sm: calc(.25rem * var(--mantine-scale));
    --mantine-radius-md: calc(.5rem * var(--mantine-scale));
    --mantine-radius-lg: calc(1rem * var(--mantine-scale));
    --mantine-radius-xl: calc(2rem * var(--mantine-scale));
    --mantine-font-weight-regular: 400;
    --mantine-font-weight-medium: 600;
    --mantine-font-weight-bold: 700;
    --mantine-primary-color-0: var(--mantine-color-blue-0);
    --mantine-primary-color-1: var(--mantine-color-blue-1);
    --mantine-primary-color-2: var(--mantine-color-blue-2);
    --mantine-primary-color-3: var(--mantine-color-blue-3);
    --mantine-primary-color-4: var(--mantine-color-blue-4);
    --mantine-primary-color-5: var(--mantine-color-blue-5);
    --mantine-primary-color-6: var(--mantine-color-blue-6);
    --mantine-primary-color-7: var(--mantine-color-blue-7);
    --mantine-primary-color-8: var(--mantine-color-blue-8);
    --mantine-primary-color-9: var(--mantine-color-blue-9);
    --mantine-color-dark-0: #c9c9c9;
    --mantine-color-dark-1: #b8b8b8;
    --mantine-color-dark-2: #828282;
    --mantine-color-dark-3: #696969;
    --mantine-color-dark-4: #424242;
    --mantine-color-dark-5: #3b3b3b;
    --mantine-color-dark-6: #2e2e2e;
    --mantine-color-dark-7: #242424;
    --mantine-color-dark-8: #1f1f1f;
    --mantine-color-dark-9: #141414;
    --mantine-color-gray-0: #f8f9fa;
    --mantine-color-gray-1: #f1f3f5;
    --mantine-color-gray-2: #e9ecef;
    --mantine-color-gray-3: #dee2e6;
    --mantine-color-gray-4: #ced4da;
    --mantine-color-gray-5: #adb5bd;
    --mantine-color-gray-6: #868e96;
    --mantine-color-gray-7: #495057;
    --mantine-color-gray-8: #343a40;
    --mantine-color-gray-9: #212529;
    --mantine-color-red-0: #fff5f5;
    --mantine-color-red-1: #ffe3e3;
    --mantine-color-red-2: #ffc9c9;
    --mantine-color-red-3: #ffa8a8;
    --mantine-color-red-4: #ff8787;
    --mantine-color-red-5: #ff6b6b;
    --mantine-color-red-6: #fa5252;
    --mantine-color-red-7: #f03e3e;
    --mantine-color-red-8: #e03131;
    --mantine-color-red-9: #c92a2a;
    --mantine-color-pink-0: #fff0f6;
    --mantine-color-pink-1: #ffdeeb;
    --mantine-color-pink-2: #fcc2d7;
    --mantine-color-pink-3: #faa2c1;
    --mantine-color-pink-4: #f783ac;
    --mantine-color-pink-5: #f06595;
    --mantine-color-pink-6: #e64980;
    --mantine-color-pink-7: #d6336c;
    --mantine-color-pink-8: #c2255c;
    --mantine-color-pink-9: #a61e4d;
    --mantine-color-grape-0: #f8f0fc;
    --mantine-color-grape-1: #f3d9fa;
    --mantine-color-grape-2: #eebefa;
    --mantine-color-grape-3: #e599f7;
    --mantine-color-grape-4: #da77f2;
    --mantine-color-grape-5: #cc5de8;
    --mantine-color-grape-6: #be4bdb;
    --mantine-color-grape-7: #ae3ec9;
    --mantine-color-grape-8: #9c36b5;
    --mantine-color-grape-9: #862e9c;
    --mantine-color-violet-0: #f3f0ff;
    --mantine-color-violet-1: #e5dbff;
    --mantine-color-violet-2: #d0bfff;
    --mantine-color-violet-3: #b197fc;
    --mantine-color-violet-4: #9775fa;
    --mantine-color-violet-5: #845ef7;
    --mantine-color-violet-6: #7950f2;
    --mantine-color-violet-7: #7048e8;
    --mantine-color-violet-8: #6741d9;
    --mantine-color-violet-9: #5f3dc4;
    --mantine-color-indigo-0: #edf2ff;
    --mantine-color-indigo-1: #dbe4ff;
    --mantine-color-indigo-2: #bac8ff;
    --mantine-color-indigo-3: #91a7ff;
    --mantine-color-indigo-4: #748ffc;
    --mantine-color-indigo-5: #5c7cfa;
    --mantine-color-indigo-6: #4c6ef5;
    --mantine-color-indigo-7: #4263eb;
    --mantine-color-indigo-8: #3b5bdb;
    --mantine-color-indigo-9: #364fc7;
    --mantine-color-blue-0: #e7f5ff;
    --mantine-color-blue-1: #d0ebff;
    --mantine-color-blue-2: #a5d8ff;
    --mantine-color-blue-3: #74c0fc;
    --mantine-color-blue-4: #4dabf7;
    --mantine-color-blue-5: #339af0;
    --mantine-color-blue-6: #228be6;
    --mantine-color-blue-7: #1c7ed6;
    --mantine-color-blue-8: #1971c2;
    --mantine-color-blue-9: #1864ab;
    --mantine-color-cyan-0: #e3fafc;
    --mantine-color-cyan-1: #c5f6fa;
    --mantine-color-cyan-2: #99e9f2;
    --mantine-color-cyan-3: #66d9e8;
    --mantine-color-cyan-4: #3bc9db;
    --mantine-color-cyan-5: #22b8cf;
    --mantine-color-cyan-6: #15aabf;
    --mantine-color-cyan-7: #1098ad;
    --mantine-color-cyan-8: #0c8599;
    --mantine-color-cyan-9: #0b7285;
    --mantine-color-teal-0: #e6fcf5;
    --mantine-color-teal-1: #c3fae8;
    --mantine-color-teal-2: #96f2d7;
    --mantine-color-teal-3: #63e6be;
    --mantine-color-teal-4: #38d9a9;
    --mantine-color-teal-5: #20c997;
    --mantine-color-teal-6: #12b886;
    --mantine-color-teal-7: #0ca678;
    --mantine-color-teal-8: #099268;
    --mantine-color-teal-9: #087f5b;
    --mantine-color-green-0: #ebfbee;
    --mantine-color-green-1: #d3f9d8;
    --mantine-color-green-2: #b2f2bb;
    --mantine-color-green-3: #8ce99a;
    --mantine-color-green-4: #69db7c;
    --mantine-color-green-5: #51cf66;
    --mantine-color-green-6: #40c057;
    --mantine-color-green-7: #37b24d;
    --mantine-color-green-8: #2f9e44;
    --mantine-color-green-9: #2b8a3e;
    --mantine-color-lime-0: #f4fce3;
    --mantine-color-lime-1: #e9fac8;
    --mantine-color-lime-2: #d8f5a2;
    --mantine-color-lime-3: #c0eb75;
    --mantine-color-lime-4: #a9e34b;
    --mantine-color-lime-5: #94d82d;
    --mantine-color-lime-6: #82c91e;
    --mantine-color-lime-7: #74b816;
    --mantine-color-lime-8: #66a80f;
    --mantine-color-lime-9: #5c940d;
    --mantine-color-yellow-0: #fff9db;
    --mantine-color-yellow-1: #fff3bf;
    --mantine-color-yellow-2: #ffec99;
    --mantine-color-yellow-3: #ffe066;
    --mantine-color-yellow-4: #ffd43b;
    --mantine-color-yellow-5: #fcc419;
    --mantine-color-yellow-6: #fab005;
    --mantine-color-yellow-7: #f59f00;
    --mantine-color-yellow-8: #f08c00;
    --mantine-color-yellow-9: #e67700;
    --mantine-color-orange-0: #fff4e6;
    --mantine-color-orange-1: #ffe8cc;
    --mantine-color-orange-2: #ffd8a8;
    --mantine-color-orange-3: #ffc078;
    --mantine-color-orange-4: #ffa94d;
    --mantine-color-orange-5: #ff922b;
    --mantine-color-orange-6: #fd7e14;
    --mantine-color-orange-7: #f76707;
    --mantine-color-orange-8: #e8590c;
    --mantine-color-orange-9: #d9480f;
    --mantine-h1-font-size: calc(2.125rem * var(--mantine-scale));
    --mantine-h1-line-height: 1.3;
    --mantine-h1-font-weight: 700;
    --mantine-h2-font-size: calc(1.625rem * var(--mantine-scale));
    --mantine-h2-line-height: 1.35;
    --mantine-h2-font-weight: 700;
    --mantine-h3-font-size: calc(1.375rem * var(--mantine-scale));
    --mantine-h3-line-height: 1.4;
    --mantine-h3-font-weight: 700;
    --mantine-h4-font-size: calc(1.125rem * var(--mantine-scale));
    --mantine-h4-line-height: 1.45;
    --mantine-h4-font-weight: 700;
    --mantine-h5-font-size: calc(1rem * var(--mantine-scale));
    --mantine-h5-line-height: 1.5;
    --mantine-h5-font-weight: 700;
    --mantine-h6-font-size: calc(.875rem * var(--mantine-scale));
    --mantine-h6-line-height: 1.5;
    --mantine-h6-font-weight: 700
}

:root[data-mantine-color-scheme=dark],
:host([data-mantine-color-scheme=dark]) {
    --mantine-color-scheme: dark;
    --mantine-primary-color-contrast: var(--mantine-color-white);
    --mantine-color-bright: var(--mantine-color-white);
    --mantine-color-text: var(--mantine-color-dark-0);
    --mantine-color-body: var(--mantine-color-dark-7);
    --mantine-color-error: var(--mantine-color-red-8);
    --mantine-color-placeholder: var(--mantine-color-dark-3);
    --mantine-color-anchor: var(--mantine-color-blue-4);
    --mantine-color-default: var(--mantine-color-dark-6);
    --mantine-color-default-hover: var(--mantine-color-dark-5);
    --mantine-color-default-color: var(--mantine-color-white);
    --mantine-color-default-border: var(--mantine-color-dark-4);
    --mantine-color-dimmed: var(--mantine-color-dark-2);
    --mantine-color-disabled: var(--mantine-color-dark-6);
    --mantine-color-disabled-color: var(--mantine-color-dark-3);
    --mantine-color-disabled-border: var(--mantine-color-dark-4);
    --mantine-color-dark-text: var(--mantine-color-dark-4);
    --mantine-color-dark-filled: var(--mantine-color-dark-8);
    --mantine-color-dark-filled-hover: var(--mantine-color-dark-9);
    --mantine-color-dark-light: #0a0a0a;
    --mantine-color-dark-light-hover: #0e0e0e;
    --mantine-color-dark-light-color: var(--mantine-color-dark-0);
    --mantine-color-dark-outline: var(--mantine-color-dark-4);
    --mantine-color-dark-outline-hover: #4242420d;
    --mantine-color-gray-text: var(--mantine-color-gray-4);
    --mantine-color-gray-filled: var(--mantine-color-gray-8);
    --mantine-color-gray-filled-hover: var(--mantine-color-gray-9);
    --mantine-color-gray-light: #111315;
    --mantine-color-gray-light-hover: #171a1d;
    --mantine-color-gray-light-color: var(--mantine-color-gray-0);
    --mantine-color-gray-outline: var(--mantine-color-gray-4);
    --mantine-color-gray-outline-hover: #ced4da0d;
    --mantine-color-red-text: var(--mantine-color-red-4);
    --mantine-color-red-filled: var(--mantine-color-red-8);
    --mantine-color-red-filled-hover: var(--mantine-color-red-9);
    --mantine-color-red-light: #651515;
    --mantine-color-red-light-hover: #8d1d1d;
    --mantine-color-red-light-color: var(--mantine-color-red-0);
    --mantine-color-red-outline: var(--mantine-color-red-4);
    --mantine-color-red-outline-hover: #ff87870d;
    --mantine-color-pink-text: var(--mantine-color-pink-4);
    --mantine-color-pink-filled: var(--mantine-color-pink-8);
    --mantine-color-pink-filled-hover: var(--mantine-color-pink-9);
    --mantine-color-pink-light: #530f27;
    --mantine-color-pink-light-hover: #741536;
    --mantine-color-pink-light-color: var(--mantine-color-pink-0);
    --mantine-color-pink-outline: var(--mantine-color-pink-4);
    --mantine-color-pink-outline-hover: #f783ac0d;
    --mantine-color-grape-text: var(--mantine-color-grape-4);
    --mantine-color-grape-filled: var(--mantine-color-grape-8);
    --mantine-color-grape-filled-hover: var(--mantine-color-grape-9);
    --mantine-color-grape-light: #43174e;
    --mantine-color-grape-light-hover: #5e206d;
    --mantine-color-grape-light-color: var(--mantine-color-grape-0);
    --mantine-color-grape-outline: var(--mantine-color-grape-4);
    --mantine-color-grape-outline-hover: #da77f20d;
    --mantine-color-violet-text: var(--mantine-color-violet-4);
    --mantine-color-violet-filled: var(--mantine-color-violet-8);
    --mantine-color-violet-filled-hover: var(--mantine-color-violet-9);
    --mantine-color-violet-light: #301f62;
    --mantine-color-violet-light-hover: #432b89;
    --mantine-color-violet-light-color: var(--mantine-color-violet-0);
    --mantine-color-violet-outline: var(--mantine-color-violet-4);
    --mantine-color-violet-outline-hover: #9775fa0d;
    --mantine-color-indigo-text: var(--mantine-color-indigo-4);
    --mantine-color-indigo-filled: var(--mantine-color-indigo-8);
    --mantine-color-indigo-filled-hover: var(--mantine-color-indigo-9);
    --mantine-color-indigo-light: #1b2864;
    --mantine-color-indigo-light-hover: #26378b;
    --mantine-color-indigo-light-color: var(--mantine-color-indigo-0);
    --mantine-color-indigo-outline: var(--mantine-color-indigo-4);
    --mantine-color-indigo-outline-hover: #748ffc0d;
    --mantine-color-blue-text: var(--mantine-color-blue-4);
    --mantine-color-blue-filled: var(--mantine-color-blue-8);
    --mantine-color-blue-filled-hover: var(--mantine-color-blue-9);
    --mantine-color-blue-light: #0c3256;
    --mantine-color-blue-light-hover: #114678;
    --mantine-color-blue-light-color: var(--mantine-color-blue-0);
    --mantine-color-blue-outline: var(--mantine-color-blue-4);
    --mantine-color-blue-outline-hover: #4dabf70d;
    --mantine-color-cyan-text: var(--mantine-color-cyan-4);
    --mantine-color-cyan-filled: var(--mantine-color-cyan-8);
    --mantine-color-cyan-filled-hover: var(--mantine-color-cyan-9);
    --mantine-color-cyan-light: #063943;
    --mantine-color-cyan-light-hover: #08505d;
    --mantine-color-cyan-light-color: var(--mantine-color-cyan-0);
    --mantine-color-cyan-outline: var(--mantine-color-cyan-4);
    --mantine-color-cyan-outline-hover: #3bc9db0d;
    --mantine-color-teal-text: var(--mantine-color-teal-4);
    --mantine-color-teal-filled: var(--mantine-color-teal-8);
    --mantine-color-teal-filled-hover: var(--mantine-color-teal-9);
    --mantine-color-teal-light: #04402e;
    --mantine-color-teal-light-hover: #065940;
    --mantine-color-teal-light-color: var(--mantine-color-teal-0);
    --mantine-color-teal-outline: var(--mantine-color-teal-4);
    --mantine-color-teal-outline-hover: #38d9a90d;
    --mantine-color-green-text: var(--mantine-color-green-4);
    --mantine-color-green-filled: var(--mantine-color-green-8);
    --mantine-color-green-filled-hover: var(--mantine-color-green-9);
    --mantine-color-green-light: #16451f;
    --mantine-color-green-light-hover: #1e612b;
    --mantine-color-green-light-color: var(--mantine-color-green-0);
    --mantine-color-green-outline: var(--mantine-color-green-4);
    --mantine-color-green-outline-hover: #69db7c0d;
    --mantine-color-lime-text: var(--mantine-color-lime-4);
    --mantine-color-lime-filled: var(--mantine-color-lime-8);
    --mantine-color-lime-filled-hover: var(--mantine-color-lime-9);
    --mantine-color-lime-light: #2e4a07;
    --mantine-color-lime-light-hover: #406809;
    --mantine-color-lime-light-color: var(--mantine-color-lime-0);
    --mantine-color-lime-outline: var(--mantine-color-lime-4);
    --mantine-color-lime-outline-hover: #a9e34b0d;
    --mantine-color-yellow-text: var(--mantine-color-yellow-4);
    --mantine-color-yellow-filled: var(--mantine-color-yellow-8);
    --mantine-color-yellow-filled-hover: var(--mantine-color-yellow-9);
    --mantine-color-yellow-light: #733c00;
    --mantine-color-yellow-light-hover: #a15300;
    --mantine-color-yellow-light-color: var(--mantine-color-yellow-0);
    --mantine-color-yellow-outline: var(--mantine-color-yellow-4);
    --mantine-color-yellow-outline-hover: #ffd43b0d;
    --mantine-color-orange-text: var(--mantine-color-orange-4);
    --mantine-color-orange-filled: var(--mantine-color-orange-8);
    --mantine-color-orange-filled-hover: var(--mantine-color-orange-9);
    --mantine-color-orange-light: #6d2408;
    --mantine-color-orange-light-hover: #98320b;
    --mantine-color-orange-light-color: var(--mantine-color-orange-0);
    --mantine-color-orange-outline: var(--mantine-color-orange-4);
    --mantine-color-orange-outline-hover: #ffa94d0d
}

:root[data-mantine-color-scheme=light],
:host([data-mantine-color-scheme=light]) {
    --mantine-color-scheme: light;
    --mantine-primary-color-contrast: var(--mantine-color-white);
    --mantine-color-bright: var(--mantine-color-black);
    --mantine-color-text: #000;
    --mantine-color-body: #fff;
    --mantine-color-error: var(--mantine-color-red-6);
    --mantine-color-placeholder: var(--mantine-color-gray-5);
    --mantine-color-anchor: var(--mantine-color-blue-6);
    --mantine-color-default: var(--mantine-color-white);
    --mantine-color-default-hover: var(--mantine-color-gray-0);
    --mantine-color-default-color: var(--mantine-color-black);
    --mantine-color-default-border: var(--mantine-color-gray-4);
    --mantine-color-dimmed: var(--mantine-color-gray-6);
    --mantine-color-disabled: var(--mantine-color-gray-2);
    --mantine-color-disabled-color: var(--mantine-color-gray-5);
    --mantine-color-disabled-border: var(--mantine-color-gray-3);
    --mantine-color-dark-text: var(--mantine-color-dark-filled);
    --mantine-color-dark-filled: var(--mantine-color-dark-6);
    --mantine-color-dark-filled-hover: var(--mantine-color-dark-7);
    --mantine-color-dark-light: var(--mantine-color-dark-1);
    --mantine-color-dark-light-hover: var(--mantine-color-dark-2);
    --mantine-color-dark-light-color: var(--mantine-color-dark-9);
    --mantine-color-dark-outline: var(--mantine-color-dark-6);
    --mantine-color-dark-outline-hover: #2e2e2e0d;
    --mantine-color-gray-text: var(--mantine-color-gray-filled);
    --mantine-color-gray-filled: var(--mantine-color-gray-6);
    --mantine-color-gray-filled-hover: var(--mantine-color-gray-7);
    --mantine-color-gray-light: var(--mantine-color-gray-1);
    --mantine-color-gray-light-hover: var(--mantine-color-gray-2);
    --mantine-color-gray-light-color: var(--mantine-color-gray-9);
    --mantine-color-gray-outline: var(--mantine-color-gray-6);
    --mantine-color-gray-outline-hover: #868e960d;
    --mantine-color-red-text: var(--mantine-color-red-filled);
    --mantine-color-red-filled: var(--mantine-color-red-6);
    --mantine-color-red-filled-hover: var(--mantine-color-red-7);
    --mantine-color-red-light: var(--mantine-color-red-1);
    --mantine-color-red-light-hover: var(--mantine-color-red-2);
    --mantine-color-red-light-color: var(--mantine-color-red-9);
    --mantine-color-red-outline: var(--mantine-color-red-6);
    --mantine-color-red-outline-hover: #fa52520d;
    --mantine-color-pink-text: var(--mantine-color-pink-filled);
    --mantine-color-pink-filled: var(--mantine-color-pink-6);
    --mantine-color-pink-filled-hover: var(--mantine-color-pink-7);
    --mantine-color-pink-light: var(--mantine-color-pink-1);
    --mantine-color-pink-light-hover: var(--mantine-color-pink-2);
    --mantine-color-pink-light-color: var(--mantine-color-pink-9);
    --mantine-color-pink-outline: var(--mantine-color-pink-6);
    --mantine-color-pink-outline-hover: #e649800d;
    --mantine-color-grape-text: var(--mantine-color-grape-filled);
    --mantine-color-grape-filled: var(--mantine-color-grape-6);
    --mantine-color-grape-filled-hover: var(--mantine-color-grape-7);
    --mantine-color-grape-light: var(--mantine-color-grape-1);
    --mantine-color-grape-light-hover: var(--mantine-color-grape-2);
    --mantine-color-grape-light-color: var(--mantine-color-grape-9);
    --mantine-color-grape-outline: var(--mantine-color-grape-6);
    --mantine-color-grape-outline-hover: #be4bdb0d;
    --mantine-color-violet-text: var(--mantine-color-violet-filled);
    --mantine-color-violet-filled: var(--mantine-color-violet-6);
    --mantine-color-violet-filled-hover: var(--mantine-color-violet-7);
    --mantine-color-violet-light: var(--mantine-color-violet-1);
    --mantine-color-violet-light-hover: var(--mantine-color-violet-2);
    --mantine-color-violet-light-color: var(--mantine-color-violet-9);
    --mantine-color-violet-outline: var(--mantine-color-violet-6);
    --mantine-color-violet-outline-hover: #7950f20d;
    --mantine-color-indigo-text: var(--mantine-color-indigo-filled);
    --mantine-color-indigo-filled: var(--mantine-color-indigo-6);
    --mantine-color-indigo-filled-hover: var(--mantine-color-indigo-7);
    --mantine-color-indigo-light: var(--mantine-color-indigo-1);
    --mantine-color-indigo-light-hover: var(--mantine-color-indigo-2);
    --mantine-color-indigo-light-color: var(--mantine-color-indigo-9);
    --mantine-color-indigo-outline: var(--mantine-color-indigo-6);
    --mantine-color-indigo-outline-hover: #4c6ef50d;
    --mantine-color-blue-text: var(--mantine-color-blue-filled);
    --mantine-color-blue-filled: var(--mantine-color-blue-6);
    --mantine-color-blue-filled-hover: var(--mantine-color-blue-7);
    --mantine-color-blue-light: var(--mantine-color-blue-1);
    --mantine-color-blue-light-hover: var(--mantine-color-blue-2);
    --mantine-color-blue-light-color: var(--mantine-color-blue-9);
    --mantine-color-blue-outline: var(--mantine-color-blue-6);
    --mantine-color-blue-outline-hover: #228be60d;
    --mantine-color-cyan-text: var(--mantine-color-cyan-filled);
    --mantine-color-cyan-filled: var(--mantine-color-cyan-6);
    --mantine-color-cyan-filled-hover: var(--mantine-color-cyan-7);
    --mantine-color-cyan-light: var(--mantine-color-cyan-1);
    --mantine-color-cyan-light-hover: var(--mantine-color-cyan-2);
    --mantine-color-cyan-light-color: var(--mantine-color-cyan-9);
    --mantine-color-cyan-outline: var(--mantine-color-cyan-6);
    --mantine-color-cyan-outline-hover: #15aabf0d;
    --mantine-color-teal-text: var(--mantine-color-teal-filled);
    --mantine-color-teal-filled: var(--mantine-color-teal-6);
    --mantine-color-teal-filled-hover: var(--mantine-color-teal-7);
    --mantine-color-teal-light: var(--mantine-color-teal-1);
    --mantine-color-teal-light-hover: var(--mantine-color-teal-2);
    --mantine-color-teal-light-color: var(--mantine-color-teal-9);
    --mantine-color-teal-outline: var(--mantine-color-teal-6);
    --mantine-color-teal-outline-hover: #12b8860d;
    --mantine-color-green-text: var(--mantine-color-green-filled);
    --mantine-color-green-filled: var(--mantine-color-green-6);
    --mantine-color-green-filled-hover: var(--mantine-color-green-7);
    --mantine-color-green-light: var(--mantine-color-green-1);
    --mantine-color-green-light-hover: var(--mantine-color-green-2);
    --mantine-color-green-light-color: var(--mantine-color-green-9);
    --mantine-color-green-outline: var(--mantine-color-green-6);
    --mantine-color-green-outline-hover: #40c0570d;
    --mantine-color-lime-text: var(--mantine-color-lime-filled);
    --mantine-color-lime-filled: var(--mantine-color-lime-6);
    --mantine-color-lime-filled-hover: var(--mantine-color-lime-7);
    --mantine-color-lime-light: var(--mantine-color-lime-1);
    --mantine-color-lime-light-hover: var(--mantine-color-lime-2);
    --mantine-color-lime-light-color: var(--mantine-color-lime-9);
    --mantine-color-lime-outline: var(--mantine-color-lime-6);
    --mantine-color-lime-outline-hover: #82c91e0d;
    --mantine-color-yellow-text: var(--mantine-color-yellow-filled);
    --mantine-color-yellow-filled: var(--mantine-color-yellow-6);
    --mantine-color-yellow-filled-hover: var(--mantine-color-yellow-7);
    --mantine-color-yellow-light: var(--mantine-color-yellow-1);
    --mantine-color-yellow-light-hover: var(--mantine-color-yellow-2);
    --mantine-color-yellow-light-color: var(--mantine-color-yellow-9);
    --mantine-color-yellow-outline: var(--mantine-color-yellow-6);
    --mantine-color-yellow-outline-hover: #fab0050d;
    --mantine-color-orange-text: var(--mantine-color-orange-filled);
    --mantine-color-orange-filled: var(--mantine-color-orange-6);
    --mantine-color-orange-filled-hover: var(--mantine-color-orange-7);
    --mantine-color-orange-light: var(--mantine-color-orange-1);
    --mantine-color-orange-light-hover: var(--mantine-color-orange-2);
    --mantine-color-orange-light-color: var(--mantine-color-orange-9);
    --mantine-color-orange-outline: var(--mantine-color-orange-6);
    --mantine-color-orange-outline-hover: #fd7e140d
}

@media (prefers-reduced-motion:reduce) {
    [data-respect-reduced-motion] [data-reduce-motion] {
        transition: none;
        animation: none
    }
}

[data-mantine-color-scheme=light] .mantine-light-hidden,
[data-mantine-color-scheme=dark] .mantine-dark-hidden {
    display: none
}

.mantine-focus-auto:focus-visible,
.mantine-focus-always:focus {
    outline: 2px solid var(--mantine-primary-color-filled);
    outline-offset: 2px
}

.mantine-focus-never:focus {
    outline: none
}

.mantine-active:active {
    transform: translateY(calc(.0625rem * var(--mantine-scale)))
}

fieldset:disabled .mantine-active:active {
    transform: none
}

:where([dir=rtl]) .mantine-rotate-rtl {
    transform: rotate(180deg)
}

.m_d57069b5 {
    --scrollarea-scrollbar-size: 12px;
    position: relative;
    overflow: hidden
}

.m_d57069b5:where([data-autosize]) .m_b1336c6 {
    min-width: min-content
}

.m_c0783ff9 {
    scrollbar-width: none;
    overscroll-behavior: var(--scrollarea-over-scroll-behavior);
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    height: 100%
}

.m_c0783ff9::-webkit-scrollbar {
    display: none
}

.m_c0783ff9:where([data-scrollbars=xy], [data-scrollbars=y]):where([data-offset-scrollbars=xy], [data-offset-scrollbars=y], [data-offset-scrollbars=present]):where([data-vertical-hidden]) {
    padding-inline: 0
}

.m_c0783ff9:where([data-scrollbars=xy], [data-scrollbars=y]):where([data-offset-scrollbars=xy], [data-offset-scrollbars=y], [data-offset-scrollbars=present]):not([data-vertical-hidden]) {
    padding-inline-start: unset;
    padding-inline-end: var(--scrollarea-scrollbar-size)
}

.m_c0783ff9:where([data-scrollbars=xy], [data-scrollbars=x]):where([data-offset-scrollbars=xy], [data-offset-scrollbars=x], [data-offset-scrollbars=present]):where([data-horizontal-hidden]) {
    padding-bottom: 0
}

.m_c0783ff9:where([data-scrollbars=xy], [data-scrollbars=x]):where([data-offset-scrollbars=xy], [data-offset-scrollbars=x], [data-offset-scrollbars=present]):not([data-horizontal-hidden]) {
    padding-bottom: var(--scrollarea-scrollbar-size)
}

.m_f8f631dd {
    min-width: 100%;
    display: table
}

.m_c44ba933 {
    user-select: none;
    touch-action: none;
    box-sizing: border-box;
    padding: calc(var(--scrollarea-scrollbar-size) / 5);
    background-color: #0000;
    flex-direction: row;
    transition: background-color .15s, opacity .15s;
    display: flex
}

@media (hover:hover) {
    :where([data-mantine-color-scheme=light]) .m_c44ba933:hover {
        background-color: var(--mantine-color-gray-0)
    }

    :where([data-mantine-color-scheme=light]) .m_c44ba933:hover>.m_d8b5e363 {
        background-color: #00000080
    }

    :where([data-mantine-color-scheme=dark]) .m_c44ba933:hover {
        background-color: var(--mantine-color-dark-8)
    }

    :where([data-mantine-color-scheme=dark]) .m_c44ba933:hover>.m_d8b5e363 {
        background-color: #ffffff80
    }
}

@media (hover:none) {
    :where([data-mantine-color-scheme=light]) .m_c44ba933:active {
        background-color: var(--mantine-color-gray-0)
    }

    :where([data-mantine-color-scheme=light]) .m_c44ba933:active>.m_d8b5e363 {
        background-color: #00000080
    }

    :where([data-mantine-color-scheme=dark]) .m_c44ba933:active {
        background-color: var(--mantine-color-dark-8)
    }

    :where([data-mantine-color-scheme=dark]) .m_c44ba933:active>.m_d8b5e363 {
        background-color: #ffffff80
    }
}

.m_c44ba933:where([data-hidden], [data-state=hidden]) {
    display: none
}

.m_c44ba933:where([data-orientation=vertical]) {
    width: var(--scrollarea-scrollbar-size);
    top: 0;
    bottom: var(--sa-corner-width);
    inset-inline-end: 0
}

.m_c44ba933:where([data-orientation=horizontal]) {
    height: var(--scrollarea-scrollbar-size);
    bottom: 0;
    flex-direction: column;
    inset-inline-start: 0;
    inset-inline-end: var(--sa-corner-width)
}

.m_d8b5e363 {
    border-radius: var(--scrollarea-scrollbar-size);
    opacity: var(--thumb-opacity);
    flex: 1;
    transition: background-color .15s;
    position: relative;
    overflow: hidden
}

.m_d8b5e363:before {
    content: "";
    width: 100%;
    min-width: 44px;
    height: 100%;
    min-height: 44px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

:where([data-mantine-color-scheme=light]) .m_d8b5e363 {
    background-color: #0006
}

:where([data-mantine-color-scheme=dark]) .m_d8b5e363 {
    background-color: #fff6
}

.m_21657268 {
    opacity: 0;
    inset-inline-end: 0;
    transition: opacity .15s;
    display: block;
    position: absolute;
    bottom: 0
}

:where([data-mantine-color-scheme=light]) .m_21657268 {
    background-color: var(--mantine-color-gray-0)
}

:where([data-mantine-color-scheme=dark]) .m_21657268 {
    background-color: var(--mantine-color-dark-8)
}

.m_21657268:where([data-hovered]) {
    opacity: 1
}

.m_21657268:where([data-hidden]) {
    display: none
}

.m_b1336c6 {
    min-width: 100%
}

.m_87cf2631 {
    cursor: pointer;
    appearance: none;
    font-size: var(--mantine-font-size-md);
    text-align: start;
    color: inherit;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    background-color: #0000;
    border: 0;
    padding: 0;
    text-decoration: none
}

.m_515a97f8 {
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden
}

.m_1b7284a3 {
    --paper-radius: var(--mantine-radius-default);
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
    border-radius: var(--paper-radius);
    box-shadow: var(--paper-shadow);
    background-color: var(--mantine-color-body);
    outline: 0;
    text-decoration: none;
    display: block
}

[data-mantine-color-scheme=light] .m_1b7284a3 {
    --paper-border-color: var(--mantine-color-gray-3)
}

[data-mantine-color-scheme=dark] .m_1b7284a3 {
    --paper-border-color: var(--mantine-color-dark-4)
}

.m_1b7284a3:where([data-with-border]) {
    border: calc(.0625rem * var(--mantine-scale)) solid var(--paper-border-color)
}

.m_38a85659 {
    border: 1px solid var(--popover-border-color);
    padding: var(--mantine-spacing-sm) var(--mantine-spacing-md);
    box-shadow: var(--popover-shadow, none);
    border-radius: var(--popover-radius, var(--mantine-radius-default));
    position: absolute
}

.m_38a85659:where([data-fixed]) {
    position: fixed
}

.m_38a85659:focus {
    outline: none
}

:where([data-mantine-color-scheme=light]) .m_38a85659 {
    --popover-border-color: var(--mantine-color-gray-2);
    background-color: var(--mantine-color-white)
}

:where([data-mantine-color-scheme=dark]) .m_38a85659 {
    --popover-border-color: var(--mantine-color-dark-4);
    background-color: var(--mantine-color-dark-6)
}

.m_a31dc6c1 {
    background-color: inherit;
    border: 1px solid var(--popover-border-color);
    z-index: 1
}

.m_3d7bc908 {
    position: fixed;
    inset: 0
}

.m_86a44da5 {
    --cb-size-xs: 18px;
    --cb-size-sm: 22px;
    --cb-size-md: 28px;
    --cb-size-lg: 34px;
    --cb-size-xl: 44px;
    --cb-size: var(--cb-size-md);
    --cb-icon-size: 70%;
    --cb-radius: var(--mantine-radius-default);
    user-select: none;
    width: var(--cb-size);
    height: var(--cb-size);
    min-width: var(--cb-size);
    min-height: var(--cb-size);
    border-radius: var(--cb-radius);
    justify-content: center;
    align-items: center;
    line-height: 1;
    display: inline-flex;
    position: relative
}

:where([data-mantine-color-scheme=light]) .m_86a44da5 {
    color: var(--mantine-color-gray-7)
}

:where([data-mantine-color-scheme=dark]) .m_86a44da5 {
    color: var(--mantine-color-dark-1)
}

.m_86a44da5[data-disabled],
.m_86a44da5:disabled {
    cursor: not-allowed;
    opacity: .6
}

@media (hover:hover) {
    :where([data-mantine-color-scheme=light]) .m_220c80f2:where(:not([data-disabled], :disabled)):hover {
        background-color: var(--mantine-color-gray-0)
    }

    :where([data-mantine-color-scheme=dark]) .m_220c80f2:where(:not([data-disabled], :disabled)):hover {
        background-color: var(--mantine-color-dark-6)
    }
}

@media (hover:none) {
    :where([data-mantine-color-scheme=light]) .m_220c80f2:where(:not([data-disabled], :disabled)):active {
        background-color: var(--mantine-color-gray-0)
    }

    :where([data-mantine-color-scheme=dark]) .m_220c80f2:where(:not([data-disabled], :disabled)):active {
        background-color: var(--mantine-color-dark-6)
    }
}

.m_4081bf90 {
    flex-direction: row;
    flex-wrap: var(--group-wrap, wrap);
    justify-content: var(--group-justify, flex-start);
    align-items: var(--group-align, center);
    gap: var(--group-gap, var(--mantine-spacing-md));
    display: flex
}

.m_4081bf90:where([data-grow])>* {
    max-width: var(--group-child-width);
    flex-grow: 1
}

.m_5ae2e3c {
    --loader-size-xs: 18px;
    --loader-size-sm: 22px;
    --loader-size-md: 36px;
    --loader-size-lg: 44px;
    --loader-size-xl: 58px;
    --loader-size: var(--loader-size-md);
    --loader-color: var(--mantine-primary-color-filled)
}

@keyframes m_5d2b3b9d {
    0% {
        opacity: 0;
        transform: scale(.6)
    }

    50%,
    to {
        transform: scale(1)
    }
}

.m_7a2bd4cd {
    width: var(--loader-size);
    height: var(--loader-size);
    gap: calc(var(--loader-size) / 5);
    display: flex;
    position: relative
}

.m_870bb79 {
    background: var(--loader-color);
    border-radius: 2px;
    flex: 1;
    animation: 1.2s cubic-bezier(0, .5, .5, 1) infinite m_5d2b3b9d
}

.m_870bb79:first-of-type {
    animation-delay: -240ms
}

.m_870bb79:nth-of-type(2) {
    animation-delay: -120ms
}

.m_870bb79:nth-of-type(3) {
    animation-delay: 0
}

@keyframes m_aac34a1 {

    0%,
    to {
        opacity: 1;
        transform: scale(1)
    }

    50% {
        opacity: .5;
        transform: scale(.6)
    }
}

.m_4e3f22d7 {
    justify-content: center;
    align-items: center;
    gap: calc(var(--loader-size) / 10);
    width: var(--loader-size);
    height: var(--loader-size);
    display: flex;
    position: relative
}

.m_870c4af {
    width: calc(var(--loader-size) / 3 - var(--loader-size) / 15);
    height: calc(var(--loader-size) / 3 - var(--loader-size) / 15);
    background: var(--loader-color);
    border-radius: 50%;
    animation: .8s linear infinite m_aac34a1
}

.m_870c4af:nth-child(2) {
    animation-delay: .4s
}

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

    to {
        transform: rotate(360deg)
    }
}

.m_b34414df {
    width: var(--loader-size);
    height: var(--loader-size);
    display: inline-block
}

.m_b34414df:after {
    content: "";
    width: var(--loader-size);
    height: var(--loader-size);
    border-width: calc(var(--loader-size) / 8);
    border-style: solid;
    border-color: var(--loader-color) var(--loader-color) var(--loader-color) transparent;
    border-radius: 10000px;
    animation: 1.2s linear infinite m_f8e89c4b;
    display: block
}

.m_9814e45f {
    background: var(--overlay-bg, #0009);
    backdrop-filter: var(--overlay-filter);
    border-radius: var(--overlay-radius, 0);
    z-index: var(--overlay-z-index);
    position: absolute;
    inset: 0
}

.m_9814e45f:where([data-fixed]) {
    position: fixed
}

.m_9814e45f:where([data-center]) {
    justify-content: center;
    align-items: center;
    display: flex
}

.m_615af6c9 {
    line-height: 1;
    font-weight: var(--mantine-font-weight-regular);
    font-size: var(--mantine-font-size-md);
    margin: 0;
    padding: 0
}

.m_b5489c3c {
    padding: var(--mb-padding, var(--mantine-spacing-md));
    background-color: var(--mantine-color-body);
    z-index: 1000;
    justify-content: space-between;
    align-items: center;
    min-height: 60px;
    padding-inline-end: calc(var(--mb-padding, var(--mantine-spacing-md)) - .3125rem * var(--mantine-scale));
    transition: padding-inline-end .1s;
    display: flex;
    position: sticky;
    top: 0
}

.m_60c222c7 {
    width: 100%;
    z-index: var(--mb-z-index);
    pointer-events: none;
    position: fixed;
    top: 0;
    bottom: 0
}

.m_fd1ab0aa {
    pointer-events: all;
    box-shadow: var(--mb-shadow, var(--mantine-shadow-xl))
}

.m_fd1ab0aa [data-mantine-scrollbar] {
    z-index: 1001
}

[data-offset-scrollbars] .m_fd1ab0aa:has([data-mantine-scrollbar]) .m_b5489c3c {
    padding-inline-end: calc(var(--mb-padding, var(--mantine-spacing-md)) + .3125rem * var(--mantine-scale))
}

.m_606cb269 {
    margin-inline-start: auto
}

.m_5df29311 {
    padding: var(--mb-padding, var(--mantine-spacing-md));
    padding-top: var(--mb-padding, var(--mantine-spacing-md))
}

.m_5df29311:where(:not(:only-child)) {
    padding-top: 0
}

.m_6c018570 {
    margin-top: var(--input-margin-top, 0rem);
    margin-bottom: var(--input-margin-bottom, 0rem);
    --input-height-xs: 30px;
    --input-height-sm: 36px;
    --input-height-md: 42px;
    --input-height-lg: 50px;
    --input-height-xl: 60px;
    --input-padding-y-xs: 5px;
    --input-padding-y-sm: 6px;
    --input-padding-y-md: 8px;
    --input-padding-y-lg: 10px;
    --input-padding-y-xl: 13px;
    --input-height: var(--input-height-sm);
    --input-radius: var(--mantine-radius-default);
    --input-cursor: text;
    --input-line-height: calc(var(--input-height) - calc(.125rem * var(--mantine-scale)));
    --input-padding: calc(var(--input-height) / 3);
    --input-padding-inline-start: var(--input-padding);
    --input-padding-inline-end: var(--input-padding);
    --input-placeholder-color: var(--mantine-color-placeholder);
    --input-color: var(--mantine-color-text);
    --input-disabled-bg: var(--mantine-color-disabled);
    --input-disabled-color: var(--mantine-color-disabled-color);
    --input-left-section-size: var(--input-left-section-width, calc(var(--input-height) - calc(.125rem * var(--mantine-scale))));
    --input-right-section-size: var(--input-right-section-width, calc(var(--input-height) - calc(.125rem * var(--mantine-scale))));
    --input-size: var(--input-height);
    --section-y: 1px;
    --left-section-start: 1px;
    --left-section-border-radius: var(--input-radius) 0 0 var(--input-radius);
    --right-section-end: 1px;
    --right-section-border-radius: 0 var(--input-radius) var(--input-radius) 0;
    position: relative
}

.m_6c018570[data-variant=unstyled] {
    --input-padding: 0;
    --input-padding-y: 0;
    --input-padding-inline-start: 0;
    --input-padding-inline-end: 0
}

.m_6c018570[data-pointer] {
    --input-cursor: pointer
}

.m_6c018570[data-with-bottom-section] {
    --input-bottom-section-height: 28px
}

.m_6c018570[data-multiline] {
    --input-padding-y-xs: 4.5px;
    --input-padding-y-sm: 5.5px;
    --input-padding-y-md: 7px;
    --input-padding-y-lg: 9.5px;
    --input-padding-y-xl: 13px;
    --input-size: auto;
    --input-line-height: var(--mantine-line-height)
}

.m_6c018570[data-with-left-section] {
    --input-padding-inline-start: var(--input-left-section-size)
}

.m_6c018570[data-with-right-section] {
    --input-padding-inline-end: var(--input-right-section-size)
}

.m_6c018570[data-size=xs] .m_6c018570[data-with-right-section]:has([data-combined-clear-section]) {
    --input-padding-inline-end: 41px
}

.m_6c018570[data-size=sm] .m_6c018570[data-with-right-section]:has([data-combined-clear-section]) {
    --input-padding-inline-end: 50px
}

.m_6c018570[data-size=md] .m_6c018570[data-with-right-section]:has([data-combined-clear-section]) {
    --input-padding-inline-end: 60px
}

.m_6c018570[data-size=lg] .m_6c018570[data-with-right-section]:has([data-combined-clear-section]) {
    --input-padding-inline-end: 72px
}

.m_6c018570[data-size=xl] .m_6c018570[data-with-right-section]:has([data-combined-clear-section]) {
    --input-padding-inline-end: 89px
}

[data-mantine-color-scheme=light] .m_6c018570[data-variant=default] {
    --input-bd: var(--mantine-color-gray-4);
    --input-bg: var(--mantine-color-white);
    --input-bd-focus: var(--mantine-primary-color-filled)
}

[data-mantine-color-scheme=light] .m_6c018570[data-variant=filled] {
    --input-bd: transparent;
    --input-bg: var(--mantine-color-gray-1);
    --input-bd-focus: var(--mantine-primary-color-filled)
}

[data-mantine-color-scheme=light] .m_6c018570[data-variant=unstyled] {
    --input-bd: transparent;
    --input-bg: transparent;
    --input-bd-focus: transparent
}

[data-mantine-color-scheme=dark] .m_6c018570[data-variant=default] {
    --input-bd: var(--mantine-color-dark-4);
    --input-bg: var(--mantine-color-dark-6);
    --input-bd-focus: var(--mantine-primary-color-filled)
}

[data-mantine-color-scheme=dark] .m_6c018570[data-variant=filled] {
    --input-bd: transparent;
    --input-bg: var(--mantine-color-dark-5);
    --input-bd-focus: var(--mantine-primary-color-filled)
}

[data-mantine-color-scheme=dark] .m_6c018570[data-variant=unstyled] {
    --input-bd: transparent;
    --input-bg: transparent;
    --input-bd-focus: transparent
}

[data-mantine-color-scheme] .m_6c018570[data-error]:not([data-variant=unstyled]) {
    --input-bd: var(--mantine-color-error)
}

[data-mantine-color-scheme] .m_6c018570[data-error] {
    --input-color: var(--mantine-color-error);
    --input-placeholder-color: var(--mantine-color-error);
    --input-section-color: var(--mantine-color-error)
}

:where([dir=rtl]) .m_6c018570 {
    --left-section-border-radius: 0 var(--input-radius) var(--input-radius) 0;
    --right-section-border-radius: var(--input-radius) 0 0 var(--input-radius)
}

.m_6c018570[dir=ltr] {
    --left-section-border-radius: var(--input-radius) 0 0 var(--input-radius);
    --right-section-border-radius: 0 var(--input-radius) var(--input-radius) 0
}

.m_8fb7ebe7 {
    -webkit-tap-highlight-color: transparent;
    appearance: none;
    resize: var(--input-resize, none);
    text-align: start;
    width: 100%;
    color: var(--input-color);
    border: calc(.0625rem * var(--mantine-scale)) solid var(--input-bd);
    background-color: var(--input-bg);
    font-family: var(--input-font-family, var(--mantine-font-family));
    height: var(--input-size);
    min-height: var(--input-height);
    line-height: var(--input-line-height);
    font-size: var(--_input-fz, var(--input-fz, var(--mantine-font-size-md)));
    border-radius: var(--input-radius);
    padding-inline-start: var(--input-padding-inline-start);
    padding-inline-end: var(--input-padding-inline-end);
    padding-top: var(--input-padding-y, 0rem);
    padding-bottom: var(--input-padding-y, 0rem);
    cursor: var(--input-cursor);
    overflow: var(--input-overflow);
    transition: border-color .1s;
    display: block
}

.m_8fb7ebe7[data-no-overflow] {
    --input-overflow: hidden
}

.m_8fb7ebe7[data-monospace] {
    --input-font-family: var(--mantine-font-family-monospace);
    --_input-fz: calc(var(--input-fz) - calc(.125rem * var(--mantine-scale)))
}

.m_8fb7ebe7:focus,
.m_8fb7ebe7:focus-within {
    --input-bd: var(--input-bd-focus);
    outline: none
}

[data-error] .m_8fb7ebe7:focus,
[data-error] .m_8fb7ebe7:focus-within {
    --input-bd: var(--mantine-color-error)
}

.m_8fb7ebe7::placeholder {
    color: var(--input-placeholder-color);
    opacity: 1
}

.m_8fb7ebe7::-webkit-inner-spin-button {
    appearance: none
}

.m_8fb7ebe7::-webkit-outer-spin-button {
    appearance: none
}

.m_8fb7ebe7::-webkit-search-decoration {
    appearance: none
}

.m_8fb7ebe7::-webkit-search-cancel-button {
    appearance: none
}

.m_8fb7ebe7::-webkit-search-results-button {
    appearance: none
}

.m_8fb7ebe7::-webkit-search-results-decoration {
    appearance: none
}

.m_8fb7ebe7[type=number] {
    -moz-appearance: textfield
}

.m_8fb7ebe7:disabled,
.m_8fb7ebe7[data-disabled] {
    cursor: not-allowed;
    opacity: .6;
    background-color: var(--input-disabled-bg);
    color: var(--input-disabled-color)
}

.m_8fb7ebe7:has(input:disabled) {
    cursor: not-allowed;
    opacity: .6;
    background-color: var(--input-disabled-bg);
    color: var(--input-disabled-color)
}

.m_8fb7ebe7[readonly] {
    caret-color: #0000
}

[data-with-bottom-section] .m_8fb7ebe7 {
    padding-bottom: calc(var(--input-padding-y, 0rem) + var(--input-bottom-section-height))
}

.m_93f4ed57 {
    height: var(--input-bottom-section-height);
    padding-inline: var(--input-padding);
    border-radius: 0 0 var(--input-radius) var(--input-radius);
    pointer-events: all;
    color: var(--mantine-color-dimmed);
    font-size: var(--input-fz, var(--mantine-font-size-sm));
    justify-content: flex-start;
    align-items: center;
    display: flex;
    position: absolute;
    bottom: 1px;
    left: 1px;
    right: 1px
}

.m_82577fc2 {
    pointer-events: var(--section-pointer-events);
    z-index: 1;
    inset-inline-start: var(--section-start);
    inset-inline-end: var(--section-end);
    bottom: var(--section-y);
    top: var(--section-y);
    width: var(--section-size);
    border-radius: var(--section-border-radius);
    color: var(--input-section-color, var(--mantine-color-dimmed));
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute
}

.m_82577fc2[data-position=right] {
    --section-pointer-events: var(--input-right-section-pointer-events);
    --section-end: var(--right-section-end);
    --section-size: var(--input-right-section-size);
    --section-border-radius: var(--right-section-border-radius)
}

.m_6c018570[data-size=xs] .m_82577fc2[data-position=right]:has([data-combined-clear-section]) {
    --section-size: 41px
}

.m_6c018570[data-size=sm] .m_82577fc2[data-position=right]:has([data-combined-clear-section]) {
    --section-size: 50px
}

.m_6c018570[data-size=md] .m_82577fc2[data-position=right]:has([data-combined-clear-section]) {
    --section-size: 60px
}

.m_6c018570[data-size=lg] .m_82577fc2[data-position=right]:has([data-combined-clear-section]) {
    --section-size: 72px
}

.m_6c018570[data-size=xl] .m_82577fc2[data-position=right]:has([data-combined-clear-section]) {
    --section-size: 89px
}

.m_82577fc2[data-position=left] {
    --section-pointer-events: var(--input-left-section-pointer-events);
    --section-start: var(--left-section-start);
    --section-size: var(--input-left-section-size);
    --section-border-radius: var(--left-section-border-radius)
}

.m_88bacfd0 {
    color: var(--input-placeholder-color, var(--mantine-color-placeholder))
}

[data-error] .m_88bacfd0 {
    --input-placeholder-color: var(--input-color, var(--mantine-color-placeholder))
}

.m_46b77525 {
    line-height: var(--mantine-line-height)
}

.m_8fdc1311 {
    font-weight: var(--mantine-font-weight-medium);
    overflow-wrap: break-word;
    cursor: default;
    -webkit-tap-highlight-color: transparent;
    font-size: var(--input-label-size, var(--mantine-font-size-sm));
    display: inline-block
}

.m_78a94662 {
    color: var(--input-asterisk-color, var(--mantine-color-error))
}

.m_8f816625,
.m_fe47ce59 {
    word-wrap: break-word;
    margin: 0;
    padding: 0;
    line-height: 1.2;
    display: block
}

.m_8f816625 {
    color: var(--mantine-color-error);
    font-size: var(--input-error-size, calc(var(--mantine-font-size-sm) - .125rem * var(--mantine-scale)))
}

.m_fe47ce59 {
    color: var(--mantine-color-dimmed);
    font-size: var(--input-description-size, calc(var(--mantine-font-size-sm) - .125rem * var(--mantine-scale)))
}

.m_5f75b09e {
    --label-lh-xs: 16px;
    --label-lh-sm: 20px;
    --label-lh-md: 24px;
    --label-lh-lg: 30px;
    --label-lh-xl: 36px;
    --label-lh: var(--label-lh-sm)
}

.m_5f75b09e[data-label-position=left] {
    --label-order: 1;
    --label-offset-end: var(--mantine-spacing-sm);
    --label-offset-start: 0
}

.m_5f75b09e[data-label-position=right] {
    --label-order: 2;
    --label-offset-end: 0;
    --label-offset-start: var(--mantine-spacing-sm)
}

.m_5f6e695e {
    -webkit-tap-highlight-color: transparent;
    display: flex
}

.m_d3ea56bb {
    --label-cursor: var(--mantine-cursor-type);
    -webkit-tap-highlight-color: transparent;
    font-size: var(--label-fz, var(--mantine-font-size-sm));
    line-height: var(--label-lh);
    cursor: var(--label-cursor);
    flex-direction: column;
    order: var(--label-order);
    display: inline-flex
}

fieldset:disabled .m_d3ea56bb,
.m_d3ea56bb[data-disabled] {
    --label-cursor: not-allowed
}

.m_8ee546b8 {
    cursor: var(--label-cursor);
    color: inherit;
    padding-inline-start: var(--label-offset-start);
    padding-inline-end: var(--label-offset-end)
}

fieldset:disabled .m_8ee546b8,
.m_8ee546b8:where([data-disabled]) {
    color: var(--mantine-color-disabled-color)
}

.m_328f68c0 {
    margin-top: calc(var(--mantine-spacing-xs) / 2);
    cursor: default;
    padding-inline-start: var(--label-offset-start);
    padding-inline-end: var(--label-offset-end)
}

.m_8e8a99cc {
    margin-top: calc(var(--mantine-spacing-xs) / 2);
    padding-inline-start: var(--label-offset-start);
    padding-inline-end: var(--label-offset-end)
}

.m_8bffd616 {
    display: flex
}

.m_96b553a6 {
    --transition-duration: .15s;
    z-index: 0;
    transition-property: transform, width, height;
    transition-duration: 0s;
    transition-timing-function: ease;
    position: absolute;
    top: 0;
    left: 0
}

.m_96b553a6:where([data-initialized]) {
    transition-duration: var(--transition-duration)
}

.m_96b553a6:where([data-hidden]) {
    display: none
}

.m_8d3f4000 {
    --ai-size-xs: 18px;
    --ai-size-sm: 22px;
    --ai-size-md: 28px;
    --ai-size-lg: 34px;
    --ai-size-xl: 44px;
    --ai-size-input-xs: 30px;
    --ai-size-input-sm: 36px;
    --ai-size-input-md: 42px;
    --ai-size-input-lg: 50px;
    --ai-size-input-xl: 60px;
    --ai-size: var(--ai-size-md);
    --ai-color: var(--mantine-color-white);
    user-select: none;
    width: var(--ai-size);
    height: var(--ai-size);
    min-width: var(--ai-size);
    min-height: var(--ai-size);
    border-radius: var(--ai-radius, var(--mantine-radius-default));
    background: var(--ai-bg, var(--mantine-primary-color-filled));
    color: var(--ai-color, var(--mantine-color-white));
    border: var(--ai-bd, calc(.0625rem * var(--mantine-scale)) solid transparent);
    cursor: pointer;
    justify-content: center;
    align-items: center;
    line-height: 1;
    display: inline-flex;
    position: relative;
    overflow: hidden
}

@media (hover:hover) {
    .m_8d3f4000:hover:where(:not([data-loading], :disabled, [data-disabled])) {
        background-color: var(--ai-hover, var(--mantine-primary-color-filled-hover));
        color: var(--ai-hover-color, var(--ai-color))
    }
}

@media (hover:none) {
    .m_8d3f4000:active:where(:not([data-loading], :disabled, [data-disabled])) {
        background-color: var(--ai-hover, var(--mantine-primary-color-filled-hover));
        color: var(--ai-hover-color, var(--ai-color))
    }
}

.m_8d3f4000[data-loading] {
    cursor: not-allowed
}

.m_8d3f4000[data-loading] .m_8d3afb97 {
    opacity: 0;
    transform: translateY(100%)
}

.m_8d3f4000:where(:disabled:not([data-loading]), [data-disabled]:not([data-loading])) {
    cursor: not-allowed;
    color: var(--mantine-color-disabled-color);
    background: var(--mantine-color-disabled);
    border: 1px solid #0000
}

.m_8d3f4000:where(:disabled:not([data-loading]), [data-disabled]:not([data-loading])):active {
    transform: none
}

.m_302b9fb1 {
    border-radius: var(--ai-radius, var(--mantine-radius-default));
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: -1px
}

:where([data-mantine-color-scheme=light]) .m_302b9fb1 {
    background-color: #ffffff26
}

:where([data-mantine-color-scheme=dark]) .m_302b9fb1 {
    background-color: #00000026
}

.m_1a0f1b21 {
    --ai-border-width: 1px;
    display: flex
}

.m_1a0f1b21 :where(*):focus {
    z-index: 1;
    position: relative
}

.m_1a0f1b21[data-orientation=horizontal] {
    flex-direction: row
}

.m_1a0f1b21[data-orientation=horizontal] .m_8d3f4000:not(:only-child):first-child,
.m_1a0f1b21[data-orientation=horizontal] .m_437b6484:not(:only-child):first-child {
    border-inline-end-width: calc(var(--ai-border-width) / 2);
    border-start-end-radius: 0;
    border-end-end-radius: 0
}

.m_1a0f1b21[data-orientation=horizontal] .m_8d3f4000:not(:only-child):last-child,
.m_1a0f1b21[data-orientation=horizontal] .m_437b6484:not(:only-child):last-child {
    border-inline-start-width: calc(var(--ai-border-width) / 2);
    border-start-start-radius: 0;
    border-end-start-radius: 0
}

.m_1a0f1b21[data-orientation=horizontal] .m_8d3f4000:not(:only-child):not(:first-child):not(:last-child),
.m_1a0f1b21[data-orientation=horizontal] .m_437b6484:not(:only-child):not(:first-child):not(:last-child) {
    border-inline-width: calc(var(--ai-border-width) / 2);
    border-radius: 0
}

.m_1a0f1b21[data-orientation=vertical] {
    flex-direction: column
}

.m_1a0f1b21[data-orientation=vertical] .m_8d3f4000:not(:only-child):first-child,
.m_1a0f1b21[data-orientation=vertical] .m_437b6484:not(:only-child):first-child {
    border-bottom-width: calc(var(--ai-border-width) / 2);
    border-end-end-radius: 0;
    border-end-start-radius: 0
}

.m_1a0f1b21[data-orientation=vertical] .m_8d3f4000:not(:only-child):last-child,
.m_1a0f1b21[data-orientation=vertical] .m_437b6484:not(:only-child):last-child {
    border-top-width: calc(var(--ai-border-width) / 2);
    border-start-start-radius: 0;
    border-start-end-radius: 0
}

.m_1a0f1b21[data-orientation=vertical] .m_8d3f4000:not(:only-child):not(:first-child):not(:last-child),
.m_1a0f1b21[data-orientation=vertical] .m_437b6484:not(:only-child):not(:first-child):not(:last-child) {
    border-bottom-width: calc(var(--ai-border-width) / 2);
    border-top-width: calc(var(--ai-border-width) / 2);
    border-radius: 0
}

.m_8d3afb97 {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    transition: transform .15s, opacity .1s;
    display: flex
}

.m_437b6484 {
    --section-height-xs: 18px;
    --section-height-sm: 22px;
    --section-height-md: 28px;
    --section-height-lg: 34px;
    --section-height-xl: 44px;
    --section-height-input-xs: 30px;
    --section-height-input-sm: 36px;
    --section-height-input-md: 42px;
    --section-height-input-lg: 50px;
    --section-height-input-xl: 60px;
    --section-padding-x-xs: 6px;
    --section-padding-x-sm: 8px;
    --section-padding-x-md: 10px;
    --section-padding-x-lg: 12px;
    --section-padding-x-xl: 16px;
    --section-height: var(--section-height-sm);
    --section-padding-x: var(--section-padding-x-sm);
    --section-color: var(--mantine-color-white);
    font-weight: var(--mantine-font-weight-medium);
    border-radius: var(--section-radius, var(--mantine-radius-default));
    width: auto;
    font-size: var(--section-fz, var(--mantine-font-size-sm));
    background: var(--section-bg, var(--mantine-primary-color-filled));
    border: var(--section-bd, calc(.0625rem * var(--mantine-scale)) solid transparent);
    color: var(--section-color, var(--mantine-color-white));
    height: var(--section-height, var(--section-height-sm));
    padding-inline: var(--section-padding-x, var(--section-padding-x-sm));
    vertical-align: middle;
    justify-content: center;
    align-items: center;
    line-height: 1;
    display: inline-flex
}

.m_88b62a41 {
    --combobox-padding: 4px;
    padding: var(--combobox-padding)
}

.m_88b62a41:has([data-mantine-scrollbar]) .m_985517d8 {
    max-width: calc(100% + var(--combobox-padding))
}

.m_88b62a41[data-composed] {
    padding-inline-end: 0
}

.m_88b62a41[data-hidden] {
    display: none
}

.m_88b62a41[data-floating-height=viewport]:not([data-hidden]) {
    --combobox-floating-options-max-height: calc(var(--combobox-floating-max-height, 100vh) - var(--combobox-padding) * 2);
    max-height: var(--combobox-floating-max-height, none);
    overflow: hidden
}

.m_88b62a41,
.m_b2821a6e {
    --combobox-option-padding-xs: 4px 8px;
    --combobox-option-padding-sm: 6px 10px;
    --combobox-option-padding-md: 8px 12px;
    --combobox-option-padding-lg: 10px 16px;
    --combobox-option-padding-xl: 14px 20px;
    --combobox-option-padding: var(--combobox-option-padding-sm)
}

.m_92253aa5 {
    padding: var(--combobox-option-padding);
    font-size: var(--combobox-option-fz, var(--mantine-font-size-sm));
    border-radius: var(--mantine-radius-default);
    color: inherit;
    cursor: pointer;
    overflow-wrap: break-word;
    background-color: #0000
}

.m_92253aa5:where([data-combobox-selected]) {
    background-color: var(--mantine-primary-color-filled);
    color: var(--mantine-color-white)
}

.m_92253aa5:where([data-combobox-disabled]) {
    cursor: not-allowed;
    opacity: .35
}

@media (hover:hover) {
    :where([data-mantine-color-scheme=light]) .m_92253aa5:hover:where(:not([data-combobox-selected], [data-combobox-disabled])) {
        background-color: var(--mantine-color-gray-0)
    }

    :where([data-mantine-color-scheme=dark]) .m_92253aa5:hover:where(:not([data-combobox-selected], [data-combobox-disabled])) {
        background-color: var(--mantine-color-dark-7)
    }
}

@media (hover:none) {
    :where([data-mantine-color-scheme=light]) .m_92253aa5:active:where(:not([data-combobox-selected], [data-combobox-disabled])) {
        background-color: var(--mantine-color-gray-0)
    }

    :where([data-mantine-color-scheme=dark]) .m_92253aa5:active:where(:not([data-combobox-selected], [data-combobox-disabled])) {
        background-color: var(--mantine-color-dark-7)
    }
}

.m_985517d8 {
    margin-inline: calc(var(--combobox-padding) * -1);
    margin-top: calc(var(--combobox-padding) * -1);
    width: calc(100% + var(--combobox-padding) * 2);
    border-top-width: 0;
    margin-bottom: var(--combobox-padding);
    border-inline-width: 0;
    border-end-end-radius: 0;
    border-end-start-radius: 0;
    position: relative
}

:where([data-mantine-color-scheme=light]) .m_985517d8,
:where([data-mantine-color-scheme=light]) .m_985517d8:focus {
    border-color: var(--mantine-color-gray-2)
}

:where([data-mantine-color-scheme=dark]) .m_985517d8,
:where([data-mantine-color-scheme=dark]) .m_985517d8:focus {
    border-color: var(--mantine-color-dark-4)
}

:where([data-mantine-color-scheme=light]) .m_985517d8 {
    background-color: var(--mantine-color-white)
}

:where([data-mantine-color-scheme=dark]) .m_985517d8 {
    background-color: var(--mantine-color-dark-7)
}

.m_2530cd1d {
    font-size: var(--combobox-option-fz, var(--mantine-font-size-sm));
    text-align: center;
    padding: var(--combobox-option-padding);
    color: var(--mantine-color-dimmed)
}

.m_858f94bd,
.m_82b967cb {
    font-size: var(--combobox-option-fz, var(--mantine-font-size-sm));
    margin-inline: calc(var(--combobox-padding) * -1);
    padding: var(--combobox-option-padding);
    border: 0 solid #0000
}

:where([data-mantine-color-scheme=light]) .m_858f94bd,
:where([data-mantine-color-scheme=light]) .m_82b967cb {
    border-color: var(--mantine-color-gray-2)
}

:where([data-mantine-color-scheme=dark]) .m_858f94bd,
:where([data-mantine-color-scheme=dark]) .m_82b967cb {
    border-color: var(--mantine-color-dark-4)
}

.m_82b967cb {
    margin-top: var(--combobox-padding);
    margin-bottom: calc(var(--combobox-padding) * -1);
    border-top-width: 1px
}

.m_858f94bd {
    margin-bottom: var(--combobox-padding);
    margin-top: calc(var(--combobox-padding) * -1);
    border-bottom-width: 1px
}

.m_254f3e4f:has(.m_2bb2e9e5:only-child) {
    display: none
}

.m_2bb2e9e5 {
    color: var(--mantine-color-dimmed);
    font-size: calc(var(--combobox-option-fz, var(--mantine-font-size-sm)) * .85);
    padding: var(--combobox-option-padding);
    font-weight: var(--mantine-font-weight-medium);
    align-items: center;
    display: flex;
    position: relative
}

.m_2bb2e9e5:after {
    content: "";
    height: 1px;
    flex: 1;
    margin-inline-start: var(--mantine-spacing-xs);
    inset-inline: 0
}

:where([data-mantine-color-scheme=light]) .m_2bb2e9e5:after {
    background-color: var(--mantine-color-gray-2)
}

:where([data-mantine-color-scheme=dark]) .m_2bb2e9e5:after {
    background-color: var(--mantine-color-dark-4)
}

.m_2bb2e9e5:only-child {
    display: none
}

.m_2943220b {
    --combobox-chevron-size-xs: 14px;
    --combobox-chevron-size-sm: 18px;
    --combobox-chevron-size-md: 20px;
    --combobox-chevron-size-lg: 24px;
    --combobox-chevron-size-xl: 28px;
    --combobox-chevron-size: var(--combobox-chevron-size-sm)
}

:where([data-mantine-color-scheme=light]) .m_2943220b {
    --_combobox-chevron-color: var(--combobox-chevron-color, var(--mantine-color-gray-6))
}

:where([data-mantine-color-scheme=dark]) .m_2943220b {
    --_combobox-chevron-color: var(--combobox-chevron-color, var(--mantine-color-dark-3))
}

.m_2943220b {
    width: var(--combobox-chevron-size);
    height: var(--combobox-chevron-size);
    color: var(--_combobox-chevron-color)
}

.m_2943220b:where([data-error]) {
    color: var(--combobox-chevron-color, var(--mantine-color-error))
}

.m_390b5f4 {
    align-items: center;
    gap: 8px;
    display: flex
}

.m_390b5f4:where([data-reverse]) {
    justify-content: space-between
}

.m_8ee53fc2 {
    opacity: .4;
    width: .8em;
    min-width: .8em;
    height: .8em
}

:where([data-combobox-selected]) .m_8ee53fc2 {
    opacity: 1
}

.m_a530ee0a {
    width: .8em;
    min-width: .8em;
    height: .8em
}

.m_468e7eda {
    appearance: none;
    padding-top: 0;
    padding-bottom: 0
}

.m_468e7eda::-webkit-calendar-picker-indicator {
    display: none
}

.m_468e7eda::-webkit-clear-button {
    display: none
}

.m_468e7eda::-webkit-datetime-edit-hour-field {
    max-height: calc(1.875rem * var(--mantine-scale));
    padding-top: 0;
    display: inline
}

.m_468e7eda::-webkit-datetime-edit-minute-field {
    max-height: calc(1.875rem * var(--mantine-scale));
    padding-top: 0;
    display: inline
}

.m_468e7eda::-webkit-datetime-edit-second-field {
    max-height: calc(1.875rem * var(--mantine-scale));
    padding-top: 0;
    display: inline
}

.m_468e7eda::-webkit-datetime-edit-ampm-field {
    max-height: calc(1.875rem * var(--mantine-scale));
    padding-top: 0;
    display: inline
}

.m_468e7eda::-webkit-datetime-edit-hour-field:focus {
    background-color: var(--mantine-primary-color-filled);
    color: var(--mantine-color-white)
}

.m_468e7eda::-webkit-datetime-edit-minute-field:focus {
    background-color: var(--mantine-primary-color-filled);
    color: var(--mantine-color-white)
}

.m_468e7eda::-webkit-datetime-edit-second-field:focus {
    background-color: var(--mantine-primary-color-filled);
    color: var(--mantine-color-white)
}

.m_468e7eda::-webkit-datetime-edit-ampm-field:focus {
    background-color: var(--mantine-primary-color-filled);
    color: var(--mantine-color-white)
}

.m_7a8f1e6d {
    align-items: center;
    height: 100%;
    display: flex;
    overflow: hidden
}

:where([dir=rtl]) .m_7a8f1e6d {
    flex-direction: row-reverse
}

.m_d6bb0a54 {
    height: calc(var(--input-height) - 15px);
    align-items: center;
    display: flex
}

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

.m_31fe42f9 {
    gap: calc(.25rem * var(--mantine-scale));
    display: flex
}

.m_9c4817c3 {
    padding: calc(.25rem * var(--mantine-scale))
}

.m_154c536b {
    text-align: center;
    border-radius: var(--mantine-radius-default);
    width: max-content;
    min-width: 2.5em;
    height: 2em;
    font-size: var(--control-font-size, var(--mantine-font-size-sm))
}

.m_154c536b:where([data-active]) {
    background-color: var(--mantine-primary-color-filled);
    color: var(--mantine-color-white)
}

@media (hover:hover) {
    .m_154c536b:hover:where(:not([data-active])) {
        color: var(--mantine-color-bright)
    }

    :where([data-mantine-color-scheme=dark]) .m_154c536b:hover:where(:not([data-active])) {
        background-color: var(--mantine-color-dark-5)
    }

    :where([data-mantine-color-scheme=light]) .m_154c536b:hover:where(:not([data-active])) {
        background-color: var(--mantine-color-gray-1)
    }
}

@media (hover:none) {
    .m_154c536b:active:where(:not([data-active])) {
        color: var(--mantine-color-bright)
    }

    :where([data-mantine-color-scheme=dark]) .m_154c536b:active:where(:not([data-active])) {
        background-color: var(--mantine-color-dark-5)
    }

    :where([data-mantine-color-scheme=light]) .m_154c536b:active:where(:not([data-active])) {
        background-color: var(--mantine-color-gray-1)
    }
}

.m_7be09d0c {
    text-align: center;
    border-radius: var(--mantine-radius-default);
    height: 2em;
    font-size: var(--control-font-size, var(--mantine-font-size-sm));
    padding-inline: .5em
}

.m_7be09d0c:where([data-active]) {
    background-color: var(--mantine-primary-color-filled);
    color: var(--mantine-color-white)
}

@media (hover:hover) {
    .m_7be09d0c:hover:where(:not([data-active])) {
        color: var(--mantine-color-bright)
    }

    :where([data-mantine-color-scheme=dark]) .m_7be09d0c:hover:where(:not([data-active])) {
        background-color: var(--mantine-color-dark-5)
    }

    :where([data-mantine-color-scheme=light]) .m_7be09d0c:hover:where(:not([data-active])) {
        background-color: var(--mantine-color-gray-1)
    }
}

@media (hover:none) {
    .m_7be09d0c:active:where(:not([data-active])) {
        color: var(--mantine-color-bright)
    }

    :where([data-mantine-color-scheme=dark]) .m_7be09d0c:active:where(:not([data-active])) {
        background-color: var(--mantine-color-dark-5)
    }

    :where([data-mantine-color-scheme=light]) .m_7be09d0c:active:where(:not([data-active])) {
        background-color: var(--mantine-color-gray-1)
    }
}

.m_7d00001d+.m_7d00001d {
    margin-top: var(--mantine-spacing-sm)
}

.m_d8d918d7 {
    margin-bottom: calc(.25rem * var(--mantine-scale));
    color: var(--mantine-color-dimmed);
    font-size: calc(var(--control-font-size, var(--mantine-font-size-sm)) - 2px);
    font-weight: var(--mantine-font-weight-medium);
    align-items: center;
    padding-inline-start: calc(.4375rem * var(--mantine-scale));
    display: flex
}

.m_d8d918d7:after {
    content: "";
    width: 100%;
    height: calc(.0625rem * var(--mantine-scale));
    flex: 1;
    margin-inline-start: var(--mantine-spacing-xs)
}

:where([data-mantine-color-scheme=light]) .m_d8d918d7:after {
    background-color: var(--mantine-color-gray-2)
}

:where([data-mantine-color-scheme=dark]) .m_d8d918d7:after {
    background-color: var(--mantine-color-dark-4)
}

.m_6b43ba88 {
    caret-color: #0000;
    font-variant-numeric: tabular-nums;
    text-align: center;
    text-align-last: center;
    width: calc(2ch + .3em);
    height: 100%;
    color: var(--input-color);
    border-radius: calc(.125rem * var(--mantine-scale));
    appearance: none;
    background-color: #0000;
    border: 0;
    padding-inline: .15em;
    line-height: 1;
    position: relative
}

.m_6b43ba88:where([data-am-pm]) {
    width: auto
}

.m_6b43ba88:where(:disabled) {
    cursor: not-allowed
}

.m_6b43ba88::selection {
    background-color: #0000
}

.m_6b43ba88::placeholder {
    opacity: 1;
    color: inherit
}

.m_6b43ba88:focus {
    background-color: var(--mantine-primary-color-filled);
    color: var(--mantine-color-white);
    outline: 0
}

.m_6b43ba88:focus::placeholder {
    color: var(--mantine-color-white)
}

.m_396ce5cb {
    --day-size-xs: calc(1.875rem * var(--mantine-scale));
    --day-size-sm: calc(2.25rem * var(--mantine-scale));
    --day-size-md: calc(2.625rem * var(--mantine-scale));
    --day-size-lg: calc(3rem * var(--mantine-scale));
    --day-size-xl: calc(3.375rem * var(--mantine-scale));
    --day-size: var(--day-size-sm);
    width: var(--day-size, var(--day-size-sm));
    height: var(--day-size, var(--day-size-sm));
    font-size: calc(var(--day-size) / 2.8);
    user-select: none;
    cursor: pointer;
    border-radius: var(--mantine-radius-default);
    color: var(--mantine-color-text);
    opacity: 1;
    background-color: #0000;
    justify-content: center;
    align-items: center;
    display: inline-flex
}

@media (hover:hover) {
    [data-mantine-color-scheme=light] .m_396ce5cb:hover:where(:not([data-static], [data-disabled], [data-selected], [data-in-range])) {
        background-color: var(--mantine-color-gray-0)
    }

    [data-mantine-color-scheme=dark] .m_396ce5cb:hover:where(:not([data-static], [data-disabled], [data-selected], [data-in-range])) {
        background-color: var(--mantine-color-dark-5)
    }
}

@media (hover:none) {
    [data-mantine-color-scheme=light] .m_396ce5cb:active:where(:not([data-static], [data-disabled], [data-selected], [data-in-range])) {
        background-color: var(--mantine-color-gray-0)
    }

    [data-mantine-color-scheme=dark] .m_396ce5cb:active:where(:not([data-static], [data-disabled], [data-selected], [data-in-range])) {
        background-color: var(--mantine-color-dark-5)
    }
}

.m_396ce5cb:where([data-static]) {
    user-select: auto;
    cursor: default
}

.m_396ce5cb:where([data-weekend]) {
    color: var(--mantine-color-red-6)
}

.m_396ce5cb:where([data-outside]) {
    color: var(--mantine-color-dimmed);
    opacity: .5
}

.m_396ce5cb:where(:disabled, [data-disabled]) {
    color: var(--mantine-color-disabled-color);
    cursor: not-allowed;
    opacity: .5
}

.m_396ce5cb:where([data-hidden]) {
    display: none
}

:where([data-mantine-color-scheme=light]) .m_396ce5cb:where([data-today][data-highlight-today]:not([data-selected], [data-in-range])) {
    border: 1px solid var(--mantine-color-gray-4)
}

:where([data-mantine-color-scheme=dark]) .m_396ce5cb:where([data-today][data-highlight-today]:not([data-selected], [data-in-range])) {
    border: 1px solid var(--mantine-color-dark-4)
}

.m_396ce5cb:where([data-in-range]) {
    background-color: var(--mantine-primary-color-light);
    border-radius: 0
}

@media (hover:hover) {
    .m_396ce5cb:where([data-in-range]):hover:where(:not([data-disabled], [data-static])) {
        background-color: var(--mantine-primary-color-light)
    }
}

@media (hover:none) {
    .m_396ce5cb:where([data-in-range]):active:where(:not([data-disabled], [data-static])) {
        background-color: var(--mantine-primary-color-light)
    }
}

.m_396ce5cb:where([data-first-in-range]) {
    border-radius: 0;
    border-start-start-radius: var(--mantine-radius-default);
    border-end-start-radius: var(--mantine-radius-default)
}

.m_396ce5cb:where([data-last-in-range]) {
    border-radius: 0;
    border-start-end-radius: var(--mantine-radius-default);
    border-end-end-radius: var(--mantine-radius-default)
}

.m_396ce5cb:where([data-last-in-range][data-first-in-range]) {
    border-radius: var(--mantine-radius-default)
}

.m_396ce5cb:where([data-full-width]) {
    width: 100%;
    height: auto;
    min-height: var(--day-size);
    aspect-ratio: 1
}

.m_396ce5cb:where([data-selected]) {
    background-color: var(--mantine-primary-color-filled);
    color: var(--mantine-primary-color-contrast)
}

@media (hover:hover) {
    .m_396ce5cb:where([data-selected]):hover:where(:not([data-disabled], [data-static])) {
        background-color: var(--mantine-primary-color-filled-hover)
    }
}

@media (hover:none) {
    .m_396ce5cb:where([data-selected]):active:where(:not([data-disabled], [data-static])) {
        background-color: var(--mantine-primary-color-filled-hover)
    }
}

.m_18a3eca {
    color: var(--mantine-color-dimmed);
    font-weight: var(--mantine-font-weight-regular);
    font-size: var(--wr-fz, var(--mantine-font-size-sm));
    text-transform: capitalize;
    padding-bottom: calc(var(--wr-spacing, var(--mantine-spacing-sm)) / 2)
}

.m_cc9820d3 {
    border-collapse: collapse;
    table-layout: fixed
}

.m_cc9820d3[data-full-width] {
    width: 100%
}

.m_8f457cd5 {
    padding: 0
}

.m_8f457cd5:where([data-with-spacing]) {
    padding: calc(.03125rem * var(--mantine-scale))
}

.m_6cff9dea {
    --wn-size-xs: calc(1.875rem * var(--mantine-scale));
    --wn-size-sm: calc(2.25rem * var(--mantine-scale));
    --wn-size-md: calc(2.625rem * var(--mantine-scale));
    --wn-size-lg: calc(3rem * var(--mantine-scale));
    --wn-size-xl: calc(3.375rem * var(--mantine-scale));
    color: var(--mantine-color-dimmed);
    font-weight: var(--mantine-font-weight-regular);
    font-size: calc(var(--wn-size, var(--wn-size-sm)) / 2.8);
    text-align: center;
    width: var(--wn-size, var(--wn-size-sm))
}

.m_dc6a3c71 {
    --dpc-size-xs: calc(1.875rem * var(--mantine-scale));
    --dpc-size-sm: calc(2.25rem * var(--mantine-scale));
    --dpc-size-md: calc(2.625rem * var(--mantine-scale));
    --dpc-size-lg: calc(3rem * var(--mantine-scale));
    --dpc-size-xl: calc(3.375rem * var(--mantine-scale));
    --dpc-size: var(--dpc-size-sm);
    font-size: var(--dpc-fz, var(--mantine-font-size-sm));
    height: var(--dpc-size);
    width: calc(var(--dpc-size) * 7 / 3 + .09375rem * var(--mantine-scale));
    user-select: none;
    cursor: pointer;
    color: var(--mantine-color-text);
    opacity: 1;
    border-radius: var(--mantine-radius-default);
    background-color: #0000;
    justify-content: center;
    align-items: center;
    display: flex
}

@media (hover:hover) {
    :where([data-mantine-color-scheme=light]) .m_dc6a3c71:hover:where(:not([data-disabled], :disabled)) {
        background-color: var(--mantine-color-gray-0)
    }

    :where([data-mantine-color-scheme=dark]) .m_dc6a3c71:hover:where(:not([data-disabled], :disabled)) {
        background-color: var(--mantine-color-dark-5)
    }
}

@media (hover:none) {
    :where([data-mantine-color-scheme=light]) .m_dc6a3c71:active:where(:not([data-disabled], :disabled)) {
        background-color: var(--mantine-color-gray-0)
    }

    :where([data-mantine-color-scheme=dark]) .m_dc6a3c71:active:where(:not([data-disabled], :disabled)) {
        background-color: var(--mantine-color-dark-5)
    }
}

.m_dc6a3c71:where(:disabled, [data-disabled]) {
    color: var(--mantine-color-disabled-color);
    cursor: not-allowed;
    opacity: .5
}

.m_dc6a3c71:where([data-selected]) {
    background-color: var(--mantine-primary-color-filled);
    color: var(--mantine-primary-color-contrast, var(--mantine-color-white))
}

@media (hover:hover) {
    .m_dc6a3c71:where([data-selected]):hover {
        background-color: var(--mantine-primary-color-filled-hover)
    }
}

@media (hover:none) {
    .m_dc6a3c71:where([data-selected]):active {
        background-color: var(--mantine-primary-color-filled-hover)
    }
}

.m_dc6a3c71:where([data-in-range]) {
    background-color: var(--mantine-primary-color-light-hover);
    border-radius: 0
}

@media (hover:hover) {
    .m_dc6a3c71:where([data-in-range]):hover {
        background-color: var(--mantine-primary-color-light)
    }
}

@media (hover:none) {
    .m_dc6a3c71:where([data-in-range]):active {
        background-color: var(--mantine-primary-color-light)
    }
}

.m_dc6a3c71:where([data-first-in-range]) {
    border-radius: 0;
    border-start-start-radius: var(--mantine-radius-default);
    border-end-start-radius: var(--mantine-radius-default)
}

.m_dc6a3c71:where([data-last-in-range]) {
    border-radius: 0;
    border-start-end-radius: var(--mantine-radius-default);
    border-end-end-radius: var(--mantine-radius-default)
}

.m_dc6a3c71:where([data-first-in-range][data-last-in-range]) {
    border-radius: var(--mantine-radius-default)
}

.m_dc6a3c71:where([data-full-width]) {
    width: 100%
}

.m_9206547b {
    border-collapse: collapse;
    border-width: 0
}

.m_9206547b[data-full-width] {
    width: 100%
}

.m_c5a19c7d {
    padding: 0
}

.m_c5a19c7d:where([data-with-spacing]) {
    padding: calc(.03125rem * var(--mantine-scale))
}

.m_2a6c32d {
    border-collapse: collapse;
    cursor: pointer;
    border-width: 0
}

.m_2a6c32d[data-full-width] {
    width: 100%
}

.m_fe27622f {
    padding: 0
}

.m_fe27622f:where([data-with-spacing]) {
    padding: calc(.03125rem * var(--mantine-scale))
}

.m_730a79ed {
    --dch-control-size-xs: calc(1.875rem * var(--mantine-scale));
    --dch-control-size-sm: calc(2.25rem * var(--mantine-scale));
    --dch-control-size-md: calc(2.625rem * var(--mantine-scale));
    --dch-control-size-lg: calc(3rem * var(--mantine-scale));
    --dch-control-size-xl: calc(3.375rem * var(--mantine-scale));
    --dch-control-size: var(--dch-control-size-sm);
    max-width: calc(var(--dch-control-size) * 8 + .4375rem * var(--mantine-scale));
    margin-bottom: var(--mantine-spacing-xs);
    display: flex
}

.m_730a79ed[data-full-width] {
    width: 100%;
    max-width: none
}

.m_f6645d97,
.m_2351eeb0 {
    height: var(--dch-control-size);
    border-radius: var(--mantine-radius-default);
    user-select: none;
    opacity: 1;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    display: flex
}

.m_f6645d97:where([data-static]),
.m_2351eeb0:where([data-static]) {
    cursor: default
}

@media (hover:hover) {

    [data-mantine-color-scheme=light] .m_f6645d97:hover:where(:not([data-disabled], [data-static], :disabled)),
    [data-mantine-color-scheme=light] .m_2351eeb0:hover:where(:not([data-disabled], [data-static], :disabled)) {
        background-color: var(--mantine-color-gray-0)
    }

    [data-mantine-color-scheme=dark] .m_f6645d97:hover:where(:not([data-disabled], [data-static], :disabled)),
    [data-mantine-color-scheme=dark] .m_2351eeb0:hover:where(:not([data-disabled], [data-static], :disabled)) {
        background-color: var(--mantine-color-dark-5)
    }
}

@media (hover:none) {

    [data-mantine-color-scheme=light] .m_f6645d97:active:where(:not([data-disabled], [data-static], :disabled)),
    [data-mantine-color-scheme=light] .m_2351eeb0:active:where(:not([data-disabled], [data-static], :disabled)) {
        background-color: var(--mantine-color-gray-0)
    }

    [data-mantine-color-scheme=dark] .m_f6645d97:active:where(:not([data-disabled], [data-static], :disabled)),
    [data-mantine-color-scheme=dark] .m_2351eeb0:active:where(:not([data-disabled], [data-static], :disabled)) {
        background-color: var(--mantine-color-dark-5)
    }
}

.m_f6645d97:where(:disabled, [data-disabled]),
.m_2351eeb0:where(:disabled, [data-disabled]) {
    opacity: .2;
    cursor: not-allowed
}

.m_2351eeb0 {
    width: var(--dch-control-size)
}

.m_f6645d97 {
    font-size: var(--dch-fz, var(--mantine-font-size-sm));
    font-weight: var(--mantine-font-weight-medium);
    text-transform: capitalize;
    flex: 1
}

.m_367dc749 {
    width: 60%;
    height: 60%
}

.m_367dc749:where([data-direction=next]) {
    transform: rotate(270deg)
}

:where([dir=rtl]) .m_367dc749:where([data-direction=next]),
.m_367dc749:where([data-direction=previous]) {
    transform: rotate(90deg)
}

:where([dir=rtl]) .m_367dc749:where([data-direction=previous]) {
    transform: rotate(270deg)
}

.m_30b26e33 {
    gap: var(--mantine-spacing-md);
    display: flex
}

.m_30b26e33[data-full-width] {
    width: 100%
}

.m_30b26e33[data-full-width]>* {
    flex: 1
}

.m_6fa5e2aa {
    cursor: pointer;
    line-height: unset
}

.m_6fa5e2aa:where([data-read-only]) {
    cursor: default
}

.m_d01e596f {
    font-size: var(--preset-font-size);
    display: flex
}

.m_52a6b4b0 {
    border-inline-end: calc(.0625rem * var(--mantine-scale)) solid;
    flex-direction: column;
    margin-inline-end: .5em;
    padding-inline-end: .5em;
    display: flex
}

:where([data-mantine-color-scheme=light]) .m_52a6b4b0 {
    border-color: var(--mantine-color-gray-2)
}

:where([data-mantine-color-scheme=dark]) .m_52a6b4b0 {
    border-color: var(--mantine-color-dark-5)
}

.m_b0d93233 {
    border-radius: var(--mantine-radius-default);
    font-size: var(--preset-font-size);
    white-space: nowrap;
    padding: .52em .8em
}

@media (hover:hover) {
    :where([data-mantine-color-scheme=light]) .m_b0d93233:hover {
        background-color: var(--mantine-color-gray-0)
    }

    :where([data-mantine-color-scheme=dark]) .m_b0d93233:hover {
        background-color: var(--mantine-color-dark-5)
    }
}

@media (hover:none) {
    :where([data-mantine-color-scheme=light]) .m_b0d93233:active {
        background-color: var(--mantine-color-gray-0)
    }

    :where([data-mantine-color-scheme=dark]) .m_b0d93233:active {
        background-color: var(--mantine-color-dark-5)
    }
}

.m_53c9e871 {
    font-size: var(--preset-font-size);
    display: flex
}

.m_cccb8ff3 {
    border-inline-end: calc(.0625rem * var(--mantine-scale)) solid;
    flex-direction: column;
    margin-inline-end: .5em;
    padding-inline-end: .5em;
    display: flex
}

:where([data-mantine-color-scheme=light]) .m_cccb8ff3 {
    border-color: var(--mantine-color-gray-2)
}

:where([data-mantine-color-scheme=dark]) .m_cccb8ff3 {
    border-color: var(--mantine-color-dark-5)
}

.m_7b4fbf50 {
    border-radius: var(--mantine-radius-default);
    font-size: var(--preset-font-size);
    white-space: nowrap;
    padding: .52em .8em
}

@media (hover:hover) {
    :where([data-mantine-color-scheme=light]) .m_7b4fbf50:hover {
        background-color: var(--mantine-color-gray-0)
    }

    :where([data-mantine-color-scheme=dark]) .m_7b4fbf50:hover {
        background-color: var(--mantine-color-dark-5)
    }
}

@media (hover:none) {
    :where([data-mantine-color-scheme=light]) .m_7b4fbf50:active {
        background-color: var(--mantine-color-gray-0)
    }

    :where([data-mantine-color-scheme=dark]) .m_7b4fbf50:active {
        background-color: var(--mantine-color-dark-5)
    }
}

.m_765a40cf {
    font-size: var(--preset-font-size);
    display: flex
}

.m_d6a681e1 {
    border-inline-end: calc(.0625rem * var(--mantine-scale)) solid;
    flex-direction: column;
    margin-inline-end: .5em;
    padding-inline-end: .5em;
    display: flex
}

:where([data-mantine-color-scheme=light]) .m_d6a681e1 {
    border-color: var(--mantine-color-gray-2)
}

:where([data-mantine-color-scheme=dark]) .m_d6a681e1 {
    border-color: var(--mantine-color-dark-5)
}

.m_acd30b22 {
    border-radius: var(--mantine-radius-default);
    font-size: var(--preset-font-size);
    white-space: nowrap;
    padding: .52em .8em
}

@media (hover:hover) {
    :where([data-mantine-color-scheme=light]) .m_acd30b22:hover {
        background-color: var(--mantine-color-gray-0)
    }

    :where([data-mantine-color-scheme=dark]) .m_acd30b22:hover {
        background-color: var(--mantine-color-dark-5)
    }
}

@media (hover:none) {
    :where([data-mantine-color-scheme=light]) .m_acd30b22:active {
        background-color: var(--mantine-color-gray-0)
    }

    :where([data-mantine-color-scheme=dark]) .m_acd30b22:active {
        background-color: var(--mantine-color-dark-5)
    }
}

.m_43bf4edb {
    margin-top: var(--mantine-spacing-md);
    align-items: stretch;
    display: flex
}

.m_49f1412 {
    flex: 1;
    margin-inline-end: var(--mantine-spacing-md)
}

.m_d6d672a0 {
    margin-top: var(--mantine-spacing-md);
    font-size: calc(var(--mantine-font-size-sm) - .125rem * var(--mantine-scale));
    color: var(--mantine-color-text);
    height: calc((var(--mantine-font-size-sm) - .125rem * var(--mantine-scale)) * 1.4);
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.4;
    overflow: hidden
}

.m_80eb36d4 {
    align-items: stretch;
    gap: var(--mantine-spacing-md);
    margin-top: var(--mantine-spacing-md);
    display: flex
}

.m_5566a64b {
    flex: 1
}

.m_208d2562 {
    margin-top: var(--mantine-spacing-md);
    align-items: stretch;
    display: flex
}

.m_62ee059 {
    flex: 1;
    margin-inline-end: var(--mantine-spacing-md)
}

.m_d8663ee7 {
    margin-top: var(--mantine-spacing-md);
    font-size: calc(var(--mantine-font-size-sm) - .125rem * var(--mantine-scale));
    color: var(--mantine-color-text);
    height: calc((var(--mantine-font-size-sm) - .125rem * var(--mantine-scale)) * 1.4);
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.4;
    overflow: hidden
}

.m_afb15cad {
    align-items: stretch;
    gap: var(--mantine-spacing-md);
    margin-top: var(--mantine-spacing-md);
    display: flex
}

.m_8afe6e64 {
    flex: 1
}

.m_ac3f4d63 {
    text-align: center;
    border: 1px solid var(--mantine-color-default-border);
    background-color: var(--mantine-color-default);
    color: var(--mantine-color-default-color);
    border-radius: var(--time-grid-radius, var(--mantine-radius-default));
    font-size: var(--time-grid-fz, var(--mantine-font-size-sm));
    padding-block: .25em;
    padding-inline: 1em
}

@media (hover:hover) {
    .m_ac3f4d63:hover:where(:not([data-disabled])) {
        background-color: var(--mantine-color-default-hover)
    }
}

@media (hover:none) {
    .m_ac3f4d63:active:where(:not([data-disabled])) {
        background-color: var(--mantine-color-default-hover)
    }
}

.m_ac3f4d63:where([data-active]) {
    background-color: var(--mantine-primary-color-filled);
    color: var(--mantine-color-white);
    border-color: #0000
}

@media (hover:hover) {
    .m_ac3f4d63:where([data-active]):hover:where(:not([data-disabled])) {
        background-color: var(--mantine-primary-color-filled-hover)
    }
}

@media (hover:none) {
    .m_ac3f4d63:where([data-active]):active:where(:not([data-disabled])) {
        background-color: var(--mantine-primary-color-filled-hover)
    }
}

.m_ac3f4d63:where(:disabled, [data-disabled]) {
    opacity: .5;
    cursor: not-allowed
}

.m_2a0c4eda {
    width: fit-content;
    font-size: var(--mini-calendar-font-size);
    align-items: center;
    display: flex
}

.m_2a05be4f {
    font-size: inherit;
    display: flex
}

.m_99d16a4 {
    min-width: 3em;
    font-size: inherit;
    border-radius: var(--mantine-radius-default);
    flex-direction: column;
    align-items: center;
    gap: .5em;
    padding: .75em;
    line-height: 1;
    display: flex
}

.m_99d16a4:where([data-selected]) {
    color: var(--mantine-primary-color-contrast);
    background-color: var(--mantine-primary-color-filled)
}

@media (hover:hover) {
    .m_99d16a4:where([data-selected]):hover:where(:not([data-disabled], [data-static])) {
        background-color: var(--mantine-primary-color-filled-hover)
    }
}

@media (hover:none) {
    .m_99d16a4:where([data-selected]):active:where(:not([data-disabled], [data-static])) {
        background-color: var(--mantine-primary-color-filled-hover)
    }
}

.m_99d16a4:where([data-disabled]) {
    opacity: .3;
    cursor: not-allowed
}

@media (hover:hover) {
    :where([data-mantine-color-scheme=light]) .m_99d16a4:hover:where(:not([data-disabled], [data-selected])) {
        background-color: var(--mantine-color-gray-1)
    }
}

@media (hover:none) {
    :where([data-mantine-color-scheme=light]) .m_99d16a4:active:where(:not([data-disabled], [data-selected])) {
        background-color: var(--mantine-color-gray-1)
    }
}

@media (hover:hover) {
    :where([data-mantine-color-scheme=dark]) .m_99d16a4:hover:where(:not([data-disabled], [data-selected])) {
        background-color: var(--mantine-color-dark-5)
    }
}

@media (hover:none) {
    :where([data-mantine-color-scheme=dark]) .m_99d16a4:active:where(:not([data-disabled], [data-selected])) {
        background-color: var(--mantine-color-dark-5)
    }
}

.m_176ca23c {
    font-size: .75em;
    font-weight: var(--mantine-font-weight-medium);
    opacity: .65
}

.m_d830530d {
    font-size: .9em;
    font-weight: var(--mantine-font-weight-medium)
}

.m_14c23465 {
    font-size: inherit;
    border-radius: var(--mantine-radius-default);
    width: 2em;
    color: var(--mantine-color-bright);
    justify-content: center;
    align-self: stretch;
    align-items: center;
    display: flex
}

.m_14c23465:where([data-disabled]) {
    opacity: .3;
    cursor: not-allowed
}

.m_14c23465 [data-chevron] {
    font-size: inherit;
    width: 60%
}

.m_14c23465[data-direction=previous] [data-chevron] {
    transform: rotate(90deg)
}

[dir=rtl] .m_14c23465[data-direction=previous] [data-chevron],
.m_14c23465[data-direction=next] [data-chevron] {
    transform: rotate(-90deg)
}

[dir=rtl] .m_14c23465[data-direction=next] [data-chevron] {
    transform: rotate(90deg)
}

@media (hover:hover) {
    :where([data-mantine-color-scheme=light]) .m_14c23465:hover:where(:not([data-disabled])) {
        background-color: var(--mantine-color-gray-1)
    }
}

@media (hover:none) {
    :where([data-mantine-color-scheme=light]) .m_14c23465:active:where(:not([data-disabled])) {
        background-color: var(--mantine-color-gray-1)
    }
}

@media (hover:hover) {
    :where([data-mantine-color-scheme=dark]) .m_14c23465:hover:where(:not([data-disabled])) {
        background-color: var(--mantine-color-dark-5)
    }
}

@media (hover:none) {
    :where([data-mantine-color-scheme=dark]) .m_14c23465:active:where(:not([data-disabled])) {
        background-color: var(--mantine-color-dark-5)
    }
}

.toastify {
    color: #fff;
    opacity: 0;
    cursor: pointer;
    z-index: 2147483647;
    background: linear-gradient(135deg, #73a5ff, #5477f5);
    border-radius: 2px;
    max-width: calc(50% - 20px);
    padding: 12px 20px;
    text-decoration: none;
    transition: all .4s cubic-bezier(.215, .61, .355, 1);
    display: inline-block;
    position: fixed;
    box-shadow: 0 3px 6px -1px #0000001f, 0 10px 36px -4px #4d60e84d
}

.toastify.on {
    opacity: 1
}

.toast-close {
    color: #fff;
    cursor: pointer;
    opacity: .4;
    background: 0 0;
    border: 0;
    padding: 0 5px;
    font-family: inherit;
    font-size: 1em
}

.toastify-right {
    right: 15px
}

.toastify-left {
    left: 15px
}

.toastify-top {
    top: -150px
}

.toastify-bottom {
    bottom: -150px
}

.toastify-rounded {
    border-radius: 25px
}

.toastify-avatar {
    border-radius: 2px;
    width: 1.5em;
    height: 1.5em;
    margin: -7px 5px
}

.toastify-center {
    max-width: -moz-fit-content;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0
}

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

    .toastify-right,
    .toastify-left {
        max-width: fit-content;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0
    }
}

:root {
    --container-padding-x: 9rem
}

.container {
    max-width: 1920px;
    padding-left: var(--container-padding-x);
    padding-right: var(--container-padding-x);
    margin-left: auto;
    margin-right: auto
}

.sections {
    padding-bottom: 12rem
}

.sections.bg_whitesmoke {
    background-color: var(--gray-2)
}

@media not all and (min-width:80em) {
    :root {
        --container-padding-x: 2rem
    }
}

@media not all and (min-width:40em) {
    :root {
        --container-padding-x: 1.25rem
    }
}

.Pagination {
    justify-content: center;
    align-items: center;
    margin-top: 6rem;
    display: flex
}

.Pagination-action {
    width: 3rem;
    height: 3rem;
    color: var(--gray-6);
    transition: color .25s var(--ease-3);
    border-width: 1px;
    border-color: currentColor;
    border-radius: 9999px;
    position: relative
}

.Pagination-action:after {
    content: "";
    width: 1.5rem;
    height: 1.5rem;
    -webkit-mask-image: var(--svg-chevron);
    mask-image: var(--svg-chevron);
    background-color: currentColor;
    margin: auto;
    position: absolute;
    inset: 0;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%
}

.Pagination-action:hover {
    color: var(--orange-9)
}

.Pagination-action.prev {
    margin-right: 1rem;
    transform: rotate(.25turn)
}

.Pagination-action.next {
    margin-left: 1rem;
    transform: rotate(-.25turn)
}

.Pagination-number {
    height: 3rem;
    font-size: 1rem;
    line-height: 3rem
}

a.Pagination-number {
    text-align: center;
    border-radius: 9999px;
    min-width: 3rem;
    font-weight: 700
}

a.Pagination-number.active {
    color: var(--orange-9)
}

a.Pagination-number:hover {
    background-color: var(--gray-2)
}

@media not all and (min-width:40em) {
    .Pagination {
        margin-top: 4rem
    }

    .Pagination-action {
        width: 2.25rem;
        height: 2.25rem
    }

    .Pagination-action.prev {
        margin-right: .5rem
    }

    .Pagination-action.next {
        margin-left: .5rem
    }

    .Pagination-number {
        height: 2.25rem;
        font-size: .75rem;
        line-height: 2.25rem
    }

    a.Pagination-number {
        min-width: 2.25rem
    }
}

:target {
    scroll-margin-top: 8rem
}

.section {
    --spacing: 4rem
}

.section.padding {
    padding-top: var(--spacing);
    padding-bottom: var(--spacing)
}

.section.margin {
    margin-top: var(--spacing);
    margin-bottom: var(--spacing)
}

.section.bg_whitesmoke {
    background-color: var(--gray-2)
}

.section_header {
    text-align: center;
    max-width: 48rem;
    margin: 0 auto 4rem
}

.section_header.max_width_large {
    max-width: 72rem
}

.section_title {
    font-size: 3rem;
    font-weight: 600;
    line-height: 4.5rem
}

.section_desc {
    margin-top: 1.25rem;
    font-size: 1rem;
    line-height: 1.5rem
}

.section_desc :is(a) {
    color: var(--orange-9);
    text-decoration: underline
}

.section_desc>:not(:first-child) {
    margin-top: 1rem
}

@media not all and (min-width:80em) {
    .section_header {
        max-width: 40rem
    }

    .section_title {
        font-size: 2rem;
        line-height: 3rem
    }
}

@media not all and (min-width:40em) {
    .section {
        --spacing: 4rem
    }

    .section_header {
        max-width: 85%;
        margin-bottom: 2rem
    }

    .section_title {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .section_desc {
        margin-top: .5rem;
        font-size: .875rem;
        line-height: 1.5rem
    }
}

.breadcrumb {
    --separator-color: ;
    --separator-margin: 1rem;
    row-gap: .5rem;
    column-gap: var(--separator-margin);
    flex-wrap: wrap;
    display: flex
}

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

.breadcrumb-item:not(:last-child):after {
    content: "|";
    color: var(--separator-color);
    margin-left: var(--separator-margin)
}

.breadcrumb.news_meta {
    --separator-margin: .5rem;
    color: #6b7280
}

.btns {
    flex-wrap: wrap;
    gap: .5rem 1rem;
    display: flex
}

.btn {
    height: 3rem;
    transition-property: color, border-color, background-color;
    transition-duration: .25s;
    transition-timing-function: var(--ease-3);
    border-radius: 9999px;
    justify-content: center;
    align-items: center;
    gap: .5rem;
    padding: 0 1.25rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    display: flex
}

.btn .icon {
    flex-shrink: 0
}

.btn.lg {
    font-size: 1.25rem;
    line-height: 2rem
}

.btn.solid.orange {
    background-color: var(--orange-9);
    color: var(--orange-contrast)
}

.btn.solid.orange:hover {
    background-color: var(--orange-10)
}

.btn.outline {
    border-width: 1px;
    border-color: currentColor
}

.btn.outline.orange {
    border-color: var(--orange-9);
    color: var(--orange-9)
}

.btn.black-a7 {
    color: var(--black-a7)
}

.btn_view .icon.infinity {
    width: 2rem;
    height: 1rem
}

.icon_btns {
    flex-wrap: wrap;
    gap: .5rem;
    display: flex
}

.icon_btn {
    --btn-size: 3rem;
    --icon-size: 1.5rem;
    width: var(--btn-size);
    height: var(--btn-size);
    border-radius: 9999px;
    display: flex
}

.icon_btn:not(.icon) .icon,
.icon_btn.icon>svg {
    width: var(--icon-size);
    height: var(--icon-size);
    margin: auto
}

.icon_btn.outline {
    border-width: 1px;
    border-color: currentColor
}

.icon_btn.orange {
    color: var(--orange-9)
}

:root {
    --swiper-wrapper-transition-timing-function: var(--ease-3);
    --swiper-navigation-size: 3rem;
    --swiper-navigation-icon-size: 1.5rem;
    --swiper-navigation-color: var(--orange-contrast);
    --swiper-navigation-bg-color: var(--orange-9);
    --swiper-navigation-inactive-color: var(--swiper-navigation-color);
    --swiper-navigation-inactive-bg-color: var(--gray-6)
}

:is(.swiper-button-prev, .swiper-button-next) {
    width: var(--swiper-navigation-size);
    height: var(--swiper-navigation-size);
    background-color: var(--swiper-navigation-bg-color);
    color: var(--swiper-navigation-color);
    z-index: 1;
    border-radius: 9999px
}

:is(.swiper-button-prev, .swiper-button-next).swiper-button-disabled {
    opacity: 1;
    background-color: var(--swiper-navigation-inactive-bg-color);
    color: var(--swiper-navigation-inactive-color)
}

:is(.swiper-button-prev, .swiper-button-next).icon svg {
    width: var(--swiper-navigation-icon-size);
    height: var(--swiper-navigation-icon-size)
}

:is(.swiper-button-prev, .swiper-button-next):after {
    display: none
}

.swiper-button-prev {
    transform: rotate(.25turn)
}

.swiper-button-next {
    transform: rotate(-.25turn)
}

.SwiperGallery {
    --gap: 2rem;
    overflow: hidden
}

.SwiperGallery .swiper {
    margin: 0 calc(var(--gap) * -.5);
    overflow: visible
}

.SwiperGallery .swiper-slide {
    width: 33.3333%;
    padding: 0 calc(var(--gap) * .5)
}

.SwiperGallery .swiper-controls {
    align-items: center;
    gap: 1rem;
    display: flex
}

.SwiperGallery .swiper-controls :is(.swiper-button-prev, .swiper-button-next) {
    z-index: 1;
    margin-top: 0;
    position: relative
}

.SwiperGallery .swiper-controls .swiper-button-prev {
    left: auto
}

.SwiperGallery .swiper-controls .swiper-button-next {
    right: auto
}

.SwiperGallery .swiper-scrollbar {
    margin-top: 3rem;
    position: relative
}

.SwiperGallery .swiper-scrollbar:before {
    content: "";
    background-color: var(--gray-6);
    width: 100%;
    height: 1px;
    position: absolute;
    top: 2px;
    left: 0;
    right: 0
}

.SwiperGallery .swiper-scrollbar-drag {
    background-color: var(--orange-9);
    border-radius: 9999px;
    height: 5px;
    position: relative
}

.SwiperGallery .swiper-scrollbar-drag:hover {
    background-color: var(--orange-10)
}

.play_btn {
    --btn-size: 6rem;
    --icon-size: 3rem;
    width: var(--btn-size);
    height: var(--btn-size);
    color: var(--orange-9);
    backdrop-filter: blur(15px);
    transition-property: color, background-color;
    transition-duration: .25s;
    transition-timing-function: var(--ease-3);
    background-color: #fff6;
    border-radius: 9999px;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    box-shadow: -6px 12px 12px #b2b2b20d
}

.play_btn.icon svg,
.play_btn:not(.icon) .icon {
    width: var(--icon-size);
    height: var(--icon-size);
    margin: auto
}

.play_btn:hover {
    background-color: #fff
}

.play_btn.abs {
    margin: auto;
    position: absolute;
    inset: 0
}

.Modal {
    background-color: var(--black-a5);
    z-index: 21;
    flex-direction: column;
    justify-content: center;
    display: flex;
    position: fixed;
    inset: 0
}

.Modal:is(.enter-active, .leave-active) {
    transition: opacity .25s var(--ease-3)
}

.Modal:is(.enter-from, .leave-to) {
    opacity: 0
}

.Modal-close {
    --btn-size: 2.5rem;
    --icon-size: 1.25rem;
    width: var(--btn-size);
    height: var(--btn-size);
    color: var(--orange-9);
    border: 1px solid #0000;
    border-radius: .25rem;
    position: absolute;
    top: 1rem;
    right: 1rem
}

.Modal-close:hover {
    background-color: var(--orange-2)
}

.Modal-close:is(:active, :focus) {
    border-color: var(--orange-5)
}

.Modal-close.icon svg,
.Modal-close:not(.icon) .icon {
    width: var(--icon-size);
    height: var(--icon-size);
    margin: auto;
    position: absolute;
    inset: 0
}

@media not all and (min-width:40em) {
    .Modal {
        z-index: 100
    }
}

.LanguageModal .Modal-wrapper {
    color: #000;
    background-color: #fff;
    width: 85%;
    max-width: 27rem;
    height: 100%;
    margin-left: auto
}

.LanguageModal:is(.enter-active, .leave-active) .Modal-wrapper {
    transition: transform .25s var(--ease-3)
}

.LanguageModal:is(.enter-from, .leave-to) .Modal-wrapper {
    opacity: 1;
    transform: translate(100%)
}

.LanguageModal .Modal-content {
    height: 100%;
    position: relative;
    overflow: auto
}

.LanguageModal .Modal-close {
    top: 3rem;
    right: 1rem
}

.LanguageModal-title {
    padding: 3rem 2rem 1.5rem;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2.5rem
}

.LanguageModal-link {
    border-bottom-width: 1px;
    border-color: var(--gray-7);
    align-items: center;
    gap: 1rem;
    padding: 1.5rem 2rem;
    font-size: 1rem;
    line-height: 1.5rem;
    display: flex
}

.LanguageModal-link:hover {
    background-color: var(--gray-2)
}

.LanguageModal-link ._name {
    flex: 1 1 0
}

.LanguageModal-link .icon {
    width: 1.5rem;
    height: 1.5rem;
    transition-property: opacity;
    transition-duration: .25s;
    transition-timing-function: var(--ease-3);
    color: var(--orange-9);
    transform: rotate(-.25turn)
}

.LanguageModal-link:not(:hover) .icon {
    opacity: 0
}

.marquee {
    display: flex;
    overflow: hidden
}

@keyframes MarqueeTrackToLeft {
    to {
        transform: translate(-100%)
    }
}

@keyframes MarqueeTrackToRight {
    to {
        transform: translate(100%)
    }
}

.marquee-track {
    flex-shrink: 0;
    animation-name: MarqueeTrackToLeft;
    animation-duration: 45s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    display: flex
}

.marquee-item {
    margin-right: 1.5rem
}

.radio input[type=radio] {
    clip: rect(0, 0, 0, 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    position: absolute;
    overflow: hidden
}

.radio {
    align-items: center;
    gap: 8px;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    position: relative
}

.radio-icon {
    background-clip: content-box;
    border-width: 1px;
    border-color: currentColor;
    border-radius: 9999px;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    padding: 2px
}

.radio input:checked+.radio-icon {
    background-color: var(--orange-9);
    border-color: var(--orange-9)
}

.other_radio {
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
    display: flex
}

.other_radio-input {
    border-color: #0000001a;
    border-bottom-width: 1px;
    width: 10rem;
    height: 2rem
}

.other_radio-input:focus {
    border-color: var(--orange-9);
    outline: 0
}

.accordion-item {
    border-color: var(--black-a2);
    border-top-width: 1px
}

.accordion-item:last-child {
    border-bottom-width: 1px
}

.accordion-header {
    padding: 2rem 8rem 2rem 0;
    display: flex;
    position: relative
}

button.accordion-header {
    text-align: left;
    width: 100%
}

.accordion-title {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2rem
}

.accordion-header .icon_btn {
    --btn-size: 2.5rem;
    color: var(--black-a4);
    transition: color .25s var(--ease-3);
    border-width: 1px;
    border-color: currentColor;
    margin-top: auto;
    margin-bottom: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0
}

.accordion-item.active .accordion-header .icon_btn,
.accordion-header .icon_btn:is(:hover, .active) {
    color: var(--orange-9)
}

.accordion-header .icon.cross {
    transform: rotate(45deg)
}

.accordion-item.active .accordion-header .icon.cross,
.accordion-header .icon_btn.active .icon.cross {
    transform: none
}

.accordion-header .icon_btn:not(.active) {
    --icon-size: 1.25rem
}

.accordion-header .icon_btn.active {
    --icon-size: 1.5rem
}

.accordion-item:not(.active) .accordion-header .icon_btn:not(.active) .icon.minus,
.accordion-header .icon_btn.active .icon.cross,
.accordion-item:not(.active) .accordion-header .icon_btn .icon.minus,
.accordion-item.active .accordion-header .icon_btn .icon.cross {
    display: none
}

@media not all and (min-width:40em) {
    .accordion-header {
        padding: 1.25rem 3rem 1.25rem 0
    }

    .accordion-title {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .accordion-header .icon_btn {
        width: 2rem;
        height: 2rem
    }

    .accordion-header .icon_btn:not(.active) {
        --icon-size: 1rem
    }

    .accordion-header .icon_btn.active {
        --icon-size: 1.5rem
    }
}

.fancybox__container {
    --fancybox-bg: #000000bf
}

.fancybox__slide {
    padding: 0
}

.has-youtube .fancybox__content,
.has-vimeo .fancybox__content,
.has-html5video .fancybox__content {
    width: 90%;
    height: 100%
}

@keyframes TabContent {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.tab-content:not(.active) {
    display: none
}

.tab-content.active {
    animation: .5s ease-in-out TabContent
}

.tab-action.btn.active {
    background-color: var(--orange-9);
    border-color: var(--orange-9);
    color: var(--orange-contrast)
}

.toastify {
    text-align: center;
    width: fit-content
}

.icon svg {
    width: 100%;
    height: 100%
}

.icon:is(.email, .external_link, .message_add) {
    width: 1.25rem;
    height: 1.25rem
}

.icon.logo {
    height: 3rem
}

.icon.logo svg {
    width: auto
}

.icon.logo_cn {
    height: 3rem
}

.icon.infinity {
    width: 2rem;
    height: 1rem
}

@media not all and (min-width:40em) {
    .icon.logo {
        height: 1.5rem
    }

    .icon.logo_cn {
        height: 2rem
    }
}

:root {
    --site-header-height: 8.5rem
}

.folding_wrapper:not(.showed_all) .folding_wrapper-list>:nth-child(n+6),
.folding_wrapper:not(.folded) .folding_wrapper-footer {
    display: none
}

.folding_wrapper-footer {
    margin-top: 4rem
}

.folding_wrapper-footer.btns {
    justify-content: center
}

.folding_wrapper .btn_show .icon.cross {
    width: 1rem;
    height: 1rem;
    transform: rotate(45deg)
}

.folding_wrapper .btn_show .icon.minus {
    width: 1.5rem;
    height: 1.5rem
}

.folding_wrapper:not(.showed_all) .btn_show :is(._hide, .icon.minus),
.folding_wrapper.showed_all .btn_show :is(._expand, .icon.cross) {
    display: none
}

.show_more {
    text-align: left;
    align-items: center;
    gap: .5rem;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.5rem;
    display: flex
}

.show_more:hover {
    border-color: var(--black-a4)
}

.show_more .icon {
    color: var(--orange-9)
}

.show_more .icon.cross {
    width: 1rem;
    height: 1rem;
    transform: rotate(45deg)
}

.show_more .icon.minus {
    width: 1.5rem;
    height: 1.5rem
}

button.show_more {
    border-width: 1px;
    border-radius: .25rem;
    padding: .25rem
}

.show_more:not(.showed_more) :is(._hide, .icon.minus),
.show_more.showed_more :is(._expand, .icon.cross) {
    display: none
}

@media not all and (min-width:80em) {
    .show_more {
        font-size: .75rem;
        line-height: 1rem
    }

    .show_more .icon.cross {
        width: .75rem;
        height: .75rem
    }

    .show_more .icon.minus {
        width: 1rem;
        height: 1rem
    }
}

.SiteHeader {
    z-index: 11;
    transition-property: box-shadow, transform;
    transition-duration: .25s;
    transition-timing-function: var(--ease-3);
    position: sticky;
    top: 0
}

.SiteHeader>.container {
    max-width: none
}

.SiteHeader>.container.first {
    background-color: var(--orange-9);
    color: var(--orange-contrast);
    padding: .5rem
}

.SiteHeader>.container.second {
    background-color: #fff;
    justify-content: center;
    align-items: center;
    height: 6rem;
    display: flex;
    position: relative
}

.SiteHeader.menu_open,
.scroller-start .SiteHeader {
    box-shadow: var(--shadow-4)
}

.SiteHeader .breadcrumb {
    justify-content: center
}

.SiteHeader .breadcrumb a {
    align-items: center;
    gap: .25rem;
    display: flex
}

.SiteHeader .breadcrumb a:hover {
    color: #ffffff80
}

.SiteHeader .breadcrumb .icon {
    width: 1.25rem;
    height: 1.25rem
}

.SiteHeader-nav {
    gap: 2rem;
    height: 100%;
    display: flex
}

.SiteHeader-nav-item {
    position: relative
}

.SiteHeader-nav-link {
    align-items: center;
    height: 100%;
    display: flex;
    position: relative
}

.SiteHeader-nav-link:after {
    content: "";
    background-color: var(--orange-9);
    width: 100%;
    height: 4px;
    transition-property: opacity, transform;
    transition-duration: .25s;
    transition-timing-function: var(--ease-3);
    border-radius: 9999px;
    position: absolute;
    bottom: 0;
    left: 0
}

.SiteHeader-nav-link:not(:hover, .active):after {
    opacity: 0;
    transform: scaleX(0)
}

.SiteHeader-nav-link .icon {
    width: 1.5rem;
    height: 1.5rem;
    color: var(--orange-9);
    margin-top: -2px
}

:is(.SiteHeader-nav-item:hover, .SiteHeader-nav-link.active) .icon {
    margin-top: 4px;
    transform: rotate(.5turn)
}

.SiteHeader-dropdown {
    width: 18rem;
    margin-left: -2rem;
    padding-top: 1rem;
    display: none;
    position: absolute;
    top: 100%;
    left: 0
}

.SiteHeader-dropdown:is(.enter-active, .leave-active) {
    transition-property: transform, opacity;
    transition-duration: .25s;
    transition-timing-function: var(--ease-3)
}

.SiteHeader-dropdown:is(.enter-from, .leave-to) {
    opacity: 0;
    transform: translateY(-8px)
}

.SiteHeader-dropdown ._content {
    background-color: #fff;
    border-radius: 1.25rem;
    padding: 1rem 2rem
}

.SiteHeader-dropdown ._item+._item {
    margin-top: .5rem
}

.SiteHeader-dropdown ._link:hover {
    color: var(--orange-9)
}

.SiteHeader-dropdown.products {
    width: 40rem
}

.SiteHeader-dropdown.products ._content {
    padding: 2rem
}

.SiteHeader-dropdown.products .row {
    --gap: 2rem
}

.SiteHeader-dropdown.products .row-col {
    --size: 6
}

.SiteHeader-dropdown.products ._prod:is(a) {
    display: block
}

.SiteHeader-dropdown.products ._prod-imgwrap {
    border-radius: 1rem;
    overflow: hidden
}

.SiteHeader-dropdown.products ._prod-img {
    border-radius: inherit;
    width: 100%
}

.SiteHeader-dropdown.products ._prod-title {
    margin-top: 2rem;
    padding-right: 2rem;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2rem;
    position: relative
}

.SiteHeader-dropdown.products ._prod-title .icon {
    width: 1.5rem;
    height: 1.5rem;
    transition: opacity .25s var(--ease-3);
    color: var(--orange-9);
    margin-top: auto;
    margin-bottom: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    transform: rotate(-.25turn)
}

.SiteHeader-dropdown.products ._prod:is(a):not(:hover) ._prod-title .icon {
    opacity: 0
}

.SiteHeader-dropdown.products ._prod-subtitle {
    margin-top: .5rem
}

.SiteHeader-home {
    color: var(--orange-9);
    left: var(--container-padding-x);
    height: 3rem;
    position: absolute
}

.SiteHeader-home ._logo {
    width: auto;
    height: 100%
}

.SiteHeader-actions {
    right: var(--container-padding-x);
    gap: .5rem;
    display: flex;
    position: absolute
}

.SiteHeader-action {
    --btn-size: 3rem;
    --icon-size: 1.25rem;
    width: var(--btn-size);
    height: var(--btn-size);
    color: var(--orange-9);
    border: 1px solid;
    border-radius: 9999px;
    display: flex
}

.SiteHeader-action:hover {
    background-color: var(--orange-9);
    color: var(--orange-contrast)
}

.SiteHeader-action .icon {
    width: var(--icon-size);
    height: var(--icon-size);
    margin: auto
}

.SiteHeader-action.language {
    stroke-width: 1.5px
}

.SiteHeader-action.menu,
.SiteHeader-action.menu.open .icon.menu,
.SiteHeader-action.menu:not(.open) .icon.close {
    display: none
}

.SiteHeaderDropdownBackdrop {
    z-index: 10;
    background-color: var(--black-a5);
    position: fixed;
    inset: 0
}

.SiteHeaderDropdownBackdrop:is(.enter-active, .leave-active) {
    transition: opacity .25s var(--ease-3)
}

.SiteHeaderDropdownBackdrop:is(.enter-from, .leave-to) {
    opacity: 0
}

@media not all and (min-width:80em) {
    .SiteHeader-nav {
        display: none
    }

    .SiteHeader-action.menu {
        --icon-size: 1.5rem;
        display: flex
    }
}

@media not all and (min-width:40em) {
    :root {
        --site-header-height: 6.5rem
    }

    .SiteHeader>.container.first {
        padding: .75rem .5rem
    }

    .SiteHeader .breadcrumb {
        --separator-margin: .5rem;
        font-size: .75rem;
        line-height: 1rem
    }

    .SiteHeader .breadcrumb .icon {
        width: 1rem;
        height: 1rem
    }

    .SiteHeader>.container.second {
        height: 4rem
    }

    .SiteHeader-action {
        --btn-size: 2.5rem;
        --icon-size: 1rem
    }
}

.SiteFooter>.container {
    max-width: none
}

.SiteFooter-floor_1 {
    background-color: var(--orange-9);
    color: var(--orange-contrast);
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    display: flex
}

@keyframes SocialCodeImage {
    0% {
        opacity: 0;
        transform: scale(.95)translateY(.5rem)
    }
}

.SiteFooter-socials {
    flex-wrap: wrap;
    gap: .75rem;
    display: flex
}

.SiteFooter-socials .icon_btn {
    --btn-size: 2.5rem;
    --icon-size: 1.5rem;
    background-color: var(--white-a4);
    transition: border-color .25s var(--ease-3);
    border-width: 1px;
    border-radius: 9999px;
    position: relative
}

.SiteFooter-socials .icon_btn:hover {
    border-color: var(--white-a12)
}

.SiteFooter-socials ._qrcode {
    width: 8rem;
    max-width: none;
    height: 8rem;
    box-shadow: var(--shadow-4);
    background-color: #fff;
    border-radius: .75rem;
    margin-bottom: 1rem;
    margin-left: -4rem;
    padding: .5rem;
    display: none;
    position: absolute;
    bottom: 100%;
    left: 50%
}

.SiteFooter-socials .icon_btn:hover ._qrcode {
    animation: .25s SocialCodeImage;
    display: block
}

.SiteFooter-floor_2 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    position: relative
}

.SiteFooter-puller {
    text-align: center;
    width: 3rem;
    height: 3rem;
    top: 0;
    bottom: 0;
    right: var(--container-padding-x);
    color: #d9d9d9;
    border-width: 1px;
    border-radius: .5rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: auto;
    margin-bottom: auto;
    font-size: .75rem;
    line-height: 1rem;
    display: flex;
    position: absolute
}

.SiteFooter-puller:hover {
    background-color: var(--orange-a2);
    border-color: var(--orange-4);
    color: var(--orange-9)
}

.SiteFooter-puller .icon {
    width: 1.5rem;
    height: 1.5rem;
    transform: rotate(.5turn)
}

.SiteFooter-copy {
    color: var(--black-a7);
    margin-top: 2.5rem;
    line-height: 1.75
}

.SiteFooter-copy a {
    text-decoration: underline 1px
}

.SiteFooter-copy a:not(:first-child) {
    margin-left: 2em
}

.SiteFooter-copy a:hover {
    color: var(--orange-9)
}

.SiteFooter-nav {
    flex-wrap: wrap;
    gap: .75rem 2.5rem;
    display: flex
}

.SiteFooter-nav a {
    align-items: center;
    gap: .25rem;
    display: flex
}

.SiteFooter-nav a:hover {
    text-decoration: underline 1px
}

.SiteFooter-nav a:not(:hover) .icon {
    color: var(--gray-6)
}

.SiteFooter-nav a:hover .icon {
    color: var(--orange-9)
}

@media not all and (min-width:40em) {
    .SiteFooter-puller {
        display: none
    }

    .SiteFooter-floor_2 {
        font-size: .875rem;
        line-height: 1.25rem
    }

    .SiteFooter-nav {
        gap: .5rem
    }

    .SiteFooter-copy {
        margin-top: 1rem
    }

    .SiteFooter-copy a:not(:first-child) {
        margin-left: 1em
    }
}

.PageHeader {
    margin-top: 4rem;
    margin-bottom: 2rem
}

.PageHeader .btn {
    color: var(--black-a7);
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 2rem
}

.PageHeader .btn:not(.active):hover {
    color: var(--orange-9)
}

.PageHeader .btn.active {
    border-color: var(--orange-9);
    background-color: var(--orange-9);
    color: var(--orange-contrast)
}

.PageHeader-floor_1 {
    align-items: flex-start;
    gap: .5rem 2rem;
    display: flex
}

.PageResponsibility .PageHeader-floor_1 ._icon {
    width: 6rem;
    height: 6rem
}

@media not all and (min-width:40em) {
    .PageResponsibility .PageHeader-floor_1 ._icon {
        width: 4rem;
        height: 4rem
    }
}

.PageHeader-heading {
    text-transform: uppercase;
    flex: 1 1 0;
    font-size: 4rem;
    font-weight: 500
}

.PageHeader-desc {
    font-size: 1.5rem;
    line-height: 2rem
}

.PageHeader-floor_1 .PageHeader-desc {
    max-width: 40rem
}

.PageHeader>.PageHeader-desc {
    margin-top: 2rem
}

.PageHeader-floor_2 {
    border-top-width: 1px;
    border-color: var(--black-a2);
    flex-wrap: wrap-reverse;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    margin-top: 2.5rem;
    padding-top: 2rem;
    display: flex
}

.PageHeader-floor_2 .btns {
    margin-left: auto
}

.PageHeader-floor_2 .icon_btn {
    flex-shrink: 0;
    display: none
}

@media not all and (min-width:80em) {
    .PageHeader-heading {
        flex: auto;
        font-size: 3rem;
        line-height: 4rem
    }
}

@media not all and (min-width:40em) {
    .PageHeader {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .PageHeader .btn {
        height: 2rem;
        padding: 0 .75rem;
        font-size: .75rem;
        line-height: 1rem
    }

    .PageHeader .btns {
        gap: .5rem
    }

    .PageHeader-heading {
        font-size: 2.25rem;
        line-height: 3rem
    }

    .PageHeader-desc {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .PageHeader>.PageHeader-desc {
        margin-top: 1rem
    }

    .PageHeader-floor_2 {
        margin-top: 1rem;
        padding-top: 1rem
    }

    .PageHeader-floor_2 .icon_btn {
        --btn-size: 2rem;
        --icon-size: 1rem
    }

    .PageHeader-floor_2 .btns {
        margin-left: 0
    }
}

.ProductCard {
    background-color: var(--gray-2);
    border-radius: 1.25rem;
    padding: 4rem
}

.ProductCard+.ProductCard {
    margin-top: 2.5rem
}

.ProductCard-logo {
    width: auto;
    height: 4rem;
    margin-bottom: .5rem
}

.ProductCard-title {
    text-transform: capitalize;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2rem
}

.ProductCard-body {
    --gap: 4rem;
    border-top-width: 1px;
    border-color: var(--black-a2);
    margin-top: 4rem;
    padding-top: 4rem
}

.ProductCard-body>:is(.left, .right) {
    --size: 6
}

.ProductCard-info {
    flex-direction: column;
    gap: 2rem;
    display: flex
}

.ProductCard-info .btns.c {
    margin-top: auto
}

.ProductCard-info .btns.c .btn_view {
    display: none
}

.ProductCard-info .btn {
    color: var(--black-a5);
    font-weight: 400
}

.ProductCard-info .btn:hover {
    color: var(--orange-9)
}

.ProductCard-info .btn_download .icon {
    width: 2rem;
    height: 2rem;
    margin-right: -.5rem
}

.ProductCard-info .btns.c .btn {
    justify-content: space-between;
    width: calc(50% - .5rem)
}

.ProductCard-info .btn ._name {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.ProductCard-desc {
    --headings-font-size: 1.5rem;
    --headings-line-height: 2.25rem;
    --headings-margin-top: 2em;
    --headings-margin-bottom: .5em;
    font-size: 1.125rem;
    line-height: 1.75rem
}

.ProductCard .ProductCard-img {
    border-radius: 1.25rem;
    width: 100%
}

@media not all and (min-width:80em) {
    .ProductCard-body>.row-col {
        --size: 12
    }
}

@media not all and (min-width:40em) {
    .ProductCard {
        padding: 2rem 1.25rem
    }

    .ProductCard-logo {
        height: 2.5rem
    }

    .ProductCard-title {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .ProductCard-body {
        --gap: 2rem;
        margin-top: 1.5rem;
        padding-top: 1.5rem
    }

    .ProductCard-info {
        gap: 1rem
    }

    .ProductCard-info .btns {
        column-gap: .5rem
    }

    .ProductCard-info .btns.b {
        display: none
    }

    .ProductCard-info .btns.c .btn_view {
        display: flex
    }

    .ProductCard-info .btn {
        height: 2rem;
        padding: 0 .75rem;
        font-size: .75rem;
        line-height: 1rem
    }

    .ProductCard-info :is(.btn_view, .btn_report) .icon.infinity {
        width: 1.25rem;
        height: .625rem
    }

    .ProductCard-desc {
        --headings-font-size: 1rem;
        --headings-line-height: 1.5rem;
        --headings-margin-top: 1em;
        font-size: .875rem;
        line-height: 1.5rem
    }

    .ProductCard-more {
        font-size: .75rem;
        line-height: 1rem
    }

    .ProductCard-more .icon.cross {
        width: .75rem;
        height: .75rem
    }

    .ProductCard-more .icon.minus {
        width: 1rem;
        height: 1rem
    }
}

.ProductSection.margin {
    margin-top: 8rem
}

@media not all and (min-width:40em) {
    .ProductSection.margin {
        margin-top: 4rem
    }
}

.PageBanner {
    height: 35.4167vw;
    position: relative
}

.PageBanner picture {
    height: 100%
}

.PageBanner :is(._media, ._poster) {
    width: 100%;
    height: 100%
}

.PageBanner ._poster {
    object-fit: cover;
    width: 100%
}

.PageBanner ._media {
    object-fit: cover;
    width: 100%;
    display: none
}

.PageBanner ._overlay {
    position: absolute;
    inset: 0
}

.PageBanner .play_btn {
    margin: auto;
    position: absolute;
    inset: 0
}

.PageBanner.playing video {
    display: block
}

.PageBanner.playing>:not(video) {
    display: none
}

@media not all and (min-width:40em) {
    .PageBanner {
        height: 16rem
    }

    .PageBanner .play_btn {
        --btn-size: 4rem;
        --icon-size: 2.5rem
    }
}

.Navbar {
    top: var(--site-header-height);
    z-index: 9;
    text-align: center;
    white-space: nowrap;
    background-color: var(--gray-2);
    transition: top .25s var(--ease-3);
    position: sticky;
    overflow: auto
}

.scroller-down .Navbar {
    top: 0
}

.Navbar-item {
    display: inline-block
}

.Navbar-item a {
    margin: 0 1rem;
    padding: 1.25rem 0;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    display: block;
    position: relative
}

.Navbar-item a:after {
    content: "";
    height: 2px;
    transition: transform .25s var(--ease-3);
    background-color: currentColor;
    position: absolute;
    inset: auto 0 0;
    transform: scale(0)
}

.Navbar-item a.active:after,
.Navbar-item a:not(.active):hover:after {
    transform: none
}

.Navbar-item a.active:after {
    background-color: var(--orange-9)
}

.Navbar-item a:not(.active) {
    color: var(--black-a7)
}

@media not all and (min-width:80em) {
    .Navbar a {
        margin: 0 .5rem;
        padding: 1rem 0;
        font-size: .75rem;
        line-height: 1rem
    }
}

.PoliciesAndDocuments .section_header {
    max-width: 43.75rem
}

.PoliciesAndDocuments .DownloadLink {
    background-color: #fff
}

.PageCompliance .SiteFooter {
    margin-top: 0
}

.PageCompliance-details ._wrapper {
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto
}

.PageCompliance-details .hypertext a[href*=\?download] {
    color: currentColor;
    background-image: url("data:image/svg+xml, <svg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none' stroke='%23F08300' strokeLinecap='round' strokeWidth='2' viewBox='0 0 40 40'><path strokeLinejoin='round' strokeWidth='2' d='M25.4 18.5 20 24.4l-5.4-5.9' /><path d='M20 12.6v11.8M14 27.4h12' /></svg>");
    background-position: calc(100% + .5rem);
    background-repeat: no-repeat;
    background-size: 3rem 3rem;
    padding-right: 2rem
}

.PageCompliance-details .hypertext a[href*=\?download]:hover {
    color: var(--orange-9);
    text-decoration-thickness: 2px
}

@media not all and (min-width:40em) {
    .PageCompliance-details.margin {
        margin-top: 4rem
    }

    .PageCompliance-details.padding {
        padding-top: 4rem
    }
}

.DownloadList.row {
    --gap: 2.5rem
}

.DownloadList.row>.row-col {
    --size: 4
}

@media not all and (min-width:40em) {
    .DownloadList.row {
        --gap: 2rem
    }

    .DownloadList.row>.row-col {
        --size: 12
    }
}

.DownloadLink {
    width: 100%;
    transition-property: color, background-color, border-color, box-shadow;
    transition-duration: .25s;
    transition-timing-function: var(--ease-3);
    border-width: 1px;
    border-radius: 1rem;
    align-items: center;
    padding: .75rem;
    display: flex
}

.DownloadLink:hover {
    box-shadow: var(--shadow-4)
}

.DownloadLink.bg_whitesmoke {
    background-color: var(--gray-2)
}

.DownloadLink .icon_btn {
    --btn-size: 2.5rem;
    --icon-size: 2rem;
    --inactive-color: var(--gray-4);
    --active-color: var(--orange-9);
    flex-shrink: 0;
    transition: inherit
}

.DownloadLink:not(:hover) .icon_btn {
    color: var(--inactive-color)
}

.DownloadLink:hover .icon_btn {
    color: var(--active-color)
}

.DownloadLink-title {
    white-space: nowrap;
    text-overflow: ellipsis;
    flex: 1 1 0;
    padding: 0 1rem;
    overflow: hidden
}

.DownloadLink-img {
    border-radius: inherit;
    width: 4rem;
    height: 4rem
}

@media not all and (min-width:40em) {
    .DownloadLink {
        padding: .5rem
    }

    .DownloadLink-title {
        padding: 0 1rem
    }
}

.InnovationIntroSec {
    padding-top: 8rem;
    padding-bottom: 8rem
}

.InnovationIntroSec .section_title {
    max-width: 46.25rem
}

.InnovationIntroSec-wrapper {
    --gap: 2rem;
    align-items: center
}

.InnovationIntroSec-wrapper>.left {
    --size: 7
}

.InnovationIntroSec-wrapper>.right {
    --size: 5
}

.InnovationIntroSec-img {
    margin: auto
}

@media not all and (min-width:80em) {
    .InnovationIntroSec {
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    .InnovationIntroSec-wrapper>:is(.left, .right) {
        --size: 12
    }
}

.InnovationSec2-wrapper {
    --gap: 4rem
}

.InnovationSec2-wrapper>.row-col {
    --size: 6
}

.InnovationSec2-wrapper ._poster {
    position: relative
}

.InnovationSec2-wrapper ._img {
    border-radius: 1.25rem;
    width: 100%
}

.InnovationSec2-wrapper .hypertext {
    --headings-font-size: 2rem;
    --headings-line-height: 3rem;
    --headings-margin-top: 1.25em;
    flex-direction: column;
    height: 100%;
    display: flex
}

.InnovationSec2-wrapper .hypertext :is(h1, h2, h3, h4):not(:last-child) {
    margin-bottom: 0
}

.InnovationSec2-wrapper .hypertext h4 {
    color: var(--orange-9);
    font-size: 1.25em
}

.InnovationSec2-wrapper .hypertext p:last-child {
    padding-top: var(--paragraphs-margin-top);
    margin-top: auto
}

.InnovationSec2 .InnovationHPVsMarquee {
    margin-top: 6rem
}

@media not all and (min-width:40em) {
    .InnovationSec2-wrapper>:is(.left, .right) {
        --size: 12
    }

    .InnovationSec2-wrapper .hypertext {
        --headings-font-size: 1.5rem;
        --headings-line-height: 2rem
    }
}

.InnovationSec2-HPVs {
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 4rem;
    display: flex
}

.InnovationSec2-HPVs ._item {
    text-align: center;
    background-color: #fff;
    border-radius: 9999px;
    width: calc(8.33333% - .916667rem);
    padding: 1.5rem 1rem
}

.InnovationSec2-HPVs ._title {
    margin-top: .5rem
}

@media not all and (min-width:80em) {
    .InnovationSec2-HPVs ._item {
        width: calc(11.1111% - .888889rem)
    }
}

@media not all and (min-width:40em) {
    .InnovationSec2-HPVs ._item {
        width: calc(33.3333% - .666667rem)
    }
}

.InnovationHPVsMarquee .marquee-item {
    background-color: #fff;
    border-radius: 9999px;
    align-items: center;
    min-width: 16rem;
    padding: 1rem 1.5rem;
    display: flex
}

.InnovationHPVsMarquee ._icon {
    border-radius: 9999px;
    width: 4rem;
    height: 4rem
}

.InnovationHPVsMarquee ._title {
    text-align: center;
    flex: 1 1 0;
    padding: 0 1rem;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 2rem
}

.MediaAssetSection {
    margin-top: 8rem;
    margin-bottom: 12rem
}

.MediaAssetSection .breadcrumb {
    --separator-color: var(--black-a2)
}

.MediaAssetSection .breadcrumb a {
    font-weight: 700
}

.MediaAssetSection .breadcrumb a.active {
    color: var(--orange-9)
}

.MediaAssetSection .DownloadList {
    margin-top: 4rem
}

.MediaAssetSection .DownloadLink {
    background-color: var(--gray-2)
}

.MediaAssetSection .DownloadLink .icon_btn {
    --inactive-color: var(--gray-5)
}

@media not all and (min-width:40em) {
    .MediaAssetSection {
        margin-top: 4rem;
        margin-bottom: 6rem
    }
}

.NewsBannerSec {
    margin-top: 8rem;
    margin-bottom: 8rem
}

@media not all and (min-width:40em) {
    .NewsBannerSec {
        margin-top: 4rem;
        margin-bottom: 4rem
    }
}

.NewsBanner {
    --gap: 2.5rem
}

.NewsBanner>.row-col {
    --size: 6
}

.NewsBanner .row-col.left {
    align-self: center
}

.NewsBanner-poster {
    border-radius: 1.25rem;
    overflow: hidden
}

a.NewsBanner-poster {
    display: block
}

.NewsBanner-img {
    aspect-ratio: 16/9;
    border-radius: inherit;
    width: 100%
}

.NewsBanner .news_meta {
    margin-bottom: 1.5rem
}

.NewsBanner-info {
    flex-direction: column;
    display: flex
}

:is(.NewsBanner-title, .NewsBanner .icon.infinity) {
    transition: color .25s var(--ease-3)
}

.NewsBanner-title {
    text-transform: capitalize;
    margin-bottom: 1rem;
    font-size: 2.25rem;
    font-weight: 600;
    line-height: 3rem
}

a.NewsBanner:hover .NewsBanner-title {
    color: var(--orange-9)
}

.NewsBanner-desc {
    margin-bottom: 2rem;
    font-size: 1.125rem;
    line-height: 1.75rem
}

.NewsBanner-actions {
    flex-wrap: wrap;
    margin-top: auto;
    display: flex
}

.NewsBanner .icon.infinity {
    width: 4rem;
    height: 2rem
}

a.NewsBanner:hover .icon.infinity {
    color: var(--orange-9)
}

@media not all and (min-width:80em) {
    .NewsBanner-title {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    .NewsBanner-desc {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .NewsBanner .icon.infinity {
        width: 2rem;
        height: 1rem
    }
}

@media not all and (min-width:40em) {
    .NewsBanner>.row-col {
        --size: 12
    }
}

.NewsList:not(.columns2),
.NewsList.columns2 {
    --gap: 2.5rem
}

.NewsList:not(.columns2)>.row-col+.row-col,
.NewsList.columns2>.row-col:nth-child(n+3) {
    border-top-width: 1px;
    border-color: var(--black-a3);
    padding-top: var(--gap)
}

.NewsList.columns2>.row-col {
    --size: 6
}

@media not all and (min-width:40em) {
    .NewsList.columns2 {
        --gap: 2rem
    }

    .NewsList.columns2>.row-col {
        --size: 12
    }

    .NewsList.columns2>.row-col+.row-col {
        border-top-width: 1px;
        border-color: var(--black-a3);
        padding-top: var(--gap)
    }
}

.NewsItem {
    flex-wrap: wrap;
    gap: 3rem;
    display: flex
}

.NewsItem-imgwrap {
    border-radius: 1.25rem;
    align-self: center;
    width: 12rem;
    overflow: hidden
}

.NewsItem-img {
    border-radius: inherit;
    aspect-ratio: 1;
    object-fit: cover;
    width: 100%
}

.NewsItem-info {
    flex-direction: column;
    flex: 1 1 0;
    display: flex
}

.NewsItem .news_meta {
    margin-bottom: 1rem
}

:is(.NewsItem .icon.infinity, .NewsItem-title) {
    transition: color .25s var(--ease-3)
}

.NewsItem-title {
    margin-bottom: 1rem;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 2.25rem
}

.NewsItem:hover .NewsItem-title {
    color: var(--orange-9)
}

.NewsItem-actions {
    flex-wrap: wrap;
    margin-top: auto;
    display: flex
}

.NewsItem:not(:hover) .icon.infinity {
    color: var(--black-a2)
}

.NewsItem:hover .icon.infinity {
    color: var(--orange-9)
}

@media not all and (min-width:80em) {
    .NewsItem {
        gap: 2rem
    }

    .NewsItem .breadcrumb.news_meta {
        margin-bottom: 0;
        font-size: .875rem;
        line-height: 1.5rem
    }

    .NewsItem-imgwrap {
        border-radius: .5rem;
        width: 5rem
    }

    .NewsItem-title {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

@media not all and (min-width:40em) {
    .NewsItem {
        gap: 1.5rem
    }

    .NewsItem-title {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.PageNewsDetails .NewsItem {
    gap: 2rem
}

.PageNewsDetails .NewsItem-imgwrap {
    border-radius: .625rem;
    width: 8rem
}

.PageNewsDetails .NewsItem .news_meta {
    margin-bottom: .5rem;
    font-size: .875rem;
    line-height: 1.25rem
}

.PageNewsDetails .NewsItem-title {
    font-size: 1.125rem;
    line-height: 1.5rem
}

@media not all and (min-width:80em) {
    .PageNewsDetails .NewsItem {
        gap: 1.5rem
    }

    .PageNewsDetails .NewsItem-imgwrap {
        width: 5rem
    }

    .PageNewsDetails .NewsItem-title {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.NewsDetailsHeader {
    background-color: var(--gray-2);
    padding-top: 6rem;
    padding-bottom: 6rem
}

.NewsDetailsHeader .news_meta {
    margin-bottom: 1.5rem
}

.NewsDetailsHeader ._content {
    max-width: 1024px
}

.NewsDetailsHeader ._heading {
    text-transform: capitalize;
    font-size: 3rem;
    font-weight: 600;
    line-height: 4.5rem
}

.NewsDetailsHeader .icon_btns {
    margin-top: 3rem
}

.NewsDetailsHeader .icon_btn {
    --btn-size: 2.5rem;
    --icon-size: 1.5rem;
    background-color: #fff;
    border-width: 1px
}

.NewsDetailsHeader .icon_btn:hover {
    background-color: var(--orange-2);
    border-color: var(--orange-4);
    color: var(--orange-9)
}

@media not all and (min-width:40em) {
    .NewsDetailsHeader {
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    .NewsDetailsHeader ._heading {
        font-size: 1.5rem;
        line-height: 2.25rem
    }

    .NewsDetailsHeader .icon_btns {
        margin-top: 2rem
    }
}

.NewsArticleSection {
    --gap: 8rem;
    padding-top: 6rem;
    padding-bottom: 8rem
}

.NewsArticleSection>.left {
    --size: 8
}

.NewsArticleSection>.right {
    --size: 4
}

.NewsArticleSection .hypertext {
    font-size: 1.25rem;
    line-height: 2rem
}

@media not all and (min-width:80em) {
    .NewsArticleSection {
        --gap: 4rem
    }

    .NewsArticleSection>.left {
        --size: 7
    }

    .NewsArticleSection>.right {
        --size: 5
    }
}

@media not all and (min-width:40em) {
    .NewsArticleSection {
        padding-top: 4rem;
        padding-bottom: 8rem
    }

    .NewsArticleSection>.row-col {
        --size: 12
    }

    .NewsArticleSection .hypertext {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.ArticleNavigation {
    border-top-width: 1px;
    border-color: var(--black-a4);
    justify-content: center;
    margin-top: 6rem;
    padding: 1rem 6rem;
    display: flex;
    position: relative
}

.ArticleNavigation-action {
    border-width: 1px;
    border-radius: .25rem;
    align-items: center;
    gap: .25rem;
    padding: .25rem .5rem;
    font-size: 1rem;
    line-height: 1.5rem;
    display: flex;
    position: relative
}

.ArticleNavigation-action:hover {
    background-color: var(--orange-2);
    border-color: var(--orange-4);
    color: var(--orange-9)
}

.ArticleNavigation-action.disabled {
    cursor: not-allowed;
    opacity: .5
}

.ArticleNavigation-action .icon {
    color: var(--orange-9);
    width: var(--icon-size);
    height: var(--icon-size)
}

.ArticleNavigation-action.disabled .icon {
    color: var(--gray-6)
}

.ArticleNavigation-action:is(.prev, .next) {
    --icon-size: 1.5rem;
    position: absolute
}

.ArticleNavigation-action:is(.prev, .next) .icon {
    top: .125rem
}

.ArticleNavigation-action.prev {
    left: -.5rem
}

.ArticleNavigation-action.prev .icon {
    margin-left: -.25rem;
    transform: rotate(.25turn)
}

.ArticleNavigation-action.next {
    right: -.5rem
}

.ArticleNavigation-action.next .icon {
    margin-right: -.25rem;
    transform: rotate(-.25turn)
}

.ArticleNavigation-action.back {
    --icon-size: 1rem
}

.ArticleNavigation-action.back .icon {
    right: .5rem
}

@media not all and (min-width:80em) {
    .ArticleNavigation {
        margin-top: 4rem
    }

    .ArticleNavigation-action {
        --icon-size: 1rem;
        font-size: .875rem;
        line-height: 1.5rem
    }

    .ArticleNavigation-action:is(.prev, .next) {
        --icon-size: 1rem
    }
}

.PageResponsibility .MediaItem:nth-child(odd) {
    flex-direction: row-reverse
}

.RespIntroSection.padding {
    padding-top: 8rem
}

.RespIntroSection ._wrapper {
    width: 80%;
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto
}

.RespIntroSection .hypertext:not(:first-child) {
    margin-top: 4rem
}

.RespIntroSection ._sec {
    margin-top: 2rem
}

.RespIntroSection ._sec-title:before {
    content: "";
    background-color: currentColor;
    border-radius: 9999px;
    width: .5em;
    height: .5em;
    margin-right: .5em;
    display: inline-block;
    position: relative;
    top: -.125em
}

.RespIntroSection ._cards {
    --gap: 1rem;
    margin-top: 2rem
}

.RespIntroSection ._cards>.row-col {
    --size: 4
}

.RespIntroSection ._card {
    background-color: var(--gray-1);
    border-radius: 1.5rem;
    flex-direction: column;
    min-height: 24rem;
    padding: 2rem;
    display: flex
}

.RespIntroSection ._card-header {
    margin-bottom: auto;
    padding-top: .5rem;
    padding-left: 4rem;
    position: relative
}

.RespIntroSection ._card-icon {
    width: 2.5rem;
    position: absolute;
    top: 0;
    left: 0
}

.RespIntroSection ._card-number {
    margin-top: 2rem;
    font-size: 3rem;
    font-weight: 600;
    line-height: 1
}

.RespIntroSection ._card-number .icon {
    vertical-align: top;
    color: #2e9e4b;
    width: 3rem;
    height: 3rem;
    display: inline-block
}

.RespIntroSection ._card-number .icon.upward {
    transform: rotate(.5turn)
}

.RespIntroSection ._card-footer {
    border-top-width: 1px;
    border-color: var(--black-a2);
    margin-top: 2rem;
    padding-top: 1.5rem
}

.RespIntroSection ._cards2 {
    --gap: 2.5rem;
    margin-top: 2rem
}

.RespIntroSection ._cards2>.row-col {
    --size: 4
}

.RespIntroSection ._card2 {
    background-color: var(--gray-2);
    border-radius: 1.5rem;
    align-items: center;
    gap: 1rem;
    padding: 1rem 2rem;
    display: flex
}

.RespIntroSection ._card2-icon {
    flex-shrink: 0;
    width: 6rem
}

.RespIntroSection ._card2-title {
    flex: auto;
    font-size: 1.125rem;
    line-height: 1.5rem
}

@media not all and (min-width:80em) {
    .RespIntroSection ._card {
        min-height: auto;
        padding: 2rem
    }

    .RespIntroSection ._card-header {
        padding-top: 0;
        padding-left: 2rem
    }

    .RespIntroSection ._card-icon {
        width: 1.5rem;
        height: 1.5rem
    }

    .RespIntroSection ._card-number {
        font-size: 2rem;
        line-height: 2.5rem
    }

    .RespIntroSection ._card-number .icon {
        width: 2rem;
        height: 2rem
    }

    .RespIntroSection ._card-footer {
        margin-top: 1rem;
        padding-top: 1rem
    }

    .RespIntroSection ._cards2 {
        --gap: 1rem
    }

    .RespIntroSection ._card2 {
        border-radius: .75rem;
        height: 100%;
        padding: 1rem
    }

    .RespIntroSection ._card2-icon {
        width: 3rem;
        height: 3rem
    }

    .RespIntroSection ._card2-title {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

@media not all and (min-width:40em) {
    .RespIntroSection.padding {
        padding-top: 4rem
    }

    .RespIntroSection ._wrapper {
        width: 100%
    }

    .RespIntroSection .hypertext {
        --headings-font-size: 1.5rem;
        --headings-line-height: 2rem
    }

    .RespIntroSection :is(._cards, ._cards2)>.row-col {
        --size: 12
    }
}

.PublicHealthIntro.padding {
    padding-top: 8rem
}

.PublicHealthIntro ._wrapper {
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto
}

.PublicHealthIntro .hypertext {
    --headings-font-size: 3rem;
    --headings-line-height: 4rem;
    --headings-margin-bottom: 1rem;
    font-size: 1.125rem;
    line-height: 1.5rem
}

.PublicHealthIntro :where(.btns, .hypertext.second) {
    margin-top: 4rem
}

.PublicHealthIntro .btn {
    height: 2.5rem;
    color: var(--black-a7)
}

@media not all and (min-width:40em) {
    .PublicHealthIntro.padding {
        padding-top: 4rem
    }

    .PublicHealthIntro .hypertext {
        --headings-font-size: 1.5rem;
        --headings-line-height: 2rem;
        font-size: .875rem;
        line-height: 1.5rem
    }

    .PublicHealthIntro .btns {
        margin-top: 2rem
    }

    .PublicHealthIntro .btn {
        height: 2rem;
        padding: 0 1rem;
        font-size: .75rem;
        line-height: 1rem
    }
}

.FAQSection .accordion-content {
    max-width: 60rem;
    padding-bottom: 2rem;
    font-size: 1.125rem;
    line-height: 1.75rem
}

.FAQSection-question .section_header {
    text-align: left;
    max-width: none;
    margin-bottom: 1rem
}

.FAQSection-question .section_title {
    font-size: 2.25rem;
    line-height: 3rem
}

.FAQSection-question ._item+._item {
    margin-top: 6rem
}

.FAQSection-question .folding_wrapper-footer {
    margin-top: 2rem
}

.FAQSection-question .hypertext {
    --headings-color: #000;
    --headings-font-size: 1em
}

@media not all and (min-width:80em) {
    .FAQSection-question .section_title {
        font-size: 1.25rem;
        line-height: 2rem
    }
}

.CareerCultureSec .row {
    --gap: 3rem
}

.CareerCultureSec .row>.row-col {
    --size: 6
}

.CareerCultureSec :is(._card, ._card-img) {
    transition-duration: .25s;
    transition-timing-function: var(--ease-3)
}

.CareerCultureSec ._card {
    z-index: 1;
    min-height: 31.25rem;
    box-shadow: inset 0 0 0 1px var(--orange-9);
    border-radius: 1.25rem;
    flex-direction: column;
    padding: 2.5rem;
    transition-property: color;
    display: flex;
    position: relative
}

.CareerCultureSec ._card.has_image {
    color: #fff
}

.CareerCultureSec ._card.has_image:hover {
    color: #000
}

.CareerCultureSec ._card-img {
    object-fit: cover;
    z-index: -1;
    border-radius: inherit;
    width: 100%;
    height: 100%;
    transition-property: opacity;
    position: absolute;
    top: 0;
    left: 0
}

.CareerCultureSec ._card:hover ._card-img {
    opacity: 0;
    visibility: visible
}

.CareerCultureSec ._card-title {
    margin-bottom: 2rem;
    font-size: 2.25rem;
    font-weight: 600;
    line-height: 3rem
}

.CareerCultureSec ._card .hypertext {
    margin-top: auto;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2.25rem
}

.CareerCultureSec ._card .hypertext li+li {
    margin-top: .5em
}

@media not all and (min-width:80em) {
    .CareerCultureSec .row {
        --gap: 2rem
    }

    .CareerCultureSec ._card {
        min-height: 20rem;
        padding: 2rem
    }

    .CareerCultureSec ._card-title {
        font-size: 1.5rem;
        line-height: 2.25rem
    }

    .CareerCultureSec ._card .hypertext {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

@media not all and (min-width:40em) {
    .CareerCultureSec .row>.row-col {
        --size: 12
    }

    .CareerCultureSec ._card {
        min-height: auto
    }
}

.CareerStorySec ._stories {
    --gap: 2.5rem
}

.CareerStorySec ._stories>.row-col {
    --size: 6
}

.CareerStorySec ._story {
    background-color: var(--gray-2);
    transition: box-shadow .25s var(--ease-3);
    border-radius: 1.25rem;
    gap: 3rem;
    padding: 2.5rem;
    display: flex
}

.CareerStorySec ._story:hover {
    box-shadow: var(--shadow-4)
}

.CareerStorySec ._story-cover {
    border-radius: inherit;
    align-self: center;
    width: 12rem;
    overflow: hidden
}

.CareerStorySec ._story-img {
    border-radius: inherit
}

.CareerStorySec ._story-content {
    flex-direction: column;
    flex: 1 1 0;
    display: flex
}

.CareerStorySec ._story-subtitle {
    color: #6b7280;
    margin-bottom: 1rem;
    font-size: .875rem;
    line-height: 1.25rem
}

.CareerStorySec ._story-title {
    margin-bottom: 1rem;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.75rem
}

.CareerStorySec ._story:hover ._story-title {
    text-decoration: underline
}

.CareerStorySec ._story-actions {
    flex-wrap: wrap;
    margin-top: auto;
    display: flex
}

.CareerStorySec ._story:hover .icon.infinity {
    color: var(--orange-9)
}

:lang(zh) .CareerStorySec .section_desc {
    text-align: justify;
    text-align-last: center
}

@media not all and (min-width:80em) {
    .CareerStorySec ._story {
        gap: 2rem;
        padding: 2rem
    }

    .CareerStorySec ._story-cover {
        width: 8rem
    }

    .CareerStorySec ._story-subtitle {
        margin-bottom: 0
    }

    .CareerStorySec ._story-title {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .CareerStorySec ._story .icon.infinity {
        width: 1.25rem;
        height: .625rem
    }
}

@media not all and (min-width:40em) {
    .CareerStorySec ._stories {
        --gap: 2rem
    }

    .CareerStorySec ._stories>.row-col {
        --size: 12
    }

    .CareerStorySec ._story {
        border-radius: 1rem;
        gap: 1rem;
        padding: 1rem
    }

    .CareerStorySec ._story-cover {
        width: 5rem
    }
}

.CareerReasonSection .section_header {
    text-align: left;
    margin-bottom: 0;
    margin-left: 0
}

.CareerReasonSection .btns {
    margin-top: 4rem
}

.CareerReasonSection ._card {
    height: 100%;
    transition: border-color .25s var(--ease-3);
    background-color: #fff;
    border-width: 2px;
    border-radius: 1.25rem;
    flex-direction: column;
    padding: 3rem;
    display: flex
}

.CareerReasonSection ._card:hover {
    border-color: var(--orange-9)
}

.CareerReasonSection ._card-icon {
    width: 5rem;
    height: auto;
    margin-bottom: 2rem
}

.CareerReasonSection ._card-title {
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.5rem
}

.CareerReasonSection ._card-subtitle {
    margin-top: 1rem;
    font-size: 1rem;
    line-height: 1.5rem
}

.CareerReasonSection .SwiperGallery {
    margin-top: -3rem
}

.CareerReasonSection .SwiperGallery .swiper {
    margin-top: 9rem
}

.CareerReasonSection .SwiperGallery .swiper-slide {
    height: auto
}

.CareerReasonSection .SwiperGallery .swiper-controls {
    justify-content: flex-end
}

@media not all and (min-width:80em) {
    .CareerReasonSection ._card {
        min-height: auto;
        padding: 2rem
    }

    .CareerReasonSection ._card-icon {
        width: 4rem
    }

    .CareerReasonSection ._card-title {
        font-size: 1.25rem;
        line-height: 1.5rem
    }

    .CareerReasonSection ._card-subtitle {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

@media not all and (min-width:40em) {
    .CareerReasonSection .section_header {
        text-align: center;
        margin-left: auto
    }

    .CareerReasonSection .SwiperGallery {
        margin-top: 4rem
    }

    .CareerReasonSection .SwiperGallery .swiper {
        margin-top: 2rem
    }

    .CareerReasonSection .SwiperGallery .swiper-slide {
        width: 100%
    }
}

.JobSection .container+.container {
    margin-top: 8rem
}

.JobSection .section_header {
    margin-left: 0
}

.JobSection .section_title {
    text-align: left
}

.JobSection ._job {
    background-color: #fff;
    border-radius: 1.25rem
}

.JobSection ._job+._job {
    margin-top: 2rem
}

.JobSection ._job-header {
    align-items: center;
    gap: 1rem;
    padding: 2rem 8rem 2rem 4rem;
    display: flex;
    position: relative
}

.JobSection ._job-title {
    flex: 1 1 0;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2.25rem
}

.JobSection ._job-loc {
    width: 16rem
}

.JobSection ._job-edu {
    width: 24rem
}

.JobSection ._job-num {
    width: 8rem
}

.JobSection ._job .icon_btn {
    color: var(--gray-5);
    transition: color .25s var(--ease-3);
    margin-top: auto;
    margin-bottom: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 3rem;
    transform: rotate(45deg)
}

.JobSection ._job .icon_btn:is(:hover, .active) {
    color: var(--orange-9)
}

.JobSection ._job .icon_btn.active {
    transform: none
}

.JobSection ._job .icon_btn.active .icon.cross,
.JobSection ._job .icon_btn:not(.active) .icon.minus {
    display: none
}

.JobSection ._job .icon.cross {
    --icon-size: 1.5rem
}

.JobSection ._job .icon.minus {
    --icon-size: 2rem
}

.JobSection ._job-content {
    padding: 2rem 4rem 4rem
}

.JobSection ._job-desc {
    max-width: 60rem
}

.JobSection ._job .hypertext {
    --headings-font-size: 1.5em;
    --headings-font-weight: 600
}

.JobSection ._job .hypertext li+li {
    margin-top: var(--paragraphs-margin-top)
}

.JobSection ._job .btns {
    margin-top: 4rem
}

.JobSection ._job .btn {
    min-width: 8rem
}

@media not all and (min-width:80em) {
    .JobSection {
        padding-top: 2rem
    }

    .JobSection ._job-header {
        flex-wrap: wrap;
        gap: 0 2rem;
        padding: 2rem 8rem 2rem 2rem
    }

    .JobSection ._job-title {
        flex-basis: auto;
        width: 100%;
        margin-bottom: .5rem
    }

    .JobSection :is(._job-loc, ._job-edu, ._job-num) {
        width: auto
    }

    .JobSection ._job .icon_btn {
        right: 2rem
    }
}

@media not all and (min-width:40em) {
    .JobSection.padding {
        padding-top: 4rem
    }

    .JobSection .container+.container {
        margin-top: 4rem
    }

    .JobSection .section_header {
        margin-bottom: 2rem
    }

    .JobSection ._job {
        border-radius: 1rem
    }

    .JobSection ._job+._job {
        margin-top: 1.25rem
    }

    .JobSection ._job-header {
        padding: 1.25rem 4rem 1.25rem 1.25rem
    }

    .JobSection ._job-title {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .JobSection :is(._job-loca, ._job-edu, ._job-number) {
        font-size: .875rem;
        line-height: 1.25rem
    }

    .JobSection ._job-content {
        padding: 0 1.25rem 2rem
    }

    .JobSection ._job .hypertext {
        --headings-font-size: 1.125rem;
        font-size: .875rem;
        line-height: 1.5rem
    }

    .JobSection ._job .icon_btn {
        width: 2rem;
        height: 2rem;
        right: 1rem
    }

    .JobSection ._job .icon.cross {
        --icon-size: 1rem
    }

    .JobSection ._job .icon.minus {
        --icon-size: 1.5rem
    }

    .JobSection ._job .btns {
        margin-top: 2rem
    }
}

.JobBannerSec ._banner {
    border-radius: 1.25rem;
    height: 56.25rem;
    position: relative;
    overflow: hidden
}

.JobBannerSec picture {
    height: 100%
}

.JobBannerSec ._img {
    object-fit: cover;
    width: 100%;
    height: 100%
}

.JobBannerSec ._overlay {
    color: #fff;
    background-color: #00000080;
    padding: 10rem;
    position: absolute;
    inset: 0
}

.JobBannerSec ._content {
    text-align: center;
    max-width: 56rem;
    margin-left: auto;
    margin-right: auto
}

.JobBannerSec ._title {
    font-size: 3.5rem;
    font-weight: 600;
    line-height: 5rem
}

.JobBannerSec ._desc {
    margin-top: 2rem;
    font-size: 1.5rem;
    line-height: 2rem
}

@media not all and (min-width:80em) {
    .JobBannerSec ._banner {
        height: 30rem
    }

    .JobBannerSec ._overlay {
        padding: 4rem 2rem
    }

    .JobBannerSec ._title {
        font-size: 3rem;
        line-height: 4rem
    }
}

@media not all and (min-width:40em) {
    .JobBannerSec {
        margin-top: 4rem;
        margin-bottom: 4rem
    }

    .JobBannerSec ._title {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .JobBannerSec ._desc {
        margin-top: 1rem;
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.ContactSection-wrapper {
    --gap: 2rem
}

.ContactSection-wrapper>.row-col {
    --size: 6
}

@media not all and (min-width:40em) {
    .ContactSection-wrapper>.row-col {
        --size: 12
    }
}

.ContactInfo {
    --row-gap: 8rem;
    --column-gap: 4rem
}

.ContactInfo>.half {
    --size: 6
}

.ContactInfo>.full {
    --size: 12
}

@media not all and (min-width:40em) {
    .ContactInfo {
        --row-gap: 2rem;
        --column-gap: 1rem
    }
}

.ContactItem ._header {
    align-items: center;
    gap: .75rem;
    display: flex
}

.ContactItem .icon {
    color: var(--orange-9);
    width: 3rem;
    height: 3rem
}

.ContactItem ._title {
    flex: 1 1 0;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 2rem
}

.ContactItem ._content {
    margin-top: .75rem
}

.ContactItem ._content p+p {
    margin-top: 1em
}

.ContactItem a {
    color: var(--orange-9)
}

.ContactItem a:hover {
    text-decoration: underline
}

@media not all and (min-width:40em) {
    .ContactItem ._header {
        gap: .5rem
    }

    .ContactItem .icon {
        width: 1.5rem;
        height: 1.5rem
    }

    .ContactItem ._title {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .ContactItem ._content {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.ReportSection .section_desc {
    margin-bottom: 4rem;
    font-size: 1.125rem;
    line-height: 1.75rem
}

.ReportSection .row {
    --gap: 4rem
}

.ReportSection .row>.row-col {
    --size: 6
}

.ReportSection .left {
    flex-direction: column;
    padding-right: 8rem;
    display: flex
}

.ReportSection ._title {
    margin-bottom: 1rem;
    font-size: 3rem;
    font-weight: 700;
    line-height: 4.5rem
}

.ReportSection ._subtitle {
    margin-bottom: 4rem;
    font-size: 1.125rem;
    line-height: 1.75rem
}

.ReportSection ._contact {
    background-color: #fff;
    border-radius: 1.25rem;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
    padding: 1.5rem;
    display: flex
}

.ReportSection ._contact .icon {
    width: 3rem;
    height: 3rem;
    color: var(--orange-9);
    margin-left: 1rem;
    margin-right: 1rem
}

.ReportSection a._contact {
    transition: box-shadow .25s var(--ease-3)
}

.ReportSection a._contact:hover {
    box-shadow: var(--shadow-4)
}

.ReportSection ._contact-info {
    flex: 1 1 0
}

.ReportSection ._contact-title {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 2rem
}

.ReportSection ._contact-desc {
    margin-top: 1rem
}

.ReportSection .btns {
    margin-top: auto
}

.ReportSection ._img {
    border-radius: 1rem;
    width: 100%
}

@media not all and (min-width:80em) {
    .ReportSection .left {
        padding-right: 0
    }

    .ReportSection ._contact-title {
        font-size: 1.25rem;
        line-height: 2rem
    }

    .ReportSection ._contact-desc {
        margin-top: .5rem
    }
}

@media not all and (min-width:40em) {
    .ReportSection .row>.row-col {
        --size: 12
    }

    .ReportSection ._contact {
        padding: 1rem
    }

    .ReportSection ._contact .icon {
        width: 1.5rem;
        height: 1.5rem;
        margin-left: 0;
        margin-right: 0
    }

    .ReportSection ._contact-title {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .ReportSection ._contact-desc {
        margin-top: 0;
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.PageReport-main {
    background-color: var(--gray-2);
    padding-top: 6rem;
    padding-bottom: 12rem
}

.PageReport-main .section_header {
    max-width: none
}

.PageReport-main .section_desc {
    text-align: left;
    padding: 0 5rem
}

.PageReport-form {
    background-color: #fff;
    margin-left: auto;
    margin-right: auto;
    padding: 5rem
}

.PageReport-alert {
    background-color: var(--orange-a2);
    border-radius: 1.25rem;
    margin-top: 2rem;
    padding: 2.5rem
}

.PageReport-alert ._asterisk {
    color: var(--orange-9)
}

.PageReport-alert a {
    color: var(--orange-9);
    text-decoration: underline
}

.PageReport-alert ._title {
    color: var(--orange-9);
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 2rem
}

.PageReport-alert ._desc {
    letter-spacing: .025em;
    margin-top: 1rem;
    font-size: .875rem;
    line-height: 1.5rem
}

.PageReport-alert input[type=checkbox] {
    vertical-align: text-bottom;
    width: 1rem;
    height: 1rem
}

@media not all and (min-width:40em) {
    .PageReport-main {
        padding-top: 4rem;
        padding-bottom: 0
    }

    .PageReport-main .container {
        padding-left: 0;
        padding-right: 0
    }

    .PageReport-main .section_title {
        text-align: left
    }

    .PageReport-main .section_header {
        padding: 0 1rem
    }

    .PageReport-main .section_desc {
        padding: 0
    }

    .PageReport-form {
        padding: 4rem 1rem
    }

    .PageReport-alert {
        padding: 2rem
    }
}

.ReportForm ._inline_radios {
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem 2rem;
    display: flex
}

.ReportForm ._fieldset {
    border-width: 1px;
    border-color: var(--black-a2);
    border-radius: 1.25rem;
    margin-bottom: 2.5rem;
    padding: 2.5rem
}

.ReportForm ._fieldset-title {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 2.25rem
}

.ReportForm ._fieldset-subtitle {
    color: #00000080;
    margin-top: 1rem;
    font-size: 1rem;
    line-height: 1.5rem
}

.ReportForm ._gray {
    color: #00000040
}

.ReportForm ._orange {
    color: var(--orange-9)
}

.ReportForm .radio input[type=radio]:not(:checked)~.radio-label {
    color: #00000080
}

.ReportForm .radio input[type=radio]:checked~.radio-label {
    color: var(--orange-9)
}

.ReportForm ._label {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem
}

.ReportForm ._required:before {
    content: " * ";
    color: var(--orange-9)
}

.ReportForm ._field,
.ReportForm ._inline_field,
.ReportForm ._hint {
    margin-top: 2rem
}

.ReportForm ._inline_field {
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem 2rem;
    display: flex
}

.ReportForm :is(._field-label, .mantine-TextInput-label, .mantine-Textarea-label, .mantine-Select-label, .mantine-DatePickerInput-label) {
    flex-shrink: 0;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.25rem
}

.ReportForm ._field ._field-controls {
    margin-top: 1rem
}

.ReportForm ._inline_field .mantine-TextInput-label {
    margin-bottom: 0
}

.ReportForm ._inline_field :is(.mantine-TextInput-root, .mantine-Select-root, .mantine-InputWrapper-root) {
    flex: 1;
    align-self: flex-start
}

.ReportForm ._inline_field :is(.mantine-TextInput-wrapper, .mantine-Select-wrapper, .mantine-DatePickerInput-wrapper) {
    flex: 1 1 0
}

.ReportForm :is(.mantine-TextInput-wrapper, .mantine-Select-wrapper, .mantine-DatePickerInput-wrapper) {
    --input-section-color: #000
}

.ReportForm :is(.mantine-TextInput-wrapper, .mantine-Select-wrapper, .mantine-DatePickerInput-wrapper)[data-error] {
    --input-section-color: inherit;
    margin-bottom: 0
}

.ReportForm :is(.mantine-DatePickerInput-root, .mantine-Select-root, ._text_input-phone, ._text_input-email) {
    flex-wrap: wrap;
    align-items: center;
    column-gap: 2rem;
    display: flex
}

.ReportForm :is(.mantine-Select-error, .mantine-DatePickerInput-error) {
    width: 100%
}

.ReportForm :is(.mantine-TextInput-input, .mantine-Select-input, .mantine-DatePickerInput-input) {
    height: 3rem;
    padding: 0 1.25rem
}

.ReportForm .mantine-Textarea-input {
    height: calc(7.5rem + 2px)
}

.ReportForm ._hint {
    color: var(--black-a5);
    font-size: .875rem;
    font-style: italic;
    font-weight: 500;
    line-height: 1.25rem
}

.ReportForm .btn_checkbox {
    min-width: 6rem;
    height: 2.5rem;
    font-weight: 400
}

.ReportForm ._footer {
    justify-content: center;
    margin-top: 2rem
}

.ReportForm .m_8f816625 {
    margin-top: .5rem
}

.ReportForm ._vaccine_form {
    background-color: #fcfcfc;
    border-radius: 1.25rem;
    margin-top: 2rem;
    padding: 2rem
}

.ReportForm .btn_checkbox.active {
    background-color: var(--orange-9);
    border-color: var(--orange-9);
    color: var(--orange-contrast)
}

.ReportForm ._vaccine_form .mantine-Select-root._country_region .mantine-Select-label {
    max-width: 24rem
}

.ReportForm ._vaccine_form :is(strong, b) {
    color: var(--orange-9)
}

.ReportForm .SubmissionFeedback {
    margin-top: 2rem
}

.ReportForm .btn[type=submit][disabled] {
    cursor: not-allowed;
    opacity: .5
}

@media not all and (min-width:40em) {
    .ReportForm ._fieldset {
        padding: 1.5rem 1rem
    }

    .ReportForm ._fieldset-title {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .ReportForm ._inline_radios {
        gap: .5rem 1rem
    }

    .ReportForm ._inline_field {
        align-items: initial;
        flex-direction: column;
        gap: 2rem
    }

    .ReportForm ._inline_field :is(.mantine-TextInput-root, .mantine-Select-root, .mantine-InputWrapper-root) {
        align-self: initial
    }

    .ReportForm :is(.mantine-DatePickerInput-root, .mantine-Select-root, ._text_input-phone, ._text_input-email) {
        align-items: initial;
        flex-direction: column;
        gap: 1rem
    }

    .ReportForm .btn_checkbox {
        min-width: 4rem;
        height: 2rem;
        padding: 0 .5rem;
        font-size: .75rem
    }

    .ReportForm ._vaccine_form {
        border-radius: .75rem;
        padding: 1.5rem 1rem
    }
}

.HomeSlideShow .swiper {
    --swiper-wrapper-transition-timing-function: ease-in-out;
    --swiper-pagination-bullet-width: 36px;
    --swiper-pagination-bullet-height: 20px;
    --swiper-pagination-color: transparent;
    --swiper-pagination-bullet-inactive-color: transparent;
    --swiper-pagination-bullet-horizontal-gap: 8px;
    --swiper-pagination-bullet-opacity: 1;
    --swiper-pagination-bullet-inactive-opacity: .5
}

.HomeSlideShow .swiper-pagination {
    gap: var(--swiper-pagination-bullet-horizontal-gap);
    width: auto;
    display: flex;
    bottom: 8rem;
    left: auto;
    right: 12rem
}

.HomeSlideShow .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.HomeSlideShow .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0
}

.HomeSlideShow .swiper-pagination-bullet {
    color: #fff;
    background-color: #0000;
    border-radius: 0
}

.HomeSlideShow .swiper-slide {
    min-height: 60rem;
    height: calc(100vh - var(--site-header-height))
}

.HomeSlideShow .swiper-slide.playing>:is(picture) {
    display: none
}

.HomeSlideShow ._image,
.HomeSlideShow ._media {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0
}

.HomeSlideShow ._overlay {
    color: #fff;
    background-image: linear-gradient(#0000, #0000004d 50%);
    flex-direction: column;
    justify-content: flex-end;
    padding: 8rem 12rem;
    display: flex;
    position: absolute;
    inset: auto 0 0
}

.HomeSlideShow ._title {
    width: 83.3333%;
    font-size: 3.33333vw;
    font-weight: 600;
    line-height: 1.25
}

.HomeSlideShow ._actions {
    border-top-width: 1px;
    border-color: var(--white-a5);
    margin-top: 2rem;
    padding-top: 2rem
}

.HomeSlideShow .play_btn {
    margin: auto;
    display: none;
    position: absolute;
    inset: 0
}

.HomeSlideShow .btn:hover {
    color: var(--orange-9);
    background-color: #fff;
    border-color: #fff
}

.HomeSlideShow .btn_play {
    gap: 0
}

.HomeSlideShow .btn_play .icon.material_symbols_light_play_arrow {
    width: 2rem;
    height: 2rem
}

@media not all and (min-width:80em) {
    .HomeSlideShow .swiper-slide {
        min-height: 32rem
    }

    .HomeSlideShow ._overlay {
        padding: 4rem
    }

    .HomeSlideShow .swiper-pagination {
        bottom: 4rem;
        right: 4rem
    }
}

@media not all and (min-width:40em) {
    .HomeSlideShow .swiper {
        --swiper-pagination-bullet-width: 1.5rem;
        --swiper-pagination-bullet-height: 1rem
    }

    .HomeSlideShow ._overlay {
        padding: 4rem 1.25rem 5rem
    }

    .HomeSlideShow ._title {
        width: 100%;
        font-size: 1.5rem;
        line-height: 2rem
    }

    .HomeSlideShow .swiper-pagination {
        justify-content: center;
        bottom: 2rem;
        left: 2rem;
        right: 2rem
    }

    .HomeSlideShow .btn_play {
        display: none
    }

    .HomeSlideShow .play_btn {
        --btn-size: 3rem;
        --icon-size: 2rem;
        display: flex;
        inset: auto 1.5rem 5rem auto
    }
}

.HomeIntroSec {
    position: relative
}

.HomeIntroSec .section_header {
    max-width: 64rem;
    margin-bottom: 4rem;
    margin-left: auto;
    margin-right: auto
}

.HomeIntroSec .section_desc {
    padding-left: 4rem;
    padding-right: 4rem
}

.HomeIntroSec .btns {
    justify-content: center;
    margin-top: 8rem
}

.HomeIntroSec .btn {
    background-color: #fff
}

.HomeIntroSec .btn:hover {
    background-color: var(--orange-9);
    border-color: var(--orange-9);
    color: #fff
}

.HomeIntroSec .DNA_Animation {
    z-index: -1;
    position: absolute;
    inset: auto 0 4rem
}

@media not all and (min-width:40em) {
    .HomeIntroSec .section_desc {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .HomeIntroSec .btns {
        margin-top: 2rem
    }

    .HomeIntroSec .DNA_Animation {
        bottom: 0
    }
}

@keyframes DNA_Line {
    0% {
        transform: rotateX(0)
    }

    to {
        transform: rotateX(359deg)
    }
}

.DNA_Animation {
    perspective: 1000px;
    justify-content: center;
    align-items: center;
    gap: 24px;
    height: 14rem;
    display: flex;
    overflow: hidden
}

.DNA_Animation div {
    --delay: ;
    width: 2px;
    height: 8rem;
    transform-style: preserve-3d;
    animation: DNA_Line 4s var(--delay) linear infinite;
    background-color: #f08300;
    flex-shrink: 0;
    position: relative
}

.DNA_Animation div:before {
    content: "";
    height: 10px;
    animation: DNA_Line 4s var(--delay) linear infinite reverse;
    z-index: 1;
    background-color: #f08300;
    border-radius: 5px;
    position: absolute;
    top: -10px;
    left: -4px;
    right: -4px
}

.DNA_Animation div:after {
    content: "";
    height: 10px;
    animation: DNA_Line 4s var(--delay) linear infinite reverse;
    z-index: 1;
    border-radius: 5px;
    position: absolute;
    bottom: -10px;
    left: -4px;
    right: -4px
}

.DNA_Animation div:first-child {
    --delay: -59.875s
}

.DNA_Animation div:nth-child(2) {
    --delay: -59.75s
}

.DNA_Animation div:nth-child(3) {
    --delay: -59.625s
}

.DNA_Animation div:nth-child(4) {
    --delay: -59.5s
}

.DNA_Animation div:nth-child(5) {
    --delay: -59.375s
}

.DNA_Animation div:nth-child(6) {
    --delay: -59.25s
}

.DNA_Animation div:nth-child(7) {
    --delay: -59.125s
}

.DNA_Animation div:nth-child(8) {
    --delay: -59s
}

.DNA_Animation div:nth-child(9) {
    --delay: -58.875s
}

.DNA_Animation div:nth-child(10) {
    --delay: -58.75s
}

.DNA_Animation div:nth-child(11) {
    --delay: -58.625s
}

.DNA_Animation div:nth-child(12) {
    --delay: -58.5s
}

.DNA_Animation div:nth-child(13) {
    --delay: -58.375s
}

.DNA_Animation div:nth-child(14) {
    --delay: -58.25s
}

.DNA_Animation div:nth-child(15) {
    --delay: -58.125s
}

.DNA_Animation div:nth-child(16) {
    --delay: -58s
}

.DNA_Animation div:nth-child(17) {
    --delay: -57.875s
}

.DNA_Animation div:nth-child(18) {
    --delay: -57.75s
}

.DNA_Animation div:nth-child(19) {
    --delay: -57.625s
}

.DNA_Animation div:nth-child(20) {
    --delay: -57.5s
}

.DNA_Animation div:nth-child(21) {
    --delay: -57.375s
}

.DNA_Animation div:nth-child(22) {
    --delay: -57.25s
}

.DNA_Animation div:nth-child(23) {
    --delay: -57.125s
}

.DNA_Animation div:nth-child(24) {
    --delay: -57s
}

.DNA_Animation div:nth-child(25) {
    --delay: -56.875s
}

.DNA_Animation div:nth-child(26) {
    --delay: -56.75s
}

.DNA_Animation div:nth-child(27) {
    --delay: -56.625s
}

.DNA_Animation div:nth-child(28) {
    --delay: -56.5s
}

.DNA_Animation div:nth-child(29) {
    --delay: -56.375s
}

.DNA_Animation div:nth-child(30) {
    --delay: -56.25s
}

.DNA_Animation div:nth-child(31) {
    --delay: -56.125s
}

.DNA_Animation div:nth-child(32) {
    --delay: -56s
}

.DNA_Animation div:nth-child(33) {
    --delay: -55.875s
}

.DNA_Animation div:nth-child(34) {
    --delay: -55.75s
}

.DNA_Animation div:nth-child(35) {
    --delay: -55.625s
}

.DNA_Animation div:nth-child(36) {
    --delay: -55.5s
}

.DNA_Animation div:nth-child(37) {
    --delay: -55.375s
}

.DNA_Animation div:nth-child(38) {
    --delay: -55.25s
}

.DNA_Animation div:nth-child(39) {
    --delay: -55.125s
}

.DNA_Animation div:nth-child(40) {
    --delay: -55s
}

.DNA_Animation div:nth-child(41) {
    --delay: -54.875s
}

.DNA_Animation div:nth-child(42) {
    --delay: -54.75s
}

.DNA_Animation div:nth-child(43) {
    --delay: -54.625s
}

.DNA_Animation div:nth-child(44) {
    --delay: -54.5s
}

.DNA_Animation div:nth-child(45) {
    --delay: -54.375s
}

.DNA_Animation div:nth-child(46) {
    --delay: -54.25s
}

.DNA_Animation div:nth-child(47) {
    --delay: -54.125s
}

.DNA_Animation div:nth-child(48) {
    --delay: -54s
}

.DNA_Animation div:nth-child(49) {
    --delay: -53.875s
}

.DNA_Animation div:nth-child(50) {
    --delay: -53.75s
}

.DNA_Animation div:nth-child(51) {
    --delay: -53.625s
}

.DNA_Animation div:nth-child(52) {
    --delay: -53.5s
}

.DNA_Animation div:nth-child(53) {
    --delay: -53.375s
}

.DNA_Animation div:nth-child(54) {
    --delay: -53.25s
}

.DNA_Animation div:nth-child(55) {
    --delay: -53.125s
}

.DNA_Animation div:nth-child(56) {
    --delay: -53s
}

.DNA_Animation div:nth-child(57) {
    --delay: -52.875s
}

.DNA_Animation div:nth-child(58) {
    --delay: -52.75s
}

.DNA_Animation div:nth-child(59) {
    --delay: -52.625s
}

.DNA_Animation div:nth-child(60) {
    --delay: -52.5s
}

.DNA_Animation div:nth-child(61) {
    --delay: -52.375s
}

.DNA_Animation div:nth-child(62) {
    --delay: -52.25s
}

.DNA_Animation div:nth-child(63) {
    --delay: -52.125s
}

.DNA_Animation div:nth-child(64) {
    --delay: -52s
}

.DNA_Animation div:nth-child(65) {
    --delay: -51.875s
}

.DNA_Animation div:nth-child(66) {
    --delay: -51.75s
}

.DNA_Animation div:nth-child(67) {
    --delay: -51.625s
}

.DNA_Animation div:nth-child(68) {
    --delay: -51.5s
}

.DNA_Animation div:nth-child(69) {
    --delay: -51.375s
}

.DNA_Animation div:nth-child(70) {
    --delay: -51.25s
}

.DNA_Animation div:nth-child(71) {
    --delay: -51.125s
}

.DNA_Animation div:nth-child(72) {
    --delay: -51s
}

.DNA_Animation div:nth-child(73) {
    --delay: -50.875s
}

.DNA_Animation div:nth-child(74) {
    --delay: -50.75s
}

.DNA_Animation div:nth-child(75) {
    --delay: -50.625s
}

.DNA_Animation div:nth-child(76) {
    --delay: -50.5s
}

.DNA_Animation div:nth-child(77) {
    --delay: -50.375s
}

.DNA_Animation div:nth-child(78) {
    --delay: -50.25s
}

.DNA_Animation div:nth-child(79) {
    --delay: -50.125s
}

.DNA_Animation div:nth-child(80) {
    --delay: -50s
}

.DNA_Animation div:nth-child(81) {
    --delay: -49.875s
}

.DNA_Animation div:nth-child(82) {
    --delay: -49.75s
}

.DNA_Animation div:nth-child(83) {
    --delay: -49.625s
}

.DNA_Animation div:nth-child(84) {
    --delay: -49.5s
}

.DNA_Animation div:nth-child(85) {
    --delay: -49.375s
}

.DNA_Animation div:nth-child(86) {
    --delay: -49.25s
}

.DNA_Animation div:nth-child(87) {
    --delay: -49.125s
}

.DNA_Animation div:nth-child(88) {
    --delay: -49s
}

.DNA_Animation div:nth-child(89) {
    --delay: -48.875s
}

.DNA_Animation div:nth-child(90) {
    --delay: -48.75s
}

.DNA_Animation div:nth-child(91) {
    --delay: -48.625s
}

.DNA_Animation div:nth-child(92) {
    --delay: -48.5s
}

.DNA_Animation div:nth-child(93) {
    --delay: -48.375s
}

.DNA_Animation div:nth-child(94) {
    --delay: -48.25s
}

.DNA_Animation div:nth-child(95) {
    --delay: -48.125s
}

.DNA_Animation div:nth-child(96) {
    --delay: -48s
}

.DNA_Animation div:nth-child(97) {
    --delay: -47.875s
}

.DNA_Animation div:nth-child(98) {
    --delay: -47.75s
}

.DNA_Animation div:nth-child(99) {
    --delay: -47.625s
}

.DNA_Animation div:nth-child(100) {
    --delay: -47.5s
}

.HomeVaccineSec {
    background-image: url(../static/HomeVaccinesBackground.jpg);
    background-size: cover
}

.HomeVaccineSec .row {
    --gap: 2rem
}

.HomeVaccineSec .row>.row-col {
    --size: 4
}

.HomeVaccineSec ._card {
    height: 100%;
    transition-property: border-color, background-color, box-shadow;
    transition-duration: .25s;
    transition-timing-function: var(--ease-3);
    background-color: #ffffff80;
    border-width: 1px;
    border-color: #fff;
    border-radius: 1.25rem;
    padding: 2.25rem;
    box-shadow: inset 4px 4px 16px #0000000a
}

.HomeVaccineSec ._card:hover {
    border-color: var(--gray-4);
    box-shadow: none;
    background-color: #fff
}

.HomeVaccineSec a._card {
    display: block
}

.HomeVaccineSec ._card-title {
    min-height: 3.5rem;
    margin-bottom: .5rem;
    font-size: 1rem;
    line-height: 1.75rem
}

.HomeVaccineSec ._card-logo {
    width: auto;
    height: 3rem;
    margin-bottom: .5rem
}

.HomeVaccineSec ._card-img {
    border-radius: .625rem;
    width: 100%
}

.HomeVaccineSec ._card-desc {
    margin-top: 2rem;
    font-size: 1.125rem;
    line-height: 1.75rem
}

@media not all and (min-width:80em) {
    .HomeVaccineSec ._card {
        padding: 2rem
    }

    .HomeVaccineSec ._card-img {
        max-width: 100%
    }

    .HomeVaccineSec ._card-desc {
        margin-top: 1rem;
        font-size: .875rem;
        line-height: 1.25rem
    }
}

@media not all and (min-width:40em) {
    .HomeVaccineSec .row>.row-col {
        --size: 12
    }

    .HomeVaccineSec ._card-logo {
        height: 2rem
    }
}

.CompanyStats {
    --gap: 2rem
}

.CompanyStats>.row-col {
    --size: 3
}

.CompanyStats ._stats-item {
    padding-top: 2rem;
    padding-left: 2rem;
    position: relative
}

.CompanyStats ._stats-item:after {
    content: "";
    background-image: linear-gradient(#0000, #0003);
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.CompanyStats ._stats-number {
    font-size: 4rem;
    font-weight: 600;
    line-height: 1
}

.CompanyStats ._stats-title {
    margin-top: 1rem;
    font-size: 1rem;
    line-height: 1.5rem
}

@media not all and (min-width:80em) {
    .CompanyStats ._stats-number {
        font-size: 3rem;
        line-height: 4rem
    }
}

@media not all and (min-width:40em) {
    .CompanyStats {
        --gap: 1rem
    }

    .CompanyStats>.row-col {
        --size: 6
    }

    .CompanyStats ._stats-item {
        padding-top: 1rem;
        padding-left: 1rem
    }

    .CompanyStats ._stats-number {
        font-size: 2rem;
        line-height: 2.5rem
    }

    .CompanyStats ._stats-title {
        margin-top: .5rem;
        font-size: .75rem;
        line-height: 1rem
    }
}

.CompanyIntroSection .DNA_Animation {
    margin-top: 6rem
}

.CompanyIntroSection .section_desc {
    text-align: justify;
    text-align-last: center
}

.HomeNewsSec .section_header {
    max-width: 32rem
}

.HomeNewsSec ._wrapper {
    --gap: 4rem
}

.HomeNewsSec ._wrapper>.row-col {
    --size: 6
}

.HomeNewsSec ._footer {
    justify-content: center;
    margin-top: 6rem
}

.HomeNewsSec .HomeNews {
    height: 100%
}

.HomeNewsSec .btn:hover {
    background-color: var(--orange-9);
    border-color: var(--orange-9);
    color: var(--orange-contrast)
}

@media not all and (min-width:40em) {
    .HomeNewsSec ._wrapper>.row-col {
        --size: 12
    }

    .HomeNewsSec ._footer {
        margin-top: 3rem
    }
}

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

.HomeNews-imgwrap {
    border-radius: 1.25rem;
    position: relative;
    overflow: hidden
}

.HomeNews-img {
    border-radius: inherit;
    width: 100%
}

.HomeNews-info {
    margin-top: 2rem
}

.HomeNews-title {
    margin-top: 1rem;
    font-size: 2.25rem;
    font-weight: 600;
    line-height: 3rem
}

a.HomeNews:hover .HomeNews-title {
    text-decoration: underline 2px
}

.HomeNews-desc {
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-size: 1.125rem;
    line-height: 1.75rem
}

.HomeNews .icon.infinity {
    transition: color .25s var(--ease-3);
    width: 4rem;
    height: 2rem;
    margin-top: auto
}

.HomeNews:hover .icon.infinity {
    color: var(--orange-9)
}

.MilestoneSection {
    min-height: 100vh;
    position: relative;
    overflow: hidden
}

.MilestoneSection-bgtext {
    color: #fff;
    text-transform: uppercase;
    white-space: nowrap;
    font-size: 12rem;
    font-weight: 600;
    line-height: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

@media not all and (min-width:80em) {
    .HomeNews-title {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    .HomeNews-desc {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .HomeNews .icon.infinity {
        width: 2rem;
        line-height: 1rem
    }
}

.MilestoneSlideShow {
    position: relative
}

.MilestoneSlideShow .swiper-button-prev {
    left: -.75rem
}

.MilestoneSlideShow .swiper-button-next {
    right: -.75rem
}

.MilestoneSlideShow ._wrapper {
    width: 48rem;
    height: 48rem;
    margin: 0 auto;
    padding: 8rem;
    position: relative
}

.MilestoneSlideShow ._progress {
    z-index: 2;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0
}

.MilestoneSlideShow ._progress-circle.a {
    fill: none;
    stroke-width: 1px;
    stroke: var(--orange-a4)
}

.MilestoneSlideShow ._progress-circle.b {
    fill: none;
    stroke-width: 2px;
    stroke: var(--orange-9);
    stroke-linecap: round;
    transition: stroke-dashoffset .25s var(--ease-3)
}

.MilestoneSlideShow .swiper {
    border-radius: 9999px;
    width: 100%;
    height: 100%
}

.MilestoneSlideShow img {
    object-fit: cover;
    width: 100%;
    height: 100%
}

@media not all and (min-width:80em) {
    .MilestoneSlideShow ._wrapper {
        width: 32rem;
        height: 32rem;
        padding: 6rem
    }
}

@media not all and (min-width:40em) {
    .MilestoneSlideShow :is(.swiper-button-prev, .swiper-button-next) {
        display: none
    }

    .MilestoneSlideShow ._wrapper {
        width: 20rem;
        height: 20rem;
        padding: 4rem
    }
}

.MilestoneTimelineCarousel {
    margin-top: 2rem
}

.MilestoneTimelineCarousel .swiper-slide {
    flex-direction: column;
    justify-content: flex-end;
    width: 40rem;
    display: flex
}

.MilestoneTimelineCarousel ._year {
    text-align: center;
    transition: transform .25s var(--ease-3);
    transform-origin: 50% 100%;
    padding-top: 2em;
    font-weight: 600
}

.MilestoneTimelineCarousel .swiper-slide:not(.swiper-slide-active) ._year {
    color: var(--orange-a6);
    font-size: 1rem;
    line-height: 1.5rem
}

.MilestoneTimelineCarousel .swiper-slide-active ._year {
    color: var(--orange-9);
    transform: scale(3)
}

.MilestoneTimelineCarousel ._line {
    background-size: 1rem 100%;
    background-image: linear-gradient(90deg, var(--orange-9) 1px, transparent 1px);
    background-position: 50%;
    height: 1.25rem;
    margin-top: 1rem;
    position: relative
}

.MilestoneTimelineCarousel ._line:after {
    content: "";
    border-left: 1px solid var(--orange-9);
    width: 1rem;
    height: 16px;
    margin-left: -.5rem;
    position: absolute;
    bottom: 100%;
    left: 50%
}

.MilestoneTimelineCarousel ._desc {
    text-align: center;
    opacity: 0;
    max-width: 700px;
    margin: 2rem auto 0
}

.MilestoneTimelineCarousel ._desc em {
    color: var(--orange-9)
}

.MilestoneTimelineCarousel .swiper-slide:not(.swiper-slide-active) ._desc {
    display: none
}

.MilestoneTimelineCarousel .swiper-slide-active ._desc {
    animation: .5s ease-in-out forwards fade-in
}

@media not all and (min-width:40em) {
    .MilestoneTimelineCarousel {
        margin-top: 0
    }

    .MilestoneTimelineCarousel .swiper-slide {
        width: 16rem
    }

    .MilestoneTimelineCarousel ._desc {
        margin-left: -2rem;
        margin-right: -2rem;
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.OfficeSection .section_header {
    text-align: left;
    margin-bottom: 0;
    margin-left: 0
}

.OfficeSection .SwiperGallery {
    margin-top: calc(var(--swiper-navigation-size) * -1)
}

.OfficeSection .SwiperGallery .swiper-controls {
    justify-content: flex-end;
    margin-bottom: 4rem
}

.OfficeSection .SwiperGallery .swiper-slide {
    height: auto
}

.OfficeSection ._office {
    border-width: 1px;
    border-color: var(--gray-6);
    border-radius: 1.25rem;
    height: 100%
}

.OfficeSection ._office-imgwrap {
    border-radius: inherit;
    overflow: hidden
}

.OfficeSection ._office-img {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    width: 100%
}

.OfficeSection ._office-info {
    padding: 2rem
}

.OfficeSection ._office-title {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2rem
}

.OfficeSection ._office-subtitle {
    flex-wrap: wrap;
    column-gap: 2rem;
    margin-top: .5rem;
    display: flex
}

.OfficeSection ._office-meta {
    padding-left: 1.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    position: relative
}

.OfficeSection ._office-meta .icon {
    width: 1.5rem;
    height: 1.5rem;
    color: var(--orange-9);
    position: absolute;
    top: 0;
    left: 0
}

@media not all and (min-width:80em) {
    .OfficeSection .swiper-slide {
        width: 50%
    }
}

@media not all and (min-width:40em) {
    .OfficeSection .SwiperGallery {
        margin-top: 2rem
    }

    .OfficeSection .swiper-controls {
        margin-bottom: 1rem
    }

    .OfficeSection .swiper-slide {
        width: 100%
    }

    .OfficeSection ._office-title {
        font-size: 1.25rem;
        line-height: 1.5rem
    }

    .OfficeSection ._office-subtitle {
        margin-top: 1rem
    }

    .OfficeSection ._office-info {
        padding: 2rem 1.5rem
    }
}

.CompanyCultureSection {
    background-image: url(../static/CompanyCultureBackground.jpg);
    background-size: cover
}

.CompanyCultureSection .row {
    --gap: 2rem
}

.CompanyCultureSection .row-col {
    --size: 3
}

.CompanyCultureSection ._card {
    height: 100%;
    transition-property: border-color, box-shadow;
    transition-duration: .25s;
    transition-timing-function: var(--ease-3);
    border-width: 1px;
    border-color: #fff;
    border-radius: 1.25rem;
    flex-direction: column;
    padding: 2rem;
    display: flex;
    box-shadow: inset 4px 4px 16px #0000000a
}

.CompanyCultureSection ._card:hover {
    border-color: var(--gray-4);
    box-shadow: none
}

.CompanyCultureSection ._card-title {
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2rem
}

.CompanyCultureSection ._card-subtitle {
    margin-bottom: 2rem;
    font-size: 1rem;
    line-height: 1.5rem
}

.CompanyCultureSection ._card-subtitle :is(ol, ul) {
    padding-left: 1.5em
}

.CompanyCultureSection ._card-subtitle ol {
    list-style-type: decimal
}

.CompanyCultureSection ._card-subtitle ul {
    list-style-type: disc
}

.CompanyCultureSection ._card-img {
    border-radius: inherit;
    width: 100%;
    margin-top: auto
}

@media not all and (min-width:80em) {
    .CompanyCultureSection .row>.row-col {
        --size: 6
    }
}

@media not all and (min-width:40em) {
    .CompanyCultureSection .row>.row-col {
        --size: 12
    }
}

.PartnerShipSection .marquee .marquee-item {
    background-color: var(--gray-2);
    border-radius: 9999px;
    justify-content: center;
    align-items: center;
    width: 27rem;
    height: 5rem;
    padding: .75rem;
    display: flex
}

.PartnerShipSection .marquee img {
    object-fit: cover;
    max-width: 100%;
    max-height: 100%
}

@media not all and (min-width:80em) {
    .PartnerShipSection .marquee .marquee-item {
        width: 12rem;
        height: 4rem
    }
}

.CertificationSection .SwiperGallery {
    padding-top: 1rem;
    padding-left: .25rem;
    padding-right: .25rem
}

.CertificationSection .SwiperGallery .swiper-slide {
    width: 25%
}

.CertificationSection .SwiperGallery .swiper-controls {
    justify-content: center;
    margin-top: 3rem
}

.CertificationSection a._card {
    display: block
}

.CertificationSection ._card-cover {
    background-color: var(--gray-2);
    transition: box-shadow .25s var(--ease-3);
    border-radius: 1.25rem;
    align-items: flex-start;
    gap: 2rem;
    padding: 2rem;
    display: flex
}

.CertificationSection a._card:hover ._card-cover {
    box-shadow: var(--shadow-4)
}

.CertificationSection ._card-imgwrap {
    border-radius: inherit
}

.CertificationSection ._card-img {
    object-fit: cover;
    aspect-ratio: 3/4;
    border-radius: inherit;
    width: 100%
}

.CertificationSection ._card-expand_icon {
    flex-shrink: 0;
    width: 2rem;
    height: 2rem
}

.CertificationSection ._card-title {
    padding: 1.5rem 1rem;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem
}

@media not all and (min-width:80em) {
    .CertificationSection .SwiperGallery .swiper-slide {
        width: 33.3333%
    }
}

@media not all and (min-width:40em) {
    .CertificationSection .SwiperGallery .swiper-slide {
        width: 100%
    }
}

.InvestmentSection .row {
    --gap: 3rem;
    margin-left: auto;
    margin-right: auto
}

.InvestmentSection .row-col {
    --size: 4
}

.InvestmentSection ._card {
    z-index: 1;
    background-color: var(--gray-2);
    height: 100%;
    transition-property: background-color, color;
    transition-timing-function: var(--ease-3);
    border-radius: 1.25rem;
    flex-direction: column;
    padding: 2.5rem;
    transition-duration: .25s;
    display: flex;
    position: relative;
    overflow: hidden
}

.InvestmentSection ._card-title {
    margin-bottom: 2rem;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.75rem
}

.InvestmentSection ._card-desc {
    margin-bottom: 3rem;
    font-size: .875rem;
    line-height: 1.5rem
}

.InvestmentSection ._card .icon.infinity {
    color: var(--black-a4);
    margin-top: auto;
    transition: inherit
}

.InvestmentSection ._card-logo {
    width: 10rem;
    margin-bottom: 2rem;
    margin-left: auto;
    margin-right: -1rem
}

.InvestmentSection ._card:not(:hover) ._card-logo.hover,
.InvestmentSection ._card:hover ._card-logo.default {
    display: none
}

.InvestmentSection ._card:hover {
    background-color: var(--orange-9);
    color: #fff
}

.InvestmentSection ._card:hover .icon.infinity {
    color: inherit
}

.InvestmentSection ._card-bg {
    z-index: -1;
    color: #fff;
    width: 20rem;
    transition-property: opacity, visibility;
    transition-duration: inherit;
    transition-timing-function: inherit;
    position: absolute;
    bottom: -2.5rem;
    right: -2.5rem
}

.InvestmentSection ._card:not(:hover) ._card-bg {
    opacity: 0;
    visibility: hidden
}

.InvestmentSection .icon.infinity {
    width: 4rem;
    height: 2rem
}

@media not all and (min-width:40em) {
    .InvestmentSection .row-col {
        --size: 12
    }

    .InvestmentSection ._card {
        padding: 2rem
    }

    .InvestmentSection ._card-logo {
        width: 8rem;
        margin-bottom: 2rem;
        position: static;
        top: auto;
        right: auto
    }

    .InvestmentSection ._card-title {
        margin-bottom: 1rem;
        padding-right: 0
    }

    .InvestmentSection ._card-bg {
        width: 16rem;
        bottom: -2rem;
        right: -2rem
    }
}

.DistIntroSection ._images {
    --gap: 2rem
}

.DistIntroSection .row-col:is(.a, .c) {
    --size: 2.5
}

.DistIntroSection .row-col.b {
    --size: 4;
    margin: 6rem auto 0
}

.DistIntroSection ._img {
    border-radius: 1.25rem;
    width: 100%
}

@media not all and (min-width:40em) {
    .DistIntroSection .row-col:is(.a, .b, .c) {
        --size: 12
    }

    .DistIntroSection .row-col:is(.a, .b) {
        display: none
    }

    .DistIntroSection .row-col.b {
        margin-top: 0
    }
}

.DistProcessSection {
    background-color: var(--gray-2)
}

.DistProcessSection .row {
    --gap: 8rem
}

.DistProcessSection .row-col {
    --size: 6
}

.DistProcessSection ._img {
    border-radius: 1.25rem;
    width: 100%
}

.DistProcessSection ._info {
    flex-direction: column;
    display: flex
}

.DistProcessSection ._title {
    margin-bottom: 1.25rem;
    font-size: 3rem;
    font-weight: 600;
    line-height: 4.5rem
}

.DistProcessSection ._desc {
    margin-bottom: 2rem;
    font-size: 1.125rem;
    line-height: 1.75rem
}

.DistProcessSection .hypertext {
    margin-top: auto
}

.DistProcessSection .hypertext :is(ul, ol) {
    padding-left: 0;
    list-style-type: none
}

.DistProcessSection .hypertext li {
    padding-left: 32px;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2.25rem;
    position: relative
}

.DistProcessSection .hypertext li:after {
    content: "";
    background-color: var(--orange-9);
    border-radius: 9999px;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 12px;
    left: 0
}

.DistProcessSection .hypertext li:not(:last-child) {
    margin-bottom: 2rem
}

.DistProcessSection .hypertext li:not(:last-child):before {
    content: "";
    border-left: 1px dashed var(--orange-9);
    position: absolute;
    top: 16px;
    bottom: -3rem;
    left: 4px
}

@media not all and (min-width:80em) {
    .DistProcessSection .row {
        --gap: 4rem
    }

    .DistProcessSection ._title {
        font-size: 2rem;
        line-height: 3rem
    }
}

@media not all and (min-width:40em) {
    .DistProcessSection .row-col {
        --size: 12
    }

    .DistProcessSection .hypertext li {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .DistProcessSection .hypertext li:after {
        top: 6px
    }

    .DistProcessSection .hypertext li:not(:last-child) {
        margin-bottom: 1rem
    }

    .DistProcessSection .hypertext li:not(:last-child):before {
        bottom: -2rem
    }
}

.AdvantageSection .section_header {
    --gap: 1rem;
    text-align: left;
    margin-left: 0
}

.AdvantageSection .section_header>.row-col {
    --size: 6
}

.AdvantageSection .SwiperGallery {
    margin-top: 4rem
}

.AdvantageSection .SwiperGallery .swiper-slide {
    height: auto
}

.AdvantageSection ._card {
    background-color: var(--gray-2);
    border-radius: 1.25rem;
    flex-direction: column;
    height: 100%;
    min-height: 23.75rem;
    padding: 2.5rem;
    display: flex
}

.AdvantageSection ._card-icon {
    width: 4rem;
    margin-bottom: 2rem
}

.AdvantageSection ._card .hypertext {
    --headings-font-size: 1.5rem;
    --haedings-line-height: 2.25rem;
    --headings-font-weight: 600;
    max-height: 16rem;
    overflow: auto
}

@media not all and (min-width:80em) {
    .AdvantageSection .SwiperGallery .swiper-slide {
        width: 50%
    }
}

@media not all and (min-width:40em) {
    .AdvantageSection .section_header>.row-col {
        --size: 12
    }

    .AdvantageSection .SwiperGallery .swiper-slide {
        width: 100%
    }

    .AdvantageSection ._card {
        height: 100%;
        min-height: auto;
        padding: 1.5rem
    }

    .AdvantageSection ._card .hypertext {
        --headings-font-size: 1.25rem;
        --headings-line-height: 2rem;
        font-size: .875rem;
        line-height: 1.5rem
    }
}

.PageDistribution .MediaItem:nth-child(2n) {
    flex-direction: row-reverse
}

.PagePublicHealth .MediaItem-imgwrap {
    align-self: flex-start
}

.MediaItem {
    --gap: 5rem
}

.MediaItem>.row-col {
    --size: 6
}

.MediaItem+.MediaItem {
    margin-top: 6rem
}

.MediaItem-imgwrap {
    align-self: center
}

.MediaItem-img {
    border-radius: 1.25rem;
    width: 100%
}

.MediaItem-title {
    margin-bottom: 2rem;
    font-size: 3rem;
    font-weight: 600;
    line-height: 4rem
}

.MediaItem-subtitle {
    margin-bottom: 2rem
}

.MediaItem-info {
    flex-direction: column;
    display: flex
}

.MediaItem-desc.hypertext {
    --headings-font-size: 1.25rem;
    --headings-font-weight: 600;
    max-height: 37.5rem;
    font-size: .875rem;
    line-height: 1.5rem;
    overflow: auto
}

.MediaItem.large .MediaItem-desc.hypertext {
    --headings-font-size: 1.5rem;
    font-size: 1.125rem;
    line-height: 1.75rem
}

.MediaItem .btns {
    margin-top: 2rem
}

@media not all and (min-width:80em) {
    .MediaItem+.MediaItem {
        margin-top: 4rem
    }

    .MediaItem-title,
    .MediaItem.large .MediaItem-title {
        margin-bottom: 1rem;
        font-size: 1.5rem;
        line-height: 2rem
    }
}

@media not all and (min-width:40em) {
    .MediaItem {
        --gap: 3rem
    }

    .MediaItem>.row-col {
        --size: 12
    }

    .MediaItem-desc.hypertext {
        max-height: none;
        overflow: initial
    }
}

.ColinCareSec .section_title {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: .5rem;
    display: flex
}

.ColinCareSec .section_title ._icon {
    width: 4.5rem
}

.ColinCareSec ._wrapper {
    --gap: 2.5rem
}

.ColinCareSec ._wrapper>.row-col {
    --size: 6
}

.ColinCareSec ._stat {
    background-color: var(--gray-1);
    border-radius: 2rem;
    padding: 3rem
}

.ColinCareSec ._stat+._stat {
    margin-top: 3.5rem
}

.ColinCareSec ._stat-number {
    font-size: 3rem;
    font-weight: 600;
    line-height: 1
}

.ColinCareSec ._stat-title {
    margin-top: 1rem;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2rem
}

.ColinCareSec ._actions {
    justify-content: center;
    margin-top: 5rem
}

@media not all and (min-width:80em) {
    .ColinCareSec ._wrapper {
        --gap: 2rem
    }

    .ColinCareSec ._stat {
        border-radius: .75rem;
        padding: 1.5rem
    }

    .ColinCareSec ._stat+._stat {
        margin-top: 5rem
    }

    .ColinCareSec ._stat-number {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .ColinCareSec ._stat-title {
        margin-top: .5rem;
        font-size: 1rem;
        line-height: 1.5rem
    }
}

@media not all and (min-width:40em) {
    .ColinCareSec .section_title ._icon {
        width: 3rem
    }

    .ColinCareSec ._wrapper>.row-col {
        --size: 12
    }

    .ColinCareSec ._stat+._stat {
        margin-top: 2rem
    }
}

.LinkCardSection .row {
    --gap: 2rem
}

.LinkCardSection .row>.row-col {
    --size: 4
}

.LinkCardSection ._card {
    z-index: 1;
    background-color: var(--gray-2);
    transition-property: color, background-color;
    transition-duration: .25s;
    transition-timing-function: var(--ease-3);
    border-radius: 1.25rem;
    padding: 2rem;
    position: relative;
    overflow: hidden
}

.LinkCardSection ._card:hover {
    background-color: var(--orange-9);
    color: #fff
}

.LinkCardSection ._card .icon.wave {
    z-index: -1;
    color: #fff;
    width: 24rem;
    transition-property: opacity, visibility;
    transition-duration: inherit;
    transition-timing-function: inherit;
    position: absolute;
    bottom: 1.5rem;
    right: -8rem
}

.LinkCardSection ._card:not(:hover) .icon.wave {
    opacity: 0;
    visibility: hidden
}

.LinkCardSection ._card:hover .icon.wave {
    opacity: .25;
    visibility: visible
}

.LinkCardSection ._card-title {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 3rem
}

.LinkCardSection ._card-subtitle {
    margin-top: 1rem;
    font-size: 1rem;
    line-height: 1.5rem
}

.LinkCardSection ._card-img {
    width: 100%;
    transition-property: opacity;
    transition-duration: inherit;
    transition-timing-function: inherit;
    border-radius: 1.25rem;
    margin-top: 2rem
}

.LinkCardSection ._card:hover ._card-img {
    opacity: 0
}

.LinkCardSection ._card .btns {
    margin-top: 2.5rem
}

.LinkCardSection ._card:hover .btn {
    color: #fff
}

.LinkCardSection ._card:not(:hover) .btn {
    color: #000
}

@media not all and (min-width:80em) {
    .LinkCardSection ._card-title {
        font-size: 1.25rem;
        line-height: 2rem
    }

    .LinkCardSection ._card-subtitle {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

@media not all and (min-width:40em) {
    .LinkCardSection .row>.row-col {
        --size: 12
    }
}

.ManufacturingQualitySec2 ._card {
    background-color: var(--gray-2);
    border-radius: 1.5rem;
    flex-direction: column;
    padding: 3rem;
    display: flex
}

.ManufacturingQualitySec2 ._card-title {
    font-size: 2rem;
    font-weight: 600;
    line-height: 2.5rem
}

.ManufacturingQualitySec2 ._card-desc {
    margin-top: 1rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.75rem
}

.ManufacturingQualitySec2 ._card-imgwrap {
    border-radius: .5rem;
    max-width: 24rem;
    margin-top: 4rem;
    margin-left: auto;
    position: relative
}

.ManufacturingQualitySec2 ._card-img {
    border-radius: inherit;
    width: 100%
}

.ManufacturingQualitySec2 .play_btn {
    --btn-size: 3rem;
    --icon-size: 2rem
}

.ManufacturingQualitySec2.row,
.ManufacturingQualitySec2 .row {
    --gap: 2.5rem
}

.ManufacturingQualitySec2.row>.row-col,
.ManufacturingQualitySec2 .row>.row-col {
    --size: 6
}

@media not all and (min-width:40em) {
    .ManufacturingQualitySec2.row {
        --gap: 2rem
    }

    .ManufacturingQualitySec2.row>.row-col {
        --size: 12
    }

    .ManufacturingQualitySec2 ._card {
        padding: 2rem
    }

    .ManufacturingQualitySec2 ._card-title {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .ManufacturingQualitySec2 ._card-desc {
        font-size: .875rem;
        line-height: 1.5rem
    }

    .ManufacturingQualitySec2 ._card-imgwrap {
        margin-top: 1rem
    }
}

.ManufacturingCapabilitySection {
    background-image: url(../static/ManufacturingCapabilityBackground.jpg);
    background-size: cover;
    position: relative
}

.ManufacturingCapabilitySection ._wrapper {
    --gap: 4rem
}

.ManufacturingCapabilitySection ._wrapper>.row-col {
    --size: 6
}

.ManufacturingCapabilitySection ._wrapper>.row-col.left {
    padding-right: 6rem
}

.ManufacturingCapabilitySection ._img {
    border-radius: 1rem;
    width: 100%;
    margin-top: 2rem
}

.ManufacturingCapabilitySection ._cards {
    --gap: 2.5rem
}

.ManufacturingCapabilitySection ._cards>.row-col {
    --size: 6
}

.ManufacturingCapabilitySection ._card {
    background-color: var(--white-a4);
    height: 100%;
    box-shadow: inset 8px 8px 16px 0 var(--black-a1), inset -8px -8px 16px 4px #fff;
    background-color: #fff;
    border-radius: 1.25rem;
    padding: 2rem
}

.ManufacturingCapabilitySection ._card-number {
    font-size: 2.5rem;
    font-weight: 600;
    line-height: 1
}

.ManufacturingCapabilitySection ._card-title {
    margin-top: 1rem;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.75rem
}

.ManufacturingCapabilitySection ._card-subtitle {
    color: var(--black-a8);
    margin-top: .5rem;
    font-size: 1rem;
    line-height: 1.5rem
}

@media not all and (min-width:80em) {
    .ManufacturingCapabilitySection ._wrapper>.row-col {
        --size: 12
    }
}

@media not all and (min-width:40em) {
    .ManufacturingCapabilitySection ._wrapper {
        --gap: 2rem
    }

    .ManufacturingCapabilitySection ._wrapper>.row-col.left {
        padding-right: 0
    }

    .ManufacturingCapabilitySection ._cards {
        --gap: 2rem
    }

    .ManufacturingCapabilitySection ._cards>.row-col {
        --size: 12
    }

    .ManufacturingCapabilitySection ._card-number {
        font-size: 2rem;
        line-height: 3rem
    }

    .ManufacturingCapabilitySection ._card-subtitle {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.ManufacturingNetworkSection ._wrapper {
    --gap: 4rem;
    flex-wrap: wrap-reverse
}

.ManufacturingNetworkSection ._wrapper>.row-col {
    --size: 6
}

.ManufacturingNetworkSection .accordion .hypertext {
    --headings-font-weight: 500
}

.ManufacturingNetworkSection .accordion .hypertext :is(h1, h2, h3, h4) {
    padding-left: 1rem;
    font-size: 1.5em;
    position: relative
}

.ManufacturingNetworkSection .accordion .hypertext :is(h1, h2, h3, h4):before {
    content: "";
    background-color: currentColor;
    border-radius: 9999px;
    width: .25em;
    height: .25em;
    position: absolute;
    top: .5em;
    left: 0
}

.ManufacturingNetworkSection .accordion-item.active {
    border-top-color: var(--orange-9)
}

.ManufacturingNetworkSection .accordion-item.active .accordion-header,
.ManufacturingNetworkSection .accordion-item.active .accordion-header .icon_btn {
    color: var(--orange-9)
}

.ManufacturingNetworkSection .accordion-desc {
    padding-bottom: 2rem
}

@media not all and (min-width:80em) {
    .ManufacturingNetworkSection ._wrapper>.row-col {
        --size: 12
    }
}

.Map {
    position: relative;
    overflow: auto
}

.Map-wrapper {
    aspect-ratio: 1;
    position: relative
}

.Map-wrapper svg {
    width: 100%;
    height: auto;
    display: block
}

.Map-wrapper path.active {
    fill: var(--orange-9)
}

.Map-point {
    background-color: #ffffff40;
    border-radius: 9999px;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    margin-left: -8px;
    padding: 4px;
    position: absolute
}

.Map-point:after {
    content: "";
    border-radius: inherit;
    background-color: #fff;
    width: 100%;
    height: 100%;
    display: block
}

.Map-point:is(.Beijing, .北京) {
    top: 33%;
    left: 69.5%
}

.Map-point:is(.Zhejiang, .浙江) {
    top: 54%;
    left: 75.5%
}

.Map-point:is(.Fujian, .福建) {
    top: 60%;
    left: 72%
}

.Map-marker {
    background-color: var(--orange-9);
    color: var(--orange-contrast);
    white-space: nowrap;
    border-radius: 9999px;
    margin-left: 4px;
    padding: 4px 8px;
    font-size: 12px;
    line-height: 16px;
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translateY(-50%)
}

@media not all and (min-width:40em) {
    .Map-point {
        display: none
    }
}

.PartneringWithInnovax ._card {
    background-image: url(../static/PartneringWithInnovax.jpg);
    background-size: cover;
    border-radius: 1.25rem;
    padding: 4rem
}

.PartneringWithInnovax ._card-subtitle {
    color: var(--orange-9);
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem
}

.PartneringWithInnovax ._card-content {
    --gap: 12rem;
    border-top-width: 1px;
    border-color: var(--black-a2);
    margin-top: 2rem;
    padding: 2rem 0
}

.PartneringWithInnovax ._card-content>.row-col {
    --size: 6
}

.PartneringWithInnovax ._card-title {
    font-size: 2.5rem;
    font-weight: 600;
    line-height: 4rem
}

.PartneringWithInnovax .section_desc {
    color: var(--black-a10)
}

@media not all and (min-width:80em) {
    .PartneringWithInnovax .section_desc {
        margin-top: 0
    }

    .PartneringWithInnovax ._card-title {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .PartneringWithInnovax ._card-content {
        --gap: 2rem
    }

    .PartneringWithInnovax ._card-content>.row-col {
        --size: 12
    }
}

@media not all and (min-width:40em) {
    .PartneringWithInnovax ._card {
        border-radius: .75rem;
        padding: 2rem 1.5rem
    }
}

.Menu {
    z-index: 10;
    color: #000;
    padding-top: var(--site-header-height, 6rem);
    background-color: #fff;
    padding-bottom: 4rem;
    position: fixed;
    inset: 0;
    overflow: auto
}

.Menu:is(.enter-active, .leave-active) {
    transition-duration: .25s;
    transition-timing-function: var(--ease-3)
}

.Menu:is(.enter-from, .leave-to) {
    opacity: 0
}

.Menu-item {
    border-bottom-width: 1px;
    border-color: var(--black-a2)
}

.Menu-toggle {
    align-items: center;
    padding: 1rem;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 2rem;
    display: flex
}

.Menu-toggle:active {
    background-color: var(--black-a1)
}

.Menu-toggle ._name {
    flex: 1
}

.Menu-toggle .icon {
    flex-shrink: 0;
    width: 1.5rem;
    height: 1.5rem
}

button.Menu-toggle {
    text-align: left;
    width: 100%
}

.Menu-dropdown {
    padding: 0 1.5rem 1.5rem
}

.Menu-dropdown a:active {
    text-decoration: underline
}

.Menu-dropdown-item {
    padding-top: .5rem
}

.SubmissionFeedback {
    border-width: 1px;
    border-radius: .5rem;
    padding: 1.5rem;
    font-weight: 700
}

.SubmissionFeedback.success {
    color: #30a46c;
    background-color: #f4fbf6
}

.SubmissionFeedback.error {
    color: #e5484d;
    background-color: #fff7f7;
    border-color: currentColor
}

.ContactForm.row,
.ContactForm .row {
    --row-gap: 2rem;
    --column-gap: 1.5rem
}

.ContactForm ._label {
    margin-bottom: 1rem;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.75rem;
    display: block
}

.ContactForm .half {
    --size: 6
}

.ContactForm .full {
    --size: 12
}

.ContactForm .btn[type=submit][disabled] {
    cursor: not-allowed;
    opacity: .5
}

.ContactForm .SubmissionFeedback {
    margin-bottom: 2rem
}

@media not all and (min-width:40em) {
    .ContactForm .half {
        --size: 12
    }

    .ContactForm ._label {
        margin-bottom: .5rem;
        font-size: .875rem;
        line-height: 1.5rem
    }
}

.mantine-TextInput-label,
.mantine-Textarea-label {
    margin-bottom: 1rem;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.75rem;
    display: block
}

.mantine-TextInput-input {
    --input-font-family: inherit
}

.mantine-TextInput-input,
.mantine-Textarea-input,
.mantine-DatePickerInput-input,
.mantine-Select-input,
.TextInput-control,
.Textarea {
    border: 1px solid var(--black-a4);
    width: 100%;
    transition-property: border-color, box-shadow;
    transition-duration: .25s;
    transition-timing-function: var(--ease-3);
    font-size: 1rem;
    line-height: 1.5rem;
    display: block;
    box-shadow: 0 2px 4px #1018280d
}

.mantine-TextInput-input:focus-visible,
.mantine-Textarea-input:focus-visible,
.mantine-DatePickerInput-input:focus-visible,
.mantine-Select-input:focus-visible,
.TextInput-control:focus-visible,
.Textarea:focus-visible {
    outline: 0
}

.mantine-TextInput-input:focus,
.mantine-Textarea-input:focus,
.mantine-DatePickerInput-input:focus,
.mantine-Select-input:focus,
.TextInput-control:focus,
.Textarea:focus {
    border-color: var(--orange-9)
}

.mantine-TextInput-input[data-error],
.mantine-Textarea-input[data-error],
.mantine-DatePickerInput-input[data-error],
.mantine-Select-input[data-error],
.TextInput-control[data-error],
.Textarea[data-error] {
    --input-placeholder-color: var(--black-a4);
    --input-color: #000
}

.mantine-DatePickerInput-input,
.mantine-TextInput-input,
.mantine-Select-input,
.TextInput-control {
    border-radius: 9999px;
    height: 4rem;
    padding: 0 1.5rem
}

.TextInput {
    position: relative
}

.mantine-Textarea-input,
.Textarea {
    resize: none;
    border-radius: .75rem;
    height: calc(12rem + 2px);
    padding: .75rem 1rem;
    overflow: auto
}

@media not all and (min-width:40em) {
    .TextInput-control {
        height: 3rem;
        padding: 0 1rem
    }
}

.mantine-DatePickerInput-section,
.mantine-Select-wrapper {
    --right-section-end: .5rem
}

.mantine-DatePickerInput-section svg,
.mantine-Select-section svg {
    width: 1rem;
    height: 1rem
}

.mantine-Select-dropdown {
    max-height: 12rem;
    overflow: auto
}

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

.DialogModal .Modal-wrapper {
    max-height: 100%;
    padding: 2rem;
    overflow: auto
}

.DialogModal .Modal-content {
    background-color: #fff;
    border-radius: 1rem;
    max-width: 64rem;
    margin-left: auto;
    margin-right: auto;
    padding: 3rem;
    position: relative;
    box-shadow: 0 2px 8px #0000001a
}

.DialogModal .btn {
    color: var(--black-a5);
    justify-content: space-between
}

.DialogModal .btn:hover {
    color: var(--orange-9)
}

.DialogModal:is(.enter-active, .leave-active) .Modal-wrapper {
    transition: transform .25s var(--ease-3)
}

.DialogModal:is(.enter-from, .leave-to) .Modal-wrapper {
    transform: scale(.95)
}

@media not all and (min-width:80em) {
    .DialogModal {
        z-index: 100;
        padding-top: 0
    }
}

@media not all and (min-width:40em) {
    .DialogModal .Modal-wrapper {
        padding: 3rem 1.25rem
    }

    .DialogModal .Modal-content {
        padding: 2rem 1.25rem
    }

    .DialogModal .Modal-close {
        --btn-size: 2rem;
        --icon-size: 1rem;
        top: .5rem;
        right: .5rem
    }
}

.ExternalLinkModal ._content {
    text-align: center;
    max-width: 48rem;
    margin-left: auto;
    margin-right: auto
}

.ExternalLinkModal ._title {
    padding: 0 1rem;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2rem
}

.ExternalLinkModal ._desc {
    margin-top: .5rem;
    font-size: 1rem;
    line-height: 1.5rem
}

.ExternalLinkModal ._icon {
    background-color: #c4c4c41a;
    border-radius: 9999px;
    width: 6rem;
    height: 6rem;
    margin-left: auto;
    margin-right: auto;
    padding: 1rem
}

.ExternalLinkModal ._icon .icon {
    border-radius: inherit;
    color: var(--orange-9);
    background-color: #c4c4c41a;
    padding: .5rem
}

.ExternalLinkModal .btns {
    justify-content: center;
    margin-top: 2rem
}

.ExternalLinkModal ._icon+._title {
    margin-top: 2rem
}

.ExternalLinkModal .btn {
    min-width: 10rem
}

@media not all and (min-width:40em) {
    .ExternalLinkModal ._icon+._title {
        margin-top: 1rem
    }

    .ExternalLinkModal ._title {
        font-size: 1.25rem;
        line-height: 1.5rem
    }

    .ExternalLinkModal ._desc {
        font-size: .875rem;
        line-height: 1.25rem
    }

    .ExternalLinkModal .btns {
        gap: .5rem
    }

    .ExternalLinkModal .btn {
        flex: 1 1 0;
        min-width: auto;
        height: 2.5rem;
        padding: 0 1rem;
        font-size: .875rem;
        line-height: 1.25rem
    }

    .ExternalLinkModal .btn .icon.infinity {
        width: 1.5rem;
        height: .75rem
    }
}

.ProductModal .Modal-content {
    text-align: center
}

.ProductModal ._logo {
    width: auto;
    height: 4rem;
    margin: 0 auto 1rem
}

.ProductModal ._title {
    padding: 0 1rem;
    font-size: 2.25rem;
    font-weight: 600;
    line-height: 3rem
}

.ProductModal ._desc {
    color: #344054;
    margin-top: 1rem;
    font-size: 1rem;
    line-height: 1.5rem
}

.ProductModal ._desc a {
    color: var(--orange-9);
    text-decoration: underline
}

.ProductModal .btns {
    width: 80%;
    margin: 2rem auto 0
}

.ProductModal .btn {
    flex: 1 1 0;
    font-weight: 700
}

.ProductModal ._hint {
    width: 80%;
    margin: 2rem auto 0
}

@media not all and (min-width:40em) {
    .ProductModal ._logo {
        height: 2rem
    }

    .ProductModal ._title {
        font-size: 1.25rem;
        line-height: 1.5rem
    }

    .ProductModal ._desc {
        font-size: .875rem;
        line-height: 1.25rem
    }

    .ProductModal .btn {
        flex: 100%;
        height: 2.5rem;
        padding: 0 .75rem;
        font-size: .875rem;
        line-height: 1.25rem
    }

    .ProductModal .btn .icon.infinity {
        width: 1.5rem;
        height: .75rem
    }

    .ProductModal .btns {
        width: 100%
    }

    .ProductModal ._hint {
        width: 100%;
        font-size: .75rem;
        line-height: 1.25rem
    }
}

.GlobalMap {
    --svg-flag: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 1024 1024' fill='%23e54628'%3E %3Cpath d='M888.97 136.8c0-26.03-24.86-19.52-32.55-11.83-14.8 15.98-53.85 48.53-137.3 65.69a170 170 0 0 1-38.46 4.14c-40.24 0-73.97-13.02-112.44-28.4-44.38-17.17-94.69-36.7-163.33-36.7-5.92 0-11.84 0-17.76.6-74.56 3.55-139.07 36.1-185.82 60.36a1898 1898 0 0 1-41.42 20.12l-4.15-10.06-.59-.6a30.2 30.2 0 0 0-39.65-15.97 29.4 29.4 0 0 0-15.98 16.57 31 31 0 0 0 0 23.08l308.33 730.27a29.7 29.7 0 0 0 27.8 18.34c4.15 0 8.3-.59 11.85-2.37a30.2 30.2 0 0 0 15.97-39.65L358.13 680.66c13.62-22.49 43.8-60.36 101.8-76.34 18.34-4.74 37.28-7.7 57.99-7.7 39.65 0 78.11 8.88 118.95 18.35 37.28 8.29 75.15 17.16 112.44 17.16 56.22 0 99.42-19.53 136.7-60.95 1.18-1.78 2.37-5.92 2.96-9.47z'/%3E %3C/svg%3E");
    position: relative
}

.GlobalMap-wrapper {
    max-width: 91.875rem;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.GlobalMap-loc {
    z-index: 1;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    position: absolute
}

.GlobalMap-loc:is(.mexico, .Mexico) {
    top: 46.6667%;
    left: 14.2857%
}

.GlobalMap-loc:is(.Guatemala, .guatemala) {
    top: 50.8333%;
    left: 17.3469%
}

.GlobalMap-loc:is(.Nicaragua, .nicaragua) {
    top: 51.6667%;
    left: 19.3197%
}

.GlobalMap-loc:is(.Cuba, .cuba) {
    top: 45.3333%;
    left: 23.5374%
}

.GlobalMap-loc:is(.Belarus, .belarus) {
    top: 17.5%;
    left: 52.7891%
}

.GlobalMap-loc:is(.Morocco, .morocco) {
    top: 35%;
    left: 42.9932%
}

.GlobalMap-loc:is(.Tunisia, .tunisia) {
    top: 33.3333%;
    left: 47.0748%
}

.GlobalMap-loc:is(.Mali, .mali) {
    top: 47%;
    left: 41.7687%
}

.GlobalMap-loc:is(.BurkinaFaso, .BurkinaFaso) {
    top: 43.3333%;
    left: 44.4898%
}

.GlobalMap-loc:is(.Niger, .niger) {
    top: 41.6667%;
    left: 48.6395%
}

.GlobalMap-loc:is(.Egypt, .egypt) {
    top: 40.8333%;
    left: 53.6054%
}

.GlobalMap-loc:is(.Ghana, .ghana) {
    top: 50%;
    left: 44.0816%
}

.GlobalMap-loc:is(.Nigeria, .nigeria) {
    top: 48.3333%;
    left: 46.3946%
}

.GlobalMap-loc.SouthSudan {
    top: 50.3333%;
    left: 53.6054%
}

.GlobalMap-loc:is(.Ethiopia, .ethiopia) {
    top: 49%;
    left: 55.9184%
}

.GlobalMap-loc:is(.DRCongo, .DRCongo) {
    top: 56%;
    left: 51.1565%
}

.GlobalMap-loc:is(.Burundi, .burundi) {
    top: 58.3333%;
    left: 53.6054%
}

.GlobalMap-loc:is(.Kenya, .kenya) {
    top: 58.3333%;
    left: 55.9184%
}

.GlobalMap-loc:is(.Angola, .angola) {
    top: 67.5%;
    left: 50.2041%
}

.GlobalMap-loc:is(.Madagascar, .madagascar) {
    top: 69.3333%;
    left: 60%
}

.GlobalMap-loc:is(.Kazakhstan, .kazakhstan) {
    top: 21.3333%;
    left: 63.4014%
}

.GlobalMap-loc.Pakistan {
    top: 38.3333%;
    left: 63.4014%
}

.GlobalMap-loc.Pakistan.hecolin {
    top: 37.3333%;
    left: 65.3061%
}

.GlobalMap-loc.Nepal {
    top: 38%;
    left: 69.5238%
}

.GlobalMap-loc:is(.India, .india) {
    top: 47.3333%;
    left: 67.8912%
}

.GlobalMap-loc:is(.Myanmar, .myanmar) {
    top: 41.3333%;
    left: 73.4694%
}

.GlobalMap-loc:is(.Thailand, .thailand) {
    top: 45%;
    left: 72.517%
}

.GlobalMap-loc:is(.Cambodia, .cambodia) {
    top: 48.3333%;
    left: 74.8299%
}

.GlobalMap-loc:is(.Indonesia, .indonesia) {
    top: 62%;
    left: 81.9048%
}

.GlobalMap-loc:is(.Bangladesh, .bangladesh) {
    top: 40%;
    left: 70.7483%
}

.GlobalMap-loc:is(.China, .china) {
    top: 32%;
    left: 76.1905%
}

.GlobalMap-loc.active {
    z-index: 2
}

button.GlobalMap-point {
    display: block
}

@keyframes GlobalMapPint {
    75% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: scale(1)
    }
}

.GlobalMap-point {
    --flag-size: 1.5rem;
    --flag-top: -1rem;
    border: 4px solid var(--orange-a6);
    background-color: var(--orange-9);
    background-clip: content-box;
    border-radius: 9999px;
    width: 100%;
    height: 100%
}

/* .GlobalMap-point.animating:before {
    content: "";
    border-radius: inherit;
    border-width: 1px;
    border-color: var(--orange-9);
    width: 200%;
    height: 200%;
    animation: 1s linear infinite GlobalMapPint;
    position: absolute;
    top: -50%;
    left: -50%;
    transform: scale(0)
} */

.GlobalMap-loc:is(.Nicaragua, .Cuba, .Tunisia, .Belarus, .Angola, .Burundi, .Madagascar, .Pakistan, .Nepal, .Thailand, .China) .GlobalMap-point:before {
    content: "";
    border-radius: inherit;
    border-width: 1px;
    border-color: var(--orange-9);
    width: 200%;
    height: 200%;
    animation: 1s linear infinite GlobalMapPint;
    position: absolute;
    top: -50%;
    left: -50%;
    transform: scale(0)
}

.GlobalMap-loc.hecolin .GlobalMap-point {
    background-color: #ffca20;
    border-color: #ffca2080
}

@keyframes GlobalMapCard {
    0% {
        opacity: 0
    }
}

.GlobalMap-card {
    z-index: 1;
    background: #ffffffe6;
    border-radius: 1.25rem;
    width: 28rem;
    margin-left: 3rem;
    padding: 2rem;
    animation: .15s ease-in-out GlobalMapCard;
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translateY(-50%);
    box-shadow: 0 10px 32.5px #742f0014
}

.GlobalMap-card:before {
    content: "";
    background-color: var(--orange-9);
    width: 3rem;
    height: 2px;
    margin-top: -1px;
    position: absolute;
    top: 50%;
    right: 100%
}

.GlobalMap-card ._title {
    padding-right: 2rem;
    font-size: 2.25rem;
    font-weight: 600;
    line-height: 3rem
}

.GlobalMap-card ._imgwrap {
    margin-top: 1rem;
    position: relative
}

.GlobalMap-card a._imgwrap {
    display: block
}

.GlobalMap-card ._imgwrap .icon_btn {
    color: var(--orange-9);
    background-color: var(--orange-contrast);
    transition-property: color, background-color;
    transition-duration: .21s;
    transition-timing-function: var(--ease-3);
    margin: auto;
    position: absolute;
    inset: 0;
    transform: rotate(-90deg)
}

.GlobalMap-card ._imgwrap:hover .icon_btn {
    background-color: var(--orange-9);
    color: var(--orange-contrast)
}

.GlobalMap-card ._img {
    border-radius: .75rem;
    width: 100%
}

.GlobalMap-card ._desc {
    margin-top: 1rem;
    font-size: 1.125rem;
    line-height: 1.75rem
}

.GlobalMap-card ._close {
    border-width: 1px;
    border-radius: .5rem;
    position: absolute;
    top: 2rem;
    right: 1rem
}

.GlobalMap-card ._close:is(:hover, :focus) {
    background-color: var(--orange-a2);
    color: var(--orange-9)
}

.GlobalMap-card ._close:focus {
    border-color: var(--orange-6)
}

.GlobalMap-loc:not(.active) .GlobalMap-card {
    display: none
}

@media not all and (min-width:40em) {
    .GlobalMap-loc {
        width: 8px;
        height: 8px;
        margin-top: -4px;
        margin-left: -4px
    }

    .GlobalMap-point {
        --flag-size: .75rem;
        --flag-top: -.5rem;
        border-width: 2px
    }
}

.GlobalMap-footer {
    flex-wrap: wrap;
    justify-content: center;
    gap: 8rem;
    margin-top: -4rem;
    display: flex;
    position: relative
}

.GlobalMap-stat {
    width: 12rem
}

.GlobalMap-stat-title {
    color: var(--orange-9);
    font-size: 4.5rem;
    font-weight: 700;
    line-height: 1
}

.GlobalMap-stat-subtitle {
    margin-top: .5rem;
    font-size: 1.125rem;
    line-height: 1.75rem
}

/* .GlobalMap-stat:nth-child(2) .GlobalMap-stat-subtitle:before {
    content: "";
    vertical-align: text-top;
    background-image: var(--svg-flag);
    background-size: 100% 100%;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: .25rem;
    display: inline-block
} */

.GlobalMap-legend {
    align-self: center
}

.GlobalMap-legend ._item {
    align-items: center;
    gap: 1rem;
    margin: 1rem 0;
    font-size: 1rem;
    line-height: 1.5rem;
    display: flex
}

.GlobalMap-legend ._item:before {
    content: "";
    border-radius: 9999px;
    width: 3rem;
    height: 1.25rem
}

.GlobalMap-legend ._item.cecolin:before {
    background-color: #f08300
}

.GlobalMap-legend ._item.hecolin:before {
    background-color: #ffc300
}

.GlobalMap-actions.btns {
    justify-content: center;
    margin-top: 4rem
}

.GlobalMap-actions.btns .btn:hover {
    background-color: var(--orange-9);
    border-color: var(--orange-9);
    color: var(--orange-contrast)
}

@media not all and (min-width:40em) {
    .GlobalMap-footer {
        align-items: flex-start;
        gap: 2rem 0;
        margin-top: 2rem
    }

    .GlobalMap-stat,
    .GlobalMap-legend {
        width: 33.33%
    }

    .GlobalMap-stat {
        text-align: center
    }

    .GlobalMap-stat-title {
        font-size: 2rem;
        line-height: 2.5rem
    }

    .GlobalMap-stat-subtitle {
        padding: 0 .5rem;
        font-size: .75rem;
        line-height: 1rem
    }

    .GlobalMap-legend ._item {
        gap: .5rem;
        margin: .25rem 0;
        font-size: .75rem;
        line-height: 1rem
    }

    .GlobalMap-legend ._item:before {
        width: 1rem;
        height: .5rem
    }
}

.ProductIntroSec.row,
.ProductIntroSec .row {
    --gap: 6rem
}

.ProductIntroSec.row>.row-col,
.ProductIntroSec .row>.row-col {
    --size: 6
}

.ProductIntroSec ._img {
    border-radius: 1.25rem;
    width: 100%
}

.ProductIntroSec .left {
    flex-direction: column;
    display: flex
}

.ProductIntroSec .right {
    align-self: center
}

.ProductIntroSec .section_title {
    padding-right: 8rem
}

.ProductIntroSec .section_desc {
    margin-bottom: 2rem;
    font-size: 1.125rem;
    line-height: 1.75rem
}

.ProductIntroSec .accordion {
    margin-top: auto
}

.ProductIntroSec .accordion-header {
    transition: color .25s var(--ease-3);
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-right: 4rem
}

.ProductIntroSec .accordion-header:not(:hover, .active) {
    color: var(--black-a6)
}

.ProductIntroSec .accordion-content {
    padding-bottom: 2rem;
    padding-right: 4rem;
    font-size: 1rem;
    line-height: 1.5rem
}

@media not all and (min-width:40em) {

    .ProductIntroSec.row,
    .ProductIntroSec .row {
        --gap: 4rem
    }

    .ProductIntroSec.row>.row-col,
    .ProductIntroSec .row>.row-col {
        --size: 12
    }

    .ProductIntroSec.row .section_title,
    .ProductIntroSec .row .section_title {
        padding-right: 0
    }
}

.PublicationsAndReferences .SwiperGallery {
    margin-top: -3.75rem
}

.PublicationsAndReferences .SwiperGallery .swiper-controls {
    justify-content: flex-end
}

.PublicationsAndReferences .SwiperGallery .swiper {
    margin-top: 4rem
}

.PublicationsAndReferences .swiper-slide {
    height: auto
}

.PublicationsAndReferences ._card {
    background-color: var(--gray-2);
    height: 100%;
    transition-property: color, border-color, background-color;
    transition-duration: .25s;
    transition-timing-function: var(--ease-3);
    border-radius: 2rem;
    flex-direction: column;
    padding: 2rem;
    display: flex
}

.PublicationsAndReferences ._card:hover {
    color: #fff;
    background-color: var(--orange-9)
}

.PublicationsAndReferences ._card-meta {
    color: var(--black-a6);
    font-size: 1rem;
    line-height: 1.5rem
}

.PublicationsAndReferences ._card-meta :is(b, strong) {
    color: var(--orange-9);
    font-weight: 700
}

.PublicationsAndReferences ._card:hover ._card-meta,
.PublicationsAndReferences ._card:hover ._card-meta :is(b, strong) {
    color: inherit
}

.PublicationsAndReferences ._card-title {
    margin-top: .5rem;
    margin-bottom: auto;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2.25rem
}

.PublicationsAndReferences ._card-desc {
    margin-top: 1.5rem
}

.PublicationsAndReferences ._card-footer {
    border-top-width: 1px;
    border-color: var(--black-a2);
    justify-content: space-between;
    align-items: center;
    margin-top: 2.5rem;
    padding-top: 2rem;
    transition: inherit;
    display: flex
}

.PublicationsAndReferences ._card:hover ._card-footer {
    border-color: var(--white-a2)
}

.PublicationsAndReferences ._card-author {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.PublicationsAndReferences .icon.infinity {
    width: 4rem;
    height: 2rem
}

.PublicationsAndReferences ._card .icon.infinity {
    color: var(--black-a2);
    flex-shrink: 0
}

.PublicationsAndReferences ._card:hover .icon.infinity {
    color: #fff
}

@media not all and (min-width:80em) {
    .PublicationsAndReferences .SwiperGallery {
        margin-top: -3rem
    }

    .PublicationsAndReferences ._card {
        padding: 1.5rem
    }

    .PublicationsAndReferences :is(._card-meta, ._card-desc, ._card-author) {
        font-size: .875rem;
        line-height: 1.25rem
    }

    .PublicationsAndReferences ._card-title {
        margin-top: 1rem;
        font-size: 1.125rem;
        line-height: 1.5rem
    }

    .PublicationsAndReferences ._card-footer {
        margin-top: 1.5rem;
        padding-top: 1rem
    }

    .PublicationsAndReferences .icon.infinity {
        width: 2rem;
        height: 1rem
    }
}

@media not all and (min-width:40em) {
    .PublicationsAndReferences .SwiperGallery {
        --gap: 1rem;
        margin-top: 2rem
    }

    .PublicationsAndReferences .SwiperGallery .swiper {
        margin-top: 2rem
    }

    .PublicationsAndReferences .swiper-slide {
        width: 90%
    }
}

@keyframes loading {
    to {
        transform: rotate(1turn)
    }
}

.ProductFeatureSec {
    background-image: url(../static/PrescribingInformation.jpg);
    background-size: cover
}

.ProductFeatureSec ._features {
    --gap: 2.5rem
}

.ProductFeatureSec ._features>.row-col {
    --size: 4
}

.ProductFeatureSec ._feature {
    background-color: #fff;
    border-width: 1px;
    border-color: #fff;
    border-radius: 1.25rem;
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
    padding: 1.5rem 2rem;
    transition: border-color .15s;
    display: flex;
    position: relative;
    box-shadow: inset 4px 4px 16px #00000014
}

.ProductFeatureSec ._feature:hover {
    border-color: var(--orange-9)
}

.ProductFeatureSec ._feature.loading:before {
    content: "";
    border-radius: inherit;
    background-color: #ffffffbf;
    position: absolute;
    inset: 0
}

.ProductFeatureSec ._feature.loading:after {
    content: "";
    border-width: 2px;
    border-color: var(--orange-9);
    border-bottom-color: #0000;
    border-left: 0 solid #0000;
    border-radius: 9999px;
    width: 1.5rem;
    height: 1.5rem;
    margin-top: -.75rem;
    margin-left: -.75rem;
    animation: 1s linear infinite loading;
    position: absolute;
    top: 50%;
    left: 50%
}

.ProductFeatureSec ._feature-icon {
    width: auto;
    height: 6.25rem
}

.ProductFeatureSec ._feature-title {
    margin-top: 4.5rem;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2rem
}

.ProductFeatureSec ._feature-desc {
    margin-top: .5rem;
    font-size: 1rem;
    line-height: 1.5rem
}

.ProductFeatureSec ._feature .show_more {
    margin-top: 1rem
}

@media not all and (min-width:80em) {
    .ProductFeatureSec ._feature-icon {
        height: 4rem
    }

    .ProductFeatureSec ._feature-title {
        margin-top: 2rem
    }
}

@media not all and (min-width:40em) {
    .ProductFeatureSec ._features {
        --gap: 2rem
    }

    .ProductFeatureSec ._features>.row-col {
        --size: 12
    }
}

.ProductSummarySec .btns {
    justify-content: center
}

.ProductSummarySec .btn:not(:hover, .active) {
    color: #00000080
}

.ProductSummarySec ._card {
    --gap: 8rem;
    background-color: var(--gray-2);
    border-radius: 1.25rem;
    align-items: center;
    margin-top: 2.5rem;
    padding: 2.5rem
}

.ProductSummarySec ._card:nth-child(2n) {
    flex-direction: row-reverse
}

.ProductSummarySec :is(._card-left, ._card-right) {
    --size: 6
}

.ProductSummarySec ._card-title {
    font-size: 2rem;
    font-weight: 600;
    line-height: 3rem
}

.ProductSummarySec ._card-desc {
    color: #6b7280;
    margin-top: 1.5rem;
    font-size: 1.125rem;
    line-height: 1.75rem
}

.ProductSummarySec ._card-img {
    border-radius: 1.25rem;
    width: 100%
}

@media not all and (min-width:80em) {
    .ProductSummarySec ._card {
        --gap: 2rem
    }

    .ProductSummarySec ._card-title {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .ProductSummarySec ._card-desc {
        margin-top: 1rem;
        font-size: .875rem;
        line-height: 1.5rem
    }
}

@media not all and (min-width:40em) {
    .ProductSummarySec .btns {
        gap: .5rem
    }

    .ProductSummarySec .btn {
        height: 2rem;
        padding: 0 .75rem;
        font-size: .875rem
    }

    .ProductSummarySec ._card {
        border-radius: .75rem;
        padding: 2rem 1.25rem
    }

    .ProductSummarySec :is(._card-left, ._card-right) {
        --size: 12
    }

    .ProductSummarySec ._card-img {
        border-radius: .75rem
    }
}

@keyframes SafetyBtnLabel {
    to {
        opacity: 1
    }
}

.safety_btn {
    z-index: 1;
    background-color: var(--orange-9);
    color: var(--orange-contrast);
    text-align: left;
    border-radius: 9999px;
    align-items: center;
    margin-bottom: 2rem;
    margin-left: auto;
    margin-right: 2rem;
    padding: .75rem;
    font-size: .875rem;
    line-height: 1.25rem;
    display: flex;
    position: sticky;
    bottom: 2rem
}

.safety_btn-icon {
    width: 2.5rem;
    height: 2.5rem
}

.safety_btn-label {
    white-space: nowrap;
    width: 0;
    transition-property: opacity, width;
    transition-duration: .25s;
    transition-timing-function: var(--ease-3);
    overflow: hidden
}

.safety_btn:not(:hover) .safety_btn-label {
    opacity: 0
}

@media not all and (min-width:80em) {
    .safety_btn {
        margin-bottom: 1rem;
        margin-right: 1rem;
        padding: .5rem;
        bottom: 1rem
    }

    .safety_btn-icon {
        width: 1.5rem;
        height: 1.5rem
    }
}

.ProductBanner {
    height: 56.25rem;
    position: relative
}

.ProductBanner ._imgwrap {
    height: 100%;
    position: relative
}

.ProductBanner picture {
    width: 100%;
    height: 100%
}

.ProductBanner ._label {
    border-left-width: 2px;
    border-color: var(--orange-9);
    color: var(--orange-9);
    padding-left: 1em;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
    position: absolute;
    top: 2.5rem;
    left: 9rem
}

.ProductBanner ._img {
    object-fit: cover;
    width: 100%;
    height: 100%
}

.ProductBanner ._overlay {
    padding: 8rem;
    position: absolute;
    inset: 0
}

.ProductBanner ._wrapper {
    --gap: 8rem
}

.ProductBanner ._wrapper>.row-col {
    --size: 6.5;
    margin-left: auto
}

.ProductBanner ._logo {
    width: auto;
    height: 4rem;
    margin-bottom: 1rem
}

.ProductBanner ._title {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2.25rem
}

.ProductBanner ._subtitle {
    margin-top: 1rem;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2.25rem
}

.ProductBanner ._desc {
    --headings-font-size: 1.5rem;
    --headings-line-height: 2.25rem;
    max-height: 12rem;
    margin-top: 1rem;
    font-size: 1.25rem;
    line-height: 2rem;
    overflow: hidden
}

.ProductBanner.showed_more ._desc {
    max-height: 27rem;
    overflow: auto
}

.ProductBanner .btns.a {
    margin-top: 2rem
}

.ProductBanner:not(.desc-collapsed) .btns.a {
    visibility: hidden;
    display: none
}

.ProductBanner .btns.b {
    margin-top: 2rem
}

.ProductBanner .btns.b .btn {
    justify-content: space-between;
    width: calc(50% - .5rem)
}

.ProductBanner .btn ._name {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.ProductBanner .btn_download {
    color: var(--orange-9)
}

.ProductBanner .btn_download:hover {
    color: var(--orange-contrast);
    border-color: var(--orange-9);
    background-color: var(--orange-9)
}

@media not all and (min-width:80em) {
    .ProductBanner {
        height: 30rem
    }

    .ProductBanner ._label {
        top: 1rem;
        left: 1rem
    }

    .ProductBanner ._overlay {
        padding: 2rem
    }

    .ProductBanner ._wrapper {
        --gap: 8rem
    }

    .ProductBanner ._logo {
        height: 3rem
    }

    .ProductBanner ._title {
        font-size: 1.25rem;
        line-height: 1.5rem
    }

    .ProductBanner ._subtitle {
        margin-top: .5rem;
        font-size: 1rem;
        line-height: 1.5rem
    }

    .ProductBanner ._desc {
        --headings-font-size: 1rem;
        --headings-line-height: 1.5rem;
        font-size: .875rem;
        line-height: 1.5rem
    }

    .ProductBanner.showed_more ._desc {
        max-height: 12rem;
        overflow: auto
    }

    .ProductBanner .btn_download .icon {
        width: 2rem;
        height: 2rem;
        margin-right: -.5rem
    }

    .ProductBanner .btns {
        margin-top: 2rem
    }

    .ProductBanner .btns.b .btn {
        height: 2rem;
        padding: 0 .75rem;
        font-size: .75rem;
        line-height: 1rem
    }

    .ProductBanner ._safety_btn {
        height: 3rem;
        padding: .5rem;
        font-size: .75rem;
        line-height: 1rem;
        bottom: 1rem;
        right: 1rem
    }

    .ProductBanner ._safety_btn-icon {
        width: 2rem;
        height: 2rem
    }
}

@media not all and (min-width:40em) {
    .ProductBanner {
        height: auto;
        max-height: none
    }

    .ProductBanner ._overlay {
        padding-left: var(--container-padding-x);
        padding-right: var(--container-padding-x);
        position: static
    }

    .ProductBanner ._wrapper>.row-col {
        --size: 12
    }

    .ProductBanner ._title {
        font-size: 1.25rem;
        line-height: 1.5rem
    }

    .ProductBanner.showed_more ._desc {
        max-height: none
    }
}

:is(.SafetyNotesModal, .ProductFeatureModal) ._title {
    margin-bottom: 1rem;
    font-size: 2.25rem;
    font-weight: 600;
    line-height: 3rem
}

:is(.SafetyNotesModal, .ProductFeatureModal) .hypertext {
    --headings-font-size: 1.5rem;
    max-height: 28rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
    overflow: auto
}

.SafetyNotesModal {
    background-color: #0000
}

.SafetyNotesModal .Modal-wrapper {
    box-shadow: var(--shadow-6);
    background-color: #fff;
    border-top-left-radius: 1.25rem;
    border-top-right-radius: 1.25rem;
    margin-top: auto;
    padding: 4rem 20rem
}

.SafetyNotesModal .Modal-content {
    position: relative
}

.SafetyNotesModal .Modal-close {
    align-items: center;
    gap: .5rem;
    width: auto;
    padding: 0 .5rem;
    display: flex;
    top: .25rem;
    right: 0
}

.SafetyNotesModal .Modal-close:not(.icon) .icon {
    position: static
}

.SafetyNotesModal:is(.enter-active, .leave-active) .Modal-wrapper {
    transition: transform .25s var(--ease-3)
}

.SafetyNotesModal:is(.enter-from, .leave-to) .Modal-wrapper {
    transform: translateY(100%)
}

.ProductFeatureModal {
    padding: 4rem
}

.ProductFeatureModal .Modal-wrapper {
    box-shadow: var(--shadow-6);
    background-color: #fff;
    border-radius: 1.25rem;
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
    padding: 4rem;
    position: relative
}

.ProductFeatureModal:is(.enter-active, .leave-active) .Modal-wrapper {
    transition: transform .25s var(--ease-3)
}

.ProductFeatureModal:is(.enter-from, .leave-to) .Modal-wrapper {
    transform: scale(.95)
}

@media not all and (min-width:80em) {
    :is(.SafetyNotesModal, .ProductFeatureModal) .Modal-wrapper {
        padding: 4rem
    }
}

@media not all and (min-width:40em) {
    :is(.SafetyNotesModal, .ProductFeatureModal) .Modal-wrapper {
        padding: 2rem 1.5rem
    }

    :is(.SafetyNotesModal, .ProductFeatureModal) ._title {
        font-size: 1.5rem;
        line-height: 2rem
    }

    :is(.SafetyNotesModal, .ProductFeatureModal) .hypertext {
        max-height: 20rem;
        padding-right: 0;
        font-size: .875rem;
        line-height: 1.5rem
    }

    .SafetyNotesModal .Modal-close {
        width: var(--btn-size);
        padding: 0;
        top: -.25rem
    }

    .SafetyNotesModal .Modal-close ._name {
        display: none
    }

    .ProductFeatureModal {
        padding: 4rem 1.25rem
    }
}

.PrescribingInformation.margin {
    margin-top: 4rem
}

.PrescribingInformation ._breadcrumb {
    color: #00000080;
    margin-bottom: 8rem
}

.PrescribingInformation ._breadcrumb a:hover {
    color: #000;
    text-decoration: underline 2px
}

.PrescribingInformation ._wrapper {
    max-width: 64rem
}

.PrescribingInformation .hypertext {
    --headings-font-size: 1.5rem;
    --headings-line-height: 2rem
}

.PrescribingInformation .InnovationHPVsMarquee {
    margin-top: 4rem
}

.PrescribingInformation .InnovationHPVsMarquee .marquee-item {
    background-color: var(--gray-2)
}

@media not all and (min-width:40em) {
    .PrescribingInformation.margin {
        margin-top: 4rem
    }
}

.PipelineSec ._subheading {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2.25rem
}

.PipelineSec ._cards.row {
    --gap: 2.5rem;
    margin-top: 2rem
}

.PipelineSec ._cards.row>.row-col,
.PipelineSec ._card.row-col {
    --size: 3
}

.PipelineSec ._card {
    color: #fff;
    background-color: #f08300;
    border-radius: .5rem;
    height: 100%
}

.PipelineSec ._card:first-child {
    background-color: #f8c88d
}

.PipelineSec ._card:nth-child(2) {
    color: #fff;
    background-color: #f5b05c
}

.PipelineSec ._card:nth-child(3) {
    background-color: #f39c33
}

.PipelineSec ._card.active {
    height: auto
}

.PipelineSec ._card-header {
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    display: flex
}

.PipelineSec button._card-header {
    color: currentColor;
    text-align: left;
    width: 100%
}

.PipelineSec ._card-title {
    width: 100%;
    font-size: 1.25rem;
    line-height: 2rem
}

.PipelineSec ._card-desc {
    padding: 0 1rem 1.5rem;
    display: none
}

.PipelineSec ._card-desc:is(.enter-active, .leave-active) {
    transition-property: opacity transform;
    transition-duration: .25s;
    transition-timing-function: var(--ease-3)
}

.PipelineSec ._card-desc:is(.enter-from, .leave-to) {
    opacity: 0;
    transform: translateY(-1rem)
}

.PipelineSec ._card .icon_btn {
    --btn-size: 2.5rem;
    border-width: 1px;
    border-color: currentColor;
    border-radius: 9999px;
    flex-shrink: 0
}

.PipelineSec ._card .icon.cross {
    --icon-size: 1.25rem
}

.PipelineSec ._card .icon.minus {
    --icon-size: 1.5rem
}

.PipelineSec ._card-header:not(.active) .icon_btn {
    transform: rotate(45deg)
}

.PipelineSec ._card-header:not(.active) .icon.minus,
.PipelineSec ._card-header.active .icon.cross {
    display: none
}

.PipelineSec ._table {
    margin-top: 6rem
}

.PipelineSec ._table-filter {
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem 2rem;
    margin-bottom: 2rem;
    display: flex
}

.PipelineSec ._table-search {
    background-color: var(--gray-2);
    border-width: 1px;
    border-radius: 9999px;
    width: 27rem;
    padding: .25rem;
    display: flex;
    position: relative
}

.PipelineSec ._table-search:focus-within {
    box-shadow: var(--shadow-4)
}

.PipelineSec ._table-search-control {
    background-color: inherit;
    border-radius: inherit;
    width: 100%;
    padding: 0 1rem;
    display: block
}

.PipelineSec ._table-search-control:focus {
    outline: 0
}

.PipelineSec ._table-search .icon_btn {
    --btn-size: 2.5rem;
    --icon-size: 1rem;
    color: var(--orange-9);
    border-width: 1px;
    border-color: currentColor;
    flex-shrink: 0;
    right: .25rem
}

.PipelineSec ._table-search .icon_btn:hover {
    background-color: var(--orange-9);
    border-color: var(--orange-9);
    color: #fff
}

.PipelineSec ._table-row {
    border-bottom-width: 1px;
    border-color: var(--black-a2);
    align-items: center;
    gap: .5rem;
    padding: 1.5rem 0;
    font-size: 1rem;
    line-height: 1.5rem;
    display: flex
}

.PipelineSec ._table-header {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2.25rem
}

.PipelineSec ._table-a {
    flex-grow: 1;
    width: 15.6863%
}

.PipelineSec ._table-b {
    flex-grow: 1;
    width: 31.3726%
}

.PipelineSec ._table-c {
    flex-wrap: wrap;
    flex-grow: 1;
    width: 23.5294%;
    display: flex
}

.PipelineSec ._table-d {
    flex-grow: 1;
    width: 23.5294%
}

.PipelineSec ._table-caption {
    margin-top: 2rem;
    font-size: 1.5rem;
    font-style: italic;
    line-height: 2rem
}

.PipelineSec ._phase {
    flex-wrap: wrap;
    display: flex
}

.PipelineSec ._phase-item {
    width: 2.5rem;
    height: 2.5rem;
    color: var(--orange-9);
    text-align: center;
    border-width: 1px;
    border-color: currentColor;
    border-radius: 9999px;
    flex-direction: column;
    justify-content: center;
    font-weight: 500;
    display: flex
}

.PipelineSec ._phase-item.active {
    background-color: var(--orange-9);
    border-color: var(--orange-9);
    color: var(--orange-contrast)
}

.PipelineSec ._phase-label {
    color: var(--orange-9);
    border-width: 1px;
    border-color: currentColor;
    border-radius: 999px;
    padding: .5rem 1rem;
    font-weight: 500;
    display: inline-block
}

@media not all and (min-width:80em) {
    .PipelineSec ._cards.row {
        --gap: 1rem
    }

    .PipelineSec ._cards.row>.row-col,
    .PipelineSec ._card.row-col {
        --size: 12
    }

    .PipelineSec ._table-row {
        padding: .5rem 0;
        font-size: .75rem;
        line-height: 1rem
    }

    .PipelineSec :is(._table-a, ._table-b, ._table-c, ._table-d) {
        width: 25%
    }

    .PipelineSec ._phase-item {
        width: 1.5rem;
        height: 1.5rem
    }
}

@media not all and (min-width:40em) {
    .PipelineSec ._card-title {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .PipelineSec ._card .icon_btn {
        --btn-size: 2rem
    }

    .PipelineSec ._table-wrap {
        overflow: auto
    }

    .PipelineSec ._table-row {
        min-width: 40rem
    }

    .PipelineSec ._phase-label {
        padding: .25rem .5rem
    }
}

.SearchResult ._search {
    background-color: var(--gray-2);
    border-width: 1px;
    border-radius: 9999px;
    width: 100%;
    margin-bottom: 4rem;
    padding: .25rem;
    display: flex;
    position: relative
}

.SearchResult ._search:focus-within {
    box-shadow: var(--shadow-4)
}

.SearchResult ._search-control {
    background-color: inherit;
    border-radius: inherit;
    width: 100%;
    padding: 0 1.5rem;
    display: block
}

.SearchResult ._search-control:focus {
    outline: 0
}

.SearchResult ._search .icon_btn {
    --btn-size: 4rem;
    --icon-size: 1.5rem;
    color: var(--orange-9);
    border-width: 1px;
    border-color: currentColor;
    flex-shrink: 0;
    right: .25rem
}

.SearchResult ._search .icon_btn:hover {
    background-color: var(--orange-9);
    border-color: var(--orange-9);
    color: #fff
}

.SearchResult .section_header {
    text-align: left;
    margin-left: 0;
    margin-right: 0
}

.SearchResult .section_header em {
    color: var(--orange-9);
    margin-left: .5em;
    margin-right: .5em;
    font-size: 2em;
    font-weight: 700
}

.SearchResult ._item {
    border-bottom-width: 1px;
    border-color: var(--black-a2);
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding-bottom: 2rem
}

.SearchResult ._title {
    font-size: 2rem;
    line-height: 3rem
}

.SearchResult ._subtitle {
    color: var(--black-a6);
    margin-top: 1rem;
    font-size: 1.25rem
}

.SearchResult ._item a:hover {
    color: var(--orange-9);
    text-decoration: underline 2px
}

@media not all and (min-width:40em) {
    .SearchResult ._search {
        margin-bottom: 2rem
    }

    .SearchResult ._search-control {
        padding: 0 1rem
    }

    .SearchResult ._search .icon_btn {
        --btn-size: 3rem;
        --icon-size: 1rem
    }

    .SearchResult ._title {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .SearchResult ._subtitle {
        font-size: 1rem
    }

    .PageProductDetails .SiteHeader-home {
        height: 2.5rem
    }
}