@layer properties{@property --button-shadow-opacity{syntax:"<number>";inherits:true;initial-value:0}@property --button-shadow-spread{syntax:"<number>";inherits:true;initial-value:0}@property --button-bg-opacity{syntax:"<number>";inherits:true;initial-value:0}@property --button-after-opacity{syntax:"<number>";inherits:true;initial-value:0}@property --coord-y{syntax:"<number>";inherits:true;initial-value:0}@property --coord-x{syntax:"<number>";inherits:true;initial-value:0}}.dark-mode{--context-bg:#141414;--bg-container:#1a1a1a;--bg-button:#1a1a1a;--color-button:#ebebeb;--btn-border-color:#ffffff0d;--btn-inner-shadow:1;--container-border-color:#ffffff14;--container-box-shadow-color:#000c;--button-shadow-opacity:0;--button-shadow-spread:0;--button-bg-opacity:0;--button-after-opacity:0;--timing:.3s;--transitions:--coord-y 75ms linear,--coord-x 75ms linear,--button-shadow-opacity var(--timing) ease,--button-shadow-spread var(--timing) ease,--button-bg-opacity var(--timing) ease,--button-after-opacity var(--timing) ease,opacity var(--timing) ease,box-shadow var(--timing) ease,background-image var(--timing) ease}.promo-button{all:unset;--coord-y:0;--coord-x:0;--color-red:color(display-p3 .95 .06 .02/var(--button-bg-opacity));--color-orange:color(display-p3 .97 .61 .07/var(--button-bg-opacity));--color-olive:color(display-p3 .83 .87 .04/var(--button-bg-opacity));--color-lime:color(display-p3 .31 .89 .05/var(--button-bg-opacity));--color-teal:color(display-p3 .12 .88 .88/var(--button-bg-opacity));--color-tealer:color(display-p3 .15 .8 .93/var(--button-bg-opacity));--color-blue:color(display-p3 .14 .47 .99/var(--button-bg-opacity));--color-purple:color(display-p3 .38 .14 .99/var(--button-bg-opacity));--color-purpler:color(display-p3 .73 .04 .94/var(--button-bg-opacity));--color-pink:color(display-p3 .93 .03 .85/var(--button-bg-opacity));background-color:#ffffff0f;background-image:conic-gradient(from 180deg,var(--color-red) 0,var(--color-orange) 10%,var(--color-olive) 20%,var(--color-lime) 30%,var(--color-teal) 40%,var(--color-tealer) 50%,var(--color-blue) 60%,var(--color-purple) 70%,var(--color-purpler) 80%,var(--color-pink) 90%,var(--color-red) 100%);border:1px solid var(--btn-border-color);box-shadow:0 8px calc(var(--button-shadow-spread)*1px) -8px rgb(0 0 0/calc(var(--button-shadow-opacity)*1%));color:var(--color-button);cursor:pointer;transition:var(--transitions);background-position:-1px -1px;background-size:calc(100% + 2px);border-radius:.8em;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}@supports not (color:color(display-p3 0.93 0.03 0.85)){.promo-button{--color-red:hsl(3 93% 48%/var(--button-bg-opacity));--color-orange:hsl(26 91% 52%/var(--button-bg-opacity));--color-olive:hsl(65 89% 46%/var(--button-bg-opacity));--color-lime:hsl(122 86% 48%/var(--button-bg-opacity));--color-teal:hsl(181 78% 50%/var(--button-bg-opacity));--color-tealer:hsl(193 76% 53%/var(--button-bg-opacity));--color-blue:hsl(219 95% 56%/var(--button-bg-opacity));--color-purple:hsl(269 95% 56%/var(--button-bg-opacity));--color-purpler:hsl(292 93% 47%/var(--button-bg-opacity));--color-pink:hsl(327 96% 47%/var(--button-bg-opacity))}}.promo-button .inner{background:var(--bg-button);grid-gap:12px;width:100%;box-shadow:inset 0 calc(var(--btn-inner-shadow)*2px) calc(var(--btn-inner-shadow)*3px) #ffffff03,inset 0 calc(var(--btn-inner-shadow)*-2px) calc(var(--btn-inner-shadow)*3px) #00000040;border-radius:.7em;justify-content:center;align-items:center;padding:.85em 1em;font-size:.875rem;font-weight:700;display:flex}.promo-button:after{background-image:conic-gradient(from 180deg,var(--color-red) 0,var(--color-orange) 10%,var(--color-olive) 20%,var(--color-lime) 30%,var(--color-teal) 40%,var(--color-tealer) 50%,var(--color-blue) 60%,var(--color-purple) 70%,var(--color-purpler) 80%,var(--color-pink) 90%,var(--color-red) 100%);content:"";filter:saturate(2)blur(5px);height:180%;opacity:calc(var(--button-after-opacity)/3);pointer-events:none;transform:translate(calc(var(--coord-x)/1.5*1px),calc(var(--coord-y)/1.5*-1px));transition:var(--transitions);border-radius:.8em;width:180%;display:block;position:absolute}.promo-button:hover{--button-shadow-opacity:16;--button-shadow-spread:16;--button-after-opacity:.7;--button-bg-opacity:.15}.promo-button:hover:active{--button-shadow-opacity:26;--button-shadow-spread:26;--button-after-opacity:.9;--button-bg-opacity:.25}.promo-button:not(:hover){--button-shadow-opacity:0;--button-shadow-spread:0;--coord-y:0;--coord-x:0;--button-bg-opacity:0}.promo-button:focus-visible{--button-after-opacity:.7;--button-bg-opacity:.15;outline-offset:2px;outline:2px solid #fff9}@media (prefers-reduced-motion:reduce){.promo-button,.promo-button:after{transition:none}}.ghost-stroke{background:linear-gradient(#0a0a0a,#0f0f0f)}.ghost-stroke:before{border-radius:inherit;content:"";-webkit-mask-composite:xor;pointer-events:none;-webkit-user-select:none;user-select:none;background:linear-gradient(#ffffff1a,#ffffff12);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#000),linear-gradient(#000,#000);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.shoe-field{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.shoe-card{--mx:0;--my:0;flex-direction:column;gap:.4rem;min-width:0;display:flex}.shoe-stage{aspect-ratio:4/3;isolation:isolate;position:relative}.shoe-halo{aspect-ratio:1;background:radial-gradient(circle,var(--accent) 0,transparent 62%);filter:blur(14px);opacity:.22;pointer-events:none;z-index:1;border-radius:50%;width:115%;transition:opacity .6s;position:absolute;top:58%;left:50%;transform:translate(-50%,-50%)}.shoe-card:hover .shoe-halo{opacity:.34}.shoe-sparkles{pointer-events:none;z-index:2;position:absolute;inset:0;overflow:hidden}.shoe-sparkle{background:var(--accent);box-shadow:0 0 6px var(--accent);height:var(--size);opacity:0;width:var(--size);border-radius:50%;animation-name:sparkle-rise;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute;bottom:-6px}@keyframes sparkle-rise{0%{opacity:0;transform:translate(0)scale(.6)}15%{opacity:.9}70%{opacity:.55}to{opacity:0;transform:translate(var(--drift),-260px) scale(1)}}.shoe-drift{height:100%;transform:translate3d(calc(var(--mx)*var(--depth)*3px),calc(var(--my)*var(--depth)*2.5px),0);z-index:3;transition:transform 1.1s cubic-bezier(.16,1,.3,1);display:block;position:relative}.shoe-drift img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;animation:6s ease-in-out infinite shoe-bob}@keyframes shoe-bob{50%{transform:translateY(-4px)}}.shoe-sparkles--front{z-index:4}.shoe-sparkles--front .shoe-sparkle{box-shadow:0 0 10px var(--accent);filter:blur(1.5px)}.shoe-card:nth-child(2) .shoe-drift img{animation-delay:-2s}.shoe-card:nth-child(3) .shoe-drift img{animation-delay:-4s}.shoe-name{color:color-mix(in srgb,var(--accent) 82%,#fff);letter-spacing:.1em;text-align:center;text-shadow:0 0 8px color-mix(in srgb,var(--accent) 55%,transparent),0 0 18px color-mix(in srgb,var(--accent) 28%,transparent);text-transform:uppercase;font-family:Supply,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;font-weight:700}@media (prefers-reduced-motion:reduce){.shoe-drift img,.shoe-sparkle{animation:none}.shoe-drift{transition:none;transform:none}.shoe-sparkle{opacity:.5}}@media (min-width:768px){.shoe-name{font-size:.8rem}}
.tui-btn-wrapper{display:inline-block;position:relative}.tui-btn{--border-radius:24px;--padding:4px;--transition:.4s;--button-color:#101010;--highlight-color-hue:210deg;background-color:var(--button-color);border-radius:var(--border-radius);cursor:pointer;transition:box-shadow var(--transition),border var(--transition),background-color var(--transition);-webkit-user-select:none;user-select:none;border:1px solid #fff2;display:flex;box-shadow:inset 0 1px 1px #fff3,inset 0 2px 2px #ffffff26,inset 0 4px 4px #ffffff1a,inset 0 8px 8px #ffffff0d,inset 0 16px 16px #ffffff0d,0 -1px 1px #00000005,0 -2px 2px #00000008,0 -4px 4px #0000000d,0 -8px 8px #0000000f,0 -16px 16px #00000014}.tui-btn:before{border-radius:calc(var(--border-radius) + var(--padding));height:calc(100% + var(--padding)*2);left:calc(0px - var(--padding));top:calc(0px - var(--padding));transition:box-shadow var(--transition),filter var(--transition);width:calc(100% + var(--padding)*2);z-index:-1;background-image:linear-gradient(#000a,#0004);box-shadow:inset 0 -8px 8px -6px #0000,inset 0 -16px 16px -8px #0000,1px 1px 1px #fff2,2px 2px 2px #fff1,-1px -1px 1px #0002,-2px -2px 2px #0001}.tui-btn:after,.tui-btn:before{content:"";pointer-events:none;position:absolute}.tui-btn:after{background-image:linear-gradient(0deg,#fff,hsl(var(--highlight-color-hue),100%,70%),hsla(var(--highlight-color-hue),100%,70%,50%),8%,transparent);border-radius:inherit;opacity:0;transition:opacity var(--transition),filter var(--transition);background-position:0 0;inset:0}.tui-btn-letter{color:#fff5;transition:color var(--transition),text-shadow var(--transition),opacity var(--transition);animation:2s ease-in-out infinite letter-anim;display:inline-block;position:relative}.tui-btn-svg{fill:#e8e8e8;filter:drop-shadow(0 0 2px #fff9);height:24px;transition:fill var(--transition),filter var(--transition),opacity var(--transition);flex-grow:1;margin-right:.5rem;animation:2s linear .5s infinite flicker}@keyframes flicker{50%{opacity:.3}}.tui-txt-wrapper{align-items:center;min-width:6.4em;display:flex;position:relative}.tui-txt-1,.tui-txt-2{word-spacing:-1em;position:absolute}.tui-txt-1{animation:1s ease-in-out forwards appear-anim}.tui-txt-2{opacity:0}@keyframes appear-anim{0%{opacity:0}to{opacity:1}}.tui-btn:focus .tui-txt-1,.tui-btn:focus-visible .tui-txt-1{animation:.3s ease-in-out 1s forwards opacity-anim}.tui-btn:focus .tui-txt-2,.tui-btn:focus-visible .tui-txt-2{animation:.3s ease-in-out 1s reverse forwards opacity-anim}@keyframes opacity-anim{0%{opacity:1}to{opacity:0}}.tui-btn:focus .tui-btn-letter,.tui-btn:focus-visible .tui-btn-letter{animation:1s ease-in-out forwards focused-letter-anim,1.2s ease-in-out 1s infinite letter-anim}@keyframes focused-letter-anim{0%,to{filter:blur()}50%{filter:blur(10px) brightness(150%) drop-shadow(-36px 12px 12px hsl(var(--highlight-color-hue),100%,70%));transform:scale(2)}}.tui-btn:focus .tui-btn-svg,.tui-btn:focus-visible .tui-btn-svg{animation-duration:1.2s;animation-delay:.2s}.tui-btn:focus-visible:before,.tui-btn:focus:before{box-shadow:0 -8px 12px -6px #fff3 inset,0 -16px 16px -8px hsla(var(--highlight-color-hue),100%,70%,20%) inset,1px 1px 1px #fff3,2px 2px 2px #fff1,-1px -1px 1px #0002,-2px -2px 2px #0001}.tui-btn:focus-visible:after,.tui-btn:focus:after{filter:brightness();opacity:.6;-webkit-mask-image:linear-gradient(#0000,#fff);mask-image:linear-gradient(#0000,#fff)}.tui-btn-letter:first-child,.tui-btn:focus .tui-btn-letter:first-child,.tui-btn:focus-visible .tui-btn-letter:first-child{animation-delay:0s}.tui-btn-letter:nth-child(2),.tui-btn:focus .tui-btn-letter:nth-child(2),.tui-btn:focus-visible .tui-btn-letter:nth-child(2){animation-delay:80ms}.tui-btn-letter:nth-child(3),.tui-btn:focus .tui-btn-letter:nth-child(3),.tui-btn:focus-visible .tui-btn-letter:nth-child(3){animation-delay:.16s}.tui-btn-letter:nth-child(4),.tui-btn:focus .tui-btn-letter:nth-child(4),.tui-btn:focus-visible .tui-btn-letter:nth-child(4){animation-delay:.24s}.tui-btn-letter:nth-child(5),.tui-btn:focus .tui-btn-letter:nth-child(5),.tui-btn:focus-visible .tui-btn-letter:nth-child(5){animation-delay:.32s}.tui-btn-letter:nth-child(6),.tui-btn:focus .tui-btn-letter:nth-child(6),.tui-btn:focus-visible .tui-btn-letter:nth-child(6){animation-delay:.4s}.tui-btn-letter:nth-child(7),.tui-btn:focus .tui-btn-letter:nth-child(7),.tui-btn:focus-visible .tui-btn-letter:nth-child(7){animation-delay:.48s}.tui-btn-letter:nth-child(8),.tui-btn:focus .tui-btn-letter:nth-child(8),.tui-btn:focus-visible .tui-btn-letter:nth-child(8){animation-delay:.56s}.tui-btn-letter:nth-child(9),.tui-btn:focus .tui-btn-letter:nth-child(9),.tui-btn:focus-visible .tui-btn-letter:nth-child(9){animation-delay:.64s}.tui-btn-letter:nth-child(10),.tui-btn:focus .tui-btn-letter:nth-child(10),.tui-btn:focus-visible .tui-btn-letter:nth-child(10){animation-delay:.72s}.tui-btn-letter:nth-child(11),.tui-btn:focus .tui-btn-letter:nth-child(11),.tui-btn:focus-visible .tui-btn-letter:nth-child(11){animation-delay:.8s}.tui-btn-letter:nth-child(12),.tui-btn:focus .tui-btn-letter:nth-child(12),.tui-btn:focus-visible .tui-btn-letter:nth-child(12){animation-delay:.88s}.tui-btn-letter:nth-child(13),.tui-btn:focus .tui-btn-letter:nth-child(13),.tui-btn:focus-visible .tui-btn-letter:nth-child(13){animation-delay:.96s}.tui-btn:active{background-color:hsla(var(--highlight-color-hue),50%,20%,.5);border:1px solid hsla(var(--highlight-color-hue),100%,80%,.7)}.tui-btn:active:before{box-shadow:0 -8px 12px -6px #fffa inset,0 -16px 16px -8px hsla(var(--highlight-color-hue),100%,70%,.8) inset,1px 1px 1px #fff4,2px 2px 2px #fff2,-1px -1px 1px #0002,-2px -2px 2px #0001}.tui-btn:active:after{filter:brightness(200%);opacity:1;-webkit-mask-image:linear-gradient(#0000,#fff);mask-image:linear-gradient(#0000,#fff)}.tui-btn:active .tui-btn-letter{text-shadow:0 0 1px hsla(var(--highlight-color-hue),100%,90%,.9);animation:none}.tui-btn:hover{border:1px solid hsla(var(--highlight-color-hue),100%,80%,.4)}.tui-btn:hover:before{box-shadow:0 -8px 8px -6px #fffa inset,0 -16px 16px -8px hsla(var(--highlight-color-hue),100%,70%,.3) inset,1px 1px 1px #fff2,2px 2px 2px #fff1,-1px -1px 1px #0002,-2px -2px 2px #0001}.tui-btn:hover:after{opacity:1;-webkit-mask-image:linear-gradient(#0000,#fff);mask-image:linear-gradient(#0000,#fff)}.tui-btn:hover .tui-btn-svg{fill:#fff;filter:drop-shadow(0 0 3px hsl(var(--highlight-color-hue),100%,70%)) drop-shadow(0 -4px 6px #0009);animation:none}.tui-txt-wrapper{justify-content:center;min-width:0}.tui-txt-1,.tui-txt-2{white-space:nowrap;word-spacing:normal}.tui-txt-1{position:relative}.tui-txt-2{position:absolute;left:50%;transform:translate(-50%)}.tui-btn{justify-content:center;align-items:center;gap:.25rem}.tui-btn-svg{flex-grow:0;flex-shrink:0}.tui-btn:before{display:none}.tui-btn{font-size:.8125rem}.tui-btn-svg{width:1.35em;height:1.35em}.tui-btn{--button-color:#059669;background-blend-mode:soft-light,screen,normal;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.85' numOctaves='4' stitchTiles='stitch' type='fractalNoise'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath d='M0 0h140v140H0z' filter='url(%23a)'/%3E%3C/svg%3E"),radial-gradient(120% 80% at 50% -20%,#ffffff47 0,#0000 60%),linear-gradient(#0bb27c,#059669 45%,#046b4f);background-size:140px 140px,cover,cover;border-color:#ffffff3d}.tui-btn-letter{color:#fffe;text-shadow:0 1px 1px #00000040}@keyframes letter-anim{50%{color:#fff;text-shadow:0 0 6px #fffa,0 1px 1px #00000040}}.tui-btn-svg{fill:#fff}