.dx-drawer-root{z-index:var(--dx-z-overlay);opacity:0;will-change:opacity;background:rgba(0,0,0,.5);position:fixed;inset:0}.dx-drawer-root[data-state=closed]{animation:dx-drawer-root-out var(--dx-motion-duration-base) var(--dx-motion-ease-in) forwards;pointer-events:none}.dx-drawer-root[data-state=open]{animation:dx-drawer-root-in var(--dx-motion-duration-slow) var(--dx-motion-ease-out) forwards}@keyframes dx-drawer-root-in{0%{opacity:0}to{opacity:1}}@keyframes dx-drawer-root-out{0%{opacity:1}to{opacity:0}}.dx-drawer{z-index:var(--dx-z-overlay-raised);box-sizing:border-box;background:var(--primary-color-2);width:auto;max-width:none;height:auto;max-height:none;box-shadow:var(--dx-shadow-xl);color:var(--secondary-color-4);gap:var(--dx-space-4);transition:translate var(--dx-motion-duration-base) var(--dx-motion-ease);will-change:transform, translate;border:none;flex-direction:column;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;position:fixed;inset:0;overflow:auto}.dx-drawer[data-dragging=true]{-webkit-user-select:none;user-select:none;transition:none}.dx-drawer[data-side=bottom]{max-height:80%;padding-bottom:env(safe-area-inset-bottom,0);border-top:1px solid var(--primary-color-6);border-top-left-radius:var(--dx-radius-2xl);border-top-right-radius:var(--dx-radius-2xl);filter:drop-shadow(0 40px 0 var(--primary-color-2));touch-action:pan-x;top:auto;transform:translateY(100%)}.dx-drawer[data-side=top]{border-bottom:1px solid var(--primary-color-6);border-bottom-left-radius:var(--dx-radius-2xl);border-bottom-right-radius:var(--dx-radius-2xl);max-height:80%;filter:drop-shadow(0 -40px 0 var(--primary-color-2));touch-action:pan-x;bottom:auto;transform:translateY(-100%)}.dx-drawer[data-side=right]{border-left:1px solid var(--primary-color-6);border-bottom-left-radius:var(--dx-radius-2xl);border-top-left-radius:var(--dx-radius-2xl);width:100%;max-width:24rem;filter:drop-shadow(40px 0 0 var(--primary-color-2));touch-action:pan-y;left:auto;transform:translate(100%)}.dx-drawer[data-side=left]{border-right:1px solid var(--primary-color-6);border-bottom-right-radius:var(--dx-radius-2xl);border-top-right-radius:var(--dx-radius-2xl);width:100%;max-width:24rem;filter:drop-shadow(-40px 0 0 var(--primary-color-2));touch-action:pan-y;right:auto;transform:translate(-100%)}.dx-drawer[data-state=open][data-side=bottom]{animation:dx-drawer-slide-in-bottom var(--dx-motion-duration-slow) var(--dx-motion-ease-out) forwards}.dx-drawer[data-state=open][data-side=top]{animation:dx-drawer-slide-in-top var(--dx-motion-duration-slow) var(--dx-motion-ease-out) forwards}.dx-drawer[data-state=open][data-side=right]{animation:dx-drawer-slide-in-right var(--dx-motion-duration-slow) var(--dx-motion-ease-out) forwards}.dx-drawer[data-state=open][data-side=left]{animation:dx-drawer-slide-in-left var(--dx-motion-duration-slow) var(--dx-motion-ease-out) forwards}.dx-drawer[data-state=closed][data-side=bottom]{animation:dx-drawer-slide-out-bottom var(--dx-motion-duration-base) var(--dx-motion-ease-in) forwards}.dx-drawer[data-state=closed][data-side=top]{animation:dx-drawer-slide-out-top var(--dx-motion-duration-base) var(--dx-motion-ease-in) forwards}.dx-drawer[data-state=closed][data-side=right]{animation:dx-drawer-slide-out-right var(--dx-motion-duration-base) var(--dx-motion-ease-in) forwards}.dx-drawer[data-state=closed][data-side=left]{animation:dx-drawer-slide-out-left var(--dx-motion-duration-base) var(--dx-motion-ease-in) forwards}@keyframes dx-drawer-slide-in-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes dx-drawer-slide-out-bottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes dx-drawer-slide-in-top{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes dx-drawer-slide-out-top{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes dx-drawer-slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes dx-drawer-slide-out-right{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes dx-drawer-slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes dx-drawer-slide-out-left{0%{transform:translate(0)}to{transform:translate(-100%)}}.dx-drawer-handle{width:var(--dx-space-9);height:var(--dx-space-1);border-radius:var(--dx-radius-full);margin:var(--dx-space-3) auto 0;background:var(--primary-color-7);-webkit-user-select:none;user-select:none;flex-shrink:0}.dx-drawer[data-side=bottom] .dx-drawer-handle,.dx-drawer[data-side=top] .dx-drawer-handle{touch-action:pan-x}.dx-drawer[data-side=right] .dx-drawer-handle,.dx-drawer[data-side=left] .dx-drawer-handle{touch-action:pan-y}.dx-drawer-header{padding:var(--dx-space-4);flex-direction:column;gap:.375rem;display:flex}.dx-drawer-footer{padding:var(--dx-space-4);gap:var(--dx-space-2);flex-direction:column;margin-top:auto;display:flex}.dx-drawer-title{color:var(--secondary-color-4);font-size:var(--dx-text-lg);margin:0;font-weight:600}.dx-drawer-description{color:var(--secondary-color-5);font-size:var(--dx-text-sm);margin:0}.dx-drawer-close:not([data-style]){padding:var(--dx-space-2) var(--dx-space-4);border:1px solid var(--light,var(--primary-color-6)) var(--dark,var(--primary-color-7));border-radius:var(--dx-radius-md);background-color:var(--light,var(--primary-color)) var(--dark,color-mix(in oklab, var(--primary-color-7) 30%, transparent));color:var(--secondary-color-4);cursor:pointer;font-size:var(--dx-text-sm);transition:background-color var(--dx-motion-duration-base) var(--dx-motion-ease), color var(--dx-motion-duration-base) var(--dx-motion-ease);font-weight:500}.dx-drawer-close:not([data-style]):hover{background-color:var(--light,var(--primary-color-5)) var(--dark,color-mix(in oklab, var(--primary-color-7) 50%, transparent));color:var(--secondary-color-1)}@media (prefers-reduced-motion:reduce){.dx-drawer-root,.dx-drawer{animation-duration:var(--dx-motion-duration-reduced)!important;transition-duration:var(--dx-motion-duration-reduced)!important}}