.offcanvas-action-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem;border-radius:.75rem;background:transparent;transition:background .2s}.offcanvas-action-btn:hover{background:rgba(255,255,255,.25)}.offcanvas-action-btn:disabled{opacity:.5;pointer-events:none}.offcanvas-btn-icon{width:30px;height:30px}.offcanvas-arrow-bg{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#F5F3F033;border-radius:9999px;padding:.25rem}.offcanvas-arrow-img{height:8px;width:6px}.animate-slideUp{animation:slideUp .3s cubic-bezier(.4,0,.2,1)}.animate-slideDown{animation:slideDown .3s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}