.cfbl{--tone:#A9C24A;--tone2:#5E7A1E;--ink:#111;--paper:#fff;--red:#E23B1E;position:relative;overflow:hidden;color:var(--ink);font-family:inherit}.cfbl *{box-sizing:border-box}.cfbl .cfbl__room{position:relative;min-height:min(92vh,880px);padding:clamp(28px,5vw,64px) 0 clamp(70px,8vw,96px);background:var(--tone);transition:background-color 1.1s cubic-bezier(.6,0,.2,1);isolation:isolate}.cfbl .cfbl__wall{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(120% 80% at 70% 20%,rgba(255,255,255,.28),transparent 60%),linear-gradient(180deg,transparent 0 70%,rgba(0,0,0,.08) 100%);box-shadow:inset 0 0 0 clamp(10px,2.2vw,28px) var(--tone2),inset 0 0 0 calc(clamp(10px,2.2vw,28px) + 1px) #00000040,inset 0 30px 80px #0000002e;transition:box-shadow 1.1s}.cfbl .cfbl__wall:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.18;mix-blend-mode:multiply;background-image:repeating-linear-gradient(90deg,rgba(0,0,0,.12) 0 1px,transparent 1px 3px)}.cfbl .cfbl__floor{position:absolute;left:0;right:0;bottom:0;height:18%;z-index:-1;background:repeating-conic-gradient(from 45deg,#f4efe4 0 25%,#3b67c9 0 50%) 0 0/56px 56px;opacity:.9;transform-origin:bottom;transform:perspective(500px) rotateX(55deg);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.cfbl .cfbl__inner{position:relative;z-index:3;display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(24px,4vw,64px);align-items:center;height:100%;max-width:1400px;margin:0 auto;padding:0 clamp(20px,4vw,56px)}.cfbl .cfbl__copy{position:relative;z-index:4}.cfbl .cfbl__eyebrow{display:inline-flex;gap:8px;align-items:center;margin:0 0 14px;padding:7px 14px;background:var(--ink);color:#fff;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.14em}.cfbl .cfbl__spark{display:inline-block;color:#ff8fc8;animation:cfblSpin 6s linear infinite}.cfbl .cfbl__title{margin:0;line-height:.82;font-weight:900;font-family:Arial Black,Arial Bold,Arial,sans-serif;text-transform:uppercase;letter-spacing:-.04em;color:var(--ink)}.cfbl .cfbl__word{display:flex;align-items:flex-end;font-size:clamp(64px,10.5vw,164px)}.cfbl .cfbl__word--bag{display:block;font-size:clamp(40px,6vw,92px);color:#fff;-webkit-text-stroke:2px var(--ink);text-shadow:5px 5px 0 var(--ink);margin-top:6px;letter-spacing:.02em}.cfbl .cfbl__ch{display:inline-block;transform:translateY(110%) rotate(8deg);opacity:0}.cfbl.is-in .cfbl__ch{animation:cfblPop .9s cubic-bezier(.2,1.4,.3,1) forwards}.cfbl.is-in .cfbl__ch:nth-child(2){animation-delay:.07s}.cfbl.is-in .cfbl__ch:nth-child(3){animation-delay:.14s}.cfbl.is-in .cfbl__ch:nth-child(4){animation-delay:.21s}.cfbl.is-in .cfbl__ch:nth-child(5){animation-delay:.28s}.cfbl .cfbl__ch--o{width:.78em;height:.78em;margin:0 .02em .04em}.cfbl .cfbl__ch--o svg{width:100%;height:100%;display:block;animation:cfblSpin 14s linear infinite}.cfbl .cfbl__ch--o2 svg{animation-direction:reverse;animation-duration:18s}.cfbl .cfbl__lead{max-width:30em;margin:18px 0 16px;font-size:clamp(15px,1.25vw,17px);line-height:1.55;font-weight:600}.cfbl .cfbl__usp{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:8px;max-width:32em}.cfbl .cfbl__usp li{display:flex;gap:10px;align-items:center;padding:9px 14px;background:#ffffffe0;border:2px solid var(--ink);border-radius:999px;font-size:13.5px;font-weight:700;line-height:1.35;box-shadow:3px 3px 0 var(--ink);transform:translate(-14px);opacity:0;transition:transform .6s cubic-bezier(.2,1.2,.3,1),opacity .6s}.cfbl.is-in .cfbl__usp li{transform:none;opacity:1}.cfbl.is-in .cfbl__usp li:nth-child(1){transition-delay:.45s}.cfbl.is-in .cfbl__usp li:nth-child(2){transition-delay:.55s}.cfbl.is-in .cfbl__usp li:nth-child(3){transition-delay:.65s}.cfbl .cfbl__usp span{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--ink);color:#fff;font-size:10px;font-weight:900}.cfbl .cfbl__swatches{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 20px}.cfbl .cfbl__sw{position:relative;display:block;width:34px;height:34px;border-radius:50%;padding:3px;background:#fff;border:2px solid var(--ink);transition:transform .35s cubic-bezier(.2,1.6,.3,1)}.cfbl .cfbl__sw i{display:block;width:100%;height:100%;border-radius:50%;background:var(--sw)}.cfbl .cfbl__sw:hover,.cfbl .cfbl__sw:focus-visible{transform:translateY(-4px) rotate(-12deg) scale(1.12)}.cfbl .cfbl__sw--y2k i{animation:cfblSpin 5s linear infinite}.cfbl .cfbl__sw-tip{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%,4px);white-space:nowrap;padding:4px 9px;background:var(--ink);color:#fff;border-radius:6px;font-size:11px;font-weight:700;opacity:0;pointer-events:none;transition:.2s}.cfbl .cfbl__sw:hover .cfbl__sw-tip,.cfbl .cfbl__sw:focus-visible .cfbl__sw-tip{opacity:1;transform:translate(-50%)}.cfbl .cfbl__buy{display:flex;flex-wrap:wrap;align-items:center;gap:16px 22px}.cfbl .cfbl__price{margin:0;font-family:Arial Black,Arial,sans-serif;font-size:clamp(22px,2.2vw,30px);line-height:1}.cfbl .cfbl__price small{display:block;font-family:inherit;font-size:10px;letter-spacing:.2em;margin-bottom:4px;font-weight:800}.cfbl .cfbl__ctas{display:flex;flex-wrap:wrap;gap:10px}.cfbl .cfbl__btn{position:relative;display:inline-flex;align-items:center;gap:10px;padding:15px 24px;border-radius:999px;border:2px solid var(--ink);font-size:13px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;overflow:hidden;transition:transform .25s,box-shadow .25s}.cfbl .cfbl__btn--solid{background:var(--ink);color:#fff;box-shadow:4px 4px #fff}.cfbl .cfbl__btn--ghost{background:#fff;color:var(--ink);box-shadow:4px 4px 0 var(--ink)}.cfbl .cfbl__btn:hover{transform:translate(-2px,-2px)}.cfbl .cfbl__btn--solid:hover{box-shadow:6px 6px #fff}.cfbl .cfbl__btn--ghost:hover{box-shadow:6px 6px 0 var(--ink)}.cfbl .cfbl__btn b{display:inline-block;transition:transform .3s}.cfbl .cfbl__btn:hover b{transform:translate(5px)}.cfbl .cfbl__stage{position:relative;justify-self:center;width:min(100%,520px);aspect-ratio:3/4;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.cfbl .cfbl__frames{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:18px;overflow:hidden;background:var(--tone2);border:3px solid var(--ink);box-shadow:12px 12px 0 var(--ink);transform:translateZ(0)}.cfbl .cfbl__frame{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;clip-path:circle(0% at 50% 72%);transition:clip-path 1.25s cubic-bezier(.7,0,.2,1);z-index:1}.cfbl .cfbl__frame.is-active{clip-path:circle(150% at 50% 72%);z-index:2}.cfbl .cfbl__frame.was-active{clip-path:circle(150% at 50% 72%);z-index:1}.cfbl .cfbl__frame img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.12);transition:transform 6s ease-out}.cfbl .cfbl__frame.is-active img{transform:scale(1)}.cfbl .cfbl__frames-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5}.cfbl .cfbl__petals{position:absolute;left:50%;top:50%;width:112%;aspect-ratio:1;transform:translate(-50%,-50%);z-index:-1;pointer-events:none}.cfbl .cfbl__petals span{position:absolute;left:50%;top:50%;width:20%;height:50%;margin-left:-10%;transform-origin:50% 0;border-radius:50% 50% 48% 48%/60% 60% 40% 40%;background:#fff;border:3px solid var(--ink);transform:rotate(calc(var(--i)*45deg)) translateY(14%) scaleY(.2);opacity:0;transition:transform 1.1s cubic-bezier(.2,1.3,.3,1),opacity .6s}.cfbl.is-in .cfbl__petals span{opacity:1;transform:rotate(calc(var(--i)*45deg)) translateY(14%) scaleY(1);transition-delay:calc(.25s + var(--i)*.06s)}.cfbl .cfbl__petals span:nth-child(odd){background:#ffb6d9}.cfbl.is-in .cfbl__petals{animation:cfblSpin 60s linear infinite}.cfbl .cfbl__pager{position:absolute;left:50%;bottom:-38px;transform:translate(-50%);display:flex;gap:8px;z-index:6}.cfbl .cfbl__pager button{width:10px;height:10px;padding:0;border-radius:999px;border:2px solid var(--ink);background:#fff;cursor:pointer;transition:width .4s,background .3s}.cfbl .cfbl__pager button.is-active{width:34px;background:var(--ink)}.cfbl .cfbl__sticker{position:absolute;top:-22px;right:-22px;z-index:7;width:96px;height:96px;display:grid;place-content:center;text-align:center;background:var(--red);color:#fff;font-family:Arial Black,Arial,sans-serif;font-size:12px;line-height:1.15;letter-spacing:.06em;clip-path:polygon(50% 0,61% 12%,76% 6%,80% 22%,95% 25%,90% 40%,100% 50%,90% 60%,95% 75%,80% 78%,76% 94%,61% 88%,50% 100%,39% 88%,24% 94%,20% 78%,5% 75%,10% 60%,0 50%,10% 40%,5% 25%,20% 22%,24% 6%,39% 12%);animation:cfblSpin 16s linear infinite}.cfbl .cfbl__burst{position:absolute;z-index:1;pointer-events:none;will-change:transform}.cfbl .cfbl__burst svg{display:block;width:100%;height:100%;animation:cfblSpin 40s linear infinite}.cfbl .cfbl__burst--a{width:clamp(110px,12vw,190px);aspect-ratio:1;bottom:16%;left:40%}.cfbl .cfbl__burst--b{width:clamp(90px,10vw,160px);aspect-ratio:1;bottom:14%;left:-30px}.cfbl .cfbl__burst--b svg{animation-direction:reverse;animation-duration:30s}.cfbl .cfbl__burst--c{width:clamp(80px,8vw,130px);aspect-ratio:1;top:8%;right:3%}.cfbl .cfbl__dot{position:absolute;z-index:0;border-radius:50%;background:var(--ink);opacity:.9;animation:cfblBob 7s ease-in-out infinite}.cfbl .cfbl__dot--1{width:40px;height:40px;top:72%;left:47%}.cfbl .cfbl__dot--2{width:22px;height:22px;top:8%;left:30%;animation-delay:-2s}.cfbl .cfbl__dot--3{width:30px;height:30px;bottom:24%;right:5%;animation-delay:-4s;background:#fff;border:3px solid var(--ink)}.cfbl .cfbl__cord{position:absolute;inset:auto 0 6% 0;width:100%;height:46%;z-index:2;pointer-events:none;overflow:visible}.cfbl .cfbl__cord path{fill:none;stroke:var(--red);stroke-width:7;stroke-linecap:round;stroke-dasharray:1800;stroke-dashoffset:1800;transition:stroke-dashoffset 3.2s cubic-bezier(.6,0,.2,1) .3s;vector-effect:non-scaling-stroke}.cfbl.is-in .cfbl__cord path{stroke-dashoffset:0}.cfbl .cfbl__nums{position:absolute;left:50%;bottom:clamp(18px,2.6vw,30px);transform:translate(-50%);z-index:4;display:flex;gap:.45em;font-family:Arial Black,Arial,sans-serif;font-size:clamp(14px,1.5vw,20px);color:#fff;text-shadow:2px 2px 0 var(--ink)}.cfbl .cfbl__nums span{display:inline-block;animation:cfblWave 2.8s ease-in-out infinite;animation-delay:calc(var(--d)*.12s)}.cfbl .cfbl__nums .is-five{transform:scaleX(-1);color:#ff8fc8;animation-name:cfblWave5}.cfbl .cfbl__marquee{background:var(--ink);color:#fff;overflow:hidden;border-top:3px solid var(--ink)}.cfbl .cfbl__track{display:flex;width:max-content;gap:28px;padding:14px 0;font-family:Arial Black,Arial,sans-serif;font-size:clamp(13px,1.3vw,17px);letter-spacing:.08em;white-space:nowrap;animation:cfblMarq 32s linear infinite}.cfbl .cfbl__track i{font-style:normal;color:#ff8fc8}@keyframes cfblSpin{to{transform:rotate(360deg)}}@keyframes cfblPop{to{transform:none;opacity:1}}@keyframes cfblBob{50%{transform:translateY(-16px)}}@keyframes cfblWave{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-7px)}}@keyframes cfblWave5{0%,60%,to{transform:scaleX(-1) translateY(0)}30%{transform:scaleX(-1) translateY(-10px) rotate(-14deg)}}@keyframes cfblMarq{to{transform:translate(-50%)}}@media(max-width:989px){.cfbl .cfbl__room{min-height:0;padding-top:28px}.cfbl .cfbl__inner{grid-template-columns:1fr;gap:56px}.cfbl .cfbl__stage{order:-1;width:min(84%,460px);margin-top:10px}.cfbl .cfbl__copy{text-align:left}.cfbl .cfbl__burst--a{top:auto;bottom:34%;left:auto;right:-40px}.cfbl .cfbl__dot--1{top:48%;left:6%}.cfbl .cfbl__cord,.cfbl .cfbl__dot--1{display:none}.cfbl .cfbl__nums{position:relative;left:auto;bottom:auto;transform:none;justify-content:center;margin-top:30px}}@media(max-width:540px){.cfbl .cfbl__stage{width:86%}.cfbl .cfbl__sticker{width:76px;height:76px;font-size:10px;top:-16px;right:-16px}.cfbl .cfbl__frames{box-shadow:8px 8px 0 var(--ink)}.cfbl .cfbl__btn{padding:14px 18px;font-size:12px}.cfbl .cfbl__ctas,.cfbl .cfbl__btn{width:100%;justify-content:center}.cfbl .cfbl__usp li{font-size:13px}}@media(prefers-reduced-motion:reduce){.cfbl *,.cfbl *:before{animation:none!important;transition:none!important}.cfbl .cfbl__ch,.cfbl .cfbl__usp li{transform:none;opacity:1}.cfbl .cfbl__petals span{opacity:1;transform:rotate(calc(var(--i)*45deg)) translateY(14%)}.cfbl .cfbl__cord path{stroke-dashoffset:0}}.cfbl:empty{display:block;min-height:min(92vh,880px);background:#a9c24a}
/*# sourceMappingURL=/cdn/shop/files/bloom-hero-v3.css.map */