.f-drawer{background-color:var(--color-background,#fff);height:100%;position:fixed;top:0;inset-inline:auto 0;width:var(--f-drawer-width,350px);-webkit-overflow-scrolling:touch;display:block;max-height:100vh;max-width:100vw;min-height:100vh;min-height:-moz-available;min-height:-webkit-fill-available;min-height:stretch;transform:translate3d(100%,0,0);transition:transform .55s cubic-bezier(.28,.28,.23,1);z-index:999}.f-drawer--left{inset-inline:0 auto;transform:translate3d(-100%,0,0)}[open] .f-drawer{transform:translateZ(0)}.f-drawer .bg-overlay{transition:all .3s}.f-drawer[open]{transform:translateZ(0)}.f-drawer__overlay{background:var(--color-overlay-bg,#000);height:100%;inset-inline:auto 100%;opacity:0;position:fixed;transition:visibility .45s ease-in-out,opacity .45s ease-in-out;visibility:hidden;width:100vw}[open] .f-drawer__overlay{opacity:calc(var(--color-overlay-alpha, 40) * 1%);visibility:visible}.f-drawer--left .f-drawer__overlay{inset-inline:100% auto}.f-drawer__content{display:flex;flex-flow:column;height:100%;min-height:100%;min-height:-moz-available;min-height:stretch;min-height:-webkit-fill-available;transition:all .25s cubic-bezier(.165,.84,.44,1) 0s}@media (max-width:breakpoint-max("sm")){.f-drawer__content{padding-bottom:5rem}}.f-drawer__scroller{flex-grow:1;overflow-x:hidden;overflow-y:auto;padding:2.4rem 3rem}.f-drawer__header{align-items:flex-start;display:flex;flex:0 0 auto;flex-flow:column;height:var(--f-drawer-header-height,60px);justify-content:center;padding:2.4rem 3rem 1.2rem;position:relative}.f-drawer__header-title{line-height:28px;margin:0}.f-drawer__header--no-padding{padding:0}.f-drawer__header--border-bottom{border-bottom:1px solid var(--color-border)}.f-drawer__footer{padding:1.6rem 3rem}.f-drawer__close{height:4.4rem!important;inset-block-start:1.4rem;inset-inline-end:1.6rem;padding:0!important;position:absolute!important;width:4.4rem;z-index:1}.f-drawer__close svg{height:2.2rem;width:2.2rem}drawer-opener{display:block;pointer-events:auto}drawer-opener>*{box-shadow:none!important}