Tailwind island on the Money home, so `inherit` resolves
* to Cash Sans and the managerbot tokens (--muted-foreground, …) are in scope.
* Explicit px values mirror the sibling tiles (title text-base/semibold, hero
* value text-3xl/semibold); Market tokens remain only as fallbacks for
* contexts without the island (Storybook).
*/
._card_b5c3m_9 {
background: var(--core-surface-10-color);
/* shadow-xs + rounded-3xl — matches the managerbot Card used by the sibling
FOM tiles. (The border this replaces referenced a Market token that was
never defined, so it never painted.) */
box-shadow: 0 0 1px rgb(0 0 0 / 5%);
border-radius: 24px;
display: flex;
flex-direction: column;
gap: var(--core-metrics-spacing-300);
/* p-6 — matches the managerbot Card padding. */
padding: 24px;
/* Let the card (and its responsive chart) shrink within a grid/flex track
rather than forcing it wider — prevents horizontal page scroll. */
min-width: 0;
box-sizing: border-box;
}
._header_b5c3m_30 {
display: flex;
flex-direction: column;
gap: var(--core-metrics-spacing-200);
}
/* "Balance overview" and its period, on one line. */
._titleRow_b5c3m_37 {
display: flex;
align-items: baseline;
gap: var(--core-metrics-spacing-100);
}
/* "Balance overview" — Market Heading 20, the shared card-heading style across
the Money home. */
._title_b5c3m_37 {
font-size: var(--core-type-heading-20-size, 19px);
line-height: var(--core-type-heading-20-leading, 24px);
font-weight: var(--core-type-semibold-weight, 600);
}
/* Muted supporting text — the period beside the title and the label above each
stat (text-sm text-muted-foreground). */
._period_b5c3m_53, ._statLabel_b5c3m_54 {
font-size: 14px;
line-height: 20px;
color: var(--muted-foreground, var(--core-text-20-color));
}
/* The two summary stats (Total balance · Net cashflow), side by side. */
._stats_b5c3m_61 {
display: flex;
flex-wrap: wrap;
gap: 48px;
}
._stat_b5c3m_54 {
display: flex;
flex-direction: column;
gap: var(--core-metrics-spacing-50);
}
/* Hero value — text-3xl font-semibold, which the managerbot theme overrides
to 32px/36px with -0.4px tracking (not Tailwind's 30px default). */
._balance_b5c3m_75 {
display: flex;
align-items: baseline;
font-weight: 600;
}
/* Dollars and cents share the full hero scale (per the design — no
de-emphasized fraction). There is no Market or managerbot class/token to map
these to: the managerbot theme compiles with `@theme inline`, so its font
scale isn't exposed as runtime custom properties, and Market's closest style
(display-10: 32px/40px/700) differs in leading, tracking, and weight — Cash
Sans has no 700 face. */
._balanceMain_b5c3m_87, ._balanceFraction_b5c3m_88 {
font-size: 32px;
line-height: 36px;
letter-spacing: -0.4px;
}
._balanceSkeleton_b5c3m_94 {
height: 36px;
width: 180px;
}
/* Positioning context for the floating hover tooltip. min-width:0 lets the
responsive chart SVG measure the available width instead of forcing the card
wider. */
._chartArea_b5c3m_102 {
position: relative;
width: 100%;
min-width: 0;
}
/* Zero-height strip the tooltip positions against; its left/right insets are
set inline to the chart's margins. */
._tooltipTrack_b5c3m_110 {
position: absolute;
top: 0;
}
._bladeContent_11y5u_1 {
display: flex;
flex-direction: column;
}
._header_11y5u_6 {
display: flex;
flex-direction: column;
align-items: center;
padding: var(--core-metrics-spacing-400) 0;
}
._heroIconIn_11y5u_13, ._heroIconOut_11y5u_14 {
display: flex;
align-items: center;
justify-content: center;
width: 72px;
height: 72px;
border-radius: var(--core-radius-20);
margin-bottom: var(--core-metrics-spacing-200);
}
._heroIconIn_11y5u_13 {
background: var(--core-blue-40-color);
color: var(--core-blue-10-color);
}
/* Arrow-down rotated to point bottom-left — incoming from top-right */
._heroIconIn_11y5u_13 > * {
transform: rotate(45deg);
}
._heroIconOut_11y5u_14 {
background: var(--core-fill-50-color);
color: var(--core-fill-black-color);
}
/* Arrow-down rotated to point top-right — exactly opposite of heroIconIn (180° apart) */
._heroIconOut_11y5u_14 > * {
transform: rotate(-135deg);
}
._locationName_11y5u_44 {
font-weight: var(--core-type-semibold-weight);
font-size: var(--core-type-paragraph-30-size);
margin-bottom: var(--core-metrics-spacing-50);
}
._dateRange_11y5u_50 {
margin-top: var(--core-metrics-spacing-100);
color: var(--core-text-20-color);
}
._categoryIcon_11y5u_55 {
display: flex;
}
/* Match sideText weight to title weight on category rows */
._categoryRow_11y5u_60 {
--market-row-medium-size-side-text-primary-weight: var(--market-row-medium-size-text-weight, var(--core-type-medium-30-weight));
}
/* transfers arrows: same rotations as hero icon for consistency (180° opposite) */
._transferInIcon_11y5u_65 {
transform: rotate(45deg);
}
._transferOutIcon_11y5u_69 {
transform: rotate(-135deg);
}
/* Indent sub-items under their category, use lighter text color and normal weight */
._subItemRow_11y5u_74 {
padding-left: var(--core-metrics-spacing-400);
--market-row-normal-variant-normal-state-text-color: var(--core-text-20-color);
--market-row-medium-size-text-weight: var(--core-type-regular-weight);
--market-row-medium-size-side-text-primary-weight: var(--core-type-regular-weight);
}
._card_2fjib_1 {
border: 1px solid var(--core-divider-stroke-color);
border-radius: var(--core-radius-20);
display: flex;
flex-direction: column;
gap: var(--core-metrics-spacing-400);
}
/* Desktop: cards take 40%, chart takes 60% */
._contentRow_2fjib_10 {
display: grid;
grid-template-columns: 2fr 3fr;
gap: var(--core-metrics-spacing-150);
}
._summaryCardsRow_2fjib_16 {
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(--core-metrics-spacing-100);
}
/* Tablet + Mobile: cards stacked full width */
._summaryCardsStacked_2fjib_23 {
display: flex;
flex-direction: column;
gap: var(--core-metrics-spacing-100);
}
._headerWithCaret_2fjib_29 {
display: flex;
justify-content: space-between;
align-items: center;
}
._footer_2fjib_35 {
display: flex;
justify-content: flex-end;
align-items: center;
}
._arrows_2fjib_41 {
display: flex;
gap: var(--core-metrics-spacing-50);
}
._expandedContent_2fjib_46 {
display: flex;
flex-direction: column;
gap: var(--core-metrics-spacing-400);
}
/* Diverging layout: compact, right-aligned trend line above the full-width
chart (replaces the summary cards). Each entry is a TrendIndicator — money in
as an up/green triangle, money out as a down/red triangle. */
._inlineSummary_2fjib_55 {
display: flex;
align-items: center;
justify-content: flex-end;
gap: var(--core-metrics-spacing-300);
}
._header_b7023_1 {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: var(--core-metrics-spacing-200);
/* Lock a consistent height across loading / data / error states so the
widget below doesn't shift vertically when the net-amount row swaps in
for the skeleton line. */
min-height: 62px;
}
._content_b7023_12 {
display: flex;
flex-direction: column;
gap: var(--core-metrics-spacing-50);
}
._title_b7023_18 {
font-size: var(--core-type-heading-20-size);
font-weight: var(--core-type-bold-weight);
line-height: var(--core-type-paragraph-30-leading);
}
._subtitle_b7023_24 {
font-size: var(--core-type-paragraph-30-size);
line-height: var(--core-type-paragraph-30-leading);
color: var(--core-text-20-color);
}
._netRow_b7023_30 {
display: flex;
align-items: baseline;
gap: var(--core-metrics-spacing-100);
flex-wrap: wrap;
}
._netAmount_b7023_37 {
font-size: var(--core-type-heading-30-size);
line-height: var(--core-type-heading-30-leading);
}
._netAmountMuted_b7023_42 {
color: var(--core-text-20-color);
}
._arrows_b7023_47 {
display: flex;
gap: var(--core-metrics-spacing-50);
flex-shrink: 0;
}
._card_1uv82_1 {
display: flex;
flex-direction: column;
gap: var(--core-metrics-spacing-50);
padding: var(--core-metrics-spacing-300);
background: var(--core-fill-50-color);
border-radius: var(--core-radius-20);
min-width: 160px;
transition: background 0.15s ease;
}
._cardCompact_1uv82_12 {
padding: var(--core-metrics-spacing-200);
flex: 1;
}
._clickable_1uv82_18 {
cursor: pointer;
}
._clickable_1uv82_18:hover {
background: var(--core-fill-40-color);
}
._header_1uv82_26 {
display: flex;
align-items: center;
gap: var(--core-metrics-spacing-100);
}
._dot_1uv82_32 {
width: var(--core-metrics-spacing-150);
height: var(--core-metrics-spacing-150);
border-radius: 3px;
}
._label_1uv82_38 {
line-height: var(--core-type-paragraph-30-leading);
flex: 1;
}
._chevron_1uv82_43 {
color: var(--core-fill-20-color);
flex-shrink: 0;
}
._skeletonContainer_1uv82_48 {
margin-top: var(--core-metrics-spacing-100);
}
._skeletonContainer_1uv82_48 > div {
gap: var(--core-metrics-spacing-150);
}
._amountStacked_1uv82_56 {
display: flex;
flex-direction: column;
gap: var(--core-metrics-spacing-50);
}
._amountInline_1uv82_62 {
display: flex;
align-items: baseline;
gap: var(--core-metrics-spacing-100);
flex-wrap: wrap;
}
._amount_1uv82_56 {
font-weight: var(--core-type-regular-weight);
font-size: var(--core-type-heading-20-size);
line-height: var(--core-type-paragraph-30-leading);
}
._amountMuted_1uv82_75 {
color: var(--core-text-20-color);
}
._percentageControl_zj541_1 {
display: flex;
align-items: center;
justify-content: space-between;
}
._percentageValue_zj541_7 {
font-size: var(--core-type-display-20-leading);
font-weight: var(--core-type-semibold-weight);
}
._percentageValueSmall_zj541_12 {
font-size: var(--core-type-display-10-size);
font-weight: var(--core-type-semibold-weight);
}
._buttons_zj541_17 {
display: flex;
align-items: center;
gap: var(--core-metrics-spacing-200);
}
._sliderContainer_zj541_23 {
display: flex;
align-items: center;
gap: var(--core-metrics-spacing-100);
}
._slider_zj541_23 {
flex: 1;
}
._sliderLabel_zj541_33 {
color: var(--market-core-text-20-color);
}._container_10zfq_1 {
--market-content-card-border-color: var(--core-divider-20-color);
color: var(--core-text-20-color);
}
._headerRow_10zfq_7 {
display: flex;
padding-bottom: var(--core-metrics-spacing-150);
gap: var(--core-metrics-spacing-200);
}
._divider_10zfq_13 {
--market-divider-fill-color: var(--core-divider-20-color);
}
._headerSpacer_10zfq_17 {
width: var(--core-metrics-spacing-500);
flex-shrink: 0;
}
._headerSalesLabel_10zfq_22 {
flex: 1;
}
._dataRow_10zfq_26 {
display: flex;
align-items: center;
padding-top: var(--core-metrics-spacing-100);
gap: var(--core-metrics-spacing-200);
}
._dayLabel_10zfq_33 {
width: var(--core-metrics-spacing-500);
flex-shrink: 0;
}
._barArea_10zfq_38 {
flex: 1;
min-height: var(--core-metrics-spacing-500);
}
._paidAmount_10zfq_43 {
flex-shrink: 0;
text-align: right;
min-width: var(--core-metrics-spacing-500);
}
._noSalesText_10zfq_49 {
flex: 1;
}
._content_c2y8z_1 {
display: flex;
flex-direction: column;
gap: var(--core-metrics-spacing-200);
}
._illustration_c2y8z_7 {
display: flex;
justify-content: center;
}
._illustration_c2y8z_7 img {
width: 100%;
}
._estimateCard_c2y8z_16 {
border-radius: var(--core-radius-200);
border: 1px solid var(--core-fill-40-color);
}
._content_617ol_1 {
display: flex;
flex-direction: column;
gap: var(--market-core-metrics-spacing-100);
}
._optionSubtext_617ol_7 {
margin-bottom: 0;
}
._percentagePickerContainer_617ol_11 {
position: relative;
display: flex;
flex-direction: column;
gap: var(--market-core-metrics-spacing-150);
margin: 0;
padding: 0 var(--market-row-normal-variant-background-horizontal-outset-padding) var(--market-core-metrics-spacing-200);
border: none;
pointer-events: auto;
}
._content_ku27k_1 {
display: flex;
flex-direction: column;
gap: var(--core-metrics-spacing-100);
}
._content_ku27k_1 {
display: flex;
flex-direction: column;
gap: var(--core-metrics-spacing-100);
}
._content_j5vws_1 {
display: flex;
flex-direction: column;
gap: var(--core-metrics-spacing-100);
}
._accessoryIcon_j5vws_7 {
background-color: var(--core-fill-40-color);
border-radius: var(--core-radius-100);
min-height: var(--core-metrics-spacing-500);
min-width: var(--core-metrics-spacing-500);
padding: var(--core-metrics-spacing-50);
}
._optionSubtext_j5vws_15 {
margin-bottom: 0;
}
._content_4p6wh_1 {
display: flex;
flex-direction: column;
gap: var(--core-metrics-spacing-100);
}
/* !important needed to override MarketRow's internal label font-weight */
._sectionLabel_4p6wh_8 {
font-weight: var(--core-type-heading-20-weight) !important;
}
._statusBadgeOn_4p6wh_12 {
color: var(--core-green-text-color);
}
._statusBadgeOff_4p6wh_16 {
color: var(--core-text-20-color);
}
._barChartTooltip_2sbv0_1 {
color: var(--core-text-inverse-color);
}
._barChartTooltipSubtitle_2sbv0_5 {
color: var(--core-text-20-dark-mode-color);
margin-bottom: var(--core-metrics-spacing-100);
}
._dateFilter_imacp_1 {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: var(--core-metrics-spacing-200);
gap: var(--core-metrics-spacing-100);
flex-wrap: wrap;
}
._dateFilterButtons_imacp_10 {
display: flex;
gap: var(--core-metrics-spacing-100);
}
._container_1onk8_1 {
display: flex;
gap: var(--core-metrics-spacing-150);
align-items: center;
}
._fdicIcon_1onk8_7 {
min-width: 37.36px;
min-height: 15.74px;
}
._container--center_1onk8_12 {
justify-content: center;
}
._container--start_1onk8_16 {
justify-content: start;
}
/* FDIC requires 12.8px and #000 font color */
[data-market-features*='typography'] ._description_1onk8_21 {
font-size: 12.8px;
color: #000;
}
._descriptionV2_1onk8_26 {
font-size: var(--core-type-paragraph-30-size);
margin: 0;
/* The FDIC icon essentially has padding-top and padding-bottom applied to it so on desktop screens the FdicDisclosure component
will have padding, but on mobile where the text wraps on this description element the padding goes away causing inconsistent
spacing on desktop vs mobile. Adding these paddings don't change anything on desktop, but for mobile it gives it similar spacing
to where users of the component can receive consistent "padding" on the top and bottom of it */
padding-top: var(--core-metrics-spacing-100);
padding-bottom: var(--core-metrics-spacing-100);
}
._root_fl9o0_1 {
--activity-indicator-bar-height: 8px;
--activity-indicator-gap: 2px;
--activity-indicator-bar-color: var(--core-fill-40-color);
--activity-indicator-fill-color: var(--core-emphasis-fill-color);
--activity-indicator-radius: 4px;
display: block;
}
/* Native progress element reset & container */
._progress_fl9o0_12 {
display: block;
width: 100%;
height: var(--activity-indicator-bar-height);
position: relative;
border: 0;
border-radius: var(--activity-indicator-radius);
background-color: transparent;
overflow: visible;
appearance: none;
-webkit-appearance: none;
}
/* Neutralize native progress element so our custom pills show */
._progress_fl9o0_12::-webkit-progress-bar { background: transparent !important; }
._progress_fl9o0_12::-webkit-progress-value { background: transparent !important; }
._progress_fl9o0_12::-moz-progress-bar { background: transparent !important; }
/* Left (filled) pill */
._progress_fl9o0_12::before {
content: "";
position: absolute;
inset: 0 auto 0 0;
width: max(0px, calc(var(--percent, 0%) - var(--activity-indicator-gap) / 2));
background: var(--activity-indicator-fill-color);
border-radius: var(--activity-indicator-radius);
}
/* Right (remainder) pill */
._progress_fl9o0_12::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: calc(var(--percent, 0%) + var(--activity-indicator-gap) / 2);
width: max(0px, calc(100% - (var(--percent, 0%) + var(--activity-indicator-gap) / 2)));
background: var(--activity-indicator-bar-color);
border-radius: var(--activity-indicator-radius);
}
._target_fl9o0_52 {
margin-top: var(--core-metrics-spacing-150);
}
._targetReached_fl9o0_56 {
display: flex;
gap: var(--core-metrics-spacing-100);
align-items: center;
svg {
width: 18px;
height: 18px;
path {
fill: var(--core-blue-fill-color);
}
}
}
/* These are the sizes where the gutter starts to shrink and the columns begin to overlap */
._gridBase_tukt2_20 {
box-sizing: content-box;
display: grid;
position: relative;
margin: 0 auto;
row-gap: var(--core-metrics-spacing-200);
column-gap: var(--core-metrics-spacing-200);
> :nth-child(n) {
display: grid;
row-gap: var(--core-metrics-spacing-200);
grid-auto-rows: min-content;
}
}
._gridLayoutOneColumn_tukt2_35 {
grid-template-columns: minmax(0, 1fr);
max-width: 722px;
}
._gridLayoutForm_tukt2_42 {
grid-template-columns: minmax(0, 1fr);
max-width: 448px;
}
._gridLayoutTwoColumn_tukt2_49 {
max-width: 1198px;
grid-template-columns: repeat(12, 1fr);
> :first-child {
grid-column: 1 / span 7;
}
> :nth-child(2) {
grid-column: 8 / -1;
}
@media (max-width: 839px) {
> :nth-child(n) {
grid-column: 1 / -1;
}
}
/*
* The side nav takes up part of the screen width at certain sizes on desktop,
* so we go between 2- and 1-column layouts in order to prevent the columns from shrinking too much.
*/
@media (min-width: 1024px) and (max-width: calc(280px + calc(96px * 2) + 471px + 332px)),
(max-width: calc(calc(calc(280px + calc(96px * 2) + 471px + 332px) - 280px) - 1px)) {
> :nth-child(n) {
grid-column: 1 / -1;
}
}
}
/*
* Header layout wrappers
*/
._header_1xjce_19 {
display: grid;
--column-gap: var(--core-metrics-spacing-300);
--top-padding: var(--core-metrics-spacing-300);
--side-padding: 96px;
grid-template-columns: max-content auto;
grid-template-areas: "go-back main-content";
max-width: 1198px;
padding: var(--top-padding) var(--side-padding) 0;
margin: 0 auto;
box-sizing: content-box;
}
@media (max-width: 599px) {
._header_1xjce_19 {
--column-gap: var(--core-metrics-spacing-200);
--top-padding: var(--core-metrics-spacing-200);
--side-padding: var(--core-metrics-spacing-200);
grid-template-columns: max-content 1fr max-content;
grid-template-areas: none;
}
}
._header_1xjce_19:has(._headerSecondaryCentered_1xjce_41) {
grid-template-columns: 1fr auto 1fr;
grid-template-areas: "go-back main-content settings";
}
/*
* When new rows are added to the template, we have to adjust any `grid-rows` below,
* since on tablet there is non-CSS logic to wrap the buttons based on screen size.
*/
@media (min-width: 600px) {
._headerPrimary_1xjce_51 {
padding-bottom: 56px;
display: grid;
grid-template-columns: 1fr max-content max-content;
grid-template-areas: "title top-button settings" "spacer-top spacer-top spacer-top" "headline headline headline" "super-text super-text super-text" "balance buttons buttons" "progress-bar progress-bar progress-bar" "sub-text sub-text sub-text" "sub-text-tooltip sub-text-tooltip sub-text-tooltip" "spacer-bottom spacer-bottom spacer-bottom" "banners banners banners";
}
}
@media (max-width: 599px) {
._headerPrimary_1xjce_51 {
padding-bottom: var(--core-metrics-spacing-400);
grid-template-areas: "go-back title settings" "spacer-top spacer-top spacer-top" "account-number account-number account-number" "headline headline headline" "super-text super-text super-text" "balance balance balance" "progress-bar progress-bar progress-bar" "sub-text sub-text sub-text" "sub-text-tooltip sub-text-tooltip sub-text-tooltip" "spacer-bottom spacer-bottom spacer-bottom" "buttons buttons buttons" "banners banners banners";
/* Everything below the top row spans full width */
}
._headerPrimary_1xjce_51 > :not(._titleCell_1xjce_64):not(._goBack_1xjce_64):not(._settings_1xjce_64) {
grid-column: 1/-1;
}
}
._headerSecondaryCentered_1xjce_41, ._headerSecondarySpread_1xjce_70, ._headerWideOneColumn_1xjce_71 {
padding-bottom: var(--core-metrics-spacing-500);
}
@media (max-width: 599px) {
._headerSecondaryCentered_1xjce_41, ._headerSecondarySpread_1xjce_70, ._headerWideOneColumn_1xjce_71 {
padding-bottom: var(--core-metrics-spacing-300);
}
}
._headerSecondaryCentered_1xjce_41 {
display: grid;
grid-template-areas: "go-back title settings" "spacer-top spacer-top spacer-top" "headline headline headline" "banners banners banners";
grid-template-columns: 1fr auto 1fr;
}
._headerSecondaryCentered_1xjce_41 ._title_1xjce_64 {
margin: 0 auto;
}
._headerSecondaryCentered_1xjce_41 ._titleCell_1xjce_64 {
grid-column: 1/-1;
}
._headerSecondarySpread_1xjce_70 {
display: grid;
grid-template-areas: "title buttons settings" "spacer-top spacer-top spacer-top" "headline headline headline" "banners banners banners";
grid-template-columns: 2fr max-content max-content;
}
._headerWideOneColumn_1xjce_71 {
display: grid;
grid-template-areas: "title trailing-actions settings" "spacer-top spacer-top spacer-top" "headline headline headline" "super-text super-text super-text" "balance buttons buttons" "progress-bar progress-bar progress-bar" "sub-text sub-text sub-text" "sub-text-tooltip sub-text-tooltip sub-text-tooltip" "spacer-bottom spacer-bottom spacer-bottom" "banners banners banners";
grid-template-columns: 2fr max-content max-content;
}
@media (max-width: 599px) {
._headerWideOneColumn_1xjce_71 {
grid-template-areas: "go-back title settings" "trailing-actions trailing-actions trailing-actions" "spacer-top spacer-top spacer-top" "headline headline headline" "super-text super-text super-text" "balance balance balance" "progress-bar progress-bar progress-bar" "sub-text sub-text sub-text" "sub-text-tooltip sub-text-tooltip sub-text-tooltip" "spacer-bottom spacer-bottom spacer-bottom" "buttons buttons buttons" "banners banners banners";
grid-template-columns: max-content minmax(0, 1fr) max-content;
}
}
._headerLandingPage_1xjce_112 {
padding-bottom: var(--core-metrics-spacing-800);
}
@media (max-width: 599px) {
._headerLandingPage_1xjce_112 {
padding-bottom: var(--core-metrics-spacing-500);
}
}
/*
* Header modifications
*/
._header_1xjce_19._headerSecondarySpread_1xjce_70, ._header_1xjce_19:has(._headerSecondarySpread_1xjce_70) {
padding-right: var(--core-metrics-spacing-300);
padding-left: var(--core-metrics-spacing-300);
}
._header_1xjce_19:has(._headerWideOneColumn_1xjce_71) {
max-width: calc(1198px - 2 * 96px);
}
._header_1xjce_19:has(._goBack_1xjce_64) {
padding-left: var(--core-metrics-spacing-300);
padding-right: var(--side-padding);
max-width: none;
}
._header_1xjce_19:has(._headerSecondaryCentered_1xjce_41):has(._goBack_1xjce_64) {
padding-right: var(--core-metrics-spacing-300);
}
._header_1xjce_19:has(._headerLandingPage_1xjce_112):has(._goBack_1xjce_64) ._titleCell_1xjce_64 {
/* Same height as .goBack */
min-height: var(--core-metrics-spacing-600);
}
._headerPrimary_1xjce_51:has(._banners_1xjce_149:not(:empty)), ._headerSecondaryCentered_1xjce_41:has(._banners_1xjce_149:not(:empty)), ._headerSecondarySpread_1xjce_70:has(._banners_1xjce_149:not(:empty)), ._headerWideOneColumn_1xjce_71:has(._banners_1xjce_149:not(:empty)), ._headerLandingPage_1xjce_112:has(._banners_1xjce_149:not(:empty)) {
padding-bottom: var(--core-metrics-spacing-200);
}
._headerSecondarySpread_1xjce_70 ._titleCell_1xjce_64, ._headerWideOneColumn_1xjce_71 ._titleCell_1xjce_64 {
grid-area: title;
margin-right: var(--core-metrics-spacing-100);
}
._headerSecondarySpread_1xjce_70 ._buttons_1xjce_163 {
grid-area: buttons;
align-items: flex-start;
}
._headerWideOneColumn_1xjce_71 ._buttons_1xjce_163 {
grid-area: buttons;
}
._headerWideOneColumn_1xjce_71 ._trailingActions_1xjce_172 {
grid-area: trailing-actions;
align-items: flex-start;
}
@media (max-width: 599px) {
._headerWideOneColumn_1xjce_71 ._trailingActions_1xjce_172 {
flex-wrap: wrap;
justify-self: stretch;
margin-block-start: var(--core-metrics-spacing-200);
}
}
._headerSecondarySpread_1xjce_70 ._settings_1xjce_64, ._headerWideOneColumn_1xjce_71 ._settings_1xjce_64 {
margin-left: var(--core-metrics-spacing-100);
}
._headerSecondarySpread_1xjce_70 ._banners_1xjce_149, ._headerWideOneColumn_1xjce_71 ._banners_1xjce_149 {
grid-area: banners;
}
/*
* Main content grid areas
*/
@media (min-width: 600px) {
._mainContent_1xjce_198 {
grid-area: main-content;
width: 100%;
max-width: 1198px;
margin: 0 auto;
}
}
._headerSecondarySpreadMainContent_1xjce_206 {
max-width: none;
}
._spacerTop_1xjce_210, ._spacerBottom_1xjce_210 {
display: block;
}
._spacerTop_1xjce_210 {
grid-area: spacer-top;
height: var(--core-metrics-spacing-600);
}
@media (max-width: 839px) {
._spacerTop_1xjce_210 {
height: var(--core-metrics-spacing-500);
}
}
@media (max-width: 599px) {
._spacerTop_1xjce_210 {
height: var(--core-metrics-spacing-400);
}
}
._spacerBottom_1xjce_210 {
grid-area: spacer-bottom;
height: var(--core-metrics-spacing-400);
}
._goBack_1xjce_64 {
grid-area: go-back;
align-self: start;
justify-self: start;
margin-right: var(--column-gap);
}
._goBack_1xjce_64 svg path {
fill: var(--core-fill-black-color);
}
@media (max-width: 599px) {
._goBack_1xjce_64 {
grid-column: 1;
}
}
._titleCell_1xjce_64 {
grid-area: title;
display: flex;
align-items: center;
gap: var(--core-metrics-spacing-200);
}
._titleCell_1xjce_64 svg path {
fill: var(--core-fill-black-color);
}
@media (max-width: 599px) {
._titleCell_1xjce_64 {
grid-column: 2;
justify-content: space-between;
}
}
._heroBadgeIcon_1xjce_265 {
color: currentColor;
}
._title_1xjce_64 {
font-weight: var(--core-type-heading-30-weight);
font-size: var(--core-type-heading-30-size);
font-family: var(--core-type-heading-30-font-family);
line-height: var(--core-type-heading-30-leading);
letter-spacing: var(--core-type-heading-30-tracking);
text-transform: var(--core-type-heading-30-case);
margin: 0;
display: flex;
align-items: center;
}
._titleCentered_1xjce_281 {
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
._header_1xjce_19 ._locationSelector_1xjce_289 {
/* For non title centered headers, we need to add this negative margin
to visually hide padding left and left align button text with title */
margin-left: calc(-1 * var(--core-metrics-spacing-200));
}
._headerSecondaryCentered_1xjce_41 ._locationSelector_1xjce_289, ._header_1xjce_19:has(._headerSecondaryCentered_1xjce_41) ._locationSelector_1xjce_289 {
margin-left: 0;
}
._subtitle_1xjce_300 {
font-weight: var(--core-type-paragraph-30-weight);
font-size: var(--core-type-paragraph-30-size);
font-family: var(--core-type-paragraph-30-font-family);
line-height: var(--core-type-paragraph-30-leading);
letter-spacing: var(--core-type-paragraph-30-tracking);
text-transform: var(--core-type-paragraph-30-case);
margin-bottom: 0;
margin-top: var(--core-metrics-spacing-50);
color: var(--core-text-20-color);
}
@media (max-width: 599px) {
._subtitle_1xjce_300 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-word;
}
}
._accountNumber_1xjce_322 {
grid-area: top-button;
}
@media (max-width: 599px) {
._accountNumber_1xjce_322 {
grid-area: account-number;
margin-bottom: var(--core-metrics-spacing-50);
}
}
._accountNumber_1xjce_322 svg {
vertical-align: middle;
margin-left: var(--core-metrics-spacing-50);
margin-bottom: 2px;
}
._settings_1xjce_64 {
grid-area: settings;
justify-self: end;
margin-left: var(--column-gap);
}
._settings_1xjce_64 svg path {
fill: var(--core-fill-black-color);
}
@media (max-width: 599px) {
._settings_1xjce_64 {
grid-column: 3;
}
}
._headerPrimary_1xjce_51:has(._accountNumber_1xjce_322) ._settings_1xjce_64 {
margin-left: var(--core-metrics-spacing-200);
}
._headline_1xjce_355 {
grid-area: headline;
}
._headlineSecondaryCentered_1xjce_359 {
text-align: center;
}
._headlineSubText_1xjce_363 {
margin-top: var(--core-metrics-spacing-100);
}
._headlineSubLink_1xjce_367 {
margin-top: var(--core-metrics-spacing-400);
}
._balanceSuperText_1xjce_371 {
grid-area: super-text;
margin-bottom: var(--core-metrics-spacing-50);
margin-top: 0;
}
._balance_1xjce_371 {
grid-area: balance;
font-weight: var(--core-type-display-20-weight);
font-size: var(--core-type-display-20-size);
font-family: var(--core-type-display-20-font-family);
line-height: var(--core-type-display-20-leading);
letter-spacing: var(--core-type-display-20-tracking);
text-transform: var(--core-type-display-20-case);
margin-top: 0;
}
/* Layout (flex column + row gap) lives on the MarketBox; this owns only
grid placement, the gap below the balance, and the wrap width. */
._balanceSubText_1xjce_390 {
grid-area: sub-text;
margin-top: var(--core-metrics-spacing-100);
max-width: 793px;
}
._progressBar_1xjce_396 {
grid-area: progress-bar;
margin-top: var(--core-metrics-spacing-100);
/* Match first column width in two-column grid: 7 columns + 6 gaps */
width: calc((100% - 11 * var(--core-metrics-spacing-200)) * 7 / 12 + 6 * var(--core-metrics-spacing-200));
}
@media (min-width: 1024px) and (max-width: calc(280px + calc(96px * 2) + 471px + 332px)), (max-width: calc(calc(calc(280px + calc(96px * 2) + 471px + 332px) - 280px) - 1px)) {
._progressBar_1xjce_396 {
width: 100%;
}
}
._buttons_1xjce_163 {
grid-area: buttons;
grid-column: 1/-1;
margin-left: var(--core-metrics-spacing-100);
justify-self: end;
align-items: center;
display: flex;
gap: var(--core-metrics-spacing-100);
}
@media (max-width: 599px) {
._buttons_1xjce_163 {
grid-column: 1/-1;
margin-left: 0;
align-self: start;
justify-self: start;
}
}
@media (max-width: 839px) {
._buttonsWrapped_1xjce_427 {
grid-column: 1;
grid-row: 11;
margin-left: 0;
align-self: start;
justify-self: start;
}
}
._buttonPrimary_1xjce_436 {
/* Prevents buttons with short labels from being too narrow */
min-width: 90px;
}
._banners_1xjce_149 {
grid-area: banners;
display: grid;
row-gap: var(--core-metrics-spacing-200);
margin-top: 56px;
}
._banners_1xjce_149:empty {
display: none;
}
@media (max-width: 839px) {
._banners_1xjce_149 {
grid-row: 12;
}
}
@media (max-width: 599px) {
._banners_1xjce_149 {
grid-column: 1/-1;
margin-top: var(--core-metrics-spacing-400);
}
}
/*
* Header states
*/
._loading_1xjce_465 {
grid-column: 1/-1;
display: flex;
flex-direction: column;
gap: var(--core-metrics-spacing-300);
margin-top: var(--core-metrics-spacing-400);
max-width: 793px;
}
._loading_1xjce_465 :first-child {
width: 50%;
}
@media (max-width: 599px) {
._loading_1xjce_465 :first-child {
width: 75%;
}
}
._error_1xjce_483 {
grid-column: 1/-1;
padding: var(--core-metrics-spacing-400);
margin-top: var(--core-metrics-spacing-500);
text-align: center;
}
._errorText_1xjce_490 {
margin-bottom: var(--core-metrics-spacing-400);
}
/*
* Responsive adjustments using mixins
*/
@media (max-width: 599px) {
._balance_1xjce_371 {
font-weight: var(--core-type-display-10-weight);
font-size: var(--core-type-display-10-size);
font-family: var(--core-type-display-10-font-family);
line-height: var(--core-type-display-10-leading);
letter-spacing: var(--core-type-display-10-tracking);
}
._title_1xjce_64 {
font-weight: var(--core-type-heading-20-weight);
font-size: var(--core-type-heading-20-size);
font-family: var(--core-type-heading-20-font-family);
line-height: var(--core-type-heading-20-leading);
letter-spacing: var(--core-type-heading-20-tracking);
}
._headerSecondaryCentered_1xjce_41 ._title_1xjce_64 {
max-width: 230px;
text-align: center;
}
._subtitle_1xjce_300 {
font-weight: var(--core-type-paragraph-20-weight);
font-size: var(--core-type-paragraph-20-size);
font-family: var(--core-type-paragraph-20-font-family);
line-height: var(--core-type-paragraph-20-leading);
letter-spacing: var(--core-type-paragraph-20-tracking);
}
}
._nonInteractiveRow_1xjce_524 {
cursor: default;
pointer-events: none;
}._offerText_1o5c0_1 {
color: var(--core-blue-fill-color);
}
._menu_tcs9r_3 {
min-width: 360px;
}
._buttonInner_tcs9r_7 {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: inline-flex;
--max-width: 344px;
max-width: min(
var(--max-width),
calc(
100vw - (#{var(--core-metrics-spacing-400)} * 2) -
(#{var(--core-metrics-spacing-300)} * 2) -
(#{var(--core-metrics-spacing-200)} * 2)
)
);
@media (min-width: 600px) {
max-width: var(--max-width);
}
}
._searchRow_tcs9r_29 {
margin-bottom: var(--market-core-metrics-spacing-100);
}
/* These are the sizes where the gutter starts to shrink and the columns begin to overlap */
._gridBase_tukt2_20 {
box-sizing: content-box;
display: grid;
position: relative;
margin: 0 auto;
row-gap: var(--core-metrics-spacing-200);
column-gap: var(--core-metrics-spacing-200);
> :nth-child(n) {
display: grid;
row-gap: var(--core-metrics-spacing-200);
grid-auto-rows: min-content;
}
}
._gridLayoutOneColumn_tukt2_35 {
grid-template-columns: minmax(0, 1fr);
max-width: 722px;
}
._gridLayoutForm_tukt2_42 {
grid-template-columns: minmax(0, 1fr);
max-width: 448px;
}
._gridLayoutTwoColumn_tukt2_49 {
max-width: 1198px;
grid-template-columns: repeat(12, 1fr);
> :first-child {
grid-column: 1 / span 7;
}
> :nth-child(2) {
grid-column: 8 / -1;
}
@media (max-width: 839px) {
> :nth-child(n) {
grid-column: 1 / -1;
}
}
/*
* The side nav takes up part of the screen width at certain sizes on desktop,
* so we go between 2- and 1-column layouts in order to prevent the columns from shrinking too much.
*/
@media (min-width: 1024px) and (max-width: calc(280px + calc(96px * 2) + 471px + 332px)),
(max-width: calc(calc(calc(280px + calc(96px * 2) + 471px + 332px) - 280px) - 1px)) {
> :nth-child(n) {
grid-column: 1 / -1;
}
}
}
._layout_1f7i8_11 {
/* The page can be short sometimes resulting in a white body to leak through. */
/* To fix this we set a minimum height for the application. */
background-color: #fafafa;
min-height: 100dvh;
padding-bottom: var(--core-metrics-spacing-600);
@media (max-width: 1024px) {
padding-bottom: var(--core-metrics-spacing-800);
}
}
._layoutError_1f7i8_23 {
text-align: center;
margin: var(--core-metrics-spacing-1500) auto 0;
}
._errorTitle_1f7i8_28 {
margin-top: var(--core-metrics-spacing-400);
margin-bottom: var(--core-metrics-spacing-50);
}
._errorSubtext_1f7i8_33 {
color: var(--core-text-20-color);
}
._layoutLandingPageContainer_1f7i8_37 {
margin: 0 auto;
max-width: 1198px;
}
._layoutOneColumn_1f7i8_42 {
}
._layoutForm_1f7i8_46 {
}
._layoutTwoColumnContainer_1f7i8_50, ._layoutWideOneColumnContainer_1f7i8_51 {
max-width: 1198px;
margin: 0 auto;
}
._layoutTwoColumn_1f7i8_50 {
}
._content_1f7i8_60, ._footer_1f7i8_60 {
padding: 0 96px;
@media (max-width: 599px) {
padding: 0 var(--core-metrics-spacing-200);
}
}
._footer_1f7i8_60 {
box-sizing: content-box;
}
._layoutFormFooter_1f7i8_72, ._layoutLandingPageFooter_1f7i8_72, ._layoutOneColumnFooter_1f7i8_72, ._layoutTwoColumnFooter_1f7i8_72, ._layoutWideOneColumnFooter_1f7i8_72 {
margin: var(--core-metrics-spacing-600) auto 0;
p {
color: var(--core-text-20-color);
font-size: var(--core-type-paragraph-10-size);
line-height: var(--core-type-paragraph-10-leading);
}
}
._layoutLandingPageFooter_1f7i8_72 {
max-width: 1198px;
}
._layoutFormFooter_1f7i8_72 {
max-width: 448px;
}
._layoutOneColumnFooter_1f7i8_72 {
max-width: 722px;
}
._layoutTwoColumnFooter_1f7i8_72, ._layoutWideOneColumnFooter_1f7i8_72 {
max-width: 1198px;
}
._hero_1ubne_4 {
display: grid;
grid-template-columns: 1fr 1fr;
align-items: start;
grid-column-gap: var(--core-metrics-spacing-300);
margin-bottom: var(--core-metrics-spacing-600);
@media (max-width: 839px) {
display: flex;
flex-direction: column;
}
}
._heroStacked_1ubne_17 {
margin-bottom: var(--core-metrics-spacing-500);
}
._heroText_1ubne_21 {
display: flex;
flex-direction: column;
align-self: center;
@media (max-width: 839px) {
order: 2;
width: 100%;
}
h1 {
margin-top: 0;
margin-bottom: var(--core-metrics-spacing-200);
@media (max-width: 839px) {
margin-top: var(--core-metrics-spacing-500);
}
@media (max-width: 599px) {
margin-top: var(--core-metrics-spacing-400);
}
}
}
._heroTextStacked_1ubne_45 {
h1 {
margin-bottom: var(--core-metrics-spacing-200);
margin-top: 0;
line-height: 1;
}
}
._heroImage_1ubne_53 {
svg, img {
max-height: inherit;
width: 100%;
border-radius: var(--core-radius-266);
}
@media (max-width: 839px) {
order: 1;
align-self: center;
img, svg {
align-self: center;
height: auto;
/* We always want the hero section to be above the fold. To ensure that and
also maximize the image size, we set the max-height to 40vh. 40vh was
chosen arbitrarily as what looked the best.
*/
max-height: 40vh;
min-height: 240px;
}
}
}
._heroColumns_1ubne_77 {
display: grid;
column-gap: var(--core-metrics-spacing-200);
grid-template-columns: repeat(2, minmax(0, 1fr));
margin-bottom: var(--core-metrics-spacing-400);
@media (max-width: 839px) {
grid-template-columns: 1fr;
row-gap: var(--core-metrics-spacing-400);
}
}
._heroColumn_1ubne_77 {
display: flex;
flex-direction: column;
}
._heroColumnImage_1ubne_94 {
aspect-ratio: 4 / 3;
margin-bottom: var(--core-metrics-spacing-200);
/* Flex-item min-height would otherwise let a tall image stretch the box
past the aspect ratio, misaligning the hero columns. */
min-height: 0;
@media (max-width: 839px) {
aspect-ratio: 343 / 193;
}
img, svg, video {
border-radius: var(--core-radius-266);
display: block;
height: 100%;
object-fit: cover;
width: 100%;
}
}
._heroColumnImageWide_1ubne_114 {
aspect-ratio: 3 / 2;
@media (max-width: 839px) {
aspect-ratio: 343 / 193;
}
}
._heroColumnTitle_1ubne_122 {
margin: 0 0 var(--core-metrics-spacing-100);
}
._heroColumnSubtitle_1ubne_126 {
margin-top: var(--core-metrics-spacing-200);
}
._subtitle_1ubne_130 {
margin: 0;
}
._disclaimer_1ubne_134 {
color: var(--core-fill-20-color);
margin: 0;
}
._ctaContainer_1ubne_139 {
margin-bottom: var(--core-metrics-spacing-200);
margin-top: var(--core-metrics-spacing-300);
width: fit-content;
@media (max-width: 839px) {
width: 100%;
market-button {
width: 100%;
}
}
}
._valuePropsContainer_dn8pr_3 {
background-color: var(--core-fill-white-color);
border-radius: 16px;
padding: var(--core-metrics-spacing-300) var(--core-metrics-spacing-400);
margin-bottom: var(--core-metrics-spacing-600);
border: var(--content-card-border-width) solid var(--core-divider-20-color);
}
._valuePropsTitle_dn8pr_11 {
margin-top: 0;
margin-bottom: var(--core-metrics-spacing-300);
}
._valueProps_dn8pr_3 {
display: grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: var(--core-metrics-spacing-500);
grid-row-gap: var(--core-metrics-spacing-100);
@media (max-width: 839px) {
display: flex;
flex-direction: column;
}
}
._valuePropIcon_dn8pr_28 {
background-color: #fafafa;
border-radius: var(--core-radius-100);
svg {
path {
fill: var(--core-fill-black-color);
}
}
}
._valuePropIconTransparent_dn8pr_39 {
svg {
path {
fill: var(--core-fill-black-color);
}
}
}
._contentCardNoPadding_1yeg7_1 {
border: var(--content-card-border-width) solid var(--core-divider-20-color);
border-radius: var(--core-radius-266);
background-color: var(--core-fill-white-color);
}
._contentCard_1yeg7_1 {
padding: var(--core-metrics-spacing-400);
}
._banner_6yxw9_3 {
align-items: center;
display: grid;
gap: var(--core-metrics-spacing-300);
grid-template-columns: auto minmax(0, 1fr) auto;
padding: var(--core-metrics-spacing-200);
}
._icon_6yxw9_11 {
display: block;
height: var(--market-accessory-icon-variant-large-size-height, 40px);
object-fit: contain;
width: var(--market-accessory-icon-variant-large-size-width, 40px);
}
._copy_6yxw9_18 {
min-width: 0;
}
._title_6yxw9_22 {
margin: 0;
}
p._description_6yxw9_26 {
/* Override Dashboard/app-level paragraph reset in the shimmed applet. */
margin-top: var(--core-metrics-spacing-50) !important;
margin-bottom: 0 !important;
}
@media screen and (max-width: 599px) {
._banner_6yxw9_3 {
align-items: flex-start;
grid-template-columns: auto minmax(0, 1fr);
}
._button_6yxw9_38 {
grid-column: 2;
justify-self: start;
}
}
._cardLink_vaqa0_3 {
color: inherit;
text-decoration: none;
padding: var(--core-metrics-spacing-400);
display: block;
}
._title_vaqa0_10 {
font-family: 'Cash Sans';
margin: 0 0 var(--core-metrics-spacing-200);
font-weight: var(--core-type-semibold-weight);
}
._description_vaqa0_16 {
margin: 0 0 var(--core-metrics-spacing-200);
}
._hero_vaqa0_20 {
border-radius: var(--core-radius-266);
aspect-ratio: 330 / 146;
margin-top: var(--core-metrics-spacing-400);
overflow: hidden;
position: relative;
width: 100%;
}
._background_vaqa0_29 {
background-image: url('https://dashboard-production-f.squarecdn.com/dashboard/uploads/banking/savings/max_apy_background_hero_L.webp');
background-position: 45% 82%;
background-repeat: no-repeat;
background-size: 200%;
inset: 0;
position: absolute;
}
._overlay_vaqa0_38 {
align-items: center;
display: flex;
justify-content: center;
inset: 0;
overflow: hidden;
pointer-events: none;
position: absolute;
z-index: 1;
}
._text_vaqa0_49 {
color: var(--core-fill-white-color);
display: flex;
font-family: 'Cash Sans';
gap: var(--core-metrics-spacing-200);
white-space: nowrap;
/* custom font size for the hero image */
font-size: 37px;
}
._overlayItem_vaqa0_59 {
align-items: center;
display: flex;
}
._icon_vaqa0_64 {
flex-shrink: 0;
height: 0.8em;
width: 0.8em;
}
._card_15eez_3 {
align-items: center;
border: var(--content-card-border-width) solid var(--core-divider-20-color);
border-radius: var(--core-radius-266);
background-color: var(--core-fill-white-color);
display: flex;
gap: var(--core-metrics-spacing-200);
justify-content: space-between;
padding: var(--core-metrics-spacing-300);
@media (max-width: 839px) {
align-items: stretch;
flex-direction: column;
gap: var(--core-metrics-spacing-200);
}
}
._description_15eez_20 {
flex: 1 1 auto;
}
._header_15eez_24 {
align-items: center;
display: flex;
gap: var(--core-metrics-spacing-200);
justify-content: space-between;
margin-bottom: var(--core-metrics-spacing-100);
width: 100%;
}
._title_15eez_33 {
font-weight: var(--core-type-medium-weight);
margin: 0;
}
._body_15eez_38 {
margin: 0 0 var(--core-metrics-spacing-200);
padding-right: var(--core-metrics-spacing-400);
@media (max-width: 839px) {
margin-bottom: var(--core-metrics-spacing-100);
}
}
._closeButton_15eez_47 {
align-items: center;
appearance: none;
background: transparent;
border: 0;
color: var(--core-text-30-color);
cursor: pointer;
display: flex;
flex: 0 0 auto;
justify-content: center;
line-height: 0;
padding: 0;
}
._hero_15eez_61 {
border-radius: var(--core-radius-266);
flex: 0 0 auto;
height: 130px;
aspect-ratio: 1 / 1;
order: -1;
overflow: hidden;
position: relative;
@media (max-width: 839px) {
aspect-ratio: 330 / 146;
height: auto;
order: 0;
width: 100%;
}
}
._background_15eez_78 {
background-image: url('https://dashboard-production-f.squarecdn.com/dashboard/uploads/banking/savings/max_apy_square_hayward_hero.jpg');
background-position: 70% 55%;
background-repeat: no-repeat;
background-size: 330%;
inset: 0;
position: absolute;
}
._overlay_15eez_87 {
align-items: center;
display: flex;
inset: 0;
justify-content: center;
position: absolute;
text-align: center;
}
._mobileHeroText_15eez_96 {
display: none;
@media (max-width: 839px) {
color: var(--core-fill-white-color);
display: flex;
font-family: 'Cash Sans';
/* custom font size for the hero image */
font-size: 33px;
gap: var(--core-metrics-spacing-200);
white-space: nowrap;
}
}
._heroText_15eez_110 {
color: var(--core-fill-white-color);
font-family: 'Cash Sans';
font-size: var(--core-type-display-10-size);
line-height: 1;
letter-spacing: -0.854px;
@media (max-width: 839px) {
display: none;
}
}
._overlayItem_15eez_122 {
align-items: center;
display: flex;
flex-shrink: 0;
gap: 2px;
}
._icon_15eez_129 {
flex-shrink: 0;
height: 28px;
width: 28px;
}
._hero_1dtox_3 {
border-radius: var(--core-radius-266);
aspect-ratio: 2.56 / 1;
margin-bottom: var(--core-metrics-spacing-300);
overflow: hidden;
position: relative;
width: 100%;
min-height: 143px;
}
._background_1dtox_13 {
background-image: url('https://dashboard-production-f.squarecdn.com/dashboard/uploads/banking/savings/max_apy_background_hero_L.webp');
background-position: 55% 65%;
background-repeat: no-repeat;
background-size: 220%;
inset: 0;
position: absolute;
@media (max-width: 599px) {
background-position: 45% 83%;
background-size: 240%;
}
}
._overlay_1dtox_27 {
align-items: center;
display: flex;
justify-content: center;
inset: 0;
overflow: hidden;
pointer-events: none;
position: absolute;
z-index: 1;
}
._text_1dtox_38 {
color: var(--core-fill-white-color);
display: flex;
font-family: 'Cash Sans';
font-size: var(--core-type-display-20-size);
gap: var(--core-metrics-spacing-200);
white-space: nowrap;
@media (max-width: 599px) {
font-size: 33px;
}
}
._overlayItem_1dtox_51 {
align-items: center;
display: flex;
}
._text_1dtox_38 ._icon_1dtox_56 {
flex-shrink: 0;
height: 0.8em;
width: 0.8em;
}
._title_1dtox_62 {
margin: 0 0 var(--core-metrics-spacing-100);
}
._description_1dtox_66 {
margin: 0;
color: var(--core-text-20-color);
}
._button_1dtox_71 {
margin-top: var(--core-metrics-spacing-300);
}
._content_1h8vf_3 {
display: flex;
flex-direction: column;
}
._hero_1h8vf_8 {
border-radius: var(--core-radius-266);
aspect-ratio: 677 / 198;
margin-bottom: var(--core-metrics-spacing-300);
overflow: hidden;
position: relative;
width: 100%;
min-height: 193px;
}
._background_1h8vf_18 {
background-image: url('https://dashboard-production-f.squarecdn.com/dashboard/uploads/banking/savings/max_apy_background_hero_L.webp');
background-position: 55% 65%;
background-repeat: no-repeat;
background-size: 180%;
inset: 0;
position: absolute;
@media (max-width: 600px) {
background-position: 50% 83%;
background-size: 295%;
}
}
._overlay_1h8vf_32 {
align-items: center;
display: flex;
justify-content: center;
inset: 0;
overflow: hidden;
pointer-events: none;
position: absolute;
z-index: 1;
}
._text_1h8vf_43 {
color: var(--core-fill-white-color);
display: flex;
font-family: 'Cash Sans';
/* custom font size for the hero image */
font-size: 40px;
gap: var(--core-metrics-spacing-200);
white-space: nowrap;
/* custom letter spacing for the hero image */
letter-spacing: -1.3px;
@media (max-width: 600px) {
font-size: var(--core-type-display-10-size);
}
}
._overlayItem_1h8vf_59 {
align-items: center;
display: flex;
}
._icon_1h8vf_64 {
flex-shrink: 0;
height: 0.8em;
width: 0.8em;
}
._title_1h8vf_70 {
font-family: 'Cash Sans';
margin: 0 0 var(--core-metrics-spacing-200);
font-weight: var(--core-type-regular-weight);
/* custom letter spacing to match the hero image */
letter-spacing: -1.3px;
font-size: var(--core-type-display-20-size);
line-height: 1;
}
/*
* While accurateHysaCopyEnabled is on: same styling as .title, but sized on
* the Market display-10 scale (32px font, 40px line-height) instead of
* display-20.
*/
._accurateCopyTitle_1h8vf_85 {
font-family: 'Cash Sans';
margin: 0 0 var(--core-metrics-spacing-200);
font-weight: var(--core-type-regular-weight);
/* custom letter spacing to match the hero image */
letter-spacing: -1.3px;
font-size: var(--core-type-display-10-size);
line-height: var(--core-type-display-10-leading);
}
._footer_1h8vf_95 {
color: var(--core-text-20-color);
text-align: center;
width: 100%;
}
._card_fenwf_1 {
appearance: none;
color: inherit;
cursor: pointer;
display: block;
font: inherit;
text-align: left;
width: 100%;
}
._title_fenwf_11 {
margin: 0 0 var(--core-metrics-spacing-200);
}
._header_fenwf_15 {
align-items: center;
display: flex;
gap: var(--core-metrics-spacing-200);
justify-content: space-between;
margin: 0 0 var(--core-metrics-spacing-200);
}
._header_fenwf_15 ._title_fenwf_11 {
margin: 0;
}
._description_fenwf_27 {
color: var(--core-text-20-color);
margin: 0;
}
._descriptionRow_fenwf_32 {
align-items: center;
display: flex;
justify-content: space-between;
}
._chevron_fenwf_38 {
color: var(--core-text-20-color);
margin-left: var(--core-metrics-spacing-200);
flex: 0 0 auto;
}
._header_1mq8o_1 {
align-items: center;
display: flex;
gap: var(--core-metrics-spacing-200);
justify-content: space-between;
}
._title_1mq8o_8 {
margin: 0;
}
p._description_1mq8o_12 {
/* Override Dashboard/app-level paragraph reset in the shimmed applet. */
margin-top: var(--core-metrics-spacing-200) !important;
margin-bottom: var(--core-metrics-spacing-300) !important;
}
._settings_bzsid_1 {
margin-top: var(--core-metrics-spacing-300);
}
/* Keep the element selector to override Dashboard's app-level h3 styles in Ember. */
h3._sectionTitle_bzsid_6 {
margin: 0 0 var(--core-metrics-spacing-100);
}
._settingsList_bzsid_10 {
display: flex;
flex-direction: column;
list-style: none;
margin: 0;
padding: 0;
}
._setting_bzsid_1 {
align-items: center;
display: flex;
gap: var(--core-metrics-spacing-200);
justify-content: space-between;
min-height: var(--core-metrics-spacing-600);
}
._settingName_bzsid_26, ._inactive_bzsid_27 {
color: var(--core-text-20-color);
}
/* Element-qualified selectors override Dashboard Ember global type margins. */
p._description_1v2vg_2, p._settingsStatus_1v2vg_3, p._duplicateNameErrorText_1v2vg_4, h2._confirmationTitle_1v2vg_5 {
margin: 0;
}
._notice_1v2vg_9 {
align-items: center;
background-color: var(--core-fill-50-color);
border-radius: var(--core-radius-200);
display: flex;
gap: var(--core-metrics-spacing-100);
margin-top: var(--core-metrics-spacing-250);
padding: var(--core-metrics-spacing-150) var(--core-metrics-spacing-200);
}
._modalFooter_1v2vg_19 {
margin-top: var(--core-metrics-spacing-300);
}
._footerContent_1v2vg_23 {
display: flex;
align-items: flex-end;
gap: var(--core-metrics-spacing-300);
justify-content: space-between;
width: 100%;
}
._duplicateNameError_1v2vg_4 {
align-items: center;
color: var(--core-critical-text-color);
display: flex;
gap: var(--core-metrics-spacing-100);
margin-top: var(--core-metrics-spacing-250);
}
._duplicateNameErrorIcon_1v2vg_39 {
flex: 0 0 auto;
}
._primaryButton_1v2vg_43 {
width: 100%;
}
._setAside_1v2vg_47 {
display: flex;
gap: var(--core-metrics-spacing-150);
}
._setAsideBody_1v2vg_52 {
align-items: flex-start;
display: flex;
flex: 1 1 auto;
flex-direction: column;
}
h2._setAsideTitle_1v2vg_59 {
margin: 0 0 var(--core-metrics-spacing-200);
}
p._setAsideDescription_1v2vg_63 {
margin: 0 0 var(--core-metrics-spacing-300);
}
._setAsideCta_1v2vg_67 {
margin-top: auto;
}
._setAsideDuplicateNameError_1v2vg_71 {
margin-bottom: var(--core-metrics-spacing-300);
margin-top: 0;
}
p._setAsideDisclosure_1v2vg_76 {
/* Design has the links match the body copy instead of Market's semibold
emphasis-color default; states (hover/pressed) keep Market defaults. */
--market-text-link-medium-size-text-weight: var(--market-core-type-paragraph-10-weight);
--market-text-link-medium-size-text-font-family: var(--market-core-type-paragraph-10-font-family);
--market-text-link-medium-size-text-tracking: var(--market-core-type-paragraph-10-tracking);
--market-text-link-normal-variant-normal-state-color: var(--market-core-text-10-color);
margin: var(--core-metrics-spacing-300) 0 0;
}
._setAsideIllustration_1v2vg_87 {
align-self: flex-start;
/* The animation is captured natively at the design's 4:3 crop (704x528);
it takes the right half of the row, the copy the left. */
aspect-ratio: 4 / 3;
border-radius: var(--core-radius-400);
flex: 0 0 auto;
max-width: 50%;
object-fit: cover;
}
._setAsideIllustrationStill_1v2vg_99 {
display: none;
}
@media (prefers-reduced-motion: reduce) {
._setAsideIllustrationAnimated_1v2vg_104 {
display: none;
}
._setAsideIllustrationStill_1v2vg_99 {
display: block;
}
}
@media (max-width: 599px) {
._setAside_1v2vg_47 {
flex-direction: column;
gap: var(--core-metrics-spacing-300);
}
/* Mobile design stacks the illustration above the copy in a wide crop. */
._setAsideIllustration_1v2vg_87 {
aspect-ratio: 8 / 5;
max-width: none;
order: -1;
width: 100%;
}
}
._confirmation_1v2vg_5 {
align-items: center;
display: flex;
flex-direction: column;
text-align: center;
}
._confirmationIcon_1v2vg_135 {
height: var(--market-core-fixed-medium-size);
margin-bottom: var(--core-metrics-spacing-300);
width: var(--market-core-fixed-medium-size);
}
._errorIcon_1v2vg_141 {
color: var(--core-fill-30-color);
}
p._confirmationDescription_1v2vg_145 {
margin: var(--core-metrics-spacing-100) 0 var(--core-metrics-spacing-300);
}
p._settingsTitle_1v2vg_149 {
margin: 0 0 var(--core-metrics-spacing-50);
}
._settingsStatus_1v2vg_3 {
color: var(--core-text-20-color);
}
._card_152y4_1 {
display: flex;
flex-direction: column;
}
._header_152y4_6 {
align-items: center;
display: flex;
gap: var(--core-metrics-spacing-200);
justify-content: space-between;
}
._headerActions_152y4_13 {
align-items: center;
display: flex;
gap: var(--core-metrics-spacing-100);
}
/* Override Dashboard's high-specificity Ember heading spacing in the shimmed applet. */
h2._title_152y4_20 {
margin: 0;
padding-bottom: 0 !important;
}
/* Override Dashboard/app-level paragraph styles that otherwise change card spacing and text color. */
p._description_152y4_26 {
color: var(--core-text-20-color);
margin: var(--core-metrics-spacing-200) 0 0 !important;
}
._rows_152y4_31 {
display: flex;
flex-direction: column;
margin-top: var(--core-metrics-spacing-200);
}
._row_152y4_31 {
--market-row-medium-size-side-text-primary-weight: var(--core-type-semibold-30-weight);
--market-row-medium-size-text-weight: var(--core-type-paragraph-30-weight);
border-radius: var(--core-radius-200);
overflow: hidden;
}
._ctaRow_152y4_45 {
--market-row-medium-size-vertical-padding: var(--core-metrics-spacing-100);
}
._chevron_152y4_49 {
color: var(--core-text-30-color);
flex-shrink: 0;
}
._error_152y4_54 {
margin-top: var(--core-metrics-spacing-150);
}
._compactErrorState_152y4_58 {
--market-empty-state-button-group-vertical-spacing: var(--core-metrics-spacing-200);
--market-empty-state-horizontal-padding: 0;
}
p._description_110xb_1 {
margin: 0;
}
._footer_110xb_5 {
margin-top: var(--core-metrics-spacing-300);
}
._primaryButton_110xb_9 {
width: 100%;
}
._header_10tzm_1 {
align-items: center;
display: flex;
justify-content: space-between;
width: 100%;
margin-bottom: var(--core-metrics-spacing-200);
}
._pill_10tzm_9 {
color: var(--core-text-10-color)
}
._content_10tzm_13 {
display: flex;
align-items: center;
}
._description_10tzm_18 {
flex: 1 1 auto;
margin-right: var(--core-metrics-spacing-400);
}
._body_10tzm_23 {
margin: 0 0 var(--core-metrics-spacing-200);
}
._closeButton_10tzm_27 {
appearance: none;
background: transparent;
border: 0;
color: var(--core-text-30-color);
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
line-height: 0;
padding: 0;
}
._hero_10tzm_40 {
border-radius: var(--core-radius-266);
height: 104px;
width: 104px;
overflow: hidden;
position: relative;
flex: 0 0 auto;
}
._background_10tzm_49 {
background-image: url('https://dashboard-production-f.squarecdn.com/dashboard/uploads/banking/savings/max_apy_square_hayward_hero.jpg');
background-position: 45% 32%;
background-repeat: no-repeat;
background-size: 290%;
inset: 0;
position: absolute;
}
._overlay_10tzm_58 {
align-items: center;
display: flex;
inset: 0;
justify-content: center;
padding: var(--core-metrics-spacing-250);
position: absolute;
text-align: center;
}
._heroText_10tzm_68 {
color: var(--core-fill-white-color);
display: block;
font-family: 'Cash Sans';
line-height: 1;
white-space: normal;
/* custom font size for the hero image */
font-size: 31px;
letter-spacing: -1px;
}
._root_w0wph_4 {
border-radius: var(--core-radius-266);
height: 100%;
overflow: hidden;
position: relative;
width: 100%;
}
._background_w0wph_12 {
background-image: url('https://dashboard-production-f.squarecdn.com/dashboard/uploads/banking/savings/max_apy_background_hero_L.webp');
background-position: 45% 90%;
background-repeat: no-repeat;
background-size: 290%;
inset: 0;
position: absolute;
@media (min-width: 840px) {
background-image: url('https://dashboard-production-f.squarecdn.com/dashboard/uploads/banking/savings/max_apy_background_hero_XL.webp');
background-position: center 80%;
background-size: 225%;
}
}
._overlay_w0wph_27 {
align-items: center;
display: flex;
inset: 0;
overflow: hidden;
pointer-events: none;
position: absolute;
z-index: 1;
}
._marquee_w0wph_37 {
overflow: hidden;
width: 100%;
}
._track_w0wph_42 {
color: var(--core-fill-white-color);
display: flex;
font-family: 'Cash Sans';
width: max-content;
white-space: nowrap;
/* there is no 40px market token */
font-size: 40px;
animation: _scrollLeft_w0wph_1 90s linear infinite;
will-change: transform;
@media (min-width: 600px) {
font-size: var(--core-type-display-20-size);
}
}
._overlayGroup_w0wph_58 {
align-items: center;
display: flex;
flex-shrink: 0;
gap: var(--core-metrics-spacing-200);
padding-right: var(--core-metrics-spacing-200);
}
._overlayItem_w0wph_66 {
align-items: center;
display: flex;
flex-shrink: 0;
gap: var(--core-metrics-spacing-100);
}
/* Use a stronger selector so this wins over the shared hero image svg sizing from the ProductLandingPage component. Otherwise the icon gets stretched too big to 100% x 100% of container size. */
._track_w0wph_42 ._icon_w0wph_74 {
flex-shrink: 0;
height: 0.8em;
width: 0.8em;
}
@keyframes _scrollLeft_w0wph_1 {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%);
}
}
@media (prefers-reduced-motion: reduce) {
._track_w0wph_42 {
animation: none;
}
}
._contentCardNoPadding_1yeg7_1 {
border: var(--content-card-border-width) solid var(--core-divider-20-color);
border-radius: var(--core-radius-266);
background-color: var(--core-fill-white-color);
}
._contentCard_1yeg7_1 {
padding: var(--core-metrics-spacing-400);
}
._container_11ii1_3 {
width: 100%;
margin: 0 auto;
box-sizing: border-box;
}
._yearSection_11ii1_11 {
position: relative;
/* The small MarketAccordion heading defaults to spacing-150 vertical padding;
the legacy year row used spacing-200. Restore it here so the migrated rows
keep the original height. Set on the wrapper (not the accordion) so the
sibling download-all button's height calc, which reads the same token,
stays in sync. */
--market-accordion-heading-10-variant-vertical-padding: var(--core-metrics-spacing-200);
}
/* Restore the separator that standard MarketAccordion draws between adjacent
items (its `.accordionItem + .accordionItem` stroke). Because each accordion
lives in its own `.yearSection` wrapper — required so the download-all button
can be a non-toggling sibling — those accordions are never bare adjacent
siblings, so we redraw the same divider here using the Market divider token. */
._yearSection_11ii1_11 + ._yearSection_11ii1_11 {
border-top: var(--core-border-10) solid var(--core-divider-20-color);
}
/* The download-all action sits on the trailing edge of the year row. It is a
DOM sibling of the accordion trigger (not a child), so its clicks never
toggle the accordion — React MarketAccordion has no header-action slot. The
button's box spans the full collapsed-header height (the small accordion's
top + bottom padding plus the heading line) and flex-centers its content, so
it stays vertically centered on the year label regardless of the button's own
min-height and whether the panel is open. */
._downloadAll_11ii1_38 {
position: absolute;
top: 0;
right: 0;
display: flex;
align-items: center;
height: calc(
2 * var(--market-accordion-heading-10-variant-vertical-padding, var(--core-metrics-spacing-150))
+ var(--core-type-heading-10-leading)
);
}
._downloadIcon_11ii1_50 {
background-color: var(--core-fill-40-color);
border-radius: 50%;
&:hover {
background-color: var(--core-fill-50-color);
}
svg {
width: var(--core-icon-medium-size-width);
height: var(--core-icon-medium-size-height);
path {
fill: var(--core-text-10-color);
}
}
}
/* MarketTable applies cell padding on the inner wrapper via these tokens, so
override the tokens rather than stacking padding on the | . Indent the rows
under the year header and keep the legacy vertical rhythm. */
._statementRow_11ii1_71, ._currentMonthRow_11ii1_72 {
--table-cell-vertical-padding-size: var(--core-metrics-spacing-200);
--table-cell-horizontal-padding-size: 0;
--table-cell-leading-indent-size: calc(var(--core-metrics-spacing-400) + var(--core-metrics-spacing-25));
& span:not(._availableOn_11ii1_77) {
cursor: default;
font-size: var(--core-type-paragraph-20-size);
font-weight: var(--core-type-semibold-weight);
line-height: var(--core-type-paragraph-20-leading);
}
}
._currentMonthRow_11ii1_72 {
color: var(--core-text-20-color);
}
._availableOn_11ii1_77 {
color: var(--core-text-20-color);
font-weight: var(--core-type-regular-weight);
cursor: default;
@media (max-width: 599px) {
font-size: var(--core-type-paragraph-10-size);
line-height: var(--core-type-paragraph-10-leading);
}
}
._nullStateContainer_11ii1_100 {
text-align: center;
}
._nullStateIcon_11ii1_106 {
color: var(--core-fill-20-color);
height: 48px;
width: 48px;
}
._title_11ii1_112 {
padding: 0;
margin: 0;
margin-bottom: var(--core-metrics-spacing-300);
}
/*$vite$:1*/
@layer market-feature--html-styles,market-feature--typography,market-feature--components,market.base;@layer market.component{._slider_2ec68ed{width:100%;height:var(--market-core-metrics-spacing-300);display:block;position:relative}._slider_2ec68ed:before,._slider_2ec68ed:after{content:"";z-index:0;height:var(--market-core-metrics-spacing-50);border-radius:var(--market-core-radius-circle);pointer-events:none;top:50%;position:absolute;inset-inline-start:0;translate:0 -50%}._slider_2ec68ed:before{background:var(--market-core-fill-30-color);width:100%}._slider_2ec68ed:after{width:var(--value-percentage,0);background:var(--market-core-emphasis-fill-color)}._slider_2ec68ed:has(._input_b5d798a:disabled):before{background:var(--market-core-fill-50-color)}._slider_2ec68ed:has(._input_b5d798a:disabled):after{background:var(--market-core-fill-40-color)}._input_b5d798a{z-index:1;width:100%;height:var(--market-core-metrics-spacing-300);border-radius:var(--market-core-radius-100);cursor:pointer;appearance:none;background:0 0;outline:none;margin:0;padding:0;display:block;position:relative}._input_b5d798a:focus-visible{outline:var(--market-core-focus-ring-border-size) solid var(--market-core-focus-ring-color);outline-offset:var(--market-core-focus-ring-buffer-size)}._input_b5d798a::-webkit-slider-thumb{width:var(--market-core-metrics-spacing-300);height:var(--market-core-metrics-spacing-300);border:var(--market-core-border-20) solid var(--market-core-emphasis-fill-color);border-radius:var(--market-core-radius-circle);background:var(--market-core-surface-10-color);appearance:none;box-shadow:0 0 4px #0000001a,0 1px 2px #0003}._input_b5d798a::-moz-range-thumb{width:var(--market-core-metrics-spacing-300);height:var(--market-core-metrics-spacing-300);border:var(--market-core-border-20) solid var(--market-core-emphasis-fill-color);border-radius:var(--market-core-radius-circle);background:var(--market-core-surface-10-color);appearance:none;box-shadow:0 0 4px #0000001a,0 1px 2px #0003}._input_b5d798a:active::-webkit-slider-thumb{background:var(--market-core-emphasis-fill-color)}._input_b5d798a:active::-moz-range-thumb{background:var(--market-core-emphasis-fill-color)}._input_b5d798a:disabled{cursor:not-allowed}._input_b5d798a:disabled::-webkit-slider-thumb{border-color:var(--market-core-fill-30-color);background:var(--market-core-surface-10-color)}._input_b5d798a:disabled::-moz-range-thumb{border-color:var(--market-core-fill-30-color);background:var(--market-core-surface-10-color)}}@layer market.overrides;
@layer market-feature--html-styles,market-feature--typography,market-feature--components,market.base;@layer market.component{._accordionItem_8b8a1b8 ._accordionHeader_52aa3c1{min-width:0;color:inherit;flex:1;margin:0}._accordionItem_8b8a1b8+._accordionItem_8b8a1b8{box-shadow:inset 0 var(--market-accordion-heading-30-variant-separator-size,var(--market-core-border-10)) 0 var(--market-accordion-heading-30-variant-separator-color,var(--market-core-divider-20-color))}._accordionTrigger_e219b92{width:100%;color:var(--market-accordion-normal-state-content-color,var(--market-core-text-10-color));text-align:left;cursor:pointer;transition:color var(--market-core-animation-enter-transition-moderate-speed-duration) var(--market-core-animation-enter-transition-easing);background:0 0;border:none;justify-content:space-between;align-items:center;padding:0;display:flex;position:relative}._accordionTrigger_e219b92:before{content:"";inset-inline:0;inset-block:calc(-1 * var(--accordion-vertical-padding,0px)) 0;position:absolute}._accordionTrigger_e219b92:not(._expanded_5aeb835):before{inset-block-end:calc(-1 * var(--accordion-vertical-padding,0px))}._accordionTrigger_e219b92:focus-visible{outline:var(--market-core-focus-ring-border-size) solid var(--market-core-focus-ring-color);outline-offset:var(--market-core-focus-ring-buffer-size)}._accordionTrigger_e219b92:hover:not(._disabled_04791a5){color:var(--market-accordion-hover-state-content-color,var(--lightningcss-light,var(--market-core-constant-gray-45-color))var(--lightningcss-dark,var(--market-core-constant-gray-85-color)))}._accordionTrigger_e219b92:active:not(._disabled_04791a5){color:var(--market-accordion-pressed-state-content-color,var(--market-core-constant-gray-60-color))}._accordionTrigger_e219b92._disabled_04791a5{color:var(--market-accordion-disabled-state-content-color,var(--market-core-text-20-color));cursor:not-allowed}._chevronIcon_c17fd32{transition:transform var(--market-core-animation-move-transition-moderate-speed-duration) var(--market-core-animation-enter-transition-easing);flex-shrink:0}._chevronLeading_039317a{margin-right:var(--market-core-metrics-spacing-100)}._accordionTrigger_e219b92._expanded_5aeb835 ._chevronIcon_c17fd32{transform:rotate(180deg)}._accordionPanel_1ba8449{transition-timing-function:var(--market-core-animation-exit-transition-easing);transition-duration:var(--market-core-animation-move-transition-moderate-speed-duration);grid-template-rows:0fr;padding-top:0;transition-property:grid-template-rows,padding-top;display:grid;overflow:hidden}._accordionPanel_1ba8449._expanded_5aeb835{padding-top:var(--market-core-metrics-spacing-100);transition-timing-function:var(--market-core-animation-enter-transition-easing);transition-behavior:allow-discrete;grid-template-rows:1fr;transition-property:grid-template-rows,padding-top,overflow;overflow:visible}._panelContent_398c39d{min-height:0;font-size:var(--market-accordion-heading-10-variant-text-size,var(--market-core-type-heading-10-size));line-height:var(--market-accordion-heading-10-variant-text-leading,var(--market-core-type-heading-10-leading));letter-spacing:var(--market-accordion-heading-10-variant-text-tracking,var(--market-core-type-heading-10-tracking))}._accordionItem_8b8a1b8._disabled_04791a5 ._panelContent_398c39d{color:var(--market-accordion-disabled-state-content-color,var(--market-core-text-20-color))}._accordionItem_8b8a1b8._small_15d0143{--accordion-vertical-padding:var(--market-accordion-heading-10-variant-vertical-padding,var(--market-core-metrics-spacing-150));padding:var(--accordion-vertical-padding) 0}._accordionItem_8b8a1b8._small_15d0143 ._accordionTrigger_e219b92>._chevronIcon_c17fd32{width:var(--market-accordion-heading-10-variant-collapsed-phase-icon-width,var(--market-core-icon-small-size-width));height:var(--market-accordion-heading-10-variant-collapsed-phase-icon-height,var(--market-core-icon-small-size-height))}._accordionItem_8b8a1b8._medium_bb6f3d9{--accordion-vertical-padding:var(--market-accordion-heading-20-variant-vertical-padding,var(--market-core-metrics-spacing-200));padding:var(--accordion-vertical-padding) 0}._accordionItem_8b8a1b8._medium_bb6f3d9 ._accordionTrigger_e219b92>._chevronIcon_c17fd32{width:var(--market-accordion-heading-20-variant-collapsed-phase-icon-width,var(--market-core-icon-medium-size-width));height:var(--market-accordion-heading-20-variant-collapsed-phase-icon-height,var(--market-core-icon-medium-size-height))}._accordionItem_8b8a1b8._large_8c810a1{--accordion-vertical-padding:var(--market-accordion-heading-30-variant-vertical-padding,var(--market-core-metrics-spacing-300));padding:var(--accordion-vertical-padding) 0}._accordionItem_8b8a1b8._large_8c810a1 ._accordionTrigger_e219b92>._chevronIcon_c17fd32{width:var(--market-accordion-heading-30-variant-collapsed-phase-icon-width,var(--market-core-icon-medium-size-width));height:var(--market-accordion-heading-30-variant-collapsed-phase-icon-height,var(--market-core-icon-medium-size-height))}}@layer market.overrides;
@layer market-feature--html-styles,market-feature--typography,market-feature--components,market.base;@layer market.component{._box_e675c85{--market-box-align:initial;--market-box-align-narrow:initial;--market-box-align-medium:initial;--market-box-align-wide:initial;--market-box-align-extra-wide:initial;--market-box-align-self:initial;--market-box-align-self-narrow:initial;--market-box-align-self-medium:initial;--market-box-align-self-wide:initial;--market-box-align-self-extra-wide:initial;--market-box-areas:initial;--market-box-areas-narrow:initial;--market-box-areas-medium:initial;--market-box-areas-wide:initial;--market-box-areas-extra-wide:initial;--market-box-column-gap:initial;--market-box-column-gap-narrow:initial;--market-box-column-gap-medium:initial;--market-box-column-gap-wide:initial;--market-box-column-gap-extra-wide:initial;--market-box-columns:initial;--market-box-columns-narrow:initial;--market-box-columns-medium:initial;--market-box-columns-wide:initial;--market-box-columns-extra-wide:initial;--market-box-direction:initial;--market-box-direction-narrow:initial;--market-box-direction-medium:initial;--market-box-direction-wide:initial;--market-box-direction-extra-wide:initial;--market-box-gap:initial;--market-box-gap-narrow:initial;--market-box-gap-medium:initial;--market-box-gap-wide:initial;--market-box-gap-extra-wide:initial;--market-box-grid-column:initial;--market-box-grid-row:initial;--market-box-grid-span:initial;--market-box-grid-span-narrow:initial;--market-box-grid-span-medium:initial;--market-box-grid-span-wide:initial;--market-box-grid-span-extra-wide:initial;--market-box-grow:initial;--market-box-justify:initial;--market-box-justify-narrow:initial;--market-box-justify-medium:initial;--market-box-justify-wide:initial;--market-box-justify-extra-wide:initial;--market-box-margin:initial;--market-box-margin-narrow:initial;--market-box-margin-medium:initial;--market-box-margin-wide:initial;--market-box-margin-extra-wide:initial;--market-box-margin-block:initial;--market-box-margin-block-narrow:initial;--market-box-margin-block-medium:initial;--market-box-margin-block-wide:initial;--market-box-margin-block-extra-wide:initial;--market-box-margin-block-end:initial;--market-box-margin-block-end-narrow:initial;--market-box-margin-block-end-medium:initial;--market-box-margin-block-end-wide:initial;--market-box-margin-block-end-extra-wide:initial;--market-box-margin-block-start:initial;--market-box-margin-block-start-narrow:initial;--market-box-margin-block-start-medium:initial;--market-box-margin-block-start-wide:initial;--market-box-margin-block-start-extra-wide:initial;--market-box-margin-inline:initial;--market-box-margin-inline-narrow:initial;--market-box-margin-inline-medium:initial;--market-box-margin-inline-wide:initial;--market-box-margin-inline-extra-wide:initial;--market-box-margin-inline-end:initial;--market-box-margin-inline-end-narrow:initial;--market-box-margin-inline-end-medium:initial;--market-box-margin-inline-end-wide:initial;--market-box-margin-inline-end-extra-wide:initial;--market-box-margin-inline-start:initial;--market-box-margin-inline-start-narrow:initial;--market-box-margin-inline-start-medium:initial;--market-box-margin-inline-start-wide:initial;--market-box-margin-inline-start-extra-wide:initial;--market-box-padding:initial;--market-box-padding-narrow:initial;--market-box-padding-medium:initial;--market-box-padding-wide:initial;--market-box-padding-extra-wide:initial;--market-box-padding-block:initial;--market-box-padding-block-narrow:initial;--market-box-padding-block-medium:initial;--market-box-padding-block-wide:initial;--market-box-padding-block-extra-wide:initial;--market-box-padding-block-end:initial;--market-box-padding-block-end-narrow:initial;--market-box-padding-block-end-medium:initial;--market-box-padding-block-end-wide:initial;--market-box-padding-block-end-extra-wide:initial;--market-box-padding-block-start:initial;--market-box-padding-block-start-narrow:initial;--market-box-padding-block-start-medium:initial;--market-box-padding-block-start-wide:initial;--market-box-padding-block-start-extra-wide:initial;--market-box-padding-inline:initial;--market-box-padding-inline-narrow:initial;--market-box-padding-inline-medium:initial;--market-box-padding-inline-wide:initial;--market-box-padding-inline-extra-wide:initial;--market-box-padding-inline-end:initial;--market-box-padding-inline-end-narrow:initial;--market-box-padding-inline-end-medium:initial;--market-box-padding-inline-end-wide:initial;--market-box-padding-inline-end-extra-wide:initial;--market-box-padding-inline-start:initial;--market-box-padding-inline-start-narrow:initial;--market-box-padding-inline-start-medium:initial;--market-box-padding-inline-start-wide:initial;--market-box-padding-inline-start-extra-wide:initial;--market-box-row-gap:initial;--market-box-row-gap-narrow:initial;--market-box-row-gap-medium:initial;--market-box-row-gap-wide:initial;--market-box-row-gap-extra-wide:initial;--market-box-rows:initial;--market-box-rows-narrow:initial;--market-box-rows-medium:initial;--market-box-rows-wide:initial;--market-box-rows-extra-wide:initial;--market-box-shrink:initial;--market-box-wrap:initial;--market-box-wrap-narrow:initial;--market-box-wrap-medium:initial;--market-box-wrap-wide:initial;--market-box-wrap-extra-wide:initial;flex-grow:var(--market-box-grow,initial);flex-shrink:var(--market-box-shrink,initial);grid-row:var(--market-box-grid-row,auto);grid-column:var(--market-box-grid-span,var(--market-box-grid-column,auto));align-self:var(--market-box-align-self,auto);box-sizing:border-box;margin-inline:var(--market-box-margin-inline-start,var(--market-box-margin-inline,var(--market-box-margin,0))) var(--market-box-margin-inline-end,var(--market-box-margin-inline,var(--market-box-margin,0)));margin-block:var(--market-box-margin-block-start,var(--market-box-margin-block,var(--market-box-margin,0))) var(--market-box-margin-block-end,var(--market-box-margin-block,var(--market-box-margin,0)));padding-inline:var(--market-box-padding-inline-start,var(--market-box-padding-inline,var(--market-box-padding,0))) var(--market-box-padding-inline-end,var(--market-box-padding-inline,var(--market-box-padding,0)));padding-block:var(--market-box-padding-block-start,var(--market-box-padding-block,var(--market-box-padding,0))) var(--market-box-padding-block-end,var(--market-box-padding-block,var(--market-box-padding,0)))}._flex_b32bced{display:flex}._inlineFlex_32a015f{display:inline-flex}._grid_720b94b{display:grid}._inlineGrid_04de926{display:inline-grid}._block_2047a6f{display:block}._inlineBlock_f83a8a2{display:inline-block}._none_6f8e1ca{display:none}._flex_b32bced,._inlineFlex_32a015f{flex-direction:var(--market-box-direction,row);flex-wrap:var(--market-box-wrap,nowrap);justify-content:var(--market-box-justify,flex-start);align-items:var(--market-box-align,stretch)}._grid_720b94b,._inlineGrid_04de926{grid-template-areas:var(--market-box-areas,none);grid-template-rows:var(--market-box-rows,none);grid-template-columns:var(--market-box-columns,none);justify-content:var(--market-box-justify,start);align-items:var(--market-box-align,stretch)}._flex_b32bced,._inlineFlex_32a015f,._grid_720b94b,._inlineGrid_04de926{gap:var(--market-box-gap);row-gap:var(--market-box-row-gap,var(--market-box-gap));column-gap:var(--market-box-column-gap,var(--market-box-gap))}._responsive_2fd3f63._flex_b32bced,._responsive_2fd3f63._inlineFlex_32a015f{flex-direction:var(--market-box-direction-narrow,var(--market-box-direction,row));flex-wrap:var(--market-box-wrap-narrow,var(--market-box-wrap,nowrap));justify-content:var(--market-box-justify-narrow,var(--market-box-justify,flex-start));align-items:var(--market-box-align-narrow,var(--market-box-align,stretch))}._responsive_2fd3f63._grid_720b94b,._responsive_2fd3f63._inlineGrid_04de926{grid-template-areas:var(--market-box-areas-narrow,var(--market-box-areas,none));grid-template-rows:var(--market-box-rows-narrow,var(--market-box-rows,none));grid-template-columns:var(--market-box-columns-narrow,var(--market-box-columns,none));justify-content:var(--market-box-justify-narrow,var(--market-box-justify,start));align-items:var(--market-box-align-narrow,var(--market-box-align,stretch))}._responsive_2fd3f63._flex_b32bced,._responsive_2fd3f63._inlineFlex_32a015f,._responsive_2fd3f63._grid_720b94b,._responsive_2fd3f63._inlineGrid_04de926{gap:var(--market-box-gap-narrow,var(--market-box-gap));row-gap:var(--market-box-row-gap-narrow,var(--market-box-row-gap,var(--market-box-gap-narrow,var(--market-box-gap))));column-gap:var(--market-box-column-gap-narrow,var(--market-box-column-gap,var(--market-box-gap-narrow,var(--market-box-gap))))}._responsive_2fd3f63{grid-column:var(--market-box-grid-span-narrow,var(--market-box-grid-span,var(--market-box-grid-column,auto)));align-self:var(--market-box-align-self-narrow,var(--market-box-align-self,auto));margin-block-start:var(--market-box-margin-block-start-narrow,var(--market-box-margin-block-narrow,var(--market-box-margin-narrow,var(--market-box-margin-block-start,var(--market-box-margin-block,var(--market-box-margin,0))))));margin-block-end:var(--market-box-margin-block-end-narrow,var(--market-box-margin-block-narrow,var(--market-box-margin-narrow,var(--market-box-margin-block-end,var(--market-box-margin-block,var(--market-box-margin,0))))));margin-inline-start:var(--market-box-margin-inline-start-narrow,var(--market-box-margin-inline-narrow,var(--market-box-margin-narrow,var(--market-box-margin-inline-start,var(--market-box-margin-inline,var(--market-box-margin,0))))));margin-inline-end:var(--market-box-margin-inline-end-narrow,var(--market-box-margin-inline-narrow,var(--market-box-margin-narrow,var(--market-box-margin-inline-end,var(--market-box-margin-inline,var(--market-box-margin,0))))));padding-block-start:var(--market-box-padding-block-start-narrow,var(--market-box-padding-block-narrow,var(--market-box-padding-narrow,var(--market-box-padding-block-start,var(--market-box-padding-block,var(--market-box-padding,0))))));padding-block-end:var(--market-box-padding-block-end-narrow,var(--market-box-padding-block-narrow,var(--market-box-padding-narrow,var(--market-box-padding-block-end,var(--market-box-padding-block,var(--market-box-padding,0))))));padding-inline-start:var(--market-box-padding-inline-start-narrow,var(--market-box-padding-inline-narrow,var(--market-box-padding-narrow,var(--market-box-padding-inline-start,var(--market-box-padding-inline,var(--market-box-padding,0))))));padding-inline-end:var(--market-box-padding-inline-end-narrow,var(--market-box-padding-inline-narrow,var(--market-box-padding-narrow,var(--market-box-padding-inline-end,var(--market-box-padding-inline,var(--market-box-padding,0))))))}@media (width>=600px){._responsive_2fd3f63._flex_b32bced,._responsive_2fd3f63._inlineFlex_32a015f{flex-direction:var(--market-box-direction-medium,var(--market-box-direction-narrow,var(--market-box-direction,row)));flex-wrap:var(--market-box-wrap-medium,var(--market-box-wrap-narrow,var(--market-box-wrap,nowrap)));justify-content:var(--market-box-justify-medium,var(--market-box-justify-narrow,var(--market-box-justify,flex-start)));align-items:var(--market-box-align-medium,var(--market-box-align-narrow,var(--market-box-align,stretch)))}._responsive_2fd3f63._grid_720b94b,._responsive_2fd3f63._inlineGrid_04de926{grid-template-areas:var(--market-box-areas-medium,var(--market-box-areas-narrow,var(--market-box-areas,none)));grid-template-rows:var(--market-box-rows-medium,var(--market-box-rows-narrow,var(--market-box-rows,none)));grid-template-columns:var(--market-box-columns-medium,var(--market-box-columns-narrow,var(--market-box-columns,none)));justify-content:var(--market-box-justify-medium,var(--market-box-justify-narrow,var(--market-box-justify,start)));align-items:var(--market-box-align-medium,var(--market-box-align-narrow,var(--market-box-align,stretch)))}._responsive_2fd3f63._flex_b32bced,._responsive_2fd3f63._inlineFlex_32a015f,._responsive_2fd3f63._grid_720b94b,._responsive_2fd3f63._inlineGrid_04de926{gap:var(--market-box-gap-medium,var(--market-box-gap-narrow,var(--market-box-gap)));row-gap:var(--market-box-row-gap-medium,var(--market-box-row-gap-narrow,var(--market-box-row-gap,var(--market-box-gap-medium,var(--market-box-gap-narrow,var(--market-box-gap))))));column-gap:var(--market-box-column-gap-medium,var(--market-box-column-gap-narrow,var(--market-box-column-gap,var(--market-box-gap-medium,var(--market-box-gap-narrow,var(--market-box-gap))))))}._responsive_2fd3f63{grid-column:var(--market-box-grid-span-medium,var(--market-box-grid-span-narrow,var(--market-box-grid-span,var(--market-box-grid-column,auto))));align-self:var(--market-box-align-self-medium,var(--market-box-align-self-narrow,var(--market-box-align-self,auto)));margin-block-start:var(--market-box-margin-block-start-medium,var(--market-box-margin-block-medium,var(--market-box-margin-medium,var(--market-box-margin-block-start-narrow,var(--market-box-margin-block-narrow,var(--market-box-margin-narrow,var(--market-box-margin-block-start,var(--market-box-margin-block,var(--market-box-margin,0)))))))));margin-block-end:var(--market-box-margin-block-end-medium,var(--market-box-margin-block-medium,var(--market-box-margin-medium,var(--market-box-margin-block-end-narrow,var(--market-box-margin-block-narrow,var(--market-box-margin-narrow,var(--market-box-margin-block-end,var(--market-box-margin-block,var(--market-box-margin,0)))))))));margin-inline-start:var(--market-box-margin-inline-start-medium,var(--market-box-margin-inline-medium,var(--market-box-margin-medium,var(--market-box-margin-inline-start-narrow,var(--market-box-margin-inline-narrow,var(--market-box-margin-narrow,var(--market-box-margin-inline-start,var(--market-box-margin-inline,var(--market-box-margin,0)))))))));margin-inline-end:var(--market-box-margin-inline-end-medium,var(--market-box-margin-inline-medium,var(--market-box-margin-medium,var(--market-box-margin-inline-end-narrow,var(--market-box-margin-inline-narrow,var(--market-box-margin-narrow,var(--market-box-margin-inline-end,var(--market-box-margin-inline,var(--market-box-margin,0)))))))));padding-block-start:var(--market-box-padding-block-start-medium,var(--market-box-padding-block-medium,var(--market-box-padding-medium,var(--market-box-padding-block-start-narrow,var(--market-box-padding-block-narrow,var(--market-box-padding-narrow,var(--market-box-padding-block-start,var(--market-box-padding-block,var(--market-box-padding,0)))))))));padding-block-end:var(--market-box-padding-block-end-medium,var(--market-box-padding-block-medium,var(--market-box-padding-medium,var(--market-box-padding-block-end-narrow,var(--market-box-padding-block-narrow,var(--market-box-padding-narrow,var(--market-box-padding-block-end,var(--market-box-padding-block,var(--market-box-padding,0)))))))));padding-inline-start:var(--market-box-padding-inline-start-medium,var(--market-box-padding-inline-medium,var(--market-box-padding-medium,var(--market-box-padding-inline-start-narrow,var(--market-box-padding-inline-narrow,var(--market-box-padding-narrow,var(--market-box-padding-inline-start,var(--market-box-padding-inline,var(--market-box-padding,0)))))))));padding-inline-end:var(--market-box-padding-inline-end-medium,var(--market-box-padding-inline-medium,var(--market-box-padding-medium,var(--market-box-padding-inline-end-narrow,var(--market-box-padding-inline-narrow,var(--market-box-padding-narrow,var(--market-box-padding-inline-end,var(--market-box-padding-inline,var(--market-box-padding,0)))))))))}}@media (width>=840px){._responsive_2fd3f63._flex_b32bced,._responsive_2fd3f63._inlineFlex_32a015f{flex-direction:var(--market-box-direction-wide,var(--market-box-direction-medium,var(--market-box-direction-narrow,var(--market-box-direction,row))));flex-wrap:var(--market-box-wrap-wide,var(--market-box-wrap-medium,var(--market-box-wrap-narrow,var(--market-box-wrap,nowrap))));justify-content:var(--market-box-justify-wide,var(--market-box-justify-medium,var(--market-box-justify-narrow,var(--market-box-justify,flex-start))));align-items:var(--market-box-align-wide,var(--market-box-align-medium,var(--market-box-align-narrow,var(--market-box-align,stretch))))}._responsive_2fd3f63._grid_720b94b,._responsive_2fd3f63._inlineGrid_04de926{grid-template-areas:var(--market-box-areas-wide,var(--market-box-areas-medium,var(--market-box-areas-narrow,var(--market-box-areas,none))));grid-template-rows:var(--market-box-rows-wide,var(--market-box-rows-medium,var(--market-box-rows-narrow,var(--market-box-rows,none))));grid-template-columns:var(--market-box-columns-wide,var(--market-box-columns-medium,var(--market-box-columns-narrow,var(--market-box-columns,none))));justify-content:var(--market-box-justify-wide,var(--market-box-justify-medium,var(--market-box-justify-narrow,var(--market-box-justify,start))));align-items:var(--market-box-align-wide,var(--market-box-align-medium,var(--market-box-align-narrow,var(--market-box-align,stretch))))}._responsive_2fd3f63._flex_b32bced,._responsive_2fd3f63._inlineFlex_32a015f,._responsive_2fd3f63._grid_720b94b,._responsive_2fd3f63._inlineGrid_04de926{gap:var(--market-box-gap-wide,var(--market-box-gap-medium,var(--market-box-gap-narrow,var(--market-box-gap))));row-gap:var(--market-box-row-gap-wide,var(--market-box-row-gap-medium,var(--market-box-row-gap-narrow,var(--market-box-row-gap,var(--market-box-gap-wide,var(--market-box-gap-medium,var(--market-box-gap-narrow,var(--market-box-gap))))))));column-gap:var(--market-box-column-gap-wide,var(--market-box-column-gap-medium,var(--market-box-column-gap-narrow,var(--market-box-column-gap,var(--market-box-gap-wide,var(--market-box-gap-medium,var(--market-box-gap-narrow,var(--market-box-gap))))))))}._responsive_2fd3f63{grid-column:var(--market-box-grid-span-wide,var(--market-box-grid-span-medium,var(--market-box-grid-span-narrow,var(--market-box-grid-span,var(--market-box-grid-column,auto)))));align-self:var(--market-box-align-self-wide,var(--market-box-align-self-medium,var(--market-box-align-self-narrow,var(--market-box-align-self,auto))));margin-block-start:var(--market-box-margin-block-start-wide,var(--market-box-margin-block-wide,var(--market-box-margin-wide,var(--market-box-margin-block-start-medium,var(--market-box-margin-block-medium,var(--market-box-margin-medium,var(--market-box-margin-block-start-narrow,var(--market-box-margin-block-narrow,var(--market-box-margin-narrow,var(--market-box-margin-block-start,var(--market-box-margin-block,var(--market-box-margin,0))))))))))));margin-block-end:var(--market-box-margin-block-end-wide,var(--market-box-margin-block-wide,var(--market-box-margin-wide,var(--market-box-margin-block-end-medium,var(--market-box-margin-block-medium,var(--market-box-margin-medium,var(--market-box-margin-block-end-narrow,var(--market-box-margin-block-narrow,var(--market-box-margin-narrow,var(--market-box-margin-block-end,var(--market-box-margin-block,var(--market-box-margin,0))))))))))));margin-inline-start:var(--market-box-margin-inline-start-wide,var(--market-box-margin-inline-wide,var(--market-box-margin-wide,var(--market-box-margin-inline-start-medium,var(--market-box-margin-inline-medium,var(--market-box-margin-medium,var(--market-box-margin-inline-start-narrow,var(--market-box-margin-inline-narrow,var(--market-box-margin-narrow,var(--market-box-margin-inline-start,var(--market-box-margin-inline,var(--market-box-margin,0))))))))))));margin-inline-end:var(--market-box-margin-inline-end-wide,var(--market-box-margin-inline-wide,var(--market-box-margin-wide,var(--market-box-margin-inline-end-medium,var(--market-box-margin-inline-medium,var(--market-box-margin-medium,var(--market-box-margin-inline-end-narrow,var(--market-box-margin-inline-narrow,var(--market-box-margin-narrow,var(--market-box-margin-inline-end,var(--market-box-margin-inline,var(--market-box-margin,0))))))))))));padding-block-start:var(--market-box-padding-block-start-wide,var(--market-box-padding-block-wide,var(--market-box-padding-wide,var(--market-box-padding-block-start-medium,var(--market-box-padding-block-medium,var(--market-box-padding-medium,var(--market-box-padding-block-start-narrow,var(--market-box-padding-block-narrow,var(--market-box-padding-narrow,var(--market-box-padding-block-start,var(--market-box-padding-block,var(--market-box-padding,0))))))))))));padding-block-end:var(--market-box-padding-block-end-wide,var(--market-box-padding-block-wide,var(--market-box-padding-wide,var(--market-box-padding-block-end-medium,var(--market-box-padding-block-medium,var(--market-box-padding-medium,var(--market-box-padding-block-end-narrow,var(--market-box-padding-block-narrow,var(--market-box-padding-narrow,var(--market-box-padding-block-end,var(--market-box-padding-block,var(--market-box-padding,0))))))))))));padding-inline-start:var(--market-box-padding-inline-start-wide,var(--market-box-padding-inline-wide,var(--market-box-padding-wide,var(--market-box-padding-inline-start-medium,var(--market-box-padding-inline-medium,var(--market-box-padding-medium,var(--market-box-padding-inline-start-narrow,var(--market-box-padding-inline-narrow,var(--market-box-padding-narrow,var(--market-box-padding-inline-start,var(--market-box-padding-inline,var(--market-box-padding,0))))))))))));padding-inline-end:var(--market-box-padding-inline-end-wide,var(--market-box-padding-inline-wide,var(--market-box-padding-wide,var(--market-box-padding-inline-end-medium,var(--market-box-padding-inline-medium,var(--market-box-padding-medium,var(--market-box-padding-inline-end-narrow,var(--market-box-padding-inline-narrow,var(--market-box-padding-narrow,var(--market-box-padding-inline-end,var(--market-box-padding-inline,var(--market-box-padding,0))))))))))))}}@media (width>=1024px){._responsive_2fd3f63._flex_b32bced,._responsive_2fd3f63._inlineFlex_32a015f{flex-direction:var(--market-box-direction-extra-wide,var(--market-box-direction-wide,var(--market-box-direction-medium,var(--market-box-direction-narrow,var(--market-box-direction,row)))));flex-wrap:var(--market-box-wrap-extra-wide,var(--market-box-wrap-wide,var(--market-box-wrap-medium,var(--market-box-wrap-narrow,var(--market-box-wrap,nowrap)))));justify-content:var(--market-box-justify-extra-wide,var(--market-box-justify-wide,var(--market-box-justify-medium,var(--market-box-justify-narrow,var(--market-box-justify,flex-start)))));align-items:var(--market-box-align-extra-wide,var(--market-box-align-wide,var(--market-box-align-medium,var(--market-box-align-narrow,var(--market-box-align,stretch)))))}._responsive_2fd3f63._grid_720b94b,._responsive_2fd3f63._inlineGrid_04de926{grid-template-areas:var(--market-box-areas-extra-wide,var(--market-box-areas-wide,var(--market-box-areas-medium,var(--market-box-areas-narrow,var(--market-box-areas,none)))));grid-template-rows:var(--market-box-rows-extra-wide,var(--market-box-rows-wide,var(--market-box-rows-medium,var(--market-box-rows-narrow,var(--market-box-rows,none)))));grid-template-columns:var(--market-box-columns-extra-wide,var(--market-box-columns-wide,var(--market-box-columns-medium,var(--market-box-columns-narrow,var(--market-box-columns,none)))));justify-content:var(--market-box-justify-extra-wide,var(--market-box-justify-wide,var(--market-box-justify-medium,var(--market-box-justify-narrow,var(--market-box-justify,start)))));align-items:var(--market-box-align-extra-wide,var(--market-box-align-wide,var(--market-box-align-medium,var(--market-box-align-narrow,var(--market-box-align,stretch)))))}._responsive_2fd3f63._flex_b32bced,._responsive_2fd3f63._inlineFlex_32a015f,._responsive_2fd3f63._grid_720b94b,._responsive_2fd3f63._inlineGrid_04de926{gap:var(--market-box-gap-extra-wide,var(--market-box-gap-wide,var(--market-box-gap-medium,var(--market-box-gap-narrow,var(--market-box-gap)))));row-gap:var(--market-box-row-gap-extra-wide,var(--market-box-row-gap-wide,var(--market-box-row-gap-medium,var(--market-box-row-gap-narrow,var(--market-box-row-gap,var(--market-box-gap-extra-wide,var(--market-box-gap-wide,var(--market-box-gap-medium,var(--market-box-gap-narrow,var(--market-box-gap))))))))));column-gap:var(--market-box-column-gap-extra-wide,var(--market-box-column-gap-wide,var(--market-box-column-gap-medium,var(--market-box-column-gap-narrow,var(--market-box-column-gap,var(--market-box-gap-extra-wide,var(--market-box-gap-wide,var(--market-box-gap-medium,var(--market-box-gap-narrow,var(--market-box-gap))))))))))}._responsive_2fd3f63{grid-column:var(--market-box-grid-span-extra-wide,var(--market-box-grid-span-wide,var(--market-box-grid-span-medium,var(--market-box-grid-span-narrow,var(--market-box-grid-span,var(--market-box-grid-column,auto))))));align-self:var(--market-box-align-self-extra-wide,var(--market-box-align-self-wide,var(--market-box-align-self-medium,var(--market-box-align-self-narrow,var(--market-box-align-self,auto)))));margin-block-start:var(--market-box-margin-block-start-extra-wide,var(--market-box-margin-block-extra-wide,var(--market-box-margin-extra-wide,var(--market-box-margin-block-start-wide,var(--market-box-margin-block-wide,var(--market-box-margin-wide,var(--market-box-margin-block-start-medium,var(--market-box-margin-block-medium,var(--market-box-margin-medium,var(--market-box-margin-block-start-narrow,var(--market-box-margin-block-narrow,var(--market-box-margin-narrow,var(--market-box-margin-block-start,var(--market-box-margin-block,var(--market-box-margin,0)))))))))))))));margin-block-end:var(--market-box-margin-block-end-extra-wide,var(--market-box-margin-block-extra-wide,var(--market-box-margin-extra-wide,var(--market-box-margin-block-end-wide,var(--market-box-margin-block-wide,var(--market-box-margin-wide,var(--market-box-margin-block-end-medium,var(--market-box-margin-block-medium,var(--market-box-margin-medium,var(--market-box-margin-block-end-narrow,var(--market-box-margin-block-narrow,var(--market-box-margin-narrow,var(--market-box-margin-block-end,var(--market-box-margin-block,var(--market-box-margin,0)))))))))))))));margin-inline-start:var(--market-box-margin-inline-start-extra-wide,var(--market-box-margin-inline-extra-wide,var(--market-box-margin-extra-wide,var(--market-box-margin-inline-start-wide,var(--market-box-margin-inline-wide,var(--market-box-margin-wide,var(--market-box-margin-inline-start-medium,var(--market-box-margin-inline-medium,var(--market-box-margin-medium,var(--market-box-margin-inline-start-narrow,var(--market-box-margin-inline-narrow,var(--market-box-margin-narrow,var(--market-box-margin-inline-start,var(--market-box-margin-inline,var(--market-box-margin,0)))))))))))))));margin-inline-end:var(--market-box-margin-inline-end-extra-wide,var(--market-box-margin-inline-extra-wide,var(--market-box-margin-extra-wide,var(--market-box-margin-inline-end-wide,var(--market-box-margin-inline-wide,var(--market-box-margin-wide,var(--market-box-margin-inline-end-medium,var(--market-box-margin-inline-medium,var(--market-box-margin-medium,var(--market-box-margin-inline-end-narrow,var(--market-box-margin-inline-narrow,var(--market-box-margin-narrow,var(--market-box-margin-inline-end,var(--market-box-margin-inline,var(--market-box-margin,0)))))))))))))));padding-block-start:var(--market-box-padding-block-start-extra-wide,var(--market-box-padding-block-extra-wide,var(--market-box-padding-extra-wide,var(--market-box-padding-block-start-wide,var(--market-box-padding-block-wide,var(--market-box-padding-wide,var(--market-box-padding-block-start-medium,var(--market-box-padding-block-medium,var(--market-box-padding-medium,var(--market-box-padding-block-start-narrow,var(--market-box-padding-block-narrow,var(--market-box-padding-narrow,var(--market-box-padding-block-start,var(--market-box-padding-block,var(--market-box-padding,0)))))))))))))));padding-block-end:var(--market-box-padding-block-end-extra-wide,var(--market-box-padding-block-extra-wide,var(--market-box-padding-extra-wide,var(--market-box-padding-block-end-wide,var(--market-box-padding-block-wide,var(--market-box-padding-wide,var(--market-box-padding-block-end-medium,var(--market-box-padding-block-medium,var(--market-box-padding-medium,var(--market-box-padding-block-end-narrow,var(--market-box-padding-block-narrow,var(--market-box-padding-narrow,var(--market-box-padding-block-end,var(--market-box-padding-block,var(--market-box-padding,0)))))))))))))));padding-inline-start:var(--market-box-padding-inline-start-extra-wide,var(--market-box-padding-inline-extra-wide,var(--market-box-padding-extra-wide,var(--market-box-padding-inline-start-wide,var(--market-box-padding-inline-wide,var(--market-box-padding-wide,var(--market-box-padding-inline-start-medium,var(--market-box-padding-inline-medium,var(--market-box-padding-medium,var(--market-box-padding-inline-start-narrow,var(--market-box-padding-inline-narrow,var(--market-box-padding-narrow,var(--market-box-padding-inline-start,var(--market-box-padding-inline,var(--market-box-padding,0)))))))))))))));padding-inline-end:var(--market-box-padding-inline-end-extra-wide,var(--market-box-padding-inline-extra-wide,var(--market-box-padding-extra-wide,var(--market-box-padding-inline-end-wide,var(--market-box-padding-inline-wide,var(--market-box-padding-wide,var(--market-box-padding-inline-end-medium,var(--market-box-padding-inline-medium,var(--market-box-padding-medium,var(--market-box-padding-inline-end-narrow,var(--market-box-padding-inline-narrow,var(--market-box-padding-narrow,var(--market-box-padding-inline-end,var(--market-box-padding-inline,var(--market-box-padding,0)))))))))))))))}}}@layer market.overrides;
@layer market-feature--html-styles,market-feature--typography,market-feature--components,market.base;@layer market.component{._marketTooltipContainer_d129bed{box-sizing:border-box;min-width:var(--market-tooltip-minimum-width,var(--market-core-metrics-spacing-500));max-width:var(--market-tooltip-maximum-width,400px);min-height:var(--market-tooltip-minimum-height,var(--market-core-metrics-spacing-500));padding:var(--market-tooltip-padding-vertical-size,var(--market-core-metrics-spacing-100)) var(--market-tooltip-padding-horizontal-size,var(--market-core-metrics-spacing-150));border-radius:var(--market-tooltip-radius,var(--market-core-radius-200));background-color:var(--market-tooltip-background-color,var(--market-core-surface-inverse-color));color:var(--market-tooltip-popover-text-color,var(--market-core-text-inverse-color));font-weight:var(--market-tooltip-popover-text-weight,var(--market-core-type-paragraph-20-weight));font-size:var(--market-tooltip-popover-text-size,var(--market-core-type-paragraph-20-size));font-family:var(--market-tooltip-popover-text-font-family,var(--market-core-type-paragraph-20-font-family));line-height:var(--market-tooltip-popover-text-leading,var(--market-core-type-paragraph-20-leading));letter-spacing:var(--market-tooltip-popover-text-tracking,var(--market-core-type-paragraph-20-tracking));text-transform:var(--market-tooltip-popover-text-case,var(--market-core-type-paragraph-20-case));overflow-wrap:break-word;opacity:1;pointer-events:none;transition-timing-function:var(--market-core-animation-enter-transition-easing);transition-duration:var(--market-tooltip-animation-move-transition-duration,var(--market-core-animation-move-transition-moderate-speed-duration));border:none;outline:none;margin:0;transition-property:opacity,translate;display:block;translate:0;box-shadow:0 4px 32px #0000001a,0 8px 16px #0000001a}@starting-style{._marketTooltipContainer_d129bed{opacity:0}._marketTooltipContainer_d129bed[data-placement^=top]{translate:0 calc(var(--market-core-metrics-spacing-100) * 1)}._marketTooltipContainer_d129bed[data-placement^=bottom]{translate:0 calc(var(--market-core-metrics-spacing-100) * -1)}._marketTooltipContainer_d129bed[data-placement^=left]{translate:calc(var(--market-core-metrics-spacing-100) * 1) 0}._marketTooltipContainer_d129bed[data-placement^=right]{translate:calc(var(--market-core-metrics-spacing-100) * -1) 0}}._marketTooltipContainer_d129bed[data-status=closed]{opacity:0;transition-timing-function:var(--market-core-animation-exit-transition-easing);transition-property:opacity,translate}._marketTooltipContainer_d129bed[data-status=closed][data-placement^=top]{translate:0 calc(var(--market-core-metrics-spacing-100) * 1)}._marketTooltipContainer_d129bed[data-status=closed][data-placement^=bottom]{translate:0 calc(var(--market-core-metrics-spacing-100) * -1)}._marketTooltipContainer_d129bed[data-status=closed][data-placement^=left]{translate:calc(var(--market-core-metrics-spacing-100) * 1) 0}._marketTooltipContainer_d129bed[data-status=closed][data-placement^=right]{translate:calc(var(--market-core-metrics-spacing-100) * -1) 0}._marketTooltipContainer_d129bed[popover]{transition-property:none;translate:none}._marketTooltipContainer_d129bed[popover]:not(:popover-open){display:none}}@layer market.overrides;
@layer market-feature--html-styles,market-feature--typography,market-feature--components,market.base;@layer market.component{@keyframes _shimmer_f881e3f{0%{background-position:0 0}to{background-position:200dvw 0}}._container_b94db4c{gap:var(--market-core-metrics-spacing-200);flex-direction:column;display:flex}._marketSkeletonLoader_cd62d19{box-sizing:border-box;border-radius:var(--market-skeleton-loader-border-radius,var(--market-core-radius-10));clip-path:content-box;width:100%;display:block;position:relative;overflow:hidden}._marketSkeletonLoader_cd62d19:before{content:"";background-color:var(--market-skeleton-loader-fill-color,var(--market-core-fill-40-color));background-image:linear-gradient(to right, var(--market-skeleton-loader-gradient-1-color,var(--lightningcss-light,#0000)var(--lightningcss-dark,#fff0)) 0, var(--market-skeleton-loader-gradient-1-color,var(--lightningcss-light,#0000)var(--lightningcss-dark,#fff0)) 80%, var(--market-skeleton-loader-gradient-2-color,var(--lightningcss-light,#0000000d)var(--lightningcss-dark,#ffffff1a)) 85%, var(--market-skeleton-loader-gradient-3-color,var(--lightningcss-light,#00000014)var(--lightningcss-dark,#ffffff26)) 90%, var(--market-skeleton-loader-gradient-2-color,var(--lightningcss-light,#0000000d)var(--lightningcss-dark,#ffffff1a)) 95%, var(--market-skeleton-loader-gradient-1-color,var(--lightningcss-light,#0000)var(--lightningcss-dark,#fff0)) 100%);animation-name:_shimmer_f881e3f;animation-duration:var(--market-skeleton-loader-animation-duration,3s);animation-timing-function:var(--market-skeleton-loader-animation-easing,cubic-bezier(0, 0, 1, 1));animation-delay:calc(var(--market-skeleton-loader-animation-duration,3s) / 2);background-position:0 0;background-size:200dvw 100%;animation-iteration-count:infinite;display:block;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){._marketSkeletonLoader_cd62d19:before{animation:none}}._nonAnimated_cdbfabf:before{background-image:none;animation:none}._lastLine_d837d2d{width:83.3333%}._small_e742642{height:var(--market-core-metrics-spacing-400)}._medium_f054f16{height:var(--market-core-metrics-spacing-600)}._large_98acd34{height:var(--market-core-metrics-spacing-800)}}@layer market.overrides;
@layer market-feature--html-styles,market-feature--typography,market-feature--components,market.base;@layer market.component{._marketPill_72e503f{--market-pill-icon-size:var(--market-core-metrics-spacing-200);--market-pill-leading-icon-block-size:var(--market-pill-icon-size);--market-pill-leading-icon-inline-size:var(--market-pill-icon-size);--market-pill-trailing-icon-block-size:var(--market-pill-icon-size);--market-pill-trailing-icon-inline-size:var(--market-pill-icon-size);border-radius:var(--market-pill-normal-size-corner-radius,var(--market-core-radius-circle));white-space:nowrap;transition:background-color var(--market-core-animation-enter-transition-fast-speed-duration);border:0;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}._marketPill_72e503f:focus-visible{outline:var(--market-core-focus-ring-border-size) solid var(--market-core-focus-ring-color);outline-offset:var(--market-core-focus-ring-buffer-size)}._marketPill_72e503f ._icon_ef322a9{--market-pill-icon-max-size:var(--market-core-metrics-spacing-400);color:inherit;fill:currentColor;stroke:inherit;flex-shrink:0;justify-content:center;align-items:center;display:flex}._marketPill_72e503f ._icon_ef322a9>*{max-inline-size:var(--market-pill-icon-max-inline-size,var(--market-pill-icon-max-size));max-block-size:var(--market-pill-icon-max-block-size,var(--market-pill-icon-max-size))}._marketPill_72e503f ._label_dc4c3fc{text-overflow:ellipsis;transform:translateY(var(--market-pill-label-vertical-offset,-.5px));overflow:hidden}._marketPill_72e503f ._caret_fc0d15f{transition-timing-function:var(--market-core-animation-move-transition-easing);transition-duration:var(--market-core-animation-move-transition-fast-speed-duration);transition-property:transform}._marketPill_72e503f ._caret_fc0d15f>*{inline-size:var(--market-core-metrics-spacing-150);block-size:var(--market-core-metrics-spacing-150)}._marketPill_72e503f ._icon_ef322a9._caret_fc0d15f{color:inherit}._marketPill_72e503f[aria-expanded=true] ._caret_fc0d15f{transform:rotate(-180deg)}._medium_d36dd4d{--market-pill-normal-size-padding-vertical-size:initial;--market-pill-padding-block-size:var(--market-pill-normal-size-padding-vertical-size,5px);--market-pill-horizontal-padding-size:var(--market-pill-normal-size-padding-horizontal-size,var(--market-core-metrics-spacing-150));--market-pill-icon-center-offset:calc((var(--market-pill-normal-size-text-leading,var(--market-core-type-semibold-20-leading)) / 2) + var(--market-pill-padding-block-size));gap:var(--market-pill-normal-size-icon-to-text-spacing,var(--market-core-metrics-spacing-50));padding:var(--market-pill-padding-block-size) var(--market-pill-horizontal-padding-size);border-radius:var(--market-pill-normal-size-corner-radius,var(--market-core-radius-circle));font-weight:var(--market-pill-normal-size-text-weight,var(--market-core-type-semibold-20-weight));font-size:var(--market-pill-normal-size-text-size,var(--market-core-type-semibold-20-size));font-family:var(--market-pill-normal-size-text-font-family,var(--market-core-type-semibold-20-font-family));line-height:var(--market-pill-normal-size-text-leading,var(--market-core-type-semibold-20-leading));letter-spacing:var(--market-pill-normal-size-text-tracking,var(--market-core-type-semibold-20-tracking))}._medium_d36dd4d ._icon_ef322a9{--market-pill-icon-max-size:var(--market-pill-normal-size-icon-max-size,var(--market-core-metrics-spacing-400));font-size:var(--market-pill-normal-size-icon-size,var(--market-core-metrics-spacing-200))}._small_5df1b7c{--market-pill-label-vertical-offset:0px;--market-pill-compact-size-padding-vertical-size:initial;--market-pill-padding-block-size:var(--market-pill-compact-size-padding-vertical-size,3px);--market-pill-horizontal-padding-size:var(--market-pill-compact-size-padding-horizontal-size,var(--market-core-metrics-spacing-100));--market-pill-icon-center-offset:calc((var(--market-pill-compact-size-text-leading,var(--market-core-type-semibold-10-leading)) / 2) + var(--market-pill-padding-block-size));gap:var(--market-pill-compact-size-icon-to-text-spacing,var(--market-core-metrics-spacing-50));padding:var(--market-pill-padding-block-size) var(--market-pill-horizontal-padding-size);border-radius:var(--market-pill-compact-size-corner-radius,var(--market-core-radius-circle));font-weight:var(--market-pill-compact-size-text-weight,var(--market-core-type-semibold-10-weight));font-size:var(--market-pill-compact-size-text-size,var(--market-core-type-semibold-10-size));font-family:var(--market-pill-compact-size-text-font-family,var(--market-core-type-semibold-10-font-family));line-height:var(--market-pill-compact-size-text-leading,var(--market-core-type-semibold-10-leading));letter-spacing:var(--market-pill-compact-size-text-tracking,var(--market-core-type-semibold-10-tracking))}._small_5df1b7c ._icon_ef322a9{--market-pill-icon-max-size:var(--market-pill-compact-size-icon-max-size,var(--market-core-metrics-spacing-300));font-size:var(--market-pill-compact-size-icon-size,var(--market-core-metrics-spacing-200))}._withIcon_12b61b4{justify-content:flex-start}._medium_d36dd4d._withIcon_12b61b4{gap:calc(var(--market-pill-normal-size-icon-to-text-spacing,var(--market-core-metrics-spacing-50)) + 2px)}._small_5df1b7c._withIcon_12b61b4{gap:calc(var(--market-pill-compact-size-icon-to-text-spacing,var(--market-core-metrics-spacing-50)) + 2px)}._withLeadingIcon_c8cb73f{--market-pill-leading-icon-center-offset:max(var(--market-pill-icon-center-offset), calc((var(--market-pill-leading-icon-block-size) / 2) + var(--market-pill-padding-block-size)));padding-inline-start:var(--market-pill-leading-icon-contour-padding-inline-start,max(var(--market-pill-padding-block-size), calc(var(--market-pill-leading-icon-center-offset) - (var(--market-pill-leading-icon-inline-size) / 2))))}._withLeadingIcon_c8cb73f ._leadingIcon_0bac9da{--market-pill-icon-max-block-size:var(--market-pill-leading-icon-max-block-size,var(--market-pill-icon-max-size));--market-pill-icon-max-inline-size:var(--market-pill-leading-icon-max-inline-size,var(--market-pill-icon-max-size));block-size:var(--market-pill-leading-icon-block-size);margin-inline-end:max(0px, calc((var(--market-pill-icon-size) - var(--market-pill-leading-icon-inline-size)) / 2))}._withTrailingIcon_5dea06e{--market-pill-trailing-icon-center-offset:max(var(--market-pill-icon-center-offset), calc((var(--market-pill-trailing-icon-block-size) / 2) + var(--market-pill-padding-block-size)));padding-inline-end:var(--market-pill-trailing-icon-contour-padding-inline-end,max(var(--market-pill-padding-block-size), calc(var(--market-pill-trailing-icon-center-offset) - (var(--market-pill-trailing-icon-inline-size) / 2))))}._withTrailingIcon_5dea06e ._trailingIcon_fd33f9f{--market-pill-icon-max-block-size:var(--market-pill-trailing-icon-max-block-size,var(--market-pill-icon-max-size));--market-pill-icon-max-inline-size:var(--market-pill-trailing-icon-max-inline-size,var(--market-pill-icon-max-size));block-size:var(--market-pill-trailing-icon-block-size);margin-inline-start:max(0px, calc((var(--market-pill-icon-size) - var(--market-pill-trailing-icon-inline-size)) / 2))}._interactive_036dc64{cursor:pointer}._normal_f5e3027{background-color:var(--market-pill-normal-variant-background-color,var(--market-core-fill-40-color));color:var(--market-pill-normal-variant-text-color,var(--market-core-text-20-color))}._normal_f5e3027 ._icon_ef322a9{color:var(--market-pill-normal-variant-icon-color,var(--market-core-fill-20-color))}._normal_f5e3027._interactive_036dc64:hover,._normal_f5e3027._interactive_036dc64:active{background-color:var(--market-pill-normal-variant-pressed-state-background-color,var(--market-core-fill-30-color))}._emphasis_e5b59df{background-color:var(--market-pill-emphasis-variant-background-color,var(--market-core-blue-40-color));color:var(--market-pill-emphasis-variant-text-color,var(--market-core-blue-text-color))}._emphasis_e5b59df ._icon_ef322a9{color:var(--market-pill-emphasis-variant-icon-color,var(--market-core-blue-text-color))}._emphasis_e5b59df._interactive_036dc64:hover,._emphasis_e5b59df._interactive_036dc64:active{background-color:var(--market-pill-emphasis-variant-pressed-state-background-color,var(--market-core-blue-30-color))}._success_3cabc3b{background-color:var(--market-pill-success-variant-background-color,var(--market-core-success-40-color));color:var(--market-pill-success-variant-text-color,var(--market-core-success-text-color))}._success_3cabc3b ._icon_ef322a9{color:var(--market-pill-success-variant-icon-color,var(--market-core-success-fill-color))}._success_3cabc3b._interactive_036dc64:hover,._success_3cabc3b._interactive_036dc64:active{background-color:var(--market-pill-success-variant-pressed-state-background-color,var(--market-core-success-30-color))}._warning_1b7d837{background-color:var(--market-pill-warning-variant-background-color,var(--market-core-warning-40-color));color:var(--market-pill-warning-variant-text-color,var(--market-core-warning-text-color))}._warning_1b7d837 ._icon_ef322a9{color:var(--market-pill-warning-variant-icon-color,var(--market-core-warning-fill-color))}._warning_1b7d837._interactive_036dc64:hover,._warning_1b7d837._interactive_036dc64:active{background-color:var(--market-pill-warning-variant-pressed-state-background-color,var(--market-core-warning-30-color))}._critical_2bd269a{background-color:var(--market-pill-critical-variant-background-color,var(--market-core-critical-40-color));color:var(--market-pill-critical-variant-text-color,var(--market-core-critical-text-color))}._critical_2bd269a ._icon_ef322a9{color:var(--market-pill-critical-variant-icon-color,var(--market-core-critical-fill-color))}._critical_2bd269a._interactive_036dc64:hover,._critical_2bd269a._interactive_036dc64:active{background-color:var(--market-pill-critical-variant-pressed-state-background-color,var(--market-core-critical-30-color))}._insight_3b59853{background-color:var(--market-pill-insight-variant-background-color,var(--market-core-purple-40-color));color:var(--market-pill-insight-variant-text-color,var(--market-core-purple-text-color))}._insight_3b59853 ._icon_ef322a9{color:var(--market-pill-insight-variant-icon-color,var(--market-core-purple-fill-color))}._insight_3b59853._interactive_036dc64:hover,._insight_3b59853._interactive_036dc64:active{background-color:var(--market-pill-insight-variant-pressed-state-background-color,var(--market-core-purple-30-color))}._alpha_63bd327{background-color:var(--market-pill-alpha-variant-background-color,var(--market-core-pink-40-color));color:var(--market-pill-alpha-variant-text-color,var(--market-core-pink-text-color))}._alpha_63bd327 ._icon_ef322a9{color:var(--market-pill-alpha-variant-icon-color,var(--market-core-pink-fill-color))}._alpha_63bd327._interactive_036dc64:hover,._alpha_63bd327._interactive_036dc64:active{background-color:var(--market-pill-alpha-variant-pressed-state-background-color,var(--market-core-pink-30-color))}._beta_c908e5b{background-color:var(--market-pill-beta-variant-background-color,var(--market-core-teal-40-color));color:var(--market-pill-beta-variant-text-color,var(--market-core-teal-text-color))}._beta_c908e5b ._icon_ef322a9{color:var(--market-pill-beta-variant-icon-color,var(--market-core-teal-fill-color))}._beta_c908e5b._interactive_036dc64:hover,._beta_c908e5b._interactive_036dc64:active{background-color:var(--market-pill-beta-variant-pressed-state-background-color,var(--market-core-teal-30-color))}}@layer market.overrides{._visiblyHidden_ebd27c5{white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}._pointerEventsAuto_75fbddb{pointer-events:auto}}
._checklistAccordionContainer_ef8c332 {
display: flex;
flex-direction: column;
gap: var(--market-core-metrics-spacing-200);
}
._checklistAccordionWrapper_06fd247 {
border: var(--market-core-border-10) solid var(--market-core-divider-20-color);
border-radius: var(--market-core-radius-266);
padding: var(--market-core-metrics-spacing-50) var(--market-core-metrics-spacing-300);
}
._checklistAccordionLabel_29d0abf {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
._checklistAccordionLabelTitle_ac158b6 {
display: flex;
align-items: center;
gap: var(--market-core-metrics-spacing-200);
}
._checklistAccordionLabelLogo_7192ba1 {
border-radius: var(--market-core-radius-6);
box-sizing: border-box;
width: 32px;
height: 32px;
padding: 6px;
}
._checklistAccordionLabelPill_e1f062e {
margin: 0 var(--market-core-metrics-spacing-200);
}:root {
--breakpointNarrowMaxWidth: 599px;
--contentMaxWidth: 600px;
}
._container_9bddf24 {
max-width: var(--contentMaxWidth);
display: flex;
flex-direction: column;
}
._title_5e99910 {
margin: 0;
}
._content_48d6f7b {
display: flex;
flex-direction: column;
gap: var(--market-core-metrics-spacing-200);
}
._description_b686f35 {
color: var(--market-core-text-10-color);
margin: 0;
}
._requirements_2ffc9de {
color: var(--market-core-text-20-color);
margin: 0;
}
._actions_da5bdce {
display: flex;
gap: var(--market-core-metrics-spacing-200);
margin-top: var(--market-core-metrics-spacing-300);
}
._hero_f60d198 {
width: 100%;
height: auto;
margin-top: var(--market-core-metrics-spacing-400);
}
@media (max-width: 599px) {
._container_9bddf24 {
padding: var(--market-core-metrics-spacing-200);
}
._actions_da5bdce {
flex-direction: column;
width: 100%;
order: 2;
}
._hero_f60d198 {
margin-top: var(--market-core-metrics-spacing-300);
order: 1;
}
}
/*$vite$:1*/
.market-combobox {
position: relative;
}
.market-combobox .market-popover {
z-index: 1;
position: absolute;
width: 100%;
display: none;
}
.market-combobox .market-popover.active {
display: block;
}.address-suggestion-dialog .market-header h2 {
font-size: var(--core-type-heading-30-size);
margin-block-end: var(--core-metrics-spacing-200);
}
.address-suggestion-dialog .market-header p {
margin: 0;
}
.address-suggestion-dialog .market-action-card:first-of-type,
.address-suggestion-dialog .market-content-card:first-of-type {
margin-block-end: var(--core-metrics-spacing-200);
}
.address-suggestion-dialog .market-action-card:last-of-type,
.address-suggestion-dialog .market-content-card:last-of-type {
margin-block-end: var(--core-metrics-spacing-400);
}
.address-suggestion-dialog .market-content-card .market-row::part(container) {
padding-top: 0;
padding-bottom: 0;
}
.address-suggestion-dialog h2 {
display: flex;
font-family: var(--core-type-heading-30-font-family);
}
.address-suggestion-dialog h2 .market-pill {
margin-inline-start: var(--core-metrics-spacing-200);
}
.address-suggestion-dialog address {
font-style: normal;
}
.address-suggestion-dialog address p {
margin: 0;
}
._modalHeader_05645c0 {
margin-bottom: var(--market-core-metrics-spacing-200);
}
._modalSubheader_b36a306 {
color: var(--core-text-20-light-mode-color);
margin-bottom: var(--market-core-metrics-spacing-300);
margin-top: 0;
}
._locationRows_86fdd55 {
max-height: 400px;
overflow-y: auto;
overflow-x: hidden;
}
._modalFooter_b24df27 {
padding-top: var(--core-metrics-spacing-200);
}._locationRows_d2a4ea3 {
max-height: calc(5 * 72px - 8px); /* Height for 5 location rows minus padding */
overflow-y: auto;
overflow-x: hidden;
}
._locationRows_d2a4ea3 market-row {
cursor: pointer;
}
._labelContainer_6ebc8cd {
display: flex;
align-items: center;
width: 100%;
min-width: 0; /* Allow flex item to shrink */
}
._businessName_1cb78b3 {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
min-width: 0; /* Allow text to shrink */
/* Calculate max width to leave space for pill when present */
max-width: calc(100% - 100px); /* Reserve space for potential pill + margins */
}
._businessName_1cb78b3:only-child {
/* When no pill is present, allow full width minus chevron space */
max-width: 100%;
}
._orderingStatusPill_11bf4b0 {
flex-shrink: 0; /* Prevent pill from shrinking */
margin-left: 8px; /* 8px gap from business name */
}
._drillIcon_76fa731 {
svg {
--color: var(--core-fill-20-light-mode-color) !important;
}
}
/* Modal content */
._modalContent_3a0bbe1 {
flex: 1;
}
/* Pickup/Delivery selector with SegmentedControl */
._fulfillmentSelector_24354bd {
margin-bottom: 32px; /* 32px space between segment control and choice buttons */
}
/* Top row of 3 buttons */
._topButtonRow_af366d6 {
display: flex;
gap: 8px; /* Reduced gap between the 15min, 30min, 45min buttons */
margin-bottom: 8px; /* Reduced margin between button rows */
}
._timeButton_e60022e {
flex: 1;
min-height: 44px;
display: flex;
align-items: center;
justify-content: center;
gap: 8px; /* Space between check icon and text */
}
._timeButton_e60022e svg {
--color: white !important;
}
/* Full width buttons */
._fullWidthButton_a70244b {
width: 100%;
margin-bottom: 8px; /* Reduced margin between buttons */
min-height: 44px;
display: flex;
align-items: center;
justify-content: center;
gap: 8px; /* Space between check icon and text */
}
._fullWidthButton_a70244b svg {
--color: white !important;
}
/* Remove margin from last button before footer */
._fullWidthButton_a70244b:last-of-type {
margin-bottom: 0; /* Remove padding between buttons and footer */
}
/* Custom input container with MarketField */
._customInputContainer_46fe3ac {
margin-bottom: 8px; /* Match the reduced spacing between buttons */
}
._customField_4c8438a {
position: relative;
width: 100%;
}
._inputWrapper_ab1385d {
position: relative;
display: flex;
align-items: center;
}
._customInput_f419ab3 {
width: 100%;
padding-right: 60px; /* Make room for suffix */
}
._inputSuffix_a306e89 {
position: absolute;
right: 12px;
color: var(--market-color-text-secondary);
font-size: 14px;
font-weight: 500;
pointer-events: none;
user-select: none;
}
/* Modal footer */
._modalFooter_565bc7c {
display: flex;
gap: 12px;
border-top: 1px solid var(--market-color-border-subtle);
background-color: var(--market-color-background-subtle);
margin-top: 32px;
}
._footerButton_1ceb4fb {
flex: 1;
min-height: 44px;
}
._loadingContainer_15508f0 {
display: flex;
justify-content: center;
padding: var(--market-core-metrics-spacing-600);
}
._profileInfoSection_3dbd8f1 {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding-bottom: 10px;
}
._profileInfoSection_3dbd8f1 a {
color: var(--Text-20, var(--text-20, rgba(0, 0, 0, 0.55)));
text-decoration: none;
font-weight: 100;
font-size: var(--font-size-detail-disclaimer, 14px);
word-wrap: break-word;
width: 100%;
text-align: center;
}
._profileIconContainer_0897643 {
box-sizing: border-box;
display: flex;
width: 64px;
height: 80px;
padding: 16px 8px;
flex-direction: column;
justify-content: center;
align-items: center;
border-radius: 12px;
border: 0.286px solid rgba(255, 255, 255, 0.2);
margin-bottom: 12px;
}
._profileIcon_793dcff {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
._profileIcon_793dcff img {
width: 100%;
height: 100%;
object-fit: cover;
}
._profileIcon_793dcff span {
font-weight: 500;
color: inherit;
}
._profileInfoTitle_1145d34 {
font-weight: 500;
word-wrap: break-word;
width: 100%;
text-align: center;
}
._editProfileLink_cf1c8f9 {
margin: var(--core-metrics-spacing-100);
}
._lightGreyText_f636f7e {
color: var(--core-text-20-light-mode-color);
}
._lightGreyText_f636f7e:hover {
color: black;
}
._localProfileDropdown_9da4a72::part(popover) {
max-height: fit-content;
padding-bottom: 4px;
}
._cashLocalDropdownContent_d25d2a1 {
width: 250px;
}
._completeProfileContainer_c0eda18 {
margin-bottom: 16px;
}
._completeProfileStatusMessage_095cecc {
margin-bottom: 8px;
}
._completeProfileButton_4862449 {
/* Button container styles */
}
._profileRowsContainer_4efed87 {
margin: 10px 0;
market-row::before {
display: none;
}
market-row {
border-radius: 12px;
}
}
._profileRowTitle_3436bbf {
font-weight: 600;
color: #333;
}
._profileRowSubtext_40988b4 {
color: #666;
font-size: 14px;
margin: 0;
}
._profileRowDisabled_6a30097 {
opacity: 0.5;
pointer-events: none;
}
._lightGreyText_823d307 {
color: #999;
}
._statusIndicator_c683968 {
width: 8px;
height: 8px;
border-radius: 50%;
display: inline-block;
}
._statusIndicatorOn_2c1ee41 {
background-color: var(--core-fill-green-500, #4caf50);
}
._statusIndicatorOff_051ceec {
background-color: var(--core-fill-red-500, #f44336);
}
._sectionBreak_b3f917d {
border-color: rgba(0, 0, 0, 0.1);
margin: 0;
}
._openPreviewButton_2ca8205 {
width: 100%;
}
._modalPlaceholder_a097e9b {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: white;
padding: 20px;
border: 1px solid #ccc;
border-radius: 8px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
z-index: 1000;
}
._nuxContainer_5338141 {
padding: var(--core-metrics-spacing-300);
margin-left: auto;
margin-right: auto;
margin-bottom: var(--core-metrics-spacing-600);
background-color: #000;
color: #ffffff;
width: 416px;
border-radius: 16px;
display: flex;
flex-direction: row;
align-items: flex-start;
box-shadow: 0 285px 80px 0 rgba(0, 0, 0, 0.00), 0 182px 73px 0 rgba(0, 0, 0, 0.01), 0 46px 46px 0 rgba(0, 0, 0, 0.09), 0 11px 25px 0 rgba(0, 0, 0, 0.10);
}
._nuxTitle_61bfe65 {
font-size: var(--core-type-heading-20-size);
line-height: var(--core-type-heading-20-leading);
font-weight: var(--core-type-semibold-weight);
color: #ffffff;
margin: 0;
text-align: left;
}
._nuxContent_2ef19ca {
font-size: var(--core-type-paragraph-30-size);
line-height: var(--core-type-paragraph-30-leading);
font-weight: var(--core-type-regular-weight);
color: #ffffff;
margin: 0;
text-align: left;
}
._iconContainer_fe7fcdf {
flex-shrink: 0;
display: flex;
align-items: flex-start;
padding-top: 2px;
margin-right: var(--core-metrics-spacing-200);
}
._checkmarkIcon_5072076 {
width: 24px;
height: 24px;
}
._contentArea_a51671d {
flex: 1;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 6px;
}
._nuxButtonGroup_9766139 {
display: flex;
flex-direction: row;
gap: 8px;
align-items: flex-start;
margin-top: var(--core-metrics-spacing-200);
}
._nuxButtonCompleteProfile_998e724 {
background: #FFF;
color: #000;
}
._nuxButtonNotNow_2ff56c8 {
background: #333;
color: #FFF;
}
/* Preview frame container */
._previewFrameContainer_547ee0f {
height: 736px;
width: 350px;
border-radius: 30px;
border: 2px solid black;
box-shadow: 0px 2px 16px 0px #0000001a;
overflow: hidden;
position: relative;
margin: 0 auto;
}
/* Preview iframe */
._preview_97e19ff {
width: 100%;
height: 100%;
border: none;
flex: 1;
}
/* Loading overlay */
._previewOverlay_c504327 {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(255, 255, 255, 0.9);
z-index: 1;
}
/* Fade out animation */
._fadeOut_b5b243c {
transition: opacity 200ms ease-in-out;
}
._fadeOutActive_48ee5eb {
opacity: 0;
}
/* Loading spinner */
._previewSpinner_78cdc88 {
/* Add any specific spinner styling if needed */
}
.header {
margin-bottom: var(--core-metrics-spacing-100);
}
.header p {
margin-top: var(--core-metrics-spacing-100)
}
/* offset the shadow root spacing from size=medium. designs call for small spacing, but medium text. */
.row {
margin-top: calc(0px - var(--row-medium-size-vertical-padding) + var(--row-small-size-vertical-padding));
margin-bottom: calc(0px - var(--row-medium-size-vertical-padding) + var(--row-small-size-vertical-padding));
}
.row:first-of-type::before {
display: none;
}
.pretax {
font-size: var(--core-type-paragraph-20-size);
font-weight: normal;
color: var(--core-text-20-color);
}
.side-label--total {
font-weight: var(--core-type-medium-weight);
}
.billing {
text-align: center;
margin-top: var(--core-metrics-spacing-200);
margin-bottom: 0;
color: var(--core-text-20-color);
}
/*# sourceMappingURL=chunk.829099a0d118568afbb3.css.map*/ |