@layer ds-reset, ds-foundation, ds-subatoms, ds-atoms, ds-molecules, ds-organisms, ds-templates, ds-landing;
@font-face {
  font-family: "Gilroy-Fonts";
  font-style: normal;
  font-weight: normal;
  src: local(Gilroy-Regular), url(https://pastatic.picsart.com/cms-pastatic/d018cb40-40a8-4efa-a202-947285ae8329.woff2) format("woff2");
  font-display: swap;
  unicode-range: U+0020-007F;
}
@font-face {
  font-family: "Gilroy-Fonts";
  font-style: normal;
  font-weight: 500;
  src: local(Gilroy-Medium), url(https://pastatic.picsart.com/cms-pastatic/3de40576-a960-483a-a3ab-a1743e3c4ba6.woff2) format("woff2");
  font-display: swap;
  unicode-range: U+0020-007F;
}
@font-face {
  font-family: "Gilroy-Fonts";
  font-style: normal;
  font-weight: 600;
  src: local(Gilroy-SemiBold), url(https://pastatic.picsart.com/cms-pastatic/eae6e1ea-9319-406c-a3de-00431f8f03f4.woff2) format("woff2");
  font-display: swap;
  unicode-range: U+0020-007F;
}
@font-face {
  font-family: "Gilroy-Fonts";
  font-style: normal;
  font-weight: bold;
  src: local(Gilroy-Bold), url(https://pastatic.picsart.com/cms-pastatic/0ea441d6-d0d4-4236-b649-67a987887865.woff2) format("woff2");
  font-display: swap;
  unicode-range: U+0020-007F;
}
html {
  --fonts-gilroy: Gilroy-Fonts, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, Helvetica, Arial, sans-serif;
}

@layer ds-reset {
  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  ::selection {
    background-color: var(--primary-colors-base-default);
    color: var(--primary-colors-text-default);
  }
  html {
    min-height: -webkit-fill-available;
    min-height: 100dvh;
    overscroll-behavior: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    font-feature-settings: normal;
  }
  @supports (-webkit-touch-callout: none) and (padding-top: env(safe-area-inset-top)) {
    html {
      padding-top: env(safe-area-inset-top);
      padding-bottom: env(safe-area-inset-bottom);
      padding-left: env(safe-area-inset-left);
      padding-right: env(safe-area-inset-right);
    }
  }
  a {
    text-decoration: none;
  }
  iframe {
    border: none;
    outline: none;
  }
  button {
    border: none;
    background: none;
    cursor: pointer;
  }
  input,
  textarea,
  select {
    border: none;
    outline: none;
    background: none;
    font-family: inherit;
  }
  input,
  select {
    appearance: none;
    -webkit-appearance: none;
  }
  a,
  button,
  input,
  textarea,
  select,
  div {
    -webkit-tap-highlight-color: transparent;
  }
  input, button, textarea, select {
    font-family: var(--fonts-gilroy);
  }
  ul,
  ol {
    list-style: none;
  }
}
@layer ds-foundation {
  html {
    --easings-ease: cubic-bezier(0.25, 0.1, 0.25, 1);
    --easings-ease-in: cubic-bezier(0.42, 0, 1, 1);
    --easings-ease-in-out: cubic-bezier(0.42, 0, 0.58, 1);
    --easings-ease-out: cubic-bezier(0, 0, 0.58, 1);
    --easings-linear: cubic-bezier(0, 0, 1, 1);
    --easings-practical: cubic-bezier(0.4, 0, 0.2, 1);
    --easings-expressive: cubic-bezier(0.4, 0, 0, 1);
    --easings-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
    --states-disabled: 0.4;
    --corner-radius-circle: 50%;
    --corner-radius-r0: 0px;
    --corner-radius-r2: 2px;
    --corner-radius-r4: 4px;
    --corner-radius-r8: 8px;
    --corner-radius-r12: 12px;
    --corner-radius-r16: 16px;
    --corner-radius-r20: 20px;
    --corner-radius-r22: 22px;
    --corner-radius-r24: 24px;
    --corner-radius-r32: 32px;
    --spacings-s0: 0px;
    --spacings-s2: 2px;
    --spacings-s4: 4px;
    --spacings-s6: 6px;
    --spacings-s8: 8px;
    --spacings-s10: 10px;
    --spacings-s12: 12px;
    --spacings-s16: 16px;
    --spacings-s24: 24px;
    --spacings-s32: 32px;
    --spacings-s40: 40px;
    --spacings-s44: 44px;
    --spacings-s48: 48px;
    --spacings-s56: 56px;
    --spacings-s64: 64px;
    --spacings-s72: 72px;
    --stacking-context-lowest: -9999;
    --stacking-context-initial: 0;
    --stacking-context-layout: 1000;
    --stacking-context-popover: 2000;
    --stacking-context-popup: 3000;
    --stacking-context-tooltip: 4000;
    --stacking-context-toast: 5000;
    --stacking-context-highest: 9999;
    --timings-fast: 100ms;
    --timings-default: 300ms;
    --timings-medium: 500ms;
    --timings-long: 1000ms;
    --timings-heavy: 2000ms;
    --typography-t1-font-size: 8px;
    --typography-t1-line-height: 10px;
    --typography-t2-font-size: 10px;
    --typography-t2-line-height: 14px;
    --typography-t3-font-size: 12px;
    --typography-t3-line-height: 16px;
    --typography-t4-font-size: 14px;
    --typography-t4-line-height: 20px;
    --typography-t5-font-size: 16px;
    --typography-t5-line-height: 24px;
    --typography-t6-font-size: 20px;
    --typography-t6-line-height: 28px;
    --typography-t7-font-size: 24px;
    --typography-t7-line-height: 32px;
    --typography-t8-font-size: 30px;
    --typography-t8-line-height: 36px;
    --typography-t9-font-size: 36px;
    --typography-t9-line-height: 48px;
    --typography-t10-font-size: 42px;
    --typography-t10-line-height: 50px;
    --typography-t11-font-size: 60px;
    --typography-t11-line-height: 72px;
  }
  html.light {
    --brand-colors-default: #F40BF4;
    --brand-colors-light: #FFFCF8;
    --brand-colors-dark: #000000;
    --absolute-black-colors-base-default: #000000;
    --absolute-black-colors-base-action: #313131;
    --absolute-black-colors-base-active: #000000;
    --absolute-black-colors-base-active-action: #313131;
    --absolute-black-colors-text-default: #ffffff;
    --absolute-black-colors-text-action: #ffffff;
    --absolute-black-colors-text-active: #ffffff;
    --absolute-black-colors-text-active-action: #ffffff;
    --absolute-white-colors-base-default: #ffffff;
    --absolute-white-colors-base-action: #ececec;
    --absolute-white-colors-base-active: #ffffff;
    --absolute-white-colors-base-active-action: #ececec;
    --absolute-white-colors-text-default: #000000;
    --absolute-white-colors-text-action: #000000;
    --absolute-white-colors-text-active: #000000;
    --absolute-white-colors-text-active-action: #000000;
    --background-colors-base: #fcfcfc;
    --background-colors-tint-1: #f7f7f7;
    --background-colors-tint-2: #f2f2f2;
    --background-colors-tint-3: #d9d9d9;
    --background-colors-border: #e8e8e8;
    --background-colors-transparent: rgba(0, 0, 0, 0.5215686275);
    --background-colors-tooltip: #ffffff;
    --background-colors-popover: #ffffff;
    --background-colors-canvas-back-layer: #ededed;
    --control-colors-border-default: #e0e0e0;
    --control-colors-border-action: #e0e0e0;
    --control-colors-border-active: #e0e0e0;
    --control-colors-border-active-action: #e0e0e0;
    --control-colors-button-background-default: #ffffff;
    --control-colors-button-background-action: #f7f7f7;
    --control-colors-button-background-active: #eeeeee;
    --control-colors-button-background-active-action: #f7f7f7;
    --control-colors-caret-default: #5a00ee;
    --control-colors-caret-action: #5a00ee;
    --control-colors-caret-active: #5a00ee;
    --control-colors-caret-active-action: #5a00ee;
    --control-colors-end-icon-default: #525252;
    --control-colors-end-icon-action: #3d3d3d;
    --control-colors-end-icon-active: #000000;
    --control-colors-end-icon-active-action: #3d3d3d;
    --control-colors-field-background-default: #ffffff;
    --control-colors-field-background-action: #f7f7f7;
    --control-colors-field-background-active: #eeeeee;
    --control-colors-field-background-active-action: #f7f7f7;
    --control-colors-placeholder-default: #707070;
    --control-colors-placeholder-action: #707070;
    --control-colors-placeholder-active: #707070;
    --control-colors-placeholder-active-action: #707070;
    --control-colors-slider-thumb-default: #fefefe;
    --control-colors-slider-thumb-action: #f1f1f1;
    --control-colors-slider-thumb-active: #fefefe;
    --control-colors-slider-thumb-active-action: #f1f1f1;
    --control-colors-slider-track-default: #C209C1;
    --control-colors-slider-track-action: #C209C1;
    --control-colors-slider-track-active: #C209C1;
    --control-colors-slider-track-active-action: #C209C1;
    --control-colors-start-icon-default: #525252;
    --control-colors-start-icon-action: #3d3d3d;
    --control-colors-start-icon-active: #000000;
    --control-colors-start-icon-active-action: #3d3d3d;
    --control-colors-text-default: #525252;
    --control-colors-text-action: #3d3d3d;
    --control-colors-text-active: #000000;
    --control-colors-text-active-action: #3d3d3d;
    --control-colors-value-default: #525252;
    --control-colors-value-action: #3d3d3d;
    --control-colors-value-active: #000000;
    --control-colors-value-active-action: #3d3d3d;
    --text-colors-base: #000000;
    --text-colors-tint-1: #4c4c4c;
    --text-colors-tint-2: #666666;
    --text-colors-tint-3: #737373;
    --error-colors-base-default: #D10037;
    --error-colors-base-action: #A9002D;
    --error-colors-base-active: #D10037;
    --error-colors-base-active-action: #A9002D;
    --error-colors-text-default: #ffffff;
    --error-colors-text-action: #ffffff;
    --error-colors-text-active: #ffffff;
    --error-colors-text-active-action: #ffffff;
    --information-colors-base-default: #0066eb;
    --information-colors-base-action: #0055c3;
    --information-colors-base-active: #0066eb;
    --information-colors-base-active-action: #0055c3;
    --information-colors-text-default: #ffffff;
    --information-colors-text-action: #ffffff;
    --information-colors-text-active: #ffffff;
    --information-colors-text-active-action: #ffffff;
    --success-colors-base-default: #00804A;
    --success-colors-base-action: #005A34;
    --success-colors-base-active: #00804A;
    --success-colors-base-active-action: #005A34;
    --success-colors-text-default: #ffffff;
    --success-colors-text-action: #ffffff;
    --success-colors-text-active: #ffffff;
    --success-colors-text-active-action: #ffffff;
    --warning-colors-base-default: #FFAA00;
    --warning-colors-base-action: #D99100;
    --warning-colors-base-active: #FFAA00;
    --warning-colors-base-active-action: #D99100;
    --warning-colors-text-default: #000000;
    --warning-colors-text-action: #000000;
    --warning-colors-text-active: #000000;
    --warning-colors-text-active-action: #000000;
    --negative-colors-base-default: #000000;
    --negative-colors-base-action: #787878;
    --negative-colors-base-active: #000000;
    --negative-colors-base-active-action: #787878;
    --negative-colors-text-default: #ffffff;
    --negative-colors-text-action: #ffffff;
    --negative-colors-text-active: #ffffff;
    --negative-colors-text-active-action: #ffffff;
    --neutral-colors-base-default: #f2f2f2;
    --neutral-colors-base-action: #b4b4b4;
    --neutral-colors-base-active: #f2f2f2;
    --neutral-colors-base-active-action: #b4b4b4;
    --neutral-colors-text-default: #000000;
    --neutral-colors-text-action: #000000;
    --neutral-colors-text-active: #000000;
    --neutral-colors-text-active-action: #000000;
    --positive-colors-base-default: #ffffff;
    --positive-colors-base-action: #b4b4b4;
    --positive-colors-base-active: #ffffff;
    --positive-colors-base-active-action: #b4b4b4;
    --positive-colors-text-default: #000000;
    --positive-colors-text-action: #000000;
    --positive-colors-text-active: #000000;
    --positive-colors-text-active-action: #000000;
    --primary-colors-base-default: #c209c1;
    --primary-colors-base-action: #920792;
    --primary-colors-base-active: #c209c1;
    --primary-colors-base-active-action: #920792;
    --primary-colors-text-default: #ffffff;
    --primary-colors-text-action: #ffffff;
    --primary-colors-text-active: #ffffff;
    --primary-colors-text-active-action: #ffffff;
    --primary-colors-alpha-10: rgba(194, 9, 193, 0.1019607843);
    --primary-colors-alpha-20: rgba(194, 9, 193, 0.2);
    --primary-colors-alpha-50: rgba(194, 9, 193, 0.5019607843);
    --primary-colors-alpha-80: rgba(194, 9, 193, 0.8);
    --transformer-colors-base-default: #3b8ce2;
    --transformer-colors-base-action: #3b8ce2;
    --transformer-colors-base-active: #3b8ce2;
    --transformer-colors-base-active-action: #3b8ce2;
    --transformer-colors-text-default: #ffffff;
    --transformer-colors-text-action: #ffffff;
    --transformer-colors-text-active: #ffffff;
    --transformer-colors-text-active-action: #ffffff;
    --monetization-plus-colors-base-default: #ac06ca;
    --monetization-plus-colors-base-action: #87059e;
    --monetization-plus-colors-base-active: #ac06ca;
    --monetization-plus-colors-base-active-action: #87059e;
    --monetization-plus-colors-text-default: #ffffff;
    --monetization-plus-colors-text-action: #ffffff;
    --monetization-plus-colors-text-active: #ffffff;
    --monetization-plus-colors-text-active-action: #ffffff;
    --monetization-plus-colors-alpha-10: rgba(172, 6, 202, 0.1019607843);
    --monetization-plus-colors-alpha-20: rgba(172, 6, 202, 0.2);
    --monetization-plus-colors-alpha-50: rgba(172, 6, 202, 0.5019607843);
    --monetization-plus-colors-alpha-80: rgba(172, 6, 202, 0.8);
    --monetization-pro-colors-base-default: #5a00ee;
    --monetization-pro-colors-base-action: #3d00a2;
    --monetization-pro-colors-base-active: #5a00ee;
    --monetization-pro-colors-base-active-action: #3d00a2;
    --monetization-pro-colors-text-default: #ffffff;
    --monetization-pro-colors-text-action: #ffffff;
    --monetization-pro-colors-text-active: #ffffff;
    --monetization-pro-colors-text-active-action: #ffffff;
    --monetization-pro-colors-alpha-10: rgba(90, 0, 238, 0.1019607843);
    --monetization-pro-colors-alpha-20: rgba(90, 0, 238, 0.2);
    --monetization-pro-colors-alpha-50: rgba(90, 0, 238, 0.5019607843);
    --monetization-pro-colors-alpha-80: rgba(90, 0, 238, 0.8);
    --monetization-ultra-colors-base-default: #158380;
    --monetization-ultra-colors-base-action: #0e5957;
    --monetization-ultra-colors-base-active: #158380;
    --monetization-ultra-colors-base-active-action: #0e5957;
    --monetization-ultra-colors-text-default: #ffffff;
    --monetization-ultra-colors-text-action: #ffffff;
    --monetization-ultra-colors-text-active: #ffffff;
    --monetization-ultra-colors-text-active-action: #ffffff;
    --monetization-ultra-colors-alpha-10: rgba(21, 131, 128, 0.1019607843);
    --monetization-ultra-colors-alpha-20: rgba(21, 131, 128, 0.2);
    --monetization-ultra-colors-alpha-50: rgba(21, 131, 128, 0.5019607843);
    --monetization-ultra-colors-alpha-80: rgba(21, 131, 128, 0.8);
    --gradients-general-brand: linear-gradient(225deg, #00ffed 0%, #19d7e7 22.96%, #7f4ad9 45.31%, #af1fc6 66.73%, #df02c0 100%);
    --gradients-general-primary: linear-gradient(270deg, #f749f6 0%, #c209c1 100%);
    --gradients-status-info: linear-gradient(270deg, #17bbf2 0%, #0066eb 100%);
    --gradients-status-success: linear-gradient(269.27deg, #1ac490 3.29%, #008c62 99.37%);
    --gradients-status-warning: linear-gradient(270deg, #ffcc63 0%, #ff921e 100%);
    --gradients-status-error: linear-gradient(270deg, #ff6170 0%, #d10037 100%);
    --gradients-monetization-plus: linear-gradient(270deg, #f749f6 0%, #c209c1 100%);
    --gradients-monetization-pro: linear-gradient(270deg, #8a43ff 0%, #5600e3 100%);
    --gradients-monetization-ultra: linear-gradient(270deg, #0fbeb9 0%, #00827e 100%);
    --gradients-background-up: linear-gradient(360deg, #fcfcfc 0%, transparent 100%);
    --gradients-background-down: linear-gradient(180deg, #fcfcfc 0%, transparent 100%);
    --gradients-background-left: linear-gradient(90deg, #fcfcfc 0%, transparent 100%);
    --gradients-background-right: linear-gradient(270deg, #fcfcfc 0%, transparent 100%);
    --apple-colors-base-default: #ffffff;
    --apple-colors-base-action: #e6e6e6;
    --apple-colors-base-active: #ffffff;
    --apple-colors-base-active-action: #e6e6e6;
    --apple-colors-text-default: #ffffff;
    --apple-colors-text-action: #ffffff;
    --apple-colors-text-active: #ffffff;
    --apple-colors-text-active-action: #ffffff;
    --facebook-colors-base-default: #0766ff;
    --facebook-colors-base-action: #0050d1;
    --facebook-colors-base-active: #0766ff;
    --facebook-colors-base-active-action: #0050d1;
    --facebook-colors-text-default: #ffffff;
    --facebook-colors-text-action: #ffffff;
    --facebook-colors-text-active: #ffffff;
    --facebook-colors-text-active-action: #ffffff;
    --google-colors-base-default: #f2f2f2;
    --google-colors-base-action: #c2c2c2;
    --google-colors-base-active: #f2f2f2;
    --google-colors-base-active-action: #c2c2c2;
    --google-colors-text-default: #1f1f1f;
    --google-colors-text-action: #1f1f1f;
    --google-colors-text-active: #1f1f1f;
    --google-colors-text-active-action: #1f1f1f;
    --kakao-colors-base-default: #fee500;
    --kakao-colors-base-action: #ebd402;
    --kakao-colors-base-active: #fee500;
    --kakao-colors-base-active-action: #ebd402;
    --kakao-colors-text-default: #262200;
    --kakao-colors-text-action: #262200;
    --kakao-colors-text-active: #262200;
    --kakao-colors-text-active-action: #262200;
    --line-colors-base-default: #06c755;
    --line-colors-base-action: #1fcd66;
    --line-colors-base-active: #048b3c;
    --line-colors-base-active-action: #06c755;
    --line-colors-text-default: #ffffff;
    --line-colors-text-action: #ffffff;
    --line-colors-text-active: #ffffff;
    --line-colors-text-active-action: #ffffff;
    --snapchat-colors-base-default: #fffc00;
    --snapchat-colors-base-action: #ece801;
    --snapchat-colors-base-active: #fffc00;
    --snapchat-colors-base-active-action: #ece801;
    --snapchat-colors-text-default: #000000;
    --snapchat-colors-text-action: #000000;
    --snapchat-colors-text-active: #000000;
    --snapchat-colors-text-active-action: #000000;
    --christmas-green-colors-base-default: #007c02;
    --christmas-green-colors-base-action: #0e5a18;
    --christmas-green-colors-base-active: #007c02;
    --christmas-green-colors-base-active-action: #0e5a18;
    --christmas-green-colors-text-default: #ffffff;
    --christmas-green-colors-text-action: #ffffff;
    --christmas-green-colors-text-active: #ffffff;
    --christmas-green-colors-text-active-action: #ffffff;
    --christmas-red-colors-base-default: #c70e17;
    --christmas-red-colors-base-action: #9e0b12;
    --christmas-red-colors-base-active: #c70e17;
    --christmas-red-colors-base-active-action: #9e0b12;
    --christmas-red-colors-text-default: #ffffff;
    --christmas-red-colors-text-action: #ffffff;
    --christmas-red-colors-text-active: #ffffff;
    --christmas-red-colors-text-active-action: #ffffff;
    --effects-alpha-20: color-mix(in srgb, #ffffff 20%, transparent);
    --effects-alpha-50: color-mix(in srgb, #ffffff 50%, transparent);
    --effects-alpha-80: color-mix(in srgb, #ffffff 80%, transparent);
    --effects-vignette: radial-gradient(44.71% 44.71% at 50.14% 50.12%, rgba(243, 10, 242, 0.484) 0%, rgba(243, 10, 242, 0.33) 32%, rgba(243, 10, 242, 0.187) 56%, rgba(243, 10, 242, 0.088) 76%, rgba(243, 10, 242, 0.022) 91%, rgba(243, 10, 242, 0) 100%);
    --shadows-tint-1: 0px 0px 16px 0px rgba(0, 0, 0, 0.12);
    --shadows-tint-2: 0px 0px 24px 0px rgba(0, 0, 0, 0.16);
    --shadows-tint-3: 0px 0px 32px 0px rgba(0, 0, 0, 0.16);
  }
  html.dark {
    --brand-colors-default: #FF47FF;
    --brand-colors-light: #FFFCF8;
    --brand-colors-dark: #000000;
    --absolute-black-colors-base-default: #000000;
    --absolute-black-colors-base-action: #313131;
    --absolute-black-colors-base-active: #000000;
    --absolute-black-colors-base-active-action: #313131;
    --absolute-black-colors-text-default: #ffffff;
    --absolute-black-colors-text-action: #ffffff;
    --absolute-black-colors-text-active: #ffffff;
    --absolute-black-colors-text-active-action: #ffffff;
    --absolute-white-colors-base-default: #ffffff;
    --absolute-white-colors-base-action: #ececec;
    --absolute-white-colors-base-active: #ffffff;
    --absolute-white-colors-base-active-action: #ececec;
    --absolute-white-colors-text-default: #000000;
    --absolute-white-colors-text-action: #000000;
    --absolute-white-colors-text-active: #000000;
    --absolute-white-colors-text-active-action: #000000;
    --background-colors-base: #121212;
    --background-colors-tint-1: #1c1c1c;
    --background-colors-tint-2: #262626;
    --background-colors-tint-3: #454545;
    --background-colors-border: #303030;
    --background-colors-transparent: rgba(0, 0, 0, 0.6);
    --background-colors-tooltip: #000000;
    --background-colors-popover: #0f0f0f;
    --background-colors-canvas-back-layer: #262626;
    --control-colors-border-default: #3b3b3b;
    --control-colors-border-action: #3b3b3b;
    --control-colors-border-active: #3b3b3b;
    --control-colors-border-active-action: #3b3b3b;
    --control-colors-button-background-default: #000000;
    --control-colors-button-background-action: #212121;
    --control-colors-button-background-active: #2a2a2a;
    --control-colors-button-background-active-action: #212121;
    --control-colors-caret-default: #ff47ff;
    --control-colors-caret-action: #ff47ff;
    --control-colors-caret-active: #ff47ff;
    --control-colors-caret-active-action: #ff47ff;
    --control-colors-end-icon-default: #b3b3b3;
    --control-colors-end-icon-action: #cccccc;
    --control-colors-end-icon-active: #ffffff;
    --control-colors-end-icon-active-action: #cccccc;
    --control-colors-field-background-default: #000000;
    --control-colors-field-background-action: #212121;
    --control-colors-field-background-active: #2a2a2a;
    --control-colors-field-background-active-action: #212121;
    --control-colors-placeholder-default: #7a7a7a;
    --control-colors-placeholder-action: #7a7a7a;
    --control-colors-placeholder-active: #7a7a7a;
    --control-colors-placeholder-active-action: #7a7a7a;
    --control-colors-slider-thumb-default: #ffffff;
    --control-colors-slider-thumb-action: #f1f1f1;
    --control-colors-slider-thumb-active: #ffffff;
    --control-colors-slider-thumb-active-action: #f1f1f1;
    --control-colors-slider-track-default: #FF47FF;
    --control-colors-slider-track-action: #FF47FF;
    --control-colors-slider-track-active: #FF47FF;
    --control-colors-slider-track-active-action: #FF47FF;
    --control-colors-start-icon-default: #b3b3b3;
    --control-colors-start-icon-action: #cccccc;
    --control-colors-start-icon-active: #ffffff;
    --control-colors-start-icon-active-action: #cccccc;
    --control-colors-text-default: #b3b3b3;
    --control-colors-text-action: #cccccc;
    --control-colors-text-active: #ffffff;
    --control-colors-text-active-action: #cccccc;
    --control-colors-value-default: #b3b3b3;
    --control-colors-value-action: #cccccc;
    --control-colors-value-active: #ffffff;
    --control-colors-value-active-action: #cccccc;
    --text-colors-base: #ffffff;
    --text-colors-tint-1: #b3b3b3;
    --text-colors-tint-2: #808080;
    --text-colors-tint-3: #7d7d7d;
    --error-colors-base-default: #F8495A;
    --error-colors-base-action: #FC6574;
    --error-colors-base-active: #F8495A;
    --error-colors-base-active-action: #FC6574;
    --error-colors-text-default: #000000;
    --error-colors-text-action: #000000;
    --error-colors-text-active: #000000;
    --error-colors-text-active-action: #000000;
    --information-colors-base-default: #42c6ff;
    --information-colors-base-action: #7fd6fc;
    --information-colors-base-active: #42c6ff;
    --information-colors-base-active-action: #7fd6fc;
    --information-colors-text-default: #000000;
    --information-colors-text-action: #000000;
    --information-colors-text-active: #000000;
    --information-colors-text-active-action: #000000;
    --success-colors-base-default: #00E099;
    --success-colors-base-action: #4CE1B2;
    --success-colors-base-active: #00E099;
    --success-colors-base-active-action: #4CE1B2;
    --success-colors-text-default: #000000;
    --success-colors-text-action: #000000;
    --success-colors-text-active: #000000;
    --success-colors-text-active-action: #000000;
    --warning-colors-base-default: #FF9D00;
    --warning-colors-base-action: #FFBE55;
    --warning-colors-base-active: #FF9D00;
    --warning-colors-base-active-action: #FFBE55;
    --warning-colors-text-default: #000000;
    --warning-colors-text-action: #000000;
    --warning-colors-text-active: #000000;
    --warning-colors-text-active-action: #000000;
    --negative-colors-base-default: #ffffff;
    --negative-colors-base-action: #b4b4b4;
    --negative-colors-base-active: #ffffff;
    --negative-colors-base-active-action: #b4b4b4;
    --negative-colors-text-default: #000000;
    --negative-colors-text-action: #000000;
    --negative-colors-text-active: #000000;
    --negative-colors-text-active-action: #000000;
    --neutral-colors-base-default: #2f2f2f;
    --neutral-colors-base-action: #080808;
    --neutral-colors-base-active: #2f2f2f;
    --neutral-colors-base-active-action: #080808;
    --neutral-colors-text-default: #ffffff;
    --neutral-colors-text-action: #ffffff;
    --neutral-colors-text-active: #ffffff;
    --neutral-colors-text-active-action: #ffffff;
    --positive-colors-base-default: #000000;
    --positive-colors-base-action: #787878;
    --positive-colors-base-active: #000000;
    --positive-colors-base-active-action: #787878;
    --positive-colors-text-default: #ffffff;
    --positive-colors-text-action: #ffffff;
    --positive-colors-text-active: #ffffff;
    --positive-colors-text-active-action: #ffffff;
    --primary-colors-base-default: #ff47ff;
    --primary-colors-base-action: #e636e6;
    --primary-colors-base-active: #ff47ff;
    --primary-colors-base-active-action: #e636e6;
    --primary-colors-text-default: #000000;
    --primary-colors-text-action: #000000;
    --primary-colors-text-active: #000000;
    --primary-colors-text-active-action: #000000;
    --primary-colors-alpha-10: rgba(255, 71, 255, 0.1019607843);
    --primary-colors-alpha-20: rgba(255, 71, 255, 0.2);
    --primary-colors-alpha-50: rgba(255, 71, 255, 0.5019607843);
    --primary-colors-alpha-80: rgba(255, 71, 255, 0.8);
    --transformer-colors-base-default: #3b8ce2;
    --transformer-colors-base-action: #3b8ce2;
    --transformer-colors-base-active: #3b8ce2;
    --transformer-colors-base-active-action: #3b8ce2;
    --transformer-colors-text-default: #ffffff;
    --transformer-colors-text-action: #ffffff;
    --transformer-colors-text-active: #ffffff;
    --transformer-colors-text-active-action: #ffffff;
    --monetization-plus-colors-base-default: #e982f4;
    --monetization-plus-colors-base-action: #e156f0;
    --monetization-plus-colors-base-active: #e982f4;
    --monetization-plus-colors-base-active-action: #e156f0;
    --monetization-plus-colors-text-default: #000000;
    --monetization-plus-colors-text-action: #000000;
    --monetization-plus-colors-text-active: #000000;
    --monetization-plus-colors-text-active-action: #000000;
    --monetization-plus-colors-alpha-10: rgba(233, 130, 244, 0.1019607843);
    --monetization-plus-colors-alpha-20: rgba(233, 130, 244, 0.2);
    --monetization-plus-colors-alpha-50: rgba(233, 130, 244, 0.5019607843);
    --monetization-plus-colors-alpha-80: rgba(233, 130, 244, 0.8);
    --monetization-pro-colors-base-default: #bd99f8;
    --monetization-pro-colors-base-action: #8168a9;
    --monetization-pro-colors-base-active: #bd99f8;
    --monetization-pro-colors-base-active-action: #8168a9;
    --monetization-pro-colors-text-default: #000000;
    --monetization-pro-colors-text-action: #000000;
    --monetization-pro-colors-text-active: #000000;
    --monetization-pro-colors-text-active-action: #000000;
    --monetization-pro-colors-alpha-10: rgba(189, 153, 248, 0.1019607843);
    --monetization-pro-colors-alpha-20: rgba(189, 153, 248, 0.2);
    --monetization-pro-colors-alpha-50: rgba(189, 153, 248, 0.5019607843);
    --monetization-pro-colors-alpha-80: rgba(189, 153, 248, 0.8);
    --monetization-ultra-colors-base-default: #158380;
    --monetization-ultra-colors-base-action: #0e5957;
    --monetization-ultra-colors-base-active: #158380;
    --monetization-ultra-colors-base-active-action: #0e5957;
    --monetization-ultra-colors-text-default: #ffffff;
    --monetization-ultra-colors-text-action: #ffffff;
    --monetization-ultra-colors-text-active: #ffffff;
    --monetization-ultra-colors-text-active-action: #ffffff;
    --monetization-ultra-colors-alpha-10: rgba(21, 131, 128, 0.1019607843);
    --monetization-ultra-colors-alpha-20: rgba(21, 131, 128, 0.2);
    --monetization-ultra-colors-alpha-50: rgba(21, 131, 128, 0.5019607843);
    --monetization-ultra-colors-alpha-80: rgba(21, 131, 128, 0.8);
    --gradients-general-brand: linear-gradient(225deg, #00ffed 0%, #19d7e7 22.96%, #7f4ad9 45.31%, #af1fc6 66.73%, #df02c0 100%);
    --gradients-general-primary: linear-gradient(270deg, #f749f6 0%, #c209c1 100%);
    --gradients-status-info: linear-gradient(270deg, #6fd4ff 0%, #22afec 100%);
    --gradients-status-success: linear-gradient(270.09deg, #33f3b6 -1.08%, #05d08f 99.92%);
    --gradients-status-warning: linear-gradient(270deg, #ffcc63 0%, #ff921e 100%);
    --gradients-status-error: linear-gradient(270deg, #ff6170 0%, #ee3446 100%);
    --gradients-monetization-plus: linear-gradient(270deg, #ef5eff 0%, #d41ee8 100%);
    --gradients-monetization-pro: linear-gradient(270deg, #b78aff 0%, #904cff 100%);
    --gradients-monetization-ultra: linear-gradient(270deg, #24c7c2 0%, #009994 100%);
    --gradients-background-up: linear-gradient(360deg, #121212 0%, transparent 100%);
    --gradients-background-down: linear-gradient(180deg, #121212 0%, transparent 100%);
    --gradients-background-left: linear-gradient(90deg, #121212 0%, transparent 100%);
    --gradients-background-right: linear-gradient(270deg, #121212 0%, transparent 100%);
    --apple-colors-base-default: #000000;
    --apple-colors-base-action: #1a1a1a;
    --apple-colors-base-active: #000000;
    --apple-colors-base-active-action: #1a1a1a;
    --apple-colors-text-default: #ffffff;
    --apple-colors-text-action: #ffffff;
    --apple-colors-text-active: #ffffff;
    --apple-colors-text-active-action: #ffffff;
    --facebook-colors-base-default: #0766ff;
    --facebook-colors-base-action: #0050d1;
    --facebook-colors-base-active: #0766ff;
    --facebook-colors-base-active-action: #0050d1;
    --facebook-colors-text-default: #ffffff;
    --facebook-colors-text-action: #ffffff;
    --facebook-colors-text-active: #ffffff;
    --facebook-colors-text-active-action: #ffffff;
    --google-colors-base-default: #f2f2f2;
    --google-colors-base-action: #c2c2c2;
    --google-colors-base-active: #f2f2f2;
    --google-colors-base-active-action: #c2c2c2;
    --google-colors-text-default: #1f1f1f;
    --google-colors-text-action: #1f1f1f;
    --google-colors-text-active: #1f1f1f;
    --google-colors-text-active-action: #1f1f1f;
    --kakao-colors-base-default: #fee500;
    --kakao-colors-base-action: #ebd402;
    --kakao-colors-base-active: #fee500;
    --kakao-colors-base-active-action: #ebd402;
    --kakao-colors-text-default: #262200;
    --kakao-colors-text-action: #262200;
    --kakao-colors-text-active: #262200;
    --kakao-colors-text-active-action: #262200;
    --line-colors-base-default: #06c755;
    --line-colors-base-action: #1fcd66;
    --line-colors-base-active: #048b3c;
    --line-colors-base-active-action: #06c755;
    --line-colors-text-default: #ffffff;
    --line-colors-text-action: #ffffff;
    --line-colors-text-active: #ffffff;
    --line-colors-text-active-action: #ffffff;
    --snapchat-colors-base-default: #fffc00;
    --snapchat-colors-base-action: #ece801;
    --snapchat-colors-base-active: #fffc00;
    --snapchat-colors-base-active-action: #ece801;
    --snapchat-colors-text-default: #000000;
    --snapchat-colors-text-action: #000000;
    --snapchat-colors-text-active: #000000;
    --snapchat-colors-text-active-action: #000000;
    --christmas-green-colors-base-default: #13a745;
    --christmas-green-colors-base-action: #12942a;
    --christmas-green-colors-base-active: #13a745;
    --christmas-green-colors-base-active-action: #12942a;
    --christmas-green-colors-text-default: #000000;
    --christmas-green-colors-text-action: #000000;
    --christmas-green-colors-text-active: #000000;
    --christmas-green-colors-text-active-action: #000000;
    --christmas-red-colors-base-default: #ff3f53;
    --christmas-red-colors-base-action: #e02639;
    --christmas-red-colors-base-active: #ff3f53;
    --christmas-red-colors-base-active-action: #e02639;
    --christmas-red-colors-text-default: #000000;
    --christmas-red-colors-text-action: #000000;
    --christmas-red-colors-text-active: #000000;
    --christmas-red-colors-text-active-action: #000000;
    --effects-alpha-20: color-mix(in srgb, #000000 20%, transparent);
    --effects-alpha-50: color-mix(in srgb, #000000 50%, transparent);
    --effects-alpha-80: color-mix(in srgb, #000000 80%, transparent);
    --effects-vignette: radial-gradient(44.71% 44.71% at 50.14% 50.12%, rgba(243, 10, 242, 0.484) 0%, rgba(243, 10, 242, 0.33) 32%, rgba(243, 10, 242, 0.187) 56%, rgba(243, 10, 242, 0.088) 76%, rgba(243, 10, 242, 0.022) 91%, rgba(243, 10, 242, 0) 100%);
    --shadows-tint-1: 0px 2px 12px 0px rgba(0, 0, 0, 0.50), 0px 1px 4px 0px rgba(0, 0, 0, 0.35);
    --shadows-tint-2: 0px 6px 24px 0px rgba(0, 0, 0, 0.60), 0px 3px 10px 0px rgba(0, 0, 0, 0.40);
    --shadows-tint-3: 0px 20px 60px 0px rgba(0, 0, 0, 0.75), 0px 8px 28px 0px rgba(0, 0, 0, 0.55);
  }
}
@layer ds-reset, ds-foundation, ds-subatoms, ds-atoms, ds-molecules, ds-organisms, ds-templates, ds-landing;
@layer ds-atoms{
@keyframes toaster-animate-center {
  from {
    opacity: 0;
    transform: translate(0, 0) scale(1);
  }
  to {
    opacity: var(--final-opacity, 1);
  }
}
@keyframes toaster-animate-left {
  from {
    opacity: 0;
    transform: translate(-20px, 0) scale(1);
  }
  to {
    opacity: var(--final-opacity, 1);
  }
}
@keyframes toaster-animate-right {
  from {
    opacity: 0;
    transform: translate(20px, 0) scale(1);
  }
  to {
    opacity: var(--final-opacity, 1);
  }
}
.toaster {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--spacings-s12);
  width: 100%;
  max-width: var(--toaster-width);
  position: fixed;
  z-index: var(--toaster-z-index);
  list-style-type: none;
  color: var(--text-colors-base);
  height: max(0px, var(--item-height) + max(0, var(--total) - 1) * 10px);
  top: var(--toaster-top);
  bottom: var(--toaster-bottom);
  left: var(--toaster-left);
  right: var(--toaster-right);
  transform: var(--toaster-transform);
}
.toaster__item {
  opacity: 0;
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  top: var(--toaster-item-top);
  bottom: var(--toaster-item-bottom);
  transform-origin: var(--toaster-item-transform-origin);
  z-index: var(--index);
  animation-duration: var(--timings-default);
  animation-timing-function: var(--easings-ease);
  animation-fill-mode: forwards;
  transition: transform var(--timings-default) var(--easings-ease), opacity var(--timings-default) var(--easings-ease);
  --scale-factor: calc(1 - var(--reverse-index) * var(--scale-step, 0.03));
  --older-offset: calc(var(--reverse-index) * 0.2px * var(--direction, 1) * -1);
  --translate-y: calc(var(--index) * 6px * var(--direction, 1) + var(--older-offset));
  --translate-x: calc(var(--index) * 6px * var(--direction-x, 0));
  --final-opacity: 0.6;
  transform: translate(var(--translate-x), var(--translate-y)) scale(var(--scale-factor));
}
.toaster__item:last-child {
  --final-opacity: 1;
}
.toaster__item--animate-center {
  animation-name: toaster-animate-center;
}
.toaster__item--animate-left {
  animation-name: toaster-animate-left;
}
.toaster__item--animate-right {
  animation-name: toaster-animate-right;
}}

@layer ds-reset, ds-foundation, ds-subatoms, ds-atoms, ds-molecules, ds-organisms, ds-templates, ds-landing;
@layer ds-atoms{
.snackbar {
  display: inline-flex;
  align-items: center;
  width: 100%;
  border-radius: var(--spacings-s12);
  min-height: 48px;
  gap: var(--spacings-s4);
  padding: var(--spacings-s8);
  box-shadow: var(--shadows-tint-1);
}
.snackbar--information {
  background-color: var(--information-colors-base-default);
}
.snackbar--error {
  background-color: var(--error-colors-base-default);
}
.snackbar--success {
  background-color: var(--success-colors-base-default);
}
.snackbar--warning {
  background-color: var(--warning-colors-base-default);
}
.snackbar--premium {
  background-color: var(--monetization-ultra-colors-base-default);
}
.snackbar__button-no-handler {
  pointer-events: none;
}
.snackbar__close-button {
  margin-inline-start: auto;
}
.snackbar__text {
  word-break: break-word;
  min-width: 0;
}
.snackbar--information .snackbar__text {
  color: var(--information-colors-text-default);
}
.snackbar--error .snackbar__text {
  color: var(--error-colors-text-default);
}
.snackbar--success .snackbar__text {
  color: var(--success-colors-text-default);
}
.snackbar--warning .snackbar__text {
  color: var(--warning-colors-text-default);
}
.snackbar--premium .snackbar__text {
  color: var(--monetization-ultra-colors-text-default);
}}

@layer ds-reset, ds-foundation, ds-subatoms, ds-atoms, ds-molecules, ds-organisms, ds-templates, ds-landing;
@layer ds-atoms{
.button {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  transition-property: background-color, border, color;
  transition-timing-function: var(--easings-ease);
  transition-duration: var(--timings-default);
}
.button--large {
  height: 40px;
  padding-block: var(--spacings-s10);
  padding-inline: var(--spacings-s10);
  border-radius: var(--corner-radius-r20);
  column-gap: var(--spacings-s2);
  font-weight: 600;
  font-size: var(--typography-t4-font-size);
  line-height: var(--typography-t4-line-height);
}
.button--small {
  height: 32px;
  padding-block: var(--spacings-s6);
  padding-inline: var(--spacings-s6);
  border-radius: var(--corner-radius-r16);
  column-gap: var(--spacings-s2);
  font-weight: 600;
  font-size: var(--typography-t4-font-size);
  line-height: var(--typography-t4-line-height);
}
.button--outline {
  border-style: solid;
  border-width: 1px;
}
.button--outline.button--small {
  border-width: 1px;
}
.button--no-border {
  border: none;
}
.button--center-icon {
  padding: 0;
  font-size: 0;
  border-radius: var(--corner-radius-circle);
}
.button--center-icon.button--large:not(.button--center-icon-full-width) {
  width: 40px;
  min-width: 40px;
}
.button--center-icon.button--small:not(.button--center-icon-full-width) {
  width: 32px;
  min-width: 32px;
}
.button--center-icon-full-width.button--large {
  border-radius: var(--corner-radius-r20);
}
.button--center-icon-full-width.button--small {
  border-radius: var(--corner-radius-r16);
}
.button--full-width {
  width: 100%;
}
.button--skin-primary.button--default-state {
  background-color: var(--primary-colors-base-default);
  color: var(--primary-colors-text-default);
}
.button--skin-primary.button--interactive:hover, .button--skin-primary.button--interactive:active {
  background-color: var(--primary-colors-base-action);
  color: var(--primary-colors-text-action);
}
.button--skin-primary.button--active-state {
  background-color: var(--primary-colors-base-active);
  color: var(--primary-colors-text-active);
}
.button--skin-primary.button--active-interactive:hover, .button--skin-primary.button--active-interactive:active {
  background-color: var(--primary-colors-base-active-action);
  color: var(--primary-colors-text-action);
}
.button--skin-primary.button--loading .button__loading-icon {
  color: var(--primary-colors-text-default);
}
.button--skin-primary.button--outline.button--default-state {
  background-color: transparent;
  border-color: var(--primary-colors-base-default);
  color: var(--primary-colors-base-default);
}
.button--skin-primary.button--outline.button--interactive:hover, .button--skin-primary.button--outline.button--interactive:active {
  background-color: transparent;
  border-color: var(--primary-colors-base-action);
  color: var(--primary-colors-base-action);
}
.button--skin-primary.button--outline.button--active-state {
  background-color: transparent;
  border-color: var(--primary-colors-base-active);
  color: var(--primary-colors-base-active);
}
.button--skin-primary.button--outline.button--active-interactive:hover, .button--skin-primary.button--outline.button--active-interactive:active {
  background-color: transparent;
  border-color: var(--primary-colors-base-active-action);
  color: var(--primary-colors-base-active-action);
}
.button--skin-primary.button--outline.button--loading .button__loading-icon {
  color: var(--primary-colors-base-default);
}
.button--skin-primary.button--text.button--default-state {
  background-color: transparent;
  color: var(--primary-colors-base-default);
}
.button--skin-primary.button--text.button--interactive:hover, .button--skin-primary.button--text.button--interactive:active {
  background-color: transparent;
  color: var(--primary-colors-base-action);
}
.button--skin-primary.button--text.button--active-state {
  background-color: transparent;
  color: var(--primary-colors-base-active);
}
.button--skin-primary.button--text.button--active-interactive:hover, .button--skin-primary.button--text.button--active-interactive:active {
  background-color: transparent;
  color: var(--primary-colors-base-active-action);
}
.button--skin-primary.button--text.button--loading .button__loading-icon {
  color: var(--primary-colors-base-default);
}
.button--skin-neutral.button--default-state {
  background-color: var(--neutral-colors-base-default);
  color: var(--neutral-colors-text-default);
}
.button--skin-neutral.button--interactive:hover, .button--skin-neutral.button--interactive:active {
  background-color: var(--neutral-colors-base-action);
  color: var(--neutral-colors-text-action);
}
.button--skin-neutral.button--active-state {
  background-color: var(--neutral-colors-base-active);
  color: var(--neutral-colors-text-active);
}
.button--skin-neutral.button--active-interactive:hover, .button--skin-neutral.button--active-interactive:active {
  background-color: var(--neutral-colors-base-active-action);
  color: var(--neutral-colors-text-action);
}
.button--skin-neutral.button--loading .button__loading-icon {
  color: var(--neutral-colors-text-default);
}
.button--skin-neutral.button--outline.button--default-state {
  background-color: transparent;
  border-color: var(--neutral-colors-base-default);
  color: var(--neutral-colors-base-default);
}
.button--skin-neutral.button--outline.button--interactive:hover, .button--skin-neutral.button--outline.button--interactive:active {
  background-color: transparent;
  border-color: var(--neutral-colors-base-action);
  color: var(--neutral-colors-base-action);
}
.button--skin-neutral.button--outline.button--active-state {
  background-color: transparent;
  border-color: var(--neutral-colors-base-active);
  color: var(--neutral-colors-base-active);
}
.button--skin-neutral.button--outline.button--active-interactive:hover, .button--skin-neutral.button--outline.button--active-interactive:active {
  background-color: transparent;
  border-color: var(--neutral-colors-base-active-action);
  color: var(--neutral-colors-base-active-action);
}
.button--skin-neutral.button--outline.button--loading .button__loading-icon {
  color: var(--neutral-colors-base-default);
}
.button--skin-neutral.button--text.button--default-state {
  background-color: transparent;
  color: var(--neutral-colors-base-default);
}
.button--skin-neutral.button--text.button--interactive:hover, .button--skin-neutral.button--text.button--interactive:active {
  background-color: transparent;
  color: var(--neutral-colors-base-action);
}
.button--skin-neutral.button--text.button--active-state {
  background-color: transparent;
  color: var(--neutral-colors-base-active);
}
.button--skin-neutral.button--text.button--active-interactive:hover, .button--skin-neutral.button--text.button--active-interactive:active {
  background-color: transparent;
  color: var(--neutral-colors-base-active-action);
}
.button--skin-neutral.button--text.button--loading .button__loading-icon {
  color: var(--neutral-colors-base-default);
}
.button--skin-plus.button--default-state {
  background-color: var(--monetization-plus-colors-base-default);
  color: var(--monetization-plus-colors-text-default);
}
.button--skin-plus.button--interactive:hover, .button--skin-plus.button--interactive:active {
  background-color: var(--monetization-plus-colors-base-action);
  color: var(--monetization-plus-colors-text-action);
}
.button--skin-plus.button--active-state {
  background-color: var(--monetization-plus-colors-base-active);
  color: var(--monetization-plus-colors-text-active);
}
.button--skin-plus.button--active-interactive:hover, .button--skin-plus.button--active-interactive:active {
  background-color: var(--monetization-plus-colors-base-active-action);
  color: var(--monetization-plus-colors-text-action);
}
.button--skin-plus.button--loading .button__loading-icon {
  color: var(--monetization-plus-colors-text-default);
}
.button--skin-plus.button--outline.button--default-state {
  background-color: transparent;
  border-color: var(--monetization-plus-colors-base-default);
  color: var(--monetization-plus-colors-base-default);
}
.button--skin-plus.button--outline.button--interactive:hover, .button--skin-plus.button--outline.button--interactive:active {
  background-color: transparent;
  border-color: var(--monetization-plus-colors-base-action);
  color: var(--monetization-plus-colors-base-action);
}
.button--skin-plus.button--outline.button--active-state {
  background-color: transparent;
  border-color: var(--monetization-plus-colors-base-active);
  color: var(--monetization-plus-colors-base-active);
}
.button--skin-plus.button--outline.button--active-interactive:hover, .button--skin-plus.button--outline.button--active-interactive:active {
  background-color: transparent;
  border-color: var(--monetization-plus-colors-base-active-action);
  color: var(--monetization-plus-colors-base-active-action);
}
.button--skin-plus.button--outline.button--loading .button__loading-icon {
  color: var(--monetization-plus-colors-base-default);
}
.button--skin-plus.button--text.button--default-state {
  background-color: transparent;
  color: var(--monetization-plus-colors-base-default);
}
.button--skin-plus.button--text.button--interactive:hover, .button--skin-plus.button--text.button--interactive:active {
  background-color: transparent;
  color: var(--monetization-plus-colors-base-action);
}
.button--skin-plus.button--text.button--active-state {
  background-color: transparent;
  color: var(--monetization-plus-colors-base-active);
}
.button--skin-plus.button--text.button--active-interactive:hover, .button--skin-plus.button--text.button--active-interactive:active {
  background-color: transparent;
  color: var(--monetization-plus-colors-base-active-action);
}
.button--skin-plus.button--text.button--loading .button__loading-icon {
  color: var(--monetization-plus-colors-base-default);
}
.button--skin-pro.button--default-state {
  background-color: var(--monetization-pro-colors-base-default);
  color: var(--monetization-pro-colors-text-default);
}
.button--skin-pro.button--interactive:hover, .button--skin-pro.button--interactive:active {
  background-color: var(--monetization-pro-colors-base-action);
  color: var(--monetization-pro-colors-text-action);
}
.button--skin-pro.button--active-state {
  background-color: var(--monetization-pro-colors-base-active);
  color: var(--monetization-pro-colors-text-active);
}
.button--skin-pro.button--active-interactive:hover, .button--skin-pro.button--active-interactive:active {
  background-color: var(--monetization-pro-colors-base-active-action);
  color: var(--monetization-pro-colors-text-action);
}
.button--skin-pro.button--loading .button__loading-icon {
  color: var(--monetization-pro-colors-text-default);
}
.button--skin-pro.button--outline.button--default-state {
  background-color: transparent;
  border-color: var(--monetization-pro-colors-base-default);
  color: var(--monetization-pro-colors-base-default);
}
.button--skin-pro.button--outline.button--interactive:hover, .button--skin-pro.button--outline.button--interactive:active {
  background-color: transparent;
  border-color: var(--monetization-pro-colors-base-action);
  color: var(--monetization-pro-colors-base-action);
}
.button--skin-pro.button--outline.button--active-state {
  background-color: transparent;
  border-color: var(--monetization-pro-colors-base-active);
  color: var(--monetization-pro-colors-base-active);
}
.button--skin-pro.button--outline.button--active-interactive:hover, .button--skin-pro.button--outline.button--active-interactive:active {
  background-color: transparent;
  border-color: var(--monetization-pro-colors-base-active-action);
  color: var(--monetization-pro-colors-base-active-action);
}
.button--skin-pro.button--outline.button--loading .button__loading-icon {
  color: var(--monetization-pro-colors-base-default);
}
.button--skin-pro.button--text.button--default-state {
  background-color: transparent;
  color: var(--monetization-pro-colors-base-default);
}
.button--skin-pro.button--text.button--interactive:hover, .button--skin-pro.button--text.button--interactive:active {
  background-color: transparent;
  color: var(--monetization-pro-colors-base-action);
}
.button--skin-pro.button--text.button--active-state {
  background-color: transparent;
  color: var(--monetization-pro-colors-base-active);
}
.button--skin-pro.button--text.button--active-interactive:hover, .button--skin-pro.button--text.button--active-interactive:active {
  background-color: transparent;
  color: var(--monetization-pro-colors-base-active-action);
}
.button--skin-pro.button--text.button--loading .button__loading-icon {
  color: var(--monetization-pro-colors-base-default);
}
.button--skin-ultra.button--default-state {
  background-color: var(--monetization-ultra-colors-base-default);
  color: var(--monetization-ultra-colors-text-default);
}
.button--skin-ultra.button--interactive:hover, .button--skin-ultra.button--interactive:active {
  background-color: var(--monetization-ultra-colors-base-action);
  color: var(--monetization-ultra-colors-text-action);
}
.button--skin-ultra.button--active-state {
  background-color: var(--monetization-ultra-colors-base-active);
  color: var(--monetization-ultra-colors-text-active);
}
.button--skin-ultra.button--active-interactive:hover, .button--skin-ultra.button--active-interactive:active {
  background-color: var(--monetization-ultra-colors-base-active-action);
  color: var(--monetization-ultra-colors-text-action);
}
.button--skin-ultra.button--loading .button__loading-icon {
  color: var(--monetization-ultra-colors-text-default);
}
.button--skin-ultra.button--outline.button--default-state {
  background-color: transparent;
  border-color: var(--monetization-ultra-colors-base-default);
  color: var(--monetization-ultra-colors-base-default);
}
.button--skin-ultra.button--outline.button--interactive:hover, .button--skin-ultra.button--outline.button--interactive:active {
  background-color: transparent;
  border-color: var(--monetization-ultra-colors-base-action);
  color: var(--monetization-ultra-colors-base-action);
}
.button--skin-ultra.button--outline.button--active-state {
  background-color: transparent;
  border-color: var(--monetization-ultra-colors-base-active);
  color: var(--monetization-ultra-colors-base-active);
}
.button--skin-ultra.button--outline.button--active-interactive:hover, .button--skin-ultra.button--outline.button--active-interactive:active {
  background-color: transparent;
  border-color: var(--monetization-ultra-colors-base-active-action);
  color: var(--monetization-ultra-colors-base-active-action);
}
.button--skin-ultra.button--outline.button--loading .button__loading-icon {
  color: var(--monetization-ultra-colors-base-default);
}
.button--skin-ultra.button--text.button--default-state {
  background-color: transparent;
  color: var(--monetization-ultra-colors-base-default);
}
.button--skin-ultra.button--text.button--interactive:hover, .button--skin-ultra.button--text.button--interactive:active {
  background-color: transparent;
  color: var(--monetization-ultra-colors-base-action);
}
.button--skin-ultra.button--text.button--active-state {
  background-color: transparent;
  color: var(--monetization-ultra-colors-base-active);
}
.button--skin-ultra.button--text.button--active-interactive:hover, .button--skin-ultra.button--text.button--active-interactive:active {
  background-color: transparent;
  color: var(--monetization-ultra-colors-base-active-action);
}
.button--skin-ultra.button--text.button--loading .button__loading-icon {
  color: var(--monetization-ultra-colors-base-default);
}
.button--skin-success.button--default-state {
  background-color: var(--success-colors-base-default);
  color: var(--success-colors-text-default);
}
.button--skin-success.button--interactive:hover, .button--skin-success.button--interactive:active {
  background-color: var(--success-colors-base-action);
  color: var(--success-colors-text-action);
}
.button--skin-success.button--active-state {
  background-color: var(--success-colors-base-active);
  color: var(--success-colors-text-active);
}
.button--skin-success.button--active-interactive:hover, .button--skin-success.button--active-interactive:active {
  background-color: var(--success-colors-base-active-action);
  color: var(--success-colors-text-action);
}
.button--skin-success.button--loading .button__loading-icon {
  color: var(--success-colors-text-default);
}
.button--skin-success.button--outline.button--default-state {
  background-color: transparent;
  border-color: var(--success-colors-base-default);
  color: var(--success-colors-base-default);
}
.button--skin-success.button--outline.button--interactive:hover, .button--skin-success.button--outline.button--interactive:active {
  background-color: transparent;
  border-color: var(--success-colors-base-action);
  color: var(--success-colors-base-action);
}
.button--skin-success.button--outline.button--active-state {
  background-color: transparent;
  border-color: var(--success-colors-base-active);
  color: var(--success-colors-base-active);
}
.button--skin-success.button--outline.button--active-interactive:hover, .button--skin-success.button--outline.button--active-interactive:active {
  background-color: transparent;
  border-color: var(--success-colors-base-active-action);
  color: var(--success-colors-base-active-action);
}
.button--skin-success.button--outline.button--loading .button__loading-icon {
  color: var(--success-colors-base-default);
}
.button--skin-success.button--text.button--default-state {
  background-color: transparent;
  color: var(--success-colors-base-default);
}
.button--skin-success.button--text.button--interactive:hover, .button--skin-success.button--text.button--interactive:active {
  background-color: transparent;
  color: var(--success-colors-base-action);
}
.button--skin-success.button--text.button--active-state {
  background-color: transparent;
  color: var(--success-colors-base-active);
}
.button--skin-success.button--text.button--active-interactive:hover, .button--skin-success.button--text.button--active-interactive:active {
  background-color: transparent;
  color: var(--success-colors-base-active-action);
}
.button--skin-success.button--text.button--loading .button__loading-icon {
  color: var(--success-colors-base-default);
}
.button--skin-warning.button--default-state {
  background-color: var(--warning-colors-base-default);
  color: var(--warning-colors-text-default);
}
.button--skin-warning.button--interactive:hover, .button--skin-warning.button--interactive:active {
  background-color: var(--warning-colors-base-action);
  color: var(--warning-colors-text-action);
}
.button--skin-warning.button--active-state {
  background-color: var(--warning-colors-base-active);
  color: var(--warning-colors-text-active);
}
.button--skin-warning.button--active-interactive:hover, .button--skin-warning.button--active-interactive:active {
  background-color: var(--warning-colors-base-active-action);
  color: var(--warning-colors-text-action);
}
.button--skin-warning.button--loading .button__loading-icon {
  color: var(--warning-colors-text-default);
}
.button--skin-warning.button--outline.button--default-state {
  background-color: transparent;
  border-color: var(--warning-colors-base-default);
  color: var(--warning-colors-base-default);
}
.button--skin-warning.button--outline.button--interactive:hover, .button--skin-warning.button--outline.button--interactive:active {
  background-color: transparent;
  border-color: var(--warning-colors-base-action);
  color: var(--warning-colors-base-action);
}
.button--skin-warning.button--outline.button--active-state {
  background-color: transparent;
  border-color: var(--warning-colors-base-active);
  color: var(--warning-colors-base-active);
}
.button--skin-warning.button--outline.button--active-interactive:hover, .button--skin-warning.button--outline.button--active-interactive:active {
  background-color: transparent;
  border-color: var(--warning-colors-base-active-action);
  color: var(--warning-colors-base-active-action);
}
.button--skin-warning.button--outline.button--loading .button__loading-icon {
  color: var(--warning-colors-base-default);
}
.button--skin-warning.button--text.button--default-state {
  background-color: transparent;
  color: var(--warning-colors-base-default);
}
.button--skin-warning.button--text.button--interactive:hover, .button--skin-warning.button--text.button--interactive:active {
  background-color: transparent;
  color: var(--warning-colors-base-action);
}
.button--skin-warning.button--text.button--active-state {
  background-color: transparent;
  color: var(--warning-colors-base-active);
}
.button--skin-warning.button--text.button--active-interactive:hover, .button--skin-warning.button--text.button--active-interactive:active {
  background-color: transparent;
  color: var(--warning-colors-base-active-action);
}
.button--skin-warning.button--text.button--loading .button__loading-icon {
  color: var(--warning-colors-base-default);
}
.button--skin-error.button--default-state {
  background-color: var(--error-colors-base-default);
  color: var(--error-colors-text-default);
}
.button--skin-error.button--interactive:hover, .button--skin-error.button--interactive:active {
  background-color: var(--error-colors-base-action);
  color: var(--error-colors-text-action);
}
.button--skin-error.button--active-state {
  background-color: var(--error-colors-base-active);
  color: var(--error-colors-text-active);
}
.button--skin-error.button--active-interactive:hover, .button--skin-error.button--active-interactive:active {
  background-color: var(--error-colors-base-active-action);
  color: var(--error-colors-text-action);
}
.button--skin-error.button--loading .button__loading-icon {
  color: var(--error-colors-text-default);
}
.button--skin-error.button--outline.button--default-state {
  background-color: transparent;
  border-color: var(--error-colors-base-default);
  color: var(--error-colors-base-default);
}
.button--skin-error.button--outline.button--interactive:hover, .button--skin-error.button--outline.button--interactive:active {
  background-color: transparent;
  border-color: var(--error-colors-base-action);
  color: var(--error-colors-base-action);
}
.button--skin-error.button--outline.button--active-state {
  background-color: transparent;
  border-color: var(--error-colors-base-active);
  color: var(--error-colors-base-active);
}
.button--skin-error.button--outline.button--active-interactive:hover, .button--skin-error.button--outline.button--active-interactive:active {
  background-color: transparent;
  border-color: var(--error-colors-base-active-action);
  color: var(--error-colors-base-active-action);
}
.button--skin-error.button--outline.button--loading .button__loading-icon {
  color: var(--error-colors-base-default);
}
.button--skin-error.button--text.button--default-state {
  background-color: transparent;
  color: var(--error-colors-base-default);
}
.button--skin-error.button--text.button--interactive:hover, .button--skin-error.button--text.button--interactive:active {
  background-color: transparent;
  color: var(--error-colors-base-action);
}
.button--skin-error.button--text.button--active-state {
  background-color: transparent;
  color: var(--error-colors-base-active);
}
.button--skin-error.button--text.button--active-interactive:hover, .button--skin-error.button--text.button--active-interactive:active {
  background-color: transparent;
  color: var(--error-colors-base-active-action);
}
.button--skin-error.button--text.button--loading .button__loading-icon {
  color: var(--error-colors-base-default);
}
.button--skin-information.button--default-state {
  background-color: var(--information-colors-base-default);
  color: var(--information-colors-text-default);
}
.button--skin-information.button--interactive:hover, .button--skin-information.button--interactive:active {
  background-color: var(--information-colors-base-action);
  color: var(--information-colors-text-action);
}
.button--skin-information.button--active-state {
  background-color: var(--information-colors-base-active);
  color: var(--information-colors-text-active);
}
.button--skin-information.button--active-interactive:hover, .button--skin-information.button--active-interactive:active {
  background-color: var(--information-colors-base-active-action);
  color: var(--information-colors-text-action);
}
.button--skin-information.button--loading .button__loading-icon {
  color: var(--information-colors-text-default);
}
.button--skin-information.button--outline.button--default-state {
  background-color: transparent;
  border-color: var(--information-colors-base-default);
  color: var(--information-colors-base-default);
}
.button--skin-information.button--outline.button--interactive:hover, .button--skin-information.button--outline.button--interactive:active {
  background-color: transparent;
  border-color: var(--information-colors-base-action);
  color: var(--information-colors-base-action);
}
.button--skin-information.button--outline.button--active-state {
  background-color: transparent;
  border-color: var(--information-colors-base-active);
  color: var(--information-colors-base-active);
}
.button--skin-information.button--outline.button--active-interactive:hover, .button--skin-information.button--outline.button--active-interactive:active {
  background-color: transparent;
  border-color: var(--information-colors-base-active-action);
  color: var(--information-colors-base-active-action);
}
.button--skin-information.button--outline.button--loading .button__loading-icon {
  color: var(--information-colors-base-default);
}
.button--skin-information.button--text.button--default-state {
  background-color: transparent;
  color: var(--information-colors-base-default);
}
.button--skin-information.button--text.button--interactive:hover, .button--skin-information.button--text.button--interactive:active {
  background-color: transparent;
  color: var(--information-colors-base-action);
}
.button--skin-information.button--text.button--active-state {
  background-color: transparent;
  color: var(--information-colors-base-active);
}
.button--skin-information.button--text.button--active-interactive:hover, .button--skin-information.button--text.button--active-interactive:active {
  background-color: transparent;
  color: var(--information-colors-base-active-action);
}
.button--skin-information.button--text.button--loading .button__loading-icon {
  color: var(--information-colors-base-default);
}
.button--skin-positive.button--default-state {
  background-color: var(--positive-colors-base-default);
  color: var(--positive-colors-text-default);
}
.button--skin-positive.button--interactive:hover, .button--skin-positive.button--interactive:active {
  background-color: var(--positive-colors-base-action);
  color: var(--positive-colors-text-action);
}
.button--skin-positive.button--active-state {
  background-color: var(--positive-colors-base-active);
  color: var(--positive-colors-text-active);
}
.button--skin-positive.button--active-interactive:hover, .button--skin-positive.button--active-interactive:active {
  background-color: var(--positive-colors-base-active-action);
  color: var(--positive-colors-text-action);
}
.button--skin-positive.button--loading .button__loading-icon {
  color: var(--positive-colors-text-default);
}
.button--skin-positive.button--outline.button--default-state {
  background-color: transparent;
  border-color: var(--positive-colors-base-default);
  color: var(--positive-colors-base-default);
}
.button--skin-positive.button--outline.button--interactive:hover, .button--skin-positive.button--outline.button--interactive:active {
  background-color: transparent;
  border-color: var(--positive-colors-base-action);
  color: var(--positive-colors-base-action);
}
.button--skin-positive.button--outline.button--active-state {
  background-color: transparent;
  border-color: var(--positive-colors-base-active);
  color: var(--positive-colors-base-active);
}
.button--skin-positive.button--outline.button--active-interactive:hover, .button--skin-positive.button--outline.button--active-interactive:active {
  background-color: transparent;
  border-color: var(--positive-colors-base-active-action);
  color: var(--positive-colors-base-active-action);
}
.button--skin-positive.button--outline.button--loading .button__loading-icon {
  color: var(--positive-colors-base-default);
}
.button--skin-positive.button--text.button--default-state {
  background-color: transparent;
  color: var(--positive-colors-base-default);
}
.button--skin-positive.button--text.button--interactive:hover, .button--skin-positive.button--text.button--interactive:active {
  background-color: transparent;
  color: var(--positive-colors-base-action);
}
.button--skin-positive.button--text.button--active-state {
  background-color: transparent;
  color: var(--positive-colors-base-active);
}
.button--skin-positive.button--text.button--active-interactive:hover, .button--skin-positive.button--text.button--active-interactive:active {
  background-color: transparent;
  color: var(--positive-colors-base-active-action);
}
.button--skin-positive.button--text.button--loading .button__loading-icon {
  color: var(--positive-colors-base-default);
}
.button--skin-negative.button--default-state {
  background-color: var(--negative-colors-base-default);
  color: var(--negative-colors-text-default);
}
.button--skin-negative.button--interactive:hover, .button--skin-negative.button--interactive:active {
  background-color: var(--negative-colors-base-action);
  color: var(--negative-colors-text-action);
}
.button--skin-negative.button--active-state {
  background-color: var(--negative-colors-base-active);
  color: var(--negative-colors-text-active);
}
.button--skin-negative.button--active-interactive:hover, .button--skin-negative.button--active-interactive:active {
  background-color: var(--negative-colors-base-active-action);
  color: var(--negative-colors-text-action);
}
.button--skin-negative.button--loading .button__loading-icon {
  color: var(--negative-colors-text-default);
}
.button--skin-negative.button--outline.button--default-state {
  background-color: transparent;
  border-color: var(--negative-colors-base-default);
  color: var(--negative-colors-base-default);
}
.button--skin-negative.button--outline.button--interactive:hover, .button--skin-negative.button--outline.button--interactive:active {
  background-color: transparent;
  border-color: var(--negative-colors-base-action);
  color: var(--negative-colors-base-action);
}
.button--skin-negative.button--outline.button--active-state {
  background-color: transparent;
  border-color: var(--negative-colors-base-active);
  color: var(--negative-colors-base-active);
}
.button--skin-negative.button--outline.button--active-interactive:hover, .button--skin-negative.button--outline.button--active-interactive:active {
  background-color: transparent;
  border-color: var(--negative-colors-base-active-action);
  color: var(--negative-colors-base-active-action);
}
.button--skin-negative.button--outline.button--loading .button__loading-icon {
  color: var(--negative-colors-base-default);
}
.button--skin-negative.button--text.button--default-state {
  background-color: transparent;
  color: var(--negative-colors-base-default);
}
.button--skin-negative.button--text.button--interactive:hover, .button--skin-negative.button--text.button--interactive:active {
  background-color: transparent;
  color: var(--negative-colors-base-action);
}
.button--skin-negative.button--text.button--active-state {
  background-color: transparent;
  color: var(--negative-colors-base-active);
}
.button--skin-negative.button--text.button--active-interactive:hover, .button--skin-negative.button--text.button--active-interactive:active {
  background-color: transparent;
  color: var(--negative-colors-base-active-action);
}
.button--skin-negative.button--text.button--loading .button__loading-icon {
  color: var(--negative-colors-base-default);
}
.button--skin-black.button--default-state {
  background-color: var(--absolute-black-colors-base-default);
  color: var(--absolute-black-colors-text-default);
}
.button--skin-black.button--interactive:hover, .button--skin-black.button--interactive:active {
  background-color: var(--absolute-black-colors-base-action);
  color: var(--absolute-black-colors-text-action);
}
.button--skin-black.button--active-state {
  background-color: var(--absolute-black-colors-base-active);
  color: var(--absolute-black-colors-text-active);
}
.button--skin-black.button--active-interactive:hover, .button--skin-black.button--active-interactive:active {
  background-color: var(--absolute-black-colors-base-active-action);
  color: var(--absolute-black-colors-text-action);
}
.button--skin-black.button--loading .button__loading-icon {
  color: var(--absolute-black-colors-text-default);
}
.button--skin-black.button--outline.button--default-state {
  background-color: transparent;
  border-color: var(--absolute-black-colors-base-default);
  color: var(--absolute-black-colors-base-default);
}
.button--skin-black.button--outline.button--interactive:hover, .button--skin-black.button--outline.button--interactive:active {
  background-color: transparent;
  border-color: var(--absolute-black-colors-base-action);
  color: var(--absolute-black-colors-base-action);
}
.button--skin-black.button--outline.button--active-state {
  background-color: transparent;
  border-color: var(--absolute-black-colors-base-active);
  color: var(--absolute-black-colors-base-active);
}
.button--skin-black.button--outline.button--active-interactive:hover, .button--skin-black.button--outline.button--active-interactive:active {
  background-color: transparent;
  border-color: var(--absolute-black-colors-base-active-action);
  color: var(--absolute-black-colors-base-active-action);
}
.button--skin-black.button--outline.button--loading .button__loading-icon {
  color: var(--absolute-black-colors-base-default);
}
.button--skin-black.button--text.button--default-state {
  background-color: transparent;
  color: var(--absolute-black-colors-base-default);
}
.button--skin-black.button--text.button--interactive:hover, .button--skin-black.button--text.button--interactive:active {
  background-color: transparent;
  color: var(--absolute-black-colors-base-action);
}
.button--skin-black.button--text.button--active-state {
  background-color: transparent;
  color: var(--absolute-black-colors-base-active);
}
.button--skin-black.button--text.button--active-interactive:hover, .button--skin-black.button--text.button--active-interactive:active {
  background-color: transparent;
  color: var(--absolute-black-colors-base-active-action);
}
.button--skin-black.button--text.button--loading .button__loading-icon {
  color: var(--absolute-black-colors-base-default);
}
.button--skin-white.button--default-state {
  background-color: var(--absolute-white-colors-base-default);
  color: var(--absolute-white-colors-text-default);
}
.button--skin-white.button--interactive:hover, .button--skin-white.button--interactive:active {
  background-color: var(--absolute-white-colors-base-action);
  color: var(--absolute-white-colors-text-action);
}
.button--skin-white.button--active-state {
  background-color: var(--absolute-white-colors-base-active);
  color: var(--absolute-white-colors-text-active);
}
.button--skin-white.button--active-interactive:hover, .button--skin-white.button--active-interactive:active {
  background-color: var(--absolute-white-colors-base-active-action);
  color: var(--absolute-white-colors-text-action);
}
.button--skin-white.button--loading .button__loading-icon {
  color: var(--absolute-white-colors-text-default);
}
.button--skin-white.button--outline.button--default-state {
  background-color: transparent;
  border-color: var(--absolute-white-colors-base-default);
  color: var(--absolute-white-colors-base-default);
}
.button--skin-white.button--outline.button--interactive:hover, .button--skin-white.button--outline.button--interactive:active {
  background-color: transparent;
  border-color: var(--absolute-white-colors-base-action);
  color: var(--absolute-white-colors-base-action);
}
.button--skin-white.button--outline.button--active-state {
  background-color: transparent;
  border-color: var(--absolute-white-colors-base-active);
  color: var(--absolute-white-colors-base-active);
}
.button--skin-white.button--outline.button--active-interactive:hover, .button--skin-white.button--outline.button--active-interactive:active {
  background-color: transparent;
  border-color: var(--absolute-white-colors-base-active-action);
  color: var(--absolute-white-colors-base-active-action);
}
.button--skin-white.button--outline.button--loading .button__loading-icon {
  color: var(--absolute-white-colors-base-default);
}
.button--skin-white.button--text.button--default-state {
  background-color: transparent;
  color: var(--absolute-white-colors-base-default);
}
.button--skin-white.button--text.button--interactive:hover, .button--skin-white.button--text.button--interactive:active {
  background-color: transparent;
  color: var(--absolute-white-colors-base-action);
}
.button--skin-white.button--text.button--active-state {
  background-color: transparent;
  color: var(--absolute-white-colors-base-active);
}
.button--skin-white.button--text.button--active-interactive:hover, .button--skin-white.button--text.button--active-interactive:active {
  background-color: transparent;
  color: var(--absolute-white-colors-base-active-action);
}
.button--skin-white.button--text.button--loading .button__loading-icon {
  color: var(--absolute-white-colors-base-default);
}
.button--skin-facebook.button--default-state {
  background-color: var(--facebook-colors-base-default);
  color: var(--facebook-colors-text-default);
}
.button--skin-facebook.button--interactive:hover, .button--skin-facebook.button--interactive:active {
  background-color: var(--facebook-colors-base-action);
  color: var(--facebook-colors-text-action);
}
.button--skin-facebook.button--active-state {
  background-color: var(--facebook-colors-base-active);
  color: var(--facebook-colors-text-active);
}
.button--skin-facebook.button--active-interactive:hover, .button--skin-facebook.button--active-interactive:active {
  background-color: var(--facebook-colors-base-active-action);
  color: var(--facebook-colors-text-action);
}
.button--skin-facebook.button--loading .button__loading-icon {
  color: var(--facebook-colors-text-default);
}
.button--skin-facebook.button--outline.button--default-state {
  background-color: transparent;
  border-color: var(--facebook-colors-base-default);
  color: var(--facebook-colors-base-default);
}
.button--skin-facebook.button--outline.button--interactive:hover, .button--skin-facebook.button--outline.button--interactive:active {
  background-color: transparent;
  border-color: var(--facebook-colors-base-action);
  color: var(--facebook-colors-base-action);
}
.button--skin-facebook.button--outline.button--active-state {
  background-color: transparent;
  border-color: var(--facebook-colors-base-active);
  color: var(--facebook-colors-base-active);
}
.button--skin-facebook.button--outline.button--active-interactive:hover, .button--skin-facebook.button--outline.button--active-interactive:active {
  background-color: transparent;
  border-color: var(--facebook-colors-base-active-action);
  color: var(--facebook-colors-base-active-action);
}
.button--skin-facebook.button--outline.button--loading .button__loading-icon {
  color: var(--facebook-colors-base-default);
}
.button--skin-facebook.button--text.button--default-state {
  background-color: transparent;
  color: var(--facebook-colors-base-default);
}
.button--skin-facebook.button--text.button--interactive:hover, .button--skin-facebook.button--text.button--interactive:active {
  background-color: transparent;
  color: var(--facebook-colors-base-action);
}
.button--skin-facebook.button--text.button--active-state {
  background-color: transparent;
  color: var(--facebook-colors-base-active);
}
.button--skin-facebook.button--text.button--active-interactive:hover, .button--skin-facebook.button--text.button--active-interactive:active {
  background-color: transparent;
  color: var(--facebook-colors-base-active-action);
}
.button--skin-facebook.button--text.button--loading .button__loading-icon {
  color: var(--facebook-colors-base-default);
}
.button--skin-google.button--default-state {
  background-color: var(--google-colors-base-default);
  color: var(--google-colors-text-default);
}
.button--skin-google.button--interactive:hover, .button--skin-google.button--interactive:active {
  background-color: var(--google-colors-base-action);
  color: var(--google-colors-text-action);
}
.button--skin-google.button--active-state {
  background-color: var(--google-colors-base-active);
  color: var(--google-colors-text-active);
}
.button--skin-google.button--active-interactive:hover, .button--skin-google.button--active-interactive:active {
  background-color: var(--google-colors-base-active-action);
  color: var(--google-colors-text-action);
}
.button--skin-google.button--loading .button__loading-icon {
  color: var(--google-colors-text-default);
}
.button--skin-google.button--outline.button--default-state {
  background-color: transparent;
  border-color: var(--google-colors-base-default);
  color: var(--google-colors-base-default);
}
.button--skin-google.button--outline.button--interactive:hover, .button--skin-google.button--outline.button--interactive:active {
  background-color: transparent;
  border-color: var(--google-colors-base-action);
  color: var(--google-colors-base-action);
}
.button--skin-google.button--outline.button--active-state {
  background-color: transparent;
  border-color: var(--google-colors-base-active);
  color: var(--google-colors-base-active);
}
.button--skin-google.button--outline.button--active-interactive:hover, .button--skin-google.button--outline.button--active-interactive:active {
  background-color: transparent;
  border-color: var(--google-colors-base-active-action);
  color: var(--google-colors-base-active-action);
}
.button--skin-google.button--outline.button--loading .button__loading-icon {
  color: var(--google-colors-base-default);
}
.button--skin-google.button--text.button--default-state {
  background-color: transparent;
  color: var(--google-colors-base-default);
}
.button--skin-google.button--text.button--interactive:hover, .button--skin-google.button--text.button--interactive:active {
  background-color: transparent;
  color: var(--google-colors-base-action);
}
.button--skin-google.button--text.button--active-state {
  background-color: transparent;
  color: var(--google-colors-base-active);
}
.button--skin-google.button--text.button--active-interactive:hover, .button--skin-google.button--text.button--active-interactive:active {
  background-color: transparent;
  color: var(--google-colors-base-active-action);
}
.button--skin-google.button--text.button--loading .button__loading-icon {
  color: var(--google-colors-base-default);
}
.button--skin-apple.button--default-state {
  background-color: var(--apple-colors-base-default);
  color: var(--apple-colors-text-default);
}
.button--skin-apple.button--interactive:hover, .button--skin-apple.button--interactive:active {
  background-color: var(--apple-colors-base-action);
  color: var(--apple-colors-text-action);
}
.button--skin-apple.button--active-state {
  background-color: var(--apple-colors-base-active);
  color: var(--apple-colors-text-active);
}
.button--skin-apple.button--active-interactive:hover, .button--skin-apple.button--active-interactive:active {
  background-color: var(--apple-colors-base-active-action);
  color: var(--apple-colors-text-action);
}
.button--skin-apple.button--loading .button__loading-icon {
  color: var(--apple-colors-text-default);
}
.button--skin-apple.button--outline.button--default-state {
  background-color: transparent;
  border-color: var(--apple-colors-base-default);
  color: var(--apple-colors-base-default);
}
.button--skin-apple.button--outline.button--interactive:hover, .button--skin-apple.button--outline.button--interactive:active {
  background-color: transparent;
  border-color: var(--apple-colors-base-action);
  color: var(--apple-colors-base-action);
}
.button--skin-apple.button--outline.button--active-state {
  background-color: transparent;
  border-color: var(--apple-colors-base-active);
  color: var(--apple-colors-base-active);
}
.button--skin-apple.button--outline.button--active-interactive:hover, .button--skin-apple.button--outline.button--active-interactive:active {
  background-color: transparent;
  border-color: var(--apple-colors-base-active-action);
  color: var(--apple-colors-base-active-action);
}
.button--skin-apple.button--outline.button--loading .button__loading-icon {
  color: var(--apple-colors-base-default);
}
.button--skin-apple.button--text.button--default-state {
  background-color: transparent;
  color: var(--apple-colors-base-default);
}
.button--skin-apple.button--text.button--interactive:hover, .button--skin-apple.button--text.button--interactive:active {
  background-color: transparent;
  color: var(--apple-colors-base-action);
}
.button--skin-apple.button--text.button--active-state {
  background-color: transparent;
  color: var(--apple-colors-base-active);
}
.button--skin-apple.button--text.button--active-interactive:hover, .button--skin-apple.button--text.button--active-interactive:active {
  background-color: transparent;
  color: var(--apple-colors-base-active-action);
}
.button--skin-apple.button--text.button--loading .button__loading-icon {
  color: var(--apple-colors-base-default);
}
.button--skin-snapchat.button--default-state {
  background-color: var(--snapchat-colors-base-default);
  color: var(--snapchat-colors-text-default);
}
.button--skin-snapchat.button--interactive:hover, .button--skin-snapchat.button--interactive:active {
  background-color: var(--snapchat-colors-base-action);
  color: var(--snapchat-colors-text-action);
}
.button--skin-snapchat.button--active-state {
  background-color: var(--snapchat-colors-base-active);
  color: var(--snapchat-colors-text-active);
}
.button--skin-snapchat.button--active-interactive:hover, .button--skin-snapchat.button--active-interactive:active {
  background-color: var(--snapchat-colors-base-active-action);
  color: var(--snapchat-colors-text-action);
}
.button--skin-snapchat.button--loading .button__loading-icon {
  color: var(--snapchat-colors-text-default);
}
.button--skin-snapchat.button--outline.button--default-state {
  background-color: transparent;
  border-color: var(--snapchat-colors-base-default);
  color: var(--snapchat-colors-base-default);
}
.button--skin-snapchat.button--outline.button--interactive:hover, .button--skin-snapchat.button--outline.button--interactive:active {
  background-color: transparent;
  border-color: var(--snapchat-colors-base-action);
  color: var(--snapchat-colors-base-action);
}
.button--skin-snapchat.button--outline.button--active-state {
  background-color: transparent;
  border-color: var(--snapchat-colors-base-active);
  color: var(--snapchat-colors-base-active);
}
.button--skin-snapchat.button--outline.button--active-interactive:hover, .button--skin-snapchat.button--outline.button--active-interactive:active {
  background-color: transparent;
  border-color: var(--snapchat-colors-base-active-action);
  color: var(--snapchat-colors-base-active-action);
}
.button--skin-snapchat.button--outline.button--loading .button__loading-icon {
  color: var(--snapchat-colors-base-default);
}
.button--skin-snapchat.button--text.button--default-state {
  background-color: transparent;
  color: var(--snapchat-colors-base-default);
}
.button--skin-snapchat.button--text.button--interactive:hover, .button--skin-snapchat.button--text.button--interactive:active {
  background-color: transparent;
  color: var(--snapchat-colors-base-action);
}
.button--skin-snapchat.button--text.button--active-state {
  background-color: transparent;
  color: var(--snapchat-colors-base-active);
}
.button--skin-snapchat.button--text.button--active-interactive:hover, .button--skin-snapchat.button--text.button--active-interactive:active {
  background-color: transparent;
  color: var(--snapchat-colors-base-active-action);
}
.button--skin-snapchat.button--text.button--loading .button__loading-icon {
  color: var(--snapchat-colors-base-default);
}
.button--skin-kakao.button--default-state {
  background-color: var(--kakao-colors-base-default);
  color: var(--kakao-colors-text-default);
}
.button--skin-kakao.button--interactive:hover, .button--skin-kakao.button--interactive:active {
  background-color: var(--kakao-colors-base-action);
  color: var(--kakao-colors-text-action);
}
.button--skin-kakao.button--active-state {
  background-color: var(--kakao-colors-base-active);
  color: var(--kakao-colors-text-active);
}
.button--skin-kakao.button--active-interactive:hover, .button--skin-kakao.button--active-interactive:active {
  background-color: var(--kakao-colors-base-active-action);
  color: var(--kakao-colors-text-action);
}
.button--skin-kakao.button--loading .button__loading-icon {
  color: var(--kakao-colors-text-default);
}
.button--skin-kakao.button--outline.button--default-state {
  background-color: transparent;
  border-color: var(--kakao-colors-base-default);
  color: var(--kakao-colors-base-default);
}
.button--skin-kakao.button--outline.button--interactive:hover, .button--skin-kakao.button--outline.button--interactive:active {
  background-color: transparent;
  border-color: var(--kakao-colors-base-action);
  color: var(--kakao-colors-base-action);
}
.button--skin-kakao.button--outline.button--active-state {
  background-color: transparent;
  border-color: var(--kakao-colors-base-active);
  color: var(--kakao-colors-base-active);
}
.button--skin-kakao.button--outline.button--active-interactive:hover, .button--skin-kakao.button--outline.button--active-interactive:active {
  background-color: transparent;
  border-color: var(--kakao-colors-base-active-action);
  color: var(--kakao-colors-base-active-action);
}
.button--skin-kakao.button--outline.button--loading .button__loading-icon {
  color: var(--kakao-colors-base-default);
}
.button--skin-kakao.button--text.button--default-state {
  background-color: transparent;
  color: var(--kakao-colors-base-default);
}
.button--skin-kakao.button--text.button--interactive:hover, .button--skin-kakao.button--text.button--interactive:active {
  background-color: transparent;
  color: var(--kakao-colors-base-action);
}
.button--skin-kakao.button--text.button--active-state {
  background-color: transparent;
  color: var(--kakao-colors-base-active);
}
.button--skin-kakao.button--text.button--active-interactive:hover, .button--skin-kakao.button--text.button--active-interactive:active {
  background-color: transparent;
  color: var(--kakao-colors-base-active-action);
}
.button--skin-kakao.button--text.button--loading .button__loading-icon {
  color: var(--kakao-colors-base-default);
}
.button--skin-line.button--default-state {
  background-color: var(--line-colors-base-default);
  color: var(--line-colors-text-default);
}
.button--skin-line.button--interactive:hover, .button--skin-line.button--interactive:active {
  background-color: var(--line-colors-base-action);
  color: var(--line-colors-text-action);
}
.button--skin-line.button--active-state {
  background-color: var(--line-colors-base-active);
  color: var(--line-colors-text-active);
}
.button--skin-line.button--active-interactive:hover, .button--skin-line.button--active-interactive:active {
  background-color: var(--line-colors-base-active-action);
  color: var(--line-colors-text-action);
}
.button--skin-line.button--loading .button__loading-icon {
  color: var(--line-colors-text-default);
}
.button--skin-line.button--outline.button--default-state {
  background-color: transparent;
  border-color: var(--line-colors-base-default);
  color: var(--line-colors-base-default);
}
.button--skin-line.button--outline.button--interactive:hover, .button--skin-line.button--outline.button--interactive:active {
  background-color: transparent;
  border-color: var(--line-colors-base-action);
  color: var(--line-colors-base-action);
}
.button--skin-line.button--outline.button--active-state {
  background-color: transparent;
  border-color: var(--line-colors-base-active);
  color: var(--line-colors-base-active);
}
.button--skin-line.button--outline.button--active-interactive:hover, .button--skin-line.button--outline.button--active-interactive:active {
  background-color: transparent;
  border-color: var(--line-colors-base-active-action);
  color: var(--line-colors-base-active-action);
}
.button--skin-line.button--outline.button--loading .button__loading-icon {
  color: var(--line-colors-base-default);
}
.button--skin-line.button--text.button--default-state {
  background-color: transparent;
  color: var(--line-colors-base-default);
}
.button--skin-line.button--text.button--interactive:hover, .button--skin-line.button--text.button--interactive:active {
  background-color: transparent;
  color: var(--line-colors-base-action);
}
.button--skin-line.button--text.button--active-state {
  background-color: transparent;
  color: var(--line-colors-base-active);
}
.button--skin-line.button--text.button--active-interactive:hover, .button--skin-line.button--text.button--active-interactive:active {
  background-color: transparent;
  color: var(--line-colors-base-active-action);
}
.button--skin-line.button--text.button--loading .button__loading-icon {
  color: var(--line-colors-base-default);
}
.button--disabled {
  opacity: var(--states-disabled);
  pointer-events: none;
}
.button--loading {
  position: relative;
  color: transparent;
  pointer-events: none;
}
.button--cursor-pointer {
  cursor: pointer;
}
.button--cursor-default {
  cursor: default;
}
.button--cursor-not-allowed {
  cursor: not-allowed;
}
.button__icon {
  display: inline-block;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 20px;
  width: 20px;
  height: 20px;
}
.button--small .button__icon {
  flex-basis: 20px;
  width: 20px;
  height: 20px;
}
.button__icon > path:not([fill]) {
  fill: currentColor;
}
.button__content {
  display: block;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 20px;
  padding-block: var(--spacings-s0);
  padding-inline: var(--spacings-s2);
  font-family: var(--fonts-gilroy);
}
.button--small .button__content {
  height: 20px;
  padding-block: var(--spacings-s0);
  padding-inline: var(--spacings-s2);
}
.button__content--hidden {
  visibility: hidden;
}
.button__control {
  display: none;
}
.button__loading-icon {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  pointer-events: none;
}
@keyframes button-rotate {
  to {
    transform: rotate(360deg);
  }
}
.button__loading-icon {
  animation: button-rotate var(--timings-long) var(--easings-linear) infinite;
}}

@layer ds-reset, ds-foundation, ds-subatoms, ds-atoms, ds-molecules, ds-organisms, ds-templates, ds-landing;
@layer ds-atoms{
.text--t1 {
  font-size: var(--typography-t1-font-size);
  line-height: var(--typography-t1-line-height);
}
.text--t2 {
  font-size: var(--typography-t2-font-size);
  line-height: var(--typography-t2-line-height);
}
.text--t3 {
  font-size: var(--typography-t3-font-size);
  line-height: var(--typography-t3-line-height);
}
.text--t4 {
  font-size: var(--typography-t4-font-size);
  line-height: var(--typography-t4-line-height);
}
.text--t5 {
  font-size: var(--typography-t5-font-size);
  line-height: var(--typography-t5-line-height);
}
.text--t6 {
  font-size: var(--typography-t6-font-size);
  line-height: var(--typography-t6-line-height);
}
.text--t7 {
  font-size: var(--typography-t7-font-size);
  line-height: var(--typography-t7-line-height);
}
.text--t8 {
  font-size: var(--typography-t8-font-size);
  line-height: var(--typography-t8-line-height);
}
.text--t9 {
  font-size: var(--typography-t9-font-size);
  line-height: var(--typography-t9-line-height);
}
.text--t10 {
  font-size: var(--typography-t10-font-size);
  line-height: var(--typography-t10-line-height);
}
.text--color-primary {
  color: var(--primary-colors-base-default);
}
.text--color-neutral {
  color: var(--neutral-colors-base-default);
}
.text--color-plus {
  color: var(--monetization-plus-colors-base-default);
}
.text--color-pro {
  color: var(--monetization-pro-colors-base-default);
}
.text--color-ultra {
  color: var(--monetization-ultra-colors-base-default);
}
.text--color-success {
  color: var(--success-colors-base-default);
}
.text--color-warning {
  color: var(--warning-colors-base-default);
}
.text--color-error {
  color: var(--error-colors-base-default);
}
.text--color-information {
  color: var(--information-colors-base-default);
}
.text--color-positive {
  color: var(--positive-colors-base-default);
}
.text--color-negative {
  color: var(--negative-colors-base-default);
}
.text--color-black {
  color: var(--absolute-black-colors-base-default);
}
.text--color-white {
  color: var(--absolute-white-colors-base-default);
}
.text--color-base {
  color: var(--text-colors-base);
}
.text--color-tint-1 {
  color: var(--text-colors-tint-1);
}
.text--color-tint-2 {
  color: var(--text-colors-tint-2);
}
.text--color-tint-3 {
  color: var(--text-colors-tint-3);
}
.text--full-width {
  display: block;
  width: 100%;
}
.text--align-left {
  text-align: left;
}
.text--align-center {
  text-align: center;
}
.text--align-right {
  text-align: right;
}
.text--truncated {
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.text--multi-line-truncated {
  white-space: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--text-max-visible-row-count);
  overflow: hidden;
}}

@layer ds-reset, ds-foundation, ds-subatoms, ds-atoms, ds-molecules, ds-organisms, ds-templates, ds-landing;
@layer ds-subatoms{
.base-text--font-gilroy {
  font-family: var(--fonts-gilroy);
}
.base-text--font-acorn {
  font-family: var(--fonts-acorn);
}
.base-text--weight-medium {
  font-weight: 500;
}
.base-text--weight-semibold {
  font-weight: 600;
}
.base-text--weight-bold {
  font-weight: bold;
}
.base-text--weight-normal {
  font-weight: normal;
}}

@layer ds-reset, ds-foundation, ds-subatoms, ds-atoms, ds-molecules, ds-organisms, ds-templates, ds-landing;
@layer ds-molecules{
.notification {
  width: 100%;
  padding: var(--spacings-s12) var(--spacings-s12);
  border-width: 2px;
  border-style: solid;
  border-radius: var(--corner-radius-r16);
  box-shadow: var(--shadows-tint-1);
  background-color: var(--background-colors-tint-1);
  border-color: var(--ntf-border-color);
}
.notification--large {
  max-width: 434px;
}
.notification--small {
  max-width: 382px;
}
.notification__information {
  display: flex;
  flex-wrap: wrap;
  column-gap: var(--spacings-s8);
  min-height: var(--typography-t7-line-height);
}
.notification__information--centered {
  align-items: center;
}
.notification__progress {
  padding: var(--spacings-s8) var(--spacings-s0) var(--spacings-s8) var(--spacings-s32);
}
.notification__type-icon {
  display: inline-block;
  vertical-align: top;
  width: 24px;
  height: 24px;
  order: 0;
}
.notification__close-icon {
  order: 2;
}
.notification__title {
  display: block;
  word-break: break-word;
  margin-bottom: var(--spacings-s4);
  order: 1;
  flex: 1;
}
.notification__description {
  word-break: break-word;
}
.notification__description--with-title {
  order: 3;
  flex: 0 0 100%;
  padding-left: 32px;
  margin-bottom: 6px;
}
.notification__description--without-title {
  order: 1;
  flex: 1;
}
.notification__external-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: var(--spacings-s8);
  gap: var(--spacings-s8);
}
.notification--skin-success {
  --ntf-border-color: var(--success-colors-base-default);
}
.notification--skin-success .ntf-typeIcon > path:not([fill]) {
  fill: var(--success-colors-base-default);
}
.notification--skin-warning {
  --ntf-border-color: var(--warning-colors-base-default);
}
.notification--skin-warning .ntf-typeIcon > path:not([fill]) {
  fill: var(--warning-colors-base-default);
}
.notification--skin-error {
  --ntf-border-color: var(--error-colors-base-default);
}
.notification--skin-error .ntf-typeIcon > path:not([fill]) {
  fill: var(--error-colors-base-default);
}
.notification--skin-information {
  --ntf-border-color: var(--information-colors-base-default);
}
.notification--skin-information .ntf-typeIcon > path:not([fill]) {
  fill: var(--information-colors-base-default);
}
.notification--skin-premium {
  --ntf-border-color: var(--monetization-ultra-colors-base-default);
}
.notification--skin-premium .ntf-typeIcon > path:not([fill]) {
  fill: var(--monetization-ultra-colors-base-default);
}}

@layer ds-reset, ds-foundation, ds-subatoms, ds-atoms, ds-molecules, ds-organisms, ds-templates, ds-landing;
@layer ds-atoms{
.inline-button {
  display: inline-flex;
  vertical-align: top;
  flex-shrink: 0;
  align-items: center;
  transition-property: background-color, border-color, color;
  transition-timing-function: var(--easings-ease);
  transition-duration: var(--timings-default);
}
.inline-button--large {
  height: 40px;
  padding-block: var(--spacings-s10);
  padding-inline: var(--spacings-s10);
  column-gap: var(--spacings-s2);
  border-radius: var(--corner-radius-r8);
  font-weight: 600;
  font-size: var(--typography-t4-font-size);
  line-height: var(--typography-t4-line-height);
}
.inline-button--small {
  height: 32px;
  padding-block: var(--spacings-s6);
  padding-inline: var(--spacings-s6);
  column-gap: var(--spacings-s2);
  border-radius: var(--corner-radius-r8);
  font-weight: 600;
  font-size: var(--typography-t4-font-size);
  line-height: var(--typography-t4-line-height);
}
.inline-button--full-width {
  width: 100%;
}
.inline-button--with-border {
  border-style: solid;
  border-width: 1px;
}
.inline-button--with-border.inline-button--small {
  border-width: 1px;
}
.inline-button--no-border {
  border: none;
}
.inline-button--transparent-bg {
  background-color: transparent;
}
.inline-button--center-content {
  justify-content: center;
}
.inline-button--cursor-pointer {
  cursor: pointer;
}
.inline-button--cursor-default {
  cursor: default;
}
.inline-button--cursor-not-allowed {
  cursor: not-allowed;
}
.inline-button--default {
  background-color: var(--control-colors-button-background-default);
  border-color: var(--control-colors-border-default);
  color: var(--control-colors-text-default);
}
@media (hover: hover) and (pointer: fine) {
  .inline-button--interactive:hover {
    background-color: var(--control-colors-button-background-action);
    border-color: var(--control-colors-border-action);
    color: var(--control-colors-text-action);
  }
}
@media (hover: none) and (pointer: coarse) {
  .inline-button--interactive:active {
    background-color: var(--control-colors-button-background-action);
    border-color: var(--control-colors-border-action);
    color: var(--control-colors-text-action);
  }
}
.inline-button--active {
  background-color: var(--control-colors-button-background-active);
  border-color: var(--control-colors-border-active);
  color: var(--control-colors-text-active);
}
@media (hover: hover) and (pointer: fine) {
  .inline-button--active-interactive:hover {
    background-color: var(--control-colors-button-background-active-action);
    border-color: var(--control-colors-border-active-action);
    color: var(--control-colors-text-active-action);
  }
}
@media (hover: none) and (pointer: coarse) {
  .inline-button--active-interactive:active {
    background-color: var(--control-colors-button-background-active-action);
    border-color: var(--control-colors-border-active-action);
    color: var(--control-colors-text-active-action);
  }
}
.inline-button--without-border-override {
  border-color: transparent;
}
@media (hover: hover) and (pointer: fine) {
  .inline-button--without-border-override:hover {
    border-color: transparent;
  }
}
@media (hover: none) and (pointer: coarse) {
  .inline-button--without-border-override:active {
    border-color: transparent;
  }
}
.inline-button--without-bg-override {
  background-color: transparent;
}
.inline-button--disabled {
  opacity: var(--states-disabled);
  cursor: not-allowed;
}
.inline-button--loading-skin {
  position: relative;
  color: transparent;
}
.inline-button__icon-holder {
  display: block;
  width: 20px;
  height: 20px;
}
.inline-button--small .inline-button__icon-holder {
  width: 20px;
  height: 20px;
}
.inline-button__icon {
  display: inline-block;
  flex-shrink: 0;
  flex-basis: 20px;
  width: 20px;
  height: 20px;
  min-width: 0;
  min-height: 0;
  transition-property: transform;
  transition-timing-function: var(--easings-ease);
  transition-duration: var(--timings-default);
}
.inline-button--small .inline-button__icon {
  flex-basis: 20px;
  width: 20px;
  height: 20px;
}
.inline-button__icon > path:not([fill]) {
  fill: currentColor;
}
.inline-button__arrow-active {
  transform: rotate(180deg);
}
.inline-button__content-wrap {
  display: grid;
  flex-grow: 1;
  height: 20px;
  padding-block: var(--spacings-s0);
  padding-inline: var(--spacings-s2);
}
.inline-button--small .inline-button__content-wrap {
  height: 20px;
  padding-block: var(--spacings-s0);
  padding-inline: var(--spacings-s2);
}
.inline-button__content-align-start {
  text-align: start;
}
.inline-button__content-align-center {
  text-align: center;
}
.inline-button__content-align-end {
  text-align: end;
}
.inline-button__content {
  width: 100%;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-family: var(--fonts-gilroy);
}
.inline-button__control {
  display: none;
}
.inline-button__loading-icon {
  position: absolute;
  inset: 0;
  margin: auto;
  pointer-events: none;
}
@keyframes inline-btn-rotate {
  to {
    transform: rotate(360deg);
  }
}
.inline-button__loading-icon-skin {
  color: var(--control-colors-text-default);
  animation: inline-btn-rotate var(--timings-long) var(--easings-linear) infinite;
}}

@layer ds-reset, ds-foundation, ds-subatoms, ds-atoms, ds-molecules, ds-organisms, ds-templates, ds-landing;
@layer ds-atoms{
.monetization-badge {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  justify-content: center;
  background: var(--gradients-status-info);
  color: var(--information-colors-text-default);
}
.monetization-badge--shadow {
  box-shadow: var(--shadows-tint-2);
}
.monetization-badge--rectangle.monetization-badge--large {
  width: 44px;
  height: 20px;
  border-radius: var(--corner-radius-r16);
}
.monetization-badge--rectangle.monetization-badge--small {
  width: 32px;
  height: 14px;
  border-radius: var(--corner-radius-r12);
}
.monetization-badge--skin-plus {
  background: var(--gradients-monetization-plus);
  color: var(--monetization-plus-colors-text-default);
}
.monetization-badge--skin-pro {
  background: var(--gradients-monetization-pro);
  color: var(--monetization-pro-colors-text-default);
}
.monetization-badge--skin-ultra {
  background: var(--gradients-monetization-ultra);
  color: var(--negative-colors-text-default);
}
.monetization-badge__icon {
  display: block;
}
.monetization-badge__icon > path:not([fill]) {
  fill: currentColor;
}
.monetization-badge__icon--rectangle-large {
  width: 32px;
  height: 16px;
}
.monetization-badge__icon--rectangle-small {
  width: 28px;
  height: 14px;
}}

@layer ds-reset, ds-foundation, ds-subatoms, ds-atoms, ds-molecules, ds-organisms, ds-templates, ds-landing;
@layer ds-atoms{
.tool-badge {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  justify-content: center;
  background-color: var(--information-colors-base-default);
  color: var(--information-colors-text-default);
}
.tool-badge--shadow {
  box-shadow: var(--shadows-tint-2);
}
.tool-badge--circle {
  border-radius: var(--corner-radius-circle);
}
.tool-badge--circle.tool-badge--large {
  width: 20px;
  height: 20px;
}
.tool-badge--circle.tool-badge--small {
  width: 14px;
  height: 14px;
}
.tool-badge--rectangle.tool-badge--large {
  width: 44px;
  height: 20px;
  border-radius: var(--corner-radius-r16);
}
.tool-badge--rectangle.tool-badge--small {
  width: 32px;
  height: 14px;
  border-radius: var(--corner-radius-r12);
}
.tool-badge--skin-new {
  background: var(--gradients-status-success);
  color: var(--information-colors-text-default);
}
.tool-badge--skin-live {
  background: var(--gradients-status-success);
  color: var(--success-colors-text-default);
}
.tool-badge__icon {
  display: block;
}
.tool-badge__icon > path:not([fill]) {
  fill: currentColor;
}
.tool-badge__icon--circle-large {
  width: 12px;
  height: 12px;
}
.tool-badge__icon--circle-small {
  width: 10px;
  height: 10px;
}
.tool-badge__icon--rectangle-large {
  width: 32px;
  height: 16px;
}
.tool-badge__icon--rectangle-small {
  width: 28px;
  height: 14px;
}}

@layer ds-reset, ds-foundation, ds-subatoms, ds-atoms, ds-molecules, ds-organisms, ds-templates, ds-landing;
@layer ds-atoms{
.user-badge {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  justify-content: center;
  background-color: var(--information-colors-base-default);
  color: var(--information-colors-text-default);
}
.user-badge--shadow {
  box-shadow: var(--shadows-tint-2);
}
.user-badge--circle {
  border-radius: var(--corner-radius-circle);
}
.user-badge--circle.user-badge--large {
  width: 20px;
  height: 20px;
}
.user-badge--circle.user-badge--small {
  width: 14px;
  height: 14px;
}
.user-badge--skin-crown {
  background-color: var(--warning-colors-base-default);
  color: var(--warning-colors-text-default);
}
.user-badge__icon {
  display: block;
}
.user-badge__icon > path:not([fill]) {
  fill: currentColor;
}
.user-badge__icon--circle-large {
  width: 12px;
  height: 12px;
}
.user-badge__icon--circle-small {
  width: 10px;
  height: 10px;
}}

@layer ds-reset, ds-foundation, ds-subatoms, ds-atoms, ds-molecules, ds-organisms, ds-templates, ds-landing;
@layer ds-atoms{
@keyframes progress-loading-bar {
  0% {
    transform: translate(-100%, 0);
  }
  100% {
    transform: translate(400%, 0);
  }
}
.progress {
  display: inline-block;
  vertical-align: top;
}
.progress__circle-bg {
  stroke: var(--background-colors-tint-3);
}
.progress__circle-load {
  stroke: var(--progress-status);
  transition: all var(--timings-fast) var(--easings-linear);
}
.progress--rectangular {
  background-color: var(--background-colors-tint-2);
  height: 4px;
  overflow: hidden;
}
.progress--full-width {
  width: 100%;
}
.progress--with-border-radius {
  border-radius: var(--corner-radius-r4);
}
.progress--status-default {
  --progress-status: var(--primary-colors-base-default);
}
.progress--status-error {
  --progress-status: var(--error-colors-base-default);
}
.progress--status-success {
  --progress-status: var(--success-colors-base-default);
}
.progress--status-warning {
  --progress-status: var(--warning-colors-base-default);
}
.progress--status-information {
  --progress-status: var(--information-colors-base-default);
}
.progress--linear::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: var(--progress-status);
  will-change: transform;
  transition: all var(--timings-fast) var(--easings-linear);
  border-radius: inherit;
}
[dir=ltr] .progress--linear::after {
  transform: translateX(calc(-1 * (100 - var(--progress-percent)) * 1%));
}
[dir=rtl] .progress--linear::after {
  transform: translateX(calc((100 - var(--progress-percent)) * 1%));
}
.progress--continues::before {
  content: "";
  display: block;
  width: 30%;
  height: 100%;
  background-color: var(--progress-status);
  border-radius: inherit;
  transform: translate(-100%, 0);
  animation: progress-loading-bar var(--timings-heavy) cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}}

@layer ds-reset, ds-foundation, ds-subatoms, ds-atoms, ds-molecules, ds-organisms, ds-templates, ds-landing;
@layer ds-molecules{
.avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 50%;
  flex-shrink: 0;
  width: var(--avatar-size);
  height: var(--avatar-size);
  background-color: var(--avatar-bg, var(--control-colors-button-background-default));
  box-shadow: var(--avatar-shadow, none);
  border: var(--avatar-border, var(--avatar-border-width, 0px) solid var(--avatar-border-color, transparent));
  cursor: var(--avatar-cursor, default);
}
.avatar__placeholder-icon {
  width: 50%;
  height: 50%;
}
.avatar__image {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: cover;
}
.avatar__icon {
  display: inline-block;
}
.avatar__icon > path {
  fill: var(--control-colors-value-default);
}
.avatar__skeleton {
  position: absolute;
  inset: calc(-1 * var(--avatar-border-width, 0px));
  border-radius: inherit;
}
.avatar__control {
  display: none;
}
.avatar__badge {
  display: flex;
  position: absolute;
  bottom: 0;
}
[dir=ltr] .avatar__badge {
  right: 0;
}
[dir=rtl] .avatar__badge {
  left: 0;
}
.avatar--with-shadow {
  box-shadow: var(--shadows-tint-1);
}
.avatar--no-border {
  border: none;
}
.avatar--cursor-pointer {
  cursor: pointer;
}
[dir=ltr] .avatar__badge--rectangle {
  left: 50%;
  right: auto;
  transform: translateX(-50%);
}
[dir=rtl] .avatar__badge--rectangle {
  left: 50%;
  right: auto;
  transform: translateX(-50%);
}}

@layer ds-reset, ds-foundation, ds-subatoms, ds-atoms, ds-molecules, ds-organisms, ds-templates, ds-landing;
@layer ds-atoms{
@keyframes skeleton-ltr {
  0% {
    transform: translate(-200%, -50%);
  }
  100% {
    transform: translate(100%, -50%);
  }
}
@keyframes skeleton-rtl {
  0% {
    transform: translate(100%, -50%);
  }
  100% {
    transform: translate(-200%, -50%);
  }
}
.skeleton {
  display: block;
  position: relative;
  overflow: hidden;
  clip-path: view-box;
  background-color: var(--background-colors-tint-2);
  width: var(--skeleton-width);
  height: var(--skeleton-height);
  border-radius: var(--skeleton-border-radius, 0);
}
.skeleton::before {
  content: "";
  display: block;
  width: 50%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: linear-gradient(90deg, transparent, var(--background-colors-tint-3), transparent);
  will-change: transform;
}

[dir=ltr] .skeleton::before {
  animation: skeleton-ltr var(--timings-long) var(--easings-linear) infinite;
}

[dir=rtl] .skeleton::before {
  animation: skeleton-rtl var(--timings-long) var(--easings-linear) infinite;
}}

@layer ds-reset, ds-foundation, ds-subatoms, ds-atoms, ds-molecules, ds-organisms, ds-templates, ds-landing;
@layer ds-atoms{
.image {
  display: block;
  max-width: 100%;
}}

@layer ds-reset, ds-foundation, ds-subatoms, ds-atoms, ds-molecules, ds-organisms, ds-templates, ds-landing;
@layer ds-atoms{
.suggestion-menu-v2 {
  max-height: var(--smv2-max-height, 200px);
  min-width: var(--smv2-min-width, auto);
  background-color: var(--background-colors-popover);
  border: 1px solid var(--background-colors-border);
  border-radius: var(--corner-radius-r8);
  overflow: auto;
  padding: var(--spacings-s12);
}
@media (pointer: fine) {
  .suggestion-menu-v2::-webkit-scrollbar {
    width: 4px;
  }
  .suggestion-menu-v2::-webkit-scrollbar-track {
    border-radius: var(--corner-radius-r4);
    background-color: transparent;
  }
  .suggestion-menu-v2::-webkit-scrollbar-thumb {
    border-radius: var(--corner-radius-r4);
    background-color: var(--background-colors-border);
  }
  .suggestion-menu-v2::-webkit-scrollbar-corner {
    background: transparent;
  }
}
@supports (-moz-appearance: none) {
  .suggestion-menu-v2 {
    scrollbar-color: var(--background-colors-border) transparent;
    scrollbar-width: thin;
  }
}
@media (pointer: coarse) {
  .suggestion-menu-v2::-webkit-scrollbar {
    display: none;
  }
}
.suggestion-menu-v2--small {
  border-width: 1px;
  border-radius: var(--corner-radius-r8);
}
.suggestion-menu-v2--disabled {
  opacity: var(--states-disabled);
  pointer-events: none;
}}

@layer ds-reset, ds-foundation, ds-subatoms, ds-atoms, ds-molecules, ds-organisms, ds-templates, ds-landing;
@layer ds-subatoms{
.base-floating-container {
  position: relative;
  border: 1px solid var(--container-border-color);
  background-color: var(--container-background-color);
}
.base-floating-container--transform-start {
  transform: translateX(10px);
}
.base-floating-container--transform-end {
  transform: translateX(-10px);
}
.base-floating-container--transform-default {
  transform: translateX(0px);
}
.base-floating-container__indicator {
  display: inline-block;
  position: absolute;
  width: 20px;
  height: 14px;
}
.base-floating-container__indicator > path:nth-child(1) {
  fill: var(--container-background-color);
}
.base-floating-container__indicator > path:nth-child(2) {
  fill: var(--container-border-color);
}}

.TextLogo-logo-de08f {
  font-weight: bold;
  font-size: var(--typography-t9-font-size);
  display: inline-block;
  line-height: 1;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
}

.TextLogo-maxPerformance-91a0b {
  background-image: linear-gradient(315deg, #5A00EE 14.64%, #699AD2 85.36%);
}

.TextLogo-maxStarter-d9476,
.TextLogo-plus-3f1aa,
.TextLogo-power-e2700 {
  background-image: var(--gradients-monetization-plus);
}

.TextLogo-pro-c2ac4 {
  background-image: var(--gradients-monetization-pro);
}

.TextLogo-free-df984 {
  background-image: none;
}

.TierLogo-logo-626a3 {
  display: block;
  max-width: 80%;
  height: 25px;
}

.TierLogo-hidden-6ea78 {
  display: none;
}

.TierLogo-picsartLogo-5ad6a {
  display: block;
  height: 20px;
  width: auto;
  fill: var(--absolute-white-colors-base-default);
}
html.light .TierLogo-picsartLogo-5ad6a {
  fill: var(--absolute-black-colors-base-default);
}

.TierLogo-textLogo-c4b85 {
  display: inline-block;
  font-weight: bold;
  font-size: var(--typography-t9-font-size);
  line-height: 1;
  white-space: nowrap;
}
.TierLogo-textLogo-c4b85 em {
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  margin-left: 0.2em;
  font-style: inherit;
}
.TierLogo-textLogo-c4b85.TierLogo-pro-3d832 em {
  background-image: var(--gradients-monetization-pro);
}
.TierLogo-textLogo-c4b85.TierLogo-plus-9ea37 em, .TierLogo-textLogo-c4b85.TierLogo-maxStarter-dec82 em {
  background-image: var(--gradients-monetization-plus);
}
.TierLogo-textLogo-c4b85.TierLogo-power-2fc41 em {
  background-image: var(--gradients-monetization-ultra);
}
.TierLogo-textLogo-c4b85.TierLogo-maxPerformance-6c1a8 em {
  background-image: linear-gradient(315deg, #5A00EE 14.64%, #699AD2 85.36%);
}

.TierLogo-lockupLogo-418e2 {
  height: 0.75em;
  width: auto;
  vertical-align: baseline;
  fill: var(--absolute-white-colors-base-default);
}
html.light .TierLogo-lockupLogo-418e2 {
  fill: var(--absolute-black-colors-base-default);
}

@layer ds-reset, ds-foundation, ds-subatoms, ds-atoms, ds-molecules, ds-organisms, ds-templates, ds-landing;
@layer ds-atoms{
.loader {
  display: flex;
  width: 100%;
  height: 100%;
  inset: 0;
  z-index: var(--loader-z-index, 1);
  background-color: var(--loader-bg-color, transparent);
}
.loader--local {
  position: absolute;
}
.loader--global {
  position: fixed;
}
.loader--no-bg {
  background-color: transparent;
}
@keyframes loader-rotate {
  to {
    transform: rotate(360deg);
  }
}
.loader__icon {
  display: inline-block;
  margin: auto;
  animation: loader-rotate var(--timings-long) var(--easings-linear) infinite;
}
.loader__icon path {
  fill: var(--primary-colors-base-default);
}
.loader--large .loader__icon {
  width: 48px;
  height: 48px;
}
.loader--small .loader__icon {
  width: 24px;
  height: 24px;
}}

@layer ds-reset, ds-foundation, ds-subatoms, ds-atoms, ds-molecules, ds-organisms, ds-templates, ds-landing;
@layer ds-atoms{
.divider::before {
  content: "";
  display: block;
  background-color: var(--background-colors-border);
}
.divider--rounded::before {
  border-radius: var(--corner-radius-r2);
}
.divider--horizontal {
  display: block;
  width: var(--divider-size, 100%);
  padding-top: var(--divider-start);
  padding-bottom: var(--divider-end);
}
.divider--horizontal::before {
  height: 2px;
}
.divider--vertical {
  display: inline-block;
  vertical-align: top;
  height: var(--divider-size, 100%);
  padding-inline-start: var(--divider-start);
  padding-inline-end: var(--divider-end);
}
.divider--vertical::before {
  width: 2px;
  height: 100%;
}}

.CheckoutFormRadioButton-root-5f53d {
  display: inline-flex;
  align-items: stretch;
  position: relative;
  color: var(--text-colors-tint-1);
}
.CheckoutFormRadioButton-root-5f53d.CheckoutFormRadioButton-withTextIcon-b2055 svg path {
  fill: var(--text-colors-tint-1);
}
.CheckoutFormRadioButton-root-5f53d:active:not(.CheckoutFormRadioButton-disabled-3c669) .CheckoutFormRadioButton-outline-2a0a7, .CheckoutFormRadioButton-root-5f53d.CheckoutFormRadioButton-selected-4d6de:not(.CheckoutFormRadioButton-disabled-3c669) .CheckoutFormRadioButton-outline-2a0a7, .CheckoutFormRadioButton-root-5f53d:focus:not(.CheckoutFormRadioButton-disabled-3c669) .CheckoutFormRadioButton-outline-2a0a7 {
  box-shadow: inset 0 0 0 2px var(--checkout-accent);
  color: var(--text-colors-base);
}
.CheckoutFormRadioButton-root-5f53d:active .CheckoutFormRadioButton-ribbon-d6da2, .CheckoutFormRadioButton-root-5f53d.CheckoutFormRadioButton-selected-4d6de .CheckoutFormRadioButton-ribbon-d6da2, .CheckoutFormRadioButton-root-5f53d:focus .CheckoutFormRadioButton-ribbon-d6da2 {
  background-color: var(--checkout-accent);
}
.CheckoutFormRadioButton-root-5f53d:active .CheckoutFormRadioButton-ribbonIcon-80763 > path:first-child, .CheckoutFormRadioButton-root-5f53d.CheckoutFormRadioButton-selected-4d6de .CheckoutFormRadioButton-ribbonIcon-80763 > path:first-child, .CheckoutFormRadioButton-root-5f53d:focus .CheckoutFormRadioButton-ribbonIcon-80763 > path:first-child {
  fill: var(--checkout-accent);
}
.CheckoutFormRadioButton-root-5f53d.CheckoutFormRadioButton-withTextIcon-b2055:active:not(.CheckoutFormRadioButton-disabled-3c669) .CheckoutFormRadioButton-outline-2a0a7 svg path, .CheckoutFormRadioButton-root-5f53d.CheckoutFormRadioButton-withTextIcon-b2055.CheckoutFormRadioButton-selected-4d6de:not(.CheckoutFormRadioButton-disabled-3c669) .CheckoutFormRadioButton-outline-2a0a7 svg path, .CheckoutFormRadioButton-root-5f53d.CheckoutFormRadioButton-withTextIcon-b2055:focus:not(.CheckoutFormRadioButton-disabled-3c669) .CheckoutFormRadioButton-outline-2a0a7 svg path {
  fill: var(--text-colors-base);
}
@media (hover: hover) {
  .CheckoutFormRadioButton-root-5f53d:not(.CheckoutFormRadioButton-disabled-3c669):not(.CheckoutFormRadioButton-selected-4d6de):not(:focus):not(:active):hover .CheckoutFormRadioButton-outline-2a0a7 {
    box-shadow: inset 0 0 0 1px var(--checkout-accent-action);
  }
  .CheckoutFormRadioButton-root-5f53d:not(.CheckoutFormRadioButton-disabled-3c669):not(.CheckoutFormRadioButton-selected-4d6de):not(:focus):not(:active):hover .CheckoutFormRadioButton-ribbon-d6da2 {
    background-color: var(--checkout-accent-action);
  }
  .CheckoutFormRadioButton-root-5f53d:not(.CheckoutFormRadioButton-disabled-3c669):not(.CheckoutFormRadioButton-selected-4d6de):not(:focus):not(:active):hover .CheckoutFormRadioButton-ribbonIcon-80763 > svg > path {
    fill: var(--checkout-accent-action);
  }
}
.CheckoutFormRadioButton-root-5f53d.CheckoutFormRadioButton-disabled-3c669 {
  pointer-events: none;
}
.CheckoutFormRadioButton-root-5f53d.CheckoutFormRadioButton-disabled-3c669 .CheckoutFormRadioButton-outline-2a0a7 {
  opacity: var(--states-disabled);
}
.CheckoutFormRadioButton-root-5f53d.CheckoutFormRadioButton-disabled-3c669 input[type=radio] {
  cursor: default;
}
.CheckoutFormRadioButton-root-5f53d input[type=radio] {
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--corner-radius-r8);
  margin: var(--spacings-s0);
  padding: var(--spacings-s0);
  cursor: pointer;
  border: none;
  background: none;
  appearance: none;
}

.CheckoutFormRadioButton-outline-2a0a7 {
  box-shadow: inset 0 0 0 1px var(--background-colors-tint-3);
  padding: var(--spacings-s12) var(--spacings-s16);
  border-radius: var(--corner-radius-r8);
  position: relative;
  overflow: hidden;
  width: 100%;
}
.CheckoutFormRadioButton-outline-2a0a7.CheckoutFormRadioButton-hasFullWidthRibbon-117f4 {
  padding-top: var(--spacings-s32);
}

.CheckoutFormRadioButton-ribbon-d6da2 {
  border-bottom-left-radius: var(--corner-radius-r8);
  width: auto;
  padding: var(--spacings-s4) var(--spacings-s8);
  background-color: var(--background-colors-tint-3);
  font-weight: 600;
  font-size: var(--typography-t3-font-size);
  color: var(--negative-colors-text-default);
  position: absolute;
  text-align: center;
  line-height: 1.33;
  right: -1px;
  top: -1px;
}

.CheckoutFormRadioButton-ribbonFullWidth-ee5b0 {
  border-bottom-left-radius: var(--corner-radius-r0);
  width: calc(100% + 2px);
}

.CheckoutFormRadioButton-ribbonIcon-80763 {
  display: none;
  position: absolute;
  top: 4px;
  right: 4px;
  width: 24px;
  height: 24px;
}
.CheckoutFormRadioButton-ribbonIcon-80763 > path:first-child {
  fill: var(--background-colors-tint-3);
}
@media screen and (max-width: 1023px) {
  .CheckoutFormRadioButton-ribbonIcon-80763 {
    display: block;
  }
}

.PlanRadioButtonLabelNew-root-ef92a {
  display: flex;
  justify-content: space-between;
}

.PlanRadioButtonLabelNew-frequency-28d1e {
  font-weight: bold;
  font-size: var(--typography-t6-font-size);
  line-height: 1.4;
}

.PlanRadioButtonLabelNew-price-a04ab {
  display: flex;
  justify-content: flex-end;
  align-items: baseline;
  font-weight: bold;
  font-size: var(--typography-t7-font-size);
  line-height: 32px;
}
.PlanRadioButtonLabelNew-price-a04ab small {
  font-weight: 600;
  font-size: var(--typography-t4-font-size);
  line-height: 20px;
}

.PlanRadioButtonLabelNew-info-c7d72 {
  font-weight: 500;
  font-size: var(--typography-t5-font-size);
  line-height: 1.5;
  color: var(--text-colors-tint-1);
}

.PlanRadioButtonLabelNew-infoContainer-78258 {
  justify-content: center;
  flex-direction: column;
  gap: var(--spacings-s4);
  display: flex;
}

.DiscountTicket-container-94224 {
  position: relative;
  height: 194px;
  max-width: 100%;
  width: 378px;
}

.DiscountTicket-ticket-ebc50 {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  justify-content: center;
  flex-direction: column;
  padding: var(--spacings-s24);
  align-items: center;
  position: relative;
  height: 194px;
  max-width: 378px;
  width: 100%;
  text-align: center;
  display: flex;
  z-index: 2;
  scale: 1;
}
.DiscountTicket-ticket-ebc50.DiscountTicket-transparent-02915 {
  scale: 1.4;
}

.DiscountTicket-title-bc80e {
  color: var(--absolute-white-colors-base-default);
  font-weight: 600;
  font-size: var(--typography-t7-font-size);
  line-height: 1.32;
}

.DiscountTicket-discount-49a69 {
  color: var(--absolute-white-colors-base-default);
  font-weight: 600;
  font-size: var(--typography-t10-font-size);
  line-height: 1.2;
}

.DiscountTicket-product-c30c5 {
  color: var(--absolute-white-colors-base-default);
  font-weight: 600;
  font-size: var(--typography-t7-font-size);
  line-height: 1.32;
}

.DiscountTicket-transparent-02915 .DiscountTicket-discount-49a69 {
  font-size: var(--typography-t11-font-size);
  line-height: 1;
}

.DiscountTicket-magenta-d9642 .DiscountTicket-title-bc80e,
.DiscountTicket-magenta-d9642 .DiscountTicket-discount-49a69,
.DiscountTicket-magenta-d9642 .DiscountTicket-product-c30c5 {
  color: var(--absolute-black-colors-base-default);
}

.DiscountTicket-bgGradient-dce3b {
  transform: translate(-50%, -50%);
  background: var(--gradients-general-brand);
  position: absolute;
  filter: blur(57px);
  border-radius: 50%;
  left: 50%;
  top: 50%;
  height: 284px;
  width: 284px;
  z-index: 1;
}

.AuthForm-root-d6c75 {
  height: 100%;
}

.AuthForm-scrollable-cbf9f {
  overflow-y: scroll;
}
@media (hover: hover) and (pointer: fine) {
  .AuthForm-scrollable-cbf9f::-webkit-scrollbar {
    width: 4px;
  }
  .AuthForm-scrollable-cbf9f::-webkit-scrollbar-track {
    border-radius: var(--corner-radius-r4);
    background-color: transparent;
  }
  .AuthForm-scrollable-cbf9f::-webkit-scrollbar-thumb {
    border-radius: var(--corner-radius-r4);
    background-color: var(--background-colors-border);
  }
  .AuthForm-scrollable-cbf9f::-webkit-scrollbar-corner {
    background: transparent;
  }
}
@supports (-moz-appearance: none) {
  .AuthForm-scrollable-cbf9f {
    scrollbar-color: var(--background-colors-border) transparent;
    scrollbar-width: thin;
  }
}
@media (hover: none) and (pointer: coarse) {
  .AuthForm-scrollable-cbf9f::-webkit-scrollbar {
    display: none;
  }
}

.grecaptcha-badge {
  visibility: hidden;
}
.Footer-root-6b75a {
  display: flex;
  gap: var(--spacings-s16);
  align-content: end;
  padding-top: var(--spacings-s6);
  width: 100%;
}
.NoInternet-root-00830 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.NoInternet-formContent-2fe85 {
  display: grid;
  gap: var(--spacings-s16);
}

.NoInternet-passwordField-5a2b9 {
  width: 100%;
}

.NoInternet-passwordError-bd111 {
  height: 8px;
}
.PicsartLegal-root-bba81 {
  max-width: 320px;
  margin: var(--spacings-s0) auto;
}
.PicsartLegal-root-bba81 a {
  font-weight: 600;
  color: var(--primary-colors-base-default);
}
.PicsartLegal-root-bba81 a:hover {
  color: var(--primary-colors-base-active-action);
}

.PicsartLegal-link-fe0cb {
  font-weight: 600;
  color: var(--primary-colors-base-default);
}
.PicsartLegal-link-fe0cb:hover {
  color: var(--primary-colors-base-active-action);
}
.AppleButton-button-dff86 {
  overflow: hidden;
}
.GoogleButton-googleSignInWrapper-6f97a {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.GoogleButton-googleSignInVisual-9365a {
  pointer-events: none;
  height: 100%;
  z-index: 2;
}

.GoogleButton-googleNativeButton-4bca9 {
  top: 0;
  left: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
  opacity: 0.001;
}
.GoogleButton-googleNativeButton-4bca9 > div {
  margin-top: var(--spacings-s4);
  height: 100%;
}
.GoogleButton-googleNativeButton-4bca9 > div div:last-child {
  margin-top: var(--spacings-s4);
  height: 100%;
}
.GoogleButton-googleNativeButton-4bca9:hover + .GoogleButton-googleSignInVisual-9365a > .google-new-button {
  background-color: var(--neutral-colors-base-action);
  color: var(--neutral-colors-text-action);
}
.AuthButtons-root-baf3b {
  display: grid;
  gap: var(--spacings-s8);
}

.AuthButtons-socialButton-a4c6d {
  position: relative;
  padding-left: var(--spacings-s44);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.AuthButtons-socialButton-a4c6d > svg {
  position: absolute;
  left: var(--spacings-s12);
}

.AuthButtons-facebookButton-bb2c1 > svg {
  color: var(--absolute-white-colors-base-default);
}

.AuthButtons-divider-0e8a9 {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--text-colors-tint-2);
  text-transform: uppercase;
}
.AuthButtons-divider-0e8a9:after, .AuthButtons-divider-0e8a9:before {
  content: "";
  display: block;
  background-color: var(--background-colors-tint-3);
  width: 32px;
  height: 1px;
  margin: var(--spacings-s0) var(--spacings-s8);
}
.OptionsForm-root-d2fb6 {
  display: grid;
  gap: var(--spacings-s16);
  text-align: center;
}

.OptionsForm-divider-ab6db {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--text-colors-tint-2);
  text-transform: uppercase;
}
.OptionsForm-divider-ab6db:after, .OptionsForm-divider-ab6db:before {
  content: "";
  display: block;
  background-color: var(--background-colors-tint-3);
  width: 32px;
  height: 1px;
  margin: var(--spacings-s0) var(--spacings-s8);
}

/**
 * New design: the panel padding shrank to s12, so the options screen insets itself by s32
 * and keeps the same top offset as the screens that carry a back button.
 */
.OptionsForm-rootNewDesign-acab8.OptionsForm-rootNewDesign-acab8 {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: var(--spacings-s0);
  text-align: left;
}

.OptionsForm-contentNewDesign-e4dbf {
  display: flex;
  flex-direction: column;
  justify-content: center;
  justify-content: safe center;
  flex: 1 1 auto;
  min-height: 0;
  gap: var(--spacings-s16);
  padding: var(--spacings-s0) var(--spacings-s32);
  overflow-y: auto;
  scrollbar-width: none;
}
.OptionsForm-contentNewDesign-e4dbf::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 768px) {
  .OptionsForm-contentNewDesign-e4dbf {
    padding: var(--spacings-s0);
  }
}

.OptionsForm-legalNewDesign-16214 {
  flex-shrink: 0;
  padding: var(--spacings-s0) var(--spacings-s32);
}
.OptionsForm-legalNewDesign-16214 > span {
  max-width: none;
  margin-inline: var(--spacings-s0);
  font-size: var(--typography-t4-font-size);
  line-height: var(--typography-t4-line-height);
}
@media screen and (min-width: 833px) and (max-width: 1030px) {
  .OptionsForm-legalNewDesign-16214 > span {
    font-size: var(--typography-t3-font-size);
    line-height: var(--typography-t3-line-height);
  }
}
@media screen and (max-width: 768px) {
  .OptionsForm-legalNewDesign-16214 {
    padding: var(--spacings-s0);
  }
}
.RecentLoginMethods-root-c38fc {
  display: grid;
  gap: var(--spacings-s24);
  text-align: center;
  align-content: center;
  height: 100%;
}

.RecentLoginMethods-options-a698f {
  display: grid;
  gap: var(--spacings-s8);
}

/* New design: same column as the other screens, with the legal line on the panel floor. */
.RecentLoginMethods-rootNewDesign-05033.RecentLoginMethods-rootNewDesign-05033 {
  display: flex;
  flex-direction: column;
  /* the two blocks below inset themselves, so the panel itself adds nothing */
  padding: var(--spacings-s0);
  text-align: left;
}

.RecentLoginMethods-contentNewDesign-c28c9 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  justify-content: safe center;
  flex: 1 1 auto;
  min-height: 0;
  gap: var(--spacings-s24);
  padding: var(--spacings-s0) var(--spacings-s32);
  overflow-y: auto;
  scrollbar-width: none;
}
.RecentLoginMethods-contentNewDesign-c28c9::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 768px) {
  .RecentLoginMethods-contentNewDesign-c28c9 {
    padding: var(--spacings-s0);
  }
}

.RecentLoginMethods-legalNewDesign-65c94 {
  flex-shrink: 0;
  padding: var(--spacings-s0) var(--spacings-s32);
  /**
   * PicsartLegal hardcodes size="t3" and takes no props, so the new design's larger type
   * is set here. The element selector outranks the design system's own `.text--t3`.
   * It also centres itself (margin: 0 auto), which the new design undoes.
   */
}
.RecentLoginMethods-legalNewDesign-65c94 > span {
  max-width: none;
  margin-inline: var(--spacings-s0);
  font-size: var(--typography-t4-font-size);
  line-height: var(--typography-t4-line-height);
}
@media screen and (min-width: 833px) and (max-width: 1030px) {
  .RecentLoginMethods-legalNewDesign-65c94 > span {
    font-size: var(--typography-t3-font-size);
    line-height: var(--typography-t3-line-height);
  }
}
@media screen and (max-width: 768px) {
  .RecentLoginMethods-legalNewDesign-65c94 {
    padding: var(--spacings-s0);
  }
}
.FormContainer-root-70531 {
  display: block;
  width: 100%;
  height: 100%;
  background-color: var(--background-colors-base);
  padding: var(--spacings-s48) var(--spacings-s32) var(--spacings-s16);
  overflow-y: hidden;
}

/**
 * New design: the panel keeps only a general padding, the back button sits on it and every
 * screen insets its own content by s32 instead.
 */
.FormContainer-rootNewDesign-699d4.FormContainer-rootNewDesign-699d4 {
  /* content-box + height:100% + padding overflows the panel and clips the footer */
  box-sizing: border-box;
  padding: var(--auth-panel-padding, var(--spacings-s12));
  display: flex;
  flex-direction: column;
  align-self: stretch;
  height: auto;
  min-height: 0;
}
.FormContainer-rootNewDesign-699d4 > form {
  flex: 1 1 auto;
  min-height: 0;
  height: auto;
}
.FormContainer-rootNewDesign-699d4 {
  /* darker DS control colors + r8 radius for every auth field of the new design */
}
.FormContainer-rootNewDesign-699d4 .input-field-auth > input {
  border-radius: var(--corner-radius-r8);
  color: var(--control-colors-value-active);
  --text-field-bg-override: var(--control-colors-field-background-default);
}
.FormContainer-rootNewDesign-699d4 .input-field-auth > input::placeholder {
  color: var(--control-colors-placeholder-default);
}
.FormContainer-rootNewDesign-699d4 .input-field-auth > input:hover {
  --text-field-bg-override: var(--control-colors-field-background-action);
}
.FormContainer-rootNewDesign-699d4 .input-field-auth > input:-webkit-autofill, .FormContainer-rootNewDesign-699d4 .input-field-auth > input:-webkit-autofill:hover {
  box-shadow: 0 0 0 1000px var(--control-colors-field-background-default) inset;
  -webkit-text-fill-color: var(--control-colors-value-active);
}
.FormContainer-rootNewDesign-699d4 .input-field-auth > input:-webkit-autofill:focus, .FormContainer-rootNewDesign-699d4 .input-field-auth > input:-webkit-autofill:active {
  box-shadow: 0 0 0 1000px var(--control-colors-field-background-active) inset;
  -webkit-text-fill-color: var(--control-colors-value-active);
  caret-color: var(--control-colors-caret-default);
}
.FormContainer-rootNewDesign-699d4 .input-field-auth > input:focus, .FormContainer-rootNewDesign-699d4 .input-field-auth > input:active {
  --text-field-bg-override: var(--control-colors-field-background-active);
  caret-color: var(--control-colors-caret-default);
}
.FormContainer-rootNewDesign-699d4 .input-field-auth > button {
  color: var(--control-colors-end-icon-default);
}
.FormContainer-rootNewDesign-699d4 .input-field-auth > button:hover {
  color: var(--control-colors-end-icon-active);
}
.FormContainer-rootNewDesign-699d4 .auth-form-footer {
  flex-shrink: 0;
  padding-top: var(--spacings-s0);
}
.FormContainer-rootNewDesign-699d4 {
  /* the heading and its blurb read as one block, so they sit closer than the rest */
}
.FormContainer-rootNewDesign-699d4 .auth-intro {
  display: grid;
  gap: var(--spacings-s12);
}
.FormContainer-rootNewDesign-699d4 .auth-description {
  color: var(--text-colors-tint-1);
}
.FormContainer-rootNewDesign-699d4 {
  /* the screens centre their copy, but a field label reads better against its input */
}
.FormContainer-rootNewDesign-699d4 .auth-field-label {
  text-align: start;
}
.FormContainer-rootNewDesign-699d4 {
  /* the status message row rendered under an auth field, shared by every new design form */
}
.FormContainer-rootNewDesign-699d4 .auth-field-message {
  display: flex;
  align-items: center;
  gap: var(--spacings-s4);
  min-height: 16px;
  /* reads against the field like its label, not centred with the rest of the copy */
  text-align: start;
}
.FormContainer-rootNewDesign-699d4 .auth-field-message-icon {
  flex-shrink: 0;
}
.FormContainer-rootNewDesign-699d4 .auth-field-message-icon > path:not([fill]) {
  fill: var(--error-colors-base-default);
}
.AuthCard-root-c4e85 {
  position: relative;
  max-width: 416px;
  height: 540px;
  border-radius: var(--corner-radius-r16);
  background-color: var(--positive-colors-base-default);
  box-shadow: 0 4px 16px var(--background-colors-tint-3);
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .AuthCard-root-c4e85 {
    height: 100%;
  }
}
#credential_picker_container {
  top: 100px !important;
}

input::-ms-reveal,
input::-ms-clear {
  display: none;
}
.AuthMedia-root-464de {
  --auth-media-progress-height: 2px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  border-radius: var(--corner-radius-r16);
  overflow: hidden;
}

.AuthMedia-media-b55ce.AuthMedia-media-b55ce {
  position: absolute;
  inset: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  opacity: 0;
  transition: opacity 320ms ease-out;
}

.AuthMedia-poster-24241.AuthMedia-poster-24241 {
  z-index: 0;
  opacity: 1;
  transition: none;
}

video.AuthMedia-mediavideo-5c079.AuthMedia-media-b55ce {
  z-index: 1;
}

.AuthMedia-mediaLoaded-a9f4d.AuthMedia-mediaLoaded-a9f4d {
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  .AuthMedia-media-b55ce.AuthMedia-media-b55ce {
    opacity: 1;
    transition: none;
  }
}
.AuthMedia-skeleton-fbfad {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.AuthMedia-card-d119c {
  position: absolute;
  left: var(--spacings-s12);
  bottom: calc(var(--spacings-s12) + var(--auth-media-progress-height) + var(--spacings-s12));
  display: flex;
  align-items: center;
  gap: var(--spacings-s8);
  min-width: 0;
  max-width: calc(100% - var(--spacings-s24));
  padding: var(--spacings-s8);
  padding-inline-end: var(--spacings-s16);
  border-radius: var(--corner-radius-r12);
  background: var(--background-colors-popover);
}

.AuthMedia-cardIcon-9f58a.AuthMedia-cardIcon-9f58a {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: var(--corner-radius-r12);
  object-fit: cover;
}

.AuthMedia-cardText-bf90f {
  display: flex;
  flex-direction: column;
  gap: var(--spacings-s2);
  min-width: 0;
}

.AuthMedia-cardTitle-6d136.AuthMedia-cardTitle-6d136 {
  color: var(--text-colors-base);
}

.AuthMedia-cardDescription-4ea8b.AuthMedia-cardDescription-4ea8b {
  color: var(--text-colors-tint-1);
}

.AuthMedia-progress-a290d {
  position: absolute;
  bottom: var(--spacings-s12);
  left: var(--spacings-s12);
  right: var(--spacings-s12);
  display: flex;
  gap: var(--spacings-s4);
}

.AuthMedia-segment-13c7c {
  flex: 1;
  height: var(--auth-media-progress-height);
  padding: 0;
  border: none;
  border-radius: var(--corner-radius-r4);
  background: rgba(255, 255, 255, 0.35);
  cursor: pointer;
  overflow: hidden;
}

.AuthMedia-segmentFill-8baf3 {
  display: block;
  height: 100%;
  width: 100%;
  border-radius: inherit;
  background: rgba(255, 255, 255, 0.95);
  transform: scaleX(0);
  transform-origin: left center;
  will-change: transform;
}
.AuthMedia-segmentFill-8baf3[data-active=true] {
  transition: transform 260ms linear;
}
@media (prefers-reduced-motion: reduce) {
  .AuthMedia-segmentFill-8baf3.AuthMedia-segmentFill-8baf3 {
    transition: none;
  }
}
.withAuthModal-root-6de60 {
  position: relative;
  display: flex;
  /* the media panel renders before the form, so the row is reversed to put it on the right */
  flex-direction: row-reverse;
  justify-content: space-between;
}
.withAuthModal-root-6de60[data-media-position=left] {
  flex-direction: row;
}
.withAuthModal-root-6de60 {
  align-items: center;
  max-height: 100vh;
  height: 540px;
  width: 830px;
  max-width: 100%;
  border-radius: var(--corner-radius-r20);
  padding: var(--spacings-s8);
  background: var(--background-colors-base);
  border: 1px solid var(--control-colors-border-default);
  box-sizing: border-box;
  box-shadow: var(--shadows-tint-1);
  overflow-x: hidden;
}
.withAuthModal-root-6de60 > div {
  width: 50%;
}
.withAuthModal-root-6de60 img {
  height: 536px;
  width: 408px;
}
@media screen and (max-width: 768px) {
  .withAuthModal-root-6de60 {
    position: absolute;
    top: var(--spacings-s0);
    left: var(--spacings-s0);
    justify-content: center;
    width: 100%;
    max-width: none;
    height: 100%;
    border: none;
    box-shadow: none;
    border-radius: var(--corner-radius-r0);
  }
  .withAuthModal-root-6de60 > div {
    width: 100%;
  }
}

.withAuthModal-modalCloseWrapper-55da0.withAuthModal-modalCloseWrapper-55da0 {
  display: inline-block;
  width: initial;
  z-index: 1;
}

.withAuthModal-image-f6d62 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  border-radius: var(--corner-radius-r20);
  overflow: hidden;
  position: relative;
}
@media (max-width: 768px) {
  .withAuthModal-image-f6d62 {
    display: none;
  }
}

.withAuthModal-skeleton-ff27a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.withAuthModal-closeButton-fcc8b {
  position: absolute;
  top: var(--spacings-s12);
  right: var(--spacings-s12);
  cursor: pointer;
  fill: var(--negative-colors-text-default);
}
@media (max-width: 768px) {
  .withAuthModal-closeButton-fcc8b.withAuthModal-closeButton-fcc8b {
    z-index: 9;
    fill: var(--positive-colors-text-default);
  }
}

/**
 * With the media on the left the icon sits over the form panel instead, so it flips back.
 * The compound selector already outranks `.closeButton.closeButton` above, no doubling needed.
 */
.withAuthModal-root-6de60[data-media-position=left] .withAuthModal-closeButton-fcc8b {
  fill: var(--positive-colors-text-default);
}
@media (max-width: 768px) {
  .withAuthModal-root-6de60[data-media-position=left] .withAuthModal-closeButton-fcc8b {
    fill: var(--negative-colors-text-default);
  }
}

.withAuthModal-pulseContainer-84333 {
  position: absolute;
}
.withAuthModal-overlay-5dd2b.withAuthModal-overlay-5dd2b {
  background: var(--background-colors-transparent);
  backdrop-filter: blur(24px);
}

@keyframes withAuthModal-overlay-fade-in-01bf1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  .withAuthModal-root-3367f.withAuthModal-root-3367f {
    animation: none;
  }
}
.withAuthModal-root-3367f {
  --auth-modal-padding: var(--spacings-s12);
  --auth-panel-padding: var(--spacings-s12);
  --auth-corner-inset: calc(var(--auth-modal-padding) + var(--auth-panel-padding));
  position: relative;
  display: flex;
  /* the media panel renders before the form, so the row is reversed to put it on the right */
  flex-direction: row-reverse;
  justify-content: space-between;
}
.withAuthModal-root-3367f[data-media-position=left] {
  flex-direction: row;
}
.withAuthModal-root-3367f {
  align-items: stretch;
  height: min(656px, 54.6666666667vw, 100vh - var(--spacings-s24));
  height: min(656px, 54.6666666667vw, 100dvh - var(--spacings-s24));
  width: calc(min(656px, 54.6666666667vw, 100vh - var(--spacings-s24)) * 1030 / 656);
  width: calc(min(656px, 54.6666666667vw, 100dvh - var(--spacings-s24)) * 1030 / 656);
  min-height: 500px;
  max-width: 1030px;
  border-radius: var(--corner-radius-r16);
  padding: var(--auth-modal-padding);
  background: var(--background-colors-base);
  border: 1px solid var(--control-colors-border-default);
  box-sizing: border-box;
  box-shadow: var(--shadows-tint-1);
  overflow: hidden;
  animation: withAuthModal-overlay-fade-in-01bf1 200ms cubic-bezier(0, 0, 0.2, 1);
}
.withAuthModal-root-3367f > div {
  width: 50%;
}
@media screen and (max-width: 834px) {
  .withAuthModal-root-3367f > div {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .withAuthModal-root-3367f {
    position: absolute;
    top: var(--spacings-s0);
    left: var(--spacings-s0);
    justify-content: center;
    width: 100%;
    max-width: none;
    height: 100%;
    min-height: 0;
    max-height: none;
    border: none;
    box-shadow: none;
    border-radius: var(--corner-radius-r0);
  }
  .withAuthModal-root-3367f > div {
    width: 100%;
  }
}

.withAuthModal-modalCloseWrapper-bf4c4.withAuthModal-modalCloseWrapper-bf4c4 {
  position: absolute;
  top: var(--auth-corner-inset);
  right: var(--auth-corner-inset);
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: var(--neutral-colors-base-default);
  border: 1px solid var(--control-colors-border-default);
  cursor: pointer;
}

.withAuthModal-image-ee310 {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  border-radius: var(--corner-radius-r16);
  overflow: hidden;
  position: relative;
}
@media (max-width: 834px) {
  .withAuthModal-image-ee310 {
    display: none;
  }
}

.withAuthModal-skeleton-e2535 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.withAuthModal-closeButton-458b5 {
  cursor: pointer;
  fill: var(--text-colors-base);
  stroke: var(--text-colors-base);
  stroke-width: 1;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.withAuthModal-pulseContainer-401b9 {
  position: absolute;
}
.AuthForm-root-d6c75 {
  height: 100%;
}

.AuthForm-scrollable-cbf9f {
  overflow-y: scroll;
}
@media (hover: hover) and (pointer: fine) {
  .AuthForm-scrollable-cbf9f::-webkit-scrollbar {
    width: 4px;
  }
  .AuthForm-scrollable-cbf9f::-webkit-scrollbar-track {
    border-radius: var(--corner-radius-r4);
    background-color: transparent;
  }
  .AuthForm-scrollable-cbf9f::-webkit-scrollbar-thumb {
    border-radius: var(--corner-radius-r4);
    background-color: var(--background-colors-border);
  }
  .AuthForm-scrollable-cbf9f::-webkit-scrollbar-corner {
    background: transparent;
  }
}
@supports (-moz-appearance: none) {
  .AuthForm-scrollable-cbf9f {
    scrollbar-color: var(--background-colors-border) transparent;
    scrollbar-width: thin;
  }
}
@media (hover: none) and (pointer: coarse) {
  .AuthForm-scrollable-cbf9f::-webkit-scrollbar {
    display: none;
  }
}

.grecaptcha-badge {
  visibility: hidden;
}
.Footer-root-6b75a {
  display: flex;
  gap: var(--spacings-s16);
  align-content: end;
  padding-top: var(--spacings-s6);
  width: 100%;
}
.NoInternet-root-00830 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.NoInternet-formContent-2fe85 {
  display: grid;
  gap: var(--spacings-s16);
}

.NoInternet-passwordField-5a2b9 {
  width: 100%;
}

.NoInternet-passwordError-bd111 {
  height: 8px;
}
.PicsartLegal-root-bba81 {
  max-width: 320px;
  margin: var(--spacings-s0) auto;
}
.PicsartLegal-root-bba81 a {
  font-weight: 600;
  color: var(--primary-colors-base-default);
}
.PicsartLegal-root-bba81 a:hover {
  color: var(--primary-colors-base-active-action);
}

.PicsartLegal-link-fe0cb {
  font-weight: 600;
  color: var(--primary-colors-base-default);
}
.PicsartLegal-link-fe0cb:hover {
  color: var(--primary-colors-base-active-action);
}
.AppleButton-button-dff86 {
  overflow: hidden;
}
.GoogleButton-googleSignInWrapper-6f97a {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.GoogleButton-googleSignInVisual-9365a {
  pointer-events: none;
  height: 100%;
  z-index: 2;
}

.GoogleButton-googleNativeButton-4bca9 {
  top: 0;
  left: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
  opacity: 0.001;
}
.GoogleButton-googleNativeButton-4bca9 > div {
  margin-top: var(--spacings-s4);
  height: 100%;
}
.GoogleButton-googleNativeButton-4bca9 > div div:last-child {
  margin-top: var(--spacings-s4);
  height: 100%;
}
.GoogleButton-googleNativeButton-4bca9:hover + .GoogleButton-googleSignInVisual-9365a > .google-new-button {
  background-color: var(--neutral-colors-base-action);
  color: var(--neutral-colors-text-action);
}
.AuthButtons-root-baf3b {
  display: grid;
  gap: var(--spacings-s8);
}

.AuthButtons-socialButton-a4c6d {
  position: relative;
  padding-left: var(--spacings-s44);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.AuthButtons-socialButton-a4c6d > svg {
  position: absolute;
  left: var(--spacings-s12);
}

.AuthButtons-facebookButton-bb2c1 > svg {
  color: var(--absolute-white-colors-base-default);
}

.AuthButtons-divider-0e8a9 {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--text-colors-tint-2);
  text-transform: uppercase;
}
.AuthButtons-divider-0e8a9:after, .AuthButtons-divider-0e8a9:before {
  content: "";
  display: block;
  background-color: var(--background-colors-tint-3);
  width: 32px;
  height: 1px;
  margin: var(--spacings-s0) var(--spacings-s8);
}
.OptionsForm-root-d2fb6 {
  display: grid;
  gap: var(--spacings-s16);
  text-align: center;
}

.OptionsForm-divider-ab6db {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--text-colors-tint-2);
  text-transform: uppercase;
}
.OptionsForm-divider-ab6db:after, .OptionsForm-divider-ab6db:before {
  content: "";
  display: block;
  background-color: var(--background-colors-tint-3);
  width: 32px;
  height: 1px;
  margin: var(--spacings-s0) var(--spacings-s8);
}

/**
 * New design: the panel padding shrank to s12, so the options screen insets itself by s32
 * and keeps the same top offset as the screens that carry a back button.
 */
.OptionsForm-rootNewDesign-acab8.OptionsForm-rootNewDesign-acab8 {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: var(--spacings-s0);
  text-align: left;
}

.OptionsForm-contentNewDesign-e4dbf {
  display: flex;
  flex-direction: column;
  justify-content: center;
  justify-content: safe center;
  flex: 1 1 auto;
  min-height: 0;
  gap: var(--spacings-s16);
  padding: var(--spacings-s0) var(--spacings-s32);
  overflow-y: auto;
  scrollbar-width: none;
}
.OptionsForm-contentNewDesign-e4dbf::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 768px) {
  .OptionsForm-contentNewDesign-e4dbf {
    padding: var(--spacings-s0);
  }
}

.OptionsForm-legalNewDesign-16214 {
  flex-shrink: 0;
  padding: var(--spacings-s0) var(--spacings-s32);
}
.OptionsForm-legalNewDesign-16214 > span {
  max-width: none;
  margin-inline: var(--spacings-s0);
  font-size: var(--typography-t4-font-size);
  line-height: var(--typography-t4-line-height);
}
@media screen and (min-width: 833px) and (max-width: 1030px) {
  .OptionsForm-legalNewDesign-16214 > span {
    font-size: var(--typography-t3-font-size);
    line-height: var(--typography-t3-line-height);
  }
}
@media screen and (max-width: 768px) {
  .OptionsForm-legalNewDesign-16214 {
    padding: var(--spacings-s0);
  }
}
.RecentLoginMethods-root-c38fc {
  display: grid;
  gap: var(--spacings-s24);
  text-align: center;
  align-content: center;
  height: 100%;
}

.RecentLoginMethods-options-a698f {
  display: grid;
  gap: var(--spacings-s8);
}

/* New design: same column as the other screens, with the legal line on the panel floor. */
.RecentLoginMethods-rootNewDesign-05033.RecentLoginMethods-rootNewDesign-05033 {
  display: flex;
  flex-direction: column;
  /* the two blocks below inset themselves, so the panel itself adds nothing */
  padding: var(--spacings-s0);
  text-align: left;
}

.RecentLoginMethods-contentNewDesign-c28c9 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  justify-content: safe center;
  flex: 1 1 auto;
  min-height: 0;
  gap: var(--spacings-s24);
  padding: var(--spacings-s0) var(--spacings-s32);
  overflow-y: auto;
  scrollbar-width: none;
}
.RecentLoginMethods-contentNewDesign-c28c9::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 768px) {
  .RecentLoginMethods-contentNewDesign-c28c9 {
    padding: var(--spacings-s0);
  }
}

.RecentLoginMethods-legalNewDesign-65c94 {
  flex-shrink: 0;
  padding: var(--spacings-s0) var(--spacings-s32);
  /**
   * PicsartLegal hardcodes size="t3" and takes no props, so the new design's larger type
   * is set here. The element selector outranks the design system's own `.text--t3`.
   * It also centres itself (margin: 0 auto), which the new design undoes.
   */
}
.RecentLoginMethods-legalNewDesign-65c94 > span {
  max-width: none;
  margin-inline: var(--spacings-s0);
  font-size: var(--typography-t4-font-size);
  line-height: var(--typography-t4-line-height);
}
@media screen and (min-width: 833px) and (max-width: 1030px) {
  .RecentLoginMethods-legalNewDesign-65c94 > span {
    font-size: var(--typography-t3-font-size);
    line-height: var(--typography-t3-line-height);
  }
}
@media screen and (max-width: 768px) {
  .RecentLoginMethods-legalNewDesign-65c94 {
    padding: var(--spacings-s0);
  }
}
.FormContainer-root-70531 {
  display: block;
  width: 100%;
  height: 100%;
  background-color: var(--background-colors-base);
  padding: var(--spacings-s48) var(--spacings-s32) var(--spacings-s16);
  overflow-y: hidden;
}

/**
 * New design: the panel keeps only a general padding, the back button sits on it and every
 * screen insets its own content by s32 instead.
 */
.FormContainer-rootNewDesign-699d4.FormContainer-rootNewDesign-699d4 {
  /* content-box + height:100% + padding overflows the panel and clips the footer */
  box-sizing: border-box;
  padding: var(--auth-panel-padding, var(--spacings-s12));
  display: flex;
  flex-direction: column;
  align-self: stretch;
  height: auto;
  min-height: 0;
}
.FormContainer-rootNewDesign-699d4 > form {
  flex: 1 1 auto;
  min-height: 0;
  height: auto;
}
.FormContainer-rootNewDesign-699d4 {
  /* darker DS control colors + r8 radius for every auth field of the new design */
}
.FormContainer-rootNewDesign-699d4 .input-field-auth > input {
  border-radius: var(--corner-radius-r8);
  color: var(--control-colors-value-active);
  --text-field-bg-override: var(--control-colors-field-background-default);
}
.FormContainer-rootNewDesign-699d4 .input-field-auth > input::placeholder {
  color: var(--control-colors-placeholder-default);
}
.FormContainer-rootNewDesign-699d4 .input-field-auth > input:hover {
  --text-field-bg-override: var(--control-colors-field-background-action);
}
.FormContainer-rootNewDesign-699d4 .input-field-auth > input:-webkit-autofill, .FormContainer-rootNewDesign-699d4 .input-field-auth > input:-webkit-autofill:hover {
  box-shadow: 0 0 0 1000px var(--control-colors-field-background-default) inset;
  -webkit-text-fill-color: var(--control-colors-value-active);
}
.FormContainer-rootNewDesign-699d4 .input-field-auth > input:-webkit-autofill:focus, .FormContainer-rootNewDesign-699d4 .input-field-auth > input:-webkit-autofill:active {
  box-shadow: 0 0 0 1000px var(--control-colors-field-background-active) inset;
  -webkit-text-fill-color: var(--control-colors-value-active);
  caret-color: var(--control-colors-caret-default);
}
.FormContainer-rootNewDesign-699d4 .input-field-auth > input:focus, .FormContainer-rootNewDesign-699d4 .input-field-auth > input:active {
  --text-field-bg-override: var(--control-colors-field-background-active);
  caret-color: var(--control-colors-caret-default);
}
.FormContainer-rootNewDesign-699d4 .input-field-auth > button {
  color: var(--control-colors-end-icon-default);
}
.FormContainer-rootNewDesign-699d4 .input-field-auth > button:hover {
  color: var(--control-colors-end-icon-active);
}
.FormContainer-rootNewDesign-699d4 .auth-form-footer {
  flex-shrink: 0;
  padding-top: var(--spacings-s0);
}
.FormContainer-rootNewDesign-699d4 {
  /* the heading and its blurb read as one block, so they sit closer than the rest */
}
.FormContainer-rootNewDesign-699d4 .auth-intro {
  display: grid;
  gap: var(--spacings-s12);
}
.FormContainer-rootNewDesign-699d4 .auth-description {
  color: var(--text-colors-tint-1);
}
.FormContainer-rootNewDesign-699d4 {
  /* the screens centre their copy, but a field label reads better against its input */
}
.FormContainer-rootNewDesign-699d4 .auth-field-label {
  text-align: start;
}
.FormContainer-rootNewDesign-699d4 {
  /* the status message row rendered under an auth field, shared by every new design form */
}
.FormContainer-rootNewDesign-699d4 .auth-field-message {
  display: flex;
  align-items: center;
  gap: var(--spacings-s4);
  min-height: 16px;
  /* reads against the field like its label, not centred with the rest of the copy */
  text-align: start;
}
.FormContainer-rootNewDesign-699d4 .auth-field-message-icon {
  flex-shrink: 0;
}
.FormContainer-rootNewDesign-699d4 .auth-field-message-icon > path:not([fill]) {
  fill: var(--error-colors-base-default);
}
@layer ds-reset, ds-foundation, ds-subatoms, ds-atoms, ds-molecules, ds-organisms, ds-templates, ds-landing;
@layer ds-atoms{
html.scroll-frozen {
  height: 100%;
  overflow: hidden;
}

.overlay {
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  z-index: var(--overlay-z-index);
  background-color: var(--background-colors-transparent);
}
@media (pointer: fine) {
  .overlay::-webkit-scrollbar {
    width: 4px;
  }
  .overlay::-webkit-scrollbar-track {
    border-radius: var(--corner-radius-r4);
    background-color: transparent;
  }
  .overlay::-webkit-scrollbar-thumb {
    border-radius: var(--corner-radius-r4);
    background-color: var(--background-colors-border);
  }
  .overlay::-webkit-scrollbar-corner {
    background: transparent;
  }
}
@supports (-moz-appearance: none) {
  .overlay {
    scrollbar-color: var(--background-colors-border) transparent;
    scrollbar-width: thin;
  }
}
@media (pointer: coarse) {
  .overlay::-webkit-scrollbar {
    display: none;
  }
}
.overlay--hide-scrollbars {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.overlay--hide-scrollbars::-webkit-scrollbar {
  display: none;
}
.overlay--global {
  position: fixed;
}
.overlay--local {
  position: absolute;
}
.overlay__table {
  display: table;
  table-layout: fixed;
  width: 100%;
  min-height: 100%;
}
.overlay__row {
  display: table-row;
}
.overlay__cell {
  display: table-cell;
}
.overlay__cell--v-top {
  vertical-align: top;
}
.overlay__cell--v-middle {
  vertical-align: middle;
}
.overlay__cell--v-bottom {
  vertical-align: bottom;
}
.overlay__cell--h-left {
  text-align: left;
}
.overlay__cell--h-center {
  text-align: center;
}
.overlay__cell--h-right {
  text-align: right;
}
.overlay__content {
  display: inline-block;
  max-width: 100%;
  text-align: initial;
}
.overlay__content--v-top {
  vertical-align: top;
}
.overlay__content--v-middle {
  vertical-align: middle;
}
.overlay__content--v-bottom {
  vertical-align: bottom;
}
.overlay__content--full-width {
  width: 100%;
}
.overlay__content--fit-width {
  width: fit-content;
  margin: auto;
}}

#credential_picker_container {
  top: 100px !important;
}

input::-ms-reveal,
input::-ms-clear {
  display: none;
}
@layer ds-reset, ds-foundation, ds-subatoms, ds-atoms, ds-molecules, ds-organisms, ds-templates, ds-landing;
@layer ds-molecules{
.segments {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: var(--seg-cols, repeat(1, 1fr));
  list-style-type: none;
  border-radius: var(--corner-radius-r12);
  background-color: var(--background-colors-base);
}
.segments--large {
  column-gap: var(--spacings-s4);
  padding: var(--spacings-s4);
}
.segments--large.segments--bordered {
  padding: calc(var(--spacings-s4) - 1px);
}
.segments--small {
  column-gap: var(--spacings-s4);
  padding: var(--spacings-s2);
}
.segments--small.segments--bordered {
  padding: calc(var(--spacings-s4) - 1px);
}
.segments--bordered {
  border: 1px solid var(--background-colors-border);
}
.segments__item {
  min-width: 0;
}}

@layer ds-reset, ds-foundation, ds-subatoms, ds-atoms, ds-molecules, ds-organisms, ds-templates, ds-landing;
@layer ds-atoms{
.tag {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  justify-content: center;
  gap: var(--spacings-s4);
  border-radius: var(--corner-radius-r16);
  padding: var(--spacings-s0) var(--spacings-s6);
}
.tag--size-large {
  height: 20px;
}
.tag--size-small {
  height: 14px;
}
.tag--size-small .tag__icon {
  width: 10px;
  height: 10px;
}
.tag--low-prio {
  gap: 0;
  padding: 0;
  border-radius: var(--corner-radius-circle);
}
.tag--low-prio.tag--size-large {
  width: 20px;
  min-width: 20px;
}
.tag--low-prio.tag--size-small {
  width: 14px;
  min-width: 14px;
}
.tag--skin-black {
  background-color: var(--absolute-black-colors-base-default);
  color: var(--absolute-black-colors-text-default);
}
.tag--skin-negative {
  background-color: var(--negative-colors-base-default);
  color: var(--negative-colors-text-default);
}
.tag--skin-primary {
  background: linear-gradient(90deg, #C209C1, #F749F6);
  color: var(--primary-colors-text-default);
}
.tag--skin-error {
  background: linear-gradient(90deg, #EE3446, #FF6170);
  color: var(--error-colors-text-default);
}
.tag--skin-info {
  background: linear-gradient(90deg, #22AFEC, #6FD4FF);
  color: var(--information-colors-text-default);
}
.tag--skin-warning {
  background: linear-gradient(90deg, #FF921E, #FF921E);
  color: var(--warning-colors-text-default);
}
.tag--skin-success {
  background: linear-gradient(90deg, #05D08F, #05D08F);
  color: var(--success-colors-text-default);
}
.tag--skin-plus {
  background: var(--gradients-monetization-plus);
  color: var(--monetization-plus-colors-text-default);
}
.tag--skin-pro {
  background: var(--gradients-monetization-pro);
  color: var(--monetization-pro-colors-text-default);
}
.tag--skin-ultra {
  background: var(--gradients-monetization-ultra);
  color: var(--monetization-ultra-colors-text-default);
}
.tag--mode-muted.tag--skin-black {
  background-color: var(--absolute-white-colors-base-default);
  color: var(--absolute-white-colors-text-default);
}
.tag--mode-muted.tag--skin-negative {
  background-color: var(--background-colors-tint-3);
  color: var(--text-colors-base);
}
.tag--mode-muted.tag--skin-primary {
  background: #3C1B3C;
  color: #FF47FF;
}
.tag--mode-muted.tag--skin-error {
  background: #401D20;
  color: #FF5D6D;
}
.tag--mode-muted.tag--skin-info {
  background: #112646;
  color: #7AD7FF;
}
.tag--mode-muted.tag--skin-warning {
  background: #462B00;
  color: #FFB949;
}
.tag--mode-muted.tag--skin-success {
  background: #143329;
  color: #41FFC3;
}
.tag--mode-muted.tag--skin-plus {
  background: #48084F;
  color: #EF5EFF;
}
.tag--mode-muted.tag--skin-pro {
  background: #310A71;
  color: #B78AFF;
}
.tag--mode-muted.tag--skin-ultra {
  background: #004745;
  color: #24C7C2;
}
.tag__text {
  color: inherit;
  font-size: var(--typography-t3-font-size);
  line-height: var(--typography-t3-line-height);
}
.tag__icon {
  width: 12px;
  height: 12px;
}
.tag__icon > path:not([fill]) {
  fill: currentColor;
}}

@layer ds-reset, ds-foundation, ds-subatoms, ds-atoms, ds-molecules, ds-organisms, ds-templates, ds-landing;
@layer ds-atoms{
.switch {
  display: inline-block;
  vertical-align: top;
  align-items: center;
  position: relative;
  width: 34px;
  height: 32px;
  overflow: hidden;
}
.switch::before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 20px;
  border-radius: var(--corner-radius-r24);
  transition: background-color var(--timings-default) var(--easings-ease);
  position: absolute;
  top: 50%;
  left: var(--spacings-s0);
  right: var(--spacings-s0);
  transform: translateY(-50%);
  pointer-events: none;
}
.switch::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: var(--corner-radius-circle);
  background-color: var(--positive-colors-base-default);
  box-shadow: var(--shadows-tint-1);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: transform var(--timings-default) var(--easings-ease);
  pointer-events: none;
}
.switch__control {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: var(--spacings-s0);
  cursor: pointer;
}
.switch__control--disabled {
  cursor: not-allowed;
}
.switch--unchecked::before {
  background-color: var(--background-colors-tint-3);
}
.switch--skin-primary.switch--checked::before {
  background-color: var(--primary-colors-base-default);
}
.switch--skin-premium.switch--checked::before {
  background-color: var(--monetization-ultra-colors-base-default);
}
@media (hover: hover) and (pointer: fine) {
  .switch--unchecked-interaction:hover::before {
    background-color: var(--control-colors-text-action);
  }
}
@media (hover: none) and (pointer: coarse) {
  .switch--unchecked-interaction:active::before {
    background-color: var(--control-colors-text-action);
  }
}
@media (hover: hover) and (pointer: fine) {
  .switch--skin-primary.switch--checked-interaction:hover::before {
    background-color: var(--primary-colors-base-action);
  }
}
@media (hover: none) and (pointer: coarse) {
  .switch--skin-primary.switch--checked-interaction:active::before {
    background-color: var(--primary-colors-base-action);
  }
}
@media (hover: hover) and (pointer: fine) {
  .switch--skin-premium.switch--checked-interaction:hover::before {
    background-color: var(--monetization-ultra-colors-base-action);
  }
}
@media (hover: none) and (pointer: coarse) {
  .switch--skin-premium.switch--checked-interaction:active::before {
    background-color: var(--monetization-ultra-colors-base-action);
  }
}
.switch--disabled {
  opacity: var(--states-disabled);
}

[dir=ltr] .switch::after {
  left: var(--spacings-s2);
}

[dir=rtl] .switch::after {
  right: calc(-1 * var(--spacings-s2));
}

[dir=ltr] .switch--checked::after {
  transform: translateX(calc(100% - var(--spacings-s2))) translateY(-50%);
  left: var(--spacings-s2);
}

[dir=rtl] .switch--checked::after {
  transform: translateX(calc(-100% + var(--spacings-s2))) translateY(-50%);
  right: var(--spacings-s2);
}}

.FrequencySwitch-container-ee988 {
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--spacings-s4);
  display: flex;
}

.FrequencySwitch-toggle-3d3bb {
  border: 1px solid var(--background-colors-border);
  border-radius: var(--corner-radius-r12);
  padding: var(--spacings-s8);
  display: inline-flex;
  align-items: center;
  gap: var(--spacings-s12);
}
@media screen and (max-width: 1365px) {
  .FrequencySwitch-toggle-3d3bb {
    padding: var(--spacings-s4) var(--spacings-s8);
  }
}

.FrequencySwitch-label-fe8be {
  font-weight: 600;
  font-size: var(--typography-t4-font-size);
  color: var(--text-colors-tint-2);
  background: none;
  cursor: pointer;
  padding: 0;
  border: 0;
}

.FrequencySwitch-tag-03c12 {
  white-space: nowrap;
}

.FrequencySwitch-labelActive-feb26 {
  color: var(--text-colors-base);
}
.FrequencyToggle-container-bddfe {
  flex-direction: column;
  text-align: center;
  gap: var(--spacings-s4);
  display: flex;
}

.FrequencyToggle-segments-0f75f {
  grid-template-columns: repeat(2, auto);
  border: 1px solid var(--background-colors-border);
  font-weight: 600;
  font-size: var(--typography-t5-font-size);
}
@media screen and (max-width: 1365px), screen and (max-height: 767px) {
  .FrequencyToggle-segments-0f75f {
    padding: var(--spacings-s2);
  }
}

.FrequencyToggle-segment-60695 {
  border: 1px solid transparent;
  background: none;
  min-width: 138px;
}
@media screen and (max-width: 1365px), screen and (max-height: 767px) {
  .FrequencyToggle-segment-60695 {
    padding-block: var(--spacings-s6);
    padding-inline: var(--spacings-s6);
    height: 32px;
  }
}

.FrequencyToggle-segmentContent-ad534 {
  padding-inline: var(--spacings-s10);
  display: inline-flex;
  align-items: center;
  gap: var(--spacings-s4);
}

.FrequencyToggle-segmentYearly-bd95e {
  position: relative;
}

.FrequencyToggle-tag-73159 {
  top: calc(-1 * var(--spacings-s16));
  position: absolute;
  right: var(--spacings-s4);
}

.FrequencyToggle-active-6be5d {
  background-color: var(--control-colors-button-background-active);
  border: 1px solid var(--control-colors-button-background-active);
}

.Tooltip-root-a29ba {
  --arrow-width: 24px;
  --arrow-height: 24px;
  --arrow-gap: -13px;
  box-shadow: var(--shadows-tint-1);
  background-color: var(--negative-colors-base-default);
  color: var(--negative-colors-text-default);
  border-radius: var(--corner-radius-r4);
  padding: var(--spacings-s2) var(--spacings-s6);
}

.Tooltip-content-a2201 {
  padding: var(--spacings-s4);
}

.Tooltip-indicatorWrapper-4da39 {
  width: var(--arrow-width);
  height: var(--arrow-height);
}
.Tooltip-indicatorWrapper-4da39[data-arrow-wrapper-dir^=top] {
  bottom: var(--arrow-gap);
}
.Tooltip-indicatorWrapper-4da39[data-arrow-wrapper-dir^=right] {
  left: var(--arrow-gap);
}
.Tooltip-indicatorWrapper-4da39[data-arrow-wrapper-dir^=bottom] {
  top: var(--arrow-gap);
}
.Tooltip-indicatorWrapper-4da39[data-arrow-wrapper-dir^=left] {
  right: var(--arrow-gap);
}

.Tooltip-indicator-99840 {
  border-width: 0 5px 0 5px;
  width: var(--arrow-width);
  height: var(--arrow-height);
  pointer-events: none;
}
.Tooltip-indicator-99840 path {
  fill: var(--negative-colors-base-default);
}

.Tooltip-tooltipContainer-f9152 {
  display: flex;
  align-items: center;
}

.TooltipWrapper-wrapper-be582 {
  vertical-align: bottom;
}

@layer ds-reset, ds-foundation, ds-subatoms, ds-atoms, ds-molecules, ds-organisms, ds-templates, ds-landing;
@layer ds-atoms{
.text-field {
  width: 100%;
}
.text-field--large {
  height: 40px;
}
.text-field--small {
  height: 32px;
}
.text-field--relative {
  position: relative;
}
.text-field__control {
  display: block;
  width: 100%;
  height: 100%;
  border-width: 1px;
  border-style: solid;
  border-radius: var(--corner-radius-r8);
  font-family: var(--fonts-gilroy);
  font-weight: 500;
  transition-property: background-color, border-color, color;
  transition-duration: var(--timings-default);
  transition-timing-function: var(--easings-ease);
}
.text-field__control::placeholder {
  font-size: var(--typography-t4-font-size);
  line-height: 1;
  font-family: inherit;
}
.text-field__control::-webkit-outer-spin-button, .text-field__control::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.text-field__control[type=number] {
  -moz-appearance: textfield;
}
.text-field__control--centered {
  text-align: center;
}
.text-field__control--large {
  font-size: var(--typography-t4-font-size);
  line-height: var(--typography-t4-line-height);
  font-weight: 500;
}
.text-field__control--small {
  font-size: var(--typography-t4-font-size);
  line-height: var(--typography-t4-line-height);
  font-weight: 500;
}
.text-field__control--default-padding.text-field__control--large {
  padding: 0 calc(var(--spacings-s10) - 1px);
}
.text-field__control--default-padding.text-field__control--small {
  padding: 0 calc(var(--spacings-s6) - 1px);
}
.text-field__control--placeholder-padding.text-field__control--large {
  padding-inline-start: calc(var(--spacings-s10) + 20px + var(--spacings-s2) + var(--spacings-s2));
}
.text-field__control--placeholder-padding.text-field__control--small {
  padding-inline-start: calc(var(--spacings-s6) + 20px + var(--spacings-s2) + var(--spacings-s2));
}
.text-field__control--button-padding.text-field__control--large {
  padding-inline-end: calc(var(--spacings-s10) + 20px + var(--spacings-s2) + var(--spacings-s2));
}
.text-field__control--button-padding.text-field__control--small {
  padding-inline-end: calc(var(--spacings-s6) + 20px + var(--spacings-s2) + var(--spacings-s2));
}
.text-field__placeholder-icon {
  display: inline-block;
  vertical-align: top;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  pointer-events: none;
}
.text-field__placeholder-icon--large {
  width: 20px;
  height: 20px;
  inset-inline-start: var(--spacings-s10);
}
.text-field__placeholder-icon--small {
  width: 20px;
  height: 20px;
  inset-inline-start: var(--spacings-s6);
}
.text-field__button {
  display: inline-block;
  vertical-align: top;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  cursor: pointer;
}
.text-field__button--large {
  width: 20px;
  height: 20px;
  inset-inline-end: var(--spacings-s10);
}
.text-field__button--small {
  width: 20px;
  height: 20px;
  inset-inline-end: var(--spacings-s6);
}
.text-field--default-skin {
  border-color: var(--control-colors-border-default);
  color: var(--control-colors-value-default);
  background-color: var(--text-field-bg-override, var(--control-colors-field-background-default));
}
@media (hover: hover) and (pointer: fine) {
  .text-field--interactive:hover {
    border-color: var(--control-colors-border-action);
    color: var(--control-colors-value-action);
    background-color: var(--text-field-bg-override, var(--control-colors-field-background-action));
  }
}
@media (hover: none) and (pointer: coarse) {
  .text-field--interactive:active {
    border-color: var(--control-colors-border-action);
    color: var(--control-colors-value-action);
    background-color: var(--text-field-bg-override, var(--control-colors-field-background-action));
  }
}
.text-field--interactive:focus {
  border-color: var(--control-colors-border-active);
  color: var(--control-colors-value-active);
  background-color: var(--text-field-bg-override, var(--control-colors-field-background-active));
}
.text-field--filled {
  color: var(--control-colors-value-active);
  background-color: var(--text-field-bg-override, var(--control-colors-field-background-active));
  border-color: var(--control-colors-border-active);
}
@media (hover: hover) and (pointer: fine) {
  .text-field--filled:hover {
    border-color: var(--control-colors-border-active-action);
    color: var(--control-colors-value-active-action);
    background-color: var(--text-field-bg-override, var(--control-colors-field-background-active-action));
  }
}
@media (hover: none) and (pointer: coarse) {
  .text-field--filled:active {
    border-color: var(--control-colors-border-active-action);
    color: var(--control-colors-value-active-action);
    background-color: var(--text-field-bg-override, var(--control-colors-field-background-active-action));
  }
}
.text-field--error {
  border-color: var(--error-colors-base-default);
}
@media (hover: hover) and (pointer: fine) {
  .text-field--error:hover {
    border-color: var(--error-colors-base-action);
  }
}
@media (hover: none) and (pointer: coarse) {
  .text-field--error:active {
    border-color: var(--error-colors-base-active);
  }
}
.text-field--error-active {
  border-color: var(--error-colors-base-active);
}
@media (hover: hover) and (pointer: fine) {
  .text-field--error-active:hover {
    border-color: var(--error-colors-base-active-action);
  }
}
@media (hover: none) and (pointer: coarse) {
  .text-field--error-active:active {
    border-color: var(--error-colors-base-active-action);
  }
}
.text-field--warning {
  border-color: var(--warning-colors-base-default);
}
@media (hover: hover) and (pointer: fine) {
  .text-field--warning:hover {
    border-color: var(--warning-colors-base-action);
  }
}
@media (hover: none) and (pointer: coarse) {
  .text-field--warning:active {
    border-color: var(--warning-colors-base-action);
  }
}
.text-field--warning-active {
  border-color: var(--warning-colors-base-active);
}
@media (hover: hover) and (pointer: fine) {
  .text-field--warning-active:hover {
    border-color: var(--warning-colors-base-active-action);
  }
}
@media (hover: none) and (pointer: coarse) {
  .text-field--warning-active:active {
    border-color: var(--warning-colors-base-active-action);
  }
}
.text-field--success {
  border-color: var(--success-colors-base-default);
}
@media (hover: hover) and (pointer: fine) {
  .text-field--success:hover {
    border-color: var(--success-colors-base-action);
  }
}
@media (hover: none) and (pointer: coarse) {
  .text-field--success:active {
    border-color: var(--success-colors-base-action);
  }
}
.text-field--success-active {
  border-color: var(--success-colors-base-active);
}
@media (hover: hover) and (pointer: fine) {
  .text-field--success-active:hover {
    border-color: var(--success-colors-base-active-action);
  }
}
@media (hover: none) and (pointer: coarse) {
  .text-field--success-active:active {
    border-color: var(--success-colors-base-active-action);
  }
}
.text-field--disabled {
  opacity: var(--states-disabled);
}
.text-field--disabled-icon {
  opacity: var(--states-disabled);
  cursor: auto;
}
.text-field--without-background {
  --text-field-bg-override: transparent;
}
.text-field--without-borders {
  border-style: none;
}
.text-field__skin-placeholder-icon {
  color: var(--control-colors-start-icon-default);
}
.text-field__skin-placeholder-icon > path {
  fill: currentColor;
}
.text-field__skin-button {
  border: none;
  background: none;
  color: var(--control-colors-end-icon-default);
  transition: color var(--timings-default) var(--easings-ease);
}
@media (hover: hover) and (pointer: fine) {
  .text-field__skin-button:hover {
    color: var(--control-colors-end-icon-action);
  }
}
@media (hover: none) and (pointer: coarse) {
  .text-field__skin-button:active {
    color: var(--control-colors-end-icon-action);
  }
}
.text-field__skin-button-icon {
  display: block;
  width: 100%;
  height: 100%;
}
.text-field__skin-button-icon > path {
  fill: currentColor;
}
@media (hover: hover) and (pointer: fine) {
  .text-field--interactive:hover + .text-field__skin-placeholder-icon {
    color: var(--control-colors-start-icon-action);
  }
}
@media (hover: none) and (pointer: coarse) {
  .text-field--interactive:active + .text-field__skin-placeholder-icon {
    color: var(--control-colors-start-icon-action);
  }
}
.text-field--filled + .text-field__skin-placeholder-icon {
  color: var(--control-colors-start-icon-active);
}
@media (hover: hover) and (pointer: fine) {
  .text-field--filled:hover + .text-field__skin-placeholder-icon {
    color: var(--control-colors-start-icon-active-action);
  }
}
@media (hover: none) and (pointer: coarse) {
  .text-field--filled:active + .text-field__skin-placeholder-icon {
    color: var(--control-colors-start-icon-active-action);
  }
}}

.SeatSelectorV2-container-34850 {
  border: 1px solid var(--background-colors-border);
  border-radius: var(--corner-radius-r12);
  padding: var(--spacings-s4);
  color: var(--text-colors-tint-1);
  align-items: center;
  gap: var(--spacings-s4);
  display: flex;
}

.SeatSelectorV2-button-c9c55.SeatSelectorV2-button-c9c55 {
  height: 24px;
  width: var(--spacings-s32);
  padding: 4px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.SeatSelectorV2-icon-7934e {
  fill: var(--text-colors-tint-1);
}

.SeatSelectorV2-input-c056c.SeatSelectorV2-input-c056c {
  height: 26px;
  width: var(--spacings-s32);
}
.SeatSelectorV2-input-c056c.SeatSelectorV2-input-c056c > input {
  text-align: center;
}

.Select-root-e6afd {
  position: relative;
  width: 100%;
}

.Select-trigger-3882a {
  display: flex;
  align-items: center;
  width: 100%;
  height: 48px;
  padding: var(--spacings-s12) var(--spacings-s12);
  gap: var(--spacings-s8);
  background-color: var(--control-colors-button-background-default);
  color: var(--control-colors-value-default);
  border: 1px solid var(--control-colors-border-default);
  border-radius: var(--corner-radius-r8);
  font-size: var(--typography-t5-font-size);
  line-height: var(--typography-t5-line-height);
  font-weight: 500;
  cursor: pointer;
  text-align: left;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}
.Select-trigger-3882a:hover {
  background-color: var(--control-colors-button-background-action);
}
.Select-trigger-3882a:focus-visible {
  outline: none;
  border-color: var(--control-colors-border-active);
}

.Select-triggerOpen-e0bb3 {
  background-color: var(--control-colors-button-background-active);
}

.Select-startIcon-36dc1 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  fill: var(--control-colors-start-icon-default);
}
.Select-startIcon-36dc1 path {
  fill: var(--control-colors-start-icon-default);
}

.Select-label-71336 {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.Select-endIcon-9d3ff {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  fill: var(--control-colors-end-icon-default);
  transition: transform 0.15s ease;
}
.Select-endIcon-9d3ff path {
  fill: var(--control-colors-end-icon-default);
}

.Select-endIconOpen-89261 {
  transform: rotate(180deg);
}

.Select-menu-3a9a3 {
  position: fixed;
  display: flex;
  flex-direction: column;
  gap: var(--spacings-s4);
  padding: var(--spacings-s8);
  background-color: var(--background-colors-popover);
  border: 1px solid var(--control-colors-border-default);
  border-radius: var(--corner-radius-r8);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  max-height: 320px;
  overflow-y: auto;
}

.Select-item-b8a6b {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 48px;
  padding: var(--spacings-s12) var(--spacings-s12);
  gap: var(--spacings-s8);
  background-color: transparent;
  color: var(--text-colors-base);
  border: none;
  border-radius: var(--corner-radius-r8);
  font-size: var(--typography-t5-font-size);
  line-height: var(--typography-t5-line-height);
  font-weight: 500;
  text-align: left;
  cursor: pointer;
  transition: background-color 0.15s ease;
}
.Select-item-b8a6b:hover {
  background-color: var(--control-colors-button-background-action);
}
.Select-item-b8a6b:focus-visible {
  outline: none;
  background-color: var(--control-colors-button-background-action);
}

.Select-itemActive-0a89c {
  background-color: var(--control-colors-button-background-active);
}
.Select-itemActive-0a89c:hover {
  background-color: var(--control-colors-button-background-active);
}

.Select-itemDisabled-671d6 {
  cursor: not-allowed;
  opacity: 0.4;
}
.Select-itemDisabled-671d6:hover {
  background-color: transparent;
}
.Select-itemDisabled-671d6:focus-visible {
  background-color: transparent;
}

.Select-itemLabel-55864 {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.Select-tickIcon-02136 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  fill: var(--text-colors-base);
}
.Select-tickIcon-02136 path {
  fill: var(--text-colors-base);
}

@layer ds-reset, ds-foundation, ds-subatoms, ds-atoms, ds-molecules, ds-organisms, ds-templates, ds-landing;
@layer ds-atoms{
.slider {
  --track-height: 4px;
  --track-filled-height: calc(var(--track-height) / 2);
  --thumb-size: 16px;
  --thumb-border-width: var(--slider-thumb-border-width, 0);
  --mark-thumb-size: 8px;
  position: relative;
  display: grid;
  align-items: center;
  width: 100%;
  height: calc(var(--thumb-size) + 2 * var(--spacings-s8));
}
.slider--centered::before {
  content: "";
  position: absolute;
  width: var(--mark-thumb-size);
  height: var(--mark-thumb-size);
  border: 1px solid var(--control-colors-border-default);
  background: var(--control-colors-slider-thumb-default);
  border-radius: var(--corner-radius-circle);
  box-sizing: border-box;
  pointer-events: none;
  top: 50%;
  z-index: 1;
}
[dir=ltr] .slider--centered::before {
  left: 50%;
  transform: translate(-50%, -50%);
}
[dir=rtl] .slider--centered::before {
  right: 50%;
  transform: translate(50%, -50%);
}
.slider--disabled {
  pointer-events: none;
  opacity: var(--states-disabled);
}
.slider__content-wrap {
  position: relative;
  height: 100%;
}
.slider__progress {
  display: grid;
  grid-area: 1/1;
  height: var(--track-filled-height);
  margin: var(--spacings-s0);
  margin-inline-end: var(--slider-track-inner-x-gap, var(--thumb-size));
  border-radius: var(--corner-radius-r4);
  pointer-events: none;
  overflow: hidden;
}
.slider__progress--continuous::before {
  content: "";
  grid-area: 1/1;
  background: var(--control-colors-slider-track-default);
  will-change: transform;
}
[dir=ltr] .slider__progress--continuous::before {
  transform: var(--slider-progress-transform-ltr, translateX(-100%));
}
[dir=rtl] .slider__progress--continuous::before {
  transform: var(--slider-progress-transform-rtl, translateX(100%));
}
.slider__progress--centered-grid {
  grid-template-columns: repeat(2, 1fr);
}
.slider__progress-side {
  display: grid;
  overflow: hidden;
}
.slider__progress-side::before {
  background: var(--control-colors-slider-track-default);
  will-change: transform;
}
.slider__progress-side--start::before {
  content: var(--slider-progress-start-content, none);
}
[dir=ltr] .slider__progress-side--start::before {
  transform: var(--slider-progress-start-transform-ltr);
}
[dir=rtl] .slider__progress-side--start::before {
  transform: var(--slider-progress-start-transform-rtl);
}
.slider__progress-side--end::before {
  content: var(--slider-progress-end-content, none);
}
[dir=ltr] .slider__progress-side--end::before {
  transform: var(--slider-progress-end-transform-ltr);
}
[dir=rtl] .slider__progress-side--end::before {
  transform: var(--slider-progress-end-transform-rtl);
}
.slider__marks-wrap {
  display: grid;
  grid-area: 1/1;
  height: var(--mark-thumb-size);
  pointer-events: none;
}
.slider__marks-wrap--centered {
  grid-template-columns: repeat(2, 1fr);
}
.slider__mark-side {
  position: relative;
}
.slider__mark {
  position: absolute;
  width: var(--mark-thumb-size);
  height: var(--mark-thumb-size);
  border: 1px solid var(--control-colors-border-default);
  background: var(--control-colors-slider-thumb-default);
  border-radius: var(--corner-radius-circle);
  box-sizing: border-box;
  pointer-events: none;
}
.slider__mark--continuous {
  top: 50%;
}
[dir=ltr] .slider__mark--continuous {
  left: var(--x);
  transform: translateX(calc(-1 * var(--x))) translateY(-50%);
}
[dir=rtl] .slider__mark--continuous {
  right: var(--x);
  transform: translateX(calc(var(--x))) translateY(-50%);
}
.slider__mark--centered {
  top: var(--spacings-s0);
}
[dir=ltr] .slider__mark--centered {
  left: var(--x);
  transform: translateX(calc(-1 * var(--x)));
}
[dir=rtl] .slider__mark--centered {
  right: var(--x);
  transform: translateX(calc(var(--x)));
}
.slider__mark--disabled {
  background: var(--control-colors-border-default);
}
.slider__wrap {
  display: grid;
  align-items: center;
  width: 100%;
  height: 100%;
}
.slider__wrap::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: var(--spacings-s0);
  right: var(--spacings-s0);
  transform: translateY(-50%);
  background: var(--slider-track-bg, var(--control-colors-border-default));
  height: var(--track-height);
  border-radius: var(--corner-radius-r4);
}
.slider__input {
  position: relative;
  grid-area: 1/1;
  width: 100%;
  height: 100%;
  background: transparent;
  -webkit-appearance: none;
  appearance: none;
  z-index: 1;
}
.slider__input::-webkit-slider-thumb {
  width: var(--thumb-size);
  height: var(--thumb-size);
  box-shadow: 0 0 0 var(--thumb-border-width) var(--control-colors-slider-thumb-default) inset;
  border-radius: var(--corner-radius-circle);
  filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.24));
  -webkit-appearance: none;
  appearance: none;
  transition: box-shadow var(--timings-default);
  cursor: pointer;
  background: var(--slider-thumb-bg, var(--control-colors-slider-thumb-default));
  background-size: var(--slider-thumb-bg-size, auto);
}
[dir=ltr] .slider__input::-webkit-slider-thumb {
  background-position: var(--slider-thumb-bg-position-ltr, 0%);
}
[dir=rtl] .slider__input::-webkit-slider-thumb {
  background-position: var(--slider-thumb-bg-position-rtl, 0%);
}
.slider__input::-webkit-slider-thumb:hover {
  box-shadow: 0 0 0 1px var(--control-colors-border-action) inset;
}
.slider__input:active::-webkit-slider-thumb {
  box-shadow: 0 0 0 2px var(--control-colors-border-active) inset;
}
.slider__input::-moz-range-thumb {
  width: var(--thumb-size);
  height: var(--thumb-size);
  box-shadow: 0 0 0 var(--thumb-border-width) var(--control-colors-slider-thumb-default) inset;
  border-radius: var(--corner-radius-circle);
  filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.24));
  appearance: none;
  transition: box-shadow var(--timings-default);
  cursor: pointer;
  background: var(--slider-thumb-bg, var(--control-colors-slider-thumb-default));
  background-size: var(--slider-thumb-bg-size, auto);
  border: none;
}
[dir=ltr] .slider__input::-moz-range-thumb {
  background-position: var(--slider-thumb-bg-position-ltr, 0%);
}
[dir=rtl] .slider__input::-moz-range-thumb {
  background-position: var(--slider-thumb-bg-position-rtl, 0%);
}
.slider__input:active::-moz-range-thumb {
  box-shadow: 0 0 0 2px var(--control-colors-border-active) inset;
}}

.SubscriptionBenefits-benefitSection-9ee2a {
  margin-bottom: var(--spacings-s24);
  color: var(--text-colors-base);
  width: 100%;
}
.SubscriptionBenefits-benefitSection-9ee2a:not(:first-of-type) {
  margin-top: var(--spacings-s24);
}
.SubscriptionBenefits-benefitSection-9ee2a:last-of-type ~ .SubscriptionBenefits-divider-f291a {
  display: none;
}

.SubscriptionBenefits-divider-f291a {
  --subscription-benefits-divider: 1;
}

.SubscriptionBenefits-benefitSectionTitle-5eafe {
  font-weight: bold;
  margin-bottom: var(--spacings-s12);
  font-size: var(--typography-t5-font-size);
  align-items: center;
  gap: var(--spacings-s8);
  line-height: 1.5;
  display: flex;
}
.SubscriptionBenefits-benefitSectionTitle-5eafe svg {
  fill: var(--text-colors-base);
}

.SubscriptionBenefits-benefitsList-e4272 {
  padding-left: var(--spacings-s0);
  list-style: none;
}
.SubscriptionBenefits-benefitsList-e4272 > li:not(:last-child) {
  margin-bottom: var(--spacings-s8);
}
.SubscriptionBenefits-benefitsList-e4272 a {
  color: var(--primary-colors-base-default);
  cursor: pointer;
}

.SubscriptionBenefits-benefitsItem-286ba {
  gap: var(--spacings-s8);
  display: flex;
}

.SubscriptionBenefits-benefitsText-eed99 {
  margin-right: var(--spacings-s8);
}
.SubscriptionBenefits-benefitsText-eed99 a {
  font-weight: bold;
  text-decoration: underline;
  cursor: pointer;
  color: unset;
}

.SubscriptionBenefits-tickIcon-e6e32 {
  flex-shrink: 0;
}

.SubscriptionBenefits-tickIconNeutral-ced73 {
  fill: var(--text-colors-base);
}

.SubscriptionBenefits-tier-max_performance-39d6f {
  fill: var(--monetization-pro-colors-base-default);
}

.SubscriptionBenefits-tier-max_starter-b67b8 {
  fill: var(--monetization-plus-colors-base-default);
}

.SubscriptionBenefits-tier-power-9e29c {
  fill: var(--monetization-ultra-colors-base-default);
}

.SubscriptionBenefits-tier-pro-0cf9e {
  fill: var(--monetization-pro-colors-base-default);
}

.SubscriptionBenefits-tier-plus-83c20 {
  fill: var(--monetization-plus-colors-base-default);
}

.SubscriptionBenefits-tier-free-28827 {
  fill: var(--text-colors-base);
}

.SubscriptionBenefits-tier-enterprise-b9bcb {
  fill: var(--text-colors-base);
}

.SubscriptionBenefits-infoIcon-6eaa3 {
  fill: var(--text-colors-tint-1);
  height: var(--spacings-s16);
  width: var(--spacings-s16);
  vertical-align: middle;
  display: inline-block;
}

.SubscriptionBenefits-benefitsItemContent-8ad5b > div {
  display: inline-block;
}

.SubscriptionBenefits-tooltip-a0b6a {
  font-weight: 500;
  text-align: center;
  max-width: 188px;
}
@keyframes PricingCard-fadeIn-cf634 {
  0% {
    opacity: 0;
    translate: 0 24px;
  }
  100% {
    opacity: 1;
    translate: 0 0;
  }
}
.PricingCard-card-a370c {
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  border: 1px solid var(--background-colors-tint-3);
  border-radius: var(--corner-radius-r16);
  position: relative;
  color: var(--text-colors-base);
  display: flex;
  overflow: hidden;
  flex-direction: column;
  flex-shrink: 0;
}
@media (hover: hover) {
  .PricingCard-card-a370c:hover:not(.PricingCard-standalone-baf6c):not(.PricingCard-static-3e007) {
    box-shadow: var(--card-hover-shadow, none);
    transform: translateY(-6px) scale(1.008) !important;
  }
}

.PricingCard-highlighted-afb84 {
  padding: var(--spacings-s2);
  background: var(--card-highlight-background);
  border-color: var(--card-highlight-border-color);
}
.PricingCard-highlighted-afb84 .PricingCard-cardContent-c6827 {
  border-radius: var(--corner-radius-r12);
}
.PricingCard-highlighted-afb84.PricingCard-standalone-baf6c {
  padding: 1px;
}

.PricingCard-tier-max_performance-828c8 {
  --card-highlight-background: var(--monetization-pro-colors-base-default);
  --card-highlight-border-color: var(--monetization-pro-colors-base-default);
}

.PricingCard-tier-max_starter-934fa {
  --card-highlight-background: var(--monetization-plus-colors-base-default);
  --card-highlight-border-color: var(--monetization-plus-colors-base-default);
}

.PricingCard-tier-power-4bf93 {
  --card-highlight-background: var(--monetization-ultra-colors-base-default);
  --card-highlight-border-color: var(--monetization-ultra-colors-base-default);
}

.PricingCard-tier-pro-c52c6 {
  --card-highlight-background: var(--monetization-pro-colors-base-default);
  --card-highlight-border-color: var(--monetization-pro-colors-base-default);
}

.PricingCard-tier-plus-a635d {
  --card-highlight-background: var(--monetization-plus-colors-base-default);
  --card-highlight-border-color: var(--monetization-plus-colors-base-default);
}

.PricingCard-tier-free-0c51f {
  --card-highlight-background: var(--text-colors-base);
  --card-highlight-border-color: var(--text-colors-base);
}

.PricingCard-tier-enterprise-e1c24 {
  --card-highlight-background: var(--text-colors-base);
  --card-highlight-border-color: var(--text-colors-base);
}

.PricingCard-tier-pro-c52c6 {
  --card-hover-shadow: 0 4px 8px rgba(90, 0, 238, 0.43);
}

.PricingCard-tier-plus-a635d {
  --card-hover-shadow: 0 4px 8px rgba(194, 9, 193, 0.43);
}

.PricingCard-tier-power-4bf93 {
  --card-hover-shadow: 0 4px 8px rgba(21, 131, 128, 0.43);
}

.PricingCard-tier-enterprise-e1c24 {
  --card-hover-shadow: 0 4px 8px rgba(179, 179, 179, 0.43);
}

.PricingCard-tier-power-4bf93 {
  --card-highlight-background: linear-gradient(90deg, #24c7c2 0%, #009994 100%);
  --card-highlight-border-color: transparent;
}

.PricingCard-tier-free-0c51f {
  background-color: var(--background-colors-tint-1);
}

.PricingCard-neutralHoverShadow-0eafd {
  --card-hover-shadow: 0 4px 8px rgba(179, 179, 179, 0.43);
}

.PricingCard-animated-6bf5e {
  animation: PricingCard-fadeIn-cf634 400ms ease backwards;
}

.PricingCard-cardContent-c6827 {
  background-color: var(--background-colors-base);
  padding: var(--spacings-s24);
  flex-direction: column;
  display: flex;
  flex-grow: 1;
}
@media screen and (max-width: 767px) {
  .PricingCard-cardContent-c6827 {
    padding: var(--spacings-s16);
  }
}

.PricingCard-disabled-596ad {
  opacity: 0.32;
  pointer-events: none;
}
.SavingText-savingText-c1d0c {
  color: var(--primary-colors-base-default);
  font-weight: 600;
  background-color: transparent;
  line-height: var(--typography-t5-line-height);
  justify-content: center;
  font-size: var(--typography-t5-font-size);
  display: inline-flex;
  padding: var(--spacings-s12);
  align-items: center;
  gap: var(--spacings-s4);
  height: 48px;
  overflow: hidden;
  transition: height 800ms ease, padding 800ms ease, margin 800ms ease, opacity 800ms ease;
}

.SavingText-skinPro-f8be0 {
  color: var(--monetization-pro-colors-base-default);
}

.SavingText-skinUltra-9fd43 {
  color: var(--monetization-ultra-colors-base-default);
}

.SavingText-skinNegative-59018 {
  color: var(--negative-colors-base-default);
}

.SavingText-savingTextHidden-fbe19 {
  height: 0;
  opacity: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  pointer-events: none;
}

.SavingText-savingTextIcon-e3409 {
  fill: currentcolor;
  flex-shrink: 0;
  height: 24px;
  width: 24px;
}

.SavingText-savingTextContent-c4f2b {
  padding: var(--spacings-s0) var(--spacings-s4);
  text-align: center;
}
@keyframes ActionButton-fadeSwap-204fa {
  0% {
    opacity: 0;
    translate: 0 8px;
  }
  100% {
    opacity: 1;
    translate: 0 0;
  }
}
.ActionButton-swapAnimated-b26fe {
  animation: ActionButton-fadeSwap-204fa 800ms ease backwards;
}

.ActionButton-label-641fe {
  display: inline-block;
}

@keyframes ActionButton-ctaShimmerSweep-766bd {
  0%, 35% {
    transform: translateX(-100%);
  }
  75%, 100% {
    transform: translateX(220%);
  }
}
.ActionButton-shimmer-6cf93 {
  position: relative;
  overflow: hidden;
}
.ActionButton-shimmer-6cf93::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 70%;
  height: 100%;
  pointer-events: none;
  background: linear-gradient(105deg, transparent 0%, transparent 30%, rgba(255, 255, 255, 0.28) 50%, transparent 70%, transparent 100%);
  animation: ActionButton-ctaShimmerSweep-766bd 3s ease-in-out infinite;
  will-change: transform;
}
@media screen and (min-width: 1024px) {
  .ExpandButton-expandButton-d6a9c {
    display: none;
  }
}
.PackageSelector-container-62ff0 {
  margin-top: var(--spacings-s8);
  margin-bottom: var(--spacings-s8);
  width: 100%;
}

.PackageSelector-select-9fb15 {
  width: 100%;
}

.PackageSelector-optionLabel-6e272 {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacings-s8);
  width: 100%;
}

.PackageSelector-badge-98f9f {
  background-color: var(--background-colors-tint-2);
  border: 1px solid var(--text-colors-base);
  font-weight: 600;
  padding: 0 var(--spacings-s8);
  border-radius: 999px;
  display: inline-flex;
  margin-left: auto;
  align-items: center;
  color: var(--text-colors-base);
  font-size: var(--typography-t4-font-size);
  line-height: var(--typography-t4-line-height);
}
.ProrateNote-tooltipWrapper-fa149 {
  vertical-align: bottom;
  display: inline-flex;
  align-items: center;
  height: var(--spacings-s24);
}

.ProrateNote-tooltipIcon-fdfbd {
  height: var(--spacings-s16);
  width: var(--spacings-s16);
}

.ProrateNote-tooltip-c1b0e {
  color: var(--negative-colors-text-default);
  font-weight: 500;
  font-size: var(--typography-t4-font-size);
  word-break: normal;
  text-align: center;
  max-width: 278px;
}
@keyframes Description-fadeSwap-19535 {
  0% {
    opacity: 0;
    translate: 0 8px;
  }
  100% {
    opacity: 1;
    translate: 0 0;
  }
}
.Description-swapAnimated-e7301 {
  animation: Description-fadeSwap-19535 800ms ease backwards;
}
.Credits-credits-8a09a {
  color: var(--text-colors-tint-1);
  font-weight: 600;
  font-size: var(--typography-t5-font-size);
  line-height: var(--typography-t5-line-height);
  align-items: center;
  gap: var(--spacings-s8);
  display: flex;
}

.Credits-creditsIcon-38c35 {
  fill: var(--text-colors-tint-1);
}

.Credits-tooltip-2b27d {
  color: var(--negative-colors-text-default);
  font-weight: 500;
  font-size: var(--typography-t4-font-size);
  word-break: normal;
  text-align: center;
  max-width: 340px;
}

.Credits-tooltipIcon-780d6 {
  fill: var(--text-colors-tint-1);
  margin-left: var(--spacings-s4);
  cursor: pointer;
}

.Credits-tooltipWrapper-31a2d {
  vertical-align: bottom;
  display: inline-block;
  height: var(--spacings-s24);
}
.AddCreditsLine-addCreditsLine-6dce3 {
  color: var(--text-colors-tint-1);
  font-weight: 600;
  font-size: var(--typography-t5-font-size);
  line-height: var(--typography-t5-line-height);
  margin-top: var(--spacings-s12);
  align-items: center;
  gap: var(--spacings-s8);
  display: flex;
}

.AddCreditsLine-addCreditsIcon-25c13 {
  fill: var(--text-colors-tint-1);
}

.AddCreditsLine-tooltip-022af {
  color: var(--negative-colors-text-default);
  font-weight: 500;
  font-size: var(--typography-t4-font-size);
  word-break: normal;
  text-align: center;
  max-width: 340px;
}

.AddCreditsLine-tooltipIcon-b3e57 {
  fill: var(--text-colors-tint-1);
  margin-left: var(--spacings-s4);
  cursor: pointer;
}

.AddCreditsLine-tooltipWrapper-edb69 {
  vertical-align: bottom;
  display: inline-block;
  height: var(--spacings-s24);
}
.ModelGenerations-wrapper-bf595 {
  flex-direction: column;
  gap: var(--spacings-s8);
  display: flex;
}

.ModelGenerations-row-f81f4 {
  font-weight: 500;
  font-size: var(--typography-t4-font-size);
  color: var(--text-colors-tint-1);
  gap: var(--spacings-s8);
  display: flex;
  line-height: 1.5;
}
.ModelGenerations-row-f81f4 > span:first-child {
  white-space: nowrap;
}

.ModelGenerations-countSkeleton-33273 {
  align-self: center;
}
.CreditsVolume-root-4c1e6 {
  justify-content: space-between;
  align-items: center;
  display: flex;
  height: 24px;
  width: 100%;
}

.CreditsVolume-tick-8a3fa {
  transition: height 0.18s ease, background-color 0.18s ease, box-shadow 0.18s ease;
  background-color: var(--background-colors-tint-3);
  border-radius: 100px;
  flex-shrink: 0;
  width: 6px;
}
@media screen and (max-width: 766px) {
  .CreditsVolume-tick-8a3fa {
    width: 4px;
  }
}

.CreditsVolume-tickFilled-c1a7a {
  color: var(--text-colors-base);
  background-color: currentColor;
}

.CreditsVolume-tickFilledPower-3b0ac {
  color: var(--monetization-ultra-colors-base-default);
}

.CreditsVolume-tickPeak-7e0bb {
  box-shadow: 0 0 4px 0 currentColor;
}
.CreditsLine-creditsLine-ffaac {
  color: var(--text-colors-tint-1);
  font-weight: 600;
  font-size: var(--typography-t5-font-size);
  line-height: var(--typography-t5-line-height);
  margin-top: var(--spacings-s12);
  align-items: center;
  gap: var(--spacings-s12);
  display: flex;
}

.CreditsLine-creditsIcon-701c6 {
  fill: var(--text-colors-base);
  flex-shrink: 0;
}

.CreditsLine-creditsIconLarge-bf06f {
  width: 32px;
  height: 32px;
}

.CreditsLine-creditsValue-4c87b {
  color: var(--text-colors-base);
}

.CreditsLine-creditsValueLarge-17fee {
  font-size: var(--typography-t8-font-size);
  line-height: var(--typography-t8-line-height);
}

.CreditsLine-creditsSuffix-c95b9 {
  color: var(--text-colors-tint-1);
  margin-left: 0.25em;
}

.CreditsLine-odometer-df319 {
  display: inline-flex;
  align-items: baseline;
  font-variant-numeric: tabular-nums;
  line-height: var(--typography-t5-line-height);
}

.CreditsLine-odometerSlot-f0e82 {
  display: inline-block;
  height: 1.3em;
  overflow: hidden;
  vertical-align: bottom;
  line-height: 1.3em;
}

.CreditsLine-odometerReel-7d989 {
  display: flex;
  flex-direction: column;
  transition: transform 0.7s cubic-bezier(0.34, 1.2, 0.4, 1);
  will-change: transform;
}

.CreditsLine-odometerDigit-aa494 {
  height: 1.3em;
  line-height: 1.3em;
  display: block;
}

.CreditsLine-odometerComma-225ce {
  display: inline-block;
  line-height: 1.3em;
}
@keyframes CreditsBox-fadeSwap-44aa5 {
  0% {
    opacity: 0;
    translate: 0 8px;
  }
  100% {
    opacity: 1;
    translate: 0 0;
  }
}
.CreditsBox-swapAnimated-b463b {
  animation: CreditsBox-fadeSwap-44aa5 800ms ease backwards;
}

.CreditsBox-box-0d7e4 {
  border: 1px solid var(--control-colors-border-default);
  border-radius: var(--corner-radius-r12);
  padding: var(--spacings-s16);
  flex-direction: column;
  gap: var(--spacings-s12);
  display: flex;
}

.CreditsBox-header-8529c {
  align-items: center;
  display: flex;
}
.CreditsBox-header-8529c > div:first-child {
  margin-top: var(--spacings-s0);
}

.CreditsBox-benefitsSwap-b1f5e:empty {
  display: none;
}

.CreditsBox-selectorSlot-a061e {
  flex-direction: column;
  min-height: 0;
  display: flex;
}
@media screen and (min-width: 1024px) {
  .CreditsBox-selectorSlot-a061e {
    min-height: 56px;
  }
}

.CreditsBox-enterpriseBenefits-5c131 {
  min-height: 110px;
  flex-direction: column;
  padding-left: var(--spacings-s0);
  margin: var(--spacings-s0);
  gap: var(--spacings-s8);
  list-style: none;
  display: flex;
}

.CreditsBox-enterpriseBenefitsInline-3e76b {
  min-height: 0;
}

.CreditsBox-enterpriseBenefit-78b25 {
  font-weight: 500;
  font-size: var(--typography-t4-font-size);
  color: var(--text-colors-tint-1);
  align-items: center;
  gap: var(--spacings-s8);
  display: flex;
  line-height: 1.5;
}

.CreditsBox-tickIcon-1d52f {
  fill: var(--text-colors-tint-1);
  height: 21px;
  width: auto;
  flex-shrink: 0;
}

.CreditsBox-tooltipIcon-aeacb {
  fill: var(--text-colors-tint-1);
  margin-left: var(--spacings-s4);
  cursor: pointer;
  height: var(--spacings-s16);
  width: var(--spacings-s16);
}

.CreditsBox-tooltipWrapper-8ca2b {
  vertical-align: bottom;
  display: inline-flex;
  align-items: center;
  height: var(--spacings-s24);
}

.CreditsBox-tooltip-31ff7 {
  color: var(--negative-colors-text-default);
  font-weight: 500;
  font-size: var(--typography-t4-font-size);
  word-break: normal;
  text-align: center;
  max-width: 340px;
}
@keyframes CreditSlider-thumbHaloAnim-00369 {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  18% {
    opacity: 0.95;
    transform: scale(1.5);
  }
  100% {
    opacity: 0;
    transform: scale(2.8);
  }
}
@keyframes CreditSlider-thumbRippleAnim-6740e {
  0% {
    opacity: 0.9;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(3);
  }
}
.CreditSlider-container-acde4 {
  width: 100%;
}

.CreditSlider-readOnly-1021e {
  pointer-events: none;
}

.CreditSlider-sliderWrap-96a95 {
  position: relative;
  width: 100%;
}

.CreditSlider-slider-c8072.CreditSlider-slider-c8072 {
  width: 100%;
  --slider-thumb-bg: var(--control-colors-text-active);
}
.CreditSlider-slider-c8072.CreditSlider-slider-c8072 .slider__mark {
  background: var(--control-colors-text-active);
}

.CreditSlider-fillGlow-d4524 {
  position: absolute;
  top: 50%;
  left: 0;
  height: 4px;
  pointer-events: none;
  border-radius: 2px;
  transform: translateY(-50%);
  transition: width 500ms cubic-bezier(0.3, 0, 0.2, 1), background 500ms cubic-bezier(0.3, 0, 0.2, 1), box-shadow 500ms cubic-bezier(0.3, 0, 0.2, 1);
  z-index: 3;
}

.CreditSlider-thumbOverlay-4de0e {
  position: absolute;
  top: 50%;
  width: 16px;
  height: 16px;
  pointer-events: none;
  transform: translate(-50%, -50%);
  transition: left 500ms cubic-bezier(0.3, 0, 0.2, 1);
  z-index: 2;
}

.CreditSlider-thumbHalo-f8416 {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: radial-gradient(circle, color-mix(in srgb, var(--control-colors-text-active) 55%, transparent) 0%, transparent 70%);
  pointer-events: none;
  animation: CreditSlider-thumbHaloAnim-00369 600ms cubic-bezier(0.25, 0.6, 0.3, 1) forwards;
  transform-origin: center;
}

.CreditSlider-thumbRipple-c34db {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 1.5px solid color-mix(in srgb, var(--control-colors-text-active) 70%, transparent);
  pointer-events: none;
  animation: CreditSlider-thumbRippleAnim-6740e 600ms cubic-bezier(0.2, 0.7, 0.3, 1) forwards;
  transform-origin: center;
}

.CreditSlider-labelsRow-ab631 {
  position: relative;
  width: 100%;
  height: var(--typography-t5-line-height);
}

.CreditSlider-label-88529 {
  position: absolute;
  top: 0;
  appearance: none;
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
  color: var(--text-colors-tint-1);
  font-weight: 600;
  font-size: var(--typography-t3-font-size);
  line-height: var(--typography-t3-line-height);
  transition: color 0.3s ease;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.CreditSlider-labelActive-53382 {
  color: var(--text-colors-base);
}

.CreditSlider-labelFirst-326db {
  text-align: left;
}

.CreditSlider-labelLast-5f281 {
  text-align: right;
}

.CreditSlider-labelCurrent-f93e5 {
  cursor: not-allowed;
  opacity: 0.5;
}

.CreditSlider-currentNote-53668 {
  display: block;
  color: inherit;
  font-weight: 500;
  font-size: var(--typography-t3-font-size);
  line-height: var(--typography-t3-line-height);
}
.FixedCreditsLine-fixedCreditsLine-2b7e1 {
  font-weight: 500;
  font-size: var(--typography-t4-font-size);
  color: var(--text-colors-tint-1);
  justify-content: flex-start;
  align-items: center;
  gap: var(--spacings-s8);
  display: flex;
  line-height: 1.5;
}

.FixedCreditsLine-tickIcon-1ee65 {
  fill: var(--text-colors-tint-1);
  flex-shrink: 0;
}
.AiModels-modelsTitle-6e149 {
  margin-bottom: var(--spacings-s24);
}

.AiModels-modelsWrapper-2cd9f {
  flex-direction: column;
  flex-wrap: nowrap;
  gap: var(--spacings-s4);
  display: flex;
}
@media screen and (min-width: 375px) {
  .AiModels-modelsWrapper-2cd9f {
    flex-direction: row;
    gap: var(--spacings-s8);
    flex-wrap: wrap;
  }
}

.AiModels-modelChip-d8a2b {
  font-weight: 500;
  border-radius: var(--corner-radius-r4);
  background-color: unset;
  font-size: var(--typography-t5-font-size);
  color: var(--text-colors-base);
  padding: var(--spacings-s4);
  align-items: center;
  gap: var(--spacings-s8);
  display: flex;
  border: none;
}
@media screen and (min-width: 375px) {
  .AiModels-modelChip-d8a2b {
    border: 1px solid var(--background-colors-border);
    background-color: var(--background-colors-tint-1);
  }
}

.AiModels-chipIcon-51b0d {
  fill: var(--chip-icon-color, var(--text-colors-base));
}
.AiModels-chipIcon-51b0d > path {
  fill: var(--chip-icon-color, var(--text-colors-base));
}

.AiModels-tier-max_performance-665ef {
  --chip-icon-color: var(--monetization-pro-colors-base-default);
}

.AiModels-tier-max_starter-25f5b {
  --chip-icon-color: var(--monetization-plus-colors-base-default);
}

.AiModels-tier-power-62be7 {
  --chip-icon-color: var(--monetization-ultra-colors-base-default);
}

.AiModels-tier-pro-e9032 {
  --chip-icon-color: var(--monetization-pro-colors-base-default);
}

.AiModels-tier-plus-b04cc {
  --chip-icon-color: var(--monetization-plus-colors-base-default);
}

.AiModels-tier-free-1b26e {
  --chip-icon-color: var(--text-colors-base);
}

.AiModels-tier-enterprise-3fff9 {
  --chip-icon-color: var(--text-colors-base);
}

.AiModels-accordionToggle-7623c {
  color: var(--control-colors-text-default);
  justify-content: space-between;
  padding: var(--spacings-s0);
}

.AiModels-divider-54e38 {
  width: 100%;
  margin: var(--spacings-s16) var(--spacings-s0);
  background-color: var(--control-colors-border-default);
  height: 1px;
}

.AiModels-accordionContent-0158b {
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.3s ease-in-out;
  display: grid;
}
.AiModels-accordionContent-0158b.AiModels-expanded-303a1 {
  grid-template-rows: 1fr;
}

.AiModels-accordionInner-37636 {
  overflow: hidden;
  min-height: 0;
}
.ModelAccessSection-root-78fff {
  background-color: var(--background-colors-tint-1);
  border: 1px solid var(--background-colors-border);
  border-radius: var(--corner-radius-r16);
  flex-direction: column;
  padding: var(--spacings-s16);
  gap: var(--spacings-s16);
  display: flex;
}

.ModelAccessSection-rootPower-fc5e1 {
  background-color: var(--monetization-ultra-colors-alpha-10);
}

.ModelAccessSection-header-fb8ef {
  justify-content: space-between;
  align-items: center;
  display: flex;
  gap: var(--spacings-s8);
}

.ModelAccessSection-headerTitle-3728b {
  align-items: center;
  display: flex;
  gap: var(--spacings-s6);
  min-width: 0;
}

.ModelAccessSection-infoIcon-84db9 {
  fill: var(--text-colors-tint-1);
  flex-shrink: 0;
  height: var(--spacings-s16);
  width: var(--spacings-s16);
}

.ModelAccessSection-tooltip-3ef99 {
  font-weight: 500;
  text-align: center;
  max-width: 188px;
}

.ModelAccessSection-models-ff376 {
  flex-direction: column;
  gap: var(--spacings-s12);
  list-style: none;
  display: flex;
  padding: 0;
  margin: 0;
}

.ModelAccessSection-modelRow-7f971 {
  justify-content: space-between;
  align-items: center;
  gap: var(--spacings-s8);
  display: flex;
}

.ModelAccessSection-modelChips-eeaac {
  align-items: center;
  gap: var(--spacings-s12);
  flex-wrap: wrap;
  list-style: none;
  display: flex;
  padding: 0;
  margin: 0;
}

.ModelAccessSection-modelChip-2b8f8 {
  align-items: center;
  gap: var(--spacings-s8);
  display: flex;
}

.ModelAccessSection-chipTag-87d6f {
  background-color: var(--background-colors-tint-3);
  color: var(--text-colors-base);
  white-space: nowrap;
}
.ModelAccessSection-chipTag-87d6f svg {
  fill: var(--text-colors-base);
}

.ModelAccessSection-modelInfo-cb603 {
  align-items: center;
  display: flex;
  gap: var(--spacings-s6);
  min-width: 0;
}

.ModelAccessSection-modelIcon-6120a {
  fill: var(--text-colors-base);
  flex-shrink: 0;
  height: 20px;
  width: 20px;
}
.ModelAccessSection-modelIcon-6120a > path {
  fill: var(--text-colors-base);
}

.ModelAccessSection-modelName-9b816 {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.ModelAccessSection-tag-54092 {
  flex-shrink: 0;
  white-space: nowrap;
}

.ModelAccessSection-valueTag-03cbc {
  background-color: var(--background-colors-tint-3);
  color: var(--text-colors-base);
  flex-shrink: 0;
  white-space: nowrap;
}
.Header-headerImg-4db53 {
  margin: var(--spacings-s0) auto var(--spacings-s16);
  display: block;
  width: auto;
  height: 24px;
}
@media screen and (min-width: 1024px) {
  .Header-headerImg-4db53 {
    height: 18px;
  }
}
@media screen and (min-width: 1281px) {
  .Header-headerImg-4db53 {
    height: 24px;
  }
}

.Header-headerImgEnterprise-8e412 {
  margin-bottom: var(--spacings-s8);
  height: 32px;
}
@media screen and (min-width: 1024px) {
  .Header-headerImgEnterprise-8e412 {
    height: 24px;
  }
}
@media screen and (min-width: 1281px) {
  .Header-headerImgEnterprise-8e412 {
    height: 32px;
  }
}

.Header-header-534fe {
  width: 100%;
  display: flex;
  align-items: center;
  gap: var(--spacings-s8);
}

.Header-title-506b2 {
  color: var(--text-colors-base);
  font-weight: bold;
  line-height: var(--typography-t9-line-height);
  font-size: var(--typography-t9-font-size);
}
@media screen and (min-width: 1281px) {
  .Header-title-506b2 {
    font-size: var(--typography-t9-font-size);
  }
}

.Header-tier-max_performance-46cd8 {
  color: var(--monetization-pro-colors-base-default);
}

.Header-tier-max_starter-b91be {
  color: var(--monetization-plus-colors-base-default);
}

.Header-tier-power-88f5c {
  color: var(--monetization-ultra-colors-base-default);
}

.Header-tier-pro-7fb45 {
  color: var(--monetization-pro-colors-base-default);
}

.Header-tier-plus-2a0ea {
  color: var(--monetization-plus-colors-base-default);
}

.Header-tier-free-9fb2e {
  color: var(--text-colors-base);
}

.Header-tier-enterprise-4adf0 {
  color: var(--text-colors-base);
}

.Header-titleGradient-d92d0 {
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  background-image: linear-gradient(90deg, #24c7c2 0%, #009994 100%);
}

.Header-tag-5a338 {
  flex-shrink: 0;
  white-space: nowrap;
}
@keyframes Price-fadeSwap-1e6ea {
  0% {
    opacity: 0;
    translate: 0 8px;
  }
  100% {
    opacity: 1;
    translate: 0 0;
  }
}
.Price-swapAnimated-43575 {
  animation: Price-fadeSwap-1e6ea 800ms ease backwards;
}

.Price-prices-33f1a {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: var(--spacings-s16);
}
@media screen and (min-width: 1024px) {
  .Price-prices-33f1a {
    min-height: 0;
  }
}
@media screen and (min-width: 1024px) {
  .Price-prices-33f1a.Price-hasChildren-c9e1c {
    min-height: 90px;
  }
}
.Price-prices-33f1a em {
  color: var(--price-accent);
  font-style: inherit;
}

.Price-priceContainer-db8c8 {
  flex-grow: 1;
}

.Price-tier-max_performance-f4b0f {
  --price-accent: var(--monetization-pro-colors-base-default);
}

.Price-tier-max_starter-b2899 {
  --price-accent: var(--monetization-plus-colors-base-default);
}

.Price-tier-power-886b7 {
  --price-accent: var(--monetization-ultra-colors-base-default);
}

.Price-tier-pro-b9f31 {
  --price-accent: var(--monetization-pro-colors-base-default);
}

.Price-tier-plus-c283e {
  --price-accent: var(--monetization-plus-colors-base-default);
}

.Price-tier-free-37b5a {
  --price-accent: var(--text-colors-base);
}

.Price-tier-enterprise-eb7c7 {
  --price-accent: var(--text-colors-base);
}

.Price-pricesGradientEm-51671 em {
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  background-image: linear-gradient(90deg, #24c7c2 0%, #009994 100%);
}

.Price-monthlyPrice-57018 {
  font-size: var(--typography-t10-font-size);
  font-weight: bold;
  line-height: var(--typography-t8-line-height);
  align-items: baseline;
  gap: var(--spacings-s4);
  display: flex;
}
.Price-monthlyPrice-57018 s {
  font-weight: 500;
  font-size: var(--typography-t8-font-size);
  color: var(--text-colors-tint-1);
  line-height: 1;
}

@media screen and (min-width: 1024px) {
  .Price-monthlyPriceEnterprise-3e9da {
    font-size: var(--typography-t9-font-size);
  }
}

.Price-contactSalesPrice-4a646 {
  font-size: var(--typography-t7-font-size);
  font-weight: bold;
  line-height: var(--typography-t8-line-height);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--spacings-s4);
}

.Price-priceFrequency-70be3 {
  font-size: var(--typography-t7-font-size);
  line-height: 24px;
}

.Price-pricingNote-e5ee1 {
  font-weight: 500;
  font-size: var(--typography-t5-font-size);
  color: var(--text-colors-tint-1);
  line-height: 1.5;
  margin-top: auto;
}

.Price-infoBox-2fcea {
  justify-content: space-between;
  font-weight: 500;
  font-size: var(--typography-t5-font-size);
  color: var(--text-colors-tint-1);
  align-items: flex-end;
  gap: var(--spacings-s8);
  display: flex;
  line-height: 1.5;
}
.InlinePricingCard-topSection-e7d58 {
  align-items: center;
  justify-content: space-between;
  gap: var(--spacings-s24);
  display: flex;
}

.InlinePricingCard-leftSide-4adce {
  flex-direction: column;
  gap: var(--spacings-s4);
  display: flex;
  max-width: 400px;
  flex: 1;
}

.InlinePricingCard-rightSide-68a31 {
  flex: 1;
}
.InlinePricingCard-rightSide-68a31 > div {
  margin-bottom: var(--spacings-s0);
  width: 100%;
}

.InlinePricingCard-packageSelectorContainer-02305 {
  flex-direction: column;
  align-items: flex-end;
  gap: var(--spacings-s8);
  display: flex;
  width: 284px;
}

.InlinePricingCard-addCreditsLine-3847d {
  margin-top: var(--spacings-s0);
}

.InlinePricingCard-credits-8dcdb {
  margin-bottom: var(--spacings-s16);
}

.InlinePricingCard-packageSelector-bb9cb {
  width: 100%;
  margin-bottom: var(--spacings-s0);
}

.InlinePricingCard-price-c23fc {
  margin-top: var(--spacings-s8);
}

.InlinePricingCard-actionButton-e75c1 {
  margin-top: var(--spacings-s2);
}

.InlinePricingCard-description-ce235 {
  font-weight: 500;
  font-size: var(--typography-t5-font-size);
  color: var(--text-colors-tint-1);
  line-height: 1.5;
}

.InlinePricingCard-prorateNote-7e0f5 {
  margin-top: var(--spacings-s8);
  font-weight: 500;
  font-size: var(--typography-t4-font-size);
  color: var(--text-colors-tint-1);
  align-items: center;
  gap: var(--spacings-s4);
  display: flex;
  line-height: 1.5;
}
.InlinePricingCard-prorateNote-7e0f5 svg {
  fill: var(--text-colors-tint-1);
}

.InlinePricingCard-divider-68968 {
  margin: var(--spacings-s24) var(--spacings-s0);
  background-color: var(--control-colors-border-default);
  height: 1px;
}

.InlinePricingCard-modelAccessSections-a542e {
  margin-bottom: var(--spacings-s24);
  align-items: stretch;
  gap: var(--spacings-s16);
  display: flex;
}
.InlinePricingCard-modelAccessSections-a542e > * {
  min-width: 0;
}

.InlinePricingCard-trendingModelsBlock-7ffab {
  flex: 3 1 0;
}

.InlinePricingCard-freeAccessBlock-04a55 {
  flex: 2 1 0;
}

.InlinePricingCard-benefitsColumns-ab3a9 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--spacings-s16);
}
@media screen and (min-width: 1024px) {
  .InlinePricingCard-benefitsColumns-ab3a9 {
    gap: var(--spacings-s24);
  }
}
.VerticalPricingCard-card-16ef9 {
  max-width: 536px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.VerticalPricingCard-description-b7f84 {
  font-weight: 500;
  margin-bottom: var(--spacings-s16);
  font-size: var(--typography-t5-font-size);
  color: var(--text-colors-tint-1);
  line-height: 1.5;
}
@media screen and (min-width: 1024px) {
  .VerticalPricingCard-description-b7f84 {
    margin-bottom: var(--spacings-s4);
    min-height: var(--spacings-s48);
  }
}

.VerticalPricingCard-priceSuffix-5b98e {
  align-self: center;
}

.VerticalPricingCard-creditsBox-6e126 {
  margin-bottom: var(--spacings-s24);
}

.VerticalPricingCard-savingText-a466b {
  font-weight: 600;
  font-size: var(--typography-t5-font-size);
  line-height: 1.5;
}

.VerticalPricingCard-savingTextSmall-79c0f {
  padding: var(--spacings-s8);
  height: auto;
  font-size: var(--typography-t3-font-size);
  line-height: var(--typography-t3-line-height);
}

.VerticalPricingCard-prorateNote-e7658 {
  margin-bottom: var(--spacings-s0);
  margin-top: var(--spacings-s16);
  font-weight: 500;
  font-size: var(--typography-t4-font-size);
  color: var(--text-colors-tint-1);
  align-items: center;
  gap: var(--spacings-s4);
  display: flex;
  line-height: 1.5;
}
.VerticalPricingCard-prorateNote-e7658 svg {
  fill: var(--text-colors-tint-1);
}

.VerticalPricingCard-actionButton-8550a {
  margin-bottom: var(--spacings-s16);
}

.VerticalPricingCard-ctaFirstActions-083c4 {
  background-color: var(--background-colors-tint-1);
  border-radius: var(--corner-radius-r20);
  flex-direction: column;
  display: flex;
  gap: var(--spacings-s0);
}
.VerticalPricingCard-ctaFirstActions-083c4:not(:empty) {
  margin-bottom: var(--spacings-s16);
}

.VerticalPricingCard-benefitViewMoreBtn-3687b {
  font-weight: bold;
  text-decoration: underline;
  font-size: var(--typography-t4-font-size);
  color: var(--positive-colors-text-default);
  padding: var(--spacings-s0);
  align-items: center;
  background: none;
  cursor: pointer;
  gap: var(--spacings-s8);
  display: flex;
  line-height: 1.5;
}

.VerticalPricingCard-expandedViewActions-919e3 {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.3s ease-in-out;
}
.VerticalPricingCard-expandedViewActions-919e3.VerticalPricingCard-expanded-a82db {
  grid-template-rows: 1fr;
}

.VerticalPricingCard-expandedViewActionsInner-19a3b {
  min-height: 0;
  overflow: hidden;
}

.VerticalPricingCard-collapsedViewActions-fdb60 {
  display: grid;
  grid-template-rows: 1fr;
  transition: grid-template-rows 0.3s ease-in-out;
}
.VerticalPricingCard-collapsedViewActions-fdb60.VerticalPricingCard-expanded-a82db {
  grid-template-rows: 0fr;
}

.VerticalPricingCard-collapsedViewActionsInner-fe7f7 {
  overflow: hidden;
  min-height: 0;
}

.VerticalPricingCard-collapsedViewActionsContent-bec84 {
  transform: translateY(0);
  transition: transform 0.3s ease-in-out;
  flex-direction: column;
  display: flex;
}
.VerticalPricingCard-collapsedViewActionsContent-bec84.VerticalPricingCard-expanded-a82db {
  transform: translateY(-100%);
}

.VerticalPricingCard-divider-cc972 {
  margin: var(--spacings-s16) var(--spacings-s0);
  background-color: var(--control-colors-border-default);
  height: 1px;
}
.VerticalPricingCard-divider-cc972.VerticalPricingCard-expanded-a82db {
  margin: var(--spacings-s24) var(--spacings-s0);
}

.VerticalPricingCard-modelAccessWrapper-71f51 {
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.3s ease-in-out;
  display: grid;
}
.VerticalPricingCard-modelAccessWrapper-71f51.VerticalPricingCard-expanded-a82db {
  grid-template-rows: 1fr;
}

.VerticalPricingCard-modelAccessWrapperInner-d59c0 {
  overflow: hidden;
  min-height: 0;
}

.VerticalPricingCard-modelAccessSections-eb515 {
  flex-direction: column;
  margin-top: var(--spacings-s16);
  gap: var(--spacings-s12);
  display: flex;
}

.VerticalPricingCard-featuresWrapper-1e5d5 {
  margin-bottom: var(--spacings-s0);
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.3s ease-in-out;
  display: grid;
}
.VerticalPricingCard-featuresWrapper-1e5d5.VerticalPricingCard-expanded-a82db {
  margin-bottom: var(--spacings-s16);
  grid-template-rows: 1fr;
}

.VerticalPricingCard-featuresWrapperInner-8307a {
  overflow: hidden;
  min-height: 0;
}
.MiniPricingCard-description-dc94b {
  font-weight: 500;
  margin-bottom: var(--spacings-s16);
  font-size: var(--typography-t5-font-size);
  color: var(--text-colors-tint-1);
  line-height: 1.5;
}

.MiniPricingCard-card-d9c5e {
  margin-bottom: var(--spacings-s0) !important;
}

.MiniPricingCard-creditsBox-8e200 > div:last-child {
  min-height: var(--spacings-s0);
}

.MiniPricingCard-usage-98327 {
  margin-block: var(--spacings-s16);
}

.MiniPricingCard-usageHeader-c11e5 {
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--spacings-s12);
  display: flex;
  gap: var(--spacings-s8);
}

.MiniPricingCard-usageLabel-48202 {
  font-weight: 600;
  line-height: var(--typography-t4-line-height);
  font-size: var(--typography-t4-font-size);
  color: var(--text-colors-base);
}

.MiniPricingCard-usageValue-99ce5 {
  font-weight: 600;
  line-height: var(--typography-t4-line-height);
  font-size: var(--typography-t4-font-size);
  white-space: nowrap;
}

.MiniPricingCard-tier-max_performance-60b63 {
  color: var(--monetization-pro-colors-base-default);
}

.MiniPricingCard-tier-max_starter-2ced9 {
  color: var(--monetization-plus-colors-base-default);
}

.MiniPricingCard-tier-power-b49a2 {
  color: var(--monetization-ultra-colors-base-default);
}

.MiniPricingCard-tier-pro-cc651 {
  color: var(--monetization-pro-colors-base-default);
}

.MiniPricingCard-tier-plus-bc57c {
  color: var(--monetization-plus-colors-base-default);
}

.MiniPricingCard-tier-free-49f27 {
  color: var(--text-colors-base);
}

.MiniPricingCard-tier-enterprise-be26c {
  color: var(--text-colors-base);
}

.MiniPricingCard-usageProgress-780f9 {
  --progress-status: var(--text-colors-base);
}

.MiniPricingCard-mobileCreditsBox-17184 {
  border: 1px solid var(--control-colors-border-default);
  border-radius: var(--corner-radius-r16);
  margin-bottom: var(--spacings-s24);
  padding: var(--spacings-s12);
  flex-direction: column;
  gap: var(--spacings-s16);
  display: flex;
}

.MiniPricingCard-mobileCreditsLine-6d06a {
  margin-top: var(--spacings-s0);
}

.MiniPricingCard-infoBox-5dca5 {
  display: none;
}

.MiniPricingCard-price-691ed {
  margin-bottom: var(--spacings-s16);
  min-height: auto !important;
}

.MiniPricingCard-actionButton-c33a4 {
  margin-bottom: var(--spacings-s8);
}

.MiniPricingCard-savingText-af746 {
  margin-top: var(--spacings-s0);
}
.PricingCards-container-7e031 {
  padding: var(--spacings-s0) var(--spacings-s24);
}
@media screen and (max-width: 766px) {
  .PricingCards-container-7e031 {
    padding: var(--spacings-s0) var(--spacings-s12);
  }
}

.PricingCards-containerTop-b2e1e {
  justify-content: center;
  margin-bottom: var(--spacings-s32);
  display: flex;
}
@media screen and (max-width: 1365px), screen and (max-height: 767px) {
  .PricingCards-containerTop-b2e1e {
    margin-bottom: var(--spacings-s24);
  }
}

.PricingCards-cardsContainer-5bd1d {
  --card-track: 1fr;
  grid-template-columns: 1fr;
  margin-bottom: var(--spacings-s24);
  justify-content: center;
  flex-direction: column;
  display: grid;
}
.PricingCards-cardsContainer-5bd1d > * {
  border-radius: var(--corner-radius-r16);
}
@media screen and (min-width: 1024px) {
  .PricingCards-cardsContainer-5bd1d {
    grid-template-columns: repeat(var(--cards-count-md), var(--card-track));
    padding-bottom: var(--spacings-s24);
    margin-bottom: var(--spacings-s72);
    flex-direction: row;
    gap: var(--spacings-s16);
  }
}
@media screen and (min-width: 1366px) {
  .PricingCards-cardsContainer-5bd1d {
    grid-template-columns: repeat(var(--cards-count), var(--card-track));
  }
}

.PricingCards-verticalCards-03b4c {
  --card-track: minmax(0, 536px);
}

.PricingCards-fourCards-d67cc {
  grid-template-areas: "power" "free" "pro" "enterprise";
}
@media screen and (min-width: 1024px) {
  .PricingCards-fourCards-d67cc {
    grid-template-areas: "pro power" "free enterprise";
  }
}
@media screen and (min-width: 1366px) {
  .PricingCards-fourCards-d67cc {
    grid-template-areas: "free pro power enterprise";
  }
}

.PricingCards-frequencyToggleSegments-61303 {
  margin: var(--spacings-s12) auto var(--spacings-s0);
}

.PricingCards-highlighted-95eb4 {
  --pricing-cards-highlighted: 1;
}

.PricingCards-firstOnMobile-e5157 {
  order: -1;
}
@media screen and (min-width: 1024px) {
  .PricingCards-firstOnMobile-e5157 {
    order: 0;
  }
}

.PricingCards-card-21143 {
  margin-top: var(--spacings-s0);
  margin-bottom: var(--spacings-s32);
}
@media screen and (min-width: 1024px) {
  .PricingCards-card-21143 {
    margin-bottom: var(--spacings-s0);
    flex-shrink: 1;
    margin-top: var(--spacings-s16);
  }
}

.ModelCompareGroup-group-49ed1 {
  overflow-anchor: none;
}

.ModelCompareGroup-title-68c33 {
  font-weight: bold;
  margin-bottom: var(--spacings-s24);
  line-height: var(--typography-t6-line-height);
  font-size: var(--typography-t6-font-size);
  color: var(--text-colors-base);
}

.ModelCompareGroup-row-c7543 {
  grid-template-columns: 1.15fr repeat(var(--tiers-length), 1fr);
  border-bottom: 1px solid var(--background-colors-border);
  padding: var(--spacings-s12) var(--spacings-s0);
  align-items: center;
  display: grid;
}
@media screen and (max-width: 1023px) {
  .ModelCompareGroup-row-c7543 {
    grid-template-columns: repeat(var(--tiers-length), 1fr);
  }
}

.ModelCompareGroup-modelCell-f56c6 {
  align-items: flex-start;
  gap: var(--spacings-s8);
  display: flex;
  min-width: 0;
}
@media screen and (max-width: 1023px) {
  .ModelCompareGroup-modelCell-f56c6 {
    grid-column: span var(--tiers-length);
    margin-bottom: var(--spacings-s8);
  }
}

.ModelCompareGroup-modelIcon-c5e01 {
  fill: var(--text-colors-base);
  flex-shrink: 0;
  height: 24px;
  width: 24px;
}
.ModelCompareGroup-modelIcon-c5e01 > path {
  fill: var(--text-colors-base);
}

.ModelCompareGroup-modelName-3383f {
  font-weight: 500;
  line-height: var(--typography-t5-line-height);
  font-size: var(--typography-t5-font-size);
  color: var(--text-colors-base);
}

.ModelCompareGroup-modelCost-968a0 {
  font-weight: 500;
  line-height: var(--typography-t4-line-height);
  font-size: var(--typography-t4-font-size);
  color: var(--text-colors-tint-1);
}

.ModelCompareGroup-valueCell-5c474 {
  font-weight: 500;
  line-height: var(--typography-t5-line-height);
  font-size: var(--typography-t5-font-size);
  color: var(--text-colors-base);
  text-align: center;
  padding: var(--spacings-s8);
}

.ModelCompareGroup-expandWrapper-2e314 {
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  display: grid;
}
.ModelCompareGroup-expandWrapper-2e314.ModelCompareGroup-instant-d1472, .ModelCompareGroup-expandWrapper-2e314.ModelCompareGroup-instant-d1472 .ModelCompareGroup-expandWrapperInner-12244 {
  transition: none;
}
.ModelCompareGroup-expandWrapper-2e314.ModelCompareGroup-expanded-08733 {
  grid-template-rows: 1fr;
}
.ModelCompareGroup-expandWrapper-2e314.ModelCompareGroup-expanded-08733 .ModelCompareGroup-row-c7543:last-child {
  border-bottom: none;
}

.ModelCompareGroup-expandWrapperInner-12244 {
  transition: opacity 0.4s ease-in-out 0.1s;
  overflow: hidden;
  min-height: 0;
  opacity: 0;
}
.ModelCompareGroup-expanded-08733 .ModelCompareGroup-expandWrapperInner-12244 {
  transition-delay: 0s;
  opacity: 1;
}

.ModelCompareGroup-seeMoreButton-fa30e {
  margin-top: var(--spacings-s12);
  color: var(--text-colors-tint-1);
}
.ModelCompareGroup-seeMoreButton-fa30e svg {
  fill: var(--text-colors-tint-1);
}
.ModelCompareGroup-seeMoreButton-fa30e:hover {
  color: var(--text-colors-base);
}
.ModelCompareGroup-seeMoreButton-fa30e:hover svg {
  fill: var(--text-colors-base);
}
.FeatureRow-row-9466c {
  line-height: 1.5;
  grid-template-columns: 1.15fr repeat(var(--list-items-length), 1fr);
  font-weight: 500;
  font-size: var(--typography-t5-font-size);
  display: grid;
}
.FeatureRow-row-9466c > * {
  padding-top: var(--spacings-s24);
}
@media screen and (max-width: 1023px) {
  .FeatureRow-row-9466c {
    grid-template-columns: repeat(var(--list-items-length), 1fr);
  }
}

.FeatureRow-titleRow-cae04 {
  line-height: 1.4;
}
.FeatureRow-titleRow-cae04 > * {
  padding-top: var(--spacings-s48);
}

.FeatureRow-subTitleRow-1f667 {
  line-height: 1.4;
}

.FeatureRow-oneLine-601c3 {
  grid-template-columns: 1fr !important;
  padding-right: var(--spacings-s8);
}

.FeatureRow-withSeparator-f8474 {
  position: relative;
}
.FeatureRow-withSeparator-f8474:after {
  background: var(--background-colors-border);
  bottom: calc(-1 * var(--spacings-s12));
  position: absolute;
  left: var(--spacings-s0);
  content: "";
  width: 100%;
  height: 1px;
}
.FeatureRow-withSeparator-f8474 > * {
  padding-top: var(--spacings-s24);
}
.FeatureRow-withSeparator-f8474 > *:not(:first-child) {
  padding-top: var(--spacings-s24);
}

.FeatureRow-titleCol-9438f {
  grid-column: span 1;
}
@media screen and (max-width: 1023px) {
  .FeatureRow-titleCol-9438f {
    grid-column: span var(--list-items-length);
  }
}

.FeatureRow-tooltipIcon-8c69b {
  margin-left: var(--spacings-s4);
  fill: var(--positive-colors-text-default);
  cursor: pointer;
}

.FeatureRow-tooltip-fd6b5 {
  font-weight: 500;
  max-width: 620px;
}

.FeatureRow-titleWrapper-fc670 {
  font-weight: bold;
  font-size: var(--typography-t7-font-size);
  line-height: var(--typography-t7-line-height);
}

.FeatureRow-title-e9b19 {
  display: flex;
  width: 100%;
  box-sizing: border-box;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.FeatureRow-description-cd7fe {
  font-weight: 500;
  font-size: var(--typography-t5-font-size);
  color: var(--text-colors-tint-2);
  line-height: 1.5;
}
.FeatureRow-description-cd7fe a {
  color: var(--primary-colors-base-default);
  cursor: pointer;
}

.FeatureRow-note-91b8b {
  margin-top: var(--spacings-s8);
}

.FeatureRow-dotCol-5a7dd {
  padding: var(--spacings-s24) var(--spacings-s8) var(--spacings-s0);
  justify-content: center;
  align-items: center;
  text-align: center;
  display: flex;
}

.FeatureRow-dot-3d56f {
  border-radius: var(--corner-radius-circle);
  height: var(--spacings-s16);
  width: var(--spacings-s16);
  margin: auto;
}

.FeatureRow-icon-bd2fc {
  fill: var(--text-colors-base);
}
.FeatureRow-icon-bd2fc path {
  fill: var(--text-colors-base);
}

.FeatureRow-free-dd049 {
  background: var(--positive-colors-base-action);
}

.FeatureRow-plus-bf936 {
  background: linear-gradient(225deg, #FABB00 0%, #D0388D 59.29%, #9A1A89 99.81%);
}

.FeatureRow-pro-60291 {
  background: linear-gradient(60.72deg, #0E00AC -11%, #FF34F9 86.67%);
}

.FeatureRow-power-69b0b {
  background: linear-gradient(315deg, #265DAE 14.64%, #22AFB9 51.75%);
}

.FeatureRow-background-faefe {
  background: linear-gradient(90deg, rgb(253, 246, 251) 0%, rgb(254, 252, 248) 100%);
}
@media screen and (max-width: 1023px) {
  .FeatureRow-background-faefe {
    background: none;
  }
}

.FeatureRow-textContainer-407ec {
  justify-content: center;
  flex-wrap: wrap;
  display: flex;
  align-items: center;
  flex-direction: row;
}
@media screen and (max-width: 1023px) {
  .FeatureRow-textContainer-407ec {
    flex-direction: column;
  }
}
.FeatureRow-textContainer-407ec span {
  margin-inline: var(--spacings-s4);
}

.FeatureRow-freeText-e09dc svg {
  fill: currentcolor;
}
.CollapsibleGroup-root-818a1 {
  background-color: var(--background-colors-tint-1);
  border-radius: var(--corner-radius-r12);
  padding: var(--spacings-s12) var(--spacings-s16);
}

.CollapsibleGroup-header-6f5f2 {
  justify-content: space-between;
  background: none;
  align-items: center;
  cursor: pointer;
  text-align: left;
  display: flex;
  border: none;
  width: 100%;
  padding: 0;
  gap: var(--spacings-s12);
}

.CollapsibleGroup-title-a2280 {
  font-weight: bold;
  line-height: var(--typography-t6-line-height);
  font-size: var(--typography-t6-font-size);
  color: var(--text-colors-base);
}

.CollapsibleGroup-chevron-6bcc4 {
  justify-content: center;
  align-items: center;
  display: flex;
  flex-shrink: 0;
}
.CollapsibleGroup-chevron-6bcc4 svg {
  transition: transform 0.3s ease-in-out;
  fill: var(--text-colors-base);
}

.CollapsibleGroup-contentWrapper-6403b {
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.3s ease-in-out;
  display: grid;
}

.CollapsibleGroup-contentWrapperInner-d4cc6 {
  overflow: hidden;
  min-height: 0;
}

.CollapsibleGroup-content-33e02 {
  padding-bottom: var(--spacings-s12);
}
.CollapsibleGroup-content-33e02 > :last-child:after {
  display: none;
}

.CollapsibleGroup-expanded-fa427 .CollapsibleGroup-contentWrapper-6403b {
  grid-template-rows: 1fr;
}
.CollapsibleGroup-expanded-fa427 .CollapsibleGroup-chevron-6bcc4 svg {
  transform: rotate(180deg);
}
.Features-container-f1144 {
  --features-frame-padding: var(--spacings-s12);
  border: 1px solid var(--background-colors-border);
  border-radius: var(--corner-radius-r16);
  padding: var(--features-frame-padding);
  box-sizing: border-box;
  max-width: 1440px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .Features-container-f1144 {
    --features-frame-padding: 0px;
    border: none;
    border-radius: 0;
  }
}

.Features-sectionTitle-35c3e {
  font-weight: 600;
  padding-top: var(--spacings-s24);
  margin-bottom: var(--spacings-s32);
  font-size: var(--typography-t8-font-size);
  color: var(--text-colors-base);
  text-align: center;
  line-height: 1.2;
}

.Features-root-a4bcf {
  --features-inner-padding: var(--spacings-s24);
  padding: 0 var(--features-inner-padding) var(--features-inner-padding);
  display: grid;
}
@media screen and (max-width: 1023px) {
  .Features-root-a4bcf {
    --features-inner-padding: var(--spacings-s12);
  }
}

.Features-headerBackground-7d000 {
  background: linear-gradient(90deg, rgb(253, 246, 251) 0%, rgb(254, 252, 248) 100%);
}
@media screen and (max-width: 767px) {
  .Features-headerBackground-7d000 {
    background: none;
  }
}

.Features-featuresContainer-3f8e4 {
  color: var(--text-colors-base);
  position: relative;
}

.Features-modelGroups-28871 {
  flex-direction: column;
  margin-top: var(--spacings-s24);
  gap: var(--spacings-s32);
  display: flex;
}

.Features-accordionGroups-63881 {
  flex-direction: column;
  margin-top: var(--spacings-s32);
  gap: var(--spacings-s12);
  display: flex;
}

.Features-headerWrapper-cb662 {
  grid-template-columns: 1.15fr repeat(var(--tiers-length), 1fr);
  display: grid;
}
@media screen and (max-width: 1023px) {
  .Features-headerWrapper-cb662 {
    grid-template-columns: repeat(var(--tiers-length), 1fr);
  }
}
.Features-headerWrapper-cb662 > * {
  position: relative;
  padding: var(--spacings-s8);
  z-index: 11;
}
.Features-headerWrapper-cb662 > *:first-child {
  display: block;
}
@media screen and (max-width: 1023px) {
  .Features-headerWrapper-cb662 > * {
    padding: var(--spacings-s24) var(--spacings-s8) var(--spacings-s8);
  }
  .Features-headerWrapper-cb662 > *:first-child {
    display: none;
  }
}

.Features-header-84bd7 {
  background: var(--background-colors-base);
  color: var(--text-colors-base);
  text-align: center;
  position: sticky;
  margin-inline: calc(-1 * (var(--features-inner-padding) + var(--features-frame-padding)));
  padding-inline: calc(var(--features-inner-padding) + var(--features-frame-padding));
  z-index: 1;
  top: calc(0px + env(safe-area-inset-top));
}
.Features-header-84bd7.Features-shadowVisible-4b3e1 {
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
}
[data-testid='bottom-sheet-wrapper'] .Features-header-84bd7 {
  top: 30px;
}

.Features-title-37ca7 {
  font-weight: 600;
  margin-bottom: var(--spacings-s4);
  font-size: var(--typography-t7-font-size);
  line-height: 1.4;
}
@media screen and (max-width: 1023px) {
  .Features-title-37ca7 {
    margin-bottom: var(--spacings-s8);
  }
}

.Features-currentPlan-a5ea6 {
  font-weight: 600;
  justify-content: center;
  font-size: var(--typography-t4-font-size);
  height: var(--spacings-s32);
  align-items: center;
  display: flex;
}
@media screen and (max-width: 767px) {
  .Features-currentPlan-a5ea6 {
    display: none;
  }
}

.Features-price-5a716 {
  font-weight: bold;
  margin-bottom: var(--spacings-s12);
  font-size: var(--typography-t7-font-size);
  line-height: 1.4;
}
@media screen and (max-width: 1023px) {
  .Features-price-5a716 {
    margin-bottom: var(--spacings-s0);
  }
}

.Features-frequency-3339d {
  font-weight: 600;
  font-size: var(--typography-t5-font-size);
  line-height: 1.5;
}

.Features-featuresButton-0b214 {
  display: inline-flex;
  justify-content: center;
  min-width: 152px;
}
@media screen and (max-width: 767px) {
  .Features-featuresButton-0b214 {
    display: none;
  }
}

.Features-genAiRef-248c3 {
  transform: translateY(-140px);
}

.MarqueeSlider-container-0ebf6 {
  display: flex;
  overflow: hidden;
  width: 100%;
  mask-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgb(0, 0, 0) 10%, rgb(0, 0, 0) 90%, rgba(0, 0, 0, 0));
}
@media (hover: hover) {
  .MarqueeSlider-container-0ebf6:hover .MarqueeSlider-track-1916d {
    animation-play-state: paused;
  }
}

.MarqueeSlider-track-1916d {
  padding-right: var(--spacings-s32);
  will-change: transform;
  gap: var(--spacings-s32);
  display: flex;
  flex-shrink: 0;
}

.MarqueeSlider-trackLeft-c4cc0 {
  animation: MarqueeSlider-scrollLeft-497e0 40s linear infinite;
}

.MarqueeSlider-trackRight-b2c74 {
  animation: MarqueeSlider-scrollRight-6374c 40s linear infinite;
}

.MarqueeSlider-item-453ac {
  display: inline-flex;
  white-space: nowrap;
  align-items: center;
  flex-shrink: 0;
}
.MarqueeSlider-item-453ac::after {
  background-color: var(--background-colors-tint-3);
  margin-left: var(--spacings-s32);
  display: inline-block;
  height: var(--spacings-s8);
  width: var(--spacings-s8);
  border-radius: 50%;
  flex-shrink: 0;
  content: "";
}

.MarqueeSlider-chipIcon-d84a1 {
  fill: var(--text-colors-base);
}
.MarqueeSlider-chipIcon-d84a1 > path {
  fill: var(--text-colors-base);
}

@keyframes MarqueeSlider-scrollLeft-497e0 {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes MarqueeSlider-scrollRight-6374c {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}

.AiModelsSlider-container-e7a43 {
  padding-bottom: var(--spacings-s72);
  width: 100%;
}

.AiModelsSlider-item-867c8 {
  display: inline-flex;
  white-space: nowrap;
  align-items: center;
  gap: var(--spacings-s8);
  flex-shrink: 0;
}

.AiModelsSlider-title-71d42 {
  margin-bottom: var(--spacings-s64);
  font-size: var(--typography-t10-font-size);
  line-height: var(--typography-t10-line-height);
}
@media screen and (max-width: 767px) {
  .AiModelsSlider-title-71d42 {
    font-size: var(--typography-t9-font-size);
    line-height: var(--typography-t9-line-height);
  }
}

.AiModelsSlider-sliderContainer-1baf8 {
  flex-direction: column;
  gap: var(--spacings-s24);
  display: flex;
}

.AiModelsSlider-chipIcon-d0e16 {
  fill: var(--text-colors-base);
  height: 28px;
  width: 28px;
}
.AiModelsSlider-chipIcon-d0e16 > path {
  fill: var(--text-colors-base);
}

.ReviewScroller-wrapper-c6245 {
  background: linear-gradient(218deg, rgba(0, 0, 0, 0) -2.84%, #5A00EE 105.79%);
  background-color: var(--negative-colors-base-default);
  padding: 84px var(--spacings-s0);
  width: 100%;
  margin: var(--spacings-s0) auto;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .ReviewScroller-wrapper-c6245 {
    padding: var(--spacings-s48) var(--spacings-s0);
  }
}

.ReviewScroller-topSection-0bd8c {
  max-width: 80%;
  text-align: center;
  margin: 0 auto;
}
.ReviewScroller-topSection-0bd8c h2 {
  color: var(--negative-colors-text-default);
}
.ReviewScroller-topSection-0bd8c h2 i {
  color: var(--rc-review-scroller-title-color, #b995f3);
  font-style: normal;
}

.ReviewScroller-content-4c44f {
  overflow-x: scroll;
  padding-left: var(--spacings-s64);
  margin-top: var(--spacings-s48);
  display: flex;
  gap: var(--spacings-s32);
  -ms-overflow-style: none;
  scrollbar-width: none;
  max-width: 2560px;
  width: 100%;
  margin: var(--spacings-s0) auto;
}
@media screen and (max-width: 768px) {
  .ReviewScroller-content-4c44f {
    gap: var(--spacings-s0);
    padding-left: var(--spacings-s24);
  }
}
.ReviewScroller-content-4c44f::-webkit-scrollbar {
  display: none;
}

@media screen and (max-width: 768px) {
  .ReviewScroller-itemWrapper-e8258 {
    display: flex;
  }
}
.ReviewScroller-itemWrapper-e8258:last-of-type {
  padding-right: var(--spacings-s64);
}
@media screen and (max-width: 768px) {
  .ReviewScroller-itemWrapper-e8258:last-of-type {
    padding-right: var(--spacings-s24);
  }
}

.ReviewScroller-item-b1dfa {
  position: relative;
  width: 430px;
  height: 260px;
  padding: var(--spacings-s32);
  background: var(--background-colors-base);
  border-radius: var(--corner-radius-r20);
  margin-bottom: var(--spacings-s32);
}
@media screen and (max-width: 768px) {
  .ReviewScroller-item-b1dfa {
    height: 368px;
    width: 294px;
    margin-right: var(--spacings-s24);
  }
}
@media screen and (max-width: 520px) {
  .ReviewScroller-item-b1dfa {
    height: 354px;
    width: 294px;
    margin-right: var(--spacings-s24);
  }
}
.ReviewScroller-item-b1dfa strong {
  margin-top: var(--spacings-s10);
  margin-bottom: var(--spacings-s10);
  font-weight: 600;
  font-size: var(--typography-t6-font-size);
  line-height: var(--typography-t6-line-height);
}

.ReviewScroller-largeItem-582d9 {
  height: 368px;
}
@media screen and (max-width: 768px) {
  .ReviewScroller-largeItem-582d9 {
    height: 354px;
  }
}

.ReviewScroller-review-9b95d > svg {
  fill: var(--primary-colors-alpha-80);
}

.ReviewScroller-itemContent-c59f8 {
  font-weight: 500;
  font-size: var(--typography-t5-font-size);
  line-height: var(--typography-t5-line-height);
  overflow-y: scroll;
  height: 96px;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.ReviewScroller-itemContent-c59f8::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 768px) {
  .ReviewScroller-itemContent-c59f8 {
    height: 144px;
  }
}

.ReviewScroller-largeItemContent-02eb7 {
  height: 170px;
}
@media screen and (max-width: 768px) {
  .ReviewScroller-largeItemContent-02eb7 {
    height: 144px;
  }
}

.ReviewScroller-nameSection-0c57c {
  position: absolute;
  bottom: 28px;
  font-weight: 600;
  font-size: var(--typography-t5-font-size);
  line-height: var(--typography-t5-line-height);
}

.ReviewScroller-bgColor-1f6aa {
  background: linear-gradient(270deg, #E395C5 -42.5%, #5A00EE 100%);
  color: var(--negative-colors-text-default);
}
.ReviewScroller-bgColor-1f6aa > div > svg {
  fill: var(--absolute-white-colors-base-default);
  opacity: 0.5;
}

.ReviewScroller-appStoreLink-b04a5 {
  display: none;
  color: var(--negative-colors-text-default);
  font-weight: 600;
  font-size: var(--typography-t4-font-size);
  line-height: var(--typography-t4-line-height);
  text-align: center;
  margin-top: var(--spacings-s24);
}
@media screen and (max-width: 768px) {
  .ReviewScroller-appStoreLink-b04a5 {
    display: block;
  }
}

.ReviewScroller-skeletonTitle-468bb {
  height: 142px;
  max-width: 940px;
  margin: var(--spacings-s0) auto var(--spacings-s56) auto;
}

.ReviewScroller-skeletonItemWrapper-7873f {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--spacings-s24);
}

.ReviewScroller-skeletonItem-0cf44 {
  height: 368px;
  width: 430px;
}
@layer ds-reset, ds-foundation, ds-subatoms, ds-atoms, ds-molecules, ds-organisms, ds-templates, ds-landing;
@layer ds-atoms{
.horizontal-container {
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 1600px) {
  .horizontal-container {
    max-width: 1600px;
    padding: 0 var(--spacings-s24);
  }
}
@media screen and (min-width: 1366px) and (max-width: 1599px) {
  .horizontal-container {
    max-width: 1366px;
    padding: 0 var(--spacings-s24);
  }
}
@media screen and (min-width: 1280px) and (max-width: 1365px) {
  .horizontal-container {
    max-width: 1280px;
    padding: 0 var(--spacings-s24);
  }
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .horizontal-container {
    max-width: 1024px;
    padding: 0 var(--spacings-s24);
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .horizontal-container {
    max-width: 768px;
    padding: 0 var(--spacings-s12);
  }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
  .horizontal-container {
    max-width: 480px;
    padding: 0 var(--spacings-s12);
  }
}
@media screen and (max-width: 479px) {
  .horizontal-container {
    max-width: 100%;
    padding: 0 var(--spacings-s12);
  }
}}

.Title-textWrapper-08e26 {
  display: inline;
}
.Title-textWrapper-08e26 p {
  display: inline;
}

.Title-badge-28dd6 {
  margin-top: var(--spacings-s4);
  margin-left: var(--spacings-s4);
}

.Title-xxExtraLarge-16dad {
  font-size: 100px;
  line-height: 120px;
}
@media screen and (min-width: 1280px) and (max-width: 1365px) {
  .Title-xxExtraLarge-16dad {
    font-size: 100px;
    line-height: 120px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .Title-xxExtraLarge-16dad {
    font-size: 80px;
    line-height: 96px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .Title-xxExtraLarge-16dad {
    font-size: var(--typography-t10-font-size);
    line-height: var(--typography-t10-line-height);
  }
}

.Title-xxLarge-dba15 {
  font-size: 60px;
  line-height: 72px;
}
@media screen and (min-width: 1280px) and (max-width: 1365px) {
  .Title-xxLarge-dba15 {
    font-size: 60px;
    line-height: 72px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .Title-xxLarge-dba15 {
    font-size: 60px;
    line-height: 72px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .Title-xxLarge-dba15 {
    font-size: var(--typography-t9-font-size);
    line-height: var(--typography-t9-line-height);
  }
}

.Title-extraLarge-514b0 {
  font-size: var(--typography-t10-font-size);
  line-height: var(--typography-t10-line-height);
}
@media screen and (min-width: 1280px) and (max-width: 1365px) {
  .Title-extraLarge-514b0 {
    font-size: var(--typography-t10-font-size);
    line-height: var(--typography-t10-line-height);
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .Title-extraLarge-514b0 {
    font-size: var(--typography-t9-font-size);
    line-height: var(--typography-t9-line-height);
  }
}

.Title-semiExtraLarge-c0c46 {
  font-size: var(--typography-t8-font-size);
  line-height: var(--typography-t8-line-height);
}
@media screen and (min-width: 1280px) and (max-width: 1365px) {
  .Title-semiExtraLarge-c0c46 {
    font-size: var(--typography-t8-font-size);
    line-height: var(--typography-t8-line-height);
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .Title-semiExtraLarge-c0c46 {
    font-size: var(--typography-t7-font-size);
    line-height: var(--typography-t7-line-height);
  }
}

.Title-large-cd94f {
  font-size: var(--typography-t7-font-size);
  line-height: var(--typography-t7-line-height);
}
@media screen and (min-width: 1280px) and (max-width: 1365px) {
  .Title-large-cd94f {
    font-size: var(--typography-t7-font-size);
    line-height: var(--typography-t7-line-height);
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .Title-large-cd94f {
    font-size: var(--typography-t7-font-size);
    line-height: var(--typography-t7-line-height);
  }
}

.Title-medium-3e61b {
  font-size: var(--typography-t6-font-size);
  line-height: var(--typography-t6-line-height);
}
@media screen and (min-width: 1280px) and (max-width: 1365px) {
  .Title-medium-3e61b {
    font-size: var(--typography-t6-font-size);
    line-height: var(--typography-t6-line-height);
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .Title-medium-3e61b {
    font-size: var(--typography-t6-font-size);
    line-height: var(--typography-t6-line-height);
  }
}

.Title-small-b0ee0 {
  font-size: var(--typography-t5-font-size);
  line-height: var(--typography-t5-line-height);
}
@media screen and (min-width: 1280px) and (max-width: 1365px) {
  .Title-small-b0ee0 {
    font-size: var(--typography-t5-font-size);
    line-height: var(--typography-t5-line-height);
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .Title-small-b0ee0 {
    font-size: var(--typography-t5-font-size);
    line-height: var(--typography-t5-line-height);
  }
}

.Title-default-54fed {
  font-size: var(--typography-t5-font-size);
  line-height: var(--typography-t5-line-height);
}
@layer ds-reset, ds-foundation, ds-subatoms, ds-atoms, ds-molecules, ds-organisms, ds-templates, ds-landing;
@layer ds-atoms{
.radio {
  display: inline-flex;
  column-gap: var(--spacings-s2);
  padding: var(--spacings-s6) var(--spacings-s0);
  color: var(--text-colors-base);
}
.radio__radio {
  display: inline-block;
  vertical-align: top;
  position: relative;
  flex: none;
  width: 20px;
  height: 20px;
}
.radio__control {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}
.radio__icon {
  display: block;
  width: 100%;
  height: 100%;
  transition: color var(--timings-default) var(--easings-ease);
}
.radio__icon > path:not([fill]) {
  fill: currentColor;
}
.radio__label {
  display: flex;
  align-items: center;
  padding: var(--spacings-s0) var(--spacings-s2);
  font-weight: 600;
  user-select: none;
  font-size: var(--typography-t4-font-size);
  line-height: var(--typography-t4-line-height);
}
.radio--cursor-pointer {
  cursor: pointer;
}
.radio--cursor-not-allowed {
  cursor: not-allowed;
}
.radio--state-default .radio__icon {
  color: var(--control-colors-text-default);
}
@media (hover: hover) and (pointer: fine) {
  .radio--default-interaction:hover .radio__icon {
    color: var(--control-colors-text-action);
  }
}
@media (hover: none) and (pointer: coarse) {
  .radio--default-interaction:active .radio__icon {
    color: var(--control-colors-text-action);
  }
}
.radio--skin-primary.radio--state-active .radio__icon {
  color: var(--primary-colors-base-default);
}
.radio--skin-primary.radio--state-active .radio__icon > path[fill] {
  fill: var(--primary-colors-base-default);
}
@media (hover: hover) and (pointer: fine) {
  .radio--skin-primary.radio--active-interaction:hover .radio__icon {
    color: var(--primary-colors-base-action);
  }
  .radio--skin-primary.radio--active-interaction:hover .radio__icon > path[fill] {
    fill: var(--primary-colors-base-action);
  }
}
@media (hover: none) and (pointer: coarse) {
  .radio--skin-primary.radio--active-interaction:active .radio__icon {
    color: var(--primary-colors-base-action);
  }
  .radio--skin-primary.radio--active-interaction:active .radio__icon > path[fill] {
    fill: var(--primary-colors-base-action);
  }
}
.radio--skin-premium.radio--state-active .radio__icon {
  color: var(--monetization-ultra-colors-base-default);
}
.radio--skin-premium.radio--state-active .radio__icon > path[fill] {
  fill: var(--monetization-ultra-colors-base-default);
}
@media (hover: hover) and (pointer: fine) {
  .radio--skin-premium.radio--active-interaction:hover .radio__icon {
    color: var(--monetization-ultra-colors-base-action);
  }
  .radio--skin-premium.radio--active-interaction:hover .radio__icon > path[fill] {
    fill: var(--monetization-ultra-colors-base-action);
  }
}
@media (hover: none) and (pointer: coarse) {
  .radio--skin-premium.radio--active-interaction:active .radio__icon {
    color: var(--monetization-ultra-colors-base-action);
  }
  .radio--skin-premium.radio--active-interaction:active .radio__icon > path[fill] {
    fill: var(--monetization-ultra-colors-base-action);
  }
}
.radio--state-disabled {
  opacity: var(--states-disabled);
}}

@layer ds-reset, ds-foundation, ds-subatoms, ds-atoms, ds-molecules, ds-organisms, ds-templates, ds-landing;
@layer ds-molecules{
.popup {
  padding: var(--spacings-s24);
  position: relative;
}
@media screen and (max-width: 479px) {
  .popup {
    padding: var(--spacings-s16);
  }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
  .popup {
    padding: var(--spacings-s16);
  }
}
.popup__holder {
  padding: var(--spacings-s24);
  position: relative;
  background-color: var(--background-colors-base);
  box-shadow: var(--shadows-tint-1);
  border-radius: var(--corner-radius-r16);
  border: 1px solid var(--background-colors-tint-3);
}
.popup__content--with-background-effect {
  background: var(--effects-vignette);
}
.popup__close-button {
  --dir-position: calc(-1 * var(--spacings-s16));
  position: absolute;
  inset-block-start: var(--dir-position);
  inset-inline: auto var(--dir-position);
}
.popup__overlay-visible {
  opacity: 1;
  transition: opacity 200ms cubic-bezier(0, 0, 0.2, 1);
}
.popup__overlay-hidden {
  opacity: 0;
  transition: opacity 200ms cubic-bezier(0.4, 0, 1, 1);
}}

.WelcomePopup-root-b2b61 {
  width: 900px;
  max-width: 100%;
  height: 600px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.WelcomePopup-popup-bb4f9 {
  z-index: 100;
}

.WelcomePopup-mobileRoot-6924e {
  position: fixed;
  inset: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacings-s32) var(--spacings-s24);
  background-color: var(--background-colors-base);
  z-index: 1000;
  overflow: hidden;
  touch-action: none;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.WelcomePopup-note-a17c3 a {
  color: var(--primary-colors-base-default);
  font-weight: 600;
  cursor: pointer;
}

.WelcomePopup-closeButton-c39d9 {
  position: absolute;
  z-index: 1000;
  top: var(--spacings-s24);
  right: var(--spacings-s24);
  border: none;
  background-color: transparent;
}
.WelcomePopup-closeButton-c39d9 svg {
  fill: var(--control-colors-text-default);
}

.WelcomePopup-iconContainer-880ce {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  flex-shrink: 0;
  border-radius: 50%;
  border: 2px solid var(--background-colors-tint-3);
}
.WelcomePopup-iconContainer-880ce svg {
  width: 24px;
  height: 24px;
  fill: var(--text-colors-tint-2);
}

.WelcomePopup-content-02b0a {
  width: min(520px, 100%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: var(--spacings-s16);
  height: 100%;
  z-index: 1;
}

.WelcomePopup-button-79d0d {
  width: min(325px, 100%);
}

.WelcomePopup-progressBar-2ddb5 {
  width: min(325px, 100%);
}

.WelcomePopup-emptyDiv-bddf0 {
  flex-grow: 1;
}

.WelcomePopup-confetti-fbe8e {
  position: absolute;
  z-index: 0;
  scale: 2;
  inset: 0;
}
@media (orientation: portrait) {
  .WelcomePopup-confetti-fbe8e {
    scale: 3;
  }
}

.WelcomePopup-popupContent-7b83b > div {
  padding: 0;
}
.WelcomePopup-popupContent-7b83b > div > button {
  z-index: 2;
}

.WelcomePopup-tierLogo-20f99 {
  width: 75%;
  height: auto;
}

.HeaderSubCategories-root-d4a63 {
  position: absolute;
  top: 100%;
  padding-top: var(--spacings-s8);
  z-index: 100;
}

.HeaderSubCategories-dropdown-fb7bb {
  background-color: var(--background-colors-base);
  border: 1px solid var(--background-colors-border);
  border-radius: var(--corner-radius-r12);
  box-shadow: var(--shadows-tint-2);
  display: flex;
  flex-direction: column;
}

.HeaderSubCategories-dropdownWithColumns-5eccd {
  min-width: 858px;
}

.HeaderSubCategories-dropdownLibrary-b543c {
  min-width: 600px;
}

.HeaderSubCategories-dropdownNoImage-ff4d9 {
  min-width: 600px;
}

.HeaderSubCategories-flexRow-6d284 {
  display: flex;
  flex: 1;
}

.HeaderSubCategories-leftColumn-a34ac {
  display: flex;
  flex-direction: column;
  gap: var(--spacings-s4);
  padding: var(--spacings-s24);
  background-color: var(--background-colors-base);
  border-top-left-radius: var(--corner-radius-r12);
  border-bottom-left-radius: var(--corner-radius-r12);
}

.HeaderSubCategories-leftColumnWithBorder-daa21 {
  display: flex;
  flex-direction: column;
  gap: var(--spacings-s4);
  padding: var(--spacings-s24);
  background-color: var(--background-colors-base);
  border-radius: var(--corner-radius-r12);
}

.HeaderSubCategories-leftItem-a71f7 {
  display: flex;
  align-items: center;
  gap: var(--spacings-s8);
  padding: var(--spacings-s10);
  border-radius: var(--corner-radius-r8);
  transition: background-color 0.2s;
  cursor: pointer;
  width: 248px;
  background: none;
  border: none;
  text-align: left;
  text-decoration: none;
}

.HeaderSubCategories-leftItemLabel-105ec {
  flex: 1;
}

.HeaderSubCategories-leftItemIcon-02505 {
  display: inline-flex;
  flex: 0 0 20px;
  height: 20px;
  width: 20px;
}

.HeaderSubCategories-leftItemChevron-4238f {
  color: var(--positive-colors-text-default);
  flex: 0 0 16px;
}

.HeaderSubCategories-leftItemActive-1e656 {
  background-color: var(--primary-colors-alpha-10);
}

.HeaderSubCategories-leftItemInactive-3a587:hover {
  background-color: var(--background-colors-tint-1);
}

.HeaderSubCategories-leftItem-a71f7:focus-visible {
  outline: var(--spacings-s2) solid var(--primary-colors-base-default);
  outline-offset: var(--spacings-s2);
}

.HeaderSubCategories-rightColumnContainer-2511e {
  display: flex;
  flex-direction: column;
  position: relative;
  padding-right: var(--spacings-s12);
  background-color: var(--background-colors-base);
}

.HeaderSubCategories-rightColumnScroll-5eb99 {
  flex: 1;
  min-height: 0;
  margin-top: var(--spacings-s24);
  display: flex;
  flex-direction: column;
  gap: var(--spacings-s4);
  min-width: 258px;
  padding: var(--spacings-s4);
  overflow-y: auto;
}
.HeaderSubCategories-rightColumnScroll-5eb99::-webkit-scrollbar {
  width: 4px;
}
.HeaderSubCategories-rightColumnScroll-5eb99::-webkit-scrollbar-track {
  background: transparent;
}
.HeaderSubCategories-rightColumnScroll-5eb99::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: var(--corner-radius-r4);
}

.HeaderSubCategories-rightColumnScrollWithSeeAll-2a3f4 {
  max-height: 516px;
}

.HeaderSubCategories-rightColumnScrollNoSeeAll-6975d {
  max-height: 536px;
}

.HeaderSubCategories-seeAllLink-0c196 {
  display: flex;
  align-items: center;
  padding: var(--spacings-s2) var(--spacings-s16) var(--spacings-s32);
  color: var(--primary-colors-base-default);
  font-size: var(--typography-t5-font-size);
  line-height: var(--typography-t5-line-height);
  font-weight: 600;
  text-decoration: none;
}
.HeaderSubCategories-seeAllLink-0c196:hover {
  color: var(--primary-colors-base-active-action);
}
.HeaderAgentsDropdown-root-6df15 {
  position: absolute;
  top: 100%;
  padding-top: var(--spacings-s8);
  z-index: 50;
}

.HeaderAgentsDropdown-dropdown-004af {
  display: flex;
  flex-direction: column;
  gap: var(--spacings-s16);
  padding: var(--spacings-s24);
  min-width: 640px;
  background-color: var(--background-colors-base);
  border: 1px solid var(--background-colors-border);
  border-radius: var(--corner-radius-r12);
  box-shadow: var(--shadows-tint-2);
}

.HeaderAgentsDropdown-title-696e1 {
  letter-spacing: 0.08em;
}

.HeaderAgentsDropdown-grid-8ff30 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: var(--spacings-s24);
  row-gap: var(--spacings-s4);
}

.HeaderAgentsDropdown-agentItem-a9d0a {
  display: flex;
  align-items: center;
  gap: var(--spacings-s12);
  padding: var(--spacings-s8);
  border-radius: var(--corner-radius-r12);
  text-decoration: none;
  transition: background-color 0.2s;
}
.HeaderAgentsDropdown-agentItem-a9d0a:hover {
  background-color: var(--background-colors-tint-1);
}

.HeaderAgentsDropdown-avatar-7aa19 {
  display: inline-flex;
  flex-shrink: 0;
  padding: 3px;
  border-radius: 50%;
  border: 2px solid transparent;
}

.HeaderAgentsDropdown-avatarImg-15252 {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}

.HeaderAgentsDropdown-moreCircle-59250 {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px dashed var(--background-colors-border);
}

.HeaderAgentsDropdown-agentText-2234e {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.HeaderAgentsDropdown-cta-9e372 {
  align-self: flex-start;
  margin-top: var(--spacings-s8);
}
.HeaderNavItems-nav-62ddc {
  display: flex;
  gap: 1px;
}
@media screen and (min-width: 1280px) {
  .HeaderNavItems-nav-62ddc {
    gap: 14px;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1365px) {
  .HeaderNavItems-nav-62ddc {
    gap: 0;
  }
}
@media screen and (min-width: 1366px) and (max-width: 1599px) {
  .HeaderNavItems-nav-62ddc {
    gap: 0;
  }
}

.HeaderNavItems-navItemWrapper-505aa {
  position: relative;
}
@media screen and (min-width: 1280px) {
  .HeaderNavItems-navItemWrapper-505aa::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    inset-inline-start: 0;
    inset-inline-end: -14px;
  }
}
.HeaderNavItems-navItemWrapper-505aa::after {
  content: "";
  position: absolute;
  top: 100%;
  inset-inline: 0;
  height: var(--spacings-s8);
}

.HeaderNavItems-navButton-331f1 {
  display: flex;
  align-items: center;
  gap: var(--spacings-s4);
  padding: var(--spacings-s4) var(--spacings-s8);
  white-space: nowrap;
  cursor: pointer;
  border-radius: var(--corner-radius-r8);
  background: none;
  border: none;
  position: relative;
  text-decoration: none;
  transition: background-color 0.2s;
  color: var(--positive-colors-text-default);
}
.HeaderNavItems-navButton-331f1:hover {
  background-color: var(--background-colors-tint-2);
}
.HeaderNavItems-navButton-331f1:focus-visible {
  outline: var(--spacings-s2) solid var(--primary-colors-base-default);
  outline-offset: var(--spacings-s2);
}

.HeaderNavItems-navButtonStandalone-ab4da {
  background-color: var(--background-colors-base);
}

.HeaderNavItems-navButtonWithBadge-e3929 {
  padding-inline: var(--spacings-s16);
}

.HeaderNavItems-navBadge-5d419 {
  align-items: center;
  background-color: var(--positive-colors-text-default);
  border-radius: var(--corner-radius-r8);
  color: var(--background-colors-base);
  display: inline-flex;
  justify-content: center;
  line-height: 1;
  padding: var(--spacings-s2) var(--spacings-s8);
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(15%, -65%);
  white-space: nowrap;
  z-index: 1;
}

.HeaderNavItems-navButtonNegative-1daaa {
  background-color: var(--negative-colors-base-default);
  color: var(--negative-colors-text-default);
}
.HeaderNavItems-navButtonNegative-1daaa .HeaderNavItems-navItemIcon-edde4 {
  fill: var(--negative-colors-text-default);
}
.HeaderNavItems-navButtonNegative-1daaa .HeaderNavItems-navButtonText-b7ea8 {
  color: var(--negative-colors-text-default);
}
.HeaderNavItems-navButtonNegative-1daaa:hover {
  background-color: var(--positive-colors-base-default);
  color: var(--positive-colors-text-default);
}
.HeaderNavItems-navButtonNegative-1daaa:hover .HeaderNavItems-navItemIcon-edde4 {
  fill: var(--positive-colors-text-default);
}
.HeaderNavItems-navButtonNegative-1daaa:hover .HeaderNavItems-navButtonText-b7ea8 {
  color: var(--positive-colors-text-default);
}

.HeaderNavItems-navButtonPositive-b3b2e {
  background-color: var(--positive-colors-base-default);
  color: var(--positive-colors-text-default);
}
.HeaderNavItems-navButtonPositive-b3b2e .HeaderNavItems-navItemIcon-edde4 {
  fill: var(--positive-colors-text-default);
}
.HeaderNavItems-navButtonPositive-b3b2e .HeaderNavItems-navButtonText-b7ea8 {
  color: var(--positive-colors-text-default);
}
.HeaderNavItems-navButtonPositive-b3b2e:hover {
  background-color: var(--negative-colors-base-default);
  color: var(--negative-colors-text-default);
}
.HeaderNavItems-navButtonPositive-b3b2e:hover .HeaderNavItems-navItemIcon-edde4 {
  fill: var(--negative-colors-text-default);
}
.HeaderNavItems-navButtonPositive-b3b2e:hover .HeaderNavItems-navButtonText-b7ea8 {
  color: var(--negative-colors-text-default);
}

.HeaderNavItems-navItemIcon-edde4 {
  fill: var(--text-colors-base);
  height: 16px;
  width: 16px;
}

.HeaderNavItems-chevron-975bc {
  color: var(--positive-colors-text-default);
  fill: currentColor;
  flex-shrink: 0;
  margin-top: var(--spacings-s2);
  stroke: currentColor;
  transition: transform 0.2s ease;
}
@media (prefers-reduced-motion: reduce) {
  .HeaderNavItems-chevron-975bc {
    transition: none;
  }
}

.HeaderNavItems-chevronOpen-25857 {
  transform: rotate(180deg);
}

.HeaderNavItems-overlay-f29e1 {
  position: fixed;
  top: var(--spacings-s72);
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.16);
  z-index: 99;
}
.MobileMenuHeader-root-223be {
  border-bottom: 1px solid var(--background-colors-border);
  margin-bottom: var(--spacings-s24);
}

.MobileMenuHeader-container-1b694 {
  padding-inline: var(--spacings-s24);
  padding-block: var(--spacings-s6);
}

.MobileMenuHeader-inner-6f1f4 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--spacings-s8) var(--spacings-s0);
}

.MobileMenuHeader-leftSection-19948 {
  display: flex;
  align-items: center;
  gap: var(--spacings-s12);
}

.MobileMenuHeader-iconButton-aafca {
  align-items: center;
  background: none;
  border: none;
  color: inherit;
  cursor: pointer;
  display: flex;
  height: var(--spacings-s44);
  justify-content: center;
  padding: var(--spacings-s0);
  width: var(--spacings-s44);
}
.MobileMenuHeader-iconButton-aafca:focus-visible {
  outline: var(--spacings-s2) solid var(--primary-colors-base-default);
  outline-offset: var(--spacings-s2);
}
.DropdownRightColumn-section-e0738 {
  margin-bottom: var(--spacings-s16);
}

.DropdownRightColumn-separator-90857 {
  border-top: 1px solid var(--background-colors-border);
  margin: var(--spacings-s24) var(--spacings-s0);
}

.DropdownRightColumn-subsubCategory-9c2b4 {
  margin-bottom: var(--spacings-s4);
}

.DropdownRightColumn-mobilePadding-3d25b {
  padding-left: var(--spacings-s10);
  padding-right: var(--spacings-s10);
}

.DropdownRightColumn-desktopPadding-c5da9 {
  padding-left: var(--spacings-s12);
  padding-right: var(--spacings-s12);
}

.DropdownRightColumn-itemsContainer-9fce0 {
  display: flex;
  flex-direction: column;
  gap: var(--spacings-s4);
}

.DropdownRightColumn-labelSeeAll-9195e {
  color: var(--primary-colors-base-default);
}

.DropdownRightColumn-itemContent-4ebb9 {
  display: inline-flex;
  align-items: center;
  gap: var(--spacings-s4);
  max-width: 100%;
}

.DropdownRightColumn-modelItem-e844a.inline-button--default {
  background-color: var(--background-colors-base);
}
.DropdownRightColumn-modelItem-e844a.inline-button--default:hover {
  background-color: var(--background-colors-tint-2);
}
.DropdownRightColumn-modelItem-e844a.inline-button--large {
  font-size: var(--typography-t5-font-size);
  line-height: var(--typography-t5-line-height);
}
.DropdownImageCTA-rootDesktop-eacce {
  padding-bottom: var(--spacings-s12);
  border-top-right-radius: var(--corner-radius-r12);
  border-bottom-right-radius: var(--corner-radius-r12);
}
@media screen and (min-width: 1280px) {
  .DropdownImageCTA-rootDesktop-eacce {
    background-color: var(--background-colors-base);
    padding: var(--spacings-s24);
  }
}

.DropdownImageCTA-imageContainer-bc09b {
  border-radius: var(--corner-radius-r12);
  overflow: hidden;
  margin-bottom: var(--spacings-s16);
}

.DropdownImageCTA-image-31dbf {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.DropdownImageCTA-subtitle-364d7 {
  margin-bottom: var(--spacings-s12);
  display: flex;
}

.DropdownImageCTA-description-10925 {
  margin-bottom: var(--spacings-s16);
  display: flex;
}

@media screen and (max-width: 1279px) {
  .DropdownImageCTA-ctaButton-8dbae {
    width: 100%;
  }
}
.MobileHeader-overlay-12be5 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  overscroll-behavior: contain;
  touch-action: none;
}
@media screen and (min-width: 1280px) {
  .MobileHeader-overlay-12be5 {
    display: none;
  }
}

.MobileHeader-inner-65812 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--positive-colors-base-default);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.MobileHeader-content-44391 {
  padding-inline: var(--spacings-s16);
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.MobileHeader-scrollArea-667eb {
  flex: 1;
  overflow-y: auto;
}

.MobileHeader-ctaContainer-9f989 {
  display: flex;
  gap: 16px;
  flex-direction: column;
  margin-top: auto;
  padding-bottom: var(--spacings-s24);
}
.MobileHeader-ctaContainer-9f989 > a, .MobileHeader-ctaContainer-9f989 > button {
  width: 100%;
}
.MobileHeader-ctaContainer-9f989 > div > div > div {
  margin-inline-start: 0;
}

.MobileHeader-separator-c0efd {
  border-bottom: 1px solid var(--background-colors-border);
  margin-bottom: var(--spacings-s24);
}

.MobileHeader-mainNavItems-a3add {
  display: flex;
  flex-direction: column;
  gap: var(--spacings-s4);
}

.MobileHeader-seeAllContainer-60781 {
  padding-block: var(--spacings-s12);
  padding-inline: var(--spacings-s16);
  display: flex;
  justify-content: center;
  align-items: center;
}
.LandingsHeader-header-1d921 {
  z-index: 100;
}

.LandingsHeader-headerStatic-bae99 {
  position: relative;
}

.LandingsHeader-headerSticky-dbce3 {
  position: sticky;
  top: var(--spacings-s0);
}

.LandingsHeader-headerInner-c4ef2 {
  position: relative;
  display: flex;
  align-items: center;
  background-color: var(--background-colors-base);
  z-index: 100;
  height: var(--spacings-s72);
}

.LandingsHeader-headerInnerSticky-12599 {
  background-color: var(--background-colors-base);
}

.LandingsHeader-headerInnerStatic-e77d5 {
  border-radius: var(--corner-radius-r0);
  border-bottom: 1px solid var(--background-colors-border);
}

.LandingsHeader-container-fa83e {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-width: 0;
}

.LandingsHeader-logoLink-bf656 {
  display: flex;
  flex-shrink: 0;
}

.LandingsHeader-logo-d3f03 {
  width: var(--spacings-s72);
  height: auto;
  overflow: visible;
}
@media screen and (max-width: 359px) {
  .LandingsHeader-logo-d3f03 {
    width: var(--spacings-s64);
  }
}
@media screen and (min-width: 1280px) {
  .LandingsHeader-logo-d3f03 {
    width: auto;
  }
}

.LandingsHeader-leftSection-8eb50 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  gap: var(--spacings-s16);
}
@media screen and (min-width: 1280px) {
  .LandingsHeader-leftSection-8eb50 {
    gap: var(--spacings-s40);
  }
}
@media screen and (min-width: 1280px) and (max-width: 1365px) {
  .LandingsHeader-leftSection-8eb50 {
    gap: var(--spacings-s16);
  }
}
@media screen and (min-width: 1366px) and (max-width: 1599px) {
  .LandingsHeader-leftSection-8eb50 {
    gap: var(--spacings-s16);
  }
}

.LandingsHeader-desktopNav-58d21 {
  display: none;
}
@media screen and (min-width: 1280px) {
  .LandingsHeader-desktopNav-58d21 {
    display: block;
    transform: translateY(1px);
  }
}

.LandingsHeader-rightSection-8d3e9 {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: var(--spacings-s12);
  background-color: var(--background-colors-base);
}
@media (min-width: 1280px) {
  .LandingsHeader-rightSection-8d3e9 {
    gap: var(--spacings-s16);
  }
}

.LandingsHeader-menuButton-2cf5f {
  align-items: center;
  background: none;
  border: none;
  color: inherit;
  cursor: pointer;
  display: flex;
  height: var(--spacings-s44);
  justify-content: center;
  padding: var(--spacings-s0);
  width: var(--spacings-s44);
}
.LandingsHeader-menuButton-2cf5f:focus-visible {
  outline: var(--spacings-s2) solid var(--primary-colors-base-default);
  outline-offset: var(--spacings-s2);
}
@media screen and (min-width: 1280px) {
  .LandingsHeader-menuButton-2cf5f {
    display: none;
  }
}

.LandingsHeader-userActionsWrapper-61e3a {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: var(--spacings-s16);
}
@media screen and (max-width: 359px) {
  .LandingsHeader-userActionsWrapper-61e3a {
    gap: var(--spacings-s8);
  }
  .LandingsHeader-userActionsWrapper-61e3a > [data-testid=search-button] {
    display: none;
  }
}
.LandingsHeader-userActionsWrapper-61e3a > div > div > div {
  margin-inline-start: var(--spacings-s0);
}
.AppSmartBanner-root-63409 {
  width: 100%;
  background: var(--primary-colors-base-default);
  padding: var(--spacings-s8) 0;
}

.AppSmartBanner-container-06537 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.AppSmartBanner-centerContainer-2e0d6 {
  display: flex;
  align-items: center;
  gap: var(--spacings-s16);
  justify-content: center;
  flex: 1;
  min-width: 0;
  cursor: pointer;
}
@media (max-width: 768px) {
  .AppSmartBanner-centerContainer-2e0d6 {
    gap: var(--spacings-s16);
  }
}

.AppSmartBanner-bannerText-dbd1f a {
  color: var(--absolute-black-colors-base-default);
  text-decoration: underline;
}

.AppSmartBanner-ctaButton-e5167 {
  flex-shrink: 0;
}

.AppSmartBanner-countdown-6d7b1 {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  gap: var(--spacings-s4);
}

.AppSmartBanner-countdownPlaceholder-3fad5 {
  visibility: hidden;
}

.AppSmartBanner-countdownValue-18957 {
  background: var(--absolute-black-colors-base-default);
  border-radius: var(--spacings-s8);
  color: var(--absolute-white-colors-base-default);
  font-variant-numeric: tabular-nums;
  padding: var(--spacings-s4);
  white-space: nowrap;
}

.AppSmartBanner-countdownSeparator-a3620 {
  color: var(--absolute-black-colors-base-default);
}

.AppSmartBanner-countdownText-4a739 {
  color: var(--absolute-black-colors-base-default);
  white-space: nowrap;
}
@media (max-width: 768px) {
  .AppSmartBanner-countdownText-4a739 {
    display: none;
  }
}

@media (max-width: 360px) {
  .AppSmartBanner-countdown-6d7b1 {
    gap: var(--spacings-s2);
  }
  .AppSmartBanner-countdownValue-18957 {
    padding: var(--spacings-s2);
  }
}
.LanguageSwitcherPopup-content-4af62 {
  display: flex;
  flex-direction: column;
  width: 550px;
  max-width: 100%;
  padding: var(--spacings-s24) var(--spacings-s24) var(--spacings-s16);
  box-sizing: border-box;
}

.LanguageSwitcherPopup-title-75834 {
  margin-bottom: var(--spacings-s16);
}

.LanguageSwitcherPopup-columnsContainer-36355 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--spacings-s4);
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
}
@media (hover: hover) and (pointer: fine) {
  .LanguageSwitcherPopup-columnsContainer-36355::-webkit-scrollbar {
    width: 2px;
  }
  .LanguageSwitcherPopup-columnsContainer-36355::-webkit-scrollbar-track {
    border-radius: var(--corner-radius-r4);
    background-color: transparent;
  }
  .LanguageSwitcherPopup-columnsContainer-36355::-webkit-scrollbar-thumb {
    border-radius: var(--corner-radius-r4);
    background-color: var(--background-colors-border);
  }
  .LanguageSwitcherPopup-columnsContainer-36355::-webkit-scrollbar-corner {
    background: transparent;
  }
}
@supports (-moz-appearance: none) {
  .LanguageSwitcherPopup-columnsContainer-36355 {
    scrollbar-color: var(--background-colors-border) transparent;
    scrollbar-width: thin;
  }
}
@media (hover: none) and (pointer: coarse) {
  .LanguageSwitcherPopup-columnsContainer-36355::-webkit-scrollbar {
    display: none;
  }
}
@media (max-width: 550px) {
  .LanguageSwitcherPopup-columnsContainer-36355 {
    grid-template-columns: 1fr;
  }
}

.LanguageSwitcherPopup-singleColumn-836f0 {
  grid-template-columns: 1fr;
  max-height: none;
}

.LanguageSwitcherPopup-column-bc49c {
  display: flex;
  flex-direction: column;
}

.LanguageSwitcherPopup-langButtonActive-3d23b {
  color: var(--primary-colors-base-active);
}

.LanguageSwitcherPopup-langSpan-cd393 {
  text-align: left;
  width: 100%;
  display: block;
  font-weight: 600;
}

.LanguageSwitcherPopup-footer-28ff8 {
  margin-top: auto;
  padding-top: var(--spacings-s16);
  flex-shrink: 0;
}
@layer ds-reset, ds-foundation, ds-subatoms, ds-atoms, ds-molecules, ds-organisms, ds-templates, ds-landing;
@layer ds-atoms{
.link {
  max-width: 100%;
}
.link--t1 {
  font-size: var(--typography-t1-font-size);
  line-height: var(--typography-t1-line-height);
}
.link--t2 {
  font-size: var(--typography-t2-font-size);
  line-height: var(--typography-t2-line-height);
}
.link--t3 {
  font-size: var(--typography-t3-font-size);
  line-height: var(--typography-t3-line-height);
}
.link--t4 {
  font-size: var(--typography-t4-font-size);
  line-height: var(--typography-t4-line-height);
}
.link--t5 {
  font-size: var(--typography-t5-font-size);
  line-height: var(--typography-t5-line-height);
}
.link--t6 {
  font-size: var(--typography-t6-font-size);
  line-height: var(--typography-t6-line-height);
}
.link--t7 {
  font-size: var(--typography-t7-font-size);
  line-height: var(--typography-t7-line-height);
}
.link--t8 {
  font-size: var(--typography-t8-font-size);
  line-height: var(--typography-t8-line-height);
}
.link--t9 {
  font-size: var(--typography-t9-font-size);
  line-height: var(--typography-t9-line-height);
}
.link--t10 {
  font-size: var(--typography-t10-font-size);
  line-height: var(--typography-t10-line-height);
}
.link--color-primary {
  color: var(--primary-colors-base-default);
}
.link--color-neutral {
  color: var(--neutral-colors-base-default);
}
.link--color-plus {
  color: var(--monetization-plus-colors-base-default);
}
.link--color-pro {
  color: var(--monetization-pro-colors-base-default);
}
.link--color-ultra {
  color: var(--monetization-ultra-colors-base-default);
}
.link--color-success {
  color: var(--success-colors-base-default);
}
.link--color-warning {
  color: var(--warning-colors-base-default);
}
.link--color-error {
  color: var(--error-colors-base-default);
}
.link--color-information {
  color: var(--information-colors-base-default);
}
.link--color-positive {
  color: var(--positive-colors-base-default);
}
.link--color-negative {
  color: var(--negative-colors-base-default);
}
.link--color-black {
  color: var(--absolute-black-colors-base-default);
}
.link--color-white {
  color: var(--absolute-white-colors-base-default);
}
.link--color-tint-1 {
  color: var(--text-colors-tint-1);
}
.link--underline {
  text-decoration: underline;
  text-decoration-color: currentColor;
}
.link--prevent-next-line {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: bottom;
}
.link--multi-line-clamp {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--link-max-row-count);
}}

@layer ds-reset, ds-foundation, ds-subatoms, ds-atoms, ds-molecules, ds-organisms, ds-templates, ds-landing;
@layer ds-subatoms{
.base-link--font-gilroy {
  font-family: var(--fonts-gilroy);
}
.base-link--font-acorn {
  font-family: var(--fonts-acorn);
}
.base-link--weight-normal {
  font-weight: normal;
}
.base-link--weight-medium {
  font-weight: 500;
}
.base-link--weight-semibold {
  font-weight: 600;
}
.base-link--weight-bold {
  font-weight: bold;
}}

#credential_picker_container {
  top: 100px !important;
}

input::-ms-reveal,
input::-ms-clear {
  display: none;
}
.SearchField-root-75fa4 {
  max-width: var(--rc-search-field-width);
  width: 40px;
  min-width: 0;
  overflow: hidden;
}
@media screen and (max-width: 1366px) {
  .SearchField-root-75fa4 {
    max-width: 212px;
    width: 40px;
  }
}
@media screen and (max-width: 1280px) {
  .SearchField-root-75fa4 {
    max-width: 126px;
    width: 40px;
  }
}
@supports not (margin-block-start: 24px) {
  .SearchField-root-75fa4 {
    margin-top: var(--spacings-s12);
    margin-bottom: var(--spacings-s12);
  }
}
.SearchField-root-75fa4 {
  position: relative;
}

@supports (margin-block-start: 24px) {
  .SearchField-noAnimation-65a7c {
    margin-block-start: var(--spacings-s12);
    margin-block-end: var(--spacings-s12);
  }
}

.SearchField-inputVisible-42b11 {
  width: var(--rc-search-field-width);
  overflow: visible;
}
@media screen and (max-width: 1366px) {
  .SearchField-inputVisible-42b11 {
    width: 212px;
  }
}
@media screen and (max-width: 1280px) {
  .SearchField-inputVisible-42b11 {
    width: 126px;
  }
}

.SearchField-searchWrapper-50efe {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-width: 0;
}

.SearchField-searchInput-9703c {
  opacity: 0;
  visibility: hidden;
}

.SearchField-searchInputInputVisible-07df8 {
  opacity: 1;
  transition: width 0.5s ease, opacity 0.5s ease;
  visibility: visible;
}

.SearchField-searchIcon-7c537 {
  cursor: pointer;
  position: absolute;
  z-index: 10;
  right: var(--rc-search-field-icon-right);
  opacity: 0;
  animation: none;
}

.SearchField-searchIconAnimateIn-e107d {
  right: 0;
  opacity: 1;
}

.SearchField-searchIconAnimateOut-06b77 {
  animation: SearchField-slideLeft-96371 0.3s ease-out;
}

.SearchField-searchIconRtl-f3d45 {
  cursor: pointer;
  position: absolute;
  z-index: 10;
  left: 0;
  opacity: 0;
  animation: none;
}

.SearchField-searchIconRtlAnimateIn-240e2 {
  opacity: 1;
}

.SearchField-searchIconRtlAnimateOut-99e95 {
  animation: SearchField-slideLeft-96371 0.3s ease-out;
}

.SearchField-divider-a419a {
  height: 24px;
  width: 1px;
  background-color: var(--control-colors-border-default);
  margin-right: var(--spacings-s12);
}

.SearchField-visualSearchWrapper-1515c {
  transition-property: background-color;
  transition-duration: var(--timings-default);
  transition-timing-function: var(--easings-ease);
  display: flex;
  align-items: center;
  border: 2px solid var(--control-colors-border-default);
  border-radius: var(--corner-radius-r12);
  background-color: var(--control-colors-field-background-default);
  opacity: 0;
  visibility: hidden;
  max-width: var(--rc-search-field-width);
  width: 40px;
}
.SearchField-visualSearchWrapper-1515c:has(input:focus) {
  background-color: var(--control-colors-field-background-active);
}
@media (hover: hover) and (pointer: fine) {
  .SearchField-visualSearchWrapper-1515c:hover {
    background-color: var(--control-colors-field-background-active-action);
  }
}

.SearchField-visualSearchWrapperInputVisible-76a48 {
  opacity: 1;
  visibility: visible;
  width: var(--rc-search-field-width);
}

.SearchField-imageWrapper-4d589 {
  position: relative;
  flex-shrink: 0;
  cursor: pointer;
}

.SearchField-image-9d9ce {
  object-fit: cover;
  width: 40px;
  height: 40px;
  border-radius: var(--corner-radius-r8);
}

.SearchField-imageRemoveIcon-75450 {
  position: absolute;
  inset-block-start: -6px;
  inset-inline-end: -6px;
  width: 16px;
  height: 16px;
  cursor: pointer;
  z-index: 1;
}

.SearchField-imageIcon-0a83f {
  margin-right: var(--spacings-s12);
}

.SearchField-searchByUrl-6d168 {
  left: 0;
  display: flex;
}

.SearchField-inputWrapper-0c310 {
  width: 0;
  display: flex;
  align-items: center;
  position: relative;
}

.SearchField-inputWrapperInputVisible-a6c3c {
  width: 100%;
}

.SearchField-content-56c67 {
  position: absolute;
  top: calc(100% + var(--spacings-s4));
  left: var(--spacings-s0);
  width: 100%;
  max-height: 432px;
  padding: var(--spacings-s0);
  background-color: var(--positive-colors-base-default);
  border: 2px solid var(--control-colors-border-default);
  border-radius: var(--corner-radius-r12);
  overflow-y: auto;
  z-index: 100;
}

.SearchField-contentInputVisible-8ed5f {
  padding: var(--spacings-s12);
}

.SearchField-openStateContent-36ac9 {
  position: absolute;
  top: calc(100% + var(--spacings-s4));
  left: var(--spacings-s0);
  width: 100%;
  height: calc(100vh - 120px);
  padding-bottom: var(--spacings-s12);
  padding-top: var(--spacings-s12);
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 100;
  background-color: var(--positive-colors-base-default);
}

@keyframes SearchField-slideLeft-96371 {
  0% {
    opacity: 1;
    left: calc(100% - 48px);
  }
  90% {
    opacity: 1;
    left: 2px;
  }
  100% {
    opacity: 0;
    left: 2px;
  }
}
.SearchInput-searchField-83890 {
  z-index: 10000;
}
.SearchInput-searchField-83890 {
  z-index: 10000;
}

.SearchField-root-75fa4 {
  max-width: var(--rc-search-field-width);
  width: 40px;
  min-width: 0;
  overflow: hidden;
}
@media screen and (max-width: 1366px) {
  .SearchField-root-75fa4 {
    max-width: 212px;
    width: 40px;
  }
}
@media screen and (max-width: 1280px) {
  .SearchField-root-75fa4 {
    max-width: 126px;
    width: 40px;
  }
}
@supports not (margin-block-start: 24px) {
  .SearchField-root-75fa4 {
    margin-top: var(--spacings-s12);
    margin-bottom: var(--spacings-s12);
  }
}
.SearchField-root-75fa4 {
  position: relative;
}

@supports (margin-block-start: 24px) {
  .SearchField-noAnimation-65a7c {
    margin-block-start: var(--spacings-s12);
    margin-block-end: var(--spacings-s12);
  }
}

.SearchField-inputVisible-42b11 {
  width: var(--rc-search-field-width);
  overflow: visible;
}
@media screen and (max-width: 1366px) {
  .SearchField-inputVisible-42b11 {
    width: 212px;
  }
}
@media screen and (max-width: 1280px) {
  .SearchField-inputVisible-42b11 {
    width: 126px;
  }
}

.SearchField-searchWrapper-50efe {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-width: 0;
}

.SearchField-searchInput-9703c {
  opacity: 0;
  visibility: hidden;
}

.SearchField-searchInputInputVisible-07df8 {
  opacity: 1;
  transition: width 0.5s ease, opacity 0.5s ease;
  visibility: visible;
}

.SearchField-searchIcon-7c537 {
  cursor: pointer;
  position: absolute;
  z-index: 10;
  right: var(--rc-search-field-icon-right);
  opacity: 0;
  animation: none;
}

.SearchField-searchIconAnimateIn-e107d {
  right: 0;
  opacity: 1;
}

.SearchField-searchIconAnimateOut-06b77 {
  animation: SearchField-slideLeft-96371 0.3s ease-out;
}

.SearchField-searchIconRtl-f3d45 {
  cursor: pointer;
  position: absolute;
  z-index: 10;
  left: 0;
  opacity: 0;
  animation: none;
}

.SearchField-searchIconRtlAnimateIn-240e2 {
  opacity: 1;
}

.SearchField-searchIconRtlAnimateOut-99e95 {
  animation: SearchField-slideLeft-96371 0.3s ease-out;
}

.SearchField-divider-a419a {
  height: 24px;
  width: 1px;
  background-color: var(--control-colors-border-default);
  margin-right: var(--spacings-s12);
}

.SearchField-visualSearchWrapper-1515c {
  transition-property: background-color;
  transition-duration: var(--timings-default);
  transition-timing-function: var(--easings-ease);
  display: flex;
  align-items: center;
  border: 2px solid var(--control-colors-border-default);
  border-radius: var(--corner-radius-r12);
  background-color: var(--control-colors-field-background-default);
  opacity: 0;
  visibility: hidden;
  max-width: var(--rc-search-field-width);
  width: 40px;
}
.SearchField-visualSearchWrapper-1515c:has(input:focus) {
  background-color: var(--control-colors-field-background-active);
}
@media (hover: hover) and (pointer: fine) {
  .SearchField-visualSearchWrapper-1515c:hover {
    background-color: var(--control-colors-field-background-active-action);
  }
}

.SearchField-visualSearchWrapperInputVisible-76a48 {
  opacity: 1;
  visibility: visible;
  width: var(--rc-search-field-width);
}

.SearchField-imageWrapper-4d589 {
  position: relative;
  flex-shrink: 0;
  cursor: pointer;
}

.SearchField-image-9d9ce {
  object-fit: cover;
  width: 40px;
  height: 40px;
  border-radius: var(--corner-radius-r8);
}

.SearchField-imageRemoveIcon-75450 {
  position: absolute;
  inset-block-start: -6px;
  inset-inline-end: -6px;
  width: 16px;
  height: 16px;
  cursor: pointer;
  z-index: 1;
}

.SearchField-imageIcon-0a83f {
  margin-right: var(--spacings-s12);
}

.SearchField-searchByUrl-6d168 {
  left: 0;
  display: flex;
}

.SearchField-inputWrapper-0c310 {
  width: 0;
  display: flex;
  align-items: center;
  position: relative;
}

.SearchField-inputWrapperInputVisible-a6c3c {
  width: 100%;
}

.SearchField-content-56c67 {
  position: absolute;
  top: calc(100% + var(--spacings-s4));
  left: var(--spacings-s0);
  width: 100%;
  max-height: 432px;
  padding: var(--spacings-s0);
  background-color: var(--positive-colors-base-default);
  border: 2px solid var(--control-colors-border-default);
  border-radius: var(--corner-radius-r12);
  overflow-y: auto;
  z-index: 100;
}

.SearchField-contentInputVisible-8ed5f {
  padding: var(--spacings-s12);
}

.SearchField-openStateContent-36ac9 {
  position: absolute;
  top: calc(100% + var(--spacings-s4));
  left: var(--spacings-s0);
  width: 100%;
  height: calc(100vh - 120px);
  padding-bottom: var(--spacings-s12);
  padding-top: var(--spacings-s12);
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 100;
  background-color: var(--positive-colors-base-default);
}

@keyframes SearchField-slideLeft-96371 {
  0% {
    opacity: 1;
    left: calc(100% - 48px);
  }
  90% {
    opacity: 1;
    left: 2px;
  }
  100% {
    opacity: 0;
    left: 2px;
  }
}
@layer ds-reset, ds-foundation, ds-subatoms, ds-atoms, ds-molecules, ds-organisms, ds-templates, ds-landing;
@layer ds-atoms{
.tooltip {
  position: relative;
  background-color: var(--tooltip-bg-color);
  color: var(--negative-colors-text-default);
  box-shadow: var(--shadows-tint-1);
  border-radius: var(--corner-radius-r8);
  font-weight: 600;
  z-index: var(--tooltip-z-index);
  font-size: var(--typography-t3-font-size);
  line-height: var(--typography-t3-line-height);
}
.tooltip[data-placement$=-start] {
  transform: translateX(10px);
}
.tooltip[data-placement$=-end] {
  transform: translateX(-10px);
}
.tooltip--not-clickable {
  pointer-events: none;
}
.tooltip__wrapper[data-placement^=top], .tooltip__wrapper[data-placement^=bottom], .tooltip__wrapper[data-placement^=auto] {
  padding: 10px 0;
}
.tooltip__wrapper[data-placement^=left], .tooltip__wrapper[data-placement^=right] {
  padding: 0 10px;
}
.tooltip__content {
  padding: var(--spacings-s8) var(--spacings-s12);
  color: var(--negative-colors-text-default);
}
.tooltip__content .text {
  color: var(--negative-colors-text-default);
}
.tooltip__indicator-wrapper {
  position: absolute;
  width: 20px;
  height: 13px;
}
.tooltip__indicator-wrapper[data-arrow-wrapper-dir^=top] {
  bottom: -12px;
}
.tooltip__indicator-wrapper[data-arrow-wrapper-dir^=right] {
  left: -12px;
}
.tooltip__indicator-wrapper[data-arrow-wrapper-dir^=bottom] {
  top: -12px;
}
.tooltip__indicator-wrapper[data-arrow-wrapper-dir^=left] {
  right: -12px;
}
.tooltip__indicator-wrapper svg {
  transform: translateY(-0.0125em);
}
.tooltip__indicator-wrapper[data-arrow-wrapper-dir^=right] svg {
  transform: rotate(90deg);
}
.tooltip__indicator-wrapper[data-arrow-wrapper-dir^=bottom] svg {
  transform: scaleY(-1);
}
.tooltip__indicator-wrapper[data-arrow-wrapper-dir^=left] svg {
  transform: rotate(-90deg);
}
.tooltip__indicator {
  width: 20px;
  height: 13px;
  pointer-events: none;
}
.tooltip__indicator path:first-of-type,
.tooltip__indicator path:last-of-type {
  fill: var(--tooltip-bg-color);
}}

#credential_picker_container {
  top: 100px !important;
}

input::-ms-reveal,
input::-ms-clear {
  display: none;
}
.LanguageSwitcherPopup-content-4af62 {
  display: flex;
  flex-direction: column;
  width: 550px;
  max-width: 100%;
  padding: var(--spacings-s24) var(--spacings-s24) var(--spacings-s16);
  box-sizing: border-box;
}

.LanguageSwitcherPopup-title-75834 {
  margin-bottom: var(--spacings-s16);
}

.LanguageSwitcherPopup-columnsContainer-36355 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--spacings-s4);
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
}
@media (hover: hover) and (pointer: fine) {
  .LanguageSwitcherPopup-columnsContainer-36355::-webkit-scrollbar {
    width: 2px;
  }
  .LanguageSwitcherPopup-columnsContainer-36355::-webkit-scrollbar-track {
    border-radius: var(--corner-radius-r4);
    background-color: transparent;
  }
  .LanguageSwitcherPopup-columnsContainer-36355::-webkit-scrollbar-thumb {
    border-radius: var(--corner-radius-r4);
    background-color: var(--background-colors-border);
  }
  .LanguageSwitcherPopup-columnsContainer-36355::-webkit-scrollbar-corner {
    background: transparent;
  }
}
@supports (-moz-appearance: none) {
  .LanguageSwitcherPopup-columnsContainer-36355 {
    scrollbar-color: var(--background-colors-border) transparent;
    scrollbar-width: thin;
  }
}
@media (hover: none) and (pointer: coarse) {
  .LanguageSwitcherPopup-columnsContainer-36355::-webkit-scrollbar {
    display: none;
  }
}
@media (max-width: 550px) {
  .LanguageSwitcherPopup-columnsContainer-36355 {
    grid-template-columns: 1fr;
  }
}

.LanguageSwitcherPopup-singleColumn-836f0 {
  grid-template-columns: 1fr;
  max-height: none;
}

.LanguageSwitcherPopup-column-bc49c {
  display: flex;
  flex-direction: column;
}

.LanguageSwitcherPopup-langButtonActive-3d23b {
  color: var(--primary-colors-base-active);
}

.LanguageSwitcherPopup-langSpan-cd393 {
  text-align: left;
  width: 100%;
  display: block;
  font-weight: 600;
}

.LanguageSwitcherPopup-footer-28ff8 {
  margin-top: auto;
  padding-top: var(--spacings-s16);
  flex-shrink: 0;
}
.UserActions-suggestionBox-a5c7f {
  overflow: auto;
  max-height: calc(100vh - 120px);
  min-width: 330px;
}

.UserActions-applyButtonContainer-b267d {
  padding: var(--spacings-s16);
}
@layer ds-reset, ds-foundation, ds-subatoms, ds-atoms, ds-molecules, ds-organisms, ds-templates, ds-landing;
@layer ds-templates{
.standard-header-user-actions--desktop {
  margin-inline-start: var(--spacings-s16);
}
.standard-header-user-actions--mobile {
  margin-inline-start: var(--spacings-s0);
}}

@layer ds-reset, ds-foundation, ds-subatoms, ds-atoms, ds-molecules, ds-organisms, ds-templates, ds-landing;
@layer ds-atoms{
.suggestion-menu {
  position: fixed;
  background-color: var(--background-colors-popover);
  border: 1px solid var(--background-colors-border);
  border-radius: var(--corner-radius-r8);
  overflow: auto;
  padding: var(--spacings-s12);
  max-height: var(--sm-max-height, none);
  min-width: var(--sm-min-width, auto);
  width: var(--sm-width, auto);
  z-index: var(--sm-z-index);
  top: var(--sm-top);
}
@media (pointer: fine) {
  .suggestion-menu::-webkit-scrollbar {
    width: 4px;
  }
  .suggestion-menu::-webkit-scrollbar-track {
    border-radius: var(--corner-radius-r4);
    background-color: transparent;
  }
  .suggestion-menu::-webkit-scrollbar-thumb {
    border-radius: var(--corner-radius-r4);
    background-color: var(--background-colors-border);
  }
  .suggestion-menu::-webkit-scrollbar-corner {
    background: transparent;
  }
}
@supports (-moz-appearance: none) {
  .suggestion-menu {
    scrollbar-color: var(--background-colors-border) transparent;
    scrollbar-width: thin;
  }
}
@media (pointer: coarse) {
  .suggestion-menu::-webkit-scrollbar {
    display: none;
  }
}
.suggestion-menu--small {
  border-width: 1px;
  border-radius: var(--corner-radius-r8);
}
[dir=ltr] .suggestion-menu {
  left: var(--sm-left-ltr);
}
[dir=rtl] .suggestion-menu {
  left: var(--sm-left-rtl, auto);
  right: var(--sm-right-rtl, auto);
}
.suggestion-menu--disabled {
  opacity: var(--states-disabled);
  pointer-events: none;
}}

@layer ds-reset, ds-foundation, ds-subatoms, ds-atoms, ds-molecules, ds-organisms, ds-templates, ds-landing;
@layer ds-atoms{
.bottom-sheet__content {
  display: grid;
  grid-template-rows: auto 1fr auto;
  height: 100%;
  min-height: 0;
}
.bottom-sheet__header {
  position: sticky;
  top: 0;
  padding: var(--spacings-s0) var(--spacings-s16) var(--spacings-s8) var(--spacings-s16);
  background-color: var(--background-colors-base);
}
.bottom-sheet__body {
  padding: var(--spacings-s0) var(--spacings-s16);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  min-height: 0;
  scrollbar-gutter: stable both-edges;
}
.bottom-sheet__footer {
  position: sticky;
  bottom: 0;
  padding: var(--spacings-s0) var(--spacings-s16);
  background-color: var(--background-colors-base);
}}

@layer ds-reset, ds-foundation, ds-subatoms, ds-atoms, ds-molecules, ds-organisms, ds-templates, ds-landing;
@layer ds-subatoms{
.base-bottom-sheet {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: var(--bbs-z-index, 9);
  width: 100%;
  border-radius: var(--corner-radius-r16);
  background-color: var(--background-colors-base);
  isolation: isolate;
  transform-origin: bottom;
  will-change: transform, height;
  transition-property: transform, opacity, max-height;
  transition-duration: 0.25s;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.base-bottom-sheet--static {
  padding-top: var(--spacings-s12);
  border-radius: var(--corner-radius-r0);
}
.base-bottom-sheet--full-height {
  border-radius: var(--corner-radius-r0);
}
.base-bottom-sheet--open {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.base-bottom-sheet--dragging {
  transition-duration: 0s;
}
.base-bottom-sheet__touch-area {
  display: grid;
  place-content: center;
  position: relative;
  height: 12px;
  border-radius: var(--corner-radius-r16) var(--corner-radius-r16) var(--corner-radius-r0) var(--corner-radius-r0);
  background-color: var(--background-colors-base);
}
.base-bottom-sheet--full-height .base-bottom-sheet__touch-area {
  border-radius: var(--corner-radius-r0);
}
.base-bottom-sheet__touch-area::before {
  content: "";
  position: absolute;
  left: 50%;
  z-index: calc(var(--bbs-z-index, 9) + 1);
  width: 100%;
  max-width: 80%;
  height: 44px;
  background-color: transparent;
  translate: -50%;
  transform: translateY(0px);
}
.base-bottom-sheet--open .base-bottom-sheet__touch-area::before {
  transform: translateY(-45%);
}
.base-bottom-sheet__touch-area::after {
  content: "";
  width: 32px;
  height: 4px;
  border-radius: var(--corner-radius-r4);
  background-color: var(--background-colors-tint-3);
}
.base-bottom-sheet__overlay {
  position: absolute;
  top: 12px;
  z-index: -1;
  width: 100%;
  height: 105%;
  background-color: var(--background-colors-transparent);
  opacity: var(--bbs-overlay-opacity, 0);
  transform: translateY(-100%);
  transition: opacity var(--timings-default) var(--easings-ease);
  user-select: none;
}
.base-bottom-sheet--static .base-bottom-sheet__overlay {
  top: 0;
}
.base-bottom-sheet__content {
  height: 100%;
  contain: layout;
  touch-action: pan-y;
}
.base-bottom-sheet__content--with-bg-effect::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
  width: 100%;
  max-height: 100%;
  height: auto;
  aspect-ratio: 1/1;
  background: var(--effects-vignette);
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.base-bottom-sheet--enter {
  opacity: 0;
}
.base-bottom-sheet--enter-active {
  opacity: 1;
  transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1), opacity 0.25s cubic-bezier(0, 0, 0.2, 1), max-height 0.25s cubic-bezier(0, 0, 0.2, 1);
}
.base-bottom-sheet--exit {
  opacity: 1;
}
.base-bottom-sheet--exit-active {
  opacity: 0;
  transition: transform 0.25s cubic-bezier(0.4, 0, 1, 1), opacity 0.25s cubic-bezier(0.4, 0, 1, 1), max-height 0.25s cubic-bezier(0.4, 0, 1, 1);
}}

@layer ds-reset, ds-foundation, ds-subatoms, ds-atoms, ds-molecules, ds-organisms, ds-templates, ds-landing;
@layer ds-molecules{
.panel-heading__top {
  display: grid;
  align-items: center;
  grid-template-rows: 1fr;
  grid-template-columns: auto 1fr auto;
  grid-template-areas: "action title optional close";
}
.panel-heading__brand-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin-inline-end: var(--spacings-s4);
}
.panel-heading__brand-icon svg {
  width: 20px;
  height: 20px;
  fill: var(--text-colors-tint-1);
}
.panel-heading__common {
  min-width: 0;
}
.panel-heading__back-button {
  grid-area: action;
  margin-inline-end: var(--spacings-s4);
}
[dir=rtl] .panel-heading__back-button {
  transform: rotate(180deg);
}
.panel-heading__center-container {
  grid-area: title;
  display: flex;
  align-items: center;
}
.panel-heading__title-start {
  justify-content: start;
}
.panel-heading__title-container {
  display: grid;
  align-items: center;
  grid-template-rows: 1fr;
  grid-template-columns: auto min-content 1fr;
  grid-template-areas: "mainTitle count badge";
}
.panel-heading__title {
  display: block;
  grid-area: mainTitle;
  transition: color var(--timings-default) var(--easings-ease);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.panel-heading__count {
  margin-inline-start: var(--spacings-s4);
  grid-area: count;
}
.panel-heading [data-testid=badge] {
  grid-area: badge;
  vertical-align: baseline;
  margin-inline-start: var(--spacings-s8);
}
.panel-heading__optional {
  grid-area: optional;
  display: flex;
  gap: var(--spacings-s2);
  margin-inline-start: var(--spacings-s8);
}
.panel-heading__close-button {
  margin-inline-start: var(--spacings-s8);
  grid-area: close;
}
.panel-heading__bottom {
  margin-top: var(--spacings-s8);
}}

@layer ds-reset, ds-foundation, ds-subatoms, ds-atoms, ds-molecules, ds-organisms, ds-templates, ds-landing;
@layer ds-atoms{
.text-tooltip {
  max-width: 390px;
  z-index: var(--text-tooltip-z-index);
  --container-background-color: var(--negative-colors-base-default);
  --container-border-color: var(--background-colors-border);
  background-color: var(--container-background-color);
  border-radius: var(--corner-radius-r8);
}
.text-tooltip__text {
  display: block;
  padding: var(--spacings-s8);
  color: var(--negative-colors-text-default);
  text-align: center;
  font-size: var(--typography-t4-font-size);
  line-height: var(--typography-t4-line-height);
}}

.LanguageSwitcherPopup-content-4af62 {
  display: flex;
  flex-direction: column;
  width: 550px;
  max-width: 100%;
  padding: var(--spacings-s24) var(--spacings-s24) var(--spacings-s16);
  box-sizing: border-box;
}

.LanguageSwitcherPopup-title-75834 {
  margin-bottom: var(--spacings-s16);
}

.LanguageSwitcherPopup-columnsContainer-36355 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--spacings-s4);
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
}
@media (hover: hover) and (pointer: fine) {
  .LanguageSwitcherPopup-columnsContainer-36355::-webkit-scrollbar {
    width: 2px;
  }
  .LanguageSwitcherPopup-columnsContainer-36355::-webkit-scrollbar-track {
    border-radius: var(--corner-radius-r4);
    background-color: transparent;
  }
  .LanguageSwitcherPopup-columnsContainer-36355::-webkit-scrollbar-thumb {
    border-radius: var(--corner-radius-r4);
    background-color: var(--background-colors-border);
  }
  .LanguageSwitcherPopup-columnsContainer-36355::-webkit-scrollbar-corner {
    background: transparent;
  }
}
@supports (-moz-appearance: none) {
  .LanguageSwitcherPopup-columnsContainer-36355 {
    scrollbar-color: var(--background-colors-border) transparent;
    scrollbar-width: thin;
  }
}
@media (hover: none) and (pointer: coarse) {
  .LanguageSwitcherPopup-columnsContainer-36355::-webkit-scrollbar {
    display: none;
  }
}
@media (max-width: 550px) {
  .LanguageSwitcherPopup-columnsContainer-36355 {
    grid-template-columns: 1fr;
  }
}

.LanguageSwitcherPopup-singleColumn-836f0 {
  grid-template-columns: 1fr;
  max-height: none;
}

.LanguageSwitcherPopup-column-bc49c {
  display: flex;
  flex-direction: column;
}

.LanguageSwitcherPopup-langButtonActive-3d23b {
  color: var(--primary-colors-base-active);
}

.LanguageSwitcherPopup-langSpan-cd393 {
  text-align: left;
  width: 100%;
  display: block;
  font-weight: 600;
}

.LanguageSwitcherPopup-footer-28ff8 {
  margin-top: auto;
  padding-top: var(--spacings-s16);
  flex-shrink: 0;
}
.ExternalLinks-root-63cd2 {
  display: inline-flex;
  gap: var(--spacings-s32);
  flex-direction: column;
}

.ExternalLinks-iconWrapper-70257 {
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--background-colors-tint-1);
  border-radius: var(--corner-radius-circle);
  padding: var(--spacings-s10);
  height: 40px;
  width: 40px;
}

.ExternalLinks-linksWrapper-6cb19 {
  width: 100%;
  display: flex;
  gap: var(--spacings-s16);
}

.ExternalLinks-icon-d9be4 {
  fill: var(--positive-colors-text-default);
  height: 20px;
  width: 20px;
}

.ExternalLinks-aicpaWrapper-eafc3 {
  display: contents;
}

.ExternalLinks-aicpa-f6311 {
  width: 64px;
  height: 64px;
}
.BottomFooter-koreaLink-a85a8 {
  color: var(--primary-colors-base-default);
}
.LogoContainer-logo-7767a {
  cursor: pointer;
}
.Platform-root-7a6a6 {
  display: flex;
  gap: var(--spacings-s16);
}

.Platform-title-e39db {
  font-weight: 600;
  font-size: var(--typography-t5-font-size);
  line-height: var(--typography-t5-line-height);
  color: var(--text-colors-base);
}
.RenderLinks-wrapper-32d8e {
  display: flex;
  flex-direction: column;
  gap: var(--spacings-s12);
}

.RenderLinks-link-c3b7a {
  color: var(--text-colors-tint-1);
  font-size: var(--typography-t4-font-size);
  font-weight: 500;
  display: block;
}
.RenderLinks-link-c3b7a:hover {
  color: var(--primary-colors-base-default);
}
.Links-root-8c65a {
  display: flex;
  flex-direction: column;
  gap: var(--spacings-s16);
  width: 100%;
  margin-top: var(--spacings-s40);
}
.Mobile-root-73025 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: var(--spacings-s40) var(--spacings-s12) 0 var(--spacings-s12);
  background: var(--positive-colors-base-default);
}

.Mobile-externalLinksContainer-371a6 {
  align-items: center;
}

.Mobile-topWrapper-e47af {
  display: flex;
  flex-direction: column;
  gap: var(--spacings-s32);
  align-items: center;
}

.Mobile-divider-c195a {
  color: var(--background-colors-tint-3);
  margin-top: var(--spacings-s40);
  height: 1px;
}
.SocialPlatforms-root-2973f {
  display: flex;
  flex-direction: column;
  gap: var(--spacings-s12);
}

.SocialPlatforms-title-6fc31 {
  font-weight: 600;
  color: var(--text-colors-base);
}

.SocialPlatforms-iconWrapper-f5b08 {
  display: flex;
  gap: var(--spacings-s8);
}
.DesktopLeftSide-root-9c67f {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: var(--spacings-s32);
}
.RenderLinks-root-d006d {
  display: flex;
  flex-direction: column;
  gap: var(--spacings-s16);
  align-items: start;
}
@media only screen and (min-width: 2500px) {
  .RenderLinks-root-d006d {
    width: 400px;
  }
}

.RenderLinks-itemsWrapper-a4081 {
  display: flex;
  flex-direction: column;
  gap: var(--spacings-s12);
  align-items: start;
}

.RenderLinks-name-456fb {
  font-weight: 600;
  color: var(--text-colors-base);
  font-size: var(--typography-t6-font-size);
  line-height: var(--spacings-s24);
}

.RenderLinks-link-1c117 {
  color: var(--text-colors-tint-1);
  font-size: var(--typography-t4-font-size);
  font-weight: 500;
  display: block;
}
.RenderLinks-link-1c117:hover {
  color: var(--primary-colors-base-default);
}
.DesktopRightSide-root-3cc23 {
  flex: 1;
  display: flex;
  justify-content: space-around;
}
@media only screen and (min-width: 2500px) {
  .DesktopRightSide-root-3cc23 {
    justify-content: flex-start;
    gap: var(--spacings-s16);
  }
}
.Bottom-root-8f6f1 {
  flex-basis: 100%;
  margin-top: var(--spacings-s64);
}
@media screen and (max-width: 768px) {
  .Bottom-root-8f6f1 {
    margin-top: var(--spacings-s40);
  }
}

.Bottom-divider-fac7f {
  color: var(--background-colors-tint-3);
  height: 1px;
}
.Desktop-root-c6074 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  background: var(--positive-colors-base-default);
  padding: var(--spacings-s72) var(--spacings-s24) 0 var(--spacings-s24);
}
@layer ds-reset, ds-foundation, ds-subatoms, ds-atoms, ds-molecules, ds-organisms, ds-templates, ds-landing;
@layer ds-molecules{
.select {
  display: grid;
  grid-auto-flow: column;
  width: 100%;
}
.select__menu {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacings-s8);
  background-color: var(--background-colors-popover);
  border-radius: var(--spacings-s8);
  border: 1px solid var(--control-colors-border-default);
  overscroll-behavior: contain;
}
.select__menu--large {
  padding: calc(var(--spacings-s12) - 1px);
}
.select__menu--small {
  padding: calc(var(--spacings-s12) - 1px);
}
@media (pointer: fine) {
  .select__menu::-webkit-scrollbar {
    width: 4px;
  }
  .select__menu::-webkit-scrollbar-track {
    border-radius: var(--corner-radius-r4);
    background-color: transparent;
    margin-block: var(--spacings-s4);
  }
  .select__menu::-webkit-scrollbar-thumb {
    border-radius: var(--corner-radius-r4);
    background-color: var(--background-colors-border);
  }
  .select__menu::-webkit-scrollbar-corner {
    background: transparent;
  }
}
@supports (-moz-appearance: none) {
  .select__menu {
    scrollbar-color: var(--background-colors-border) transparent;
    scrollbar-width: thin;
  }
}
@media (hover: none) and (pointer: coarse) {
  .select__menu::-webkit-scrollbar {
    display: none;
  }
}
.select__mobile-menu {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--spacings-s4) var(--spacings-s8);
  gap: var(--spacings-s8);
}
.select__invisible-content {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}
.select__badges {
  display: inline-flex;
  align-items: center;
  margin-inline-start: auto;
  gap: var(--spacings-s8);
  padding-inline-start: var(--spacings-s4);
}
.select__badge {
  box-shadow: none;
}}

@layer ds-reset, ds-foundation, ds-subatoms, ds-atoms, ds-molecules, ds-organisms, ds-templates, ds-landing;
@layer ds-templates{
.footer-basic-link__navigation-link {
  display: inline-flex;
  padding: var(--spacings-s12) 0;
}
@media (hover: hover) and (pointer: fine) {
  .footer-basic-link__navigation-link:hover {
    color: var(--primary-colors-base-default);
  }
  .footer-basic-link__navigation-link:active {
    color: var(--primary-colors-base-action);
  }
}
@media (hover: none) and (pointer: coarse) {
  .footer-basic-link__navigation-link:active {
    color: var(--primary-colors-base-action);
  }
}}

@layer ds-reset, ds-foundation, ds-subatoms, ds-atoms, ds-molecules, ds-organisms, ds-templates, ds-landing;
@layer ds-templates{
.standard-footer-basic {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  gap: var(--spacings-s24);
  padding: var(--spacings-s24);
  background-color: var(--positive-colors-base-default);
}
.standard-footer-basic__select-wrapper {
  width: 196px;
}
.standard-footer-basic__top-content {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  column-gap: var(--spacings-s24);
  row-gap: var(--spacings-s2);
  list-style: none;
}
.standard-footer-basic__navigation-link {
  display: inline-flex;
  padding: var(--spacings-s12) 0;
}}

@layer ds-reset, ds-foundation, ds-subatoms, ds-atoms, ds-molecules, ds-organisms, ds-templates, ds-landing;
@layer ds-molecules{
.accordion {
  max-width: 100%;
  width: 100%;
  min-width: 0;
  overflow: hidden;
  transition: border-color var(--timings-default) var(--easings-ease), opacity var(--timings-default) var(--easings-ease);
  --border-color: var(--control-colors-border-default);
  --border-color-hover: var(--control-colors-border-action);
  --border-color-active: var(--control-colors-border-active);
  --border-color-active-hover: var(--control-colors-border-active-action);
  --toggle-bg-color: var(--control-colors-button-background-default);
  --toggle-bg-color-hover: var(--control-colors-button-background-action);
  --toggle-bg-color-active: var(--control-colors-button-background-active);
  --toggle-bg-color-active-hover: var(--control-colors-button-background-active-action);
  --accordion-content-bg: var(--background-colors-base);
  --toggle-text-color: var(--control-colors-text-default);
  --toggle-start-icon-color: var(--control-colors-start-icon-default);
  --toggle-end-icon-color: var(--control-colors-end-icon-default);
}
.accordion--large {
  --acc-border-w: 1px;
  --acc-border-r: var(--corner-radius-r8);
  --acc-toggle-h: 40px;
  --acc-pad-v: var(--spacings-s10);
  --acc-pad-h: var(--spacings-s10);
  --acc-gap: var(--spacings-s2);
  --acc-icon-size: 20px;
  --acc-title-pad-h: var(--spacings-s2);
  --acc-title-pad-v: var(--spacings-s0);
  --acc-badge-pad: var(--spacings-s2);
  --acc-content-pad: var(--spacings-s12);
}
.accordion--small {
  --acc-border-w: 1px;
  --acc-border-r: var(--corner-radius-r8);
  --acc-toggle-h: 32px;
  --acc-pad-v: var(--spacings-s6);
  --acc-pad-h: var(--spacings-s6);
  --acc-gap: var(--spacings-s2);
  --acc-icon-size: 20px;
  --acc-title-pad-h: var(--spacings-s2);
  --acc-title-pad-v: var(--spacings-s0);
  --acc-badge-pad: var(--spacings-s2);
  --acc-content-pad: var(--acc-pad-h);
}
@media (hover: hover) and (pointer: fine) {
  .accordion:hover {
    --toggle-text-color: var(--control-colors-text-action);
    --toggle-start-icon-color: var(--control-colors-start-icon-action);
    --toggle-end-icon-color: var(--control-colors-end-icon-action);
    --border-color: var(--border-color-hover);
    --toggle-bg-color: var(--toggle-bg-color-hover);
  }
}
.accordion[data-is-disabled] {
  pointer-events: none;
}
.accordion--with-border {
  border: var(--acc-border-w) solid var(--border-color);
  border-radius: var(--acc-border-r);
}
.accordion--without-border {
  border: none;
  border-radius: 0;
  --border-color: none;
  --toggle-bg-color: transparent;
  --border-color-hover: none;
  --toggle-bg-color-hover: transparent;
  --border-color-active: none;
  --toggle-bg-color-active: transparent;
  --border-color-active-hover: transparent;
  --toggle-bg-color-active-hover: transparent;
  --accordion-content-bg: transparent;
}
.accordion--disabled {
  opacity: var(--states-disabled);
}
.accordion--toggle-br-expanded {
  --toggle-br: calc(var(--acc-border-r) - var(--acc-border-w)) calc(var(--acc-border-r) - var(--acc-border-w)) 0 0;
}
.accordion--toggle-br-collapsed {
  --toggle-br: calc(var(--acc-border-r) - var(--acc-border-w));
}
.accordion--active {
  --toggle-bg-color: var(--toggle-bg-color-active);
  --toggle-text-color: var(--control-colors-text-active);
  --toggle-start-icon-color: var(--control-colors-start-icon-active);
  --toggle-end-icon-color: var(--control-colors-end-icon-active);
  --border-color: var(--border-color-active);
}
@media (hover: hover) and (pointer: fine) {
  .accordion--active:hover {
    --toggle-text-color: var(--control-colors-text-active-action);
    --toggle-start-icon-color: var(--control-colors-start-icon-active-action);
    --toggle-end-icon-color: var(--control-colors-end-icon-active-action);
    --border-color: var(--border-color-active-hover);
    --toggle-bg-color: var(--toggle-bg-color-active-hover);
  }
}
.accordion__toggle {
  width: 100%;
  background-color: var(--toggle-bg-color);
  color: var(--text-colors-base);
  cursor: pointer;
  display: flex;
  align-items: center;
  outline: none;
  transition: background-color var(--timings-default) var(--easings-ease);
  border: none;
  min-height: var(--acc-toggle-h);
  padding: calc(var(--acc-pad-v) - var(--acc-border-w)) calc(var(--acc-pad-h) - var(--acc-border-w));
  gap: var(--acc-gap);
  border-radius: var(--toggle-br);
}
.accordion__toggle--no-gap {
  gap: 0;
}
.accordion__toggle[disabled] {
  pointer-events: none;
}
.accordion__content-holder {
  display: flex;
  align-items: center;
  flex: auto;
  gap: var(--acc-gap);
  min-width: 0;
  height: var(--acc-icon-size, 100%);
}
.accordion__title-container {
  padding: var(--acc-title-pad-v) var(--acc-title-pad-h);
  min-width: 0;
  height: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.accordion__start-icon {
  flex-shrink: 0;
  width: var(--acc-icon-size);
  height: var(--acc-icon-size);
  color: var(--toggle-start-icon-color, var(--control-colors-start-icon-default));
  transition: color var(--timings-default) var(--easings-ease);
}
.accordion__start-icon path:not([fill]) {
  fill: currentColor;
}
.accordion__badge {
  margin: var(--acc-badge-pad);
  flex-shrink: 0;
}
.accordion__checkbox-button {
  margin: 0;
  margin-inline-start: auto;
  flex-shrink: 0;
  height: var(--acc-icon-size);
}
.accordion__badge-wrapper {
  display: flex;
  align-items: center;
  height: calc(var(--acc-toggle-h) - var(--acc-pad-v) * 2);
}
.accordion__toggle-icon {
  display: inline-block;
  width: var(--acc-icon-size);
  height: var(--acc-icon-size);
  flex-shrink: 0;
  margin-inline-start: auto;
  color: var(--toggle-end-icon-color, var(--control-colors-end-icon-default));
  transition: color var(--timings-default) var(--easings-ease), transform var(--timings-default) var(--easings-ease);
}
.accordion__toggle-icon path {
  fill: currentColor;
}
.accordion__toggle-icon--with-switch {
  margin-inline-start: 4px;
}
.accordion__toggle-icon--expanded {
  transform: rotate(180deg);
}
.accordion__title {
  text-align: left;
  word-break: break-word;
  color: var(--toggle-text-color);
  transition: color var(--timings-default) var(--easings-ease);
}
.accordion__content {
  display: grid;
  border-radius: 0 0 calc(var(--acc-border-r) - var(--acc-border-w)) calc(var(--acc-border-r) - var(--acc-border-w));
  overflow: hidden;
  background-color: var(--accordion-content-bg);
}
.accordion__active-indicator {
  display: grid;
  grid-area: 1/1;
}
.accordion__active-indicator::before {
  content: "";
  height: var(--acc-border-w);
  background: var(--border-color);
}
.accordion__content-wrap {
  padding: var(--acc-content-pad);
  grid-area: 1/1;
  min-width: 0;
}
.accordion--without-border .accordion__content-wrap {
  padding: 2px 0 var(--acc-content-pad) 0;
}}

.DummyMarkup-root-4a3c5 {
  width: 100%;
  min-width: 1024px;
}

.DummyMarkup-top-34e0a {
  padding: var(--spacings-s44) var(--spacings-s0) var(--spacings-s56) var(--spacings-s0);
}

.DummyMarkup-bottom-d9ba1 {
  display: flex;
  padding: var(--spacings-s24) var(--spacings-s0);
  justify-content: space-between;
}
.DummyMarkup-bottom-d9ba1 > i {
  width: 140px;
  height: 24px;
  margin: var(--spacings-s0) var(--spacings-s12);
}
@media screen and (max-width: 768px) {
  .DummyMarkup-bottom-d9ba1 {
    justify-content: center;
  }
}

.DummyMarkup-content-65129 {
  width: 100%;
  margin: 0 auto;
  max-width: 1320px;
  display: grid;
  grid-column-gap: var(--spacings-s24);
  grid-template-rows: 12fr;
  grid-template-columns: auto 1fr 1fr 1fr;
}
@media screen and (max-width: 1366px) {
  .DummyMarkup-content-65129 {
    flex-direction: column;
    grid-template-columns: auto;
    grid-row-gap: var(--spacings-s24);
  }
}

.DummyMarkup-first-20bf9 {
  width: 480px;
  margin: var(--spacings-s6);
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .DummyMarkup-first-20bf9 {
    width: 380px;
  }
}

.DummyMarkup-firstItem-63bc7 {
  height: 32px;
  display: flex;
}
.DummyMarkup-firstItem-63bc7 > i {
  width: 100px;
  margin: var(--spacings-s0) var(--spacings-s12);
}
@media screen and (max-width: 768px) {
  .DummyMarkup-firstItem-63bc7 {
    margin-bottom: var(--spacings-s32);
  }
}

.DummyMarkup-logo-ea76d > i {
  width: 120px;
}

.DummyMarkup-links-aac63 {
  display: none;
}

.DummyMarkup-mini-c9553 {
  margin: var(--spacings-s6);
}

.DummyMarkup-miniTitle-50153 {
  width: 140px;
  height: 24px;
  margin: var(--spacings-s8) var(--spacings-s8) var(--spacings-s24) var(--spacings-s8);
}

.DummyMarkup-miniItems-ee182 {
  height: 20px;
  margin: var(--spacings-s8);
}

.DummyMarkup-miniFirst-c331a {
  width: 120px;
}

.DummyMarkup-miniSecond-547b0 {
  width: 80px;
}

.DummyMarkup-miniLast-46f3a {
  width: 180px;
}
@media screen and (max-width: 768px) {
  .DummyMarkup-miniLast-46f3a {
    width: 80px;
  }
}
@keyframes Timer-blink-71c2e {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.Timer-root-51837 {
  font-weight: bold;
  font-size: var(--typography-t4-font-size);
  align-items: center;
  display: flex;
  gap: 4px;
}
.Timer-root-51837.Timer-large-98fb9 {
  font-size: var(--typography-t6-font-size);
}
.Timer-root-51837.Timer-large-98fb9 .Timer-timeNumber-53eaa {
  padding: 8px;
}
.Timer-root-51837.Timer-black-8f21f .Timer-timeNumber-53eaa {
  color: var(--absolute-white-colors-base-default);
  background: var(--absolute-black-colors-base-default);
}
.Timer-root-51837.Timer-black-8f21f .Timer-separator-4791a {
  color: var(--absolute-black-colors-base-default);
}
.Timer-root-51837.Timer-light-4132d .Timer-timeNumber-53eaa {
  color: var(--primary-colors-base-default);
  background: var(--background-colors-tint-3);
}
.Timer-root-51837.Timer-light-4132d .Timer-separator-4791a {
  color: var(--primary-colors-base-default);
}
.Timer-root-51837.Timer-white-a4960 .Timer-timeNumber-53eaa {
  color: var(--absolute-black-colors-base-default);
  background: var(--absolute-white-colors-base-default);
}
.Timer-root-51837.Timer-white-a4960 .Timer-separator-4791a {
  color: var(--absolute-white-colors-base-default);
}

.Timer-timeNumber-53eaa {
  padding: 4px;
  border-radius: var(--corner-radius-r8);
}

.Timer-separator-4791a {
  animation-iteration-count: infinite;
  animation-duration: 1s;
  animation-name: Timer-blink-71c2e;
}

.PromoTopBanner-typePurple-8455b {
  --promo-banner-background: var(--gradients-monetization-pro);
  --promo-banner-color: var(--absolute-white-colors-base-default);
  --promo-banner-separator: var(--absolute-white-colors-base-default);
  --promo-banner-cross: var(--absolute-white-colors-base-default);
}

.PromoTopBanner-typeLight-bdefc {
  --promo-banner-background: var(--background-colors-tint-1);
  --promo-banner-color: var(--primary-colors-base-default);
  --promo-banner-separator: var(--background-colors-tint-3);
  --promo-banner-cross: var(--primary-colors-base-default);
}

.PromoTopBanner-typeYellow-3bc8b {
  --promo-banner-background: linear-gradient(315deg, #FFD15A 14.64%, #FFB017 85.36%);
  --promo-banner-color: var(--absolute-black-colors-base-default);
  --promo-banner-separator: var(--absolute-black-colors-base-default);
  --promo-banner-cross: var(--absolute-black-colors-base-default);
}

.PromoTopBanner-typePink-b42a3 {
  --promo-banner-background: linear-gradient(315deg, #F44097 25%, #FC67FA 75%);
  --promo-banner-color: var(--absolute-white-colors-base-default);
  --promo-banner-separator: var(--absolute-white-colors-base-default);
  --promo-banner-cross: var(--absolute-white-colors-base-default);
}

.PromoTopBanner-typeGreen-cb93f {
  --promo-banner-background: #89E219;
  --promo-banner-color: var(--absolute-black-colors-base-default);
  --promo-banner-cross: var(--absolute-black-colors-base-default);
}

.PromoTopBanner-typeRed-81f84 {
  --promo-banner-background: #CB4647;
  --promo-banner-color: var(--absolute-white-colors-base-default);
  --promo-banner-separator: var(--absolute-white-colors-base-default);
  --promo-banner-cross: var(--absolute-white-colors-base-default);
}

.PromoTopBanner-root-4f945 {
  padding: var(--spacings-s4) var(--spacings-s16);
  background: var(--promo-banner-background);
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  display: flex;
  border: none;
  width: 100%;
}
@media screen and (max-width: 766px) {
  .PromoTopBanner-root-4f945 {
    padding: var(--spacings-s6) var(--spacings-s8);
  }
}

@media screen and (max-width: 766px) {
  .PromoTopBanner-disappearingHeart-f67dd {
    display: none;
  }
}

@media screen and (max-width: 766px) {
  .PromoTopBanner-additionalBlock-8bca6 {
    display: none;
  }
}

@media screen and (max-width: 766px) {
  .PromoTopBanner-timerText-d57a5 {
    display: none;
  }
}

.PromoTopBanner-content-0ce9c {
  color: var(--promo-banner-color);
  font-weight: 600;
  justify-content: center;
  font-size: var(--typography-t4-font-size);
  gap: var(--spacings-s16);
  align-items: center;
  display: flex;
}
@media screen and (max-width: 766px) {
  .PromoTopBanner-content-0ce9c {
    gap: var(--spacings-s8);
  }
}

@media screen and (max-width: 766px) {
  .PromoTopBanner-offerButton-4b739 {
    display: none;
  }
}

@media screen and (max-width: 766px) {
  .PromoTopBanner-textDesktop-02436 {
    display: none;
  }
}

.PromoTopBanner-textMobile-739c5 {
  display: none;
}
@media screen and (max-width: 766px) {
  .PromoTopBanner-textMobile-739c5 {
    display: block;
  }
}

.PromoTopBanner-timerWrapper-096ba {
  gap: var(--spacings-s8);
  align-items: center;
  display: flex;
}

.PromoTopBanner-separator-6b602 {
  background-color: var(--promo-banner-separator);
  height: var(--spacings-s24);
  width: var(--spacings-s2);
  border-radius: var(--corner-radius-r2);
}
@media screen and (max-width: 766px) {
  .PromoTopBanner-separator-6b602 {
    display: none;
  }
}

.PromoTopBanner-closeIcon-e9280 {
  color: var(--promo-banner-cross);
}



/*# sourceMappingURL=main-1789658228025.css.map*/