.ftd-drawer__background_wrapper:has(ftd-drawer[open]){background-color:#0000004d;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:9998}ftd-drawer{background-color:rgb(var(--color-background));border-color:rgba(var(--color-foreground),var(--drawer-border-opacity));border-style:solid;border-width:0 0 0 var(--drawer-border-width);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)));height:100%;opacity:0;overflow-y:auto;padding:2rem;position:fixed;right:0;top:0;transform:translateX(100%);transition:opacity var(--duration-default) ease,transform var(--duration-default) ease;width:100%;z-index:4}ftd-drawer[open]{opacity:1;transform:translateX(0);z-index:9999}@media only screen and (max-width:801px){ftd-drawer{padding:.5rem}}@media screen and (min-width:750px){ftd-drawer{transform:translateX(100%);width:42rem}ftd-drawer[open]{animation:animateDrawerOpen var(--duration-default) ease;opacity:1;transform:translateX(0)}}@keyframes animateDrawerOpen{@media screen and (max-width:749px){0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media screen and (min-width:750px){0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}}