bn-mascot{--bn-cycle: 9s;--bn-breathe: 3.4s;--bn-tail: 9deg;--bn-head: 2deg;--bn-ear: 6deg;--bn-hop: -5%;--bn-drop: -6%;--bn-prop: 4deg;--bn-teeter: 8deg;--bn-delay: 0s;--bn-rig-origin: 50% 100%;display:block;position:relative;aspect-ratio:var(--bn-ratio, 1);-webkit-tap-highlight-color:transparent}bn-mascot img.bn-mascot__page{display:block;width:100%;height:100%}.bn-mascot__rig,.bn-mascot__breath{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:var(--bn-rig-origin);pointer-events:none}bn-mascot img.bn-mascot__part,bn-mascot img.bn-mascot__layer{position:absolute;left:var(--l);top:var(--t);width:var(--w);height:auto;max-width:none;transform-origin:var(--ox) var(--oy);pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.bn-mascot__host{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:var(--px) var(--py);pointer-events:none}.bn-mascot__shadow{position:absolute;left:var(--sx, 15%);top:var(--sy, 92%);width:var(--sw, 70%);height:3.6%;margin-top:-1.8%;border-radius:50%;background:radial-gradient(closest-side,#2b2b2b52,#2b2b2b00);opacity:0;pointer-events:none}bn-mascot.is-entering .bn-mascot__rig,bn-mascot.is-hopping .bn-mascot__rig,bn-mascot.is-alive .bn-mascot__breath,bn-mascot.is-alive [data-part=tail],bn-mascot.is-alive [data-part=head],bn-mascot.is-alive [data-part=heart],bn-mascot.is-alive [data-part=ear]{will-change:transform}bn-mascot[data-enter]:not(.is-entering):not(.is-alive):not(.is-static) .bn-mascot__rig,bn-mascot[data-enter]:not(.is-lettering):not(.is-entering):not(.is-alive):not(.is-static) [data-part=word]{opacity:0;animation:bn-m-failsafe 0s linear 3.5s forwards}@keyframes bn-m-failsafe{to{opacity:1}}bn-mascot.is-lettering [data-part=word]{animation:bn-m-word .62s calc(var(--i) * 75ms) both;will-change:transform}@keyframes bn-m-word{0%{opacity:0;transform:translateY(-140%) rotate(var(--wr));animation-timing-function:cubic-bezier(.5,0,.9,.5)}30%{opacity:1}58%{transform:translateY(0) scale(1.05,.9);animation-timing-function:cubic-bezier(.2,.7,.4,1)}76%{transform:translateY(-12%) rotate(calc(var(--wr) * -.3));animation-timing-function:cubic-bezier(.5,0,.9,.5)}90%{transform:translateY(0) scale(1.01,.99)}to{opacity:1;transform:none}}bn-mascot.is-entering .bn-mascot__rig{animation:bn-m-enter 1.15s var(--bn-delay) both}bn-mascot.is-entering .bn-mascot__shadow{animation:bn-m-enter-shadow 1.15s var(--bn-delay) both}bn-mascot.is-entering [data-part=tail]{animation:bn-m-tail-excited .8s calc(.5s + var(--bn-delay)) ease-in-out both}bn-mascot.is-entering [data-part=heart],bn-mascot.is-entering [data-part=prop]{animation:bn-m-heart-pop .5s calc(.42s + var(--bn-delay)) ease-out both}bn-mascot.is-entering [data-part=head]{animation:bn-m-head-hop 1.1s var(--bn-delay) ease-in-out both}bn-mascot.is-entering [data-part=ear]{animation:bn-m-ear-flick .5s calc(.45s + var(--bn-delay)) both}@keyframes bn-m-enter{0%{opacity:0;transform:translateY(var(--bn-drop)) scale(.97,1.03);animation-timing-function:cubic-bezier(.5,0,.9,.5)}14%{opacity:1}36%{transform:translateY(0) scale(1.045,.94);animation-timing-function:cubic-bezier(.2,.7,.4,1)}56%{transform:translateY(calc(var(--bn-drop) * .45)) scale(.985,1.025) rotate(-1deg);animation-timing-function:cubic-bezier(.5,0,.9,.5)}72%{transform:translateY(0) scale(1.025,.97);animation-timing-function:ease-out}86%{transform:translateY(calc(var(--bn-drop) * .08)) scale(.995,1.005);animation-timing-function:ease-in-out}to{opacity:1;transform:none}}@keyframes bn-m-enter-shadow{0%{opacity:0;transform:scaleX(.6)}36%{opacity:.9;transform:scaleX(1.05)}56%{opacity:.35;transform:scaleX(.82)}72%{opacity:.8;transform:scaleX(1.02)}to{opacity:0;transform:none}}bn-mascot.is-alive .bn-mascot__breath{animation:bn-m-breathe var(--bn-breathe) ease-in-out infinite}bn-mascot.is-alive [data-part=tail]{animation:bn-m-tail var(--bn-cycle) ease-in-out .6s infinite}bn-mascot.is-alive [data-part=head]{animation:bn-m-head var(--bn-cycle) ease-in-out .6s infinite}bn-mascot.is-alive [data-part=heart]{animation:bn-m-heart var(--bn-cycle) ease-in-out .6s infinite}bn-mascot.is-alive [data-part=ear]{animation:bn-m-ear var(--bn-cycle) ease-in-out .6s infinite}@keyframes bn-m-breathe{0%,to{transform:none}45%{transform:scale(1.004,1.014)}}@keyframes bn-m-tail{0%,20%,54%,66%,to{transform:none}3%{transform:rotate(var(--bn-tail))}6%{transform:rotate(calc(var(--bn-tail) * -.3))}9%{transform:rotate(calc(var(--bn-tail) * .9))}12%{transform:rotate(calc(var(--bn-tail) * -.25))}15%{transform:rotate(calc(var(--bn-tail) * .6))}59%{transform:rotate(calc(var(--bn-tail) * .75))}62%{transform:rotate(calc(var(--bn-tail) * -.15))}}@keyframes bn-m-head{0%,28%,62%,84%,to{transform:none}36%,50%{transform:rotate(var(--bn-head))}72%{transform:rotate(calc(var(--bn-head) * -.45))}74%{transform:rotate(calc(var(--bn-head) * .2))}76%{transform:rotate(calc(var(--bn-head) * -.35))}79%{transform:rotate(0)}}@keyframes bn-m-heart{0%,28%,66%,74%,to{transform:none}36%,50%{transform:translateY(2.5%) scale(1.025,.975)}58%{transform:none}62%{transform:translateY(-1.5%) scale(1.04)}70%{transform:translateY(-1%) scale(1.025)}}@keyframes bn-m-ear{0%,21%,28%,70%,80%,to{transform:none}23%{transform:rotate(calc(var(--bn-ear) * -.6 * var(--ed, 1)))}25%{transform:rotate(calc(var(--bn-ear) * .2 * var(--ed, 1)))}73%{transform:rotate(calc(var(--bn-ear) * -1 * var(--ed, 1)))}76%{transform:rotate(calc(var(--bn-ear) * .4 * var(--ed, 1)))}}@keyframes bn-m-ear-flick{0%,to{transform:none}35%{transform:rotate(calc(var(--bn-ear) * -1 * var(--ed, 1)))}70%{transform:rotate(calc(var(--bn-ear) * .3 * var(--ed, 1)))}}bn-mascot.is-alive [data-part=prop]{animation:bn-m-prop var(--bn-cycle) ease-in-out .6s infinite}bn-mascot.is-alive [data-part=push]{animation:bn-m-push var(--bn-cycle) ease-in-out .6s infinite}bn-mascot.is-alive [data-part=teeter]{animation:bn-m-teeter var(--bn-cycle) ease-in-out .6s infinite}bn-mascot.is-alive [data-part=prop],bn-mascot.is-alive [data-part=push],bn-mascot.is-alive [data-part=teeter]{will-change:transform}@keyframes bn-m-prop{0%,16%,30%,60%,72%,to{transform:none}20%{transform:rotate(var(--bn-prop))}24%{transform:rotate(calc(var(--bn-prop) * -.7))}27%{transform:rotate(calc(var(--bn-prop) * .3))}64%{transform:rotate(calc(var(--bn-prop) * -.6))}68%{transform:rotate(calc(var(--bn-prop) * .4))}}@keyframes bn-m-push{0%,36%,44%,56%,to{transform:none}40%{transform:translate(3%,1%) rotate(-1deg)}48%{transform:translate(4%,1.5%) rotate(-1.5deg)}52%{transform:translate(1%,.5%)}}@keyframes bn-m-teeter{0%,38%,62%,to{transform:none}41%{transform:rotate(calc(var(--bn-teeter) * .6))}44%{transform:rotate(calc(var(--bn-teeter) * .2))}49%{transform:translate(2%) rotate(var(--bn-teeter))}54%{transform:rotate(calc(var(--bn-teeter) * -.3))}58%{transform:rotate(calc(var(--bn-teeter) * .15))}}bn-mascot.is-hopping .bn-mascot__rig{animation:bn-m-hop .78s both}bn-mascot.is-hopping .bn-mascot__shadow{animation:bn-m-hop-shadow .78s both}bn-mascot.is-hopping [data-part=tail]{animation:bn-m-tail-excited .78s ease-in-out both}bn-mascot.is-hopping [data-part=head]{animation:bn-m-head-hop .78s ease-in-out both}bn-mascot.is-hopping [data-part=heart]{animation:bn-m-heart-pop .4s .5s ease-out both}bn-mascot.is-hopping [data-part=ear]{animation:bn-m-ear-flick .5s .12s both}bn-mascot.is-hopping [data-part=prop]{animation:bn-m-prop .9s both}bn-mascot.is-hopping [data-part=teeter]{animation:bn-m-teeter 1.4s -.5s both}@keyframes bn-m-hop{0%{transform:none;animation-timing-function:ease-out}14%{transform:scale(1.04,.95);animation-timing-function:cubic-bezier(.2,.8,.4,1)}40%{transform:translateY(var(--bn-hop)) scale(.975,1.035) rotate(-1.6deg);animation-timing-function:ease-in-out}52%{transform:translateY(var(--bn-hop)) rotate(1deg);animation-timing-function:cubic-bezier(.6,0,.9,.5)}70%{transform:scale(1.045,.945);animation-timing-function:ease-out}85%{transform:translateY(calc(var(--bn-hop) * .15)) scale(.99,1.01);animation-timing-function:ease-in-out}to{transform:none}}@keyframes bn-m-hop-shadow{0%,to{opacity:0;transform:none}14%{opacity:.55;transform:scaleX(1.04)}46%{opacity:.3;transform:scaleX(.8)}70%{opacity:.75;transform:scaleX(1.04)}}@keyframes bn-m-tail-excited{0%,to{transform:none}15%{transform:rotate(calc(var(--bn-tail) * 1.25))}30%{transform:rotate(calc(var(--bn-tail) * -.4))}45%{transform:rotate(calc(var(--bn-tail) * 1.25))}60%{transform:rotate(calc(var(--bn-tail) * -.4))}78%{transform:rotate(calc(var(--bn-tail) * .8))}}@keyframes bn-m-head-hop{0%,to{transform:none}38%{transform:rotate(calc(var(--bn-head) * -.5))}62%{transform:rotate(calc(var(--bn-head) * .7))}}@keyframes bn-m-heart-pop{0%,to{transform:none}40%{transform:translateY(-1.5%) scale(1.05)}}bn-mascot.is-paused *,bn-mascot.is-paused{animation-play-state:paused!important}@media(hover:hover){bn-mascot[data-hop]{cursor:pointer}}@media(prefers-reduced-motion:reduce){bn-mascot *,bn-mascot{animation:none!important;transition:none!important}bn-mascot .bn-mascot__rig,bn-mascot [data-part=word]{opacity:1!important}bn-mascot[data-hop]{cursor:auto}}.bn-hero__media--art>bn-mascot{transform:rotate(-1.5deg)}.bn-hero__media--art bn-mascot img{transform:none;filter:none}.bn-hero__media--art bn-mascot img.bn-mascot__page{filter:drop-shadow(0 12px 22px rgba(43,43,43,.14))}bn-mascot.bn-mascot--fit{width:min(100cqw,100cqh * var(--bn-ar, 1));max-width:100%}.bn-breed__media:has(bn-mascot){container-type:size}.bn-breed bn-mascot{--bn-eye-white: #fff}.bn-coll-art{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:rgb(var(--color-background))}.bn-coll-art__box{width:86%;height:74%;container-type:size;display:flex;align-items:center;justify-content:center}bn-mascot[data-rig=sketch-golden]{--bn-head: 2.5deg;--bn-tail: 11deg}bn-mascot[data-rig=sketch-frenchie]{--bn-head: -2.5deg;--bn-ear: 7deg;--bn-prop: 5deg}bn-mascot[data-rig=sketch-corgi]{--bn-head: -3deg;--bn-ear: 8deg;--bn-tail: 6deg;--bn-prop: 4deg}bn-mascot[data-rig=sketch-cat]{--bn-head: 2deg;--bn-tail: 9deg;--bn-ear: 12deg;--bn-teeter: 8deg}
/*# sourceMappingURL=/cdn/shop/t/14/assets/bn-mascot.css.map */