.filter[data-v-7f0a03ce]{margin-bottom:20px}.types[data-v-7f0a03ce]{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:20px}.is-mobile .types[data-v-7f0a03ce]{grid-template-columns:1fr 1fr 1fr;grid-gap:10px}.type[data-v-7f0a03ce]{cursor:pointer;padding:10px;border-radius:10px;border:1px solid #eee;transition:background-color .1s linear,border-color .1s linear,color .1s linear}.type[data-v-7f0a03ce]:hover{border-color:#ccc}.type.is-selected[data-v-7f0a03ce]{background-color:#4082d3;border-color:#4082d3}.type-icon[data-v-7f0a03ce]{font-size:48px;width:100%;height:96px;line-height:96px;text-align:center;color:#666}.type.is-selected .type-icon[data-v-7f0a03ce]{color:#fff}.type-name[data-v-7f0a03ce]{font-size:14px;font-weight:500;color:#343434;text-align:center;margin-top:10px}.type.is-selected .type-name[data-v-7f0a03ce]{color:#fff}.is-mobile .type-name[data-v-7f0a03ce]{font-size:12px}