.scopes[data-v-7c70f9a9]{background-color:#fff}.scopes[data-v-7c70f9a9] .body{display:grid;padding:20px!important;grid-template-columns:repeat(auto-fill,minmax(100px,128px));grid-template-rows:128px;grid-gap:10px}.is-mobile .scopes[data-v-7c70f9a9]{grid-template-columns:1fr 1fr}.scopes-item[data-v-7c70f9a9]{height:128px;display:flex;grid-template-columns:repeat(auto-fill,128px);border-radius:10px;background-color:#4d5b6e;color:#fff;padding:10px;cursor:pointer;transition:all .1s linear}.scopes-item[data-v-7c70f9a9]:first-of-type{background-color:#61a076}.scopes-item[data-v-7c70f9a9]:nth-of-type(2){background-color:#7b6a90}.scopes-item[data-v-7c70f9a9]:nth-of-type(3){background-color:#e09451}.scopes-item[data-v-7c70f9a9]:nth-of-type(4){background-color:#518ee0}.scopes-item[data-v-7c70f9a9]:nth-of-type(5){background-color:#df7474}.scopes-item[data-v-7c70f9a9]:nth-of-type(6){background-color:#b77552}.is-desktop .scopes-item[data-v-7c70f9a9]:hover{transform:scale(1.05)}.scopes-item-icon[data-v-7c70f9a9]{font-size:40px;position:absolute;left:50%;top:32px;transform:translateX(-50%)}.scopes-item-icon[data-v-7c70f9a9] i{--fa-primary-color:#fff;--fa-secondary-color:#fff;--fa-secondary-opacity:1}.scopes-item-text[data-v-7c70f9a9]{font-weight:500;position:absolute;top:86px;font-size:14px;line-height:16px;padding:0 10px;left:0;width:100%;text-align:center}