:root{--background-color: #4d4d4d;--content-container-bkgr-colour: rgb(57, 57, 57);--card-colour: #888;--border-radius: 25px;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#ffffffde;background-color:var(--background-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{overflow:visible}#root{height:calc(100vh - 24px);padding:4px}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}a:focus{outline:#1698ff solid 2px;outline-offset:2px}h1{font-size:3.2em;line-height:1.1}textarea{font-family:inherit}textarea:focus{outline:#1698ff solid 2px;outline-offset:2px}input:focus{outline:#1698ff solid 2px;outline-offset:2px}button{color:#fff;cursor:pointer}button:disabled{cursor:not-allowed}button:focus{outline:#1698ff solid 2px;outline-offset:2px}.page-container{display:flex;flex-direction:column;height:100%}.default-btn{background-color:#555;border:none;padding:10px;border-radius:999px;font-size:18px;transition:background-color .25s}.default-btn:hover{background-color:#636363}.default-btn:disabled{background-color:#454545}.primary-btn{background-color:#2b92d8;border:none;padding:10px;border-radius:999px;font-size:18px;transition:background-color .25s}.primary-btn:hover{background-color:#3d9fea}.primary-btn:disabled{background-color:#134665}.large-btn{height:calc(3rem + 5vh);width:calc(4rem + 15vw);font-size:24px}.img-btn{display:flex;align-items:center;justify-content:center;gap:4px}.card-btn{display:flex;align-items:center;justify-content:center;background-color:transparent;border:none;border-radius:50px;width:32px;min-width:32px;height:32px;min-height:32px;padding:0;text-align:center;font-size:18px;transition:background-color .3s}.card-btn:hover{background-color:#8f8f8f}.card-btn:focus{background-color:#8f8f8f}.card-btn>img{width:20px;height:20px}#return-button{margin-bottom:12px;flex:0 0 auto}.home-header{display:flex;justify-content:space-between;align-items:center;gap:16px}.deck-folders-container{position:absolute;top:135px;bottom:12px;left:12px;right:12px;display:flex;padding-block:1em;background-color:var(--content-container-bkgr-colour);border-radius:var(--border-radius)}.deck-folders{display:flex;flex-wrap:wrap;justify-content:center;align-content:flex-start;gap:4rem;overflow-y:auto;overflow-x:visible;scrollbar-gutter:stable both-edges;scrollbar-color:#a8a8a8 transparent;margin-inline:5px;width:100%}.home-header>button{height:5rem;width:15rem;font-size:calc(14px + .5vw);gap:8px}.folder-div{display:grid;width:310px;gap:1rem;--deck-folder-background: rgb(120, 120, 120)}.folder-header-container{max-height:10rem;text-align:left;font-size:24px;overflow:hidden;background-color:var(--deck-folder-background);border:none;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding-inline:1rem}.show-new-deck-container-btn{font-size:16px;margin-inline:auto;height:44px;max-height:44px;width:10rem;background:var(--deck-folder-background)}.folder-name{font-weight:700;padding-block:.5rem}.folder-header-btn{display:flex;align-items:center;justify-content:center;background-color:transparent;border:none;border-radius:50px;width:32px;min-width:32px;height:32px;min-height:32px;padding:0;text-align:center;font-size:18px;transition:background-color .3s,transform .2s}.folder-header-btn:hover{background-color:#9f9f9f}.folder-header-btn:focus{background-color:#9f9f9f}.folder-header-btn>img{width:20px;height:20px}.dropdown-group{display:grid;gap:1rem;padding-inline:10px;transition:height .5s ease-in-out;height:0;overflow:hidden}.dropdown-group.expanded{height:auto;height:calc-size(auto,size)}.new-deck-container{background-color:var(--deck-folder-background);border-radius:var(--border-radius);padding:8px;height:180px;transition:height .5s ease}.new-deck-container h2{text-align:center;margin-block:.75rem}.hidden-container{height:0!important;overflow:hidden}.hidden{display:none}.new-deck-form{display:flex;flex-direction:column;gap:8px}.new-deck-form-controls{display:flex;justify-content:space-around;font-size:16px}.new-deck-form-controls button{padding-inline:1rem;width:7rem}.cancel-btn{background-color:#8c8c8c}.cancel-btn:hover{background-color:#9a9a9a}.deck-text-input{background-color:#9a9a9a;color:inherit;border:1px solid #d8d8d8;border-radius:10px;padding:6px;font-size:14px;resize:none;transition:background-color .3s}.deck-text-input::placeholder{color:#dadada}.deck-text-input:hover{background-color:#8f8f8f}.deck-text-input:focus{background-color:#8f8f8f}.deck-link{border-radius:var(--border-radius);padding-bottom:8px}.deck-link:hover{outline:none}.deck-card-content{display:flex;width:100%;height:100%}.deck-card-text-area{display:flex;flex-direction:column;flex:2}.deck-name{font-size:20px;font-weight:700;margin-block:.75rem}.deck-description{margin-block:.75rem;font-size:16px;color:#eaeaea}.delete-deck-btn{margin-top:.75rem}.rotated-90{transform:rotate(-90deg)}.display-3-lines{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.card-stack{--card-width: 275px;--card-height: 220px;position:relative;width:var(--card-width);height:var(--card-height)}.deck-card{position:absolute;border-radius:25px;padding:10px;transition:.2s transform;flex-direction:column;justify-content:center;align-items:center;color:#fff;overflow:hidden;filter:drop-shadow(2px 2px 2px rgba(0,0,0,.2))}.card-1{background-color:#959595;width:calc(var(--card-width) - 20px);height:calc(var(--card-height) - 20px)}.card-2{background-color:#858585;width:calc(var(--card-width) - 30px);height:calc(var(--card-height) - 30px);transform:translate(18px,5px)}.card-3{background-color:#7c7c7c;width:calc(var(--card-width) - 40px);height:calc(var(--card-height) - 40px);transform:translate(36px,10px)}.card-stack:hover .card-1{transform:rotate(-2deg)}.card-stack:hover .card-2{transform:translate(18px,5px) rotate(2deg)}.card-stack:hover .card-3{transform:translate(36px,10px) rotate(5deg)}.static{position:static}#modal-background{position:fixed;height:100vh;width:100vw;background-color:#000;z-index:10;top:0;left:0;opacity:65%}#modal-container{position:absolute;top:50vh;bottom:50vh;right:5vw;left:5vw;z-index:20;display:flex;flex-wrap:wrap;justify-content:center;align-content:center}#modal-body{padding-inline:.3rem;background-color:#696969;border-radius:var(--border-radius);max-width:90vw;min-width:40rem}#modal-header{display:flex;justify-content:space-between;align-items:center;margin-inline:2rem;margin-block:1rem;gap:2rem}#modal-header>h1{text-align:center}.header-btn{height:3.5rem;width:10rem;min-width:5rem;font-size:1rem}.modal-btn{background-color:#8c8c8c}.modal-btn:hover{background-color:#9a9a9a}.group-container{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;overflow-x:hidden;overflow-y:auto;max-height:60vh;margin-bottom:1rem;scrollbar-gutter:stable both-edges;scrollbar-color:#a8a8a8 transparent}img{-webkit-user-drag:none}.card{display:flex;padding:16px;height:14rem;width:28rem;border-radius:var(--border-radius)}.small-card{display:flex;padding:16px;height:12rem;width:22rem;border-radius:var(--border-radius)}.edit-card{flex-direction:column;background-color:#a9a9a9}#new-card{color:inherit;background-color:unset;border:none;font:inherit;box-sizing:unset;justify-content:center;align-items:center;gap:8px;cursor:pointer;outline:4px dashed grey;outline-offset:-4px;font-size:20px;transition:background-color .3s}#new-card:hover{background-color:#a9a9a91a}#new-card:focus{background-color:#a9a9a91a}.text-header{margin-block:.4rem;font-weight:700}.text-input{background-color:#9a9a9a;color:inherit;border:1px solid #d8d8d8;border-radius:10px;padding:6px;font-size:14px;resize:none;transition:background-color .3s}.text-input::placeholder{color:#dadada}.text-input:hover{background-color:#8f8f8f}.text-input:focus{background-color:#8f8f8f}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.index-container{display:flex;align-items:center;gap:1rem}.index-number-input{background-color:#9a9a9a;color:inherit;border:none;border-radius:10px;width:64px;height:32px;padding:0;text-align:center;font-size:18px;outline:1px solid #dfdfdf;transition:background-color .3s}.index-number-input:hover{background-color:#8f8f8f}.index-number-input:focus{background-color:#8f8f8f}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.placeholder{width:28px;height:28px}.disabled{background-color:transparent!important;opacity:.4}.absolute{position:absolute}#root{overflow-y:auto;scrollbar-color:#a8a8a8 transparent}.deck-button{height:clamp(4rem,6rem,6rem);width:25rem;font-size:28px}#deck-body{display:flex;flex-direction:column;justify-content:center;text-align:center;background-color:var(--content-container-bkgr-colour);margin-inline:6vw;margin-block:auto;border-radius:var(--border-radius)}#deck-name{padding-inline:1rem;margin-top:10vh;margin-bottom:0;font-size:64px}#deck-subtitle{padding-inline:2rem;margin-block:3vh;font-size:32px;color:#868686}#number-of-cards{margin-block:5vh}#deck-button-section{display:flex;justify-content:center;margin-bottom:clamp(12px,10vh,10rem);margin-inline:1rem;gap:1rem}#play-page-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:var(--content-container-bkgr-colour);text-align:center;border-radius:var(--border-radius)}#card{width:60%;min-height:5rem;height:65%;margin-block:20px;perspective:1000px;font-size:32px;position:relative;animation-duration:.75s;animation-timing-function:ease-in-out}.reveal #card-inner{transform:rotateX(180deg)}.next-card{animation-name:move-card}.prev-card{animation-name:move-card;animation-direction:reverse}@keyframes move-card{0%{right:0}40%{right:4000px}60%{left:4000px}to{left:0}}.hide-overflow{overflow-x:hidden}#card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s;transform-style:preserve-3d}#card-front,#card-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:var(--card-colour);display:flex;overflow:auto;border-radius:var(--border-radius);scrollbar-gutter:stable both-edges;scrollbar-color:#a8a8a8 transparent}#card-back{transform:rotateX(180deg)}.card-text{margin-block:auto;margin-inline:auto;padding-block:2rem;padding-inline:1rem}#navigation{display:flex;justify-content:space-between;align-items:center;width:300px;margin-block:20px}#navigation button{height:3em;width:6em}#toggle-answer-button{margin-block:10px;height:4em;width:10em}