body.modal-open{overflow:hidden}@media (width<=640px){.modal-wrapper{padding:0}.modal{border-radius:0;max-height:100vh}.modal--lg,.modal--md,.modal--sm,.modal--xl{width:100%;max-width:none;height:100%}}.modal-slide-down-enter-from .modal,.modal-slide-down-leave-to .modal{opacity:0;transform:translateY(-100%)}.modal-slide-down-enter-from,.modal-slide-down-leave-to{opacity:0}.modal-slide-down-enter-active .modal,.modal-slide-down-leave-active .modal{transition:transform var(--modal-transition-duration) ease,opacity var(--modal-transition-duration) ease}.modal-slide-down-enter-active,.modal-slide-down-leave-active{transition:opacity var(--modal-transition-duration) ease}.modal-slide-up-enter-from .modal,.modal-slide-up-leave-to .modal{opacity:0;transform:translateY(100%)}.modal-slide-up-enter-from,.modal-slide-up-leave-to{opacity:0}.modal-slide-up-enter-active .modal,.modal-slide-up-leave-active .modal{transition:transform var(--modal-transition-duration) ease,opacity var(--modal-transition-duration) ease}.modal-slide-up-enter-active,.modal-slide-up-leave-active{transition:opacity var(--modal-transition-duration) ease}.modal-slide-enter-from .modal,.modal-slide-leave-to .modal{opacity:0;transform:translate(100%)}.modal-slide-enter-from,.modal-slide-leave-to{opacity:0}.modal-slide-enter-active .modal,.modal-slide-leave-active .modal{transition:transform var(--modal-transition-duration) ease,opacity var(--modal-transition-duration) ease}.modal-slide-enter-active,.modal-slide-leave-active{transition:opacity var(--modal-transition-duration) ease}.modal-fade-enter-from,.modal-fade-enter-from .modal,.modal-fade-leave-to,.modal-fade-leave-to .modal{opacity:0}.modal-fade-enter-active,.modal-fade-enter-active .modal,.modal-fade-leave-active,.modal-fade-leave-active .modal{transition:opacity var(--modal-transition-duration) ease}.modal-zoom-leave-to .modal{opacity:0;transform:scale(.95)}.modal-zoom-enter-from .modal{opacity:0;transform:scale(.95)translateY(-20px)}.modal-zoom-enter-from,.modal-zoom-leave-to{opacity:0}.modal-zoom-enter-active .modal,.modal-zoom-leave-active .modal{transition:transform var(--modal-transition-duration) ease,opacity var(--modal-transition-duration) ease}.modal-zoom-enter-active,.modal-zoom-leave-active{transition:opacity var(--modal-transition-duration) ease}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:var(--scrollbar-background);border-radius:4px}.modal-content::-webkit-scrollbar-thumb{background:var(--scrollbar-color);border-radius:0;transition:background .2s,opacity .2s}.modal-content::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-color-hover)}.modal-content::-webkit-scrollbar-thumb:active{background:var(--scrollbar-color-active)}.modal-content:not(:hover)::-webkit-scrollbar-thumb{opacity:.5}.modal-footer--sticky{z-index:5;position:sticky;bottom:0;box-shadow:0 -2px 4px #0000000d}.modal-footer{justify-content:flex-end;align-items:center;gap:var(--spacing-sm);padding:var(--modal-content-padding);border-top:var(--border-w-thin) solid var(--border-color);background-color:var(--brand-surface-1);flex-shrink:0;display:flex}.modal-description{margin:0 0 var(--spacing-md) 0;line-height:1.5}.modal-description,.modal-loading-text{font-size:var(--font-size-base);color:var(--modal-close-button-color)}.modal-loading-text{font-weight:var(--font-weight-medium);margin:0}@keyframes spin{to{transform:rotate(1turn)}}.modal-spinner{width:var(--space-12);height:var(--space-12);border:4px solid var(--color-brand-light);border-top-color:var(--color-brand);border-radius:50%;animation:.8s linear infinite spin}.modal-loading-overlay{justify-content:center;align-items:center;gap:var(--spacing-md);background-color:var(--brand-surface-overlay-strong);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10;flex-direction:column;display:flex;position:absolute;inset:0}.modal-content--no-padding{padding:0}.modal-content{padding:var(--modal-content-padding);background-color:var(--brand-surface-base);flex:1;position:relative;overflow:hidden auto}.modal-close-button:focus-visible{outline:var(--modal-close-button-focus-outline);outline-offset:2px}.modal-close-button:hover{background-color:var(--modal-close-button-background-hover);color:var(--modal-close-button-color-hover)}.modal-close-button{width:var(--modal-close-button-size);height:var(--modal-close-button-size);margin-left:var(--modal-close-button-margin);border-radius:var(--modal-close-button-radius);color:var(--modal-close-button-color);cursor:pointer;transition:var(--modal-close-button-transition);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.modal-title{font-family:var(--modal-title-font-family);font-size:var(--modal-title-font-size);font-weight:var(--modal-title-font-weight);color:var(--modal-header-text-color);flex:1;margin:0}.resize-handles{pointer-events:none;position:absolute;inset:0}.resize-handle{pointer-events:auto;z-index:10;position:absolute}.resize-handle--n{top:0}.resize-handle--n,.resize-handle--s{height:var(--modal-resize-handle-edge-size);cursor:ns-resize;left:0;right:0}.resize-handle--s{bottom:0}.resize-handle--e{right:0}.resize-handle--e,.resize-handle--w{width:var(--modal-resize-handle-edge-size);cursor:ew-resize;top:0;bottom:0}.resize-handle--w{left:0}.resize-handle--ne{cursor:nesw-resize;right:0}.resize-handle--ne,.resize-handle--nw{width:var(--modal-resize-handle-corner-size);height:var(--modal-resize-handle-corner-size);top:0}.resize-handle--nw{cursor:nwse-resize;left:0}.resize-handle--se{cursor:nwse-resize;right:0}.resize-handle--se,.resize-handle--sw{width:var(--modal-resize-handle-corner-size);height:var(--modal-resize-handle-corner-size);bottom:0}.resize-handle--sw{cursor:nesw-resize;left:0}.modal{z-index:1;width:100%;max-height:var(--modal-max-height);background-color:var(--brand-surface-1);border-radius:var(--modal-radius);box-shadow:var(--modal-shadow);flex-direction:column;display:flex;position:relative;overflow:hidden}.modal--sm{max-width:var(--modal-max-width-sm)}.modal--md{max-width:var(--modal-max-width-md)}.modal--lg{max-width:var(--modal-max-width-lg)}.modal--xl{max-width:var(--modal-max-width-xl)}.modal--full{border-radius:0;width:100%;max-width:none;height:100%;max-height:none;padding:0}.modal-header{padding:var(--modal-header-padding);border-bottom:var(--modal-header-border);color:var(--modal-header-text-color);background-color:var(--brand-surface-2);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.modal-header--draggable{cursor:move;-webkit-user-select:none;user-select:none}.modal-header--sticky{z-index:5;box-shadow:var(--modal-header-sticky-shadow);position:sticky;top:0}.modal-overlay{background-color:var(--brand-surface-overlay);-webkit-backdrop-filter:blur(var(--modal-backdrop-blur));backdrop-filter:blur(var(--modal-backdrop-blur));position:absolute;inset:0}.modal-wrapper{z-index:var(--modal-z-index);padding:var(--modal-wrapper-padding);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-wrapper--draggable{justify-content:flex-start;align-items:flex-start;padding:0}