.flyout-panel{position:fixed;right:-61rem;top:var(--navbar-height, 0);bottom:0;width:100%;max-width:50rem;min-width:40rem;z-index:var(--top-z-index);box-shadow:var(--box-shadow-x-small);overflow-y:auto;background:#fff;transition:max-width,right ease-in-out .25s;display:flex;flex-direction:column;align-items:stretch;justify-content:start}.flyout-panel.medium-flyout-panel{right:-60rem;max-width:60rem}.flyout-panel.fit-flyout-panel{width:fit-content;max-width:100rem}.flyout-panel.large-flyout-panel{right:-100rem;max-width:100rem;overflow-y:hidden}.flyout-panel.visible{right:0}.flyout-panel.visible .flyout-panel-top-nav{display:flex;justify-content:space-between}.flyout-panel footer button,.flyout-panel nav button{border:none;background:transparent}.flyout-panel .flyout-panel-header{min-height:8rem;padding:4rem 4rem 0;margin-bottom:4rem;display:flex;align-items:center}.flyout-panel .flyout-panel-header.flex{display:flex;align-items:center;justify-content:space-between;gap:1rem}.flyout-panel .flyout-panel-header.flex>.flex-1{flex:1}.flyout-panel .flyout-panel-header-deprecate{flex:1;overflow-y:auto;padding:0 4rem 4rem}.flyout-panel .flyout-panel-top-nav{position:relative;display:none;justify-content:space-between;align-items:center;margin-left:5px;height:4rem;margin-bottom:-4rem;top:2rem}.flyout-panel .flyout-panel-top-nav button{display:flex;align-items:center;justify-content:center;position:absolute;color:var(--gray-02);top:0}.flyout-panel .flyout-panel-footer{overflow:hidden;width:100%;background:#fff;border-top:solid 1px var(--gray-04);justify-content:flex-end}.flyout-panel .flyout-panel-card{margin-top:2rem;padding:2rem;background:#fff;border:1px solid var(--gray-04);border-radius:3px}.flyout-panel .flyout-panel-card:first-child{margin-top:0}.flyout-panel .flyout-panel-top-nav button[aria-label=close]{top:50%;right:4rem;transform:translateY(-.5rem)}.flyout-panel .flyout-panel-top-nav button[aria-label=back]{top:0;left:0}