:root{--kbv-ease-out: cubic-bezier(.23, 1, .32, 1);--kbv-ease-in-out: cubic-bezier(.77, 0, .175, 1);--kbv-sheet-radius: 48px}.hero-wrapper{background-color:#1f3b2d}@media(prefers-reduced-motion:no-preference){.hero-wrapper .hero__media{animation:kbv-window 1.3s var(--kbv-ease-in-out) both,kbv-settle 2.4s var(--kbv-ease-out) both}.hero-wrapper :is([class*=__hero_eyebrow],[class*=__hero_heading],[class*=__hero_text],[class*=__hero_button]){animation:kbv-rise .9s var(--kbv-ease-out) both}.hero-wrapper [class*=__hero_eyebrow]{animation-delay:.65s}.hero-wrapper [class*=__hero_heading]{animation-delay:.72s}.hero-wrapper [class*=__hero_text]{animation-delay:.79s}.hero-wrapper [class*=__hero_button]{animation-delay:.86s}}@keyframes kbv-window{0%{clip-path:inset(0 0 100% 0 round 0 0 var(--kbv-sheet-radius) var(--kbv-sheet-radius))}to{clip-path:inset(0 0 0 0 round 0)}}@keyframes kbv-settle{0%{transform:scale(1.14)}to{transform:scale(1)}}@keyframes kbv-rise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}:is(.button,.button-secondary,.button-custom){transition:transform .14s var(--kbv-ease-out)}:is(.button,.button-secondary,.button-custom):active{transform:scale(.97)}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){:is([class*=__deken],[class*=__fles],[class*=__gordel]).group-block{transition:translate .26s var(--kbv-ease-out),box-shadow .26s ease}:is([class*=__deken],[class*=__fles],[class*=__gordel]).group-block:hover{translate:0 -6px;box-shadow:0 18px 40px -24px #1f3b2d73}}:is([class*=__deken],[class*=__fles],[class*=__gordel]) .image-block{overflow:clip;border-radius:12px}.image-block__image[src*=kbv-drinkfles-grijs]{object-position:50% 12%}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.hero-wrapper .hero__media-wrapper{animation:kbv-hero-out linear both;animation-timeline:view();animation-range:exit 0% exit 100%}.shopify-section:is([id$=__usp_marquee],[id$=__set_contents],[id$=__story_section],[id$=__faq],[id$=__product_set],[id$=__product_mood],[id$=__product_faq]){animation:kbv-sheet linear both;animation-timeline:view();animation-range:entry 0% entry 80%}:is([class*=__deken],[class*=__fles],[class*=__gordel]).group-block{animation:kbv-wipe linear both;animation-timeline:view()}[class*=__deken].group-block{animation-range:entry 5% cover 30%}[class*=__fles].group-block{animation-range:entry 15% cover 35%}[class*=__gordel].group-block{animation-range:entry 25% cover 40%}:is([class*=__deken],[class*=__fles],[class*=__gordel]) .image-block__image{animation:kbv-dezoom linear both;animation-timeline:view();animation-range:entry 0% cover 45%}:is([class*=__set_heading],[class*=__faq_heading],[class*=__st_heading],[class*=__mood_heading]){animation:kbv-mask-rise linear both;animation-timeline:view();animation-range:entry 10% cover 30%}.media-with-content :has(>.media-block__media){overflow:clip}.media-with-content .media-block__media{animation:kbv-parallax linear both;animation-timeline:view();animation-range:cover 0% cover 100%}}}@keyframes kbv-hero-out{0%{transform:translateY(0);opacity:1}to{transform:translateY(18%);opacity:.55}}@keyframes kbv-sheet{0%{clip-path:inset(0 4% 0 4% round var(--kbv-sheet-radius) var(--kbv-sheet-radius) 0 0)}to{clip-path:inset(0 0 0 0 round 0)}}@keyframes kbv-wipe{0%{clip-path:inset(100% 0 0 0 round 16px);transform:translateY(48px)}to{clip-path:inset(0 0 0 0 round 16px);transform:translateY(0)}}@keyframes kbv-dezoom{0%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes kbv-mask-rise{0%{clip-path:inset(0 0 100% 0);transform:translateY(.45em)}to{clip-path:inset(0 0 -.25em 0);transform:translateY(0)}}@keyframes kbv-parallax{0%{transform:scale(1.15) translateY(-5%)}to{transform:scale(1.15) translateY(5%)}}@media(max-width:749px){.hero-wrapper [class*=__hero_heading] :is(h1,p){font-size:clamp(2.25rem,10.5vw,4.5rem)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/kofferbakvriend-motion.css.map */