/*
 * GENERATED FILE — DO NOT EDIT.
 * Source: sf-ui.css and its token imports.
 * Contract: load this stylesheet inside an sf-ui consumer's ShadowRoot.
 * Load sf-ui-shadow-fonts.css once in document.head to register its fonts.
 * All element selectors are host-scoped; document html/body rules and
 * document-global custom-property registrations are intentionally omitted.
 */
:host(.sf-mode-dark), :where(:host) .sf-mode-dark, :host(.sfds.sf-mode-dark), :where(:host) .sfds.sf-mode-dark {
  --sf-background-brand-default: #ec0c21;
  --sf-background-brand-disabled: #3b3b3b;
  --sf-background-brand-hover: #f03d4d;
  --sf-background-brand-inverted: #000000;
  --sf-background-brand-pressed: #f79ea6;
  --sf-background-brand-selected: #fbced3;
  --sf-background-transparent-default: #ffffff00;
  --sf-background-transparent-hover: #ffffff26;
  --sf-background-transparent-pressed: #ffffff33;
  --sf-background-transparent-disabled: #ffffff00;
  --sf-background-transparent-selected: #ffffff40;
  --sf-background-inverted-disabled: #3b3b3b;
  --sf-background-inverted-selected: #2f2f2f;
  --sf-background-inverted-default: #f1f1f1;
  --sf-background-inverted-hover: #c8c8c8;
  --sf-background-inverted-pressed: #767676;
  --sf-background-error-default: #2f0207;
  --sf-background-error-hover: #47040a;
  --sf-background-error-pressed: #5e050d;
  --sf-background-error-inverted-default: #bd0a1a;
  --sf-background-error-inverted-selected: #47040a;
  --sf-background-error-selected: #f46d7a;
  --sf-background-info-default: #00172c;
  --sf-background-info-hover: #002342;
  --sf-background-info-pressed: #002f58;
  --sf-background-info-inverted-default: #005eaf;
  --sf-background-info-inverted-selected: #002342;
  --sf-background-info-selected: #3391e2;
  --sf-background-success-default: #061a14;
  --sf-background-success-hover: #09281e;
  --sf-background-success-pressed: #0c3528;
  --sf-background-success-inverted-default: #196a50;
  --sf-background-success-inverted-selected: #09281e;
  --sf-background-success-selected: #4c9d83;
  --sf-background-warning-default: #302205;
  --sf-background-warning-hover: #483308;
  --sf-background-warning-pressed: #60440b;
  --sf-background-warning-inverted-default: #60440b;
  --sf-background-warning-inverted-selected: #483308;
  --sf-background-warning-selected: #f1aa1b;
  --sf-background-primary-default: #181818;
  --sf-background-primary-disabled: #3b3b3b;
  --sf-background-primary-hover: #1d1d1d;
  --sf-background-primary-pressed: #232323;
  --sf-background-primary-selected: #f1f1f1;
  --sf-background-secondary-default: #1d1d1d;
  --sf-background-secondary-hover: #232323;
  --sf-background-secondary-pressed: #292929;
  --sf-background-secondary-disabled: #3b3b3b;
  --sf-background-tertiary-default: #232323;
  --sf-background-tertiary-hover: #292929;
  --sf-background-tertiary-pressed: #2f2f2f;
  --sf-background-tertiary-disabled: #3b3b3b;
  --sf-background-accent-default: #2f2f2f;
  --sf-background-ai-hover-end: #b06af5;
  --sf-background-ai-selected-end: #ebdafc;
  --sf-background-ai-pressed-end: #d7b5fa;
  --sf-background-ai-end: #9c45f2;
  --sf-background-ai-hover-start: #f03d4d;
  --sf-background-ai-inverted-hover-start: #5e050d;
  --sf-background-ai-inverted-selected-end: #c48ff7;
  --sf-background-ai-inverted-start: #2f0207;
  --sf-background-ai-inverted-end: #1f0e30;
  --sf-background-ai-inverted-selected-start: #f46d7a;
  --sf-background-ai-inverted-pressed-start: #8e0714;
  --sf-background-ai-inverted-hover-end: #3e1c61;
  --sf-background-ai-inverted-pressed-end: #5e2991;
  --sf-background-ai-pressed-start: #f79ea6;
  --sf-background-ai-start: #ec0c21;
  --sf-background-ai-selected-start: #fbced3;
  --sf-border-brand-default: #ec0c21;
  --sf-border-brand-hover: #f03d4d;
  --sf-border-brand-pressed: #f79ea6;
  --sf-border-default: #919191;
  --sf-border-disabled: #767676;
  --sf-border-divider: #767676;
  --sf-border-hover: #adadad;
  --sf-border-pressed: #e4e4e4;
  --sf-border-selected: #f1f1f1;
  --sf-border-subtle: #3b3b3b;
  --sf-border-tab-focus: #99c8f1;
  --sf-border-inverted-disabled: #d6d6d6;
  --sf-border-inverted-default: #181818;
  --sf-border-inverted-selected: #d6d6d6;
  --sf-border-error: #f46d7a;
  --sf-border-info: #3391e2;
  --sf-border-success: #4c9d83;
  --sf-border-warning: #f1aa1b;
  --sf-border-ai-subtle-selected-start: #f46d7a;
  --sf-border-ai-subtle-pressed-end: #1f0e30;
  --sf-border-ai-subtle-pressed-start: #2f0207;
  --sf-border-ai-subtle-hover-end: #3e1c61;
  --sf-border-ai-subtle-hover-start: #5e050d;
  --sf-border-ai-subtle-start: #8e0714;
  --sf-border-ai-subtle-end: #5e2991;
  --sf-border-ai-subtle-selected-end: #c48ff7;
  --sf-border-ai-selected-end: #ebdafc;
  --sf-border-ai-selected-start: #fbced3;
  --sf-border-ai-pressed-start: #f79ea6;
  --sf-border-ai-hover-end: #b06af5;
  --sf-border-ai-end: #9c45f2;
  --sf-border-ai-start: #ec0c21;
  --sf-border-ai-hover-start: #f03d4d;
  --sf-border-ai-pressed-end: #d7b5fa;
  --sf-icon-brand-default: #ec0c21;
  --sf-icon-brand-hover: #f03d4d;
  --sf-icon-brand-inverted: #ffffff;
  --sf-icon-brand-pressed: #f79ea6;
  --sf-icon-brand-selected: #fbced3;
  --sf-icon-default: #d6d6d6;
  --sf-icon-disabled: #767676;
  --sf-icon-hover: #d6d6d6;
  --sf-icon-pressed: #d6d6d6;
  --sf-icon-selected: #181818;
  --sf-icon-subtle: #adadad;
  --sf-icon-inverted-disabled: #767676;
  --sf-icon-inverted-default: #181818;
  --sf-icon-inverted-selected: #d6d6d6;
  --sf-icon-inverted-hover: #181818;
  --sf-icon-inverted-pressed: #181818;
  --sf-icon-error-default: #f46d7a;
  --sf-icon-error-inverted: #ffffff;
  --sf-icon-error-hover: #f79ea6;
  --sf-icon-error-pressed: #fbced3;
  --sf-icon-info-default: #3391e2;
  --sf-icon-info-hover: #66ace9;
  --sf-icon-info-pressed: #99c8f1;
  --sf-icon-info-inverted: #ffffff;
  --sf-icon-success-default: #4c9d83;
  --sf-icon-success-hover: #79b5a2;
  --sf-icon-success-pressed: #a5cec1;
  --sf-icon-success-inverted: #ffffff;
  --sf-icon-warning-default: #f1aa1b;
  --sf-icon-warning-hover: #f4bb49;
  --sf-icon-warning-pressed: #f7cc76;
  --sf-icon-warning-inverted: #ffffff;
  --sf-icon-link-default: #f46d7a;
  --sf-icon-link-hover: #f79ea6;
  --sf-icon-link-pressed: #fbced3;
  --sf-icon-link-visited: #f46d7a;
  --sf-icon-ai-end: #b06af5;
  --sf-icon-ai-selected-start: #fbced3;
  --sf-icon-ai-selected-end: #ebdafc;
  --sf-icon-ai-start: #f03d4d;
  --sf-icon-strong: #f1f1f1;
  --sf-surface-standard-scrim: #000000bf;
  --sf-surface-default: #000000;
  --sf-text-brand-default: #ec0c21;
  --sf-text-brand-hover: #f03d4d;
  --sf-text-brand-inverted: #ffffff;
  --sf-text-brand-pressed: #f79ea6;
  --sf-text-brand-selected: #fbced3;
  --sf-text-default: #d6d6d6;
  --sf-text-disabled: #767676;
  --sf-text-hover: #d6d6d6;
  --sf-text-pressed: #d6d6d6;
  --sf-text-selected: #181818;
  --sf-text-subtle: #adadad;
  --sf-text-inverted-disabled: #767676;
  --sf-text-inverted-default: #181818;
  --sf-text-inverted-selected: #d6d6d6;
  --sf-text-inverted-hover: #181818;
  --sf-text-inverted-pressed: #181818;
  --sf-text-strong: #f1f1f1;
  --sf-text-error-default: #f46d7a;
  --sf-text-error-hover: #f79ea6;
  --sf-text-error-pressed: #fbced3;
  --sf-text-error-inverted: #ffffff;
  --sf-text-success-default: #4c9d83;
  --sf-text-success-hover: #79b5a2;
  --sf-text-success-pressed: #a5cec1;
  --sf-text-success-inverted: #ffffff;
  --sf-text-warning-default: #f1aa1b;
  --sf-text-warning-hover: #f4bb49;
  --sf-text-warning-pressed: #f7cc76;
  --sf-text-warning-inverted: #ffffff;
  --sf-text-info-default: #3391e2;
  --sf-text-info-hover: #66ace9;
  --sf-text-info-pressed: #99c8f1;
  --sf-text-info-inverted: #ffffff;
  --sf-text-link-default: #f46d7a;
  --sf-text-link-hover: #f79ea6;
  --sf-text-link-pressed: #fbced3;
  --sf-text-link-visited: #f46d7a;
  --sf-text-ai-end: #b06af5;
  --sf-text-ai-selected-end: #ebdafc;
  --sf-text-ai-selected-start: #fbced3;
  --sf-text-ai-start: #f03d4d;
  --sf-misc-shadow: #000000bf;
  --sf-chart-primary: #b06af5;
  --sf-chart-success: #196a50;
  --sf-chart-error: #bd0a1a;
  --sf-chart-neutral: #5e5e5e;
  --sf-chart-categorical-1: #b06af5;
  --sf-chart-categorical-2: #068906;
  --sf-chart-categorical-3: #99c8f1;
  --sf-chart-categorical-4: #ec0c21;
  --sf-chart-categorical-5: #f6cef6;
  --sf-chart-categorical-6: #056a6a;
  --sf-chart-categorical-7: #f7cc76;
  --sf-chart-categorical-8: #389d9d;
  --sf-chart-categorical-9: #f46d7a;
  --sf-chart-categorical-10: #005eaf;
  --sf-chart-categorical-11: #6ab86a;
  --sf-chart-categorical-12: #aa3209;
  --sf-chart-sequential-1: #7d37c2;
  --sf-chart-sequential-2: #9c45f2;
  --sf-chart-sequential-3: #b06af5;
  --sf-chart-sequential-4: #c48ff7;
  --sf-chart-sequential-5: #d7b5fa;
  --sf-chart-sequential-6: #ebdafc;
  --sf-chart-warning: #c18816;
  --sf-chart-non-hovered: #00000099;
}
:host {
  --sf-type-body-lg-font: "SFUIShadowSans";
  --sf-type-body-lg-lineheight: 22px;
  --sf-type-body-lg-size: 16px;
  --sf-type-body-lg-weight: 400;
  --sf-type-body-md-font: "SFUIShadowSans";
  --sf-type-body-md-lineheight: 20px;
  --sf-type-body-md-size: 14px;
  --sf-type-body-md-weight: 400;
  --sf-type-body-sm-font: "SFUIShadowSans";
  --sf-type-body-sm-lineheight: 16px;
  --sf-type-body-sm-size: 12px;
  --sf-type-body-sm-weight: 400;
  --sf-type-display-lg-font: "SFUIShadowSans";
  --sf-type-display-lg-lineheight: 98px;
  --sf-type-display-lg-size: 82px;
  --sf-type-display-lg-weight: 600;
  --sf-type-display-md-font: "SFUIShadowSans";
  --sf-type-display-md-lineheight: 82px;
  --sf-type-display-md-size: 68px;
  --sf-type-display-md-weight: 600;
  --sf-type-display-sm-font: "SFUIShadowSans";
  --sf-type-display-sm-lineheight: 70px;
  --sf-type-display-sm-size: 58px;
  --sf-type-display-sm-weight: 600;
  --sf-type-heading-lg-font: "SFUIShadowSans";
  --sf-type-heading-lg-lineheight: 40px;
  --sf-type-heading-lg-size: 34px;
  --sf-type-heading-lg-weight: 500;
  --sf-type-heading-md-font: "SFUIShadowSans";
  --sf-type-heading-md-lineheight: 34px;
  --sf-type-heading-md-size: 28px;
  --sf-type-heading-md-weight: 500;
  --sf-type-heading-sm-font: "SFUIShadowSans";
  --sf-type-heading-sm-lineheight: 28px;
  --sf-type-heading-sm-size: 24px;
  --sf-type-heading-sm-weight: 500;
  --sf-type-heading-xl-font: "SFUIShadowSans";
  --sf-type-heading-xl-lineheight: 48px;
  --sf-type-heading-xl-size: 40px;
  --sf-type-heading-xl-weight: 600;
  --sf-type-heading-xs-font: "SFUIShadowSans";
  --sf-type-heading-xs-lineheight: 24px;
  --sf-type-heading-xs-size: 20px;
  --sf-type-heading-xs-weight: 500;
  --sf-type-heading-xxl-font: "SFUIShadowSans";
  --sf-type-heading-xxl-lineheight: 58px;
  --sf-type-heading-xxl-size: 48px;
  --sf-type-heading-xxl-weight: 600;
}
@media only screen and (max-width: 768px) { :host {
  --sf-type-body-lg-font: "SFUIShadowSans";
  --sf-type-body-lg-lineheight: 22px;
  --sf-type-body-lg-size: 16px;
  --sf-type-body-lg-weight: 400;
  --sf-type-body-md-font: "SFUIShadowSans";
  --sf-type-body-md-lineheight: 20px;
  --sf-type-body-md-size: 14px;
  --sf-type-body-md-weight: 400;
  --sf-type-body-sm-font: "SFUIShadowSans";
  --sf-type-body-sm-lineheight: 16px;
  --sf-type-body-sm-size: 12px;
  --sf-type-body-sm-weight: 400;
  --sf-type-display-lg-font: "SFUIShadowSans";
  --sf-type-display-lg-lineheight: 68px;
  --sf-type-display-lg-size: 56px;
  --sf-type-display-lg-weight: 600;
  --sf-type-display-md-font: "SFUIShadowSans";
  --sf-type-display-md-lineheight: 58px;
  --sf-type-display-md-size: 48px;
  --sf-type-display-md-weight: 600;
  --sf-type-display-sm-font: "SFUIShadowSans";
  --sf-type-display-sm-lineheight: 50px;
  --sf-type-display-sm-size: 42px;
  --sf-type-display-sm-weight: 600;
  --sf-type-heading-lg-font: "SFUIShadowSans";
  --sf-type-heading-lg-lineheight: 34px;
  --sf-type-heading-lg-size: 28px;
  --sf-type-heading-lg-weight: 500;
  --sf-type-heading-md-font: "SFUIShadowSans";
  --sf-type-heading-md-lineheight: 28px;
  --sf-type-heading-md-size: 24px;
  --sf-type-heading-md-weight: 600;
  --sf-type-heading-sm-font: "SFUIShadowSans";
  --sf-type-heading-sm-lineheight: 26px;
  --sf-type-heading-sm-size: 22px;
  --sf-type-heading-sm-weight: 500;
  --sf-type-heading-xl-font: "SFUIShadowSans";
  --sf-type-heading-xl-lineheight: 38px;
  --sf-type-heading-xl-size: 32px;
  --sf-type-heading-xl-weight: 600;
  --sf-type-heading-xs-font: "SFUIShadowSans";
  --sf-type-heading-xs-lineheight: 22px;
  --sf-type-heading-xs-size: 18px;
  --sf-type-heading-xs-weight: 500;
  --sf-type-heading-xxl-font: "SFUIShadowSans";
  --sf-type-heading-xxl-lineheight: 46px;
  --sf-type-heading-xxl-size: 38px;
  --sf-type-heading-xxl-weight: 600;
}}
@media only screen and (max-width: 600px) { :host {
  --sf-type-body-lg-font: "SFUIShadowSans";
  --sf-type-body-lg-lineheight: 22px;
  --sf-type-body-lg-size: 16px;
  --sf-type-body-lg-weight: 400;
  --sf-type-body-md-font: "SFUIShadowSans";
  --sf-type-body-md-lineheight: 20px;
  --sf-type-body-md-size: 14px;
  --sf-type-body-md-weight: 400;
  --sf-type-body-sm-font: "SFUIShadowSans";
  --sf-type-body-sm-lineheight: 16px;
  --sf-type-body-sm-size: 12px;
  --sf-type-body-sm-weight: 400;
  --sf-type-display-lg-font: "SFUIShadowSans";
  --sf-type-display-lg-lineheight: 46px;
  --sf-type-display-lg-size: 38px;
  --sf-type-display-lg-weight: 600;
  --sf-type-display-md-font: "SFUIShadowSans";
  --sf-type-display-md-lineheight: 40px;
  --sf-type-display-md-size: 34px;
  --sf-type-display-md-weight: 600;
  --sf-type-display-sm-font: "SFUIShadowSans";
  --sf-type-display-sm-lineheight: 38px;
  --sf-type-display-sm-size: 32px;
  --sf-type-display-sm-weight: 600;
  --sf-type-heading-lg-font: "SFUIShadowSans";
  --sf-type-heading-lg-lineheight: 28px;
  --sf-type-heading-lg-size: 24px;
  --sf-type-heading-lg-weight: 500;
  --sf-type-heading-md-font: "SFUIShadowSans";
  --sf-type-heading-md-lineheight: 26px;
  --sf-type-heading-md-size: 22px;
  --sf-type-heading-md-weight: 600;
  --sf-type-heading-sm-font: "SFUIShadowSans";
  --sf-type-heading-sm-lineheight: 24px;
  --sf-type-heading-sm-size: 20px;
  --sf-type-heading-sm-weight: 500;
  --sf-type-heading-xl-font: "SFUIShadowSans";
  --sf-type-heading-xl-lineheight: 32px;
  --sf-type-heading-xl-size: 26px;
  --sf-type-heading-xl-weight: 600;
  --sf-type-heading-xs-font: "SFUIShadowSans";
  --sf-type-heading-xs-lineheight: 22px;
  --sf-type-heading-xs-size: 18px;
  --sf-type-heading-xs-weight: 500;
  --sf-type-heading-xxl-font: "SFUIShadowSans";
  --sf-type-heading-xxl-lineheight: 34px;
  --sf-type-heading-xxl-size: 28px;
  --sf-type-heading-xxl-weight: 600;
}}
:host {
  --sf-spacing-0-5x: 4px;
  --sf-spacing-0x: 0px;
  --sf-spacing-1x: 8px;
  --sf-spacing-2x: 16px;
  --sf-spacing-3x: 24px;
  --sf-spacing-4x: 32px;
  --sf-spacing-5x: 40px;
  --sf-spacing-6x: 48px;
  --sf-spacing-7x: 56px;
  --sf-spacing-8x: 64px;
  --sf-spacing-9x: 72px;
  --sf-spacing-1-5x: 12px;
  --sf-spacing-0-25x: 2px;
  --sf-spacing-10x: 80px;
  --sf-spacing-12x: 96px;
  --sf-spacing-16x: 128px;
  --sf-shadow-1x-color: #000000bf;
  --sf-shadow-1x-x: 0px;
  --sf-shadow-1x-y: 2px;
  --sf-shadow-1x-blur: 8px;
  --sf-shadow-1x-spread: 0px;
  --sf-shadow-2x-color: #000000bf;
  --sf-shadow-2x-x: 0px;
  --sf-shadow-2x-y: 8px;
  --sf-shadow-2x-spread: 0px;
  --sf-shadow-2x-blur: 24px;
  --sf-shadow-0x-y: 0px;
  --sf-shadow-0x-blur: 0px;
  --sf-shadow-0x-spread: 0px;
  --sf-shadow-0x-color: #ffffff00;
  --sf-shadow-0x-x: 0px;
  --sf-shape-border-radius-full: 9999px;
  --sf-shape-border-radius-2x: 16px;
  --sf-shape-border-radius-1x: 8px;
  --sf-shape-border-radius-0x: 0px;
  --sf-shape-border-radius-0-5x: 4px;
  --sf-shape-border-radius-0-25x: 2px;
  --sf-shape-border-width-0x: 0px;
  --sf-shape-border-width-1x: 1px;
  --sf-shape-border-width-2x: 2px;
  --sf-shape-border-width-4x: 4px;
  --sf-size-component-height-lg: 48px;
  --sf-size-component-height-md: 40px;
  --sf-size-component-height-sm: 32px;
  --sf-size-component-height-xl: 64px;
  --sf-size-component-height-xs: 24px;
  --sf-size-component-height-xxl: 72px;
  --sf-size-icon-height-2x: 16px;
  --sf-size-icon-height-3x: 24px;
  --sf-size-icon-height-4x: 32px;
  --sf-size-icon-height-5x: 40px;
  --sf-size-icon-height-6x: 48px;
  --sf-size-icon-height-7x: 56px;
  --sf-size-icon-height-8x: 64px;
  --sf-size-pictogram-height-10x: 32px;
  --sf-size-pictogram-height-11x: 40px;
  --sf-size-pictogram-height-12x: 48px;
  --sf-size-pictogram-height-13x: 56px;
  --sf-size-pictogram-height-14x: 64px;
  --sf-size-pictogram-height-15x: 72px;
  --sf-size-pictogram-height-8x: 16px;
  --sf-size-pictogram-height-9x: 24px;
  --sf-duration-md: 300ms;
  --sf-duration-sm: 150ms;
  --sf-duration-lg: 600ms;
  --sf-ease-standard: cubic-bezier(0.4,0,0.2,1);
  --sf-ease-enter: cubic-bezier(0,0,0.2,1);
  --sf-ease-exit: cubic-bezier(0.4,0,1,1);
  --sf-ease-linear: cubic-bezier(0,0,1,1);
}

:host, :host(.sf-mode-light), :where(:host) .sf-mode-light, :host(.sfds), :where(:host) .sfds {
  --sf-touch: 8px;
  --sf-spacing-base: 8px;
  --sf-typeface-weight-light: 300;
  --sf-typeface-weight-regular: 400;
  --sf-typeface-weight-medium: 500;
  --sf-typeface-weight-semibold: 600;
  --sf-typeface-weight-bold: 700;
  --sf-typeface-font-default: "SFUIShadowSans";
  --sf-typeface-font-legal: "SFUIShadowLegal";
  --sf-typeface-decoration-underline: false;
  --sf-breakpoint-xs: 320px;
  --sf-breakpoint-sm: 600px;
  --sf-breakpoint-md: 768px;
  --sf-breakpoint-lg: 1024px;
  --sf-breakpoint-xl: 1280px;
  --sf-breakpoint-xxl: 1440px;
  --sf-color-secondary-black: #000000;
  --sf-color-secondary-gray-25: #f8f8f8;
  --sf-color-secondary-gray-50: #f1f1f1;
  --sf-color-secondary-gray-75: #eaeaea;
  --sf-color-secondary-gray-100: #e4e4e4;
  --sf-color-secondary-gray-150: #d6d6d6;
  --sf-color-secondary-gray-200: #c8c8c8;
  --sf-color-secondary-gray-300: #adadad;
  --sf-color-secondary-gray-400: #919191;
  --sf-color-secondary-gray-500: #767676;
  --sf-color-secondary-gray-600: #5e5e5e;
  --sf-color-secondary-gray-650: #535353;
  --sf-color-secondary-gray-700: #474747;
  --sf-color-secondary-gray-750: #3b3b3b;
  --sf-color-secondary-gray-800: #2f2f2f;
  --sf-color-secondary-gray-825: #292929;
  --sf-color-secondary-gray-850: #232323;
  --sf-color-secondary-gray-875: #1d1d1d;
  --sf-color-secondary-gray-900: #181818;
  --sf-color-secondary-gray-950: #0c0c0c;
  --sf-color-secondary-khaki-25: #fffefc;
  --sf-color-secondary-khaki-50: #fefcf8;
  --sf-color-secondary-khaki-100: #fcf8f1;
  --sf-color-secondary-khaki-200: #faf1e4;
  --sf-color-secondary-khaki-300: #f7ebd6;
  --sf-color-secondary-khaki-400: #f5e4c9;
  --sf-color-secondary-khaki-500: #f2ddbb;
  --sf-color-secondary-khaki-600: #c2b196;
  --sf-color-secondary-khaki-700: #918570;
  --sf-color-secondary-khaki-800: #61584b;
  --sf-color-secondary-khaki-900: #302c25;
  --sf-color-secondary-oval-khaki: #f2ddbb;
  --sf-color-secondary-gray-01: #767676;
  --sf-color-primary-white: #ffffff;
  --sf-color-primary-state-farm-red: #ec0c21;
  --sf-color-merna-03-digital-25: #fdf4f3;
  --sf-color-merna-03-digital-50: #fbe9e7;
  --sf-color-merna-03-digital-100: #f7d3cf;
  --sf-color-merna-03-digital-150: #f3bdb8;
  --sf-color-merna-03-digital-200: #efa7a0;
  --sf-color-merna-03-digital-250: #eb9188;
  --sf-color-merna-03-digital-300: #e67b70;
  --sf-color-merna-03-digital-350: #e26558;
  --sf-color-merna-03-digital-400: #de4f41;
  --sf-color-merna-03-digital-450: #da3929;
  --sf-color-merna-03-digital-500: #d62311;
  --sf-color-merna-03-digital-550: #c1200f;
  --sf-color-merna-03-digital-600: #ab1c0e;
  --sf-color-merna-03-digital-650: #96190c;
  --sf-color-merna-03-digital-700: #80150a;
  --sf-color-merna-03-digital-750: #6b1209;
  --sf-color-merna-03-digital-800: #560e07;
  --sf-color-merna-03-digital-850: #400b05;
  --sf-color-merna-03-digital-900: #2b0703;
  --sf-color-merna-03-digital-950: #150402;
  --sf-color-tertiary-blue-25: #f2f8fd;
  --sf-color-tertiary-blue-50: #e5f1fb;
  --sf-color-tertiary-blue-75: #d8eaf9;
  --sf-color-tertiary-blue-100: #cce3f8;
  --sf-color-tertiary-blue-200: #99c8f1;
  --sf-color-tertiary-blue-300: #66ace9;
  --sf-color-tertiary-blue-400: #3391e2;
  --sf-color-tertiary-blue-500: #0075db;
  --sf-color-tertiary-blue-550: #0069c5;
  --sf-color-tertiary-blue-600: #005eaf;
  --sf-color-tertiary-blue-700: #004683;
  --sf-color-tertiary-blue-800: #002f58;
  --sf-color-tertiary-blue-850: #002342;
  --sf-color-tertiary-blue-900: #00172c;
  --sf-color-tertiary-blue-925: #001121;
  --sf-color-tertiary-blue-950: #000c16;
  --sf-color-tertiary-green-25: #f3f8f7;
  --sf-color-tertiary-green-50: #e8f2ef;
  --sf-color-tertiary-green-75: #ddece7;
  --sf-color-tertiary-green-100: #d2e6e0;
  --sf-color-tertiary-green-200: #a5cec1;
  --sf-color-tertiary-green-300: #79b5a2;
  --sf-color-tertiary-green-400: #4c9d83;
  --sf-color-tertiary-green-500: #1f8464;
  --sf-color-tertiary-green-600: #196a50;
  --sf-color-tertiary-green-700: #134f3c;
  --sf-color-tertiary-green-800: #0c3528;
  --sf-color-tertiary-green-850: #09281e;
  --sf-color-tertiary-green-900: #061a14;
  --sf-color-tertiary-green-925: #04130f;
  --sf-color-tertiary-green-950: #030d0a;
  --sf-color-tertiary-yellow-25: #fefaf3;
  --sf-color-tertiary-yellow-50: #fdf6e8;
  --sf-color-tertiary-yellow-75: #fcf2dc;
  --sf-color-tertiary-yellow-100: #fceed1;
  --sf-color-tertiary-yellow-200: #f9dda4;
  --sf-color-tertiary-yellow-300: #f7cc76;
  --sf-color-tertiary-yellow-400: #f4bb49;
  --sf-color-tertiary-yellow-500: #f1aa1b;
  --sf-color-tertiary-yellow-600: #c18816;
  --sf-color-tertiary-yellow-700: #916610;
  --sf-color-tertiary-yellow-800: #60440b;
  --sf-color-tertiary-yellow-850: #483308;
  --sf-color-tertiary-yellow-900: #302205;
  --sf-color-tertiary-yellow-925: #241904;
  --sf-color-tertiary-yellow-950: #181103;
  --sf-color-tertiary-red-25: #fef2f4;
  --sf-color-tertiary-red-50: #fde6e9;
  --sf-color-tertiary-red-75: #fcdade;
  --sf-color-tertiary-red-100: #fbced3;
  --sf-color-tertiary-red-200: #f79ea6;
  --sf-color-tertiary-red-300: #f46d7a;
  --sf-color-tertiary-red-400: #f03d4d;
  --sf-color-tertiary-red-500: #ec0c21;
  --sf-color-tertiary-red-550: #d40b1e;
  --sf-color-tertiary-red-600: #bd0a1a;
  --sf-color-tertiary-red-700: #8e0714;
  --sf-color-tertiary-red-800: #5e050d;
  --sf-color-tertiary-red-850: #47040a;
  --sf-color-tertiary-red-900: #2f0207;
  --sf-color-tertiary-red-925: #230105;
  --sf-color-tertiary-red-950: #180103;
  --sf-color-transparents-black-5: #0000000d;
  --sf-color-transparents-black-10: #0000001a;
  --sf-color-transparents-black-15: #00000026;
  --sf-color-transparents-black-20: #00000033;
  --sf-color-transparents-black-25: #00000040;
  --sf-color-transparents-black-30: #0000004d;
  --sf-color-transparents-black-35: #00000059;
  --sf-color-transparents-black-40: #00000066;
  --sf-color-transparents-black-45: #00000073;
  --sf-color-transparents-black-50: #00000080;
  --sf-color-transparents-black-55: #0000008c;
  --sf-color-transparents-black-60: #00000099;
  --sf-color-transparents-black-65: #000000a6;
  --sf-color-transparents-black-70: #000000b3;
  --sf-color-transparents-black-75: #000000bf;
  --sf-color-transparents-black-80: #000000cc;
  --sf-color-transparents-black-85: #000000d9;
  --sf-color-transparents-black-90: #000000e6;
  --sf-color-transparents-black-95: #000000f2;
  --sf-color-transparents-white-5: #ffffff0d;
  --sf-color-transparents-white-10: #ffffff1a;
  --sf-color-transparents-white-15: #ffffff26;
  --sf-color-transparents-white-20: #ffffff33;
  --sf-color-transparents-white-25: #ffffff40;
  --sf-color-transparents-white-30: #ffffff4d;
  --sf-color-transparents-white-35: #ffffff59;
  --sf-color-transparents-white-40: #ffffff66;
  --sf-color-transparents-white-45: #ffffff73;
  --sf-color-transparents-white-50: #ffffff80;
  --sf-color-transparents-white-55: #ffffff8c;
  --sf-color-transparents-white-60: #ffffff99;
  --sf-color-transparents-white-65: #ffffffa6;
  --sf-color-transparents-white-70: #ffffffb3;
  --sf-color-transparents-white-75: #ffffffbf;
  --sf-color-transparents-white-80: #ffffffcc;
  --sf-color-transparents-white-85: #ffffffd9;
  --sf-color-transparents-white-90: #ffffffe6;
  --sf-color-transparents-white-95: #fffffff2;
  --sf-color-transparents-clear: #ffffff00;
  --sf-color-data-visualization-pink-25: #fdf3fd;
  --sf-color-data-visualization-pink-50: #fae7fa;
  --sf-color-data-visualization-pink-100: #f6cef6;
  --sf-color-data-visualization-pink-200: #ec9dec;
  --sf-color-data-visualization-pink-300: #e36de3;
  --sf-color-data-visualization-pink-400: #d93cd9;
  --sf-color-data-visualization-pink-500: #d00bd0;
  --sf-color-data-visualization-pink-600: #a609a6;
  --sf-color-data-visualization-pink-700: #7d077d;
  --sf-color-data-visualization-pink-800: #530453;
  --sf-color-data-visualization-pink-900: #2a022a;
  --sf-color-data-visualization-purple-25: #faf6ff;
  --sf-color-data-visualization-purple-50: #f5ecfe;
  --sf-color-data-visualization-purple-100: #ebdafc;
  --sf-color-data-visualization-purple-200: #d7b5fa;
  --sf-color-data-visualization-purple-300: #c48ff7;
  --sf-color-data-visualization-purple-400: #b06af5;
  --sf-color-data-visualization-purple-500: #9c45f2;
  --sf-color-data-visualization-purple-550: #8c3eda;
  --sf-color-data-visualization-purple-600: #7d37c2;
  --sf-color-data-visualization-purple-700: #5e2991;
  --sf-color-data-visualization-purple-800: #3e1c61;
  --sf-color-data-visualization-purple-900: #1f0e30;
  --sf-color-data-visualization-orange-25: #fdf6f3;
  --sf-color-data-visualization-orange-50: #fbece7;
  --sf-color-data-visualization-orange-100: #f7d8ce;
  --sf-color-data-visualization-orange-200: #eeb29d;
  --sf-color-data-visualization-orange-300: #e68b6d;
  --sf-color-data-visualization-orange-400: #dd653c;
  --sf-color-data-visualization-orange-500: #d53e0b;
  --sf-color-data-visualization-orange-600: #aa3209;
  --sf-color-data-visualization-orange-700: #802507;
  --sf-color-data-visualization-orange-800: #551904;
  --sf-color-data-visualization-orange-900: #2b0c02;
  --sf-color-data-visualization-lime-25: #f3f9f3;
  --sf-color-data-visualization-lime-50: #e6f3e6;
  --sf-color-data-visualization-lime-100: #cde7cd;
  --sf-color-data-visualization-lime-200: #9bd09b;
  --sf-color-data-visualization-lime-300: #6ab86a;
  --sf-color-data-visualization-lime-400: #38a138;
  --sf-color-data-visualization-lime-500: #068906;
  --sf-color-data-visualization-lime-600: #056e05;
  --sf-color-data-visualization-lime-700: #045204;
  --sf-color-data-visualization-lime-800: #023702;
  --sf-color-data-visualization-lime-900: #011b01;
  --sf-color-data-visualization-teal-25: #f3f9f9;
  --sf-color-data-visualization-teal-50: #e6f3f3;
  --sf-color-data-visualization-teal-100: #cde6e6;
  --sf-color-data-visualization-teal-200: #9bcece;
  --sf-color-data-visualization-teal-300: #6ab5b5;
  --sf-color-data-visualization-teal-400: #389d9d;
  --sf-color-data-visualization-teal-500: #068484;
  --sf-color-data-visualization-teal-600: #056a6a;
  --sf-color-data-visualization-teal-700: #044f4f;
  --sf-color-data-visualization-teal-800: #023535;
  --sf-color-data-visualization-teal-900: #011a1a;
  --sf-color-data-visualization-color: #ffffff;
  --sf-background-brand-default: #ec0c21;
  --sf-background-brand-disabled: #d6d6d6;
  --sf-background-brand-hover: #bd0a1a;
  --sf-background-brand-inverted: #ffffff;
  --sf-background-brand-pressed: #5e050d;
  --sf-background-brand-selected: #5e050d;
  --sf-background-transparent-default: #ffffff00;
  --sf-background-transparent-hover: #0000000d;
  --sf-background-transparent-pressed: #0000001a;
  --sf-background-transparent-disabled: #ffffff00;
  --sf-background-transparent-selected: #0000001a;
  --sf-background-inverted-disabled: #d6d6d6;
  --sf-background-inverted-selected: #e4e4e4;
  --sf-background-inverted-default: #0c0c0c;
  --sf-background-inverted-hover: #3b3b3b;
  --sf-background-inverted-pressed: #5e5e5e;
  --sf-background-error-default: #fef2f4;
  --sf-background-error-hover: #fde6e9;
  --sf-background-error-pressed: #fcdade;
  --sf-background-error-inverted-default: #bd0a1a;
  --sf-background-error-inverted-selected: #fef2f4;
  --sf-background-error-selected: #8e0714;
  --sf-background-info-default: #f2f8fd;
  --sf-background-info-hover: #e5f1fb;
  --sf-background-info-pressed: #d8eaf9;
  --sf-background-info-inverted-default: #0075db;
  --sf-background-info-inverted-selected: #f2f8fd;
  --sf-background-info-selected: #005eaf;
  --sf-background-success-default: #f3f8f7;
  --sf-background-success-hover: #e8f2ef;
  --sf-background-success-pressed: #ddece7;
  --sf-background-success-inverted-default: #1f8464;
  --sf-background-success-inverted-selected: #f3f8f7;
  --sf-background-success-selected: #196a50;
  --sf-background-warning-default: #fefaf3;
  --sf-background-warning-hover: #fdf6e8;
  --sf-background-warning-pressed: #fcf2dc;
  --sf-background-warning-inverted-default: #f1aa1b;
  --sf-background-warning-inverted-selected: #fefaf3;
  --sf-background-warning-selected: #c18816;
  --sf-background-primary-default: #ffffff;
  --sf-background-primary-disabled: #d6d6d6;
  --sf-background-primary-hover: #f8f8f8;
  --sf-background-primary-pressed: #f1f1f1;
  --sf-background-primary-selected: #232323;
  --sf-background-secondary-default: #f8f8f8;
  --sf-background-secondary-hover: #f1f1f1;
  --sf-background-secondary-pressed: #eaeaea;
  --sf-background-secondary-disabled: #d6d6d6;
  --sf-background-tertiary-default: #f1f1f1;
  --sf-background-tertiary-hover: #eaeaea;
  --sf-background-tertiary-pressed: #e4e4e4;
  --sf-background-tertiary-disabled: #d6d6d6;
  --sf-background-accent-default: #faf1e4;
  --sf-background-ai-hover-end: #5e2991;
  --sf-background-ai-selected-end: #3e1c61;
  --sf-background-ai-pressed-end: #3e1c61;
  --sf-background-ai-end: #8c3eda;
  --sf-background-ai-hover-start: #8e0714;
  --sf-background-ai-inverted-hover-start: #fde6e9;
  --sf-background-ai-inverted-selected-end: #5e2991;
  --sf-background-ai-inverted-start: #fef2f4;
  --sf-background-ai-inverted-end: #faf6ff;
  --sf-background-ai-inverted-selected-start: #8e0714;
  --sf-background-ai-inverted-pressed-start: #fbced3;
  --sf-background-ai-inverted-hover-end: #f5ecfe;
  --sf-background-ai-inverted-pressed-end: #ebdafc;
  --sf-background-ai-pressed-start: #5e050d;
  --sf-background-ai-start: #ec0c21;
  --sf-background-ai-selected-start: #5e050d;
  --sf-border-brand-default: #ec0c21;
  --sf-border-brand-hover: #bd0a1a;
  --sf-border-brand-pressed: #5e050d;
  --sf-border-default: #767676;
  --sf-border-disabled: #919191;
  --sf-border-divider: #919191;
  --sf-border-hover: #5e5e5e;
  --sf-border-pressed: #2f2f2f;
  --sf-border-selected: #232323;
  --sf-border-subtle: #d6d6d6;
  --sf-border-tab-focus: #0075db;
  --sf-border-inverted-disabled: #3b3b3b;
  --sf-border-inverted-default: #ffffff;
  --sf-border-inverted-selected: #3b3b3b;
  --sf-border-error: #8e0714;
  --sf-border-info: #005eaf;
  --sf-border-success: #196a50;
  --sf-border-warning: #916610;
  --sf-border-ai-subtle-selected-start: #5e050d;
  --sf-border-ai-subtle-pressed-end: #b06af5;
  --sf-border-ai-subtle-pressed-start: #f03d4d;
  --sf-border-ai-subtle-hover-end: #c48ff7;
  --sf-border-ai-subtle-hover-start: #f46d7a;
  --sf-border-ai-subtle-start: #f79ea6;
  --sf-border-ai-subtle-end: #d7b5fa;
  --sf-border-ai-subtle-selected-end: #3e1c61;
  --sf-border-ai-selected-end: #3e1c61;
  --sf-border-ai-selected-start: #5e050d;
  --sf-border-ai-pressed-start: #5e050d;
  --sf-border-ai-hover-end: #5e2991;
  --sf-border-ai-end: #8c3eda;
  --sf-border-ai-start: #ec0c21;
  --sf-border-ai-hover-start: #8e0714;
  --sf-border-ai-pressed-end: #3e1c61;
  --sf-icon-brand-default: #ec0c21;
  --sf-icon-brand-hover: #bd0a1a;
  --sf-icon-brand-inverted: #ffffff;
  --sf-icon-brand-pressed: #5e050d;
  --sf-icon-brand-selected: #5e050d;
  --sf-icon-default: #3b3b3b;
  --sf-icon-disabled: #919191;
  --sf-icon-hover: #3b3b3b;
  --sf-icon-pressed: #3b3b3b;
  --sf-icon-selected: #ffffff;
  --sf-icon-subtle: #535353;
  --sf-icon-inverted-disabled: #919191;
  --sf-icon-inverted-default: #ffffff;
  --sf-icon-inverted-selected: #3b3b3b;
  --sf-icon-inverted-hover: #ffffff;
  --sf-icon-inverted-pressed: #ffffff;
  --sf-icon-error-default: #8e0714;
  --sf-icon-error-inverted: #ffffff;
  --sf-icon-error-hover: #5e050d;
  --sf-icon-error-pressed: #2f0207;
  --sf-icon-info-default: #005eaf;
  --sf-icon-info-hover: #004683;
  --sf-icon-info-pressed: #002f58;
  --sf-icon-info-inverted: #ffffff;
  --sf-icon-success-default: #196a50;
  --sf-icon-success-hover: #134f3c;
  --sf-icon-success-pressed: #0c3528;
  --sf-icon-success-inverted: #ffffff;
  --sf-icon-warning-default: #916610;
  --sf-icon-warning-hover: #60440b;
  --sf-icon-warning-pressed: #302205;
  --sf-icon-warning-inverted: #3b3b3b;
  --sf-icon-link-default: #d40b1e;
  --sf-icon-link-hover: #bd0a1a;
  --sf-icon-link-pressed: #5e050d;
  --sf-icon-link-visited: #d40b1e;
  --sf-icon-ai-end: #8c3eda;
  --sf-icon-ai-selected-start: #5e050d;
  --sf-icon-ai-selected-end: #3e1c61;
  --sf-icon-ai-start: #ec0c21;
  --sf-icon-strong: #232323;
  --sf-surface-standard-scrim: #000000bf;
  --sf-surface-default: #ffffff;
  --sf-text-brand-default: #ec0c21;
  --sf-text-brand-hover: #bd0a1a;
  --sf-text-brand-inverted: #ffffff;
  --sf-text-brand-pressed: #5e050d;
  --sf-text-brand-selected: #5e050d;
  --sf-text-default: #3b3b3b;
  --sf-text-disabled: #919191;
  --sf-text-hover: #3b3b3b;
  --sf-text-pressed: #3b3b3b;
  --sf-text-selected: #ffffff;
  --sf-text-subtle: #535353;
  --sf-text-inverted-disabled: #919191;
  --sf-text-inverted-default: #ffffff;
  --sf-text-inverted-selected: #3b3b3b;
  --sf-text-inverted-hover: #ffffff;
  --sf-text-inverted-pressed: #ffffff;
  --sf-text-strong: #232323;
  --sf-text-error-default: #8e0714;
  --sf-text-error-hover: #5e050d;
  --sf-text-error-pressed: #2f0207;
  --sf-text-error-inverted: #ffffff;
  --sf-text-success-default: #196a50;
  --sf-text-success-hover: #134f3c;
  --sf-text-success-pressed: #0c3528;
  --sf-text-success-inverted: #ffffff;
  --sf-text-warning-default: #916610;
  --sf-text-warning-hover: #60440b;
  --sf-text-warning-pressed: #302205;
  --sf-text-warning-inverted: #3b3b3b;
  --sf-text-info-default: #005eaf;
  --sf-text-info-hover: #004683;
  --sf-text-info-pressed: #002f58;
  --sf-text-info-inverted: #ffffff;
  --sf-text-link-default: #d40b1e;
  --sf-text-link-hover: #bd0a1a;
  --sf-text-link-pressed: #5e050d;
  --sf-text-link-visited: #d40b1e;
  --sf-text-ai-end: #8c3eda;
  --sf-text-ai-selected-end: #3e1c61;
  --sf-text-ai-selected-start: #5e050d;
  --sf-text-ai-start: #ec0c21;
  --sf-misc-shadow: #00000040;
  --sf-chart-primary: #9c45f2;
  --sf-chart-success: #4c9d83;
  --sf-chart-error: #f03d4d;
  --sf-chart-neutral: #919191;
  --sf-chart-categorical-1: #9c45f2;
  --sf-chart-categorical-2: #38a138;
  --sf-chart-categorical-3: #004683;
  --sf-chart-categorical-4: #f03d4d;
  --sf-chart-categorical-5: #530453;
  --sf-chart-categorical-6: #389d9d;
  --sf-chart-categorical-7: #c18816;
  --sf-chart-categorical-8: #023535;
  --sf-chart-categorical-9: #bd0a1a;
  --sf-chart-categorical-10: #3391e2;
  --sf-chart-categorical-11: #056e05;
  --sf-chart-categorical-12: #dd653c;
  --sf-chart-sequential-1: #b06af5;
  --sf-chart-sequential-2: #9c45f2;
  --sf-chart-sequential-3: #7d37c2;
  --sf-chart-sequential-4: #5e2991;
  --sf-chart-sequential-5: #3e1c61;
  --sf-chart-sequential-6: #1f0e30;
  --sf-chart-warning: #c18816;
  --sf-chart-non-hovered: #ffffff99;
}:where(:host) .sf-anchor,:where(:host) a{color:inherit;cursor:pointer;font-family:var(--sf-type-body-lg-font);font-size:var(--sf-type-body-lg-size);font-weight:var(--sf-typeface-weight-regular);line-height:var(--sf-type-body-lg-lineheight);outline:none;text-decoration:underline}:where(:host) .sf-anchor:focus-visible,:where(:host) a:focus-visible{outline:2px solid var(--sf-border-tab-focus);outline-offset:1px}:where(:host) .sf-anchor:active,:where(:host) .sf-anchor:hover,:where(:host) a:active,:where(:host) a:hover{text-decoration:underline}:where(:host) .sf-anchor.sf-size-md,:where(:host) a.sf-size-md{font-family:var(--sf-type-body-md-font);font-size:var(--sf-type-body-md-size);line-height:var(--sf-type-body-md-lineheight)}:where(:host) .sf-anchor.sf-size-sm,:where(:host) a.sf-size-sm{font-family:var(--sf-type-body-sm-font)}:where(:host) .sf-anchor.sf-font-legal,:where(:host) .sf-anchor.sf-size-sm,:where(:host) a.sf-font-legal,:where(:host) a.sf-size-sm{font-size:var(--sf-type-body-sm-size);line-height:var(--sf-type-body-sm-lineheight)}:where(:host) .sf-anchor.sf-font-legal,:where(:host) a.sf-font-legal{font-family:var(--sf-typeface-font-legal)}:where(:host) .sf-anchor.sf-font-semibold,:where(:host) a.sf-font-semibold{font-weight:var(--sf-typeface-weight-semibold);text-decoration:none}:where(:host) .sf-anchor.sf-font-semibold:active,:where(:host) .sf-anchor.sf-font-semibold:hover,:where(:host) a.sf-font-semibold:active,:where(:host) a.sf-font-semibold:hover{text-decoration:underline}:where(:host) .sf-anchor.sf-brand,:where(:host) a.sf-brand{color:var(--sf-text-link-default)!important}:where(:host) .sf-anchor.sf-brand ::part(icon),:where(:host) a.sf-brand ::part(icon){color:var(--sf-icon-link-default)}:where(:host) .sf-anchor.sf-brand:visited,:where(:host) a.sf-brand:visited{color:var(--sf-text-link-visited)!important}:where(:host) .sf-anchor.sf-brand:visited ::part(icon),:where(:host) a.sf-brand:visited ::part(icon){color:var(--sf-icon-link-default)}:where(:host) .sf-anchor.sf-brand:hover,:where(:host) a.sf-brand:hover{color:var(--sf-text-link-hover)!important}:where(:host) .sf-anchor.sf-brand:hover ::part(icon),:where(:host) a.sf-brand:hover ::part(icon){color:var(--sf-icon-link-hover)}:where(:host) .sf-anchor.sf-brand:active,:where(:host) a.sf-brand:active{color:var(--sf-text-link-pressed)!important}:where(:host) .sf-anchor.sf-brand:active ::part(icon),:where(:host) a.sf-brand:active ::part(icon){color:var(--sf-icon-link-pressed)}:where(:host) .sf-anchor.sf-disabled,:where(:host) a.sf-disabled{color:var(--sf-text-disabled)!important;cursor:not-allowed;text-decoration:none}:where(:host) .sf-anchor.sf-disabled ::part(icon),:where(:host) a.sf-disabled ::part(icon){color:var(--sf-icon-disabled)}:where(:host) .skeleton-loader{animation-delay:-.64s}:where(:host) p.sf-skeleton-loader{animation-delay:-1.17s}:where(:host) p.sf-skeleton-loader:after,:where(:host) p.sf-skeleton-loader:before{animation-delay:-706ms}:where(:host) sf-box{border-color:var(--sf-border-default);border-radius:var(--sf-shape-border-radius-0x);border-style:none;border-width:var(--sf-shape-border-width-0x);display:block;padding:var(--sf-spacing-0x)}:where(:host) sf-box[color=primary]{background-color:var(--sf-background-primary-default)}:where(:host) sf-box[color=secondary]{background-color:var(--sf-background-secondary-default)}:where(:host) sf-box[color=accent]{background-color:var(--sf-background-accent-default)}:where(:host) sf-box[color=brand]{background-color:var(--sf-background-brand-default)}:where(:host) sf-box[color=brand] *{color:var(--sf-text-brand-inverted)}:where(:host) sf-box[color=disabled]{background-color:var(--sf-background-primary-disabled)}:where(:host) sf-box[color=inverted]{background-color:var(--sf-background-inverted-default)}:where(:host) sf-box[color=error]{background-color:var(--sf-background-error-default)}:where(:host) sf-box[color=success]{background-color:var(--sf-background-success-default)}:where(:host) sf-box[color=info]{background-color:var(--sf-background-info-default)}:where(:host) sf-box[color=warning]{background-color:var(--sf-background-warning-default)}:where(:host) sf-box[border-color=primary]{border-color:var(--sf-border-default)}:where(:host) sf-box[border-color=brand]{border-color:var(--sf-border-brand-default)}:where(:host) sf-box[border-color=subtle]{border-color:var(--sf-border-subtle)}:where(:host) sf-box[border-color=disabled]{border-color:var(--sf-border-disabled)}:where(:host) sf-box[border-color=inverted]{border-color:var(--sf-border-inverted-default)}:where(:host) sf-box[border-color=error]{border-color:var(--sf-border-error)}:where(:host) sf-box[border-color=success]{border-color:var(--sf-border-success)}:where(:host) sf-box[border-color=info]{border-color:var(--sf-border-info)}:where(:host) sf-box[border-color=warning]{border-color:var(--sf-border-warning)}:where(:host) sf-box[border-color=none]{border-color:var(--sf-color-transparents-clear)}:where(:host) sf-box[border-width="1x"]{border-style:solid;border-width:var(--sf-shape-border-width-1x)}:where(:host) sf-box[border-width="2x"]{border-style:solid;border-width:var(--sf-shape-border-width-2x)}:where(:host) sf-box[border-width="3x"]{border-style:solid;border-width:var(--sf-shape-border-width-4x)}:where(:host) sf-box[border-radius=xs]{border-radius:var(--sf-shape-border-radius-0-25x)}:where(:host) sf-box[border-radius=sm]{border-radius:var(--sf-shape-border-radius-0-5x)}:where(:host) sf-box[border-radius=md]{border-radius:var(--sf-shape-border-radius-1x)}:where(:host) sf-box[border-radius=lg]{border-radius:var(--sf-shape-border-radius-2x)}:where(:host) sf-box[border-radius=full]{border-radius:var(--sf-shape-border-radius-full)}:where(:host) sf-box.sf-skeleton-loader{animation:sf-ui-shadow-skeleton-wave calc(var(--sf-duration-lg)*6) var(--sf-ease-linear) infinite;animation-delay:-1816ms;background:linear-gradient(90deg,var(--sf-background-tertiary-default) 0,var(--sf-background-secondary-default) 48%,var(--sf-background-primary-default) 50%,var(--sf-background-secondary-default) 55%,var(--sf-background-tertiary-default) 60%);background-attachment:fixed;background-size:200vw 100%;border-radius:var(--sf-shape-border-radius-0-5x);color:transparent!important;display:block;font-size:0;height:240px;line-height:0;overflow:hidden;width:100%}:where(:host) sf-box.sf-skeleton-loader>*{visibility:hidden}:where(:host) sf-card{background-color:var(--sf-background-primary-default);border:var(--sf-shape-border-width-1x) solid var(--sf-border-subtle);border-radius:var(--sf-shape-border-radius-1x);display:block;gap:var(--sf-spacing-0x);padding:var(--sf-spacing-3x)}:where(:host) sf-card[emphasis=strong]{background-color:var(--sf-background-secondary-default)}:where(:host) sf-card[emphasis=strong][appearance=ai]{border:none;border-radius:var(--sf-shape-border-radius-1x);position:relative}:where(:host) sf-card[emphasis=strong][appearance=ai]:before{background:linear-gradient(to right,var(--sf-border-ai-start),var(--sf-border-ai-end));border-radius:inherit;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:var(--sf-shape-border-width-1x);pointer-events:none;position:absolute}:where(:host) sf-card[emphasis=strong][appearance=ai]{background:linear-gradient(90deg,var(--sf-background-ai-inverted-start) 1%,var(--sf-background-ai-inverted-end) 99%)}:where(:host) sf-card[size=xl]{border-radius:var(--sf-shape-border-radius-1x);padding:var(--sf-spacing-4x)}:where(:host) sf-card[size=md]{padding:var(--sf-spacing-2x)}:where(:host) sf-card[size=md],:where(:host) sf-card[size=sm]{border-radius:var(--sf-shape-border-radius-0-5x)}:where(:host) sf-card[size=sm]{padding:var(--sf-spacing-1-5x)}:where(:host) sf-card[appearance=ai]{border:none;border-radius:var(--sf-shape-border-radius-1x);position:relative}:where(:host) sf-card[appearance=ai]:before{background:linear-gradient(to right,var(--sf-border-ai-start),var(--sf-border-ai-end));border-radius:inherit;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:var(--sf-shape-border-width-1x);pointer-events:none;position:absolute}:where(:host) sf-divider{border-bottom:var(--sf-shape-border-width-1x) solid var(--sf-border-divider);border-left:none;display:block;transform:translateY(-50%);width:100%}:where(:host) sf-divider[emphasis=strong]{border-bottom:var(--sf-shape-border-width-2x) solid var(--sf-border-divider);border-left:none}:where(:host) sf-divider[emphasis=minimal]{border-bottom:var(--sf-shape-border-width-1x) solid var(--sf-border-subtle);border-left:none}:where(:host) sf-divider[vertical]{border-bottom:none;border-left:var(--sf-shape-border-width-1x) solid var(--sf-border-divider);display:inline-flex;transform:translate(50%);width:2px}:where(:host) sf-divider[vertical][emphasis=minimal]{border-bottom:none;border-left:var(--sf-shape-border-width-1x) solid var(--sf-border-subtle)}:where(:host) sf-divider[vertical][emphasis=strong]{border-bottom:none;border-left:var(--sf-shape-border-width-2x) solid var(--sf-border-divider)}:where(:host) *{color:var(--sf-text-default);font-family:var(--sf-typeface-font-default),Arial;font-weight:var(--sf-typeface-weight-regular);line-height:var(--sf-type-body-md-lineheight)}:where(:host) .skeleton-loader{animation-delay:-1.47s}:where(:host) p.sf-skeleton-loader{animation-delay:-1123ms}:where(:host) p.sf-skeleton-loader:after,:where(:host) p.sf-skeleton-loader:before{animation-delay:-1048ms}:where(:host) .sf-font-italic{font-style:italic!important}:where(:host) .sf-font-regular{font-weight:var(--sf-typeface-weight-regular)!important}:where(:host) .sf-font-medium{font-weight:var(--sf-typeface-weight-medium)!important}:where(:host) .sf-font-semibold{font-weight:var(--sf-typeface-weight-semibold)!important}:where(:host) .sf-font-bold{font-weight:var(--sf-typeface-weight-bold)!important}:where(:host) .skeleton-loader{animation-delay:-753ms}:where(:host) p.sf-skeleton-loader{animation-delay:-719ms}:where(:host) p.sf-skeleton-loader:after,:where(:host) p.sf-skeleton-loader:before{animation-delay:-194ms}:where(:host) .sf-display-lg{font-family:var(--sf-type-display-lg-font);font-size:var(--sf-type-display-lg-size);font-weight:var(--sf-type-display-lg-weight);line-height:var(--sf-type-display-lg-lineheight)}:where(:host) .sf-display-md{font-family:var(--sf-type-display-md-font);font-size:var(--sf-type-display-md-size);font-weight:var(--sf-type-display-md-weight);line-height:var(--sf-type-display-md-lineheight)}:where(:host) .sf-display-sm{font-family:var(--sf-type-display-sm-font);font-size:var(--sf-type-display-sm-size);font-weight:var(--sf-type-display-sm-weight);line-height:var(--sf-type-display-sm-lineheight)}:where(:host) .sf-display-lg.sf-skeleton-loader{animation:sf-ui-shadow-skeleton-wave calc(var(--sf-duration-lg)*6) var(--sf-ease-linear) infinite;animation-delay:-1579ms;height:98px}:where(:host) .sf-display-lg.sf-skeleton-loader,:where(:host) .sf-display-md.sf-skeleton-loader{background:linear-gradient(90deg,var(--sf-background-tertiary-default) 0,var(--sf-background-secondary-default) 48%,var(--sf-background-primary-default) 50%,var(--sf-background-secondary-default) 55%,var(--sf-background-tertiary-default) 60%);background-attachment:fixed;background-size:200vw 100%;border-radius:var(--sf-shape-border-radius-0-5x);color:transparent!important;display:inline-block;font-size:0;line-height:0;overflow:hidden;width:280px}:where(:host) .sf-display-md.sf-skeleton-loader{animation:sf-ui-shadow-skeleton-wave calc(var(--sf-duration-lg)*6) var(--sf-ease-linear) infinite;animation-delay:-1179ms;height:82px}:where(:host) .sf-display-sm.sf-skeleton-loader{animation:sf-ui-shadow-skeleton-wave calc(var(--sf-duration-lg)*6) var(--sf-ease-linear) infinite;animation-delay:-701ms;background:linear-gradient(90deg,var(--sf-background-tertiary-default) 0,var(--sf-background-secondary-default) 48%,var(--sf-background-primary-default) 50%,var(--sf-background-secondary-default) 55%,var(--sf-background-tertiary-default) 60%);background-attachment:fixed;background-size:200vw 100%;border-radius:var(--sf-shape-border-radius-0-5x);color:transparent!important;display:inline-block;font-size:0;height:70px;line-height:0;overflow:hidden;width:280px}:where(:host) .skeleton-loader{animation-delay:-695ms}:where(:host) p.sf-skeleton-loader{animation-delay:-1278ms}:where(:host) p.sf-skeleton-loader:after,:where(:host) p.sf-skeleton-loader:before{animation-delay:-1085ms}:where(:host) .sf-heading-xxl{color:var(--sf-text-default);font-family:var(--sf-type-heading-xxl-font);font-size:var(--sf-type-heading-xxl-size);font-weight:var(--sf-type-heading-xxl-weight);line-height:var(--sf-type-heading-xxl-lineheight)}:where(:host) .sf-heading-xl{color:var(--sf-text-default);font-family:var(--sf-type-heading-xl-font);font-size:var(--sf-type-heading-xl-size);font-weight:var(--sf-type-heading-xl-weight);line-height:var(--sf-type-heading-xl-lineheight)}:where(:host) .sf-heading-lg{color:var(--sf-text-default);font-family:var(--sf-type-heading-lg-font);font-size:var(--sf-type-heading-lg-size);font-weight:var(--sf-type-heading-lg-weight);line-height:var(--sf-type-heading-lg-lineheight)}:where(:host) .sf-heading-md{color:var(--sf-text-default);font-family:var(--sf-type-heading-md-font);font-size:var(--sf-type-heading-md-size);font-weight:var(--sf-type-heading-md-weight);line-height:var(--sf-type-heading-md-lineheight)}:where(:host) .sf-heading-sm{color:var(--sf-text-default);font-family:var(--sf-type-heading-sm-font);font-size:var(--sf-type-heading-sm-size);font-weight:var(--sf-type-heading-sm-weight);line-height:var(--sf-type-heading-sm-lineheight)}:where(:host) .sf-heading-xs{font-family:var(--sf-type-heading-xs-font);font-size:var(--sf-type-heading-xs-size);font-weight:var(--sf-type-heading-xs-weight);line-height:var(--sf-type-heading-xs-lineheight)}:where(:host) .sf-heading-xs,:where(:host) h1{color:var(--sf-text-default)}:where(:host) h1{font-family:var(--sf-type-heading-xxl-font);font-size:var(--sf-type-heading-xxl-size);font-weight:var(--sf-type-heading-xxl-weight);line-height:var(--sf-type-heading-xxl-lineheight)}:where(:host) h2{font-family:var(--sf-type-heading-xl-font);font-size:var(--sf-type-heading-xl-size);font-weight:var(--sf-type-heading-xl-weight);line-height:var(--sf-type-heading-xl-lineheight)}:where(:host) h2,:where(:host) h3{color:var(--sf-text-default)}:where(:host) h3{font-family:var(--sf-type-heading-lg-font);font-size:var(--sf-type-heading-lg-size);font-weight:var(--sf-type-heading-lg-weight);line-height:var(--sf-type-heading-lg-lineheight)}:where(:host) h4{font-family:var(--sf-type-heading-md-font);font-size:var(--sf-type-heading-md-size);font-weight:var(--sf-type-heading-md-weight);line-height:var(--sf-type-heading-md-lineheight)}:where(:host) h4,:where(:host) h5{color:var(--sf-text-default)}:where(:host) h5{font-family:var(--sf-type-heading-sm-font);font-size:var(--sf-type-heading-sm-size);font-weight:var(--sf-type-heading-sm-weight);line-height:var(--sf-type-heading-sm-lineheight)}:where(:host) h6{color:var(--sf-text-default);font-family:var(--sf-type-heading-xs-font);font-size:var(--sf-type-heading-xs-size);font-weight:var(--sf-type-heading-xs-weight);line-height:var(--sf-type-heading-xs-lineheight)}:where(:host) .sf-heading-xxl.sf-skeleton-loader{animation:sf-ui-shadow-skeleton-wave calc(var(--sf-duration-lg)*6) var(--sf-ease-linear) infinite;animation-delay:-53ms;height:58px}:where(:host) .sf-heading-xl.sf-skeleton-loader,:where(:host) .sf-heading-xxl.sf-skeleton-loader{background:linear-gradient(90deg,var(--sf-background-tertiary-default) 0,var(--sf-background-secondary-default) 48%,var(--sf-background-primary-default) 50%,var(--sf-background-secondary-default) 55%,var(--sf-background-tertiary-default) 60%);background-attachment:fixed;background-size:200vw 100%;border-radius:var(--sf-shape-border-radius-0-5x);color:transparent!important;display:inline-block;font-size:0;line-height:0;overflow:hidden;width:280px}:where(:host) .sf-heading-xl.sf-skeleton-loader{animation:sf-ui-shadow-skeleton-wave calc(var(--sf-duration-lg)*6) var(--sf-ease-linear) infinite;animation-delay:-1498ms;height:var(--sf-size-component-height-lg)}:where(:host) .sf-heading-lg.sf-skeleton-loader{animation:sf-ui-shadow-skeleton-wave calc(var(--sf-duration-lg)*6) var(--sf-ease-linear) infinite;animation-delay:-1.19s;height:var(--sf-size-component-height-md)}:where(:host) .sf-heading-lg.sf-skeleton-loader,:where(:host) .sf-heading-md.sf-skeleton-loader{background:linear-gradient(90deg,var(--sf-background-tertiary-default) 0,var(--sf-background-secondary-default) 48%,var(--sf-background-primary-default) 50%,var(--sf-background-secondary-default) 55%,var(--sf-background-tertiary-default) 60%);background-attachment:fixed;background-size:200vw 100%;border-radius:var(--sf-shape-border-radius-0-5x);color:transparent!important;display:inline-block;font-size:0;line-height:0;overflow:hidden;width:280px}:where(:host) .sf-heading-md.sf-skeleton-loader{animation:sf-ui-shadow-skeleton-wave calc(var(--sf-duration-lg)*6) var(--sf-ease-linear) infinite;animation-delay:-1383ms;height:34px}:where(:host) .sf-heading-sm.sf-skeleton-loader{animation:sf-ui-shadow-skeleton-wave calc(var(--sf-duration-lg)*6) var(--sf-ease-linear) infinite;animation-delay:-471ms;height:28px}:where(:host) .sf-heading-sm.sf-skeleton-loader,:where(:host) .sf-heading-xs.sf-skeleton-loader{background:linear-gradient(90deg,var(--sf-background-tertiary-default) 0,var(--sf-background-secondary-default) 48%,var(--sf-background-primary-default) 50%,var(--sf-background-secondary-default) 55%,var(--sf-background-tertiary-default) 60%);background-attachment:fixed;background-size:200vw 100%;border-radius:var(--sf-shape-border-radius-0-5x);color:transparent!important;display:inline-block;font-size:0;line-height:0;overflow:hidden;width:280px}:where(:host) .sf-heading-xs.sf-skeleton-loader{animation:sf-ui-shadow-skeleton-wave calc(var(--sf-duration-lg)*6) var(--sf-ease-linear) infinite;animation-delay:-124ms;height:var(--sf-size-component-height-xs)}:where(:host) .skeleton-loader{animation:sf-ui-shadow-skeleton-wave calc(var(--sf-duration-lg)*6) var(--sf-ease-linear) infinite;animation-delay:-1283ms}:where(:host) .skeleton-loader,:where(:host) p.sf-skeleton-loader{background:linear-gradient(90deg,var(--sf-background-tertiary-default) 0,var(--sf-background-secondary-default) 48%,var(--sf-background-primary-default) 50%,var(--sf-background-secondary-default) 55%,var(--sf-background-tertiary-default) 60%);background-attachment:fixed;background-size:200vw 100%}:where(:host) p.sf-skeleton-loader{animation:sf-ui-shadow-skeleton-wave calc(var(--sf-duration-lg)*6) var(--sf-ease-linear) infinite;animation-delay:-1383ms;border-radius:var(--sf-shape-border-radius-0-5x);color:transparent;display:block;font-size:0;height:22px;line-height:0;margin-bottom:calc(44px + var(--sf-spacing-1x) + var(--sf-spacing-1x));overflow:visible;position:relative;width:100%}:where(:host) p.sf-skeleton-loader:after,:where(:host) p.sf-skeleton-loader:before{animation:sf-ui-shadow-skeleton-wave calc(var(--sf-duration-lg)*6) var(--sf-ease-linear) infinite;animation-delay:-552ms;background:linear-gradient(90deg,var(--sf-background-tertiary-default) 0,var(--sf-background-secondary-default) 48%,var(--sf-background-primary-default) 50%,var(--sf-background-secondary-default) 55%,var(--sf-background-tertiary-default) 60%);background-attachment:fixed;background-size:200vw 100%;border-radius:var(--sf-shape-border-radius-0-5x);content:"";display:block;height:22px;left:0;position:absolute}:where(:host) p.sf-skeleton-loader:before{top:calc(100% + var(--sf-spacing-1x));width:100%}:where(:host) p.sf-skeleton-loader:after{top:calc(200% + var(--sf-spacing-1x)*2);width:60%}@keyframes sf-ui-shadow-skeleton-wave{0%{background-position:100% 0}to{background-position:0 0}}:where(:host) .sf-body-lg{font-family:var(--sf-type-body-lg-font);font-size:var(--sf-type-body-lg-size);font-weight:var(--sf-type-body-lg-weight);line-height:var(--sf-type-body-lg-lineheight)}:where(:host) .sf-body-md{font-family:var(--sf-type-body-md-font);font-size:var(--sf-type-body-md-size);font-weight:var(--sf-type-body-md-weight);line-height:var(--sf-type-body-md-lineheight)}:where(:host) .sf-body-sm{font-family:var(--sf-type-body-sm-font);font-size:var(--sf-type-body-sm-size);font-weight:var(--sf-type-body-sm-weight);line-height:var(--sf-type-body-sm-lineheight)}:where(:host) .sf-body-lg.sf-skeleton-loader{animation:sf-ui-shadow-skeleton-wave calc(var(--sf-duration-lg)*6) var(--sf-ease-linear) infinite;animation-delay:-1672ms;height:22px}:where(:host) .sf-body-lg.sf-skeleton-loader,:where(:host) .sf-body-md.sf-skeleton-loader{background:linear-gradient(90deg,var(--sf-background-tertiary-default) 0,var(--sf-background-secondary-default) 48%,var(--sf-background-primary-default) 50%,var(--sf-background-secondary-default) 55%,var(--sf-background-tertiary-default) 60%);background-attachment:fixed;background-size:200vw 100%;border-radius:var(--sf-shape-border-radius-0-5x);color:transparent!important;display:block;font-size:0;line-height:0;overflow:hidden;width:100%}:where(:host) .sf-body-md.sf-skeleton-loader{animation:sf-ui-shadow-skeleton-wave calc(var(--sf-duration-lg)*6) var(--sf-ease-linear) infinite;animation-delay:-181ms;height:20px}:where(:host) .sf-body-sm.sf-skeleton-loader{animation:sf-ui-shadow-skeleton-wave calc(var(--sf-duration-lg)*6) var(--sf-ease-linear) infinite;animation-delay:-132ms;background:linear-gradient(90deg,var(--sf-background-tertiary-default) 0,var(--sf-background-secondary-default) 48%,var(--sf-background-primary-default) 50%,var(--sf-background-secondary-default) 55%,var(--sf-background-tertiary-default) 60%);background-attachment:fixed;background-size:200vw 100%;border-radius:var(--sf-shape-border-radius-0-5x);color:transparent!important;display:block;font-size:0;height:var(--sf-size-icon-height-2x);line-height:0;overflow:hidden;width:100%}:where(:host) .sf-txt-color-strong{color:var(--sf-text-strong)}:where(:host) .sf-txt-color-subtle{color:var(--sf-text-subtle)}:where(:host) .sf-txt-color-disabled{color:var(--sf-text-disabled)}:where(:host) .sf-txt-color-inverted{color:var(--sf-text-inverted-default)}:where(:host) .sf-txt-color-success{color:var(--sf-text-success-default)}:where(:host) .sf-txt-color-info{color:var(--sf-text-info-default)}:where(:host) .sf-txt-color-warning{color:var(--sf-text-warning-default)}:where(:host) .sf-txt-color-error{color:var(--sf-text-error-default)}:where(:host) .sf-txt-color-brand{color:var(--sf-text-brand-default)}:where(:host) .sf-d-flex{display:flex}:where(:host) .sf-d-grid{display:grid}:where(:host) .sf-d-none{display:none}:where(:host) .sf-d-block{display:block}:where(:host) .sf-d-inline-flex{display:inline-flex}:where(:host) .sf-flex-row{flex-direction:row}:where(:host) .sf-flex-col{flex-direction:column}:where(:host) .sf-justify-end,:where(:host) [justify-end]{justify-content:flex-end}:where(:host) .sf-justify-center,:where(:host) [justify-center]{justify-content:center}:where(:host) .sf-justify-between,:where(:host) [justify-between]{justify-content:space-between}:where(:host) .sf-justify-around,:where(:host) [justify-around]{justify-content:space-around}:where(:host) .sf-col-reverse,:where(:host) [col-reverse]{flex-direction:column-reverse}:where(:host) .sf-row-reverse,:where(:host) [row-reverse]{flex-direction:row-reverse}:where(:host) .sf-align-start,:where(:host) [align-start]{align-items:flex-start}:where(:host) .sf-align-end,:where(:host) [align-end]{align-items:flex-end}:where(:host) .sf-align-center,:where(:host) [align-center]{align-items:center}:where(:host) .sf-align-baseline,:where(:host) [align-baseline]{align-items:baseline}@media screen and (min-width:600px){:where(:host) .sf-d-flex-sm{display:flex}:where(:host) .sf-d-grid-sm{display:grid}:where(:host) .sf-d-none-sm{display:none}:where(:host) .sf-d-block-sm{display:block}:where(:host) .sf-d-inline-flex-sm{display:inline-flex}:where(:host) .sf-flex-row-sm{flex-direction:row}:where(:host) .sf-flex-col-sm{flex-direction:column}:where(:host) .sf-justify-end-sm{justify-content:flex-end}:where(:host) .sf-justify-center-sm{justify-content:center}:where(:host) .sf-justify-between-sm{justify-content:space-between}:where(:host) .sf-justify-around-sm{justify-content:space-around}:where(:host) .sf-col-reverse-sm{flex-direction:column-reverse}:where(:host) .sf-row-reverse-sm{flex-direction:row-reverse}:where(:host) .sf-align-start-sm{align-items:flex-start}:where(:host) .sf-align-end-sm{align-items:flex-end}:where(:host) .sf-align-center-sm{align-items:center}:where(:host) .sf-align-baseline-sm{align-items:baseline}}@media screen and (min-width:768px){:where(:host) .sf-d-flex-md{display:flex}:where(:host) .sf-d-grid-md{display:grid}:where(:host) .sf-d-none-md{display:none}:where(:host) .sf-d-block-md{display:block}:where(:host) .sf-d-inline-flex-md{display:inline-flex}:where(:host) .sf-flex-row-md{flex-direction:row}:where(:host) .sf-flex-col-md{flex-direction:column}:where(:host) .sf-justify-end-md{justify-content:flex-end}:where(:host) .sf-justify-center-md{justify-content:center}:where(:host) .sf-justify-between-md{justify-content:space-between}:where(:host) .sf-justify-around-md{justify-content:space-around}:where(:host) .sf-col-reverse-md{flex-direction:column-reverse}:where(:host) .sf-row-reverse-md{flex-direction:row-reverse}:where(:host) .sf-align-start-md{align-items:flex-start}:where(:host) .sf-align-end-md{align-items:flex-end}:where(:host) .sf-align-center-md{align-items:center}:where(:host) .sf-align-baseline-md{align-items:baseline}}@media screen and (min-width:1024px){:where(:host) .sf-d-flex-lg{display:flex}:where(:host) .sf-d-grid-lg{display:grid}:where(:host) .sf-d-none-lg{display:none}:where(:host) .sf-d-block-lg{display:block}:where(:host) .sf-d-inline-flex-lg{display:inline-flex}:where(:host) .sf-flex-row-lg{flex-direction:row}:where(:host) .sf-flex-col-lg{flex-direction:column}:where(:host) .sf-justify-end-lg{justify-content:flex-end}:where(:host) .sf-justify-center-lg{justify-content:center}:where(:host) .sf-justify-between-lg{justify-content:space-between}:where(:host) .sf-justify-around-lg{justify-content:space-around}:where(:host) .sf-col-reverse-lg{flex-direction:column-reverse}:where(:host) .sf-row-reverse-lg{flex-direction:row-reverse}:where(:host) .sf-align-start-lg{align-items:flex-start}:where(:host) .sf-align-end-lg{align-items:flex-end}:where(:host) .sf-align-center-lg{align-items:center}:where(:host) .sf-align-baseline-lg{align-items:baseline}}@media screen and (min-width:1280px){:where(:host) .sf-d-flex-xl{display:flex}:where(:host) .sf-d-grid-xl{display:grid}:where(:host) .sf-d-none-xl{display:none}:where(:host) .sf-d-block-xl{display:block}:where(:host) .sf-d-inline-flex-xl{display:inline-flex}:where(:host) .sf-flex-row-xl{flex-direction:row}:where(:host) .sf-flex-col-xl{flex-direction:column}:where(:host) .sf-justify-end-xl{justify-content:flex-end}:where(:host) .sf-justify-center-xl{justify-content:center}:where(:host) .sf-justify-between-xl{justify-content:space-between}:where(:host) .sf-justify-around-xl{justify-content:space-around}:where(:host) .sf-col-reverse-xl{flex-direction:column-reverse}:where(:host) .sf-row-reverse-xl{flex-direction:row-reverse}:where(:host) .sf-align-start-xl{align-items:flex-start}:where(:host) .sf-align-end-xl{align-items:flex-end}:where(:host) .sf-align-center-xl{align-items:center}:where(:host) .sf-align-baseline-xl{align-items:baseline}}@media screen and (min-width:1440px){:where(:host) .sf-d-flex-xxl{display:flex}:where(:host) .sf-d-grid-xxl{display:grid}:where(:host) .sf-d-none-xxl{display:none}:where(:host) .sf-d-block-xxl{display:block}:where(:host) .sf-d-inline-flex-xxl{display:inline-flex}:where(:host) .sf-flex-row-xxl{flex-direction:row}:where(:host) .sf-flex-col-xxl{flex-direction:column}:where(:host) .sf-justify-end-xxl{justify-content:flex-end}:where(:host) .sf-justify-center-xxl{justify-content:center}:where(:host) .sf-justify-between-xxl{justify-content:space-between}:where(:host) .sf-justify-around-xxl{justify-content:space-around}:where(:host) .sf-col-reverse-xxl{flex-direction:column-reverse}:where(:host) .sf-row-reverse-xxl{flex-direction:row-reverse}:where(:host) .sf-align-start-xxl{align-items:flex-start}:where(:host) .sf-align-end-xxl{align-items:flex-end}:where(:host) .sf-align-center-xxl{align-items:center}:where(:host) .sf-align-baseline-xxl{align-items:baseline}}@media screen and (max-width:349.999px){:where(:host) .sf-escape-page-margins{margin-left:calc(var(--sf-spacing-2x)*-1)!important;margin-right:calc(var(--sf-spacing-2x)*-1)!important}}@media screen and (min-width:350px) and (max-width:599.999px){:where(:host) .sf-escape-page-margins{margin-left:calc(var(--sf-spacing-2x)*-1)!important;margin-right:calc(var(--sf-spacing-2x)*-1)!important}}@media screen and (min-width:600px) and (max-width:767.999px){:where(:host) .sf-escape-page-margins{margin-left:calc(max(var(--sf-spacing-2x), (100vw - 568px) / 2)*-1)!important;margin-right:calc(max(var(--sf-spacing-2x), (100vw - 568px) / 2)*-1)!important}}@media screen and (min-width:768px) and (max-width:1023.999px){:where(:host) .sf-escape-page-margins{margin-left:calc(max(var(--sf-spacing-3x), (100vw - 720px) / 2)*-1)!important;margin-right:calc(max(var(--sf-spacing-3x), (100vw - 720px) / 2)*-1)!important}}@media screen and (min-width:1024px) and (max-width:1279.999px){:where(:host) .sf-escape-page-margins{margin-left:calc(max(var(--sf-spacing-3x), (100vw - 976px) / 2)*-1)!important;margin-right:calc(max(var(--sf-spacing-3x), (100vw - 976px) / 2)*-1)!important}}@media screen and (min-width:1280px) and (max-width:1439.999px){:where(:host) .sf-escape-page-margins{margin-left:calc(max(var(--sf-spacing-4x), (100vw - 1216px) / 2)*-1)!important;margin-right:calc(max(var(--sf-spacing-4x), (100vw - 1216px) / 2)*-1)!important}}@media screen and (min-width:1440px){:where(:host) .sf-escape-page-margins{margin-left:calc(max(var(--sf-spacing-4x), (100vw - 1376px) / 2)*-1)!important;margin-right:calc(max(var(--sf-spacing-4x), (100vw - 1376px) / 2)*-1)!important}}@media screen and (max-width:349.999px){:where(:host) .sf-app-page-margins{padding-left:var(--sf-spacing-2x);padding-right:var(--sf-spacing-2x)}}@media screen and (min-width:350px) and (max-width:599.999px){:where(:host) .sf-app-page-margins{padding-left:var(--sf-spacing-2x);padding-right:var(--sf-spacing-2x)}}@media screen and (min-width:600px) and (max-width:767.999px){:where(:host) .sf-app-page-margins{padding-left:max(var(--sf-spacing-2x),(100vw - 568px)/2);padding-right:max(var(--sf-spacing-2x),(100vw - 568px)/2)}}@media screen and (min-width:768px) and (max-width:1023.999px){:where(:host) .sf-app-page-margins{padding-left:max(var(--sf-spacing-3x),(100vw - 720px)/2);padding-right:max(var(--sf-spacing-3x),(100vw - 720px)/2)}}@media screen and (min-width:1024px) and (max-width:1279.999px){:where(:host) .sf-app-page-margins{padding-left:max(var(--sf-spacing-3x),(100vw - 976px)/2);padding-right:max(var(--sf-spacing-3x),(100vw - 976px)/2)}}@media screen and (min-width:1280px) and (max-width:1439.999px){:where(:host) .sf-app-page-margins{padding-left:max(var(--sf-spacing-4x),(100vw - 1216px)/2);padding-right:max(var(--sf-spacing-4x),(100vw - 1216px)/2)}}@media screen and (min-width:1440px){:where(:host) .sf-app-page-margins{padding-left:max(var(--sf-spacing-4x),(100vw - 1376px)/2);padding-right:max(var(--sf-spacing-4x),(100vw - 1376px)/2)}}:where(:host) .sf-row,:where(:host) sf-row{box-sizing:border-box!important;display:flex;flex-flow:row wrap;margin-left:calc(var(--sf-spacing-1x)*-1);margin-right:calc(var(--sf-spacing-1x)*-1)}:where(:host) .sf-row>*,:where(:host) sf-row>*{padding:0 var(--sf-spacing-1x);width:100%}:where(:host) .sf-col,:where(:host) sf-col{box-sizing:border-box!important;display:inline-flex;flex-flow:column nowrap}:where(:host) .sf-all-0,:where(:host) [all="0"]{display:none}:where(:host) .sf-offset-all-1,:where(:host) [offset-all="1"]{margin-left:8.3333333333%}:where(:host) .sf-all-1,:where(:host) [all="1"]{display:inline-flex;max-width:8.3333333333%}:where(:host) .sf-all-1-center,:where(:host) [all="1-center"]{display:flex;justify-content:center;max-width:8.3333333333%}:where(:host) .sf-all-1-end,:where(:host) [all="1-end"]{display:flex;justify-content:flex-end;max-width:8.3333333333%}:where(:host) .sf-offset-all-2,:where(:host) [offset-all="2"]{margin-left:16.6666666667%}:where(:host) .sf-all-2,:where(:host) [all="2"]{display:inline-flex;max-width:16.6666666667%}:where(:host) .sf-all-2-center,:where(:host) [all="2-center"]{display:flex;justify-content:center;max-width:16.6666666667%}:where(:host) .sf-all-2-end,:where(:host) [all="2-end"]{display:flex;justify-content:flex-end;max-width:16.6666666667%}:where(:host) .sf-offset-all-3,:where(:host) [offset-all="3"]{margin-left:25%}:where(:host) .sf-all-3,:where(:host) [all="3"]{display:inline-flex;max-width:25%}:where(:host) .sf-all-3-center,:where(:host) [all="3-center"]{display:flex;justify-content:center;max-width:25%}:where(:host) .sf-all-3-end,:where(:host) [all="3-end"]{display:flex;justify-content:flex-end;max-width:25%}:where(:host) .sf-offset-all-4,:where(:host) [offset-all="4"]{margin-left:33.3333333333%}:where(:host) .sf-all-4,:where(:host) [all="4"]{display:inline-flex;max-width:33.3333333333%}:where(:host) .sf-all-4-center,:where(:host) [all="4-center"]{display:flex;justify-content:center;max-width:33.3333333333%}:where(:host) .sf-all-4-end,:where(:host) [all="4-end"]{display:flex;justify-content:flex-end;max-width:33.3333333333%}:where(:host) .sf-offset-all-5,:where(:host) [offset-all="5"]{margin-left:41.6666666667%}:where(:host) .sf-all-5,:where(:host) [all="5"]{display:inline-flex;max-width:41.6666666667%}:where(:host) .sf-all-5-center,:where(:host) [all="5-center"]{display:flex;justify-content:center;max-width:41.6666666667%}:where(:host) .sf-all-5-end,:where(:host) [all="5-end"]{display:flex;justify-content:flex-end;max-width:41.6666666667%}:where(:host) .sf-offset-all-6,:where(:host) [offset-all="6"]{margin-left:50%}:where(:host) .sf-all-6,:where(:host) [all="6"]{display:inline-flex;max-width:50%}:where(:host) .sf-all-6-center,:where(:host) [all="6-center"]{display:flex;justify-content:center;max-width:50%}:where(:host) .sf-all-6-end,:where(:host) [all="6-end"]{display:flex;justify-content:flex-end;max-width:50%}:where(:host) .sf-offset-all-7,:where(:host) [offset-all="7"]{margin-left:58.3333333333%}:where(:host) .sf-all-7,:where(:host) [all="7"]{display:inline-flex;max-width:58.3333333333%}:where(:host) .sf-all-7-center,:where(:host) [all="7-center"]{display:flex;justify-content:center;max-width:58.3333333333%}:where(:host) .sf-all-7-end,:where(:host) [all="7-end"]{display:flex;justify-content:flex-end;max-width:58.3333333333%}:where(:host) .sf-offset-all-8,:where(:host) [offset-all="8"]{margin-left:66.6666666667%}:where(:host) .sf-all-8,:where(:host) [all="8"]{display:inline-flex;max-width:66.6666666667%}:where(:host) .sf-all-8-center,:where(:host) [all="8-center"]{display:flex;justify-content:center;max-width:66.6666666667%}:where(:host) .sf-all-8-end,:where(:host) [all="8-end"]{display:flex;justify-content:flex-end;max-width:66.6666666667%}:where(:host) .sf-offset-all-9,:where(:host) [offset-all="9"]{margin-left:75%}:where(:host) .sf-all-9,:where(:host) [all="9"]{display:inline-flex;max-width:75%}:where(:host) .sf-all-9-center,:where(:host) [all="9-center"]{display:flex;justify-content:center;max-width:75%}:where(:host) .sf-all-9-end,:where(:host) [all="9-end"]{display:flex;justify-content:flex-end;max-width:75%}:where(:host) .sf-offset-all-10,:where(:host) [offset-all="10"]{margin-left:83.3333333333%}:where(:host) .sf-all-10,:where(:host) [all="10"]{display:inline-flex;max-width:83.3333333333%}:where(:host) .sf-all-10-center,:where(:host) [all="10-center"]{display:flex;justify-content:center;max-width:83.3333333333%}:where(:host) .sf-all-10-end,:where(:host) [all="10-end"]{display:flex;justify-content:flex-end;max-width:83.3333333333%}:where(:host) .sf-offset-all-11,:where(:host) [offset-all="11"]{margin-left:91.6666666667%}:where(:host) .sf-all-11,:where(:host) [all="11"]{display:inline-flex;max-width:91.6666666667%}:where(:host) .sf-all-11-center,:where(:host) [all="11-center"]{display:flex;justify-content:center;max-width:91.6666666667%}:where(:host) .sf-all-11-end,:where(:host) [all="11-end"]{display:flex;justify-content:flex-end;max-width:91.6666666667%}:where(:host) .sf-offset-all-12,:where(:host) [offset-all="12"]{margin-left:100%}:where(:host) .sf-all-12,:where(:host) [all="12"]{display:inline-flex;max-width:100%}:where(:host) .sf-all-12-center,:where(:host) [all="12-center"]{display:flex;justify-content:center;max-width:100%}:where(:host) .sf-all-12-end,:where(:host) [all="12-end"]{display:flex;justify-content:flex-end;max-width:100%}@media screen and (max-width:599.999px){:where(:host) .sf-xs-0,:where(:host) [xs="0"]{display:none}:where(:host) .sf-offset-xs-0,:where(:host) [offset-xs="0"]{margin-left:0}}@media screen{:where(:host) .sf-offset-xs-1,:where(:host) [offset-xs="1"]{margin-left:8.3333333333%}:where(:host) .sf-xs-1,:where(:host) [xs="1"]{display:inline-flex;max-width:8.3333333333%}:where(:host) .sf-xs-1-center,:where(:host) [xs="1-center"]{display:flex;justify-content:center;max-width:8.3333333333%}:where(:host) .sf-xs-1-end,:where(:host) [xs="1-end"]{display:flex;justify-content:flex-end;max-width:8.3333333333%}:where(:host) .sf-offset-xs-2,:where(:host) [offset-xs="2"]{margin-left:16.6666666667%}:where(:host) .sf-xs-2,:where(:host) [xs="2"]{display:inline-flex;max-width:16.6666666667%}:where(:host) .sf-xs-2-center,:where(:host) [xs="2-center"]{display:flex;justify-content:center;max-width:16.6666666667%}:where(:host) .sf-xs-2-end,:where(:host) [xs="2-end"]{display:flex;justify-content:flex-end;max-width:16.6666666667%}:where(:host) .sf-offset-xs-3,:where(:host) [offset-xs="3"]{margin-left:25%}:where(:host) .sf-xs-3,:where(:host) [xs="3"]{display:inline-flex;max-width:25%}:where(:host) .sf-xs-3-center,:where(:host) [xs="3-center"]{display:flex;justify-content:center;max-width:25%}:where(:host) .sf-xs-3-end,:where(:host) [xs="3-end"]{display:flex;justify-content:flex-end;max-width:25%}:where(:host) .sf-offset-xs-4,:where(:host) [offset-xs="4"]{margin-left:33.3333333333%}:where(:host) .sf-xs-4,:where(:host) [xs="4"]{display:inline-flex;max-width:33.3333333333%}:where(:host) .sf-xs-4-center,:where(:host) [xs="4-center"]{display:flex;justify-content:center;max-width:33.3333333333%}:where(:host) .sf-xs-4-end,:where(:host) [xs="4-end"]{display:flex;justify-content:flex-end;max-width:33.3333333333%}:where(:host) .sf-offset-xs-5,:where(:host) [offset-xs="5"]{margin-left:41.6666666667%}:where(:host) .sf-xs-5,:where(:host) [xs="5"]{display:inline-flex;max-width:41.6666666667%}:where(:host) .sf-xs-5-center,:where(:host) [xs="5-center"]{display:flex;justify-content:center;max-width:41.6666666667%}:where(:host) .sf-xs-5-end,:where(:host) [xs="5-end"]{display:flex;justify-content:flex-end;max-width:41.6666666667%}:where(:host) .sf-offset-xs-6,:where(:host) [offset-xs="6"]{margin-left:50%}:where(:host) .sf-xs-6,:where(:host) [xs="6"]{display:inline-flex;max-width:50%}:where(:host) .sf-xs-6-center,:where(:host) [xs="6-center"]{display:flex;justify-content:center;max-width:50%}:where(:host) .sf-xs-6-end,:where(:host) [xs="6-end"]{display:flex;justify-content:flex-end;max-width:50%}:where(:host) .sf-offset-xs-7,:where(:host) [offset-xs="7"]{margin-left:58.3333333333%}:where(:host) .sf-xs-7,:where(:host) [xs="7"]{display:inline-flex;max-width:58.3333333333%}:where(:host) .sf-xs-7-center,:where(:host) [xs="7-center"]{display:flex;justify-content:center;max-width:58.3333333333%}:where(:host) .sf-xs-7-end,:where(:host) [xs="7-end"]{display:flex;justify-content:flex-end;max-width:58.3333333333%}:where(:host) .sf-offset-xs-8,:where(:host) [offset-xs="8"]{margin-left:66.6666666667%}:where(:host) .sf-xs-8,:where(:host) [xs="8"]{display:inline-flex;max-width:66.6666666667%}:where(:host) .sf-xs-8-center,:where(:host) [xs="8-center"]{display:flex;justify-content:center;max-width:66.6666666667%}:where(:host) .sf-xs-8-end,:where(:host) [xs="8-end"]{display:flex;justify-content:flex-end;max-width:66.6666666667%}:where(:host) .sf-offset-xs-9,:where(:host) [offset-xs="9"]{margin-left:75%}:where(:host) .sf-xs-9,:where(:host) [xs="9"]{display:inline-flex;max-width:75%}:where(:host) .sf-xs-9-center,:where(:host) [xs="9-center"]{display:flex;justify-content:center;max-width:75%}:where(:host) .sf-xs-9-end,:where(:host) [xs="9-end"]{display:flex;justify-content:flex-end;max-width:75%}:where(:host) .sf-offset-xs-10,:where(:host) [offset-xs="10"]{margin-left:83.3333333333%}:where(:host) .sf-xs-10,:where(:host) [xs="10"]{display:inline-flex;max-width:83.3333333333%}:where(:host) .sf-xs-10-center,:where(:host) [xs="10-center"]{display:flex;justify-content:center;max-width:83.3333333333%}:where(:host) .sf-xs-10-end,:where(:host) [xs="10-end"]{display:flex;justify-content:flex-end;max-width:83.3333333333%}:where(:host) .sf-offset-xs-11,:where(:host) [offset-xs="11"]{margin-left:91.6666666667%}:where(:host) .sf-xs-11,:where(:host) [xs="11"]{display:inline-flex;max-width:91.6666666667%}:where(:host) .sf-xs-11-center,:where(:host) [xs="11-center"]{display:flex;justify-content:center;max-width:91.6666666667%}:where(:host) .sf-xs-11-end,:where(:host) [xs="11-end"]{display:flex;justify-content:flex-end;max-width:91.6666666667%}:where(:host) .sf-offset-xs-12,:where(:host) [offset-xs="12"]{margin-left:100%}:where(:host) .sf-xs-12,:where(:host) [xs="12"]{display:inline-flex;max-width:100%}:where(:host) .sf-xs-12-center,:where(:host) [xs="12-center"]{display:flex;justify-content:center;max-width:100%}:where(:host) .sf-xs-12-end,:where(:host) [xs="12-end"]{display:flex;justify-content:flex-end;max-width:100%}:where(:host) .sf-row,:where(:host) sf-row{margin-left:calc(var(--sf-spacing-1x)/2*-1);margin-right:calc(var(--sf-spacing-1x)/2*-1)}:where(:host) .sf-row>*,:where(:host) sf-row>*{padding:0 calc(var(--sf-spacing-1x)/2);width:100%}}@media screen and (min-width:600px) and (max-width:767.999px){:where(:host) .sf-sm-0,:where(:host) [sm="0"]{display:none}:where(:host) .sf-offset-sm-0,:where(:host) [offset-sm="0"]{margin-left:0}}@media screen and (min-width:600px){:where(:host) .sf-offset-sm-1,:where(:host) [offset-sm="1"]{margin-left:8.3333333333%}:where(:host) .sf-sm-1,:where(:host) [sm="1"]{display:inline-flex;max-width:8.3333333333%}:where(:host) .sf-sm-1-center,:where(:host) [sm="1-center"]{display:flex;justify-content:center;max-width:8.3333333333%}:where(:host) .sf-sm-1-end,:where(:host) [sm="1-end"]{display:flex;justify-content:flex-end;max-width:8.3333333333%}:where(:host) .sf-offset-sm-2,:where(:host) [offset-sm="2"]{margin-left:16.6666666667%}:where(:host) .sf-sm-2,:where(:host) [sm="2"]{display:inline-flex;max-width:16.6666666667%}:where(:host) .sf-sm-2-center,:where(:host) [sm="2-center"]{display:flex;justify-content:center;max-width:16.6666666667%}:where(:host) .sf-sm-2-end,:where(:host) [sm="2-end"]{display:flex;justify-content:flex-end;max-width:16.6666666667%}:where(:host) .sf-offset-sm-3,:where(:host) [offset-sm="3"]{margin-left:25%}:where(:host) .sf-sm-3,:where(:host) [sm="3"]{display:inline-flex;max-width:25%}:where(:host) .sf-sm-3-center,:where(:host) [sm="3-center"]{display:flex;justify-content:center;max-width:25%}:where(:host) .sf-sm-3-end,:where(:host) [sm="3-end"]{display:flex;justify-content:flex-end;max-width:25%}:where(:host) .sf-offset-sm-4,:where(:host) [offset-sm="4"]{margin-left:33.3333333333%}:where(:host) .sf-sm-4,:where(:host) [sm="4"]{display:inline-flex;max-width:33.3333333333%}:where(:host) .sf-sm-4-center,:where(:host) [sm="4-center"]{display:flex;justify-content:center;max-width:33.3333333333%}:where(:host) .sf-sm-4-end,:where(:host) [sm="4-end"]{display:flex;justify-content:flex-end;max-width:33.3333333333%}:where(:host) .sf-offset-sm-5,:where(:host) [offset-sm="5"]{margin-left:41.6666666667%}:where(:host) .sf-sm-5,:where(:host) [sm="5"]{display:inline-flex;max-width:41.6666666667%}:where(:host) .sf-sm-5-center,:where(:host) [sm="5-center"]{display:flex;justify-content:center;max-width:41.6666666667%}:where(:host) .sf-sm-5-end,:where(:host) [sm="5-end"]{display:flex;justify-content:flex-end;max-width:41.6666666667%}:where(:host) .sf-offset-sm-6,:where(:host) [offset-sm="6"]{margin-left:50%}:where(:host) .sf-sm-6,:where(:host) [sm="6"]{display:inline-flex;max-width:50%}:where(:host) .sf-sm-6-center,:where(:host) [sm="6-center"]{display:flex;justify-content:center;max-width:50%}:where(:host) .sf-sm-6-end,:where(:host) [sm="6-end"]{display:flex;justify-content:flex-end;max-width:50%}:where(:host) .sf-offset-sm-7,:where(:host) [offset-sm="7"]{margin-left:58.3333333333%}:where(:host) .sf-sm-7,:where(:host) [sm="7"]{display:inline-flex;max-width:58.3333333333%}:where(:host) .sf-sm-7-center,:where(:host) [sm="7-center"]{display:flex;justify-content:center;max-width:58.3333333333%}:where(:host) .sf-sm-7-end,:where(:host) [sm="7-end"]{display:flex;justify-content:flex-end;max-width:58.3333333333%}:where(:host) .sf-offset-sm-8,:where(:host) [offset-sm="8"]{margin-left:66.6666666667%}:where(:host) .sf-sm-8,:where(:host) [sm="8"]{display:inline-flex;max-width:66.6666666667%}:where(:host) .sf-sm-8-center,:where(:host) [sm="8-center"]{display:flex;justify-content:center;max-width:66.6666666667%}:where(:host) .sf-sm-8-end,:where(:host) [sm="8-end"]{display:flex;justify-content:flex-end;max-width:66.6666666667%}:where(:host) .sf-offset-sm-9,:where(:host) [offset-sm="9"]{margin-left:75%}:where(:host) .sf-sm-9,:where(:host) [sm="9"]{display:inline-flex;max-width:75%}:where(:host) .sf-sm-9-center,:where(:host) [sm="9-center"]{display:flex;justify-content:center;max-width:75%}:where(:host) .sf-sm-9-end,:where(:host) [sm="9-end"]{display:flex;justify-content:flex-end;max-width:75%}:where(:host) .sf-offset-sm-10,:where(:host) [offset-sm="10"]{margin-left:83.3333333333%}:where(:host) .sf-sm-10,:where(:host) [sm="10"]{display:inline-flex;max-width:83.3333333333%}:where(:host) .sf-sm-10-center,:where(:host) [sm="10-center"]{display:flex;justify-content:center;max-width:83.3333333333%}:where(:host) .sf-sm-10-end,:where(:host) [sm="10-end"]{display:flex;justify-content:flex-end;max-width:83.3333333333%}:where(:host) .sf-offset-sm-11,:where(:host) [offset-sm="11"]{margin-left:91.6666666667%}:where(:host) .sf-sm-11,:where(:host) [sm="11"]{display:inline-flex;max-width:91.6666666667%}:where(:host) .sf-sm-11-center,:where(:host) [sm="11-center"]{display:flex;justify-content:center;max-width:91.6666666667%}:where(:host) .sf-sm-11-end,:where(:host) [sm="11-end"]{display:flex;justify-content:flex-end;max-width:91.6666666667%}:where(:host) .sf-offset-sm-12,:where(:host) [offset-sm="12"]{margin-left:100%}:where(:host) .sf-sm-12,:where(:host) [sm="12"]{display:inline-flex;max-width:100%}:where(:host) .sf-sm-12-center,:where(:host) [sm="12-center"]{display:flex;justify-content:center;max-width:100%}:where(:host) .sf-sm-12-end,:where(:host) [sm="12-end"]{display:flex;justify-content:flex-end;max-width:100%}:where(:host) .sf-row,:where(:host) sf-row{margin-left:calc(var(--sf-spacing-2x)/2*-1);margin-right:calc(var(--sf-spacing-2x)/2*-1)}:where(:host) .sf-row>*,:where(:host) sf-row>*{padding:0 calc(var(--sf-spacing-2x)/2);width:100%}}@media screen and (min-width:768px) and (max-width:1023.999px){:where(:host) .sf-md-0,:where(:host) [md="0"]{display:none}:where(:host) .sf-offset-md-0,:where(:host) [offset-md="0"]{margin-left:0}}@media screen and (min-width:768px){:where(:host) .sf-offset-md-1,:where(:host) [offset-md="1"]{margin-left:8.3333333333%}:where(:host) .sf-md-1,:where(:host) [md="1"]{display:inline-flex;max-width:8.3333333333%}:where(:host) .sf-md-1-center,:where(:host) [md="1-center"]{display:flex;justify-content:center;max-width:8.3333333333%}:where(:host) .sf-md-1-end,:where(:host) [md="1-end"]{display:flex;justify-content:flex-end;max-width:8.3333333333%}:where(:host) .sf-offset-md-2,:where(:host) [offset-md="2"]{margin-left:16.6666666667%}:where(:host) .sf-md-2,:where(:host) [md="2"]{display:inline-flex;max-width:16.6666666667%}:where(:host) .sf-md-2-center,:where(:host) [md="2-center"]{display:flex;justify-content:center;max-width:16.6666666667%}:where(:host) .sf-md-2-end,:where(:host) [md="2-end"]{display:flex;justify-content:flex-end;max-width:16.6666666667%}:where(:host) .sf-offset-md-3,:where(:host) [offset-md="3"]{margin-left:25%}:where(:host) .sf-md-3,:where(:host) [md="3"]{display:inline-flex;max-width:25%}:where(:host) .sf-md-3-center,:where(:host) [md="3-center"]{display:flex;justify-content:center;max-width:25%}:where(:host) .sf-md-3-end,:where(:host) [md="3-end"]{display:flex;justify-content:flex-end;max-width:25%}:where(:host) .sf-offset-md-4,:where(:host) [offset-md="4"]{margin-left:33.3333333333%}:where(:host) .sf-md-4,:where(:host) [md="4"]{display:inline-flex;max-width:33.3333333333%}:where(:host) .sf-md-4-center,:where(:host) [md="4-center"]{display:flex;justify-content:center;max-width:33.3333333333%}:where(:host) .sf-md-4-end,:where(:host) [md="4-end"]{display:flex;justify-content:flex-end;max-width:33.3333333333%}:where(:host) .sf-offset-md-5,:where(:host) [offset-md="5"]{margin-left:41.6666666667%}:where(:host) .sf-md-5,:where(:host) [md="5"]{display:inline-flex;max-width:41.6666666667%}:where(:host) .sf-md-5-center,:where(:host) [md="5-center"]{display:flex;justify-content:center;max-width:41.6666666667%}:where(:host) .sf-md-5-end,:where(:host) [md="5-end"]{display:flex;justify-content:flex-end;max-width:41.6666666667%}:where(:host) .sf-offset-md-6,:where(:host) [offset-md="6"]{margin-left:50%}:where(:host) .sf-md-6,:where(:host) [md="6"]{display:inline-flex;max-width:50%}:where(:host) .sf-md-6-center,:where(:host) [md="6-center"]{display:flex;justify-content:center;max-width:50%}:where(:host) .sf-md-6-end,:where(:host) [md="6-end"]{display:flex;justify-content:flex-end;max-width:50%}:where(:host) .sf-offset-md-7,:where(:host) [offset-md="7"]{margin-left:58.3333333333%}:where(:host) .sf-md-7,:where(:host) [md="7"]{display:inline-flex;max-width:58.3333333333%}:where(:host) .sf-md-7-center,:where(:host) [md="7-center"]{display:flex;justify-content:center;max-width:58.3333333333%}:where(:host) .sf-md-7-end,:where(:host) [md="7-end"]{display:flex;justify-content:flex-end;max-width:58.3333333333%}:where(:host) .sf-offset-md-8,:where(:host) [offset-md="8"]{margin-left:66.6666666667%}:where(:host) .sf-md-8,:where(:host) [md="8"]{display:inline-flex;max-width:66.6666666667%}:where(:host) .sf-md-8-center,:where(:host) [md="8-center"]{display:flex;justify-content:center;max-width:66.6666666667%}:where(:host) .sf-md-8-end,:where(:host) [md="8-end"]{display:flex;justify-content:flex-end;max-width:66.6666666667%}:where(:host) .sf-offset-md-9,:where(:host) [offset-md="9"]{margin-left:75%}:where(:host) .sf-md-9,:where(:host) [md="9"]{display:inline-flex;max-width:75%}:where(:host) .sf-md-9-center,:where(:host) [md="9-center"]{display:flex;justify-content:center;max-width:75%}:where(:host) .sf-md-9-end,:where(:host) [md="9-end"]{display:flex;justify-content:flex-end;max-width:75%}:where(:host) .sf-offset-md-10,:where(:host) [offset-md="10"]{margin-left:83.3333333333%}:where(:host) .sf-md-10,:where(:host) [md="10"]{display:inline-flex;max-width:83.3333333333%}:where(:host) .sf-md-10-center,:where(:host) [md="10-center"]{display:flex;justify-content:center;max-width:83.3333333333%}:where(:host) .sf-md-10-end,:where(:host) [md="10-end"]{display:flex;justify-content:flex-end;max-width:83.3333333333%}:where(:host) .sf-offset-md-11,:where(:host) [offset-md="11"]{margin-left:91.6666666667%}:where(:host) .sf-md-11,:where(:host) [md="11"]{display:inline-flex;max-width:91.6666666667%}:where(:host) .sf-md-11-center,:where(:host) [md="11-center"]{display:flex;justify-content:center;max-width:91.6666666667%}:where(:host) .sf-md-11-end,:where(:host) [md="11-end"]{display:flex;justify-content:flex-end;max-width:91.6666666667%}:where(:host) .sf-offset-md-12,:where(:host) [offset-md="12"]{margin-left:100%}:where(:host) .sf-md-12,:where(:host) [md="12"]{display:inline-flex;max-width:100%}:where(:host) .sf-md-12-center,:where(:host) [md="12-center"]{display:flex;justify-content:center;max-width:100%}:where(:host) .sf-md-12-end,:where(:host) [md="12-end"]{display:flex;justify-content:flex-end;max-width:100%}:where(:host) .sf-row,:where(:host) sf-row{margin-left:calc(var(--sf-spacing-3x)/2*-1);margin-right:calc(var(--sf-spacing-3x)/2*-1)}:where(:host) .sf-row>*,:where(:host) sf-row>*{padding:0 calc(var(--sf-spacing-3x)/2);width:100%}}@media screen and (min-width:1024px) and (max-width:1279.999px){:where(:host) .sf-lg-0,:where(:host) [lg="0"]{display:none}:where(:host) .sf-offset-lg-0,:where(:host) [offset-lg="0"]{margin-left:0}}@media screen and (min-width:1024px){:where(:host) .sf-offset-lg-1,:where(:host) [offset-lg="1"]{margin-left:8.3333333333%}:where(:host) .sf-lg-1,:where(:host) [lg="1"]{display:inline-flex;max-width:8.3333333333%}:where(:host) .sf-lg-1-center,:where(:host) [lg="1-center"]{display:flex;justify-content:center;max-width:8.3333333333%}:where(:host) .sf-lg-1-end,:where(:host) [lg="1-end"]{display:flex;justify-content:flex-end;max-width:8.3333333333%}:where(:host) .sf-offset-lg-2,:where(:host) [offset-lg="2"]{margin-left:16.6666666667%}:where(:host) .sf-lg-2,:where(:host) [lg="2"]{display:inline-flex;max-width:16.6666666667%}:where(:host) .sf-lg-2-center,:where(:host) [lg="2-center"]{display:flex;justify-content:center;max-width:16.6666666667%}:where(:host) .sf-lg-2-end,:where(:host) [lg="2-end"]{display:flex;justify-content:flex-end;max-width:16.6666666667%}:where(:host) .sf-offset-lg-3,:where(:host) [offset-lg="3"]{margin-left:25%}:where(:host) .sf-lg-3,:where(:host) [lg="3"]{display:inline-flex;max-width:25%}:where(:host) .sf-lg-3-center,:where(:host) [lg="3-center"]{display:flex;justify-content:center;max-width:25%}:where(:host) .sf-lg-3-end,:where(:host) [lg="3-end"]{display:flex;justify-content:flex-end;max-width:25%}:where(:host) .sf-offset-lg-4,:where(:host) [offset-lg="4"]{margin-left:33.3333333333%}:where(:host) .sf-lg-4,:where(:host) [lg="4"]{display:inline-flex;max-width:33.3333333333%}:where(:host) .sf-lg-4-center,:where(:host) [lg="4-center"]{display:flex;justify-content:center;max-width:33.3333333333%}:where(:host) .sf-lg-4-end,:where(:host) [lg="4-end"]{display:flex;justify-content:flex-end;max-width:33.3333333333%}:where(:host) .sf-offset-lg-5,:where(:host) [offset-lg="5"]{margin-left:41.6666666667%}:where(:host) .sf-lg-5,:where(:host) [lg="5"]{display:inline-flex;max-width:41.6666666667%}:where(:host) .sf-lg-5-center,:where(:host) [lg="5-center"]{display:flex;justify-content:center;max-width:41.6666666667%}:where(:host) .sf-lg-5-end,:where(:host) [lg="5-end"]{display:flex;justify-content:flex-end;max-width:41.6666666667%}:where(:host) .sf-offset-lg-6,:where(:host) [offset-lg="6"]{margin-left:50%}:where(:host) .sf-lg-6,:where(:host) [lg="6"]{display:inline-flex;max-width:50%}:where(:host) .sf-lg-6-center,:where(:host) [lg="6-center"]{display:flex;justify-content:center;max-width:50%}:where(:host) .sf-lg-6-end,:where(:host) [lg="6-end"]{display:flex;justify-content:flex-end;max-width:50%}:where(:host) .sf-offset-lg-7,:where(:host) [offset-lg="7"]{margin-left:58.3333333333%}:where(:host) .sf-lg-7,:where(:host) [lg="7"]{display:inline-flex;max-width:58.3333333333%}:where(:host) .sf-lg-7-center,:where(:host) [lg="7-center"]{display:flex;justify-content:center;max-width:58.3333333333%}:where(:host) .sf-lg-7-end,:where(:host) [lg="7-end"]{display:flex;justify-content:flex-end;max-width:58.3333333333%}:where(:host) .sf-offset-lg-8,:where(:host) [offset-lg="8"]{margin-left:66.6666666667%}:where(:host) .sf-lg-8,:where(:host) [lg="8"]{display:inline-flex;max-width:66.6666666667%}:where(:host) .sf-lg-8-center,:where(:host) [lg="8-center"]{display:flex;justify-content:center;max-width:66.6666666667%}:where(:host) .sf-lg-8-end,:where(:host) [lg="8-end"]{display:flex;justify-content:flex-end;max-width:66.6666666667%}:where(:host) .sf-offset-lg-9,:where(:host) [offset-lg="9"]{margin-left:75%}:where(:host) .sf-lg-9,:where(:host) [lg="9"]{display:inline-flex;max-width:75%}:where(:host) .sf-lg-9-center,:where(:host) [lg="9-center"]{display:flex;justify-content:center;max-width:75%}:where(:host) .sf-lg-9-end,:where(:host) [lg="9-end"]{display:flex;justify-content:flex-end;max-width:75%}:where(:host) .sf-offset-lg-10,:where(:host) [offset-lg="10"]{margin-left:83.3333333333%}:where(:host) .sf-lg-10,:where(:host) [lg="10"]{display:inline-flex;max-width:83.3333333333%}:where(:host) .sf-lg-10-center,:where(:host) [lg="10-center"]{display:flex;justify-content:center;max-width:83.3333333333%}:where(:host) .sf-lg-10-end,:where(:host) [lg="10-end"]{display:flex;justify-content:flex-end;max-width:83.3333333333%}:where(:host) .sf-offset-lg-11,:where(:host) [offset-lg="11"]{margin-left:91.6666666667%}:where(:host) .sf-lg-11,:where(:host) [lg="11"]{display:inline-flex;max-width:91.6666666667%}:where(:host) .sf-lg-11-center,:where(:host) [lg="11-center"]{display:flex;justify-content:center;max-width:91.6666666667%}:where(:host) .sf-lg-11-end,:where(:host) [lg="11-end"]{display:flex;justify-content:flex-end;max-width:91.6666666667%}:where(:host) .sf-offset-lg-12,:where(:host) [offset-lg="12"]{margin-left:100%}:where(:host) .sf-lg-12,:where(:host) [lg="12"]{display:inline-flex;max-width:100%}:where(:host) .sf-lg-12-center,:where(:host) [lg="12-center"]{display:flex;justify-content:center;max-width:100%}:where(:host) .sf-lg-12-end,:where(:host) [lg="12-end"]{display:flex;justify-content:flex-end;max-width:100%}:where(:host) .sf-row,:where(:host) sf-row{margin-left:calc(var(--sf-spacing-3x)/2*-1);margin-right:calc(var(--sf-spacing-3x)/2*-1)}:where(:host) .sf-row>*,:where(:host) sf-row>*{padding:0 calc(var(--sf-spacing-3x)/2);width:100%}}@media screen and (min-width:1280px) and (max-width:1439.999px){:where(:host) .sf-xl-0,:where(:host) [xl="0"]{display:none}:where(:host) .sf-offset-xl-0,:where(:host) [offset-xl="0"]{margin-left:0}}@media screen and (min-width:1280px){:where(:host) .sf-offset-xl-1,:where(:host) [offset-xl="1"]{margin-left:8.3333333333%}:where(:host) .sf-xl-1,:where(:host) [xl="1"]{display:inline-flex;max-width:8.3333333333%}:where(:host) .sf-xl-1-center,:where(:host) [xl="1-center"]{display:flex;justify-content:center;max-width:8.3333333333%}:where(:host) .sf-xl-1-end,:where(:host) [xl="1-end"]{display:flex;justify-content:flex-end;max-width:8.3333333333%}:where(:host) .sf-offset-xl-2,:where(:host) [offset-xl="2"]{margin-left:16.6666666667%}:where(:host) .sf-xl-2,:where(:host) [xl="2"]{display:inline-flex;max-width:16.6666666667%}:where(:host) .sf-xl-2-center,:where(:host) [xl="2-center"]{display:flex;justify-content:center;max-width:16.6666666667%}:where(:host) .sf-xl-2-end,:where(:host) [xl="2-end"]{display:flex;justify-content:flex-end;max-width:16.6666666667%}:where(:host) .sf-offset-xl-3,:where(:host) [offset-xl="3"]{margin-left:25%}:where(:host) .sf-xl-3,:where(:host) [xl="3"]{display:inline-flex;max-width:25%}:where(:host) .sf-xl-3-center,:where(:host) [xl="3-center"]{display:flex;justify-content:center;max-width:25%}:where(:host) .sf-xl-3-end,:where(:host) [xl="3-end"]{display:flex;justify-content:flex-end;max-width:25%}:where(:host) .sf-offset-xl-4,:where(:host) [offset-xl="4"]{margin-left:33.3333333333%}:where(:host) .sf-xl-4,:where(:host) [xl="4"]{display:inline-flex;max-width:33.3333333333%}:where(:host) .sf-xl-4-center,:where(:host) [xl="4-center"]{display:flex;justify-content:center;max-width:33.3333333333%}:where(:host) .sf-xl-4-end,:where(:host) [xl="4-end"]{display:flex;justify-content:flex-end;max-width:33.3333333333%}:where(:host) .sf-offset-xl-5,:where(:host) [offset-xl="5"]{margin-left:41.6666666667%}:where(:host) .sf-xl-5,:where(:host) [xl="5"]{display:inline-flex;max-width:41.6666666667%}:where(:host) .sf-xl-5-center,:where(:host) [xl="5-center"]{display:flex;justify-content:center;max-width:41.6666666667%}:where(:host) .sf-xl-5-end,:where(:host) [xl="5-end"]{display:flex;justify-content:flex-end;max-width:41.6666666667%}:where(:host) .sf-offset-xl-6,:where(:host) [offset-xl="6"]{margin-left:50%}:where(:host) .sf-xl-6,:where(:host) [xl="6"]{display:inline-flex;max-width:50%}:where(:host) .sf-xl-6-center,:where(:host) [xl="6-center"]{display:flex;justify-content:center;max-width:50%}:where(:host) .sf-xl-6-end,:where(:host) [xl="6-end"]{display:flex;justify-content:flex-end;max-width:50%}:where(:host) .sf-offset-xl-7,:where(:host) [offset-xl="7"]{margin-left:58.3333333333%}:where(:host) .sf-xl-7,:where(:host) [xl="7"]{display:inline-flex;max-width:58.3333333333%}:where(:host) .sf-xl-7-center,:where(:host) [xl="7-center"]{display:flex;justify-content:center;max-width:58.3333333333%}:where(:host) .sf-xl-7-end,:where(:host) [xl="7-end"]{display:flex;justify-content:flex-end;max-width:58.3333333333%}:where(:host) .sf-offset-xl-8,:where(:host) [offset-xl="8"]{margin-left:66.6666666667%}:where(:host) .sf-xl-8,:where(:host) [xl="8"]{display:inline-flex;max-width:66.6666666667%}:where(:host) .sf-xl-8-center,:where(:host) [xl="8-center"]{display:flex;justify-content:center;max-width:66.6666666667%}:where(:host) .sf-xl-8-end,:where(:host) [xl="8-end"]{display:flex;justify-content:flex-end;max-width:66.6666666667%}:where(:host) .sf-offset-xl-9,:where(:host) [offset-xl="9"]{margin-left:75%}:where(:host) .sf-xl-9,:where(:host) [xl="9"]{display:inline-flex;max-width:75%}:where(:host) .sf-xl-9-center,:where(:host) [xl="9-center"]{display:flex;justify-content:center;max-width:75%}:where(:host) .sf-xl-9-end,:where(:host) [xl="9-end"]{display:flex;justify-content:flex-end;max-width:75%}:where(:host) .sf-offset-xl-10,:where(:host) [offset-xl="10"]{margin-left:83.3333333333%}:where(:host) .sf-xl-10,:where(:host) [xl="10"]{display:inline-flex;max-width:83.3333333333%}:where(:host) .sf-xl-10-center,:where(:host) [xl="10-center"]{display:flex;justify-content:center;max-width:83.3333333333%}:where(:host) .sf-xl-10-end,:where(:host) [xl="10-end"]{display:flex;justify-content:flex-end;max-width:83.3333333333%}:where(:host) .sf-offset-xl-11,:where(:host) [offset-xl="11"]{margin-left:91.6666666667%}:where(:host) .sf-xl-11,:where(:host) [xl="11"]{display:inline-flex;max-width:91.6666666667%}:where(:host) .sf-xl-11-center,:where(:host) [xl="11-center"]{display:flex;justify-content:center;max-width:91.6666666667%}:where(:host) .sf-xl-11-end,:where(:host) [xl="11-end"]{display:flex;justify-content:flex-end;max-width:91.6666666667%}:where(:host) .sf-offset-xl-12,:where(:host) [offset-xl="12"]{margin-left:100%}:where(:host) .sf-xl-12,:where(:host) [xl="12"]{display:inline-flex;max-width:100%}:where(:host) .sf-xl-12-center,:where(:host) [xl="12-center"]{display:flex;justify-content:center;max-width:100%}:where(:host) .sf-xl-12-end,:where(:host) [xl="12-end"]{display:flex;justify-content:flex-end;max-width:100%}:where(:host) .sf-row,:where(:host) sf-row{margin-left:calc(var(--sf-spacing-4x)/2*-1);margin-right:calc(var(--sf-spacing-4x)/2*-1)}:where(:host) .sf-row>*,:where(:host) sf-row>*{padding:0 calc(var(--sf-spacing-4x)/2);width:100%}}@media screen and (min-width:1440px){:where(:host) .sf-xxl-0,:where(:host) [xxl="0"]{display:none}:where(:host) .sf-offset-xxl-0,:where(:host) [offset-xxl="0"]{margin-left:0}:where(:host) .sf-offset-xxl-1,:where(:host) [offset-xxl="1"]{margin-left:8.3333333333%}:where(:host) .sf-xxl-1,:where(:host) [xxl="1"]{display:inline-flex;max-width:8.3333333333%}:where(:host) .sf-xxl-1-center,:where(:host) [xxl="1-center"]{display:flex;justify-content:center;max-width:8.3333333333%}:where(:host) .sf-xxl-1-end,:where(:host) [xxl="1-end"]{display:flex;justify-content:flex-end;max-width:8.3333333333%}:where(:host) .sf-offset-xxl-2,:where(:host) [offset-xxl="2"]{margin-left:16.6666666667%}:where(:host) .sf-xxl-2,:where(:host) [xxl="2"]{display:inline-flex;max-width:16.6666666667%}:where(:host) .sf-xxl-2-center,:where(:host) [xxl="2-center"]{display:flex;justify-content:center;max-width:16.6666666667%}:where(:host) .sf-xxl-2-end,:where(:host) [xxl="2-end"]{display:flex;justify-content:flex-end;max-width:16.6666666667%}:where(:host) .sf-offset-xxl-3,:where(:host) [offset-xxl="3"]{margin-left:25%}:where(:host) .sf-xxl-3,:where(:host) [xxl="3"]{display:inline-flex;max-width:25%}:where(:host) .sf-xxl-3-center,:where(:host) [xxl="3-center"]{display:flex;justify-content:center;max-width:25%}:where(:host) .sf-xxl-3-end,:where(:host) [xxl="3-end"]{display:flex;justify-content:flex-end;max-width:25%}:where(:host) .sf-offset-xxl-4,:where(:host) [offset-xxl="4"]{margin-left:33.3333333333%}:where(:host) .sf-xxl-4,:where(:host) [xxl="4"]{display:inline-flex;max-width:33.3333333333%}:where(:host) .sf-xxl-4-center,:where(:host) [xxl="4-center"]{display:flex;justify-content:center;max-width:33.3333333333%}:where(:host) .sf-xxl-4-end,:where(:host) [xxl="4-end"]{display:flex;justify-content:flex-end;max-width:33.3333333333%}:where(:host) .sf-offset-xxl-5,:where(:host) [offset-xxl="5"]{margin-left:41.6666666667%}:where(:host) .sf-xxl-5,:where(:host) [xxl="5"]{display:inline-flex;max-width:41.6666666667%}:where(:host) .sf-xxl-5-center,:where(:host) [xxl="5-center"]{display:flex;justify-content:center;max-width:41.6666666667%}:where(:host) .sf-xxl-5-end,:where(:host) [xxl="5-end"]{display:flex;justify-content:flex-end;max-width:41.6666666667%}:where(:host) .sf-offset-xxl-6,:where(:host) [offset-xxl="6"]{margin-left:50%}:where(:host) .sf-xxl-6,:where(:host) [xxl="6"]{display:inline-flex;max-width:50%}:where(:host) .sf-xxl-6-center,:where(:host) [xxl="6-center"]{display:flex;justify-content:center;max-width:50%}:where(:host) .sf-xxl-6-end,:where(:host) [xxl="6-end"]{display:flex;justify-content:flex-end;max-width:50%}:where(:host) .sf-offset-xxl-7,:where(:host) [offset-xxl="7"]{margin-left:58.3333333333%}:where(:host) .sf-xxl-7,:where(:host) [xxl="7"]{display:inline-flex;max-width:58.3333333333%}:where(:host) .sf-xxl-7-center,:where(:host) [xxl="7-center"]{display:flex;justify-content:center;max-width:58.3333333333%}:where(:host) .sf-xxl-7-end,:where(:host) [xxl="7-end"]{display:flex;justify-content:flex-end;max-width:58.3333333333%}:where(:host) .sf-offset-xxl-8,:where(:host) [offset-xxl="8"]{margin-left:66.6666666667%}:where(:host) .sf-xxl-8,:where(:host) [xxl="8"]{display:inline-flex;max-width:66.6666666667%}:where(:host) .sf-xxl-8-center,:where(:host) [xxl="8-center"]{display:flex;justify-content:center;max-width:66.6666666667%}:where(:host) .sf-xxl-8-end,:where(:host) [xxl="8-end"]{display:flex;justify-content:flex-end;max-width:66.6666666667%}:where(:host) .sf-offset-xxl-9,:where(:host) [offset-xxl="9"]{margin-left:75%}:where(:host) .sf-xxl-9,:where(:host) [xxl="9"]{display:inline-flex;max-width:75%}:where(:host) .sf-xxl-9-center,:where(:host) [xxl="9-center"]{display:flex;justify-content:center;max-width:75%}:where(:host) .sf-xxl-9-end,:where(:host) [xxl="9-end"]{display:flex;justify-content:flex-end;max-width:75%}:where(:host) .sf-offset-xxl-10,:where(:host) [offset-xxl="10"]{margin-left:83.3333333333%}:where(:host) .sf-xxl-10,:where(:host) [xxl="10"]{display:inline-flex;max-width:83.3333333333%}:where(:host) .sf-xxl-10-center,:where(:host) [xxl="10-center"]{display:flex;justify-content:center;max-width:83.3333333333%}:where(:host) .sf-xxl-10-end,:where(:host) [xxl="10-end"]{display:flex;justify-content:flex-end;max-width:83.3333333333%}:where(:host) .sf-offset-xxl-11,:where(:host) [offset-xxl="11"]{margin-left:91.6666666667%}:where(:host) .sf-xxl-11,:where(:host) [xxl="11"]{display:inline-flex;max-width:91.6666666667%}:where(:host) .sf-xxl-11-center,:where(:host) [xxl="11-center"]{display:flex;justify-content:center;max-width:91.6666666667%}:where(:host) .sf-xxl-11-end,:where(:host) [xxl="11-end"]{display:flex;justify-content:flex-end;max-width:91.6666666667%}:where(:host) .sf-offset-xxl-12,:where(:host) [offset-xxl="12"]{margin-left:100%}:where(:host) .sf-xxl-12,:where(:host) [xxl="12"]{display:inline-flex;max-width:100%}:where(:host) .sf-xxl-12-center,:where(:host) [xxl="12-center"]{display:flex;justify-content:center;max-width:100%}:where(:host) .sf-xxl-12-end,:where(:host) [xxl="12-end"]{display:flex;justify-content:flex-end;max-width:100%}:where(:host) .sf-row,:where(:host) sf-row{margin-left:calc(var(--sf-spacing-4x)/2*-1);margin-right:calc(var(--sf-spacing-4x)/2*-1)}:where(:host) .sf-row>*,:where(:host) sf-row>*{padding:0 calc(var(--sf-spacing-4x)/2);width:100%}}:where(:host) .sf-grid-p-0x .sf-col,:where(:host) .sf-grid-p-0x .sf-row,:where(:host) .sf-grid-p-0x sf-col,:where(:host) .sf-grid-p-0x sf-row{padding:0}:where(:host) .sf-grid-g-0x .sf-row:not(:first-child):not(:last-child),:where(:host) .sf-grid-g-0x sf-row:not(:first-child):not(:last-child){padding-left:0;padding-right:0}:where(:host) .sf-grid-g-0x .sf-row:first-child,:where(:host) .sf-grid-g-0x sf-row:first-child{padding-right:0}:where(:host) .sf-grid-g-0x .sf-row:last-child,:where(:host) .sf-grid-g-0x sf-row:last-child{padding-left:0}:where(:host) .sf-grid-g-0x .sf-col:not(:first-child):not(:last-child),:where(:host) .sf-grid-g-0x sf-col:not(:first-child):not(:last-child){padding-left:0;padding-right:0}:where(:host) .sf-grid-g-0x .sf-col:first-child,:where(:host) .sf-grid-g-0x sf-col:first-child{padding-right:0}:where(:host) .sf-grid-g-0x .sf-col:last-child,:where(:host) .sf-grid-g-0x sf-col:last-child{padding-left:0}:where(:host) .sf-p-0x{padding:0}:where(:host) .sf-pr-0x{padding-right:0}:where(:host) .sf-pl-0x{padding-left:0}:where(:host) .sf-pb-0x{padding-bottom:0}:where(:host) .sf-pt-0x{padding-top:0}:where(:host) .sf-px-0x{padding-left:0;padding-right:0}:where(:host) .sf-py-0x{padding-bottom:0;padding-top:0}:where(:host) .sf-m-0x{margin:0}:where(:host) .sf-mr-0x{margin-right:0}:where(:host) .sf-ml-0x{margin-left:0}:where(:host) .sf-mb-0x{margin-bottom:0}:where(:host) .sf-mt-0x{margin-top:0}:where(:host) .sf-mx-0x{margin-left:0;margin-right:0}:where(:host) .sf-my-0x{margin-bottom:0;margin-top:0}:where(:host) .sf-g-0x{gap:0}:where(:host) .sf-p-0-25x{padding:var(--sf-spacing-0-25x)}:where(:host) .sf-pr-0-25x{padding-right:var(--sf-spacing-0-25x)}:where(:host) .sf-pl-0-25x{padding-left:var(--sf-spacing-0-25x)}:where(:host) .sf-pb-0-25x{padding-bottom:var(--sf-spacing-0-25x)}:where(:host) .sf-pt-0-25x{padding-top:var(--sf-spacing-0-25x)}:where(:host) .sf-px-0-25x{padding-left:var(--sf-spacing-0-25x);padding-right:var(--sf-spacing-0-25x)}:where(:host) .sf-py-0-25x{padding-bottom:var(--sf-spacing-0-25x);padding-top:var(--sf-spacing-0-25x)}:where(:host) .sf-m-0-25x{margin:var(--sf-spacing-0-25x)}:where(:host) .sf-mr-0-25x{margin-right:var(--sf-spacing-0-25x)}:where(:host) .sf-ml-0-25x{margin-left:var(--sf-spacing-0-25x)}:where(:host) .sf-mb-0-25x{margin-bottom:var(--sf-spacing-0-25x)}:where(:host) .sf-mt-0-25x{margin-top:var(--sf-spacing-0-25x)}:where(:host) .sf-mx-0-25x{margin-left:var(--sf-spacing-0-25x);margin-right:var(--sf-spacing-0-25x)}:where(:host) .sf-my-0-25x{margin-bottom:var(--sf-spacing-0-25x);margin-top:var(--sf-spacing-0-25x)}:where(:host) .sf-g-0-25x{gap:var(--sf-spacing-0-25x)}:where(:host) .sf-p-0-5x{padding:var(--sf-spacing-0-5x)}:where(:host) .sf-pr-0-5x{padding-right:var(--sf-spacing-0-5x)}:where(:host) .sf-pl-0-5x{padding-left:var(--sf-spacing-0-5x)}:where(:host) .sf-pb-0-5x{padding-bottom:var(--sf-spacing-0-5x)}:where(:host) .sf-pt-0-5x{padding-top:var(--sf-spacing-0-5x)}:where(:host) .sf-px-0-5x{padding-left:var(--sf-spacing-0-5x);padding-right:var(--sf-spacing-0-5x)}:where(:host) .sf-py-0-5x{padding-bottom:var(--sf-spacing-0-5x);padding-top:var(--sf-spacing-0-5x)}:where(:host) .sf-m-0-5x{margin:var(--sf-spacing-0-5x)}:where(:host) .sf-mr-0-5x{margin-right:var(--sf-spacing-0-5x)}:where(:host) .sf-ml-0-5x{margin-left:var(--sf-spacing-0-5x)}:where(:host) .sf-mb-0-5x{margin-bottom:var(--sf-spacing-0-5x)}:where(:host) .sf-mt-0-5x{margin-top:var(--sf-spacing-0-5x)}:where(:host) .sf-mx-0-5x{margin-left:var(--sf-spacing-0-5x);margin-right:var(--sf-spacing-0-5x)}:where(:host) .sf-my-0-5x{margin-bottom:var(--sf-spacing-0-5x);margin-top:var(--sf-spacing-0-5x)}:where(:host) .sf-g-0-5x{gap:var(--sf-spacing-0-5x)}:where(:host) .sf-p-1-5x{padding:var(--sf-spacing-1-5x)}:where(:host) .sf-pr-1-5x{padding-right:var(--sf-spacing-1-5x)}:where(:host) .sf-pl-1-5x{padding-left:var(--sf-spacing-1-5x)}:where(:host) .sf-pb-1-5x{padding-bottom:var(--sf-spacing-1-5x)}:where(:host) .sf-pt-1-5x{padding-top:var(--sf-spacing-1-5x)}:where(:host) .sf-px-1-5x{padding-left:var(--sf-spacing-1-5x);padding-right:var(--sf-spacing-1-5x)}:where(:host) .sf-py-1-5x{padding-bottom:var(--sf-spacing-1-5x);padding-top:var(--sf-spacing-1-5x)}:where(:host) .sf-m-1-5x{margin:var(--sf-spacing-1-5x)}:where(:host) .sf-mr-1-5x{margin-right:var(--sf-spacing-1-5x)}:where(:host) .sf-ml-1-5x{margin-left:var(--sf-spacing-1-5x)}:where(:host) .sf-mb-1-5x{margin-bottom:var(--sf-spacing-1-5x)}:where(:host) .sf-mt-1-5x{margin-top:var(--sf-spacing-1-5x)}:where(:host) .sf-mx-1-5x{margin-left:var(--sf-spacing-1-5x);margin-right:var(--sf-spacing-1-5x)}:where(:host) .sf-my-1-5x{margin-bottom:var(--sf-spacing-1-5x);margin-top:var(--sf-spacing-1-5x)}:where(:host) .sf-g-1-5x{gap:var(--sf-spacing-1-5x)}:where(:host) .sf-p-1x{padding:var(--sf-spacing-1x)}:where(:host) .sf-pr-1x{padding-right:var(--sf-spacing-1x)}:where(:host) .sf-pl-1x{padding-left:var(--sf-spacing-1x)}:where(:host) .sf-pb-1x{padding-bottom:var(--sf-spacing-1x)}:where(:host) .sf-pt-1x{padding-top:var(--sf-spacing-1x)}:where(:host) .sf-px-1x{padding-left:var(--sf-spacing-1x);padding-right:var(--sf-spacing-1x)}:where(:host) .sf-py-1x{padding-bottom:var(--sf-spacing-1x);padding-top:var(--sf-spacing-1x)}:where(:host) .sf-m-1x{margin:var(--sf-spacing-1x)}:where(:host) .sf-mr-1x{margin-right:var(--sf-spacing-1x)}:where(:host) .sf-ml-1x{margin-left:var(--sf-spacing-1x)}:where(:host) .sf-mb-1x{margin-bottom:var(--sf-spacing-1x)}:where(:host) .sf-mt-1x{margin-top:var(--sf-spacing-1x)}:where(:host) .sf-mx-1x{margin-left:var(--sf-spacing-1x);margin-right:var(--sf-spacing-1x)}:where(:host) .sf-my-1x{margin-bottom:var(--sf-spacing-1x);margin-top:var(--sf-spacing-1x)}:where(:host) .sf-g-1x{gap:var(--sf-spacing-1x)}:where(:host) .sf-p-2x{padding:var(--sf-spacing-2x)}:where(:host) .sf-pr-2x{padding-right:var(--sf-spacing-2x)}:where(:host) .sf-pl-2x{padding-left:var(--sf-spacing-2x)}:where(:host) .sf-pb-2x{padding-bottom:var(--sf-spacing-2x)}:where(:host) .sf-pt-2x{padding-top:var(--sf-spacing-2x)}:where(:host) .sf-px-2x{padding-left:var(--sf-spacing-2x);padding-right:var(--sf-spacing-2x)}:where(:host) .sf-py-2x{padding-bottom:var(--sf-spacing-2x);padding-top:var(--sf-spacing-2x)}:where(:host) .sf-m-2x{margin:var(--sf-spacing-2x)}:where(:host) .sf-mr-2x{margin-right:var(--sf-spacing-2x)}:where(:host) .sf-ml-2x{margin-left:var(--sf-spacing-2x)}:where(:host) .sf-mb-2x{margin-bottom:var(--sf-spacing-2x)}:where(:host) .sf-mt-2x{margin-top:var(--sf-spacing-2x)}:where(:host) .sf-mx-2x{margin-left:var(--sf-spacing-2x);margin-right:var(--sf-spacing-2x)}:where(:host) .sf-my-2x{margin-bottom:var(--sf-spacing-2x);margin-top:var(--sf-spacing-2x)}:where(:host) .sf-g-2x{gap:var(--sf-spacing-2x)}:where(:host) .sf-p-3x{padding:var(--sf-spacing-3x)}:where(:host) .sf-pr-3x{padding-right:var(--sf-spacing-3x)}:where(:host) .sf-pl-3x{padding-left:var(--sf-spacing-3x)}:where(:host) .sf-pb-3x{padding-bottom:var(--sf-spacing-3x)}:where(:host) .sf-pt-3x{padding-top:var(--sf-spacing-3x)}:where(:host) .sf-px-3x{padding-left:var(--sf-spacing-3x);padding-right:var(--sf-spacing-3x)}:where(:host) .sf-py-3x{padding-bottom:var(--sf-spacing-3x);padding-top:var(--sf-spacing-3x)}:where(:host) .sf-m-3x{margin:var(--sf-spacing-3x)}:where(:host) .sf-mr-3x{margin-right:var(--sf-spacing-3x)}:where(:host) .sf-ml-3x{margin-left:var(--sf-spacing-3x)}:where(:host) .sf-mb-3x{margin-bottom:var(--sf-spacing-3x)}:where(:host) .sf-mt-3x{margin-top:var(--sf-spacing-3x)}:where(:host) .sf-mx-3x{margin-left:var(--sf-spacing-3x);margin-right:var(--sf-spacing-3x)}:where(:host) .sf-my-3x{margin-bottom:var(--sf-spacing-3x);margin-top:var(--sf-spacing-3x)}:where(:host) .sf-g-3x{gap:var(--sf-spacing-3x)}:where(:host) .sf-p-4x{padding:var(--sf-spacing-4x)}:where(:host) .sf-pr-4x{padding-right:var(--sf-spacing-4x)}:where(:host) .sf-pl-4x{padding-left:var(--sf-spacing-4x)}:where(:host) .sf-pb-4x{padding-bottom:var(--sf-spacing-4x)}:where(:host) .sf-pt-4x{padding-top:var(--sf-spacing-4x)}:where(:host) .sf-px-4x{padding-left:var(--sf-spacing-4x);padding-right:var(--sf-spacing-4x)}:where(:host) .sf-py-4x{padding-bottom:var(--sf-spacing-4x);padding-top:var(--sf-spacing-4x)}:where(:host) .sf-m-4x{margin:var(--sf-spacing-4x)}:where(:host) .sf-mr-4x{margin-right:var(--sf-spacing-4x)}:where(:host) .sf-ml-4x{margin-left:var(--sf-spacing-4x)}:where(:host) .sf-mb-4x{margin-bottom:var(--sf-spacing-4x)}:where(:host) .sf-mt-4x{margin-top:var(--sf-spacing-4x)}:where(:host) .sf-mx-4x{margin-left:var(--sf-spacing-4x);margin-right:var(--sf-spacing-4x)}:where(:host) .sf-my-4x{margin-bottom:var(--sf-spacing-4x);margin-top:var(--sf-spacing-4x)}:where(:host) .sf-g-4x{gap:var(--sf-spacing-4x)}:where(:host) .sf-p-5x{padding:var(--sf-spacing-5x)}:where(:host) .sf-pr-5x{padding-right:var(--sf-spacing-5x)}:where(:host) .sf-pl-5x{padding-left:var(--sf-spacing-5x)}:where(:host) .sf-pb-5x{padding-bottom:var(--sf-spacing-5x)}:where(:host) .sf-pt-5x{padding-top:var(--sf-spacing-5x)}:where(:host) .sf-px-5x{padding-left:var(--sf-spacing-5x);padding-right:var(--sf-spacing-5x)}:where(:host) .sf-py-5x{padding-bottom:var(--sf-spacing-5x);padding-top:var(--sf-spacing-5x)}:where(:host) .sf-m-5x{margin:var(--sf-spacing-5x)}:where(:host) .sf-mr-5x{margin-right:var(--sf-spacing-5x)}:where(:host) .sf-ml-5x{margin-left:var(--sf-spacing-5x)}:where(:host) .sf-mb-5x{margin-bottom:var(--sf-spacing-5x)}:where(:host) .sf-mt-5x{margin-top:var(--sf-spacing-5x)}:where(:host) .sf-mx-5x{margin-left:var(--sf-spacing-5x);margin-right:var(--sf-spacing-5x)}:where(:host) .sf-my-5x{margin-bottom:var(--sf-spacing-5x);margin-top:var(--sf-spacing-5x)}:where(:host) .sf-g-5x{gap:var(--sf-spacing-5x)}:where(:host) .sf-p-6x{padding:var(--sf-spacing-6x)}:where(:host) .sf-pr-6x{padding-right:var(--sf-spacing-6x)}:where(:host) .sf-pl-6x{padding-left:var(--sf-spacing-6x)}:where(:host) .sf-pb-6x{padding-bottom:var(--sf-spacing-6x)}:where(:host) .sf-pt-6x{padding-top:var(--sf-spacing-6x)}:where(:host) .sf-px-6x{padding-left:var(--sf-spacing-6x);padding-right:var(--sf-spacing-6x)}:where(:host) .sf-py-6x{padding-bottom:var(--sf-spacing-6x);padding-top:var(--sf-spacing-6x)}:where(:host) .sf-m-6x{margin:var(--sf-spacing-6x)}:where(:host) .sf-mr-6x{margin-right:var(--sf-spacing-6x)}:where(:host) .sf-ml-6x{margin-left:var(--sf-spacing-6x)}:where(:host) .sf-mb-6x{margin-bottom:var(--sf-spacing-6x)}:where(:host) .sf-mt-6x{margin-top:var(--sf-spacing-6x)}:where(:host) .sf-mx-6x{margin-left:var(--sf-spacing-6x);margin-right:var(--sf-spacing-6x)}:where(:host) .sf-my-6x{margin-bottom:var(--sf-spacing-6x);margin-top:var(--sf-spacing-6x)}:where(:host) .sf-g-6x{gap:var(--sf-spacing-6x)}:where(:host) .sf-p-7x{padding:var(--sf-spacing-7x)}:where(:host) .sf-pr-7x{padding-right:var(--sf-spacing-7x)}:where(:host) .sf-pl-7x{padding-left:var(--sf-spacing-7x)}:where(:host) .sf-pb-7x{padding-bottom:var(--sf-spacing-7x)}:where(:host) .sf-pt-7x{padding-top:var(--sf-spacing-7x)}:where(:host) .sf-px-7x{padding-left:var(--sf-spacing-7x);padding-right:var(--sf-spacing-7x)}:where(:host) .sf-py-7x{padding-bottom:var(--sf-spacing-7x);padding-top:var(--sf-spacing-7x)}:where(:host) .sf-m-7x{margin:var(--sf-spacing-7x)}:where(:host) .sf-mr-7x{margin-right:var(--sf-spacing-7x)}:where(:host) .sf-ml-7x{margin-left:var(--sf-spacing-7x)}:where(:host) .sf-mb-7x{margin-bottom:var(--sf-spacing-7x)}:where(:host) .sf-mt-7x{margin-top:var(--sf-spacing-7x)}:where(:host) .sf-mx-7x{margin-left:var(--sf-spacing-7x);margin-right:var(--sf-spacing-7x)}:where(:host) .sf-my-7x{margin-bottom:var(--sf-spacing-7x);margin-top:var(--sf-spacing-7x)}:where(:host) .sf-g-7x{gap:var(--sf-spacing-7x)}:where(:host) .sf-p-8x{padding:var(--sf-spacing-8x)}:where(:host) .sf-pr-8x{padding-right:var(--sf-spacing-8x)}:where(:host) .sf-pl-8x{padding-left:var(--sf-spacing-8x)}:where(:host) .sf-pb-8x{padding-bottom:var(--sf-spacing-8x)}:where(:host) .sf-pt-8x{padding-top:var(--sf-spacing-8x)}:where(:host) .sf-px-8x{padding-left:var(--sf-spacing-8x);padding-right:var(--sf-spacing-8x)}:where(:host) .sf-py-8x{padding-bottom:var(--sf-spacing-8x);padding-top:var(--sf-spacing-8x)}:where(:host) .sf-m-8x{margin:var(--sf-spacing-8x)}:where(:host) .sf-mr-8x{margin-right:var(--sf-spacing-8x)}:where(:host) .sf-ml-8x{margin-left:var(--sf-spacing-8x)}:where(:host) .sf-mb-8x{margin-bottom:var(--sf-spacing-8x)}:where(:host) .sf-mt-8x{margin-top:var(--sf-spacing-8x)}:where(:host) .sf-mx-8x{margin-left:var(--sf-spacing-8x);margin-right:var(--sf-spacing-8x)}:where(:host) .sf-my-8x{margin-bottom:var(--sf-spacing-8x);margin-top:var(--sf-spacing-8x)}:where(:host) .sf-g-8x{gap:var(--sf-spacing-8x)}:where(:host) .sf-p-9x{padding:var(--sf-spacing-9x)}:where(:host) .sf-pr-9x{padding-right:var(--sf-spacing-9x)}:where(:host) .sf-pl-9x{padding-left:var(--sf-spacing-9x)}:where(:host) .sf-pb-9x{padding-bottom:var(--sf-spacing-9x)}:where(:host) .sf-pt-9x{padding-top:var(--sf-spacing-9x)}:where(:host) .sf-px-9x{padding-left:var(--sf-spacing-9x);padding-right:var(--sf-spacing-9x)}:where(:host) .sf-py-9x{padding-bottom:var(--sf-spacing-9x);padding-top:var(--sf-spacing-9x)}:where(:host) .sf-m-9x{margin:var(--sf-spacing-9x)}:where(:host) .sf-mr-9x{margin-right:var(--sf-spacing-9x)}:where(:host) .sf-ml-9x{margin-left:var(--sf-spacing-9x)}:where(:host) .sf-mb-9x{margin-bottom:var(--sf-spacing-9x)}:where(:host) .sf-mt-9x{margin-top:var(--sf-spacing-9x)}:where(:host) .sf-mx-9x{margin-left:var(--sf-spacing-9x);margin-right:var(--sf-spacing-9x)}:where(:host) .sf-my-9x{margin-bottom:var(--sf-spacing-9x);margin-top:var(--sf-spacing-9x)}:where(:host) .sf-g-9x{gap:var(--sf-spacing-9x)}:where(:host) .sf-p-10x{padding:var(--sf-spacing-10x)}:where(:host) .sf-pr-10x{padding-right:var(--sf-spacing-10x)}:where(:host) .sf-pl-10x{padding-left:var(--sf-spacing-10x)}:where(:host) .sf-pb-10x{padding-bottom:var(--sf-spacing-10x)}:where(:host) .sf-pt-10x{padding-top:var(--sf-spacing-10x)}:where(:host) .sf-px-10x{padding-left:var(--sf-spacing-10x);padding-right:var(--sf-spacing-10x)}:where(:host) .sf-py-10x{padding-bottom:var(--sf-spacing-10x);padding-top:var(--sf-spacing-10x)}:where(:host) .sf-m-10x{margin:var(--sf-spacing-10x)}:where(:host) .sf-mr-10x{margin-right:var(--sf-spacing-10x)}:where(:host) .sf-ml-10x{margin-left:var(--sf-spacing-10x)}:where(:host) .sf-mb-10x{margin-bottom:var(--sf-spacing-10x)}:where(:host) .sf-mt-10x{margin-top:var(--sf-spacing-10x)}:where(:host) .sf-mx-10x{margin-left:var(--sf-spacing-10x);margin-right:var(--sf-spacing-10x)}:where(:host) .sf-my-10x{margin-bottom:var(--sf-spacing-10x);margin-top:var(--sf-spacing-10x)}:where(:host) .sf-g-10x{gap:var(--sf-spacing-10x)}:where(:host) .sf-p-11x{padding:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-pr-11x{padding-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-pl-11x{padding-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-pb-11x{padding-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-pt-11x{padding-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-px-11x{padding-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x));padding-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-py-11x{padding-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x));padding-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-m-11x{margin:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-mr-11x{margin-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-ml-11x{margin-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-mb-11x{margin-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-mt-11x{margin-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-mx-11x{margin-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x));margin-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-my-11x{margin-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x));margin-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-g-11x{gap:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-p-12x{padding:var(--sf-spacing-12x)}:where(:host) .sf-pr-12x{padding-right:var(--sf-spacing-12x)}:where(:host) .sf-pl-12x{padding-left:var(--sf-spacing-12x)}:where(:host) .sf-pb-12x{padding-bottom:var(--sf-spacing-12x)}:where(:host) .sf-pt-12x{padding-top:var(--sf-spacing-12x)}:where(:host) .sf-px-12x{padding-left:var(--sf-spacing-12x);padding-right:var(--sf-spacing-12x)}:where(:host) .sf-py-12x{padding-bottom:var(--sf-spacing-12x);padding-top:var(--sf-spacing-12x)}:where(:host) .sf-m-12x{margin:var(--sf-spacing-12x)}:where(:host) .sf-mr-12x{margin-right:var(--sf-spacing-12x)}:where(:host) .sf-ml-12x{margin-left:var(--sf-spacing-12x)}:where(:host) .sf-mb-12x{margin-bottom:var(--sf-spacing-12x)}:where(:host) .sf-mt-12x{margin-top:var(--sf-spacing-12x)}:where(:host) .sf-mx-12x{margin-left:var(--sf-spacing-12x);margin-right:var(--sf-spacing-12x)}:where(:host) .sf-my-12x{margin-bottom:var(--sf-spacing-12x);margin-top:var(--sf-spacing-12x)}:where(:host) .sf-g-12x{gap:var(--sf-spacing-12x)}:where(:host) .sf-p-13x{padding:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-pr-13x{padding-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-pl-13x{padding-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-pb-13x{padding-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-pt-13x{padding-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-px-13x{padding-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x));padding-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-py-13x{padding-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x));padding-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-m-13x{margin:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-mr-13x{margin-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-ml-13x{margin-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-mb-13x{margin-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-mt-13x{margin-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-mx-13x{margin-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x));margin-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-my-13x{margin-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x));margin-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-g-13x{gap:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-p-14x{padding:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-pr-14x{padding-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-pl-14x{padding-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-pb-14x{padding-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-pt-14x{padding-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-px-14x{padding-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x));padding-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-py-14x{padding-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x));padding-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-m-14x{margin:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-mr-14x{margin-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-ml-14x{margin-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-mb-14x{margin-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-mt-14x{margin-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-mx-14x{margin-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x));margin-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-my-14x{margin-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x));margin-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-g-14x{gap:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-p-15x{padding:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-pr-15x{padding-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-pl-15x{padding-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-pb-15x{padding-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-pt-15x{padding-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-px-15x{padding-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x));padding-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-py-15x{padding-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x));padding-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-m-15x{margin:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-mr-15x{margin-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-ml-15x{margin-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-mb-15x{margin-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-mt-15x{margin-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-mx-15x{margin-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x));margin-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-my-15x{margin-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x));margin-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-g-15x{gap:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-p-16x{padding:var(--sf-spacing-16x)}:where(:host) .sf-pr-16x{padding-right:var(--sf-spacing-16x)}:where(:host) .sf-pl-16x{padding-left:var(--sf-spacing-16x)}:where(:host) .sf-pb-16x{padding-bottom:var(--sf-spacing-16x)}:where(:host) .sf-pt-16x{padding-top:var(--sf-spacing-16x)}:where(:host) .sf-px-16x{padding-left:var(--sf-spacing-16x);padding-right:var(--sf-spacing-16x)}:where(:host) .sf-py-16x{padding-bottom:var(--sf-spacing-16x);padding-top:var(--sf-spacing-16x)}:where(:host) .sf-m-16x{margin:var(--sf-spacing-16x)}:where(:host) .sf-mr-16x{margin-right:var(--sf-spacing-16x)}:where(:host) .sf-ml-16x{margin-left:var(--sf-spacing-16x)}:where(:host) .sf-mb-16x{margin-bottom:var(--sf-spacing-16x)}:where(:host) .sf-mt-16x{margin-top:var(--sf-spacing-16x)}:where(:host) .sf-mx-16x{margin-left:var(--sf-spacing-16x);margin-right:var(--sf-spacing-16x)}:where(:host) .sf-my-16x{margin-bottom:var(--sf-spacing-16x);margin-top:var(--sf-spacing-16x)}:where(:host) .sf-g-16x{gap:var(--sf-spacing-16x)}@media screen and (min-width:600px){:where(:host) .sf-p-0x-sm{padding:0}:where(:host) .sf-pr-0x-sm{padding-right:0}:where(:host) .sf-pl-0x-sm{padding-left:0}:where(:host) .sf-pb-0x-sm{padding-bottom:0}:where(:host) .sf-pt-0x-sm{padding-top:0}:where(:host) .sf-px-0x-sm{padding-left:0;padding-right:0}:where(:host) .sf-py-0x-sm{padding-bottom:0;padding-top:0}:where(:host) .sf-m-0x-sm{margin:0}:where(:host) .sf-mr-0x-sm{margin-right:0}:where(:host) .sf-ml-0x-sm{margin-left:0}:where(:host) .sf-mb-0x-sm{margin-bottom:0}:where(:host) .sf-mt-0x-sm{margin-top:0}:where(:host) .sf-mx-0x-sm{margin-left:0;margin-right:0}:where(:host) .sf-my-0x-sm{margin-bottom:0;margin-top:0}:where(:host) .sf-g-0x-sm{gap:0}:where(:host) .sf-p-0-25x-sm{padding:var(--sf-spacing-0-25x)}:where(:host) .sf-pr-0-25x-sm{padding-right:var(--sf-spacing-0-25x)}:where(:host) .sf-pl-0-25x-sm{padding-left:var(--sf-spacing-0-25x)}:where(:host) .sf-pb-0-25x-sm{padding-bottom:var(--sf-spacing-0-25x)}:where(:host) .sf-pt-0-25x-sm{padding-top:var(--sf-spacing-0-25x)}:where(:host) .sf-px-0-25x-sm{padding-left:var(--sf-spacing-0-25x);padding-right:var(--sf-spacing-0-25x)}:where(:host) .sf-py-0-25x-sm{padding-bottom:var(--sf-spacing-0-25x);padding-top:var(--sf-spacing-0-25x)}:where(:host) .sf-m-0-25x-sm{margin:var(--sf-spacing-0-25x)}:where(:host) .sf-mr-0-25x-sm{margin-right:var(--sf-spacing-0-25x)}:where(:host) .sf-ml-0-25x-sm{margin-left:var(--sf-spacing-0-25x)}:where(:host) .sf-mb-0-25x-sm{margin-bottom:var(--sf-spacing-0-25x)}:where(:host) .sf-mt-0-25x-sm{margin-top:var(--sf-spacing-0-25x)}:where(:host) .sf-mx-0-25x-sm{margin-left:var(--sf-spacing-0-25x);margin-right:var(--sf-spacing-0-25x)}:where(:host) .sf-my-0-25x-sm{margin-bottom:var(--sf-spacing-0-25x);margin-top:var(--sf-spacing-0-25x)}:where(:host) .sf-g-0-25x-sm{gap:var(--sf-spacing-0-25x)}:where(:host) .sf-p-0-5x-sm{padding:var(--sf-spacing-0-5x)}:where(:host) .sf-pr-0-5x-sm{padding-right:var(--sf-spacing-0-5x)}:where(:host) .sf-pl-0-5x-sm{padding-left:var(--sf-spacing-0-5x)}:where(:host) .sf-pb-0-5x-sm{padding-bottom:var(--sf-spacing-0-5x)}:where(:host) .sf-pt-0-5x-sm{padding-top:var(--sf-spacing-0-5x)}:where(:host) .sf-px-0-5x-sm{padding-left:var(--sf-spacing-0-5x);padding-right:var(--sf-spacing-0-5x)}:where(:host) .sf-py-0-5x-sm{padding-bottom:var(--sf-spacing-0-5x);padding-top:var(--sf-spacing-0-5x)}:where(:host) .sf-m-0-5x-sm{margin:var(--sf-spacing-0-5x)}:where(:host) .sf-mr-0-5x-sm{margin-right:var(--sf-spacing-0-5x)}:where(:host) .sf-ml-0-5x-sm{margin-left:var(--sf-spacing-0-5x)}:where(:host) .sf-mb-0-5x-sm{margin-bottom:var(--sf-spacing-0-5x)}:where(:host) .sf-mt-0-5x-sm{margin-top:var(--sf-spacing-0-5x)}:where(:host) .sf-mx-0-5x-sm{margin-left:var(--sf-spacing-0-5x);margin-right:var(--sf-spacing-0-5x)}:where(:host) .sf-my-0-5x-sm{margin-bottom:var(--sf-spacing-0-5x);margin-top:var(--sf-spacing-0-5x)}:where(:host) .sf-g-0-5x-sm{gap:var(--sf-spacing-0-5x)}:where(:host) .sf-p-1-5x-sm{padding:var(--sf-spacing-1-5x)}:where(:host) .sf-pr-1-5x-sm{padding-right:var(--sf-spacing-1-5x)}:where(:host) .sf-pl-1-5x-sm{padding-left:var(--sf-spacing-1-5x)}:where(:host) .sf-pb-1-5x-sm{padding-bottom:var(--sf-spacing-1-5x)}:where(:host) .sf-pt-1-5x-sm{padding-top:var(--sf-spacing-1-5x)}:where(:host) .sf-px-1-5x-sm{padding-left:var(--sf-spacing-1-5x);padding-right:var(--sf-spacing-1-5x)}:where(:host) .sf-py-1-5x-sm{padding-bottom:var(--sf-spacing-1-5x);padding-top:var(--sf-spacing-1-5x)}:where(:host) .sf-m-1-5x-sm{margin:var(--sf-spacing-1-5x)}:where(:host) .sf-mr-1-5x-sm{margin-right:var(--sf-spacing-1-5x)}:where(:host) .sf-ml-1-5x-sm{margin-left:var(--sf-spacing-1-5x)}:where(:host) .sf-mb-1-5x-sm{margin-bottom:var(--sf-spacing-1-5x)}:where(:host) .sf-mt-1-5x-sm{margin-top:var(--sf-spacing-1-5x)}:where(:host) .sf-mx-1-5x-sm{margin-left:var(--sf-spacing-1-5x);margin-right:var(--sf-spacing-1-5x)}:where(:host) .sf-my-1-5x-sm{margin-bottom:var(--sf-spacing-1-5x);margin-top:var(--sf-spacing-1-5x)}:where(:host) .sf-g-1-5x-sm{gap:var(--sf-spacing-1-5x)}:where(:host) .sf-p-1x-sm{padding:var(--sf-spacing-1x)}:where(:host) .sf-pr-1x-sm{padding-right:var(--sf-spacing-1x)}:where(:host) .sf-pl-1x-sm{padding-left:var(--sf-spacing-1x)}:where(:host) .sf-pb-1x-sm{padding-bottom:var(--sf-spacing-1x)}:where(:host) .sf-pt-1x-sm{padding-top:var(--sf-spacing-1x)}:where(:host) .sf-px-1x-sm{padding-left:var(--sf-spacing-1x);padding-right:var(--sf-spacing-1x)}:where(:host) .sf-py-1x-sm{padding-bottom:var(--sf-spacing-1x);padding-top:var(--sf-spacing-1x)}:where(:host) .sf-m-1x-sm{margin:var(--sf-spacing-1x)}:where(:host) .sf-mr-1x-sm{margin-right:var(--sf-spacing-1x)}:where(:host) .sf-ml-1x-sm{margin-left:var(--sf-spacing-1x)}:where(:host) .sf-mb-1x-sm{margin-bottom:var(--sf-spacing-1x)}:where(:host) .sf-mt-1x-sm{margin-top:var(--sf-spacing-1x)}:where(:host) .sf-mx-1x-sm{margin-left:var(--sf-spacing-1x);margin-right:var(--sf-spacing-1x)}:where(:host) .sf-my-1x-sm{margin-bottom:var(--sf-spacing-1x);margin-top:var(--sf-spacing-1x)}:where(:host) .sf-g-1x-sm{gap:var(--sf-spacing-1x)}:where(:host) .sf-p-2x-sm{padding:var(--sf-spacing-2x)}:where(:host) .sf-pr-2x-sm{padding-right:var(--sf-spacing-2x)}:where(:host) .sf-pl-2x-sm{padding-left:var(--sf-spacing-2x)}:where(:host) .sf-pb-2x-sm{padding-bottom:var(--sf-spacing-2x)}:where(:host) .sf-pt-2x-sm{padding-top:var(--sf-spacing-2x)}:where(:host) .sf-px-2x-sm{padding-left:var(--sf-spacing-2x);padding-right:var(--sf-spacing-2x)}:where(:host) .sf-py-2x-sm{padding-bottom:var(--sf-spacing-2x);padding-top:var(--sf-spacing-2x)}:where(:host) .sf-m-2x-sm{margin:var(--sf-spacing-2x)}:where(:host) .sf-mr-2x-sm{margin-right:var(--sf-spacing-2x)}:where(:host) .sf-ml-2x-sm{margin-left:var(--sf-spacing-2x)}:where(:host) .sf-mb-2x-sm{margin-bottom:var(--sf-spacing-2x)}:where(:host) .sf-mt-2x-sm{margin-top:var(--sf-spacing-2x)}:where(:host) .sf-mx-2x-sm{margin-left:var(--sf-spacing-2x);margin-right:var(--sf-spacing-2x)}:where(:host) .sf-my-2x-sm{margin-bottom:var(--sf-spacing-2x);margin-top:var(--sf-spacing-2x)}:where(:host) .sf-g-2x-sm{gap:var(--sf-spacing-2x)}:where(:host) .sf-p-3x-sm{padding:var(--sf-spacing-3x)}:where(:host) .sf-pr-3x-sm{padding-right:var(--sf-spacing-3x)}:where(:host) .sf-pl-3x-sm{padding-left:var(--sf-spacing-3x)}:where(:host) .sf-pb-3x-sm{padding-bottom:var(--sf-spacing-3x)}:where(:host) .sf-pt-3x-sm{padding-top:var(--sf-spacing-3x)}:where(:host) .sf-px-3x-sm{padding-left:var(--sf-spacing-3x);padding-right:var(--sf-spacing-3x)}:where(:host) .sf-py-3x-sm{padding-bottom:var(--sf-spacing-3x);padding-top:var(--sf-spacing-3x)}:where(:host) .sf-m-3x-sm{margin:var(--sf-spacing-3x)}:where(:host) .sf-mr-3x-sm{margin-right:var(--sf-spacing-3x)}:where(:host) .sf-ml-3x-sm{margin-left:var(--sf-spacing-3x)}:where(:host) .sf-mb-3x-sm{margin-bottom:var(--sf-spacing-3x)}:where(:host) .sf-mt-3x-sm{margin-top:var(--sf-spacing-3x)}:where(:host) .sf-mx-3x-sm{margin-left:var(--sf-spacing-3x);margin-right:var(--sf-spacing-3x)}:where(:host) .sf-my-3x-sm{margin-bottom:var(--sf-spacing-3x);margin-top:var(--sf-spacing-3x)}:where(:host) .sf-g-3x-sm{gap:var(--sf-spacing-3x)}:where(:host) .sf-p-4x-sm{padding:var(--sf-spacing-4x)}:where(:host) .sf-pr-4x-sm{padding-right:var(--sf-spacing-4x)}:where(:host) .sf-pl-4x-sm{padding-left:var(--sf-spacing-4x)}:where(:host) .sf-pb-4x-sm{padding-bottom:var(--sf-spacing-4x)}:where(:host) .sf-pt-4x-sm{padding-top:var(--sf-spacing-4x)}:where(:host) .sf-px-4x-sm{padding-left:var(--sf-spacing-4x);padding-right:var(--sf-spacing-4x)}:where(:host) .sf-py-4x-sm{padding-bottom:var(--sf-spacing-4x);padding-top:var(--sf-spacing-4x)}:where(:host) .sf-m-4x-sm{margin:var(--sf-spacing-4x)}:where(:host) .sf-mr-4x-sm{margin-right:var(--sf-spacing-4x)}:where(:host) .sf-ml-4x-sm{margin-left:var(--sf-spacing-4x)}:where(:host) .sf-mb-4x-sm{margin-bottom:var(--sf-spacing-4x)}:where(:host) .sf-mt-4x-sm{margin-top:var(--sf-spacing-4x)}:where(:host) .sf-mx-4x-sm{margin-left:var(--sf-spacing-4x);margin-right:var(--sf-spacing-4x)}:where(:host) .sf-my-4x-sm{margin-bottom:var(--sf-spacing-4x);margin-top:var(--sf-spacing-4x)}:where(:host) .sf-g-4x-sm{gap:var(--sf-spacing-4x)}:where(:host) .sf-p-5x-sm{padding:var(--sf-spacing-5x)}:where(:host) .sf-pr-5x-sm{padding-right:var(--sf-spacing-5x)}:where(:host) .sf-pl-5x-sm{padding-left:var(--sf-spacing-5x)}:where(:host) .sf-pb-5x-sm{padding-bottom:var(--sf-spacing-5x)}:where(:host) .sf-pt-5x-sm{padding-top:var(--sf-spacing-5x)}:where(:host) .sf-px-5x-sm{padding-left:var(--sf-spacing-5x);padding-right:var(--sf-spacing-5x)}:where(:host) .sf-py-5x-sm{padding-bottom:var(--sf-spacing-5x);padding-top:var(--sf-spacing-5x)}:where(:host) .sf-m-5x-sm{margin:var(--sf-spacing-5x)}:where(:host) .sf-mr-5x-sm{margin-right:var(--sf-spacing-5x)}:where(:host) .sf-ml-5x-sm{margin-left:var(--sf-spacing-5x)}:where(:host) .sf-mb-5x-sm{margin-bottom:var(--sf-spacing-5x)}:where(:host) .sf-mt-5x-sm{margin-top:var(--sf-spacing-5x)}:where(:host) .sf-mx-5x-sm{margin-left:var(--sf-spacing-5x);margin-right:var(--sf-spacing-5x)}:where(:host) .sf-my-5x-sm{margin-bottom:var(--sf-spacing-5x);margin-top:var(--sf-spacing-5x)}:where(:host) .sf-g-5x-sm{gap:var(--sf-spacing-5x)}:where(:host) .sf-p-6x-sm{padding:var(--sf-spacing-6x)}:where(:host) .sf-pr-6x-sm{padding-right:var(--sf-spacing-6x)}:where(:host) .sf-pl-6x-sm{padding-left:var(--sf-spacing-6x)}:where(:host) .sf-pb-6x-sm{padding-bottom:var(--sf-spacing-6x)}:where(:host) .sf-pt-6x-sm{padding-top:var(--sf-spacing-6x)}:where(:host) .sf-px-6x-sm{padding-left:var(--sf-spacing-6x);padding-right:var(--sf-spacing-6x)}:where(:host) .sf-py-6x-sm{padding-bottom:var(--sf-spacing-6x);padding-top:var(--sf-spacing-6x)}:where(:host) .sf-m-6x-sm{margin:var(--sf-spacing-6x)}:where(:host) .sf-mr-6x-sm{margin-right:var(--sf-spacing-6x)}:where(:host) .sf-ml-6x-sm{margin-left:var(--sf-spacing-6x)}:where(:host) .sf-mb-6x-sm{margin-bottom:var(--sf-spacing-6x)}:where(:host) .sf-mt-6x-sm{margin-top:var(--sf-spacing-6x)}:where(:host) .sf-mx-6x-sm{margin-left:var(--sf-spacing-6x);margin-right:var(--sf-spacing-6x)}:where(:host) .sf-my-6x-sm{margin-bottom:var(--sf-spacing-6x);margin-top:var(--sf-spacing-6x)}:where(:host) .sf-g-6x-sm{gap:var(--sf-spacing-6x)}:where(:host) .sf-p-7x-sm{padding:var(--sf-spacing-7x)}:where(:host) .sf-pr-7x-sm{padding-right:var(--sf-spacing-7x)}:where(:host) .sf-pl-7x-sm{padding-left:var(--sf-spacing-7x)}:where(:host) .sf-pb-7x-sm{padding-bottom:var(--sf-spacing-7x)}:where(:host) .sf-pt-7x-sm{padding-top:var(--sf-spacing-7x)}:where(:host) .sf-px-7x-sm{padding-left:var(--sf-spacing-7x);padding-right:var(--sf-spacing-7x)}:where(:host) .sf-py-7x-sm{padding-bottom:var(--sf-spacing-7x);padding-top:var(--sf-spacing-7x)}:where(:host) .sf-m-7x-sm{margin:var(--sf-spacing-7x)}:where(:host) .sf-mr-7x-sm{margin-right:var(--sf-spacing-7x)}:where(:host) .sf-ml-7x-sm{margin-left:var(--sf-spacing-7x)}:where(:host) .sf-mb-7x-sm{margin-bottom:var(--sf-spacing-7x)}:where(:host) .sf-mt-7x-sm{margin-top:var(--sf-spacing-7x)}:where(:host) .sf-mx-7x-sm{margin-left:var(--sf-spacing-7x);margin-right:var(--sf-spacing-7x)}:where(:host) .sf-my-7x-sm{margin-bottom:var(--sf-spacing-7x);margin-top:var(--sf-spacing-7x)}:where(:host) .sf-g-7x-sm{gap:var(--sf-spacing-7x)}:where(:host) .sf-p-8x-sm{padding:var(--sf-spacing-8x)}:where(:host) .sf-pr-8x-sm{padding-right:var(--sf-spacing-8x)}:where(:host) .sf-pl-8x-sm{padding-left:var(--sf-spacing-8x)}:where(:host) .sf-pb-8x-sm{padding-bottom:var(--sf-spacing-8x)}:where(:host) .sf-pt-8x-sm{padding-top:var(--sf-spacing-8x)}:where(:host) .sf-px-8x-sm{padding-left:var(--sf-spacing-8x);padding-right:var(--sf-spacing-8x)}:where(:host) .sf-py-8x-sm{padding-bottom:var(--sf-spacing-8x);padding-top:var(--sf-spacing-8x)}:where(:host) .sf-m-8x-sm{margin:var(--sf-spacing-8x)}:where(:host) .sf-mr-8x-sm{margin-right:var(--sf-spacing-8x)}:where(:host) .sf-ml-8x-sm{margin-left:var(--sf-spacing-8x)}:where(:host) .sf-mb-8x-sm{margin-bottom:var(--sf-spacing-8x)}:where(:host) .sf-mt-8x-sm{margin-top:var(--sf-spacing-8x)}:where(:host) .sf-mx-8x-sm{margin-left:var(--sf-spacing-8x);margin-right:var(--sf-spacing-8x)}:where(:host) .sf-my-8x-sm{margin-bottom:var(--sf-spacing-8x);margin-top:var(--sf-spacing-8x)}:where(:host) .sf-g-8x-sm{gap:var(--sf-spacing-8x)}:where(:host) .sf-p-9x-sm{padding:var(--sf-spacing-9x)}:where(:host) .sf-pr-9x-sm{padding-right:var(--sf-spacing-9x)}:where(:host) .sf-pl-9x-sm{padding-left:var(--sf-spacing-9x)}:where(:host) .sf-pb-9x-sm{padding-bottom:var(--sf-spacing-9x)}:where(:host) .sf-pt-9x-sm{padding-top:var(--sf-spacing-9x)}:where(:host) .sf-px-9x-sm{padding-left:var(--sf-spacing-9x);padding-right:var(--sf-spacing-9x)}:where(:host) .sf-py-9x-sm{padding-bottom:var(--sf-spacing-9x);padding-top:var(--sf-spacing-9x)}:where(:host) .sf-m-9x-sm{margin:var(--sf-spacing-9x)}:where(:host) .sf-mr-9x-sm{margin-right:var(--sf-spacing-9x)}:where(:host) .sf-ml-9x-sm{margin-left:var(--sf-spacing-9x)}:where(:host) .sf-mb-9x-sm{margin-bottom:var(--sf-spacing-9x)}:where(:host) .sf-mt-9x-sm{margin-top:var(--sf-spacing-9x)}:where(:host) .sf-mx-9x-sm{margin-left:var(--sf-spacing-9x);margin-right:var(--sf-spacing-9x)}:where(:host) .sf-my-9x-sm{margin-bottom:var(--sf-spacing-9x);margin-top:var(--sf-spacing-9x)}:where(:host) .sf-g-9x-sm{gap:var(--sf-spacing-9x)}:where(:host) .sf-p-10x-sm{padding:var(--sf-spacing-10x)}:where(:host) .sf-pr-10x-sm{padding-right:var(--sf-spacing-10x)}:where(:host) .sf-pl-10x-sm{padding-left:var(--sf-spacing-10x)}:where(:host) .sf-pb-10x-sm{padding-bottom:var(--sf-spacing-10x)}:where(:host) .sf-pt-10x-sm{padding-top:var(--sf-spacing-10x)}:where(:host) .sf-px-10x-sm{padding-left:var(--sf-spacing-10x);padding-right:var(--sf-spacing-10x)}:where(:host) .sf-py-10x-sm{padding-bottom:var(--sf-spacing-10x);padding-top:var(--sf-spacing-10x)}:where(:host) .sf-m-10x-sm{margin:var(--sf-spacing-10x)}:where(:host) .sf-mr-10x-sm{margin-right:var(--sf-spacing-10x)}:where(:host) .sf-ml-10x-sm{margin-left:var(--sf-spacing-10x)}:where(:host) .sf-mb-10x-sm{margin-bottom:var(--sf-spacing-10x)}:where(:host) .sf-mt-10x-sm{margin-top:var(--sf-spacing-10x)}:where(:host) .sf-mx-10x-sm{margin-left:var(--sf-spacing-10x);margin-right:var(--sf-spacing-10x)}:where(:host) .sf-my-10x-sm{margin-bottom:var(--sf-spacing-10x);margin-top:var(--sf-spacing-10x)}:where(:host) .sf-g-10x-sm{gap:var(--sf-spacing-10x)}:where(:host) .sf-p-11x-sm{padding:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-pr-11x-sm{padding-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-pl-11x-sm{padding-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-pb-11x-sm{padding-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-pt-11x-sm{padding-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-px-11x-sm{padding-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x));padding-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-py-11x-sm{padding-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x));padding-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-m-11x-sm{margin:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-mr-11x-sm{margin-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-ml-11x-sm{margin-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-mb-11x-sm{margin-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-mt-11x-sm{margin-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-mx-11x-sm{margin-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x));margin-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-my-11x-sm{margin-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x));margin-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-g-11x-sm{gap:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-p-12x-sm{padding:var(--sf-spacing-12x)}:where(:host) .sf-pr-12x-sm{padding-right:var(--sf-spacing-12x)}:where(:host) .sf-pl-12x-sm{padding-left:var(--sf-spacing-12x)}:where(:host) .sf-pb-12x-sm{padding-bottom:var(--sf-spacing-12x)}:where(:host) .sf-pt-12x-sm{padding-top:var(--sf-spacing-12x)}:where(:host) .sf-px-12x-sm{padding-left:var(--sf-spacing-12x);padding-right:var(--sf-spacing-12x)}:where(:host) .sf-py-12x-sm{padding-bottom:var(--sf-spacing-12x);padding-top:var(--sf-spacing-12x)}:where(:host) .sf-m-12x-sm{margin:var(--sf-spacing-12x)}:where(:host) .sf-mr-12x-sm{margin-right:var(--sf-spacing-12x)}:where(:host) .sf-ml-12x-sm{margin-left:var(--sf-spacing-12x)}:where(:host) .sf-mb-12x-sm{margin-bottom:var(--sf-spacing-12x)}:where(:host) .sf-mt-12x-sm{margin-top:var(--sf-spacing-12x)}:where(:host) .sf-mx-12x-sm{margin-left:var(--sf-spacing-12x);margin-right:var(--sf-spacing-12x)}:where(:host) .sf-my-12x-sm{margin-bottom:var(--sf-spacing-12x);margin-top:var(--sf-spacing-12x)}:where(:host) .sf-g-12x-sm{gap:var(--sf-spacing-12x)}:where(:host) .sf-p-13x-sm{padding:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-pr-13x-sm{padding-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-pl-13x-sm{padding-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-pb-13x-sm{padding-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-pt-13x-sm{padding-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-px-13x-sm{padding-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x));padding-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-py-13x-sm{padding-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x));padding-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-m-13x-sm{margin:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-mr-13x-sm{margin-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-ml-13x-sm{margin-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-mb-13x-sm{margin-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-mt-13x-sm{margin-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-mx-13x-sm{margin-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x));margin-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-my-13x-sm{margin-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x));margin-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-g-13x-sm{gap:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-p-14x-sm{padding:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-pr-14x-sm{padding-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-pl-14x-sm{padding-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-pb-14x-sm{padding-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-pt-14x-sm{padding-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-px-14x-sm{padding-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x));padding-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-py-14x-sm{padding-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x));padding-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-m-14x-sm{margin:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-mr-14x-sm{margin-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-ml-14x-sm{margin-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-mb-14x-sm{margin-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-mt-14x-sm{margin-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-mx-14x-sm{margin-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x));margin-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-my-14x-sm{margin-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x));margin-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-g-14x-sm{gap:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-p-15x-sm{padding:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-pr-15x-sm{padding-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-pl-15x-sm{padding-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-pb-15x-sm{padding-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-pt-15x-sm{padding-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-px-15x-sm{padding-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x));padding-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-py-15x-sm{padding-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x));padding-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-m-15x-sm{margin:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-mr-15x-sm{margin-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-ml-15x-sm{margin-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-mb-15x-sm{margin-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-mt-15x-sm{margin-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-mx-15x-sm{margin-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x));margin-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-my-15x-sm{margin-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x));margin-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-g-15x-sm{gap:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-p-16x-sm{padding:var(--sf-spacing-16x)}:where(:host) .sf-pr-16x-sm{padding-right:var(--sf-spacing-16x)}:where(:host) .sf-pl-16x-sm{padding-left:var(--sf-spacing-16x)}:where(:host) .sf-pb-16x-sm{padding-bottom:var(--sf-spacing-16x)}:where(:host) .sf-pt-16x-sm{padding-top:var(--sf-spacing-16x)}:where(:host) .sf-px-16x-sm{padding-left:var(--sf-spacing-16x);padding-right:var(--sf-spacing-16x)}:where(:host) .sf-py-16x-sm{padding-bottom:var(--sf-spacing-16x);padding-top:var(--sf-spacing-16x)}:where(:host) .sf-m-16x-sm{margin:var(--sf-spacing-16x)}:where(:host) .sf-mr-16x-sm{margin-right:var(--sf-spacing-16x)}:where(:host) .sf-ml-16x-sm{margin-left:var(--sf-spacing-16x)}:where(:host) .sf-mb-16x-sm{margin-bottom:var(--sf-spacing-16x)}:where(:host) .sf-mt-16x-sm{margin-top:var(--sf-spacing-16x)}:where(:host) .sf-mx-16x-sm{margin-left:var(--sf-spacing-16x);margin-right:var(--sf-spacing-16x)}:where(:host) .sf-my-16x-sm{margin-bottom:var(--sf-spacing-16x);margin-top:var(--sf-spacing-16x)}:where(:host) .sf-g-16x-sm{gap:var(--sf-spacing-16x)}}@media screen and (min-width:768px){:where(:host) .sf-p-0x-md{padding:0}:where(:host) .sf-pr-0x-md{padding-right:0}:where(:host) .sf-pl-0x-md{padding-left:0}:where(:host) .sf-pb-0x-md{padding-bottom:0}:where(:host) .sf-pt-0x-md{padding-top:0}:where(:host) .sf-px-0x-md{padding-left:0;padding-right:0}:where(:host) .sf-py-0x-md{padding-bottom:0;padding-top:0}:where(:host) .sf-m-0x-md{margin:0}:where(:host) .sf-mr-0x-md{margin-right:0}:where(:host) .sf-ml-0x-md{margin-left:0}:where(:host) .sf-mb-0x-md{margin-bottom:0}:where(:host) .sf-mt-0x-md{margin-top:0}:where(:host) .sf-mx-0x-md{margin-left:0;margin-right:0}:where(:host) .sf-my-0x-md{margin-bottom:0;margin-top:0}:where(:host) .sf-g-0x-md{gap:0}:where(:host) .sf-p-0-25x-md{padding:var(--sf-spacing-0-25x)}:where(:host) .sf-pr-0-25x-md{padding-right:var(--sf-spacing-0-25x)}:where(:host) .sf-pl-0-25x-md{padding-left:var(--sf-spacing-0-25x)}:where(:host) .sf-pb-0-25x-md{padding-bottom:var(--sf-spacing-0-25x)}:where(:host) .sf-pt-0-25x-md{padding-top:var(--sf-spacing-0-25x)}:where(:host) .sf-px-0-25x-md{padding-left:var(--sf-spacing-0-25x);padding-right:var(--sf-spacing-0-25x)}:where(:host) .sf-py-0-25x-md{padding-bottom:var(--sf-spacing-0-25x);padding-top:var(--sf-spacing-0-25x)}:where(:host) .sf-m-0-25x-md{margin:var(--sf-spacing-0-25x)}:where(:host) .sf-mr-0-25x-md{margin-right:var(--sf-spacing-0-25x)}:where(:host) .sf-ml-0-25x-md{margin-left:var(--sf-spacing-0-25x)}:where(:host) .sf-mb-0-25x-md{margin-bottom:var(--sf-spacing-0-25x)}:where(:host) .sf-mt-0-25x-md{margin-top:var(--sf-spacing-0-25x)}:where(:host) .sf-mx-0-25x-md{margin-left:var(--sf-spacing-0-25x);margin-right:var(--sf-spacing-0-25x)}:where(:host) .sf-my-0-25x-md{margin-bottom:var(--sf-spacing-0-25x);margin-top:var(--sf-spacing-0-25x)}:where(:host) .sf-g-0-25x-md{gap:var(--sf-spacing-0-25x)}:where(:host) .sf-p-0-5x-md{padding:var(--sf-spacing-0-5x)}:where(:host) .sf-pr-0-5x-md{padding-right:var(--sf-spacing-0-5x)}:where(:host) .sf-pl-0-5x-md{padding-left:var(--sf-spacing-0-5x)}:where(:host) .sf-pb-0-5x-md{padding-bottom:var(--sf-spacing-0-5x)}:where(:host) .sf-pt-0-5x-md{padding-top:var(--sf-spacing-0-5x)}:where(:host) .sf-px-0-5x-md{padding-left:var(--sf-spacing-0-5x);padding-right:var(--sf-spacing-0-5x)}:where(:host) .sf-py-0-5x-md{padding-bottom:var(--sf-spacing-0-5x);padding-top:var(--sf-spacing-0-5x)}:where(:host) .sf-m-0-5x-md{margin:var(--sf-spacing-0-5x)}:where(:host) .sf-mr-0-5x-md{margin-right:var(--sf-spacing-0-5x)}:where(:host) .sf-ml-0-5x-md{margin-left:var(--sf-spacing-0-5x)}:where(:host) .sf-mb-0-5x-md{margin-bottom:var(--sf-spacing-0-5x)}:where(:host) .sf-mt-0-5x-md{margin-top:var(--sf-spacing-0-5x)}:where(:host) .sf-mx-0-5x-md{margin-left:var(--sf-spacing-0-5x);margin-right:var(--sf-spacing-0-5x)}:where(:host) .sf-my-0-5x-md{margin-bottom:var(--sf-spacing-0-5x);margin-top:var(--sf-spacing-0-5x)}:where(:host) .sf-g-0-5x-md{gap:var(--sf-spacing-0-5x)}:where(:host) .sf-p-1-5x-md{padding:var(--sf-spacing-1-5x)}:where(:host) .sf-pr-1-5x-md{padding-right:var(--sf-spacing-1-5x)}:where(:host) .sf-pl-1-5x-md{padding-left:var(--sf-spacing-1-5x)}:where(:host) .sf-pb-1-5x-md{padding-bottom:var(--sf-spacing-1-5x)}:where(:host) .sf-pt-1-5x-md{padding-top:var(--sf-spacing-1-5x)}:where(:host) .sf-px-1-5x-md{padding-left:var(--sf-spacing-1-5x);padding-right:var(--sf-spacing-1-5x)}:where(:host) .sf-py-1-5x-md{padding-bottom:var(--sf-spacing-1-5x);padding-top:var(--sf-spacing-1-5x)}:where(:host) .sf-m-1-5x-md{margin:var(--sf-spacing-1-5x)}:where(:host) .sf-mr-1-5x-md{margin-right:var(--sf-spacing-1-5x)}:where(:host) .sf-ml-1-5x-md{margin-left:var(--sf-spacing-1-5x)}:where(:host) .sf-mb-1-5x-md{margin-bottom:var(--sf-spacing-1-5x)}:where(:host) .sf-mt-1-5x-md{margin-top:var(--sf-spacing-1-5x)}:where(:host) .sf-mx-1-5x-md{margin-left:var(--sf-spacing-1-5x);margin-right:var(--sf-spacing-1-5x)}:where(:host) .sf-my-1-5x-md{margin-bottom:var(--sf-spacing-1-5x);margin-top:var(--sf-spacing-1-5x)}:where(:host) .sf-g-1-5x-md{gap:var(--sf-spacing-1-5x)}:where(:host) .sf-p-1x-md{padding:var(--sf-spacing-1x)}:where(:host) .sf-pr-1x-md{padding-right:var(--sf-spacing-1x)}:where(:host) .sf-pl-1x-md{padding-left:var(--sf-spacing-1x)}:where(:host) .sf-pb-1x-md{padding-bottom:var(--sf-spacing-1x)}:where(:host) .sf-pt-1x-md{padding-top:var(--sf-spacing-1x)}:where(:host) .sf-px-1x-md{padding-left:var(--sf-spacing-1x);padding-right:var(--sf-spacing-1x)}:where(:host) .sf-py-1x-md{padding-bottom:var(--sf-spacing-1x);padding-top:var(--sf-spacing-1x)}:where(:host) .sf-m-1x-md{margin:var(--sf-spacing-1x)}:where(:host) .sf-mr-1x-md{margin-right:var(--sf-spacing-1x)}:where(:host) .sf-ml-1x-md{margin-left:var(--sf-spacing-1x)}:where(:host) .sf-mb-1x-md{margin-bottom:var(--sf-spacing-1x)}:where(:host) .sf-mt-1x-md{margin-top:var(--sf-spacing-1x)}:where(:host) .sf-mx-1x-md{margin-left:var(--sf-spacing-1x);margin-right:var(--sf-spacing-1x)}:where(:host) .sf-my-1x-md{margin-bottom:var(--sf-spacing-1x);margin-top:var(--sf-spacing-1x)}:where(:host) .sf-g-1x-md{gap:var(--sf-spacing-1x)}:where(:host) .sf-p-2x-md{padding:var(--sf-spacing-2x)}:where(:host) .sf-pr-2x-md{padding-right:var(--sf-spacing-2x)}:where(:host) .sf-pl-2x-md{padding-left:var(--sf-spacing-2x)}:where(:host) .sf-pb-2x-md{padding-bottom:var(--sf-spacing-2x)}:where(:host) .sf-pt-2x-md{padding-top:var(--sf-spacing-2x)}:where(:host) .sf-px-2x-md{padding-left:var(--sf-spacing-2x);padding-right:var(--sf-spacing-2x)}:where(:host) .sf-py-2x-md{padding-bottom:var(--sf-spacing-2x);padding-top:var(--sf-spacing-2x)}:where(:host) .sf-m-2x-md{margin:var(--sf-spacing-2x)}:where(:host) .sf-mr-2x-md{margin-right:var(--sf-spacing-2x)}:where(:host) .sf-ml-2x-md{margin-left:var(--sf-spacing-2x)}:where(:host) .sf-mb-2x-md{margin-bottom:var(--sf-spacing-2x)}:where(:host) .sf-mt-2x-md{margin-top:var(--sf-spacing-2x)}:where(:host) .sf-mx-2x-md{margin-left:var(--sf-spacing-2x);margin-right:var(--sf-spacing-2x)}:where(:host) .sf-my-2x-md{margin-bottom:var(--sf-spacing-2x);margin-top:var(--sf-spacing-2x)}:where(:host) .sf-g-2x-md{gap:var(--sf-spacing-2x)}:where(:host) .sf-p-3x-md{padding:var(--sf-spacing-3x)}:where(:host) .sf-pr-3x-md{padding-right:var(--sf-spacing-3x)}:where(:host) .sf-pl-3x-md{padding-left:var(--sf-spacing-3x)}:where(:host) .sf-pb-3x-md{padding-bottom:var(--sf-spacing-3x)}:where(:host) .sf-pt-3x-md{padding-top:var(--sf-spacing-3x)}:where(:host) .sf-px-3x-md{padding-left:var(--sf-spacing-3x);padding-right:var(--sf-spacing-3x)}:where(:host) .sf-py-3x-md{padding-bottom:var(--sf-spacing-3x);padding-top:var(--sf-spacing-3x)}:where(:host) .sf-m-3x-md{margin:var(--sf-spacing-3x)}:where(:host) .sf-mr-3x-md{margin-right:var(--sf-spacing-3x)}:where(:host) .sf-ml-3x-md{margin-left:var(--sf-spacing-3x)}:where(:host) .sf-mb-3x-md{margin-bottom:var(--sf-spacing-3x)}:where(:host) .sf-mt-3x-md{margin-top:var(--sf-spacing-3x)}:where(:host) .sf-mx-3x-md{margin-left:var(--sf-spacing-3x);margin-right:var(--sf-spacing-3x)}:where(:host) .sf-my-3x-md{margin-bottom:var(--sf-spacing-3x);margin-top:var(--sf-spacing-3x)}:where(:host) .sf-g-3x-md{gap:var(--sf-spacing-3x)}:where(:host) .sf-p-4x-md{padding:var(--sf-spacing-4x)}:where(:host) .sf-pr-4x-md{padding-right:var(--sf-spacing-4x)}:where(:host) .sf-pl-4x-md{padding-left:var(--sf-spacing-4x)}:where(:host) .sf-pb-4x-md{padding-bottom:var(--sf-spacing-4x)}:where(:host) .sf-pt-4x-md{padding-top:var(--sf-spacing-4x)}:where(:host) .sf-px-4x-md{padding-left:var(--sf-spacing-4x);padding-right:var(--sf-spacing-4x)}:where(:host) .sf-py-4x-md{padding-bottom:var(--sf-spacing-4x);padding-top:var(--sf-spacing-4x)}:where(:host) .sf-m-4x-md{margin:var(--sf-spacing-4x)}:where(:host) .sf-mr-4x-md{margin-right:var(--sf-spacing-4x)}:where(:host) .sf-ml-4x-md{margin-left:var(--sf-spacing-4x)}:where(:host) .sf-mb-4x-md{margin-bottom:var(--sf-spacing-4x)}:where(:host) .sf-mt-4x-md{margin-top:var(--sf-spacing-4x)}:where(:host) .sf-mx-4x-md{margin-left:var(--sf-spacing-4x);margin-right:var(--sf-spacing-4x)}:where(:host) .sf-my-4x-md{margin-bottom:var(--sf-spacing-4x);margin-top:var(--sf-spacing-4x)}:where(:host) .sf-g-4x-md{gap:var(--sf-spacing-4x)}:where(:host) .sf-p-5x-md{padding:var(--sf-spacing-5x)}:where(:host) .sf-pr-5x-md{padding-right:var(--sf-spacing-5x)}:where(:host) .sf-pl-5x-md{padding-left:var(--sf-spacing-5x)}:where(:host) .sf-pb-5x-md{padding-bottom:var(--sf-spacing-5x)}:where(:host) .sf-pt-5x-md{padding-top:var(--sf-spacing-5x)}:where(:host) .sf-px-5x-md{padding-left:var(--sf-spacing-5x);padding-right:var(--sf-spacing-5x)}:where(:host) .sf-py-5x-md{padding-bottom:var(--sf-spacing-5x);padding-top:var(--sf-spacing-5x)}:where(:host) .sf-m-5x-md{margin:var(--sf-spacing-5x)}:where(:host) .sf-mr-5x-md{margin-right:var(--sf-spacing-5x)}:where(:host) .sf-ml-5x-md{margin-left:var(--sf-spacing-5x)}:where(:host) .sf-mb-5x-md{margin-bottom:var(--sf-spacing-5x)}:where(:host) .sf-mt-5x-md{margin-top:var(--sf-spacing-5x)}:where(:host) .sf-mx-5x-md{margin-left:var(--sf-spacing-5x);margin-right:var(--sf-spacing-5x)}:where(:host) .sf-my-5x-md{margin-bottom:var(--sf-spacing-5x);margin-top:var(--sf-spacing-5x)}:where(:host) .sf-g-5x-md{gap:var(--sf-spacing-5x)}:where(:host) .sf-p-6x-md{padding:var(--sf-spacing-6x)}:where(:host) .sf-pr-6x-md{padding-right:var(--sf-spacing-6x)}:where(:host) .sf-pl-6x-md{padding-left:var(--sf-spacing-6x)}:where(:host) .sf-pb-6x-md{padding-bottom:var(--sf-spacing-6x)}:where(:host) .sf-pt-6x-md{padding-top:var(--sf-spacing-6x)}:where(:host) .sf-px-6x-md{padding-left:var(--sf-spacing-6x);padding-right:var(--sf-spacing-6x)}:where(:host) .sf-py-6x-md{padding-bottom:var(--sf-spacing-6x);padding-top:var(--sf-spacing-6x)}:where(:host) .sf-m-6x-md{margin:var(--sf-spacing-6x)}:where(:host) .sf-mr-6x-md{margin-right:var(--sf-spacing-6x)}:where(:host) .sf-ml-6x-md{margin-left:var(--sf-spacing-6x)}:where(:host) .sf-mb-6x-md{margin-bottom:var(--sf-spacing-6x)}:where(:host) .sf-mt-6x-md{margin-top:var(--sf-spacing-6x)}:where(:host) .sf-mx-6x-md{margin-left:var(--sf-spacing-6x);margin-right:var(--sf-spacing-6x)}:where(:host) .sf-my-6x-md{margin-bottom:var(--sf-spacing-6x);margin-top:var(--sf-spacing-6x)}:where(:host) .sf-g-6x-md{gap:var(--sf-spacing-6x)}:where(:host) .sf-p-7x-md{padding:var(--sf-spacing-7x)}:where(:host) .sf-pr-7x-md{padding-right:var(--sf-spacing-7x)}:where(:host) .sf-pl-7x-md{padding-left:var(--sf-spacing-7x)}:where(:host) .sf-pb-7x-md{padding-bottom:var(--sf-spacing-7x)}:where(:host) .sf-pt-7x-md{padding-top:var(--sf-spacing-7x)}:where(:host) .sf-px-7x-md{padding-left:var(--sf-spacing-7x);padding-right:var(--sf-spacing-7x)}:where(:host) .sf-py-7x-md{padding-bottom:var(--sf-spacing-7x);padding-top:var(--sf-spacing-7x)}:where(:host) .sf-m-7x-md{margin:var(--sf-spacing-7x)}:where(:host) .sf-mr-7x-md{margin-right:var(--sf-spacing-7x)}:where(:host) .sf-ml-7x-md{margin-left:var(--sf-spacing-7x)}:where(:host) .sf-mb-7x-md{margin-bottom:var(--sf-spacing-7x)}:where(:host) .sf-mt-7x-md{margin-top:var(--sf-spacing-7x)}:where(:host) .sf-mx-7x-md{margin-left:var(--sf-spacing-7x);margin-right:var(--sf-spacing-7x)}:where(:host) .sf-my-7x-md{margin-bottom:var(--sf-spacing-7x);margin-top:var(--sf-spacing-7x)}:where(:host) .sf-g-7x-md{gap:var(--sf-spacing-7x)}:where(:host) .sf-p-8x-md{padding:var(--sf-spacing-8x)}:where(:host) .sf-pr-8x-md{padding-right:var(--sf-spacing-8x)}:where(:host) .sf-pl-8x-md{padding-left:var(--sf-spacing-8x)}:where(:host) .sf-pb-8x-md{padding-bottom:var(--sf-spacing-8x)}:where(:host) .sf-pt-8x-md{padding-top:var(--sf-spacing-8x)}:where(:host) .sf-px-8x-md{padding-left:var(--sf-spacing-8x);padding-right:var(--sf-spacing-8x)}:where(:host) .sf-py-8x-md{padding-bottom:var(--sf-spacing-8x);padding-top:var(--sf-spacing-8x)}:where(:host) .sf-m-8x-md{margin:var(--sf-spacing-8x)}:where(:host) .sf-mr-8x-md{margin-right:var(--sf-spacing-8x)}:where(:host) .sf-ml-8x-md{margin-left:var(--sf-spacing-8x)}:where(:host) .sf-mb-8x-md{margin-bottom:var(--sf-spacing-8x)}:where(:host) .sf-mt-8x-md{margin-top:var(--sf-spacing-8x)}:where(:host) .sf-mx-8x-md{margin-left:var(--sf-spacing-8x);margin-right:var(--sf-spacing-8x)}:where(:host) .sf-my-8x-md{margin-bottom:var(--sf-spacing-8x);margin-top:var(--sf-spacing-8x)}:where(:host) .sf-g-8x-md{gap:var(--sf-spacing-8x)}:where(:host) .sf-p-9x-md{padding:var(--sf-spacing-9x)}:where(:host) .sf-pr-9x-md{padding-right:var(--sf-spacing-9x)}:where(:host) .sf-pl-9x-md{padding-left:var(--sf-spacing-9x)}:where(:host) .sf-pb-9x-md{padding-bottom:var(--sf-spacing-9x)}:where(:host) .sf-pt-9x-md{padding-top:var(--sf-spacing-9x)}:where(:host) .sf-px-9x-md{padding-left:var(--sf-spacing-9x);padding-right:var(--sf-spacing-9x)}:where(:host) .sf-py-9x-md{padding-bottom:var(--sf-spacing-9x);padding-top:var(--sf-spacing-9x)}:where(:host) .sf-m-9x-md{margin:var(--sf-spacing-9x)}:where(:host) .sf-mr-9x-md{margin-right:var(--sf-spacing-9x)}:where(:host) .sf-ml-9x-md{margin-left:var(--sf-spacing-9x)}:where(:host) .sf-mb-9x-md{margin-bottom:var(--sf-spacing-9x)}:where(:host) .sf-mt-9x-md{margin-top:var(--sf-spacing-9x)}:where(:host) .sf-mx-9x-md{margin-left:var(--sf-spacing-9x);margin-right:var(--sf-spacing-9x)}:where(:host) .sf-my-9x-md{margin-bottom:var(--sf-spacing-9x);margin-top:var(--sf-spacing-9x)}:where(:host) .sf-g-9x-md{gap:var(--sf-spacing-9x)}:where(:host) .sf-p-10x-md{padding:var(--sf-spacing-10x)}:where(:host) .sf-pr-10x-md{padding-right:var(--sf-spacing-10x)}:where(:host) .sf-pl-10x-md{padding-left:var(--sf-spacing-10x)}:where(:host) .sf-pb-10x-md{padding-bottom:var(--sf-spacing-10x)}:where(:host) .sf-pt-10x-md{padding-top:var(--sf-spacing-10x)}:where(:host) .sf-px-10x-md{padding-left:var(--sf-spacing-10x);padding-right:var(--sf-spacing-10x)}:where(:host) .sf-py-10x-md{padding-bottom:var(--sf-spacing-10x);padding-top:var(--sf-spacing-10x)}:where(:host) .sf-m-10x-md{margin:var(--sf-spacing-10x)}:where(:host) .sf-mr-10x-md{margin-right:var(--sf-spacing-10x)}:where(:host) .sf-ml-10x-md{margin-left:var(--sf-spacing-10x)}:where(:host) .sf-mb-10x-md{margin-bottom:var(--sf-spacing-10x)}:where(:host) .sf-mt-10x-md{margin-top:var(--sf-spacing-10x)}:where(:host) .sf-mx-10x-md{margin-left:var(--sf-spacing-10x);margin-right:var(--sf-spacing-10x)}:where(:host) .sf-my-10x-md{margin-bottom:var(--sf-spacing-10x);margin-top:var(--sf-spacing-10x)}:where(:host) .sf-g-10x-md{gap:var(--sf-spacing-10x)}:where(:host) .sf-p-11x-md{padding:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-pr-11x-md{padding-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-pl-11x-md{padding-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-pb-11x-md{padding-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-pt-11x-md{padding-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-px-11x-md{padding-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x));padding-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-py-11x-md{padding-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x));padding-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-m-11x-md{margin:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-mr-11x-md{margin-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-ml-11x-md{margin-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-mb-11x-md{margin-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-mt-11x-md{margin-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-mx-11x-md{margin-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x));margin-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-my-11x-md{margin-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x));margin-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-g-11x-md{gap:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-p-12x-md{padding:var(--sf-spacing-12x)}:where(:host) .sf-pr-12x-md{padding-right:var(--sf-spacing-12x)}:where(:host) .sf-pl-12x-md{padding-left:var(--sf-spacing-12x)}:where(:host) .sf-pb-12x-md{padding-bottom:var(--sf-spacing-12x)}:where(:host) .sf-pt-12x-md{padding-top:var(--sf-spacing-12x)}:where(:host) .sf-px-12x-md{padding-left:var(--sf-spacing-12x);padding-right:var(--sf-spacing-12x)}:where(:host) .sf-py-12x-md{padding-bottom:var(--sf-spacing-12x);padding-top:var(--sf-spacing-12x)}:where(:host) .sf-m-12x-md{margin:var(--sf-spacing-12x)}:where(:host) .sf-mr-12x-md{margin-right:var(--sf-spacing-12x)}:where(:host) .sf-ml-12x-md{margin-left:var(--sf-spacing-12x)}:where(:host) .sf-mb-12x-md{margin-bottom:var(--sf-spacing-12x)}:where(:host) .sf-mt-12x-md{margin-top:var(--sf-spacing-12x)}:where(:host) .sf-mx-12x-md{margin-left:var(--sf-spacing-12x);margin-right:var(--sf-spacing-12x)}:where(:host) .sf-my-12x-md{margin-bottom:var(--sf-spacing-12x);margin-top:var(--sf-spacing-12x)}:where(:host) .sf-g-12x-md{gap:var(--sf-spacing-12x)}:where(:host) .sf-p-13x-md{padding:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-pr-13x-md{padding-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-pl-13x-md{padding-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-pb-13x-md{padding-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-pt-13x-md{padding-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-px-13x-md{padding-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x));padding-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-py-13x-md{padding-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x));padding-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-m-13x-md{margin:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-mr-13x-md{margin-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-ml-13x-md{margin-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-mb-13x-md{margin-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-mt-13x-md{margin-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-mx-13x-md{margin-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x));margin-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-my-13x-md{margin-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x));margin-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-g-13x-md{gap:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-p-14x-md{padding:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-pr-14x-md{padding-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-pl-14x-md{padding-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-pb-14x-md{padding-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-pt-14x-md{padding-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-px-14x-md{padding-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x));padding-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-py-14x-md{padding-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x));padding-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-m-14x-md{margin:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-mr-14x-md{margin-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-ml-14x-md{margin-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-mb-14x-md{margin-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-mt-14x-md{margin-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-mx-14x-md{margin-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x));margin-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-my-14x-md{margin-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x));margin-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-g-14x-md{gap:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-p-15x-md{padding:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-pr-15x-md{padding-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-pl-15x-md{padding-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-pb-15x-md{padding-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-pt-15x-md{padding-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-px-15x-md{padding-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x));padding-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-py-15x-md{padding-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x));padding-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-m-15x-md{margin:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-mr-15x-md{margin-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-ml-15x-md{margin-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-mb-15x-md{margin-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-mt-15x-md{margin-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-mx-15x-md{margin-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x));margin-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-my-15x-md{margin-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x));margin-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-g-15x-md{gap:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-p-16x-md{padding:var(--sf-spacing-16x)}:where(:host) .sf-pr-16x-md{padding-right:var(--sf-spacing-16x)}:where(:host) .sf-pl-16x-md{padding-left:var(--sf-spacing-16x)}:where(:host) .sf-pb-16x-md{padding-bottom:var(--sf-spacing-16x)}:where(:host) .sf-pt-16x-md{padding-top:var(--sf-spacing-16x)}:where(:host) .sf-px-16x-md{padding-left:var(--sf-spacing-16x);padding-right:var(--sf-spacing-16x)}:where(:host) .sf-py-16x-md{padding-bottom:var(--sf-spacing-16x);padding-top:var(--sf-spacing-16x)}:where(:host) .sf-m-16x-md{margin:var(--sf-spacing-16x)}:where(:host) .sf-mr-16x-md{margin-right:var(--sf-spacing-16x)}:where(:host) .sf-ml-16x-md{margin-left:var(--sf-spacing-16x)}:where(:host) .sf-mb-16x-md{margin-bottom:var(--sf-spacing-16x)}:where(:host) .sf-mt-16x-md{margin-top:var(--sf-spacing-16x)}:where(:host) .sf-mx-16x-md{margin-left:var(--sf-spacing-16x);margin-right:var(--sf-spacing-16x)}:where(:host) .sf-my-16x-md{margin-bottom:var(--sf-spacing-16x);margin-top:var(--sf-spacing-16x)}:where(:host) .sf-g-16x-md{gap:var(--sf-spacing-16x)}}@media screen and (min-width:1024px){:where(:host) .sf-p-0x-lg{padding:0}:where(:host) .sf-pr-0x-lg{padding-right:0}:where(:host) .sf-pl-0x-lg{padding-left:0}:where(:host) .sf-pb-0x-lg{padding-bottom:0}:where(:host) .sf-pt-0x-lg{padding-top:0}:where(:host) .sf-px-0x-lg{padding-left:0;padding-right:0}:where(:host) .sf-py-0x-lg{padding-bottom:0;padding-top:0}:where(:host) .sf-m-0x-lg{margin:0}:where(:host) .sf-mr-0x-lg{margin-right:0}:where(:host) .sf-ml-0x-lg{margin-left:0}:where(:host) .sf-mb-0x-lg{margin-bottom:0}:where(:host) .sf-mt-0x-lg{margin-top:0}:where(:host) .sf-mx-0x-lg{margin-left:0;margin-right:0}:where(:host) .sf-my-0x-lg{margin-bottom:0;margin-top:0}:where(:host) .sf-g-0x-lg{gap:0}:where(:host) .sf-p-0-25x-lg{padding:var(--sf-spacing-0-25x)}:where(:host) .sf-pr-0-25x-lg{padding-right:var(--sf-spacing-0-25x)}:where(:host) .sf-pl-0-25x-lg{padding-left:var(--sf-spacing-0-25x)}:where(:host) .sf-pb-0-25x-lg{padding-bottom:var(--sf-spacing-0-25x)}:where(:host) .sf-pt-0-25x-lg{padding-top:var(--sf-spacing-0-25x)}:where(:host) .sf-px-0-25x-lg{padding-left:var(--sf-spacing-0-25x);padding-right:var(--sf-spacing-0-25x)}:where(:host) .sf-py-0-25x-lg{padding-bottom:var(--sf-spacing-0-25x);padding-top:var(--sf-spacing-0-25x)}:where(:host) .sf-m-0-25x-lg{margin:var(--sf-spacing-0-25x)}:where(:host) .sf-mr-0-25x-lg{margin-right:var(--sf-spacing-0-25x)}:where(:host) .sf-ml-0-25x-lg{margin-left:var(--sf-spacing-0-25x)}:where(:host) .sf-mb-0-25x-lg{margin-bottom:var(--sf-spacing-0-25x)}:where(:host) .sf-mt-0-25x-lg{margin-top:var(--sf-spacing-0-25x)}:where(:host) .sf-mx-0-25x-lg{margin-left:var(--sf-spacing-0-25x);margin-right:var(--sf-spacing-0-25x)}:where(:host) .sf-my-0-25x-lg{margin-bottom:var(--sf-spacing-0-25x);margin-top:var(--sf-spacing-0-25x)}:where(:host) .sf-g-0-25x-lg{gap:var(--sf-spacing-0-25x)}:where(:host) .sf-p-0-5x-lg{padding:var(--sf-spacing-0-5x)}:where(:host) .sf-pr-0-5x-lg{padding-right:var(--sf-spacing-0-5x)}:where(:host) .sf-pl-0-5x-lg{padding-left:var(--sf-spacing-0-5x)}:where(:host) .sf-pb-0-5x-lg{padding-bottom:var(--sf-spacing-0-5x)}:where(:host) .sf-pt-0-5x-lg{padding-top:var(--sf-spacing-0-5x)}:where(:host) .sf-px-0-5x-lg{padding-left:var(--sf-spacing-0-5x);padding-right:var(--sf-spacing-0-5x)}:where(:host) .sf-py-0-5x-lg{padding-bottom:var(--sf-spacing-0-5x);padding-top:var(--sf-spacing-0-5x)}:where(:host) .sf-m-0-5x-lg{margin:var(--sf-spacing-0-5x)}:where(:host) .sf-mr-0-5x-lg{margin-right:var(--sf-spacing-0-5x)}:where(:host) .sf-ml-0-5x-lg{margin-left:var(--sf-spacing-0-5x)}:where(:host) .sf-mb-0-5x-lg{margin-bottom:var(--sf-spacing-0-5x)}:where(:host) .sf-mt-0-5x-lg{margin-top:var(--sf-spacing-0-5x)}:where(:host) .sf-mx-0-5x-lg{margin-left:var(--sf-spacing-0-5x);margin-right:var(--sf-spacing-0-5x)}:where(:host) .sf-my-0-5x-lg{margin-bottom:var(--sf-spacing-0-5x);margin-top:var(--sf-spacing-0-5x)}:where(:host) .sf-g-0-5x-lg{gap:var(--sf-spacing-0-5x)}:where(:host) .sf-p-1-5x-lg{padding:var(--sf-spacing-1-5x)}:where(:host) .sf-pr-1-5x-lg{padding-right:var(--sf-spacing-1-5x)}:where(:host) .sf-pl-1-5x-lg{padding-left:var(--sf-spacing-1-5x)}:where(:host) .sf-pb-1-5x-lg{padding-bottom:var(--sf-spacing-1-5x)}:where(:host) .sf-pt-1-5x-lg{padding-top:var(--sf-spacing-1-5x)}:where(:host) .sf-px-1-5x-lg{padding-left:var(--sf-spacing-1-5x);padding-right:var(--sf-spacing-1-5x)}:where(:host) .sf-py-1-5x-lg{padding-bottom:var(--sf-spacing-1-5x);padding-top:var(--sf-spacing-1-5x)}:where(:host) .sf-m-1-5x-lg{margin:var(--sf-spacing-1-5x)}:where(:host) .sf-mr-1-5x-lg{margin-right:var(--sf-spacing-1-5x)}:where(:host) .sf-ml-1-5x-lg{margin-left:var(--sf-spacing-1-5x)}:where(:host) .sf-mb-1-5x-lg{margin-bottom:var(--sf-spacing-1-5x)}:where(:host) .sf-mt-1-5x-lg{margin-top:var(--sf-spacing-1-5x)}:where(:host) .sf-mx-1-5x-lg{margin-left:var(--sf-spacing-1-5x);margin-right:var(--sf-spacing-1-5x)}:where(:host) .sf-my-1-5x-lg{margin-bottom:var(--sf-spacing-1-5x);margin-top:var(--sf-spacing-1-5x)}:where(:host) .sf-g-1-5x-lg{gap:var(--sf-spacing-1-5x)}:where(:host) .sf-p-1x-lg{padding:var(--sf-spacing-1x)}:where(:host) .sf-pr-1x-lg{padding-right:var(--sf-spacing-1x)}:where(:host) .sf-pl-1x-lg{padding-left:var(--sf-spacing-1x)}:where(:host) .sf-pb-1x-lg{padding-bottom:var(--sf-spacing-1x)}:where(:host) .sf-pt-1x-lg{padding-top:var(--sf-spacing-1x)}:where(:host) .sf-px-1x-lg{padding-left:var(--sf-spacing-1x);padding-right:var(--sf-spacing-1x)}:where(:host) .sf-py-1x-lg{padding-bottom:var(--sf-spacing-1x);padding-top:var(--sf-spacing-1x)}:where(:host) .sf-m-1x-lg{margin:var(--sf-spacing-1x)}:where(:host) .sf-mr-1x-lg{margin-right:var(--sf-spacing-1x)}:where(:host) .sf-ml-1x-lg{margin-left:var(--sf-spacing-1x)}:where(:host) .sf-mb-1x-lg{margin-bottom:var(--sf-spacing-1x)}:where(:host) .sf-mt-1x-lg{margin-top:var(--sf-spacing-1x)}:where(:host) .sf-mx-1x-lg{margin-left:var(--sf-spacing-1x);margin-right:var(--sf-spacing-1x)}:where(:host) .sf-my-1x-lg{margin-bottom:var(--sf-spacing-1x);margin-top:var(--sf-spacing-1x)}:where(:host) .sf-g-1x-lg{gap:var(--sf-spacing-1x)}:where(:host) .sf-p-2x-lg{padding:var(--sf-spacing-2x)}:where(:host) .sf-pr-2x-lg{padding-right:var(--sf-spacing-2x)}:where(:host) .sf-pl-2x-lg{padding-left:var(--sf-spacing-2x)}:where(:host) .sf-pb-2x-lg{padding-bottom:var(--sf-spacing-2x)}:where(:host) .sf-pt-2x-lg{padding-top:var(--sf-spacing-2x)}:where(:host) .sf-px-2x-lg{padding-left:var(--sf-spacing-2x);padding-right:var(--sf-spacing-2x)}:where(:host) .sf-py-2x-lg{padding-bottom:var(--sf-spacing-2x);padding-top:var(--sf-spacing-2x)}:where(:host) .sf-m-2x-lg{margin:var(--sf-spacing-2x)}:where(:host) .sf-mr-2x-lg{margin-right:var(--sf-spacing-2x)}:where(:host) .sf-ml-2x-lg{margin-left:var(--sf-spacing-2x)}:where(:host) .sf-mb-2x-lg{margin-bottom:var(--sf-spacing-2x)}:where(:host) .sf-mt-2x-lg{margin-top:var(--sf-spacing-2x)}:where(:host) .sf-mx-2x-lg{margin-left:var(--sf-spacing-2x);margin-right:var(--sf-spacing-2x)}:where(:host) .sf-my-2x-lg{margin-bottom:var(--sf-spacing-2x);margin-top:var(--sf-spacing-2x)}:where(:host) .sf-g-2x-lg{gap:var(--sf-spacing-2x)}:where(:host) .sf-p-3x-lg{padding:var(--sf-spacing-3x)}:where(:host) .sf-pr-3x-lg{padding-right:var(--sf-spacing-3x)}:where(:host) .sf-pl-3x-lg{padding-left:var(--sf-spacing-3x)}:where(:host) .sf-pb-3x-lg{padding-bottom:var(--sf-spacing-3x)}:where(:host) .sf-pt-3x-lg{padding-top:var(--sf-spacing-3x)}:where(:host) .sf-px-3x-lg{padding-left:var(--sf-spacing-3x);padding-right:var(--sf-spacing-3x)}:where(:host) .sf-py-3x-lg{padding-bottom:var(--sf-spacing-3x);padding-top:var(--sf-spacing-3x)}:where(:host) .sf-m-3x-lg{margin:var(--sf-spacing-3x)}:where(:host) .sf-mr-3x-lg{margin-right:var(--sf-spacing-3x)}:where(:host) .sf-ml-3x-lg{margin-left:var(--sf-spacing-3x)}:where(:host) .sf-mb-3x-lg{margin-bottom:var(--sf-spacing-3x)}:where(:host) .sf-mt-3x-lg{margin-top:var(--sf-spacing-3x)}:where(:host) .sf-mx-3x-lg{margin-left:var(--sf-spacing-3x);margin-right:var(--sf-spacing-3x)}:where(:host) .sf-my-3x-lg{margin-bottom:var(--sf-spacing-3x);margin-top:var(--sf-spacing-3x)}:where(:host) .sf-g-3x-lg{gap:var(--sf-spacing-3x)}:where(:host) .sf-p-4x-lg{padding:var(--sf-spacing-4x)}:where(:host) .sf-pr-4x-lg{padding-right:var(--sf-spacing-4x)}:where(:host) .sf-pl-4x-lg{padding-left:var(--sf-spacing-4x)}:where(:host) .sf-pb-4x-lg{padding-bottom:var(--sf-spacing-4x)}:where(:host) .sf-pt-4x-lg{padding-top:var(--sf-spacing-4x)}:where(:host) .sf-px-4x-lg{padding-left:var(--sf-spacing-4x);padding-right:var(--sf-spacing-4x)}:where(:host) .sf-py-4x-lg{padding-bottom:var(--sf-spacing-4x);padding-top:var(--sf-spacing-4x)}:where(:host) .sf-m-4x-lg{margin:var(--sf-spacing-4x)}:where(:host) .sf-mr-4x-lg{margin-right:var(--sf-spacing-4x)}:where(:host) .sf-ml-4x-lg{margin-left:var(--sf-spacing-4x)}:where(:host) .sf-mb-4x-lg{margin-bottom:var(--sf-spacing-4x)}:where(:host) .sf-mt-4x-lg{margin-top:var(--sf-spacing-4x)}:where(:host) .sf-mx-4x-lg{margin-left:var(--sf-spacing-4x);margin-right:var(--sf-spacing-4x)}:where(:host) .sf-my-4x-lg{margin-bottom:var(--sf-spacing-4x);margin-top:var(--sf-spacing-4x)}:where(:host) .sf-g-4x-lg{gap:var(--sf-spacing-4x)}:where(:host) .sf-p-5x-lg{padding:var(--sf-spacing-5x)}:where(:host) .sf-pr-5x-lg{padding-right:var(--sf-spacing-5x)}:where(:host) .sf-pl-5x-lg{padding-left:var(--sf-spacing-5x)}:where(:host) .sf-pb-5x-lg{padding-bottom:var(--sf-spacing-5x)}:where(:host) .sf-pt-5x-lg{padding-top:var(--sf-spacing-5x)}:where(:host) .sf-px-5x-lg{padding-left:var(--sf-spacing-5x);padding-right:var(--sf-spacing-5x)}:where(:host) .sf-py-5x-lg{padding-bottom:var(--sf-spacing-5x);padding-top:var(--sf-spacing-5x)}:where(:host) .sf-m-5x-lg{margin:var(--sf-spacing-5x)}:where(:host) .sf-mr-5x-lg{margin-right:var(--sf-spacing-5x)}:where(:host) .sf-ml-5x-lg{margin-left:var(--sf-spacing-5x)}:where(:host) .sf-mb-5x-lg{margin-bottom:var(--sf-spacing-5x)}:where(:host) .sf-mt-5x-lg{margin-top:var(--sf-spacing-5x)}:where(:host) .sf-mx-5x-lg{margin-left:var(--sf-spacing-5x);margin-right:var(--sf-spacing-5x)}:where(:host) .sf-my-5x-lg{margin-bottom:var(--sf-spacing-5x);margin-top:var(--sf-spacing-5x)}:where(:host) .sf-g-5x-lg{gap:var(--sf-spacing-5x)}:where(:host) .sf-p-6x-lg{padding:var(--sf-spacing-6x)}:where(:host) .sf-pr-6x-lg{padding-right:var(--sf-spacing-6x)}:where(:host) .sf-pl-6x-lg{padding-left:var(--sf-spacing-6x)}:where(:host) .sf-pb-6x-lg{padding-bottom:var(--sf-spacing-6x)}:where(:host) .sf-pt-6x-lg{padding-top:var(--sf-spacing-6x)}:where(:host) .sf-px-6x-lg{padding-left:var(--sf-spacing-6x);padding-right:var(--sf-spacing-6x)}:where(:host) .sf-py-6x-lg{padding-bottom:var(--sf-spacing-6x);padding-top:var(--sf-spacing-6x)}:where(:host) .sf-m-6x-lg{margin:var(--sf-spacing-6x)}:where(:host) .sf-mr-6x-lg{margin-right:var(--sf-spacing-6x)}:where(:host) .sf-ml-6x-lg{margin-left:var(--sf-spacing-6x)}:where(:host) .sf-mb-6x-lg{margin-bottom:var(--sf-spacing-6x)}:where(:host) .sf-mt-6x-lg{margin-top:var(--sf-spacing-6x)}:where(:host) .sf-mx-6x-lg{margin-left:var(--sf-spacing-6x);margin-right:var(--sf-spacing-6x)}:where(:host) .sf-my-6x-lg{margin-bottom:var(--sf-spacing-6x);margin-top:var(--sf-spacing-6x)}:where(:host) .sf-g-6x-lg{gap:var(--sf-spacing-6x)}:where(:host) .sf-p-7x-lg{padding:var(--sf-spacing-7x)}:where(:host) .sf-pr-7x-lg{padding-right:var(--sf-spacing-7x)}:where(:host) .sf-pl-7x-lg{padding-left:var(--sf-spacing-7x)}:where(:host) .sf-pb-7x-lg{padding-bottom:var(--sf-spacing-7x)}:where(:host) .sf-pt-7x-lg{padding-top:var(--sf-spacing-7x)}:where(:host) .sf-px-7x-lg{padding-left:var(--sf-spacing-7x);padding-right:var(--sf-spacing-7x)}:where(:host) .sf-py-7x-lg{padding-bottom:var(--sf-spacing-7x);padding-top:var(--sf-spacing-7x)}:where(:host) .sf-m-7x-lg{margin:var(--sf-spacing-7x)}:where(:host) .sf-mr-7x-lg{margin-right:var(--sf-spacing-7x)}:where(:host) .sf-ml-7x-lg{margin-left:var(--sf-spacing-7x)}:where(:host) .sf-mb-7x-lg{margin-bottom:var(--sf-spacing-7x)}:where(:host) .sf-mt-7x-lg{margin-top:var(--sf-spacing-7x)}:where(:host) .sf-mx-7x-lg{margin-left:var(--sf-spacing-7x);margin-right:var(--sf-spacing-7x)}:where(:host) .sf-my-7x-lg{margin-bottom:var(--sf-spacing-7x);margin-top:var(--sf-spacing-7x)}:where(:host) .sf-g-7x-lg{gap:var(--sf-spacing-7x)}:where(:host) .sf-p-8x-lg{padding:var(--sf-spacing-8x)}:where(:host) .sf-pr-8x-lg{padding-right:var(--sf-spacing-8x)}:where(:host) .sf-pl-8x-lg{padding-left:var(--sf-spacing-8x)}:where(:host) .sf-pb-8x-lg{padding-bottom:var(--sf-spacing-8x)}:where(:host) .sf-pt-8x-lg{padding-top:var(--sf-spacing-8x)}:where(:host) .sf-px-8x-lg{padding-left:var(--sf-spacing-8x);padding-right:var(--sf-spacing-8x)}:where(:host) .sf-py-8x-lg{padding-bottom:var(--sf-spacing-8x);padding-top:var(--sf-spacing-8x)}:where(:host) .sf-m-8x-lg{margin:var(--sf-spacing-8x)}:where(:host) .sf-mr-8x-lg{margin-right:var(--sf-spacing-8x)}:where(:host) .sf-ml-8x-lg{margin-left:var(--sf-spacing-8x)}:where(:host) .sf-mb-8x-lg{margin-bottom:var(--sf-spacing-8x)}:where(:host) .sf-mt-8x-lg{margin-top:var(--sf-spacing-8x)}:where(:host) .sf-mx-8x-lg{margin-left:var(--sf-spacing-8x);margin-right:var(--sf-spacing-8x)}:where(:host) .sf-my-8x-lg{margin-bottom:var(--sf-spacing-8x);margin-top:var(--sf-spacing-8x)}:where(:host) .sf-g-8x-lg{gap:var(--sf-spacing-8x)}:where(:host) .sf-p-9x-lg{padding:var(--sf-spacing-9x)}:where(:host) .sf-pr-9x-lg{padding-right:var(--sf-spacing-9x)}:where(:host) .sf-pl-9x-lg{padding-left:var(--sf-spacing-9x)}:where(:host) .sf-pb-9x-lg{padding-bottom:var(--sf-spacing-9x)}:where(:host) .sf-pt-9x-lg{padding-top:var(--sf-spacing-9x)}:where(:host) .sf-px-9x-lg{padding-left:var(--sf-spacing-9x);padding-right:var(--sf-spacing-9x)}:where(:host) .sf-py-9x-lg{padding-bottom:var(--sf-spacing-9x);padding-top:var(--sf-spacing-9x)}:where(:host) .sf-m-9x-lg{margin:var(--sf-spacing-9x)}:where(:host) .sf-mr-9x-lg{margin-right:var(--sf-spacing-9x)}:where(:host) .sf-ml-9x-lg{margin-left:var(--sf-spacing-9x)}:where(:host) .sf-mb-9x-lg{margin-bottom:var(--sf-spacing-9x)}:where(:host) .sf-mt-9x-lg{margin-top:var(--sf-spacing-9x)}:where(:host) .sf-mx-9x-lg{margin-left:var(--sf-spacing-9x);margin-right:var(--sf-spacing-9x)}:where(:host) .sf-my-9x-lg{margin-bottom:var(--sf-spacing-9x);margin-top:var(--sf-spacing-9x)}:where(:host) .sf-g-9x-lg{gap:var(--sf-spacing-9x)}:where(:host) .sf-p-10x-lg{padding:var(--sf-spacing-10x)}:where(:host) .sf-pr-10x-lg{padding-right:var(--sf-spacing-10x)}:where(:host) .sf-pl-10x-lg{padding-left:var(--sf-spacing-10x)}:where(:host) .sf-pb-10x-lg{padding-bottom:var(--sf-spacing-10x)}:where(:host) .sf-pt-10x-lg{padding-top:var(--sf-spacing-10x)}:where(:host) .sf-px-10x-lg{padding-left:var(--sf-spacing-10x);padding-right:var(--sf-spacing-10x)}:where(:host) .sf-py-10x-lg{padding-bottom:var(--sf-spacing-10x);padding-top:var(--sf-spacing-10x)}:where(:host) .sf-m-10x-lg{margin:var(--sf-spacing-10x)}:where(:host) .sf-mr-10x-lg{margin-right:var(--sf-spacing-10x)}:where(:host) .sf-ml-10x-lg{margin-left:var(--sf-spacing-10x)}:where(:host) .sf-mb-10x-lg{margin-bottom:var(--sf-spacing-10x)}:where(:host) .sf-mt-10x-lg{margin-top:var(--sf-spacing-10x)}:where(:host) .sf-mx-10x-lg{margin-left:var(--sf-spacing-10x);margin-right:var(--sf-spacing-10x)}:where(:host) .sf-my-10x-lg{margin-bottom:var(--sf-spacing-10x);margin-top:var(--sf-spacing-10x)}:where(:host) .sf-g-10x-lg{gap:var(--sf-spacing-10x)}:where(:host) .sf-p-11x-lg{padding:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-pr-11x-lg{padding-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-pl-11x-lg{padding-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-pb-11x-lg{padding-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-pt-11x-lg{padding-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-px-11x-lg{padding-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x));padding-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-py-11x-lg{padding-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x));padding-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-m-11x-lg{margin:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-mr-11x-lg{margin-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-ml-11x-lg{margin-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-mb-11x-lg{margin-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-mt-11x-lg{margin-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-mx-11x-lg{margin-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x));margin-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-my-11x-lg{margin-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x));margin-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-g-11x-lg{gap:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-p-12x-lg{padding:var(--sf-spacing-12x)}:where(:host) .sf-pr-12x-lg{padding-right:var(--sf-spacing-12x)}:where(:host) .sf-pl-12x-lg{padding-left:var(--sf-spacing-12x)}:where(:host) .sf-pb-12x-lg{padding-bottom:var(--sf-spacing-12x)}:where(:host) .sf-pt-12x-lg{padding-top:var(--sf-spacing-12x)}:where(:host) .sf-px-12x-lg{padding-left:var(--sf-spacing-12x);padding-right:var(--sf-spacing-12x)}:where(:host) .sf-py-12x-lg{padding-bottom:var(--sf-spacing-12x);padding-top:var(--sf-spacing-12x)}:where(:host) .sf-m-12x-lg{margin:var(--sf-spacing-12x)}:where(:host) .sf-mr-12x-lg{margin-right:var(--sf-spacing-12x)}:where(:host) .sf-ml-12x-lg{margin-left:var(--sf-spacing-12x)}:where(:host) .sf-mb-12x-lg{margin-bottom:var(--sf-spacing-12x)}:where(:host) .sf-mt-12x-lg{margin-top:var(--sf-spacing-12x)}:where(:host) .sf-mx-12x-lg{margin-left:var(--sf-spacing-12x);margin-right:var(--sf-spacing-12x)}:where(:host) .sf-my-12x-lg{margin-bottom:var(--sf-spacing-12x);margin-top:var(--sf-spacing-12x)}:where(:host) .sf-g-12x-lg{gap:var(--sf-spacing-12x)}:where(:host) .sf-p-13x-lg{padding:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-pr-13x-lg{padding-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-pl-13x-lg{padding-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-pb-13x-lg{padding-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-pt-13x-lg{padding-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-px-13x-lg{padding-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x));padding-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-py-13x-lg{padding-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x));padding-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-m-13x-lg{margin:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-mr-13x-lg{margin-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-ml-13x-lg{margin-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-mb-13x-lg{margin-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-mt-13x-lg{margin-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-mx-13x-lg{margin-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x));margin-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-my-13x-lg{margin-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x));margin-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-g-13x-lg{gap:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-p-14x-lg{padding:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-pr-14x-lg{padding-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-pl-14x-lg{padding-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-pb-14x-lg{padding-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-pt-14x-lg{padding-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-px-14x-lg{padding-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x));padding-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-py-14x-lg{padding-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x));padding-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-m-14x-lg{margin:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-mr-14x-lg{margin-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-ml-14x-lg{margin-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-mb-14x-lg{margin-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-mt-14x-lg{margin-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-mx-14x-lg{margin-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x));margin-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-my-14x-lg{margin-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x));margin-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-g-14x-lg{gap:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-p-15x-lg{padding:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-pr-15x-lg{padding-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-pl-15x-lg{padding-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-pb-15x-lg{padding-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-pt-15x-lg{padding-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-px-15x-lg{padding-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x));padding-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-py-15x-lg{padding-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x));padding-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-m-15x-lg{margin:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-mr-15x-lg{margin-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-ml-15x-lg{margin-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-mb-15x-lg{margin-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-mt-15x-lg{margin-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-mx-15x-lg{margin-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x));margin-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-my-15x-lg{margin-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x));margin-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-g-15x-lg{gap:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-p-16x-lg{padding:var(--sf-spacing-16x)}:where(:host) .sf-pr-16x-lg{padding-right:var(--sf-spacing-16x)}:where(:host) .sf-pl-16x-lg{padding-left:var(--sf-spacing-16x)}:where(:host) .sf-pb-16x-lg{padding-bottom:var(--sf-spacing-16x)}:where(:host) .sf-pt-16x-lg{padding-top:var(--sf-spacing-16x)}:where(:host) .sf-px-16x-lg{padding-left:var(--sf-spacing-16x);padding-right:var(--sf-spacing-16x)}:where(:host) .sf-py-16x-lg{padding-bottom:var(--sf-spacing-16x);padding-top:var(--sf-spacing-16x)}:where(:host) .sf-m-16x-lg{margin:var(--sf-spacing-16x)}:where(:host) .sf-mr-16x-lg{margin-right:var(--sf-spacing-16x)}:where(:host) .sf-ml-16x-lg{margin-left:var(--sf-spacing-16x)}:where(:host) .sf-mb-16x-lg{margin-bottom:var(--sf-spacing-16x)}:where(:host) .sf-mt-16x-lg{margin-top:var(--sf-spacing-16x)}:where(:host) .sf-mx-16x-lg{margin-left:var(--sf-spacing-16x);margin-right:var(--sf-spacing-16x)}:where(:host) .sf-my-16x-lg{margin-bottom:var(--sf-spacing-16x);margin-top:var(--sf-spacing-16x)}:where(:host) .sf-g-16x-lg{gap:var(--sf-spacing-16x)}}@media screen and (min-width:1280px){:where(:host) .sf-p-0x-xl{padding:0}:where(:host) .sf-pr-0x-xl{padding-right:0}:where(:host) .sf-pl-0x-xl{padding-left:0}:where(:host) .sf-pb-0x-xl{padding-bottom:0}:where(:host) .sf-pt-0x-xl{padding-top:0}:where(:host) .sf-px-0x-xl{padding-left:0;padding-right:0}:where(:host) .sf-py-0x-xl{padding-bottom:0;padding-top:0}:where(:host) .sf-m-0x-xl{margin:0}:where(:host) .sf-mr-0x-xl{margin-right:0}:where(:host) .sf-ml-0x-xl{margin-left:0}:where(:host) .sf-mb-0x-xl{margin-bottom:0}:where(:host) .sf-mt-0x-xl{margin-top:0}:where(:host) .sf-mx-0x-xl{margin-left:0;margin-right:0}:where(:host) .sf-my-0x-xl{margin-bottom:0;margin-top:0}:where(:host) .sf-g-0x-xl{gap:0}:where(:host) .sf-p-0-25x-xl{padding:var(--sf-spacing-0-25x)}:where(:host) .sf-pr-0-25x-xl{padding-right:var(--sf-spacing-0-25x)}:where(:host) .sf-pl-0-25x-xl{padding-left:var(--sf-spacing-0-25x)}:where(:host) .sf-pb-0-25x-xl{padding-bottom:var(--sf-spacing-0-25x)}:where(:host) .sf-pt-0-25x-xl{padding-top:var(--sf-spacing-0-25x)}:where(:host) .sf-px-0-25x-xl{padding-left:var(--sf-spacing-0-25x);padding-right:var(--sf-spacing-0-25x)}:where(:host) .sf-py-0-25x-xl{padding-bottom:var(--sf-spacing-0-25x);padding-top:var(--sf-spacing-0-25x)}:where(:host) .sf-m-0-25x-xl{margin:var(--sf-spacing-0-25x)}:where(:host) .sf-mr-0-25x-xl{margin-right:var(--sf-spacing-0-25x)}:where(:host) .sf-ml-0-25x-xl{margin-left:var(--sf-spacing-0-25x)}:where(:host) .sf-mb-0-25x-xl{margin-bottom:var(--sf-spacing-0-25x)}:where(:host) .sf-mt-0-25x-xl{margin-top:var(--sf-spacing-0-25x)}:where(:host) .sf-mx-0-25x-xl{margin-left:var(--sf-spacing-0-25x);margin-right:var(--sf-spacing-0-25x)}:where(:host) .sf-my-0-25x-xl{margin-bottom:var(--sf-spacing-0-25x);margin-top:var(--sf-spacing-0-25x)}:where(:host) .sf-g-0-25x-xl{gap:var(--sf-spacing-0-25x)}:where(:host) .sf-p-0-5x-xl{padding:var(--sf-spacing-0-5x)}:where(:host) .sf-pr-0-5x-xl{padding-right:var(--sf-spacing-0-5x)}:where(:host) .sf-pl-0-5x-xl{padding-left:var(--sf-spacing-0-5x)}:where(:host) .sf-pb-0-5x-xl{padding-bottom:var(--sf-spacing-0-5x)}:where(:host) .sf-pt-0-5x-xl{padding-top:var(--sf-spacing-0-5x)}:where(:host) .sf-px-0-5x-xl{padding-left:var(--sf-spacing-0-5x);padding-right:var(--sf-spacing-0-5x)}:where(:host) .sf-py-0-5x-xl{padding-bottom:var(--sf-spacing-0-5x);padding-top:var(--sf-spacing-0-5x)}:where(:host) .sf-m-0-5x-xl{margin:var(--sf-spacing-0-5x)}:where(:host) .sf-mr-0-5x-xl{margin-right:var(--sf-spacing-0-5x)}:where(:host) .sf-ml-0-5x-xl{margin-left:var(--sf-spacing-0-5x)}:where(:host) .sf-mb-0-5x-xl{margin-bottom:var(--sf-spacing-0-5x)}:where(:host) .sf-mt-0-5x-xl{margin-top:var(--sf-spacing-0-5x)}:where(:host) .sf-mx-0-5x-xl{margin-left:var(--sf-spacing-0-5x);margin-right:var(--sf-spacing-0-5x)}:where(:host) .sf-my-0-5x-xl{margin-bottom:var(--sf-spacing-0-5x);margin-top:var(--sf-spacing-0-5x)}:where(:host) .sf-g-0-5x-xl{gap:var(--sf-spacing-0-5x)}:where(:host) .sf-p-1-5x-xl{padding:var(--sf-spacing-1-5x)}:where(:host) .sf-pr-1-5x-xl{padding-right:var(--sf-spacing-1-5x)}:where(:host) .sf-pl-1-5x-xl{padding-left:var(--sf-spacing-1-5x)}:where(:host) .sf-pb-1-5x-xl{padding-bottom:var(--sf-spacing-1-5x)}:where(:host) .sf-pt-1-5x-xl{padding-top:var(--sf-spacing-1-5x)}:where(:host) .sf-px-1-5x-xl{padding-left:var(--sf-spacing-1-5x);padding-right:var(--sf-spacing-1-5x)}:where(:host) .sf-py-1-5x-xl{padding-bottom:var(--sf-spacing-1-5x);padding-top:var(--sf-spacing-1-5x)}:where(:host) .sf-m-1-5x-xl{margin:var(--sf-spacing-1-5x)}:where(:host) .sf-mr-1-5x-xl{margin-right:var(--sf-spacing-1-5x)}:where(:host) .sf-ml-1-5x-xl{margin-left:var(--sf-spacing-1-5x)}:where(:host) .sf-mb-1-5x-xl{margin-bottom:var(--sf-spacing-1-5x)}:where(:host) .sf-mt-1-5x-xl{margin-top:var(--sf-spacing-1-5x)}:where(:host) .sf-mx-1-5x-xl{margin-left:var(--sf-spacing-1-5x);margin-right:var(--sf-spacing-1-5x)}:where(:host) .sf-my-1-5x-xl{margin-bottom:var(--sf-spacing-1-5x);margin-top:var(--sf-spacing-1-5x)}:where(:host) .sf-g-1-5x-xl{gap:var(--sf-spacing-1-5x)}:where(:host) .sf-p-1x-xl{padding:var(--sf-spacing-1x)}:where(:host) .sf-pr-1x-xl{padding-right:var(--sf-spacing-1x)}:where(:host) .sf-pl-1x-xl{padding-left:var(--sf-spacing-1x)}:where(:host) .sf-pb-1x-xl{padding-bottom:var(--sf-spacing-1x)}:where(:host) .sf-pt-1x-xl{padding-top:var(--sf-spacing-1x)}:where(:host) .sf-px-1x-xl{padding-left:var(--sf-spacing-1x);padding-right:var(--sf-spacing-1x)}:where(:host) .sf-py-1x-xl{padding-bottom:var(--sf-spacing-1x);padding-top:var(--sf-spacing-1x)}:where(:host) .sf-m-1x-xl{margin:var(--sf-spacing-1x)}:where(:host) .sf-mr-1x-xl{margin-right:var(--sf-spacing-1x)}:where(:host) .sf-ml-1x-xl{margin-left:var(--sf-spacing-1x)}:where(:host) .sf-mb-1x-xl{margin-bottom:var(--sf-spacing-1x)}:where(:host) .sf-mt-1x-xl{margin-top:var(--sf-spacing-1x)}:where(:host) .sf-mx-1x-xl{margin-left:var(--sf-spacing-1x);margin-right:var(--sf-spacing-1x)}:where(:host) .sf-my-1x-xl{margin-bottom:var(--sf-spacing-1x);margin-top:var(--sf-spacing-1x)}:where(:host) .sf-g-1x-xl{gap:var(--sf-spacing-1x)}:where(:host) .sf-p-2x-xl{padding:var(--sf-spacing-2x)}:where(:host) .sf-pr-2x-xl{padding-right:var(--sf-spacing-2x)}:where(:host) .sf-pl-2x-xl{padding-left:var(--sf-spacing-2x)}:where(:host) .sf-pb-2x-xl{padding-bottom:var(--sf-spacing-2x)}:where(:host) .sf-pt-2x-xl{padding-top:var(--sf-spacing-2x)}:where(:host) .sf-px-2x-xl{padding-left:var(--sf-spacing-2x);padding-right:var(--sf-spacing-2x)}:where(:host) .sf-py-2x-xl{padding-bottom:var(--sf-spacing-2x);padding-top:var(--sf-spacing-2x)}:where(:host) .sf-m-2x-xl{margin:var(--sf-spacing-2x)}:where(:host) .sf-mr-2x-xl{margin-right:var(--sf-spacing-2x)}:where(:host) .sf-ml-2x-xl{margin-left:var(--sf-spacing-2x)}:where(:host) .sf-mb-2x-xl{margin-bottom:var(--sf-spacing-2x)}:where(:host) .sf-mt-2x-xl{margin-top:var(--sf-spacing-2x)}:where(:host) .sf-mx-2x-xl{margin-left:var(--sf-spacing-2x);margin-right:var(--sf-spacing-2x)}:where(:host) .sf-my-2x-xl{margin-bottom:var(--sf-spacing-2x);margin-top:var(--sf-spacing-2x)}:where(:host) .sf-g-2x-xl{gap:var(--sf-spacing-2x)}:where(:host) .sf-p-3x-xl{padding:var(--sf-spacing-3x)}:where(:host) .sf-pr-3x-xl{padding-right:var(--sf-spacing-3x)}:where(:host) .sf-pl-3x-xl{padding-left:var(--sf-spacing-3x)}:where(:host) .sf-pb-3x-xl{padding-bottom:var(--sf-spacing-3x)}:where(:host) .sf-pt-3x-xl{padding-top:var(--sf-spacing-3x)}:where(:host) .sf-px-3x-xl{padding-left:var(--sf-spacing-3x);padding-right:var(--sf-spacing-3x)}:where(:host) .sf-py-3x-xl{padding-bottom:var(--sf-spacing-3x);padding-top:var(--sf-spacing-3x)}:where(:host) .sf-m-3x-xl{margin:var(--sf-spacing-3x)}:where(:host) .sf-mr-3x-xl{margin-right:var(--sf-spacing-3x)}:where(:host) .sf-ml-3x-xl{margin-left:var(--sf-spacing-3x)}:where(:host) .sf-mb-3x-xl{margin-bottom:var(--sf-spacing-3x)}:where(:host) .sf-mt-3x-xl{margin-top:var(--sf-spacing-3x)}:where(:host) .sf-mx-3x-xl{margin-left:var(--sf-spacing-3x);margin-right:var(--sf-spacing-3x)}:where(:host) .sf-my-3x-xl{margin-bottom:var(--sf-spacing-3x);margin-top:var(--sf-spacing-3x)}:where(:host) .sf-g-3x-xl{gap:var(--sf-spacing-3x)}:where(:host) .sf-p-4x-xl{padding:var(--sf-spacing-4x)}:where(:host) .sf-pr-4x-xl{padding-right:var(--sf-spacing-4x)}:where(:host) .sf-pl-4x-xl{padding-left:var(--sf-spacing-4x)}:where(:host) .sf-pb-4x-xl{padding-bottom:var(--sf-spacing-4x)}:where(:host) .sf-pt-4x-xl{padding-top:var(--sf-spacing-4x)}:where(:host) .sf-px-4x-xl{padding-left:var(--sf-spacing-4x);padding-right:var(--sf-spacing-4x)}:where(:host) .sf-py-4x-xl{padding-bottom:var(--sf-spacing-4x);padding-top:var(--sf-spacing-4x)}:where(:host) .sf-m-4x-xl{margin:var(--sf-spacing-4x)}:where(:host) .sf-mr-4x-xl{margin-right:var(--sf-spacing-4x)}:where(:host) .sf-ml-4x-xl{margin-left:var(--sf-spacing-4x)}:where(:host) .sf-mb-4x-xl{margin-bottom:var(--sf-spacing-4x)}:where(:host) .sf-mt-4x-xl{margin-top:var(--sf-spacing-4x)}:where(:host) .sf-mx-4x-xl{margin-left:var(--sf-spacing-4x);margin-right:var(--sf-spacing-4x)}:where(:host) .sf-my-4x-xl{margin-bottom:var(--sf-spacing-4x);margin-top:var(--sf-spacing-4x)}:where(:host) .sf-g-4x-xl{gap:var(--sf-spacing-4x)}:where(:host) .sf-p-5x-xl{padding:var(--sf-spacing-5x)}:where(:host) .sf-pr-5x-xl{padding-right:var(--sf-spacing-5x)}:where(:host) .sf-pl-5x-xl{padding-left:var(--sf-spacing-5x)}:where(:host) .sf-pb-5x-xl{padding-bottom:var(--sf-spacing-5x)}:where(:host) .sf-pt-5x-xl{padding-top:var(--sf-spacing-5x)}:where(:host) .sf-px-5x-xl{padding-left:var(--sf-spacing-5x);padding-right:var(--sf-spacing-5x)}:where(:host) .sf-py-5x-xl{padding-bottom:var(--sf-spacing-5x);padding-top:var(--sf-spacing-5x)}:where(:host) .sf-m-5x-xl{margin:var(--sf-spacing-5x)}:where(:host) .sf-mr-5x-xl{margin-right:var(--sf-spacing-5x)}:where(:host) .sf-ml-5x-xl{margin-left:var(--sf-spacing-5x)}:where(:host) .sf-mb-5x-xl{margin-bottom:var(--sf-spacing-5x)}:where(:host) .sf-mt-5x-xl{margin-top:var(--sf-spacing-5x)}:where(:host) .sf-mx-5x-xl{margin-left:var(--sf-spacing-5x);margin-right:var(--sf-spacing-5x)}:where(:host) .sf-my-5x-xl{margin-bottom:var(--sf-spacing-5x);margin-top:var(--sf-spacing-5x)}:where(:host) .sf-g-5x-xl{gap:var(--sf-spacing-5x)}:where(:host) .sf-p-6x-xl{padding:var(--sf-spacing-6x)}:where(:host) .sf-pr-6x-xl{padding-right:var(--sf-spacing-6x)}:where(:host) .sf-pl-6x-xl{padding-left:var(--sf-spacing-6x)}:where(:host) .sf-pb-6x-xl{padding-bottom:var(--sf-spacing-6x)}:where(:host) .sf-pt-6x-xl{padding-top:var(--sf-spacing-6x)}:where(:host) .sf-px-6x-xl{padding-left:var(--sf-spacing-6x);padding-right:var(--sf-spacing-6x)}:where(:host) .sf-py-6x-xl{padding-bottom:var(--sf-spacing-6x);padding-top:var(--sf-spacing-6x)}:where(:host) .sf-m-6x-xl{margin:var(--sf-spacing-6x)}:where(:host) .sf-mr-6x-xl{margin-right:var(--sf-spacing-6x)}:where(:host) .sf-ml-6x-xl{margin-left:var(--sf-spacing-6x)}:where(:host) .sf-mb-6x-xl{margin-bottom:var(--sf-spacing-6x)}:where(:host) .sf-mt-6x-xl{margin-top:var(--sf-spacing-6x)}:where(:host) .sf-mx-6x-xl{margin-left:var(--sf-spacing-6x);margin-right:var(--sf-spacing-6x)}:where(:host) .sf-my-6x-xl{margin-bottom:var(--sf-spacing-6x);margin-top:var(--sf-spacing-6x)}:where(:host) .sf-g-6x-xl{gap:var(--sf-spacing-6x)}:where(:host) .sf-p-7x-xl{padding:var(--sf-spacing-7x)}:where(:host) .sf-pr-7x-xl{padding-right:var(--sf-spacing-7x)}:where(:host) .sf-pl-7x-xl{padding-left:var(--sf-spacing-7x)}:where(:host) .sf-pb-7x-xl{padding-bottom:var(--sf-spacing-7x)}:where(:host) .sf-pt-7x-xl{padding-top:var(--sf-spacing-7x)}:where(:host) .sf-px-7x-xl{padding-left:var(--sf-spacing-7x);padding-right:var(--sf-spacing-7x)}:where(:host) .sf-py-7x-xl{padding-bottom:var(--sf-spacing-7x);padding-top:var(--sf-spacing-7x)}:where(:host) .sf-m-7x-xl{margin:var(--sf-spacing-7x)}:where(:host) .sf-mr-7x-xl{margin-right:var(--sf-spacing-7x)}:where(:host) .sf-ml-7x-xl{margin-left:var(--sf-spacing-7x)}:where(:host) .sf-mb-7x-xl{margin-bottom:var(--sf-spacing-7x)}:where(:host) .sf-mt-7x-xl{margin-top:var(--sf-spacing-7x)}:where(:host) .sf-mx-7x-xl{margin-left:var(--sf-spacing-7x);margin-right:var(--sf-spacing-7x)}:where(:host) .sf-my-7x-xl{margin-bottom:var(--sf-spacing-7x);margin-top:var(--sf-spacing-7x)}:where(:host) .sf-g-7x-xl{gap:var(--sf-spacing-7x)}:where(:host) .sf-p-8x-xl{padding:var(--sf-spacing-8x)}:where(:host) .sf-pr-8x-xl{padding-right:var(--sf-spacing-8x)}:where(:host) .sf-pl-8x-xl{padding-left:var(--sf-spacing-8x)}:where(:host) .sf-pb-8x-xl{padding-bottom:var(--sf-spacing-8x)}:where(:host) .sf-pt-8x-xl{padding-top:var(--sf-spacing-8x)}:where(:host) .sf-px-8x-xl{padding-left:var(--sf-spacing-8x);padding-right:var(--sf-spacing-8x)}:where(:host) .sf-py-8x-xl{padding-bottom:var(--sf-spacing-8x);padding-top:var(--sf-spacing-8x)}:where(:host) .sf-m-8x-xl{margin:var(--sf-spacing-8x)}:where(:host) .sf-mr-8x-xl{margin-right:var(--sf-spacing-8x)}:where(:host) .sf-ml-8x-xl{margin-left:var(--sf-spacing-8x)}:where(:host) .sf-mb-8x-xl{margin-bottom:var(--sf-spacing-8x)}:where(:host) .sf-mt-8x-xl{margin-top:var(--sf-spacing-8x)}:where(:host) .sf-mx-8x-xl{margin-left:var(--sf-spacing-8x);margin-right:var(--sf-spacing-8x)}:where(:host) .sf-my-8x-xl{margin-bottom:var(--sf-spacing-8x);margin-top:var(--sf-spacing-8x)}:where(:host) .sf-g-8x-xl{gap:var(--sf-spacing-8x)}:where(:host) .sf-p-9x-xl{padding:var(--sf-spacing-9x)}:where(:host) .sf-pr-9x-xl{padding-right:var(--sf-spacing-9x)}:where(:host) .sf-pl-9x-xl{padding-left:var(--sf-spacing-9x)}:where(:host) .sf-pb-9x-xl{padding-bottom:var(--sf-spacing-9x)}:where(:host) .sf-pt-9x-xl{padding-top:var(--sf-spacing-9x)}:where(:host) .sf-px-9x-xl{padding-left:var(--sf-spacing-9x);padding-right:var(--sf-spacing-9x)}:where(:host) .sf-py-9x-xl{padding-bottom:var(--sf-spacing-9x);padding-top:var(--sf-spacing-9x)}:where(:host) .sf-m-9x-xl{margin:var(--sf-spacing-9x)}:where(:host) .sf-mr-9x-xl{margin-right:var(--sf-spacing-9x)}:where(:host) .sf-ml-9x-xl{margin-left:var(--sf-spacing-9x)}:where(:host) .sf-mb-9x-xl{margin-bottom:var(--sf-spacing-9x)}:where(:host) .sf-mt-9x-xl{margin-top:var(--sf-spacing-9x)}:where(:host) .sf-mx-9x-xl{margin-left:var(--sf-spacing-9x);margin-right:var(--sf-spacing-9x)}:where(:host) .sf-my-9x-xl{margin-bottom:var(--sf-spacing-9x);margin-top:var(--sf-spacing-9x)}:where(:host) .sf-g-9x-xl{gap:var(--sf-spacing-9x)}:where(:host) .sf-p-10x-xl{padding:var(--sf-spacing-10x)}:where(:host) .sf-pr-10x-xl{padding-right:var(--sf-spacing-10x)}:where(:host) .sf-pl-10x-xl{padding-left:var(--sf-spacing-10x)}:where(:host) .sf-pb-10x-xl{padding-bottom:var(--sf-spacing-10x)}:where(:host) .sf-pt-10x-xl{padding-top:var(--sf-spacing-10x)}:where(:host) .sf-px-10x-xl{padding-left:var(--sf-spacing-10x);padding-right:var(--sf-spacing-10x)}:where(:host) .sf-py-10x-xl{padding-bottom:var(--sf-spacing-10x);padding-top:var(--sf-spacing-10x)}:where(:host) .sf-m-10x-xl{margin:var(--sf-spacing-10x)}:where(:host) .sf-mr-10x-xl{margin-right:var(--sf-spacing-10x)}:where(:host) .sf-ml-10x-xl{margin-left:var(--sf-spacing-10x)}:where(:host) .sf-mb-10x-xl{margin-bottom:var(--sf-spacing-10x)}:where(:host) .sf-mt-10x-xl{margin-top:var(--sf-spacing-10x)}:where(:host) .sf-mx-10x-xl{margin-left:var(--sf-spacing-10x);margin-right:var(--sf-spacing-10x)}:where(:host) .sf-my-10x-xl{margin-bottom:var(--sf-spacing-10x);margin-top:var(--sf-spacing-10x)}:where(:host) .sf-g-10x-xl{gap:var(--sf-spacing-10x)}:where(:host) .sf-p-11x-xl{padding:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-pr-11x-xl{padding-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-pl-11x-xl{padding-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-pb-11x-xl{padding-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-pt-11x-xl{padding-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-px-11x-xl{padding-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x));padding-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-py-11x-xl{padding-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x));padding-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-m-11x-xl{margin:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-mr-11x-xl{margin-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-ml-11x-xl{margin-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-mb-11x-xl{margin-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-mt-11x-xl{margin-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-mx-11x-xl{margin-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x));margin-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-my-11x-xl{margin-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x));margin-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-g-11x-xl{gap:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-p-12x-xl{padding:var(--sf-spacing-12x)}:where(:host) .sf-pr-12x-xl{padding-right:var(--sf-spacing-12x)}:where(:host) .sf-pl-12x-xl{padding-left:var(--sf-spacing-12x)}:where(:host) .sf-pb-12x-xl{padding-bottom:var(--sf-spacing-12x)}:where(:host) .sf-pt-12x-xl{padding-top:var(--sf-spacing-12x)}:where(:host) .sf-px-12x-xl{padding-left:var(--sf-spacing-12x);padding-right:var(--sf-spacing-12x)}:where(:host) .sf-py-12x-xl{padding-bottom:var(--sf-spacing-12x);padding-top:var(--sf-spacing-12x)}:where(:host) .sf-m-12x-xl{margin:var(--sf-spacing-12x)}:where(:host) .sf-mr-12x-xl{margin-right:var(--sf-spacing-12x)}:where(:host) .sf-ml-12x-xl{margin-left:var(--sf-spacing-12x)}:where(:host) .sf-mb-12x-xl{margin-bottom:var(--sf-spacing-12x)}:where(:host) .sf-mt-12x-xl{margin-top:var(--sf-spacing-12x)}:where(:host) .sf-mx-12x-xl{margin-left:var(--sf-spacing-12x);margin-right:var(--sf-spacing-12x)}:where(:host) .sf-my-12x-xl{margin-bottom:var(--sf-spacing-12x);margin-top:var(--sf-spacing-12x)}:where(:host) .sf-g-12x-xl{gap:var(--sf-spacing-12x)}:where(:host) .sf-p-13x-xl{padding:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-pr-13x-xl{padding-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-pl-13x-xl{padding-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-pb-13x-xl{padding-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-pt-13x-xl{padding-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-px-13x-xl{padding-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x));padding-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-py-13x-xl{padding-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x));padding-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-m-13x-xl{margin:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-mr-13x-xl{margin-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-ml-13x-xl{margin-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-mb-13x-xl{margin-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-mt-13x-xl{margin-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-mx-13x-xl{margin-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x));margin-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-my-13x-xl{margin-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x));margin-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-g-13x-xl{gap:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-p-14x-xl{padding:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-pr-14x-xl{padding-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-pl-14x-xl{padding-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-pb-14x-xl{padding-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-pt-14x-xl{padding-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-px-14x-xl{padding-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x));padding-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-py-14x-xl{padding-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x));padding-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-m-14x-xl{margin:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-mr-14x-xl{margin-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-ml-14x-xl{margin-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-mb-14x-xl{margin-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-mt-14x-xl{margin-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-mx-14x-xl{margin-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x));margin-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-my-14x-xl{margin-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x));margin-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-g-14x-xl{gap:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-p-15x-xl{padding:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-pr-15x-xl{padding-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-pl-15x-xl{padding-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-pb-15x-xl{padding-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-pt-15x-xl{padding-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-px-15x-xl{padding-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x));padding-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-py-15x-xl{padding-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x));padding-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-m-15x-xl{margin:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-mr-15x-xl{margin-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-ml-15x-xl{margin-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-mb-15x-xl{margin-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-mt-15x-xl{margin-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-mx-15x-xl{margin-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x));margin-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-my-15x-xl{margin-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x));margin-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-g-15x-xl{gap:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-p-16x-xl{padding:var(--sf-spacing-16x)}:where(:host) .sf-pr-16x-xl{padding-right:var(--sf-spacing-16x)}:where(:host) .sf-pl-16x-xl{padding-left:var(--sf-spacing-16x)}:where(:host) .sf-pb-16x-xl{padding-bottom:var(--sf-spacing-16x)}:where(:host) .sf-pt-16x-xl{padding-top:var(--sf-spacing-16x)}:where(:host) .sf-px-16x-xl{padding-left:var(--sf-spacing-16x);padding-right:var(--sf-spacing-16x)}:where(:host) .sf-py-16x-xl{padding-bottom:var(--sf-spacing-16x);padding-top:var(--sf-spacing-16x)}:where(:host) .sf-m-16x-xl{margin:var(--sf-spacing-16x)}:where(:host) .sf-mr-16x-xl{margin-right:var(--sf-spacing-16x)}:where(:host) .sf-ml-16x-xl{margin-left:var(--sf-spacing-16x)}:where(:host) .sf-mb-16x-xl{margin-bottom:var(--sf-spacing-16x)}:where(:host) .sf-mt-16x-xl{margin-top:var(--sf-spacing-16x)}:where(:host) .sf-mx-16x-xl{margin-left:var(--sf-spacing-16x);margin-right:var(--sf-spacing-16x)}:where(:host) .sf-my-16x-xl{margin-bottom:var(--sf-spacing-16x);margin-top:var(--sf-spacing-16x)}:where(:host) .sf-g-16x-xl{gap:var(--sf-spacing-16x)}}@media screen and (min-width:1440px){:where(:host) .sf-p-0x-xxl{padding:0}:where(:host) .sf-pr-0x-xxl{padding-right:0}:where(:host) .sf-pl-0x-xxl{padding-left:0}:where(:host) .sf-pb-0x-xxl{padding-bottom:0}:where(:host) .sf-pt-0x-xxl{padding-top:0}:where(:host) .sf-px-0x-xxl{padding-left:0;padding-right:0}:where(:host) .sf-py-0x-xxl{padding-bottom:0;padding-top:0}:where(:host) .sf-m-0x-xxl{margin:0}:where(:host) .sf-mr-0x-xxl{margin-right:0}:where(:host) .sf-ml-0x-xxl{margin-left:0}:where(:host) .sf-mb-0x-xxl{margin-bottom:0}:where(:host) .sf-mt-0x-xxl{margin-top:0}:where(:host) .sf-mx-0x-xxl{margin-left:0;margin-right:0}:where(:host) .sf-my-0x-xxl{margin-bottom:0;margin-top:0}:where(:host) .sf-g-0x-xxl{gap:0}:where(:host) .sf-p-0-25x-xxl{padding:var(--sf-spacing-0-25x)}:where(:host) .sf-pr-0-25x-xxl{padding-right:var(--sf-spacing-0-25x)}:where(:host) .sf-pl-0-25x-xxl{padding-left:var(--sf-spacing-0-25x)}:where(:host) .sf-pb-0-25x-xxl{padding-bottom:var(--sf-spacing-0-25x)}:where(:host) .sf-pt-0-25x-xxl{padding-top:var(--sf-spacing-0-25x)}:where(:host) .sf-px-0-25x-xxl{padding-left:var(--sf-spacing-0-25x);padding-right:var(--sf-spacing-0-25x)}:where(:host) .sf-py-0-25x-xxl{padding-bottom:var(--sf-spacing-0-25x);padding-top:var(--sf-spacing-0-25x)}:where(:host) .sf-m-0-25x-xxl{margin:var(--sf-spacing-0-25x)}:where(:host) .sf-mr-0-25x-xxl{margin-right:var(--sf-spacing-0-25x)}:where(:host) .sf-ml-0-25x-xxl{margin-left:var(--sf-spacing-0-25x)}:where(:host) .sf-mb-0-25x-xxl{margin-bottom:var(--sf-spacing-0-25x)}:where(:host) .sf-mt-0-25x-xxl{margin-top:var(--sf-spacing-0-25x)}:where(:host) .sf-mx-0-25x-xxl{margin-left:var(--sf-spacing-0-25x);margin-right:var(--sf-spacing-0-25x)}:where(:host) .sf-my-0-25x-xxl{margin-bottom:var(--sf-spacing-0-25x);margin-top:var(--sf-spacing-0-25x)}:where(:host) .sf-g-0-25x-xxl{gap:var(--sf-spacing-0-25x)}:where(:host) .sf-p-0-5x-xxl{padding:var(--sf-spacing-0-5x)}:where(:host) .sf-pr-0-5x-xxl{padding-right:var(--sf-spacing-0-5x)}:where(:host) .sf-pl-0-5x-xxl{padding-left:var(--sf-spacing-0-5x)}:where(:host) .sf-pb-0-5x-xxl{padding-bottom:var(--sf-spacing-0-5x)}:where(:host) .sf-pt-0-5x-xxl{padding-top:var(--sf-spacing-0-5x)}:where(:host) .sf-px-0-5x-xxl{padding-left:var(--sf-spacing-0-5x);padding-right:var(--sf-spacing-0-5x)}:where(:host) .sf-py-0-5x-xxl{padding-bottom:var(--sf-spacing-0-5x);padding-top:var(--sf-spacing-0-5x)}:where(:host) .sf-m-0-5x-xxl{margin:var(--sf-spacing-0-5x)}:where(:host) .sf-mr-0-5x-xxl{margin-right:var(--sf-spacing-0-5x)}:where(:host) .sf-ml-0-5x-xxl{margin-left:var(--sf-spacing-0-5x)}:where(:host) .sf-mb-0-5x-xxl{margin-bottom:var(--sf-spacing-0-5x)}:where(:host) .sf-mt-0-5x-xxl{margin-top:var(--sf-spacing-0-5x)}:where(:host) .sf-mx-0-5x-xxl{margin-left:var(--sf-spacing-0-5x);margin-right:var(--sf-spacing-0-5x)}:where(:host) .sf-my-0-5x-xxl{margin-bottom:var(--sf-spacing-0-5x);margin-top:var(--sf-spacing-0-5x)}:where(:host) .sf-g-0-5x-xxl{gap:var(--sf-spacing-0-5x)}:where(:host) .sf-p-1-5x-xxl{padding:var(--sf-spacing-1-5x)}:where(:host) .sf-pr-1-5x-xxl{padding-right:var(--sf-spacing-1-5x)}:where(:host) .sf-pl-1-5x-xxl{padding-left:var(--sf-spacing-1-5x)}:where(:host) .sf-pb-1-5x-xxl{padding-bottom:var(--sf-spacing-1-5x)}:where(:host) .sf-pt-1-5x-xxl{padding-top:var(--sf-spacing-1-5x)}:where(:host) .sf-px-1-5x-xxl{padding-left:var(--sf-spacing-1-5x);padding-right:var(--sf-spacing-1-5x)}:where(:host) .sf-py-1-5x-xxl{padding-bottom:var(--sf-spacing-1-5x);padding-top:var(--sf-spacing-1-5x)}:where(:host) .sf-m-1-5x-xxl{margin:var(--sf-spacing-1-5x)}:where(:host) .sf-mr-1-5x-xxl{margin-right:var(--sf-spacing-1-5x)}:where(:host) .sf-ml-1-5x-xxl{margin-left:var(--sf-spacing-1-5x)}:where(:host) .sf-mb-1-5x-xxl{margin-bottom:var(--sf-spacing-1-5x)}:where(:host) .sf-mt-1-5x-xxl{margin-top:var(--sf-spacing-1-5x)}:where(:host) .sf-mx-1-5x-xxl{margin-left:var(--sf-spacing-1-5x);margin-right:var(--sf-spacing-1-5x)}:where(:host) .sf-my-1-5x-xxl{margin-bottom:var(--sf-spacing-1-5x);margin-top:var(--sf-spacing-1-5x)}:where(:host) .sf-g-1-5x-xxl{gap:var(--sf-spacing-1-5x)}:where(:host) .sf-p-1x-xxl{padding:var(--sf-spacing-1x)}:where(:host) .sf-pr-1x-xxl{padding-right:var(--sf-spacing-1x)}:where(:host) .sf-pl-1x-xxl{padding-left:var(--sf-spacing-1x)}:where(:host) .sf-pb-1x-xxl{padding-bottom:var(--sf-spacing-1x)}:where(:host) .sf-pt-1x-xxl{padding-top:var(--sf-spacing-1x)}:where(:host) .sf-px-1x-xxl{padding-left:var(--sf-spacing-1x);padding-right:var(--sf-spacing-1x)}:where(:host) .sf-py-1x-xxl{padding-bottom:var(--sf-spacing-1x);padding-top:var(--sf-spacing-1x)}:where(:host) .sf-m-1x-xxl{margin:var(--sf-spacing-1x)}:where(:host) .sf-mr-1x-xxl{margin-right:var(--sf-spacing-1x)}:where(:host) .sf-ml-1x-xxl{margin-left:var(--sf-spacing-1x)}:where(:host) .sf-mb-1x-xxl{margin-bottom:var(--sf-spacing-1x)}:where(:host) .sf-mt-1x-xxl{margin-top:var(--sf-spacing-1x)}:where(:host) .sf-mx-1x-xxl{margin-left:var(--sf-spacing-1x);margin-right:var(--sf-spacing-1x)}:where(:host) .sf-my-1x-xxl{margin-bottom:var(--sf-spacing-1x);margin-top:var(--sf-spacing-1x)}:where(:host) .sf-g-1x-xxl{gap:var(--sf-spacing-1x)}:where(:host) .sf-p-2x-xxl{padding:var(--sf-spacing-2x)}:where(:host) .sf-pr-2x-xxl{padding-right:var(--sf-spacing-2x)}:where(:host) .sf-pl-2x-xxl{padding-left:var(--sf-spacing-2x)}:where(:host) .sf-pb-2x-xxl{padding-bottom:var(--sf-spacing-2x)}:where(:host) .sf-pt-2x-xxl{padding-top:var(--sf-spacing-2x)}:where(:host) .sf-px-2x-xxl{padding-left:var(--sf-spacing-2x);padding-right:var(--sf-spacing-2x)}:where(:host) .sf-py-2x-xxl{padding-bottom:var(--sf-spacing-2x);padding-top:var(--sf-spacing-2x)}:where(:host) .sf-m-2x-xxl{margin:var(--sf-spacing-2x)}:where(:host) .sf-mr-2x-xxl{margin-right:var(--sf-spacing-2x)}:where(:host) .sf-ml-2x-xxl{margin-left:var(--sf-spacing-2x)}:where(:host) .sf-mb-2x-xxl{margin-bottom:var(--sf-spacing-2x)}:where(:host) .sf-mt-2x-xxl{margin-top:var(--sf-spacing-2x)}:where(:host) .sf-mx-2x-xxl{margin-left:var(--sf-spacing-2x);margin-right:var(--sf-spacing-2x)}:where(:host) .sf-my-2x-xxl{margin-bottom:var(--sf-spacing-2x);margin-top:var(--sf-spacing-2x)}:where(:host) .sf-g-2x-xxl{gap:var(--sf-spacing-2x)}:where(:host) .sf-p-3x-xxl{padding:var(--sf-spacing-3x)}:where(:host) .sf-pr-3x-xxl{padding-right:var(--sf-spacing-3x)}:where(:host) .sf-pl-3x-xxl{padding-left:var(--sf-spacing-3x)}:where(:host) .sf-pb-3x-xxl{padding-bottom:var(--sf-spacing-3x)}:where(:host) .sf-pt-3x-xxl{padding-top:var(--sf-spacing-3x)}:where(:host) .sf-px-3x-xxl{padding-left:var(--sf-spacing-3x);padding-right:var(--sf-spacing-3x)}:where(:host) .sf-py-3x-xxl{padding-bottom:var(--sf-spacing-3x);padding-top:var(--sf-spacing-3x)}:where(:host) .sf-m-3x-xxl{margin:var(--sf-spacing-3x)}:where(:host) .sf-mr-3x-xxl{margin-right:var(--sf-spacing-3x)}:where(:host) .sf-ml-3x-xxl{margin-left:var(--sf-spacing-3x)}:where(:host) .sf-mb-3x-xxl{margin-bottom:var(--sf-spacing-3x)}:where(:host) .sf-mt-3x-xxl{margin-top:var(--sf-spacing-3x)}:where(:host) .sf-mx-3x-xxl{margin-left:var(--sf-spacing-3x);margin-right:var(--sf-spacing-3x)}:where(:host) .sf-my-3x-xxl{margin-bottom:var(--sf-spacing-3x);margin-top:var(--sf-spacing-3x)}:where(:host) .sf-g-3x-xxl{gap:var(--sf-spacing-3x)}:where(:host) .sf-p-4x-xxl{padding:var(--sf-spacing-4x)}:where(:host) .sf-pr-4x-xxl{padding-right:var(--sf-spacing-4x)}:where(:host) .sf-pl-4x-xxl{padding-left:var(--sf-spacing-4x)}:where(:host) .sf-pb-4x-xxl{padding-bottom:var(--sf-spacing-4x)}:where(:host) .sf-pt-4x-xxl{padding-top:var(--sf-spacing-4x)}:where(:host) .sf-px-4x-xxl{padding-left:var(--sf-spacing-4x);padding-right:var(--sf-spacing-4x)}:where(:host) .sf-py-4x-xxl{padding-bottom:var(--sf-spacing-4x);padding-top:var(--sf-spacing-4x)}:where(:host) .sf-m-4x-xxl{margin:var(--sf-spacing-4x)}:where(:host) .sf-mr-4x-xxl{margin-right:var(--sf-spacing-4x)}:where(:host) .sf-ml-4x-xxl{margin-left:var(--sf-spacing-4x)}:where(:host) .sf-mb-4x-xxl{margin-bottom:var(--sf-spacing-4x)}:where(:host) .sf-mt-4x-xxl{margin-top:var(--sf-spacing-4x)}:where(:host) .sf-mx-4x-xxl{margin-left:var(--sf-spacing-4x);margin-right:var(--sf-spacing-4x)}:where(:host) .sf-my-4x-xxl{margin-bottom:var(--sf-spacing-4x);margin-top:var(--sf-spacing-4x)}:where(:host) .sf-g-4x-xxl{gap:var(--sf-spacing-4x)}:where(:host) .sf-p-5x-xxl{padding:var(--sf-spacing-5x)}:where(:host) .sf-pr-5x-xxl{padding-right:var(--sf-spacing-5x)}:where(:host) .sf-pl-5x-xxl{padding-left:var(--sf-spacing-5x)}:where(:host) .sf-pb-5x-xxl{padding-bottom:var(--sf-spacing-5x)}:where(:host) .sf-pt-5x-xxl{padding-top:var(--sf-spacing-5x)}:where(:host) .sf-px-5x-xxl{padding-left:var(--sf-spacing-5x);padding-right:var(--sf-spacing-5x)}:where(:host) .sf-py-5x-xxl{padding-bottom:var(--sf-spacing-5x);padding-top:var(--sf-spacing-5x)}:where(:host) .sf-m-5x-xxl{margin:var(--sf-spacing-5x)}:where(:host) .sf-mr-5x-xxl{margin-right:var(--sf-spacing-5x)}:where(:host) .sf-ml-5x-xxl{margin-left:var(--sf-spacing-5x)}:where(:host) .sf-mb-5x-xxl{margin-bottom:var(--sf-spacing-5x)}:where(:host) .sf-mt-5x-xxl{margin-top:var(--sf-spacing-5x)}:where(:host) .sf-mx-5x-xxl{margin-left:var(--sf-spacing-5x);margin-right:var(--sf-spacing-5x)}:where(:host) .sf-my-5x-xxl{margin-bottom:var(--sf-spacing-5x);margin-top:var(--sf-spacing-5x)}:where(:host) .sf-g-5x-xxl{gap:var(--sf-spacing-5x)}:where(:host) .sf-p-6x-xxl{padding:var(--sf-spacing-6x)}:where(:host) .sf-pr-6x-xxl{padding-right:var(--sf-spacing-6x)}:where(:host) .sf-pl-6x-xxl{padding-left:var(--sf-spacing-6x)}:where(:host) .sf-pb-6x-xxl{padding-bottom:var(--sf-spacing-6x)}:where(:host) .sf-pt-6x-xxl{padding-top:var(--sf-spacing-6x)}:where(:host) .sf-px-6x-xxl{padding-left:var(--sf-spacing-6x);padding-right:var(--sf-spacing-6x)}:where(:host) .sf-py-6x-xxl{padding-bottom:var(--sf-spacing-6x);padding-top:var(--sf-spacing-6x)}:where(:host) .sf-m-6x-xxl{margin:var(--sf-spacing-6x)}:where(:host) .sf-mr-6x-xxl{margin-right:var(--sf-spacing-6x)}:where(:host) .sf-ml-6x-xxl{margin-left:var(--sf-spacing-6x)}:where(:host) .sf-mb-6x-xxl{margin-bottom:var(--sf-spacing-6x)}:where(:host) .sf-mt-6x-xxl{margin-top:var(--sf-spacing-6x)}:where(:host) .sf-mx-6x-xxl{margin-left:var(--sf-spacing-6x);margin-right:var(--sf-spacing-6x)}:where(:host) .sf-my-6x-xxl{margin-bottom:var(--sf-spacing-6x);margin-top:var(--sf-spacing-6x)}:where(:host) .sf-g-6x-xxl{gap:var(--sf-spacing-6x)}:where(:host) .sf-p-7x-xxl{padding:var(--sf-spacing-7x)}:where(:host) .sf-pr-7x-xxl{padding-right:var(--sf-spacing-7x)}:where(:host) .sf-pl-7x-xxl{padding-left:var(--sf-spacing-7x)}:where(:host) .sf-pb-7x-xxl{padding-bottom:var(--sf-spacing-7x)}:where(:host) .sf-pt-7x-xxl{padding-top:var(--sf-spacing-7x)}:where(:host) .sf-px-7x-xxl{padding-left:var(--sf-spacing-7x);padding-right:var(--sf-spacing-7x)}:where(:host) .sf-py-7x-xxl{padding-bottom:var(--sf-spacing-7x);padding-top:var(--sf-spacing-7x)}:where(:host) .sf-m-7x-xxl{margin:var(--sf-spacing-7x)}:where(:host) .sf-mr-7x-xxl{margin-right:var(--sf-spacing-7x)}:where(:host) .sf-ml-7x-xxl{margin-left:var(--sf-spacing-7x)}:where(:host) .sf-mb-7x-xxl{margin-bottom:var(--sf-spacing-7x)}:where(:host) .sf-mt-7x-xxl{margin-top:var(--sf-spacing-7x)}:where(:host) .sf-mx-7x-xxl{margin-left:var(--sf-spacing-7x);margin-right:var(--sf-spacing-7x)}:where(:host) .sf-my-7x-xxl{margin-bottom:var(--sf-spacing-7x);margin-top:var(--sf-spacing-7x)}:where(:host) .sf-g-7x-xxl{gap:var(--sf-spacing-7x)}:where(:host) .sf-p-8x-xxl{padding:var(--sf-spacing-8x)}:where(:host) .sf-pr-8x-xxl{padding-right:var(--sf-spacing-8x)}:where(:host) .sf-pl-8x-xxl{padding-left:var(--sf-spacing-8x)}:where(:host) .sf-pb-8x-xxl{padding-bottom:var(--sf-spacing-8x)}:where(:host) .sf-pt-8x-xxl{padding-top:var(--sf-spacing-8x)}:where(:host) .sf-px-8x-xxl{padding-left:var(--sf-spacing-8x);padding-right:var(--sf-spacing-8x)}:where(:host) .sf-py-8x-xxl{padding-bottom:var(--sf-spacing-8x);padding-top:var(--sf-spacing-8x)}:where(:host) .sf-m-8x-xxl{margin:var(--sf-spacing-8x)}:where(:host) .sf-mr-8x-xxl{margin-right:var(--sf-spacing-8x)}:where(:host) .sf-ml-8x-xxl{margin-left:var(--sf-spacing-8x)}:where(:host) .sf-mb-8x-xxl{margin-bottom:var(--sf-spacing-8x)}:where(:host) .sf-mt-8x-xxl{margin-top:var(--sf-spacing-8x)}:where(:host) .sf-mx-8x-xxl{margin-left:var(--sf-spacing-8x);margin-right:var(--sf-spacing-8x)}:where(:host) .sf-my-8x-xxl{margin-bottom:var(--sf-spacing-8x);margin-top:var(--sf-spacing-8x)}:where(:host) .sf-g-8x-xxl{gap:var(--sf-spacing-8x)}:where(:host) .sf-p-9x-xxl{padding:var(--sf-spacing-9x)}:where(:host) .sf-pr-9x-xxl{padding-right:var(--sf-spacing-9x)}:where(:host) .sf-pl-9x-xxl{padding-left:var(--sf-spacing-9x)}:where(:host) .sf-pb-9x-xxl{padding-bottom:var(--sf-spacing-9x)}:where(:host) .sf-pt-9x-xxl{padding-top:var(--sf-spacing-9x)}:where(:host) .sf-px-9x-xxl{padding-left:var(--sf-spacing-9x);padding-right:var(--sf-spacing-9x)}:where(:host) .sf-py-9x-xxl{padding-bottom:var(--sf-spacing-9x);padding-top:var(--sf-spacing-9x)}:where(:host) .sf-m-9x-xxl{margin:var(--sf-spacing-9x)}:where(:host) .sf-mr-9x-xxl{margin-right:var(--sf-spacing-9x)}:where(:host) .sf-ml-9x-xxl{margin-left:var(--sf-spacing-9x)}:where(:host) .sf-mb-9x-xxl{margin-bottom:var(--sf-spacing-9x)}:where(:host) .sf-mt-9x-xxl{margin-top:var(--sf-spacing-9x)}:where(:host) .sf-mx-9x-xxl{margin-left:var(--sf-spacing-9x);margin-right:var(--sf-spacing-9x)}:where(:host) .sf-my-9x-xxl{margin-bottom:var(--sf-spacing-9x);margin-top:var(--sf-spacing-9x)}:where(:host) .sf-g-9x-xxl{gap:var(--sf-spacing-9x)}:where(:host) .sf-p-10x-xxl{padding:var(--sf-spacing-10x)}:where(:host) .sf-pr-10x-xxl{padding-right:var(--sf-spacing-10x)}:where(:host) .sf-pl-10x-xxl{padding-left:var(--sf-spacing-10x)}:where(:host) .sf-pb-10x-xxl{padding-bottom:var(--sf-spacing-10x)}:where(:host) .sf-pt-10x-xxl{padding-top:var(--sf-spacing-10x)}:where(:host) .sf-px-10x-xxl{padding-left:var(--sf-spacing-10x);padding-right:var(--sf-spacing-10x)}:where(:host) .sf-py-10x-xxl{padding-bottom:var(--sf-spacing-10x);padding-top:var(--sf-spacing-10x)}:where(:host) .sf-m-10x-xxl{margin:var(--sf-spacing-10x)}:where(:host) .sf-mr-10x-xxl{margin-right:var(--sf-spacing-10x)}:where(:host) .sf-ml-10x-xxl{margin-left:var(--sf-spacing-10x)}:where(:host) .sf-mb-10x-xxl{margin-bottom:var(--sf-spacing-10x)}:where(:host) .sf-mt-10x-xxl{margin-top:var(--sf-spacing-10x)}:where(:host) .sf-mx-10x-xxl{margin-left:var(--sf-spacing-10x);margin-right:var(--sf-spacing-10x)}:where(:host) .sf-my-10x-xxl{margin-bottom:var(--sf-spacing-10x);margin-top:var(--sf-spacing-10x)}:where(:host) .sf-g-10x-xxl{gap:var(--sf-spacing-10x)}:where(:host) .sf-p-11x-xxl{padding:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-pr-11x-xxl{padding-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-pl-11x-xxl{padding-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-pb-11x-xxl{padding-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-pt-11x-xxl{padding-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-px-11x-xxl{padding-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x));padding-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-py-11x-xxl{padding-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x));padding-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-m-11x-xxl{margin:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-mr-11x-xxl{margin-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-ml-11x-xxl{margin-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-mb-11x-xxl{margin-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-mt-11x-xxl{margin-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-mx-11x-xxl{margin-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x));margin-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-my-11x-xxl{margin-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x));margin-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-g-11x-xxl{gap:calc(var(--sf-spacing-9x) + var(--sf-spacing-2x))}:where(:host) .sf-p-12x-xxl{padding:var(--sf-spacing-12x)}:where(:host) .sf-pr-12x-xxl{padding-right:var(--sf-spacing-12x)}:where(:host) .sf-pl-12x-xxl{padding-left:var(--sf-spacing-12x)}:where(:host) .sf-pb-12x-xxl{padding-bottom:var(--sf-spacing-12x)}:where(:host) .sf-pt-12x-xxl{padding-top:var(--sf-spacing-12x)}:where(:host) .sf-px-12x-xxl{padding-left:var(--sf-spacing-12x);padding-right:var(--sf-spacing-12x)}:where(:host) .sf-py-12x-xxl{padding-bottom:var(--sf-spacing-12x);padding-top:var(--sf-spacing-12x)}:where(:host) .sf-m-12x-xxl{margin:var(--sf-spacing-12x)}:where(:host) .sf-mr-12x-xxl{margin-right:var(--sf-spacing-12x)}:where(:host) .sf-ml-12x-xxl{margin-left:var(--sf-spacing-12x)}:where(:host) .sf-mb-12x-xxl{margin-bottom:var(--sf-spacing-12x)}:where(:host) .sf-mt-12x-xxl{margin-top:var(--sf-spacing-12x)}:where(:host) .sf-mx-12x-xxl{margin-left:var(--sf-spacing-12x);margin-right:var(--sf-spacing-12x)}:where(:host) .sf-my-12x-xxl{margin-bottom:var(--sf-spacing-12x);margin-top:var(--sf-spacing-12x)}:where(:host) .sf-g-12x-xxl{gap:var(--sf-spacing-12x)}:where(:host) .sf-p-13x-xxl{padding:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-pr-13x-xxl{padding-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-pl-13x-xxl{padding-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-pb-13x-xxl{padding-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-pt-13x-xxl{padding-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-px-13x-xxl{padding-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x));padding-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-py-13x-xxl{padding-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x));padding-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-m-13x-xxl{margin:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-mr-13x-xxl{margin-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-ml-13x-xxl{margin-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-mb-13x-xxl{margin-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-mt-13x-xxl{margin-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-mx-13x-xxl{margin-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x));margin-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-my-13x-xxl{margin-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x));margin-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-g-13x-xxl{gap:calc(var(--sf-spacing-9x) + var(--sf-spacing-4x))}:where(:host) .sf-p-14x-xxl{padding:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-pr-14x-xxl{padding-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-pl-14x-xxl{padding-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-pb-14x-xxl{padding-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-pt-14x-xxl{padding-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-px-14x-xxl{padding-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x));padding-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-py-14x-xxl{padding-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x));padding-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-m-14x-xxl{margin:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-mr-14x-xxl{margin-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-ml-14x-xxl{margin-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-mb-14x-xxl{margin-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-mt-14x-xxl{margin-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-mx-14x-xxl{margin-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x));margin-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-my-14x-xxl{margin-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x));margin-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-g-14x-xxl{gap:calc(var(--sf-spacing-9x) + var(--sf-spacing-5x))}:where(:host) .sf-p-15x-xxl{padding:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-pr-15x-xxl{padding-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-pl-15x-xxl{padding-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-pb-15x-xxl{padding-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-pt-15x-xxl{padding-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-px-15x-xxl{padding-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x));padding-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-py-15x-xxl{padding-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x));padding-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-m-15x-xxl{margin:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-mr-15x-xxl{margin-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-ml-15x-xxl{margin-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-mb-15x-xxl{margin-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-mt-15x-xxl{margin-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-mx-15x-xxl{margin-left:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x));margin-right:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-my-15x-xxl{margin-bottom:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x));margin-top:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-g-15x-xxl{gap:calc(var(--sf-spacing-9x) + var(--sf-spacing-6x))}:where(:host) .sf-p-16x-xxl{padding:var(--sf-spacing-16x)}:where(:host) .sf-pr-16x-xxl{padding-right:var(--sf-spacing-16x)}:where(:host) .sf-pl-16x-xxl{padding-left:var(--sf-spacing-16x)}:where(:host) .sf-pb-16x-xxl{padding-bottom:var(--sf-spacing-16x)}:where(:host) .sf-pt-16x-xxl{padding-top:var(--sf-spacing-16x)}:where(:host) .sf-px-16x-xxl{padding-left:var(--sf-spacing-16x);padding-right:var(--sf-spacing-16x)}:where(:host) .sf-py-16x-xxl{padding-bottom:var(--sf-spacing-16x);padding-top:var(--sf-spacing-16x)}:where(:host) .sf-m-16x-xxl{margin:var(--sf-spacing-16x)}:where(:host) .sf-mr-16x-xxl{margin-right:var(--sf-spacing-16x)}:where(:host) .sf-ml-16x-xxl{margin-left:var(--sf-spacing-16x)}:where(:host) .sf-mb-16x-xxl{margin-bottom:var(--sf-spacing-16x)}:where(:host) .sf-mt-16x-xxl{margin-top:var(--sf-spacing-16x)}:where(:host) .sf-mx-16x-xxl{margin-left:var(--sf-spacing-16x);margin-right:var(--sf-spacing-16x)}:where(:host) .sf-my-16x-xxl{margin-bottom:var(--sf-spacing-16x);margin-top:var(--sf-spacing-16x)}:where(:host) .sf-g-16x-xxl{gap:var(--sf-spacing-16x)}}