.joyful-hero{--joyful-hero-inline-padding: clamp(.75rem, 2vw, 1.25rem);--joyful-hero-top-offset: clamp(4rem, 6vw, 6rem);--joyful-hero-heading-size: clamp(2.25rem, 1.6rem + 2vw, 3rem);--joyful-hero-heading-line-height: 1.08;--joyful-hero-heading-letter-spacing: -.02em;--joyful-hero-text-size: clamp(.98rem, 1vw, 1.15rem);--joyful-hero-text-line-height: 1.7;--joyful-hero-slider-radius: 2rem;--joyful-hero-content-width: 440px;--joyful-hero-content-gap: clamp(.875rem, 1.5vw, 1.5rem);--joyful-hero-content-padding: clamp(1.5rem, 4vw, 5rem);--joyful-hero-button-padding: .95rem 1.75rem;--joyful-hero-button-font-size: 1rem;--joyful-hero-button-radius: 999px;--joyful-hero-dots-bottom: 2rem;--joyful-hero-dot-size: 10px;--joyful-hero-dot-active-width: 42px;--joyful-hero-dot-gap: .65rem;position:relative;width:100%;overflow:hidden;background:transparent;max-width:1600px;margin-inline:auto;padding-inline:var(--joyful-hero-inline-padding)}.joyful-hero{--joyful-hero-inline-padding: clamp(.75rem, 2vw, 1.25rem);position:relative;width:100%;overflow:hidden;background:transparent;max-width:1600px;margin-inline:auto;border-radius:var(--joyful-hero-slider-radius);padding-inline:var(--joyful-hero-inline-padding);--joyful-hero-content-max-width: 500px;--joyful-hero-content-width-small: 32rem;--joyful-hero-content-width-medium: 32rem;--joyful-hero-content-width-large: 38rem;--joyful-hero-content-gap: clamp(.75rem, 1.25vw, 1.25rem)}.joyful-hero__slider{position:relative;isolation:isolate;width:100%;overflow:hidden;border-radius:var(--joyful-hero-slider-radius)}.joyful-hero--desktop-adapt .joyful-hero__slider{aspect-ratio:var(--desktop-ratio)}.joyful-hero__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;pointer-events:none;transform:scale(1.03);will-change:opacity,transform;transition:opacity .8s ease,transform .8s ease,visibility .8s ease}.joyful-hero__slide.is-active{z-index:2;opacity:1;visibility:visible;pointer-events:auto;transform:scale(1)}.joyful-hero__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;padding:var(--joyful-hero-content-padding)}.desktop-pos-top-left .joyful-hero__content,.desktop-pos-middle-left .joyful-hero__content,.desktop-pos-bottom-left .joyful-hero__content{justify-content:flex-start}.desktop-pos-top-center .joyful-hero__content,.desktop-pos-middle-center .joyful-hero__content,.desktop-pos-bottom-center .joyful-hero__content{justify-content:center}.desktop-pos-top-right .joyful-hero__content,.desktop-pos-middle-right .joyful-hero__content,.desktop-pos-bottom-right .joyful-hero__content{justify-content:flex-end}.desktop-pos-top-left .joyful-hero__content,.desktop-pos-top-center .joyful-hero__content,.desktop-pos-top-right .joyful-hero__content{align-items:flex-start}.desktop-pos-middle-left .joyful-hero__content,.desktop-pos-middle-center .joyful-hero__content,.desktop-pos-middle-right .joyful-hero__content{align-items:center}.desktop-pos-bottom-left .joyful-hero__content,.desktop-pos-bottom-center .joyful-hero__content,.desktop-pos-bottom-right .joyful-hero__content{align-items:flex-end}.desktop-pos-top-center .joyful-hero__content,.desktop-pos-top-right .joyful-hero__content{padding-top:var(--joyful-hero-top-offset)}.desktop-pos-top-left .joyful-hero__content-inner,.desktop-pos-middle-left .joyful-hero__content-inner,.desktop-pos-bottom-left .joyful-hero__content-inner{text-align:left}.desktop-pos-top-center .joyful-hero__content-inner,.desktop-pos-middle-center .joyful-hero__content-inner,.desktop-pos-bottom-center .joyful-hero__content-inner{text-align:center}.desktop-pos-top-right .joyful-hero__content-inner,.desktop-pos-middle-right .joyful-hero__content-inner,.desktop-pos-bottom-right .joyful-hero__content-inner{text-align:right}.desktop-pos-top-left .joyful-hero__content-inner,.desktop-pos-middle-left .joyful-hero__content-inner,.desktop-pos-bottom-left .joyful-hero__content-inner{align-items:flex-start}.desktop-pos-top-center .joyful-hero__content-inner,.desktop-pos-middle-center .joyful-hero__content-inner,.desktop-pos-bottom-center .joyful-hero__content-inner{align-items:center}.desktop-pos-top-right .joyful-hero__content-inner,.desktop-pos-middle-right .joyful-hero__content-inner,.desktop-pos-bottom-right .joyful-hero__content-inner{align-items:flex-end}.joyful-hero__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;backface-visibility:hidden;transform:translateZ(0)}.joyful-hero__placeholder{display:block;width:100%;height:100%}.joyful-hero__content-inner{display:flex;flex-direction:column;width:100%;max-width:var(--joyful-hero-content-width);gap:var(--joyful-hero-content-gap);align-items:flex-start}.joyful-hero__heading{margin:0;width:100%;color:var(--heading-color);font-size:var(--joyful-hero-heading-size);line-height:var(--joyful-hero-heading-line-height);letter-spacing:var(--joyful-hero-heading-letter-spacing);opacity:0;transform:translateY(120%);will-change:transform,opacity;transition:transform .8s cubic-bezier(.22,1,.36,1),opacity .6s ease}.joyful-hero__heading-mask{display:block;overflow:hidden}.joyful-hero__text{margin:0;color:var(--text-color);font-size:var(--joyful-hero-text-size);line-height:var(--joyful-hero-text-line-height);opacity:0;transform:translateY(100%);will-change:transform,opacity;transition:transform .75s cubic-bezier(.22,1,.36,1),opacity .55s ease}.joyful-hero__text-mask{display:block;overflow:hidden}.joyful-hero__slide.is-active .joyful-hero__heading{opacity:1;transform:translateY(0)}.joyful-hero__slide.is-active .joyful-hero__text{opacity:1;transform:translateY(0);transition-delay:.15s}.desktop-content-width-small .joyful-hero__content-inner{max-width:var(--joyful-hero-content-width-small)}.desktop-content-width-medium .joyful-hero__content-inner{max-width:var(--joyful-hero-content-width-medium)}.desktop-content-width-large .joyful-hero__content-inner{max-width:var(--joyful-hero-content-width-large)}.joyful-hero__button{display:inline-flex;align-items:center;justify-content:center;width:fit-content;padding:var(--joyful-hero-button-padding);background:var(--button-bg);color:var(--button-text);border:none;border-radius:var(--joyful-hero-button-radius);text-decoration:none;font-size:var(--joyful-hero-button-font-size);font-weight:600;line-height:1;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;box-shadow:0 8px 24px #0000001f}.joyful-hero__button{opacity:0;transform:translateY(24px) scale(.96);will-change:transform,opacity;transition:transform .65s cubic-bezier(.22,1,.36,1),opacity .45s ease,box-shadow .35s cubic-bezier(.22,1,.36,1),background-color .25s ease,color .25s ease}.joyful-hero__slide.is-active .joyful-hero__button{opacity:1;transform:translateY(0) scale(1);transition-delay:.3s}.joyful-hero__button:hover{transform:translateY(-3px);box-shadow:0 14px 36px #0000002e}.joyful-hero__button:active{transform:translateY(-1px);box-shadow:0 6px 18px #00000024}.joyful-hero__button:focus-visible{outline:2px solid #fff;outline-offset:4px;box-shadow:0 0 0 2px #0003,0 0 0 6px #ffffffd9}@media(hover:none){.joyful-hero__button:hover{transform:none;box-shadow:0 8px 24px #0000001f}}.joyful-hero__dots{position:absolute;left:50%;bottom:var(--joyful-hero-dots-bottom);z-index:20;display:flex;align-items:center;gap:var(--joyful-hero-dot-gap);transform:translate(-50%)}.joyful-hero__dot{width:var(--joyful-hero-dot-size);height:var(--joyful-hero-dot-size);padding:0;border:none;border-radius:999px;background:#af605aa0;cursor:pointer;transition:width .35s ease,background-color .35s ease,transform .35s ease}.joyful-hero__dot:hover{transform:scale(1.15)}.joyful-hero__dot:focus-visible{outline:2px solid #A1605A;outline-offset:4px}.joyful-hero__dot.is-active{width:var(--joyful-hero-dot-active-width);background:#a1605a;cursor:default}@media(max-width:1199px){.joyful-hero{--joyful-hero-inline-padding: 1rem;--joyful-hero-content-padding: clamp(1.5rem, 3vw, 3rem);--joyful-hero-content-max-width: 500px;--joyful-hero-heading-size: clamp(2.1rem, 1.8rem + 1.5vw, 2.75rem);--joyful-hero-button-padding: .9rem 1.6rem;--joyful-hero-dots-bottom: 1.75rem}.joyful-hero{--joyful-hero-top-offset: clamp(3rem, 5vw, 5rem)}.joyful-hero{--joyful-hero-content-max-width: 500px;--joyful-hero-content-width-small: 26rem;--joyful-hero-content-width-medium: 32rem;--joyful-hero-content-width-large: 38rem;--joyful-hero-content-gap: clamp(.75rem, 1.25vw, 1.25rem)}.joyful-hero{--joyful-hero-heading-size: clamp(2.1rem, 1.8rem + 1.5vw, 2.75rem)}.joyful-hero{--joyful-hero-text-size: 1rem}.joyful-hero{--joyful-hero-button-padding: .9rem 1.6rem;--joyful-hero-button-font-size: .95rem}.joyful-hero{--joyful-hero-dots-bottom: 1.75rem;--joyful-hero-dot-gap: .6rem}}@media(max-width:899px){.joyful-hero{--joyful-hero-inline-padding: .75rem;--joyful-hero-content-padding: 2rem;--joyful-hero-slider-radius: 1.5rem;--joyful-hero-top-offset: 2.5rem;--joyful-hero-content-max-width: 28rem;--joyful-hero-content-width-small: 24rem;--joyful-hero-content-width-medium: 28rem;--joyful-hero-content-width-large: 32rem;--joyful-hero-content-gap: 1rem;--joyful-hero-heading-size: 2.2rem;--joyful-hero-text-size: .95rem;--joyful-hero-button-padding: .85rem 1.5rem;--joyful-hero-button-font-size: .95rem;--joyful-hero-dots-bottom: 1.5rem;--joyful-hero-dot-gap: .55rem}.joyful-hero{--joyful-hero-slider-radius: 1.25rem}.joyful-hero{--joyful-hero-top-offset: 2rem}.joyful-hero{--joyful-hero-content-max-width: 26rem;--joyful-hero-content-width-small: 22rem;--joyful-hero-content-width-medium: 26rem;--joyful-hero-content-width-large: 30rem;--joyful-hero-content-gap: .9rem}.joyful-hero{--joyful-hero-heading-size: clamp(1.9rem, 1.6rem + 1vw, 2.4rem)}.joyful-hero{--joyful-hero-text-size: .95rem}.joyful-hero{--joyful-hero-button-padding: .8rem 1.4rem;--joyful-hero-button-font-size: .9rem}.joyful-hero{--joyful-hero-dots-bottom: 1.25rem;--joyful-hero-dot-gap: .5rem}}@media(max-width:749px){.joyful-hero{--joyful-hero-inline-padding: .5rem;--joyful-hero-content-padding: 1.5rem;--joyful-hero-slider-radius: 1rem;--joyful-hero-top-offset: clamp(3.6rem, 8vw, 4.8rem);--joyful-hero-content-max-width: 100%;--joyful-hero-content-width-small: 100%;--joyful-hero-content-width-medium: 100%;--joyful-hero-content-width-large: 100%;--joyful-hero-content-gap: .875rem;--joyful-hero-heading-size: clamp(1.8rem, 5vw, 2.2rem);--joyful-hero-text-size: .95rem;--joyful-hero-button-padding: .85rem 1.4rem;--joyful-hero-button-font-size: .95rem;--joyful-hero-dots-bottom: 1rem;--joyful-hero-dot-gap: .5rem}.joyful-hero--mobile-adapt .joyful-hero__slider{aspect-ratio:var(--mobile-ratio)}.mobile-pos-top-left .joyful-hero__content,.mobile-pos-middle-left .joyful-hero__content,.mobile-pos-bottom-left .joyful-hero__content{justify-content:flex-start}.mobile-pos-top-center .joyful-hero__content,.mobile-pos-middle-center .joyful-hero__content,.mobile-pos-bottom-center .joyful-hero__content{justify-content:center}.mobile-pos-top-right .joyful-hero__content,.mobile-pos-middle-right .joyful-hero__content,.mobile-pos-bottom-right .joyful-hero__content{justify-content:flex-end}.mobile-pos-top-left .joyful-hero__content,.mobile-pos-top-center .joyful-hero__content,.mobile-pos-top-right .joyful-hero__content{align-items:flex-start}.mobile-pos-middle-left .joyful-hero__content,.mobile-pos-middle-center .joyful-hero__content,.mobile-pos-middle-right .joyful-hero__content{align-items:center}.mobile-pos-bottom-left .joyful-hero__content,.mobile-pos-bottom-center .joyful-hero__content,.mobile-pos-bottom-right .joyful-hero__content{align-items:flex-end}.mobile-pos-top-center .joyful-hero__content-inner,.mobile-pos-top-right .joyful-hero__content-inner{margin-top:var(--joyful-hero-top-offset)}.mobile-pos-top-left .joyful-hero__content-inner,.mobile-pos-middle-left .joyful-hero__content-inner,.mobile-pos-bottom-left .joyful-hero__content-inner{text-align:left}.mobile-pos-top-center .joyful-hero__content-inner,.mobile-pos-middle-center .joyful-hero__content-inner,.mobile-pos-bottom-center .joyful-hero__content-inner{text-align:center}.mobile-pos-top-right .joyful-hero__content-inner,.mobile-pos-middle-right .joyful-hero__content-inner,.mobile-pos-bottom-right .joyful-hero__content-inner{text-align:right}.mobile-pos-top-left .joyful-hero__content-inner,.mobile-pos-middle-left .joyful-hero__content-inner,.mobile-pos-bottom-left .joyful-hero__content-inner{align-items:flex-start}.mobile-pos-top-center .joyful-hero__content-inner,.mobile-pos-middle-center .joyful-hero__content-inner,.mobile-pos-bottom-center .joyful-hero__content-inner{align-items:center}.mobile-pos-top-right .joyful-hero__content-inner,.mobile-pos-middle-right .joyful-hero__content-inner,.mobile-pos-bottom-right .joyful-hero__content-inner{align-items:flex-end}.joyful-hero{--joyful-hero-content-max-width: 100%;--joyful-hero-content-width-small: 100%;--joyful-hero-content-width-medium: 100%;--joyful-hero-content-width-large: 100%;--joyful-hero-content-gap: .875rem}.joyful-hero{--joyful-hero-heading-size: clamp(1.75rem, 6vw, 2.2rem);--joyful-hero-heading-line-height: 1.1;--joyful-hero-heading-letter-spacing: -.02em}.joyful-hero{--joyful-hero-text-size: .8375rem;--joyful-hero-text-line-height: 1.6}.joyful-hero{--joyful-hero-button-padding: .8rem 1.4rem;--joyful-hero-button-font-size: .9375rem;--joyful-hero-button-radius: 999px}.joyful-hero{--joyful-hero-dots-bottom: 1rem;--joyful-hero-dot-gap: .5rem;--joyful-hero-dot-size: .5rem;--joyful-hero-dot-active-width: 1.5rem}}.joyful-hero a:focus-visible,.joyful-hero button:focus-visible{outline:2px solid currentColor;outline-offset:4px}.joyful-hero__dot:focus-visible{outline:2px solid currentColor;outline-offset:3px}@media(prefers-reduced-motion:reduce){.joyful-hero *,.joyful-hero *:before,.joyful-hero *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/joyful-hero.css.map */