@import"https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box;font-family:Work Sans,sans-serif}html,body{height:100%;scroll-behavior:smooth}input,button,textarea,select{font:inherit}.logo{height:6em;padding:1.5em;will-change:filter}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}:root{--primary-color: #0a84ff;--secondary-color: #ff8000;--tertiary-color: #000000}*{margin:0;padding:0}nav{display:flex;width:100%;padding:8px;align-items:center;justify-content:space-around;flex-direction:row;position:fixed;top:40px;background:rgba(255,255,255,.1);z-index:10;backdrop-filter:blur(9.5px);border-bottom:solid 1px rgba(0,0,0,.1)}div nav ul{display:flex;align-items:center;justify-content:space-around;flex-direction:row;gap:12px;list-style:none}.header__container{display:flex;align-items:center;justify-content:center;flex-direction:column;margin-top:220px}.header__container h1{font-size:65px;max-width:700px;text-align:center;font-weight:800;line-height:109.8%;margin-top:12px}.header__container p{font-size:24px;max-width:600px;margin-top:20px;line-height:146%;text-align:center}.header__container p span{padding:4px;background:var(--tertiary-color);text-align:center;color:#fff;border-radius:12px;font-weight:600;border:solid 1px #fff}.header__container p .react{background:linear-gradient(113.77deg,#61dafb 11.42%,#01b6e8 65.29%);color:#fff}.header__container p .flutter{background:linear-gradient(263.25deg,#45d1fd 8.43%,#24b4ef 74.42%);color:#fff}.header__container p .swift{background:linear-gradient(189.99deg,#faae42 3.05%,#ef3e31 96.98%);color:#fff}.header__container .languages__wrapper{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:22px}.header__container .languages__wrapper svg{animation:logo-spin infinite 6s linear}.header__container .mobile__card{filter:drop-shadow(0px 29px 29px rgba(0,0,0,.19));left:12px;bottom:100px;position:absolute;animation:MoveUpDown 8s linear infinite;transition:all .1s ease-in-out}.header__container .right__card{position:absolute;right:12px;bottom:160px;filter:drop-shadow(0px 29px 29px rgba(0,0,0,.19));animation:MoveUpDown 8s linear infinite;transition:all .1s ease-in-out}.shadow__guide__container{display:flex;align-items:center;justify-content:center;flex-direction:column;margin-top:180px}@keyframes MoveUpDown{0%,to{transform:translateY(0)}50%{transform:translateY(20px)}}.header__container .slider__container{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px;background:white;box-shadow:0 4px 23px #00000014;border-radius:61px;transform:rotate(-5.72deg) scale(1.1);margin-top:60px;border:solid 1px rgba(0,0,0,.08)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.header__container .banner{padding:10px 12px;width:auto;position:relative;height:auto;background:#ffffff;border:1px solid rgba(0,0,0,.04);border-radius:12px;margin-top:12px;color:#000;appearance:none;overflow:hidden;z-index:1;text-align:center}.header__container .banner:after{--m-i: linear-gradient(#000, #000);--m-o: content-box, padding-box;--border-radius: 15px;--border-width: 4px;content:"";position:absolute;left:0;top:0;width:100%;height:100%;padding:var(--border-width);border-radius:var(--border-radius);background-image:conic-gradient(var(--primary-color),var(--secondary-color),#ddf505,#ff9f0e,#e440bb,#655adc,var(--primary-color));-webkit-mask-image:var(--m-i),var(--m-i);mask-image:var(--m-i),var(--m-i);-webkit-mask-origin:var(--m-o);mask-origin:var(--m-o);-webkit-mask-clip:var(--m-o);mask-composite:exclude;-webkit-mask-composite:destination-out;filter:hue-rotate(0);animation:rotate-hue ease-in-out 1.5s infinite}.header__container .banner:hover:after{animation-play-state:running}@keyframes rotate-hue{to{filter:hue-rotate(1turn)}}.button{pointer:cursor;padding:14px 20px;background-color:#18a0fb;border-radius:15px;font-weight:600;font-size:18px;color:#fff;transition:all ease .5s;outline:none;margin-top:40px;border:none}.button:hover{background:#18a8fb;transition:all ease .1s;outline:none;transform:scale(1.02)}.button:active{outline:none;transform:translateY(4px)}.button-copy{display:flex;align-items:center;justify-content:center;gap:4px;pointer:cursor;padding:9px 18px;background-color:#2f80ed;border-radius:15px;font-weight:600;font-size:18px;color:#fff;transition:all ease .5s;outline:none;margin-top:40px;border:none;position:absolute;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;bottom:16px;right:12px}.button-copy:hover{background:#18a8fb;transition:all ease .1s}.button-copy:active{transform:translateY(4px)}.header__container{display:flex;align-items:center;justify-content:center;flex-direction:column;margin-top:220px}.header__container h1{font-size:48px;max-width:700px;text-align:center;font-weight:800;line-height:109.8%;margin-top:12px}.header__container p{font-size:24px;max-width:600px;margin-top:20px;line-height:146%;text-align:center}.shadows__section .input__wrapper{display:flex;align-items:center;justify-content:center;gap:6px}.header__container .input__wrapper{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:24px}.header__container .input__wrapper .card__span,.header__container .input__wrapper .ui__span{font-weight:600;font-size:24px}.header__container .input__wrapper .switch{display:flex;align-items:center;justify-content:center;--width-of-switch: 4em;--height-of-switch: 3em;--size-of-icon: 1.4em;--slider-offset: .2em;position:relative;width:var(--width-of-switch);height:var(--height-of-switch)}.header__container .input__wrapper .switch input{opacity:0;width:0;height:0}.header__container .input__wrapper .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;background-color:#f4f4f5;bottom:0;transition:.4s;border-radius:50px;border:2px solid #cfcfcf}.header__container .input__wrapper .slider:before{position:absolute;content:"";height:1.8em;width:1.8em;border-radius:20px;left:var(--slider-offset, 1.3em);top:50%;transform:translateY(-50%);background:#2c2c2c;transition:.2s;border:solid 2px #4e4e4e}.header__container .input__wrapper .switch input:checked+.slider:before{left:calc(80% - (var(--size-of-icon, 5.1em) + var(--slider-offset, 2em)));background:linear-gradient(135.85deg,#5acbfc 16.7%,#11b5fb 79.68%);border:2px solid #fff}.header__container .input__wrapper .switch input:checked+.slider{background:#99e0ff;border:2px solid rgba(51,192,252,.16)}.card{box-shadow:0 32px 64px -12px #10182833}.card-xs{box-shadow:0 1px 2px #1018280d}.card-sm{box-shadow:0 1px 3px #1018281a}.card-md{box-shadow:0 4px 8px -2px #1018281a}.card-lg{box-shadow:0 12px 16px -4px #1018281a}.card-xl{box-shadow:0 20px 24px -4px #1018281a,0 8px 8px -4px #1018280a}.card-2xl{box-shadow:0 24px 48px -12px #10182840}.header__container .element__wrapper{margin-top:42px;display:grid;max-width:500px;grid-template-columns:repeat(3,1fr);grid-column-gap:50px;grid-row-gap:50px;place-items:center;justify-content:center}.widget__container{--width-of-card: 180px;display:flex;align-items:flex-start;background:#fff;justify-content:flex-start;flex-direction:column;padding:24px 12px;border-radius:12px;min-width:var(--width-of-card);max-height:var(--width-of-card);overflow:hidden}.widget__container .date__wrapper{display:flex;align-items:flex-start;flex-direction:column}.widget__container .date__wrapper span{color:#ee5c51;font-weight:600;font-size:17px}.widget__container .date__wrapper h2{font-size:45px;font-weight:600;margin-top:-10px}.widget__container .event__wrapper{display:flex;align-items:center;justify-content:center;flex-direction:row}.widget__container .event__wrapper .divider{width:4px;background:#b54896;border-radius:3px;height:50px}.widget__container .event__wrapper .event__detail{display:flex;align-items:flex-start;flex-direction:column;padding:4px}.widget__container .event__wrapper .event__detail h3{font-size:15px;font-weight:600}@media screen and (max-width: 680px){.header__container .element__wrapper{grid-template-columns:repeat(2,1fr);grid-column-gap:10px;grid-row-gap:10px}}.editor__container{min-height:650px;align-items:center;min-width:630px;display:flex;justify-content:center;background:#ffffff;border:1px solid #3f3c3c;border-radius:23px;overflow:hidden;box-shadow:0 11px 25px #0000005e}.editor__container .sidebar{display:flex;align-items:flex-start;flex-direction:column;gap:12px;min-height:695px;flex-shrink:3;min-width:170px;background:#2b2b2b;color:#e6e6e6;padding:12px;border-right:solid 1px #404040}.editor__container .sidebar h2{font-weight:400;font-size:20px;color:#888}.editor__container .sidebar .component__picker .component__select{padding:6px;border-radius:8px;color:#fff;background:#3f3c3c;margin-top:12px}.editor__container .sidebar .slider__container{height:100%;font-weight:200;font-size:16px;color:#fff;margin-top:34px}.editor__container .sidebar .color__container div .color__card__container .color__card:hover{border:1px solid #000}.editor__container .mobile__frame{min-height:inherit;flex-grow:4;min-width:320px;display:flex;align-items:center;justify-content:center}.editor__container .code__bar{min-height:inherit;flex-grow:2;min-width:320px;min-height:695px;background:#16171d;position:relative}.editor__container .code__bar .tab__bar{display:flex;align-items:center;justify-content:flex-start;background:#2b2b2b;color:#fff;border-bottom:solid 1px #404040}.editor__container .code__bar .tab__bar .tab{height:100%;border-bottom:solid 1px #404040;padding:8px;cursor:pointer}.editor__container .code__bar .tab__bar .flutter:after{content:"New";padding:4px;border-radius:8px;background:#46d1fd;color:#000;font-size:14px;margin-left:4px;font-weight:500}.editor__container .code__bar .tab__bar .swift:after{content:"Soon";padding:4px;border-radius:8px;background:linear-gradient(189.99deg,#faae42 3.05%,#ef3e31 96.98%);color:#fff;font-size:14px;margin-left:4px;font-weight:500}.editor__container .code__bar .tab__bar .tab:hover{background:#363636}.editor__container .code__bar .tab__bar .tab__selected{background:#363636;border-bottom:solid 1px #a1a1a1}.simulator__container{display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden}.simulator__header{display:flex;min-width:300px;height:55px;align-items:center;justify-content:flex-start;padding:24px;background:rgba(86,80,78,.77);box-shadow:0 11px 25px #0000005e;border-radius:10px;backdrop-filter:blur(12px)}.simulator__header div{gap:4px}.simulator__header div .circle{width:12px;height:12px;border-radius:50%}.simulator__header div .close{background:#eb5757}.simulator__header div .smaller{background:#f2c94c}.simulator__header div .full{background:#27ae60}.simulator__header span{color:#fff;margin-left:44px}.simulator__container .ios__screen{width:310px;height:638px;background:#fff;border:20px solid #1c1b1b;border-radius:55px;margin-top:24px;box-shadow:0 11px 25px #0000005e;position:relative;overflow:hidden}.simulator__container .ios__screen .screen__top{background:#1c1b1b;width:140px;height:20px;top:20px;position:absolute;top:0px;left:60px;border-bottom-right-radius:12px;border-bottom-left-radius:12px}.simulator__container .ios__screen .content{padding:12px;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.simulator__container .ios__screen .content button{padding:8px 12px;background:#5251f6;border-radius:8px;color:#fff;border:none;outline:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol}.macOS__container{background-image:url(/assets/macOS_bg.72d4f941.png);width:95%;background-size:cover;background-repeat:no-repeat;margin-top:300px;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:80px 12px;margin-bottom:100px;border-radius:40px;box-shadow:0 4px 46px #00000040}.macOS__container .window__container{padding:14px;width:100%}.macOS__container .dock__container{height:70px;border-radius:16px;padding:12px;display:flex;justify-content:center;transition:all ease .6s;background:linear-gradient(129.48deg,rgba(255,255,255,.078) 1.91%,rgba(255,255,255,.426) 68.31%);mix-blend-mode:normal;border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(31.2836px);margin-bottom:-52px}.macOS__container .dock__container .dock__wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px;list-style-type:none}.macOS__container .dock__container .dock__wrapper li{transition:cubic-bezier(.03,.84,.12,1.52) .6s}.macOS__container .dock__container .dock__wrapper li:hover{margin:0 13px 22px;-webkit-animation:all .82s cubic-bezier(.36,.07,.19,.97) both;animation:all .82s cubic-bezier(.36,.07,.19,.97) both;transform:scale(1.2);z-index:2}:root{font-family:Work Sans,sans-serif;font-size:16px;line-height:24px;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;scroll-behavior:smooth;cursor:url("../assets/pointer_blue.svg",auto;)}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;cursor:pointer}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}a{font-weight:500;color:#646cff;text-decoration:inherit;cursor:pointer}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}