.cb-motion :is([data-cb-reveal=rise],.cb-section-head__title){transition:opacity var(--motion-duration-reveal) var(--motion-ease-out),transform var(--motion-duration-reveal) var(--motion-ease-out)}.cb-motion :is([data-cb-reveal=rise],.cb-section-head__title):not(.is-in){opacity:0;transform:translateY(var(--space-40))}.cb-motion [data-cb-reveal=stagger]:not(.is-done)>*{transition:opacity var(--motion-duration-slow) var(--motion-ease-out),transform var(--motion-duration-slow) var(--motion-ease-out);transition-delay:calc(var(--cb-i, 0) * var(--motion-stagger))}.cb-motion [data-cb-reveal=stagger]:not(.is-in)>*{opacity:0;transform:translateY(var(--space-24))}.cb-motion [data-cb-reveal] .cb-draw-line{transform-origin:0 50%;transition:transform var(--motion-duration-slow) var(--motion-ease-out);transition-delay:calc(var(--cb-i, 0) * var(--motion-stagger) + var(--motion-stagger) * 2)}.cb-motion [data-cb-reveal]:not(.is-in) .cb-draw-line{transform:scaleX(0)}@media(hover:hover)and (pointer:fine){.cb-motion :is(.cb-product-card__tile,.cb-kit,a.cb-guide){transition:transform var(--motion-duration-quick) var(--motion-ease-out),box-shadow var(--motion-duration-quick) var(--motion-ease-out)}.cb-motion :is(.cb-product-card:hover .cb-product-card__tile,.cb-kit:hover,a.cb-guide:hover){transform:translateY(calc(var(--space-4) * -1));box-shadow:0 var(--effect-card-ambient-y) 0 var(--shadow-card-ambient),0 var(--effect-card-key-y) var(--effect-card-key-blur) var(--effect-card-key-spread) var(--shadow-card-key)}}[data-cb-tabs].has-indicator{position:relative;isolation:isolate}.cb-tab-indicator{position:absolute;top:0;left:0;z-index:1;border-radius:var(--radius-full);pointer-events:none}.cb-tab-indicator.is-moving{transition:transform var(--motion-duration-base) var(--motion-ease-out),width var(--motion-duration-base) var(--motion-ease-out),height var(--motion-duration-base) var(--motion-ease-out)}.has-indicator>:is([role=tab],[aria-pressed]){position:relative;z-index:2;background:transparent!important;box-shadow:none!important;transition:color var(--motion-duration-quick) var(--motion-ease-out) var(--motion-stagger)}.has-indicator>.cb-stage-tab{z-index:auto}.has-indicator>:is([role=tab],[aria-pressed]):before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:inherit}.has-indicator>:is([role=tab],[aria-pressed])>*{position:relative;z-index:2}.has-indicator>.cb-stage-tab:before{background:var(--surface-raised);box-shadow:inset 0 0 0 var(--control-border-width) var(--border-default)}.has-indicator>.cb-stage-tab:is([aria-selected=true],[aria-pressed=true]):before{opacity:0}.cb-stage-tabs .cb-tab-indicator,.cb-segmented .cb-tab-indicator{background:var(--surface-inverse)}.has-indicator>.cb-quick-pick:before{z-index:-1;background:var(--surface-raised);box-shadow:inset 0 0 0 var(--control-border-width) var(--border-default)}.has-indicator>.cb-quick-pick[aria-pressed=true]:before{opacity:0}.cb-quick-picks .cb-tab-indicator{background:var(--surface-inverse)}.has-indicator>.cb-community-tab:before{background:var(--surface-on-band-subtle);transition:background var(--motion-duration-quick)}.has-indicator>.cb-community-tab:hover:before{background:var(--surface-on-band-hover)}.has-indicator>.cb-community-tab[aria-selected=true]:before{opacity:0}.cb-community-tabs .cb-tab-indicator{background:var(--brand-butter)}@keyframes cb-panel-in{0%{opacity:0;transform:translateY(var(--space-8))}}.cb-motion [data-cb-tabs-switched] .cb-community__panel:not([hidden]){animation:cb-panel-in var(--motion-duration-base) var(--motion-ease-out)}@keyframes cb-pop{0%{transform:scale(.4)}to{transform:scale(1)}}@keyframes cb-bump{30%{transform:translateY(calc(var(--space-4) * -1)) rotate(-8deg)}60%{transform:translateY(0) rotate(4deg)}to{transform:none}}.cb-motion .cb-badge.is-popping{animation:cb-pop var(--motion-duration-base) var(--motion-ease-pop)}.cb-motion .is-bumping>.cb-icon{animation:cb-bump var(--motion-duration-base) var(--motion-ease-out)}@keyframes cb-press-pop{0%{transform:scale(.92)}to{transform:scale(1)}}.cb-motion .is-pressed-pop{animation:cb-press-pop var(--motion-duration-base) var(--motion-ease-pop)}@keyframes cb-update{0%{opacity:0;transform:translateY(var(--space-4))}}.cb-motion .is-updating{display:inline-block;animation:cb-update var(--motion-duration-quick) var(--motion-ease-out)}.cb-check{display:inline-block;width:var(--icon-size-md);height:var(--icon-size-md);margin-right:var(--space-6);vertical-align:-.15em;fill:none;stroke:currentColor;stroke-width:var(--icon-stroke);stroke-linecap:round;stroke-linejoin:round}.cb-motion .cb-check path{stroke-dasharray:1;animation:cb-check-draw var(--motion-duration-base) var(--motion-ease-out) var(--motion-stagger) both}@keyframes cb-check-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}:is(.cb-btn,.cb-add) .cb-check{width:var(--icon-size-sm);height:var(--icon-size-sm);margin-right:0}@keyframes cb-strike{0%{background-size:0% var(--stroke-2)}}@keyframes cb-slide-in{0%{opacity:0;transform:translate(calc(var(--space-8) * -1))}}.cb-motion .cb-swap .cb-swap__strike{animation:cb-strike var(--motion-duration-slow) var(--motion-ease-out) calc(var(--motion-stagger) * 2) both}.cb-motion .cb-swap .cb-swap__arrow{animation:cb-slide-in var(--motion-duration-base) var(--motion-ease-out) calc(var(--motion-stagger) * 6) both}.cb-motion .cb-swap .cb-swap__to{animation:cb-slide-in var(--motion-duration-base) var(--motion-ease-out) calc(var(--motion-stagger) * 8) both}.cb-motion .cb-section:not(.is-in) .cb-swap :is(.cb-swap__strike,.cb-swap__arrow,.cb-swap__to){animation-play-state:paused}@media(prefers-reduced-motion:no-preference){@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:var(--motion-duration-quick);animation-timing-function:var(--motion-ease-out)}::view-transition-group(*){animation-duration:var(--motion-duration-base);animation-timing-function:var(--motion-ease-out)}.cb-header{view-transition-name:cb-header}.cb-product__stage{view-transition-name:cb-product-photo}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/cb-motion.css.map */