.u-drawer{position:fixed;inset:0;z-index:70;display:flex;justify-content:flex-end;padding:8px}@media(min-width:768px){.u-drawer{padding:16px}}.u-drawer--left{justify-content:flex-start}.u-drawer__scrim{position:absolute;inset:0;background:rgba(23,21,18,.32);animation:u-fade .2s cubic-bezier(.2,.7,.2,1)}.u-drawer__panel{position:relative;width:100%;height:100%;display:flex;flex-direction:column;background:var(--bg-surface);border-radius:32px;box-shadow:0 4px 8px -2px rgba(23,21,18,.08),0 24px 48px -12px rgba(23,21,18,.14);overflow:hidden;animation:u-slide-in .32s cubic-bezier(.2,.7,.2,1)}.u-drawer--left .u-drawer__panel{animation-name:u-slide-in-left}.u-drawer__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:24px 24px 16px}.u-drawer__title{font-family:var(--font-ui);font-weight:600;font-size:22px;line-height:28px;letter-spacing:-.4px}.u-drawer__subtitle{font-family:var(--font-ui);font-weight:400;font-size:14px;line-height:20px;color:var(--text-secondary);margin-top:4px}.u-drawer__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;width:36px;height:36px;border-radius:50%;flex:none;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-sunken);color:var(--text-secondary)}.u-drawer__close:hover{color:var(--text-primary)}.u-drawer__body{flex:1 1;overflow-y:auto;padding:0 24px 24px}.u-drawer__footer{display:flex;gap:10px;padding:16px 24px 24px;border-top:1px solid var(--border-default)}@keyframes u-slide-in{0%{transform:translateX(24px);opacity:0}to{transform:none;opacity:1}}@keyframes u-slide-in-left{0%{transform:translateX(-24px);opacity:0}to{transform:none;opacity:1}}@keyframes u-fade{0%{opacity:0}to{opacity:1}}