@font-face {
  font-family: Poppins;
  src: url('../fonts/Poppins-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

:root {
  --black: var(--neutral--neutral-900);
  --text--text-dark: var(--black);
  --gray900\<deleted\|variable-f63dbb51\>: #101828;
  --text--text-light: var(--neutral--neutral-600);
  --primary600\<deleted\|variable-c514c1b4\>: #7f56d9;
  --gray500\<deleted\|variable-68f29e84\>: #667085;
  --background--bg-black: var(--black);
  --white\<deleted\|variable-e3beb9c1\>: white;
  --gray700\<deleted\|variable-d4f37b50\>: #344054;
  --primary700\<deleted\|variable-da4f7fa3\>: #6941c6;
  --primary50\<deleted\|variable-a4451441\>: #f9f5ff;
  --gray300\<deleted\|variable-51e0117e\>: #d0d5dd;
  --primary100\<deleted\|variable-35a3c723\>: #f4ebff;
  --background--button--button-secondary: var(--background--bg-secondary);
  --background--button--button-secondary-hover: var(--secondary--secondary-900);
  --primary300\<deleted\|variable-b540dac6\>: #d6bbfb;
  --background--bg-light: var(--neutral--neutral-50);
  --background--bg-primary: var(--primary);
  --primary800\<deleted\|variable-ddf4f85f\>: #53389e;
  --background--button--button-white: white;
  --background--button--button-white-hover: var(--neutral--neutral-200);
  --gray100\<deleted\|variable-4a47ec41\>: #f2f4f7;
  --gray200\<deleted\|variable-bad2ea62\>: #eaecf0;
  --primary200\<deleted\|variable-b0d9f07d\>: #e9d7fe;
  --error200\<deleted\|variable-163ff04f\>: #fecdca;
  --error50\<deleted\|variable-e45525b9\>: #fef3f2;
  --error700\<deleted\|variable-a7ab4745\>: #b42318;
  --warning200\<deleted\|variable-8b1cd7c4\>: #fedf89;
  --warning50\<deleted\|variable-820d7423\>: #fffaeb;
  --warning700\<deleted\|variable-0956f5fe\>: #b54708;
  --success200\<deleted\|variable-572cf9ad\>: #a6f4c5;
  --success50\<deleted\|variable-9177f7a8\>: #ecfdf3;
  --success700\<deleted\|variable-1c4c81d0\>: #027a48;
  --primary500\<deleted\|variable-2fc4bf9f\>: #9e77ed;
  --success500\<deleted\|variable-fd5af5b9\>: #12b76a;
  --error500\<deleted\|variable-2d0a0ec8\>: #f04438;
  --warning500\<deleted\|variable-afb748c5\>: #f79009;
  --gray25\<deleted\|variable-396968d6\>: #fcfcfd;
  --gray50\<deleted\|variable-8a511359\>: #f9fafb;
  --gray400\<deleted\|variable-b339bef7\>: #98a2b3;
  --gray600\<deleted\|variable-10a0cd12\>: #475467;
  --gray800\<deleted\|variable-0a1a9f61\>: #1d2939;
  --primary25\<deleted\|variable-16e68c65\>: #fcfaff;
  --primary400\<deleted\|variable-bf950bfb\>: #b692f6;
  --primary900\<deleted\|variable-61ad3a7b\>: #42307d;
  --error25\<deleted\|variable-557a24d3\>: #fffbfa;
  --error100\<deleted\|variable-b30ac335\>: #fee4e2;
  --error300\<deleted\|variable-dffbc58e\>: #fda29b;
  --error400\<deleted\|variable-c0663ea3\>: #f97066;
  --error600\<deleted\|variable-4b32ade5\>: #d92d20;
  --error800\<deleted\|variable-55955478\>: #912018;
  --error900\<deleted\|variable-92f6c0b2\>: #7a271a;
  --warning25\<deleted\|variable-4b6405a9\>: #fffcf5;
  --warning100\<deleted\|variable-058c3f3e\>: #fef0c7;
  --warning300\<deleted\|variable-15a81cb3\>: #fec84b;
  --warning400\<deleted\|variable-4b011af1\>: #fdb022;
  --warning600\<deleted\|variable-98b7e743\>: #dc6803;
  --warning800\<deleted\|variable-0f8f336a\>: #93370d;
  --warning900\<deleted\|variable-cd7f6d4b\>: #7a2e0e;
  --success25\<deleted\|variable-5d9c69f1\>: #f6fef9;
  --success100\<deleted\|variable-35815ddd\>: #d1fadf;
  --success300\<deleted\|variable-4424d589\>: #6ce9a6;
  --success400\<deleted\|variable-fc16acf9\>: #32d583;
  --success600\<deleted\|variable-14fbb4c9\>: #039855;
  --success800\<deleted\|variable-a789253b\>: #05603a;
  --success900\<deleted\|variable-3368b1df\>: #054f31;
  --indigo25\<deleted\|variable-5b3f8f42\>: #f5f8ff;
  --indigo50\<deleted\|variable-d9f30971\>: #eef4ff;
  --indigo100\<deleted\|variable-2f1c617c\>: #e0eaff;
  --indigo200\<deleted\|variable-24c665f5\>: #c7d7fe;
  --indigo300\<deleted\|variable-335c0b76\>: #a4bcfd;
  --indigo400\<deleted\|variable-ea26bce9\>: #8098f9;
  --indigo500\<deleted\|variable-386535af\>: #6172f3;
  --indigo600\<deleted\|variable-1631c239\>: #444ce7;
  --indigo700\<deleted\|variable-a6995f81\>: #3538cd;
  --indigo800\<deleted\|variable-5b4c829c\>: #2d31a6;
  --indigo900\<deleted\|variable-601e5b58\>: #2d3282;
  --blue25\<deleted\|variable-682ce0ad\>: #f5faff;
  --blue50\<deleted\|variable-7cea0dae\>: #eff8ff;
  --blue100\<deleted\|variable-04980cd5\>: #d1e9ff;
  --blue200\<deleted\|variable-bbf74e18\>: #b2ddff;
  --blue300\<deleted\|variable-674bcd47\>: #84caff;
  --blue400\<deleted\|variable-bca26f76\>: #53b1fd;
  --blue500\<deleted\|variable-758c40af\>: #2e90fa;
  --blue600\<deleted\|variable-9618ff00\>: #1570ef;
  --blue700\<deleted\|variable-ca2d2726\>: #175cd3;
  --blue800\<deleted\|variable-416e33d9\>: #1849a9;
  --blue900\<deleted\|variable-ca590eff\>: #194185;
  --pink25\<deleted\|variable-d4656cb6\>: #fef6fb;
  --pink50\<deleted\|variable-7f28bd70\>: #fdf2fa;
  --pink100\<deleted\|variable-e6c2d5ec\>: #fce7f6;
  --pink200\<deleted\|variable-f47d4c4e\>: #fcceee;
  --pink300\<deleted\|variable-8247155f\>: #faa7e0;
  --pink400\<deleted\|variable-d49edd09\>: #f670c7;
  --pink500\<deleted\|variable-2c076908\>: #ee46bc;
  --pink600\<deleted\|variable-93f42a42\>: #dd2590;
  --pink700\<deleted\|variable-1c44a7e0\>: #c11574;
  --pink800\<deleted\|variable-f1230e63\>: #9e165f;
  --pink900\<deleted\|variable-999b7d12\>: #851651;
  --orange25\<deleted\|variable-5f4724c8\>: #fefaf5;
  --orange50\<deleted\|variable-9a588145\>: #fef6ee;
  --orange100\<deleted\|variable-c0523202\>: #fdead7;
  --orange200\<deleted\|variable-e19db279\>: #f9dbaf;
  --orange300\<deleted\|variable-65f628a4\>: #f7b27a;
  --orange400\<deleted\|variable-6b571b21\>: #f38744;
  --orange500\<deleted\|variable-65171774\>: #ef6820;
  --orange600\<deleted\|variable-08b68892\>: #e04f16;
  --orange700\<deleted\|variable-c3f117d3\>: #b93815;
  --orange800\<deleted\|variable-81ecc99f\>: #932f19;
  --orange900\<deleted\|variable-2de19129\>: #772917;
  --background--bg-tertiary-light: var(--tertiary--tertiary-200);
  --background--bg-tertiary: var(--tertiary);
  --text--links--link: var(--black);
  --text--links--link-hover: var(--neutral--neutral-600);
  --background--bg-secondary: var(--secondary);
  --background--button--button-dark: var(--background--bg-black);
  --background--button--button-dark-hover: var(--neutral--neutral-600);
  --text--links--nav-link: var(--text--links--link);
  --text--links--nav-link-hover: var(--text--links--link-hover);
  --background--bg-white: white;
  --neutral--neutral-600: #6e6e6e;
  --text--links--nav-link-light: var(--neutral--neutral-500);
  --text--links--nav-link-light-hover: var(--neutral--neutral-200);
  --neutral--neutral-900: #1a1a1a;
  --text--text-white: white;
  --neutral--neutral-200: #e1e1e1;
  --tertiary--tertiary-700: #005f95;
  --neutral--neutral-100: #f0f0f0;
  --neutral--neutral-400: #b0b0b0;
  --neutral--neutral-300: silver;
  --white: white;
  --tertiary--tertiary-50: #ecf6fc;
  --background--button--button-tertiary: var(--background--bg-tertiary-light);
  --background--button--button-tertiary-hover: var(--tertiary--tertiary-500);
  --neutral--neutral-500: #959595;
  --secondary--secondary-100: #f5eedf;
  --secondary: var(--secondary--secondary-600);
  --silver: var(--neutral--neutral-300);
  --primary: var(--primary--primary-700);
  --tertiary: var(--tertiary--tertiary-700);
  --neutral--neutral-50: whitesmoke;
  --neutral--neutral-700: #4a4a4a;
  --neutral--neutral-800: #2e2e2e;
  --primary--primary-50: #e8f2f7;
  --primary--primary-100: #ccdfef;
  --primary--primary-200: #99bfde;
  --primary--primary-300: #6099cc;
  --primary--primary-400: #2e72b8;
  --primary--primary-500: #0a4d96;
  --primary--primary-600: #003470;
  --primary--primary-700: #002751;
  --primary--primary-800: #001535;
  --primary--primary-900: #000e20;
  --secondary--secondary-50: #faf6ee;
  --secondary--secondary-200: #e4ceab;
  --secondary--secondary-300: #e2c89a;
  --secondary--secondary-400: #d6b47a;
  --secondary--secondary-500: #c9a15d;
  --secondary--secondary-600: #ad7820;
  --secondary--secondary-700: #925b08;
  --secondary--secondary-800: #6e4400;
  --secondary--secondary-900: #4a2d00;
  --tertiary--tertiary-100: #d8edf8;
  --tertiary--tertiary-200: #b0d8f0;
  --tertiary--tertiary-300: #7ec0e0;
  --tertiary--tertiary-400: #4aa4d8;
  --tertiary--tertiary-500: #1a88c4;
  --tertiary--tertiary-600: #006faa;
  --tertiary--tertiary-800: #003d6a;
  --tertiary--tertiary-900: #002a47;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

body {
  color: var(--black);
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

h1 {
  color: var(--black);
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4.5rem;
  font-weight: 400;
  line-height: 1.1;
}

h2 {
  color: var(--text--text-dark);
  letter-spacing: -.02em;
  margin: 0;
  font-family: Poppins, sans-serif;
  font-size: 2.75rem;
  font-weight: 400;
  line-height: .96;
}

h3 {
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: .96;
}

h4 {
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1;
}

h5 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.375rem;
  font-weight: 400;
  line-height: 1;
}

h6 {
  color: var(--gray900\<deleted\|variable-f63dbb51\>);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.4;
}

p {
  color: var(--text--text-light);
  letter-spacing: -.02px;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  line-height: 1.4;
}

a {
  cursor: pointer;
  border-bottom-color: #000;
  text-decoration: none;
}

ul {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 1.25rem;
}

ol {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 1.5rem;
}

li {
  margin-top: .25rem;
  margin-bottom: .25rem;
}

img {
  max-width: 100%;
  display: inline-block;
}

label {
  margin-bottom: .25rem;
  font-weight: 500;
}

blockquote {
  border-left: .125rem solid var(--primary600\<deleted\|variable-c514c1b4\>);
  color: var(--gray900\<deleted\|variable-f63dbb51\>);
  margin-bottom: 0;
  padding: .75rem 1.25rem;
  font-size: 1.5rem;
  font-style: italic;
  font-weight: 500;
  line-height: 1.5;
}

figure {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

figcaption {
  text-align: center;
  margin-top: .25rem;
}

.z-index-2 {
  z-index: 2;
  position: relative;
}

.text-style-strikethrough {
  text-decoration: line-through;
}

.text-weight-semibold {
  font-weight: 600;
}

.max-width-full {
  width: 100%;
  max-width: none;
}

.layer {
  justify-content: center;
  align-items: center;
  position: absolute;
  inset: 0%;
}

.show {
  display: block;
}

.overflow-hidden {
  overflow: hidden;
}

.global-styles {
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
}

.text-weight-bold {
  font-weight: 700;
}

.text-size-regular {
  letter-spacing: normal;
  font-size: 1rem;
}

.text-weight-normal {
  font-weight: 400;
}

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

.z-index-1 {
  z-index: 1;
  position: relative;
}

.show-mobile-portrait {
  display: none;
}

.text-style-italic {
  font-style: italic;
}

.hide {
  display: none;
}

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

.text-style-link {
  text-decoration: underline;
}

.text-style-muted {
  opacity: .6;
}

.text-size-small {
  letter-spacing: normal;
  font-size: .875rem;
}

.text-rich-text h1 {
  margin-top: 2rem;
  margin-bottom: 1.5rem;
}

.text-rich-text h2 {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}

.text-rich-text h3 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.text-rich-text h4 {
  margin-top: 1.5rem;
  margin-bottom: 1.25rem;
}

.text-rich-text h5, .text-rich-text h6 {
  margin-top: 1.25rem;
  margin-bottom: 1rem;
}

.text-rich-text p {
  margin-bottom: 1rem;
}

.text-rich-text blockquote {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  font-style: italic;
}

.text-rich-text a {
  text-decoration: underline;
}

.text-rich-text figcaption {
  color: var(--gray500\<deleted\|variable-68f29e84\>);
  text-align: left;
  margin-top: 1rem;
  font-size: .875rem;
}

.max-width-xlarge {
  width: 100%;
  max-width: 64rem;
}

.max-width-medium {
  width: 100%;
  max-width: 35rem;
}

.max-width-xsmall {
  width: 100%;
  max-width: 25rem;
}

.max-width-xxsmall {
  width: 100%;
  max-width: 20rem;
}

.text-size-tiny {
  letter-spacing: normal;
  font-size: .75rem;
}

.container-large {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.max-width-xxlarge {
  width: 100%;
  max-width: 80rem;
}

.bg-black {
  background-color: var(--background--bg-black);
  color: var(--background--bg-black);
}

.uui-styleguide_classes {
  flex-direction: column;
  padding-bottom: 4rem;
  display: flex;
}

.align-center {
  margin-left: auto;
  margin-right: auto;
}

.spacing-clean {
  margin: 0;
  padding: 0;
}

.page-padding {
  padding-left: 2rem;
  padding-right: 2rem;
}

.text-align-right {
  text-align: right;
}

.show-tablet {
  display: none;
}

.max-width-large {
  width: 100%;
  max-width: 48rem;
}

.show-mobile-landscape {
  display: none;
}

.bg-white {
  background-color: var(--white\<deleted\|variable-e3beb9c1\>);
}

.max-width-small {
  width: 100%;
  max-width: 30rem;
}

.form-message-error {
  margin-top: .75rem;
  padding: .75rem;
}

.utility_component {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  display: flex;
}

.utility_form-block {
  text-align: center;
  flex-direction: column;
  max-width: 20rem;
  display: flex;
}

.utility_form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.utility_image {
  margin-bottom: .5rem;
  margin-left: auto;
  margin-right: auto;
}

.container-medium {
  width: 100%;
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto;
}

.container-small {
  width: 100%;
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
}

.margin-tiny {
  margin: .25rem;
}

.margin-xxsmall {
  margin: .5rem;
}

.margin-xsmall {
  margin: 1rem;
}

.margin-small {
  margin: 1.5rem;
}

.margin-medium {
  margin: 2rem;
}

.margin-large {
  margin: 3rem;
}

.margin-xlarge {
  margin: 4rem;
}

.margin-xxlarge {
  margin: 5rem;
}

.margin-huge {
  margin: 6rem;
}

.margin-xhuge {
  margin: 7rem;
}

.margin-xxhuge {
  margin: 10rem;
}

.margin-0 {
  margin: 0;
}

.padding-0 {
  padding: 0;
}

.padding-tiny {
  padding: .25rem;
}

.padding-xxsmall {
  padding: .5rem;
}

.padding-xsmall {
  padding: 1rem;
}

.padding-small {
  padding: 1.5rem;
}

.padding-medium {
  padding: 2rem;
}

.padding-large {
  padding: 3rem;
}

.padding-xlarge {
  padding: 4rem;
}

.padding-xxlarge {
  padding: 5rem;
}

.padding-huge {
  padding: 6rem;
}

.padding-xhuge {
  padding: 7rem;
}

.padding-xxhuge {
  padding: 10rem;
}

.text-style-allcaps {
  text-transform: uppercase;
}

.margin-top {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-bottom {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-bottom.margin-medium {
  justify-content: space-between;
  align-items: center;
}

.margin-left {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
}

.margin-right {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
}

.margin-vertical {
  margin-left: 0;
  margin-right: 0;
}

.margin-horizontal {
  margin-top: 0;
  margin-bottom: 0;
}

.padding-top {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.padding-bottom {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.padding-left {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
}

.padding-right {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.padding-vertical {
  padding-left: 0;
  padding-right: 0;
}

.padding-horizontal {
  padding-top: 0;
  padding-bottom: 0;
}

.overflow-scroll {
  overflow: scroll;
}

.overflow-auto {
  overflow: auto;
}

.text-style-nowrap {
  white-space: nowrap;
}

.text-weight-medium {
  font-weight: 500;
}

.uui-styleguide_list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-bottom: 4rem;
  display: grid;
}

.uui-styleguide_subheading {
  z-index: 99;
  -webkit-backdrop-filter: saturate(150%) blur(8px);
  backdrop-filter: saturate(150%) blur(8px);
  background-color: #ffffffe6;
  border-bottom: 1px solid #fff;
  padding: .75rem 1rem;
  position: sticky;
  top: 3rem;
}

.text-size-medium {
  letter-spacing: normal;
  font-size: 1.125rem;
}

.icon-small {
  height: 2rem;
}

.form-radio {
  align-items: center;
  margin-bottom: 0;
  padding-left: 1.125rem;
  display: flex;
}

.form-checkbox-label {
  color: var(--gray700\<deleted\|variable-d4f37b50\>);
  margin-bottom: 0;
  font-weight: 500;
}

.icon-medium {
  height: 3rem;
}

.form-checkbox {
  align-items: center;
  margin-bottom: 0;
  padding-left: 1.25rem;
  display: flex;
}

.text-size-large {
  letter-spacing: normal;
  font-size: 1.25rem;
}

.heading-style-h1 {
  font-size: 4.5rem;
  line-height: 1.1;
}

.uui-styleguide_form {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.button-tertiary-depracated {
  grid-column-gap: .5rem;
  color: var(--primary700\<deleted\|variable-da4f7fa3\>);
  white-space: nowrap;
  background-color: #0000;
  border: 1px solid #0000;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .5rem 1.5rem;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.button-tertiary-depracated:hover {
  background-color: var(--primary50\<deleted\|variable-a4451441\>);
}

.button-tertiary-depracated.is-button-small {
  grid-column-gap: .5rem;
  padding: .5rem 1rem;
  font-size: 1rem;
}

.button-tertiary-depracated.is-button-small.icon-only {
  width: 2.5rem;
  height: 2.5rem;
}

.button-tertiary-depracated.icon-only {
  justify-content: center;
  align-items: center;
  width: 2.75rem;
  height: 2.75rem;
  padding: 0;
  display: flex;
}

.button-tertiary-depracated.is-button-large {
  grid-column-gap: .75rem;
  padding: 1rem 1.75rem;
  font-size: 1.125rem;
}

.button-tertiary-depracated.is-button-large.icon-only {
  width: 3.5rem;
  height: 3.5rem;
  padding: 0;
}

.button-tertiary-depracated.is-button-xsmall {
  padding: .5rem .875rem;
}

.button-tertiary-depracated.is-button-xsmall.icon-only {
  width: 2.25rem;
  height: 2.25rem;
  padding: 0;
}

.form-radio-icon {
  border: 1px solid var(--gray300\<deleted\|variable-51e0117e\>);
  background-color: var(--white\<deleted\|variable-e3beb9c1\>);
  cursor: pointer;
  border-radius: 100px;
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem;
  min-height: 1.25rem;
  margin-top: 0;
  margin-left: -1.125rem;
  margin-right: .75rem;
  transition: all .3s;
}

.form-radio-icon:hover {
  border-color: var(--primary600\<deleted\|variable-c514c1b4\>);
  background-color: var(--primary50\<deleted\|variable-a4451441\>);
}

.form-radio-icon.w--redirected-checked {
  border-width: 1px;
  border-color: var(--primary600\<deleted\|variable-c514c1b4\>);
  background-color: var(--primary50\<deleted\|variable-a4451441\>);
  background-image: url('../images/check-circle.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.form-radio-icon.w--redirected-focus {
  border-color: var(--primary600\<deleted\|variable-c514c1b4\>);
  background-color: var(--primary50\<deleted\|variable-a4451441\>);
  box-shadow: 0 0 0 4px var(--primary100\<deleted\|variable-35a3c723\>);
  margin-top: 0;
}

.icon-xsmall {
  height: 1.5rem;
}

.uui-styleguide_featured-icons-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  display: grid;
}

.icon-xxsmall {
  height: 1.25rem;
}

.heading-style-h4 {
  font-size: 2rem;
  line-height: 1;
}

.field-label {
  color: var(--gray700\<deleted\|variable-d4f37b50\>);
  margin-bottom: .5rem;
  font-size: .875rem;
  font-weight: 500;
}

.icon-xlarge {
  height: 6.5rem;
}

.heading-style-h3 {
  font-size: 2.5rem;
}

.image-wrapper-3-2 {
  width: 100%;
  padding-top: 66.66%;
  position: relative;
}

.button {
  grid-column-gap: 1rem;
  background-color: var(--background--button--button-secondary);
  color: #fff;
  text-align: center;
  white-space: nowrap;
  border-radius: 100rem;
  justify-content: center;
  align-items: center;
  padding: .5rem 1.5rem;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.button:hover {
  border-color: var(--primary700\<deleted\|variable-da4f7fa3\>);
  background-color: var(--background--button--button-secondary-hover);
}

.button:focus {
  background-color: var(--primary600\<deleted\|variable-c514c1b4\>);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--primary100\<deleted\|variable-35a3c723\>);
}

.button.is-button-small {
  grid-column-gap: .5rem;
  padding: .5rem 2rem;
  font-size: 1rem;
}

.button.is-button-small.icon-only {
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
}

.button.icon-only {
  width: 2.75rem;
  height: 2.75rem;
  padding: 0;
}

.button.is-button-large {
  padding: 1.5rem 2.5rem;
}

.button.is-button-large.icon-only {
  width: 3.5rem;
  height: 3.5rem;
  padding: 0;
}

.button.is-button-xsmall {
  grid-column-gap: .5rem;
  padding: .4rem 1.5rem;
  font-size: 1rem;
}

.button.is-button-xsmall.icon-only {
  width: 2.25rem;
  height: 2.25rem;
  padding: 0;
}

.form-input {
  border: 1px solid var(--gray300\<deleted\|variable-51e0117e\>);
  background-color: var(--white\<deleted\|variable-e3beb9c1\>);
  height: auto;
  min-height: 2.75rem;
  color: var(--gray900\<deleted\|variable-f63dbb51\>);
  border-radius: .5rem;
  margin-bottom: 0;
  padding: .5rem .875rem;
  font-size: 1rem;
  line-height: 1.5;
  transition: all .3s;
  box-shadow: 0 1px 2px #1018280d;
}

.form-input:focus {
  border-color: var(--primary300\<deleted\|variable-b540dac6\>);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--primary100\<deleted\|variable-35a3c723\>);
  color: var(--gray900\<deleted\|variable-f63dbb51\>);
}

.form-input::placeholder {
  color: var(--gray500\<deleted\|variable-68f29e84\>);
}

.form-input.select {
  color: var(--gray900\<deleted\|variable-f63dbb51\>);
  background-color: #fff;
  background-image: none;
}

.form-input.text-area {
  height: auto;
  min-height: 11.25rem;
  padding-top: .75rem;
  padding-bottom: .75rem;
  overflow: auto;
}

.bg-light {
  background-color: var(--background--bg-light);
}

.form-checkbox-icon {
  border: 1px solid var(--gray300\<deleted\|variable-51e0117e\>);
  background-color: var(--white\<deleted\|variable-e3beb9c1\>);
  cursor: pointer;
  border-radius: .375rem;
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem;
  min-height: 1.25rem;
  margin-top: 0;
  margin-left: -1.25rem;
  margin-right: .75rem;
  transition: all .3s;
}

.form-checkbox-icon:hover {
  border-color: var(--primary600\<deleted\|variable-c514c1b4\>);
  background-color: var(--primary50\<deleted\|variable-a4451441\>);
}

.form-checkbox-icon.w--redirected-checked {
  border-width: 1px;
  border-color: var(--primary600\<deleted\|variable-c514c1b4\>);
  background-color: var(--primary50\<deleted\|variable-a4451441\>);
  box-shadow: none;
  background-image: url('../images/check.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: .875rem .875rem;
  background-attachment: scroll;
  border-radius: .25rem;
}

.form-checkbox-icon.w--redirected-focus {
  border-color: var(--primary600\<deleted\|variable-c514c1b4\>);
  background-color: var(--primary50\<deleted\|variable-a4451441\>);
  box-shadow: 0 0 0 4px var(--primary100\<deleted\|variable-35a3c723\>);
  border-radius: .25rem;
}

.form_grid-1-col {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 100%;
  grid-auto-columns: 100%;
  place-items: start stretch;
  display: grid;
}

.heading-xsmall {
  letter-spacing: 0;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.4;
}

.image-wrapper-4-3 {
  width: 100%;
  padding-top: 75%;
  position: relative;
}

.button-secondary {
  grid-column-gap: .5rem;
  background-color: var(--primary50\<deleted\|variable-a4451441\>);
  color: var(--primary700\<deleted\|variable-da4f7fa3\>);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-weight: 600;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.button-secondary:hover {
  background-color: var(--primary100\<deleted\|variable-35a3c723\>);
}

.button-secondary:focus {
  background-color: var(--primary50\<deleted\|variable-a4451441\>);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--primary100\<deleted\|variable-35a3c723\>);
}

.button-secondary.is-button-small {
  grid-column-gap: .5rem;
  padding: .5rem 1rem;
  font-size: 1rem;
}

.button-secondary.is-button-small.icon-only {
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
}

.button-secondary.icon-only {
  justify-content: center;
  align-items: center;
  width: 2.75rem;
  height: 2.75rem;
  padding: 0;
  display: flex;
}

.button-secondary.is-button-xsmall {
  padding: .5rem 1.125rem;
  font-size: 1rem;
}

.button-secondary.is-button-xsmall.icon-only {
  width: 2.5rem;
  height: 2.5rem;
}

.button-secondary.is-button-large {
  grid-column-gap: .75rem;
  padding: 1rem 1.75rem;
  font-size: 1.125rem;
}

.button-secondary.is-button-large.icon-only {
  width: 3.5rem;
  height: 3.5rem;
  padding: 0;
}

.button-secondary.is-button-xsmall {
  padding: .5rem .875rem;
}

.button-secondary.is-button-xsmall.icon-only {
  width: 2.25rem;
  height: 2.25rem;
  padding: 0;
}

.heading-style-h5 {
  letter-spacing: 0;
  font-size: 1.375rem;
  line-height: 1;
}

.text-style-quote {
  border-left: .125rem solid var(--primary600\<deleted\|variable-c514c1b4\>);
  color: var(--gray900\<deleted\|variable-f63dbb51\>);
  margin-bottom: 0;
  padding: .75rem 1.25rem;
  font-size: 1.5rem;
  font-style: italic;
  font-weight: 500;
  line-height: 1.5;
}

.form-field-wrapper {
  position: relative;
}

.image-wrapper_image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.image-wrapper-16-9 {
  width: 100%;
  padding-top: 56.25%;
  position: relative;
}

.text-color-gray900 {
  color: var(--gray900\<deleted\|variable-f63dbb51\>);
}

.uui-styleguide_images-layout {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.icon-large {
  height: 5rem;
}

.image-wrapper-1-1 {
  width: 100%;
  padding-top: 100%;
  position: relative;
}

.heading-style-h2 {
  font-size: 3.5rem;
}

.heading-style-h2.align-center {
  text-align: center;
}

.uui-styleguide_heading {
  z-index: 100;
  background-color: var(--gray900\<deleted\|variable-f63dbb51\>);
  color: #fff;
  padding: .75rem 1rem;
  font-weight: 600;
  position: sticky;
  top: 0;
}

.button-row {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.icon-1x1-xxsmall {
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
}

.icon-1x1-xsmall {
  width: 1.5rem;
  height: 1.5rem;
}

.icon-1x1-small {
  width: 2rem;
  height: 2rem;
}

.icon-1x1-medium {
  width: 3rem;
  height: 3rem;
}

.icon-1x1-large {
  width: 5rem;
  height: 5rem;
}

.icon-1x1-xlarge {
  width: 6.5rem;
  height: 6.5rem;
}

.form-radio-label {
  color: var(--gray700\<deleted\|variable-d4f37b50\>);
  margin-bottom: 0;
  font-weight: 500;
}

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

.text-color-gray500 {
  color: var(--gray500\<deleted\|variable-68f29e84\>);
}

.text-color-primary700 {
  color: var(--primary700\<deleted\|variable-da4f7fa3\>);
}

.button-link {
  grid-column-gap: .5rem;
  color: var(--primary700\<deleted\|variable-da4f7fa3\>);
  white-space: nowrap;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  padding: 0;
  font-weight: 600;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.button-link:hover {
  color: var(--primary800\<deleted\|variable-ddf4f85f\>);
}

.button-link.is-button-xsmall {
  font-size: .875rem;
}

.button-link.is-button-large {
  grid-column-gap: .75rem;
  font-size: 1.125rem;
}

.uui-styleguide_text-wrapper {
  padding-top: 1.5rem;
}

.button-icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: .5rem;
  display: flex;
}

.button-icon.is-light {
  color: var(--background--button--button-white);
  transition: color .2s;
}

.button-icon.is-light:hover {
  color: var(--background--button--button-white-hover);
}

.uui-styleguide_header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  align-items: center;
  padding-top: 3rem;
  padding-bottom: 3rem;
  display: flex;
}

.text-color-gray100 {
  color: var(--gray100\<deleted\|variable-4a47ec41\>);
}

.badge {
  grid-column-gap: .375rem;
  border: 1px solid var(--gray200\<deleted\|variable-bad2ea62\>);
  background-color: var(--gray100\<deleted\|variable-4a47ec41\>);
  color: var(--gray700\<deleted\|variable-d4f37b50\>);
  white-space: nowrap;
  border-radius: 10rem;
  align-items: center;
  padding: .125rem .625rem;
  font-size: .875rem;
  font-weight: 500;
  display: flex;
}

.badge.is-badge-small {
  grid-column-gap: .25rem;
  padding: .125rem .5rem;
  font-size: .75rem;
}

.badge.is-primary {
  border-color: var(--primary200\<deleted\|variable-b0d9f07d\>);
  background-color: var(--primary50\<deleted\|variable-a4451441\>);
  color: var(--primary700\<deleted\|variable-da4f7fa3\>);
}

.badge.is-error {
  border-color: var(--error200\<deleted\|variable-163ff04f\>);
  background-color: var(--error50\<deleted\|variable-e45525b9\>);
  color: var(--error700\<deleted\|variable-a7ab4745\>);
}

.badge.is-warning {
  border-color: var(--warning200\<deleted\|variable-8b1cd7c4\>);
  background-color: var(--warning50\<deleted\|variable-820d7423\>);
  color: var(--warning700\<deleted\|variable-0956f5fe\>);
}

.badge.is-success {
  border-color: var(--success200\<deleted\|variable-572cf9ad\>);
  background-color: var(--success50\<deleted\|variable-9177f7a8\>);
  color: var(--success700\<deleted\|variable-1c4c81d0\>);
}

.badge.is-badge-large {
  padding: .25rem .75rem;
}

.badge.is-success {
  background-color: var(--success50\<deleted\|variable-9177f7a8\>);
  color: var(--success700\<deleted\|variable-1c4c81d0\>);
}

.badge-group {
  border: 1px solid var(--gray200\<deleted\|variable-bad2ea62\>);
  background-color: var(--gray100\<deleted\|variable-4a47ec41\>);
  color: var(--gray700\<deleted\|variable-d4f37b50\>);
  white-space: nowrap;
  mix-blend-mode: multiply;
  border-radius: 10rem;
  align-items: center;
  padding: .25rem;
  font-size: .875rem;
  font-weight: 500;
  display: flex;
}

.badge-group.is-badge-group-small {
  font-size: .75rem;
}

.badge-group.is-primary {
  border-color: var(--primary200\<deleted\|variable-b0d9f07d\>);
  background-color: var(--primary50\<deleted\|variable-a4451441\>);
  color: var(--primary700\<deleted\|variable-da4f7fa3\>);
  white-space: nowrap;
}

.badge-group.is-error {
  border-color: var(--error200\<deleted\|variable-163ff04f\>);
  background-color: var(--error50\<deleted\|variable-e45525b9\>);
  color: var(--error700\<deleted\|variable-a7ab4745\>);
}

.badge-group.is-warning {
  border-color: var(--warning200\<deleted\|variable-8b1cd7c4\>);
  background-color: var(--warning50\<deleted\|variable-820d7423\>);
  color: var(--warning700\<deleted\|variable-0956f5fe\>);
}

.badge-group.is-success {
  border-color: var(--success200\<deleted\|variable-572cf9ad\>);
  background-color: var(--success50\<deleted\|variable-9177f7a8\>);
  color: var(--success700\<deleted\|variable-1c4c81d0\>);
}

.badge-group_text-wrapper {
  align-items: center;
  padding-left: .75rem;
  padding-right: .75rem;
  display: flex;
}

.badge-group_badge {
  border: 1px solid var(--gray200\<deleted\|variable-bad2ea62\>);
  background-color: var(--white\<deleted\|variable-e3beb9c1\>);
  color: var(--gray700\<deleted\|variable-d4f37b50\>);
  white-space: nowrap;
  border-radius: 1rem;
  align-items: center;
  padding: .125rem .625rem;
  font-size: .875rem;
  font-weight: 500;
  display: flex;
}

.badge-group_badge.is-badge-small {
  padding: .125rem .375rem;
  font-size: .75rem;
}

.badge-group_badge.is-primary {
  border-color: var(--primary200\<deleted\|variable-b0d9f07d\>);
  background-color: var(--white\<deleted\|variable-e3beb9c1\>);
  color: var(--primary700\<deleted\|variable-da4f7fa3\>);
}

.badge-group_badge.is-error {
  border-color: var(--error200\<deleted\|variable-163ff04f\>);
  background-color: var(--white\<deleted\|variable-e3beb9c1\>);
  color: var(--error700\<deleted\|variable-a7ab4745\>);
}

.badge-group_badge.is-warning {
  border-color: var(--warning200\<deleted\|variable-8b1cd7c4\>);
  background-color: var(--white\<deleted\|variable-e3beb9c1\>);
  color: var(--warning700\<deleted\|variable-0956f5fe\>);
}

.badge-group_badge.is-success {
  border-color: var(--success200\<deleted\|variable-572cf9ad\>);
  background-color: var(--white\<deleted\|variable-e3beb9c1\>);
  color: var(--success700\<deleted\|variable-1c4c81d0\>);
}

.badge-group_icon {
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  margin-left: .25rem;
  display: flex;
}

.badge-group_icon.text-color-primary500 {
  color: var(--primary500\<deleted\|variable-2fc4bf9f\>);
  margin-right: -.25rem;
}

.badge-group_icon.text-color-success500 {
  color: var(--success500\<deleted\|variable-fd5af5b9\>);
}

.badge-group_icon.text-color-error500 {
  color: var(--error500\<deleted\|variable-2d0a0ec8\>);
}

.badge-group_icon.text-color-warning500 {
  color: var(--warning500\<deleted\|variable-afb748c5\>);
}

.badge-group_icon.badge-icon-small {
  width: .75rem;
  height: .75rem;
}

.text-color-gray25 {
  color: var(--gray25\<deleted\|variable-396968d6\>);
}

.text-color-gray50 {
  color: var(--gray50\<deleted\|variable-8a511359\>);
}

.text-color-gray200 {
  color: var(--gray200\<deleted\|variable-bad2ea62\>);
}

.text-color-gray300 {
  color: var(--gray300\<deleted\|variable-51e0117e\>);
}

.text-color-gray400 {
  color: var(--gray400\<deleted\|variable-b339bef7\>);
}

.text-color-gray600 {
  color: var(--gray600\<deleted\|variable-10a0cd12\>);
}

.text-color-gray700 {
  color: var(--gray700\<deleted\|variable-d4f37b50\>);
}

.text-color-gray800 {
  color: var(--gray800\<deleted\|variable-0a1a9f61\>);
}

.text-color-primary25 {
  color: var(--primary25\<deleted\|variable-16e68c65\>);
}

.text-color-primary100 {
  color: var(--primary100\<deleted\|variable-35a3c723\>);
}

.text-color-primary200 {
  color: var(--primary200\<deleted\|variable-b0d9f07d\>);
}

.text-color-primary300 {
  color: var(--primary300\<deleted\|variable-b540dac6\>);
}

.text-color-primary400 {
  color: var(--primary400\<deleted\|variable-bf950bfb\>);
}

.text-color-primary500 {
  color: var(--primary500\<deleted\|variable-2fc4bf9f\>);
}

.text-color-primary600 {
  color: var(--primary600\<deleted\|variable-c514c1b4\>);
}

.text-color-primary800 {
  color: var(--primary800\<deleted\|variable-ddf4f85f\>);
}

.text-color-primary900 {
  color: var(--primary900\<deleted\|variable-61ad3a7b\>);
}

.text-color-primary50 {
  color: var(--primary50\<deleted\|variable-a4451441\>);
}

.uui-styleguide_shadows-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.shadow-xxsmall {
  box-shadow: 0 1px 2px #1018280d;
}

.uui-styleguide_shadow-wrapper {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 8rem;
  padding: 1rem;
  display: flex;
}

.shadow-xsmall {
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.shadow-small {
  box-shadow: 0 4px 8px -2px #1018281a, 0 2px 4px -2px #1018280f;
}

.shadow-medium {
  box-shadow: 0 12px 16px -4px #00000014, 0 4px 6px -2px #10182808;
}

.shadow-large {
  box-shadow: 0 20px 24px -4px #00000014, 0 8px 8px -4px #10182808;
}

.shadow-xlarge {
  box-shadow: 0 24px 48px -12px #1018282e;
}

.shadow-xxlarge {
  box-shadow: 0 32px 64px -12px #10182824;
}

.uui-styleguide_navbar {
  align-items: center;
  padding: 1rem 2%;
  display: flex;
  overflow: scroll;
}

.uui-styleguide_navbar-link {
  color: var(--gray900\<deleted\|variable-f63dbb51\>);
  flex: none;
  margin-right: 1rem;
  font-size: 14px;
  text-decoration: underline;
}

.badge-dot {
  color: var(--gray500\<deleted\|variable-68f29e84\>);
  justify-content: center;
  align-items: center;
  display: flex;
}

.badge-dot.text-color-warning500 {
  color: var(--warning500\<deleted\|variable-afb748c5\>);
}

.badge-dot.text-color-success500 {
  color: var(--success500\<deleted\|variable-fd5af5b9\>);
}

.badge-dot.text-color-primary500 {
  color: var(--primary500\<deleted\|variable-2fc4bf9f\>);
}

.badge-dot.text-color-error500 {
  color: var(--error500\<deleted\|variable-2d0a0ec8\>);
}

.uui-styleguide_class-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 15rem 1fr;
  align-items: start;
}

.uui-styleguide_class-label {
  color: #fff;
  white-space: nowrap;
  cursor: context-menu;
  background-color: #0073e6;
  border-radius: 2px;
  padding: .25rem .5rem;
  font-size: .75rem;
  display: inline-block;
}

.uui-styleguide_class-label.html-tags {
  background-color: #be4aa5;
}

.text-letterspacing-xwide {
  letter-spacing: .05em;
}

.text-letterspacing-wide {
  letter-spacing: .025em;
}

.text-letterspacing-normal {
  letter-spacing: 0;
}

.text-letterspacing-tight {
  letter-spacing: -.015em;
}

.text-letterspacing-xtight {
  letter-spacing: -.03em;
}

.text-lineheight-xtall {
  line-height: 2;
}

.text-lineheight-tall {
  line-height: 1.7;
}

.text-lineheight-normal {
  line-height: 1.5;
}

.text-lineheight-short {
  line-height: 1.3;
}

.text-lineheight-none {
  line-height: 1;
}

.text-lineheight-xshort {
  line-height: 1.2;
}

.uui-styleguide_paste-text {
  color: #00000080;
  text-align: center;
  border: 1px dashed #00000026;
  padding: 1rem;
}

.uui-styleguide_color-sample {
  padding: 8rem 1rem 1rem;
}

.uui-styleguide_color-sample.is-gray25 {
  background-color: var(--gray25\<deleted\|variable-396968d6\>);
}

.uui-styleguide_color-sample.is-gray600 {
  background-color: var(--gray600\<deleted\|variable-10a0cd12\>);
}

.uui-styleguide_color-sample.is-gray700 {
  background-color: var(--gray700\<deleted\|variable-d4f37b50\>);
}

.uui-styleguide_color-sample.is-gray300 {
  background-color: var(--gray300\<deleted\|variable-51e0117e\>);
}

.uui-styleguide_color-sample.is-gray200 {
  background-color: var(--gray200\<deleted\|variable-bad2ea62\>);
}

.uui-styleguide_color-sample.is-gray900 {
  background-color: var(--gray900\<deleted\|variable-f63dbb51\>);
}

.uui-styleguide_color-sample.is-gray100 {
  background-color: var(--gray100\<deleted\|variable-4a47ec41\>);
}

.uui-styleguide_color-sample.is-gray50 {
  background-color: var(--gray50\<deleted\|variable-8a511359\>);
}

.uui-styleguide_color-sample.is-gray500 {
  background-color: var(--gray500\<deleted\|variable-68f29e84\>);
}

.uui-styleguide_color-sample.is-gray800 {
  background-color: var(--gray800\<deleted\|variable-0a1a9f61\>);
}

.uui-styleguide_color-sample.is-gray400 {
  background-color: var(--gray400\<deleted\|variable-b339bef7\>);
}

.uui-styleguide_color-sample.is-primary25 {
  background-color: var(--primary25\<deleted\|variable-16e68c65\>);
}

.uui-styleguide_color-sample.is-primary50 {
  background-color: var(--primary50\<deleted\|variable-a4451441\>);
}

.uui-styleguide_color-sample.is-primary100 {
  background-color: var(--primary100\<deleted\|variable-35a3c723\>);
}

.uui-styleguide_color-sample.is-primary200 {
  background-color: var(--primary200\<deleted\|variable-b0d9f07d\>);
}

.uui-styleguide_color-sample.is-primary300 {
  background-color: var(--primary300\<deleted\|variable-b540dac6\>);
}

.uui-styleguide_color-sample.is-primary400 {
  background-color: var(--primary400\<deleted\|variable-bf950bfb\>);
}

.uui-styleguide_color-sample.is-primary500 {
  background-color: var(--primary500\<deleted\|variable-2fc4bf9f\>);
}

.uui-styleguide_color-sample.is-primary600 {
  background-color: var(--primary600\<deleted\|variable-c514c1b4\>);
}

.uui-styleguide_color-sample.is-primary700 {
  background-color: var(--primary700\<deleted\|variable-da4f7fa3\>);
}

.uui-styleguide_color-sample.is-primary800 {
  background-color: var(--primary800\<deleted\|variable-ddf4f85f\>);
}

.uui-styleguide_color-sample.is-primary900 {
  background-color: var(--primary900\<deleted\|variable-61ad3a7b\>);
}

.uui-styleguide_color-sample.is-error25 {
  background-color: var(--error25\<deleted\|variable-557a24d3\>);
}

.uui-styleguide_color-sample.is-error50 {
  background-color: var(--error50\<deleted\|variable-e45525b9\>);
}

.uui-styleguide_color-sample.is-error100 {
  background-color: var(--error100\<deleted\|variable-b30ac335\>);
}

.uui-styleguide_color-sample.is-error200 {
  background-color: var(--error200\<deleted\|variable-163ff04f\>);
}

.uui-styleguide_color-sample.is-error300 {
  background-color: var(--error300\<deleted\|variable-dffbc58e\>);
}

.uui-styleguide_color-sample.is-error400 {
  background-color: var(--error400\<deleted\|variable-c0663ea3\>);
}

.uui-styleguide_color-sample.is-error500 {
  background-color: var(--error500\<deleted\|variable-2d0a0ec8\>);
}

.uui-styleguide_color-sample.is-error600 {
  background-color: var(--error600\<deleted\|variable-4b32ade5\>);
}

.uui-styleguide_color-sample.is-error700 {
  background-color: var(--error700\<deleted\|variable-a7ab4745\>);
}

.uui-styleguide_color-sample.is-error800 {
  background-color: var(--error800\<deleted\|variable-55955478\>);
}

.uui-styleguide_color-sample.is-error900 {
  background-color: var(--error900\<deleted\|variable-92f6c0b2\>);
}

.uui-styleguide_color-sample.is-warning25 {
  background-color: var(--warning25\<deleted\|variable-4b6405a9\>);
}

.uui-styleguide_color-sample.is-warning50 {
  background-color: var(--warning50\<deleted\|variable-820d7423\>);
}

.uui-styleguide_color-sample.is-warning100 {
  background-color: var(--warning100\<deleted\|variable-058c3f3e\>);
}

.uui-styleguide_color-sample.is-warning200 {
  background-color: var(--warning200\<deleted\|variable-8b1cd7c4\>);
}

.uui-styleguide_color-sample.is-warning300 {
  background-color: var(--warning300\<deleted\|variable-15a81cb3\>);
}

.uui-styleguide_color-sample.is-warning400 {
  background-color: var(--warning400\<deleted\|variable-4b011af1\>);
}

.uui-styleguide_color-sample.is-warning500 {
  background-color: var(--warning500\<deleted\|variable-afb748c5\>);
}

.uui-styleguide_color-sample.is-warning600 {
  background-color: var(--warning600\<deleted\|variable-98b7e743\>);
}

.uui-styleguide_color-sample.is-warning700 {
  background-color: var(--warning700\<deleted\|variable-0956f5fe\>);
}

.uui-styleguide_color-sample.is-warning800 {
  background-color: var(--warning800\<deleted\|variable-0f8f336a\>);
}

.uui-styleguide_color-sample.is-warning900 {
  background-color: var(--warning900\<deleted\|variable-cd7f6d4b\>);
}

.uui-styleguide_color-sample.is-success25 {
  background-color: var(--success25\<deleted\|variable-5d9c69f1\>);
}

.uui-styleguide_color-sample.is-success50 {
  background-color: var(--success50\<deleted\|variable-9177f7a8\>);
}

.uui-styleguide_color-sample.is-success100 {
  background-color: var(--success100\<deleted\|variable-35815ddd\>);
}

.uui-styleguide_color-sample.is-success200 {
  background-color: var(--success200\<deleted\|variable-572cf9ad\>);
}

.uui-styleguide_color-sample.is-success300 {
  background-color: var(--success300\<deleted\|variable-4424d589\>);
}

.uui-styleguide_color-sample.is-success400 {
  background-color: var(--success400\<deleted\|variable-fc16acf9\>);
}

.uui-styleguide_color-sample.is-success500 {
  background-color: var(--success500\<deleted\|variable-fd5af5b9\>);
}

.uui-styleguide_color-sample.is-success600 {
  background-color: var(--success600\<deleted\|variable-14fbb4c9\>);
}

.uui-styleguide_color-sample.is-success700 {
  background-color: var(--success700\<deleted\|variable-1c4c81d0\>);
}

.uui-styleguide_color-sample.is-success800 {
  background-color: var(--success800\<deleted\|variable-a789253b\>);
}

.uui-styleguide_color-sample.is-success900 {
  background-color: var(--success900\<deleted\|variable-3368b1df\>);
}

.uui-styleguide_color-sample.is-indigo25 {
  background-color: var(--indigo25\<deleted\|variable-5b3f8f42\>);
}

.uui-styleguide_color-sample.is-indigo50 {
  background-color: var(--indigo50\<deleted\|variable-d9f30971\>);
}

.uui-styleguide_color-sample.is-indigo100 {
  background-color: var(--indigo100\<deleted\|variable-2f1c617c\>);
}

.uui-styleguide_color-sample.is-indigo200 {
  background-color: var(--indigo200\<deleted\|variable-24c665f5\>);
}

.uui-styleguide_color-sample.is-indigo300 {
  background-color: var(--indigo300\<deleted\|variable-335c0b76\>);
}

.uui-styleguide_color-sample.is-indigo400 {
  background-color: var(--indigo400\<deleted\|variable-ea26bce9\>);
}

.uui-styleguide_color-sample.is-indigo500 {
  background-color: var(--indigo500\<deleted\|variable-386535af\>);
}

.uui-styleguide_color-sample.is-indigo600 {
  background-color: var(--indigo600\<deleted\|variable-1631c239\>);
}

.uui-styleguide_color-sample.is-indigo700 {
  background-color: var(--indigo700\<deleted\|variable-a6995f81\>);
}

.uui-styleguide_color-sample.is-indigo800 {
  background-color: var(--indigo800\<deleted\|variable-5b4c829c\>);
}

.uui-styleguide_color-sample.is-indigo900 {
  background-color: var(--indigo900\<deleted\|variable-601e5b58\>);
}

.uui-styleguide_color-sample.is-blue25 {
  background-color: var(--blue25\<deleted\|variable-682ce0ad\>);
}

.uui-styleguide_color-sample.is-blue50 {
  background-color: var(--blue50\<deleted\|variable-7cea0dae\>);
}

.uui-styleguide_color-sample.is-blue100 {
  background-color: var(--blue100\<deleted\|variable-04980cd5\>);
}

.uui-styleguide_color-sample.is-blue200 {
  background-color: var(--blue200\<deleted\|variable-bbf74e18\>);
}

.uui-styleguide_color-sample.is-blue300 {
  background-color: var(--blue300\<deleted\|variable-674bcd47\>);
}

.uui-styleguide_color-sample.is-blue400 {
  background-color: var(--blue400\<deleted\|variable-bca26f76\>);
}

.uui-styleguide_color-sample.is-blue500 {
  background-color: var(--blue500\<deleted\|variable-758c40af\>);
}

.uui-styleguide_color-sample.is-blue600 {
  background-color: var(--blue600\<deleted\|variable-9618ff00\>);
}

.uui-styleguide_color-sample.is-blue700 {
  background-color: var(--blue700\<deleted\|variable-ca2d2726\>);
}

.uui-styleguide_color-sample.is-blue800 {
  background-color: var(--blue800\<deleted\|variable-416e33d9\>);
}

.uui-styleguide_color-sample.is-blue900 {
  background-color: var(--blue900\<deleted\|variable-ca590eff\>);
}

.uui-styleguide_color-sample.is-pink25 {
  background-color: var(--pink25\<deleted\|variable-d4656cb6\>);
}

.uui-styleguide_color-sample.is-pink50 {
  background-color: var(--pink50\<deleted\|variable-7f28bd70\>);
}

.uui-styleguide_color-sample.is-pink100 {
  background-color: var(--pink100\<deleted\|variable-e6c2d5ec\>);
}

.uui-styleguide_color-sample.is-pink200 {
  background-color: var(--pink200\<deleted\|variable-f47d4c4e\>);
}

.uui-styleguide_color-sample.is-pink300 {
  background-color: var(--pink300\<deleted\|variable-8247155f\>);
}

.uui-styleguide_color-sample.is-pink400 {
  background-color: var(--pink400\<deleted\|variable-d49edd09\>);
}

.uui-styleguide_color-sample.is-pink500 {
  background-color: var(--pink500\<deleted\|variable-2c076908\>);
}

.uui-styleguide_color-sample.is-pink600 {
  background-color: var(--pink600\<deleted\|variable-93f42a42\>);
}

.uui-styleguide_color-sample.is-pink700 {
  background-color: var(--pink700\<deleted\|variable-1c44a7e0\>);
}

.uui-styleguide_color-sample.is-pink800 {
  background-color: var(--pink800\<deleted\|variable-f1230e63\>);
}

.uui-styleguide_color-sample.is-pink900 {
  background-color: var(--pink900\<deleted\|variable-999b7d12\>);
}

.uui-styleguide_color-sample.is-orange25 {
  background-color: var(--orange25\<deleted\|variable-5f4724c8\>);
}

.uui-styleguide_color-sample.is-orange50 {
  background-color: var(--orange50\<deleted\|variable-9a588145\>);
}

.uui-styleguide_color-sample.is-orange100 {
  background-color: var(--orange100\<deleted\|variable-c0523202\>);
}

.uui-styleguide_color-sample.is-orange200 {
  background-color: var(--orange200\<deleted\|variable-e19db279\>);
}

.uui-styleguide_color-sample.is-orange300 {
  background-color: var(--orange300\<deleted\|variable-65f628a4\>);
}

.uui-styleguide_color-sample.is-orange400 {
  background-color: var(--orange400\<deleted\|variable-6b571b21\>);
}

.uui-styleguide_color-sample.is-orange500 {
  background-color: var(--orange500\<deleted\|variable-65171774\>);
}

.uui-styleguide_color-sample.is-orange600 {
  background-color: var(--orange600\<deleted\|variable-08b68892\>);
}

.uui-styleguide_color-sample.is-orange700 {
  background-color: var(--orange700\<deleted\|variable-c3f117d3\>);
}

.uui-styleguide_color-sample.is-orange800 {
  background-color: var(--orange800\<deleted\|variable-81ecc99f\>);
}

.uui-styleguide_color-sample.is-orange900 {
  background-color: var(--orange900\<deleted\|variable-2de19129\>);
}

.uui-styleguide_color-sample-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: auto;
  grid-auto-flow: row;
}

.uui-styleguide_grid-colours {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.uui-styleguide_callout-link {
  justify-content: space-between;
  align-items: center;
  padding: 1px;
  display: flex;
}

.uui-styleguide_callout-link-wrapper {
  border: 1px solid var(--gray200\<deleted\|variable-bad2ea62\>);
  background-color: var(--gray50\<deleted\|variable-8a511359\>);
  width: 100%;
  color: var(--gray900\<deleted\|variable-f63dbb51\>);
  justify-content: space-between;
  align-items: flex-start;
  padding: 1rem;
  font-weight: 500;
  display: flex;
}

.icon-embed-xxsmall {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.uui-styleguide_color-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.uui-styleguide_class-label-row {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.uui-styleguide_button-row {
  grid-column-gap: .75rem;
  align-items: center;
  display: flex;
}

.icon-featured-outline-medium {
  border: .375rem solid var(--primary50\<deleted\|variable-a4451441\>);
  background-color: var(--primary100\<deleted\|variable-35a3c723\>);
  width: 3rem;
  height: 3rem;
  color: var(--primary600\<deleted\|variable-c514c1b4\>);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button-secondary-gray {
  grid-column-gap: .5rem;
  border: 1px solid var(--gray300\<deleted\|variable-51e0117e\>);
  background-color: var(--white\<deleted\|variable-e3beb9c1\>);
  color: var(--gray700\<deleted\|variable-d4f37b50\>);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-weight: 600;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.button-secondary-gray:hover {
  background-color: var(--gray50\<deleted\|variable-8a511359\>);
  color: var(--gray800\<deleted\|variable-0a1a9f61\>);
}

.button-secondary-gray:focus {
  background-color: var(--white\<deleted\|variable-e3beb9c1\>);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--gray100\<deleted\|variable-4a47ec41\>);
}

.button-secondary-gray.is-button-small {
  grid-column-gap: .5rem;
  padding: .5rem 1rem;
  font-size: 1rem;
}

.button-secondary-gray.is-button-small.icon-only {
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
}

.button-secondary-gray.icon-only {
  justify-content: center;
  align-items: center;
  width: 2.75rem;
  height: 2.75rem;
  padding: 0;
  display: flex;
}

.button-secondary-gray.is-button-xsmall {
  padding: .5rem .875rem;
  font-size: 1rem;
}

.button-secondary-gray.is-button-xsmall.icon-only {
  width: 2.25rem;
  height: 2.25rem;
  padding: 0;
}

.button-secondary-gray.is-button-large {
  grid-column-gap: .75rem;
  padding: 1rem 1.75rem;
  font-size: 1.125rem;
}

.button-secondary-gray.is-button-large.icon-only {
  width: 3.5rem;
  height: 3.5rem;
  padding: 0;
}

.button-tertiary-gray {
  grid-column-gap: .5rem;
  color: var(--gray600\<deleted\|variable-10a0cd12\>);
  white-space: nowrap;
  background-color: #0000;
  border: 1px solid #0000;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-weight: 600;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.button-tertiary-gray:hover {
  background-color: var(--gray50\<deleted\|variable-8a511359\>);
  color: var(--gray700\<deleted\|variable-d4f37b50\>);
}

.button-tertiary-gray.is-button-small {
  grid-column-gap: .5rem;
  padding: .5rem 1rem;
  font-size: 1rem;
}

.button-tertiary-gray.is-button-small.icon-only {
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
}

.button-tertiary-gray.icon-only {
  justify-content: center;
  align-items: center;
  width: 2.75rem;
  height: 2.75rem;
  padding: 0;
  display: flex;
}

.button-tertiary-gray.is-button-large {
  grid-column-gap: .75rem;
  padding: 1rem 1.75rem;
  font-size: 1.125rem;
}

.button-tertiary-gray.is-button-large.icon-only {
  width: 3.5rem;
  height: 3.5rem;
  padding: 0;
}

.button-tertiary-gray.is-button-xsmall {
  padding: .5rem .875rem;
}

.button-tertiary-gray.is-button-xsmall.icon-only {
  width: 2.25rem;
  height: 2.25rem;
  padding: 0;
}

.button-link-gray {
  grid-column-gap: .5rem;
  color: var(--gray600\<deleted\|variable-10a0cd12\>);
  white-space: nowrap;
  background-color: #0000;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  font-weight: 600;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.button-link-gray:hover {
  color: var(--gray700\<deleted\|variable-d4f37b50\>);
}

.button-link-gray.is-button-xsmall {
  font-size: .875rem;
}

.button-link-gray.is-button-large {
  grid-column-gap: .75rem;
  font-size: 1.125rem;
}

.uui-styleguide_logo {
  flex-wrap: nowrap;
  display: flex;
}

.uui-styleguide_logomark {
  border: .1px solid #dae0e8;
  border-radius: .5rem;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 1px 1px #1018280f, 0 1px 2px #1018281a;
}

.uui-styleguide_logomark-bg {
  border-radius: 8px;
  width: 2rem;
  height: 2rem;
  position: absolute;
  inset: 0%;
}

.uui-styleguide_logomark-blur {
  z-index: 2;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background-color: #fff3;
  border-bottom-right-radius: .5rem;
  border-bottom-left-radius: .5rem;
  width: 100%;
  height: 50%;
  position: absolute;
  inset: 50% 0% 0%;
  overflow: hidden;
}

.uui-styleguide_logomark-dot {
  z-index: 1;
  background-image: linear-gradient(26.5deg, #6941c6, #53389e);
  border-radius: 50%;
  width: 50%;
  height: 50%;
  position: relative;
}

.uui-styleguide_logotype {
  flex: none;
  width: auto;
  height: 100%;
}

.icon-featured-outline-large {
  border: .5rem solid var(--primary50\<deleted\|variable-a4451441\>);
  background-color: var(--primary100\<deleted\|variable-35a3c723\>);
  width: 3.5rem;
  height: 3.5rem;
  color: var(--primary600\<deleted\|variable-c514c1b4\>);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.icon-featured-large {
  background-color: var(--primary100\<deleted\|variable-35a3c723\>);
  width: 3rem;
  height: 3rem;
  color: var(--primary600\<deleted\|variable-c514c1b4\>);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.icon-featured-medium {
  background-color: var(--primary100\<deleted\|variable-35a3c723\>);
  width: 2.5rem;
  height: 2.5rem;
  color: var(--primary600\<deleted\|variable-c514c1b4\>);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.bg-tertiary-light {
  background-color: var(--background--bg-tertiary-light);
}

.bg-tertiary {
  background-color: var(--background--bg-tertiary);
}

.background-color-primary200 {
  background-color: var(--primary200\<deleted\|variable-b0d9f07d\>);
}

.icon-featured-square-large {
  background-color: var(--primary500\<deleted\|variable-2fc4bf9f\>);
  width: 3rem;
  height: 3rem;
  color: var(--white\<deleted\|variable-e3beb9c1\>);
  border-radius: .625rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.icon-featured-square-medium {
  background-color: var(--primary500\<deleted\|variable-2fc4bf9f\>);
  width: 2.5rem;
  height: 2.5rem;
  color: var(--white\<deleted\|variable-e3beb9c1\>);
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.uui-styleguide_common-icons-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  display: flex;
}

.uui-styleguide-message-fixed {
  z-index: 99;
  border-top: .75rem solid var(--primary600\<deleted\|variable-c514c1b4\>);
  background-color: #fff;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 2rem;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.uui-styleguide-message-wrapper {
  background-color: var(--white\<deleted\|variable-e3beb9c1\>);
  text-align: left;
  border-radius: 1rem;
  padding: 2rem;
}

.text-color-white {
  color: #fff;
}

.text-color-light {
  color: var(--text--text-light);
}

.text-color-dark {
  color: var(--text--text-dark);
}

.link {
  color: var(--text--links--link);
  transition: color .2s;
}

.link:hover {
  color: var(--text--links--link-hover);
}

.bg-secondary {
  background-color: var(--background--bg-secondary);
}

.button-dark {
  grid-column-gap: 1rem;
  background-color: var(--background--button--button-dark);
  color: #fff;
  text-align: center;
  white-space: nowrap;
  border-radius: 100rem;
  justify-content: center;
  align-items: center;
  padding: .5rem 1.5rem;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.button-dark:hover {
  border-color: var(--primary700\<deleted\|variable-da4f7fa3\>);
  background-color: var(--background--button--button-dark-hover);
}

.button-dark:focus {
  background-color: var(--primary600\<deleted\|variable-c514c1b4\>);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--primary100\<deleted\|variable-35a3c723\>);
}

.button-dark.is-button-small {
  grid-column-gap: .5rem;
  padding: .5rem 2rem;
  font-size: 1rem;
}

.button-dark.is-button-small.icon-only {
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
}

.button-dark.icon-only {
  width: 2.75rem;
  height: 2.75rem;
  padding: 0;
}

.button-dark.is-button-large {
  padding: 1.5rem 2.5rem;
}

.button-dark.is-button-large.icon-only {
  width: 3.5rem;
  height: 3.5rem;
  padding: 0;
}

.button-dark.is-button-xsmall {
  grid-column-gap: .5rem;
  padding: .4rem 1.5rem;
  font-size: 1rem;
}

.button-dark.is-button-xsmall.icon-only {
  width: 2.25rem;
  height: 2.25rem;
  padding: 0;
}

.uui-text-size-small {
  color: var(--gray600\<deleted\|variable-10a0cd12\>);
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  line-height: 1.5;
}

.show-tablet-2 {
  display: none;
}

.uui-button {
  grid-column-gap: .5rem;
  border: 1px solid var(--primary600\<deleted\|variable-c514c1b4\>);
  background-color: var(--primary600\<deleted\|variable-c514c1b4\>);
  color: var(--white\<deleted\|variable-e3beb9c1\>);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button:hover {
  border-color: var(--primary700\<deleted\|variable-da4f7fa3\>);
  background-color: var(--primary700\<deleted\|variable-da4f7fa3\>);
}

.uui-button:focus {
  background-color: var(--primary600\<deleted\|variable-c514c1b4\>);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--primary100\<deleted\|variable-35a3c723\>);
}

.uui-dropdown-icon {
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 1rem;
  display: flex;
  position: absolute;
  inset: auto 0% auto auto;
}

.uui-icon-1x1-xsmall {
  width: 1.5rem;
  height: 1.5rem;
}

.uui-navbar05_dropdown-content-left {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: grid;
}

.uui-navbar05_bottom-bar {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  text-decoration: none;
  display: flex;
  position: relative;
}

.uui-navbar05_bottom-bar-content {
  z-index: 1;
  grid-template-rows: auto;
  grid-template-columns: max-content max-content;
  grid-auto-columns: 1fr;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.uui-navbar05_bottom-bar-background {
  background-color: var(--gray50\<deleted\|variable-8a511359\>);
  width: 200vw;
  position: absolute;
  inset: 0% -50vw;
}

.uui-navbar05_dropdown-link-list {
  grid-column-gap: 0px;
  grid-row-gap: 1rem;
  grid-template-rows: max-content;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.uui-navbar05_dropdown-content {
  width: 100%;
  display: flex;
}

.uui-button-link {
  grid-column-gap: .5rem;
  color: var(--primary700\<deleted\|variable-da4f7fa3\>);
  white-space: nowrap;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  padding: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.uui-button-link:hover {
  color: var(--primary800\<deleted\|variable-ddf4f85f\>);
}

.nav-component {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  min-height: 5rem;
  display: flex;
}

.nav-container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 80rem;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.nav-menu-right {
  position: static;
}

.nav-menu-left {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  display: flex;
}

.nav-link {
  color: var(--text--links--nav-link);
  align-items: center;
  padding: 2rem .5rem;
  transition: all .3s;
}

.nav-link:hover {
  color: var(--text--links--nav-link-hover);
}

.nav-link.w--current {
  color: #000;
}

.uui-navbar05_menu-dropdown {
  position: static;
}

.uui-navbar05_dropdown-toggle {
  color: var(--gray600\<deleted\|variable-10a0cd12\>);
  align-items: center;
  padding: 1.75rem 2.5rem 1.75rem 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  transition: all .3s;
  display: flex;
}

.uui-navbar05_dropdown-toggle:hover {
  color: var(--gray700\<deleted\|variable-d4f37b50\>);
}

.uui-navbar05_dropdown-list {
  box-shadow: 0 12px 16px -4px #00000014, 0 4px 6px -2px #10182808;
}

.uui-navbar05_dropdown-list.w--open {
  background-color: #fff;
  width: 100vw;
  min-width: 100vw;
  max-width: 100%;
  padding-left: 2rem;
  padding-right: 2rem;
  position: absolute;
  inset: 5.0625rem auto auto 0%;
  overflow: hidden;
}

.uui-navbar05_menu-right {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
}

.uui-navbar05_menu-button {
  padding: 0;
}

.uui-navbar05_item-right {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.uui-navbar05_icon-holder {
  flex: none;
}

.uui-navbar05_dropdown-link {
  grid-column-gap: 1rem;
  grid-row-gap: 0px;
  border-radius: .5rem;
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  padding: .75rem;
  text-decoration: none;
  transition: all .3s;
  display: grid;
}

.uui-navbar05_dropdown-link:hover {
  background-color: var(--gray50\<deleted\|variable-8a511359\>);
}

.uui-navbar05_text-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: 0px;
  align-items: center;
  margin-bottom: .5rem;
  display: flex;
}

.uui-button-secondary-gray {
  grid-column-gap: .5rem;
  border: 1px solid var(--gray300\<deleted\|variable-51e0117e\>);
  background-color: var(--white\<deleted\|variable-e3beb9c1\>);
  color: var(--gray700\<deleted\|variable-d4f37b50\>);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button-secondary-gray:hover {
  background-color: var(--gray50\<deleted\|variable-8a511359\>);
  color: var(--gray800\<deleted\|variable-0a1a9f61\>);
}

.uui-button-secondary-gray:focus {
  background-color: var(--white\<deleted\|variable-e3beb9c1\>);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--gray100\<deleted\|variable-4a47ec41\>);
}

.uui-button-tertiary-gray {
  grid-column-gap: .5rem;
  color: var(--gray600\<deleted\|variable-10a0cd12\>);
  white-space: nowrap;
  background-color: #0000;
  border: 1px solid #0000;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.uui-button-tertiary-gray:hover {
  background-color: var(--gray50\<deleted\|variable-8a511359\>);
  color: var(--gray700\<deleted\|variable-d4f37b50\>);
}

.uui-navbar05_button-wrapper {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  align-items: center;
  display: flex;
}

.nav-logo-component {
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.uui-logo_logomark {
  border: .1px solid #dae0e8;
  border-radius: .5rem;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 1px 1px #1018280f, 0 1px 2px #1018281a;
}

.uui-styleguide_logomark-bg-2 {
  border-radius: 8px;
  width: 2rem;
  height: 2rem;
  position: absolute;
  inset: 0%;
}

.uui-logo_logomark-blur {
  z-index: 2;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background-color: #fff3;
  border-bottom-right-radius: .5rem;
  border-bottom-left-radius: .5rem;
  width: 100%;
  height: 50%;
  position: absolute;
  inset: 50% 0% 0%;
  overflow: hidden;
}

.uui-logo_logomark-dot {
  z-index: 1;
  background-image: linear-gradient(26.5deg, #6941c6, #53389e);
  border-radius: 50%;
  width: 50%;
  height: 50%;
  position: relative;
}

.uui-logo_logotype {
  flex: none;
  width: auto;
  height: 100%;
}

.uui-badge-small-success {
  grid-column-gap: .25rem;
  background-color: var(--success50\<deleted\|variable-9177f7a8\>);
  color: var(--success700\<deleted\|variable-1c4c81d0\>);
  white-space: nowrap;
  mix-blend-mode: multiply;
  border-radius: 10rem;
  align-items: center;
  padding: .125rem .5rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .75rem;
  font-weight: 500;
  display: flex;
}

.uui-navbar05_item-heading {
  color: var(--gray900\<deleted\|variable-f63dbb51\>);
  margin-bottom: .25rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 600;
}

.uui-navbar05_item-heading.margin-bottom-0 {
  margin-bottom: 0;
}

.uui-logo_image {
  flex: none;
  width: auto;
  height: 100%;
  display: none;
}

.padding-global {
  width: 100%;
  padding-left: 8rem;
  padding-right: 8rem;
}

.padding-global.padding-xhuge {
  height: 100svh;
}

.padding-global.padding-home-hero {
  padding-top: 2rem;
  padding-bottom: 4rem;
}

.padding-global.is-section-pad {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.padding-global.is-section-pad-mid {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.padding-global.is-section-grid {
  padding-top: 4rem;
  padding-bottom: 8rem;
}

.padding-global.is-section-faq {
  padding-bottom: 4rem;
}

.nav-logo {
  display: flex;
}

.z-index-1-2 {
  z-index: 1;
  position: relative;
}

.uui-container-large {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.uui-page-padding {
  padding-left: 2rem;
  padding-right: 2rem;
}

.uui-max-width-small {
  width: 100%;
  max-width: 30rem;
}

.uui-button-2 {
  grid-column-gap: .5rem;
  border: 1px solid var(--primary600\<deleted\|variable-c514c1b4\>);
  background-color: var(--primary600\<deleted\|variable-c514c1b4\>);
  color: var(--white\<deleted\|variable-e3beb9c1\>);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button-2:hover {
  border-color: var(--primary700\<deleted\|variable-da4f7fa3\>);
  background-color: var(--primary700\<deleted\|variable-da4f7fa3\>);
}

.uui-button-2:focus {
  background-color: var(--primary600\<deleted\|variable-c514c1b4\>);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--primary100\<deleted\|variable-35a3c723\>);
}

.uui-button-2.is-button-large {
  grid-column-gap: .75rem;
  padding: 1rem 1.75rem;
  font-size: 1.125rem;
}

.uui-heading-xlarge {
  color: var(--gray900\<deleted\|variable-f63dbb51\>);
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 3.75rem;
  font-weight: 600;
  line-height: 1.2;
}

.uui-heading-xlarge.text-color-white-2 {
  color: var(--white\<deleted\|variable-e3beb9c1\>);
}

.uui-button-row {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.uui-button-icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem;
  min-height: 1.25rem;
  display: flex;
}

.uui-button-icon.is-icon-large {
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  min-height: 1.5rem;
}

.uui-heroheader07_image-wrapper {
  background-image: linear-gradient(229deg, var(--gray700\<deleted\|variable-d4f37b50\>), var(--gray800\<deleted\|variable-0a1a9f61\>));
  justify-content: center;
  align-items: center;
  height: 40rem;
  display: flex;
  position: relative;
}

.uui-heroheader07_card-image-01 {
  z-index: 2;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-image: linear-gradient(112deg, #ffffff80, #fff0);
  border: 1px solid #ffffff80;
  border-radius: 2rem;
  width: 31rem;
  position: absolute;
  transform: translate(20%, -20%)rotate(60deg);
  box-shadow: 0 1px 24px 12px #0000000d;
}

.uui-heroheader07_card-image-02 {
  z-index: 1;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-image: linear-gradient(112deg, #ffffff80, #ffffff80 0%, #fff0);
  border: 1px solid #ffffff80;
  border-radius: 2rem;
  width: 31rem;
  position: absolute;
  transform: translate(-10%, 30%)rotate(30deg);
  box-shadow: 0 1px 24px 12px #0000000d;
}

.uui-heroheader07_light-overlay {
  mix-blend-mode: screen;
  width: 80rem;
  min-width: 80rem;
  height: auto;
  position: absolute;
  bottom: -64%;
  right: -20%;
}

.uui-text-color-gray200 {
  color: var(--gray200\<deleted\|variable-bad2ea62\>);
}

.uui-text-size-xlarge {
  color: var(--gray600\<deleted\|variable-10a0cd12\>);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1.25rem;
  line-height: 1.5;
}

.uui-text-size-xlarge.text-color-gray200 {
  color: var(--gray200\<deleted\|variable-bad2ea62\>);
}

.section-hero {
  background-image: linear-gradient(#00271d00 60%, #1a1a1a), url('../images/hero-final3.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
  overflow: hidden;
}

.hero-component {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: flex-start;
  min-height: 80svh;
  display: flex;
}

.uui-button-secondary-gray-2 {
  grid-column-gap: .5rem;
  border: 1px solid var(--gray300\<deleted\|variable-51e0117e\>);
  background-color: var(--white\<deleted\|variable-e3beb9c1\>);
  color: var(--gray700\<deleted\|variable-d4f37b50\>);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button-secondary-gray-2:hover {
  background-color: var(--gray50\<deleted\|variable-8a511359\>);
  color: var(--gray800\<deleted\|variable-0a1a9f61\>);
}

.uui-button-secondary-gray-2:focus {
  background-color: var(--white\<deleted\|variable-e3beb9c1\>);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--gray100\<deleted\|variable-4a47ec41\>);
}

.uui-button-secondary-gray-2.is-button-large {
  grid-column-gap: .75rem;
  padding: 1rem 1.75rem;
  font-size: 1.125rem;
}

.uui-space-small {
  width: 100%;
  min-height: 1.5rem;
}

.space-large {
  width: 100%;
  min-height: 3rem;
}

.uui-padding-vertical-xhuge {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.uui-heading-subheading {
  color: var(--primary600\<deleted\|variable-c514c1b4\>);
  margin-bottom: .75rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
}

.uui-heading-subheading.uui-text-color-gray200 {
  color: var(--gray200\<deleted\|variable-bad2ea62\>);
}

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

.hero-footer-left {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.hero-footer {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.hero-footer-content {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  display: flex;
}

.hero-footer-right {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.chevron-down {
  color: var(--background--button--button-white);
  transition: opacity .2s;
}

.chevron-down:hover {
  color: var(--background--button--button-white-hover);
}

.navbar {
  z-index: 10;
  background-color: var(--background--bg-white);
  position: relative;
}

.navbar_container {
  justify-content: space-between;
  align-items: center;
  min-height: 5rem;
  display: flex;
}

.navbar_logo-link {
  align-items: center;
  height: 4rem;
  text-decoration: none;
  transition: opacity .2s;
  display: flex;
}

.navbar_logo-link:hover {
  opacity: .7;
}

.navbar_logo-text {
  color: var(--text--text-dark);
  letter-spacing: .0625rem;
  font-family: Poppins, sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
}

.navbar_menu {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  align-items: center;
  display: flex;
}

.navbar_menu-right {
  align-items: center;
  display: flex;
}

.nav_link {
  color: var(--text--links--nav-link);
  border-radius: .5rem;
  padding: .25rem .5rem;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  line-height: 1;
  text-decoration: none;
  transition: color .2s;
}

.nav_link:hover {
  color: var(--text--links--nav-link-hover);
}

.nav_link.is-current {
  color: var(--neutral--neutral-600);
}

.nav_link.is-light {
  color: var(--text--links--nav-link-light);
  transition: color .2s;
}

.nav_link.is-light:hover {
  color: var(--text--links--nav-link-light-hover);
}

.section_hero {
  background-color: var(--neutral--neutral-900);
  flex-direction: column;
  height: 90svh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero_bg {
  z-index: 0;
  position: absolute;
  inset: 0;
}

.hero_bg-overlay {
  background-image: linear-gradient(#00271d00 62%, #1a1a1a 100%);
  position: absolute;
  inset: 0;
}

.hero_inner {
  z-index: 1;
  flex-direction: column;
  flex: 1 0 auto;
  justify-content: flex-end;
  padding-top: 2rem;
  padding-bottom: 4rem;
  display: flex;
  position: relative;
}

.hero_content {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-direction: column;
  display: flex;
}

.hero_heading {
  color: var(--text--text-white);
  letter-spacing: -.02em;
  margin: 0;
  font-family: Poppins, sans-serif;
  font-size: 4.5rem;
  line-height: 1.1;
}

.hero_bottom-row {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.hero_subtitle {
  max-width: 31.25rem;
  color: var(--text--text-white);
  margin: 0;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
}

.hero_scroll-icon {
  width: 3rem;
  height: 3rem;
  color: var(--text--text-white);
  cursor: pointer;
  flex: none;
  transition: transform .25s;
}

.hero_scroll-icon:hover {
  transform: translateY(6px);
}

.section_stats {
  background-color: var(--neutral--neutral-200);
}

.stats_inner {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.stats_grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(4, 1fr);
  display: grid;
}

.stats_card {
  background-color: var(--background--bg-white);
  border-radius: 1.125rem;
  justify-content: space-between;
  align-items: flex-start;
  height: 12.5rem;
  padding: 2rem;
  transition: transform .3s, box-shadow .3s;
  display: flex;
}

.stats_card:hover {
  transform: translateY(-6px);
  box-shadow: 0 .75rem 1.875rem #0000001f;
}

.stats_card.is-blue {
  background-color: var(--tertiary--tertiary-700);
}

.stats_card-text {
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
}

.stats_label {
  color: var(--text--text-dark);
  letter-spacing: -.02em;
  text-transform: uppercase;
  font-family: Poppins, sans-serif;
  font-size: 1.125rem;
  line-height: 1.13;
}

.stats_label.is-on-blue {
  color: var(--text--text-white);
}

.stats_value {
  color: var(--text--text-dark);
  letter-spacing: -.02em;
  font-family: Poppins, sans-serif;
  font-size: 2.5rem;
  line-height: .96;
}

.stats_value.is-on-blue {
  color: var(--text--text-white);
}

.stats_icon {
  width: 2rem;
  height: 2rem;
  color: var(--text--text-dark);
  flex: none;
}

.stats_icon.is-on-blue {
  color: var(--text--text-white);
}

.hero_bg-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.navbar_dropdown {
  display: none;
  position: relative;
}

.navbar_hamburger {
  width: 2.75rem;
  height: 2.75rem;
  color: var(--text--text-dark);
  cursor: pointer;
  background-color: #0000;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.navbar_hamburger:hover {
  background-color: var(--neutral--neutral-100);
}

.navbar_mobile-menu {
  z-index: 50;
  background-color: var(--background--bg-white);
  border-radius: .75rem;
  min-width: 15rem;
  margin-top: .5rem;
  padding: .5rem;
  position: absolute;
  top: 100%;
  right: 0;
  box-shadow: 0 .75rem 2.5rem #0000001f;
}

.navbar_mobile-link {
  color: var(--text--links--nav-link);
  border-radius: .5rem;
  padding: .625rem .75rem;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  text-decoration: none;
  transition: color .2s;
  display: block;
}

.navbar_mobile-link:hover {
  color: var(--text--links--nav-link-hover);
}

.svg-icon.is-16 {
  width: 1rem;
  height: 1rem;
}

.svg-icon.is-20 {
  width: 1.25rem;
  height: 1.25rem;
}

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

.water_stack {
  grid-column-gap: 8rem;
  grid-row-gap: 8rem;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.row_text-visual {
  grid-row-gap: 2rem;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.water_col-text {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  flex: none;
  justify-content: space-between;
  align-items: flex-start;
  width: 30.5rem;
  max-width: 30.5rem;
  display: flex;
}

.water_col-text.is-gap-lg {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
}

.text_group {
  grid-row-gap: 1.5rem;
  flex-direction: column;
  display: flex;
}

.text_paragraph-group {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  max-width: 28.625rem;
  display: flex;
}

.text_paragraph-group.is-gap-sm {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
}

.tag_group {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-wrap: wrap;
  display: flex;
}

.tag_pill {
  white-space: nowrap;
  border-radius: 6.25rem;
  justify-content: center;
  align-items: center;
  height: 2.25rem;
  padding: .5rem 1.5rem;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1;
  display: flex;
}

.tag_pill.is-light {
  background-color: var(--background--bg-tertiary-light);
  color: var(--text--text-dark);
}

.tag_pill.is-primary {
  background-color: var(--background--bg-primary);
  color: var(--text--text-white);
}

.visual_placeholder {
  background-color: var(--neutral--neutral-100);
  border-radius: 1rem;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 42rem;
  height: 29rem;
  display: flex;
  overflow: hidden;
}

.visual_placeholder.is-light {
  background-color: var(--background--bg-light);
}

.visual_placeholder.is-wolnosc {
  background-image: url('../images/2x672x464-wolnosc-podrozowania.webp');
  background-position: 0 0;
  background-size: cover;
}

.visual_placeholder.is-wydajnosc {
  background-color: var(--background--bg-light);
}

.visual_placeholder.is-podrozuj-lzej {
  background-image: url('../images/2x672x478-podrozuj-lzej.webp');
  background-position: 50%;
  background-size: cover;
}

.visual_placeholder-label {
  color: var(--neutral--neutral-400);
  font-family: Poppins, sans-serif;
  font-size: .875rem;
}

.svg-icon-1 {
  border: 1px dashed var(--neutral--neutral-300);
  color: var(--neutral--neutral-400);
  border-radius: .5rem;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.water_features {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  width: 100%;
  display: flex;
}

.feature_card {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: var(--background--bg-light);
  border-radius: 1.125rem;
  flex-direction: column;
  flex: 1 1 0;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 0;
  height: 20rem;
  padding: 2rem;
  display: flex;
}

.feature_card.is-accent {
  background-color: var(--background--bg-tertiary-light);
}

.card_top {
  grid-column-gap: 2.1875rem;
  grid-row-gap: 2.1875rem;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.card_title {
  color: var(--text--text-dark);
  letter-spacing: -.02em;
  margin: 0;
  font-family: Poppins, sans-serif;
  font-size: 1.375rem;
  line-height: 1;
}

.card_title.is-on-blue {
  color: var(--text--text-white);
}

.card_title.is-narrow {
  max-width: 17.5rem;
}

.card_title.is-white {
  color: var(--text--text-white);
}

.card_text {
  color: var(--text--text-light);
  margin: 0;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
}

.card_text.is-on-blue {
  color: var(--text--text-white);
}

.water_subgrid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.water_grid3 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  align-items: stretch;
  width: 100%;
  min-height: 30rem;
  display: flex;
}

.water_grid-col {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  flex: 1 1 0;
  min-width: 0;
  display: flex;
}

.water_promo-card {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: var(--background--bg-tertiary-light);
  border-radius: 1.125rem;
  flex-direction: column;
  flex: 1 1 0;
  padding: 2rem;
  display: flex;
}

.water_promo-text {
  max-width: 17.5rem;
  color: var(--text--text-dark);
  margin: 0;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
}

.image_placeholder {
  background-color: var(--neutral--neutral-100);
  border-radius: 1.125rem;
  flex: auto;
  justify-content: center;
  align-items: center;
  min-height: 8rem;
  display: flex;
}

.image_placeholder.is-co-daje-center {
  background-image: url('../images/2x373x480-co-daje-1.webp');
  background-position: 0 0;
  background-size: cover;
}

.image_placeholder.is-co-daje-left {
  background-image: url('../images/2x373x224-co-daje-2.webp');
  background-position: 0%;
  background-size: cover;
}

.water_stat-card {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--background--bg-light);
  border-radius: 1.125rem;
  flex-direction: column;
  flex: 1 1 0;
  justify-content: space-between;
  padding: 2rem;
  display: flex;
}

.water_stat-card.is-accent {
  background-color: var(--background--bg-tertiary-light);
}

.water_stat-num {
  color: var(--text--text-dark);
  letter-spacing: -.02em;
  margin: 0;
  font-family: Poppins, sans-serif;
  font-size: 2rem;
  line-height: 1;
}

.water_stat-text {
  color: var(--text--text-dark);
  margin: 0;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
}

.water_benefits {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.water_benefit-card {
  background-color: var(--background--bg-light);
  border-radius: 1.125rem;
  flex: 1 1 0;
  align-items: center;
  min-width: 0;
  min-height: 6.75rem;
  padding: 2rem;
  display: flex;
}

.water_benefit-card.is-accent {
  background-color: var(--background--bg-tertiary-light);
}

.water_benefit-text {
  color: var(--text--text-dark);
  margin: 0;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
}

.water_warning {
  background-color: var(--background--bg-tertiary);
  border-radius: 1.125rem;
  justify-content: center;
  width: 100%;
  padding: 2rem;
  display: flex;
}

.info-banner-content {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  max-width: 48rem;
  color: var(--text--text-white);
  text-align: center;
  flex-direction: column;
  align-items: center;
  padding-top: 2rem;
  padding-bottom: 2.5rem;
  display: flex;
}

.info-banner-text-wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.info-banner-text {
  color: var(--text--text-white);
  margin: 0;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
}

.info-banner-text.is-dark {
  color: var(--text--text-dark);
}

.link_cta {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--background--button--button-secondary);
  height: 3rem;
  color: var(--text--text-white);
  direction: rtl;
  border-radius: 6.25rem;
  justify-content: center;
  align-items: center;
  padding: .5rem 1.5rem;
  font-family: Poppins, sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  transition-property: background-color;
  transition-duration: .2s;
  transition-timing-function: ease;
  display: inline-flex;
}

.link_cta:hover {
  background-color: var(--background--button--button-secondary-hover);
}

.link_cta.is-dark {
  background-color: var(--neutral--neutral-900);
}

.link_cta.is-light {
  background-color: var(--background--bg-white);
  color: var(--text--text-dark);
}

.link_cta.is-light:hover {
  background-color: var(--background--button--button-white-hover);
}

.is-64-parent.is-64 {
  width: 4rem;
  height: 4rem;
}

.is-32-parent.is-32 {
  width: 2rem;
  height: 2rem;
}

.is-24-parent.is-24 {
  width: 1.5rem;
  height: 1.5rem;
}

.is-on-dark-parent.is-on-dark {
  color: var(--white);
  border-color: #ffffff73;
}

.water_blockb {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  width: 100%;
  display: flex;
}

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

.perf_stack {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.row_media-text {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.perf_text {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-direction: column;
  flex: 1 1 0;
  min-width: 0;
  display: flex;
}

.perf_cards {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  width: 100%;
  display: flex;
}

.perf_card {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--background--bg-white);
  border-radius: 1.125rem;
  flex-direction: column;
  flex: 1 1 0;
  justify-content: flex-start;
  align-items: stretch;
  min-width: 0;
  height: 20rem;
  padding: 2rem;
  display: flex;
}

.perf_card.is-blue {
  background-color: var(--background--bg-tertiary);
  box-shadow: none;
  color: var(--text--text-white);
}

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

.lighter_stack {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.lighter_col {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-direction: column;
  flex: 1 1 0;
  justify-content: space-between;
  align-items: flex-start;
  min-width: 0;
  display: flex;
}

.lighter_cards {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.lighter_card {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: var(--background--bg-white);
  border-radius: 1.125rem;
  flex-direction: column;
  flex: 1 1 0;
  min-width: 0;
  padding: 2rem;
  display: flex;
}

.lighter_num {
  color: var(--text--text-dark);
  letter-spacing: -.02em;
  margin: 0;
  font-family: Poppins, sans-serif;
  font-size: 1.375rem;
  line-height: 1;
}

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

.alt_stack {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.alt_row {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.alt_visual {
  background-color: var(--neutral--neutral-100);
  border-radius: 1.5rem;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 36rem;
  height: 25rem;
  display: flex;
  overflow: hidden;
}

.alt_visual.is-accent {
  background-color: var(--tertiary--tertiary-50);
}

.alt_visual.is-mobilny {
  background-image: url('../images/2x576x400-mobilny.webp');
  background-position: 0 0;
  background-size: cover;
}

.alt_visual.is-montaz {
  background-image: url('../images/2x576x400-montaz.webp');
  background-position: 0 0;
  background-size: cover;
}

.alt_visual.is-gwarancja {
  background-color: var(--tertiary--tertiary-50);
  background-image: url('../images/2x576x400-gwarancja.webp');
  background-position: 0 0;
  background-size: cover;
}

.alt_visual.is-patent {
  background-image: url('../images/2x576x400-patent.webp');
  background-position: 0 0;
  background-size: cover;
}

.alt_text {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-direction: column;
  flex: 1 1 0;
  justify-content: space-between;
  align-items: flex-start;
  min-width: 0;
  display: flex;
}

.alt_text.is-cta {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
}

.alt_note {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: var(--background--bg-light);
  border-radius: .75rem;
  flex-direction: column;
  max-width: 25.625rem;
  padding: 1rem 1rem 1.5rem;
  display: flex;
}

.alt_note-text {
  color: var(--text--text-dark);
  margin: 0;
  font-family: Poppins, sans-serif;
  font-size: .875rem;
  line-height: 1.4;
}

.alt_note-text.is-link {
  text-decoration: underline;
}

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

.proof_stack {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.proof_banner {
  background-color: var(--neutral--neutral-900);
  background-image: url('../images/1x1184x946-wytrzymala.webp');
  background-position: 50%;
  background-size: cover;
  border-radius: 1.5rem;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  min-height: 40rem;
  padding: 4rem 6.25rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.proof_banner.is-wytrzymala {
  background-image: url('../images/2x672x478-podrozuj-lzej.webp');
  background-position: 50% 100%;
  background-size: cover;
}

.proof_banner-l-col {
  z-index: 1;
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.proof_banner-text {
  max-width: 31.25rem;
  margin: 0;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
}

.proof_card {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--background--bg-white);
  border-radius: 1.5rem;
  flex-direction: column;
  width: 100%;
  padding-top: 4rem;
  padding-bottom: 4rem;
  display: flex;
}

.proof_row {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  align-items: center;
  width: 100%;
  display: flex;
}

.proof_text {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-direction: column;
  flex: 1 1 0;
  min-width: 0;
  display: flex;
}

.proof_text.is-gap-sm {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
}

.proof_visual {
  border-radius: 1rem;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 40rem;
  height: 32rem;
  display: flex;
  overflow: hidden;
}

.proof_grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex: 1 1 0;
  min-width: 0;
  height: 25.5rem;
  display: flex;
}

.proof_grid-col {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  flex: 1 1 0;
  display: flex;
}

.proof_grid-img {
  background-color: var(--neutral--neutral-100);
  border-radius: 1.125rem;
  flex: 1 1 0;
  justify-content: center;
  align-items: center;
  min-height: 6rem;
  display: flex;
}

.proof_grid-img.is-1 {
  background-color: #0000;
  background-image: url('../images/2x282x196-komfort-1.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.proof_grid-img.is-2 {
  background-image: url('../images/2x282-196-komfort-2.webp');
  background-position: 50%;
  background-size: cover;
}

.proof_grid-img.is-3 {
  background-image: url('../images/2x282x408-komfort-3.webp');
  background-position: 0 0;
  background-size: cover;
}

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

.shop_stack {
  grid-column-gap: 8rem;
  grid-row-gap: 8rem;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.shop_top {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.shop_gallery {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  flex: none;
  width: 34.3125rem;
  display: flex;
  position: sticky;
  top: 1rem;
}

.shop_gallery-main {
  background-color: var(--neutral--neutral-100);
  border-radius: 1.5rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 30rem;
  display: flex;
}

.shop_thumbs {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  width: 100%;
  display: flex;
}

.shop_thumb {
  background-color: var(--neutral--neutral-100);
  border-radius: 1rem;
  flex: 1 1 0;
  min-width: 0;
  height: 6.5rem;
}

.shop_info-col {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-direction: column;
  flex: 1 1 0;
  min-width: 0;
  display: flex;
}

.shop_info {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.shop_badge {
  background-color: var(--background--bg-light);
  height: 2.4375rem;
  color: var(--text--text-dark);
  border-radius: 6.25rem;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  display: inline-flex;
}

.shop_price {
  color: var(--text--text-dark);
  letter-spacing: -.02em;
  margin: 0;
  font-family: Poppins, sans-serif;
  font-size: 2rem;
  line-height: 1;
}

.shop_includes-title {
  color: var(--text--text-dark);
  margin: 0 0 .5rem;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
}

.shop_list {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  color: var(--text--text-dark);
  flex-direction: column;
  margin: 0;
  padding-left: 1.5rem;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  display: flex;
}

.shop_notes {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.shop_note {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: var(--background--bg-light);
  border-radius: 1rem;
  flex-direction: column;
  flex: 1 1 0;
  min-width: 0;
  padding: 1rem 1.5rem 1.5rem;
  display: flex;
}

.shop_note-text {
  color: var(--text--text-dark);
  margin: 0;
  font-family: Poppins, sans-serif;
  font-size: .875rem;
  line-height: 1.4;
}

.shop_purchase {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.shop_colors {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.shop_colors-label {
  color: var(--text--text-dark);
  letter-spacing: -.02em;
  margin: 0;
  font-family: Poppins, sans-serif;
  font-size: 1.125rem;
  line-height: 1.13;
}

.shop_color-row {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  width: 100%;
  display: flex;
}

.shop_color-option {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--neutral--neutral-900);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--neutral--neutral-900);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--neutral--neutral-900);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--neutral--neutral-900);
  background-color: var(--background--button--button-white);
  height: 2.4rem;
  color: var(--text--text-dark);
  cursor: pointer;
  border-radius: 6.25rem;
  flex: 1 1 0;
  justify-content: center;
  align-items: center;
  min-width: 0;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  transition-property: color, background-color;
  transition-duration: .2s, .2s;
  transition-timing-function: ease, ease;
  display: flex;
}

.shop_color-option:hover {
  background-color: var(--background--button--button-dark);
  color: var(--text--text-white);
}

.shop_color-option.is-active {
  background-color: var(--neutral--neutral-900);
  color: var(--text--text-white);
}

.shop_total {
  width: 100%;
  color: var(--text--text-dark);
  letter-spacing: -.02em;
  justify-content: space-between;
  align-items: flex-start;
  font-family: Poppins, sans-serif;
  font-size: 1.25rem;
  line-height: 1.13;
  display: flex;
}

.shop_buy-button {
  background-color: var(--background--button--button-secondary);
  width: 100%;
  height: 4.375rem;
  color: var(--text--text-white);
  border-radius: 6.25rem;
  justify-content: center;
  align-items: center;
  font-family: Poppins, sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  text-decoration: none;
  transition-property: background-color;
  transition-duration: .2s;
  transition-timing-function: ease;
  display: flex;
}

.shop_buy-button:hover {
  background-color: var(--background--button--button-secondary-hover);
}

.shop_buy-button.is-disabled {
  opacity: .5;
}

.shop_buy-button.is-disabled:hover {
  background-color: var(--background--button--button-secondary);
}

.trust_row {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.trust_card {
  background-color: var(--background--bg-light);
  border-radius: 1.125rem;
  flex: 1 1 0;
  justify-content: space-between;
  align-items: flex-start;
  min-width: 0;
  height: 12.5rem;
  padding: 2rem;
  display: flex;
}

.trust_text {
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
}

.trust_label {
  color: var(--text--text-dark);
  letter-spacing: -.02em;
  text-transform: uppercase;
  margin: 0;
  font-family: Poppins, sans-serif;
  font-size: 1.125rem;
  line-height: 1.13;
}

.trust_value {
  color: var(--text--text-dark);
  letter-spacing: -.02em;
  margin: 0;
  font-family: Poppins, sans-serif;
  font-size: 2.5rem;
  line-height: .96;
}

.trust_pays {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.trust_pay {
  background-color: var(--background--bg-white);
  border: 1px solid #0c111d1a;
  border-radius: .25rem;
  justify-content: center;
  align-items: center;
  height: 2rem;
  display: flex;
}

.faq_card {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  background-color: var(--background--bg-light);
  border-radius: 1.5rem;
  flex-flow: row;
  width: 100%;
  padding: 4rem 6.25rem;
  display: flex;
}

.faq_row {
  grid-column-gap: 1.375rem;
  grid-row-gap: 1.375rem;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.faq_intro {
  width: 30.5rem;
  color: var(--text--text-dark);
  letter-spacing: -.02em;
  flex: none;
  margin: 0;
  font-family: Poppins, sans-serif;
  font-size: 1.125rem;
  line-height: 1.13;
}

.faq_list {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  flex: 1 1 0;
  min-width: 0;
  display: flex;
}

.faq_item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.faq_q {
  color: var(--text--text-dark);
  letter-spacing: -.02em;
  margin: 0;
  font-family: Poppins, sans-serif;
  font-size: 1.125rem;
  line-height: 1.13;
}

.faq_a {
  color: var(--neutral--neutral-600);
  margin: 0;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
}

.faq_link {
  color: var(--text--text-dark);
  text-decoration: underline;
  transition: opacity .2s;
}

.faq_link:hover {
  opacity: .5;
}

.section_cta {
  background-color: #00271d;
  position: relative;
  overflow: hidden;
}

.cta_bg {
  z-index: 0;
  background-color: #00271d;
  background-image: url('../images/1x1440x638-cta.webp'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%, 0 0;
  background-size: cover, auto;
  position: absolute;
  inset: 0;
}

.cta_pad {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.cta_inner {
  z-index: 1;
  grid-column-gap: 16rem;
  grid-row-gap: 16rem;
  flex-direction: column;
  width: 100%;
  display: flex;
  position: relative;
}

.cta_bottom {
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.cta_bottom-inner {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  align-items: flex-end;
  width: 35.75rem;
  max-width: 100%;
  display: flex;
}

.cta_text {
  width: 100%;
  color: var(--text--text-white);
  margin: 0;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
}

.cta_buttons {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  width: 100%;
  display: flex;
}

.cta_btn {
  height: 3rem;
  color: var(--text--text-dark);
  white-space: nowrap;
  border-radius: 6.25rem;
  justify-content: center;
  align-items: center;
  padding-left: 2rem;
  padding-right: 2rem;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none;
  display: inline-flex;
}

.cta_btn.is-tertiary {
  background-color: var(--background--button--button-tertiary);
  transition: background-color .2s;
}

.cta_btn.is-tertiary:hover {
  background-color: var(--background--button--button-tertiary-hover);
}

.cta_btn.is-white {
  background-color: var(--background--button--button-white);
  transition: background-color .2s;
}

.cta_btn.is-white:hover {
  background-color: var(--background--button--button-white-hover);
}

.is-cta-parent.is-cta {
  max-width: 39.0625rem;
}

.section_footer {
  background-color: var(--background--bg-light);
}

.footer_pad {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.footer_stack {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.footer_row {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.footer_left {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex: 1 1 0;
  align-items: center;
  min-width: 0;
  display: flex;
}

.footer_logo {
  border-radius: 6.25rem;
  flex: none;
  width: 3.1875rem;
  height: 3.1875rem;
}

.footer_nav {
  grid-column-gap: 1.125rem;
  grid-row-gap: 1.125rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.footer_social {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  align-items: center;
  display: flex;
}

.footer_row2 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-left: 5.1875rem;
  display: flex;
}

.footer_legal {
  grid-column-gap: 1.125rem;
  grid-row-gap: 1.125rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.footer_copy {
  color: var(--neutral--neutral-500);
  white-space: nowrap;
  margin: 0;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 500;
}

.shop_additional-informations {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

.shop_total-label, .shop_total-price {
  color: var(--text--text-dark);
}

.link-block {
  color: var(--text--links--link);
  transition: color .2s;
}

.link-block:hover {
  color: var(--text--links--link-hover);
}

.footer_social-link {
  color: var(--text--links--link);
  transition: color .2s;
}

.footer_social-link:hover {
  color: var(--text--links--link-hover);
}

.faq_card-header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.shop_slider {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  flex: none;
  width: 34.3125rem;
  display: flex;
  position: sticky;
  top: 1rem;
}

.slider {
  flex-flow: column;
  width: 100%;
  height: 30rem;
  display: flex;
}

.shop_slider-arrow-left {
  width: 2rem;
  min-width: 2rem;
  height: 2rem;
  min-height: 2rem;
  color: var(--background--button--button-dark);
  white-space: nowrap;
  border: 1px solid #122b6914;
  border-radius: 100rem;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: .25rem;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  transition: color .3s;
  display: flex;
}

.shop_slider-arrow-left:hover {
  color: #000;
}

.shop_slider-slide-wrap {
  justify-content: center;
  align-items: center;
  height: 480px;
  display: flex;
  overflow: hidden;
}

.shop_slider-dot {
  background-color: var(--background--button--button-dark-hover);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  border: 1px solid #122b6914;
  border-radius: 100%;
  width: .25rem;
  height: .25rem;
}

.shop_slider-native-nav {
  display: none;
}

.shop_slider-buttons {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.shop_slider-control {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.shop_slider-engine {
  background-color: #ddd0;
  height: auto;
}

.shop_slider-native {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.shop_slider-native-arrow {
  display: none;
}

.shop_slider-arrow-icon {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.img-product {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.shop_slider-dots {
  z-index: 2;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  column-gap: 16px;
  padding: 1rem;
  display: flex;
  position: relative;
}

.shop_slider-mask {
  border-radius: 12px;
  height: 480px;
  position: relative;
  overflow: hidden;
}

.shop_slider-arrow-right {
  width: 2rem;
  min-width: 2rem;
  height: 2rem;
  min-height: 2rem;
  color: var(--background--button--button-dark);
  white-space: nowrap;
  border: 1px solid #122b6914;
  border-radius: 100rem;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: .25rem;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  transition: color .3s;
  display: flex;
}

.shop_slider-arrow-right:hover {
  color: #000;
}

.shop_slider-slide {
  opacity: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
  transition: opacity .55s, transform .55s cubic-bezier(.22, 1, .36, 1);
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(0);
}

.shop_slider-slide.is-current {
  z-index: 1;
  opacity: 1;
  pointer-events: auto;
}

.shop_slider-dot-active {
  background-color: var(--background--button--button-dark);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  border-radius: 100%;
  width: .5rem;
  height: .5rem;
}

.uui-text-size-medium {
  letter-spacing: normal;
  line-height: 1.5;
}

.uui-text-size-small-2 {
  color: var(--gray600\<deleted\|variable-10a0cd12\>);
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  line-height: 1.5;
}

.uui-text-size-small-2.text-color-gray500 {
  color: var(--gray500\<deleted\|variable-68f29e84\>);
}

.footer_container {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.footer_page-padding {
  padding-left: 2rem;
  padding-right: 2rem;
}

.social-icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

.footer_logo-link {
  float: none;
  margin-bottom: 2rem;
  display: block;
}

.footer_details {
  max-width: 16rem;
}

.footer_top-wrapper {
  grid-column-gap: 4vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr;
  place-items: start;
}

.uui-footer03_link {
  grid-column-gap: .5rem;
  color: var(--primary700\<deleted\|variable-da4f7fa3\>);
  flex-wrap: nowrap;
  align-items: center;
  padding-top: .5rem;
  padding-bottom: .5rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.uui-footer03_link:hover {
  color: var(--primary800\<deleted\|variable-ddf4f85f\>);
}

.footer_bottom-wrapper {
  border-top: 1px solid var(--gray200\<deleted\|variable-bad2ea62\>);
  justify-content: space-between;
  align-items: center;
  margin-top: 4rem;
  padding-top: 2rem;
  display: flex;
}

.footer_social-item {
  color: var(--text--links--link);
  align-items: center;
  font-size: 14px;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.footer_social-item:hover {
  color: var(--text--links--link-hover);
}

.footer_link-list {
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 100%;
  grid-auto-columns: 100%;
  place-items: flex-start start;
  display: flex;
}

.uui-footer03_legal-link {
  color: var(--gray500\<deleted\|variable-68f29e84\>);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  text-decoration: none;
  transition: all .3s;
}

.uui-footer03_legal-link:hover {
  color: var(--gray600\<deleted\|variable-10a0cd12\>);
}

.footer_social-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0rem;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  place-items: start;
  margin-top: 2rem;
  display: grid;
}

.footer_legal-list {
  grid-column-gap: 1rem;
  grid-row-gap: 0rem;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  justify-content: center;
  display: grid;
}

.footer_menu-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: start;
}

.uui-logo_component {
  flex-wrap: nowrap;
  width: auto;
  height: 2rem;
  display: flex;
}

.uui-logo_logomark-2 {
  border: .1px solid #dae0e8;
  border-radius: .5rem;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 1px 1px #1018280f, 0 1px 2px #1018281a;
}

.uui-styleguide_logomark-bg-3 {
  border-radius: 8px;
  width: 2rem;
  height: 2rem;
  position: absolute;
  inset: 0%;
}

.uui-logo_logomark-blur-2 {
  z-index: 2;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background-color: #fff3;
  border-bottom-right-radius: .5rem;
  border-bottom-left-radius: .5rem;
  width: 100%;
  height: 50%;
  position: absolute;
  inset: 50% 0% 0%;
  overflow: hidden;
}

.uui-logo_logomark-dot-2 {
  z-index: 1;
  background-image: linear-gradient(26.5deg, #6941c6, #53389e);
  border-radius: 50%;
  width: 50%;
  height: 50%;
  position: relative;
}

.uui-logo_logotype-2 {
  flex: none;
  width: auto;
  height: 100%;
}

.padding-vertical-xlarge {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.badge-small-soon {
  grid-column-gap: .25rem;
  background-color: var(--secondary--secondary-100);
  color: var(--secondary);
  white-space: nowrap;
  mix-blend-mode: multiply;
  border-radius: 10rem;
  align-items: center;
  padding: .125rem .5rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .75rem;
  font-weight: 500;
  display: flex;
}

.uui-logo_image-2 {
  flex: none;
  width: auto;
  height: 100%;
  display: none;
}

.footer_nav-link {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--text--links--nav-link);
  border-radius: .5rem;
  padding: .75rem;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  line-height: 1;
  text-decoration: none;
  transition: color .2s;
  display: flex;
}

.footer_nav-link:hover {
  color: var(--text--links--nav-link-hover);
}

.footer_nav-link.is-current {
  color: var(--neutral--neutral-600);
}

.footer_nav-link.is-light {
  color: var(--text--links--nav-link-light);
  transition: color .2s;
}

.footer_nav-link.is-light:hover {
  color: var(--text--links--nav-link-light-hover);
}

.proof_banner-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: space-between;
  display: flex;
}

.proof_banner-content {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  display: flex;
}

.badge-small-new {
  grid-column-gap: .25rem;
  background-color: var(--success50\<deleted\|variable-9177f7a8\>);
  color: #027a48;
  white-space: nowrap;
  mix-blend-mode: multiply;
  border-radius: 10rem;
  align-items: center;
  padding: .125rem .5rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .75rem;
  font-weight: 500;
  display: flex;
}

.cta-text {
  width: 50%;
}

.footer_legal-link {
  color: var(--text--links--nav-link-light);
  font-size: .875rem;
  text-decoration: none;
  transition: all .3s;
}

.footer_legal-link:hover {
  color: var(--text--links--nav-link-light-hover);
}

.section_about {
  background-color: var(--background--bg-light);
}

.about_stack {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.about_card {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-radius: 1.5rem;
  flex-direction: column;
  width: 100%;
  padding-top: 4rem;
  padding-bottom: 4rem;
  display: flex;
}

.about_row {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  align-items: center;
  width: 100%;
  display: flex;
}

.about_text {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-direction: column;
  flex: 1 1 0;
  min-width: 0;
  display: flex;
}

.about_text.is-gap-sm {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
}

.about_text.align-center {
  text-align: center;
  justify-content: flex-start;
  align-items: center;
}

.about_grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex: 1 1 0;
  min-width: 0;
  height: 25.5rem;
  display: flex;
}

.about_grid-col {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  flex: 1 1 0;
  display: flex;
}

.about_grid-img {
  background-color: var(--neutral--neutral-100);
  border-radius: 1.125rem;
  flex: 1 1 0;
  justify-content: center;
  align-items: center;
  min-height: 6rem;
  display: flex;
}

.about_grid-img.is-1 {
  background-color: #0000;
  background-image: url('../images/1x896x896-about-1.avif');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.about_grid-img.is-2 {
  background-image: url('../images/1x768x384-about-2.jpg');
  background-position: 50%;
  background-size: cover;
}

.about_grid-img.is-3 {
  background-image: url('../images/1x896x1344-about-2.avif');
  background-position: 0 0;
  background-size: cover;
}

.section_rosewheel {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.signatures-wrapper {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.info-banner {
  background-color: var(--background--bg-tertiary);
  border-radius: 1.125rem;
  justify-content: center;
  width: 100%;
  padding: 2rem;
  display: flex;
}

.info-banner.is-service {
  background-color: var(--background--bg-light);
}

.info-banner.is-contact {
  background-color: var(--background--bg-tertiary-light);
}

.section_service {
  background-color: var(--background--bg-white);
  flex-flow: column;
  display: flex;
}

.service_wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.service_hero {
  background-color: var(--neutral--neutral-900);
  background-image: url('../images/1x1184x885-service.jpg');
  background-position: 50% 100%;
  background-repeat: repeat-x;
  background-size: cover;
  background-attachment: scroll;
  border-radius: 1.5rem;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  min-height: 30rem;
  padding-top: 4rem;
  padding-bottom: 4rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.service_hero.is-wytrzymala {
  background-image: url('../images/2x672x478-podrozuj-lzej.webp');
  background-position: 50% 100%;
  background-size: cover;
}

.section_contact {
  background-color: var(--background--bg-white);
  flex-flow: column;
  display: flex;
}

.contact_grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.contact_hero-img {
  background-color: var(--neutral--neutral-900);
  background-image: url('../images/1x928x1232-kontakt.webp');
  background-position: 50% 80%;
  background-repeat: repeat;
  background-attachment: scroll;
  border-radius: 1.5rem;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  min-height: 30rem;
  padding-top: 4rem;
  padding-bottom: 4rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.contact_hero-img.is-wytrzymala {
  background-image: url('../images/2x672x478-podrozuj-lzej.webp');
  background-position: 50% 100%;
  background-size: cover;
}

.contact_info-content-wrapper {
  background-color: var(--background--bg-light);
  border-radius: 1.125rem;
  justify-content: center;
  width: 100%;
  padding: 2rem;
  display: flex;
}

.contact_info-content-wrapper.is-service {
  background-color: var(--background--bg-light);
}

.contact_info-content-wrapper.is-contact {
  background-color: var(--background--bg-tertiary-light);
}

.contact_info-content {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  max-width: 48rem;
  color: var(--text--text-white);
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 2rem;
  padding-bottom: 2.5rem;
  display: flex;
}

.contact_info-heading {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.contact_info {
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.service_steps-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.service_step {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--background--bg-white);
  border-radius: 1.125rem;
  flex-direction: column;
  flex: 1 1 0;
  justify-content: flex-start;
  align-items: stretch;
  min-width: 0;
  height: 20rem;
  padding: 2rem;
  display: flex;
}

.service_step.is-blue {
  background-color: var(--background--bg-tertiary);
  box-shadow: none;
  color: var(--text--text-white);
}

.service_hero-img {
  background-color: var(--neutral--neutral-900);
  background-image: url('../images/1x1557x792-service.webp');
  background-position: 50% 80%;
  background-repeat: repeat;
  background-size: cover;
  background-attachment: scroll;
  border-radius: 1.5rem;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  min-height: 30rem;
  padding-top: 4rem;
  padding-bottom: 4rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.service_hero-img.is-wytrzymala {
  background-image: url('../images/2x672x478-podrozuj-lzej.webp');
  background-position: 50% 100%;
  background-size: cover;
}

.service_grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.section_service-m {
  background-color: var(--background--bg-white);
  flex-flow: column;
  display: flex;
}

.section_utility-hero {
  background-color: var(--background--bg-light);
}

.uui-text-size-medium-2 {
  color: var(--gray600\<deleted\|variable-10a0cd12\>);
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

.uui-text-align-center {
  text-align: center;
}

.uui-container-large-2 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.align-center-2 {
  margin-left: auto;
  margin-right: auto;
}

.uui-page-padding-2 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.uui-max-width-large {
  width: 100%;
  max-width: 48rem;
}

.uui-max-width-large.align-center-2 {
  margin-left: auto;
  margin-right: auto;
}

.uui-text-size-large {
  color: var(--gray600\<deleted\|variable-10a0cd12\>);
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
}

.uui-heading-xxsmall {
  color: var(--gray900\<deleted\|variable-f63dbb51\>);
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.5;
}

.uui-heading-medium {
  color: var(--gray900\<deleted\|variable-f63dbb51\>);
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 2.25rem;
  font-weight: 600;
  line-height: 1.3;
}

.uui-button-3 {
  grid-column-gap: .5rem;
  border: 1px solid var(--primary600\<deleted\|variable-c514c1b4\>);
  background-color: var(--primary600\<deleted\|variable-c514c1b4\>);
  color: var(--white\<deleted\|variable-e3beb9c1\>);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button-3:hover {
  border-color: var(--primary700\<deleted\|variable-da4f7fa3\>);
  background-color: var(--primary700\<deleted\|variable-da4f7fa3\>);
}

.uui-button-3:focus {
  background-color: var(--primary600\<deleted\|variable-c514c1b4\>);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--primary100\<deleted\|variable-35a3c723\>);
}

.uui-button-row-2 {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.uui-button-row-2.button-row-center {
  justify-content: center;
}

.uui-faq01_list {
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
}

.faq_answer {
  overflow: hidden;
}

.faq_accordion {
  border-bottom: 1px solid var(--neutral--neutral-200);
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.faq_accordion.last-item {
  border-bottom-color: #0000;
}

.faq_question {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  display: flex;
}

.faq_icon-wrapper {
  color: var(--primary600\<deleted\|variable-c514c1b4\>);
}

.uui-faq01_component {
  margin-top: 4rem;
}

.uui-faq01_cta {
  background-color: var(--gray50\<deleted\|variable-8a511359\>);
  border-radius: 1rem;
  justify-content: center;
  margin-top: 4rem;
  padding: 2rem;
  display: flex;
}

.uui-avatar-group_item {
  border: 2px solid var(--white\<deleted\|variable-e3beb9c1\>);
  background-color: var(--white\<deleted\|variable-e3beb9c1\>);
  border-radius: 50%;
  width: 2.75rem;
  height: 2.75rem;
  margin-right: -1rem;
}

.avatar-stack_component {
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-end;
  width: auto;
  margin-bottom: 2rem;
  margin-right: 1rem;
  display: flex;
}

.uui-avatar-stack_item {
  border: 2px solid var(--white\<deleted\|variable-e3beb9c1\>);
  background-color: var(--white\<deleted\|variable-e3beb9c1\>);
  border-radius: 50%;
  width: 2.75rem;
  height: 2.75rem;
  margin-right: -1rem;
}

.uui-avatar-stack_item.featured {
  width: 3.5rem;
  height: 3.5rem;
  position: relative;
}

.accordion-icon_component {
  border: 2px solid var(--gray400\<deleted\|variable-b339bef7\>);
  width: 1.5rem;
  height: 1.5rem;
  color: var(--gray400\<deleted\|variable-b339bef7\>);
  -webkit-text-stroke-color: var(--neutral--neutral-400);
  border-radius: 50%;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.accordion-icon_vertical-line {
  background-color: var(--gray400\<deleted\|variable-b339bef7\>);
  border-radius: 1px;
  width: 2px;
  height: .75rem;
  position: absolute;
}

.accordion-icon_horizontal-line {
  background-color: var(--gray400\<deleted\|variable-b339bef7\>);
  border-radius: 1px;
  width: .75rem;
  height: 2px;
  position: absolute;
}

.uui-space-small-2 {
  width: 100%;
  min-height: 1.5rem;
}

.uui-space-xsmall {
  width: 100%;
  min-height: 1rem;
}

.faq-space-medium {
  width: 100%;
  min-height: 2rem;
}

.uui-space-xxsmall {
  width: 100%;
  min-height: .5rem;
}

.uui-padding-vertical-xhuge-2 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.uui-heading-subheading-2 {
  color: var(--primary600\<deleted\|variable-c514c1b4\>);
  margin-bottom: .75rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
}

.faq_heading {
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 0;
}

.faq_component {
  margin-top: 4rem;
}

.faq_questions {
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
}

.space-medium {
  border-bottom: 1px solid var(--neutral--neutral-200);
  width: 100%;
  max-width: 25%;
  min-height: 1.5rem;
}

.rive_wolnosc {
  background-color: var(--neutral--neutral-100);
  border-radius: 1rem;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 50rem;
  height: 29rem;
  display: flex;
  overflow: hidden;
}

.rive_wolnosc.is-light {
  background-color: var(--background--bg-light);
}

.rive_wolnosc.is-wolnosc {
  background-image: url('../images/2x672x464-wolnosc-podrozowania.webp');
  background-position: 0 0;
  background-size: cover;
}

.rive_wolnosc.is-wysoka-czystosc {
  background-color: var(--background--bg-light);
  background-image: url('../images/2x672x464-wysoka-czystosc.webp');
  background-position: 0 0;
  background-size: cover;
}

.rive_wolnosc.is-wydajnosc {
  background-color: var(--background--bg-light);
  background-image: url('../images/2x672x464-wydajnosc-systemu.webp');
  background-position: 0 0;
  background-size: cover;
}

.rive_wolnosc.is-podrozuj-lzej {
  background-image: url('../images/2x672x478-podrozuj-lzej.webp');
  background-position: 50%;
  background-size: cover;
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 3.5rem;
  }

  h2 {
    max-width: none;
    font-size: 2.75rem;
  }

  h3 {
    font-size: 2.75rem;
  }

  .hide-tablet {
    display: none;
  }

  .show-tablet {
    display: block;
  }

  .max-width-full-tablet {
    width: 100%;
    max-width: none;
  }

  .margin-large {
    margin: 2.5rem;
  }

  .margin-xlarge {
    margin: 3.5rem;
  }

  .margin-xxlarge {
    margin: 4.5rem;
  }

  .margin-huge {
    margin: 5rem;
  }

  .margin-xhuge {
    margin: 6rem;
  }

  .margin-xxhuge {
    margin: 7.5rem;
  }

  .padding-large {
    padding: 2.5rem;
  }

  .padding-xlarge {
    padding: 3.5rem;
  }

  .padding-xxlarge {
    padding: 4.5rem;
  }

  .padding-huge {
    padding: 5rem;
  }

  .padding-xhuge {
    padding: 6rem;
  }

  .padding-xxhuge {
    padding: 7.5rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .heading-style-h1 {
    font-size: 3.5rem;
  }

  .heading-style-h1.hero_heading {
    font-size: 3rem;
  }

  .heading-style-h3 {
    font-size: 2.75rem;
  }

  .uui-styleguide_header {
    flex-direction: column;
    align-items: flex-start;
  }

  .hide-tablet-2 {
    display: none;
  }

  .show-tablet-2 {
    display: block;
  }

  .uui-dropdown-icon {
    color: var(--gray500\<deleted\|variable-68f29e84\>);
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    inset: auto 0% auto auto;
  }

  .menu-icon_line-middle-inner {
    width: 4px;
    height: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon_line-bottom {
    background-color: var(--gray700\<deleted\|variable-d4f37b50\>);
    border-radius: 1rem;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon_line-middle {
    background-color: var(--gray700\<deleted\|variable-d4f37b50\>);
    border-radius: 1rem;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .menu-icon_line-top {
    background-color: var(--gray700\<deleted\|variable-d4f37b50\>);
    border-radius: 1rem;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon_component {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-right: -.5rem;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .uui-navbar05_dropdown-content-left {
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr 1fr;
    align-content: start;
    align-items: start;
    padding-left: 0;
    padding-right: 0;
  }

  .uui-navbar05_bottom-bar {
    border-radius: .5rem;
    flex-direction: column;
    margin-bottom: 1.5rem;
    padding: 1.5rem;
    overflow: hidden;
  }

  .uui-navbar05_dropdown-content {
    flex-direction: column;
  }

  .nav-menu-right {
    border-top: 1px solid var(--gray100\<deleted\|variable-4a47ec41\>);
    -webkit-text-fill-color: inherit;
    background-color: #fff;
    background-clip: border-box;
    align-items: flex-start;
    height: 100vh;
    margin-left: 0;
    padding: 1.5rem 2rem 5rem;
    position: absolute;
    overflow: auto;
  }

  .nav-menu-left {
    grid-column-gap: 0px;
    grid-row-gap: .5rem;
    color: var(--gray900\<deleted\|variable-f63dbb51\>);
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .nav-link {
    width: 100%;
    color: var(--gray900\<deleted\|variable-f63dbb51\>);
    padding: .75rem 0;
    font-size: 1.125rem;
  }

  .nav-link:hover {
    color: var(--gray900\<deleted\|variable-f63dbb51\>);
  }

  .uui-navbar05_menu-dropdown {
    width: 100%;
    position: relative;
  }

  .uui-navbar05_dropdown-toggle {
    color: var(--gray900\<deleted\|variable-f63dbb51\>);
    align-items: center;
    padding-top: .75rem;
    padding-bottom: .75rem;
    padding-left: 0;
    font-size: 1.125rem;
    display: flex;
  }

  .uui-navbar05_dropdown-toggle:hover {
    color: var(--gray900\<deleted\|variable-f63dbb51\>);
  }

  .uui-navbar05_dropdown-list {
    position: relative;
    overflow: hidden;
  }

  .uui-navbar05_dropdown-list.w--open {
    min-width: auto;
    box-shadow: none;
    border-style: none;
    align-items: flex-start;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
  }

  .uui-navbar05_menu-right {
    flex-direction: column-reverse;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    align-items: stretch;
    margin-top: 1.5rem;
    padding-bottom: 7rem;
  }

  .uui-navbar05_menu-button.w--open {
    background-color: #0000;
  }

  .uui-navbar05_dropdown-link {
    padding-left: 0;
    padding-right: 0;
  }

  .uui-navbar05_dropdown-link:hover {
    background-color: #0000;
  }

  .uui-navbar05_button-wrapper {
    flex-direction: column-reverse;
    align-items: stretch;
    display: flex;
  }

  .padding-global {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .padding-global.is-section-pad, .padding-global.is-section-pad-mid {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .padding-global.is-section-grid {
    padding-bottom: 4rem;
  }

  .uui-heading-xlarge {
    font-size: 3.25rem;
  }

  .uui-heroheader07_light-overlay {
    width: 76rem;
    min-width: 76rem;
    right: -10%;
  }

  .hero-component {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .space-large {
    min-height: 2.5rem;
  }

  .uui-padding-vertical-xhuge {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .navbar_menu, .navbar_menu-right {
    display: none;
  }

  .section_hero {
    height: 40rem;
  }

  .hero_content {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .hero_heading {
    font-size: 3.5rem;
  }

  .stats_grid {
    grid-template-columns: 1fr 1fr;
  }

  .stats_value {
    font-size: 2rem;
  }

  .navbar_dropdown {
    flex-grow: 0;
    align-items: center;
    margin-left: auto;
    margin-right: 0;
    display: flex;
  }

  .water_stack {
    gap: 4rem;
  }

  .row_text-visual {
    flex-flow: column-reverse;
    align-items: stretch;
  }

  .water_col-text {
    width: 100%;
    max-width: none;
  }

  .text_group, .text_paragraph-group, .text_paragraph-group.is-gap-sm {
    max-width: 90%;
  }

  .visual_placeholder {
    width: 100%;
    height: 26rem;
  }

  .feature_card, .feature_card.is-accent {
    height: auto;
  }

  .water_grid3 {
    flex-direction: column;
    min-height: 0;
  }

  .image_placeholder {
    min-height: 16rem;
  }

  .image_placeholder.is-co-daje-center {
    background-position: 50%;
    background-size: cover;
  }

  .image_placeholder.is-co-daje-left {
    background-position: 50% 100%;
  }

  .row_media-text {
    flex-direction: column;
  }

  .perf_text {
    max-width: 90%;
  }

  .perf_card, .perf_card.is-blue {
    height: auto;
  }

  .alt_row {
    flex-flow: column-reverse;
    align-items: stretch;
  }

  .alt_visual {
    order: 2;
    width: 100%;
  }

  .alt_visual.is-gwarancja {
    background-position: 50%;
    background-size: contain;
  }

  .alt_visual.is-patent {
    background-position: 50%;
    background-size: 576px;
  }

  .alt_text {
    order: 1;
    max-width: 90%;
  }

  .alt_note {
    max-width: none;
  }

  .proof_banner {
    height: 30rem;
    padding: 3rem 2.5rem;
  }

  .proof_card {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column-reverse;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .proof_row {
    flex-flow: column-reverse;
    align-items: stretch;
  }

  .proof_visual, .proof_grid {
    width: 100%;
    height: 22rem;
  }

  .proof_grid-img.is-2 {
    display: none;
  }

  .proof_grid-img.is-3 {
    background-position: 50%;
    background-size: cover;
    height: 15rem;
  }

  .shop_top {
    flex-direction: column;
  }

  .shop_gallery {
    width: 100%;
    position: static;
  }

  .shop_gallery-main {
    height: 28rem;
  }

  .trust_card {
    height: auto;
  }

  .trust_text {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .trust_value {
    font-size: 2rem;
  }

  .faq_card {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    flex-flow: column;
    padding: 3rem 2rem;
  }

  .faq_row {
    flex-direction: column;
  }

  .faq_intro {
    width: 100%;
  }

  .cta_inner {
    gap: 8rem;
    width: 90%;
  }

  .cta_bottom {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .cta_bottom-inner {
    width: 100%;
  }

  .footer_nav, .footer_legal {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .footer_copy {
    display: none;
  }

  .faq_card-header {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    display: flex;
  }

  .shop_slider {
    position: static;
  }

  .footer_top-wrapper {
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
  }

  .padding-vertical-xlarge {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .about_card {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column-reverse;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .about_row {
    flex-flow: column-reverse;
    align-items: stretch;
  }

  .about_grid {
    width: 100%;
    height: 22rem;
  }

  .about_grid-img.is-2 {
    display: none;
  }

  .about_grid-img.is-3 {
    background-position: 50%;
    background-size: cover;
    height: 15rem;
  }

  .service_hero {
    height: 30rem;
    padding: 3rem 2.5rem;
  }

  .contact_grid {
    display: flex;
  }

  .contact_hero-img {
    height: 100%;
    padding: 3rem 2.5rem;
  }

  .service_steps-grid {
    flex-flow: column;
    display: flex;
  }

  .service_step, .service_step.is-blue {
    height: auto;
  }

  .service_hero-img {
    background-position: 0 80%;
    height: 100%;
    padding: 3rem 2.5rem;
  }

  .service_grid {
    display: flex;
  }

  .uui-padding-vertical-xhuge-2 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .space-medium {
    min-height: 2.5rem;
  }

  .rive_wolnosc {
    width: 100%;
    height: 26rem;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 2.5rem;
  }

  h2 {
    text-align: center;
    width: 100%;
    font-size: 2.5rem;
  }

  h3 {
    font-size: 2rem;
  }

  h4 {
    font-size: 1.75rem;
    line-height: 1.4;
  }

  h5 {
    font-size: 1.5rem;
  }

  h6 {
    font-size: 1.25rem;
  }

  .text-rich-text figure {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .text-rich-text figcaption {
    margin-top: .75rem;
  }

  .hide-mobile-landscape {
    display: none;
  }

  .container-large {
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .page-padding {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .show-mobile-landscape {
    display: block;
  }

  .max-width-full-mobile-landscape {
    width: 100%;
    max-width: none;
  }

  .margin-xsmall {
    margin: .75rem;
  }

  .margin-small {
    margin: 1.25rem;
  }

  .margin-medium {
    margin: 1.5rem;
  }

  .margin-large {
    margin: 2rem;
  }

  .margin-xlarge {
    margin: 2.5rem;
  }

  .margin-xxlarge {
    margin: 3rem;
  }

  .margin-huge {
    margin: 3.5rem;
  }

  .margin-xhuge {
    margin: 4rem;
  }

  .margin-xxhuge {
    margin: 5rem;
  }

  .padding-xsmall {
    padding: .75rem;
  }

  .padding-small {
    padding: 1.25rem;
  }

  .padding-medium {
    padding: 1.5rem;
  }

  .padding-large {
    padding: 2rem;
  }

  .padding-xlarge {
    padding: 2.5rem;
  }

  .padding-xxlarge {
    padding: 3rem;
  }

  .padding-huge {
    padding: 3.5rem;
  }

  .padding-xhuge {
    padding: 4rem;
  }

  .padding-xxhuge {
    padding: 5rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .text-style-nowrap {
    white-space: normal;
  }

  .text-size-medium {
    font-size: 1rem;
  }

  .text-size-large {
    font-size: 1.125rem;
  }

  .heading-style-h1 {
    font-size: 2.5rem;
  }

  .heading-style-h1.hero_heading {
    font-size: 2rem;
  }

  .button-tertiary-depracated {
    padding: .75rem 1.25rem;
    font-size: 1rem;
  }

  .button-tertiary-depracated:hover {
    background-color: #0000;
  }

  .button-tertiary-depracated.is-button-large {
    grid-column-gap: .5rem;
    padding: .75rem 1.25rem;
    font-size: 1rem;
  }

  .button-tertiary-depracated.is-button-large.icon-only {
    width: 3rem;
    height: 3rem;
  }

  .heading-style-h4 {
    font-size: 1.75rem;
    line-height: 1.4;
  }

  .heading-style-h3 {
    font-size: 2.25rem;
  }

  .button {
    padding: .75rem 1.25rem;
    font-size: 1rem;
  }

  .button:hover {
    border-color: var(--primary600\<deleted\|variable-c514c1b4\>);
    background-color: var(--primary600\<deleted\|variable-c514c1b4\>);
  }

  .button.is-button-large {
    grid-column-gap: .5rem;
    padding: .75rem 1.25rem;
    font-size: 1rem;
  }

  .button.is-button-large.icon-only {
    width: 3rem;
    height: 3rem;
  }

  .heading-xsmall {
    font-size: 1.25rem;
  }

  .button-secondary {
    padding: .75rem 1.25rem;
    font-size: 1rem;
  }

  .button-secondary:hover {
    background-color: var(--primary50\<deleted\|variable-a4451441\>);
  }

  .button-secondary.is-button-large {
    grid-column-gap: .5rem;
    padding: .75rem 1.25rem;
    font-size: 1rem;
  }

  .button-secondary.is-button-large.icon-only {
    width: 3rem;
    height: 3rem;
  }

  .heading-style-h5 {
    font-size: 1.5rem;
  }

  .text-style-quote {
    font-size: 1.125rem;
  }

  .button-row {
    align-self: stretch;
  }

  .button-row.is-reverse-mobile-landscape {
    flex-direction: column-reverse;
  }

  .button-link {
    font-size: 1rem;
  }

  .button-link:hover {
    color: var(--primary700\<deleted\|variable-da4f7fa3\>);
  }

  .button-link.is-button-large {
    grid-column-gap: .5rem;
    font-size: 1rem;
  }

  .button-icon.is-icon-large {
    width: 1.25rem;
    height: 1.25rem;
  }

  .badge {
    padding: .125rem .5rem;
  }

  .badge-group {
    font-size: .75rem;
  }

  .badge-group_badge {
    padding: .125rem .5rem;
    font-size: .75rem;
  }

  .button-secondary-gray {
    padding: .75rem 1.25rem;
  }

  .button-secondary-gray:hover {
    background-color: var(--white\<deleted\|variable-e3beb9c1\>);
    color: var(--gray700\<deleted\|variable-d4f37b50\>);
  }

  .button-secondary-gray.is-button-large {
    grid-column-gap: .5rem;
    padding: .75rem 1.25rem;
    font-size: 1rem;
  }

  .button-secondary-gray.is-button-large.icon-only {
    width: 3rem;
    height: 3rem;
  }

  .button-tertiary-gray {
    padding: .75rem 1.25rem;
    font-size: 1rem;
  }

  .button-tertiary-gray:hover {
    color: var(--gray600\<deleted\|variable-10a0cd12\>);
    background-color: #0000;
  }

  .button-tertiary-gray.is-button-large {
    grid-column-gap: .5rem;
    padding: .75rem 1.25rem;
    font-size: 1rem;
  }

  .button-tertiary-gray.is-button-large.icon-only {
    width: 3rem;
    height: 3rem;
  }

  .button-link-gray {
    font-size: 1rem;
  }

  .button-link-gray:hover {
    color: var(--gray600\<deleted\|variable-10a0cd12\>);
  }

  .button-link-gray.is-button-large {
    grid-column-gap: .5rem;
    font-size: 1rem;
  }

  .uui-styleguide_logomark-bg {
    background-image: url('../images/untitled-ui-logomark.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .uui-styleguide-message-fixed {
    grid-row-gap: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .uui-styleguide-message-wrapper {
    padding: 1rem;
  }

  .button-dark {
    padding: .75rem 1.25rem;
    font-size: 1rem;
  }

  .button-dark:hover {
    border-color: var(--primary600\<deleted\|variable-c514c1b4\>);
    background-color: var(--primary600\<deleted\|variable-c514c1b4\>);
  }

  .button-dark.is-button-large {
    grid-column-gap: .5rem;
    padding: .75rem 1.25rem;
    font-size: 1rem;
  }

  .button-dark.is-button-large.icon-only {
    width: 3rem;
    height: 3rem;
  }

  .uui-button {
    font-size: 1rem;
  }

  .uui-button:hover {
    border-color: var(--primary600\<deleted\|variable-c514c1b4\>);
    background-color: var(--primary600\<deleted\|variable-c514c1b4\>);
  }

  .uui-navbar05_dropdown-content-left {
    grid-row-gap: .5rem;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .uui-navbar05_dropdown-link-list {
    grid-row-gap: .5rem;
    max-width: none;
  }

  .uui-button-link {
    font-size: 1rem;
  }

  .uui-button-link:hover {
    color: var(--primary700\<deleted\|variable-da4f7fa3\>);
  }

  .nav-component {
    min-height: 4.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .nav-menu-right {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .nav-link, .uui-navbar05_dropdown-toggle {
    font-size: 1rem;
  }

  .uui-button-secondary-gray {
    padding-left: 1.25rem;
    font-size: 1rem;
  }

  .uui-button-secondary-gray:hover {
    background-color: var(--white\<deleted\|variable-e3beb9c1\>);
    color: var(--gray700\<deleted\|variable-d4f37b50\>);
  }

  .uui-button-tertiary-gray:hover {
    color: var(--gray600\<deleted\|variable-10a0cd12\>);
    background-color: #0000;
  }

  .uui-styleguide_logomark-bg-2 {
    background-image: url('../images/untitled-ui-logomark.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .uui-badge-small-success {
    padding: .125rem .5rem;
  }

  .padding-global {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .padding-global.stats_inner, .padding-global.is-section-pad {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .padding-global.footer_pad {
    flex-flow: column;
    display: flex;
  }

  .padding-global.is-section-pad-mid {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .padding-global.is-section-grid {
    padding-bottom: 4rem;
  }

  .uui-page-padding {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .max-width-full-mobile-landscape-2 {
    width: 100%;
    max-width: none;
  }

  .uui-button-2 {
    font-size: 1rem;
  }

  .uui-button-2:hover {
    border-color: var(--primary600\<deleted\|variable-c514c1b4\>);
    background-color: var(--primary600\<deleted\|variable-c514c1b4\>);
  }

  .uui-button-2.is-button-large {
    grid-column-gap: .5rem;
    padding: .75rem 1.25rem;
    font-size: 1rem;
  }

  .uui-heading-xlarge {
    font-size: 2.25rem;
  }

  .uui-button-row {
    align-self: stretch;
  }

  .uui-button-row.is-reverse-mobile-landscape {
    flex-direction: column-reverse;
  }

  .uui-button-icon.is-icon-large {
    width: 1.25rem;
    height: 1.25rem;
  }

  .uui-heroheader07_image-wrapper {
    background-image: none;
    height: 26rem;
  }

  .uui-heroheader07_card-image-01, .uui-heroheader07_card-image-02 {
    border-radius: 1.4rem;
    width: 22rem;
  }

  .uui-heroheader07_light-overlay {
    width: 72rem;
    min-width: 72rem;
    right: -30%;
  }

  .uui-text-size-xlarge {
    font-size: 1.125rem;
  }

  .uui-button-secondary-gray-2 {
    padding-left: 1.25rem;
    font-size: 1rem;
  }

  .uui-button-secondary-gray-2:hover {
    background-color: var(--white\<deleted\|variable-e3beb9c1\>);
    color: var(--gray700\<deleted\|variable-d4f37b50\>);
  }

  .uui-button-secondary-gray-2.is-button-large {
    grid-column-gap: .5rem;
    padding: .75rem 1.25rem;
    font-size: 1rem;
  }

  .uui-space-small {
    min-height: 1.25rem;
  }

  .space-large {
    min-height: 2rem;
  }

  .uui-padding-vertical-xhuge {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .navbar_container {
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    row-gap: .5rem;
  }

  .section_hero {
    height: 35rem;
  }

  .hero_content {
    justify-content: flex-start;
    align-items: center;
    max-width: 80%;
  }

  .hero_heading {
    font-size: 2.75rem;
  }

  .hero_bottom-row {
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: 1.5rem;
  }

  .hero_subtitle {
    text-align: center;
    max-width: none;
    font-size: .8rem;
  }

  .stats_grid {
    flex: 1;
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .water_stack {
    gap: 3rem;
  }

  .water_col-text {
    justify-content: space-between;
    align-items: center;
  }

  .text_group {
    justify-content: flex-start;
    align-items: center;
  }

  .text_paragraph-group {
    text-align: center;
  }

  .visual_placeholder {
    height: 18rem;
  }

  .water_features {
    flex-direction: column;
  }

  .feature_card {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    text-align: center;
    justify-content: flex-start;
    align-items: center;
    height: auto;
  }

  .water_promo-card {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
  }

  .water_stat-card {
    justify-content: space-between;
    align-items: center;
  }

  .water_benefits {
    flex-direction: column;
  }

  .water_benefit-card {
    justify-content: center;
    align-items: center;
  }

  .row_media-text {
    justify-content: flex-start;
    align-items: center;
  }

  .perf_cards {
    flex-direction: column;
  }

  .perf_card {
    text-align: center;
    border: 1px solid #000;
    justify-content: flex-start;
    align-items: center;
    height: auto;
  }

  .perf_card.is-blue {
    justify-content: flex-start;
    align-items: stretch;
  }

  .lighter_col {
    justify-content: space-between;
    align-items: center;
  }

  .lighter_cards {
    flex-direction: column;
  }

  .lighter_card {
    border: 1px solid #000;
    justify-content: flex-start;
    align-items: center;
  }

  .alt_row {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
  }

  .alt_visual.is-gwarancja {
    background-size: cover;
  }

  .alt_text, .alt_text.is-cta {
    justify-content: space-between;
    align-items: center;
  }

  .alt_note {
    justify-content: flex-start;
    align-items: center;
  }

  .proof_banner {
    height: 24rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .proof_banner-l-col {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
  }

  .proof_card {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .proof_text {
    justify-content: flex-start;
    align-items: center;
  }

  .proof_grid {
    flex-direction: column;
    height: auto;
  }

  .proof_grid-img {
    min-height: 12rem;
  }

  .shop_stack {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }

  .shop_top {
    justify-content: flex-start;
    align-items: center;
  }

  .shop_info-col {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    justify-content: flex-start;
    align-items: center;
  }

  .shop_info {
    justify-content: flex-start;
    align-items: center;
  }

  .shop_badge {
    display: none;
  }

  .shop_notes {
    flex-direction: column;
  }

  .shop_color-row {
    flex-wrap: wrap;
  }

  .shop_color-option {
    flex-basis: 40%;
  }

  .trust_row {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-direction: column;
  }

  .faq_card {
    text-align: center;
    justify-content: space-between;
    align-items: center;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .cta_inner {
    text-align: center;
    justify-content: space-between;
    align-items: center;
    gap: 5rem;
  }

  .cta_buttons {
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
  }

  .footer_row {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.5rem;
  }

  .footer_left {
    flex-flow: column;
    gap: 1rem;
    width: 100%;
  }

  .footer_social {
    display: none;
  }

  .footer_row2 {
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding-left: 0;
  }

  .div-block {
    display: flex;
  }

  .footer_page-padding {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .footer_logo-link {
    margin-bottom: 1.5rem;
  }

  .footer_top-wrapper {
    grid-row-gap: 3rem;
  }

  .uui-footer03_link:hover {
    color: var(--primary700\<deleted\|variable-da4f7fa3\>);
  }

  .footer_bottom-wrapper {
    flex-direction: column-reverse;
    align-items: flex-start;
    margin-top: 3rem;
  }

  .footer_social-item:hover, .uui-footer03_legal-link:hover {
    color: var(--gray400\<deleted\|variable-b339bef7\>);
  }

  .footer_social-list {
    margin-top: 1.5rem;
  }

  .footer_legal-list {
    margin-bottom: 1rem;
  }

  .uui-styleguide_logomark-bg-3 {
    background-image: url('../images/untitled-ui-logomark.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .padding-vertical-xlarge {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .badge-small-soon, .badge-small-new {
    padding: .125rem .5rem;
  }

  .footer_legal-link:hover {
    color: var(--gray400\<deleted\|variable-b339bef7\>);
  }

  .about_card {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .about_text {
    justify-content: flex-start;
    align-items: center;
  }

  .about_grid {
    flex-direction: column;
    height: auto;
  }

  .about_grid-img {
    min-height: 12rem;
  }

  .service_hero {
    height: 24rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .contact_grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    display: flex;
  }

  .contact_hero-img {
    height: 24rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    display: none;
  }

  .service_step {
    text-align: center;
    border: 1px solid #000;
    justify-content: flex-start;
    align-items: center;
    height: auto;
  }

  .service_step.is-blue {
    justify-content: flex-start;
    align-items: stretch;
  }

  .service_hero-img {
    height: 24rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    display: none;
  }

  .service_grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    display: flex;
  }

  .uui-page-padding-2 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .uui-text-size-large {
    font-size: 1rem;
  }

  .uui-heading-xxsmall {
    font-size: 1.125rem;
  }

  .uui-heading-medium {
    font-size: 1.75rem;
    line-height: 1.4;
  }

  .uui-button-3 {
    font-size: 1rem;
  }

  .uui-button-3:hover {
    border-color: var(--primary600\<deleted\|variable-c514c1b4\>);
    background-color: var(--primary600\<deleted\|variable-c514c1b4\>);
  }

  .uui-button-row-2 {
    align-self: stretch;
  }

  .uui-button-row-2.button-row-center.is-reverse-mobile-landscape, .uui-button-row-2.is-reverse-mobile-landscape {
    flex-direction: column-reverse;
  }

  .uui-faq01_component {
    margin-top: 3rem;
  }

  .uui-faq01_cta {
    margin-top: 3rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .avatar-stack_component {
    margin-bottom: 1.5rem;
  }

  .uui-space-small-2 {
    min-height: 1.25rem;
  }

  .uui-space-xsmall {
    min-height: .75rem;
  }

  .faq-space-medium {
    min-height: 1.5rem;
  }

  .uui-padding-vertical-xhuge-2 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .faq_component {
    margin-top: 3rem;
  }

  .space-medium {
    min-height: 2rem;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 2.5rem;
  }

  .show-mobile-portrait {
    display: block;
  }

  .hide-mobile-portrait {
    display: none;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .max-width-full-mobile-portrait {
    width: 100%;
    max-width: none;
  }

  .uui-styleguide_images-layout {
    grid-template-columns: 1fr;
  }

  .hide-mobile-portrait-2 {
    display: none;
  }

  .uui-navbar05_dropdown-content-left {
    grid-template-columns: 1fr;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .uui-navbar05_bottom-bar {
    align-items: center;
  }

  .uui-navbar05_bottom-bar-content {
    flex-direction: column;
    display: flex;
  }

  .padding-global {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .padding-global.hero_inner {
    padding-bottom: 2rem;
  }

  .padding-global.footer_pad {
    display: flex;
  }

  .uui-heroheader07_image-wrapper {
    height: 22rem;
  }

  .uui-heroheader07_card-image-01, .uui-heroheader07_card-image-02 {
    border-radius: 1rem;
    width: 18rem;
  }

  .uui-heroheader07_light-overlay {
    width: 64rem;
    min-width: 64rem;
    bottom: -140%;
    right: auto;
  }

  .hero-component {
    grid-template-columns: 1fr;
  }

  .nav_link {
    padding-left: .375rem;
    padding-right: .375rem;
    font-size: .875rem;
  }

  .section_hero {
    height: 32.5rem;
  }

  .hero_heading {
    font-size: 2.25rem;
  }

  .stats_grid {
    grid-template-columns: 1fr;
  }

  .water_stack {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .row_text-visual {
    flex-flow: column-reverse;
  }

  .tag_group {
    flex-flow: column;
  }

  .tag_group.is-3 {
    flex-flow: row;
  }

  .water_features, .water_subgrid, .water_grid3, .water_grid-col, .water_benefits {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .info-banner-text-wrap {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .water_blockb, .perf_stack {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .row_media-text {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column-reverse;
  }

  .perf_text {
    justify-content: space-between;
    align-items: center;
  }

  .perf_cards {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .perf_card {
    border: 1px solid #000;
  }

  .lighter_col {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .lighter_cards {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .alt_row {
    flex-flow: column-reverse;
  }

  .alt_text.is-cta {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .proof_stack {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .proof_card {
    padding-top: 1rem;
    padding-left: 0;
    padding-right: 0;
  }

  .proof_row {
    flex-flow: column-reverse;
  }

  .proof_text {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .shop_stack {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }

  .shop_gallery {
    position: static;
  }

  .shop_thumb {
    height: 4rem;
  }

  .faq_row {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .footer_left {
    flex-flow: column;
  }

  .footer_nav {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .footer_social {
    display: none;
  }

  .footer_row2 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    padding-top: 1rem;
  }

  .footer_legal {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .text-block {
    font-size: 1rem;
  }

  .shop_slider {
    width: 100%;
    position: static;
  }

  .img-product {
    object-fit: contain;
  }

  .footer_menu-wrapper {
    grid-template-columns: 1fr;
  }

  .footer_nav-link {
    padding-left: .375rem;
    padding-right: .375rem;
    font-size: .875rem;
  }

  .proof_banner-content {
    text-align: center;
    justify-content: space-between;
    height: 100%;
  }

  .about_stack {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .about_card {
    padding-top: 1rem;
    padding-left: 0;
    padding-right: 0;
  }

  .about_row {
    flex-flow: column-reverse;
  }

  .about_text {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .service_wrapper {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .contact_grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .contact_info-heading, .contact_info {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .service_step {
    border: 1px solid #000;
  }

  .service_grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .rive_wolnosc {
    display: none;
  }
}

#w-node-_28712b62-6de9-ebe9-0282-cdbcb2a9b947-b2a9b90c {
  justify-self: stretch;
}

#w-node-_6cbc2bc7-1150-6c2f-567c-f4e836ac342a-b35e0af7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e1e5ec1f-08b1-8e09-6dee-c0ee751a8b52-b35e0af7 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-e3d42454-e449-6569-5bef-20a3e38926de-b35e0af7 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_6cbc2bc7-1150-6c2f-567c-f4e836ac342a-57c4a564 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e1e5ec1f-08b1-8e09-6dee-c0ee751a8b52-57c4a564 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_25d9cb84-56dc-b19c-7440-7908bb42d83e-57c4a564, #w-node-e3d42454-e449-6569-5bef-20a3e38926de-57c4a564 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}


@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}