:root{--black-a1:#0000000d;--black-a2:#0000001a;--black-a3:#00000026;--black-a4:#0003;--black-a5:#0000004d;--black-a6:#0006;--black-a7:#00000080;--black-a8:#0009;--black-a9:#000000b3;--black-a10:#000c;--black-a11:#000000e6;--black-a12:#000000f2}@supports (color:color(display-p3 1 1 1)){@media (color-gamut:p3){:root{--black-a1:color(display-p3 0 0 0/.05);--black-a2:color(display-p3 0 0 0/.1);--black-a3:color(display-p3 0 0 0/.15);--black-a4:color(display-p3 0 0 0/.2);--black-a5:color(display-p3 0 0 0/.3);--black-a6:color(display-p3 0 0 0/.4);--black-a7:color(display-p3 0 0 0/.5);--black-a8:color(display-p3 0 0 0/.6);--black-a9:color(display-p3 0 0 0/.7);--black-a10:color(display-p3 0 0 0/.8);--black-a11:color(display-p3 0 0 0/.9);--black-a12:color(display-p3 0 0 0/.95)}}}
:root,.light,.light-theme{--mauve-1:#fdfcfd;--mauve-2:#faf9fb;--mauve-3:#f2eff3;--mauve-4:#eae7ec;--mauve-5:#e3dfe6;--mauve-6:#dbd8e0;--mauve-7:#d0cdd7;--mauve-8:#bcbac7;--mauve-9:#8e8c99;--mauve-10:#84828e;--mauve-11:#65636d;--mauve-12:#211f26}@supports (color:color(display-p3 1 1 1)){@media (color-gamut:p3){:root,.light,.light-theme{--mauve-1:color(display-p3 .991 .988 .992);--mauve-2:color(display-p3 .98 .976 .984);--mauve-3:color(display-p3 .946 .938 .952);--mauve-4:color(display-p3 .915 .906 .925);--mauve-5:color(display-p3 .886 .876 .901);--mauve-6:color(display-p3 .856 .846 .875);--mauve-7:color(display-p3 .814 .804 .84);--mauve-8:color(display-p3 .735 .728 .777);--mauve-9:color(display-p3 .555 .549 .596);--mauve-10:color(display-p3 .514 .508 .552);--mauve-11:color(display-p3 .395 .388 .424);--mauve-12:color(display-p3 .128 .122 .147)}}}
:root,.light,.light-theme{--green-1:#fbfefc;--green-2:#f4fbf6;--green-3:#e6f6eb;--green-4:#d6f1df;--green-5:#c4e8d1;--green-6:#adddc0;--green-7:#8eceaa;--green-8:#5bb98b;--green-9:#30a46c;--green-10:#2b9a66;--green-11:#218358;--green-12:#193b2d}@supports (color:color(display-p3 1 1 1)){@media (color-gamut:p3){:root,.light,.light-theme{--green-1:color(display-p3 .986 .996 .989);--green-2:color(display-p3 .963 .983 .967);--green-3:color(display-p3 .913 .964 .925);--green-4:color(display-p3 .859 .94 .879);--green-5:color(display-p3 .796 .907 .826);--green-6:color(display-p3 .718 .863 .761);--green-7:color(display-p3 .61 .801 .675);--green-8:color(display-p3 .451 .715 .559);--green-9:color(display-p3 .332 .634 .442);--green-10:color(display-p3 .308 .595 .417);--green-11:color(display-p3 .19 .5 .32);--green-12:color(display-p3 .132 .228 .18)}}}
:root,.light,.light-theme{--violet-1:#fdfcfe;--violet-2:#faf8ff;--violet-3:#f4f0fe;--violet-4:#ebe4ff;--violet-5:#e1d9ff;--violet-6:#d4cafe;--violet-7:#c2b5f5;--violet-8:#aa99ec;--violet-9:#6e56cf;--violet-10:#654dc4;--violet-11:#6550b9;--violet-12:#2f265f}@supports (color:color(display-p3 1 1 1)){@media (color-gamut:p3){:root,.light,.light-theme{--violet-1:color(display-p3 .991 .988 .995);--violet-2:color(display-p3 .978 .974 .998);--violet-3:color(display-p3 .953 .943 .993);--violet-4:color(display-p3 .916 .897 1);--violet-5:color(display-p3 .876 .851 1);--violet-6:color(display-p3 .825 .793 .981);--violet-7:color(display-p3 .752 .712 .943);--violet-8:color(display-p3 .654 .602 .902);--violet-9:color(display-p3 .417 .341 .784);--violet-10:color(display-p3 .381 .306 .741);--violet-11:color(display-p3 .383 .317 .702);--violet-12:color(display-p3 .179 .15 .359)}}}
:root,.light,.light-theme{--slate-1:#fcfcfd;--slate-2:#f9f9fb;--slate-3:#f0f0f3;--slate-4:#e8e8ec;--slate-5:#e0e1e6;--slate-6:#d9d9e0;--slate-7:#cdced6;--slate-8:#b9bbc6;--slate-9:#8b8d98;--slate-10:#80838d;--slate-11:#60646c;--slate-12:#1c2024}@supports (color:color(display-p3 1 1 1)){@media (color-gamut:p3){:root,.light,.light-theme{--slate-1:color(display-p3 .988 .988 .992);--slate-2:color(display-p3 .976 .976 .984);--slate-3:color(display-p3 .94 .941 .953);--slate-4:color(display-p3 .908 .909 .925);--slate-5:color(display-p3 .88 .881 .901);--slate-6:color(display-p3 .85 .852 .876);--slate-7:color(display-p3 .805 .808 .838);--slate-8:color(display-p3 .727 .733 .773);--slate-9:color(display-p3 .547 .553 .592);--slate-10:color(display-p3 .503 .512 .549);--slate-11:color(display-p3 .379 .392 .421);--slate-12:color(display-p3 .113 .125 .14)}}}
.dark,.dark-theme{--gray-1:#111;--gray-2:#191919;--gray-3:#222;--gray-4:#2a2a2a;--gray-5:#313131;--gray-6:#3a3a3a;--gray-7:#484848;--gray-8:#606060;--gray-9:#6e6e6e;--gray-10:#7b7b7b;--gray-11:#b4b4b4;--gray-12:#eee}@supports (color:color(display-p3 1 1 1)){@media (color-gamut:p3){.dark,.dark-theme{--gray-1:color(display-p3 .067 .067 .067);--gray-2:color(display-p3 .098 .098 .098);--gray-3:color(display-p3 .135 .135 .135);--gray-4:color(display-p3 .163 .163 .163);--gray-5:color(display-p3 .192 .192 .192);--gray-6:color(display-p3 .228 .228 .228);--gray-7:color(display-p3 .283 .283 .283);--gray-8:color(display-p3 .375 .375 .375);--gray-9:color(display-p3 .431 .431 .431);--gray-10:color(display-p3 .484 .484 .484);--gray-11:color(display-p3 .706 .706 .706);--gray-12:color(display-p3 .933 .933 .933)}}}
:root,.light,.light-theme{--blue-1:#fbfdff;--blue-2:#f4faff;--blue-3:#e6f4fe;--blue-4:#d5efff;--blue-5:#c2e5ff;--blue-6:#acd8fc;--blue-7:#8ec8f6;--blue-8:#5eb1ef;--blue-9:#0090ff;--blue-10:#0588f0;--blue-11:#0d74ce;--blue-12:#113264}@supports (color:color(display-p3 1 1 1)){@media (color-gamut:p3){:root,.light,.light-theme{--blue-1:color(display-p3 .986 .992 .999);--blue-2:color(display-p3 .96 .979 .998);--blue-3:color(display-p3 .912 .956 .991);--blue-4:color(display-p3 .853 .932 1);--blue-5:color(display-p3 .788 .894 .998);--blue-6:color(display-p3 .709 .843 .976);--blue-7:color(display-p3 .606 .777 .947);--blue-8:color(display-p3 .451 .688 .917);--blue-9:color(display-p3 .247 .556 .969);--blue-10:color(display-p3 .234 .523 .912);--blue-11:color(display-p3 .15 .44 .84);--blue-12:color(display-p3 .102 .193 .379)}}}
:root,.light,.light-theme{--indigo-1:#fdfdfe;--indigo-2:#f7f9ff;--indigo-3:#edf2fe;--indigo-4:#e1e9ff;--indigo-5:#d2deff;--indigo-6:#c1d0ff;--indigo-7:#abbdf9;--indigo-8:#8da4ef;--indigo-9:#3e63dd;--indigo-10:#3358d4;--indigo-11:#3a5bc7;--indigo-12:#1f2d5c}@supports (color:color(display-p3 1 1 1)){@media (color-gamut:p3){:root,.light,.light-theme{--indigo-1:color(display-p3 .992 .992 .996);--indigo-2:color(display-p3 .971 .977 .998);--indigo-3:color(display-p3 .933 .948 .992);--indigo-4:color(display-p3 .885 .914 1);--indigo-5:color(display-p3 .831 .87 1);--indigo-6:color(display-p3 .767 .814 .995);--indigo-7:color(display-p3 .685 .74 .957);--indigo-8:color(display-p3 .569 .639 .916);--indigo-9:color(display-p3 .276 .384 .837);--indigo-10:color(display-p3 .234 .343 .801);--indigo-11:color(display-p3 .256 .354 .755);--indigo-12:color(display-p3 .133 .175 .348)}}}
:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animate__animated{animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);animation-fill-mode:both}.animate__animated.animate__infinite{animation-iteration-count:infinite}.animate__animated.animate__repeat-1{animation-iteration-count:1;-webkit-animation-iteration-count:var(--animate-repeat);animation-iteration-count:var(--animate-repeat)}.animate__animated.animate__repeat-2{animation-iteration-count:2;-webkit-animation-iteration-count:calc(var(--animate-repeat) * 2);animation-iteration-count:calc(var(--animate-repeat) * 2)}.animate__animated.animate__repeat-3{animation-iteration-count:3;-webkit-animation-iteration-count:calc(var(--animate-repeat) * 3);animation-iteration-count:calc(var(--animate-repeat) * 3)}.animate__animated.animate__delay-1s{animation-delay:1s;-webkit-animation-delay:var(--animate-delay);animation-delay:var(--animate-delay)}.animate__animated.animate__delay-2s{animation-delay:2s;-webkit-animation-delay:calc(var(--animate-delay) * 2);animation-delay:calc(var(--animate-delay) * 2)}.animate__animated.animate__delay-3s{animation-delay:3s;-webkit-animation-delay:calc(var(--animate-delay) * 3);animation-delay:calc(var(--animate-delay) * 3)}.animate__animated.animate__delay-4s{animation-delay:4s;-webkit-animation-delay:calc(var(--animate-delay) * 4);animation-delay:calc(var(--animate-delay) * 4)}.animate__animated.animate__delay-5s{animation-delay:5s;-webkit-animation-delay:calc(var(--animate-delay) * 5);animation-delay:calc(var(--animate-delay) * 5)}.animate__animated.animate__faster{animation-duration:.5s;-webkit-animation-duration:calc(var(--animate-duration) / 2);animation-duration:calc(var(--animate-duration) / 2)}.animate__animated.animate__fast{animation-duration:.8s;-webkit-animation-duration:calc(var(--animate-duration) * .8);animation-duration:calc(var(--animate-duration) * .8)}.animate__animated.animate__slow{animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration) * 2);animation-duration:calc(var(--animate-duration) * 2)}.animate__animated.animate__slower{animation-duration:3s;-webkit-animation-duration:calc(var(--animate-duration) * 3);animation-duration:calc(var(--animate-duration) * 3)}@media print,(prefers-reduced-motion:reduce){.animate__animated{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.animate__animated[class*=Out]{opacity:0}}@keyframes bounce{0%,20%,53%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate(0,0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translateY(-30px)scaleY(1.1)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translateY(-15px)scaleY(1.05)}80%{transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate(0,0)scaleY(.95)}90%{transform:translateY(-4px)scaleY(1.02)}}.animate__bounce{transform-origin:bottom;animation-name:bounce}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.animate__flash{animation-name:flash}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scale(1)}}.animate__pulse{animation-name:pulse;animation-timing-function:ease-in-out}@keyframes rubberBand{0%{transform:scale(1)}30%{transform:scale(1.25,.75)}40%{transform:scale(.75,1.25)}50%{transform:scale(1.15,.85)}65%{transform:scale(.95,1.05)}75%{transform:scale(1.05,.95)}to{transform:scale(1)}}.animate__rubberBand{animation-name:rubberBand}@keyframes shakeX{0%,to{transform:translate(0,0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}}.animate__shakeX{animation-name:shakeX}@keyframes shakeY{0%,to{transform:translate(0,0)}10%,30%,50%,70%,90%{transform:translateY(-10px)}20%,40%,60%,80%{transform:translateY(10px)}}.animate__shakeY{animation-name:shakeY}@keyframes headShake{0%{transform:translate(0)}6.5%{transform:translate(-6px)rotateY(-9deg)}18.5%{transform:translate(5px)rotateY(7deg)}31.5%{transform:translate(-3px)rotateY(-5deg)}43.5%{transform:translate(2px)rotateY(3deg)}50%{transform:translate(0)}}.animate__headShake{animation-name:headShake;animation-timing-function:ease-in-out}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0)}}.animate__swing{transform-origin:top;animation-name:swing}@keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale3d(.9,.9,.9)rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1)rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1)rotate(-3deg)}to{transform:scale(1)}}.animate__tada{animation-name:tada}@keyframes wobble{0%{transform:translate(0,0)}15%{transform:translate(-25%)rotate(-5deg)}30%{transform:translate(20%)rotate(3deg)}45%{transform:translate(-15%)rotate(-3deg)}60%{transform:translate(10%)rotate(2deg)}75%{transform:translate(-5%)rotate(-1deg)}to{transform:translate(0,0)}}.animate__wobble{animation-name:wobble}@keyframes jello{0%,11.1%,to{transform:translate(0,0)}22.2%{transform:skew(-12.5deg)skewY(-12.5deg)}33.3%{transform:skew(6.25deg)skewY(6.25deg)}44.4%{transform:skew(-3.125deg)skewY(-3.125deg)}55.5%{transform:skew(1.5625deg)skewY(1.5625deg)}66.6%{transform:skew(-.78125deg)skewY(-.78125deg)}77.7%{transform:skew(.390625deg)skewY(.390625deg)}88.8%{transform:skew(-.195313deg)skewY(-.195313deg)}}.animate__jello{transform-origin:50%;animation-name:jello}@keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}.animate__heartBeat{animation-name:heartBeat;animation-duration:1.3s;-webkit-animation-duration:calc(var(--animate-duration) * 1.3);animation-duration:calc(var(--animate-duration) * 1.3);animation-timing-function:ease-in-out}@keyframes backInDown{0%{opacity:.7;transform:translateY(-1200px)scale(.7)}80%{opacity:.7;transform:translateY(0)scale(.7)}to{opacity:1;transform:scale(1)}}.animate__backInDown{animation-name:backInDown}@keyframes backInLeft{0%{opacity:.7;transform:translate(-2000px)scale(.7)}80%{opacity:.7;transform:translate(0)scale(.7)}to{opacity:1;transform:scale(1)}}.animate__backInLeft{animation-name:backInLeft}@keyframes backInRight{0%{opacity:.7;transform:translate(2000px)scale(.7)}80%{opacity:.7;transform:translate(0)scale(.7)}to{opacity:1;transform:scale(1)}}.animate__backInRight{animation-name:backInRight}@keyframes backInUp{0%{opacity:.7;transform:translateY(1200px)scale(.7)}80%{opacity:.7;transform:translateY(0)scale(.7)}to{opacity:1;transform:scale(1)}}.animate__backInUp{animation-name:backInUp}@keyframes backOutDown{0%{opacity:1;transform:scale(1)}20%{opacity:.7;transform:translateY(0)scale(.7)}to{opacity:.7;transform:translateY(700px)scale(.7)}}.animate__backOutDown{animation-name:backOutDown}@keyframes backOutLeft{0%{opacity:1;transform:scale(1)}20%{opacity:.7;transform:translate(0)scale(.7)}to{opacity:.7;transform:translate(-2000px)scale(.7)}}.animate__backOutLeft{animation-name:backOutLeft}@keyframes backOutRight{0%{opacity:1;transform:scale(1)}20%{opacity:.7;transform:translate(0)scale(.7)}to{opacity:.7;transform:translate(2000px)scale(.7)}}.animate__backOutRight{animation-name:backOutRight}@keyframes backOutUp{0%{opacity:1;transform:scale(1)}20%{opacity:.7;transform:translateY(0)scale(.7)}to{opacity:.7;transform:translateY(-700px)scale(.7)}}.animate__backOutUp{animation-name:backOutUp}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scale(1)}}.animate__bounceIn{animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration) * .75);animation-duration:calc(var(--animate-duration) * .75);animation-name:bounceIn}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(-3000px)scaleY(3)}60%{opacity:1;transform:translateY(25px)scaleY(.9)}75%{transform:translateY(-10px)scaleY(.95)}90%{transform:translateY(5px)scaleY(.985)}to{transform:translate(0,0)}}.animate__bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(-3000px)scaleX(3)}60%{opacity:1;transform:translate(25px)scaleX(1)}75%{transform:translate(-10px)scaleX(.98)}90%{transform:translate(5px)scaleX(.995)}to{transform:translate(0,0)}}.animate__bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(3000px)scaleX(3)}60%{opacity:1;transform:translate(-25px)scaleX(1)}75%{transform:translate(10px)scaleX(.98)}90%{transform:translate(-5px)scaleX(.995)}to{transform:translate(0,0)}}.animate__bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(3000px)scaleY(5)}60%{opacity:1;transform:translateY(-20px)scaleY(.9)}75%{transform:translateY(10px)scaleY(.95)}90%{transform:translateY(-5px)scaleY(.985)}to{transform:translate(0,0)}}.animate__bounceInUp{animation-name:bounceInUp}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}.animate__bounceOut{animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration) * .75);animation-duration:calc(var(--animate-duration) * .75);animation-name:bounceOut}@keyframes bounceOutDown{20%{transform:translateY(10px)scaleY(.985)}40%,45%{opacity:1;transform:translateY(-20px)scaleY(.9)}to{opacity:0;transform:translateY(2000px)scaleY(3)}}.animate__bounceOutDown{animation-name:bounceOutDown}@keyframes bounceOutLeft{20%{opacity:1;transform:translate(20px)scaleX(.9)}to{opacity:0;transform:translate(-2000px)scaleX(2)}}.animate__bounceOutLeft{animation-name:bounceOutLeft}@keyframes bounceOutRight{20%{opacity:1;transform:translate(-20px)scaleX(.9)}to{opacity:0;transform:translate(2000px)scaleX(2)}}.animate__bounceOutRight{animation-name:bounceOutRight}@keyframes bounceOutUp{20%{transform:translateY(-10px)scaleY(.985)}40%,45%{opacity:1;transform:translateY(20px)scaleY(.9)}to{opacity:0;transform:translateY(-2000px)scaleY(3)}}.animate__bounceOutUp{animation-name:bounceOutUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate__fadeIn{animation-name:fadeIn}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translate(0,0)}}.animate__fadeInDown{animation-name:fadeInDown}@keyframes fadeInDownBig{0%{opacity:0;transform:translateY(-2000px)}to{opacity:1;transform:translate(0,0)}}.animate__fadeInDownBig{animation-name:fadeInDownBig}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0,0)}}.animate__fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInLeftBig{0%{opacity:0;transform:translate(-2000px)}to{opacity:1;transform:translate(0,0)}}.animate__fadeInLeftBig{animation-name:fadeInLeftBig}@keyframes fadeInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0,0)}}.animate__fadeInRight{animation-name:fadeInRight}@keyframes fadeInRightBig{0%{opacity:0;transform:translate(2000px)}to{opacity:1;transform:translate(0,0)}}.animate__fadeInRightBig{animation-name:fadeInRightBig}@keyframes fadeInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translate(0,0)}}.animate__fadeInUp{animation-name:fadeInUp}@keyframes fadeInUpBig{0%{opacity:0;transform:translateY(2000px)}to{opacity:1;transform:translate(0,0)}}.animate__fadeInUpBig{animation-name:fadeInUpBig}@keyframes fadeInTopLeft{0%{opacity:0;transform:translate(-100%,-100%)}to{opacity:1;transform:translate(0,0)}}.animate__fadeInTopLeft{animation-name:fadeInTopLeft}@keyframes fadeInTopRight{0%{opacity:0;transform:translate(100%,-100%)}to{opacity:1;transform:translate(0,0)}}.animate__fadeInTopRight{animation-name:fadeInTopRight}@keyframes fadeInBottomLeft{0%{opacity:0;transform:translate(-100%,100%)}to{opacity:1;transform:translate(0,0)}}.animate__fadeInBottomLeft{animation-name:fadeInBottomLeft}@keyframes fadeInBottomRight{0%{opacity:0;transform:translate(100%,100%)}to{opacity:1;transform:translate(0,0)}}.animate__fadeInBottomRight{animation-name:fadeInBottomRight}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate__fadeOut{animation-name:fadeOut}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translateY(100%)}}.animate__fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translateY(2000px)}}.animate__fadeOutDownBig{animation-name:fadeOutDownBig}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate(-100%)}}.animate__fadeOutLeft{animation-name:fadeOutLeft}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate(-2000px)}}.animate__fadeOutLeftBig{animation-name:fadeOutLeftBig}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate(100%)}}.animate__fadeOutRight{animation-name:fadeOutRight}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate(2000px)}}.animate__fadeOutRightBig{animation-name:fadeOutRightBig}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translateY(-100%)}}.animate__fadeOutUp{animation-name:fadeOutUp}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translateY(-2000px)}}.animate__fadeOutUpBig{animation-name:fadeOutUpBig}@keyframes fadeOutTopLeft{0%{opacity:1;transform:translate(0,0)}to{opacity:0;transform:translate(-100%,-100%)}}.animate__fadeOutTopLeft{animation-name:fadeOutTopLeft}@keyframes fadeOutTopRight{0%{opacity:1;transform:translate(0,0)}to{opacity:0;transform:translate(100%,-100%)}}.animate__fadeOutTopRight{animation-name:fadeOutTopRight}@keyframes fadeOutBottomRight{0%{opacity:1;transform:translate(0,0)}to{opacity:0;transform:translate(100%,100%)}}.animate__fadeOutBottomRight{animation-name:fadeOutBottomRight}@keyframes fadeOutBottomLeft{0%{opacity:1;transform:translate(0,0)}to{opacity:0;transform:translate(-100%,100%)}}.animate__fadeOutBottomLeft{animation-name:fadeOutBottomLeft}@keyframes flip{0%{animation-timing-function:ease-out;transform:perspective(400px)scale(1)translate(0,0)rotateY(-360deg)}40%{animation-timing-function:ease-out;transform:perspective(400px)scale(1)translateZ(150px)rotateY(-190deg)}50%{animation-timing-function:ease-in;transform:perspective(400px)scale(1)translateZ(150px)rotateY(-170deg)}80%{animation-timing-function:ease-in;transform:perspective(400px)scale3d(.95,.95,.95)translate(0,0)rotateY(0)}to{animation-timing-function:ease-in;transform:perspective(400px)scale(1)translate(0,0)rotateY(0)}}.animate__animated.animate__flip{backface-visibility:visible;animation-name:flip}@keyframes flipInX{0%{opacity:0;animation-timing-function:ease-in;transform:perspective(400px)rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px)rotateX(-20deg)}60%{opacity:1;transform:perspective(400px)rotateX(10deg)}80%{transform:perspective(400px)rotateX(-5deg)}to{transform:perspective(400px)}}.animate__flipInX{animation-name:flipInX;backface-visibility:visible!important}@keyframes flipInY{0%{opacity:0;animation-timing-function:ease-in;transform:perspective(400px)rotateY(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px)rotateY(-20deg)}60%{opacity:1;transform:perspective(400px)rotateY(10deg)}80%{transform:perspective(400px)rotateY(-5deg)}to{transform:perspective(400px)}}.animate__flipInY{animation-name:flipInY;backface-visibility:visible!important}@keyframes flipOutX{0%{transform:perspective(400px)}30%{opacity:1;transform:perspective(400px)rotateX(-20deg)}to{opacity:0;transform:perspective(400px)rotateX(90deg)}}.animate__flipOutX{animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration) * .75);animation-duration:calc(var(--animate-duration) * .75);animation-name:flipOutX;backface-visibility:visible!important}@keyframes flipOutY{0%{transform:perspective(400px)}30%{opacity:1;transform:perspective(400px)rotateY(-15deg)}to{opacity:0;transform:perspective(400px)rotateY(90deg)}}.animate__flipOutY{animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration) * .75);animation-duration:calc(var(--animate-duration) * .75);animation-name:flipOutY;backface-visibility:visible!important}@keyframes lightSpeedInRight{0%{opacity:0;transform:translate(100%)skew(-30deg)}60%{opacity:1;transform:skew(20deg)}80%{transform:skew(-5deg)}to{transform:translate(0,0)}}.animate__lightSpeedInRight{animation-name:lightSpeedInRight;animation-timing-function:ease-out}@keyframes lightSpeedInLeft{0%{opacity:0;transform:translate(-100%)skew(30deg)}60%{opacity:1;transform:skew(-20deg)}80%{transform:skew(5deg)}to{transform:translate(0,0)}}.animate__lightSpeedInLeft{animation-name:lightSpeedInLeft;animation-timing-function:ease-out}@keyframes lightSpeedOutRight{0%{opacity:1}to{opacity:0;transform:translate(100%)skew(30deg)}}.animate__lightSpeedOutRight{animation-name:lightSpeedOutRight;animation-timing-function:ease-in}@keyframes lightSpeedOutLeft{0%{opacity:1}to{opacity:0;transform:translate(-100%)skew(-30deg)}}.animate__lightSpeedOutLeft{animation-name:lightSpeedOutLeft;animation-timing-function:ease-in}@keyframes rotateIn{0%{opacity:0;transform:rotate(-200deg)}to{opacity:1;transform:translate(0,0)}}.animate__rotateIn{transform-origin:50%;animation-name:rotateIn}@keyframes rotateInDownLeft{0%{opacity:0;transform:rotate(-45deg)}to{opacity:1;transform:translate(0,0)}}.animate__rotateInDownLeft{transform-origin:0 100%;animation-name:rotateInDownLeft}@keyframes rotateInDownRight{0%{opacity:0;transform:rotate(45deg)}to{opacity:1;transform:translate(0,0)}}.animate__rotateInDownRight{transform-origin:100% 100%;animation-name:rotateInDownRight}@keyframes rotateInUpLeft{0%{opacity:0;transform:rotate(45deg)}to{opacity:1;transform:translate(0,0)}}.animate__rotateInUpLeft{transform-origin:0 100%;animation-name:rotateInUpLeft}@keyframes rotateInUpRight{0%{opacity:0;transform:rotate(-90deg)}to{opacity:1;transform:translate(0,0)}}.animate__rotateInUpRight{transform-origin:100% 100%;animation-name:rotateInUpRight}@keyframes rotateOut{0%{opacity:1}to{opacity:0;transform:rotate(200deg)}}.animate__rotateOut{transform-origin:50%;animation-name:rotateOut}@keyframes rotateOutDownLeft{0%{opacity:1}to{opacity:0;transform:rotate(45deg)}}.animate__rotateOutDownLeft{transform-origin:0 100%;animation-name:rotateOutDownLeft}@keyframes rotateOutDownRight{0%{opacity:1}to{opacity:0;transform:rotate(-45deg)}}.animate__rotateOutDownRight{transform-origin:100% 100%;animation-name:rotateOutDownRight}@keyframes rotateOutUpLeft{0%{opacity:1}to{opacity:0;transform:rotate(-45deg)}}.animate__rotateOutUpLeft{transform-origin:0 100%;animation-name:rotateOutUpLeft}@keyframes rotateOutUpRight{0%{opacity:1}to{opacity:0;transform:rotate(90deg)}}.animate__rotateOutUpRight{transform-origin:100% 100%;animation-name:rotateOutUpRight}@keyframes hinge{0%{animation-timing-function:ease-in-out}20%,60%{animation-timing-function:ease-in-out;transform:rotate(80deg)}40%,80%{opacity:1;animation-timing-function:ease-in-out;transform:rotate(60deg)}to{opacity:0;transform:translateY(700px)}}.animate__hinge{animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration) * 2);animation-duration:calc(var(--animate-duration) * 2);transform-origin:0 0;animation-name:hinge}@keyframes jackInTheBox{0%{opacity:0;transform-origin:bottom;transform:scale(.1)rotate(30deg)}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.animate__jackInTheBox{animation-name:jackInTheBox}@keyframes rollIn{0%{opacity:0;transform:translate(-100%)rotate(-120deg)}to{opacity:1;transform:translate(0,0)}}.animate__rollIn{animation-name:rollIn}@keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate(100%)rotate(120deg)}}.animate__rollOut{animation-name:rollOut}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.animate__zoomIn{animation-name:zoomIn}@keyframes zoomInDown{0%{opacity:0;animation-timing-function:cubic-bezier(.55,.055,.675,.19);transform:scale3d(.1,.1,.1)translateY(-1000px)}60%{opacity:1;animation-timing-function:cubic-bezier(.175,.885,.32,1);transform:scale3d(.475,.475,.475)translateY(60px)}}.animate__zoomInDown{animation-name:zoomInDown}@keyframes zoomInLeft{0%{opacity:0;animation-timing-function:cubic-bezier(.55,.055,.675,.19);transform:scale3d(.1,.1,.1)translate(-1000px)}60%{opacity:1;animation-timing-function:cubic-bezier(.175,.885,.32,1);transform:scale3d(.475,.475,.475)translate(10px)}}.animate__zoomInLeft{animation-name:zoomInLeft}@keyframes zoomInRight{0%{opacity:0;animation-timing-function:cubic-bezier(.55,.055,.675,.19);transform:scale3d(.1,.1,.1)translate(1000px)}60%{opacity:1;animation-timing-function:cubic-bezier(.175,.885,.32,1);transform:scale3d(.475,.475,.475)translate(-10px)}}.animate__zoomInRight{animation-name:zoomInRight}@keyframes zoomInUp{0%{opacity:0;animation-timing-function:cubic-bezier(.55,.055,.675,.19);transform:scale3d(.1,.1,.1)translateY(1000px)}60%{opacity:1;animation-timing-function:cubic-bezier(.175,.885,.32,1);transform:scale3d(.475,.475,.475)translateY(-60px)}}.animate__zoomInUp{animation-name:zoomInUp}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.animate__zoomOut{animation-name:zoomOut}@keyframes zoomOutDown{40%{opacity:1;animation-timing-function:cubic-bezier(.55,.055,.675,.19);transform:scale3d(.475,.475,.475)translateY(-60px)}to{opacity:0;animation-timing-function:cubic-bezier(.175,.885,.32,1);transform:scale3d(.1,.1,.1)translateY(2000px)}}.animate__zoomOutDown{transform-origin:bottom;animation-name:zoomOutDown}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475)translate(42px)}to{opacity:0;transform:scale(.1)translate(-2000px)}}.animate__zoomOutLeft{transform-origin:0;animation-name:zoomOutLeft}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475)translate(-42px)}to{opacity:0;transform:scale(.1)translate(2000px)}}.animate__zoomOutRight{transform-origin:100%;animation-name:zoomOutRight}@keyframes zoomOutUp{40%{opacity:1;animation-timing-function:cubic-bezier(.55,.055,.675,.19);transform:scale3d(.475,.475,.475)translateY(60px)}to{opacity:0;animation-timing-function:cubic-bezier(.175,.885,.32,1);transform:scale3d(.1,.1,.1)translateY(-2000px)}}.animate__zoomOutUp{transform-origin:bottom;animation-name:zoomOutUp}@keyframes slideInDown{0%{visibility:visible;transform:translateY(-100%)}to{transform:translate(0,0)}}.animate__slideInDown{animation-name:slideInDown}@keyframes slideInLeft{0%{visibility:visible;transform:translate(-100%)}to{transform:translate(0,0)}}.animate__slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{0%{visibility:visible;transform:translate(100%)}to{transform:translate(0,0)}}.animate__slideInRight{animation-name:slideInRight}@keyframes slideInUp{0%{visibility:visible;transform:translateY(100%)}to{transform:translate(0,0)}}.animate__slideInUp{animation-name:slideInUp}@keyframes slideOutDown{0%{transform:translate(0,0)}to{visibility:hidden;transform:translateY(100%)}}.animate__slideOutDown{animation-name:slideOutDown}@keyframes slideOutLeft{0%{transform:translate(0,0)}to{visibility:hidden;transform:translate(-100%)}}.animate__slideOutLeft{animation-name:slideOutLeft}@keyframes slideOutRight{0%{transform:translate(0,0)}to{visibility:hidden;transform:translate(100%)}}.animate__slideOutRight{animation-name:slideOutRight}@keyframes slideOutUp{0%{transform:translate(0,0)}to{visibility:hidden;transform:translateY(-100%)}}.animate__slideOutUp{animation-name:slideOutUp}
:root{--font-mono:"Inter", ui-monospace, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", monospace;--radius:4px;--padding:8px;--app-bg:#f6f7f9;--panel-bg:#fff;--panel-border:#dde1e7;--panel-shadow:0 10px 30px #14181f14;--text-muted:#667085;--brand:#1d4ed8;--brand-strong:#111827;--blackA4:var(--black-a4);--blackA7:var(--black-a7);--blackA8:var(--black-a8);--blackA9:var(--black-a9);--blackA10:var(--black-a10);--blackA11:var(--black-a11);--mauve1:var(--mauve-1);--mauve2:var(--mauve-2);--mauve3:var(--mauve-3);--mauve4:var(--mauve-4);--mauve5:var(--mauve-5);--mauve6:var(--mauve-6);--mauve7:var(--mauve-7);--mauve8:var(--mauve-8);--mauve10:var(--mauve-10);--mauve11:var(--mauve-11);--mauve12:var(--mauve-12);--slate11:var(--slate-11);--slate12:var(--slate-12);--green4:var(--green-4);--green5:var(--green-5);--green7:var(--green-7);--green11:var(--green-11);--blue10:var(--blue-10);--blue11:var(--blue-11);--indigo9:var(--indigo-9);--violet3:var(--violet-3);--violet4:var(--violet-4);--violet7:var(--violet-7);--violet8:var(--violet-8);--violet10:var(--violet-10);--violet11:var(--violet-11);--red4:#ffdbdc;--red5:#ffcdce;--red7:#f3aeaf;--red11:#ce2c31}*{box-sizing:border-box;margin:0;padding:0}html,body{color:#000;background:var(--app-bg);font-family:Inter;overflow-x:hidden}a{color:var(--indigo9);text-decoration:underline}button,fieldset,input{all:unset}input:-internal-autofill-selected{color:#fff;background:#444}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}body{margin:0;padding:0}input,textarea{border:1px solid var(--panel-border);color:var(--brand-strong);background:#fff;border-radius:6px;padding:9px 10px;font-family:Inter;font-size:12px;transition:border-color .16s,box-shadow .16s}input:focus,textarea:focus,select:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px #1d4ed81f}fieldset{padding:0 5px}::selection{color:var(--mauve2);background:var(--mauve12)}.overlay{background:linear-gradient(#0000 0%,#000 100%);width:100%;height:100%}.inter{font-family:Inter,ui-monospace,Menlo,Monaco,Cascadia Mono}.App{text-align:center;font-family:sans-serif}.pan_left{animation:2s ease-in both kenburns-left}.pan_right{animation:2s ease-in both kenburns-right}.pan_up{animation:2s ease-in both kenburns-top}.pan_down{animation:2s ease-in both kenburns-bottom}@keyframes kenburns-left{0%{transform-origin:16%;transform:scale(1)translate(0)}to{transform-origin:0;transform:scale(1.25)translate(-20px,15px)}}@keyframes kenburns-right{0%{transform-origin:84%;transform:scale(1)translate(0)}to{transform-origin:100%;transform:scale(1.25)translate(20px)}}@keyframes kenburns-top{0%{transform-origin:50% 16%;transform:scale(1)translateY(0)}to{transform-origin:top;transform:scale(1.25)translateY(-15px)}}@keyframes kenburns-bottom{0%{transform-origin:50% 84%;transform:scale(1)translateY(0)}to{transform-origin:bottom;transform:scale(1.25)translateY(15px)}}.PopoverContent{border-radius:var(--radius);will-change:transform, opacity;background-color:#fff;width:260px;padding:20px;animation-duration:.4s;animation-timing-function:cubic-bezier(.16,1,.3,1);box-shadow:0 10px 38px -10px #0e121659,0 10px 20px -15px #0e121633}.PopoverContent:focus{box-shadow:#0e121659 0px 10px 38px -10px, #0e121633 0px 10px 20px -15px, 0 0 0 2px var(--violet7)}.PopoverContent[data-state=open][data-side=top]{animation-name:slideDownAndFade}.PopoverContent[data-state=open][data-side=right]{animation-name:slideLeftAndFade}.PopoverContent[data-state=open][data-side=bottom]{animation-name:slideUpAndFade}.PopoverContent[data-state=open][data-side=left]{animation-name:slideRightAndFade}.PopoverArrow{fill:#fff}.PopoverClose{width:25px;height:25px;color:var(--violet11);border-radius:100%;justify-content:center;align-items:center;font-family:inherit;display:inline-flex;position:absolute;top:5px;right:5px}.PopoverClose:hover{background-color:var(--violet4)}.PopoverClose:focus{box-shadow:0 0 0 2px var(--violet7)}.IconButton{border-radius:var(--radius);width:35px;height:35px;color:var(--violet11);box-shadow:0 2px 10px var(--blackA7);background-color:#fff;justify-content:center;align-items:center;font-family:inherit;display:inline-flex}.IconButton:hover{background-color:var(--violet3)}.IconButton:focus{box-shadow:0 0 0 2px #000}.Fieldset{align-items:center;gap:20px;display:flex}.Label{color:var(--violet11);width:75px;font-size:13px}.no-style{text-decoration:none}.Input{border-radius:var(--radius);width:100%;color:var(--violet11);box-shadow:0 0 0 1px var(--violet7);flex:1;justify-content:center;align-items:center;height:25px;padding:0 10px;font-size:13px;line-height:1;display:inline-flex}.Input:focus{box-shadow:0 0 0 2px var(--violet8)}.Text{color:var(--mauve12);margin:0;font-size:15px;font-weight:500;line-height:19px}@keyframes slideUpAndFade{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes slideRightAndFade{0%{opacity:0;transform:translate(-2px)}to{opacity:1;transform:translate(0)}}@keyframes slideDownAndFade{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeftAndFade{0%{opacity:0;transform:translate(2px)}to{opacity:1;transform:translate(0)}}.flex{display:flex}.col{flex-direction:column}.label{color:var(--text-muted);font-size:12px}.gap-10{gap:10px}.gap-20{gap:20px}.center{align-content:center;align-items:center}.js{justify-content:space-between}.jc{justify-content:center}.ja{justify-content:space-around}.je{justify-content:space-evenly}.px-10{padding-left:10px;padding-right:10px}.py-10{padding-top:10px;padding-bottom:10px}.p-10{padding:10px}.p-20{padding:20px}.m-10{margin:10px}.m-20{margin:20px}.w-100{width:100%}.h-100{height:100%}.pointer{cursor:pointer}.select{min-width:400px;font-size:14px}.btn{background:var(--brand-strong);color:#fff;cursor:pointer;border-radius:6px;width:fit-content;padding:9px 12px;transition:background .16s ease-out,box-shadow .16s ease-out,transform .12s ease-out}.btn:hover{color:#fff;background:#273244;box-shadow:0 8px 18px #11182724}.btn:focus{color:#fff;outline:2px solid var(--blue11);background:#273244}.btn:active{transform:translateY(1px)}.btn.subtle{color:var(--brand-strong);background:#eef2ff}.btn.subtle:hover{background:#dbeafe;box-shadow:0 8px 18px #1d4ed81f}.editor{border-radius:var(--radius)}select{padding:var(--padding);border:1px solid var(--panel-border);color:var(--brand-strong);background:#fff;border-radius:6px}.scroll{-ms-overflow-style:none;scrollbar-width:none;overflow-y:scroll}.scroll::-webkit-scrollbar{display:none}.TabsRoot{background:var(--panel-bg);flex-direction:column;width:300px;height:100%;display:flex}.TabsList{border-bottom:1px solid var(--panel-border);background:#f8fafc;flex-shrink:0;gap:4px;padding:8px;display:flex}.TabsTrigger{height:36px;color:var(--text-muted);-webkit-user-select:none;user-select:none;background-color:#0000;border-radius:6px;flex:1;justify-content:center;align-items:center;padding:0 12px;font-family:inherit;font-size:13px;line-height:1;transition:background .16s,color .16s,box-shadow .16s;display:flex}.TabsTrigger:hover{color:var(--brand-strong);background:#eef2ff}.TabsTrigger[data-state=active]{color:var(--brand-strong);background:#fff;box-shadow:0 1px 6px #14181f14}.TabsTrigger:focus{position:relative}.TabsContent{background-color:#fff;border-bottom-right-radius:6px;border-bottom-left-radius:6px;outline:none;flex-grow:1;min-height:0;padding:20px}.unsplash-tab{width:100%;min-height:0;padding:10px 12px;display:flex;overflow:hidden}.unsplash-scroll-root,.unsplash-scroll-viewport{width:100%;height:100%;min-height:0}.unsplash-panel{flex-direction:column;align-items:stretch;gap:10px;width:100%;height:100%;min-height:0;display:flex}.unsplash-search{flex-shrink:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;display:grid}.unsplash-search input{width:100%;min-width:0}.unsplash-results{flex-wrap:wrap;flex:1;place-content:flex-start center;align-items:flex-start;gap:24px;width:100%;min-height:260px;padding:8px 0 20px;display:flex;overflow:auto}.learn-more-card{border:1px solid var(--panel-border);background:#f8fafc;border-radius:8px;flex-direction:column;gap:8px;width:100%;margin-top:auto;padding:12px;display:flex}.learn-more-card h2{color:var(--brand-strong);margin:0;font-size:13px;line-height:1.2}.learn-more-links{flex-direction:column;gap:8px;display:flex}.learn-more-links a{color:var(--brand-strong);grid-template-columns:minmax(0,1fr) 15px;align-items:center;gap:8px;text-decoration:none;display:grid}.learn-more-links a:hover b{color:var(--brand)}.learn-more-links span{flex-direction:column;gap:2px;min-width:0;display:flex}.learn-more-links b{font-size:12px;line-height:1.25}.learn-more-links small{color:var(--text-muted);font-size:11px;line-height:1.35}.seo-article-shell{background:#f6f7f9;min-height:100vh;padding:32px 18px 96px}.seo-article{border:1px solid var(--panel-border);max-width:820px;box-shadow:var(--panel-shadow);background:#fff;border-radius:8px;margin:0 auto;padding:34px}.seo-article-eyebrow{color:var(--brand);font-size:12px;font-weight:700;text-decoration:none}.seo-article h1{color:var(--brand-strong);margin:10px 0;font-size:38px;font-weight:600;line-height:1.1}.seo-article h2{color:var(--brand-strong);margin:28px 0 8px;font-size:22px;line-height:1.2}.seo-article p,.seo-article li{color:#344054;font-size:16px;line-height:1.7}.seo-article-image{object-fit:cover;border-radius:8px;width:100%;height:auto;margin:18px 0}.seo-article-summary{border-left:3px solid var(--brand);background:#eff6ff;padding:14px}.seo-related{border-top:1px solid var(--panel-border);margin-top:32px;padding-top:18px}.seo-related div{gap:10px;display:grid}.seo-related a{border:1px solid var(--panel-border);color:var(--brand-strong);border-radius:8px;flex-direction:column;gap:4px;padding:12px;text-decoration:none;display:flex}.seo-related a:hover{border-color:#93c5fd}.seo-related small{color:var(--text-muted);font-size:12px;line-height:1.4}.examples-page{background:#f6f7f9;min-height:100vh;padding:30px 20px 70px}.examples-hero{justify-content:space-between;align-items:flex-end;gap:24px;max-width:1160px;margin:0 auto 28px;display:flex}.examples-hero h1{max-width:760px;color:var(--brand-strong);margin:10px 0;font-size:42px;line-height:1.05}.examples-hero p{color:#475467;max-width:760px;font-size:16px;line-height:1.6}.examples-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:1160px;margin:0 auto;display:grid}.example-card{border:1px solid var(--panel-border);min-height:420px;box-shadow:var(--panel-shadow);background:#fff;border-radius:8px;grid-template-columns:220px minmax(0,1fr);gap:18px;padding:16px;display:grid}.example-preview-column{flex-direction:column;align-items:center;gap:12px;display:flex}.example-card-copy{flex-direction:column;justify-content:center;gap:10px;display:flex}.example-card-copy h2{color:var(--brand-strong);margin:0;font-size:22px;line-height:1.2}.example-card-copy h2 a{color:inherit;text-decoration:none}.example-card-copy h2 a:hover{color:var(--brand)}.example-card-copy p{color:#475467;margin:0;font-size:13px;line-height:1.55}.example-card-copy dl{gap:8px;margin-top:8px;display:grid}.example-card-copy dl div{gap:2px;display:grid}.example-card-copy dt{color:var(--text-muted);text-transform:uppercase;font-size:11px;font-weight:700}.example-card-copy dd{color:var(--brand-strong);margin:0;font-size:12px}.example-phone{scroll-snap-type:x mandatory;background:#111827;border:8px solid #111827;border-radius:28px;width:210px;height:374px;display:flex;overflow-x:auto;box-shadow:0 18px 40px #11182733}.example-slide{scroll-snap-align:start;background-position:50%;background-size:cover;min-width:100%;height:100%;position:relative;overflow:hidden}.example-slide-overlay{background:linear-gradient(#0000 0%,#000000b8);position:absolute;inset:0}.example-slide p{z-index:2;width:100%;margin:0;padding:0 12px;position:absolute;left:0}.example-slide p span{-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:8px}.example-slide-cta{z-index:3;color:#111827;background:#fff;border-radius:999px;max-width:calc(100% - 24px);padding:7px 10px;font-size:11px;font-weight:700;text-decoration:none;position:absolute;bottom:16px;right:12px}.example-detail-page{background:#f6f7f9;min-height:100vh;padding:30px 20px 70px}.example-detail-hero{grid-template-columns:minmax(0,1fr) 280px;align-items:end;gap:24px;max-width:1120px;margin:0 auto 24px;display:grid}.example-detail-hero h1{max-width:760px;color:var(--brand-strong);margin:10px 0;font-size:44px;line-height:1.05}.example-detail-hero p{color:#475467;max-width:720px;font-size:16px;line-height:1.6}.example-detail-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.example-detail-hero dl{border:1px solid var(--panel-border);box-shadow:var(--panel-shadow);background:#fff;border-radius:8px;gap:10px;padding:16px;display:grid}.example-detail-hero dt,.example-detail-slides span{color:var(--text-muted);text-transform:uppercase;font-size:11px;font-weight:700}.example-detail-hero dd{color:var(--brand-strong);margin:2px 0 0;font-size:13px}.example-detail-stage{border:1px solid var(--panel-border);max-width:1120px;box-shadow:var(--panel-shadow);background:#fff;border-radius:8px;grid-template-columns:minmax(320px,420px) minmax(0,1fr);align-items:center;gap:28px;margin:0 auto;padding:24px;display:grid}.example-detail-stage .example-phone{width:min(100%,360px);height:640px;margin:0 auto}.example-detail-stage .example-slide p{padding:0 18px}.example-detail-stage .example-slide-cta{padding:10px 14px;font-size:13px;bottom:22px;right:18px}.example-detail-slides{gap:12px;display:grid}.example-detail-slides h2{color:var(--brand-strong);margin:0 0 6px;font-size:22px}.example-detail-slides article{border:1px solid var(--panel-border);background:#f8fafc;border-radius:8px;padding:14px}.example-detail-slides p{color:#344054;margin:4px 0 0;font-size:14px;line-height:1.5}@media (max-width:980px){.examples-hero{flex-direction:column;align-items:flex-start}.examples-grid,.example-detail-hero,.example-detail-stage{grid-template-columns:1fr}}@media (max-width:560px){.example-card{grid-template-columns:1fr}.example-phone{margin:0 auto}.examples-hero h1{font-size:32px}.example-detail-hero h1{font-size:34px}.example-detail-stage{padding:14px}.example-detail-stage .example-phone{height:560px}}.drag_handler{color:#98a2b3;width:18px}.app-shell{background:radial-gradient(circle at top left, #eaf2ff 0, transparent 32%), var(--app-bg);min-height:100vh}.topbar{border-bottom:1px solid var(--panel-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;justify-content:space-between;align-items:center;gap:14px;width:100vw;height:64px;min-height:64px;padding:0 18px;display:flex}.brand-lockup{flex-direction:column;gap:2px;min-width:190px;display:flex}.brand-title{color:var(--brand-strong);font-size:14px;font-weight:700;line-height:1}.brand-subtitle{color:var(--text-muted);font-size:11px;line-height:1.2}.url-form{flex:1;max-width:560px}.url-form input{width:min(42vw,420px);min-width:220px}.topbar-actions{align-items:center;gap:10px;display:flex}.social-link-group{align-items:center;gap:6px;display:inline-flex}.nav-link-button{color:#fff;background:var(--brand);border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:36px;padding:0 12px;font-size:12px;font-weight:600;text-decoration:none;transition:background .16s,box-shadow .16s;display:inline-flex}.nav-link-button:hover{background:#1e40af;box-shadow:0 8px 18px #1d4ed82e}.nav-link-button.secondary{background:var(--brand-strong)}.nav-link-button.subtle{color:var(--brand-strong);background:#eef2ff}.nav-link-button.subtle:hover{color:var(--brand-strong);background:#dbeafe}.nav-link-button.icon-only{width:36px;padding:0}.editor-shell{width:100vw;height:calc(100vh - 64px);padding:14px}.editor-shell [data-group]{gap:0}.side-panel{border:1px solid var(--panel-border);background:var(--panel-bg);height:100%;box-shadow:var(--panel-shadow);overflow:hidden}.side-panel.left{border-radius:8px 0 0 8px}.side-panel.right{border-radius:0 8px 8px 0}.canvas-stage{border:1px solid var(--panel-border);min-width:300px;height:100%;box-shadow:var(--panel-shadow);background:linear-gradient(#fff 0%,#f9fafb 100%);border-radius:8px;flex-direction:column;justify-content:center;gap:10px;margin:0 12px;display:flex}.resize-handle{color:#98a2b3;cursor:col-resize;justify-content:center;align-items:center;width:12px;height:100%;transition:color .16s;display:flex}.resize-handle:hover{color:var(--brand)}.new-badge{color:#166534;background:#dcfce7;border-radius:999px;justify-content:center;align-items:center;width:fit-content;padding:3px 7px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.onboarding-popover{border:1px solid var(--panel-border);z-index:30;background:#fff;border-radius:8px;width:330px;padding:14px;box-shadow:0 20px 60px #14181f2e}.onboarding-popover h2,.feature-hint h2{color:var(--brand-strong);margin:10px 0 6px;font-size:17px;line-height:1.2}.onboarding-popover p,.feature-hint p,.onboarding-step-card small{color:var(--text-muted);font-size:12px;line-height:1.45}.onboarding-card-head{justify-content:space-between;align-items:center;display:flex}.icon-button{width:28px;height:28px;color:var(--text-muted);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{color:var(--brand-strong);background:#f2f4f7}.onboarding-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.onboarding-link{color:var(--brand);margin-top:12px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.side-onboarding{flex-direction:column;gap:10px;padding:2px 0 14px;display:flex}.feature-hint{background:linear-gradient(#eff6ff 0%,#fff 100%);border:1px solid #bfdbfe;border-radius:8px;grid-template-columns:34px 1fr;gap:10px;padding:14px;display:grid}.feature-hint-icon{background:var(--brand);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.onboarding-step-card{border:1px solid var(--panel-border);width:100%;color:var(--brand-strong);text-align:left;cursor:pointer;background:#fff;border-radius:8px;grid-template-columns:24px 1fr;gap:10px;padding:12px;transition:border-color .16s,box-shadow .16s,transform .12s;display:grid}.onboarding-step-card:hover{border-color:#93c5fd;box-shadow:0 10px 24px #1d4ed81a}.onboarding-step-card:active{transform:translateY(1px)}.onboarding-step-card svg{color:var(--brand);margin-top:2px}.onboarding-step-card span{flex-direction:column;gap:3px;display:flex}.onboarding-step-card b{font-size:13px;line-height:1.2}.onboarding-step-card.muted{cursor:default;background:#f8fafc}.onboarding-step-card.muted:hover{border-color:var(--panel-border);box-shadow:none}@media (max-width:900px){.brand-lockup{display:none}.url-form input{width:36vw;min-width:160px}.editor-shell{padding:8px}}.fs-12{font-size:12px}.fs-14{font-size:14px}.fs-16{font-size:16px}.mt-10{margin-top:10px}.m-x{margin-left:10px;margin-right:10px}.m-y{margin-top:10px;margin-bottom:10px}.DragHandle{cursor:pointer}.DragHandle:hover{background:var(--mauve4);color:var(--mauve11)}.word-break{word-break:break-word}code[class*=language-],pre[class*=language-]{color:#000;text-shadow:0 1px #fff;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;tab-size:4;-webkit-hyphens:none;hyphens:none;background:0 0;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:14px;line-height:1.5}code[class*=language-] ::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-]::-moz-selection{text-shadow:none;background:#b3d4fc}pre[class*=language-] ::-moz-selection{text-shadow:none;background:#b3d4fc}pre[class*=language-]::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{margin:.5em 0;padding:1em;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{white-space:normal;border-radius:.3em;padding:.1em}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#9a6e3a;background:#ffffff80}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}