:root{--bg:#101019;--panel:#191923;--muted:#a4a4b5;--line:#30303d;--purple:#b6a0ff;--mint:#c0f3d3;--white:#f6f5f0;font-family:'DM Sans',Arial,sans-serif;color:var(--white);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}button,a,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:not(#customerCardBrick *):focus-visible,a:not(#customerCardBrick *):focus-visible,summary:not(#customerCardBrick *):focus-visible,input:not(#customerCardBrick *):focus-visible{outline:2px solid var(--mint);outline-offset:5px}button:disabled{opacity:.5;cursor:default}h1:not(#customerCardBrick *),h2:not(#customerCardBrick *),h3:not(#customerCardBrick *),p:not(#customerCardBrick *){margin:0}h1:not(#customerCardBrick *),h2:not(#customerCardBrick *),h3:not(#customerCardBrick *){font-family:Manrope,Arial,sans-serif}em{font-style:normal;color:var(--purple)}.wrap{max-width:1280px;margin:auto;padding-left:40px;padding-right:40px}.review{height:32px;display:flex;justify-content:center;align-items:center;gap:18px;background:#292436;font-size:10px;letter-spacing:1.1px;color:#d2c6f5}.review span{letter-spacing:0;color:#b9b2c8}.review b{font-weight:500;font-size:9px;border-left:1px solid #655774;padding-left:16px}.header{max-width:1360px;margin:auto;padding:24px 40px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;gap:10px;align-items:center;flex-shrink:0}.brand>span{font-size:30px;font-weight:700;line-height:.96;letter-spacing:-1.5px}.brand small{font-size:8px;letter-spacing:2px;display:block;margin-top:8px;font-weight:500}.header nav{display:flex;gap:30px;color:#c1c0cb;font-size:13px}.header nav a:hover{color:var(--purple)}.button{border:1px solid #555160;background:transparent;color:var(--white);padding:15px 20px;border-radius:7px;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:50px;font-size:13px;font-weight:600;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:#282532}.button span{font-size:20px;font-weight:400}.button.primary{color:#201832;border-color:var(--purple);background:var(--purple)}.button.primary:hover{background:#c9baff}.button.small{font-size:12px;padding:8px 16px;min-height:40px}.full{width:100%}.hero{display:grid;grid-template-columns:.95fr 1.25fr;gap:24px;align-items:center;padding-top:65px;padding-bottom:100px;min-height:720px;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:600;color:#c0baca;display:flex;align-items:center;gap:10px;margin-bottom:26px}.eyebrow i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint)}h1:not(#customerCardBrick *){font-size:clamp(56px,5.8vw,78px);line-height:1.08;letter-spacing:-4px;font-weight:600}.hero-copy>p{font-size:15px;line-height:1.85;color:var(--muted);max-width:385px;margin-top:25px}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:32px}.text-link{font-size:12px;display:flex;gap:14px;align-items:center}.text-link span{color:var(--purple)}.compat{font-size:10px;color:#a2a0b2;display:flex;align-items:center;gap:10px;margin-top:27px}.compat svg{height:13px;width:13px}.compat>span{color:#575364}.product-visual{position:relative;padding:45px 0 20px 12px;isolation:isolate;min-width:0}.orbit{position:absolute;inset:-60px -80px -40px;z-index:-1;background:radial-gradient(ellipse at 60% 44%,#76649c60,transparent 66%);filter:blur(30px)}.editor{border:1px solid #595362;border-radius:12px;background:#1b1a25;box-shadow:0 30px 80px #0007;transform:perspective(1800px) rotateY(-7deg) rotateX(3deg);overflow:hidden}.editor-top{background:#24232d;height:40px;display:flex;align-items:center;gap:8px;padding:0 14px;font-size:9px;border-bottom:1px solid #34313f}.editor-top small{font-size:7px;color:#a39caf;margin-left:auto;letter-spacing:1px}.dots{display:flex;gap:4px;margin-right:12px}.dots i{height:5px;width:5px;background:#6b6475;border-radius:50%}.dots i:first-child{background:#b28c9b}.editor-body{display:grid;grid-template-columns:43% 57%;height:365px}.editor aside{padding:18px 12px;border-right:1px solid #34313f}.editor aside>b{font-size:10px;display:block;margin-bottom:15px}.editor aside>span{display:block;padding:9px;font-size:9px;color:#a8a0b8;margin-bottom:3px;border-radius:4px}.editor aside>span.active{color:#cdbdff;background:#322b45}.source{padding:15px 6px 14px;font-size:6px;color:#a7a0b5;letter-spacing:1px;margin-top:12px}.source strong{display:block;font-size:9px;margin:7px 0;letter-spacing:0;color:#d8d3e0}.source small{font-size:7px;letter-spacing:0}.clip{display:flex;align-items:center;gap:9px;border:1px solid #35303f;padding:10px 7px;border-radius:5px;margin-bottom:9px}.clip.active{border-color:#9d85d1;background:#2d263d}.clip>b{background:#5d4c79;padding:7px 5px;border-radius:3px;font-size:8px}.clip div{font-size:8px;flex:1}.clip small{display:block;font-size:6px;margin-top:5px;color:#b1a8c1}.clip i{font-size:7px;color:#bbd6c8;font-style:normal}.workspace{padding:14px 20px 9px;display:flex;flex-direction:column;align-items:center}.preview-label{width:100%;display:flex;justify-content:space-between;font-size:6px;letter-spacing:1px;color:#b7acc8;margin-bottom:9px}.phone{height:270px;width:156px;position:relative;border:1px solid #6b6277;border-radius:6px;background:#6c7895;overflow:hidden;box-shadow:0 5px 18px #0008}.landscape{position:absolute;inset:0;overflow:hidden;background:linear-gradient(#c9b4be,#dda788 45%,#7a7b89 46%,#313c57)}.sun{width:49px;height:49px;background:#f3caa4;border-radius:50%;position:absolute;top:35px;right:23px;box-shadow:0 0 45px #f9cb9d80}.mountain{position:absolute;width:220px;height:170px;transform:rotate(40deg);border-radius:35% 10% 20% 0;top:103px;left:-75px;background:linear-gradient(135deg,#776a88,#3a445f)}.mountain.two{top:140px;left:10px;background:linear-gradient(135deg,#45495f,#233044)}.landscape-lines{position:absolute;inset:50% 0 0;background:repeating-linear-gradient(170deg,transparent 0 22px,#b4bfd113 23px 24px)}.phone:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 50%,#131923a6)}.phone-tag{position:absolute;top:14px;left:12px;font-size:4px;letter-spacing:1px;color:#fffa;z-index:1}.subtitles{position:absolute;left:8px;right:8px;bottom:49px;text-align:center;font-size:15px;font-weight:700;line-height:1.4;z-index:2;text-shadow:0 2px 6px #0008}.subtitles mark{background:var(--purple);color:#231b35;padding:0 4px;border-radius:2px;text-shadow:none}.watermark{position:absolute;bottom:15px;font-size:5px;right:13px;z-index:2;color:#fffd}.preview-controls{display:flex;width:100%;gap:9px;align-items:center;margin-top:12px;font-size:7px;color:#cac2d8}.preview-controls button{font-size:8px;background:#b6a0ff;color:#201832;border:0;border-radius:3px;width:22px;height:22px}.preview-controls small{font-size:6px}.mini-progress{height:2px;background:#4a4255;flex:1}.mini-progress i{display:block;height:2px;width:0;background:#b6a0ff}.timeline{padding:15px 18px 18px;background:#211e2b;border-top:1px solid #393241}.timeline-label{font-size:6px;color:#b3a9c2;display:flex;justify-content:space-between;letter-spacing:.7px;margin-bottom:9px}.timeline-label i{margin:0 9px;color:var(--purple);font-style:normal}.time-track{height:37px;position:relative;border-radius:4px;overflow:hidden;border:1px solid #a18acd}.thumbnails{height:100%;background:repeating-linear-gradient(100deg,#71768c 0 35px,#9694a2 35px 38px,#535f74 38px 72px)}.playhead{height:100%;width:2px;background:#d8c6ff;position:absolute;left:0;top:0;box-shadow:0 0 3px #fff}.caption-track{background:#5a457c;border-radius:3px;padding:7px 10px;font-size:7px;color:#e3d5ff;margin-top:7px;width:80%}.float-tag{position:absolute;bottom:10px;left:-7px;display:flex;align-items:center;gap:12px;padding:15px 19px;border:1px solid #6a6173;background:#262332;box-shadow:0 12px 30px #0006;border-radius:9px;font-size:11px}.float-tag>i{background:var(--mint);color:#294b37;font-style:normal;width:27px;height:27px;display:grid;place-items:center;border-radius:50%}.float-tag small{display:block;font-size:8px;margin-top:4px;color:#aaa3b7}.visual-note{text-align:right;font-size:8px;color:#847c93;margin-top:17px}.benefits{border-block:1px solid var(--line);display:flex;justify-content:center;align-items:center;gap:32px;flex-wrap:wrap;padding:28px 30px;font-size:11px}.benefits>span{font-size:8px;letter-spacing:1.5px;color:#9d94ad}.benefits b{font-weight:500}.benefits i{color:var(--purple);font-size:12px;font-style:normal}.section{padding-top:110px;padding-bottom:110px}.section-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:50px}h2:not(#customerCardBrick *){font-size:46px;line-height:1.2;letter-spacing:-2px;font-weight:500}.section-intro>p{max-width:345px;font-size:13px;color:var(--muted);line-height:1.9}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.step{border:0;border-top:1px solid #44404e;padding:24px 0 27px;background:none;color:var(--white);text-align:left}.step.selected{border-top:2px solid var(--purple);padding-top:23px}.step>span{font-size:11px;color:#9e95ad}.step.selected>span{color:var(--purple)}.step h3:not(#customerCardBrick *){font-size:19px;font-weight:500;margin:20px 0 10px;letter-spacing:-.3px}.step p{font-size:12px;color:var(--muted);line-height:1.8;max-width:280px}.process-detail{border:1px solid #3b3549;border-radius:10px;background:linear-gradient(100deg,#24202f,#191821);display:flex;align-items:center;justify-content:space-between;gap:60px;padding:36px 40px;margin-top:15px}.process-detail>div:first-child{max-width:440px}.process-detail span{font-size:8px;color:#baa4e4;letter-spacing:1.3px}.process-detail h3:not(#customerCardBrick *){font-size:24px;font-weight:500;margin:12px 0}.process-detail p{font-size:12px;line-height:1.8;color:var(--muted)}.file-demo{display:flex;align-items:center;gap:16px;min-width:310px;border:1px dashed #6f5c8c;border-radius:8px;padding:24px}.file-icon{font-size:32px;color:var(--purple);background:#393044;border-radius:6px;width:48px;height:56px;display:grid;place-items:center}.file-demo strong{font-size:11px}.file-demo small{display:block;color:var(--muted);font-size:9px;margin-top:7px}.file-demo>span{margin-left:auto;font-size:20px}.features-section{background:#f0eee9;color:#25222b;padding:100px 0}.features-section .eyebrow{color:#81778c}.features-section h2 em{color:#7357ba}.feature-grid{margin-top:50px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.feature{background:#e7e4df;border:1px solid #d9d5d0;border-radius:10px;padding:28px;min-width:0}.feature-index{font-size:9px;letter-spacing:1.5px;color:#77717a}.feature-large{grid-column:span 2;background:#e4dcef;display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:center}.feature h3:not(#customerCardBrick *){font-size:22px;line-height:1.25;font-weight:600;margin:18px 0 12px;letter-spacing:-.5px}.feature p{font-size:12px;color:#69636c;line-height:1.8}.feature-large h3:not(#customerCardBrick *){font-size:30px}.subtitle-example{font-size:9px;border:1px solid #bdb0d0;border-radius:7px;padding:15px;background:#f7f3fa}.subtitle-example>div{display:grid;grid-template-columns:51px 51px 1fr;gap:7px;padding:12px 0;align-items:center;border-bottom:1px solid #e0d7e7}.subtitle-example>div:first-child{font-size:6px;color:#867a93;letter-spacing:1px}.subtitle-example b{font-size:8px;font-weight:500;line-height:1.5}.subtitle-example code{font-size:7px}.subtitle-example .highlight{background:#dcd0ee;margin:0 -7px;padding:12px 7px;border-radius:3px}.subtitle-example>small{font-size:6px;color:#887b94;display:block;margin-top:13px}.mint{background:#d8e9df;grid-row:span 2}.identity-art{position:relative;min-height:270px;padding:40px 8px}.identity-art>span{display:block;font-size:52px;font-weight:600;letter-spacing:-3px;color:#577365}.identity-art strong{display:block;font-size:42px;letter-spacing:-3px;transform:rotate(-8deg);background:#f4f0e4;color:#244a39;width:max-content;padding:0 7px;border:1px solid #a4b2a7;box-shadow:7px 8px 0 #a7bdac}.identity-art>small{display:block;margin:30px 12px 0;font-size:11px}.swatches{display:flex;gap:8px;margin:20px 12px}.swatches i{width:19px;height:19px;border-radius:50%;background:#8770b0;border:2px solid #f9f7ee}.swatches i:nth-child(2){background:#e7b179}.swatches i:nth-child(3){background:#4b7860}.speed-display{height:70px;display:flex;align-items:center;gap:11px;font-size:10px;color:#777}.speed-display div{height:4px;background:#c9c2d0;flex:1;border-radius:5px;position:relative}.speed-display div:before{content:'';height:4px;width:50%;background:#9474b9;position:absolute}.speed-display i{display:block;width:12px;height:12px;background:#73569a;position:absolute;left:45%;top:-4px;border-radius:50%}.speed-display b{border-radius:4px;background:#d3c7e3;padding:6px;color:#6e4f93}.batch-art{height:70px;display:flex;align-items:center;gap:7px}.batch-art span{padding:9px 8px;border:1px solid #c7c0ba;border-radius:5px;background:#efede8;font-size:8px;display:flex;gap:6px;align-items:center;flex:1}.batch-art b{font-size:8px;font-weight:500}.license-section{display:grid;grid-template-columns:1fr .85fr;gap:100px;align-items:center}.section-copy{max-width:400px;font-size:14px;line-height:1.9;color:var(--muted);margin-top:25px}.license-note{display:flex;gap:16px;max-width:390px;margin:35px 0}.license-note>span{color:var(--purple);font-size:25px}.license-note b{font-size:12px;font-weight:500}.license-note p{font-size:12px;color:var(--muted);line-height:1.8;margin-top:8px}.requirement{border-top:1px solid var(--line);max-width:410px;padding-top:24px}.requirement>b{font-size:11px}.requirement p{font-size:11px;line-height:1.8;color:#8b8799;margin-top:9px}.license-card{padding:34px;border-radius:12px;border:1px solid #706084;background:radial-gradient(ellipse at 100% 0,#453253,#24202c 65%);box-shadow:0 20px 60px #0003}.plan-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:8px;letter-spacing:1.4px;color:#c7bcd5}.plan-heading b{color:#c6efd9;border:1px solid #6d8a7d;padding:5px 7px;border-radius:4px;font-size:7px;font-weight:500}.license-card h3:not(#customerCardBrick *){font-size:30px;font-weight:500;line-height:1.3;letter-spacing:-1px;margin-top:28px}.price{font-size:22px;margin:26px 0;color:var(--purple)}.price small{font-size:10px;display:block;color:var(--muted);margin-top:8px}.license-card ul{list-style:none;margin:0 0 30px;padding:22px 0 0;border-top:1px solid #4c4158}.license-card li{font-size:11px;color:#d0c8d9;margin-bottom:15px;display:flex;gap:12px}.license-card li:before{content:'✓';color:var(--mint)}.plan-foot{text-align:center;font-size:9px;color:#a59baf;line-height:1.7;margin-top:13px}.offline-note{font-size:8px;color:#9990a5;display:block;line-height:1.7;border-top:1px solid #42384c;margin-top:22px;padding-top:14px}.faq{border-top:1px solid var(--line);display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;padding-top:80px;padding-bottom:80px}.questions details{border-bottom:1px solid var(--line);padding:21px 0}.questions summary{list-style:none;display:flex;justify-content:space-between;gap:20px;cursor:pointer;font-size:13px}.questions summary::-webkit-details-marker{display:none}.questions summary span{color:var(--purple);font-size:20px;line-height:1}.questions details[open] summary span{transform:rotate(45deg)}.questions p{font-size:12px;color:var(--muted);line-height:1.9;margin-top:16px;max-width:540px}.closing{display:flex;align-items:center;gap:40px;border:1px solid #524563;border-radius:12px;background:linear-gradient(120deg,#33273f,#211d2a);padding-top:40px;padding-bottom:40px;margin-bottom:90px}.closing h2:not(#customerCardBrick *){font-size:37px}.closing>.button{margin-left:auto}.closing img{width:64px;height:64px}footer{display:flex;align-items:center;flex-wrap:wrap;gap:30px;border-top:1px solid var(--line);padding-top:28px!important;padding-bottom:35px!important}footer .brand>span{font-size:23px}footer .brand small{font-size:6px}footer>p{font-size:10px;color:#91899d}footer>span{margin-left:auto;font-size:8px;color:#797182;max-width:280px;line-height:1.7}dialog{color:var(--white);background:#211c2b;border:1px solid #756080;border-radius:14px;padding:42px;max-width:540px;width:calc(100% - 36px);box-shadow:0 20px 150px #000a}dialog::backdrop{background:#05040bc9;backdrop-filter:blur(6px)}dialog .close{position:absolute;right:16px;top:12px;background:none;border:0;color:#d4c5e6;font-size:27px}dialog h2:not(#customerCardBrick *){font-size:32px}dialog>p{font-size:13px;line-height:1.8;color:#b8adc5;margin-top:20px}dialog label:not(#customerCardBrick *){font-size:11px;display:block;margin:25px 0 10px}dialog input:not(#customerCardBrick *){width:100%;background:#15111d;color:var(--white);border:1px solid #736182;border-radius:6px;padding:13px;font-size:12px;margin-bottom:16px}dialog .checkout-fine{font-size:10px;margin-top:23px;border-top:1px solid #493b56;padding-top:18px}#checkoutError{font-size:11px;color:#f7b7c6;margin-top:12px;line-height:1.6}
@media(min-width:1400px){.hero{min-height:760px}.editor-body{height:405px}.phone{height:304px;width:176px}.subtitles{font-size:17px}}@media(max-width:1050px){.hero{grid-template-columns:.95fr 1.05fr}.hero-actions{gap:15px;flex-wrap:wrap}.editor-top small{display:none}.editor-body{grid-template-columns:42% 58%;height:333px}.workspace{padding:14px 12px}.phone{height:245px;width:140px}.clip{gap:5px}.clip small{font-size:5px}.float-tag{left:12px}.hero h1:not(#customerCardBrick *){font-size:64px}.license-section{gap:50px}.benefits{gap:20px}.identity-art strong{font-size:33px}.feature-large{gap:15px}.file-demo{min-width:265px}.process-detail{gap:25px}.header nav{gap:18px}.hero-copy>p{font-size:14px}.compat{font-size:9px;gap:6px}}
@media(max-width:760px){.review{font-size:8px;height:auto;min-height:32px;padding:7px 15px;gap:12px}.review span{font-size:8px}.review b{display:none}.wrap{padding-left:24px;padding-right:24px}.header{padding:20px 24px;gap:10px}.header nav{display:none}.header .button{font-size:10px;gap:12px;padding:7px 12px}.brand>span{font-size:26px}.brand img{width:34px;height:34px}.brand small{font-size:6px}.hero{grid-template-columns:1fr;padding-top:38px;padding-bottom:55px;gap:20px;min-height:0}.hero h1:not(#customerCardBrick *){font-size:65px;letter-spacing:-3.5px}.hero-copy>p{max-width:470px;font-size:14px}.eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:22px}.hero-actions{gap:24px}.product-visual{max-width:550px;width:100%;padding:25px 0 25px;margin:auto}.editor{transform:none}.editor-body{height:350px;grid-template-columns:42% 58%}.editor aside{padding:18px 10px}.clip small{font-size:6px}.workspace{padding:12px 14px}.phone{height:270px;width:155px}.float-tag{bottom:13px;left:12px;padding:12px 14px;font-size:10px}.visual-note{font-size:7px;margin-top:13px}.benefits{gap:16px;padding:23px 22px;font-size:10px}.benefits>span{width:100%;text-align:center;font-size:7px}.benefits i{font-size:8px}.section{padding-top:65px;padding-bottom:65px}h2:not(#customerCardBrick *){font-size:35px;letter-spacing:-1.5px}.section-intro{display:block;margin-bottom:30px}.section-intro>p{margin-top:25px;max-width:470px;font-size:12px}.steps{gap:15px}.step h3:not(#customerCardBrick *){font-size:15px;margin-top:17px}.step p{font-size:10px;line-height:1.7}.process-detail{padding:25px;display:block}.process-detail h3:not(#customerCardBrick *){font-size:21px}.file-demo{margin-top:25px;padding:20px;min-width:0}.features-section{padding:65px 0}.feature-grid{grid-template-columns:1fr 1fr;gap:13px;margin-top:30px}.feature{padding:22px}.feature-large{grid-column:span 2}.mint{grid-row:auto;grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.mint>.feature-index{grid-column:span 2}.identity-art{grid-row:span 2;min-height:220px;padding:25px 0 0}.identity-art>span{font-size:48px}.identity-art strong{font-size:39px}.mint h3:not(#customerCardBrick *){margin-top:35px}.feature h3:not(#customerCardBrick *){font-size:20px}.feature p{font-size:11px}.feature-large h3:not(#customerCardBrick *){font-size:26px}.subtitle-example{padding:10px}.subtitle-example>div{grid-template-columns:43px 43px 1fr;gap:3px}.speed-display{gap:6px}.batch-art span{padding:7px 5px;font-size:6px;gap:3px}.batch-art b{font-size:6px}.license-section{grid-template-columns:1fr;gap:35px}.section-copy{max-width:none}.license-card{padding:28px}.license-card h3:not(#customerCardBrick *){font-size:29px}.faq{grid-template-columns:1fr;gap:20px}.questions summary{font-size:12px}.closing{margin:0 24px 60px;padding:28px 22px;gap:20px;flex-wrap:wrap}.closing img{width:46px;height:46px}.closing h2:not(#customerCardBrick *){font-size:29px}.closing>.button{margin-left:66px}footer{gap:20px}footer>span{width:100%;max-width:none;margin-left:0}dialog{padding:32px 25px}.compat{font-size:9px}}
@media(max-width:400px){.hero h1:not(#customerCardBrick *){font-size:56px}.review span{font-size:7px}.header .button{gap:8px}.editor-body{grid-template-columns:40% 60%;height:320px}.phone{height:238px;width:137px}.subtitles{font-size:13px}.editor aside>span{font-size:8px;padding:8px 5px}.source strong{font-size:8px}.clip{padding:8px 4px}.clip b{display:none}.clip div{font-size:7px}.clip small{font-size:5px}.step h3:not(#customerCardBrick *){font-size:13px}.feature-large{grid-template-columns:1fr}.subtitle-example{margin-top:10px}.feature-grid>.feature:not(.feature-large):not(.mint){grid-column:span 2}.compat{flex-wrap:wrap}.benefits{gap:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Creels scrollbars: page, customer center and site dialogs. */
html,body,dialog,dialog textarea{scrollbar-width:thin;scrollbar-color:#b6a0ff #191923}
html::-webkit-scrollbar,body::-webkit-scrollbar,dialog::-webkit-scrollbar,dialog textarea::-webkit-scrollbar{width:10px;height:10px}
html::-webkit-scrollbar-track,body::-webkit-scrollbar-track,dialog::-webkit-scrollbar-track,dialog textarea::-webkit-scrollbar-track{background:#191923;border-radius:12px}
html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb,dialog::-webkit-scrollbar-thumb,dialog textarea::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#b6a0ff,#c0f3d3);border:2px solid #191923;border-radius:12px}
html::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb:hover,dialog::-webkit-scrollbar-thumb:hover,dialog textarea::-webkit-scrollbar-thumb:hover{background:#c0f3d3}
html::-webkit-scrollbar-corner,body::-webkit-scrollbar-corner,dialog::-webkit-scrollbar-corner{background:#191923}
@media(forced-colors:active){html,body,dialog,dialog textarea{scrollbar-color:auto}}