.f-drawer__main .drawer-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.f-drawer__main .drawer-overlay.active{opacity:1;visibility:visible}.f-drawer__main .drawer{position:fixed;top:0;right:-450px;max-width:450px;height:100%;background-color:#fffcf1;box-shadow:-2px 0 10px #0000001a;z-index:1001;transition:right .3s ease-in-out;overflow-y:auto;width:100%;border-left:1px solid #eee}.f-drawer__main .drawer.active{right:0}.f-drawer__main .drawer-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #eee;background-color:#3c4433;position:absolute;right:0;border-left:1px solid #eee}.f-drawer__main .drawer-title{font-size:1.2rem;font-weight:700;color:#000}.f-drawer__main .close-btn{background:none;border:none;font-size:35px;cursor:pointer;color:#fff;padding:5px 0 3px;border-radius:3px;transition:transform .3s,color .3s;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.f-drawer__main .close-btn:hover{transform:rotate(360deg)}
/*# sourceMappingURL=/cdn/shop/t/45/assets/drawer.css.map */