:root {
  /*LINKS*/
  --link-color-default: var(--primary);
  --link-color-hover: var(--secondary);
  /*FORMS*/
  --form-label-typography: var(--primary-l-2);
  --form-placeholder-typography: var(--primary-l-2);
  --form-field-typography: var(--primary-d-2);
  --form-field-background: transparent;
  --form-field-border: var(--primary-l-2);
  /*GRADIENTS*/
  --gradient-primary: linear-gradient(to right, var(--primary) 0%, var(--secondary) 51%, var(--secondary-d-3) 100%);
  --gradient-secondary: linear-gradient(to right, var(--secondary) 0%, var(--primary) 51%, var(--primary-d-3) 100%);
  /*BOX SHADOW*/
  --box-shadow-default: 2px 2px 15px color-mix(in srgb, var(--primary) 40%, transparent);
  --box-shadow-default-hover: 2px 2px 15px color-mix(in srgb, var(--primary) 90%, transparent);
  /*BUTTONS*/
  --default-button-text: var(--primary);
  --default-button-text-hover: var(--secondary);
  --default-button-bg: rgba(255,255,255,0);
  --default-button-bg-hover: var(--primary);
  
  --primary-button-text: var(--secondary);
  --primary-button-text-hover: var(--primary);
  --primary-button-bg: var(--primary);
  --primary-button-bg-hover: var(--secondary);

  --secondary-button-text: var(--primary);
  --secondary-button-text-hover: var(--secondary);
  --secondary-button-bg: var(--secondary);
  --secondary-button-bg-hover: var(--primary);
}

.gradient-button {
  border: none !important;
  transition: 0.5s;
  background-size: 200% auto;
  background-image: var(--gradient-primary);
  color: var(--primary-l-5);
}

.gradient-button:hover {
  background-position: right center;
  color: var(--primary-l-5);
}

.box-shadow-button {
  box-shadow: var(--box-shadow-default);
}

.box-shadow-button:hover {
  box-shadow: var(--box-shadow-default-hover);
}

.rounded-button {
  border-radius: 100px;
}

.image-as-bg__wrapper {
  position: relative;
  isolation: isolate;
}

.image-as-bg__image {
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}

/*****RADIO BUTTONS*****/
form.styled-form-radio-simple input[type=radio] + label {
  display: flex;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  margin-bottom: 5px;
}

form.styled-form-radio-simple input[type=radio] {
  position: absolute;
  left: -9999px;
}
form.styled-form-radio-simple input[type=radio]:checked + label {
  background-color: var(--primary-l-5);
}
form.styled-form-radio-simple input[type=radio]:checked + label::before {
  box-shadow: inset 0 0 0 0.4375em var(--primary);
}
form.styled-form-radio-simple input[type=radio] + label {
  display: inline-flex;
  align-items: center;
  padding: 0.375em 0.75em 0.375em 0.375em;
  border-radius: 99em;
  transition: 0.25s ease;
}
form.styled-form-radio-simple input[type=radio] + label:hover {
  background-color: var(--primary-l-5);
}
form.styled-form-radio-simple input[type=radio] + label:before {
  display: flex;
  flex-shrink: 0;
  content: "";
  background-color: #fff;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  margin-right: 0.375em;
  transition: 0.25s ease;
  box-shadow: inset 0 0 0 0.125em var(--primary);
}

/*****CHECKBOXES*****/
form.styled-form-checkbox-simple input[type=checkbox] + label {
  display: flex;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  margin-bottom: 5px;
}

form.styled-form-checkbox-simple input[type=checkbox] {
  position: absolute;
  left: -9999px;
}
form.styled-form-checkbox-simple input[type=checkbox]:checked + label {
  background-color: var(--primary-l-5);
}
form.styled-form-checkbox-simple input[type=checkbox]:checked + label::before {
  box-shadow: inset 0 0 0 0.4375em var(--primary);
}
form.styled-form-checkbox-simple input[type=checkbox] + label {
  display: inline-flex;
  align-items: center;
  padding: 0.375em 0.75em 0.375em 0.375em;
  border-radius: 0;
  transition: 0.25s ease;
}
form.styled-form-checkbox-simple input[type=checkbox] + label:hover {
  background-color: var(--primary-l-5);
}
form.styled-form-checkbox-simple input[type=checkbox] + label:before {
  display: flex;
  flex-shrink: 0;
  content: "";
  background-color: #fff;
  width: 1.5em;
  height: 1.5em;
  border-radius: 0;
  margin-right: 0.375em;
  transition: 0.25s ease;
  box-shadow: inset 0 0 0 0.125em var(--primary);
}

/*****INLINE RADIO BUTTONS & CHECKBOXES*****/
form.styled-form-inline-inputs ul.options-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    column-gap: 10px;
    row-gap: 10px;
}

form.styled-form-inline-inputs ul.options-wrapper li {
  margin-bottom: 0 !important;
}