:root { --background-color--background-primary: var(--base-color-neutral--white); /* Brand typeface — Pretendard is a modern Korean/Latin sans-serif loaded via CDN in (see patch-enhancements.mjs hero/font preload block). Both legacy variables now resolve to the same stack, with regional CJK fallbacks kept for users where Pretendard fails to load. CJK locale pages (zh/ja) override at the body level in i18n-switcher.css. */ --noto-sc: Pretendard, "Noto Sans SC", "Noto Sans JP", -apple-system, BlinkMacSystemFont, sans-serif; --text-color--text-primary: var(--base-color-neutral--neutral-darker); --link-color--link-primary: var(--base-color-neutral--black); --border-color--border-primary: var(--base-color-neutral--neutral-lightest); --base-color-neutral--black: black; --base-color-neutral--white: #fffffe; --black-archive\: black; --background-color--background-secondary: var(--base-color-brand--p100); --link-color--link-alternate: var(--base-color-neutral--white); --background-color--background-tertiary: var(--base-color-brand--p300); --background-color--background-alternate: var(--base-color-neutral--black); --text-color--text-alternate: var(--base-color-brand--p700); --text-color--text-secondary: var(--base-color-neutral--neutral-dark); --background-color--background-success: var(--base-color-system--success-green-light); --text-color--text-success: var(--base-color-system--success-green); --background-color--background-error: var(--base-color-system--error-red-light); --text-color--text-error: var(--base-color-system--error-red); --base-color-brand--p700: #7cb436; --paybooc-otf: Pretendard, "Noto Sans SC", "Noto Sans JP", -apple-system, BlinkMacSystemFont, sans-serif; --swiper-second--point-color: var(--base-color-brand-alter--pa900); --swiper-normal--background-big: var(--base-color-neutral--white); --swiper-normal--point-color: var(--base-color-brand--p700); --swiper-normal--background-small-tab: var(--base-color-brand--p100); --base-color-brand--p900: #569309; --base-color-brand--p400: #d8e9c3; --base-color-brand--p300: #e6f4d3; --base-color-brand--p200: #f2fbea; --base-color-brand--p100: #f8fbf5; --base-color-brand-alter--pa900: #a0866f; --base-color-brand-alter--pa700: #d7cdc4; --base-color-brand-alter--pa400: #e7e0d9; --base-color-brand-alter--pa300: #f2eeeb; --base-color-brand-alter--pa100: #fbf8f1; --base-color-neutral--neutral-lightest: #efefef; --base-color-neutral--neutral-lighter: #ccc; --base-color-neutral--neutral-light: #aaa; --base-color-neutral--neutral: #616670; --base-color-neutral--neutral-dark: #8c9099; --base-color-neutral--neutral-darker: #3e3f41; --base-color-neutral--neutral-darkest: #111; --base-color-system--success-green: #027a48; --base-color-system--success-green-light: #ecfdf3; --base-color-system--error-red: #b42318; --base-color-system--error-red-light: #fef3f2; --border-color--border-secondary: var(--base-color-neutral--neutral-light); --border-color--border-alternate: var(--base-color-neutral--white); --link-color--link-secondary: var(--base-color-neutral--neutral-light); --swiper-second--background-big: var(--base-color-brand-alter--pa100); --swiper-second--background-small-tab: var(--base-color-neutral--white); } .w-layout-hflex { flex-direction: row; align-items: flex-start; display: flex; } .w-layout-grid { grid-row-gap: 16px; grid-column-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .w-checkbox { margin-bottom: 5px; padding-left: 20px; display: block; } .w-checkbox:before { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; } .w-checkbox:after { content: " "; clear: both; grid-area: 1 / 1 / 2 / 2; display: table; } .w-checkbox-input { float: left; margin: 4px 0 0 -20px; line-height: normal; } .w-checkbox-input--inputType-custom { border: 1px solid #ccc; border-radius: 2px; width: 12px; height: 12px; } .w-checkbox-input--inputType-custom.w--redirected-checked { background-color: #3898ec; background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg'); background-position: 50%; background-repeat: no-repeat; background-size: cover; border-color: #3898ec; } .w-checkbox-input--inputType-custom.w--redirected-focus { box-shadow: 0 0 3px 1px #3898ec; } .w-form-formradioinput--inputType-custom { border: 1px solid #ccc; border-radius: 50%; width: 12px; height: 12px; } .w-form-formradioinput--inputType-custom.w--redirected-focus { box-shadow: 0 0 3px 1px #3898ec; } .w-form-formradioinput--inputType-custom.w--redirected-checked { border-width: 4px; border-color: #3898ec; } body { background-color: var(--background-color--background-primary); font-family: var(--noto-sc); color: var(--text-color--text-primary); letter-spacing: -.046875rem; font-size: 1rem; line-height: 1.5; } h1 { margin-top: 0; margin-bottom: 0; font-family: Paybooc Otf; font-size: 3.5rem; font-weight: 700; line-height: 1.2; } h2 { margin-top: 0; margin-bottom: 0; font-family: Paybooc Otf; font-size: 3rem; font-weight: 700; line-height: 1.2; } h3 { margin-top: 0; margin-bottom: 0; font-family: Paybooc Otf; font-size: 2.5rem; font-weight: 700; line-height: 1.2; } h4 { margin-top: 0; margin-bottom: 0; font-family: Paybooc Otf; font-size: 2rem; font-weight: 700; line-height: 1.3; } h5 { margin-top: 0; margin-bottom: 0; font-family: Paybooc Otf; font-size: 1.5rem; font-weight: 700; line-height: 1.4; } h6 { margin-top: 0; margin-bottom: 0; font-family: Paybooc Otf; font-size: 1.25rem; font-weight: 700; line-height: 1.4; } p { margin-bottom: 0; } a { color: var(--link-color--link-primary); text-decoration: underline; } ul { margin-top: 1rem; margin-bottom: 1rem; padding-left: 1.25rem; } ol { margin-top: 1rem; margin-bottom: 1rem; padding-left: 1.5rem; } li { margin-top: .25rem; margin-bottom: .25rem; padding-left: .5rem; } img { max-width: 100%; display: inline-block; } label { margin-bottom: .25rem; font-weight: 500; } blockquote { border-left: .1875rem solid var(--text-color--text-primary); margin-bottom: 0; padding: .75rem 1.25rem; font-size: 1.25rem; line-height: 1.5; } figure { margin-top: 3rem; margin-bottom: 3rem; } figcaption { text-align: center; margin-top: .25rem; } .z-index-2 { z-index: 2; position: relative; } .max-width-full { width: 100%; max-width: none; } .layer { justify-content: center; align-items: center; position: absolute; inset: 0%; } .overflow-hidden { overflow: hidden; } .overflow-hidden.flip { height: 1.4375rem; } .global-styles { display: block; position: fixed; inset: 0% auto auto 0%; } .z-index-1 { z-index: 1; position: relative; } .hide { display: none; } .text-style-link { color: var(--link-color--link-primary); text-decoration: underline; } .max-width-xlarge { width: 100%; max-width: 64rem; } .max-width-medium { width: 100%; max-width: 35rem; } .max-width-xsmall { width: 100%; max-width: 25rem; } .max-width-xxsmall { width: 100%; max-width: 20rem; } .page-wrapper { padding-left: 6rem; } .container-large { width: 100%; max-width: 96rem; margin-left: auto; margin-right: auto; } .max-width-xxlarge { width: 100%; max-width: 80rem; } .align-center { margin-left: auto; margin-right: auto; } .spacing-clean { margin: 0; padding: 0; } .max-width-large { width: 100%; max-width: 48rem; } .max-width-small { width: 100%; max-width: 30rem; } .utility_component { justify-content: center; align-items: center; width: 100vw; max-width: 100%; height: 100vh; max-height: 100%; padding-left: 1.25rem; padding-right: 1.25rem; display: flex; } .utility_form-block { text-align: center; flex-direction: column; max-width: 20rem; display: flex; } .utility_form { flex-direction: column; align-items: stretch; display: flex; } .utility_image { margin-bottom: .5rem; margin-left: auto; margin-right: auto; } .container-medium { width: 100%; max-width: 56.25rem; margin-left: auto; margin-right: auto; display: none; } .container-small { width: 100%; max-width: 48rem; margin-left: auto; margin-right: auto; } .margin-tiny { margin: .25rem; } .margin-xxsmall { margin: .5rem; } .margin-xsmall { margin: 1rem; } .margin-small { margin: 1.5rem; } .margin-medium { margin: 2rem; } .margin-large { margin: 3rem; } .margin-xlarge { margin: 4rem; } .margin-xxlarge { margin: 5rem; } .margin-huge { margin: 6rem; } .margin-xhuge { margin: 7rem; } .margin-xxhuge { margin: 10rem; } .margin-0 { margin: 0; } .padding-0 { padding: 0; } .padding-tiny { padding: .25rem; } .padding-xxsmall { padding: .5rem; } .padding-xsmall { padding: 1rem; } .padding-small { padding: 1.5rem; } .padding-medium { padding: 2rem; } .padding-large { padding: 3rem; } .padding-xlarge { padding: 4rem; } .padding-xxlarge { padding: 5rem; } .padding-huge { padding: 6rem; } .padding-xhuge { padding: 7rem; } .padding-xxhuge { padding: 10rem; } .margin-top, .margin-top.margin-custom1, .margin-top.margin-huge, .margin-top.margin-small, .margin-top.margin-tiny, .margin-top.margin-custom3, .margin-top.margin-medium, .margin-top.margin-xxsmall, .margin-top.margin-xxhuge, .margin-top.margin-custom2, .margin-top.margin-xsmall, .margin-top.margin-large, .margin-top.margin-xxlarge, .margin-top.margin-xlarge, .margin-top.margin-0, .margin-top.margin-xhuge { margin-bottom: 0; margin-left: 0; margin-right: 0; } .margin-bottom, .margin-bottom.margin-xxlarge, .margin-bottom.margin-medium, .margin-bottom.margin-custom3, .margin-bottom.margin-custom1, .margin-bottom.margin-tiny, .margin-bottom.margin-small, .margin-bottom.margin-large, .margin-bottom.margin-0, .margin-bottom.margin-xlarge, .margin-bottom.margin-xhuge, .margin-bottom.margin-xxhuge, .margin-bottom.margin-huge, .margin-bottom.margin-xxsmall, .margin-bottom.margin-custom2, .margin-bottom.margin-xsmall { margin-top: 0; margin-left: 0; margin-right: 0; } .margin-left, .margin-left.margin-tiny, .margin-left.margin-xxlarge, .margin-left.margin-0, .margin-left.margin-small, .margin-left.margin-xsmall, .margin-left.margin-large, .margin-left.margin-huge, .margin-left.margin-xlarge, .margin-left.margin-custom3, .margin-left.margin-xxsmall, .margin-left.margin-custom1, .margin-left.margin-custom2, .margin-left.margin-xhuge, .margin-left.margin-xxhuge, .margin-left.margin-medium { margin-top: 0; margin-bottom: 0; margin-right: 0; } .margin-right, .margin-right.margin-huge, .margin-right.margin-xsmall, .margin-right.margin-xxhuge, .margin-right.margin-small, .margin-right.margin-medium, .margin-right.margin-xlarge, .margin-right.margin-custom3, .margin-right.margin-custom2, .margin-right.margin-xxsmall, .margin-right.margin-xhuge, .margin-right.margin-custom1, .margin-right.margin-large, .margin-right.margin-0, .margin-right.margin-xxlarge, .margin-right.margin-tiny { margin-top: 0; margin-bottom: 0; margin-left: 0; } .margin-vertical, .margin-vertical.margin-medium, .margin-vertical.margin-xlarge, .margin-vertical.margin-xxsmall, .margin-vertical.margin-xxlarge, .margin-vertical.margin-huge, .margin-vertical.margin-0, .margin-vertical.margin-xxhuge, .margin-vertical.margin-tiny, .margin-vertical.margin-xsmall, .margin-vertical.margin-custom1, .margin-vertical.margin-small, .margin-vertical.margin-large, .margin-vertical.margin-xhuge, .margin-vertical.margin-custom2, .margin-vertical.margin-custom3 { margin-left: 0; margin-right: 0; } .margin-horizontal, .margin-horizontal.margin-medium, .margin-horizontal.margin-tiny, .margin-horizontal.margin-custom3, .margin-horizontal.margin-0, .margin-horizontal.margin-xxlarge, .margin-horizontal.margin-xhuge, .margin-horizontal.margin-huge, .margin-horizontal.margin-xlarge, .margin-horizontal.margin-custom1, .margin-horizontal.margin-xxsmall, .margin-horizontal.margin-xsmall, .margin-horizontal.margin-large, .margin-horizontal.margin-custom2, .margin-horizontal.margin-small, .margin-horizontal.margin-xxhuge { margin-top: 0; margin-bottom: 0; } .padding-top, .padding-top.padding-xhuge, .padding-top.padding-xxhuge, .padding-top.padding-0, .padding-top.padding-large, .padding-top.padding-custom2, .padding-top.padding-xlarge, .padding-top.padding-huge, .padding-top.padding-xxsmall, .padding-top.padding-custom3, .padding-top.padding-tiny, .padding-top.padding-medium, .padding-top.padding-xxlarge, .padding-top.padding-small, .padding-top.padding-xsmall, .padding-top.padding-custom1 { padding-bottom: 0; padding-left: 0; padding-right: 0; } .padding-bottom, .padding-bottom.padding-xlarge, .padding-bottom.padding-small, .padding-bottom.padding-xxhuge, .padding-bottom.padding-large, .padding-bottom.padding-xhuge, .padding-bottom.padding-custom2, .padding-bottom.padding-xxsmall, .padding-bottom.padding-xxlarge, .padding-bottom.padding-custom3, .padding-bottom.padding-custom1, .padding-bottom.padding-xsmall, .padding-bottom.padding-huge, .padding-bottom.padding-tiny, .padding-bottom.padding-medium, .padding-bottom.padding-0 { padding-top: 0; padding-left: 0; padding-right: 0; } .padding-left, .padding-left.padding-xhuge, .padding-left.padding-xlarge, .padding-left.padding-0, .padding-left.padding-small, .padding-left.padding-xsmall, .padding-left.padding-medium, .padding-left.padding-xxhuge, .padding-left.padding-huge, .padding-left.padding-custom1, .padding-left.padding-tiny, .padding-left.padding-xxsmall, .padding-left.padding-custom3, .padding-left.padding-custom2, .padding-left.padding-xxlarge, .padding-left.padding-large { padding-top: 0; padding-bottom: 0; padding-right: 0; } .padding-right, .padding-right.padding-xxhuge, .padding-right.padding-custom2, .padding-right.padding-large, .padding-right.padding-xlarge, .padding-right.padding-tiny, .padding-right.padding-custom3, .padding-right.padding-custom1, .padding-right.padding-xsmall, .padding-right.padding-xxlarge, .padding-right.padding-xxsmall, .padding-right.padding-medium, .padding-right.padding-xhuge, .padding-right.padding-huge, .padding-right.padding-0, .padding-right.padding-small { padding-top: 0; padding-bottom: 0; padding-left: 0; } .padding-vertical, .padding-vertical.padding-0, .padding-vertical.padding-xxhuge, .padding-vertical.padding-large, .padding-vertical.padding-custom3, .padding-vertical.padding-medium, .padding-vertical.padding-tiny, .padding-vertical.padding-xxlarge, .padding-vertical.padding-custom1, .padding-vertical.padding-xsmall, .padding-vertical.padding-xhuge, .padding-vertical.padding-xlarge, .padding-vertical.padding-custom2, .padding-vertical.padding-xxsmall, .padding-vertical.padding-huge, .padding-vertical.padding-small { padding-left: 0; padding-right: 0; } .padding-horizontal, .padding-horizontal.padding-xxsmall, .padding-horizontal.padding-0, .padding-horizontal.padding-custom3, .padding-horizontal.padding-huge, .padding-horizontal.padding-xsmall, .padding-horizontal.padding-medium, .padding-horizontal.padding-xxlarge, .padding-horizontal.padding-large, .padding-horizontal.padding-xhuge, .padding-horizontal.padding-custom1, .padding-horizontal.padding-tiny, .padding-horizontal.padding-custom2, .padding-horizontal.padding-xxhuge, .padding-horizontal.padding-small, .padding-horizontal.padding-xlarge { padding-top: 0; padding-bottom: 0; } .overflow-scroll { overflow: scroll; } .overflow-auto { overflow: auto; } .text-weight-medium { font-weight: 500; } .text-size-medium { font-size: 1.125rem; } .margin-top-auto { margin-top: auto; } .text-style-quote { border-left: .1875rem solid var(--text-color--text-primary); margin-bottom: 0; padding: .75rem 1.25rem; font-size: 1.25rem; line-height: 1.5; } .icon-embed-small { flex-direction: column; justify-content: center; align-items: center; width: 2rem; height: 2rem; display: flex; } .heading-style-h2 { font-size: 3rem; font-weight: 700; line-height: 1.2; } .rl-styleguide_callout-link-wrapper-colors { background-image: linear-gradient(135deg, #ff744826, #ff484826 50%, #6248ff26), linear-gradient(#fff, #fff); border-radius: .6875rem; justify-content: space-between; align-items: center; width: 100%; padding: .75rem 1rem; display: flex; } .rl-styleguide_heading { z-index: 4; margin-bottom: 1.5rem; padding: .25rem .5rem; font-size: 3.5rem; font-weight: 700; } .heading-style-h6 { font-size: 1.25rem; font-weight: 700; line-height: 1.4; } .rl-styleguide_item-row { grid-column-gap: 1.5rem; grid-row-gap: 0rem; grid-template-rows: auto; grid-template-columns: 15rem 1fr; align-items: center; } .rl-styleguide_item-row.is-button-row { grid-template-columns: 19rem 1fr; } .icon-1x1-xsmall { width: 1.5rem; height: 1.5rem; } .rl-styleguide_empty-space { z-index: -1; flex-direction: column; justify-content: space-between; align-items: flex-start; padding: 2rem; display: flex; position: relative; } .shadow-xxlarge { box-shadow: 0 32px 4rem -.75rem #00000024; } .rl-styleguide_icons-list { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-wrap: wrap; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; grid-auto-flow: column; display: grid; } .icon-embed-medium { flex-direction: column; justify-content: center; align-items: center; width: 3rem; height: 3rem; display: flex; } .form_radio { align-items: center; margin-bottom: 0; padding-left: 1.125rem; display: flex; } .heading-style-h5 { font-size: 1.5rem; font-weight: 700; line-height: 1.4; } .text-style-strikethrough { text-decoration: line-through; } .heading-style-h1 { font-size: 3.5rem; font-weight: 700; line-height: 1.2; } .form_checkbox-icon { border: .0625rem solid var(--border-color--border-primary); cursor: pointer; border-radius: 0; width: 1.125rem; min-width: 1.125rem; height: 1.125rem; min-height: 1.125rem; margin-top: 0; margin-left: -1.25rem; margin-right: .5rem; transition: all .2s; } .form_checkbox-icon.w--redirected-checked { box-shadow: none; background-color: #000; background-size: 1rem 1rem; border-width: .0625rem; border-color: #000; } .form_checkbox-icon.w--redirected-focus { box-shadow: none; border-color: #000; } .form_checkbox-label { margin-bottom: 0; } .text-size-tiny { font-size: .75rem; } .form_field-label { margin-bottom: .5rem; font-weight: 400; } .button { border: .0625rem solid var(--base-color-neutral--black); background-color: var(--base-color-neutral--black); color: var(--base-color-neutral--white); text-align: center; padding: .75rem 1.5rem; text-decoration: none; } .button.is-link { color: var(--base-color-neutral--black); background-color: #0000; border-style: none; padding: .25rem 0; line-height: 1; text-decoration: none; } .button.is-link.is-alternate { color: var(--base-color-neutral--white); background-color: #0000; } .button.is-link.is-icon { grid-column-gap: .5rem; grid-row-gap: .5rem; } .button.is-icon { grid-column-gap: .75rem; grid-row-gap: .75rem; justify-content: center; align-items: center; display: flex; } .button.is-secondary { color: var(--base-color-neutral--black); background-color: #0000; } .button.is-secondary.is-alternate { color: var(--base-color-neutral--white); background-color: #0000; } .button.is-small { padding: .5rem 1.25rem; } .button.is-small.is-icon-only { padding-left: .5rem; padding-right: .5rem; } .button.is-alternate { border-color: var(--base-color-neutral--white); background-color: var(--base-color-neutral--white); color: var(--base-color-neutral--black); } .button.is-tertiary { color: var(--base-color-neutral--black); background-color: #0000; border-color: #0000; } .button.is-icon-only { padding-left: .75rem; padding-right: .75rem; } .text-weight-normal { font-weight: 400; } .heading-style-h4 { font-size: 2rem; font-weight: 700; line-height: 1.3; } .text-style-italic { font-style: italic; } .icon-1x1-xxsmall { width: 1rem; height: 1rem; } .form_radio-label { margin-bottom: 0; } .rl-styleguide_item { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-direction: column; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; place-content: start; place-items: start; padding-bottom: 1rem; display: grid; } .rl-styleguide_item.is-stretch { grid-row-gap: 1rem; justify-items: stretch; } .icon-1x1-xlarge { width: 6.5rem; height: 6.5rem; } .shadow-xlarge { box-shadow: 0 24px 3rem -.75rem #0000002e; } .text-weight-light { font-weight: 300; } .rl-styleguide_label { color: #1e51f7; white-space: nowrap; cursor: context-menu; background-color: #ebeffa; padding: .25rem .5rem; font-size: .75rem; display: inline-block; } .rl-styleguide_label.is-html-tag { color: #bb4198; background-color: #be4aa51a; } .text-size-regular { font-size: 1rem; } .text-weight-xbold { font-weight: 800; } .text-align-right { text-align: right; } .text-weight-bold { font-weight: 700; } .icon-height-xlarge { height: 6.5rem; } .heading-style-h3 { font-size: 2.5rem; font-weight: 700; line-height: 1.2; } .icon-1x1-large { width: 5rem; height: 5rem; } .form_input { border: .0625rem solid var(--base-color-neutral--black); background-color: var(--base-color-neutral--white); height: auto; min-height: 2.75rem; color: var(--text-color--text-primary); border-radius: 0; margin-bottom: 0; padding: .5rem .75rem; font-size: 1rem; line-height: 1.6; } .form_input:focus { border-color: #000; } .form_input::placeholder { color: #0009; } .form_input.is-text-area { height: auto; min-height: 11.25rem; padding-top: .75rem; padding-bottom: .75rem; overflow: auto; } .form_input.is-select-input { background-image: none; } .rl-styleguide_button-list { grid-column-gap: 1rem; grid-row-gap: 1.5rem; white-space: normal; grid-template-rows: auto; grid-template-columns: auto; grid-auto-columns: max-content; grid-auto-flow: row; place-items: center start; padding-top: 1.5rem; padding-bottom: 1.5rem; display: grid; } .rl-styleguide_list { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-rows: auto; grid-template-columns: 1fr; padding-bottom: 4rem; } .icon-embed-custom1 { flex-direction: column; justify-content: center; align-items: center; width: 1.25rem; height: 1.25rem; display: flex; } .button-group { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-wrap: wrap; align-items: center; display: flex; } .text-color-white { color: var(--base-color-neutral--white); } .background-color-white { background-color: var(--base-color-neutral--white); } .text-style-muted { opacity: .6; } .text-style-nowrap { white-space: nowrap; } .text-align-left { text-align: left; } .icon-embed-large { flex-direction: column; justify-content: center; align-items: center; width: 5rem; height: 5rem; display: flex; } .shadow-xxsmall { box-shadow: 0 1px .125rem #0000000d; } .text-color-black { color: var(--black-archive\); } .icon-embed-xxsmall { flex-direction: column; justify-content: center; align-items: center; width: 1rem; height: 1rem; display: flex; } .icon-embed-xsmall { flex-direction: column; justify-content: center; align-items: center; width: 1.5rem; height: 1.5rem; display: flex; } .icon-height-xxsmall { height: 1rem; } .background-color-black { background-color: var(--base-color-neutral--black); } .shadow-xsmall { box-shadow: 0 1px .1875rem #0000001a, 0 .0625rem .125rem #0000000f; } .icon-1x1-custom1 { width: 1.25rem; height: 1.25rem; } .rl-styleguide_header { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-between; align-items: center; padding-top: 3rem; padding-bottom: 3rem; display: flex; } .rl-styleguide_subheading { z-index: 3; background-color: var(--background-color--background-secondary); border-radius: .75rem; margin-bottom: 1rem; padding: 1rem; font-size: 2rem; font-weight: 700; line-height: 1; } .form_radio-icon { border: .0625rem solid var(--border-color--border-primary); cursor: pointer; border-radius: 6.25rem; width: 1.125rem; min-width: 1.125rem; height: 1.125rem; min-height: 1.125rem; margin-top: 0; margin-left: -1.125rem; margin-right: .5rem; } .form_radio-icon.w--redirected-checked { background-color: #fff; background-image: none; border-width: .375rem; border-color: #000; } .form_radio-icon.w--redirected-focus { box-shadow: none; border-color: #000; margin-top: 0; } .rl-styleguide_shadows-list { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; align-items: start; } .form_form { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; } .text-style-allcaps { text-transform: uppercase; } .rl-styleguide_callout-link_colors { background-color: #fff; background-image: linear-gradient(135deg, #ff7448, #ff4848 50%, #6248ff); border-radius: .75rem; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; padding: .0625rem; text-decoration: none; display: flex; overflow: hidden; } .icon-height-custom1 { height: 1.25rem; } .text-align-center { text-align: center; } .text-size-small { font-size: .875rem; } .class-label-column { grid-column-gap: .75rem; grid-row-gap: .75rem; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; } .form_field-wrapper { position: relative; } .icon-height-small { height: 2rem; } .icon-height-large { height: 5rem; } .shadow-large { box-shadow: 0 20px 1.5rem -.25rem #00000014, 0 .5rem .5rem -.25rem #00000008; } .icon-embed-xlarge { flex-direction: column; justify-content: center; align-items: center; width: 6.5rem; height: 6.5rem; display: flex; } .icon-1x1-small { width: 2rem; height: 2rem; } .class-label-row { grid-column-gap: .25rem; grid-row-gap: .25rem; flex-wrap: wrap; align-items: center; display: flex; } .text-rich-text h1 { margin-top: 2rem; margin-bottom: 1rem; } .text-rich-text blockquote { margin-top: 1.5rem; margin-bottom: 1.5rem; font-style: italic; } .text-rich-text h2, .text-rich-text h3, .text-rich-text h4 { margin-top: 1.5rem; margin-bottom: 1rem; } .text-rich-text h5, .text-rich-text h6 { margin-top: 1.25rem; margin-bottom: 1rem; } .text-rich-text p { margin-bottom: 1rem; } .text-rich-text figcaption { border-left: .125rem solid var(--text-color--text-primary); text-align: left; margin-top: .5rem; padding-left: .5rem; font-size: .875rem; } .icon-height-medium { height: 3rem; } .form_checkbox { align-items: center; margin-bottom: 0; padding-left: 1.25rem; display: flex; } .shadow-small { box-shadow: 0 4px .5rem -.125rem #0000001a, 0 .125rem .25rem -.125rem #0000000f; } .icon-1x1-medium { width: 3rem; height: 3rem; } .rl-styleguide_button-row { grid-column-gap: 1rem; display: flex; } .shadow-medium { box-shadow: 0 12px 1rem -.25rem #00000014, 0 .25rem .375rem -.125rem #00000008; } .text-size-large { font-size: 1.25rem; } .icon-height-xsmall { height: 1.5rem; } .pointer-events-auto { pointer-events: auto; } .rl-styleguide_spacing-all { display: none; } .pointer-events-none { pointer-events: none; } .padding-section-small { padding-top: 3rem; padding-bottom: 3rem; } .rl-styleguide_empty-box { z-index: -1; background-color: #eee; min-width: 3rem; height: 3rem; position: relative; } .rl-styleguide_spacing { border: .0625rem dashed #d3d3d3; } .padding-global { padding-left: 3%; padding-right: 3%; } .padding-section-medium { padding-top: 5rem; padding-bottom: 5rem; } .padding-section-large { padding-top: 12.25rem; padding-bottom: 12.25rem; } .spacer-tiny { width: 100%; padding-top: .25rem; } .spacer-xxsmall { width: 100%; padding-top: .5rem; } .spacer-xsmall { width: 100%; padding-top: 1rem; } .spacer-small { width: 100%; padding-top: 1.5rem; } .spacer-medium { width: 100%; padding-top: 2rem; } .spacer-large { width: 100%; padding-top: 3rem; } .spacer-xlarge { width: 100%; padding-top: 4rem; } .spacer-xxlarge { width: 100%; padding-top: 5rem; } .spacer-huge { width: 100%; padding-top: 6rem; } .spacer-xhuge { width: 100%; padding-top: 7rem; } .spacer-xxhuge { width: 100%; padding-top: 10rem; } .rl-styleguide_nav { z-index: 1000; background-color: #161616; border-radius: .75rem; margin-top: 1rem; padding: .5rem; position: sticky; top: 1rem; } .rl-styleguide_nav-link { color: var(--link-color--link-alternate); border-radius: .25rem; padding: .5rem 1rem; text-decoration: none; } .rl-styleguide_nav-link.w--current { color: var(--link-color--link-primary); background-color: #fff; } .rl-styleguide_subheading-small { font-size: 1rem; font-weight: 400; } .rl-styleguide_callout-heading-wrapper { font-size: 1.25rem; font-weight: 600; } .rl-styleguide_background-color-list { grid-column-gap: 0rem; grid-row-gap: 0rem; grid-template-rows: auto; grid-template-columns: 1fr; } .background-color-primary { background-color: var(--background-color--background-primary); } .rl-styleguide_color-spacer { flex-direction: column; justify-content: space-between; align-items: flex-start; padding: 1rem; display: flex; } .background-color-secondary { background-color: var(--background-color--background-secondary); } .background-color-tertiary { background-color: var(--background-color--background-tertiary); } .background-color-alternative { background-color: var(--background-color--background-alternate); } .text-color-alternate { color: var(--text-color--text-alternate); } .text-color-secondary { color: var(--text-color--text-secondary); } .text-color-primary { color: var(--text-color--text-primary); } .aspect-ratio-square { aspect-ratio: 1; } .rl-styleguide_ratio-bg { z-index: -1; background-color: #eee; min-width: 3rem; height: 100%; position: relative; } .aspect-ratio-portrait { aspect-ratio: 2 / 3; } .aspect-ratio-landscape { aspect-ratio: 3 / 2; } .aspect-ratio-widescreen { aspect-ratio: 16 / 9; } .form_message-success-wrapper { padding: 0; } .form_message-success { background-color: var(--background-color--background-success); color: var(--text-color--text-success); flex-direction: column; justify-content: center; align-items: center; padding: 2.5rem; display: flex; } .form_message-error { background-color: var(--background-color--background-error); color: var(--text-color--text-error); flex-direction: column; justify-content: center; align-items: center; padding: 1rem; display: flex; } .form_message-error-wrapper { margin-top: 1rem; padding: 0; } .nav_component { border-right: .0625rem solid var(--border-color--border-primary); flex-flow: column; justify-content: space-between; width: 6rem; height: 100vh; display: flex; position: fixed; inset: 0% auto 0% 0%; } .first-background-image { z-index: 630; width: 100%; height: 100vh; position: relative; inset: 0%; } .nav_top-content { justify-content: center; align-items: center; padding-top: 2.5rem; display: flex; } .nav_center-content { grid-column-gap: 0rem; grid-row-gap: 0rem; flex-flow: column; display: flex; } .nav_bottom-content { flex-flow: column; justify-content: center; align-items: center; padding-bottom: 2.5rem; display: flex; } .logo-svg { width: 5rem; height: 1.25rem; color: var(--base-color-brand--p700); flex-direction: column; justify-content: center; align-items: center; display: flex; } .nav_link-item { color: var(--text-color--text-secondary); flex-direction: column; justify-content: flex-start; align-items: center; padding-bottom: 1.75rem; text-decoration: none; display: flex; position: relative; left: .0625rem; } .nav_link-item.w--current { border-right: .25rem solid var(--base-color-brand--p700); color: var(--base-color-brand--p700); } .vectors-wrapper { object-fit: cover; justify-content: center; align-items: center; width: 4.5rem; height: 4.5rem; text-decoration: none; display: flex; } .nav_link-text { text-align: center; letter-spacing: -.04em; margin-top: 0; margin-bottom: 0; font-size: .875rem; font-weight: 700; line-height: 135%; text-decoration: none; } .icon-embed-custom { flex-direction: column; justify-content: center; align-items: center; width: 4.375rem; height: 1.0625rem; display: flex; } .nav_count { color: var(--base-color-brand--p700); font-size: 1.5rem; font-weight: 700; } .home-header_image-wrapper { width: 100%; height: 100%; } .image-wrapper-image { object-fit: cover; width: 100%; height: 100%; } .image-wrapper-image.image1 { position: relative; } .image-wrapper-image.mobile-img1 { z-index: 10; display: none; position: relative; transform: translate(0); } .image-wrapper-image.banner4-pc { object-position: 100% 50%; } .image-wrapper-image.banner4-mobile { object-position: 100% 50%; display: none; } .image-wrapper-image.banner4-tablet { box-sizing: border-box; object-fit: fill; display: block; } .image-wrapper-image.banner4-pc { object-fit: fill; object-position: 50% 50%; object-fit: fill; display: block; } .image-wrapper-image.banner4-tablet { object-fit: fill; display: none; } .home-header_mouse-icon-wrapper { z-index: 700; justify-content: center; align-items: center; display: flex; position: absolute; inset: auto 0% 3.5rem; } .home-header_title-item { z-index: 50; height: 3.125rem; padding-left: 7.5vw; position: absolute; inset: auto auto 11.25rem 0%; overflow: visible; } .section_20y { background-color: #fffffe; height: 100vh; position: sticky; top: 0; } ._20y_component { z-index: 10; grid-column-gap: 0rem; grid-row-gap: 0rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; position: relative; } ._20y_backgroud-wrapper { display: flex; position: absolute; inset: 0%; } ._20y_backgroud-left, ._20y_backgroud-right { width: 50%; } ._20y_image { z-index: 1; object-fit: cover; width: 100%; height: 100%; position: relative; } ._20y_image._20y-2 { z-index: 2; } ._20y_image._20y-3 { z-index: 3; } ._20y_content { padding-top: 6.25rem; } ._20y_title-item { max-width: 27.5rem; } ._20y_4grid-wrapper { grid-column-gap: 2vw; grid-row-gap: 4.2vw; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; grid-auto-flow: row dense; max-width: 34.625rem; display: grid; } .white-spacer { position: sticky; top: 0; } ._20y_heading { font-family: var(--paybooc-otf); font-size: 1.5rem; font-weight: 500; line-height: 1.7; } .spacer-174 { padding-top: 8.6vw; } ._4grid_label-text { color: var(--text-color--text-alternate); font-weight: 700; } ._4grid_heading { font-family: var(--paybooc-otf); color: var(--text-color--text-alternate); font-size: 2rem; font-weight: 700; } ._4grid_para { color: var(--text-color--text-secondary); } .spacer-12 { padding-top: .75rem; } .spacer-32 { padding-top: 2rem; } .section_banner1 { height: 37.5rem; position: relative; } .banner1_component { z-index: 10; padding-top: 13.375rem; position: relative; } .banner1_item { flex-flow: column; justify-content: center; align-items: center; max-width: 15rem; margin-left: auto; margin-right: auto; display: flex; } .banner1_item._3rd { max-width: 27rem; } .frame-6026 { grid-row-gap: 1.25rem; flex-direction: column; justify-content: flex-start; align-items: center; text-decoration: none; display: flex; } .banner1_heading { font-family: var(--paybooc-otf); color: var(--text-color--text-primary); text-align: center; margin-top: 0; margin-bottom: 0; font-size: 2rem; font-weight: 700; line-height: 135%; text-decoration: none; } .text2 { color: var(--text-color--text-primary); text-align: center; letter-spacing: -.04em; margin-top: 0; margin-bottom: 0; font-size: 1.125rem; font-weight: 400; line-height: 150%; text-decoration: none; } .title-tag { width: 7.375rem; height: 2.3125rem; color: var(--base-color-neutral--white); object-fit: cover; background-color: #7cb436; border-radius: 100%; justify-content: center; align-items: center; font-weight: 500; text-decoration: none; display: flex; } .title-tag.bg2 { background-color: #bcab9c; } .title-tag.bg3 { background-color: #9b8f63; } .banner1_background { position: absolute; inset: 0%; overflow: hidden; } .banner1_backgroubd-image { object-fit: cover; width: 100%; height: 100%; } .section_2block { padding-top: 0; position: relative; overflow: clip; } .section_2block.bottom { background-color: #fafaf7; } ._2block_backgroud-right { max-width: 44.125rem; } ._2block_backgroud-right.is-1 { transform: scale(1); } ._2block_backgroud-right.is-2 { max-width: 59.375rem; } ._2block_image { object-fit: contain; width: 100%; height: 100%; } ._2block_component { z-index: 10; grid-column-gap: 0rem; grid-row-gap: 0rem; grid-template-rows: auto; grid-template-columns: .9fr 1fr; grid-auto-columns: 1fr; padding-top: 6rem; padding-bottom: 6rem; display: grid; position: relative; } ._2block_component.height-760 { min-height: 47.5rem; position: sticky; top: 0; } ._2block_component.is-3rd-form { margin-top: -28px; margin-bottom: -76px; padding-top: 0; padding-bottom: 0; } ._2block_title-item { max-width: 27.5rem; } .text1 { color: var(--text-color--text-alternate); letter-spacing: -.04em; margin-top: 0; margin-bottom: 0; font-size: 1.25rem; font-weight: 700; line-height: 125%; text-decoration: none; } ._2block_para { font-family: var(--paybooc-otf); color: var(--text-color--text-primary); letter-spacing: -.02em; margin-top: 0; margin-bottom: 0; font-size: 1.5rem; font-weight: 400; line-height: 170%; text-decoration: none; } ._2block_para.hide-mobile-portrait.oppo-normal, ._2block_para.oppo-normal, ._2block_para.oppo-bold { font-size: 1.3rem; } .spacer-20 { padding-top: 1.25rem; } .text-weight-semibold { font-weight: 600; } .section_sticky-cards { height: 43.75rem; margin-bottom: -3.625rem; position: sticky; top: 0; } .section_sticky-cards.is-card-2 { top: .0625rem; bottom: -32.6875rem; transform: translate(0, 3.5rem); } .section_sticky-cards.is-card-3 { margin-bottom: 6.0625rem; top: .125rem; bottom: -33.125rem; transform: translate(0, 6.625rem); } .cards-sticky-wrapper { z-index: 500; padding-top: 0; position: relative; } .sticky-cards_background { position: absolute; inset: 0%; } .sticky-cards_background.color1 { background-color: #d8e9c3; } .sticky-cards_background.color2 { background-color: #e6f4d3; } .sticky-cards_background.color3 { background-color: #f2fbea; } .sticky-cards_background.color-alter1 { background-color: #d7cdc4; } .sticky-cards_background.color-alter2 { background-color: #e7e0d9; } .sticky-cards_background.color-alter3 { background-color: #f2eeeb; } .sticky-cards_background.color-alter3-1 { background-color: #f4ecce; } .sticky-cards_background.color-alter3-2 { background-color: #fbf4d8; } .sticky-cards_background.color-alter3-3 { background-color: #fcf9eb; } .sticky-cards_component { z-index: 10; grid-column-gap: 0rem; grid-row-gap: 0rem; grid-template-rows: auto; grid-template-columns: .88fr 1fr; grid-auto-columns: 1fr; display: grid; position: relative; } .sticky-cards_left-content { position: relative; } .sticky-cards_image-wrapper { border-radius: 1.25rem; width: 100%; max-width: 44.4375rem; overflow: hidden; } .sticky-cards_image { width: 100%; height: 100%; } .sticky-cards_right-content { padding-top: 4.6875rem; padding-bottom: 4.6875rem; } .subtitle { grid-column-gap: 1.25rem; justify-content: flex-start; align-items: flex-start; padding-top: 1.25rem; text-decoration: none; display: flex; } .subtitle-2 { grid-column-gap: .75rem; flex: 0 auto; justify-content: flex-start; align-items: center; text-decoration: none; display: flex; } .sticky-text-dot { background-color: var(--text-color--text-primary); object-fit: cover; border-radius: 50%; justify-content: center; align-items: center; width: .625rem; height: .625rem; text-decoration: none; display: flex; position: relative; } .sticky-label-text { color: #3e3f41; letter-spacing: -.04em; margin-top: 0; margin-bottom: 0; font-size: 1rem; font-weight: 600; line-height: 100%; text-decoration: none; } .spacer-120 { padding-top: 7.5rem; } .sticky_title { font-family: var(--paybooc-otf); color: var(--text-color--text-primary); letter-spacing: -.03em; margin-top: 0; margin-bottom: 0; font-size: 1.25rem; font-weight: 500; line-height: 170%; text-decoration: none; } .sticky_title.oppo-normal { width: auto; font-size: 1.25rem; } .sticky_title-0 { color: #3e3f41; letter-spacing: -.03em; margin-top: 0; margin-bottom: 0; font-family: var(--paybooc-otf); font-size: 1.25rem; font-weight: 700; line-height: 170%; text-decoration: none; } .sticky_title-1 { color: #3e3f41; letter-spacing: -.03em; margin-top: 0; margin-bottom: 0; font-family: var(--paybooc-otf); font-size: 1.25rem; font-weight: 400; line-height: 170%; text-decoration: none; } .div-block-2 { max-width: 16.125rem; } .sticky-cards_absolute-widget { position: absolute; inset: auto auto 4.6875rem 0%; } .sticky-cards_absolute-image { width: 100%; height: 100%; margin-left: 0; } .div-block-3 { max-width: 7vw; margin-bottom: 1.25rem; } .text21 { color: #7cb436; text-align: center; letter-spacing: -.04em; margin: 0 auto; font-size: .875rem; font-weight: 600; line-height: 135%; text-decoration: none; } .text21.text-color-brown { color: #a99480; } .sticky-label-point { color: #3e3f41; letter-spacing: -.04em; width: 3.75rem; margin-top: 0; margin-bottom: 0; font-size: 1rem; font-weight: 600; line-height: 100%; text-decoration: none; } .section_flip { height: 100vh; position: sticky; top: 0; } .flip_component { flex-flow: column; justify-content: center; align-items: center; height: 100vh; display: flex; } .flip_content { border-radius: 1.25rem; justify-content: center; align-items: center; width: 100%; max-width: 79.6875rem; height: 48.3125rem; display: flex; position: relative; overflow: visible; } .flip_background-image-wrapper { border-radius: 1.25rem; flex-flow: column; justify-content: center; align-items: center; height: 100%; display: flex; position: relative; inset: 0%; overflow: visible; transform: rotate(0); } .flip_background-image { backface-visibility: hidden; object-fit: cover; border-radius: 1.25rem; width: 100%; height: 100%; } .flip_background-image.flip-front { position: absolute; inset: 0%; } .flip_background-image.flip-back { transform-style: preserve-3d; transform-style: preserve-3d; inset: 0%; position: absolute; inset: 0%; transform: rotateX(0)rotateY(180deg)rotateZ(0); } .container-2 { grid-row-gap: 2.5rem; flex-direction: column; justify-content: flex-start; align-items: center; text-decoration: none; display: flex; } .text2-6 { color: #818181; text-align: center; letter-spacing: -.04em; margin-top: 0; margin-bottom: 0; font-size: 1rem; font-weight: 500; line-height: 135%; text-decoration: none; } .text2-6.first { opacity: 0; position: absolute; } .text1-1 { color: #3e3f41; text-align: center; letter-spacing: -.03em; margin-top: 0; margin-bottom: 0; font-size: 1.5rem; font-weight: 500; line-height: 170%; text-decoration: none; } .flip_title-item { z-index: 50; text-align: center; max-width: 24.75rem; position: relative; } .backgound-wrapper { perspective: 81.25rem; position: absolute; inset: 0%; } .section_auto-tab { background-color: var(--background-color--background-secondary); } .section_auto-tab.padding-section-large.color-alter { background-color: #fafaf7; } .tab-slider_content { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: flex-start; align-items: center; display: flex; } .auto-tab_left-content { width: 40%; } .auto-tab_image-wrapper { width: auto; } .auto-tab_image-wrapper.is-3rd { width: 100%; max-width: 305px; } .text1-3.paybooc { font-family: var(--paybooc-otf); } .text1-4 { color: #3e3f41; letter-spacing: -.03em; margin-top: 0; margin-bottom: 0; font-size: 1.5rem; font-weight: 500; line-height: 150%; text-decoration: none; } .text1-4.oppo-normal { font-size: 1.3rem; } .text1-5 { color: #7cb436; letter-spacing: -.03em; margin-top: 0; margin-bottom: 0; font-size: 1.5rem; font-weight: 700; line-height: 150%; text-decoration: none; } .auto-tab_title-item { max-width: 27.125rem; } .auto-tab_title-item.show-teblet-only { display: none; } .spacer-80 { padding-top: 5rem; } .auto-tab_link-trigger { grid-column-gap: .5rem; grid-row-gap: .5rem; flex-flow: column; display: flex; } .text1-6 { color: #3e3f41; letter-spacing: -.04em; margin-top: 0; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 135%; text-decoration: none; } .auto-tab_right-image { width: 100%; height: 100%; } .auto-tab_right-image.is-3rd { max-width: 305px; } .auto-tab_right-content { grid-column-gap: 1.125rem; grid-row-gap: 1.125rem; width: 50%; padding: 0 0 0 2rem; overflow: hidden; } .section_swiper-tab.section-padding-120 { background-color: var(--swiper-normal--background-big); padding-top: 7.5rem; padding-bottom: 7.5rem; overflow: hidden; } .section_swiper-tab.section-padding-120.is-third { background-color: #fcf9eb; } .swiper-tab_title-item { flex-flow: column; justify-content: center; align-items: center; display: flex; } .text1-7 { max-width: 32.8125rem; font-family: var(--paybooc-otf); text-align: center; } .text1-8 { color: #3e3f41; text-align: center; letter-spacing: -.03em; margin-top: 0; margin-bottom: 0; font-size: 1.5rem; font-weight: 500; line-height: 150%; text-decoration: none; } .text1-9 { color: var(--swiper-normal--point-color); text-align: center; letter-spacing: -.03em; margin-top: 0; margin-bottom: 0; font-size: 1.5rem; font-weight: 700; line-height: 150%; text-decoration: none; } .text1-10 { color: #3e3f41; text-align: center; letter-spacing: -.03em; margin-top: 0; margin-bottom: 0; font-size: 1.5rem; font-weight: 700; line-height: 150%; text-decoration: none; } .spacer-92 { padding-top: 5.75rem; } .swiper.cc-how-slider, .swiper.cc-how-slider2, .swiper.cc-how-slider111, .swiper.cc-how-slider222 { overflow: hidden; } .swiper-wrapper { flex-flow: row; width: 100%; display: flex; } .swiper-wrapper.cc-how-slider-thumbs, .swiper-wrapper.cc-how-slider-thumbs111, .swiper-wrapper.cc-how-slider-thumbs222 { grid-column-gap: 1.75rem; grid-row-gap: 1.75rem; flex-flow: column; justify-content: flex-start; align-items: flex-start; overflow: hidden; } .swiper-slide { flex: none; } .swiper-slide.cc-how-slider-thumbs { grid-column-gap: 1rem; grid-row-gap: 1rem; opacity: .33; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; } .swiper-slide.cc-how-slider-thumbs.swiper-slide-thumb-active { opacity: 1; } .swiper-slide.cc-how-slider-thumbs111 { grid-column-gap: 1rem; grid-row-gap: 1rem; opacity: .33; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; } .swiper-slide.cc-how-slider-thumbs111.swiper-slide-thumb-active { opacity: 1; } .swiper-slide.cc-how-slider-thumbs222 { grid-column-gap: 1rem; grid-row-gap: 1rem; opacity: .33; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; } .swiper-slide.cc-how-slider-thumbs222.swiper-slide-thumb-active { opacity: 1; } .swiper_item { grid-column-gap: 0rem; grid-row-gap: 0rem; flex-flow: column; display: flex; } .swiper_image-wrapper { margin-bottom: -2.5rem; } .swiper_image { aspect-ratio: auto; object-fit: cover; width: 100%; height: 100%; } .text1-11 { color: var(--swiper-normal--point-color); text-align: center; letter-spacing: -.03em; margin-top: 0; margin-bottom: 0; font-size: 1.25rem; font-weight: 500; line-height: 150%; text-decoration: none; } .tabs { flex-flow: column-reverse; justify-content: flex-start; align-items: center; display: flex; } .tabs-menu { grid-column-gap: 0rem; grid-row-gap: 0rem; background-color: var(--swiper-normal--background-small-tab); border-radius: 31.25rem; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: center; align-items: center; margin-top: 6.5rem; padding: .25rem; display: inline-flex; } .tab_item-link { background-color: var(--swiper-normal--background-small-tab); color: var(--swiper-normal--point-color); border-radius: 5.625rem; font-weight: 500; } .tab_item-link.w--current { background-color: var(--swiper-normal--point-color); color: var(--base-color-neutral--white); border-radius: 5.625rem; } .section_banner3 { height: 90vh; } .section_banner3.bottom { background-color: #fafaf7; } .banner3_component { flex-flow: column; justify-content: center; align-items: center; height: 90vh; display: flex; } .banner3_content { justify-content: flex-start; align-items: center; width: 100%; height: 42.5rem; display: flex; position: relative; } .banner3_background-image-wrapper { border-radius: 1.25rem; flex-flow: column; justify-content: center; align-items: center; display: flex; position: relative; inset: 0%; overflow: clip; } .banner3_background-image { object-fit: cover; width: 100%; height: 100%; } .banner3_title-item { z-index: 50; text-align: left; max-width: 14.375rem; margin-left: 7.5rem; position: relative; } .banner3_title-item.rollmate { max-width: 18.75rem; } .text1-14 { font-family: var(--paybooc-otf); color: #3e3f41; letter-spacing: -.03em; margin-top: 0; margin-bottom: 0; font-size: 1.5rem; font-weight: 500; line-height: 170%; text-decoration: none; } .text1-14.oppo-normal { font-size: 1.3rem; } .section_banner-bottom { height: 54.75rem; position: relative; } .banner-bottom_background { position: absolute; inset: 0%; } .banner-bottomb_backgroubd-image { object-fit: cover; width: 100%; height: 100%; } .banner-bottomn_component { z-index: 10; padding-top: 7.5rem; position: relative; } .banner-bottom_item { flex-flow: column; justify-content: center; align-items: center; max-width: 27.1875rem; margin-left: auto; margin-right: auto; display: flex; } .container { grid-row-gap: 3.75rem; flex-direction: column; justify-content: flex-start; align-items: center; text-decoration: none; display: flex; } .vectors-wrapper-2 { object-fit: cover; justify-content: center; align-items: center; width: 6.06763rem; height: 1.37012rem; text-decoration: none; display: flex; } .banner-bottom-button-3 { grid-row-gap: .625rem; background-color: #7cb436; border-radius: 5.625rem; flex-direction: column; justify-content: flex-start; align-items: flex-start; padding: 1rem 1.5rem; text-decoration: none; display: flex; } .container-3 { grid-column-gap: .375rem; flex: 0 auto; justify-content: flex-start; align-items: center; text-decoration: none; display: flex; } .text-3 { color: #fff; letter-spacing: -.04em; margin-top: 0; margin-bottom: 0; font-size: 1rem; font-weight: 700; line-height: 135%; text-decoration: none; } .vectors-wrapper-3 { object-fit: cover; justify-content: center; align-items: center; width: 1rem; height: 1rem; text-decoration: none; display: flex; } .text1-16 { font-family: var(--paybooc-otf); color: #3e3f41; text-align: center; letter-spacing: -.04em; margin-top: 0; margin-bottom: 0; font-size: 1.75rem; font-weight: 500; line-height: 160%; text-decoration: none; } .text1-16.oppo-normal { font-size: 1.5rem; } .footer_component { padding: 2.5rem 6.25rem; } .footer_component.hide-mobile-portrait { padding-left: 7.5vw; padding-right: 7.5vw; } .footer_wrapper { width: 100%; } .container-4 { grid-row-gap: 1.5rem; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; text-decoration: none; display: flex; } .img_logo_footer { grid-row-gap: .5rem; flex-direction: column; justify-content: flex-start; align-items: flex-start; padding-top: .0625rem; padding-bottom: .0625rem; text-decoration: none; display: flex; } .vectors-wrapper-4 { object-fit: cover; justify-content: center; align-items: center; width: 5.53585rem; height: 1.25rem; text-decoration: none; display: flex; } .contents { grid-row-gap: .375rem; flex-direction: column; justify-content: center; align-items: flex-start; text-decoration: none; display: flex; } .contents-2 { grid-column-gap: .65vw; flex: 0 auto; justify-content: flex-start; align-items: center; text-decoration: none; display: flex; } .frame-311 { grid-column-gap: .5rem; flex: 0 auto; justify-content: flex-start; align-items: center; text-decoration: none; display: flex; } .text-4 { color: #82858b; margin-top: 0; margin-bottom: 0; font-size: .875rem; font-weight: 500; line-height: 135%; text-decoration: none; } .text1-18 { color: #3e3f41; letter-spacing: -.04em; margin-top: 0; margin-bottom: 0; font-size: .875rem; font-weight: 500; line-height: 135%; text-decoration: none; } .vectors-wrapper-5 { background-color: #ebebeb; justify-content: center; align-items: center; width: .0625rem; height: .75rem; text-decoration: none; display: flex; } .text-5 { color: #82858b; letter-spacing: -.04em; margin-top: 0; margin-bottom: 0; font-size: .875rem; font-weight: 500; line-height: 135%; text-decoration: none; } .frame-303 { grid-column-gap: .5rem; flex: 0 auto; justify-content: flex-start; align-items: flex-start; text-decoration: none; display: flex; } .vectors-wrapper-6 { object-fit: cover; flex: 0 auto; justify-content: center; align-items: center; width: 100%; height: .0625rem; text-decoration: none; display: flex; } .copyright { justify-content: space-between; align-items: center; width: 100%; text-decoration: none; display: flex; } .copyright.policy { justify-content: space-between; } .text-6 { color: #9c9c9c; margin-top: 0; margin-bottom: 0; font-family: var(--paybooc-otf); font-size: .75rem; font-weight: 400; line-height: 135%; text-decoration: none; } .policy { grid-column-gap: 1.4375rem; flex: 0 auto; justify-content: flex-start; align-items: flex-start; text-decoration: none; display: flex; } .text-7 { color: #3e3f41; margin-top: 0; margin-bottom: 0; font-size: .75rem; font-weight: 500; line-height: 135%; text-decoration: none; } .home-header_trigger { width: 1%; height: 100vh; position: absolute; inset: 25% 0% 0%; } .second_background-image { z-index: 620; height: 100vh; position: absolute; inset: 0%; } .hero-sticky-wrapper { position: relative; overflow: clip; } .home-header_second-image { object-fit: cover; width: 100%; height: 100%; position: absolute; inset: 0%; } .home-header_title-wrapper { z-index: 700; position: relative; top: 0; bottom: auto; } .icon-embed-custom3 { color: #818181; flex-direction: column; justify-content: center; align-items: center; width: 1.3125rem; height: 2rem; display: flex; position: absolute; } .icon-embed-custom4 { color: #818181; flex-direction: column; justify-content: center; align-items: center; width: 2.3125rem; height: .75rem; display: flex; position: relative; top: .75rem; } .div-block-4 { grid-column-gap: .6875rem; grid-row-gap: .6875rem; flex-flow: column; justify-content: flex-start; align-items: center; display: flex; } .div-block-5 { justify-content: center; align-items: center; display: flex; position: relative; } .scroll-dot { background-color: #818181; border-radius: 50%; width: .25rem; height: .25rem; position: relative; transform: translate(0, -.4375rem); } .second-sticky-wrapper { z-index: 500; background-color: var(--base-color-neutral--white); margin-top: -100vh; margin-bottom: 36.9375rem; position: sticky; top: 0; overflow: clip; } .second-sticky-trigger { width: .0625rem; height: 200vh; } .div-block-8 { height: 6.25rem; position: sticky; top: 13.75rem; } .div-block-8.hide-mobile-portrait { display: block; } .flip-sticky-wrapper { z-index: 500; background-color: var(--base-color-neutral--white); margin-top: -100vh; position: relative; } .flip-sticky-trigger-wrapper { pointer-events: none; flex-flow: column; justify-content: space-between; align-items: stretch; height: 250vh; display: flex; position: relative; } .fb112 { grid-column-gap: 1.125rem; grid-row-gap: 1.125rem; background-color: var(--background-color--background-secondary); justify-content: center; align-items: flex-start; } .fb112.center { justify-content: center; align-items: flex-start; } .fb112.bg-second { background-color: #fafaf7; } .swiper-container { width: 100%; } .tabs-content { width: 100%; max-width: 112.5rem; overflow: visible; } .mouse-drag-animation-2 { grid-row-gap: 1.25rem; flex-direction: column; justify-content: flex-start; align-items: center; max-width: 22.8125rem; text-decoration: none; display: flex; } .vectors-wrapper-8 { object-fit: cover; justify-content: center; align-items: center; width: 12rem; height: 5rem; text-decoration: none; display: flex; } .text-8 { color: #7a5b40; text-align: center; letter-spacing: -.03em; margin-top: 0; margin-bottom: 0; font-family: var(--paybooc-otf); font-size: 1.25rem; font-weight: 500; line-height: 150%; text-decoration: none; } .swiper-drag { z-index: 900; justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; position: absolute; inset: 0%; } .opacity-none { opacity: 0; } .swiper-item-heading { letter-spacing: -.04em; margin-top: 0; margin-bottom: 0; font-size: 1.125rem; font-weight: 600; line-height: 135%; text-decoration: none; } .pageload_component { z-index: 9999; background-color: #f9f8f0; flex-flow: column; justify-content: center; align-items: center; display: none; position: fixed; inset: 0%; } .icon-embed-custom-5 { filter: blur(.6875rem); flex-direction: column; justify-content: center; align-items: center; display: flex; } .nav_mobile-component { display: none; } .frame-6027 { grid-column-gap: 4.875rem; flex: 0 auto; justify-content: flex-start; align-items: flex-start; text-decoration: none; display: flex; } .menu { grid-column-gap: 1rem; flex: 0 auto; justify-content: flex-start; align-items: center; text-decoration: none; display: flex; } .show-mobile-only { display: none; } .section-id2, .secton-id3 { position: relative; } .second-sticky-block { height: 33.3%; } .new-2block_left-content { padding-left: 7.5vw; } .card-sticky-trigger { height: 100vh; position: absolute; inset: 0% auto 0% 0%; } .tabs_wrapper { position: relative; } .div-block-10 { padding-left: 7.5vw; } .banner-sticky-wrapper { z-index: -1; position: sticky; bottom: 18vw; } .section-anchor-bar-first { position: absolute; inset: 0% auto 12% 0%; } .section-anchor-bar-second { height: 105.5%; position: absolute; inset: -5.8% auto auto 0%; } .section-anchor-bar-third { height: 100%; position: absolute; inset: 0% auto auto 0%; } ._2block-trigger-bar { height: 25%; position: absolute; inset: 0% auto auto 0%; } .hero-sticky-spacer { height: 15vh; display: block; position: relative; inset: 0%; } .home-header_sticky { position: sticky; top: 0; } .flip-text-trigger { background-color: #f74848; width: 0; height: 50%; position: relative; inset: 0% auto 0% 0%; } .flip-text-trigger.second { background-color: #5946c3; } .tab-pane-tab-1 { overflow: hidden; } .banner3_overlay { transform-origin: 100%; background-color: #fafaf7; width: 100%; display: block; position: absolute; inset: 0%; transform: scale(1); } .span-green { color: #7cb436; } ._2block-paddng-side { padding-left: 3rem; padding-right: 3rem; } .home-header_cn { font-size: 2.25rem; } .home-header_cn.oppo-normal { font-size: 2.25rem; font-weight: 500; } .home-header_cn.oppo-bold { font-weight: 500; } .span-brown { color: #a0866f; } .preloader_component { margin-left: -.5rem; display: block; top: 2.375rem; } .div-block-11 { z-index: 505; position: relative; } .icon-embed-custom-7 { flex-direction: column; justify-content: center; align-items: center; width: 4.75rem; height: 1.25rem; display: flex; } ._2block_lottie-wrapper { position: relative; } .flex-block-2 { grid-column-gap: 1.125rem; grid-row-gap: 1.125rem; background-color: #f8fbf5; } .bold-text, .bold-text-2 { font-size: 1.3rem; } .pc-stack { display: block; } .mobile-stack { display: inline; } .secton-id4 { position: relative; } .section-anchor-bar-fourth { height: 100%; position: absolute; inset: 0% auto auto 0%; } .frame-6028 { grid-row-gap: 1.25rem; flex-direction: column; justify-content: flex-start; align-items: center; text-decoration: none; display: flex; } .banner1_heading-2 { color: var(--text-color--text-primary); text-align: center; margin-top: 0; margin-bottom: 0; font-size: 2rem; font-weight: 700; line-height: 135%; text-decoration: none; } .text2-7 { color: var(--text-color--text-primary); text-align: center; letter-spacing: -.04em; margin-top: 0; margin-bottom: 0; font-size: 1.125rem; font-weight: 400; line-height: 150%; text-decoration: none; } .padding-global-40px { padding-left: 2.5rem; padding-right: 2.5rem; } .banner4_component { padding-top: 2.5rem; padding-bottom: 2.5rem; } .banner4_image-wrapper { aspect-ratio: 16 / 9; border-radius: 1.25rem; width: 100%; max-height: 53.75rem; position: relative; overflow: clip; } .banner4_image-wrapper.show-pc-only { max-height: 860px; } .banner4_item { position: absolute; inset: auto auto 5.5vw 4.5vw; } ._3rd-text-size-24 { color: #3e3f41; font-size: 1.3rem; font-weight: 700; } .section_3block { padding-top: 0; position: relative; overflow: clip; } ._3rd-2block_left-content { padding-left: 7.5vw; position: relative; top: -46px; } ._3block_title-item { max-width: 27.5rem; } ._3block_title-item.mo-mw.mo-wide.is-3rd { max-width: 29rem; } ._3rd-text-size-22 { color: #9b8f63; letter-spacing: -.04em; margin-top: 0; margin-bottom: 0; font-size: 1.375rem; line-height: 125%; text-decoration: none; } ._3block_image { object-fit: contain; width: 100%; height: 100%; } ._3rd-lottie { width: 100%; height: 100%; } .subtitle-3 { grid-column-gap: .75rem; flex: 0 auto; justify-content: flex-start; align-items: center; text-decoration: none; display: flex; } .div-block-12 { max-width: 16.125rem; } .sticky_title-2 { color: var(--text-color--text-primary); letter-spacing: -.03em; margin-top: 0; margin-bottom: 0; font-size: 1.25rem; font-weight: 500; line-height: 170%; text-decoration: none; } .sticky_title-2.oppo-normal { width: auto; font-size: 1.25rem; } .stack-tabet { display: block; } .div-block-13 { height: 6.25rem; position: sticky; top: 13.75rem; } .div-block-13.hide-mobile-portrait { display: block; } .section_auto-tab-3rd { background-color: #fffefb; } .div-block-14 { padding-left: 7.5vw; } .text1-19 { color: #3e3f41; letter-spacing: -.03em; margin-top: 0; margin-bottom: 0; font-size: 1.5rem; font-weight: 500; line-height: 150%; text-decoration: none; } .text1-19.oppo-normal { font-size: 1.3rem; } .span-3rd-color { box-sizing: border-box; color: #9b8f63; width: auto; font-weight: 600; } .text1-20 { color: #3e3f41; letter-spacing: -.04em; margin-top: 0; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 135%; text-decoration: none; } .flex-block-3 { grid-column-gap: 1.125rem; grid-row-gap: 1.125rem; background-color: var(--background-color--background-secondary); } .flex-block-3.bg-white { background-color: #fffffe; justify-content: center; align-items: flex-start; margin-top: -2px; margin-bottom: -3px; overflow: hidden; } .flex-block-3.bg-white.is-center { justify-content: center; align-items: flex-start; max-height: 435px; } .flex-block-3.center { justify-content: center; align-items: flex-start; } .flex-block-3.bg-third { background-color: #fafaf7; } .section_auto-tab-3rd-mo { background-color: #f8fbf5; } .section_auto-tab-3rd-mo.padding-section-large.color-alter { background-color: #fafaf7; } .text1-21 { color: #3e3f41; text-align: center; letter-spacing: -.03em; margin-top: 0; margin-bottom: 0; font-size: 1.5rem; font-weight: 500; line-height: 150%; text-decoration: none; } .text1-21.oppo-normal.weight-600-color-3rd { color: #9b8f63; font-weight: 600; } .tabs-menu-3rd { grid-column-gap: 0rem; grid-row-gap: 0rem; border-radius: 31.25rem; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: center; align-items: center; margin-top: 6.5rem; padding: .25rem; display: inline-flex; } .tab_item-link-3rd { color: #7cb436; background-color: #f8fbf5; border-radius: 5.625rem; font-weight: 500; } .tab_item-link-3rd.w--current { color: #fffffe; background-color: #9b8f63; border-radius: 5.625rem; } .tabs-content-2 { max-width: 112.5rem; } .text1-22 { color: var(--swiper-normal--point-color); text-align: center; letter-spacing: -.03em; margin-top: 0; margin-bottom: 0; font-size: 1.25rem; font-weight: 500; line-height: 150%; text-decoration: none; } .container-5 { grid-row-gap: 3.75rem; flex-direction: column; justify-content: flex-start; align-items: center; text-decoration: none; display: flex; } .vectors-wrapper-9 { object-fit: cover; justify-content: center; align-items: center; width: 6.06763rem; height: 1.37012rem; text-decoration: none; display: flex; } .text1-23 { color: #3e3f41; text-align: center; letter-spacing: -.04em; margin-top: 0; margin-bottom: 0; font-size: 1.75rem; font-weight: 500; line-height: 160%; text-decoration: none; } .text1-23.oppo-normal { font-size: 1.5rem; } .container-6 { grid-column-gap: .375rem; flex: 0 auto; justify-content: flex-start; align-items: center; text-decoration: none; display: flex; } .text-9 { color: #fff; letter-spacing: -.04em; margin-top: 0; margin-bottom: 0; font-size: 1rem; font-weight: 700; line-height: 135%; text-decoration: none; } .vectors-wrapper-10 { object-fit: cover; justify-content: center; align-items: center; width: 1rem; height: 1rem; text-decoration: none; display: flex; } .vectors-wrapper-11 { object-fit: cover; justify-content: center; align-items: center; width: 4.5rem; height: 4.5rem; text-decoration: none; display: flex; } ._3rd-lottie-new, ._3rd-lottie-news { width: 100%; height: 100%; } ._3rd-lottie-news.hide-mobile-portrait { position: relative; top: -70px; } .div-block-15 { height: 6.25rem; position: sticky; top: 13.75rem; } .div-block-16 { padding-top: 50px; overflow: visible; } .section_banner4-tablet { display: none; } .banner4_image-wrapper-tablt { aspect-ratio: 16 / 9; border-radius: 1.25rem; width: 100%; max-height: 53.75rem; position: relative; overflow: clip; } .banner4_image-inner { grid-column-gap: 0px; grid-row-gap: 0px; perspective: 1450px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: 100%; height: 100%; display: grid; } .banner4_image-right { transform-origin: 0%; transform-style: preserve-3d; transform: rotateX(0)rotateY(72deg)rotateZ(0); } .scroll-sticky { position: sticky; top: 0; } .scroll_wrap { position: relative; overflow: clip; } .stick-spcer { height: 200vh; margin-top: -50vh; } .scroll_trigger { pointer-events: none; height: 100%; min-height: 100vh; position: absolute; inset: auto 0% 0%; } ._3rd-text-size-24-2 { color: #3e3f41; font-size: 1.5rem; position: static; } .vectors-wrapper-12 { object-fit: cover; justify-content: center; align-items: center; width: 12rem; height: 5rem; text-decoration: none; display: flex; } .text-10 { color: #7a5b40; text-align: center; letter-spacing: -.03em; margin-top: 0; margin-bottom: 0; font-size: 1.25rem; font-weight: 500; line-height: 150%; text-decoration: none; } .div-block-18 { padding-top: 50px; } ._3rd-text-size-24-3 { z-index: auto; color: #3e3f41; font-size: 1.5rem; position: relative; bottom: 0; left: 0; } .flip_trigger { height: 200vh; margin-top: -50vh; } @media screen and (max-width: 991px) { h1 { font-size: 3.25rem; } h2 { font-size: 2.75rem; } h3 { font-size: 2.25rem; } h4 { font-size: 1.75rem; } .overflow-hidden.flip { height: 1.1875rem; } .hide-tablet { display: none; } .page-wrapper { padding-left: 5rem; } .max-width-full-tablet { width: 100%; max-width: none; } .margin-large { margin: 2.5rem; } .margin-xlarge { margin: 3.5rem; } .margin-xxlarge { margin: 4.5rem; } .margin-huge { margin: 5rem; } .margin-xhuge { margin: 6rem; } .margin-xxhuge { margin: 7.5rem; } .padding-large { padding: 2.5rem; } .padding-xlarge { padding: 3.5rem; } .padding-xxlarge { padding: 4.5rem; } .padding-huge { padding: 5rem; } .padding-xhuge { padding: 6rem; } .padding-xxhuge { padding: 7.5rem; } .margin-top { margin-bottom: 0; margin-left: 0; margin-right: 0; } .margin-bottom { margin-top: 0; margin-left: 0; margin-right: 0; } .margin-left { margin-top: 0; margin-bottom: 0; margin-right: 0; } .margin-right { margin-top: 0; margin-bottom: 0; margin-left: 0; } .margin-vertical { margin-left: 0; margin-right: 0; } .margin-horizontal { margin-top: 0; margin-bottom: 0; } .padding-top { padding-bottom: 0; padding-left: 0; padding-right: 0; } .padding-bottom { padding-top: 0; padding-left: 0; padding-right: 0; } .padding-left { padding-top: 0; padding-bottom: 0; padding-right: 0; } .padding-right { padding-top: 0; padding-bottom: 0; padding-left: 0; } .padding-vertical { padding-left: 0; padding-right: 0; } .padding-horizontal { padding-top: 0; padding-bottom: 0; } .heading-style-h2 { font-size: 2.75rem; } .rl-styleguide_icons-list { grid-auto-flow: row; } .heading-style-h1 { font-size: 3.25rem; } .heading-style-h4 { font-size: 1.75rem; } .heading-style-h3 { font-size: 2.25rem; } .padding-global { padding-left: 3rem; padding-right: 3rem; } .padding-section-medium { padding-top: 4rem; padding-bottom: 4rem; } .padding-section-large { padding-top: 6rem; padding-bottom: 6rem; } .spacer-large { padding-top: 2.5rem; } .spacer-xlarge { padding-top: 3.5rem; } .spacer-xxlarge { padding-top: 4.5rem; } .spacer-huge { padding-top: 5rem; } .spacer-xhuge { padding-top: 6rem; } .spacer-xxhuge { padding-top: 7.5rem; } .nav_component { width: 5rem; } .logo-svg { width: 4rem; } .nav_link-item.w--current { border-right-width: .125rem; } .nav_link-text { font-size: .75rem; } .nav_count { font-size: 1.25rem; } .image-wrapper-image.image1, .image-wrapper-image.mobile-img1 { object-fit: cover; object-position: 70% 50%; } .image-wrapper-image.banner4-tablet { object-fit: cover; } .image-wrapper-image.banner4-pc { display: none; } .image-wrapper-image.banner4-tablet { object-fit: fill; display: block; } .home-header_title-item { height: 2.625rem; padding-left: 3rem; } ._20y_backgroud-left { width: 40%; } ._20y_backgroud-right { flex: 1; } ._20y_title-item { max-width: 15.625rem; } ._20y_4grid-wrapper { grid-column-gap: 0rem; grid-template-columns: 1fr; max-width: 15rem; } ._20y_heading { font-size: 1rem; } .spacer-174 { padding-top: 5.5rem; } ._4grid_label-text { font-size: .75rem; } ._4grid_heading { font-size: 1.25rem; } ._4grid_para { font-size: .75rem; } .spacer-32 { padding-top: 1rem; } .section_banner1 { height: 28.5rem; } .banner1_component { padding-top: 8.4375rem; } .banner1_heading { font-size: 1.5rem; } .text2 { font-size: 1rem; } ._2block_backgroud-right.is-1 { margin-right: -3.75rem; position: relative; } ._2block_backgroud-right.is-2 { position: relative; } ._2block_component.height-760 { min-height: 41.125rem; } ._2block_component.is-3rd-form { margin-top: 0; margin-bottom: 0; } .text1 { font-size: .875rem; } ._2block_para { font-size: 1.125rem; font-weight: 500; } ._2block_para.hide-mobile-portrait.oppo-normal, ._2block_para.oppo-normal, ._2block_para.oppo-bold { font-size: 1rem; } .sticky-cards_component { grid-column-gap: 2.625rem; grid-row-gap: 2.625rem; grid-template-columns: 1fr 1fr; } .sticky-cards_image-wrapper { width: 23.5rem; } .sticky-cards_right-content { padding-top: 8.8125rem; } .sticky-text-dot { width: .375rem; height: .375rem; } .sticky-label-text { white-space: pre; font-size: .75rem; } .sticky_title { font-size: 1.125rem; } .sticky_title.oppo-normal { font-size: 1rem; } .div-block-2 { max-width: 15.625rem; } .sticky-cards_absolute-widget { bottom: 2.8125rem; } .div-block-3 { max-width: 6.25rem; } .text21, .sticky-label-point { font-size: .75rem; } .flip_component { padding-top: 8.125rem; padding-bottom: 8.125rem; } .flip_content { height: 48rem; } .text2-6 { font-size: .875rem; } .text1-1 { font-size: 1.125rem; } .tab-slider_content { justify-content: flex-start; align-items: center; } .auto-tab_left-content { min-width: 17.8125rem; max-width: 17.8125rem; } .auto-tab_image-wrapper { width: 11.375rem; } .text1-4 { font-size: 1.125rem; } .text1-4.oppo-normal { font-size: 1.1rem; } .text1-5 { font-size: 1.125rem; } .auto-tab_title-item.show-teblet-only { display: block; } .spacer-80.hide-mobile-portrait { padding-top: 3.75rem; } .text1-6 { font-size: .875rem; } .auto-tab_right-image.is-3rd { max-width: 11.37rem; } .auto-tab_right-content { justify-content: center; align-items: flex-start; width: 70%; } .text1-8, .text1-9, .text1-10 { font-size: 1.125rem; } .swiper-wrapper.cc-how-slider, .swiper-wrapper.cc-how-slider111, .swiper-wrapper.cc-how-slider222, .swiper_item { justify-content: flex-start; align-items: center; } .swiper_image-wrapper { max-width: 37.25rem; } .tab_item-link { padding-left: 1rem; padding-right: 1rem; font-size: .75rem; } .section_banner3 { flex-flow: column; justify-content: center; align-items: stretch; height: 45.5rem; display: flex; } .banner3_component { height: 26.375rem; } .banner3_background-image-wrapper { width: 100%; height: 100%; } .banner3_title-item { margin-left: 4.375rem; } .text1-14 { font-size: 1.125rem; } .section_banner-bottom { height: 48rem; } .banner-bottom_item { max-width: 19rem; } .banner-bottom-button-3.cta, .text-3 { font-size: .875rem; } .text1-16 { font-size: 1.25rem; } .text1-16.oppo-normal { font-size: 1.2rem; } .footer_component { padding-left: 3rem; padding-right: 3rem; } .contents { width: 100%; } .contents-2 { grid-column-gap: .625rem; grid-row-gap: .625rem; flex-flow: wrap; width: 100%; } .text-4, .text1-18, .text-5 { font-size: .75rem; } .home-header_trigger { top: 26.5%; } .icon-embed-custom3 { width: .75rem; height: 1.5625rem; } .icon-embed-custom4 { width: 1.5625rem; top: .25rem; } .second-sticky-wrapper { margin-bottom: 28.4375rem; } .fb112 { grid-column-gap: .625rem; grid-row-gap: .625rem; } .swiper-item-heading { font-size: 1rem; } .new-2block_left-content { padding-left: 3.0625rem; } .div-block-10 { padding-left: 3rem; } .home-header_cn.oppo-normal, .home-header_cn.oppo-bold { font-size: 1.75rem; } .mobile-stack-to-inline { display: inline-block; } .tablet-stack { display: block; } .flex-block-2 { grid-column-gap: .625rem; grid-row-gap: .625rem; } .bold-text, .bold-text-2 { font-size: 1rem; } .pc-stack { display: inline; } .pc-stack.is-block { display: block; } .banner1_heading-2 { font-size: 1.5rem; } .text2-7 { font-size: 1rem; } .section_banner4 { flex-flow: column; justify-content: center; align-items: stretch; height: auto; display: flex; } .padding-global-40px { padding-left: 3rem; padding-right: 3rem; } .padding-global-40px.mo-30 { padding-top: 28px; padding-bottom: 28px; } .banner4_component { height: 672px; padding-top: 0; padding-bottom: 0; } .banner4_image-wrapper { height: 100%; max-height: none; } .banner4_image-wrapper.show-pc-only { display: none; } .banner4_item { bottom: 4.5vw; left: 4vw; } ._3rd-text-size-24 { font-size: 1.125rem; } ._3rd-2block_left-content { padding-left: 3.0625rem; top: auto; } ._3rd-text-size-22 { font-size: .875rem; } ._3rd-lottie { position: relative; } .div-block-12 { max-width: 15.625rem; } .sticky_title-2 { font-size: 1.125rem; } .sticky_title-2.oppo-normal { font-size: 1rem; } .div-block-14 { padding-left: 3rem; } .text1-19 { font-size: 1.125rem; } .text1-19.oppo-normal { font-size: 1.1rem; } .text1-20 { font-size: .875rem; } .flex-block-3 { grid-column-gap: .625rem; grid-row-gap: .625rem; } .flex-block-3.bg-white.is-center { overflow: clip; } .text1-21 { font-size: 1.125rem; } .tab_item-link-3rd { padding-left: 1rem; padding-right: 1rem; font-size: .75rem; } .text1-23 { font-size: 1.25rem; } .text1-23.oppo-normal { font-size: 1.2rem; } .text-9 { font-size: .875rem; } ._3rd-lottie-new, ._3rd-lottie-news { position: relative; } ._3rd-lottie-news.hide-mobile-portrait { top: auto; } .section_banner4-tablet { flex-flow: column; justify-content: center; align-items: stretch; height: 45.5rem; display: none; } .banner4_image-wrapper-tablt { height: 42rem; max-height: 42rem; } .banner4_image-right { transform: none; } ._3rd-text-size-24-2, ._3rd-text-size-24-3 { font-size: 1.125rem; } .flip_trigger { height: 50vh; } } @media screen and (max-width: 767px) { h1 { font-size: 2.5rem; } h2 { font-size: 2.25rem; } h3 { font-size: 2rem; } h4 { font-size: 1.5rem; line-height: 1.4; } h5 { font-size: 1.25rem; } h6 { font-size: 1.125rem; } .hide-mobile-landscape { display: none; } .max-width-full-mobile-landscape { width: 100%; max-width: none; } .margin-xsmall { margin: .75rem; } .margin-small { margin: 1.25rem; } .margin-medium { margin: 1.5rem; } .margin-large { margin: 2rem; } .margin-xlarge { margin: 2.5rem; } .margin-xxlarge { margin: 3rem; } .margin-huge { margin: 3.5rem; } .margin-xhuge { margin: 4rem; } .margin-xxhuge { margin: 5rem; } .padding-xsmall { padding: .75rem; } .padding-small { padding: 1.25rem; } .padding-medium { padding: 1.5rem; } .padding-large { padding: 2rem; } .padding-xlarge { padding: 2.5rem; } .padding-xxlarge { padding: 3rem; } .padding-huge { padding: 3.5rem; } .padding-xhuge { padding: 4rem; } .padding-xxhuge { padding: 5rem; } .margin-top { margin-bottom: 0; margin-left: 0; margin-right: 0; } .margin-bottom { margin-top: 0; margin-left: 0; margin-right: 0; } .margin-left { margin-top: 0; margin-bottom: 0; margin-right: 0; } .margin-right { margin-top: 0; margin-bottom: 0; margin-left: 0; } .margin-vertical { margin-left: 0; margin-right: 0; } .margin-horizontal { margin-top: 0; margin-bottom: 0; } .padding-top { padding-bottom: 0; padding-left: 0; padding-right: 0; } .padding-bottom { padding-top: 0; padding-left: 0; padding-right: 0; } .padding-left { padding-top: 0; padding-bottom: 0; padding-right: 0; } .padding-right { padding-top: 0; padding-bottom: 0; padding-left: 0; } .padding-vertical { padding-left: 0; padding-right: 0; } .padding-horizontal { padding-top: 0; padding-bottom: 0; } .text-size-medium { font-size: 1rem; } .text-style-quote { font-size: 1.125rem; } .heading-style-h2 { font-size: 2.25rem; } .heading-style-h6 { font-size: 1.125rem; } .heading-style-h5 { font-size: 1.25rem; } .heading-style-h1 { font-size: 2.5rem; } .heading-style-h4 { font-size: 1.5rem; line-height: 1.4; } .heading-style-h3 { font-size: 2rem; } .text-style-nowrap { white-space: normal; } .text-size-large { font-size: 1.125rem; } .padding-section-small { padding-top: 2rem; padding-bottom: 2rem; } .padding-section-medium { padding-top: 3rem; padding-bottom: 3rem; } .padding-section-large { padding-top: 4rem; padding-bottom: 4rem; } .spacer-xsmall { padding-top: .75rem; } .spacer-small { padding-top: 1.25rem; } .spacer-medium { padding-top: 1.5rem; } .spacer-large { padding-top: 2rem; } .spacer-xlarge { padding-top: 2.5rem; } .spacer-xxlarge { padding-top: 3rem; } .spacer-huge { padding-top: 3.5rem; } .spacer-xhuge { padding-top: 4rem; } .spacer-xxhuge { padding-top: 5rem; } .image-wrapper-image.banner4-tablet { display: none; } } @media screen and (max-width: 479px) { h1 { font-size: 2.5rem; } .overflow-hidden.flip { grid-column-gap: .8125rem; grid-row-gap: .8125rem; flex-flow: column; display: flex; } .hide-mobile-portrait { display: none; } .page-wrapper { padding-left: 0; } .margin-top { margin-bottom: 0; margin-left: 0; margin-right: 0; } .margin-bottom { margin-top: 0; margin-left: 0; margin-right: 0; } .margin-left { margin-top: 0; margin-bottom: 0; margin-right: 0; } .margin-right { margin-top: 0; margin-bottom: 0; margin-left: 0; } .margin-vertical { margin-left: 0; margin-right: 0; } .margin-horizontal { margin-top: 0; margin-bottom: 0; } .padding-top { padding-bottom: 0; padding-left: 0; padding-right: 0; } .padding-bottom { padding-top: 0; padding-left: 0; padding-right: 0; } .padding-left { padding-top: 0; padding-bottom: 0; padding-right: 0; } .padding-right { padding-top: 0; padding-bottom: 0; padding-left: 0; } .padding-vertical { padding-left: 0; padding-right: 0; } .padding-horizontal { padding-top: 0; padding-bottom: 0; } .max-width-full-mobile-portrait { width: 100%; max-width: none; } .padding-global { padding-left: 1rem; padding-right: 1rem; } .padding-global.mo-30 { padding-left: 1.875rem; padding-right: 1.875rem; } .nav_component { display: none; } .nav_count { font-size: 1rem; } .image-wrapper-image.image1 { display: none; } .image-wrapper-image.mobile-img1 { display: block; } .image-wrapper-image.banner4-pc { object-fit: cover; object-position: 55% 50%; display: none; } .image-wrapper-image.banner4-mobile { object-fit: cover; object-position: 55% 50%; display: block; } .image-wrapper-image.banner4-tablet, .image-wrapper-image.banner4-pc, .image-wrapper-image.banner4-pc, .image-wrapper-image.banner4-tablet { display: block; } .home-header_mouse-icon-wrapper { z-index: 700; bottom: 1.875rem; } .home-header_title-item { text-align: center; width: 100%; height: 2.125rem; padding-left: 0; bottom: 7.4375rem; } .home-header_title-item.first { font-size: 1rem; bottom: 7.25rem; } ._20y_component { grid-template-columns: 1fr; } ._20y_backgroud-wrapper { position: relative; } ._20y_backgroud-left { display: none; } ._20y_backgroud-right { max-height: 20.625rem; overflow: hidden; } ._20y_content { padding-top: 1.75rem; padding-left: .875rem; padding-right: .875rem; } ._20y_title-item { max-width: 17.5rem; } ._20y_4grid-wrapper { grid-template-rows: auto; grid-template-columns: 1fr; max-width: none; height: 13rem; overflow: hidden; } ._20y_heading.oppo-normal { font-size: 1.125rem; } .spacer-174 { padding-top: 2.5rem; } ._20y_4grid-item { background-color: #fffffe; width: 100%; position: relative; } ._20y_4grid-item.is-second, ._20y_4grid-item.id-third { opacity: 0; position: absolute; } ._4grid_label-text { font-size: .875rem; } ._4grid_heading.text-over1.oppo-bold, ._4grid_heading.text-over2.oppo-bold, ._4grid_heading.text-over3.oppo-bold { font-size: 2rem; } ._4grid_para { font-size: .875rem; } .section_banner1 { height: 18rem; } .banner1_component { padding-top: 5.5rem; } .banner1_item { max-width: 11.25rem; } .frame-6026 { grid-row-gap: 1rem; } .text2 { font-size: .875rem; } .banner1_backgroubd-image { min-height: 18rem; } .banner1_backgroubd-image.show-mobile-only { height: 18rem; } .section_2block { padding-top: 6.25rem; } .section_2block.mo-reset-up-padding { padding-top: 0; } ._2block_backgroud-right.is-1 { width: 37.5rem; margin-top: 1.25rem; margin-left: 1.875rem; margin-right: 0; } ._2block_backgroud-right.is-1.is-3 { width: 23.875rem; margin-top: 4.75rem; margin-left: 4.8125rem; } ._2block_backgroud-right.is-2 { width: 42.6875rem; margin-left: 1.875rem; } ._2block_backgroud-right.is-2.is-4 { margin-left: 2.375rem; } ._2block_component { grid-template-columns: .9fr; } ._2block_component.height-760 { min-height: 34.375rem; padding-top: 0; } ._2block_component.mo-bottom { padding-bottom: 2.5rem; } ._2block_component.mo-up-padding { padding-top: 0; } ._2block_component.mo-up-padding.mo-down-padding { padding-bottom: 0; } ._2block_component.is-3rd-form { position: sticky; top: 4.8rem; } ._2block_title-item { max-width: 17.5rem; } ._2block_title-item.mo-mw { max-width: 11.8125rem; } ._2block_title-item.mo-mw.mo-wide { max-width: 20rem; } .text1, ._2block_para, ._2block_para.show-mobile-only.oppo-bold, ._2block_para.show-mobile-only.oppo-normal { font-size: 1rem; } ._2block_para.oppo-normal { font-size: 1.25rem; } ._2block_para.oppo-bold { font-size: 1rem; } .spacer-20.mo-12 { padding-top: .75rem; } .section_sticky-cards.is-card-1 { z-index: 1; top: 4.875rem; } .section_sticky-cards.is-card-2 { z-index: 2; top: 3.9375rem; } .section_sticky-cards.is-card-3 { z-index: 3; top: 3rem; } .sticky-cards_component { grid-column-gap: 2.75rem; grid-row-gap: 2.75rem; flex-flow: column; display: flex; } .sticky-cards_component._109 { grid-column-gap: 6.8125rem; grid-row-gap: 6.8125rem; } .sticky-cards_image-wrapper { border-radius: .75rem; width: auto; height: 14.5625rem; } .sticky-cards_right-content { padding-top: 0; padding-bottom: 0; } .sticky-label-text { font-size: .875rem; } .spacer-120 { padding-top: 3.75rem; } .sticky_title, .sticky_title.oppo-normal { font-size: 1rem; } .div-block-2 { max-width: 17.5rem; } .sticky-cards_absolute-widget { grid-column-gap: .75rem; grid-row-gap: .75rem; justify-content: flex-start; align-items: center; display: flex; position: relative; bottom: -2.1875rem; } .div-block-3 { width: 4.5rem; height: 4.5rem; margin-bottom: 0; } .text21 { margin-left: 0; } .text21.text-color-brown { color: var(--swiper-second--point-color); } .sticky-label-point { font-size: .875rem; } .flip_component { padding-top: 5.9375rem; padding-bottom: 5.9375rem; } .flip_content { height: 100%; } .flip_background-image-wrapper { border-radius: .75rem; } .container-2.mo-narrow { padding-left: .8125rem; padding-right: .8125rem; } .text2-6 { font-size: .75rem; } .text2-6.first, .text2-6.second { font-size: .875rem; } .text1-1 { font-size: 1.125rem; } .backgound-wrapper { height: 100%; max-height: none; margin-top: auto; margin-bottom: auto; } .section_auto-tab.padding-section-large.show-mobile-only.paddin-top-offset { background-color: #fafaf7; padding-top: 0; } .tab-slider_content { grid-column-gap: 2rem; grid-row-gap: 2rem; flex-flow: column-reverse; justify-content: flex-start; align-items: flex-start; } .auto-tab_left-content { width: 100%; max-width: none; } .auto-tab_image-wrapper { width: auto; max-width: 144px; } .text1-3 { font-family: var(--paybooc-otf); } .text1-4 { display: block; } .text1-4.oppo-normal { font-size: 1rem; } .auto-tab_title-item.show-teblet-only { padding-bottom: 0; } .auto-tab_title-item.bottom { padding-bottom: 3.75rem; } .spacer-80.show-mobile-only { padding-top: 1.5rem; } .auto-tab_right-content { grid-column-gap: .625rem; grid-row-gap: .625rem; width: 18.75rem; padding-left: 0; } .section_swiper-tab.section-padding-120.is-third { background-color: #fbf8f1; } .text1-8.oppo-normal { font-size: 1.25rem; } .text1-9 { display: block; } .swiper.cc-how-slider-thumbs, .swiper.cc-how-slider-thumbs111, .swiper.cc-how-slider-thumbs222 { overflow: hidden; } .swiper-wrapper.swiper-wrapper-vertical { flex-flow: column; } .swiper-slide.cc-how-slider-thumbs111 { width: 100%; } .swiper-slide.cc-how-slider-thumbs111.swiper-slide-thumb-active { height: auto; } .swiper-slide.cc-how-slider-thumbs111 { height: 3.125rem; overflow: hidden; } .swiper-slide.cc-how-slider-thumbs222.swiper-slide-thumb-active { height: auto; } .swiper-slide.cc-how-slider-thumbs222 { height: 3.125rem; overflow: hidden; } .swiper-slide.mo-vertical-swiper { height: 65px; overflow: clip; } .swiper-slide.mo-vertical-swiper.swiper-slide-thumb-active { height: auto; } .swiper_image-wrapper { margin-bottom: 1.1875rem; } .text1-11 { font-size: 1rem; } .section_banner3 { display: flex; } .banner3_component { align-items: center; height: 38.25rem; } .banner3_content { border-radius: .75rem; justify-content: center; align-items: flex-start; height: 100%; padding-top: 4.5625rem; } .banner3_title-item { text-align: center; max-width: 10rem; margin-left: auto; margin-right: auto; } .banner3_title-item.rollmate { max-width: 11.5625rem; } .banner3_title-item.rollmate.show-mobile-only { max-width: none; } .text1-14.oppo-normal { font-size: 1.1rem; } .container { grid-column-gap: 1.25rem; grid-row-gap: 1.25rem; width: 10.25rem; } .container.wide { grid-column-gap: 2.5rem; grid-row-gap: 2.5rem; width: 12.5rem; } .banner-bottom-button-3.cta { justify-content: flex-start; align-items: center; width: 8.125rem; padding: .75rem 1rem; } .text-3 { font-size: .75rem; } .text1-16 { font-size: 1.125rem; line-height: 150%; } .text1-16.oppo-normal.mo-24 { margin-left: -1rem; margin-right: -1rem; font-size: 1.1rem; } .footer_component { padding-left: 1.875rem; padding-right: 1.875rem; } .frame-311 { justify-content: flex-start; align-items: flex-start; } .frame-311.wide { width: 100%; } .text-4, .text1-18 { font-size: .625rem; } .vectors-wrapper-5 { background-color: #ebebeb; width: .0625rem; } .text-5 { font-size: .625rem; } .vectors-wrapper-6 { object-fit: none; height: 1.25rem; } .copyright.policy { grid-row-gap: .25rem; flex-flow: column; } .home-header_trigger { top: 105vh; } .home-header_second-image.show-mobile-only { object-fit: cover; } .icon-embed-custom3 { width: .9375rem; } .icon-embed-custom4 { width: 1.75rem; } .div-block-4 { z-index: 700; position: relative; } .second-sticky-wrapper { z-index: auto; margin-bottom: 17.875rem; } .second-sticky-trigger { opacity: 0; flex-flow: column; justify-content: space-between; width: .25rem; display: flex; position: relative; } .div-block-8.hide-mobile-portrait { display: none; } .fb112 { grid-column-gap: .625rem; grid-row-gap: .625rem; justify-content: center; align-items: flex-start; margin-top: 1.25rem; display: flex; } .text-8 { display: none; } .text-8.show-mobile-only { font-size: 1rem; } .swiper-drag { top: -28%; } .pageload_component { display: none; } .icon-embed-custom-5 { transform: scale(.5); } .nav_mobile-component { z-index: 901; background-color: var(--base-color-neutral--white); display: block; position: fixed; inset: 0% 0% auto; } .nav_mobile-content { padding: 1rem 1.875rem .625rem; } .frame-6027 { grid-column-gap: 1rem; justify-content: space-between; align-items: center; } .menu { grid-column-gap: .75rem; grid-row-gap: .75rem; } .show-mobile-only { display: block; } .nav_mobile-link { color: var(--text-color--text-secondary); font-size: .75rem; font-weight: 600; } .nav_mobile-link.w--current { color: var(--swiper-normal--point-color); } .banner3_background-image-overlay.show-mobile-only { background-image: linear-gradient(#ecece6 33%, #f4f3ee00 59%); position: absolute; inset: 0%; } .secton-id3 { background-color: #fafaf7; } .second-sticky-block.is1 { background-color: #fd5959; width: 0; height: 10%; } .second-sticky-block.is2 { background-color: #7e9c46; width: .25rem; height: 10%; } .second-sticky-block.is3 { background-color: #5150be; width: .25rem; height: 10%; } .new-2block_left-content { padding-left: 1.875rem; } .div-block-10 { padding: 2.25rem 1.875rem; } .div-block-10.padding-top-offset { padding-top: 0; } .hero-sticky-spacer { height: 25vh; } ._2block-paddng-side { padding-left: 1.875rem; padding-right: 1.875rem; } .home-header_cn.oppo-normal, .home-header_cn.oppo-bold { font-size: 1.2rem; font-weight: 600; } .span-green.sub-mo-stack, .span-brown.sub-mo-stack { display: block; } .mobile-stack-to-inline { display: inline-block; } .icon-embed-custom-7 { color: #7cb436; } .auto-tab-mo-white-space { width: 100%; height: .0625rem; } .mobile-stack-to-block { display: block; } .flex-block-2 { grid-column-gap: .625rem; grid-row-gap: .625rem; justify-content: center; align-items: flex-start; margin-top: 1.25rem; } .text-span, .text-span-2 { margin-left: auto; } .text-block-2 { font-size: .7rem; } .mobile-stack { display: block; } .secton-id4 { background-color: #fff; } .frame-6028 { grid-row-gap: 1rem; } .text2-7 { font-size: .875rem; } .section_banner4 { height: auto; display: flex; } .padding-global-40px { padding-left: 1rem; padding-right: 1rem; } .padding-global-40px.mo-30 { padding-left: 1.875rem; padding-right: 1.875rem; } .banner4_component { height: auto; } .banner4_image-wrapper { min-height: 704px; max-height: none; } .banner4_image-wrapper.show-mobile-only { min-height: 90vh; } .banner4_item { text-align: center; inset: 5.25rem 0% auto; } ._3rd-text-size-24 { font-size: 1.125rem; } .section_3block { padding-top: 6.25rem; } ._3rd-2block_left-content { margin-bottom: 3rem; padding-left: 1.875rem; } ._3block_title-item { max-width: 17.5rem; } ._3block_title-item.mo-mw { max-width: 11.8125rem; } ._3block_title-item.mo-mw.mo-wide { max-width: 20rem; } ._3rd-text-size-22 { font-size: 1rem; } ._3rd-heading-richtext { overflow: visible; } ._3rd-lottie.show-mobile-only { max-height: 37.5rem; left: -95px; } .div-block-12 { max-width: 17.5rem; } .sticky_title-2, .sticky_title-2.oppo-normal { font-size: 1rem; } .div-block-13.hide-mobile-portrait { display: none; } .div-block-14 { padding: 2.25rem 1.875rem; } .div-block-14.padding-top-offset { padding-top: 0; } .text1-19 { display: block; } .text1-19.oppo-normal { font-size: 1rem; } .flex-block-3 { grid-column-gap: .625rem; grid-row-gap: .625rem; justify-content: center; align-items: flex-start; margin-top: 1.25rem; } .flex-block-3.bg-third { background-color: #fff; } .section_auto-tab-3rd-mo.padding-section-large.show-mobile-only.paddin-top-offset { background-color: #fff; padding-top: 0; } .text1-21.oppo-normal { font-size: 1.25rem; } .tabs-menu-3rd { background-color: #fff; } .text1-22 { font-size: 1rem; } .container-5 { grid-column-gap: 1.25rem; grid-row-gap: 1.25rem; width: 10.25rem; } .container-5.wide { grid-column-gap: 2.5rem; grid-row-gap: 2.5rem; width: 12.5rem; } .text1-23 { font-size: 1.125rem; line-height: 150%; } .text1-23.oppo-normal.mo-24 { margin-left: -1rem; margin-right: -1rem; font-size: 1.1rem; } .text-9 { font-size: .75rem; } ._3rd-text-size-20 { font-size: 1.25rem; } ._3rd-lottie-new.show-mobile-only { max-height: 37.5rem; left: -95px; } ._3rd-lottie-news.show-mobile-only { width: 80%; height: 80%; max-height: 37.5rem; left: -36px; } .section_banner4-tablet { height: auto; display: none; } .banner4_image-wrapper-tablt { min-height: 704px; max-height: none; } .banner4_image-inner { grid-template-rows: auto auto; grid-template-columns: 1fr; } .banner4_image-right { transform-origin: 50% 0; transform: none; } .scroll-sticky { top: 55px; } .scroll_wrap { display: block; } ._3rd-text-size-24-2 { font-size: 1.125rem; } .text-10 { display: none; } ._3rd-text-size-24-3 { font-size: 1.25rem; } .flip_trigger { height: 200vh; } } #w-node-fb3c3541-ef20-4310-e1c8-a943d16f85d8-29d1bacb, #w-node-_9350a2b5-03cc-825c-9348-f844192a32f8-192a32f7, #w-node-_425b0956-d9c4-d025-c834-3e6372e147a4-72e147a3, #w-node-_886fa8c6-12f3-6581-2be2-4c49d233ddb6-d233ddb5, #w-node-_1068764d-444d-2d09-8464-90edc6de8e54-c6de8e53 { align-self: center; } #w-node-c7295c54-47a9-043d-1830-e7b04a10cd7d-4a10cd5d, #w-node-c7295c54-47a9-043d-1830-e7b04a10cd89-4a10cd5d { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_336be75c-ab2b-838b-5642-972b6cc86205-29d1bad0 { justify-self: start; } #w-node-_336be75c-ab2b-838b-5642-972b6cc86207-29d1bad0 { justify-self: center; } #w-node-_336be75c-ab2b-838b-5642-972b6cc8621b-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_336be75c-ab2b-838b-5642-972b6cc8621c-29d1bad0 { justify-self: start; } #w-node-_336be75c-ab2b-838b-5642-972b6cc86220-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_336be75c-ab2b-838b-5642-972b6cc86221-29d1bad0 { justify-self: start; } #w-node-_336be75c-ab2b-838b-5642-972b6cc86225-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_336be75c-ab2b-838b-5642-972b6cc86226-29d1bad0 { justify-self: start; } #w-node-_336be75c-ab2b-838b-5642-972b6cc8622a-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_336be75c-ab2b-838b-5642-972b6cc8622b-29d1bad0 { justify-self: start; } #w-node-_336be75c-ab2b-838b-5642-972b6cc8622f-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_336be75c-ab2b-838b-5642-972b6cc86230-29d1bad0 { justify-self: start; } #w-node-_336be75c-ab2b-838b-5642-972b6cc86234-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_336be75c-ab2b-838b-5642-972b6cc86235-29d1bad0 { justify-self: start; } #w-node-_336be75c-ab2b-838b-5642-972b6cc8623f-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_336be75c-ab2b-838b-5642-972b6cc86240-29d1bad0 { justify-self: start; } #w-node-_336be75c-ab2b-838b-5642-972b6cc86244-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_336be75c-ab2b-838b-5642-972b6cc86245-29d1bad0 { justify-self: start; } #w-node-_336be75c-ab2b-838b-5642-972b6cc86249-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_336be75c-ab2b-838b-5642-972b6cc8624a-29d1bad0 { justify-self: start; } #w-node-_336be75c-ab2b-838b-5642-972b6cc8624e-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_336be75c-ab2b-838b-5642-972b6cc8624f-29d1bad0 { justify-self: start; } #w-node-_336be75c-ab2b-838b-5642-972b6cc86253-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_336be75c-ab2b-838b-5642-972b6cc86254-29d1bad0 { justify-self: start; } #w-node-_336be75c-ab2b-838b-5642-972b6cc86258-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_336be75c-ab2b-838b-5642-972b6cc86259-29d1bad0 { justify-self: start; } #w-node-_336be75c-ab2b-838b-5642-972b6cc86263-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_336be75c-ab2b-838b-5642-972b6cc86264-29d1bad0 { justify-self: start; } #w-node-_336be75c-ab2b-838b-5642-972b6cc86268-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_336be75c-ab2b-838b-5642-972b6cc86269-29d1bad0 { justify-self: start; } #w-node-_336be75c-ab2b-838b-5642-972b6cc8626d-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_336be75c-ab2b-838b-5642-972b6cc8626e-29d1bad0 { justify-self: start; } #w-node-_336be75c-ab2b-838b-5642-972b6cc86272-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_336be75c-ab2b-838b-5642-972b6cc86273-29d1bad0 { justify-self: start; } #w-node-_336be75c-ab2b-838b-5642-972b6cc8627c-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_336be75c-ab2b-838b-5642-972b6cc8627d-29d1bad0 { justify-self: start; } #w-node-_336be75c-ab2b-838b-5642-972b6cc86286-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_336be75c-ab2b-838b-5642-972b6cc86287-29d1bad0 { justify-self: start; } #w-node-_336be75c-ab2b-838b-5642-972b6cc86299-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_336be75c-ab2b-838b-5642-972b6cc8629a-29d1bad0 { justify-self: start; } #w-node-_336be75c-ab2b-838b-5642-972b6cc8629e-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_336be75c-ab2b-838b-5642-972b6cc8629f-29d1bad0 { justify-self: start; } #w-node-_336be75c-ab2b-838b-5642-972b6cc862a3-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_336be75c-ab2b-838b-5642-972b6cc862a4-29d1bad0 { justify-self: start; } #w-node-_336be75c-ab2b-838b-5642-972b6cc862a8-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_336be75c-ab2b-838b-5642-972b6cc862a9-29d1bad0 { justify-self: start; } #w-node-_336be75c-ab2b-838b-5642-972b6cc862ad-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_336be75c-ab2b-838b-5642-972b6cc862ae-29d1bad0 { justify-self: start; } #w-node-_336be75c-ab2b-838b-5642-972b6cc862b8-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_336be75c-ab2b-838b-5642-972b6cc862b9-29d1bad0 { justify-self: start; } #w-node-_336be75c-ab2b-838b-5642-972b6cc862bd-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_336be75c-ab2b-838b-5642-972b6cc862be-29d1bad0 { justify-self: start; } #w-node-_336be75c-ab2b-838b-5642-972b6cc862c2-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_336be75c-ab2b-838b-5642-972b6cc862c3-29d1bad0 { justify-self: start; } #w-node-_336be75c-ab2b-838b-5642-972b6cc862c7-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_336be75c-ab2b-838b-5642-972b6cc862c8-29d1bad0 { justify-self: start; } #w-node-_336be75c-ab2b-838b-5642-972b6cc862cc-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_336be75c-ab2b-838b-5642-972b6cc862cd-29d1bad0 { justify-self: start; } #w-node-_336be75c-ab2b-838b-5642-972b6cc862d1-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_336be75c-ab2b-838b-5642-972b6cc862d2-29d1bad0 { justify-self: start; } #w-node-_336be75c-ab2b-838b-5642-972b6cc862dd-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_336be75c-ab2b-838b-5642-972b6cc862de-29d1bad0 { justify-self: start; } #w-node-_336be75c-ab2b-838b-5642-972b6cc862e2-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_336be75c-ab2b-838b-5642-972b6cc862e3-29d1bad0 { justify-self: start; } #w-node-_336be75c-ab2b-838b-5642-972b6cc862e7-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_336be75c-ab2b-838b-5642-972b6cc862e8-29d1bad0 { justify-self: start; } #w-node-_336be75c-ab2b-838b-5642-972b6cc862ec-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_336be75c-ab2b-838b-5642-972b6cc862ed-29d1bad0 { justify-self: start; } #w-node-_336be75c-ab2b-838b-5642-972b6cc862f1-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_336be75c-ab2b-838b-5642-972b6cc862f2-29d1bad0 { justify-self: start; } #w-node-_336be75c-ab2b-838b-5642-972b6cc862f6-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_336be75c-ab2b-838b-5642-972b6cc862f7-29d1bad0 { justify-self: start; } #w-node-_336be75c-ab2b-838b-5642-972b6cc862fb-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_336be75c-ab2b-838b-5642-972b6cc862fc-29d1bad0 { justify-self: start; } #w-node-_336be75c-ab2b-838b-5642-972b6cc86300-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_336be75c-ab2b-838b-5642-972b6cc86301-29d1bad0 { justify-self: start; } #w-node-_336be75c-ab2b-838b-5642-972b6cc86305-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_336be75c-ab2b-838b-5642-972b6cc86306-29d1bad0 { justify-self: start; } #w-node-_336be75c-ab2b-838b-5642-972b6cc86310-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_336be75c-ab2b-838b-5642-972b6cc86311-29d1bad0 { justify-self: start; } #w-node-_336be75c-ab2b-838b-5642-972b6cc86315-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_336be75c-ab2b-838b-5642-972b6cc86316-29d1bad0 { justify-self: start; } #w-node-_336be75c-ab2b-838b-5642-972b6cc8631a-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_336be75c-ab2b-838b-5642-972b6cc8631b-29d1bad0 { justify-self: start; } #w-node-_336be75c-ab2b-838b-5642-972b6cc86322-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_336be75c-ab2b-838b-5642-972b6cc86323-29d1bad0 { justify-self: start; } #w-node-e9f32a64-fc89-70ea-ccef-8f5fa64bd5fd-29d1bad0, #w-node-e9f32a64-fc89-70ea-ccef-8f5fa64bd600-29d1bad0, #w-node-_5260568a-938d-ea68-0c74-308a8209edce-29d1bad0, #w-node-_5260568a-938d-ea68-0c74-308a8209edd1-29d1bad0, #w-node-_06b32c98-aea3-8ba0-a51d-a7fca0302b82-29d1bad0, #w-node-_06b32c98-aea3-8ba0-a51d-a7fca0302b85-29d1bad0, #w-node-e9f32a64-fc89-70ea-ccef-8f5fa64bd604-29d1bad0, #w-node-e9f32a64-fc89-70ea-ccef-8f5fa64bd605-29d1bad0, #w-node-e9f32a64-fc89-70ea-ccef-8f5fa64bd608-29d1bad0, #w-node-e9f32a64-fc89-70ea-ccef-8f5fa64bd609-29d1bad0, #w-node-e9f32a64-fc89-70ea-ccef-8f5fa64bd60c-29d1bad0, #w-node-_336be75c-ab2b-838b-5642-972b6cc86393-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_336be75c-ab2b-838b-5642-972b6cc86394-29d1bad0 { justify-self: start; } #w-node-_336be75c-ab2b-838b-5642-972b6cc8638e-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_336be75c-ab2b-838b-5642-972b6cc8638f-29d1bad0 { justify-self: start; } #w-node-_7304dac8-f593-d71d-1de4-011e92740d9b-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_7304dac8-f593-d71d-1de4-011e92740d9c-29d1bad0 { justify-self: start; } #w-node-c97d2f4c-a980-bb5b-78e5-2721ac744da4-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-c97d2f4c-a980-bb5b-78e5-2721ac744da5-29d1bad0 { justify-self: start; } #w-node-_06aa1bf4-9138-5698-358d-7b7066841d42-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_06aa1bf4-9138-5698-358d-7b7066841d43-29d1bad0 { justify-self: start; } #w-node-_336be75c-ab2b-838b-5642-972b6cc863ba-29d1bad0, #w-node-_336be75c-ab2b-838b-5642-972b6cc863bd-29d1bad0, #w-node-_336be75c-ab2b-838b-5642-972b6cc863be-29d1bad0, #w-node-_336be75c-ab2b-838b-5642-972b6cc863c1-29d1bad0, #w-node-_336be75c-ab2b-838b-5642-972b6cc863c2-29d1bad0, #w-node-_336be75c-ab2b-838b-5642-972b6cc863c5-29d1bad0, #w-node-_336be75c-ab2b-838b-5642-972b6cc863c6-29d1bad0, #w-node-_336be75c-ab2b-838b-5642-972b6cc863ca-29d1bad0, #w-node-_336be75c-ab2b-838b-5642-972b6cc863cd-29d1bad0, #w-node-_336be75c-ab2b-838b-5642-972b6cc863ce-29d1bad0, #w-node-_336be75c-ab2b-838b-5642-972b6cc863d1-29d1bad0, #w-node-_336be75c-ab2b-838b-5642-972b6cc863d2-29d1bad0, #w-node-_336be75c-ab2b-838b-5642-972b6cc863d5-29d1bad0, #w-node-_336be75c-ab2b-838b-5642-972b6cc863dd-29d1bad0, #w-node-_336be75c-ab2b-838b-5642-972b6cc863de-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_336be75c-ab2b-838b-5642-972b6cc863df-29d1bad0 { justify-self: start; } #w-node-_336be75c-ab2b-838b-5642-972b6cc863e1-29d1bad0, #w-node-_336be75c-ab2b-838b-5642-972b6cc863e4-29d1bad0, #w-node-_336be75c-ab2b-838b-5642-972b6cc863e5-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_336be75c-ab2b-838b-5642-972b6cc863e6-29d1bad0 { justify-self: start; } #w-node-_336be75c-ab2b-838b-5642-972b6cc863ea-29d1bad0, #w-node-_336be75c-ab2b-838b-5642-972b6cc863ed-29d1bad0, #w-node-_336be75c-ab2b-838b-5642-972b6cc863ee-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_336be75c-ab2b-838b-5642-972b6cc863ef-29d1bad0 { justify-self: start; } #w-node-_336be75c-ab2b-838b-5642-972b6cc863f3-29d1bad0, #w-node-_336be75c-ab2b-838b-5642-972b6cc863f7-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_336be75c-ab2b-838b-5642-972b6cc863f8-29d1bad0 { justify-self: start; } #w-node-_336be75c-ab2b-838b-5642-972b6cc863fe-29d1bad0, #w-node-e9f171cc-11b4-0905-714d-593dc5e729cd-29d1bad0, #w-node-e9f171cc-11b4-0905-714d-593dc5e729ce-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-e9f171cc-11b4-0905-714d-593dc5e729cf-29d1bad0 { justify-self: start; } #w-node-e9f171cc-11b4-0905-714d-593dc5e729d3-29d1bad0, #w-node-_803d93b2-f316-78e7-4b37-d40ff102217f-29d1bad0, #w-node-_803d93b2-f316-78e7-4b37-d40ff1022180-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_803d93b2-f316-78e7-4b37-d40ff1022181-29d1bad0 { justify-self: start; } #w-node-_803d93b2-f316-78e7-4b37-d40ff1022187-29d1bad0, #w-node-_336be75c-ab2b-838b-5642-972b6cc86402-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_336be75c-ab2b-838b-5642-972b6cc86403-29d1bad0 { justify-self: start; } #w-node-_336be75c-ab2b-838b-5642-972b6cc86407-29d1bad0, #w-node-_336be75c-ab2b-838b-5642-972b6cc8640a-29d1bad0, #w-node-_336be75c-ab2b-838b-5642-972b6cc8640f-29d1bad0, #w-node-_336be75c-ab2b-838b-5642-972b6cc86410-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_336be75c-ab2b-838b-5642-972b6cc86411-29d1bad0 { justify-self: start; } #w-node-_336be75c-ab2b-838b-5642-972b6cc86415-29d1bad0, #w-node-_336be75c-ab2b-838b-5642-972b6cc86418-29d1bad0, #w-node-_336be75c-ab2b-838b-5642-972b6cc86419-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_336be75c-ab2b-838b-5642-972b6cc8641a-29d1bad0 { justify-self: start; } #w-node-_336be75c-ab2b-838b-5642-972b6cc86420-29d1bad0, #w-node-_336be75c-ab2b-838b-5642-972b6cc86423-29d1bad0, #w-node-_336be75c-ab2b-838b-5642-972b6cc86424-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_336be75c-ab2b-838b-5642-972b6cc86425-29d1bad0 { justify-self: start; } #w-node-_336be75c-ab2b-838b-5642-972b6cc8642b-29d1bad0, #w-node-_336be75c-ab2b-838b-5642-972b6cc8642e-29d1bad0, #w-node-_336be75c-ab2b-838b-5642-972b6cc8642f-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_336be75c-ab2b-838b-5642-972b6cc86430-29d1bad0 { justify-self: start; } #w-node-_336be75c-ab2b-838b-5642-972b6cc86438-29d1bad0, #w-node-_336be75c-ab2b-838b-5642-972b6cc8643b-29d1bad0, #w-node-_336be75c-ab2b-838b-5642-972b6cc8643c-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_336be75c-ab2b-838b-5642-972b6cc8643d-29d1bad0 { justify-self: start; } #w-node-_336be75c-ab2b-838b-5642-972b6cc86449-29d1bad0, #w-node-_336be75c-ab2b-838b-5642-972b6cc8644a-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_336be75c-ab2b-838b-5642-972b6cc8644b-29d1bad0 { justify-self: start; } #w-node-_336be75c-ab2b-838b-5642-972b6cc8644f-29d1bad0, #w-node-_336be75c-ab2b-838b-5642-972b6cc86454-29d1bad0, #w-node-_336be75c-ab2b-838b-5642-972b6cc86455-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_336be75c-ab2b-838b-5642-972b6cc86456-29d1bad0 { justify-self: start; } #w-node-_336be75c-ab2b-838b-5642-972b6cc8645c-29d1bad0, #w-node-_336be75c-ab2b-838b-5642-972b6cc86461-29d1bad0, #w-node-_336be75c-ab2b-838b-5642-972b6cc86462-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_336be75c-ab2b-838b-5642-972b6cc86463-29d1bad0 { justify-self: start; } #w-node-_336be75c-ab2b-838b-5642-972b6cc86469-29d1bad0, #w-node-_336be75c-ab2b-838b-5642-972b6cc8646e-29d1bad0, #w-node-_336be75c-ab2b-838b-5642-972b6cc8646f-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_336be75c-ab2b-838b-5642-972b6cc86470-29d1bad0 { justify-self: start; } #w-node-_336be75c-ab2b-838b-5642-972b6cc86478-29d1bad0, #w-node-_336be75c-ab2b-838b-5642-972b6cc8647e-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_336be75c-ab2b-838b-5642-972b6cc8647f-29d1bad0 { justify-self: start; } #w-node-_336be75c-ab2b-838b-5642-972b6cc86485-29d1bad0, #w-node-bf202792-073b-d0b9-2e3f-1ac68c32701c-29d1bad0, #w-node-bf202792-073b-d0b9-2e3f-1ac68c32701d-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-bf202792-073b-d0b9-2e3f-1ac68c32701e-29d1bad0 { justify-self: start; } #w-node-bf202792-073b-d0b9-2e3f-1ac68c327022-29d1bad0, #w-node-_7c4d1b7c-78f1-8ac7-381e-93ec539e1608-29d1bad0, #w-node-_7c4d1b7c-78f1-8ac7-381e-93ec539e1609-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_7c4d1b7c-78f1-8ac7-381e-93ec539e160a-29d1bad0 { justify-self: start; } #w-node-_7c4d1b7c-78f1-8ac7-381e-93ec539e1610-29d1bad0, #w-node-_45e7d798-6f20-3ddc-ae2f-bdd2974eece1-29d1bad0, #w-node-_45e7d798-6f20-3ddc-ae2f-bdd2974eece2-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_45e7d798-6f20-3ddc-ae2f-bdd2974eece3-29d1bad0 { justify-self: start; } #w-node-_45e7d798-6f20-3ddc-ae2f-bdd2974eece9-29d1bad0, #w-node-efb2dd60-0fd7-ccc6-83fa-c5f7f2777b7e-29d1bad0, #w-node-efb2dd60-0fd7-ccc6-83fa-c5f7f2777b7f-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-efb2dd60-0fd7-ccc6-83fa-c5f7f2777b80-29d1bad0 { justify-self: start; } #w-node-efb2dd60-0fd7-ccc6-83fa-c5f7f2777b88-29d1bad0, #w-node-_0a1c269a-9c65-cac5-d78d-08680a95253d-29d1bad0, #w-node-_0a1c269a-9c65-cac5-d78d-08680a95253e-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_0a1c269a-9c65-cac5-d78d-08680a95253f-29d1bad0 { justify-self: start; } #w-node-_0a1c269a-9c65-cac5-d78d-08680a952545-29d1bad0, #w-node-ee513712-f44c-c02b-b1ea-6045fc69ab7c-29d1bad0, #w-node-ee513712-f44c-c02b-b1ea-6045fc69ab7d-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-ee513712-f44c-c02b-b1ea-6045fc69ab7e-29d1bad0 { justify-self: start; } #w-node-ee513712-f44c-c02b-b1ea-6045fc69ab86-29d1bad0, #w-node-_40872103-aff7-c010-da67-704a8f3f1108-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_40872103-aff7-c010-da67-704a8f3f1109-29d1bad0 { justify-self: start; } #w-node-_40872103-aff7-c010-da67-704a8f3f110f-29d1bad0, #w-node-_336be75c-ab2b-838b-5642-972b6cc8648f-29d1bad0, #w-node-_336be75c-ab2b-838b-5642-972b6cc86490-29d1bad0, #w-node-_336be75c-ab2b-838b-5642-972b6cc86491-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_336be75c-ab2b-838b-5642-972b6cc86492-29d1bad0 { justify-self: start; } #w-node-_336be75c-ab2b-838b-5642-972b6cc86494-29d1bad0, #w-node-_336be75c-ab2b-838b-5642-972b6cc86497-29d1bad0, #w-node-_336be75c-ab2b-838b-5642-972b6cc8649b-29d1bad0, #w-node-_336be75c-ab2b-838b-5642-972b6cc8649c-29d1bad0, #w-node-_336be75c-ab2b-838b-5642-972b6cc8649d-29d1bad0, #w-node-_336be75c-ab2b-838b-5642-972b6cc864a6-29d1bad0, #w-node-_336be75c-ab2b-838b-5642-972b6cc864a7-29d1bad0, #w-node-_336be75c-ab2b-838b-5642-972b6cc864a8-29d1bad0, #w-node-_336be75c-ab2b-838b-5642-972b6cc864b1-29d1bad0, #w-node-_336be75c-ab2b-838b-5642-972b6cc864b2-29d1bad0, #w-node-_336be75c-ab2b-838b-5642-972b6cc864b3-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_336be75c-ab2b-838b-5642-972b6cc864b4-29d1bad0 { justify-self: start; } #w-node-_336be75c-ab2b-838b-5642-972b6cc864ba-29d1bad0, #w-node-_336be75c-ab2b-838b-5642-972b6cc864bb-29d1bad0, #w-node-_336be75c-ab2b-838b-5642-972b6cc864bc-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_336be75c-ab2b-838b-5642-972b6cc864bd-29d1bad0 { justify-self: start; } #w-node-da163454-3d7f-a6d2-8037-3b46b9c50abd-29d1bad0, #w-node-_336be75c-ab2b-838b-5642-972b6cc864c3-29d1bad0, #w-node-_336be75c-ab2b-838b-5642-972b6cc864c4-29d1bad0, #w-node-_336be75c-ab2b-838b-5642-972b6cc864c5-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_336be75c-ab2b-838b-5642-972b6cc864c6-29d1bad0, #w-node-_336be75c-ab2b-838b-5642-972b6cc864c8-29d1bad0 { justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369290-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369294-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369295-29d1bad0 { justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369297-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369299-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a35936929a-29d1bad0 { justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a35936929c-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a35936929e-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a35936929f-29d1bad0 { justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692a1-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692a3-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692a4-29d1bad0 { justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692a6-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692a8-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692a9-29d1bad0 { justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692ab-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692ad-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692ae-29d1bad0 { justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692b0-29d1bad0, #w-node-_8ec19c33-ae2e-90c5-80bf-3c4e7d639cd4-29d1bad0, #w-node-_450fae6e-ea6c-c71d-c007-cbe7f109d617-29d1bad0, #w-node-dcc5fc80-562f-447f-055c-339db14678d8-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692b2-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692b3-29d1bad0 { justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692b5-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692b6-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692b8-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692b9-29d1bad0 { justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692bb-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692bc-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692be-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692bf-29d1bad0 { justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692c1-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692c2-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692c4-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692c5-29d1bad0 { justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692c7-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692cd-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692d1-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692d2-29d1bad0 { justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692d4-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692d6-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692d7-29d1bad0 { justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692d9-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692db-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692dc-29d1bad0 { justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692de-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692e0-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692e1-29d1bad0 { justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692e3-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692e5-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692e6-29d1bad0 { justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692e8-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692ea-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692eb-29d1bad0 { justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692ed-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692ef-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692f0-29d1bad0 { justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692f2-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692f4-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692f5-29d1bad0 { justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692f7-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692f9-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692fa-29d1bad0 { justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692fc-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692fe-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692ff-29d1bad0 { justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369301-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369303-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369304-29d1bad0 { justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369306-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a35936930b-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a35936930f-29d1bad0 { justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369311-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369314-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369319-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a35936931e-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369323-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369328-29d1bad0 { justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a35936932f-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369330-29d1bad0 { justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369332-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369333-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369335-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369336-29d1bad0 { justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369338-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369339-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a35936933b-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a35936933c-29d1bad0 { justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a35936933e-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a35936933f-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369341-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369342-29d1bad0 { justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369344-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369345-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369347-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369348-29d1bad0 { justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a35936934a-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a35936934b-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a35936934d-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a35936934e-29d1bad0 { justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369350-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369351-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369353-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369354-29d1bad0 { justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369356-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369357-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369359-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a35936935a-29d1bad0 { justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a35936935c-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a35936935d-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a35936935f-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369360-29d1bad0 { justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369362-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369363-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369365-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369366-29d1bad0 { justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369368-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369369-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a35936936b-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a35936936c-29d1bad0 { justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a35936936e-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a35936936f-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369371-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369372-29d1bad0 { justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369374-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369375-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369377-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369378-29d1bad0 { justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a35936937a-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a35936937b-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a35936937d-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a35936937e-29d1bad0 { justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369380-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369381-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369383-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369384-29d1bad0 { justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369386-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369387-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a35936938c-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369390-29d1bad0 { justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369392-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369395-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a35936939a-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a35936939f-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693a4-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693a9-29d1bad0 { justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693b0-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693b1-29d1bad0 { justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693b3-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693b4-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693b6-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693b7-29d1bad0 { justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693b9-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693ba-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693bc-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693bd-29d1bad0 { justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693bf-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693c0-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693c2-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693c3-29d1bad0 { justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693c5-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693c6-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693c8-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693c9-29d1bad0 { justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693cb-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693cc-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693ce-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693cf-29d1bad0 { justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693d1-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693d2-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693d4-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693d5-29d1bad0 { justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693d7-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693d8-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693da-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693db-29d1bad0 { justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693dd-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693de-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693e0-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693e1-29d1bad0 { justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693e3-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693e4-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693e6-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693e7-29d1bad0 { justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693e9-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693ea-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693ec-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693ed-29d1bad0 { justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693ef-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693f0-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693f2-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693f3-29d1bad0 { justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693f5-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693f6-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693f8-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693f9-29d1bad0 { justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693fb-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693fc-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693fe-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693ff-29d1bad0 { justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369401-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369402-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369404-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369405-29d1bad0 { justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369407-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369408-29d1bad0, #w-node-aba73718-5f03-827e-9e0b-61449dc1d37c-29d1bad0, #w-node-_1a6e4211-c1a3-edfa-99df-59c05fb448f8-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_1a6e4211-c1a3-edfa-99df-59c05fb448f9-29d1bad0 { justify-self: start; } #w-node-_1a6e4211-c1a3-edfa-99df-59c05fb448fb-29d1bad0, #w-node-_1a6e4211-c1a3-edfa-99df-59c05fb448fc-29d1bad0, #w-node-_16994295-7a31-57da-1001-8ec0ea846a1e-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_16994295-7a31-57da-1001-8ec0ea846a1f-29d1bad0 { justify-self: start; } #w-node-_16994295-7a31-57da-1001-8ec0ea846a21-29d1bad0, #w-node-_16994295-7a31-57da-1001-8ec0ea846a22-29d1bad0, #w-node-_8f691932-76bb-1979-3d19-a80adf0a25f2-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_8f691932-76bb-1979-3d19-a80adf0a25f3-29d1bad0 { justify-self: start; } #w-node-_8f691932-76bb-1979-3d19-a80adf0a25f5-29d1bad0, #w-node-_8f691932-76bb-1979-3d19-a80adf0a25f6-29d1bad0, #w-node-f28919c2-e180-d075-d1c2-81b601b8a964-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-f28919c2-e180-d075-d1c2-81b601b8a965-29d1bad0 { justify-self: start; } #w-node-f28919c2-e180-d075-d1c2-81b601b8a967-29d1bad0, #w-node-f28919c2-e180-d075-d1c2-81b601b8a968-29d1bad0, #w-node-b2bd7b9e-a5b1-0617-1861-ecb60c9b53b3-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-b2bd7b9e-a5b1-0617-1861-ecb60c9b53b4-29d1bad0 { justify-self: start; } #w-node-b2bd7b9e-a5b1-0617-1861-ecb60c9b53b6-29d1bad0, #w-node-b2bd7b9e-a5b1-0617-1861-ecb60c9b53b7-29d1bad0, #w-node-ee961e8d-845a-edc3-3307-509470022457-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-ee961e8d-845a-edc3-3307-509470022458-29d1bad0 { justify-self: start; } #w-node-ee961e8d-845a-edc3-3307-50947002245a-29d1bad0, #w-node-ee961e8d-845a-edc3-3307-50947002245b-29d1bad0, #w-node-_588dd3e3-4aa6-cc42-1280-2d37cff319e1-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_588dd3e3-4aa6-cc42-1280-2d37cff319e2-29d1bad0 { justify-self: start; } #w-node-_588dd3e3-4aa6-cc42-1280-2d37cff319e4-29d1bad0, #w-node-_588dd3e3-4aa6-cc42-1280-2d37cff319e5-29d1bad0, #w-node-_626bd165-37fe-b21e-713f-accb16c57414-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_626bd165-37fe-b21e-713f-accb16c57415-29d1bad0 { justify-self: start; } #w-node-_626bd165-37fe-b21e-713f-accb16c57417-29d1bad0, #w-node-_626bd165-37fe-b21e-713f-accb16c57418-29d1bad0, #w-node-_8198cc96-510b-d5a9-b63d-22b6607f5f40-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_8198cc96-510b-d5a9-b63d-22b6607f5f41-29d1bad0 { justify-self: start; } #w-node-_8198cc96-510b-d5a9-b63d-22b6607f5f43-29d1bad0, #w-node-_8198cc96-510b-d5a9-b63d-22b6607f5f44-29d1bad0, #w-node-_2a26aaa0-f27b-d541-a441-687d55aa9ee5-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_2a26aaa0-f27b-d541-a441-687d55aa9ee6-29d1bad0 { justify-self: start; } #w-node-_2a26aaa0-f27b-d541-a441-687d55aa9ee8-29d1bad0, #w-node-_2a26aaa0-f27b-d541-a441-687d55aa9ee9-29d1bad0, #w-node-_2abe4c27-4e03-1a95-b21e-aef8fb82fe33-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_2abe4c27-4e03-1a95-b21e-aef8fb82fe34-29d1bad0 { justify-self: start; } #w-node-_2abe4c27-4e03-1a95-b21e-aef8fb82fe36-29d1bad0, #w-node-_2abe4c27-4e03-1a95-b21e-aef8fb82fe37-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593694fa-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593694fe-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593694ff-29d1bad0 { justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369503-29d1bad0, #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369505-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369506-29d1bad0 { justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a35936950a-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a35936950b-29d1bad0 { justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a35936950f-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369510-29d1bad0 { justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369514-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369515-29d1bad0 { justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369519-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a35936951a-29d1bad0 { justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a35936951e-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a35936951f-29d1bad0 { justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369523-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369524-29d1bad0 { justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369528-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369529-29d1bad0 { justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a35936952d-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a35936952e-29d1bad0 { justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369532-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369533-29d1bad0 { justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a35936953a-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a35936953b-29d1bad0 { justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a35936953f-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369540-29d1bad0 { justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369544-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369545-29d1bad0 { justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369549-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a35936954a-29d1bad0 { justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a35936954e-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a35936954f-29d1bad0 { justify-self: start; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369553-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369554-29d1bad0 { justify-self: start; } #w-node-de8106d9-b098-80e3-076c-80f3a0fa5e54-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-de8106d9-b098-80e3-076c-80f3a0fa5e55-29d1bad0 { justify-self: start; } #w-node-_680345d6-d141-aefc-5e81-01faad69a792-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_680345d6-d141-aefc-5e81-01faad69a793-29d1bad0 { justify-self: start; } #w-node-dc962921-5c74-5687-77a4-c1371012b297-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-dc962921-5c74-5687-77a4-c1371012b298-29d1bad0 { justify-self: start; } #w-node-bbf5f4a2-0660-a8f8-7799-a71df583db57-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-bbf5f4a2-0660-a8f8-7799-a71df583db58-29d1bad0 { justify-self: start; } #w-node-_723dac19-3a6b-8f5e-89ce-53b9006ba92c-29d1bad0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_723dac19-3a6b-8f5e-89ce-53b9006ba92d-29d1bad0 { justify-self: start; }