.DrawerTitle{min-height:57px;display:flex;justify-content:space-between;align-items:center;padding:10px}.DrawerTitle--top{border-top:10px solid #f1f3f7}.DrawerTitle--bottom,.DrawerTitle--left,.DrawerTitle--right{border-bottom:10px solid #f1f3f7}.DrawerTitle__text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:40px;overflow:hidden;text-transform:uppercase;line-height:20px;font-size:16px;font-weight:700;color:#2c2c2c}.DrawerTitle__btn{flex:0 0 38px;cursor:pointer;width:38px;height:28px;margin:0 -10px 0 0;padding:0;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2020%2020'%3e%3cpath%20fill='%23949a9d'%20d='M13%2010l6.4-6.4c.8-.8.8-2.2%200-3-.8-.8-2.2-.8-3%200L10%207%203.6.6c-.8-.8-2.2-.8-3%200-.8.8-.8%202.2%200%203L7%2010%20.6%2016.4c-.8.8-.8%202.2%200%203%20.8.8%202.2.8%203%200L10%2013l6.4%206.4c.8.8%202.2.8%203%200%20.8-.8.8-2.2%200-3L13%2010z'/%3e%3c/svg%3e") no-repeat center/18px 18px;border:none}.MainDrawer,.MainDrawer__background{position:fixed;width:100%;height:100%;background:#2c2c2c80;z-index:40000}.MainDrawer{background:#2c2c2c;display:flex;flex-direction:column;box-shadow:0 0 20px #2c2c2c40}.MainDrawer.transition{transition:transform .3s}.MainDrawer--top,.MainDrawer--bottom{height:calc(100% - 300px)}@media screen and (min-width: 641px){.MainDrawer--top,.MainDrawer--bottom{height:50%}}.MainDrawer--left,.MainDrawer--right{width:calc(100% - 100px)}@media screen and (min-width: 641px){.MainDrawer--left,.MainDrawer--right{width:calc(100% - 50px)}}.MainDrawer--disabled-mobile-handle.Drawer--top,.MainDrawer--disabled-mobile-handle.Drawer--bottom{height:calc(100% - 400px)}.MainDrawer--disabled-mobile-handle.Drawer--left,.MainDrawer--disabled-mobile-handle.Drawer--right{width:100%}.MainDrawer--top{top:0;left:0;flex-direction:column-reverse}.MainDrawer--bottom{bottom:0;left:0}.MainDrawer--left{top:0;left:0}.MainDrawer--right{top:0;right:0}@media screen and (min-width: 641px){.MainDrawer:after{content:"";position:absolute;width:60px;height:7px;border-radius:3px;background:#2c2c2c}.MainDrawer.Drawer--disabled-mobile-handle:after{display:none}.MainDrawer--top{box-shadow:0 10px 30px #2c2c2c40}.MainDrawer--top:after{bottom:-10px;left:50%;transform:translate(-50%,100%)}.MainDrawer--bottom{box-shadow:0 -10px 30px #2c2c2c40}.MainDrawer--bottom:after{top:-10px;left:50%;transform:translate(-50%,-100%)}.MainDrawer--left:after,.MainDrawer--right:after{width:7px;height:60px}.MainDrawer--left{box-shadow:10px 0 30px #2c2c2c40}.MainDrawer--left:after{top:50%;right:-10px;transform:translate(100%,-50%)}.MainDrawer--right{box-shadow:-10px 0 30px #2c2c2c40}.MainDrawer--right:after{top:50%;left:-10px;transform:translate(-100%,-50%)}}.MainDrawer__background{bottom:0;left:0}.MainDrawer__body{flex:1 1 1px;height:1px;overflow:hidden}