@charset "UTF-8";

:root {
  /* Colors */
  --text-main-900: #0A0D14;
  --text-main-800: #1A1D23;
  --text-main-700: #282B31;
  --text-main-600: #3D4248;
  --text-main-500: #555A61;
  --text-main-400: #6E737A;
  --text-main-300: #898E95;
  --text-main-200: #A4A9B0;
  --text-main-100: #C1C6CC;
  --text-subtitle-color: #868C98;
  --text-soft-200: #EEF1F4;
  --text-soft-400: #868C98;
  
  --stroke-sub-200: #CDD0D5;
  --stroke-sub-300: #F6F8FA;
  
  --bg-weak-100: #F6F8FA;
  
  --green-500: #359452;
  --green-600: #257640;
  
  /* Brand Colors */
  --brand-primary: #359452;
  --brand-primary-hover: #257648;
  --brand-primary-light: #E9FBF4;
  --brand-primary-border: #85D6BF;
  
  /* Typography */
  --font-family-bitter: 'Bitter', serif;
  --font-family-inter: 'Inter', sans-serif;

  /* Text Styles */
  --text-h1: 500 45px/54px var(--font-family-bitter);
  --text-h2: 400 16px/24px var(--font-family-inter);
  --text-subtitle: 300 18px/24px var(--font-family-inter);
  --text-question: 400 14px/21px var(--font-family-inter);
  --text-body: 400 16px/24px var(--font-family-inter);
  --text-body-small: 400 14px/20px var(--font-family-inter);
  --text-caption: 400 12px/18px var(--font-family-inter);
}

/* Font Faces */
@font-face {
  font-family: 'Inter';
  src: url("https://pangea--prod.s3.eu-north-1.amazonaws.com/fonts/Inter-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url("https://pangea--prod.s3.eu-north-1.amazonaws.com/fonts/Inter-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Bitter';
  src: url("https://pangea--prod.s3.eu-north-1.amazonaws.com/fonts/Bitter-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Bitter';
  src: url("https://pangea--prod.s3.eu-north-1.amazonaws.com/fonts/Bitter-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* Layout */
.Paperform_paperFormWithSideBanner___DeCH {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
}

/* Welcome Text */
.welcomeTextWrap {
  padding: 8px;
  background-color: var(--text-main-100);
  border: 1px solid var(--text-main-200);
  display: flex;
  justify-content: center;
  border-radius: 10px;
}

.welcometext {
  color: var(--text-main-600);
  text-align: center;
  font-family: var(--font-family-inter);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.45px;
  max-width: 623px;
  margin: 0;
}

/* Typography */
body .editor .__header-one,
body .editor .LiveField__title {
  font: var(--text-h1);
  color: var(--text-main-900);
  text-align: center;
  letter-spacing: -0.5px;
  margin-bottom: 16px;
}

body .editor .__header-two,
body .editor .LiveField__subtitle {
  color: var(--text-soft-400);
  text-align: center;
  font-family: var(--font-family-inter);
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  letter-spacing: -0.27px;
  margin-bottom: 64px;
}

/* Form Elements */
body .editor .LiveField .LiveField__header {
  font: var(--text-question);
  color: var(--text-main-800);
  margin-bottom: 8px;
  letter-spacing: -0.25px;
  font-family: var(--font-family-inter);
}

body .editor .LiveField .LiveField__label {
  font: var(--text-body);
  color: var(--text-main-600);
  margin-bottom: 4px;
}

body .editor .LiveField .LiveField__input {
  font-family: var(--font-family-inter);
  border-radius: 8px;
  width: 100%;
  border: 1px solid var(--text-soft-200);
  height: 54px !important;
  font-size: 14px;
  line-height: 1.35;
  letter-spacing: -0.25px;
  color: var(--text-main-600);
  background-color: transparent;
  box-shadow: 0px 1px 2px 0px rgba(228, 229, 231, 0.24) !important;
  transition: all ease 0.3s;
}

body .editor .LiveField .LiveField__input:hover {
    border-color: var(--stroke-sub-200);
}

/* Helper Text */
body .LiveField__description,
body .Field__hinttext {
  font: var(--text-caption);
  color: var(--text-main-500);
  margin-top: 4px;
}

/* Containers */
.LiveField .LiveField__container {
    padding: 0;
    margin: 12px 0;
}

/* Select Styles */
body .editor .LiveField div.Select-control {
  height: auto !important;
  border-radius: 8px !important;
  background-color: #fff !important;
  transition: background-color 0.3s ease-in-out;
}

body .editor .LiveField div.Select-control:hover,
body .editor .LiveField .Select--multi.is-open .Select-control {
  background-color: var(--stroke-sub-300) !important;
}

body .Select-multi-value-wrapper {
  display: flex;
  flex-wrap: wrap;
}

body .Select-value-label {
    color: var(--text-main-900, #0A0D14);
}

body .Select-arrow-zone {
  display: flex;
  align-items: start;
  padding-top: 17px;
}

body .LiveField__answer .Select-placeholder {
    color: var(--text-soft-400);
}

body .LiveField__answer .Select--multi .Select-value-label,
body .LiveField__answer .Select--multi .Select-value-icon {
  border-color: var(--bg-weak-100);
  background: var(--brand-primary-light);
  color: var(--text-main-900);
  background: var(--bg-weak-100);
  font-family: var(--font-family-inter);
  margin: 0px;
  font-size: 14px;
  font-weight: 400;
}

/* Input fields (Text) */
body .editor input[type=text].LiveField__input {
    padding: 10px 10px 10px 12px;
}

body .editor input[type=text].LiveField__input::placeholder {
    color: var(--text-soft-400);
}

/* Radio Button Styles */
body .editor .ChoicesQuestion.Choices {
    gap: 8px;
    flex-wrap: nowrap;
}
body .editor .LiveField .Choices__choice i.MaterialIcon {
    display: none;
}
body .editor .LiveField .Choices__choice {
  background-color: transparent !important;
  box-shadow: none;
  padding: 0;
  padding: 12px;
  border: 1px solid var(--text-soft-200);
  border-radius: 12px;
}

body .editor .LiveField .Choices__choice[aria-checked="true"] {
  border: 1px solid var(--green-500);
}


body .editor .LiveField .Choices__choice .Choices__label {
  font-family: var(--font-family-inter);
  font-size: 14px;
  color: var(--text-main-600) !important;
  position: relative;
  line-height: 1.5;
  letter-spacing: -0.25px;
  font-weight: 400;
  padding-left: 36px;
  min-height: 24px;
}

body .editor .LiveField .Choices__choice .Choices__label::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background: white;
  vertical-align: middle;
  border-radius: 50%;
  border: 6px solid var(--text-soft-200);
  position: absolute;
  top: 0;
  right: 0;
}


body .editor .LiveField .Choices__choice.btn-primary .Choices__label::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0px;
  background: #fff;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  padding: 4px;
  border: 6px solid var(--brand-primary);
}

/* Active States */
body .editor .LiveField--active .Select-control:not(.LiveField__input--manualfocus),
body .editor .LiveField--active .LiveField__input:not(.LiveField__input--manualfocus) {
  border-color: var(--brand-primary);
}

/* Pagination Buttons */
:first-child.Pagination__btn.btn-raised:last-child {
    border-radius: 10px !important;
    transition: all ease 0.3s;
}

:first-child.Pagination__btn.btn-raised:last-child:hover {
    background-color: var(--green-600) !important;
}

.Pagination__btn.btn-raised.Pagination__btn--previous {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}

.Pagination__btn.btn-raised.Pagination__btn--next {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}

body .submit .btn-raised {
    border-radius: 12px !important;
}

/* Upload Button */
.MultipleFiles .BtnV2 {
  border-radius: 12px;
  padding: 10px 20px;
  background-color: var(--text-soft-200);
  color: var(--text-main-900);
  font-family: var(--font-family-inter);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}

.MultipleFiles .BtnV2:hover {
    background-color: #daf1dd;
    box-shadow: 0 2px 10px -3px #0000004d;
}

/* Misc Elements */
.paperform-paragraph-label-1,
.paperform-paragraph-label-1 a {
  text-align: center;
  font-family: var(--font-family-inter);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  color: var(--text-main-400);
}

.paperform-paragraph-label-1 a {
  text-decoration: underline;
}

hr.solid {
  border-top: 1px solid var(--text-main-200);
}

.dlbfo_title .AnswerPipe {
  color: var(--brand-primary);
}

.PaperDateInput__separator {
    display: none;
}

/* Default compact size */
body .editor .LiveField .Select--multi {
  display: flex;
  align-items: center;
  min-height: 54px !important;
  height: auto !important;
  max-height: 54px; /* Prevents excessive height initially */
  overflow: hidden;
  transition: max-height 0.3s ease-in-out;
  padding: 0 !important;
}

/* Allow expansion when options are selected or dropdown is open */
body .editor .LiveField .Select--multi.has-value,
body .editor .LiveField .Select--multi.is-open {
  max-height: 200px !important;
  flex-wrap: wrap; /* Only wraps when necessary */
  overflow: visible;
}

/* Ensure dropdown menu is accessible and opens correctly */
body .editor .LiveField .Select-menu-outer {
  max-height: 300px !important;
  overflow-y: auto !important;
  visibility: visible;
  opacity: 1;
  transition: opacity 0.2s ease-in-out;
}

/* Make sure selected values don’t force extra height */
body .editor .LiveField .Select-multi-value-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  max-height: 100px; /* Prevents excessive expansion */
  overflow-y: auto;
}