.wrapper[data-v-77ebc3a7]{display:grid;grid-template-areas:"c c" "f v";grid-template-rows:auto 1fr;grid-template-columns:auto 1fr;gap:15px;height:calc(100% - 63px);width:100%;padding:15px;-webkit-box-sizing:border-box;box-sizing:border-box}.wrapper .heading[data-v-77ebc3a7]{-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:12px;margin-block-end:12px}.wrapper .sub[data-v-77ebc3a7]{margin-bottom:12px}.wrapper .client-group[data-v-77ebc3a7]{grid-area:c}.wrapper .favorite-variant-characters[data-v-77ebc3a7]{display:grid;grid-template-rows:auto 1fr;grid-template-columns:1fr;grid-area:f;height:100%;position:relative;overflow:hidden}.wrapper .favorite-variant-characters .list[data-v-77ebc3a7]{height:100%;width:360px;position:relative;border:1px solid #b0b0b0;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.wrapper .favorite-variant-characters .list .cover[data-v-77ebc3a7]{height:100%;width:360px;position:absolute}.wrapper .favorite-variant-characters .list .items[data-v-77ebc3a7]{height:100%;width:360px;position:relative;overflow-y:scroll}.wrapper .favorite-variant-characters .list .items .no-item[data-v-77ebc3a7]{height:100%;width:100%}.wrapper .favorite-variant-characters .list .items .item[data-v-77ebc3a7]{padding:8px 8px 12px 12px;-webkit-box-sizing:border-box;box-sizing:border-box}.wrapper .favorite-variant-characters .list .items .item .label[data-v-77ebc3a7]{margin-bottom:12px;font-size:18px}.wrapper .favorite-variant-characters .list .items .item .character-image[data-v-77ebc3a7]{padding:5px;border:1px solid #b0b0b0}.wrapper .favorite-variant-characters .list .items .item .character-image .invert[data-v-77ebc3a7]{-webkit-filter:invert(1);filter:invert(1)}.wrapper .favorite-variant-characters .list .items .item+.item[data-v-77ebc3a7]{border-top:1px dashed #b0b0b0}.wrapper .variant-characters[data-v-77ebc3a7]{display:grid;grid-template-rows:auto 1fr;grid-template-columns:1fr;grid-area:v;height:100%;position:relative;overflow:hidden}.wrapper .variant-characters .registration[data-v-77ebc3a7]{display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:1fr;position:relative;height:100%;border:1px solid #b0b0b0;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.wrapper .variant-characters .registration .search[data-v-77ebc3a7]{padding:12px;border-bottom:1px solid #b0b0b0;background-color:#f1f1f1}.wrapper .variant-characters .registration .list[data-v-77ebc3a7]{height:100%;padding:12px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow-y:scroll}.wrapper .variant-characters .registration .list .no-list[data-v-77ebc3a7]{height:100%;width:100%}.wrapper .variant-characters .registration .list .characters[data-v-77ebc3a7]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:12px}.wrapper .variant-characters .registration .list .characters .character[data-v-77ebc3a7]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:108px;width:108px;background-color:grey;border:5px solid #fff;-webkit-box-sizing:content-box;box-sizing:content-box}.wrapper .variant-characters .registration .list .characters .character.active[data-v-77ebc3a7]{border-color:#66b1ff}.wrapper .variant-characters .registration .list .characters .character img[data-v-77ebc3a7]{height:108px;width:108px;border:1px solid #fff;-webkit-box-sizing:border-box;box-sizing:border-box}.wrapper .variant-characters .registration .actions[data-v-77ebc3a7]{padding:12px;border-top:1px solid #b0b0b0;background-color:#fff}