.ar-modal {
position: fixed;
inset: 0;
z-index: 9999;
display: none;
align-items: center;
justify-content: center;
padding: var(--ar-space-3);
}
.ar-modal.is-open {
display: flex;
}
.ar-modal__backdrop {
position: absolute;
inset: 0;
background-color: rgba(22, 32, 65, 0.6);
backdrop-filter: blur(4px);
}
.ar-modal__dialog {
position: relative;
z-index: 2;
width: 100%;
max-width: 480px;
background: var(--ar-white);
border-radius: var(--ar-radius-md);
box-shadow: var(--ar-shadow-blue);
padding: var(--ar-space-4);
animation: arFadeInUp 0.25s ease-out;
}
.ar-modal__dialog .wpcf7-list-item {
margin: 0px;
}
.ar-modal__title {
font-size: var(--ar-h3-size);
font-weight: var(--ar-h3-weight);
line-height: var(--ar-h3-line);
}
.ar-modal__close {
position: absolute;
top: var(--ar-space-3);
right: var(--ar-space-3);
font-size: 1.75rem;
line-height: 1;
color: var(--ar-dark-grey);
cursor: pointer;
background: none;
border: none;
}
.ar-modal__close:hover {
color: var(--ar-dark-blue);
}
.ar-modal__dialog .wpcf7-form {
display: flex;
flex-direction: column;
gap: var(--ar-space-2);
}
.ar-form-field {
display: flex;
flex-direction: column;
gap: 0.375rem;
width: 100%;
}
.ar-form-label {
font-size: 0.9375rem;
font-weight: 500;
color: var(--ar-dark-blue);
}
.ar-form-control {
width: 100%!important;
border: 1px solid var(--arv3-line)!important;
border-radius: var(--ar-radius-sm)!important;
padding: var(--ar-space-2) var(--ar-space-2)!important;
font-size: 1rem;
color: var(--ar-black)!important;
outline: none!important;
transition: box-shadow 0.2s ease;
min-height: auto !important;
max-height: 48px !important;
background: #fff;
}
.ar-form-control:focus {
box-shadow: 0 0 0 2px var(--ar-brand);
color: var(--ar-black);!important
}
.ar-form-control::placeholder {
color: var(--ar-middle-grey);
}
.ar-select-wrapper {
position: relative;
width: 100%;
}
.ar-spec-select {
appearance: none;
-webkit-appearance: none;
padding-right: 2.5rem;
cursor: pointer;
}
.ar-select-wrapper::after {
content: '';
position: absolute;
right: 1.125rem;
top: 50%;
transform: translateY(-50%) rotate(90deg);
width: 1rem;
height: 1rem;
pointer-events: none;
-webkit-mask: url(//arimed.ru/wp-content/themes/arimed/dist/images/icons/chevron.svg) no-repeat center / contain;
mask: url(//arimed.ru/wp-content/themes/arimed/dist/images/icons/chevron.svg) no-repeat center / contain;
background-color: var(--ar-dark-blue);
}
.ar-form-checkbox__text {
font-size: 0.875rem;
line-height: 1.35;
}
@keyframes arFadeInUp {
from {
opacity: 0;
transform: translateY(16px);
}
to {
opacity: 1;
transform: translateY(0);
}
}