.miles-carousel{--miles-carousel-slide-duration: .52s;--miles-carousel-caption-duration: .4s;--miles-carousel-phone-width: 300px;--miles-carousel-stage-height: 678px;display:block}.miles-carousel__header{text-align:center;margin-inline:auto}.miles-carousel__stage{position:relative;height:var(--miles-carousel-stage-height);overflow:hidden}.miles-carousel__slide{position:absolute;top:0;left:50%;transition:transform var(--miles-carousel-slide-duration) cubic-bezier(.34,.02,.24,1),opacity var(--miles-carousel-slide-duration) ease}.miles-carousel__phone{width:var(--miles-carousel-phone-width);padding:9px;border-radius:48px;background:linear-gradient(155deg,#34343a,#0d0d0f);box-shadow:0 34px 74px #00000057,inset 0 0 0 1.5px #ffffff12}.miles-carousel__screen{position:relative;overflow:hidden;border-radius:40px;aspect-ratio:804 / 1748;background-color:var(--miles-surface-page)}.miles-carousel__shot{display:block;width:100%;height:100%;object-fit:cover}.miles-carousel__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:20;display:inline-flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;font-size:2.6rem;line-height:1;color:var(--miles-green-deep);background-color:var(--miles-surface-card);border:1px solid var(--miles-border-default);border-radius:var(--miles-radius-pill);cursor:pointer;transition:background-color var(--duration-default) var(--miles-ease-state)}.miles-carousel__arrow:hover{background-color:var(--miles-green-tint)}.miles-carousel__arrow--prev{left:calc(50% - 250px)}.miles-carousel__arrow--next{right:calc(50% - 250px)}.miles-carousel__captions{position:relative;height:6.4rem;margin:var(--miles-space-8) 0 var(--miles-space-6)}.miles-carousel__caption{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;text-align:center;transition:opacity var(--miles-carousel-caption-duration) ease}.miles-carousel__caption-title{margin:0;font-family:var(--miles-font-body);font-size:var(--miles-caption-size, 2.4rem);font-weight:700;line-height:normal;color:rgb(var(--color-foreground))}.miles-carousel__caption-body{margin-top:var(--miles-space-1);font-family:var(--miles-font-body);font-size:1.5rem;line-height:1.45;color:var(--miles-text-secondary)}.miles-carousel__caption-body p{margin:0}.miles-carousel__dots{display:flex;align-items:center;justify-content:center;gap:var(--miles-space-2)}.miles-carousel__dot{position:relative;width:9px;height:9px;padding:0;border:0;border-radius:var(--miles-radius-pill);background-color:#cfd6d1;cursor:pointer;transition:background-color .25s ease,width .25s ease}.miles-carousel__dot[aria-current=true]{width:26px;background-color:var(--miles-green-primary)}.miles-carousel__dot:before{content:"";position:absolute;top:50%;left:50%;width:4.4rem;height:4.4rem;transform:translate(-50%,-50%)}.miles-carousel__panel{display:flex;flex-direction:column;height:100%;padding:var(--miles-space-8) var(--miles-space-6);background-color:#eaf1ec;text-align:left}.miles-carousel__panel--dark{background-color:#0f2318}.miles-carousel__panel--dark .miles-carousel__panel-eyebrow{color:rgba(var(--miles-on-dark-rgb),.7)}.miles-carousel__panel--dark .miles-carousel__panel-title{color:var(--miles-green-tint)}.miles-carousel__panel--dark .miles-carousel__panel-sub{color:#d4e8dad1}.miles-carousel__panel--dark .miles-carousel__panel-row{background-color:rgba(var(--miles-on-dark-rgb),.06);border-color:rgba(var(--miles-on-dark-rgb),.14)}.miles-carousel__panel--dark .miles-carousel__panel-row-label{color:var(--miles-green-tint)}.miles-carousel__panel--dark .miles-carousel__panel-row-sub{color:#d4e8dab3}.miles-carousel__panel--dark .miles-carousel__panel-chip{color:#d4e8dad1;background-color:#100c0c47}.miles-carousel__panel-icon{display:inline-flex;color:var(--miles-brick);line-height:0;margin-bottom:var(--miles-space-4)}.miles-carousel__panel-icon svg{width:3.2rem;height:3.2rem}.miles-carousel__panel-eyebrow{margin:0 0 var(--miles-space-2);font-family:var(--miles-font-ui);font-size:1.1rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--miles-brick)}.miles-carousel__panel-title{margin:0 0 var(--miles-space-2);font-family:var(--miles-font-body);font-size:2rem;font-weight:600;line-height:1.2;color:var(--miles-green-deep)}.miles-carousel__panel-sub{margin:0 0 var(--miles-space-6);font-size:1.5rem;line-height:1.45;color:var(--miles-text-secondary)}.miles-carousel__panel-rows{list-style:none;display:grid;gap:var(--miles-space-3);margin:0 0 var(--miles-space-6);padding:0}.miles-carousel__panel-row{display:flex;flex-direction:column;gap:2px;padding:var(--miles-space-3);background-color:var(--miles-surface-card);border:1px solid var(--miles-border-default);border-radius:var(--miles-radius-lg)}.miles-carousel__panel-row-label{font-family:var(--miles-font-body);font-size:1.4rem;font-weight:700;color:var(--miles-text-primary)}.miles-carousel__panel-row-sub{font-family:var(--miles-font-ui);font-size:1.1rem;color:var(--miles-text-tertiary)}.miles-carousel__panel-action{display:block;margin-top:auto;padding:var(--miles-space-3);text-align:center;font-family:var(--miles-font-ui);font-size:1.4rem;font-weight:600;color:var(--miles-surface-card);background-color:var(--miles-green-primary);border-radius:var(--miles-radius-lg)}.miles-carousel__panel-chip{display:inline-block;margin-top:var(--miles-space-3);padding:6px 10px;font-family:var(--miles-font-mono);font-size:1.1rem;color:var(--miles-text-secondary);background-color:var(--miles-surface-sunken);border-radius:var(--miles-radius-pill)}@media screen and (max-width:860px){.miles-carousel{--miles-carousel-phone-width: 206px;--miles-carousel-stage-height: 432px}.miles-carousel__arrow--prev{left:6px}.miles-carousel__arrow--next{right:6px}.miles-carousel__captions{margin:var(--miles-space-4) 0 var(--miles-space-4);height:8.4rem}.miles-carousel__caption-title{font-size:1.5rem}.miles-carousel__caption-body{font-size:1.3rem}}@media(prefers-reduced-motion:reduce){.miles-carousel{--miles-carousel-slide-duration: .01ms;--miles-carousel-caption-duration: .01ms}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/miles-app-carousel.css.map */