.appointment-details{width:min(100%,620px);color:var(--ink);border:1px solid var(--rule);border-left:4px solid var(--lime);background:#ffffffad;border-radius:3px;margin-top:clamp(24px,3vw,34px);padding:18px 20px 17px;box-shadow:0 16px 34px -30px #1428388c}.appointment-details-title{color:var(--ink-soft);letter-spacing:.2em;text-transform:uppercase;margin:0 0 13px;font-family:Inter,sans-serif;font-size:11px;font-weight:700;line-height:1.3}.appointment-details-schedule{align-items:flex-start;gap:10px;display:flex}.appointment-details-schedule>.fa{color:var(--lime-text);flex:none;margin-top:3px}.appointment-details-when,.appointment-details-timezone{margin:0}.appointment-details-when{color:var(--ink);flex-wrap:wrap;gap:0 7px;font-size:14px;font-weight:700;line-height:1.45;display:flex}.appointment-details-separator{color:var(--lime-text)}.appointment-details-timezone{color:var(--ink-soft);margin-top:2px;font-size:12px;font-weight:500;line-height:1.45}.appointment-details-contact{border-top:1px solid var(--rule);gap:7px;margin-top:14px;padding-top:13px;display:grid}.appointment-details-row{min-width:0;color:var(--ink-soft);align-items:center;gap:9px;font-size:13px;font-weight:500;line-height:1.4;display:flex}.appointment-details-row .fa{color:var(--blue-text);flex:none}.appointment-details-row span{overflow-wrap:anywhere}@media (width<=500px){.appointment-details{padding:16px 16px 15px}.appointment-details-when{font-size:13.5px}}