.tbf-offer{--o-black: #000;--o-yellow: var(--tbf-yellow, #ffd100);--o-gold: #f0b400;--o-mute: #b9b5ab;--o-ease: cubic-bezier(.16, 1, .3, 1);--o-display: var(--tbf-display, "Helvetica Neue", Arial, sans-serif);--o-body: var(--tbf-body, system-ui, sans-serif);--px: 0;--py: 0;--backdrop-color-rgb: 0 0 0;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:24px;border:0;background:transparent;color:#fff;overflow:hidden auto;overscroll-behavior:contain;z-index:2147483000}.tbf-offer[open]{display:grid;place-items:center}.tbf-offer::backdrop{background:#0a0a0abd}.tbf-offer--editor{background:#0a0a0abd}.tbf-offer,.tbf-offer *,.tbf-offer *:before,.tbf-offer *:after{box-sizing:border-box}.tbf-offer :focus-visible{outline:3px solid var(--o-yellow);outline-offset:3px}.tbf-offer ::selection{background:var(--o-yellow);color:#111}.tbf-offer__panel{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-rows:auto auto auto 1fr;grid-template-areas:"logo stage" "band stage" "text stage" "actions stage";width:min(980px,100%);min-height:min(560px,100%);background:var(--o-black);border-radius:2px;box-shadow:0 0 0 1px #ffd1004d,0 36px 90px -24px #000000e6;overflow:hidden;perspective:1100px}.tbf-offer__glow{position:absolute;top:-12%;right:-8%;bottom:0;left:-8%;z-index:0;pointer-events:none;background:radial-gradient(46% 42% at 66% 6%,rgb(255 200 0 / .44),rgb(255 190 0 / .12) 55%,transparent 76%),radial-gradient(30% 26% at 20% 0%,rgb(255 214 64 / .2),transparent 72%),radial-gradient(60% 30% at 68% 104%,rgb(255 196 0 / .16),transparent 74%);transform:translate3d(calc(var(--px) * 22px),calc(var(--py) * 14px),0)}.tbf-offer__close{position:absolute;top:10px;right:10px;z-index:5;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:2px;background:#00000080;color:#fff;cursor:pointer;transition:background-color .15s ease,color .15s ease,transform .15s var(--o-ease)}.tbf-offer__close:hover{background:var(--o-yellow);color:#111}.tbf-offer__close:active{transform:scale(.94)}.tbf-offer__logo{grid-area:logo;position:relative;z-index:3;margin:0;padding:40px 0 0 48px}.tbf-offer__logo img{display:block;width:220px;max-width:100%;height:auto}.tbf-offer__logo--white img{filter:brightness(0) invert(1)}.tbf-offer__band{grid-area:band;position:relative;z-index:2;justify-self:start;width:max-content;min-width:calc(100% + 96px);margin:26px 0 0 -24px;padding:.14em .6em .1em 72px;background:linear-gradient(96deg,var(--o-gold) 0%,var(--o-yellow) 22%,#ffe14d 52%,var(--o-yellow) 76%,var(--o-gold) 100%);color:#0b0b0b;font:800 clamp(3.75rem,7vw,5.25rem) / 1 var(--o-display);outline:0;letter-spacing:-.03em;text-transform:uppercase;white-space:nowrap;clip-path:polygon(0 0,100% 0,calc(100% - .42em) 100%,0 100%);overflow:hidden;transform:translate3d(calc(var(--px) * -8px),calc(var(--py) * -5px),0) rotate(-4deg);transform-origin:0 50%}.tbf-offer__band-text{display:inline-block;transform:skew(-9deg)}.tbf-offer__band:after{content:"";position:absolute;inset:-20% auto -20% 0;width:32%;background:linear-gradient(100deg,transparent 0%,rgb(255 255 255 / .1) 20%,rgb(255 255 255 / .85) 50%,rgb(255 255 255 / .1) 80%,transparent 100%);mix-blend-mode:soft-light;transform:translate3d(-140%,0,0) skew(-18deg);pointer-events:none}.tbf-offer__text{grid-area:text;position:relative;z-index:3;margin:34px 0 0 48px;padding-left:18px;border-left:1px solid var(--o-yellow)}.tbf-offer__desc{max-width:15em;margin:0;font:italic 600 1.125rem / 1.3 var(--o-body);letter-spacing:.1em;text-transform:uppercase;color:#fff}.tbf-offer__tag{margin:12px 0 0 -6px}.tbf-offer__tag span{display:inline-block;padding:.36em 1em .3em .8em;background:var(--o-yellow);color:#0b0b0b;font:800 1.375rem / 1.05 var(--o-display);letter-spacing:-.01em;text-transform:uppercase;clip-path:polygon(.5em 0,100% 0,calc(100% - .5em) 100%,0 100%)}.tbf-offer__actions{grid-area:actions;position:relative;z-index:3;display:flex;flex-wrap:wrap;align-items:center;align-content:end;gap:4px 20px;padding:36px 0 40px 48px}.tbf-offer__cta{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.75rem;min-height:56px;padding:.75rem 1.75rem;border:2px solid var(--o-yellow);border-radius:2px;background:var(--o-yellow);color:#111;font:700 1.0625rem / 1.2 var(--o-body);text-decoration:none;cursor:pointer;translate:var(--mx, 0) var(--my, 0);transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s var(--o-ease),translate .25s var(--o-ease)}.tbf-offer__cta svg{flex:none;transition:transform .25s var(--o-ease)}.tbf-offer__cta:hover{background:#fff;border-color:#fff;color:#111}.tbf-offer__cta:hover svg{transform:translate3d(4px,0,0)}.tbf-offer__cta:active{transform:scale(.97)}.tbf-offer__dismiss{min-height:44px;padding:0 4px;border:0;background:none;color:var(--o-mute);font:500 .9375rem / 1.2 var(--o-body);text-decoration:underline;text-decoration-color:#b9b5ab73;text-underline-offset:.3em;cursor:pointer;transition:color .15s ease,text-decoration-color .15s ease}.tbf-offer__dismiss:hover{color:#fff;text-decoration-color:currentcolor}.tbf-offer__stage{grid-area:stage;position:relative;z-index:1;min-height:420px;pointer-events:none;mix-blend-mode:lighten}.tbf-offer__floor{position:absolute;inset:auto -6% 2% -10%;height:26%;background:radial-gradient(closest-side,rgb(255 205 0 / .2),transparent)}.tbf-offer__product{position:absolute;inset:auto -3% 0 -9%;aspect-ratio:5 / 4;transform:translate3d(calc(var(--px) * 16px),calc(var(--py) * 9px),0) rotateY(calc(var(--px) * 7deg)) rotateX(calc(var(--py) * -5deg));transform-origin:50% 80%;will-change:transform}.tbf-offer__product img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 92%}.tbf-offer--contain .tbf-offer__product img{object-fit:contain;object-position:50% 100%}.tbf-offer__product:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,var(--o-black),transparent 10%),linear-gradient(to right,var(--o-black),transparent 14%)}@media(max-width:749px){.tbf-offer{padding:0}.tbf-offer[open]{place-items:end stretch}.tbf-offer__panel{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);grid-template-rows:auto auto auto auto;grid-template-areas:"logo logo" "band band" "stage text" "actions actions";width:100%;min-height:0;max-height:100%;border-radius:16px 16px 0 0;box-shadow:0 -1px #ffd1005c;overflow:hidden auto}.tbf-offer__glow{background:radial-gradient(70% 34% at 50% 4%,rgb(255 200 0 / .42),rgb(255 190 0 / .1) 58%,transparent 78%),radial-gradient(60% 24% at 30% 82%,rgb(255 196 0 / .14),transparent 74%)}.tbf-offer__close{top:6px;right:6px}.tbf-offer__logo{padding:22px 56px 0}.tbf-offer__logo img{width:170px;margin:0 auto}.tbf-offer__band{justify-self:stretch;width:auto;min-width:0;margin:16px -14px 0;padding:.16em 0 .12em;font-size:clamp(3.25rem,17.5vw,4.75rem);text-align:center;clip-path:none;transform:rotate(-3deg);transform-origin:50% 50%}.tbf-offer__stage{min-height:0;margin-top:-6px}.tbf-offer__floor{inset:auto -10% 0 -10%}.tbf-offer__product{position:relative;inset:auto;margin:0 -4% 0 -2%;aspect-ratio:1 / .96;transform:none;will-change:auto}.tbf-offer__text{align-self:center;margin:18px 16px 0 6px;padding-left:12px}.tbf-offer__desc{font-size:.875rem;letter-spacing:.08em}.tbf-offer__tag{margin-top:10px}.tbf-offer__tag span{font-size:1.0625rem;padding-inline:.7em .9em}.tbf-offer__actions{flex-direction:column;align-items:stretch;gap:2px;padding:10px 20px calc(10px + env(safe-area-inset-bottom,0px));background:linear-gradient(to top,var(--o-black) 70%,transparent)}.tbf-offer__cta{width:100%}.tbf-offer__dismiss{align-self:center;padding-inline:16px}}@media(max-width:749px)and (max-height:560px){.tbf-offer__product{aspect-ratio:1 / .7}}html.tbf-offer-open,html.tbf-offer-open .page-wrapper{overflow:hidden;scrollbar-gutter:stable}@media(prefers-reduced-motion:no-preference){.tbf-offer[open]::backdrop{animation:tbf-offer-fade .3s ease both}.tbf-offer--editor[open]{animation:tbf-offer-fade .3s ease both}.tbf-offer[open] .tbf-offer__panel{animation:tbf-offer-panel .5s var(--o-ease) backwards}.tbf-offer[open] .tbf-offer__glow{animation:tbf-offer-glow 1.3s var(--o-ease) .1s backwards}.tbf-offer[open] .tbf-offer__band{animation:tbf-offer-band .62s var(--o-ease) .2s backwards}.tbf-offer[open] .tbf-offer__band:after{animation:tbf-offer-sweep 6.5s cubic-bezier(.4,0,.2,1) .8s infinite both}.tbf-offer[open] .tbf-offer__stage{animation:tbf-offer-rise 1s var(--o-ease) .34s backwards}.tbf-offer[open] :is(.tbf-offer__logo,.tbf-offer__text,.tbf-offer__actions,.tbf-offer__close){animation:tbf-offer-word .55s var(--o-ease) backwards}.tbf-offer[open] .tbf-offer__logo{animation-delay:.12s}.tbf-offer[open] .tbf-offer__text{animation-delay:.56s}.tbf-offer[open] .tbf-offer__actions{animation-delay:.68s}.tbf-offer[open] .tbf-offer__close{animation-delay:.5s}.tbf-offer.is-closing::backdrop{animation:tbf-offer-fade .2s ease reverse both}.tbf-offer.is-closing .tbf-offer__panel{animation:tbf-offer-out .2s ease-in both}@media(max-width:749px){.tbf-offer[open] .tbf-offer__panel{animation:tbf-offer-sheet .52s var(--o-ease) backwards}.tbf-offer.is-closing .tbf-offer__panel{animation:tbf-offer-sheet-out .22s ease-in both}.tbf-offer[open] .tbf-offer__band{animation-name:tbf-offer-band-sm}}}@keyframes tbf-offer-fade{0%{opacity:0}}@keyframes tbf-offer-panel{0%{opacity:0;transform:translate3d(0,18px,0) scale(.97)}}@keyframes tbf-offer-out{to{opacity:0;transform:translate3d(0,10px,0) scale(.985)}}@keyframes tbf-offer-sheet{0%{transform:translate3d(0,100%,0)}}@keyframes tbf-offer-sheet-out{to{transform:translate3d(0,100%,0)}}@keyframes tbf-offer-glow{0%{opacity:0;transform:scale(.72)}}@keyframes tbf-offer-band{0%{transform:translate3d(-112%,0,0) rotate(-4deg)}62%{transform:translate3d(1.6%,0,0) rotate(-4deg)}}@keyframes tbf-offer-band-sm{0%{transform:translate3d(-112%,0,0) rotate(-3deg)}62%{transform:translate3d(1.6%,0,0) rotate(-3deg)}}@keyframes tbf-offer-sweep{0%{transform:translate3d(-140%,0,0) skew(-18deg)}17%,to{transform:translate3d(460%,0,0) skew(-18deg)}}@keyframes tbf-offer-rise{0%{opacity:0;transform:translate3d(0,64px,0) scale(.95)}}@keyframes tbf-offer-word{0%{opacity:0;transform:translate3d(0,12px,0)}}@media(prefers-reduced-motion:reduce){.tbf-offer *,.tbf-offer *:after{transition:none!important}.tbf-offer__glow,.tbf-offer__product{transform:none}.tbf-offer__band{transform:rotate(-4deg)}}@media(prefers-reduced-motion:reduce)and (max-width:749px){.tbf-offer__band{transform:rotate(-3deg)}}@media(forced-colors:active){.tbf-offer__panel{border:1px solid CanvasText}.tbf-offer__band,.tbf-offer__tag span{clip-path:none;forced-color-adjust:none}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/tbf-offer.css.map */