:root { --link-color-default: var(--primary);
--link-color-hover: var(--secondary); --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); --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-default: 2px 2px 15px color-mix(in srgb, var(--primary) 20%, transparent);
--box-shadow-default-hover: 2px 2px 15px color-mix(in srgb, var(--primary) 90%, transparent); --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;
} 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);
} 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);
} 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;
}