@charset "UTF-8";
:root {
--Brand-Primary-Blue-25: #f1f8fd;
--Brand-Primary-Blue-50: #dfeffa;
--Brand-Primary-Blue-100: #c6e3f7;
--Brand-Primary-Blue-200: #9fd1f1;
--Brand-Primary-Blue-300: #71b5e9;
--Brand-Primary-Blue-400: #5098e1;
--Brand-Primary-Blue-500: #3783d9;
--Brand-Primary-Blue-600: #1d6dcd;
--brand-primary-blue-700-main: #23569d;
--Brand-Primary-Blue-800: #1f4885;
--Brand-Primary-Blue-900: #1a2f51;
--transparent-primary-blue-10085: rgba(198, 227, 247, 0.85);
--transparent-primary-blue-80010: rgba(31, 72, 133, 0.1);
--transparent-primary-blue-90020: rgba(26, 47, 81, 0.2);
--transparent-primary-blue-90060: rgba(26, 47, 81, 0.6);
--Brand-Secondary-Pink-25: #fdf2f6;
--Brand-Secondary-Pink-50: #fce7f0;
--Brand-Secondary-Pink-100: #fbcfe2;
--Brand-Secondary-Pink-200: #f9a8c8;
--Brand-Secondary-Pink-300: #f472a3;
--Brand-Secondary-Pink-400: #ec4881;
--brand-secondary-pink-500-main: #d81159;
--Brand-Secondary-Pink-600: #be1845;
--Brand-Secondary-Pink-700: #9d173a;
--Brand-Secondary-Pink-800: #831834;
--Brand-Secondary-Pink-900: #50071a;
--transparent-primary-pink-10085: rgba(251, 207, 226, 0.85);
--brand-bw-black: #17181c;
--brand-bw-white: #fff;
--transparent-black-10: rgba(23, 24, 28, 0.1);
--transparent-black-20: rgba(23, 24, 28, 0.2);
--transparent-black-30: rgba(23, 24, 28, 0.3);
--transparent-black-40: rgba(23, 24, 28, 0.4);
--transparent-black-50: rgba(23, 24, 28, 0.5);
--transparent-black-60: rgba(23, 24, 28, 0.6);
--transparent-white-5: rgba(255, 255, 255, 0.05);
--transparent-white-10: rgba(255, 255, 255, 0.1);
--transparent-white-20: rgba(255, 255, 255, 0.2);
--transparent-white-30: rgba(255, 255, 255, 0.3);
--transparent-white-40: rgba(255, 255, 255, 0.4);
--transparent-white-50: rgba(255, 255, 255, 0.5);
--transparent-white-60: rgba(255, 255, 255, 0.6);
--transparent-white-85: rgba(255, 255, 255, 0.85);
--Brand-Gray-25: #f9fafb;
--Brand-Gray-30: #f4f6f8;
--Brand-Gray-50: #f1f3f7;
--Brand-Gray-55: #f0f1f5;
--Brand-Gray-70: #e9ebf1;
--Brand-Gray-100: #e7eaee;
--Brand-Gray-200: #e2e4e6;
--Brand-Gray-300: #d8dbde;
--Brand-Gray-400: #d0d3d7;
--Brand-Gray-500: #a5abb3;
--Brand-Gray-600: #8e959f;
--Brand-Gray-700: #69707a;
--Brand-Gray-800: #39414b;
--Brand-Gray-900: #25292f;
--transparent-gray-7085: rgba(236, 238, 243, 0.85);
--transparent-gray-10085: rgba(231, 234, 238, 0.85);
--transparent-gray-40008: rgba(208, 211, 215, 0.08);
--transparent-gray-40025: rgba(208, 211, 215, 0.25);
--transparent-gray-40040: rgba(208, 211, 215, 0.4);
--transparent-gray-50020: rgba(165, 171, 179, 0.2);
--Brand-Success-50: #ecfdf3;
--Brand-Success-100: #d1fadf;
--Brand-Success-400: #32d583;
--brand-success-500-main: #12b76a;
--Brand-Success-600: #039855;
--Brand-Success-700: #027a48;
--Brand-Error-50: #fef2f3;
--Brand-Error-100: #fee2e4;
--Brand-Error-300: #fd9ba3;
--Brand-Error-400: #f96672;
--brand-error-500-main: #f03847;
--Brand-Error-600: #d9202f;
--Brand-Error-700: #b41825;
--transparent-error-10085: rgba(254, 226, 228, 0.8);
--Brand-Warning-50: #fffaeb;
--Brand-Warning-100: #fef0c7;
--Brand-Warning-400: #fdb022;
--brand-warning-500-main: #f79009;
--Brand-Warning-600: #dc6803;
--Brand-Warning-700: #b54708;
--Overlay-KV_Overlay: linear-gradient(
0deg,
rgba(26, 47, 81, 0.7) 0%,
rgba(26, 47, 81, 0.42) 20%,
rgba(26, 47, 81, 0) 50%
);
--Overlay-KV_Hover_Overlay: linear-gradient(
180deg,
rgba(36, 89, 163, 0) 38.85%,
#23569d 93.08%
),
var(--transparent-black-30);
--Overlay-Banner-Gradient-Overlay: linear-gradient(
90deg,
var(--Brand-Primary-Blue-900, rgba(26, 47, 81, 0.7)) -9.37%,
var(--alpha-primary-blue-90040, rgba(26, 47, 81, 0.28)) 30.32%,
var(--alpha-primary-blue-9000, rgba(26, 47, 81, 0)) 64.58%
);
--Overlay-Service-Fixed-Overlay: linear-gradient(
180deg,
var(--alpha-primary-blue-90020, rgba(26, 47, 81, 0.2)) 0%,
var(--alpha-primary-blue-9000, rgba(26, 47, 81, 0)) 100%
);
--Overlay-Service-Hover-Overlay: linear-gradient(
180deg,
var(--alpha-primary-blue-7000, rgba(35, 86, 157, 0)) 36.21%,
var(--brand-primary-blue-700-main, #23569d) 80.57%
),
linear-gradient(180deg, rgba(23, 24, 28, 0) 35%, rgba(23, 24, 28, 0.4) 95%),
var(--alpha-black-30, rgba(23, 24, 28, 0.3));
--Overlay-Action-Card-Overlay_D---1024-up: linear-gradient(
90deg,
#23569d 25.05%,
rgba(31, 72, 133, 0.1) 67.71%
);
--Overlay-Action-Card-Overlay_D--1023-under: linear-gradient(
0deg,
#23569d 21.45%,
rgba(35, 86, 157, 0.4) 52.32%,
rgba(31, 72, 133, 0.1) 76.3%
);
--Overlay-Action-Card-Overlay_L---1024-up: linear-gradient(
90deg,
#fff 21.77%,
rgba(255, 255, 255, 0.6) 48.02%,
rgba(255, 255, 255, 0.05) 67.71%
);
--Overlay-Action-Card-Overlay_L---1023-under: linear-gradient(
0deg,
#fff 20.12%,
rgba(255, 255, 255, 0.85) 50.08%,
rgba(255, 255, 255, 0.05) 100%
);
--Overflow-Btn-Overlay-L: linear-gradient(
90deg,
var(--brand-bw-white, #fff) 20.15%,
var(--alpha-white-85, rgba(255, 255, 255, 0.85)) 50%,
var(--alpha-white-5, rgba(255, 255, 255, 0.05)) 99.75%
);
--Overflow-Btn-Overlay-R: linear-gradient(
90deg,
var(--alpha-white-5, rgba(255, 255, 255, 0.05)) 0.25%,
var(--alpha-white-85, rgba(255, 255, 255, 0.85)) 50%,
var(--brand-bw-white, #fff) 79.85%
);
/* 未定義於 Figma Color Page */
--Stroke-Disable: #f0f1f5;
--Stroke-on-dark-focused: rgba(255, 255, 255, 0.5);
--Stroke-on-dark-focused-white-80: rgba(255, 255, 255, 0.8);
--Stroke-on-gray-bg: #d0d3d7;
--Stroke-on-primary: rgba(255, 255, 255, 0.2);
--Stroke-on-white-bg: #d8dbde;
--Stroke-primary: #1d6dcd;
--Surface-bg-brand: #23569d;
--Surface-bg-gray: #f1f3f7;
/*  scss breaking changes: mixed declarations
Read more: https://sass-lang.com/documentation/breaking-changes/mixed-decls/
*/
--zh-hero1-font-size: 3.5rem;
--zh-hero1-line-height: 130%;
--zh-hero1-letter-spacing: 0em;
}
@media all and (min-width: 600px) {
:root {
--zh-hero1-font-size: 4rem;
--zh-hero1-line-height: 125%;
--zh-hero1-letter-spacing: -0.02em;
}
}
@media all and (min-width: 1024px) {
:root {
--zh-hero1-font-size: 5rem;
--zh-hero1-line-height: 120%;
--zh-hero1-letter-spacing: -0.02em;
}
}
@media all and (min-width: 1440px) {
:root {
--zh-hero1-font-size: 6.5rem;
--zh-hero1-line-height: 120%;
--zh-hero1-letter-spacing: -0.02em;
}
}
:root {
--zh-h1-font-size: 2.625rem;
--zh-h1-line-height: 140%;
--zh-h1-letter-spacing: 0em;
}
@media all and (min-width: 600px) {
:root {
--zh-h1-font-size: 3.25rem;
--zh-h1-line-height: 135%;
--zh-h1-letter-spacing: -0.02em;
}
}
@media all and (min-width: 1024px) {
:root {
--zh-h1-font-size: 3.5rem;
--zh-h1-line-height: 130%;
--zh-h1-letter-spacing: -0.02em;
}
}
@media all and (min-width: 1440px) {
:root {
--zh-h1-font-size: 4rem;
--zh-h1-line-height: 125%;
--zh-h1-letter-spacing: -0.02em;
}
}
:root {
--zh-h2-font-size: 2.625rem;
--zh-h2-line-height: 140%;
--zh-h2-letter-spacing: 0em;
}
@media all and (min-width: 1024px) {
:root {
--zh-h2-font-size: 3.25rem;
--zh-h2-line-height: 135%;
--zh-h2-letter-spacing: -0.01em;
}
}
@media all and (min-width: 1440px) {
:root {
--zh-h2-font-size: 3.5rem;
--zh-h2-line-height: 130%;
--zh-h2-letter-spacing: -0.02em;
}
}
:root {
--zh-h3-font-size: 2rem;
--zh-h3-line-height: 140%;
--zh-h3-letter-spacing: 0em;
}
@media all and (min-width: 600px) {
:root {
--zh-h3-font-size: 2.625rem;
--zh-h3-line-height: 140%;
--zh-h3-letter-spacing: 0em;
}
}
@media all and (min-width: 1440px) {
:root {
--zh-h3-font-size: 3rem;
--zh-h3-line-height: 140%;
--zh-h3-letter-spacing: 0em;
}
}
:root {
--zh-h4-font-size: 1.875rem;
--zh-h4-line-height: 140%;
--zh-h4-letter-spacing: 0em;
}
@media all and (min-width: 600px) {
:root {
--zh-h4-font-size: 2.25rem;
--zh-h4-line-height: 140%;
--zh-h4-letter-spacing: 0em;
}
}
@media all and (min-width: 1440px) {
:root {
--zh-h4-font-size: 2.5rem;
--zh-h4-line-height: 140%;
--zh-h4-letter-spacing: 0em;
}
}
:root {
--zh-h5-font-size: 1.5rem;
--zh-h5-line-height: 150%;
--zh-h5-letter-spacing: 0.01em;
}
@media all and (min-width: 600px) {
:root {
--zh-h5-font-size: 1.875rem;
--zh-h5-line-height: 150%;
--zh-h5-letter-spacing: 0em;
}
}
@media all and (min-width: 1440px) {
:root {
--zh-h5-font-size: 2rem;
--zh-h5-line-height: 150%;
--zh-h5-letter-spacing: 0em;
}
}
:root {
--zh-h6-font-size: 1.25rem;
--zh-h6-line-height: 160%;
--zh-h6-letter-spacing: 0.01em;
}
@media all and (min-width: 600px) {
:root {
--zh-h6-font-size: 1.5rem;
--zh-h6-line-height: 150%;
--zh-h6-letter-spacing: 0.01em;
}
}
@media all and (min-width: 1440px) {
:root {
--zh-h6-font-size: 1.75rem;
--zh-h6-line-height: 150%;
--zh-h6-letter-spacing: 0.01em;
}
}
:root {
--zh-subtitle1-font-size: 1.25rem;
--zh-subtitle1-line-height: 160%;
--zh-subtitle1-letter-spacing: 0.01em;
}
@media all and (min-width: 1024px) {
:root {
--zh-subtitle1-font-size: 1.5rem;
--zh-subtitle1-line-height: 150%;
--zh-subtitle1-letter-spacing: 0.01em;
}
}
:root {
--zh-subtitle2-font-size: 1.1875rem;
--zh-subtitle2-line-height: 160%;
--zh-subtitle2-letter-spacing: 0.01em;
}
@media all and (min-width: 600px) {
:root {
--zh-subtitle2-font-size: 1.3125rem;
--zh-subtitle2-line-height: 160%;
--zh-subtitle2-letter-spacing: 0.01em;
}
}
@media all and (min-width: 1440px) {
:root {
--zh-subtitle2-font-size: 1.375rem;
--zh-subtitle2-line-height: 160%;
--zh-subtitle2-letter-spacing: 0.01em;
}
}
:root {
--zh-subtitle3-font-size: 1.125rem;
--zh-subtitle3-line-height: 155%;
--zh-subtitle3-letter-spacing: 0.01em;
}
@media all and (min-width: 1024px) {
:root {
--zh-subtitle3-font-size: 1.25rem;
--zh-subtitle3-line-height: 160%;
--zh-subtitle3-letter-spacing: 0.01em;
}
}
:root {
--zh-subtitle4-font-size: 1.125rem;
--zh-subtitle4-line-height: 155%;
--zh-subtitle4-letter-spacing: 0.01em;
--zh-subtitle5-font-size: 1rem;
--zh-subtitle5-line-height: 155%;
--zh-subtitle5-letter-spacing: 0.01em;
--zh-body1-font-size: 1rem;
--zh-body1-line-height: 175%;
--zh-body1-letter-spacing: 0.01em;
}
@media all and (min-width: 1024px) {
:root {
--zh-body1-font-size: 1.125rem;
--zh-body1-line-height: 175%;
--zh-body1-letter-spacing: 0.01em;
}
}
:root {
--zh-body2-font-size: 1rem;
--zh-body2-line-height: 175%;
--zh-body2-letter-spacing: 0.01em;
--zh-caption1-font-size: 0.875rem;
--zh-caption1-line-height: 170%;
--zh-caption1-letter-spacing: 0.01em;
--zh-caption2-font-size: 0.75rem;
--zh-caption2-line-height: 170%;
--zh-caption2-letter-spacing: 0.01em;
--en-hero1-font-size: 3.5rem;
--en-hero1-line-height: 115%;
--en-hero1-letter-spacing: -0.02em;
}
@media all and (min-width: 600px) {
:root {
--en-hero1-font-size: 4rem;
--en-hero1-line-height: 110%;
--en-hero1-letter-spacing: -0.02em;
}
}
@media all and (min-width: 1024px) {
:root {
--en-hero1-font-size: 5rem;
--en-hero1-line-height: 105%;
--en-hero1-letter-spacing: -0.02em;
}
}
@media all and (min-width: 1440px) {
:root {
--en-hero1-font-size: 6.5rem;
--en-hero1-line-height: 105%;
--en-hero1-letter-spacing: -0.02em;
}
}
:root {
--en-h1-font-size: 2.625rem;
--en-h1-line-height: 120%;
--en-h1-letter-spacing: -0.02em;
}
@media all and (min-width: 600px) {
:root {
--en-h1-font-size: 3.25rem;
--en-h1-line-height: 115%;
--en-h1-letter-spacing: -0.02em;
}
}
@media all and (min-width: 1024px) {
:root {
--en-h1-font-size: 3.5rem;
--en-h1-line-height: 110%;
--en-h1-letter-spacing: -0.02em;
}
}
@media all and (min-width: 1440px) {
:root {
--en-h1-font-size: 4rem;
--en-h1-line-height: 110%;
--en-h1-letter-spacing: -0.02em;
}
}
:root {
--en-h2-font-size: 2.625rem;
--en-h2-line-height: 120%;
--en-h2-letter-spacing: -0.01em;
}
@media all and (min-width: 1024px) {
:root {
--en-h2-font-size: 3.25rem;
--en-h2-line-height: 120%;
--en-h2-letter-spacing: -0.01em;
}
}
@media all and (min-width: 1440px) {
:root {
--en-h2-font-size: 3.5rem;
--en-h2-line-height: 115%;
--en-h2-letter-spacing: -0.02em;
}
}
:root {
--en-h3-font-size: 2rem;
--en-h3-line-height: 125%;
--en-h3-letter-spacing: -0.01em;
}
@media all and (min-width: 600px) {
:root {
--en-h3-font-size: 2.625rem;
--en-h3-line-height: 120%;
--en-h3-letter-spacing: -0.01em;
}
}
@media all and (min-width: 1440px) {
:root {
--en-h3-font-size: 3rem;
--en-h3-line-height: 120%;
--en-h3-letter-spacing: -0.01em;
}
}
:root {
--en-h4-font-size: 1.875rem;
--en-h4-line-height: 125%;
--en-h4-letter-spacing: -0.01em;
}
@media all and (min-width: 600px) {
:root {
--en-h4-font-size: 2.25rem;
--en-h4-line-height: 120%;
--en-h4-letter-spacing: -0.01em;
}
}
@media all and (min-width: 1440px) {
:root {
--en-h4-font-size: 2.5rem;
--en-h4-line-height: 120%;
--en-h4-letter-spacing: -0.01em;
}
}
:root {
--en-h5-font-size: 1.5rem;
--en-h5-line-height: 135%;
--en-h5-letter-spacing: -0.01em;
}
@media all and (min-width: 600px) {
:root {
--en-h5-font-size: 1.875rem;
--en-h5-line-height: 125%;
--en-h5-letter-spacing: -0.01em;
}
}
@media all and (min-width: 1440px) {
:root {
--en-h5-font-size: 2rem;
--en-h5-line-height: 125%;
--en-h5-letter-spacing: -0.01em;
}
}
:root {
--en-h6-font-size: 1.25rem;
--en-h6-line-height: 135%;
--en-h6-letter-spacing: 0em;
}
@media all and (min-width: 600px) {
:root {
--en-h6-font-size: 1.5rem;
--en-h6-line-height: 130%;
--en-h6-letter-spacing: 0em;
}
}
@media all and (min-width: 1440px) {
:root {
--en-h6-font-size: 1.75rem;
--en-h6-line-height: 130%;
--en-h6-letter-spacing: -0.01em;
}
}
:root {
--en-subtitle1-font-size: 1.25rem;
--en-subtitle1-line-height: 135%;
--en-subtitle1-letter-spacing: 0em;
}
@media all and (min-width: 1024px) {
:root {
--en-subtitle1-font-size: 1.5rem;
--en-subtitle1-line-height: 135%;
--en-subtitle1-letter-spacing: 0em;
}
}
:root {
--en-subtitle2-font-size: 1.1875rem;
--en-subtitle2-line-height: 135%;
--en-subtitle2-letter-spacing: 0em;
}
@media all and (min-width: 600px) {
:root {
--en-subtitle2-font-size: 1.3125rem;
--en-subtitle2-line-height: 135%;
--en-subtitle2-letter-spacing: 0em;
}
}
@media all and (min-width: 1440px) {
:root {
--en-subtitle2-font-size: 1.375rem;
--en-subtitle2-line-height: 135%;
--en-subtitle2-letter-spacing: 0em;
}
}
:root {
--en-subtitle3-font-size: 1.125rem;
--en-subtitle3-line-height: 140%;
--en-subtitle3-letter-spacing: 0em;
}
@media all and (min-width: 1024px) {
:root {
--en-subtitle3-font-size: 1.25rem;
--en-subtitle3-line-height: 135%;
--en-subtitle3-letter-spacing: 0em;
}
}
:root {
--en-subtitle4-font-size: 1.125rem;
--en-subtitle4-line-height: 140%;
--en-subtitle4-letter-spacing: 0em;
--en-subtitle5-font-size: 1rem;
--en-subtitle5-line-height: 140%;
--en-subtitle5-letter-spacing: 0em;
--en-body1-font-size: 1rem;
--en-body1-line-height: 160%;
--en-body1-letter-spacing: 0em;
}
@media all and (min-width: 600px) {
:root {
--en-body1-font-size: 1.125rem;
--en-body1-line-height: 160%;
--en-body1-letter-spacing: 0em;
}
}
:root {
--en-body2-font-size: 1rem;
--en-body2-line-height: 160%;
--en-body2-letter-spacing: 0em;
--en-caption1-font-size: 0.875rem;
--en-caption1-line-height: 160%;
--en-caption1-letter-spacing: 0em;
--en-caption2-font-size: 0.75rem;
--en-caption2-line-height: 160%;
--en-caption2-letter-spacing: 0em;
--en-marquee-font-size: 4rem;
--en-marquee-line-height: 120%;
--en-marquee-letter-spacing: -0.02em;
}
@media all and (min-width: 1024px) {
:root {
--en-marquee-font-size: 5rem;
--en-marquee-line-height: 120%;
--en-marquee-letter-spacing: -0.02em;
}
}
@media all and (min-width: 1440px) {
:root {
--en-marquee-font-size: 6.25rem;
--en-marquee-line-height: 120%;
--en-marquee-letter-spacing: -0.02em;
}
}
:root {
--hero1-font-size: var(--zh-hero1-font-size);
--hero1-line-height: var(--zh-hero1-line-height);
--hero1-letter-spacing: var(--zh-hero1-letter-spacing);
--h1-font-size: var(--zh-h1-font-size);
--h1-line-height: var(--zh-h1-line-height);
--h1-letter-spacing: var(--zh-h1-letter-spacing);
--h2-font-size: var(--zh-h2-font-size);
--h2-line-height: var(--zh-h2-line-height);
--h2-letter-spacing: var(--zh-h2-letter-spacing);
--h3-font-size: var(--zh-h3-font-size);
--h3-line-height: var(--zh-h3-line-height);
--h3-letter-spacing: var(--zh-h3-letter-spacing);
--h4-font-size: var(--zh-h4-font-size);
--h4-line-height: var(--zh-h4-line-height);
--h4-letter-spacing: var(--zh-h4-letter-spacing);
--h5-font-size: var(--zh-h5-font-size);
--h5-line-height: var(--zh-h5-line-height);
--h5-letter-spacing: var(--zh-h5-letter-spacing);
--h6-font-size: var(--zh-h6-font-size);
--h6-line-height: var(--zh-h6-line-height);
--h6-letter-spacing: var(--zh-h6-letter-spacing);
--subtitle1-font-size: var(--zh-subtitle1-font-size);
--subtitle1-line-height: var(--zh-subtitle1-line-height);
--subtitle1-letter-spacing: var(--zh-subtitle1-letter-spacing);
--subtitle2-font-size: var(--zh-subtitle2-font-size);
--subtitle2-line-height: var(--zh-subtitle2-line-height);
--subtitle2-letter-spacing: var(--zh-subtitle2-letter-spacing);
--subtitle3-font-size: var(--zh-subtitle3-font-size);
--subtitle3-line-height: var(--zh-subtitle3-line-height);
--subtitle3-letter-spacing: var(--zh-subtitle3-letter-spacing);
--subtitle4-font-size: var(--zh-subtitle4-font-size);
--subtitle4-line-height: var(--zh-subtitle4-line-height);
--subtitle4-letter-spacing: var(--zh-subtitle4-letter-spacing);
--subtitle5-font-size: var(--zh-subtitle5-font-size);
--subtitle5-line-height: var(--zh-subtitle5-line-height);
--subtitle5-letter-spacing: var(--zh-subtitle5-letter-spacing);
--body1-font-size: var(--zh-body1-font-size);
--body1-line-height: var(--zh-body1-line-height);
--body1-letter-spacing: var(--zh-body1-letter-spacing);
--body2-font-size: var(--zh-body2-font-size);
--body2-line-height: var(--zh-body2-line-height);
--body2-letter-spacing: var(--zh-body2-letter-spacing);
--caption1-font-size: var(--zh-caption1-font-size);
--caption1-line-height: var(--zh-caption1-line-height);
--caption1-letter-spacing: var(--zh-caption1-letter-spacing);
--caption2-font-size: var(--zh-caption2-font-size);
--caption2-line-height: var(--zh-caption2-line-height);
--caption2-letter-spacing: var(--zh-caption2-letter-spacing);
}
:root html[lang=en] {
--hero1-font-size: var(--en-hero1-font-size);
--hero1-line-height: var(--en-hero1-line-height);
--hero1-letter-spacing: var(--en-hero1-letter-spacing);
--h1-font-size: var(--en-h1-font-size);
--h1-line-height: var(--en-h1-line-height);
--h1-letter-spacing: var(--en-h1-letter-spacing);
--h2-font-size: var(--en-h2-font-size);
--h2-line-height: var(--en-h2-line-height);
--h2-letter-spacing: var(--en-h2-letter-spacing);
--h3-font-size: var(--en-h3-font-size);
--h3-line-height: var(--en-h3-line-height);
--h3-letter-spacing: var(--en-h3-letter-spacing);
--h4-font-size: var(--en-h4-font-size);
--h4-line-height: var(--en-h4-line-height);
--h4-letter-spacing: var(--en-h4-letter-spacing);
--h5-font-size: var(--en-h5-font-size);
--h5-line-height: var(--en-h5-line-height);
--h5-letter-spacing: var(--en-h5-letter-spacing);
--h6-font-size: var(--en-h6-font-size);
--h6-line-height: var(--en-h6-line-height);
--h6-letter-spacing: var(--en-h6-letter-spacing);
--subtitle1-font-size: var(--en-subtitle1-font-size);
--subtitle1-line-height: var(--en-subtitle1-line-height);
--subtitle1-letter-spacing: var(--en-subtitle1-letter-spacing);
--subtitle2-font-size: var(--en-subtitle2-font-size);
--subtitle2-line-height: var(--en-subtitle2-line-height);
--subtitle2-letter-spacing: var(--en-subtitle2-letter-spacing);
--subtitle3-font-size: var(--en-subtitle3-font-size);
--subtitle3-line-height: var(--en-subtitle3-line-height);
--subtitle3-letter-spacing: var(--en-subtitle3-letter-spacing);
--subtitle4-font-size: var(--en-subtitle4-font-size);
--subtitle4-line-height: var(--en-subtitle4-line-height);
--subtitle4-letter-spacing: var(--en-subtitle4-letter-spacing);
--subtitle5-font-size: var(--en-subtitle5-font-size);
--subtitle5-line-height: var(--en-subtitle5-line-height);
--subtitle5-letter-spacing: var(--en-subtitle5-letter-spacing);
--body1-font-size: var(--en-body1-font-size);
--body1-line-height: var(--en-body1-line-height);
--body1-letter-spacing: var(--en-body1-letter-spacing);
--body2-font-size: var(--en-body2-font-size);
--body2-line-height: var(--en-body2-line-height);
--body2-letter-spacing: var(--en-body2-letter-spacing);
--caption1-font-size: var(--en-caption1-font-size);
--caption1-line-height: var(--en-caption1-line-height);
--caption1-letter-spacing: var(--en-caption1-letter-spacing);
--caption2-font-size: var(--en-caption2-font-size);
--caption2-line-height: var(--en-caption2-line-height);
--caption2-letter-spacing: var(--en-caption2-letter-spacing);
}
:root {
--app-max-width: 1560;
--gs-content-max-width: 1440;
--gs-margin: 20px;
--gs-gutter: 12px;
--gs-columns: 6;
}
@media all and (min-width: 600px) {
:root {
--gs-margin: 36px;
--gs-gutter: 16px;
--gs-columns: 12;
}
}
@media all and (min-width: 1024px) {
:root {
--gs-margin: 40px;
--gs-gutter: 16px;
--gs-columns: 12;
}
}
@media all and (min-width: 1440px) {
:root {
--gs-margin: 60px;
--gs-gutter: 20px;
--gs-columns: 12;
}
}
@media all and (min-width: 1560px) {
:root {
--gs-margin: calc(
(var(--app-width, 100vw) - var(--gs-content-max-width) * 1px) / 2
);
}
}
:root {
--gs-content-width: calc(
var(--app-width, 100vw) - var(--gs-margin) - var(--gs-margin)
);
--gs-column: calc(
(var(--gs-content-width) - ((var(--gs-columns) - 1) * var(--gs-gutter))) /
var(--gs-columns)
);
--gs-column2: calc(var(--gs-column) * 2 + var(--gs-gutter));
--gs-column3: calc(var(--gs-column) * 3 + var(--gs-gutter) * 2);
--gs-column4: calc(var(--gs-column) * 4 + var(--gs-gutter) * 3);
--gs-column5: calc(var(--gs-column) * 5 + var(--gs-gutter) * 4);
--gs-column6: calc(var(--gs-column) * 6 + var(--gs-gutter) * 5);
--gs-column7: calc(var(--gs-column) * 7 + var(--gs-gutter) * 6);
--gs-column8: calc(var(--gs-column) * 8 + var(--gs-gutter) * 7);
--gs-column9: calc(var(--gs-column) * 9 + var(--gs-gutter) * 8);
--gs-column10: calc(var(--gs-column) * 10 + var(--gs-gutter) * 9);
--gs-column11: calc(var(--gs-column) * 11 + var(--gs-gutter) * 10);
--grid-system-width: var(--gs-content-width);
--grid-system-column-width: var(--gs-column);
--grid-system-margin: var(--gs-margin);
--grid-system-gap: var(--gs-gutter);
--grid-system-column-count: var(--gs-columns);
--Spacing-Block-Gap-padding: 3rem;
--Spacing-Block-Pagination-Top-padding: 2rem;
--Spacing-Section-Home-1st-Sec-padding: 4rem;
--Spacing-Section-Container-Top-minus: -1.25rem;
--Spacing-Section-Container-Top-default: 3rem;
--Spacing-Section-Normal-Sec-padding: 5rem;
--Spacing-Section-Footer-Top-padding: 6.25rem;
}
@media all and (min-width: 600px) {
:root {
--Spacing-Block-Gap-padding: 3.5rem;
--Spacing-Block-Pagination-Top-padding: 2.5rem;
--Spacing-Section-Container-Top-minus: -7.5rem;
--Spacing-Section-Container-Top-default: 4rem;
--Spacing-Section-Normal-Sec-padding: 6.25rem;
--Spacing-Section-Footer-Top-padding: 7.5rem;
}
}
@media all and (min-width: 1024px) {
:root {
--Spacing-Block-Gap-padding: 4rem;
--Spacing-Section-Home-1st-Sec-padding: 5rem;
--Spacing-Section-Normal-Sec-padding: 7.5rem;
--Spacing-Section-Footer-Top-padding: 10rem;
}
}
@media all and (min-width: 1440px) {
:root {
--Spacing-Block-Gap-padding: 5rem;
--Spacing-Block-Pagination-Top-padding: 3rem;
--Spacing-Section-Home-1st-Sec-padding: 6.25rem;
--Spacing-Section-Container-Top-default: 5rem;
--Spacing-Section-Normal-Sec-padding: 8.75rem;
--Spacing-Section-Footer-Top-padding: 11.25rem;
}
}
*, ::before, ::after{
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x:  ;
--tw-pan-y:  ;
--tw-pinch-zoom:  ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position:  ;
--tw-gradient-via-position:  ;
--tw-gradient-to-position:  ;
--tw-ordinal:  ;
--tw-slashed-zero:  ;
--tw-numeric-figure:  ;
--tw-numeric-spacing:  ;
--tw-numeric-fraction:  ;
--tw-ring-inset:  ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur:  ;
--tw-brightness:  ;
--tw-contrast:  ;
--tw-grayscale:  ;
--tw-hue-rotate:  ;
--tw-invert:  ;
--tw-saturate:  ;
--tw-sepia:  ;
--tw-drop-shadow:  ;
--tw-backdrop-blur:  ;
--tw-backdrop-brightness:  ;
--tw-backdrop-contrast:  ;
--tw-backdrop-grayscale:  ;
--tw-backdrop-hue-rotate:  ;
--tw-backdrop-invert:  ;
--tw-backdrop-opacity:  ;
--tw-backdrop-saturate:  ;
--tw-backdrop-sepia:  ;
--tw-contain-size:  ;
--tw-contain-layout:  ;
--tw-contain-paint:  ;
--tw-contain-style:  ;
}
::backdrop{
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x:  ;
--tw-pan-y:  ;
--tw-pinch-zoom:  ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position:  ;
--tw-gradient-via-position:  ;
--tw-gradient-to-position:  ;
--tw-ordinal:  ;
--tw-slashed-zero:  ;
--tw-numeric-figure:  ;
--tw-numeric-spacing:  ;
--tw-numeric-fraction:  ;
--tw-ring-inset:  ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur:  ;
--tw-brightness:  ;
--tw-contrast:  ;
--tw-grayscale:  ;
--tw-hue-rotate:  ;
--tw-invert:  ;
--tw-saturate:  ;
--tw-sepia:  ;
--tw-drop-shadow:  ;
--tw-backdrop-blur:  ;
--tw-backdrop-brightness:  ;
--tw-backdrop-contrast:  ;
--tw-backdrop-grayscale:  ;
--tw-backdrop-hue-rotate:  ;
--tw-backdrop-invert:  ;
--tw-backdrop-opacity:  ;
--tw-backdrop-saturate:  ;
--tw-backdrop-sepia:  ;
--tw-contain-size:  ;
--tw-contain-layout:  ;
--tw-contain-paint:  ;
--tw-contain-style:  ;
}
.absolute{
position: absolute;
}
.relative{
position: relative;
}
.sticky{
position: sticky;
}
.inset-0{
inset: 0px;
}
.-bottom-2{
bottom: -0.5rem;
}
.-left-2{
left: -0.5rem;
}
.-right-2{
right: -0.5rem;
}
.-right-8px{
right: -0.5rem;
}
.-top-10{
top: -2.5rem;
}
.-top-2{
top: -0.5rem;
}
.-top-6px{
top: -0.375rem;
}
.bottom-0{
bottom: 0px;
}
.bottom-12px{
bottom: 0.75rem;
}
.bottom-2{
bottom: 0.5rem;
}
.bottom-20px{
bottom: 1.25rem;
}
.bottom-24px{
bottom: 1.5rem;
}
.bottom-40px{
bottom: 2.5rem;
}
.bottom-\[9px\]{
bottom: 9px;
}
.left-0{
left: 0px;
}
.left-1\/2{
left: 50%;
}
.left-12px{
left: 0.75rem;
}
.left-2{
left: 0.5rem;
}
.left-4{
left: 1rem;
}
.left-40px{
left: 2.5rem;
}
.left-\[-8px\]{
left: -8px;
}
.left-\[9\%\]{
left: 9%;
}
.left-\[calc\(12px-200px\)\]{
left: calc(12px - 200px);
}
.left-\[calc\(var\(--card-w\)\*-0\.15px\)\]{
left: calc(var(--card-w) * -0.15px);
}
.left-\[var\(--card-pc-shift\)\]{
left: var(--card-pc-shift);
}
.left-\[var\(--card-shift\)\]{
left: var(--card-shift);
}
.left-\[var\(--item-left-shift\)\]{
left: var(--item-left-shift);
}
.left-\[var\(--left\)\]{
left: var(--left);
}
.left-full{
left: 100%;
}
.right-0{
right: 0px;
}
.right-20px{
right: 1.25rem;
}
.right-24px{
right: 1.5rem;
}
.right-3{
right: 0.75rem;
}
.right-40px{
right: 2.5rem;
}
.right-\[0\]{
right: 0;
}
.right-\[48px\]{
right: 48px;
}
.right-\[var\(--right\)\]{
right: var(--right);
}
.top-0{
top: 0px;
}
.top-1{
top: 0.25rem;
}
.top-1\/2{
top: 50%;
}
.top-12px{
top: 0.75rem;
}
.top-2{
top: 0.5rem;
}
.top-2px{
top: 0.125rem;
}
.top-4{
top: 1rem;
}
.top-\[7px\]{
top: 7px;
}
.top-\[90\%\]{
top: 90%;
}
.top-\[calc\(100\%\+1px\)\]{
top: calc(100% + 1px);
}
.top-\[calc\(100\%\+6px\)\]{
top: calc(100% + 6px);
}
.top-\[calc\(var\(--card-h\)\*-0\.15px\)\]{
top: calc(var(--card-h) * -0.15px);
}
.top-\[var\(--top\)\]{
top: var(--top);
}
.top-full{
top: 100%;
}
.-z-1{
z-index: -1;
}
.-z-10{
z-index: -10;
}
.z-0{
z-index: 0;
}
.z-1{
z-index: 1;
}
.z-10{
z-index: 10;
}
.z-12{
z-index: 12;
}
.z-13{
z-index: 13;
}
.z-2{
z-index: 2;
}
.z-\[201\]{
z-index: 201;
}
.z-\[9999\]{
z-index: 9999;
}
.z-card{
z-index: 20;
}
.z-dropdown{
z-index: 90;
}
.z-loading{
z-index: 300;
}
.z-modal{
z-index: 201;
}
.z-navHeader{
z-index: 121;
}
.z-navHeaderDropdown{
z-index: 122;
}
.z-navHeaderModal{
z-index: 123;
}
.z-navHeaderOverlay{
z-index: 120;
}
.z-overlay{
z-index: 200;
}
.z-skipLink{
z-index: 150;
}
.z-tabs{
z-index: 50;
}
.order-2{
order: 2;
}
.col-span-1{
grid-column: span 1 / span 1;
}
.col-span-2{
grid-column: span 2 / span 2;
}
.col-start-1{
grid-column-start: 1;
}
.row-span-2{
grid-row: span 2 / span 2;
}
.row-start-1{
grid-row-start: 1;
}
.-m-\[1px\]{
margin: -1px;
}
.m-1{
margin: 0.25rem;
}
.m-4px{
margin: 0.25rem;
}
.-mx-2{
margin-left: -0.5rem;
margin-right: -0.5rem;
}
.-mx-8px{
margin-left: -0.5rem;
margin-right: -0.5rem;
}
.-mx-gsMargin{
margin-left: calc(var(--gs-margin) * -1);
margin-right: calc(var(--gs-margin) * -1);
}
.mx-1{
margin-left: 0.25rem;
margin-right: 0.25rem;
}
.mx-auto{
margin-left: auto;
margin-right: auto;
}
.mx-basicPadding{
margin-left: var(--gs-margin);
margin-right: var(--gs-margin);
}
.mx-gsMargin{
margin-left: var(--gs-margin);
margin-right: var(--gs-margin);
}
.my-12{
margin-top: 3rem;
margin-bottom: 3rem;
}
.my-24px{
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.my-32px{
margin-top: 2rem;
margin-bottom: 2rem;
}
.my-4{
margin-top: 1rem;
margin-bottom: 1rem;
}
.my-4px{
margin-top: 0.25rem;
margin-bottom: 0.25rem;
}
.\!-ml-\[1px\]{
margin-left: -1px !important;
}
.\!mb-0{
margin-bottom: 0px !important;
}
.\!mr-auto{
margin-right: auto !important;
}
.\!mt-0{
margin-top: 0px !important;
}
.-mb-2\.5{
margin-bottom: -0.625rem;
}
.-mb-sectionNormalPadding{
margin-bottom: calc(var(--Spacing-Section-Normal-Sec-padding) * -1);
}
.-ml-2{
margin-left: -0.5rem;
}
.-ml-\[1px\]{
margin-left: -1px;
}
.-mr-\[1px\]{
margin-right: -1px;
}
.-mt-\[1px\]{
margin-top: -1px;
}
.mb-0{
margin-bottom: 0px;
}
.mb-1{
margin-bottom: 0.25rem;
}
.mb-10px{
margin-bottom: 0.625rem;
}
.mb-12{
margin-bottom: 3rem;
}
.mb-12px{
margin-bottom: 0.75rem;
}
.mb-14px{
margin-bottom: 0.875rem;
}
.mb-16px{
margin-bottom: 1rem;
}
.mb-18px{
margin-bottom: 1.125rem;
}
.mb-2{
margin-bottom: 0.5rem;
}
.mb-20px{
margin-bottom: 1.25rem;
}
.mb-24px{
margin-bottom: 1.5rem;
}
.mb-28px{
margin-bottom: 1.75rem;
}
.mb-2px{
margin-bottom: 0.125rem;
}
.mb-3{
margin-bottom: 0.75rem;
}
.mb-3\.5{
margin-bottom: 0.875rem;
}
.mb-32px{
margin-bottom: 2rem;
}
.mb-4{
margin-bottom: 1rem;
}
.mb-48px{
margin-bottom: 3rem;
}
.mb-4px{
margin-bottom: 0.25rem;
}
.mb-6{
margin-bottom: 1.5rem;
}
.mb-64px{
margin-bottom: 4rem;
}
.mb-8{
margin-bottom: 2rem;
}
.mb-80px{
margin-bottom: 5rem;
}
.mb-8px{
margin-bottom: 0.5rem;
}
.mb-9{
margin-bottom: 2.25rem;
}
.mb-\[48px\]{
margin-bottom: 48px;
}
.mb-\[4px\]{
margin-bottom: 4px;
}
.mb-modalBPaddingL{
margin-bottom: 32px;
}
.ml-0\.5{
margin-left: 0.125rem;
}
.ml-16px{
margin-left: 1rem;
}
.ml-32px{
margin-left: 2rem;
}
.ml-4{
margin-left: 1rem;
}
.ml-4px{
margin-left: 0.25rem;
}
.ml-8px{
margin-left: 0.5rem;
}
.ml-auto{
margin-left: auto;
}
.mr-12px{
margin-right: 0.75rem;
}
.mr-4px{
margin-right: 0.25rem;
}
.mt-0{
margin-top: 0px;
}
.mt-10{
margin-top: 2.5rem;
}
.mt-12px{
margin-top: 0.75rem;
}
.mt-14px{
margin-top: 0.875rem;
}
.mt-16px{
margin-top: 1rem;
}
.mt-2{
margin-top: 0.5rem;
}
.mt-2\.5{
margin-top: 0.625rem;
}
.mt-20px{
margin-top: 1.25rem;
}
.mt-24px{
margin-top: 1.5rem;
}
.mt-28px{
margin-top: 1.75rem;
}
.mt-3{
margin-top: 0.75rem;
}
.mt-32px{
margin-top: 2rem;
}
.mt-4{
margin-top: 1rem;
}
.mt-40px{
margin-top: 2.5rem;
}
.mt-48px{
margin-top: 3rem;
}
.mt-4px{
margin-top: 0.25rem;
}
.mt-6{
margin-top: 1.5rem;
}
.mt-60px{
margin-top: 3.75rem;
}
.mt-6px{
margin-top: 0.375rem;
}
.mt-7{
margin-top: 1.75rem;
}
.mt-80px{
margin-top: 5rem;
}
.mt-8px{
margin-top: 0.5rem;
}
.mt-\[14px\]{
margin-top: 14px;
}
.mt-auto{
margin-top: auto;
}
.mt-blockGap{
margin-top: var(--Spacing-Block-Gap-padding);
}
.mt-blockPaginationTop{
margin-top: var(--Spacing-Block-Pagination-Top-padding);
}
.mt-sectionContainerTopMinus{
margin-top: var(--Spacing-Section-Container-Top-minus);
}
.box-border{
box-sizing: border-box;
}
.line-clamp-1{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.line-clamp-2{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.line-clamp-3{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.line-clamp-4{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
}
.line-clamp-5{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
}
.line-clamp-\[7\]{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 7;
}
.line-clamp-\[var\(--lineClamp\)\]{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: var(--lineClamp);
}
/*--*/
.block{
display: block;
}
.inline-block{
display: inline-block;
}
.inline{
display: inline;
}
.flex{
display: flex;
}
.inline-flex{
display: inline-flex;
}
.table{
display: table;
}
.grid{
display: grid;
}
.hidden{
display: none;
}
.\!aspect-8\/3{
aspect-ratio: 8 / 3 !important;
}
.aspect-10\/16{
aspect-ratio: 10 / 16;
}
.aspect-16\/9{
aspect-ratio: 16 / 9;
}
.aspect-2\/1{
aspect-ratio: 2 / 1;
}
.aspect-21\/9{
aspect-ratio: 21 / 9;
}
.aspect-3\/2{
aspect-ratio: 3 / 2;
}
.aspect-3\/4{
aspect-ratio: 3 / 4;
}
.aspect-32\/9{
aspect-ratio: 32 / 9;
}
.aspect-4\/3{
aspect-ratio: 4 / 3;
}
.aspect-6\/7{
aspect-ratio: 6 / 7;
}
.aspect-8\/5{
aspect-ratio: 8 / 5;
}
.aspect-\[16\/10\]{
aspect-ratio: 16/10;
}
.aspect-\[16\/7\]{
aspect-ratio: 16/7;
}
.aspect-\[256\/220\]{
aspect-ratio: 256/220;
}
.aspect-square{
aspect-ratio: 1 / 1;
}
.\!size-80px{
width: 5rem !important;
height: 5rem !important;
}
.\!size-full{
width: 100% !important;
height: 100% !important;
}
.size-1{
width: 0.25rem;
height: 0.25rem;
}
.size-10{
width: 2.5rem;
height: 2.5rem;
}
.size-10px{
width: 0.625rem;
height: 0.625rem;
}
.size-14{
width: 3.5rem;
height: 3.5rem;
}
.size-14px{
width: 0.875rem;
height: 0.875rem;
}
.size-16px{
width: 1rem;
height: 1rem;
}
.size-18px{
width: 1.125rem;
height: 1.125rem;
}
.size-20{
width: 5rem;
height: 5rem;
}
.size-20px{
width: 1.25rem;
height: 1.25rem;
}
.size-24{
width: 6rem;
height: 6rem;
}
.size-24px{
width: 1.5rem;
height: 1.5rem;
}
.size-3\.5{
width: 0.875rem;
height: 0.875rem;
}
.size-30{
width: 7.5rem;
height: 7.5rem;
}
.size-4{
width: 1rem;
height: 1rem;
}
.size-40px{
width: 2.5rem;
height: 2.5rem;
}
.size-5{
width: 1.25rem;
height: 1.25rem;
}
.size-56px{
width: 3.5rem;
height: 3.5rem;
}
.size-6{
width: 1.5rem;
height: 1.5rem;
}
.size-6px{
width: 0.375rem;
height: 0.375rem;
}
.size-7{
width: 1.75rem;
height: 1.75rem;
}
.size-7px{
width: 0.4375rem;
height: 0.4375rem;
}
.size-8{
width: 2rem;
height: 2rem;
}
.size-80px{
width: 5rem;
height: 5rem;
}
.size-8px{
width: 0.5rem;
height: 0.5rem;
}
.size-9{
width: 2.25rem;
height: 2.25rem;
}
.size-96px{
width: 6rem;
height: 6rem;
}
.size-\[164px\]{
width: 164px;
height: 164px;
}
.size-\[176px\]{
width: 176px;
height: 176px;
}
.size-\[256px\]{
width: 256px;
height: 256px;
}
.size-\[42px\]{
width: 42px;
height: 42px;
}
.size-\[54px\]{
width: 54px;
height: 54px;
}
.size-full{
width: 100%;
height: 100%;
}
.\!h-80px{
height: 5rem !important;
}
.\!h-\[62px\]{
height: 62px !important;
}
.\!h-\[calc\(100\%\+2px\)\]{
height: calc(100% + 2px) !important;
}
.\!h-auto{
height: auto !important;
}
.\!h-full{
height: 100% !important;
}
.h-0{
height: 0px;
}
.h-12{
height: 3rem;
}
.h-120px{
height: 7.5rem;
}
.h-16{
height: 4rem;
}
.h-160px{
height: 10rem;
}
.h-16px{
height: 1rem;
}
.h-18{
height: 4.5rem;
}
.h-20px{
height: 1.25rem;
}
.h-24px{
height: 1.5rem;
}
.h-2px{
height: 0.125rem;
}
.h-32px{
height: 2rem;
}
.h-36px{
height: 2.25rem;
}
.h-3px{
height: 0.1875rem;
}
.h-40px{
height: 2.5rem;
}
.h-44px{
height: 2.75rem;
}
.h-48px{
height: 3rem;
}
.h-56px{
height: 3.5rem;
}
.h-64px{
height: 4rem;
}
.h-80px{
height: 5rem;
}
.h-8px{
height: 0.5rem;
}
.h-9{
height: 2.25rem;
}
.h-\[0\.6px\]{
height: 0.6px;
}
.h-\[120px\]{
height: 120px;
}
.h-\[135px\]{
height: 135px;
}
.h-\[138px\]{
height: 138px;
}
.h-\[159px\]{
height: 159px;
}
.h-\[16\%\]{
height: 16%;
}
.h-\[169px\]{
height: 169px;
}
.h-\[1px\]{
height: 1px;
}
.h-\[260px\]{
height: 260px;
}
.h-\[262px\]{
height: 262px;
}
.h-\[274px\]{
height: 274px;
}
.h-\[290px\]{
height: 290px;
}
.h-\[30px\]{
height: 30px;
}
.h-\[320px\]{
height: 320px;
}
.h-\[380px\]{
height: 380px;
}
.h-\[38px\]{
height: 38px;
}
.h-\[40px\]{
height: 40px;
}
.h-\[420px\]{
height: 420px;
}
.h-\[42px\]{
height: 42px;
}
.h-\[46px\]{
height: 46px;
}
.h-\[64px\]{
height: 64px;
}
.h-\[716px\]{
height: 716px;
}
.h-\[8px\]{
height: 8px;
}
.h-\[calc\(240px\*2\+var\(--gs-gutter\)\)\]{
height: calc(240px * 2 + var(--gs-gutter));
}
.h-auto{
height: auto;
}
.h-dvh{
height: 100dvh;
}
.h-fit{
height: -moz-fit-content;
height: fit-content;
}
.h-full{
height: 100%;
}
.h-screen{
height: 100vh;
}
.max-h-0{
max-height: 0px;
}
.max-h-10{
max-height: 2.5rem;
}
.max-h-\[--list-height\]{
max-height: var(--list-height);
}
.max-h-\[320px\]{
max-height: 320px;
}
.max-h-\[340px\]{
max-height: 340px;
}
.max-h-\[386px\]{
max-height: 386px;
}
.max-h-\[480px\]{
max-height: 480px;
}
.max-h-\[calc\(100dvh-16px\)\]{
max-height: calc(100dvh - 16px);
}
.max-h-\[var\(--list-height\)\]{
max-height: var(--list-height);
}
.max-h-dvh{
max-height: 100dvh;
}
.max-h-full{
max-height: 100%;
}
.min-h-12{
min-height: 3rem;
}
.min-h-120px{
min-height: 7.5rem;
}
.min-h-18{
min-height: 4.5rem;
}
.min-h-44px{
min-height: 2.75rem;
}
.min-h-48px{
min-height: 3rem;
}
.min-h-64px{
min-height: 4rem;
}
.min-h-72px{
min-height: 4.5rem;
}
.min-h-\[100dvh\]{
min-height: 100dvh;
}
.min-h-\[48px\]{
min-height: 48px;
}
.min-h-\[52px\]{
min-height: 52px;
}
.min-h-\[60px\]{
min-height: 60px;
}
.min-h-\[72px\]{
min-height: 72px;
}
.min-h-\[92px\]{
min-height: 92px;
}
.min-h-\[96px\]{
min-height: 96px;
}
.\!w-80px{
width: 5rem !important;
}
.\!w-\[341px\]{
width: 341px !important;
}
.\!w-\[calc\(100\%\+1px\)\]{
width: calc(100% + 1px) !important;
}
.\!w-\[calc\(100\%\+2px\)\]{
width: calc(100% + 2px) !important;
}
.\!w-fit{
width: -moz-fit-content !important;
width: fit-content !important;
}
.\!w-full{
width: 100% !important;
}
.w-1\/2{
width: 50%;
}
.w-100px{
width: 6.25rem;
}
.w-10px{
width: 0.625rem;
}
.w-112px{
width: 7rem;
}
.w-120px{
width: 7.5rem;
}
.w-12px{
width: 0.75rem;
}
.w-140px{
width: 8.75rem;
}
.w-14px{
width: 0.875rem;
}
.w-160px{
width: 10rem;
}
.w-16px{
width: 1rem;
}
.w-180px{
width: 11.25rem;
}
.w-18px{
width: 1.125rem;
}
.w-2{
width: 0.5rem;
}
.w-20{
width: 5rem;
}
.w-20px{
width: 1.25rem;
}
.w-24px{
width: 1.5rem;
}
.w-28px{
width: 1.75rem;
}
.w-2px{
width: 0.125rem;
}
.w-32px{
width: 2rem;
}
.w-36px{
width: 2.25rem;
}
.w-3px{
width: 0.1875rem;
}
.w-4{
width: 1rem;
}
.w-40{
width: 10rem;
}
.w-40px{
width: 2.5rem;
}
.w-44px{
width: 2.75rem;
}
.w-45{
width: 11.25rem;
}
.w-48px{
width: 3rem;
}
.w-4px{
width: 0.25rem;
}
.w-55{
width: 13.75rem;
}
.w-56px{
width: 3.5rem;
}
.w-60px{
width: 3.75rem;
}
.w-64px{
width: 4rem;
}
.w-6px{
width: 0.375rem;
}
.w-7\.5{
width: 1.875rem;
}
.w-72{
width: 18rem;
}
.w-72px{
width: 4.5rem;
}
.w-80px{
width: 5rem;
}
.w-8px{
width: 0.5rem;
}
.w-96px{
width: 6rem;
}
.w-\[100px\]{
width: 100px;
}
.w-\[102\%\]{
width: 102%;
}
.w-\[120px\]{
width: 120px;
}
.w-\[128px\]{
width: 128px;
}
.w-\[160px\]{
width: 160px;
}
.w-\[180px\]{
width: 180px;
}
.w-\[190px\]{
width: 190px;
}
.w-\[196px\]{
width: 196px;
}
.w-\[1px\]{
width: 1px;
}
.w-\[200px\]{
width: 200px;
}
.w-\[220px\]{
width: 220px;
}
.w-\[23px\]{
width: 23px;
}
.w-\[240px\]{
width: 240px;
}
.w-\[260px\]{
width: 260px;
}
.w-\[270px\]{
width: 270px;
}
.w-\[280px\]{
width: 280px;
}
.w-\[28px\]{
width: 28px;
}
.w-\[320px\]{
width: 320px;
}
.w-\[340px\]{
width: 340px;
}
.w-\[34px\]{
width: 34px;
}
.w-\[350px\]{
width: 350px;
}
.w-\[360px\]{
width: 360px;
}
.w-\[400px\]{
width: 400px;
}
.w-\[420px\]{
width: 420px;
}
.w-\[480px\]{
width: 480px;
}
.w-\[48px\]{
width: 48px;
}
.w-\[600px\]{
width: 600px;
}
.w-\[640px\]{
width: 640px;
}
.w-\[8px\]{
width: 8px;
}
.w-\[90px\]{
width: 90px;
}
.w-\[calc\(\(100\%-1px-42px\)\/2\)\]{
width: calc((100% - 1px - 42px) / 2);
}
.w-\[calc\(\(100\%-42px\)\/2\)\]{
width: calc((100% - 42px) / 2);
}
.w-\[calc\(13\%\+8px\)\]{
width: calc(13% + 8px);
}
.w-\[calc\(50\%\+80px\)\]{
width: calc(50% + 80px);
}
.w-\[calc\(87\%\+8px\)\]{
width: calc(87% + 8px);
}
.w-\[calc\(var\(--card-w\)\*0\.7px\)\]{
width: calc(var(--card-w) * 0.7px);
}
.w-\[calc\(var\(--card-w\)\*1px\)\]{
width: calc(var(--card-w) * 1px);
}
.w-\[var\(--card-pc-w\)\]{
width: var(--card-pc-w);
}
.w-auto{
width: auto;
}
.w-fit{
width: -moz-fit-content;
width: fit-content;
}
.w-full{
width: 100%;
}
.w-gsColumn{
width: var(--gs-column);
}
.w-gsColumn10{
width: calc(var(--gs-column) * 10 + var(--gs-gutter) * 9);
}
.w-gsColumn11{
width: calc(var(--gs-column) * 11 + var(--gs-gutter) * 10);
}
.w-gsColumn2{
width: calc(var(--gs-column) * 2 + var(--gs-gutter));
}
.w-gsColumn3{
width: calc(var(--gs-column) * 3 + var(--gs-gutter) * 2);
}
.w-gsColumn4{
width: calc(var(--gs-column) * 4 + var(--gs-gutter) * 3);
}
.w-gsColumn5{
width: calc(var(--gs-column) * 5 + var(--gs-gutter) * 4);
}
.w-gsColumn6{
width: calc(var(--gs-column) * 6 + var(--gs-gutter) * 5);
}
.w-gsColumn7{
width: calc(var(--gs-column) * 7 + var(--gs-gutter) * 6);
}
.w-gsColumn8{
width: calc(var(--gs-column) * 8 + var(--gs-gutter) * 7);
}
.w-gsColumn9{
width: calc(var(--gs-column) * 9 + var(--gs-gutter) * 8);
}
.w-gsContentWidth{
width: var(--gs-content-width);
}
.w-screen{
width: var(--app-width, 100vw);
}
.min-w-160px{
min-width: 10rem;
}
.min-w-180px{
min-width: 11.25rem;
}
.min-w-24px{
min-width: 1.5rem;
}
.min-w-44px{
min-width: 2.75rem;
}
.min-w-45{
min-width: 11.25rem;
}
.min-w-\[1024px\]{
min-width: 1024px;
}
.min-w-\[160px\]{
min-width: 160px;
}
.min-w-\[180px\]{
min-width: 180px;
}
.min-w-\[46px\]{
min-width: 46px;
}
.min-w-\[54px\]{
min-width: 54px;
}
.min-w-\[62px\]{
min-width: 62px;
}
.min-w-\[78px\]{
min-width: 78px;
}
.max-w-\[1560px\]{
max-width: 1560px;
}
.max-w-\[206px\]{
max-width: 206px;
}
.max-w-\[280px\]{
max-width: 280px;
}
.max-w-\[300px\]{
max-width: 300px;
}
.max-w-\[328px\]{
max-width: 328px;
}
.max-w-\[340px\]{
max-width: 340px;
}
.max-w-\[400px\]{
max-width: 400px;
}
.max-w-\[420px\]{
max-width: 420px;
}
.max-w-\[440px\]{
max-width: 440px;
}
.max-w-\[520px\]{
max-width: 520px;
}
.max-w-\[640px\]{
max-width: 640px;
}
.max-w-\[800px\]{
max-width: 800px;
}
.max-w-\[900px\]{
max-width: 900px;
}
.max-w-\[calc\(100dvw-16px\)\]{
max-width: calc(100dvw - 16px);
}
.max-w-appMax1560{
max-width: var(--app-max-width);
}
.max-w-blockMaxWidth{
max-width: 1024px;
}
.max-w-gsContentWidth{
max-width: var(--gs-content-width);
}
.max-w-screen{
max-width: var(--app-width, 100vw);
}
.max-w-screen-md1024{
max-width: 1024px;
}
.flex-1{
flex: 1 1 0%;
}
.flex-shrink-0{
flex-shrink: 0;
}
.shrink-0{
flex-shrink: 0;
}
.grow{
flex-grow: 1;
}
.grow-0{
flex-grow: 0;
}
.origin-top{
transform-origin: top;
}
.-translate-x-1\/2{
--tw-translate-x: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-5{
--tw-translate-x: -1.25rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-\[100\%\]{
--tw-translate-x: -100%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2{
--tw-translate-y: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-\[200\%\]{
--tw-translate-y: -200%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-\[58\%\]{
--tw-translate-y: -58%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-\[calc\(100\%\+10px\)\]{
--tw-translate-y: calc(calc(100% + 10px) * -1);
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-full{
--tw-translate-y: -100%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-0{
--tw-translate-x: 0px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-2\/3{
--tw-translate-x: 66.666667%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-40px{
--tw-translate-x: 2.5rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-5{
--tw-translate-x: 1.25rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-\[calc\(100\%\*var\(--offset\)\)\]{
--tw-translate-x: calc(100% * var(--offset));
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-full{
--tw-translate-x: 100%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-0{
--tw-translate-y: 0px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-10px{
--tw-translate-y: 0.625rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[-1px\]{
--tw-translate-y: -1px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-rotate-180{
--tw-rotate: -180deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-rotate-90{
--tw-rotate: -90deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-0{
--tw-rotate: 0deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180{
--tw-rotate: 180deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-45{
--tw-rotate: 45deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-90{
--tw-rotate: 90deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-100{
--tw-scale-x: 1;
--tw-scale-y: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-95{
--tw-scale-x: .95;
--tw-scale-y: .95;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[0\.8\]{
--tw-scale-x: 0.8;
--tw-scale-y: 0.8;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[1\%\]{
--tw-scale-x: 1%;
--tw-scale-y: 1%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-img108{
--tw-scale-x: 1.08;
--tw-scale-y: 1.08;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform{
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes alertEnter{
0%{
transform: translateY(-200%) scale(0.6);
opacity: 0;
}
100%{
transform: translateY(0) scale(1);
opacity: 1;
}
}
.animate-alertEnter{
animation: alertEnter 450ms cubic-bezier(0.22, 0.61, 0.35, 1);
}
@keyframes alertLeave{
0%{
transform: translateY(0) scale(1);
opacity: 1;
}
100%{
transform: translateY(-200%) scale(0.6);
opacity: 0;
}
}
.animate-alertLeave{
animation: alertLeave 450ms cubic-bezier(0.22, 0.61, 0.35, 1);
}
@keyframes homeContent{
0%{
opacity: 0;
}
69%{
opacity: 0;
}
100%{
opacity: 1;
}
}
.animate-homeContent{
animation: homeContent 2600ms cubic-bezier(0.22, 0.61, 0.35, 1) forwards;
}
@keyframes homeEntryBlur{
0%{}
75%{
opacity: 1;
}
99%{
pointer-events: auto;
}
100%{
opacity: 0;
pointer-events: none;
}
}
.animate-homeEntryBlur{
animation: homeEntryBlur 2400ms cubic-bezier(0.22, 0.61, 0.35, 1) forwards;
}
@keyframes homeEntryLogo{
0%{}
55%{
transform: scale(1);
opacity: 1;
}
100%{
transform: scale(0.8);
opacity: 0;
}
}
.animate-homeEntryLogo{
animation: homeEntryLogo 1700ms cubic-bezier(0.22, 0.61, 0.35, 1) forwards;
}
@keyframes spin{
to{
transform: rotate(360deg);
}
}
.animate-loadingAirplane{
animation: spin 2s linear infinite;
}
@keyframes loadingContrailsScale{
0%{
transform: scale(0);
}
2%{
transform: scale(0);
}
10%{
transform: scale(1.5);
}
80%, 100%{
transform: scale(0%);
}
}
@keyframes loadingContrailsColor{
0%{
background-position-x: 25%;
}
12.5%{
background-position-x: 0;
}
62.5%{
background-position-x: 100%;
}
100%{
background-position-x: 25%;
}
}
.animate-loadingContrails{
animation: loadingContrailsScale 2s linear infinite, loadingContrailsColor 2s linear infinite;
}
.cursor-grab{
cursor: grab;
}
.cursor-pointer{
cursor: pointer;
}
.select-none{
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.resize{
resize: both;
}
.scroll-mt-60px{
scroll-margin-top: 3.75rem;
}
.list-circle{
list-style-type: circle;
}
.list-decimal{
list-style-type: decimal;
}
.list-disc{
list-style-type: disc;
}
.list-none{
list-style-type: none;
}
.appearance-none{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.auto-cols-fr{
grid-auto-columns: minmax(0, 1fr);
}
.grid-flow-row{
grid-auto-flow: row;
}
.grid-flow-col{
grid-auto-flow: column;
}
.auto-rows-\[64px\]{
grid-auto-rows: 64px;
}
.auto-rows-min{
grid-auto-rows: min-content;
}
.grid-cols-1{
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-\[120px_1fr\]{
grid-template-columns: 120px 1fr;
}
.grid-cols-\[1fr\2c 580px\]{
grid-template-columns: 1fr 580px;
}
.grid-cols-\[1fr_16px\]{
grid-template-columns: 1fr 16px;
}
.grid-cols-\[1fr_1fr\]{
grid-template-columns: 1fr 1fr;
}
.grid-cols-\[1fr_42px_1fr\]{
grid-template-columns: 1fr 42px 1fr;
}
.grid-cols-\[1fr_47px_1fr\]{
grid-template-columns: 1fr 47px 1fr;
}
.grid-cols-\[1fr_min-content_1fr\]{
grid-template-columns: 1fr min-content 1fr;
}
.grid-cols-\[280px_280px\]{
grid-template-columns: 280px 280px;
}
.grid-cols-\[32px_1fr_32px\]{
grid-template-columns: 32px 1fr 32px;
}
.grid-rows-1{
grid-template-rows: repeat(1, minmax(0, 1fr));
}
.grid-rows-2{
grid-template-rows: repeat(2, minmax(0, 1fr));
}
.grid-rows-\[0fr\]{
grid-template-rows: 0fr;
}
.grid-rows-\[1fr\]{
grid-template-rows: 1fr;
}
.grid-rows-\[64px\]{
grid-template-rows: 64px;
}
.flex-row{
flex-direction: row;
}
.flex-row-reverse{
flex-direction: row-reverse;
}
.flex-col{
flex-direction: column;
}
.flex-wrap{
flex-wrap: wrap;
}
.flex-nowrap{
flex-wrap: nowrap;
}
.content-center{
align-content: center;
}
.items-start{
align-items: flex-start;
}
.items-end{
align-items: flex-end;
}
.items-center{
align-items: center;
}
.items-baseline{
align-items: baseline;
}
.justify-start{
justify-content: flex-start;
}
.justify-end{
justify-content: flex-end;
}
.justify-center{
justify-content: center;
}
.justify-between{
justify-content: space-between;
}
.justify-around{
justify-content: space-around;
}
.justify-items-start{
justify-items: start;
}
.justify-items-center{
justify-items: center;
}
.gap-0{
gap: 0px;
}
.gap-0\.5{
gap: 0.125rem;
}
.gap-1{
gap: 0.25rem;
}
.gap-10{
gap: 2.5rem;
}
.gap-10px{
gap: 0.625rem;
}
.gap-12{
gap: 3rem;
}
.gap-12px{
gap: 0.75rem;
}
.gap-14px{
gap: 0.875rem;
}
.gap-15{
gap: 3.75rem;
}
.gap-16px{
gap: 1rem;
}
.gap-2{
gap: 0.5rem;
}
.gap-2\.5{
gap: 0.625rem;
}
.gap-20px{
gap: 1.25rem;
}
.gap-24px{
gap: 1.5rem;
}
.gap-28px{
gap: 1.75rem;
}
.gap-2px{
gap: 0.125rem;
}
.gap-3{
gap: 0.75rem;
}
.gap-3\.5{
gap: 0.875rem;
}
.gap-32px{
gap: 2rem;
}
.gap-36px{
gap: 2.25rem;
}
.gap-4{
gap: 1rem;
}
.gap-48px{
gap: 3rem;
}
.gap-4px{
gap: 0.25rem;
}
.gap-5{
gap: 1.25rem;
}
.gap-6{
gap: 1.5rem;
}
.gap-6px{
gap: 0.375rem;
}
.gap-7{
gap: 1.75rem;
}
.gap-8{
gap: 2rem;
}
.gap-80px{
gap: 5rem;
}
.gap-8px{
gap: 0.5rem;
}
.gap-9{
gap: 2.25rem;
}
.gap-\[36px\]{
gap: 36px;
}
.gap-\[3px\]{
gap: 3px;
}
.gap-basicGap{
gap: var(--gs-gutter);
}
.gap-blockGap{
gap: var(--Spacing-Block-Gap-padding);
}
.gap-gsGutter{
gap: var(--gs-gutter);
}
.gap-x-12px{
-moz-column-gap: 0.75rem;
column-gap: 0.75rem;
}
.gap-x-160px{
-moz-column-gap: 10rem;
column-gap: 10rem;
}
.gap-x-16px{
-moz-column-gap: 1rem;
column-gap: 1rem;
}
.gap-x-2{
-moz-column-gap: 0.5rem;
column-gap: 0.5rem;
}
.gap-x-20px{
-moz-column-gap: 1.25rem;
column-gap: 1.25rem;
}
.gap-x-2px{
-moz-column-gap: 0.125rem;
column-gap: 0.125rem;
}
.gap-x-4{
-moz-column-gap: 1rem;
column-gap: 1rem;
}
.gap-x-40px{
-moz-column-gap: 2.5rem;
column-gap: 2.5rem;
}
.gap-x-48px{
-moz-column-gap: 3rem;
column-gap: 3rem;
}
.gap-x-4px{
-moz-column-gap: 0.25rem;
column-gap: 0.25rem;
}
.gap-x-6{
-moz-column-gap: 1.5rem;
column-gap: 1.5rem;
}
.gap-x-8px{
-moz-column-gap: 0.5rem;
column-gap: 0.5rem;
}
.gap-x-basicGap{
-moz-column-gap: var(--gs-gutter);
column-gap: var(--gs-gutter);
}
.gap-x-gsGutter{
-moz-column-gap: var(--gs-gutter);
column-gap: var(--gs-gutter);
}
.gap-y-1{
row-gap: 0.25rem;
}
.gap-y-12px{
row-gap: 0.75rem;
}
.gap-y-14px{
row-gap: 0.875rem;
}
.gap-y-16px{
row-gap: 1rem;
}
.gap-y-20px{
row-gap: 1.25rem;
}
.gap-y-24px{
row-gap: 1.5rem;
}
.gap-y-3{
row-gap: 0.75rem;
}
.gap-y-3\.5{
row-gap: 0.875rem;
}
.gap-y-40px{
row-gap: 2.5rem;
}
.gap-y-5{
row-gap: 1.25rem;
}
.gap-y-64px{
row-gap: 4rem;
}
.gap-y-7{
row-gap: 1.75rem;
}
.gap-y-80px{
row-gap: 5rem;
}
.gap-y-8px{
row-gap: 0.5rem;
}
.gap-y-blockGap{
row-gap: var(--Spacing-Block-Gap-padding);
}
.gap-y-blockPaginationTop{
row-gap: var(--Spacing-Block-Pagination-Top-padding);
}
.place-self-center{
place-self: center;
}
.\!self-start{
align-self: flex-start !important;
}
.self-start{
align-self: flex-start;
}
.self-end{
align-self: flex-end;
}
.self-center{
align-self: center;
}
.self-stretch{
align-self: stretch;
}
.overflow-auto{
overflow: auto;
}
.overflow-hidden{
overflow: hidden;
}
.\!overflow-visible{
overflow: visible !important;
}
.overflow-visible{
overflow: visible;
}
.overflow-scroll{
overflow: scroll;
}
.overflow-y-auto{
overflow-y: auto;
}
.overflow-x-hidden{
overflow-x: hidden;
}
.\!overflow-y-hidden{
overflow-y: hidden !important;
}
.overflow-y-hidden{
overflow-y: hidden;
}
.overflow-x-visible{
overflow-x: visible;
}
.\!overflow-y-visible{
overflow-y: visible !important;
}
.overflow-y-visible{
overflow-y: visible;
}
.truncate{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.text-ellipsis{
text-overflow: ellipsis;
}
.whitespace-nowrap{
white-space: nowrap;
}
.whitespace-pre-line{
white-space: pre-line;
}
.text-wrap{
text-wrap: wrap;
}
.text-nowrap{
text-wrap: nowrap;
}
.break-words{
overflow-wrap: break-word;
}
.\!rounded-none{
border-radius: 0 !important;
}
.rounded-12px{
border-radius: 12px;
}
.rounded-16px{
border-radius: 16px;
}
.rounded-20px{
border-radius: 20px;
}
.rounded-24px{
border-radius: 24px;
}
.rounded-28px{
border-radius: 28px;
}
.rounded-32px{
border-radius: 32px;
}
.rounded-40px{
border-radius: 40px;
}
.rounded-48px{
border-radius: 48px;
}
.rounded-4px{
border-radius: 4px;
}
.rounded-60px{
border-radius: 60px;
}
.rounded-6px{
border-radius: 6px;
}
.rounded-8px{
border-radius: 8px;
}
.rounded-\[\*\]{
border-radius: *;
}
.rounded-\[120px\]{
border-radius: 120px;
}
.rounded-\[3px\]{
border-radius: 3px;
}
.rounded-\[400px\]{
border-radius: 400px;
}
.rounded-\[8px\]{
border-radius: 8px;
}
.rounded-full{
border-radius: 9999px;
}
.rounded-none{
border-radius: 0;
}
.\!rounded-b-none{
border-bottom-right-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
.rounded-b-inherit{
border-bottom-right-radius: inherit;
border-bottom-left-radius: inherit;
}
.rounded-l-12px{
border-top-left-radius: 12px;
border-bottom-left-radius: 12px;
}
.rounded-l-8px{
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
}
.rounded-l-none{
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.rounded-r-12px{
border-top-right-radius: 12px;
border-bottom-right-radius: 12px;
}
.rounded-r-8px{
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
.rounded-r-none{
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.rounded-t-32px{
border-top-left-radius: 32px;
border-top-right-radius: 32px;
}
.rounded-t-8px{
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.rounded-t-inherit{
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
.rounded-tr-12px{
border-top-right-radius: 12px;
}
.rounded-tr-16px{
border-top-right-radius: 16px;
}
.rounded-tr-20px{
border-top-right-radius: 20px;
}
.rounded-tr-24px{
border-top-right-radius: 24px;
}
.rounded-tr-28px{
border-top-right-radius: 28px;
}
.rounded-tr-32px{
border-top-right-radius: 32px;
}
.rounded-tr-40px{
border-top-right-radius: 40px;
}
.rounded-tr-48px{
border-top-right-radius: 48px;
}
.rounded-tr-4px{
border-top-right-radius: 4px;
}
.rounded-tr-60px{
border-top-right-radius: 60px;
}
.rounded-tr-6px{
border-top-right-radius: 6px;
}
.rounded-tr-8px{
border-top-right-radius: 8px;
}
.rounded-tr-full{
border-top-right-radius: 9999px;
}
.rounded-tr-none{
border-top-right-radius: 0;
}
.\!border-0{
border-width: 0px !important;
}
.border{
border-width: 1px;
}
.border-0{
border-width: 0px;
}
.border-2{
border-width: 2px;
}
.border-\[0\.6px\]{
border-width: 0.6px;
}
.border-x-0{
border-left-width: 0px;
border-right-width: 0px;
}
.border-y{
border-top-width: 1px;
border-bottom-width: 1px;
}
.border-y-4{
border-top-width: 4px;
border-bottom-width: 4px;
}
.\!border-t-0{
border-top-width: 0px !important;
}
.border-b{
border-bottom-width: 1px;
}
.border-b-\[1px\]{
border-bottom-width: 1px;
}
.border-l-0{
border-left-width: 0px;
}
.border-r{
border-right-width: 1px;
}
.border-r-0{
border-right-width: 0px;
}
.border-t{
border-top-width: 1px;
}
.border-t-2{
border-top-width: 2px;
}
.border-solid{
border-style: solid;
}
.\!border-error500{
border-color: var(--brand-error-500-main) !important;
}
.\!border-gray600{
border-color: var(--Brand-Gray-600) !important;
}
.\!border-primaryBlue500{
border-color: var(--Brand-Primary-Blue-500) !important;
}
.\!border-primaryBlue600{
border-color: var(--Brand-Primary-Blue-600) !important;
}
.\!border-primaryBlue700{
border-color: var(--brand-primary-blue-700-main) !important;
}
.border-error400{
border-color: var(--Brand-Error-400);
}
.border-gray100{
border-color: var(--Brand-Gray-100);
}
.border-gray200{
border-color: var(--Brand-Gray-200);
}
.border-gray300{
border-color: var(--Brand-Gray-300);
}
.border-gray400{
border-color: var(--Brand-Gray-400);
}
.border-gray50{
border-color: var(--Brand-Gray-50);
}
.border-gray500{
/* border-color: var(--Brand-Gray-500); */
border-color: #a5abb3;
}
.border-gray600{
border-color: var(--Brand-Gray-600);
}
.border-primaryBlue100{
border-color: var(--Brand-Primary-Blue-100);
}
.border-primaryBlue200{
border-color: var(--Brand-Primary-Blue-200);
}
.border-primaryBlue300{
border-color: var(--Brand-Primary-Blue-300);
}
.border-primaryBlue400{
border-color: var(--Brand-Primary-Blue-400);
}
.border-primaryBlue500{
border-color: var(--Brand-Primary-Blue-500);
}
.border-primaryBlue700{
border-color: var(--brand-primary-blue-700-main);
}
.border-secondaryPink400{
border-color: var(--Brand-Secondary-Pink-400);
}
.border-success400{
border-color: var(--Brand-Success-400);
}
.border-transparent{
border-color: transparent;
}
.border-transparentWhite20{
border-color: var(--transparent-white-20);
}
.border-transparentWhite60{
border-color: var(--transparent-white-60);
}
.border-warning400{
border-color: var(--Brand-Warning-400);
}
.border-white{
border-color: var(--brand-bw-white);
}
.border-b-gray100{
border-bottom-color: var(--Brand-Gray-100);
}
.border-b-gray300{
border-bottom-color: var(--Brand-Gray-300);
}
.border-b-primaryBlue700{
border-bottom-color: var(--brand-primary-blue-700-main);
}
.border-b-strokeOnPrimary{
border-bottom-color: var(--Stroke-on-primary);
}
.border-r-primaryBlue700{
border-right-color: var(--brand-primary-blue-700-main);
}
.border-t-gray100{
border-top-color: var(--Brand-Gray-100);
}
.border-t-gray300{
border-top-color: var(--Brand-Gray-300);
}
.\!bg-gray25{
background-color: var(--Brand-Gray-25) !important;
}
.\!bg-primaryBlue25{
background-color: var(--Brand-Primary-Blue-25) !important;
}
.\!bg-transparent{
background-color: transparent !important;
}
.\!bg-white{
background-color: var(--brand-bw-white) !important;
}
.bg-\[\#3333ffbb\]{
background-color: #3333ffbb;
}
.bg-\[\#77777788\]{
background-color: #77777788;
}
.bg-\[\#eeeeee55\]{
background-color: #eeeeee55;
}
.bg-black{
background-color: var(--brand-bw-black);
}
.bg-error50{
background-color: var(--Brand-Error-50);
}
.bg-error500{
background-color: var(--brand-error-500-main);
}
.bg-gray100{
background-color: var(--Brand-Gray-100);
}
.bg-gray25{
background-color: var(--Brand-Gray-25);
}
.bg-gray30{
background-color: var(--Brand-Gray-30);
}
.bg-gray300{
background-color: var(--Brand-Gray-300);
}
.bg-gray400{
background-color: var(--Brand-Gray-400);
}
.bg-gray50{
background-color: var(--Brand-Gray-50);
}
.bg-gray500{
background-color: var(--Brand-Gray-500);
}
.bg-gray800{
background-color: var(--Brand-Gray-800);
}
.bg-primaryBlue200{
background-color: var(--Brand-Primary-Blue-200);
}
.bg-primaryBlue25{
background-color: var(--Brand-Primary-Blue-25);
}
.bg-primaryBlue300{
background-color: var(--Brand-Primary-Blue-300);
}
.bg-primaryBlue50{
background-color: var(--Brand-Primary-Blue-50);
}
.bg-primaryBlue500{
background-color: var(--Brand-Primary-Blue-500);
}
.bg-primaryBlue600{
background-color: var(--Brand-Primary-Blue-600);
}
.bg-primaryBlue700{
background-color: var(--brand-primary-blue-700-main);
}
.bg-primaryBlue800{
background-color: var(--Brand-Primary-Blue-800);
}
.bg-secondaryPink25{
background-color: var(--Brand-Secondary-Pink-25);
}
.bg-secondaryPink500{
background-color: var(--brand-secondary-pink-500-main);
}
.bg-success50{
background-color: var(--Brand-Success-50);
}
.bg-surfaceBgBrand{
background-color: var(--Surface-bg-brand);
}
.bg-surfaceBgGray{
background-color: var(--Surface-bg-gray);
}
.bg-transparent{
background-color: transparent;
}
.bg-transparentBlack20{
background-color: var(--transparent-black-20);
}
.bg-transparentBlack60{
background-color: var(--transparent-black-60);
}
.bg-transparentGray40025{
background-color: var(--transparent-gray-40025);
}
.bg-transparentGray40040{
background-color: var(--transparent-gray-40040);
}
.bg-transparentWhite50{
background-color: var(--transparent-white-50);
}
.bg-transparentWhite60{
background-color: var(--transparent-white-60);
}
.bg-transparentWhite85{
background-color: var(--transparent-white-85);
}
.bg-warning100{
background-color: var(--Brand-Warning-100);
}
.bg-warning50{
background-color: var(--Brand-Warning-50);
}
.bg-white{
background-color: var(--brand-bw-white);
}
.bg-overflowBtnOverlayL{
background-image: var(--Overflow-Btn-Overlay-L);
}
.bg-overflowBtnOverlayR{
background-image: var(--Overflow-Btn-Overlay-R);
}
.bg-overlayActionCardD1023under{
background-image: var(--Overlay-Action-Card-Overlay_D--1023-under);
}
.bg-overlayActionCardD1024up{
background-image: var(--Overlay-Action-Card-Overlay_D---1024-up);
}
.bg-overlayActionCardL1023under{
background-image: var(--Overlay-Action-Card-Overlay_L---1023-under);
}
.bg-overlayActionCardL1024up{
background-image: var(--Overlay-Action-Card-Overlay_L---1024-up);
}
.bg-overlayKV_Overlay{
background-image: var(--Overlay-KV_Overlay);
}
.object-contain{
-o-object-fit: contain;
object-fit: contain;
}
.object-cover{
-o-object-fit: cover;
object-fit: cover;
}
.object-center{
-o-object-position: center;
object-position: center;
}
.p-0{
padding: 0px;
}
.p-0\.5{
padding: 0.125rem;
}
.p-1{
padding: 0.25rem;
}
.p-10{
padding: 2.5rem;
}
.p-12px{
padding: 0.75rem;
}
.p-16px{
padding: 1rem;
}
.p-2{
padding: 0.5rem;
}
.p-20px{
padding: 1.25rem;
}
.p-24px{
padding: 1.5rem;
}
.p-28px{
padding: 1.75rem;
}
.p-2px{
padding: 0.125rem;
}
.p-3{
padding: 0.75rem;
}
.p-4{
padding: 1rem;
}
.p-48px{
padding: 3rem;
}
.p-4px{
padding: 0.25rem;
}
.p-5{
padding: 1.25rem;
}
.p-6{
padding: 1.5rem;
}
.p-8px{
padding: 0.5rem;
}
.p-modalVpPaddingS{
padding: 8px;
}
.p-modalXPaddingS{
padding: 16px;
}
.\!px-0{
padding-left: 0px !important;
padding-right: 0px !important;
}
.\!px-modalXPaddingS{
padding-left: 16px !important;
padding-right: 16px !important;
}
.px-0{
padding-left: 0px;
padding-right: 0px;
}
.px-1{
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.px-1\.5{
padding-left: 0.375rem;
padding-right: 0.375rem;
}
.px-10px{
padding-left: 0.625rem;
padding-right: 0.625rem;
}
.px-12px{
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.px-14px{
padding-left: 0.875rem;
padding-right: 0.875rem;
}
.px-16px{
padding-left: 1rem;
padding-right: 1rem;
}
.px-18px{
padding-left: 1.125rem;
padding-right: 1.125rem;
}
.px-2{
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.px-2\.5{
padding-left: 0.625rem;
padding-right: 0.625rem;
}
.px-20px{
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.px-24px{
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.px-3{
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.px-3\.5{
padding-left: 0.875rem;
padding-right: 0.875rem;
}
.px-4{
padding-left: 1rem;
padding-right: 1rem;
}
.px-40px{
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.px-4px{
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.px-5{
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.px-64px{
padding-left: 4rem;
padding-right: 4rem;
}
.px-6px{
padding-left: 0.375rem;
padding-right: 0.375rem;
}
.px-8{
padding-left: 2rem;
padding-right: 2rem;
}
.px-8px{
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.px-\[60px\]{
padding-left: 60px;
padding-right: 60px;
}
.px-\[8px\]{
padding-left: 8px;
padding-right: 8px;
}
.px-basicPadding{
padding-left: var(--gs-margin);
padding-right: var(--gs-margin);
}
.px-gsMargin{
padding-left: var(--gs-margin);
padding-right: var(--gs-margin);
}
.px-modalXPaddingL{
padding-left: 24px;
padding-right: 24px;
}
.px-modalXPaddingM{
padding-left: 20px;
padding-right: 20px;
}
.px-modalXPaddingS{
padding-left: 16px;
padding-right: 16px;
}
.py-0\.5{
padding-top: 0.125rem;
padding-bottom: 0.125rem;
}
.py-1{
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.py-1\.5{
padding-top: 0.375rem;
padding-bottom: 0.375rem;
}
.py-10px{
padding-top: 0.625rem;
padding-bottom: 0.625rem;
}
.py-12px{
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.py-14px{
padding-top: 0.875rem;
padding-bottom: 0.875rem;
}
.py-15{
padding-top: 3.75rem;
padding-bottom: 3.75rem;
}
.py-16px{
padding-top: 1rem;
padding-bottom: 1rem;
}
.py-2{
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.py-2\.5{
padding-top: 0.625rem;
padding-bottom: 0.625rem;
}
.py-20px{
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.py-24px{
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.py-2px{
padding-top: 0.125rem;
padding-bottom: 0.125rem;
}
.py-3{
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.py-30{
padding-top: 7.5rem;
padding-bottom: 7.5rem;
}
.py-32px{
padding-top: 2rem;
padding-bottom: 2rem;
}
.py-36px{
padding-top: 2.25rem;
padding-bottom: 2.25rem;
}
.py-4{
padding-top: 1rem;
padding-bottom: 1rem;
}
.py-48px{
padding-top: 3rem;
padding-bottom: 3rem;
}
.py-4px{
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.py-5{
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.py-6{
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.py-6px{
padding-top: 0.375rem;
padding-bottom: 0.375rem;
}
.py-8px{
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.py-\[11px\]{
padding-top: 11px;
padding-bottom: 11px;
}
.py-\[12px\]{
padding-top: 12px;
padding-bottom: 12px;
}
.py-\[4px\]{
padding-top: 4px;
padding-bottom: 4px;
}
.\!pb-0{
padding-bottom: 0px !important;
}
.\!pb-12px{
padding-bottom: 0.75rem !important;
}
.pb-0{
padding-bottom: 0px;
}
.pb-0\.5{
padding-bottom: 0.125rem;
}
.pb-1\.5{
padding-bottom: 0.375rem;
}
.pb-100px{
padding-bottom: 6.25rem;
}
.pb-10px{
padding-bottom: 0.625rem;
}
.pb-140px{
padding-bottom: 8.75rem;
}
.pb-16px{
padding-bottom: 1rem;
}
.pb-18px{
padding-bottom: 1.125rem;
}
.pb-2{
padding-bottom: 0.5rem;
}
.pb-2\.5{
padding-bottom: 0.625rem;
}
.pb-20{
padding-bottom: 5rem;
}
.pb-20px{
padding-bottom: 1.25rem;
}
.pb-24{
padding-bottom: 6rem;
}
.pb-24px{
padding-bottom: 1.5rem;
}
.pb-28px{
padding-bottom: 1.75rem;
}
.pb-2px{
padding-bottom: 0.125rem;
}
.pb-32px{
padding-bottom: 2rem;
}
.pb-36px{
padding-bottom: 2.25rem;
}
.pb-40px{
padding-bottom: 2.5rem;
}
.pb-44px{
padding-bottom: 2.75rem;
}
.pb-5{
padding-bottom: 1.25rem;
}
.pb-56px{
padding-bottom: 3.5rem;
}
.pb-6{
padding-bottom: 1.5rem;
}
.pb-6px{
padding-bottom: 0.375rem;
}
.pb-7{
padding-bottom: 1.75rem;
}
.pb-80px{
padding-bottom: 5rem;
}
.pb-8px{
padding-bottom: 0.5rem;
}
.pb-\[12px\]{
padding-bottom: 12px;
}
.pb-\[180px\]{
padding-bottom: 180px;
}
.pb-\[260px\]{
padding-bottom: 260px;
}
.pb-\[3px\]{
padding-bottom: 3px;
}
.pb-\[4px\]{
padding-bottom: 4px;
}
.pb-modalBPaddingL{
padding-bottom: 32px;
}
.pb-modalBPaddingM{
padding-bottom: 28px;
}
.pb-modalBPaddingS{
padding-bottom: 24px;
}
.pb-modalBPaddingXS{
padding-bottom: 20px;
}
.pb-modalBPaddingXXS{
padding-bottom: 16px;
}
.pb-sectionFooterTopPadding{
padding-bottom: var(--Spacing-Section-Footer-Top-padding);
}
.pb-sectionNormalPadding{
padding-bottom: var(--Spacing-Section-Normal-Sec-padding);
}
.pl-10px{
padding-left: 0.625rem;
}
.pl-12px{
padding-left: 0.75rem;
}
.pl-14px{
padding-left: 0.875rem;
}
.pl-16px{
padding-left: 1rem;
}
.pl-18px{
padding-left: 1.125rem;
}
.pl-2\.5{
padding-left: 0.625rem;
}
.pl-20px{
padding-left: 1.25rem;
}
.pl-5{
padding-left: 1.25rem;
}
.pl-6{
padding-left: 1.5rem;
}
.pr-12px{
padding-right: 0.75rem;
}
.pr-18px{
padding-right: 1.125rem;
}
.pr-20px{
padding-right: 1.25rem;
}
.pr-24px{
padding-right: 1.5rem;
}
.pr-32px{
padding-right: 2rem;
}
.pr-6{
padding-right: 1.5rem;
}
.pr-8px{
padding-right: 0.5rem;
}
.pr-\[60px\]{
padding-right: 60px;
}
.ps-20px{
padding-inline-start: 1.25rem;
}
.ps-24px{
padding-inline-start: 1.5rem;
}
.pt-0{
padding-top: 0px;
}
.pt-1{
padding-top: 0.25rem;
}
.pt-10px{
padding-top: 0.625rem;
}
.pt-12{
padding-top: 3rem;
}
.pt-12px{
padding-top: 0.75rem;
}
.pt-14px{
padding-top: 0.875rem;
}
.pt-16px{
padding-top: 1rem;
}
.pt-18px{
padding-top: 1.125rem;
}
.pt-20{
padding-top: 5rem;
}
.pt-20px{
padding-top: 1.25rem;
}
.pt-24px{
padding-top: 1.5rem;
}
.pt-28px{
padding-top: 1.75rem;
}
.pt-3{
padding-top: 0.75rem;
}
.pt-32px{
padding-top: 2rem;
}
.pt-4{
padding-top: 1rem;
}
.pt-40px{
padding-top: 2.5rem;
}
.pt-6{
padding-top: 1.5rem;
}
.pt-64px{
padding-top: 4rem;
}
.pt-8{
padding-top: 2rem;
}
.pt-80px{
padding-top: 5rem;
}
.pt-8px{
padding-top: 0.5rem;
}
.pt-\[1px\]{
padding-top: 1px;
}
.pt-\[3px\]{
padding-top: 3px;
}
.pt-homeFirstSectionTop{
padding-top: var(--Spacing-Section-Home-1st-Sec-padding);
}
.pt-modalTPaddingXS{
padding-top: 12px;
}
.pt-sectionContainerTop{
padding-top: var(--Spacing-Section-Container-Top-default);
}
.pt-sectionContainerTopNone{
padding-top: 0px;
}
.pt-sectionNormalPadding{
padding-top: var(--Spacing-Section-Normal-Sec-padding);
}
.text-left{
text-align: left;
}
.text-center{
text-align: center;
}
.text-right{
text-align: right;
}
.text-start{
text-align: start;
}
.align-baseline{
vertical-align: baseline;
}
.align-top{
vertical-align: top;
}
.align-middle{
vertical-align: middle;
}
.align-text-top{
vertical-align: text-top;
}
.\!text-body2{
font-size: var(--body2-font-size) !important;
line-height: var(--body2-line-height) !important;
letter-spacing: var(--body2-letter-spacing) !important;
}
.text-\[96px\]{
font-size: 96px;
}
.text-body1{
font-size: var(--body1-font-size);
line-height: var(--body1-line-height);
letter-spacing: var(--body1-letter-spacing);
}
.text-body2{
font-size: var(--body2-font-size);
line-height: var(--body2-line-height);
letter-spacing: var(--body2-letter-spacing);
}
.text-caption1{
font-size: var(--caption1-font-size);
line-height: var(--caption1-line-height);
letter-spacing: var(--caption1-letter-spacing);
}
.text-caption2{
font-size: var(--caption2-font-size);
line-height: var(--caption2-line-height);
letter-spacing: var(--caption2-letter-spacing);
}
.text-en-body1{
font-size: var(--en-body1-font-size);
line-height: var(--en-body1-line-height);
letter-spacing: var(--en-body1-letter-spacing);
}
.text-en-body2{
font-size: var(--en-body2-font-size);
line-height: var(--en-body2-line-height);
letter-spacing: var(--en-body2-letter-spacing);
}
.text-en-caption1{
font-size: var(--en-caption1-font-size);
line-height: var(--en-caption1-line-height);
letter-spacing: var(--en-caption1-letter-spacing);
}
.text-en-caption2{
font-size: var(--en-caption2-font-size);
line-height: var(--en-caption2-line-height);
letter-spacing: var(--en-caption2-letter-spacing);
}
.text-en-h1{
font-size: var(--en-h1-font-size);
line-height: var(--en-h1-line-height);
letter-spacing: var(--en-h1-letter-spacing);
}
.text-en-h2{
font-size: var(--en-h2-font-size);
line-height: var(--en-h2-line-height);
letter-spacing: var(--en-h2-letter-spacing);
}
.text-en-h3{
font-size: var(--en-h3-font-size);
line-height: var(--en-h3-line-height);
letter-spacing: var(--en-h3-letter-spacing);
}
.text-en-h4{
font-size: var(--en-h4-font-size);
line-height: var(--en-h4-line-height);
letter-spacing: var(--en-h4-letter-spacing);
}
.text-en-h5{
font-size: var(--en-h5-font-size);
line-height: var(--en-h5-line-height);
letter-spacing: var(--en-h5-letter-spacing);
}
.text-en-h6{
font-size: var(--en-h6-font-size);
line-height: var(--en-h6-line-height);
letter-spacing: var(--en-h6-letter-spacing);
}
.text-en-hero1{
font-size: var(--en-hero1-font-size);
line-height: var(--en-hero1-line-height);
letter-spacing: var(--en-hero1-letter-spacing);
}
.text-en-marquee{
font-size: var(--en-marquee-font-size);
line-height: var(--en-marquee-line-height);
letter-spacing: var(--en-marquee-letter-spacing);
}
.text-en-subtitle1{
font-size: var(--en-subtitle1-font-size);
line-height: var(--en-subtitle1-line-height);
letter-spacing: var(--en-subtitle1-letter-spacing);
}
.text-en-subtitle2{
font-size: var(--en-subtitle2-font-size);
line-height: var(--en-subtitle2-line-height);
letter-spacing: var(--en-subtitle2-letter-spacing);
}
.text-en-subtitle3{
font-size: var(--en-subtitle3-font-size);
line-height: var(--en-subtitle3-line-height);
letter-spacing: var(--en-subtitle3-letter-spacing);
}
.text-en-subtitle4{
font-size: var(--en-subtitle4-font-size);
line-height: var(--en-subtitle4-line-height);
letter-spacing: var(--en-subtitle4-letter-spacing);
}
.text-en-subtitle5{
font-size: var(--en-subtitle5-font-size);
line-height: var(--en-subtitle5-line-height);
letter-spacing: var(--en-subtitle5-letter-spacing);
}
.text-h1{
font-size: var(--h1-font-size);
line-height: var(--h1-line-height);
letter-spacing: var(--h1-letter-spacing);
}
.text-h2{
font-size: var(--h2-font-size);
line-height: var(--h2-line-height);
letter-spacing: var(--h2-letter-spacing);
}
.text-h3{
font-size: var(--h3-font-size);
line-height: var(--h3-line-height);
letter-spacing: var(--h3-letter-spacing);
}
.text-h4{
font-size: var(--h4-font-size);
line-height: var(--h4-line-height);
letter-spacing: var(--h4-letter-spacing);
}
.text-h5{
font-size: var(--h5-font-size);
line-height: var(--h5-line-height);
letter-spacing: var(--h5-letter-spacing);
}
.text-h6{
font-size: var(--h6-font-size);
line-height: var(--h6-line-height);
letter-spacing: var(--h6-letter-spacing);
}
.text-hero1{
font-size: var(--hero1-font-size);
line-height: var(--hero1-line-height);
letter-spacing: var(--hero1-letter-spacing);
}
.text-subtitle1{
font-size: var(--subtitle1-font-size);
line-height: var(--subtitle1-line-height);
letter-spacing: var(--subtitle1-letter-spacing);
}
.text-subtitle2{
font-size: var(--subtitle2-font-size);
line-height: var(--subtitle2-line-height);
letter-spacing: var(--subtitle2-letter-spacing);
}
.text-subtitle3{
font-size: var(--subtitle3-font-size);
line-height: var(--subtitle3-line-height);
letter-spacing: var(--subtitle3-letter-spacing);
}
.text-subtitle4{
font-size: var(--subtitle4-font-size);
line-height: var(--subtitle4-line-height);
letter-spacing: var(--subtitle4-letter-spacing);
}
.text-subtitle5{
font-size: var(--subtitle5-font-size);
line-height: var(--subtitle5-line-height);
letter-spacing: var(--subtitle5-letter-spacing);
}
.text-zh-body1{
font-size: var(--zh-body1-font-size);
line-height: var(--zh-body1-line-height);
letter-spacing: var(--zh-body1-letter-spacing);
}
.text-zh-body2{
font-size: var(--zh-body2-font-size);
line-height: var(--zh-body2-line-height);
letter-spacing: var(--zh-body2-letter-spacing);
}
.text-zh-caption1{
font-size: var(--zh-caption1-font-size);
line-height: var(--zh-caption1-line-height);
letter-spacing: var(--zh-caption1-letter-spacing);
}
.text-zh-caption2{
font-size: var(--zh-caption2-font-size);
line-height: var(--zh-caption2-line-height);
letter-spacing: var(--zh-caption2-letter-spacing);
}
.text-zh-h1{
font-size: var(--zh-h1-font-size);
line-height: var(--zh-h1-line-height);
letter-spacing: var(--zh-h1-letter-spacing);
}
.text-zh-h2{
font-size: var(--zh-h2-font-size);
line-height: var(--zh-h2-line-height);
letter-spacing: var(--zh-h2-letter-spacing);
}
.text-zh-h3{
font-size: var(--zh-h3-font-size);
line-height: var(--zh-h3-line-height);
letter-spacing: var(--zh-h3-letter-spacing);
}
.text-zh-h4{
font-size: var(--zh-h4-font-size);
line-height: var(--zh-h4-line-height);
letter-spacing: var(--zh-h4-letter-spacing);
}
.text-zh-h5{
font-size: var(--zh-h5-font-size);
line-height: var(--zh-h5-line-height);
letter-spacing: var(--zh-h5-letter-spacing);
}
.text-zh-h6{
font-size: var(--zh-h6-font-size);
line-height: var(--zh-h6-line-height);
letter-spacing: var(--zh-h6-letter-spacing);
}
.text-zh-hero1{
font-size: var(--zh-hero1-font-size);
line-height: var(--zh-hero1-line-height);
letter-spacing: var(--zh-hero1-letter-spacing);
}
.text-zh-subtitle1{
font-size: var(--zh-subtitle1-font-size);
line-height: var(--zh-subtitle1-line-height);
letter-spacing: var(--zh-subtitle1-letter-spacing);
}
.text-zh-subtitle2{
font-size: var(--zh-subtitle2-font-size);
line-height: var(--zh-subtitle2-line-height);
letter-spacing: var(--zh-subtitle2-letter-spacing);
}
.text-zh-subtitle3{
font-size: var(--zh-subtitle3-font-size);
line-height: var(--zh-subtitle3-line-height);
letter-spacing: var(--zh-subtitle3-letter-spacing);
}
.text-zh-subtitle4{
font-size: var(--zh-subtitle4-font-size);
line-height: var(--zh-subtitle4-line-height);
letter-spacing: var(--zh-subtitle4-letter-spacing);
}
.text-zh-subtitle5{
font-size: var(--zh-subtitle5-font-size);
line-height: var(--zh-subtitle5-line-height);
letter-spacing: var(--zh-subtitle5-letter-spacing);
}
.font-w400{
font-weight: 400;
}
.font-w500{
font-weight: 500;
}
.font-w700{
font-weight: 700;
}
.leading-\[0px\]{
line-height: 0px;
}
.\!text-error500{
color: var(--brand-error-500-main) !important;
}
.\!text-gray500{
color: var(--Brand-Gray-500) !important;
}
.text-\[\#222222\]{
--tw-text-opacity: 1;
color: rgb(34 34 34 / var(--tw-text-opacity, 1));
}
.text-\[\#ffaaaa66\]{
color: #ffaaaa66;
}
.text-\[\#ffdddd\]{
--tw-text-opacity: 1;
color: rgb(255 221 221 / var(--tw-text-opacity, 1));
}
.text-black{
color: var(--brand-bw-black);
}
.text-error100{
color: var(--Brand-Error-100);
}
.text-error300{
color: var(--Brand-Error-300);
}
.text-error400{
color: var(--Brand-Error-400);
}
.text-error50{
color: var(--Brand-Error-50);
}
.text-error500{
color: var(--brand-error-500-main);
}
.text-error600{
color: var(--Brand-Error-600);
}
.text-error700{
color: var(--Brand-Error-700);
}
.text-gray100{
color: var(--Brand-Gray-100);
}
.text-gray200{
color: var(--Brand-Gray-200);
}
.text-gray25{
color: var(--Brand-Gray-25);
}
.text-gray30{
color: var(--Brand-Gray-30);
}
.text-gray300{
color: var(--Brand-Gray-300);
}
.text-gray400{
color: var(--Brand-Gray-400);
}
.text-gray50{
color: var(--Brand-Gray-50);
}
.text-gray500{
color: var(--Brand-Gray-500);
}
.text-gray55{
color: var(--Brand-Gray-55);
}
.text-gray600{
color: var(--Brand-Gray-600);
}
.text-gray70{
color: var(--Brand-Gray-70);
}
.text-gray700{
color: var(--Brand-Gray-700);
}
.text-gray800{
color: var(--Brand-Gray-800);
}
.text-gray900{
color: var(--Brand-Gray-900);
}
.text-primaryBlue100{
color: var(--Brand-Primary-Blue-100);
}
.text-primaryBlue200{
color: var(--Brand-Primary-Blue-200);
}
.text-primaryBlue25{
color: var(--Brand-Primary-Blue-25);
}
.text-primaryBlue300{
color: var(--Brand-Primary-Blue-300);
}
.text-primaryBlue400{
color: var(--Brand-Primary-Blue-400);
}
.text-primaryBlue50{
color: var(--Brand-Primary-Blue-50);
}
.text-primaryBlue500{
color: var(--Brand-Primary-Blue-500);
}
.text-primaryBlue600{
color: var(--Brand-Primary-Blue-600);
}
.text-primaryBlue700{
color: var(--brand-primary-blue-700-main);
}
.text-primaryBlue800{
color: var(--Brand-Primary-Blue-800);
}
.text-primaryBlue900{
color: var(--Brand-Primary-Blue-900);
}
.text-secondaryPink100{
color: var(--Brand-Secondary-Pink-100);
}
.text-secondaryPink200{
color: var(--Brand-Secondary-Pink-200);
}
.text-secondaryPink25{
color: var(--Brand-Secondary-Pink-25);
}
.text-secondaryPink300{
color: var(--Brand-Secondary-Pink-300);
}
.text-secondaryPink400{
color: var(--Brand-Secondary-Pink-400);
}
.text-secondaryPink50{
color: var(--Brand-Secondary-Pink-50);
}
.text-secondaryPink500{
color: var(--brand-secondary-pink-500-main);
}
.text-secondaryPink600{
color: var(--Brand-Secondary-Pink-600);
}
.text-secondaryPink700{
color: var(--Brand-Secondary-Pink-700);
}
.text-secondaryPink800{
color: var(--Brand-Secondary-Pink-800);
}
.text-secondaryPink900{
color: var(--Brand-Secondary-Pink-900);
}
.text-strokeOnDarkFocused{
color: var(--Stroke-on-dark-focused);
}
.text-strokeOnPrimary{
color: var(--Stroke-on-primary);
}
.text-strokeOnWhiteBg{
color: var(--Stroke-on-white-bg);
}
.text-success100{
color: var(--Brand-Success-100);
}
.text-success400{
color: var(--Brand-Success-400);
}
.text-success50{
color: var(--Brand-Success-50);
}
.text-success500{
color: var(--brand-success-500-main);
}
.text-success600{
color: var(--Brand-Success-600);
}
.text-success700{
color: var(--Brand-Success-700);
}
.text-surfaceBgBrand{
color: var(--Surface-bg-brand);
}
.text-surfaceBgGray{
color: var(--Surface-bg-gray);
}
.text-transparentBlack10{
color: var(--transparent-black-10);
}
.text-transparentBlack20{
color: var(--transparent-black-20);
}
.text-transparentBlack30{
color: var(--transparent-black-30);
}
.text-transparentBlack40{
color: var(--transparent-black-40);
}
.text-transparentBlack50{
color: var(--transparent-black-50);
}
.text-transparentBlack60{
color: var(--transparent-black-60);
}
.text-transparentError10085{
color: var(--transparent-error-10085);
}
.text-transparentGray10085{
color: var(--transparent-gray-10085);
}
.text-transparentGray40008{
color: var(--transparent-gray-40008);
}
.text-transparentGray40025{
color: var(--transparent-gray-40025);
}
.text-transparentGray40040{
color: var(--transparent-gray-40040);
}
.text-transparentGray50020{
color: var(--transparent-gray-50020);
}
.text-transparentGray7085{
color: var(--transparent-gray-7085);
}
.text-transparentPrimaryBlue10085{
color: var(--transparent-primary-blue-10085);
}
.text-transparentPrimaryBlue80010{
color: var(--transparent-primary-blue-80010);
}
.text-transparentPrimaryBlue90020{
color: var(--transparent-primary-blue-90020);
}
.text-transparentPrimaryBlue90060{
color: var(--transparent-primary-blue-90060);
}
.text-transparentPrimaryPink10085{
color: var(--transparent-primary-pink-10085);
}
.text-transparentWhite10{
color: var(--transparent-white-10);
}
.text-transparentWhite20{
color: var(--transparent-white-20);
}
.text-transparentWhite30{
color: var(--transparent-white-30);
}
.text-transparentWhite40{
color: var(--transparent-white-40);
}
.text-transparentWhite5{
color: var(--transparent-white-5);
}
.text-transparentWhite50{
color: var(--transparent-white-50);
}
.text-transparentWhite60{
color: var(--transparent-white-60);
}
.text-transparentWhite85{
color: var(--transparent-white-85);
}
.text-warning100{
color: var(--Brand-Warning-100);
}
.text-warning400{
color: var(--Brand-Warning-400);
}
.text-warning50{
color: var(--Brand-Warning-50);
}
.text-warning500{
color: var(--brand-warning-500-main);
}
.text-warning600{
color: var(--Brand-Warning-600);
}
.text-warning700{
color: var(--Brand-Warning-700);
}
.text-white{
color: var(--brand-bw-white);
}
.underline{
text-decoration-line: underline;
}
.\!opacity-100{
opacity: 1 !important;
}
.opacity-0{
opacity: 0;
}
.opacity-100{
opacity: 1;
}
.opacity-45{
opacity: 0.45;
}
.opacity-75{
opacity: 0.75;
}
.\!shadow-OutlinedBorder2pxBlueFocused{
--tw-shadow: 0px 0px 0px 2px var(--brand-bw-white), 0px 0px 0px 4px var(--Brand-Primary-Blue-500) !important;
--tw-shadow-colored: 0px 0px 0px 2px var(--tw-shadow-color), 0px 0px 0px 4px var(--tw-shadow-color) !important;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.\!shadow-xs{
--tw-shadow: 0px 2px 6px 0px rgba(23, 24, 28, 0.03), 0px 2px 20px 0px rgba(23, 24, 28, 0.03), 0px 1px 10px 0px rgba(23, 24, 28, 0.01), 0px 4px 8px 0px rgba(23, 24, 28, 0), 0px 4px 16px 0px rgba(23, 24, 28, 0), 0px 60px 50px 0px rgba(23, 24, 28, 0), 0px 20px 32px 0px rgba(23, 24, 28, 0) !important;
--tw-shadow-colored: 0px 2px 6px 0px var(--tw-shadow-color), 0px 2px 20px 0px var(--tw-shadow-color), 0px 1px 10px 0px var(--tw-shadow-color), 0px 4px 8px 0px var(--tw-shadow-color), 0px 4px 16px 0px var(--tw-shadow-color), 0px 60px 50px 0px var(--tw-shadow-color), 0px 20px 32px 0px var(--tw-shadow-color) !important;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow-DateCellSelectedFocused{
--tw-shadow: 0px 0px 0px 2px var(--brand-primary-blue-700-main) inset, 0px 0px 0px 4px var(--brand-bw-white) inset;
--tw-shadow-colored: inset 0px 0px 0px 2px var(--tw-shadow-color), inset 0px 0px 0px 4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-OutlinedBorder1pxBlueFocused{
--tw-shadow: 0px 0px 0px 2px var(--brand-bw-white), 0px 0px 0px 3px var(--Brand-Primary-Blue-500);
--tw-shadow-colored: 0px 0px 0px 2px var(--tw-shadow-color), 0px 0px 0px 3px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-OutlinedBorder2pxBlueFocused{
--tw-shadow: 0px 0px 0px 2px var(--brand-bw-white), 0px 0px 0px 4px var(--Brand-Primary-Blue-500);
--tw-shadow-colored: 0px 0px 0px 2px var(--tw-shadow-color), 0px 0px 0px 4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-l{
--tw-shadow: 0px 2px 4px 0px rgba(23, 24, 28, 0.12), 0px 4px 28px 0px rgba(23, 24, 28, 0.09), 0px 4px 16px 0px rgba(23, 24, 28, 0.04), 0px 60px 50px 0px rgba(23, 24, 28, 0.04), 0px 20px 32px 0px rgba(23, 24, 28, 0.10), 0px 0px 0px 0px rgba(23, 24, 28, 0.10);
--tw-shadow-colored: 0px 2px 4px 0px var(--tw-shadow-color), 0px 4px 28px 0px var(--tw-shadow-color), 0px 4px 16px 0px var(--tw-shadow-color), 0px 60px 50px 0px var(--tw-shadow-color), 0px 20px 32px 0px var(--tw-shadow-color), 0px 0px 0px 0px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-m{
--tw-shadow: 0px 2px 6px 0px rgba(23, 24, 28, 0), 0px 2px 20px 0px rgba(23, 24, 28, 0), 0px 1px 10px 0px rgba(23, 24, 28, 0), 0px 4px 8px 0px rgba(23, 24, 28, 0.06), 0px 4px 16px 0px rgba(23, 24, 28, 0.04), 0px 60px 50px 0px rgba(23, 24, 28, 0.04), 0px 20px 32px 0px rgba(23, 24, 28, 0.10);
--tw-shadow-colored: 0px 2px 6px 0px var(--tw-shadow-color), 0px 2px 20px 0px var(--tw-shadow-color), 0px 1px 10px 0px var(--tw-shadow-color), 0px 4px 8px 0px var(--tw-shadow-color), 0px 4px 16px 0px var(--tw-shadow-color), 0px 60px 50px 0px var(--tw-shadow-color), 0px 20px 32px 0px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-modalFooter{
--tw-shadow: 0px -4px 16px 0px rgba(23, 24, 28, 0.04), 0px -10px 28px 8px rgba(23, 24, 28, 0.04);
--tw-shadow-colored: 0px -4px 16px 0px var(--tw-shadow-color), 0px -10px 28px 8px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-no-shadow{
--tw-shadow: 0px 2px 6px 0px rgba(23, 24, 28, 0), 0px 2px 20px 0px rgba(23, 24, 28, 0), 0px 1px 10px 0px rgba(23, 24, 28, 0), 0px 4px 8px 0px rgba(23, 24, 28, 0), 0px 4px 16px 0px rgba(23, 24, 28, 0), 0px 60px 50px 0px rgba(23, 24, 28, 0), 0px 20px 32px 0px rgba(23, 24, 28, 0);
--tw-shadow-colored: 0px 2px 6px 0px var(--tw-shadow-color), 0px 2px 20px 0px var(--tw-shadow-color), 0px 1px 10px 0px var(--tw-shadow-color), 0px 4px 8px 0px var(--tw-shadow-color), 0px 4px 16px 0px var(--tw-shadow-color), 0px 60px 50px 0px var(--tw-shadow-color), 0px 20px 32px 0px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-s{
--tw-shadow: 0px 6px 16px 0px rgba(23, 24, 28, 0.08), 0px 3px 5px -4px rgba(23, 24, 28, 0.12), 0px 9px 28px 8px rgba(23, 24, 28, 0.05);
--tw-shadow-colored: 0px 6px 16px 0px var(--tw-shadow-color), 0px 3px 5px -4px var(--tw-shadow-color), 0px 9px 28px 8px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xl{
--tw-shadow: 0px 151px 42px 0px rgba(23, 24, 28, 0.00), 0px 97px 39px 0px rgba(23, 24, 28, 0.02), 0px 54px 33px 0px rgba(23, 24, 28, 0.06), 0px 24px 24px 0px rgba(23, 24, 28, 0.10), 0px 6px 13px 0px rgba(23, 24, 28, 0.12);
--tw-shadow-colored: 0px 151px 42px 0px var(--tw-shadow-color), 0px 97px 39px 0px var(--tw-shadow-color), 0px 54px 33px 0px var(--tw-shadow-color), 0px 24px 24px 0px var(--tw-shadow-color), 0px 6px 13px 0px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xs{
--tw-shadow: 0px 2px 6px 0px rgba(23, 24, 28, 0.03), 0px 2px 20px 0px rgba(23, 24, 28, 0.03), 0px 1px 10px 0px rgba(23, 24, 28, 0.01), 0px 4px 8px 0px rgba(23, 24, 28, 0), 0px 4px 16px 0px rgba(23, 24, 28, 0), 0px 60px 50px 0px rgba(23, 24, 28, 0), 0px 20px 32px 0px rgba(23, 24, 28, 0);
--tw-shadow-colored: 0px 2px 6px 0px var(--tw-shadow-color), 0px 2px 20px 0px var(--tw-shadow-color), 0px 1px 10px 0px var(--tw-shadow-color), 0px 4px 8px 0px var(--tw-shadow-color), 0px 4px 16px 0px var(--tw-shadow-color), 0px 60px 50px 0px var(--tw-shadow-color), 0px 20px 32px 0px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-transparent{
--tw-shadow-color: transparent;
--tw-shadow: var(--tw-shadow-colored);
}
/*--*/
.outline-none{
outline: 2px solid transparent;
outline-offset: 2px;
}
.outline{
outline-style: solid;
}
.outline-0{
outline-width: 0px;
}
.outline-1{
outline-width: 1px;
}
.outline-2{
outline-width: 2px;
}
.-outline-offset-2{
outline-offset: -2px;
}
.outline-offset-2{
outline-offset: 2px;
}
.outline-\[rgba\(255\2c 255\2c 255\2c 0\.60\)\]{
outline-color: rgba(255,255,255,0.60);
}
.outline-error700{
outline-color: var(--Brand-Error-700);
}
.outline-primaryBlue500{
outline-color: var(--Brand-Primary-Blue-500);
}
.outline-primaryBlue600{
outline-color: var(--Brand-Primary-Blue-600);
}
.outline-strokeOnDarkFocused{
outline-color: var(--Stroke-on-dark-focused);
}
.blur-sm6{
--tw-blur: blur(6px);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter{
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.\!backdrop-blur-xl32{
--tw-backdrop-blur: blur(32px) !important;
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important;
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important;
}
.backdrop-blur-lg24{
--tw-backdrop-blur: blur(24px);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-md12{
--tw-backdrop-blur: blur(12px);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-sm6{
--tw-backdrop-blur: blur(6px);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-xl32{
--tw-backdrop-blur: blur(32px);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.transition{
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
transition-timing-function: cubic-bezier(0.22, 0.61, 0.35, 1);
transition-duration: 450ms;
}
.transition-\[aspect-ratio\]{
transition-property: aspect-ratio;
transition-timing-function: cubic-bezier(0.22, 0.61, 0.35, 1);
transition-duration: 450ms;
}
.transition-\[border\]{
transition-property: border;
transition-timing-function: cubic-bezier(0.22, 0.61, 0.35, 1);
transition-duration: 450ms;
}
.transition-\[margin-top\]{
transition-property: margin-top;
transition-timing-function: cubic-bezier(0.22, 0.61, 0.35, 1);
transition-duration: 450ms;
}
.transition-\[padding\]{
transition-property: padding;
transition-timing-function: cubic-bezier(0.22, 0.61, 0.35, 1);
transition-duration: 450ms;
}
.transition-\[top\]{
transition-property: top;
transition-timing-function: cubic-bezier(0.22, 0.61, 0.35, 1);
transition-duration: 450ms;
}
.transition-\[transform\2c _top\2c _font-size\2c _font-weight\]{
transition-property: transform, top, font-size, font-weight;
transition-timing-function: cubic-bezier(0.22, 0.61, 0.35, 1);
transition-duration: 450ms;
}
.transition-\[width\]{
transition-property: width;
transition-timing-function: cubic-bezier(0.22, 0.61, 0.35, 1);
transition-duration: 450ms;
}
.transition-all{
transition-property: all;
transition-timing-function: cubic-bezier(0.22, 0.61, 0.35, 1);
transition-duration: 450ms;
}
.transition-bg{
transition-property: background;
transition-timing-function: cubic-bezier(0.22, 0.61, 0.35, 1);
transition-duration: 450ms;
}
.transition-borderAndBoxShadow{
transition-property: border, box-shadow;
transition-timing-function: cubic-bezier(0.22, 0.61, 0.35, 1);
transition-duration: 450ms;
}
.transition-colors{
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
transition-timing-function: cubic-bezier(0.22, 0.61, 0.35, 1);
transition-duration: 450ms;
}
.transition-left{
transition-property: left;
transition-timing-function: cubic-bezier(0.22, 0.61, 0.35, 1);
transition-duration: 450ms;
}
.transition-max-h{
transition-property: max-height;
transition-timing-function: cubic-bezier(0.22, 0.61, 0.35, 1);
transition-duration: 450ms;
}
.transition-opacity{
transition-property: opacity;
transition-timing-function: cubic-bezier(0.22, 0.61, 0.35, 1);
transition-duration: 450ms;
}
.transition-rows{
transition-property: grid-template-rows;
transition-timing-function: cubic-bezier(0.22, 0.61, 0.35, 1);
transition-duration: 450ms;
}
.transition-shadow{
transition-property: box-shadow;
transition-timing-function: cubic-bezier(0.22, 0.61, 0.35, 1);
transition-duration: 450ms;
}
.transition-transform{
transition-property: transform;
transition-timing-function: cubic-bezier(0.22, 0.61, 0.35, 1);
transition-duration: 450ms;
}
.delay-100{
transition-delay: 100ms;
}
.delay-150{
transition-delay: 150ms;
}
.delay-200{
transition-delay: 200ms;
}
.delay-300{
transition-delay: 300ms;
}
.delay-500{
transition-delay: 500ms;
}
.duration-1000{
transition-duration: 1000ms;
}
.duration-270{
transition-duration: 270ms;
}
.duration-500{
transition-duration: 500ms;
}
.duration-550{
transition-duration: 550ms;
}
.duration-650{
transition-duration: 650ms;
}
.duration-700{
transition-duration: 700ms;
}
.duration-750{
transition-duration: 750ms;
}
.duration-850{
transition-duration: 850ms;
}
.duration-\[150ms\]{
transition-duration: 150ms;
}
.ease-\[cubic-bezier\(0\.25\2c 0\.74\2c 0\.22\2c 0\.99\)\]{
transition-timing-function: cubic-bezier(0.25,0.74,0.22,0.99);
}
.ease-cardSwiper{
transition-timing-function: cubic-bezier(0.17, 1, 0.22, 1);
}
.ease-imgScale{
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.ease-in{
transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-navCard{
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.ease-navDropdown{
transition-timing-function: cubic-bezier(0.8, 0, 0.1, 1);
}
.ease-navModal{
transition-timing-function: cubic-bezier(0.8, 0, 0.1, 1);
}
.ease-navModalContent{
transition-timing-function: cubic-bezier(0.22, 0.61, 0.35, 1);
}
.will-change-\[filter\]{
will-change: filter;
}
gpu{
transform: translateZ(0);
}
.backface-hidden{
backface-visibility: hidden;
}
.bg-overlay_Service_Fixed_Overlay{
background: var(--Overlay-Service-Fixed-Overlay);
}
.bg-overlay_Service_Hover_Overlay{
background: var(--Overlay-Service-Hover-Overlay);
}
.bg-overlayEventHoverOverlay{
background: linear-gradient(0deg, var(--transparent-black-30, rgba(23, 24, 28, 0.30)) 0%, var(--transparent-black-30, rgba(23, 24, 28, 0.30)) 100%);
}
.bg-pageHeaderOverlay3{
background: var(--Overlay-Banner-Gradient-Overlay, linear-gradient(90deg, var(--Brand-Primary-Blue-900, rgba(26, 47, 81, 0.70)) -9.37%, var(--alpha-primary-blue-90040, rgba(26, 47, 81, 0.28)) 30.32%, var(--alpha-primary-blue-9000, rgba(26, 47, 81, 0.00)) 64.58%));
}
.bg-pageHeaderOverlay2{
background-color: var(--transparent-black-10);
}
.bg-pageHeaderOverlay{
background-color: var(--alpha-primary-blue-90040, rgba(26, 47, 81, 0.40));
}
.transition-submenu-height{
transition: max-height 700ms cubic-bezier(0.8, 0, 0.1, 1);
}
.transition-submenu-opacity{
transition: opacity 700ms cubic-bezier(0.8, 0, 0.1, 1);
}
.transition-submenu-title{
transition: color 450ms cubic-bezier(0.8, 0, 0.1, 1) 150ms;
}
.transition-submenu-items{
transition: color 450ms cubic-bezier(0.8, 0, 0.1, 1) 150ms, padding 450ms cubic-bezier(0.22, 0.61, 0.35, 1);
}
.transition-home-service-cards-swipe{
transition: left 1500ms cubic-bezier(0.17, 1, 0.22, 1), opacity 1500ms cubic-bezier(0.17, 1, 0.22, 1);
}
.transition-loop-swipe{
transition: left 1500ms cubic-bezier(0.17, 1, 0.22, 1), opacity 2000ms cubic-bezier(0.17, 1, 0.22, 1);
will-change: transform, opacity;
}
.transition-home-card{
transition: transform 650ms cubic-bezier(0.25,0.46,0.45,0.94), opacity 650ms cubic-bezier(0.22, 0.61, 0.35, 1), color 650ms cubic-bezier(0.22, 0.61, 0.35, 1);
}
.text-shadow-kvFont{
text-shadow: 0px 2px 4px #17181C3D, 0px 30px 50px #17181C1F, 0px 10px 38px #17181C14, 0px 0px 20px #17181C1A;
}
.effect-shadowWithBgBlur48{
box-shadow: 0px 2px 5px -4px rgba(23, 24, 28, 0.12), 0px 9px 32px 4px rgba(23, 24, 28, 0.05), 0px 4px 8px 0px rgba(23, 24, 28, 0.06), 0px 4px 16px 0px rgba(23, 24, 28, 0.04);
-webkit-backdrop-filter: blur(24px);
backdrop-filter: blur(24px);
}
/*---*/
.list-subDecimal{
position: relative;
}
.list-subDecimal:before{
counter-increment: order-counter;
content: "(" counter(order-counter)") ";
position: absolute;
left: -26px;
top: 0px;
}
.line-mark{
background: linear-gradient(#fff 0%, #fff 60%, var(--transparent-primary-pink-10085) 60%, var(--transparent-primary-pink-10085) 90%, #fff 90.1%, #fff 100%);
}
@media (min-width: 600px){
.sm600\:pointer-events-none{
pointer-events: none;
}
.sm600\:bottom-16px{
bottom: 1rem;
}
.sm600\:bottom-3{
bottom: 0.75rem;
}
.sm600\:bottom-32px{
bottom: 2rem;
}
.sm600\:left-3{
left: 0.75rem;
}
.sm600\:left-\[var\(--card-shift-sm600\)\]{
left: var(--card-shift-sm600);
}
.sm600\:right-32px{
right: 2rem;
}
.sm600\:right-basicPadding{
right: var(--gs-margin);
}
.sm600\:mx-0{
margin-left: 0px;
margin-right: 0px;
}
.sm600\:mx-gsMargin{
margin-left: var(--gs-margin);
margin-right: var(--gs-margin);
}
.sm600\:mb-0{
margin-bottom: 0px;
}
.sm600\:mb-2\.5{
margin-bottom: 0.625rem;
}
.sm600\:mb-24px{
margin-bottom: 1.5rem;
}
.sm600\:mb-3\.5{
margin-bottom: 0.875rem;
}
.sm600\:mb-3px{
margin-bottom: 0.1875rem;
}
.sm600\:mb-5{
margin-bottom: 1.25rem;
}
.sm600\:ml-auto{
margin-left: auto;
}
.sm600\:mt-12{
margin-top: 3rem;
}
.sm600\:mt-24px{
margin-top: 1.5rem;
}
.sm600\:mt-8{
margin-top: 2rem;
}
.sm600\:line-clamp-2{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.sm600\:line-clamp-4{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
}
.sm600\:block{
display: block;
}
.sm600\:hidden{
display: none;
}
.sm600\:size-12{
width: 3rem;
height: 3rem;
}
.sm600\:size-5{
width: 1.25rem;
height: 1.25rem;
}
.sm600\:size-96px{
width: 6rem;
height: 6rem;
}
.sm600\:h-16{
height: 4rem;
}
.sm600\:h-36px{
height: 2.25rem;
}
.sm600\:h-\[140px\]{
height: 140px;
}
.sm600\:h-\[189px\]{
height: 189px;
}
.sm600\:h-\[264px\]{
height: 264px;
}
.sm600\:h-\[280px\]{
height: 280px;
}
.sm600\:h-\[38px\]{
height: 38px;
}
.sm600\:h-\[616px\]{
height: 616px;
}
.sm600\:\!max-h-\[unset\]{
max-height: unset !important;
}
.sm600\:max-h-\[calc\(100dvh-32px\)\]{
max-height: calc(100dvh - 32px);
}
.sm600\:w-\[310px\]{
width: 310px;
}
.sm600\:w-\[320px\]{
width: 320px;
}
.sm600\:w-\[340px\]{
width: 340px;
}
.sm600\:w-\[calc\(\(100\%-16px\)\/2\)\]{
width: calc((100% - 16px) / 2);
}
.sm600\:w-\[calc\(\(100\%-1px-16px\)\/2\)\]{
width: calc((100% - 1px - 16px) / 2);
}
.sm600\:w-\[calc\(50\%-8px\)\]{
width: calc(50% - 8px);
}
.sm600\:w-\[calc\(50\%-9px\)\]{
width: calc(50% - 9px);
}
.sm600\:w-fit{
width: -moz-fit-content;
width: fit-content;
}
.sm600\:w-gsColumn6{
width: calc(var(--gs-column) * 6 + var(--gs-gutter) * 5);
}
.sm600\:w-gsColumn8{
width: calc(var(--gs-column) * 8 + var(--gs-gutter) * 7);
}
.sm600\:w-gsContentWidth{
width: var(--gs-content-width);
}
.sm600\:min-w-180px{
min-width: 11.25rem;
}
.sm600\:min-w-\[180px\]{
min-width: 180px;
}
.sm600\:min-w-\[280px\]{
min-width: 280px;
}
.sm600\:max-w-\[320px\]{
max-width: 320px;
}
.sm600\:max-w-\[400px\]{
max-width: 400px;
}
.sm600\:max-w-\[500px\]{
max-width: 500px;
}
.sm600\:max-w-\[568px\]{
max-width: 568px;
}
.sm600\:grid-cols-2{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.sm600\:grid-cols-3{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.sm600\:flex-row{
flex-direction: row;
}
.sm600\:flex-wrap{
flex-wrap: wrap;
}
.sm600\:justify-start{
justify-content: flex-start;
}
.sm600\:gap-10{
gap: 2.5rem;
}
.sm600\:gap-12{
gap: 3rem;
}
.sm600\:gap-2{
gap: 0.5rem;
}
.sm600\:gap-2\.5{
gap: 0.625rem;
}
.sm600\:gap-28px{
gap: 1.75rem;
}
.sm600\:gap-4{
gap: 1rem;
}
.sm600\:gap-4px{
gap: 0.25rem;
}
.sm600\:gap-5{
gap: 1.25rem;
}
.sm600\:gap-64px{
gap: 4rem;
}
.sm600\:gap-8{
gap: 2rem;
}
.sm600\:gap-x-12px{
-moz-column-gap: 0.75rem;
column-gap: 0.75rem;
}
.sm600\:gap-x-6{
-moz-column-gap: 1.5rem;
column-gap: 1.5rem;
}
.sm600\:gap-y-16px{
row-gap: 1rem;
}
.sm600\:gap-y-24px{
row-gap: 1.5rem;
}
.sm600\:gap-y-48px{
row-gap: 3rem;
}
.sm600\:gap-y-80px{
row-gap: 5rem;
}
.sm600\:gap-y-9{
row-gap: 2.25rem;
}
.sm600\:justify-self-center{
justify-self: center;
}
.sm600\:rounded-16px{
border-radius: 16px;
}
.sm600\:rounded-24px{
border-radius: 24px;
}
.sm600\:rounded-l-none{
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.sm600\:rounded-r-none{
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.sm600\:rounded-t-48px{
border-top-left-radius: 48px;
border-top-right-radius: 48px;
}
.sm600\:border-0{
border-width: 0px;
}
.sm600\:border-b-0{
border-bottom-width: 0px;
}
.sm600\:border-l-0{
border-left-width: 0px;
}
.sm600\:border-r-0{
border-right-width: 0px;
}
.sm600\:p-16px{
padding: 1rem;
}
.sm600\:p-20px{
padding: 1.25rem;
}
.sm600\:p-24px{
padding: 1.5rem;
}
.sm600\:p-3{
padding: 0.75rem;
}
.sm600\:p-5{
padding: 1.25rem;
}
.sm600\:p-6{
padding: 1.5rem;
}
.sm600\:p-8{
padding: 2rem;
}
.sm600\:p-modalVpPaddingM{
padding: 16px;
}
.sm600\:p-modalXPaddingM{
padding: 20px;
}
.sm600\:\!px-modalXPaddingM{
padding-left: 20px !important;
padding-right: 20px !important;
}
.sm600\:px-12px{
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.sm600\:px-2\.5{
padding-left: 0.625rem;
padding-right: 0.625rem;
}
.sm600\:px-20px{
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.sm600\:px-3{
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.sm600\:px-32px{
padding-left: 2rem;
padding-right: 2rem;
}
.sm600\:px-6{
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.sm600\:px-gsMargin{
padding-left: var(--gs-margin);
padding-right: var(--gs-margin);
}
.sm600\:px-modalXPaddingM{
padding-left: 20px;
padding-right: 20px;
}
.sm600\:py-16px{
padding-top: 1rem;
padding-bottom: 1rem;
}
.sm600\:py-24px{
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.sm600\:py-28px{
padding-top: 1.75rem;
padding-bottom: 1.75rem;
}
.sm600\:py-4{
padding-top: 1rem;
padding-bottom: 1rem;
}
.sm600\:py-40px{
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.sm600\:py-4px{
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.sm600\:py-7{
padding-top: 1.75rem;
padding-bottom: 1.75rem;
}
.sm600\:pb-0{
padding-bottom: 0px;
}
.sm600\:pb-1{
padding-bottom: 0.25rem;
}
.sm600\:pb-120px{
padding-bottom: 7.5rem;
}
.sm600\:pb-24{
padding-bottom: 6rem;
}
.sm600\:pb-24px{
padding-bottom: 1.5rem;
}
.sm600\:pb-32px{
padding-bottom: 2rem;
}
.sm600\:pb-\[280px\]{
padding-bottom: 280px;
}
.sm600\:pb-modalBPaddingS{
padding-bottom: 24px;
}
.sm600\:pl-5{
padding-left: 1.25rem;
}
.sm600\:pr-20{
padding-right: 5rem;
}
.sm600\:pt-1\.5{
padding-top: 0.375rem;
}
.sm600\:pt-10px{
padding-top: 0.625rem;
}
.sm600\:pt-24px{
padding-top: 1.5rem;
}
.sm600\:pt-28{
padding-top: 7rem;
}
.sm600\:pt-32px{
padding-top: 2rem;
}
.sm600\:pt-4{
padding-top: 1rem;
}
.sm600\:pt-40px{
padding-top: 2.5rem;
}
.sm600\:pt-8{
padding-top: 2rem;
}
.sm600\:text-body1{
font-size: var(--body1-font-size);
line-height: var(--body1-line-height);
letter-spacing: var(--body1-letter-spacing);
}
.sm600\:hover\:w-\[var\(--text-div-width\)\]:where([data-rac])[data-hovered]{
width: var(--text-div-width);
}
@media (hover: hover) and (pointer: fine){
.sm600\:hover\:w-\[var\(--text-div-width\)\]:where(:not([data-rac])):hover{
width: var(--text-div-width);
}
}
.not-last\:sm600\:mb-28px:not(:last-child){
margin-bottom: 1.75rem;
}
}
@media (min-width: 1024px){
.md1024\:absolute{
position: absolute;
}
.md1024\:relative{
position: relative;
}
.md1024\:inset-auto{
inset: auto;
}
.md1024\:bottom-28px{
bottom: 1.75rem;
}
.md1024\:bottom-4{
bottom: 1rem;
}
.md1024\:bottom-40px{
bottom: 2.5rem;
}
.md1024\:left-4{
left: 1rem;
}
.md1024\:left-48px{
left: 3rem;
}
.md1024\:left-5{
left: 1.25rem;
}
.md1024\:right-28px{
right: 1.75rem;
}
.md1024\:right-40px{
right: 2.5rem;
}
.md1024\:top-0{
top: 0px;
}
.md1024\:top-5{
top: 1.25rem;
}
.md1024\:z-dropdown{
z-index: 90;
}
.md1024\:mx-12px{
margin-left: 0.75rem;
margin-right: 0.75rem;
}
.md1024\:mx-4{
margin-left: 1rem;
margin-right: 1rem;
}
.md1024\:mx-modalXPaddingL{
margin-left: 24px;
margin-right: 24px;
}
.md1024\:-ml-32px{
margin-left: -2rem;
}
.md1024\:mb-16px{
margin-bottom: 1rem;
}
.md1024\:mb-32px{
margin-bottom: 2rem;
}
.md1024\:mb-9{
margin-bottom: 2.25rem;
}
.md1024\:ml-16px{
margin-left: 1rem;
}
.md1024\:mt-0\.5{
margin-top: 0.125rem;
}
.md1024\:mt-15{
margin-top: 3.75rem;
}
.md1024\:mt-16px{
margin-top: 1rem;
}
.md1024\:line-clamp-2{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.md1024\:block{
display: block;
}
.md1024\:flex{
display: flex;
}
.md1024\:grid{
display: grid;
}
.md1024\:hidden{
display: none;
}
.md1024\:aspect-16\/9{
aspect-ratio: 16 / 9;
}
.md1024\:aspect-3\/2{
aspect-ratio: 3 / 2;
}
.md1024\:size-120px{
width: 7.5rem;
height: 7.5rem;
}
.md1024\:size-15{
width: 3.75rem;
height: 3.75rem;
}
.md1024\:size-6{
width: 1.5rem;
height: 1.5rem;
}
.md1024\:size-60px{
width: 3.75rem;
height: 3.75rem;
}
.md1024\:h-36px{
height: 2.25rem;
}
.md1024\:h-\[167px\]{
height: 167px;
}
.md1024\:h-\[180px\]{
height: 180px;
}
.md1024\:h-\[272px\]{
height: 272px;
}
.md1024\:h-\[280px\]{
height: 280px;
}
.md1024\:h-\[492px\]{
height: 492px;
}
.md1024\:h-fit{
height: -moz-fit-content;
height: fit-content;
}
.md1024\:max-h-\[420px\]{
max-height: 420px;
}
.md1024\:max-h-\[calc\(100dvh-48px\)\]{
max-height: calc(100dvh - 48px);
}
.md1024\:min-h-\[238px\]{
min-height: 238px;
}
.md1024\:w-65{
width: 16.25rem;
}
.md1024\:w-\[140px\]{
width: 140px;
}
.md1024\:w-\[200px\]{
width: 200px;
}
.md1024\:w-\[260px\]{
width: 260px;
}
.md1024\:w-\[264px\]{
width: 264px;
}
.md1024\:w-\[280px\]{
width: 280px;
}
.md1024\:w-\[286px\]{
width: 286px;
}
.md1024\:w-\[320px\]{
width: 320px;
}
.md1024\:w-\[34vw\]{
width: 34vw;
}
.md1024\:w-\[420px\]{
width: 420px;
}
.md1024\:w-\[427px\]{
width: 427px;
}
.md1024\:w-\[480px\]{
width: 480px;
}
.md1024\:w-\[740px\]{
width: 740px;
}
.md1024\:w-\[calc\(\(100\%-1px-16px\)\/2\)\]{
width: calc((100% - 1px - 16px) / 2);
}
.md1024\:w-\[calc\(\(100\%-1px-32px-200px\)\/2\)\]{
width: calc((100% - 1px - 32px - 200px) / 2);
}
.md1024\:w-\[calc\(\(100\%-48px-16px-280px\)\/2\)\]{
width: calc((100% - 48px - 16px - 280px) / 2);
}
.md1024\:w-\[calc\(100\%-1px-16px-260px-16px-280px\)\]{
width: calc(100% - 1px - 16px - 260px - 16px - 280px);
}
.md1024\:w-\[calc\(100\%-1px-260px-16px-2px\)\]{
width: calc(100% - 1px - 260px - 16px - 2px);
}
.md1024\:w-\[calc\(100\%-1px-520px-32px\)\]{
width: calc(100% - 1px - 520px - 32px);
}
.md1024\:w-full{
width: 100%;
}
.md1024\:w-gsColumn8{
width: calc(var(--gs-column) * 8 + var(--gs-gutter) * 7);
}
.md1024\:w-modalWidth1024upM{
width: 560px;
}
.md1024\:w-modalWidth1024upS{
width: 480px;
}
.md1024\:min-w-\[264px\]{
min-width: 264px;
}
.md1024\:max-w-\[176px\]{
max-width: 176px;
}
.md1024\:max-w-\[360px\]{
max-width: 360px;
}
.md1024\:max-w-\[640px\]{
max-width: 640px;
}
.md1024\:max-w-\[660px\]{
max-width: 660px;
}
.md1024\:max-w-\[720px\]{
max-width: 720px;
}
.md1024\:max-w-none{
max-width: none;
}
.md1024\:flex-1{
flex: 1 1 0%;
}
.md1024\:translate-y-10px{
--tw-translate-y: 0.625rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.md1024\:grid-cols-2{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.md1024\:grid-cols-3{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.md1024\:grid-cols-4{
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.md1024\:grid-cols-\[256px_1fr\]{
grid-template-columns: 256px 1fr;
}
.md1024\:grid-cols-\[260px_1fr\]{
grid-template-columns: 260px 1fr;
}
.md1024\:grid-cols-\[32px_1fr_128px_1fr_32px\]{
grid-template-columns: 32px 1fr 128px 1fr 32px;
}
.md1024\:grid-cols-\[repeat\(2\2c 320px\)\]{
grid-template-columns: repeat(2,320px);
}
.md1024\:\!flex-row{
flex-direction: row !important;
}
.md1024\:flex-row{
flex-direction: row;
}
.md1024\:flex-row-reverse{
flex-direction: row-reverse;
}
.md1024\:flex-col{
flex-direction: column;
}
.md1024\:flex-nowrap{
flex-wrap: nowrap;
}
.md1024\:items-start{
align-items: flex-start;
}
.md1024\:items-center{
align-items: center;
}
.md1024\:justify-center{
justify-content: center;
}
.md1024\:justify-between{
justify-content: space-between;
}
.md1024\:gap-10{
gap: 2.5rem;
}
.md1024\:gap-12{
gap: 3rem;
}
.md1024\:gap-14px{
gap: 0.875rem;
}
.md1024\:gap-15{
gap: 3.75rem;
}
.md1024\:gap-3{
gap: 0.75rem;
}
.md1024\:gap-40px{
gap: 2.5rem;
}
.md1024\:gap-6{
gap: 1.5rem;
}
.md1024\:gap-8{
gap: 2rem;
}
.md1024\:gap-basicGap{
gap: var(--gs-gutter);
}
.md1024\:gap-gsGutter{
gap: var(--gs-gutter);
}
.md1024\:gap-x-20px{
-moz-column-gap: 1.25rem;
column-gap: 1.25rem;
}
.md1024\:gap-x-24px{
-moz-column-gap: 1.5rem;
column-gap: 1.5rem;
}
.md1024\:gap-x-gsGutter{
-moz-column-gap: var(--gs-gutter);
column-gap: var(--gs-gutter);
}
.md1024\:gap-y-16px{
row-gap: 1rem;
}
.md1024\:gap-y-2\.5{
row-gap: 0.625rem;
}
.md1024\:gap-y-24px{
row-gap: 1.5rem;
}
.md1024\:place-self-end{
place-self: end;
}
.md1024\:justify-self-auto{
justify-self: auto;
}
.md1024\:rounded-16px{
border-radius: 16px;
}
.md1024\:rounded-20px{
border-radius: 20px;
}
.md1024\:rounded-28px{
border-radius: 28px;
}
.md1024\:rounded-none{
border-radius: 0;
}
.md1024\:rounded-l-8px{
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
}
.md1024\:rounded-l-none{
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.md1024\:rounded-r-8px{
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
.md1024\:rounded-r-none{
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.md1024\:rounded-t-60px{
border-top-left-radius: 60px;
border-top-right-radius: 60px;
}
.md1024\:border-l-0{
border-left-width: 0px;
}
.md1024\:border-r-0{
border-right-width: 0px;
}
.md1024\:p-0{
padding: 0px;
}
.md1024\:p-20px{
padding: 1.25rem;
}
.md1024\:p-24px{
padding: 1.5rem;
}
.md1024\:p-28px{
padding: 1.75rem;
}
.md1024\:p-48px{
padding: 3rem;
}
.md1024\:p-5{
padding: 1.25rem;
}
.md1024\:p-modalVpPaddingL{
padding: 24px;
}
.md1024\:\!px-modalXPaddingL{
padding-left: 24px !important;
padding-right: 24px !important;
}
.md1024\:px-10{
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.md1024\:px-12{
padding-left: 3rem;
padding-right: 3rem;
}
.md1024\:px-12px{
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.md1024\:px-16px{
padding-left: 1rem;
padding-right: 1rem;
}
.md1024\:px-2{
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.md1024\:px-3{
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.md1024\:px-4{
padding-left: 1rem;
padding-right: 1rem;
}
.md1024\:py-0{
padding-top: 0px;
padding-bottom: 0px;
}
.md1024\:py-1\.5{
padding-top: 0.375rem;
padding-bottom: 0.375rem;
}
.md1024\:py-10{
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.md1024\:py-12px{
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.md1024\:py-16px{
padding-top: 1rem;
padding-bottom: 1rem;
}
.md1024\:py-20px{
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.md1024\:py-36px{
padding-top: 2.25rem;
padding-bottom: 2.25rem;
}
.md1024\:py-4{
padding-top: 1rem;
padding-bottom: 1rem;
}
.md1024\:py-5{
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.md1024\:py-9{
padding-top: 2.25rem;
padding-bottom: 2.25rem;
}
.md1024\:pb-16px{
padding-bottom: 1rem;
}
.md1024\:pb-30{
padding-bottom: 7.5rem;
}
.md1024\:pb-6{
padding-bottom: 1.5rem;
}
.md1024\:pb-9{
padding-bottom: 2.25rem;
}
.md1024\:pb-96px{
padding-bottom: 6rem;
}
.md1024\:pl-10px{
padding-left: 0.625rem;
}
.md1024\:pl-16px{
padding-left: 1rem;
}
.md1024\:pl-20px{
padding-left: 1.25rem;
}
.md1024\:pl-6{
padding-left: 1.5rem;
}
.md1024\:pr-0{
padding-right: 0px;
}
.md1024\:pr-120px{
padding-right: 7.5rem;
}
.md1024\:pr-140px{
padding-right: 8.75rem;
}
.md1024\:pr-24px{
padding-right: 1.5rem;
}
.md1024\:pr-25{
padding-right: 6.25rem;
}
.md1024\:pr-32px{
padding-right: 2rem;
}
.md1024\:pr-48px{
padding-right: 3rem;
}
.md1024\:pr-6{
padding-right: 1.5rem;
}
.md1024\:pr-8px{
padding-right: 0.5rem;
}
.md1024\:pt-10{
padding-top: 2.5rem;
}
.md1024\:pt-32px{
padding-top: 2rem;
}
.md1024\:pt-4{
padding-top: 1rem;
}
.md1024\:pt-48px{
padding-top: 3rem;
}
.md1024\:pt-5{
padding-top: 1.25rem;
}
.md1024\:pt-8{
padding-top: 2rem;
}
.md1024\:transition-home-trending-card{
transition-property: border-radius, width, height, left, top, outline-color;
transition-duration: 850ms;
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.group:where([data-rac])[data-hovered] .group-hover\:md1024\:left-0{
left: 0px;
}
.group:where([data-rac])[data-hovered] .group-hover\:md1024\:top-0{
top: 0px;
}
.group:where([data-rac])[data-hovered] .group-hover\:md1024\:w-\[calc\(var\(--card-w\)\*1px\)\]{
width: calc(var(--card-w) * 1px);
}
.group:where([data-rac])[data-hovered] .md1024\:group-hover\:scale-img108{
--tw-scale-x: 1.08;
--tw-scale-y: 1.08;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:where([data-rac])[data-hovered] .group-hover\:md1024\:rounded-none{
border-radius: 0;
}
.group\/ServiceIcon:where([data-rac])[data-hovered] .md1024\:group-hover\/ServiceIcon\:opacity-0{
opacity: 0;
}
.group\/ServiceIcon:where([data-rac])[data-hovered] .md1024\:group-hover\/ServiceIcon\:opacity-100{
opacity: 1;
}
.group:where([data-rac])[data-hovered] .group-hover\:md1024\:outline-\[rgba\(255\2c 255\2c 255\2c 0\)\]{
outline-color: rgba(255,255,255,0);
}
}
@media (hover: hover) and (pointer: fine){
@media (min-width: 1024px){
.group:where(:not([data-rac])):hover .group-hover\:md1024\:left-0{
left: 0px;
}
.group:where(:not([data-rac])):hover .group-hover\:md1024\:top-0{
top: 0px;
}
.group:where(:not([data-rac])):hover .group-hover\:md1024\:w-\[calc\(var\(--card-w\)\*1px\)\]{
width: calc(var(--card-w) * 1px);
}
}
}
@media (min-width: 1024px){
@media (hover: hover) and (pointer: fine){
.group:where(:not([data-rac])):hover .md1024\:group-hover\:scale-img108{
--tw-scale-x: 1.08;
--tw-scale-y: 1.08;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
}
}
@media (hover: hover) and (pointer: fine){
@media (min-width: 1024px){
.group:where(:not([data-rac])):hover .group-hover\:md1024\:rounded-none{
border-radius: 0;
}
}
}
@media (min-width: 1024px){
@media (hover: hover) and (pointer: fine){
.group\/ServiceIcon:where(:not([data-rac])):hover .md1024\:group-hover\/ServiceIcon\:opacity-0{
opacity: 0;
}
.group\/ServiceIcon:where(:not([data-rac])):hover .md1024\:group-hover\/ServiceIcon\:opacity-100{
opacity: 1;
}
}
}
@media (hover: hover) and (pointer: fine){
@media (min-width: 1024px){
.group:where(:not([data-rac])):hover .group-hover\:md1024\:outline-\[rgba\(255\2c 255\2c 255\2c 0\)\]{
outline-color: rgba(255,255,255,0);
}
}
}
@media (min-width: 1024px){
.not-last\:md1024\:mb-32px:not(:last-child){
margin-bottom: 2rem;
}
}
@media (min-width: 1280px){
.md1280\:invisible{
visibility: hidden;
}
.md1280\:hidden{
display: none;
}
.md1280\:h-\[135px\]{
height: 135px;
}
.md1280\:w-\[240px\]{
width: 240px;
}
.md1280\:justify-end{
justify-content: flex-end;
}
.md1280\:pb-\[14px\]{
padding-bottom: 14px;
}
.md1280\:pt-4{
padding-top: 1rem;
}
}
@media (min-width: 1440px){
.lg1440\:bottom-32px{
bottom: 2rem;
}
.lg1440\:bottom-5{
bottom: 1.25rem;
}
.lg1440\:left-5{
left: 1.25rem;
}
.lg1440\:right-32px{
right: 2rem;
}
.lg1440\:-mt-15{
margin-top: -3.75rem;
}
.lg1440\:mb-4{
margin-bottom: 1rem;
}
.lg1440\:mb-4px{
margin-bottom: 0.25rem;
}
.lg1440\:mb-6{
margin-bottom: 1.5rem;
}
.lg1440\:mt-24px{
margin-top: 1.5rem;
}
.lg1440\:mt-40px{
margin-top: 2.5rem;
}
.lg1440\:line-clamp-3{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.lg1440\:block{
display: block;
}
.lg1440\:hidden{
display: none;
}
.lg1440\:h-48px{
height: 3rem;
}
.lg1440\:h-\[144px\]{
height: 144px;
}
.lg1440\:h-\[193px\]{
height: 193px;
}
.lg1440\:h-\[290px\]{
height: 290px;
}
.lg1440\:h-\[calc\(280px\*2\+var\(--gs-gutter\)\)\]{
height: calc(280px * 2 + var(--gs-gutter));
}
.lg1440\:max-h-\[calc\(100dvh-80px\)\]{
max-height: calc(100dvh - 80px);
}
.lg1440\:w-55{
width: 13.75rem;
}
.lg1440\:w-\[240px\]{
width: 240px;
}
.lg1440\:w-\[260px\]{
width: 260px;
}
.lg1440\:w-\[340px\]{
width: 340px;
}
.lg1440\:w-\[346px\]{
width: 346px;
}
.lg1440\:w-\[calc\(\(100\%-1px-\(16px\*3\)\)\/4\)\]{
width: calc((100% - 1px - (16px * 3)) / 4);
}
.lg1440\:w-\[calc\(\(100\%-1px-16px\*3\)\/4\)\]{
width: calc((100% - 1px - 16px * 3) / 4);
}
.lg1440\:w-\[calc\(\(100\%-1px-48px-16px-340px\)\/2\)\]{
width: calc((100% - 1px - 48px - 16px - 340px) / 2);
}
.lg1440\:w-\[calc\(\(100\%-48px-16px-340px\)\/2\)\]{
width: calc((100% - 48px - 16px - 340px) / 2);
}
.lg1440\:w-\[calc\(100\%-1px-240px-260px-260px-200px-\(16px\*4\)\)\]{
width: calc(100% - 1px - 240px - 260px - 260px - 200px - (16px * 4));
}
.lg1440\:w-\[calc\(100\%-1px-260px-340px-32px\)\]{
width: calc(100% - 1px - 260px - 340px - 32px);
}
.lg1440\:w-gsColumn4{
width: calc(var(--gs-column) * 4 + var(--gs-gutter) * 3);
}
.lg1440\:max-w-\[1320px\]{
max-width: 1320px;
}
.lg1440\:max-w-\[320px\]{
max-width: 320px;
}
.lg1440\:max-w-\[400px\]{
max-width: 400px;
}
.lg1440\:max-w-\[840px\]{
max-width: 840px;
}
.lg1440\:grid-cols-3{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.lg1440\:grid-cols-5{
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.lg1440\:grid-cols-6{
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.lg1440\:grid-cols-\[400px_1fr\]{
grid-template-columns: 400px 1fr;
}
.lg1440\:gap-16px{
gap: 1rem;
}
.lg1440\:gap-2px{
gap: 0.125rem;
}
.lg1440\:rounded-24px{
border-radius: 24px;
}
.lg1440\:rounded-28px{
border-radius: 28px;
}
.lg1440\:rounded-none{
border-radius: 0;
}
.lg1440\:rounded-l-8px{
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
}
.lg1440\:rounded-l-none{
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.lg1440\:rounded-r-8px{
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
.lg1440\:rounded-r-none{
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.lg1440\:border-l-0{
border-left-width: 0px;
}
.lg1440\:border-r-0{
border-right-width: 0px;
}
.lg1440\:p-32px{
padding: 2rem;
}
.lg1440\:p-5{
padding: 1.25rem;
}
.lg1440\:p-6{
padding: 1.5rem;
}
.lg1440\:p-7{
padding: 1.75rem;
}
.lg1440\:p-modalVpPaddingXL{
padding: 40px;
}
.lg1440\:p-modalXPaddingL{
padding: 24px;
}
.lg1440\:px-16{
padding-left: 4rem;
padding-right: 4rem;
}
.lg1440\:px-16px{
padding-left: 1rem;
padding-right: 1rem;
}
.lg1440\:px-20px{
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.lg1440\:px-64px{
padding-left: 4rem;
padding-right: 4rem;
}
.lg1440\:px-modalXPaddingL{
padding-left: 24px;
padding-right: 24px;
}
.lg1440\:py-12{
padding-top: 3rem;
padding-bottom: 3rem;
}
.lg1440\:py-2{
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.lg1440\:py-20px{
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.lg1440\:py-24px{
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.lg1440\:py-5{
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.lg1440\:py-56px{
padding-top: 3.5rem;
padding-bottom: 3.5rem;
}
.lg1440\:py-6{
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.lg1440\:pb-1\.5{
padding-bottom: 0.375rem;
}
.lg1440\:pb-120px{
padding-bottom: 7.5rem;
}
.lg1440\:pb-180px{
padding-bottom: 11.25rem;
}
.lg1440\:pb-35{
padding-bottom: 8.75rem;
}
.lg1440\:pb-40px{
padding-bottom: 2.5rem;
}
.lg1440\:pb-8{
padding-bottom: 2rem;
}
.lg1440\:pb-modalBPaddingM{
padding-bottom: 28px;
}
.lg1440\:pl-20px{
padding-left: 1.25rem;
}
.lg1440\:pl-24px{
padding-left: 1.5rem;
}
.lg1440\:pl-6{
padding-left: 1.5rem;
}
.lg1440\:pr-16{
padding-right: 4rem;
}
.lg1440\:pr-160px{
padding-right: 10rem;
}
.lg1440\:pr-16px{
padding-right: 1rem;
}
.lg1440\:pr-45{
padding-right: 11.25rem;
}
.lg1440\:pr-56px{
padding-right: 3.5rem;
}
.lg1440\:pr-64px{
padding-right: 4rem;
}
.lg1440\:pt-12px{
padding-top: 0.75rem;
}
.lg1440\:pt-2{
padding-top: 0.5rem;
}
.lg1440\:pt-35{
padding-top: 8.75rem;
}
.lg1440\:pt-40px{
padding-top: 2.5rem;
}
.lg1440\:pt-56px{
padding-top: 3.5rem;
}
}
@media (max-width: 1439px){
.under1440\:-mx-gsMargin{
margin-left: calc(var(--gs-margin) * -1);
margin-right: calc(var(--gs-margin) * -1);
}
.under1440\:mb-10px{
margin-bottom: 0.625rem;
}
.under1440\:mb-20px{
margin-bottom: 1.25rem;
}
.under1440\:mb-64px{
margin-bottom: 4rem;
}
.under1440\:mt-10px{
margin-top: 0.625rem;
}
.under1440\:mt-64px{
margin-top: 4rem;
}
.under1440\:hidden{
display: none;
}
.under1440\:aspect-2\/1{
aspect-ratio: 2 / 1;
}
.under1440\:h-56px{
height: 3.5rem;
}
.under1440\:h-\[370px\]{
height: 370px;
}
.under1440\:h-\[400px\]{
height: 400px;
}
.under1440\:\!w-\[241px\]{
width: 241px !important;
}
.under1440\:w-56px{
width: 3.5rem;
}
.under1440\:w-\[144px\]{
width: 144px;
}
.under1440\:w-\[180px\]{
width: 180px;
}
.under1440\:w-\[240px\]{
width: 240px;
}
.under1440\:w-\[280px\]{
width: 280px;
}
.under1440\:w-gsColumn10{
width: calc(var(--gs-column) * 10 + var(--gs-gutter) * 9);
}
.under1440\:w-gsColumn8{
width: calc(var(--gs-column) * 8 + var(--gs-gutter) * 7);
}
.under1440\:w-gsColumn9{
width: calc(var(--gs-column) * 9 + var(--gs-gutter) * 8);
}
.under1440\:w-screen{
width: var(--app-width, 100vw);
}
.under1440\:grid-cols-2{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.under1440\:grid-cols-\[1fr\2c 460px\]{
grid-template-columns: 1fr 460px;
}
.under1440\:gap-10px{
gap: 0.625rem;
}
.under1440\:gap-14px{
gap: 0.875rem;
}
.under1440\:gap-16px{
gap: 1rem;
}
.under1440\:gap-20px{
gap: 1.25rem;
}
.under1440\:gap-60px{
gap: 3.75rem;
}
.under1440\:gap-64px{
gap: 4rem;
}
.under1440\:rounded-24px{
border-radius: 24px;
}
.under1440\:p-18px{
padding: 1.125rem;
}
.under1440\:px-20px{
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.under1440\:px-48px{
padding-left: 3rem;
padding-right: 3rem;
}
.under1440\:px-6px{
padding-left: 0.375rem;
padding-right: 0.375rem;
}
.under1440\:py-20px{
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.under1440\:py-24px{
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.under1440\:py-40px{
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.under1440\:pb-120px{
padding-bottom: 7.5rem;
}
.under1440\:pb-16px{
padding-bottom: 1rem;
}
.under1440\:pb-20px{
padding-bottom: 1.25rem;
}
.under1440\:pb-40px{
padding-bottom: 2.5rem;
}
.under1440\:pb-64px{
padding-bottom: 4rem;
}
.under1440\:pb-\[160px\]{
padding-bottom: 160px;
}
.under1440\:pl-\[40px\]{
padding-left: 40px;
}
.under1440\:pr-\[56px\]{
padding-right: 56px;
}
.under1440\:pt-12px{
padding-top: 0.75rem;
}
.under1440\:pt-60px{
padding-top: 3.75rem;
}
.under1440\:pt-64px{
padding-top: 4rem;
}
}
@media (min-width: 1024px){
@media (max-width: 1439px){
.md1024\:under1440\:rounded-l-none{
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.md1024\:under1440\:rounded-r-none{
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.md1024\:under1440\:border-l-0{
border-left-width: 0px;
}
.md1024\:under1440\:border-r-0{
border-right-width: 0px;
}
}
}
@media (max-width: 1279px){
.under1280\:hidden{
display: none;
}
}
@media (max-width: 1023px){
.under1024\:bottom-20px{
bottom: 1.25rem;
}
.under1024\:left-\[unset\]{
left: unset;
}
.under1024\:right-0{
right: 0px;
}
.under1024\:right-20px{
right: 1.25rem;
}
.under1024\:-mr-\[1px\]{
margin-right: -1px;
}
.under1024\:mb-16px{
margin-bottom: 1rem;
}
.under1024\:mb-28px{
margin-bottom: 1.75rem;
}
.under1024\:mb-32px{
margin-bottom: 2rem;
}
.under1024\:mb-36px{
margin-bottom: 2.25rem;
}
.under1024\:mb-56px{
margin-bottom: 3.5rem;
}
.under1024\:ml-0{
margin-left: 0px;
}
.under1024\:mr-0{
margin-right: 0px;
}
.under1024\:mt-0{
margin-top: 0px;
}
.under1024\:mt-1\.5{
margin-top: 0.375rem;
}
.under1024\:mt-56px{
margin-top: 3.5rem;
}
.under1024\:line-clamp-3{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.under1024\:line-clamp-4{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
}
.under1024\:block{
display: block;
}
.under1024\:flex{
display: flex;
}
.under1024\:hidden{
display: none;
}
.under1024\:aspect-3\/2{
aspect-ratio: 3 / 2;
}
.under1024\:\!h-16{
height: 4rem !important;
}
.under1024\:\!h-full{
height: 100% !important;
}
.under1024\:h-48px{
height: 3rem;
}
.under1024\:h-96px{
height: 6rem;
}
.under1024\:h-\[400px\]{
height: 400px;
}
.under1024\:h-\[96px\]{
height: 96px;
}
.under1024\:h-auto{
height: auto;
}
.under1024\:\!w-full{
width: 100% !important;
}
.under1024\:w-48px{
width: 3rem;
}
.under1024\:w-96px{
width: 6rem;
}
.under1024\:w-\[160px\]{
width: 160px;
}
.under1024\:w-\[264px\]{
width: 264px;
}
.under1024\:w-\[96px\]{
width: 96px;
}
.under1024\:w-auto{
width: auto;
}
.under1024\:w-full{
width: 100%;
}
.under1024\:w-gsColumn10{
width: calc(var(--gs-column) * 10 + var(--gs-gutter) * 9);
}
.under1024\:min-w-\[120px\]{
min-width: 120px;
}
.under1024\:flex-1{
flex: 1 1 0%;
}
.under1024\:flex-initial{
flex: 0 1 auto;
}
.under1024\:flex-none{
flex: none;
}
.under1024\:scale-\[calc\(180\/256\)\]{
--tw-scale-x: calc(180 / 256);
--tw-scale-y: calc(180 / 256);
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.under1024\:grid-cols-1{
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.under1024\:grid-cols-2{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.under1024\:grid-cols-\[1fr\]{
grid-template-columns: 1fr;
}
.under1024\:flex-col{
flex-direction: column;
}
.under1024\:items-start{
align-items: flex-start;
}
.under1024\:justify-start{
justify-content: flex-start;
}
.under1024\:justify-end{
justify-content: flex-end;
}
.under1024\:justify-center{
justify-content: center;
}
.under1024\:gap-12px{
gap: 0.75rem;
}
.under1024\:gap-14px{
gap: 0.875rem;
}
.under1024\:gap-16px{
gap: 1rem;
}
.under1024\:gap-24px{
gap: 1.5rem;
}
.under1024\:gap-28px{
gap: 1.75rem;
}
.under1024\:gap-40px{
gap: 2.5rem;
}
.under1024\:gap-4px{
gap: 0.25rem;
}
.under1024\:gap-56px{
gap: 3.5rem;
}
.under1024\:gap-y-16px{
row-gap: 1rem;
}
.under1024\:rounded-20px{
border-radius: 20px;
}
.under1024\:rounded-24px{
border-radius: 24px;
}
.under1024\:border{
border-width: 1px;
}
.under1024\:border-0{
border-width: 0px;
}
.under1024\:border-solid{
border-style: solid;
}
.under1024\:border-none{
border-style: none;
}
.under1024\:border-gray600{
border-color: var(--Brand-Gray-600);
}
.under1024\:p-16px{
padding: 1rem;
}
.under1024\:px-24px{
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.under1024\:px-32px{
padding-left: 2rem;
padding-right: 2rem;
}
.under1024\:py-16px{
padding-top: 1rem;
padding-bottom: 1rem;
}
.under1024\:pb-100px{
padding-bottom: 6.25rem;
}
.under1024\:pb-24px{
padding-bottom: 1.5rem;
}
.under1024\:pb-28px{
padding-bottom: 1.75rem;
}
.under1024\:pb-36px{
padding-bottom: 2.25rem;
}
.under1024\:pb-40px{
padding-bottom: 2.5rem;
}
.under1024\:pb-56px{
padding-bottom: 3.5rem;
}
.under1024\:pb-8px{
padding-bottom: 0.5rem;
}
.under1024\:pb-\[120px\]{
padding-bottom: 120px;
}
.under1024\:pl-12px{
padding-left: 0.75rem;
}
.under1024\:pl-\[36px\]{
padding-left: 36px;
}
.under1024\:pr-12px{
padding-right: 0.75rem;
}
.under1024\:pr-\[52px\]{
padding-right: 52px;
}
.under1024\:pt-16px{
padding-top: 1rem;
}
.under1024\:pt-32px{
padding-top: 2rem;
}
.under1024\:pt-40px{
padding-top: 2.5rem;
}
.under1024\:pt-56px{
padding-top: 3.5rem;
}
:lang(zh) .under1024\:lang-zh\:line-clamp-2{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
:lang(zh-TW) .under1024\:lang-zh\:line-clamp-2{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
:lang(zh-CN) .under1024\:lang-zh\:line-clamp-2{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
}
@media (min-width: 600px){
@media (max-width: 1023px){
.sm600\:under1024\:justify-end{
justify-content: flex-end;
}
}
}
@media (max-width: 599px){
.under600\:fixed{
position: fixed;
}
.under600\:inset-x-gsMargin{
left: var(--gs-margin);
right: var(--gs-margin);
}
.under600\:mx-auto{
margin-left: auto;
margin-right: auto;
}
.under600\:mb-0{
margin-bottom: 0px;
}
.under600\:mb-12px{
margin-bottom: 0.75rem;
}
.under600\:mb-16px{
margin-bottom: 1rem;
}
.under600\:mb-18px{
margin-bottom: 1.125rem;
}
.under600\:mb-24px{
margin-bottom: 1.5rem;
}
.under600\:mb-28px{
margin-bottom: 1.75rem;
}
.under600\:mb-32px{
margin-bottom: 2rem;
}
.under600\:mb-48px{
margin-bottom: 3rem;
}
.under600\:mb-8px{
margin-bottom: 0.5rem;
}
.under600\:mt-12px{
margin-top: 0.75rem;
}
.under600\:mt-18px{
margin-top: 1.125rem;
}
.under600\:mt-48px{
margin-top: 3rem;
}
.under600\:mt-8px{
margin-top: 0.5rem;
}
.under600\:mt-\[12px\]{
margin-top: 12px;
}
.under600\:line-clamp-4{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
}
.under600\:line-clamp-5{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
}
.under600\:hidden{
display: none;
}
.under600\:\!h-16{
height: 4rem !important;
}
.under600\:h-80px{
height: 5rem;
}
.under600\:h-\[80px\]{
height: 80px;
}
.under600\:h-auto{
height: auto;
}
.under600\:w-80px{
width: 5rem;
}
.under600\:w-\[100px\]{
width: 100px;
}
.under600\:w-\[163px\]{
width: 163px;
}
.under600\:w-\[224px\]{
width: 224px;
}
.under600\:w-\[80px\]{
width: 80px;
}
.under600\:w-full{
width: 100%;
}
.under600\:w-gsColumn6{
width: calc(var(--gs-column) * 6 + var(--gs-gutter) * 5);
}
.under600\:w-gsContentWidth{
width: var(--gs-content-width);
}
.under600\:flex-initial{
flex: 0 1 auto;
}
.under600\:rotate-90{
--tw-rotate: 90deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.under600\:grid-cols-1{
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.under600\:grid-rows-\[72px\]{
grid-template-rows: 72px;
}
.under600\:flex-col{
flex-direction: column;
}
.under600\:gap-0{
gap: 0px;
}
.under600\:gap-14px{
gap: 0.875rem;
}
.under600\:gap-20px{
gap: 1.25rem;
}
.under600\:gap-32px{
gap: 2rem;
}
.under600\:gap-48px{
gap: 3rem;
}
.under600\:gap-4px{
gap: 0.25rem;
}
.under600\:gap-8px{
gap: 0.5rem;
}
.under600\:gap-y-12px{
row-gap: 0.75rem;
}
.under600\:rounded-20px{
border-radius: 20px;
}
.under600\:border{
border-width: 1px;
}
.under600\:border-none{
border-style: none;
}
.under600\:border-gray600{
border-color: var(--Brand-Gray-600);
}
.under600\:px-0{
padding-left: 0px;
padding-right: 0px;
}
.under600\:px-12px{
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.under600\:px-16px{
padding-left: 1rem;
padding-right: 1rem;
}
.under600\:px-20px{
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.under600\:px-4px{
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.under600\:px-gsMargin{
padding-left: var(--gs-margin);
padding-right: var(--gs-margin);
}
.under600\:py-12px{
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.under600\:py-16px{
padding-top: 1rem;
padding-bottom: 1rem;
}
.under600\:pb-20px{
padding-bottom: 1.25rem;
}
.under600\:pb-28px{
padding-bottom: 1.75rem;
}
.under600\:pb-32px{
padding-bottom: 2rem;
}
.under600\:pb-48px{
padding-bottom: 3rem;
}
.under600\:pb-80px{
padding-bottom: 5rem;
}
.under600\:pb-8px{
padding-bottom: 0.5rem;
}
.under600\:pb-\[100px\]{
padding-bottom: 100px;
}
.under600\:pb-\[60px\]{
padding-bottom: 60px;
}
.under600\:pl-20px{
padding-left: 1.25rem;
}
.under600\:pl-8px{
padding-left: 0.5rem;
}
.under600\:pr-8px{
padding-right: 0.5rem;
}
.under600\:pr-\[62px\]{
padding-right: 62px;
}
.under600\:pt-12px{
padding-top: 0.75rem;
}
.under600\:pt-20px{
padding-top: 1.25rem;
}
.under600\:pt-32px{
padding-top: 2rem;
}
.under600\:pt-48px{
padding-top: 3rem;
}
.under600\:text-caption2{
font-size: var(--caption2-font-size);
line-height: var(--caption2-line-height);
letter-spacing: var(--caption2-letter-spacing);
}
.under600\:font-w500{
font-weight: 500;
}
:lang(zh) .under600\:lang-zh\:line-clamp-3{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
:lang(zh-TW) .under600\:lang-zh\:line-clamp-3{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
:lang(zh-CN) .under600\:lang-zh\:line-clamp-3{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
}
.button[icon].icon--boardingpass-right::after {
width: 20px;
height: 20px;
mask-image: url(/ManageBookingPortal/assets2/icons/tripmgr/Boarding_Pass.svg);
}
.button[icon].icon--seat-right::after {
width: 20px;
height: 20px;
mask-image: url(/ManageBookingPortal/assets2/icons/tripmgr/Seat.svg);
}
.button[icon].icon--meals-right::after {
width: 20px;
height: 20px;
mask-image: url(/ManageBookingPortal/assets2/icons/tripmgr/Meals.svg);
}
@media (min-width: 1024px) {
.md1024\:text-center{
text-align: center;
}
.md1024\:justify-start {
justify-content: start;
}
.md1024\:justify-end {
justify-content: end;
}
}
@media (max-width: 1023px) {
.under1024\:justify-between {
justify-content: space-between;
}
}
@media (max-width: 599px) {
.under600\:justify-between {
justify-content: space-between;
}
}
.tripcardborder{
border: 1px solid #a5abb3;
}
.tripcard-border-t{
border-top: 1px solid #a5abb3;
}
.btn-gonextpage{
border: none;
background:transparent
}