.order-note-overlay[data-v-f2afd6c7]{align-items:flex-start;background:transparent;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;overflow:auto;padding:10px 14px 24px;position:absolute;right:0;top:56px;z-index:20}.order-note-modal[data-v-f2afd6c7]{background:#fff;border-radius:10px;box-shadow:0 8px 28px #0000002e;box-sizing:border-box;font-family:NotoSansRegular,sans-serif;max-width:100%;padding:18px 16px;width:100%}.order-note-modal__header[data-v-f2afd6c7]{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:14px}.order-note-modal__title[data-v-f2afd6c7]{color:#000;font-family:NotoSansBold,sans-serif;font-size:15px;font-weight:400;letter-spacing:.04em;line-height:1.2;margin:0;text-transform:uppercase}.order-note-modal__close[data-v-f2afd6c7]{align-items:center;background:transparent;border:0;cursor:pointer;display:flex;justify-content:center;padding:0}.order-note-modal__input[data-v-f2afd6c7]{width:100%}.order-note-modal__input[data-v-f2afd6c7] .n-input{--n-border-radius:8px!important;--n-border:1px solid #c8c8c8!important;font-family:NotoSansRegular,sans-serif!important;font-size:14px!important}.order-note-modal__save[data-v-f2afd6c7]{background:#f5a800;border:0;border-radius:999px;color:#000;cursor:pointer;font-family:NotoSansBold,sans-serif;font-size:13px;font-weight:400;letter-spacing:.04em;line-height:1.2;margin-top:16px;padding:11px 28px;text-transform:uppercase}.order-note-modal__save[data-v-f2afd6c7]:hover{opacity:.9}