.main-wrapper[data-v-56b9a6e9]{aspect-ratio:5/7;background:#f5f5f5cc;border-radius:.2rem;box-shadow:0 3px 8px #0000003d;cursor:pointer;position:relative;width:8rem}.main-wrapper>.second-wrapper[data-v-56b9a6e9]{border-radius:.2rem;height:100%;overflow:hidden;position:relative;width:100%}.main-wrapper>.second-wrapper>.banner-container[data-v-56b9a6e9]{height:100%;left:0;position:absolute;top:0;width:100%}.main-wrapper>.second-wrapper>.banner-container>.banner-img[data-v-56b9a6e9]{background-color:#fff;clip-path:polygon(0 0,100% 0,100% 0,0 0);left:50%;min-width:300%;position:absolute;transform:translate(-50%);transition:clip-path 0s 1.5s;width:auto;z-index:1}.main-wrapper>.second-wrapper>.banner-container>.banner-img.active[data-v-56b9a6e9]{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transition:clip-path 1.5s ease-in-out 0s;z-index:2}.main-wrapper>.second-wrapper>.element[data-v-56b9a6e9]{align-items:center;border-radius:.2rem;bottom:calc(17% + 3px);display:flex;height:1.6rem;justify-content:center;left:3px;position:absolute;width:1.6rem;z-index:10}.main-wrapper>.second-wrapper>.class[data-v-56b9a6e9]{align-items:center;background-color:#272727;border-radius:.2rem;display:flex;height:1.6rem;justify-content:center;left:3px;position:absolute;top:3px;width:1.6rem;z-index:10}.main-wrapper>.second-wrapper>.weapon[data-v-56b9a6e9]{align-items:center;background-color:#272727;border-radius:.2rem;display:flex;height:1.6rem;justify-content:center;position:absolute;right:3px;top:3px;width:1.6rem;z-index:10}.main-wrapper>.second-wrapper>.name[data-v-56b9a6e9]{align-items:center;background-color:#fff;bottom:4%;color:#000!important;display:flex;font-size:100%;height:13%;justify-content:center;left:0;position:absolute;white-space:nowrap;width:100%}.main-wrapper>.second-wrapper>.rarity[data-v-56b9a6e9]{bottom:0;height:4%;left:0;position:absolute;width:100%}.main-wrapper>.second-wrapper>.rarity.rarity-4[data-v-56b9a6e9]{background-color:#9451f8}.main-wrapper>.second-wrapper>.rarity.rarity-5[data-v-56b9a6e9]{background-color:#ffba03}.main-wrapper>.second-wrapper>.rarity.rarity-6[data-v-56b9a6e9]{background-color:#ff7000}.main-wrapper span[data-v-56b9a6e9]:after,.main-wrapper span[data-v-56b9a6e9]:before,.main-wrapper[data-v-56b9a6e9]:after,.main-wrapper[data-v-56b9a6e9]:before{border:3px solid #272727;content:"";filter:drop-shadow(0 0 2px rgba(0,0,0,.5));height:15px;opacity:0;position:absolute;transition:opacity .2s ease-in-out,transform .2s ease-in-out;width:15px}.dark .main-wrapper span[data-v-56b9a6e9]:after,.dark .main-wrapper span[data-v-56b9a6e9]:before,.dark .main-wrapper[data-v-56b9a6e9]:after,.dark .main-wrapper[data-v-56b9a6e9]:before{border-color:#fff;filter:drop-shadow(0 0 2px rgba(255,255,255,.5))}.main-wrapper[data-v-56b9a6e9]:before{border-bottom:none;border-right:none;left:-8px;top:-8px}.main-wrapper[data-v-56b9a6e9]:after{border-bottom:none;border-left:none;right:-8px;top:-8px}.main-wrapper span[data-v-56b9a6e9]:before{border-right:none;border-top:none;bottom:-8px;left:-8px}.main-wrapper span[data-v-56b9a6e9]:after{border-left:none;border-top:none;bottom:-8px;right:-8px}.main-wrapper:hover span[data-v-56b9a6e9]:after,.main-wrapper:hover span[data-v-56b9a6e9]:before,.main-wrapper[data-v-56b9a6e9]:hover:after,.main-wrapper[data-v-56b9a6e9]:hover:before{opacity:1;transform:scale(1)}.main-wrapper span[data-v-56b9a6e9]:after,.main-wrapper span[data-v-56b9a6e9]:before,.main-wrapper[data-v-56b9a6e9]:after,.main-wrapper[data-v-56b9a6e9]:before{transform:scale(.8)}