@import"https://fonts.googleapis.com/css?family=Frank+Ruhl+Libre:300|Heebo:800|Miriam+Libre|Tinos|Marck+Script ";@import"https://fonts.googleapis.com/css2?family=Monoton&family=Dela+Gothic+One&family=Space+Mono:wght@700&family=Righteous&family=Playfair+Display:wght@700;900&family=Bebas+Neue&display=swap";.ts-basic-wrap{position:relative;margin-bottom:40px}.ts-basic-wrap .ts-basic-header{display:flex;align-items:center;justify-content:flex-end;margin-bottom:8px}.ts-basic-wrap.ts-off .ts-basic div,.ts-basic-wrap.ts-off .ts-basic span{text-shadow:none!important}.ts-basic{display:flex;align-items:center;justify-content:center;padding:30px 20px;text-align:center;height:160px;position:relative;border-radius:var(--demo-radius, 3px)}.ts-basic:before{content:"▾";position:absolute;bottom:-40px;font-size:30px}.ts-basic div{margin:0!important;font-weight:600;line-height:1.2;font-size:2.8em}.ts-basic.ts-drop{background:#f0ece4}.ts-basic.ts-drop div{color:#2c2c2c;text-shadow:2px 2px 4px rgba(0,0,0,.2);font-family:Heebo,sans-serif}.ts-basic.ts-emboss{background:none;padding:0;height:auto;overflow:hidden}.ts-basic.ts-emboss div{display:flex;font-size:2em;width:100%}.ts-basic.ts-emboss .emboss-dark,.ts-basic.ts-emboss .emboss-light{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 20px;font-family:Heebo,sans-serif}.ts-basic.ts-emboss .emboss-light{background:#c8c4bc;color:#a8a49c;text-shadow:0 1px 0 rgba(255,255,255,.6)}.ts-basic.ts-emboss .emboss-dark{background:#3a3a3a;color:#555;text-shadow:0 -1px 0 rgba(0,0,0,.6),0 1px 0 rgba(255,255,255,.12)}.ts-basic.ts-outline{background:linear-gradient(135deg,#e84393,#6c5ce7,#00b894)}.ts-basic.ts-outline div{color:#fff;text-shadow:-2px -2px 0 #1a1a2e,2px -2px 0 #1a1a2e,-2px 2px 0 #1a1a2e,2px 2px 0 #1a1a2e,0 -2px 0 #1a1a2e,0 2px 0 #1a1a2e,-2px 0 0 #1a1a2e,2px 0 0 #1a1a2e;font-family:Heebo,sans-serif;letter-spacing:3px}.ts-basic.ts-body{background:url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='40' height='40' fill='%23e8e0d4'/%3E%3Ccircle cx='20' cy='20' r='0.6' fill='rgba(0,0,0,0.06)'/%3E%3C/svg%3E");height:auto;padding:30px 40px;align-items:flex-start}.ts-basic.ts-body div{font-size:1.15em;font-weight:400;line-height:1.7;color:#3a3a3a;text-shadow:0 1px 1px rgba(0,0,0,.08);font-family:Heebo,sans-serif;text-align:left;max-width:560px}.ts-demo{direction:ltr}.ts-demo-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.ts-toggle{display:inline-flex;align-items:center;gap:6px;background:var(--demo-surface);border:1px solid var(--demo-border);border-radius:var(--demo-radius);color:var(--secondary-text);padding:5px 14px;font-family:var(--demo-font-mono);font-size:var(--demo-font-size-sm);cursor:pointer;transition:all .2s;user-select:none}.ts-toggle.active{border-color:#4ead80;color:#4ead80}.ts-toggle:not(.active){border-color:#b8113e;color:#b8113e}.ts-preview{display:flex;align-items:center;justify-content:center;min-height:180px;border-radius:var(--demo-radius);overflow:hidden;position:relative;transition:opacity .3s}.ts-text{font-size:4em;font-weight:800;line-height:1.1;text-align:center;transition:text-shadow .15s ease}.ts-controls{margin-top:14px;padding-top:14px;border-top:1px solid var(--demo-border)}.ts-demo.ts-off .ts-text{text-shadow:none!important;animation:none!important;filter:none!important}#ts-neon{--ts-blur: 30;--ts-spread: 60}#ts-neon .ts-preview{background:#0a0a12}#ts-neon .ts-text{font-family:Monoton,cursive;color:#00fff5;font-size:3.5em;font-weight:400;text-shadow:0 0 calc(var(--ts-blur) * .5px) #00fff5,0 0 calc(var(--ts-blur) * 1px) #00fff5,0 0 calc(var(--ts-spread) * 1px) rgba(0,255,245,.4),0 0 calc(var(--ts-spread) * 1.5px) rgba(0,255,245,.2),0 0 calc(var(--ts-spread) * 2px) rgba(0,180,255,.1);animation:neon-flicker 4s ease-in-out infinite}@keyframes neon-flicker{0%,to{opacity:1}41%{opacity:1}42%{opacity:.8}43%{opacity:1}45%{opacity:.6}46%{opacity:1}}#ts-retro{--ts-depth: 6;--ts-offset: 3}#ts-retro .ts-preview{background:#fef0e1}#ts-retro .ts-text{font-family:Dela Gothic One,sans-serif;color:#e84040;font-size:3.5em}#ts-glitch{--ts-intensity: 5}#ts-glitch .ts-preview{background:#0d0d0d}#ts-glitch .ts-text{font-family:Space Mono,monospace;color:#fff;font-size:3.8em;position:relative;animation:glitch-shift .4s steps(2) infinite}@keyframes glitch-shift{0%{text-shadow:calc(var(--ts-intensity) * -1px) 0 0 #ff006e,calc(var(--ts-intensity) * 1px) 0 0 #00f5d4}25%{text-shadow:calc(var(--ts-intensity) * 1px) calc(var(--ts-intensity) * -.5px) 0 #ff006e,calc(var(--ts-intensity) * -1px) calc(var(--ts-intensity) * .5px) 0 #00f5d4}50%{text-shadow:calc(var(--ts-intensity) * .5px) calc(var(--ts-intensity) * 1px) 0 #ff006e,calc(var(--ts-intensity) * -.5px) calc(var(--ts-intensity) * -1px) 0 #00f5d4}75%{text-shadow:calc(var(--ts-intensity) * -1px) calc(var(--ts-intensity) * .5px) 0 #ff006e,calc(var(--ts-intensity) * 1px) calc(var(--ts-intensity) * -.5px) 0 #00f5d4,calc(var(--ts-intensity) * .5px) calc(var(--ts-intensity) * 1px) 0 #c8ff00}to{text-shadow:calc(var(--ts-intensity) * -1px) 0 0 #ff006e,calc(var(--ts-intensity) * 1px) 0 0 #00f5d4}}#ts-letterpress{--ts-depth: 3}#ts-letterpress .ts-preview{background:#a89b8c;background-image:url("data:image/svg+xml,%3Csvg width='6' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='6' height='6' fill='%23a89b8c'/%3E%3Crect width='1' height='1' x='0' y='0' fill='rgba(0,0,0,0.04)'/%3E%3C/svg%3E")}#ts-letterpress .ts-text{font-family:Tinos,serif;color:#8a7d6e;font-size:3.5em;letter-spacing:4px;text-shadow:0 calc(var(--ts-depth) * -1px) calc(var(--ts-depth) * .5px) rgba(255,255,255,.15),0 calc(var(--ts-depth) * 1px) calc(var(--ts-depth) * 1px) rgba(0,0,0,.35)}#ts-rainbow{--ts-length: 4;--ts-spread: 2}#ts-rainbow .ts-preview{background:#1a1a2e}#ts-rainbow .ts-text{font-family:Righteous,sans-serif;color:#fff;font-size:3.5em}#ts-frost{--ts-blur: 30}#ts-frost .ts-preview{background:linear-gradient(135deg,#667eea,#764ba2)}#ts-frost .ts-text{font-family:Heebo,sans-serif;color:#ffffffd9;font-size:3.8em;text-shadow:0 0 calc(var(--ts-blur) * 1px) rgba(255,255,255,.6),0 0 calc(var(--ts-blur) * 2px) rgba(255,255,255,.3);backdrop-filter:blur(2px)}#ts-fire{--ts-flame: 20;--ts-smoke: 40}#ts-fire .ts-preview{background:#1c1c1c}#ts-fire .ts-text{font-family:Dela Gothic One,sans-serif;color:#ffd54f;font-size:3.5em}#ts-blueprint{--ts-offset: 2}#ts-blueprint .ts-preview{background:#0a1628;background-image:linear-gradient(rgba(65,145,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(65,145,255,.1) 1px,transparent 1px);background-size:20px 20px}#ts-blueprint .ts-text{font-family:Space Mono,monospace;color:#4191ff;font-size:3em;font-weight:700;text-shadow:calc(var(--ts-offset) * 1px) 0 0 rgba(65,145,255,.4),calc(var(--ts-offset) * -1px) 0 0 rgba(65,145,255,.4),0 calc(var(--ts-offset) * 1px) 0 rgba(65,145,255,.4),0 calc(var(--ts-offset) * -1px) 0 rgba(65,145,255,.4)}#ts-longshadow{--ts-length: 30}#ts-longshadow .ts-preview{background:#2ecc71}#ts-longshadow .ts-text{font-family:Dela Gothic One,sans-serif;color:#fff;font-size:4em}#ts-cosmic{--ts-radius: 8;--ts-speed: 3}#ts-cosmic .ts-preview{background:radial-gradient(ellipse at center,#1a0533,#0a0118)}#ts-cosmic .ts-text{font-family:Righteous,sans-serif;color:#e8d5f5;font-size:3.5em;animation:cosmic-orbit calc(var(--ts-speed) * 1s) linear infinite}@keyframes cosmic-orbit{0%{text-shadow:calc(var(--ts-radius) * 1px) 0 0 #9b59b6,0 calc(var(--ts-radius) * 1px) 0 #f1c40f,calc(var(--ts-radius) * -1px) 0 0 #1abc9c}33%{text-shadow:0 calc(var(--ts-radius) * -1px) 0 #9b59b6,calc(var(--ts-radius) * 1px) 0 0 #f1c40f,0 calc(var(--ts-radius) * 1px) 0 #1abc9c}66%{text-shadow:calc(var(--ts-radius) * -1px) 0 0 #9b59b6,0 calc(var(--ts-radius) * -1px) 0 #f1c40f,calc(var(--ts-radius) * 1px) 0 0 #1abc9c}to{text-shadow:calc(var(--ts-radius) * 1px) 0 0 #9b59b6,0 calc(var(--ts-radius) * 1px) 0 #f1c40f,calc(var(--ts-radius) * -1px) 0 0 #1abc9c}}#ts-typewriter{--ts-bleed: 2;--ts-smudge: 4}#ts-typewriter .ts-preview{background:#f5f0e8;background-image:repeating-linear-gradient(0deg,transparent,transparent 28px,rgba(0,0,0,.04) 28px,rgba(0,0,0,.04) 29px)}#ts-typewriter .ts-text{font-family:Space Mono,monospace;color:#1a1a1a;font-size:3em;font-weight:700}#ts-chrome{--ts-highlight: 3;--ts-depth: 4}#ts-chrome .ts-preview{background:linear-gradient(160deg,#2c3e50,#1a1a2e)}#ts-chrome .ts-text{font-family:Bebas Neue,sans-serif;color:#d0d0d0;font-size:4.5em;letter-spacing:6px}#ts-pulse{--ts-blur: 15;--ts-speed: 2}#ts-pulse .ts-preview{background:#0e0e1a}#ts-pulse .ts-text{font-family:Righteous,sans-serif;color:#ff6b9d;font-size:4em;animation:pulse-glow calc(var(--ts-speed) * 1s) ease-in-out infinite}@keyframes pulse-glow{0%,to{text-shadow:0 0 calc(var(--ts-blur) * .5px) #ff6b9d,0 0 calc(var(--ts-blur) * 1px) #ff6b9d,0 0 calc(var(--ts-blur) * 2px) rgba(255,107,157,.5),0 0 calc(var(--ts-blur) * 3px) rgba(255,107,157,.2)}50%{text-shadow:0 0 calc(var(--ts-blur) * 1px) #ff6b9d,0 0 calc(var(--ts-blur) * 2px) #ff6b9d,0 0 calc(var(--ts-blur) * 3px) rgba(255,107,157,.6),0 0 calc(var(--ts-blur) * 5px) rgba(255,107,157,.3),0 0 calc(var(--ts-blur) * 7px) rgba(255,107,157,.15)}}#ts-electric{--ts-intensity: 6;--ts-speed: 1}#ts-electric .ts-preview{background:#05050f}#ts-electric .ts-text{font-family:Bebas Neue,sans-serif;color:#e0f0ff;font-size:4.5em;letter-spacing:4px;animation:electric-spark calc(var(--ts-speed) * 1s) steps(3) infinite}@keyframes electric-spark{0%{text-shadow:calc(var(--ts-intensity) * .3px) 0 calc(var(--ts-intensity) * .5px) #00d4ff,calc(var(--ts-intensity) * -.2px) calc(var(--ts-intensity) * .1px) calc(var(--ts-intensity) * 1px) #0088ff,0 0 calc(var(--ts-intensity) * 2px) rgba(0,150,255,.3)}33%{text-shadow:calc(var(--ts-intensity) * -.5px) calc(var(--ts-intensity) * -.2px) calc(var(--ts-intensity) * .3px) #00d4ff,calc(var(--ts-intensity) * .4px) calc(var(--ts-intensity) * .3px) calc(var(--ts-intensity) * 1.5px) #7700ff,0 0 calc(var(--ts-intensity) * 3px) rgba(100,0,255,.3)}66%{text-shadow:calc(var(--ts-intensity) * .2px) calc(var(--ts-intensity) * .4px) calc(var(--ts-intensity) * .8px) #00ffcc,calc(var(--ts-intensity) * -.3px) calc(var(--ts-intensity) * -.1px) calc(var(--ts-intensity) * 1.2px) #00d4ff,0 0 calc(var(--ts-intensity) * 2.5px) rgba(0,212,255,.4)}to{text-shadow:calc(var(--ts-intensity) * .3px) 0 calc(var(--ts-intensity) * .5px) #00d4ff,calc(var(--ts-intensity) * -.2px) calc(var(--ts-intensity) * .1px) calc(var(--ts-intensity) * 1px) #0088ff,0 0 calc(var(--ts-intensity) * 2px) rgba(0,150,255,.3)}}#ts-duotone{--ts-offset: 5;--ts-blur: 0}#ts-duotone .ts-preview{background:#f5f5f0}#ts-duotone .ts-text{font-family:Playfair Display,serif;color:#1a1a1a;font-size:4em;font-weight:900}@media(max-width:640px){.ts-text{font-size:2.4em!important}.ts-preview{min-height:140px}.ts-basic div{font-size:1.8em}.ts-basic.ts-emboss div{flex-direction:column;font-size:1.5em}.ts-basic.ts-emboss .emboss-dark,.ts-basic.ts-emboss .emboss-light{padding:30px 20px}#ts-neon .ts-text{font-size:2em!important}.ts-demo .ts-controls .savvy-slider-row{margin-bottom:24px}.ts-demo .ts-controls .savvy-slider-row:last-child{margin-bottom:0}.ts-demo .ts-controls input.savvy-range{flex:1;min-width:140px;width:auto}}#ts-plaster{--ts-blur: 4;--ts-opacity: 50;--ts-depth: 2}#ts-plaster .ts-preview{background:radial-gradient(ellipse at 20% 50%,rgba(180,170,155,.4) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(160,148,130,.3) 0%,transparent 40%),radial-gradient(ellipse at 50% 80%,rgba(140,128,112,.25) 0%,transparent 45%),linear-gradient(135deg,#b0a595,#a89882 30%,#9e9078,#a89882 70%,#b5a998);box-shadow:inset 0 2px 12px #00000026,inset 0 -1px 6px #ffffff14}#ts-plaster .ts-text{background-color:#8a7e70;-webkit-background-clip:text;background-clip:text;color:transparent;font-size:4.5em;letter-spacing:12px;font-family:Bebas Neue,sans-serif;text-shadow:rgba(255,255,255,.5) 0 2px 4px;text-transform:uppercase}#ts-california{--ts-glow: 10;--ts-saturation: 60}#ts-california .ts-preview{background:#1a0a0a}#ts-california .ts-text{color:tomato;font-family:Marck Script,cursive;font-size:3em;will-change:filter,color;filter:saturate(calc(var(--ts-saturation) * 1%));animation:flicker steps(100) 3s 3s infinite;text-shadow:0 0 calc(var(--ts-glow) * 1px) orangered,0 0 calc(var(--ts-glow) * 2px) firebrick,0 0 calc(var(--ts-glow) * 4px) maroon,0 0 calc(var(--ts-glow) * 8px) darkred}@keyframes flicker{50%{color:#fff;filter:saturate(200%) hue-rotate(20deg)}}#ts-caricature{--ts-outline: 2;--ts-drop: 9}#ts-caricature .ts-preview{background:radial-gradient(circle at 20% 80%,#ffe066 8px,transparent 8px),radial-gradient(circle at 75% 25%,#66d9ff 6px,transparent 6px),radial-gradient(circle at 50% 60%,#ff66a3 5px,transparent 5px),radial-gradient(circle at 85% 75%,#a3ff66 4px,transparent 4px),radial-gradient(circle at 35% 30%,#ff9966 7px,transparent 7px),linear-gradient(135deg,#ff4081,#ff6e40 35%,#ffab40 65%,#ffd740)}#ts-caricature .ts-text{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;letter-spacing:5px;font-family:Dela Gothic One,sans-serif;font-size:3em}#ts-moving{--ts-spread: 5;--ts-speed: 1}#ts-moving .ts-preview{background:#2a2a3a;min-height:200px}#ts-moving .ts-text{color:#ffd54f;font-size:3.5em;font-family:Dela Gothic One,sans-serif;animation:text-snake calc(var(--ts-speed) * 1s) infinite alternate}@keyframes text-snake{0%{text-shadow:1px 1px 2px rgba(0,0,0,.7),calc(var(--ts-spread) * 1px) calc(var(--ts-spread) * 1px) 1px #ff6b00,calc(var(--ts-spread) * 1.2px) calc(var(--ts-spread) * 1.2px) 2px rgba(0,0,0,.7),calc(var(--ts-spread) * 2px) calc(var(--ts-spread) * 2px) 1px #e84040,calc(var(--ts-spread) * 2.2px) calc(var(--ts-spread) * 2.2px) 2px rgba(0,0,0,.7),calc(var(--ts-spread) * 3px) calc(var(--ts-spread) * 3px) 1px #9b59b6,calc(var(--ts-spread) * 3.2px) calc(var(--ts-spread) * 3.2px) 2px rgba(0,0,0,.7)}to{text-shadow:-1px 1px 2px rgba(0,0,0,.7),calc(var(--ts-spread) * -1px) calc(var(--ts-spread) * 1px) 1px #ff6b00,calc(var(--ts-spread) * -1.2px) calc(var(--ts-spread) * 1.2px) 2px rgba(0,0,0,.7),calc(var(--ts-spread) * -2px) calc(var(--ts-spread) * 2px) 1px #e84040,calc(var(--ts-spread) * -2.2px) calc(var(--ts-spread) * 2.2px) 2px rgba(0,0,0,.7),calc(var(--ts-spread) * -3px) calc(var(--ts-spread) * 3px) 1px #9b59b6,calc(var(--ts-spread) * -3.2px) calc(var(--ts-spread) * 3.2px) 2px rgba(0,0,0,.7)}}