.svelte-iee3k.svelte-iee3k{font-family:Raleway,Arial;font-size:14px}.material-symbols-outlined.svelte-iee3k.svelte-iee3k{font-family:Material Symbols Outlined;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 48;font-size:34px}.audio-container.svelte-iee3k.svelte-iee3k{height:70px;width:200px;margin:10px;border-radius:15px;border:solid 2px #745A9D;display:flex;flex-direction:column;align-items:center;justify-content:center}.player.svelte-iee3k.svelte-iee3k{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;margin-bottom:-10px}.plain-btn.svelte-iee3k.svelte-iee3k{background-color:transparent;margin:5px;border:none;border-radius:50%;height:auto;padding:8px;display:flex;align-items:center;justify-content:center}body.dark-mode button.plain-btn.svelte-iee3k.svelte-iee3k{color:#fff}body.light-mode button.plain-btn.svelte-iee3k.svelte-iee3k{color:#745a9d}body.dark-mode .plain-btn.svelte-iee3k.svelte-iee3k:hover{background-color:#444}body.light-mode button.svelte-iee3k.svelte-iee3k:hover{background-color:#d0c7df}.play-stop.svelte-iee3k.svelte-iee3k{width:42px;height:42px}.play-stop.svelte-iee3k .material-symbols-outlined.svelte-iee3k{font-size:34px}.progress-bar.svelte-iee3k.svelte-iee3k{width:100%;height:10px;border-radius:5px;overflow:hidden;position:relative;margin-right:15px;z-index:2}.progress.svelte-iee3k.svelte-iee3k{height:100%;background:#745a9d;transition:width .1s linear;border-radius:5px;position:absolute;left:0;top:0}body.dark-mode .progress-bar.svelte-iee3k.svelte-iee3k{background-color:#ffffff80}body.light-mode .progress-bar.svelte-iee3k.svelte-iee3k{background-color:#b1aadf80}@media (min-width: 2000px){.svelte-iee3k.svelte-iee3k{font-size:26px}.audio-container.svelte-iee3k.svelte-iee3k{height:140px;width:300px;border:solid 4px #745A9D;justify-content:space-around}.play-stop.svelte-iee3k .material-symbols-outlined.svelte-iee3k{font-size:48px;margin-left:8px}.progress-bar.svelte-iee3k.svelte-iee3k{height:12px;margin-left:10px}}.svelte-q0n9ea.svelte-q0n9ea{font-family:Raleway,Arial;font-size:14px}.material-symbols-outlined.svelte-q0n9ea.svelte-q0n9ea{font-family:Material Symbols Outlined;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 48;font-size:34px}.audio-container.svelte-q0n9ea.svelte-q0n9ea{height:100px;width:280px;margin:10px;border-radius:50px;border:solid 2px #745A9D;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding-top:2px}.selected-portrait.svelte-q0n9ea.svelte-q0n9ea{margin-left:10px}.portrait.svelte-q0n9ea.svelte-q0n9ea{width:80px;height:80px;border-radius:50%;background-color:#d0c7df}.player-container.svelte-q0n9ea.svelte-q0n9ea{display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:90%;margin-left:10px;width:165px}#voice-name.svelte-q0n9ea.svelte-q0n9ea{font-weight:700}#record-id.svelte-q0n9ea.svelte-q0n9ea{font-style:italic;font-weight:400}.player.svelte-q0n9ea.svelte-q0n9ea{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;width:100%}.plain-btn.svelte-q0n9ea.svelte-q0n9ea{background-color:transparent;border:none;border-radius:50%;height:auto;padding:8px;display:flex;align-items:center;justify-content:center;cursor:pointer}body.dark-mode button.plain-btn.svelte-q0n9ea.svelte-q0n9ea{color:#fff}body.light-mode button.plain-btn.svelte-q0n9ea.svelte-q0n9ea{color:#745a9d}body.dark-mode .plain-btn.svelte-q0n9ea.svelte-q0n9ea:hover{background-color:#444}body.light-mode button.svelte-q0n9ea.svelte-q0n9ea:hover{background-color:#d0c7df}.play-stop.svelte-q0n9ea.svelte-q0n9ea{width:42px;height:42px}.play-stop.svelte-q0n9ea .material-symbols-outlined.svelte-q0n9ea{font-size:34px}.progress-bar.svelte-q0n9ea.svelte-q0n9ea{width:65%;height:10px;border-radius:5px;overflow:hidden;position:relative;margin-left:2px;z-index:2}.progress.svelte-q0n9ea.svelte-q0n9ea{height:100%;background:#745a9d;transition:width .1s linear;border-radius:5px;position:absolute;left:0;top:0}body.dark-mode .progress-bar.svelte-q0n9ea.svelte-q0n9ea{background-color:#ffffff80}body.light-mode .progress-bar.svelte-q0n9ea.svelte-q0n9ea{background-color:#b1aadf80}@media (max-width: 1000px){.audio-container.svelte-q0n9ea.svelte-q0n9ea{margin-bottom:20px}}@media (min-width: 2000px){.svelte-q0n9ea.svelte-q0n9ea{font-size:26px}.audio-container.svelte-q0n9ea.svelte-q0n9ea{height:200px;width:500px;border-radius:100px;border:solid 4px #745A9D;justify-content:space-around}.portrait.svelte-q0n9ea.svelte-q0n9ea{height:160px;width:160px}.player-container.svelte-q0n9ea.svelte-q0n9ea{width:300px;height:80%}.play-stop.svelte-q0n9ea .material-symbols-outlined.svelte-q0n9ea{font-size:58px;margin-left:8px}.progress-bar.svelte-q0n9ea.svelte-q0n9ea{height:12px;margin-left:18px}}.svelte-e74s75.svelte-e74s75{font-family:Raleway,Arial}html,body{min-height:100vh-80px;margin:0}body.dark-mode{background:linear-gradient(90deg,#33006d,#1c1355,#0d0b28);background-attachment:fixed;color:#fff}body.light-mode{background-color:#ebebeb;color:#745a9d}.container.svelte-e74s75.svelte-e74s75{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100vh}.material-symbols-outlined.svelte-e74s75.svelte-e74s75{font-family:Material Symbols Outlined;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 48;font-size:24px}.dark-mode.svelte-e74s75.svelte-e74s75{color:#fff}.light-mode.svelte-e74s75.svelte-e74s75{color:#745a9d}.banner.svelte-e74s75.svelte-e74s75{width:100%;border-style:none none solid none;border-color:#745a9d;margin-bottom:25px;background:transparent;display:flex;justify-content:center;background-image:url(../../../waves_no_background.svg);background-repeat:no-repeat;background-position:center bottom;background-size:cover}.banner-content.svelte-e74s75.svelte-e74s75{display:flex;justify-content:center;align-items:flex-end;z-index:2;text-align:center;width:50%;height:250px;margin-top:68px;margin-bottom:20px;text-shadow:4px 4px 4px rgba(0,0,0,.8)}body.light-mode .banner-content.svelte-e74s75.svelte-e74s75{color:#00b5a7;text-shadow:2px 2px 4px rgba(255,255,255,.8)}#characters-pic.svelte-e74s75.svelte-e74s75{width:200px;margin:0 25px}.form-factor.svelte-e74s75.svelte-e74s75{width:40%}.section.svelte-e74s75.svelte-e74s75{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.about.svelte-e74s75.svelte-e74s75{padding-bottom:200px}.text-content.svelte-e74s75 h3.svelte-e74s75{color:#00b5a7;text-transform:uppercase;margin-bottom:5px}.text-content.svelte-e74s75 span.svelte-e74s75{font-size:14px}.text-content.svelte-e74s75 ul.svelte-e74s75{margin-top:0}.text-content.svelte-e74s75 li.svelte-e74s75{font-size:14px;margin-left:-20px}.text-content.svelte-e74s75 li.svelte-e74s75::marker{font-size:1.5em}.title-container.svelte-e74s75.svelte-e74s75{display:flex;align-items:center;width:100%;color:#00b5a7;margin:50px 0}.line.svelte-e74s75.svelte-e74s75{flex-grow:1;height:2px;background-color:#745a9d}.section-title.svelte-e74s75.svelte-e74s75{margin:0 20px;white-space:nowrap;font-size:24px;text-align:center}button.svelte-e74s75.svelte-e74s75{cursor:pointer;color:#ebebeb;border:none;border-radius:5px;font-weight:700;font-size:14px;padding:0 16px;height:32px;display:flex;align-items:center;justify-content:center}button.svelte-e74s75.svelte-e74s75:hover{background-color:#4c3a69}.big-button.svelte-e74s75.svelte-e74s75{padding:10px 20px;background-color:#00b5a7;text-transform:uppercase;text-decoration:none;border-radius:10px;font-weight:700;height:45px;margin:25px 0;transition:background-color .3s ease;align-self:center}.big-button.svelte-e74s75.svelte-e74s75:hover{background-color:#009f92}p.error.svelte-e74s75.svelte-e74s75{color:red}.demo-desc.svelte-e74s75.svelte-e74s75{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin-bottom:25px}.legend.svelte-e74s75.svelte-e74s75{display:flex;flex-direction:column;flex-wrap:wrap;align-items:flex-start;justify-content:center}.legend-item.svelte-e74s75.svelte-e74s75{display:flex;align-items:center;justify-content:center;margin:5px 0}.legend-item.svelte-e74s75 span.svelte-e74s75{margin:0 10px}.recording-tray.svelte-e74s75.svelte-e74s75{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:15px}.recording-sign.svelte-e74s75.svelte-e74s75{display:flex;flex-wrap:nowrap;align-items:center;color:#00b5a7;font-style:italic}.recording-symbol.svelte-e74s75.svelte-e74s75{background:#00b5a7;border-radius:50%;box-shadow:0 0 #00b5a7;margin:10px;height:20px;width:20px;transform:scale(1);animation:svelte-e74s75-pulse 2s infinite}@keyframes svelte-e74s75-pulse{0%{transform:scale(.95);box-shadow:0 0 #00b5a7b3}70%{transform:scale(1);box-shadow:0 0 0 10px #00b5a700}to{transform:scale(.95);box-shadow:0 0 #00b5a700}}.user-recordings.svelte-e74s75.svelte-e74s75{display:flex;flex-direction:column;justify-content:center;align-items:center}.recorded-item.svelte-e74s75.svelte-e74s75{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly}.plain-btn.svelte-e74s75.svelte-e74s75{background-color:transparent;margin:5px;border-radius:50%;height:auto;padding:8px}.choice.svelte-e74s75.svelte-e74s75{color:#00b5a7}.error.svelte-e74s75.svelte-e74s75{color:#ff644e}body.dark-mode button.plain-btn.svelte-e74s75.svelte-e74s75{color:#fff}body.light-mode button.plain-btn.svelte-e74s75.svelte-e74s75{color:#745a9d}body.dark-mode .plain-btn.svelte-e74s75.svelte-e74s75:hover{background-color:#444}body.light-mode button.svelte-e74s75.svelte-e74s75:hover{background-color:#d0c7df}.voices-container.svelte-e74s75.svelte-e74s75{display:flex;flex-direction:row;justify-content:center;width:70%;margin:0 15px 20px}.unselected-voices.svelte-e74s75.svelte-e74s75{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;max-width:350px;margin:0 20px}.selected-portrait.svelte-e74s75.svelte-e74s75{display:flex;justify-content:center;align-items:center}.portrait-btn.svelte-e74s75.svelte-e74s75{cursor:pointer;background-color:transparent;border:none;border-radius:50%;padding:0;width:60px;height:60px;margin:2px}.portrait.svelte-e74s75.svelte-e74s75{width:50px;height:50px;border-radius:50%;background-color:#d0c7df}.selected.svelte-e74s75.svelte-e74s75{background-color:#805fb5}.disclaimer-container.svelte-e74s75.svelte-e74s75{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:8px;border-radius:15px;font-weight:bolder;text-align:center;margin-bottom:8px;background-color:#ff644e;color:#ebebeb;margin-top:25px}@media (max-width: 390px){.voices-container.svelte-e74s75.svelte-e74s75{width:90%}.unselected-voices.svelte-e74s75.svelte-e74s75{width:100%}.recorded-item.svelte-e74s75.svelte-e74s75{width:85%}.plain-btn.svelte-e74s75.svelte-e74s75{margin:2px}}@media (max-width: 1430px){.banner-content.svelte-e74s75.svelte-e74s75{width:65%}}@media (max-width: 1430px){.banner-content.svelte-e74s75.svelte-e74s75{width:80%}}@media (max-width: 1000px){.voices-container.svelte-e74s75.svelte-e74s75{flex-direction:column-reverse;align-items:center}.form-factor.svelte-e74s75.svelte-e74s75{width:60%}}@media (max-width: 900px){.banner-content.svelte-e74s75.svelte-e74s75{width:95%}}@media (max-width: 760px){.banner-content.svelte-e74s75.svelte-e74s75{margin-top:115px;height:150px}.banner-content.svelte-e74s75 h1.svelte-e74s75{font-size:26px}#characters-pic.svelte-e74s75.svelte-e74s75{width:180px}}@media (max-width: 660px){.form-factor.svelte-e74s75.svelte-e74s75{width:80%}.banner-content.svelte-e74s75.svelte-e74s75{margin-top:150px;height:130px}.banner-content.svelte-e74s75 h1.svelte-e74s75{font-size:24px}#characters-pic.svelte-e74s75.svelte-e74s75{width:150px}}@media (max-width: 580px){#characters-pic.svelte-e74s75.svelte-e74s75{margin:0 10px}}@media (max-width: 560px){#characters-pic.svelte-e74s75.svelte-e74s75{display:none}}@media (max-width: 460px){.banner-content.svelte-e74s75.svelte-e74s75{margin-top:200px}}@media (max-width: 375px){.banner-content.svelte-e74s75.svelte-e74s75{height:160px}}@media (min-width: 2000px){.svelte-e74s75.svelte-e74s75{font-size:24px}.big-button.svelte-e74s75.svelte-e74s75{height:70px;font-size:24px}.plain-btn.svelte-e74s75.svelte-e74s75{margin:20px}.voices-container.svelte-e74s75.svelte-e74s75{flex-wrap:wrap}.unselected-voices.svelte-e74s75.svelte-e74s75{max-width:700px}.portrait-btn.svelte-e74s75.svelte-e74s75{width:120px;height:120px}.portrait.svelte-e74s75.svelte-e74s75{width:100px;height:100px}.recording-tray.svelte-e74s75.svelte-e74s75{margin-top:15px;margin-bottom:30px}.recording-sign.svelte-e74s75.svelte-e74s75{margin-left:20px}.user-recordings.svelte-e74s75.svelte-e74s75{width:10%}.material-symbols-outlined.svelte-e74s75.svelte-e74s75{font-size:36px}.section-title.svelte-e74s75.svelte-e74s75{font-size:42px}.text-content.svelte-e74s75 h3.svelte-e74s75{font-size:36px}.text-content.svelte-e74s75 li.svelte-e74s75,.text-content.svelte-e74s75 span.svelte-e74s75{font-size:24px}.text-content.svelte-e74s75 li.svelte-e74s75{margin-left:-7px}.banner.svelte-e74s75.svelte-e74s75{background-position:center -700px}.banner-content.svelte-e74s75.svelte-e74s75{margin-top:136px}.banner.svelte-e74s75 h1.svelte-e74s75{font-size:36px}}