html.hx-modal-open{overflow:hidden}.hx-modal{z-index:900;padding:var(--hx-spacing-scale-lg);background-color:color-mix(in srgb, var(--hx-color-surface-scrim) 55%, transparent);animation:hx-modal-fade var(--hx-motion-duration-base) var(--hx-motion-easing-standard) both;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.hx-modal__panel{width:100%;max-height:calc(100vh - 2 * var(--hx-spacing-scale-lg));border:1px solid var(--hx-color-line-hairline);border-radius:var(--hx-radius-scale-lg);background-color:var(--hx-color-surface-raised);color:var(--hx-color-ink-primary);box-shadow:0 18px 50px color-mix(in srgb, var(--hx-color-surface-scrim) 30%, transparent);animation:hx-modal-rise var(--hx-motion-duration-slow) var(--hx-motion-easing-enter) both;flex-direction:column;display:flex;overflow:auto}.hx-modal__panel:focus{outline:none}.hx-modal__panel--small{max-width:24rem}.hx-modal__panel--medium{max-width:32rem}.hx-modal__panel--large{max-width:48rem}.hx-modal__header{justify-content:space-between;align-items:flex-start;gap:var(--hx-spacing-scale-md);padding:var(--hx-spacing-scale-lg) var(--hx-spacing-scale-lg) 0 var(--hx-spacing-scale-xl);display:flex}.hx-modal__title{padding-top:var(--hx-spacing-scale-sm);font-size:var(--hx-type-scale-title-size)}.hx-modal__close{width:var(--hx-spacing-min-tap-target);height:var(--hx-spacing-min-tap-target);border-radius:var(--hx-radius-scale-md);color:var(--hx-color-ink-primary);cursor:pointer;background:0 0;border:1px solid #0000;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.hx-modal__close:hover{border-color:var(--hx-color-line-control)}.hx-modal__close svg{width:1rem;height:1rem}.hx-modal__body{padding:var(--hx-spacing-scale-md) var(--hx-spacing-scale-xl) var(--hx-spacing-scale-xl)}@keyframes hx-modal-fade{0%{opacity:0}}@keyframes hx-modal-rise{0%{opacity:0;transform:translateY(var(--hx-spacing-scale-sm))}}