.kit-banner{padding:.25rem max(1rem, env(safe-area-inset-right)) .25rem max(1rem, env(safe-area-inset-left));color:var(--lightningcss-light,#3f3f46)var(--lightningcss-dark,#d4d4d8);text-align:center;background:var(--lightningcss-light,#f4f4f5)var(--lightningcss-dark,#27272a);border-bottom:1px solid var(--lightningcss-light,#e4e4e7)var(--lightningcss-dark,#3f3f46);flex-wrap:wrap;justify-content:center;align-items:center;gap:.125rem .5rem;font:400 .75rem/1.4 system-ui,-apple-system,Segoe UI,sans-serif;display:flex;position:relative}:root{--kit-banner-height:1.6rem}.kit-banner-fixed{inset-inline:0;z-index:50;position:fixed;top:0}.kit-banner-links{white-space:nowrap;flex-shrink:0;align-items:center;gap:.75rem;display:inline-flex}.kit-banner strong{font-weight:600}.kit-banner a{color:inherit;text-underline-offset:2px;text-decoration:underline}:root{--kit-skeleton-bg:color-mix(in srgb, currentColor 8%, transparent);--kit-skeleton-shine:color-mix(in srgb, currentColor 6%, transparent);--kit-skeleton-radius:.5rem;--kit-status-bg:color-mix(in srgb, currentColor 4%, Canvas);--kit-status-color:color-mix(in srgb, currentColor 72%, transparent);--kit-spinner-color:currentColor;--kit-error-color:color-mix(in srgb, currentColor 72%, transparent);--kit-button-bg:Canvas;--kit-button-border:color-mix(in srgb, currentColor 20%, transparent);--kit-fade:.24s}.kit-skeleton{border-radius:var(--kit-skeleton-radius);background:var(--kit-skeleton-bg);position:relative;overflow:hidden}.kit-skeleton:after{content:"";background:linear-gradient(90deg, transparent, var(--kit-skeleton-shine), transparent);animation:1.8s cubic-bezier(.4,0,.2,1) infinite kit-shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes kit-shimmer{to{transform:translate(100%)}}@keyframes kit-fade-in{0%{opacity:0}}.kit-loading{transition:opacity var(--kit-fade) ease-out;position:relative}.kit-loading[data-visible=false]{opacity:0}.kit-loaded{position:relative}.kit-loaded>:not(.kit-loading-status){transition:opacity var(--kit-fade) ease-out}.kit-loaded[data-fade=true]{animation:kit-fade-in var(--kit-fade) ease-out}.kit-loaded[data-refreshing=true][data-visible=true]>:not(.kit-loading-status){opacity:.6}.kit-loaded[data-visible=false]>.kit-loading-status{visibility:hidden}.kit-loading-status{z-index:1;background:var(--kit-status-bg);width:max-content;max-width:calc(100% - 1.5rem);color:var(--kit-status-color);border-radius:999px;align-items:center;gap:.5rem;margin:0 auto;padding:.375rem .875rem .375rem .625rem;font-size:.8125rem;display:flex;position:absolute;inset:.75rem 0 auto;box-shadow:0 1px 2px #0000000f,0 8px 24px -6px #00000029}.kit-loading-error,.kit-crash{text-align:center;color:var(--kit-error-color);animation:kit-fade-in var(--kit-fade) ease-out;flex-direction:column;align-items:center;gap:.75rem;padding:2.5rem 1.5rem;font-size:.875rem;display:flex}.kit-loading-error button,.kit-crash button{border:1px solid var(--kit-button-border);background:var(--kit-button-bg);color:inherit;border-radius:.5rem;padding:.375rem .875rem;font-weight:600}.kit-spinner{border:2px solid color-mix(in srgb, var(--kit-spinner-color) 20%, transparent);border-top-color:var(--kit-spinner-color);border-radius:50%;width:1.1em;height:1.1em;animation:.8s linear infinite kit-spin;display:inline-block}@keyframes kit-spin{to{transform:rotate(360deg)}}.kit-busy{position:relative}.kit-busy[data-busy=true] .kit-busy-label{visibility:hidden}.kit-busy .kit-spinner{margin:auto;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.kit-skeleton:after{animation:none}.kit-loading,.kit-loaded>*,.kit-loaded[data-fade=true],.kit-loading-error,.kit-crash{transition:none;animation:none}.kit-spinner{animation:none}}.kit-dialog{width:100%;max-width:none;height:100%;max-height:none;color:inherit;background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:visible}.kit-dialog::backdrop{background:0 0}.kit-visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-display:swap;src:url(https://assets.jouw.app/tenants/demo/bol-foodhal/2026.11.06/assets/bricolage-grotesque-latin-opsz-normal-Cre6nC2_.woff2)format("woff2")}@font-face{font-family:Figtree;font-style:normal;font-weight:300 900;font-display:swap;src:url(https://assets.jouw.app/tenants/demo/bol-foodhal/2026.11.06/assets/figtree-latin-wght-normal-D_ZTVpCC.woff2)format("woff2")}:root{--bg:#fff;--surface:#fff;--surface-2:#f6f3ee;--ink:#1d1433;--muted:#5c5270;--line:#1d1433;--line-soft:#e4dfec;--tomato:#ff5a3c;--tomato-ink:#c42d14;--pink:#ff8fc7;--pink-soft:#ffe3f1;--mint:#7fe0c0;--mint-soft:#e2faf1;--mint-ink:#0b6e50;--sun:#ffd23f;--sun-soft:#fff1b8;--accent:var(--tomato);--accent-ink:var(--ink);--accent-soft:var(--pink-soft);--green:var(--mint-ink);--green-soft:var(--mint-soft);--warn:#7a4a00;--warn-soft:var(--sun-soft);--danger:#b02a14;--focus:#2b3cff;--pop:4px 4px 0 var(--ink);--pop-sm:3px 3px 0 var(--ink);--radius:18px;--display:"Bricolage Grotesque", "Arial Black", system-ui, sans-serif;--sans:"Figtree", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--serif:var(--display);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:8rem}[hidden]{display:none!important}body{background:var(--bg);color:var(--ink);font:1rem/1.55 var(--sans);margin:0}img,svg{max-width:100%}a{color:var(--ink);-webkit-text-decoration-color:var(--tomato);text-decoration-color:var(--tomato);text-underline-offset:.18em;text-decoration-thickness:2px}a:hover{color:var(--tomato-ink)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.skip{z-index:100;border:2px solid var(--ink);background:var(--sun);color:var(--ink);border-radius:999px;padding:.75rem 1rem;font-weight:700;position:absolute;top:-4rem;left:.5rem}.skip:focus{top:.5rem}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.demo-bar{border-bottom:2px dashed var(--ink);background:var(--surface-2);color:var(--ink);font:.82rem/1.3 var(--sans);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem 1rem;padding:0 1rem;display:flex}.demo-bar a{min-height:44px;color:var(--ink);align-items:center;padding:0 .25rem;font-weight:600;display:inline-flex}.demo-bar strong{font-weight:800}.demo-bar nav{align-items:center;gap:.75rem;display:flex}.btn{border:2.5px solid var(--ink);background:var(--tomato);min-height:48px;color:var(--ink);box-shadow:var(--pop-sm);font:800 1rem/1.2 var(--sans);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.35rem;text-decoration:none;display:inline-flex}.btn:hover{color:var(--ink);background:#ff7257}.btn.secondary,.btn.ghost{background:var(--sun);color:var(--ink)}.btn.secondary:hover,.btn.ghost:hover{background:#ffdc66}.btn.plain{background:var(--surface);color:var(--ink)}.btn.plain:hover{background:var(--mint-soft)}.btn.danger{background:var(--surface);color:var(--danger);border-color:var(--danger);box-shadow:3px 3px 0 var(--danger)}.btn.danger:hover{background:var(--pink-soft);color:var(--danger)}.btn.danger.solid{background:var(--danger);color:#fff}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.small{min-height:44px;padding:.4rem .95rem;font-size:.92rem}.linkish{min-height:44px;color:var(--ink);font:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--tomato);text-decoration-color:var(--tomato);text-underline-offset:.18em;cursor:pointer;background:0 0;border:0;padding:0 .25rem;font-weight:700;text-decoration-thickness:2px}.linkish:hover{color:var(--tomato-ink)}label.field,.field{gap:.3rem;font-weight:700;display:grid}.field small,.hint{color:var(--muted);font-size:.9rem;font-weight:500}input[type=text],input[type=email],input[type=tel],input[type=date],input[type=number],input[type=time],select,textarea{border:2px solid var(--ink);background:var(--surface);width:100%;min-height:48px;color:var(--ink);font:500 1rem/1.4 var(--sans);border-radius:14px;padding:.55rem .85rem}input:hover,select:hover,textarea:hover{background:var(--mint-soft)}textarea{resize:vertical;min-height:6rem}[aria-invalid=true]{border-color:var(--danger);background:var(--pink-soft);border-width:3px}.error{color:var(--danger);font-size:.92rem;font-weight:700}.allergen{border:1.5px solid var(--ink);background:var(--surface);border-radius:999px;align-items:center;gap:.3rem;padding:.1rem .65rem .1rem .12rem;font-size:.84rem;font-weight:600;line-height:1.4;display:inline-flex}.allergen .ai{background:var(--sun);width:24px;height:24px;color:var(--ink);border-radius:50%;flex:none;padding:3px}.allergen.hit{border-color:var(--danger);background:var(--pink-soft);color:var(--danger);font-weight:800}.allergen.hit .ai{background:var(--danger);color:#fff}.floorplan{aspect-ratio:3/4;border:2.5px solid var(--ink);background:var(--surface);width:100%;max-width:460px;box-shadow:var(--pop);border-radius:22px;margin:0 auto;position:relative;overflow:hidden}.fp-bg{width:100%;height:100%;position:absolute;inset:0}.fp-terrace{fill:var(--mint-soft)}.fp-inside{fill:#fff}.fp-kitchen{fill:var(--sun-soft)}.fp-wall{stroke:var(--ink);stroke-width:3px}.fp-wall.thin{stroke-width:1.2px;stroke:var(--muted)}.fp-window{stroke:var(--pink);stroke-width:5px}.fp-door{fill:none;stroke:var(--muted);stroke-width:1.5px}.fp-counter{fill:var(--tomato);stroke:var(--ink);stroke-width:1.2px}.fp-board{stroke:var(--sun);stroke-width:2.2px;stroke-dasharray:.1 9;stroke-linecap:round;opacity:.9}.fp-paver{stroke:var(--mint);stroke-width:.8px;opacity:.6}.fp-plant{fill:var(--mint);stroke:var(--ink);stroke-width:1px}.fp-pass{fill:var(--ink)}.fp-chair{fill:var(--pink-soft);stroke:var(--ink);stroke-width:1px}.fp-label{fill:var(--ink);font:800 9.5px var(--sans);letter-spacing:.06em;text-transform:uppercase}.fp-label.small{font-size:8.5px}.fp-table{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0;display:block;position:absolute;transform:translate(-50%,-50%)}.fp-table input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.fp-shape{border:2.5px solid var(--ink);background:var(--surface);width:clamp(46px,13vw,58px);height:clamp(46px,13vw,58px);box-shadow:2px 2px 0 var(--ink);pointer-events:none;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;line-height:1.05;display:flex}.fp-shape.round{border-radius:50%}.fp-shape.stool{border-radius:50% 50% 12px 12px}.fp-shape.long{width:clamp(66px,20vw,88px)}.fp-id{font-size:.85rem;font-weight:800}.fp-seats,.fp-who{color:var(--ink);font-size:.72rem;font-weight:600}.fp-table[data-status=vrij] .fp-shape{background:var(--mint)}.fp-table[data-status=bezet] .fp-shape{border-color:var(--muted);box-shadow:none;background:repeating-linear-gradient(135deg, #fff 0 5px, var(--line-soft) 5px 9px)}.fp-table[data-status=bezet] .fp-seats,.fp-table[data-status=bezet] .fp-id{color:var(--muted)}.fp-table[data-status=klein] .fp-shape,.fp-table[data-status=groot] .fp-shape{border-style:dashed;border-color:var(--muted);box-shadow:none;background:var(--surface)}.fp-table:has(input:disabled){cursor:not-allowed}.fp-table[aria-pressed=true] .fp-shape{background:var(--tomato);color:var(--ink);box-shadow:3px 3px 0 var(--ink);border-width:3px}.fp-table:has(input:checked) .fp-shape{background:var(--tomato);color:var(--ink);box-shadow:3px 3px 0 var(--ink);border-width:3px}.fp-table[aria-pressed=true] .fp-shape{border-color:var(--ink)}.fp-table[aria-pressed=true] .fp-id,.fp-table[aria-pressed=true] .fp-seats,.fp-table[aria-pressed=true] .fp-who{color:var(--ink)}button.fp-table:focus-visible{outline:3px solid var(--focus);outline-offset:4px;border-radius:14px}.fp-table:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:4px;border-radius:14px}.fp-table[data-new=true] .fp-shape{outline:3px solid var(--pink);outline-offset:1px}button.fp-table:hover .fp-shape{transform:scale(1.08)rotate(-3deg)}.fp-table:not(:has(input:disabled)):not([data-status=bezet]):hover .fp-shape{transform:scale(1.08)rotate(-3deg)}.plan-empty{color:var(--ink);text-align:center;z-index:2;background:#ffffffe0;place-items:center;margin:0;padding:1rem;font-weight:800;display:grid;position:absolute;inset:0}.legend{flex-wrap:wrap;gap:.4rem 1rem;margin:1rem 0 0;padding:0;font-size:.9rem;font-weight:600;list-style:none;display:flex}.legend li{align-items:center;gap:.4rem;display:inline-flex}.swatch{border:2px solid var(--ink);background:var(--mint);border-radius:6px;width:20px;height:20px}.swatch.bezet{border-color:var(--muted);background:repeating-linear-gradient(135deg, #fff 0 3px, var(--line-soft) 3px 6px)}.swatch.niet{border:2px dashed var(--muted);background:var(--surface)}.swatch.gekozen{background:var(--tomato)}.swatch.nieuw{outline:3px solid var(--pink);outline-offset:1px}.print-only{display:none}.tour-open{border:2px solid var(--ink);background:var(--sun);min-height:36px;color:var(--ink);font:800 .82rem/1 var(--sans);cursor:pointer;border-radius:999px;margin:4px 0;padding:0 .85rem}.tour-open:hover{background:#ffdc66}.tour{z-index:60;border:2.5px solid var(--ink);background:var(--surface);width:min(360px,100vw - 2rem);color:var(--ink);box-shadow:6px 6px 0 var(--ink);border-radius:22px;padding:1rem 1.1rem 1.1rem;font-size:.95rem;position:fixed;bottom:1rem;right:1rem}.tour[data-mode=min]{width:auto;box-shadow:none;background:0 0;border:0;padding:0}.tour p{margin:.35rem 0 .75rem}.tour-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.tour-kicker{border:2px solid var(--ink);background:var(--pink);color:var(--ink);border-radius:999px;padding:.15rem .6rem;font-size:.75rem;font-weight:800;display:inline-block;transform:rotate(-2deg);margin:0!important}.tour-ctrl{margin-right:-.5rem;display:flex}.tour-ctrl button{width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:50%;font-size:1.3rem;font-weight:700}.tour-ctrl button:hover{background:var(--mint-soft)}.tour-steps{gap:.35rem;margin:.6rem 0;padding:0;list-style:none;display:flex}.tour-steps li{border:2px solid var(--ink);background:var(--surface);border-radius:999px;flex:1;height:10px}.tour-steps li.done{background:var(--mint)}.tour-steps li.now{background:var(--tomato)}.tour-title{font:800 1.35rem/1.15 var(--display);color:var(--ink);margin:0}.tour-title:focus{outline:none}.tour-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.tour-here{background:var(--mint);border-radius:999px;padding:.2rem .7rem;font-weight:800}.tour-nav{gap:.25rem;margin-left:auto;display:flex}.tour-pill{border:2.5px solid var(--ink);background:var(--sun);min-height:48px;color:var(--ink);font:800 .95rem/1 var(--sans);box-shadow:var(--pop-sm);cursor:pointer;border-radius:999px;align-items:center;gap:.5rem;padding:0 1.1rem;display:inline-flex}.tour-count{background:var(--surface);border-radius:999px;padding:.15rem .5rem}.tour-dot{border:2px solid var(--ink);background:var(--tomato);border-radius:50%;width:10px;height:10px}@media (width<=640px){.tour[data-mode=open]{border-radius:22px;width:auto;max-height:55vh;bottom:.5rem;left:.5rem;right:.5rem;overflow:auto}.tour[data-mode=min]{bottom:.75rem;right:.75rem}}@media (prefers-reduced-motion:no-preference){.btn,.fp-shape,.dish,.dish-photo,.chip,.time,.photo-opt,.sticker,.tour-pill{transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .16s ease-out,background-color .16s ease-out,border-color .16s ease-out}.btn:hover,.tour-pill:hover{box-shadow:5px 5px 0 var(--ink);transform:translate(-2px,-2px)rotate(-1deg)}.btn.danger:hover{box-shadow:5px 5px 0 var(--danger)}.btn:active,.tour-pill:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.tour[data-mode=open]{animation:.32s cubic-bezier(.34,1.56,.64,1) tour-in}@keyframes tour-in{0%{opacity:0;transform:translateY(16px)rotate(2deg)}}.tour-dot{animation:1.6s ease-in-out infinite blink}@keyframes blink{50%{transform:scale(1.4)}}.reveal{animation:.3s cubic-bezier(.34,1.56,.64,1) both reveal}@keyframes reveal{0%{opacity:0;transform:translateY(10px)scale(.98)}}}.boot{place-items:center;min-height:100vh;display:grid}.boot:after{content:"";border:3px solid color-mix(in srgb, currentColor 15%, transparent);border-top-color:currentColor;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite boot}@keyframes boot{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.boot:after{animation-duration:3s}}.logo .bowl,.logo .sprout{transform-box:fill-box;transform-origin:50% 100%}@media screen and (prefers-reduced-motion:no-preference){:root{--spring:cubic-bezier(.34, 1.56, .64, 1)}.hero-img{animation:m-drop .65s var(--spring) both}.blob{animation:m-blob-in .6s var(--spring) both, m-blob 9s ease-in-out .6s infinite}.sticker{animation:m-sticker .52s var(--spring) both;transition:rotate .32s var(--spring), scale .32s var(--spring);animation-delay:.38s}.sticker.s-pink{animation-delay:.52s}.sticker:hover{rotate:24deg;scale:1.06}@keyframes m-drop{0%{opacity:0;translate:0 -70px;rotate:-7deg}55%{opacity:1;translate:0 10px;rotate:2deg}to{translate:0;rotate:0deg}}@keyframes m-blob-in{0%{opacity:0;scale:.6}}@keyframes m-blob{33%{rotate:4deg;scale:1.03 .98}66%{rotate:-3deg;scale:.98 1.03}}@keyframes m-sticker{0%{opacity:0;rotate:-40deg;scale:.2}70%{opacity:1;scale:1.15}to{rotate:0deg;scale:1}}.m-doodle{z-index:2;pointer-events:none;width:54px;height:54px;animation:m-doodle-in .5s var(--spring) both, m-bob 3.6s ease-in-out infinite;animation-delay:var(--d,.6s), calc(var(--d,.6s) + .5s);position:absolute}.m-doodle.chili{top:38%;left:-.6rem}.m-doodle.bao{--d:.72s;animation-duration:.5s,4.2s;top:26%;right:-.4rem}.m-doodle.sprout{--d:.84s;animation-duration:.5s,3.2s;bottom:-.6rem;left:30%}.m-doodle.spark{--d:.96s;width:40px;height:40px;animation-duration:.5s,2.8s;top:-.4rem;right:22%}@keyframes m-doodle-in{0%{opacity:0;scale:0}}@keyframes m-bob{50%{translate:0 -9px;rotate:8deg}}.open-now[data-open=true]:before{animation:1.8s ease-in-out infinite m-pulse}@keyframes m-pulse{50%{scale:1.45}}.m-pre{opacity:0}.m-in{animation:m-rise .52s var(--spring) both;animation-delay:var(--m-delay,0s)}.m-in.m-tilt{animation-name:m-rise-tilt}@keyframes m-rise{0%{opacity:0;translate:0 32px;scale:.95}to{opacity:1}}@keyframes m-rise-tilt{0%{opacity:0;translate:0 36px;rotate:-5deg;scale:.94}to{opacity:1}}.btn:active,.tour-pill:active{transform:translate(2px,2px)scale(.95,.9)}.chip:active{scale:.94}.m-boing{animation:m-boing .46s var(--spring)}@keyframes m-boing{30%{scale:1.16 .88}60%{scale:.94 1.08}}.dishes>.dish.nofit{animation:.38s ease-out both m-shrink}.dishes>.dish.nofit .dish-photo{animation:.38s ease-out m-fade}.dishes>.dish:has(.fit.yes){animation:m-pop .46s var(--spring)}@keyframes m-shrink{0%{scale:1.02}to{scale:.97}}@keyframes m-fade{0%{opacity:1}}@keyframes m-pop{0%{scale:.9}60%{scale:1.04}}.fp-table[aria-pressed=true] .fp-shape{animation:m-boing .48s var(--spring)}.fp-table:has(input:checked) .fp-shape{animation:m-boing .48s var(--spring)}.m-wiggle{animation:.56s ease-in-out m-wiggle}@keyframes m-wiggle{20%{rotate:-7deg}40%{rotate:6deg}60%{rotate:-4deg}80%{rotate:2deg}}.m-confetti{z-index:90;pointer-events:none;position:fixed;inset:0;overflow:hidden}.m-confetti svg{width:20px;height:20px;position:absolute}.toast.show{animation:m-toast .52s var(--spring)}@keyframes m-toast{0%{opacity:0;translate:0 -40px;scale:.8}60%{opacity:1;translate:0 6px;scale:1.04}}.m-arrive{animation:m-arrive .64s var(--spring)}@keyframes m-arrive{0%{opacity:0;translate:60px;rotate:3deg}55%{opacity:1;translate:-8px;rotate:-1deg}}.kpi.m-in{animation-duration:.48s}.logo.m-hop .bowl{animation:m-hop .62s var(--spring)}.logo.m-hop .sprout{animation:m-grow .72s var(--spring)}@keyframes m-hop{35%{translate:0 -5px;scale:1.05 .95}70%{translate:0;scale:1.1 .9}}@keyframes m-grow{40%{rotate:-10deg;scale:1.7}70%{rotate:6deg;scale:1.35}}}@media screen and (prefers-reduced-motion:no-preference) and (width<=600px){.m-doodle{width:40px;height:40px}.m-doodle.spark,.m-doodle.sprout{display:none}@keyframes m-rise{0%{opacity:0;translate:0 16px}to{opacity:1}}@keyframes m-rise-tilt{0%{opacity:0;translate:0 18px;rotate:-2deg}to{opacity:1}}}