html {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
box-sizing: border-box;
-webkit-text-size-adjust: 100%;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
strong,
b {
font-weight: 700;
}
body {
margin: 0;
color: #0f1e33;
font-size: 1.05rem;
font-weight: 400;
font-family: "__Outfit_245e91", "__Outfit_Fallback_245e91", Helvetica, Arial, sans-serif;
line-height: 1.5;
background-color: #fff;
}
@media (min-width: 600px) {
body {
font-size: 1rem;
}
}
@media (min-width: 900px) {
body {
font-size: 1.1667rem;
}
}
@media (min-width: 1200px) {
body {
font-size: 1.1667rem;
}
}
@media print {
body {
background-color: #fff;
}
}
body::backdrop {
background-color: #fff;
}
.mui-style-zf0iqh {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
min-height: 100vh;
}
.mui-style-1vbim9v {
width: 100%;
margin-left: auto;
box-sizing: border-box;
margin-right: auto;
}
@media (min-width: 1440px) {
.mui-style-1vbim9v {
max-width: 1440px;
}
}
.mui-style-1fix9sv {
background-color: #fff;
color: #0f1e33;
-webkit-transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
box-shadow: var(--Paper-shadow);
background-image: var(--Paper-overlay);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
box-sizing: border-box;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
position: static;
--AppBar-background: transparent;
--AppBar-color: inherit;
background-color: var(--AppBar-background);
color: var(--AppBar-color);
}
.mui-style-63usxd {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 16px;
}
.mui-style-63usxd > :not(style):not(style) {
margin: 0;
}
.mui-style-63usxd > :not(style) ~ :not(style) {
margin-left: 16px;
}
@media (min-width: 0px) {
.mui-style-63usxd {
padding-left: 24px;
padding-right: 16px;
padding-bottom: 8px;
}
}
@media (min-width: 900px) {
.mui-style-63usxd {
padding-left: 32px;
padding-right: 32px;
padding-bottom: 0px;
}
}
.mui-style-cs5oou {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-basis: 140px;
-ms-flex-preferred-size: 140px;
flex-basis: 140px;
-webkit-align-items: flex-start;
-webkit-box-align: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
padding-top: 8px;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.mui-style-g845sv {
margin: 0;
font: inherit;
line-height: inherit;
letter-spacing: inherit;
color: #1a2b63;
-webkit-text-decoration: underline;
text-decoration: underline;
text-decoration-color: var(--Link-underlineColor);
--Link-underlineColor: rgba(26, 43, 99, 0.4);
font-weight: 500;
}
.mui-style-g845sv:hover {
text-decoration-color: inherit;
}
.mui-style-1tp4dev {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.mui-style-wnzgwx {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.mui-style-wnzgwx > :not(style):not(style) {
margin: 0;
}
.mui-style-wnzgwx > :not(style) ~ :not(style) {
margin-left: 16px;
}
@media (min-width: 0px) {
.mui-style-wnzgwx {
display: none;
}
}
@media (min-width: 900px) {
.mui-style-wnzgwx {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
}
.mui-style-1c16slk {
margin: 0;
font: inherit;
line-height: inherit;
letter-spacing: inherit;
color: #1a2b63;
-webkit-text-decoration: underline;
text-decoration: underline;
text-decoration-color: var(--Link-underlineColor);
--Link-underlineColor: rgba(26, 43, 99, 0.4);
font-weight: 500;
-webkit-text-decoration: none;
text-decoration: none;
color: #0f1e33;
border-bottom: 1px solid;
border-color: transparent;
font-size: 1rem;
}
.mui-style-1c16slk:hover {
text-decoration-color: inherit;
}
.mui-style-1c16slk:hover {
border-color: #1a2b63;
}
.mui-style-1yrz8ji {
margin: 0;
font: inherit;
line-height: inherit;
letter-spacing: inherit;
color: #1a2b63;
-webkit-text-decoration: underline;
text-decoration: underline;
text-decoration-color: var(--Link-underlineColor);
--Link-underlineColor: rgba(26, 43, 99, 0.4);
position: relative;
-webkit-tap-highlight-color: transparent;
background-color: transparent;
outline: 0;
border: 0;
margin: 0;
border-radius: 0;
padding: 0;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-moz-appearance: none;
-webkit-appearance: none;
font-weight: 500;
-webkit-text-decoration: none;
text-decoration: none;
color: #0f1e33;
border-bottom: 1px solid;
border-color: #1a2b63;
font-size: 1rem;
}
.mui-style-1yrz8ji:hover {
text-decoration-color: inherit;
}
.mui-style-1yrz8ji::-moz-focus-inner {
border-style: none;
}
.mui-style-1yrz8ji.Mui-focusVisible {
outline: auto;
}
.mui-style-1yrz8ji:hover {
border-color: #1a2b63;
}
.mui-style-1l7d8t {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.mui-style-1l7d8t > :not(style):not(style) {
margin: 0;
}
.mui-style-1l7d8t > :not(style) ~ :not(style) {
margin-left: 16px;
}
@media (min-width: 900px) {
.mui-style-1l7d8t {
-webkit-flex-basis: 140px;
-ms-flex-preferred-size: 140px;
flex-basis: 140px;
}
}
.mui-style-1qav41q {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
@media (min-width: 0px) {
.mui-style-1qav41q {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
}
@media (min-width: 900px) {
.mui-style-1qav41q {
display: none;
}
}
.mui-style-sv4feg {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
position: relative;
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
background-color: transparent;
outline: 0;
border: 0;
margin: 0;
border-radius: 0;
padding: 0;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-moz-appearance: none;
-webkit-appearance: none;
-webkit-text-decoration: none;
text-decoration: none;
color: inherit;
text-align: center;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
font-size: 1.5rem;
padding: 8px;
border-radius: 50%;
color: rgba(0, 0, 0, 0.54);
-webkit-transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
--IconButton-hoverBg: rgba(0, 0, 0, 0.04);
color: #0f1e33;
}
.mui-style-sv4feg::-moz-focus-inner {
border-style: none;
}
.mui-style-sv4feg.Mui-disabled {
pointer-events: none;
cursor: default;
}
@media print {
.mui-style-sv4feg {
-webkit-print-color-adjust: exact;
color-adjust: exact;
}
}
.mui-style-sv4feg:hover {
background-color: var(--IconButton-hoverBg);
}
@media (hover: none) {
.mui-style-sv4feg:hover {
background-color: transparent;
}
}
.mui-style-sv4feg.Mui-disabled {
background-color: transparent;
color: rgba(0, 0, 0, 0.26);
}
.mui-style-sv4feg.MuiIconButton-loading {
color: transparent;
}
.mui-style-q7mezt {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 1em;
height: 1em;
display: inline-block;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
fill: currentColor;
font-size: 1.5rem;
}
.mui-style-1rdmk6h {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
min-height: 100%;
}
.mui-style-1spa6yf {
width: 100%;
margin-left: auto;
box-sizing: border-box;
margin-right: auto;
}
@media (min-width: 1440px) {
.mui-style-1spa6yf {
max-width: 1440px;
}
}
@media (min-width: 0px) {
.mui-style-1spa6yf {
padding: 8px;
}
}
@media (min-width: 900px) {
.mui-style-1spa6yf {
padding: 16px;
}
}
.mui-style-sc2hrt {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
@media (min-width: 0px) {
.mui-style-sc2hrt > :not(style):not(style) {
margin: 0;
}
.mui-style-sc2hrt > :not(style) ~ :not(style) {
margin-top: 32px;
}
}
@media (min-width: 600px) {
.mui-style-sc2hrt > :not(style):not(style) {
margin: 0;
}
.mui-style-sc2hrt > :not(style) ~ :not(style) {
margin-top: 48px;
}
}
@media (min-width: 900px) {
.mui-style-sc2hrt > :not(style):not(style) {
margin: 0;
}
.mui-style-sc2hrt > :not(style) ~ :not(style) {
margin-top: 96px;
}
}
.mui-style-1rrerex {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.mui-style-1rrerex > :not(style):not(style) {
margin: 0;
}
.mui-style-1rrerex > :not(style) ~ :not(style) {
margin-top: 32px;
}
.mui-style-1j0yvej {
width: 100%;
margin-left: auto;
box-sizing: border-box;
margin-right: auto;
-webkit-background-size: cover;
background-size: cover;
border-radius: 16px;
overflow: hidden;
}
@media (min-width: 1440px) {
.mui-style-1j0yvej {
max-width: 1440px;
}
}
@media (min-width: 0px) {
.mui-style-1j0yvej {
background-image: -webkit-image-set(url(https://static.keysavvy.pictures/cdn-cgi/image/width=1920,quality=65,format=auto/_next/static/media/hero-mobile.e791a024.png) 1x, url(https://static.keysavvy.pictures/cdn-cgi/image/width=3840,quality=65,format=auto/_next/static/media/hero-mobile.e791a024.png) 2x);
background-image: image-set(url(https://static.keysavvy.pictures/cdn-cgi/image/width=1920,quality=65,format=auto/_next/static/media/hero-mobile.e791a024.png) 1x, url(https://static.keysavvy.pictures/cdn-cgi/image/width=3840,quality=65,format=auto/_next/static/media/hero-mobile.e791a024.png) 2x);
}
}
@media (min-width: 900px) {
.mui-style-1j0yvej {
background-image: -webkit-image-set(url(https://static.keysavvy.pictures/cdn-cgi/image/width=1920,quality=65,format=auto/_next/static/media/hero-image.a283cd47.png) 1x, url(https://static.keysavvy.pictures/cdn-cgi/image/width=3840,quality=65,format=auto/_next/static/media/hero-image.a283cd47.png) 2x);
background-image: image-set(url(https://static.keysavvy.pictures/cdn-cgi/image/width=1920,quality=65,format=auto/_next/static/media/hero-image.a283cd47.png) 1x, url(https://static.keysavvy.pictures/cdn-cgi/image/width=3840,quality=65,format=auto/_next/static/media/hero-image.a283cd47.png) 2x);
}
}
.mui-style-11jvirh {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
color: #fff;
background: linear-gradient(
to right,
hsla(0, 0%, 0%, 0.82) 0%,
hsla(0, 0%, 0%, 0.81) 13.7%,
hsla(0, 0%, 0%, 0.78) 25.7%,
hsla(0, 0%, 0%, 0.735) 36.2%,
hsla(0, 0%, 0%, 0.676) 45.3%,
hsla(0, 0%, 0%, 0.607) 53.3%,
hsla(0, 0%, 0%, 0.531) 60.1%,
hsla(0, 0%, 0%, 0.451) 66.1%,
hsla(0, 0%, 0%, 0.369) 71.3%,
hsla(0, 0%, 0%, 0.289) 75.9%,
hsla(0, 0%, 0%, 0.213) 80.1%,
hsla(0, 0%, 0%, 0.144) 84%,
hsla(0, 0%, 0%, 0.085) 87.8%,
hsla(0, 0%, 0%, 0.04) 91.6%,
hsla(0, 0%, 0%, 0.01) 95.6%,
hsla(0, 0%, 0%, 0) 100%
);
}
@media (min-width: 0px) {
.mui-style-11jvirh {
padding: 24px;
max-width: 90%;
}
}
@media (min-width: 600px) {
.mui-style-11jvirh {
padding: 32px;
max-width: 70%;
}
}
@media (min-width: 900px) {
.mui-style-11jvirh {
max-width: 60%;
}
}
@media (min-width: 1200px) {
.mui-style-11jvirh {
padding: 64px;
max-width: 50%;
}
}
.mui-style-j7qwjs {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.mui-style-1ov46kg {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.mui-style-1ov46kg > :not(style):not(style) {
margin: 0;
}
.mui-style-1ov46kg > :not(style) ~ :not(style) {
margin-top: 16px;
}
.mui-style-1wva4d0 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 8px;
padding-right: 8px;
padding-top: 4px;
padding-bottom: 4px;
gap: 8px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
height: 32px;
background: rgba(255, 255, 255, 0.1);
border-radius: 39996px;
}
.mui-style-10v117i {
margin: 0;
font-size: 0.9rem;
line-height: 1.2rem;
font-weight: 400;
font-family: "__Outfit_245e91", "__Outfit_Fallback_245e91", Helvetica, Arial, sans-serif;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.mui-style-88l7uy {
margin: 0;
font-size: 0.9rem;
line-height: 1.2rem;
font-weight: 400;
font-family: "__Outfit_245e91", "__Outfit_Fallback_245e91", Helvetica, Arial, sans-serif;
}
.mui-style-1eklek9 {
overflow: hidden;
height: 16px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 180px;
position: relative;
}
.mui-style-1gi7bwk {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition: -webkit-transform 0.5s ease-in-out;
transition: transform 0.5s ease-in-out;
position: absolute;
top: 0;
left: 0;
}
.mui-style-bs6fii {
margin: 0;
font-size: 0.9rem;
line-height: 1.2rem;
font-weight: 400;
font-family: "__Outfit_245e91", "__Outfit_Fallback_245e91", Helvetica, Arial, sans-serif;
line-height: 16px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
white-space: nowrap;
}
.mui-style-kwcfbv {
margin: 0;
font-size: 2.2rem;
line-height: 1.1;
font-weight: 500;
font-family: "__Outfit_245e91", "__Outfit_Fallback_245e91", Helvetica, Arial, sans-serif;
}
@media (min-width: 600px) {
.mui-style-kwcfbv {
font-size: 2.7273rem;
}
}
@media (min-width: 900px) {
.mui-style-kwcfbv {
font-size: 3.1818rem;
}
}
@media (min-width: 1200px) {
.mui-style-kwcfbv {
font-size: 3.4091rem;
}
}
.mui-style-hcuqcm {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: flex-start;
-webkit-box-align: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
padding-top: 128px;
}
.mui-style-hcuqcm > :not(style):not(style) {
margin: 0;
}
.mui-style-hcuqcm > :not(style) ~ :not(style) {
margin-top: 16px;
}
.mui-style-1o2bf4r {
margin: 0;
font-size: 1.05rem;
font-weight: 400;
font-family: "__Outfit_245e91", "__Outfit_Fallback_245e91", Helvetica, Arial, sans-serif;
line-height: 1.5;
}
@media (min-width: 600px) {
.mui-style-1o2bf4r {
font-size: 1rem;
}
}
@media (min-width: 900px) {
.mui-style-1o2bf4r {
font-size: 1.1667rem;
}
}
@media (min-width: 1200px) {
.mui-style-1o2bf4r {
font-size: 1.1667rem;
}
}
.mui-style-ukkdo1 {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
position: relative;
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
background-color: transparent;
outline: 0;
border: 0;
margin: 0;
border-radius: 0;
padding: 0;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-moz-appearance: none;
-webkit-appearance: none;
-webkit-text-decoration: none;
text-decoration: none;
color: inherit;
font-size: 1rem;
font-weight: 600;
text-transform: none;
font-family: "__Outfit_245e91", "__Outfit_Fallback_245e91", Helvetica, Arial, sans-serif;
line-height: 1.75;
min-width: 64px;
padding: 6px 16px;
border: 0;
border-radius: 4px;
-webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
color: var(--variant-containedColor);
background-color: var(--variant-containedBg);
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
--variant-textColor: #ecb238;
--variant-outlinedColor: #ecb238;
--variant-outlinedBorder: rgba(236, 178, 56, 0.5);
--variant-containedColor: rgba(0, 0, 0, 0.87);
--variant-containedBg: #ecb238;
padding: 8px 22px;
font-size: 0.9375rem;
box-shadow: none;
-webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
text-transform: none;
border-radius: 12px;
}
.mui-style-ukkdo1::-moz-focus-inner {
border-style: none;
}
.mui-style-ukkdo1.Mui-disabled {
pointer-events: none;
cursor: default;
}
@media print {
.mui-style-ukkdo1 {
-webkit-print-color-adjust: exact;
color-adjust: exact;
}
}
.mui-style-ukkdo1:hover {
-webkit-text-decoration: none;
text-decoration: none;
}
.mui-style-ukkdo1.Mui-disabled {
color: rgba(0, 0, 0, 0.26);
}
.mui-style-ukkdo1:hover {
box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
@media (hover: none) {
.mui-style-ukkdo1:hover {
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
}
.mui-style-ukkdo1:active {
box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.mui-style-ukkdo1.Mui-focusVisible {
box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.mui-style-ukkdo1.Mui-disabled {
color: rgba(0, 0, 0, 0.26);
box-shadow: none;
background-color: rgba(0, 0, 0, 0.12);
}
@media (hover: hover) {
.mui-style-ukkdo1:hover {
--variant-containedBg: #b9810a;
--variant-textBg: rgba(236, 178, 56, 0.04);
--variant-outlinedBorder: #ecb238;
--variant-outlinedBg: rgba(236, 178, 56, 0.04);
}
}
.mui-style-ukkdo1:hover {
box-shadow: none;
}
.mui-style-ukkdo1.Mui-focusVisible {
box-shadow: none;
}
.mui-style-ukkdo1:active {
box-shadow: none;
}
.mui-style-ukkdo1.Mui-disabled {
box-shadow: none;
}
.mui-style-ukkdo1.MuiButton-loading {
color: transparent;
}
.mui-style-xky9sc {
width: 100%;
overflow: hidden;
max-width: 100%;
-webkit-mask-image: linear-gradient(to right, transparent 0%, black 5%, black 95%, transparent 100%);
mask-image: linear-gradient(to right, transparent 0%, black 5%, black 95%, transparent 100%);
-webkit-mask-image: linear-gradient(to right, transparent 0%, black 5%, black 95%, transparent 100%);
}
.mui-style-hboir5 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
}
.mui-style-1kbxmv7 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-animation: swipe 70000ms linear infinite;
animation: swipe 70000ms linear infinite;
will-change: transform;
}
@-webkit-keyframes swipe {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
}
@keyframes swipe {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
}
@media (prefers-reduced-motion: reduce) {
.mui-style-1kbxmv7 {
-webkit-animation: none;
animation: none;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
}
.mui-style-137v9z4 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
padding: 0 16px;
height: 29px;
-webkit-filter: grayscale(100%) opacity(0.7);
filter: grayscale(100%) opacity(0.7);
background-color: transparent;
}
.mui-style-137v9z4 img {
height: 29px;
width: auto;
object-fit: contain;
max-width: 120px;
display: block;
}
.mui-style-9wvnva {
width: 100%;
margin-left: auto;
box-sizing: border-box;
margin-right: auto;
padding-left: 16px;
padding-right: 16px;
}
@media (min-width: 600px) {
.mui-style-9wvnva {
padding-left: 24px;
padding-right: 24px;
}
}
@media (min-width: 1200px) {
.mui-style-9wvnva {
max-width: 1200px;
}
}
.mui-style-t9s5kw {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
border: 1px solid #2269cd33;
background-color: #2269cd0d;
border-radius: 16px;
}
@media (min-width: 0px) {
.mui-style-t9s5kw {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.mui-style-t9s5kw > :not(style):not(style) {
margin: 0;
}
.mui-style-t9s5kw > :not(style) ~ :not(style) {
margin-top: 48px;
}
}
@media (min-width: 900px) {
.mui-style-t9s5kw {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.mui-style-t9s5kw > :not(style):not(style) {
margin: 0;
}
.mui-style-t9s5kw > :not(style) ~ :not(style) {
margin-left: 48px;
}
}
@media (min-width: 0px) {
.mui-style-t9s5kw {
padding-top: 16px;
padding-bottom: 16px;
padding-left: 16px;
padding-right: 16px;
}
}
@media (min-width: 600px) {
.mui-style-t9s5kw {
padding-top: 32px;
padding-bottom: 32px;
padding-left: 32px;
padding-right: 32px;
}
}
@media (min-width: 900px) {
.mui-style-t9s5kw {
padding-top: 32px;
padding-bottom: 32px;
padding-left: 48px;
padding-right: 48px;
}
}
.mui-style-14uo53s {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
@media (min-width: 0px) {
.mui-style-14uo53s {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
}
}
@media (min-width: 900px) {
.mui-style-14uo53s {
-webkit-align-self: flex-start;
-ms-flex-item-align: flex-start;
align-self: flex-start;
}
}
.mui-style-qfnw5i {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: flex-start;
-webkit-box-align: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
}
.mui-style-qfnw5i > :not(style):not(style) {
margin: 0;
}
.mui-style-qfnw5i > :not(style) ~ :not(style) {
margin-top: 16px;
}
.mui-style-18zsr3k {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.mui-style-18zsr3k > :not(style):not(style) {
margin: 0;
}
.mui-style-18zsr3k > :not(style) ~ :not(style) {
margin-top: 8px;
}
.mui-style-6vuml6 {
margin: 0;
font-family: "__Outfit_245e91", "__Outfit_Fallback_245e91", Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 0.75rem;
line-height: 2.66;
text-transform: uppercase;
font-weight: 600;
font-size: 1rem;
line-height: 1rem;
color: #2269cd;
}
.mui-style-ouzp10 {
margin: 0;
font-size: 1.55rem;
font-weight: 500;
font-family: "__Outfit_245e91", "__Outfit_Fallback_245e91", Helvetica, Arial, sans-serif;
line-height: 1.167;
}
@media (min-width: 600px) {
.mui-style-ouzp10 {
font-size: 1.928rem;
}
}
@media (min-width: 900px) {
.mui-style-ouzp10 {
font-size: 1.928rem;
}
}
@media (min-width: 1200px) {
.mui-style-ouzp10 {
font-size: 2.1422rem;
}
}
.mui-style-krfgfb {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
position: relative;
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
background-color: transparent;
outline: 0;
border: 0;
margin: 0;
border-radius: 0;
padding: 0;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-moz-appearance: none;
-webkit-appearance: none;
-webkit-text-decoration: none;
text-decoration: none;
color: inherit;
font-size: 1rem;
font-weight: 600;
text-transform: none;
font-family: "__Outfit_245e91", "__Outfit_Fallback_245e91", Helvetica, Arial, sans-serif;
line-height: 1.75;
min-width: 64px;
padding: 6px 16px;
border: 0;
border-radius: 4px;
-webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
color: var(--variant-containedColor);
background-color: var(--variant-containedBg);
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
--variant-textColor: #1a2b63;
--variant-outlinedColor: #1a2b63;
--variant-outlinedBorder: rgba(26, 43, 99, 0.5);
--variant-containedColor: #fff;
--variant-containedBg: #1a2b63;
box-shadow: none;
-webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
text-transform: none;
border-radius: 12px;
}
.mui-style-krfgfb::-moz-focus-inner {
border-style: none;
}
.mui-style-krfgfb.Mui-disabled {
pointer-events: none;
cursor: default;
}
@media print {
.mui-style-krfgfb {
-webkit-print-color-adjust: exact;
color-adjust: exact;
}
}
.mui-style-krfgfb:hover {
-webkit-text-decoration: none;
text-decoration: none;
}
.mui-style-krfgfb.Mui-disabled {
color: rgba(0, 0, 0, 0.26);
}
.mui-style-krfgfb:hover {
box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
@media (hover: none) {
.mui-style-krfgfb:hover {
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
}
.mui-style-krfgfb:active {
box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.mui-style-krfgfb.Mui-focusVisible {
box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.mui-style-krfgfb.Mui-disabled {
color: rgba(0, 0, 0, 0.26);
box-shadow: none;
background-color: rgba(0, 0, 0, 0.12);
}
@media (hover: hover) {
.mui-style-krfgfb:hover {
--variant-containedBg: rgb(18, 30, 69);
--variant-textBg: rgba(26, 43, 99, 0.04);
--variant-outlinedBorder: #1a2b63;
--variant-outlinedBg: rgba(26, 43, 99, 0.04);
}
}
.mui-style-krfgfb:hover {
box-shadow: none;
}
.mui-style-krfgfb.Mui-focusVisible {
box-shadow: none;
}
.mui-style-krfgfb:active {
box-shadow: none;
}
.mui-style-krfgfb.Mui-disabled {
box-shadow: none;
}
.mui-style-krfgfb.MuiButton-loading {
color: transparent;
}
.mui-style-ia0tsu {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: flex-start;
-webkit-box-align: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
}
@media (min-width: 0px) {
.mui-style-ia0tsu {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.mui-style-ia0tsu > :not(style):not(style) {
margin: 0;
}
.mui-style-ia0tsu > :not(style) ~ :not(style) {
margin-top: 32px;
}
}
@media (min-width: 900px) {
.mui-style-ia0tsu {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.mui-style-ia0tsu > :not(style):not(style) {
margin: 0;
}
.mui-style-ia0tsu > :not(style) ~ :not(style) {
margin-left: 64px;
}
}
.mui-style-1f9ku21 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.mui-style-1f9ku21 > :not(style):not(style) {
margin: 0;
}
.mui-style-1f9ku21 > :not(style) ~ :not(style) {
margin-top: 32px;
}
.mui-style-3df86d {
margin: 0;
font-size: 1.75rem;
font-weight: 500;
font-family: "__Outfit_245e91", "__Outfit_Fallback_245e91", Helvetica, Arial, sans-serif;
line-height: 1.2;
}
@media (min-width: 600px) {
.mui-style-3df86d {
font-size: 2.0833rem;
}
}
@media (min-width: 900px) {
.mui-style-3df86d {
font-size: 2.2917rem;
}
}
@media (min-width: 1200px) {
.mui-style-3df86d {
font-size: 2.5rem;
}
}
.mui-style-1qftbaz {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.mui-style-1qftbaz > :not(style):not(style) {
margin: 0;
}
.mui-style-1qftbaz > :not(style) ~ :not(style) {
margin-left: 12px;
}
.mui-style-19eeczd {
width: 100%;
max-height: 500px;
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
aspect-ratio: 1/1;
border-radius: 16px;
background-image: -webkit-image-set(url(https://static.keysavvy.pictures/cdn-cgi/image/width=640,quality=65,format=auto/_next/static/media/agent-image.f790cf4e.png) 1x, url(https://static.keysavvy.pictures/cdn-cgi/image/width=1080,quality=65,format=auto/_next/static/media/agent-image.f790cf4e.png) 2x);
background-image: image-set(url(https://static.keysavvy.pictures/cdn-cgi/image/width=640,quality=65,format=auto/_next/static/media/agent-image.f790cf4e.png) 1x, url(https://static.keysavvy.pictures/cdn-cgi/image/width=1080,quality=65,format=auto/_next/static/media/agent-image.f790cf4e.png) 2x);
-webkit-background-size: cover;
background-size: cover;
-webkit-background-position: center;
background-position: center;
position: relative;
}
.mui-style-k5tqiu {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
position: absolute;
}
@media (min-width: 0px) {
.mui-style-k5tqiu {
top: 32px;
left: 32px;
}
}
@media (min-width: 600px) {
.mui-style-k5tqiu {
top: 64px;
left: 64px;
}
}
.mui-style-1jh05ee {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #fff;
border-radius: 39996px;
color: #0f1e33;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 4px;
padding-right: 32px;
}
.mui-style-1jh05ee > :not(style):not(style) {
margin: 0;
}
.mui-style-1jh05ee > :not(style) ~ :not(style) {
margin-left: 12px;
}
.mui-style-xinetc {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
background-color: #1a2b63;
border-radius: 50%;
width: 28px;
height: 28px;
}
.mui-style-niz6gl {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 1em;
height: 1em;
display: inline-block;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
fill: currentColor;
font-size: 1.5rem;
width: 18.666666666666668px;
height: 18.666666666666668px;
}
.mui-style-8b3o6n {
width: 3px;
height: 20px;
background-color: #1a2b63;
opacity: 1;
margin-left: 16px;
margin-top: 4px;
margin-bottom: 4px;
border-radius: 39996px;
}
.mui-style-7ej438 {
width: 3px;
height: 20px;
background-color: #e0e0e0;
opacity: 0.6;
margin-left: 16px;
margin-top: 4px;
margin-bottom: 4px;
border-radius: 39996px;
}
.mui-style-10z5ylc {
width: 28px;
height: 28px;
border-radius: 50%;
border: 3px solid #e0e0e0;
background-color: #fff;
}
.mui-style-1vqtosd {
margin: 0;
font-size: 1.05rem;
font-weight: 400;
font-family: "__Outfit_245e91", "__Outfit_Fallback_245e91", Helvetica, Arial, sans-serif;
line-height: 1.5;
color: rgba(0, 0, 0, 0.6);
}
@media (min-width: 600px) {
.mui-style-1vqtosd {
font-size: 1rem;
}
}
@media (min-width: 900px) {
.mui-style-1vqtosd {
font-size: 1.1667rem;
}
}
@media (min-width: 1200px) {
.mui-style-1vqtosd {
font-size: 1.1667rem;
}
}
.mui-style-7rrsfj {
width: 100%;
margin-left: auto;
box-sizing: border-box;
margin-right: auto;
background-color: #f2efea;
border-radius: 16px;
}
@media (min-width: 1440px) {
.mui-style-7rrsfj {
max-width: 1440px;
}
}
.mui-style-5v12ek {
width: 100%;
margin-left: auto;
box-sizing: border-box;
margin-right: auto;
padding-left: 16px;
padding-right: 16px;
}
@media (min-width: 600px) {
.mui-style-5v12ek {
padding-left: 24px;
padding-right: 24px;
}
}
@media (min-width: 1200px) {
.mui-style-5v12ek {
max-width: 1200px;
}
}
@media (min-width: 0px) {
.mui-style-5v12ek {
padding-top: 24px;
padding-bottom: 24px;
}
}
@media (min-width: 600px) {
.mui-style-5v12ek {
padding-top: 32px;
padding-bottom: 32px;
}
}
@media (min-width: 900px) {
.mui-style-5v12ek {
padding-top: 64px;
padding-bottom: 64px;
}
}
.mui-style-1ee8kae {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
@media (min-width: 0px) {
.mui-style-1ee8kae > :not(style):not(style) {
margin: 0;
}
.mui-style-1ee8kae > :not(style) ~ :not(style) {
margin-top: 16px;
}
}
@media (min-width: 900px) {
.mui-style-1ee8kae > :not(style):not(style) {
margin: 0;
}
.mui-style-1ee8kae > :not(style) ~ :not(style) {
margin-top: 64px;
}
}
.mui-style-1e7qzlz {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 16px;
padding-right: 16px;
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.mui-style-1e7qzlz > :not(style):not(style) {
margin: 0;
}
.mui-style-1e7qzlz > :not(style) ~ :not(style) {
margin-top: 16px;
}
.mui-style-1klpoq2 {
--Grid-columns: 12;
--Grid-columnSpacing: 16px;
--Grid-rowSpacing: 16px;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
min-width: 0;
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: var(--Grid-rowSpacing) var(--Grid-columnSpacing);
}
.mui-style-1klpoq2 > * {
--Grid-parent-columns: 12;
}
.mui-style-1klpoq2 > * {
--Grid-parent-columnSpacing: 16px;
}
.mui-style-1klpoq2 > * {
--Grid-parent-rowSpacing: 16px;
}
.mui-style-1v2o5j7 {
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
width: calc(100% * 12 / var(--Grid-parent-columns) - (var(--Grid-parent-columns) - 12) * (var(--Grid-parent-columnSpacing) / var(--Grid-parent-columns)));
min-width: 0;
box-sizing: border-box;
}
@media (min-width: 1200px) {
.mui-style-1v2o5j7 {
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
width: calc(100% * 4 / var(--Grid-parent-columns) - (var(--Grid-parent-columns) - 4) * (var(--Grid-parent-columnSpacing) / var(--Grid-parent-columns)));
}
}
.mui-style-ani3gd {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
border-radius: 12px;
background-color: white;
padding-top: 24px;
padding-bottom: 24px;
height: 100%;
}
.mui-style-ani3gd > :not(style):not(style) {
margin: 0;
}
.mui-style-ani3gd > :not(style) ~ :not(style) {
margin-top: 24px;
}
.mui-style-t0051x {
padding-left: 24px;
padding-right: 24px;
}
.mui-style-m7x1qv {
margin: 0;
font-size: 1.15rem;
font-weight: 500;
font-family: "__Outfit_245e91", "__Outfit_Fallback_245e91", Helvetica, Arial, sans-serif;
line-height: 1.334;
}
@media (min-width: 600px) {
.mui-style-m7x1qv {
font-size: 1.3118rem;
}
}
@media (min-width: 900px) {
.mui-style-m7x1qv {
font-size: 1.3118rem;
}
}
@media (min-width: 1200px) {
.mui-style-m7x1qv {
font-size: 1.3118rem;
}
}
.mui-style-hhy13k {
padding-left: 12px;
padding-right: 12px;
}
.mui-style-lhqwtz {
border-radius: 12px;
background-color: #eef1f4;
min-height: 231px;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.mui-style-da1p73 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 24px;
padding-right: 24px;
}
.mui-style-da1p73 > :not(style):not(style) {
margin: 0;
}
.mui-style-da1p73 > :not(style) ~ :not(style) {
margin-top: 8px;
}
.mui-style-1db6ck7 {
margin: 0;
font-size: 1.05rem;
font-weight: 400;
font-family: "__Outfit_245e91", "__Outfit_Fallback_245e91", Helvetica, Arial, sans-serif;
line-height: 1.5;
font-weight: 400;
font-size: 16px;
letter-spacing: -1%;
line-height: 152%;
}
@media (min-width: 600px) {
.mui-style-1db6ck7 {
font-size: 1rem;
}
}
@media (min-width: 900px) {
.mui-style-1db6ck7 {
font-size: 1.1667rem;
}
}
@media (min-width: 1200px) {
.mui-style-1db6ck7 {
font-size: 1.1667rem;
}
}
.mui-style-t21h6w {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.mui-style-t21h6w > :not(style):not(style) {
margin: 0;
}
.mui-style-t21h6w > :not(style) ~ :not(style) {
margin-top: 16px;
}
.mui-style-100lvjb {
padding-left: 48px;
}
.mui-style-16np2ck {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
@media (min-width: 0px) {
.mui-style-16np2ck > :not(style):not(style) {
margin: 0;
}
.mui-style-16np2ck > :not(style) ~ :not(style) {
margin-top: 32px;
}
}
@media (min-width: 900px) {
.mui-style-16np2ck > :not(style):not(style) {
margin: 0;
}
.mui-style-16np2ck > :not(style) ~ :not(style) {
margin-top: 64px;
}
}
.mui-style-wkpw2c {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.mui-style-dnodl4 {
--Grid-columns: 12;
--Grid-columnSpacing: 16px;
--Grid-rowSpacing: 16px;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: var(--Grid-rowSpacing) var(--Grid-columnSpacing);
}
.mui-style-dnodl4 > * {
--Grid-parent-columns: 12;
}
.mui-style-dnodl4 > * {
--Grid-parent-columnSpacing: 16px;
}
@media (min-width: 900px) {
.mui-style-dnodl4 {
--Grid-columnSpacing: 24px;
}
.mui-style-dnodl4 > * {
--Grid-parent-columnSpacing: 24px;
}
}
.mui-style-dnodl4 > * {
--Grid-parent-rowSpacing: 16px;
}
@media (min-width: 900px) {
.mui-style-dnodl4 {
--Grid-rowSpacing: 24px;
}
.mui-style-dnodl4 > * {
--Grid-parent-rowSpacing: 24px;
}
}
@media (min-width: 900px) {
.mui-style-dnodl4 {
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
}
.mui-style-1vyu5pa {
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
width: calc(100% * 12 / var(--Grid-parent-columns) - (var(--Grid-parent-columns) - 12) * (var(--Grid-parent-columnSpacing) / var(--Grid-parent-columns)));
min-width: 0;
box-sizing: border-box;
}
@media (min-width: 900px) {
.mui-style-1vyu5pa {
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
width: calc(100% * 8 / var(--Grid-parent-columns) - (var(--Grid-parent-columns) - 8) * (var(--Grid-parent-columnSpacing) / var(--Grid-parent-columns)));
}
}
.mui-style-14qipbo {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #f2efea;
border-radius: 16px;
min-height: 200px;
}
@media (min-width: 0px) {
.mui-style-14qipbo {
padding-top: 32px;
}
}
@media (min-width: 900px) {
.mui-style-14qipbo {
padding-top: 72px;
}
}
.mui-style-20tnkx {
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
width: calc(100% * 12 / var(--Grid-parent-columns) - (var(--Grid-parent-columns) - 12) * (var(--Grid-parent-columnSpacing) / var(--Grid-parent-columns)));
min-width: 0;
box-sizing: border-box;
}
@media (min-width: 900px) {
.mui-style-20tnkx {
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
width: calc(100% * 4 / var(--Grid-parent-columns) - (var(--Grid-parent-columns) - 4) * (var(--Grid-parent-columnSpacing) / var(--Grid-parent-columns)));
}
}
.mui-style-9fkh08 {
--Grid-columns: 12;
--Grid-columnSpacing: 16px;
--Grid-rowSpacing: 16px;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: var(--Grid-rowSpacing) var(--Grid-columnSpacing);
}
.mui-style-9fkh08 > * {
--Grid-parent-columns: 12;
}
.mui-style-9fkh08 > * {
--Grid-parent-columnSpacing: 16px;
}
@media (min-width: 900px) {
.mui-style-9fkh08 {
--Grid-columnSpacing: 24px;
}
.mui-style-9fkh08 > * {
--Grid-parent-columnSpacing: 24px;
}
}
.mui-style-9fkh08 > * {
--Grid-parent-rowSpacing: 16px;
}
@media (min-width: 900px) {
.mui-style-9fkh08 {
--Grid-rowSpacing: 24px;
}
.mui-style-9fkh08 > * {
--Grid-parent-rowSpacing: 24px;
}
}
@media (min-width: 900px) {
.mui-style-9fkh08 {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
}
.mui-style-ycw0im {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 32px;
}
@media (min-width: 0px) {
.mui-style-ycw0im > :not(style):not(style) {
margin: 0;
}
.mui-style-ycw0im > :not(style) ~ :not(style) {
margin-top: 32px;
}
}
@media (min-width: 600px) {
.mui-style-ycw0im > :not(style):not(style) {
margin: 0;
}
.mui-style-ycw0im > :not(style) ~ :not(style) {
margin-top: 64px;
}
}
.mui-style-gmqxu9 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
padding-left: 16px;
padding-right: 16px;
}
@media (min-width: 0px) {
.mui-style-gmqxu9 > :not(style):not(style) {
margin: 0;
}
.mui-style-gmqxu9 > :not(style) ~ :not(style) {
margin-top: 8px;
}
}
@media (min-width: 600px) {
.mui-style-gmqxu9 > :not(style):not(style) {
margin: 0;
}
.mui-style-gmqxu9 > :not(style) ~ :not(style) {
margin-top: 16px;
}
}
.mui-style-1jc62ek {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.mui-style-1jc62ek > :not(style):not(style) {
margin: 0;
}
.mui-style-1jc62ek > :not(style) ~ :not(style) {
margin-left: 16px;
}
.mui-style-1emwjdx {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid rgba(0, 0, 0, 0.1);
padding-left: 6px;
padding-right: 8px;
padding-top: 4px;
padding-bottom: 4px;
border-radius: 8px;
background: rgba(255, 255, 255, 0.5);
color: rgba(0, 0, 0, 0.8);
}
.mui-style-1emwjdx > :not(style):not(style) {
margin: 0;
}
.mui-style-1emwjdx > :not(style) ~ :not(style) {
margin-left: 8px;
}
.mui-style-lmzl00 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.mui-style-lmzl00 > :not(style):not(style) {
margin: 0;
}
.mui-style-lmzl00 > :not(style) ~ :not(style) {
margin-left: 4px;
}
.mui-style-1c36kp3 {
width: 1px;
height: 16px;
background-color: rgba(0, 0, 0, 0.1);
}
@media (min-width: 0px) {
.mui-style-1c36kp3 {
display: none;
}
}
@media (min-width: 600px) {
.mui-style-1c36kp3 {
display: block;
}
}
.mui-style-gmwyna {
margin: 0;
font-size: 0.9rem;
line-height: 1.2rem;
font-weight: 400;
font-family: "__Outfit_245e91", "__Outfit_Fallback_245e91", Helvetica, Arial, sans-serif;
}
@media (min-width: 0px) {
.mui-style-gmwyna {
display: none;
}
}
@media (min-width: 600px) {
.mui-style-gmwyna {
display: block;
}
}
.mui-style-1jnh5pe {
margin: 0;
font-size: 1.75rem;
font-weight: 500;
font-family: "__Outfit_245e91", "__Outfit_Fallback_245e91", Helvetica, Arial, sans-serif;
line-height: 1.2;
font-weight: 500;
}
@media (min-width: 600px) {
.mui-style-1jnh5pe {
font-size: 2.0833rem;
}
}
@media (min-width: 900px) {
.mui-style-1jnh5pe {
font-size: 2.2917rem;
}
}
@media (min-width: 1200px) {
.mui-style-1jnh5pe {
font-size: 2.5rem;
}
}
.mui-style-xdb3og {
overflow: hidden;
}
@media (min-width: 600px) {
.mui-style-xdb3og {
-webkit-mask-image: linear-gradient(to right, transparent 0%, white 5%, white 95%, transparent 100%);
mask-image: linear-gradient(to right, transparent 0%, white 5%, white 95%, transparent 100%);
}
}
.mui-style-19hf42e {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
max-width: 100vw;
}
.mui-style-19hf42e > :not(style):not(style) {
margin: 0;
}
.mui-style-19hf42e > :not(style) ~ :not(style) {
margin-left: 16px;
}
.mui-style-3vltfg {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
background-color: #f2efea;
padding: 32px;
border-radius: 16px;
border: 1px solid transparent;
-webkit-transition: background 0.2s ease-in-out, opacity 0.2s ease-in-out;
transition: background 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
.mui-style-3vltfg > :not(style):not(style) {
margin: 0;
}
.mui-style-3vltfg > :not(style) ~ :not(style) {
margin-top: 16px;
}
@media (min-width: 0px) {
.mui-style-3vltfg {
-webkit-flex: 0 0 80%;
-ms-flex: 0 0 80%;
flex: 0 0 80%;
height: 450px;
}
}
@media (min-width: 600px) {
.mui-style-3vltfg {
-webkit-flex: 0 0 500px;
-ms-flex: 0 0 500px;
flex: 0 0 500px;
}
}
@media (min-width: 900px) {
.mui-style-3vltfg {
height: 350px;
}
}
.mui-style-3vltfg:not(.is-snapped) {
border-color: #d9d9d9;
background-color: transparent;
opacity: 0.6;
}
.mui-style-zf48vq {
margin: 0;
font-size: 1.3rem;
font-weight: 500;
font-family: "__Outfit_245e91", "__Outfit_Fallback_245e91", Helvetica, Arial, sans-serif;
line-height: 1.235;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
font-weight: 400;
}
@media (min-width: 600px) {
.mui-style-zf48vq {
font-size: 1.417rem;
}
}
@media (min-width: 900px) {
.mui-style-zf48vq {
font-size: 1.6194rem;
}
}
@media (min-width: 1200px) {
.mui-style-zf48vq {
font-size: 1.6194rem;
}
}
.mui-style-1jby15f {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: flex-end;
-webkit-box-align: flex-end;
-ms-flex-align: flex-end;
align-items: flex-end;
}
.mui-style-1ylu0bo {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.mui-style-3hjulb {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
margin: auto;
}
.mui-style-3hjulb > :not(style):not(style) {
margin: 0;
}
.mui-style-3hjulb > :not(style) ~ :not(style) {
margin-left: 16px;
}
.mui-style-1a1b26v {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
position: relative;
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
background-color: transparent;
outline: 0;
border: 0;
margin: 0;
border-radius: 0;
padding: 0;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-moz-appearance: none;
-webkit-appearance: none;
-webkit-text-decoration: none;
text-decoration: none;
color: inherit;
text-align: center;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
font-size: 1.5rem;
padding: 8px;
border-radius: 50%;
color: rgba(0, 0, 0, 0.54);
-webkit-transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
--IconButton-hoverBg: rgba(0, 0, 0, 0.04);
border: 1px solid #d9d9d9;
}
.mui-style-1a1b26v::-moz-focus-inner {
border-style: none;
}
.mui-style-1a1b26v.Mui-disabled {
pointer-events: none;
cursor: default;
}
@media print {
.mui-style-1a1b26v {
-webkit-print-color-adjust: exact;
color-adjust: exact;
}
}
.mui-style-1a1b26v:hover {
background-color: var(--IconButton-hoverBg);
}
@media (hover: none) {
.mui-style-1a1b26v:hover {
background-color: transparent;
}
}
.mui-style-1a1b26v.Mui-disabled {
background-color: transparent;
color: rgba(0, 0, 0, 0.26);
}
.mui-style-1a1b26v.MuiIconButton-loading {
color: transparent;
}
.mui-style-1pgxre7 {
--Grid-columns: 12;
--Grid-columnSpacing: 16px;
--Grid-rowSpacing: 16px;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
min-width: 0;
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: var(--Grid-rowSpacing) var(--Grid-columnSpacing);
}
.mui-style-1pgxre7 > * {
--Grid-parent-columns: 12;
}
.mui-style-1pgxre7 > * {
--Grid-parent-columnSpacing: 16px;
}
.mui-style-1pgxre7 > * {
--Grid-parent-rowSpacing: 16px;
}
@media (min-width: 0px) {
.mui-style-1pgxre7 {
padding-top: 0px;
padding-bottom: 0px;
}
}
@media (min-width: 900px) {
.mui-style-1pgxre7 {
padding-top: 40px;
padding-bottom: 40px;
}
}
.mui-style-dwku5u {
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
width: calc(100% * 12 / var(--Grid-parent-columns) - (var(--Grid-parent-columns) - 12) * (var(--Grid-parent-columnSpacing) / var(--Grid-parent-columns)));
min-width: 0;
box-sizing: border-box;
}
@media (min-width: 600px) {
.mui-style-dwku5u {
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
width: calc(100% * 4 / var(--Grid-parent-columns) - (var(--Grid-parent-columns) - 4) * (var(--Grid-parent-columnSpacing) / var(--Grid-parent-columns)));
}
}
.mui-style-u208oz {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
background-color: #204569;
border-radius: 16px;
padding: 24px;
height: 100%;
}
.mui-style-u208oz > :not(style):not(style) {
margin: 0;
}
.mui-style-u208oz > :not(style) ~ :not(style) {
margin-top: 16px;
}
.mui-style-12usj7h {
max-width: 100%;
font-family: "__Outfit_245e91", "__Outfit_Fallback_245e91", Helvetica, Arial, sans-serif;
font-size: 0.8125rem;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
height: 32px;
line-height: 1.5;
color: #0f1e33;
background-color: rgba(0, 0, 0, 0.08);
border-radius: 16px;
white-space: nowrap;
-webkit-transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
cursor: unset;
outline: 0;
-webkit-text-decoration: none;
text-decoration: none;
border: 0;
padding: 0;
vertical-align: middle;
box-sizing: border-box;
height: 24px;
background-color: white;
color: #204569;
font-size: 0.75rem;
font-weight: 600;
}
.mui-style-12usj7h.Mui-disabled {
opacity: 0.38;
pointer-events: none;
}
.mui-style-12usj7h .MuiChip-avatar {
margin-left: 5px;
margin-right: -6px;
width: 24px;
height: 24px;
color: #616161;
font-size: 0.75rem;
}
.mui-style-12usj7h .MuiChip-avatarColorPrimary {
color: #fff;
background-color: rgb(18, 30, 69);
}
.mui-style-12usj7h .MuiChip-avatarColorSecondary {
color: rgba(0, 0, 0, 0.87);
background-color: #b9810a;
}
.mui-style-12usj7h .MuiChip-avatarSmall {
margin-left: 4px;
margin-right: -4px;
width: 18px;
height: 18px;
font-size: 0.625rem;
}
.mui-style-12usj7h .MuiChip-icon {
margin-left: 5px;
margin-right: -6px;
}
.mui-style-12usj7h .MuiChip-deleteIcon {
-webkit-tap-highlight-color: transparent;
color: rgba(15, 30, 51, 0.26);
font-size: 22px;
cursor: pointer;
margin: 0 5px 0 -6px;
}
.mui-style-12usj7h .MuiChip-deleteIcon:hover {
color: rgba(15, 30, 51, 0.4);
}
.mui-style-12usj7h .MuiChip-icon {
font-size: 18px;
margin-left: 4px;
margin-right: -4px;
}
.mui-style-12usj7h .MuiChip-deleteIcon {
font-size: 16px;
margin-right: 4px;
margin-left: -4px;
}
.mui-style-12usj7h .MuiChip-icon {
color: #616161;
}
.mui-style-b9zgoq {
overflow: hidden;
text-overflow: ellipsis;
padding-left: 12px;
padding-right: 12px;
white-space: nowrap;
padding-left: 8px;
padding-right: 8px;
}
.mui-style-ajjh04 {
margin: 0;
font-size: 1.55rem;
font-weight: 500;
font-family: "__Outfit_245e91", "__Outfit_Fallback_245e91", Helvetica, Arial, sans-serif;
line-height: 1.167;
color: white;
}
@media (min-width: 600px) {
.mui-style-ajjh04 {
font-size: 1.928rem;
}
}
@media (min-width: 900px) {
.mui-style-ajjh04 {
font-size: 1.928rem;
}
}
@media (min-width: 1200px) {
.mui-style-ajjh04 {
font-size: 2.1422rem;
}
}
@media (min-width: 0px) {
.mui-style-ajjh04 {
font-size: 1.5rem;
}
}
@media (min-width: 900px) {
.mui-style-ajjh04 {
font-size: 2rem;
}
}
.mui-style-1mnzp8e {
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
width: calc(100% * 12 / var(--Grid-parent-columns) - (var(--Grid-parent-columns) - 12) * (var(--Grid-parent-columnSpacing) / var(--Grid-parent-columns)));
min-width: 0;
box-sizing: border-box;
}
@media (min-width: 600px) {
.mui-style-1mnzp8e {
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
width: calc(100% * 8 / var(--Grid-parent-columns) - (var(--Grid-parent-columns) - 8) * (var(--Grid-parent-columnSpacing) / var(--Grid-parent-columns)));
}
}
.mui-style-ea039o {
--Grid-columns: 12;
--Grid-columnSpacing: 16px;
--Grid-rowSpacing: 16px;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
min-width: 0;
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: var(--Grid-rowSpacing) var(--Grid-columnSpacing);
height: 100%;
}
.mui-style-ea039o > * {
--Grid-parent-columns: 12;
}
.mui-style-ea039o > * {
--Grid-parent-columnSpacing: 16px;
}
.mui-style-ea039o > * {
--Grid-parent-rowSpacing: 16px;
}
.mui-style-14wd3ve {
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
width: calc(100% * 6 / var(--Grid-parent-columns) - (var(--Grid-parent-columns) - 6) * (var(--Grid-parent-columnSpacing) / var(--Grid-parent-columns)));
min-width: 0;
box-sizing: border-box;
}
.mui-style-kcybvj {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
background-color: white;
border-radius: 16px;
height: 100%;
row-gap: 16px;
}
@media (min-width: 0px) {
.mui-style-kcybvj {
padding: 16px;
}
}
@media (min-width: 600px) {
.mui-style-kcybvj {
padding: 24px;
}
}
.mui-style-1blh7z6 {
margin: 0;
font-size: 1.55rem;
font-weight: 500;
font-family: "__Outfit_245e91", "__Outfit_Fallback_245e91", Helvetica, Arial, sans-serif;
line-height: 1.167;
}
@media (min-width: 600px) {
.mui-style-1blh7z6 {
font-size: 1.928rem;
}
}
@media (min-width: 900px) {
.mui-style-1blh7z6 {
font-size: 1.928rem;
}
}
@media (min-width: 1200px) {
.mui-style-1blh7z6 {
font-size: 2.1422rem;
}
}
@media (min-width: 0px) {
.mui-style-1blh7z6 {
font-size: 1.8rem;
}
}
@media (min-width: 600px) {
.mui-style-1blh7z6 {
font-size: 2rem;
}
}
@media (min-width: 900px) {
.mui-style-1blh7z6 {
font-size: 2.8rem;
}
}
@media (min-width: 1200px) {
.mui-style-1blh7z6 {
font-size: 3.5rem;
}
}
.mui-style-1lgct6y {
margin: 0;
font-size: 1.1rem;
font-weight: 500;
font-family: "__Outfit_245e91", "__Outfit_Fallback_245e91", Helvetica, Arial, sans-serif;
line-height: 1.6;
line-height: 1.1rem;
}
@media (min-width: 600px) {
.mui-style-1lgct6y {
font-size: 1.0938rem;
}
}
@media (min-width: 900px) {
.mui-style-1lgct6y {
font-size: 1.25rem;
}
}
@media (min-width: 1200px) {
.mui-style-1lgct6y {
font-size: 1.25rem;
}
}
@media (min-width: 0px) {
.mui-style-1lgct6y {
font-size: 0.9rem;
}
}
@media (min-width: 900px) {
.mui-style-1lgct6y {
font-size: 1rem;
}
}
.mui-style-nik3ju {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.mui-style-nik3ju > :not(style):not(style) {
margin: 0;
}
.mui-style-nik3ju > :not(style) ~ :not(style) {
margin-top: 48px;
}
.mui-style-1v69wmx {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
max-width: 900px;
}
.mui-style-1v69wmx > :not(style):not(style) {
margin: 0;
}
.mui-style-1v69wmx > :not(style) ~ :not(style) {
margin-top: 16px;
}
.mui-style-199nrdm {
--Grid-columns: 12;
--Grid-columnSpacing: 32px;
--Grid-rowSpacing: 32px;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
min-width: 0;
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: var(--Grid-rowSpacing) var(--Grid-columnSpacing);
}
.mui-style-199nrdm > * {
--Grid-parent-columns: 12;
}
.mui-style-199nrdm > * {
--Grid-parent-columnSpacing: 32px;
}
.mui-style-199nrdm > * {
--Grid-parent-rowSpacing: 32px;
}
.mui-style-1mqt90z {
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
width: calc(100% * 12 / var(--Grid-parent-columns) - (var(--Grid-parent-columns) - 12) * (var(--Grid-parent-columnSpacing) / var(--Grid-parent-columns)));
min-width: 0;
box-sizing: border-box;
}
@media (min-width: 900px) {
.mui-style-1mqt90z {
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
width: calc(100% * 4 / var(--Grid-parent-columns) - (var(--Grid-parent-columns) - 4) * (var(--Grid-parent-columnSpacing) / var(--Grid-parent-columns)));
}
}
@media (min-width: 0px) {
.mui-style-1mqt90z {
padding-bottom: 32px;
}
}
@media (min-width: 900px) {
.mui-style-1mqt90z {
padding-bottom: 0px;
}
}
@media (min-width: 0px) {
.mui-style-1mqt90z:not(:last-of-type) {
border-bottom: 1px solid #dbe1e8;
}
}
@media (min-width: 900px) {
.mui-style-1mqt90z:not(:last-of-type) {
border-right: 1px solid #dbe1e8;
border-bottom: none;
padding-right: 32px;
}
}
.mui-style-rqtjzb {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.mui-style-rqtjzb > :not(style):not(style) {
margin: 0;
}
.mui-style-rqtjzb > :not(style) ~ :not(style) {
margin-top: 24px;
}
.mui-style-grm06h {
margin: 0;
font-size: 1.1rem;
font-weight: 500;
font-family: "__Outfit_245e91", "__Outfit_Fallback_245e91", Helvetica, Arial, sans-serif;
line-height: 1.6;
}
@media (min-width: 600px) {
.mui-style-grm06h {
font-size: 1.0938rem;
}
}
@media (min-width: 900px) {
.mui-style-grm06h {
font-size: 1.25rem;
}
}
@media (min-width: 1200px) {
.mui-style-grm06h {
font-size: 1.25rem;
}
}
.mui-style-zx189a {
width: 100%;
margin-left: auto;
box-sizing: border-box;
margin-right: auto;
-webkit-background-size: cover;
background-size: cover;
border-radius: 16px;
overflow: hidden;
}
@media (min-width: 1440px) {
.mui-style-zx189a {
max-width: 1440px;
}
}
@media (min-width: 0px) {
.mui-style-zx189a {
background-image: -webkit-image-set(url(https://static.keysavvy.pictures/cdn-cgi/image/width=1920,quality=65,format=auto/_next/static/media/footer-mobile.28af306f.png) 1x, url(https://static.keysavvy.pictures/cdn-cgi/image/width=3840,quality=65,format=auto/_next/static/media/footer-mobile.28af306f.png) 2x);
background-image: image-set(url(https://static.keysavvy.pictures/cdn-cgi/image/width=1920,quality=65,format=auto/_next/static/media/footer-mobile.28af306f.png) 1x, url(https://static.keysavvy.pictures/cdn-cgi/image/width=3840,quality=65,format=auto/_next/static/media/footer-mobile.28af306f.png) 2x);
-webkit-background-position: 50% 25%;
background-position: 50% 25%;
}
}
@media (min-width: 900px) {
.mui-style-zx189a {
background-image: -webkit-image-set(url(https://static.keysavvy.pictures/cdn-cgi/image/width=1920,quality=65,format=auto/_next/static/media/footer-image.14ca7e9c.png) 1x, url(https://static.keysavvy.pictures/cdn-cgi/image/width=3840,quality=65,format=auto/_next/static/media/footer-image.14ca7e9c.png) 2x);
background-image: image-set(url(https://static.keysavvy.pictures/cdn-cgi/image/width=1920,quality=65,format=auto/_next/static/media/footer-image.14ca7e9c.png) 1x, url(https://static.keysavvy.pictures/cdn-cgi/image/width=3840,quality=65,format=auto/_next/static/media/footer-image.14ca7e9c.png) 2x);
-webkit-background-position: 100% 50%;
background-position: 100% 50%;
}
}
.mui-style-xm8uvg {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding-right: 64px;
}
@media (min-width: 0px) {
.mui-style-xm8uvg > :not(style):not(style) {
margin: 0;
}
.mui-style-xm8uvg > :not(style) ~ :not(style) {
margin-top: 96px;
}
}
@media (min-width: 900px) {
.mui-style-xm8uvg > :not(style):not(style) {
margin: 0;
}
.mui-style-xm8uvg > :not(style) ~ :not(style) {
margin-top: 192px;
}
}
.mui-style-4w1a0z {
--Grid-columns: 12;
--Grid-columnSpacing: 16px;
--Grid-rowSpacing: 16px;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
min-width: 0;
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: var(--Grid-rowSpacing) var(--Grid-columnSpacing);
row-gap: 16px;
background-color: #f8f8f8;
border-radius: 16px;
}
.mui-style-4w1a0z > * {
--Grid-parent-columns: 12;
}
.mui-style-4w1a0z > * {
--Grid-parent-columnSpacing: 16px;
}
.mui-style-4w1a0z > * {
--Grid-parent-rowSpacing: 16px;
}
@media (min-width: 0px) {
.mui-style-4w1a0z {
padding: 24px;
}
}
@media (min-width: 600px) {
.mui-style-4w1a0z {
padding: 32px;
}
}
.mui-style-1jyqsxk {
--Grid-columns: 12;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
width: calc(100% * 12 / var(--Grid-parent-columns) - (var(--Grid-parent-columns) - 12) * (var(--Grid-parent-columnSpacing) / var(--Grid-parent-columns)));
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
min-width: 0;
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: var(--Grid-rowSpacing) var(--Grid-columnSpacing);
}
@media (min-width: 1200px) {
.mui-style-1jyqsxk {
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
width: calc(100% * 8 / var(--Grid-parent-columns) - (var(--Grid-parent-columns) - 8) * (var(--Grid-parent-columnSpacing) / var(--Grid-parent-columns)));
}
}
.mui-style-1c9ccbb {
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
width: calc(100% * 12 / var(--Grid-parent-columns) - (var(--Grid-parent-columns) - 12) * (var(--Grid-parent-columnSpacing) / var(--Grid-parent-columns)));
min-width: 0;
box-sizing: border-box;
}
@media (min-width: 600px) {
.mui-style-1c9ccbb {
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
width: calc(100% * 7 / var(--Grid-parent-columns) - (var(--Grid-parent-columns) - 7) * (var(--Grid-parent-columnSpacing) / var(--Grid-parent-columns)));
}
}
@media (min-width: 1200px) {
.mui-style-1c9ccbb {
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
width: calc(100% * 4 / var(--Grid-parent-columns) - (var(--Grid-parent-columns) - 4) * (var(--Grid-parent-columnSpacing) / var(--Grid-parent-columns)));
}
}
.mui-style-1qljqp8 {
margin: 0;
font-family: "__Outfit_245e91", "__Outfit_Fallback_245e91", Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 0.75rem;
line-height: 2.66;
text-transform: uppercase;
color: rgba(0, 0, 0, 0.6);
}
.mui-style-1flf9yj {
margin: 0;
font: inherit;
line-height: inherit;
letter-spacing: inherit;
font-size: 1rem;
line-height: 2rem;
color: inherit;
-webkit-text-decoration: none;
text-decoration: none;
font-weight: 500;
color: inherit;
}
.mui-style-1flf9yj:hover {
-webkit-text-decoration: underline;
text-decoration: underline;
}
.mui-style-1j69luk {
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
width: calc(100% * 12 / var(--Grid-parent-columns) - (var(--Grid-parent-columns) - 12) * (var(--Grid-parent-columnSpacing) / var(--Grid-parent-columns)));
min-width: 0;
box-sizing: border-box;
}
@media (min-width: 600px) {
.mui-style-1j69luk {
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
width: calc(100% * 5 / var(--Grid-parent-columns) - (var(--Grid-parent-columns) - 5) * (var(--Grid-parent-columnSpacing) / var(--Grid-parent-columns)));
}
}
@media (min-width: 1200px) {
.mui-style-1j69luk {
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
width: calc(100% * 3 / var(--Grid-parent-columns) - (var(--Grid-parent-columns) - 3) * (var(--Grid-parent-columnSpacing) / var(--Grid-parent-columns)));
}
}
.mui-style-1noywes {
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
width: calc(100% * 12 / var(--Grid-parent-columns) - (var(--Grid-parent-columns) - 12) * (var(--Grid-parent-columnSpacing) / var(--Grid-parent-columns)));
min-width: 0;
box-sizing: border-box;
}
@media (min-width: 600px) {
.mui-style-1noywes {
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
width: calc(100% * 7 / var(--Grid-parent-columns) - (var(--Grid-parent-columns) - 7) * (var(--Grid-parent-columnSpacing) / var(--Grid-parent-columns)));
}
}
@media (min-width: 1200px) {
.mui-style-1noywes {
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
width: calc(100% * 3 / var(--Grid-parent-columns) - (var(--Grid-parent-columns) - 3) * (var(--Grid-parent-columnSpacing) / var(--Grid-parent-columns)));
}
}
.mui-style-1xfsj3m {
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
width: calc(100% * 12 / var(--Grid-parent-columns) - (var(--Grid-parent-columns) - 12) * (var(--Grid-parent-columnSpacing) / var(--Grid-parent-columns)));
min-width: 0;
box-sizing: border-box;
}
@media (min-width: 600px) {
.mui-style-1xfsj3m {
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
width: calc(100% * 5 / var(--Grid-parent-columns) - (var(--Grid-parent-columns) - 5) * (var(--Grid-parent-columnSpacing) / var(--Grid-parent-columns)));
}
}
@media (min-width: 1200px) {
.mui-style-1xfsj3m {
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
width: calc(100% * 2 / var(--Grid-parent-columns) - (var(--Grid-parent-columns) - 2) * (var(--Grid-parent-columnSpacing) / var(--Grid-parent-columns)));
}
}
.mui-style-oenlok {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
padding-bottom: 16px;
}
.mui-style-oenlok > :not(style):not(style) {
margin: 0;
}
.mui-style-oenlok > :not(style) ~ :not(style) {
margin-left: 8px;
}
.mui-style-1ubom5m {
margin: 0;
font: inherit;
line-height: inherit;
letter-spacing: inherit;
color: #0f1e33;
-webkit-text-decoration: underline;
text-decoration: underline;
text-decoration-color: var(--Link-underlineColor);
font-weight: 500;
color: #0f1e33;
}
.mui-style-1ubom5m:hover {
text-decoration-color: inherit;
}
.mui-style-ca5427 {
--Grid-columns: 12;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
width: calc(100% * 12 / var(--Grid-parent-columns) - (var(--Grid-parent-columns) - 12) * (var(--Grid-parent-columnSpacing) / var(--Grid-parent-columns)));
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
min-width: 0;
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: var(--Grid-rowSpacing) var(--Grid-columnSpacing);
-webkit-align-items: flex-end;
-webkit-box-align: flex-end;
-ms-flex-align: flex-end;
align-items: flex-end;
}
.mui-style-p2tovt {
margin: 0;
font-size: 0.9rem;
line-height: 1.2rem;
font-weight: 400;
font-family: "__Outfit_245e91", "__Outfit_Fallback_245e91", Helvetica, Arial, sans-serif;
color: rgba(0, 0, 0, 0.6);
}
.mui-style-15yz12a {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding: 16px;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.mui-style-xoubg0 {
margin: 0;
font-size: 0.9rem;
line-height: 1.2rem;
font-weight: 400;
font-family: "__Outfit_245e91", "__Outfit_Fallback_245e91", Helvetica, Arial, sans-serif;
text-align: center;
color: rgba(0, 0, 0, 0.6);
}