@font-face{font-family:Inter;src:url(/font/Inter/static/Inter-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:auto}@font-face{font-family:Inter;src:url(/font/Inter/static/Inter-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:auto}@font-face{font-family:Lora;src:url(/font/Lora/static/Lora-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Lora;src:url(/font/Lora/static/Lora-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inconsolata;src:url(/font/Inconsolata/static/Inconsolata-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Inconsolata;src:url(/font/Inconsolata/static/Inconsolata-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{scroll-behavior:smooth}img,svg{display:block;max-width:100%;height:auto}input,button,textarea,select,option{font:inherit}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.17rem}h4{font-size:1rem}h5{font-size:.83rem}h6{font-size:.67rem}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}ul{margin:0;padding:0}ul li{list-style:none}button{cursor:pointer}html{font-size:18px}@media (max-width: 500px){html{font-size:15px}}body{font-family:Inter}.skip-to-main-link{left:50%;position:absolute;transform:translateY(-100%)}.skip-to-main-link:focus{transform:translateY(0)}#root{display:flex;place-content:center;width:100%}.main_wrapper{--bg-color: hsl(0, 0%, 100%);--body-text: hsl(0, 0%, 18%);--title-text: hsl(0, 0%, 18%);background-color:var(--bg-color);color:var(--body-text);min-height:100vh;display:flex;gap:2.5rem;flex-direction:column;width:100%;padding:2rem 1.5rem}.main_wrapper.switchTheme{--bg-color: hsl(0, 0%, 2%);--body-text: hsl(0, 0%, 100%);--title-text: hsl(0, 0%, 100%)}@media (prefers-color-scheme: dark){.main_wrapper{--bg-color: hsl(0, 0%, 2%);--body-text: hsl(0, 0%, 100%);--title-text: hsl(0, 0%, 100%)}.main_wrapper.switchTheme{--bg-color: hsl(0, 0%, 100%);--body-text: hsl(0, 0%, 18%);--title-text: hsl(0, 0%, 18%)}}.fontMono{font-family:Inconsolata}.fontSerif{font-family:Lora}.fontSans{font-family:Inter}.app_header{display:flex;place-items:center;place-content:space-between;max-width:750px;width:100%;margin:0 auto}.app_header div{display:flex;gap:1rem;place-items:center}.app_header input[type=checkbox]{width:0;height:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:none}.app_header input[type=checkbox]:checked+#toggle_theme_label{background-color:#a445ed}.app_header input[type=checkbox]:checked+#toggle_theme_label:after{left:22px}.app_header #theme_highlight path{stroke:#a445ed}.app_header #toggle_theme_label{display:block;width:40px;height:20px;border-radius:20px;background-color:#828282;position:relative;cursor:pointer}.app_header #toggle_theme_label:after{content:"";position:absolute;width:14px;height:14px;border-radius:100%;background-color:#fff;top:3px;left:3px;transition:left .25s linear,background-color .3s linear}.app_header select{background-color:transparent;border:none;color:var(--body-text);cursor:pointer}.app_header select option{background-color:var(--bg-color);color:#fff;border:none;font-family:inherit;cursor:pointer}.app_header select optgroup{background-color:transparent;cursor:pointer}#main-content{display:flex;flex-direction:column;gap:2rem;max-width:750px;width:100%;margin:0 auto}#main-content form .search_wrapper{position:relative}#main-content form .search_wrapper input[type=text]{font-weight:400;font-size:1rem;line-height:24px;font-weight:700;width:100%;background-color:#e8e8e8;border:none;border-radius:.5rem;padding:.75rem;position:relative}#main-content form .search_wrapper label{background-image:url(/images/icon-search.svg);width:18px;height:18px;position:absolute;right:15px;top:16px;z-index:10}#main-content form .search_wrapper label span{position:absolute;clip:rect(1px,1px,1px,1px);padding:0;border:0;height:1px;width:1px;overflow:hidden}#main-content .inner_wrapper{display:flex;flex-direction:column;gap:4rem;padding-block:1rem}#main-content .inner_wrapper .item_wrapper{display:flex;flex-direction:column;gap:1rem}#main-content .inner_wrapper .item_wrapper header{display:grid;grid-template-areas:"word audio" "phonetic audio";gap:1.5rem}@media (max-width: 500px){#main-content .inner_wrapper .item_wrapper header{gap:.25rem}}#main-content .inner_wrapper .item_wrapper header h1{font-weight:700;font-size:3.5rem;line-height:29px;grid-area:word}@media (max-width: 500px){#main-content .inner_wrapper .item_wrapper header h1{font-size:2rem}}#main-content .inner_wrapper .item_wrapper header p{font-weight:400;font-size:1.3rem;line-height:29px;color:#a445ed;grid-area:phonetic}#main-content .inner_wrapper .item_wrapper header button{grid-area:audio;background-color:transparent;width:max-content;border:none;justify-self:end}#main-content .inner_wrapper .item_wrapper header button svg *{transition:.35s opacity linear,.35s fill linear}#main-content .inner_wrapper .item_wrapper header button:hover svg g circle{opacity:1}#main-content .inner_wrapper .item_wrapper header button:hover svg g path{fill:#fff}#main-content .inner_wrapper ul{display:flex;flex-direction:column;gap:1rem}#main-content .inner_wrapper ul .innerTitle_wrapper{display:flex;place-items:center}#main-content .inner_wrapper ul .innerTitle_wrapper h2{margin-top:1rem;font-style:italic}#main-content .inner_wrapper ul .innerTitle_wrapper .hline{height:2px;display:inline-flex;background-color:#f5f5f5;transform:translate(25px,8px);width:85%}@media (max-width: 500px){#main-content .inner_wrapper ul .innerTitle_wrapper .hline{width:75%}}#main-content .inner_wrapper ul h3{font-weight:400;font-size:1.1rem;line-height:24px;color:#828282}#main-content .inner_wrapper ul .list_style li{margin-left:2rem;list-style:outside disc}#main-content .inner_wrapper ul .list_style li::marker{color:#a445ed}#main-content .inner_wrapper ul .list_style p{padding-left:2rem;color:#828282}#main-content .inner_wrapper ul .inline_content{display:flex;flex-wrap:wrap;row-gap:.5rem}#main-content .inner_wrapper ul .inline_list{display:flex;flex-direction:row;flex-wrap:wrap}#main-content .inner_wrapper ul .inline_list li{font-weight:400;font-size:1.1rem;line-height:24px;color:#a445ed;font-weight:700}#main-content .inner_wrapper hr{color:#f5f5f5;border:1px solid hsl(0,0%,96%)}#main-content .inner_wrapper .footer_text{font-weight:400;font-size:.75rem;line-height:17px;display:inline-flex;color:#828282}#main-content .inner_wrapper .footer_text *{text-decoration:underline}#main-content .inner_wrapper .footer_text a{color:var(--body-text)}#main-content .loader{width:75px;height:75px;display:inline-block;border:5px solid hsl(274,82%,60%);border-bottom-color:transparent;border-radius:50%;animation:rotate 1s linear infinite;margin:0 auto}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#main-content .notFound_wrapper{display:flex;flex-direction:column;place-items:center;place-content:center;gap:1.5rem}#main-content .notFound_wrapper .emoji{font-size:3.5rem}#main-content .notFound_wrapper h1{font-weight:400;font-size:1.3rem;line-height:29px;font-weight:700}#main-content .notFound_wrapper div{text-align:center}#main-content .notFound_wrapper div *{font-weight:400;font-size:1rem;line-height:24px;color:#828282}