.cranbi-banner-rail{--cranbi-banner-plum: #641438;--cranbi-banner-ivory: #f7f2eb;position:relative;width:100%;background:var(--cranbi-banner-ivory);color:var(--cranbi-banner-plum)}.cranbi-banner-rail__inner{position:relative;width:100%;margin:0}.cranbi-banner-rail__frame{position:relative;width:100%;aspect-ratio:2856 / 1052;overflow:hidden;background:var(--cranbi-banner-ivory)}.cranbi-banner-rail__track{display:flex;width:100%;height:100%;transition:transform .7s cubic-bezier(.22,.61,.36,1);will-change:transform}.cranbi-banner-rail__slide{position:relative;flex:0 0 100%;width:100%;min-width:100%;height:100%}.cranbi-banner-rail__link,.cranbi-banner-rail__slide picture{display:block;width:100%;height:100%}.cranbi-banner-rail__link{color:inherit;text-decoration:none}.cranbi-banner-rail__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.cranbi-banner-rail__control{position:absolute;z-index:2;top:50%;display:grid;width:4.8rem;height:4.8rem;padding:0;place-items:center;border:0;border-radius:50%;background:#fffffff0;box-shadow:0 .6rem 2rem #2c151d24;color:var(--cranbi-banner-plum);cursor:pointer;transform:translateY(-50%);transition:background-color .18s ease,box-shadow .18s ease,transform .18s ease}.cranbi-banner-rail__control:hover{background:#fff;box-shadow:0 .8rem 2.4rem #2c151d33;transform:translateY(-50%) scale(1.04)}.cranbi-banner-rail__control:focus-visible,.cranbi-banner-rail__dot:focus-visible{outline:.2rem solid var(--cranbi-banner-plum);outline-offset:.3rem}.cranbi-banner-rail__control svg{width:2.3rem;height:2.3rem}.cranbi-banner-rail__control--prev{left:2.4rem}.cranbi-banner-rail__control--next{right:2.4rem}.cranbi-banner-rail__dots{position:absolute;z-index:2;bottom:1.8rem;left:50%;display:flex;gap:.8rem;align-items:center;transform:translate(-50%)}.cranbi-banner-rail__dot{width:.9rem;height:.9rem;padding:0;border:.1rem solid rgba(255,255,255,.88);border-radius:50%;background:transparent;box-shadow:0 .2rem .7rem #2c151d1f;cursor:pointer;transition:background-color .18s ease,transform .18s ease}.cranbi-banner-rail__dot.is-active{background:#fff;transform:scale(1.18)}@media screen and (max-width:749px){.cranbi-banner-rail__control{width:3.8rem;height:3.8rem}.cranbi-banner-rail__control--prev{left:1.2rem}.cranbi-banner-rail__control--next{right:1.2rem}.cranbi-banner-rail__dots{bottom:1.2rem}}@media(prefers-reduced-motion:reduce){.cranbi-banner-rail__track,.cranbi-banner-rail__control,.cranbi-banner-rail__dot{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-cranbi-banner-rail.css.map */