:root{--ok-ease: cubic-bezier(.22, .61, .36, 1);--ok-ease-zacht: cubic-bezier(.33, 1, .68, 1);--ok-kort: .25s;--ok-middel: .45s;--ok-traag: .9s}@media(prefers-reduced-motion:no-preference){.scroll-trigger:not(.scroll-trigger--offscreen).animate--slide-in,.scroll-trigger:not(.scroll-trigger--offscreen).animate--fade-in{animation:okOpkomen .9s var(--ok-ease-zacht) both;animation-delay:calc(var(--animation-order, 0) * 90ms)}@keyframes okOpkomen{0%{opacity:0;transform:translateY(34px) scale(.985)}to{opacity:1;transform:none}}.facets-container.scroll-trigger.animate--slide-in,.facets-container.scroll-trigger.animate--fade-in{animation:none;opacity:1;transform:none}}.product-card-wrapper{transition:transform var(--ok-middel) var(--ok-ease),box-shadow var(--ok-middel) var(--ok-ease)}.oaklyn-card__bekijk{transition:transform var(--ok-middel) var(--ok-ease)}.product-card-wrapper .media{position:relative;overflow:hidden}.product-card-wrapper .media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.38) 50%,transparent 62%);transform:translate(-130%)}@media screen and (min-width:990px)and (hover:hover)and (prefers-reduced-motion:no-preference){.card-wrapper.product-card-wrapper .media.media--hover-effect>img:only-child,.card-wrapper .card .media.media--hover-effect>img:only-child{transition:transform 1.1s var(--ok-ease-zacht)}.card-wrapper.product-card-wrapper:hover .media.media--hover-effect>img:first-child:only-child,.card-wrapper:hover .card .media.media--hover-effect>img:first-child:only-child{transform:scale(1.08)}.card-wrapper.product-card-wrapper:hover .media.media--hover-effect>img+img{transition:transform 1.1s var(--ok-ease-zacht);transform:scale(1.08)}.product-card-wrapper:hover{transform:translateY(-6px);box-shadow:0 18px 38px -22px #2b1d128c}.product-card-wrapper:hover .media:after{transform:translate(130%);transition:transform 1.1s var(--ok-ease-zacht)}.product-card-wrapper:hover .oaklyn-card__bekijk{transform:translate(5px)}}.button:not(.button--tertiary),.shopify-payment-button__button{background-image:linear-gradient(color-mix(in srgb,currentColor 14%,transparent),color-mix(in srgb,currentColor 14%,transparent));background-repeat:no-repeat;background-position:left center;background-size:0% 100%;transition:background-size var(--ok-middel) var(--ok-ease)}@media(hover:hover)and (prefers-reduced-motion:no-preference){.button:not(.button--tertiary):hover,.shopify-payment-button__button:hover{background-size:100% 100%}}@media(prefers-reduced-motion:no-preference){.ok-hero-eye{animation:okOpkomen 1s var(--ok-ease-zacht) .15s both}.ok-hero-sub{animation:okOpkomen 1s var(--ok-ease-zacht) .45s both}.ok-hero-cta{animation:okOpkomen 1s var(--ok-ease-zacht) .6s both}}.header__menu-item,.oaklyn-nav a{transition:color var(--ok-kort) var(--ok-ease)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.oaklyn-filters__group{transition:box-shadow var(--ok-kort) var(--ok-ease)}@media(hover:hover)and (prefers-reduced-motion:no-preference){.oaklyn-filters__group:hover{box-shadow:0 8px 18px -12px #2b1d1273}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/oaklyn-motion.css.map */
