.aside-panel{box-sizing:border-box;z-index:1000;height:100%;transition:all .3s ease-out;position:fixed;left:0;transform:translate(0)}.aside-panel.right{left:auto;right:0;transform:translate(0)}.aside-panel.right.closed{opacity:0;transform:translate(100%)}.aside-panel.closed{opacity:0;transform:translate(-100%)}.aside-panel.full-screen{top:0}.overlay{visibility:hidden;opacity:0;z-index:999;background-color:#00000080;width:100%;height:100%;transition:visibility,opacity .3s;position:fixed;top:0;left:0}.overlay.open{visibility:visible;opacity:1000}.beewise-toggle{align-items:center;gap:12px;display:flex}.beewise-toggle .switch{cursor:pointer;background-color:#bdbdbd;border-radius:20px;width:40px;height:20px;transition:all .3s;display:inline-block;position:relative}.beewise-toggle .switch:after{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;top:1px;left:1px}.beewise-toggle .checkbox:checked+.switch:after{left:20px}.beewise-toggle .checkbox:checked+.switch{background-color:#4392f1}.beewise-toggle .checkbox:disabled+.switch{background-color:#bdbdbd}.beewise-toggle .checkbox{display:none}.white-box{background-color:#fff;border-radius:8px}.card{box-sizing:border-box;cursor:pointer;border:1px solid #0000;padding:12px;transition:all .1s ease-in-out;display:flex}.card--white{color:#000;background-color:#fff}.card--bordered.card--white{border-color:#0000}.card--gray{color:#000;background-color:#eef0f5}.card--bordered.card--gray{border-color:#eef0f5}.card--blue{color:#00a3ff;background-color:#ecf4fe}.card--bordered.card--blue{border-color:#bbd8fa}.card--radius-sm{border-radius:8px}.card--radius-md{border-radius:12px}.card--radius-lg{border-radius:16px}