.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;padding:.75rem 1rem;display:flex}.right-drawer__title{margin:0;font-size:.8rem;font-weight:600}.right-drawer__close{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:3px;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{flex:1;overflow-y:auto}@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%)}}