.kit-drawer{z-index:var(--z-drawer,60);background:#100f0c61;justify-content:flex-end;display:flex;position:fixed;inset:0}.kit-drawer__panel{background:var(--kit-surface,#fff);border-inline-start:1px solid var(--kit-line,#100f0c12);max-width:100vw;height:100%;box-shadow:var(--kit-shadow-xl,0 25px 50px -12px #00000040);font:400 14px/20px var(--kit-font,"Inter",ui-sans-serif,system-ui,sans-serif);color:var(--kit-ink,#100f0c);flex-direction:column;display:flex}.kit-drawer__panel:focus{outline:none}.kit-drawer__panel:focus-visible{box-shadow:var(--kit-ring,0 0 0 2px #fff,0 0 0 4px var(--kit-accent,var(--theme-700,#0f766e)));outline:none}.kit-drawer__header{border-bottom:1px solid var(--kit-line,#100f0c12);justify-content:space-between;align-items:center;gap:12px;min-height:60px;padding:12px 20px;display:flex}.kit-drawer__title{min-width:0;font:600 16px/24px var(--kit-font,"Inter",ui-sans-serif,system-ui,sans-serif);color:var(--kit-ink,#100f0c);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.kit-drawer__close{border:1px solid var(--kit-line,#100f0c12);border-radius:var(--kit-r-lg,8px);background:var(--kit-surface,#fff);width:36px;height:36px;color:var(--kit-ink-2,#565653);cursor:pointer;flex:none;justify-content:center;align-items:center;display:inline-flex}.kit-drawer__close:hover{background:var(--kit-hover,#100f0c0d);color:var(--kit-ink,#100f0c)}.kit-drawer__close:focus-visible{box-shadow:var(--kit-ring,0 0 0 2px #fff,0 0 0 4px var(--kit-accent,var(--theme-700,#0f766e)));outline:none}.kit-drawer__body{flex:auto;min-height:0;padding:20px;overflow:auto}.kit-drawer__footer{border-top:1px solid var(--kit-line,#100f0c12);justify-content:flex-end;gap:8px;padding:12px 20px;display:flex}@media (width<=639px){.kit-drawer__panel{width:100vw!important}.kit-drawer__header,.kit-drawer__body,.kit-drawer__footer{padding-inline:16px}}