.sg-demo{--px:50%;--py:50%;--rx:0deg;--ry:0deg;border-radius:inherit;box-sizing:border-box;color:#f7f5fb;isolation:isolate;background:#101018;justify-content:center;align-items:center;width:100%;height:250px;font-family:Inter,Apple SD Gothic Neo,system-ui,sans-serif;display:flex;position:relative;overflow:hidden;container-type:inline-size}.sg-demo *,.sg-demo :before,.sg-demo :after{box-sizing:border-box}.sg-demo button,.sg-demo summary{-webkit-tap-highlight-color:transparent;cursor:pointer;font:inherit}.sg-demo button{color:inherit}.sg-demo button:focus-visible,.sg-demo [tabindex]:focus-visible,.sg-demo summary:focus-visible{outline:2px solid var(--demo-accent,#b6b8ff);outline-offset:5px}.sg-demo button:disabled{cursor:wait}.sg-demo strong{letter-spacing:-.055em;font-weight:650;line-height:.98}.sg-demo small{letter-spacing:.05em;font-size:10px;font-weight:400}.sg-demo-large{height:440px}.sg-demo-large .sg-center-type strong,.sg-demo-large .sg-gradient-type,.sg-demo-large .sg-retro-type{font-size:clamp(64px,14cqw,130px)}.sg-demo-large .sg-type-button{transform:scale(1.25)}.sg-demo-large .sg-orbit{transform:scale(1.5)}.sg-demo-large .sg-globe{transform:scale(1.35)}.sg-demo-large .sg-scrollbox{height:360px}.sg-demo .sg-sr{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.sg-demo .sg-mini-label{letter-spacing:.1em;border:1px solid #ffffff40;border-radius:20px;width:fit-content;padding:4px 9px;font-size:8px;font-weight:550;line-height:1.6;display:inline-flex}.sg-demo .sg-canvas-note{color:inherit;letter-spacing:.13em;opacity:.75;text-align:center;z-index:3;width:100%;font-size:8px;position:absolute;bottom:17px}.sg-demo .sg-action-status{text-align:center;width:100%;font-size:11px;position:absolute;bottom:32px}.sg-demo .sg-mini-button{background:#ffffff14;border:1px solid #ffffff35;border-radius:20px;min-height:36px;padding:8px 14px;font-size:10px}.sg-demo [hidden]{display:none!important}.sg-demo *,.sg-demo :before,.sg-demo :after{animation-play-state:paused!important}.sg-demo[data-in-view=true] *,.sg-demo[data-in-view=true] :before,.sg-demo[data-in-view=true] :after{animation-play-state:running!important}:root[data-preview-motion=paused] .sg-demo *,:root[data-preview-motion=paused] .sg-demo :before,:root[data-preview-motion=paused] .sg-demo :after{transition:none!important;animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){:root:not([data-preview-motion=running]) .sg-demo *,:root:not([data-preview-motion=running]) .sg-demo :before,:root:not([data-preview-motion=running]) .sg-demo :after{scroll-behavior:auto!important;transition:none!important;animation-play-state:paused!important}}@keyframes sg-turn{to{transform:rotate(360deg)}}@keyframes sg-drift{50%{transform:translate(12%,-10%)rotate(16deg)scale(1.18)}}@keyframes sg-shift{50%{background-position:100%}}@keyframes sg-rise{0%{opacity:0;transform:translateY(.8em)rotate(8deg)}to{opacity:1;transform:translateY(0)rotate(0)}}@keyframes sg-breathe{50%{opacity:.5;transform:scale(.97)}}@keyframes sg-glint{0%,30%{transform:translate(-180%)rotate(25deg)}70%,to{transform:translate(380%)rotate(25deg)}}@keyframes sg-marquee{to{transform:translate(-50%)}}@keyframes sg-path{to{stroke-dashoffset:-500px}}@keyframes sg-ripple{to{opacity:0;transform:translate(-50%,-50%)scale(8)}}.sg-demo[data-demo=aurora],.sg-demo[data-demo=launch-section]{background:#080d20}.sg-aurora-light{filter:blur(20px);opacity:.92;background:repeating-linear-gradient(102deg,#0000 0 8%,#589dd272 12%,#a596eeaa 17%,#7ce4ab66 22%,#0000 29% 35%),radial-gradient(at 50% 85%,#336882 0,#0000 62%);width:130%;height:140%;animation:12s ease-in-out infinite alternate sg-drift;position:absolute;top:-35%;left:-15%;transform:rotate(-15deg)}.sg-center-type{text-align:center;flex-direction:column;align-items:center;gap:17px;display:flex;position:relative}.sg-center-type strong{font-size:clamp(45px,15cqw,67px);font-weight:520}.sg-center-type>span:last-child{color:#d0dee9;letter-spacing:.2em;font-size:10px}.sg-demo[data-demo=mesh]{color:#562230;background:#dec4cb}.sg-blobs{background:#f9ab91;position:absolute;inset:-15%;overflow:hidden}.sg-blobs i{filter:blur(28px);background:#dd44a6;border-radius:50%;width:90%;height:80%;animation:14s ease-in-out infinite alternate sg-drift;position:absolute;top:30%;left:-12%}.sg-blobs i:nth-child(2){background:#ffdc79;animation-duration:19s;animation-delay:-6s;top:-30%;left:50%}.sg-blobs i:nth-child(3){background:#6c5dcb;animation-delay:-10s;top:35%;left:37%}.sg-mesh-caption{flex-direction:column;justify-content:space-between;align-self:stretch;width:100%;padding:25px;display:flex;position:relative}.sg-mesh-caption span{letter-spacing:.08em;font-size:9px;font-weight:550}.sg-mesh-caption strong{letter-spacing:-.06em;font-family:Georgia,serif;font-size:clamp(42px,14cqw,65px);font-weight:400}.sg-demo[data-demo=liquid]{background:#a3866c}.sg-metal{filter:contrast(1.25);background:repeating-radial-gradient(at 20% 60%,#ede6d9 0%,#494139 8%,#efcbab 10%,#e8e0d3 15%,#8a6850 17%,#f9eede 22%,#494139 30%);width:170%;height:170%;animation:13s ease-in-out infinite sg-drift;position:absolute;inset:-35%;transform:rotate(-18deg)}.sg-metal i{filter:blur(18px);background:conic-gradient(from 120deg,#0000,#17140c88,#fff5eccc,#0000,#10090099,#0000);border-radius:50%;width:80%;height:85%;margin:10%;animation:30s linear infinite sg-turn;display:block}.sg-metal-word{letter-spacing:-.05em;mix-blend-mode:overlay;font-size:clamp(32px,13cqw,62px);font-weight:650;position:relative}.sg-demo[data-demo=waves]{background:#081d30}.sg-wave-scene{position:absolute;inset:0}.sg-wave{animation:sg-drift calc(10s + var(--i)*3s) ease-in-out infinite alternate;height:90%;left:calc(-15% + var(--i)*13%);opacity:calc(.8 - var(--i)*.12);top:calc(25% + var(--i)*10%);transform:rotate(calc(-15deg + var(--i)*-9deg));background:linear-gradient(160deg,#74dbcebb,#186a8540);border:1px solid #b3ffef40;border-radius:44% 58% 20% 45%;width:110%;position:absolute}.sg-wave-type{text-align:center;position:relative}.sg-wave-type>span{letter-spacing:.35em;margin-bottom:12px;font-size:9px;display:block}.sg-wave-type strong{font-family:Georgia,serif;font-size:clamp(45px,16cqw,78px);font-style:italic;font-weight:400}.sg-demo[data-demo=retro-grid]{perspective:400px;background:#170e29}.sg-grid-sun{background:linear-gradient(#ffbb92,#dc559c);border-radius:50%;width:115px;height:115px;position:absolute;top:18px;left:calc(50% - 57px);box-shadow:0 0 50px #e7769230}.sg-retro-grid{transform-origin:top;background-image:linear-gradient(#9774b788 1px,#0000 1px),linear-gradient(90deg,#9774b788 1px,#0000 1px);background-size:40px 40px;width:200%;height:220%;animation:5s linear infinite sg-gridmove;position:absolute;top:35%;left:-50%;transform:rotateX(68deg)}@keyframes sg-gridmove{to{background-position:0 40px}}.sg-retro-type{letter-spacing:-.05em;text-align:center;text-shadow:2px 4px #653c78;font-size:clamp(47px,17cqw,72px);font-style:italic;position:relative;line-height:.83!important}.sg-demo[data-demo=stars]{background:radial-gradient(at 60% 90%,#222b68,#080c20 70%)}.sg-star{animation:sg-breathe calc(3s + var(--i)*.13s) ease-in-out infinite alternate;height:var(--s);left:var(--x);opacity:.8;top:var(--y);width:var(--s);background:#dbe2ff;border-radius:50%;position:absolute}.sg-star-orbit{border:1px solid #b1b8ff30;border-radius:50%;width:110%;height:170px;position:absolute;transform:rotate(-30deg)}.sg-space-type{text-align:center;position:relative}.sg-space-type small{letter-spacing:.17em;margin-bottom:18px;font-size:7px;display:block}.sg-space-type strong{font-family:Georgia,serif;font-size:53px;font-weight:400}.sg-demo[data-demo=dot-grid]{background:#25171d}.sg-dot-field{mask-image:radial-gradient(circle at var(--px) var(--py),#000 10%,#0003 65%);background-image:radial-gradient(#dda88b88 1px,#0000 1px);background-size:12px 12px;position:absolute;inset:0}.sg-dot-object{width:145px;height:145px;position:relative}.sg-dot-orbit{animation:sg-turn calc(18s + var(--i)*4s) linear infinite;height:calc(100% - var(--i)*13%);left:calc(var(--i)*6.5%);top:calc(var(--i)*6.5%);width:calc(100% - var(--i)*13%);border:2px dotted #ffc698;border-radius:50%;position:absolute}.sg-demo[data-demo=grain]{color:#4b1d39;background:#fdaa8e}.sg-demo[data-demo=grain] .sg-blobs{filter:blur(15px)}.sg-grain-overlay{mix-blend-mode:multiply;opacity:.45;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.48' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.sg-grain-copy{text-align:center;position:relative}.sg-grain-copy small{letter-spacing:.17em;margin-bottom:18px;font-size:7px;display:block}.sg-grain-copy strong{font-family:Georgia,serif;font-size:60px;font-weight:400}.sg-demo[data-demo=border-beam]{background:radial-gradient(#242238,#0c0c13 80%)}.sg-beam-frame{border:1px solid #8a79b522;border-radius:15px;width:74%;max-width:290px;height:155px;padding:1px;position:relative;overflow:hidden;box-shadow:0 20px 45px #0005}.sg-beam-frame:before{background:conic-gradient(from 0deg,transparent 0 67%,#9771fa 75%,#f6d8ab 83%,transparent 85%);content:"";width:200%;height:400%;animation:7s linear infinite sg-turn;position:absolute;top:-150%;left:-50%}.sg-frame-content{background:linear-gradient(130deg,#1c1b29,#111117);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:9px;height:100%;display:flex;position:relative}.sg-frame-content .sg-spark{color:#d4bcff;margin-bottom:8px;font-size:32px;line-height:1}.sg-frame-content>span:not(.sg-spark){font-size:14px}.sg-frame-content small{color:#b1adbf;font-size:9px}.sg-demo[data-demo=shine-border]{color:#593247;background:#f3ebe7}.sg-shine-frame{background:linear-gradient(110deg,#ffd8ab,#c18fe9,#d7c5fa,#fbc0b5,#ffd8ab) 0 0/300% 300%;border-radius:22px;width:72%;max-width:270px;padding:3px;animation:7s ease-in-out infinite sg-shift;box-shadow:0 16px 25px #69436918}.sg-shine-frame>div{background:#faf5f2;border-radius:19px;flex-direction:column;gap:15px;padding:24px;display:flex;position:relative}.sg-shine-frame .sg-mini-label{border:0;padding:0;font-size:7px}.sg-shine-frame strong{font-size:34px;font-weight:500}.sg-shine-frame>div>span:last-child{color:#aa72bc;font-size:38px;position:absolute;bottom:20px;right:17px}.sg-demo[data-demo=prism-border]{background:#111218}.sg-prism-frame{background:linear-gradient(120deg,#ffab7c,#e489e7,#7e83ff,#96e6f5,#ffab7c) 0 0/300% 300%;border-radius:18px;width:73%;max-width:270px;padding:2px;animation:8s linear infinite sg-shift;box-shadow:-14px 10px 45px #d277ad23,16px -14px 50px #6278e825}.sg-prism-frame>div{background:#12121a;border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:23px 10px;display:flex}.sg-prism-frame>div>span{font-size:43px;line-height:1}.sg-prism-frame strong{font-size:24px}.sg-prism-frame small{color:#bcbbcc;font-size:9px}.sg-demo[data-demo=glow-border]{background:radial-gradient(#183d38,#081a1c 75%)}.sg-neon-frame{border:1px solid #87fdd1;border-radius:17px;flex-direction:column;align-items:center;gap:14px;width:70%;max-width:270px;padding:20px 15px;animation:6s ease-in-out infinite sg-neon;display:flex;box-shadow:0 0 7px #77e2d199,0 0 24px #56c4b43b,inset 0 0 15px #4bc19a26}.sg-neon-star{color:#c5ffdf;font-size:42px;line-height:1}.sg-neon-frame strong{font-size:28px}.sg-neon-frame small{color:#a7d9c7;font-size:9px}@keyframes sg-neon{50%{box-shadow:0 0 12px #77e2d1bb,0 0 40px #56c4b454,inset 0 0 24px #4bc19a33}}.sg-demo[data-demo=glass-border]{background:#4a689f}.sg-demo[data-demo=glass-border] .sg-blobs{background:#5e75af}.sg-demo[data-demo=glass-border] .sg-blobs i:first-child{background:#548bb4}.sg-glass-outline{backdrop-filter:blur(15px);background:linear-gradient(120deg,#ffffff24,#ffffff08);border:1px solid #fff6;border-bottom-color:#ffffff20;border-radius:16px;flex-direction:column;gap:16px;width:72%;max-width:280px;padding:21px;display:flex;position:relative;box-shadow:inset 0 0 0 5px #ffffff0b,0 20px 50px #17254930}.sg-glass-outline>span{font-size:22px}.sg-glass-outline strong{font-size:29px}.sg-glass-outline small{font-size:7px}.sg-demo[data-demo=electric-border]{background:radial-gradient(#182c3b,#06111f 75%)}.sg-electric{flex-direction:column;justify-content:center;align-items:center;gap:13px;width:78%;max-width:280px;height:165px;display:flex;position:relative}.sg-electric svg{filter:drop-shadow(0 0 4px #83d4ff);width:100%;height:100%;animation:3s steps(3,end) infinite sg-electric;position:absolute;inset:0;overflow:visible}.sg-electric path{fill:none;stroke:#b5e5ff;stroke-width:1.4px}.sg-electric>span{color:#ceecff;font-size:26px}.sg-electric strong{text-align:center;font-size:29px}@keyframes sg-electric{20%{opacity:.65;transform:scale(1.005)}25%,70%{opacity:1;transform:scale(.992)}}.sg-demo[data-demo=gradient-text]{background:#10111b}.sg-type-composition{text-align:center;flex-direction:column;align-items:center;gap:20px;display:flex}.sg-gradient-type{color:#0000;letter-spacing:-.07em;background:linear-gradient(110deg,#c6a9ff,#8fafff,#fac1dc,#c6a9ff) 0 0/250% 100% text;font-size:clamp(54px,19cqw,88px);font-weight:650;animation:7s ease-in-out infinite sg-shift;display:block;line-height:.88!important}.sg-demo .sg-type-button{text-align:center;background:0 0;border:0;flex-direction:column;align-items:center;gap:26px;padding:16px;display:flex}.sg-type-button small{letter-spacing:.07em;font-size:9px}.sg-demo[data-demo=split-text]{color:#4b2521;background:#f5a97e}.sg-split-word{letter-spacing:-.06em;font-family:Georgia,serif;font-size:clamp(48px,18cqw,84px);font-weight:400;line-height:1;display:flex}.sg-split-word span{display:inline-block}.sg-demo.sg-replay .sg-split-word span{animation:.7s both sg-rise;animation-delay:calc(var(--i)*90ms)}.sg-demo[data-demo=scramble-text]{color:#d5fbc4;background:#13271d}.sg-scramble{letter-spacing:-.04em;font-family:ui-monospace,monospace;font-size:clamp(25px,11cqw,46px);font-weight:600}.sg-demo[data-demo=typewriter]{color:#264d3c;background:#e4ede3}.sg-demo[data-demo=typewriter] .sg-type-button{text-align:left;align-items:flex-start;gap:21px}.sg-type-line{letter-spacing:-.045em;min-height:2.1em;font-size:clamp(30px,12cqw,52px);font-weight:520;line-height:1.04;display:block;position:relative}.sg-type-line i{background:#377054;width:2px;height:.8em;margin-left:4px;animation:1s steps(2,end) infinite sg-breathe;display:inline-block}.sg-demo[data-demo=outline-text]{background:#101e1d}.sg-outline-type{-webkit-text-stroke:1px #93cab699;color:#0000;letter-spacing:-.08em;font-size:clamp(67px,26cqw,112px);font-weight:700;position:relative}.sg-outline-type span{-webkit-text-stroke:0;background:radial-gradient(circle at var(--px) var(--py),#d5ffb8,#6ce4c1 45%,transparent 75%);color:#0000;background-clip:text;position:absolute;inset:0}.sg-demo[data-demo=rotate-text]{color:#543c42;background:#fde5c5}.sg-rotate-button>span{letter-spacing:-.05em;font-size:42px;font-weight:500;line-height:1}.sg-demo .sg-rotate-button{gap:9px}.sg-rotating-word{background:#e99f7e;border-radius:6px;min-width:6.2em;padding:7px 15px 12px}.sg-rotate-button small{margin-top:15px}.sg-rotate-button.sg-word-change .sg-rotating-word{animation:.4s both sg-rise}.sg-demo[data-demo=spotlight-card]{background:#101b2a}.sg-spotlight-card{background:radial-gradient(circle at var(--px) var(--py),#34588499,transparent 65%),radial-gradient(#819bc83b .7px,transparent .7px),#13243b;background-size:auto,8px 8px,auto;border:1px solid #b6d6ff33;border-radius:14px;flex-direction:column;gap:13px;width:77%;max-width:290px;padding:20px;display:flex;position:relative;box-shadow:0 15px 25px #0002}.sg-spotlight-card .sg-mini-label{border:0;padding:0;font-size:7px}.sg-spotlight-card .sg-symbol{color:#b8d6fc;font-size:43px;line-height:1;position:absolute;top:17px;right:15px}.sg-spotlight-card strong{margin-top:18px;font-size:32px}.sg-spotlight-card>span:last-child{color:#bfcee7;font-size:8px}.sg-demo[data-demo=glass-card]{background:#78579d}.sg-demo[data-demo=glass-card] .sg-blobs{background:#656fbb}.sg-demo[data-demo=glass-card] .sg-blobs i:first-child{background:#754097}.sg-demo[data-demo=glass-card] .sg-blobs i:nth-child(2){background:#a4e1fa}.sg-glass{backdrop-filter:blur(16px);background:linear-gradient(130deg,#ffffff36,#ffffff05);border:1px solid #fff5;border-bottom-color:#ffffff1a;border-radius:18px;width:70%;max-width:280px;padding:21px;position:relative;transform:rotate(-6deg);box-shadow:0 22px 40px #25174535}.sg-glass>div{letter-spacing:.08em;justify-content:space-between;align-items:center;font-size:7px;display:flex}.sg-glass>div:first-child>span:first-child{font-size:21px}.sg-glass strong{margin:15px 0 20px;font-size:39px;font-weight:480;display:block}.sg-demo[data-demo=tilt-card]{color:#3e385d;perspective:900px;background:#e8e9f4}.sg-tilt-scene{perspective:900px;width:70%;max-width:280px}.sg-tilt-card{transform:rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;background:linear-gradient(140deg,#f4f3fc,#d6d4ec);border:1px solid #fff;border-radius:14px;padding:19px;transition:transform .18s;position:relative;box-shadow:0 20px 30px #44406122}.sg-tilt-card .sg-mini-label{border:0;padding:0;font-size:7px}.sg-tilt-card strong{margin-top:69px;font-size:30px;display:block;position:relative;transform:translateZ(25px)}.sg-tilt-card>span:last-child{margin-top:13px;font-size:6px;display:block}.sg-artwork{width:100px;height:85px;position:absolute;top:28px;right:15px;transform:translateZ(30px)}.sg-artwork i{background:linear-gradient(120deg,#dddcfa,#7377b3);border:1px solid #fff8;border-radius:50%;width:35px;height:68px;position:absolute;top:0;left:10px;transform:rotate(-25deg);box-shadow:4px 5px 15px #5c598128}.sg-artwork i:nth-child(2){top:13px;left:32px;transform:rotate(30deg)}.sg-artwork i:nth-child(3){top:1px;left:53px;transform:rotate(70deg)}.sg-demo[data-demo=stack-card]{color:#502c39;background:#392832}.sg-stack{width:70%;max-width:265px;height:156px;position:relative;transform:translateY(-15px)}.sg-stack-sheet{height:100%;transform:translate(calc(var(--i)*6px),calc(var(--i)*-7px)) rotate(calc(var(--i)*5deg));z-index:calc(3 - var(--i));background:#f0c7bd;border:1px solid #fff6;border-radius:12px;flex-direction:column;gap:18px;padding:20px;transition:transform .45s,opacity .3s;display:flex;position:absolute;inset:0}.sg-stack-sheet:nth-child(2){background:#e1bbcf}.sg-stack-sheet:nth-child(3){background:#e8d9b2}.sg-stack-sheet>span:first-child{letter-spacing:.09em;font-size:7px}.sg-stack-sheet strong{max-width:170px;font-size:31px}.sg-stack-sheet>span:last-child{font-size:45px;line-height:1;position:absolute;bottom:10px;right:15px}.sg-demo .sg-stack-next{color:#efdbdf;position:absolute;bottom:14px}.sg-demo[data-demo=flip-card]{color:#274f42;perspective:800px;background:#b8d0c0}.sg-demo .sg-flip-button{perspective:800px;background:0 0;border:0;width:72%;max-width:280px;height:185px;padding:0}.sg-flip-inner{height:100%;transform-style:preserve-3d;width:100%;transition:transform .7s cubic-bezier(.2,.8,.2,1);display:block;position:relative}.sg-flip-button[aria-pressed=true] .sg-flip-inner{transform:rotateY(180deg)}.sg-flip-front,.sg-flip-back{backface-visibility:hidden;text-align:left;background:#f2f0d9;border:1px solid #fff9;border-radius:7px;flex-direction:column;gap:13px;height:100%;padding:20px;display:flex;position:absolute;inset:0;box-shadow:0 13px 30px #2d5e3925}.sg-flip-front strong{font-family:Georgia,serif;font-size:34px;font-weight:400;position:relative}.sg-flip-front small,.sg-flip-back small{font-size:7px}.sg-flip-art{color:#80a48c;font-size:100px;position:absolute;top:20px;right:5px}.sg-flip-back{color:#eff1d9;background:#325f4c;justify-content:space-between;transform:rotateY(180deg)}.sg-flip-back strong{font-size:26px}.sg-flip-back>span{font-size:9px}.sg-demo[data-demo=expand-card]{color:#533326;background:#efc99f}.sg-expand-widget{background:#fcf3e8;border:1px solid #fff8;border-radius:13px;width:83%;max-width:290px;padding:18px;box-shadow:0 10px 30px #8f593925}.sg-expand-widget summary{align-items:center;gap:12px;min-height:64px;list-style:none;display:flex}.sg-expand-widget summary::-webkit-details-marker{display:none}.sg-expand-art{color:#6c482f;background:#e5b281;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:36px;display:flex}.sg-expand-widget small{margin-bottom:8px;font-size:6px;display:block}.sg-expand-widget strong{letter-spacing:-.04em;font-size:21px;display:block}.sg-expand-icon{margin-left:auto;font-size:23px;transition:transform .3s}.sg-expand-widget[open] .sg-expand-icon{transform:rotate(45deg)}.sg-expand-widget p{margin:14px 0;font-size:10px;line-height:1.75}.sg-expand-foot{font-size:7px;display:block}.sg-demo[data-demo=magnetic]{color:#253b28;background:#d8f2a2 radial-gradient(#2c4c261f 1px,#0000 1px) 0 0/16px 16px}.sg-demo .sg-magnetic{color:#e5f7cc;min-height:65px;transform:translate(var(--mx,0px),var(--my,0px));background:#223828;border:1px solid #304a2f;border-radius:50px;align-items:center;gap:26px;padding:18px 26px;font-size:16px;font-weight:500;transition:transform .22s;display:flex;position:relative;box-shadow:0 13px 27px #35582725}.sg-magnetic>span:last-child{font-size:26px}.sg-demo[data-demo=ripple-button]{color:#294f6c;background:#d2e6f7}.sg-demo .sg-ripple-button{color:#f0f7fb;background:#2f6486;border:1px solid #376f90;border-radius:12px;align-items:center;gap:23px;min-height:61px;padding:15px 24px;font-size:15px;display:flex;position:relative;overflow:hidden;box-shadow:0 15px 30px #39668b30}.sg-ripple-button>span{z-index:1;position:relative}.sg-ripple-circle{pointer-events:none;background:#d9f2ff77;border-radius:50%;width:40px;height:40px;animation:.65s ease-out both sg-ripple;position:absolute;transform:translate(-50%,-50%)scale(0)}.sg-demo[data-demo=shimmer-button]{background:radial-gradient(#312442,#15121e 75%)}.sg-demo .sg-shimmer-button{background:linear-gradient(120deg,#332a40,#1e1928);border:1px solid #b49cca88;border-radius:40px;align-items:center;gap:18px;min-height:60px;padding:18px 25px;font-size:14px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #eadcff66,0 6px 30px #baa0ff1c}.sg-shimmer-button:before{content:"";background:linear-gradient(90deg,#0000,#e1bcff40,#0000);width:45%;height:180%;animation:5s ease-in-out infinite sg-glint;position:absolute;top:-40%;left:0}.sg-shimmer-button>span{position:relative}.sg-demo[data-demo=send-button]{color:#265342;background:#dcf0e6}.sg-demo .sg-send-button{color:#e1faeb;background:#285b47;border:1px solid #38705a;border-radius:11px;align-items:center;gap:14px;min-height:60px;padding:18px 25px;font-size:15px;transition:background .3s;display:flex;box-shadow:0 14px 30px #39775328}.sg-send-icon{font-size:22px}.sg-send-button[data-state=done]{background:#143d30}.sg-send-button[data-state=pending] .sg-send-icon{animation:1s linear infinite sg-turn}.sg-demo[data-demo=trail]{background:#352329}.sg-trail-dot{filter:blur(calc(var(--i)*.5px));height:calc(50px - var(--i)*7px);left:calc(var(--px) - var(--i)*15px);opacity:calc(.8 - var(--i)*.12);top:calc(var(--py) + var(--i)*10px);transition:left calc(80ms + var(--i)*50ms) ease-out,top calc(80ms + var(--i)*50ms) ease-out;width:calc(50px - var(--i)*7px);background:#f3ba88;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.sg-trail-copy{pointer-events:none;text-align:center;position:relative}.sg-trail-copy>span{letter-spacing:.25em;margin-bottom:15px;font-size:8px;display:block}.sg-trail-copy strong{font-family:Georgia,serif;font-size:49px;font-style:italic;font-weight:400}.sg-demo[data-demo=lens]{color:#4d395f;background:#e2d5e4}.sg-lens-art{position:absolute;inset:0;overflow:hidden}.sg-lens-art i{background:linear-gradient(120deg,#a297ca,#e2b7b9);border-radius:45%;width:50%;height:200px;position:absolute;top:20%;left:-12%;transform:rotate(35deg)}.sg-lens-art i:nth-child(2){background:linear-gradient(120deg,#c4d4df,#778daf);width:38%;top:-18%;left:30%;transform:rotate(-20deg)}.sg-lens-art i:nth-child(3){background:linear-gradient(110deg,#d0acb9,#ad80a9);top:18%;left:65%}.sg-lens{backdrop-filter:contrast(1.6)saturate(1.5);height:115px;left:var(--px);top:var(--py);z-index:2;background:#ffffff12;border:1px solid #fff9;border-radius:50%;width:115px;position:absolute;transform:translate(-50%,-50%);box-shadow:inset 5px 5px 12px #ffffff52,8px 12px 25px #4332681f}.sg-lens-copy{text-align:center;position:relative}.sg-lens-copy small{letter-spacing:.15em;margin-bottom:17px;font-size:8px;display:block}.sg-lens-copy strong{font-family:Georgia,serif;font-size:63px;font-weight:400}.sg-demo[data-demo=spotlight]{background:#0e211c}.sg-spotlight-grid{mask-image:radial-gradient(circle at var(--px) var(--py),#000,transparent 70%);background-image:linear-gradient(#7da69026 1px,#0000 1px),linear-gradient(90deg,#7da69026 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0}.sg-spotlight-copy{text-align:center;z-index:1}.sg-spotlight-copy>span{letter-spacing:.25em;margin-bottom:12px;font-size:9px;display:block}.sg-spotlight-copy strong{font-family:Georgia,serif;font-size:75px;font-weight:400}.sg-cursor-light{filter:blur(30px);height:120px;left:var(--px);top:var(--py);background:#d5ff9540;border-radius:50%;width:120px;position:absolute;transform:translate(-50%,-50%)}.sg-demo[data-demo=reveal-pointer]{background:#3f2744}.sg-mask-front,.sg-mask-back{flex-direction:column;justify-content:center;align-items:center;gap:17px;display:flex;position:absolute;inset:0}.sg-mask-back{color:#354d35;background:#d4eca7}.sg-mask-front{clip-path:circle(70px at var(--px) var(--py));color:#eac8e9;background:#422a48}.sg-mask-front strong,.sg-mask-back strong{font-size:53px}.sg-mask-front small,.sg-mask-back small{letter-spacing:.16em;font-size:7px}.sg-demo[data-demo=reveal-pointer] .sg-canvas-note{color:#31432f}.sg-demo[data-demo=dock]{color:#492f37;background:#d7b48e}.sg-dock-wallpaper{background:radial-gradient(at 20% 90%,#bb7d80,#0000 70%),radial-gradient(at 75% 30%,#e8c997,#0000 75%),#b29bbb;position:absolute;inset:0}.sg-dock{backdrop-filter:blur(15px);background:#ffffff38;border:1px solid #ffffff65;border-radius:18px;align-items:end;gap:8px;height:74px;padding:10px;display:flex;position:relative;box-shadow:0 12px 25px #3c283e25}.sg-demo .sg-dock button{background:linear-gradient(145deg,hsl(calc(10 + var(--i)*37),45%,82%),hsl(calc(8 + var(--i)*37),28%,58%));color:#402c31;transform-origin:bottom;border:1px solid #fff5;border-radius:10px;justify-content:center;align-items:center;width:45px;height:45px;padding:0;font-size:27px;transition:transform .2s;display:flex;box-shadow:0 3px 5px #54393419}.sg-dock button:hover,.sg-dock button:focus-visible{transform:translateY(-6px)scale(1.18)}.sg-dock button:has(+button:hover),.sg-dock button:hover+button{transform:translateY(-2px)scale(1.06)}.sg-dock-selection{font-size:10px;position:absolute;bottom:45px}.sg-demo[data-demo=tabs]{color:#394365;background:#e3e7f2}.sg-tabs-widget{background:#fbfcff;border:1px solid #fff;border-radius:14px;width:84%;max-width:300px;padding:14px;box-shadow:0 12px 28px #3c4d7020}.sg-tabs-buttons{background:#e9edf6;border-radius:9px;gap:3px;padding:4px;display:flex}.sg-demo .sg-tabs-buttons button{color:#576384;background:0 0;border:0;border-radius:6px;flex:1;min-height:36px;padding:7px 5px;font-size:10px;transition:background .25s,box-shadow .25s}.sg-demo .sg-tabs-buttons button[aria-pressed=true]{color:#293954;background:#fff;box-shadow:0 2px 5px #43537616}.sg-tab-panel{text-align:center;flex-direction:column;align-items:center;gap:12px;min-height:125px;padding:16px 4px 8px;display:flex}.sg-tab-symbol{color:#7588b6;font-size:30px;line-height:1}.sg-tab-panel strong{letter-spacing:-.03em;font-size:20px}.sg-tab-panel>span:last-child{font-size:8px}.sg-demo[data-demo=accordion]{background:#2a3045}.sg-accordion{width:82%;max-width:300px}.sg-accordion>span{color:#c6cde5;letter-spacing:.13em;margin-bottom:14px;font-size:7px;display:block}.sg-accordion details{border-bottom:1px solid #a3b1df35}.sg-accordion summary{justify-content:space-between;align-items:center;min-height:42px;font-size:11px;list-style:none;display:flex}.sg-accordion summary::-webkit-details-marker{display:none}.sg-accordion summary>span{font-size:20px;transition:transform .2s}.sg-accordion details[open] summary>span{transform:rotate(45deg)}.sg-accordion p{color:#c1cae0;padding-bottom:15px;font-size:10px;line-height:1.7}.sg-demo[data-demo=menu]{color:#53365d;background:#d8c5e8}.sg-menu-widget{background:#f7f0fa;border:1px solid #fff8;border-radius:12px;width:85%;max-width:310px;padding:16px 20px;box-shadow:0 12px 28px #61356a20}.sg-menu-widget>div:first-child{justify-content:space-between;align-items:center;display:flex}.sg-menu-widget>div:first-child>span{letter-spacing:-.07em;font-size:18px;font-weight:650}.sg-demo .sg-menu-widget button{color:inherit;background:0 0;border:0;min-height:36px;padding:5px;font-size:10px}.sg-menu-items{border-top:1px solid #d9c3e3;flex-direction:column;margin-top:9px;padding-top:8px;display:flex}.sg-demo .sg-menu-items button{letter-spacing:-.05em;justify-content:space-between;font-size:18px;font-weight:500;animation:.3s both sg-rise;display:flex}.sg-menu-caption{color:#755780;margin:14px 0 4px;font-size:10px}.sg-scrollbox{overscroll-behavior:contain;scrollbar-color:#c4a5d6 #ffffff14;scrollbar-width:thin;width:100%;height:220px;position:relative;overflow:auto}.sg-demo[data-demo=parallax]{color:#fbf8ed;background:#dad8eb;padding:14px}.sg-parallax-box{background:#b8b9d5;border-radius:9px}.sg-parallax-track{height:600px;position:relative}.sg-parallax-stage{height:220px;position:sticky;top:0;overflow:hidden}.sg-mountain{height:240px;transform:translateY(calc(var(--scroll,0)*-50px)) rotate(-15deg);border-radius:40% 55% 0 0;width:120%;position:absolute;top:75%;left:-20%}.sg-mountain-back{background:linear-gradient(140deg,#818aac,#5f699a)}.sg-mountain-front{transform:translateY(calc(var(--scroll,0)*-110px)) rotate(20deg);background:linear-gradient(145deg,#4c597f,#303f68);top:85%;left:15%}.sg-parallax-title{letter-spacing:-.04em;transform:translateY(calc(var(--scroll,0)*-20px));font-family:Georgia,serif;font-size:48px;line-height:1;display:block;position:absolute;top:28px;left:20px}html[data-preview-motion=paused] .sg-parallax-stage{--scroll:0}@media (prefers-reduced-motion:reduce){html:not([data-preview-motion=running]) .sg-parallax-stage{--scroll:0}}.sg-scroll-hint{text-align:center;width:100%;font-size:8px;position:absolute;bottom:12px}.sg-scroll-ending{text-align:center;width:100%;font-size:12px;position:absolute;bottom:22px}.sg-demo[data-demo=scroll-progress]{color:#583646;background:#f0dce5;padding:16px 20px}.sg-reading-widget{background:#fff5f4;border:1px solid #fff;border-radius:10px;width:100%;max-width:360px;height:100%;padding:12px 14px;overflow:hidden}.sg-reading-header{letter-spacing:.06em;justify-content:space-between;padding-bottom:10px;font-size:7px;display:flex}.sg-reading-bar{background:#ecdee2;border-radius:4px;height:3px;overflow:hidden}.sg-reading-bar i{height:100%;width:calc(var(--scroll,0)*100%);background:#b27293;display:block}.sg-reading-box{margin-top:10px;padding-right:8px;height:calc(100% - 32px)!important}.sg-reading-box>strong{margin:14px 0 25px;font-family:Georgia,serif;font-size:30px;font-weight:400;display:block}.sg-reading-box p{margin:22px 0;font-size:11px;line-height:1.9}.sg-reading-box p b{margin-bottom:8px;font-size:10px;display:block}.sg-demo[data-demo=reveal-scroll]{background:#d3deef;padding:14px}.sg-reveal-box{scroll-snap-type:y proximity;border-radius:9px}.sg-reveal-scene{background:hsl(calc(220 + var(--i)*25),30%,calc(48% - var(--i)*6%));scroll-snap-align:start;flex-direction:column;gap:17px;height:100%;min-height:220px;padding:22px;display:flex;position:relative}.sg-reveal-scene strong{z-index:1;font-size:39px;position:relative}.sg-reveal-scene small{letter-spacing:.08em;font-size:7px}.sg-reveal-scene small:last-child{margin-top:auto}.sg-reveal-scene>span{color:#dbd7ed88;font-size:135px;line-height:1;position:absolute;top:30px;right:12px}.sg-demo[data-demo=horizontal-scroll]{color:#39412e;background:#e1e4bd}.sg-horizontal-widget{width:100%;max-width:360px;padding:17px 20px}.sg-horizontal-track{overscroll-behavior:contain;scroll-snap-type:x mandatory;scrollbar-width:none;gap:13px;height:160px;padding-bottom:5px;display:flex;overflow:auto}.sg-horizontal-card{background:hsl(calc(76 + var(--i)*40),25%,calc(77% - var(--i)*10%));scroll-snap-align:start;border:1px solid #ffffff60;border-radius:10px;flex-direction:column;flex:0 0 86%;justify-content:space-between;gap:10px;padding:17px;display:flex;position:relative}.sg-horizontal-card small{font-size:7px}.sg-horizontal-card>span{font-size:85px;line-height:1;position:absolute;top:18px;right:16px}.sg-horizontal-card strong{font-size:37px;position:relative}.sg-horizontal-controls{justify-content:space-between;align-items:center;margin-top:8px;font-size:8px;display:flex}.sg-demo .sg-horizontal-controls button{background:#ffffff60;border:1px solid #53633244;border-radius:50%;width:34px;height:34px;padding:0}.sg-demo[data-demo=orbit]{background:radial-gradient(#203929,#10251c 80%)}.sg-orbit{justify-content:center;align-items:center;width:180px;height:180px;display:flex;position:relative}.sg-orbit-core{color:#29452c;background:linear-gradient(140deg,#d4f59c,#839f64);border:1px solid #f3ffd2;border-radius:17px;justify-content:center;align-items:center;width:63px;height:63px;font-size:38px;display:flex;box-shadow:0 0 35px #c2f08518}.sg-orbit-path{animation:sg-turn calc(16s + var(--i)*9s) linear infinite;height:calc(106px + var(--i)*38px);left:calc(37px - var(--i)*19px);top:calc(37px - var(--i)*19px);width:calc(106px + var(--i)*38px);border:1px solid #d0efbe33;border-radius:50%;position:absolute}.sg-orbit-path:nth-child(3){animation-direction:reverse}.sg-orbit-path>span{color:#e2f2c8;background:#254531;border:1px solid #b4dba867;border-radius:50%;justify-content:center;align-items:center;width:29px;height:29px;font-size:16px;display:flex;position:absolute;top:-14px;left:50%}.sg-demo[data-demo=number]{color:#e0f4d9;background:#213b2d}.sg-number-widget{width:77%;max-width:290px}.sg-number-widget .sg-mini-label{border:0;padding:0;font-size:7px}.sg-number-widget>div:nth-child(2){align-items:baseline;gap:16px;margin:16px 0;display:flex}.sg-counter{font-variant-numeric:tabular-nums;font-size:52px}.sg-counter-growth{color:#b9e69b;font-size:10px}.sg-bars{align-items:end;gap:5px;height:65px;margin-bottom:10px;display:flex}.sg-bars i{height:var(--h);transform-origin:bottom;background:linear-gradient(#c1e4a2,#607f59);border-radius:3px 3px 0 0;flex:1}.sg-demo.sg-replay .sg-bars i{animation:.9s both sg-grow;animation-delay:calc(var(--i)*25ms)}@keyframes sg-grow{0%{transform:scaleY(.15)}to{transform:scaleY(1)}}.sg-demo .sg-number-widget .sg-mini-button{background:0 0;border:0;min-height:30px;padding:4px 0;font-size:8px}.sg-demo[data-demo=globe]{background:radial-gradient(#123c3f,#0d1e2a 80%)}.sg-globe{perspective:300px;height:155px;transform-style:preserve-3d;border:1px solid #72bec38c;border-radius:50%;width:155px;margin-top:-28px;position:relative;overflow:hidden;box-shadow:inset 10px 0 30px #7edddb18,0 0 40px #59d0df12}.sg-meridian{animation:18s linear infinite sg-meridian;animation-delay:calc(var(--i)*-2.5s);height:100%;transform:rotateY(calc(var(--i)*25deg));border:1px solid #7de3df70;border-radius:50%;width:100%;position:absolute;inset:0}@keyframes sg-meridian{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}.sg-latitude{height:32%;left:0;top:calc(1% + var(--i)*17%);border:1px solid #7de3df60;border-radius:50%;width:100%;position:absolute}.sg-globe-dot{background:#defbca;border-radius:50%;width:5px;height:5px;position:absolute;top:32%;left:35%;box-shadow:0 0 10px #d9ffa2}.sg-globe-copy{text-align:center;position:absolute;bottom:21px}.sg-globe-copy small{letter-spacing:.15em;margin-bottom:8px;font-size:7px;display:block}.sg-globe-copy strong{letter-spacing:-.03em;font-size:20px;font-weight:450}.sg-demo[data-demo=beam]{background:#111d33}.sg-path-network{width:100%;max-width:400px;height:190px;position:relative}.sg-path-network svg{width:100%;height:100%}.sg-path-network path{fill:none;stroke-width:1px}.sg-path-base{stroke:#8aa6dd35}.sg-path-flow{animation:sg-path calc(6s + var(--i)*.3s) linear infinite;animation-delay:calc(var(--i)*-1s);stroke:#bbcaff;stroke-dasharray:18 500}.sg-network-node{color:#c4d4f7;height:34px;left:var(--x);top:var(--y);background:linear-gradient(135deg,#28375a,#19263e);border:1px solid #93a9d240;border-radius:9px;justify-content:center;align-items:center;width:34px;font-size:20px;display:flex;position:absolute;transform:translate(-50%,-50%)}.sg-network-node:nth-last-child(4){color:#324262;background:#bdc9f1;width:49px;height:49px;box-shadow:0 0 30px #a4b6ff20}.sg-launch-copy{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex;position:relative}.sg-launch-copy .sg-mini-label{font-size:6px}.sg-launch-copy strong{font-size:48px;font-weight:550}.sg-launch-copy>span:not(.sg-mini-label){font-size:8px}.sg-demo .sg-launch-copy button{color:#393151;background:#f0ecff;border:0;border-radius:25px;min-height:35px;padding:9px 16px;font-size:9px}.sg-launch-copy .sg-action-status{bottom:-21px}.sg-demo[data-demo=studio-section]{color:#323326;background:#ecf196}.sg-studio-copy{z-index:1;flex-direction:column;justify-content:space-between;align-self:stretch;width:100%;padding:22px;display:flex;position:relative}.sg-studio-copy>span:first-child{letter-spacing:.1em;font-size:7px}.sg-studio-copy strong{letter-spacing:-.065em;font-size:clamp(42px,17cqw,66px);font-weight:700;line-height:.89}.sg-studio-copy strong>span{vertical-align:top;font-size:15px}.sg-studio-foot{justify-content:space-between;align-items:center;font-size:8px;display:flex}.sg-demo .sg-studio-foot button{color:#eff3a5;background:#35362a;border:0;border-radius:50%;width:36px;height:36px;padding:0;font-size:21px}.sg-studio-star{color:#abb656;font-size:180px;line-height:1;animation:40s linear infinite sg-turn;position:absolute;top:0;right:-35px}.sg-demo[data-demo=pricing-section]{background:radial-gradient(#3f3658,#1b1c2c)}.sg-pricing-widget{background:linear-gradient(135deg,#383247,#242237);border:1px solid #a99aca77;border-radius:15px;flex-direction:column;gap:11px;width:78%;max-width:280px;padding:17px 22px;display:flex;box-shadow:0 0 27px #a28cdd15}.sg-pricing-switch{background:#15142355;border:1px solid #f0e3ff22;border-radius:20px;align-self:flex-end;padding:2px;display:flex}.sg-demo .sg-pricing-switch button{background:0 0;border:0;border-radius:20px;min-height:28px;padding:3px 11px;font-size:8px}.sg-demo .sg-pricing-switch button[aria-pressed=true]{color:#3f3451;background:#ded7f7}.sg-pricing-widget>span{color:#d3cee3;font-size:8px}.sg-price{align-items:baseline;gap:8px;display:flex}.sg-price strong{font-size:48px}.sg-price>span{color:#c0b8d4;font-size:9px}.sg-pricing-rule{border-top:1px solid #bcb0d730;margin:1px 0}.sg-pricing-widget>small{font-size:7px}.sg-demo[data-demo=bento-section]{color:#574052;background:#f0dce4;padding:20px}.sg-mosaic{grid-template-rows:1fr 1fr;grid-template-columns:1.1fr 1fr;gap:8px;width:100%;max-width:380px;height:200px;display:grid}.sg-mosaic>div{border:1px solid #fff8;border-radius:10px;padding:13px;position:relative;overflow:hidden}.sg-mosaic-a{background:#f7eee4;grid-row:span 2}.sg-mosaic-b{background:#d7bfd9}.sg-mosaic-c{background:#a7a6c8}.sg-mosaic>div>span{letter-spacing:.05em;margin-bottom:13px;font-size:6px;display:block}.sg-mosaic strong{font-size:24px;display:block}.sg-mosaic-a>i{color:#c595a7;font-size:90px;font-style:normal;line-height:1;animation:30s linear infinite sg-turn;position:absolute;bottom:-9px;right:-2px}.sg-mosaic-b strong{font-size:30px}.sg-mosaic-b>div{opacity:.3;align-items:end;gap:4px;width:45%;height:40px;display:flex;position:absolute;bottom:0;right:8px}.sg-tiny-bar{height:calc(20% + var(--i)*12%);background:#7e4b86;flex:1}.sg-mosaic-c>strong{color:#363452;font-size:22px}.sg-demo[data-demo=testimonial-section]{color:#613c37;background:#fae4d5}.sg-testimonial{width:82%;max-width:300px;padding:20px 0}.sg-quote-mark{color:#c08c77;height:36px;font-family:Georgia,serif;font-size:50px;line-height:1;display:block}.sg-quote{letter-spacing:-.025em;margin:8px 0 20px;font-family:Georgia,Apple SD Gothic Neo,serif;font-size:19px;font-weight:450;line-height:1.5}.sg-testimonial>div:nth-last-child(2){align-items:center;gap:9px;display:flex}.sg-quote-avatar{color:#fff6eb;background:#bf897b;border:1px solid #fdf0e8;border-radius:50%;justify-content:center;align-items:center;width:27px;height:27px;font-family:Georgia,serif;font-size:15px;display:flex}.sg-quote-person{font-size:8px}.sg-quote-controls{justify-content:flex-end;align-items:center;gap:12px;margin-top:-30px;font-size:8px;display:flex}.sg-demo .sg-quote-controls button{background:0 0;border:1px solid #bb867c77;border-radius:50%;width:31px;height:31px;padding:0;font-size:15px}.sg-demo[data-demo=marquee-section]{color:#365448;background:#ecf0e5;padding-top:27px;display:block}.sg-marquee-copy{text-align:center}.sg-marquee-copy small{letter-spacing:.12em;margin-bottom:11px;font-size:6px;display:block}.sg-marquee-copy strong{font-family:Georgia,serif;font-size:33px;font-weight:400}.sg-marquee-window{margin-top:27px;overflow:hidden;mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.sg-marquee-track{width:max-content;animation:24s linear infinite sg-marquee;display:flex}.sg-marquee-track>div{flex-shrink:0;gap:27px;padding-right:27px;display:flex}.sg-marquee-track span{letter-spacing:-.04em;white-space:nowrap;font-size:22px;font-weight:550}.sg-marquee-reverse{margin-top:17px}.sg-marquee-reverse .sg-marquee-track{animation-duration:35s;animation-direction:reverse}.sg-marquee-reverse span{color:#628073;letter-spacing:.12em;font-size:8px;font-weight:450}.sg-demo[data-demo=toggle-switch]{color:#24473a;background:#e6f2ec}.sg-switch-widget{background:#f7fbf8;border:1px solid #fff;border-radius:14px;flex-direction:column;gap:14px;width:80%;max-width:300px;padding:18px 20px;display:flex;box-shadow:0 10px 24px #24473a14}.sg-switch-widget .sg-mini-label{border-color:#24473a40}.sg-switch-row{justify-content:space-between;align-items:center;display:flex}.sg-switch-copy{flex-direction:column;gap:3px;display:flex}.sg-switch-copy strong{font-size:15px}.sg-switch-state{opacity:.7;font-size:9px}.sg-demo .sg-switch{background:#c3d3ca;border:0;border-radius:20px;flex-shrink:0;width:50px;height:28px;padding:3px;transition:background .25s}.sg-demo .sg-switch[aria-checked=true]{background:#2f8a67}.sg-switch-thumb{background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .25s cubic-bezier(.2,.8,.2,1);display:block;box-shadow:0 2px 6px #1f3d3040}.sg-switch[aria-checked=true] .sg-switch-thumb{transform:translate(22px)}.sg-demo[data-demo=toast]{color:#fff1e2;background:#2a2118}.sg-toast-widget{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.sg-toast-widget strong{font-size:36px}.sg-toast{color:#2a2118;background:#fff6ea;border-radius:12px;align-items:center;gap:10px;width:min(86%,300px);padding:10px 8px 10px 14px;font-size:12px;display:flex;position:absolute;bottom:18px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 14px 30px #0005}.sg-toast[data-state=in]{animation:.35s cubic-bezier(.2,.8,.2,1) sg-toast-in}@keyframes sg-toast-in{0%{opacity:0;transform:translate(-50%,24px)}}.sg-toast-icon{color:#fff;background:#2f8a67;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;display:flex}.sg-toast-text{flex:1}.sg-demo .sg-toast-close{background:0 0;border:0;padding:2px 6px;font-size:18px;line-height:1}.sg-toast-timer{transform-origin:0;background:#2f8a67;width:100%;height:2px;position:absolute;bottom:0;left:0}.sg-toast[data-state=in] .sg-toast-timer{animation:2.6s linear forwards sg-toast-timer}@keyframes sg-toast-timer{to{transform:scaleX(0)}}.sg-demo[data-demo=skeleton]{color:#2c3150;background:#e9ecf6}.sg-skeleton-widget{justify-items:center;gap:12px;width:min(80%,280px);display:grid}.sg-skeleton-card,.sg-skeleton-content{background:#fff;border:1px solid #fff;border-radius:12px;flex-direction:column;grid-area:1/1;gap:9px;width:100%;min-height:158px;padding:16px;display:flex;box-shadow:0 10px 24px #2c315014}.sg-skeleton-line{background:linear-gradient(90deg,#e4e7f2 0 35%,#f4f5fa 50%,#e4e7f2 65% 100%) 0 0/250% 100%;border-radius:6px;width:80%;height:10px;animation:1.4s linear infinite sg-shimmer;display:block}.sg-skeleton-line:nth-child(3){width:60%}.sg-skeleton-line:nth-child(4){width:40%}.sg-skeleton-art{width:100%;height:52px}@keyframes sg-shimmer{0%{background-position:100% 0}to{background-position:-150% 0}}.sg-skeleton-widget[data-state=loaded] .sg-skeleton-card{opacity:0;transition:opacity .3s}.sg-skeleton-content{opacity:0;transition:opacity .4s .1s}.sg-skeleton-widget[data-state=loaded] .sg-skeleton-content{opacity:1}.sg-skeleton-avatar{color:#2c3150;background:#c9d4ff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;display:flex}.sg-skeleton-content strong{font-size:26px}.sg-skeleton-content>span:last-of-type{font-size:11px}.sg-demo[data-demo=skeleton] .sg-mini-button,.sg-demo[data-demo=bottom-sheet] .sg-mini-button,.sg-demo[data-demo=depth-image] .sg-mini-button{background:#fffa;border-color:currentColor}.sg-demo[data-demo=loaders]{color:#d9ecf7;background:#0f1a24}.sg-loaders{gap:34px;display:flex}.sg-demo-large .sg-loaders{transform:scale(1.6)}.sg-loader-cell{flex-direction:column;justify-content:flex-end;align-items:center;gap:14px;height:80px;display:flex}.sg-loader-cell small{letter-spacing:.12em;font-size:7px}.sg-loader-ring{border:3px solid #fff2;border-top-color:var(--demo-accent);border-radius:50%;width:36px;height:36px;animation:1s linear infinite sg-turn;display:block}.sg-loader-dots{gap:6px;display:flex}.sg-loader-dots i{background:var(--demo-accent);border-radius:50%;width:9px;height:9px;animation:1.2s ease-in-out infinite sg-bounce;display:block}.sg-loader-dots i:nth-child(2){animation-delay:.15s}.sg-loader-dots i:nth-child(3){animation-delay:.3s}@keyframes sg-bounce{30%{transform:translateY(-9px)}60%{transform:none}}.sg-loader-bar{background:#fff2;border-radius:4px;width:90px;height:4px;display:block;position:relative;overflow:hidden}.sg-loader-bar i{background:var(--demo-accent);width:40%;height:100%;animation:1.4s ease-in-out infinite sg-slide;display:block;position:absolute;left:-40%}@keyframes sg-slide{to{transform:translate(350%)}}.sg-demo[data-demo=bottom-sheet]{color:#4a2a33;background:#f4e3e6;padding:14px}.sg-sheet-widget{background:#fff8f8;border:1px solid #fff;border-radius:14px;width:100%;max-width:320px;height:100%;position:relative;overflow:hidden}.sg-sheet-page{flex-direction:column;gap:10px;padding:20px;display:flex}.sg-sheet-page .sg-mini-label{border-color:#4a2a3340}.sg-sheet-page strong{font-size:28px}.sg-sheet-page>span{font-size:10px}.sg-sheet-page .sg-mini-button{width:fit-content;margin-top:6px}.sg-sheet-scrim{opacity:0;pointer-events:none;background:#4a2a3366;transition:opacity .3s;position:absolute;inset:0}.sg-sheet-widget[data-open=true] .sg-sheet-scrim{opacity:1;pointer-events:auto}.sg-sheet{background:#fff;border-radius:16px 16px 0 0;flex-direction:column;gap:10px;padding:12px 20px 18px;transition:transform .38s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -10px 30px #4a2a3322}.sg-sheet-widget[data-open=true] .sg-sheet{transform:translateY(0)}.sg-sheet-grip{background:#d9c3c8;border-radius:2px;width:36px;height:4px;margin:0 auto;display:block}.sg-sheet strong{font-size:16px}.sg-sheet>span{font-size:10px}.sg-picture{--sky1:#9ec5e8;--sky2:#e9f1f5;--sun:#fff6d5;--far:#7f9bb5;--near:#43607a;background:linear-gradient(180deg,var(--sky1),var(--sky2));display:block;position:relative;overflow:hidden}.sg-picture i{display:block;position:absolute}.sg-picture-sky{inset:0}.sg-picture-sun{background:var(--sun);box-shadow:0 0 28px var(--sun);border-radius:50%;width:34px;height:34px;top:20%;left:66%}.sg-picture-far{background:var(--far);clip-path:polygon(0 100%,0 60%,20% 44%,38% 58%,55% 36%,72% 54%,88% 40%,100% 56%,100% 100%);inset:0}.sg-picture-near{background:var(--near);clip-path:polygon(0 100%,0 82%,20% 66%,42% 80%,60% 62%,80% 76%,100% 68%,100% 100%);inset:0}.sg-picture-dawn{--sky1:#f7c6a3;--sky2:#f9e6d2;--sun:#fff2c2;--far:#c98b8e;--near:#6b4a5e}.sg-picture-noon{--sky1:#7fb8ec;--sky2:#dbeefb;--sun:#fffbe8;--far:#6f9f7c;--near:#35664a}.sg-picture-night{--sky1:#0f1a3a;--sky2:#31456f;--sun:#e8ecff;--far:#2b3a5e;--near:#101a33}.sg-picture-dusk{--sky1:#f0946a;--sky2:#fbd2b0;--sun:#fff0c8;--far:#a05d7c;--near:#3f2c4a}.sg-demo[data-demo=depth-image]{color:#4a3a1e;perspective:900px;background:#f3e7cf}.sg-depth-scene{perspective:900px;flex-direction:column;align-items:center;gap:16px;display:flex}.sg-depth-stack{height:150px;transform-style:preserve-3d;border-radius:12px;width:220px;transition:transform .25s;position:relative}.sg-depth-scene[data-depth=true] .sg-depth-stack{transform:rotateX(var(--rx)) rotateY(var(--ry))}.sg-depth-layer{border-radius:12px;transition:transform .6s cubic-bezier(.2,.8,.2,1);display:block;position:absolute;inset:0}.sg-depth-sky{background:linear-gradient(#f7b267,#f4845f 70%,#c0587a)}.sg-depth-sun{background:#fff1c9;border-radius:50%;width:44px;height:44px;inset:22% auto auto 64%;box-shadow:0 0 30px #ffe6a0}.sg-depth-far{clip-path:polygon(0 100%,0 62%,18% 45%,35% 60%,52% 38%,70% 55%,85% 42%,100% 58%,100% 100%);background:#8a5a7a}.sg-depth-near{clip-path:polygon(0 100%,0 80%,22% 64%,40% 78%,62% 60%,80% 74%,100% 66%,100% 100%);background:#3d2a3c}.sg-depth-frame{border:8px solid #fffdf5;box-shadow:0 18px 40px #4a3a1e33}.sg-depth-scene[data-depth=true] .sg-depth-sky{transform:translateZ(-24px)}.sg-depth-scene[data-depth=true] .sg-depth-sun{transform:translateZ(18px)}.sg-depth-scene[data-depth=true] .sg-depth-far{transform:translateZ(40px)}.sg-depth-scene[data-depth=true] .sg-depth-near{transform:translateZ(70px)}.sg-demo-large .sg-depth-stack{width:360px;height:250px}.sg-demo[data-demo=image-hover]{color:#fff;background:#dfe9dc}.sg-demo .sg-hover-figure{background:#000;border:0;border-radius:14px;width:min(80%,300px);height:190px;padding:0;position:relative;overflow:hidden}.sg-demo-large .sg-hover-figure{width:min(80%,480px);height:320px}.sg-hover-figure .sg-picture{width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.sg-hover-figure:hover .sg-picture,.sg-hover-figure:focus-visible .sg-picture,.sg-hover-figure[aria-pressed=true] .sg-picture{transform:scale(1.08)}.sg-hover-caption{text-align:left;background:linear-gradient(#0000,#000000a0);flex-direction:column;gap:4px;padding:40px 18px 16px;transition:transform .5s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(30px)}.sg-hover-caption small{letter-spacing:.12em;font-size:7px}.sg-hover-caption strong{font-size:28px}.sg-hover-caption>span{opacity:0;font-size:10px;transition:opacity .4s}.sg-hover-figure:hover .sg-hover-caption,.sg-hover-figure:focus-visible .sg-hover-caption,.sg-hover-figure[aria-pressed=true] .sg-hover-caption{transform:translateY(0)}.sg-hover-figure:hover .sg-hover-caption>span,.sg-hover-figure:focus-visible .sg-hover-caption>span,.sg-hover-figure[aria-pressed=true] .sg-hover-caption>span{opacity:1}.sg-demo[data-demo=scroll-crossfade]{color:#fff;background:#e8e2f2;padding:14px}.sg-crossfade-box{background:#000;border-radius:9px}.sg-crossfade-track{height:660px;position:relative}.sg-crossfade-stage{height:220px;position:sticky;top:0;overflow:hidden}.sg-crossfade-frame{opacity:clamp(0,min(calc(1 - (var(--c) - var(--scroll,0))*2.2),calc(1 - (var(--scroll,0) - var(--c))*2.2)),1);position:absolute;inset:0}.sg-crossfade-frame .sg-picture{width:100%;height:100%}.sg-crossfade-caption{text-shadow:0 1px 8px #0006;flex-direction:column;gap:3px;display:flex;position:absolute;bottom:18px;left:20px}.sg-crossfade-caption small{letter-spacing:.1em;font-size:7px}.sg-crossfade-caption strong{font-size:38px}.sg-demo[data-demo=scroll-zoom]{color:#fff;background:#dcecf7;padding:14px}.sg-zoom-box{background:#0c1a26;border-radius:9px}.sg-zoom-track{height:660px;position:relative}.sg-zoom-stage{justify-content:center;align-items:center;height:220px;display:flex;position:sticky;top:0;overflow:hidden}.sg-zoom-frame{--p:var(--scroll,0);border-radius:calc(14px - var(--p)*14px);height:calc(46% + var(--p)*54%);width:calc(38% + var(--p)*62%);position:relative;overflow:hidden}.sg-zoom-frame .sg-picture{height:100%;transform:scale(calc(1.25 - var(--p)*.25));width:100%}.sg-zoom-copy{opacity:calc(1 - var(--scroll,0)*2.5);z-index:1;flex-direction:column;gap:4px;display:flex;position:absolute;top:22px;left:20px}.sg-zoom-copy small{letter-spacing:.12em;font-size:7px}.sg-zoom-copy strong{font-size:30px}.sg-demo-large .sg-crossfade-stage,.sg-demo-large .sg-zoom-stage{height:360px}.sg-demo-large .sg-crossfade-track,.sg-demo-large .sg-zoom-track{height:900px}html[data-preview-motion=paused] .sg-crossfade-stage,html[data-preview-motion=paused] .sg-zoom-stage{--scroll:0}@media (prefers-reduced-motion:reduce){html:not([data-preview-motion=running]) .sg-crossfade-stage,html:not([data-preview-motion=running]) .sg-zoom-stage{--scroll:0}}@media (width<=360px){.sg-demo .sg-dock{gap:5px;padding:8px}.sg-demo .sg-dock button{width:40px;height:40px}.sg-rotate-button>span{font-size:34px}.sg-quote{font-size:16px}.sg-quote-controls{gap:6px}}