#root{width:100%;max-width:896px;box-sizing:border-box;min-height:700px;max-height:700px;height:700px;margin-left:auto;margin-right:auto;overflow:auto;padding:8px}@media (max-width: 896px){#root{font-size:14px}.vkuiPanel,.vkuiSplitCol__in,.vkuiSplitLayout__col{padding:6px!important}}.vkuiTabbarItem:hover{opacity:.9}@media (min-width: 700px){.vkuiTabbar__item>svg,.vkuiTabbarItem__icon{width:20px!important;height:20px!important}}.kto-fixed{box-sizing:border-box;max-width:896px}.scenario-card{transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s cubic-bezier(.2,.8,.2,1),background-color .16s;will-change:transform,box-shadow;transform-origin:center;outline:none}.scenario-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px #10182814}.scenario-card:active{transform:translateY(-2px) scale(.997)}.scenario-card:focus{box-shadow:0 0 0 3px #0077ff1f}.scenario-card.selected{border:1px solid var(--vkui--color_accent, #0077FF);background:#0077ff0a}.scenario-card .scenario-icon{transition:transform .22s cubic-bezier(.2,.8,.2,1)}.scenario-card:hover .scenario-icon{transform:scale(1.08)}