.atom-modal-mask{position:fixed;inset:0;z-index:1000;height:100%;background-color:var(--atom-color-bg-mask)}.atom-modal-mask-hidden{display:none}.atom-modal-wrap{position:fixed;inset:0;overflow:auto;outline:0;z-index:1000;-webkit-overflow-scrolling:touch}.atom-modal{box-sizing:border-box;margin:0 auto;padding:0;color:var(--atom-color-text,var(--atom-color-text));font-size:var(--atom-font-size-md,14px);line-height:var(--atom-line-height);list-style:none;position:relative;top:100px;width:auto}.atom-modal-container,.atom-modal-content,.atom-modal-section{position:relative;background-color:var(--atom-modal-color-bg,var(--atom-color-bg-container));background-clip:padding-box;border:0;border-radius:var(--atom-modal-border-radius,var(--atom-border-radius-lg));box-shadow:var(--atom-modal-shadow,var(--atom-shadow-xl));display:flex;flex-direction:column;overflow:hidden}.atom-modal-close{position:absolute;top:16px;right:24px;z-index:10;padding:0;color:var(--atom-color-text-secondary,var(--atom-color-text-secondary));background:transparent;border:0;outline:0;cursor:pointer;transition:color var(--atom-transition-base);width:22px;height:22px;display:flex;align-items:center;justify-content:center}.atom-modal-close:hover{color:var(--atom-color-text,var(--atom-color-text));background-color:var(--atom-color-border-secondary);border-radius:var(--atom-border-radius-sm)}.atom-modal-close-x{font-size:var(--atom-font-size-lg,16px);line-height:1}.atom-modal-header{padding:var(--atom-spacing-md) var(--atom-spacing-lg);color:var(--atom-color-text,var(--atom-color-text));background:var(--atom-modal-header-bg,var(--atom-modal-color-bg,var(--atom-color-bg-container)))}.atom-modal-title{margin:0;color:inherit;font-weight:600;font-size:var(--atom-font-size-lg,16px)}.atom-modal-body,.atom-modal-title{line-height:var(--atom-line-height)}.atom-modal-body{padding:0 var(--atom-spacing-lg);font-size:var(--atom-font-size-md,14px);word-wrap:break-word;background:var(--atom-modal-color-bg,var(--atom-color-bg-container))}.atom-modal-body>*{margin:0}.atom-modal-footer{padding:var(--atom-spacing-md) var(--atom-spacing-lg);text-align:right;background:var(--atom-modal-footer-bg,var(--atom-modal-color-bg,var(--atom-color-bg-container)))}.atom-modal-footer .atom-btn+.atom-btn{margin-inline-start:var(--atom-spacing-sm)}.atom-modal-centered{display:flex;align-items:center;justify-content:center}.atom-modal-centered .atom-modal{top:0;padding-bottom:0;margin:0}.atom-fade-appear,.atom-fade-enter{opacity:0;animation-duration:.3s;animation-fill-mode:both;animation-timing-function:linear}.atom-fade-appear-active,.atom-fade-enter-active{animation-name:atomFadeIn}.atom-fade-leave{animation-duration:.2s;animation-fill-mode:both;animation-timing-function:linear}.atom-fade-leave-active{animation-name:atomFadeOut}.atom-zoom-appear,.atom-zoom-enter{opacity:0;animation-duration:.25s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.08,.82,.17,1);transform:none}.atom-zoom-appear-active,.atom-zoom-enter-active{animation-name:atomZoomIn}.atom-zoom-leave{animation-duration:.2s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.6,.04,.98,.34)}.atom-zoom-leave-active{animation-name:atomZoomOut}@keyframes atomFadeIn{0%{opacity:0}to{opacity:1}}@keyframes atomFadeOut{0%{opacity:1}to{opacity:0}}@keyframes atomZoomIn{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}@keyframes atomZoomOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.2)}}