/* Giftetti QA design proposal.
   Loaded after the shared app stylesheet in Giftetti-owned views only. It re-tokens the shared
   components (buttons, panels, setup desk, workspace) and adds the Giftetti wordmark, confetti
   accents and the parallax landing page. Nothing here is loaded by the BlueStreak application. */
:root{
  --bg:#FBF7F1; --surface:#FFFFFF; --surface-2:#F4EDE4; --ink:#241A2E; --muted:#675C70; --line:#E9DFD3; --line-strong:#D3C6B8;
  --brand:#C2412B; --brand-hover:#A5341F; --brand-ink:#FFFFFF; --brand-soft:#FBE4DC;
  --gold:#A86F08; --gold-soft:#FBEFD2;
  --ok:#1C7348; --ok-soft:#DFF1E6; --warn:#8A5600; --warn-soft:#FCEFD3; --bad:#B3261E; --bad-soft:#F9E0DC;
  --rail:#2A1E38; --rail-2:#3A2B4C; --rail-ink:#F8F2FA; --rail-muted:#C2B5CF; --rail-line:#54436A;
  --shadow:0 1px 2px rgba(36,26,46,.06),0 8px 24px rgba(36,26,46,.08);
  --shadow-lg:0 26px 60px rgba(36,26,46,.2);
  --display:"Bricolage Grotesque","Schibsted Grotesk",system-ui,sans-serif;
  --ui:"Schibsted Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;
  --focus:#E09A1A;
  --c-saffron:#F2B33D; --c-pink:#E8628C; --c-teal:#24A597; --c-violet:#7B5BE0; --c-tomato:#E2553B;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#16111D; --surface:#201929; --surface-2:#2A2234; --ink:#F5EFF7; --muted:#B7ABC1; --line:#362C42; --line-strong:#4A3D57;
  --brand:#FF8467; --brand-hover:#FF9F87; --brand-ink:#2B0E06; --brand-soft:#45241D;
  --gold:#F2B33D; --gold-soft:#3B2D12;
  --ok:#6FD3A1; --ok-soft:#16352A; --warn:#F0BC5C; --warn-soft:#3C2D12; --bad:#F38B7E; --bad-soft:#41201B;
  --rail:#0E0A13; --rail-2:#1F1729; --rail-ink:#F5EFF7; --rail-muted:#A698B3; --rail-line:#3A2E47;
  --shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.3); --shadow-lg:0 26px 60px rgba(0,0,0,.55);
  color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#16111D; --surface:#201929; --surface-2:#2A2234; --ink:#F5EFF7; --muted:#B7ABC1; --line:#362C42; --line-strong:#4A3D57;
  --brand:#FF8467; --brand-hover:#FF9F87; --brand-ink:#2B0E06; --brand-soft:#45241D;
  --gold:#F2B33D; --gold-soft:#3B2D12;
  --ok:#6FD3A1; --ok-soft:#16352A; --warn:#F0BC5C; --warn-soft:#3C2D12; --bad:#F38B7E; --bad-soft:#41201B;
  --rail:#0E0A13; --rail-2:#1F1729; --rail-ink:#F5EFF7; --rail-muted:#A698B3; --rail-line:#3A2E47;
  --shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.3); --shadow-lg:0 26px 60px rgba(0,0,0,.55);
  color-scheme:dark}

body{margin:0;background:var(--bg);overflow-x:hidden}
.auth-form h1,.step-head h1,.page-title h1,.modal h2{font-weight:700;letter-spacing:-.03em}
.auth-form h1 em{font-style:normal;color:var(--brand)}

.gt-brand{display:inline-flex;flex-direction:column;align-items:flex-start;gap:3px;text-decoration:none;color:inherit}
.gt-logo{display:block;width:108px;height:auto;border-radius:5px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .gt-logo{content:url("/Content/giftetti-wordmark-white-384.png")}}
:root[data-theme="dark"] .gt-logo,.on-rail .gt-logo,.gt-on-dark .gt-logo{content:url("/Content/giftetti-wordmark-white-384.png")}
.gt-brand small{font:500 11.5px var(--ui);color:var(--muted)}
.on-rail .gt-brand small,.gt-on-dark .gt-brand small{color:var(--rail-muted)}
.gt-qa{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:30px;font-size:12px;font-weight:700;background:var(--warn-soft);color:var(--warn);white-space:nowrap}

/* Shared components that hard-code the old palette */
.steps .dot{border-color:var(--rail-line)}
.steps .done .dot{background:var(--c-teal);border-color:var(--c-teal);color:#062520}
.banner{background:var(--rail);position:relative;overflow:hidden;isolation:isolate}
.banner::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 92% 18%,var(--c-saffron) 0 3px,transparent 4px),radial-gradient(circle at 84% 70%,var(--c-pink) 0 4px,transparent 5px),radial-gradient(circle at 96% 82%,var(--c-teal) 0 3px,transparent 4px),radial-gradient(circle at 74% 30%,var(--c-violet) 0 2.5px,transparent 3.5px)}
.banner .btn-secondary,.banner-steps li a,.banner-steps li span{border-color:var(--rail-line)}
.banner-steps li.done a,.banner-steps li.done span{background:var(--rail-2);border-color:var(--rail-2)}
.banner-steps li.done a::before,.banner-steps li.done span::before{color:var(--c-teal)}
.toast .icon{color:var(--c-teal)}
.seg.dark button[aria-pressed="true"]{color:var(--rail)}
.scrim{background:rgba(20,12,28,.5)}
.gc{--p:#2A1E38;--a:#E2553B;border-radius:16px}
.gc-name{font-weight:700;letter-spacing:-.03em}
.gc-amt{font-weight:700}
.auth-side::before{background:radial-gradient(600px 400px at 80% 10%,rgba(226,85,59,.22),transparent 60%),radial-gradient(500px 500px at 10% 100%,rgba(123,91,224,.2),transparent 60%)}
.pill.info{background:var(--brand-soft);color:var(--brand)}
.btn{border-radius:12px}
.btn-primary{box-shadow:0 1px 0 rgba(255,255,255,.18) inset,0 6px 16px -8px color-mix(in srgb,var(--brand) 70%,transparent)}
.kpi .v{font-family:var(--display);font-weight:700}
.nav a[aria-current="page"]{background:var(--brand-soft)}
.side .gt-brand{padding:2px 6px}
.loc .lg{background:var(--rail)}
.timeline .tdot{background:var(--ok-soft)}
.email-sample-head{background:var(--rail)}

/* Confetti, used sparingly: dots on rails and the celebration state */
.confetti-edge{position:relative;isolation:isolate}
.confetti-edge::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:
  radial-gradient(circle at 8% 12%,var(--c-saffron) 0 4px,transparent 5px),
  radial-gradient(circle at 18% 86%,var(--c-pink) 0 3px,transparent 4px),
  radial-gradient(circle at 88% 8%,var(--c-teal) 0 3px,transparent 4px),
  radial-gradient(circle at 94% 64%,var(--c-violet) 0 4px,transparent 5px),
  radial-gradient(circle at 70% 94%,var(--c-tomato) 0 3px,transparent 4px);opacity:.9}
.celebrate{position:relative;overflow:hidden}
.celebrate .burst{position:absolute;inset:0;pointer-events:none}
.celebrate .burst i{position:absolute;top:-12px;width:8px;height:12px;border-radius:2px;opacity:0;animation:gt-fall 2.6s cubic-bezier(.2,.6,.4,1) forwards}
@keyframes gt-fall{0%{opacity:1;transform:translate3d(0,0,0) rotate(0)}100%{opacity:0;transform:translate3d(var(--dx,0),220px,0) rotate(540deg)}}

/* ===== Auth pages ===== */
.auth-side{background:linear-gradient(160deg,var(--rail),color-mix(in srgb,var(--rail) 75%,#4b2333))}
.auth-side .gc{transform:rotate(-4deg);box-shadow:0 30px 60px -20px rgba(0,0,0,.6)}
.auth-side .stack-cards{position:relative;width:min(420px,100%)}
.auth-side .stack-cards .gc{position:relative;z-index:1}
.auth-side .stack-cards .gc.behind{position:absolute;inset:0;z-index:0;--p:#7B5BE0;--a:#F2B33D;transform:rotate(3deg) translate(22px,10px);box-shadow:0 20px 40px -18px rgba(0,0,0,.6)}
.auth-side .quote{font-family:var(--display);font-weight:500;letter-spacing:-.01em}
.auth-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.auth-alt{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--surface);font-size:14px}
.auth-alt b{flex:1;min-width:180px}

/* ===== Landing ===== */
.lp{--lp-max:1200px}
.lp-wrap{max-width:var(--lp-max);margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.lp-top{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid transparent;transition:border-color .2s}
.lp-top.scrolled{border-bottom-color:var(--line)}
.lp-top .lp-wrap{display:flex;align-items:center;gap:18px;padding-block:14px}
.lp-links{display:flex;gap:22px;font-weight:500;font-size:15px;margin-left:12px}
.lp-links a{color:var(--ink);text-decoration:none}
.lp-links a:hover{color:var(--brand)}
.lp-top .spacer{flex:1}

/* Hero: a tall scroll scene with a sticky 3D stage. --p runs 0 to 1 across the scene. */
.lp-scene{position:relative;height:230vh;--p:0}
.lp-sticky{position:sticky;top:0;height:100vh;min-height:620px;display:grid;align-items:center;overflow:hidden}
.lp-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:40px;align-items:center;position:relative;z-index:2}
.lp-hero h1{font:800 clamp(44px,6vw,84px)/.98 var(--display);letter-spacing:-.045em;margin:16px 0 20px}
.lp-hero h1 .pop{color:var(--brand);display:inline-block}
.lp-hero .lede{font-size:19px;color:var(--muted);max-width:42ch}
.lp-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.lp-cta .btn{min-height:52px;padding:0 22px;font-size:16px}
.lp-returning{margin-top:16px;font-size:14.5px;color:var(--muted)}
.lp-returning a{font-weight:600}
.lp-copy{transform:translate3d(0,calc(max(0,var(--p) - .25) * -90px),0);opacity:clamp(0,calc(1.6 - var(--p) * 2.6),1)}
.lp-stage{position:relative;height:min(560px,70vh);perspective:1400px;perspective-origin:50% 40%}
.lp-deck{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(calc(18deg - var(--p) * 12deg + var(--ty,0deg))) rotateY(calc(-22deg + var(--p) * 30deg + var(--tx,0deg))) translateZ(0);transition:transform .25s ease-out}
.lp-card{position:absolute;left:50%;top:50%;width:min(380px,74%);aspect-ratio:1.586;border-radius:18px;background-size:cover;background-position:center;box-shadow:0 30px 60px -18px rgba(36,26,46,.55);transform-style:preserve-3d;overflow:hidden;color:#fff;padding:5.5% 6.5%;display:flex;flex-direction:column;justify-content:space-between;container-type:inline-size;will-change:transform}
.lp-card::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.28),transparent 38%),linear-gradient(0deg,rgba(0,0,0,.45),transparent 55%);pointer-events:none}
.lp-card>*{position:relative;z-index:1}
.lp-card .who{font:800 8.4cqw/1 var(--display);letter-spacing:-.04em;text-shadow:0 2px 12px rgba(0,0,0,.35)}
.lp-card .amt{align-self:flex-end;font:800 9cqw/1 var(--display);text-shadow:0 2px 12px rgba(0,0,0,.35)}
.lp-card .lbl{font:700 3.1cqw/1 var(--ui);letter-spacing:.16em;text-transform:uppercase;opacity:.9;margin-top:2cqw}
.lp-card.c1{transform:translate(-50%,-50%) translate3d(calc(var(--p) * -150px * var(--k,1)),calc(-40px * var(--k,1) + var(--p) * -70px * var(--k,1)),calc(40px + var(--p) * 120px)) rotateZ(calc(-8deg - var(--p) * 10deg))}
.lp-card.c2{transform:translate(-50%,-50%) translate3d(calc(var(--p) * 30px * var(--k,1)),calc(10px * var(--k,1) + var(--p) * 40px * var(--k,1)),calc(var(--p) * 30px)) rotateZ(calc(4deg + var(--p) * 2deg))}
.lp-card.c3{transform:translate(-50%,-50%) translate3d(calc(var(--p) * 170px * var(--k,1)),calc(60px * var(--k,1) + var(--p) * 120px * var(--k,1)),calc(-60px - var(--p) * 40px)) rotateZ(calc(12deg + var(--p) * 12deg))}
.lp-confetti{position:absolute;inset:-10% -5%;pointer-events:none;transform-style:preserve-3d;z-index:1}
.lp-confetti i{position:absolute;left:var(--x);top:var(--y);width:var(--w,10px);height:var(--h,14px);background:var(--c);border-radius:var(--br,2px);opacity:var(--o,.9);
  transform:translate3d(0,calc(var(--p) * var(--d) * -520px),calc(var(--d) * 160px - 80px)) rotateX(calc(var(--r) + var(--p) * var(--spin))) rotateZ(calc(var(--r) * 2 + var(--p) * var(--spin)));will-change:transform}
.lp-hint{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);font-size:13px;color:var(--muted);display:flex;gap:8px;align-items:center;opacity:calc(1 - var(--p) * 4);z-index:2}
.lp-hint i{width:18px;height:28px;border:2px solid var(--line-strong);border-radius:10px;position:relative}
.lp-hint i::after{content:"";position:absolute;left:50%;top:5px;width:3px;height:6px;border-radius:2px;background:var(--brand);transform:translateX(-50%);animation:gt-wheel 1.6s ease-in-out infinite}
@keyframes gt-wheel{50%{transform:translate(-50%,6px);opacity:.3}}
.lp-tagline{position:absolute;left:0;right:0;bottom:12vh;text-align:center;z-index:2;font:800 clamp(28px,4vw,52px)/1.05 var(--display);letter-spacing:-.04em;opacity:clamp(0,calc((var(--p) - .55) * 3),1);transform:translate3d(0,calc((1 - var(--p)) * 60px),0)}
.lp-tagline span{color:var(--brand)}

/* Sections after the hero */
.lp-sec{padding-block:96px;position:relative}
.lp-sec.tint{background:var(--surface-2)}
.lp-head{display:grid;gap:8px;margin-bottom:44px;max-width:720px}
.lp-head h2{font:800 clamp(32px,4vw,52px)/1.02 var(--display);letter-spacing:-.04em}
.lp-head p{color:var(--muted);font-size:18px}
.lp-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;counter-reset:st}
.lp-steps li{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:22px;display:grid;gap:8px;align-content:start;box-shadow:var(--shadow);transform:translate3d(0,calc((1 - var(--sp,1)) * var(--lift,40px)),0)}
.lp-steps li:nth-child(2){--lift:70px}.lp-steps li:nth-child(3){--lift:100px}.lp-steps li:nth-child(4){--lift:130px}
.lp-steps li::before{counter-increment:st;content:counter(st);width:36px;height:36px;border-radius:12px;display:grid;place-items:center;font:800 17px/1 var(--display);color:#fff;background:var(--k,var(--brand))}
.lp-steps li:nth-child(2)::before{--k:var(--c-violet)}.lp-steps li:nth-child(3)::before{--k:var(--c-teal)}.lp-steps li:nth-child(4)::before{--k:#B57A0E}
.lp-steps b{font-size:18px}
.lp-steps p{color:var(--muted);font-size:15px}

.lp-guest{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.lp-fan{position:relative;height:420px;perspective:1200px}
.lp-fan .lp-card{width:min(330px,80%)}
.lp-fan .f1{transform:translate(-50%,-50%) translate3d(calc(-90px * var(--sp,1)),calc(-60px * var(--sp,1)),-40px) rotateZ(calc(-14deg * var(--sp,1)))}
.lp-fan .f2{transform:translate(-50%,-50%) translate3d(0,0,0) rotateZ(calc(2deg * var(--sp,1)))}
.lp-fan .f3{transform:translate(-50%,-50%) translate3d(calc(90px * var(--sp,1)),calc(60px * var(--sp,1)),40px) rotateZ(calc(14deg * var(--sp,1)))}
.lp-list{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.lp-list li{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start}
.lp-list .ic{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand)}
.lp-list li:nth-child(2) .ic{background:color-mix(in srgb,var(--c-violet) 16%,transparent);color:var(--c-violet)}
.lp-list li:nth-child(3) .ic{background:color-mix(in srgb,var(--c-teal) 16%,transparent);color:var(--c-teal)}
.lp-list li:nth-child(4) .ic{background:var(--gold-soft);color:var(--gold)}
.lp-list b{display:block;font-size:17px}
.lp-list p{color:var(--muted);font-size:15px}
.lp-feats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.lp-feats div{border-top:3px solid var(--ink);padding-top:16px;display:grid;gap:6px;align-content:start}
.lp-feats b{font-size:17.5px}
.lp-feats p{color:var(--muted)}
.lp-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px}
.lp-faq details{border-top:1px solid var(--line-strong);padding-block:18px}
.lp-faq summary{cursor:pointer;font-weight:700;font-size:17px;list-style:none;display:flex;justify-content:space-between;gap:16px}
.lp-faq summary::-webkit-details-marker{display:none}
.lp-faq summary::after{content:"+";color:var(--brand);font-size:22px;line-height:1}
.lp-faq details[open] summary::after{content:"\2212"}
.lp-faq details p{margin-top:10px;color:var(--muted)}
.lp-final{background:var(--rail);color:var(--rail-ink);border-radius:30px;padding:56px;display:grid;grid-template-columns:minmax(0,1.4fr) auto;gap:28px;align-items:center;overflow:hidden;position:relative;isolation:isolate}
.lp-final h2{font:800 clamp(30px,3.6vw,46px)/1.04 var(--display);letter-spacing:-.04em;color:var(--rail-ink)}
.lp-final p{color:var(--rail-muted);margin-top:10px;font-size:17px}
.lp-final .btn-primary{background:var(--c-saffron);color:#2A1A00}
.lp-final .btn-primary:hover{background:#F7C463}
.lp-final .lp-confetti{inset:0 0 0 58%;z-index:-1}
.lp-final .lp-confetti i{transform:translate3d(0,calc((1 - var(--sp,1)) * var(--d) * 140px),0) rotate(calc(var(--r) + (1 - var(--sp,1)) * var(--spin)))}
.lp-foot{padding-block:40px;color:var(--muted);font-size:14px}
.lp-foot .lp-wrap{display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:space-between;align-items:center}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}
.reveal.in{opacity:1;transform:none}
.no-js .reveal{opacity:1;transform:none}

@media (max-width:980px){
  .lp-links{display:none}
  .lp-scene{height:auto;--k:.5}
  .lp-sticky{position:relative;height:auto;min-height:0;padding-block:20px 56px;overflow:hidden}
  .lp-tagline,.lp-hint{display:none}
  .lp-hero{grid-template-columns:1fr;gap:8px;align-content:center}
  .lp-hero h1{font-size:clamp(38px,9vw,60px);margin:10px 0 14px}
  .lp-hero .lede{font-size:17px}
  .lp-stage{height:300px;order:-1;margin-bottom:12px}
  .lp-card{width:min(300px,58%)}
  .lp-copy{opacity:1;transform:none}
  .lp-tagline{bottom:6vh}
  .lp-steps{grid-template-columns:1fr 1fr}
  .lp-guest{grid-template-columns:1fr}
  .lp-feats{grid-template-columns:1fr 1fr}
  .lp-final{grid-template-columns:1fr;padding:36px}
}
@media (max-width:640px){
  .lp-top .btn-secondary{display:none}

  .lp-stage{height:240px}
  .lp-cta .btn{width:100%}
  .lp-steps,.lp-feats,.lp-faq{grid-template-columns:1fr}
  .lp-steps li{transform:none}
  .lp-fan{height:300px}
  #guests{overflow-x:clip}
  .lp-sec{padding-block:64px}
  .lp-hint{display:none}
}

/* Reduced motion: a still composition, no scroll scene. */
@media (prefers-reduced-motion:reduce){
  .lp-scene{height:auto}
  .lp-sticky{position:relative;height:auto;min-height:0;padding-block:48px 72px}
  .lp-scene,.lp-sec{--p:.35!important;--sp:1!important}
  .lp-hint,.lp-tagline{display:none}
  .reveal{opacity:1;transform:none;transition:none}
}

/* ===== Setup, status and staff ===== */
.desk-rail{background:linear-gradient(180deg,var(--rail),color-mix(in srgb,var(--rail) 80%,#43202E))}
.desk-rail .gc{transform:rotate(-2deg)}
.wait-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.wait-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px;display:grid;gap:8px;align-content:start;text-decoration:none;color:inherit}
.wait-card:hover{border-color:var(--brand)}
.wait-card b{font-size:15.5px}
.wait-card p{color:var(--muted);font-size:14px}
.wait-card .tile-icon{width:40px;height:40px;border-radius:12px}
.status-hero{border-radius:24px;padding:32px;background:var(--rail);color:var(--rail-ink);display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:28px;align-items:center}
.status-hero h1{font:800 clamp(30px,3.4vw,44px)/1.04 var(--display);letter-spacing:-.04em}
.status-hero p{color:var(--rail-muted);margin-top:10px}
.status-hero .pill{background:rgba(255,255,255,.12);color:var(--rail-ink)}
.status-hero .gc{transform:rotate(-5deg)}
.staff-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.staff-stats .kpi .v{font-size:26px}
.review-actions .btn{width:100%}
@media (max-width:900px){.wait-grid{grid-template-columns:1fr}.status-hero{grid-template-columns:1fr;padding:24px}.status-hero .gc{display:none}.staff-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Powered-by line for pages Giftetti hosts */
.gt-powered{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px 16px calc(20px + env(safe-area-inset-bottom,0px));font:500 12.5px/1.4 var(--ui);color:var(--muted);text-decoration:none}
.gt-powered svg{width:16px;height:16px}
.gt-powered b{font-family:var(--display);font-weight:800;letter-spacing:-.03em;color:var(--ink)}

/* Each landing section owns a clipped depth layer underneath its content. */
[data-confetti-section]{position:relative;isolation:isolate}
[data-confetti-section]>.lp-confetti{inset:0;overflow:hidden;z-index:0;opacity:.55}
[data-confetti-section]>.lp-wrap{position:relative;z-index:1}
[data-confetti-section]>.lp-confetti i{
  transform:translateY(calc((.5 - var(--drift,.5)) * (45px + var(--d) * 140px))) rotate(calc(var(--r) + var(--drift,.5) * var(--spin)));
  will-change:auto
}
@media(max-width:700px){[data-confetti-section]>.lp-confetti{opacity:.32}}
@media(prefers-reduced-motion:reduce){[data-confetti-section]>.lp-confetti i{transform:rotate(var(--r))}}