.banner{--swiper-pagination-color:var(--secondary-main);--swiper-pagination-bullet-inactive-color:#c4c4c4}.banner-img{height:33vw;-o-object-fit:cover;object-fit:cover}@media screen and (max-width:600px){.banner-img{height:53vw;-o-object-fit:cover;object-fit:cover}}@media screen and (min-width:600px){.banner-root{margin-top:0;position:static;width:100%;left:0;margin-left:0}}.banner-collection{width:100%;margin:0 auto;position:relative}.collection-image{width:100%}.banner-collection .collection-title{z-index:2;position:absolute}.banner-collection .collection-title h3{font-size:24px;font-weight:700;text-align:inherit}@media screen and (max-width:640px){.banner-collection .collection-title h3{font-size:16px}}.banner-collection .generic-collection-content h3{font-size:16px;font-weight:400}@media screen and (max-width:640px){.banner-collection .generic-collection-content h3{font-size:14px;font-weight:400}}.banner-collection .collection-title .collection-cta{padding:6px 16px;margin-top:12px;display:block;width:-moz-fit-content;width:fit-content;font-size:16px;border-radius:4px;min-width:70px}.banner-collection .collection-title .collection-cta:hover{opacity:.8}@media screen and (max-width:640px){.banner-collection .collection-title .collection-cta{font-size:14px;padding:6px 12px}}.backdrop{position:absolute;inset:0 0;z-index:1;background:#00000059;pointer-events:none}@media (max-width:600px){.backdrop{inset:0 0}}@media (min-width:1280px){.backdrop{inset:0 16px}}