@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;0,1000;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900;1,1000&display=swap";body,html{padding:0;margin:0!important;color:#eee;font-family:Nunito Sans,sans-serif;overflow-x:hidden}body,header,html{background-color:#1c1b22}header{width:100vw;border-bottom:2px solid #24232b;position:fixed;padding:1px;display:flex;flex-direction:row;justify-content:space-between;z-index:10}header #header-left{margin-left:25px;display:flex;justify-content:flex-start;align-items:center;cursor:pointer}header #header-left h1{font-weight:900}header #header-left p{border-left:thin solid #eee;margin-left:7px;padding-left:7px;height:40%;display:flex;justify-content:center;align-items:center;opacity:50%}header #header-right{margin-right:25px;display:flex;justify-content:flex-end;align-items:center;width:35%}#search-box{display:flex;flex-direction:row;width:100%}#search-box #search-box-icon{display:flex;justify-content:center;align-items:center;background-color:#24232b;height:35px;width:35px;border-radius:35px 0 0 35px;color:#eee;font-size:12px;cursor:pointer}#search-box #search-box-icon svg{margin-top:-2px}#search-box #search-box-input{background-color:#24232b;outline:none;border:none;border-radius:0 35px 35px 0;color:#eee;font-family:Nunito Sans,sans-serif;width:calc(100% - 35px)}#user-avatar-menu{margin-left:15px}#user-avatar-menu #user-avatar{width:30px;height:30px;background-color:#eee;border-radius:100%;border:2px solid #eee;cursor:pointer}#user-avatar-menu #menu-dropdown-wrapper{position:absolute;width:250px;right:0;display:flex;justify-content:center;align-items:center}#user-avatar-menu #menu-dropdown-wrapper #menu-dropdown{background-color:#24232b;width:80%;margin-top:12px;border-radius:5px;display:flex;flex-direction:column;padding:5px}#user-avatar-menu #menu-dropdown-wrapper #menu-dropdown hr{width:100%;border:thin solid #eee;outline:none;background-color:transparent}#user-avatar-menu #menu-dropdown-wrapper #menu-dropdown button{background-color:transparent;border:none;color:#eee;font-family:Nunito Sans,sans-serif;padding:2.5px 2.5px 2.5px 10px;cursor:pointer;text-align:left;font-weight:600;font-size:16px;z-index:56;transition:.1s;opacity:75%;display:flex;justify-content:flex-start;align-items:center}#user-avatar-menu #menu-dropdown-wrapper #menu-dropdown button svg{margin-bottom:1.5px;font-size:12px;margin-right:5px}#user-avatar-menu #menu-dropdown-wrapper #menu-dropdown button:hover{background-color:#1c1b22;border-radius:3px}#user-avatar-menu #menu-dropdown-wrapper #menu-dropdown #sign-out-btn{color:#a83d3d}#user-avatar-menu #menu-dropdown-wrapper #menu-dropdown:before{content:"";width:15px;height:15px;background-color:#24232b;transform:rotate(45deg);position:absolute;margin-top:-12px;right:36px}#login-btn{width:75px;color:#eee;background-color:#bb86fc;outline:none;border:none;height:35px;border-radius:35px;font-family:Nunito Sans,sans-serif;font-weight:700;margin-left:15px;cursor:pointer;transition:.5s;text-decoration:none;text-align:center;display:flex;justify-content:center;align-items:center;font-size:13px;font-weight:800}#login-btn:hover{opacity:80%}main{height:150vh;width:100%;display:flex;justify-content:center;align-content:center;height:auto}main #content{margin-top:50px;padding:25px;width:90vw;max-width:1500px}main #content #sets{display:flex;flex-direction:column;flex-wrap:wrap}main #content #sets h1{font-size:45px;font-weight:900}#login-wrapper{display:flex;justify-content:center;align-items:center;height:100vh}#login-wrapper #login{margin-top:-25px;width:50vw}#login-wrapper #login .title{margin-left:10px;font-weight:900}#login-wrapper #login .title-sub{margin-left:10px;font-weight:100;opacity:50%;margin-top:-25px}#login-wrapper #login fieldset{padding:0;border:none;outline:none;display:flex;flex-direction:column;margin-bottom:25px}#login-wrapper #login fieldset label{font-weight:800;margin-left:10px}#login-wrapper #login fieldset input{background-color:#24232b}#login-wrapper #login button,#login-wrapper #login fieldset input{outline:none;border:none;border-radius:35px;color:#eee;font-family:Nunito Sans,sans-serif;padding:8px}#login-wrapper #login button{width:100%;background-color:#bb86fc;font-weight:800;cursor:pointer}#login-wrapper #login .sub{margin-top:8px;font-size:13px;text-align:center;opacity:75%}#login-wrapper #login .sub a{color:#bb86fc}#set-list{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;margin-top:-30px;padding:0;align-items:stretch;max-width:90vw}#set-list .study-set{flex:1 0 21%;background-color:#24232b;border-radius:10px;margin:10px;padding-left:20px;padding-right:20px;transition:.25s;cursor:pointer;border:1px solid transparent;max-width:100vw!important}#set-list .study-set h3{font-weight:800;text-overflow:clip!important;word-wrap:break-word}#set-list .study-set .term-count{background-color:#1c1b22;width:55px;padding:5px;border-radius:25px;text-align:center;font-size:12px;margin-top:-12px}#set-list .study-set .created-by{display:flex;justify-content:flex-start;align-items:center}#set-list .study-set .created-by img{width:20px;height:20px;background-color:#eee;border-radius:100%;margin-right:5px;margin-top:1px;border:2px solid #eee}#set-list .study-set:hover{opacity:80%}.spinner-wrapper{width:100%;height:100px;justify-content:flex-start;align-items:center;opacity:60%}#set-title,.spinner-wrapper{display:flex;flex-direction:row}#set-title{font-weight:1000;font-size:35px}#set-title #edit-icon{margin-left:15px;opacity:50%;transition:.25s;cursor:pointer}#set-title #edit-icon svg{margin-top:5px}#set-title #edit-icon:hover{opacity:80%}#set-created-by{font-weight:100;opacity:70%;font-size:13px;margin-top:-35px;justify-content:flex-start}#set-created-by,#user-card{display:flex;flex-direction:row;align-items:center}#user-card{background-color:#24232b;border-radius:6px;height:20px;padding:4px 6px;cursor:pointer;transition:.2s;box-shadow:0 6px 16px rgba(0,0,0,.15)}#user-card img{width:12px;height:12px;background-color:#eee;border-radius:100%;border:thin solid #eee}#user-card p{margin-left:5px}#user-card:hover{opacity:80%}#set-content-wrapper{margin-top:25px;display:flex;justify-content:center;align-items:center;flex-direction:column}#study-type-switch{display:flex;flex-direction:row;border:5px solid #24232b;background-color:#24232b;width:60vw;max-width:530px;justify-content:center;align-content:center;border-radius:5px;transition:.25s;margin-bottom:25px;box-shadow:0 6px 16px rgba(0,0,0,.15)}#study-type-switch .type-radio{font-weight:900;width:50%;padding:15px;text-align:center;border-radius:3px;cursor:pointer;transition:.25s}#study-type-switch .type-radio-active{background-color:#1c1b22}#card-stack-wrapper{width:100vw}#card-stack-wrapper,#card-stack-wrapper .current-card{display:flex;flex-direction:column;justify-content:center;align-items:center}#card-stack-wrapper .current-card{white-space:pre-wrap;background-color:#1c1b22;height:75vh;width:60vw;max-width:535px;max-height:600px;border-radius:15px;color:#eee;font-family:Nunito Sans,sans-serif;font-weight:900;font-size:50px;cursor:pointer}#card-stack-wrapper .controls{width:60vw;max-width:535px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}#card-stack-wrapper .controls .deck-next,#card-stack-wrapper .controls .deck-prev,#card-stack-wrapper .controls .deck-restart{border:none;color:#eee;padding:15px;margin-top:10px;border-radius:6px;font-family:Nunito Sans,sans-serif;font-size:15px;font-weight:800;cursor:pointer;transition:.5s;text-align:center;box-shadow:0 6px 16px rgba(0,0,0,.15)}#card-stack-wrapper .controls .deck-next:disabled,#card-stack-wrapper .controls .deck-prev:disabled,#card-stack-wrapper .controls .deck-restart:disabled{opacity:50%;cursor:not-allowed}#card-stack-wrapper .controls .deck-restart{width:50px;background-color:#24232b;margin-right:10px}#card-stack-wrapper .controls .deck-prev{background-color:#24232b;flex-grow:1;margin-right:10px}#card-stack-wrapper .controls .deck-next{background-color:#bb86fc;flex-grow:1}.card{transform-style:preserve-3d;transition:transform .8s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 6px 16px rgba(0,0,0,.15);cursor:pointer}.card,.card .back,.card .front{width:100%;height:100%;border-radius:6px;white-space:pre-wrap}.card .back,.card .front{overflow-y:scroll;position:absolute;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#24232b;justify-content:center;align-items:center;-webkit-font-smoothing:antialiased;color:#eee;font-family:Nunito Sans,sans-serif;font-weight:900;font-size:.5rem;display:flex;flex-direction:column;transition:.5s;font-size:15px}.card .back p,.card .front p{font-weight:600}.card .back,.card.flipped{transform:rotateY(180deg)}.progress{width:60vw;max-width:535px}.progress progress{margin-top:10px;width:100%;max-width:585px;border:none;border-radius:15px;transition:.5s;background-color:#24232b;box-shadow:0 6px 16px rgba(0,0,0,.15)}.progress progress::-moz-progress-bar,.progress progress::-webkit-progress-bar{background-color:#bb86fc;border-radius:15px}#quiz-wrapper{width:100vw}#quiz-wrapper,#quiz-wrapper #quiz-question{display:flex;flex-direction:column;justify-content:center;align-items:center}#quiz-wrapper #quiz-question{background-color:#24232b;padding:20px;width:60vw;max-width:500px;border-radius:5px;white-space:pre-wrap}#quiz-wrapper #quiz-question h1{font-weight:900}#quiz-wrapper #quiz-question pre{max-width:100%}#quiz-wrapper #quiz-options,#quiz-wrapper #quiz-options #options{display:flex;flex-direction:row;flex-wrap:wrap}#quiz-wrapper #quiz-options #options{width:60vw;max-width:540px;margin-top:20px;justify-content:space-between}#quiz-wrapper #quiz-options #options .option-btn{background-color:#24232b;border-radius:5px;display:flex;flex-direction:row;justify-content:flex-start;text-align:start!important;width:100%;margin-bottom:20px;outline:2px solid #24232b}#quiz-wrapper #quiz-options #options .option-btn label{text-align:start!important;padding:10px;display:flex;justify-content:flex-start;align-items:center;cursor:pointer;text-align:center}#quiz-wrapper #quiz-options #options .option-btn label span{margin-left:10px}#quiz-wrapper #quiz-options #options .option-btn input{display:none}#quiz-wrapper #quiz-options #options .option-btn:hover{opacity:80%}#quiz-wrapper #quiz-options #options .picked{outline:2px solid #bb86fc}.dot{min-height:8px!important;max-height:8px!important;min-width:8px!important;max-width:8px!important;border:2.5px solid #eee;background:#eee;border-radius:50%}.dot,.dot-active{position:relative}.dot-active{background:#bb86fc}.correct-answer-dot{background:#54b85e;position:relative}.incorrect-answer-dot{background:#a83d3d;position:relative}.square{min-height:8px!important;max-height:8px!important;min-width:8px!important;max-width:8px!important;background:#eee;border-radius:2.5px;border:2px solid #eee;position:relative}.square-active{background:#bb86fc;position:relative}.correct-answer-square{background:#54b85e;position:relative}.incorrect-answer-square{background:#a83d3d;position:relative}#single-choice #quiz-sub-options{display:flex;flex-direction:row;justify-content:flex-end}#single-choice #quiz-sub-options button{background-color:#bb86fc;border:none;color:#eee;border-radius:5px;font-family:Nunito Sans,sans-serif;font-weight:700;flex-basis:100%;margin-bottom:20px;transition:.25s;outline:2px solid #24232b;padding:15px;cursor:pointer}#single-choice #quiz-sub-options button:disabled{opacity:50%;cursor:not-allowed}.br{width:100%;background-color:#24232b;height:2px;margin-bottom:20px}.correct-answer{outline:2px solid #54b85e!important}.incorrect-answer{outline:2px solid #a83d3d!important}#quiz-result{background-color:#24232b;padding:20px;width:60vw;max-width:500px;display:flex;justify-content:center;flex-direction:column;align-items:center;border-radius:5px}#quiz-result h1{font-weight:900}#quiz-result #result-percent{background-color:#1c1b22;padding:10px 20px;border-radius:20px;margin-top:-15px}#quiz-result #result-try-again-btn{width:50%;color:#eee;background-color:#bb86fc;outline:none;border:none;height:40px;border-radius:35px;font-family:Nunito Sans,sans-serif;font-weight:700;cursor:pointer;transition:.5s;text-decoration:none;text-align:center;display:flex;justify-content:center;align-items:center;font-size:16px;font-weight:800}#quiz-result #result-try-again-btn:hover{opacity:80%}#create{display:flex;flex-direction:column}#create h1{font-size:45px;font-weight:900}#create #create-header{display:flex;flex-direction:row;justify-content:space-between}#create #create-header #create-title{background-color:#24232b;outline:none;border:none;border-radius:35px;color:#eee;font-family:Nunito Sans,sans-serif;padding:10px 10px 10px 20px;font-size:15px;flex-grow:1;margin-right:15px}#create #create-header #create-btn{background-color:#bb86fc;font-family:Nunito Sans,sans-serif;color:#eee;border:none;border-radius:100px;font-weight:800;font-size:16px;padding-right:20px;padding-left:20px;cursor:pointer;transition:.25s}#create #create-header #create-btn:hover{opacity:80%}#create #create-options{background-color:#24232b;display:flex;flex-direction:row;justify-content:space-evenly;margin:25px 0;border-radius:5px;box-shadow:0 6px 16px rgba(0,0,0,.15);padding:15px}#create #create-options .create-options-list{display:flex;flex-direction:row;justify-content:space-evenly;width:90%}#create #create-options .create-options-list .create-option-item{background-color:#1c1b22;color:#eee;display:flex;justify-content:center;align-items:center;border:none;padding:10px;border-radius:10px;font-family:Nunito Sans,sans-serif;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}#create #create-options .create-auto-upload{display:flex;justify-content:center;align-items:center;width:10%}#create #create-options .create-auto-upload .create-auto-upload-btn{display:flex;justify-content:center;align-items:center;background-color:#1c1b22;color:#eee;border:none;padding:10px;border-radius:10px;font-family:Nunito Sans,sans-serif;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}#create .question-card{background-color:#24232b;margin:25px 0;border-radius:5px;box-shadow:0 6px 16px rgba(0,0,0,.15);padding:15px}#create .question-card .question-card--header{padding:0;display:flex;flex-direction:row;justify-content:space-between}#create .question-card .question-card--header .question-card--index{margin:0;font-weight:900;background-color:#1c1b22;padding:0 10px;height:35px;display:flex;justify-content:center;align-items:center;border-radius:2.5px}#create .question-card .question-card--header .question-card--controls{display:flex;justify-content:center;align-items:center}#create .question-card .question-card--header .question-card--controls .question-card--control{padding:0 10px;margin:0;font-weight:900;background-color:#1c1b22;height:35px;display:flex;justify-content:center;align-items:center;border-radius:2.5px;transition:.25s;cursor:pointer}#create .question-card .question-card--header .question-card--controls .question-card--control svg{opacity:85%}#create .question-card .question-card--header .question-card--controls .question-card--control:hover{color:#a83d3d}#create .question-card .question-card--header .question-card--controls .no-delete{opacity:50%}#create .question-card .question-card--content{margin-top:15px;display:flex;flex-direction:row}#create .question-card .question-card--content .question-card--content--left{max-width:50%;min-width:50%}#create .question-card .question-card--content .question-card--content--left textarea{max-width:calc(100% - 20px);min-width:calc(100% - 20px);background-color:#1c1b22;outline:none;border:none;border-radius:2.5px;color:#eee;height:200px;padding:10px}#create .question-card .question-card--content .question-card--content--left .question-card--content--preview{margin-top:15px;border-radius:2.5px;background-color:#1c1b22;padding:5px 15px}#create .question-card .question-card--content .question-card--content--right{width:50%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}#create .question-card .question-card--content .question-card--content--right .option{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%}#create .question-card .question-card--content .question-card--content--right .option .option-input{width:70%;background-color:#1c1b22;outline:none;border:none;border-radius:35px 0 0 35px;color:#eee;font-family:Nunito Sans,sans-serif;padding:10px 10px 10px 20px;font-size:15px;margin-bottom:10px;height:25px}#create .question-card .question-card--content .question-card--content--right .option .hide-options{border-radius:35px!important;width:85%!important}#create .question-card .question-card--content .question-card--content--right .option .option-controls{width:10%;background-color:#1c1b22;outline:none;border:none;border-radius:0 35px 35px 0;color:#eee;font-family:Nunito Sans,sans-serif;margin-bottom:10px;padding:10px 15px 10px 10px;height:25px;font-size:15px;display:flex;justify-content:flex-end;transition:.25s}#create .question-card .question-card--content .question-card--content--right .option .option-controls .option-controls--btn{transition:.25s;background-color:#1c1b22;border:none;color:#eee;font-size:15px;display:flex;justify-content:center;align-items:center;cursor:pointer;margin-left:5px}#create .question-card .question-card--content .question-card--content--right .option .option-controls .option-controls--btn:hover{opacity:75%}#create .question-card .question-card--content .question-card--content--right .option .option-controls .option-controls--btn:disabled{opacity:50%}#create .question-card .question-card--content .question-card--content--right .option .option-controls .delete:hover{color:#a83d3d}#create .question-card .question-card--content .question-card--content--right .add-option{width:85%;outline:1.5px solid #eee;background-color:#24232b;border-radius:35px;color:#eee;font-family:Nunito Sans,sans-serif;padding:10px 10px 10px 20px;font-size:15px;text-align:center;opacity:50%;cursor:pointer;transition:.25s}#create .question-card .question-card--content .question-card--content--right .add-option:hover{opacity:40%}#add-question-btn{border:1px solid #eee;padding:10px;text-align:center;border-radius:5px;box-shadow:0 6px 16px rgba(0,0,0,.55);opacity:50%;cursor:pointer;transition:.25s;font-weight:300;background-color:transparent;margin-bottom:50px}#add-question-btn:hover{opacity:35%}#no-search-results{opacity:50%;font-weight:300}#profile-info{background-color:#24232b;padding:15px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;border-radius:6px;box-shadow:0 6px 16px rgba(0,0,0,.15)}#profile-info #profile-info-avatar{width:60px;height:60px;border-radius:100%;background-color:#eee;border:2px solid #eee}#profile-info #profile-info-username{margin-left:15px;font-size:25px!important;margin-right:20px}#profile-info .profile-stat{background-color:#1c1b22;padding:8px;border-radius:5px;margin-right:15px}.search-result-list{margin-top:15px!important;margin-left:0!important}.search-result-list .study-set{flex-basis:100%!important;margin-left:0!important;box-sizing:border-box}.modal-upload-btn{display:flex;flex-direction:row;justify-content:center;align-items:center}.modal-upload-btn::-webkit-file-upload-button{border:none;background-color:#eee;color:#1c1b22;padding:10px;border-radius:10px;font-family:Nunito Sans,sans-serif;cursor:pointer;-webkit-user-select:none;user-select:none}.modal-upload-btn::file-selector-button{border:none;background-color:#eee;color:#1c1b22;padding:10px;border-radius:10px;font-family:Nunito Sans,sans-serif;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.modal-file-upload-btn{margin-top:15px;width:100%;padding:10px;border:none;border-radius:5px;color:#eee;background-color:#1c1b22;font-family:Nunito Sans,sans-serif;font-weight:700;cursor:pointer}.modal-file-upload-btn:disabled{opacity:50%;cursor:not-allowed}.loader{width:48px;height:48px;border-radius:50%;position:relative;animation:rotate 1s linear infinite}.loader:before{content:"";box-sizing:border-box;position:absolute;inset:0;border-radius:50%;border:5px solid #fff;animation:prixClipFix 2s linear infinite}@keyframes rotate{to{transform:rotate(1turn)}}@keyframes prixClipFix{0%{-webkit-clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0);clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}25%{-webkit-clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0);clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}50%{-webkit-clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%);clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}75%{-webkit-clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%);clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}to{-webkit-clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0);clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}}@media only screen and (max-width:910px){header #header-left p{display:none!important}header #header-right{justify-content:flex-end!important}header #header-right #search-box{display:none!important}#quiz-options,#study-type-switch,.controls,.current-card,.progress{width:90vw!important}#quiz-question{width:83vw!important}#multi-choice,#single-choice{width:100%}#options{width:100%!important}.option-btn{flex-basis:100%!important}#set-list{display:block!important;max-width:100vw!important}#set-list .study-set{margin-left:0!important;margin-right:0!important}}