:root{--main-raius:7px;--color1:#dedcdc;--color2:#09f;--color3:#fdf8f8;--dark-blue:#2a2a6c;--m-block:1rem 0}*{box-sizing:border-box;font-family:sans-serif;padding:0;text-transform:capitalize}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#37306b;background:linear-gradient(112deg,#4e1f53,#272f50);background-image:repeating-linear-gradient(328deg,#000,#000 31px,#0000 0,#0000 35px),repeating-linear-gradient(473deg,#000,#000 31px,#0000 0,#0000 35px),repeating-linear-gradient(448deg,#000,#000 31px,#0000 0,#0000 35px),repeating-linear-gradient(238deg,#000,#000 31px,#0000 0,#0000 35px),linear-gradient(270deg,#80c850,#00f);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#root{align-items:center;display:flex;height:100svh;justify-content:center;outline:1px solid red;position:absolute;width:100%}.container{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(5px);background:#fff8f824;box-shadow:0 4px 30px #0009;padding:20px;width:clamp(300px,50%,60%)}.container,.input-container{border-radius:var(--main-raius);position:relative}.input-container{background-color:#ffffff13;padding:10px}#wordInp{background-color:initial;border:0;font-size:1.3rem;outline:0;text-transform:none;width:100%}#wordInp,#wordInp::placeholder{color:var(--color1)}.button-and-icon{align-items:center;background-color:var(--color1);border:1px solid var(--dark-blue);border-radius:calc(var(--main-raius) - 2px);cursor:pointer;display:flex;gap:8px;justify-content:center;padding:5px 12px;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:all0.5s ease-in-out;width:90px}.button-and-icon[disabled]{cursor:not-allowed;opacity:.5}.submitBtn{background-color:initial;border:none;color:var(--dark-blue);cursor:pointer;outline:none;transition:all .5s ease}.search-icon{color:#fff;font-size:.9em;opacity:0;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:all .5s ease}.button-and-icon:focus-within .search-icon,.button-and-icon:hover .search-icon{opacity:1}.button-and-icon:focus-within .submitBtn,.button-and-icon:hover .submitBtn{color:var(--color1);transform:translateX(-9px)}.button-and-icon:focus-within,.button-and-icon:hover{background-color:var(--dark-blue)}.error{background-color:#fa2d2d;border-radius:6px;color:#160202;margin-top:1.5rem;padding:10px 0;text-align:center}.meanings-container{gap:.5rem}.button-container{display:flex;flex-wrap:wrap;gap:.5rem 1rem;justify-content:baseline;margin:var(--m-block)}.tab-button{background-color:initial;border:none;border-radius:.7rem;color:var(--color2);cursor:pointer;display:flex;gap:.5rem;justify-content:start;outline:none;padding:.25rem .4rem;transition:all .1s ease}.tab-button:focus,.tab-button:hover{outline:1px solid var(--color2)}.active{background-color:var(--color2);color:var(--color1)}.tab-item{align-items:center;border:1px solid var(--color2);border-radius:var(--main-raius);display:flex;justify-content:center;margin:var(--m-block);padding:0 20px;width:-webkit-max-content;width:max-content}.tab-content{letter-spacing:1px;margin-top:.5rem}@media only screen and (max-width:500px){.button-container{gap:.4rem .6rem}}.loader{animation:loaderAnimation 1s steps(4) infinite;-webkit-clip-path:inset(0 3ch 0 0);clip-path:inset(0 3ch 0 0);font-family:monospace;font-size:30px;font-weight:700;margin:var(--m-block);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.loader:before{content:"Loading..."}@keyframes loaderAnimation{to{-webkit-clip-path:inset(0 -1ch 0 0);clip-path:inset(0 -1ch 0 0)}}.play-audio{color:#d9d9d9;cursor:pointer;font-size:1.6rem;margin-left:.5rem;transition:all .2s ease-in-out}.play-audio:hover{color:var(--color2)}.play-audio-parent{background-color:initial;border:0;margin:0;outline:0;padding:0}.play-audio-parent:focus .play-audio{color:var(--color2)}.selfWord{color:var(--color1);margin:var(--m-block)}.info{color:var(--color1);gap:5px}.info,body{align-items:center;display:flex}body{height:100svh;justify-content:center}
/*# sourceMappingURL=main.b987a8d7.css.map*/