static-content-drawer{height:100%;opacity:0;overflow-y:auto;padding:1.2rem 1.2rem 8rem;position:fixed;top:0;right:0;z-index:4;transition:opacity var(--duration-default) ease,transform var(--duration-default) ease;transform:translate(100%);width:100%;filter:drop-shadow(var(--drawer-shadow-horizontal-offset) var(--drawer-shadow-vertical-offset) var(--drawer-shadow-blur-radius) rgba(var(--color-shadow),var(--drawer-shadow-opacity)))}static-content-drawer[open]{transform:translate(0);opacity:1}@media screen and (min-width: 750px){static-content-drawer{transform:translate(100%);padding:1.2rem 2rem 10rem 3.6rem;width:calc(40% + var(--grid-desktop-horizontal-spacing) / 2 + 2.5rem);height:revert;max-height:calc(100% - 8rem)}static-content-drawer[open]{opacity:1;transform:translate(0);animation:animateDrawerOpen var(--duration-default) ease}}.static-content-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.2rem}.static-content-drawer-title{margin:.5rem 0 0}.static-content-drawer-button{background-color:transparent;border:none;color:rgb(var(--color-foreground));cursor:pointer;display:block;height:4.4rem;padding:1.2rem;width:4.4rem}.static-content-drawer-button:hover{color:rgba(var(--color-foreground),.75)}@keyframes animateDrawerOpen{@media screen and (max-width: 749px) {0% {opacity: 0; transform: translateX(100%);} 100% {opacity: 1; transform: translateX(0);}} @media screen and (min-width: 750px) {0% {opacity: 0; transform: translateX(100%);} 100% {opacity: 1; transform: translateX(0);}}}