.right-drawer__backdrop{z-index:400;background:#00000073;justify-content:flex-end;animation:.15s ease-out backwards right-drawer-fade-in;display:flex;position:absolute;inset:0}.right-drawer__backdrop--closing{animation:.18s ease-in forwards right-drawer-fade-out}.right-drawer__content{background:var(--color-bg-primary);border-left:1px solid var(--color-border);box-shadow:var(--shadow-lg);outline:none;flex-direction:row;height:100%;animation:.2s ease-out backwards right-drawer-slide-in;display:flex}.right-drawer__content--closing{animation:.18s ease-in forwards right-drawer-slide-out}.right-drawer__content--sm{width:360px;max-width:100%}.right-drawer__content--md{width:560px;max-width:100%}.right-drawer__content--lg{width:800px;max-width:100%}.right-drawer__content--xl{width:1100px;max-width:100%}.right-drawer__inner{flex-direction:column;flex:1;min-width:0;height:100%;display:flex}.right-drawer__header{border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.right-drawer__header-left{flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.right-drawer__header-right{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.right-drawer__nav{flex-shrink:0;align-items:center;gap:.25rem;display:flex}.right-drawer__nav-counter{color:var(--color-text-secondary);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.75rem}.right-drawer__badge,.right-drawer__title-extra,.right-drawer__header-actions{flex-shrink:0;align-items:center;gap:.25rem;display:inline-flex}.right-drawer__title{white-space:nowrap;text-overflow:ellipsis;min-width:0;margin:0;font-size:.8rem;font-weight:600;overflow:hidden}.right-drawer__timestamp{color:var(--color-text-secondary);white-space:nowrap;flex-shrink:0;font-size:.75rem}.right-drawer__close{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;padding:.25rem;display:flex}.right-drawer__close:hover{color:var(--color-text);background:var(--color-bg-hover)}.right-drawer__body{background:var(--color-bg);flex:1;min-height:0}.right-drawer__body--flow{overflow-y:auto}.right-drawer__body--framed{flex-direction:column;display:flex;overflow:hidden}@keyframes right-drawer-fade-in{0%{opacity:0}to{opacity:1}}@keyframes right-drawer-fade-out{0%{opacity:1}to{opacity:0}}@keyframes right-drawer-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes right-drawer-slide-out{0%{transform:translate(0)}to{transform:translate(100%)}}