.sidebar-container,.sidebar-container .link span,.sidebar-container .link svg,.sidebar-container a span,.sidebar-container a svg,.sidebar-container .link:before,.sidebar-container a:before,.sidebar-container .link:hover+span.tooltip,.sidebar-container .link:focus-visible+span.tooltip,.sidebar-container a:hover+span.tooltip,.sidebar-container a:focus-visible+span.tooltip,.sidebar-container .logo h1,.sidebar-container .options .options-list .link:hover+span.tooltip,.sidebar-container .options .options-list .link:focus-visible+span.tooltip,.word-form .item input[name=level]:after,.pagination button,.pagination button.active,.pagination button:hover,.pagination button:focus,.profile .form-group{transition:var(--main-transition)}.sidebar-container .link,.sidebar-container a{position:relative;z-index:1}.navbar,.search .dropdown-results .result,.app .page,.app .actions,.dashboard .widgets,.dashboard .panels-group,.single-word .info-group .sentence-group{display:flex}.notification{display:flex;flex-direction:row;align-items:flex-start}.app a.link,.app .button,.app .submit,.app .item,.app .main-title{display:flex;flex-direction:row;align-items:center}.word-card .contact{display:flex;flex-direction:row;justify-content:center}.sidebar-container,.sidebar-container nav ul,.app .page-content,.app .content,.dashboard .panels,.dashboard .add-word,.word-card{display:flex;flex-direction:column}.word-card .info,.page.error .message{display:flex;flex-direction:column;align-items:center}.sidebar-container .logo .menu-bar{right:50%;transform:translate(50%)}.pagination,.pagination button,.word-card .contact a.social-link,.page.error{display:flex;justify-content:center;align-items:center}.app form,.home-page,.home-container .overlay .overlay-panel,.dashboard .word-box{display:flex;flex-direction:column;justify-content:center;align-items:center}.app .form-group{display:flex;justify-content:flex-start;align-items:center}.word-form .item input[name=level]:after,.word-form .item input[name=level]:before{position:absolute;right:50%;bottom:50%;transform:translate(50%,50%)}.single-word .info-group,.navbar .wrapper,.sidebar-container .logo,.app .content-head{display:flex;justify-content:space-between;align-items:center}.widget,.words .top,.single-word .word-container{display:flex;flex-direction:row;justify-content:space-between}.widget .left,.widget .right{display:flex;flex-direction:column;justify-content:space-between}.search .dropdown-results,.dashboard .words-group,.profile .form-container{display:flex;flex-wrap:wrap}html{scroll-behavior:smooth}:root{--surface-light: #ebf8ff;--light-primary: #237bad;--light-on-primary: #ffffff;--light-inverse-primary: #b7dcf1;--light-primary-container: #d8ecf7;--light-on-primary-container: #0f364b;--light-low-opacity-primary-container: #e5f6ffc9;--surface-dark: #05131a;--dark-primary: #b7dcf1;--dark-on-primary: #0f364b;--dark-inverse-primary: #237bad;--dark-primary-container: #19587c;--dark-on-primary-container: #ffffff;--dark-low-opacity-primary-container: #0c1d26d6;--primary-gradient: linear-gradient(to right, #55acdd, #00d9d3);--main-transition: .4s;--main-border-color: var(--dark-primary);--main-border-radius: .625rem;--dark-shadow: 0 .875rem 1.875rem rgba(5, 19, 26, .2), 0 .625rem .625rem rgba(5, 19, 26, .2);--light-shadow: 0 .875rem 1.875rem rgba(85, 172, 221, .2), 0 .625rem .625rem rgba(85, 172, 221, .2);--header-height: 5rem;--sidebar-width: 4.35rem;--main-padding-top: 2rem;--main-padding-bottom: 2rem}@media (max-width: 320px){:root{font-size:11px}}@media (max-width: 767px){:root{font-size:14px}}@media (prefers-color-scheme: light){.app{--primary: var(--light-primary);--on-primary: var(--light-on-primary);--inverse-primary: var(--light-inverse-primary);--primary-container: var(--light-primary-container);--on-primary-container: var(--light-on-primary-container);--low-opacity-primary-container: var(--light-low-opacity-primary-container);--surface: var(--surface-light);--border-color: var(--border-color-light);--border-color-inverse: var(--border-color-dark);--main-shadow: var(--light-shadow);--scheme-color: light}.app.toggleMode{--primary: var(--dark-primary);--on-primary: var(--dark-on-primary);--inverse-primary: var(--dark-inverse-primary);--primary-container: var(--dark-primary-container);--on-primary-container: var(--dark-on-primary-container);--low-opacity-primary-container: var(--dark-low-opacity-primary-container);--surface: var(--surface-dark);--border-color: var(--border-color-dark);--border-color-inverse: var(--border-color-light);--main-shadow: var(--dark-shadow);--scheme-color: dark}}@media (prefers-color-scheme: dark){.app{--primary: var(--dark-primary);--on-primary: var(--dark-on-primary);--inverse-primary: var(--dark-inverse-primary);--primary-container: var(--dark-primary-container);--on-primary-container: var(--dark-on-primary-container);--low-opacity-primary-container: var(--dark-low-opacity-primary-container);--surface: var(--surface-dark);--border-color: var(--border-color-dark);--border-color-inverse: var(--border-color-light);--main-shadow: var(--dark-shadow);--scheme-color: dark}.app.toggleMode{--primary: var(--light-primary);--on-primary: var(--light-on-primary);--inverse-primary: var(--light-inverse-primary);--primary-container: var(--light-primary-container);--on-primary-container: var(--light-on-primary-container);--low-opacity-primary-container: var(--light-low-opacity-primary-container);--surface: var(--surface-light);--border-color: var(--border-color-light);--border-color-inverse: var(--border-color-dark);--main-shadow: var(--light-shadow);--scheme-color: light}}*,:after,:before{box-sizing:border-box}body{font-family:Poppins,sans-serif;position:relative;line-height:1.2;margin:0;min-width:320px;min-height:100vh;min-height:100svh}.container{margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media (min-width: 768px) and (max-width: 991px){.container{width:750px}}@media (min-width: 992px) and (max-width: 1199px){.container{width:970px}}@media (min-width: 1200px){.container{width:1170px}}.app{height:100vh;height:100svh;width:100vw;width:100svw;max-width:100%;color-scheme:var(--scheme-color);background:var(--surface);color:var(--on-primary-container)}.notification{justify-content:space-between;border-radius:var(--main-border-radius);box-shadow:var(--main-shadow);position:fixed;bottom:3.5rem;left:2rem;background:var(--low-opacity-primary-container);font-size:.75rem;font-weight:500;max-width:20rem;min-width:15rem;padding:1rem;z-index:10000}.notification button{margin-left:1rem;font-size:.875rem}.navbar{min-height:var(--header-height);font-size:.875em;position:sticky;top:0;z-index:10000000;padding:0 1.125rem}.navbar:before{content:"";z-index:-1;position:absolute;background-color:var(--surface);filter:opacity(.925);width:100%;height:100%;top:0;left:0}.navbar .wrapper{flex:1;gap:1.5rem}.navbar .wrapper .theme,.navbar .wrapper h4{min-width:max-content}@media (max-width: 767px){.navbar .wrapper .theme .title,.navbar .wrapper h4{display:none}}.sidebar-container{background:var(--on-primary);box-shadow:var(--main-shadow);border-radius:var(--main-border-radius);width:var(--sidebar-width);padding:.25rem .75rem;height:100%}@media (min-width: 577px){.sidebar-container.active{--sidebar-width: 15rem}.sidebar-container.active span.tooltip{display:none}.sidebar-container.active a span,.sidebar-container.active .link span,.sidebar-container.active .logo h1{opacity:1;pointer-events:auto}.sidebar-container.active .logo .menu-bar{right:0;transform:translate(-50%)}}.sidebar-container li{position:relative}.sidebar-container span.tooltip{position:absolute;right:-55%;bottom:50%;transform:translate(110%,60%);margin-bottom:.5rem;background:var(--primary-gradient);color:var(--on-primary);padding:.75rem;width:max-content;border-radius:var(--main-border-radius);box-shadow:var(--main-shadow);z-index:1;pointer-events:none;opacity:0}.sidebar-container .link,.sidebar-container a{padding:.75rem 1rem;border-radius:var(--main-border-radius);overflow:hidden;white-space:nowrap}.sidebar-container .link span,.sidebar-container a span{opacity:0;pointer-events:none}.sidebar-container .link:before,.sidebar-container a:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1;background:var(--primary-gradient);opacity:0}.sidebar-container .link:hover+span.tooltip,.sidebar-container .link:focus-visible+span.tooltip,.sidebar-container a:hover+span.tooltip,.sidebar-container a:focus-visible+span.tooltip{opacity:1;transform:translate(100%,60%)}.sidebar-container .link.active,.sidebar-container .link:hover,.sidebar-container .link:focus-visible,.sidebar-container a.active,.sidebar-container a:hover,.sidebar-container a:focus-visible{color:var(--on-primary)}.sidebar-container .link.active:before,.sidebar-container .link:hover:before,.sidebar-container .link:focus-visible:before,.sidebar-container a.active:before,.sidebar-container a:hover:before,.sidebar-container a:focus-visible:before{opacity:1}.sidebar-container .logo{text-transform:uppercase;padding:.875rem;white-space:nowrap;position:relative}.sidebar-container .logo h1{font-size:1rem;opacity:0;pointer-events:none}.sidebar-container .logo .menu-bar{position:absolute}.sidebar-container nav{flex:1}.sidebar-container nav ul{margin-top:.5rem}.sidebar-container nav ul a{display:block;margin:0 0 .5rem}.sidebar-container nav ul a span{font-size:.875rem;margin-left:.875rem}.sidebar-container .options .options-list{position:relative;margin:.5rem 0}.sidebar-container .options .options-list .link:hover+span.tooltip,.sidebar-container .options .options-list .link:focus-visible+span.tooltip{opacity:1;transform:translate(100%,60%)}.sidebar-container .options .options-list span.tooltip{margin-bottom:.25rem}.widget{flex:1;min-height:8rem;padding:1.5rem;color:var(--text-light);border-radius:var(--main-border-radius);background-color:var(--low-opacity-primary-container)}.widget .left{font-size:.875rem}.widget .left .counter{font-size:3rem}.widget .left .link{font-size:.75rem;border-bottom:.0625rem solid;width:max-content}.search{position:relative;margin:0}.search .dropdown-results{position:absolute;top:3rem;left:0;max-height:70vh;overflow:auto}.search .dropdown-results li{width:100%}.search .dropdown-results .result{padding:.875rem;background:var(--surface);border-radius:var(--main-border-radius)}.search .dropdown-results .result:not(:last-of-type){margin:0 0 .5rem}.tableTT{min-width:max-content;width:100%;border-collapse:collapse;font-size:.75rem;box-shadow:var(--main-shadow)}.tableTT .table-head{background-color:#b7c5f28c}.tableTT .table-head .head-cell{text-transform:capitalize;text-align:start;color:var(--dark)}.tableTT .table-head,.tableTT .table-body{border:.125rem solid}.tableTT .table-row:nth-of-type(even){background-color:#b7c5f24d}.tableTT .table-cell{height:2.5rem;padding:.3125rem .875rem}.app{padding:1rem}.app .page{height:100%;width:100%}.app .page-content{flex:1;overflow:auto}.app .actions{gap:.875rem;padding:.5rem}.app a{text-decoration:none;color:inherit}.app ul{list-style:none;padding:0}.app button{padding:0;border:none;font-family:inherit;color:inherit;background-color:transparent;cursor:pointer}.app a.link,.app .button,.app .submit{gap:.5rem;height:2.5rem;min-width:max-content;font-weight:700;font-size:.75rem;letter-spacing:.0625rem;text-transform:uppercase;color:var(--on-primary);padding:.5rem 2.5rem;border:.0625rem solid #55acdd;border-radius:var(--main-border-radius);transition:transform .8s ease-in;background:var(--primary-gradient) no-repeat 0 0/cover}@media (max-width: 767px){.app a.link,.app .button,.app .submit{padding:.3125rem .5rem;font-size:.625rem;letter-spacing:.03125rem}}.app a.link:active,.app .button:active,.app .submit:active{transform:scale(.95)}.app a.link.ghost,.app .button.ghost,.app .submit.ghost{background:transparent;border-color:var(--on-primary)}.app a.link.inverse,.app .button.inverse,.app .submit.inverse{color:var(--on-primary-container)}.app a.link.inverse,.app .button.inverse,.app .submit.inverse{background:var(--on-primary)}.app a.link:focus-visible,.app .button:focus-visible,.app .submit:focus-visible{outline-color:inherit;outline-width:.125rem;outline-style:solid}.app .content{gap:1.5rem;margin:1.125rem}.app .content-container{border-radius:var(--main-border-radius);background:var(--on-primary);box-shadow:var(--main-shadow);max-width:100%;padding:1.5rem;overflow:auto;flex:1;min-width:14rem}.app .content-head{margin-bottom:1.5rem}.app .item{cursor:pointer;gap:.5rem}.app .main-title{margin:0 auto 1rem;font-size:1.125rem;position:relative}@media (max-width: 767px){.app .main-title{font-size:.875rem}}.app .main-title:before{background:var(--primary-container);height:.1875rem;width:3rem}@media (max-width: 767px){.app .main-title:before{width:2rem}}.app .main-title:after{background:var(--primary-gradient);height:.325rem;width:2rem}@media (max-width: 767px){.app .main-title:after{width:1rem}}.app .main-title:before,.app .main-title:after{content:"";position:absolute;border-radius:.0875rem;transform:translate(50%,50%);bottom:-.5rem;right:50%}.app form{height:100%;gap:.3125rem}.app .form-group{font-size:.75rem;font-weight:500;gap:.3125rem;padding:.875rem 1rem;border-radius:var(--main-border-radius);width:100%;margin:.5rem 0;background:var(--on-primary);box-shadow:var(--main-shadow)}.app .form-group:last-of-type{margin-bottom:1rem}.app textarea{width:100%;min-height:10rem;flex:1}.app input,.app textarea{flex:1;border:none;outline:none;background-color:transparent;color:inherit;resize:none;font:inherit}.app input::placeholder,.app textarea::placeholder{font-family:inherit;color:inherit}.word-form .form-group:last-of-type{flex-wrap:wrap}.word-form .item input[name=level]{margin:0 .125rem 0 .625rem;position:relative}.word-form .item input[name=level]:after,.word-form .item input[name=level]:before{content:"";border-radius:50%;cursor:pointer}.word-form .item input[name=level]:after{background:transparent}.word-form .item input[name=level]:checked:after{width:.5rem;height:.5rem;background:var(--on-primary)}.word-form .item input[name=level]:before{width:.875rem;height:.875rem;background:var(--on-primary-container)}.pagination{margin-top:1.5rem;min-height:3rem}.pagination button{box-shadow:var(--main-shadow);border-radius:var(--main-border-radius);background:var(--inverse-primary);margin:.3125rem;padding:.875rem;min-width:max-content;height:2.125rem;width:2.5rem}@media (max-width: 767px){.pagination button{padding:.75rem;height:1.25rem;width:1.875rem;font-size:.625rem}}.pagination button.active,.pagination button:hover,.pagination button:focus{background:var(--primary-gradient);color:var(--on-primary)}.home-page{height:100vh;height:100svh;max-height:100%;margin:auto;text-align:center}.home-container{background:var(--on-primary);border-radius:var(--main-border-radius);box-shadow:var(--main-shadow);position:relative;overflow:hidden;width:48rem;max-width:100%;min-height:30rem}@media (max-width: 991px){.home-container{width:35rem;min-height:85%;height:55rem;max-height:100%}}.home-container.toggle-panel .form-container.sign-in{transform:translateY(100%)}@media (max-width: 991px){.home-container.toggle-panel .form-container.sign-in{transform:translateY(-100%)}}.home-container.toggle-panel .form-container.sign-up{transform:translate(100%);opacity:1;z-index:5}@media (max-width: 991px){.home-container.toggle-panel .form-container.sign-up{transform:translateY(100%)}}.home-container.toggle-panel .overlay-container{transform:translate(-100%)}@media (max-width: 991px){.home-container.toggle-panel .overlay-container{transform:translateY(-100%)}}.home-container.toggle-panel .overlay{transform:translate(50%)}.home-container.toggle-panel .overlay .overlay-left{transform:translateY(0)}.home-container.toggle-panel .overlay .overlay-right{transform:translateY(20%)}.home-container .form-container{position:absolute;top:0;height:100%;transition:all .6s ease-in-out}@media (max-width: 991px){.home-container .form-container{height:50%}}.home-container .form-container.sign-in,.home-container .form-container.sign-up{left:0;width:50%}@media (max-width: 991px){.home-container .form-container.sign-in,.home-container .form-container.sign-up{width:100%}}.home-container .form-container.sign-in{z-index:2}.home-container .form-container.sign-up{z-index:1;opacity:0}.home-container .form-container form{background:var(--on-primary);padding:0 3.125rem}.home-container .form-container .text-link{font-size:.75rem;font-weight:400;margin-bottom:.875rem}.home-container .overlay-container{position:absolute;top:0;left:50%;width:50%;height:100%;overflow:hidden;transition:transform .6s ease-in-out;z-index:100}@media (max-width: 991px){.home-container .overlay-container{top:50%;left:0;width:100%;height:50%}}.home-container .overlay{background:var(--primary-gradient) no-repeat 0 0/cover;color:var(--on-primary);position:relative;left:-100%;height:100%;width:200%;transform:translateY(0);transition:transform .6s ease-in-out}.home-container .overlay p{font-weight:300;line-height:1.25rem;letter-spacing:.03215rem;margin:1rem 0 2rem}.home-container .overlay .overlay-panel{position:absolute;top:0;padding:2.5rem;height:100%;width:50%;transform:translateY(0);transition:transform .6s ease-in-out}.home-container .overlay .overlay-right{right:0;transform:translateY(0)}.home-container .overlay .overlay-left{transform:translateY(-20%)}.dashboard .panels-group{flex-wrap:wrap}.dashboard .widgets,.dashboard .panels,.dashboard .panels-group{gap:1.125rem}.dashboard .word-box .word{font-size:4rem;margin:1.25rem 0}.dashboard .hard-words{max-height:17.5rem}.dashboard .words-group{gap:.5rem;margin:0}.dashboard .words-group .name{background:var(--primary-gradient);padding:.25rem 1.5rem;color:var(--on-primary);border-radius:5rem}@media (max-width: 767px){.dashboard .words-group .name{font-size:small;padding:.25rem 1.25rem}}.words-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1.5rem}@media (max-width: 576px){.words-container{grid-template-columns:1fr}}.word-card{background:var(--inverse-primary);padding:2rem;position:relative;color:var(--on-primary-container)}@media (max-width: 767px){.word-card{padding:1.25rem}}.word-card:after,.word-card:before{content:"";position:absolute;right:0;top:0;border:.5rem solid;border-color:var(--on-primary) var(--on-primary) var(--primary) var(--primary)}.word-card:after{right:100%;transform:translate(100%);border-color:var(--on-primary) var(--primary) var(--primary) var(--on-primary)}.word-card .info{gap:.875rem}.word-card .info .name{font-size:1.75em;font-weight:700}@media (max-width: 767px){.word-card .info .name{font-size:calc(.75rem + 1.4vw)}}.word-card .info .title{font-size:.875rem}.word-card .contact{border-radius:0 0 var(--main-border-radius) var(--main-border-radius);gap:.5rem;padding:.875rem;font-size:.75rem}.word-card .contact a.social-link{width:2rem;height:2rem;border-radius:50%;background:var(--dark);color:var(--surface-light)}.word-card .contact a.social-link:hover{color:var(--light-on-primary)}.word-card .actions{margin-top:.5rem;padding:0 1.5rem 1.5rem;justify-content:space-between;gap:1rem}.single-word .word-container{gap:1.5rem}.single-word .info-group{flex-wrap:wrap;gap:.875rem;font-size:.875rem}.single-word .info-group select{border:none;background:var(--surface);padding:.5rem}.single-word .info-group .sentence{width:100%;font-size:.75rem}.single-word .info-group .sentence.editable{border-bottom:.0625rem solid}.single-word .info-group .sentence-group{gap:1rem;width:100%;height:max-content}.single-word .info-group:not(:last-of-type){margin-bottom:2rem}.single-word .info-group h3{font-size:1.5rem}.single-word .info-group h3,.single-word .info-group p{margin:0}.single-word .button.icon{font-size:1rem;padding:1rem}.single-word .button.save{margin:1rem 0px 0 auto;padding:1rem}.profile .form-container{margin-bottom:.5rem;align-self:stretch;gap:0 1rem}.profile .form-group{background:var(--low-opacity-primary-container)}.profile .form-group.disabled{background:var(--on-primary)}.profile .save{margin-left:auto}.profile .col{max-width:100%;width:18rem}.page.error{margin:auto 1.5rem;height:auto;width:auto}.page.error h1{margin:0;font-size:2.5rem}.page.error h2{margin-top:0;font-size:1.25rem}.page.error .message{text-align:center;justify-content:space-between;min-width:16rem;min-height:12rem}