.atom-drawer{position:fixed;z-index:1000;inset:0;pointer-events:none;visibility:hidden;transition:visibility var(--atom-transition-base)}.atom-drawer-mask-motion-appear,.atom-drawer-mask-motion-enter,.atom-drawer-mask-motion-leave,.atom-drawer-open{visibility:visible}.atom-drawer-mask{position:fixed;inset:0;z-index:1000;background:var(--atom-color-bg-mask);pointer-events:auto;opacity:1}.atom-drawer-mask-motion-appear,.atom-drawer-mask-motion-enter{opacity:0;transition:opacity var(--atom-transition-base)}.atom-drawer-mask-motion-appear-active,.atom-drawer-mask-motion-enter-active{opacity:1}.atom-drawer-mask-motion-leave{opacity:1;transition:opacity var(--atom-transition-base)}.atom-drawer-mask-motion-leave-active{opacity:0}.atom-drawer-content-wrapper{position:fixed;z-index:1001;background:var(--atom-drawer-color-bg,var(--atom-color-bg-elevated));pointer-events:auto}.atom-drawer-left .atom-drawer-content-wrapper{left:0;top:0;bottom:0;width:378px}.atom-drawer-right .atom-drawer-content-wrapper{right:0;top:0;bottom:0;width:378px}.atom-drawer-top .atom-drawer-content-wrapper{left:0;right:0;top:0;height:378px}.atom-drawer-bottom .atom-drawer-content-wrapper{left:0;right:0;bottom:0;height:378px}.atom-drawer-panel-motion-bottom-appear,.atom-drawer-panel-motion-bottom-enter,.atom-drawer-panel-motion-bottom-leave,.atom-drawer-panel-motion-left-appear,.atom-drawer-panel-motion-left-enter,.atom-drawer-panel-motion-left-leave,.atom-drawer-panel-motion-right-appear,.atom-drawer-panel-motion-right-enter,.atom-drawer-panel-motion-right-leave,.atom-drawer-panel-motion-top-appear,.atom-drawer-panel-motion-top-enter,.atom-drawer-panel-motion-top-leave{transition:transform var(--atom-transition-base),box-shadow var(--atom-transition-base)}.atom-drawer-panel-motion-left-appear,.atom-drawer-panel-motion-left-enter{transform:translate(-100%)}.atom-drawer-panel-motion-right-appear,.atom-drawer-panel-motion-right-enter{transform:translate(100%)}.atom-drawer-panel-motion-top-appear,.atom-drawer-panel-motion-top-enter{transform:translateY(-100%)}.atom-drawer-panel-motion-bottom-appear,.atom-drawer-panel-motion-bottom-enter{transform:translateY(100%)}.atom-drawer-panel-motion-bottom-appear-active,.atom-drawer-panel-motion-bottom-enter-active,.atom-drawer-panel-motion-left-appear-active,.atom-drawer-panel-motion-left-enter-active,.atom-drawer-panel-motion-right-appear-active,.atom-drawer-panel-motion-right-enter-active,.atom-drawer-panel-motion-top-appear-active,.atom-drawer-panel-motion-top-enter-active{transform:none;box-shadow:var(--atom-shadow-popup)}.atom-drawer-panel-motion-left-leave-active{transform:translate(-100%);box-shadow:none}.atom-drawer-panel-motion-right-leave-active{transform:translate(100%);box-shadow:none}.atom-drawer-panel-motion-top-leave-active{transform:translateY(-100%);box-shadow:none}.atom-drawer-panel-motion-bottom-leave-active{transform:translateY(100%);box-shadow:none}.atom-drawer-content{overflow:hidden}.atom-drawer-content,.atom-drawer-wrapper-body{width:100%;height:100%;min-height:0;flex-direction:column}.atom-drawer-content,.atom-drawer-header,.atom-drawer-wrapper-body{background:var(--atom-drawer-color-bg,var(--atom-color-bg-elevated));display:flex}.atom-drawer-header{padding:var(--atom-spacing-md) var(--atom-spacing-lg);border-bottom:1px solid var(--atom-color-border-secondary);align-items:center;justify-content:space-between}.atom-drawer-header-title{display:flex;align-items:center;gap:var(--atom-spacing-sm)}.atom-drawer-title{margin:0;color:var(--atom-color-text,var(--atom-color-text));font-weight:600}.atom-drawer-close,.atom-drawer-title{font-size:var(--atom-font-size-lg,16px)}.atom-drawer-close{display:flex;color:var(--atom-color-text-secondary,var(--atom-color-text-secondary));background:transparent;border:0;cursor:pointer;transition:color var(--atom-transition-base)}.atom-drawer-close:hover{color:var(--atom-color-text,var(--atom-color-text))}.atom-drawer-body{flex:1 1;min-width:0;min-height:0;padding:var(--atom-padding-lg,24px);overflow:auto;font-size:var(--atom-font-size-md,14px);line-height:var(--atom-line-height)}.atom-drawer-body,.atom-drawer-footer{background:var(--atom-drawer-color-bg,var(--atom-color-bg-elevated))}.atom-drawer-footer{padding:var(--atom-spacing-md) var(--atom-spacing-lg);border-top:1px solid var(--atom-color-border-secondary)}