.bmx-t5{--step: var(--bmx-cocoa);--step-1: var(--bmx-red);--unit: clamp(120px,13.5vw,196px);overflow:hidden}.bmx-t5.bmx-on-cocoa{--step: var(--bmx-cocoa-2)}.bmx-t5 :is(a,button):focus-visible{outline:3px solid var(--bmx-cocoa);outline-offset:3px}.bmx-t5.bmx-on-cocoa :is(a,button):focus-visible{outline-color:var(--bmx-wafer)}@supports selector(:has(*)){.bmx-t5__name a:focus-visible{outline:none}.bmx-t5__card:has(.bmx-t5__name a:focus-visible){outline:3px solid var(--bmx-cocoa);outline-offset:3px}.bmx-t5.bmx-on-cocoa .bmx-t5__card:has(.bmx-t5__name a:focus-visible){outline-color:var(--bmx-wafer)}}.bmx-t5__title span{display:block}.bmx-t5__empty{margin:0;padding:24px;border:2px dashed currentColor;border-radius:var(--bmx-r-l)}.bmx-t5__tools{display:flex;align-items:center;flex-wrap:wrap;gap:14px 28px}.bmx-t5__nav{display:none;gap:8px}.bmx-t5__navbtn{display:grid;place-items:center;width:48px;height:48px;padding:0;border-radius:50%;border:2px solid currentColor;background:transparent;color:inherit;cursor:pointer;transition:transform .18s var(--bmx-ease),background-color .18s ease,color .18s ease,opacity .18s ease}.bmx-t5__navbtn:hover:not(:disabled){transform:translateY(-2px);background:var(--bmx-cocoa);color:#fff}.bmx-t5.bmx-on-cocoa .bmx-t5__navbtn:hover:not(:disabled){background:var(--bmx-wafer);color:var(--bmx-cocoa)}.bmx-t5__navbtn:disabled{opacity:.35;cursor:default}.bmx-t5__navbtn--prev svg{transform:scaleX(-1)}.bmx-t5__list{list-style:none;margin:0;padding:0;display:grid}.bmx-t5__item{--m: 1;--bw: 78%;--stepc: var(--step);--h: calc(var(--unit) * var(--m));--d: calc((var(--n,5) - var(--r,1)) * .17s);display:flex;flex-direction:column;min-width:0}.bmx-t5__item[data-rank="1"]{--m: 1;--bw: 86%;--stepc: var(--step-1)}.bmx-t5__item[data-rank="2"]{--m: .72;--bw: 78%}.bmx-t5__item[data-rank="3"]{--m: .52;--bw: 78%}.bmx-t5__item[data-rank="4"]{--m: .36;--bw: 72%}.bmx-t5__item[data-rank="5"]{--m: .26;--bw: 72%}.bmx-t5__card{position:relative;isolation:isolate;overflow:hidden;flex:1 1 auto;display:flex;flex-direction:column;padding:clamp(14px,1.4vw,22px);color:var(--ink);background:radial-gradient(62% 44% at 50% 30%,#fff9,#fff0 72%),var(--tint);border-radius:var(--bmx-r-xl) var(--bmx-r-xl) 0 0}.bmx-t5__media{position:relative;display:block;padding:clamp(18px,3vw,40px) 0 6px}.bmx-t5__drop,.bmx-t5__tilt{display:block;width:100%}.bmx-t5__tilt{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) scale(var(--sc,1));transition:transform .3s var(--bmx-ease)}.bmx-t5__bag{display:block;width:var(--bw);margin-inline:auto;animation:bmx-t5-float calc(5.2s + .55s * var(--i,0)) ease-in-out calc(-1.3s * var(--i,0)) infinite alternate}.bmx-t5__bag img{display:block;width:100%;height:auto;filter:drop-shadow(0 10px 12px rgba(43,19,9,.16))}.bmx-t5__bag img.bmx-t5__photo{aspect-ratio:1;object-fit:cover;border-radius:var(--bmx-r-l);filter:none}@media(hover:hover){.bmx-t5__card:hover{--sc: 1.07}}.bmx-t5__card:focus-within{--sc: 1.04}.bmx-t5__card:active .bmx-t5__tilt{transform:rotate(-5deg) scale(.95);transition-duration:.12s}.bmx-t5__body{display:flex;flex:1 1 auto;flex-direction:column;gap:6px;padding-top:12px}.bmx-t5__name{margin:0;font-weight:800;font-stretch:75%;font-size:clamp(1.55rem,2.1vw,2.15rem);line-height:.95;letter-spacing:-.01em;text-wrap:balance}.bmx-t5__name a{text-decoration:none;color:inherit}.bmx-t5__name a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.bmx-t5__line{margin:0;font-size:.95rem;line-height:1.35;opacity:.84;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.bmx-t5__foot{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin-top:auto;padding-top:10px}.bmx-t5__price{font-weight:800;font-stretch:90%;font-size:1.14rem}.bmx-t5__note{font-weight:650;font-size:.92rem;opacity:.8}.bmx-t5__cta{position:relative;z-index:2;margin:0}.bmx-t5__cta.bmx-link,.bmx-t5 .bmx-btn--sm{min-height:44px}.bmx-t5__sticker{position:absolute;z-index:3;top:clamp(8px,1vw,14px);right:clamp(8px,1vw,14px);width:clamp(78px,7.4vw,108px);aspect-ratio:1;pointer-events:none}.bmx-t5__sticker span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:16%;text-align:center;background:var(--bmx-red);color:#fff;font-weight:800;font-stretch:75%;font-size:clamp(.98rem,1.35vw,1.3rem);line-height:.9;letter-spacing:.005em;clip-path:polygon(50% 0%,57.6% 7.2%,67.1% 3%,71.8% 12.3%,82.1% 11.7%,83.3% 22%,93.3% 25%,90.9% 35.1%,99.2% 41.3%,93.5% 50%,99.2% 58.7%,90.9% 64.9%,93.3% 75%,83.3% 78%,82.1% 88.3%,71.8% 87.7%,67.1% 97%,57.6% 92.8%,50% 100%,42.4% 92.8%,32.9% 97%,28.3% 87.7%,17.9% 88.3%,16.7% 78%,6.7% 75%,9.1% 64.9%,.8% 58.7%,6.5% 50%,.8% 41.3%,9.1% 35.1%,6.7% 25%,16.7% 22%,17.9% 11.7%,28.2% 12.3%,32.9% 3%,42.4% 7.2%);transform:rotate(12deg);animation:bmx-t5-wobble 4.6s ease-in-out infinite alternate}.bmx-t5__crumbs{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden}.bmx-t5__crumb{--c: var(--bmx-wafer);--w: 9px;--h: 9px;--br: 50%;--x: 10%;--t: 8s;--dl: 0s;--dx: 16px;--rot: 200deg;position:absolute;top:-4%;left:var(--x);width:var(--w);height:var(--h);border-radius:var(--br);background:var(--c);opacity:0;animation:bmx-t5-drift var(--t) linear calc(var(--dl) - 1.7s * var(--i,0)) infinite}.bmx-t5__crumb:nth-child(1){--x: 9%;--c: var(--bmx-wafer);--w: 11px;--h: 7px;--br: 3px;--t: 8.5s;--dl: -1s;--dx: 22px;--rot: 240deg}.bmx-t5__crumb:nth-child(2){--x: 24%;--c: #4b2516;--w: 6px;--h: 6px;--t: 10s;--dl: -5s;--dx: -14px;--rot: 120deg}.bmx-t5__crumb:nth-child(3){--x: 41%;--c: var(--bmx-red);--w: 4px;--h: 14px;--br: 3px;--t: 7.5s;--dl: -3s;--dx: 18px;--rot: -200deg}.bmx-t5__crumb:nth-child(4){--x: 58%;--c: #fff;--w: 9px;--h: 9px;--t: 9s;--dl: -6s;--dx: -20px;--rot: 160deg}.bmx-t5__crumb:nth-child(5){--x: 73%;--c: var(--bmx-wafer);--w: 12px;--h: 7px;--br: 3px;--t: 11s;--dl: -2s;--dx: 12px;--rot: -260deg}.bmx-t5__crumb:nth-child(6){--x: 86%;--c: #4b2516;--w: 4px;--h: 13px;--br: 3px;--t: 8s;--dl: -4.5s;--dx: -18px;--rot: 210deg}.bmx-t5__crumb:nth-child(7){--x: 94%;--c: var(--bmx-red);--w: 6px;--h: 6px;--t: 9.5s;--dl: -7s;--dx: -10px;--rot: 90deg}.bmx-t5__burst{position:absolute;left:50%;top:52%;width:0;height:0;pointer-events:none}.bmx-t5__burst i{position:absolute;left:-2.5px;top:-8px;width:5px;height:16px;border-radius:3px;opacity:0;background:var(--bmx-red);transform:rotate(var(--a)) translateY(-40px) scaleY(.4)}.bmx-t5__burst i:nth-child(3n+2){background:var(--bmx-wafer)}.bmx-t5__burst i:nth-child(3n){background:var(--bmx-cocoa)}.bmx-t5__step{position:relative;display:grid;place-items:center;height:var(--h);border-radius:0 0 var(--bmx-r-l) var(--bmx-r-l);overflow:hidden}.bmx-t5__step:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--stepc);border-radius:inherit;transform-origin:50% 100%}.bmx-t5__rank{position:relative;display:block;color:var(--tint);font-weight:800;font-stretch:75%;font-size:calc(var(--h) * .98);line-height:.8;letter-spacing:-.02em;font-variant-numeric:lining-nums}@media(min-width:1100px){.bmx-t5__list{grid-template-columns:repeat(var(--n,5),minmax(0,1fr));gap:clamp(10px,1.2vw,18px);align-items:end;max-width:calc(var(--n,5) * 340px);margin-inline:auto}.bmx-t5__item{grid-column:var(--col,auto);grid-row:1}}@media(max-width:1099px){.bmx-t5__nav{display:flex}.bmx-t5__list{grid-auto-flow:column;grid-auto-columns:min(80%,340px);gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(var(--bmx-gutter) * -1);padding:14px var(--bmx-gutter) 10px;scroll-padding-inline:var(--bmx-gutter)}.bmx-t5__list::-webkit-scrollbar{display:none}.bmx-t5__item,.bmx-t5__item[data-rank]{position:relative;scroll-snap-align:start;--bw: 66%}.bmx-t5__card{border-radius:var(--bmx-r-xl)}.bmx-t5__media{padding-top:34px}.bmx-t5__name{font-size:clamp(1.9rem,7vw,2.3rem)}.bmx-t5__step{position:absolute;z-index:5;top:12px;left:12px;width:56px;height:56px;border-radius:50%;pointer-events:none}.bmx-t5__rank{font-size:2.1rem;line-height:1}.bmx-t5__sticker{width:88px}}.bmx-t5.is-armed:not(.is-in) :is(.bmx-t5__card,.bmx-t5__drop,.bmx-t5__rank,.bmx-t5__sticker){opacity:0}.bmx-t5.is-armed:not(.is-in) .bmx-t5__step:before{transform:scaleY(0)}.bmx-t5.is-armed.is-in .bmx-t5__card{animation:bmx-t5-rise .85s var(--bmx-ease) var(--d) both}.bmx-t5.is-armed.is-in .bmx-t5__step:before{animation:bmx-t5-grow .7s var(--bmx-ease) var(--d) both}.bmx-t5.is-armed.is-in .bmx-t5__rank{animation:bmx-t5-num .7s cubic-bezier(.2,1.4,.4,1) calc(var(--d) + .3s) both}.bmx-t5.is-armed.is-in .bmx-t5__drop{animation:bmx-t5-drop 1s cubic-bezier(.2,1.1,.3,1) calc(var(--d) + .3s) both}.bmx-t5.is-armed.is-in .bmx-t5__sticker{animation:bmx-t5-stick .7s cubic-bezier(.2,1.5,.4,1) calc(var(--d) + .85s) both}.bmx-t5.is-armed.is-in .bmx-t5__burst i{animation:bmx-t5-burst .95s var(--bmx-ease) calc(var(--d) + .8s) both}.bmx-t5.is-off :is(.bmx-t5__bag,.bmx-t5__crumb,.bmx-t5__sticker span){animation-play-state:paused}@keyframes bmx-t5-rise{0%{opacity:0;transform:translate3d(0,64px,0)}to{opacity:1;transform:none}}@keyframes bmx-t5-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes bmx-t5-num{0%{opacity:0;transform:translate3d(0,30%,0) scale(.5) rotate(-12deg)}to{opacity:1;transform:none}}@keyframes bmx-t5-drop{0%{opacity:0;transform:translate3d(0,-90px,0) rotate(-16deg) scale(.86)}55%{opacity:1;transform:translate3d(0,10px,0) rotate(4deg) scale(1.02)}to{opacity:1;transform:none}}@keyframes bmx-t5-stick{0%{opacity:0;transform:scale(.2) rotate(-60deg)}to{opacity:1;transform:none}}@keyframes bmx-t5-burst{0%{opacity:0;transform:rotate(var(--a)) translateY(-30px) scaleY(.4)}20%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translateY(-150px) scaleY(1)}}@keyframes bmx-t5-float{0%{transform:translate3d(0,5px,0) rotate(-2.5deg)}to{transform:translate3d(0,-10px,0) rotate(2.5deg)}}@keyframes bmx-t5-wobble{0%{transform:rotate(6deg) scale(.97)}to{transform:rotate(16deg) scale(1.03)}}@keyframes bmx-t5-drift{0%{opacity:0;transform:translateZ(0) rotate(0)}12%{opacity:.95}82%{opacity:.85}to{opacity:0;transform:translate3d(var(--dx),440px,0) rotate(var(--rot))}}@media(prefers-reduced-motion:reduce){.bmx-t5 *,.bmx-t5 *:before{animation:none!important;transition:none!important}.bmx-t5__crumbs,.bmx-t5__burst{display:none}.bmx-t5__tilt,.bmx-t5__card:active .bmx-t5__tilt{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/47/assets/bmx-top5.css.map */