.fb-howto{--hs-navy: var(--c-navy, #16264a);--hs-red: var(--c-red, #e8343f);--hs-red-deep: var(--c-red-deep, #c41f2b);--hs-ice: var(--c-ice, #e8f6fb);--hs-sky: var(--c-sky, #bfe6f7);--hs-snow: var(--c-snow, #ffffff);--hs-muted: var(--tone-muted, var(--c-muted, #5b6b86));--hs-ease: var(--ease-out, cubic-bezier(.22, 1, .36, 1));--hs-spring: var(--ease-spring, cubic-bezier(.34, 1.56, .64, 1));--hs-card-radius: 6.4% / 4.1%;--hs-card-shadow: 0 1px 2px rgba(13, 24, 48, .12), 0 10px 22px -10px rgba(13, 24, 48, .4);position:relative}.fb-howto__anchor{position:absolute;top:-80px;left:0}.fb-howto__heading .fb-heading__sub{max-width:46ch}.fb-howto__steps{display:grid;grid-template-columns:minmax(0,1fr);gap:40px;margin-top:clamp(32px,5vw,64px)}.fb-howto__step{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;width:100%;max-width:460px;margin-inline:auto}@media screen and (min-width:600px)and (max-width:899px){.fb-howto__step{max-width:none;grid-template-columns:minmax(0,46fr) minmax(0,54fr);align-items:center;column-gap:28px}.fb-howto__num{margin:0}}@media screen and (min-width:900px){.fb-howto__steps{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;grid-template-columns:none;gap:clamp(20px,2.4vw,32px)}.fb-howto__step{max-width:none}}.fb-howto__stage{position:relative;border-radius:28px;background:var(--hs-snow);box-shadow:0 1px 2px #0d18300f,0 18px 40px -22px #0d183052;overflow:hidden;isolation:isolate}.fb-tone--navy .fb-howto__stage,.fb-tone--night .fb-howto__stage,.fb-tone--red .fb-howto__stage{box-shadow:0 24px 48px -24px #00000080}.fb-howto__copy{position:relative;padding:0 8px}.fb-howto__num{position:relative;z-index:2;display:inline-grid;place-items:center;width:52px;height:52px;margin-top:-26px;margin-left:16px;border-radius:50%;background:var(--hs-red);color:#fff;font-family:var(--font-display, "Lilita One", system-ui, sans-serif);font-size:26px;line-height:1;box-shadow:0 0 0 4px var(--hs-snow),0 6px 14px -4px #c41f2b8c}.fb-howto__title{margin:14px 0 0;font-family:var(--font-display, "Lilita One", system-ui, sans-serif);font-weight:400;font-size:clamp(22px,1.4vw + 12px,28px);line-height:1.12;color:var(--tone-heading, var(--tone-fg, var(--hs-navy)));text-wrap:balance}.fb-howto__text{margin:10px 0 0;max-width:36ch;font-size:16px;line-height:1.6;color:var(--hs-muted);text-wrap:pretty}.fb-howto__foot{display:flex;flex-direction:column;gap:20px;margin-top:clamp(40px,5vw,64px);padding:24px;border-radius:28px;background:var(--hs-snow);color:var(--hs-navy);box-shadow:0 1px 2px #0d18300f,0 18px 40px -24px #0d18304d}.fb-howto__finale{display:flex;align-items:center;gap:18px}.fb-howto__finale-card{flex:0 0 auto;width:64px;border-radius:var(--hs-card-radius);box-shadow:var(--hs-card-shadow);transform:rotate(-7deg);transition:transform .32s var(--hs-ease)}.fb-howto__finale-card img{display:block;width:100%;height:auto;border-radius:inherit}.fb-howto__finale-text{margin:0;font-family:var(--font-display, "Lilita One", system-ui, sans-serif);font-size:clamp(19px,.8vw + 14px,23px);line-height:1.25;color:var(--hs-navy);text-wrap:balance}.fb-howto__kicker{font-weight:400;color:var(--hs-red-deep)}.fb-howto__prep{display:flex;align-items:flex-start;gap:8px;margin:8px 0 0;font-size:15px;font-weight:500;line-height:1.45;color:var(--c-muted, #5b6b86)}.fb-howto__prep .fb-icon{flex:0 0 auto;margin-top:2px;color:var(--hs-red)}.fb-howto__actions{display:flex;flex-wrap:wrap;gap:12px}.fb-howto__actions>*{flex:1 1 auto}@media screen and (min-width:750px){.fb-howto__foot{flex-direction:row;align-items:center;justify-content:space-between;gap:32px;padding:24px 28px 24px 32px}.fb-howto__finale-card{width:76px;margin-block:-44px -8px}.fb-howto__actions{flex-wrap:nowrap}.fb-howto__actions>*{flex:0 0 auto}}@media(hover:hover)and (pointer:fine){.fb-howto__foot:hover .fb-howto__finale-card{transform:rotate(-2deg) translate3d(0,-6px,0) scale(1.04)}}.fb-hs{position:relative;aspect-ratio:4 / 3;container-type:inline-size;overflow:hidden;background:radial-gradient(120% 90% at 50% 0%,var(--hs-snow) 0%,rgba(255,255,255,0) 60%),linear-gradient(180deg,var(--hs-snow) 0%,var(--hs-ice) 100%)}.fb-hs img{display:block;width:100%;height:auto;border-radius:inherit;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.fb-hs .fb-playing-card{box-shadow:none}.fb-hs__floor{position:absolute;left:8cqw;right:8cqw;bottom:4cqw;height:10cqw;border-radius:50%;background:radial-gradient(closest-side,#16264a24,#16264a00)}.fb-hs--draw{--draw-dur: 6.4s}.fb-hs__deck{position:absolute;left:15cqw;top:18cqw;width:26cqw;aspect-ratio:56 / 87}.fb-hs__deck-card,.fb-hs__drawn{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--hs-card-radius)}.fb-hs__deck-card{box-shadow:var(--hs-card-shadow)}.fb-hs__deck-card--3{transform:translate3d(-1.6cqw,1.4cqw,0) rotate(-7deg)}.fb-hs__deck-card--2{transform:translate3d(-.8cqw,.7cqw,0) rotate(-3.5deg)}.fb-hs__drawn{z-index:2;perspective:900px;transform:translate3d(40cqw,-4cqw,0) rotate(5deg) scale(1.12);transform-origin:50% 60%}.fb-hs__flip{position:relative;width:100%;height:100%;border-radius:inherit;transform-style:preserve-3d;transform:rotateY(180deg)}.fb-hs__face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--hs-card-radius);box-shadow:var(--hs-card-shadow);-webkit-backface-visibility:hidden;backface-visibility:hidden}.fb-hs__face--front{transform:rotateY(180deg)}.fb-hs__voice{position:absolute;z-index:3;left:73cqw;top:6cqw;display:flex;align-items:center;justify-content:center;width:17cqw;height:10cqw;border-radius:999px;background:var(--hs-navy);box-shadow:0 6px 16px -6px #0d18308c;transform-origin:20% 100%}.fb-hs__voice:after{content:"";position:absolute;left:2.6cqw;bottom:-1.2cqw;width:3cqw;height:3cqw;background:var(--hs-navy);border-radius:0 0 0 .8cqw;transform:skew(18deg) rotate(-12deg)}.fb-hs__bars{position:relative;z-index:1;display:flex;align-items:center;gap:1.1cqw;height:5cqw}.fb-hs__bars i{display:block;width:1.2cqw;height:100%;border-radius:1cqw;background:#fff}.fb-hs__bars i:nth-child(1){transform:scaleY(.45)}.fb-hs__bars i:nth-child(2){transform:scaleY(.85);background:var(--hs-sky)}.fb-hs__bars i:nth-child(3){transform:scaleY(1)}.fb-hs__bars i:nth-child(4){transform:scaleY(.7);background:var(--hs-sky)}.fb-hs__bars i:nth-child(5){transform:scaleY(.4)}.is-revealed .fb-hs--draw .fb-hs__drawn{animation:fb-hs-draw-move var(--draw-dur) var(--hs-ease) infinite}.is-revealed .fb-hs--draw .fb-hs__flip{animation:fb-hs-draw-flip var(--draw-dur) cubic-bezier(.45,0,.2,1) infinite}.is-revealed .fb-hs--draw .fb-hs__voice{animation:fb-hs-voice var(--draw-dur) var(--hs-ease) infinite}.is-revealed .fb-hs--draw .fb-hs__bars i{animation:fb-hs-bar .84s ease-in-out infinite alternate}.is-revealed .fb-hs--draw .fb-hs__bars i:nth-child(2){animation-delay:-.42s}.is-revealed .fb-hs--draw .fb-hs__bars i:nth-child(3){animation-delay:-.18s}.is-revealed .fb-hs--draw .fb-hs__bars i:nth-child(4){animation-delay:-.6s}.is-revealed .fb-hs--draw .fb-hs__bars i:nth-child(5){animation-delay:-.3s}@keyframes fb-hs-draw-move{0%,8%{opacity:1;transform:translateZ(0) rotate(-1deg) scale(1)}30%{transform:translate3d(40cqw,-4cqw,0) rotate(5deg) scale(1.12)}55%{transform:translate3d(40cqw,-5.4cqw,0) rotate(3.5deg) scale(1.12)}80%{opacity:1;transform:translate3d(40cqw,-4cqw,0) rotate(5deg) scale(1.12)}89%{opacity:0;transform:translate3d(56cqw,8cqw,0) rotate(16deg) scale(1.02)}90%{opacity:0;transform:translate3d(0,-4cqw,0) rotate(-1deg) scale(1)}to{opacity:1;transform:translateZ(0) rotate(-1deg) scale(1)}}@keyframes fb-hs-draw-flip{0%,12%{transform:rotateY(0)}32%,89%{transform:rotateY(180deg)}89.5%,to{transform:rotateY(0)}}@keyframes fb-hs-voice{0%,32%{opacity:0;transform:translate3d(0,2cqw,0) scale(.9)}38%,78%{opacity:1;transform:none}85%,to{opacity:0;transform:translate3d(0,-1cqw,0) scale(.96)}}@keyframes fb-hs-bar{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}.fb-hs--choice{--choice-dur: 8s}.fb-hs__paths{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.fb-hs__path{fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke}.fb-hs__path--base{stroke:#16264a3d;stroke-width:2.5px;stroke-dasharray:2 6}.fb-hs__path--live{stroke-width:3.5px;stroke-dasharray:100;stroke-dashoffset:0;opacity:0}.fb-hs__path--left{stroke:var(--hs-navy)}.fb-hs__path--right{stroke:var(--hs-red)}.fb-hs__source,.fb-hs__mover{position:absolute;left:41.5cqw;top:5cqw;width:17cqw;aspect-ratio:56 / 87;border-radius:var(--hs-card-radius);box-shadow:var(--hs-card-shadow)}.fb-hs__source{z-index:1}.fb-hs__mover{z-index:3;opacity:0}.fb-hs__target{position:absolute;top:48cqw;width:22cqw;height:24cqw}.fb-hs__target--done{left:13cqw}.fb-hs__target--flake{left:65cqw}.fb-hs__pile,.fb-hs__slot{position:absolute;left:50%;top:0;width:13cqw;aspect-ratio:56 / 87;margin-left:-6.5cqw;border-radius:var(--hs-card-radius)}.fb-hs__pile-card{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(180deg,#fff 0 72%,var(--hs-navy) 72% 100%);box-shadow:0 0 0 1px #16264a1f,var(--hs-card-shadow)}.fb-hs__pile-card:first-child{transform:rotate(-9deg) translate3d(-.6cqw,.4cqw,0)}.fb-hs__pile-card:last-child{transform:rotate(4deg)}.fb-hs__slot{display:grid;place-items:center;border:2px dashed rgba(232,52,63,.55);background:#e8343f0f}.fb-hs__slot-flake{display:grid;place-items:center;width:8cqw;height:8cqw;border-radius:50%;background:#fff;color:var(--hs-red);box-shadow:0 4px 10px -4px #c41f2b80}.fb-hs__slot-flake .fb-icon{width:4.6cqw;height:4.6cqw}.fb-hs__tag{position:absolute;z-index:4;inset-inline:0;bottom:0;display:flex;align-items:center;justify-content:center;gap:1cqw;width:max-content;margin-inline:auto;padding:1.1cqw 2.4cqw;border-radius:999px;font-family:var(--font-body, "Poppins", system-ui, sans-serif);font-size:max(11px,3.4cqw);font-weight:700;line-height:1;letter-spacing:.02em;color:#fff;box-shadow:0 6px 14px -6px #0d183080}.fb-hs__tag .fb-icon{width:max(11px,3.4cqw);height:max(11px,3.4cqw)}.fb-hs__tag--done{background:var(--hs-navy)}.fb-hs__tag--flake{background:var(--hs-red-deep)}@media screen and (max-width:599px),screen and (min-width:900px){.fb-hs--choice .fb-hs__tag{bottom:14px}}.is-revealed .fb-hs--choice .fb-hs__mover--left{animation:fb-hs-move-left var(--choice-dur) var(--hs-ease) infinite}.is-revealed .fb-hs--choice .fb-hs__mover--right{animation:fb-hs-move-right var(--choice-dur) var(--hs-ease) infinite}.is-revealed .fb-hs--choice .fb-hs__path--left{animation:fb-hs-path-left var(--choice-dur) var(--hs-ease) infinite}.is-revealed .fb-hs--choice .fb-hs__path--right{animation:fb-hs-path-right var(--choice-dur) var(--hs-ease) infinite}.is-revealed .fb-hs--choice .fb-hs__tag--done{animation:fb-hs-pop-left var(--choice-dur) var(--hs-ease) infinite}.is-revealed .fb-hs--choice .fb-hs__tag--flake,.is-revealed .fb-hs--choice .fb-hs__slot-flake{animation:fb-hs-pop-right var(--choice-dur) var(--hs-ease) infinite}@keyframes fb-hs-move-left{0%,6%{opacity:0;transform:none}11%{opacity:1;transform:translate3d(0,-1.5cqw,0) rotate(-2deg) scale(1.05)}34%,44%{opacity:1;transform:translate3d(-26cqw,44cqw,0) rotate(-10deg) scale(.76)}49%,to{opacity:0;transform:translate3d(-26cqw,44cqw,0) rotate(-10deg) scale(.76)}}@keyframes fb-hs-move-right{0%,53%{opacity:0;transform:none}58%{opacity:1;transform:translate3d(0,-1.5cqw,0) rotate(2deg) scale(1.05)}81%,92%{opacity:1;transform:translate3d(26cqw,44cqw,0) rotate(11deg) scale(.76)}97%,to{opacity:0;transform:translate3d(26cqw,44cqw,0) rotate(11deg) scale(.76)}}@keyframes fb-hs-path-left{0%,9%{opacity:1;stroke-dashoffset:100}33%,44%{opacity:1;stroke-dashoffset:0}50%,to{opacity:0;stroke-dashoffset:0}}@keyframes fb-hs-path-right{0%,56%{opacity:0;stroke-dashoffset:100}57%{opacity:1;stroke-dashoffset:100}80%,92%{opacity:1;stroke-dashoffset:0}98%,to{opacity:0;stroke-dashoffset:0}}@keyframes fb-hs-pop-left{0%,33%{transform:scale(1)}37%{transform:scale(1.16)}43%,to{transform:scale(1)}}@keyframes fb-hs-pop-right{0%,80%{transform:scale(1)}84%{transform:scale(1.18)}90%,to{transform:scale(1)}}.fb-hs--freeze{--freeze-dur: 7.2s}.fb-hs__pen{position:absolute;left:12cqw;top:10cqw;width:35cqw}.fb-hs__pen-body{position:relative;display:block;aspect-ratio:614 / 950;transform-origin:50% 100%}.fb-hs__pen-body .fb-img,.fb-hs__pen-body .fb-placeholder{display:block;width:100%;height:100%;object-fit:contain}.fb-hs__ice{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(118deg,#fff0 0 9%,#ffffff8c 9% 10%,#fff0 10% 23%),linear-gradient(165deg,#f0faffe6,#bfe6f7d1 46%,#78c4ecdb);-webkit-mask:var(--fb-mask) center / 100% 100% no-repeat;mask:var(--fb-mask) center / 100% 100% no-repeat;clip-path:inset(0 0 0 0)}.fb-hs__glint{position:absolute;width:5.4cqw;height:5.4cqw;background:#fff;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%)}.fb-hs__glint--1{left:16%;top:30%}.fb-hs__glint--2{left:66%;top:52%;width:4cqw;height:4cqw}.fb-hs__glint--3{left:40%;top:76%;width:3.4cqw;height:3.4cqw}.fb-hs__frozen{position:absolute;z-index:3;left:30cqw;top:-6cqw;padding:1.6cqw 3cqw;border-radius:999px;background:var(--hs-navy);color:#fff;font-family:var(--font-display, "Lilita One", system-ui, sans-serif);font-size:max(12px,4.2cqw);line-height:1;white-space:nowrap;box-shadow:0 0 0 .8cqw var(--hs-sky),0 8px 18px -8px #0d183099;transform-origin:0% 100%}.fb-hs__flakes{position:absolute;left:56cqw;top:40cqw;width:38cqw;height:22cqw}.fb-hs__flake{position:absolute;top:0;width:12cqw;aspect-ratio:56 / 87;border-radius:var(--hs-card-radius);box-shadow:var(--hs-card-shadow)}.fb-hs__flake--1{left:0;rotate:-9deg}.fb-hs__flake--2{left:13cqw;top:-1cqw;rotate:3deg}.fb-hs__flake--3{left:26cqw;rotate:11deg}.fb-hs__flake-badge{position:absolute;right:-1.6cqw;top:-1.6cqw;display:grid;place-items:center;width:5.2cqw;height:5.2cqw;border-radius:50%;background:var(--hs-red);color:#fff;box-shadow:0 0 0 .6cqw #fff}.fb-hs__flake-badge .fb-icon{width:3.2cqw;height:3.2cqw}.fb-hs__count{position:absolute;left:66cqw;top:66cqw;display:flex;gap:2cqw}.fb-hs__count i{position:relative;display:block;width:3cqw;height:3cqw;border-radius:50%;background:#16264a1f}.fb-hs__count i:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--hs-red)}.is-revealed .fb-hs--freeze .fb-hs__pen-body{animation:fb-hs-shiver var(--freeze-dur) linear infinite}.is-revealed .fb-hs--freeze .fb-hs__ice{animation:fb-hs-ice var(--freeze-dur) cubic-bezier(.45,0,.2,1) infinite}.is-revealed .fb-hs--freeze .fb-hs__glint--1{animation:fb-hs-glint-1 var(--freeze-dur) var(--hs-ease) infinite}.is-revealed .fb-hs--freeze .fb-hs__glint--2{animation:fb-hs-glint-2 var(--freeze-dur) var(--hs-ease) infinite}.is-revealed .fb-hs--freeze .fb-hs__glint--3{animation:fb-hs-glint-3 var(--freeze-dur) var(--hs-ease) infinite}.is-revealed .fb-hs--freeze .fb-hs__frozen{animation:fb-hs-frozen var(--freeze-dur) var(--hs-spring) infinite}.is-revealed .fb-hs--freeze .fb-hs__flake--1{animation:fb-hs-flake-1 var(--freeze-dur) var(--hs-spring) infinite}.is-revealed .fb-hs--freeze .fb-hs__flake--2{animation:fb-hs-flake-2 var(--freeze-dur) var(--hs-spring) infinite}.is-revealed .fb-hs--freeze .fb-hs__flake--3{animation:fb-hs-flake-3 var(--freeze-dur) var(--hs-spring) infinite}.is-revealed .fb-hs--freeze .fb-hs__count i:nth-child(1):after{animation:fb-hs-dot-1 var(--freeze-dur) var(--hs-spring) infinite}.is-revealed .fb-hs--freeze .fb-hs__count i:nth-child(2):after{animation:fb-hs-dot-2 var(--freeze-dur) var(--hs-spring) infinite}.is-revealed .fb-hs--freeze .fb-hs__count i:nth-child(3):after{animation:fb-hs-dot-3 var(--freeze-dur) var(--hs-spring) infinite}@keyframes fb-hs-flake-1{0%,6%{opacity:0;transform:translate3d(-4cqw,-18cqw,0) rotate(-28deg)}14%,90%{opacity:1;transform:none}96%,to{opacity:0;transform:none}}@keyframes fb-hs-flake-2{0%,18%{opacity:0;transform:translate3d(0,-18cqw,0) rotate(24deg)}26%,90%{opacity:1;transform:none}96%,to{opacity:0;transform:none}}@keyframes fb-hs-flake-3{0%,30%{opacity:0;transform:translate3d(4cqw,-18cqw,0) rotate(-20deg)}38%,90%{opacity:1;transform:none}96%,to{opacity:0;transform:none}}@keyframes fb-hs-dot-1{0%,12%{transform:scale(0)}16%,92%{transform:scale(1)}97%,to{transform:scale(0)}}@keyframes fb-hs-dot-2{0%,24%{transform:scale(0)}28%,92%{transform:scale(1)}97%,to{transform:scale(0)}}@keyframes fb-hs-dot-3{0%,36%{transform:scale(0)}40%,92%{transform:scale(1)}97%,to{transform:scale(0)}}@keyframes fb-hs-shiver{0%,41%,53%,to{transform:none}43%{transform:translate3d(-.5cqw,0,0) rotate(-1.2deg)}45%{transform:translate3d(.5cqw,0,0) rotate(1.2deg)}47%{transform:translate3d(-.4cqw,0,0) rotate(-1deg)}49%{transform:translate3d(.4cqw,0,0) rotate(1deg)}51%{transform:translate3d(-.2cqw,0,0) rotate(-.5deg)}}@keyframes fb-hs-ice{0%,50%{opacity:1;clip-path:inset(100% 0 0 0)}64%,90%{opacity:1;clip-path:inset(0 0 0 0)}97%,to{opacity:0;clip-path:inset(0 0 0 0)}}@keyframes fb-hs-frozen{0%,62%{opacity:0;transform:translate3d(0,2cqw,0) scale(.9)}68%,89%{opacity:1;transform:none}95%,to{opacity:0;transform:translate3d(0,-1cqw,0) scale(.96)}}@keyframes fb-hs-glint-1{0%,64%{opacity:0;transform:scale(.4) rotate(0)}70%{opacity:1;transform:scale(1) rotate(45deg)}78%,to{opacity:0;transform:scale(.5) rotate(90deg)}}@keyframes fb-hs-glint-2{0%,69%{opacity:0;transform:scale(.4) rotate(0)}75%{opacity:1;transform:scale(1) rotate(45deg)}83%,to{opacity:0;transform:scale(.5) rotate(90deg)}}@keyframes fb-hs-glint-3{0%,74%{opacity:0;transform:scale(.4) rotate(0)}80%{opacity:1;transform:scale(1) rotate(45deg)}88%,to{opacity:0;transform:scale(.5) rotate(90deg)}}html[data-motion=soft] .fb-hs__drawn,html[data-motion=soft] .fb-hs__flip,html[data-motion=soft] .fb-hs__mover,html[data-motion=soft] .fb-hs__pen-body,html[data-motion=soft] .fb-hs__flake,html[data-motion=soft] .fb-hs__frozen,html[data-motion=soft] .fb-hs__tag,html[data-motion=soft] .fb-hs__slot-flake{animation:none!important}html[data-motion=soft] .fb-hs--draw .fb-hs__flip,html[data-motion=soft] .fb-hs--draw .fb-hs__face--front{transform:none}html[data-motion=soft] .is-revealed .fb-hs--draw .fb-hs__face--front{animation:fb-hs-soft-front 6.4s ease-in-out infinite}@keyframes fb-hs-soft-front{0%,14%{opacity:0}30%,84%{opacity:1}to{opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-frost-how-to.css.map */