.suay-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:9998;opacity:0;visibility:hidden;transition:opacity var(--suay-duration-medium) var(--suay-ease-default),visibility var(--suay-duration-medium)}.suay-modal-backdrop.active{opacity:1;visibility:visible}.suay-modal{position:fixed;z-index:9999;opacity:0;visibility:hidden;transition:all var(--suay-duration-medium) var(--suay-ease-spring)}.suay-modal.active{opacity:1;visibility:visible}.suay-modal--center{top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);max-width:90vw;max-height:90vh;background:var(--suay-color-white);border-radius:12px;overflow:hidden;box-shadow:0 24px 64px #0003}.suay-modal--center.active{transform:translate(-50%,-50%) scale(1)}.suay-modal--bottom{bottom:0;left:0;right:0;transform:translateY(100%);max-height:80vh;background:var(--suay-color-white);border-radius:16px 16px 0 0;box-shadow:0 -8px 32px #0000001f;overflow-y:auto}.suay-modal--bottom.active{transform:translateY(0)}.suay-modal__close{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;border:none;background:var(--suay-color-off-white);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;transition:background var(--suay-duration-fast) ease}.suay-modal__close:hover{background:var(--suay-color-smoke)}.suay-modal__close svg{width:14px;height:14px;stroke:var(--suay-color-charcoal);stroke-width:2;fill:none}.suay-modal__header{padding:28px 32px 0}.suay-modal__title{font-weight:500;font-size:22px;color:var(--suay-color-charcoal);margin:0 0 4px}.suay-modal__subtitle{font-size:14px;color:var(--suay-color-body);margin:0 0 24px}.suay-modal__body{padding:0 32px 32px;max-height:60vh;overflow-y:auto}.suay-modal__body::-webkit-scrollbar{width:4px}.suay-modal__body::-webkit-scrollbar-thumb{background:var(--suay-color-smoke);border-radius:2px}.suay-modal-table{width:100%;border-collapse:collapse}.suay-modal-table thead th{font-family:var(--suay-font-mono);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--suay-color-body);padding:12px;text-align:left;border-bottom:2px solid var(--suay-color-charcoal)}.suay-modal-table tbody td{padding:14px 12px;font-size:14px;color:var(--suay-color-charcoal);border-bottom:1px solid var(--suay-color-off-white)}.suay-modal-table tbody tr:hover{background:var(--suay-color-off-white)}.suay-modal--confirm{width:400px;padding:36px 32px;text-align:center}.suay-modal-confirm__icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:28px}.suay-modal-confirm__icon--warning{background:#bc955c1a}.suay-modal-confirm__icon--success{background:#5a96801a}.suay-modal-confirm__icon--error{background:#e56c731a}.suay-modal-confirm__title{font-weight:500;font-size:20px;color:var(--suay-color-charcoal);margin:0 0 8px}.suay-modal-confirm__text{font-size:15px;line-height:1.5;color:var(--suay-color-body);margin:0 0 24px}.suay-modal-confirm__actions{display:flex;gap:10px;justify-content:center}.suay-modal-sheet__handle{width:40px;height:4px;background:var(--suay-color-smoke);border-radius:2px;margin:12px auto}.suay-modal-sheet__body{padding:8px 24px 32px}.suay-modal-sheet__title{font-weight:500;font-size:18px;color:var(--suay-color-charcoal);margin:0 0 20px;text-align:center}.suay-modal-sheet__option{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid var(--suay-color-off-white);cursor:pointer;text-decoration:none;color:inherit;transition:opacity var(--suay-duration-fast) ease}.suay-modal-sheet__option:hover{opacity:.7}.suay-modal-sheet__option-icon{width:44px;height:44px;border-radius:10px;background:var(--suay-color-off-white);display:flex;align-items:center;justify-content:center;flex-shrink:0}.suay-modal-sheet__option-icon svg{width:20px;height:20px;stroke:var(--suay-color-charcoal);stroke-width:1.5;fill:none}.suay-modal-sheet__option-title{font-weight:500;font-size:15px;color:var(--suay-color-charcoal)}.suay-modal-sheet__option-desc{font-size:13px;color:var(--suay-color-body);margin-top:2px}body.suay-modal-open{overflow:hidden}@media(max-width:749px){.suay-modal--center{max-width:95vw}.suay-modal--confirm{width:95vw}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/suay-modal.css.map */