.tsbft{--tsbft-cyan: #3df5ff;--tsbft-text: #ecf6ff;--tsbft-display: var(--font-heading--family, "Barlow", sans-serif);--tsbft-body: var(--font-body--family, sans-serif);--tsbft-ease: cubic-bezier(.22, 1, .36, 1);--tsbft-pad-x: clamp(24px, 3.4vw, 56px);--tsbft-accent-rgb: 61 245 255;padding-block:var(--tsbft-pt, 48px) var(--tsbft-pb, 48px);color:var(--tsbft-text);font-family:var(--tsbft-body);content-visibility:auto;contain-intrinsic-size:auto 720px}.tsbft :where(h2,p,ul){margin:0}.tsbft :where(ul){padding:0;list-style:none}.tsbft-accent--cyan{--tsbft-accent-rgb: 61 245 255}.tsbft-accent--blue{--tsbft-accent-rgb: 90 169 255}.tsbft-accent--magenta{--tsbft-accent-rgb: 255 79 220}.tsbft-accent--violet{--tsbft-accent-rgb: 180 131 255}.tsbft-accent--amber{--tsbft-accent-rgb: 255 181 71}.tsbft-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.tsbft__wrap{min-width:0}@media(min-width:750px){.tsbft.section{display:block}.tsbft__wrap{width:min(1620px,100% - 40px);margin-inline:auto}}.tsbft__tank{position:relative;isolation:isolate;overflow:hidden;padding:clamp(56px,4.8vw,72px) var(--tsbft-pad-x) 0;border-radius:clamp(22px,2.2vw,32px);background:radial-gradient(90% 60% at 50% -8%,#0d2f78,#0d2f7800 64%),radial-gradient(45% 50% at 8% 100%,rgb(168 107 255 / 24%),transparent 72%),radial-gradient(45% 50% at 92% 100%,rgb(61 245 255 / 14%),transparent 72%),linear-gradient(#030817,#040a1f 58%,#02040c);box-shadow:inset 0 0 0 1px #8cbeff38,inset 0 1px #ffffff24,0 28px 60px -34px #02040cbf}.tsbft__tank:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:inherit;background:linear-gradient(100deg,rgb(255 255 255 / 6%),transparent 16%,transparent 84%,rgb(255 255 255 / 4%));pointer-events:none}.tsbft__scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none;container-type:size}.tsbft__lightbar{position:absolute;top:0;left:7%;right:7%;height:6px;border-radius:0 0 6px 6px;background:linear-gradient(90deg,#6a5cff,#e9fbff 30%,#fff,#e9fbff 70%,#6a5cff);box-shadow:0 0 14px #a0e6ffe5,0 4px 40px 6px #3df5ff52}.tsbft__rays{position:absolute;top:0;right:-10%;bottom:28%;left:-10%;background:repeating-conic-gradient(from 160deg at 50% -6%,#82cdff00 0deg 4deg,#82cdff14 7deg,#82cdff00 10deg 14deg);-webkit-mask-image:linear-gradient(#000,transparent 80%);mask-image:linear-gradient(#000,transparent 80%);animation:tsbft-breathe 7s ease-in-out infinite}.tsbft__surface{position:absolute;top:12px;left:0;width:calc(100% + 720px);height:44px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 720 80' preserveAspectRatio='none'%3E%3Cpath d='M0 40Q90 20 180 40T360 40T540 40T720 40V0H0Z' fill='%23123f97' fill-opacity='.5'/%3E%3Cpath d='M0 40Q90 20 180 40T360 40T540 40T720 40' fill='none' stroke='%233df5ff' stroke-width='2.2' stroke-opacity='.8'/%3E%3C/svg%3E") 0 0 / 720px 100% repeat-x;animation:tsbft-surface 24s linear infinite}.tsbft .tsbf-reef{position:absolute;bottom:-2px;width:clamp(150px,17vw,260px);height:auto;opacity:.85}.tsbft .tsbf-reef--left{left:-1%}.tsbft .tsbf-reef--right{right:-1%;transform:scaleX(-1)}.tsbft__swim{position:absolute;left:0;top:var(--y, 50%);width:var(--w, 72px);animation:tsbft-swim var(--dur, 30s) linear var(--delay, 0s) infinite}.tsbft__swim--rtl{animation-name:tsbft-swim-rtl}.tsbft__swim>svg{display:block;width:100%;height:auto;animation:tsbft-bob 3.4s ease-in-out infinite}.tsbft__bubbles i{position:absolute;bottom:-14px;left:var(--x);width:var(--s);height:var(--s);border-radius:50%;background:radial-gradient(circle at 32% 30%,#fffffff2,#aaebff4d 42%,#aaebff0f 70%);box-shadow:inset 0 0 0 1px #c8f5ff73;opacity:.8;animation:tsbft-bubble var(--d) linear var(--delay, 0s) infinite}.tsbft__floor{position:absolute;inset:auto 0 0;height:34%;background:radial-gradient(38% 60% at 30% 100%,rgb(255 61 216 / 18%),transparent 72%),radial-gradient(38% 60% at 70% 100%,rgb(61 245 255 / 14%),transparent 72%)}.tsbft__grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.5fr);align-items:center;gap:clamp(24px,3vw,48px)}.tsbft__intro{display:flex;flex-direction:column;align-items:center;text-align:center}.tsbft-sign{position:relative;width:fit-content;max-width:100%;margin-bottom:clamp(18px,1.8vw,26px);transform-origin:50% -320px;animation:tsbft-sway 7.5s ease-in-out infinite}.tsbft-sign__chain{position:absolute;bottom:calc(100% - 6px);width:14px;height:320px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 48'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23f6eeff'/%3E%3Cstop offset='.5' stop-color='%23b097ff'/%3E%3Cstop offset='1' stop-color='%2368d4ff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='5' y='1.5' width='14' height='22' rx='7' fill='none' stroke='url(%23g)' stroke-width='3'/%3E%3Crect x='10' y='19' width='4' height='26' rx='2' fill='url(%23g)'/%3E%3C/svg%3E") center bottom / 100% auto repeat-y;opacity:.9}.tsbft-sign__chain--l{left:16%}.tsbft-sign__chain--r{right:16%}.tsbft-sign__frame{position:relative;padding:clamp(14px,1.4vw,20px) clamp(18px,1.9vw,28px) clamp(15px,1.5vw,22px);border:3px solid transparent;border-radius:22px;background:linear-gradient(180deg,#1e124e99,#06081ecc) padding-box,linear-gradient(100deg,#ff3dd8,#b05cff 34%,#5a7dff 62%,#3df5ff) border-box;box-shadow:0 0 6px #ff3dd8b3,0 0 24px #b05cff7f,0 0 56px #3df5ff38,inset 0 0 22px #b05cff4d}.tsbft-sign__frame:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:16px;box-shadow:inset 0 0 0 1.5px #ffd6f78c,0 0 8px #ff3dd866;pointer-events:none}.tsbft-sign__title{display:flex;flex-direction:column;align-items:center;gap:clamp(5px,.6vw,8px);font-family:var(--tsbft-display);font-style:italic;font-weight:900;line-height:.92;text-transform:uppercase;letter-spacing:.01em}.tsbft-sign__line1{display:block;padding-inline:.06em;font-size:clamp(1.6rem,2.7vw,3rem);color:#e2feff;text-shadow:0 0 2px rgb(255 255 255 / 95%),0 0 10px rgb(61 245 255 / 95%),0 0 26px rgb(47 125 255 / 75%)}.tsbft-sign__line2{display:flex;align-items:center;gap:clamp(8px,.9vw,12px);font-size:clamp(.8rem,1.15vw,1.25rem);letter-spacing:.08em;color:#ffe8fb;text-shadow:0 0 2px #fff,0 0 10px rgb(255 61 216 / 95%),0 0 22px rgb(255 61 216 / 55%)}.tsbft-sign__line2:before,.tsbft-sign__line2:after{content:"";width:clamp(18px,2.6vw,44px);height:2px;border-radius:2px;background:#ffd9f8;box-shadow:0 0 6px #ff3dd8,0 0 14px #ff3dd8}.tsbft-flicker{display:inline-block;animation:tsbft-flicker 9s linear 3s infinite}.tsbft__kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border-radius:999px;font:700 .72rem/1 var(--tsbft-body);letter-spacing:.2em;text-transform:uppercase;color:var(--tsbft-cyan);background:#3df5ff0f;box-shadow:inset 0 0 0 1px #3df5ff66}.tsbft__live{width:7px;height:7px;border-radius:50%;background:var(--tsbft-cyan);box-shadow:0 0 8px var(--tsbft-cyan);animation:tsbft-blink 1.6s ease-in-out infinite}.tsbft__text{max-width:40ch;margin-top:14px;font-size:clamp(.92rem,1vw,1.02rem);line-height:1.55;color:#c3d1f2}.tsbft__text p{margin:0}.tsbft__text strong{color:#fff}.tsbft-btn{display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:48px;margin-top:clamp(18px,2vw,24px);padding:.85em 1.6em;border-radius:999px;font:italic 900 clamp(.9rem,1vw,1rem) / 1 var(--tsbft-display);letter-spacing:.07em;text-transform:uppercase;text-decoration:none;color:#021018;background:linear-gradient(100deg,#3df5ff,#a6fbff 48%,#3df5ff);box-shadow:inset 0 0 0 1px #ffffff73,0 0 18px #3df5ff8c,0 0 48px #3df5ff42;transition:transform .25s var(--tsbft-ease),box-shadow .25s var(--tsbft-ease)}.tsbft-btn svg{width:1.05em;height:1.05em;flex:none;transition:transform .25s var(--tsbft-ease)}.tsbft-btn:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px #fff9,0 0 24px #3df5ffbf,0 0 72px #3df5ff61}.tsbft-btn:hover svg{transform:translate(3px)}.tsbft-btn:focus-visible,.tsbft-deal:focus-visible{outline:2px solid #fff;outline-offset:3px}.tsbft__deals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1vw,14px)}.tsbft__deals>li{display:flex;min-width:0}.tsbft-deal{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:8px;width:100%;padding:14px 14px 15px;overflow:hidden;container-type:inline-size;border-radius:18px;color:#fff;text-decoration:none;background:radial-gradient(80% 55% at 50% 50%,rgb(var(--tsbft-accent-rgb) / 20%),transparent 70%),linear-gradient(165deg,#0b1c52,#050c29 55%,#03051a);box-shadow:inset 0 0 0 1px rgb(var(--tsbft-accent-rgb) / 30%),inset 0 1px #ffffff14;transition:transform .35s var(--tsbft-ease),box-shadow .35s var(--tsbft-ease),opacity .35s var(--tsbft-ease)}.tsbft-deal:before{content:"";position:absolute;top:0;left:12%;right:12%;height:2px;background:linear-gradient(90deg,transparent,rgb(var(--tsbft-accent-rgb)),transparent);box-shadow:0 0 12px rgb(var(--tsbft-accent-rgb))}.tsbft-deal:after{content:"";position:absolute;inset:-20% auto -20% -60%;width:45%;background:linear-gradient(100deg,transparent,rgb(255 255 255 / 14%),transparent);transform:skew(-18deg);opacity:0;pointer-events:none}.tsbft-deal__top{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:40px}.tsbft-deal__logo{display:flex;flex:1 1 auto;align-items:center;min-width:0;height:clamp(20px,11.5cqi,30px)}.tsbft-deal__logo img{display:block;width:auto;max-width:100%;height:100%;object-fit:contain;object-position:left center}.tsbft-deal__logo--white img{filter:brightness(0) invert(1)}.tsbft-deal__logo--plate{flex:0 1 auto;height:clamp(24px,14cqi,36px);padding:3px;border-radius:8px;background:#fff;box-shadow:0 0 14px rgb(var(--tsbft-accent-rgb) / 45%)}.tsbft-deal__logo--plate img{border-radius:5px}.tsbft-deal__wordmark{overflow:hidden;font:italic 900 .95rem/1 var(--tsbft-display);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.tsbft-deal__pct{display:inline-flex;flex:none;align-items:center;gap:.04em;font-family:var(--tsbft-display);font-style:italic;font-weight:900;line-height:.8;color:#f4feff;text-shadow:0 0 3px #fff,0 0 10px rgb(var(--tsbft-accent-rgb) / 95%),0 0 24px rgb(var(--tsbft-accent-rgb) / 60%)}.tsbft-deal__num{font-size:clamp(1.94rem,18.15cqi,3.51rem);letter-spacing:-.03em}.tsbft-deal__side{display:flex;flex-direction:column;gap:.1em;padding-left:.04em}.tsbft-deal__sym{font-size:clamp(.97rem,8.47cqi,1.64rem)}.tsbft-deal__off,.tsbft-deal__upto{font-size:clamp(.61rem,4.11cqi,.87rem);letter-spacing:.08em}.tsbft-deal__upto{display:flex;flex-direction:column;align-items:flex-end;gap:.1em;padding-right:.1em;text-transform:uppercase}.tsbft-deal__media{--tsbft-media-h: clamp(88px, 50cqi, 156px);position:relative;display:grid;flex:none;place-items:center;height:var(--tsbft-media-h)}.tsbft-deal__media:before{content:"";position:absolute;width:72%;aspect-ratio:2;border-radius:50%;background:radial-gradient(closest-side,rgb(var(--tsbft-accent-rgb) / 34%),transparent)}.tsbft-deal__media img{position:relative;display:block;width:auto;max-width:92%;height:auto;max-height:var(--tsbft-media-h);top:calc(var(--tsbft-media-h) * var(--tsbft-img-y, 0) / 100);object-fit:contain;scale:var(--tsbft-img-scale, 1);animation:tsbft-float 6.5s ease-in-out infinite;animation-delay:calc(var(--i, 0) * -1.1s);transition:scale .35s var(--tsbft-ease)}.tsbft-deal__media--framed img{max-height:calc(var(--tsbft-media-h) * .88);border-radius:10px;box-shadow:0 0 0 1px #ffffff38,0 0 18px rgb(var(--tsbft-accent-rgb) / 40%)}.tsbft-deal__title{position:relative;z-index:1;margin-top:auto;font:italic 900 clamp(.74rem,6.4cqi,1.05rem) / 1.1 var(--tsbft-display);letter-spacing:.02em;text-transform:uppercase;text-wrap:balance}.tsbft-deal__title:after{content:"\2192";content:"\2192" / "";display:inline-block;margin-left:.35em;color:rgb(var(--tsbft-accent-rgb));opacity:0;transform:translate(-6px);transition:opacity .35s var(--tsbft-ease),transform .35s var(--tsbft-ease)}.tsbft-deal:is(:hover,:focus-visible){transform:translateY(-5px);box-shadow:inset 0 0 0 1.5px rgb(var(--tsbft-accent-rgb) / 90%),0 0 26px -4px rgb(var(--tsbft-accent-rgb) / 60%),0 20px 40px -18px #000000d9}.tsbft-deal:is(:hover,:focus-visible):after{animation:tsbft-sheen .9s var(--tsbft-ease) both}.tsbft-deal:is(:hover,:focus-visible) .tsbft-deal__media img{scale:calc(var(--tsbft-img-scale, 1) * 1.06)}.tsbft-deal:is(:hover,:focus-visible) .tsbft-deal__title:after{opacity:1;transform:none}@media(hover:hover){.tsbft__deals:has(.tsbft-deal:hover) .tsbft-deal:not(:hover){opacity:.6}}.tsbft__ticker{position:relative;z-index:1;margin:clamp(24px,2.6vw,36px) calc(-1 * var(--tsbft-pad-x)) 0;padding-block:12px;overflow:hidden;border-top:1px solid rgb(140 190 255 / 16%);background:linear-gradient(90deg,#ff3dd81f,#3df5ff17,#a86bff1f),#02040cb3}.tsbft__ticker-track{display:flex;width:max-content;animation:tsbft-marquee 40s linear infinite}.tsbft__ticker:hover .tsbft__ticker-track{animation-play-state:paused}.tsbft__ticker-list{display:flex;flex:none;align-items:center}.tsbft__ticker-list li{display:inline-flex;align-items:center;gap:.5em;padding-left:18px;white-space:nowrap;font:italic 900 .92rem/1 var(--tsbft-display);letter-spacing:.08em;text-transform:uppercase;color:#dbe6ff}.tsbft__ticker-list li:after{content:"";width:5px;height:5px;margin-left:12px;border-radius:50%;background:#ff7be6;box-shadow:0 0 8px #ff3dd8}.tsbft__ticker-list b{color:#ff7be6;text-shadow:0 0 8px rgb(255 61 216 / 70%)}@media(min-width:990px)and (max-width:1199px){.tsbft__grid{grid-template-columns:minmax(0,.72fr) minmax(0,1.5fr)}}@media(max-width:989px){.tsbft--desktop-only{display:none}.tsbft__tank{--tsbft-pad-x: 16px;padding-top:52px}.tsbft__grid{grid-template-columns:minmax(0,1fr)}.tsbft__deals{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:989px),(hover:none){.tsbft__swim,.tsbft__bubbles,.tsbft__rays{display:none}.tsbft-sign,.tsbft-flicker,.tsbft__surface,.tsbft-deal__media img{animation:none}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference)and (min-width:990px)and (hover:hover){.tsbft-sign__frame{animation:tsbft-light-up linear both;animation-timeline:view();animation-range:entry 30% cover 40%}}}@media(prefers-reduced-motion:reduce){.tsbft *,.tsbft *:before,.tsbft *:after{animation:none!important;transition:none!important}.tsbft__swim,.tsbft__bubbles{display:none}.tsbft__ticker-track{width:auto;flex-wrap:wrap;justify-content:center}.tsbft__ticker-list{flex-wrap:wrap;justify-content:center;row-gap:10px}.tsbft__ticker-list[aria-hidden=true]{display:none}}@keyframes tsbft-breathe{0%,to{opacity:.7}50%{opacity:1}}@keyframes tsbft-surface{to{transform:translate(-720px)}}@keyframes tsbft-swim{0%{transform:translate(-140px)}to{transform:translate(calc(100cqw + 40px))}}@keyframes tsbft-swim-rtl{0%{transform:translate(calc(100cqw + 40px)) scaleX(-1)}to{transform:translate(-140px) scaleX(-1)}}@keyframes tsbft-bob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(2deg)}}@keyframes tsbft-bubble{0%{transform:translate(0);opacity:0}10%{opacity:.8}50%{transform:translate(6px,-52cqh)}85%{opacity:.6}to{transform:translateY(-104cqh);opacity:0}}@keyframes tsbft-sway{0%,to{transform:rotate(-.6deg)}50%{transform:rotate(.6deg)}}@keyframes tsbft-flicker{0%,92%{opacity:1}93%{opacity:.35}94%{opacity:1}96%{opacity:.55}97%,to{opacity:1}}@keyframes tsbft-blink{0%,to{opacity:1}50%{opacity:.35}}@keyframes tsbft-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes tsbft-sheen{0%{opacity:1;translate:0 0}to{opacity:1;translate:380% 0}}@keyframes tsbft-marquee{to{transform:translate(-50%)}}@keyframes tsbft-light-up{0%,45%{opacity:.15}52%{opacity:1}60%{opacity:.3}70%,to{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/221/assets/topshelf-bf-neon-teaser.css.map */