@font-face {
	font-family: 'Open Sans';
	src: url(../../assets/fonts/subset-OpenSans-Regular.woff2) format('woff2'),
	url(../../assets/fonts/subset-OpenSans-Regular.woff) format('woff'),
	url(../../assets/fonts/subset-OpenSans-Regular.ttf) format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}@font-face {
	font-family: 'Oswald';
	src: url(../../assets/fonts/subset-Oswald-Regular.woff2) format('woff2'),
	url(../../assets/fonts/subset-Oswald-Regular.woff) format('woff'),
	url(../../assets/fonts/subset-Oswald-Regular.ttf) format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}:root, [data-bs-theme=light] {
  --bs-body-font-family: 'Open Sans', sans-serif;
}

html {
  font-size: 62.5%;
}

:root, :root.cf-theme-dark .rp-theme-inverted {
  --rp-bg-body: hsla(0,0%,90%,1);
  --rp-bg-surface: hsla(0,0%,100%,1);
  --rp-text-body: #555555;
  --rp-text-hover: #999999;
  --rp-border-primary: hsla(0,0%,50%,0.25);
  --rp-shadow-primary: hsla(0,0%,0%,0.15);
  --rp-light: hsl(85,0%,100%);
  --rp-light-5: hsla(0,0%,100%,0.05);
  --rp-light-10: hsla(0,0%,100%,0.1);
  --rp-light-20: hsla(0,0%,100%,0.2);
  --rp-light-30: hsla(0,0%,100%,0.3);
  --rp-light-40: hsla(0,0%,100%,0.4);
  --rp-light-50: hsla(0,0%,100%,0.5);
  --rp-light-60: hsla(0,0%,100%,0.6);
  --rp-light-70: hsla(0,0%,100%,0.7);
  --rp-light-80: hsla(0,0%,100%,0.8);
  --rp-light-90: hsla(0,0%,100%,0.9);
  --rp-dark: hsla(0,0%,0%,1);
  --rp-dark-5: hsla(0,0%,0%,0.05);
  --rp-dark-10: hsla(0,0%,0%,0.1);
  --rp-dark-20: hsla(0,0%,0%,0.2);
  --rp-dark-30: hsla(0,0%,0%,0.3);
  --rp-dark-40: hsla(0,0%,0%,0.4);
  --rp-dark-50: hsla(0,0%,0%,0.5);
  --rp-dark-60: hsla(0,0%,0%,0.6);
  --rp-dark-70: hsla(0,0%,0%,0.7);
  --rp-dark-80: hsla(0,0%,0%,0.8);
  --rp-dark-90: hsla(0,0%,0%,0.9);
  --rp-success: hsl(136,95%,56%);
  --rp-success-5: hsla(136,95%,56%,0.05);
  --rp-success-10: hsla(136,95%,56%,0.1);
  --rp-success-20: hsla(136,95%,56%,0.2);
  --rp-success-30: hsla(136,95%,56%,0.3);
  --rp-success-40: hsla(136,95%,56%,0.4);
  --rp-success-50: hsla(136,95%,56%,0.5);
  --rp-success-60: hsla(136,95%,56%,0.6);
  --rp-success-70: hsla(136,95%,56%,0.7);
  --rp-success-80: hsla(136,95%,56%,0.8);
  --rp-success-90: hsla(136,95%,56%,0.9);
  --rp-error: hsl(351,95%,56%);
  --rp-error-5: hsla(351,95%,56%,0.05);
  --rp-error-10: hsla(351,95%,56%,0.1);
  --rp-error-20: hsla(351,95%,56%,0.2);
  --rp-error-30: hsla(351,95%,56%,0.3);
  --rp-error-40: hsla(351,95%,56%,0.4);
  --rp-error-50: hsla(351,95%,56%,0.5);
  --rp-error-60: hsla(351,95%,56%,0.6);
  --rp-error-70: hsla(351,95%,56%,0.7);
  --rp-error-80: hsla(351,95%,56%,0.8);
  --rp-error-90: hsla(351,95%,56%,0.9);
  --rp-space-4xs: clamp(0.52rem,calc(-0.03vw + 0.53rem),0.49rem);
  --rp-space-3xs: clamp(0.66rem,calc(0.04vw + 0.64rem),0.7rem);
  --rp-space-2xs: clamp(0.82rem,calc(0.16vw + 0.77rem),0.99rem);
  --rp-space-xs: clamp(1.02rem,calc(0.35vw + 0.91rem),1.4rem);
  --rp-space-s: clamp(1.28rem,calc(0.65vw + 1.07rem),1.98rem);
  --rp-space-m: clamp(1.6rem,calc(1.11vw + 1.24rem),2.8rem);
  --rp-space-l: clamp(2rem,calc(1.81vw + 1.42rem),3.96rem);
  --rp-space-xl: clamp(2.5rem,calc(2.87vw + 1.58rem),5.6rem);
  --rp-space-2xl: clamp(3.13rem,calc(4.44vw + 1.71rem),7.92rem);
  --rp-space-3xl: clamp(3.91rem,calc(6.75vw + 1.75rem),11.19rem);
  --rp-space-4xl: clamp(4.88rem,calc(10.13vw + 1.64rem),15.83rem);
  --rp-text-xs: clamp(1.26rem,calc(-0.23vw + 1.34rem),1.01rem);
  --rp-text-s: clamp(1.42rem,calc(-0.07vw + 1.44rem),1.35rem);
  --rp-text-m: clamp(1.6rem,calc(0.19vw + 1.54rem),1.8rem);
  --rp-text-l: clamp(1.8rem,calc(0.55vw + 1.62rem),2.4rem);
  --rp-text-xl: clamp(2.02rem,calc(1.09vw + 1.68rem),3.2rem);
  --rp-text-2xl: clamp(2.28rem,calc(1.84vw + 1.69rem),4.26rem);
  --rp-text-3xl: clamp(2.56rem,calc(2.89vw + 1.64rem),5.68rem);
  --rp-text-4xl: clamp(2.88rem,calc(4.34vw + 1.49rem),7.58rem);
  --rp-radius-xs: clamp(4px,calc(0vw + 4px),4px);
  --rp-radius-s: clamp(6px,calc(-0.19vw + 8.59px),8px);
  --rp-radius-m: clamp(10px,calc(-0.19vw + 12.59px),12px);
  --rp-radius-l: clamp(16px,calc(-0.37vw + 21.19px),20px);
  --rp-radius-xl: clamp(26px,calc(-0.56vw + 33.78px),32px);
  --rp-radius-full: 999rem;
  --rp-shadow-xs: 0 1px 2px var(--shadow-primary);
  --rp-shadow-s: 0 1.5px 3px var(--shadow-primary);
  --rp-shadow-m: 0 2px 6px var(--shadow-primary);
  --rp-shadow-l: 0 3px 12px var(--shadow-primary);
  --rp-shadow-xl: 0 6px 48px var(--shadow-primary);
}

:root.cf-theme-dark, :root.cf-theme-light .rp-theme-inverted {
  --rp-bg-body: hsla(0,0%,5%,1);
  --rp-bg-surface: hsla(0,0%,15%,1);
  --rp-border-primary: hsla(0,0%,75%,0.1);
  --rp-shadow-primary: hsla(0,0%,0%,0.4);
  --rp-light: hsla(0,0%,0%,1);
  --rp-light-5: hsla(0,0%,0%,0.05);
  --rp-light-10: hsla(0,0%,0%,0.1);
  --rp-light-20: hsla(0,0%,0%,0.2);
  --rp-light-30: hsla(0,0%,0%,0.3);
  --rp-light-40: hsla(0,0%,0%,0.4);
  --rp-light-50: hsla(0,0%,0%,0.5);
  --rp-light-60: hsla(0,0%,0%,0.6);
  --rp-light-70: hsla(0,0%,0%,0.7);
  --rp-light-80: hsla(0,0%,0%,0.8);
  --rp-light-90: hsla(0,0%,0%,0.9);
  --rp-dark: hsla(0,0%,100%,1);
  --rp-dark-5: hsla(0,0%,100%,0.05);
  --rp-dark-10: hsla(0,0%,100%,0.1);
  --rp-dark-20: hsla(0,0%,100%,0.2);
  --rp-dark-30: hsla(0,0%,100%,0.3);
  --rp-dark-40: hsla(0,0%,100%,0.4);
  --rp-dark-50: hsla(0,0%,100%,0.5);
  --rp-dark-60: hsla(0,0%,100%,0.6);
  --rp-dark-70: hsla(0,0%,100%,0.7);
  --rp-dark-80: hsla(0,0%,100%,0.8);
  --rp-dark-90: hsla(0,0%,100%,0.9);
}

.rp-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--rp-space-3xs);
  padding: var(--rp-space-xs) var(--rp-space-s);
  background: var(--primary);
  color: #fff;
  font-size: var(--rp-text-m);
  font-weight: 600;
  border-radius: var(--rp-radius-m);
  border: 1px solid var(--primary-d-1);
  box-shadow: var(--rp-shadow-m);
  transition: all 0.25s ease-in-out;
  outline: 0;
  cursor: pointer;
}

.rp-btn:hover {
  background: var(--primary-d-1);
  transform: translateY(-0.1rem);
}

.rp-btn.small {
  font-size: var(--rp-text-s);
  padding: var(--rp-space-xs) var(--rp-space-s);
}

.rp-btn.large {
  font-size: var(--rp-text-l);
  padding: var(--rp-space-s) var(--rp-space-m);
}

.rp-btn.tertiary {
  background: var(--tertiary);
  border-color: var(--tertiary-d-1);
}

.rp-btn.ghost {
  color: var(--rp-dark-80);
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}

.rp-btn.slight {
  color: var(--rp-dark-80);
  background: var(--rp-bg-surface);
  border-color: var(--rp-border-primary);
  box-shadow: var(--rp-shadow-s);
}

.rp-btn.secondary {
  background: var(--secondary);
  border-color: var(--secondary-d-1);
}

.rp-btn.ghost:hover {
  background: var(--rp-dark-10);
}

.rp-btn.slight:hover {
  background: var(--rp-dark-5);
}

.rp-btn.tertiary:hover {
  background: var(--tertiary-d-1);
}

.rp-btn.secondary:hover {
  background: var(--secondary-d-1);
}

.rp-btn:focus {
  outline: 4px solid var(--primary-l-3);
  outline-offset: 2px;
}

.rp-btn.no-bg {
  color: var(--rp-dark-80);
  background: transparent;
  box-shadow: none;
  border-color: transparent;
}

.rp-btn.no-bg:hover {
  color: var(--rp-dark);
}

.rp-link {
  color: var(--primary);
  font-size: var(--rp-text-m);
  font-weight: 600;
  letter-spacing: 0.05rem;
  box-shadow: 0 2px 0 var(--primary-20);
  -webkit-text-decoration: none;
  text-decoration: none;
  transition: all 0.15s ease-in-out;
}

.rp-link:hover {
  box-shadow: 0 2px 0 var(--primary-40);
}

.rp-link:focus {
  background: var(--primary-10);
}

.rp-link.secondary {
  color: var(--secondary);
  border-color: var(--secondary-20);
}

.rp-link.tertiary {
  color: var(--tertiary);
  border-color: var(--tertiary-20);
}

.rp-input {
  padding: var(--rp-space-xs) var(--rp-space-s);
  background: var(--rp-dark-5);
  color: var(--text-title);
  font-size: var(--rp-text-m);
  font-weight: 500;
  border-radius: var(--rp-radius-m);
  border: 1px solid var(--rp-border-primary);
  box-shadow: var(--rp-shadow-xs);
  transition: all 0.25s ease-in-out;
  appearance: none;
  outline: 0;
}

.rp-input:focus {
  background: var(--primary-20);
  border-color: var(--primary);
  box-shadow: var(--rp-shadow-l);
}

.rp-input:hover {
  border-color: var(--primary);
  background: transparent;
  box-shadow: var(--rp-shadow-l);
}

.rp-input::placeholder {
  color: var(--rp-dark-40);
}

.rp-input:invalid {
  border-color: var(--rp-error);
  background: var(--rp-error-10);
}

.rp-input:disabled {
  cursor: not-allowed;
  opacity: .75;
  box-shadow: none;
  background: var(--rp-dark-10);
}

.rp-select {
  padding: var(--rp-space-xs) var(--rp-space-s);
  background: var(--rp-dark-5);
  color: var(--rp-text-body);
  font-size: var(--rp-text-m);
  font-weight: 500;
  border-radius: var(--rp-radius-m);
  border: 1px solid var(--rp-border-primary);
  box-shadow: var(--rp-shadow-xs);
  transition: all 0.25s ease-in-out;
  outline: 0;
}

.rp-select:focus {
  background: var(--primary-20);
  border-color: var(--primary);
}

.rp-select:hover {
  border-color: var(--primary);
}

.rp-select::placeholder {
  color: var(--rp-dark-40);
}

.rp-select:invalid {
  border-color: var(--rp-error);
  background: var(--rp-error-10);
}

.rp-select:disabled {
  cursor: not-allowed;
  opacity: .75;
  box-shadow: none;
  background: var(--rp-dark-10);
}

.rp-icon {
  color: var(--primary);
  width: var(--rp-space-2xl);
  height: auto;
  font-size: var(--rp-space-2xl);
}

.rp-icon.large {
  width: var(--rp-space-3xl);
  font-size: var(--rp-space-3xl);
}

.rp-icon.secondary {
  color: var(--secondary);
}

.rp-icon.tertiary {
  color: var(--tertiary);
}

.rp-icon.outline {
  padding: 0.5em;
  border: 1px solid var(--rp-border-primary);
  border-radius: 100%;
  box-sizing: content-box;
}

.rp-icon.filled {
  padding: 0.5em;
  border-radius: 100%;
  box-sizing: content-box;
  background: var(--rp-dark-10);
}

.rp-icon.small {
  width: var(--rp-space-l);
  font-size: var(--rp-space-l);
}

.rp-divider {
  min-width: 100%;
  width: 100%;
  max-width: 100%;
  min-height: 1px;
  height: 1px;
  max-height: 1px;
  background: var(--rp-border-primary);
  margin: var(--rp-space-m) 0;
  border: 0;
}

.rp-divider.vertical {
  min-width: 1px;
  width: 1px;
  max-width: 1px;
  min-height: 100%;
  height: 100%;
  max-height: 100%;
}

.rp-checkbox {
  appearance: none;
  display: grid;
  place-content: center;
  border: 2px solid var(--rp-dark-40);
  border-radius: var(--rp-radius-s);
  width: clamp(18px,calc(-0.37vw + 23.19px),22px);
  height: clamp(18px,calc(-0.37vw + 23.19px),22px);
}

.rp-checkbox:checked:before {
  transform: scale(1);
}

.rp-checkbox::before {
  content: "";
  width: 1em;
  height: 1em;
  box-shadow: inset 1em 1em #fff;
  clip-path: polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);
  transform: scale(0);
  transition: transform 0.2s;
}

.rp-checkbox:hover {
  border-color: var(--primary);
}

.rp-checkbox:focus {
  outline: 3px solid var(--primary-l-3);
  outline-offset: 2px;
}

.rp-checkbox:checked {
  background: var(--primary);
  border-color: var(--primary);
}

html.cf-theme-dark {
  prefers-color-scheme: dark;
}

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

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

.rp-text-body {
  color: var(--rp-text-body);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.rp-border-light {
  border-color: var(--rp-light);
}

.rp-border-light-5 {
  border-color: var(--rp-light-5);
}

.rp-border-light-10 {
  border-color: var(--rp-light-10);
}

.rp-border-light-20 {
  border-color: var(--rp-light-20);
}

.rp-border-light-30 {
  border-color: var(--rp-light-30);
}

.rp-border-light-40 {
  border-color: var(--rp-light-40);
}

.rp-border-light-50 {
  border-color: var(--rp-light-50);
}

.rp-border-light-60 {
  border-color: var(--rp-light-60);
}

.rp-border-light-70 {
  border-color: var(--rp-light-70);
}

.rp-border-light-80 {
  border-color: var(--rp-light-80);
}

.rp-border-light-90 {
  border-color: var(--rp-light-90);
}

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

.rp-bg-dark-5 {
  background-color: var(--rp-dark-5);
}

.rp-bg-dark-10 {
  background-color: var(--rp-dark-10);
}

.rp-bg-dark-20 {
  background-color: var(--rp-dark-20);
}

.rp-bg-dark-30 {
  background-color: var(--rp-dark-30);
}

.rp-bg-dark-40 {
  background-color: var(--rp-dark-40);
}

.rp-bg-dark-50 {
  background-color: var(--rp-dark-50);
}

.rp-bg-dark-60 {
  background-color: var(--rp-dark-60);
}

.rp-bg-dark-70 {
  background-color: var(--rp-dark-70);
}

.rp-bg-dark-80 {
  background-color: var(--rp-dark-80);
}

.rp-bg-dark-90 {
  background-color: var(--rp-dark-90);
}

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

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

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

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

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

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

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

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

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

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

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

.rp-border-dark {
  border-color: var(--rp-dark);
}

.rp-border-dark-5 {
  border-color: var(--rp-dark-5);
}

.rp-border-dark-10 {
  border-color: var(--rp-dark-10);
}

.rp-border-dark-20 {
  border-color: var(--rp-dark-20);
}

.rp-border-dark-30 {
  border-color: var(--rp-dark-30);
}

.rp-border-dark-40 {
  border-color: var(--rp-dark-40);
}

.rp-border-dark-50 {
  border-color: var(--rp-dark-50);
}

.rp-border-dark-60 {
  border-color: var(--rp-dark-60);
}

.rp-border-dark-70 {
  border-color: var(--rp-dark-70);
}

.rp-border-dark-80 {
  border-color: var(--rp-dark-80);
}

.rp-border-dark-90 {
  border-color: var(--rp-dark-90);
}

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

.rp-bg-success-5 {
  background-color: var(--rp-success-5);
}

.rp-bg-success-10 {
  background-color: var(--rp-success-10);
}

.rp-bg-success-20 {
  background-color: var(--rp-success-20);
}

.rp-bg-success-30 {
  background-color: var(--rp-success-30);
}

.rp-bg-success-40 {
  background-color: var(--rp-success-40);
}

.rp-bg-success-50 {
  background-color: var(--rp-success-50);
}

.rp-bg-success-60 {
  background-color: var(--rp-success-60);
}

.rp-bg-success-70 {
  background-color: var(--rp-success-70);
}

.rp-bg-success-80 {
  background-color: var(--rp-success-80);
}

.rp-bg-success-90 {
  background-color: var(--rp-success-90);
}

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

.rp-text-success-5 {
  color: var(--rp-success-5);
}

.rp-text-success-10 {
  color: var(--rp-success-10);
}

.rp-text-success-20 {
  color: var(--rp-success-20);
}

.rp-text-success-30 {
  color: var(--rp-success-30);
}

.rp-text-success-40 {
  color: var(--rp-success-40);
}

.rp-text-success-50 {
  color: var(--rp-success-50);
}

.rp-text-success-60 {
  color: var(--rp-success-60);
}

.rp-text-success-70 {
  color: var(--rp-success-70);
}

.rp-text-success-80 {
  color: var(--rp-success-80);
}

.rp-text-success-90 {
  color: var(--rp-success-90);
}

.rp-border-success {
  border-color: var(--rp-success);
}

.rp-border-success-5 {
  border-color: var(--rp-success-5);
}

.rp-border-success-10 {
  border-color: var(--rp-success-10);
}

.rp-border-success-20 {
  border-color: var(--rp-success-20);
}

.rp-border-success-30 {
  border-color: var(--rp-success-30);
}

.rp-border-success-40 {
  border-color: var(--rp-success-40);
}

.rp-border-success-50 {
  border-color: var(--rp-success-50);
}

.rp-border-success-60 {
  border-color: var(--rp-success-60);
}

.rp-border-success-70 {
  border-color: var(--rp-success-70);
}

.rp-border-success-80 {
  border-color: var(--rp-success-80);
}

.rp-border-success-90 {
  border-color: var(--rp-success-90);
}

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

.rp-bg-error-5 {
  background-color: var(--rp-error-5);
}

.rp-bg-error-10 {
  background-color: var(--rp-error-10);
}

.rp-bg-error-20 {
  background-color: var(--rp-error-20);
}

.rp-bg-error-30 {
  background-color: var(--rp-error-30);
}

.rp-bg-error-40 {
  background-color: var(--rp-error-40);
}

.rp-bg-error-50 {
  background-color: var(--rp-error-50);
}

.rp-bg-error-60 {
  background-color: var(--rp-error-60);
}

.rp-bg-error-70 {
  background-color: var(--rp-error-70);
}

.rp-bg-error-80 {
  background-color: var(--rp-error-80);
}

.rp-bg-error-90 {
  background-color: var(--rp-error-90);
}

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

.rp-text-error-5 {
  color: var(--rp-error-5);
}

.rp-text-error-10 {
  color: var(--rp-error-10);
}

.rp-text-error-20 {
  color: var(--rp-error-20);
}

.rp-text-error-30 {
  color: var(--rp-error-30);
}

.rp-text-error-40 {
  color: var(--rp-error-40);
}

.rp-text-error-50 {
  color: var(--rp-error-50);
}

.rp-text-error-60 {
  color: var(--rp-error-60);
}

.rp-text-error-70 {
  color: var(--rp-error-70);
}

.rp-text-error-80 {
  color: var(--rp-error-80);
}

.rp-text-error-90 {
  color: var(--rp-error-90);
}

.rp-border-error {
  border-color: var(--rp-error);
}

.rp-border-error-5 {
  border-color: var(--rp-error-5);
}

.rp-border-error-10 {
  border-color: var(--rp-error-10);
}

.rp-border-error-20 {
  border-color: var(--rp-error-20);
}

.rp-border-error-30 {
  border-color: var(--rp-error-30);
}

.rp-border-error-40 {
  border-color: var(--rp-error-40);
}

.rp-border-error-50 {
  border-color: var(--rp-error-50);
}

.rp-border-error-60 {
  border-color: var(--rp-error-60);
}

.rp-border-error-70 {
  border-color: var(--rp-error-70);
}

.rp-border-error-80 {
  border-color: var(--rp-error-80);
}

.rp-border-error-90 {
  border-color: var(--rp-error-90);
}

.rp-padding-4xs {
  padding: 0.52rem;
  padding: var(--rp-space-4xs);
}

.rp-padding-3xs {
  padding: 0.66rem;
  padding: var(--rp-space-3xs);
}

.rp-padding-2xs {
  padding: 0.82rem;
  padding: var(--rp-space-2xs);
}

.rp-padding-xs {
  padding: 1.02rem;
  padding: var(--rp-space-xs);
}

.rp-padding-s {
  padding: 1.28rem;
  padding: var(--rp-space-s);
}

.rp-padding-m {
  padding: 1.6rem;
  padding: var(--rp-space-m);
}

.rp-padding-l {
  padding: 2rem;
  padding: var(--rp-space-l);
}

.rp-padding-xl {
  padding: 2.5rem;
  padding: var(--rp-space-xl);
}

.rp-padding-2xl {
  padding: 3.13rem;
  padding: var(--rp-space-2xl);
}

.rp-padding-3xl {
  padding: 3.91rem;
  padding: var(--rp-space-3xl);
}

.rp-padding-4xl {
  padding: 4.88rem;
  padding: var(--rp-space-4xl);
}

.rp-padding-horizontal-4xs {
  padding-left: 0.52rem;
  padding-left: var(--rp-space-4xs);
  padding-right: 0.52rem;
  padding-right: var(--rp-space-4xs);
}

.rp-padding-horizontal-3xs {
  padding-left: 0.66rem;
  padding-left: var(--rp-space-3xs);
  padding-right: 0.66rem;
  padding-right: var(--rp-space-3xs);
}

.rp-padding-horizontal-2xs {
  padding-left: 0.82rem;
  padding-left: var(--rp-space-2xs);
  padding-right: 0.82rem;
  padding-right: var(--rp-space-2xs);
}

.rp-padding-horizontal-xs {
  padding-left: 1.02rem;
  padding-left: var(--rp-space-xs);
  padding-right: 1.02rem;
  padding-right: var(--rp-space-xs);
}

.rp-padding-horizontal-s {
  padding-left: 1.28rem;
  padding-left: var(--rp-space-s);
  padding-right: 1.28rem;
  padding-right: var(--rp-space-s);
}

.rp-padding-horizontal-m {
  padding-left: 1.6rem;
  padding-left: var(--rp-space-m);
  padding-right: 1.6rem;
  padding-right: var(--rp-space-m);
}

.rp-padding-horizontal-l {
  padding-left: 2rem;
  padding-left: var(--rp-space-l);
  padding-right: 2rem;
  padding-right: var(--rp-space-l);
}

.rp-padding-horizontal-xl {
  padding-left: 2.5rem;
  padding-left: var(--rp-space-xl);
  padding-right: 2.5rem;
  padding-right: var(--rp-space-xl);
}

.rp-padding-horizontal-2xl {
  padding-left: 3.13rem;
  padding-left: var(--rp-space-2xl);
  padding-right: 3.13rem;
  padding-right: var(--rp-space-2xl);
}

.rp-padding-horizontal-3xl {
  padding-left: 3.91rem;
  padding-left: var(--rp-space-3xl);
  padding-right: 3.91rem;
  padding-right: var(--rp-space-3xl);
}

.rp-padding-horizontal-4xl {
  padding-left: 4.88rem;
  padding-left: var(--rp-space-4xl);
  padding-right: 4.88rem;
  padding-right: var(--rp-space-4xl);
}

.rp-padding-vertical-4xs {
  padding-top: 0.52rem;
  padding-top: var(--rp-space-4xs);
  padding-bottom: 0.52rem;
  padding-bottom: var(--rp-space-4xs);
}

.rp-padding-vertical-3xs {
  padding-top: 0.66rem;
  padding-top: var(--rp-space-3xs);
  padding-bottom: 0.66rem;
  padding-bottom: var(--rp-space-3xs);
}

.rp-padding-vertical-2xs {
  padding-top: 0.82rem;
  padding-top: var(--rp-space-2xs);
  padding-bottom: 0.82rem;
  padding-bottom: var(--rp-space-2xs);
}

.rp-padding-vertical-xs {
  padding-top: 1.02rem;
  padding-top: var(--rp-space-xs);
  padding-bottom: 1.02rem;
  padding-bottom: var(--rp-space-xs);
}

.rp-padding-vertical-s {
  padding-top: 1.28rem;
  padding-top: var(--rp-space-s);
  padding-bottom: 1.28rem;
  padding-bottom: var(--rp-space-s);
}

.rp-padding-vertical-m {
  padding-top: 1.6rem;
  padding-top: var(--rp-space-m);
  padding-bottom: 1.6rem;
  padding-bottom: var(--rp-space-m);
}

.rp-padding-vertical-l {
  padding-top: 2rem;
  padding-top: var(--rp-space-l);
  padding-bottom: 2rem;
  padding-bottom: var(--rp-space-l);
}

.rp-padding-vertical-xl {
  padding-top: 2.5rem;
  padding-top: var(--rp-space-xl);
  padding-bottom: 2.5rem;
  padding-bottom: var(--rp-space-xl);
}

.rp-padding-vertical-2xl {
  padding-top: 3.13rem;
  padding-top: var(--rp-space-2xl);
  padding-bottom: 3.13rem;
  padding-bottom: var(--rp-space-2xl);
}

.rp-padding-vertical-3xl {
  padding-top: 3.91rem;
  padding-top: var(--rp-space-3xl);
  padding-bottom: 3.91rem;
  padding-bottom: var(--rp-space-3xl);
}

.rp-padding-vertical-4xl {
  padding-top: 4.88rem;
  padding-top: var(--rp-space-4xl);
  padding-bottom: 4.88rem;
  padding-bottom: var(--rp-space-4xl);
}

.rp-padding-top-4xs {
  padding-top: 0.52rem;
  padding-top: var(--rp-space-4xs);
}

.rp-padding-top-3xs {
  padding-top: 0.66rem;
  padding-top: var(--rp-space-3xs);
}

.rp-padding-top-2xs {
  padding-top: 0.82rem;
  padding-top: var(--rp-space-2xs);
}

.rp-padding-top-xs {
  padding-top: 1.02rem;
  padding-top: var(--rp-space-xs);
}

.rp-padding-top-s {
  padding-top: 1.28rem;
  padding-top: var(--rp-space-s);
}

.rp-padding-top-m {
  padding-top: 1.6rem;
  padding-top: var(--rp-space-m);
}

.rp-padding-top-l {
  padding-top: 2rem;
  padding-top: var(--rp-space-l);
}

.rp-padding-top-xl {
  padding-top: 2.5rem;
  padding-top: var(--rp-space-xl);
}

.rp-padding-top-2xl {
  padding-top: 3.13rem;
  padding-top: var(--rp-space-2xl);
}

.rp-padding-top-3xl {
  padding-top: 3.91rem;
  padding-top: var(--rp-space-3xl);
}

.rp-padding-top-4xl {
  padding-top: 4.88rem;
  padding-top: var(--rp-space-4xl);
}

.rp-padding-right-4xs {
  padding-right: 0.52rem;
  padding-right: var(--rp-space-4xs);
}

.rp-padding-right-3xs {
  padding-right: 0.66rem;
  padding-right: var(--rp-space-3xs);
}

.rp-padding-right-2xs {
  padding-right: 0.82rem;
  padding-right: var(--rp-space-2xs);
}

.rp-padding-right-xs {
  padding-right: 1.02rem;
  padding-right: var(--rp-space-xs);
}

.rp-padding-right-s {
  padding-right: 1.28rem;
  padding-right: var(--rp-space-s);
}

.rp-padding-right-m {
  padding-right: 1.6rem;
  padding-right: var(--rp-space-m);
}

.rp-padding-right-l {
  padding-right: 2rem;
  padding-right: var(--rp-space-l);
}

.rp-padding-right-xl {
  padding-right: 2.5rem;
  padding-right: var(--rp-space-xl);
}

.rp-padding-right-2xl {
  padding-right: 3.13rem;
  padding-right: var(--rp-space-2xl);
}

.rp-padding-right-3xl {
  padding-right: 3.91rem;
  padding-right: var(--rp-space-3xl);
}

.rp-padding-right-4xl {
  padding-right: 4.88rem;
  padding-right: var(--rp-space-4xl);
}

.rp-padding-bottom-4xs {
  padding-bottom: 0.52rem;
  padding-bottom: var(--rp-space-4xs);
}

.rp-padding-bottom-3xs {
  padding-bottom: 0.66rem;
  padding-bottom: var(--rp-space-3xs);
}

.rp-padding-bottom-2xs {
  padding-bottom: 0.82rem;
  padding-bottom: var(--rp-space-2xs);
}

.rp-padding-bottom-xs {
  padding-bottom: 1.02rem;
  padding-bottom: var(--rp-space-xs);
}

.rp-padding-bottom-s {
  padding-bottom: 1.28rem;
  padding-bottom: var(--rp-space-s);
}

.rp-padding-bottom-m {
  padding-bottom: 1.6rem;
  padding-bottom: var(--rp-space-m);
}

.rp-padding-bottom-l {
  padding-bottom: 2rem;
  padding-bottom: var(--rp-space-l);
}

.rp-padding-bottom-xl {
  padding-bottom: 2.5rem;
  padding-bottom: var(--rp-space-xl);
}

.rp-padding-bottom-2xl {
  padding-bottom: 3.13rem;
  padding-bottom: var(--rp-space-2xl);
}

.rp-padding-bottom-3xl {
  padding-bottom: 3.91rem;
  padding-bottom: var(--rp-space-3xl);
}

.rp-padding-bottom-4xl {
  padding-bottom: 4.88rem;
  padding-bottom: var(--rp-space-4xl);
}

.rp-padding-left-4xs {
  padding-left: 0.52rem;
  padding-left: var(--rp-space-4xs);
}

.rp-padding-left-3xs {
  padding-left: 0.66rem;
  padding-left: var(--rp-space-3xs);
}

.rp-padding-left-2xs {
  padding-left: 0.82rem;
  padding-left: var(--rp-space-2xs);
}

.rp-padding-left-xs {
  padding-left: 1.02rem;
  padding-left: var(--rp-space-xs);
}

.rp-padding-left-s {
  padding-left: 1.28rem;
  padding-left: var(--rp-space-s);
}

.rp-padding-left-m {
  padding-left: 1.6rem;
  padding-left: var(--rp-space-m);
}

.rp-padding-left-l {
  padding-left: 2rem;
  padding-left: var(--rp-space-l);
}

.rp-padding-left-xl {
  padding-left: 2.5rem;
  padding-left: var(--rp-space-xl);
}

.rp-padding-left-2xl {
  padding-left: 3.13rem;
  padding-left: var(--rp-space-2xl);
}

.rp-padding-left-3xl {
  padding-left: 3.91rem;
  padding-left: var(--rp-space-3xl);
}

.rp-padding-left-4xl {
  padding-left: 4.88rem;
  padding-left: var(--rp-space-4xl);
}

.rp-margin-4xs {
  margin: 0.52rem;
  margin: var(--rp-space-4xs);
}

.rp-margin-3xs {
  margin: 0.66rem;
  margin: var(--rp-space-3xs);
}

.rp-margin-2xs {
  margin: 0.82rem;
  margin: var(--rp-space-2xs);
}

.rp-margin-xs {
  margin: 1.02rem;
  margin: var(--rp-space-xs);
}

.rp-margin-s {
  margin: 1.28rem;
  margin: var(--rp-space-s);
}

.rp-margin-m {
  margin: 1.6rem;
  margin: var(--rp-space-m);
}

.rp-margin-l {
  margin: 2rem;
  margin: var(--rp-space-l);
}

.rp-margin-xl {
  margin: 2.5rem;
  margin: var(--rp-space-xl);
}

.rp-margin-2xl {
  margin: 3.13rem;
  margin: var(--rp-space-2xl);
}

.rp-margin-3xl {
  margin: 3.91rem;
  margin: var(--rp-space-3xl);
}

.rp-margin-4xl {
  margin: 4.88rem;
  margin: var(--rp-space-4xl);
}

.rp-margin-horizontal-4xs {
  margin-left: 0.52rem;
  margin-left: var(--rp-space-4xs);
  margin-right: 0.52rem;
  margin-right: var(--rp-space-4xs);
}

.rp-margin-horizontal-3xs {
  margin-left: 0.66rem;
  margin-left: var(--rp-space-3xs);
  margin-right: 0.66rem;
  margin-right: var(--rp-space-3xs);
}

.rp-margin-horizontal-2xs {
  margin-left: 0.82rem;
  margin-left: var(--rp-space-2xs);
  margin-right: 0.82rem;
  margin-right: var(--rp-space-2xs);
}

.rp-margin-horizontal-xs {
  margin-left: 1.02rem;
  margin-left: var(--rp-space-xs);
  margin-right: 1.02rem;
  margin-right: var(--rp-space-xs);
}

.rp-margin-horizontal-s {
  margin-left: 1.28rem;
  margin-left: var(--rp-space-s);
  margin-right: 1.28rem;
  margin-right: var(--rp-space-s);
}

.rp-margin-horizontal-m {
  margin-left: 1.6rem;
  margin-left: var(--rp-space-m);
  margin-right: 1.6rem;
  margin-right: var(--rp-space-m);
}

.rp-margin-horizontal-l {
  margin-left: 2rem;
  margin-left: var(--rp-space-l);
  margin-right: 2rem;
  margin-right: var(--rp-space-l);
}

.rp-margin-horizontal-xl {
  margin-left: 2.5rem;
  margin-left: var(--rp-space-xl);
  margin-right: 2.5rem;
  margin-right: var(--rp-space-xl);
}

.rp-margin-horizontal-2xl {
  margin-left: 3.13rem;
  margin-left: var(--rp-space-2xl);
  margin-right: 3.13rem;
  margin-right: var(--rp-space-2xl);
}

.rp-margin-horizontal-3xl {
  margin-left: 3.91rem;
  margin-left: var(--rp-space-3xl);
  margin-right: 3.91rem;
  margin-right: var(--rp-space-3xl);
}

.rp-margin-horizontal-4xl {
  margin-left: 4.88rem;
  margin-left: var(--rp-space-4xl);
  margin-right: 4.88rem;
  margin-right: var(--rp-space-4xl);
}

.rp-margin-vertical-4xs {
  margin-top: 0.52rem;
  margin-top: var(--rp-space-4xs);
  margin-bottom: 0.52rem;
  margin-bottom: var(--rp-space-4xs);
}

.rp-margin-vertical-3xs {
  margin-top: 0.66rem;
  margin-top: var(--rp-space-3xs);
  margin-bottom: 0.66rem;
  margin-bottom: var(--rp-space-3xs);
}

.rp-margin-vertical-2xs {
  margin-top: 0.82rem;
  margin-top: var(--rp-space-2xs);
  margin-bottom: 0.82rem;
  margin-bottom: var(--rp-space-2xs);
}

.rp-margin-vertical-xs {
  margin-top: 1.02rem;
  margin-top: var(--rp-space-xs);
  margin-bottom: 1.02rem;
  margin-bottom: var(--rp-space-xs);
}

.rp-margin-vertical-s {
  margin-top: 1.28rem;
  margin-top: var(--rp-space-s);
  margin-bottom: 1.28rem;
  margin-bottom: var(--rp-space-s);
}

.rp-margin-vertical-m {
  margin-top: 1.6rem;
  margin-top: var(--rp-space-m);
  margin-bottom: 1.6rem;
  margin-bottom: var(--rp-space-m);
}

.rp-margin-vertical-l {
  margin-top: 2rem;
  margin-top: var(--rp-space-l);
  margin-bottom: 2rem;
  margin-bottom: var(--rp-space-l);
}

.rp-margin-vertical-xl {
  margin-top: 2.5rem;
  margin-top: var(--rp-space-xl);
  margin-bottom: 2.5rem;
  margin-bottom: var(--rp-space-xl);
}

.rp-margin-vertical-2xl {
  margin-top: 3.13rem;
  margin-top: var(--rp-space-2xl);
  margin-bottom: 3.13rem;
  margin-bottom: var(--rp-space-2xl);
}

.rp-margin-vertical-3xl {
  margin-top: 3.91rem;
  margin-top: var(--rp-space-3xl);
  margin-bottom: 3.91rem;
  margin-bottom: var(--rp-space-3xl);
}

.rp-margin-vertical-4xl {
  margin-top: 4.88rem;
  margin-top: var(--rp-space-4xl);
  margin-bottom: 4.88rem;
  margin-bottom: var(--rp-space-4xl);
}

.rp-margin-top-4xs {
  margin-top: 0.52rem;
  margin-top: var(--rp-space-4xs);
}

.rp-margin-top-3xs {
  margin-top: 0.66rem;
  margin-top: var(--rp-space-3xs);
}

.rp-margin-top-2xs {
  margin-top: 0.82rem;
  margin-top: var(--rp-space-2xs);
}

.rp-margin-top-xs {
  margin-top: 1.02rem;
  margin-top: var(--rp-space-xs);
}

.rp-margin-top-s {
  margin-top: 1.28rem;
  margin-top: var(--rp-space-s);
}

.rp-margin-top-m {
  margin-top: 1.6rem;
  margin-top: var(--rp-space-m);
}

.rp-margin-top-l {
  margin-top: 2rem;
  margin-top: var(--rp-space-l);
}

.rp-margin-top-xl {
  margin-top: 2.5rem;
  margin-top: var(--rp-space-xl);
}

.rp-margin-top-2xl {
  margin-top: 3.13rem;
  margin-top: var(--rp-space-2xl);
}

.rp-margin-top-3xl {
  margin-top: 3.91rem;
  margin-top: var(--rp-space-3xl);
}

.rp-margin-top-4xl {
  margin-top: 4.88rem;
  margin-top: var(--rp-space-4xl);
}

.rp-margin-right-4xs {
  margin-right: 0.52rem;
  margin-right: var(--rp-space-4xs);
}

.rp-margin-right-3xs {
  margin-right: 0.66rem;
  margin-right: var(--rp-space-3xs);
}

.rp-margin-right-2xs {
  margin-right: 0.82rem;
  margin-right: var(--rp-space-2xs);
}

.rp-margin-right-xs {
  margin-right: 1.02rem;
  margin-right: var(--rp-space-xs);
}

.rp-margin-right-s {
  margin-right: 1.28rem;
  margin-right: var(--rp-space-s);
}

.rp-margin-right-m {
  margin-right: 1.6rem;
  margin-right: var(--rp-space-m);
}

.rp-margin-right-l {
  margin-right: 2rem;
  margin-right: var(--rp-space-l);
}

.rp-margin-right-xl {
  margin-right: 2.5rem;
  margin-right: var(--rp-space-xl);
}

.rp-margin-right-2xl {
  margin-right: 3.13rem;
  margin-right: var(--rp-space-2xl);
}

.rp-margin-right-3xl {
  margin-right: 3.91rem;
  margin-right: var(--rp-space-3xl);
}

.rp-margin-right-4xl {
  margin-right: 4.88rem;
  margin-right: var(--rp-space-4xl);
}

.rp-margin-bottom-4xs {
  margin-bottom: 0.52rem;
  margin-bottom: var(--rp-space-4xs);
}

.rp-margin-bottom-3xs {
  margin-bottom: 0.66rem;
  margin-bottom: var(--rp-space-3xs);
}

.rp-margin-bottom-2xs {
  margin-bottom: 0.82rem;
  margin-bottom: var(--rp-space-2xs);
}

.rp-margin-bottom-xs {
  margin-bottom: 1.02rem;
  margin-bottom: var(--rp-space-xs);
}

.rp-margin-bottom-s {
  margin-bottom: 1.28rem;
  margin-bottom: var(--rp-space-s);
}

.rp-margin-bottom-m {
  margin-bottom: 1.6rem;
  margin-bottom: var(--rp-space-m);
}

.rp-margin-bottom-l {
  margin-bottom: 2rem;
  margin-bottom: var(--rp-space-l);
}

.rp-margin-bottom-xl {
  margin-bottom: 2.5rem;
  margin-bottom: var(--rp-space-xl);
}

.rp-margin-bottom-2xl {
  margin-bottom: 3.13rem;
  margin-bottom: var(--rp-space-2xl);
}

.rp-margin-bottom-3xl {
  margin-bottom: 3.91rem;
  margin-bottom: var(--rp-space-3xl);
}

.rp-margin-bottom-4xl {
  margin-bottom: 4.88rem;
  margin-bottom: var(--rp-space-4xl);
}

.rp-margin-left-4xs {
  margin-left: 0.52rem;
  margin-left: var(--rp-space-4xs);
}

.rp-margin-left-3xs {
  margin-left: 0.66rem;
  margin-left: var(--rp-space-3xs);
}

.rp-margin-left-2xs {
  margin-left: 0.82rem;
  margin-left: var(--rp-space-2xs);
}

.rp-margin-left-xs {
  margin-left: 1.02rem;
  margin-left: var(--rp-space-xs);
}

.rp-margin-left-s {
  margin-left: 1.28rem;
  margin-left: var(--rp-space-s);
}

.rp-margin-left-m {
  margin-left: 1.6rem;
  margin-left: var(--rp-space-m);
}

.rp-margin-left-l {
  margin-left: 2rem;
  margin-left: var(--rp-space-l);
}

.rp-margin-left-xl {
  margin-left: 2.5rem;
  margin-left: var(--rp-space-xl);
}

.rp-margin-left-2xl {
  margin-left: 3.13rem;
  margin-left: var(--rp-space-2xl);
}

.rp-margin-left-3xl {
  margin-left: 3.91rem;
  margin-left: var(--rp-space-3xl);
}

.rp-margin-left-4xl {
  margin-left: 4.88rem;
  margin-left: var(--rp-space-4xl);
}

.rp-gap-4xs {
  gap: 0.52rem;
  gap: var(--rp-space-4xs);
}

.rp-gap-3xs {
  gap: 0.66rem;
  gap: var(--rp-space-3xs);
}

.rp-gap-2xs {
  gap: 0.82rem;
  gap: var(--rp-space-2xs);
}

.rp-gap-xs {
  gap: 1.02rem;
  gap: var(--rp-space-xs);
}

.rp-gap-s {
  gap: 1.28rem;
  gap: var(--rp-space-s);
}

.rp-gap-m {
  gap: 1.6rem;
  gap: var(--rp-space-m);
}

.rp-gap-l {
  gap: 2rem;
  gap: var(--rp-space-l);
}

.rp-gap-xl {
  gap: 2.5rem;
  gap: var(--rp-space-xl);
}

.rp-gap-2xl {
  gap: 3.13rem;
  gap: var(--rp-space-2xl);
}

.rp-gap-3xl {
  gap: 3.91rem;
  gap: var(--rp-space-3xl);
}

.rp-gap-4xl {
  gap: 4.88rem;
  gap: var(--rp-space-4xl);
}

.rp-gap-horizontal-4xs {
  column-gap: 0.52rem;
  column-gap: var(--rp-space-4xs);
}

.rp-gap-horizontal-3xs {
  column-gap: 0.66rem;
  column-gap: var(--rp-space-3xs);
}

.rp-gap-horizontal-2xs {
  column-gap: 0.82rem;
  column-gap: var(--rp-space-2xs);
}

.rp-gap-horizontal-xs {
  column-gap: 1.02rem;
  column-gap: var(--rp-space-xs);
}

.rp-gap-horizontal-s {
  column-gap: var(--rp-space-s);
}

.rp-gap-horizontal-m {
  column-gap: 1.6rem;
  column-gap: var(--rp-space-m);
}

.rp-gap-horizontal-l {
  column-gap: 2rem;
  column-gap: var(--rp-space-l);
}

.rp-gap-horizontal-xl {
  column-gap: 2.5rem;
  column-gap: var(--rp-space-xl);
}

.rp-gap-horizontal-2xl {
  column-gap: 3.13rem;
  column-gap: var(--rp-space-2xl);
}

.rp-gap-horizontal-3xl {
  column-gap: 3.91rem;
  column-gap: var(--rp-space-3xl);
}

.rp-gap-horizontal-4xl {
  column-gap: 4.88rem;
  column-gap: var(--rp-space-4xl);
}

.rp-gap-vertical-4xs {
  row-gap: 0.52rem;
  row-gap: var(--rp-space-4xs);
}

.rp-gap-vertical-3xs {
  row-gap: 0.66rem;
  row-gap: var(--rp-space-3xs);
}

.rp-gap-vertical-2xs {
  row-gap: 0.82rem;
  row-gap: var(--rp-space-2xs);
}

.rp-gap-vertical-xs {
  row-gap: 1.02rem;
  row-gap: var(--rp-space-xs);
}

.rp-gap-vertical-s {
  row-gap: var(--rp-space-s);
}

.rp-gap-vertical-m {
  row-gap: 1.6rem;
  row-gap: var(--rp-space-m);
}

.rp-gap-vertical-l {
  row-gap: 2rem;
  row-gap: var(--rp-space-l);
}

.rp-gap-vertical-xl {
  row-gap: 2.5rem;
  row-gap: var(--rp-space-xl);
}

.rp-gap-vertical-2xl {
  row-gap: 3.13rem;
  row-gap: var(--rp-space-2xl);
}

.rp-gap-vertical-3xl {
  row-gap: 3.91rem;
  row-gap: var(--rp-space-3xl);
}

.rp-gap-vertical-4xl {
  row-gap: 4.88rem;
  row-gap: var(--rp-space-4xl);
}

.rp-text-xs {
  font-size: 1.26rem;
  font-size: var(--rp-text-xs);
}

.rp-text-s {
  font-size: 1.42rem;
  font-size: var(--rp-text-s);
}

.rp-text-m {
  font-size: 1.6rem;
  font-size: var(--rp-text-m);
}

.rp-text-l {
  font-size: 1.8rem;
  font-size: var(--rp-text-l);
}

.rp-text-xl {
  font-size: 2.02rem;
  font-size: var(--rp-text-xl);
}

.rp-text-2xl {
  font-size: 2.28rem;
  font-size: var(--rp-text-2xl);
}

.rp-text-3xl {
  font-size: 2.56rem;
  font-size: var(--rp-text-3xl);
}

.rp-text-4xl {
  font-size: 2.88rem;
  font-size: var(--rp-text-4xl);
}

H1 {
  font-size: var(--rp-text-4xl);
  line-height: 1.1;
}

H2 {
  font-size: var(--rp-text-3xl);
  line-height: 1.2;
}

H3 {
  font-size: var(--rp-text-2xl);
  line-height: 1.3;
}

H4 {
  font-size: var(--rp-text-xl);
  line-height: 1.3;
}

H5 {
  font-size: var(--rp-text-l);
  line-height: 1.3;
}

H6 {
  font-size: var(--rp-text-m);
  line-height: 1.4;
}

.rp-line-height-xs {
  line-height: 1;
}

.rp-line-height-s {
  line-height: 1.2;
}

.rp-line-height-m {
  line-height: 1.3;
}

.rp-line-height-l {
  line-height: 1.4;
}

.rp-line-height-xl {
  line-height: 1.5;
}

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

.rp-bold {
  font-weight: bold;
}

.rp-lowercase {
  text-transform: lowercase;
}

.rp-uppercase {
  text-transform: uppercase;
}

.rp-underline {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.rp-font-100 {
  font-weight: 100;
}

.rp-font-200 {
  font-weight: 200;
}

.rp-font-300 {
  font-weight: 300;
}

.rp-font-400 {
  font-weight: 400;
}

.rp-font-500 {
  font-weight: 500;
}

.rp-font-600 {
  font-weight: 600;
}

.rp-font-700 {
  font-weight: 700;
}

.rp-font-800 {
  font-weight: 800;
}

.rp-font-900 {
  font-weight: 900;
}

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

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

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

.rp-items-left {
  justify-items: start;
}

.rp-content-left {
  justify-content: start;
}

.rp-items-center {
  justify-items: center;
}

.rp-content-center {
  justify-content: center;
}

.rp-items-right {
  justify-items: end;
}

.rp-content-right {
  justify-content: end;
}

.rp-items-top {
  align-items: start;
}

.rp-content-top {
  align-content: start;
}

.rp-items-middle {
  align-items: center;
}

.rp-content-middle {
  align-content: center;
}

.rp-items-bottom {
  align-items: end;
}

.rp-content-bottom {
  align-content: end;
}

.rp-items-stretch {
  align-items: stretch;
}

.rp-content-stretch {
  justify-content: stretch;
}

.rp-space-between {
  justify-content: space-between;
}

.rp-space-around {
  justify-content: space-around;
}

.rp-self-left {
  margin-right: auto;
  place-self: start;
}

.rp-self-center {
  margin-inline: auto;
  place-self: center;
}

.rp-self-right {
  margin-left: auto;
  place-self: end;
}

.rp-self-top {
  margin-bottom: auto;
  align-self: start;
}

.rp-self-middle {
  margin-block: auto;
  align-self: center;
}

.rp-self-bottom {
  margin-top: auto;
  align-self: end;
}

.rp-self-stretch {
  align-self: stretch;
}

.rp-full-width {
  width: 100%;
}

.rp-full-height {
  height: 100%;
}

.rp-screen-width {
  width: 100vw;
}

.rp-screen-height {
  height: 100vh;
}

.rp-auto-width {
  width: auto;
}

.rp-auto-height {
  height: auto;
}

.rp-width-90 {
  width: 90%;
}

.rp-width-80 {
  width: 80%;
}

.rp-width-70 {
  width: 70%;
}

.rp-width-60 {
  width: 60%;
}

.rp-width-50 {
  width: 50%;
}

.rp-width-40 {
  width: 40%;
}

.rp-width-30 {
  width: 30%;
}

.rp-width-20 {
  width: 20%;
}

.rp-width-10 {
  width: 10%;
}

.rp-max-site-width {
  max-width: 140rem;
  width: 100%;
}

.rp-max-width-140 {
  max-width: 140rem;
}

.rp-max-width-130 {
  max-width: 130rem;
}

.rp-max-width-120 {
  max-width: 120rem;
}

.rp-max-width-110 {
  max-width: 110rem;
}

.rp-max-width-100 {
  max-width: 100rem;
}

.rp-max-width-90 {
  max-width: 90rem;
}

.rp-max-width-80 {
  max-width: 80rem;
}

.rp-max-width-70 {
  max-width: 70rem;
}

.rp-max-width-60 {
  max-width: 60rem;
}

.rp-max-width-50 {
  max-width: 50rem;
}

.rp-max-width-40 {
  max-width: 40rem;
}

.rp-max-width-30 {
  max-width: 30rem;
}

.rp-max-width-20 {
  max-width: 20rem;
}

.rp-max-width-10 {
  max-width: 10rem;
}

.rp-radius-xs {
  border-radius: var(--rp-radius-xs);
}

.rp-radius-s {
  border-radius: var(--rp-radius-s);
}

.rp-radius-m {
  border-radius: var(--rp-radius-m);
}

.rp-radius-l {
  border-radius: var(--rp-radius-l);
}

.rp-radius-xl {
  border-radius: var(--rp-radius-xl);
}

.rp-radius-full {
  border-radius: var(--rp-radius-full);
}

.rp-border {
  border-width: 1px;
  border-style: solid;
}

.rp-border-left {
  border-left-width: 1px;
  border-left-style: solid;
}

.rp-border-right {
  border-right-width: 1px;
  border-right-style: solid;
}

.rp-border-top {
  border-top-width: 1px;
  border-top-style: solid;
}

.rp-border-bottom {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.rp-fit-contain {
  object-fit: contain;
}

.rp-fit-cover {
  object-fit: cover;
}

.rp-fit-fill {
  object-fit: fill;
}

.rp-grayscale {
  filter: grayscale(1);
}

.rp-rotate-90 {
  transform: rotate(90deg);
}

.rp-rotate-180 {
  transform: rotate(180deg);
}

.rp-display-none {
  display: none;
}

.rp-visible {
  visibility: visible;
}

.rp-hidden {
  visibility: hidden;
}

.rp-overflow-hidden {
  overflow: hidden;
}

.rp-overflow-auto {
  overflow: auto;
}

.rp-overflow-x-hidden {
  overflow-x: hidden;
}

.rp-overflow-x-auto {
  overflow-x: auto;
}

.rp-overflow-y-hidden {
  overflow-y: hidden;
}

.rp-overflow-y-auto {
  overflow-y: auto;
}

.rp-list-none {
  list-style-type: none;
}

.rp-white-space-nowrap {
  white-space: nowrap;
}

.rp-transition-global {
  transition: all 0.3s;
}

.rp-relative {
  position: relative;
}

.rp-absolute {
  position: absolute;
}

.rp-sticky {
  position: sticky;
}

.rp-fixed {
  position: fixed;
}

.rp-inset-0 {
  inset: 0;
}

.rp-bottom-0 {
  bottom: 0;
}

.rp-top-0 {
  top: 0;
}

.rp-left-0 {
  left: 0;
}

.rp-right-0 {
  right: 0;
}

.rp-pointer {
  cursor: pointer;
}

.rp-not-allowed {
  cursor: not-allowed;
}

.rp-cursor-auto {
  cursor: auto;
}

.rp-no-pointer-events {
  pointer-events: none;
}

.rp-z--1 {
  z-index: -1;
}

.rp-z-0 {
  z-index: 0;
}

.rp-z-1 {
  z-index: 1;
}

.rp-z-10 {
  z-index: 10;
}

.rp-z-100 {
  z-index: 100;
}

.rp-z-1000 {
  z-index: 1000;
}

.rp-z-10000 {
  z-index: 10000;
}

.portrait {
  width: 100%;
  max-width: 450px;
}

.flex-2 {
  display: flex;
  flex: 2;
  flex-direction: column;
}

@media (min-width: 768px) {
  .flex-item {
    width: 50%;
    vertical-align: initial;
  }
}

@media (min-width: 768px) {
  .flex-2 {
    flex-direction: row-reverse;
    row-gap: var(--rp-space-s);
    column-gap: var(--rp-space-s);
  }
}

h1, h2, h3, h4, h5, h6 {
  color: #555555;
}

.head--heading {
  cursor: pointer;
  font-family: 'Oswald', sans-serif;
  transition: all 0.2s ease 0s;
  text-align: center;
  margin-bottom: 1.5rem;
}

.head--heading:hover {
  color: #999999;
}

.head--subtitle {
  cursor: pointer;
  font-family: "Open Sans", sans-serif;
  text-align: center;
}

.head--subtitle:hover {
  color: #999999;
}

a.head--link {
  color: #555555;
  cursor: pointer;
  display: block;
  text-decoration: none;
  width: 100%;
}

.header {
  width: 100%;
  margin-bottom: var(--rp-space-m);
}

.nav-tabs {
  --bs-nav-tabs-border-width: 0;
  --bs-nav-tabs-border-color: var(--bs-border-color);
  --bs-nav-tabs-border-radius: var(--bs-border-radius);
  --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
  --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
  --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
  --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
}

.nav {
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-color: var(--rp-text-body);
  --bs-nav-link-hover-color: var(--bs-link-hover-color);
  --bs-nav-link-disabled-color: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  font-size: var(--rp-text-s);
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: var(--rp-text-text);
  background-color: var(--bs-nav-tabs-link-active-bg);
  border-color: var(--bs-nav-tabs-link-active-border-color);
}

.nav-link:focus, .nav-link:hover {
  color: var(--rp-text-hover);
}

#navigation {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin-top: 1.5rem;
  border-top: 1px solid var(--rp-text-body);
  border-bottom: 1px solid var(--rp-text-body);
}

p {
  font-size: var(--rp-text-m);
  margin-bottom: var(--rp-space-xs);
}

main {
  margin-bottom: var(--rp-space-m);
  display: flex;
  flex-direction: column;
}

body {
  color: var(--rp-text-body);
  background: linear-gradient(90deg, rgba(224,224,224,1) 0%, rgba(255,255,255,1) 15%, rgba(255,255,255,1) 85%, rgba(224,224,224,1) 100%);
}

.footer a {
  text-decoration: none;
  color: var(--rp-text-body);
}

.footer a:hover {
  color: var(--rp-text-hover);
}

.footer {
  width: 100%;
  font-size: var(--rp-text-s);
  text-align: center;
  border-top: 1px solid var(--rp-text-body) ;
  padding-top: var(--rp-space-s);
  margin-bottom: var(--rp-space-m);
}

.content-wrapper {
  max-width: 100vw;
  margin-top: var(--rp-space-m);
  margin-bottom: var(--rp-space-m);
}

.container {
  --bs-gutter-x: 2rem;
  max-width: 1200px;
}

.container-full-width {
  max-width: 100vw;
}

@media (min-width: 576px) {
  .container {
    --bs-gutter-x: 3rem;
  }
}

@media (min-width: 768px) {
  .container {
    background: rgba(0,0,0,0;
    --bs-gutter-x: 6rem;
  }
}

.flex-item img {
  max-width: 450px;
  width: 100%;
}

.flex-item {
  width: 100%;
  justify-content: center;
  margin-bottom: var(--rp-space-m);
}

@media (min-width: 768px) {
  .flex-item img {
    max-width: 100%;
  }
}

.portrait-wrapper {
  display: flex;
}

.preview {
  width: 100%;
}

.responsive-iframe-container {
  position: relative;
  width: 100%;
  max-width: 800px;
  min-width: 240px;
  margin-left: 0;
}

.responsive-iframe-container::before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 56.25%;
}

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border: none;
}