:root{--fret-width:38px;--chordbox-font-size:calc(var(--fret-width)/2.5);--font-montserrat:"Montserrat",sans-serif;--color-brand-1:#6084bf;--color-brand-2:#03254e;--color-brand-3:#d5be94;--color-highlight:#a3ff3f;--color-primary:#3b82f6;--color-secondary:#545677;--color-tertiary:#dbacab;--color-neutral:#fff;--color-white:#fff;--color-primary-600:color-mix(in srgb,var(--color-primary)80%,white);--color-primary-300:color-mix(in srgb,var(--color-primary)60%,white);--color-primary-200:color-mix(in srgb,var(--color-primary)40%,white);--color-primary-100:color-mix(in srgb,var(--color-primary)20%,white);--color-secondary-400:color-mix(in srgb,var(--color-secondary)80%,white);--color-secondary-300:color-mix(in srgb,var(--color-secondary)60%,white);--color-tertiary-200:color-mix(in srgb,var(--color-tertiary)80%,white);--color-tertiary-100:color-mix(in srgb,var(--color-tertiary)60%,white);--color-neutral-200:color-mix(in srgb,var(--color-neutral)90%,black);--color-neutral-300:color-mix(in srgb,var(--color-neutral)80%,black);--color-neutral-350:color-mix(in srgb,var(--color-neutral)30%,black);--color-neutral-400:color-mix(in srgb,var(--color-neutral)20%,black);--color-neutral-500:color-mix(in srgb,var(--color-neutral)0%,black);--color-error:red;--color-success:green;--color-text-1:#fdfdfd;--color-text-2:#424242;--fret-height:calc(var(--fret-width)*2)!important}@media (max-width:600px){:root{--fret-width:30px}}@media (prefers-color-scheme:dark){:root{--color-primary:#111;--color-secondary:#000;--color-tertiary:#373442;--color-text-1:#424242;--color-text-2:#fdfdfd}}body{font-family:var(--font-inter),cursive;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#0f172a 100%);min-height:100dvh;color:var(--color-text-2)!important;background-color:#eee!important}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}.no-button-style{all:unset;cursor:pointer;display:inline-block}header{min-height:50px}::-webkit-scrollbar{height:8px}::-webkit-scrollbar-thumb{background:#aaa;border-radius:4px}.spin-wrapper{background:#fff;border-radius:50%;width:500px;height:500px;overflow:hidden;box-shadow:inset 0 0 20px #00000040,0 0 30px #0006}.spin{background:#fff;border-radius:50%;margin:0;padding:-80px;animation:2s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
.chord-box{color:#f3f4f6;text-align:center;background-color:#273341;border:1px solid #374151;border-radius:12px;font-size:3em;font-weight:700}.chord-box:hover{cursor:pointer;border-color:#3b82f6}.chord-box.chord-active{color:var(--color-primary);background-color:#fff}.chord-box-small{background-color:#0000;border:none;padding:0;font-size:1.2em;min-width:50px!important}.pillbox{text-align:center;background-color:#ccc;border-radius:4px;min-width:30px;padding:0 4px}.note_box{text-align:center;border:1px solid #ccc;margin:3px;padding:5px;font-size:1em}.chord_type{font-size:60%}.section-border{background-color:#f2e6d8;border:1px solid #ccc;border-radius:5px;padding:20px;box-shadow:0 0 10px #0000001a}.activity-notes-item{border:1px solid #ccc;border-radius:3px;padding:5px;font-size:.9em}.activity-notes-item .datefield{background-color:#ccc;padding:0 3px}.activity-notes-item .notesfield{padding:0 3px}.activity-notes-item .practicecountfield{text-align:center;border-top:2px dotted #ccc;padding:8px 3px 0}.form-section{background-color:#f2e6d8;border:2px solid #a67b00;border-radius:5px;padding:20px;font-size:1.2em;box-shadow:0 0 10px #0000001a}.section-border-new{color:#eee;border-radius:5px;padding:10px;font-size:1.2em}.bgIm1,.bgImg2,.bgImg3{background-position:50%;background-repeat:no-repeat;position:relative}#run-practice .section-border,.guitar-tab .section-border{background-color:#eee}fieldset{border:none}fieldset button{margin-top:10px!important}h1,h2{font-family:var(--font-inter);width:100%;color:var(--color-white);margin:0;font-weight:700}h1{text-align:left;padding:0;font-size:1.42em;display:block}h2{text-align:center;margin:0;font-size:2em;display:block}section h2{text-align:left;margin:0;font-size:1.2em}.padding-10{padding:10px}fieldset h2{margin:0 0 10px}h3{width:100%;color:var(--primary-color);margin:0;font-size:1.1em;display:block}h5{margin:0}.guitar-tab-title{background-color:#eee;border-radius:8px;margin:8px 0;padding:6px}.guitar-tab-notes{margin:10px;font-size:.8em}.carousel-nav-text{text-align:center;margin:0;padding:0;font-size:.8em}h4{width:100%;margin:0;padding:0;display:block}p{margin-block:.4em}.instruction-text{background-color:#fff;border:2px solid #a67b00;border-radius:5px;width:100%;margin-bottom:10px;padding:10px 20px;font-size:16px}.iconButton{min-width:30px!important}.highlightTitle,.table-summary{background-color:#eee}.table-summary th{text-transform:uppercase;font-size:24px;font-weight:700}.table-summary td{font-size:16px;font-weight:700}.practice-bar{background-color:#ffdab9;border-radius:5px;padding:10px 20px}.practice-bar h2{text-transform:uppercase;text-align:center}.practice-bar-details{text-transform:uppercase;color:#5a5757;text-align:center;margin:0 20px;padding:0;font-size:1em;display:block}.success{background-color:#a6f3a6}.align-center{text-align:center;width:100%;margin:0 auto}.text-center{text-align:center}.text-right{text-align:right}form,article{color:#e5e7eb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1f2937;border:1px solid #ffffff0d;border-radius:16px;width:100%;margin-top:16px;padding:1rem 2rem 2rem;box-shadow:0 6px 20px #0009,inset 0 -2px 6px #ffffff0d}article h1{text-align:center;font-size:2.4em}article h2{margin:8px 0;font-size:1.5em}article h3{margin:8px 0;font-size:1.2em}article .subtitle{text-align:center;margin:16px}article p{text-align:justify;margin:8px 0}article a{color:#eee}.tabForm{border-bottom-right-radius:0;border-bottom-left-radius:0;margin-top:0;margin-bottom:0;padding:16px 8px}#alphaTab{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#fff;border:1px solid #ffffff0d;border-bottom-right-radius:16px;border-bottom-left-radius:16px;overflow:hidden;box-shadow:0 6px 20px #0009,inset 0 -2px 6px #ffffff0d}.success-bg{background-color:#408944}.success-text{color:#408944}.failure-bg{background-color:red}.failure-text{color:red}.clickable{cursor:pointer}.draggable{cursor:grab;width:100%}.draggable .icons{width:5%}.list-summary{cursor:pointer;font-size:1.2em;font-weight:700}.list-details{color:#838383;font-size:.9em}.list-total{text-align:center;color:#838383;margin:0;padding:0;font-size:1.4em;font-weight:700}.list-label{color:#181818}.draggable:hover{background-color:#eee}.dragging{background-color:#faffb4}.selected{background-color:#d3d3f3;border-left:5px solid #1976d2;border-right:5px solid #1976d2}.close-icon{cursor:pointer;float:right}.grab{cursor:grab}.odd{background-color:#fcfcfc;border:1px solid #eee}.even{border:1px solid #eee}.shaded-form-box{width:100%;padding:8px}.shaded-form-container{border:1px solid var(--primary-color);background-color:#f7ede0;border-radius:5px;padding:8px 20px;box-shadow:0 0 3px #0000001a}.spotify-artwork{width:150px;height:150px}.spotify-artwork-small{width:75px;height:75px;margin:3px}.artist-text{background-color:#eee;margin:5px;padding:5px}.tracklist{margin-bottom:10px}.tracklist-item{margin:0 10px;padding:1px 10px}.album-box{min-height:250px}.small-text{font-size:.9em}.playlists,.playlists li{width:100%;margin:0;padding:0;list-style-type:none}.playlists li{margin-bottom:5px}.primary-text{margin:6px 10px}.action-buttons{padding:0 10px}.padText{margin-left:40px}.footer-links li,.footer-links ul{margin:0;padding:0;list-style-type:none}.footer-links{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.footer-links li{padding:0 20px 10px;font-size:1em;list-style-type:none}.footer-links a{color:#dadada;text-decoration:none}.footer-links a:hover{color:#fffefe;text-decoration:underline}@media (max-width:600px){.footer-links{justify-content:space-around}}.copyright{text-align:center;color:#dddcdc;padding-bottom:20px;font-size:.9em}.copyright a{color:#ccc}.policy-section p{margin:.8em 0}.user-details{color:#8b8b8b;box-shadow:0 0 10px #0000001a}.user-details p{text-align:center;padding:8px;font-size:.8em;font-weight:700}.reward-icon-container{border:2px solid #5a5a5a;border-radius:15px;align-items:center;gap:10px;max-width:300px;margin:5px;padding:10px;display:flex;box-shadow:0 4px 6px #0000001a}.reward-icon-container img{border:10px solid #faf5ee;border-radius:50%}.reward-icon-text{border-radius:5px;flex-direction:column;width:100%;padding:5px;display:flex}.reward-icon-container .reward-type{color:#000;text-align:center;width:100%;font-size:14px;font-weight:700}.reward-icon-container .reward-title{color:#383838;text-align:center;width:100%;font-size:12px;font-weight:700}.progress-icon-container{border:2px solid #5a5a5a;border-radius:15px;align-items:center;gap:10px;max-width:300px;margin:5px;padding:10px;display:flex;box-shadow:0 4px 6px #0000001a}.progress-icon-container .progress-count{color:#303030;text-align:center;background-color:#fff;border:2px solid #303030;border-radius:50%;justify-content:center;align-items:center;width:4em;height:2.8em;font-size:1.4em;font-weight:700;line-height:2em;display:flex}.progress-icon-text{border-radius:5px;flex-direction:column;width:100%;padding:5px;display:flex}.progress-icon-container .progress-type{color:#000;text-align:center;width:100%;font-size:1.2em;font-weight:700}.progress-icon-container .progress-title{color:#383838;text-align:center;width:100%;font-size:1em;font-weight:700}.stock-image{margin:5px 20px;padding:5px;box-shadow:0 4px 6px #0000001a}.float-left{float:left;margin-left:0;margin-right:20px}.float-right{float:right;margin-left:20px;margin-right:0}.calender-grid{border:1px solid #ccc;border-radius:5px;padding:8px;font-size:1.1rem}.calendar-entry{text-align:center;border:2px solid #0000;width:1.6rem;height:1.6rem;margin:8px;line-height:1.2em;display:inline-block}.calender-grid .today{border:2px dotted #fff;border-radius:50%;box-shadow:0 2px 6px #000}.calender-grid .achieved{color:#fff;background-color:green;border-radius:50%;box-shadow:0 2px 6px #000}.progress-list,.progress-list li{margin:0;padding:0;list-style-type:none}.progress-list li{cursor:pointer}#sidebar{font-size:.8em}#sidebar p{margin:0;padding:4px 0}#sidebar h2{font-size:2.5em}.form-item-container{padding-bottom:16px}.form-item-wrapper{margin-top:8px}.error-wrapper{border:1px solid #f44336;border-radius:4px;display:block}.helperText{color:#f44336;margin-left:14px;margin-right:14px;font-size:.75rem;font-weight:700;line-height:1.66;display:block}.keen-slider{padding-bottom:8px}.chord-slide{justify-content:center;align-items:stretch;display:flex}.chord-card{color:#181818;align-items:top;background-color:#fff;border:1px solid #eee;border-radius:8px;justify-content:center;height:100%;padding:16px 0;display:flex}.chord-slide>*{width:100%}.slider-wrapper{position:relative}.chevron{color:#fff;cursor:pointer;z-index:3;background:#0006;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:28px;transition:background .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.chevron:hover{background:#0009}.chevron-left{left:8px}.chevron-right{right:8px}.formCloseButton{cursor:pointer;color:#fff;background:0 0;border:none;font-size:18px;position:absolute;top:12px;left:12px}.formSettingsButton{cursor:pointer;color:#fff;background:0 0;border:none;font-size:18px;position:absolute;top:12px;right:12px}.section-wrapper{background-color:#fafafa;border-radius:8px;padding:24px;box-shadow:0 4px 8px #00000026}