.f\:drawer{position:fixed;width:var(--f-drawer-width, 350px);top:0;right:0;height:100%;background-color:#fff;-webkit-overflow-scrolling:touch;transition:transform .45s cubic-bezier(0.7, 0, 0.2, 1);transform:translate3d(100%, 0, 0);max-height:100vh;max-width:calc(100vw - 50px);z-index:999;min-height:100vh;min-height:-moz-available;min-height:-webkit-fill-available;min-height:fill-available;display:block}.f\:drawer--left{right:auto;left:0;transform:translate3d(-100%, 0, 0)}[open] .f\:drawer{transform:translate3d(0, 0, 0)}.f\:drawer[open]{transform:translate3d(0, 0, 0)}.f\:drawer__overlay{position:fixed;background:var(--color-overlay-bg, #000);opacity:0;top:0;width:100vw;height:100%;visibility:hidden;right:100%;transition:visibility .45s ease-in-out,opacity .45s ease-in-out}[open] .f\:drawer__overlay{opacity:calc(var(--color-overlay-alpha, 40)*1%);visibility:visible;display:block}.f\:drawer--left .f\:drawer__overlay{right:auto;left:100%}.f\:drawer__content{display:flex;flex-flow:column;height:100%;min-height:100%;min-height:fill-available;min-height:-webkit-fill-available;transition:all .25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s}.f\:drawer__scroller{padding:24px 30px;overflow-x:hidden;overflow-y:auto;flex-grow:1}.f\:drawer__header{position:relative;height:var(--f-drawer-header-height, 60px);display:flex;flex-flow:column;align-items:flex-start;justify-content:center;flex:0 0 auto;padding:20px 30px;border-bottom:1px solid var(--f-gs-border-color)}.f\:drawer__header h2,.f\:drawer__header-title{margin:0;line-height:28px}.f\:drawer__footer{padding:16px 30px;border-top:1px solid var(--f-gs-border-color)}.f\:drawer__close{position:absolute;right:12px;top:8px;z-index:1;width:44px;height:44px !important;padding:0 !important;outline:none;box-shadow:none;border:none;background:none;cursor:pointer}.f\:drawer__close svg{width:22px;height:22px}f-drawer-opener{display:block;pointer-events:auto}f-drawer-opener>*{box-shadow:none !important}