/* * Scut, a collection of Sass utilities * to ease and improve our implementations of common style-code patterns. * v2.0.0 * Docs at http://ramseyinhouse.github.io/scut */ @import 'https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap'; /*! * Bootstrap v5.3.8 (https://getbootstrap.com/) * Copyright 2011-2025 The Bootstrap Authors * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ :root { --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-black: #000; --bs-white: #fff; --bs-gray: #5D5A66; --bs-gray-dark: #2A2733; --bs-gray-100: #FBFAFC; --bs-gray-200: #F8F7FA; --bs-gray-300: #E0DEE3; --bs-gray-400: #ADAAB5; --bs-gray-500: #7A7880; --bs-gray-600: #5D5A66; --bs-gray-700: #44414D; --bs-gray-800: #2A2733; --bs-gray-900: #110E1A; --bs-primary: #EB5C68; --bs-secondary: #3300CC; --bs-success: #00D185; --bs-info: #0dcaf0; --bs-warning: #F2CA17; --bs-danger: #D20000; --bs-light: #FBFAFC; --bs-dark: #110E1A; --bs-white: #fff; --bs-black: #000; --bs-secondary-500: #100040; --bs-primary-rgb: 235, 92, 104; --bs-secondary-rgb: 51, 0, 204; --bs-success-rgb: 0, 209, 133; --bs-info-rgb: 13, 202, 240; --bs-warning-rgb: 242, 202, 23; --bs-danger-rgb: 210, 0, 0; --bs-light-rgb: 251, 250, 252; --bs-dark-rgb: 17, 14, 26; --bs-white-rgb: 255, 255, 255; --bs-black-rgb: 0, 0, 0; --bs-secondary-500-rgb: 16, 0, 64; --bs-primary-text-emphasis: #5e252a; --bs-secondary-text-emphasis: #140052; --bs-success-text-emphasis: #005435; --bs-info-text-emphasis: #055160; --bs-warning-text-emphasis: #615109; --bs-danger-text-emphasis: #540000; --bs-light-text-emphasis: #44414D; --bs-dark-text-emphasis: #44414D; --bs-primary-bg-subtle: #fbdee1; --bs-secondary-bg-subtle: #d6ccf5; --bs-success-bg-subtle: #ccf6e7; --bs-info-bg-subtle: #cff4fc; --bs-warning-bg-subtle: #fcf4d1; --bs-danger-bg-subtle: #f6cccc; --bs-light-bg-subtle: #fdfdfe; --bs-dark-bg-subtle: #ADAAB5; --bs-primary-border-subtle: #f7bec3; --bs-secondary-border-subtle: #ad99eb; --bs-success-border-subtle: #99edce; --bs-info-border-subtle: #9eeaf9; --bs-warning-border-subtle: #faeaa2; --bs-danger-border-subtle: #ed9999; --bs-light-border-subtle: #F8F7FA; --bs-dark-border-subtle: #7A7880; --bs-white-rgb: 255, 255, 255; --bs-black-rgb: 0, 0, 0; --bs-font-sans-serif: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #100040; --bs-body-color-rgb: 16, 0, 64; --bs-body-bg: #F8F7FA; --bs-body-bg-rgb: 248, 247, 250; --bs-emphasis-color: #000; --bs-emphasis-color-rgb: 0, 0, 0; --bs-secondary-color: rgba(16, 0, 64, 0.75); --bs-secondary-color-rgb: 16, 0, 64; --bs-secondary-bg: #F8F7FA; --bs-secondary-bg-rgb: 248, 247, 250; --bs-tertiary-color: rgba(16, 0, 64, 0.5); --bs-tertiary-color-rgb: 16, 0, 64; --bs-tertiary-bg: #FBFAFC; --bs-tertiary-bg-rgb: 251, 250, 252; --bs-heading-color: #3300CC; --bs-link-color: #100040; --bs-link-color-rgb: 16, 0, 64; --bs-link-decoration: underline; --bs-link-hover-color: #EB5C68; --bs-link-hover-color-rgb: 235, 92, 104; --bs-code-color: #d63384; --bs-highlight-color: #100040; --bs-highlight-bg: #fff3cd; --bs-border-width: 1px; --bs-border-style: solid; --bs-border-color: #E0DEE3; --bs-border-color-translucent: rgba(0, 0, 0, 0.175); --bs-border-radius: 0.375rem; --bs-border-radius-sm: 0.25rem; --bs-border-radius-lg: 0.5rem; --bs-border-radius-xl: 1rem; --bs-border-radius-xxl: 2rem; --bs-border-radius-2xl: var(--bs-border-radius-xxl); --bs-border-radius-pill: 50rem; --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175); --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075); --bs-focus-ring-width: 0.25rem; --bs-focus-ring-opacity: 0.25; --bs-focus-ring-color: rgba(235, 92, 104, 0.25); --bs-form-valid-color: #00D185; --bs-form-valid-border-color: #00D185; --bs-form-invalid-color: #D20000; --bs-form-invalid-border-color: #D20000; } *, *::before, *::after { box-sizing: border-box; } @media (prefers-reduced-motion: no-preference) { :root { scroll-behavior: smooth; } } body { margin: 0; font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: var(--bs-body-color); text-align: var(--bs-body-text-align); background-color: var(--bs-body-bg); -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } hr { margin: 1rem 0; color: inherit; border: 0; border-top: var(--bs-border-width) solid; opacity: 0.25; } h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 { margin-top: 0; margin-bottom: 0; font-family: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-weight: 600; line-height: 1.2; color: var(--bs-heading-color); } h1, .h1 { font-size: calc(1.375rem + 1.5vw); } @media (min-width: 1200px) { h1, .h1 { font-size: 2.5rem; } } h2, .h2 { font-size: calc(1.325rem + 0.9vw); } @media (min-width: 1200px) { h2, .h2 { font-size: 2rem; } } h3, .h3 { font-size: calc(1.3rem + 0.6vw); } @media (min-width: 1200px) { h3, .h3 { font-size: 1.75rem; } } h4, .h4 { font-size: calc(1.275rem + 0.3vw); } @media (min-width: 1200px) { h4, .h4 { font-size: 1.5rem; } } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } p { margin-top: 0; margin-bottom: 0; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul { padding-left: 2rem; } ol, ul { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small { font-size: 0.875em; } mark { padding: 0.1875em; color: var(--bs-highlight-color); background-color: var(--bs-highlight-bg); } sub { position: relative; font-size: 0.75em; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } a { color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1)); text-decoration: underline; } a:hover { --bs-link-color-rgb: var(--bs-link-hover-color-rgb); } a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } pre, code { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { display: block; margin-top: 0; margin-bottom: 1rem; overflow: auto; font-size: 0.875em; } pre code { font-size: inherit; color: inherit; word-break: normal; } code { font-size: 0.875em; color: var(--bs-code-color); word-wrap: break-word; } a > code { color: inherit; } figure { margin: 0 0 1rem; } img, svg { vertical-align: middle; } table { caption-side: bottom; border-collapse: collapse; } caption { padding-top: 0.5rem; padding-bottom: 0.5rem; color: var(--bs-secondary-color); text-align: left; } tr, td { border-color: inherit; border-style: solid; border-width: 0; } label { display: inline-block; } button { border-radius: 0; } button:focus:not(:focus-visible) { outline: 0; } input, button, select, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, select { text-transform: none; } [role=button] { cursor: pointer; } select { word-wrap: normal; } select:disabled { opacity: 1; } [list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator { display: none !important; } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) { cursor: pointer; } ::-moz-focus-inner { padding: 0; border-style: none; } textarea { resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-year-field { padding: 0; } ::-webkit-inner-spin-button { height: auto; } [type=search] { -webkit-appearance: textfield; outline-offset: -2px; } [type=search]::-webkit-search-cancel-button { cursor: pointer; filter: grayscale(1); } /* rtl:raw: [type="tel"], [type="url"], [type="email"], [type="number"] { direction: ltr; } */ ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-color-swatch-wrapper { padding: 0; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } ::file-selector-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } [hidden] { display: none !important; } .figure { display: inline-block; } .container { --bs-gutter-x: 3rem; --bs-gutter-y: 0; width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } } @media (min-width: 1400px) { .container { max-width: 1360px; } } :root { --bs-breakpoint-xs: 0; --bs-breakpoint-sm: 576px; --bs-breakpoint-md: 768px; --bs-breakpoint-lg: 992px; --bs-breakpoint-xl: 1200px; --bs-breakpoint-xxl: 1400px; } .row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-0.5 * var(--bs-gutter-x)); margin-left: calc(-0.5 * var(--bs-gutter-x)); } .row > * { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-top: var(--bs-gutter-y); } .col { flex: 1 0 0; } .col-auto { flex: 0 0 auto; width: auto; } .col-4 { flex: 0 0 auto; width: 33.33333333%; } .col-6 { flex: 0 0 auto; width: 50%; } .col-12 { flex: 0 0 auto; width: 100%; } .gy-g { --bs-gutter-y: 1.5rem; } .g-hg { --bs-gutter-x: 0.75rem; } .g-hg { --bs-gutter-y: 0.75rem; } .gy-50 { --bs-gutter-y: 3.125rem; } .g-15 { --bs-gutter-x: 0.9375rem; } .g-15 { --bs-gutter-y: 0.9375rem; } @media (min-width: 576px) { .col-sm-4 { flex: 0 0 auto; width: 33.33333333%; } .col-sm-6 { flex: 0 0 auto; width: 50%; } } @media (min-width: 768px) { .col-md-3 { flex: 0 0 auto; width: 25%; } .col-md-4 { flex: 0 0 auto; width: 33.33333333%; } .col-md-6 { flex: 0 0 auto; width: 50%; } } @media (min-width: 992px) { .col-lg-2 { flex: 0 0 auto; width: 16.66666667%; } .col-lg-4 { flex: 0 0 auto; width: 33.33333333%; } .col-lg-6 { flex: 0 0 auto; width: 50%; } .col-lg-8 { flex: 0 0 auto; width: 66.66666667%; } .col-lg-10 { flex: 0 0 auto; width: 83.33333333%; } .g-lg-g { --bs-gutter-x: 1.5rem; } .g-lg-g { --bs-gutter-y: 1.5rem; } } .form-label { margin-bottom: 0.5rem; } .form-text { margin-top: 0.25rem; font-size: 0.875em; color: var(--bs-secondary-color); } .form-control { display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--bs-body-color); -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: var(--bs-body-bg); background-clip: padding-box; border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .form-control[type=file] { overflow: hidden; } .form-control[type=file]:not(:disabled):not([readonly]) { cursor: pointer; } .form-control:focus { color: var(--bs-body-color); background-color: var(--bs-body-bg); border-color: #f5aeb4; outline: 0; box-shadow: 0 0 0 0.25rem rgba(235, 92, 104, 0.25); } .form-control::-webkit-date-and-time-value { min-width: 85px; height: 1.5em; margin: 0; } .form-control::-webkit-datetime-edit { display: block; padding: 0; } .form-control::placeholder { color: var(--bs-secondary-color); opacity: 1; } .form-control:disabled { background-color: var(--bs-secondary-bg); opacity: 1; } .form-control::-webkit-file-upload-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; -webkit-margin-end: 0.75rem; margin-inline-end: 0.75rem; color: var(--bs-body-color); background-color: var(--bs-tertiary-bg); pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: var(--bs-border-width); border-radius: 0; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .form-control::file-selector-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; -webkit-margin-end: 0.75rem; margin-inline-end: 0.75rem; color: var(--bs-body-color); background-color: var(--bs-tertiary-bg); pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: var(--bs-border-width); border-radius: 0; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { background-color: var(--bs-secondary-bg); } .form-control:hover:not(:disabled):not([readonly])::file-selector-button { background-color: var(--bs-secondary-bg); } textarea.form-control { min-height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2)); } .form-select { --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%232A2733' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); display: block; width: 100%; padding: 0.375rem 2.25rem 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--bs-body-color); -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: var(--bs-body-bg); background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none); background-repeat: no-repeat; background-position: right 0.75rem center; background-size: 16px 12px; border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .form-select:focus { border-color: #f5aeb4; outline: 0; box-shadow: 0 0 0 0.25rem rgba(235, 92, 104, 0.25); } .form-select[multiple], .form-select[size]:not([size="1"]) { padding-right: 0.75rem; background-image: none; } .form-select:disabled { background-color: var(--bs-secondary-bg); } .form-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 var(--bs-body-color); } .form-check { display: block; min-height: 1.5rem; padding-left: 1.5em; margin-bottom: 0.125rem; } .form-check .form-check-input { float: left; margin-left: -1.5em; } .form-check-input { --bs-form-check-bg: var(--bs-body-bg); flex-shrink: 0; width: 1em; height: 1em; margin-top: 0.25em; vertical-align: top; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: var(--bs-form-check-bg); background-image: var(--bs-form-check-bg-image); background-repeat: no-repeat; background-position: center; background-size: contain; border: var(--bs-border-width) solid var(--bs-border-color); -webkit-print-color-adjust: exact; color-adjust: exact; print-color-adjust: exact; } .form-check-input[type=checkbox] { border-radius: 0.25em; } .form-check-input[type=radio] { border-radius: 50%; } .form-check-input:active { filter: brightness(90%); } .form-check-input:focus { border-color: #f5aeb4; outline: 0; box-shadow: 0 0 0 0.25rem rgba(235, 92, 104, 0.25); } .form-check-input:checked { background-color: #EB5C68; border-color: #EB5C68; } .form-check-input:checked[type=checkbox] { --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"); } .form-check-input:checked[type=radio] { --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); } .form-check-input[type=checkbox]:indeterminate { background-color: #EB5C68; border-color: #EB5C68; --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); } .form-check-input:disabled { pointer-events: none; filter: none; opacity: 0.5; } .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { cursor: default; opacity: 0.5; } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: var(--bs-form-invalid-color); } .is-invalid ~ .invalid-feedback { display: block; } .form-control.is-invalid { border-color: var(--bs-form-invalid-border-color); } .form-control.is-invalid:focus { border-color: var(--bs-form-invalid-border-color); box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25); } .form-select.is-invalid { border-color: var(--bs-form-invalid-border-color); } .form-select.is-invalid:focus { border-color: var(--bs-form-invalid-border-color); box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25); } .form-check-input.is-invalid { border-color: var(--bs-form-invalid-border-color); } .form-check-input.is-invalid:checked { background-color: var(--bs-form-invalid-color); } .form-check-input.is-invalid:focus { box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25); } .form-check-input.is-invalid ~ .form-check-label { color: var(--bs-form-invalid-color); } .fade { transition: opacity 0.15s linear; } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { height: 0; overflow: hidden; transition: height 0.35s ease; } .dropdown { position: relative; } .nav { --bs-nav-link-padding-x: 1rem; --bs-nav-link-padding-y: 0.5rem; --bs-nav-link-font-weight: ; --bs-nav-link-color: var(--bs-link-color); --bs-nav-link-hover-color: var(--bs-link-hover-color); --bs-nav-link-disabled-color: var(--bs-secondary-color); display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .alert { --bs-alert-bg: transparent; --bs-alert-padding-x: 1rem; --bs-alert-padding-y: 1rem; --bs-alert-margin-bottom: 1rem; --bs-alert-color: inherit; --bs-alert-border-color: transparent; --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color); --bs-alert-border-radius: var(--bs-border-radius); --bs-alert-link-color: inherit; position: relative; padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x); margin-bottom: var(--bs-alert-margin-bottom); color: var(--bs-alert-color); background-color: var(--bs-alert-bg); border: var(--bs-alert-border); border-radius: var(--bs-alert-border-radius); } .alert-heading { color: inherit; } .alert-link { font-weight: 700; color: var(--bs-alert-link-color); } .alert-dismissible { padding-right: 3rem; } .alert-dismissible .btn-close { position: absolute; top: 0; right: 0; z-index: 2; padding: 1.25rem 1rem; } .alert-primary { --bs-alert-color: var(--bs-primary-text-emphasis); --bs-alert-bg: var(--bs-primary-bg-subtle); --bs-alert-border-color: var(--bs-primary-border-subtle); --bs-alert-link-color: var(--bs-primary-text-emphasis); } .alert-secondary { --bs-alert-color: var(--bs-secondary-text-emphasis); --bs-alert-bg: var(--bs-secondary-bg-subtle); --bs-alert-border-color: var(--bs-secondary-border-subtle); --bs-alert-link-color: var(--bs-secondary-text-emphasis); } .alert-success { --bs-alert-color: var(--bs-success-text-emphasis); --bs-alert-bg: var(--bs-success-bg-subtle); --bs-alert-border-color: var(--bs-success-border-subtle); --bs-alert-link-color: var(--bs-success-text-emphasis); } .alert-info { --bs-alert-color: var(--bs-info-text-emphasis); --bs-alert-bg: var(--bs-info-bg-subtle); --bs-alert-border-color: var(--bs-info-border-subtle); --bs-alert-link-color: var(--bs-info-text-emphasis); } .alert-warning { --bs-alert-color: var(--bs-warning-text-emphasis); --bs-alert-bg: var(--bs-warning-bg-subtle); --bs-alert-border-color: var(--bs-warning-border-subtle); --bs-alert-link-color: var(--bs-warning-text-emphasis); } .alert-danger { --bs-alert-color: var(--bs-danger-text-emphasis); --bs-alert-bg: var(--bs-danger-bg-subtle); --bs-alert-border-color: var(--bs-danger-border-subtle); --bs-alert-link-color: var(--bs-danger-text-emphasis); } .alert-light { --bs-alert-color: var(--bs-light-text-emphasis); --bs-alert-bg: var(--bs-light-bg-subtle); --bs-alert-border-color: var(--bs-light-border-subtle); --bs-alert-link-color: var(--bs-light-text-emphasis); } .alert-dark { --bs-alert-color: var(--bs-dark-text-emphasis); --bs-alert-bg: var(--bs-dark-bg-subtle); --bs-alert-border-color: var(--bs-dark-border-subtle); --bs-alert-link-color: var(--bs-dark-text-emphasis); } .alert-white { --bs-alert-color: var(--bs-white-text-emphasis); --bs-alert-bg: var(--bs-white-bg-subtle); --bs-alert-border-color: var(--bs-white-border-subtle); --bs-alert-link-color: var(--bs-white-text-emphasis); } .alert-black { --bs-alert-color: var(--bs-black-text-emphasis); --bs-alert-bg: var(--bs-black-bg-subtle); --bs-alert-border-color: var(--bs-black-border-subtle); --bs-alert-link-color: var(--bs-black-text-emphasis); } .alert-secondary-500 { --bs-alert-color: var(--bs-secondary-500-text-emphasis); --bs-alert-bg: var(--bs-secondary-500-bg-subtle); --bs-alert-border-color: var(--bs-secondary-500-border-subtle); --bs-alert-link-color: var(--bs-secondary-500-text-emphasis); } :root { --bs-btn-close-filter: ; } .modal { --bs-modal-zindex: 1055; --bs-modal-width: 488px; --bs-modal-padding: 1rem; --bs-modal-margin: 0.5rem; --bs-modal-color: var(--bs-body-color); --bs-modal-bg: var(--bs-body-bg); --bs-modal-border-color: var(--bs-border-color-translucent); --bs-modal-border-width: var(--bs-border-width); --bs-modal-border-radius: var(--bs-border-radius-lg); --bs-modal-box-shadow: var(--bs-box-shadow-sm); --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width))); --bs-modal-header-padding-x: 1rem; --bs-modal-header-padding-y: 1rem; --bs-modal-header-padding: 1rem 1rem; --bs-modal-header-border-color: var(--bs-border-color); --bs-modal-header-border-width: var(--bs-border-width); --bs-modal-title-line-height: 1.5; --bs-modal-footer-gap: 0.5rem; --bs-modal-footer-bg: ; --bs-modal-footer-border-color: var(--bs-border-color); --bs-modal-footer-border-width: var(--bs-border-width); position: fixed; top: 0; left: 0; z-index: var(--bs-modal-zindex); display: none; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0; } .modal-dialog { position: relative; width: auto; margin: var(--bs-modal-margin); pointer-events: none; } .modal.fade .modal-dialog { transform: translate(0, -50px); transition: transform 0.3s ease-out; } .modal.show .modal-dialog { transform: none; } .modal.modal-static .modal-dialog { transform: scale(1.02); } .modal-dialog-scrollable { height: calc(100% - var(--bs-modal-margin) * 2); } .modal-dialog-scrollable .modal-content { max-height: 100%; overflow: hidden; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - var(--bs-modal-margin) * 2); } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; color: var(--bs-modal-color); pointer-events: auto; background-color: var(--bs-modal-bg); background-clip: padding-box; border: var(--bs-modal-border-width) solid var(--bs-modal-border-color); border-radius: var(--bs-modal-border-radius); outline: 0; } .modal-backdrop { --bs-backdrop-zindex: 1050; --bs-backdrop-bg: #000; --bs-backdrop-opacity: 0.5; position: fixed; top: 0; left: 0; z-index: var(--bs-backdrop-zindex); width: 100vw; height: 100vh; background-color: var(--bs-backdrop-bg); } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: var(--bs-backdrop-opacity); } .modal-header { display: flex; flex-shrink: 0; align-items: center; padding: var(--bs-modal-header-padding); border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color); border-top-left-radius: var(--bs-modal-inner-border-radius); border-top-right-radius: var(--bs-modal-inner-border-radius); } .modal-header .btn-close { padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5); margin-top: calc(-0.5 * var(--bs-modal-header-padding-y)); margin-right: calc(-0.5 * var(--bs-modal-header-padding-x)); margin-bottom: calc(-0.5 * var(--bs-modal-header-padding-y)); margin-left: auto; } .modal-title { margin-bottom: 0; line-height: var(--bs-modal-title-line-height); } .modal-body { position: relative; flex: 1 1 auto; padding: var(--bs-modal-padding); } .modal-footer { display: flex; flex-shrink: 0; flex-wrap: wrap; align-items: center; justify-content: flex-end; padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5); background-color: var(--bs-modal-footer-bg); border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color); border-bottom-right-radius: var(--bs-modal-inner-border-radius); border-bottom-left-radius: var(--bs-modal-inner-border-radius); } .modal-footer > * { margin: calc(var(--bs-modal-footer-gap) * 0.5); } @media (min-width: 576px) { .modal { --bs-modal-margin: 1.75rem; --bs-modal-box-shadow: var(--bs-box-shadow); } .modal-dialog { max-width: var(--bs-modal-width); margin-right: auto; margin-left: auto; } .modal-sm { --bs-modal-width: 300px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { --bs-modal-width: 800px; } } @media (min-width: 1200px) { .modal-xl { --bs-modal-width: 962px; } } .modal-fullscreen { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen .modal-header, .modal-fullscreen .modal-footer { border-radius: 0; } .modal-fullscreen .modal-body { overflow-y: auto; } @media (max-width: 575.98px) { .modal-fullscreen-sm-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-sm-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-sm-down .modal-header, .modal-fullscreen-sm-down .modal-footer { border-radius: 0; } .modal-fullscreen-sm-down .modal-body { overflow-y: auto; } } @media (max-width: 767.98px) { .modal-fullscreen-md-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-md-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-md-down .modal-header, .modal-fullscreen-md-down .modal-footer { border-radius: 0; } .modal-fullscreen-md-down .modal-body { overflow-y: auto; } } @media (max-width: 991.98px) { .modal-fullscreen-lg-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-lg-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-lg-down .modal-header, .modal-fullscreen-lg-down .modal-footer { border-radius: 0; } .modal-fullscreen-lg-down .modal-body { overflow-y: auto; } } @media (max-width: 1199.98px) { .modal-fullscreen-xl-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-xl-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-xl-down .modal-header, .modal-fullscreen-xl-down .modal-footer { border-radius: 0; } .modal-fullscreen-xl-down .modal-body { overflow-y: auto; } } @media (max-width: 1399.98px) { .modal-fullscreen-xxl-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-xxl-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-xxl-down .modal-header, .modal-fullscreen-xxl-down .modal-footer { border-radius: 0; } .modal-fullscreen-xxl-down .modal-body { overflow-y: auto; } } .text-bg-primary { color: #fff !important; background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-secondary { color: #fff !important; background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-success { color: #000 !important; background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-info { color: #000 !important; background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-warning { color: #000 !important; background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-danger { color: #fff !important; background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-light { color: #000 !important; background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-dark { color: #fff !important; background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-white { color: #000 !important; background-color: RGBA(var(--bs-white-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-black { color: #fff !important; background-color: RGBA(var(--bs-black-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-secondary-500 { color: #fff !important; background-color: RGBA(var(--bs-secondary-500-rgb), var(--bs-bg-opacity, 1)) !important; } .visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) { width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .visually-hidden:not(caption), .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) { position: absolute !important; } .visually-hidden *, .visually-hidden-focusable:not(:focus):not(:focus-within) * { overflow: hidden !important; } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: ""; } .d-none { display: none !important; } .border { border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .w-100 { width: 100% !important; } .flex-wrap { flex-wrap: wrap !important; } .justify-content-center { justify-content: center !important; } .align-items-center { align-items: center !important; } .mx-auto { margin-right: auto !important; margin-left: auto !important; } .my-100 { margin-top: 6.25rem !important; margin-bottom: 6.25rem !important; } .my-50 { margin-top: 3.125rem !important; margin-bottom: 3.125rem !important; } .mt-32 { margin-top: 2rem !important; } .mt-dg { margin-top: 3rem !important; } .mt-65 { margin-top: 4.0625rem !important; } .mt-20 { margin-top: 1.25rem !important; } .mt-4 { margin-top: 0.25rem !important; } .mt-auto { margin-top: auto !important; } .mb-24 { margin-bottom: 1.5rem !important; } .mb-16 { margin-bottom: 1rem !important; } .mb-g { margin-bottom: 1.5rem !important; } .mb-160 { margin-bottom: 10rem !important; } .mb-100 { margin-bottom: 6.25rem !important; } .mb-80 { margin-bottom: 5rem !important; } .mb-40 { margin-bottom: 2.5rem !important; } .mb-30 { margin-bottom: 1.875rem !important; } .mb-20 { margin-bottom: 1.25rem !important; } .mb-10 { margin-bottom: 0.625rem !important; } .mb-0 { margin-bottom: 0rem !important; } .p-30 { padding: 1.875rem !important; } .p-10 { padding: 0.625rem !important; } .py-90 { padding-top: 5.625rem !important; padding-bottom: 5.625rem !important; } .py-60 { padding-top: 3.75rem !important; padding-bottom: 3.75rem !important; } .py-40 { padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; } .pt-40 { padding-top: 2.5rem !important; } .pb-80 { padding-bottom: 5rem !important; } .font-body { font-family: var(--bs-body-font-family) !important; } .font-headings { font-family: var(--bs-headings-font-family) !important; } .fw-semibold { font-weight: 600 !important; } .fw-bold { font-weight: 700 !important; } .text-start { text-align: left !important; } .text-end { text-align: right !important; } .text-center { text-align: center !important; } .text-decoration-none { text-decoration: none !important; } .text-decoration-underline { text-decoration: underline !important; } .text-decoration-line-through { text-decoration: line-through !important; } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .text-primary { --bs-text-opacity: 1; color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important; } .text-secondary { --bs-text-opacity: 1; color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important; } .text-success { --bs-text-opacity: 1; color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important; } .text-info { --bs-text-opacity: 1; color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important; } .text-warning { --bs-text-opacity: 1; color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important; } .text-danger { --bs-text-opacity: 1; color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important; } .text-light { --bs-text-opacity: 1; color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important; } .text-dark { --bs-text-opacity: 1; color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important; } .text-white { --bs-text-opacity: 1; color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important; } .text-black { --bs-text-opacity: 1; color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important; } .text-secondary-500 { --bs-text-opacity: 1; color: rgba(var(--bs-secondary-500-rgb), var(--bs-text-opacity)) !important; } .text-body { --bs-text-opacity: 1; color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important; } .text-muted { --bs-text-opacity: 1; color: var(--bs-secondary-color) !important; } .text-black-50 { --bs-text-opacity: 1; color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { --bs-text-opacity: 1; color: rgba(255, 255, 255, 0.5) !important; } .text-body-secondary { --bs-text-opacity: 1; color: var(--bs-secondary-color) !important; } .text-body-tertiary { --bs-text-opacity: 1; color: var(--bs-tertiary-color) !important; } .text-body-emphasis { --bs-text-opacity: 1; color: var(--bs-emphasis-color) !important; } .text-reset { --bs-text-opacity: 1; color: inherit !important; } .text-primary-emphasis { color: var(--bs-primary-text-emphasis) !important; } .text-secondary-emphasis { color: var(--bs-secondary-text-emphasis) !important; } .text-success-emphasis { color: var(--bs-success-text-emphasis) !important; } .text-info-emphasis { color: var(--bs-info-text-emphasis) !important; } .text-warning-emphasis { color: var(--bs-warning-text-emphasis) !important; } .text-danger-emphasis { color: var(--bs-danger-text-emphasis) !important; } .text-light-emphasis { color: var(--bs-light-text-emphasis) !important; } .text-dark-emphasis { color: var(--bs-dark-text-emphasis) !important; } .bg-primary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important; } .bg-secondary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important; } .bg-success { --bs-bg-opacity: 1; background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important; } .bg-info { --bs-bg-opacity: 1; background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important; } .bg-warning { --bs-bg-opacity: 1; background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important; } .bg-danger { --bs-bg-opacity: 1; background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important; } .bg-light { --bs-bg-opacity: 1; background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important; } .bg-dark { --bs-bg-opacity: 1; background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important; } .bg-white { --bs-bg-opacity: 1; background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important; } .bg-black { --bs-bg-opacity: 1; background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important; } .bg-secondary-500 { --bs-bg-opacity: 1; background-color: rgba(var(--bs-secondary-500-rgb), var(--bs-bg-opacity)) !important; } .bg-body { --bs-bg-opacity: 1; background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important; } .bg-transparent { --bs-bg-opacity: 1; background-color: transparent !important; } .bg-body-secondary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important; } .bg-body-tertiary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important; } .bg-opacity-10 { --bs-bg-opacity: 0.1; } .bg-opacity-25 { --bs-bg-opacity: 0.25; } .bg-opacity-50 { --bs-bg-opacity: 0.5; } .bg-opacity-75 { --bs-bg-opacity: 0.75; } .bg-opacity-100 { --bs-bg-opacity: 1; } .rounded { border-radius: var(--bs-border-radius) !important; } .visible { visibility: visible !important; } @media (min-width: 576px) { .p-sm-20 { padding: 1.25rem !important; } .text-sm-start { text-align: left !important; } .text-sm-end { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .p-md-30 { padding: 1.875rem !important; } .text-md-start { text-align: left !important; } .text-md-end { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .order-lg-last { order: 6 !important; } .mt-lg-64 { margin-top: 4rem !important; } .mb-lg-264 { margin-bottom: 16.5rem !important; } .mb-lg-120 { margin-bottom: 7.5rem !important; } .mb-lg-60 { margin-bottom: 3.75rem !important; } .p-lg-50 { padding: 3.125rem !important; } .text-lg-start { text-align: left !important; } .text-lg-end { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .d-xl-block { display: block !important; } .d-xl-none { display: none !important; } .py-xl-80 { padding-top: 5rem !important; padding-bottom: 5rem !important; } .pt-xl-140 { padding-top: 8.75rem !important; } .pt-xl-80 { padding-top: 5rem !important; } .pb-xl-120 { padding-bottom: 7.5rem !important; } .pb-xl-80 { padding-bottom: 5rem !important; } .text-xl-start { text-align: left !important; } .text-xl-end { text-align: right !important; } .text-xl-center { text-align: center !important; } } @media (min-width: 1400px) { .text-xxl-start { text-align: left !important; } .text-xxl-end { text-align: right !important; } .text-xxl-center { text-align: center !important; } } /** * Swiper 12.2.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2026 Vladimir Kharlampidi * * Released under the MIT License * * Released on: May 27, 2026 */ :root { --swiper-theme-color: #007aff; /* --swiper-preloader-color: var(--swiper-theme-color); --swiper-wrapper-transition-timing-function: initial; */ } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; display: block; } .swiper-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-horizontal { touch-action: pan-y; } .swiper-vertical { touch-action: pan-x; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; display: block; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-backface-hidden .swiper-slide { transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* 3D Effects */ .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-3d { perspective: 1200px; .swiper-slide, .swiper-cube-shadow { transform-style: preserve-3d; } } /* CSS Mode */ .swiper-css-mode { > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ &::-webkit-scrollbar { display: none; } } > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } &.swiper-horizontal { > .swiper-wrapper { scroll-snap-type: x mandatory; } > .swiper-wrapper > .swiper-slide:first-child { -webkit-margin-start: var(--swiper-slides-offset-before); margin-inline-start: var(--swiper-slides-offset-before); scroll-margin-inline-start: var(--swiper-slides-offset-before); } > .swiper-wrapper > .swiper-slide:last-child { -webkit-margin-end: var(--swiper-slides-offset-after); margin-inline-end: var(--swiper-slides-offset-after); } } &.swiper-vertical { > .swiper-wrapper { scroll-snap-type: y mandatory; } > .swiper-wrapper > .swiper-slide:first-child { -webkit-margin-before: var(--swiper-slides-offset-before); margin-block-start: var(--swiper-slides-offset-before); scroll-margin-block-start: var(--swiper-slides-offset-before); } > .swiper-wrapper > .swiper-slide:last-child { -webkit-margin-after: var(--swiper-slides-offset-after); margin-block-end: var(--swiper-slides-offset-after); } } &.swiper-free-mode { > .swiper-wrapper { scroll-snap-type: none; } > .swiper-wrapper > .swiper-slide { scroll-snap-align: none; } } &.swiper-centered { > .swiper-wrapper::before { content: ""; flex-shrink: 0; order: 9999; } > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; scroll-snap-stop: always; } } &.swiper-centered.swiper-horizontal { > .swiper-wrapper > .swiper-slide:first-child { -webkit-margin-start: var(--swiper-centered-offset-before); margin-inline-start: var(--swiper-centered-offset-before); } > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } } &.swiper-centered.swiper-vertical { > .swiper-wrapper > .swiper-slide:first-child { -webkit-margin-before: var(--swiper-centered-offset-before); margin-block-start: var(--swiper-centered-offset-before); } > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } } } /* Slide styles start */ /* 3D Shadows */ .swiper-3d { .swiper-slide-shadow, .swiper-slide-shadow-left, .swiper-slide-shadow-right, .swiper-slide-shadow-top, .swiper-slide-shadow-bottom, .swiper-slide-shadow, .swiper-slide-shadow-left, .swiper-slide-shadow-right, .swiper-slide-shadow-top, .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper:not(.swiper-watch-progress), .swiper-watch-progress .swiper-slide-visible { .swiper-lazy-preloader { animation: swiper-preloader-spin 1s infinite linear; } } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @keyframes swiper-preloader-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Slide styles end */ .swiper-ios .swiper-slide { transform: none; } .sn_img_cover { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .sn_img_cover picture, .sn_img_cover img { width: 100%; height: 100%; } .sn_img_cover img { -o-object-fit: cover; object-fit: cover; } .sn_img_contain { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .sn_img_contain picture, .sn_img_contain img { width: 100%; height: 100%; } .sn_img_contain img { -o-object-fit: contain; object-fit: contain; } .sn_sprite { width: 100%; height: 100%; display: inline-block; vertical-align: top; flex-shrink: 0; font-style: normal; fill: currentColor; } .sn_sprite svg { width: 100%; height: 100%; display: inline-block; vertical-align: top; fill: inherit; } a, u, .text-decoration-underline { -webkit-text-decoration-line: underline; text-decoration-line: underline; text-decoration-thickness: 0.05em; text-underline-offset: 0.3em; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } .sn_paragraph__sm, .sn_paragraph__sm p, .sn_paragraph__sm .p { letter-spacing: -0.03em; } .sn_paragraph__sm, .sn_paragraph__sm p, .sn_paragraph__sm .p { font-size: 1.125rem; } .sn_paragraph, .sn_paragraph p, .sn_paragraph .p { font-weight: 400; letter-spacing: -0.03em; } .sn_paragraph, .sn_paragraph p, .sn_paragraph .p { font-size: 1.125rem; } @media only screen and (min-width: 48em) { .sn_paragraph, .sn_paragraph p, .sn_paragraph .p { font-size: 1.25rem; } } .sn_paragraph, .sn_paragraph p, .sn_paragraph .p { line-height: 1.3; } @media only screen and (min-width: 48em) { .sn_paragraph, .sn_paragraph p, .sn_paragraph .p { line-height: 1.3; } } .sn_caption { letter-spacing: 0; } .sn_caption { font-size: 0.875rem; } @media only screen and (min-width: 48em) { .sn_caption { font-size: 0.875rem; } } @font-face { font-family: "Dismantle"; src: url("../fonts/DismantleRegular.woff2") format("woff2"); font-weight: 400; font-style: normal; } @font-face { font-family: "Dismantle"; src: url("../fonts/DismantleSemibold.woff2") format("woff2"); font-weight: 600; font-style: normal; } ::-moz-selection { background: rgba(235, 92, 104, 0.99); color: #fff; } ::selection { background: rgba(235, 92, 104, 0.99); color: #fff; } ::-webkit-selection { background: rgba(235, 92, 104, 0.99); color: #fff; } :root { accent-color: #EB5C68; } html { -ms-overflow-style: scrollbar; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; scroll-behavior: auto !important; } body { font-family: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-weight: 400; color: #100040; background-color: #F8F7FA; } body { font-size: 18px; } @media only screen and (min-width: 48em) { body { font-size: 20px; } } body { line-height: 1.3; } @media only screen and (min-width: 48em) { body { line-height: 1.3; } } body::before { content: ""; display: none; } a, button { transition: all 0.35s ease, outline 0s, outline-offset 0s; } button { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; border: 0; padding: 0; color: unset; text-align: unset; } figure { margin: 0; } picture { display: block; } *:focus-visible { outline: 0.125rem solid currentcolor; outline-offset: 0.125rem; } @supports not selector(:focus-visible) { *:focus { outline: 0.125rem solid currentcolor; outline-offset: 0.125rem; } } .stretched-link:focus-visible { outline: none; } @supports not selector(:focus-visible) { .stretched-link:focus { outline: none; } } .img-full, img.w-100 { display: block; width: 100%; height: auto; } .otgs-development-site-front-end { display: none; } .sn_sprite__wrapper { width: 0; height: 0; position: relative; overflow: hidden; } .sn_sprite__wrapper svg { width: 0; height: 0; } :root { --bs-headings-font-family: "Dismantle", sans-serif; } h1, .h1 { font-family: "Dismantle", sans-serif; font-weight: 400; letter-spacing: 0; } h1, .h1 { font-size: 2rem; } @media only screen and (min-width: 48em) { h1, .h1 { font-size: 3rem; } } h1, .h1 { font-family: "Dismantle", sans-serif; font-weight: 400; letter-spacing: 0; } h1, .h1 { font-size: 2rem; } @media only screen and (min-width: 48em) { h1, .h1 { font-size: 3rem; } } h2, .h2 { font-family: "Dismantle", sans-serif; font-weight: 400; letter-spacing: 0; } h2, .h2 { font-size: 1.5rem; } @media only screen and (min-width: 48em) { h2, .h2 { font-size: 2.375rem; } } h3, .h3 { letter-spacing: -0.03em; } h3, .h3 { font-size: 1.25rem; } @media only screen and (min-width: 48em) { h3, .h3 { font-size: 1.5rem; } } h4, .h4 { letter-spacing: -0.03em; } h4, .h4 { font-size: 1.125rem; } @media only screen and (min-width: 48em) { h4, .h4 { font-size: 1.375rem; } } h5, .h5 { letter-spacing: 0; } h5, .h5 { font-size: 1rem; } @media only screen and (min-width: 48em) { h5, .h5 { font-size: 1.125rem; } } h6, .h6 { letter-spacing: 0; } h6, .h6 { font-size: 0.875rem; } @media only screen and (min-width: 48em) { h6, .h6 { font-size: 1rem; } } h1, .h1 { letter-spacing: 0rem; } h1.font-body, .h1.font-body { font-weight: 400; } h1.font-body, .h1.font-body { letter-spacing: 0.03em; } h1.font-body .fw-semibold, h1.font-body strong, .h1.font-body .fw-semibold, .h1.font-body strong { font-weight: 600; } h2, .h2 { letter-spacing: 0rem; } h2.font-body, .h2.font-body { font-weight: 400; } h2.font-body, .h2.font-body { letter-spacing: 0.03em; } h2.font-body .fw-semibold, h2.font-body strong, .h2.font-body .fw-semibold, .h2.font-body strong { font-weight: 600; } h3, .h3 { letter-spacing: 0rem; } h3.font-body, .h3.font-body { font-weight: 400; } h3.font-body, .h3.font-body { letter-spacing: 0.03em; } h3.font-body .fw-semibold, h3.font-body strong, .h3.font-body .fw-semibold, .h3.font-body strong { font-weight: 600; } strong { font-weight: 700; } .sn_paragraph > *:not(br):not(hr), .sn_paragraph__sm > *:not(br):not(hr) { margin-bottom: 0.9375rem; } @media only screen and (min-width: 48em) { .sn_paragraph > *:not(br):not(hr), .sn_paragraph__sm > *:not(br):not(hr) { margin-bottom: 1.25rem; } } .sn_paragraph > *:not(br):not(hr):last-child, .sn_paragraph__sm > *:not(br):not(hr):last-child { margin-bottom: 0; } mark { display: inline; background-color: #EB5C68; color: #fff; box-decoration-break: clone; -webkit-box-decoration-break: clone; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; } .btn { display: inline-flex; align-items: center; gap: 0.75rem; border-radius: 6.25rem; font-family: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1.125rem; font-weight: 400; line-height: 1.3; text-decoration: none; cursor: pointer; height: 3.625rem; padding: 1rem; transition: all 0.35s ease; box-shadow: none; } .btn { --sn-focus-top: -0.3125rem; --sn-focus-right: -0.3125rem; --sn-focus-bottom: -0.3125rem; --sn-focus-left: -0.3125rem; --sn-focus-color: #100040; --sn-focus-border-width: 0.125rem; --sn-focus-border-radius: 6.25rem; --sn-focus-opacity: 0; position: relative; } .btn::before { content: ""; position: absolute; top: var(--sn-focus-inset, var(--sn-focus-y, var(--sn-focus-top))); right: var(--sn-focus-inset, var(--sn-focus-x, var(--sn-focus-right))); bottom: var(--sn-focus-inset, var(--sn-focus-y, var(--sn-focus-bottom))); left: var(--sn-focus-inset, var(--sn-focus-x, var(--sn-focus-left))); border-width: var(--sn-focus-border-width); border-style: solid; border-radius: var(--sn-focus-border-radius); border-color: var(--sn-focus-color); opacity: var(--sn-focus-opacity); pointer-events: none; transition: border-color 0.35s ease, opacity 0.35s ease; } .btn:focus-visible { --sn-focus-opacity: 1; outline: none; } .btn { letter-spacing: -0.02em; } @media only screen and (min-width: 0em) and (max-width: 61.99em) { .btn { height: auto; font-size: 1rem; padding: 0.75rem 0.75rem 0.75rem 1rem; } } .btn__icon { display: block; width: 1.625rem; height: 1.625rem; border-radius: 50%; background-color: #EB5C68; color: #fff; overflow: hidden; flex-shrink: 0; position: relative; } .btn__icon__i { display: block; position: absolute; top: 50%; width: 1.5rem; height: 1.5rem; transform: translateY(-50%); transition: left 0.35s ease; } .btn__icon__i:first-child { left: -24px; } .btn__icon__i:last-child { left: 1px; } .btn:hover .btn__icon__i:first-child, .btn:focus-visible .btn__icon__i:first-child, .btn:active .btn__icon__i:first-child { left: 1px; } .btn:hover .btn__icon__i:last-child, .btn:focus-visible .btn__icon__i:last-child, .btn:active .btn__icon__i:last-child { left: 26px; } .btn-link { height: 2rem; border-radius: 0; padding: 0; font-weight: 500; color: #100040; background: none; border: none; text-decoration: underline; } .btn-link { --sn-focus-top: -0.3125rem; --sn-focus-right: -0.3125rem; --sn-focus-bottom: -0.3125rem; --sn-focus-left: -0.3125rem; --sn-focus-color: currentColor; --sn-focus-border-width: 0.125rem; --sn-focus-border-radius: 0.375rem; --sn-focus-opacity: 0; position: relative; } .btn-link::before { content: ""; position: absolute; top: var(--sn-focus-inset, var(--sn-focus-y, var(--sn-focus-top))); right: var(--sn-focus-inset, var(--sn-focus-x, var(--sn-focus-right))); bottom: var(--sn-focus-inset, var(--sn-focus-y, var(--sn-focus-bottom))); left: var(--sn-focus-inset, var(--sn-focus-x, var(--sn-focus-left))); border-width: var(--sn-focus-border-width); border-style: solid; border-radius: var(--sn-focus-border-radius); border-color: var(--sn-focus-color); opacity: var(--sn-focus-opacity); pointer-events: none; transition: border-color 0.35s ease, opacity 0.35s ease; } .btn-link:focus-visible { --sn-focus-opacity: 1; outline: none; } .btn-link { font-size: 1.125rem; } @media only screen and (min-width: 75em) { .btn-link { font-size: 1.25rem; } } .btn-link:hover, .btn-link:focus-visible, .btn-link:active { background: none; border: none; text-decoration: underline; color: #100040; box-shadow: none; } .btn-link.__light { color: #fff; } .btn-link.__light:hover, .btn-link.__light:focus-visible, .btn-link.__light:active { color: #fff; } .btn-link.__watermelon { color: #fff; } .btn-link.__watermelon:hover, .btn-link.__watermelon:focus-visible, .btn-link.__watermelon:active { color: #fff; } .btn-link.__watermelon .btn__icon { background-color: #fff; color: #EB5C68; } .btn-primary { background-color: #fff; border: 1px solid #CEC2F2; color: #100040; } .btn-primary:hover, .btn-primary:focus-visible, .btn-primary:active { background-color: #F8F7FA; border-color: #EB5C68; color: #100040; box-shadow: 2px 2px 0 0 #CEC2F2, inset 0 0 12px 0 rgba(235, 92, 104, 0.32); } .btn-secondary { background-color: #3300CC; border: 1px solid #3300CC; color: #fff; } .btn-secondary:hover, .btn-secondary:focus-visible, .btn-secondary:active { background-color: #3300CC; color: #fff; box-shadow: 2px 2px 0 0 #EBBABE; } .sn_utils_mq_xs { display: block; } @media only screen and (min-width: 36em) { .sn_utils_mq_xs { display: none; } } .sn_utils_mq_sm { display: none; } @media only screen and (min-width: 36em) { .sn_utils_mq_sm { display: block; } } @media only screen and (min-width: 48em) { .sn_utils_mq_sm { display: none; } } .sn_utils_mq_md { display: none; } @media only screen and (min-width: 48em) { .sn_utils_mq_md { display: block; } } @media only screen and (min-width: 62em) { .sn_utils_mq_md { display: none; } } .sn_utils_mq_lg { display: none; } @media only screen and (min-width: 62em) { .sn_utils_mq_lg { display: block; } } @media only screen and (min-width: 75em) { .sn_utils_mq_lg { display: none; } } .sn_utils_mq_xl { display: none; } @media only screen and (min-width: 75em) { .sn_utils_mq_xl { display: block; } } @media only screen and (min-width: 87.5em) { .sn_utils_mq_xl { display: none; } } .sn_utils_mq_xxl { display: none; } @media only screen and (min-width: 87.5em) { .sn_utils_mq_xxl { display: block; } } .sn_lazy__wr { transition: opacity 0.75s cubic-bezier(0.7, 0, 0, 1); } .sn_lazy__wr.__loading { opacity: 0; } .sn_slider_nav { display: flex; gap: 1rem; } .sn_slider_nav:has(.swiper-button-lock) { display: none; } .sn_slider_arrow { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; border: 0; padding: 0; color: unset; text-align: unset; width: 2.5rem; height: 2.5rem; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; border: 1px solid #EB5C68; border-radius: 50%; color: #100040; background-color: transparent; cursor: pointer; transition: all 0.35s ease; } .sn_slider_arrow { --sn-focus-top: -0.3125rem; --sn-focus-right: -0.3125rem; --sn-focus-bottom: -0.3125rem; --sn-focus-left: -0.3125rem; --sn-focus-color: #100040; --sn-focus-border-width: 0.125rem; --sn-focus-border-radius: 50%; --sn-focus-opacity: 0; position: relative; } .sn_slider_arrow::before { content: ""; position: absolute; top: var(--sn-focus-inset, var(--sn-focus-y, var(--sn-focus-top))); right: var(--sn-focus-inset, var(--sn-focus-x, var(--sn-focus-right))); bottom: var(--sn-focus-inset, var(--sn-focus-y, var(--sn-focus-bottom))); left: var(--sn-focus-inset, var(--sn-focus-x, var(--sn-focus-left))); border-width: var(--sn-focus-border-width); border-style: solid; border-radius: var(--sn-focus-border-radius); border-color: var(--sn-focus-color); opacity: var(--sn-focus-opacity); pointer-events: none; transition: border-color 0.35s ease, opacity 0.35s ease; } .sn_slider_arrow:focus-visible { --sn-focus-opacity: 1; outline: none; } .sn_slider_arrow svg-sprite { display: block; width: 1.5rem; height: 1.5rem; } .sn_slider_arrow:hover { background-color: #EB5C68; } .sn_slider_arrow.swiper-button-disabled { opacity: 0.2; pointer-events: none; } .sn_slider_arrow.swiper-button-lock { display: none; } .sn_block.__primary .sn_slider_arrow { border-color: #fff; color: #fff; } .sn_block.__primary .sn_slider_arrow:hover { background-color: #fff; color: #100040; } .sn_block.__secondary .sn_slider_arrow { border-color: #EB5C68; color: #fff; } .sn_card:not(.__no_hover) { transition: box-shadow 0.35s ease; } .sn_card:not(.__no_hover):hover { box-shadow: 0 4px 24px 0 var(--sn-card-shadow, rgba(51, 0, 204, 0.2)); } .sn_card.__linked { position: relative; } .sn_card.__linked .stretched-link { position: static; } .sn_card.__linked .stretched-link::before { display: none; } .sn_card.__linked [class$=__media] img { transition: transform 0.35s ease; } .sn_card.__linked:hover [class$=__media] img, .sn_card.__linked:focus-within [class$=__media] img { transform: scale(1.05); } .sn_card.__linked:focus-within { outline: 0.125rem solid currentcolor; outline-offset: 0.125rem; } .sn_pattern { position: relative; isolation: isolate; overflow: hidden; } .sn_pattern::before { content: ""; position: absolute; inset: -100%; z-index: -1; background-color: currentColor; opacity: 0.22; pointer-events: none; -webkit-mask-image: url("data:image/svg+xml,"); mask-image: url("data:image/svg+xml,"); -webkit-mask-repeat: repeat; mask-repeat: repeat; transform: rotate(-15deg); -webkit-mask-size: 2.375rem 2.6875rem; mask-size: 2.375rem 2.6875rem; } .sn_pattern:where(main)::before { position: fixed; } .sn_skiplink { z-index: 2000; position: absolute; top: 1.5rem; left: 1.5rem; } .sn_skiplink .btn { transition: none; } .sn_video_control { display: inline-flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; border-radius: 0.375rem; background-color: rgba(255, 255, 255, 0.2); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); color: #fff; } .sn_video_control { --sn-focus-top: -0.3125rem; --sn-focus-right: -0.3125rem; --sn-focus-bottom: -0.3125rem; --sn-focus-left: -0.3125rem; --sn-focus-color: #fff; --sn-focus-border-width: 0.125rem; --sn-focus-border-radius: 0.375rem; --sn-focus-opacity: 0; position: relative; } .sn_video_control::before { content: ""; position: absolute; top: var(--sn-focus-inset, var(--sn-focus-y, var(--sn-focus-top))); right: var(--sn-focus-inset, var(--sn-focus-x, var(--sn-focus-right))); bottom: var(--sn-focus-inset, var(--sn-focus-y, var(--sn-focus-bottom))); left: var(--sn-focus-inset, var(--sn-focus-x, var(--sn-focus-left))); border-width: var(--sn-focus-border-width); border-style: solid; border-radius: var(--sn-focus-border-radius); border-color: var(--sn-focus-color); opacity: var(--sn-focus-opacity); pointer-events: none; transition: border-color 0.35s ease, opacity 0.35s ease; } .sn_video_control:focus-visible { --sn-focus-opacity: 1; outline: none; } .sn_video_control svg-sprite { display: block; } .sn_video_control .__play, .sn_video_control .__on { display: none; } .sn_video_control.is-paused .__play { display: block; } .sn_video_control.is-paused .__pause { display: none; } .sn_video_control:not(.__muted) .__on { display: block; } .sn_video_control:not(.__muted) .__off { display: none; } .sn_form .form-group { margin-bottom: 1.5rem; } .sn_form .form-label { margin-bottom: 0.5rem; color: #5D5A66; font-weight: 500; letter-spacing: -0.03em; } .sn_form .form-label { font-size: 1.125rem; } .sn_form .form-control, .sn_form .form-select { height: 3.25rem; padding: 0.75rem 1rem; border: 1px solid #E0DEE3; border-radius: 0.75rem; background-color: #fff; color: #100040; letter-spacing: -0.03em; } .sn_form .form-control, .sn_form .form-select { font-size: 1.125rem; } @media only screen and (min-width: 75em) { .sn_form .form-control, .sn_form .form-select { height: 3.75rem; } } .sn_form .form-control::placeholder, .sn_form .form-select::placeholder { color: #ADAAB5; opacity: 1; } .sn_form .form-control:focus, .sn_form .form-select:focus { box-shadow: none; } .sn_form .form-control:focus-visible, .sn_form .form-select:focus-visible { outline: 0.125rem solid #100040; outline-offset: 0.125rem; } .sn_form .form-select:has(option[value=""]:checked) { color: #ADAAB5; } .sn_form textarea.form-control { height: auto; min-height: 7.625rem; } @media only screen and (min-width: 75em) { .sn_form textarea.form-control { min-height: 9.25rem; } } .sn_form .form-check { padding-left: 1.875rem; } .sn_form .form-check-input { width: 1.125rem; height: 1.125rem; margin-left: -1.875rem; border: 0.125rem solid #ADAAB5; border-radius: 0.25rem; background-color: #fff; } .sn_form .form-check-input:focus { box-shadow: none; } .sn_form .form-check-input:focus-visible { outline: 0.125rem solid #100040; outline-offset: 0.125rem; } .sn_form .form-check-label { letter-spacing: -0.03em; } .sn_form .form-check-label { font-size: 1.125rem; } .sn_form .form-check-label a { font-weight: 500; text-decoration: underline; } .sn_form .form-control.is-invalid { border-color: #D20000; background-image: none; padding-right: 1rem; } .sn_form .invalid-feedback { color: #fff; font-weight: 500; letter-spacing: -0.03em; background-color: #3300CC; border-radius: 0.3125rem; padding: 0.1875rem 0.5rem; width: auto; } .sn_form .invalid-feedback { font-size: 0.875rem; } @media only screen and (min-width: 48em) { .sn_form .invalid-feedback { font-size: 1rem; } } .sn_form .is-invalid ~ .invalid-feedback { display: inline-flex; align-items: flex-start; gap: 0.5rem; margin-top: 0.5rem; } .sn_form .is-invalid ~ .invalid-feedback::before { content: ""; flex-shrink: 0; margin-top: 0.0625rem; width: 1.125rem; height: 1.125rem; background-color: currentColor; mask: url("data:image/svg+xml,") no-repeat center/contain; -webkit-mask: url("data:image/svg+xml,") no-repeat center/contain; } .sn_form .alert-danger { margin-bottom: 1.5rem; padding: 1rem 1.25rem; border: none; border-left: 0.25rem solid #D20000; border-radius: 0.75rem; background-color: #fff; color: #100040; } .sn_form .alert-danger:focus-visible { outline: 0.125rem solid #100040; outline-offset: 0.125rem; } .sn_form .alert-danger .fw-bold { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.5rem; color: #990000; } .sn_form .alert-danger .fw-bold::before { content: ""; flex-shrink: 0; width: 1.25rem; height: 1.25rem; background-color: currentColor; mask: url("data:image/svg+xml,") no-repeat center/contain; -webkit-mask: url("data:image/svg+xml,") no-repeat center/contain; } .sn_form .alert-danger ul { margin: 0; padding-left: 1.75rem; } .sn_form .alert-danger li + li { margin-top: 0.25rem; } .sn_form .alert-danger a { color: #100040; text-decoration: underline; } .sn_form .alert-danger a:hover, .sn_form .alert-danger a:focus-visible { color: #D20000; } .sn_form [id$=-status].alert { margin-top: 1.5rem; padding: 1rem 1.25rem; border: none; border-left: 0.25rem solid currentColor; border-radius: 0.75rem; background-color: #fff; } .sn_form [id$=-status].alert:focus-visible { outline: 0.125rem solid #100040; outline-offset: 0.125rem; } .sn_form [id$=-status].alert.alert-info { color: #100040; } .sn_form [id$=-status].alert.alert-success { color: #009E64; } .sn_form [id$=-status].alert.alert-danger { color: #990000; } .sn_block.__primary .form-label, .sn_block.__secondary .form-label { color: #fff; } .sn_block.__primary .form-control:not(.is-invalid), .sn_block.__primary .form-select:not(.is-invalid), .sn_block.__secondary .form-control:not(.is-invalid), .sn_block.__secondary .form-select:not(.is-invalid) { border-color: transparent; } .sn_block.__primary .form-check-input, .sn_block.__secondary .form-check-input { border-color: #fff; background-color: transparent; } .sn_block.__primary .form-check-input:checked, .sn_block.__secondary .form-check-input:checked { background-color: #fff; border-color: #fff; background-image: url("data:image/svg+xml,"); } .sn_block.__primary .form-check-label, .sn_block.__secondary .form-check-label { color: #fff; } .sn_block.__primary .form-check-label a, .sn_block.__secondary .form-check-label a { color: #fff; } .sn_block.__primary .invalid-feedback, .sn_block.__secondary .invalid-feedback { color: #fff; } .sn_block.__primary .form-check-input.is-invalid ~ .form-check-label, .sn_block.__secondary .form-check-input.is-invalid ~ .form-check-label { color: #fff; } .sn_socials { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; gap: 0.75rem; } .sn_socials__link { display: inline-flex; align-items: center; justify-content: center; color: currentColor; } .sn_socials__link { --sn-focus-top: -0.3125rem; --sn-focus-right: -0.3125rem; --sn-focus-bottom: -0.3125rem; --sn-focus-left: -0.3125rem; --sn-focus-color: currentColor; --sn-focus-border-width: 0.125rem; --sn-focus-border-radius: 50%; --sn-focus-opacity: 0; position: relative; } .sn_socials__link::before { content: ""; position: absolute; top: var(--sn-focus-inset, var(--sn-focus-y, var(--sn-focus-top))); right: var(--sn-focus-inset, var(--sn-focus-x, var(--sn-focus-right))); bottom: var(--sn-focus-inset, var(--sn-focus-y, var(--sn-focus-bottom))); left: var(--sn-focus-inset, var(--sn-focus-x, var(--sn-focus-left))); border-width: var(--sn-focus-border-width); border-style: solid; border-radius: var(--sn-focus-border-radius); border-color: var(--sn-focus-color); opacity: var(--sn-focus-opacity); pointer-events: none; transition: border-color 0.35s ease, opacity 0.35s ease; } .sn_socials__link:focus-visible { --sn-focus-opacity: 1; outline: none; } .sn_socials__link:hover { color: #EB5C68; } .sn_socials__link svg-sprite { width: 1.125rem; height: 1.125rem; } .sn_socials.__round { gap: 1rem; } .sn_socials.__round .sn_socials__link { width: 2rem; height: 2rem; border: 1px solid #EB5C68; border-radius: 6.25rem; } .sn_socials.__round .sn_socials__link:hover { background-color: #EB5C68; color: #fff; } .sn_socials.__round .sn_socials__link svg-sprite { width: 1.25rem; height: 1.25rem; } .sn_share { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; gap: 0.5rem; } .sn_share__link { display: inline-flex; align-items: center; justify-content: center; color: #EB5C68; transition: color 0.35s ease; } .sn_share__link { --sn-focus-top: -0.3125rem; --sn-focus-right: -0.3125rem; --sn-focus-bottom: -0.3125rem; --sn-focus-left: -0.3125rem; --sn-focus-color: #100040; --sn-focus-border-width: 0.125rem; --sn-focus-border-radius: 0.375rem; --sn-focus-opacity: 0; position: relative; } .sn_share__link::before { content: ""; position: absolute; top: var(--sn-focus-inset, var(--sn-focus-y, var(--sn-focus-top))); right: var(--sn-focus-inset, var(--sn-focus-x, var(--sn-focus-right))); bottom: var(--sn-focus-inset, var(--sn-focus-y, var(--sn-focus-bottom))); left: var(--sn-focus-inset, var(--sn-focus-x, var(--sn-focus-left))); border-width: var(--sn-focus-border-width); border-style: solid; border-radius: var(--sn-focus-border-radius); border-color: var(--sn-focus-color); opacity: var(--sn-focus-opacity); pointer-events: none; transition: border-color 0.35s ease, opacity 0.35s ease; } .sn_share__link:focus-visible { --sn-focus-opacity: 1; outline: none; } .sn_share__link:hover { color: #992C35; } .sn_share__link svg-sprite { width: 2rem; height: 2rem; } .sn_label { --sn-label-bg: #EB5C68; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: inline-block; margin: 0; padding: 0.125rem 0.375rem; color: #fff; text-transform: uppercase; font-weight: 500; background-color: var(--sn-label-bg); } .sn_label { font-size: 0.875rem; } .sn_label_text { display: flex; flex-direction: column; gap: 1rem; } @media only screen and (min-width: 75em) { .sn_label_text.__label_left { flex-direction: row; } } @media only screen and (min-width: 75em) { .sn_label_text.__label_left .sn_label_text__body { max-width: 66.67%; margin-left: auto; } } .sn_label_text__body { display: flex; flex-direction: column; gap: 1.5rem; } .sn_label_text__text { margin: 0; } .sn_label_text__text { font-size: 1.125rem; } @media only screen and (min-width: 48em) { .sn_label_text__text { font-size: 1.25rem; } } .sn_label_text__link { align-self: flex-start; } .sn_label_text.__center { max-width: 55rem; margin-inline: auto; } body.__app .sn_label_text.__center { align-items: center; text-align: center; } body.__app .sn_label_text.__center .sn_label_text__body { align-items: center; } body.__app .sn_label_text.__center .sn_label_text__link { align-self: center; } @media only screen and (min-width: 75em) { .sn_label_text.__center { align-items: center; text-align: center; } .sn_label_text.__center .sn_label_text__body { align-items: center; } .sn_label_text.__center .sn_label_text__link { align-self: center; } } .sn_label_text.__left { align-items: flex-start; text-align: left; } .sn_label_text.__split { align-items: flex-start; } @media only screen and (min-width: 75em) { .sn_label_text.__split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 3fr); align-items: start; gap: 1.5rem; } } .sn_label_text.__split .sn_label_text__label { justify-self: start; } .sn_chip { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; border: 0; padding: 0; color: unset; text-align: unset; display: inline-flex; align-items: center; flex-shrink: 0; padding: 0.25rem 0.5rem; border: 1px solid #E0DEE3; border-radius: 0.5rem; background-color: #fff; color: #100040; font-weight: 500; white-space: nowrap; text-decoration: none; cursor: pointer; transition: border-color 0.35s ease, color 0.35s ease, background-color 0.35s ease; } .sn_chip { --sn-focus-top: -0.3125rem; --sn-focus-right: -0.3125rem; --sn-focus-bottom: -0.3125rem; --sn-focus-left: -0.3125rem; --sn-focus-color: #100040; --sn-focus-border-width: 0.125rem; --sn-focus-border-radius: 0.5rem; --sn-focus-opacity: 0; position: relative; } .sn_chip::before { content: ""; position: absolute; top: var(--sn-focus-inset, var(--sn-focus-y, var(--sn-focus-top))); right: var(--sn-focus-inset, var(--sn-focus-x, var(--sn-focus-right))); bottom: var(--sn-focus-inset, var(--sn-focus-y, var(--sn-focus-bottom))); left: var(--sn-focus-inset, var(--sn-focus-x, var(--sn-focus-left))); border-width: var(--sn-focus-border-width); border-style: solid; border-radius: var(--sn-focus-border-radius); border-color: var(--sn-focus-color); opacity: var(--sn-focus-opacity); pointer-events: none; transition: border-color 0.35s ease, opacity 0.35s ease; } .sn_chip:focus-visible { --sn-focus-opacity: 1; outline: none; } .sn_chip { font-size: 1.125rem; } .sn_chip:hover { border-color: #EB5C68; } .sn_chip[aria-pressed=true], .sn_chip.__active { border-color: #EB5C68; background-color: #F8F7FA; } .sn_chip__x { width: 0; height: 1.5rem; margin-right: 0; overflow: hidden; opacity: 0; transition: width 0.35s ease, margin-right 0.35s ease, opacity 0.35s ease; } .sn_chip__x svg-sprite { width: 1.5rem; height: 1.5rem; } .sn_chip[aria-pressed=true] .sn_chip__x { width: 1.5rem; margin-right: 0.25rem; opacity: 1; } .sn_pricing_card__chip, .sn_tag { flex-shrink: 0; padding: 0.25rem 0.5rem; border: 1px solid #7757D9; border-radius: 6.25rem; color: #7757D9; text-transform: uppercase; font-weight: 500; } .sn_pricing_card__chip, .sn_tag { font-size: 0.875rem; } .sn_modal__content { position: relative; border: none; border-radius: 1.5rem; background-color: #3300CC; color: #fff; padding: 1.5rem; --bs-heading-color: #fff; } @media only screen and (min-width: 75em) { .sn_modal__content { padding: 4rem; } } .sn_modal__body { padding: 0; } .sn_modal__close { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; border: 0; padding: 0; color: unset; text-align: unset; width: 2.5rem; height: 2.5rem; position: absolute !important; top: 1.5rem; right: 1.5rem; z-index: 1; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; color: #EB5C68; background-color: #fff; cursor: pointer; transition: all 0.35s ease; } .sn_modal__close { --sn-focus-top: -0.3125rem; --sn-focus-right: -0.3125rem; --sn-focus-bottom: -0.3125rem; --sn-focus-left: -0.3125rem; --sn-focus-color: #100040; --sn-focus-border-width: 0.125rem; --sn-focus-border-radius: 50%; --sn-focus-opacity: 0; position: relative; } .sn_modal__close::before { content: ""; position: absolute; top: var(--sn-focus-inset, var(--sn-focus-y, var(--sn-focus-top))); right: var(--sn-focus-inset, var(--sn-focus-x, var(--sn-focus-right))); bottom: var(--sn-focus-inset, var(--sn-focus-y, var(--sn-focus-bottom))); left: var(--sn-focus-inset, var(--sn-focus-x, var(--sn-focus-left))); border-width: var(--sn-focus-border-width); border-style: solid; border-radius: var(--sn-focus-border-radius); border-color: var(--sn-focus-color); opacity: var(--sn-focus-opacity); pointer-events: none; transition: border-color 0.35s ease, opacity 0.35s ease; } .sn_modal__close:focus-visible { --sn-focus-opacity: 1; outline: none; } .sn_modal__close svg-sprite { display: block; width: 1.5rem; height: 1.5rem; } @media only screen and (min-width: 75em) { .sn_modal__close { top: 1.5rem; right: 1.5rem; } } .sn_modal .tagline { color: #EB5C68; font-weight: 500; } .sn_modal .sn_label_text__label { position: -webkit-sticky; position: sticky; top: 0; } .sn_modal.__login .sn_modal__content { padding: 2.5rem; border-radius: 1rem; background-color: #fff; color: #100040; box-shadow: 0 0.25rem 1.25rem rgba(17, 14, 26, 0.15); --bs-heading-color: #3300CC; } .sn_modal.__login .sn_modal__close { top: 0.75rem; right: 0.75rem; width: 2rem; height: 2rem; color: #100040; background-color: transparent; } @media only screen and (min-width: 75em) { .sn_modal.__login .sn_modal__close { top: 0.75rem; right: 0.75rem; } } .sn_login__title { margin: 0; color: #3300CC; } .sn_login__form { margin-top: 1.5rem; } .sn_login__intro { margin: 0 0 0.5rem; color: #5D5A66; font-weight: 500; } .sn_login__intro { font-size: 1rem; } .sn_login__field { position: relative; } .sn_login__field .form-control { width: 100%; padding-right: 3.25rem; } .sn_login__reveal { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; border: 0; padding: 0; color: unset; text-align: unset; position: absolute !important; top: 50%; right: 1rem; transform: translateY(-50%); display: inline-flex; align-items: center; justify-content: center; width: 1.5rem; height: 1.5rem; color: #5D5A66; cursor: pointer; } .sn_login__reveal { --sn-focus-top: -0.3125rem; --sn-focus-right: -0.3125rem; --sn-focus-bottom: -0.3125rem; --sn-focus-left: -0.3125rem; --sn-focus-color: #100040; --sn-focus-border-width: 0.125rem; --sn-focus-border-radius: 0.375rem; --sn-focus-opacity: 0; position: relative; } .sn_login__reveal::before { content: ""; position: absolute; top: var(--sn-focus-inset, var(--sn-focus-y, var(--sn-focus-top))); right: var(--sn-focus-inset, var(--sn-focus-x, var(--sn-focus-right))); bottom: var(--sn-focus-inset, var(--sn-focus-y, var(--sn-focus-bottom))); left: var(--sn-focus-inset, var(--sn-focus-x, var(--sn-focus-left))); border-width: var(--sn-focus-border-width); border-style: solid; border-radius: var(--sn-focus-border-radius); border-color: var(--sn-focus-color); opacity: var(--sn-focus-opacity); pointer-events: none; transition: border-color 0.35s ease, opacity 0.35s ease; } .sn_login__reveal:focus-visible { --sn-focus-opacity: 1; outline: none; } .sn_login__reveal .sn_login__reveal__on, .sn_login__reveal .sn_login__reveal__off { display: block; width: 1.5rem; height: 1.5rem; } .sn_login__reveal .sn_login__reveal__off { display: none; } .sn_login__reveal[aria-pressed=true] .sn_login__reveal__on { display: none; } .sn_login__reveal[aria-pressed=true] .sn_login__reveal__off { display: block; } .sn_login__actions { margin-top: 2rem; display: flex; flex-direction: column; gap: 1rem; } .sn_login__actions .btn { width: 100%; justify-content: space-between; } body.__overflow_hidden { overflow: hidden; padding-right: var(--sn-scrollbar-width, 0); } .sn_header { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .sn_header__spacer { height: 4rem; } @media only screen and (min-width: 75em) { .sn_header__spacer { height: 7.75rem; } } .sn_header__topbar { display: none; font-size: 0; } @media only screen and (min-width: 75em) { .sn_header__topbar { display: block; background-color: #3300CC; color: #fff; } } .sn_header__topbar__inner { display: flex; align-items: center; justify-content: flex-end; gap: 1.5rem; height: 2.5rem; } .sn_header__topbar__links { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; gap: 1.5rem; } .sn_header__topbar__links a { color: #fff; font-size: 0.875rem; text-decoration: none; -webkit-text-decoration-line: underline; text-decoration-line: underline; text-decoration-thickness: 0.05em; text-underline-offset: 0.3em; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; -webkit-text-decoration-color: transparent; text-decoration-color: transparent; } .sn_header__topbar__links a { --sn-focus-top: -0.3125rem; --sn-focus-right: -0.3125rem; --sn-focus-bottom: -0.3125rem; --sn-focus-left: -0.3125rem; --sn-focus-color: #fff; --sn-focus-border-width: 0.125rem; --sn-focus-border-radius: 0.375rem; --sn-focus-opacity: 0; position: relative; } .sn_header__topbar__links a::before { content: ""; position: absolute; top: var(--sn-focus-inset, var(--sn-focus-y, var(--sn-focus-top))); right: var(--sn-focus-inset, var(--sn-focus-x, var(--sn-focus-right))); bottom: var(--sn-focus-inset, var(--sn-focus-y, var(--sn-focus-bottom))); left: var(--sn-focus-inset, var(--sn-focus-x, var(--sn-focus-left))); border-width: var(--sn-focus-border-width); border-style: solid; border-radius: var(--sn-focus-border-radius); border-color: var(--sn-focus-color); opacity: var(--sn-focus-opacity); pointer-events: none; transition: border-color 0.35s ease, opacity 0.35s ease; } .sn_header__topbar__links a:focus-visible { --sn-focus-opacity: 1; outline: none; } .sn_header__topbar__links a:hover { -webkit-text-decoration-color: currentColor; text-decoration-color: currentColor; } .sn_header__bar { background-color: #F8F7FA; } @media only screen and (min-width: 0em) and (max-width: 74.99em) { .sn_header__bar { position: relative; z-index: 3; } } .sn_header__bar__inner { height: 4rem; display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; } @media only screen and (min-width: 75em) { .sn_header__bar__inner { height: 5.25rem; padding-top: 0.75rem; padding-bottom: 0.75rem; } } .sn_header__logo { display: block; flex-shrink: 0; width: 7.5rem; } .sn_header__logo { --sn-focus-top: -0.3125rem; --sn-focus-right: -0.3125rem; --sn-focus-bottom: -0.3125rem; --sn-focus-left: -0.3125rem; --sn-focus-color: #100040; --sn-focus-border-width: 0.125rem; --sn-focus-border-radius: 0.375rem; --sn-focus-opacity: 0; position: relative; } .sn_header__logo::before { content: ""; position: absolute; top: var(--sn-focus-inset, var(--sn-focus-y, var(--sn-focus-top))); right: var(--sn-focus-inset, var(--sn-focus-x, var(--sn-focus-right))); bottom: var(--sn-focus-inset, var(--sn-focus-y, var(--sn-focus-bottom))); left: var(--sn-focus-inset, var(--sn-focus-x, var(--sn-focus-left))); border-width: var(--sn-focus-border-width); border-style: solid; border-radius: var(--sn-focus-border-radius); border-color: var(--sn-focus-color); opacity: var(--sn-focus-opacity); pointer-events: none; transition: border-color 0.35s ease, opacity 0.35s ease; } .sn_header__logo:focus-visible { --sn-focus-opacity: 1; outline: none; } @media only screen and (min-width: 75em) { .sn_header__logo { width: 8.9375rem; } } .sn_header__logo svg { display: block; width: 100%; height: auto; } .sn_header__toggle { flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; color: #EB5C68; } .sn_header__toggle { --sn-focus-top: -0.3125rem; --sn-focus-right: -0.3125rem; --sn-focus-bottom: -0.3125rem; --sn-focus-left: -0.3125rem; --sn-focus-color: #100040; --sn-focus-border-width: 0.125rem; --sn-focus-border-radius: 0.375rem; --sn-focus-opacity: 0; position: relative; } .sn_header__toggle::before { content: ""; position: absolute; top: var(--sn-focus-inset, var(--sn-focus-y, var(--sn-focus-top))); right: var(--sn-focus-inset, var(--sn-focus-x, var(--sn-focus-right))); bottom: var(--sn-focus-inset, var(--sn-focus-y, var(--sn-focus-bottom))); left: var(--sn-focus-inset, var(--sn-focus-x, var(--sn-focus-left))); border-width: var(--sn-focus-border-width); border-style: solid; border-radius: var(--sn-focus-border-radius); border-color: var(--sn-focus-color); opacity: var(--sn-focus-opacity); pointer-events: none; transition: border-color 0.35s ease, opacity 0.35s ease; } .sn_header__toggle:focus-visible { --sn-focus-opacity: 1; outline: none; } @media only screen and (min-width: 75em) { .sn_header__toggle { display: none; } } .sn_header__toggle__bars { position: relative; /* Usage: HTML: SCSS: .hamburger { @include hamburger($width: 23px, $height: 22px, $bar-height: 2px); &:hover, &:active { > span { background: $primary; } } > span { background: $body-color; } } */ display: block; width: 1.5rem; height: 1.125rem; transform: rotate3d(0, 0, 1, 0deg); transition: transform 0.75s cubic-bezier(0.7, 0, 0, 1); } .sn_header__toggle__bars > span { width: 1.5rem; height: 0.125rem; display: block; position: absolute; left: 0; transition: background 0.35s ease, transform 0.75s cubic-bezier(0.7, 0, 0, 1); } .sn_header__toggle__bars > span:nth-child(1) { top: 0; } .sn_header__toggle__bars > span:nth-child(2), .sn_header__toggle__bars > span:nth-child(3) { top: 0.5rem; transform: rotate3d(0, 0, 1, 0deg); } .sn_header__toggle__bars > span:nth-child(4) { top: 1rem; } .sn_header__toggle__bars > span:nth-child(1), .sn_header__toggle__bars > span:nth-child(4) { transform: rotate3d(0, 1, 0, 0deg); } body.__menu_open .sn_header__toggle__bars { transform: rotate3d(0, 0, 1, 180deg); } body.__menu_open .sn_header__toggle__bars > span:nth-child(1), body.__menu_open .sn_header__toggle__bars > span:nth-child(4) { transform: rotate3d(0, 1, 0, 90deg); } body.__menu_open .sn_header__toggle__bars > span:nth-child(2) { transform: rotate3d(0, 0, 1, -45deg); } body.__menu_open .sn_header__toggle__bars > span:nth-child(3) { transform: rotate3d(0, 0, 1, 45deg); } .sn_header__toggle__bars > span { background-color: currentColor; } .sn_header__nav { position: fixed; top: 4rem; right: 0; bottom: 0; left: 0; z-index: 1; background-color: #F8F7FA; padding-top: 1.25rem; padding-bottom: 4rem; overflow-y: auto; overscroll-behavior: contain; border-top: 1px solid #E0DEE3; visibility: hidden; opacity: 0; transform: translateX(100%); transition: opacity 0.35s ease, transform 0.35s ease, visibility 0s 0.35s; } @media only screen and (min-width: 75em) { .sn_header__nav { position: static; z-index: auto; background: none; padding: 0; overflow: visible; flex: 1 1 auto; visibility: visible; opacity: 1; transform: none; transition: none; border-top: none; } } .sn_header__nav__inner { display: flex; flex-direction: column; min-height: 100%; } @media only screen and (min-width: 75em) { .sn_header__nav__inner { display: flex; flex-direction: row; justify-content: center; min-height: 0; } } .sn_header__nav__footer { margin-top: auto; padding-top: 2rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; } @media only screen and (min-width: 75em) { .sn_header__nav__footer { display: none; } } @media only screen and (min-width: 0em) and (max-width: 74.99em) { body.__menu_open .sn_header__nav { visibility: visible; opacity: 1; transform: none; transition: opacity 0.35s ease, transform 0.35s ease, visibility 0s 0s; } } .sn_header__menu { list-style: none; margin: 0; padding: 0; } @media only screen and (min-width: 75em) { .sn_header__menu { display: flex; align-items: center; gap: 1.5rem; } } @media only screen and (min-width: 0em) and (max-width: 74.99em) { .sn_header__menu__i { border-bottom: 1px solid transparent; } } .sn_header__menu__link { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; border: 0; padding: 0; color: unset; text-align: unset; display: flex; align-items: center; width: 100%; gap: 0.5rem; min-height: 2.5rem; font-size: 1.125rem; line-height: 1.3; color: #100040; text-decoration: none; cursor: pointer; } .sn_header__menu__link { --sn-focus-top: -0.3125rem; --sn-focus-right: -0.3125rem; --sn-focus-bottom: -0.3125rem; --sn-focus-left: -0.3125rem; --sn-focus-color: #3300CC; --sn-focus-border-width: 0.125rem; --sn-focus-border-radius: 0.375rem; --sn-focus-opacity: 0; position: relative; } .sn_header__menu__link::before { content: ""; position: absolute; top: var(--sn-focus-inset, var(--sn-focus-y, var(--sn-focus-top))); right: var(--sn-focus-inset, var(--sn-focus-x, var(--sn-focus-right))); bottom: var(--sn-focus-inset, var(--sn-focus-y, var(--sn-focus-bottom))); left: var(--sn-focus-inset, var(--sn-focus-x, var(--sn-focus-left))); border-width: var(--sn-focus-border-width); border-style: solid; border-radius: var(--sn-focus-border-radius); border-color: var(--sn-focus-color); opacity: var(--sn-focus-opacity); pointer-events: none; transition: border-color 0.35s ease, opacity 0.35s ease; } .sn_header__menu__link:focus-visible { --sn-focus-opacity: 1; outline: none; } .sn_header__menu__link .tx { margin-right: auto; } @media only screen and (min-width: 75em) { .sn_header__menu__link { min-height: 0; gap: 0.25rem; font-size: 1rem; letter-spacing: -0.03em; } .sn_header__menu__link .tx { margin-right: 0; } } .sn_header__menu__link .tx { border-bottom: 1.5px solid transparent; } @media only screen and (min-width: 75em) { .sn_header__menu__link:hover { color: #3300CC; } } .sn_header__menu__chevron { width: 1.5rem; height: 1.5rem; transition: transform 0.35s ease; } @media only screen and (min-width: 0em) and (max-width: 74.99em) { .sn_header__menu__chevron { transform: rotate(-90deg); } } @media only screen and (min-width: 75em) { .sn_header__menu__link[aria-expanded=true] { color: #3300CC; } .sn_header__menu__link[aria-expanded=true] .tx { border-bottom-color: #EB5C68; } .sn_header__menu__link[aria-expanded=true] .sn_header__menu__chevron { transform: rotate(180deg); } } @media only screen and (min-width: 75em) { .sn_header__menu__link.current-menu-item, .sn_header__menu__link.current-page-parent, .sn_header__menu__link.current-page-ancestor { color: #3300CC; } .sn_header__menu__link.current-menu-item .tx, .sn_header__menu__link.current-page-parent .tx, .sn_header__menu__link.current-page-ancestor .tx { border-bottom-color: #EB5C68; } } .sn_header__mega { position: fixed; top: 4rem; right: 0; bottom: 0; left: 0; z-index: 2; background-color: #F8F7FA; padding-top: 1.25rem; padding-bottom: 4rem; overflow-y: auto; overscroll-behavior: contain; border-top: 1px solid #E0DEE3; visibility: hidden; opacity: 0; transform: translateX(100%); transition: opacity 0.35s ease, transform 0.35s ease, visibility 0s 0.35s; } .sn_header__mega.__open { visibility: visible; opacity: 1; transform: none; transition: opacity 0.35s ease, transform 0.35s ease, visibility 0s 0s; } @media only screen and (min-width: 75em) { .sn_header__mega { position: absolute; inset: auto 0 auto 0; top: 100%; z-index: 10; padding: 2.5rem 0; background-color: #F8F7FA; border-bottom: 0.125rem solid #3300CC; overflow: visible; transform: translateY(-0.5rem); } .sn_header__mega.__open { transform: translateY(0); } } @media only screen and (min-width: 75em) { .sn_header__mega__inner { padding-top: 0; padding-bottom: 0; } } .sn_header__mega__head { margin-bottom: 1rem; } @media only screen and (min-width: 75em) { .sn_header__mega__head { display: none; } } .sn_header__mega__back { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; border: 0; padding: 0; color: unset; text-align: unset; display: inline-flex; align-items: center; gap: 0.75rem; min-height: 2.5rem; font-size: 1.125rem; font-weight: 600; color: #100040; cursor: pointer; } .sn_header__mega__back { --sn-focus-top: -0.3125rem; --sn-focus-right: -0.3125rem; --sn-focus-bottom: -0.3125rem; --sn-focus-left: -0.3125rem; --sn-focus-color: #3300CC; --sn-focus-border-width: 0.125rem; --sn-focus-border-radius: 0.375rem; --sn-focus-opacity: 0; position: relative; } .sn_header__mega__back::before { content: ""; position: absolute; top: var(--sn-focus-inset, var(--sn-focus-y, var(--sn-focus-top))); right: var(--sn-focus-inset, var(--sn-focus-x, var(--sn-focus-right))); bottom: var(--sn-focus-inset, var(--sn-focus-y, var(--sn-focus-bottom))); left: var(--sn-focus-inset, var(--sn-focus-x, var(--sn-focus-left))); border-width: var(--sn-focus-border-width); border-style: solid; border-radius: var(--sn-focus-border-radius); border-color: var(--sn-focus-color); opacity: var(--sn-focus-opacity); pointer-events: none; transition: border-color 0.35s ease, opacity 0.35s ease; } .sn_header__mega__back:focus-visible { --sn-focus-opacity: 1; outline: none; } .sn_header__mega__back svg-sprite { width: 1.5rem; height: 1.5rem; color: #EB5C68; } .sn_header__mega__list { list-style: none; margin: 0; padding: 0; } @media only screen and (min-width: 75em) { .sn_header__mega__list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; grid-auto-rows: 1fr; } } @media only screen and (min-width: 75em) { .sn_header__mega__card.__parent { align-self: end; } } .sn_header__mega__card__link { display: flex; flex-direction: column; gap: 0.5rem; text-decoration: none; color: #100040; min-height: 2.5rem; justify-content: center; } .sn_header__mega__card__link { --sn-focus-top: -0.3125rem; --sn-focus-right: -0.3125rem; --sn-focus-bottom: -0.3125rem; --sn-focus-left: -0.3125rem; --sn-focus-color: #3300CC; --sn-focus-border-width: 0.125rem; --sn-focus-border-radius: 0.375rem; --sn-focus-opacity: 0; position: relative; } .sn_header__mega__card__link::before { content: ""; position: absolute; top: var(--sn-focus-inset, var(--sn-focus-y, var(--sn-focus-top))); right: var(--sn-focus-inset, var(--sn-focus-x, var(--sn-focus-right))); bottom: var(--sn-focus-inset, var(--sn-focus-y, var(--sn-focus-bottom))); left: var(--sn-focus-inset, var(--sn-focus-x, var(--sn-focus-left))); border-width: var(--sn-focus-border-width); border-style: solid; border-radius: var(--sn-focus-border-radius); border-color: var(--sn-focus-color); opacity: var(--sn-focus-opacity); pointer-events: none; transition: border-color 0.35s ease, opacity 0.35s ease; } .sn_header__mega__card__link:focus-visible { --sn-focus-opacity: 1; outline: none; } .sn_header__mega__card__link .head { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; padding-left: 0.5rem; } .sn_header__mega__card__link .title { font-size: 1.125rem; } .sn_header__mega__card__link .arrow { display: none; } @media only screen and (min-width: 75em) { .sn_header__mega__card__link .arrow { display: block; opacity: 0; transition: opacity 0.35s ease; } } @media only screen and (min-width: 75em) { .sn_header__mega__card__link { justify-content: flex-start; } .sn_header__mega__card__link:hover .title, .sn_header__mega__card__link:focus-visible .title { color: #3300CC; font-weight: 500; } .sn_header__mega__card__link:hover .arrow, .sn_header__mega__card__link:focus-visible .arrow { opacity: 1; } .sn_header__mega__card__link:hover .btn__icon__i:first-child, .sn_header__mega__card__link:focus-visible .btn__icon__i:first-child { left: 1px; } .sn_header__mega__card__link:hover .btn__icon__i:last-child, .sn_header__mega__card__link:focus-visible .btn__icon__i:last-child { left: 26px; } .sn_header__mega__card__link:hover .sn_header__mega__card__media img, .sn_header__mega__card__link:focus-visible .sn_header__mega__card__media img { transform: scale(1.05); } } .sn_header__mega__card__media { display: none; } @media only screen and (min-width: 75em) { .sn_header__mega__card__media { display: block; position: relative; height: 17.5rem; border-radius: 1rem; overflow: hidden; } } .sn_header__mega__card__media::after { content: ""; position: absolute; inset: 0; background-color: rgba(51, 0, 204, 0.6); mix-blend-mode: color; } .sn_header__mega__card__media picture { display: block; width: 100%; height: 100%; } .sn_header__mega__card__media img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block; transition: transform 0.75s cubic-bezier(0.7, 0, 0, 1); } .sn_header__mega__card__parent { position: relative; display: flex; min-height: 2.5rem; color: #100040; } @media only screen and (min-width: 75em) { .sn_header__mega__card__parent { height: 17.5rem; border: 1px solid #CEC2F2; border-radius: 1rem; overflow: hidden; background-color: #fff; } } .sn_header__mega__card__parent a { position: relative; flex: 1; display: flex; align-items: center; justify-content: flex-start; height: auto; padding-left: 0.5rem; } @media only screen and (min-width: 75em) { .sn_header__mega__card__parent a { justify-content: center; padding: 1.5rem; } } .sn_header__mega__card__parent__bg { display: none; } @media only screen and (min-width: 75em) { .sn_header__mega__card__parent__bg { display: block; position: absolute; inset: 0; pointer-events: none; } } .sn_header__mega__card__parent__bg picture, .sn_header__mega__card__parent__bg img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .sn_header__secondary { list-style: none; margin: 0; padding: 0; margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #E0DEE3; } @media only screen and (min-width: 75em) { .sn_header__secondary { display: none; } } .sn_header__secondary a { display: flex; align-items: center; min-height: 2.5rem; font-size: 1.125rem; color: #100040; text-decoration: none; } .sn_header__secondary a { --sn-focus-top: -0.3125rem; --sn-focus-right: -0.3125rem; --sn-focus-bottom: -0.3125rem; --sn-focus-left: -0.3125rem; --sn-focus-color: #3300CC; --sn-focus-border-width: 0.125rem; --sn-focus-border-radius: 0.375rem; --sn-focus-opacity: 0; position: relative; } .sn_header__secondary a::before { content: ""; position: absolute; top: var(--sn-focus-inset, var(--sn-focus-y, var(--sn-focus-top))); right: var(--sn-focus-inset, var(--sn-focus-x, var(--sn-focus-right))); bottom: var(--sn-focus-inset, var(--sn-focus-y, var(--sn-focus-bottom))); left: var(--sn-focus-inset, var(--sn-focus-x, var(--sn-focus-left))); border-width: var(--sn-focus-border-width); border-style: solid; border-radius: var(--sn-focus-border-radius); border-color: var(--sn-focus-color); opacity: var(--sn-focus-opacity); pointer-events: none; transition: border-color 0.35s ease, opacity 0.35s ease; } .sn_header__secondary a:focus-visible { --sn-focus-opacity: 1; outline: none; } .sn_header__contact { flex-shrink: 0; display: none; } @media only screen and (min-width: 75em) { .sn_header__contact { display: block; } } .sn_header__nav__footer .sn_socials { color: #100040; } body.__app .sn_header__bar { background-color: #3300CC; } body.__app .sn_header__logo svg path { fill: #EB5C68; } @media only screen and (min-width: 75em) { body.__app .sn_header__logo svg path { fill: #fff; } } body.__app .sn_header__toggle { color: #fff; } @media only screen and (min-width: 75em) { body.__app .sn_header__menu__link { color: #fff; } body.__app .sn_header__menu__link:hover { color: #CEC2F2; } body.__app .sn_header__menu__link[aria-expanded=true], body.__app .sn_header__menu__link.current-menu-item, body.__app .sn_header__menu__link.current-page-parent, body.__app .sn_header__menu__link.current-page-ancestor { color: #CEC2F2; } body.__app .sn_header__menu__link[aria-expanded=true] .tx, body.__app .sn_header__menu__link.current-menu-item .tx, body.__app .sn_header__menu__link.current-page-parent .tx, body.__app .sn_header__menu__link.current-page-ancestor .tx { border-bottom-color: #EB5C68; } } .sn_footer__main { position: relative; background-color: #3300CC; color: #fff; padding-block: 5rem 3rem; } @media only screen and (min-width: 75em) { .sn_footer__main { padding-block: 7.5rem 3rem; } } .sn_footer__inner { position: relative; z-index: 1; display: flex; flex-direction: column; gap: 2.5rem; } @media only screen and (min-width: 75em) { .sn_footer__inner { gap: 3rem; } } .sn_footer__mark { position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); z-index: 2; color: #EB5C68; width: 4rem; height: 5rem; } @media only screen and (min-width: 75em) { .sn_footer__mark { width: 5.3125rem; height: 6.75rem; } } .sn_footer__mark svg-sprite { display: block; width: 100%; height: 100%; } .sn_footer__decor { position: absolute; inset: 0; overflow: hidden; z-index: 0; pointer-events: none; } .sn_footer__decor__i { position: absolute; display: block; } .sn_footer__decor__i.__right { top: 3.75rem; right: -3.125rem; width: 14.6875rem; height: 18.625rem; } @media only screen and (min-width: 75em) { .sn_footer__decor__i.__right { top: 0; right: 0; width: 30.1875rem; height: 37.875rem; } } .sn_footer__decor__i.__left { bottom: -2.5rem; left: -4.375rem; width: 18.75rem; height: 23.75rem; } @media only screen and (min-width: 75em) { .sn_footer__decor__i.__left { bottom: auto; top: 16.625rem; left: 0; width: 24.1875rem; height: 30.6875rem; } } .sn_footer__nav { display: flex; flex-direction: column; gap: 1.5rem; } @media only screen and (min-width: 75em) { .sn_footer__nav { flex-direction: row; justify-content: space-between; align-items: flex-start; gap: 1.5rem; } } .sn_footer__col__heading { margin: 0; font: inherit; color: inherit; } .sn_footer__col__toggle { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; border: 0; padding: 0; color: unset; text-align: unset; display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; width: 100%; min-height: 2rem; color: #fff; font-size: 1.125rem; font-weight: 500; cursor: pointer; } .sn_footer__col__toggle { --sn-focus-top: -0.3125rem; --sn-focus-right: -0.3125rem; --sn-focus-bottom: -0.3125rem; --sn-focus-left: -0.3125rem; --sn-focus-color: #fff; --sn-focus-border-width: 0.125rem; --sn-focus-border-radius: 0.375rem; --sn-focus-opacity: 0; position: relative; } .sn_footer__col__toggle::before { content: ""; position: absolute; top: var(--sn-focus-inset, var(--sn-focus-y, var(--sn-focus-top))); right: var(--sn-focus-inset, var(--sn-focus-x, var(--sn-focus-right))); bottom: var(--sn-focus-inset, var(--sn-focus-y, var(--sn-focus-bottom))); left: var(--sn-focus-inset, var(--sn-focus-x, var(--sn-focus-left))); border-width: var(--sn-focus-border-width); border-style: solid; border-radius: var(--sn-focus-border-radius); border-color: var(--sn-focus-color); opacity: var(--sn-focus-opacity); pointer-events: none; transition: border-color 0.35s ease, opacity 0.35s ease; } .sn_footer__col__toggle:focus-visible { --sn-focus-opacity: 1; outline: none; } @media only screen and (min-width: 75em) { .sn_footer__col__toggle { pointer-events: none; cursor: default; margin-bottom: 1.5rem; font-weight: 600; } } .sn_footer__col__icon { flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; width: 1.625rem; height: 1.625rem; border: 1px solid #EB5C68; border-radius: 6.25rem; } @media only screen and (min-width: 75em) { .sn_footer__col__icon { display: none; } } .sn_footer__col__chevron { width: 1.5rem; height: 1.5rem; transition: transform 0.35s ease; } .sn_footer__col__toggle[aria-expanded=true] .sn_footer__col__chevron, .sn_footer__col__toggle[aria-expanded=true] .sn_footer__col__chevron { transform: rotate(180deg); } @media only screen and (min-width: 75em) { .sn_footer__col__body { display: block !important; height: auto !important; visibility: visible !important; } } .sn_footer__col__list { list-style: none; margin: 1rem 0 0; padding: 0; display: flex; flex-direction: column; gap: 1rem; } @media only screen and (min-width: 75em) { .sn_footer__col__list { margin-top: 0; } } .sn_footer__col__list a { color: #fff; font-size: 1.125rem; -webkit-text-decoration-line: underline; text-decoration-line: underline; text-decoration-thickness: 0.05em; text-underline-offset: 0.3em; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; -webkit-text-decoration-color: transparent; text-decoration-color: transparent; } .sn_footer__col__list a { --sn-focus-top: -0.3125rem; --sn-focus-right: -0.3125rem; --sn-focus-bottom: -0.3125rem; --sn-focus-left: -0.3125rem; --sn-focus-color: #fff; --sn-focus-border-width: 0.125rem; --sn-focus-border-radius: 0.375rem; --sn-focus-opacity: 0; position: relative; } .sn_footer__col__list a::before { content: ""; position: absolute; top: var(--sn-focus-inset, var(--sn-focus-y, var(--sn-focus-top))); right: var(--sn-focus-inset, var(--sn-focus-x, var(--sn-focus-right))); bottom: var(--sn-focus-inset, var(--sn-focus-y, var(--sn-focus-bottom))); left: var(--sn-focus-inset, var(--sn-focus-x, var(--sn-focus-left))); border-width: var(--sn-focus-border-width); border-style: solid; border-radius: var(--sn-focus-border-radius); border-color: var(--sn-focus-color); opacity: var(--sn-focus-opacity); pointer-events: none; transition: border-color 0.35s ease, opacity 0.35s ease; } .sn_footer__col__list a:focus-visible { --sn-focus-opacity: 1; outline: none; } .sn_footer__col__list a:hover { -webkit-text-decoration-color: currentColor; text-decoration-color: currentColor; } .sn_footer__col__cta { margin-top: 1rem; } .sn_footer__cards { display: flex; flex-direction: column; gap: 1.5rem; } @media only screen and (min-width: 75em) { .sn_footer__cards { flex-direction: row; align-items: stretch; } } .sn_footer__card { position: relative; overflow: hidden; display: flex; flex-direction: column; gap: 2.5rem; padding: 1rem; border-radius: 1rem; background-color: #EB5C68; color: #fff; } @media only screen and (min-width: 75em) { .sn_footer__card { flex: 1 1 0; min-width: 0; padding: 1.5rem; } } .sn_footer__card .sn_footer__card__title { color: #fff; text-align: center; } .sn_footer__card .sn_footer__card__title { font-size: 1.5rem; } @media only screen and (min-width: 75em) { .sn_footer__card .sn_footer__card__title { font-size: 2rem; } } @media only screen and (min-width: 75em) { .sn_footer__card .sn_footer__card__title { text-align: left; } } .sn_footer__app { overflow: hidden; } .sn_footer__app__in { display: flex; align-items: flex-end; gap: 1.25rem; } .sn_footer__app__actions { display: flex; flex-direction: column; gap: 1rem; max-width: 100%; } @media only screen and (min-width: 75em) { .sn_footer__app__actions { flex-direction: row; align-items: center; } } .sn_footer__app__qr { flex: 0 1 auto; min-width: 0; display: none; width: 7.0625rem; max-width: 100%; } @media only screen and (min-width: 75em) { .sn_footer__app__qr { display: block; width: 5.75rem; } } .sn_footer__app__qr img { width: 100%; height: auto; display: block; border-radius: 0.5rem; } .sn_footer__app__stores { flex: 0 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 0.75rem; } .sn_footer__app__store { display: block; width: 8.4375rem; max-width: 100%; } .sn_footer__app__store { --sn-focus-top: -0.3125rem; --sn-focus-right: -0.3125rem; --sn-focus-bottom: -0.3125rem; --sn-focus-left: -0.3125rem; --sn-focus-color: #100040; --sn-focus-border-width: 0.125rem; --sn-focus-border-radius: 0.375rem; --sn-focus-opacity: 0; position: relative; } .sn_footer__app__store::before { content: ""; position: absolute; top: var(--sn-focus-inset, var(--sn-focus-y, var(--sn-focus-top))); right: var(--sn-focus-inset, var(--sn-focus-x, var(--sn-focus-right))); bottom: var(--sn-focus-inset, var(--sn-focus-y, var(--sn-focus-bottom))); left: var(--sn-focus-inset, var(--sn-focus-x, var(--sn-focus-left))); border-width: var(--sn-focus-border-width); border-style: solid; border-radius: var(--sn-focus-border-radius); border-color: var(--sn-focus-color); opacity: var(--sn-focus-opacity); pointer-events: none; transition: border-color 0.35s ease, opacity 0.35s ease; } .sn_footer__app__store:focus-visible { --sn-focus-opacity: 1; outline: none; } .sn_footer__app__store img { width: 100%; height: auto; display: block; } .sn_footer__app__phone { position: relative; width: 10rem; z-index: 0; opacity: 0.9; pointer-events: none; } @media only screen and (min-width: 0em) and (max-width: 74.99em) { .sn_footer__app__phone { max-width: 16.25rem; flex-grow: 1; margin-right: -1rem; margin-left: auto; margin-bottom: -1rem; } } @media only screen and (min-width: 75em) { .sn_footer__app__phone { position: absolute; right: -0.375rem; bottom: 0; width: 16.25rem; } } .sn_footer__app__phone img { width: 100%; height: auto; display: block; } .sn_footer__app .sn_footer__card__title, .sn_footer__app .sn_footer__app__actions { position: relative; z-index: 1; } .sn_footer__values__groups { display: flex; flex-direction: column; gap: 2rem; } @media only screen and (min-width: 75em) { .sn_footer__values__groups { flex-direction: row; align-items: stretch; } } .sn_footer__values__group { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: 2.5rem; } @media only screen and (min-width: 75em) { .sn_footer__values__group { justify-content: space-between; } } .sn_footer__values__badge { display: block; } .sn_footer__values__badge img { width: auto; height: 3rem; display: block; } .sn_footer__values__links { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 1rem; width: 100%; } .sn_footer__values__link { display: flex; width: 100%; height: auto; min-height: 2rem; justify-content: space-between; align-items: center; gap: 1rem; white-space: normal; text-align: left; } .sn_footer__values__link .tx { flex: 1 1 auto; white-space: normal; } .sn_footer__values__divider { flex-shrink: 0; background-color: rgba(255, 255, 255, 0.4); align-self: stretch; width: 100%; height: 1px; } @media only screen and (min-width: 75em) { .sn_footer__values__divider { width: 1px; height: auto; } } .sn_footer__bottom { display: flex; flex-direction: column; align-items: center; gap: 2.5rem; text-align: center; } @media only screen and (min-width: 75em) { .sn_footer__bottom { flex-direction: row; align-items: flex-end; justify-content: space-between; gap: 3.0625rem; text-align: left; padding-top: 0.75rem; } } .sn_footer__legal { line-height: 1.3; color: #fff; margin: 0; } @media only screen and (min-width: 75em) { .sn_footer__legal { flex: 1 1 auto; } } .sn_footer__bottom__right { display: flex; flex-direction: column; align-items: center; gap: 1.5rem; } @media only screen and (min-width: 75em) { .sn_footer__bottom__right { flex-direction: row; align-items: center; gap: 4rem; } } .sn_footer__policy { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 1.5rem; } @media only screen and (min-width: 75em) { .sn_footer__policy { justify-content: flex-end; } } .sn_footer__policy a { color: #fff; font-size: 1rem; font-weight: 500; -webkit-text-decoration-line: underline; text-decoration-line: underline; text-decoration-thickness: 0.05em; text-underline-offset: 0.3em; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } .sn_footer__policy a { --sn-focus-top: -0.3125rem; --sn-focus-right: -0.3125rem; --sn-focus-bottom: -0.3125rem; --sn-focus-left: -0.3125rem; --sn-focus-color: #fff; --sn-focus-border-width: 0.125rem; --sn-focus-border-radius: 0.375rem; --sn-focus-opacity: 0; position: relative; } .sn_footer__policy a::before { content: ""; position: absolute; top: var(--sn-focus-inset, var(--sn-focus-y, var(--sn-focus-top))); right: var(--sn-focus-inset, var(--sn-focus-x, var(--sn-focus-right))); bottom: var(--sn-focus-inset, var(--sn-focus-y, var(--sn-focus-bottom))); left: var(--sn-focus-inset, var(--sn-focus-x, var(--sn-focus-left))); border-width: var(--sn-focus-border-width); border-style: solid; border-radius: var(--sn-focus-border-radius); border-color: var(--sn-focus-color); opacity: var(--sn-focus-opacity); pointer-events: none; transition: border-color 0.35s ease, opacity 0.35s ease; } .sn_footer__policy a:focus-visible { --sn-focus-opacity: 1; outline: none; } /* Yoast Breadcrumb HTML: Dark mode: pass class="__dark" to the breadcrumb include */ .sn_breadcrumb { background-color: #F8F7FA; padding-top: 0.5rem; padding-bottom: 0.5rem; } @media only screen and (min-width: 0em) and (max-width: 74.99em) { .sn_breadcrumb { padding-top: 0.25rem; padding-bottom: 0.25rem; } } .sn_breadcrumb #breadcrumbs > span, .sn_breadcrumb .main-breadcrumbs > span { display: flex; flex-wrap: wrap; align-items: center; gap: 0.25rem; } .sn_breadcrumb #breadcrumbs > span span:not(.separator):not(.breadcrumb_last), .sn_breadcrumb .main-breadcrumbs > span span:not(.separator):not(.breadcrumb_last) { display: contents; } .sn_breadcrumb #breadcrumbs a, .sn_breadcrumb #breadcrumbs .breadcrumb_last, .sn_breadcrumb .main-breadcrumbs a, .sn_breadcrumb .main-breadcrumbs .breadcrumb_last { font-weight: 400; line-height: 1.3; white-space: nowrap; } .sn_breadcrumb #breadcrumbs a, .sn_breadcrumb #breadcrumbs .breadcrumb_last, .sn_breadcrumb .main-breadcrumbs a, .sn_breadcrumb .main-breadcrumbs .breadcrumb_last { font-size: 0.75rem; } @media only screen and (min-width: 48em) { .sn_breadcrumb #breadcrumbs a, .sn_breadcrumb #breadcrumbs .breadcrumb_last, .sn_breadcrumb .main-breadcrumbs a, .sn_breadcrumb .main-breadcrumbs .breadcrumb_last { font-size: 0.875rem; } } .sn_breadcrumb #breadcrumbs a, .sn_breadcrumb .main-breadcrumbs a { color: #7A7880; text-decoration: none; } .sn_breadcrumb #breadcrumbs a:hover, .sn_breadcrumb .main-breadcrumbs a:hover { color: #EB5C68; } .sn_breadcrumb #breadcrumbs .separator, .sn_breadcrumb .main-breadcrumbs .separator { display: inline-flex; width: 0.75rem; height: 0.75rem; align-items: center; justify-content: center; flex-shrink: 0; overflow: hidden; color: #7A7880; } .sn_breadcrumb #breadcrumbs .separator::before, .sn_breadcrumb .main-breadcrumbs .separator::before { content: "/"; font-weight: 400; line-height: 1.3; } .sn_breadcrumb #breadcrumbs .separator::before, .sn_breadcrumb .main-breadcrumbs .separator::before { font-size: 0.75rem; } @media only screen and (min-width: 48em) { .sn_breadcrumb #breadcrumbs .separator::before, .sn_breadcrumb .main-breadcrumbs .separator::before { font-size: 0.875rem; } } .sn_breadcrumb #breadcrumbs .breadcrumb_last, .sn_breadcrumb .main-breadcrumbs .breadcrumb_last { color: #2A2733; border-bottom: 1px solid currentColor; } @media only screen and (min-width: 0em) and (max-width: 74.99em) { .sn_breadcrumb #breadcrumbs > span, .sn_breadcrumb .main-breadcrumbs > span { position: relative; flex-wrap: nowrap; overflow: hidden; } .sn_breadcrumb #breadcrumbs > span::after, .sn_breadcrumb .main-breadcrumbs > span::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; width: 4rem; pointer-events: none; background: linear-gradient(to right, rgba(248, 247, 250, 0) 0%, #F8F7FA 100%); } .bg-secondary .sn_breadcrumb #breadcrumbs > span::after, .bg-secondary .sn_breadcrumb .main-breadcrumbs > span::after { background: linear-gradient(to right, rgba(51, 0, 204, 0) 0%, #3300CC 100%); } } .sn_breadcrumb.__dark { background-color: transparent; } .sn_breadcrumb.__dark #breadcrumbs a, .sn_breadcrumb.__dark .main-breadcrumbs a { color: #ADAAB5; } .sn_breadcrumb.__dark #breadcrumbs a:hover, .sn_breadcrumb.__dark .main-breadcrumbs a:hover { color: #EB5C68; } .sn_breadcrumb.__dark #breadcrumbs .separator, .sn_breadcrumb.__dark .main-breadcrumbs .separator { color: #ADAAB5; } .sn_breadcrumb.__dark #breadcrumbs .breadcrumb_last, .sn_breadcrumb.__dark .main-breadcrumbs .breadcrumb_last { color: #F8F7FA; } @media only screen and (min-width: 0em) and (max-width: 74.99em) { .sn_breadcrumb.__dark #breadcrumbs #breadcrumbs > span::after, .sn_breadcrumb.__dark #breadcrumbs .main-breadcrumbs > span::after, .sn_breadcrumb.__dark .main-breadcrumbs #breadcrumbs > span::after, .sn_breadcrumb.__dark .main-breadcrumbs .main-breadcrumbs > span::after { display: none; } } .sn_page_header { padding-block: 1.5rem; color: #fff; background-color: #EB5C68; --bs-heading-color: #fff; } @media only screen and (min-width: 75em) { .sn_page_header { padding-block: 2rem; } } .sn_page_header .sn_label { --sn-label-bg: #3300CC; } .sn_pagination { display: flex; align-items: center; justify-content: center; gap: 0.75rem; } @media only screen and (min-width: 75em) { .sn_pagination { gap: 1.5rem; } } .sn_pagination__arrow { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; border: 1px solid #EB5C68; border-radius: 6.25rem; background-color: #fff; color: #100040; text-decoration: none; transition: color 0.35s ease, background-color 0.35s ease; width: 2.5rem; height: 2.5rem; } .sn_pagination__arrow { --sn-focus-top: -0.3125rem; --sn-focus-right: -0.3125rem; --sn-focus-bottom: -0.3125rem; --sn-focus-left: -0.3125rem; --sn-focus-color: #100040; --sn-focus-border-width: 0.125rem; --sn-focus-border-radius: 6.25rem; --sn-focus-opacity: 0; position: relative; } .sn_pagination__arrow::before { content: ""; position: absolute; top: var(--sn-focus-inset, var(--sn-focus-y, var(--sn-focus-top))); right: var(--sn-focus-inset, var(--sn-focus-x, var(--sn-focus-right))); bottom: var(--sn-focus-inset, var(--sn-focus-y, var(--sn-focus-bottom))); left: var(--sn-focus-inset, var(--sn-focus-x, var(--sn-focus-left))); border-width: var(--sn-focus-border-width); border-style: solid; border-radius: var(--sn-focus-border-radius); border-color: var(--sn-focus-color); opacity: var(--sn-focus-opacity); pointer-events: none; transition: border-color 0.35s ease, opacity 0.35s ease; } .sn_pagination__arrow:focus-visible { --sn-focus-opacity: 1; outline: none; } .sn_pagination__arrow svg-sprite { width: 1.5rem; height: 1.5rem; } .sn_pagination__arrow:hover { background-color: #EB5C68; color: #fff; } .sn_pagination__arrow.__disabled { opacity: 0.2; pointer-events: none; } .sn_pagination__pages { display: flex; align-items: center; gap: 0.75rem; margin: 0; padding: 0; list-style: none; } .sn_pagination__link { display: inline-flex; align-items: center; justify-content: center; min-width: 2.25rem; padding: 0.25rem; border-bottom: 2px solid transparent; color: #100040; text-decoration: none; font-weight: 400; transition: color 0.35s ease; } .sn_pagination__link { font-size: 1.25rem; } .sn_pagination__link:hover { color: #3300CC; } .sn_pagination__link.__active { border-bottom-color: #EB5C68; color: #3300CC; font-weight: 600; } .sn_pagination__dots { color: #100040; } .sn_pagination__dots { font-size: 1.25rem; } .sn_faq_item { border-radius: 1rem; background-color: #FBFAFC; } .sn_faq_item.__white { background-color: #fff; } .sn_faq_item__heading { margin: 0; } .sn_faq_item__trigger { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; border: 0; padding: 0; color: unset; text-align: unset; display: flex; align-items: center; gap: 2rem; width: 100%; text-align: left; cursor: pointer; padding: 1rem; color: #100040; } .sn_faq_item__trigger { --sn-focus-top: -0.3125rem; --sn-focus-right: -0.3125rem; --sn-focus-bottom: -0.3125rem; --sn-focus-left: -0.3125rem; --sn-focus-color: #100040; --sn-focus-border-width: 0.125rem; --sn-focus-border-radius: 1rem; --sn-focus-opacity: 0; position: relative; } .sn_faq_item__trigger::before { content: ""; position: absolute; top: var(--sn-focus-inset, var(--sn-focus-y, var(--sn-focus-top))); right: var(--sn-focus-inset, var(--sn-focus-x, var(--sn-focus-right))); bottom: var(--sn-focus-inset, var(--sn-focus-y, var(--sn-focus-bottom))); left: var(--sn-focus-inset, var(--sn-focus-x, var(--sn-focus-left))); border-width: var(--sn-focus-border-width); border-style: solid; border-radius: var(--sn-focus-border-radius); border-color: var(--sn-focus-color); opacity: var(--sn-focus-opacity); pointer-events: none; transition: border-color 0.35s ease, opacity 0.35s ease; } .sn_faq_item__trigger:focus-visible { --sn-focus-opacity: 1; outline: none; } @media only screen and (min-width: 75em) { .sn_faq_item__trigger { padding: 1.5rem; } } .sn_faq_item__question { flex: 1; min-width: 0; } .sn_faq_item__icon { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 1.625rem; height: 1.625rem; border-radius: 50%; color: #fff; background-color: #EB5C68; transition: transform 0.35s ease; } .sn_faq_item__icon svg-sprite { display: block; width: 1.125rem; height: 1.125rem; } .sn_faq_item__trigger[aria-expanded=true] .sn_faq_item__icon { transform: rotate(45deg); } .sn_faq_item__answer { padding: 0 1rem 1rem; } @media only screen and (min-width: 75em) { .sn_faq_item__answer { padding: 0 1.5rem 1.5rem; } } .sn_count_up { display: inline-grid; grid-template-areas: "count"; white-space: nowrap; font-variant-numeric: tabular-nums; } .sn_count_up__num, .sn_count_up__size { grid-area: count; } .sn_count_up__size { color: transparent; -webkit-user-select: none; -moz-user-select: none; user-select: none; } /** * Reveal Animations */ [data-reveal] { --reveal-delay: 0ms; --reveal-duration: 800ms; --reveal-distance: 40px; opacity: 0; transition-property: box-shadow, opacity; transition-duration: var(--reveal-duration); transition-delay: var(--reveal-delay); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } [data-reveal][data-reveal=fade-up] { transition-property: box-shadow, opacity, transform; transform: translateY(var(--reveal-distance)); } [data-reveal][data-reveal=fade-up].__is_visible { transform: translate(0, 0); } [data-reveal].__is_visible { opacity: 1; } @media (prefers-reduced-motion: reduce) { [data-reveal] { transition: none !important; opacity: 1 !important; transform: none !important; } } .sn_block { color: var(--sn-block-color); background-color: var(--sn-block-bg); scroll-margin-top: 4rem; --sn-card-bg: #F8F7FA; --sn-card-border: #E0DEE3; } @media only screen and (min-width: 75em) { .sn_block { scroll-margin-top: 7.75rem; } } .sn_block .sn_color_accent { color: var(--sn-color-accent, #7757D9); } .sn_block .sn_color_muted { color: var(--sn-color-muted, #7A7880); } .sn_block .btn-link, .sn_block .btn-link:hover, .sn_block .btn-link:focus-visible, .sn_block .btn-link:active { color: var(--sn-block-color, #100040); } .sn_block.__primary, .sn_block.__secondary { --sn-card-shadow: rgba(255, 255, 255, 0.2); } .sn_block.__primary .btn-link .btn__icon { background-color: #3300CC; color: #fff; } .sn_block.__white { --sn-block-color: #100040; --sn-block-bg: #fff; } .sn_block.__mono { --sn-block-color: #100040; --sn-block-bg: #F8F7FA; } .sn_block.__primary { --sn-block-color: #fff; --sn-block-bg: #EB5C68; --bs-heading-color: #fff; --sn-color-accent: #fff; --sn-color-muted: #fff; --sn-card-bg: rgba(255, 255, 255, 0.12); --sn-card-border: #CEC2F2; } .sn_block.__primary .sn_label { --sn-label-bg: #3300CC; } .sn_block.__secondary { --sn-block-color: #fff; --sn-block-bg: #3300CC; --bs-heading-color: #fff; --sn-color-accent: #fff; --sn-color-muted: #fff; --sn-card-bg: rgba(255, 255, 255, 0.12); --sn-card-border: #CEC2F2; } .sn_block.__decorated { position: relative; isolation: isolate; overflow: hidden; } .sn_block.__decorated::before, .sn_block.__decorated::after { content: ""; position: absolute; inset: 0; z-index: -1; opacity: 0.2; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 236 299'%3e%3cpath d='M92.7989 39.9958C92.7989 40.5481 93.2466 40.9958 93.7989 40.9958H149.888C150.909 40.9958 151.273 42.3468 150.39 42.8603L0.9973 129.736C0.689422 129.915 0.5 130.244 0.5 130.6V168.284C0.5 168.837 0.947715 169.284 1.5 169.284H152.443C153.462 169.284 153.828 170.63 152.95 171.146L0.99314 260.496C0.687615 260.676 0.5 261.004 0.5 261.358V297.5C0.5 298.052 0.947715 298.5 1.5 298.5H149.131C149.684 298.5 150.131 298.052 150.131 297.5V260.241C150.131 259.688 149.684 259.241 149.131 259.241H86.0728C85.0542 259.241 84.6877 257.896 85.5654 257.379L235.127 169.318C235.165 169.296 235.208 169.284 235.252 169.284C235.389 169.284 235.5 169.173 235.5 169.037V131.025C235.5 130.473 235.052 130.025 234.5 130.025H83.5894C82.5682 130.025 82.2038 128.674 83.0864 128.161L235.003 39.7395C235.311 39.5604 235.5 39.2312 235.5 38.8752V1.5C235.5 0.947715 235.052 0.5 234.5 0.5H93.7989C93.2466 0.5 92.7989 0.947715 92.7989 1.5V39.9958Z' fill='none' stroke='%23EB8B93'/%3e%3c/svg%3e"); background-repeat: no-repeat; pointer-events: none; } .sn_block.__decorated::before { background-position: right -3.5rem top -2.5rem; background-size: 14.75rem auto; } @media only screen and (min-width: 75em) { .sn_block.__decorated::before { background-position: right -4.875rem top 3.125rem; background-size: 29.5rem auto; } } .sn_block.__decorated::after { transform: rotate(180deg); background-position: right -4.375rem top -2.5rem; background-size: 11.8125rem auto; } @media only screen and (min-width: 75em) { .sn_block.__decorated::after { background-position: right -7.8125rem bottom 17.3125rem; background-size: 23.625rem auto; } } body.__app .sn_block { background: transparent !important; } .sn_pt_0 { padding-top: 0rem !important; } .sn_pb_0 { padding-bottom: 0rem !important; } .sn_mt_0 { margin-top: 0rem !important; } .sn_mb_0 { margin-bottom: 0rem !important; } @media only screen and (min-width: 75em) { .sn_pt_0 { padding-top: 0rem !important; } .sn_pb_0 { padding-bottom: 0rem !important; } .sn_mt_0 { margin-top: 0rem !important; } .sn_mb_0 { margin-bottom: 0rem !important; } } .sn_pt_40 { padding-top: 1.5rem !important; } .sn_pb_40 { padding-bottom: 1.5rem !important; } .sn_mt_40 { margin-top: 1.5rem !important; } .sn_mb_40 { margin-bottom: 1.5rem !important; } @media only screen and (min-width: 75em) { .sn_pt_40 { padding-top: 2.5rem !important; } .sn_pb_40 { padding-bottom: 2.5rem !important; } .sn_mt_40 { margin-top: 2.5rem !important; } .sn_mb_40 { margin-bottom: 2.5rem !important; } } .sn_pt_60 { padding-top: 2.25rem !important; } .sn_pb_60 { padding-bottom: 2.25rem !important; } .sn_mt_60 { margin-top: 2.25rem !important; } .sn_mb_60 { margin-bottom: 2.25rem !important; } @media only screen and (min-width: 75em) { .sn_pt_60 { padding-top: 3.75rem !important; } .sn_pb_60 { padding-bottom: 3.75rem !important; } .sn_mt_60 { margin-top: 3.75rem !important; } .sn_mb_60 { margin-bottom: 3.75rem !important; } } .sn_pt_80 { padding-top: 3rem !important; } .sn_pb_80 { padding-bottom: 3rem !important; } .sn_mt_80 { margin-top: 3rem !important; } .sn_mb_80 { margin-bottom: 3rem !important; } @media only screen and (min-width: 75em) { .sn_pt_80 { padding-top: 5rem !important; } .sn_pb_80 { padding-bottom: 5rem !important; } .sn_mt_80 { margin-top: 5rem !important; } .sn_mb_80 { margin-bottom: 5rem !important; } } .sn_pt_100 { padding-top: 3.75rem !important; } .sn_pb_100 { padding-bottom: 3.75rem !important; } .sn_mt_100 { margin-top: 3.75rem !important; } .sn_mb_100 { margin-bottom: 3.75rem !important; } @media only screen and (min-width: 75em) { .sn_pt_100 { padding-top: 6.25rem !important; } .sn_pb_100 { padding-bottom: 6.25rem !important; } .sn_mt_100 { margin-top: 6.25rem !important; } .sn_mb_100 { margin-bottom: 6.25rem !important; } } .sn_pt_120 { padding-top: 4.5rem !important; } .sn_pb_120 { padding-bottom: 4.5rem !important; } .sn_mt_120 { margin-top: 4.5rem !important; } .sn_mb_120 { margin-bottom: 4.5rem !important; } @media only screen and (min-width: 75em) { .sn_pt_120 { padding-top: 7.5rem !important; } .sn_pb_120 { padding-bottom: 7.5rem !important; } .sn_mt_120 { margin-top: 7.5rem !important; } .sn_mb_120 { margin-bottom: 7.5rem !important; } } .sn_pt_160 { padding-top: 6rem !important; } .sn_pb_160 { padding-bottom: 6rem !important; } .sn_mt_160 { margin-top: 6rem !important; } .sn_mb_160 { margin-bottom: 6rem !important; } @media only screen and (min-width: 75em) { .sn_pt_160 { padding-top: 10rem !important; } .sn_pb_160 { padding-bottom: 10rem !important; } .sn_mt_160 { margin-top: 10rem !important; } .sn_mb_160 { margin-bottom: 10rem !important; } } body.__app #content { position: relative; } body.__app #content::after { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; opacity: 0.2; background-image: url("data:image/svg+xml,"), url("data:image/svg+xml,"); background-repeat: no-repeat; background-position: right -2.5rem top 95vh, left -3rem top 110vh; background-size: 14.75rem 18.6875rem, 11.8125rem 15.125rem; } @media only screen and (min-width: 75em) { body.__app #content::after { background-position: right -4.875rem top 110vh, left -7.8125rem top 120vh; background-size: 29.5rem 37.75rem, 23.625rem 30.25rem; } } .sn_text_grow__layout { display: grid; grid-template-columns: 1fr; gap: 1.5rem; grid-template-areas: "intro" "map" "stats" "note"; } @media only screen and (min-width: 75em) { .sn_text_grow__layout { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: start; -moz-column-gap: 7.5rem; column-gap: 7.5rem; row-gap: 2rem; grid-template-areas: "intro map" "stats map" "note map"; } } .sn_text_grow__intro { grid-area: intro; } .sn_text_grow__map { grid-area: map; } .sn_text_grow__map__wrapper { display: flex; align-items: center; justify-content: center; width: 100%; } .sn_text_grow__map__container { background-position: center; background-repeat: no-repeat; background-size: 100% 100%; position: relative; overflow: hidden; width: 100%; } .sn_text_grow__map__container::before { content: ""; display: block; padding-top: 130.378%; } .sn_text_grow__map__region { position: absolute; left: 0; top: 0; display: flex; align-items: center; justify-content: center; } .sn_text_grow__map__region._abruzzo { top: 38%; left: 52%; } .sn_text_grow__map__region._basilicata { top: 61%; left: 75%; } .sn_text_grow__map__region._calabria { top: 74%; left: 80%; } .sn_text_grow__map__region._campania { top: 57%; left: 64%; } .sn_text_grow__map__region._emilia-romagna { top: 23%; left: 34%; } .sn_text_grow__map__region._friuli-venezia-giulia { top: 6%; left: 49%; } .sn_text_grow__map__region._lazio { top: 42%; left: 43%; } .sn_text_grow__map__region._liguria { top: 22%; left: 15%; } .sn_text_grow__map__region._lombardia { top: 9.5%; left: 23%; } .sn_text_grow__map__region._marche { top: 30%; left: 49%; } .sn_text_grow__map__region._molise { top: 47%; left: 60%; } .sn_text_grow__map__region._piemonte { top: 16%; left: 6%; } .sn_text_grow__map__region._puglia { top: 54%; left: 76%; } .sn_text_grow__map__region._sardegna { top: 61%; left: 11%; } .sn_text_grow__map__region._sicilia { top: 89%; left: 58%; } .sn_text_grow__map__region._toscana { top: 31%; left: 31%; } .sn_text_grow__map__region._trentino-alto-adige { top: 3%; left: 39%; } .sn_text_grow__map__region._umbria { top: 34%; left: 41%; } .sn_text_grow__map__region._val-daosta { top: 7%; left: 6%; } .sn_text_grow__map__region._veneto { top: 11%; left: 40%; } .sn_text_grow__map__dot { color: #100040; border-radius: 0.75rem; font-weight: 600; display: flex; align-items: center; justify-content: center; line-height: 1; } .sn_text_grow__map__dot._primary { background: #fff; border: 0.0625rem solid #EB5C68; width: auto; height: 2.1875rem; font-size: 1.125rem; padding-left: 0.5rem; padding-right: 0.5rem; } .sn_text_grow__map__dot._secondary { background: #3300CC; width: 1.5rem; height: 1.5rem; font-size: 0.6875rem; } @media only screen and (min-width: 75em) { .sn_text_grow__map__dot._secondary { width: 1.75rem; height: 1.75rem; font-size: 0.875rem; } } .sn_text_grow__map__legend { display: flex; align-items: center; flex-wrap: wrap; gap: 0.5rem 1rem; margin-top: 1rem; } .sn_text_grow__map__legend > div { display: flex; align-items: center; gap: 0.5rem; } .sn_text_grow__map__circle { flex-shrink: 0; width: 1.375rem; height: 1.125rem; border-radius: 0.375rem; border: 0.0625rem solid #EB5C68; background: #fff; } .sn_text_grow__stats { grid-area: stats; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; } .sn_text_grow__stat { display: flex; flex-direction: column; gap: 2rem; padding: 1.5rem; border: 1px solid #E0DEE3; border-radius: 1rem; } .sn_text_grow__stat__head { display: flex; flex-direction: column; gap: 0.5rem; } .sn_text_grow__stat__value { font-weight: 500; line-height: 1.2; } .sn_text_grow__stat__value { font-size: 2rem; } @media only screen and (min-width: 48em) { .sn_text_grow__stat__value { font-size: 2.5rem; } } .sn_text_grow__stat__icon { margin-top: auto; width: 1.5625rem; height: 1.9375rem; --sn-block-color: #EB5C68; color: var(--sn-block-color); } .sn_text_grow__stat__icon svg-sprite { display: block; width: 100%; height: 100%; } .sn_text_grow__note { grid-area: note; margin: 0; font-style: italic; } .sn_emo_block__card { position: relative; display: flex; flex-direction: column; gap: 1.5rem; padding: 0.75rem; overflow: hidden; border-radius: 1rem; background-color: #fff; } @media only screen and (min-width: 75em) { .sn_emo_block__card { height: 36.25rem; gap: 0; padding: 0; background-color: transparent; } } .sn_emo_block__media { position: relative; height: 15rem; overflow: hidden; border-radius: 0.5rem; -webkit-clip-path: inset(0 round 0.5rem); clip-path: inset(0 round 0.5rem); } @media only screen and (min-width: 75em) { .sn_emo_block__media { position: absolute; inset: 0; height: auto; border-radius: 0; -webkit-clip-path: none; clip-path: none; } } .sn_emo_block__media__in { width: 100%; height: 100%; position: relative; } .sn_emo_block__media video, .sn_emo_block__media picture, .sn_emo_block__media img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .sn_emo_block__media::after { content: ""; position: absolute; inset: 0; background-color: rgba(51, 0, 204, 0.6); mix-blend-mode: color; pointer-events: none; } .sn_emo_block__controls { position: absolute; z-index: 10; inset: 1.25rem 1.25rem auto; display: flex; justify-content: space-between; } .sn_emo_block__controls button { opacity: 0; } .sn_emo_block:hover .sn_emo_block__controls button { opacity: 1; } .sn_emo_block__content { display: flex; flex-direction: column; gap: 1.25rem; padding-inline: 0.25rem; color: #100040; } .sn_emo_block__content .btn-link, .sn_emo_block__content .btn-link:hover, .sn_emo_block__content .btn-link:focus-visible, .sn_emo_block__content .btn-link:active { color: inherit; } @media only screen and (min-width: 75em) { .sn_emo_block__content { position: absolute; inset: 0; z-index: 1; flex-direction: row; align-items: flex-end; justify-content: space-between; gap: 1.5rem; padding: 10.25rem 1.5rem 1.5rem; color: #fff; background-image: linear-gradient(to bottom, rgba(16, 0, 64, 0) 20%, rgba(16, 0, 64, 0.9) 95%); } } .sn_emo_block__text { display: flex; flex-direction: column; gap: 0.75rem; } @media only screen and (min-width: 75em) { .sn_emo_block__text { gap: 1rem; max-width: 39.75rem; } } .sn_emo_block__title { color: inherit; font-weight: 500; } .sn_emo_block__cta { flex-shrink: 0; } .sn_emo_text__text { max-width: 55rem; margin-inline: auto !important; text-align: center; } .sn_emo_text__text, .sn_emo_text__text p { margin: 0; line-height: 1.2; color: inherit; } .sn_app_cta__card { position: relative; overflow: hidden; display: flex; flex-direction: column; gap: 1.5rem; padding-top: 3rem; padding-bottom: 3rem; padding-left: 1.5rem; padding-right: 1.5rem; border-radius: 1rem; background-color: #3300CC; color: #fff; text-align: center; --bs-heading-color: #fff; } @media only screen and (min-width: 75em) { .sn_app_cta__card { justify-content: space-between; min-height: 32.125rem; padding: 4rem; text-align: left; } } .sn_app_cta__card .btn-link, .sn_app_cta__card .btn-link:hover, .sn_app_cta__card .btn-link:focus-visible, .sn_app_cta__card .btn-link:active { color: #fff; } @media only screen and (min-width: 75em) { .sn_app_cta__text { max-width: 37.5rem; } } .sn_app_cta__intro { margin: 1rem 0 0; } .sn_app_cta__link { margin-top: 1rem; } @media only screen and (min-width: 75em) { .sn_app_cta__link { display: none; } } .sn_app_cta__phone { width: 100%; margin-inline: auto; } @media only screen and (min-width: 75em) { .sn_app_cta__phone { position: absolute; right: 4rem; bottom: 0; z-index: 0; width: 38%; max-width: 27.5rem; margin: 0; } } @media only screen and (min-width: 0em) and (max-width: 61.99em) { .sn_app_cta__phone { margin-top: 2.5rem; margin-bottom: -5.625rem; } } .sn_app_cta__phone picture, .sn_app_cta__phone img { display: block; width: 100%; height: auto; } .sn_app_cta__download { display: flex; flex-direction: column; align-items: center; gap: 0.75rem; background: linear-gradient(to bottom, rgba(51, 0, 204, 0) 0%, #3300CC 100%); } @media only screen and (min-width: 75em) { .sn_app_cta__download { align-items: flex-start; } } .sn_app_cta__download .label { margin: 0; } .sn_app_cta__download .label { font-size: 1.125rem; } @media only screen and (min-width: 48em) { .sn_app_cta__download .label { font-size: 1.25rem; } } @media only screen and (min-width: 75em) { .sn_app_cta__download .label { display: none; } } .sn_app_cta__download .stores { display: flex; align-items: center; gap: 1rem; } .sn_app_cta__download .store { display: block; } .sn_app_cta__download .store picture, .sn_app_cta__download .store img { display: block; width: auto; height: 2rem; } @media only screen and (min-width: 62em) { .sn_app_cta__download .store picture, .sn_app_cta__download .store img { height: 3.5rem; } } .sn_app_cta__qr { display: none; margin-inline: auto; width: 4rem; height: 4rem; } @media only screen and (min-width: 75em) { .sn_app_cta__qr { display: block; position: absolute; right: 4rem; bottom: 4rem; z-index: 1; margin: 0; width: 5.375rem; height: 5.375rem; } } .sn_app_cta__qr picture, .sn_app_cta__qr img { display: block; width: 100%; height: 100%; } .sn_store_locator__head { display: flex; flex-direction: column; gap: 1.5rem; margin-bottom: 2rem; } @media only screen and (min-width: 75em) { .sn_store_locator__head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 3fr); -moz-column-gap: 4rem; column-gap: 4rem; row-gap: 1.5rem; align-items: start; margin-bottom: 5rem; grid-template-areas: "label title" ". text" ". link"; } } @media only screen and (min-width: 75em) { .sn_store_locator__label { grid-area: label; } } @media only screen and (min-width: 75em) { .sn_store_locator__title { grid-area: title; } } .sn_store_locator__text { margin: 0; } @media only screen and (min-width: 75em) { .sn_store_locator__text { grid-area: text; } } .sn_store_locator__cta_wrap { margin-top: 0.5rem; } @media only screen and (min-width: 75em) { .sn_store_locator__cta_wrap { grid-area: link; } } .sn_store_locator__maplead { margin: 0 0 1.5rem; } .sn_store_locator__map { position: relative; border-radius: 1rem; overflow: hidden; } .sn_store_locator__canvas { width: 100%; height: 27.5rem; background-color: #F8F7FA; } @media only screen and (min-width: 75em) { .sn_store_locator__canvas { height: 35rem; } } .sn_store_locator__search { position: absolute; top: 1rem; left: 1rem; right: 1rem; z-index: 2; } @media only screen and (min-width: 75em) { .sn_store_locator__search { right: auto; width: 22.5rem; } } .sn_store_locator__search gmp-place-autocomplete { display: block; width: 100%; border-radius: 0.5rem; background-color: #fff; box-shadow: 0 0.5rem 1.5rem rgba(16, 0, 64, 0.12); border: 0.0625rem solid #ADAAB5; color: #7A7880; } .sn_store_locator__card { position: absolute; z-index: 3; width: min(20rem, 80vw); padding: 1rem; border-radius: 1rem; background-color: #fff; box-shadow: 0 0.75rem 2rem rgba(16, 0, 64, 0.18); border: 0.0625rem solid #EB5C68; transform: translate(-50%, calc(-100% - 4.875rem)); font-family: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .sn_store_locator__stats { display: grid; list-style: none; padding: 0; margin: 1.875rem 0 0 0; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; position: relative; } @media only screen and (min-width: 75em) { .sn_store_locator__stats { margin: 0; padding: 0.625rem 0 0 0; gap: 1.5rem; grid-template-columns: repeat(4, minmax(0, 1fr)); padding-right: 1.5rem; padding-bottom: 1.5rem; padding-left: 1.5rem; } } .sn_store_locator__stats::before { content: ""; position: absolute; right: 0; bottom: 0; left: 0; z-index: 10; background-image: linear-gradient(rgba(248, 247, 250, 0), #F8F7FA 40%, #F8F7FA); pointer-events: none; height: 180%; display: none; } @media only screen and (min-width: 75em) { .sn_store_locator__stats::before { display: block; } } .sn_store_locator__stat { display: flex; flex-direction: column; gap: 0.5rem; padding: 1rem; border: 1px solid var(--sn-card-border, #E0DEE3); border-radius: 1rem; position: relative; z-index: 10; } @media only screen and (min-width: 0em) and (max-width: 74.99em) { .sn_store_locator__stat { justify-content: space-between; min-height: 9.375rem; } } @media only screen and (min-width: 75em) { .sn_store_locator__stat { padding: 0; border: 0; border-radius: 0; flex-direction: row; gap: 1rem; align-items: center; height: 4.6875rem; } } .sn_store_locator__stat__value { font-weight: 500; line-height: 1.1; } .sn_store_locator__stat__value { font-size: 2rem; } @media only screen and (min-width: 48em) { .sn_store_locator__stat__value { font-size: 3rem; } } .sn_store_locator__stat__label { font-size: 1rem; } @media only screen and (min-width: 48em) { .sn_store_locator__stat__label { font-size: 1.125rem; } } @media only screen and (min-width: 62em) { .sn_store_locator__main { border: 0.0625rem solid #E0DEE3; border-radius: 1rem; overflow: hidden; } } .sn_sl_card__close { position: absolute; top: 0.75rem; right: 0.75rem; display: flex; padding: 0; border: 0; background: transparent; color: #100040; cursor: pointer; width: 1.25rem; height: 1.25rem; } .sn_sl_card__close svg-sprite { display: block; width: 100%; height: 100%; } .sn_sl_card__title { margin: 0 1.5rem 0.5rem 0; font-weight: 500; color: #3300CC; font-weight: 600; } .sn_sl_card__title { font-size: 1.125rem; } @media only screen and (min-width: 48em) { .sn_sl_card__title { font-size: 1.25rem; } } .sn_sl_card__addr { margin: 0; color: #100040; } .sn_sl_card__addr { font-size: 1rem; } @media only screen and (min-width: 48em) { .sn_sl_card__addr { font-size: 1.125rem; } } .sn_sl_card__evses { list-style: none; margin: 1rem 0 0; padding: 0; display: flex; flex-direction: column; gap: 0.5rem; } .sn_sl_card__evse { display: flex; align-items: center; gap: 0.5rem; } .sn_sl_card__evse { font-size: 1rem; } @media only screen and (min-width: 48em) { .sn_sl_card__evse { font-size: 1.125rem; } } .sn_sl_card__evse svg-sprite { flex-shrink: 0; color: #3300CC; width: 1.25rem; height: 1.25rem; } .sn_sl_card__dir { width: 2rem; height: 2rem; flex-shrink: 0; display: block; color: #EB5C68; transition: color 0.2s ease; } .sn_sl_card__dir:hover, .sn_sl_card__dir:focus-visible { color: #3300CC; } .sn_sl_card__dir svg-sprite { display: block; width: 100%; height: 100%; } .sn_sl_card__content { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; } .sn_grid_partners__head { display: flex; flex-direction: column; gap: 1rem; margin-bottom: 2rem; } @media only screen and (min-width: 75em) { .sn_grid_partners__head { margin-bottom: 4rem; } } .sn_grid_partners__cols { display: flex; flex-direction: column; gap: 1rem; } @media only screen and (min-width: 75em) { .sn_grid_partners__cols { flex-direction: row; gap: 4rem; } } @media only screen and (min-width: 75em) { .sn_grid_partners__title { flex: 0 0 39rem; max-width: 39rem; } } .sn_grid_partners__text strong, .sn_grid_partners__text b { font-weight: 500; } .sn_grid_partners__grid { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; } @media only screen and (min-width: 75em) { .sn_grid_partners__grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1.5rem; } } .sn_grid_partners__item__i { display: grid; grid-template-columns: 40% 1fr; align-items: center; padding: 1rem 0; } .sn_grid_partners__item__i:not(:last-child) { border-bottom: 1px solid rgba(235, 186, 190, 0.2); } .sn_grid_partners__item__i .icon { color: #EBBABE; flex-shrink: 0; width: 2.5rem; height: 2.5rem; } .sn_grid_partners__item__i .icon svg-sprite { display: block; width: 100%; height: 100%; } .sn_grid_partners__item__i .label { margin: 0; } @media only screen and (min-width: 75em) { .sn_grid_partners__item__i { display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: 1.5rem; min-height: 11.25rem; padding: 1.5rem; border: 1px solid rgba(235, 186, 190, 0.2); border-radius: 1rem; } .sn_grid_partners__item__i .icon { width: 3rem; height: 3rem; } } .sn_grid_people { overflow: hidden; } @media only screen and (min-width: 0em) and (max-width: 61.99em) { .sn_grid_people { background-color: #F8F7FA; } } .sn_grid_people__head { display: flex; flex-direction: column; gap: 1.5rem; margin-bottom: 2rem; } @media only screen and (min-width: 75em) { .sn_grid_people__head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 3fr); -moz-column-gap: 4rem; column-gap: 4rem; row-gap: 1.5rem; align-items: start; margin-bottom: 5rem; grid-template-areas: "label title" ". text" ". link" "hero hero"; } } @media only screen and (min-width: 75em) { .sn_grid_people__label { grid-area: label; } } @media only screen and (min-width: 75em) { .sn_grid_people__title { grid-area: title; } } .sn_grid_people__text { margin: 0; } @media only screen and (min-width: 75em) { .sn_grid_people__text { grid-area: text; } } @media only screen and (min-width: 75em) { .sn_grid_people__link { grid-area: link; } } .sn_grid_people__hero { position: relative; overflow: hidden; height: 18rem; border-radius: 1rem; } @media only screen and (min-width: 75em) { .sn_grid_people__hero { grid-area: hero; height: 35.75rem; margin-top: 2rem; } } .sn_grid_people__hero::after { content: ""; position: absolute; inset: 0; background-color: rgba(51, 0, 204, 0.6); mix-blend-mode: color; pointer-events: none; border-radius: inherit; } .sn_grid_people__hero picture, .sn_grid_people__hero img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .sn_grid_people__swiper { overflow: visible; } .sn_grid_people__swiper > .swiper-wrapper > .swiper-slide { width: calc((100% - 0.05rem) / 1.05); margin-right: 1rem; } @media only screen and (min-width: 75em) { .sn_grid_people__swiper > .swiper-wrapper { display: flex; flex-direction: column; gap: 2.5rem; } .sn_grid_people__swiper > .swiper-wrapper > .swiper-slide { width: auto; } } .sn_grid_people__slide { height: auto; } .sn_grid_people__person__i { display: flex; flex-direction: column; gap: 1.5rem; height: 100%; padding: 0.75rem; border-radius: 1rem; background-color: #fff; text-align: center; } @media only screen and (min-width: 75em) { .sn_grid_people__person__i { flex-direction: row; gap: 2rem; padding: 0; background-color: transparent; text-align: left; } } .sn_grid_people__person__i .media { position: relative; overflow: hidden; height: 15rem; border-radius: 0.5rem; } @media only screen and (min-width: 75em) { .sn_grid_people__person__i .media { flex: 0 0 26.3125rem; height: 18.4375rem; border-radius: 1rem; } } .sn_grid_people__person__i .media::after { content: ""; position: absolute; inset: 0; background-color: rgba(51, 0, 204, 0.6); mix-blend-mode: color; pointer-events: none; border-radius: inherit; } .sn_grid_people__person__i .media picture, .sn_grid_people__person__i .media img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .sn_grid_people__person__i .body { display: flex; flex-direction: column; gap: 1.5rem; flex: 1; justify-content: space-between; } .sn_grid_people__person__i .quote { margin: 0; color: #100040; font-style: italic; } .sn_grid_people__person__i .quote { font-size: 1.125rem; } @media only screen and (min-width: 48em) { .sn_grid_people__person__i .quote { font-size: 1.5rem; } } .sn_grid_people__person__i .meta { display: flex; flex-direction: column; gap: 0.25rem; } @media only screen and (min-width: 0em) and (max-width: 74.99em) { .sn_grid_people__person__i .meta { margin-top: auto; } } .sn_grid_people__person__i .author { display: flex; align-items: center; justify-content: center; gap: 0.25rem; } @media only screen and (min-width: 75em) { .sn_grid_people__person__i .author { justify-content: space-between; } } .sn_grid_people__person__i .name { margin: 0; color: #7757D9; font-weight: 500; } .sn_grid_people__person__i .name { font-size: 1rem; } @media only screen and (min-width: 48em) { .sn_grid_people__person__i .name { font-size: 1.25rem; } } .sn_grid_people__person__i .social { flex-shrink: 0; color: #EB5C68; width: 1.75rem; height: 1.75rem; } .sn_grid_people__person__i .social svg-sprite { display: block; width: 100%; height: 100%; } .sn_grid_people__person__i .role { margin: 0; color: #100040; } .sn_grid_people__person__i .role { font-size: 1rem; } @media only screen and (min-width: 48em) { .sn_grid_people__person__i .role { font-size: 1.25rem; } } .sn_grid_people__person__i .bio { margin: 0; color: #7A7880; } .sn_grid_people__person__i .bio { font-size: 1rem; } @media only screen and (min-width: 48em) { .sn_grid_people__person__i .bio { font-size: 1.25rem; } } .sn_grid_people__nav { justify-content: flex-end; margin-top: 1.5rem; } @media only screen and (min-width: 75em) { .sn_grid_people__nav { display: none; } } .sn_hero { --hero-radius: 1rem; } .sn_hero__breadcrumb { margin-bottom: 0.5rem; } .sn_hero__stage { min-height: calc(var(--vh, 1vh) * 100 - 7rem); min-height: calc(100svh - 7rem); } @media only screen and (min-width: 75em) { .sn_hero__stage { min-height: calc(var(--vh, 1vh) * 100 - 10.75rem); min-height: calc(100svh - 10.75rem); } } .sn_hero__media { position: relative; margin: 0; overflow: hidden; border-radius: var(--hero-radius); -webkit-clip-path: inset(0 round var(--hero-radius)); clip-path: inset(0 round var(--hero-radius)); transform: translateZ(0); isolation: isolate; background-color: #100040; } .sn_hero__media video, .sn_hero__media picture, .sn_hero__media img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: inherit; transform: scale3d(1.01, 1.01, 1.01); } .sn_hero__media picture { overflow: hidden; } .sn_hero__wash { position: absolute; inset: 0; background-color: rgba(51, 0, 204, 0.6); mix-blend-mode: color; pointer-events: none; border-radius: inherit; } .sn_hero__controls { position: absolute; z-index: 3; inset: 1.25rem 1.25rem auto; display: flex; justify-content: space-between; } .sn_hero__control { display: inline-flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; border-radius: 0.375rem; background-color: rgba(255, 255, 255, 0.2); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); color: #fff; } .sn_hero__control { --sn-focus-top: -0.3125rem; --sn-focus-right: -0.3125rem; --sn-focus-bottom: -0.3125rem; --sn-focus-left: -0.3125rem; --sn-focus-color: #fff; --sn-focus-border-width: 0.125rem; --sn-focus-border-radius: 0.375rem; --sn-focus-opacity: 0; position: relative; } .sn_hero__control::before { content: ""; position: absolute; top: var(--sn-focus-inset, var(--sn-focus-y, var(--sn-focus-top))); right: var(--sn-focus-inset, var(--sn-focus-x, var(--sn-focus-right))); bottom: var(--sn-focus-inset, var(--sn-focus-y, var(--sn-focus-bottom))); left: var(--sn-focus-inset, var(--sn-focus-x, var(--sn-focus-left))); border-width: var(--sn-focus-border-width); border-style: solid; border-radius: var(--sn-focus-border-radius); border-color: var(--sn-focus-color); opacity: var(--sn-focus-opacity); pointer-events: none; transition: border-color 0.35s ease, opacity 0.35s ease; } .sn_hero__control:focus-visible { --sn-focus-opacity: 1; outline: none; } .sn_hero__control svg-sprite { display: block; } .sn_hero__control .__play, .sn_hero__control .__on { display: none; } .sn_hero__control.is-paused .__play { display: block; } .sn_hero__control.is-paused .__pause { display: none; } .sn_hero__control:not(.__muted) .__on { display: block; } .sn_hero__control:not(.__muted) .__off { display: none; } .sn_hero__text { max-width: 50rem; } .sn_hero__text > * { margin: 0; } .sn_hero__text strong, .sn_hero__text b { font-weight: 500; } .sn_hero.__static .sn_hero__breadcrumb { margin-bottom: 2.5rem; } .sn_hero.__static .sn_hero__stage { display: flex; flex-direction: column; align-items: center; gap: 1.5rem; text-align: center; } .sn_hero.__static .sn_hero__label { order: 1; } .sn_hero.__static .sn_hero__title { order: 2; } .sn_hero.__static .sn_hero__media { order: 3; } .sn_hero.__static .sn_hero__text { order: 4; } .sn_hero.__static .sn_hero__cta { order: 5; } .sn_hero.__static .sn_hero__media { width: 100%; height: 20rem; } .sn_hero.__static .sn_hero__text { font-size: 1.25rem; } @media only screen and (min-width: 48em) { .sn_hero.__static .sn_hero__text { font-size: 1.5rem; } } @media only screen and (min-width: 75em) { .sn_hero.__static { position: -webkit-sticky; position: sticky; top: 7.75rem; z-index: 0; } .sn_hero.__static .sn_hero__breadcrumb { margin-bottom: 0.5rem; } .sn_hero.__static .sn_hero__stage { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "label ." "title ." "text cta"; align-content: end; gap: 1.5rem; padding: 2.5rem; overflow: hidden; border-radius: var(--hero-radius); -webkit-clip-path: inset(0 round var(--hero-radius)); clip-path: inset(0 round var(--hero-radius)); -webkit-mask-image: -webkit-radial-gradient(white, black); transform: translateZ(0); isolation: isolate; text-align: left; color: #fff; } .sn_hero.__static .sn_hero__media { position: absolute; inset: 0; z-index: 0; width: auto; height: auto; border-radius: var(--hero-radius); -webkit-clip-path: inset(0 round var(--hero-radius)); clip-path: inset(0 round var(--hero-radius)); } .sn_hero.__static .sn_hero__media::after { content: ""; position: absolute; inset: 0; background-image: linear-gradient(to bottom, rgba(16, 0, 64, 0.2) 48%, #100040 100%); pointer-events: none; border-radius: inherit; } .sn_hero.__static .sn_hero__label { grid-area: label; z-index: 1; justify-self: start; } .sn_hero.__static .sn_hero__title { grid-area: title; z-index: 1; color: #fff; } .sn_hero.__static .sn_hero__text { grid-area: text; z-index: 1; color: #fff; } .sn_hero.__static .sn_hero__cta { grid-area: cta; z-index: 1; align-self: end; } } @media only screen and (min-width: 75em) { .sn_hero.__static ~ * { position: relative; z-index: 1; background-color: var(--sn-block-bg, #F8F7FA); } } .sn_hero.__animate { overflow: visible; --hero-media-h: 21rem; --hero-media-w: 13.5rem; } @supports (height: 1svh) { @media only screen and (min-width: 0em) and (max-width: 74.99em) { .sn_hero.__animate { --hero-media-h: min(21rem, 42svh); --hero-media-w: calc(var(--hero-media-h) * 216 / 336); } } } @media only screen and (min-width: 75em) { .sn_hero.__animate { --hero-media-h: 21.25rem; --hero-media-w: 33.375rem; } } .sn_hero.__animate .sn_hero__stage { position: relative; display: grid; grid-template-columns: minmax(0, 1fr); align-content: start; gap: 1.5rem; } @media only screen and (min-width: 75em) { .sn_hero.__animate .sn_hero__stage { grid-template-columns: var(--hero-media-w) minmax(0, 1fr); -moz-column-gap: 3rem; column-gap: 3rem; align-content: center; } } .sn_hero.__animate .sn_hero__media { position: absolute; inset: 0; z-index: 1; } @media only screen and (min-width: 0em) and (max-width: 74.99em) { .sn_hero.__animate .sn_hero__media { bottom: auto; height: calc(var(--vh, 1vh) * 100 - 7rem); height: calc(100svh - 7rem); } } .sn_hero.__animate .sn_hero__label, .sn_hero.__animate .sn_hero__text, .sn_hero.__animate .sn_hero__cta { position: relative; z-index: 0; justify-self: start; } .sn_hero.__animate .sn_hero__text { color: #100040; } .sn_hero.__animate .sn_hero__text { font-size: 1.5rem; } @media only screen and (min-width: 48em) { .sn_hero.__animate .sn_hero__text { font-size: 2.5rem; } } .sn_hero.__animate .sn_hero__label { margin-top: calc(var(--hero-media-h) + 1.5rem); } @media only screen and (min-width: 75em) { .sn_hero.__animate .sn_hero__label, .sn_hero.__animate .sn_hero__text, .sn_hero.__animate .sn_hero__cta { grid-column: 2; margin-top: 0; } } .sn_hero.__animate [data-hero-fade] { transition: none; } .sn_hero.__animate .sn_hero__title { position: absolute; z-index: 2; color: #fff; left: 1.5rem; bottom: 1.5rem; max-width: 45.75rem; } @media only screen and (min-width: 75em) { .sn_hero.__animate .sn_hero__title { left: 2.5rem; bottom: 2.5rem; } } .sn_hero.__animate.is-measuring .sn_hero__media, .sn_hero.__animate.is-reduced .sn_hero__media { width: var(--hero-media-w); height: var(--hero-media-h); } @media only screen and (min-width: 0em) and (max-width: 74.99em) { .sn_hero.__animate.is-measuring .sn_hero__media, .sn_hero.__animate.is-reduced .sn_hero__media { margin-inline: auto; } } .sn_hero.__animate.is-reduced .sn_hero__title { display: none; } .sn_hero.__animate.is-reduced .sn_hero__label, .sn_hero.__animate.is-reduced .sn_hero__text, .sn_hero.__animate.is-reduced .sn_hero__cta { z-index: 2; } .sn_hero_app { text-align: center; color: #fff; --bs-heading-color: #fff; padding-top: 1.75rem; padding-bottom: 1.75rem; } @media only screen and (min-width: 75em) { .sn_hero_app { padding-top: 3.75rem; padding-bottom: 3.75rem; } } .sn_hero_app__head { max-width: 55rem; margin-inline: auto; display: flex; flex-direction: column; gap: 1.5rem; } @media only screen and (min-width: 75em) { .sn_hero_app__head { gap: 2rem; } } .sn_hero_app__intro { margin: 0; } .sn_hero_app__stage { position: relative; margin-top: 2.5rem; } @media only screen and (min-width: 75em) { .sn_hero_app__stage { margin-top: 4rem; } } .sn_hero_app__phone { max-width: 35rem; margin-inline: auto; } .sn_hero_app__phone picture, .sn_hero_app__phone img { display: block; width: 100%; height: auto; } .sn_hero_app__download { position: relative; z-index: 1; margin-top: -5rem; display: flex; flex-direction: column; align-items: center; gap: 1.5rem; background: linear-gradient(to bottom, rgba(51, 0, 204, 0) 0%, #3300CC 100%); } @media only screen and (min-width: 75em) { .sn_hero_app__download { margin-top: -7.5rem; gap: 2rem; } } .sn_hero_app__download__label { margin: 0; } .sn_hero_app .stores { display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; gap: 0.75rem; } @media only screen and (min-width: 62em) { .sn_hero_app .stores { gap: 1.5rem; } } .sn_hero_app .store { flex: 1 1 0; min-width: 0; max-width: 11.25rem; } .sn_hero_app .store picture, .sn_hero_app .store img { display: block; width: 100%; height: auto; } @media only screen and (min-width: 62em) { .sn_hero_app .store { flex: 0 0 auto; max-width: none; } .sn_hero_app .store picture, .sn_hero_app .store img { width: auto; height: 4rem; } } .sn_hero_app__qr { flex: 0 0 auto; overflow: hidden; width: 4rem; height: 4rem; display: none; } @media only screen and (min-width: 62em) { .sn_hero_app__qr { width: 7.5rem; height: 7.5rem; display: block; } } .sn_hero_app__qr picture, .sn_hero_app__qr img { display: block; width: 100%; height: 100%; } .sn_slider_points { --sp-terminal: 3.5rem; --sp-tip-gap: 1.375rem; display: flex; align-items: center; } @media only screen and (min-width: 75em) { .sn_slider_points { min-height: calc(100vh - 5.25rem - 2.5rem); } } .sn_slider_points__header .sn_label_text__title, .sn_slider_points__header .sn_label_text__text { color: #fff; } .sn_slider_points__header.__left { margin-inline: auto; } .sn_slider_points__header.__left:not(.__label_left) { max-width: 55rem; } .sn_slider_points__header.__left .sn_label_text__title, .sn_slider_points__header.__left .sn_label_text__text { color: #fff; } @media only screen and (min-width: 0em) and (max-width: 74.99em) { .sn_slider_points__header.__center { align-items: flex-start; text-align: left; } .sn_slider_points__header.__center .sn_label_text__body { align-items: flex-start; } } .sn_slider_points__body { position: relative; margin-top: 2.5rem; } @media only screen and (min-width: 75em) { .sn_slider_points__body { margin-top: 4rem; } } .sn_slider_points__steps { list-style: none; margin: 0; padding: 0 0 0 var(--sp-terminal); display: flex; flex-direction: column; gap: 2.5rem; } @media only screen and (min-width: 75em) { .sn_slider_points__steps { padding: 0; display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: 4rem; } } .sn_slider_points__step { color: #fff; } .sn_slider_points__step__number { margin: 0 0 1rem; font-family: "Dismantle", sans-serif; color: #EBBABE; } .sn_slider_points__step__number { font-size: 2rem; } @media only screen and (min-width: 48em) { .sn_slider_points__step__number { font-size: 2.5rem; } } @media only screen and (min-width: 75em) { .sn_slider_points__step__number { margin-bottom: 1.5rem; } } .sn_slider_points__step__title { color: #fff; font-weight: 500; } .sn_slider_points__step__title { font-size: 1.375rem; } @media only screen and (min-width: 48em) { .sn_slider_points__step__title { font-size: 1.75rem; } } .sn_slider_points__step__text { margin: 1rem 0 0; } .sn_slider_points.is-armed .sn_slider_points__step { opacity: 0.35; transition: opacity 0.4s ease; } .sn_slider_points.is-armed .sn_slider_points__step.is-on { opacity: 1; } .sn_slider_points__rail { position: absolute; top: 0; bottom: 0; left: 0; width: var(--sp-terminal); color: #fff; } @media only screen and (min-width: 75em) { .sn_slider_points__rail { position: relative; inset: auto; width: auto; height: var(--sp-terminal); margin-top: 2rem; } } .sn_slider_points__cable { position: absolute; left: 50%; top: 0; width: 0.125rem; height: calc(100% - var(--sp-terminal) - var(--sp-tip-gap)); transform: translateX(-50%); background-color: currentColor; border-radius: 0.125rem; } @media only screen and (min-width: 75em) { .sn_slider_points__cable { left: 0; top: 50%; width: calc(100% - var(--sp-terminal) - var(--sp-tip-gap)); height: 0.125rem; transform: translateY(-50%); } } .sn_slider_points__plug { position: absolute; width: 1rem; height: 1.375rem; left: 50%; top: 100%; transform: translate(-50%, 0); } @media only screen and (min-width: 75em) { .sn_slider_points__plug { width: 1.375rem; height: 1rem; left: 100%; top: 50%; transform: translate(0, -50%); } } .sn_slider_points__socket { position: absolute; width: var(--sp-terminal); height: var(--sp-terminal); left: 50%; bottom: 0; transform: translateX(-50%); } @media only screen and (min-width: 75em) { .sn_slider_points__socket { left: auto; right: 0; top: 50%; bottom: auto; transform: translateY(-50%) rotate(-90deg); } } .sn_slider_points__actions { display: flex; justify-content: center; margin-top: 2.5rem; } @media only screen and (min-width: 75em) { .sn_slider_points__actions { margin-top: 2rem; } } .sn_slider_timeline { overflow: hidden; } .sn_slider_timeline__header.__left { margin-inline: auto; max-width: 55rem; margin-bottom: 2rem; } @media only screen and (min-width: 75em) { .sn_slider_timeline__header.__left { align-items: center; text-align: center; margin-bottom: 4rem; } } .sn_slider_timeline__swiper { overflow: visible; } .sn_slider_timeline__swiper > .swiper-wrapper > .swiper-slide { width: calc((100% - 0.25rem) / 1.1); margin-right: 2.5rem; } @media only screen and (min-width: 48em) { .sn_slider_timeline__swiper > .swiper-wrapper > .swiper-slide { width: calc((100% - 3rem) / 2.2); margin-right: 2.5rem; } } @media only screen and (min-width: 75em) { .sn_slider_timeline__swiper > .swiper-wrapper { display: flex; align-items: stretch; gap: 3rem; } .sn_slider_timeline__swiper > .swiper-wrapper > .swiper-slide { flex: 1 0 0; width: auto; } } .sn_slider_timeline__slide { height: auto; } .sn_slider_timeline__item__i { display: flex; flex-direction: column; gap: 1rem; height: 100%; } @media only screen and (min-width: 0em) and (max-width: 74.99em) { .sn_slider_timeline__item__i { background-color: #fff; border-radius: 1rem; padding-top: 1rem; padding-right: 1rem; padding-bottom: 1rem; padding-left: 1rem; } } @media only screen and (min-width: 75em) { .sn_slider_timeline__item__i { gap: 1rem; padding-left: 2rem; border-left: 0.0625rem solid #EB5C68; } } .sn_slider_timeline__item__i .year { margin: 0; color: #7757D9; font-weight: 500; line-height: 1.2; } .sn_slider_timeline__item__i .year { font-size: 2.5rem; } @media only screen and (min-width: 48em) { .sn_slider_timeline__item__i .year { font-size: 2rem; } } .sn_slider_timeline__item__i .line { display: none; width: 100%; height: 0.0625rem; background-color: #EB5C68; } @media only screen and (min-width: 75em) { .sn_slider_timeline__item__i .line { display: none; } } .sn_slider_timeline__item__i .content { display: flex; flex: 1 1 auto; flex-direction: column; gap: 1.5rem; } .sn_slider_timeline__item__i .title { margin: 0; color: #3300CC; font-weight: 500; line-height: 1.3; } .sn_slider_timeline__item__i .text { color: #100040; } .sn_slider_timeline__item__i .text { font-size: 1.125rem; } @media only screen and (min-width: 48em) { .sn_slider_timeline__item__i .text { font-size: 1.25rem; } } .sn_slider_timeline__item__i .text strong, .sn_slider_timeline__item__i .text b { font-weight: 600; } .sn_slider_timeline__nav { justify-content: flex-end; margin-top: 1.5rem; } @media only screen and (min-width: 75em) { .sn_slider_timeline__nav { display: none; } } .sn_grid_cards { overflow: hidden; } .sn_grid_cards__head { display: flex; flex-direction: column; align-items: center; gap: 1rem; max-width: 55rem; margin-inline: auto; margin-bottom: 2rem; } @media only screen and (min-width: 75em) { .sn_grid_cards__head { margin-bottom: 3rem; text-align: center; } } .sn_grid_cards__grid { --sn-grid-cards-cols: 3; display: grid; grid-template-columns: 1fr; gap: 1.5rem; } @media only screen and (min-width: 75em) { .sn_grid_cards__grid { grid-template-columns: repeat(var(--sn-grid-cards-cols), minmax(0, 1fr)); grid-auto-rows: 1fr; } } .sn_grid_cards__swiper { overflow: visible; } .sn_grid_cards__swiper > .swiper-wrapper > .swiper-slide { width: calc((100% - 0.15rem) / 1.1); margin-right: 1.5rem; } @media only screen and (min-width: 48em) { .sn_grid_cards__swiper > .swiper-wrapper > .swiper-slide { width: calc((100% - 1.65rem) / 2.1); margin-right: 1.5rem; } } @media only screen and (min-width: 75em) { .sn_grid_cards__swiper > .swiper-wrapper { display: grid; grid-template-columns: repeat(var(--sn-grid-cards-cols, 3), minmax(0, 1fr)); gap: 1.5rem; grid-auto-rows: 1fr; } .sn_grid_cards__swiper > .swiper-wrapper > .swiper-slide { width: auto; margin-right: 0; } } .sn_grid_cards__slide { height: auto; } .sn_grid_cards__nav { justify-content: flex-end; margin-top: 1.5rem; } @media only screen and (min-width: 75em) { .sn_grid_cards__nav { display: none; } } .sn_grid_cards__cta { display: flex; justify-content: center; } .sn_grid_cards__cta.__top { margin-top: 0.5rem; } .sn_slider_pricing { color: #fff; --bs-heading-color: #fff; } .sn_slider_pricing__head { margin-bottom: 2.5rem; } @media only screen and (min-width: 75em) { .sn_slider_pricing__head { margin-bottom: 4rem; } } .sn_slider_pricing__slider { position: relative; } .sn_slider_pricing__swiper { overflow: visible; } @media only screen and (min-width: 75em) { .sn_slider_pricing__swiper > .swiper-wrapper { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; } } .sn_slider_pricing__slide { height: auto; } .sn_slider_pricing__foot { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 1rem; margin-top: 1.5rem; } @media only screen and (min-width: 75em) { .sn_slider_pricing__foot { margin-top: 4rem; } } .sn_slider_pricing__nav { margin-left: auto; } @media only screen and (min-width: 75em) { .sn_slider_pricing__nav { display: none; } } .sn_slider_pricing__nav .sn_slider_arrow { color: #fff; } .sn_slider_pricing__cta { display: flex; justify-content: center; } .sn_pricing_card { position: relative; isolation: isolate; overflow: hidden; display: flex; flex-direction: column; align-items: center; justify-content: space-between; gap: 2.5rem; height: 100%; padding: 1.5rem; text-align: center; border: 1px solid #CEC2F2; border-radius: 1rem; background-color: #3300CC; } @media only screen and (min-width: 75em) { .sn_pricing_card { min-height: 21.9375rem; } } .sn_pricing_card.__featured { box-shadow: inset 8px 8px 64px 0 rgba(119, 87, 217, 0.6), inset -8px -8px 64px 0 rgba(235, 92, 104, 0.1); } .sn_pricing_card__decor { position: absolute; top: 50%; left: 50%; z-index: -1; display: block; width: 20.8125rem; height: 21.9375rem; transform: translate(-50%, -50%); } .sn_pricing_card__intro { display: flex; flex-direction: column; align-items: center; gap: 0.75rem; } .sn_pricing_card__chip { color: #EB5C68; border-color: #EB5C68; box-shadow: inset 0 0 12px 0 rgba(235, 92, 104, 0.4); } .sn_pricing_card__title { margin: 0; font-weight: 500; line-height: 1.3; } .sn_pricing_card__title { font-size: 1.5rem; } .sn_pricing_card__text { font-size: 1.25rem; } .sn_pricing_card__text p { margin: 0; } .sn_pricing_card__text p + p { margin-top: 0.5rem; } .sn_pricing_card__rates { display: flex; flex-direction: column; gap: 1.5rem; width: 100%; } .sn_pricing_card__rate { display: flex; flex-direction: column; align-items: center; gap: 0.5rem; } .sn_pricing_card__rate .label { margin: 0; font-weight: 500; } .sn_pricing_card__rate .label { font-size: 1.25rem; } .sn_pricing_card .value, .sn_pricing_card__box { margin: 0; padding: 0.25rem 1rem; background-color: #7757D9; font-weight: 600; } .sn_pricing_card .value, .sn_pricing_card__box { font-size: 1.5rem; } .sn_pricing_card__deal { display: flex; flex-direction: column; gap: 1rem; width: 100%; } .sn_pricing_card__box { width: 100%; } .sn_pricing_card__note { margin: 0; font-style: italic; } .sn_pricing_card__note { font-size: 1rem; } .sn_card_icon { --sn-card-border: #E0DEE3; display: flex; flex-direction: column; gap: 3rem; height: 100%; border: 1px solid var(--sn-card-border, #E0DEE3); border-radius: 1rem; background-color: #fff; padding-top: 1rem; padding-right: 1rem; padding-bottom: 1rem; padding-left: 1rem; transition: all 0.35s ease; } @media only screen and (min-width: 75em) { .sn_card_icon { padding-top: 1.5rem; padding-right: 1.5rem; padding-bottom: 1.5rem; padding-left: 1.5rem; } } .sn_card_icon__icon { width: 3rem; height: 3rem; color: #EB5C68; } .sn_card_icon__body { margin-top: auto; } .sn_card_icon__heading { display: flex; flex-direction: column; gap: 0.25rem; } .sn_card_icon__heading:has(.sn_card_icon__subtitle) .sn_card_icon__title { font-weight: 600; } .sn_card_icon__title { font-weight: 500; color: #7757D9; } .sn_block.__primary .sn_card_icon__title, .sn_block.__secondary .sn_card_icon__title { color: #fff; } .sn_card_icon__subtitle { font-weight: 500; color: #7757D9; margin: 0; } .sn_card_icon__text { margin-top: 1rem; } .sn_card_icon__link { align-self: flex-start; margin-top: 1rem; } .sn_block.__primary .sn_card_icon, .sn_block.__secondary .sn_card_icon { --sn-card-border: rgba(255, 255, 255, 0.32); background-color: transparent; } .sn_block.__primary .sn_card_icon__icon, .sn_block.__secondary .sn_card_icon__icon { color: inherit; } .sn_block.__primary .sn_card_icon__title, .sn_block.__primary .sn_card_icon__subtitle, .sn_block.__secondary .sn_card_icon__title, .sn_block.__secondary .sn_card_icon__subtitle { color: #fff; } .sn_block.__mono .sn_card_icon { --sn-card-border: transparent; } .sn_block.__white .sn_card_icon { --sn-card-border: transparent; background-color: #FBFAFC; } .sn_slider_cards { overflow: hidden; } .sn_slider_cards__head { margin-bottom: 2rem; } @media only screen and (min-width: 75em) { .sn_slider_cards__head { margin-bottom: 4rem; } } .sn_slider_cards__swiper { overflow: visible; } .sn_slider_cards__swiper > .swiper-wrapper > .swiper-slide { width: calc((100% - 0.15rem) / 1.15); margin-right: 1rem; } @media only screen and (min-width: 62em) { .sn_slider_cards__swiper > .swiper-wrapper > .swiper-slide { width: calc((100% - 1.5rem) / 2); margin-right: 1.5rem; } } @media only screen and (min-width: 75em) { .sn_slider_cards__swiper > .swiper-wrapper > .swiper-slide { width: calc((100% - 3rem) / 3); margin-right: 1.5rem; } } .sn_slider_cards__swiper.__story > .swiper-wrapper > .swiper-slide { width: calc((100% - 0.05rem) / 1.05); margin-right: 1rem; } @media only screen and (min-width: 62em) { .sn_slider_cards__swiper.__story > .swiper-wrapper > .swiper-slide { width: calc((100% - 0.6rem) / 1.4); margin-right: 1.5rem; } } @media only screen and (min-width: 75em) { .sn_slider_cards__swiper.__story > .swiper-wrapper > .swiper-slide { width: calc((100% - 0.9rem) / 1.6); margin-right: 1.5rem; } } .sn_slider_cards__swiper.__app > .swiper-wrapper > .swiper-slide { width: calc((100% - 0.1rem) / 1.1); margin-right: 1rem; } @media only screen and (min-width: 62em) { .sn_slider_cards__swiper.__app > .swiper-wrapper > .swiper-slide { width: calc((100% - 1.8rem) / 2.2); margin-right: 1.5rem; } } @media only screen and (min-width: 75em) { .sn_slider_cards__swiper.__app > .swiper-wrapper > .swiper-slide { width: calc((100% - 2.4rem) / 2.6); margin-right: 1.5rem; } } @media only screen and (min-width: 75em) { .sn_slider_cards__swiper.__pair > .swiper-wrapper > .swiper-slide { width: calc((100% - 1.5rem) / 2); margin-right: 1.5rem; } } .sn_slider_cards__slide { height: auto; } .sn_slider_cards__foot { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 1rem; margin-top: 1.5rem; } .sn_slider_cards__foot:has(.sn_slider_cards__cta) { justify-content: space-between; } .sn_slider_cards__foot:has(.swiper-button-lock) { justify-content: center; } .sn_slider_cards__foot:not(:has(.sn_slider_cards__cta)):has(.swiper-button-lock) { display: none; } .sn_slider_app { color: #fff; --bs-heading-color: #fff; } .sn_slider_app__head { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 1.5rem; margin-bottom: 2.5rem; } @media only screen and (min-width: 75em) { .sn_slider_app__head { flex-direction: row; align-items: flex-start; justify-content: space-between; text-align: left; gap: 2.5rem; margin-bottom: 4rem; } } .sn_slider_app__title { margin: 0; } @media only screen and (min-width: 75em) { .sn_slider_app__title { max-width: 31.25rem; } } .sn_slider_app__intro { margin: 0; line-height: 1.3; } .sn_slider_app__intro { font-size: 1rem; } @media only screen and (min-width: 48em) { .sn_slider_app__intro { font-size: 1.25rem; } } @media only screen and (min-width: 75em) { .sn_slider_app__intro { max-width: 40rem; } } .sn_slider_app__body { position: relative; display: flex; flex-direction: column; background-color: #fff; border-radius: 1rem; padding-top: 1.5rem; padding-right: 1.5rem; padding-bottom: 1.5rem; padding-left: 1.5rem; } @media only screen and (min-width: 0em) and (max-width: 74.99em) { .sn_slider_app__body { overflow: hidden; } } @media only screen and (min-width: 75em) { .sn_slider_app__body { display: grid; grid-template-columns: minmax(0, 1fr) 40.25rem; grid-template-rows: 1fr auto; gap: 1rem; -moz-column-gap: 1.5rem; column-gap: 1.5rem; align-items: stretch; background: none; border-radius: 0; overflow: visible; padding: 0; } .sn_slider_app__body::before { content: ""; grid-column: 1; grid-row: 1/3; background-color: #fff; border-radius: 1rem; z-index: 0; } } .sn_slider_app__counter { margin: 0; color: #7757D9; font-weight: 500; line-height: 1.3; } .sn_slider_app__counter { font-size: 1rem; } @media only screen and (min-width: 75em) { .sn_slider_app__counter { z-index: 1; grid-column: 1; grid-row: 2; align-self: end; justify-self: start; margin: 0 0 1.5rem 1.5rem; font-weight: 400; } .sn_slider_app__counter { font-size: 1.25rem; } } .sn_slider_app__window { width: 100%; height: 2.625rem; } @media only screen and (min-width: 75em) { .sn_slider_app__window { z-index: 1; grid-column: 1; grid-row: 1; align-self: start; margin: 1.5rem 1.5rem 0; width: auto; height: 4.5rem; } } @media (prefers-reduced-motion: no-preference) { .sn_slider_app__window.swiper-initialized .swiper-slide { opacity: 0; transition: opacity 0.5s ease; } .sn_slider_app__window.swiper-initialized .swiper-slide-active { opacity: 1; } } .sn_slider_app__statement { margin: 0; color: #100040; line-height: 1.3; } .sn_slider_app__statement { font-size: 1rem; } @media only screen and (min-width: 48em) { .sn_slider_app__statement { font-size: 1.75rem; } } .sn_slider_app__media { position: relative; display: flex; align-items: center; justify-content: center; height: 26.25rem; border-radius: 1rem; } @media only screen and (min-width: 75em) { .sn_slider_app__media { overflow: hidden; z-index: 1; grid-column: 2; grid-row: 1/3; height: auto; min-height: 35.75rem; background-color: #7757D9; background-image: radial-gradient(90% 70% at 50% 30%, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0) 55%); } } .sn_slider_app__media::before { display: none; } @media only screen and (min-width: 75em) { .sn_slider_app__media::before { display: block; } } .sn_slider_app__screens { position: absolute; inset: 0 -1.5rem 0 -1.5rem; z-index: 1; } .sn_slider_app__screen { position: absolute; inset: 0; opacity: 0; filter: drop-shadow(0 0 3rem rgba(119, 87, 217, 0.4)); } @media (prefers-reduced-motion: no-preference) { .sn_slider_app__screen { transition: opacity 0.5s ease, transform 1s ease; } .sn_slider_app__screen.__zoom_in { transform: scale(0.8); } .sn_slider_app__screen.__zoom_out { transform: scale(1.2); } .sn_slider_app__screen[data-sa-active] { transform: none; } } @media only screen and (min-width: 75em) { .sn_slider_app__screen { filter: drop-shadow(0 0 4.0625rem rgba(224, 222, 227, 0.6)); } } .sn_slider_app__screen[data-sa-active] { opacity: 1; } .sn_slider_app__screen picture, .sn_slider_app__screen img { display: block; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } @media only screen and (min-width: 75em) { .sn_slider_app__screen picture, .sn_slider_app__screen img { border-radius: 1.5rem; } } .sn_slider_app__nav { justify-content: center; z-index: 1; position: relative; } @media only screen and (min-width: 75em) { .sn_slider_app__nav { z-index: 1; grid-column: 1; grid-row: 2; align-self: end; justify-self: end; margin: 0 1.5rem 1.5rem 0; } } .sn_card_media { display: flex; flex-direction: column; height: 100%; border-radius: 1rem; background-color: var(--sn-card-bg, #F8F7FA); padding-top: 0.75rem; padding-right: 0.75rem; padding-bottom: 0.75rem; padding-left: 0.75rem; transition: all 0.35s ease; } .sn_card_media__media { position: relative; overflow: hidden; border-radius: 0.5rem; -webkit-clip-path: inset(0 round 0.5rem); clip-path: inset(0 round 0.5rem); isolation: isolate; aspect-ratio: 4/3; z-index: 2; } .sn_card_media__media video, .sn_card_media__media picture, .sn_card_media__media img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .sn_card_media__controls { position: absolute; z-index: 10; inset: 1.25rem 1.25rem auto; display: flex; justify-content: space-between; } .sn_card_media__controls button { opacity: 0; } .sn_card_media:hover .sn_card_media__controls button { opacity: 1; } .sn_card_media__wash { position: absolute; inset: 0; background-color: rgba(51, 0, 204, 0.6); mix-blend-mode: color; pointer-events: none; } .sn_card_media__body { display: flex; flex-direction: column; flex: 1; gap: 1rem; padding-top: 1rem; padding-right: 1rem; padding-bottom: 1rem; padding-left: 1rem; } .sn_card_media__content { display: flex; flex-direction: column; gap: 0.75rem; } .sn_card_media__title { font-weight: 500; } .sn_card_media__text { margin: 0; } .sn_card_media__link { margin-top: auto; align-self: flex-start; } .sn_card_media__link, .sn_card_media__link:hover, .sn_card_media__link:focus-visible, .sn_card_media__link:active { color: inherit; } .sn_card_feature { display: flex; flex-direction: column; justify-content: space-between; gap: 1.5rem; height: 100%; border: 1px solid var(--sn-card-border, #CEC2F2); border-radius: 1rem; text-align: center; padding-top: 1.5rem; padding-right: 1.5rem; padding-bottom: 1.5rem; padding-left: 1.5rem; transition: all 0.35s ease; } .sn_card_feature__title { font-weight: 500; } .sn_card_feature__icon { align-self: center; width: 12.5rem; height: 12.5rem; max-width: 100%; } .sn_card_feature__icon svg-sprite { display: block; width: 100%; height: 100%; } .sn_card_feature__text { margin: 0; } .sn_block.__primary .sn_card_feature { --sn-card-border: #EBBABE; } .sn_block.__secondary .sn_card_feature__icon { color: #CEC2F2; } .sn_card_story { display: flex; flex-direction: column-reverse; gap: 1.5rem; height: 100%; border: 1px solid #EBBABE; border-radius: 1rem; background-color: #fff; color: #100040; transition: all 0.35s ease; --bs-heading-color: #3300CC; padding-top: 0.75rem; padding-right: 0.75rem; padding-bottom: 0.75rem; padding-left: 0.75rem; } @media only screen and (min-width: 75em) { .sn_card_story { flex-direction: row; align-items: stretch; padding-top: 1rem; padding-right: 1rem; padding-bottom: 1rem; padding-left: 1rem; } } .sn_card_story__media { flex-shrink: 0; overflow: hidden; height: 15rem; border-radius: 0.5rem; } @media only screen and (min-width: 75em) { .sn_card_story__media { flex: 0 0 50%; height: auto; } } .sn_card_story__media picture, .sn_card_story__media img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .sn_card_story__body { display: flex; flex-direction: column; gap: 1.5rem; } @media only screen and (min-width: 75em) { .sn_card_story__body { flex: 1; justify-content: space-between; padding-top: 0.5rem; padding-right: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.5rem; } } .sn_card_story__content { display: flex; flex-direction: column; gap: 0.75rem; } @media only screen and (min-width: 75em) { .sn_card_story__content { gap: 1rem; } } .sn_card_story__title { font-weight: 500; } .sn_card_story__text { margin: 0; } .sn_card_story__link { align-self: flex-start; } .sn_card_value { display: flex; flex-direction: column; gap: 1rem; height: 100%; } .sn_card_value__media { position: relative; overflow: hidden; border-radius: 1rem; isolation: isolate; aspect-ratio: 421/298; } .sn_card_value__media::after { content: ""; position: absolute; inset: 0; background-color: rgba(51, 0, 204, 0.6); mix-blend-mode: color; pointer-events: none; border-radius: inherit; } .sn_card_value__media picture, .sn_card_value__media img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .sn_card_value__body { display: flex; flex-direction: column; gap: 0.75rem; } .sn_card_value__title { margin: 0; color: #CEC2F2; font-weight: 500; } .sn_card_value__text strong, .sn_card_value__text b { font-weight: 600; } .sn_card_horizontal { display: flex; flex-direction: column; gap: 1rem; height: 100%; padding: 0.5rem; border-radius: 1.5rem; background-color: #F8F7FA; color: #100040; } @media only screen and (min-width: 75em) { .sn_card_horizontal { flex-direction: row; align-items: stretch; } } .sn_card_horizontal__media { position: relative; overflow: hidden; border-radius: 1rem; isolation: isolate; height: 15rem; } @media only screen and (min-width: 75em) { .sn_card_horizontal__media { flex: 0 0 12.5rem; height: auto; } } @media only screen and (min-width: 87.5em) { .sn_card_horizontal__media { flex: 0 0 19.75rem; } } .sn_card_horizontal__media::after { content: ""; position: absolute; inset: 0; background-color: rgba(51, 0, 204, 0.6); mix-blend-mode: color; pointer-events: none; border-radius: inherit; } .sn_card_horizontal__media picture, .sn_card_horizontal__media img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .sn_card_horizontal__body { flex: 1 1 auto; display: flex; flex-direction: column; justify-content: space-between; gap: 1.25rem; padding: 0.5rem; } @media only screen and (min-width: 75em) { .sn_card_horizontal__body { gap: 4.375rem; } } .sn_card_horizontal__content { display: flex; flex-direction: column; gap: 0.75rem; } .sn_card_horizontal__title { margin: 0; color: #7757D9; font-weight: 500; } .sn_card_horizontal__text { margin: 0; } .sn_card_horizontal__text { font-size: 1.125rem; } @media only screen and (min-width: 48em) { .sn_card_horizontal__text { font-size: 1.25rem; } } .sn_text_image__header.__left { margin-inline: auto; max-width: 55rem; margin-bottom: 2rem; } @media only screen and (min-width: 75em) { .sn_text_image__header.__left { align-items: center; text-align: center; margin-bottom: 4rem; } } .sn_text_image__body { display: flex; flex-direction: column-reverse; gap: 1rem; } @media only screen and (min-width: 75em) { .sn_text_image__body { flex-direction: row; align-items: stretch; gap: 1.5rem; height: 35.75rem; } } .sn_text_image__text { display: flex; flex-direction: column; gap: 2rem; padding: 1rem; border-radius: 1rem; background-color: #FBFAFC; color: #100040; } @media only screen and (min-width: 75em) { .sn_text_image__text { flex: 1 0 0; justify-content: space-between; padding: 1.5rem; } } .sn_text_image__text .lead, .sn_text_image__text .lead p { margin: 0; } .sn_text_image__text .lead, .sn_text_image__text .lead p { font-size: 1.125rem; } @media only screen and (min-width: 48em) { .sn_text_image__text .lead, .sn_text_image__text .lead p { font-size: 1.75rem; } } .sn_text_image__text .lead strong, .sn_text_image__text .lead b { font-weight: 500; } .sn_text_image__text .lead h3, .sn_text_image__text .lead .h3 { font-weight: 500; } .sn_text_image__text .lead h3, .sn_text_image__text .lead .h3 { font-size: 1.25rem; } @media only screen and (min-width: 48em) { .sn_text_image__text .lead h3, .sn_text_image__text .lead .h3 { font-size: 2rem; } } .sn_text_image__text .foot { display: flex; flex-direction: column; gap: 0.75rem; } .sn_text_image__text .question { margin: 0; } .sn_text_image__text .btn-link, .sn_text_image__text .btn-link:hover, .sn_text_image__text .btn-link:focus-visible, .sn_text_image__text .btn-link:active { color: #100040; } .sn_text_image__text .btn-link .btn__icon { background-color: #EB5C68; color: #fff; } .sn_text_image__media { position: relative; overflow: hidden; height: 18rem; border-radius: 1rem; } @media only screen and (min-width: 75em) { .sn_text_image__media { flex: 1 0 0; height: auto; } } .sn_text_image__media::after { content: ""; position: absolute; inset: 0; background-color: rgba(51, 0, 204, 0.6); mix-blend-mode: color; pointer-events: none; border-radius: inherit; } .sn_text_image__media picture, .sn_text_image__media img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: bottom; object-position: bottom; } .sn_text_image.__mono .sn_text_image__text { background-color: #fff; } .sn_card_charge { display: flex; flex-direction: column; gap: 0.5rem; height: 100%; border-radius: 1rem; background-color: #F8F7FA; color: #100040; --bs-heading-color: #3300CC; padding-top: 0.75rem; padding-right: 0.75rem; padding-bottom: 0.75rem; padding-left: 0.75rem; transition: all 0.35s ease; } .sn_card_charge__media { position: relative; overflow: hidden; border-radius: 0.5rem; isolation: isolate; height: 15rem; } @media only screen and (min-width: 75em) { .sn_card_charge__media { height: 18.75rem; } } .sn_card_charge__media::after { content: ""; position: absolute; inset: 0; background-color: rgba(51, 0, 204, 0.6); mix-blend-mode: color; pointer-events: none; } .sn_card_charge__media picture, .sn_card_charge__media img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .sn_card_charge__body { display: flex; flex: 1; flex-direction: column; justify-content: space-between; gap: 3rem; padding: 1rem 0.25rem 0.5rem; } @media only screen and (min-width: 75em) { .sn_card_charge__body { padding: 1rem 0.75rem 0.75rem; } } .sn_card_charge__content { display: flex; flex-direction: column; gap: 0.75rem; } .sn_card_charge__content__head { display: flex; align-items: center; gap: 1rem; } .sn_card_charge__content__head .sn_card_charge__title { flex-grow: 1; } .sn_card_charge__title { font-weight: 500; } .sn_card_charge__text { margin: 0; } .sn_card_charge__footer { display: flex; align-items: center; justify-content: space-between; gap: 1rem; } .sn_card_charge__footer:has(.sn_card_charge__link) { flex-wrap: wrap; } .sn_card_charge__footer:has(.sn_card_charge__link) .sn_card_charge__badge { width: 100%; } .sn_card_charge__badge { flex-shrink: 0; padding: 0.25rem 0.5rem; border: 1px solid #EB5C68; border-radius: 6.25rem; color: #EB5C68; text-transform: uppercase; font-weight: 500; } .sn_card_charge__badge { font-size: 0.875rem; } .sn_card_charge__time { color: #7A7880; } .sn_card_text { position: relative; isolation: isolate; display: flex; flex-direction: column; align-items: center; justify-content: space-between; gap: 2rem; height: 100%; overflow: hidden; border-radius: 1rem; background-color: #fff; color: #100040; text-align: center; padding-top: 1.5rem; padding-right: 1.5rem; padding-bottom: 1.5rem; padding-left: 1.5rem; --bs-heading-color: #3300CC; } @media only screen and (min-width: 75em) { .sn_card_text { gap: 4rem; } } .sn_card_text::after { content: ""; position: absolute; z-index: -1; inset: 0; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 236 299'%3e%3cpath d='M92.7989 39.9958C92.7989 40.5481 93.2466 40.9958 93.7989 40.9958H149.888C150.909 40.9958 151.273 42.3468 150.39 42.8603L0.9973 129.736C0.689422 129.915 0.5 130.244 0.5 130.6V168.284C0.5 168.837 0.947715 169.284 1.5 169.284H152.443C153.462 169.284 153.828 170.63 152.95 171.146L0.99314 260.496C0.687615 260.676 0.5 261.004 0.5 261.358V297.5C0.5 298.052 0.947715 298.5 1.5 298.5H149.131C149.684 298.5 150.131 298.052 150.131 297.5V260.241C150.131 259.688 149.684 259.241 149.131 259.241H86.0728C85.0542 259.241 84.6877 257.896 85.5654 257.379L235.127 169.318C235.165 169.296 235.208 169.284 235.252 169.284C235.389 169.284 235.5 169.173 235.5 169.037V131.025C235.5 130.473 235.052 130.025 234.5 130.025H83.5894C82.5682 130.025 82.2038 128.674 83.0864 128.161L235.003 39.7395C235.311 39.5604 235.5 39.2312 235.5 38.8752V1.5C235.5 0.947715 235.052 0.5 234.5 0.5H93.7989C93.2466 0.5 92.7989 0.947715 92.7989 1.5V39.9958Z' fill='none' stroke='%23EB8B93'/%3e%3c/svg%3e") no-repeat center/auto 180%; transform: rotate(180deg); opacity: 0.1; pointer-events: none; } .sn_card_text__title { margin: 0; font-family: "Dismantle", sans-serif; font-weight: 400; } .sn_card_text__title { font-size: 1.5rem; } @media only screen and (min-width: 48em) { .sn_card_text__title { font-size: 2rem; } } .sn_card_text__title { letter-spacing: 0; } .sn_card_text__title { line-height: 1.2; } .sn_card_text .btn-link, .sn_card_text .btn-link:hover, .sn_card_text .btn-link:focus-visible, .sn_card_text .btn-link:active { color: #100040; } .sn_card_text .btn-link .btn__icon { background-color: #EB5C68; color: #fff; } .sn_card_app { display: flex; flex-direction: column; height: 100%; overflow: hidden; border: 1px solid #fff; border-radius: 1rem; background-color: #EBBABE; color: #100040; transition: all 0.35s ease; } @media only screen and (min-width: 75em) { .sn_card_app { min-height: 23.75rem; aspect-ratio: 1; } } .sn_card_app__head { display: flex; flex-direction: column; gap: 0.75rem; padding-top: 1.5rem; padding-right: 1.5rem; padding-bottom: 1.5rem; padding-left: 1.5rem; } @media only screen and (min-width: 75em) { .sn_card_app__head { flex-direction: row; align-items: flex-start; } } .sn_card_app__num { flex-shrink: 0; color: #7757D9; font-family: "Dismantle", sans-serif; font-weight: 400; line-height: 1.3; } .sn_card_app__num { font-size: 1.5rem; } .sn_card_app__body { display: flex; flex-direction: column; gap: 0.5rem; } .sn_card_app__text { margin: 0; } .sn_card_app__text { font-size: 1.25rem; } @media only screen and (min-width: 48em) { .sn_card_app__text { font-size: 1.5rem; } } .sn_card_app__note { margin: 0; opacity: 0.6; font-style: italic; } .sn_card_app__note { font-size: 1rem; } @media only screen and (min-width: 75em) { .sn_card_app__note { position: absolute; right: 1rem; bottom: 1.5rem; width: 35%; z-index: 10; } } .sn_card_app__media { margin-top: auto; width: 100%; aspect-ratio: 508/424; } .sn_card_app__media picture, .sn_card_app__media img { display: block; width: 100%; height: 100%; -o-object-fit: scale-down; object-fit: scale-down; -o-object-position: center; object-position: center; } @media only screen and (min-width: 75em) { .sn_card_app:has(.sn_card_app__note) .sn_card_app__media { width: 90%; } } @media only screen and (min-width: 75em) { .sn_card_app:has(.sn_card_app__note) .sn_card_app__media img { -o-object-position: -55% center; object-position: -55% center; } } .sn_block.__secondary .sn_card_app { position: relative; border-color: #EBBABE; background-color: #7757D9; color: #fff; } .sn_block.__secondary .sn_card_app .sn_card_app__num { color: #EBBABE; } .sn_block.__secondary .sn_card_app .sn_card_app__note { opacity: 1; color: #CEC2F2; } .sn_block.__secondary .sn_card_app::after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; height: 4.375rem; background: linear-gradient(to bottom, rgba(119, 87, 217, 0), #7757D9); pointer-events: none; } .sn_card_article { display: flex; flex-direction: column; height: 100%; overflow: hidden; border: 1px solid #EBBABE; border-radius: 1rem; background-color: #fff; color: #100040; --bs-heading-color: #100040; transition: all 0.35s ease; } .sn_card_article__media { flex-shrink: 0; height: 12.5rem; } @media only screen and (min-width: 75em) { .sn_card_article__media { height: 18.75rem; } } .sn_card_article__media picture, .sn_card_article__media img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; overflow: hidden; } .sn_card_article__body { display: flex; flex: 1; flex-direction: column; justify-content: space-between; gap: 1.5rem; padding: 1.5rem 1rem; } @media only screen and (min-width: 75em) { .sn_card_article__body { padding: 1.5rem; } } .sn_card_article__content { display: flex; flex-direction: column; gap: 0.75rem; } .sn_card_article__meta { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; } .sn_card_article__date { color: #7A7880; } .sn_card_article__date { font-size: 1rem; } .sn_card_article__category { flex-shrink: 0; padding: 0.25rem 0.5rem; border: 1px solid #7757D9; border-radius: 6.25rem; color: #7757D9; text-transform: uppercase; font-weight: 500; } .sn_card_article__category { font-size: 0.875rem; } .sn_card_article__title { font-weight: 400; } .sn_card_article__title { font-size: 1.125rem; } @media only screen and (min-width: 48em) { .sn_card_article__title { font-size: 1.25rem; } } .sn_card_article__link { align-self: flex-start; } @media only screen and (min-width: 75em) { .sn_card_article.__wide { flex-direction: row; min-height: 32.5rem; } .sn_card_article.__wide .sn_card_article__media { flex-shrink: 0; width: 64%; height: auto; } .sn_card_article.__wide .sn_card_article__body { width: 36%; padding: 1.5rem; } } .sn_grid_to_slider { overflow: hidden; } .sn_grid_to_slider__inner { display: flex; flex-direction: column; gap: 2rem; } @media only screen and (min-width: 75em) { .sn_grid_to_slider__inner { display: grid; grid-template-columns: minmax(0, 1fr) 26rem; -moz-column-gap: 1.5rem; column-gap: 1.5rem; row-gap: 1.5rem; grid-template-areas: "label label" "title title" "text text" "slider media"; } } .sn_grid_to_slider__head { display: flex; flex-direction: column; align-items: stretch; gap: 1.5rem; } @media only screen and (min-width: 75em) { .sn_grid_to_slider__head { display: contents; } } .sn_grid_to_slider__head .sn_label_text__label { order: 1; } .sn_grid_to_slider__head .sn_label_text__title { order: 2; } .sn_grid_to_slider__head .sn_grid_to_slider__media { order: 3; } .sn_grid_to_slider__head .sn_label_text__text { order: 4; } .sn_grid_to_slider__label { align-self: flex-start; } @media only screen and (min-width: 75em) { .sn_grid_to_slider__label { grid-area: label; justify-self: center; } } @media only screen and (min-width: 75em) { .sn_grid_to_slider__title { grid-area: title; justify-self: center; max-width: 55rem; text-align: center; } } .sn_grid_to_slider__text { margin: 0; } .sn_grid_to_slider__text { font-size: 1.125rem; } @media only screen and (min-width: 48em) { .sn_grid_to_slider__text { font-size: 1.25rem; } } @media only screen and (min-width: 75em) { .sn_grid_to_slider__text { grid-area: text; justify-self: center; max-width: 55rem; margin-bottom: 2.5rem; text-align: center; } } .sn_grid_to_slider__media { position: relative; overflow: hidden; border-radius: 1rem; } @media only screen and (min-width: 0em) and (max-width: 74.99em) { .sn_grid_to_slider__media { aspect-ratio: 342/288; } } @media only screen and (min-width: 75em) { .sn_grid_to_slider__media { grid-area: media; height: auto; } .sn_grid_to_slider__media > picture { position: absolute; inset: 0; } } .sn_grid_to_slider__media::after { content: ""; position: absolute; inset: 0; background-color: rgba(51, 0, 204, 0.6); mix-blend-mode: color; pointer-events: none; border-radius: inherit; } .sn_grid_to_slider__media picture, .sn_grid_to_slider__media img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media only screen and (min-width: 75em) { .sn_grid_to_slider__slider { grid-area: slider; } } .sn_grid_to_slider__swiper { overflow: visible; } .sn_grid_to_slider__swiper > .swiper-wrapper > .swiper-slide { width: calc((100% - 0.1rem) / 1.1); margin-right: 1rem; } @media only screen and (min-width: 48em) { .sn_grid_to_slider__swiper > .swiper-wrapper > .swiper-slide { width: calc((100% - 1.2rem) / 2.2); margin-right: 1rem; } } @media only screen and (min-width: 62em) { .sn_grid_to_slider__swiper > .swiper-wrapper > .swiper-slide { width: calc((100% - 2rem) / 3); margin-right: 1rem; } } @media only screen and (min-width: 75em) { .sn_grid_to_slider__swiper > .swiper-wrapper { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; } .sn_grid_to_slider__swiper > .swiper-wrapper > .swiper-slide { width: auto; margin: 0; } } .sn_grid_to_slider__slide { height: auto; } .sn_grid_to_slider__card__i { display: flex; flex-direction: column; justify-content: space-between; gap: 2.5rem; height: 100%; padding: 1rem; border-radius: 1rem; color: #100040; background-color: #FBFAFC; } @media only screen and (min-width: 75em) { .sn_grid_to_slider__card__i { padding: 1.5rem; } } .sn_grid_to_slider__card__i .icon { flex-shrink: 0; color: #EB5C68; width: 2.5rem; height: 2.5rem; } @media only screen and (min-width: 75em) { .sn_grid_to_slider__card__i .icon { width: 3rem; height: 3rem; } } .sn_grid_to_slider__card__i .icon svg-sprite { display: block; width: 100%; height: 100%; } .sn_grid_to_slider__card__i .body { display: flex; flex-direction: column; gap: 0.75rem; } @media only screen and (min-width: 75em) { .sn_grid_to_slider__card__i .body { gap: 1rem; } } .sn_grid_to_slider__card__i .title { color: #7757D9; font-weight: 500; } .sn_grid_to_slider__card__i .text { margin: 0; } .sn_grid_to_slider__nav { justify-content: flex-end; margin-top: 1.5rem; } @media only screen and (min-width: 75em) { .sn_grid_to_slider__nav { display: none; } } .sn_faq_group__inner { display: flex; flex-direction: column; gap: 1.5rem; max-width: 55rem; margin-inline: auto; } @media only screen and (min-width: 75em) { .sn_faq_group__inner { gap: 4rem; } } @media only screen and (min-width: 75em) { .sn_faq_group__title { text-align: center; } } .sn_faq_group__list { display: flex; flex-direction: column; gap: 1rem; } @media only screen and (min-width: 75em) { .sn_faq_group__list { gap: 1.5rem; } } .sn_faq_group__foot { display: flex; flex-direction: column; gap: 0.75rem; } @media only screen and (min-width: 75em) { .sn_faq_group__foot { align-items: center; gap: 1rem; } } .sn_faq_group__foot__text { margin: 0; } .sn_main_press__body { padding-block: 2.5rem 10rem; } @media only screen and (min-width: 75em) { .sn_main_press__body { padding-block: 4rem 11.25rem; } } .sn_main_press__filterable { display: flex; flex-direction: column; gap: 2rem; } @media only screen and (min-width: 75em) { .sn_main_press__filterable { gap: 2.5rem; } } .sn_main_press__filters { display: flex; flex-wrap: nowrap; align-items: center; gap: 1rem; } @media only screen and (min-width: 75em) { .sn_main_press__filters { flex-wrap: wrap; } } .sn_main_press__filters__label { flex-shrink: 0; margin: 0; color: #100040; } .sn_main_press__chips { display: flex; flex-wrap: nowrap; gap: 0.75rem; min-width: 0; -webkit-margin-end: calc(var(--bs-gutter-x) * -0.5); margin-inline-end: calc(var(--bs-gutter-x) * -0.5); margin-block: -0.375rem; -webkit-padding-end: calc(var(--bs-gutter-x) * 0.5); padding-inline-end: calc(var(--bs-gutter-x) * 0.5); padding-block: 0.375rem; overflow-x: auto; } @media only screen and (min-width: 75em) { .sn_main_press__chips { flex-wrap: wrap; -webkit-margin-end: 0; margin-inline-end: 0; margin-block: 0; -webkit-padding-end: 0; padding-inline-end: 0; padding-block: 0; overflow-x: visible; } } .sn_main_press__groups { display: flex; flex-direction: column; gap: 2rem; } @media only screen and (min-width: 75em) { .sn_main_press__groups { gap: 2.5rem; } } .sn_main_press__group { display: flex; flex-direction: column; gap: 1rem; } .sn_main_press__group[hidden] { display: none; } .sn_main_press__group__title { font-family: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-weight: 500; color: #100040; } .sn_main_press__group__title { font-size: 1.25rem; } .sn_main_press__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; } @media only screen and (min-width: 48em) { .sn_main_press__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media only screen and (min-width: 75em) { .sn_main_press__grid { grid-template-columns: repeat(5, minmax(0, 1fr)); } } .sn_main_faq__body { padding-block: 3rem 4rem; } @media only screen and (min-width: 75em) { .sn_main_faq__body { padding-block: 4rem 7.5rem; } } .sn_main_faq__layout { display: flex; flex-direction: column; gap: 2.5rem; } @media only screen and (min-width: 75em) { .sn_main_faq__layout { flex-direction: row; align-items: flex-start; gap: 4rem; } } .sn_main_faq__nav { position: -webkit-sticky; position: sticky; top: 4rem; z-index: 2; margin-inline: calc(var(--bs-gutter-x) * -0.5); background-color: #F8F7FA; } @media only screen and (min-width: 75em) { .sn_main_faq__nav { flex: 0 0 20rem; width: 20rem; top: calc(7.75rem + 1.5rem); margin-inline: 0; background-color: transparent; } } .sn_main_faq__nav__list { list-style: none; margin: 0; display: flex; flex-direction: row; gap: 1.5rem; padding: 0.75rem calc(var(--bs-gutter-x) * 0.5); overflow-x: auto; scrollbar-width: none; } .sn_main_faq__nav__list::-webkit-scrollbar { display: none; } @media only screen and (min-width: 75em) { .sn_main_faq__nav__list { flex-direction: column; gap: 2rem; padding: 0; overflow: visible; } } .sn_main_faq__nav__i { flex-shrink: 0; } .sn_main_faq__nav__link { display: inline-flex; align-items: center; justify-content: center; padding-block: 0.25rem; white-space: nowrap; text-decoration: none; color: #100040; font-weight: 500; border-bottom: 2px solid transparent; transition: color 0.35s ease, border-color 0.35s ease; } .sn_main_faq__nav__link { font-size: 1.25rem; } .sn_main_faq__nav__link { --sn-focus-top: -0.3125rem; --sn-focus-right: -0.3125rem; --sn-focus-bottom: -0.3125rem; --sn-focus-left: -0.3125rem; --sn-focus-color: #100040; --sn-focus-border-width: 0.125rem; --sn-focus-border-radius: 0.375rem; --sn-focus-opacity: 0; position: relative; } .sn_main_faq__nav__link::before { content: ""; position: absolute; top: var(--sn-focus-inset, var(--sn-focus-y, var(--sn-focus-top))); right: var(--sn-focus-inset, var(--sn-focus-x, var(--sn-focus-right))); bottom: var(--sn-focus-inset, var(--sn-focus-y, var(--sn-focus-bottom))); left: var(--sn-focus-inset, var(--sn-focus-x, var(--sn-focus-left))); border-width: var(--sn-focus-border-width); border-style: solid; border-radius: var(--sn-focus-border-radius); border-color: var(--sn-focus-color); opacity: var(--sn-focus-opacity); pointer-events: none; transition: border-color 0.35s ease, opacity 0.35s ease; } .sn_main_faq__nav__link:focus-visible { --sn-focus-opacity: 1; outline: none; } .sn_main_faq__nav__link.__active { color: #3300CC; font-weight: 600; border-bottom-color: #EB5C68; } .sn_main_faq__groups { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 3rem; } @media only screen and (min-width: 75em) { .sn_main_faq__groups { gap: 4rem; } } .sn_main_faq__group { display: flex; flex-direction: column; gap: 1rem; scroll-margin-top: 4rem; } @media only screen and (min-width: 75em) { .sn_main_faq__group { gap: 1.5rem; scroll-margin-top: 7.75rem; } } .sn_main_faq__group__title { font-family: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-weight: 500; color: #100040; } .sn_main_faq__group__title { font-size: 1.25rem; } @media only screen and (min-width: 48em) { .sn_main_faq__group__title { font-size: 1.5rem; } } .sn_main_faq__list { display: flex; flex-direction: column; gap: 1rem; } @media only screen and (min-width: 75em) { .sn_main_faq__list { gap: 1.5rem; } } .sn_main_reserved__body { padding-block: 3rem 4rem; } @media only screen and (min-width: 75em) { .sn_main_reserved__body { padding-block: 4rem 7.5rem; } } .sn_main_reserved__layout { display: flex; flex-direction: column; gap: 2.5rem; } @media only screen and (min-width: 75em) { .sn_main_reserved__layout { flex-direction: row; align-items: flex-start; gap: 4rem; } } .sn_main_reserved__nav { position: -webkit-sticky; position: sticky; top: 4rem; z-index: 2; margin-inline: calc(var(--bs-gutter-x) * -0.5); background-color: #F8F7FA; } @media only screen and (min-width: 75em) { .sn_main_reserved__nav { flex: 0 0 20rem; width: 20rem; top: calc(7.75rem + 1.5rem); margin-inline: 0; background-color: transparent; } } .sn_main_reserved__nav__list { list-style: none; margin: 0; display: flex; flex-direction: row; gap: 1.5rem; padding: 0.75rem calc(var(--bs-gutter-x) * 0.5); overflow-x: auto; scrollbar-width: none; } .sn_main_reserved__nav__list::-webkit-scrollbar { display: none; } @media only screen and (min-width: 75em) { .sn_main_reserved__nav__list { flex-direction: column; gap: 2rem; padding: 0; overflow: visible; } } .sn_main_reserved__nav__i { flex-shrink: 0; } .sn_main_reserved__nav__link { display: inline-flex; align-items: center; justify-content: center; padding-block: 0.25rem; white-space: nowrap; text-decoration: none; color: #100040; font-weight: 500; border-bottom: 2px solid transparent; transition: color 0.35s ease, border-color 0.35s ease; } .sn_main_reserved__nav__link { font-size: 1.25rem; } .sn_main_reserved__nav__link { --sn-focus-top: -0.3125rem; --sn-focus-right: -0.3125rem; --sn-focus-bottom: -0.3125rem; --sn-focus-left: -0.3125rem; --sn-focus-color: #100040; --sn-focus-border-width: 0.125rem; --sn-focus-border-radius: 0.375rem; --sn-focus-opacity: 0; position: relative; } .sn_main_reserved__nav__link::before { content: ""; position: absolute; top: var(--sn-focus-inset, var(--sn-focus-y, var(--sn-focus-top))); right: var(--sn-focus-inset, var(--sn-focus-x, var(--sn-focus-right))); bottom: var(--sn-focus-inset, var(--sn-focus-y, var(--sn-focus-bottom))); left: var(--sn-focus-inset, var(--sn-focus-x, var(--sn-focus-left))); border-width: var(--sn-focus-border-width); border-style: solid; border-radius: var(--sn-focus-border-radius); border-color: var(--sn-focus-color); opacity: var(--sn-focus-opacity); pointer-events: none; transition: border-color 0.35s ease, opacity 0.35s ease; } .sn_main_reserved__nav__link:focus-visible { --sn-focus-opacity: 1; outline: none; } .sn_main_reserved__nav__link.__active { color: #3300CC; font-weight: 600; border-bottom-color: #EB5C68; } .sn_main_reserved__groups { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 2.5rem; } @media only screen and (min-width: 75em) { .sn_main_reserved__groups { gap: 2.5rem; } } .sn_main_reserved__group { display: flex; flex-direction: column; gap: 1rem; scroll-margin-top: 4rem; } @media only screen and (min-width: 75em) { .sn_main_reserved__group { scroll-margin-top: 7.75rem; } } .sn_main_reserved__group__title { font-family: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-weight: 500; color: #100040; } .sn_main_reserved__group__title { font-size: 1.25rem; } .sn_main_reserved__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; } @media only screen and (min-width: 48em) { .sn_main_reserved__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media only screen and (min-width: 75em) { .sn_main_reserved__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .sn_main_archive__header { padding-block: 1.5rem; color: #fff; background-color: #EB5C68; --bs-heading-color: #fff; } @media only screen and (min-width: 75em) { .sn_main_archive__header { padding-block: 2rem; } } .sn_main_archive__header .sn_label { --sn-label-bg: #3300CC; } .sn_main_archive__body { padding-block: 2.5rem 5rem; } @media only screen and (min-width: 75em) { .sn_main_archive__body { padding-block: 4rem 7.5rem; } } .sn_main_archive__filters { display: flex; flex-wrap: nowrap; align-items: center; gap: 1rem; margin-bottom: 2rem; } @media only screen and (min-width: 75em) { .sn_main_archive__filters { flex-wrap: wrap; margin-bottom: 2.5rem; } } .sn_main_archive__filters__label { flex-shrink: 0; margin: 0; color: #100040; } .sn_main_archive__chips { display: flex; flex-wrap: nowrap; gap: 0.75rem; min-width: 0; -webkit-margin-end: calc(var(--bs-gutter-x) * -0.5); margin-inline-end: calc(var(--bs-gutter-x) * -0.5); margin-block: -0.375rem; -webkit-padding-end: calc(var(--bs-gutter-x) * 0.5); padding-inline-end: calc(var(--bs-gutter-x) * 0.5); padding-block: 0.375rem; overflow-x: auto; } @media only screen and (min-width: 75em) { .sn_main_archive__chips { flex-wrap: wrap; -webkit-margin-end: 0; margin-inline-end: 0; margin-block: 0; -webkit-padding-end: 0; padding-inline-end: 0; padding-block: 0; overflow-x: visible; } } .sn_main_archive__featured, .sn_main_archive__all { display: flex; flex-direction: column; gap: 1.5rem; } .sn_main_archive__featured { margin-bottom: 2rem; } @media only screen and (min-width: 75em) { .sn_main_archive__featured { margin-bottom: 2.5rem; } } .sn_main_archive__section__title { font-family: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-weight: 500; color: #100040; } .sn_main_archive__section__title { font-size: 1.25rem; } .sn_main_archive__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.5rem; } @media only screen and (min-width: 48em) { .sn_main_archive__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media only screen and (min-width: 75em) { .sn_main_archive__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .sn_main_archive__empty { margin: 0; color: #7A7880; } .sn_main_archive__pagination { margin-top: 2.5rem; } @media only screen and (min-width: 75em) { .sn_main_archive__pagination { margin-top: 4rem; } } .sn_main_article { padding-block: 1rem 4rem; } @media only screen and (min-width: 75em) { .sn_main_article { padding-block: 1.5rem 7.5rem; } } .sn_main_article__inner { display: flex; flex-direction: column; gap: 2rem; max-width: 63rem; margin-inline: auto; } @media only screen and (min-width: 75em) { .sn_main_article__inner { gap: 3rem; } } .sn_main_article__intro { display: flex; flex-direction: column; gap: 1.5rem; } @media only screen and (min-width: 75em) { .sn_main_article__intro { gap: 2rem; } } .sn_main_article__meta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; } .sn_main_article__meta__info { display: flex; align-items: center; gap: 1rem; } @media only screen and (min-width: 75em) { .sn_main_article__meta__info { gap: 1.5rem; } } .sn_main_article__date { color: #7A7880; } .sn_main_article__date { font-size: 1rem; } @media only screen and (min-width: 48em) { .sn_main_article__date { font-size: 1.125rem; } } .sn_main_article__share { display: flex; align-items: center; gap: 0.75rem; } .sn_main_article__share__label { color: #100040; } .sn_main_article__share__label { font-size: 1rem; } @media only screen and (min-width: 48em) { .sn_main_article__share__label { font-size: 1.125rem; } } .sn_main_article__title, .sn_main_article h2, .sn_main_article .h2 { font-family: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-weight: 500; color: #100040; } .sn_main_article__title, .sn_main_article h2, .sn_main_article .h2 { font-size: 1.75rem; } @media only screen and (min-width: 48em) { .sn_main_article__title, .sn_main_article h2, .sn_main_article .h2 { font-size: 2rem; } } .sn_main_article__cover { height: 15rem; overflow: hidden; border-radius: 1rem; } @media only screen and (min-width: 75em) { .sn_main_article__cover { height: 32.5rem; } } .sn_main_article__cover picture, .sn_main_article__cover img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .sn_main_article__lead { color: #100040; } .sn_main_article__related { margin-top: 3rem; } @media only screen and (min-width: 75em) { .sn_main_article__related { margin-top: 5rem; } } .sn_main_article__related__title { margin-bottom: 1.5rem; font-family: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-weight: 500; color: #100040; } .sn_main_article__related__title { font-size: 1.25rem; } .sn_main_article__related__grid { display: grid; grid-template-columns: 1fr; gap: 1.5rem; } @media only screen and (min-width: 48em) { .sn_main_article__related__grid { grid-template-columns: repeat(2, 1fr); } } @media only screen and (min-width: 75em) { .sn_main_article__related__grid { grid-template-columns: repeat(3, 1fr); } } .sn_article_body { display: flex; flex-direction: column; gap: 2rem; } @media only screen and (min-width: 75em) { .sn_article_body { gap: 3rem; } } .sn_article_text { display: flex; flex-direction: column; gap: 1rem; } .sn_article_text__title { font-family: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-weight: 500; color: #100040; } .sn_article_text__title { font-size: 1.5rem; } @media only screen and (min-width: 48em) { .sn_article_text__title { font-size: 1.75rem; } } .sn_article_text__text { color: #100040; } .sn_article_text .h3, .sn_article_text .h4, .sn_article_text h3, .sn_article_text h4 { color: #100040; } .sn_article_quote { margin: 0; display: flex; flex-direction: column; align-items: center; gap: 2rem; } .sn_article_quote__body { width: 100%; display: flex; flex-direction: column; gap: 0.75rem; padding-left: 1.5rem; border-left: 0.125rem solid #EB5C68; color: #5D5A66; } .sn_article_quote__text { margin: 0; font-style: italic; } .sn_article_quote__author { font-weight: 600; letter-spacing: -0.03em; } .sn_article_quote__author { font-size: 1rem; } .sn_article_quote__media { width: 100%; max-width: 25rem; aspect-ratio: 400/490; overflow: hidden; border-radius: 1rem; } .sn_article_quote__media picture, .sn_article_quote__media img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .sn_article_image { margin: 0; } .sn_article_image picture, .sn_article_image img { display: block; width: 100%; border-radius: 1rem; } .sn_article_image__caption { margin-top: 0.75rem; text-align: center; color: #7A7880; } .sn_article_image__caption { font-size: 0.875rem; } @media only screen and (min-width: 48em) { .sn_article_image__caption { font-size: 1rem; } } .sn_article_banner { display: flex; flex-direction: column; align-items: center; gap: 2rem; padding: 1.5rem; border-radius: 1rem; color: #fff; background-color: #EB5C68; } .sn_article_banner__body { display: flex; flex-direction: column; gap: 1.5rem; width: 100%; text-align: center; } .sn_article_banner__title { font-family: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-weight: 500; } .sn_article_banner__title { font-size: 1.75rem; } .sn_article_banner__text { margin: 0; } .sn_article_banner__text { font-size: 1.25rem; } @media only screen and (min-width: 48em) { .sn_article_banner__text { font-size: 1.5rem; } } @media only screen and (min-width: 62em) { .sn_article_banner .btn { height: auto; padding: 0.75rem 0.75rem 0.75rem 1rem; font-size: 1rem; } } .sn_card_file { position: relative; display: flex; flex-direction: column; justify-content: flex-end; min-height: 11.625rem; padding: 1.5rem; border-radius: 1rem; background-color: #fff; color: #110E1A; text-decoration: none; } .sn_card_file { --sn-focus-top: -0.3125rem; --sn-focus-right: -0.3125rem; --sn-focus-bottom: -0.3125rem; --sn-focus-left: -0.3125rem; --sn-focus-color: #100040; --sn-focus-border-width: 0.125rem; --sn-focus-border-radius: 1rem; --sn-focus-opacity: 0; position: relative; } .sn_card_file::before { content: ""; position: absolute; top: var(--sn-focus-inset, var(--sn-focus-y, var(--sn-focus-top))); right: var(--sn-focus-inset, var(--sn-focus-x, var(--sn-focus-right))); bottom: var(--sn-focus-inset, var(--sn-focus-y, var(--sn-focus-bottom))); left: var(--sn-focus-inset, var(--sn-focus-x, var(--sn-focus-left))); border-width: var(--sn-focus-border-width); border-style: solid; border-radius: var(--sn-focus-border-radius); border-color: var(--sn-focus-color); opacity: var(--sn-focus-opacity); pointer-events: none; transition: border-color 0.35s ease, opacity 0.35s ease; } .sn_card_file:focus-visible { --sn-focus-opacity: 1; outline: none; } .sn_card_file__icon { position: absolute; top: 0.9375rem; left: 0.8125rem; color: #EB5C68; } .sn_card_file__icon svg-sprite { display: block; width: 3rem; height: 3rem; } .sn_card_file__title { min-width: 0; } .sn_card_file__title { font-size: 1rem; } @media only screen and (min-width: 48em) { .sn_card_file__title { font-size: 1.25rem; } } @media only screen and (min-width: 0em) and (max-width: 47.99em) { .sn_card_file__title { overflow-wrap: break-word; -webkit-hyphens: auto; hyphens: auto; } } .sn_form_partner__head { display: flex; flex-direction: column; gap: 1rem; margin-bottom: 2rem; } @media only screen and (min-width: 75em) { .sn_form_partner__head { gap: 2rem; margin-bottom: 4rem; text-align: center; } } .sn_form_partner__text { margin: 0; } .sn_form_partner__required { margin-bottom: 1.5rem; color: #F8F7FA; } .sn_form_partner__image { overflow: hidden; border-radius: 1rem; } .sn_form_process__title { margin-bottom: 2rem; } @media only screen and (min-width: 75em) { .sn_form_process__title { text-align: center; } } .sn_form_process__steps { display: flex; flex-direction: column; gap: 2rem; margin: 0 0 2.5rem; padding: 0; list-style: none; } @media only screen and (min-width: 75em) { .sn_form_process__steps { flex-direction: row; gap: 4rem; margin-bottom: 4rem; } } .sn_form_process__steps__i { display: flex; flex-direction: column; gap: 1.5rem; } @media only screen and (min-width: 75em) { .sn_form_process__steps__i { flex: 1 1 0; } } .sn_form_process__num { color: #EBBABE; } .sn_form_process__step { display: flex; flex-direction: column; gap: 1rem; } .sn_form_process__step__title { font-weight: 500; } .sn_form_process__step__text { margin: 0; } .sn_form_process__required { margin-bottom: 1.5rem; color: #F8F7FA; } .sn_registration__body { padding-block: 3rem 5rem; } @media only screen and (min-width: 75em) { .sn_registration__body { padding-block: 4rem 7.5rem; } } .sn_registration__required { margin: 0 0 1.5rem; color: #5D5A66; } .sn_registration__required { font-size: 1rem; } .sn_registration .form-control, .sn_registration .form-select { border-color: #ADAAB5; } .sn_registration .form-check-input { border-color: #EB5C68; } .sn_registration .form-check-input:checked { background-color: #EB5C68; border-color: #EB5C68; background-image: url("data:image/svg+xml,"); background-repeat: no-repeat; background-position: center; background-size: 80% 80%; }