body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}:root{--primary-button-background-color:#ffcb05;--primary-background-color:#d3d3d3;--primary-text-color:#000;--primary-button-hover-color:#ffd54f;--accent:#000;--highlight:#8d6e63;--border-thin:1px;--border-medium:2px;--border-thick:4px}.main,.menu{align-items:center;color:#000;color:var(--primary-text-color);display:flex;flex-direction:column;font-family:Arial,sans-serif;gap:10px;justify-content:center;padding:1rem;text-align:center}.main-button,.menu-button{background-color:#ffcb05;background-color:var(--primary-button-background-color);border:2px solid #000;border:var(--border-medium) solid var(--accent);border-radius:10px;font-size:3rem;height:100px;max-width:500px;white-space:normal}.main-button,.menu-button,.title{color:#000;color:var(--primary-text-color);text-align:center;width:100%}.title{text-wrap:break-word;align-items:center;display:flex;font-size:5rem;justify-content:center;margin-bottom:20px;max-width:900px;padding:0 20px}.menu-button:hover{background-color:#ffd54f;background-color:var(--primary-button-hover-color);cursor:pointer}.deck-title{font-size:3rem;margin:20px 0 10px;overflow:auto;overflow-wrap:break-word;padding:0;text-align:center;white-space:normal;word-break:break-word}.deck-list{align-items:center;display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;min-width:250px;padding:0;width:100%}.listed-deck{max-width:500px;padding-left:1rem;padding-right:1rem;width:100%}.listed-deck button{background-color:#ffcb05;background-color:var(--primary-button-background-color);border:2px solid #000;border:var(--border-medium) solid var(--accent);border-radius:15px;color:#000;color:var(--primary-text-color);cursor:pointer;font-size:2rem;padding:1rem;text-align:left;width:100%}.listed-deck button:hover{background-color:#ffd54f;background-color:var(--primary-button-hover-color)}.loading{color:#000;color:var(--primary-text-color);font-size:4rem;text-align:center}.login-error{word-wrap:break-word;max-width:200px}@media (max-width:900px){.title{font-size:4rem}.menu-button{font-size:2.5rem;height:80px}}@media (max-width:600px){.title{font-size:3rem}.menu-button{height:70px}.deck-title,.menu-button{font-size:2rem}.main,.menu{margin:0}}@media (max-width:400px){.title{font-size:2.2rem}.menu-button{font-size:1.5rem;height:60px}}#root,body,html{background-color:var(--primary-background-color);height:100%;margin:0}.title{margin:0 0 20px}.formContent{color:var(--primary-text-color);min-height:100vh;padding-top:15px}.formContent,.login-form{align-items:center;display:flex;flex-direction:column;gap:.5rem}.textField{border:var(--border-medium) solid var(--accent);border-radius:.5rem;font-size:1rem;outline:none;padding:.75rem 1rem;transition:border-color .2s,box-shadow .2s;width:250px}.login-button{background-color:var(--primary-button-background-color);border:var(--border-medium) solid var(--accent);border-radius:10px;color:var(--primary-text-color);cursor:pointer;font-size:2rem;left:20px;position:absolute;top:20px;z-index:1000}.login-button:hover{background-color:var(--primary-button-hover-color)}.login-title{margin-top:25px}.header{border-bottom:var(--border-thin) solid var(--accent);color:var(--primary-text-color);justify-content:space-between;padding:5px 20px}.header,.header-left{align-items:center;display:flex;gap:10px}.header-left{max-width:250px}.header-title{font-size:1rem;max-width:200px}.header-image{height:50px;width:50px}.header-right{align-items:center;display:flex;font-size:1rem;gap:10px;justify-content:right;max-width:350px;text-align:center;width:100%}.user-info{max-width:100%;word-break:break-all}.header-button{background-color:var(--primary-button-background-color);border:var(--border-medium) solid var(--accent);border-radius:15px;color:var(--primary-text-color);font-size:1rem;font-weight:700;height:60px;width:80px}.header-button:hover{background-color:var(--primary-button-hover-color);cursor:pointer}@media (max-width:500px){.header-image{height:30px;width:30px}}@media (max-width:400px){.header-right{align-items:right;flex-direction:column;font-size:.75rem;gap:2px;justify-content:right;padding-top:5px;width:auto}.header-button{height:40px}}.home-link{align-items:center;color:inherit;display:flex;gap:8px;text-decoration:none}.timer-form{grid-gap:15px;background-color:gray;border:solid var(--border-medium) var(--accent);border-radius:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto auto;margin:0 auto;max-width:500px;padding:25px;width:100%}.timer-form>*{justify-self:center;text-align:center}.input{box-sizing:border-box;color:var(--accent);padding:15px;text-align:center;width:100%}.work-label{font-size:2rem;grid-column:1;grid-row:1;justify-self:right;margin-bottom:0;margin-top:0;padding-right:10px}.work-time-input{grid-column:1;grid-row:2}.rest-label{font-size:2rem;grid-column:2;grid-row:1;justify-self:left;margin-bottom:0;margin-top:0;padding-left:10px}.rest-time-input{grid-column:2;grid-row:2}.add-interval{grid-column:2;grid-row:3}.clear-interval{grid-column:1;grid-row:3}.clear-interval:disabled{cursor:not-allowed;opacity:.5}.timer-interval-list{border:none!important;grid-column:1/span 2;grid-row:4;padding-bottom:0!important;padding-top:0!important}.timer-button{align-items:center;background-color:var(--primary-button-background-color);border:var(--border-medium) solid var(--accent);border-radius:10px;color:var(--primary-text-color);cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;min-height:80px;min-width:80px;padding:15px;white-space:normal;width:100%}.timer-button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:600px){.timer-form{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto auto;padding:.5rem}.work-label,.work-time-input{grid-column:1}.rest-label,.work-label{margin-bottom:0}.rest-label,.rest-time-input{grid-column:2}.add-interval{grid-column:2;grid-row:3}.clear-interval{grid-column:1;grid-row:3}.input{box-sizing:border-box;font-size:1rem!important;width:100%}}.interval-list{background-color:gray;border:solid var(--border-medium) var(--accent);border-radius:15px;display:flex;justify-content:center;margin:10px auto;max-width:350px;padding:25px;width:100%}.interval-list ol{display:flex;flex-direction:column;gap:15px;list-style:none;margin:0;padding:0}.interval-list ol.numbered{list-style:decimal!important;list-style-type:decimal!important;padding-left:20px}.interval-list li{display:list-item;font-size:1.5rem;margin:0;padding:0}.interval-list li>div{display:flex;flex-direction:column;gap:15px;margin-bottom:15px}.listed-interval-text{display:flex;flex-direction:column;gap:10px;margin:0;padding:0}.interval-list p{margin:0}.interval-list button{background-color:var(--primary-button-background-color);border:solid var(--border-medium) var(--accent);border-radius:10px;font-size:1.5rem;height:50px;width:200px}.interval-list button:hover{background-color:var(--primary-button-hover-color);border:solid var(--border-medium) var(--accent);cursor:pointer}.interval-title{font-size:3rem;margin-bottom:5px}.instructions{color:#000;font-size:18pt}.timer-area{background-color:gray;border:solid var(--border-medium) var(--accent);border-radius:15px;display:flex;flex-direction:column;gap:10px;justify-content:center;margin:10px auto;max-width:500px;width:100%}.timer-display{font-size:1rem;margin:0;padding:0}.buttons{border-radius:15px;display:flex;gap:10px;justify-content:center;padding:15px}@media (max-width:400px){.rest-label,.work-label{font-size:1.5rem;padding:0}}.delete-button.hidden{display:none}.flash-alert{animation:flashBackground 2s ease-in-out}.timer-flash{animation:flashTimer 2s ease-in-out}@keyframes flashBackground{0%,to{background-color:initial}25%{background-color:#ff00001a}50%{background-color:#f003}75%{background-color:#ff00001a}}@keyframes flashTimer{0%,to{background-color:initial;box-shadow:none;transform:scale(1)}25%{background-color:#f003;box-shadow:0 0 20px #ff00004d;transform:scale(1.05)}50%{background-color:#ff00004d;box-shadow:0 0 30px #ff000080;transform:scale(1.1)}75%{background-color:#f003;box-shadow:0 0 20px #ff00004d;transform:scale(1.05)}}.current-interval{background-color:var(--primary-button-background-color);border-radius:5px;padding:25px!important}.timer-display{border-radius:10px;padding:20px;transition:all .3s ease}@media (max-width:768px){.timer-display{margin:10px 0;padding:15px}.flash-alert{animation:flashBackgroundMobile 2s ease-in-out}@keyframes flashBackgroundMobile{0%,to{background-color:initial}25%{background-color:#ff000026}50%{background-color:#ff000040}75%{background-color:#ff000026}}}.info-tooltip-container{cursor:default;display:inline-block;position:relative}.info-icon{border-radius:50%;color:#fff;font-family:Arial,sans-serif;font-size:40px;font-weight:700;height:10px;line-height:50px;margin-left:8px;text-align:center;-webkit-user-select:none;user-select:none;width:10px}.tooltip-text{background-color:#000;border-radius:6px;color:#fff;font-size:.875rem;left:50%;max-width:250px;opacity:0;padding:6px 8px;pointer-events:none;position:absolute;text-align:left;top:125%;transform:translateX(-50%);transition:opacity .3s;visibility:hidden;width:-webkit-max-content;width:max-content;z-index:100}.info-tooltip-container:hover .tooltip-text{opacity:1;pointer-events:auto;visibility:visible}.deck-name-field{font-size:1.5rem;padding-bottom:1rem}.form{align-items:center;background-color:gray;border:var(--border-medium) solid var(--accent);border-radius:15px;display:flex;flex-direction:row;flex-wrap:wrap;gap:2rem;justify-content:center;margin:0 auto;max-width:600px;padding:2rem;width:-webkit-fit-content;width:fit-content}.text-fields{display:flex;flex-direction:column;gap:1rem}.text-field{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:auto 1fr}.text-field span{display:inline-block;font-size:1.5rem;text-align:right;width:70px}.input-text-area{border:solid var(--border-medium) var(--accent);border-radius:5px;font-size:1.2rem;max-width:450px;min-height:100px;min-width:150px;overflow:auto;padding:10px;resize:both;width:100%}.small-button{align-items:center;background-color:var(--primary-button-background-color);border:var(--border-medium) solid var(--accent);border-radius:10px;color:var(--primary-text-color);cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;min-height:80px;min-width:80px;padding:15px;white-space:normal;width:auto}.small-button:hover{background-color:var(--primary-button-hover-color)}.input{border:solid var(--border-medium) var(--accent);font-size:1.5rem;text-align:left}@media (max-width:600px){.form{align-items:center;flex-direction:column}.input-text-area,.small-button{max-width:350px}.small-button{width:100%}}@media (max-width:520px){.input-text-area{font-size:1em;max-width:275px}}@media (max-width:450px){.input-text-area{max-width:180px}}@media (max-width:350px){.text-field{flex-direction:column}.card-text{font-size:1rem}.input-text-area{max-width:150px}.deck-name-field{font:1.5rem}.deck-title{font:1rem}}.card-list{border-radius:15px;gap:25px;list-style:none;max-width:900px;padding:0 50px 50px;text-align:center}.card-list,.listed-card{display:flex;flex-direction:column;width:100%}.listed-card{background-color:gray;border:solid var(--border-medium) var(--accent);border-radius:15px;gap:5px;padding-bottom:25px}.card-info-wrapper{align-items:center;display:flex;flex-direction:column;gap:5px}.card-header{border-radius:15px 15px 0 0}.back-label,.card-header,.front-label{margin:0;padding:0}.text-scroll{background-color:#fff;border:solid var(--border-thin) var(--accent);border-radius:10px;margin:0 25px;max-height:300px;overflow-y:auto;padding:10px 20px 10px 10px;white-space:pre-wrap;width:-webkit-fit-content;width:fit-content;word-break:break-word}.button-wrapper{align-items:center;display:flex;gap:25px;grid-column:1;grid-row:3;justify-content:center;margin-top:25px}.delete-button{background-color:darkred;border:solid var(--border-thin) var(--accent);border-radius:10px;color:var(--accent);font-size:2rem;height:80px;width:120px}.delete-button:hover{background-color:#b22222}.edit-button{background-color:var(--primary-button-background-color);border:solid var(--border-thin) var(--accent);border-radius:10px;color:var(--primary-text-color);font-size:2rem;height:80px;width:120px}.edit-textarea{height:100px;max-width:100%;resize:vertical;width:90%}.edit-button:hover{background-color:var(--primary-button-hover-color)}.accept:hover{background-color:#90ee90}.cancel:hover{background-color:#b22222}@media (max-width:400px){.card-list{margin:0;padding:0}}.mass-upload-instructions{background-color:silver;border-radius:15px;font-family:monospace;font-size:1rem;padding:10px;text-align:left;white-space:pre-wrap}.mass-upload-controls{display:flex;gap:15px}.mass-input-text-area{border-radius:10px;box-sizing:border-box;font-size:1rem;line-height:1.4;min-height:400px;min-width:300px;overflow-y:auto;padding:10px;width:100%}.text-field p{background-color:silver;border-radius:10px;font-size:1.5rem;margin:0;padding:5px}.mass-upload-text-field{display:flex;flex-direction:column;width:100%}.top-row{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:auto 1fr;justify-content:center;margin-bottom:20px;max-width:700px;width:100%}.title-edit-deck{font-size:5rem;justify-self:center;text-align:center;white-space:nowrap}@media (max-width:800px){.top-row{grid-template-columns:1fr;grid-template-rows:auto auto;justify-items:center}.title-edit-deck{font-size:3rem;white-space:normal}.small-button{font-size:1.5rem;height:auto;max-width:150px;padding:.5rem 1rem}}button.menu-button.disabled{cursor:not-allowed}button.menu-button.disabled p{margin:0;padding:0}.flashcard-area{align-items:center;box-sizing:border-box;color:var(--primary-text-color);display:flex;justify-content:center;padding:0 1rem 1rem;width:100%}.flashcard-area h1{margin:0 0 1rem;padding:0}.flip-card{border-radius:10px;height:min(300px,80vh);margin:0 1rem;max-width:500px;perspective:1000px;width:80vw}.complete{align-items:center;display:flex;font-size:2rem;justify-content:center}.complete,.flip-card-inner{background-color:var(--primary-button-background-color);border:solid var(--border-medium) var(--accent)}.flip-card-inner{border-radius:10px;height:100%;position:relative;transform-style:preserve-3d;transition:transform .3s linear;width:100%}.flip-card-inner.flipped{transform:rotateY(180deg)}.flip-card-back,.flip-card-front{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:10px;display:flex;flex-direction:column;height:100%;overflow:hidden;position:absolute;width:100%}.flashcard-header{background-color:#0000001a;flex-shrink:0;font-size:1rem;font-weight:700;height:2rem;padding:.5rem 1rem;text-align:center}.flip-card-back{transform:rotateY(180deg)}.card-back,.card-front{display:block;flex-grow:1;font-size:1.5rem;overflow-y:auto;padding:1rem;text-align:center;word-break:break-word}.card-body{display:flex;flex-direction:column;justify-content:center;min-height:100%;padding-bottom:1.5rem;text-align:center}.card-body p{transition:opacity .2s ease;white-space:pre-wrap}.card-back p.hidden{opacity:0}.controls{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:auto auto auto auto;height:auto;justify-content:center;margin-top:0;max-width:500px;width:100%}.controls button{background-color:var(--primary-button-background-color);border:solid var(--border-medium) var(--accent);border-radius:15px;color:var(--primary-text-color);cursor:pointer;flex:1 1 auto;font-size:1.5rem;max-height:80px}.controls button:hover{background-color:var(--primary-button-hover-color)}.controls button:disabled{cursor:not-allowed;opacity:.7}.controls button:disabled,.reset-button{background-color:var(--primary-button-background-color);color:var(--primary-text-color)}.reset-button{border:solid var(--border-medium) var(--accent);border-radius:15px;font-size:2rem;height:150px;width:200px}.reset-button:hover{background-color:var(--primary-button-hover-color);cursor:pointer}.lower-reset-button{grid-column:1;grid-row:1}.back-button{grid-column:2;grid-row:1}.next-button{grid-column:3;grid-row:1}.flip-button{grid-column:4;grid-row:1}.input-div{grid-column:1/span 4;grid-row:4;padding-left:2rem}.controls label{font-size:2rem;margin-bottom:1rem}.controls input{height:1.5rem;width:1.5rem}@media (max-width:500px){.controls{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto auto}.input-div{grid-column:1/span 2}.next-button{grid-column:2}.back-button{grid-column:1}.lower-reset-button{grid-column:1;grid-row:2}.flip-button{grid-column:2;grid-row:2}}
/*# sourceMappingURL=main.f1a1ab25.css.map*/