:root{--spinner-accent:#6c5ce7;--spinner-coral:#ff5d79;--spinner-teal:#17bebb;--spinner-ink:#17182a;--spinner-navy:#151731}
.spinner-hero{padding:54px 0 76px}.intro{text-align:center}.crumbs{margin-bottom:28px;color:#85879b;font-size:.84rem}.crumbs a:hover{color:var(--primary)}.spinner-hero h1{max-width:920px;margin-top:20px}.spinner-hero .lead{max-width:760px}
.spinner-studio{margin-top:48px;overflow:hidden;border:1px solid rgba(31,34,62,.11);border-radius:30px;background:rgba(255,255,255,.9);box-shadow:0 34px 90px rgba(45,39,105,.16)}.studio-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 26px;border-bottom:1px solid rgba(31,34,62,.09);background:linear-gradient(90deg,#fff,rgba(246,244,255,.92))}.studio-head h2{margin:4px 0 0;font-size:1.25rem;letter-spacing:-.025em}.studio-kicker{display:flex;align-items:center;gap:7px;color:#777991;font-size:.73rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.studio-kicker i,.live-dot{width:8px;height:8px;border-radius:50%;background:var(--spinner-teal);box-shadow:0 0 0 5px rgba(23,190,187,.12)}.head-actions{display:flex;gap:9px}.ghost-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid rgba(31,34,62,.1);border-radius:11px;color:#4b4e67;background:#fff;font-size:.82rem;font-weight:800;transition:.2s}.ghost-button:hover,.icon-button:hover{color:var(--primary);border-color:rgba(108,92,231,.3);transform:translateY(-1px)}
.studio-layout{display:grid;grid-template-columns:minmax(300px,365px) 1fr}.control-panel{padding:6px 24px 24px;border-right:1px solid rgba(31,34,62,.09);background:#fff}.control-section{padding:22px 0;border-top:1px solid rgba(31,34,62,.08)}.control-section.first{border-top:0}.section-title{display:flex;align-items:center;gap:11px;margin-bottom:17px}.section-title>span{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;color:var(--primary);background:rgba(108,92,231,.09);font-size:.72rem;font-weight:900}.section-title strong,.section-title small{display:block}.section-title strong{font-size:.92rem}.section-title small{margin-top:2px;color:#9294a6;font-size:.72rem}.style-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.style-card{display:grid;place-items:center;gap:8px;min-height:86px;padding:10px 5px;border:1px solid rgba(31,34,62,.1);border-radius:13px;color:#666981;background:#fbfbfe;font-size:.72rem;font-weight:800;transition:.2s}.style-card:hover{border-color:rgba(108,92,231,.35);background:#f7f5ff}.style-card.active{color:var(--primary);border-color:var(--primary);background:rgba(108,92,231,.07);box-shadow:0 0 0 3px rgba(108,92,231,.08)}
.mini{position:relative;display:inline-flex;width:27px;height:27px;color:var(--primary)}.mini-ring{border:3px solid #e3e0f8;border-top-color:currentColor;border-radius:50%;animation:spin .9s linear infinite}.mini-dual{border:3px solid transparent;border-top-color:currentColor;border-bottom-color:var(--spinner-coral);border-radius:50%;animation:spin .8s linear infinite}.mini-orbit{border:1px solid #dedbf6;border-radius:50%;animation:spin 1s linear infinite}.mini-orbit i{position:absolute;top:-2px;left:10px;width:6px;height:6px;border-radius:50%;background:currentColor}.mini-dots{align-items:center;justify-content:center;gap:3px}.mini-dots i{width:6px;height:6px;border-radius:50%;background:currentColor;animation:mini-bounce .8s ease-in-out infinite}.mini-dots i:nth-child(2){animation-delay:.12s}.mini-dots i:nth-child(3){animation-delay:.24s}.mini-bars{align-items:center;justify-content:center;gap:2px}.mini-bars i{width:3px;height:17px;border-radius:4px;background:currentColor;animation:mini-bar .7s ease-in-out infinite}.mini-bars i:nth-child(2){animation-delay:.1s}.mini-bars i:nth-child(3){animation-delay:.2s}.mini-bars i:nth-child(4){animation-delay:.3s}.mini-ripple i{position:absolute;inset:3px;border:2px solid currentColor;border-radius:50%;animation:mini-ripple 1s ease-out infinite}.mini-ripple i:nth-child(2){animation-delay:.45s}
.color-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:17px}.color-field,.range-field,.select-field,.text-field{display:grid;gap:8px;color:#62657d;font-size:.75rem;font-weight:750}.color-field{padding:11px;border:1px solid rgba(31,34,62,.09);border-radius:12px;background:#fbfbfe}.color-input{display:flex;align-items:center;gap:8px}.color-input input{width:30px;height:30px;padding:0;border:0;border-radius:8px;background:transparent}.color-input input::-webkit-color-swatch-wrapper{padding:0}.color-input input::-webkit-color-swatch{border:0;border-radius:8px}.color-input output{font-size:.68rem}.range-field{margin-top:15px}.range-field>span{display:flex;justify-content:space-between}.range-field output{color:var(--primary);font-weight:850}.range-field input{width:100%;height:5px;accent-color:var(--primary)}.select-field{margin-top:15px}.select-field select,.text-field input{width:100%;height:42px;padding:0 12px;border:1px solid rgba(31,34,62,.12);border-radius:11px;color:#393b52;background:#fff;outline:0}.select-field select:focus,.text-field input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(108,92,231,.1)}.switch-field{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:15px;color:#4b4e64;font-size:.78rem}.switch-field strong,.switch-field small{display:block}.switch-field small{margin-top:3px;color:#9698a8;font-weight:500}.switch-field input{width:42px;height:23px;accent-color:var(--primary)}
.workspace{min-width:0;padding:24px;background:#f7f7fc}.preview-panel,.code-panel{overflow:hidden;border:1px solid rgba(31,34,62,.09);border-radius:20px;background:#fff;box-shadow:0 12px 30px rgba(45,42,91,.06)}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:62px;padding:11px 16px;border-bottom:1px solid rgba(31,34,62,.08)}.preview-toolbar>div:first-child{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:10px}.preview-toolbar strong,.preview-toolbar small{display:block}.preview-toolbar strong{font-size:.86rem}.preview-toolbar small{grid-column:2;margin-top:2px;color:#9597aa;font-size:.69rem}.live-dot{grid-row:1/3;width:7px;height:7px}.preview-actions{display:flex;align-items:center;gap:10px}.icon-button{min-height:36px;padding:0 11px;font-size:.73rem}.theme-picker{display:flex;gap:6px;padding:4px;border:1px solid rgba(31,34,62,.1);border-radius:999px}.theme-button{width:24px;height:24px;border:2px solid #fff;border-radius:50%;background:#f3f2f8;box-shadow:0 0 0 1px rgba(31,34,62,.14)}.theme-button.dark{background:#17192d}.theme-button.grid{background-color:#f7f5ff;background-image:linear-gradient(rgba(108,92,231,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(108,92,231,.25) 1px,transparent 1px);background-size:7px 7px}.theme-button.active{box-shadow:0 0 0 2px var(--primary)}
.preview-canvas{position:relative;display:grid;place-items:center;min-height:410px;overflow:hidden;transition:.25s}.preview-canvas.light{background:linear-gradient(145deg,#fafaff,#f0effa)}.preview-canvas.dark{background:radial-gradient(circle at 75% 15%,rgba(108,92,231,.26),transparent 28%),#16182e}.preview-canvas.grid{background-color:#f8f7ff;background-image:linear-gradient(rgba(108,92,231,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(108,92,231,.08) 1px,transparent 1px);background-size:24px 24px}.glow{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.glow-one{width:190px;height:190px;top:-80px;right:-55px;background:rgba(255,93,121,.14)}.glow-two{width:160px;height:160px;bottom:-85px;left:-45px;background:rgba(23,190,187,.13)}.preview-chip{position:absolute;top:17px;left:17px;display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(31,34,62,.08);border-radius:999px;color:#6e7188;background:rgba(255,255,255,.68);backdrop-filter:blur(12px);font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.preview-chip i{width:6px;height:6px;border-radius:50%;background:var(--spinner-teal)}.dark .preview-chip{color:#d6d7e5;border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.08)}.preview-window{position:relative;display:grid;place-items:center;width:min(72%,430px);min-height:246px;padding:56px 24px 35px;border:1px solid rgba(31,34,62,.09);border-radius:18px;background:rgba(255,255,255,.88);box-shadow:0 22px 55px rgba(43,39,96,.15)}.dark .preview-window{border-color:rgba(255,255,255,.1);background:rgba(25,27,52,.82);box-shadow:0 24px 65px rgba(0,0,0,.35)}.window-bar{position:absolute;inset:0 0 auto;display:flex;align-items:center;gap:5px;height:35px;padding:0 12px;border-bottom:1px solid rgba(31,34,62,.07)}.window-bar span{width:6px;height:6px;border-radius:50%;background:#ff7a8d}.window-bar span:nth-child(2){background:#f6c453}.window-bar span:nth-child(3){background:#42cda7}.window-bar i{width:38%;height:5px;margin-left:auto;border-radius:999px;background:rgba(31,34,62,.08)}.dark .window-bar{border-color:rgba(255,255,255,.08)}.dark .window-bar i{background:rgba(255,255,255,.1)}.loader-stage{display:grid;place-items:center;min-width:170px;min-height:135px}.preview-window p{margin:4px 0 0;color:#777a91;font-size:.76rem;font-weight:700}.dark .preview-window p{color:#b9bbcc}.spinner-stats{position:absolute;right:17px;bottom:15px;display:flex;gap:6px}.spinner-stats span{padding:6px 8px;border:1px solid rgba(31,34,62,.07);border-radius:8px;color:#8b8da0;background:rgba(255,255,255,.62);font-size:.61rem}.spinner-stats strong{color:#55586e}.dark .spinner-stats span{color:#b8bacb;border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.07)}.dark .spinner-stats strong{color:#fff}
.demo-loader{--loader-size:80px;--loader-color:#6c5ce7;--loader-track:#e6e3fa;--loader-thickness:7px;--loader-speed:900ms;--loader-direction:normal;position:relative;width:var(--loader-size);height:var(--loader-size);animation-direction:var(--loader-direction)!important}.demo-loader.ring{border:var(--loader-thickness) solid var(--loader-track);border-top-color:var(--loader-color);border-radius:50%;animation:spin var(--loader-speed) linear infinite}.demo-loader.dual{border:var(--loader-thickness) solid transparent;border-top-color:var(--loader-color);border-bottom-color:var(--loader-color);border-radius:50%;animation:spin var(--loader-speed) cubic-bezier(.5,.05,.5,.95) infinite}.demo-loader.dual:after{content:"";position:absolute;inset:calc(var(--loader-thickness)*1.3);border:calc(var(--loader-thickness)*.65) solid transparent;border-right-color:var(--loader-track);border-left-color:var(--loader-track);border-radius:50%;animation:spin calc(var(--loader-speed)*.65) linear infinite reverse}.demo-loader.orbit{border:calc(var(--loader-thickness)*.36) solid var(--loader-track);border-radius:50%;animation:spin var(--loader-speed) linear infinite}.demo-loader.orbit:before{content:"";position:absolute;left:50%;top:calc(var(--loader-thickness)*-1);width:calc(var(--loader-thickness)*1.5);height:calc(var(--loader-thickness)*1.5);border-radius:50%;background:var(--loader-color);box-shadow:0 0 calc(var(--loader-thickness)*1.7) var(--loader-color);transform:translateX(-50%)}.demo-loader.dots{display:flex;align-items:center;justify-content:center;gap:calc(var(--loader-size)*.08);width:calc(var(--loader-size)*1.45)}.demo-loader.dots span{width:calc(var(--loader-size)*.24);height:calc(var(--loader-size)*.24);border-radius:50%;background:var(--loader-color);animation:dot-bounce var(--loader-speed) ease-in-out infinite}.demo-loader.dots span:nth-child(2){animation-delay:calc(var(--loader-speed)*.13)}.demo-loader.dots span:nth-child(3){animation-delay:calc(var(--loader-speed)*.26)}.demo-loader.bars{display:flex;align-items:center;justify-content:center;gap:calc(var(--loader-size)*.07);width:calc(var(--loader-size)*1.2)}.demo-loader.bars span{width:calc(var(--loader-size)*.11);height:58%;border-radius:999px;background:var(--loader-color);animation:bar-wave var(--loader-speed) ease-in-out infinite}.demo-loader.bars span:nth-child(2){animation-delay:calc(var(--loader-speed)*.1)}.demo-loader.bars span:nth-child(3){animation-delay:calc(var(--loader-speed)*.2)}.demo-loader.bars span:nth-child(4){animation-delay:calc(var(--loader-speed)*.3)}.demo-loader.bars span:nth-child(5){animation-delay:calc(var(--loader-speed)*.4)}.demo-loader.ripple span{position:absolute;inset:0;border:var(--loader-thickness) solid var(--loader-color);border-radius:50%;animation:ripple-out var(--loader-speed) cubic-bezier(.2,.6,.35,1) infinite}.demo-loader.ripple span:nth-child(2){animation-delay:calc(var(--loader-speed)*.45)}.loader-stage.paused .demo-loader,.loader-stage.paused .demo-loader:before,.loader-stage.paused .demo-loader:after,.loader-stage.paused .demo-loader span{animation-play-state:paused!important}
.demo-loader.dual:after{inset:var(--loader-inner-inset);border:var(--loader-inner-thickness) solid transparent;border-right-color:var(--loader-track);border-left-color:var(--loader-track);animation:spin var(--loader-speed-fast) linear infinite var(--loader-inner-direction)}
.demo-loader.orbit{border-width:var(--loader-orbit-line)}.demo-loader.orbit:before{top:var(--loader-orbit-top);width:var(--loader-orbit-dot);height:var(--loader-orbit-dot);box-shadow:0 0 var(--loader-orbit-glow) var(--loader-color)}
.demo-loader.dots{gap:var(--loader-dots-gap);width:var(--loader-dots-width)}.demo-loader.dots span{width:var(--loader-dot-size);height:var(--loader-dot-size)}.demo-loader.dots span:nth-child(2){animation-delay:var(--loader-delay-one)}.demo-loader.dots span:nth-child(3){animation-delay:var(--loader-delay-two)}
.demo-loader.bars{gap:var(--loader-bars-gap);width:var(--loader-bars-width)}.demo-loader.bars span{width:var(--loader-bar-width)}.demo-loader.bars span:nth-child(2){animation-delay:var(--loader-delay-one)}.demo-loader.bars span:nth-child(3){animation-delay:var(--loader-delay-two)}.demo-loader.bars span:nth-child(4){animation-delay:var(--loader-delay-three)}.demo-loader.bars span:nth-child(5){animation-delay:var(--loader-delay-four)}
.demo-loader.ripple span:nth-child(2){animation-delay:var(--loader-ripple-delay)}.demo-loader.dots span,.demo-loader.bars span,.demo-loader.ripple span{animation-direction:var(--loader-direction)}
.code-panel{margin-top:18px}.code-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 17px;border-bottom:1px solid rgba(31,34,62,.08)}.code-head>div{display:flex;align-items:center;gap:10px}.code-head strong,.code-head small{display:block}.code-head strong{font-size:.84rem}.code-head small{margin-top:2px;color:#9698aa;font-size:.68rem}.code-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:var(--spinner-teal);background:rgba(23,190,187,.1);font-size:.73rem;font-weight:900}.copy-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 14px;border:0;border-radius:10px;color:#fff;background:linear-gradient(135deg,var(--primary),#8a72f6);box-shadow:0 8px 20px rgba(108,92,231,.2);font-size:.76rem;font-weight:850}.copy-button:hover{transform:translateY(-1px)}.code-tabs{display:flex;gap:5px;padding:9px 14px 0;background:#17192d}.code-tab{padding:7px 10px;border:0;border-radius:8px 8px 0 0;color:#8e91a7;background:transparent;font-size:.68rem;font-weight:800}.code-tab.active{color:#fff;background:#232641}.code-panel pre{min-height:195px;max-height:270px;margin:0;padding:17px;overflow:auto;color:#d7dcf5;background:#17192d;font:500 .72rem/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap}.code-panel code{font:inherit}
.content-section{padding:76px 0}.content-section.alt,.benefits-section{border-block:1px solid rgba(31,34,62,.06);background:rgba(255,255,255,.44)}.section-copy{max-width:690px;margin:0 auto 34px;text-align:center}.section-copy.left{margin:0;text-align:left}.section-copy>span{color:var(--primary);font-size:.74rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.section-copy h2{margin:9px 0 12px;font-size:clamp(1.8rem,4vw,2.75rem);letter-spacing:-.045em}.section-copy p{margin:0;color:var(--muted);line-height:1.7}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.benefit-card{padding:25px;border:1px solid rgba(31,34,62,.09);border-radius:20px;background:rgba(255,255,255,.82);box-shadow:0 12px 30px rgba(45,42,91,.06)}.benefit-icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:18px;border-radius:13px;color:var(--primary);background:rgba(108,92,231,.09);font-size:.82rem;font-weight:900}.ring-icon:before{content:"";width:20px;height:20px;border:3px solid rgba(108,92,231,.23);border-top-color:var(--primary);border-radius:50%}.tune-icon{font-size:1.15rem;transform:rotate(90deg)}.benefit-card h3{margin:0 0 8px;font-size:1rem}.benefit-card p{margin:0;color:var(--muted);font-size:.87rem;line-height:1.65}.split-content{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:60px}.steps{display:grid;gap:12px;margin:0;padding:0;list-style:none}.steps li{display:flex;gap:15px;padding:18px;border:1px solid rgba(31,34,62,.09);border-radius:17px;background:#fff}.steps li>span{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:11px;color:#fff;background:linear-gradient(135deg,var(--primary),#8d77f2);font-size:.75rem;font-weight:900}.steps strong{font-size:.9rem}.steps p{margin:5px 0 0;color:var(--muted);font-size:.82rem;line-height:1.55}.guidance-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.guidance-grid article{padding:22px;border:1px solid rgba(31,34,62,.09);border-radius:18px;background:#fff}.guidance-grid b{color:var(--spinner-coral);font-size:.72rem}.guidance-grid h3{margin:14px 0 8px;font-size:.94rem}.guidance-grid p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.6}.faq-wrap{max-width:920px}.faq{display:grid;gap:10px}.faq details{border:1px solid rgba(31,34,62,.09);border-radius:15px;background:rgba(255,255,255,.8)}.faq summary{padding:17px 20px;cursor:pointer;font-size:.9rem;font-weight:800;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";float:right;color:var(--primary);font-size:1.2rem}.faq details[open] summary:after{content:"−"}.faq p{margin:0;padding:0 20px 18px;color:var(--muted);font-size:.86rem;line-height:1.7}.try-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.try-card{display:flex;align-items:center;gap:13px;padding:18px;border:1px solid rgba(31,34,62,.09);border-radius:17px;background:#fff;transition:.2s}.try-card:hover{transform:translateY(-3px);border-color:rgba(108,92,231,.27);box-shadow:0 14px 30px rgba(45,42,91,.08)}.try-icon{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:12px;color:var(--primary);background:rgba(108,92,231,.09);font-size:.72rem;font-weight:900}.try-card strong,.try-card span span{display:block}.try-card strong{font-size:.86rem}.try-card span span{margin-top:4px;color:var(--muted);font-size:.72rem}.try-card>b{margin-left:auto;color:var(--primary)}.toast{position:fixed;left:50%;bottom:24px;z-index:100;min-width:180px;padding:12px 18px;border-radius:12px;color:#fff;background:#17192d;box-shadow:0 14px 35px rgba(0,0,0,.23);font-size:.8rem;font-weight:800;text-align:center;opacity:0;pointer-events:none;transform:translate(-50%,14px);transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}
.spark{position:absolute;z-index:5;width:8px;height:8px;border-radius:50%;pointer-events:none;animation:spark-fly .75s ease-out forwards}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes mini-bounce{0%,100%{transform:translateY(3px);opacity:.45}50%{transform:translateY(-3px);opacity:1}}@keyframes mini-bar{0%,100%{transform:scaleY(.4)}50%{transform:scaleY(1)}}@keyframes mini-ripple{0%{transform:scale(.25);opacity:1}100%{transform:scale(1.25);opacity:0}}@keyframes dot-bounce{0%,100%{transform:translateY(25%);opacity:.4}50%{transform:translateY(-35%);opacity:1}}@keyframes bar-wave{0%,100%{transform:scaleY(.38);opacity:.5}50%{transform:scaleY(1);opacity:1}}@keyframes ripple-out{0%{transform:scale(.15);opacity:1}100%{transform:scale(1);opacity:0}}@keyframes spark-fly{0%{opacity:1;transform:translate(0,0) scale(1)}100%{opacity:0;transform:translate(var(--spark-x),var(--spark-y)) scale(0)}}
@media(max-width:980px){.studio-layout{grid-template-columns:1fr}.control-panel{border-right:0;border-bottom:1px solid rgba(31,34,62,.09)}.workspace{padding:20px}.guidance-grid{grid-template-columns:repeat(2,1fr)}.split-content{grid-template-columns:1fr;gap:32px}.section-copy.left{text-align:center;margin-inline:auto}.style-grid{grid-template-columns:repeat(6,1fr)}}
@media(max-width:720px){.spinner-hero{padding:38px 0 56px}.spinner-studio{margin-top:34px;border-radius:23px}.studio-head{align-items:flex-start;padding:18px;flex-direction:column}.head-actions{width:100%}.ghost-button{flex:1}.control-panel{padding:5px 17px 18px}.style-grid{grid-template-columns:repeat(3,1fr)}.workspace{padding:13px}.preview-toolbar{align-items:flex-start}.preview-actions{align-items:flex-end;flex-direction:column}.icon-button span:last-child{display:none}.preview-canvas{min-height:350px}.preview-window{width:84%;min-height:220px}.spinner-stats{display:none}.code-head{align-items:flex-start}.code-head small{display:none}.benefit-grid,.try-grid{grid-template-columns:1fr}.guidance-grid{grid-template-columns:1fr}.content-section{padding:56px 0}}
@media(max-width:420px){.color-grid{grid-template-columns:1fr}.preview-toolbar{padding:10px}.preview-window{width:91%;padding-inline:12px}.loader-stage{min-width:135px}.copy-button{padding:0 11px}.copy-button span{display:none}}
@media(prefers-reduced-motion:reduce){.mini,.mini i,.demo-loader,.demo-loader:before,.demo-loader:after,.demo-loader span{animation-duration:2.5s!important}.try-card,.ghost-button,.icon-button{transition:none}}