.brand-card[data-v-2ab646da]{isolation:isolate;aspect-ratio:517/372;box-sizing:border-box;flex-direction:column;justify-content:flex-end;padding:20px;display:flex;position:relative;overflow:hidden}.brand-card[data-v-2ab646da]:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#0000 35.48%,#0000006b 100%);height:45%;position:absolute;inset:auto 0 0}.brand-card-main[data-v-2ab646da]{border:1px solid #0000;transition:border-color .3s}.brand-card-list[data-v-2ab646da]:after{opacity:0;transition:opacity .3s}.brand-card .brand-image[data-v-2ab646da]{z-index:-2;object-fit:cover;pointer-events:none;filter:blur();width:100%;height:100%;transition:filter .3s;position:absolute;inset:0}.brand-card .brand-basic[data-v-2ab646da]{transition:opacity .5s ease-in-out}.brand-card .brand-basic .brand-title[data-v-2ab646da]{font-size:var(--font-size-20);font-weight:var(--font-weight-600);line-height:var(--line-height-150);color:var(--white-color);margin-bottom:4px}.brand-card .brand-basic p[data-v-2ab646da]{font-size:var(--font-size-15);font-weight:var(--font-weight-400);line-height:var(--line-height-130);color:var(--black-color-20);white-space:pre-line}.brand-card .brand-hover[data-v-2ab646da]{opacity:0;color:var(--white-color);transition:opacity .5s ease-in-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.brand-card .brand-hover .brand-logo[data-v-2ab646da]{width:fit-content;max-height:40px;margin:0 auto 30px;display:block}.brand-card .brand-hover .brand-logo img[data-v-2ab646da]{max-width:160px;max-height:45px;display:block}.brand-card .brand-hover .brand-name[data-v-2ab646da]{border:1px solid var(--white-color);color:var(--white-color);border-radius:20px;justify-content:center;align-items:center;column-gap:4px;padding:11px 34px;display:flex}.brand-card .brand-hover .brand-name small[data-v-2ab646da]{font-size:var(--font-size-16);font-weight:var(--font-weight-600)}.brand-card .brand-hover .brand-name svg[data-v-2ab646da]{width:16px;height:16px}@media (hover:hover) and (pointer:fine){.brand-card:hover .brand-image[data-v-2ab646da]{filter:blur(2px)}.brand-card:hover .brand-basic[data-v-2ab646da]{opacity:0}.brand-card:hover .brand-hover[data-v-2ab646da]{opacity:1}.brand-card-main[data-v-2ab646da]:hover{border-color:var(--white-color)}.brand-card-list[data-v-2ab646da]:hover:after{opacity:1}}@media screen and (width<=1024px){.brand-card-main[data-v-2ab646da]{padding:12px}.brand-card-main[data-v-2ab646da]:after{height:73.91%}.brand-card-main .brand-basic .brand-title[data-v-2ab646da]{font-size:var(--font-size-15);margin-bottom:0}.brand-card-main .brand-basic p[data-v-2ab646da]{font-size:var(--font-size-13)}}@media screen and (width<=1024px) and (hover:none){.brand-card .brand-hover[data-v-2ab646da]{display:none}}