.ginga-drawer-overlay{z-index:100;background-color:#00000080;width:100%;height:100%;position:fixed;top:0;left:0}.ginga-drawer-overlay[data-entering]{animation:.2s ease-out ginga-drawer-fade}.ginga-drawer-overlay[data-exiting]{animation:.2s ease-in reverse ginga-drawer-fade}.ginga-drawer-overlay .ginga-drawer{background-color:var(--color-background);display:flex;position:absolute;box-shadow:0 .25rem .375rem -.125rem #0000001a,0 .125rem .25rem -.125rem #0000000f}.ginga-drawer-overlay[data-placement=left] .ginga-drawer{width:20rem;max-width:90vw;height:100%;top:0;left:0}.ginga-drawer-overlay[data-placement=left] .ginga-drawer[data-entering]{animation:.2s ease-out ginga-drawer-slide-left}.ginga-drawer-overlay[data-placement=left] .ginga-drawer[data-exiting]{animation:.2s ease-in reverse ginga-drawer-slide-left}.ginga-drawer-overlay[data-placement=right] .ginga-drawer{width:20rem;max-width:90vw;height:100%;top:0;right:0}.ginga-drawer-overlay[data-placement=right] .ginga-drawer[data-entering]{animation:.2s ease-out ginga-drawer-slide-right}.ginga-drawer-overlay[data-placement=right] .ginga-drawer[data-exiting]{animation:.2s ease-in reverse ginga-drawer-slide-right}.ginga-drawer-overlay[data-placement=top] .ginga-drawer{width:100%;height:16rem;max-height:90vh;top:0;left:0}.ginga-drawer-overlay[data-placement=top] .ginga-drawer[data-entering]{animation:.2s ease-out ginga-drawer-slide-top}.ginga-drawer-overlay[data-placement=top] .ginga-drawer[data-exiting]{animation:.2s ease-in reverse ginga-drawer-slide-top}.ginga-drawer-overlay[data-placement=bottom] .ginga-drawer{width:100%;height:16rem;max-height:90vh;bottom:0;left:0}.ginga-drawer-overlay[data-placement=bottom] .ginga-drawer[data-entering]{animation:.2s ease-out ginga-drawer-slide-bottom}.ginga-drawer-overlay[data-placement=bottom] .ginga-drawer[data-exiting]{animation:.2s ease-in reverse ginga-drawer-slide-bottom}.ginga-drawer-content{font-family:var(--font-family);color:var(--color-secondary-9);outline:none;flex:1;padding:1.5rem;overflow-y:auto}.ginga-drawer-title{font-family:var(--font-family);margin-bottom:1rem;font-size:1.5rem;font-weight:700}@keyframes ginga-drawer-fade{0%{opacity:0}to{opacity:1}}@keyframes ginga-drawer-slide-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes ginga-drawer-slide-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes ginga-drawer-slide-top{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes ginga-drawer-slide-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}