:root{--blog-ease-in: cubic-bezier(.4, 0, 1, 1);--blog-ease-out: cubic-bezier(0, 0, .2, 1);--blog-ease-in-out: cubic-bezier(.4, 0, .2, 1);--blog-ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--blog-duration-fast: .15s;--blog-duration-base: .3s;--blog-duration-slow: .5s}@keyframes blog-fade-in{0%{opacity:0}to{opacity:1}}@keyframes blog-fade-out{0%{opacity:1}to{opacity:0}}@keyframes blog-fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes blog-fade-in-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.blog-fade-in{animation:blog-fade-in var(--blog-duration-base) var(--blog-ease-out)}.blog-fade-in-up{animation:blog-fade-in-up var(--blog-duration-base) var(--blog-ease-out)}.blog-fade-in-down{animation:blog-fade-in-down var(--blog-duration-base) var(--blog-ease-out)}@keyframes blog-slide-in-left{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes blog-slide-in-right{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.blog-slide-in-left{animation:blog-slide-in-left var(--blog-duration-base) var(--blog-ease-out)}.blog-slide-in-right{animation:blog-slide-in-right var(--blog-duration-base) var(--blog-ease-out)}@keyframes blog-scale-in{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes blog-scale-out{0%{transform:scale(1);opacity:1}to{transform:scale(.9);opacity:0}}@keyframes blog-pop-in{0%{transform:scale(.8);opacity:0}60%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:1}}.blog-scale-in{animation:blog-scale-in var(--blog-duration-base) var(--blog-ease-out)}.blog-pop-in{animation:blog-pop-in var(--blog-duration-slow) var(--blog-ease-bounce)}@keyframes blog-shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.blog-shimmer{background:linear-gradient(90deg,var(--blog-surface) 0%,var(--blog-border) 20%,var(--blog-surface) 40%,var(--blog-surface) 100%);background-size:1000px 100%;animation:blog-shimmer 1.5s linear infinite}@keyframes blog-pulse{0%,to{opacity:1}50%{opacity:.5}}.blog-pulse{animation:blog-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes blog-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.blog-bounce{animation:blog-bounce 1s ease-in-out infinite}@keyframes blog-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.blog-spin{animation:blog-spin 1s linear infinite}.blog-hover-lift{transition:transform var(--blog-duration-base) var(--blog-ease-out),box-shadow var(--blog-duration-base) var(--blog-ease-out)}.blog-hover-lift:hover{transform:translateY(-4px)}.blog-hover-scale{transition:transform var(--blog-duration-base) var(--blog-ease-out)}.blog-hover-scale:hover{transform:scale(1.05)}.blog-hover-brightness{transition:filter var(--blog-duration-base) var(--blog-ease-out)}.blog-hover-brightness:hover{filter:brightness(1.1)}.blog-stagger-children>*{animation:blog-fade-in-up var(--blog-duration-base) var(--blog-ease-out);animation-fill-mode:both}.blog-stagger-children>*:nth-child(1){animation-delay:0ms}.blog-stagger-children>*:nth-child(2){animation-delay:50ms}.blog-stagger-children>*:nth-child(3){animation-delay:.1s}.blog-stagger-children>*:nth-child(4){animation-delay:.15s}.blog-stagger-children>*:nth-child(5){animation-delay:.2s}.blog-stagger-children>*:nth-child(6){animation-delay:.25s}.blog-stagger-children>*:nth-child(7){animation-delay:.3s}.blog-stagger-children>*:nth-child(8){animation-delay:.35s}.blog-stagger-children>*:nth-child(9){animation-delay:.4s}.blog-stagger-children>*:nth-child(10){animation-delay:.45s}.blog-image-zoom{overflow:hidden;position:relative}.blog-image-zoom img{transition:transform var(--blog-duration-slow) var(--blog-ease-out);will-change:transform}.blog-image-zoom:hover img{transform:scale(1.08)}@keyframes blog-gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.blog-gradient-animated{background-size:200% 200%;animation:blog-gradient-shift 8s ease infinite}@keyframes blog-trending-pulse{0%,to{box-shadow:0 0 #ff6600b3}50%{box-shadow:0 0 0 8px #f600}}.trending-badge{animation:blog-trending-pulse 2s ease-in-out infinite}.blog-underline-animated{position:relative;text-decoration:none}.blog-underline-animated:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--blog-primary);transition:width var(--blog-duration-base) var(--blog-ease-out)}.blog-underline-animated:hover:after{width:100%}.blog-arrow-animated{transition:gap var(--blog-duration-fast) var(--blog-ease-out)}.blog-arrow-animated svg{transition:transform var(--blog-duration-fast) var(--blog-ease-out)}.blog-arrow-animated:hover{gap:.75rem}.blog-arrow-animated:hover svg{transform:translate(4px)}.blog-page-enter{animation:blog-fade-in-up var(--blog-duration-slow) var(--blog-ease-out)}.blog-page-exit{animation:blog-fade-out var(--blog-duration-base) var(--blog-ease-in)}.blog-scroll-reveal{opacity:0;transform:translateY(30px);transition:opacity var(--blog-duration-slow) var(--blog-ease-out),transform var(--blog-duration-slow) var(--blog-ease-out)}.blog-scroll-reveal.is-visible{opacity:1;transform:translateY(0)}.blog-spinner{display:inline-block;width:40px;height:40px;border:4px solid var(--blog-border);border-top-color:var(--blog-primary);border-radius:50%;animation:blog-spin .8s linear infinite}@keyframes blog-progress{0%{width:0%}to{width:100%}}.blog-progress-bar{height:4px;background:var(--blog-primary);border-radius:2px;animation:blog-progress 1.5s var(--blog-ease-out)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.blog-shimmer,.blog-pulse,.blog-bounce,.blog-spin,.blog-gradient-animated,.trending-badge{animation:none!important}}.blog-animate-on-load{animation:blog-fade-in-up var(--blog-duration-slow) var(--blog-ease-out)}.blog-delay-100{animation-delay:.1s}.blog-delay-200{animation-delay:.2s}.blog-delay-300{animation-delay:.3s}.blog-delay-400{animation-delay:.4s}.blog-delay-500{animation-delay:.5s}
/*# sourceMappingURL=/cdn/shop/t/4/assets/blog-animations.css.map */