.service-modal{position:fixed;z-index:35;inset:0;background:rgba(20,43,36,.4);display:grid;place-items:center;padding:20px}.service-form{position:relative;width:min(100%,440px);background:#fff;border-radius:12px;padding:30px;box-shadow:0 20px 60px rgba(22,79,67,.22)}.appointment-form{width:min(100%,560px)}.service-form h2{font:800 24px Manrope;margin:7px 0 21px}.service-form label{display:block;color:#68776f;font-size:11px;font-weight:700;margin:13px 0}.service-form input,.service-form select{width:100%;border:1px solid #dfe7e2;border-radius:5px;padding:10px;margin-top:7px;outline-color:#1f6b58;background:#fff}.appointment-calendar{margin-top:10px;padding-top:10px;border-top:1px solid #edf0ed}.appointment-calendar-status{margin:0 0 12px;color:#7d8782;font-size:11px;line-height:1.5}.service-form-grid,.appointment-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.service-form-grid label,.appointment-form-grid label{display:flex;flex-direction:column;justify-content:end;gap:6px}.service-form-status{display:block;color:#b55f4d;min-height:15px;font-size:11px}.service-form .primary-button{width:100%;margin-top:10px}.service-form .primary-button span{float:right;font-size:18px}.service-close{position:absolute;right:17px;top:13px;background:none;color:#84918b;font-size:25px}@media(max-width:680px){.service-form{padding:24px}.service-form-grid,.appointment-form-grid{gap:10px}}
.danger-button{width:100%;margin-top:9px;padding:10px;border:1px solid #efc7be;border-radius:5px;background:#fff5f2;color:#a65d4d;font-size:11px;font-weight:700}.danger-button:hover{background:#fce6e0}
.service-professionals{border:1px solid #e3e9e5;border-radius:6px;margin:17px 0 3px;padding:7px 12px 10px}.service-professionals legend{color:#68776f;font-size:10px;font-weight:700;padding:0 5px}.service-professionals label{display:inline-flex;align-items:center;margin:5px 12px 2px 0!important;color:#53665d;font-weight:500}.service-professionals input{width:auto;margin:0 5px 0 0}