.tbb{--tbb-navy: var(--t-navy, #405f75);--tbb-navy-deep: var(--t-navy-deep, #2f4859);--tbb-sky: var(--t-sky, #a5d2e8);--tbb-yellow: var(--t-yellow, #f5ab1c);--tbb-head: var(--t-font-head, "Term Brandon", Arial, sans-serif);--px: 0;--py: 0;background:#fff;color:var(--tbb-navy);container-type:inline-size;overflow:hidden;position:relative}.tbb__inner{--stage-w: min(56cqw, calc((100svh - 230px)*1.326) , 1300px);--sh: calc(var(--stage-w) / 1.326);align-items:stretch;display:grid;gap:1.5cqw;grid-template-columns:minmax(0,1fr) var(--stage-w);margin:0 auto;max-width:none;padding:1.6cqw 3.2cqw 1.4cqw 3.6cqw;position:relative}.tbb__copy{display:flex;flex-direction:column;justify-content:center;min-width:0;padding-bottom:calc(var(--sh) * .1);position:relative;z-index:2}.tbb__title{color:var(--tbb-navy);font-family:var(--tbb-head);font-size:min(8.4cqw,calc(var(--sh) * .213),230px);font-weight:700;letter-spacing:-.012em;line-height:.86;margin:0;text-transform:uppercase}.tbb__line{display:block}.tbb__line>span{display:inline-block}.tbb__line--3{color:var(--tbb-yellow)}.tbb__btn{align-items:center;align-self:flex-start;background:var(--tbb-navy);border-radius:3px;color:#fff;display:inline-flex;font-family:var(--tbb-head);font-size:clamp(15px,calc(var(--sh) * .04),32px);font-weight:700;gap:1.9em;letter-spacing:.03em;line-height:1;margin-top:calc(var(--sh) * .072);padding:.95em 1.05em .95em 1.1em;text-decoration:none;text-transform:uppercase;transition:background-color .2s ease}.tbb__btn:hover,.tbb__btn:focus-visible{background:var(--tbb-navy-deep);color:#fff}.tbb__btn:focus-visible{outline:3px solid var(--tbb-yellow);outline-offset:3px}.tbb__btn-arrow{color:var(--tbb-yellow);flex:none;height:.55em;overflow:visible;transition:transform .25s cubic-bezier(.3,1.6,.5,1);width:2.4em}.tbb__btn:hover .tbb__btn-arrow{transform:translate(.35em)}.tbb__badges{display:flex;flex-wrap:nowrap;gap:calc(var(--sh) * .036);list-style:none;margin:calc(var(--sh) * .06) 0 0;padding:0}.tbb__badge{align-items:center;display:flex;flex:0 1 auto;gap:calc(var(--sh) * .014);margin:0;min-width:0}.tbb__badge-icon{flex:none;height:clamp(38px,calc(var(--sh) * .082),80px);width:clamp(38px,calc(var(--sh) * .082),80px)}.tbb__badge-label{color:var(--tbb-navy);font-family:var(--tbb-head);font-size:clamp(12px,calc(var(--sh) * .024),21px);font-weight:700;line-height:1.15}.tbb__stage{align-self:center;aspect-ratio:1.326;container-type:inline-size;position:relative;translate:calc(var(--px) * -4px) calc(var(--py) * -3px);transition:translate .6s cubic-bezier(.2,.8,.2,1);width:var(--stage-w);z-index:1}.tbb__blob{fill:var(--tbb-sky);overflow:visible;position:absolute}.tbb__blob--d{height:77.09%;left:4.94%;top:9.59%;width:86.42%}.tbb__blob--m{display:none;height:96.19%;left:5.89%;top:3.9%;width:84.8%}.tbb__shoe{display:block;position:absolute;z-index:2}.tbb__shoe img{display:block;height:auto;transition:scale .35s cubic-bezier(.3,1.5,.5,1);width:100%}.tbb__shoe:focus-visible{outline:3px solid var(--tbb-yellow);outline-offset:4px;border-radius:12px}.tbb__shoe--1{left:8.61%;top:11.49%;width:44.17%}.tbb__shoe--2{left:48.69%;top:30.94%;width:44.61%}.tbb__shoe--3{left:2.64%;top:38.6%;width:42.89%}.tbb__shoe--4{left:41.89%;top:59.26%;width:44.61%}.tbb__shoe--3{z-index:3}.tbb__shoe--4{z-index:4}.tbb__label{color:var(--tbb-navy);font-family:var(--tbb-head);font-size:max(14px,2.3cqi);font-weight:700;letter-spacing:.01em;line-height:1;pointer-events:none;position:absolute;white-space:nowrap;z-index:5}.tbb__label--1{left:18.3%;top:2.2%}.tbb__label--2{right:13.4%;top:24.6%}.tbb__label--3{left:4.8%;top:72.6%}.tbb__label--4{right:3%;top:77.6%}.tbb__arrow{height:auto;pointer-events:none;position:absolute;z-index:5}.tbb__arrow--m{display:none}.tbb__arrow--d1{left:20.83%;top:5.52%;width:3.06%;--nx: 0px;--ny: 3px;--from: inset(0 0 100% 0)}.tbb__arrow--d2{left:77.08%;top:27.85%;width:5.28%;--nx: -2px;--ny: 2px;--from: inset(0 0 100% 0)}.tbb__arrow--d3{left:9.69%;top:64.6%;width:5.69%;--nx: 0px;--ny: -3px;--from: inset(100% 0 0 0)}.tbb__arrow--d4{left:86.06%;top:73%;width:6.17%;--nx: -3px;--ny: 0px;--from: inset(0 0 0 100%)}.tbb__doodles{pointer-events:none;position:absolute;transition:translate .7s cubic-bezier(.2,.8,.2,1);z-index:1}.tbb__doodles--tr{aspect-ratio:750 / 800;right:0;top:0;translate:calc(var(--px) * -12px) calc(var(--py) * -9px);width:min(12.5cqw,280px)}.tbb__doodles--bl{aspect-ratio:760 / 635;bottom:0;left:0;translate:calc(var(--px) * -9px) calc(var(--py) * -7px);width:min(11cqw,200px);z-index:3}.tbb__dd{display:block;position:absolute}.tbb__dd img{display:block;height:auto;width:100%}.tbb__dd--tr-1{left:8.67%;top:2.75%;width:26.13%}.tbb__dd--tr-2{left:29.73%;top:4.25%;width:27.07%}.tbb__dd--tr-3{left:52.8%;top:0;width:28.67%}.tbb__dd--tr-4{left:59.07%;top:9.88%;width:40.93%}.tbb__dd--tr-5{left:33.73%;top:36.75%;width:20.53%}.tbb__dd--tr-6{left:75.47%;top:60.25%;width:23.73%}.tbb__dd--bl-1{left:0;top:2.99%;width:27.24%}.tbb__dd--bl-3{left:0;top:43.46%;width:50%}.tbb__dd--bl-4{left:45.13%;top:42.68%;width:12.63%}.tbb__dd--bl-5{left:49.08%;top:54.02%;width:47.5%}@media screen and (min-width:750px){.tbb__dd--bl-1{left:103%;top:auto;bottom:2%}}.tbb__line>.tbb__tl{display:inline-block;height:.8em;margin-left:.16em;position:relative;vertical-align:top;width:1.42em}.tbb__dd--tl-crown{left:0;top:.1em;width:.46em;rotate:-12deg;--idle: tbb-wiggle 3.8s}.tbb__dd--tl-lips{left:.46em;top:.47em;width:.4em;rotate:8deg;--idle: tbb-bob 3.4s}.tbb__dd--tl-planet{left:.98em;top:0;width:.4em;rotate:-8deg;--idle: tbb-wiggle 4.4s}.tbb__doodles--br{top:0;right:0;bottom:0;left:0;translate:calc(var(--px) * -10px) calc(var(--py) * -8px)}.tbb__dd--br-skate{bottom:.5cqw;right:.8cqw;width:8.4cqw;rotate:-6deg;--idle: tbb-sway 4.2s;--o: 50% 100%}.tbb__dd--br-bird{bottom:.7cqw;right:9.6cqw;width:3cqw;--idle: tbb-boing 2.8s;--o: 50% 100%}@media(prefers-reduced-motion:no-preference){.tbb--motion .tbb__line>span{animation:tbb-rise .8s cubic-bezier(.2,.8,.2,1) both}.tbb--motion .tbb__line--2>span{animation-delay:.09s}.tbb--motion .tbb__line--3>span{animation-delay:.18s}.tbb--motion .tbb__btn{animation:tbb-rise .7s .32s cubic-bezier(.2,.8,.2,1) both}.tbb--motion .tbb__badge{animation:tbb-pop .55s cubic-bezier(.3,1.5,.5,1) both;animation-delay:calc(.55s + var(--i) * .1s)}.tbb--motion .tbb__blob{animation:tbb-blob-in 1s .1s cubic-bezier(.2,.8,.2,1) both,tbb-breathe 8s 1.1s ease-in-out infinite;transform-origin:50% 55%}.tbb--motion .tbb__shoe{animation:tbb-shoe-in .8s cubic-bezier(.2,.9,.25,1.05) both}.tbb--motion .tbb__shoe--1{animation-delay:.25s}.tbb--motion .tbb__shoe--4{animation-delay:.36s}.tbb--motion .tbb__shoe--2{animation-delay:.47s}.tbb--motion .tbb__shoe--3{animation-delay:.58s}.tbb--motion .tbb__shoe img{animation:tbb-float 6s ease-in-out infinite}.tbb--motion .tbb__shoe--2 img{animation-delay:-1.5s}.tbb--motion .tbb__shoe--3 img{animation-delay:-3s}.tbb--motion .tbb__shoe--4 img{animation-delay:-4.5s}.tbb--motion .tbb__label{animation:tbb-rise .6s cubic-bezier(.2,.8,.2,1) both;animation-delay:.85s}.tbb--motion .tbb__label--2{animation-delay:.95s}.tbb--motion .tbb__label--3{animation-delay:1.05s}.tbb--motion .tbb__label--4{animation-delay:1.15s}.tbb--motion .tbb__arrow{animation:tbb-draw .7s cubic-bezier(.4,0,.2,1) both,tbb-nudge 2.6s ease-in-out infinite;animation-delay:1s,2s}.tbb--motion .tbb__arrow--d2,.tbb--motion .tbb__arrow--m2{animation-delay:1.1s,2.3s}.tbb--motion .tbb__arrow--d3,.tbb--motion .tbb__arrow--m3{animation-delay:1.2s,2.6s}.tbb--motion .tbb__arrow--d4,.tbb--motion .tbb__arrow--m4{animation-delay:1.3s,2.9s}.tbb--motion .tbb__dd{animation:tbb-dd-in .7s cubic-bezier(.3,1.6,.5,1) both;animation-delay:calc(.4s + var(--i) * .09s)}.tbb--motion .tbb__dd img{animation:var(--idle) ease-in-out infinite;transform-origin:var(--o, 50% 50%)}.tbb__dd--tr-1{--idle: tbb-wiggle 3.4s}.tbb__dd--tr-2{--idle: tbb-boing 2.6s;--o: 50% 100%}.tbb__dd--tr-3{--idle: tbb-sway 3.8s;--o: 50% 0%}.tbb__dd--tr-4{--idle: tbb-swim 4.6s}.tbb__dd--tr-5{--idle: tbb-spin 9s linear}.tbb__dd--tr-6{--idle: tbb-step 2.2s;--o: 50% 100%}.tbb__dd--bl-1{--idle: tbb-bob 3.2s;--o: 50% 80%}.tbb__dd--bl-3{--idle: tbb-sway 4.4s;--o: 50% 100%}.tbb__dd--bl-4{--idle: tbb-float-tilt 2.9s}.tbb__dd--bl-5{--idle: tbb-wave 3.6s;--o: 45% 100%}@media(hover:hover){.tbb__shoe:hover img{scale:1.04}}@supports (animation-timeline: scroll()){@media(hover:none){.tbb--motion .tbb__doodles--tr{animation:tbb-drift-tr linear both;animation-range:0 70vh;animation-timeline:scroll(root)}.tbb--motion .tbb__doodles--bl{animation:tbb-drift-bl linear both;animation-range:0 90vh;animation-timeline:scroll(root)}}}}@keyframes tbb-drift-tr{to{rotate:6deg;translate:-6px 26px}}@keyframes tbb-drift-bl{to{rotate:-4deg;translate:8px -18px}}@keyframes tbb-rise{0%{opacity:0;transform:translateY(.45em)}to{opacity:1;transform:none}}@keyframes tbb-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}@keyframes tbb-blob-in{0%{opacity:0;transform:scale(.86) rotate(-3deg)}to{opacity:1;transform:none}}@keyframes tbb-breathe{0%,to{scale:1}50%{scale:1.018 1.03}}@keyframes tbb-shoe-in{0%{opacity:0;transform:translateY(26px) rotate(-4deg)}to{opacity:1;transform:none}}@keyframes tbb-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes tbb-draw{0%{clip-path:var(--from)}to{clip-path:inset(0 0 0 0)}}@keyframes tbb-nudge{0%,70%,to{translate:0 0}82%{translate:var(--nx) var(--ny)}}@keyframes tbb-dd-in{0%{opacity:0;transform:scale(.35) rotate(-14deg)}to{opacity:1;transform:none}}@keyframes tbb-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-7deg)}75%{transform:rotate(6deg)}}@keyframes tbb-boing{0%,60%,to{transform:none}70%{transform:scale(1.06,.9)}80%{transform:translateY(-8%) scale(.96,1.06)}90%{transform:none}}@keyframes tbb-sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(4deg)}}@keyframes tbb-swim{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(-5%,3%) rotate(-4deg)}}@keyframes tbb-spin{to{transform:rotate(360deg)}}@keyframes tbb-step{0%,to{transform:none;opacity:1}45%{transform:translateY(-10%) rotate(-8deg);opacity:.55}}@keyframes tbb-bob{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-7%) rotate(4deg)}}@keyframes tbb-float-tilt{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-14%) rotate(-12deg)}}@keyframes tbb-wave{0%,to{transform:rotate(0)}20%{transform:rotate(-5deg)}40%{transform:rotate(4deg)}60%{transform:rotate(-3deg)}}@media screen and (min-width:750px)and (max-width:1099px){.tbb__inner{--stage-w: 55cqw;gap:1cqw;padding:2.4cqw 2.4cqw 2cqw 4.8cqw}.tbb__badges{gap:10px 14px}.tbb__badge{flex-direction:column;align-items:flex-start;gap:6px}}@media screen and (max-width:749px){.tbb__inner{display:flex;flex-direction:column;padding:14px 0 18px}.tbb__copy{display:contents}.tbb__title{font-size:11cqw;line-height:.9;order:1;padding:0 16px;position:relative;z-index:2}.tbb__line--1,.tbb__line--2{display:inline}.tbb__line--3{margin-top:.04em}.tbb__stage{--stage-w: calc(100cqw - 16px) ;align-self:center;aspect-ratio:1.696;margin-top:8px;order:2;translate:none}.tbb__blob--d{display:none}.tbb__blob--m{display:block}.tbb__shoe--1{left:9.57%;top:6.36%;width:43.24%}.tbb__shoe--2{left:48.9%;top:30.98%;width:43.65%}.tbb__shoe--3{left:3.63%;top:40.42%;width:42.05%}.tbb__shoe--4{left:42.22%;top:66.3%;width:43.7%}.tbb__label{font-size:max(12px,3.4cqi)}.tbb__label--1{left:.6%;top:1.4%}.tbb__label--2{right:13.8%;top:21%}.tbb__label--3{left:5.8%;top:83%}.tbb__label--4{right:2.4%;top:89%}.tbb__arrow--d{display:none}.tbb__arrow--m{display:block}.tbb__arrow--m1{left:19%;top:3.6%;width:8.24%;--nx: 3px;--ny: 1px;--from: inset(0 100% 0 0)}.tbb__arrow--m2{left:76.7%;top:26.81%;width:5.18%;--nx: -2px;--ny: 2px;--from: inset(0 0 100% 0)}.tbb__arrow--m3{left:10.58%;top:72.94%;width:5.61%;--nx: 0px;--ny: -3px;--from: inset(100% 0 0 0)}.tbb__arrow--m4{left:85.51%;top:83.48%;width:6.04%;--nx: -3px;--ny: 0px;--from: inset(0 0 0 100%)}.tbb__btn{align-self:center;font-size:16px;margin-top:14px;order:3}.tbb__badges{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));margin:16px 12px 0 max(90px,24cqw);order:4}.tbb__badge{flex-direction:column;gap:6px;text-align:center}.tbb__badge-icon{height:40px;width:40px}.tbb__badge-label{font-size:12px}.tbb__doodles--tr{right:-2px;top:4px;width:21cqw}.tbb__doodles--bl{width:max(92px,25cqw)}.tbb__line>.tbb__tl,.tbb__doodles--br{display:none}}@media(prefers-reduced-motion:reduce){.tbb *,.tbb *:before,.tbb *:after{animation:none!important;transition:none!important}.tbb__stage,.tbb__doodles{translate:none!important}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/term-bts-banner.css.map */