*{box-sizing:border-box}@font-face{font-family:Roboto;src:url(/assets/Roboto-VariableFont-WOy3sDCz.ttf);font-weight:100 900;font-display:swap}:root{--color-primary: #0a78ed;--text-grey-medium: #5e626c;--text-grey-light: #7f8595;--content-bg-light: rgb(234, 241, 246);--hover-bg-light: rgba(229, 237, 243, .3);--hover-bg-medium: rgb(198, 214, 228);--hover-button-inset-shadow: rgba(0, 0, 0, .06) 0px 2px 4px 0px inset;--btn-bad: #f73663;--btn-ok: #ffa924;--btn-good: #7eaa38;--btn-perfect: #2e8fd4}h1,h2,h3,h4,h5,h6,p{margin:0}h1,h2,h3,h4,h5,h6{cursor:default}img{display:block}body{font-family:Roboto;margin:0}a{text-decoration:none;color:#000}h1{font-weight:500}.basic-page-wrapper{display:flex;flex-direction:column;align-items:center}.basic-page-wrapper .basic-page-inner{max-width:75rem;width:100%}.navigation{height:4.5rem;position:relative;box-shadow:#00000005 0 1px 3px,#1b1f2326 0 0 0 1px;display:flex;justify-content:space-between;align-items:center;padding:0 2rem}.navigation .left a{cursor:pointer;display:flex;align-items:center;gap:1rem}.navigation .left a span{font-weight:400;font-size:1.25rem}.navigation .right .link-wrapper{cursor:pointer;display:flex;align-items:center;justify-content:center;height:2.5rem;width:2.5rem;border-radius:50%;background-color:var(--content-bg-light)}.navigation .right .link-wrapper:hover{box-shadow:var(--hover-button-inset-shadow)}.navigation .menu{box-shadow:#0000003d 0 3px 8px;border-radius:.5rem;background-color:var(--content-bg-light);position:absolute;z-index:1;right:2.5rem;top:calc(100% - .5rem)}.navigation .menu .list{display:flex;flex-direction:column}.navigation .menu .list a{display:flex;gap:1rem;align-items:center;cursor:pointer;padding:.5rem 1rem}.navigation .menu .list a:hover{background-color:var(--hover-bg-medium)}.navigation .menu .list a:first-child{border-top-right-radius:.5rem;border-top-left-radius:.5rem}.navigation .menu .list a:last-child{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.header-with-link{display:flex;justify-content:space-between;align-items:baseline}.header-with-link a{margin-top:2rem;padding:.5rem 1rem;border-radius:2rem;background-color:var(--content-bg-light)}.header-with-link a:hover{box-shadow:var(--hover-button-inset-shadow)}.header-with-link .headline-wrapper{display:flex;flex-wrap:wrap;align-items:end;gap:1rem}.header-with-link .headline-wrapper .learning-button{margin-top:0;padding:.5rem .75rem;display:flex;align-items:center;gap:1rem;color:#fff;background-color:var(--color-primary)}.header-with-link .headline-wrapper .learning-button:hover{transform:scale(1.025)}.library{padding:3rem 1rem}.library .list{padding-top:2rem;display:flex;flex-direction:column;gap:1.5rem}.library .list .item{box-shadow:#0000000d 0 0 0 1px;border-radius:.5rem;cursor:pointer;display:flex;align-items:center;gap:1rem}.library .list .item .image-wrapper{height:3.5rem;width:3.5rem;border-radius:.5rem;display:flex;justify-content:center;align-items:center;background-color:var(--content-bg-light)}.library .list .item .text-wrapper .title{font-weight:400;font-size:1.125rem;padding-bottom:.25rem}.library .list .item .text-wrapper .info{font-weight:300;color:var(--text-grey-light)}.library .list .item:hover{box-shadow:#43475545 0 0 .25em,#5a7dbc0d 0 .25em 1em}.library .pagination{padding-top:2rem;display:flex;justify-content:center;align-items:center;gap:1rem}.library .pagination .left,.library .pagination .right{cursor:pointer;display:flex;align-items:center;justify-content:center;height:2rem;width:2rem;border-radius:50%}:is(.library .pagination .left,.library .pagination .right):hover{box-shadow:var(--hover-button-inset-shadow)}.library .pagination .pages{display:flex;gap:.5rem}.library .pagination .pages .page{cursor:pointer;font-size:1.125rem;height:2.5rem;width:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.library .pagination .pages .page.selected,.library .pagination .pages .page:hover{background-color:var(--content-bg-light)}.create-deck,.create-card{display:flex;flex-direction:column;align-items:center;padding:3rem 1rem}:is(.create-deck,.create-card) h1{max-width:27rem;width:100%;padding-top:2rem}.library-details{padding:3rem 1rem}.library-details h1,.library-details h2{padding-top:2rem}.library-details .description{padding-top:1rem;color:var(--text-grey-light)}.library-details .card-list{padding-top:1rem;display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.library-details .card-list .item{cursor:pointer;width:10rem;background-color:var(--content-bg-light);border-radius:1rem}.library-details .card-list .item .answer{font-weight:600;text-align:center}.library-details .card-list .item textarea{font-family:Roboto;cursor:pointer;font-size:1rem;margin:1rem 0;padding-left:1rem;border:none;background-color:transparent;width:100%;resize:none;scrollbar-color:var(--text-grey-medium) transparent}.library-details .card-list .item hr{margin:0;border-color:var(--hover-bg-medium)}.library-details .card-list .item:hover{box-shadow:#43475545 0 0 .25em,#5a7dbc0d 0 .25em 1em}.library-details .card-list .new-item{background-color:var(--color-primary);padding:1rem;display:flex;align-items:center;gap:1rem}.library-details .card-list .new-item svg{fill:#fff}.library-details .card-list .new-item span{color:#fff}.library-details .card-list .new-item:hover{transform:scale(1.025)}.learning{height:calc(100svh - 4.5rem);padding:3rem 1rem;display:flex;flex-direction:column}.learning .success-dialog{padding-top:2rem;display:flex;flex-direction:column;align-items:center;gap:2rem}.learning .success-dialog button{font-size:1.125rem}.learning .main{flex-grow:1;padding-top:2rem;display:flex;justify-content:center}.learning .main .inner{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;gap:1rem}.learning .main .inner .card{height:50%;width:100%;border-radius:1rem;background-color:var(--content-bg-light);display:flex;flex-direction:column}.learning .main .inner .card span{height:50%;font-size:1.25rem;text-align:center;align-content:center;display:block;padding:1rem;overflow-y:auto}.learning .main .inner .card .question{position:relative;padding-right:2.25rem;padding-left:2.25rem}.learning .main .inner .card .question svg{cursor:pointer;color:var(--color-primary);position:absolute;right:.5rem;top:.5rem}.learning .main .inner .card hr{margin:0}.learning .main .inner .card .answer{white-space:pre-wrap}.learning .main .inner .show-button{font-size:1.125rem;height:10%;cursor:pointer;border-radius:.5rem;border:none;padding:.75rem 3rem;background-color:var(--hover-bg-medium)}.learning .main .inner .show-button:hover{filter:brightness(1.05)}.learning .main .inner .footer{height:40%;flex-grow:1;display:flex;flex-direction:column;justify-content:end;width:100%}.learning .main .inner .footer .button-wrapper{width:100%;padding-top:1rem;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;align-items:end;grid-auto-rows:min-content}.learning .main .inner .footer .button-wrapper button{height:4rem;cursor:pointer;border-radius:.5rem;border:none;padding:.75rem 1.5rem;color:#fff;font-size:1.125rem}.learning .main .inner .footer .button-wrapper button:hover{filter:brightness(1.1)}.learning .main .inner .footer .button-wrapper .bad{background-color:var(--btn-bad)}.learning .main .inner .footer .button-wrapper .ok{background-color:var(--btn-ok)}.learning .main .inner .footer .button-wrapper .good{background-color:var(--btn-good)}.learning .main .inner .footer .button-wrapper .perfect{background-color:var(--btn-perfect)}.learning .prev-question{padding-top:3rem;display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}.learning .prev-question button{font-size:1.25rem}@media (max-width: 37.5rem){.learning{padding:1rem}.learning .main .inner .footer .button-wrapper{grid-template-columns:1fr 1fr}}.progress-bar{padding-top:1rem;display:flex;gap:.5rem}.progress-bar .item{border-radius:.5rem;height:.75rem;flex-grow:1}.progress-bar .item.default{background-color:var(--hover-bg-medium)}.progress-bar .item.bad{background-color:var(--btn-bad)}.progress-bar .item.ok{background-color:var(--btn-ok)}.progress-bar .item.good{background-color:var(--btn-good)}.progress-bar .item.perfect{background-color:var(--btn-perfect)}.progress-bar .item.active{box-shadow:#32325d40 0 6px 12px -2px,#0000004d 0 3px 7px -3px}@media (max-width: 35rem){.progress-bar{gap:0}.progress-bar .item{border-radius:0;border-right:1px solid white}.progress-bar .item:last-child{border-right:none}}.breadcrumbs{display:flex;gap:.5rem;max-width:27rem;width:100%}.breadcrumbs a{opacity:.6}.login,.registration,.password-reset{padding:4rem 1rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.success-message{color:green;font-size:1.25rem;padding-top:1rem}.info-message{display:flex;align-items:center;gap:1rem;color:var(--color-primary);padding-top:1rem}.error-message{color:red;padding-top:1rem 0}.basic-form{display:flex;flex-direction:column;align-items:center;gap:1rem;padding-top:2rem;max-width:27rem;width:100%}.basic-form .item{width:100%;display:flex;flex-direction:column;gap:.5rem}.basic-form .item label{letter-spacing:.05rem}.basic-form .item input,.basic-form .item textarea{border-radius:.75rem;border:1px solid var(--hover-bg-medium);background-color:#fff!important;color:var(--text-grey-medium)!important}.basic-form .item input{padding:1rem .75rem}.basic-form .item textarea{width:100%;resize:none;height:10rem;padding:.75rem}.basic-form .item input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px white inset!important;-webkit-text-fill-color:var(--text-grey-medium)!important}.basic-form a{cursor:pointer;font-weight:300;font-size:.875rem;color:var(--text-grey-light)}.primary-button{cursor:pointer;border:none;border-radius:2.5rem;padding:.75rem 6rem;color:#fff;background-color:var(--color-primary)}.primary-button:disabled{cursor:default;opacity:.6}.delete-button{cursor:pointer;border:none;border-radius:2.5rem;padding:.75rem 6rem;color:#fff;background-color:red}.delete-button:disabled{cursor:default;opacity:.6}.dialog{background-color:#8b959d9b;position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.dialog .inner{display:flex;flex-direction:column;align-items:center;border-radius:1rem;background-color:var(--content-bg-light);padding:2rem}.dialog .inner h2{padding-top:2rem}.dialog .inner p{text-align:center;line-height:1.8;font-weight:300;color:var(--text-grey-light);padding:2rem 0}.dialog .inner .button-wrapper{display:flex;gap:1rem}.dialog .inner .button-wrapper button{cursor:pointer;border-radius:.25rem;border:none;padding:.5rem 1rem}.dialog .inner .button-wrapper .cancel{background-color:#7d8794cc;color:#fff}.dialog .inner .button-wrapper .cancel:hover{background-color:#7d8794}.dialog .inner .button-wrapper .confirm{background-color:#f00c;color:#fff}.dialog .inner .button-wrapper .confirm:hover{background-color:red}.verify-mail{padding-top:3rem;display:flex;flex-direction:column;align-items:center;gap:2rem}.loading-spinner{display:inline-block;width:50px;height:50px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:var(--color-primary);animation:spin 1s ease-in-out infinite;-webkit-animation:spin 1s ease-in-out infinite}@keyframes spin{to{-webkit-transform:rotate(360deg)}}@-webkit-keyframes spin{to{-webkit-transform:rotate(360deg)}}