@font-face {
  font-weight: 300;
  font-family: 'Radikal Trial';
  font-style: normal;
  src:
    url('/assets/fonts/RadikalTrial-Light.woff2') format('woff2'),
    url('/assets/fonts/RadikalTrial-Light.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-weight: 500;
  font-family: 'Radikal Trial';
  font-style: normal;
  src:
    url('/assets/fonts/RadikalTrial-Medium.woff2') format('woff2'),
    url('/assets/fonts/RadikalTrial-Medium.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-weight: 900;
  font-family: 'Radikal Trial';
  font-style: italic;
  src:
    url('/assets/fonts/RadikalTrial-BlackItalic.woff2') format('woff2'),
    url('/assets/fonts/RadikalTrial-BlackItalic.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-weight: 300;
  font-family: 'Radikal Trial';
  font-style: italic;
  src:
    url('/assets/fonts/RadikalTrial-LightItalic.woff2') format('woff2'),
    url('/assets/fonts/RadikalTrial-LightItalic.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-weight: normal;
  font-family: 'Radikal Trial';
  font-style: normal;
  src:
    url('/assets/fonts/RadikalTrial-Regular.woff2') format('woff2'),
    url('/assets/fonts/RadikalTrial-Regular.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-weight: 500;
  font-family: 'Radikal Trial';
  font-style: italic;
  src:
    url('/assets/fonts/RadikalTrial-MediumItalic.woff2') format('woff2'),
    url('/assets/fonts/RadikalTrial-MediumItalic.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-weight: bold;
  font-family: 'Radikal Trial';
  font-style: italic;
  src:
    url('/assets/fonts/RadikalTrial-BoldItalic.woff2') format('woff2'),
    url('/assets/fonts/RadikalTrial-BoldItalic.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-weight: 900;
  font-family: 'Radikal Trial';
  font-style: normal;
  src:
    url('/assets/fonts/RadikalTrial-Black.woff2') format('woff2'),
    url('/assets/fonts/RadikalTrial-Black.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-weight: bold;
  font-family: 'Radikal Trial';
  font-style: normal;
  src:
    url('/assets/fonts/RadikalTrial-Bold.woff2') format('woff2'),
    url('/assets/fonts/RadikalTrial-Bold.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-weight: normal;
  font-family: 'Radikal Trial';
  font-style: italic;
  src:
    url('/assets/fonts/RadikalTrial-RegularItalic.woff2') format('woff2'),
    url('/assets/fonts/RadikalTrial-RegularItalic.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-weight: 100;
  font-family: 'Radikal Trial';
  font-style: normal;
  src:
    url('/assets/fonts/RadikalTrial-Thin.woff2') format('woff2'),
    url('/assets/fonts/RadikalTrial-Thin.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-weight: 100;
  font-family: 'Radikal Trial UltraThin';
  font-style: italic;
  src:
    url('/assets/fonts/RadikalTrial-UltraThinItalic.woff2') format('woff2'),
    url('/assets/fonts/RadikalTrial-UltraThinItalic.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-weight: 100;
  font-family: 'Radikal Trial';
  font-style: italic;
  src:
    url('/assets/fonts/RadikalTrial-ThinItalic.woff2') format('woff2'),
    url('/assets/fonts/RadikalTrial-ThinItalic.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-weight: 100;
  font-family: 'Radikal Trial UltraThin';
  font-style: normal;
  src:
    url('/assets/fonts/RadikalTrial-UltraThin.woff2') format('woff2'),
    url('/assets/fonts/RadikalTrial-UltraThin.woff') format('woff');
  font-display: swap;
}
/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-content: "";
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-leading: initial;
      --tw-duration: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-ease: initial;
    }
  }
}

:root {
  --colors-raw-neutral-fg-light-v-oklch: .27 0 0;
  --colors-raw-neutral-bg-light-v-oklch: 1 0 0;
  --colors-raw-neutral-fg-dark-v-oklch: 1 0 0;
  --colors-raw-neutral-bg-dark-v-oklch: .27 0 0;
  --colors-raw-base-bg1-light-v-oklch: 1 0 0;
  --colors-raw-base-bg2-light-v-oklch: .9581 0 0;
  --colors-raw-base-bg3-light-v-oklch: .8015 0 0;
  --colors-raw-base-bg1-dark-v-oklch: .26 0 0;
  --colors-raw-base-bg2-dark-v-oklch: .18 0 0;
  --colors-raw-base-bg3-dark-v-oklch: .1 0 0;
  --colors-raw-babyblue-950-v-oklch: .9688 .0128 247.67;
  --colors-raw-babyblue-900-v-oklch: .9376 .0258 247.15;
  --colors-raw-babyblue-850-v-oklch: .9064 .039 246.56;
  --colors-raw-babyblue-800-v-oklch: .8752 .0526 245.89;
  --colors-raw-babyblue-750-v-oklch: .8441 .0666 245.15;
  --colors-raw-babyblue-700-v-oklch: .8129 .0809 244.3;
  --colors-raw-babyblue-650-v-oklch: .7819 .0957 243.35;
  --colors-raw-babyblue-600-v-oklch: .7508 .1111 242.26;
  --colors-raw-babyblue-550-v-oklch: .7197 .1271 241.02;
  --colors-raw-babyblue-500-v-oklch: .6887 .144 239.61;
  --colors-raw-babyblue-450-v-oklch: .6336 .1292 239.84;
  --colors-raw-babyblue-400-v-oklch: .5785 .1144 240.1;
  --colors-raw-babyblue-350-v-oklch: .5234 .0997 240.42;
  --colors-raw-babyblue-300-v-oklch: .4683 .085 240.81;
  --colors-raw-babyblue-250-v-oklch: .4132 .0704 241.3;
  --colors-raw-babyblue-200-v-oklch: .3582 .0558 241.93;
  --colors-raw-babyblue-150-v-oklch: .3031 .0414 242.75;
  --colors-raw-babyblue-100-v-oklch: .248 .0271 243.89;
  --colors-raw-babyblue-050-v-oklch: .1918 .0142 243.04;
  --colors-raw-babyblue-950-hex: #eef6fd;
  --colors-raw-babyblue-900-hex: #ddecfb;
  --colors-raw-babyblue-850-hex: #cce3f9;
  --colors-raw-babyblue-800-hex: #badaf7;
  --colors-raw-babyblue-750-hex: #a8d1f5;
  --colors-raw-babyblue-700-hex: #95c8f3;
  --colors-raw-babyblue-650-hex: #81bff1;
  --colors-raw-babyblue-600-hex: #6bb6ef;
  --colors-raw-babyblue-550-hex: #50aeec;
  --colors-raw-babyblue-500-hex: #2aa5ea;
  --colors-raw-babyblue-450-hex: #2b93d0;
  --colors-raw-babyblue-400-hex: #2a82b6;
  --colors-raw-babyblue-350-hex: #29709d;
  --colors-raw-babyblue-300-hex: #276085;
  --colors-raw-babyblue-250-hex: #24506e;
  --colors-raw-babyblue-200-hex: #204057;
  --colors-raw-babyblue-150-hex: #1b3142;
  --colors-raw-babyblue-100-hex: #16232d;
  --colors-raw-babyblue-050-hex: #0f151a;
  --colors-raw-rocketred-950-v-oklch: .9637 .0221 28.066;
  --colors-raw-rocketred-900-v-oklch: .9274 .044 27.983;
  --colors-raw-rocketred-850-v-oklch: .8912 .0656 27.868;
  --colors-raw-rocketred-800-v-oklch: .8549 .0869 27.712;
  --colors-raw-rocketred-750-v-oklch: .8188 .1079 27.506;
  --colors-raw-rocketred-700-v-oklch: .7826 .1287 27.236;
  --colors-raw-rocketred-650-v-oklch: .7465 .1491 26.883;
  --colors-raw-rocketred-600-v-oklch: .7105 .1693 26.426;
  --colors-raw-rocketred-550-v-oklch: .6745 .1891 25.835;
  --colors-raw-rocketred-500-v-oklch: .6386 .2087 25.07;
  --colors-raw-rocketred-450-v-oklch: .5885 .188 25.198;
  --colors-raw-rocketred-400-v-oklch: .5384 .1673 25.347;
  --colors-raw-rocketred-350-v-oklch: .4883 .1466 25.521;
  --colors-raw-rocketred-300-v-oklch: .4382 .1259 25.727;
  --colors-raw-rocketred-250-v-oklch: .3881 .1052 25.973;
  --colors-raw-rocketred-200-v-oklch: .338 .0845 26.273;
  --colors-raw-rocketred-150-v-oklch: .2879 .0637 26.64;
  --colors-raw-rocketred-100-v-oklch: .2379 .0429 27.624;
  --colors-raw-rocketred-050-v-oklch: .1855 .0265 34.073;
  --colors-raw-rocketred-950-hex: #ffeeeb;
  --colors-raw-rocketred-900-hex: #ffddd7;
  --colors-raw-rocketred-850-hex: #ffcbc3;
  --colors-raw-rocketred-800-hex: #ffbab0;
  --colors-raw-rocketred-750-hex: #ffa99d;
  --colors-raw-rocketred-700-hex: #ff978b;
  --colors-raw-rocketred-650-hex: #fd8479;
  --colors-raw-rocketred-600-hex: #f97167;
  --colors-raw-rocketred-550-hex: #f55c56;
  --colors-raw-rocketred-500-hex: #f04445;
  --colors-raw-rocketred-450-hex: #d63f3e;
  --colors-raw-rocketred-400-hex: #bc3938;
  --colors-raw-rocketred-350-hex: #a33431;
  --colors-raw-rocketred-300-hex: #8a2e2b;
  --colors-raw-rocketred-250-hex: #722925;
  --colors-raw-rocketred-200-hex: #5b231f;
  --colors-raw-rocketred-150-hex: #451d19;
  --colors-raw-rocketred-100-hex: #301613;
  --colors-raw-rocketred-050-hex: #1d0e0b;
  --colors-raw-groovygreen-950-v-oklch: .9719 .0136 164.75;
  --colors-raw-groovygreen-900-v-oklch: .9438 .0272 164.72;
  --colors-raw-groovygreen-850-v-oklch: .9158 .0406 164.7;
  --colors-raw-groovygreen-800-v-oklch: .8877 .054 164.67;
  --colors-raw-groovygreen-750-v-oklch: .8597 .0672 164.64;
  --colors-raw-groovygreen-700-v-oklch: .8317 .0803 164.61;
  --colors-raw-groovygreen-650-v-oklch: .8037 .0933 164.58;
  --colors-raw-groovygreen-600-v-oklch: .7757 .1061 164.54;
  --colors-raw-groovygreen-550-v-oklch: .7478 .1188 164.5;
  --colors-raw-groovygreen-500-v-oklch: .7199 .1312 164.45;
  --colors-raw-groovygreen-450-v-oklch: .6617 .1182 164.46;
  --colors-raw-groovygreen-400-v-oklch: .6035 .1052 164.47;
  --colors-raw-groovygreen-350-v-oklch: .5453 .0921 164.48;
  --colors-raw-groovygreen-300-v-oklch: .4871 .0791 164.49;
  --colors-raw-groovygreen-250-v-oklch: .4288 .0661 164.51;
  --colors-raw-groovygreen-200-v-oklch: .3706 .053 164.53;
  --colors-raw-groovygreen-150-v-oklch: .3124 .0399 164.56;
  --colors-raw-groovygreen-100-v-oklch: .2542 .0267 164.6;
  --colors-raw-groovygreen-050-v-oklch: .1954 .0156 164.84;
  --colors-raw-groovygreen-95-hex: #eef9f3;
  --colors-raw-groovygreen-90-hex: #ddf3e8;
  --colors-raw-groovygreen-85-hex: #cbecdc;
  --colors-raw-groovygreen-80-hex: #bae6d1;
  --colors-raw-groovygreen-75-hex: #a8dfc6;
  --colors-raw-groovygreen-70-hex: #96d9bb;
  --colors-raw-groovygreen-65-hex: #83d2af;
  --colors-raw-groovygreen-60-hex: #6fcca5;
  --colors-raw-groovygreen-55-hex: #59c59a;
  --colors-raw-groovygreen-50-hex: #3fbe8f;
  --colors-raw-groovygreen-45-hex: #3ba980;
  --colors-raw-groovygreen-40-hex: #369571;
  --colors-raw-groovygreen-35-hex: #328162;
  --colors-raw-groovygreen-30-hex: #2d6e54;
  --colors-raw-groovygreen-25-hex: #275b46;
  --colors-raw-groovygreen-20-hex: #224939;
  --colors-raw-groovygreen-15-hex: #1c372c;
  --colors-raw-groovygreen-10-hex: #16271f;
  --colors-raw-groovygreen-05-hex: #0e1713;
  --colors-raw-yellowjacket-950-v-oklch: .9836 .0218 79.375;
  --colors-raw-yellowjacket-900-v-oklch: .9672 .0429 80.286;
  --colors-raw-yellowjacket-850-v-oklch: .951 .0633 81.143;
  --colors-raw-yellowjacket-800-v-oklch: .9348 .0828 81.936;
  --colors-raw-yellowjacket-750-v-oklch: .9186 .1013 82.651;
  --colors-raw-yellowjacket-700-v-oklch: .9026 .1186 83.274;
  --colors-raw-yellowjacket-650-v-oklch: .8866 .1345 83.788;
  --colors-raw-yellowjacket-600-v-oklch: .8707 .1489 84.172;
  --colors-raw-yellowjacket-550-v-oklch: .8549 .1615 84.404;
  --colors-raw-yellowjacket-500-v-oklch: .8392 .1721 84.458;
  --colors-raw-yellowjacket-450-v-oklch: .769 .1559 84.462;
  --colors-raw-yellowjacket-400-v-oklch: .6988 .1397 84.461;
  --colors-raw-yellowjacket-350-v-oklch: .6287 .1234 84.451;
  --colors-raw-yellowjacket-300-v-oklch: .5585 .107 84.425;
  --colors-raw-yellowjacket-250-v-oklch: .4883 .0905 84.369;
  --colors-raw-yellowjacket-200-v-oklch: .4182 .0737 84.255;
  --colors-raw-yellowjacket-150-v-oklch: .348 .0567 84.022;
  --colors-raw-yellowjacket-100-v-oklch: .2779 .0393 83.635;
  --colors-raw-yellowjacket-050-v-oklch: .2077 .0256 85.71;
  --colors-raw-yellowjacket-950-hex: #fff8ea;
  --colors-raw-yellowjacket-900-hex: #fff2d5;
  --colors-raw-yellowjacket-850-hex: #ffebc0;
  --colors-raw-yellowjacket-800-hex: #ffe5aa;
  --colors-raw-yellowjacket-750-hex: #ffde95;
  --colors-raw-yellowjacket-700-hex: #ffd87f;
  --colors-raw-yellowjacket-650-hex: #ffd269;
  --colors-raw-yellowjacket-600-hex: #ffcb51;
  --colors-raw-yellowjacket-550-hex: #ffc535;
  --colors-raw-yellowjacket-500-hex: #febf00;
  --colors-raw-yellowjacket-450-hex: #e2aa0c;
  --colors-raw-yellowjacket-400-hex: #c69512;
  --colors-raw-yellowjacket-350-hex: #ab8115;
  --colors-raw-yellowjacket-300-hex: #916e16;
  --colors-raw-yellowjacket-250-hex: #785b16;
  --colors-raw-yellowjacket-200-hex: #5f4915;
  --colors-raw-yellowjacket-150-hex: #483713;
  --colors-raw-yellowjacket-100-hex: #322710;
  --colors-raw-yellowjacket-050-hex: #1d170a;
  --colors-raw-floridaorange-950-v-oklch: .9684 .0254 46.968;
  --colors-raw-floridaorange-900-v-oklch: .9368 .05 47.16;
  --colors-raw-floridaorange-850-v-oklch: .9052 .0737 47.265;
  --colors-raw-floridaorange-800-v-oklch: .8737 .0965 47.255;
  --colors-raw-floridaorange-750-v-oklch: .8424 .1182 47.092;
  --colors-raw-floridaorange-700-v-oklch: .811 .1388 46.729;
  --colors-raw-floridaorange-650-v-oklch: .7798 .1581 46.102;
  --colors-raw-floridaorange-600-v-oklch: .7487 .1762 45.136;
  --colors-raw-floridaorange-550-v-oklch: .7178 .1928 43.741;
  --colors-raw-floridaorange-500-v-oklch: .6869 .208 41.82;
  --colors-raw-floridaorange-450-v-oklch: .6319 .188 42.147;
  --colors-raw-floridaorange-400-v-oklch: .577 .1681 42.524;
  --colors-raw-floridaorange-350-v-oklch: .522 .148 42.962;
  --colors-raw-floridaorange-300-v-oklch: .4671 .1279 43.475;
  --colors-raw-floridaorange-250-v-oklch: .4121 .1077 44.077;
  --colors-raw-floridaorange-200-v-oklch: .3572 .0874 44.786;
  --colors-raw-floridaorange-150-v-oklch: .3023 .0671 46.008;
  --colors-raw-floridaorange-100-v-oklch: .2473 .0476 49.622;
  --colors-raw-floridaorange-050-v-oklch: .1911 .0318 59.121;
  --colors-raw-floridaorange-950-hex: #fff0e7;
  --colors-raw-floridaorange-900-hex: #ffe2d1;
  --colors-raw-floridaorange-850-hex: #ffd3ba;
  --colors-raw-floridaorange-800-hex: #ffc4a2;
  --colors-raw-floridaorange-750-hex: #ffb48a;
  --colors-raw-floridaorange-700-hex: #ffa471;
  --colors-raw-floridaorange-650-hex: #ff9459;
  --colors-raw-floridaorange-600-hex: #ff8341;
  --colors-raw-floridaorange-550-hex: #ff7228;
  --colors-raw-floridaorange-500-hex: #fe6000;
  --colors-raw-floridaorange-450-hex: #e25706;
  --colors-raw-floridaorange-400-hex: #c74e0b;
  --colors-raw-floridaorange-350-hex: #ac450e;
  --colors-raw-floridaorange-300-hex: #923c0f;
  --colors-raw-floridaorange-250-hex: #79330f;
  --colors-raw-floridaorange-200-hex: #602b0f;
  --colors-raw-floridaorange-150-hex: #49220e;
  --colors-raw-floridaorange-100-hex: #33190a;
  --colors-raw-floridaorange-050-hex: #1e1005;
  --colors-raw-hendrixpurple-950-v-oklch: .9459 .0135 315.2;
  --colors-raw-hendrixpurple-900-v-oklch: .8919 .027 314.97;
  --colors-raw-hendrixpurple-850-v-oklch: .838 .0405 314.7;
  --colors-raw-hendrixpurple-800-v-oklch: .7841 .054 314.4;
  --colors-raw-hendrixpurple-750-v-oklch: .7302 .0674 314.05;
  --colors-raw-hendrixpurple-700-v-oklch: .6764 .0807 313.63;
  --colors-raw-hendrixpurple-650-v-oklch: .6227 .094 313.15;
  --colors-raw-hendrixpurple-600-v-oklch: .5691 .107 312.56;
  --colors-raw-hendrixpurple-550-v-oklch: .5157 .1197 311.83;
  --colors-raw-hendrixpurple-500-v-oklch: .4625 .1318 310.91;
  --colors-raw-hendrixpurple-450-v-oklch: .43 .1188 311.07;
  --colors-raw-hendrixpurple-400-v-oklch: .3974 .1058 311.25;
  --colors-raw-hendrixpurple-350-v-oklch: .3649 .0928 311.46;
  --colors-raw-hendrixpurple-300-v-oklch: .3324 .0797 311.7;
  --colors-raw-hendrixpurple-250-v-oklch: .2998 .0666 312;
  --colors-raw-hendrixpurple-200-v-oklch: .2674 .0534 312.37;
  --colors-raw-hendrixpurple-150-v-oklch: .2349 .0402 312.83;
  --colors-raw-hendrixpurple-100-v-oklch: .2023 .0273 313.85;
  --colors-raw-hendrixpurple-050-v-oklch: .1604 .0207 316.57;
  --colors-raw-hendrixpurple-950-hex: #f1ebf3;
  --colors-raw-hendrixpurple-900-hex: #e2d6e8;
  --colors-raw-hendrixpurple-850-hex: #d4c2dd;
  --colors-raw-hendrixpurple-800-hex: #c6afd1;
  --colors-raw-hendrixpurple-750-hex: #b79cc6;
  --colors-raw-hendrixpurple-700-hex: #a989bb;
  --colors-raw-hendrixpurple-650-hex: #9b76af;
  --colors-raw-hendrixpurple-600-hex: #8d63a4;
  --colors-raw-hendrixpurple-550-hex: #7e5199;
  --colors-raw-hendrixpurple-500-hex: #703f8e;
  --colors-raw-hendrixpurple-450-hex: #65397f;
  --colors-raw-hendrixpurple-400-hex: #593470;
  --colors-raw-hendrixpurple-350-hex: #4e2e62;
  --colors-raw-hendrixpurple-300-hex: #432853;
  --colors-raw-hendrixpurple-250-hex: #392346;
  --colors-raw-hendrixpurple-200-hex: #2f1e38;
  --colors-raw-hendrixpurple-150-hex: #25182c;
  --colors-raw-hendrixpurple-100-hex: #1b131f;
  --colors-raw-hendrixpurple-050-hex: #110b13;
}

:root[data-theme="snyder"] {
  --rounded-btn: .188rem;
  --radius-box: .25rem;
}

[data-theme="meritOS"] {
  --theme-activity-management-color-bg: oklch(var(--colors-raw-rocketred-550-v-oklch));
  --theme-activity-management-color-content: oklch(var(--colors-raw-rocketred-050-v-oklch));
  --theme-activity-development-color-bg: oklch(var(--colors-raw-babyblue-550-v-oklch));
  --theme-activity-development-color-content: oklch(var(--colors-raw-babyblue-050-v-oklch));
  --theme-activity-testing-color-bg: oklch(var(--colors-raw-yellowjacket-550-v-oklch));
  --theme-activity-testing-color-content: oklch(var(--colors-raw-yellowjacket-050-v-oklch));
}

@layer theme {
  :root, :host {
    --sa-font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --sa-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --sa-color-red-500: oklch(63.7% .237 25.331);
    --sa-color-yellow-300: oklch(90.5% .182 98.111);
    --sa-color-yellow-500: oklch(79.5% .184 86.047);
    --sa-color-green-500: oklch(72.3% .219 149.579);
    --sa-color-slate-800: oklch(27.9% .041 260.031);
    --sa-color-slate-900: oklch(20.8% .042 265.755);
    --sa-color-gray-100: oklch(96.7% .003 264.542);
    --sa-color-gray-500: oklch(55.1% .027 264.364);
    --sa-color-zinc-300: oklch(87.1% .006 286.286);
    --sa-color-zinc-700: oklch(37% .013 285.805);
    --sa-color-zinc-900: oklch(21% .006 285.885);
    --sa-color-zinc-950: oklch(14.1% .005 285.823);
    --sa-color-black: #000;
    --sa-color-white: #fff;
    --sa-spacing: .25rem;
    --sa-breakpoint-lg: 64rem;
    --sa-breakpoint-xl: 80rem;
    --sa-breakpoint-2xl: 96rem;
    --sa-container-xs: 20rem;
    --sa-container-2xl: 42rem;
    --sa-container-3xl: 48rem;
    --sa-container-4xl: 56rem;
    --sa-container-5xl: 64rem;
    --sa-container-6xl: 72rem;
    --sa-container-7xl: 80rem;
    --sa-text-xs: .75rem;
    --sa-text-xs--line-height: calc(1 / .75);
    --sa-text-sm: .875rem;
    --sa-text-sm--line-height: calc(1.25 / .875);
    --sa-text-base: 1rem;
    --sa-text-base--line-height: calc(1.5 / 1);
    --sa-text-lg: 1.125rem;
    --sa-text-lg--line-height: calc(1.75 / 1.125);
    --sa-text-xl: 1.25rem;
    --sa-text-xl--line-height: calc(1.75 / 1.25);
    --sa-text-2xl: 1.5rem;
    --sa-text-2xl--line-height: calc(2 / 1.5);
    --sa-text-3xl: 1.875rem;
    --sa-text-3xl--line-height: calc(2.25 / 1.875);
    --sa-text-4xl: 2.25rem;
    --sa-text-4xl--line-height: calc(2.5 / 2.25);
    --sa-text-5xl: 3rem;
    --sa-text-5xl--line-height: 1;
    --sa-text-6xl: 3.75rem;
    --sa-text-6xl--line-height: 1;
    --sa-font-weight-light: 300;
    --sa-font-weight-normal: 400;
    --sa-font-weight-medium: 500;
    --sa-font-weight-semibold: 600;
    --sa-font-weight-bold: 700;
    --sa-font-weight-black: 900;
    --sa-tracking-tight: -.025em;
    --sa-tracking-wide: .025em;
    --sa-tracking-wider: .05em;
    --sa-leading-normal: 1.5;
    --sa-leading-relaxed: 1.625;
    --sa-radius-sm: .25rem;
    --sa-radius-md: .375rem;
    --sa-radius-lg: .5rem;
    --sa-radius-xl: .75rem;
    --sa-radius-3xl: 1.5rem;
    --sa-radius-4xl: 2rem;
    --sa-drop-shadow-xl: 0 9px 7px #0000001a;
    --sa-ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --sa-animate-bounce: bounce 1s infinite;
    --sa-blur-xs: 4px;
    --sa-blur-md: 12px;
    --sa-blur-lg: 16px;
    --sa-blur-2xl: 40px;
    --sa-default-transition-duration: .15s;
    --sa-default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --sa-default-font-family: var(--sa-font-sans);
    --sa-default-mono-font-family: var(--sa-font-mono);
    --sa-color-raw-babyblue-500: oklch(var(--colors-raw-babyblue-500-v-oklch));
    --sa-color-raw-neutral-fg-light: oklch(var(--colors-raw-neutral-fg-light-v-oklch));
    --sa-color-raw-neutral-fg-dark: oklch(var(--colors-raw-neutral-fg-dark-v-oklch));
    --sa-color-raw-neutral-bg-light: oklch(var(--colors-raw-neutral-bg-light-v-oklch));
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
         tab-size: 4;
    line-height: 1.5;
    font-family: var(--sa-default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--sa-default-font-feature-settings, normal);
    font-variation-settings: var(--sa-default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--sa-default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--sa-default-mono-font-feature-settings, normal);
    font-variation-settings: var(--sa-default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

  sub, sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol, ul, menu {
    list-style: none;
  }

  img, svg, video, canvas, audio, iframe, embed, object {
    vertical-align: middle;
    display: block;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::-moz-placeholder {
    opacity: 1;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
    ::-moz-placeholder {
      color: currentColor;
    }
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::-moz-placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    -webkit-appearance: button;
       -moz-appearance: button;
            appearance: button;
  }

  ::file-selector-button {
    -webkit-appearance: button;
       -moz-appearance: button;
            appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }

  :where(:root), :root:has(input.dui-theme-controller[value="light"]:checked), [data-theme="light"] {
    color-scheme: light;
    --color-base-100: oklch(100% 0 0);
    --color-base-200: oklch(98% 0 0);
    --color-base-300: oklch(95% 0 0);
    --color-base-content: oklch(21% .006 285.885);
    --color-primary: oklch(45% .24 277.023);
    --color-primary-content: oklch(93% .034 272.788);
    --color-secondary: oklch(65% .241 354.308);
    --color-secondary-content: oklch(94% .028 342.258);
    --color-accent: oklch(77% .152 181.912);
    --color-accent-content: oklch(38% .063 188.416);
    --color-neutral: oklch(14% .005 285.823);
    --color-neutral-content: oklch(92% .004 286.32);
    --color-info: oklch(74% .16 232.661);
    --color-info-content: oklch(29% .066 243.157);
    --color-success: oklch(76% .177 163.223);
    --color-success-content: oklch(37% .077 168.94);
    --color-warning: oklch(82% .189 84.429);
    --color-warning-content: oklch(41% .112 45.904);
    --color-error: oklch(71% .194 13.428);
    --color-error-content: oklch(27% .105 12.094);
    --radius-selector: .5rem;
    --radius-field: .25rem;
    --radius-box: .5rem;
    --size-selector: .25rem;
    --size-field: .25rem;
    --border: 1px;
    --depth: 1;
    --noise: 0;
  }

  @media (prefers-color-scheme: dark) {
    :root:not([data-theme]) {
      color-scheme: dark;
      --color-base-100: oklch(25.33% .016 252.42);
      --color-base-200: oklch(23.26% .014 253.1);
      --color-base-300: oklch(21.15% .012 254.09);
      --color-base-content: oklch(97.807% .029 256.847);
      --color-primary: oklch(58% .233 277.117);
      --color-primary-content: oklch(96% .018 272.314);
      --color-secondary: oklch(65% .241 354.308);
      --color-secondary-content: oklch(94% .028 342.258);
      --color-accent: oklch(77% .152 181.912);
      --color-accent-content: oklch(38% .063 188.416);
      --color-neutral: oklch(14% .005 285.823);
      --color-neutral-content: oklch(92% .004 286.32);
      --color-info: oklch(74% .16 232.661);
      --color-info-content: oklch(29% .066 243.157);
      --color-success: oklch(76% .177 163.223);
      --color-success-content: oklch(37% .077 168.94);
      --color-warning: oklch(82% .189 84.429);
      --color-warning-content: oklch(41% .112 45.904);
      --color-error: oklch(71% .194 13.428);
      --color-error-content: oklch(27% .105 12.094);
      --radius-selector: .5rem;
      --radius-field: .25rem;
      --radius-box: .5rem;
      --size-selector: .25rem;
      --size-field: .25rem;
      --border: 1px;
      --depth: 1;
      --noise: 0;
    }
  }

  :root:has(input.dui-theme-controller[value="light"]:checked), [data-theme="light"] {
    color-scheme: light;
    --color-base-100: oklch(100% 0 0);
    --color-base-200: oklch(98% 0 0);
    --color-base-300: oklch(95% 0 0);
    --color-base-content: oklch(21% .006 285.885);
    --color-primary: oklch(45% .24 277.023);
    --color-primary-content: oklch(93% .034 272.788);
    --color-secondary: oklch(65% .241 354.308);
    --color-secondary-content: oklch(94% .028 342.258);
    --color-accent: oklch(77% .152 181.912);
    --color-accent-content: oklch(38% .063 188.416);
    --color-neutral: oklch(14% .005 285.823);
    --color-neutral-content: oklch(92% .004 286.32);
    --color-info: oklch(74% .16 232.661);
    --color-info-content: oklch(29% .066 243.157);
    --color-success: oklch(76% .177 163.223);
    --color-success-content: oklch(37% .077 168.94);
    --color-warning: oklch(82% .189 84.429);
    --color-warning-content: oklch(41% .112 45.904);
    --color-error: oklch(71% .194 13.428);
    --color-error-content: oklch(27% .105 12.094);
    --radius-selector: .5rem;
    --radius-field: .25rem;
    --radius-box: .5rem;
    --size-selector: .25rem;
    --size-field: .25rem;
    --border: 1px;
    --depth: 1;
    --noise: 0;
  }

  :root:has(input.dui-theme-controller[value="dark"]:checked), [data-theme="dark"] {
    color-scheme: dark;
    --color-base-100: oklch(25.33% .016 252.42);
    --color-base-200: oklch(23.26% .014 253.1);
    --color-base-300: oklch(21.15% .012 254.09);
    --color-base-content: oklch(97.807% .029 256.847);
    --color-primary: oklch(58% .233 277.117);
    --color-primary-content: oklch(96% .018 272.314);
    --color-secondary: oklch(65% .241 354.308);
    --color-secondary-content: oklch(94% .028 342.258);
    --color-accent: oklch(77% .152 181.912);
    --color-accent-content: oklch(38% .063 188.416);
    --color-neutral: oklch(14% .005 285.823);
    --color-neutral-content: oklch(92% .004 286.32);
    --color-info: oklch(74% .16 232.661);
    --color-info-content: oklch(29% .066 243.157);
    --color-success: oklch(76% .177 163.223);
    --color-success-content: oklch(37% .077 168.94);
    --color-warning: oklch(82% .189 84.429);
    --color-warning-content: oklch(41% .112 45.904);
    --color-error: oklch(71% .194 13.428);
    --color-error-content: oklch(27% .105 12.094);
    --radius-selector: .5rem;
    --radius-field: .25rem;
    --radius-box: .5rem;
    --size-selector: .25rem;
    --size-field: .25rem;
    --border: 1px;
    --depth: 1;
    --noise: 0;
  }

  :root {
    --dui-fx-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E");
    scrollbar-color: currentColor #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root {
      scrollbar-color: color-mix(in oklch, currentColor 35%, #0000) #0000;
    }
  }

  @property --radialprogress {
    syntax: "<percentage>"; inherits: true; initial-value: 0%;
  }

  :root:not(span) {
    overflow: var(--dui-page-overflow);
  }

  :root {
    background: var(--dui-page-scroll-bg, var(--root-bg));
    --dui-page-scroll-bg-on: linear-gradient(var(--dui-root-bg, #0000), var(--dui-root-bg, #0000)) var(--dui-root-bg, #0000);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root {
      --dui-page-scroll-bg-on: linear-gradient(var(--dui-root-bg, #0000), var(--dui-root-bg, #0000)) color-mix(in srgb, var(--dui-root-bg, #0000), oklch(0% 0 0) calc(var(--dui-page-has-backdrop, 0) * 40%));
    }
  }

  :root {
    --dui-page-scroll-transition-on: background-color .3s ease-out;
    transition: var(--dui-page-scroll-transition);
    scrollbar-gutter: var(--dui-page-scroll-gutter, unset);
    scrollbar-gutter: if(style(--page-has-scroll: 1) : var(--dui-page-scroll-gutter, unset) ; else: unset);
  }

  @keyframes set-page-has-scroll {
    0%, to {
      --dui-page-has-scroll: 1;
    }
  }

  :root, [data-theme] {
    background: var(--dui-page-scroll-bg, var(--root-bg));
    color: var(--color-base-content);
  }

  :where(:root, [data-theme]) {
    --dui-root-bg: var(--color-base-100);
  }
}

@layer components;

@layer utilities {
  @layer daisyui.l1.l2.l3 {
    .sa\:dui-modal {
      pointer-events: none;
      visibility: hidden;
      width: 100%;
      max-width: none;
      height: 100%;
      max-height: none;
      color: inherit;
      transition: visibility .3s allow-discrete, background-color .3s ease-out, opacity .1s ease-out;
      overscroll-behavior: contain;
      z-index: 999;
      scrollbar-gutter: auto;
      background-color: #0000;
      place-items: center;
      margin: 0;
      padding: 0;
      display: grid;
      position: fixed;
      inset: 0;
      overflow: clip;
    }

    .sa\:dui-modal::backdrop {
      display: none;
    }

    :where(.sa\:dui-drawer-side) {
      overflow: hidden;
    }

    .sa\:dui-drawer-side {
      pointer-events: none;
      visibility: hidden;
      z-index: 10;
      overscroll-behavior: contain;
      opacity: 0;
      width: 100%;
      transition: opacity .2s ease-out .1s allow-discrete, visibility .3s ease-out .1s allow-discrete;
      inset-inline-start: 0;
      background-color: #0000;
      grid-template-rows: repeat(1, minmax(0, 1fr));
      grid-template-columns: repeat(1, minmax(0, 1fr));
      grid-row-start: 1;
      grid-column-start: 1;
      place-items: flex-start start;
      height: 100dvh;
      display: grid;
      position: fixed;
      top: 0;
    }

    .sa\:dui-drawer-side > .sa\:dui-drawer-overlay {
      cursor: pointer;
      background-color: oklch(0% 0 0 / .4);
      place-self: stretch stretch;
      position: sticky;
      top: 0;
    }

    .sa\:dui-drawer-side > * {
      grid-row-start: 1;
      grid-column-start: 1;
    }

    .sa\:dui-drawer-side > :not(.sa\:dui-drawer-overlay) {
      will-change: transform;
      transition: translate .3s ease-out, width .2s ease-out;
      translate: -100%;
    }

    [dir="rtl"] :is(.sa\:dui-drawer-side > :not(.sa\:dui-drawer-overlay)) {
      translate: 100%;
    }

    .sa\:dui-drawer-toggle {
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      opacity: 0;
      width: 0;
      height: 0;
      position: fixed;
    }

    :where(.sa\:dui-drawer-toggle:checked ~ .sa\:dui-drawer-side) {
      scrollbar-color: currentColor oklch(0 0 0 / calc(var(--dui-page-has-backdrop, 0) * .4));
    }

    @supports (color: color-mix(in lab, red, red)) {
      :where(.sa\:dui-drawer-toggle:checked ~ .sa\:dui-drawer-side) {
        scrollbar-color: color-mix(in oklch, currentColor 35%, #0000) oklch(0 0 0 / calc(var(--dui-page-has-backdrop, 0) * .4));
      }
    }

    :where(:root:has(.sa\:dui-drawer-toggle:checked)) {
      --dui-page-has-backdrop: 1;
      --dui-page-overflow: hidden;
      --dui-page-scroll-bg: var(--dui-page-scroll-bg-on);
      --dui-page-scroll-gutter: stable;
      --dui-page-scroll-transition: var(--dui-page-scroll-transition-on);
      animation: forwards set-page-has-scroll;
      animation-timeline: scroll();
    }

    .sa\:dui-tooltip\! {
      --dui-tt-bg: var(--color-neutral) !important;
      --dui-tt-off: calc(100% + .5rem) !important;
      --dui-tt-tail: calc(100% + 1px + .25rem) !important;
      display: inline-block !important;
      position: relative !important;
    }

    .sa\:dui-tooltip\! > .sa\:dui-tooltip-content, .sa\:dui-tooltip\![data-tip]:before {
      border-radius: var(--radius-field) !important;
      text-align: center !important;
      white-space: normal !important;
      max-width: 20rem !important;
      color: var(--color-neutral-content) !important;
      opacity: 0 !important;
      background-color: var(--dui-tt-bg) !important;
      pointer-events: none !important;
      z-index: 2 !important;
      --tw-content: attr(data-tip) !important;
      content: var(--tw-content) !important;
      width: -moz-max-content !important;
      width: max-content !important;
      padding-block: .25rem !important;
      padding-inline: .5rem !important;
      font-size: .875rem !important;
      line-height: 1.25 !important;
      position: absolute !important;
    }

    .sa\:dui-tooltip\!:after {
      opacity: 0 !important;
      background-color: var(--dui-tt-bg) !important;
      content: "" !important;
      pointer-events: none !important;
      --dui-mask-tooltip: url("data:image/svg+xml,%3Csvg width='10' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.500009 1C3.5 1 3.00001 4 5.00001 4C7 4 6.5 1 9.5 1C10 1 10 0.499897 10 0H0C-1.99338e-08 0.5 0 1 0.500009 1Z' fill='black'/%3E%3C/svg%3E%0A") !important;
      width: .625rem !important;
      height: .25rem !important;
      -webkit-mask-position: -1px 0 !important;
      mask-position: -1px 0 !important;
      -webkit-mask-repeat: no-repeat !important;
      mask-repeat: no-repeat !important;
      -webkit-mask-image: var(--dui-mask-tooltip) !important;
      -webkit-mask-image: var(--dui-mask-tooltip) !important;
      mask-image: var(--dui-mask-tooltip) !important;
      display: block !important;
      position: absolute !important;
    }

    @media (prefers-reduced-motion: no-preference) {
      .sa\:dui-tooltip\! > .sa\:dui-tooltip-content, .sa\:dui-tooltip\![data-tip]:before, .sa\:dui-tooltip\!:after {
        transition: opacity .2s cubic-bezier(.4, 0, .2, 1) 75ms, transform .2s cubic-bezier(.4, 0, .2, 1) 75ms !important;
      }
    }

    :is(.sa\:dui-tooltip\!:is([data-tip]:not([data-tip=""]), :has(.sa\:dui-tooltip-content:not(:empty))).sa\:dui-tooltip-open, .sa\:dui-tooltip\!:is([data-tip]:not([data-tip=""]), :has(.sa\:dui-tooltip-content:not(:empty))):hover, .sa\:dui-tooltip\!:is([data-tip]:not([data-tip=""]), :has(.sa\:dui-tooltip-content:not(:empty))):has(:focus-visible)) > .sa\:dui-tooltip-content, :is(.sa\:dui-tooltip\!:is([data-tip]:not([data-tip=""]), :has(.sa\:dui-tooltip-content:not(:empty))).sa\:dui-tooltip-open, .sa\:dui-tooltip\!:is([data-tip]:not([data-tip=""]), :has(.sa\:dui-tooltip-content:not(:empty))):hover, .sa\:dui-tooltip\!:is([data-tip]:not([data-tip=""]), :has(.sa\:dui-tooltip-content:not(:empty))):has(:focus-visible))[data-tip]:before, :is(.sa\:dui-tooltip\!:is([data-tip]:not([data-tip=""]), :has(.sa\:dui-tooltip-content:not(:empty))).sa\:dui-tooltip-open, .sa\:dui-tooltip\!:is([data-tip]:not([data-tip=""]), :has(.sa\:dui-tooltip-content:not(:empty))):hover, .sa\:dui-tooltip\!:is([data-tip]:not([data-tip=""]), :has(.sa\:dui-tooltip-content:not(:empty))):has(:focus-visible)):after {
      opacity: 1 !important;
      --dui-tt-pos: 0rem !important;
    }

    @media (prefers-reduced-motion: no-preference) {
      :is(.sa\:dui-tooltip\!:is([data-tip]:not([data-tip=""]), :has(.sa\:dui-tooltip-content:not(:empty))).sa\:dui-tooltip-open, .sa\:dui-tooltip\!:is([data-tip]:not([data-tip=""]), :has(.sa\:dui-tooltip-content:not(:empty))):hover, .sa\:dui-tooltip\!:is([data-tip]:not([data-tip=""]), :has(.sa\:dui-tooltip-content:not(:empty))):has(:focus-visible)) > .sa\:dui-tooltip-content, :is(.sa\:dui-tooltip\!:is([data-tip]:not([data-tip=""]), :has(.sa\:dui-tooltip-content:not(:empty))).sa\:dui-tooltip-open, .sa\:dui-tooltip\!:is([data-tip]:not([data-tip=""]), :has(.sa\:dui-tooltip-content:not(:empty))):hover, .sa\:dui-tooltip\!:is([data-tip]:not([data-tip=""]), :has(.sa\:dui-tooltip-content:not(:empty))):has(:focus-visible))[data-tip]:before, :is(.sa\:dui-tooltip\!:is([data-tip]:not([data-tip=""]), :has(.sa\:dui-tooltip-content:not(:empty))).sa\:dui-tooltip-open, .sa\:dui-tooltip\!:is([data-tip]:not([data-tip=""]), :has(.sa\:dui-tooltip-content:not(:empty))):hover, .sa\:dui-tooltip\!:is([data-tip]:not([data-tip=""]), :has(.sa\:dui-tooltip-content:not(:empty))):has(:focus-visible)):after {
        transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1) !important;
      }
    }

    .sa\:dui-tab {
      cursor: pointer;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      text-align: center;
      webkit-user-select: none;
      -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      display: inline-flex;
      position: relative;
    }

    @media (hover: hover) {
      .sa\:dui-tab:hover {
        color: var(--color-base-content);
      }
    }

    .sa\:dui-tab {
      --dui-tab-p: .75rem;
      --dui-tab-bg: var(--color-base-100);
      --dui-tab-border-color: var(--color-base-300);
      --dui-tab-radius-ss: 0;
      --dui-tab-radius-se: 0;
      --dui-tab-radius-es: 0;
      --dui-tab-radius-ee: 0;
      --dui-tab-order: 0;
      --dui-tab-radius-min: calc(.75rem - var(--border));
      --dui-tab-radius-limit: min(var(--radius-field), var(--dui-tab-radius-min));
      --dui-tab-radius-grad: #0000 calc(69% - var(--border)), var(--dui-tab-border-color) calc(69% - var(--border)  + .25px), var(--dui-tab-border-color) 69%, var(--dui-tab-bg) calc(69% + .25px);
      order: var(--dui-tab-order);
      height: var(--dui-tab-height);
      padding-inline: var(--dui-tab-p);
      border-color: #0000;
      font-size: .875rem;
    }

    .sa\:dui-tab:is(input[type="radio"]) {
      min-width: -moz-fit-content;
      min-width: fit-content;
    }

    .sa\:dui-tab:is(input[type="radio"]):after {
      --tw-content: attr(aria-label);
      content: var(--tw-content);
    }

    .sa\:dui-tab:is(label) {
      position: relative;
    }

    .sa\:dui-tab:is(label) input {
      cursor: pointer;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      opacity: 0;
      position: absolute;
      inset: 0;
    }

    :is(.sa\:dui-tab:checked, .sa\:dui-tab:is(label:has(:checked)), .sa\:dui-tab:is(.sa\:dui-tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"])) + .sa\:dui-tab-content {
      display: block;
    }

    .sa\:dui-tab:not(:checked, label:has(:checked), :hover, .sa\:dui-tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]) {
      color: var(--color-base-content);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .sa\:dui-tab:not(:checked, label:has(:checked), :hover, .sa\:dui-tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]) {
        color: color-mix(in oklab, var(--color-base-content) 50%, transparent);
      }
    }

    .sa\:dui-tab:not(input):empty {
      cursor: default;
      flex-grow: 1;
    }

    .sa\:dui-tab:focus {
      --tw-outline-style: none;
      outline-style: none;
    }

    @media (forced-colors: active) {
      .sa\:dui-tab:focus {
        outline-offset: 2px;
        outline: 2px solid #0000;
      }
    }

    .sa\:dui-tab:focus-visible, .sa\:dui-tab:is(label:has(:checked:focus-visible)) {
      outline-offset: -5px;
      outline: 2px solid;
    }

    .sa\:dui-tab[disabled] {
      pointer-events: none;
      opacity: .4;
    }

    .sa\:dui-menu {
      --dui-menu-active-fg: var(--color-neutral-content);
      --dui-menu-active-bg: var(--color-neutral);
      flex-flow: column wrap;
      width: -moz-fit-content;
      width: fit-content;
      padding: .5rem;
      font-size: .875rem;
      display: flex;
    }

    .sa\:dui-menu :where(li ul) {
      white-space: nowrap;
      margin-inline-start: 1rem;
      padding-inline-start: .5rem;
      position: relative;
    }

    .sa\:dui-menu :where(li ul):before {
      background-color: var(--color-base-content);
      opacity: .1;
      width: var(--border);
      content: "";
      inset-inline-start: 0;
      position: absolute;
      top: .75rem;
      bottom: .75rem;
    }

    .sa\:dui-menu :where(li > .sa\:dui-menu-dropdown:not(.sa\:dui-menu-dropdown-show)) {
      display: none;
    }

    .sa\:dui-menu :where(li:not(.sa\:dui-menu-title) > :not(ul, details, .sa\:dui-menu-title, .sa\:dui-btn)), .sa\:dui-menu :where(li:not(.sa\:dui-menu-title) > details > summary:not(.sa\:dui-menu-title)) {
      border-radius: var(--radius-field);
      text-align: start;
      text-wrap: balance;
      -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
      grid-auto-columns: minmax(auto, max-content) auto max-content;
      grid-auto-flow: column;
      align-content: flex-start;
      align-items: center;
      gap: .5rem;
      padding-block: .375rem;
      padding-inline: .75rem;
      transition-property: color, background-color, box-shadow;
      transition-duration: .2s;
      transition-timing-function: cubic-bezier(0, 0, .2, 1);
      display: grid;
    }

    .sa\:dui-menu :where(li > details > summary) {
      --tw-outline-style: none;
      outline-style: none;
    }

    @media (forced-colors: active) {
      .sa\:dui-menu :where(li > details > summary) {
        outline-offset: 2px;
        outline: 2px solid #0000;
      }
    }

    .sa\:dui-menu :where(li > details > summary)::-webkit-details-marker {
      display: none;
    }

    :is(.sa\:dui-menu :where(li > details > summary), .sa\:dui-menu :where(li > .sa\:dui-menu-dropdown-toggle)):after {
      content: "";
      transform-origin: 50%;
      pointer-events: none;
      justify-self: flex-end;
      width: .375rem;
      height: .375rem;
      transition-property: rotate, translate;
      transition-duration: .2s;
      display: block;
      translate: 0 -1px;
      rotate: -135deg;
      box-shadow: inset 2px 2px;
    }

    .sa\:dui-menu details {
      interpolate-size: allow-keywords;
      overflow: hidden;
    }

    .sa\:dui-menu details::details-content {
      block-size: 0;
    }

    @media (prefers-reduced-motion: no-preference) {
      .sa\:dui-menu details::details-content {
        transition-behavior: allow-discrete;
        transition-property: block-size, content-visibility;
        transition-duration: .2s;
        transition-timing-function: cubic-bezier(0, 0, .2, 1);
      }
    }

    .sa\:dui-menu details[open]::details-content {
      block-size: auto;
    }

    .sa\:dui-menu :where(li > details[open] > summary):after, .sa\:dui-menu :where(li > .sa\:dui-menu-dropdown-toggle.sa\:dui-menu-dropdown-show):after {
      translate: 0 1px;
      rotate: 45deg;
    }

    .sa\:dui-menu :where(li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > :not(ul, details, .sa\:dui-menu-title), li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > details > summary:not(.sa\:dui-menu-title)):not(.sa\:dui-menu-active, :active, .sa\:dui-btn).sa\:dui-menu-focus, .sa\:dui-menu :where(li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > :not(ul, details, .sa\:dui-menu-title), li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > details > summary:not(.sa\:dui-menu-title)):not(.sa\:dui-menu-active, :active, .sa\:dui-btn):focus-visible {
      cursor: pointer;
      background-color: var(--color-base-content);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .sa\:dui-menu :where(li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > :not(ul, details, .sa\:dui-menu-title), li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > details > summary:not(.sa\:dui-menu-title)):not(.sa\:dui-menu-active, :active, .sa\:dui-btn).sa\:dui-menu-focus, .sa\:dui-menu :where(li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > :not(ul, details, .sa\:dui-menu-title), li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > details > summary:not(.sa\:dui-menu-title)):not(.sa\:dui-menu-active, :active, .sa\:dui-btn):focus-visible {
        background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
      }
    }

    .sa\:dui-menu :where(li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > :not(ul, details, .sa\:dui-menu-title), li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > details > summary:not(.sa\:dui-menu-title)):not(.sa\:dui-menu-active, :active, .sa\:dui-btn).sa\:dui-menu-focus, .sa\:dui-menu :where(li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > :not(ul, details, .sa\:dui-menu-title), li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > details > summary:not(.sa\:dui-menu-title)):not(.sa\:dui-menu-active, :active, .sa\:dui-btn):focus-visible {
      color: var(--color-base-content);
      --tw-outline-style: none;
      outline-style: none;
    }

    @media (forced-colors: active) {
      .sa\:dui-menu :where(li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > :not(ul, details, .sa\:dui-menu-title), li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > details > summary:not(.sa\:dui-menu-title)):not(.sa\:dui-menu-active, :active, .sa\:dui-btn).sa\:dui-menu-focus, .sa\:dui-menu :where(li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > :not(ul, details, .sa\:dui-menu-title), li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > details > summary:not(.sa\:dui-menu-title)):not(.sa\:dui-menu-active, :active, .sa\:dui-btn):focus-visible {
        outline-offset: 2px;
        outline: 2px solid #0000;
      }
    }

    .sa\:dui-menu :where(li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > :not(ul, details, .sa\:dui-menu-title):not(.sa\:dui-menu-active, :active, .sa\:dui-btn):hover, li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > details > summary:not(.sa\:dui-menu-title):not(.sa\:dui-menu-active, :active, .sa\:dui-btn):hover) {
      cursor: pointer;
      background-color: var(--color-base-content);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .sa\:dui-menu :where(li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > :not(ul, details, .sa\:dui-menu-title):not(.sa\:dui-menu-active, :active, .sa\:dui-btn):hover, li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > details > summary:not(.sa\:dui-menu-title):not(.sa\:dui-menu-active, :active, .sa\:dui-btn):hover) {
        background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
      }
    }

    .sa\:dui-menu :where(li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > :not(ul, details, .sa\:dui-menu-title):not(.sa\:dui-menu-active, :active, .sa\:dui-btn):hover, li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > details > summary:not(.sa\:dui-menu-title):not(.sa\:dui-menu-active, :active, .sa\:dui-btn):hover) {
      --tw-outline-style: none;
      outline-style: none;
    }

    @media (forced-colors: active) {
      .sa\:dui-menu :where(li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > :not(ul, details, .sa\:dui-menu-title):not(.sa\:dui-menu-active, :active, .sa\:dui-btn):hover, li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > details > summary:not(.sa\:dui-menu-title):not(.sa\:dui-menu-active, :active, .sa\:dui-btn):hover) {
        outline-offset: 2px;
        outline: 2px solid #0000;
      }
    }

    .sa\:dui-menu :where(li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > :not(ul, details, .sa\:dui-menu-title):not(.sa\:dui-menu-active, :active, .sa\:dui-btn):hover, li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > details > summary:not(.sa\:dui-menu-title):not(.sa\:dui-menu-active, :active, .sa\:dui-btn):hover) {
      box-shadow: inset 0 1px oklch(0% 0 0 / .01), inset 0 -1px oklch(100% 0 0 / .01);
    }

    .sa\:dui-menu :where(li:empty) {
      background-color: var(--color-base-content);
      opacity: .1;
      height: 1px;
      margin: .5rem 1rem;
    }

    .sa\:dui-menu :where(li) {
      flex-flow: column wrap;
      flex-shrink: 0;
      align-items: stretch;
      display: flex;
      position: relative;
    }

    .sa\:dui-menu :where(li) .sa\:dui-badge {
      justify-self: flex-end;
    }

    .sa\:dui-menu :where(li) > :not(ul, .sa\:dui-menu-title, details, .sa\:dui-btn):active, .sa\:dui-menu :where(li) > :not(ul, .sa\:dui-menu-title, details, .sa\:dui-btn).sa\:dui-menu-active, .sa\:dui-menu :where(li) > details > summary:active {
      --tw-outline-style: none;
      outline-style: none;
    }

    @media (forced-colors: active) {
      .sa\:dui-menu :where(li) > :not(ul, .sa\:dui-menu-title, details, .sa\:dui-btn):active, .sa\:dui-menu :where(li) > :not(ul, .sa\:dui-menu-title, details, .sa\:dui-btn).sa\:dui-menu-active, .sa\:dui-menu :where(li) > details > summary:active {
        outline-offset: 2px;
        outline: 2px solid #0000;
      }
    }

    .sa\:dui-menu :where(li) > :not(ul, .sa\:dui-menu-title, details, .sa\:dui-btn):active, .sa\:dui-menu :where(li) > :not(ul, .sa\:dui-menu-title, details, .sa\:dui-btn).sa\:dui-menu-active, .sa\:dui-menu :where(li) > details > summary:active {
      color: var(--dui-menu-active-fg);
      background-color: var(--dui-menu-active-bg);
      background-size: auto, calc(var(--noise) * 100%);
      background-image: none, var(--dui-fx-noise);
    }

    :is(.sa\:dui-menu :where(li) > :not(ul, .sa\:dui-menu-title, details, .sa\:dui-btn):active, .sa\:dui-menu :where(li) > :not(ul, .sa\:dui-menu-title, details, .sa\:dui-btn).sa\:dui-menu-active, .sa\:dui-menu :where(li) > details > summary:active):not(:is(.sa\:dui-menu :where(li) > :not(ul, .sa\:dui-menu-title, details, .sa\:dui-btn):active, .sa\:dui-menu :where(li) > :not(ul, .sa\:dui-menu-title, details, .sa\:dui-btn).sa\:dui-menu-active, .sa\:dui-menu :where(li) > details > summary:active):active) {
      box-shadow: 0 2px calc(var(--depth) * 3px) -2px var(--dui-menu-active-bg);
    }

    .sa\:dui-menu :where(li).sa\:dui-menu-disabled {
      pointer-events: none;
      color: var(--color-base-content);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .sa\:dui-menu :where(li).sa\:dui-menu-disabled {
        color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
      }
    }

    .sa\:dui-menu .sa\:dui-dropdown:focus-within .sa\:dui-menu-dropdown-toggle:after {
      translate: 0 1px;
      rotate: 45deg;
    }

    .sa\:dui-menu .sa\:dui-dropdown-content {
      margin-top: .5rem;
      padding: .5rem;
    }

    .sa\:dui-menu .sa\:dui-dropdown-content:before {
      display: none;
    }

    .sa\:dui-dropdown {
      position-area: var(--dui-anchor-v, bottom) var(--dui-anchor-h, span-right);
      display: inline-block;
      position: relative;
    }

    .sa\:dui-dropdown > :not(:has( ~ [class*="dropdown-content"])):focus {
      --tw-outline-style: none;
      outline-style: none;
    }

    @media (forced-colors: active) {
      .sa\:dui-dropdown > :not(:has( ~ [class*="dropdown-content"])):focus {
        outline-offset: 2px;
        outline: 2px solid #0000;
      }
    }

    .sa\:dui-dropdown .sa\:dui-dropdown-content {
      position: absolute;
    }

    .sa\:dui-dropdown.sa\:dui-dropdown-close .sa\:dui-dropdown-content, .sa\:dui-dropdown:not(details, .sa\:dui-dropdown-open, .sa\:dui-dropdown-hover:hover, :focus-within) .sa\:dui-dropdown-content, .sa\:dui-dropdown.sa\:dui-dropdown-hover:not(:hover) [tabindex]:first-child:focus:not(:focus-visible) ~ .sa\:dui-dropdown-content {
      transform-origin: top;
      opacity: 0;
      display: none;
      scale: 95%;
    }

    .sa\:dui-dropdown[popover], .sa\:dui-dropdown .sa\:dui-dropdown-content {
      z-index: 999;
    }

    @media (prefers-reduced-motion: no-preference) {
      .sa\:dui-dropdown[popover], .sa\:dui-dropdown .sa\:dui-dropdown-content {
        transition-behavior: allow-discrete;
        transition-property: opacity, scale, display;
        transition-duration: .2s;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        animation: .2s dropdown;
      }
    }

    @starting-style {
      .sa\:dui-dropdown[popover], .sa\:dui-dropdown .sa\:dui-dropdown-content {
        opacity: 0;
        scale: 95%;
      }
    }

    :is(.sa\:dui-dropdown:not(.sa\:dui-dropdown-close).sa\:dui-dropdown-open, .sa\:dui-dropdown:not(.sa\:dui-dropdown-close):not(.sa\:dui-dropdown-hover):focus, .sa\:dui-dropdown:not(.sa\:dui-dropdown-close):focus-within) > [tabindex]:first-child {
      pointer-events: none;
    }

    :is(.sa\:dui-dropdown:not(.sa\:dui-dropdown-close).sa\:dui-dropdown-open, .sa\:dui-dropdown:not(.sa\:dui-dropdown-close):not(.sa\:dui-dropdown-hover):focus, .sa\:dui-dropdown:not(.sa\:dui-dropdown-close):focus-within) .sa\:dui-dropdown-content, .sa\:dui-dropdown:not(.sa\:dui-dropdown-close).sa\:dui-dropdown-hover:hover .sa\:dui-dropdown-content {
      opacity: 1;
      scale: 100%;
    }

    .sa\:dui-dropdown:is(details) summary::-webkit-details-marker {
      display: none;
    }

    .sa\:dui-dropdown:where([popover]) {
      background: none;
    }

    .sa\:dui-dropdown[popover] {
      color: inherit;
      position: fixed;
    }

    @supports not (position-area: bottom) {
      .sa\:dui-dropdown[popover] {
        margin: auto;
      }

      .sa\:dui-dropdown[popover].sa\:dui-dropdown-close {
        transform-origin: top;
        opacity: 0;
        display: none;
        scale: 95%;
      }

      .sa\:dui-dropdown[popover].sa\:dui-dropdown-open:not(:popover-open) {
        transform-origin: top;
        opacity: 0;
        display: none;
        scale: 95%;
      }

      .sa\:dui-dropdown[popover]::backdrop {
        background-color: oklab(0% none none / .3);
      }
    }

    :is(.sa\:dui-dropdown[popover].sa\:dui-dropdown-close, .sa\:dui-dropdown[popover]:not(.sa\:dui-dropdown-open, :popover-open)) {
      transform-origin: top;
      opacity: 0;
      display: none;
      scale: 95%;
    }

    :where(.sa\:dui-btn) {
      width: unset;
    }

    .sa\:dui-btn {
      cursor: pointer;
      text-align: center;
      vertical-align: middle;
      outline-offset: 2px;
      webkit-user-select: none;
      -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
      padding-inline: var(--dui-btn-p);
      color: var(--dui-btn-fg);
      --tw-prose-links: var(--dui-btn-fg);
      height: var(--dui-size);
      font-size: var(--dui-fontsize, .875rem);
      outline-color: var(--dui-btn-color, var(--color-base-content));
      background-color: var(--dui-btn-bg);
      background-size: auto, calc(var(--noise) * 100%);
      background-image: none, var(--dui-btn-noise);
      border-width: var(--border);
      border-style: solid;
      border-color: var(--dui-btn-border);
      text-shadow: 0 .5px oklch(100% 0 0 / calc(var(--depth) * .15));
      touch-action: manipulation;
      box-shadow: 0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%)) inset, var(--dui-btn-shadow);
      --dui-size: calc(var(--size-field, .25rem) * 10);
      --dui-btn-bg: var(--dui-btn-color, var(--color-base-200));
      --dui-btn-fg: var(--color-base-content);
      --dui-btn-p: 1rem;
      --dui-btn-border: var(--dui-btn-bg);
      border-start-start-radius: var(--dui-join-ss, var(--radius-field));
      border-start-end-radius: var(--dui-join-se, var(--radius-field));
      border-end-end-radius: var(--dui-join-ee, var(--radius-field));
      border-end-start-radius: var(--dui-join-es, var(--radius-field));
      flex-wrap: nowrap;
      flex-shrink: 0;
      justify-content: center;
      align-items: center;
      gap: .375rem;
      font-weight: 600;
      transition-property: color, background-color, border-color, box-shadow;
      transition-duration: .2s;
      transition-timing-function: cubic-bezier(0, 0, .2, 1);
      display: inline-flex;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .sa\:dui-btn {
        --dui-btn-border: color-mix(in oklab, var(--dui-btn-bg), #000 calc(var(--depth) * 5%));
      }
    }

    .sa\:dui-btn {
      --dui-btn-shadow: 0 3px 2px -2px var(--dui-btn-bg), 0 4px 3px -2px var(--dui-btn-bg);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .sa\:dui-btn {
        --dui-btn-shadow: 0 3px 2px -2px color-mix(in oklab, var(--dui-btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--dui-btn-bg) calc(var(--depth) * 30%), #0000);
      }
    }

    .sa\:dui-btn {
      --dui-btn-noise: var(--dui-fx-noise);
    }

    @media (hover: hover) {
      .sa\:dui-btn:hover {
        --dui-btn-bg: var(--dui-btn-color, var(--color-base-200));
      }

      @supports (color: color-mix(in lab, red, red)) {
        .sa\:dui-btn:hover {
          --dui-btn-bg: color-mix(in oklab, var(--dui-btn-color, var(--color-base-200)), #000 7%);
        }
      }
    }

    .sa\:dui-btn:focus-visible, .sa\:dui-btn:has(:focus-visible) {
      isolation: isolate;
      outline-width: 2px;
      outline-style: solid;
    }

    .sa\:dui-btn:active:not(.sa\:dui-btn-active) {
      --dui-btn-bg: var(--dui-btn-color, var(--color-base-200));
      translate: 0 .5px;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .sa\:dui-btn:active:not(.sa\:dui-btn-active) {
        --dui-btn-bg: color-mix(in oklab, var(--dui-btn-color, var(--color-base-200)), #000 5%);
      }
    }

    .sa\:dui-btn:active:not(.sa\:dui-btn-active) {
      --dui-btn-border: var(--dui-btn-color, var(--color-base-200));
    }

    @supports (color: color-mix(in lab, red, red)) {
      .sa\:dui-btn:active:not(.sa\:dui-btn-active) {
        --dui-btn-border: color-mix(in oklab, var(--dui-btn-color, var(--color-base-200)), #000 7%);
      }
    }

    .sa\:dui-btn:active:not(.sa\:dui-btn-active) {
      --dui-btn-shadow: 0 0 0 0 oklch(0% 0 0 / 0), 0 0 0 0 oklch(0% 0 0 / 0);
    }

    .sa\:dui-btn:is(input[type="checkbox"], input[type="radio"]) {
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
    }

    .sa\:dui-btn:is(input[type="checkbox"], input[type="radio"])[aria-label]:after {
      --tw-content: attr(aria-label);
      content: var(--tw-content);
    }

    .sa\:dui-btn:where(input:checked:not(.sa\:dui-filter .sa\:dui-btn)) {
      --dui-btn-color: var(--color-primary);
      --dui-btn-fg: var(--color-primary-content);
      isolation: isolate;
    }

    .sa\:dui-loading {
      pointer-events: none;
      aspect-ratio: 1;
      vertical-align: middle;
      width: calc(var(--size-selector, .25rem) * 6);
      background-color: currentColor;
      display: inline-block;
      -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
      mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
      -webkit-mask-position: center;
      mask-position: center;
      -webkit-mask-size: 100%;
      mask-size: 100%;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
    }

    .sa\:dui-collapse {
      border-radius: var(--radius-box, 1rem);
      isolation: isolate;
      grid-template-rows: max-content 0fr;
      grid-template-columns: minmax(0, 1fr);
      width: 100%;
      display: grid;
      position: relative;
      overflow: hidden;
    }

    @media (prefers-reduced-motion: no-preference) {
      .sa\:dui-collapse {
        transition: grid-template-rows .2s;
      }
    }

    .sa\:dui-collapse > input:is([type="checkbox"], [type="radio"]) {
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      opacity: 0;
      z-index: 1;
      grid-row-start: 1;
      grid-column-start: 1;
      width: 100%;
      min-height: 1lh;
      padding: 1rem;
      padding-inline-end: 3rem;
      transition: background-color .2s ease-out;
    }

    .sa\:dui-collapse:is([open], [tabindex]:focus:not(.sa\:dui-collapse-close), [tabindex]:focus-within:not(.sa\:dui-collapse-close)), .sa\:dui-collapse:not(.sa\:dui-collapse-close):has( > input:is([type="checkbox"], [type="radio"]):checked) {
      grid-template-rows: max-content 1fr;
    }

    .sa\:dui-collapse:is([open], [tabindex]:focus:not(.sa\:dui-collapse-close), [tabindex]:focus-within:not(.sa\:dui-collapse-close)) > .sa\:dui-collapse-content, .sa\:dui-collapse:not(.sa\:dui-collapse-close) > :where(input:is([type="checkbox"], [type="radio"]):checked ~ .sa\:dui-collapse-content) {
      content-visibility: visible;
      min-height: -moz-fit-content;
      min-height: fit-content;
    }

    @supports not (content-visibility: visible) {
      .sa\:dui-collapse:is([open], [tabindex]:focus:not(.sa\:dui-collapse-close), [tabindex]:focus-within:not(.sa\:dui-collapse-close)) > .sa\:dui-collapse-content, .sa\:dui-collapse:not(.sa\:dui-collapse-close) > :where(input:is([type="checkbox"], [type="radio"]):checked ~ .sa\:dui-collapse-content) {
        visibility: visible;
      }
    }

    .sa\:dui-collapse:focus-visible, .sa\:dui-collapse:has( > input:is([type="checkbox"], [type="radio"]):focus-visible), .sa\:dui-collapse:has(summary:focus-visible) {
      outline-color: var(--color-base-content);
      outline-offset: 2px;
      outline-width: 2px;
      outline-style: solid;
    }

    .sa\:dui-collapse:not(.sa\:dui-collapse-close) > input[type="checkbox"], .sa\:dui-collapse:not(.sa\:dui-collapse-close) > input[type="radio"]:not(:checked), .sa\:dui-collapse:not(.sa\:dui-collapse-close) > .sa\:dui-collapse-title {
      cursor: pointer;
    }

    :is(.sa\:dui-collapse[tabindex]:focus:not(.sa\:dui-collapse-close, .sa\:dui-collapse[open]), .sa\:dui-collapse[tabindex]:focus-within:not(.sa\:dui-collapse-close, .sa\:dui-collapse[open])) > .sa\:dui-collapse-title {
      cursor: unset;
    }

    .sa\:dui-collapse:is([open], [tabindex]:focus:not(.sa\:dui-collapse-close), [tabindex]:focus-within:not(.sa\:dui-collapse-close)) > :where(.sa\:dui-collapse-content), .sa\:dui-collapse:not(.sa\:dui-collapse-close) > :where(input:is([type="checkbox"], [type="radio"]):checked ~ .sa\:dui-collapse-content) {
      padding-bottom: 1rem;
    }

    .sa\:dui-collapse:is(details) {
      width: 100%;
    }

    @media (prefers-reduced-motion: no-preference) {
      .sa\:dui-collapse:is(details)::details-content {
        transition: content-visibility .2s allow-discrete, visibility .2s allow-discrete, min-height .2s ease-out allow-discrete, padding .1s ease-out 20ms, background-color .2s ease-out, height .2s;
        interpolate-size: allow-keywords;
        height: 0;
      }

      .sa\:dui-collapse:is(details):where([open])::details-content {
        height: auto;
      }
    }

    .sa\:dui-collapse:is(details) summary {
      display: block;
      position: relative;
    }

    .sa\:dui-collapse:is(details) summary::-webkit-details-marker {
      display: none;
    }

    .sa\:dui-collapse:is(details) > .sa\:dui-collapse-content {
      content-visibility: visible;
    }

    .sa\:dui-collapse:is(details) summary {
      outline: none;
    }

    .sa\:dui-collapse-content {
      content-visibility: hidden;
      min-height: 0;
      cursor: unset;
      grid-row-start: 2;
      grid-column-start: 1;
      padding-left: 1rem;
      padding-right: 1rem;
    }

    @supports not (content-visibility: hidden) {
      .sa\:dui-collapse-content {
        visibility: hidden;
      }
    }

    @media (prefers-reduced-motion: no-preference) {
      .sa\:dui-collapse-content {
        transition: content-visibility .2s allow-discrete, visibility .2s allow-discrete, min-height .2s ease-out allow-discrete, padding .1s ease-out 20ms, background-color .2s ease-out;
      }
    }

    .sa\:dui-select {
      border: var(--border) solid #0000;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      background-color: var(--color-base-100);
      vertical-align: middle;
      width: clamp(3rem, 20rem, 100%);
      height: var(--dui-size);
      touch-action: manipulation;
      white-space: nowrap;
      text-overflow: ellipsis;
      box-shadow: 0 1px var(--dui-input-color) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;
      background-image: linear-gradient(45deg, #0000 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, #0000 50%);
      background-position: calc(100% - 20px) calc(1px + 50%), calc(100% - 16.1px) calc(1px + 50%);
      background-repeat: no-repeat;
      background-size: 4px 4px, 4px 4px;
      border-start-start-radius: var(--dui-join-ss, var(--radius-field));
      border-start-end-radius: var(--dui-join-se, var(--radius-field));
      border-end-end-radius: var(--dui-join-ee, var(--radius-field));
      border-end-start-radius: var(--dui-join-es, var(--radius-field));
      flex-shrink: 1;
      align-items: center;
      gap: .375rem;
      padding-inline: .75rem 1.75rem;
      font-size: .875rem;
      display: inline-flex;
      position: relative;
      overflow: hidden;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .sa\:dui-select {
        box-shadow: 0 1px color-mix(in oklab, var(--dui-input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;
      }
    }

    .sa\:dui-select {
      border-color: var(--dui-input-color);
      --dui-input-color: var(--color-base-content);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .sa\:dui-select {
        --dui-input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000);
      }
    }

    .sa\:dui-select {
      --dui-size: calc(var(--size-field, .25rem) * 10);
    }

    [dir="rtl"] .sa\:dui-select {
      background-position: 12px calc(1px + 50%), 16px calc(1px + 50%);
    }

    [dir="rtl"] .sa\:dui-select::picker(select) {
      translate: .5rem;
    }

    [dir="rtl"] .sa\:dui-select select::picker(select) {
      translate: .5rem;
    }

    .sa\:dui-select[multiple] {
      background-image: none;
      height: auto;
      padding-block: .75rem;
      padding-inline-end: .75rem;
      overflow: auto;
    }

    .sa\:dui-select select {
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      width: calc(100% + 2.75rem);
      height: calc(100% - calc(var(--border) * 2));
      background: inherit;
      border-radius: inherit;
      border-style: none;
      align-items: center;
      margin-inline: -.75rem -1.75rem;
      padding-inline: .75rem 1.75rem;
    }

    .sa\:dui-select select:focus, .sa\:dui-select select:focus-within {
      --tw-outline-style: none;
      outline-style: none;
    }

    @media (forced-colors: active) {
      .sa\:dui-select select:focus, .sa\:dui-select select:focus-within {
        outline-offset: 2px;
        outline: 2px solid #0000;
      }
    }

    .sa\:dui-select select:not(:last-child) {
      background-image: none;
      margin-inline-end: -1.375rem;
    }

    .sa\:dui-select:focus, .sa\:dui-select:focus-within {
      --dui-input-color: var(--color-base-content);
      box-shadow: 0 1px var(--dui-input-color);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .sa\:dui-select:focus, .sa\:dui-select:focus-within {
        box-shadow: 0 1px color-mix(in oklab, var(--dui-input-color) calc(var(--depth) * 10%), #0000);
      }
    }

    .sa\:dui-select:focus, .sa\:dui-select:focus-within {
      outline: 2px solid var(--dui-input-color);
      outline-offset: 2px;
      isolation: isolate;
    }

    .sa\:dui-select:has( > select[disabled]), .sa\:dui-select:is(:disabled, [disabled]), fieldset:disabled .sa\:dui-select {
      cursor: not-allowed;
      border-color: var(--color-base-200);
      background-color: var(--color-base-200);
      color: var(--color-base-content);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .sa\:dui-select:has( > select[disabled]), .sa\:dui-select:is(:disabled, [disabled]), fieldset:disabled .sa\:dui-select {
        color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
      }
    }

    :is(.sa\:dui-select:has( > select[disabled]), .sa\:dui-select:is(:disabled, [disabled]), fieldset:disabled .sa\:dui-select)::-moz-placeholder {
      color: var(--color-base-content);
    }

    :is(.sa\:dui-select:has( > select[disabled]), .sa\:dui-select:is(:disabled, [disabled]), fieldset:disabled .sa\:dui-select)::placeholder {
      color: var(--color-base-content);
    }

    @supports (color: color-mix(in lab, red, red)) {
      :is(.sa\:dui-select:has( > select[disabled]), .sa\:dui-select:is(:disabled, [disabled]), fieldset:disabled .sa\:dui-select)::-moz-placeholder {
        color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
      }
      :is(.sa\:dui-select:has( > select[disabled]), .sa\:dui-select:is(:disabled, [disabled]), fieldset:disabled .sa\:dui-select)::placeholder {
        color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
      }
    }

    .sa\:dui-select:has( > select[disabled]) > select[disabled] {
      cursor: not-allowed;
    }

    @supports ((-webkit-appearance: base-select) or (-moz-appearance: base-select) or (appearance: base-select)) {
      .sa\:dui-select, .sa\:dui-select select {
        -webkit-appearance: base-select;
           -moz-appearance: base-select;
                appearance: base-select;
      }

      :is(.sa\:dui-select, .sa\:dui-select select)::picker(select) {
        -webkit-appearance: base-select;
           -moz-appearance: base-select;
                appearance: base-select;
      }
    }

    :is(.sa\:dui-select, .sa\:dui-select select)::picker(select) {
      color: inherit;
      border: var(--border) solid var(--color-base-200);
      border-radius: var(--radius-box);
      background-color: inherit;
      max-height: min(24rem, 70dvh);
      box-shadow: 0 2px calc(var(--depth) * 3px) -2px oklch(0% 0 0 / .2);
      box-shadow: 0 20px 25px -5px rgb(0 0 0 / calc(var(--depth) * .1)), 0 8px 10px -6px rgb(0 0 0 / calc(var(--depth) * .1));
      margin-block: .5rem;
      margin-inline: .5rem;
      padding: .5rem;
      translate: -.5rem;
    }

    :is(.sa\:dui-select, .sa\:dui-select select)::picker-icon {
      display: none;
    }

    :is(.sa\:dui-select, .sa\:dui-select select) optgroup {
      padding-top: .5em;
    }

    :is(.sa\:dui-select, .sa\:dui-select select) optgroup option:first-child {
      margin-top: .5em;
    }

    :is(.sa\:dui-select, .sa\:dui-select select) option {
      border-radius: var(--radius-field);
      white-space: normal;
      padding-block: .375rem;
      padding-inline: .75rem;
      transition-property: color, background-color;
      transition-duration: .2s;
      transition-timing-function: cubic-bezier(0, 0, .2, 1);
    }

    :is(.sa\:dui-select, .sa\:dui-select select) option:not(:disabled):hover, :is(.sa\:dui-select, .sa\:dui-select select) option:not(:disabled):focus-visible {
      cursor: pointer;
      background-color: var(--color-base-content);
    }

    @supports (color: color-mix(in lab, red, red)) {
      :is(.sa\:dui-select, .sa\:dui-select select) option:not(:disabled):hover, :is(.sa\:dui-select, .sa\:dui-select select) option:not(:disabled):focus-visible {
        background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
      }
    }

    :is(.sa\:dui-select, .sa\:dui-select select) option:not(:disabled):hover, :is(.sa\:dui-select, .sa\:dui-select select) option:not(:disabled):focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }

    @media (forced-colors: active) {
      :is(.sa\:dui-select, .sa\:dui-select select) option:not(:disabled):hover, :is(.sa\:dui-select, .sa\:dui-select select) option:not(:disabled):focus-visible {
        outline-offset: 2px;
        outline: 2px solid #0000;
      }
    }

    :is(.sa\:dui-select, .sa\:dui-select select) option:not(:disabled):active {
      background-color: var(--color-neutral);
      color: var(--color-neutral-content);
      box-shadow: 0 2px calc(var(--depth) * 3px) -2px var(--color-neutral);
    }

    .sa\:dui-collapse-title {
      grid-row-start: 1;
      grid-column-start: 1;
      width: 100%;
      min-height: 1lh;
      padding: 1rem;
      padding-inline-end: 3rem;
      transition: background-color .2s ease-out;
      position: relative;
    }

    .sa\:dui-drawer {
      grid-auto-columns: max-content auto;
      width: 100%;
      display: grid;
      position: relative;
    }

    .sa\:dui-modal-backdrop {
      color: #0000;
      z-index: -1;
      grid-row-start: 1;
      grid-column-start: 1;
      place-self: stretch stretch;
      display: grid;
    }

    .sa\:dui-modal-backdrop button {
      cursor: pointer;
    }

    .sa\:dui-modal-box {
      background-color: var(--color-base-100);
      border-top-left-radius: var(--dui-modal-tl, var(--radius-box));
      border-top-right-radius: var(--dui-modal-tr, var(--radius-box));
      border-bottom-left-radius: var(--dui-modal-bl, var(--radius-box));
      border-bottom-right-radius: var(--dui-modal-br, var(--radius-box));
      opacity: 0;
      overscroll-behavior: contain;
      grid-row-start: 1;
      grid-column-start: 1;
      width: 91.6667%;
      max-width: 32rem;
      max-height: 100vh;
      padding: 1.5rem;
      transition: translate .3s ease-out, scale .3s ease-out, opacity .2s ease-out 50ms, box-shadow .3s ease-out;
      overflow-y: auto;
      scale: 95%;
      box-shadow: 0 25px 50px -12px oklch(0% 0 0 / .25);
    }

    .sa\:dui-drawer-content {
      grid-row-start: 1;
      grid-column-start: 2;
      min-width: 0;
    }

    .sa\:dui-status {
      aspect-ratio: 1;
      border-radius: var(--radius-selector);
      background-color: var(--color-base-content);
      width: .5rem;
      height: .5rem;
      display: inline-block;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .sa\:dui-status {
        background-color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
      }
    }

    .sa\:dui-status {
      vertical-align: middle;
      color: #0000004d;
      background-position: center;
      background-repeat: no-repeat;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .sa\:dui-status {
        color: color-mix(in oklab, var(--color-black) 30%, transparent);
      }
    }

    .sa\:dui-status {
      background-image: radial-gradient(circle at 35% 30%, oklch(1 0 0 / calc(var(--depth) * .5)), #0000);
      box-shadow: 0 2px 3px -1px;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .sa\:dui-status {
        box-shadow: 0 2px 3px -1px color-mix(in oklab, currentColor calc(var(--depth) * 100%), #0000);
      }
    }

    .sa\:dui-tabs {
      --dui-tabs-height: auto;
      --dui-tabs-direction: row;
      --dui-tab-height: calc(var(--size-field, .25rem) * 10);
      height: var(--dui-tabs-height);
      flex-wrap: wrap;
      flex-direction: var(--dui-tabs-direction);
      display: flex;
    }

    .sa\:dui-btn-primary {
      --dui-btn-color: var(--color-primary);
      --dui-btn-fg: var(--color-primary-content);
    }

    .sa\:dui-btn-secondary {
      --dui-btn-color: var(--color-secondary);
      --dui-btn-fg: var(--color-secondary-content);
    }
  }

  @layer daisyui.l1.l2 {
    .sa\:dui-modal.sa\:dui-modal-open, .sa\:dui-modal[open], .sa\:dui-modal:target, .sa\:modal-toggle:checked + .sa\:dui-modal {
      pointer-events: auto;
      visibility: visible;
      opacity: 1;
      transition: visibility 0s allow-discrete, background-color .3s ease-out, opacity .1s ease-out;
      background-color: oklch(0% 0 0 / .4);
    }

    :is(.sa\:dui-modal.sa\:dui-modal-open, .sa\:dui-modal[open], .sa\:dui-modal:target, .sa\:modal-toggle:checked + .sa\:dui-modal) .sa\:dui-modal-box {
      opacity: 1;
      translate: 0;
      scale: 1;
    }

    :root:has(:is(.sa\:dui-modal.sa\:dui-modal-open, .sa\:dui-modal[open], .sa\:dui-modal:target, .sa\:modal-toggle:checked + .sa\:dui-modal)) {
      --dui-page-has-backdrop: 1;
      --dui-page-overflow: hidden;
      --dui-page-scroll-bg: var(--dui-page-scroll-bg-on);
      --dui-page-scroll-gutter: stable;
      --dui-page-scroll-transition: var(--dui-page-scroll-transition-on);
      animation: forwards set-page-has-scroll;
      animation-timeline: scroll();
    }

    @starting-style {
      .sa\:dui-modal.sa\:dui-modal-open, .sa\:dui-modal[open], .sa\:dui-modal:target, .sa\:modal-toggle:checked + .sa\:dui-modal {
        opacity: 0;
      }
    }

    :where(.sa\:dui-drawer-toggle:checked ~ .sa\:dui-drawer-side) {
      pointer-events: auto;
      visibility: visible;
      opacity: 1;
      overflow-y: auto;
    }

    :where(.sa\:dui-drawer-toggle:checked ~ .sa\:dui-drawer-side) > :not(.sa\:dui-drawer-overlay) {
      translate: 0%;
    }

    .sa\:dui-drawer-toggle:focus-visible ~ .sa\:dui-drawer-content label.sa\:dui-drawer-button {
      outline-offset: 2px;
      outline: 2px solid;
    }

    .sa\:dui-tooltip\! > .sa\:dui-tooltip-content, .sa\:dui-tooltip\![data-tip]:before {
      transform: translateX(-50%) translateY(var(--dui-tt-pos, .25rem)) !important;
      inset: auto auto var(--dui-tt-off) 50% !important;
    }

    .sa\:dui-tooltip\!:after {
      transform: translateX(-50%) translateY(var(--dui-tt-pos, .25rem)) !important;
      inset: auto auto var(--dui-tt-tail) 50% !important;
    }

    .sa\:dui-collapse-arrow > .sa\:dui-collapse-title:after {
      width: .5rem;
      height: .5rem;
      display: block;
      position: absolute;
      transform: translateY(-100%)rotate(45deg);
    }

    @media (prefers-reduced-motion: no-preference) {
      .sa\:dui-collapse-arrow > .sa\:dui-collapse-title:after {
        transition-property: all;
        transition-duration: .2s;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
      }
    }

    .sa\:dui-collapse-arrow > .sa\:dui-collapse-title:after {
      content: "";
      transform-origin: 75% 75%;
      pointer-events: none;
      top: 50%;
      inset-inline-end: 1.4rem;
      box-shadow: 2px 2px;
    }

    .sa\:dui-btn:disabled:not(.sa\:dui-btn-link, .sa\:dui-btn-ghost) {
      background-color: var(--color-base-content);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .sa\:dui-btn:disabled:not(.sa\:dui-btn-link, .sa\:dui-btn-ghost) {
        background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
      }
    }

    .sa\:dui-btn:disabled:not(.sa\:dui-btn-link, .sa\:dui-btn-ghost) {
      box-shadow: none;
    }

    .sa\:dui-btn:disabled {
      pointer-events: none;
      --dui-btn-border: #0000;
      --dui-btn-noise: none;
      --dui-btn-fg: var(--color-base-content);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .sa\:dui-btn:disabled {
        --dui-btn-fg: color-mix(in oklch, var(--color-base-content) 20%, #0000);
      }
    }

    .sa\:dui-btn[disabled]:not(.sa\:dui-btn-link, .sa\:dui-btn-ghost) {
      background-color: var(--color-base-content);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .sa\:dui-btn[disabled]:not(.sa\:dui-btn-link, .sa\:dui-btn-ghost) {
        background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
      }
    }

    .sa\:dui-btn[disabled]:not(.sa\:dui-btn-link, .sa\:dui-btn-ghost) {
      box-shadow: none;
    }

    .sa\:dui-btn[disabled] {
      pointer-events: none;
      --dui-btn-border: #0000;
      --dui-btn-noise: none;
      --dui-btn-fg: var(--color-base-content);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .sa\:dui-btn[disabled] {
        --dui-btn-fg: color-mix(in oklch, var(--color-base-content) 20%, #0000);
      }
    }

    @media (prefers-reduced-motion: no-preference) {
      .sa\:dui-collapse[open].sa\:dui-collapse-arrow > .sa\:dui-collapse-title:after, .sa\:dui-collapse.sa\:dui-collapse-open.sa\:dui-collapse-arrow > .sa\:dui-collapse-title:after {
        transform: translateY(-50%)rotate(225deg);
      }
    }

    .sa\:dui-collapse.sa\:dui-collapse-open.sa\:dui-collapse-plus > .sa\:dui-collapse-title:after {
      --tw-content: "−";
      content: var(--tw-content);
    }

    :is(.sa\:dui-collapse[tabindex].sa\:dui-collapse-arrow:focus:not(.sa\:dui-collapse-close), .sa\:dui-collapse.sa\:dui-collapse-arrow[tabindex]:focus-within:not(.sa\:dui-collapse-close)) > .sa\:dui-collapse-title:after, .sa\:dui-collapse.sa\:dui-collapse-arrow:not(.sa\:dui-collapse-close) > input:is([type="checkbox"], [type="radio"]):checked ~ .sa\:dui-collapse-title:after {
      transform: translateY(-50%)rotate(225deg);
    }

    .sa\:dui-collapse[open].sa\:dui-collapse-plus > .sa\:dui-collapse-title:after, .sa\:dui-collapse[tabindex].sa\:dui-collapse-plus:focus:not(.sa\:dui-collapse-close) > .sa\:dui-collapse-title:after, .sa\:dui-collapse.sa\:dui-collapse-plus:not(.sa\:dui-collapse-close) > input:is([type="checkbox"], [type="radio"]):checked ~ .sa\:dui-collapse-title:after {
      --tw-content: "−";
      content: var(--tw-content);
    }

    .sa\:dui-tooltip-top\! > .sa\:dui-tooltip-content, .sa\:dui-tooltip-top\![data-tip]:before {
      transform: translateX(-50%) translateY(var(--dui-tt-pos, .25rem)) !important;
      inset: auto auto var(--dui-tt-off) 50% !important;
    }

    .sa\:dui-tooltip-top\!:after {
      transform: translateX(-50%) translateY(var(--dui-tt-pos, .25rem)) !important;
      inset: auto auto var(--dui-tt-tail) 50% !important;
    }

    .sa\:dui-dropdown-right {
      --dui-anchor-h: right;
      --dui-anchor-v: span-bottom;
    }

    .sa\:dui-dropdown-right .sa\:dui-dropdown-content {
      transform-origin: 0;
      inset-inline-start: 100%;
      top: 0;
      bottom: auto;
    }

    .sa\:dui-dropdown-left {
      --dui-anchor-h: left;
      --dui-anchor-v: span-bottom;
    }

    .sa\:dui-dropdown-left .sa\:dui-dropdown-content {
      transform-origin: 100%;
      inset-inline-end: 100%;
      top: 0;
      bottom: auto;
    }

    .sa\:dui-dropdown-center {
      --dui-anchor-h: center;
    }

    .sa\:dui-dropdown-center :where(.sa\:dui-dropdown-content) {
      inset-inline-end: 50%;
      translate: 50%;
    }

    [dir="rtl"] :is(.sa\:dui-dropdown-center :where(.sa\:dui-dropdown-content)) {
      translate: -50%;
    }

    .sa\:dui-dropdown-center.sa\:dui-dropdown-left {
      --dui-anchor-h: left;
      --dui-anchor-v: center;
    }

    .sa\:dui-dropdown-center.sa\:dui-dropdown-left .sa\:dui-dropdown-content {
      top: auto;
      bottom: 50%;
      translate: 0 50%;
    }

    .sa\:dui-dropdown-center.sa\:dui-dropdown-right {
      --dui-anchor-h: right;
      --dui-anchor-v: center;
    }

    .sa\:dui-dropdown-center.sa\:dui-dropdown-right .sa\:dui-dropdown-content {
      top: auto;
      bottom: 50%;
      translate: 0 50%;
    }

    .sa\:dui-dropdown-end {
      --dui-anchor-h: span-left;
    }

    .sa\:dui-dropdown-end :where(.sa\:dui-dropdown-content) {
      inset-inline-end: 0;
      translate: 0;
    }

    [dir="rtl"] :is(.sa\:dui-dropdown-end :where(.sa\:dui-dropdown-content)) {
      translate: 0;
    }

    .sa\:dui-dropdown-end.sa\:dui-dropdown-left {
      --dui-anchor-h: left;
      --dui-anchor-v: span-top;
    }

    .sa\:dui-dropdown-end.sa\:dui-dropdown-left .sa\:dui-dropdown-content {
      top: auto;
      bottom: 0;
    }

    .sa\:dui-dropdown-end.sa\:dui-dropdown-right {
      --dui-anchor-h: right;
      --dui-anchor-v: span-top;
    }

    .sa\:dui-dropdown-end.sa\:dui-dropdown-right .sa\:dui-dropdown-content {
      top: auto;
      bottom: 0;
    }

    .sa\:dui-dropdown-bottom {
      --dui-anchor-v: bottom;
    }

    .sa\:dui-dropdown-bottom .sa\:dui-dropdown-content {
      transform-origin: top;
      top: 100%;
      bottom: auto;
    }

    .sa\:dui-btn-circle {
      width: var(--dui-size);
      height: var(--dui-size);
      border-radius: 3.40282e38px;
      padding-inline: 0;
    }

    .sa\:dui-loading-sm {
      width: calc(var(--size-selector, .25rem) * 5);
    }

    .sa\:dui-menu-xs :where(li:not(.sa\:dui-menu-title) > :not(ul, details, .sa\:dui-menu-title)), .sa\:dui-menu-xs :where(li:not(.sa\:dui-menu-title) > details > summary:not(.sa\:dui-menu-title)) {
      border-radius: var(--radius-field);
      padding-block: .25rem;
      padding-inline: .5rem;
      font-size: .6875rem;
    }

    .sa\:dui-menu-xs .sa\:dui-menu-title {
      padding-block: .25rem;
      padding-inline: .5rem;
    }

    .sa\:dui-badge-outline {
      color: var(--dui-badge-color);
      --dui-badge-bg: #0000;
      background-image: none;
      border-color: currentColor;
    }

    .sa\:dui-status-success {
      background-color: var(--color-success);
      color: var(--color-success);
    }

    .sa\:dui-loading-spinner {
      -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
      mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
    }

    .sa\:dui-btn-sm {
      --dui-fontsize: .75rem;
      --dui-btn-p: .75rem;
      --dui-size: calc(var(--size-field, .25rem) * 8);
    }

    .sa\:dui-select-primary, .sa\:dui-select-primary:focus, .sa\:dui-select-primary:focus-within {
      --dui-input-color: var(--color-primary);
    }
  }

  .sa\:dui-collapse:not(td, tr, colgroup) {
    visibility: revert-layer;
  }

  .sa\:sr-only {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .sa\:absolute {
    position: absolute;
  }

  .sa\:absolute\! {
    position: absolute !important;
  }

  .sa\:relative {
    position: relative;
  }

  .sa\:static\! {
    position: static !important;
  }

  .sa\:sticky {
    position: sticky;
  }

  .sa\:inset-x-0 {
    inset-inline: calc(var(--sa-spacing) * 0);
  }

  .sa\:top-0 {
    top: calc(var(--sa-spacing) * 0);
  }

  .sa\:top-2 {
    top: calc(var(--sa-spacing) * 2);
  }

  .sa\:top-14 {
    top: calc(var(--sa-spacing) * 14);
  }

  .sa\:top-16 {
    top: calc(var(--sa-spacing) * 16);
  }

  .sa\:top-32 {
    top: calc(var(--sa-spacing) * 32);
  }

  .sa\:right-0 {
    right: calc(var(--sa-spacing) * 0);
  }

  .sa\:right-2 {
    right: calc(var(--sa-spacing) * 2);
  }

  .sa\:dui-join {
    --dui-join-ss: 0;
    --dui-join-se: 0;
    --dui-join-es: 0;
    --dui-join-ee: 0;
    align-items: stretch;
    display: inline-flex;
  }

  .sa\:dui-join :where(.sa\:dui-join-item) {
    border-start-start-radius: var(--dui-join-ss, 0);
    border-start-end-radius: var(--dui-join-se, 0);
    border-end-end-radius: var(--dui-join-ee, 0);
    border-end-start-radius: var(--dui-join-es, 0);
  }

  .sa\:dui-join :where(.sa\:dui-join-item) * {
    --dui-join-ss: var(--radius-field);
    --dui-join-se: var(--radius-field);
    --dui-join-es: var(--radius-field);
    --dui-join-ee: var(--radius-field);
  }

  .sa\:dui-join > .sa\:dui-join-item:where(:first-child), .sa\:dui-join :first-child:not(:last-child) :where(.sa\:dui-join-item) {
    --dui-join-ss: var(--radius-field);
    --dui-join-se: 0;
    --dui-join-es: var(--radius-field);
    --dui-join-ee: 0;
  }

  .sa\:dui-join > .sa\:dui-join-item:where(:last-child), .sa\:dui-join :last-child:not(:first-child) :where(.sa\:dui-join-item) {
    --dui-join-ss: 0;
    --dui-join-se: var(--radius-field);
    --dui-join-es: 0;
    --dui-join-ee: var(--radius-field);
  }

  .sa\:dui-join > .sa\:dui-join-item:where(:only-child), .sa\:dui-join :only-child :where(.sa\:dui-join-item) {
    --dui-join-ss: var(--radius-field);
    --dui-join-se: var(--radius-field);
    --dui-join-es: var(--radius-field);
    --dui-join-ee: var(--radius-field);
  }

  .sa\:dui-join > :where(:focus, :has(:focus)) {
    z-index: 1;
  }

  @media (hover: hover) {
    .sa\:dui-join > :where(.sa\:dui-btn:hover, :has(.sa\:dui-btn:hover)) {
      isolation: isolate;
    }
  }

  .sa\:-z-10 {
    z-index: calc(10 * -1);
  }

  .sa\:z-0 {
    z-index: 0;
  }

  .sa\:z-50 {
    z-index: 50;
  }

  .sa\:order-1 {
    order: 1;
  }

  .sa\:order-2 {
    order: 2;
  }

  .sa\:order-last {
    order: 9999;
  }

  .sa\:col-span-1 {
    grid-column: span 1 / span 1;
  }

  .sa\:col-span-1\! {
    grid-column: span 1 / span 1 !important;
  }

  .sa\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .sa\:col-span-2\! {
    grid-column: span 2 / span 2 !important;
  }

  .sa\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  .sa\:col-span-8 {
    grid-column: span 8 / span 8;
  }

  .sa\:col-span-9 {
    grid-column: span 9 / span 9;
  }

  .sa\:col-span-12 {
    grid-column: span 12 / span 12;
  }

  .sa\:col-span-full {
    grid-column: 1 / -1;
  }

  .sa\:col-span-full\! {
    grid-column: 1 / -1 !important;
  }

  .sa\:m-0 {
    margin: calc(var(--sa-spacing) * 0);
  }

  .sa\:m-auto {
    margin: auto;
  }

  .sa\:mx-auto {
    margin-inline: auto;
  }

  .sa\:my-8 {
    margin-block: calc(var(--sa-spacing) * 8);
  }

  .sa\:dui-join-item:where(:not(:first-child, :disabled, [disabled], .sa\:dui-btn-disabled)) {
    margin-block-start: 0;
    margin-inline-start: calc(var(--border, 1px) * -1);
  }

  .sa\:dui-join-item:where(:is(:disabled, [disabled], .sa\:dui-btn-disabled)) {
    border-width: var(--border, 1px) 0 var(--border, 1px) var(--border, 1px);
  }

  .sa\:-mt-12 {
    margin-top: calc(var(--sa-spacing) * -12);
  }

  .sa\:-mt-\[10\%\] {
    margin-top: -10%;
  }

  .sa\:mt-0 {
    margin-top: calc(var(--sa-spacing) * 0);
  }

  .sa\:mt-1 {
    margin-top: calc(var(--sa-spacing) * 1);
  }

  .sa\:mt-2 {
    margin-top: calc(var(--sa-spacing) * 2);
  }

  .sa\:mt-4 {
    margin-top: calc(var(--sa-spacing) * 4);
  }

  .sa\:mt-5 {
    margin-top: calc(var(--sa-spacing) * 5);
  }

  .sa\:mt-10 {
    margin-top: calc(var(--sa-spacing) * 10);
  }

  .sa\:mt-12 {
    margin-top: calc(var(--sa-spacing) * 12);
  }

  .sa\:mt-16 {
    margin-top: calc(var(--sa-spacing) * 16);
  }

  .sa\:mr-2 {
    margin-right: calc(var(--sa-spacing) * 2);
  }

  .sa\:mr-auto {
    margin-right: auto;
  }

  .sa\:mb-1 {
    margin-bottom: calc(var(--sa-spacing) * 1);
  }

  .sa\:mb-4 {
    margin-bottom: calc(var(--sa-spacing) * 4);
  }

  .sa\:mb-5 {
    margin-bottom: calc(var(--sa-spacing) * 5);
  }

  .sa\:mb-8 {
    margin-bottom: calc(var(--sa-spacing) * 8);
  }

  .sa\:mb-10 {
    margin-bottom: calc(var(--sa-spacing) * 10);
  }

  .sa\:mb-16 {
    margin-bottom: calc(var(--sa-spacing) * 16);
  }

  .sa\:ml-2 {
    margin-left: calc(var(--sa-spacing) * 2);
  }

  .sa\:ml-auto {
    margin-left: auto;
  }

  .sa\:block {
    display: block;
  }

  .sa\:flex {
    display: flex;
  }

  .sa\:flex\! {
    display: flex !important;
  }

  .sa\:grid {
    display: grid;
  }

  .sa\:hidden {
    display: none;
  }

  .sa\:inline-block {
    display: inline-block;
  }

  .sa\:size-3 {
    width: calc(var(--sa-spacing) * 3);
    height: calc(var(--sa-spacing) * 3);
  }

  .sa\:size-3\.5 {
    width: calc(var(--sa-spacing) * 3.5);
    height: calc(var(--sa-spacing) * 3.5);
  }

  .sa\:size-4 {
    width: calc(var(--sa-spacing) * 4);
    height: calc(var(--sa-spacing) * 4);
  }

  .sa\:size-5 {
    width: calc(var(--sa-spacing) * 5);
    height: calc(var(--sa-spacing) * 5);
  }

  .sa\:size-6 {
    width: calc(var(--sa-spacing) * 6);
    height: calc(var(--sa-spacing) * 6);
  }

  .sa\:size-8 {
    width: calc(var(--sa-spacing) * 8);
    height: calc(var(--sa-spacing) * 8);
  }

  .sa\:size-16 {
    width: calc(var(--sa-spacing) * 16);
    height: calc(var(--sa-spacing) * 16);
  }

  .sa\:size-full\! {
    width: 100% !important;
    height: 100% !important;
  }

  .sa\:h-5 {
    height: calc(var(--sa-spacing) * 5);
  }

  .sa\:h-6 {
    height: calc(var(--sa-spacing) * 6);
  }

  .sa\:h-9 {
    height: calc(var(--sa-spacing) * 9);
  }

  .sa\:h-12 {
    height: calc(var(--sa-spacing) * 12);
  }

  .sa\:h-18\! {
    height: calc(var(--sa-spacing) * 18) !important;
  }

  .sa\:h-60 {
    height: calc(var(--sa-spacing) * 60);
  }

  .sa\:h-80 {
    height: calc(var(--sa-spacing) * 80);
  }

  .sa\:h-96 {
    height: calc(var(--sa-spacing) * 96);
  }

  .sa\:h-140 {
    height: calc(var(--sa-spacing) * 140);
  }

  .sa\:h-\[calc\(100vh-3\.5rem\)\] {
    height: calc(100vh - 3.5rem);
  }

  .sa\:h-full {
    height: 100%;
  }

  .sa\:max-h-\[650px\] {
    max-height: 650px;
  }

  .sa\:max-h-\[calc\(100vh-8rem\)\] {
    max-height: calc(100vh - 8rem);
  }

  .sa\:min-h-88\! {
    min-height: calc(var(--sa-spacing) * 88) !important;
  }

  .sa\:min-h-150 {
    min-height: calc(var(--sa-spacing) * 150);
  }

  .sa\:min-h-\[20px\] {
    min-height: 20px;
  }

  .sa\:min-h-\[350px\] {
    min-height: 350px;
  }

  .sa\:w-5 {
    width: calc(var(--sa-spacing) * 5);
  }

  .sa\:w-6 {
    width: calc(var(--sa-spacing) * 6);
  }

  .sa\:w-8 {
    width: calc(var(--sa-spacing) * 8);
  }

  .sa\:w-10 {
    width: calc(var(--sa-spacing) * 10);
  }

  .sa\:w-40 {
    width: calc(var(--sa-spacing) * 40);
  }

  .sa\:w-44 {
    width: calc(var(--sa-spacing) * 44);
  }

  .sa\:w-72 {
    width: calc(var(--sa-spacing) * 72);
  }

  .sa\:w-80 {
    width: calc(var(--sa-spacing) * 80);
  }

  .sa\:w-fit\! {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }

  .sa\:w-full {
    width: 100%;
  }

  .sa\:w-max {
    width: -moz-max-content;
    width: max-content;
  }

  .sa\:max-w-\[calc\(100\%-120px\)\] {
    max-width: calc(100% - 120px);
  }

  .sa\:max-w-full {
    max-width: 100%;
  }

  .sa\:max-w-screen {
    max-width: 100vw;
  }

  .sa\:max-w-xs {
    max-width: var(--sa-container-xs);
  }

  .sa\:flex-1 {
    flex: 1;
  }

  .sa\:-rotate-90 {
    rotate: -90deg;
  }

  .sa\:rotate-90 {
    rotate: 90deg;
  }

  .sa\:rotate-180 {
    rotate: 180deg;
  }

  .sa\:animate-bounce {
    animation: var(--sa-animate-bounce);
  }

  .sa\:cursor-not-allowed {
    cursor: not-allowed;
  }

  .sa\:scroll-m-20 {
    scroll-margin: calc(var(--sa-spacing) * 20);
  }

  .sa\:list-none {
    list-style-type: none;
  }

  .sa\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .sa\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sa\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .sa\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .sa\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .sa\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .sa\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .sa\:flex-col {
    flex-direction: column;
  }

  .sa\:flex-row {
    flex-direction: row;
  }

  .sa\:flex-row-reverse {
    flex-direction: row-reverse;
  }

  .sa\:flex-wrap {
    flex-wrap: wrap;
  }

  .sa\:items-center {
    align-items: center;
  }

  .sa\:items-start {
    align-items: flex-start;
  }

  .sa\:justify-between {
    justify-content: space-between;
  }

  .sa\:justify-center {
    justify-content: center;
  }

  .sa\:justify-start {
    justify-content: flex-start;
  }

  .sa\:gap-1 {
    gap: calc(var(--sa-spacing) * 1);
  }

  .sa\:gap-2 {
    gap: calc(var(--sa-spacing) * 2);
  }

  .sa\:gap-4 {
    gap: calc(var(--sa-spacing) * 4);
  }

  .sa\:gap-5 {
    gap: calc(var(--sa-spacing) * 5);
  }

  .sa\:gap-6 {
    gap: calc(var(--sa-spacing) * 6);
  }

  .sa\:gap-8 {
    gap: calc(var(--sa-spacing) * 8);
  }

  .sa\:gap-16 {
    gap: calc(var(--sa-spacing) * 16);
  }

  .sa\:gap-20 {
    gap: calc(var(--sa-spacing) * 20);
  }

  :where(.sa\:space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--sa-spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--sa-spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.sa\:space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--sa-spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--sa-spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }

  .sa\:gap-x-4 {
    -moz-column-gap: calc(var(--sa-spacing) * 4);
         column-gap: calc(var(--sa-spacing) * 4);
  }

  .sa\:gap-x-6 {
    -moz-column-gap: calc(var(--sa-spacing) * 6);
         column-gap: calc(var(--sa-spacing) * 6);
  }

  :where(.sa\:space-x-1 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--sa-spacing) * 1) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--sa-spacing) * 1) * calc(1 - var(--tw-space-x-reverse)));
  }

  .sa\:gap-y-16 {
    row-gap: calc(var(--sa-spacing) * 16);
  }

  .sa\:overflow-auto {
    overflow: auto;
  }

  .sa\:overflow-hidden {
    overflow: hidden;
  }

  .sa\:overflow-visible\! {
    overflow: visible !important;
  }

  .sa\:overflow-x-auto {
    overflow-x: auto;
  }

  .sa\:overflow-y-auto {
    overflow-y: auto;
  }

  .sa\:rounded-box {
    border-radius: var(--radius-box);
  }

  .sa\:rounded-lg {
    border-radius: var(--sa-radius-lg);
  }

  .sa\:rounded-md {
    border-radius: var(--sa-radius-md);
  }

  .sa\:rounded-sm {
    border-radius: var(--sa-radius-sm);
  }

  .sa\:border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .sa\:border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }

  .sa\:border-x {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 1px;
  }

  .sa\:border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }

  .sa\:border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .sa\:border-base-100\/10 {
    border-color: var(--color-base-100);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .sa\:border-base-100\/10 {
      border-color: color-mix(in oklab, var(--color-base-100) 10%, transparent);
    }
  }

  .sa\:border-base-300 {
    border-color: var(--color-base-300);
  }

  .sa\:border-base-content\/10 {
    border-color: var(--color-base-content);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .sa\:border-base-content\/10 {
      border-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
    }
  }

  .sa\:border-black\/10 {
    border-color: var(--sa-color-black);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .sa\:border-black\/10 {
      border-color: color-mix(in oklab, var(--sa-color-black) 10%, transparent);
    }
  }

  .sa\:border-primary {
    border-color: var(--color-primary);
  }

  .sa\:border-red-500\! {
    border-color: var(--sa-color-red-500) !important;
  }

  .sa\:border-transparent {
    border-color: #0000;
  }

  .sa\:bg-base-100, .sa\:bg-base-100\/5 {
    background-color: var(--color-base-100);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .sa\:bg-base-100\/5 {
      background-color: color-mix(in oklab, var(--color-base-100) 5%, transparent);
    }
  }

  .sa\:bg-base-100\/10 {
    background-color: var(--color-base-100);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .sa\:bg-base-100\/10 {
      background-color: color-mix(in oklab, var(--color-base-100) 10%, transparent);
    }
  }

  .sa\:bg-base-200 {
    background-color: var(--color-base-200);
  }

  .sa\:bg-base-200\/80\! {
    background-color: var(--color-base-200) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .sa\:bg-base-200\/80\! {
      background-color: color-mix(in oklab, var(--color-base-200) 80%, transparent) !important;
    }
  }

  .sa\:bg-primary {
    background-color: var(--color-primary);
  }

  .sa\:bg-raw-neutral-bg-light {
    background-color: var(--sa-color-raw-neutral-bg-light);
  }

  .sa\:bg-transparent {
    background-color: #0000;
  }

  .sa\:bg-transparent\! {
    background-color: #0000 !important;
  }

  .sa\:bg-white {
    background-color: var(--sa-color-white);
  }

  .sa\:bg-white\! {
    background-color: var(--sa-color-white) !important;
  }

  .sa\:bg-zinc-950 {
    background-color: var(--sa-color-zinc-950);
  }

  .sa\:bg-linear-to-bl {
    --tw-gradient-position: to bottom left;
  }

  @supports (background-image: linear-gradient(in lab, red, red)) {
    .sa\:bg-linear-to-bl {
      --tw-gradient-position: to bottom left in oklab;
    }
  }

  .sa\:bg-linear-to-bl {
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .sa\:bg-\[url\(\'\/assets\/vector-graphics\/svgo-optimized\/banner\/blue-shape-bg\.svg\'\)\] {
    background-image: url("/assets/vector-graphics/svgo-optimized/banner/blue-shape-bg.svg");
  }

  .sa\:bg-\[url\(\'\/assets\/vector-graphics\/svgo-optimized\/banner\/gradient-blue-black-bg\.svg\'\)\] {
    background-image: url("/assets/vector-graphics/svgo-optimized/banner/gradient-blue-black-bg.svg");
  }

  .sa\:from-\[\#17191a\] {
    --tw-gradient-from: #17191a;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .sa\:from-slate-900 {
    --tw-gradient-from: var(--sa-color-slate-900);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .sa\:to-\[\#293539\] {
    --tw-gradient-to: #293539;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .sa\:to-slate-800 {
    --tw-gradient-to: var(--sa-color-slate-800);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .sa\:bg-cover {
    background-size: cover;
  }

  .sa\:bg-center {
    background-position: center;
  }

  .sa\:bg-no-repeat {
    background-repeat: no-repeat;
  }

  .sa\:p-1 {
    padding: calc(var(--sa-spacing) * 1);
  }

  .sa\:p-2 {
    padding: calc(var(--sa-spacing) * 2);
  }

  .sa\:p-4 {
    padding: calc(var(--sa-spacing) * 4);
  }

  .sa\:p-8 {
    padding: calc(var(--sa-spacing) * 8);
  }

  .sa\:p-10 {
    padding: calc(var(--sa-spacing) * 10);
  }

  .sa\:px-0 {
    padding-inline: calc(var(--sa-spacing) * 0);
  }

  .sa\:px-1 {
    padding-inline: calc(var(--sa-spacing) * 1);
  }

  .sa\:px-2 {
    padding-inline: calc(var(--sa-spacing) * 2);
  }

  .sa\:px-4 {
    padding-inline: calc(var(--sa-spacing) * 4);
  }

  .sa\:px-5 {
    padding-inline: calc(var(--sa-spacing) * 5);
  }

  .sa\:py-0\.5 {
    padding-block: calc(var(--sa-spacing) * .5);
  }

  .sa\:py-1 {
    padding-block: calc(var(--sa-spacing) * 1);
  }

  .sa\:py-4 {
    padding-block: calc(var(--sa-spacing) * 4);
  }

  .sa\:py-6 {
    padding-block: calc(var(--sa-spacing) * 6);
  }

  .sa\:py-8 {
    padding-block: calc(var(--sa-spacing) * 8);
  }

  .sa\:py-16 {
    padding-block: calc(var(--sa-spacing) * 16);
  }

  .sa\:py-24 {
    padding-block: calc(var(--sa-spacing) * 24);
  }

  .sa\:pt-0 {
    padding-top: calc(var(--sa-spacing) * 0);
  }

  .sa\:pt-2 {
    padding-top: calc(var(--sa-spacing) * 2);
  }

  .sa\:pt-4 {
    padding-top: calc(var(--sa-spacing) * 4);
  }

  .sa\:pt-12 {
    padding-top: calc(var(--sa-spacing) * 12);
  }

  .sa\:pt-24 {
    padding-top: calc(var(--sa-spacing) * 24);
  }

  .sa\:pb-2 {
    padding-bottom: calc(var(--sa-spacing) * 2);
  }

  .sa\:pb-8 {
    padding-bottom: calc(var(--sa-spacing) * 8);
  }

  .sa\:pb-14 {
    padding-bottom: calc(var(--sa-spacing) * 14);
  }

  .sa\:pl-4 {
    padding-left: calc(var(--sa-spacing) * 4);
  }

  .sa\:text-center {
    text-align: center;
  }

  .sa\:text-left {
    text-align: left;
  }

  .sa\:font-mono {
    font-family: var(--sa-font-mono);
  }

  .sa\:text-2xl {
    font-size: var(--sa-text-2xl);
    line-height: var(--tw-leading, var(--sa-text-2xl--line-height));
  }

  .sa\:text-4xl {
    font-size: var(--sa-text-4xl);
    line-height: var(--tw-leading, var(--sa-text-4xl--line-height));
  }

  .sa\:text-base {
    font-size: var(--sa-text-base);
    line-height: var(--tw-leading, var(--sa-text-base--line-height));
  }

  .sa\:text-sm {
    font-size: var(--sa-text-sm);
    line-height: var(--tw-leading, var(--sa-text-sm--line-height));
  }

  .sa\:text-xl {
    font-size: var(--sa-text-xl);
    line-height: var(--tw-leading, var(--sa-text-xl--line-height));
  }

  .sa\:text-xs {
    font-size: var(--sa-text-xs);
    line-height: var(--tw-leading, var(--sa-text-xs--line-height));
  }

  .sa\:text-\[0\.5rem\] {
    font-size: .5rem;
  }

  .sa\:font-bold {
    --tw-font-weight: var(--sa-font-weight-bold);
    font-weight: var(--sa-font-weight-bold);
  }

  .sa\:font-medium {
    --tw-font-weight: var(--sa-font-weight-medium);
    font-weight: var(--sa-font-weight-medium);
  }

  .sa\:font-normal {
    --tw-font-weight: var(--sa-font-weight-normal);
    font-weight: var(--sa-font-weight-normal);
  }

  .sa\:font-semibold {
    --tw-font-weight: var(--sa-font-weight-semibold);
    font-weight: var(--sa-font-weight-semibold);
  }

  .sa\:tracking-tight {
    --tw-tracking: var(--sa-tracking-tight);
    letter-spacing: var(--sa-tracking-tight);
  }

  .sa\:whitespace-nowrap {
    white-space: nowrap;
  }

  .sa\:text-base-100 {
    color: var(--color-base-100);
  }

  .sa\:text-black {
    color: var(--sa-color-black);
  }

  .sa\:text-error {
    color: var(--color-error);
  }

  .sa\:text-gray-500 {
    color: var(--sa-color-gray-500);
  }

  .sa\:text-green-500 {
    color: var(--sa-color-green-500);
  }

  .sa\:text-primary {
    color: var(--color-primary);
  }

  .sa\:text-primary\! {
    color: var(--color-primary) !important;
  }

  .sa\:text-raw-babyblue-500 {
    color: var(--sa-color-raw-babyblue-500);
  }

  .sa\:text-raw-neutral-fg-dark {
    color: var(--sa-color-raw-neutral-fg-dark);
  }

  .sa\:text-raw-neutral-fg-light {
    color: var(--sa-color-raw-neutral-fg-light);
  }

  .sa\:text-red-500 {
    color: var(--sa-color-red-500);
  }

  .sa\:text-success {
    color: var(--color-success);
  }

  .sa\:text-white {
    color: var(--sa-color-white);
  }

  .sa\:text-zinc-300\! {
    color: var(--sa-color-zinc-300) !important;
  }

  .sa\:uppercase {
    text-transform: uppercase;
  }

  .sa\:italic {
    font-style: italic;
  }

  .sa\:prose :where(.sa\:dui-btn-link):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    text-decoration-line: none;
  }

  @layer daisyui.l1 {
    .sa\:dui-btn-link {
      --dui-btn-border: #0000;
      --dui-btn-bg: #0000;
      --dui-btn-noise: none;
      --dui-btn-shadow: "";
      outline-color: currentColor;
      text-decoration-line: underline;
    }

    .sa\:dui-btn-link:not(.sa\:dui-btn-disabled, .sa\:dui-btn:disabled, .sa\:dui-btn[disabled]) {
      --dui-btn-fg: var(--dui-btn-color, var(--color-primary));
    }

    .sa\:dui-btn-link:is(.sa\:dui-btn-active, :hover, :active:focus, :focus-visible) {
      --dui-btn-border: #0000;
      --dui-btn-bg: #0000;
    }

    .sa\:dui-btn-ghost:not(.sa\:dui-btn-active, :hover, :active:focus, :focus-visible, input:checked:not(.sa\:dui-filter .sa\:dui-btn)) {
      --dui-btn-shadow: "";
      --dui-btn-bg: #0000;
      --dui-btn-border: #0000;
      --dui-btn-noise: none;
    }

    .sa\:dui-btn-ghost:not(.sa\:dui-btn-active, :hover, :active:focus, :focus-visible, input:checked:not(.sa\:dui-filter .sa\:dui-btn)):not(:disabled, [disabled], .sa\:dui-btn-disabled) {
      --dui-btn-fg: var(--dui-btn-color, currentColor);
      outline-color: currentColor;
    }

    @media (hover: none) {
      .sa\:dui-btn-ghost:not(.sa\:dui-btn-active, :active, :focus-visible, input:checked:not(.sa\:dui-filter .sa\:dui-btn)):hover {
        --dui-btn-shadow: "";
        --dui-btn-bg: #0000;
        --dui-btn-fg: var(--dui-btn-color, currentColor);
        --dui-btn-border: #0000;
        --dui-btn-noise: none;
        outline-color: currentColor;
      }
    }

    .sa\:dui-btn-outline:not(.sa\:dui-btn-active, :hover, :active:focus, :focus-visible, input:checked:not(.sa\:dui-filter .sa\:dui-btn), :disabled, [disabled], .sa\:dui-btn-disabled) {
      --dui-btn-shadow: "";
      --dui-btn-bg: #0000;
      --dui-btn-fg: var(--dui-btn-color);
      --dui-btn-border: var(--dui-btn-color);
      --dui-btn-noise: none;
    }

    @media (hover: none) {
      .sa\:dui-btn-outline:not(.sa\:dui-btn-active, :active, :focus-visible, input:checked:not(.sa\:dui-filter .sa\:dui-btn)):hover {
        --dui-btn-shadow: "";
        --dui-btn-bg: #0000;
        --dui-btn-fg: var(--dui-btn-color);
        --dui-btn-border: var(--dui-btn-color);
        --dui-btn-noise: none;
      }
    }
  }

  .sa\:no-underline {
    text-decoration-line: none;
  }

  .sa\:underline {
    text-decoration-line: underline;
  }

  .sa\:opacity-60 {
    opacity: .6;
  }

  .sa\:shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .sa\:shadow-\[8px_24px_54px_0px_rgba\(0\,0\,0\,\.15\)\] {
    --tw-shadow: 8px 24px 54px 0px var(--tw-shadow-color, #00000026);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .sa\:backdrop-blur-lg {
    --tw-backdrop-blur: blur(var(--sa-blur-lg));
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .sa\:backdrop-blur-xs {
    --tw-backdrop-blur: blur(var(--sa-blur-xs));
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .sa\:transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--sa-default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--sa-default-transition-duration));
  }

  .sa\:after\:absolute:after {
    content: var(--tw-content);
    position: absolute;
  }

  .sa\:after\:inset-0:after {
    content: var(--tw-content);
    inset: calc(var(--sa-spacing) * 0);
  }

  .sa\:after\:-z-10:after {
    content: var(--tw-content);
    z-index: calc(10 * -1);
  }

  .sa\:after\:w-full\!:after {
    content: var(--tw-content);
    width: 100% !important;
  }

  .sa\:after\:bg-\[url\(\/assets\/vector-graphics\/svgo-optimized\/banner\/world-tech-bg\.svg\)\]:after {
    content: var(--tw-content);
    background-image: url("/assets/vector-graphics/svgo-optimized/banner/world-tech-bg.svg");
  }

  .sa\:after\:bg-cover:after {
    content: var(--tw-content);
    background-size: cover;
  }

  .sa\:after\:bg-center:after {
    content: var(--tw-content);
    background-position: center;
  }

  .sa\:after\:bg-no-repeat:after {
    content: var(--tw-content);
    background-repeat: no-repeat;
  }

  .sa\:after\:text-primary:after {
    content: var(--tw-content);
    color: var(--color-primary);
  }

  @media (hover: hover) {
    .sa\:hover\:overflow-y-auto:hover {
      overflow-y: auto;
    }

    .sa\:hover\:bg-gray-100:hover {
      background-color: var(--sa-color-gray-100);
    }

    .sa\:hover\:underline:hover {
      text-decoration-line: underline;
    }
  }

  .sa\:focus-visible\:ring-2:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .sa\:focus-visible\:outline-hidden:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .sa\:focus-visible\:outline-hidden:focus-visible {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  @media not all and (min-width: 80rem) {
    .sa\:max-xl\:block {
      display: block;
    }
  }

  @media not all and (min-width: 64rem) {
    .sa\:max-lg\:order-2 {
      order: 2;
    }

    .sa\:max-lg\:col-span-full {
      grid-column: 1 / -1;
    }
  }

  @media not all and (min-width: 48rem) {
    .sa\:max-md\:col-span-12 {
      grid-column: span 12 / span 12;
    }
  }

  @media not all and (min-width: 40rem) {
    .sa\:max-sm\:hidden {
      display: none;
    }

    .sa\:max-sm\:h-max {
      height: -moz-max-content;
      height: max-content;
    }

    .sa\:max-sm\:flex-col {
      flex-direction: column;
    }

    .sa\:max-sm\:px-2 {
      padding-inline: calc(var(--sa-spacing) * 2);
    }

    .sa\:max-sm\:py-4 {
      padding-block: calc(var(--sa-spacing) * 4);
    }

    @layer daisyui.l1.l2 {
      .sa\:max-sm\:dui-btn-sm {
        --dui-fontsize: .75rem;
        --dui-btn-p: .75rem;
        --dui-size: calc(var(--size-field, .25rem) * 8);
      }
    }

    .sa\:max-sm\:\[writing-mode\:vertical-lr\] {
      writing-mode: vertical-lr;
    }
  }

  @media (min-width: 40rem) {
    .sa\:sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sa\:sm\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .sa\:sm\:justify-between {
      justify-content: space-between;
    }

    .sa\:sm\:px-8 {
      padding-inline: calc(var(--sa-spacing) * 8);
    }

    .sa\:sm\:py-24 {
      padding-block: calc(var(--sa-spacing) * 24);
    }
  }

  @media (min-width: 48rem) {
    .sa\:md\:order-1 {
      order: 1;
    }

    .sa\:md\:order-none {
      order: 0;
    }

    .sa\:md\:col-span-1 {
      grid-column: span 1 / span 1;
    }

    .sa\:md\:col-span-6 {
      grid-column: span 6 / span 6;
    }

    .sa\:md\:mb-16 {
      margin-bottom: calc(var(--sa-spacing) * 16);
    }

    .sa\:md\:grid {
      display: grid;
    }

    .sa\:md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sa\:md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .sa\:md\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .sa\:md\:grid-cols-\[220px_minmax\(0\,1fr\)\] {
      grid-template-columns: 220px minmax(0, 1fr);
    }

    .sa\:md\:gap-0 {
      gap: calc(var(--sa-spacing) * 0);
    }

    .sa\:md\:gap-6 {
      gap: calc(var(--sa-spacing) * 6);
    }

    .sa\:md\:p-8 {
      padding: calc(var(--sa-spacing) * 8);
    }
  }

  @media not all and (min-width: 64rem) {
    @media (min-width: 48rem) {
      .sa\:max-lg\:md\:col-span-6 {
        grid-column: span 6 / span 6;
      }
    }
  }

  @media (min-width: 64rem) {
    .sa\:lg\:-top-72 {
      top: calc(var(--sa-spacing) * -72);
    }

    .sa\:lg\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .sa\:lg\:col-span-3 {
      grid-column: span 3 / span 3;
    }

    .sa\:lg\:col-span-4 {
      grid-column: span 4 / span 4;
    }

    .sa\:lg\:col-span-5 {
      grid-column: span 5 / span 5;
    }

    .sa\:lg\:col-span-6 {
      grid-column: span 6 / span 6;
    }

    .sa\:lg\:col-span-7 {
      grid-column: span 7 / span 7;
    }

    .sa\:lg\:col-span-8 {
      grid-column: span 8 / span 8;
    }

    .sa\:lg\:col-span-12 {
      grid-column: span 12 / span 12;
    }

    .sa\:lg\:h-305 {
      height: calc(var(--sa-spacing) * 305);
    }

    .sa\:lg\:min-h-12 {
      min-height: calc(var(--sa-spacing) * 12);
    }

    .sa\:lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sa\:lg\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .sa\:lg\:grid-cols-\[240px_minmax\(0\,1fr\)\] {
      grid-template-columns: 240px minmax(0, 1fr);
    }

    .sa\:lg\:grid-cols-\[auto_1fr\] {
      grid-template-columns: auto 1fr;
    }

    .sa\:lg\:flex-col {
      flex-direction: column;
    }

    .sa\:lg\:justify-center {
      justify-content: center;
    }

    .sa\:lg\:justify-end {
      justify-content: flex-end;
    }

    .sa\:lg\:gap-10 {
      gap: calc(var(--sa-spacing) * 10);
    }

    .sa\:lg\:text-center {
      text-align: center;
    }
  }

  @media (min-width: 80rem) {
    .sa\:xl\:order-1 {
      order: 1;
    }

    .sa\:xl\:col-span-1 {
      grid-column: span 1 / span 1;
    }

    .sa\:xl\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .sa\:xl\:col-span-3 {
      grid-column: span 3 / span 3;
    }

    .sa\:xl\:col-span-4 {
      grid-column: span 4 / span 4;
    }

    .sa\:xl\:col-span-5 {
      grid-column: span 5 / span 5;
    }

    .sa\:xl\:col-span-5\! {
      grid-column: span 5 / span 5 !important;
    }

    .sa\:xl\:col-span-6 {
      grid-column: span 6 / span 6;
    }

    .sa\:xl\:hidden {
      display: none;
    }

    .sa\:xl\:max-w-5xl {
      max-width: var(--sa-container-5xl);
    }

    .sa\:xl\:max-w-screen-lg {
      max-width: var(--sa-breakpoint-lg);
    }

    .sa\:xl\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .sa\:xl\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .sa\:xl\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .sa\:xl\:gap-4 {
      gap: calc(var(--sa-spacing) * 4);
    }

    .sa\:xl\:border-r {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px;
    }

    .sa\:xl\:border-black\/10 {
      border-color: var(--sa-color-black);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .sa\:xl\:border-black\/10 {
        border-color: color-mix(in oklab, var(--sa-color-black) 10%, transparent);
      }
    }

    .sa\:xl\:py-16 {
      padding-block: calc(var(--sa-spacing) * 16);
    }

    .sa\:xl\:ps-3 {
      padding-inline-start: calc(var(--sa-spacing) * 3);
    }

    .sa\:xl\:pr-6 {
      padding-right: calc(var(--sa-spacing) * 6);
    }
  }

  @media (min-width: 96rem) {
    .sa\:2xl\:max-w-7xl {
      max-width: var(--sa-container-7xl);
    }

    .sa\:2xl\:max-w-screen-xl {
      max-width: var(--sa-breakpoint-xl);
    }

    .sa\:2xl\:pt-24 {
      padding-top: calc(var(--sa-spacing) * 24);
    }
  }

  @media (min-width: 120rem) {
    .sa\:3xl\:max-w-screen-2xl {
      max-width: var(--sa-breakpoint-2xl);
    }

    .sa\:3xl\:pt-24 {
      padding-top: calc(var(--sa-spacing) * 24);
    }
  }

  .sa\:dark\:bg-zinc-900:where([data-theme="snyder"], [data-theme="snyder"] *, [data-mode="dark"], [data-mode="dark"] *) {
    background-color: var(--sa-color-zinc-900);
  }

  .sa\:dark\:text-zinc-700\!:where([data-theme="snyder"], [data-theme="snyder"] *, [data-mode="dark"], [data-mode="dark"] *) {
    color: var(--sa-color-zinc-700) !important;
  }

  .sa\:\[\&_\.box-bullet-item\]\:min-h-auto\! .box-bullet-item {
    min-height: auto !important;
  }

  .sa\:\[\&_\.box-bullet-item\]\:after\:opacity-20\! .box-bullet-item:after {
    content: var(--tw-content);
    opacity: .2 !important;
  }

  .sa\:\[\&_\.box-bullet-item\:hover\]\:translate-y-0\! .box-bullet-item:hover {
    --tw-translate-y: calc(var(--sa-spacing) * 0) !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }

  .sa\:\[\&_\.marketos-card-body\]\:justify-center .marketos-card-body {
    justify-content: center;
  }

  .sa\:\[\&_\.marketos-card-body\]\:p-6\! .marketos-card-body {
    padding: calc(var(--sa-spacing) * 6) !important;
  }

  .sa\:\[\&_\.marketos-card-body\]\:text-center\! .marketos-card-body {
    text-align: center !important;
  }

  .sa\:\[\&_\.marketos-item\]\:flex .marketos-item {
    display: flex;
  }

  .sa\:\[\&_\.marketos-item\]\:h-full .marketos-item {
    height: 100%;
  }

  .sa\:\[\&_\.marketos-item\]\:flex-1 .marketos-item {
    flex: 1;
  }

  .sa\:\[\&_\.marketos-item\]\:flex-col .marketos-item {
    flex-direction: column;
  }

  .sa\:\[\&_\.marketos-item\]\:gap-2 .marketos-item {
    gap: calc(var(--sa-spacing) * 2);
  }

  .sa\:\[\&_\.marketos-item\]\:border-b-4 .marketos-item {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 4px;
  }

  .sa\:\[\&_\.marketos-item\]\:border-l-4 .marketos-item {
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
  }

  .sa\:\[\&_\.marketos-item\]\:border-base-100\/10 .marketos-item {
    border-color: var(--color-base-100);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .sa\:\[\&_\.marketos-item\]\:border-base-100\/10 .marketos-item {
      border-color: color-mix(in oklab, var(--color-base-100) 10%, transparent);
    }
  }

  .sa\:\[\&_\.marketos-item\]\:border-primary .marketos-item {
    border-color: var(--color-primary);
  }

  .sa\:\[\&_\.marketos-item\]\:bg-base-100\/5 .marketos-item {
    background-color: var(--color-base-100);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .sa\:\[\&_\.marketos-item\]\:bg-base-100\/5 .marketos-item {
      background-color: color-mix(in oklab, var(--color-base-100) 5%, transparent);
    }
  }

  .sa\:\[\&_\.marketos-item\]\:p-4 .marketos-item {
    padding: calc(var(--sa-spacing) * 4);
  }

  .sa\:\[\&_\.marketos-item\]\:py-2 .marketos-item {
    padding-block: calc(var(--sa-spacing) * 2);
  }

  .sa\:\[\&_\.marketos-item\]\:ps-4 .marketos-item {
    padding-inline-start: calc(var(--sa-spacing) * 4);
  }

  .sa\:\[\&_\.marketos-item\]\:transition-all .marketos-item {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--sa-default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--sa-default-transition-duration));
  }

  .sa\:\[\&_a\]\:block a {
    display: block;
  }

  .sa\:\[\&_a\]\:text-sm a {
    font-size: var(--sa-text-sm);
    line-height: var(--tw-leading, var(--sa-text-sm--line-height));
  }

  @media (hover: hover) {
    .sa\:hover\:\[\&_a\]\:no-underline:hover a {
      text-decoration-line: none;
    }
  }

  .sa\:\[\&_a\:hover_\.marketos-item\]\:border-primary a:hover .marketos-item {
    border-color: var(--color-primary);
  }

  .sa\:\[\&_blockquote_strong\]\:block blockquote strong {
    display: block;
  }

  .sa\:\[\&_figure\]\:flex figure {
    display: flex;
  }

  .sa\:\[\&_figure\]\:flex-col figure {
    flex-direction: column;
  }

  .sa\:\[\&_figure\]\:gap-4 figure {
    gap: calc(var(--sa-spacing) * 4);
  }

  .sa\:\[\&_h3\]\:text-xl h3 {
    font-size: var(--sa-text-xl);
    line-height: var(--tw-leading, var(--sa-text-xl--line-height));
  }

  .sa\:\[\&_h3\]\:text-primary h3 {
    color: var(--color-primary);
  }

  .sa\:\[\&_h4\]\:flex h4 {
    display: flex;
  }

  .sa\:\[\&_h4\]\:flex-1 h4 {
    flex: 1;
  }

  .sa\:\[\&_h4\]\:items-center h4 {
    align-items: center;
  }

  .sa\:\[\&_h4\]\:gap-4 h4 {
    gap: calc(var(--sa-spacing) * 4);
  }

  .sa\:\[\&_h4\]\:text-lg h4 {
    font-size: var(--sa-text-lg);
    line-height: var(--tw-leading, var(--sa-text-lg--line-height));
  }

  .sa\:\[\&_hr\:last-child\]\:hidden hr:last-child {
    display: none;
  }

  @media (min-width: 64rem) {
    .sa\:lg\:\[\&_p\]\:line-clamp-1 p {
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      display: -webkit-box;
      overflow: hidden;
    }
  }

  .sa\:\[\&_small\]\:uppercase small {
    text-transform: uppercase;
  }

  .sa\:\[\&_span\]\:capitalize span {
    text-transform: capitalize;
  }

  .sa\:\[\&_strong\]\:text-xl strong {
    font-size: var(--sa-text-xl);
    line-height: var(--tw-leading, var(--sa-text-xl--line-height));
  }

  .sa\:\[\&_summary\]\:sticky summary {
    position: sticky;
  }

  .sa\:\[\&_summary\]\:top-0 summary {
    top: calc(var(--sa-spacing) * 0);
  }

  .sa\:\[\&_summary\]\:z-50 summary {
    z-index: 50;
  }

  .sa\:\[\&_summary\]\:bg-base-200 summary {
    background-color: var(--color-base-200);
  }

  .sa\:\[\&_summary\]\:text-lg summary {
    font-size: var(--sa-text-lg);
    line-height: var(--tw-leading, var(--sa-text-lg--line-height));
  }

  .sa\:\[\&_summary\]\:font-medium summary {
    --tw-font-weight: var(--sa-font-weight-medium);
    font-weight: var(--sa-font-weight-medium);
  }

  .sa\:\[\&\>\.marketos-item\]\:relative > .marketos-item {
    position: relative;
  }

  .sa\:\[\&\>\.marketos-item\]\:z-0 > .marketos-item {
    z-index: 0;
  }

  .sa\:\[\&\>\.marketos-item\]\:flex > .marketos-item {
    display: flex;
  }

  .sa\:\[\&\>\.marketos-item\]\:flex-col > .marketos-item {
    flex-direction: column;
  }

  .sa\:\[\&\>\.marketos-item\]\:items-start > .marketos-item {
    align-items: flex-start;
  }

  .sa\:\[\&\>\.marketos-item\]\:gap-8 > .marketos-item {
    gap: calc(var(--sa-spacing) * 8);
  }

  .sa\:\[\&\>\.marketos-item\]\:overflow-hidden > .marketos-item {
    overflow: hidden;
  }

  .sa\:\[\&\>\.marketos-item\]\:border > .marketos-item {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .sa\:\[\&\>\.marketos-item\]\:border-base-100\/20 > .marketos-item {
    border-color: var(--color-base-100);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .sa\:\[\&\>\.marketos-item\]\:border-base-100\/20 > .marketos-item {
      border-color: color-mix(in oklab, var(--color-base-100) 20%, transparent);
    }
  }

  .sa\:\[\&\>\.marketos-item\]\:border-white\/20 > .marketos-item {
    border-color: var(--sa-color-white);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .sa\:\[\&\>\.marketos-item\]\:border-white\/20 > .marketos-item {
      border-color: color-mix(in oklab, var(--sa-color-white) 20%, transparent);
    }
  }

  .sa\:\[\&\>\.marketos-item\]\:bg-base-200\/50 > .marketos-item {
    background-color: var(--color-base-200);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .sa\:\[\&\>\.marketos-item\]\:bg-base-200\/50 > .marketos-item {
      background-color: color-mix(in oklab, var(--color-base-200) 50%, transparent);
    }
  }

  .sa\:\[\&\>\.marketos-item\]\:px-5 > .marketos-item {
    padding-inline: calc(var(--sa-spacing) * 5);
  }

  .sa\:\[\&\>\.marketos-item\]\:px-6 > .marketos-item {
    padding-inline: calc(var(--sa-spacing) * 6);
  }

  .sa\:\[\&\>\.marketos-item\]\:py-8 > .marketos-item {
    padding-block: calc(var(--sa-spacing) * 8);
  }

  .sa\:\[\&\>\.marketos-item\]\:py-16 > .marketos-item {
    padding-block: calc(var(--sa-spacing) * 16);
  }

  .sa\:\[\&\>\.marketos-item\]\:text-center > .marketos-item {
    text-align: center;
  }

  .sa\:\[\&\>\.marketos-item\]\:transition-all > .marketos-item {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--sa-default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--sa-default-transition-duration));
  }

  .sa\:\[\&\>\.marketos-item\]\:after\:absolute > .marketos-item:after {
    content: var(--tw-content);
    position: absolute;
  }

  .sa\:\[\&\>\.marketos-item\]\:after\:inset-0 > .marketos-item:after {
    content: var(--tw-content);
    inset: calc(var(--sa-spacing) * 0);
  }

  .sa\:\[\&\>\.marketos-item\]\:after\:-z-10 > .marketos-item:after {
    content: var(--tw-content);
    z-index: calc(10 * -1);
  }

  .sa\:\[\&\>\.marketos-item\]\:after\:m-auto > .marketos-item:after {
    content: var(--tw-content);
    margin: auto;
  }

  .sa\:\[\&\>\.marketos-item\]\:after\:h-56 > .marketos-item:after {
    content: var(--tw-content);
    height: calc(var(--sa-spacing) * 56);
  }

  .sa\:\[\&\>\.marketos-item\]\:after\:w-full > .marketos-item:after {
    content: var(--tw-content);
    width: 100%;
  }

  .sa\:\[\&\>\.marketos-item\]\:after\:rounded-full > .marketos-item:after {
    content: var(--tw-content);
    border-radius: 3.40282e38px;
  }

  .sa\:\[\&\>\.marketos-item\]\:after\:bg-primary\/50 > .marketos-item:after {
    content: var(--tw-content);
    background-color: var(--color-primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .sa\:\[\&\>\.marketos-item\]\:after\:bg-primary\/50 > .marketos-item:after {
      background-color: color-mix(in oklab, var(--color-primary) 50%, transparent);
    }
  }

  .sa\:\[\&\>\.marketos-item\]\:after\:opacity-20 > .marketos-item:after {
    content: var(--tw-content);
    opacity: .2;
  }

  .sa\:\[\&\>\.marketos-item\]\:after\:blur-2xl > .marketos-item:after {
    content: var(--tw-content);
    --tw-blur: blur(var(--sa-blur-2xl));
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .sa\:\[\&\>\.marketos-item\]\:after\:transition-all > .marketos-item:after {
    content: var(--tw-content);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--sa-default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--sa-default-transition-duration));
  }

  .sa\:\[\&\>\.marketos-item\]\:after\:content-\[\'\'\] > .marketos-item:after {
    --tw-content: "";
    content: var(--tw-content);
  }

  @media not all and (min-width: 48rem) {
    .sa\:max-md\:\[\&\>\.marketos-item\]\:border > .marketos-item {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }

  @media (min-width: 48rem) {
    .sa\:md\:\[\&\>\.marketos-item\]\:border-r > .marketos-item {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px;
    }

    .sa\:md\:\[\&\>\.marketos-item\]\:border-b > .marketos-item {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }

    .sa\:md\:\[\&\>\.marketos-item\:nth-child\(2n\)\]\:border-r-0 > .marketos-item:nth-child(2n) {
      border-right-style: var(--tw-border-style);
      border-right-width: 0;
    }

    .sa\:md\:\[\&\>\.marketos-item\:nth-last-child\(-n\+1\)\]\:border-b-0 > .marketos-item:nth-last-child(-n+1), .sa\:md\:\[\&\>\.marketos-item\:nth-last-child\(-n\+2\)\]\:border-b-0 > .marketos-item:nth-last-child(-n+2) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0;
    }
  }

  .sa\:\[\&\>\.marketos-item\>a\]\:absolute > .marketos-item > a {
    position: absolute;
  }

  .sa\:\[\&\>\.marketos-item\>a\]\:bottom-6 > .marketos-item > a {
    bottom: calc(var(--sa-spacing) * 6);
  }

  .sa\:\[\&\>\.marketos-item\>a\]\:after\:absolute > .marketos-item > a:after {
    content: var(--tw-content);
    position: absolute;
  }

  .sa\:\[\&\>\.marketos-item\>a\]\:after\:inset-0 > .marketos-item > a:after {
    content: var(--tw-content);
    inset: calc(var(--sa-spacing) * 0);
  }

  .sa\:\[\&\>\.marketos-item\>a\]\:after\:content-\[\'\'\] > .marketos-item > a:after {
    --tw-content: "";
    content: var(--tw-content);
  }

  .sa\:\[\&\>\.marketos-item\>h3\]\:mb-5 > .marketos-item > h3 {
    margin-bottom: calc(var(--sa-spacing) * 5);
  }

  .sa\:\[\&\>\.marketos-item\>h3\]\:line-clamp-2 > .marketos-item > h3 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .sa\:\[\&\>\.marketos-item\>h3\]\:text-base > .marketos-item > h3 {
    font-size: var(--sa-text-base);
    line-height: var(--tw-leading, var(--sa-text-base--line-height));
  }

  .sa\:\[\&\>\.marketos-item\>h3\]\:text-lg > .marketos-item > h3 {
    font-size: var(--sa-text-lg);
    line-height: var(--tw-leading, var(--sa-text-lg--line-height));
  }

  .sa\:\[\&\>\.marketos-item\>h3\]\:text-xl > .marketos-item > h3 {
    font-size: var(--sa-text-xl);
    line-height: var(--tw-leading, var(--sa-text-xl--line-height));
  }

  .sa\:\[\&\>figure\]\:flex > figure {
    display: flex;
  }

  .sa\:\[\&\>figure\]\:grid > figure {
    display: grid;
  }

  .sa\:\[\&\>figure\]\:h-20 > figure {
    height: calc(var(--sa-spacing) * 20);
  }

  .sa\:\[\&\>figure\]\:w-full > figure {
    width: 100%;
  }

  .sa\:\[\&\>figure\]\:flex-col > figure {
    flex-direction: column;
  }

  .sa\:\[\&\>figure\]\:place-content-center > figure {
    place-content: center;
  }

  .sa\:\[\&\>figure\]\:gap-3 > figure {
    gap: calc(var(--sa-spacing) * 3);
  }

  .sa\:\[\&\>figure\]\:border > figure {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .sa\:\[\&\>figure\]\:border-black\/10 > figure {
    border-color: var(--sa-color-black);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .sa\:\[\&\>figure\]\:border-black\/10 > figure {
      border-color: color-mix(in oklab, var(--sa-color-black) 10%, transparent);
    }
  }

  .sa\:\[\&\>figure\:not\(\:nth-child\(2n\)\,\:last-child\)\]\:border-r-0 > figure:not(:nth-child(2n), :last-child) {
    border-right-style: var(--tw-border-style);
    border-right-width: 0;
  }

  @media (min-width: 80rem) {
    .sa\:xl\:\[\&\>figure\:not\(\:nth-child\(4n\)\,\:last-child\)\]\:border-r-0 > figure:not(:nth-child(4n), :last-child) {
      border-right-style: var(--tw-border-style);
      border-right-width: 0;
    }
  }

  .sa\:\[\&\>figure\:not\(\:nth-last-child\(-n\+2\)\)\]\:border-b-0 > figure:not(:nth-last-child(-n+2)) {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  @media (min-width: 40rem) {
    .sa\:sm\:\[\&\>figure\:not\(\:nth-last-child\(-n\+2\)\)\]\:border-b > figure:not(:nth-last-child(-n+2)) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
  }

  @media (min-width: 80rem) {
    .sa\:xl\:\[\&\>figure\:not\(\:nth-last-child\(-n\+4\)\)\]\:border-b-0 > figure:not(:nth-last-child(-n+4)) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0;
    }
  }

  .sa\:\[\&\>figure\>figcaption\]\:flex > figure > figcaption {
    display: flex;
  }

  .sa\:\[\&\>figure\>figcaption\]\:flex-col > figure > figcaption {
    flex-direction: column;
  }

  .sa\:\[\&\>figure\>figcaption\]\:gap-1 > figure > figcaption {
    gap: calc(var(--sa-spacing) * 1);
  }

  .sa\:\[\&\>figure\>figcaption\>a\]\:block > figure > figcaption > a {
    display: block;
  }

  .sa\:\[\&\>figure\>img\]\:h-20 > figure > img {
    height: calc(var(--sa-spacing) * 20);
  }

  .sa\:\[\&\>figure\>img\]\:w-36 > figure > img {
    width: calc(var(--sa-spacing) * 36);
  }

  .sa\:\[\&\>figure\>img\]\:object-contain > figure > img {
    object-fit: contain;
  }

  .sa\:\[\&\>figure\>img\]\:p-4 > figure > img {
    padding: calc(var(--sa-spacing) * 4);
  }

  .sa\:\[\&\>h1\]\:text-white > h1 {
    color: var(--sa-color-white);
  }

  .sa\:\[\&\>h2\>span\]\:mb-3 > h2 > span {
    margin-bottom: calc(var(--sa-spacing) * 3);
  }

  .sa\:\[\&\>li_ul\]\:my-2 > li ul {
    margin-block: calc(var(--sa-spacing) * 2);
  }

  .sa\:\[\&\>p\]\:text-base > p {
    font-size: var(--sa-text-base);
    line-height: var(--tw-leading, var(--sa-text-base--line-height));
  }

  .sa\:\[\&\>p\]\:leading-8 > p {
    --tw-leading: calc(var(--sa-spacing) * 8);
    line-height: calc(var(--sa-spacing) * 8);
  }

  .sa\:\[\&\>p\]\:tracking-wider > p {
    --tw-tracking: var(--sa-tracking-wider);
    letter-spacing: var(--sa-tracking-wider);
  }

  .sa\:\[\&\>p\]\:text-white > p {
    color: var(--sa-color-white);
  }

  @media (min-width: 96rem) {
    .sa\:2xl\:\[\&\>p\]\:text-lg > p {
      font-size: var(--sa-text-lg);
      line-height: var(--tw-leading, var(--sa-text-lg--line-height));
    }

    .sa\:2xl\:\[\&\>p\]\:leading-10 > p {
      --tw-leading: calc(var(--sa-spacing) * 10);
      line-height: calc(var(--sa-spacing) * 10);
    }
  }

  .sa\:\[\&\>span\]\:flex > span {
    display: flex;
  }

  .sa\:\[\&\>span\]\:flex-col > span {
    flex-direction: column;
  }

  .sa\:\[\&\>span\]\:items-center > span {
    align-items: center;
  }

  .sa\:\[\&\>span\]\:gap-2 > span {
    gap: calc(var(--sa-spacing) * 2);
  }

  .sa\:\[\&\>span\>strong\]\:text-4xl > span > strong {
    font-size: var(--sa-text-4xl);
    line-height: var(--tw-leading, var(--sa-text-4xl--line-height));
  }

  .sa\:\[\&\>span\>strong\]\:text-primary > span > strong {
    color: var(--color-primary);
  }
}

:root[data-theme="snyder"].marketos-dark, [data-theme="snyder"].marketos-dark {
  color-scheme: "dark";
  --color-primary: oklch(var(--colors-raw-babyblue-500-v-oklch));
  --color-primary-content: oklch(var(--colors-raw-babyblue-900-v-oklch));
  --color-secondary: oklch(var(--colors-raw-base-bg1-light-v-oklch));
  --color-secondary-content: oklch(var(--colors-raw-neutral-fg-light-v-oklch));
  --color-accent: oklch(var(--colors-raw-rocketred-350-v-oklch));
  --color-accent-content: oklch(var(--colors-raw-rocketred-050-v-oklch));
  --color-neutral: oklch(var(--colors-raw-neutral-bg-dark-v-oklch));
  --color-neutral-content: oklch(var(--colors-raw-neutral-fg-dark-v-oklch));
  --color-base-100: oklch(var(--colors-raw-base-bg1-dark-v-oklch));
  --color-base-200: oklch(var(--colors-raw-base-bg2-dark-v-oklch));
  --color-base-300: oklch(var(--colors-raw-base-bg3-dark-v-oklch));
  --color-base-content: oklch(var(--colors-raw-neutral-fg-dark-v-oklch));
  --color-info: oklch(var(--colors-raw-babyblue-500-v-oklch));
  --color-info-content: oklch(var(--colors-raw-babyblue-100-v-oklch));
  --color-success: oklch(var(--colors-raw-groovygreen-600-v-oklch));
  --color-success-content: oklch(var(--colors-raw-groovygreen-100-v-oklch));
  --color-warning: oklch(var(--colors-raw-yellowjacket-400-v-oklch));
  --color-warning-content: oklch(var(--colors-raw-yellowjacket-100-v-oklch));
  --color-error: oklch(var(--colors-raw-rocketred-500-v-oklch));
  --color-error-content: oklch(var(--colors-raw-rocketred-950-v-oklch));
}

@media (min-width: 120rem) {
  .marketos-home-page .adastra-content-outer--banner {
    gap: calc(var(--sa-spacing) * 24) !important;
  }
}

.marketos-home-page .adastra-content-outer--banner p {
  font-size: var(--sa-text-base);
  line-height: var(--tw-leading, var(--sa-text-base--line-height));
  --tw-leading: calc(var(--sa-spacing) * 6);
  line-height: calc(var(--sa-spacing) * 6);
  --tw-tracking: var(--sa-tracking-wider);
  letter-spacing: var(--sa-tracking-wider);
}

@media (min-width: 96rem) {
  .marketos-home-page .adastra-content-outer--banner p {
    font-size: var(--sa-text-lg);
    line-height: var(--tw-leading, var(--sa-text-lg--line-height));
    --tw-leading: calc(var(--sa-spacing) * 8);
    line-height: calc(var(--sa-spacing) * 8);
  }
}

.marketos-home-page .adastra-content-outer--banner p span {
  z-index: 0;
  cursor: pointer;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--sa-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--sa-default-transition-duration));
  --tw-duration: .5s;
  transition-duration: .5s;
  transition-delay: 75ms;
  position: relative;
}

.marketos-home-page .adastra-content-outer--banner p span:after {
  content: var(--tw-content);
  content: var(--tw-content);
  inset-inline: calc(var(--sa-spacing) * 0);
  content: var(--tw-content);
  bottom: calc(var(--sa-spacing) * 0);
  content: var(--tw-content);
  content: var(--tw-content);
  content: var(--tw-content);
  background-color: var(--color-primary);
  width: 100%;
  height: 1px;
  position: absolute;
}

.marketos-home-page .adastra-content-outer--banner p span.active {
  padding-inline: calc(var(--sa-spacing) * 1);
  padding-block: calc(var(--sa-spacing) * 1);
}

.marketos-home-page .adastra-content-outer--banner p span.active:after {
  content: var(--tw-content);
  z-index: calc(10 * -1);
  content: var(--tw-content);
  content: var(--tw-content);
  height: 100%;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--sa-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--sa-default-transition-duration));
  content: var(--tw-content);
  content: var(--tw-content);
  --tw-duration: .5s;
  transition-duration: .5s;
  transition-delay: 75ms;
}

.marketos-home-page .adastra-content-outer--banner .adastra-particle-renderer {
  inset: calc(var(--sa-spacing) * 0);
  height: calc(100vh - 5.5rem);
  margin: auto;
  position: absolute;
}

@media (min-width: 64rem) {
  .marketos-home-page .adastra-content-outer--banner .adastra-particle-renderer {
    --tw-scale-x: 50%;
    --tw-scale-y: 50%;
    --tw-scale-z: 50%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    display: block;
  }
}

@media (min-width: 96rem) {
  .marketos-home-page .adastra-content-outer--banner .adastra-particle-renderer {
    --tw-scale-x: 70%;
    --tw-scale-y: 70%;
    --tw-scale-z: 70%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
}

@media (min-width: 120rem) {
  .marketos-home-page .adastra-content-outer--banner .adastra-particle-renderer {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
}

@container not (min-width: 32rem) {
  .marketos-home-page .adastra-content-outer--banner .adastra-particle-renderer {
    display: none;
  }
}

.marketos-home-page .marketos-banner {
  align-items: center;
  display: grid;
}

@media (min-width: 64rem) {
  .marketos-home-page .marketos-banner {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@container not (min-width: 32rem) {
  .marketos-home-page .marketos-banner {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.marketos-home-page .marketos-banner .marketos-content {
  grid-column: span 2 / span 2;
}

:where(.marketos-home-page .marketos-banner .marketos-content > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--sa-spacing) * 4) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--sa-spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
}

.marketos-home-page .marketos-banner figure {
  grid-column: span 1 / span 1;
  position: relative;
}

@media (min-width: 40rem) {
  .marketos-home-page .marketos-banner .marketos-text-flip-animation {
    height: calc(var(--sa-spacing) * 16);
    overflow: hidden;
  }

  @media (min-width: 120rem) {
    .marketos-home-page .marketos-banner .marketos-text-flip-animation {
      height: calc(var(--sa-spacing) * 20);
    }
  }
}

.marketos-home-page .marketos-banner .marketos-text-flip-animation > .marketos-item {
  color: var(--color-primary);
}

@media (min-width: 40rem) {
  .marketos-home-page .marketos-banner .marketos-text-flip-animation > .marketos-item {
    margin-bottom: calc(var(--sa-spacing) * 11);
    height: calc(var(--sa-spacing) * 11);
  }
}

@media (min-width: 80rem) {
  .marketos-home-page .marketos-banner .marketos-text-flip-animation > .marketos-item {
    animation: 20s infinite text-animation;
  }
}

@media not all and (min-width: 40rem) {
  .marketos-home-page .marketos-banner .marketos-text-flip-animation > .marketos-item:not(:first-child) {
    display: none;
  }
}

.marketos-partners {
  background-color: var(--color-base-300);
  position: relative;
}

@supports (color: color-mix(in lab, red, red)) {
  .marketos-partners {
    background-color: color-mix(in oklab, var(--color-base-300) 5%, transparent);
  }
}

.marketos-partners {
  padding-block: calc(var(--sa-spacing) * 10);
}

@keyframes text-animation {
  0%, 10% {
    transform: translateY(0);
  }

  20%, 30% {
    transform: translateY(-5.62rem);
  }

  40%, 50% {
    transform: translateY(-11.24rem);
  }

  60%, 70% {
    transform: translateY(-16.86rem);
  }

  80%, 90% {
    transform: translateY(-22.48rem);
  }

  100% {
    transform: translateY(0);
  }
}

.marketos-contact-page > adastra-content-outer:first-child {
  justify-content: center;
}

@media not all and (min-width: 48rem) {
  .marketos-contact-page > adastra-content-outer:first-child {
    min-height: calc(var(--sa-spacing) * 110);
  }
}

@media (min-width: 48rem) {
  .marketos-contact-page > adastra-content-outer:first-child {
    min-height: calc(var(--sa-spacing) * 150);
  }
}

.marketos-contact-page .marketos-contact-info {
  margin-inline: auto;
  margin-top: calc(var(--sa-spacing) * 16);
  max-width: var(--sa-container-5xl);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--sa-color-black);
}

@supports (color: color-mix(in lab, red, red)) {
  .marketos-contact-page .marketos-contact-info {
    border-color: color-mix(in oklab, var(--sa-color-black) 10%, transparent);
  }
}

.marketos-contact-page .marketos-contact-info h3 {
  margin-bottom: calc(var(--sa-spacing) * 7);
}

.marketos-contact-page .marketos-contact-info input, .marketos-contact-page .marketos-contact-info textarea {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--sa-color-black);
}

@supports (color: color-mix(in lab, red, red)) {
  .marketos-contact-page .marketos-contact-info input, .marketos-contact-page .marketos-contact-info textarea {
    border-color: color-mix(in oklab, var(--sa-color-black) 10%, transparent);
  }
}

.marketos-contact-page .marketos-contact-info input, .marketos-contact-page .marketos-contact-info textarea {
  background-color: var(--sa-color-raw-neutral-bg-light);
}

.marketos-contact-page .marketos-contact-info .marketos-content {
  justify-content: space-between;
  gap: calc(var(--sa-spacing) * 8);
  padding-block: calc(var(--sa-spacing) * 8);
  flex-direction: column;
  display: flex;
}

@media (min-width: 80rem) {
  .marketos-contact-page .marketos-contact-info .marketos-content {
    padding-inline: calc(var(--sa-spacing) * 6);
    padding-block: calc(var(--sa-spacing) * 16);
  }
}

.marketos-contact-page .marketos-contact-info > figure {
  gap: calc(var(--sa-spacing) * 8);
  padding-block: calc(var(--sa-spacing) * 8);
  flex-direction: column;
  grid-column: span 1 / span 1;
  display: flex;
}

@media (min-width: 80rem) {
  .marketos-contact-page .marketos-contact-info > figure {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
    border-color: var(--sa-color-black);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .marketos-contact-page .marketos-contact-info > figure {
      border-color: color-mix(in oklab, var(--sa-color-black) 10%, transparent);
    }
  }

  .marketos-contact-page .marketos-contact-info > figure {
    padding-block: calc(var(--sa-spacing) * 16);
    padding-inline-start: calc(var(--sa-spacing) * 3);
    padding-right: calc(var(--sa-spacing) * 6);
  }
}

.marketos-contact-page .marketos-contact-info > figure figcaption {
  gap: calc(var(--sa-spacing) * 2);
  flex-direction: column;
  display: flex;
}

.marketos-contact-page .marketos-clients {
  border-block-style: var(--tw-border-style);
  border-block-width: 1px;
  border-color: var(--sa-color-black);
}

@supports (color: color-mix(in lab, red, red)) {
  .marketos-contact-page .marketos-clients {
    border-color: color-mix(in oklab, var(--sa-color-black) 10%, transparent);
  }
}

.marketos-contact-page .marketos-area-we-serve {
  background-image: linear-gradient(to bottom, white 60%, var(--color-base-100) 60%);
  padding-top: calc(var(--sa-spacing) * 16);
}

@media not all and (min-width: 48rem) {
  .marketos-contact-page .marketos-area-we-serve .marketos-content-wrapper {
    flex-direction: column;
  }
}

@media (min-width: 80rem) {
  .marketos-contact-page .marketos-area-we-serve .marketos-content-wrapper {
    align-items: center;
    flex-direction: row !important;
  }
}

.marketos-contact-page .marketos-area-we-serve .marketos-content-wrapper .marketos-content-row {
  z-index: 10;
  margin-right: calc(var(--sa-spacing) * -40);
  margin-bottom: calc(var(--sa-spacing) * 0);
  width: 100%;
  height: -moz-max-content;
  height: max-content;
}

:where(.marketos-contact-page .marketos-area-we-serve .marketos-content-wrapper .marketos-content-row > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--sa-spacing) * 4) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--sa-spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
}

.marketos-contact-page .marketos-area-we-serve .marketos-content-wrapper .marketos-content-row {
  border-radius: var(--sa-radius-xl);
  background-color: var(--sa-color-white);
  padding: calc(var(--sa-spacing) * 7);
  --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

@media (min-width: 80rem) {
  .marketos-contact-page .marketos-area-we-serve .marketos-content-wrapper .marketos-content-row {
    max-width: calc(var(--sa-spacing) * 120);
  }
}

.marketos-contact-page .marketos-area-we-serve .marketos-content-wrapper .marketos-content-row {
  gap: calc(var(--sa-spacing) * 5);
  display: grid;
}

@media not all and (min-width: 48rem) {
  .marketos-contact-page .marketos-area-we-serve .marketos-content-wrapper .marketos-content-row {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

@media (min-width: 48rem) {
  .marketos-contact-page .marketos-area-we-serve .marketos-content-wrapper .marketos-content-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 80rem) {
  .marketos-contact-page .marketos-area-we-serve .marketos-content-wrapper .marketos-content-row {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.marketos-contact-page .marketos-area-we-serve .marketos-content-wrapper .marketos-content-row {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--sa-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--sa-default-transition-duration));
  --tw-duration: .3s;
  transition-duration: .3s;
}

@media (hover: hover) {
  .marketos-contact-page .marketos-area-we-serve .marketos-content-wrapper .marketos-content-row:hover {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}

:where(.marketos-contact-page .marketos-area-we-serve .marketos-content-wrapper .marketos-content-row .marketos-content > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--sa-spacing) * 4) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--sa-spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
}

.marketos-contact-page .marketos-area-we-serve .marketos-content-wrapper .marketos-content-row .marketos-content h2 {
  margin-bottom: calc(var(--sa-spacing) * 0);
  font-size: var(--sa-text-2xl);
  line-height: var(--tw-leading, var(--sa-text-2xl--line-height));
  --tw-font-weight: var(--sa-font-weight-bold);
  font-weight: var(--sa-font-weight-bold);
  color: var(--color-primary);
}

.marketos-contact-page .marketos-area-we-serve .marketos-content-wrapper .marketos-content-row .marketos-content h3 {
  align-items: center;
  gap: calc(var(--sa-spacing) * 2);
  font-size: var(--sa-text-base);
  line-height: var(--tw-leading, var(--sa-text-base--line-height));
  --tw-font-weight: var(--sa-font-weight-semibold);
  font-weight: var(--sa-font-weight-semibold);
  display: flex;
}

.marketos-contact-page .marketos-area-we-serve .marketos-content-wrapper .marketos-content-row .marketos-content h3 svg {
  width: calc(var(--sa-spacing) * 4);
  height: calc(var(--sa-spacing) * 4);
}

.marketos-contact-page .marketos-area-we-serve .marketos-content-wrapper .marketos-content-row .marketos-content em, .marketos-contact-page .marketos-area-we-serve .marketos-content-wrapper .marketos-content-row .marketos-content p {
  font-size: var(--sa-text-sm);
  line-height: var(--tw-leading, var(--sa-text-sm--line-height));
  --tw-leading: var(--sa-leading-relaxed);
  line-height: var(--sa-leading-relaxed);
}

.marketos-contact-page .marketos-area-we-serve .marketos-content-wrapper .marketos-content-row .marketos-content ul {
  gap: calc(var(--sa-spacing) * 2);
}

.marketos-contact-page .marketos-area-we-serve .marketos-content-wrapper .marketos-content-row .marketos-content ul li {
  font-size: var(--sa-text-sm);
  line-height: var(--tw-leading, var(--sa-text-sm--line-height));
  --tw-leading: var(--sa-leading-relaxed);
  line-height: var(--sa-leading-relaxed);
}

.marketos-contact-page .marketos-area-we-serve .marketos-content-wrapper .marketos-map {
  border-radius: var(--sa-radius-xl);
  --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  overflow: hidden;
}

@media not all and (min-width: 48rem) {
  .marketos-contact-page .marketos-area-we-serve .marketos-content-wrapper .marketos-map {
    margin-top: calc(var(--sa-spacing) * 8);
    margin-bottom: calc(var(--sa-spacing) * 4);
  }
}

.marketos-contact-page .marketos-area-we-serve .marketos-content-wrapper .marketos-map img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

@media (max-width: 768px) {
  .marketos-area-we-serve .marketos-content-wrapper .marketos-content-row {
    margin-right: calc(var(--sa-spacing) * 0);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}

.marketos-about-page > adastra-content-outer:first-child {
  justify-content: center;
}

@media not all and (min-width: 48rem) {
  .marketos-about-page > adastra-content-outer:first-child {
    min-height: calc(var(--sa-spacing) * 110);
  }
}

@media (min-width: 48rem) {
  .marketos-about-page > adastra-content-outer:first-child {
    min-height: calc(var(--sa-spacing) * 150);
  }
}

.marketos-about-page .marketos-about figure {
  position: relative;
}

@media not all and (min-width: 64rem) {
  .marketos-about-page .marketos-about figure {
    display: none;
  }
}

.marketos-about-page .marketos-our-mission {
  overflow-x: auto;
}

.marketos-about-page .marketos-our-mission .marketos-our-mission-list {
  min-width: calc(var(--sa-spacing) * 375);
  gap: calc(var(--sa-spacing) * 3.5);
  grid-template-columns: repeat(7, minmax(0, 1fr));
  display: grid;
}

.marketos-about-page .marketos-our-mission .marketos-our-mission-list figure {
  gap: calc(var(--sa-spacing) * 12);
  flex-direction: column;
  display: flex;
}

.marketos-about-page .marketos-our-mission .marketos-our-mission-list figure i {
  width: calc(var(--sa-spacing) * 49);
  height: calc(var(--sa-spacing) * 49);
  border-radius: var(--sa-radius-xl);
  background-color: var(--color-primary);
  place-items: center;
  width: 100%;
  font-style: normal;
  display: grid;
}

.marketos-about-page .marketos-our-mission .marketos-our-mission-list figure i > svg {
  height: calc(var(--sa-spacing) * 30);
  width: calc(var(--sa-spacing) * 22);
}

.marketos-about-page .marketos-our-mission .marketos-our-mission-list figure i p {
  --tw-leading: 1;
  --tw-font-weight: var(--sa-font-weight-medium);
  font-size: 10rem;
  line-height: 1;
  font-weight: var(--sa-font-weight-medium);
}

.marketos-about-page .marketos-our-mission .marketos-our-mission-list figure figcaption {
  min-height: calc(var(--sa-spacing) * 54);
  gap: calc(var(--sa-spacing) * 1);
  border-radius: var(--sa-radius-xl);
  background-color: var(--sa-color-white);
  padding-inline: calc(var(--sa-spacing) * 4.5);
  padding-top: calc(var(--sa-spacing) * 5.5);
  padding-bottom: calc(var(--sa-spacing) * 1);
  color: var(--sa-color-raw-neutral-fg-light);
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  flex-direction: column;
  flex: 1;
  display: flex;
  position: relative;
}

.marketos-about-page .marketos-our-mission .marketos-our-mission-list figure figcaption svg {
  inset-inline: calc(var(--sa-spacing) * 0);
  top: calc(var(--sa-spacing) * -13.5);
  height: calc(var(--sa-spacing) * 16);
  width: calc(var(--sa-spacing) * 4);
  margin: auto;
  position: absolute;
}

.marketos-about-page .marketos-our-mission .marketos-our-mission-list figure figcaption strong {
  font-size: var(--sa-text-2xl);
  line-height: var(--tw-leading, var(--sa-text-2xl--line-height));
  color: var(--color-primary);
}

.marketos-about-page .marketos-our-mission .marketos-our-mission-list figure figcaption p {
  font-size: var(--sa-text-sm);
  line-height: var(--tw-leading, var(--sa-text-sm--line-height));
}

.marketos-about-page .marketos-international-presence {
  gap: calc(var(--sa-spacing) * 4);
  padding-block: calc(var(--sa-spacing) * 5);
  grid-template-columns: repeat(5, minmax(0, 1fr));
  display: grid;
}

@media (min-width: 80rem) {
  .marketos-about-page .marketos-international-presence {
    padding-top: calc(var(--sa-spacing) * 64);
    padding-bottom: calc(var(--sa-spacing) * 10);
  }
}

.marketos-about-page .marketos-international-presence .marketos-content {
  grid-column: 1 / -1;
}

@media (min-width: 80rem) {
  .marketos-about-page .marketos-international-presence .marketos-content {
    grid-column: span 2 / span 2;
  }
}

.marketos-about-page .marketos-international-presence .marketos-content p {
  text-wrap: balance;
}

.marketos-about-page .marketos-international-presence .marketos-content .marketos-presence-listing {
  margin-top: calc(var(--sa-spacing) * 10);
}

.marketos-about-page .marketos-international-presence > figure {
  grid-column: 1 / -1;
}

@media (min-width: 80rem) {
  .marketos-about-page .marketos-international-presence > figure {
    grid-column: span 3 / span 3;
  }

  .marketos-about-page .marketos-international-presence > figure figcaption {
    margin: calc(var(--sa-spacing) * -72);
  }
}

.marketos-about-page .marketos-international-presence > figure figcaption svg {
  height: calc(var(--sa-spacing) * 200);
  width: 100%;
}

@media (min-width: 80rem) {
  .marketos-about-page .marketos-international-presence > figure figcaption svg {
    width: var(--sa-container-7xl);
  }
}

.marketos-about-page .marketos-hero-split .marketos-shape {
  opacity: 1;
}

.marketos-case-studies-page > adastra-content-outer:first-of-type {
  justify-content: center;
}

@media not all and (min-width: 48rem) {
  .marketos-case-studies-page > adastra-content-outer:first-of-type {
    min-height: calc(var(--sa-spacing) * 110);
  }
}

@media (min-width: 48rem) {
  .marketos-case-studies-page > adastra-content-outer:first-of-type {
    min-height: calc(var(--sa-spacing) * 150);
  }
}

.marketos-case-studies-page .marketos-item {
  min-height: calc(var(--sa-spacing) * 75);
  background-color: var(--color-base-100);
  grid-template-columns: repeat(6, minmax(0, 1fr));
  display: grid;
  overflow: hidden;
}

@supports (color: color-mix(in lab, red, red)) {
  .marketos-case-studies-page .marketos-item {
    background-color: color-mix(in oklab, var(--color-base-100) 5%, transparent);
  }
}

.marketos-case-studies-page .marketos-item {
  --tw-backdrop-blur: blur(var(--sa-blur-md));
  backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
}

.marketos-case-studies-page .marketos-item:hover {
  --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.marketos-case-studies-page .marketos-item:hover h2 {
  color: var(--color-primary);
}

.marketos-case-studies-page .marketos-item:hover img {
  right: calc(var(--sa-spacing) * 0);
}

.marketos-case-studies-page .marketos-item .marketos-content {
  gap: calc(var(--sa-spacing) * 2);
  padding-inline: calc(var(--sa-spacing) * 6);
  padding-block: calc(var(--sa-spacing) * 6);
  flex-direction: column;
  grid-column: 1 / -1;
  display: flex;
  position: relative;
}

@media (min-width: 80rem) {
  .marketos-case-studies-page .marketos-item .marketos-content {
    grid-column: span 4 / span 4;
  }
}

.marketos-case-studies-page .marketos-item .marketos-content h2 {
  font-size: var(--sa-text-xl);
  line-height: var(--tw-leading, var(--sa-text-xl--line-height));
}

.marketos-case-studies-page .marketos-item .marketos-content figure {
  bottom: calc(var(--sa-spacing) * 4);
  opacity: .25;
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
}

@media (min-width: 80rem) {
  .marketos-case-studies-page .marketos-item .marketos-content figure {
    position: absolute;
  }
}

.marketos-case-studies-page .marketos-item .marketos-content > ul:not(ul.tags) {
  gap: calc(var(--sa-spacing) * 0);
  font-size: var(--sa-text-sm);
  line-height: var(--tw-leading, var(--sa-text-sm--line-height));
}

.marketos-case-studies-page .marketos-item .marketos-content .marketos-tags {
  margin-top: calc(var(--sa-spacing) * 4);
  align-items: center;
  display: flex;
  gap: calc(var(--sa-spacing) * 2) !important;
}

@layer daisyui.l1.l2.l3 {
  .marketos-case-studies-page .marketos-item .marketos-content .marketos-tags li {
    border-radius: var(--radius-selector);
    vertical-align: middle;
    color: var(--dui-badge-fg);
    border: var(--border) solid var(--dui-badge-color, var(--color-base-200));
    background-size: auto, calc(var(--noise) * 100%);
    background-image: none, var(--dui-fx-noise);
    background-color: var(--dui-badge-bg);
    --dui-badge-bg: var(--dui-badge-color, var(--color-base-100));
    --dui-badge-fg: var(--color-base-content);
    --dui-size: calc(var(--size-selector, .25rem) * 6);
    width: -moz-fit-content;
    width: fit-content;
    height: var(--dui-size);
    padding-inline: calc(var(--dui-size) / 2 - var(--border));
    justify-content: center;
    align-items: center;
    gap: .5rem;
    font-size: .875rem;
    display: inline-flex;
  }

  footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget .sa\:dui-dropdown-content {
    --dui-menu-active-fg: var(--color-neutral-content);
    --dui-menu-active-bg: var(--color-neutral);
    flex-flow: column wrap;
    width: -moz-fit-content;
    width: fit-content;
    padding: .5rem;
    font-size: .875rem;
    display: flex;
  }

  footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget .sa\:dui-dropdown-content :where(li ul) {
    white-space: nowrap;
    margin-inline-start: 1rem;
    padding-inline-start: .5rem;
    position: relative;
  }

  footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget .sa\:dui-dropdown-content :where(li ul):before {
    background-color: var(--color-base-content);
    opacity: .1;
    width: var(--border);
    content: "";
    inset-inline-start: 0;
    position: absolute;
    top: .75rem;
    bottom: .75rem;
  }

  footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget .sa\:dui-dropdown-content :where(li > .sa\:dui-menu-dropdown:not(.sa\:dui-menu-dropdown-show)) {
    display: none;
  }

  footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget .sa\:dui-dropdown-content :where(li:not(.sa\:dui-menu-title) > :not(ul, details, .sa\:dui-menu-title, .sa\:dui-btn)), footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget .sa\:dui-dropdown-content :where(li:not(.sa\:dui-menu-title) > details > summary:not(.sa\:dui-menu-title)) {
    border-radius: var(--radius-field);
    text-align: start;
    text-wrap: balance;
    -webkit-user-select: none;
    -moz-user-select: none;
         user-select: none;
    grid-auto-columns: minmax(auto, max-content) auto max-content;
    grid-auto-flow: column;
    align-content: flex-start;
    align-items: center;
    gap: .5rem;
    padding-block: .375rem;
    padding-inline: .75rem;
    transition-property: color, background-color, box-shadow;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(0, 0, .2, 1);
    display: grid;
  }

  footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget .sa\:dui-dropdown-content :where(li > details > summary) {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget .sa\:dui-dropdown-content :where(li > details > summary) {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget .sa\:dui-dropdown-content :where(li > details > summary)::-webkit-details-marker {
    display: none;
  }

  :is(footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget .sa\:dui-dropdown-content :where(li > details > summary), footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget .sa\:dui-dropdown-content :where(li > .sa\:dui-menu-dropdown-toggle)):after {
    content: "";
    transform-origin: 50%;
    pointer-events: none;
    justify-self: flex-end;
    width: .375rem;
    height: .375rem;
    transition-property: rotate, translate;
    transition-duration: .2s;
    display: block;
    translate: 0 -1px;
    rotate: -135deg;
    box-shadow: inset 2px 2px;
  }

  footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget .sa\:dui-dropdown-content details {
    interpolate-size: allow-keywords;
    overflow: hidden;
  }

  footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget .sa\:dui-dropdown-content details::details-content {
    block-size: 0;
  }

  @media (prefers-reduced-motion: no-preference) {
    footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget .sa\:dui-dropdown-content details::details-content {
      transition-behavior: allow-discrete;
      transition-property: block-size, content-visibility;
      transition-duration: .2s;
      transition-timing-function: cubic-bezier(0, 0, .2, 1);
    }
  }

  footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget .sa\:dui-dropdown-content details[open]::details-content {
    block-size: auto;
  }

  footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget .sa\:dui-dropdown-content :where(li > details[open] > summary):after, footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget .sa\:dui-dropdown-content :where(li > .sa\:dui-menu-dropdown-toggle.sa\:dui-menu-dropdown-show):after {
    translate: 0 1px;
    rotate: 45deg;
  }

  footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget .sa\:dui-dropdown-content :where(li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > :not(ul, details, .sa\:dui-menu-title), li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > details > summary:not(.sa\:dui-menu-title)):not(.sa\:dui-menu-active, :active, .sa\:dui-btn).sa\:dui-menu-focus, footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget .sa\:dui-dropdown-content :where(li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > :not(ul, details, .sa\:dui-menu-title), li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > details > summary:not(.sa\:dui-menu-title)):not(.sa\:dui-menu-active, :active, .sa\:dui-btn):focus-visible {
    cursor: pointer;
    background-color: var(--color-base-content);
  }

  @supports (color: color-mix(in lab, red, red)) {
    footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget .sa\:dui-dropdown-content :where(li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > :not(ul, details, .sa\:dui-menu-title), li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > details > summary:not(.sa\:dui-menu-title)):not(.sa\:dui-menu-active, :active, .sa\:dui-btn).sa\:dui-menu-focus, footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget .sa\:dui-dropdown-content :where(li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > :not(ul, details, .sa\:dui-menu-title), li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > details > summary:not(.sa\:dui-menu-title)):not(.sa\:dui-menu-active, :active, .sa\:dui-btn):focus-visible {
      background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
    }
  }

  footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget .sa\:dui-dropdown-content :where(li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > :not(ul, details, .sa\:dui-menu-title), li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > details > summary:not(.sa\:dui-menu-title)):not(.sa\:dui-menu-active, :active, .sa\:dui-btn).sa\:dui-menu-focus, footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget .sa\:dui-dropdown-content :where(li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > :not(ul, details, .sa\:dui-menu-title), li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > details > summary:not(.sa\:dui-menu-title)):not(.sa\:dui-menu-active, :active, .sa\:dui-btn):focus-visible {
    color: var(--color-base-content);
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget .sa\:dui-dropdown-content :where(li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > :not(ul, details, .sa\:dui-menu-title), li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > details > summary:not(.sa\:dui-menu-title)):not(.sa\:dui-menu-active, :active, .sa\:dui-btn).sa\:dui-menu-focus, footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget .sa\:dui-dropdown-content :where(li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > :not(ul, details, .sa\:dui-menu-title), li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > details > summary:not(.sa\:dui-menu-title)):not(.sa\:dui-menu-active, :active, .sa\:dui-btn):focus-visible {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget .sa\:dui-dropdown-content :where(li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > :not(ul, details, .sa\:dui-menu-title):not(.sa\:dui-menu-active, :active, .sa\:dui-btn):hover, li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > details > summary:not(.sa\:dui-menu-title):not(.sa\:dui-menu-active, :active, .sa\:dui-btn):hover) {
    cursor: pointer;
    background-color: var(--color-base-content);
  }

  @supports (color: color-mix(in lab, red, red)) {
    footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget .sa\:dui-dropdown-content :where(li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > :not(ul, details, .sa\:dui-menu-title):not(.sa\:dui-menu-active, :active, .sa\:dui-btn):hover, li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > details > summary:not(.sa\:dui-menu-title):not(.sa\:dui-menu-active, :active, .sa\:dui-btn):hover) {
      background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
    }
  }

  footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget .sa\:dui-dropdown-content :where(li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > :not(ul, details, .sa\:dui-menu-title):not(.sa\:dui-menu-active, :active, .sa\:dui-btn):hover, li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > details > summary:not(.sa\:dui-menu-title):not(.sa\:dui-menu-active, :active, .sa\:dui-btn):hover) {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget .sa\:dui-dropdown-content :where(li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > :not(ul, details, .sa\:dui-menu-title):not(.sa\:dui-menu-active, :active, .sa\:dui-btn):hover, li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > details > summary:not(.sa\:dui-menu-title):not(.sa\:dui-menu-active, :active, .sa\:dui-btn):hover) {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget .sa\:dui-dropdown-content :where(li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > :not(ul, details, .sa\:dui-menu-title):not(.sa\:dui-menu-active, :active, .sa\:dui-btn):hover, li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > details > summary:not(.sa\:dui-menu-title):not(.sa\:dui-menu-active, :active, .sa\:dui-btn):hover) {
    box-shadow: inset 0 1px oklch(0% 0 0 / .01), inset 0 -1px oklch(100% 0 0 / .01);
  }

  footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget .sa\:dui-dropdown-content :where(li:empty) {
    background-color: var(--color-base-content);
    opacity: .1;
    height: 1px;
    margin: .5rem 1rem;
  }

  footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget .sa\:dui-dropdown-content :where(li) {
    flex-flow: column wrap;
    flex-shrink: 0;
    align-items: stretch;
    display: flex;
    position: relative;
  }

  footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget .sa\:dui-dropdown-content :where(li) .sa\:dui-badge {
    justify-self: flex-end;
  }

  footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget .sa\:dui-dropdown-content :where(li) > :not(ul, .sa\:dui-menu-title, details, .sa\:dui-btn):active, footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget .sa\:dui-dropdown-content :where(li) > :not(ul, .sa\:dui-menu-title, details, .sa\:dui-btn).sa\:dui-menu-active, footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget .sa\:dui-dropdown-content :where(li) > details > summary:active {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget .sa\:dui-dropdown-content :where(li) > :not(ul, .sa\:dui-menu-title, details, .sa\:dui-btn):active, footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget .sa\:dui-dropdown-content :where(li) > :not(ul, .sa\:dui-menu-title, details, .sa\:dui-btn).sa\:dui-menu-active, footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget .sa\:dui-dropdown-content :where(li) > details > summary:active {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget .sa\:dui-dropdown-content :where(li) > :not(ul, .sa\:dui-menu-title, details, .sa\:dui-btn):active, footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget .sa\:dui-dropdown-content :where(li) > :not(ul, .sa\:dui-menu-title, details, .sa\:dui-btn).sa\:dui-menu-active, footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget .sa\:dui-dropdown-content :where(li) > details > summary:active {
    color: var(--dui-menu-active-fg);
    background-color: var(--dui-menu-active-bg);
    background-size: auto, calc(var(--noise) * 100%);
    background-image: none, var(--dui-fx-noise);
  }

  :is(footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget .sa\:dui-dropdown-content :where(li) > :not(ul, .sa\:dui-menu-title, details, .sa\:dui-btn):active, footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget .sa\:dui-dropdown-content :where(li) > :not(ul, .sa\:dui-menu-title, details, .sa\:dui-btn).sa\:dui-menu-active, footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget .sa\:dui-dropdown-content :where(li) > details > summary:active):not(:is(footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget .sa\:dui-dropdown-content :where(li) > :not(ul, .sa\:dui-menu-title, details, .sa\:dui-btn):active, footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget .sa\:dui-dropdown-content :where(li) > :not(ul, .sa\:dui-menu-title, details, .sa\:dui-btn).sa\:dui-menu-active, footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget .sa\:dui-dropdown-content :where(li) > details > summary:active):active) {
    box-shadow: 0 2px calc(var(--depth) * 3px) -2px var(--dui-menu-active-bg);
  }

  footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget .sa\:dui-dropdown-content :where(li).sa\:dui-menu-disabled {
    pointer-events: none;
    color: var(--color-base-content);
  }

  @supports (color: color-mix(in lab, red, red)) {
    footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget .sa\:dui-dropdown-content :where(li).sa\:dui-menu-disabled {
      color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
    }
  }

  footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget .sa\:dui-dropdown-content .sa\:dui-dropdown:focus-within .sa\:dui-menu-dropdown-toggle:after {
    translate: 0 1px;
    rotate: 45deg;
  }

  footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget .sa\:dui-dropdown-content .sa\:dui-dropdown-content {
    margin-top: .5rem;
    padding: .5rem;
  }

  footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget .sa\:dui-dropdown-content .sa\:dui-dropdown-content:before {
    display: none;
  }

  footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget > ul li {
    position-area: var(--dui-anchor-v, bottom) var(--dui-anchor-h, span-right);
    display: inline-block;
    position: relative;
  }

  footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget > ul li > :not(:has( ~ [class*="dropdown-content"])):focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget > ul li > :not(:has( ~ [class*="dropdown-content"])):focus {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget > ul li .sa\:dui-dropdown-content {
    position: absolute;
  }

  footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget > ul li.sa\:dui-dropdown-close .sa\:dui-dropdown-content, footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget > ul li:not(details, .sa\:dui-dropdown-open, .sa\:dui-dropdown-hover:hover, :focus-within) .sa\:dui-dropdown-content, footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget > ul li.sa\:dui-dropdown-hover:not(:hover) [tabindex]:first-child:focus:not(:focus-visible) ~ .sa\:dui-dropdown-content {
    transform-origin: top;
    opacity: 0;
    display: none;
    scale: 95%;
  }

  footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget > ul li[popover], footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget > ul li .sa\:dui-dropdown-content {
    z-index: 999;
  }

  @media (prefers-reduced-motion: no-preference) {
    footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget > ul li[popover], footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget > ul li .sa\:dui-dropdown-content {
      transition-behavior: allow-discrete;
      transition-property: opacity, scale, display;
      transition-duration: .2s;
      transition-timing-function: cubic-bezier(.4, 0, .2, 1);
      animation: .2s dropdown;
    }
  }

  @starting-style {
    footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget > ul li[popover], footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget > ul li .sa\:dui-dropdown-content {
      opacity: 0;
      scale: 95%;
    }
  }

  :is(footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget > ul li:not(.sa\:dui-dropdown-close).sa\:dui-dropdown-open, footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget > ul li:not(.sa\:dui-dropdown-close):not(.sa\:dui-dropdown-hover):focus, footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget > ul li:not(.sa\:dui-dropdown-close):focus-within) > [tabindex]:first-child {
    pointer-events: none;
  }

  :is(footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget > ul li:not(.sa\:dui-dropdown-close).sa\:dui-dropdown-open, footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget > ul li:not(.sa\:dui-dropdown-close):not(.sa\:dui-dropdown-hover):focus, footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget > ul li:not(.sa\:dui-dropdown-close):focus-within) .sa\:dui-dropdown-content, footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget > ul li:not(.sa\:dui-dropdown-close).sa\:dui-dropdown-hover:hover .sa\:dui-dropdown-content {
    opacity: 1;
    scale: 100%;
  }

  footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget > ul li:is(details) summary::-webkit-details-marker {
    display: none;
  }

  footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget > ul li:where([popover]) {
    background: none;
  }

  footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget > ul li[popover] {
    color: inherit;
    position: fixed;
  }

  @supports not (position-area: bottom) {
    footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget > ul li[popover] {
      margin: auto;
    }

    footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget > ul li[popover].sa\:dui-dropdown-close {
      transform-origin: top;
      opacity: 0;
      display: none;
      scale: 95%;
    }

    footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget > ul li[popover].sa\:dui-dropdown-open:not(:popover-open) {
      transform-origin: top;
      opacity: 0;
      display: none;
      scale: 95%;
    }

    footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget > ul li[popover]::backdrop {
      background-color: oklab(0% none none / .3);
    }
  }

  :is(footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget > ul li[popover].sa\:dui-dropdown-close, footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget > ul li[popover]:not(.sa\:dui-dropdown-open, :popover-open)) {
    transform-origin: top;
    opacity: 0;
    display: none;
    scale: 95%;
  }

  :where(footer .marketos-widget .marketos-newsletter-widget button) {
    width: unset;
  }

  footer .marketos-widget .marketos-newsletter-widget button {
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    outline-offset: 2px;
    webkit-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
         user-select: none;
    padding-inline: var(--dui-btn-p);
    color: var(--dui-btn-fg);
    --tw-prose-links: var(--dui-btn-fg);
    height: var(--dui-size);
    font-size: var(--dui-fontsize, .875rem);
    outline-color: var(--dui-btn-color, var(--color-base-content));
    background-color: var(--dui-btn-bg);
    background-size: auto, calc(var(--noise) * 100%);
    background-image: none, var(--dui-btn-noise);
    border-width: var(--border);
    border-style: solid;
    border-color: var(--dui-btn-border);
    text-shadow: 0 .5px oklch(100% 0 0 / calc(var(--depth) * .15));
    touch-action: manipulation;
    box-shadow: 0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%)) inset, var(--dui-btn-shadow);
    --dui-size: calc(var(--size-field, .25rem) * 10);
    --dui-btn-bg: var(--dui-btn-color, var(--color-base-200));
    --dui-btn-fg: var(--color-base-content);
    --dui-btn-p: 1rem;
    --dui-btn-border: var(--dui-btn-bg);
    border-start-start-radius: var(--dui-join-ss, var(--radius-field));
    border-start-end-radius: var(--dui-join-se, var(--radius-field));
    border-end-end-radius: var(--dui-join-ee, var(--radius-field));
    border-end-start-radius: var(--dui-join-es, var(--radius-field));
    flex-wrap: nowrap;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    gap: .375rem;
    font-weight: 600;
    transition-property: color, background-color, border-color, box-shadow;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(0, 0, .2, 1);
    display: inline-flex;
  }

  @supports (color: color-mix(in lab, red, red)) {
    footer .marketos-widget .marketos-newsletter-widget button {
      --dui-btn-border: color-mix(in oklab, var(--dui-btn-bg), #000 calc(var(--depth) * 5%));
    }
  }

  footer .marketos-widget .marketos-newsletter-widget button {
    --dui-btn-shadow: 0 3px 2px -2px var(--dui-btn-bg), 0 4px 3px -2px var(--dui-btn-bg);
  }

  @supports (color: color-mix(in lab, red, red)) {
    footer .marketos-widget .marketos-newsletter-widget button {
      --dui-btn-shadow: 0 3px 2px -2px color-mix(in oklab, var(--dui-btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--dui-btn-bg) calc(var(--depth) * 30%), #0000);
    }
  }

  footer .marketos-widget .marketos-newsletter-widget button {
    --dui-btn-noise: var(--dui-fx-noise);
  }

  @media (hover: hover) {
    footer .marketos-widget .marketos-newsletter-widget button:hover {
      --dui-btn-bg: var(--dui-btn-color, var(--color-base-200));
    }

    @supports (color: color-mix(in lab, red, red)) {
      footer .marketos-widget .marketos-newsletter-widget button:hover {
        --dui-btn-bg: color-mix(in oklab, var(--dui-btn-color, var(--color-base-200)), #000 7%);
      }
    }
  }

  footer .marketos-widget .marketos-newsletter-widget button:focus-visible, footer .marketos-widget .marketos-newsletter-widget button:has(:focus-visible) {
    isolation: isolate;
    outline-width: 2px;
    outline-style: solid;
  }

  footer .marketos-widget .marketos-newsletter-widget button:active:not(.sa\:dui-btn-active) {
    --dui-btn-bg: var(--dui-btn-color, var(--color-base-200));
    translate: 0 .5px;
  }

  @supports (color: color-mix(in lab, red, red)) {
    footer .marketos-widget .marketos-newsletter-widget button:active:not(.sa\:dui-btn-active) {
      --dui-btn-bg: color-mix(in oklab, var(--dui-btn-color, var(--color-base-200)), #000 5%);
    }
  }

  footer .marketos-widget .marketos-newsletter-widget button:active:not(.sa\:dui-btn-active) {
    --dui-btn-border: var(--dui-btn-color, var(--color-base-200));
  }

  @supports (color: color-mix(in lab, red, red)) {
    footer .marketos-widget .marketos-newsletter-widget button:active:not(.sa\:dui-btn-active) {
      --dui-btn-border: color-mix(in oklab, var(--dui-btn-color, var(--color-base-200)), #000 7%);
    }
  }

  footer .marketos-widget .marketos-newsletter-widget button:active:not(.sa\:dui-btn-active) {
    --dui-btn-shadow: 0 0 0 0 oklch(0% 0 0 / 0), 0 0 0 0 oklch(0% 0 0 / 0);
  }

  footer .marketos-widget .marketos-newsletter-widget button:is(input[type="checkbox"], input[type="radio"]) {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }

  footer .marketos-widget .marketos-newsletter-widget button:is(input[type="checkbox"], input[type="radio"])[aria-label]:after {
    --tw-content: attr(aria-label);
    content: var(--tw-content);
  }

  footer .marketos-widget .marketos-newsletter-widget button:where(input:checked:not(.sa\:dui-filter .sa\:dui-btn)) {
    --dui-btn-color: var(--color-primary);
    --dui-btn-fg: var(--color-primary-content);
    isolation: isolate;
  }

  footer .marketos-widget .marketos-newsletter-widget button {
    --dui-btn-color: var(--color-primary);
    --dui-btn-fg: var(--color-primary-content);
  }

  input, textarea {
    cursor: text;
    border: var(--border) solid #0000;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background-color: var(--color-base-100);
    vertical-align: middle;
    white-space: nowrap;
    width: clamp(3rem, 20rem, 100%);
    height: var(--dui-size);
    font-size: max(var(--dui-font-size, .875rem), .875rem);
    touch-action: manipulation;
    border-color: var(--dui-input-color);
    box-shadow: 0 1px var(--dui-input-color) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;
    border-start-start-radius: var(--dui-join-ss, var(--radius-field));
    border-start-end-radius: var(--dui-join-se, var(--radius-field));
    border-end-end-radius: var(--dui-join-ee, var(--radius-field));
    border-end-start-radius: var(--dui-join-es, var(--radius-field));
    flex-shrink: 1;
    align-items: center;
    gap: .5rem;
    padding-inline: .75rem;
    display: inline-flex;
    position: relative;
  }

  @supports (color: color-mix(in lab, red, red)) {
    input, textarea {
      box-shadow: 0 1px color-mix(in oklab, var(--dui-input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;
    }
  }

  input, textarea {
    --dui-size: calc(var(--size-field, .25rem) * 10);
    --dui-input-color: var(--color-base-content);
  }

  @supports (color: color-mix(in lab, red, red)) {
    input, textarea {
      --dui-input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000);
    }
  }

  :is(input, textarea):where(input) {
    display: inline-flex;
  }

  :is(input, textarea) :where(input) {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background-color: #0000;
    border: none;
    width: 100%;
    height: 100%;
    display: inline-flex;
  }

  :is(input, textarea) :where(input):focus, :is(input, textarea) :where(input):focus-within {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    :is(input, textarea) :where(input):focus, :is(input, textarea) :where(input):focus-within {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  :is(input, textarea) :where(input[type="url"]), :is(input, textarea) :where(input[type="email"]) {
    direction: ltr;
  }

  :is(input, textarea) :where(input[type="date"]) {
    display: inline-flex;
  }

  :is(input, textarea):focus, :is(input, textarea):focus-within {
    --dui-input-color: var(--color-base-content);
    box-shadow: 0 1px var(--dui-input-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(input, textarea):focus, :is(input, textarea):focus-within {
      box-shadow: 0 1px color-mix(in oklab, var(--dui-input-color) calc(var(--depth) * 10%), #0000);
    }
  }

  :is(input, textarea):focus, :is(input, textarea):focus-within {
    outline: 2px solid var(--dui-input-color);
    outline-offset: 2px;
    isolation: isolate;
  }

  @media (pointer: coarse) {
    @supports (-webkit-touch-callout: none) {
      :is(input, textarea):focus, :is(input, textarea):focus-within {
        --dui-font-size: 1rem;
      }
    }
  }

  :is(input, textarea):has( > input[disabled]), :is(input, textarea):is(:disabled, [disabled]), fieldset:disabled :is(input, textarea) {
    cursor: not-allowed;
    border-color: var(--color-base-200);
    background-color: var(--color-base-200);
    color: var(--color-base-content);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(input, textarea):has( > input[disabled]), :is(input, textarea):is(:disabled, [disabled]), fieldset:disabled :is(input, textarea) {
      color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
    }
  }

  :is(:is(input, textarea):has( > input[disabled]), :is(input, textarea):is(:disabled, [disabled]), fieldset:disabled :is(input, textarea))::-moz-placeholder {
    color: var(--color-base-content);
  }

  :is(:is(input, textarea):has( > input[disabled]), :is(input, textarea):is(:disabled, [disabled]), fieldset:disabled :is(input, textarea))::placeholder {
    color: var(--color-base-content);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:is(input, textarea):has( > input[disabled]), :is(input, textarea):is(:disabled, [disabled]), fieldset:disabled :is(input, textarea))::-moz-placeholder {
      color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
    }
    :is(:is(input, textarea):has( > input[disabled]), :is(input, textarea):is(:disabled, [disabled]), fieldset:disabled :is(input, textarea))::placeholder {
      color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
    }
  }

  :is(input, textarea):has( > input[disabled]), :is(input, textarea):is(:disabled, [disabled]), fieldset:disabled :is(input, textarea) {
    box-shadow: none;
  }

  :is(input, textarea):has( > input[disabled]) > input[disabled] {
    cursor: not-allowed;
  }

  :is(input, textarea)::-webkit-date-and-time-value {
    text-align: inherit;
  }

  :is(input, textarea)[type="number"]::-webkit-inner-spin-button {
    margin-block: -.75rem;
    margin-inline-end: -.75rem;
  }

  :is(input, textarea)::-webkit-calendar-picker-indicator {
    position: absolute;
    inset-inline-end: .75em;
  }

  :is(input, textarea):has( > input[type="date"]) :where(input[type="date"]) {
    webkit-appearance: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    display: inline-flex;
  }

  :is(input, textarea):has( > input[type="date"]) input[type="date"]::-webkit-calendar-picker-indicator {
    cursor: pointer;
    width: 1em;
    height: 1em;
    position: absolute;
    inset-inline-end: .75em;
  }

  input[type="checkbox"] {
    border: var(--border) solid var(--dui-input-color, var(--color-base-content));
  }

  @supports (color: color-mix(in lab, red, red)) {
    input[type="checkbox"] {
      border: var(--border) solid var(--dui-input-color, color-mix(in oklab, var(--color-base-content) 20%, #0000));
    }
  }

  input[type="checkbox"] {
    cursor: pointer;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border-radius: var(--radius-selector);
    vertical-align: middle;
    color: var(--color-base-content);
    box-shadow: 0 1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 0 #0000 inset, 0 0 #0000;
    --dui-size: calc(var(--size-selector, .25rem) * 6);
    width: var(--dui-size);
    height: var(--dui-size);
    background-size: auto, calc(var(--noise) * 100%);
    background-image: none, var(--dui-fx-noise);
    flex-shrink: 0;
    padding: .25rem;
    transition: background-color .2s, box-shadow .2s;
    display: inline-block;
    position: relative;
  }

  input[type="checkbox"]:before {
    --tw-content: "";
    content: var(--tw-content);
    opacity: 0;
    clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 70% 80%, 70% 100%);
    width: 100%;
    height: 100%;
    box-shadow: 0px 3px 0 0px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;
    background-color: currentColor;
    font-size: 1rem;
    line-height: .75;
    transition: clip-path .3s .1s, opacity .1s .1s, rotate .3s .1s, translate .3s .1s;
    display: block;
    rotate: 45deg;
  }

  input[type="checkbox"]:focus-visible {
    outline: 2px solid var(--dui-input-color, currentColor);
    outline-offset: 2px;
  }

  input[type="checkbox"]:checked, input[type="checkbox"][aria-checked="true"] {
    background-color: var(--dui-input-color, #0000);
    box-shadow: 0 0 #0000 inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px oklch(0% 0 0 / calc(var(--depth) * .1));
  }

  :is(input[type="checkbox"]:checked, input[type="checkbox"][aria-checked="true"]):before {
    clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 0%, 70% 0%, 70% 100%);
    opacity: 1;
  }

  @media (forced-colors: active) {
    :is(input[type="checkbox"]:checked, input[type="checkbox"][aria-checked="true"]):before {
      --tw-content: "✔︎";
      clip-path: none;
      background-color: #0000;
      rotate: none;
    }
  }

  @media print {
    :is(input[type="checkbox"]:checked, input[type="checkbox"][aria-checked="true"]):before {
      --tw-content: "✔︎";
      clip-path: none;
      background-color: #0000;
      rotate: none;
    }
  }

  input[type="checkbox"]:indeterminate {
    background-color: var(--input-color, var(--color-base-content));
  }

  @supports (color: color-mix(in lab, red, red)) {
    input[type="checkbox"]:indeterminate {
      background-color: var(--input-color, color-mix(in oklab, var(--color-base-content) 20%, #0000));
    }
  }

  input[type="checkbox"]:indeterminate:before {
    opacity: 1;
    clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 80% 80%, 80% 100%);
    translate: 0 -35%;
    rotate: none;
  }

  .marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container .marketos-item {
    --dui-tt-bg: var(--color-neutral);
    --dui-tt-off: calc(100% + .5rem);
    --dui-tt-tail: calc(100% + 1px + .25rem);
    display: inline-block;
    position: relative;
  }

  .marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container .marketos-item > .sa\:dui-tooltip-content, .marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container .marketos-item[data-tip]:before {
    border-radius: var(--radius-field);
    text-align: center;
    white-space: normal;
    max-width: 20rem;
    color: var(--color-neutral-content);
    opacity: 0;
    background-color: var(--dui-tt-bg);
    pointer-events: none;
    z-index: 2;
    --tw-content: attr(data-tip);
    content: var(--tw-content);
    width: -moz-max-content;
    width: max-content;
    padding-block: .25rem;
    padding-inline: .5rem;
    font-size: .875rem;
    line-height: 1.25;
    position: absolute;
  }

  .marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container .marketos-item:after {
    opacity: 0;
    background-color: var(--dui-tt-bg);
    content: "";
    pointer-events: none;
    --dui-mask-tooltip: url("data:image/svg+xml,%3Csvg width='10' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.500009 1C3.5 1 3.00001 4 5.00001 4C7 4 6.5 1 9.5 1C10 1 10 0.499897 10 0H0C-1.99338e-08 0.5 0 1 0.500009 1Z' fill='black'/%3E%3C/svg%3E%0A");
    width: .625rem;
    height: .25rem;
    -webkit-mask-position: -1px 0;
    mask-position: -1px 0;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: var(--dui-mask-tooltip);
    -webkit-mask-image: var(--dui-mask-tooltip);
    mask-image: var(--dui-mask-tooltip);
    display: block;
    position: absolute;
  }

  @media (prefers-reduced-motion: no-preference) {
    .marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container .marketos-item > .sa\:dui-tooltip-content, .marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container .marketos-item[data-tip]:before, .marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container .marketos-item:after {
      transition: opacity .2s cubic-bezier(.4, 0, .2, 1) 75ms, transform .2s cubic-bezier(.4, 0, .2, 1) 75ms;
    }
  }

  :is(.marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container .marketos-item:is([data-tip]:not([data-tip=""]), :has(.sa\:dui-tooltip-content:not(:empty))).sa\:dui-tooltip-open, .marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container .marketos-item:is([data-tip]:not([data-tip=""]), :has(.sa\:dui-tooltip-content:not(:empty))):hover, .marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container .marketos-item:is([data-tip]:not([data-tip=""]), :has(.sa\:dui-tooltip-content:not(:empty))):has(:focus-visible)) > .sa\:dui-tooltip-content, :is(.marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container .marketos-item:is([data-tip]:not([data-tip=""]), :has(.sa\:dui-tooltip-content:not(:empty))).sa\:dui-tooltip-open, .marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container .marketos-item:is([data-tip]:not([data-tip=""]), :has(.sa\:dui-tooltip-content:not(:empty))):hover, .marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container .marketos-item:is([data-tip]:not([data-tip=""]), :has(.sa\:dui-tooltip-content:not(:empty))):has(:focus-visible))[data-tip]:before, :is(.marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container .marketos-item:is([data-tip]:not([data-tip=""]), :has(.sa\:dui-tooltip-content:not(:empty))).sa\:dui-tooltip-open, .marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container .marketos-item:is([data-tip]:not([data-tip=""]), :has(.sa\:dui-tooltip-content:not(:empty))):hover, .marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container .marketos-item:is([data-tip]:not([data-tip=""]), :has(.sa\:dui-tooltip-content:not(:empty))):has(:focus-visible)):after {
    opacity: 1;
    --dui-tt-pos: 0rem;
  }

  @media (prefers-reduced-motion: no-preference) {
    :is(.marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container .marketos-item:is([data-tip]:not([data-tip=""]), :has(.sa\:dui-tooltip-content:not(:empty))).sa\:dui-tooltip-open, .marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container .marketos-item:is([data-tip]:not([data-tip=""]), :has(.sa\:dui-tooltip-content:not(:empty))):hover, .marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container .marketos-item:is([data-tip]:not([data-tip=""]), :has(.sa\:dui-tooltip-content:not(:empty))):has(:focus-visible)) > .sa\:dui-tooltip-content, :is(.marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container .marketos-item:is([data-tip]:not([data-tip=""]), :has(.sa\:dui-tooltip-content:not(:empty))).sa\:dui-tooltip-open, .marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container .marketos-item:is([data-tip]:not([data-tip=""]), :has(.sa\:dui-tooltip-content:not(:empty))):hover, .marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container .marketos-item:is([data-tip]:not([data-tip=""]), :has(.sa\:dui-tooltip-content:not(:empty))):has(:focus-visible))[data-tip]:before, :is(.marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container .marketos-item:is([data-tip]:not([data-tip=""]), :has(.sa\:dui-tooltip-content:not(:empty))).sa\:dui-tooltip-open, .marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container .marketos-item:is([data-tip]:not([data-tip=""]), :has(.sa\:dui-tooltip-content:not(:empty))):hover, .marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container .marketos-item:is([data-tip]:not([data-tip=""]), :has(.sa\:dui-tooltip-content:not(:empty))):has(:focus-visible)):after {
      transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1);
    }
  }

  .marketos-filter-sidebar-container input {
    border: var(--border) solid var(--dui-input-color, var(--color-base-content));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .marketos-filter-sidebar-container input {
      border: var(--border) solid var(--dui-input-color, color-mix(in oklab, var(--color-base-content) 20%, #0000));
    }
  }

  .marketos-filter-sidebar-container input {
    cursor: pointer;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border-radius: var(--radius-selector);
    vertical-align: middle;
    color: var(--color-base-content);
    box-shadow: 0 1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 0 #0000 inset, 0 0 #0000;
    --dui-size: calc(var(--size-selector, .25rem) * 6);
    width: var(--dui-size);
    height: var(--dui-size);
    background-size: auto, calc(var(--noise) * 100%);
    background-image: none, var(--dui-fx-noise);
    flex-shrink: 0;
    padding: .25rem;
    transition: background-color .2s, box-shadow .2s;
    display: inline-block;
    position: relative;
  }

  .marketos-filter-sidebar-container input:before {
    --tw-content: "";
    content: var(--tw-content);
    opacity: 0;
    clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 70% 80%, 70% 100%);
    width: 100%;
    height: 100%;
    box-shadow: 0px 3px 0 0px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;
    background-color: currentColor;
    font-size: 1rem;
    line-height: .75;
    transition: clip-path .3s .1s, opacity .1s .1s, rotate .3s .1s, translate .3s .1s;
    display: block;
    rotate: 45deg;
  }

  .marketos-filter-sidebar-container input:focus-visible {
    outline: 2px solid var(--dui-input-color, currentColor);
    outline-offset: 2px;
  }

  .marketos-filter-sidebar-container input:checked, .marketos-filter-sidebar-container input[aria-checked="true"] {
    background-color: var(--dui-input-color, #0000);
    box-shadow: 0 0 #0000 inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px oklch(0% 0 0 / calc(var(--depth) * .1));
  }

  :is(.marketos-filter-sidebar-container input:checked, .marketos-filter-sidebar-container input[aria-checked="true"]):before {
    clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 0%, 70% 0%, 70% 100%);
    opacity: 1;
  }

  @media (forced-colors: active) {
    :is(.marketos-filter-sidebar-container input:checked, .marketos-filter-sidebar-container input[aria-checked="true"]):before {
      --tw-content: "✔︎";
      clip-path: none;
      background-color: #0000;
      rotate: none;
    }
  }

  @media print {
    :is(.marketos-filter-sidebar-container input:checked, .marketos-filter-sidebar-container input[aria-checked="true"]):before {
      --tw-content: "✔︎";
      clip-path: none;
      background-color: #0000;
      rotate: none;
    }
  }

  .marketos-filter-sidebar-container input:indeterminate {
    background-color: var(--input-color, var(--color-base-content));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .marketos-filter-sidebar-container input:indeterminate {
      background-color: var(--input-color, color-mix(in oklab, var(--color-base-content) 20%, #0000));
    }
  }

  .marketos-filter-sidebar-container input:indeterminate:before {
    opacity: 1;
    clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 80% 80%, 80% 100%);
    translate: 0 -35%;
    rotate: none;
  }

  .marketos-badge-list li {
    border-radius: var(--radius-selector);
    vertical-align: middle;
    color: var(--dui-badge-fg);
    border: var(--border) solid var(--dui-badge-color, var(--color-base-200));
    background-size: auto, calc(var(--noise) * 100%);
    background-image: none, var(--dui-fx-noise);
    background-color: var(--dui-badge-bg);
    --dui-badge-bg: var(--dui-badge-color, var(--color-base-100));
    --dui-badge-fg: var(--color-base-content);
    --dui-size: calc(var(--size-selector, .25rem) * 6);
    width: -moz-fit-content;
    width: fit-content;
    height: var(--dui-size);
    padding-inline: calc(var(--dui-size) / 2 - var(--border));
    justify-content: center;
    align-items: center;
    gap: .5rem;
    font-size: .875rem;
    display: inline-flex;
  }

  :where(.marketos-detail-content .p-tabs .p-tab button) {
    width: unset;
  }

  .marketos-detail-content .p-tabs .p-tab button {
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    outline-offset: 2px;
    webkit-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
         user-select: none;
    padding-inline: var(--dui-btn-p);
    color: var(--dui-btn-fg);
    --tw-prose-links: var(--dui-btn-fg);
    height: var(--dui-size);
    font-size: var(--dui-fontsize, .875rem);
    outline-color: var(--dui-btn-color, var(--color-base-content));
    background-color: var(--dui-btn-bg);
    background-size: auto, calc(var(--noise) * 100%);
    background-image: none, var(--dui-btn-noise);
    border-width: var(--border);
    border-style: solid;
    border-color: var(--dui-btn-border);
    text-shadow: 0 .5px oklch(100% 0 0 / calc(var(--depth) * .15));
    touch-action: manipulation;
    box-shadow: 0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%)) inset, var(--dui-btn-shadow);
    --dui-size: calc(var(--size-field, .25rem) * 10);
    --dui-btn-bg: var(--dui-btn-color, var(--color-base-200));
    --dui-btn-fg: var(--color-base-content);
    --dui-btn-p: 1rem;
    --dui-btn-border: var(--dui-btn-bg);
    border-start-start-radius: var(--dui-join-ss, var(--radius-field));
    border-start-end-radius: var(--dui-join-se, var(--radius-field));
    border-end-end-radius: var(--dui-join-ee, var(--radius-field));
    border-end-start-radius: var(--dui-join-es, var(--radius-field));
    flex-wrap: nowrap;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    gap: .375rem;
    font-weight: 600;
    transition-property: color, background-color, border-color, box-shadow;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(0, 0, .2, 1);
    display: inline-flex;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .marketos-detail-content .p-tabs .p-tab button {
      --dui-btn-border: color-mix(in oklab, var(--dui-btn-bg), #000 calc(var(--depth) * 5%));
    }
  }

  .marketos-detail-content .p-tabs .p-tab button {
    --dui-btn-shadow: 0 3px 2px -2px var(--dui-btn-bg), 0 4px 3px -2px var(--dui-btn-bg);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .marketos-detail-content .p-tabs .p-tab button {
      --dui-btn-shadow: 0 3px 2px -2px color-mix(in oklab, var(--dui-btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--dui-btn-bg) calc(var(--depth) * 30%), #0000);
    }
  }

  .marketos-detail-content .p-tabs .p-tab button {
    --dui-btn-noise: var(--dui-fx-noise);
  }

  @media (hover: hover) {
    .marketos-detail-content .p-tabs .p-tab button:hover {
      --dui-btn-bg: var(--dui-btn-color, var(--color-base-200));
    }

    @supports (color: color-mix(in lab, red, red)) {
      .marketos-detail-content .p-tabs .p-tab button:hover {
        --dui-btn-bg: color-mix(in oklab, var(--dui-btn-color, var(--color-base-200)), #000 7%);
      }
    }
  }

  .marketos-detail-content .p-tabs .p-tab button:focus-visible, .marketos-detail-content .p-tabs .p-tab button:has(:focus-visible) {
    isolation: isolate;
    outline-width: 2px;
    outline-style: solid;
  }

  .marketos-detail-content .p-tabs .p-tab button:active:not(.sa\:dui-btn-active) {
    --dui-btn-bg: var(--dui-btn-color, var(--color-base-200));
    translate: 0 .5px;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .marketos-detail-content .p-tabs .p-tab button:active:not(.sa\:dui-btn-active) {
      --dui-btn-bg: color-mix(in oklab, var(--dui-btn-color, var(--color-base-200)), #000 5%);
    }
  }

  .marketos-detail-content .p-tabs .p-tab button:active:not(.sa\:dui-btn-active) {
    --dui-btn-border: var(--dui-btn-color, var(--color-base-200));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .marketos-detail-content .p-tabs .p-tab button:active:not(.sa\:dui-btn-active) {
      --dui-btn-border: color-mix(in oklab, var(--dui-btn-color, var(--color-base-200)), #000 7%);
    }
  }

  .marketos-detail-content .p-tabs .p-tab button:active:not(.sa\:dui-btn-active) {
    --dui-btn-shadow: 0 0 0 0 oklch(0% 0 0 / 0), 0 0 0 0 oklch(0% 0 0 / 0);
  }

  .marketos-detail-content .p-tabs .p-tab button:is(input[type="checkbox"], input[type="radio"]) {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }

  .marketos-detail-content .p-tabs .p-tab button:is(input[type="checkbox"], input[type="radio"])[aria-label]:after {
    --tw-content: attr(aria-label);
    content: var(--tw-content);
  }

  .marketos-detail-content .p-tabs .p-tab button:where(input:checked:not(.sa\:dui-filter .sa\:dui-btn)) {
    --dui-btn-color: var(--color-primary);
    --dui-btn-fg: var(--color-primary-content);
    isolation: isolate;
  }

  .marketos-detail-content .p-tabs .p-tab button:hover {
    --dui-btn-color: var(--color-primary);
    --dui-btn-fg: var(--color-primary-content);
  }

  .marketos-detail-content .p-tabs .p-tab.p-tab-active button {
    --dui-btn-color: var(--color-primary) !important;
    --dui-btn-fg: var(--color-primary-content) !important;
  }
}

@layer daisyui.l1.l2 {
  .marketos-case-studies-page .marketos-item .marketos-content .marketos-tags li {
    color: var(--dui-badge-color);
    --dui-badge-bg: #0000;
    --dui-size: calc(var(--size-selector, .25rem) * 7);
    background-image: none;
    border-style: dashed;
    border-color: currentColor;
    font-size: 1rem;
  }

  .marketos-case-studies-page .marketos-item .marketos-content .marketos-tags li:first-child {
    --dui-badge-color: var(--color-primary);
    --dui-badge-fg: var(--color-primary-content);
  }

  footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget > ul li {
    --dui-anchor-v: bottom;
  }

  footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget > ul li .sa\:dui-dropdown-content {
    transform-origin: top;
    top: 100%;
    bottom: auto;
  }

  footer .marketos-widget .marketos-newsletter-widget button:disabled:not(.sa\:dui-btn-link, .sa\:dui-btn-ghost) {
    background-color: var(--color-base-content);
  }

  @supports (color: color-mix(in lab, red, red)) {
    footer .marketos-widget .marketos-newsletter-widget button:disabled:not(.sa\:dui-btn-link, .sa\:dui-btn-ghost) {
      background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
    }
  }

  footer .marketos-widget .marketos-newsletter-widget button:disabled:not(.sa\:dui-btn-link, .sa\:dui-btn-ghost) {
    box-shadow: none;
  }

  footer .marketos-widget .marketos-newsletter-widget button:disabled {
    pointer-events: none;
    --dui-btn-border: #0000;
    --dui-btn-noise: none;
    --dui-btn-fg: var(--color-base-content);
  }

  @supports (color: color-mix(in lab, red, red)) {
    footer .marketos-widget .marketos-newsletter-widget button:disabled {
      --dui-btn-fg: color-mix(in oklch, var(--color-base-content) 20%, #0000);
    }
  }

  footer .marketos-widget .marketos-newsletter-widget button[disabled]:not(.sa\:dui-btn-link, .sa\:dui-btn-ghost) {
    background-color: var(--color-base-content);
  }

  @supports (color: color-mix(in lab, red, red)) {
    footer .marketos-widget .marketos-newsletter-widget button[disabled]:not(.sa\:dui-btn-link, .sa\:dui-btn-ghost) {
      background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
    }
  }

  footer .marketos-widget .marketos-newsletter-widget button[disabled]:not(.sa\:dui-btn-link, .sa\:dui-btn-ghost) {
    box-shadow: none;
  }

  footer .marketos-widget .marketos-newsletter-widget button[disabled] {
    pointer-events: none;
    --dui-btn-border: #0000;
    --dui-btn-noise: none;
    --dui-btn-fg: var(--color-base-content);
  }

  @supports (color: color-mix(in lab, red, red)) {
    footer .marketos-widget .marketos-newsletter-widget button[disabled] {
      --dui-btn-fg: color-mix(in oklch, var(--color-base-content) 20%, #0000);
    }
  }

  footer .marketos-widget .marketos-newsletter-widget button {
    --dui-fontsize: .75rem;
    --dui-btn-p: .75rem;
    --dui-size: calc(var(--size-field, .25rem) * 8);
  }

  input[type="checkbox"]:disabled {
    cursor: not-allowed;
    opacity: .2;
  }

  input[type="checkbox"] {
    color: var(--color-primary-content);
    --dui-input-color: var(--color-primary);
  }

  .marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container .marketos-item > .sa\:dui-tooltip-content, .marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container .marketos-item[data-tip]:before {
    transform: translateX(calc(var(--dui-tt-pos, -.25rem)  + .25rem)) translateY(-50%);
    inset: 50% auto auto var(--dui-tt-off);
  }

  .marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container .marketos-item:after {
    transform: translateX(var(--dui-tt-pos, -.25rem)) translateY(-50%) rotate(90deg);
    inset: 50% auto auto calc(var(--dui-tt-tail)  + 1px);
  }

  .marketos-filter-sidebar-container input:disabled {
    cursor: not-allowed;
    opacity: .2;
  }

  .marketos-filter-sidebar-container input {
    --dui-size: calc(var(--size-selector, .25rem) * 5);
    color: var(--color-primary-content);
    --dui-input-color: var(--color-primary);
    padding: .1875rem;
  }

  .marketos-badge-list li {
    --dui-size: calc(var(--size-selector, .25rem) * 7);
    font-size: 1rem;
  }

  .marketos-detail-content .p-tabs .p-tab button:disabled:not(.sa\:dui-btn-link, .sa\:dui-btn-ghost) {
    background-color: var(--color-base-content);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .marketos-detail-content .p-tabs .p-tab button:disabled:not(.sa\:dui-btn-link, .sa\:dui-btn-ghost) {
      background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
    }
  }

  .marketos-detail-content .p-tabs .p-tab button:disabled:not(.sa\:dui-btn-link, .sa\:dui-btn-ghost) {
    box-shadow: none;
  }

  .marketos-detail-content .p-tabs .p-tab button:disabled {
    pointer-events: none;
    --dui-btn-border: #0000;
    --dui-btn-noise: none;
    --dui-btn-fg: var(--color-base-content);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .marketos-detail-content .p-tabs .p-tab button:disabled {
      --dui-btn-fg: color-mix(in oklch, var(--color-base-content) 20%, #0000);
    }
  }

  .marketos-detail-content .p-tabs .p-tab button[disabled]:not(.sa\:dui-btn-link, .sa\:dui-btn-ghost) {
    background-color: var(--color-base-content);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .marketos-detail-content .p-tabs .p-tab button[disabled]:not(.sa\:dui-btn-link, .sa\:dui-btn-ghost) {
      background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
    }
  }

  .marketos-detail-content .p-tabs .p-tab button[disabled]:not(.sa\:dui-btn-link, .sa\:dui-btn-ghost) {
    box-shadow: none;
  }

  .marketos-detail-content .p-tabs .p-tab button[disabled] {
    pointer-events: none;
    --dui-btn-border: #0000;
    --dui-btn-noise: none;
    --dui-btn-fg: var(--color-base-content);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .marketos-detail-content .p-tabs .p-tab button[disabled] {
      --dui-btn-fg: color-mix(in oklch, var(--color-base-content) 20%, #0000);
    }
  }

  .marketos-detail-content .p-tabs .p-tab button {
    --dui-btn-bg: var(--dui-btn-color, var(--color-base-200));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .marketos-detail-content .p-tabs .p-tab button {
      --dui-btn-bg: color-mix(in oklab, var(--dui-btn-color, var(--color-base-200)), #000 7%);
    }
  }

  .marketos-detail-content .p-tabs .p-tab button {
    --dui-btn-shadow: 0 0 0 0 oklch(0% 0 0 / 0), 0 0 0 0 oklch(0% 0 0 / 0);
    isolation: isolate;
    --dui-fontsize: .75rem;
    --dui-btn-p: .75rem;
    --dui-size: calc(var(--size-field, .25rem) * 8);
  }
}

.marketos-case-studies-page .marketos-item .marketos-content .marketos-tags li {
  padding-inline: calc(var(--sa-spacing) * 3.5);
  padding-block: calc(var(--sa-spacing) * 2);
  font-size: var(--sa-text-sm);
  line-height: var(--tw-leading, var(--sa-text-sm--line-height));
  text-transform: capitalize;
}

.marketos-case-studies-page .marketos-item .marketos-thumbnail {
  order: calc(1 * -1);
  grid-column: 1 / -1;
}

@media (min-width: 64rem) {
  .marketos-case-studies-page .marketos-item .marketos-thumbnail {
    height: calc(var(--sa-spacing) * 72);
  }
}

@media (min-width: 80rem) {
  .marketos-case-studies-page .marketos-item .marketos-thumbnail {
    order: 2;
    grid-column: span 2 / span 2;
    height: auto;
  }
}

.marketos-case-studies-page .marketos-item .marketos-thumbnail img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--sa-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--sa-default-transition-duration));
  position: relative;
}

@media (min-width: 80rem) {
  .marketos-case-studies-page .marketos-item .marketos-thumbnail img {
    right: calc(var(--sa-spacing) * -5);
  }
}

.marketos-case-studies-page .marketos-shape {
  opacity: 1 !important;
}

.marketos-prevail-case-study-page .marketos-intro-content {
  grid-column: 1 / -1;
}

@media (min-width: 80rem) {
  .marketos-prevail-case-study-page .marketos-intro-content {
    grid-column: span 4 / span 4;
  }
}

.marketos-prevail-case-study-page .marketos-intro-model {
  background-color: var(--color-base-100);
  grid-column: 1 / -1;
}

@supports (color: color-mix(in lab, red, red)) {
  .marketos-prevail-case-study-page .marketos-intro-model {
    background-color: color-mix(in oklab, var(--color-base-100) 5%, transparent);
  }
}

.marketos-prevail-case-study-page .marketos-intro-model {
  padding: calc(var(--sa-spacing) * 4);
}

@media (min-width: 80rem) {
  .marketos-prevail-case-study-page .marketos-intro-model {
    grid-column: span 2 / span 2;
  }
}

.marketos-prevail-case-study-page .marketos-content {
  gap: calc(var(--sa-spacing) * 4);
  flex-direction: column;
  grid-column: 1 / -1;
  display: flex;
}

.marketos-prevail-case-study-page aside {
  grid-column: 1 / -1;
}

@media (min-width: 80rem) {
  .marketos-prevail-case-study-page aside {
    grid-column: span 1 / span 1;
  }
}

.marketos-cwi-case-study-page .marketos-intro-content {
  grid-column: 1 / -1;
}

@media (min-width: 80rem) {
  .marketos-cwi-case-study-page .marketos-intro-content {
    grid-column: span 4 / span 4;
  }
}

.marketos-cwi-case-study-page .marketos-intro-model {
  background-color: var(--color-base-100);
  grid-column: 1 / -1;
}

@supports (color: color-mix(in lab, red, red)) {
  .marketos-cwi-case-study-page .marketos-intro-model {
    background-color: color-mix(in oklab, var(--color-base-100) 5%, transparent);
  }
}

.marketos-cwi-case-study-page .marketos-intro-model {
  padding: calc(var(--sa-spacing) * 4);
}

@media (min-width: 80rem) {
  .marketos-cwi-case-study-page .marketos-intro-model {
    grid-column: span 2 / span 2;
  }
}

.marketos-cwi-case-study-page .marketos-content {
  gap: calc(var(--sa-spacing) * 4);
  flex-direction: column;
  grid-column: 1 / -1;
  display: flex;
}

.marketos-cwi-case-study-page aside {
  grid-column: 1 / -1;
}

@media (min-width: 80rem) {
  .marketos-cwi-case-study-page aside {
    grid-column: span 1 / span 1;
  }
}

.marketos-nnr-case-study-page .marketos-detail-content .marketos-intro-content {
  grid-column: 1 / -1;
}

@media (min-width: 80rem) {
  .marketos-nnr-case-study-page .marketos-detail-content .marketos-intro-content {
    grid-column: span 4 / span 4;
  }
}

.marketos-nnr-case-study-page .marketos-detail-content .marketos-intro-model {
  background-color: var(--color-base-100);
  grid-column: 1 / -1;
}

@supports (color: color-mix(in lab, red, red)) {
  .marketos-nnr-case-study-page .marketos-detail-content .marketos-intro-model {
    background-color: color-mix(in oklab, var(--color-base-100) 5%, transparent);
  }
}

.marketos-nnr-case-study-page .marketos-detail-content .marketos-intro-model {
  padding: calc(var(--sa-spacing) * 4);
}

@media (min-width: 80rem) {
  .marketos-nnr-case-study-page .marketos-detail-content .marketos-intro-model {
    grid-column: span 2 / span 2;
  }
}

.marketos-nnr-case-study-page .marketos-detail-content .marketos-content {
  gap: calc(var(--sa-spacing) * 4);
  flex-direction: column;
  grid-column: 1 / -1;
  display: flex;
}

.marketos-nnr-case-study-page .marketos-detail-content .marketos-achievements-techstack {
  gap: calc(var(--sa-spacing) * 4);
  grid-template-columns: repeat(1, minmax(0, 1fr));
  display: grid;
}

@media (min-width: 48rem) {
  .marketos-nnr-case-study-page .marketos-detail-content .marketos-achievements-techstack {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

:where(.marketos-nnr-case-study-page .marketos-detail-content .marketos-achievements-techstack figure > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--sa-spacing) * 3.5) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--sa-spacing) * 3.5) * calc(1 - var(--tw-space-y-reverse)));
}

.marketos-nnr-case-study-page .marketos-detail-content .marketos-achievements-techstack figure:last-child ul {
  display: block !important;
}

:where(.marketos-nnr-case-study-page .marketos-detail-content .marketos-achievements-techstack figure:last-child ul > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--sa-spacing) * 4) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--sa-spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
}

@media (min-width: 64rem) {
  .marketos-nnr-case-study-page .marketos-detail-content .marketos-achievements-techstack figure:last-child ul {
    -moz-columns: 2;
         columns: 2;
  }
}

.marketos-glemser-case-study-page .marketos-detail-content .marketos-intro-content {
  grid-column: 1 / -1;
}

@media (min-width: 80rem) {
  .marketos-glemser-case-study-page .marketos-detail-content .marketos-intro-content {
    grid-column: span 4 / span 4;
  }
}

.marketos-glemser-case-study-page .marketos-detail-content .marketos-intro-model {
  background-color: var(--color-base-100);
  grid-column: 1 / -1;
}

@supports (color: color-mix(in lab, red, red)) {
  .marketos-glemser-case-study-page .marketos-detail-content .marketos-intro-model {
    background-color: color-mix(in oklab, var(--color-base-100) 5%, transparent);
  }
}

.marketos-glemser-case-study-page .marketos-detail-content .marketos-intro-model {
  padding: calc(var(--sa-spacing) * 4);
}

@media (min-width: 80rem) {
  .marketos-glemser-case-study-page .marketos-detail-content .marketos-intro-model {
    grid-column: span 2 / span 2;
  }
}

.marketos-glemser-case-study-page .marketos-detail-content .marketos-content {
  gap: calc(var(--sa-spacing) * 4);
  flex-direction: column;
  grid-column: 1 / -1;
  display: flex;
}

.marketos-iwtv-case-study-page .marketos-detail-content .marketos-intro-content {
  grid-column: 1 / -1;
}

@media (min-width: 80rem) {
  .marketos-iwtv-case-study-page .marketos-detail-content .marketos-intro-content {
    grid-column: span 4 / span 4;
  }
}

.marketos-iwtv-case-study-page .marketos-detail-content .marketos-intro-model {
  background-color: var(--color-base-100);
  grid-column: 1 / -1;
}

@supports (color: color-mix(in lab, red, red)) {
  .marketos-iwtv-case-study-page .marketos-detail-content .marketos-intro-model {
    background-color: color-mix(in oklab, var(--color-base-100) 5%, transparent);
  }
}

.marketos-iwtv-case-study-page .marketos-detail-content .marketos-intro-model {
  padding: calc(var(--sa-spacing) * 4);
}

@media (min-width: 80rem) {
  .marketos-iwtv-case-study-page .marketos-detail-content .marketos-intro-model {
    grid-column: span 2 / span 2;
  }
}

.marketos-iwtv-case-study-page .marketos-detail-content .marketos-value-delivered {
  gap: calc(var(--sa-spacing) * 4);
  grid-template-columns: repeat(6, minmax(0, 1fr));
  display: grid;
}

.marketos-iwtv-case-study-page .marketos-detail-content .marketos-value-delivered ul li:after {
  opacity: .2;
}

.marketos-iwtv-case-study-page .marketos-detail-content aside {
  grid-column: 1 / -1;
}

@media (min-width: 80rem) {
  .marketos-iwtv-case-study-page .marketos-detail-content aside {
    grid-column: span 1 / span 1;
  }
}

.marketos-iwtv-case-study-page .marketos-detail-content .marketos-content {
  gap: calc(var(--sa-spacing) * 4);
  flex-direction: column;
  grid-column: 1 / -1;
  display: flex;
}

@media (min-width: 80rem) {
  .marketos-iwtv-case-study-page .marketos-detail-content .marketos-content {
    grid-column: span 5 / span 5;
  }
}

.marketos-careers-page .marketos-ourmission {
  align-items: center;
  gap: calc(var(--sa-spacing) * 4);
  grid-template-columns: repeat(1, minmax(0, 1fr));
  display: grid;
}

@media (min-width: 80rem) {
  .marketos-careers-page .marketos-ourmission {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.marketos-careers-page .marketos-ourmission figure img {
  width: 100%;
}

.marketos-careers-page .marketos-vertical-tabs {
  margin-top: calc(var(--sa-spacing) * 8);
  grid-template-columns: repeat(4, minmax(0, 1fr));
  display: grid;
}

.marketos-careers-page .marketos-vertical-tabs .marketos-vertical-tab-list button img {
  height: calc(var(--sa-spacing) * 12);
  width: calc(var(--sa-spacing) * 10);
}

.marketos-careers-detail .adastra-content-inner--squeeze {
  gap: calc(var(--sa-spacing) * 10);
}

.marketos-work-culture {
  gap: calc(var(--sa-spacing) * 4);
  grid-template-columns: repeat(1, minmax(0, 1fr));
  display: grid;
}

@media (min-width: 40rem) {
  .marketos-work-culture {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 64rem) {
  .marketos-work-culture {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.marketos-work-culture .marketos-item {
  min-height: calc(var(--sa-spacing) * 32);
  gap: calc(var(--sa-spacing) * 2);
  background-color: var(--color-base-200);
  flex-direction: column;
  display: flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .marketos-work-culture .marketos-item {
    background-color: color-mix(in oklab, var(--color-base-200) 20%, transparent);
  }
}

.marketos-work-culture .marketos-item {
  padding-inline: calc(var(--sa-spacing) * 6);
  padding-block: calc(var(--sa-spacing) * 8);
  text-align: center;
  --tw-backdrop-blur: blur(var(--sa-blur-xs));
  backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
}

.marketos-work-culture .marketos-item span {
  -webkit-line-clamp: 3;
  text-wrap: balance;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.marketos-work-culture .marketos-item strong {
  font-size: var(--sa-text-2xl);
  line-height: var(--tw-leading, var(--sa-text-2xl--line-height));
}

.marketos-work-culture .marketos-item svg {
  width: calc(var(--sa-spacing) * 12);
  height: calc(var(--sa-spacing) * 12);
  margin: auto;
}

.marketos-job-application-form {
  gap: calc(var(--sa-spacing) * 8);
  background-color: var(--color-base-100);
  flex-direction: column;
  display: flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .marketos-job-application-form {
    background-color: color-mix(in oklab, var(--color-base-100) 5%, transparent);
  }
}

.marketos-job-application-form {
  padding: calc(var(--sa-spacing) * 4);
  --tw-backdrop-blur: blur(var(--sa-blur-xs));
  backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
}

@media (min-width: 80rem) {
  .marketos-job-application-form {
    padding: calc(var(--sa-spacing) * 8);
  }
}

.marketos-job-application-form h3 {
  font-size: var(--sa-text-2xl);
  line-height: var(--tw-leading, var(--sa-text-2xl--line-height));
}

.marketos-job-application-form form {
  gap: calc(var(--sa-spacing) * 4);
  flex-direction: column;
  display: flex;
}

.marketos-job-application-form form fieldset {
  gap: calc(var(--sa-spacing) * 4);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}

.marketos-job-application-form form fieldset label, .marketos-job-application-form form fieldset select, .marketos-job-application-form form fieldset input[type="file"] {
  grid-column: 1 / -1;
}

.marketos-job-application-form form fieldset input, .marketos-job-application-form form fieldset select {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-primary);
  background-color: #0000;
  width: 100%;
}

.marketos-job-application-form form fieldset button {
  width: -moz-max-content;
  width: max-content;
}

.marketos-website-and-seo-page .adastra-content-outer--edge {
  overflow: inherit;
}

.marketos-website-and-seo-page .marketos-seo-foundation .marketos-modal-section figure {
  gap: calc(var(--sa-spacing) * 5);
}

@media (min-width: 80rem) {
  .marketos-website-and-seo-page .marketos-seo-foundation .marketos-modal-section figure img {
    top: calc(var(--sa-spacing) * 34);
    margin-top: calc(var(--sa-spacing) * 10);
    width: 100%;
    height: -moz-max-content;
    height: max-content;
    position: sticky;
  }
}

@media not all and (min-width: 80rem) {
  .marketos-website-and-seo-page .marketos-seo-foundation .marketos-modal-section figure img {
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
}

.marketos-website-and-seo-page .marketos-technologies-power .marketos-modal-section > figure {
  gap: calc(var(--sa-spacing) * 4);
}

@media not all and (min-width: 64rem) {
  .marketos-website-and-seo-page .marketos-technologies-power .marketos-modal-section > figure > figcaption {
    padding: calc(var(--sa-spacing) * 0);
  }
}

.marketos-website-and-seo-page .marketos-technologies-power .marketos-technologies-power-tech-logo, .marketos-website-and-seo-page .marketos-technologies-power .marketos-technologies-power-seo-logo {
  gap: calc(var(--sa-spacing) * 5);
  flex-direction: column;
  display: flex;
}

:is(.marketos-website-and-seo-page .marketos-technologies-power .marketos-technologies-power-tech-logo, .marketos-website-and-seo-page .marketos-technologies-power .marketos-technologies-power-seo-logo) .marketos-technology {
  display: block;
}

@media not all and (min-width: 80rem) {
  :is(.marketos-website-and-seo-page .marketos-technologies-power .marketos-technologies-power-tech-logo, .marketos-website-and-seo-page .marketos-technologies-power .marketos-technologies-power-seo-logo) .marketos-technology {
    width: 100%;
  }
}

@media (min-width: 80rem) {
  :is(.marketos-website-and-seo-page .marketos-technologies-power .marketos-technologies-power-tech-logo, .marketos-website-and-seo-page .marketos-technologies-power .marketos-technologies-power-seo-logo) .marketos-technology {
    width: -moz-max-content;
    width: max-content;
  }
}

:is(.marketos-website-and-seo-page .marketos-technologies-power .marketos-technologies-power-tech-logo, .marketos-website-and-seo-page .marketos-technologies-power .marketos-technologies-power-seo-logo) .marketos-technology .marketos-clients {
  gap: calc(var(--sa-spacing) * 4);
}

:is(.marketos-website-and-seo-page .marketos-technologies-power .marketos-technologies-power-tech-logo, .marketos-website-and-seo-page .marketos-technologies-power .marketos-technologies-power-seo-logo) .marketos-technology .marketos-clients figure {
  height: calc(var(--sa-spacing) * 32.5);
}

@media not all and (min-width: 80rem) {
  :is(.marketos-website-and-seo-page .marketos-technologies-power .marketos-technologies-power-tech-logo, .marketos-website-and-seo-page .marketos-technologies-power .marketos-technologies-power-seo-logo) .marketos-technology .marketos-clients figure {
    width: 100%;
  }
}

@media not all and (min-width: 40rem) {
  :is(.marketos-website-and-seo-page .marketos-technologies-power .marketos-technologies-power-tech-logo, .marketos-website-and-seo-page .marketos-technologies-power .marketos-technologies-power-seo-logo) .marketos-technology .marketos-clients figure {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
}

@media (min-width: 80rem) {
  :is(.marketos-website-and-seo-page .marketos-technologies-power .marketos-technologies-power-tech-logo, .marketos-website-and-seo-page .marketos-technologies-power .marketos-technologies-power-seo-logo) .marketos-technology .marketos-clients figure {
    width: calc(var(--sa-spacing) * 50);
  }
}

:is(.marketos-website-and-seo-page .marketos-technologies-power .marketos-technologies-power-tech-logo, .marketos-website-and-seo-page .marketos-technologies-power .marketos-technologies-power-seo-logo) .marketos-technology .marketos-clients figure img {
  object-fit: contain;
}

@media (min-width: 64rem) {
  .marketos-website-and-seo-page .marketos-technologies-power .marketos-technologies-power-tech-logo {
    padding-inline: calc(var(--sa-spacing) * 8);
  }
}

@media not all and (min-width: 48rem) {
  .marketos-website-and-seo-page .marketos-technologies-power .marketos-technologies-power-seo-logo .marketos-technology .marketos-clients {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media not all and (min-width: 64rem) {
  @media (min-width: 48rem) {
    .marketos-website-and-seo-page .marketos-technologies-power .marketos-technologies-power-seo-logo .marketos-technology .marketos-clients {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
}

@media not all and (min-width: 80rem) {
  @media (min-width: 64rem) {
    .marketos-website-and-seo-page .marketos-technologies-power .marketos-technologies-power-seo-logo .marketos-technology .marketos-clients {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
}

@media (min-width: 80rem) {
  .marketos-website-and-seo-page .marketos-technologies-power .marketos-technologies-power-seo-logo .marketos-technology .marketos-clients {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.marektos-custom-software-development-page > adastra-content-outer:first-of-type {
  z-index: 10;
  overflow: inherit;
}

@media (min-width: 64rem) {
  .marektos-custom-software-development-page > adastra-content-outer:first-of-type {
    padding-top: calc(var(--sa-spacing) * 20);
  }
}

.marektos-custom-software-development-page > adastra-content-outer:first-of-type .marketos-hero-split {
  row-gap: calc(var(--sa-spacing) * 12);
}

.marektos-custom-software-development-page > adastra-content-outer:first-of-type .marketos-hero-split .marketos-shape {
  z-index: 0;
  opacity: .3;
}

.marektos-custom-software-development-page > adastra-content-outer:first-of-type .marketos-hero-split .marketos-modal-img {
  z-index: 10;
}

.marektos-custom-software-development-page > adastra-content-outer:first-of-type .marketos-hero-split .marketos-content {
  width: 100%;
  max-width: var(--sa-container-4xl);
  margin: auto;
}

@media (min-width: 64rem) {
  .marektos-custom-software-development-page > adastra-content-outer:first-of-type .marketos-hero-split .marketos-content p {
    padding-inline: calc(var(--sa-spacing) * 24);
  }

  .marektos-custom-software-development-page > adastra-content-outer:first-of-type .marketos-hero-split .marketos-modal-img {
    margin-bottom: calc(var(--sa-spacing) * -90);
  }
}

.marektos-custom-software-development-page > adastra-content-outer:first-of-type .marketos-hero-split .marketos-modal-img img {
  width: 100%;
}

.marektos-custom-software-development-page .adastra-content-outer--edge {
  overflow: inherit;
}

.marektos-custom-software-development-page .marketos-partners {
  background-color: #0000;
}

@media (min-width: 64rem) {
  .marektos-custom-software-development-page .marketos-partners {
    padding-top: calc(var(--sa-spacing) * 90);
  }
}

.marektos-custom-software-development-page .marketos-column .marketos-modal-section figure {
  gap: calc(var(--sa-spacing) * 5);
}

@media (min-width: 80rem) {
  .marektos-custom-software-development-page .marketos-column .marketos-modal-section figure img {
    top: calc(var(--sa-spacing) * 34);
    margin-top: calc(var(--sa-spacing) * -10);
    width: 100%;
    height: -moz-max-content;
    height: max-content;
    position: sticky;
  }
}

@media not all and (min-width: 80rem) {
  .marektos-custom-software-development-page .marketos-column .marketos-modal-section figure img {
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
}

@media not all and (min-width: 48rem) {
  .marektos-custom-software-development-page .marketos-column .marketos-modal-section figure figcaption, .marektos-custom-software-development-page .marketos-engagement-models figure figcaption {
    padding: calc(var(--sa-spacing) * 0);
  }
}

.marektos-custom-software-development-page .marketos-development-life-cycle {
  overflow-x: auto;
}

.marektos-custom-software-development-page .marketos-development-life-cycle .marketos-card-section {
  margin-inline: calc(var(--sa-spacing) * 8);
  min-height: calc(var(--sa-spacing) * 144);
  min-width: calc(var(--sa-spacing) * 360);
  background-color: #0000;
  gap: calc(var(--sa-spacing) * 0) !important;
  grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
}

.marektos-custom-software-development-page .marketos-development-life-cycle .marketos-card-section .marketos-card {
  min-height: auto;
  width: calc(var(--sa-spacing) * 50);
  justify-content: flex-end;
  gap: calc(var(--sa-spacing) * 20);
  padding: calc(var(--sa-spacing) * 0);
  flex-direction: column-reverse;
  display: flex;
  background-color: #0000 !important;
}

.marektos-custom-software-development-page .marketos-development-life-cycle .marketos-card-section .marketos-card figure {
  width: calc(var(--sa-spacing) * 35);
  height: calc(var(--sa-spacing) * 35);
  margin-bottom: calc(var(--sa-spacing) * 0) !important;
}

.marektos-custom-software-development-page .marketos-development-life-cycle .marketos-card-section .marketos-card figure:after {
  content: var(--tw-content);
  content: var(--tw-content);
  inset-inline: calc(var(--sa-spacing) * 0);
  content: var(--tw-content);
  top: calc(var(--sa-spacing) * 32);
  content: var(--tw-content);
  content: var(--tw-content);
  height: calc(var(--sa-spacing) * 37.5);
  content: var(--tw-content);
  content: var(--tw-content);
  content: var(--tw-content);
  content: var(--tw-content);
  background-image: url("/assets/vector-graphics/svgo-optimized/circle-arrow.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 100%;
  margin: auto;
  position: absolute;
}

.marektos-custom-software-development-page .marketos-development-life-cycle .marketos-card-section .marketos-card figure svg {
  width: calc(var(--sa-spacing) * 12.5);
  height: calc(var(--sa-spacing) * 12.5);
  color: var(--sa-color-white);
}

.marektos-custom-software-development-page .marketos-development-life-cycle .marketos-card-section .marketos-card:nth-child(2n) {
  flex-direction: column;
}

.marektos-custom-software-development-page .marketos-development-life-cycle .marketos-card-section .marketos-card:nth-child(2n) figure:after {
  content: var(--tw-content);
  bottom: calc(var(--sa-spacing) * 2.5);
  content: var(--tw-content);
  left: calc(var(--sa-spacing) * 1);
  content: var(--tw-content);
  width: calc(var(--sa-spacing) * 46);
  content: var(--tw-content);
  content: var(--tw-content);
  background-size: contain;
  rotate: 180deg;
}

.marektos-custom-software-development-page .marketos-development-life-cycle .marketos-card-section .marketos-card:hover {
  background-color: #0000 !important;
}

.marektos-custom-software-development-page .marketos-development-life-cycle .marketos-card-section .marketos-card-body {
  height: calc(var(--sa-spacing) * 30);
  padding: calc(var(--sa-spacing) * 0) !important;
}

.marektos-custom-software-development-page .marketos-development-life-cycle .marketos-card-section .marketos-card-body h3 {
  text-transform: capitalize;
}

.marektos-custom-software-development-page .marketos-development-life-cycle .marketos-card-section figure {
  margin-top: calc(var(--sa-spacing) * 0) !important;
  margin-bottom: calc(var(--sa-spacing) * 5) !important;
  border-color: #0000 !important;
}

.marketos-ui-ux-design-page > adastra-content-outer:first-of-type {
  z-index: 10;
  overflow: inherit;
}

@media (min-width: 64rem) {
  .marketos-ui-ux-design-page > adastra-content-outer:first-of-type {
    padding-top: calc(var(--sa-spacing) * 20);
  }
}

.marketos-ui-ux-design-page > adastra-content-outer:first-of-type .marketos-hero-split {
  row-gap: calc(var(--sa-spacing) * 12);
}

.marketos-ui-ux-design-page > adastra-content-outer:first-of-type .marketos-hero-split .marketos-content {
  width: 100%;
  max-width: var(--sa-container-4xl);
  margin: auto;
}

@media (min-width: 64rem) {
  .marketos-ui-ux-design-page > adastra-content-outer:first-of-type .marketos-hero-split .marketos-content {
    padding-inline: calc(var(--sa-spacing) * 24);
  }

  .marketos-ui-ux-design-page > adastra-content-outer:first-of-type .marketos-hero-split .marketos-modal-img {
    margin-bottom: calc(var(--sa-spacing) * -90);
  }
}

.marketos-ui-ux-design-page > adastra-content-outer:first-of-type .marketos-hero-split .marketos-modal-img img {
  width: 100%;
}

:is(.marketos-ui-ux-design-page .marketos-uiux-design-services, .marketos-ui-ux-design-page .marketos-uiux-overview) .marketos-hero-split .marketos-modal-img {
  margin: auto;
}

:is(.marketos-ui-ux-design-page .marketos-uiux-design-services, .marketos-ui-ux-design-page .marketos-uiux-overview) .marketos-hero-split .marketos-content {
  justify-content: flex-start;
  position: relative;
}

@media (min-width: 64rem) {
  :is(.marketos-ui-ux-design-page .marketos-uiux-design-services, .marketos-ui-ux-design-page .marketos-uiux-overview) .marketos-hero-split .marketos-content {
    top: calc(var(--sa-spacing) * 20);
  }
}

@media not all and (min-width: 64rem) {
  .marketos-ui-ux-design-page .marketos-uiux-overview {
    padding-top: calc(var(--sa-spacing) * 16);
  }
}

@media (min-width: 64rem) {
  .marketos-ui-ux-design-page .marketos-uiux-overview {
    padding-top: calc(var(--sa-spacing) * 112);
  }
}

.marketos-ui-ux-design-page .marketos-uiux-overview .marketos-hero-split {
  align-items: flex-start;
}

.marketos-ui-ux-design-page .marketos-uiux-design-services {
  padding-top: calc(var(--sa-spacing) * 16);
  padding-bottom: calc(var(--sa-spacing) * 8);
}

@media not all and (min-width: 80rem) {
  .marketos-ui-ux-design-page .marketos-uiux-design-services .marketos-hero-split .marketos-content {
    top: calc(var(--sa-spacing) * 0) !important;
  }
}

.marketos-ui-ux-design-page .marketos-modern-tooling .marketos-content {
  padding-block: calc(var(--sa-spacing) * 20);
}

.marketos-ui-ux-design-page .marketos-modern-tooling .marketos-content figure {
  flex-wrap: wrap;
  display: flex;
}

@media not all and (min-width: 48rem) {
  .marketos-ui-ux-design-page .marketos-modern-tooling .marketos-content figure {
    gap: calc(var(--sa-spacing) * 2);
  }
}

@media (min-width: 48rem) {
  .marketos-ui-ux-design-page .marketos-modern-tooling .marketos-content figure {
    gap: calc(var(--sa-spacing) * 5);
  }
}

.marketos-ui-ux-design-page .marketos-modern-tooling .marketos-content figure img {
  width: calc(var(--sa-spacing) * 30);
  height: calc(var(--sa-spacing) * 30);
  border-radius: var(--sa-radius-lg);
  border-style: var(--tw-border-style);
  --tw-border-style: dashed;
  border-style: dashed;
  border-width: 2px;
  border-color: var(--sa-color-white);
}

@supports (color: color-mix(in lab, red, red)) {
  .marketos-ui-ux-design-page .marketos-modern-tooling .marketos-content figure img {
    border-color: color-mix(in oklab, var(--sa-color-white) 10%, transparent);
  }
}

.marketos-ui-ux-design-page .marketos-modern-tooling .marketos-content figure img {
  padding: calc(var(--sa-spacing) * 2.5);
}

.marketos-ui-ux-design-page .marketos-modern-tooling .marketos-content figure svg {
  width: calc(var(--sa-spacing) * 5);
  height: calc(var(--sa-spacing) * 5);
}

.marketos-ui-ux-design-page .marketos-modern-tooling .marketos-content figure figcaption {
  margin-bottom: calc(var(--sa-spacing) * 10);
  gap: calc(var(--sa-spacing) * 2.5);
  flex-direction: column;
  width: 48%;
  display: flex;
}

@media not all and (min-width: 48rem) {
  .marketos-ui-ux-design-page .marketos-modern-tooling .marketos-content figure figcaption h3 {
    font-size: var(--sa-text-lg);
    line-height: var(--tw-leading, var(--sa-text-lg--line-height));
  }
}

@media (min-width: 48rem) {
  .marketos-ui-ux-design-page .marketos-modern-tooling .marketos-content figure figcaption h3 {
    font-size: var(--sa-text-xl);
    line-height: var(--tw-leading, var(--sa-text-xl--line-height));
  }
}

.marketos-ui-ux-design-page .marketos-modern-tooling .marketos-content figure figcaption p {
  font-size: var(--sa-text-sm);
  line-height: var(--tw-leading, var(--sa-text-sm--line-height));
}

.marketos-ui-ux-design-page .marketos-modern-tooling .marketos-content figure figcaption:nth-last-child(-n+2) {
  margin-bottom: calc(var(--sa-spacing) * 0);
}

@media not all and (min-width: 64rem) {
  .marketos-ui-ux-design-page .marketos-modern-tooling .marketos-hero-split .marketos-modal-img img {
    width: 100%;
  }
}

@media (min-width: 64rem) {
  .marketos-ui-ux-design-page .marketos-modern-tooling .marketos-hero-split .marketos-modal-img img {
    width: -moz-max-content;
    width: max-content;
    position: absolute;
  }
}

.marketos-ui-ux-design-page .marketos-uiux-process {
  overflow-x: auto;
}

.marketos-ui-ux-design-page .marketos-uiux-process .marketos-card-section {
  margin-inline: calc(var(--sa-spacing) * 8);
  min-width: calc(var(--sa-spacing) * 360);
  padding-block: calc(var(--sa-spacing) * 4);
  counter-reset: counter;
  background-color: #0000;
  gap: calc(var(--sa-spacing) * 4) !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

.marketos-ui-ux-design-page .marketos-uiux-process .marketos-card-section .marketos-card {
  justify-content: flex-end;
  gap: calc(var(--sa-spacing) * 20);
  min-height: auto;
  padding: calc(var(--sa-spacing) * 0);
  flex-direction: column-reverse;
  display: flex;
  background-color: #0000 !important;
}

:is(.marketos-ui-ux-design-page .marketos-uiux-process .marketos-card-section .marketos-card *) {
  color: var(--sa-color-black);
}

@media (hover: hover) {
  .marketos-ui-ux-design-page .marketos-uiux-process .marketos-card-section .marketos-card:hover {
    background-color: #0000 !important;
  }
}

.marketos-ui-ux-design-page .marketos-uiux-process .marketos-card-section .marketos-card .marketos-content {
  gap: calc(var(--sa-spacing) * 24) !important;
}

.marketos-ui-ux-design-page .marketos-uiux-process .marketos-card-section .marketos-card .marketos-content h3 {
  width: calc(var(--sa-spacing) * 43.5);
  height: calc(var(--sa-spacing) * 43.5);
  background-color: var(--color-primary);
  font-size: var(--sa-text-3xl);
  line-height: var(--tw-leading, var(--sa-text-3xl--line-height));
  color: var(--sa-color-white);
  --tw-drop-shadow-size: drop-shadow(0 9px 7px var(--tw-drop-shadow-color, #0000001a));
  --tw-drop-shadow: drop-shadow(var(--sa-drop-shadow-xl));
  filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  border-radius: 3.40282e38px;
  place-content: center;
  margin: auto;
}

.marketos-ui-ux-design-page .marketos-uiux-process .marketos-card-section .marketos-card .marketos-content h3:after {
  content: var(--tw-content);
  content: var(--tw-content);
  right: calc(var(--sa-spacing) * -24);
  content: var(--tw-content);
  bottom: calc(var(--sa-spacing) * -8);
  content: var(--tw-content);
  height: calc(var(--sa-spacing) * 19.25);
  content: var(--tw-content);
  width: calc(var(--sa-spacing) * 22);
  content: var(--tw-content);
  background-image: url("/assets/vector-graphics/svgo-optimized/arrow-round.svg");
  position: absolute;
}

.marketos-ui-ux-design-page .marketos-uiux-process .marketos-card-section .marketos-card .marketos-content h3:before {
  content: counter(counter);
  counter-increment: counter;
  text-align: center;
  font-size: var(--sa-text-3xl);
  line-height: var(--tw-leading, var(--sa-text-3xl--line-height));
  --tw-font-weight: var(--sa-font-weight-medium);
  font-weight: var(--sa-font-weight-medium);
  color: var(--sa-color-white);
  display: block;
}

.marketos-ui-ux-design-page .marketos-uiux-process .marketos-card-section .marketos-card .marketos-content p {
  font-size: var(--sa-text-xl);
  line-height: var(--tw-leading, var(--sa-text-xl--line-height));
}

.marketos-ui-ux-design-page .marketos-uiux-process .marketos-card-section .marketos-card:nth-child(2n) .marketos-content {
  flex-direction: column-reverse;
}

.marketos-ui-ux-design-page .marketos-uiux-process .marketos-card-section .marketos-card:nth-child(2n) .marketos-content h3:after {
  content: var(--tw-content);
  top: calc(var(--sa-spacing) * 0);
  content: var(--tw-content);
  right: calc(var(--sa-spacing) * -28);
  content: var(--tw-content);
  bottom: calc(var(--sa-spacing) * 0);
  content: var(--tw-content);
  --tw-scale-x: calc(100% * -1);
  scale: var(--tw-scale-x) var(--tw-scale-y);
  content: var(--tw-content);
  --tw-scale-y: 100%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
  content: var(--tw-content);
  rotate: 180deg;
}

.marketos-ui-ux-design-page .marketos-uiux-process .marketos-card-section .marketos-card:last-child h3:after {
  content: var(--tw-content);
  display: none;
}

.marketos-ui-ux-design-page .marketos-uiux-process .marketos-card-section .marketos-card-body {
  padding: calc(var(--sa-spacing) * 0) !important;
}

.marketos-ui-ux-design-page .marketos-uiux-process .marketos-card-section .marketos-card-body h3 {
  text-transform: capitalize;
}

.marketos-ui-ux-design-page .marketos-uiux-process .marketos-card-section figure {
  margin-top: calc(var(--sa-spacing) * 0) !important;
  margin-bottom: calc(var(--sa-spacing) * 5) !important;
  border-color: #0000 !important;
}

.marketos-qa-and-automated-testing-page .adastra-content-outer--edge {
  overflow: inherit;
}

:is(.marketos-qa-and-automated-testing-page .marketos-ensure-quality, .marketos-qa-and-automated-testing-page .marketos-qa-process) .marketos-modal-section figure {
  gap: calc(var(--sa-spacing) * 0);
}

@media (min-width: 80rem) {
  :is(.marketos-qa-and-automated-testing-page .marketos-ensure-quality, .marketos-qa-and-automated-testing-page .marketos-qa-process) .marketos-modal-section figure img {
    top: calc(var(--sa-spacing) * 34);
    margin-top: calc(var(--sa-spacing) * -10);
    width: 100%;
    height: -moz-max-content;
    height: max-content;
    position: sticky;
  }
}

@media not all and (min-width: 80rem) {
  :is(.marketos-qa-and-automated-testing-page .marketos-ensure-quality, .marketos-qa-and-automated-testing-page .marketos-qa-process) .marketos-modal-section figure img {
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
}

@media not all and (min-width: 48rem) {
  :is(.marketos-qa-and-automated-testing-page .marketos-ensure-quality, .marketos-qa-and-automated-testing-page .marketos-qa-process) .marketos-modal-section figure figcaption {
    padding: calc(var(--sa-spacing) * 0);
  }
}

.marketos-qa-and-automated-testing-page .marketos-qa-process .marketos-modal-section figure {
  gap: calc(var(--sa-spacing) * 5);
}

@media (min-width: 80rem) {
  .marketos-qa-and-automated-testing-page .marketos-qa-process .marketos-modal-section figure img {
    margin-top: calc(var(--sa-spacing) * 0);
  }
}

:is(.marketos-product-development-page, .marektos-custom-software-development-page, .marketos-website-and-seo-page, .marketos-ui-ux-design-page, .marketos-qa-and-automated-testing-page, .marketos-staffing-page, .marketos-business-intelligence-page) > adastra-content-outer:first-of-type {
  justify-content: center;
}

@media not all and (min-width: 48rem) {
  :is(.marketos-product-development-page, .marektos-custom-software-development-page, .marketos-website-and-seo-page, .marketos-ui-ux-design-page, .marketos-qa-and-automated-testing-page, .marketos-staffing-page, .marketos-business-intelligence-page) > adastra-content-outer:first-of-type {
    min-height: calc(var(--sa-spacing) * 110);
  }
}

@media (min-width: 48rem) {
  :is(.marketos-product-development-page, .marektos-custom-software-development-page, .marketos-website-and-seo-page, .marketos-ui-ux-design-page, .marketos-qa-and-automated-testing-page, .marketos-staffing-page, .marketos-business-intelligence-page) > adastra-content-outer:first-of-type {
    min-height: calc(var(--sa-spacing) * 150);
  }
}

.marketos-product-development-page .marketos-development-life-cycle {
  overflow-x: auto;
}

.marketos-product-development-page .marketos-development-life-cycle .marketos-card-section {
  margin-inline: calc(var(--sa-spacing) * 8);
  min-height: calc(var(--sa-spacing) * 144);
  min-width: calc(var(--sa-spacing) * 360);
  background-color: #0000;
  gap: calc(var(--sa-spacing) * 0) !important;
  grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
}

.marketos-product-development-page .marketos-development-life-cycle .marketos-card-section .marketos-card {
  min-height: auto;
  width: calc(var(--sa-spacing) * 50);
  justify-content: flex-end;
  gap: calc(var(--sa-spacing) * 20);
  padding: calc(var(--sa-spacing) * 0);
  flex-direction: column-reverse;
  display: flex;
  background-color: #0000 !important;
}

.marketos-product-development-page .marketos-development-life-cycle .marketos-card-section .marketos-card figure {
  width: calc(var(--sa-spacing) * 35);
  height: calc(var(--sa-spacing) * 35);
  margin-bottom: calc(var(--sa-spacing) * 0) !important;
}

.marketos-product-development-page .marketos-development-life-cycle .marketos-card-section .marketos-card figure:after {
  content: var(--tw-content);
  content: var(--tw-content);
  inset-inline: calc(var(--sa-spacing) * 0);
  content: var(--tw-content);
  top: calc(var(--sa-spacing) * 32);
  content: var(--tw-content);
  content: var(--tw-content);
  height: calc(var(--sa-spacing) * 37.5);
  content: var(--tw-content);
  content: var(--tw-content);
  content: var(--tw-content);
  content: var(--tw-content);
  background-image: url("/assets/vector-graphics/svgo-optimized/circle-arrow.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 100%;
  margin: auto;
  position: absolute;
}

.marketos-product-development-page .marketos-development-life-cycle .marketos-card-section .marketos-card figure svg {
  width: calc(var(--sa-spacing) * 12.5);
  height: calc(var(--sa-spacing) * 12.5);
  color: var(--sa-color-white);
}

.marketos-product-development-page .marketos-development-life-cycle .marketos-card-section .marketos-card:nth-child(2n) {
  flex-direction: column;
}

.marketos-product-development-page .marketos-development-life-cycle .marketos-card-section .marketos-card:nth-child(2n) figure:after {
  content: var(--tw-content);
  bottom: calc(var(--sa-spacing) * 2.5);
  content: var(--tw-content);
  left: calc(var(--sa-spacing) * 1);
  content: var(--tw-content);
  width: calc(var(--sa-spacing) * 46);
  content: var(--tw-content);
  content: var(--tw-content);
  background-size: contain;
  rotate: 180deg;
}

.marketos-product-development-page .marketos-development-life-cycle .marketos-card-section .marketos-card:hover {
  background-color: #0000 !important;
}

.marketos-product-development-page .marketos-development-life-cycle .marketos-card-section .marketos-card-body {
  height: calc(var(--sa-spacing) * 30);
  padding: calc(var(--sa-spacing) * 0) !important;
}

.marketos-product-development-page .marketos-development-life-cycle .marketos-card-section .marketos-card-body h3 {
  text-transform: capitalize;
}

.marketos-product-development-page .marketos-development-life-cycle .marketos-card-section figure {
  margin-top: calc(var(--sa-spacing) * 0) !important;
  margin-bottom: calc(var(--sa-spacing) * 5) !important;
  border-color: #0000 !important;
}

.marketos-business-intelligence-page .marketos-intro figure img {
  width: calc(var(--sa-spacing) * 42);
  height: calc(var(--sa-spacing) * 42);
  margin: auto;
}

.marketos-business-intelligence-page .marketos-key-pillars .marketos-key-pillars-list figure:before {
  content: var(--tw-content);
  display: none;
}

.marketos-snyderone-page figure:not(.marketos-shape) svg {
  height: calc(var(--sa-spacing) * 110);
  width: 100%;
  margin: auto;
}

.marketos-snyderone-page .marketos-how-it-works .marketos-row {
  align-items: center;
}

@media (min-width: 64rem) {
  .marketos-snyderone-page .marketos-how-it-works .marketos-content:first-child {
    grid-column: span 4 / span 4;
  }
}

.marketos-snyderone-page .marketos-how-it-works .marketos-content:first-child h2 {
  font-size: var(--sa-text-4xl);
  line-height: var(--tw-leading, var(--sa-text-4xl--line-height));
}

.marketos-snyderone-page .marketos-how-it-works .marketos-content:first-child p {
  font-size: var(--sa-text-2xl);
  line-height: var(--tw-leading, var(--sa-text-2xl--line-height));
}

@media (min-width: 64rem) {
  .marketos-snyderone-page .marketos-how-it-works .marketos-content:last-child {
    grid-column: span 8 / span 8;
  }
}

.marketos-snyderone-page .marketos-how-it-works .marketos-content:last-child ul {
  margin: calc(var(--sa-spacing) * 0);
  gap: calc(var(--sa-spacing) * 10);
  padding: calc(var(--sa-spacing) * 0);
  flex-direction: column;
  list-style-type: none;
  display: flex;
}

:where(.marketos-snyderone-page .marketos-how-it-works .marketos-content:last-child ul li > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--sa-spacing) * 2.5) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--sa-spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
}

.marketos-snyderone-page .marketos-how-it-works .marketos-content:last-child ul li {
  padding: calc(var(--sa-spacing) * 0);
}

.marketos-snyderone-page .marketos-how-it-works .marketos-content:last-child ul li:after {
  content: var(--tw-content);
  display: none;
}

.marketos-snyderone-page .marketos-how-it-works .marketos-content:last-child ul li strong {
  font-size: var(--sa-text-xl);
  line-height: var(--tw-leading, var(--sa-text-xl--line-height));
  display: block;
}

.marketos-microsoft-365-page .marketos-hero-split {
  padding-block: calc(var(--sa-spacing) * 10);
}

.marketos-microsoft-365-page .marketos-intro .markeros-column {
  margin-top: calc(var(--sa-spacing) * 4);
  gap: calc(var(--sa-spacing) * 8);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}

.marketos-microsoft-365-page .marketos-intro .markeros-column .marketos-content span {
  margin-bottom: calc(var(--sa-spacing) * 4);
  display: block;
}

.marketos-microsoft-365-page .marketos-intro .markeros-column .marketos-content ul {
  margin: calc(var(--sa-spacing) * 0);
  padding: calc(var(--sa-spacing) * 0);
}

.marketos-microsoft-365-page .marketos-m365-costs {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  align-items: center;
  display: grid;
}

@media not all and (min-width: 96rem) {
  .marketos-microsoft-365-page .marketos-m365-costs {
    row-gap: calc(var(--sa-spacing) * 8);
  }
}

@media (min-width: 96rem) {
  .marketos-microsoft-365-page .marketos-m365-costs {
    gap: calc(var(--sa-spacing) * 16);
  }
}

@media not all and (min-width: 96rem) {
  .marketos-microsoft-365-page .marketos-m365-costs adastra-banner-heading {
    grid-column: 1 / -1;
  }
}

@media (min-width: 80rem) {
  .marketos-microsoft-365-page .marketos-m365-costs adastra-banner-heading {
    grid-column: span 4 / span 4;
  }
}

.marketos-microsoft-365-page .marketos-m365-costs adastra-banner-heading h3 {
  padding-inline: calc(var(--sa-spacing) * 5);
}

@media not all and (min-width: 96rem) {
  .marketos-microsoft-365-page .marketos-m365-costs .marketos-content {
    grid-column: 1 / -1;
  }
}

@media (min-width: 80rem) {
  .marketos-microsoft-365-page .marketos-m365-costs .marketos-content {
    grid-column: span 8 / span 8;
  }
}

.marketos-microsoft-365-page .marketos-m365-costs .marketos-content .marketos-plan-types {
  border-radius: var(--sa-radius-3xl);
  --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  flex-wrap: wrap;
  display: flex;
  overflow: hidden;
}

@media not all and (min-width: 64rem) {
  .marketos-microsoft-365-page .marketos-m365-costs .marketos-content .marketos-plan-types {
    flex-direction: column;
  }
}

@media not all and (min-width: 96rem) {
  .marketos-microsoft-365-page .marketos-m365-costs .marketos-content .marketos-plan-types .marketos-contract-details {
    width: 100%;
  }
}

@media (min-width: 96rem) {
  .marketos-microsoft-365-page .marketos-m365-costs .marketos-content .marketos-plan-types .marketos-contract-details {
    width: calc(var(--sa-spacing) * 149);
  }
}

.marketos-microsoft-365-page .marketos-m365-costs .marketos-content .marketos-plan-types .marketos-contract-details, .marketos-microsoft-365-page .marketos-m365-costs .marketos-content .marketos-plan-types .marketos-billing-info {
  padding: calc(var(--sa-spacing) * 4);
  overflow-x: auto;
}

:is(.marketos-microsoft-365-page .marketos-m365-costs .marketos-content .marketos-plan-types .marketos-contract-details, .marketos-microsoft-365-page .marketos-m365-costs .marketos-content .marketos-plan-types .marketos-billing-info) table {
  width: 100%;
}

:is(.marketos-microsoft-365-page .marketos-m365-costs .marketos-content .marketos-plan-types .marketos-contract-details, .marketos-microsoft-365-page .marketos-m365-costs .marketos-content .marketos-plan-types .marketos-billing-info) table th {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-primary);
}

:is(.marketos-microsoft-365-page .marketos-m365-costs .marketos-content .marketos-plan-types .marketos-contract-details, .marketos-microsoft-365-page .marketos-m365-costs .marketos-content .marketos-plan-types .marketos-billing-info) table th, :is(.marketos-microsoft-365-page .marketos-m365-costs .marketos-content .marketos-plan-types .marketos-contract-details, .marketos-microsoft-365-page .marketos-m365-costs .marketos-content .marketos-plan-types .marketos-billing-info) table td {
  padding: calc(var(--sa-spacing) * 2.5);
  text-align: left;
  white-space: nowrap;
}

:is(.marketos-microsoft-365-page .marketos-m365-costs .marketos-content .marketos-plan-types .marketos-contract-details, .marketos-microsoft-365-page .marketos-m365-costs .marketos-content .marketos-plan-types .marketos-billing-info) table td {
  font-size: var(--sa-text-sm);
  line-height: var(--tw-leading, var(--sa-text-sm--line-height));
}

.marketos-microsoft-365-page .marketos-m365-costs .marketos-content .marketos-plan-types .marketos-billing-info {
  background-color: var(--color-primary);
}

@supports (color: color-mix(in lab, red, red)) {
  .marketos-microsoft-365-page .marketos-m365-costs .marketos-content .marketos-plan-types .marketos-billing-info {
    background-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
  }
}

@media not all and (min-width: 96rem) {
  .marketos-microsoft-365-page .marketos-m365-costs .marketos-content .marketos-plan-types .marketos-billing-info {
    width: 100%;
  }
}

@media (min-width: 96rem) {
  .marketos-microsoft-365-page .marketos-m365-costs .marketos-content .marketos-plan-types .marketos-billing-info {
    width: calc(var(--sa-spacing) * 96);
  }
}

.marketos-microsoft-365-page .marketos-m365-costs .marketos-content .marketos-plan-types .marketos-billing-info table th {
  border-color: var(--color-primary);
}

@supports (color: color-mix(in lab, red, red)) {
  .marketos-microsoft-365-page .marketos-m365-costs .marketos-content .marketos-plan-types .marketos-billing-info table th {
    border-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
  }
}

.marketos-microsoft-365-page .marketos-productivity-suite {
  background-color: var(--sa-color-white);
}

@media not all and (min-width: 48rem) {
  .marketos-microsoft-365-page .marketos-productivity-suite {
    padding-block: calc(var(--sa-spacing) * 0);
  }
}

@media (min-width: 48rem) {
  .marketos-microsoft-365-page .marketos-productivity-suite {
    padding-block: calc(var(--sa-spacing) * 10);
  }
}

@media (min-width: 96rem) {
  .marketos-microsoft-365-page .marketos-productivity-suite {
    padding-block: calc(var(--sa-spacing) * 24);
  }
}

.marketos-microsoft-365-page .marketos-productivity-suite adastra-content-outer {
  overflow: inherit;
}

@media not all and (min-width: 48rem) {
  .marketos-microsoft-365-page .marketos-productivity-suite adastra-content-outer {
    padding-bottom: calc(var(--sa-spacing) * 10);
  }
}

.marketos-microsoft-365-page .marketos-productivity-suite adastra-content-outer figure {
  gap: calc(var(--sa-spacing) * 6);
  overflow: inherit;
}

@media not all and (min-width: 48rem) {
  .marketos-microsoft-365-page .marketos-productivity-suite adastra-content-outer figure figcaption {
    padding-inline: calc(var(--sa-spacing) * 0);
  }
}

.marketos-microsoft-365-page .marketos-productivity-suite adastra-content-outer figure svg {
  z-index: 10;
  height: calc(var(--sa-spacing) * 100);
  width: 100%;
  position: relative;
}

@media (min-width: 64rem) {
  .marketos-microsoft-365-page .marketos-productivity-suite adastra-content-outer figure svg {
    height: calc(var(--sa-spacing) * 208);
  }
}

@media (min-width: 80rem) {
  .marketos-microsoft-365-page .marketos-productivity-suite adastra-content-outer figure svg {
    margin-block: calc(var(--sa-spacing) * -24);
    width: calc(var(--sa-spacing) * 255);
  }
}

.marketos-microsoft-365-page .marketos-productivity-suite adastra-content-outer figure content {
  gap: calc(var(--sa-spacing) * 0);
}

.marketos-microsoft-365-page .marketos-productivity-suite adastra-content-outer figure content h2, .marketos-microsoft-365-page .marketos-productivity-suite adastra-content-outer figure content h3 {
  font-size: var(--sa-text-2xl);
  line-height: var(--tw-leading, var(--sa-text-2xl--line-height));
}

.marketos-microsoft-365-page .marketos-productivity-suite adastra-content-outer figure content p {
  font-size: var(--sa-text-sm);
  line-height: var(--tw-leading, var(--sa-text-sm--line-height));
}

.marketos-microsoft-365-page .marketos-packages .marketos-card {
  gap: calc(var(--sa-spacing) * 4);
  border-color: var(--color-base-300);
  border-radius: .25rem;
  flex-direction: column;
  display: flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .marketos-microsoft-365-page .marketos-packages .marketos-card {
    border-color: color-mix(in oklab, var(--color-base-300) 10%, transparent);
  }
}

.marketos-microsoft-365-page .marketos-packages .marketos-card {
  padding: calc(var(--sa-spacing) * 5);
  padding-inline: calc(var(--sa-spacing) * 4);
  padding-bottom: calc(var(--sa-spacing) * 20);
}

@media (min-width: 48rem) {
  .marketos-microsoft-365-page .marketos-packages .marketos-card {
    grid-column: span 6 / span 6;
  }
}

@media (min-width: 64rem) {
  .marketos-microsoft-365-page .marketos-packages .marketos-card {
    grid-column: span 3 / span 3;
  }
}

@media (hover: hover) {
  .marketos-microsoft-365-page .marketos-packages .marketos-card:hover {
    background-color: var(--color-primary);
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}

.marketos-microsoft-365-page .marketos-packages .marketos-card:hover h3, .marketos-microsoft-365-page .marketos-packages .marketos-card:hover h4, .marketos-microsoft-365-page .marketos-packages .marketos-card:hover p, .marketos-microsoft-365-page .marketos-packages .marketos-card:hover mark, .marketos-microsoft-365-page .marketos-packages .marketos-card:hover em, .marketos-microsoft-365-page .marketos-packages .marketos-card:hover small {
  color: var(--sa-color-white);
}

.marketos-microsoft-365-page .marketos-packages .marketos-card:hover button {
  background-color: var(--sa-color-white);
  color: var(--color-primary);
}

.marketos-microsoft-365-page .marketos-packages .marketos-card:hover ul li {
  color: var(--sa-color-white);
}

.marketos-microsoft-365-page .marketos-packages .marketos-card:hover ul li:after {
  content: var(--tw-content);
  background-color: var(--sa-color-white);
}

.marketos-microsoft-365-page .marketos-packages .marketos-card h3 {
  text-align: center;
  width: 100%;
  font-size: var(--sa-text-xl);
  line-height: var(--tw-leading, var(--sa-text-xl--line-height));
}

.marketos-microsoft-365-page .marketos-packages .marketos-card h4, .marketos-microsoft-365-page .marketos-packages .marketos-card p {
  font-size: var(--sa-text-sm);
  line-height: var(--tw-leading, var(--sa-text-sm--line-height));
}

.marketos-microsoft-365-page .marketos-packages .marketos-card h3, .marketos-microsoft-365-page .marketos-packages .marketos-card h4, .marketos-microsoft-365-page .marketos-packages .marketos-card p {
  color: var(--color-base-100);
}

.marketos-microsoft-365-page .marketos-packages .marketos-card h4, .marketos-microsoft-365-page .marketos-packages .marketos-card p {
  margin-left: calc(var(--sa-spacing) * 2);
  padding-left: calc(var(--sa-spacing) * 2);
}

.marketos-microsoft-365-page .marketos-packages .marketos-card .marketos-package-info {
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.marketos-microsoft-365-page .marketos-packages .marketos-card .marketos-package-info mark {
  font-size: var(--sa-text-3xl);
  line-height: var(--tw-leading, var(--sa-text-3xl--line-height));
  color: var(--color-primary);
  background-color: #0000;
}

.marketos-microsoft-365-page .marketos-packages .marketos-card button {
  inset-inline: calc(var(--sa-spacing) * 4);
  bottom: calc(var(--sa-spacing) * 4);
  position: absolute;
}

.marketos-azure-page .marketos-hero-split {
  padding-block: calc(var(--sa-spacing) * 10);
}

.marketos-azure-page .marketos-hero-split .marketos-modal-img img {
  width: calc(var(--sa-spacing) * 80);
}

@media not all and (min-width: 64rem) {
  .marketos-azure-page .marketos-hero-split .marketos-modal-img img {
    margin: auto;
  }
}

@media (min-width: 64rem) {
  .marketos-azure-page .marketos-hero-split .marketos-modal-img img {
    margin-left: auto;
  }
}

.marketos-azure-page .marketos-azure-costs {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  align-items: center;
  display: grid;
}

@media not all and (min-width: 96rem) {
  .marketos-azure-page .marketos-azure-costs {
    row-gap: calc(var(--sa-spacing) * 4);
  }
}

@media (min-width: 96rem) {
  .marketos-azure-page .marketos-azure-costs {
    gap: calc(var(--sa-spacing) * 8);
  }
}

@media not all and (min-width: 96rem) {
  .marketos-azure-page .marketos-azure-costs adastra-banner-heading {
    grid-column: 1 / -1;
  }
}

@media (min-width: 96rem) {
  .marketos-azure-page .marketos-azure-costs adastra-banner-heading {
    grid-column: span 4 / span 4;
  }
}

.marketos-azure-page .marketos-azure-costs adastra-banner-heading h2 {
  --tw-tracking: var(--sa-tracking-tight);
  letter-spacing: var(--sa-tracking-tight);
}

.marketos-azure-page .marketos-azure-costs adastra-banner-heading h3 {
  padding-inline: calc(var(--sa-spacing) * 5);
}

@media not all and (min-width: 96rem) {
  .marketos-azure-page .marketos-azure-costs .marketos-content {
    grid-column: 1 / -1;
  }
}

@media (min-width: 96rem) {
  .marketos-azure-page .marketos-azure-costs .marketos-content {
    grid-column: span 8 / span 8;
  }
}

.marketos-azure-page .marketos-azure-costs .marketos-content .marketos-plan-types {
  border-radius: var(--sa-radius-3xl);
  --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  display: flex;
  overflow-x: auto;
}

@media not all and (min-width: 96rem) {
  :is(.marketos-azure-page .marketos-azure-costs .marketos-content .marketos-plan-types *) {
    white-space: nowrap;
  }
}

.marketos-azure-page .marketos-azure-costs .marketos-content .marketos-plan-types .marketos-contract-details, .marketos-azure-page .marketos-azure-costs .marketos-content .marketos-plan-types .marketos-billing-info, .marketos-azure-page .marketos-azure-costs .marketos-content .marketos-plan-types .marketos-best-for {
  padding: calc(var(--sa-spacing) * 4);
}

@media not all and (min-width: 96rem) {
  .marketos-azure-page .marketos-azure-costs .marketos-content .marketos-plan-types .marketos-contract-details, .marketos-azure-page .marketos-azure-costs .marketos-content .marketos-plan-types .marketos-billing-info, .marketos-azure-page .marketos-azure-costs .marketos-content .marketos-plan-types .marketos-best-for {
    flex: 1;
  }
}

:is(.marketos-azure-page .marketos-azure-costs .marketos-content .marketos-plan-types .marketos-contract-details, .marketos-azure-page .marketos-azure-costs .marketos-content .marketos-plan-types .marketos-billing-info, .marketos-azure-page .marketos-azure-costs .marketos-content .marketos-plan-types .marketos-best-for) table {
  width: 100%;
}

:is(.marketos-azure-page .marketos-azure-costs .marketos-content .marketos-plan-types .marketos-contract-details, .marketos-azure-page .marketos-azure-costs .marketos-content .marketos-plan-types .marketos-billing-info, .marketos-azure-page .marketos-azure-costs .marketos-content .marketos-plan-types .marketos-best-for) table th {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-primary);
}

:is(.marketos-azure-page .marketos-azure-costs .marketos-content .marketos-plan-types .marketos-contract-details, .marketos-azure-page .marketos-azure-costs .marketos-content .marketos-plan-types .marketos-billing-info, .marketos-azure-page .marketos-azure-costs .marketos-content .marketos-plan-types .marketos-best-for) table th, :is(.marketos-azure-page .marketos-azure-costs .marketos-content .marketos-plan-types .marketos-contract-details, .marketos-azure-page .marketos-azure-costs .marketos-content .marketos-plan-types .marketos-billing-info, .marketos-azure-page .marketos-azure-costs .marketos-content .marketos-plan-types .marketos-best-for) table td {
  padding: calc(var(--sa-spacing) * 2.5);
  text-align: left;
}

:is(.marketos-azure-page .marketos-azure-costs .marketos-content .marketos-plan-types .marketos-contract-details, .marketos-azure-page .marketos-azure-costs .marketos-content .marketos-plan-types .marketos-billing-info, .marketos-azure-page .marketos-azure-costs .marketos-content .marketos-plan-types .marketos-best-for) table td {
  font-size: var(--sa-text-sm);
  line-height: var(--tw-leading, var(--sa-text-sm--line-height));
}

:is(.marketos-azure-page .marketos-azure-costs .marketos-content .marketos-plan-types .marketos-billing-info, .marketos-azure-page .marketos-azure-costs .marketos-content .marketos-plan-types .marketos-best-for) table th {
  border-color: var(--color-primary);
}

@supports (color: color-mix(in lab, red, red)) {
  :is(.marketos-azure-page .marketos-azure-costs .marketos-content .marketos-plan-types .marketos-billing-info, .marketos-azure-page .marketos-azure-costs .marketos-content .marketos-plan-types .marketos-best-for) table th {
    border-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
  }
}

.marketos-azure-page .marketos-azure-costs .marketos-content .marketos-plan-types .marketos-billing-info {
  background-color: var(--color-primary);
}

@supports (color: color-mix(in lab, red, red)) {
  .marketos-azure-page .marketos-azure-costs .marketos-content .marketos-plan-types .marketos-billing-info {
    background-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
  }
}

@media not all and (min-width: 96rem) {
  .marketos-azure-page .marketos-azure-costs .marketos-content .marketos-plan-types .marketos-billing-info {
    width: 100%;
  }
}

@media (min-width: 96rem) {
  .marketos-azure-page .marketos-azure-costs .marketos-content .marketos-plan-types .marketos-billing-info {
    width: calc(var(--sa-spacing) * 65);
  }
}

.marketos-azure-page .marketos-azure-costs .marketos-content .marketos-plan-types .marketos-best-for {
  background-color: var(--color-primary);
}

@supports (color: color-mix(in lab, red, red)) {
  .marketos-azure-page .marketos-azure-costs .marketos-content .marketos-plan-types .marketos-best-for {
    background-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
  }
}

@media not all and (min-width: 96rem) {
  .marketos-azure-page .marketos-azure-costs .marketos-content .marketos-plan-types .marketos-best-for {
    width: 100%;
  }
}

@media (min-width: 96rem) {
  .marketos-azure-page .marketos-azure-costs .marketos-content .marketos-plan-types .marketos-best-for {
    width: calc(var(--sa-spacing) * 65);
  }
}

.marketos-azure-page .marketos-azure-benefits .marketos-card-section {
  max-width: -moz-min-content;
  max-width: min-content;
  min-width: calc(var(--sa-spacing) * 305);
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-inline: auto;
}

:is(.marketos-managed-services-page, .marketos-cybersecurity-page, .marketos-disaster-recovery-page, .marketos-it-consulting-page, .marketos-snyderone-page, .marketos-microsoft-365-page, .marketos-azure-page, .marketos-infrastructure-networking-page) > adastra-content-outer:first-of-type {
  justify-content: center;
}

@media not all and (min-width: 48rem) {
  :is(.marketos-managed-services-page, .marketos-cybersecurity-page, .marketos-disaster-recovery-page, .marketos-it-consulting-page, .marketos-snyderone-page, .marketos-microsoft-365-page, .marketos-azure-page, .marketos-infrastructure-networking-page) > adastra-content-outer:first-of-type {
    min-height: calc(var(--sa-spacing) * 110);
  }
}

@media (min-width: 48rem) {
  :is(.marketos-managed-services-page, .marketos-cybersecurity-page, .marketos-disaster-recovery-page, .marketos-it-consulting-page, .marketos-snyderone-page, .marketos-microsoft-365-page, .marketos-azure-page, .marketos-infrastructure-networking-page) > adastra-content-outer:first-of-type {
    min-height: calc(var(--sa-spacing) * 150);
  }
}

:is(.marketos-managed-services-page, .marketos-cybersecurity-page, .marketos-disaster-recovery-page, .marketos-it-consulting-page, .marketos-snyderone-page, .marketos-microsoft-365-page, .marketos-azure-page, .marketos-infrastructure-networking-page) .marketos-hero-split .marketos-shape img {
  object-position: bottom;
  opacity: .4;
}

.marketos-cybersecurity-page .marketos-hero-split {
  padding-block: calc(var(--sa-spacing) * 10);
}

.marketos-cybersecurity-page .marketos-hero-split .marketos-modal-img img {
  width: calc(var(--sa-spacing) * 80);
}

@media not all and (min-width: 64rem) {
  .marketos-cybersecurity-page .marketos-hero-split .marketos-modal-img img {
    margin: auto;
    margin-bottom: calc(var(--sa-spacing) * -10);
  }
}

@media (min-width: 64rem) {
  .marketos-cybersecurity-page .marketos-hero-split .marketos-modal-img img {
    margin-left: auto;
  }
}

.marketos-cybersecurity-page .marketos-cybersecurity-intro .marketos-card-section {
  width: 100%;
  max-width: calc(var(--sa-spacing) * 310);
  flex-wrap: wrap;
  justify-content: center;
  min-width: auto;
  margin: auto;
  display: flex;
}

.marketos-cybersecurity-page .marketos-cybersecurity-intro .marketos-card-section .marketos-card {
  width: calc(var(--sa-spacing) * 60);
  flex: inherit;
}

@media (min-width: 80rem) {
  .marketos-cybersecurity-page .marketos-cybersecurity-intro .marketos-card-section .marketos-card:nth-last-child(-n+4) {
    margin-top: calc(var(--sa-spacing) * -16);
  }
}

.marketos-cybersecurity-page .marketos-cybersecurity-intro .marketos-card-section .marketos-card h3 {
  padding-inline: calc(var(--sa-spacing) * 0) !important;
}

.marketos-cybersecurity-page .marketos-threat-types .marketos-row {
  align-items: center;
}

.marketos-cybersecurity-page .marketos-threat-types .marketos-row .marketos-content strong {
  font-size: var(--sa-text-xl);
  line-height: var(--tw-leading, var(--sa-text-xl--line-height));
}

.marketos-cybersecurity-page .marketos-threat-types .marketos-row .marketos-content p {
  font-size: var(--sa-text-sm);
  line-height: var(--tw-leading, var(--sa-text-sm--line-height));
}

.marketos-cybersecurity-page .marketos-threat-types .marketos-row svg {
  margin: auto;
}

@media not all and (min-width: 48rem) {
  .marketos-cybersecurity-page .marketos-threat-types .marketos-row svg {
    height: calc(var(--sa-spacing) * 80);
    width: 100%;
  }
}

@media (min-width: 48rem) {
  .marketos-cybersecurity-page .marketos-threat-types .marketos-row svg {
    width: calc(var(--sa-spacing) * 125);
    height: calc(var(--sa-spacing) * 125);
  }
}

@media (min-width: 64rem) {
  .marketos-cybersecurity-page .marketos-partner-highlights .marketos-row {
    gap: calc(var(--sa-spacing) * 24);
  }
}

@media not all and (min-width: 64rem) {
  .marketos-cybersecurity-page .marketos-partner-highlights .marketos-row .marketos-content:first-child {
    grid-column: 1 / -1;
  }
}

@media (min-width: 64rem) {
  .marketos-cybersecurity-page .marketos-partner-highlights .marketos-row .marketos-content:first-child {
    grid-column: span 5 / span 5;
  }
}

.marketos-cybersecurity-page .marketos-partner-highlights .marketos-row .marketos-content:first-child img {
  height: calc(var(--sa-spacing) * 37.5);
  width: calc(var(--sa-spacing) * 75);
}

.marketos-cybersecurity-page .marketos-partner-highlights .marketos-row .marketos-content:first-child h2 {
  font-size: var(--sa-text-4xl);
  line-height: var(--tw-leading, var(--sa-text-4xl--line-height));
}

.marketos-cybersecurity-page .marketos-partner-highlights .marketos-row .marketos-content:first-child p {
  font-size: var(--sa-text-xl);
  line-height: var(--tw-leading, var(--sa-text-xl--line-height));
}

@media not all and (min-width: 80rem) {
  .marketos-cybersecurity-page .marketos-partner-highlights .marketos-row .marketos-content:last-child {
    grid-column: 1 / -1;
  }
}

@media (min-width: 80rem) {
  .marketos-cybersecurity-page .marketos-partner-highlights .marketos-row .marketos-content:last-child {
    grid-column: span 7 / span 7;
  }
}

.marketos-cybersecurity-page .marketos-partner-highlights .marketos-row .marketos-content:last-child ul {
  gap: calc(var(--sa-spacing) * 10);
  flex-direction: column;
  list-style-type: none;
  display: flex;
}

.marketos-cybersecurity-page .marketos-partner-highlights .marketos-row .marketos-content:last-child ul li strong {
  font-size: var(--sa-text-xl);
  line-height: var(--tw-leading, var(--sa-text-xl--line-height));
  display: block;
}

@media (min-width: 80rem) {
  .marketos-infrastructure-networking-page .marketos-hero-split h1 {
    font-size: var(--sa-text-5xl);
    line-height: var(--tw-leading, var(--sa-text-5xl--line-height));
  }
}

.marketos-disaster-recovery-page .marketos-dr-strategy {
  margin-inline: calc(var(--sa-spacing) * -4);
  align-items: center;
  display: flex;
}

@media not all and (min-width: 64rem) {
  .marketos-disaster-recovery-page .marketos-dr-strategy {
    flex-direction: column;
  }
}

.marketos-disaster-recovery-page .marketos-dr-strategy .marketos-content {
  z-index: 0;
  flex: 1;
  grid-column: span 12 / span 12;
  position: relative;
}

@media not all and (min-width: 64rem) {
  .marketos-disaster-recovery-page .marketos-dr-strategy .marketos-content {
    width: 100%;
    padding: calc(var(--sa-spacing) * 5);
  }
}

@media (min-width: 64rem) {
  .marketos-disaster-recovery-page .marketos-dr-strategy .marketos-content {
    padding-block: calc(var(--sa-spacing) * 10);
    padding-right: calc(var(--sa-spacing) * 5);
    grid-column: span 5 / span 5;
  }
}

@media (min-width: 80rem) {
  .marketos-disaster-recovery-page .marketos-dr-strategy .marketos-content {
    padding-block: calc(var(--sa-spacing) * 20);
    padding-right: calc(var(--sa-spacing) * 10);
  }
}

.marketos-disaster-recovery-page .marketos-dr-strategy .marketos-content:after {
  content: var(--tw-content);
  content: var(--tw-content);
  z-index: calc(10 * -1);
  content: var(--tw-content);
  width: calc(var(--sa-spacing) * 20);
  position: absolute;
}

@media not all and (min-width: 64rem) {
  .marketos-disaster-recovery-page .marketos-dr-strategy .marketos-content {
    --tw-shadow: 0px 20px 30px var(--tw-shadow-color, #00000040);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}

@media not all and (min-width: 64rem) {
  .marketos-disaster-recovery-page .marketos-dr-strategy .marketos-content:after {
    inset-inline: calc(var(--sa-spacing) * 0);
    content: var(--tw-content);
    bottom: calc(var(--sa-spacing) * 0);
  }
}

@media (min-width: 64rem) {
  .marketos-disaster-recovery-page .marketos-dr-strategy .marketos-content {
    --tw-shadow: 30px 0px 30px var(--tw-shadow-color, #00000040);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}

@media (min-width: 64rem) {
  .marketos-disaster-recovery-page .marketos-dr-strategy .marketos-content:after {
    inset-block: calc(var(--sa-spacing) * 0);
  }
}

.marketos-disaster-recovery-page .marketos-dr-strategy .marketos-content:after {
  content: var(--tw-content);
}

@media (min-width: 64rem) {
  .marketos-disaster-recovery-page .marketos-dr-strategy .marketos-content:after {
    right: calc(var(--sa-spacing) * 0);
  }
}

.marketos-disaster-recovery-page .marketos-dr-strategy .marketos-content h2 {
  font-size: var(--sa-text-3xl);
  line-height: var(--tw-leading, var(--sa-text-3xl--line-height));
  --tw-font-weight: var(--sa-font-weight-light);
  font-weight: var(--sa-font-weight-light);
  text-transform: capitalize;
}

@media (min-width: 48rem) {
  .marketos-disaster-recovery-page .marketos-dr-strategy .marketos-content h2 {
    font-size: var(--sa-text-5xl);
    line-height: var(--tw-leading, var(--sa-text-5xl--line-height));
  }
}

@media (min-width: 80rem) {
  .marketos-disaster-recovery-page .marketos-dr-strategy .marketos-content h2 {
    font-size: var(--sa-text-6xl);
    line-height: var(--tw-leading, var(--sa-text-6xl--line-height));
  }
}

.marketos-disaster-recovery-page .marketos-dr-strategy adastra-banner-heading:not(.marketos-content adastra-banner-heading) {
  padding-block: calc(var(--sa-spacing) * 10);
  padding-left: calc(var(--sa-spacing) * 10);
  flex: 1;
}

@media (min-width: 80rem) {
  .marketos-disaster-recovery-page .marketos-dr-strategy adastra-banner-heading:not(.marketos-content adastra-banner-heading) {
    padding-block: calc(var(--sa-spacing) * 20);
    padding-left: calc(var(--sa-spacing) * 20);
  }
}

.marketos-disaster-recovery-page .marketos-modal-section figure figcaption {
  padding: calc(var(--sa-spacing) * 0) !important;
}

.marketos-disaster-recovery-page .marketos-modal-section figure img {
  width: 100% !important;
  height: 100% !important;
}

.marketos-disaster-recovery-page .marketos-why-acronis .marketos-card-section {
  max-width: -moz-min-content;
  max-width: min-content;
  min-width: calc(var(--sa-spacing) * 305);
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-inline: auto;
}

.marketos-disaster-recovery-page .marketos-why-acronis .marketos-card-section .marketos-card {
  text-align: center;
  flex-direction: column-reverse;
}

.marketos-disaster-recovery-page .marketos-why-acronis .marketos-card-section .marketos-card h3 {
  -webkit-line-clamp: 4 !important;
  height: auto !important;
  font-size: var(--sa-text-lg) !important;
  line-height: var(--tw-leading, var(--sa-text-lg--line-height)) !important;
  -webkit-box-orient: vertical !important;
  display: -webkit-box !important;
  overflow: hidden !important;
}

.marketos-disaster-recovery-page .marketos-why-acronis .marketos-card-section .marketos-card svg {
  height: calc(var(--sa-spacing) * 10);
  width: 100%;
}

.marketos-disaster-recovery-page .marketos-why-acronis .marketos-card-section .marketos-card:nth-child(3) {
  background-image: url("/assets/vector-graphics/svgo-optimized/box-shape-primary.svg");
}

.marketos-it-consulting-page .marketos-hero-split {
  padding-block: calc(var(--sa-spacing) * 10);
}

.marketos-it-consulting-page .marketos-column .marketos-modal-section figure {
  gap: calc(var(--sa-spacing) * 16);
}

@media not all and (min-width: 48rem) {
  .marketos-it-consulting-page .marketos-column .marketos-modal-section figure figcaption {
    padding: calc(var(--sa-spacing) * 0);
  }
}

.marketos-it-consulting-page .marketos-column .marketos-modal-section figure figcaption content {
  gap: calc(var(--sa-spacing) * 4);
}

.marketos-it-consulting-page .marketos-column .marketos-modal-section figure figcaption content ul {
  margin: calc(var(--sa-spacing) * 0);
  padding: calc(var(--sa-spacing) * 0);
}

.marketos-it-consulting-page .marketos-column .marketos-modal-section figure img {
  object-fit: contain;
  width: 100%;
}

:is(.marketos-consulting-ai-page, .marketos-ai-assisted-development-page) > adastra-content-outer:first-of-type {
  justify-content: center;
}

@media not all and (min-width: 48rem) {
  :is(.marketos-consulting-ai-page, .marketos-ai-assisted-development-page) > adastra-content-outer:first-of-type {
    min-height: calc(var(--sa-spacing) * 110);
  }
}

@media (min-width: 48rem) {
  :is(.marketos-consulting-ai-page, .marketos-ai-assisted-development-page) > adastra-content-outer:first-of-type {
    min-height: calc(var(--sa-spacing) * 150);
  }
}

.marketos-consulting-ai-page .marketos-hero-split .marketos-shape:after {
  content: var(--tw-content);
  content: var(--tw-content);
  inset: calc(var(--sa-spacing) * 0);
  content: var(--tw-content);
  z-index: calc(10 * -1);
  content: var(--tw-content);
  background-color: var(--sa-color-slate-900);
  position: absolute;
}

.marketos-consulting-ai-page .marketos-hero-split .marketos-shape img {
  opacity: .4;
  mix-blend-mode: color-dodge;
}

.marketos-consulting-ai-page .marketos-modal-section figure figcaption {
  padding: calc(var(--sa-spacing) * 0) !important;
}

.marketos-consulting-ai-page .marketos-modal-section figure img {
  width: 100% !important;
  height: 100% !important;
}

.marketos-ai-assisted-development-page .marketos-hero-split .marketos-shape:after {
  content: var(--tw-content);
  content: var(--tw-content);
  inset: calc(var(--sa-spacing) * 0);
  content: var(--tw-content);
  z-index: calc(10 * -1);
  content: var(--tw-content);
  background-color: var(--sa-color-slate-900);
  position: absolute;
}

.marketos-ai-assisted-development-page .marketos-hero-split .marketos-shape img {
  opacity: .4;
  mix-blend-mode: color-dodge;
}

.marketos-ai-assisted-development-page .marketos-modal-section figure img {
  width: 100% !important;
  height: 100% !important;
}

.marketos-staffing-page .marketos-staffing-process .marketos-detail-content {
  padding-top: calc(var(--sa-spacing) * 4);
  padding-bottom: calc(var(--sa-spacing) * 16);
  overflow-x: auto;
}

.marketos-modal-section figure > img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}

.marketos-modal-section figure figcaption {
  justify-content: center;
  gap: calc(var(--sa-spacing) * 8);
  padding: calc(var(--sa-spacing) * 8);
  flex-direction: column;
  display: flex;
}

.marketos-modal-section figure figcaption content {
  justify-content: center;
  gap: calc(var(--sa-spacing) * 8);
  flex-direction: column;
  display: flex;
}

.marketos-modal-section.marketos-column-equal > figure {
  align-items: center;
  gap: calc(var(--sa-spacing) * 5);
  display: grid;
}

@media (min-width: 80rem) {
  .marketos-modal-section.marketos-column-equal > figure {
    gap: calc(var(--sa-spacing) * 44);
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.marketos-modal-section.marketos-column-equal > figure > img {
  width: calc(var(--sa-spacing) * 96);
  height: calc(var(--sa-spacing) * 96);
  margin: auto;
}

.marketos-modal-section.marketos-column-auto figure {
  align-items: stretch;
  display: flex;
  overflow: hidden;
}

@media not all and (min-width: 80rem) {
  .marketos-modal-section.marketos-column-auto figure {
    flex-wrap: wrap;
  }
}

:is(.marketos-headline-list-section .marketos-list-item-column, .marketos-headline-list-section .marketos-list-item-row) aside, :is(.marketos-headline-list-section .marketos-list-item-column, .marketos-headline-list-section .marketos-list-item-row) article {
  grid-column: 1 / -1;
}

@media (min-width: 80rem) {
  .marketos-headline-list-section .marketos-list-item-column aside {
    grid-column: span 1 / span 1;
  }

  .marketos-headline-list-section .marketos-list-item-column article {
    grid-column: span 5 / span 5;
  }
}

.marketos-headline-list-section hr {
  grid-column: 1 / -1;
}

.marketos-intro {
  gap: calc(var(--sa-spacing) * 5);
  grid-template-columns: repeat(12, minmax(0, 1fr));
  display: grid;
}

@media (min-width: 64rem) {
  .marketos-intro {
    gap: calc(var(--sa-spacing) * 10);
  }
}

@media not all and (min-width: 64rem) {
  .marketos-intro figure {
    order: 1;
  }
}

.marketos-intro figure svg, .marketos-intro figure img {
  height: calc(var(--sa-spacing) * 25);
  width: 100%;
}

@media not all and (min-width: 64rem) {
  .marketos-intro figure svg, .marketos-intro figure img {
    height: auto;
    width: calc(var(--sa-spacing) * 80);
  }
}

.marketos-card-section {
  gap: calc(var(--sa-spacing) * 5);
  grid-template-columns: repeat(12, minmax(0, 1fr));
  display: grid;
}

.marketos-card-section > .marketos-content {
  margin-bottom: calc(var(--sa-spacing) * 5);
  text-align: center;
  grid-column: 1 / -1;
}

.marketos-card-section .marketos-card {
  min-height: calc(var(--sa-spacing) * 65);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-base-300);
  position: relative;
  overflow: hidden;
}

.marketos-card-section .marketos-card .marketos-card-thumbnail {
  height: calc(var(--sa-spacing) * 72);
  width: 100%;
}

.marketos-card-section .marketos-card .marketos-card-thumbnail img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}

.marketos-card-section .marketos-card .marketos-card-body {
  gap: calc(var(--sa-spacing) * 8);
  padding-inline: calc(var(--sa-spacing) * 16);
  padding-block: calc(var(--sa-spacing) * 5);
  flex-direction: column;
  display: flex;
}

.marketos-card-section .marketos-card .marketos-card-body .marketos-content {
  gap: calc(var(--sa-spacing) * 8);
  flex-direction: column;
  display: flex;
}

.marketos-card-section .marketos-card .marketos-card-body .marketos-content h3 {
  font-size: var(--sa-text-lg);
  line-height: var(--tw-leading, var(--sa-text-lg--line-height));
  text-wrap: balance;
}

.marketos-card-section .marketos-card .marketos-card-body .marketos-content p {
  font-size: var(--sa-text-sm);
  line-height: var(--tw-leading, var(--sa-text-sm--line-height));
}

.marketos-card-section .marketos-card .marketos-card-body .marketos-content ul {
  margin: calc(var(--sa-spacing) * 0);
  padding: calc(var(--sa-spacing) * 0);
}

.marketos-card-section.marketos-ribon .marketos-card:after {
  content: var(--tw-content);
  content: var(--tw-content);
  top: calc(var(--sa-spacing) * -8);
  content: var(--tw-content);
  right: calc(var(--sa-spacing) * -8);
  content: var(--tw-content);
  height: calc(var(--sa-spacing) * 16);
  content: var(--tw-content);
  width: calc(var(--sa-spacing) * 16);
  content: var(--tw-content);
  content: var(--tw-content);
  background-color: var(--color-primary);
  position: absolute;
  rotate: 45deg;
}

.marketos-card-section.marketos-colored-card-section {
  row-gap: calc(var(--sa-spacing) * 18);
  padding-top: calc(var(--sa-spacing) * 12);
}

.marketos-card-section.marketos-colored-card-section .marketos-card {
  background-color: var(--sa-color-raw-babyblue-500);
  border-color: #0000;
  overflow: visible;
}

@supports (color: color-mix(in lab, red, red)) {
  .marketos-card-section.marketos-colored-card-section .marketos-card {
    background-color: color-mix(in oklab, var(--sa-color-raw-babyblue-500) 10%, transparent);
  }
}

.marketos-card-section.marketos-colored-card-section .marketos-card {
  text-align: center;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--sa-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--sa-default-transition-duration));
}

.marketos-card-section.marketos-colored-card-section .marketos-card .marketos-card-icon {
  margin: auto;
  margin-top: calc(var(--sa-spacing) * -13.5);
  width: calc(var(--sa-spacing) * 25);
  height: calc(var(--sa-spacing) * 25);
  border-style: var(--tw-border-style);
  border-width: 10px;
  border-color: var(--sa-color-white);
  background-color: var(--color-primary);
  border-radius: 3.40282e38px;
  place-items: center;
  display: grid;
}

.marketos-card-section.marketos-colored-card-section .marketos-card .marketos-card-icon svg {
  width: calc(var(--sa-spacing) * 11);
  height: calc(var(--sa-spacing) * 11);
}

.marketos-card-section.marketos-colored-card-section .marketos-card .marketos-card-body .marketos-content {
  gap: calc(var(--sa-spacing) * 4.5);
}

.marketos-card-section.marketos-colored-card-section.marketos-features-odd-icon-card.marketos-card-section {
  max-width: calc(var(--sa-spacing) * 378);
  min-width: calc(var(--sa-spacing) * 378);
  padding-inline: calc(var(--sa-spacing) * 5);
  background-color: #0000;
  margin: auto;
  gap: calc(var(--sa-spacing) * 8) !important;
}

.marketos-card-section.marketos-colored-card-section.marketos-features-odd-icon-card.marketos-card-section .marketos-card {
  height: calc(var(--sa-spacing) * 53);
  justify-content: flex-end;
  gap: calc(var(--sa-spacing) * 4);
  border-radius: var(--sa-radius-xl);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-primary);
  min-height: auto;
  padding: calc(var(--sa-spacing) * 0);
  flex-direction: column;
  display: flex;
  position: relative;
  background-color: var(--sa-color-white) !important;
}

.marketos-card-section.marketos-colored-card-section.marketos-features-odd-icon-card.marketos-card-section .marketos-card:after {
  content: var(--tw-content);
  content: var(--tw-content);
  inset-inline: calc(var(--sa-spacing) * -4.5);
  content: var(--tw-content);
  bottom: calc(var(--sa-spacing) * -7);
  content: var(--tw-content);
  z-index: calc(10 * -1);
  content: var(--tw-content);
  height: calc(var(--sa-spacing) * 32.5);
  content: var(--tw-content);
  width: calc(var(--sa-spacing) * 65.5);
  content: var(--tw-content);
  background-image: url("/assets/vector-graphics/svgo-optimized/box-shape-2.svg");
  position: absolute;
}

.marketos-card-section.marketos-colored-card-section.marketos-features-odd-icon-card.marketos-card-section .marketos-card .marketos-content {
  gap: calc(var(--sa-spacing) * 3) !important;
}

.marketos-card-section.marketos-colored-card-section.marketos-features-odd-icon-card.marketos-card-section .marketos-card figure {
  inset-inline: calc(var(--sa-spacing) * 0);
  top: calc(var(--sa-spacing) * -12);
  width: calc(var(--sa-spacing) * 23);
  height: calc(var(--sa-spacing) * 23);
  --tw-drop-shadow-size: drop-shadow(0 9px 7px var(--tw-drop-shadow-color, #0000001a));
  --tw-drop-shadow: drop-shadow(var(--sa-drop-shadow-xl));
  filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  margin: auto;
  position: absolute;
  border-style: var(--tw-border-style) !important;
  border-width: 3px !important;
  border-color: var(--color-primary) !important;
  background-color: var(--sa-color-white) !important;
}

.marketos-card-section.marketos-colored-card-section.marketos-features-odd-icon-card.marketos-card-section .marketos-card figure svg {
  width: calc(var(--sa-spacing) * 12);
  height: calc(var(--sa-spacing) * 12);
  color: var(--color-primary);
}

.marketos-card-section.marketos-colored-card-section.marketos-features-odd-icon-card.marketos-card-section .marketos-card .marketos-card-body {
  border-radius: var(--sa-radius-xl);
  background-color: var(--sa-color-white);
  padding-inline: calc(var(--sa-spacing) * 3) !important;
  padding-block: calc(var(--sa-spacing) * 4) !important;
}

.marketos-card-section.marketos-colored-card-section.marketos-features-odd-icon-card.marketos-card-section .marketos-card .marketos-card-body h3 {
  text-transform: capitalize;
}

.marketos-card-section.marketos-colored-card-section.marketos-features-odd-icon-card.marketos-card-section .marketos-card .marketos-card-body p {
  font-size: var(--sa-text-sm);
  line-height: var(--tw-leading, var(--sa-text-sm--line-height));
}

.marketos-card-section.marketos-colored-card-section.marketos-features-odd-icon-card.marketos-card-section .marketos-card:nth-child(2n) {
  flex-direction: column-reverse;
}

.marketos-card-section.marketos-colored-card-section.marketos-features-odd-icon-card.marketos-card-section .marketos-card:nth-child(2n):after {
  content: var(--tw-content);
  inset-inline: calc(var(--sa-spacing) * -5.75);
  content: var(--tw-content);
  top: calc(var(--sa-spacing) * -7);
  content: var(--tw-content);
  bottom: inherit;
  content: var(--tw-content);
  rotate: 180deg;
}

.marketos-card-section.marketos-colored-card-section.marketos-features-odd-icon-card.marketos-card-section .marketos-card:nth-child(2n) figure {
  top: inherit;
  bottom: calc(var(--sa-spacing) * -12);
}

.marketos-card-section.marketos-features-icon-card {
  gap: calc(var(--sa-spacing) * 0);
  background-color: #0000;
}

.marketos-card-section.marketos-features-icon-card .marketos-card {
  border-right-style: var(--tw-border-style);
  border-right-width: 2px;
  border-bottom-style: var(--tw-border-style);
  --tw-border-style: dashed;
  border-style: dashed;
  border-bottom-width: 2px;
  border-color: var(--color-primary);
  padding-inline: calc(var(--sa-spacing) * 14);
  padding-bottom: calc(var(--sa-spacing) * 7);
  text-align: center;
  background-color: #0000;
}

@media not all and (min-width: 80rem) {
  .marketos-card-section.marketos-features-icon-card .marketos-card {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
}

@media not all and (min-width: 48rem) {
  .marketos-card-section.marketos-features-icon-card .marketos-card {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 0;
    border-top-style: var(--tw-border-style);
    border-top-width: 0;
  }

  .marketos-card-section.marketos-features-icon-card .marketos-card:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }
}

@media (min-width: 48rem) {
  .marketos-card-section.marketos-features-icon-card .marketos-card {
    border-top-style: var(--tw-border-style);
    border-top-width: 0;
    border-left-style: var(--tw-border-style);
    border-left-width: 0;
  }
}

@media not all and (min-width: 80rem) {
  @media (min-width: 48rem) {
    .marketos-card-section.marketos-features-icon-card .marketos-card:nth-child(2n) {
      border-right-style: var(--tw-border-style);
      border-right-width: 0;
    }

    .marketos-card-section.marketos-features-icon-card .marketos-card:nth-last-child(-n+2) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0;
    }
  }
}

@media (min-width: 80rem) {
  .marketos-card-section.marketos-features-icon-card .marketos-card:nth-child(3n) {
    border-right-style: var(--tw-border-style);
    border-right-width: 0;
  }

  .marketos-card-section.marketos-features-icon-card .marketos-card:nth-last-child(-n+3) {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }
}

@media (hover: hover) {
  .marketos-card-section.marketos-features-icon-card .marketos-card:hover {
    background-color: #0000;
  }
}

.marketos-card-section.marketos-features-icon-card .marketos-card figure {
  width: calc(var(--sa-spacing) * 20);
  height: calc(var(--sa-spacing) * 20);
  background-color: #0000;
  place-content: center;
  margin-inline: auto;
  display: grid;
}

.marketos-card-section.marketos-features-icon-card .marketos-card figure svg {
  width: calc(var(--sa-spacing) * 12);
  height: calc(var(--sa-spacing) * 12);
  color: var(--color-primary);
}

.marketos-card-section.marketos-features-icon-card .marketos-card-body {
  padding: calc(var(--sa-spacing) * 0);
}

.marketos-card-section.marketos-features-icon-card .marketos-card-body .marketos-content {
  gap: calc(var(--sa-spacing) * 4);
}

.marketos-card-section.marketos-features-icon-card .marketos-card-body h3 {
  text-transform: capitalize;
}

.marketos-card-section.marketos-features-icon-card figure {
  margin-top: calc(var(--sa-spacing) * 0);
  margin-bottom: calc(var(--sa-spacing) * 5);
}

.marketos-card-section.mraketos-services-card {
  gap: calc(var(--sa-spacing) * 4);
}

.marketos-card-section.mraketos-services-card .marketos-card {
  border-color: var(--sa-color-white);
  min-height: auto;
}

@supports (color: color-mix(in lab, red, red)) {
  .marketos-card-section.mraketos-services-card .marketos-card {
    border-color: color-mix(in oklab, var(--sa-color-white) 20%, transparent);
  }
}

.marketos-card-section.mraketos-services-card .marketos-card .marketos-card-body {
  gap: calc(var(--sa-spacing) * 4);
  padding-inline: calc(var(--sa-spacing) * 6);
  padding-block: calc(var(--sa-spacing) * 8);
}

.marketos-card-section.mraketos-services-card .marketos-card .marketos-card-body .marketos-content {
  gap: calc(var(--sa-spacing) * 4);
}

.marketos-card-section.mraketos-services-card .marketos-card .marketos-card-body .marketos-content h3 {
  font-size: var(--sa-text-base);
  line-height: var(--tw-leading, var(--sa-text-base--line-height));
}

.marketos-card-section.mraketos-services-card .marketos-card .marketos-card-body .marketos-content p {
  font-size: var(--sa-text-sm);
  line-height: calc(var(--sa-spacing) * 6);
  --tw-tracking: var(--sa-tracking-wide);
  letter-spacing: var(--sa-tracking-wide);
}

.marketos-card-section.marketos-features-list {
  border-radius: var(--sa-radius-lg);
  border-style: var(--tw-border-style);
  --tw-border-style: dashed;
  border-style: dashed;
  border-width: 2px;
  border-color: var(--color-primary);
}

.marketos-card-section.marketos-features-list.marketos-card-section {
  gap: calc(var(--sa-spacing) * 0);
  padding: calc(var(--sa-spacing) * 0);
}

.marketos-card-section.marketos-features-list.marketos-card-section .marketos-card {
  align-items: center;
  gap: calc(var(--sa-spacing) * 6);
  border-style: var(--tw-border-style);
  --tw-border-style: dashed;
  border-style: dashed;
  border-width: 0;
  border-color: var(--color-primary);
  min-height: auto;
  padding-block: calc(var(--sa-spacing) * 4);
  background-color: #0000;
  display: flex;
}

@media not all and (min-width: 48rem) {
  .marketos-card-section.marketos-features-list.marketos-card-section .marketos-card {
    padding-inline: calc(var(--sa-spacing) * 4);
  }
}

@media (min-width: 48rem) {
  .marketos-card-section.marketos-features-list.marketos-card-section .marketos-card {
    border-right-style: var(--tw-border-style);
    padding-inline: calc(var(--sa-spacing) * 8);
    border-right-width: 2px;
  }
}

@media (min-width: 80rem) {
  .marketos-card-section.marketos-features-list.marketos-card-section .marketos-card:nth-child(3n) {
    border-right-style: var(--tw-border-style);
    border-right-width: 0;
  }
}

@media (max-width: 80rem) {
  .marketos-card-section.marketos-features-list.marketos-card-section .marketos-card:nth-child(2n) {
    border-right-style: var(--tw-border-style) !important;
    border-right-width: 0 !important;
  }
}

@media (min-width: 48rem) {
  .marketos-card-section.marketos-features-list.marketos-card-section .marketos-card:nth-child(-n+3) {
    padding-top: calc(var(--sa-spacing) * 8);
    padding-bottom: calc(var(--sa-spacing) * 6);
  }

  .marketos-card-section.marketos-features-list.marketos-card-section .marketos-card:nth-last-child(-n+3) {
    padding-top: calc(var(--sa-spacing) * 6);
    padding-bottom: calc(var(--sa-spacing) * 8);
  }
}

.marketos-card-section.marketos-features-list.marketos-card-section .marketos-card h3 {
  text-align: left;
}

@media not all and (min-width: 40rem) {
  .marketos-card-section.marketos-features-list.marketos-card-section .marketos-card h3 {
    font-size: var(--sa-text-sm);
    line-height: var(--tw-leading, var(--sa-text-sm--line-height));
  }
}

.marketos-card-section.marketos-features-list.marketos-card-section .marketos-card:hover h3 {
  color: var(--sa-color-black);
}

.marketos-card-section.marketos-features-list.marketos-card-section .marketos-card .marketos-card-icon {
  margin: calc(var(--sa-spacing) * 0);
  width: calc(var(--sa-spacing) * 12);
  height: calc(var(--sa-spacing) * 12);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--sa-color-white);
  background-color: var(--color-primary);
  --tw-drop-shadow-size: drop-shadow(0 9px 7px var(--tw-drop-shadow-color, #0000001a));
  --tw-drop-shadow: drop-shadow(var(--sa-drop-shadow-xl));
  filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  border-radius: 3.40282e38px;
  place-items: center;
  display: grid;
}

.marketos-card-section.marketos-features-list.marketos-card-section .marketos-card .marketos-card-icon svg {
  width: calc(var(--sa-spacing) * 6);
  height: calc(var(--sa-spacing) * 6);
  color: var(--sa-color-white);
}

.marketos-card-section.marketos-features-list.marketos-card-section .marketos-card .marketos-card-body {
  padding: calc(var(--sa-spacing) * 0);
}

.marketos-card-section.marketos-features-card.marketos-card-section {
  max-width: var(--sa-container-4xl);
  gap: calc(var(--sa-spacing) * 0);
  background-color: #0000;
  margin: auto;
}

.marketos-card-section.marketos-features-card.marketos-card-section .marketos-card {
  --tw-border-style: dashed;
  border-style: dashed;
  border-color: var(--sa-color-white);
  min-height: auto;
  padding-inline: calc(var(--sa-spacing) * 14);
  padding-top: calc(var(--sa-spacing) * 4);
  padding-bottom: calc(var(--sa-spacing) * 7);
  text-align: center;
  background-color: #0000;
}

@media (min-width: 48rem) {
  .marketos-card-section.marketos-features-card.marketos-card-section .marketos-card {
    border-top-style: var(--tw-border-style);
    border-top-width: 0;
    border-right-style: var(--tw-border-style);
    border-right-width: 2px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
    border-left-style: var(--tw-border-style);
    border-left-width: 0;
  }
}

@media not all and (min-width: 48rem) {
  .marketos-card-section.marketos-features-card.marketos-card-section .marketos-card {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .marketos-card-section.marketos-features-card.marketos-card-section .marketos-card:not(:last-child) {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }
}

@media (min-width: 48rem) {
  .marketos-card-section.marketos-features-card.marketos-card-section .marketos-card:nth-last-child(-n+2) {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .marketos-card-section.marketos-features-card.marketos-card-section .marketos-card:nth-child(2n) {
    border-right-style: var(--tw-border-style);
    border-right-width: 0;
  }
}

.marketos-card-section.marketos-features-card.marketos-card-section .marketos-card-body {
  padding: calc(var(--sa-spacing) * 0);
}

.marketos-card-section.marketos-features-card.marketos-card-section .marketos-card-body h3 {
  text-transform: capitalize;
}

.marketos-card-section.marketos-equal-columns-card.marketos-card-section:not(.marketos-card-section.marketos-equal-columns-card.marketos-grid-card) {
  gap: calc(var(--sa-spacing) * 0);
  border-radius: var(--sa-radius-xl);
  border-style: var(--tw-border-style);
  --tw-border-style: dashed;
  border-style: dashed;
  border-width: 2px;
  border-color: var(--color-primary);
  padding: calc(var(--sa-spacing) * 0);
  position: relative;
  overflow: hidden;
}

.marketos-card-section.marketos-equal-columns-card.marketos-card-section:not(.marketos-card-section.marketos-equal-columns-card.marketos-grid-card) .marketos-card {
  border-style: var(--tw-border-style);
  background-color: var(--color-base-100);
  border-width: 0;
  position: relative;
}

.marketos-card-section.marketos-equal-columns-card.marketos-card-section:not(.marketos-card-section.marketos-equal-columns-card.marketos-grid-card) .marketos-card:after {
  content: var(--tw-content);
  content: var(--tw-content);
  inset: calc(var(--sa-spacing) * 0);
  content: var(--tw-content);
  border-bottom-style: var(--tw-border-style);
  content: var(--tw-content);
  --tw-border-style: dashed;
  content: var(--tw-content);
  border-style: dashed;
  border-bottom-width: 2px;
  border-color: var(--color-primary);
  position: absolute;
}

.marketos-card-section.marketos-equal-columns-card.marketos-card-section:not(.marketos-card-section.marketos-equal-columns-card.marketos-grid-card) .marketos-card:last-child:after {
  content: var(--tw-content);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 0;
}

@media (min-width: 48rem) {
  .marketos-card-section.marketos-equal-columns-card.marketos-card-section:not(.marketos-card-section.marketos-equal-columns-card.marketos-grid-card) .marketos-card:after {
    content: var(--tw-content);
    border-right-style: var(--tw-border-style);
    border-right-width: 2px;
  }
}

@media (min-width: 80rem) {
  .marketos-card-section.marketos-equal-columns-card.marketos-card-section:not(.marketos-card-section.marketos-equal-columns-card.marketos-grid-card) .marketos-card:after {
    content: var(--tw-content);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }
}

@media not all and (min-width: 80rem) {
  .marketos-card-section.marketos-equal-columns-card.marketos-card-section:not(.marketos-card-section.marketos-equal-columns-card.marketos-grid-card) .marketos-card:nth-child(2n):after {
    content: var(--tw-content);
    border-right-style: var(--tw-border-style);
    border-right-width: 0;
  }
}

@media (min-width: 80rem) {
  .marketos-card-section.marketos-equal-columns-card.marketos-card-section:not(.marketos-card-section.marketos-equal-columns-card.marketos-grid-card) .marketos-card:last-child:after {
    content: var(--tw-content);
    border-right-style: var(--tw-border-style);
    border-right-width: 0;
  }
}

.marketos-card-section.marketos-equal-columns-card.marketos-card-section:not(.marketos-card-section.marketos-equal-columns-card.marketos-grid-card) .marketos-card .marketos-card-body {
  height: 100%;
  padding-block: calc(var(--sa-spacing) * 11);
  text-align: left;
  justify-content: center;
}

.marketos-card-section.marketos-equal-columns-card.marketos-card-section:not(.marketos-card-section.marketos-equal-columns-card.marketos-grid-card) .marketos-card .marketos-card-body .marketos-content {
  gap: calc(var(--sa-spacing) * 4.5);
}

.marketos-card-section.marketos-equal-columns-card.marketos-grid-card {
  gap: calc(var(--sa-spacing) * 0);
  position: relative;
}

.marketos-card-section.marketos-equal-columns-card.marketos-grid-card:after {
  content: var(--tw-content);
  pointer-events: none;
  content: var(--tw-content);
  content: var(--tw-content);
  inset: calc(var(--sa-spacing) * 0);
  content: var(--tw-content);
  border-style: var(--tw-border-style);
  content: var(--tw-content);
  --tw-border-style: dashed;
  content: var(--tw-content);
  border: 2px dashed;
  position: absolute;
}

.marketos-card-section.marketos-equal-columns-card.marketos-grid-card .marketos-card {
  border-style: var(--tw-border-style);
  min-height: auto;
  padding-block: calc(var(--sa-spacing) * 10);
  text-align: center;
  border-width: 0;
  position: relative;
}

.marketos-card-section.marketos-equal-columns-card.marketos-grid-card .marketos-card:after {
  content: var(--tw-content);
  content: var(--tw-content);
  inset: calc(var(--sa-spacing) * 0);
  content: var(--tw-content);
  border-right-style: var(--tw-border-style);
  content: var(--tw-content);
  border-right-width: 2px;
  border-bottom-style: var(--tw-border-style);
  content: var(--tw-content);
  --tw-border-style: dashed;
  content: var(--tw-content);
  border-style: dashed;
  border-color: currentColor;
  border-bottom-width: 2px;
  position: absolute;
}

.marketos-card-section.marketos-equal-columns-card.marketos-grid-card .marketos-card .marketos-card-body {
  height: 100%;
  padding-inline: calc(var(--sa-spacing) * 5);
  justify-content: center;
}

.marketos-card-section.marketos-column-card.marketos-card-section {
  width: 100%;
  max-width: var(--sa-container-4xl);
  padding: calc(var(--sa-spacing) * 0);
  margin: auto;
}

.marketos-card-section.marketos-column-card.marketos-card-section .marketos-card {
  border-radius: var(--sa-radius-xl);
  border-style: var(--tw-border-style);
  --tw-border-style: dashed;
  border-style: dashed;
  border-width: 2px;
  border-color: var(--color-primary);
  padding: calc(var(--sa-spacing) * 0);
  background-color: #0000;
}

.marketos-card-section.marketos-column-card.marketos-card-section .marketos-card .marketos-card-body {
  height: 100%;
  padding: calc(var(--sa-spacing) * 11);
  text-align: left;
}

.marketos-card-section.marketos-column-card.marketos-card-section .marketos-card .marketos-card-body .marketos-content {
  gap: calc(var(--sa-spacing) * 4.5);
}

.marketos-card-section.marketos-post-card .marketos-card {
  border-style: var(--tw-border-style);
  border-width: 0;
}

.marketos-card-section.marketos-post-card .marketos-card:after {
  content: var(--tw-content);
  content: var(--tw-content);
  inset-block: calc(var(--sa-spacing) * 0);
  content: var(--tw-content);
  right: calc(var(--sa-spacing) * 0);
  content: var(--tw-content);
  content: var(--tw-content);
  content: var(--tw-content);
  content: var(--tw-content);
  background-color: var(--sa-color-white);
  width: 1px;
  height: 100%;
  margin: auto;
  position: absolute;
}

@supports (color: color-mix(in lab, red, red)) {
  .marketos-card-section.marketos-post-card .marketos-card:after {
    background-color: color-mix(in oklab, var(--sa-color-white) 10%, transparent);
  }
}

.marketos-card-section.marketos-post-card .marketos-card:last-child:after {
  content: var(--tw-content);
  display: none;
}

.marketos-card-section.marketos-post-card .marketos-card figure {
  height: auto;
}

.marketos-card-section.marketos-post-card .marketos-card figure img {
  height: calc(var(--sa-spacing) * 96);
  object-fit: contain;
  width: 100%;
}

.marketos-card-section.marketos-post-card .marketos-card .marketos-card-body {
  padding-block: calc(var(--sa-spacing) * 0);
  margin: auto;
}

@media not all and (min-width: 64rem) {
  .marketos-card-section.marketos-post-card .marketos-card .marketos-card-body {
    padding-inline: calc(var(--sa-spacing) * 4);
  }
}

@media (min-width: 64rem) {
  .marketos-card-section.marketos-post-card .marketos-card .marketos-card-body {
    width: 95%;
  }
}

.marketos-card-section.marketos-post-card .marketos-card .marketos-card-body .marketos-content {
  gap: calc(var(--sa-spacing) * 5);
}

.marketos-card-section.marketos-projects-card .marketos-card {
  min-height: calc(var(--sa-spacing) * 106);
  border-radius: var(--sa-radius-4xl);
  background-color: var(--color-base-100);
  flex-direction: column-reverse;
  display: flex;
}

.marketos-card-section.marketos-projects-card .marketos-card figure {
  height: calc(var(--sa-spacing) * 83);
  margin-inline-start: calc(var(--sa-spacing) * 11);
}

.marketos-card-section.marketos-projects-card .marketos-card figure img {
  object-position: left top;
}

.marketos-card-section.marketos-projects-card .marketos-card .marketos-card-body {
  padding-inline: calc(var(--sa-spacing) * 11);
  padding-block: calc(var(--sa-spacing) * 8);
}

.marketos-card-section.marketos-projects-card .marketos-card .marketos-card-body h3 {
  color: var(--sa-color-white);
}

.marketos-card-section.marketos-simple-card .marketos-card {
  all: unset;
}

@media not all and (min-width: 80rem) {
  .marketos-card-section.marketos-simple-card .marketos-card {
    grid-column: 1 / -1 !important;
  }
}

@media (min-width: 80rem) {
  .marketos-card-section.marketos-simple-card .marketos-card {
    grid-column: span 4 / span 4;
  }
}

.marketos-card-section.marketos-simple-card .marketos-card .marketos-card-body {
  padding: calc(var(--sa-spacing) * 0);
}

.marketos-card-section.marketos-hexagon-card {
  min-width: calc(var(--sa-spacing) * 375);
  gap: calc(var(--sa-spacing) * 2);
}

.marketos-card-section.marketos-hexagon-card .marketos-card {
  min-height: calc(var(--sa-spacing) * 68);
  justify-content: center;
  gap: calc(var(--sa-spacing) * 4);
  border-style: var(--tw-border-style);
  padding: calc(var(--sa-spacing) * 4);
  background-repeat: no-repeat;
  border-width: 0;
  flex-direction: column;
  flex: 1;
  display: flex;
}

.marketos-card-section.marketos-hexagon-card .marketos-card .marketos-card-body {
  padding: calc(var(--sa-spacing) * 0);
}

.marketos-card-section.marketos-hexagon-card .marketos-card .marketos-card-body .marketos-content {
  gap: calc(var(--sa-spacing) * 4);
  text-align: center;
}

.marketos-card-section.marketos-hexagon-card .marketos-card .marketos-card-body .marketos-content h3 {
  -webkit-line-clamp: 2;
  height: calc(var(--sa-spacing) * 13.5);
  padding-inline: calc(var(--sa-spacing) * 5);
  font-size: var(--sa-text-xl);
  line-height: var(--tw-leading, var(--sa-text-xl--line-height));
  --tw-leading: 1;
  text-transform: capitalize;
  -webkit-box-orient: vertical;
  line-height: 1;
  display: -webkit-box;
  overflow: hidden;
}

.marketos-card-section.marketos-hexagon-card .marketos-card .marketos-card-body .marketos-content p {
  font-size: var(--sa-text-sm);
  line-height: var(--tw-leading, var(--sa-text-sm--line-height));
}

.marketos-card-section.marketos-hexagon-card.marketos-hexagon-dark-card .marketos-card {
  background-image: url("/assets/vector-graphics/svgo-optimized/box-shape.svg");
}

.marketos-card-section.marketos-hexagon-card.marketos-hexagon-primary-card .marketos-card {
  color: var(--sa-color-white);
  background-image: url("/assets/vector-graphics/svgo-optimized/box-shape-primary.svg");
}

.marketos-card-section.marketos-circle-card {
  gap: calc(var(--sa-spacing) * 0);
  padding-inline: calc(var(--sa-spacing) * 4);
  padding-top: calc(var(--sa-spacing) * 2);
  margin: auto;
}

@media not all and (min-width: 96rem) {
  .marketos-card-section.marketos-circle-card {
    margin-left: calc(var(--sa-spacing) * 4);
    width: calc(var(--sa-spacing) * 376);
  }
}

@media (min-width: 96rem) {
  .marketos-card-section.marketos-circle-card {
    width: calc(var(--sa-spacing) * 384);
    padding-inline: calc(var(--sa-spacing) * 9) !important;
  }
}

.marketos-card-section.marketos-circle-card .marketos-card {
  min-height: calc(var(--sa-spacing) * 62);
  border-style: var(--tw-border-style);
  padding-inline: calc(var(--sa-spacing) * 3);
  text-align: center;
  background-image: none;
  border-width: 0;
  align-items: center;
  display: flex;
  position: relative;
  overflow: unset !important;
}

.marketos-card-section.marketos-circle-card .marketos-card:after {
  content: var(--tw-content);
  content: var(--tw-content);
  inset-block: calc(var(--sa-spacing) * 0);
  content: var(--tw-content);
  left: calc(var(--sa-spacing) * -6);
  content: var(--tw-content);
  height: calc(var(--sa-spacing) * 62);
  content: var(--tw-content);
  width: calc(var(--sa-spacing) * 72);
  content: var(--tw-content);
  content: var(--tw-content);
  background-image: url("/assets/vector-graphics/svgo-optimized/solution-circle-bg.svg");
  background-size: 100% 100%;
  position: absolute;
}

.marketos-card-section.marketos-circle-card .marketos-card .marketos-card-body {
  gap: calc(var(--sa-spacing) * 2);
  padding: calc(var(--sa-spacing) * 0);
}

.marketos-card-section.marketos-circle-card .marketos-card:nth-child(2n):after {
  content: var(--tw-content);
  top: calc(var(--sa-spacing) * -1.5);
  content: var(--tw-content);
  rotate: 180deg;
}

.marketos-card-section.marketos-bracketed-card {
  min-height: calc(var(--sa-spacing) * 82);
  min-width: calc(var(--sa-spacing) * 375);
  gap: calc(var(--sa-spacing) * 0);
  counter-reset: counter;
  background-image: url("/assets/vector-graphics/svgo-optimized/key-pillars-bg.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.marketos-card-section.marketos-bracketed-card .marketos-card {
  justify-content: center;
  align-items: center;
  gap: calc(var(--sa-spacing) * 4);
  border-style: var(--tw-border-style);
  padding: calc(var(--sa-spacing) * 7);
  border-width: 0;
  flex-direction: column;
  display: flex;
  position: relative;
}

.marketos-card-section.marketos-bracketed-card .marketos-card:before {
  content: counter(counter);
  counter-increment: counter;
  width: calc(var(--sa-spacing) * 14);
  height: calc(var(--sa-spacing) * 14);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-primary);
  text-align: center;
  font-size: var(--sa-text-3xl);
  line-height: var(--tw-leading, var(--sa-text-3xl--line-height));
  --tw-font-weight: var(--sa-font-weight-light);
  font-weight: var(--sa-font-weight-light);
  color: var(--color-primary);
  border-radius: 3.40282e38px;
  place-content: center;
  display: block;
}

.marketos-card-section.marketos-bracketed-card .marketos-card .marketos-card-body {
  padding: calc(var(--sa-spacing) * 0);
}

.marketos-card-section.marketos-bracketed-card .marketos-card .marketos-content {
  gap: calc(var(--sa-spacing) * 4);
  text-align: center;
}

.marketos-card-section.marketos-bracketed-card .marketos-card .marketos-content h3 {
  -webkit-line-clamp: 2;
  height: calc(var(--sa-spacing) * 12);
  font-size: var(--sa-text-base);
  line-height: var(--tw-leading, var(--sa-text-base--line-height));
  -webkit-box-orient: vertical;
  place-content: center;
  display: -webkit-box;
  overflow: hidden;
}

.marketos-card-section.marketos-bracketed-card .marketos-card .marketos-content p {
  -webkit-line-clamp: 6;
  height: calc(var(--sa-spacing) * 30);
  font-size: var(--sa-text-sm);
  line-height: var(--tw-leading, var(--sa-text-sm--line-height));
  text-wrap: pretty;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.marketos-card-section.marketos-bracketed-card.marketos-bracketed-cols-5 {
  width: 100%;
  max-width: calc(var(--sa-spacing) * 300);
  min-width: calc(var(--sa-spacing) * 300);
  background-image: url("/assets/vector-graphics/svgo-optimized/key-pillars-bg-v2.svg");
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin: auto;
}

.marketos-card-section.marketos-bracketed-card.marketos-bracketed-cols-5 .marketos-card:before {
  content: var(--tw-content);
  display: none;
}

.marketos-card-section.marketos-bracketed-card.marketos-bracketed-cols-5 .marketos-card h3, .marketos-card-section.marketos-bracketed-card.marketos-bracketed-cols-5 .marketos-card p {
  height: auto;
}

.marketos-cs-metadata {
  align-items: center;
  gap: calc(var(--sa-spacing) * 4);
  grid-template-columns: repeat(1, minmax(0, 1fr));
  display: grid;
}

@media (min-width: 40rem) {
  .marketos-cs-metadata {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 48rem) {
  .marketos-cs-metadata {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

:where(.marketos-cs-metadata figcaption > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--sa-spacing) * 5) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--sa-spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
}

.marketos-cs-metadata figcaption small {
  padding-left: calc(var(--sa-spacing) * 5);
  font-size: var(--sa-text-base);
  line-height: var(--tw-leading, var(--sa-text-base--line-height));
  color: var(--color-primary);
  display: block;
  position: relative;
}

.marketos-cs-metadata figcaption small:after {
  content: var(--tw-content);
  content: var(--tw-content);
  inset-block: calc(var(--sa-spacing) * 0);
  content: var(--tw-content);
  left: calc(var(--sa-spacing) * 0);
  content: var(--tw-content);
  content: var(--tw-content);
  height: calc(var(--sa-spacing) * 2);
  content: var(--tw-content);
  width: calc(var(--sa-spacing) * 2);
  content: var(--tw-content);
  content: var(--tw-content);
  background-color: var(--color-primary);
  border-radius: 3.40282e38px;
  margin-block: auto;
  position: absolute;
}

.marketos-cs-metadata figcaption span {
  display: block;
}

.marketos-gallery {
  gap: calc(var(--sa-spacing) * 4);
  grid-template-columns: repeat(1, minmax(0, 1fr));
  display: grid;
}

@media (min-width: 48rem) {
  .marketos-gallery {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 64rem) {
  .marketos-gallery {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.marketos-gallery img {
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-primary);
}

@supports (color: color-mix(in lab, red, red)) {
  .marketos-gallery img {
    border-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
  }
}

.marketos-faq ul {
  margin-inline-start: calc(var(--sa-spacing) * 2);
  padding-inline-start: calc(var(--sa-spacing) * 2);
  list-style-type: disc;
}

.marketos-faq .marketos-item {
  margin-bottom: calc(var(--sa-spacing) * 4);
}

.marketos-faq .marketos-item input {
  width: 100%;
  height: 100%;
}

.marketos-faq .marketos-item h3 {
  cursor: pointer;
  background-color: var(--color-base-100);
}

@supports (color: color-mix(in lab, red, red)) {
  .marketos-faq .marketos-item h3 {
    background-color: color-mix(in oklab, var(--color-base-100) 5%, transparent);
  }
}

.marketos-faq .marketos-item h3 {
  padding-inline: calc(var(--sa-spacing) * 6);
  padding-block: calc(var(--sa-spacing) * 4);
  font-size: var(--sa-text-base);
  line-height: var(--tw-leading, var(--sa-text-base--line-height));
  text-transform: capitalize;
}

.marketos-faq .marketos-content {
  gap: calc(var(--sa-spacing) * 2.5);
  padding-top: calc(var(--sa-spacing) * 4);
  font-size: var(--sa-text-sm);
  line-height: var(--tw-leading, var(--sa-text-sm--line-height));
  --tw-font-weight: var(--sa-font-weight-normal);
  font-weight: var(--sa-font-weight-normal);
  flex-direction: column;
  display: flex;
}

.marketos-clients {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}

@media (min-width: 40rem) {
  .marketos-clients {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.marketos-clients figure {
  height: calc(var(--sa-spacing) * 20);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--sa-color-black);
  place-content: center;
  width: 100%;
  display: grid;
}

@supports (color: color-mix(in lab, red, red)) {
  .marketos-clients figure {
    border-color: color-mix(in oklab, var(--sa-color-black) 10%, transparent);
  }
}

.marketos-clients figure img {
  height: calc(var(--sa-spacing) * 20);
  width: calc(var(--sa-spacing) * 36);
  object-fit: contain;
  padding: calc(var(--sa-spacing) * 4);
}

.marketos-clients figure figcaption {
  padding: calc(var(--sa-spacing) * 3);
  text-align: center;
}

@media (min-width: 80rem) {
  .marketos-clients figure:not(:nth-last-child(-n+3)) {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .marketos-clients figure:not(:nth-child(3n), :last-child) {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
}

.marketos-clients figure:not(:nth-last-child(-n+2)) {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 0;
}

@media (min-width: 40rem) {
  .marketos-clients figure:not(:nth-last-child(-n+2)) {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
}

.brand-swiper-slide figure {
  display: block !important;
}

.marketos-support {
  max-width: var(--sa-container-6xl);
  gap: calc(var(--sa-spacing) * 4);
  background-color: var(--sa-color-white);
  padding-inline: calc(var(--sa-spacing) * 10);
  padding-block: calc(var(--sa-spacing) * 8);
  grid-template-columns: repeat(12, minmax(0, 1fr));
  margin: auto;
  display: grid;
}

.marketos-support .marketos-content {
  grid-column: 1 / -1;
}

:where(.marketos-support .marketos-content > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--sa-spacing) * 6) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--sa-spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
}

@media (min-width: 64rem) {
  .marketos-support .marketos-content {
    grid-column: span 9 / span 9;
  }
}

:where(.marketos-support .marketos-content > div > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--sa-spacing) * 6) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--sa-spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
}

.marketos-support .marketos-content > div h2 {
  margin-bottom: calc(var(--sa-spacing) * 0);
  color: var(--color-primary);
}

.marketos-support .marketos-content > div h2 small {
  font-size: var(--sa-text-sm);
  line-height: var(--tw-leading, var(--sa-text-sm--line-height));
  --tw-tracking: var(--sa-tracking-wider);
  letter-spacing: var(--sa-tracking-wider);
  color: var(--sa-color-raw-neutral-fg-light);
  display: block;
}

.marketos-support .marketos-contact-detail {
  grid-column: 1 / -1;
}

@media (min-width: 64rem) {
  .marketos-support .marketos-contact-detail {
    grid-column: span 3 / span 3;
  }
}

.marketos-support .marketos-contact-detail strong {
  margin-bottom: calc(var(--sa-spacing) * 5);
  text-transform: uppercase;
  display: block;
}

.marketos-support .marketos-contact-detail a, .marketos-support .marketos-contact-detail button {
  margin-bottom: calc(var(--sa-spacing) * 2.5);
  cursor: pointer;
  align-items: center;
  gap: calc(var(--sa-spacing) * 3);
  text-underline-offset: 4px;
  text-decoration-line: underline;
  display: flex;
}

@media (hover: hover) {
  :is(.marketos-support .marketos-contact-detail a, .marketos-support .marketos-contact-detail button):hover {
    color: var(--color-primary);
  }
}

:is(.marketos-support .marketos-contact-detail a, .marketos-support .marketos-contact-detail button) svg {
  width: calc(var(--sa-spacing) * 5);
  height: calc(var(--sa-spacing) * 5);
}

.marketos-case-studies .marketos-content {
  z-index: 0;
  align-items: flex-start;
  gap: calc(var(--sa-spacing) * 8);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: color-mix(in oklab, var(--sa-color-white) 20%, transparent);
  padding-inline: calc(var(--sa-spacing) * 6);
  padding-block: calc(var(--sa-spacing) * 8);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--sa-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--sa-default-transition-duration));
  flex-direction: column;
  display: flex;
  position: relative;
  overflow: hidden;
  min-height: calc(var(--sa-spacing) * 120) !important;
}

@media (hover: hover) {
  .marketos-case-studies .marketos-content:hover {
    background-color: var(--color-base-100);
  }
}

@media (min-width: 64rem) {
  .marketos-case-studies .marketos-content {
    min-height: calc(var(--sa-spacing) * 80);
  }
}

.marketos-case-studies .marketos-content:after {
  content: var(--tw-content);
  content: var(--tw-content);
  inset: calc(var(--sa-spacing) * 0);
  content: var(--tw-content);
  z-index: calc(10 * -1);
  content: var(--tw-content);
  content: var(--tw-content);
  height: calc(var(--sa-spacing) * 56);
  content: var(--tw-content);
  content: var(--tw-content);
  content: var(--tw-content);
  background-color: var(--color-primary);
  border-radius: 3.40282e38px;
  width: 100%;
  margin: auto;
  position: absolute;
}

@supports (color: color-mix(in lab, red, red)) {
  .marketos-case-studies .marketos-content:after {
    background-color: color-mix(in oklab, var(--color-primary) 50%, transparent);
  }
}

.marketos-case-studies .marketos-content:after {
  content: var(--tw-content);
  opacity: 0;
  content: var(--tw-content);
  --tw-blur: blur(var(--sa-blur-2xl));
  filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  content: var(--tw-content);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--sa-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--sa-default-transition-duration));
  --tw-content: "";
  content: var(--tw-content);
}

@media (min-width: 80rem) {
  .marketos-case-studies .marketos-content:after {
    content: var(--tw-content);
    opacity: .2;
  }
}

.marketos-case-studies .marketos-content ul, .marketos-case-studies .marketos-content figure {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--sa-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--sa-default-transition-duration));
}

.marketos-case-studies .marketos-content ul {
  pointer-events: none;
  opacity: 0;
}

.marketos-case-studies .marketos-content figure {
  pointer-events: auto;
  inset: calc(var(--sa-spacing) * 0);
  margin: calc(var(--sa-spacing) * 6);
  --tw-scale-x: 100%;
  --tw-scale-y: 100%;
  --tw-scale-z: 100%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
  justify-content: center;
  gap: calc(var(--sa-spacing) * 4);
  opacity: 1;
  flex-direction: column;
  display: flex;
  position: absolute;
}

.marketos-case-studies .marketos-content figure > img {
  height: calc(var(--sa-spacing) * 12);
  width: calc(var(--sa-spacing) * 36);
  object-fit: contain;
  filter: invert() brightness(100) contrast(100);
}

.marketos-case-studies .marketos-content:hover figure {
  opacity: 0;
}

.marketos-case-studies .marketos-content:hover ul {
  opacity: 1;
}

.marketos-case-studies .marketos-content h3, .marketos-case-studies .marketos-content h4 {
  -webkit-line-clamp: 2;
  font-size: var(--sa-text-base);
  line-height: var(--tw-leading, var(--sa-text-base--line-height));
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.marketos-case-studies .marketos-content a {
  bottom: calc(var(--sa-spacing) * 6);
  position: absolute;
}

.marketos-case-studies .marketos-content a:after {
  content: var(--tw-content);
  content: var(--tw-content);
  inset: calc(var(--sa-spacing) * 0);
  --tw-content: "";
  content: var(--tw-content);
  position: absolute;
}

.marketos-case-studies .marketos-content ul {
  gap: calc(var(--sa-spacing) * 4);
  flex-direction: column;
  display: flex;
}

.marketos-case-studies .marketos-content ul li {
  padding-left: calc(var(--sa-spacing) * 4);
  font-size: var(--sa-text-sm);
  line-height: var(--tw-leading, var(--sa-text-sm--line-height));
  --tw-leading: var(--sa-leading-normal);
  line-height: var(--sa-leading-normal);
  text-wrap: balance;
  position: relative;
}

.marketos-case-studies .marketos-content ul li:after {
  content: var(--tw-content);
  content: var(--tw-content);
  top: calc(var(--sa-spacing) * 2);
  content: var(--tw-content);
  left: calc(var(--sa-spacing) * 0);
  content: var(--tw-content);
  height: calc(var(--sa-spacing) * 2);
  content: var(--tw-content);
  width: calc(var(--sa-spacing) * 2);
  content: var(--tw-content);
  background-color: var(--color-primary);
  --tw-content: "";
  content: var(--tw-content);
  position: absolute;
}

.marketos-cta-section {
  padding: calc(var(--sa-spacing) * 6);
  background-image: url("/assets/vector-graphics/svgo-optimized/cta-bg.svg");
  background-position: center;
  background-size: cover;
}

@media (min-width: 96rem) {
  .marketos-cta-section {
    padding-block: calc(var(--sa-spacing) * 10);
    padding-inline-start: calc(var(--sa-spacing) * 10);
    padding-inline-end: calc(var(--sa-spacing) * 6);
  }
}

.marketos-cta-section .marketos-cta-content {
  margin-bottom: calc(var(--sa-spacing) * 8);
  color: var(--sa-color-white);
  flex: 1;
}

.marketos-cta-section .marketos-cta-content h2 {
  margin-bottom: calc(var(--sa-spacing) * 2);
}

.marketos-columns .marketos-row {
  gap: calc(var(--sa-spacing) * 5);
  display: grid;
}

@media (min-width: 48rem) {
  .marketos-columns .marketos-row {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}

:where(.marketos-columns .marketos-row .marketos-content > div > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--sa-spacing) * 4) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--sa-spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
}

.marketos-columns .marketos-row .marketos-content > div strong {
  display: block;
}

.marketos-columns .marketos-row img {
  width: 100%;
}

.marketos-columns.marketos-column-highlight {
  margin-inline: calc(var(--sa-spacing) * -4);
}

.marketos-columns.marketos-column-highlight .marketos-row {
  align-items: center;
}

.marketos-columns.marketos-column-highlight .marketos-row .marketos-content:first-child {
  z-index: 0;
  position: relative;
}

@media not all and (min-width: 64rem) {
  .marketos-columns.marketos-column-highlight .marketos-row .marketos-content:first-child {
    padding: calc(var(--sa-spacing) * 5);
  }
}

@media (min-width: 64rem) {
  .marketos-columns.marketos-column-highlight .marketos-row .marketos-content:first-child {
    padding-block: calc(var(--sa-spacing) * 10);
    padding-right: calc(var(--sa-spacing) * 5);
    grid-column: span 5 / span 5;
  }
}

@media (min-width: 80rem) {
  .marketos-columns.marketos-column-highlight .marketos-row .marketos-content:first-child {
    padding-block: calc(var(--sa-spacing) * 20);
    padding-right: calc(var(--sa-spacing) * 10);
  }
}

.marketos-columns.marketos-column-highlight .marketos-row .marketos-content:first-child:after {
  content: var(--tw-content);
  content: var(--tw-content);
  z-index: calc(10 * -1);
  content: var(--tw-content);
  width: calc(var(--sa-spacing) * 20);
  position: absolute;
}

@media not all and (min-width: 64rem) {
  .marketos-columns.marketos-column-highlight .marketos-row .marketos-content:first-child {
    --tw-shadow: 0px 20px 30px var(--tw-shadow-color, #00000040);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}

@media not all and (min-width: 64rem) {
  .marketos-columns.marketos-column-highlight .marketos-row .marketos-content:first-child:after {
    inset-inline: calc(var(--sa-spacing) * 0);
    content: var(--tw-content);
    bottom: calc(var(--sa-spacing) * 0);
  }
}

@media (min-width: 64rem) {
  .marketos-columns.marketos-column-highlight .marketos-row .marketos-content:first-child {
    --tw-shadow: 30px 0px 30px var(--tw-shadow-color, #00000040);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}

@media (min-width: 64rem) {
  .marketos-columns.marketos-column-highlight .marketos-row .marketos-content:first-child:after {
    inset-block: calc(var(--sa-spacing) * 0);
  }
}

.marketos-columns.marketos-column-highlight .marketos-row .marketos-content:first-child:after {
  content: var(--tw-content);
}

@media (min-width: 64rem) {
  .marketos-columns.marketos-column-highlight .marketos-row .marketos-content:first-child:after {
    right: calc(var(--sa-spacing) * 0);
  }
}

.marketos-columns.marketos-column-highlight .marketos-row .marketos-content:first-child h2 {
  font-size: var(--sa-text-3xl);
  line-height: var(--tw-leading, var(--sa-text-3xl--line-height));
  --tw-font-weight: var(--sa-font-weight-light);
  font-weight: var(--sa-font-weight-light);
  text-transform: capitalize;
}

@media (min-width: 48rem) {
  .marketos-columns.marketos-column-highlight .marketos-row .marketos-content:first-child h2 {
    font-size: var(--sa-text-5xl);
    line-height: var(--tw-leading, var(--sa-text-5xl--line-height));
  }
}

@media (min-width: 80rem) {
  .marketos-columns.marketos-column-highlight .marketos-row .marketos-content:first-child h2 {
    font-size: var(--sa-text-6xl);
    line-height: var(--tw-leading, var(--sa-text-6xl--line-height));
  }
}

.marketos-columns.marketos-column-highlight .marketos-row .marketos-content:last-child {
  padding-block: calc(var(--sa-spacing) * 10);
  padding-left: calc(var(--sa-spacing) * 10);
}

@media (min-width: 64rem) {
  .marketos-columns.marketos-column-highlight .marketos-row .marketos-content:last-child {
    grid-column: span 7 / span 7;
  }
}

@media (min-width: 80rem) {
  .marketos-columns.marketos-column-highlight .marketos-row .marketos-content:last-child {
    padding-block: calc(var(--sa-spacing) * 20);
    padding-left: calc(var(--sa-spacing) * 20);
  }
}

.marketos-columns.marketos-column-highlight .marketos-row .marketos-content:last-child ol {
  -moz-column-gap: calc(var(--sa-spacing) * 30);
       column-gap: calc(var(--sa-spacing) * 30);
  row-gap: calc(var(--sa-spacing) * 4);
  list-style-type: decimal;
  display: grid;
}

@media not all and (min-width: 48rem) {
  .marketos-columns.marketos-column-highlight .marketos-row .marketos-content:last-child ol {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

@media (min-width: 48rem) {
  .marketos-columns.marketos-column-highlight .marketos-row .marketos-content:last-child ol {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 80rem) {
  .marketos-columns.marketos-column-highlight .marketos-row .marketos-content:last-child ol {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.marketos-hero-split {
  gap: calc(var(--sa-spacing) * 4);
  grid-template-columns: repeat(12, minmax(0, 1fr));
  display: grid;
}

.marketos-hero-split .marketos-content {
  z-index: 10;
  justify-content: center;
  gap: calc(var(--sa-spacing) * 4);
  flex-direction: column;
  display: flex;
  position: relative;
}

.marketos-hero-split .marketos-content h1 {
  color: var(--color-primary);
}

.marketos-hero-split .marketos-content p {
  font-size: var(--sa-text-lg);
  line-height: var(--tw-leading, var(--sa-text-lg--line-height));
}

.marketos-hero-split .marketos-content ul {
  -moz-column-gap: calc(var(--sa-spacing) * 4);
       column-gap: calc(var(--sa-spacing) * 4);
  row-gap: calc(var(--sa-spacing) * 2);
  flex-flow: wrap;
}

.marketos-hero-split .marketos-content ul li {
  flex-basis: 48%;
}

.marketos-hero-split .marketos-modal-img img {
  height: auto;
  width: calc(var(--sa-spacing) * 150);
}

.marketos-hero-split .marketos-shape {
  inset: calc(var(--sa-spacing) * 0);
  z-index: calc(10 * -1);
  width: 100%;
  position: absolute;
}

.marketos-hero-split .marketos-shape img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}

.marketos-submenu {
  border-style: var(--tw-border-style);
  padding-inline: calc(var(--sa-spacing) * 13);
  padding-block: calc(var(--sa-spacing) * 0);
  border-width: 0;
  border-radius: 0;
  display: flex;
}

.marketos-submenu button {
  all: unset;
  z-index: 0;
  cursor: pointer;
  align-items: center;
  gap: calc(var(--sa-spacing) * 2);
  border-bottom-style: var(--tw-border-style);
  padding-block: calc(var(--sa-spacing) * 4);
  white-space: nowrap;
  border-color: #0000;
  border-bottom-width: 2px;
  display: flex;
  position: relative;
  padding-inline: calc(var(--sa-spacing) * 3) !important;
}

.marketos-submenu button svg {
  width: calc(var(--sa-spacing) * 3);
  height: calc(var(--sa-spacing) * 3);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--sa-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--sa-default-transition-duration));
}

.marketos-submenu button:hover, .marketos-submenu button.marketos-active {
  border-color: var(--color-primary);
}

.marketos-submenu a {
  font-size: var(--sa-text-sm);
  line-height: var(--tw-leading, var(--sa-text-sm--line-height));
  --tw-font-weight: var(--sa-font-weight-medium);
  font-weight: var(--sa-font-weight-medium);
  text-transform: uppercase;
  justify-content: flex-start;
}

.marketos-submenu .sa\:dui-dropdown a.marketos-active {
  background-color: var(--color-base-content);
}

@supports (color: color-mix(in lab, red, red)) {
  .marketos-submenu .sa\:dui-dropdown a.marketos-active {
    background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
  }
}

.marketos-submenu .sa\:dui-dropdown:hover button {
  border-color: var(--color-primary);
}

.marketos-submenu .sa\:dui-dropdown:hover button svg {
  rotate: 180deg;
}

header {
  inset-inline: calc(var(--sa-spacing) * 0);
  top: calc(var(--sa-spacing) * 0);
  z-index: 50;
  background-color: var(--color-base-200);
}

@supports (color: color-mix(in lab, red, red)) {
  header {
    background-color: color-mix(in oklab, var(--color-base-200) 40%, transparent);
  }
}

header {
  color: var(--sa-color-white);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--sa-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--sa-default-transition-duration));
  --tw-duration: .5s;
  --tw-ease: var(--sa-ease-in-out);
  transition-duration: .5s;
  transition-delay: 75ms;
  transition-timing-function: var(--sa-ease-in-out);
}

header hr {
  border-color: var(--color-base-200);
}

header.marketos-sticky-header {
  background-color: var(--color-base-100);
  position: fixed !important;
}

@supports (color: color-mix(in lab, red, red)) {
  header.marketos-sticky-header {
    background-color: color-mix(in oklab, var(--color-base-100) 30%, transparent);
  }
}

header.marketos-sticky-header {
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-backdrop-blur: blur(var(--sa-blur-md));
  backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
}

header.marketos-sticky-header .marketos-submenu {
  background-color: var(--color-base-100);
}

@supports (color: color-mix(in lab, red, red)) {
  header.marketos-sticky-header .marketos-submenu {
    background-color: color-mix(in oklab, var(--color-base-100) 70%, transparent);
  }
}

header.marketos-light-header {
  background-color: var(--sa-color-white);
}

@supports (color: color-mix(in lab, red, red)) {
  header.marketos-light-header {
    background-color: color-mix(in oklab, var(--sa-color-white) 30%, transparent);
  }
}

header.marketos-light-header {
  color: var(--sa-color-black);
}

header.marketos-light-header hr {
  border-color: var(--color-base-100);
}

@supports (color: color-mix(in lab, red, red)) {
  header.marketos-light-header hr {
    border-color: color-mix(in oklab, var(--color-base-100) 10%, transparent);
  }
}

header.marketos-light-header .marketos-submenu {
  background-color: var(--sa-color-white);
}

@supports (color: color-mix(in lab, red, red)) {
  header.marketos-light-header .marketos-submenu {
    background-color: color-mix(in oklab, var(--sa-color-white) 90%, transparent);
  }
}

header.marketos-light-header .marketos-submenu a {
  color: var(--sa-color-white);
}

header.marketos-light-header .marketos-main-menu .marketos-item a {
  text-transform: uppercase;
  color: var(--sa-color-black) !important;
}

@media (hover: hover) {
  header.marketos-light-header .marketos-main-menu .marketos-item a:hover {
    color: var(--sa-color-raw-babyblue-500) !important;
  }
}

header.marketos-light-header .marketos-main-menu .marketos-item a[data-tags="Global"] {
  color: var(--color-primary-content);
}

header.marketos-light-header .marketos-mega-menu, header.marketos-light-header .marketos-mega-menu button {
  color: var(--sa-color-white) !important;
}

@media (hover: hover) {
  header.marketos-light-header .marketos-mega-menu button:hover {
    color: var(--sa-color-raw-babyblue-500) !important;
  }
}

header.marketos-light-header .sa\:dui-divider:after, header.marketos-light-header .sa\:dui-divider:before {
  background-color: var(--color-base-200) !important;
}

@supports (color: color-mix(in lab, red, red)) {
  header.marketos-light-header .sa\:dui-divider:after, header.marketos-light-header .sa\:dui-divider:before {
    background-color: color-mix(in oklab, var(--color-base-200) 20%, transparent) !important;
  }
}

header.marketos-light-header .marketos-reach-us figcaption, header.marketos-light-header .marketos-reach-us span, header.marketos-light-header .marketos-reach-us button, header.marketos-light-header .marketos-reach-us a, header.marketos-light-header .marketos-reach-us small, header.marketos-light-header .marketos-mobile-menu * {
  color: var(--sa-color-white);
}

header nav {
  justify-content: space-between;
  gap: calc(var(--sa-spacing) * 4);
  padding-inline: calc(var(--sa-spacing) * 4);
  padding-block: calc(var(--sa-spacing) * 4);
  display: flex;
}

@media not all and (min-width: 40rem) {
  header nav {
    align-items: flex-start;
  }
}

@media (min-width: 40rem) {
  header nav {
    align-items: center;
  }
}

header nav .marketos-navigation-holder {
  flex-wrap: wrap;
  flex: 1;
  display: flex;
}

@media (min-width: 40rem) {
  header nav .marketos-navigation-holder {
    align-items: center;
    gap: calc(var(--sa-spacing) * 5);
  }
}

@media not all and (min-width: 80rem) {
  header nav .marketos-navigation-holder {
    justify-content: flex-end;
  }
}

@media not all and (min-width: 40rem) {
  header nav .marketos-navigation-holder {
    gap: calc(var(--sa-spacing) * 2);
  }
}

header nav .marketos-navigation-holder adastra-header-nav-desktop {
  flex: 1;
}

@media not all and (min-width: 80rem) {
  header nav .marketos-navigation-holder adastra-header-nav-desktop {
    display: none;
  }
}

header nav .marketos-navigation-holder > a {
  --tw-gradient-position: to right;
  border-color: #0000;
}

@supports (background-image: linear-gradient(in lab, red, red)) {
  header nav .marketos-navigation-holder > a {
    --tw-gradient-position: to right in oklab;
  }
}

header nav .marketos-navigation-holder > a {
  background-image: linear-gradient(var(--tw-gradient-stops));
  --tw-gradient-from: var(--sa-color-yellow-300);
  --tw-gradient-to: var(--sa-color-yellow-500);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  --tw-font-weight: var(--sa-font-weight-medium);
  font-weight: var(--sa-font-weight-medium);
  color: var(--sa-color-black);
}

@media (min-width: 40rem) {
  header nav .marketos-navigation-holder > a {
    font-size: var(--sa-text-sm);
    line-height: var(--tw-leading, var(--sa-text-sm--line-height));
  }
}

header nav .marketos-navigation-holder > a svg {
  width: calc(var(--sa-spacing) * 4.5);
  height: calc(var(--sa-spacing) * 4.5);
}

.marketos-social-holder {
  align-items: center;
  gap: calc(var(--sa-spacing) * 2.5);
  display: flex;
}

@media (min-width: 40rem) {
  .marketos-social-holder {
    justify-content: flex-end;
  }
}

.marketos-social-holder span {
  font-size: var(--sa-text-xs);
  line-height: var(--tw-leading, var(--sa-text-xs--line-height));
}

.marketos-social-holder .marketos-social-links {
  align-items: center;
  gap: calc(var(--sa-spacing) * 2);
  width: -moz-max-content;
  width: max-content;
  display: flex;
}

.marketos-social-holder .marketos-social-links svg {
  width: calc(var(--sa-spacing) * 4);
  height: calc(var(--sa-spacing) * 4);
}

.marketos-brand {
  align-items: center;
  display: flex;
}

@media not all and (min-width: 64rem) {
  .marketos-brand {
    flex-direction: row-reverse;
  }
}

@media not all and (min-width: 40rem) {
  .marketos-brand {
    width: calc(var(--sa-spacing) * 45);
    gap: calc(var(--sa-spacing) * 2);
  }
}

@media (min-width: 40rem) {
  .marketos-brand {
    width: calc(var(--sa-spacing) * 56);
    gap: calc(var(--sa-spacing) * 4);
  }
}

.marketos-brand a {
  display: block;
}

@media not all and (min-width: 40rem) {
  .marketos-brand a {
    width: calc(var(--sa-spacing) * 45);
  }
}

@media (min-width: 40rem) {
  .marketos-brand a {
    width: calc(var(--sa-spacing) * 56);
  }
}

.marketos-mobile-menu-wraper .marketos-hamburger {
  cursor: pointer;
  width: -moz-max-content;
  width: max-content;
}

.marketos-mobile-menu-wraper .marketos-hamburger svg {
  width: calc(var(--sa-spacing) * 8);
  height: calc(var(--sa-spacing) * 8);
  fill: currentColor;
}

.marketos-mobile-menu-content {
  width: 100%;
  height: 100%;
  max-width: calc(var(--sa-spacing) * 80);
  place-content: baseline start;
  row-gap: calc(var(--sa-spacing) * 5);
  background-color: var(--color-base-100);
  grid-template-columns: repeat(12, minmax(0, 1fr));
  display: grid;
}

@supports (color: color-mix(in lab, red, red)) {
  .marketos-mobile-menu-content {
    background-color: color-mix(in oklab, var(--color-base-100) 90%, transparent);
  }
}

.marketos-mobile-menu-content {
  padding: calc(var(--sa-spacing) * 0);
}

.marketos-mobile-menu-content .marketos-mobile-menu-header {
  padding: calc(var(--sa-spacing) * 4);
}

.marketos-mobile-menu-content button {
  right: calc(var(--sa-spacing) * 4);
  border-style: var(--tw-border-style);
  background-color: var(--color-base-100);
  padding: calc(var(--sa-spacing) * 2);
  border-width: 1px;
  border-radius: 3.40282e38px;
}

.marketos-mobile-menu-content .marketos-mobile-menu {
  width: 100%;
  padding: calc(var(--sa-spacing) * 0);
  padding-inline: calc(var(--sa-spacing) * 4);
}

.marketos-mobile-menu-content .marketos-mobile-menu li {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-base-content);
}

@supports (color: color-mix(in lab, red, red)) {
  .marketos-mobile-menu-content .marketos-mobile-menu li {
    border-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
  }
}

.marketos-mobile-menu-content .marketos-mobile-menu li a {
  font-size: var(--sa-text-lg);
  line-height: var(--tw-leading, var(--sa-text-lg--line-height));
  display: block;
}

.marketos-mega-menu {
  inset-inline: calc(var(--sa-spacing) * 0);
  top: calc(var(--sa-spacing) * 18);
  left: calc(var(--sa-spacing) * 0);
  z-index: 20;
  border-style: var(--tw-border-style);
  background-color: var(--color-base-200);
  padding: calc(var(--sa-spacing) * 0);
  border-width: 0;
  position: absolute;
}

.marketos-mega-menu .marketos-mega-menu-content {
  height: 100%;
  position: relative;
}

:where(.marketos-mega-menu .marketos-mega-menu-content > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--sa-spacing) * 4) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--sa-spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
}

.marketos-mega-menu .marketos-mega-menu-content {
  background-color: var(--color-base-300);
  padding: calc(var(--sa-spacing) * 10);
}

.marketos-mega-menu .marketos-mega-menu-content p {
  font-size: var(--sa-text-base);
  line-height: var(--tw-leading, var(--sa-text-base--line-height));
}

.marketos-mega-menu .marketos-mega-menu-content svg {
  inset-inline: calc(var(--sa-spacing) * 0);
  bottom: calc(var(--sa-spacing) * 0);
  position: absolute;
}

.marketos-mega-menu .marketos-mega-menu-links {
  padding: calc(var(--sa-spacing) * 6);
}

.marketos-mega-menu .marketos-mega-menu-links strong {
  text-transform: uppercase;
}

.marketos-mega-menu .marketos-mega-menu-links .marketos-mega-menu-widget {
  gap: calc(var(--sa-spacing) * 5);
  border-radius: var(--sa-radius-xl);
  padding: calc(var(--sa-spacing) * 5);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--sa-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--sa-default-transition-duration));
  flex-direction: column;
  display: flex;
}

@media (hover: hover) {
  .marketos-mega-menu .marketos-mega-menu-links .marketos-mega-menu-widget:hover {
    background-color: var(--color-base-100);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .marketos-mega-menu .marketos-mega-menu-links .marketos-mega-menu-widget:hover {
      background-color: color-mix(in oklab, var(--color-base-100) 70%, transparent);
    }
  }
}

.marketos-mega-menu .marketos-mega-menu-links .marketos-mega-menu-widget > a {
  cursor: pointer;
  font-size: var(--sa-text-lg);
  line-height: var(--tw-leading, var(--sa-text-lg--line-height));
  color: var(--sa-color-white);
  text-transform: uppercase;
  justify-content: flex-start;
}

@media (hover: hover) {
  .marketos-mega-menu .marketos-mega-menu-links .marketos-mega-menu-widget > a:hover {
    color: var(--color-primary);
    background-color: #0000;
  }
}

.marketos-mega-menu .marketos-mega-menu-links .marketos-mega-menu-widget > ul {
  flex-direction: column;
  display: flex;
}

.marketos-mega-menu .marketos-mega-menu-links .marketos-mega-menu-widget > ul li button {
  cursor: pointer;
  width: 100%;
  padding: calc(var(--sa-spacing) * 2);
  font-size: var(--sa-text-sm);
  line-height: var(--tw-leading, var(--sa-text-sm--line-height));
  --tw-font-weight: var(--sa-font-weight-medium);
  font-weight: var(--sa-font-weight-medium);
  color: var(--sa-color-white);
  text-transform: uppercase;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--sa-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--sa-default-transition-duration));
  justify-content: space-between;
  display: flex;
}

@media (hover: hover) {
  .marketos-mega-menu .marketos-mega-menu-links .marketos-mega-menu-widget > ul li button:hover {
    --tw-translate-x: calc(var(--sa-spacing) * 3);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    color: var(--color-primary);
    background-color: #0000;
  }
}

.marketos-mega-menu .marketos-mega-menu-links .marketos-mega-menu-widget > ul li button svg {
  width: calc(var(--sa-spacing) * 3);
  height: calc(var(--sa-spacing) * 3);
  rotate: -90deg;
}

.marketos-main-menu {
  flex: 1;
  justify-content: flex-start;
}

:where(.marketos-main-menu > :not(:last-child)) {
  --tw-space-x-reverse: 0 !important;
  margin-inline-start: calc(calc(var(--sa-spacing) * 0) * var(--tw-space-x-reverse)) !important;
  margin-inline-end: calc(calc(var(--sa-spacing) * 0) * calc(1 - var(--tw-space-x-reverse))) !important;
}

.marketos-main-menu {
  border-style: var(--tw-border-style);
  border-width: 0;
}

@media (min-width: 80rem) {
  .marketos-main-menu {
    display: flex;
  }
}

.marketos-main-menu .marketos-item a {
  padding-inline: calc(var(--sa-spacing) * 3);
  padding-block: calc(var(--sa-spacing) * 2);
  font-size: var(--sa-text-sm);
  line-height: var(--tw-leading, var(--sa-text-sm--line-height));
  --tw-font-weight: var(--sa-font-weight-medium);
  font-weight: var(--sa-font-weight-medium);
  color: var(--sa-color-white);
  text-transform: uppercase;
}

@media (hover: hover) {
  .marketos-main-menu .marketos-item a:hover {
    color: var(--color-primary);
  }
}

.marketos-main-menu .marketos-item a svg {
  width: calc(var(--sa-spacing) * 3);
  height: calc(var(--sa-spacing) * 3);
  transition-property: transform, translate, scale, rotate;
  transition-timing-function: var(--tw-ease, var(--sa-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--sa-default-transition-duration));
}

.cdk-overlay-pane {
  inset-inline: calc(var(--sa-spacing) * 0);
  width: 100%;
  margin-inline: auto;
}

.marketos-menu {
  top: anchor(bottom);
  right: anchor(right);
  margin-top: calc(var(--sa-spacing) * 6);
  border-color: var(--color-base-200);
  padding: calc(var(--sa-spacing) * 0);
  position: absolute;
}

.marketos-menu ul {
  border-radius: var(--radius-box);
  background-color: var(--color-base-200);
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.marketos-menu ul button {
  justify-content: space-between !important;
}

.marketos-menu ul button svg {
  width: calc(var(--sa-spacing) * 4);
  height: calc(var(--sa-spacing) * 4);
  rotate: -90deg;
}

.marketos-light-header .marketos-menu button {
  color: var(--sa-color-white) !important;
}

footer {
  padding-bottom: calc(var(--sa-spacing) * 16);
}

footer .adastra-content-inner--squeeze {
  position: relative;
}

@media not all and (min-width: 64rem) {
  footer .adastra-content-inner--squeeze {
    gap: calc(var(--sa-spacing) * 12);
  }
}

@media (min-width: 64rem) {
  footer .adastra-content-inner--squeeze {
    gap: calc(var(--sa-spacing) * 8);
  }
}

footer .marketos-footer-top {
  gap: calc(var(--sa-spacing) * 8);
  grid-template-columns: repeat(1, minmax(0, 1fr));
  display: grid;
}

footer .marketos-footer-top > .marketos-widget {
  justify-content: space-between;
  gap: calc(var(--sa-spacing) * 8);
  display: flex;
}

@media not all and (min-width: 80rem) {
  footer .marketos-footer-top > .marketos-widget {
    flex-direction: column;
  }
}

footer .marketos-footer-top > .marketos-widget small {
  margin-bottom: calc(var(--sa-spacing) * 4);
}

footer .marketos-footer-top > .marketos-widget > figure {
  margin-bottom: calc(var(--sa-spacing) * 0);
}

@media not all and (min-width: 80rem) {
  footer .marketos-footer-top > .marketos-widget > figure {
    flex: 1;
  }
}

footer .marketos-footer-top > .marketos-widget > figure > svg, footer .marketos-footer-top > .marketos-widget > figure img {
  height: calc(var(--sa-spacing) * 16);
  width: 100%;
}

footer .marketos-footer-top > .marketos-widget > ul {
  width: 100%;
  max-width: var(--sa-container-6xl);
  gap: calc(var(--sa-spacing) * 8);
  flex-wrap: wrap;
  display: flex;
}

@media not all and (min-width: 80rem) {
  footer .marketos-footer-top > .marketos-widget > ul {
    justify-content: space-between;
  }
}

@media (min-width: 80rem) {
  footer .marketos-footer-top > .marketos-widget > ul {
    justify-content: space-around;
  }
}

footer .marketos-footer-top > .marketos-widget > ul > li a {
  color: var(--sa-color-raw-neutral-fg-dark);
}

footer .marketos-footer-top > .marketos-widget > ul > li a svg {
  width: calc(var(--sa-spacing) * 5);
  height: calc(var(--sa-spacing) * 5);
}

footer .marketos-footer-top > .marketos-widget > ul > li .sa\:dui-dropdown-content svg {
  width: calc(var(--sa-spacing) * 4);
  height: calc(var(--sa-spacing) * 4);
  color: var(--color-primary);
}

footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget .sa\:dui-dropdown-content {
  z-index: 50;
  border-radius: var(--sa-radius-sm);
  background-color: var(--color-base-100);
  width: -moz-max-content;
  width: max-content;
  padding: calc(var(--sa-spacing) * 2);
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget .sa\:dui-dropdown-content li figure {
  gap: calc(var(--sa-spacing) * 3);
  display: flex;
}

footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget .sa\:dui-dropdown-content li figure figcaption {
  gap: calc(var(--sa-spacing) * 1);
  display: flex;
}

footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget .sa\:dui-dropdown-content li figure figcaption a {
  display: block;
}

footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget > ul {
  align-items: center;
  gap: calc(var(--sa-spacing) * 8);
  flex-wrap: wrap;
  display: flex;
}

@media (min-width: 96rem) {
  footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget > ul {
    gap: calc(var(--sa-spacing) * 16);
  }
}

footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget .marketos-serving {
  width: 100%;
  max-width: calc(var(--sa-spacing) * 100);
  border-radius: var(--sa-radius-xl);
  background-color: var(--sa-color-white);
  padding-inline: calc(var(--sa-spacing) * 6);
  padding-block: calc(var(--sa-spacing) * 4);
  color: var(--sa-color-black);
  position: relative;
}

footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget .marketos-serving:after, footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget .marketos-serving:before {
  inset-inline: calc(var(--sa-spacing) * 0);
  height: calc(var(--sa-spacing) * 7);
  border-radius: var(--sa-radius-xl);
  background-color: var(--sa-color-white);
  position: absolute;
}

footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget .marketos-serving:before {
  content: var(--tw-content);
  bottom: calc(var(--sa-spacing) * -5);
  content: var(--tw-content);
  margin-inline: calc(var(--sa-spacing) * 4);
  content: var(--tw-content);
  opacity: .3;
}

footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget .marketos-serving:after {
  content: var(--tw-content);
  bottom: calc(var(--sa-spacing) * -2.5);
  content: var(--tw-content);
  margin-inline: calc(var(--sa-spacing) * 2);
  content: var(--tw-content);
  opacity: .65;
}

footer .marketos-footer-top > .marketos-widget > ul .marketos-contact-detail-widget .marketos-serving p {
  font-size: var(--sa-text-sm);
  line-height: var(--tw-leading, var(--sa-text-sm--line-height));
}

footer .marketos-footer-top > .marketos-widget .marketos-stats {
  margin-top: calc(var(--sa-spacing) * 10);
}

:where(footer .marketos-footer-top > .marketos-widget .marketos-stats > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--sa-spacing) * 4) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--sa-spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
}

footer .marketos-footer-top > .marketos-widget .marketos-stats content {
  gap: calc(var(--sa-spacing) * 2);
  display: flex;
}

footer .marketos-footer-top > .marketos-widget .marketos-stats p {
  font-size: var(--sa-text-lg);
  line-height: var(--tw-leading, var(--sa-text-lg--line-height));
  --tw-font-weight: var(--sa-font-weight-medium);
  font-weight: var(--sa-font-weight-medium);
  text-transform: uppercase;
}

footer .marketos-footer-top > .marketos-widget .marketos-stats span {
  gap: calc(var(--sa-spacing) * 3);
  text-align: center;
  font-size: var(--sa-text-xs);
  line-height: var(--tw-leading, var(--sa-text-xs--line-height));
  color: var(--sa-color-white);
  flex-direction: column;
  display: flex;
}

@supports (color: color-mix(in lab, red, red)) {
  footer .marketos-footer-top > .marketos-widget .marketos-stats span {
    color: color-mix(in oklab, var(--sa-color-white) 60%, transparent);
  }
}

footer .marketos-footer-top > .marketos-widget .marketos-stats span {
  text-transform: uppercase;
}

footer .marketos-footer-top > .marketos-widget .marketos-stats strong {
  height: calc(var(--sa-spacing) * 16);
  width: calc(var(--sa-spacing) * 16);
  border-radius: var(--sa-radius-sm);
  border-style: var(--tw-border-style);
  font-size: var(--sa-text-4xl);
  line-height: var(--tw-leading, var(--sa-text-4xl--line-height));
  color: var(--sa-color-raw-neutral-fg-dark);
  --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  background-image: linear-gradient(#063050 2.34%, #030c12), linear-gradient(#0d5d92, #26a7f5);
  background-origin: border-box;
  background-clip: content-box;
  border-width: 2px;
  border-color: #0000;
  border-image: linear-gradient(to top, #26a7f5, #0d5c91) 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

footer .marketos-footer-body {
  row-gap: calc(var(--sa-spacing) * 8);
  grid-template-columns: repeat(1, minmax(0, 1fr));
  display: grid;
}

@media (min-width: 40rem) {
  footer .marketos-footer-body {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 80rem) {
  footer .marketos-footer-body {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (min-width: 96rem) {
  footer .marketos-footer-body {
    gap: calc(var(--sa-spacing) * 4);
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

footer .marketos-footer-body ul {
  gap: calc(var(--sa-spacing) * 4);
  font-size: var(--sa-text-sm);
  line-height: var(--tw-leading, var(--sa-text-sm--line-height));
  flex-direction: column;
  display: flex;
}

@media (hover: hover) {
  footer .marketos-footer-body ul li a:hover {
    color: var(--color-primary);
  }
}

footer .marketos-contact-form {
  gap: calc(var(--sa-spacing) * 8);
  background-color: var(--color-base-100);
  flex-direction: column;
  display: flex;
}

@supports (color: color-mix(in lab, red, red)) {
  footer .marketos-contact-form {
    background-color: color-mix(in oklab, var(--color-base-100) 40%, transparent);
  }
}

footer .marketos-contact-form {
  padding: calc(var(--sa-spacing) * 4);
  --tw-backdrop-blur: blur(var(--sa-blur-xs));
  backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
}

@media (min-width: 80rem) {
  footer .marketos-contact-form {
    padding: calc(var(--sa-spacing) * 8);
  }
}

footer .marketos-contact-form h3 {
  font-size: var(--sa-text-2xl);
  line-height: var(--tw-leading, var(--sa-text-2xl--line-height));
}

:where(footer .marketos-widget > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--sa-spacing) * 5) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--sa-spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
}

footer .marketos-widget small {
  font-size: var(--sa-text-sm);
  line-height: var(--tw-leading, var(--sa-text-sm--line-height));
  text-transform: uppercase;
  opacity: .6;
  display: block;
}

footer .marketos-widget .marketos-newsletter-widget .field {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--sa-color-white);
}

@supports (color: color-mix(in lab, red, red)) {
  footer .marketos-widget .marketos-newsletter-widget .field {
    border-color: color-mix(in oklab, var(--sa-color-white) 10%, transparent);
  }
}

footer .marketos-widget .marketos-newsletter-widget .field {
  padding: calc(var(--sa-spacing) * 2);
}

@media (min-width: 40rem) {
  footer .marketos-widget .marketos-newsletter-widget .field {
    align-items: center;
    display: flex;
  }
}

footer .marketos-widget .marketos-newsletter-widget input {
  --tw-border-style: none;
  border-style: none;
  width: 100%;
}

footer .marketos-widget .marketos-newsletter-widget input:focus {
  --tw-ring-color: transparent;
  border-color: #0000;
}

@media (min-width: 40rem) {
  footer .marketos-widget .marketos-newsletter-widget input {
    font-size: var(--sa-text-sm);
    line-height: var(--tw-leading, var(--sa-text-sm--line-height));
  }
}

footer .marketos-widget .marketos-newsletter-widget button {
  margin-top: calc(var(--sa-spacing) * 4);
  width: 100%;
}

@media (min-width: 40rem) {
  footer .marketos-widget .marketos-newsletter-widget button {
    margin-top: calc(var(--sa-spacing) * 0);
    flex-shrink: 0;
    width: auto;
  }
}

footer .marketos-footer-bottom {
  padding: calc(var(--sa-spacing) * 4);
  text-align: center;
  font-size: var(--sa-text-sm);
  line-height: var(--tw-leading, var(--sa-text-sm--line-height));
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--sa-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--sa-default-transition-duration));
  --tw-duration: .5s;
  --tw-ease: var(--sa-ease-in-out);
  transition-duration: .5s;
  transition-delay: 75ms;
  transition-timing-function: var(--sa-ease-in-out);
  justify-content: center;
  align-items: center;
}

footer .marketos-footer-bottom figure {
  justify-content: space-between;
  align-items: center;
  gap: calc(var(--sa-spacing) * 2);
  flex-wrap: wrap;
  display: flex;
}

footer .marketos-footer-bottom figure p {
  display: flex;
}

@media not all and (min-width: 40rem) {
  footer .marketos-footer-bottom figure p {
    font-size: var(--sa-text-xs);
    line-height: var(--tw-leading, var(--sa-text-xs--line-height));
  }
}

@media (min-width: 40rem) {
  footer .marketos-footer-bottom figure p {
    align-items: center;
  }
}

footer .marketos-footer-bottom figure p svg {
  width: calc(var(--sa-spacing) * 5);
  height: calc(var(--sa-spacing) * 5);
}

footer .marketos-footer-bottom figure figcaption {
  align-items: center;
  gap: calc(var(--sa-spacing) * 2);
  display: flex;
}

footer .marketos-footer-bottom figure figcaption a, footer .marketos-footer-bottom figure figcaption button {
  font-size: var(--sa-text-sm);
  line-height: var(--tw-leading, var(--sa-text-sm--line-height));
}

footer .marketos-footer-bottom.marketos-sticky-footer-remove {
  inset-inline: calc(var(--sa-spacing) * 0);
  margin-top: calc(var(--sa-spacing) * 8);
  position: absolute;
}

footer .marketos-footer-bottom.marketos-sticky-footer {
  inset-inline: calc(var(--sa-spacing) * 0);
  bottom: calc(var(--sa-spacing) * 4);
  max-width: var(--sa-container-3xl);
  background-color: var(--color-base-100);
  margin: auto;
  position: fixed;
}

@supports (color: color-mix(in lab, red, red)) {
  footer .marketos-footer-bottom.marketos-sticky-footer {
    background-color: color-mix(in oklab, var(--color-base-100) 50%, transparent);
  }
}

footer .marketos-footer-bottom.marketos-sticky-footer {
  --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-shadow-color: var(--color-base-200);
}

@supports (color: color-mix(in lab, red, red)) {
  footer .marketos-footer-bottom.marketos-sticky-footer {
    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-base-200) 30%, transparent) var(--tw-shadow-alpha), transparent);
  }
}

footer .marketos-footer-bottom.marketos-sticky-footer {
  --tw-backdrop-blur: blur(var(--sa-blur-xs));
  backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
}

footer .marketos-footer-bottom.marketos-light-footer {
  background-color: var(--sa-color-white);
}

@supports (color: color-mix(in lab, red, red)) {
  footer .marketos-footer-bottom.marketos-light-footer {
    background-color: color-mix(in oklab, var(--sa-color-white) 30%, transparent);
  }
}

footer .marketos-footer-bottom.marketos-light-footer {
  color: var(--sa-color-black);
  --tw-shadow-color: var(--sa-color-black);
}

@supports (color: color-mix(in lab, red, red)) {
  footer .marketos-footer-bottom.marketos-light-footer {
    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--sa-color-black) 5%, transparent) var(--tw-shadow-alpha), transparent);
  }
}

.marketos-form-modal .marketos-form-modal-box {
  max-width: var(--sa-container-4xl);
  padding: calc(var(--sa-spacing) * 4);
}

@media (min-width: 40rem) {
  .marketos-form-modal .marketos-form-modal-box {
    padding: calc(var(--sa-spacing) * 6);
  }
}

@media (min-width: 64rem) {
  .marketos-form-modal .marketos-form-modal-box {
    padding: calc(var(--sa-spacing) * 10);
  }
}

.marketos-form-modal .marketos-form-modal-box .marketos-form-modal-wrapper {
  flex-direction: column;
  display: flex;
}

.marketos-form-modal .marketos-form-modal-box .marketos-form-modal-wrapper .marketos-form-modal-header {
  flex-direction: row-reverse;
  justify-content: space-between;
  display: flex;
}

.marketos-form-modal .marketos-form-modal-box .marketos-form-modal-wrapper .marketos-form-modal-header svg {
  width: calc(var(--sa-spacing) * 5);
  height: calc(var(--sa-spacing) * 5);
  cursor: pointer;
}

.marketos-form-modal .marketos-form-modal-box .marketos-form-modal-wrapper .marketos-form-modal-header figcaption {
  margin-bottom: calc(var(--sa-spacing) * 5);
  flex: 1;
}

.marketos-form-modal .marketos-form-modal-box .marketos-form-modal-wrapper .marketos-form-modal-header figcaption h3 {
  font-size: var(--sa-text-2xl);
  line-height: var(--tw-leading, var(--sa-text-2xl--line-height));
}

form {
  gap: calc(var(--sa-spacing) * 4);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}

@media (min-width: 40rem) {
  form {
    gap: calc(var(--sa-spacing) * 6);
  }
}

form fieldset span {
  font-size: var(--sa-text-xs);
  line-height: var(--tw-leading, var(--sa-text-xs--line-height));
  white-space: normal;
  color: var(--sa-color-red-500);
  font-style: italic;
}

form fieldset textarea {
  height: calc(var(--sa-spacing) * 36);
  padding-top: calc(var(--sa-spacing) * 2);
}

form fieldset:not(:nth-last-child(-n+2)) {
  grid-column: 1 / -1;
}

@media (min-width: 40rem) {
  form fieldset:not(:nth-last-child(-n+2)) {
    grid-column: span 1 / span 1;
  }

  form fieldset:nth-last-child(-n+2) {
    grid-column: 1 / -1;
  }
}

@media not all and (min-width: 40rem) {
  .marketos-reach-us-host {
    inset-block: calc(var(--sa-spacing) * 0);
    right: calc(var(--sa-spacing) * 0);
    z-index: 50;
    align-items: center;
    margin: auto;
    display: flex;
    position: fixed;
  }
}

.marketos-reach-us-host .marketos-reach-us {
  gap: calc(var(--sa-spacing) * 2);
  border-radius: var(--sa-radius-lg);
  background-color: var(--color-base-200);
  flex-direction: column;
  display: flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .marketos-reach-us-host .marketos-reach-us {
    background-color: color-mix(in oklab, var(--color-base-200) 80%, transparent);
  }
}

.marketos-reach-us-host .marketos-reach-us {
  padding: calc(var(--sa-spacing) * 2);
  --tw-backdrop-blur: blur(var(--sa-blur-md));
  backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
}

@media (min-width: 40rem) {
  .marketos-reach-us-host .marketos-reach-us {
    width: calc(var(--sa-spacing) * 150);
  }
}

@media not all and (min-width: 40rem) {
  .marketos-reach-us-host .marketos-reach-us {
    width: calc(var(--sa-spacing) * 80);
  }
}

.marketos-reach-us-host .marketos-reach-us .marketos-body {
  border-bottom-right-radius: var(--sa-radius-md);
  border-bottom-left-radius: var(--sa-radius-md);
  background-color: var(--color-base-100);
  padding: calc(var(--sa-spacing) * 3);
}

.marketos-reach-us-host .marketos-reach-us .marketos-body small {
  margin-bottom: calc(var(--sa-spacing) * 5);
  font-size: var(--sa-text-sm);
  line-height: var(--tw-leading, var(--sa-text-sm--line-height));
  text-transform: uppercase;
  opacity: .6;
  display: block;
}

.marketos-reach-us-host .marketos-reach-us .marektos-header {
  justify-content: space-between;
  -moz-column-gap: calc(var(--sa-spacing) * 8);
       column-gap: calc(var(--sa-spacing) * 8);
  row-gap: calc(var(--sa-spacing) * 4);
  border-bottom-right-radius: var(--sa-radius-md);
  border-bottom-left-radius: var(--sa-radius-md);
  background-color: var(--color-base-100);
  padding: calc(var(--sa-spacing) * 3);
  flex-wrap: wrap;
  display: flex;
}

@media not all and (min-width: 40rem) {
  .marketos-reach-us-host .marketos-reach-us .marektos-header {
    justify-content: center;
    align-items: flex-start;
  }
}

.marketos-reach-us-host .marketos-reach-us .marektos-header button {
  cursor: pointer;
}

.marketos-reach-us-host .marketos-reach-us .marektos-header figure:not(.marketos-profile), .marketos-reach-us-host .marketos-reach-us .marektos-header button, .marketos-reach-us-host .marketos-reach-us .marektos-header a, .marketos-reach-us-host .marketos-reach-us .marektos-header figure figcaption {
  align-items: center;
  gap: calc(var(--sa-spacing) * 2);
  display: flex;
}

:is(.marketos-reach-us-host .marketos-reach-us .marektos-header figure:not(.marketos-profile), .marketos-reach-us-host .marketos-reach-us .marektos-header button, .marketos-reach-us-host .marketos-reach-us .marektos-header a, .marketos-reach-us-host .marketos-reach-us .marektos-header figure figcaption) svg {
  width: calc(var(--sa-spacing) * 4);
  height: calc(var(--sa-spacing) * 4);
}

:is(.marketos-reach-us-host .marketos-reach-us .marektos-header figure:not(.marketos-profile), .marketos-reach-us-host .marketos-reach-us .marektos-header button, .marketos-reach-us-host .marketos-reach-us .marektos-header a, .marketos-reach-us-host .marketos-reach-us .marektos-header figure figcaption) p {
  white-space: nowrap;
}

.marketos-reach-us-host .marketos-reach-us .marektos-header .marketos-profile {
  align-items: center;
  gap: calc(var(--sa-spacing) * 2);
  border-radius: var(--sa-radius-sm);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-base-200);
  background-color: var(--color-base-200);
  display: flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .marketos-reach-us-host .marketos-reach-us .marektos-header .marketos-profile {
    background-color: color-mix(in oklab, var(--color-base-200) 40%, transparent);
  }
}

.marketos-reach-us-host .marketos-reach-us .marektos-header .marketos-profile {
  padding: calc(var(--sa-spacing) * 4);
}

@media (hover: hover) {
  .marketos-reach-us-host .marketos-reach-us .marektos-header .marketos-profile:hover {
    background-color: var(--color-base-200);
  }
}

.marketos-reach-us-host .marketos-reach-us .marektos-header .marketos-profile img {
  width: calc(var(--sa-spacing) * 10.5);
  height: calc(var(--sa-spacing) * 10.5);
  border-radius: 3.40282e38px;
}

.marketos-reach-us-host .marketos-reach-us .marektos-header .marketos-profile figcaption {
  align-items: flex-start;
  gap: calc(var(--sa-spacing) * 0);
  flex-direction: column;
}

.marketos-reach-us-host .marketos-reach-us .marektos-header .marketos-profile figcaption span {
  align-items: center;
  gap: calc(var(--sa-spacing) * 2);
  font-size: var(--sa-text-base);
  line-height: var(--tw-leading, var(--sa-text-base--line-height));
  --tw-font-weight: var(--sa-font-weight-semibold);
  font-weight: var(--sa-font-weight-semibold);
  display: flex;
}

.marketos-reach-us-host .marketos-reach-us .marektos-header .marketos-profile figcaption span svg {
  width: calc(var(--sa-spacing) * 4);
  height: calc(var(--sa-spacing) * 4);
  border-radius: var(--sa-radius-sm);
  background-color: var(--sa-color-white);
}

.marketos-reach-us-host .marketos-reach-us .marektos-header .marketos-profile figcaption small {
  font-size: var(--sa-text-sm);
  line-height: var(--tw-leading, var(--sa-text-sm--line-height));
  opacity: .7;
}

.marketos-reach-us-host .marketos-reach-us .marektos-header .marketos-social-contact-wrapper {
  gap: calc(var(--sa-spacing) * 4);
  flex-direction: column;
  display: flex;
}

@media not all and (min-width: 40rem) {
  .marketos-reach-us-host .marketos-reach-us .marektos-header .marketos-social-contact-wrapper {
    align-items: center;
  }
}

.marketos-reach-us-host .marketos-reach-us .marektos-header .marketos-social-contact-wrapper .marketos-contact-actions {
  align-items: center;
  gap: calc(var(--sa-spacing) * 3.5);
  display: flex;
}

.sa\:dui-btn.sa\:dui-btn-link {
  height: auto;
  min-height: auto;
  padding-inline: calc(var(--sa-spacing) * 0);
  text-decoration-line: none;
}

:is(html[data-environment="production"], html[data-environment="devtest"]) .marketos-hide-if-not-development {
  display: none;
}

html, body {
  scroll-behavior: smooth;
  background-color: var(--color-base-100);
  font-family: Radikal Trial;
  font-size: var(--sa-text-base);
  line-height: var(--tw-leading, var(--sa-text-base--line-height));
  --tw-font-weight: var(--sa-font-weight-normal);
  font-weight: var(--sa-font-weight-normal);
  color: var(--color-neutral-content);
}

h1, h2, h3, h4, h5, h6 {
  --tw-font-weight: var(--sa-font-weight-medium);
  font-weight: var(--sa-font-weight-medium);
  text-transform: uppercase;
  --tw-leading: var(--sa-leading-normal) !important;
  line-height: var(--sa-leading-normal) !important;
}

:is(h1, h2, h3, h4, h5, h6) mark {
  color: var(--color-primary);
  background-color: #0000;
}

:is(h1, h2, h3, h4, h5, h6):not(h1) span {
  font-size: var(--sa-text-lg);
  line-height: var(--tw-leading, var(--sa-text-lg--line-height));
  display: block;
}

@media (min-width: 48rem) {
  :is(h1, h2, h3, h4, h5, h6):not(h1) span {
    font-size: var(--sa-text-3xl);
    line-height: var(--tw-leading, var(--sa-text-3xl--line-height));
  }
}

h1 {
  font-size: var(--sa-text-4xl);
  line-height: var(--tw-leading, var(--sa-text-4xl--line-height));
}

@media (min-width: 96rem) {
  h1 {
    font-size: var(--sa-text-5xl);
    line-height: var(--tw-leading, var(--sa-text-5xl--line-height));
  }
}

@media (min-width: 120rem) {
  h1 {
    font-size: var(--sa-text-6xl);
    line-height: var(--tw-leading, var(--sa-text-6xl--line-height));
  }
}

h2 {
  font-size: var(--sa-text-3xl);
  line-height: var(--tw-leading, var(--sa-text-3xl--line-height));
}

@media (min-width: 96rem) {
  h2 {
    font-size: var(--sa-text-4xl);
    line-height: var(--tw-leading, var(--sa-text-4xl--line-height));
  }
}

@media (min-width: 120rem) {
  h2 {
    font-size: var(--sa-text-5xl);
    line-height: var(--tw-leading, var(--sa-text-5xl--line-height));
  }
}

h3 {
  font-size: var(--sa-text-2xl);
  line-height: var(--tw-leading, var(--sa-text-2xl--line-height));
}

@media (min-width: 96rem) {
  h3 {
    font-size: var(--sa-text-3xl);
    line-height: var(--tw-leading, var(--sa-text-3xl--line-height));
  }
}

@media (min-width: 120rem) {
  h3 {
    font-size: var(--sa-text-4xl);
    line-height: var(--tw-leading, var(--sa-text-4xl--line-height));
  }
}

h4 {
  font-size: var(--sa-text-xl);
  line-height: var(--tw-leading, var(--sa-text-xl--line-height));
}

@media (min-width: 96rem) {
  h4 {
    font-size: var(--sa-text-2xl);
    line-height: var(--tw-leading, var(--sa-text-2xl--line-height));
  }
}

@media (min-width: 120rem) {
  h4 {
    font-size: var(--sa-text-3xl);
    line-height: var(--tw-leading, var(--sa-text-3xl--line-height));
  }
}

p {
  --tw-font-weight: var(--sa-font-weight-light);
  font-weight: var(--sa-font-weight-light);
}

p br {
  display: none;
}

@media (min-width: 80rem) {
  p br {
    display: block;
  }
}

b, strong {
  --tw-font-weight: var(--sa-font-weight-medium);
  font-weight: var(--sa-font-weight-medium);
}

input, textarea {
  width: 100%;
}

:is(input, textarea):-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
}

:is(input, textarea):-webkit-outer-spin-button {
  -webkit-appearance: none;
          appearance: none;
}

input[type="file"] {
  padding: calc(var(--sa-spacing) * 1) !important;
}

input[type="file"]::file-selector-button {
  margin-right: calc(var(--sa-spacing) * 4);
}

input[type="file"]::file-selector-button {
  border-radius: 3.40282e38px;
}

input[type="file"]::file-selector-button {
  border-style: var(--tw-border-style);
  border-width: 0;
}

input[type="file"]::file-selector-button {
  background-color: var(--color-primary-content);
}

input[type="file"]::file-selector-button {
  padding-inline: calc(var(--sa-spacing) * 2);
}

input[type="file"]::file-selector-button {
  padding-block: calc(var(--sa-spacing) * 1);
}

input[type="file"]::file-selector-button {
  font-size: var(--sa-text-sm);
  line-height: var(--tw-leading, var(--sa-text-sm--line-height));
}

input[type="file"]::file-selector-button {
  --tw-font-weight: var(--sa-font-weight-medium);
  font-weight: var(--sa-font-weight-medium);
}

input[type="file"]::file-selector-button {
  color: var(--color-primary);
}

input[type="checkbox"] {
  height: calc(var(--sa-spacing) * 4);
  width: calc(var(--sa-spacing) * 4);
}

hr:where([data-theme="snyder"], [data-theme="snyder"] *, [data-mode="dark"], [data-mode="dark"] *) {
  border-color: var(--color-base-300);
}

.marketos-list, .marketos-detail-content ul {
  gap: calc(var(--sa-spacing) * 4);
  flex-direction: column;
  display: flex;
}

:is(.marketos-list, .marketos-detail-content ul) li {
  padding-left: calc(var(--sa-spacing) * 4);
  font-size: var(--sa-text-sm);
  line-height: var(--tw-leading, var(--sa-text-sm--line-height));
  --tw-leading: var(--sa-leading-normal);
  line-height: var(--sa-leading-normal);
  text-wrap: balance;
  position: relative;
}

:is(.marketos-list, .marketos-detail-content ul) li:after {
  content: var(--tw-content);
  content: var(--tw-content);
  top: calc(var(--sa-spacing) * 2);
  content: var(--tw-content);
  left: calc(var(--sa-spacing) * 0);
  content: var(--tw-content);
  width: calc(var(--sa-spacing) * 2);
  height: calc(var(--sa-spacing) * 2);
  content: var(--tw-content);
  background-color: var(--color-primary);
  position: absolute;
}

.markeos-gradient-section .marketos-detail-content ul li:after {
  content: var(--tw-content);
  background-color: var(--color-primary);
}

.markeos-primary-section .marketos-detail-content ul li:after {
  content: var(--tw-content);
  background-color: var(--sa-color-white);
}

.marketos-container {
  padding-inline: calc(var(--sa-spacing) * 4);
  margin-inline: auto;
}

@media (min-width: 80rem) {
  .marketos-container {
    max-width: var(--sa-container-5xl);
  }
}

@media (min-width: 96rem) {
  .marketos-container {
    max-width: var(--sa-container-7xl);
  }
}

@media (min-width: 120rem) {
  .marketos-container {
    max-width: var(--sa-breakpoint-2xl);
  }
}

.marketos-toolbar-wrapper {
  top: calc(var(--sa-spacing) * 0);
  left: calc(var(--sa-spacing) * 4);
  z-index: 50;
  place-content: center;
  height: calc(100vh - 13.75rem);
  display: grid;
  position: fixed;
}

.marketos-toolbar-wrapper .marketos-tool-bar {
  height: -moz-max-content;
  height: max-content;
  width: calc(var(--sa-spacing) * 11);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--sa-color-white);
}

@supports (color: color-mix(in lab, red, red)) {
  .marketos-toolbar-wrapper .marketos-tool-bar {
    border-color: color-mix(in oklab, var(--sa-color-white) 20%, transparent);
  }
}

.marketos-toolbar-wrapper .marketos-tool-bar {
  background-color: var(--color-base-200);
}

@supports (color: color-mix(in lab, red, red)) {
  .marketos-toolbar-wrapper .marketos-tool-bar {
    background-color: color-mix(in oklab, var(--color-base-200) 80%, transparent);
  }
}

.marketos-toolbar-wrapper .marketos-tool-bar {
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-backdrop-blur: blur(var(--sa-blur-xs));
  backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
}

@media not all and (min-width: 80rem) {
  .marketos-toolbar-wrapper .marketos-tool-bar {
    display: none;
  }
}

@media (min-width: 80rem) {
  .marketos-toolbar-wrapper .marketos-tool-bar {
    display: block;
  }
}

.marketos-toolbar-wrapper .marketos-tool-bar:after {
  content: var(--tw-content);
  width: calc(var(--sa-spacing) * 4);
  height: calc(var(--sa-spacing) * 4);
  content: var(--tw-content);
  background-color: var(--sa-color-black);
}

@supports (color: color-mix(in lab, red, red)) {
  .marketos-toolbar-wrapper .marketos-tool-bar:after {
    background-color: color-mix(in oklab, var(--sa-color-black) 50%, transparent);
  }
}

.marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container .sa\:dui-dropdown-content {
  z-index: 50;
  margin-left: calc(var(--sa-spacing) * 1.5);
  width: -moz-max-content;
  width: max-content;
  min-width: calc(var(--sa-spacing) * 40);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--sa-color-white);
}

@supports (color: color-mix(in lab, red, red)) {
  .marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container .sa\:dui-dropdown-content {
    border-color: color-mix(in oklab, var(--sa-color-white) 20%, transparent);
  }
}

.marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container .sa\:dui-dropdown-content {
  background-color: var(--color-base-200);
  padding: calc(var(--sa-spacing) * 1.5);
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container .marketos-item {
  margin: calc(var(--sa-spacing) * 0);
  height: calc(var(--sa-spacing) * 10);
  width: 100%;
  padding: calc(var(--sa-spacing) * 0);
  color: var(--sa-color-white);
  justify-content: center;
  align-items: center;
  display: flex;
}

.marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container .marketos-item svg, .marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container .marketos-item img {
  width: calc(var(--sa-spacing) * 5);
  height: calc(var(--sa-spacing) * 5);
}

.marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container .marketos-item:hover, .marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container .marketos-item:focus-visible {
  background-color: var(--color-base-100);
}

.marketos-toolbar-wrapper .marketos-tool-bar .marketos-separator {
  background-color: var(--sa-color-white);
  height: 1px;
}

@supports (color: color-mix(in lab, red, red)) {
  .marketos-toolbar-wrapper .marketos-tool-bar .marketos-separator {
    background-color: color-mix(in oklab, var(--sa-color-white) 20%, transparent);
  }
}

.marketos-post-loop {
  gap: calc(var(--sa-spacing) * 4);
  flex-direction: column;
  display: flex;
}

.marketos-filter-sidebar-container {
  gap: calc(var(--sa-spacing) * 4);
}

:is(.marketos-filter-sidebar-container *) {
  font-size: var(--sa-text-base);
  line-height: var(--tw-leading, var(--sa-text-base--line-height));
}

.marketos-filter-sidebar-container label {
  align-items: center;
  gap: calc(var(--sa-spacing) * 2);
  padding: calc(var(--sa-spacing) * 2);
  --tw-font-weight: var(--sa-font-weight-light);
  font-weight: var(--sa-font-weight-light);
  display: flex;
}

.marketos-filter-sidebar-container button {
  padding: calc(var(--sa-spacing) * 0);
  --tw-font-weight: var(--sa-font-weight-medium);
  font-weight: var(--sa-font-weight-medium);
  text-transform: uppercase;
}

@media (hover: hover) {
  .marketos-filter-sidebar-container button:hover {
    text-decoration-line: none;
  }
}

.marketos-filter-sidebar-container > div {
  border-style: var(--tw-border-style);
  border-width: 0;
}

.marketos-filter-sidebar-container > div p {
  flex-direction: column;
  display: flex;
}

.marketos-vertical-tabs .marketos-vertical-tab-list {
  grid-column: 1 / -1;
  overflow-x: auto;
  margin: calc(var(--sa-spacing) * 0) !important;
  padding: calc(var(--sa-spacing) * 0) !important;
  flex-direction: row !important;
  justify-content: flex-start !important;
}

@media (min-width: 48rem) {
  .marketos-vertical-tabs .marketos-vertical-tab-list {
    grid-column: span 1 / span 1;
    flex-direction: column !important;
  }
}

.marketos-vertical-tabs .marketos-vertical-tab-list button {
  justify-content: flex-start;
  align-items: center;
  gap: calc(var(--sa-spacing) * 4);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-base-100);
  width: 100%;
  display: flex;
  margin-top: calc(var(--sa-spacing) * 0) !important;
}

@supports (color: color-mix(in lab, red, red)) {
  .marketos-vertical-tabs .marketos-vertical-tab-list button {
    border-color: color-mix(in oklab, var(--color-base-100) 20%, transparent);
  }
}

@media (min-width: 48rem) {
  .marketos-vertical-tabs .marketos-vertical-tab-list button {
    padding: calc(var(--sa-spacing) * 8);
  }
}

.marketos-vertical-tabs .marketos-vertical-tab-list button span {
  font-size: var(--sa-text-xl);
  line-height: var(--tw-leading, var(--sa-text-xl--line-height));
}

.marketos-vertical-tabs .marketos-vertical-tab-list button[data-state="active"] {
  background-color: var(--color-base-100) !important;
}

@supports (color: color-mix(in lab, red, red)) {
  .marketos-vertical-tabs .marketos-vertical-tab-list button[data-state="active"] {
    background-color: color-mix(in oklab, var(--color-base-100) 5%, transparent) !important;
  }
}

.marketos-vertical-tabs .marketos-vertical-tab-list button[data-state="active"] {
  --tw-backdrop-blur: blur(var(--sa-blur-xs));
  backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
}

.marketos-vertical-tabs .marketos-vertical-tabs-content {
  border-radius: var(--sa-radius-md);
  background-color: var(--color-base-100);
  grid-column: 1 / -1;
}

@supports (color: color-mix(in lab, red, red)) {
  .marketos-vertical-tabs .marketos-vertical-tabs-content {
    background-color: color-mix(in oklab, var(--color-base-100) 5%, transparent);
  }
}

.marketos-vertical-tabs .marketos-vertical-tabs-content {
  padding: calc(var(--sa-spacing) * 8);
  --tw-backdrop-blur: blur(var(--sa-blur-xs));
  backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
}

@media (min-width: 48rem) {
  .marketos-vertical-tabs .marketos-vertical-tabs-content {
    grid-column: span 3 / span 3;
  }
}

.marketos-vertical-tabs .marketos-vertical-tabs-content > div {
  margin-top: calc(var(--sa-spacing) * 0);
}

@media (min-width: 48rem) {
  .marketos-vertical-tabs .marketos-vertical-tabs-content > div {
    min-height: calc(var(--sa-spacing) * 140);
  }
}

.marketos-vertical-tabs .marketos-vertical-tabs-content .marketos-tab-content-listing {
  gap: calc(var(--sa-spacing) * 8);
  grid-template-columns: repeat(1, minmax(0, 1fr));
  display: grid;
}

@media (min-width: 40rem) {
  .marketos-vertical-tabs .marketos-vertical-tabs-content .marketos-tab-content-listing {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 64rem) {
  .marketos-vertical-tabs .marketos-vertical-tabs-content .marketos-tab-content-listing {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 80rem) {
  .marketos-vertical-tabs .marketos-vertical-tabs-content .marketos-tab-content-listing {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.marketos-vertical-tabs .marketos-vertical-tabs-content .marketos-tab-content-listing .marketos-item figure img {
  height: calc(var(--sa-spacing) * 60);
  border-radius: var(--sa-radius-sm);
  object-fit: cover;
  width: 100%;
  display: block;
}

.marketos-vertical-tabs .marketos-vertical-tabs-content .marketos-tab-content-listing .marketos-item figure figcaption {
  margin-top: calc(var(--sa-spacing) * 4);
  gap: calc(var(--sa-spacing) * 1);
  flex-direction: column;
  display: flex;
  position: relative;
}

.marketos-vertical-tabs .marketos-vertical-tabs-content .marketos-tab-content-listing .marketos-item figure figcaption svg {
  top: calc(var(--sa-spacing) * 0);
  right: calc(var(--sa-spacing) * 2);
  opacity: .5;
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  margin: auto;
  position: absolute;
}

.marketos-vertical-tabs .marketos-vertical-tabs-content .marketos-tab-content-listing .marketos-item figure figcaption span {
  font-size: var(--sa-text-sm);
  line-height: var(--tw-leading, var(--sa-text-sm--line-height));
  opacity: .5;
}

.marketos-vertical-tabs .marketos-vertical-tabs-content .marketos-tab-content-listing .marketos-item figure figcaption strong {
  font-size: var(--sa-text-xl);
  line-height: var(--tw-leading, var(--sa-text-xl--line-height));
  --tw-font-weight: var(--sa-font-weight-light);
  font-weight: var(--sa-font-weight-light);
}

.marketos-vertical-tabs .marketos-vertical-tabs-content .marketos-tab-content-listing .marketos-item:hover figure figcaption svg {
  opacity: 1;
  --tw-grayscale: grayscale(0%);
  filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
}

.marketos-vertical-tabs .marketos-vertical-tabs-content .marketos-tab-content-careers-listing {
  gap: calc(var(--sa-spacing) * 4);
  grid-template-columns: repeat(1, minmax(0, 1fr));
  display: grid;
}

.marketos-vertical-tabs .marketos-vertical-tabs-content .marketos-tab-content-careers-listing a {
  display: block;
}

.marketos-vertical-tabs .marketos-vertical-tabs-content .marketos-tab-content-careers-listing h3 {
  font-size: var(--sa-text-lg);
  line-height: var(--tw-leading, var(--sa-text-lg--line-height));
  flex: 1;
  align-items: center;
  display: flex;
}

.marketos-vertical-tabs .marketos-vertical-tabs-content .marketos-tab-content-careers-listing h4 {
  gap: calc(var(--sa-spacing) * 4);
}

@media (min-width: 64rem) {
  .marketos-vertical-tabs .marketos-vertical-tabs-content .marketos-tab-content-careers-listing p {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }
}

.marketos-vertical-tabs .marketos-vertical-tabs-content .marketos-tab-content-careers-listing .marketos-item {
  gap: calc(var(--sa-spacing) * 2);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 4px;
  border-color: var(--color-base-100);
  flex-direction: column;
  display: flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .marketos-vertical-tabs .marketos-vertical-tabs-content .marketos-tab-content-careers-listing .marketos-item {
    border-color: color-mix(in oklab, var(--color-base-100) 10%, transparent);
  }
}

.marketos-vertical-tabs .marketos-vertical-tabs-content .marketos-tab-content-careers-listing .marketos-item {
  background-color: var(--color-base-100);
}

@supports (color: color-mix(in lab, red, red)) {
  .marketos-vertical-tabs .marketos-vertical-tabs-content .marketos-tab-content-careers-listing .marketos-item {
    background-color: color-mix(in oklab, var(--color-base-100) 5%, transparent);
  }
}

.marketos-vertical-tabs .marketos-vertical-tabs-content .marketos-tab-content-careers-listing .marketos-item {
  padding: calc(var(--sa-spacing) * 4);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--sa-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--sa-default-transition-duration));
}

@media (hover: hover) {
  .marketos-vertical-tabs .marketos-vertical-tabs-content .marketos-tab-content-careers-listing .marketos-item:hover {
    border-color: var(--color-primary);
  }
}

.marketos-vertical-tabs .marketos-vertical-tabs-content .marketos-tab-content-not-found {
  height: 100%;
  max-width: var(--sa-container-2xl);
  text-align: center;
  margin: auto;
}

.marketos-value-delivered ul {
  gap: calc(var(--sa-spacing) * 4);
  flex-direction: column;
  display: flex;
}

.marketos-value-delivered ul li {
  padding-left: calc(var(--sa-spacing) * 8);
  text-wrap: pretty;
}

.marketos-value-delivered ul li:after {
  width: calc(var(--sa-spacing) * 5);
  height: calc(var(--sa-spacing) * 5);
}

.marketos-value-delivered ul li:before {
  top: calc(var(--sa-spacing) * -1);
  left: calc(var(--sa-spacing) * 1);
  font-size: var(--sa-text-3xl);
  line-height: var(--tw-leading, var(--sa-text-3xl--line-height));
  color: var(--color-primary);
  --tw-content: "✓";
  content: var(--tw-content);
  position: absolute;
  rotate: 12deg;
}

.marketos-value-delivered ul li p {
  font-size: var(--sa-text-base);
  line-height: var(--tw-leading, var(--sa-text-base--line-height));
}

.marketos-value-delivered ul li p strong {
  display: block;
}

.marketos-badge-list {
  align-items: center;
  gap: calc(var(--sa-spacing) * 2);
  display: flex;
}

.marketos-badge-list li {
  --tw-border-style: dashed;
  padding-inline: calc(var(--sa-spacing) * 3.5);
  padding-block: calc(var(--sa-spacing) * 2);
  font-size: var(--sa-text-sm);
  line-height: var(--tw-leading, var(--sa-text-sm--line-height));
  text-transform: capitalize;
  border-style: dashed;
}

.marketos-badge-list li:last-child {
  border-color: var(--color-primary);
  color: var(--color-primary);
}

.marketos-techstack {
  padding-inline: calc(var(--sa-spacing) * 4);
  padding-block: calc(var(--sa-spacing) * 16);
  text-align: center;
  position: relative;
}

@media (min-width: 80rem) {
  .marketos-techstack {
    padding-inline: calc(var(--sa-spacing) * 18);
  }
}

.marketos-techstack p {
  margin: auto;
}

@media (min-width: 80rem) {
  .marketos-techstack p {
    width: 50%;
  }
}

.marketos-techstack .marketos-technology, .marketos-techstack .marketos-technology > div {
  grid-column: 1 / -1;
}

.marketos-techstack .marketos-technology .marketos-clients {
  justify-content: flex-start;
  gap: calc(var(--sa-spacing) * 2.5);
  flex-wrap: wrap;
  display: flex;
}

.marketos-techstack .marketos-technology .marketos-clients figure {
  min-height: calc(var(--sa-spacing) * 22) !important;
  flex-grow: 1 !important;
  flex-shrink: 1 !important;
  flex-basis: calc(var(--sa-spacing) * 37) !important;
  border-style: var(--tw-border-style) !important;
  border-width: 1px !important;
  border-color: var(--sa-color-white) !important;
}

@supports (color: color-mix(in lab, red, red)) {
  .marketos-techstack .marketos-technology .marketos-clients figure {
    border-color: color-mix(in oklab, var(--sa-color-white) 10%, transparent) !important;
  }
}

.marketos-techstack .marketos-technology .marketos-clients figure {
  all: unset;
  padding-inline: calc(var(--sa-spacing) * 2) !important;
  padding-block: calc(var(--sa-spacing) * 4) !important;
}

@media (min-width: 96rem) {
  .marketos-techstack .marketos-technology .marketos-clients figure {
    max-width: calc(var(--sa-spacing) * 37) !important;
  }
}

.marketos-techstack .marketos-technology .marketos-clients figure img {
  margin: auto;
  margin-bottom: calc(var(--sa-spacing) * 3.5);
  width: calc(var(--sa-spacing) * 12.5);
  height: calc(var(--sa-spacing) * 12.5);
  object-fit: contain;
  object-position: center;
  padding: calc(var(--sa-spacing) * 0);
}

.marketos-techstack .marketos-technology .marketos-clients figure figcaption {
  padding: calc(var(--sa-spacing) * 0);
  font-size: var(--sa-text-sm);
  line-height: var(--tw-leading, var(--sa-text-sm--line-height));
  color: var(--sa-color-white);
}

.marketos-opensource {
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
}

.marketos-opensource .marketos-content {
  grid-column: 1 / -1;
}

@media (min-width: 80rem) {
  .marketos-opensource .marketos-content {
    grid-column: span 5 / span 5 !important;
  }
}

.marketos-opensource .sa\:col-span-2 {
  grid-column: 1 / -1;
}

@media (min-width: 80rem) {
  .marketos-opensource .sa\:col-span-2 {
    grid-column: span 7 / span 7;
  }
}

.marketos-opensource .marketos-clients {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-base-200);
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@supports (color: color-mix(in lab, red, red)) {
  .marketos-opensource .marketos-clients {
    border-color: color-mix(in oklab, var(--color-base-200) 5%, transparent);
  }
}

@media (min-width: 40rem) {
  .marketos-opensource .marketos-clients {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (min-width: 48rem) {
  .marketos-opensource .marketos-clients {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

@media (min-width: 64rem) {
  .marketos-opensource .marketos-clients {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
}

.marketos-opensource .marketos-clients figure {
  border-style: var(--tw-border-style) !important;
  border-width: 0 !important;
  border-right-style: var(--tw-border-style) !important;
  border-right-width: 1px !important;
  border-color: var(--color-base-200) !important;
}

@supports (color: color-mix(in lab, red, red)) {
  .marketos-opensource .marketos-clients figure {
    border-color: color-mix(in oklab, var(--color-base-200) 5%, transparent) !important;
  }
}

.marketos-opensource .marketos-clients figure {
  all: unset;
  padding: calc(var(--sa-spacing) * 3) !important;
}

.marketos-opensource .marketos-clients figure:not(:last-child) {
  --tw-border-style: solid;
  border-style: solid;
  border-bottom-style: var(--tw-border-style) !important;
  border-bottom-width: 1px !important;
}

.marketos-opensource .marketos-clients figure figcaption {
  display: none;
}

.marketos-opensource .marketos-clients figure:nth-child(-n+5):after {
  top: calc(var(--sa-spacing) * 2);
  margin-top: calc(var(--sa-spacing) * -8);
  text-align: center;
  font-size: var(--sa-text-xs);
  line-height: var(--tw-leading, var(--sa-text-xs--line-height));
  --tw-font-weight: var(--sa-font-weight-semibold);
  font-weight: var(--sa-font-weight-semibold);
  content: "SPONSOR";
  display: block;
  position: relative;
}

.marketos-opensource .marketos-clients figure:hover {
  --tw-shadow: 0px 4px 24px 0px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--sa-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--sa-default-transition-duration));
}

.marketos-opensource .marketos-clients figure img {
  height: calc(var(--sa-spacing) * 24);
  object-fit: contain;
  object-position: center;
  margin: auto;
}

.marketos-content-wrapper .marketos-content-section {
  gap: calc(var(--sa-spacing) * 4);
  padding: calc(var(--sa-spacing) * 8);
  grid-template-columns: repeat(6, minmax(0, 1fr));
  display: grid;
}

.marketos-content-wrapper .marketos-content-section:nth-child(2n) {
  background-color: var(--color-base-100);
}

@supports (color: color-mix(in lab, red, red)) {
  .marketos-content-wrapper .marketos-content-section:nth-child(2n) {
    background-color: color-mix(in oklab, var(--color-base-100) 5%, transparent);
  }
}

.marketos-content-wrapper strong {
  display: block;
}

.marketos-detail-content {
  flex-direction: column;
  display: flex;
}

.marketos-detail-content h2 {
  font-size: var(--sa-text-2xl);
  line-height: var(--tw-leading, var(--sa-text-2xl--line-height));
}

@media (min-width: 96rem) {
  .marketos-detail-content h2 {
    font-size: var(--sa-text-3xl);
    line-height: var(--tw-leading, var(--sa-text-3xl--line-height));
  }
}

.marketos-detail-content h3 {
  font-size: var(--sa-text-2xl);
  line-height: var(--tw-leading, var(--sa-text-2xl--line-height));
}

.marketos-detail-content h4 {
  font-size: var(--sa-text-xl);
  line-height: var(--tw-leading, var(--sa-text-xl--line-height));
}

.marketos-detail-content h5 {
  font-size: var(--sa-text-lg);
  line-height: var(--tw-leading, var(--sa-text-lg--line-height));
}

.marketos-detail-content h6 {
  font-size: var(--sa-text-sm);
  line-height: var(--tw-leading, var(--sa-text-sm--line-height));
}

.marketos-detail-content ul {
  margin-left: calc(var(--sa-spacing) * 2);
  padding-left: calc(var(--sa-spacing) * 2);
}

.marketos-detail-content ul li p {
  text-wrap: pretty;
}

.marketos-detail-content blockquote {
  gap: calc(var(--sa-spacing) * 4);
  border-left-style: var(--tw-border-style);
  border-left-width: 4px;
  border-color: var(--color-primary);
  background-color: var(--color-base-100);
  flex-direction: column;
  height: 100%;
  display: flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .marketos-detail-content blockquote {
    background-color: color-mix(in oklab, var(--color-base-100) 5%, transparent);
  }
}

.marketos-detail-content blockquote {
  padding: calc(var(--sa-spacing) * 4);
}

.marketos-detail-content ol {
  flex-wrap: wrap;
  align-items: flex-start;
  display: flex;
}

@container not (min-width: 24rem) {
  .marketos-detail-content ol {
    flex-direction: column;
  }
}

.marketos-detail-content ol {
  counter-reset: counter;
}

.marketos-detail-content ol li {
  flex: 50%;
}

.marketos-detail-content ol li blockquote {
  min-height: calc(var(--sa-spacing) * 52);
  gap: calc(var(--sa-spacing) * 8);
  background-color: #0000;
  flex-direction: column;
  display: flex;
  position: relative;
}

@media (min-width: 40rem) {
  .marketos-detail-content ol li blockquote {
    flex-direction: row;
    align-items: center;
  }
}

@container not (min-width: 24rem) {
  .marketos-detail-content ol li blockquote {
    justify-content: space-around;
  }
}

.marketos-detail-content ol li blockquote:before {
  content: counter(counter);
  counter-increment: counter;
  --tw-font-weight: var(--sa-font-weight-black);
  font-weight: var(--sa-font-weight-black);
  color: var(--sa-color-black);
}

@supports (color: color-mix(in lab, red, red)) {
  .marketos-detail-content ol li blockquote:before {
    color: color-mix(in oklab, var(--sa-color-black) 10%, transparent);
  }
}

@media not all and (min-width: 40rem) {
  .marketos-detail-content ol li blockquote:before {
    font-size: 6rem;
  }
}

@media (min-width: 40rem) {
  .marketos-detail-content ol li blockquote:before {
    font-size: 10rem;
  }
}

.marketos-detail-content ol li blockquote {
  border-left-style: var(--tw-border-style);
  border-left-width: 0;
}

.marketos-detail-content img {
  width: 100%;
}

.marketos-detail-content > :not(h1, h2, h3, h4, h5, h6, strong) {
  margin-bottom: calc(var(--sa-spacing) * 8);
}

.marketos-detail-content > :last-child, .marketos-detail-content blockquote p:last-child {
  margin-bottom: calc(var(--sa-spacing) * 0);
}

@media (min-width: 40rem) {
  .marketos-detail-content.marketos-headline-list-section ul {
    margin-left: calc(var(--sa-spacing) * 10);
    padding-left: calc(var(--sa-spacing) * 10);
  }
}

@container not (min-width: 24rem) {
  .marketos-detail-content.marketos-headline-list-section ul {
    margin-left: calc(var(--sa-spacing) * 5);
    padding-left: calc(var(--sa-spacing) * 5);
  }
}

.marketos-detail-content.marketos-headline-list-section ul li {
  padding-left: calc(var(--sa-spacing) * 8);
}

.marketos-detail-content .p-tabs .p-tablist-tab-list {
  border-style: var(--tw-border-style);
  border-width: 0;
  background-color: var(--sa-color-white) !important;
}

@supports (color: color-mix(in lab, red, red)) {
  .marketos-detail-content .p-tabs .p-tablist-tab-list {
    background-color: color-mix(in oklab, var(--sa-color-white) 5%, transparent) !important;
  }
}

@media (min-width: 80rem) {
  .marketos-detail-content .p-tabs .p-tablist-tab-list {
    justify-content: center;
  }
}

.marketos-detail-content .p-tabs .p-tab {
  padding-block: calc(var(--sa-spacing) * 2);
}

.marketos-detail-content .p-tabs .p-tab button {
  --tw-shadow: 0 0 #0000;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  background-color: #0000;
  border-color: #0000;
}

.marketos-detail-content .p-tabs .p-tabpanels {
  padding-inline: calc(var(--sa-spacing) * 0);
  padding-top: calc(var(--sa-spacing) * 11);
  background-color: #0000;
}

.marketos-intro-wrapper {
  --tw-shadow: 8px 24px 54px 0px var(--tw-shadow-color, #00000026);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.marketos-intro-wrapper .marketos-intro-section {
  align-items: center;
  gap: calc(var(--sa-spacing) * 4);
  grid-template-columns: repeat(1, minmax(0, 1fr));
  display: grid;
}

@media (min-width: 80rem) {
  .marketos-intro-wrapper .marketos-intro-section {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

.marketos-intro-wrapper .marketos-intro-section .marketos-intro-content {
  gap: calc(var(--sa-spacing) * 4);
  padding: calc(var(--sa-spacing) * 4);
  flex-direction: column;
  display: flex;
}

@media (min-width: 48rem) {
  .marketos-intro-wrapper .marketos-intro-section .marketos-intro-content {
    padding: calc(var(--sa-spacing) * 8);
  }
}

.marketos-intro-wrapper .marketos-intro-section .marketos-intro-model {
  height: 100%;
  overflow: hidden;
}

.marketos-intro-wrapper .marketos-intro-section .marketos-intro-model img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.marketos-headline-list-section h2 {
  margin-bottom: calc(var(--sa-spacing) * 5);
}

.marketos-headline-list-section .marketos-content-section {
  padding-inline: calc(var(--sa-spacing) * 0);
  padding-block: calc(var(--sa-spacing) * 14);
}

.marketos-headline-list-section .marketos-content-section:last-child {
  padding-bottom: calc(var(--sa-spacing) * 0);
}

.marketos-headline-list-section .marketos-content-section p {
  font-size: var(--sa-text-xl);
  line-height: var(--tw-leading, var(--sa-text-xl--line-height));
}

.marketos-about {
  gap: calc(var(--sa-spacing) * 4);
  display: grid;
}

@media not all and (min-width: 80rem) {
  .marketos-about {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

@media (min-width: 80rem) {
  .marketos-about {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .marketos-about .marketos-content {
    grid-column: span 2 / span 2;
  }

  .marketos-about figure {
    grid-column: span 1 / span 1;
  }
}

.marketos-about figure img {
  width: 100%;
}

.marketos-about figure adastra-particle-renderer {
  inset: calc(var(--sa-spacing) * 0);
  height: calc(var(--sa-spacing) * 150);
  --tw-scale-x: 50%;
  --tw-scale-y: 50%;
  --tw-scale-z: 50%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
  margin: auto;
  position: absolute;
}

.marketos-offline-page {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: calc(100vh - 15rem);
  display: flex;
}

.adastra-content-inner--squeeze {
  gap: calc(var(--sa-spacing) * 12);
  width: 100%;
  padding-inline: calc(var(--sa-spacing) * 4);
  flex-direction: column;
  margin-inline: auto;
  display: flex;
}

@media (min-width: 80rem) {
  .adastra-content-inner--squeeze {
    max-width: var(--sa-container-7xl);
  }
}

@media (min-width: 96rem) {
  .adastra-content-inner--squeeze {
    max-width: var(--sa-breakpoint-2xl);
  }
}

.adastra-content-inner--wide {
  width: 100%;
  padding-inline: calc(var(--sa-spacing) * 4);
  margin-inline: auto;
}

@media (min-width: 80rem) {
  .adastra-content-inner--wide {
    max-width: var(--sa-container-5xl);
  }
}

@media (min-width: 96rem) {
  .adastra-content-inner--wide {
    max-width: var(--sa-container-7xl);
  }
}

@media (min-width: 120rem) {
  .adastra-content-inner--wide {
    max-width: var(--sa-breakpoint-2xl);
  }
}

.adastra-content-inner--edge {
  width: 100%;
  padding-inline: calc(var(--sa-spacing) * 4);
}

@media (min-width: 80rem) {
  .adastra-content-inner--edge {
    max-width: var(--sa-container-5xl);
  }
}

@media (min-width: 96rem) {
  .adastra-content-inner--edge {
    max-width: var(--sa-container-7xl);
  }
}

@media (min-width: 120rem) {
  .adastra-content-inner--edge {
    max-width: var(--sa-breakpoint-2xl);
  }
}

.adastra-content-outer--section {
  gap: calc(var(--sa-spacing) * 24);
  flex-direction: column;
  display: flex;
}

.adastra-content-outer--banner {
  gap: calc(var(--sa-spacing) * 12);
  flex-direction: column;
  display: flex;
}

@media (min-width: 80rem) {
  .adastra-content-outer--banner {
    justify-content: space-between;
  }
}

@media (min-width: 96rem) {
  .adastra-content-outer--banner {
    gap: calc(var(--sa-spacing) * 24);
  }
}

@media (min-width: 120rem) {
  .adastra-content-outer--banner {
    gap: calc(var(--sa-spacing) * 40);
  }
}

.adastra-content-outer--edge {
  z-index: 0;
  position: relative;
  overflow: hidden;
}

:is(.adastra-content-box-bullets--standard:not(.marketos-approach-lisitng), .adastra-content-box-bullets--basic:not(.marketos-approach-lisitng)) .box-bullet-item {
  z-index: 0;
  align-items: flex-start;
  gap: calc(var(--sa-spacing) * 4);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--sa-color-white);
  flex-direction: column;
  display: flex;
  position: relative;
  overflow: hidden;
}

@supports (color: color-mix(in lab, red, red)) {
  :is(.adastra-content-box-bullets--standard:not(.marketos-approach-lisitng), .adastra-content-box-bullets--basic:not(.marketos-approach-lisitng)) .box-bullet-item {
    border-color: color-mix(in oklab, var(--sa-color-white) 20%, transparent);
  }
}

:is(.adastra-content-box-bullets--standard:not(.marketos-approach-lisitng), .adastra-content-box-bullets--basic:not(.marketos-approach-lisitng)) .box-bullet-item {
  padding-inline: calc(var(--sa-spacing) * 6);
  padding-block: calc(var(--sa-spacing) * 8);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--sa-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--sa-default-transition-duration));
}

@media (hover: hover) {
  :is(.adastra-content-box-bullets--standard:not(.marketos-approach-lisitng), .adastra-content-box-bullets--basic:not(.marketos-approach-lisitng)) .box-bullet-item:hover {
    background-color: var(--color-primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.adastra-content-box-bullets--standard:not(.marketos-approach-lisitng), .adastra-content-box-bullets--basic:not(.marketos-approach-lisitng)) .box-bullet-item:hover {
      background-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
    }
  }
}

@media (min-width: 64rem) {
  :is(.adastra-content-box-bullets--standard:not(.marketos-approach-lisitng), .adastra-content-box-bullets--basic:not(.marketos-approach-lisitng)) .box-bullet-item {
    min-height: calc(var(--sa-spacing) * 80);
  }
}

@media (min-width: 80rem) {
  @media (hover: hover) {
    :is(.adastra-content-box-bullets--standard:not(.marketos-approach-lisitng), .adastra-content-box-bullets--basic:not(.marketos-approach-lisitng)) .box-bullet-item:hover {
      --tw-translate-y: calc(var(--sa-spacing) * -10);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
}

:is(.adastra-content-box-bullets--standard, .adastra-content-box-bullets--basic) .box-bullet-item h3, :is(.adastra-content-box-bullets--standard, .adastra-content-box-bullets--basic) .box-bullet-item h4 {
  -webkit-line-clamp: 2;
  font-size: var(--sa-text-base);
  line-height: var(--tw-leading, var(--sa-text-base--line-height));
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

:is(.adastra-content-box-bullets--standard, .adastra-content-box-bullets--basic) .box-bullet-item p {
  font-size: var(--sa-text-sm);
  line-height: var(--tw-leading, var(--sa-text-sm--line-height));
  --tw-leading: calc(var(--sa-spacing) * 6);
  line-height: calc(var(--sa-spacing) * 6);
  --tw-tracking: var(--sa-tracking-wide);
  letter-spacing: var(--sa-tracking-wide);
}

.box-bullet-item a {
  align-items: center;
  gap: calc(var(--sa-spacing) * 1.5);
  padding-inline: calc(var(--sa-spacing) * 0);
  font-size: var(--sa-text-sm);
  line-height: var(--tw-leading, var(--sa-text-sm--line-height));
  color: var(--color-primary);
  display: flex;
}

.marketos-btn-group {
  align-items: center;
  gap: calc(var(--sa-spacing) * 4);
  flex-wrap: wrap;
  display: flex;
}

.marketos-case-studies {
  gap: calc(var(--sa-spacing) * 4);
  display: grid;
  position: relative;
}

@media not all and (min-width: 48rem) {
  .marketos-case-studies {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

@media (min-width: 48rem) {
  .marketos-case-studies {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 80rem) {
  .marketos-case-studies {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.marketos-case-studies .p-carousel-prev-button button, .marketos-case-studies .p-carousel-next-button button {
  top: calc(var(--sa-spacing) * -24);
  right: calc(var(--sa-spacing) * 0);
  border-radius: 3.40282e38px;
  position: absolute;
  background-color: var(--color-base-200) !important;
}

:is(.marketos-case-studies .p-carousel-prev-button button, .marketos-case-studies .p-carousel-next-button button):hover {
  background-color: var(--color-primary) !important;
  color: var(--sa-color-white) !important;
}

.marketos-case-studies .p-carousel-prev-button button {
  right: calc(var(--sa-spacing) * 12);
}

.marketos-presence {
  z-index: 0;
  position: relative;
}

.marketos-presence > svg {
  inset: calc(var(--sa-spacing) * 0);
  z-index: calc(10 * -1);
  height: calc(var(--sa-spacing) * 50);
  width: 100%;
  margin: auto;
  position: absolute;
}

.marketos-presence .marketos-presence-listing {
  gap: calc(var(--sa-spacing) * 8);
  grid-template-columns: repeat(1, minmax(0, 1fr));
  width: 100%;
  display: grid;
}

@media (min-width: 40rem) {
  .marketos-presence .marketos-presence-listing {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.marketos-presence .marketos-presence-listing .marketos-item {
  gap: calc(var(--sa-spacing) * 2);
  flex-direction: column;
  display: flex;
}

.marketos-presence .marketos-presence-listing .marketos-item figcaption {
  align-items: center;
  gap: calc(var(--sa-spacing) * 2);
  display: flex;
}

.marketos-presence .marketos-presence-listing .marketos-item figcaption .marketos-status-holder {
  align-items: center;
  gap: calc(var(--sa-spacing) * 2);
  margin-inline-start: calc(var(--sa-spacing) * 2);
  display: flex;
}

.marketos-presence .marketos-presence-listing .marketos-item figcaption svg, .marketos-presence .marketos-presence-listing .marketos-item figcaption img {
  margin-top: calc(var(--sa-spacing) * 1);
  width: calc(var(--sa-spacing) * 5);
  height: calc(var(--sa-spacing) * 5);
}

.marketos-partner-items {
  margin-top: calc(var(--sa-spacing) * 5);
  grid-template-columns: repeat(1, minmax(0, 1fr));
  position: relative;
}

.marketos-partner-items .marketos-clients, .marketos-partner-items figure {
  all: inherit;
}

.marketos-partner-items figure img {
  height: calc(var(--sa-spacing) * 12);
  width: calc(var(--sa-spacing) * 28);
  object-fit: contain;
  object-position: center;
  padding: calc(var(--sa-spacing) * 0);
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
}

swiper-container {
  width: 100%;
}

swiper-container.ticker-swiper::part(wrapper) {
  --tw-ease: linear !important;
  transition-timing-function: linear !important;
}

@keyframes enter {
  from {
    opacity: var(--p-enter-opacity, 1);
    transform: translate3d(var(--p-enter-translate-x, 0), var(--p-enter-translate-y, 0), 0) scale3d(var(--p-enter-scale, 1), var(--p-enter-scale, 1), var(--p-enter-scale, 1)) rotate(var(--p-enter-rotate, 0));
  }
}

@keyframes leave {
  to {
    opacity: var(--p-leave-opacity, 1);
    transform: translate3d(var(--p-leave-translate-x, 0), var(--p-leave-translate-y, 0), 0) scale3d(var(--p-leave-scale, 1), var(--p-leave-scale, 1), var(--p-leave-scale, 1)) rotate(var(--p-leave-rotate, 0));
  }
}

@keyframes rating {
  0%, 40% {
    filter: brightness(1.05) contrast(1.05);
    scale: 1.1;
  }
}

@keyframes dropdown {
  0% {
    opacity: 0;
  }
}

@keyframes radio {
  0% {
    padding: 5px;
  }

  50% {
    padding: 3px;
  }
}

@keyframes toast {
  0% {
    opacity: 0;
    scale: .9;
  }

  100% {
    opacity: 1;
    scale: 1;
  }
}

@keyframes rotator {
  89.9999%, 100% {
    --dui-first-item-position: 0 0%;
  }

  90%, 99.9999% {
    --dui-first-item-position: 0 calc(var(--dui-items) * 100%);
  }

  100% {
    translate: 0 -100%;
  }
}

@keyframes skeleton {
  0% {
    background-position: 150%;
  }

  100% {
    background-position: -50%;
  }
}

@keyframes menu {
  0% {
    opacity: 0;
  }
}

@keyframes progress {
  50% {
    background-position-x: -115%;
  }
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-gradient-position {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}

@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}

@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

@keyframes bounce {
  0%, 100% {
    animation-timing-function: cubic-bezier(.8, 0, 1, 1);
    transform: translateY(-25%);
  }

  50% {
    animation-timing-function: cubic-bezier(0, 0, .2, 1);
    transform: none;
  }
}
.lg-outer .lg-thumb-outer {
  background-color: #0d0a0a;
  width: 100%;
  max-height: 350px;
  overflow: hidden;
  float: left;
}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
  cursor: move;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
  transition-duration: 0s !important;
}
.lg-outer .lg-thumb-outer.lg-rebuilding-thumbnails .lg-thumb {
  transition-duration: 0s !important;
}
.lg-outer .lg-thumb-outer.lg-thumb-align-middle {
  text-align: center;
}
.lg-outer .lg-thumb-outer.lg-thumb-align-left {
  text-align: left;
}
.lg-outer .lg-thumb-outer.lg-thumb-align-right {
  text-align: right;
}
.lg-outer.lg-single-item .lg-thumb-outer {
  display: none;
}
.lg-outer .lg-thumb {
  padding: 5px 0;
  height: 100%;
  margin-bottom: -5px;
  display: inline-block;
  vertical-align: middle;
}
@media (min-width: 768px) {
  .lg-outer .lg-thumb {
    padding: 10px 0;
  }
}
.lg-outer .lg-thumb-item {
  cursor: pointer;
  float: left;
  overflow: hidden;
  height: 100%;
  border-radius: 2px;
  margin-bottom: 5px;
  will-change: border-color;
}
@media (min-width: 768px) {
  .lg-outer .lg-thumb-item {
    border-radius: 4px;
    border: 2px solid #fff;
    transition: border-color 0.25s ease;
  }
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
  border-color: rgb(169, 7, 7);
}
.lg-outer .lg-thumb-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.lg-outer.lg-can-toggle .lg-item {
  padding-bottom: 0;
}
.lg-outer .lg-toggle-thumb:after {
  content: "\e1ff";
}
.lg-outer.lg-animate-thumb .lg-thumb {
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*# sourceMappingURL=lg-thumbnail.css.map */.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap,
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
  transition-duration: 0ms !important;
}
.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  will-change: transform;
  transition: transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s;
}
.lg-outer.lg-use-transition-for-zoom.lg-zoom-drag-transition .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  will-change: transform;
  transition: transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image,
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img {
  transform: scale3d(1, 1, 1);
  transition: transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s, opacity 0.15s !important;
  backface-visibility: hidden;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.no-transition,
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.no-transition {
  transition: none !important;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition,
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition {
  transform: scale3d(1, 1, 1) translate3d(-50%, -50%, 0px) !important;
  max-width: none !important;
  max-height: none !important;
  top: 50% !important;
  left: 50% !important;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition-x,
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition-x {
  transform: scale3d(1, 1, 1) translate3d(-50%, 0, 0px) !important;
  top: 0 !important;
  left: 50% !important;
  max-width: none !important;
  max-height: none !important;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition-y,
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition-y {
  transform: scale3d(1, 1, 1) translate3d(0, -50%, 0px) !important;
  top: 50% !important;
  left: 0% !important;
  max-width: none !important;
  max-height: none !important;
}

.lg-icon.lg-zoom-in:after {
  content: "\e311";
}
.lg-actual-size .lg-icon.lg-zoom-in {
  opacity: 1;
  pointer-events: auto;
}
.lg-icon.lg-actual-size {
  font-size: 20px;
}
.lg-icon.lg-actual-size:after {
  content: "\e033";
}
.lg-icon.lg-zoom-out {
  opacity: 0.5;
  pointer-events: none;
}
.lg-icon.lg-zoom-out:after {
  content: "\e312";
}
.lg-zoomed .lg-icon.lg-zoom-out {
  opacity: 1;
  pointer-events: auto;
}

.lg-outer[data-lg-slide-type=video] .lg-zoom-in,
.lg-outer[data-lg-slide-type=video] .lg-actual-size,
.lg-outer[data-lg-slide-type=video] .lg-zoom-out, .lg-outer[data-lg-slide-type=iframe] .lg-zoom-in,
.lg-outer[data-lg-slide-type=iframe] .lg-actual-size,
.lg-outer[data-lg-slide-type=iframe] .lg-zoom-out, .lg-outer.lg-first-slide-loading .lg-zoom-in,
.lg-outer.lg-first-slide-loading .lg-actual-size,
.lg-outer.lg-first-slide-loading .lg-zoom-out {
  opacity: 0.75;
  pointer-events: none;
}

/*# sourceMappingURL=lg-zoom.css.map */@font-face {
  font-family: "lg";
  src: url("data:font/woff2;base64,d09GMgABAAAAAAkcAAsAAAAAEogAAAjNAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAAgSQRCAqcLJZKCzoAATYCJANwBCAFgkoHIBupDgDm53Gzej8JpU0wqygVVyoWwphIsuuw60jpmBY6ppTa7mk7jtx57UQ0V2ulvfmteSIQji061T2HvfDEECASKizU5VUQXFjFRtgYTVg+woiYDVezOThR4tAvr/YYgOO/RZ+BAABzYtMA8Kl8Neg3UIDCoCkOyWBuLcCvSHycH78QvhFxmUCK03A0RwGSvXBAHgR8UB8DMvocJYAgbiZiJnqmYGbXjG3mz7P8nHhe8Uvxr0j+fzwPABAjWT1E83IJHh/x87G/jv1l7JtYR+y+WF2MKAai/qfDtfIRt7hBikI8D1IpipXqWqYSDgDBfwE7qDLw5EEALqFRDMKAsApNwchXAJgFL/WETMbKcDVSifR6QkjwkDaRTEugqlBtKVcL6Smi1dHlIqUmuii6Pic1JTIlFTX3uRenMNpiCiKOCZBm2ges0b/ScigDVgcb2MEHfloel7e1z208KrZUeQFjK0dIkbl6FOFczRhFE6zaRklPlz52tOXcKtmpdqisgHnbxRatg66vsZNHaWMPQ/eZmH6jaavlNASsipbKwVZSYrRm1mywI0670UEdhLy+yuscolSZJHKwg5IyNzRJQbKRZiicwnYiChjO1vSbKCBpkAgCjGIb6KCvA5GL0VHeUDwAQEHkSC2ToBJhKN9KAneim2ekLf1vENf3mjT3vAS295XY2MMgzRpSqTVWpt4ang+ksXynRUQPlkFOu+b6Yw0jBp8krbXbYbjc5mn6KpsNWKtqtcNz0D8xTTQKzthbZYAxLev3NkFgyYWsngBjGo8jg6a9Y3rKR9Pfqun10RvJi9X9foZGvrltMkJgWR7dhI7SSITEaBWIQQTMUSOJkTi5nlqpZUfNKcYD1Do/ZdkbR8UeVpKLSbMVgKLX0flzQYqCrLpll+/vus2IM9+lbdTgWWRLQJqvaq7eHKulgL2ssp7LrpxR2DBI/ja1zXvi7cS1E0Gr0uhy7PUGwPmdkkdjEYOjpGnQRXowC/GBq51eymLRXrsXsTzXX37VlXzeVxoI6m8Gy67oBnzsB6DoQYY7GHM2fbT4oS9zON45lPnwbmww2BL0G89EnfaVPi5eJ3NZFtjc277Wb9M1A+UWG2WZyrj6PMKmLHRoH04iZLuivlsHTmm9/qYJ1r2Z90DtuKYduK6SdNZ3dRRxHAoE+l4HGM6MyIe+0se+zHEfsP4s2sqqnVdSTE/8lCVYMRVsuBVEJOvT3fa1Xr4X2iDZflVFmxyDmpu1r8b9IsVzXUB9w1/l9ccf7WCszaI1ATtUx7oRztk1dtbBcciudJAi83Vv2yaTg9uON6toxLlIM2GVxClo2eVBt5gcOHRwHLIpptC92TeKRi3MjtBkTAOaoU+6P1q364+kdgt/+xh2fRvlOf2p5xR4ut7P4s0sPwY63OguajQWuYqMjUWaA9100ya6yHdHr/BMyxN9QmGa2zjPnbZr17KTy9weKwqXYtqjcMunRkgE9kP+Refvml14hAZw8WFQGmZnnaEi0eLUQTCc+tLSphVyaUH6lAJoXjF1MDiaFSOexNCRKYW8TOkhKzDEDjPDvHHI3c5hXbQLhujhUuPmBYd+N/EaktFsDqoDo4/G0yx70s3SSuXJDIvjMNsIQ7TDqb+/sv8NHGl6BvDAMOnsCpv9PQcP9tS6N294zEnwtNdt2tfTXSz7JGwAqALmbKpr90BaeqA9tlvduWP4/xa0thZcJMNDC6XqrFuy2xGF7YaiQkN7UfhEbMaNkOxQHezh7YVFBsP9TcoybgmzhaExmpxb/78Naf89LmVWthVvvSWh3rZUWtlMFStWENDf5uqEd2LiP/M/fvWEWUntjnTynpI2ainnLdjPUIvL2uGFJvoUQy0taZvPePLqxy0lK6mUo8yp6B+WtdyyTHivdrgLZrhbvAOlWMbQEJtJZ7JuXgRLC+hwe/kb90WvW4U4/PGGRUmLk995J1loWLRhQwVCKkve4JOS8YJASY+P8KQNe/vahGNU8TJRe/eCaaG7ozsrt6Ixu623v/ck0rvlG2EYBoAh6abIxoZ9UeHoNQAiMPKv/8pIi+47EAMHcfLh7dyX8q0Po+Iap94fFob+4fr/DXr96x+j1x2dhZ0dBfRqardjBIZ+M+S6Lo6ojE+4HKF7Kz7zG+eCOkwQ98UfOirDqrckKPVz3sR8srT/gsev3H0p3Rq7wkD1JLE/XZ+2Ze5pV5eqPiqqmBkc1PQYDBvlk5MdqQff21UyInvyhyjMsHXV33tD3zaQ7Us/NKfX44qLQ/8ffOtzXIjnymRNXampDWkGDR5yOyThG2/9UXC6liWEEz0hX+uR1Xg780i4eNOSig3Fk2pSkPpBqrrmx3/+TbB2ya9ePfrGJx98H8rvjKsRQoSh/G0s8cO6bhwwUI8vUz1c21B04cscrjVV1q8zzCVJkmv/T8y21/bLszJpxeqptculJZpleUyKrPX/X3QZBL+rl+hTWuR/2At7LhYVX9BBsULaqi9LWh+6xMDLW6V65dy2gsMbszemQ96XMDvrSfRM60ceo5R/oGDXB0KrxJsTACBhbV48S4Cd5IeyAVdU5Yg+2nPGKS+XAwmOljrwpIdMmdJPexI9ndnIXUIVgety83YzRdXD6E6YvF0gVGJRMhpOyQW6xGM0Zbq7zw8AoAcWAYa7cSOsARF+Fm8DBAAYgDUq07ZSWvm3UIoAAIAfde39SB7Hz+K/xR9vAkMBg0YE8PKEChkH47+9MDggitAdAEObxnBmZAFu5C4eyMxqN/2c3ZUK2qJ+tDUvrTR/BGHDbqZplsDNZVVQjIaim4XA6TE4YLCfEdweIwAKaArx8aN1JETYMNMDEWGYZdRjMJDAB4T7+EEiwAdiBKCBlRQCfnwjEgohbttG2AYb3yS+7tWIDW1rd/6mMedAM+yEHbAvWge0XgNevwdW20Cmdfb6NXBYqm+DtZHUyUW88R/abjA/OxeYpIa9sNmNGMqHbMgd2CAZPzVuOfQFg5H275pWwx73mQMODQAAAA==") format("woff2"), url("/assets/lg-oyjwlqP2.ttf?io9a6k") format("truetype"), url("/assets/lg-CosQH4Cu.woff?io9a6k") format("woff"), url("/assets/lg-B0dIV2BS.svg?io9a6k#lg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.lg-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "lg" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.lg-container {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.lg-next,
.lg-prev {
  background-color: rgba(0, 0, 0, 0.45);
  border-radius: 2px;
  color: #999;
  cursor: pointer;
  display: block;
  font-size: 22px;
  margin-top: -10px;
  padding: 8px 10px 9px;
  position: absolute;
  top: 50%;
  z-index: 1084;
  outline: none;
  border: none;
}
.lg-next.disabled,
.lg-prev.disabled {
  opacity: 0 !important;
  cursor: default;
}
.lg-next:hover:not(.disabled),
.lg-prev:hover:not(.disabled) {
  color: #fff;
}
.lg-single-item .lg-next,
.lg-single-item .lg-prev {
  display: none;
}

.lg-next {
  right: 20px;
}
.lg-next:before {
  content: "\e095";
}

.lg-prev {
  left: 20px;
}
.lg-prev:after {
  content: "\e094";
}
@keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
.lg-outer.lg-right-end .lg-object {
  animation: lg-right-end 0.3s;
  position: relative;
}
.lg-outer.lg-left-end .lg-object {
  animation: lg-left-end 0.3s;
  position: relative;
}

.lg-toolbar {
  z-index: 1082;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.lg-media-overlap .lg-toolbar {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
}
.lg-toolbar .lg-icon {
  color: #999;
  cursor: pointer;
  float: right;
  font-size: 24px;
  height: 47px;
  line-height: 27px;
  padding: 10px 0;
  text-align: center;
  width: 50px;
  text-decoration: none !important;
  outline: medium none;
  will-change: color;
  transition: color 0.2s linear;
  background: none;
  border: none;
  box-shadow: none;
}
.lg-toolbar .lg-icon.lg-icon-18 {
  font-size: 18px;
}
.lg-toolbar .lg-icon:hover {
  color: #fff;
}
.lg-toolbar .lg-close:after {
  content: "\e070";
}
.lg-toolbar .lg-maximize {
  font-size: 22px;
}
.lg-toolbar .lg-maximize:after {
  content: "\e90a";
}
.lg-toolbar .lg-download:after {
  content: "\e0f2";
}

.lg-sub-html {
  color: #eee;
  font-size: 16px;
  padding: 10px 40px;
  text-align: center;
  z-index: 1080;
  opacity: 0;
  transition: opacity 0.2s ease-out 0s;
}
.lg-sub-html h4 {
  margin: 0;
  font-size: 13px;
  font-weight: bold;
}
.lg-sub-html p {
  font-size: 12px;
  margin: 5px 0 0;
}
.lg-sub-html a {
  color: inherit;
}
.lg-sub-html a:hover {
  text-decoration: underline;
}
.lg-media-overlap .lg-sub-html {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
}
.lg-item .lg-sub-html {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}

.lg-error-msg {
  font-size: 14px;
  color: #999;
}

.lg-counter {
  color: #999;
  display: inline-block;
  font-size: 16px;
  padding-left: 20px;
  padding-top: 12px;
  height: 47px;
  vertical-align: middle;
}

.lg-closing .lg-toolbar,
.lg-closing .lg-prev,
.lg-closing .lg-next,
.lg-closing .lg-sub-html {
  opacity: 0;
  transition: transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-img-wrap,
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-video-cont,
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-media-cont {
  opacity: 0;
  transform: scale3d(0.5, 0.5, 0.5);
  will-change: transform, opacity;
  transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-img-wrap,
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-video-cont,
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-media-cont {
  opacity: 1;
  transform: scale3d(1, 1, 1);
}

.lg-icon:focus-visible {
  color: #fff;
  border-radius: 3px;
  outline: 1px dashed rgba(255, 255, 255, 0.6);
}

.lg-toolbar .lg-icon:focus-visible {
  border-radius: 8px;
  outline-offset: -5px;
}

.lg-group:after {
  content: "";
  display: table;
  clear: both;
}

.lg-container {
  display: none;
  outline: none;
}
.lg-container.lg-show {
  display: block;
}

.lg-on {
  scroll-behavior: unset;
}

.lg-overlay-open {
  overflow: hidden;
}

.lg-toolbar,
.lg-prev,
.lg-next,
.lg-pager-outer,
.lg-hide-sub-html .lg-sub-html {
  opacity: 0;
  will-change: transform, opacity;
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-show-in .lg-toolbar,
.lg-show-in .lg-prev,
.lg-show-in .lg-next,
.lg-show-in .lg-pager-outer {
  opacity: 1;
}
.lg-show-in.lg-hide-sub-html .lg-sub-html {
  opacity: 1;
}
.lg-show-in .lg-hide-items .lg-prev {
  opacity: 0;
  transform: translate3d(-10px, 0, 0);
}
.lg-show-in .lg-hide-items .lg-next {
  opacity: 0;
  transform: translate3d(10px, 0, 0);
}
.lg-show-in .lg-hide-items .lg-toolbar {
  opacity: 0;
  transform: translate3d(0, -10px, 0);
}
.lg-show-in .lg-hide-items.lg-hide-sub-html .lg-sub-html {
  opacity: 0;
  transform: translate3d(0, 20px, 0);
}

.lg-outer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  text-align: left;
  opacity: 0.001;
  outline: none;
  will-change: auto;
  overflow: hidden;
  transition: opacity 0.15s ease 0s;
}
.lg-outer * {
  box-sizing: border-box;
}
.lg-outer.lg-zoom-from-image {
  opacity: 1;
}
.lg-outer.lg-visible {
  opacity: 1;
}
.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-prev-slide, .lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-next-slide, .lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-current {
  transition-duration: inherit !important;
  transition-timing-function: inherit !important;
}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
  transition-duration: 0s !important;
  opacity: 1;
}
.lg-outer.lg-grab img.lg-object {
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lg-outer.lg-grabbing img.lg-object {
  cursor: move;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}
.lg-outer .lg-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.lg-outer .lg-inner {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  transition: opacity 0s;
  white-space: nowrap;
}
.lg-outer .lg-item {
  display: none !important;
}
.lg-outer .lg-item:not(.lg-start-end-progress) {
  background: url("/assets/loading-BZOHaeKn.gif") no-repeat scroll center center transparent;
}
.lg-outer.lg-css3 .lg-prev-slide,
.lg-outer.lg-css3 .lg-current,
.lg-outer.lg-css3 .lg-next-slide {
  display: inline-block !important;
}
.lg-outer.lg-css .lg-current {
  display: inline-block !important;
}
.lg-outer .lg-item,
.lg-outer .lg-img-wrap {
  display: inline-block;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
}
.lg-outer .lg-item:before,
.lg-outer .lg-img-wrap:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.lg-outer .lg-img-wrap {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  white-space: nowrap;
  font-size: 0;
}
.lg-outer .lg-item.lg-complete {
  background-image: none;
}
.lg-outer .lg-item.lg-current {
  z-index: 1060;
}
.lg-outer .lg-object {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  position: relative;
}
.lg-outer .lg-empty-html.lg-sub-html,
.lg-outer .lg-empty-html .lg-sub-html {
  display: none;
}
.lg-outer.lg-hide-download .lg-download {
  opacity: 0.75;
  pointer-events: none;
}
.lg-outer .lg-first-slide .lg-dummy-img {
  position: absolute;
  top: 50%;
  left: 50%;
}
.lg-outer.lg-components-open:not(.lg-zoomed) .lg-components {
  transform: translate3d(0, 0%, 0);
  opacity: 1;
}
.lg-outer.lg-components-open:not(.lg-zoomed) .lg-sub-html {
  opacity: 1;
  transition: opacity 0.2s ease-out 0.15s;
}
.lg-outer .lg-media-cont {
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.lg-outer .lg-media-cont .lg-object {
  width: 100% !important;
  height: 100% !important;
}
.lg-outer .lg-has-iframe .lg-media-cont {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
}

.lg-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1040;
  background-color: #000;
  opacity: 0;
  will-change: auto;
  transition: opacity 333ms ease-in 0s;
}
.lg-backdrop.in {
  opacity: 1;
}

.lg-css3.lg-no-trans .lg-prev-slide,
.lg-css3.lg-no-trans .lg-next-slide,
.lg-css3.lg-no-trans .lg-current {
  transition: none 0s ease 0s !important;
}
.lg-css3.lg-use-css3 .lg-item {
  backface-visibility: hidden;
}
.lg-css3.lg-fade .lg-item {
  opacity: 0;
}
.lg-css3.lg-fade .lg-item.lg-current {
  opacity: 1;
}
.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {
  transition: opacity 0.1s ease 0s;
}
.lg-css3.lg-use-css3 .lg-item.lg-start-progress {
  transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}
.lg-css3.lg-use-css3 .lg-item.lg-start-end-progress {
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item {
  opacity: 0;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
  transform: translate3d(-100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
  transform: translate3d(100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-container {
  display: none;
}
.lg-container.lg-show {
  display: block;
}
.lg-container.lg-dragging-vertical .lg-backdrop {
  transition-duration: 0s !important;
}
.lg-container.lg-dragging-vertical .lg-css3 .lg-item.lg-current {
  transition-duration: 0s !important;
  opacity: 1;
}

.lg-inline .lg-backdrop,
.lg-inline .lg-outer {
  position: absolute;
}
.lg-inline .lg-backdrop {
  z-index: 1;
}
.lg-inline .lg-outer {
  z-index: 2;
}
.lg-inline .lg-maximize:after {
  content: "\e909";
}

.lg-components {
  transform: translate3d(0, 100%, 0);
  will-change: transform;
  transition: transform 0.35s ease-out 0s;
  z-index: 1080;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}

/*# sourceMappingURL=lightgallery.css.map *//*$vite$:1*/