.bgapp{--cr:#EFEADF;--or:#FF5F00;--orh:#E25400;--gx-or:linear-gradient(180deg,#FF7A26 0%,#FF5F00 55%,#F05400 100%);--gx-or-h:linear-gradient(180deg,#FF6E14,#F25600 60%,#E04E00);--gx-or-sh:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -2px 6px rgba(150,45,0,.22),inset 0 0 0 1px rgba(255,255,255,.16),0 12px 28px -14px rgba(255,95,0,.75);--ink:#2F2F2F;--lead:#4B5563;--mute:#8A7F78;--line:#E4DDD2;--ok:#1F7A45;--num:"BGInktrap",var(--font-heading-family,"BodyGen"),Helvetica,Arial,sans-serif;--e-out:cubic-bezier(.22,1,.36,1);--e-soft:cubic-bezier(.33,1,.68,1);--pad:clamp(22px,3.2vw,48px);font-family:var(--font-body-family,"BodyGen"),"Helvetica Neue",Helvetica,Arial,sans-serif;color:var(--ink);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none;overflow-x:clip}.bgapp *,.bgapp *:before,.bgapp *:after{box-sizing:border-box}.bgapp :where(h1,p){margin:0;padding:0}.bgapp em{font-style:normal}.bgapp-sec{padding:clamp(20px,3vw,48px) 0 clamp(44px,5vw,80px)}.bgapp-wrap{max-width:1600px;margin:0 auto;padding:0 16px}@media(min-width:1000px){.bgapp-wrap{padding:0 28px}}.bgapp-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 40px;margin:0 0 clamp(20px,2.4vw,32px);padding:0 clamp(4px,1vw,20px)}.bgapp .bgapp-h{font-weight:500;font-family:inherit;text-transform:none;color:var(--ink);font-size:clamp(36px,calc(2.6vw + 27px),64px);line-height:1.04;letter-spacing:-.025em}.bgapp-h em{color:var(--or)}.bgapp-lead{max-width:440px;font-size:clamp(16px,calc(.3vw + 15px),19px);line-height:1.55;color:var(--lead);text-wrap:pretty}.bgapp-line{display:block;overflow:hidden;padding-bottom:.1em;margin-bottom:-.1em}.bgapp-line>span{display:block;transition:transform 1.25s var(--e-out) var(--d,.15s)}.bgapp.js:not(.go) .bgapp-line>span{transform:translate3d(0,112%,0)}.bgapp-fu{transition:opacity 1s var(--e-out) var(--d,.5s),transform 1.1s var(--e-out) var(--d,.5s)}.bgapp.js:not(.go) .bgapp-fu{opacity:0;transform:translate3d(0,26px,0)}.bgapp-box{position:relative;display:flex;gap:4px;height:clamp(580px,calc(100svh - 240px),840px);border-radius:18px;overflow:hidden;background:#fff;isolation:isolate;box-shadow:0 40px 90px -50px #2f2f2f8c}.bgapp-box:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(255,95,0,.55);border-radius:inherit;pointer-events:none;z-index:6}.bgapp .bgapp-half{--cw:clamp(220px,17vw,264px);position:relative;flex:1 1 0;min-width:0;display:block;overflow:hidden;color:#fff;text-decoration:none;isolation:isolate;transition:flex-grow 1s var(--e-out)}.bgapp-media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0}.bgapp-media img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;transform:scale(var(--z,1));transition:transform 2.4s var(--e-out)}.bgapp-p .bgapp-media img{object-position:44% 30%}.bgapp-k .bgapp-media img{object-position:66% 22%}.bgapp.js:not(.go) .bgapp-media img{--z:1.16}.bgapp-shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(to top,#1c1612cc,#1c16126b 34%,#1c161200 60%),linear-gradient(to bottom,#1c16124d,#1c161200 24%)}.bgapp-half:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:#1c161200;transition:background .8s var(--e-soft);pointer-events:none}.bgapp-lab{position:absolute;left:var(--pad);top:var(--pad);z-index:3;display:inline-flex;align-items:center;gap:.4em;width:max-content;padding:10px 16px;border-radius:10px;font-size:13px;letter-spacing:.16em;text-transform:uppercase;line-height:1;color:#fff;background:#1c16124d;border:1px solid rgba(255,255,255,.55);box-shadow:inset 0 1px #fff6;-webkit-backdrop-filter:blur(12px) saturate(1.5);backdrop-filter:blur(12px) saturate(1.5);white-space:nowrap}.bgapp-lab b{font-weight:500;color:var(--or)}.bgapp-cap{position:absolute;left:var(--pad);right:var(--pad);bottom:var(--pad);z-index:3;display:grid;justify-items:start}.bgapp-t{display:block;font-weight:500;font-size:clamp(44px,calc(3.4vw + 18px),92px);line-height:1;letter-spacing:-.034em;color:var(--or);text-shadow:0 2px 28px rgba(28,24,22,.35);white-space:nowrap}.bgapp-cap>.bgapp-fu{display:grid;justify-items:start}.bgapp-d{margin-top:14px;max-width:min(34ch,calc(100% - var(--cw) - 24px));font-size:clamp(16px,calc(.3vw + 15px),19px);line-height:1.5;color:#ffffffeb;text-wrap:pretty}.bgapp .bgapp-btn{margin-top:clamp(20px,2.2vw,30px);display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:58px;min-width:290px;padding:0 34px;border-radius:14px;border:1px solid rgba(255,255,255,.35);background:var(--gx-or);color:#fff;font-size:18px;font-weight:500;line-height:1;white-space:nowrap;-webkit-text-stroke:.35px currentColor;box-shadow:var(--gx-or-sh);transition:background .3s var(--e-soft),transform .3s var(--e-soft),box-shadow .5s var(--e-soft)}.bgapp-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .45s var(--e-out)}.bgapp-card{position:absolute;right:var(--pad);bottom:var(--pad);z-index:4;width:var(--cw);perspective:900px}.bgapp-card-in{display:grid;gap:7px;padding:16px 18px 14px;border-radius:18px;background:#ffffff1f;color:#fff;-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);box-shadow:inset 0 0 0 1px #ff5f0099,inset 0 1px #ffffff59,0 30px 60px -28px #0000008c;transform:rotateX(var(--rx,0deg)) rotateY(calc(-3deg + var(--ry,0deg)));transform-origin:50% 50%;transition:transform .7s var(--e-out);backface-visibility:hidden}.bgapp-card-top{display:flex;align-items:center;justify-content:space-between;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);line-height:1}.bgapp-card-top i{width:8px;height:8px;border-radius:50%;background:var(--or)}.bgapp-card-h{font-size:18px;font-weight:500;line-height:1.2}.bgapp-card-s{font-family:var(--num);font-size:13px;line-height:1.2;color:#ffffffb8;font-variant-numeric:tabular-nums}.bgapp-chip{justify-self:start;display:inline-flex;align-items:center;height:28px;margin-top:4px;padding:0 12px;border-radius:10px;font-size:13px;font-weight:500;line-height:1;color:#fff;background:var(--gx-or);box-shadow:inset 0 1px #ffffff80;transition:color .5s,background .5s,box-shadow .5s,filter .45s var(--e-soft),opacity .45s var(--e-soft)}.bgapp-chip.is-done{color:#fff;background:linear-gradient(180deg,#2a9358,#1f7a45);box-shadow:inset 0 1px #fff6}.bgapp-chip.swap{filter:blur(5px);opacity:0}.bgapp-track{position:relative;display:flex;align-items:center;justify-content:space-between;height:12px;margin-top:8px}.bgapp-track:before{content:"";position:absolute;left:5px;right:5px;top:50%;height:2px;margin-top:-1px;border-radius:2px;background:#ffffff4d}.bgapp-track b{position:absolute;left:5px;top:50%;height:2px;margin-top:-1px;border-radius:2px;background:var(--or);width:calc((100% - 10px) * var(--p,0));transition:width 1.2s var(--e-out)}.bgapp-track i{position:relative;z-index:1;width:12px;height:12px;border-radius:50%;background:#1c161259;box-shadow:inset 0 0 0 2px #fff9;transition:box-shadow .6s,background .6s}.bgapp-track i.on{background:var(--or);box-shadow:inset 0 0 0 2px var(--or)}.bgapp-track-l{display:flex;justify-content:space-between;font-size:11.5px;line-height:1;color:#ffffffb8}@media(hover:hover)and (min-width:900px){.bgapp-box:hover .bgapp-half{flex-grow:.8}.bgapp-box .bgapp-half:hover{flex-grow:1.2}.bgapp-box:hover .bgapp-half:not(:hover):after{background:#1c161252}.bgapp.go .bgapp-half:hover .bgapp-media img{--z:1.035;transition-duration:1.6s}.bgapp-half:hover .bgapp-btn{background:var(--gx-or-h);transform:translateY(-2px)}.bgapp-half:hover .bgapp-btn svg{transform:translate(4px)}.bgapp.go .bgapp-box:hover .bgapp-half:not(:hover) .bgapp-card{opacity:0;transform:translate3d(0,14px,0)}}.bgapp.done .bgapp-fu{transition-delay:0s}.bgapp .bgapp-half:focus-visible{outline:3px solid var(--or);outline-offset:-3px}.bgapp-help{margin-top:22px;padding:0 clamp(4px,1vw,20px);font-size:15px;line-height:1.5;color:var(--lead)}.bgapp .bgapp-help a{color:var(--or);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}@media(min-width:900px)and (max-width:1279px){.bgapp{--pad:32px}.bgapp .bgapp-half{--cw:210px}.bgapp-card-s,.bgapp-track-l{display:none}.bgapp .bgapp-btn{min-width:250px;min-height:56px;font-size:17px}}@media(min-width:900px)and (max-width:1099px){.bgapp .bgapp-half{--cw:0px}.bgapp-card{display:none}}@media(max-width:899px){.bgapp-head{display:block}.bgapp-lead{margin-top:10px}.bgapp-box{flex-direction:column;height:auto;border-radius:18px}.bgapp .bgapp-half{flex:none;height:clamp(540px,150vw,640px);display:flex;flex-direction:column;justify-content:flex-end;gap:16px;padding:var(--pad)}.bgapp-card,.bgapp-cap{position:relative;inset:auto;left:auto;right:auto;top:auto;bottom:auto}.bgapp-card{width:min(250px,100%)}.bgapp-card-in{transform:none;padding:13px 15px 12px;gap:5px}.bgapp-card-s,.bgapp-track-l{display:none}.bgapp-card-h{font-size:16px;margin-top:0}.bgapp-chip{height:26px;font-size:12.5px}.bgapp-lab{font-size:12px;letter-spacing:.14em;padding:8px 12px}.bgapp-t{font-size:clamp(40px,11.5vw,52px)}.bgapp-cap>.bgapp-fu{width:100%}.bgapp-d{max-width:34ch}.bgapp .bgapp-btn{width:100%;min-width:0;min-height:52px;font-size:17px}}@media(max-width:759px){.bgapp-head{margin-bottom:16px}.bgapp .bgapp-half{height:clamp(300px,86vw,340px);gap:10px}.bgapp-card,.bgapp-d{display:none}.bgapp-lab{position:relative;left:auto;top:auto}.bgapp-t{font-size:clamp(36px,10vw,44px)}.bgapp .bgapp-btn{margin-top:14px}.bgapp-help{margin-top:16px}}@media(prefers-reduced-motion:reduce){.bgapp *{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/bgapp.css.map */