.s1c9ipa9{stroke:currentColor;display:block;overflow:visible}.s1c9ipa9 line{transform-origin:center center}.ozep5mv{position:fixed;left:0;right:0;bottom:0;pointer-events:none;padding:16px;display:flex;justify-content:center}@media print{.ozep5mv{display:none}}.c1hag6y0{color:var(--color-gray-700)}.c1hag6y0:hover{color:var(--color-text)}.waf1f9y{display:flex;align-items:center;gap:16px;padding-right:16px;box-shadow:0 2px 4px rgba(0,0,0,.1),0 4px 8px rgba(0,0,0,.1),0 8px 16px rgba(0,0,0,.1),0 16px 32px rgba(0,0,0,.1);border-radius:4px;max-width:600px;pointer-events:auto;will-change:transform;overflow:hidden;overflow:clip}.waf1f9y svg{display:block!important}.tbw5dg6{align-self:stretch;position:relative;width:6px;background:hsl(var(--h) calc(var(--s) * .675) calc(var(--l) * .875))}.tbw5dg6:before{content:"";background:linear-gradient(to right,transparent 50%,hsl(var(--h) calc(var(--s) * .675) calc(var(--l) * .75)))}.t169lyus,.tbw5dg6:before{position:absolute;inset:0;height:100%;width:100%}.t169lyus{border-radius:2px 2px 0 0;transform-origin:center bottom;background:hsl(from var(--main-color) h s calc(l * 1.1));background:hsl(var(--h) var(--s) calc(var(--l) * 1.1));overflow:hidden;overflow:clip;will-change:transform}@media (prefers-reduced-motion:no-preference){.t169lyus{transform:var(--transform);transition:var(--transition)}}.t169lyus:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,hsla(0,0%,100%,.333),hsla(0,0%,100%,0))}@media (prefers-reduced-motion:no-preference){.t169lyus:after{opacity:var(--gradient-opacity);transition:opacity .3s}}.m15wgv93{flex:1 1;padding-top:12px;padding-bottom:15px}.m15wgv93 p{margin-bottom:.5em;font-size:1rem;color:var(--color-gray-800)}.m15wgv93 p:last-of-type{margin-bottom:0}.hl4y0lt{font-weight:var(--font-weight-medium);font-size:1rem;margin-bottom:4px}.w19mrn5v{--height:2.625rem;display:flex;align-items:center;border-radius:4px;background:var(--pb-background-color,var(--color-gray-900));color:var(--pb-text-color,#fff);height:var(--height);font-size:1rem;-webkit-text-decoration:none;text-decoration:none}.w19mrn5v:focus-visible{outline-offset:3px}.w19mrn5v:disabled{cursor:not-allowed;opacity:.325}.w19mrn5v[data-discouraged=true]{cursor:not-allowed;filter:contrast(.75) brightness(.75)}.c1rpf4ut{position:relative;height:var(--height);width:var(--height)}.iwv8n0j.c1rpf4ut{--indent-by:0.8;transition:transform .2s cubic-bezier(0,.67,.6,1.24)}.w19mrn5v:active .iwv8n0j.c1rpf4ut{transform:scale(var(--indent-by));transition:transform 0s}.iwv8n0j.c1rpf4ut svg{display:block;transition:transform .3s cubic-bezier(0,.67,.6,1.24)}.w19mrn5v:active .iwv8n0j.c1rpf4ut svg{transform:scale(calc(1 / var(--indent-by)));transition:transform 0s}.i1qpbbb9{position:absolute;top:4px;left:4px;right:4px;bottom:4px;display:grid;place-content:center;border-radius:2px;background:var(--pb-highlight-color,var(--color-gray-800))}.i1m1cbkp{display:block}.c7sw782{flex:1 1;display:flex;justify-content:center;padding:0 calc(16px + 4px) 0 16px;font-size:inherit;white-space:nowrap}.b1sstqy5,.c7sw782{font-weight:var(--font-weight-medium)}.b1sstqy5{display:inline;color:inherit;height:1.5em;-webkit-text-decoration:none;text-decoration:none;box-shadow:0 1.5px 0 var(--color-primary);transition:box-shadow .2s;will-change:transform;-webkit-box-decoration-break:clone;box-decoration-break:clone}html[data-color-mode=light] .wcnkszl .b1sstqy5{box-shadow:0 1.5px 0 var(--color-warning-700)}strong .b1sstqy5{font-weight:inherit}.b1sstqy5:hover.b1sstqy5:hover{box-shadow:0 0 0 transparent}.b1sstqy5:focus-visible{outline:2px auto var(--color-primary);outline-offset:4px}.b1sstqy5:has(>code){box-shadow:0 0 0 transparent}.l1tq0m1p{margin-bottom:.25rem;color:var(--color-gray-900);transform:translateX(-1px)}.ik2yzzn,.l1tq0m1p{display:block;font-size:1rem}.ik2yzzn{width:100%;max-width:100%;border:1px solid var(--color-gray-300);border-radius:2px;padding:4px 8px;outline-color:var(--color-primary);outline-offset:4px}.w1yap34s{--red:#f47171;--blue:#5aa6f2;--blue-darker:#1f2947;margin-inline:calc(var(--stripe-border-width) * -1);background:repeating-linear-gradient(45deg,var(--red) 0 15px,#fff 15px 25px,var(--blue) 25px 40px,#fff 40px 50px);padding:var(--stripe-border-width);border-radius:8px;border:2px solid #fff;box-shadow:0 1px 2px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.1),0 4px 8px rgba(0,0,0,.1)}.f1auxxjm{flex-direction:column;padding:16px;background:#fff;border-radius:4px;container-type:inline-size}.f1auxxjm,.rtx1idc{display:flex;gap:16px}@container (max-width: 330px){.rtx1idc{display:block}}.chs1dss{flex:1 1}.r7krwe8{--color-primary:var(--color-warning-500);display:flex;gap:12px;padding:12px;border-radius:4px;background:var(--color-warning-100);animation:fadeIn .4s}.r7krwe8 svg{flex-shrink:0;color:var(--color-primary)}.rzy5uw4.rzy5uw4{font-size:.875rem;margin:0;text-align:left;animation:fadeIn .4s .3s both}.rzy5uw4.rzy5uw4:first-child{margin-bottom:1em}.l14gbeqr{display:flex;flex-direction:column;gap:24px}.wuk29qs{position:relative;list-style:none;container-type:inline-size;scroll-snap-margin-top:24px;scroll-margin-top:24px}.wuk29qs[data-is-highlighted=true]{--selection-background-color:rgba(255,236,143,.75)}.q1j7wadz{display:flex;align-items:center;gap:.5rem;cursor:pointer;outline-color:var(--color-primary);outline-offset:8px;font-weight:var(--font-weight-medium);color:#000;list-style:none}.q1j7wadz::marker{display:none}.q1j7wadz::-webkit-details-marker{display:none}.wuk29qs[data-is-highlighted=true] .q1j7wadz:before{content:"";position:absolute;inset:-15px;background:#f0faff;animation:fadeIn .4s;border-radius:8px;box-shadow:0 1px 2px rgba(0,102,153,.1),0 3px 6px rgba(0,102,153,.1)}.wuk29qs[data-is-highlighted=true] .q1j7wadz:focus-visible{outline:none}.wuk29qs[data-is-highlighted=true] .q1j7wadz:focus-visible:before{outline:2px auto var(--color-primary);outline-offset:0}.a9lb8rg{font-size:1rem;will-change:transform;padding-top:.5rem;padding-left:calc(2rem + .5rem);opacity:0}.a9lb8rg[data-status=open]{animation:enterKeyframeAnimation-a9lb8rg .6s cubic-bezier(.215,.61,.355,1) forwards}@keyframes enterKeyframeAnimation-a9lb8rg{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@media (prefers-reduced-motion:reduce){.a9lb8rg{opacity:1}.a9lb8rg[data-status=open]{animation:none}}.a9lb8rg li,.a9lb8rg p{font-size:inherit}.i1kib7c0{position:relative;flex-shrink:0;display:grid;place-content:center;width:2rem;height:2rem}.bwaqr3i{position:absolute;inset:0;width:100%;height:100%;background:var(--color-cloud-500);border-radius:4px;transition:transform .25s,background .25s}@media (prefers-reduced-motion:no-preference){.q1j7wadz:hover .bwaqr3i{transform:scale(1.125);transition:transform .15s}}.wuk29qs[data-is-highlighted=true] .bwaqr3i{background:var(--color-warning-300);background:lch(85 112.86 83.18)}.q1fuq136,.si7sm1d{position:relative}.fialie{--breathing-room:16px;display:none;float:right;width:240px;max-width:50%;shape-outside:url(/images/css-for-js-mascot-light.png);margin-top:16px;margin-left:var(--breathing-room);margin-right:0;shape-margin:var(--breathing-room);transform:translateX(8px)}@container (min-width: 25rem){.fialie{display:block}}.bcf7ah9{display:block;width:250px;max-width:70%;margin:32px auto}@container (min-width: 25rem){.bcf7ah9{display:none}}@media (prefers-reduced-motion:no-preference){.wv8ehy8{animation-name:fadeIn;animation-fill-mode:backwards}}.d1qadnsl,.wvm4gg4{position:relative}.l1enswin{position:absolute;inset:0;width:100%;height:100%;opacity:var(--opacity);transition:opacity calc(var(--color-swap-duration) + .5s) var(--color-swap-timing-function)}html[data-color-mode=light] .l1enswin[data-use-global-color-mode=true]{opacity:1}html[data-color-mode=dark] .l1enswin[data-use-global-color-mode=true]{opacity:0}.mr2l5ys{width:137.5px;height:232px}.hjm134z,.mr2l5ys{display:block;top:0;left:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.hjm134z{position:absolute;right:0;width:100%}.sigr403{display:block;overflow:visible}.t1v2vbab{position:fixed;z-index:99999;top:32px;left:32px;padding:16px 24px;border-radius:12px;background:var(--color-background);color:var(--color-text);box-shadow:0 -5.9px 2.7px rgba(0,0,0,.018),0 -1.2px 6.9px rgba(0,0,0,.024),0 8px 14.2px rgba(0,0,0,.03),0 21.9px 29.2px rgba(0,0,0,.039),0 49px 80px rgba(0,0,0,.07);clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px}.t1v2vbab:focus{width:auto;height:auto;clip:auto}.t1jehbg7{contain:none}.c1aawmsq{font-size:1rem;color:var(--color-gray-900);margin-bottom:1em}.saag2jw{--viewport-padding:16px;--block-padding-override:12px;--inline-padding-override:16px;--syntax-bg:#f0faff;--code-font-size:0.96875rem}.saag2jw .line:nth-child(5) span:nth-child(2){font-weight:700}.saag2jw .line:nth-child(6) span:nth-child(3){font-style:italic}.wr52gk3{padding-bottom:32px;background:var(--front-cloud);transition:--color-adaptive-white var(--color-swap-duration),--color-sky-from var(--color-swap-duration),--color-sky-to var(--color-swap-duration),--front-cloud var(--color-swap-duration),--back-cloud var(--color-swap-duration)}html[data-color-mode=light] .wr52gk3{--front-cloud:#d4eaf7;--back-cloud:rgba(198,226,241,.5)}@property --front-cloud{syntax:"<color>";inherits:true;initial-value:#d4eaf7}@property --back-cloud{syntax:"<color>";inherits:true;initial-value:rgba(198,226,241,.5)}html[data-color-mode=dark] .wr52gk3{--color-sky-from:#112027;--color-sky-to:#1f3547;--front-cloud:#2e4960;--back-cloud:rgba(38,68,89,.5)}@property --front-cloud{syntax:"<color>";inherits:true;initial-value:#35546e}@property --back-cloud{syntax:"<color>";inherits:true;initial-value:rgba(41,73,96,.5)}.m1kq3b8r{position:relative;padding-block:100px}.m8yktbl.m8yktbl{position:absolute;top:48px;right:-80px;transform:rotate(16deg)}@media (prefers-reduced-motion:no-preference){.m8yktbl.m8yktbl{transition:all .3s}}@media (max-width:79.6875rem){.m8yktbl.m8yktbl{right:0;transform:rotate(0)}}@media (max-width:31.25rem){.m8yktbl.m8yktbl{opacity:0!important;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}}.tautsx7{font-size:3rem;margin-bottom:2rem}.pficl5p{--shadow-color:201deg 40% 30%;display:grid;grid-template-columns:clamp(10rem,45%,28rem) 2fr;grid-template-rows:auto 1fr;grid-template-areas:"intro    questions" "contact questions";grid-gap:16px 36px;gap:16px 36px;position:relative;margin-inline:calc(var(--viewport-padding) * -1);padding:var(--viewport-padding);background:#fff;box-shadow:.2px .3px .4px hsl(var(--shadow-color)/.29),1.1px 2.4px 2.8px -.7px hsl(var(--shadow-color)/.27),2.8px 5.9px 7px -1.4px hsl(var(--shadow-color)/.24),6.4px 13.4px 15.9px -2.1px hsl(var(--shadow-color)/.22),13px 27.4px 32.5px -2.8px hsl(var(--shadow-color)/.2);overflow:hidden;overflow:clip}@media (max-width:67.5rem){.pficl5p{border-radius:0}}@media (max-width:48rem){.pficl5p{grid-template-columns:1fr;grid-template-areas:"intro" "questions" "contact";padding-bottom:32px}}html[data-color-mode=dark] .pficl5p{--shadow-color:201deg 66% 20%}.bhugqdp{position:absolute;width:100%;height:100%;inset:0;display:flex;flex-direction:column;padding-top:190px;--cloud-bottom:min(calc(25vw + 100px),20rem);background:linear-gradient(to bottom,var(--color-sky-from) 0 80px,var(--color-sky-to) var(--cloud-bottom));overflow:hidden;overflow:clip}@media (max-width:67.5rem){.bhugqdp{padding-top:96px}}.cwv3kmn{min-width:600px;min-height:450px}@media (max-width:67.5rem){.cwv3kmn{min-height:unset}}.f1hdg2ug{flex:1 1;background:var(--front-cloud)}@media (max-width:48rem){.m1kxqhyy{display:none}}.s1tipats{display:none}@media (max-width:48rem){.s1tipats{display:inline}}.s7heqy6{--gap:8px;--selection-background-color:rgba(22,139,197,.2);grid-area:questions;margin:calc(var(--viewport-padding) * -1 + var(--gap));margin-left:0;padding:calc(var(--viewport-padding) - var(--gap));background:var(--color-cloud-300);border-radius:4px;box-shadow:inset 0 1px 2px rgba(163,184,194,.3),inset 0 4px 8px rgba(163,184,194,.3)}.s7heqy6>h2{font-size:1.25rem;font-family:var(--font-family-mono);text-align:center;letter-spacing:1px;margin-bottom:1em;margin-top:-2px;color:#47566b}@media (max-width:48rem){.s7heqy6>h2{display:none}.s7heqy6{margin-inline:calc(var(--viewport-padding) * -1 + var(--gap));margin-block:0}}@media (max-width:35.1875rem){.s7heqy6{padding-block:24px}}.i1cfl1o9{grid-area:intro}.i1cfl1o9 p{margin-bottom:1em}.c7byr1x{--stripe-border-width:12px;grid-area:contact;align-self:start;position:-webkit-sticky;position:sticky;top:calc(var(--viewport-padding) - var(--stripe-border-width))}.c7byr1x p{margin-top:2rem;font-size:.875rem;text-align:center;text-wrap:pretty}.d1x3yivn{text-align:center;text-wrap:balance!important;font-size:.75rem;color:var(--color-gray-600)}.d1x3yivn a{color:inherit}
/*# sourceMappingURL=19afaffdf5141303.css.map*/