body:not(.scroll-down) header{background:#0000!important}body:not(.scroll-down) header .sub-menu{background:#ffffff57;-webkit-backdrop-filter:blur(33px);backdrop-filter:blur(33px)}.section-start .bk1{top:-137px;right:0;width:60%;min-width:800px;opacity:0;position:absolute;transition-duration:1.2s;z-index:-1}.section-start .bk1.in-view-enter{opacity:.6}.section-start .bk2{top:-137px;right:0;width:60%;min-width:800px;opacity:.4;position:absolute;z-index:-1}.section-start .hero{margin-top:119px}.section-start .hero h1{font-size:42px;line-height:62px;font-weight:900;color:var(--c-text-d1);display:flex}.section-start .hero h1 .dv{margin:0 .25em}.section-start .hero h2{font-weight:900;color:var(--c-text-d1)}.section-start .hero .desc{margin-top:12px;font-size:18px;line-height:32px;color:var(--c-text-l1)}.section-start .hero .all-logos{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px 9px;margin-top:28px;background:#f2f4f8;border-radius:13px;padding:6px 8px}.section-start .hero .all-logos .logo{display:flex;align-items:center;transition:transform .2s ease}.section-start .hero .all-logos .logo:hover{transform:translateY(-2px)}.section-start .hero .all-logos .logo img{height:40px;width:auto}.section-start .cover{position:relative;width:900px;max-width:100%;margin:80px auto 0;z-index:2;display:flex;justify-content:center}.section-start .cover .plugin{position:absolute;top:-40px;right:130px;margin:auto}.section-start .cover .figma{border-radius:12px;box-shadow:0 63px 25px #08073b03,0 36px 21px #08073b0a,0 16px 16px #08073b12,0 4px 9px #08073b14,0 0 #08073b14}.section-start .cover{opacity:0;transform:translateY(8px);transition:all 2s cubic-bezier(.19,1,.22,1)}.section-start .cover .plugin{transform:translateY(20px);transition:all 2.5s cubic-bezier(.19,1,.22,1)}.section-start .cover.in-view-enter{opacity:1;transform:translateY(0)}.section-start .cover.in-view-enter .plugin{transform:translateY(0)}.section-start .downloads{display:flex;flex-direction:column;margin-top:115px}.section-start .downloads a{text-decoration:none}.section-start .downloads a img{margin-left:6px}.section-start .downloads .download-item{display:flex;flex:1;place-items:center;height:172px;width:100%;background:#9fb3d326;margin-bottom:32px;padding:6px 16px;border-radius:16px}.section-start .downloads .download-item h2{font-size:32px;margin-left:16px}.section-start .downloads .download-item .buttons{display:flex;place-items:center;place-content:flex-end;margin-left:auto;margin-right:24px}.section-start .downloads .download-item .buttons button{display:flex;place-items:center;place-content:center;background:#090b10;min-width:150px;color:#fff;height:54px;margin-right:16px;position:relative;transition:all .2s ease}.section-start .downloads .download-item .buttons button:before{content:"";z-index:-2;position:absolute;inset:0;opacity:0;background:linear-gradient(-45deg,#ff3d00,#3b38ff);transform:translate3d(0,10px,0) scale(.95);filter:blur(20px);transition:opacity .4s;border-radius:inherit}.section-start .downloads .download-item .buttons button:hover:before{opacity:1}.section-start .downloads .download-item .buttons button.ghost{border:1px solid rgb(9,11,16);background:transparent;color:#090b10}.section-start .downloads .download-item .buttons button.ghost img{filter:brightness(0);transition:filter .2s ease}.section-start .downloads .download-item .buttons button.ghost:hover{color:#fff;background:#090b10}.section-start .downloads .download-item .buttons button.ghost:hover img{filter:none}.section-start .downloads .download-item .buttons .note{white-space:nowrap;margin-right:20px;font-size:14px;color:#64779ccc}.section-start .downloads .download-item .buttons .btn-group{position:relative;display:flex;flex-direction:column;align-items:center;margin-right:16px}.section-start .downloads .download-item .buttons .btn-group button{margin-right:0}.section-start .downloads .download-item .buttons .btn-group .sub-note{position:absolute;top:calc(100% + 8px);right:0;left:auto;white-space:nowrap;font-size:13px;color:#64779ccc;text-align:right}.section-start .more-downloads{display:flex;place-items:center}.section-start .more-downloads .card-item{display:flex;place-items:center;width:100%;height:144px;background:#9fb3d31a;border-radius:16px;padding:38px 41px}.section-start .more-downloads .card-item:nth-child(1){margin-right:32px}.section-start .more-downloads .card-item .text{margin-left:auto;font-weight:600;font-size:22px;line-height:30px;display:flex;align-items:center;text-align:right;color:#4b4a7b;white-space:nowrap}@media(max-width:1280px){.more-dt{grid-template-columns:1fr 1fr 1fr}.section-start .more-downloads .card-item:nth-child(1){margin-right:16px}.card-item.more-dt img{height:68px;width:auto}.card-item.figmaEX{position:relative;transition:all .2s}.card-item.figmaEX img{width:36px;height:auto}.card-item.figmaEX:hover{transform:scale(1.05)}.card-item.figmaEX:active{transform:scale(1)}.section-start .more-downloads .card-item .text{font-size:18px}}@media(max-width:720px){body .content-container{width:calc(100% - 40px)}body .section-start .hero{margin-top:23px}body .section-start .hero h1{font-size:28px}body .section-start .hero .all-logos{gap:8px 12px;margin-top:16px}body .section-start .hero .all-logos .logo img{height:32px}body .section-start .cover{margin-top:48px;width:100%;place-content:center}body .section-start .cover .figma{width:100%;max-width:894px;height:auto}body .section-start .cover .plugin{width:44%;max-width:394px;height:auto;top:-8%;right:8%}body .section-start .downloads img.icon{width:64px;height:64px}body .section-start .downloads .download-item{flex-direction:column;padding:32px 16px;height:auto}body .section-start .downloads .download-item h2{font-size:18px;margin-left:0}body .section-start .downloads .download-item .buttons{display:flex;place-items:center;place-content:center;flex-wrap:wrap;row-gap:28px;margin:18px auto 9px}body .section-start .downloads .download-item .buttons button{min-width:50px;height:36px;width:auto;margin:0 4px;position:relative;transition:all .2s ease}body .section-start .downloads .download-item .buttons .btn-group{margin:0 4px}body .section-start .downloads .download-item .buttons .btn-group button{margin:0}body .section-start .downloads .download-item .buttons .btn-group .sub-note{font-size:11px;top:calc(100% + 4px)}body .section-start .downloads .card-item.more-dt{flex-direction:column}body .section-start .more-downloads .card-item{height:auto;margin-bottom:32px;margin-right:0;width:100%}body .section-start .more-downloads .card-item .text{font-size:18px;margin-left:0;margin-top:6px}body .section-start .more-downloads a .card-item{background:transparent}body .section-start .more-downloads a .card-item .text{margin-left:22px}body .section-start .more-downloads{display:flex;place-items:center;flex-direction:column}}.section-s1{position:relative;display:flex;flex-direction:column;margin-top:115px}.section-s1 .bk2{position:absolute;bottom:-18px;z-index:-1;left:-300px;width:1200px;transform:scaleX(-1);opacity:.4}.section-s1 .section-item{display:flex;place-content:space-between;margin-bottom:100px}.section-s1 .section-item .texts{width:420px;color:#2c2d2e;display:flex;flex-direction:column;place-content:center}.section-s1 .section-item .texts h2{font-size:34px}.section-s1 .section-item .texts .desc{font-size:18px;margin-top:16px}.section-s1 .section-item .texts .desc p{margin-bottom:8px}.section-s1 .section-item .texts h2{font-size:22px}@media(width<=720px){.section-s1[data-astro-cid-jgyxk6xb]{margin-top:80px}.section-s1[data-astro-cid-jgyxk6xb] .section-item[data-astro-cid-jgyxk6xb]{flex-direction:column}.section-s1[data-astro-cid-jgyxk6xb] .content-container[data-astro-cid-jgyxk6xb]{width:calc(100% - 40px)}.section-s1[data-astro-cid-jgyxk6xb] .section-item[data-astro-cid-jgyxk6xb] .texts[data-astro-cid-jgyxk6xb]{width:100%}.section-s1[data-astro-cid-jgyxk6xb] .section-item[data-astro-cid-jgyxk6xb] .texts[data-astro-cid-jgyxk6xb] .desc[data-astro-cid-jgyxk6xb]{font-size:16px;margin-bottom:16px}.section-s1[data-astro-cid-jgyxk6xb] .images[data-astro-cid-jgyxk6xb] img[data-astro-cid-jgyxk6xb].cover{width:100%}}
