.css-zxqfjl { padding-top: 15px; padding-bottom: 15px; top: 0px; left: 0px; width: 100%; z-index: 5; position: absolute; } @media (min-width: 0px) { .css-zxqfjl { display: none; } } @media (min-width: 900px) { .css-zxqfjl { display: block; } } .css-17igpfv { width: 90%; max-width: 1300px; margin-left: auto; margin-right: auto; } .css-69i1ev { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; } .css-10m3kt7 { height: 32px; width: 145px; object-fit: contain; } .css-4l2qtm { display: flex; -webkit-box-align: center; align-items: center; } @media (min-width: 600px) { .css-4l2qtm { gap: 16px; } } @media (min-width: 1200px) { .css-4l2qtm { gap: 40px; } } .css-bq13ln { margin: 0px; font-size: 13px; font-family: Satoshi, Helvetica, Arial, sans-serif; line-height: 1.5; color: white; font-weight: 600; text-decoration: none; } @media (min-width: 0px) { .css-bq13ln { font-size: 12px; } } @media (min-width: 600px) { .css-bq13ln { font-size: 10px; } } @media (min-width: 1200px) { .css-bq13ln { font-size: 12px; } } .css-1pc3ng9 { text-decoration: none; color: rgb(255, 255, 255); font-weight: 500; font-size: 1rem; } .css-1pc3ng9:hover { opacity: 0.75; } .css-yqacci { display: flex; gap: 24px; -webkit-box-align: center; align-items: center; } .css-aqtc5s { font-family: Satoshi, Helvetica, Arial, sans-serif; font-weight: 500; min-width: 64px; padding: 5px 18px; border: 1px solid rgb(209, 213, 219); background-color: var(--variant-outlinedBg); --variant-textColor: #1976d2; --variant-outlinedColor: #1976d2; --variant-outlinedBorder: rgba(25, 118, 210, 0.5); --variant-containedColor: #fff; --variant-containedBg: #1976d2; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1); text-transform: none; color: rgb(107, 114, 128); font-size: 1rem; line-height: 1.5rem; border-radius: 999px; } .css-aqtc5s:hover { text-decoration: none; } .css-aqtc5s.Mui-disabled { color: rgba(0, 0, 0, 0.26); } .css-aqtc5s.Mui-disabled { border: 1px solid rgba(0, 0, 0, 0.12); } @media (hover: hover) { .css-aqtc5s:hover { --variant-containedBg: rgb(17, 82, 147); --variant-textBg: rgba(25, 118, 210, 0.04); --variant-outlinedBorder: #1976d2; --variant-outlinedBg: rgba(25, 118, 210, 0.04); } } .css-aqtc5s.MuiButton-loading { color: transparent; } .css-aqtc5s:hover { border-color: rgb(107, 114, 128); background-color: transparent; } .css-dj1bj9 { display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Satoshi, Helvetica, Arial, sans-serif; font-weight: 500; min-width: 64px; padding: 5px 18px; border: 1px solid rgb(209, 213, 219); background-color: var(--variant-outlinedBg); --variant-textColor: #1976d2; --variant-outlinedColor: #1976d2; --variant-outlinedBorder: rgba(25, 118, 210, 0.5); --variant-containedColor: #fff; --variant-containedBg: #1976d2; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1); text-transform: none; color: rgb(107, 114, 128); font-size: 1rem; line-height: 1.5rem; border-radius: 999px; } .css-dj1bj9.Mui-disabled { pointer-events: none; cursor: default; } @media print { .css-dj1bj9 { print-color-adjust: exact; } } .css-dj1bj9:hover { text-decoration: none; } .css-dj1bj9.Mui-disabled { color: rgba(0, 0, 0, 0.26); } .css-dj1bj9.Mui-disabled { border: 1px solid rgba(0, 0, 0, 0.12); } @media (hover: hover) { .css-dj1bj9:hover { --variant-containedBg: rgb(17, 82, 147); --variant-textBg: rgba(25, 118, 210, 0.04); --variant-outlinedBorder: #1976d2; --variant-outlinedBg: rgba(25, 118, 210, 0.04); } } .css-dj1bj9.MuiButton-loading { color: transparent; } .css-dj1bj9:hover { border-color: rgb(107, 114, 128); background-color: transparent; } .css-1skzlyf { position: relative; min-height: 100vh; } @media (min-width: 0px) { .css-17by8lf { padding-top: 80px; padding-bottom: 0px; } } @media (min-width: 600px) { .css-17by8lf { padding-top: 160px; padding-bottom: 160px; } } .css-17wm65b { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; } @media (min-width: 0px) { .css-17wm65b { display: none; object-position: center bottom; } } @media (min-width: 900px) { .css-17wm65b { display: block; object-position: center top; } } .css-fjs29k { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.1)); } @media (min-width: 0px) { .css-fjs29k { display: none; } } @media (min-width: 900px) { .css-fjs29k { display: block; } } .css-4b3qf { position: relative; max-width: 850px; margin-left: auto; margin-right: auto; display: flex; -webkit-box-align: center; align-items: center; text-align: center; } @media (min-width: 0px) { .css-4b3qf { flex-direction: column-reverse; } } @media (min-width: 900px) { .css-4b3qf { flex-direction: column; } } .css-1y3krzv { display: flex; -webkit-box-align: center; align-items: center; } @media (min-width: 0px) { .css-1y3krzv { flex-direction: column-reverse; margin-top: 32px; } } @media (min-width: 900px) { .css-1y3krzv { flex-direction: column; margin-top: 0px; } } .css-dvxtzn { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; } .css-rw6gsd { border: 1px solid rgba(255, 255, 255, 0.3); width: max-content; padding: 8px; border-radius: 20px; backdrop-filter: blur(6px); display: flex; -webkit-box-align: center; align-items: center; gap: 16px; margin-bottom: 16px; color: white; } @media (min-width: 0px) { .css-rw6gsd { background-color: rgb(243, 244, 246); } } @media (min-width: 900px) { .css-rw6gsd { background-color: rgba(255, 255, 255, 0.3); } } .css-1h9oy4y { width: 18px; height: 18px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; border-radius: 50%; } @media (min-width: 0px) { .css-1h9oy4y { border: 1px solid rgb(107, 114, 128); } } @media (min-width: 900px) { .css-1h9oy4y { border: 1px solid rgb(255, 255, 255); } } .css-9247x5 { width: 12px; height: 12px; border-radius: 50%; } @media (min-width: 0px) { .css-9247x5 { background-color: rgb(107, 114, 128); } } @media (min-width: 900px) { .css-9247x5 { background-color: white; } } .css-pma91s { margin: 0px; font-size: 13px; font-family: Satoshi, Helvetica, Arial, sans-serif; line-height: 1.5; font-weight: 500; } @media (min-width: 0px) { .css-pma91s { color: rgb(107, 114, 128); } } @media (min-width: 900px) { .css-pma91s { color: white; } } .css-1ic7wpb { margin: 0px auto 40px; font-family: Satoshi, Helvetica, Arial, sans-serif; font-size: 2.125rem; line-height: 1.235; font-weight: 700; max-width: 650px; } @media (min-width: 0px) { .css-1ic7wpb { color: rgb(31, 41, 55); } } @media (min-width: 900px) { .css-1ic7wpb { color: white; } } .css-hczg4u { background-color: white; padding: 16px; width: 100%; } @media (min-width: 900px) { .css-hczg4u { border-radius: 20px; } } .css-t6u57a { display: flex; -webkit-box-align: center; align-items: center; margin-bottom: 40px; overflow-x: auto; } .css-1lmziij { flex: 1 1 0%; display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; border-radius: 12px; padding: 8px; background-color: rgb(31, 41, 55); color: white; } @media (min-width: 0px) { .css-1lmziij { height: 80px; min-width: 80px; } } @media (min-width: 600px) { .css-1lmziij { height: 88px; } } @media (min-width: 900px) { .css-1lmziij { min-width: 85px; } } .css-1jyl3q4 { flex: 1 1 0%; color: white; } .css-14lrk5j { margin: 0px; font-family: Satoshi, Helvetica, Arial, sans-serif; font-size: 0.75rem; line-height: 1.66; color: white; font-weight: 500; } .css-ed9lud { flex: 1 1 0%; display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; border-radius: 12px; padding: 8px; } @media (min-width: 0px) { .css-ed9lud { height: 80px; min-width: 80px; } } @media (min-width: 600px) { .css-ed9lud { height: 88px; } } @media (min-width: 900px) { .css-ed9lud { min-width: 85px; } } .css-1jnu8e9 { flex: 1 1 0%; color: rgb(31, 41, 55); } .css-2k27m { margin: 0px; font-family: Satoshi, Helvetica, Arial, sans-serif; font-size: 0.75rem; line-height: 1.66; color: rgb(31, 41, 55); font-weight: 500; } .css-1p6lp2w { display: flex; flex-wrap: nowrap; -webkit-box-align: center; align-items: center; margin-top: -16px; margin-bottom: 24px; } @media (min-width: 0px) { .css-1p6lp2w { column-gap: 8px; } } @media (min-width: 600px) { .css-1p6lp2w { column-gap: 12px; } } .css-1p6lp2w > * { min-width: 0px; } .css-sgttbp { display: inline-flex; -webkit-box-align: center; align-items: center; height: 34px; max-width: 100%; min-width: 0px; border: 1px solid rgb(229, 231, 235); border-radius: 8px; background-color: transparent; color: rgb(31, 41, 55); cursor: pointer; white-space: nowrap; transition: background-color 0.15s, border-color 0.15s; } @media (min-width: 0px) { .css-sgttbp { gap: 4px; padding-left: 8px; padding-right: 8px; } } @media (min-width: 600px) { .css-sgttbp { gap: 6px; padding-left: 10px; padding-right: 10px; } } .css-sgttbp:hover { background-color: rgb(229, 231, 235); border-color: rgb(209, 213, 219); } .css-sgttbp:focus-visible { outline: rgb(31, 41, 55) solid 2px; outline-offset: 2px; } .css-ulvm7g { display: inline-flex; flex-shrink: 0; } .css-mcs30u { margin: 0px; font-size: 13px; font-family: Satoshi, Helvetica, Arial, sans-serif; line-height: 1.5; font-weight: 600; min-width: 0px; overflow: hidden; text-overflow: ellipsis; } @media (min-width: 0px) { .css-mcs30u { font-size: 0.8rem; } } @media (min-width: 600px) { .css-mcs30u { font-size: 0.875rem; } } .css-1l7e565 { flex-shrink: 0; } @media (min-width: 0px) { .css-1l7e565 { display: none; } } @media (min-width: 600px) { .css-1l7e565 { display: inline-flex; } } .css-148agmb { z-index: 1500; pointer-events: none; } .css-148agmb[data-popper-placement*="bottom"] .MuiTooltip-arrow { top: 0px; margin-top: -0.71em; } .css-148agmb[data-popper-placement*="bottom"] .MuiTooltip-arrow::before { transform-origin: 0px 100%; } .css-148agmb[data-popper-placement*="top"] .MuiTooltip-arrow { bottom: 0px; margin-bottom: -0.71em; } .css-148agmb[data-popper-placement*="top"] .MuiTooltip-arrow::before { transform-origin: 100% 0px; } .css-148agmb[data-popper-placement*="right"] .MuiTooltip-arrow { height: 1em; width: 0.71em; } .css-148agmb[data-popper-placement*="right"] .MuiTooltip-arrow::before { transform-origin: 100% 100%; } .css-148agmb[data-popper-placement*="left"] .MuiTooltip-arrow { height: 1em; width: 0.71em; } .css-148agmb[data-popper-placement*="left"] .MuiTooltip-arrow::before { transform-origin: 0px 0px; } .css-148agmb[data-popper-placement*="right"] .MuiTooltip-arrow { left: 0px; margin-left: -0.71em; } .css-148agmb[data-popper-placement*="left"] .MuiTooltip-arrow { right: 0px; margin-right: -0.71em; } .css-1w0uwdk { z-index: 1500; pointer-events: none; } .css-1w0uwdk[data-popper-placement*="bottom"] .MuiTooltip-arrow { top: 0px; margin-top: -0.71em; } .css-1w0uwdk[data-popper-placement*="bottom"] .MuiTooltip-arrow::before { transform-origin: 0px 100%; } .css-1w0uwdk[data-popper-placement*="top"] .MuiTooltip-arrow { bottom: 0px; margin-bottom: -0.71em; } .css-1w0uwdk[data-popper-placement*="top"] .MuiTooltip-arrow::before { transform-origin: 100% 0px; } .css-1w0uwdk[data-popper-placement*="right"] .MuiTooltip-arrow { height: 1em; width: 0.71em; } .css-1w0uwdk[data-popper-placement*="right"] .MuiTooltip-arrow::before { transform-origin: 100% 100%; } .css-1w0uwdk[data-popper-placement*="left"] .MuiTooltip-arrow { height: 1em; width: 0.71em; } .css-1w0uwdk[data-popper-placement*="left"] .MuiTooltip-arrow::before { transform-origin: 0px 0px; } .css-1w0uwdk[data-popper-placement*="right"] .MuiTooltip-arrow { left: 0px; margin-left: -0.71em; } .css-1w0uwdk[data-popper-placement*="left"] .MuiTooltip-arrow { right: 0px; margin-right: -0.71em; } .css-zw8hq4 { display: flex; } @media (min-width: 0px) { .css-zw8hq4 { flex-direction: column; } } @media (min-width: 900px) { .css-zw8hq4 { gap: 16px; flex-direction: row; } } .css-1rr4qq7 { flex: 1 1 0%; } .css-1r2yghw { flex: 1 1 0%; width: 100%; margin-bottom: 20px; position: relative; } .css-guff5l { display: flex; -webkit-box-align: center; align-items: center; border: 1px solid rgb(229, 231, 235); border-radius: 8px; padding-left: 12px; padding-right: 12px; height: 42px; gap: 16px; cursor: pointer; position: relative; background-color: rgb(243, 244, 246); } .css-hhqijc { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 2; } .css-bgbpl0 { width: 100%; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; } .css-19q8ypw { margin: 0px; font-size: 13px; font-family: Satoshi, Helvetica, Arial, sans-serif; line-height: 1.5; font-weight: 500; } .css-1ncn14y { flex: 1 1 0%; width: 100%; margin-bottom: 20px; position: relative; opacity: 0.7; cursor: not-allowed; } .css-oegidf { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 2; cursor: not-allowed; } .css-1rzle21 { display: flex; -webkit-box-pack: end; justify-content: flex-end; -webkit-box-align: center; align-items: center; margin-top: 8px; gap: 32px; } @media (min-width: 0px) { .css-1rzle21 { flex-direction: column; } } @media (min-width: 900px) { .css-1rzle21 { flex-direction: row; } } .css-1hf20o0 { overflow: hidden; } @media (min-width: 0px) { .css-1hf20o0 { padding-top: 24px; padding-bottom: 24px; } } @media (min-width: 600px) { .css-1hf20o0 { padding-top: 48px; padding-bottom: 48px; } } .css-1q97acd { margin: 0px 0px 16px; font-size: 13px; font-family: Satoshi, Helvetica, Arial, sans-serif; line-height: 1.5; font-weight: 600; display: flex; gap: 16px; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } @media (min-width: 0px) { .css-1q97acd { flex-direction: column; } } @media (min-width: 900px) { .css-1q97acd { flex-direction: row; } } .css-uea2nl { object-fit: contain; } @media (min-width: 0px) { .css-uea2nl { width: 100%; max-width: 400px; } } @media (min-width: 900px) { .css-uea2nl { width: 480px; max-width: none; } } @media (min-width: 0px) { .css-1eqph3h { padding-top: 24px; padding-bottom: 24px; } } @media (min-width: 600px) { .css-1eqph3h { padding-top: 48px; padding-bottom: 48px; } } .css-1nw5bgw { margin: 0px 0px 48px; font-family: Satoshi, Helvetica, Arial, sans-serif; font-size: 1.5rem; line-height: 1.334; text-align: center; font-weight: 700; } .css-1q0lets { display: grid; column-gap: 80px; max-width: 1000px; margin-left: auto; margin-right: auto; } @media (min-width: 0px) { .css-1q0lets { grid-template-columns: repeat(1, 1fr); row-gap: 24px; } } @media (min-width: 600px) { .css-1q0lets { grid-template-columns: repeat(2, 1fr); row-gap: 40px; } } @media (min-width: 900px) { .css-1q0lets { grid-template-columns: repeat(3, 1fr); } } .css-j0ozid { display: flex; -webkit-box-align: center; align-items: center; gap: 16px; } .css-pp9beo { width: 44px; height: 44px; background-color: rgb(249, 250, 251); display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-radius: 50%; } .css-1oma6do { margin: 0px; font-size: 13px; font-family: Satoshi, Helvetica, Arial, sans-serif; line-height: 1.5; flex: 1 1 0%; font-weight: 500; } @media (min-width: 0px) { .css-j8n5ui { padding-top: 64px; padding-bottom: 64px; } } @media (min-width: 600px) { .css-j8n5ui { padding-top: 112px; padding-bottom: 112px; } } .css-p2qkjq { display: grid; gap: 40px; max-width: 1100px; margin-left: auto; margin-right: auto; } @media (min-width: 600px) { .css-p2qkjq { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 900px) { .css-p2qkjq { grid-template-columns: repeat(3, 1fr); } } .css-gdx2i7 { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; text-align: center; } .css-1cjqfti { margin: 32px 0px 8px; font-family: Satoshi, Helvetica, Arial, sans-serif; font-size: 1.25rem; line-height: 1.6; font-weight: 600; } .css-ihlnb3 { margin: 0px 0px 8px; font-size: 13px; font-family: Satoshi, Helvetica, Arial, sans-serif; color: rgb(115, 115, 115); max-width: 350px; line-height: 1.7; font-weight: 500; } .css-k1g5ki { display: flex; -webkit-box-align: center; align-items: center; gap: 8px; text-decoration: none; color: rgb(30, 30, 30); } .css-zgzi0m { margin: 0px; font-family: Satoshi, Helvetica, Arial, sans-serif; font-size: 0.75rem; line-height: 1.66; font-weight: 600; } .css-nz28c3 { background-color: rgb(249, 250, 251); } @media (min-width: 0px) { .css-nz28c3 { padding-top: 64px; padding-bottom: 64px; } } @media (min-width: 600px) { .css-nz28c3 { padding-top: 112px; padding-bottom: 112px; } } .css-urh81z { display: flex; -webkit-box-align: center; align-items: center; gap: 64px; } @media (min-width: 0px) { .css-urh81z { flex-direction: column-reverse; } } @media (min-width: 900px) { .css-urh81z { flex-direction: row; } } .css-6wekfe { flex: 1 1 0%; } @media (min-width: 0px) { .css-6wekfe { max-width: 600px; } } @media (min-width: 900px) { .css-6wekfe { max-width: none; } } .css-r91awh { width: 100%; height: 100%; object-fit: contain; } .css-9tp47 { margin: 0px 0px 16px; font-size: 13px; font-family: Satoshi, Helvetica, Arial, sans-serif; line-height: 1.5; font-weight: 600; } @media (min-width: 0px) { .css-9tp47 { font-size: 14px; } } @media (min-width: 900px) { .css-9tp47 { font-size: 18px; } } .css-vtrose { margin: 0px 0px 24px; font-family: Satoshi, Helvetica, Arial, sans-serif; font-size: 2.125rem; line-height: 1.235; font-weight: 700; } .css-ueydvk { margin: 0px 0px 24px; font-size: 13px; font-family: Satoshi, Helvetica, Arial, sans-serif; color: rgb(55, 65, 81); font-weight: 500; line-height: 1.8; } .css-15thcss { display: flex; flex-direction: column; gap: 12px; margin-bottom: 24px; } .css-1ewe7zb { width: 4px; height: 4px; background-color: black; border-radius: 50%; } .css-1h2sv0j { display: flex; -webkit-box-align: center; align-items: center; gap: 10px; } .css-ycrfhx { width: 150px; height: 58px; object-fit: contain; } @media (min-width: 0px) { .css-16r78tc { padding-top: 64px; } } @media (min-width: 600px) { .css-16r78tc { padding-top: 112px; } } .css-13eymk8 { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; max-width: 800px; margin-left: auto; margin-right: auto; text-align: center; } .css-lup46s { margin: 0px 0px 24px; font-family: Satoshi, Helvetica, Arial, sans-serif; font-size: 1.5rem; line-height: 1.334; text-align: center; font-weight: 700; } .css-1tj3pfu { margin: 0px 0px 24px; font-size: 13px; font-family: Satoshi, Helvetica, Arial, sans-serif; color: rgb(77, 77, 77); font-weight: 500; line-height: 1.8; } .css-pgc8sz { margin: 0px 0px 8px; font-family: Satoshi, Helvetica, Arial, sans-serif; line-height: 1.5; color: rgb(114, 114, 114); text-align: center; font-size: 12px; font-weight: 500; } .css-xcfkzx { margin: 0px 0px 40px; font-family: Satoshi, Helvetica, Arial, sans-serif; font-size: 1.5rem; line-height: 1.334; text-align: center; font-weight: 700; } .css-1yrcpei { display: grid; gap: 40px; } @media (min-width: 600px) { .css-1yrcpei { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 900px) { .css-1yrcpei { grid-template-columns: repeat(3, 1fr); } } .css-3ttmtm { background-color: rgb(249, 250, 251); padding: 24px; border-radius: 12px; border: 1px solid rgb(229, 231, 235); } .css-t66y3d { width: 52px; height: 52px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; background-color: rgb(229, 231, 235); border-radius: 12px; margin-bottom: 32px; } .css-y70m4d { margin: 0px 0px 16px; font-size: 13px; font-family: Satoshi, Helvetica, Arial, sans-serif; font-weight: 500; line-height: 1.8; } .css-1lvepfm { display: flex; -webkit-box-align: center; align-items: center; gap: 8px; border-top: 1px solid rgb(226, 226, 226); padding-top: 16px; } .css-4cnp18 { margin: 0px; font-family: Satoshi, Helvetica, Arial, sans-serif; font-size: 0.875rem; line-height: 1.43; font-weight: 600; flex: 1 1 0%; } @media (min-width: 0px) { .css-1hxpqj8 { padding-top: 48px; padding-bottom: 48px; } } @media (min-width: 600px) { .css-1hxpqj8 { padding-top: 48px; padding-bottom: 48px; } } .css-f1u6n2 { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; margin-bottom: 48px; } @media (min-width: 0px) { .css-f1u6n2 { flex-direction: column; gap: 24px; } } @media (min-width: 600px) { .css-f1u6n2 { flex-direction: row; gap: 0px; } } .css-1334x12 { margin: 0px 0px 8px; font-family: Satoshi, Helvetica, Arial, sans-serif; line-height: 1.5; color: rgb(114, 114, 114); font-size: 12px; font-weight: 500; } .css-1l4x22z { margin: 0px; font-family: Satoshi, Helvetica, Arial, sans-serif; font-size: 1.5rem; font-weight: 700; line-height: 1.3; } .css-6ykxct { display: flex; gap: 4px; background-color: rgb(243, 244, 246); padding: 4px; border-radius: 10px; } .css-1f1ztcf { font-family: Satoshi, Helvetica, Arial, sans-serif; font-weight: 500; line-height: 1.75; min-width: 64px; border: 0px; --variant-textColor: #1976d2; --variant-outlinedColor: #1976d2; --variant-outlinedBorder: rgba(25, 118, 210, 0.5); --variant-containedColor: #fff; --variant-containedBg: #1976d2; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1); text-transform: none; font-size: 14px; padding: 8px 16px; border-radius: 8px; background-color: rgb(255, 255, 255); color: rgb(17, 24, 39); box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px; } .css-1f1ztcf:hover { text-decoration: none; } .css-1f1ztcf.Mui-disabled { color: rgba(0, 0, 0, 0.26); } @media (hover: hover) { .css-1f1ztcf:hover { --variant-containedBg: rgb(17, 82, 147); --variant-textBg: rgba(25, 118, 210, 0.04); --variant-outlinedBorder: #1976d2; --variant-outlinedBg: rgba(25, 118, 210, 0.04); } } .css-1f1ztcf.MuiButton-loading { color: transparent; } .css-1f1ztcf:hover { background-color: rgb(255, 255, 255); } .css-tsg3gx { display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Satoshi, Helvetica, Arial, sans-serif; font-weight: 500; line-height: 1.75; min-width: 64px; border: 0px; --variant-textColor: #1976d2; --variant-outlinedColor: #1976d2; --variant-outlinedBorder: rgba(25, 118, 210, 0.5); --variant-containedColor: #fff; --variant-containedBg: #1976d2; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1); text-transform: none; font-size: 14px; padding: 8px 16px; border-radius: 8px; background-color: rgb(255, 255, 255); color: rgb(17, 24, 39); box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px; } .css-tsg3gx.Mui-disabled { pointer-events: none; cursor: default; } @media print { .css-tsg3gx { print-color-adjust: exact; } } .css-tsg3gx:hover { text-decoration: none; } .css-tsg3gx.Mui-disabled { color: rgba(0, 0, 0, 0.26); } @media (hover: hover) { .css-tsg3gx:hover { --variant-containedBg: rgb(17, 82, 147); --variant-textBg: rgba(25, 118, 210, 0.04); --variant-outlinedBorder: #1976d2; --variant-outlinedBg: rgba(25, 118, 210, 0.04); } } .css-tsg3gx.MuiButton-loading { color: transparent; } .css-tsg3gx:hover { background-color: rgb(255, 255, 255); } .css-1ygddt1 { display: inherit; margin-right: 8px; margin-left: -4px; } .css-1ygddt1 > :nth-of-type(1) { font-size: 20px; } .css-1fwm7lb { user-select: none; width: 1em; height: 1em; display: inline-block; flex-shrink: 0; transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1); fill: currentcolor; font-size: 18px; } .css-1eixlfr { font-family: Satoshi, Helvetica, Arial, sans-serif; font-weight: 500; line-height: 1.75; min-width: 64px; border: 0px; --variant-textColor: #1976d2; --variant-outlinedColor: #1976d2; --variant-outlinedBorder: rgba(25, 118, 210, 0.5); --variant-containedColor: #fff; --variant-containedBg: #1976d2; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1); text-transform: none; font-size: 14px; padding: 8px 16px; border-radius: 8px; background-color: transparent; color: rgb(17, 24, 39); box-shadow: none; } .css-1eixlfr:hover { text-decoration: none; } .css-1eixlfr.Mui-disabled { color: rgba(0, 0, 0, 0.26); } @media (hover: hover) { .css-1eixlfr:hover { --variant-containedBg: rgb(17, 82, 147); --variant-textBg: rgba(25, 118, 210, 0.04); --variant-outlinedBorder: #1976d2; --variant-outlinedBg: rgba(25, 118, 210, 0.04); } } .css-1eixlfr.MuiButton-loading { color: transparent; } .css-1eixlfr:hover { background-color: rgb(229, 231, 235); } .css-d9y48z { display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Satoshi, Helvetica, Arial, sans-serif; font-weight: 500; line-height: 1.75; min-width: 64px; border: 0px; --variant-textColor: #1976d2; --variant-outlinedColor: #1976d2; --variant-outlinedBorder: rgba(25, 118, 210, 0.5); --variant-containedColor: #fff; --variant-containedBg: #1976d2; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1); text-transform: none; font-size: 14px; padding: 8px 16px; border-radius: 8px; background-color: transparent; color: rgb(17, 24, 39); box-shadow: none; } .css-d9y48z.Mui-disabled { pointer-events: none; cursor: default; } @media print { .css-d9y48z { print-color-adjust: exact; } } .css-d9y48z:hover { text-decoration: none; } .css-d9y48z.Mui-disabled { color: rgba(0, 0, 0, 0.26); } @media (hover: hover) { .css-d9y48z:hover { --variant-containedBg: rgb(17, 82, 147); --variant-textBg: rgba(25, 118, 210, 0.04); --variant-outlinedBorder: #1976d2; --variant-outlinedBg: rgba(25, 118, 210, 0.04); } } .css-d9y48z.MuiButton-loading { color: transparent; } .css-d9y48z:hover { background-color: rgb(229, 231, 235); } .css-nzmbm6 { display: grid; gap: 32px; } @media (min-width: 0px) { .css-nzmbm6 { grid-template-columns: 1fr; } } @media (min-width: 600px) { .css-nzmbm6 { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 900px) { .css-nzmbm6 { grid-template-columns: repeat(3, 1fr); } } .css-1ji0gu9 { position: relative; padding: 24px; border-radius: 16px; border: 1px solid rgb(229, 231, 235); background-color: rgb(249, 250, 251); overflow: hidden; display: flex; flex-direction: column; background-image: none; background-repeat: no-repeat; background-position: right top; background-size: 160px auto; } .css-1rwr1qx { display: flex; -webkit-box-align: center; align-items: center; gap: 12px; margin-bottom: 24px; } .css-yjys19 { width: 40px; height: 40px; border-radius: 10px; background-color: rgb(17, 24, 39); display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-shrink: 0; } .css-l40oyk { margin: 0px; font-family: Satoshi, Helvetica, Arial, sans-serif; line-height: 1.5; color: rgb(17, 24, 39); font-weight: 700; font-size: 16px; } .css-vcjy7i { display: flex; flex-direction: column; gap: 16px; flex: 1 1 0%; margin-bottom: 24px; } .css-1pk539k { display: flex; align-items: flex-start; gap: 12px; } .css-14zee1p { width: 6px; height: 6px; border-radius: 50%; background-color: rgb(17, 24, 39); margin-top: 7px; flex-shrink: 0; } .css-1ui6hmj { margin: 0px; font-family: Satoshi, Helvetica, Arial, sans-serif; font-weight: 400; color: rgb(55, 65, 81); font-size: 14px; line-height: 1.6; } .css-canv1a { font-family: Satoshi, Helvetica, Arial, sans-serif; line-height: 1.75; min-width: 64px; border: 1px solid rgb(209, 213, 219); background-color: var(--variant-outlinedBg); --variant-textColor: #1976d2; --variant-outlinedColor: #1976d2; --variant-outlinedBorder: rgba(25, 118, 210, 0.5); --variant-containedColor: #fff; --variant-containedBg: #1976d2; color: rgb(17, 24, 39); font-weight: 500; text-transform: none; font-size: 13px; border-radius: 15px; padding: 6.4px 16px; transition: 0.2s; } .css-canv1a:hover { text-decoration: none; } .css-canv1a.Mui-disabled { color: rgba(0, 0, 0, 0.26); } .css-canv1a.Mui-disabled { border: 1px solid rgba(0, 0, 0, 0.12); } @media (hover: hover) { .css-canv1a:hover { --variant-containedBg: rgb(17, 82, 147); --variant-textBg: rgba(25, 118, 210, 0.04); --variant-outlinedBorder: #1976d2; --variant-outlinedBg: rgba(25, 118, 210, 0.04); } } .css-canv1a.MuiButton-loading { color: transparent; } .css-canv1a:hover { background-color: rgb(17, 24, 39); border-color: rgb(17, 24, 39); color: rgb(255, 255, 255); } .css-sbt2dd { display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Satoshi, Helvetica, Arial, sans-serif; line-height: 1.75; min-width: 64px; border: 1px solid rgb(209, 213, 219); background-color: var(--variant-outlinedBg); --variant-textColor: #1976d2; --variant-outlinedColor: #1976d2; --variant-outlinedBorder: rgba(25, 118, 210, 0.5); --variant-containedColor: #fff; --variant-containedBg: #1976d2; color: rgb(17, 24, 39); font-weight: 500; text-transform: none; font-size: 13px; border-radius: 15px; padding: 6.4px 16px; transition: 0.2s; } .css-sbt2dd.Mui-disabled { pointer-events: none; cursor: default; } @media print { .css-sbt2dd { print-color-adjust: exact; } } .css-sbt2dd:hover { text-decoration: none; } .css-sbt2dd.Mui-disabled { color: rgba(0, 0, 0, 0.26); } .css-sbt2dd.Mui-disabled { border: 1px solid rgba(0, 0, 0, 0.12); } @media (hover: hover) { .css-sbt2dd:hover { --variant-containedBg: rgb(17, 82, 147); --variant-textBg: rgba(25, 118, 210, 0.04); --variant-outlinedBorder: #1976d2; --variant-outlinedBg: rgba(25, 118, 210, 0.04); } } .css-sbt2dd.MuiButton-loading { color: transparent; } .css-sbt2dd:hover { background-color: rgb(17, 24, 39); border-color: rgb(17, 24, 39); color: rgb(255, 255, 255); } .css-2o5e7n { position: relative; padding: 24px; border-radius: 16px; border: 1px solid rgb(229, 231, 235); background-color: rgb(249, 250, 251); overflow: hidden; display: flex; flex-direction: column; background-image: none; background-repeat: no-repeat; background-position: right bottom; background-size: 160px auto; } .css-8iysxw { position: relative; padding: 24px; border-radius: 16px; border: 1px solid rgb(229, 231, 235); background-color: rgb(249, 250, 251); overflow: hidden; display: flex; flex-direction: column; background-image: none; background-repeat: no-repeat; background-position: right top; background-size: 160px auto; } .css-cbkg8b { position: relative; padding: 24px; border-radius: 16px; border: 1px solid rgb(229, 231, 235); background-color: rgb(249, 250, 251); overflow: hidden; display: flex; flex-direction: column; background-image: none; background-repeat: no-repeat; background-position: right bottom; background-size: 160px auto; } .css-r2iqqp { position: relative; padding: 24px; border-radius: 16px; border: 1px solid rgb(229, 231, 235); background-color: rgb(249, 250, 251); overflow: hidden; display: flex; flex-direction: column; background-image: none; background-repeat: no-repeat; background-position: right top; background-size: 160px auto; } .css-3akjtk { position: relative; padding: 24px; border-radius: 16px; border: 1px solid rgb(229, 231, 235); background-color: rgb(249, 250, 251); overflow: hidden; display: flex; flex-direction: column; background-image: none; background-repeat: no-repeat; background-position: right bottom; background-size: 160px auto; } .css-1sznqqk { position: relative; padding: 24px; border-radius: 16px; border: 1px solid rgb(229, 231, 235); background-color: rgb(249, 250, 251); overflow: hidden; display: flex; flex-direction: column; background-image: none; background-repeat: no-repeat; background-position: right bottom; background-size: 160px auto; } .css-l3dmw4 { position: relative; padding: 24px; border-radius: 16px; border: 1px solid rgb(229, 231, 235); background-color: rgb(249, 250, 251); overflow: hidden; display: flex; flex-direction: column; background-image: none; background-repeat: no-repeat; background-position: right top; background-size: 160px auto; } .css-o85zpt { background-color: rgb(31, 41, 55); color: white; padding-top: 60px; padding-bottom: 100px; } .css-5tpkud { --Grid-columns: 12; --Grid-columnSpacing: 12px; --Grid-rowSpacing: 80px; flex-flow: wrap; min-width: 0px; box-sizing: border-box; display: flex; gap: var(--Grid-rowSpacing) var(--Grid-columnSpacing); } .css-5tpkud > * { --Grid-parent-columns: 12; } .css-5tpkud > * { --Grid-parent-columnSpacing: 12px; } @media (min-width: 600px) { .css-5tpkud { --Grid-columnSpacing: 80px; } .css-5tpkud > * { --Grid-parent-columnSpacing: 80px; } } .css-5tpkud > * { --Grid-parent-rowSpacing: 80px; } .css-1et6drr { -webkit-box-flex: 0; flex-grow: 0; 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: 0px; box-sizing: border-box; display: flex; flex-direction: column; -webkit-box-align: start; align-items: start; } @media (min-width: 900px) { .css-1et6drr { -webkit-box-flex: 0; flex-grow: 0; flex-basis: auto; width: calc(100% * 3 / var(--Grid-parent-columns) - (var(--Grid-parent-columns) - 3) * (var(--Grid-parent-columnSpacing) / var(--Grid-parent-columns))); } } .css-x18yjf { object-fit: contain; margin-bottom: 16px; } @media (min-width: 0px) { .css-x18yjf { height: 30px; } } .css-fr85y6 { margin: 8px 0px 0px; font-size: 13px; font-family: Satoshi, Helvetica, Arial, sans-serif; line-height: 1.5; font-weight: 500; max-width: 200px; } .css-7se75d { -webkit-box-flex: 0; flex-grow: 0; 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: 0px; box-sizing: border-box; } @media (min-width: 900px) { .css-7se75d { -webkit-box-flex: 0; flex-grow: 0; flex-basis: auto; width: calc(100% * 2.5 / var(--Grid-parent-columns) - (var(--Grid-parent-columns) - 2.5) * (var(--Grid-parent-columnSpacing) / var(--Grid-parent-columns))); } } .css-1cu05lb { margin: 0px 0px 6px; font-size: 13px; font-family: Satoshi, Helvetica, Arial, sans-serif; line-height: 1.5; font-weight: 600; } @media (min-width: 0px) { .css-1cu05lb { font-size: 18px; } } .css-1v8my8o { display: flex; flex-direction: column; gap: 20px; } .css-spqce4 { --Link-underlineColor: rgba(25, 118, 210, 0.4); text-decoration: none; color: white; } .css-spqce4:hover { text-decoration-color: inherit; } .css-1qwjw1a { margin: 0px; font: inherit; letter-spacing: inherit; --Link-underlineColor: rgba(25, 118, 210, 0.4); text-decoration: none; color: white; } .css-1qwjw1a:hover { text-decoration-color: inherit; } .css-20tnkx { -webkit-box-flex: 0; flex-grow: 0; 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: 0px; box-sizing: border-box; } @media (min-width: 900px) { .css-20tnkx { -webkit-box-flex: 0; flex-grow: 0; flex-basis: auto; width: calc(100% * 4 / var(--Grid-parent-columns) - (var(--Grid-parent-columns) - 4) * (var(--Grid-parent-columnSpacing) / var(--Grid-parent-columns))); } } .css-1acood7 { margin: 0px 0px 6px; font-size: 13px; font-family: Satoshi, Helvetica, Arial, sans-serif; line-height: 1.5; font-weight: 600; } @media (min-width: 0px) { .css-1acood7 { font-size: 18px; } } @media (min-width: 600px) { .css-1acood7 { font-size: 24px; } } .css-16wajk8 { display: flex; gap: 40px; } .css-rs64s4 { margin: 0px 0px 4px; font-family: Satoshi, Helvetica, Arial, sans-serif; line-height: 1.5; font-weight: 700; font-size: 14px; } .css-1ow3f0r { margin: 0px; font-size: 13px; font-family: Satoshi, Helvetica, Arial, sans-serif; font-weight: 400; line-height: 1.5; } .css-15v75y9 { display: flex; -webkit-box-align: center; align-items: center; gap: 15px; } .css-9uy14h { width: 24px; height: 24px; } .css-1fpejgi { margin: 0px 0px 4px; font-size: 13px; font-family: Satoshi, Helvetica, Arial, sans-serif; font-weight: 400; line-height: 1.5; } .css-b43jk5 { margin: 0px; font-size: 13px; font-family: Satoshi, Helvetica, Arial, sans-serif; font-weight: 400; line-height: 1.5; color: white; text-decoration: underline; display: flex; -webkit-box-align: center; align-items: center; gap: 4px; } .css-1oc23x1 { position: fixed; display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; text-align: center; background-color: white; box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 15px; bottom: 20px; text-decoration: none; color: rgb(75, 85, 99); border-radius: 50%; -webkit-box-pack: center; justify-content: center; } @media (min-width: 0px) { .css-1oc23x1 { width: 70px; height: 70px; right: 10px; } } @media (min-width: 900px) { .css-1oc23x1 { width: 90px; height: 90px; right: 20px; } }