.image-dial__items{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(2,auto);gap:2rem}.image-dial__item{padding:2rem;background-color:rgba(var(--color-foreground),.02);border-radius:3.2rem;display:flex;flex-direction:column}.image-dial__text{text-align:center}.image-dial__title{font-size:3.2rem;letter-spacing:-.01em;font-weight:600;margin:0 0 .8rem}.image-dial__subtitle{font-size:1.6rem;line-height:1.3;margin:0;color:rgba(var(--color-foreground),.5);font-weight:500}.image-dial__item__media{width:100%;aspect-ratio:59 / 43;position:relative;margin-bottom:1.6rem}.image-dial__item--right__media{aspect-ratio:initial}.image-dial__item--left__media-wrapper{width:100%;height:100%;visibility:hidden;opacity:0;transition:all var(--duration-default) ease}.image-dial__item--left__media-wrapper--active{opacity:1;visibility:visible;pointer-events:all}.image-dial__item--left__media-wrapper:not(:first-child){position:absolute;left:0;top:0}.image-dial__dial-image{width:100%;height:100%;object-fit:cover;display:block}.image-dial__indicator{display:flex;justify-content:space-between;position:relative;margin-bottom:2rem}.image-dial__indicator:before{content:"";position:absolute;left:.5rem;right:.5rem;top:.55rem;border-top:1px solid #e4e7e8}.image-dial__indicator__item{height:100%;height:4.5rem;width:1.6rem;display:flex;flex-direction:column;justify-content:space-between;align-items:center;cursor:pointer}.image-dial__indicator__item__dot{width:1.2rem;height:1.2rem;display:block;border-radius:50%;background-color:#e4e7e8;transition:all var(--duration-default) ease}.image-dial__indicator__item__dot:after{content:"";position:absolute;width:0;height:0;background-color:#fff;border-radius:50%;transition:all var(--duration-default) ease;left:calc(50% - 1.5px);top:calc(50% - 1.5px)}.image-dial__indicator__item__label{font-size:1.6rem;font-weight:500;line-height:1.3;color:rgba(var(--color-foreground),.5)}.image-dial__indicator__item--active .image-dial__indicator__item__label{color:rgb(var(--color-button))}.image-dial__indicator__item--active .image-dial__indicator__item__dot{transform:scale(2);background-color:rgb(var(--color-button));border:1px solid #ffffff;box-shadow:var(--shadow-elevation-2)}.image-dial__indicator__item--active .image-dial__indicator__item__dot:after{width:3px;height:3px}@media only screen and (min-width: 990px){.image-dial__items{grid-template-columns:repeat(2,1fr);grid-template-rows:1fr}.image-dial__item{padding:4rem;max-height:77rem;gap:2rem}.image-dial__item__media{margin-bottom:auto}.image-dial__indicator{margin-bottom:3.2rem}.image-dial__title{font-size:4rem;margin-bottom:1.6rem}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/image-dial.css.map */