@keyframes skeleton-loading{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.commerce-topbanner{width:100%;margin-top:calc(var(--header-height)*-1)}.commerce-topbanner,.commerce-topbanner__image,.commerce-topbanner__item{display:block;position:relative}.commerce-topbanner__image{width:100%;aspect-ratio:375/420}.commerce-topbanner__image:after{display:block;position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;content:""}.commerce-topbanner__image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.commerce-topbanner .swiper-pagination.swiper-pagination-bullets{display:flex;overflow:hidden;position:absolute;bottom:1.2rem;left:50%;align-items:center;justify-content:center;width:auto;border-radius:.1rem;transform:translateX(-50%)}.commerce-topbanner .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet{font-size:1.6rem;font-weight:400;line-height:1.4;letter-spacing:-.02rem;width:1.6rem;height:.2rem;margin:0;border-radius:0;background-color:#e5e5e8;color:var(--colors-text1);opacity:1}.commerce-topbanner .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active{font-size:1.6rem;font-weight:500;line-height:1.4;letter-spacing:-.02rem;border-radius:1px;background-color:#151515;color:var(--colors-text1)}.skeleton.commerce-topbanner .commerce-topbanner__image{background-color:var(--colors-background2);overflow:hidden;position:relative}.skeleton.commerce-topbanner .commerce-topbanner__image:after{content:"";display:block;position:absolute;inset:0;width:100%;height:100%;animation:skeleton-loading 2s infinite;background:linear-gradient(90deg,var(--neutral-5) 0,var(--neutral-10) 100%);background-position:100% 0;background-size:100% 100%}