b {
  font-weight: bolder;
}

img {
  border-style: none;
}

button,
input {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button {
  text-transform: none;
}

button,
[type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

[hidden] {
  display: none;
}

* {
  box-sizing: border-box;
}

:root {
  --fds-black: #000000;
  --fds-black-alpha-05: rgba(0, 0, 0, 0.05);
  --fds-black-alpha-10: rgba(0, 0, 0, 0.1);
  --fds-black-alpha-15: rgba(0, 0, 0, 0.15);
  --fds-black-alpha-20: rgba(0, 0, 0, 0.2);
  --fds-black-alpha-30: rgba(0, 0, 0, 0.3);
  --fds-black-alpha-40: rgba(0, 0, 0, 0.4);
  --fds-black-alpha-50: rgba(0, 0, 0, 0.5);
  --fds-black-alpha-60: rgba(0, 0, 0, 0.6);
  --fds-black-alpha-80: rgba(0, 0, 0, 0.8);
  --fds-blue-05: #ecf3ff;
  --fds-blue-30: #aac9ff;
  --fds-blue-40: #77a7ff;
  --fds-blue-60: #1877f2;
  --fds-blue-70: #2851a3;
  --fds-blue-80: #1d3c78;
  --fds-button-text: #444950;
  --fds-comment-background: #f2f3f5;
  --fds-dark-mode-gray-35: #cccccc;
  --fds-dark-mode-gray-50: #828282;
  --fds-dark-mode-gray-70: #4a4a4a;
  --fds-dark-mode-gray-80: #373737;
  --fds-dark-mode-gray-90: #282828;
  --fds-dark-mode-gray-100: #1c1c1c;
  --fds-gray-00: #f5f6f7;
  --fds-gray-05: #f2f3f5;
  --fds-gray-10: #ebedf0;
  --fds-gray-20: #dadde1;
  --fds-gray-25: #ccd0d5;
  --fds-gray-30: #bec3c9;
  --fds-gray-45: #8d949e;
  --fds-gray-70: #606770;
  --fds-gray-80: #444950;
  --fds-gray-90: #303338;
  --fds-gray-100: #1c1e21;
  --fds-green-55: #00a400;
  --fds-highlight: #3578e5;
  --fds-highlight-cell-background: #ecf3ff;
  --fds-primary-icon: #1c1e21;
  --fds-primary-text: #1c1e21;
  --fds-red-55: #fa383e;
  --fds-soft: cubic-bezier(0.08, 0.52, 0.52, 1);
  --fds-spectrum-aluminum-tint-70: #e4f0f6;
  --fds-spectrum-blue-gray-tint-70: #cfd1d5;
  --fds-spectrum-cherry: #f35369;
  --fds-spectrum-cherry-tint-70: #fbccd2;
  --fds-spectrum-grape-tint-70: #ddd5f0;
  --fds-spectrum-grape-tint-90: #f4f1fa;
  --fds-spectrum-lemon-dark-1: #f5c33b;
  --fds-spectrum-lemon-tint-70: #fef2d1;
  --fds-spectrum-lime: #a3ce71;
  --fds-spectrum-lime-tint-70: #e4f0d5;
  --fds-spectrum-orange-tint-70: #fcdec5;
  --fds-spectrum-orange-tint-90: #fef4ec;
  --fds-spectrum-seafoam-tint-70: #caeef9;
  --fds-spectrum-slate-dark-2: #89a1ac;
  --fds-spectrum-slate-tint-70: #eaeff2;
  --fds-spectrum-teal: #6bcebb;
  --fds-spectrum-teal-dark-1: #4dbba6;
  --fds-spectrum-teal-dark-2: #31a38d;
  --fds-spectrum-teal-tint-70: #d2f0ea;
  --fds-spectrum-teal-tint-90: #f0faf8;
  --fds-spectrum-tomato: #fb724b;
  --fds-spectrum-tomato-tint-30: #f38e7b;
  --fds-spectrum-tomato-tint-90: #fdefed;
  --fds-strong: cubic-bezier(0.12, 0.8, 0.32, 1);
  --fds-white: #ffffff;
  --fds-white-alpha-05: rgba(255, 255, 255, 0.05);
  --fds-white-alpha-10: rgba(255, 255, 255, 0.1);
  --fds-white-alpha-20: rgba(255, 255, 255, 0.2);
  --fds-white-alpha-30: rgba(255, 255, 255, 0.3);
  --fds-white-alpha-40: rgba(255, 255, 255, 0.4);
  --fds-white-alpha-50: rgba(255, 255, 255, 0.5);
  --fds-white-alpha-60: rgba(255, 255, 255, 0.6);
  --fds-white-alpha-80: rgba(255, 255, 255, 0.8);
  --fds-yellow-20: #ffba00;
  --accent: hsl(214, 89%, 52%);
  --always-white: #ffffff;
  --always-black: black;
  --always-dark-gradient: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
  --always-dark-overlay: rgba(0, 0, 0, 0.4);
  --always-light-overlay: rgba(255, 255, 255, 0.4);
  --always-gray-40: #65676b;
  --always-gray-75: #bcc0c4;
  --always-gray-95: #f0f2f5;
  --attachment-footer-background: #f0f2f5;
  --background-deemphasized: #f0f2f5;
  --base-blue: #1877f2;
  --base-cherry: #f3425f;
  --base-grape: #9360f7;
  --base-lemon: #f7b928;
  --base-lime: #45bd62;
  --base-pink: #ff66bf;
  --base-seafoam: #54c7ec;
  --base-teal: #2abba7;
  --base-tomato: #fb724b;
  --text-badge-info-background: hsl(214, 89%, 52%);
  --text-badge-success-background: #31a24c;
  --text-badge-attention-background: hsl(40, 89%, 52%);
  --text-badge-critical-background: #e41e3f;
  --blue-link: #216fdb;
  --border-focused: #65676b;
  --card-background: #ffffff;
  --card-background-flat: #f7f8fa;
  --comment-background: #f0f2f5;
  --comment-footer-background: #f6f9fa;
  --dataviz-primary-1: rgb(48, 200, 180);
  --disabled-button-background: #e4e6eb;
  --disabled-button-text: #bcc0c4;
  --disabled-icon: #bcc0c4;
  --disabled-text: #bcc0c4;
  --divider: #ced0d4;
  --event-date: #f3425f;
  --fb-wordmark: #1877f2;
  --filter-accent: invert(39%) sepia(57%) saturate(200%) saturate(200%)
    saturate(200%) saturate(200%) saturate(200%) saturate(147.75%)
    hue-rotate(202deg) brightness(97%) contrast(96%);
  --filter-always-white: invert(100%);
  --filter-disabled-icon: invert(80%) sepia(6%) saturate(200%) saturate(120%)
    hue-rotate(173deg) brightness(98%) contrast(89%);
  --filter-placeholder-icon: invert(59%) sepia(11%) saturate(200%)
    saturate(135%) hue-rotate(176deg) brightness(96%) contrast(94%);
  --filter-primary-icon: invert(8%) sepia(10%) saturate(200%) saturate(200%)
    saturate(166%) hue-rotate(177deg) brightness(104%) contrast(91%);
  --filter-secondary-icon: invert(39%) sepia(21%) saturate(200%)
    saturate(109.5%) hue-rotate(174deg) brightness(94%) contrast(86%);
  --filter-warning-icon: invert(77%) sepia(29%) saturate(200%) saturate(200%)
    saturate(200%) saturate(200%) saturate(200%) saturate(128%)
    hue-rotate(359deg) brightness(102%) contrast(107%);
  --filter-blue-link-icon: invert(30%) sepia(98%) saturate(200%) saturate(200%)
    saturate(200%) saturate(166.5%) hue-rotate(192deg) brightness(91%)
    contrast(101%);
  --filter-positive: invert(37%) sepia(61%) saturate(200%) saturate(200%)
    saturate(200%) saturate(200%) saturate(115%) hue-rotate(91deg)
    brightness(97%) contrast(105%);
  --filter-negative: invert(25%) sepia(33%) saturate(200%) saturate(200%)
    saturate(200%) saturate(200%) saturate(200%) saturate(200%) saturate(110%)
    hue-rotate(345deg) brightness(132%) contrast(96%);
  --glimmer-spinner-icon: #65676b;
  --hero-banner-background: #ffffff;
  --hosted-view-selected-state: rgba(45, 136, 255, 0.1);
  --highlight-bg: #e7f3ff;
  --hover-overlay: rgba(0, 0, 0, 0.05);
  --list-cell-chevron: #65676b;
  --media-hover: rgba(68, 73, 80, 0.15);
  --media-inner-border: rgba(0, 0, 0, 0.1);
  --media-outer-border: #ffffff;
  --media-pressed: rgba(68, 73, 80, 0.35);
  --messenger-card-background: #ffffff;
  --messenger-reply-background: #f0f2f5;
  --overlay-alpha-80: rgba(244, 244, 244, 0.8);
  --overlay-on-media: rgba(0, 0, 0, 0.6);
  --nav-bar-background: #ffffff;
  --nav-bar-background-gradient: linear-gradient(
    to top,
    #ffffff,
    rgba(255, 255, 255.9),
    rgba(255, 255, 255, 0.7),
    rgba(255, 255, 255, 0.4),
    rgba(255, 255, 255, 0)
  );
  --nav-bar-background-gradient-wash: linear-gradient(
    to top,
    #f0f2f5,
    rgba(240, 242, 245.9),
    rgba(240, 242, 245, 0.7),
    rgba(240, 242, 245, 0.4),
    rgba(240, 242, 245, 0)
  );
  --negative: hsl(350, 87%, 55%);
  --negative-background: hsl(350, 87%, 55%, 20%);
  --new-notification-background: #e7f3ff;
  --non-media-pressed: rgba(68, 73, 80, 0.15);
  --non-media-pressed-on-dark: rgba(255, 255, 255, 0.3);
  --notification-badge: #e41e3f;
  --placeholder-icon: #65676b;
  --placeholder-image: rgb(164, 167, 171);
  --placeholder-text: #65676b;
  --placeholder-text-on-media: rgba(255, 255, 255, 0.5);
  --popover-background: #ffffff;
  --positive: #31a24c;
  --positive-background: #deefe1;
  --press-overlay: rgba(0, 0, 0, 0.1);
  --primary-button-background: #1b74e4;
  --primary-button-icon: #ffffff;
  --primary-button-pressed: #77a7ff;
  --primary-button-text: #ffffff;
  --primary-deemphasized-button-background: #e7f3ff;
  --primary-deemphasized-button-pressed: rgba(0, 0, 0, 0.05);
  --primary-deemphasized-button-pressed-overlay: rgba(25, 110, 255, 0.15);
  --primary-deemphasized-button-text: #1877f2;
  --primary-icon: #050505;
  --primary-text: #050505;
  --primary-text-on-media: #ffffff;
  --primary-web-focus-indicator: #d24294;
  --progress-ring-neutral-background: rgba(0, 0, 0, 0.2);
  --progress-ring-neutral-foreground: #000000;
  --progress-ring-on-media-background: rgba(255, 255, 255, 0.2);
  --progress-ring-on-media-foreground: #ffffff;
  --progress-ring-blue-background: rgba(24, 119, 242, 0.2);
  --progress-ring-blue-foreground: hsl(214, 89%, 52%);
  --progress-ring-disabled-background: rgba(190, 195, 201, 0.2);
  --progress-ring-disabled-foreground: #bec3c9;
  --rating-star-active: #eb660d;
  --scroll-thumb: #bcc0c4;
  --scroll-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 -1px rgba(0, 0, 0, 0.1) inset;
  --secondary-button-background: #e4e6eb;
  --secondary-button-background-floating: #ffffff;
  --secondary-button-background-on-dark: rgba(0, 0, 0, 0.4);
  --secondary-button-pressed: rgba(0, 0, 0, 0.05);
  --secondary-button-stroke: transparent;
  --secondary-button-text: #050505;
  --secondary-icon: #65676b;
  --secondary-text: #65676b;
  --secondary-text-on-media: rgba(255, 255, 255, 0.9);
  --section-header-text: #4b4c4f;
  --shadow-1: rgba(0, 0, 0, 0.1);
  --shadow-2: rgba(0, 0, 0, 0.2);
  --shadow-5: rgba(0, 0, 0, 0.5);
  --shadow-8: rgba(0, 0, 0, 0.8);
  --shadow-inset: rgba(255, 255, 255, 0.5);
  --shadow-elevated: 0 8px 20px 0 rgba(0, 0, 0, 0.2),
    0 2px 4px 0 rgba(0, 0, 0, 0.1);
  --shadow-persistent: 0px 0px 12px rgba(52, 72, 84, 0.05);
  --shadow-primary: 0px 5px 12px rgba(52, 72, 84, 0.2);
  --surface-background: #ffffff;
  --switch-active: hsl(214, 89%, 52%);
  --text-highlight: rgba(24, 119, 242, 0.2);
  --input-background: #ffffff;
  --input-background-disabled: #f0f2f5;
  --input-border-color: #ced0d4;
  --input-border-color-hover: var(--placeholder-text);
  --input-label-color-highlighted: hsl(214, 89%, 52%);
  --text-input-outside-label: #000000;
  --toast-background: #ffffff;
  --toast-text: #1c2b33;
  --toast-text-link: #216fdb;
  --toggle-active-background: #e7f3ff;
  --toggle-active-icon: rgb(24, 119, 242);
  --toggle-active-text: rgb(24, 119, 242);
  --toggle-button-active-background: #e7f3ff;
  --tooltip-background: rgba(244, 244, 244, 0.8);
  --tooltip-box-shadow: 0 2px 4px 0 var(--shadow-5);
  --wash: #e4e6eb;
  --web-wash: #f0f2f5;
  --warning: hsl(40, 89%, 52%);
  --fb-logo-color: #2d88ff;
  --dialog-anchor-vertical-padding: 56px;
  --header-height: 56px;
  --global-panel-width: 0px;
  --global-panel-width-expanded: 0px;
  --alert-banner-corner-radius: 8px;
  --button-corner-radius: 6px;
  --button-corner-radius-medium: 10px;
  --button-corner-radius-large: 12px;
  --button-height-large: 40px;
  --button-height-medium: 36px;
  --button-padding-horizontal-large: 16px;
  --button-padding-horizontal-medium: 16px;
  --button-icon-padding-large: 16px;
  --button-icon-padding-medium: 16px;
  --button-inner-icon-spacing-large: 3px;
  --button-inner-icon-spacing-medium: 3px;
  --blueprint-button-height-medium: 40px;
  --blueprint-button-height-large: 48px;
  --card-corner-radius: 8px;
  --card-box-shadow: 0 12px 28px 0 var(--shadow-2), 0 2px 4px 0 var(--shadow-1);
  --card-padding-horizontal: 10px;
  --card-padding-vertical: 20px;
  --chip-corner-radius: 6px;
  --dialog-corner-radius: 8px;
  --glimmer-corner-radius: 8px;
  --image-corner-radius: 4px;
  --input-corner-radius: 6px;
  --input-border-width: 1px;
  --nav-list-cell-corner-radius: 8px;
  --list-cell-corner-radius: 8px;
  --list-cell-min-height: 52px;
  --list-cell-padding-vertical: 20px;
  --list-cell-padding-vertical-with-addon: 14px;
  --menu-item-base-margin-horizontal: 8px;
  --menu-item-base-padding-horizontal: 8px;
  --nav-list-cell-min-height: 0px;
  --nav-list-cell-padding-vertical: 16px;
  --nav-list-cell-padding-vertical-with-addon: 16px;
  --page-footer-padding-vertical: 16px;
  --section-header-addOnEnd-margin-horizontal: 8px;
  --section-header-addOnStart-margin-horizontal: 12px;
  --section-header-addOnEnd-button-padding-horizontal: 0px;
  --section-header-addOnEnd-button-padding-vertical: 0px;
  --section-header-padding-vertical: 16px;
  --section-header-subtitle-margin-vertical: 14px;
  --section-header-subtitle-with-addOnEnd-margin-vertical: 6px;
  --text-badge-corner-radius: 4px;
  --text-badge-padding-horizontal: 6px;
  --text-badge-padding-vertical: 6px;
  --text-input-multi-padding-between-text-scrollbar: 20px;
  --text-input-multi-padding-scrollbar: 16px;
  --text-input-caption-margin-top: 10px;
  --text-input-label-top: 22px;
  --text-input-min-height: 64px;
  --text-input-padding-vertical: 12px;
  --toast-addon-padding-horizontal: 6px;
  --toast-addon-padding-vertical: 6px;
  --toast-container-max-width: 100%;
  --toast-container-min-width: 288px;
  --toast-container-padding-horizontal: 10px;
  --toast-container-padding-vertical: 16px;
  --toast-corner-radius: 8px;
  --typeahead-list-outer-padding-vertical: 2px;
  --fds-animation-enter-exit-in: cubic-bezier(0.14, 1, 0.34, 1);
  --fds-animation-enter-exit-out: cubic-bezier(0.45, 0.1, 0.2, 1);
  --fds-animation-swap-shuffle-in: cubic-bezier(0.14, 1, 0.34, 1);
  --fds-animation-swap-shuffle-out: cubic-bezier(0.45, 0.1, 0.2, 1);
  --fds-animation-move-in: cubic-bezier(0.17, 0.17, 0, 1);
  --fds-animation-move-out: cubic-bezier(0.17, 0.17, 0, 1);
  --fds-animation-expand-collapse-in: cubic-bezier(0.17, 0.17, 0, 1);
  --fds-animation-expand-collapse-out: cubic-bezier(0.17, 0.17, 0, 1);
  --fds-animation-passive-move-in: cubic-bezier(0.5, 0, 0.1, 1);
  --fds-animation-passive-move-out: cubic-bezier(0.5, 0, 0.1, 1);
  --fds-animation-quick-move-in: cubic-bezier(0.1, 0.9, 0.2, 1);
  --fds-animation-quick-move-out: cubic-bezier(0.1, 0.9, 0.2, 1);
  --fds-animation-fade-in: cubic-bezier(0, 0, 1, 1);
  --fds-animation-fade-out: cubic-bezier(0, 0, 1, 1);
  --fds-duration-extra-extra-short-in: 100ms;
  --fds-duration-extra-extra-short-out: 100ms;
  --fds-duration-extra-short-in: 200ms;
  --fds-duration-extra-short-out: 150ms;
  --fds-duration-short-in: 280ms;
  --fds-duration-short-out: 200ms;
  --fds-duration-medium-in: 400ms;
  --fds-duration-medium-out: 350ms;
  --fds-duration-long-in: 500ms;
  --fds-duration-long-out: 350ms;
  --fds-duration-extra-long-in: 1000ms;
  --fds-duration-extra-long-out: 1000ms;
  --fds-duration-none: 0ms;
  --fds-fast: 200ms;
  --fds-slow: 400ms;
  --font-family-apple: system-ui, -apple-system, BlinkMacSystemFont,
    ".SFNSText-Regular", sans-serif;
  --font-family-code: ui-monospace, Menlo, Consolas, Monaco, monospace;
  --font-family-default: Helvetica, Arial, sans-serif;
  --font-family-segoe: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
  --body-font-family: Placeholder Font;
  --body-font-size: 0.9375rem;
  --body-font-weight: 400;
  --body-line-height: 1.3333;
  --body-emphasized-font-family: Placeholder Font;
  --body-emphasized-font-size: 0.9375rem;
  --body-emphasized-font-weight: 600;
  --body-emphasized-line-height: 1.3333;
  --headline1-font-family: Optimistic Display Bold, system-ui, sans-serif;
  --headline1-font-size: 1.75rem;
  --headline1-font-weight: 700;
  --headline1-line-height: 1.2143;
  --headline2-font-family: Optimistic Display Bold, system-ui, sans-serif;
  --headline2-font-size: 1.5rem;
  --headline2-font-weight: 700;
  --headline2-line-height: 1.25;
  --headline3-font-family: Optimistic Display Bold, system-ui, sans-serif;
  --headline3-font-size: 1.0625rem;
  --headline3-font-weight: 700;
  --headline3-line-height: 1.2941;
  --meta-font-family: Placeholder Font;
  --meta-font-size: 0.8125rem;
  --meta-font-weight: 400;
  --meta-line-height: 1.3846;
  --meta-emphasized-font-family: Placeholder Font;
  --meta-emphasized-font-size: 0.8125rem;
  --meta-emphasized-font-weight: 600;
  --meta-emphasized-line-height: 1.3846;
  --primary-label-font-family: Optimistic Display Medium, system-ui, sans-serif;
  --primary-label-font-size: 1.0625rem;
  --primary-label-font-weight: 500;
  --primary-label-line-height: 1.2941;
  --secondary-label-font-family: Placeholder Font;
  --secondary-label-font-size: 0.9375rem;
  --secondary-label-font-weight: 500;
  --secondary-label-line-height: 1.3333;
  --tertiary-label-font-family: Placeholder Font;
  --tertiary-label-font-size: 0.6875rem;
  --tertiary-label-font-weight: 500;
  --tertiary-label-line-height: 1.4545;
  --text-input-field-font-family: Placeholder Font;
  --text-input-field-font-size: 1rem;
  --text-input-field-font-weight: 500;
  --text-input-field-line-height: 1.2941;
  --text-input-label-font-family: Placeholder Font;
  --text-input-label-font-size: 17px;
  --text-input-label-font-size-scale-multiplier: 0.75;
  --text-input-label-font-weight: 400;
  --text-input-label-line-height: 1.2941;
  --tooltip-border-radius: 8px;
  --dialog-size-medium-max-width: 700px;
  --dialog-size-medium-width: 100%;
  --dialog-size-small-max-width: 548px;
  --dialog-size-small-width: 100%;
  --dataviz-primary-2: rgb(134, 218, 255);
  --dataviz-primary-3: rgb(95, 170, 255);
  --dataviz-secondary-1: rgb(118, 62, 230);
  --dataviz-secondary-2: rgb(147, 96, 247);
  --dataviz-secondary-3: rgb(219, 26, 139);
  --dataviz-supplementary-1: rgb(255, 122, 105);
  --dataviz-supplementary-2: rgb(241, 168, 23);
  --dataviz-supplementary-3: rgb(49, 162, 76);
  --dataviz-supplementary-4: rgb(50, 52, 54);
}
@media (prefers-color-scheme: dark) {
  :root {
    --fds-black: black;
    --fds-black-alpha-05: rgba(0, 0, 0, 0.05);
    --fds-black-alpha-10: rgba(0, 0, 0, 0.1);
    --fds-black-alpha-15: rgba(0, 0, 0, 0.15);
    --fds-black-alpha-20: rgba(0, 0, 0, 0.2);
    --fds-black-alpha-30: rgba(0, 0, 0, 0.3);
    --fds-black-alpha-40: rgba(0, 0, 0, 0.4);
    --fds-black-alpha-50: rgba(0, 0, 0, 0.5);
    --fds-black-alpha-60: rgba(0, 0, 0, 0.6);
    --fds-black-alpha-80: rgba(0, 0, 0, 0.8);
    --fds-blue-05: black;
    --fds-blue-30: black;
    --fds-blue-40: black;
    --fds-blue-60: black;
    --fds-blue-70: black;
    --fds-blue-80: black;
    --fds-button-text: black;
    --fds-comment-background: black;
    --fds-dark-mode-gray-35: black;
    --fds-dark-mode-gray-50: black;
    --fds-dark-mode-gray-70: black;
    --fds-dark-mode-gray-80: black;
    --fds-dark-mode-gray-90: black;
    --fds-dark-mode-gray-100: black;
    --fds-gray-00: black;
    --fds-gray-05: black;
    --fds-gray-10: black;
    --fds-gray-20: black;
    --fds-gray-25: black;
    --fds-gray-30: black;
    --fds-gray-45: black;
    --fds-gray-70: black;
    --fds-gray-80: black;
    --fds-gray-90: black;
    --fds-gray-100: black;
    --fds-green-55: black;
    --fds-highlight: black;
    --fds-highlight-cell-background: black;
    --fds-primary-icon: white;
    --fds-primary-text: white;
    --fds-red-55: black;
    --fds-soft: cubic-bezier(0.08, 0.52, 0.52, 1);
    --fds-spectrum-aluminum-tint-70: black;
    --fds-spectrum-blue-gray-tint-70: black;
    --fds-spectrum-cherry: black;
    --fds-spectrum-cherry-tint-70: black;
    --fds-spectrum-grape-tint-70: black;
    --fds-spectrum-grape-tint-90: black;
    --fds-spectrum-lemon-dark-1: black;
    --fds-spectrum-lemon-tint-70: black;
    --fds-spectrum-lime: black;
    --fds-spectrum-lime-tint-70: black;
    --fds-spectrum-orange-tint-70: black;
    --fds-spectrum-orange-tint-90: black;
    --fds-spectrum-seafoam-tint-70: black;
    --fds-spectrum-slate-dark-2: black;
    --fds-spectrum-slate-tint-70: black;
    --fds-spectrum-teal: black;
    --fds-spectrum-teal-dark-1: black;
    --fds-spectrum-teal-dark-2: black;
    --fds-spectrum-teal-tint-70: black;
    --fds-spectrum-teal-tint-90: black;
    --fds-spectrum-tomato: black;
    --fds-spectrum-tomato-tint-30: black;
    --fds-spectrum-tomato-tint-90: black;
    --fds-strong: cubic-bezier(0.12, 0.8, 0.32, 1);
    --fds-white: black;
    --fds-white-alpha-05: rgba(255, 255, 255, 0.05);
    --fds-white-alpha-10: rgba(255, 255, 255, 0.1);
    --fds-white-alpha-20: rgba(255, 255, 255, 0.2);
    --fds-white-alpha-30: rgba(255, 255, 255, 0.3);
    --fds-white-alpha-40: rgba(255, 255, 255, 0.4);
    --fds-white-alpha-50: rgba(255, 255, 255, 0.5);
    --fds-white-alpha-60: rgba(255, 255, 255, 0.6);
    --fds-white-alpha-80: rgba(255, 255, 255, 0.8);
    --fds-yellow-20: black;
    --accent: hsl(214, 100%, 59%);
    --always-white: white;
    --always-black: black;
    --always-dark-gradient: linear-gradient(
      rgba(0, 0, 0, 0),
      rgba(0, 0, 0, 0.6)
    );
    --always-dark-overlay: rgba(0, 0, 0, 0.4);
    --always-light-overlay: rgba(255, 255, 255, 0.4);
    --always-gray-40: #65676b;
    --always-gray-75: #bcc0c4;
    --always-gray-95: #f0f2f5;
    --attachment-footer-background: rgba(255, 255, 255, 0.1);
    --background-deemphasized: rgba(255, 255, 255, 0.1);
    --base-blue: #1877f2;
    --base-cherry: #f3425f;
    --base-grape: #9360f7;
    --base-lemon: #f7b928;
    --base-lime: #45bd62;
    --base-pink: #ff66bf;
    --base-seafoam: #54c7ec;
    --base-teal: #2abba7;
    --base-tomato: #fb724b;
    --text-badge-info-background: hsl(214, 100%, 59%);
    --text-badge-success-background: #31a24c;
    --text-badge-attention-background: hsl(40, 89%, 52%);
    --text-badge-critical-background: #e41e3f;
    --blue-link: #4599ff;
    --border-focused: #8a8d91;
    --card-background: #242526;
    --card-background-flat: #323436;
    --comment-background: #3a3b3c;
    --comment-footer-background: #4e4f50;
    --dataviz-primary-1: rgb(48, 200, 180);
    --disabled-button-background: rgba(255, 255, 255, 0.2);
    --disabled-button-text: rgba(255, 255, 255, 0.3);
    --disabled-icon: rgba(255, 255, 255, 0.3);
    --disabled-text: rgba(255, 255, 255, 0.3);
    --divider: #3e4042;
    --event-date: #f3425f;
    --fb-wordmark: #ffffff;
    --filter-accent: invert(40%) sepia(52%) saturate(200%) saturate(200%)
      saturate(200%) saturate(189%) hue-rotate(191deg) brightness(103%)
      contrast(102%);
    --filter-always-white: invert(100%);
    --filter-disabled-icon: invert(100%) opacity(30%);
    --filter-placeholder-icon: invert(59%) sepia(11%) saturate(200%)
      saturate(135%) hue-rotate(176deg) brightness(96%) contrast(94%);
    --filter-primary-icon: invert(89%) sepia(6%) hue-rotate(185deg);
    --filter-secondary-icon: invert(62%) sepia(98%) saturate(12%)
      hue-rotate(175deg) brightness(90%) contrast(96%);
    --filter-warning-icon: invert(77%) sepia(29%) saturate(200%) saturate(200%)
      saturate(200%) saturate(200%) saturate(200%) saturate(128%)
      hue-rotate(359deg) brightness(102%) contrast(107%);
    --filter-blue-link-icon: invert(73%) sepia(29%) saturate(200%)
      saturate(200%) saturate(200%) saturate(200%) saturate(200%) saturate(200%)
      saturate(103.25%) hue-rotate(189deg) brightness(101%) contrast(101%);
    --filter-positive: invert(37%) sepia(61%) saturate(200%) saturate(200%)
      saturate(200%) saturate(200%) saturate(115%) hue-rotate(91deg)
      brightness(97%) contrast(105%);
    --filter-negative: invert(25%) sepia(33%) saturate(200%) saturate(200%)
      saturate(200%) saturate(200%) saturate(200%) saturate(200%) saturate(110%)
      hue-rotate(345deg) brightness(132%) contrast(96%);
    --glimmer-spinner-icon: white;
    --hero-banner-background: #e85d07;
    --hosted-view-selected-state: rgba(45, 136, 255, 0.1);
    --highlight-bg: rgba(24, 119, 242, 0.31);
    --hover-overlay: rgba(255, 255, 255, 0.1);
    --list-cell-chevron: #b0b3b8;
    --media-hover: rgba(68, 73, 80, 0.15);
    --media-inner-border: rgba(255, 255, 255, 0.05);
    --media-outer-border: #33363a;
    --media-pressed: rgba(68, 73, 80, 0.35);
    --messenger-card-background: #242526;
    --messenger-reply-background: #18191a;
    --overlay-alpha-80: rgba(11, 11, 11, 0.8);
    --overlay-on-media: rgba(0, 0, 0, 0.6);
    --nav-bar-background: #242526;
    --nav-bar-background-gradient: linear-gradient(
      to top,
      #242526,
      rgba(36, 37, 38, 0.9),
      rgba(36, 37, 38, 0.7),
      rgba(36, 37, 38, 0.4),
      rgba(36, 37, 38, 0)
    );
    --nav-bar-background-gradient-wash: linear-gradient(
      to top,
      #18191a,
      rgba(24, 25, 26, 0.9),
      rgba(24, 25, 26, 0.7),
      rgba(24, 25, 26, 0.4),
      rgba(24, 25, 26, 0)
    );
    --negative: hsl(350, 87%, 55%);
    --negative-background: hsl(350, 87%, 55%, 20%);
    --new-notification-background: #e7f3ff;
    --non-media-pressed: rgba(68, 73, 80, 0.15);
    --non-media-pressed-on-dark: rgba(255, 255, 255, 0.3);
    --notification-badge: #e41e3f;
    --placeholder-icon: #8a8d91;
    --placeholder-image: rgb(164, 167, 171);
    --placeholder-text: #8a8d91;
    --placeholder-text-on-media: rgba(255, 255, 255, 0.5);
    --popover-background: #3e4042;
    --positive: #31a24c;
    --positive-background: #1f3520;
    --press-overlay: rgba(255, 255, 255, 0.1);
    --primary-button-background: #2374e1;
    --primary-button-icon: #ffffff;
    --primary-button-pressed: #77a7ff;
    --primary-button-text: #ffffff;
    --primary-deemphasized-button-background: rgba(45, 136, 255, 0.2);
    --primary-deemphasized-button-pressed: rgba(24, 119, 242, 0.2);
    --primary-deemphasized-button-pressed-overlay: rgba(25, 110, 255, 0.15);
    --primary-deemphasized-button-text: #2d88ff;
    --primary-icon: #e4e6eb;
    --primary-text: #e4e6eb;
    --primary-text-on-media: white;
    --primary-web-focus-indicator: #d24294;
    --progress-ring-neutral-background: rgba(255, 255, 255, 0.2);
    --progress-ring-neutral-foreground: #ffffff;
    --progress-ring-on-media-background: rgba(255, 255, 255, 0.2);
    --progress-ring-on-media-foreground: #ffffff;
    --progress-ring-blue-background: rgba(45, 136, 255, 0.2);
    --progress-ring-blue-foreground: hsl(214, 100%, 59%);
    --progress-ring-disabled-background: rgba(122, 125, 130, 0.2);
    --progress-ring-disabled-foreground: #7a7d82;
    --rating-star-active: #ff9831;
    --scroll-thumb: rgba(255, 255, 255, 0.3);
    --scroll-shadow: 0 1px 2px rgba(0, 0, 0, 0.1),
      0 -1px rgba(255, 255, 255, 0.05) inset;
    --secondary-button-background: rgba(255, 255, 255, 0.1);
    --secondary-button-background-floating: #4b4c4f;
    --secondary-button-background-on-dark: rgba(255, 255, 255, 0.4);
    --secondary-button-pressed: rgba(0, 0, 0, 0.05);
    --secondary-button-stroke: transparent;
    --secondary-button-text: #e4e6eb;
    --secondary-icon: #b0b3b8;
    --secondary-text: #b0b3b8;
    --secondary-text-on-media: rgba(255, 255, 255, 0.9);
    --section-header-text: #bcc0c4;
    --shadow-1: rgba(0, 0, 0, 0.1);
    --shadow-2: rgba(0, 0, 0, 0.2);
    --shadow-5: rgba(0, 0, 0, 0.5);
    --shadow-8: rgba(0, 0, 0, 0.8);
    --shadow-inset: rgba(255, 255, 255, 0.05);
    --shadow-elevated: 0 8px 20px 0 rgba(0, 0, 0, 0.2),
      0 2px 4px 0 rgba(0, 0, 0, 0.1);
    --shadow-persistent: 0px 0px 12px rgba(28, 43, 51, 0.6);
    --shadow-primary: 0px 0px 12px rgba(28, 43, 51, 0.1);
    --surface-background: #242526;
    --switch-active: hsl(214, 100%, 59%);
    --text-highlight: rgba(24, 119, 242, 0.45);
    --input-background: #242526;
    --input-background-disabled: #18191a;
    --input-border-color: #3e4042;
    --input-border-color-hover: var(--placeholder-text);
    --input-label-color-highlighted: hsl(214, 100%, 59%);
    --text-input-outside-label: #ffffff;
    --toast-background: #242526;
    --toast-text: #ffffff;
    --toast-text-link: #4599ff;
    --toggle-active-background: rgb(45, 136, 255);
    --toggle-active-icon: #ffffff;
    --toggle-active-text: #ffffff;
    --toggle-button-active-background: #e6f2ff;
    --tooltip-background: rgba(11, 11, 11, 0.8);
    --tooltip-box-shadow: 0 2px 4px 0 var(--shadow-5);
    --wash: #3e4042;
    --web-wash: #18191a;
    --warning: hsl(40, 89%, 52%);
    --fb-logo-color: #2d88ff;
    --dialog-anchor-vertical-padding: 56px;
    --header-height: 56px;
    --global-panel-width: 0px;
    --global-panel-width-expanded: 0px;
    --alert-banner-corner-radius: 8px;
    --button-corner-radius: 6px;
    --button-corner-radius-medium: 10px;
    --button-corner-radius-large: 12px;
    --button-height-large: 40px;
    --button-height-medium: 36px;
    --button-padding-horizontal-large: 16px;
    --button-padding-horizontal-medium: 16px;
    --button-icon-padding-large: 16px;
    --button-icon-padding-medium: 16px;
    --button-inner-icon-spacing-large: 3px;
    --button-inner-icon-spacing-medium: 3px;
    --blueprint-button-height-medium: 40px;
    --blueprint-button-height-large: 48px;
    --card-corner-radius: 8px;
    --card-box-shadow: 0 12px 28px 0 var(--shadow-2),
      0 2px 4px 0 var(--shadow-1);
    --card-padding-horizontal: 10px;
    --card-padding-vertical: 20px;
    --chip-corner-radius: 6px;
    --dialog-corner-radius: 8px;
    --glimmer-corner-radius: 8px;
    --image-corner-radius: 4px;
    --input-corner-radius: 6px;
    --input-border-width: 1px;
    --nav-list-cell-corner-radius: 8px;
    --list-cell-corner-radius: 8px;
    --list-cell-min-height: 52px;
    --list-cell-padding-vertical: 20px;
    --list-cell-padding-vertical-with-addon: 14px;
    --menu-item-base-margin-horizontal: 8px;
    --menu-item-base-padding-horizontal: 8px;
    --nav-list-cell-min-height: 0px;
    --nav-list-cell-padding-vertical: 16px;
    --nav-list-cell-padding-vertical-with-addon: 16px;
    --page-footer-padding-vertical: 16px;
    --section-header-addOnEnd-margin-horizontal: 8px;
    --section-header-addOnStart-margin-horizontal: 12px;
    --section-header-addOnEnd-button-padding-horizontal: 0px;
    --section-header-addOnEnd-button-padding-vertical: 0px;
    --section-header-padding-vertical: 16px;
    --section-header-subtitle-margin-vertical: 14px;
    --section-header-subtitle-with-addOnEnd-margin-vertical: 6px;
    --text-badge-corner-radius: 4px;
    --text-badge-padding-horizontal: 6px;
    --text-badge-padding-vertical: 6px;
    --text-input-multi-padding-between-text-scrollbar: 20px;
    --text-input-multi-padding-scrollbar: 16px;
    --text-input-caption-margin-top: 10px;
    --text-input-label-top: 22px;
    --text-input-min-height: 64px;
    --text-input-padding-vertical: 12px;
    --toast-addon-padding-horizontal: 6px;
    --toast-addon-padding-vertical: 6px;
    --toast-container-max-width: 100%;
    --toast-container-min-width: 288px;
    --toast-container-padding-horizontal: 10px;
    --toast-container-padding-vertical: 16px;
    --toast-corner-radius: 8px;
    --typeahead-list-outer-padding-vertical: 2px;
    --fds-animation-enter-exit-in: cubic-bezier(0.14, 1, 0.34, 1);
    --fds-animation-enter-exit-out: cubic-bezier(0.45, 0.1, 0.2, 1);
    --fds-animation-swap-shuffle-in: cubic-bezier(0.14, 1, 0.34, 1);
    --fds-animation-swap-shuffle-out: cubic-bezier(0.45, 0.1, 0.2, 1);
    --fds-animation-move-in: cubic-bezier(0.17, 0.17, 0, 1);
    --fds-animation-move-out: cubic-bezier(0.17, 0.17, 0, 1);
    --fds-animation-expand-collapse-in: cubic-bezier(0.17, 0.17, 0, 1);
    --fds-animation-expand-collapse-out: cubic-bezier(0.17, 0.17, 0, 1);
    --fds-animation-passive-move-in: cubic-bezier(0.5, 0, 0.1, 1);
    --fds-animation-passive-move-out: cubic-bezier(0.5, 0, 0.1, 1);
    --fds-animation-quick-move-in: cubic-bezier(0.1, 0.9, 0.2, 1);
    --fds-animation-quick-move-out: cubic-bezier(0.1, 0.9, 0.2, 1);
    --fds-animation-fade-in: cubic-bezier(0, 0, 1, 1);
    --fds-animation-fade-out: cubic-bezier(0, 0, 1, 1);
    --fds-duration-extra-extra-short-in: 100ms;
    --fds-duration-extra-extra-short-out: 100ms;
    --fds-duration-extra-short-in: 200ms;
    --fds-duration-extra-short-out: 150ms;
    --fds-duration-short-in: 280ms;
    --fds-duration-short-out: 200ms;
    --fds-duration-medium-in: 400ms;
    --fds-duration-medium-out: 350ms;
    --fds-duration-long-in: 500ms;
    --fds-duration-long-out: 350ms;
    --fds-duration-extra-long-in: 1000ms;
    --fds-duration-extra-long-out: 1000ms;
    --fds-duration-none: 0ms;
    --fds-fast: 200ms;
    --fds-slow: 400ms;
    --font-family-apple: system-ui, -apple-system, BlinkMacSystemFont,
      ".SFNSText-Regular", sans-serif;
    --font-family-code: ui-monospace, Menlo, Consolas, Monaco, monospace;
    --font-family-default: Helvetica, Arial, sans-serif;
    --font-family-segoe: Segoe UI Historic, Segoe UI, Helvetica, Arial,
      sans-serif;
    --body-font-family: Placeholder Font;
    --body-font-size: 0.9375rem;
    --body-font-weight: 400;
    --body-line-height: 1.3333;
    --body-emphasized-font-family: Placeholder Font;
    --body-emphasized-font-size: 0.9375rem;
    --body-emphasized-font-weight: 600;
    --body-emphasized-line-height: 1.3333;
    --headline1-font-family: Optimistic Display Bold, system-ui, sans-serif;
    --headline1-font-size: 1.75rem;
    --headline1-font-weight: 700;
    --headline1-line-height: 1.2143;
    --headline2-font-family: Optimistic Display Bold, system-ui, sans-serif;
    --headline2-font-size: 1.5rem;
    --headline2-font-weight: 700;
    --headline2-line-height: 1.25;
    --headline3-font-family: Optimistic Display Bold, system-ui, sans-serif;
    --headline3-font-size: 1.0625rem;
    --headline3-font-weight: 700;
    --headline3-line-height: 1.2941;
    --meta-font-family: Placeholder Font;
    --meta-font-size: 0.8125rem;
    --meta-font-weight: 400;
    --meta-line-height: 1.3846;
    --meta-emphasized-font-family: Placeholder Font;
    --meta-emphasized-font-size: 0.8125rem;
    --meta-emphasized-font-weight: 600;
    --meta-emphasized-line-height: 1.3846;
    --primary-label-font-family: Optimistic Display Medium, system-ui,
      sans-serif;
    --primary-label-font-size: 1.0625rem;
    --primary-label-font-weight: 500;
    --primary-label-line-height: 1.2941;
    --secondary-label-font-family: Placeholder Font;
    --secondary-label-font-size: 0.9375rem;
    --secondary-label-font-weight: 500;
    --secondary-label-line-height: 1.3333;
    --tertiary-label-font-family: Placeholder Font;
    --tertiary-label-font-size: 0.6875rem;
    --tertiary-label-font-weight: 500;
    --tertiary-label-line-height: 1.4545;
    --text-input-field-font-family: Placeholder Font;
    --text-input-field-font-size: 1rem;
    --text-input-field-font-weight: 500;
    --text-input-field-line-height: 1.2941;
    --text-input-label-font-family: Placeholder Font;
    --text-input-label-font-size: 17px;
    --text-input-label-font-size-scale-multiplier: 0.75;
    --text-input-label-font-weight: 400;
    --text-input-label-line-height: 1.2941;
    --tooltip-border-radius: 8px;
    --dialog-size-medium-max-width: 700px;
    --dialog-size-medium-width: 100%;
    --dialog-size-small-max-width: 548px;
    --dialog-size-small-width: 100%;
    --dataviz-primary-2: rgb(134, 218, 255);
    --dataviz-primary-3: rgb(95, 170, 255);
    --dataviz-secondary-1: rgb(129, 77, 231);
    --dataviz-secondary-2: rgb(168, 124, 255);
    --dataviz-secondary-3: rgb(219, 26, 139);
    --dataviz-supplementary-1: rgb(255, 122, 105);
    --dataviz-supplementary-2: rgb(241, 168, 23);
    --dataviz-supplementary-3: rgb(49, 162, 76);
    --dataviz-supplementary-4: rgb(228, 230, 235);
  }
}
form {
  margin: 0;
  padding: 0;
}
label {
  color: #606770;
  cursor: default;
  font-weight: 600;
  vertical-align: middle;
}
input {
  background-color: #fff;
  color: #1c1e21;
}

.order *{
  font-family: Helvetica, Arial, sans-serif;

}
.order button,
.order input,
.order label {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
}
h2 {
  color: #1c1e21;
  font-size: 13px;
  font-weight: 600;
  margin: 0;
  padding: 0;
}
p {
  margin: 1em 0;
}
b {
  font-weight: 600;
}
button {
  margin: 0;
}
img {
  border: 0;
}

#order {max-width: 900px;
  display: block;margin: 0 auto;}

#order .shadow {
  box-shadow: 0 0 8px 0 #0003;
}
#ribbon path {
  fill: var(--ribbon-color);
}
#ribbon rect {
  fill: var(--ribbon-dark-color);
}
#order .order {
  --background-color: #5287f6;
  --border-radius: 32px;
  --form-radius: calc(var(--border-radius) / 4);
  --font-size: 18px;
  --ribbon-size: 150px;
  --ribbon-color: #af0000;
  --ribbon-dark-color: #7d0000;
  --grad-from: #dcdcdc;
  --grad-to: #5287f6;
  --grad-direction: to bottom right;
  --form-gap: 18px;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 40px 10px;
  padding: 24px;
  background-color: #fff;
  gap: 32px 64px;
  box-sizing: border-box;
}
#order .order,
#order .order__left {
  display: flex;
  border-radius: var(--border-radius);
}
#order .order__left {
  position: relative;
  flex: 1 1 min(40%, 210px);
  padding: 8px;
  background: #ecffe8;
  background: linear-gradient(
    135deg,
    #ecffe8,
    #109a07 33%,
    #0095ff 66%,
    #ecffe8
  );
  box-sizing: inherit;
  background-size: 200%;
  animation: gradient 10s linear infinite;
}
@keyframes gradient {
  0%,
  to {
    background-position: 80% 0;
    background-size: 400%;
  }
  50% {
    background-position: 20% 100%;
    background-size: 200%;
  }
}
#order .order__inner {
  position: absolute;
  left: -17px;
  top: -17px;
  width: var(--ribbon-size);
  height: var(--ribbon-size);
}
#order .order__ribbon {
  width: 100%;
  height: 100%;
}
#order .order__discount {
  position: absolute;
  left: 40%;
  top: 40%;
  margin: 0;
  width: auto;
  font-weight: 700;
  font-size: 30px;
  text-align: center;
  color: #fff;
  transform: translate(-50%, -50%) rotate(-45deg);
}
#order .order__product {
  display: block;
  margin-top: auto;
  margin-right: auto;
  margin-left: auto;
  max-width: 100%;
  max-height: 450px;
  -o-object-fit: contain;
  object-fit: contain;
}
#order .order__right {
  flex: 1 1 min(50%, 260px);
  align-self: center;
  min-width: 260px;
  box-sizing: inherit;
}
#order .order__prices {
  margin: 0;
  padding: 0;
}
#order .order__form,
#order .order__prices {
  margin-bottom: var(--form-gap);
  border-bottom: 1px solid #d5d5d5;
  padding-bottom: var(--form-gap);
}
#order .order__form {
  box-sizing: inherit;
}
#order .order__prod-left {
  margin: 0;
  padding: 0;
}
#order .prod-left {
  display: flex;
  align-items: baseline;
  justify-content: center;
  font-size: calc(var(--font-size) - 2px);
  text-align: center;
}
#order .prod-left__text {
  margin-right: 6px;
  color: #222;
}
#order .prod-left__pad {
  flex: 0 0 auto;
  border-radius: 5px;
  padding: 8px 8px 6px;
  box-sizing: border-box;
  line-height: 1;
  color: #fff;
  background-color: var(--background-color);
}
#order .prod-left__pad b {
  animation: blink 1s ease-in-out infinite;
}
#order .form {
  width: 100%;
  font-family: inherit;
}
#order .form__group {
  position: relative;
  margin-bottom: calc(var(--form-gap) / 2);
  padding: var(--form-gap) 0 0;
  box-sizing: inherit;
  max-width: 320px;
  margin-right: auto;
  margin-left: auto;
}
#order .form__field {
  box-sizing: inherit;
  display: block;
  border: 1px solid var(--background-color);
  border-radius: var(--form-radius);
  padding: 8px 16px;
  width: 100%;
  font-family: inherit;
  font-size: var(--font-size);
  line-height: 1;
  text-align: left;
  outline: none;
}
#order .form__field::-moz-placeholder {
  color: #0000;
}
#order .form__field:-moz-placeholder-shown ~ .form__label {
  top: calc(var(--form-gap) * 1.4);
  left: 1rem;
  font-size: var(--font-size);
  color: #00000080;
  cursor: text;
}
#order .form__field:placeholder-shown ~ .form__label {
  top: calc(var(--form-gap) * 1.4);
  left: 1rem;
  font-size: var(--font-size);
  color: #00000080;
  cursor: text;
}
#order .form__field:focus ~ .form__label {
  position: absolute;
  top: 0;
  left: 0.5rem;
  display: block;
  font-size: 0.8rem;
  color: #333;
}
#order .form__field:invalid,
#order .form__field:required {
  box-shadow: none;
}
#order .form__label {
  position: absolute;
  top: 0;
  left: 0.5rem;
  display: block;
  font-family: inherit;
  transition: 0.2s;
  font-weight: 700;
  font-size: 0.8rem;
  color: #333;
}
#order .form__label > span {
  color: var(--grad-to);
}
#order .form__btn {
  box-sizing: inherit;
  display: block;
  margin-right: auto;
  margin-left: auto;
  border-radius: var(--form-radius);
  padding: 10px 16px;
  width: 100%;
  max-width: 320px;
  font-weight: 700;
  font-size: var(--font-size);
  line-height: 1.2;
  text-transform: uppercase;
  color: #fff;
  background-color: var(--background-color);
  border: 1px solid #0000;
  cursor: pointer;
  transition-property: color, background-color, border-color;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}
#order .form__btn:focus,
#order .form__btn:hover {
  color: var(--background-color);
  background-color: #fff;
  border-color: currentColor;
}
#order .prices {
  box-sizing: inherit;
  display: flex;
  justify-content: center;
  gap: 16px;
}
#order .prices__column {
  box-sizing: inherit;
  display: flex;
  flex-direction: column;
  width: 50%;
}
#order .prices__column.old {
  opacity: 0.7;
}
#order .prices__title {
  margin: 0 0 4px;
  font-weight: 700;
  font-size: 22px;
}
#order .prices__price,
#order .prices__title {
  box-sizing: inherit;
  padding: 0;
  text-align: center;
}
#order .prices__price {
  margin: auto 0 0;
  line-height: 1;
  white-space: nowrap;
}
#order .prices__price--new {
  font-weight: 700;
  font-size: 28px;
  color: #222;
  transform: translateY(3px);
}
#order .prices__price--old {
  font-size: 24px;
  color: #444;
}
#order .prices__price--old > span {
  text-decoration: line-through;
  text-decoration-color: #b61717;
  text-decoration-thickness: 3px;
}
@media screen and (min-width: 576px) {
  #order .prices__price--new {
    font-size: 34px;
  }
  #order .prices__price--old {
    font-size: 28px;
  }
}
@keyframes blink {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
:root {
  --color-primary: var(--primary-text);
  --color-secondary: #69a618;
}
*,
:after,
:before {
  box-sizing: border-box;
  border: 0 solid #e5e7eb;
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
}
:after,
:before {
  --tw-content: "";
}
::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
}


.pulse {
    animation: pulse 2s infinite;
  }

  @keyframes pulse {
    0% {
      transform: scale(1);
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
    }
  
    50% {
      transform: scale(1.05);
      -webkit-transform: scale(1.05);
      -moz-transform: scale(1.05);
      -o-transform: scale(1.05);
      -ms-transform: scale(1.05);
    }
  
    100% {
      transform: scale(1);
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
    }
  }