.filter[data-v-ffb9dba2]{padding:20px 20px 0 20px}.types[data-v-ffb9dba2]{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;padding:20px}.is-my .types[data-v-ffb9dba2]{grid-template-columns:1fr 1fr 1fr 1fr;padding:0 20px 20px 20px}.is-my.is-mobile .types[data-v-ffb9dba2]{grid-template-columns:1fr 1fr 1fr;grid-gap:10px}.type-icon[data-v-ffb9dba2]{font-size:48px;width:100%;height:96px;line-height:96px;text-align:center;border-radius:10px;cursor:pointer;color:#fff;background-color:hsla(0,0%,100%,.15)}.is-my .type-icon[data-v-ffb9dba2]{border:1px solid #eee;border-radius:10px;color:#666}.type-icon[data-v-ffb9dba2]:hover{border-color:#ccc}.type-name[data-v-ffb9dba2]{font-size:14px;font-weight:500;color:#fff;text-align:center;margin-top:10px}.is-my .type-name[data-v-ffb9dba2]{color:#343434}.is-my.is-mobile .type-name[data-v-ffb9dba2]{font-size:12px}