.claygo-hero__viewport{position:relative;height:var(--claygo-hero-height-mobile, auto);aspect-ratio:var(--claygo-hero-ratio-mobile, auto);background:rgb(var(--color-foreground, 0, 0, 0) / .06);border-radius:12px;overflow:hidden;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none}.claygo-hero__viewport.is-dragging{cursor:grabbing}.claygo-hero__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;z-index:0;pointer-events:none;transition:opacity .45s ease,transform .3s ease;text-decoration:none;color:inherit;display:block}.claygo-hero__viewport.is-dragging .claygo-hero__slide{transition:opacity .45s ease}.claygo-hero__slide:first-child,.claygo-hero__slide.is-active{opacity:1;pointer-events:auto}.claygo-hero__slide.is-active{z-index:1}.claygo-hero__picture{display:block;width:100%;height:100%}.claygo-hero__slide img{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-drag:none;pointer-events:none}.claygo-hero__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;gap:1.2rem;padding:2.8rem;pointer-events:none;box-sizing:border-box}.claygo-hero__content .claygo-hero__actions{pointer-events:auto}.claygo-hero__slide[data-title-pos=top-left] .claygo-hero__content{justify-content:flex-start;align-items:flex-start;text-align:left}.claygo-hero__slide[data-title-pos=top-center] .claygo-hero__content{justify-content:flex-start;align-items:center;text-align:center}.claygo-hero__slide[data-title-pos=top-right] .claygo-hero__content{justify-content:flex-start;align-items:flex-end;text-align:right}.claygo-hero__slide[data-title-pos=middle-left] .claygo-hero__content{justify-content:center;align-items:flex-start;text-align:left}.claygo-hero__slide[data-title-pos=middle-center] .claygo-hero__content{justify-content:center;align-items:center;text-align:center}.claygo-hero__slide[data-title-pos=middle-right] .claygo-hero__content{justify-content:center;align-items:flex-end;text-align:right}.claygo-hero__slide[data-title-pos=bottom-left] .claygo-hero__content{justify-content:flex-end;align-items:flex-start;text-align:left}.claygo-hero__slide[data-title-pos=bottom-center] .claygo-hero__content{justify-content:flex-end;align-items:center;text-align:center}.claygo-hero__slide[data-title-pos=bottom-right] .claygo-hero__content{justify-content:flex-end;align-items:flex-end;text-align:right}.claygo-hero__caption{color:var(--claygo-hero-title-color, rgb(var(--color-background, 255, 255, 255)));font-weight:700;font-size:var(--claygo-hero-title-size, 28px);letter-spacing:.01em;text-shadow:0 2px 16px rgb(0 0 0 / 40%);line-height:1.15}.claygo-hero__actions{display:flex;flex-wrap:wrap;gap:.8rem 1.2rem;align-items:center}.claygo-hero__btn{pointer-events:auto}.claygo-hero__dots{position:absolute;left:50%;bottom:1.6rem;transform:translate(-50%);z-index:3;display:flex;align-items:center;gap:.8rem;padding:.6rem 1rem;border-radius:999px;background:rgb(var(--color-background, 255, 255, 255) / .72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.claygo-hero__dot{width:.9rem;height:.9rem;padding:0;border:0;border-radius:50%;background:rgb(var(--color-foreground, 26, 26, 26) / .28);cursor:pointer;transition:width .25s ease,background-color .25s ease}.claygo-hero__dot.is-active{width:2.4rem;border-radius:999px;background:rgb(var(--color-primary, 203, 50, 30))}.claygo-hero__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:4.4rem;height:4.4rem;padding:0;border:0;border-radius:50%;background:rgb(var(--color-background, 255, 255, 255));color:rgb(var(--color-foreground, 17, 17, 17));box-shadow:0 6px 18px #00000024;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.claygo-hero__nav .icon{width:1.8rem;height:1.8rem}.claygo-hero__nav--prev{left:1.6rem}.claygo-hero__nav--next{right:1.6rem}@media screen and (min-width:768px){.claygo-hero__viewport{height:var(--claygo-hero-height, auto);aspect-ratio:var(--claygo-hero-ratio, auto)}}@media(max-width:767px){.claygo-hero__viewport--no-controls .claygo-hero__content{padding-bottom:1.4rem}.claygo-hero__content{padding:1.4rem 1.4rem 4.6rem}.claygo-hero__caption{font-size:var(--claygo-hero-title-size-mobile, 18px)}.claygo-hero__nav{width:3.6rem;height:3.6rem}.claygo-hero__dots{bottom:1rem;gap:.6rem;padding:.5rem .8rem}.claygo-hero__dot{width:.7rem;height:.7rem}.claygo-hero__dot.is-active{width:1.8rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/claygo-hero.css.map */