html{box-sizing:border-box}*,*:after,*:before{box-sizing:inherit}*{margin:0;padding:0;font:inherit}a,a:active,a:visited{text-decoration:none}html:focus-within{scroll-behavior:smooth}html,body{height:100%}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--font-main: "Roboto Slab", serif;--fw-regular: 400;--fw-bold: 700;--clr-violet: hsl(274, 85%, 60%);--clr-violet-light: hsl(272, 84%, 90%);--clr-black: hsl(0, 0%, 15%);--clr-black-med: hsl(0, 0%, 27%);--clr-white: hsl(0, 0%, 100%);--clr-gray-light: hsl(0, 0%, 96%);--clr-gray: hsl(0, 0%, 46%);--transition-bezier: cubic-bezier(.24, .86, .81, .8)}.control-bar{display:flex;justify-content:space-between;place-items:center;padding-block:3.75rem;height:5rem}.icon{height:1.25rem;width:1.25rem}.btns{display:flex;justify-content:flex-end;place-items:center;gap:.625rem}.btns__toggle-theme{display:flex;gap:.625rem}.meaning{padding-block-start:3.75rem}.meaning__word-container{margin-block-end:2.5rem;display:flex;justify-content:space-between;place-items:center}.meaning__word{font-size:clamp(2.5rem,2.1428571429rem + 1.7857142857vw,3.75rem);font-weight:var(--fw-bold);line-height:1;margin-block-end:1.25rem}.meaning__phonetics{display:flex;gap:1.25rem}.meaning__phonetic{display:flex;gap:.625rem}.meaning__phonetic__text{font-size:clamp(1.125rem,1.0892857143rem + .1785714286vw,1.25rem);color:var(--clr-violet)}.meaning__phonetic__audio{display:flex;justify-content:center;place-items:center}.meaning__phonetic__icon{height:clamp(1rem,.9285714286rem + .3571428571vw,1.25rem);width:clamp(1rem,.9285714286rem + .3571428571vw,1.25rem);color:var(--clr-violet);cursor:pointer;transition:transform .2s var(--transition-bezier)}.meaning__phonetic__icon:is(:hover,:active){transform:scale(1.2)}.meaning__etymology{display:flex;gap:.625rem;place-items:center;margin-block-end:2.5rem}.meaning__etymology__text{font-size:clamp(1.375rem,1.3392857143rem + .1785714286vw,1.5rem);font-weight:var(--fw-bold)}.meaning__etymology__number{color:var(--clr-black);display:flex;justify-content:center;place-items:center;font-weight:var(--fw-bold);height:1.875rem;aspect-ratio:1;border-radius:50%;background-color:var(--clr-violet-light)}.meaning__source{padding-block-end:8.75rem}.meaning__source__divider{height:2px;width:100%;background-color:var(--clr-gray-light);margin-block-end:1.25rem}.meaning__source__title{font-size:clamp(.875rem,.8392857143rem + .1785714286vw,1rem);color:var(--clr-gray)}.meaning__source__title a{padding-inline-start:.625rem;color:var(--clr-violet)}.meaning__source__title a:is(:hover,:active){text-decoration:underline}.part-of-speech{margin-inline-start:0rem}.part-of-speech__divider{display:flex;place-items:center;height:2px;width:100%;background-color:var(--clr-gray-light);margin-block-end:2.1875rem}.part-of-speech__title{text-transform:lowercase;font-weight:var(--fw-bold);font-size:clamp(1.25rem,1.2142857143rem + .1785714286vw,1.375rem);background-color:var(--clr-white);padding-inline-end:1.875rem;line-height:1;top:0;left:0}.part-of-speech__definition{margin-block-end:2.5rem}.part-of-speech__definition__sub-title{font-size:clamp(1rem,.9642857143rem + .1785714286vw,1.125rem);color:var(--clr-gray);text-transform:capitalize;padding-block-end:1.25rem}.part-of-speech__definition__list{margin-block-end:1.875rem}.part-of-speech__definition__list li{margin-inline-start:2.5rem;margin-block-end:.625rem;font-size:clamp(1rem,.9642857143rem + .1785714286vw,1.125rem);line-height:1.5}.synonyms{display:flex;flex-flow:row wrap;gap:1.875rem;margin-inline-start:2.5rem}.synonyms--found{color:var(--clr-violet);font-weight:var(--fw-bold);font-size:clamp(1rem,.9642857143rem + .1785714286vw,1.125rem)}.synonyms--none{color:var(--clr-gray);font-weight:var(--fw-bold);font-size:clamp(1rem,.9642857143rem + .1785714286vw,1.125rem)}.arrow-up-icon{margin-inline-start:.3125rem}.meaning.dark .part-of-speech__title{background-color:var(--clr-black)}.search-bar-container{height:2.5rem}.no-matches{color:red;margin-inline-start:1.25rem;margin-block-start:.5rem;font-size:clamp(.875rem,.8392857143rem + .1785714286vw,1rem)}.search-bar{display:flex;justify-content:center;place-items:center;width:100%;height:100%;border-radius:5px;background-color:var(--clr-gray-light)}.search-bar__input{width:100%;height:100%;background-color:transparent;outline:transparent;border:none;padding:1.25rem}.search-bar__icon{height:1.625rem;width:1.625rem;color:var(--clr-violet);margin:.75rem}.search-bar__icon.clear{cursor:pointer;transition:transform .1s var(--transition-bezier)}.search-bar__icon.clear:hover{transform:scale(1.1)}.search-bar.dark{background-color:var(--clr-black-med)}.search-bar.dark .search-bar__input{color:var(--clr-white)}.toggle-btn{display:flex;place-items:center;width:2.5rem;height:1.25rem;border-radius:100vh;background-color:var(--clr-black);cursor:pointer;transition:box-shadow .2s var(--transition-bezier)}.toggle-btn__circle{height:100%;aspect-ratio:1;background-color:var(--clr-white);border:.1875rem solid var(--clr-black);border-radius:50%;transition:transform .2s ease-in-out}.toggle-btn:is(:hover,:active){box-shadow:#64646f33 0 7px 29px}.toggle-btn.dark{background-color:var(--clr-white)}.toggle-btn.dark:is(:hover,:active){box-shadow:#ffffffa6 0 7px 29px}.toggle-btn.dark .toggle-btn__circle{background-color:var(--clr-black);border:.1875rem solid var(--clr-white);transform:translate(100%)}body{font-family:var(--font-main);color:var(--clr-black)}body.dark{background-color:var(--clr-black);color:var(--clr-white);color-scheme:dark}.app{width:clamp(17.5rem,7.5rem + 50vw,52.5rem);margin-inline:auto}