.tisp{container-type:inline-size;position:relative;overflow:hidden;background-color:var(--tisp-bg,#0d0d0d);color:#fff;text-align:center;background-image:radial-gradient(ellipse 60% 70% at 18% 25%,rgba(255,255,255,calc(var(--tisp-smoke,.12)*.55)),transparent 70%),radial-gradient(ellipse 55% 60% at 82% 70%,rgba(255,255,255,calc(var(--tisp-smoke,.12)*.45)),transparent 72%),radial-gradient(ellipse 70% 50% at 50% 100%,rgba(255,255,255,calc(var(--tisp-smoke,.12)*.35)),transparent 75%)}.tisp-in{position:relative;max-width:1180px;margin:0 auto;padding:22px 14px 16px}.tisp-eb span{display:inline-block;font-size:clamp(12px,4.2cqw,15px);font-weight:700;letter-spacing:.14em;border-bottom:3px solid var(--tisp-red,#d94545);padding:0 6px 3px}.tisp-h{margin:12px 0 8px;font-weight:700;line-height:1;text-transform:uppercase;font-size:clamp(30px,10.5cqw,40px);color:#fff}.tisp-shine{display:inline-block;color:#fff}.tisp-h1,.tisp-h2{display:block}.tisp-sub0{margin:0 0 6px;font-size:clamp(12px,3.9cqw,14px);letter-spacing:.04em;color:#fff}.tisp-sub0 em{font-style:normal;color:var(--tisp-accent,#e07a6e)}.tisp-tiers{list-style:none;margin:0;padding:10px 0 0;display:grid;gap:8px}.tisp-t{display:grid;grid-template-columns:auto auto minmax(0,1fr);grid-template-areas:"ic sp ttl" "sub sub sub";align-items:center;column-gap:10px;text-align:left;border:.5px solid #444;border-radius:10px;padding:10px 12px;background:#ffffff0a;margin:0}.tisp-ic{grid-area:ic;width:32px;height:32px;border-radius:50%;border:1px solid var(--tisp-accent,#e07a6e);display:flex;align-items:center;justify-content:center;overflow:hidden}.tisp-ic svg{width:18px;height:18px;fill:none;stroke:var(--tisp-accent,#e07a6e);stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}.tisp-sp{grid-area:sp;display:block}.tisp-sp small{display:block;font-size:10px;letter-spacing:.08em;color:#bdbdbd;line-height:1.2}.tisp-sp b{display:block;font-size:clamp(18px,6.4cqw,22px);font-weight:700;line-height:1.1;white-space:nowrap}.tisp-ttl{grid-area:ttl;display:block;min-width:0;overflow:hidden;white-space:normal;text-align:right;font-size:clamp(10px,3.4cqw,12px);font-weight:700;line-height:1.2}.tisp-sub{grid-area:sub;display:block;overflow:hidden;white-space:nowrap;margin-top:7px;padding-top:6px;border-top:.5px solid #333;font-size:clamp(9px,3cqw,11px);color:var(--tisp-accent,#e07a6e)}@media(min-width:750px){.tisp-in{padding:40px 24px 8px}.tisp-eb span{font-size:clamp(16px,1.7cqw,22px);border-bottom-width:4px;padding:0 8px 4px}.tisp-h{margin:14px 0 10px;font-size:clamp(46px,5.8cqw,64px)}.tisp-h1,.tisp-h2{display:inline}.tisp-sub0{font-size:clamp(16px,2.2cqw,24px)}.tisp-tiers{position:relative;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:30px 3% 0;padding:0 0 44px}.tisp-tiers:before{content:"";position:absolute;left:16.6%;right:16.6%;top:38px;height:2px;background:var(--tisp-accent,#e07a6e);opacity:.6;transform-origin:left}.tisp-t{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;border:0;background:none;padding:0}.tisp-ic{width:76px;height:76px;border-width:2px;background:var(--tisp-bg,#0d0d0d);position:relative}.tisp-ic svg{width:34px;height:34px;stroke-width:1.4}.tisp-sp{margin-top:16px;text-align:center}.tisp-sp small{font-size:13px;letter-spacing:.12em}.tisp-sp b{font-size:clamp(30px,3.8cqw,42px)}.tisp-ttl{white-space:nowrap;margin-top:8px;width:100%;text-align:center;font-size:clamp(14px,1.7cqw,19px);font-weight:500}.tisp-sub{margin-top:6px;width:100%;text-align:center;border:0;padding:0;font-size:clamp(11px,1.35cqw,15px)}}@keyframes tispShine{0%{background-position:180% 0}to{background-position:-80% 0}}@keyframes tispDrive{0%{transform:translate(-30px);opacity:0}60%{opacity:1}to{transform:none;opacity:1}}@keyframes tispWob{0%,70%,to{transform:rotate(0)}76%{transform:rotate(-11deg)}84%{transform:rotate(9deg)}92%{transform:rotate(-4deg)}}@keyframes tispLine{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes tispRise{0%{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}.tisp.js-anim:not(.is-anim) .tisp-t{opacity:0}.tisp.is-anim .tisp-shine{background-image:linear-gradient(105deg,#fff 0 32%,#ffe9e4 42%,#ffc2b6,#ffe9e4 58%,#fff 68% 100%);background-size:320% 100%;background-position:180% 0;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:tispShine var(--tisp-shine,5s) cubic-bezier(.4,0,.4,1) .8s 3 both}.tisp.is-anim .tisp-t{animation:tispRise .6s ease-out both;animation-delay:calc(var(--i) * .15s)}.tisp.is-anim .tisp-truck{animation:tispDrive 1s cubic-bezier(.2,.8,.2,1) both}.tisp.is-anim[data-anim=full] .tisp-gift{animation:tispWob 2.4s ease-in-out 1.6s var(--tisp-wob,3);transform-origin:50% 80%}.tisp.is-anim[data-anim=full] .tisp-gift2{animation-delay:2.6s}@media(min-width:750px){.tisp.is-anim .tisp-tiers:before{animation:tispLine 1.4s ease-out .3s both}}@media(prefers-reduced-motion:reduce){.tisp *,.tisp *:before{animation:none!important}.tisp.js-anim:not(.is-anim) .tisp-t{opacity:1}.tisp.is-anim .tisp-shine{background:none;color:#fff;-webkit-text-fill-color:#fff}}
/*# sourceMappingURL=/cdn/shop/t/65/assets/ti-spend-banner.css.map */