.measurement-modal-backdrop{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(12,17,18,.53)}.measurement-modal{display:flex;flex-direction:column;width:min(800px,100%);max-height:min(1120px,calc(100dvh - 48px));height:min(900px,calc(100dvh - 48px));overflow:hidden;border:1px solid #d9dddc;border-radius:14px;background:#fff;box-shadow:0 24px 80px rgba(0,0,0,.2);font-family:MiSans,sans-serif}.measurement-modal__header{display:flex;flex:none;align-items:center;justify-content:space-between;gap:20px;min-height:80px;padding:16px 24px;border-bottom:1px solid #d9dddc;background:#fff}.measurement-modal__header h2{margin:0;color:#171717;font-size:clamp(18px,2vw,23px);font-weight:750;line-height:1.3}.measurement-modal__header button{display:grid;flex:none;place-items:center;width:48px;height:48px;border:1px solid #848a88;border-radius:2px;background:#fff;color:#414747;font:400 32px/1 MiSans,sans-serif;cursor:pointer}.measurement-modal__header button:hover{border-color:#171717;background:#f4f6f2}.measurement-modal__header button:focus-visible{outline:2px solid #79b923;outline-offset:3px}.measurement-modal__body{display:block;flex:1 1;min-height:0;width:100%;border:0;background:#fff}@media(max-width:640px){.measurement-modal-backdrop{align-items:stretch;padding:12px}.measurement-modal{width:100%;height:100%;max-height:none;border-radius:10px}.measurement-modal__header{min-height:64px;padding:12px 16px}.measurement-modal__header button{width:42px;height:42px}}