:root{--theme-background:#181818;--theme-background-paper:#1e1e1e;--theme-text:#e0e0e0;--theme-text-secondary:#b0b7c3;--theme-primary:#69a8ce;--theme-secondary:#c792ea;--theme-slider:#3f4561;--theme-slider-track:#69a8ce;--theme-slider-rail:#404040;--theme-slider-thumb:#9ca3af;--theme-input-bg:#4a5568;--theme-input-text:#fff;--theme-input-placeholder:#cbd5e0;--theme-border:rgba(158,167,185,.2);--theme-primary-glow:rgba(105,168,206,.4);--theme-font-weight-normal:400;--theme-text-contrast:#fff;--theme-background-alt:rgba(176,183,195,.1);--theme-table-header-bg:#4f92c4;--theme-table-header-text:#000;--theme-surface-0:#181818;--theme-surface-1:#1e1e1e;--theme-surface-2:#232323;--theme-surface-3:#262626;--theme-surface-4:#292929;--theme-surface-8:#2c2c2c;--theme-surface-12:#303030;--theme-surface-16:#333;--theme-surface-24:#383838;--theme-shadow-1:0 2px 5px rgba(0,0,0,.3),0 1px 3px rgba(0,0,0,.4);--theme-shadow-2:0 4px 10px rgba(0,0,0,.35),0 3px 8px rgba(0,0,0,.4);--theme-shadow-3:0 12px 28px rgba(0,0,0,.4),0 8px 12px rgba(0,0,0,.45);--theme-shadow-4:0 16px 36px rgba(0,0,0,.45),0 12px 16px rgba(0,0,0,.5);--theme-shadow-8:0 22px 45px rgba(0,0,0,.5),0 18px 20px rgba(0,0,0,.5);--theme-shadow-12:0 22px 45px rgba(0,0,0,.5),0 18px 20px rgba(0,0,0,.5);--theme-shadow-16:0 22px 45px rgba(0,0,0,.5),0 18px 20px rgba(0,0,0,.5);--theme-shadow-24:0 34px 50px rgba(0,0,0,.5),0 28px 30px rgba(0,0,0,.5)}.light-theme{--theme-background:#edf2f7;--theme-background-paper:#fff;--theme-text:#2d3748;--theme-text-secondary:#4a5568;--theme-primary:#0369a1;--theme-secondary:#c792ea;--theme-slider:#cbd5e0;--theme-slider-track:#587497;--theme-slider-rail:#d1d5db;--theme-slider-thumb:#4b5563;--theme-input-bg:#4a5568;--theme-input-text:#fff;--theme-input-placeholder:#cbd5e0;--theme-border:#cbd5e0;--theme-primary-glow:rgba(3,105,161,.4);--theme-font-weight-normal:500;--theme-text-contrast:#fff;--theme-background-alt:rgba(74,85,104,.1);--theme-table-header-bg:#0c4a6e;--theme-table-header-text:#fff;--theme-inverted-bg:#4a5568;--theme-inverted-text:#fff;--theme-accent:#ffc300;--theme-accent-light:gold;--theme-accent-dark:#e6b000;--theme-surface-0:#edf2f7;--theme-surface-1:#fff;--theme-surface-2:#f7f7f7;--theme-surface-3:#f3f3f3;--theme-surface-4:#eee;--theme-surface-8:#e8e8e8;--theme-surface-12:#e0e0e0;--theme-surface-16:#d8d8d8;--theme-surface-24:#d0d0d0;--theme-shadow-1:0 2px 5px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.1);--theme-shadow-2:0 4px 10px rgba(0,0,0,.12),0 3px 8px rgba(0,0,0,.12);--theme-shadow-3:0 12px 28px rgba(0,0,0,.15),0 8px 12px rgba(0,0,0,.15);--theme-shadow-4:0 16px 36px rgba(0,0,0,.18),0 12px 16px rgba(0,0,0,.18);--theme-shadow-8:0 22px 45px rgba(0,0,0,.2),0 18px 20px rgba(0,0,0,.2);--theme-shadow-12:0 22px 45px rgba(0,0,0,.2),0 18px 20px rgba(0,0,0,.2);--theme-shadow-16:0 22px 45px rgba(0,0,0,.2),0 18px 20px rgba(0,0,0,.2);--theme-shadow-24:0 34px 50px rgba(0,0,0,.25),0 28px 30px rgba(0,0,0,.25)}.dark-theme{--theme-background:#181818;--theme-background-paper:#1e1e1e;--theme-text:#e0e0e0;--theme-text-secondary:#b0b7c3;--theme-primary:#69a8ce;--theme-secondary:#c792ea;--theme-slider:#3f4561;--theme-slider-track:#69a8ce;--theme-slider-rail:#404040;--theme-slider-thumb:#9ca3af;--theme-input-bg:#4a5568;--theme-input-text:#fff;--theme-input-placeholder:#cbd5e0;--theme-border:rgba(158,167,185,.2);--theme-primary-glow:rgba(105,168,206,.4);--theme-font-weight-normal:400;--theme-text-contrast:#fff;--theme-background-alt:rgba(176,183,195,.1);--theme-table-header-bg:#4f92c4;--theme-table-header-text:#000;--theme-inverted-bg:#fff;--theme-inverted-text:#000;--theme-accent:#ffc300;--theme-accent-light:gold;--theme-accent-dark:#e6b000;--theme-surface-0:#181818;--theme-surface-1:#1e1e1e;--theme-surface-2:#232323;--theme-surface-3:#262626;--theme-surface-4:#292929;--theme-surface-8:#2c2c2c;--theme-surface-12:#303030;--theme-surface-16:#333;--theme-surface-24:#383838;--theme-shadow-1:0 2px 5px rgba(0,0,0,.3),0 1px 3px rgba(0,0,0,.4);--theme-shadow-2:0 4px 10px rgba(0,0,0,.35),0 3px 8px rgba(0,0,0,.4);--theme-shadow-3:0 12px 28px rgba(0,0,0,.4),0 8px 12px rgba(0,0,0,.45);--theme-shadow-4:0 16px 36px rgba(0,0,0,.45),0 12px 16px rgba(0,0,0,.5);--theme-shadow-8:0 22px 45px rgba(0,0,0,.5),0 18px 20px rgba(0,0,0,.5);--theme-shadow-12:0 22px 45px rgba(0,0,0,.5),0 18px 20px rgba(0,0,0,.5);--theme-shadow-16:0 22px 45px rgba(0,0,0,.5),0 18px 20px rgba(0,0,0,.5);--theme-shadow-24:0 34px 50px rgba(0,0,0,.5),0 28px 30px rgba(0,0,0,.5)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}ul{list-style:none}html{scroll-behavior:smooth}button,input,select,textarea{font:inherit}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@font-face{font-family:Montserrat;src:url(/fonts/montserrat-500-latin.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Montserrat;src:url(/fonts/montserrat-400-latin.woff2) format("woff2");font-weight:400;font-display:swap}#__next,body,html{min-height:100vh;min-width:100vw;overflow:auto;overflow-x:hidden;color:var(--theme-text);position:relative;transition:color .3s ease;font-family:Montserrat,system-ui,sans-serif;font-weight:400}body:after{content:"";position:fixed;top:0;height:100vh;left:0;right:0;z-index:-1;background-color:var(--theme-background);transition:background-color .3s ease}main{margin-bottom:6em}footer a{color:var(--theme-text)!important}footer a:hover{color:var(--theme-primary)!important}.MuiAppBar-root .MuiButton-root:not(.Mui-selected),.MuiBox-root,.MuiButton-root:not(.Mui-selected):not([aria-selected=true]),.MuiMenu-root,[role=menu] :not(.Mui-selected),[role=menuitem]:not(.Mui-selected){color:var(--theme-text)!important}.btn{color:var(--theme-text);background:transparent;cursor:pointer;border:2px solid var(--theme-text)}.down-btn,.up-btn{width:1.2em;height:1.2em;border-radius:50%;font-size:1.6rem;display:inline-flex;justify-content:center;align-items:center}@media only screen and (min-width:24em){.down-btn,.up-btn{width:1.3em;height:1.3em}}@media only screen and (min-width:32em){.down-btn,.up-btn{font-size:1.9rem}}.down-btn:active,.up-btn:active{box-shadow:0 0 .2em #fff}.stress-down-btn,.stress-up-btn{font-size:1.7rem}@media only screen and (min-width:24em){.stress-down-btn,.stress-up-btn{font-size:1.8rem}}.radio-btn{height:4em;width:6.5em;letter-spacing:1px;border:none;font-size:1.2rem;transition:all .3s ease}@media only screen and (min-width:24em){.radio-btn{height:4.5em;width:7em;font-size:1.3rem}}@media only screen and (min-width:40em){.radio-btn{height:5em;width:7.5em;font-size:1.4rem}}@media only screen and (min-width:50em){.radio-btn{font-size:1.5rem}}.radio-btn--selected{box-shadow:inset .1rem .1rem .25rem var(--theme-primary),inset -.1rem -.1rem .25rem var(--theme-primary);border-radius:.3em;color:var(--theme-primary);transition:all .3s ease}.modal-switch-btn{margin:0 auto;height:2.4em;width:2.4em;border-radius:50%;display:flex;justify-content:center;align-items:center}@media only screen and (min-width:80em){.modal-switch-btn{height:2.6em;width:2.6em}}.modal-switch-btn img{height:25px}@media only screen and (min-width:24em){.modal-switch-btn img{height:35px}}@media only screen and (min-width:40em){.modal-switch-btn img{height:40px}}@media only screen and (min-width:50em){.modal-switch-btn img{height:50px}}@media only screen and (min-width:80em){.modal-switch-btn img{height:56px}}.modal-switch-btn .eighty-five-desktop{height:45px}@media only screen and (min-width:24em){.modal-switch-btn .eighty-five-desktop{height:50px}}@media only screen and (min-width:50em){.modal-switch-btn .eighty-five-desktop{height:53px}}@media only screen and (min-width:80em){.modal-switch-btn .eighty-five-desktop{height:56px}}.modal-switch-btn .eighty-desktop{height:37px}@media only screen and (min-width:24em){.modal-switch-btn .eighty-desktop{height:41px}}@media only screen and (min-width:50em){.modal-switch-btn .eighty-desktop{height:47px}}@media only screen and (min-width:80em){.modal-switch-btn .eighty-desktop{height:50px}}.modal-switch-btn .fifty-desktop{height:25px}@media only screen and (min-width:24em){.modal-switch-btn .fifty-desktop{height:27px}}@media only screen and (min-width:40em){.modal-switch-btn .fifty-desktop{height:30px}}@media only screen and (min-width:50em){.modal-switch-btn .fifty-desktop{height:32px}}@media only screen and (min-width:80em){.modal-switch-btn .fifty-desktop{height:35px}}.modal-switch-btn .sixty-desktop{height:28px}@media only screen and (min-width:24em){.modal-switch-btn .sixty-desktop{height:30px}}@media only screen and (min-width:50em){.modal-switch-btn .sixty-desktop{height:33px}}@media only screen and (min-width:80em){.modal-switch-btn .sixty-desktop{height:36px}}.modal-switch-btn .forty-five-desktop{height:23px}@media only screen and (min-width:24em){.modal-switch-btn .forty-five-desktop{height:25px}}@media only screen and (min-width:50em){.modal-switch-btn .forty-five-desktop{height:26px}}.modal-switch-btn .forty-desktop{height:23px}@media only screen and (min-width:24em){.modal-switch-btn .forty-desktop{height:25px}}@media only screen and (min-width:50em){.modal-switch-btn .forty-desktop{height:27px}}.modal-switch-btn .fifty-five-desktop{height:24px}@media only screen and (min-width:24em){.modal-switch-btn .fifty-five-desktop{height:28px}}@media only screen and (min-width:50em){.modal-switch-btn .fifty-five-desktop{height:30px}}@media only screen and (min-width:80em){.modal-switch-btn .fifty-five-desktop{height:33px}}.interface-btn{white-space:nowrap;width:3.5em;height:2em;padding:0 1.4em;font-size:1rem;display:inline-flex;justify-content:center;align-items:center;font-weight:var(--theme-font-weight-normal);border-radius:7px;margin:0 .5em}@media only screen and (min-width:40em){.interface-btn{height:2.1em;font-size:1.05rem}}@media only screen and (min-width:50em){.interface-btn{margin:0 .75em}}.interface-btn:active{box-shadow:0 0 .2em #fff}.tap-bpm{background-color:var(--theme-inverted-bg);color:var(--theme-inverted-text);border:2px solid var(--theme-border);white-space:nowrap;width:3.5em;height:2em;padding:0 2.8em;font-size:.95rem;display:inline-flex;justify-content:center;align-items:center;font-weight:var(--theme-font-weight-normal);border-radius:7px;margin:0 .5em}@media only screen and (min-width:40em){.tap-bpm{width:5.5em;height:2.1em;font-size:1.05rem}}@media only screen and (min-width:50em){.tap-bpm{margin:0 .75em}}@media only screen and (min-width:63em){.tap-bpm{margin:0 .4em}}@media only screen and (min-width:80em){.tap-bpm{margin:0 .8em}}.tap-bpm:active{box-shadow:0 0 .3em var(--theme-accent)}.subdivision-btn{width:4em;height:4em;border-radius:50%;font-size:1.1rem}@media only screen and (min-width:24em){.subdivision-btn{height:4.5em;width:4.5em}}.start-stop-btn{margin:.5em 0 1em;border-radius:50%;height:2.7em;width:2.7em;display:flex;justify-content:center;align-items:center}@media only screen and (min-width:24em){.start-stop-btn{height:3.2em;width:3.2em}}@media only screen and (min-width:32em){.start-stop-btn{height:3.4em;width:3.4em}}@media only screen and (min-width:40em){.start-stop-btn{height:3.6em;width:3.6em}}@media only screen and (min-width:63em){.start-stop-btn{margin:-.2em 0 1em}}.start-stop-btn:active{box-shadow:0 0 .5em #fff}.start-stop-btn-icon{height:70%;width:70%}@media only screen and (min-width:32em){.start-stop-btn-icon{font-size:2.5rem!important}}.start-stop-btn .pause-icon{height:65%;width:65%}.tap-bpm--disabled{cursor:no-drop;color:hsla(0,0%,100%,.7);border:1px solid gray;background-color:gray}.tap-bpm--disabled:active{box-shadow:none}.preset-btn{border:1px solid #e6e6e6;width:3.5em;height:3.5em;border-radius:50%;font-size:1.05rem;color:#e6e6e6}@media only screen and (min-width:24em){.preset-btn{height:3.8em;width:3.8em}}@media only screen and (min-width:40em){.preset-btn{height:4em;width:4em}}.light-theme .modal-switch-btn img{filter:brightness(0) invert(0)}.container{width:70%;padding:1.5em 0;display:flex;flex-direction:column;justify-content:center;align-items:center}.swing-container{width:100%;padding:3em 0}.divider-container{width:100%;margin-top:2em}@media only screen and (min-width:50em){.divider-container{margin-top:2.5em}}@media only screen and (min-width:80em){.divider-container{margin-top:3em}}.divider-lines{height:3em;position:relative;display:flex}.divider-lines:after,.divider-lines:before{content:"";position:absolute;margin:auto;height:1.5px;width:42%;top:50%;border-radius:10px}@media only screen and (min-width:32em){.divider-lines:after,.divider-lines:before{width:43%}}@media only screen and (min-width:40em){.divider-lines:after,.divider-lines:before{width:44%}}@media only screen and (min-width:80em){.divider-lines:after,.divider-lines:before{width:45%}}.divider-lines:after{left:0;background:linear-gradient(to right,transparent,var(--theme-text-secondary),var(--theme-text))}.divider-lines:before{right:0;background:linear-gradient(to left,transparent,var(--theme-text-secondary),var(--theme-text))}.divider-diamond{height:1.6em;width:1.6em;border:2px solid var(--theme-text);left:0;right:0;top:0;bottom:0;margin:auto;transform:rotate(45deg)}@media only screen and (min-width:50em){.divider-diamond{height:1.7em;width:1.7em}}@media only screen and (min-width:63em){.divider-diamond{height:2em;width:2em}}@media only screen and (min-width:80em){.divider-diamond{height:2.3em;width:2.3em}}@media only screen and (min-width:50em){.notation-divider{display:none}}.pagination-container{display:flex;list-style-type:none;margin-top:2em}.pagination-container .pagination-item{height:30px;text-align:center;color:var(--theme-primary);display:flex;box-sizing:border-box;align-items:center;justify-content:center;letter-spacing:.01071em;border-radius:5px;line-height:1.43;font-size:1.2rem;margin:0 2.5px;min-width:30px;cursor:pointer}@media only screen and (min-width:24em){.pagination-container .pagination-item{margin:0 3.5px}}@media only screen and (min-width:32em){.pagination-container .pagination-item{font-size:1.3rem;height:32px;min-width:32px;margin:0 5px}}@media only screen and (min-width:40em){.pagination-container .pagination-item{font-size:1.4rem}}@media only screen and (min-width:63em){.pagination-container .pagination-item{font-size:1.5rem;min-width:36px}}.pagination-container .pagination-item--selected{border:1px solid var(--theme-primary)}.pagination-container .pagination-item:hover{background-color:rgba(0,0,0,.1);cursor:pointer}.pagination-container .pagination-item--selected{outline:1px solid var(--theme-primary)}.pagination-container .pagination-item .arrow{margin-bottom:.25em}.pagination-container .pagination-item .arrow:before{position:relative;content:"";display:inline-block;width:.5em;height:.5em;border-right:.12em solid var(--theme-primary);border-top:.12em solid var(--theme-primary)}.pagination-container .pagination-item .arrow.left{transform:rotate(-135deg) translate(-50%)}.pagination-container .pagination-item .arrow.right{transform:rotate(45deg)}.pagination-container .pagination-item--disabled{pointer-events:none}.pagination-container .pagination-item--disabled .arrow:before{border-right:.12em solid rgba(0,0,0,.43);border-top:.12em solid rgba(0,0,0,.43)}.pagination-container .pagination-item--disabled:hover{background-color:transparent;cursor:default}@media only screen and (min-width:50em){.setting{margin:1em 0;display:flex;align-items:center}}.setting__input-wrapper{display:flex;align-items:center;width:100%;margin-bottom:1em;margin-top:.8em}@media only screen and (min-width:50em){.setting__input-wrapper{margin:0 1.2em 0 0}}.setting__dropdown-wrapper{display:flex;width:100%;margin-bottom:1.5em;align-items:center;position:relative}@media only screen and (min-width:50em){.setting__dropdown-wrapper{margin:0}}.theme-toggle{position:relative;width:56px;height:26px;border-radius:26px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 6px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.12)}.theme-toggle--light{background-color:var(--theme-surface-2);box-shadow:0 2px 8px rgba(0,0,0,.12),0 0 0 1px rgba(0,0,0,.12)}.theme-toggle--light .theme-toggle__thumb{transform:translateX(3px);background-color:var(--theme-text-secondary)}.theme-toggle--light .theme-toggle__icon--sun{opacity:1;color:var(--theme-text-secondary)}.theme-toggle--light .theme-toggle__icon--moon{opacity:.5;color:var(--theme-text-secondary)}.theme-toggle--dark{background-color:var(--theme-surface-24);box-shadow:0 2px 6px rgba(0,0,0,.4),0 0 0 1px hsla(0,0%,100%,.15)}.theme-toggle--dark .theme-toggle__thumb{transform:translateX(32px);background-color:var(--theme-text-secondary);filter:brightness(1.3)}.theme-toggle--dark .theme-toggle__icon--moon{opacity:1;color:var(--theme-text)}.theme-toggle--dark .theme-toggle__icon--sun{opacity:.8;color:var(--theme-text);filter:brightness(1.2)}.theme-toggle__track{position:relative;width:100%;height:100%;justify-content:space-between;padding:0 7px}.theme-toggle__icon,.theme-toggle__track{display:flex;align-items:center;pointer-events:none}.theme-toggle__icon{justify-content:center;transition:all .3s ease;z-index:1;width:15px;height:15px}.theme-toggle__icon svg{width:15px;height:15px;pointer-events:none}.theme-toggle__thumb{position:absolute;top:3px;left:0;width:20px;height:20px;background-color:var(--theme-secondary);border-radius:50%;transition:transform .3s ease;box-shadow:0 2px 6px rgba(0,0,0,.3);z-index:2;pointer-events:none}.theme-toggle:focus{outline:none}.theme-toggle *{pointer-events:none}.interface{display:flex;flex-direction:column;align-items:center;width:100%}.interface__tempo{padding-bottom:2em;padding-top:.5em;width:100%;max-width:800px}@media only screen and (min-width:50em){.interface__tempo{max-width:750px}}@media only screen and (min-width:63em){.interface__tempo{max-width:900px}}@media only screen and (min-width:80em){.interface__tempo{max-width:1000px}}.interface__notation{display:flex;flex-direction:column;align-items:center;margin-top:1em;margin-bottom:1.5em;width:100%}@media only screen and (min-width:32em){.interface__notation{flex-direction:row;justify-content:center}}@media only screen and (min-width:50em){.interface__notation{margin-top:1.2em;margin-bottom:1.8em}}.interface__btn-row{display:flex;align-items:center;justify-content:center;margin-top:1em}@media only screen and (min-width:32em){.interface__btn-row{margin-top:0}}.interface__advanced-toggle{display:flex;align-items:center;justify-content:center;width:100%}@media only screen and (min-width:32em){.interface__advanced-toggle{width:auto;margin:0 .5em}}@media only screen and (min-width:50em){.interface__advanced-toggle{margin:0 .75em}}.interface__advanced-toggle-text{font-weight:var(--theme-font-weight-normal);letter-spacing:1px;margin:0 .3em 0 0;font-size:1rem;color:var(--theme-text)}@media only screen and (min-width:24em){.interface__advanced-toggle-text{font-size:1.1rem}}.interface__notation-subdivision{margin:0 .5em}@media only screen and (min-width:50em){.interface__notation-subdivision{margin:0 .75em}}.interface__tempo-control{display:flex;align-items:center;justify-content:space-between;width:100%;margin:1rem 0}.interface__tempo-text{font-size:1.5rem;margin-bottom:.25em;font-weight:500;color:var(--theme-text)}@media only screen and (min-width:24em){.interface__tempo-text{font-size:1.8rem;margin-bottom:.3em}}@media only screen and (min-width:32em){.interface__tempo-text{font-size:2rem;margin-bottom:0}}@media only screen and (min-width:40em){.interface__tempo-text{font-size:2.1rem}}@media only screen and (min-width:50em){.interface__tempo-text{font-size:2.3rem}}@media only screen and (min-width:63em){.interface__tempo-text{margin-bottom:-.25em}}.interface__tempo-text-span{color:var(--theme-primary);font-size:2.1rem;padding-right:.1em}@media only screen and (min-width:24em){.interface__tempo-text-span{font-size:2.6rem}}@media only screen and (min-width:32em){.interface__tempo-text-span{font-size:2.8rem}}@media only screen and (min-width:40em){.interface__tempo-text-span{font-size:3rem}}@media only screen and (min-width:50em){.interface__tempo-text-span{font-size:3.3rem}}.interface__swing{margin-top:-2em;padding:0 0 2.5em;white-space:nowrap}@media only screen and (min-width:50em){.interface__swing{margin-bottom:0}}.interface__swing-control{display:flex;align-items:center}@media only screen and (min-width:63em){.interface__swing-control{margin:-.75em 0}}.interface__swing-text{font-size:1.2rem;margin:1em 0 .5em;font-weight:var(--theme-font-weight-normal);display:flex;align-items:center}@media only screen and (min-width:24em){.interface__swing-text{font-size:1.3rem}}@media only screen and (min-width:40em){.interface__swing-text{font-size:1.4rem}}.interface__swing-text-span{font-size:1.5rem;color:var(--theme-primary);margin-left:.25em}@media only screen and (min-width:24em){.interface__swing-text-span{font-size:1.6rem}}@media only screen and (min-width:32em){.interface__swing-text-span{font-size:1.65rem}}@media only screen and (min-width:40em){.interface__swing-text-span{font-size:1.7rem}}.interface__swing-text p{display:flex;align-items:center}.interface__list{display:grid;align-items:center;grid-template-columns:1fr 1fr;border-radius:5px;max-width:1000px}@media only screen and (min-width:32em){.interface__list{grid-template-columns:1fr 1fr 1fr}}@media only screen and (min-width:40em){.interface__list{grid-template-columns:1fr 1fr 1fr 1fr}}@media only screen and (min-width:80em){.interface__list{max-width:1100px}}.interface__list-item{margin:.5em 1.5em;text-align:center}@media only screen and (min-width:24em){.interface__list-item{margin:.75em 2em}}@media only screen and (min-width:32em){.interface__list-item{margin:1.5em}}@media only screen and (min-width:40em){.interface__list-item{margin:1.5em 1em}}.interface__list-item img{height:40px}@media only screen and (min-width:24em){.interface__list-item img{height:50px}}@media only screen and (min-width:32em){.interface__list-item img{height:60px}}@media only screen and (min-width:40em){.interface__list-item img{height:70px}}@media only screen and (min-width:50em){.interface__list-item img{height:80px}}@media only screen and (min-width:80em){.interface__list-item img{height:50px}}.interface__list-item .eighty-five-desktop{height:55px}.interface__list-item .eighty-desktop{height:47px}.interface__list-item .fifty-desktop,.interface__list-item .sixty-desktop{height:40px}.interface__list-item .forty-desktop,.interface__list-item .forty-five-desktop{height:32px}.interface__list-item .fifty-five-desktop{height:37px}.interface__preset-list{grid-template-columns:1fr 1fr}@media only screen and (min-width:32em){.interface__preset-list{grid-template-columns:1fr 1fr;grid-template-columns:1fr 1fr 1fr 1fr}}@media only screen and (min-width:80em){.interface__preset-list{max-width:1100px}}.interface__preset-list-item{margin:.5em 1.25em;text-align:center}@media only screen and (min-width:24em){.interface__preset-list-item{margin:.75em 1.5em}}@media only screen and (min-width:32em){.interface__preset-list-item{margin:1.5em 1em}}@media only screen and (min-width:40em){.interface__preset-list-item{margin:1.5em .75em}}.interface__modal-overlay{position:fixed;top:0;left:0;background-color:rgba(0,0,0,.7);width:100%;height:100%;z-index:10}.interface__modal-content{width:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;background-color:#17191c;box-shadow:0 0 18px 0 rgba(0,0,0,.75);border-radius:8px;max-width:500px;align-items:center;justify-content:center}.interface__preset-modal-content{width:65%;max-width:450px;padding:.5em 0}@media only screen and (min-width:24em){.interface__preset-modal-content{width:60%}}@media only screen and (min-width:32em){.interface__preset-modal-content{width:80%;padding:0}}@media only screen and (min-width:40em){.interface__preset-modal-content{width:65%}}@media only screen and (min-width:63em){.interface__preset-modal-content{width:60%}}.interface__container{margin-top:2.5em;margin-bottom:2.5em;max-width:800px;width:100%}@media only screen and (min-width:50em){.interface__container{max-width:750px}}@media only screen and (min-width:63em){.interface__container{max-width:850px}}@media only screen and (min-width:){.interface__container{margin-top:5em;margin-bottom:5em;max-width:950px}}.frequency-value{color:var(--theme-primary)!important}.notation{margin-bottom:1.5em}.notation,.notation .divider-container{margin-top:-2em}.notation__stress{display:flex;flex-direction:column;align-items:center;padding-bottom:.5em}@media only screen and (min-width:50em){.notation__stress{padding-bottom:0}}.notation__stress-toggle{display:flex;align-items:center}@media only screen and (min-width:50em){.notation__stress-toggle{margin-right:2em}}.notation__stress-toggle-text{font-weight:var(--theme-font-weight-normal);letter-spacing:1px;margin-right:.5em;font-size:1.2rem}@media only screen and (min-width:24em){.notation__stress-toggle-text{font-size:1.3rem}}@media only screen and (min-width:40em){.notation__stress-toggle-text{font-size:1.45rem}}.notation__stress-control{display:grid;grid-template-columns:1fr 1fr;grid-gap:3em;align-items:center;margin-top:1.25em}.notation__stress-buttons{display:flex;justify-content:space-around;align-items:center}.notation__stress-buttons .notation__stress-text{font-size:1.25rem;color:var(--theme-primary);padding:0 .4em}@media only screen and (min-width:24em){.notation__stress-buttons .notation__stress-text{font-size:1.8rem}}@media only screen and (min-width:40em){.notation__stress-buttons .notation__stress-text{font-size:1.9rem}}@media only screen and (min-width:50em){.notation__stress-buttons .notation__stress-text{font-size:2.15rem;padding:0}}.notation__stress-frequency{padding:1.5em 0 0;text-align:center}@media only screen and (min-width:50em){.notation__stress-frequency{padding-bottom:1.75em}}@media only screen and (min-width:63em){.notation__stress-frequency{padding-bottom:0}}.notation__stress-frequency-control{display:flex;align-items:center}.notation__stress-frequency-text{font-weight:500;padding-bottom:1em;letter-spacing:1px;font-size:1.1rem;display:flex;align-items:center;justify-content:center}@media only screen and (min-width:24em){.notation__stress-frequency-text{font-size:1.2rem}}@media only screen and (min-width:40em){.notation__stress-frequency-text{font-size:1.3rem}}@media only screen and (min-width:50em){.notation__stress-frequency-text{font-size:1.4rem}}@media only screen and (min-width:63em){.notation__stress-frequency-text{padding-bottom:0}}.notation__stress-frequency-text span{color:var(--theme-primary);font-size:1.2rem;margin-left:.25em}@media only screen and (min-width:24em){.notation__stress-frequency-text span{font-size:1.4rem}}@media only screen and (min-width:32em){.notation__stress-frequency-text span{font-size:1.6rem}}@media only screen and (min-width:40em){.notation__stress-frequency-text span{font-size:1.7rem}}@media only screen and (min-width:50em){.notation__stress-frequency-text span{font-size:1.8rem}}.guide,.notation__stress-frequency-text p{display:flex;align-items:center}.guide{flex-direction:column}@media only screen and (min-width:24em){.guide{margin-top:1em}}.guide__main-title{margin:.75em 0;font-size:1.7rem;color:var(--theme-primary);text-align:center}@media only screen and (min-width:24em){.guide__main-title{font-size:1.8rem}}@media only screen and (min-width:32em){.guide__main-title{font-size:1.9rem}}@media only screen and (min-width:40em){.guide__main-title{font-size:2.2rem}}@media only screen and (min-width:63em){.guide__main-title{font-size:2.4rem}}.guide__table-wrapper{display:flex;flex-direction:column;align-items:center;overflow:auto;overflow:overlay;margin:4em 0}.guide__table-wrapper table{border-radius:5px;font-weight:var(--theme-font-weight-normal);border:none;border-collapse:collapse;width:100%;max-width:100%;white-space:nowrap;background-color:var(--theme-background-paper);margin:0 auto;border:1px solid var(--theme-border)}.guide__table-wrapper td,.guide__table-wrapper th{text-align:center;padding:.9em 1.2em;font-size:.9rem;white-space:pre-line}.guide__table-wrapper td{color:var(--theme-text)}.guide__table-wrapper td:not(:last-child){border-right:1px solid var(--theme-border)}.guide__table-wrapper thead th,.guide__table-wrapper thead th:nth-child(odd){color:var(--theme-table-header-text);background:var(--theme-primary);font-weight:500}.guide__table-wrapper tr:nth-child(2n){background:var(--theme-background-alt)}@media(max-width:767px){.guide__table-wrapper table{display:block;width:95%}.guide__table-wrapper .table-wrapper:before{content:"Scroll horizontally >";display:block;text-align:right;font-size:.7rem;color:var(--theme-text-secondary);padding:0 0 .6em}.guide__table-wrapper tbody,.guide__table-wrapper thead,.guide__table-wrapper thead th{display:block}.guide__table-wrapper thead th:last-child{border-bottom:none}.guide__table-wrapper thead{float:left}.guide__table-wrapper tbody{width:auto;position:relative;overflow-x:auto}.guide__table-wrapper td,.guide__table-wrapper th{padding:1.25em .625em .625em;height:60px;vertical-align:middle;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;width:120px;font-size:13px;text-overflow:ellipsis;display:flex;align-items:center}.guide__table-wrapper thead th{text-align:left;border-bottom:1px solid var(--theme-border)}.guide__table-wrapper tbody tr{display:table-cell}.guide__table-wrapper tbody tr:nth-child(odd){background:none}.guide__table-wrapper tr:nth-child(2n){background:transparent}.guide__table-wrapper tr td:nth-child(odd){background:var(--theme-background-alt);border-right:1px solid var(--theme-border)}.guide__table-wrapper tr td:nth-child(2n){border-right:1px solid var(--theme-border)}.guide__table-wrapper tbody td{display:block;text-align:center}}.guide__article{padding:1em 1.5em;max-width:700px;width:100%}@media only screen and (min-width:32em){.guide__article{padding:2em}}.guide__article .guide__title{font-size:1.5rem;text-align:center;letter-spacing:2px;color:var(--theme-primary);margin-bottom:.5em;font-weight:500}@media only screen and (min-width:24em){.guide__article .guide__title{font-size:1.7rem}}@media only screen and (min-width:32em){.guide__article .guide__title{font-size:1.8rem}}@media only screen and (min-width:40em){.guide__article .guide__title{font-size:1.9rem}}@media only screen and (min-width:50em){.guide__article .guide__title{margin-bottom:1em}}.guide__article .guide__para{font-size:.9rem;line-height:1.4;padding:1em 0;text-align:justify}@media only screen and (min-width:24em){.guide__article .guide__para{font-size:1rem}}@media only screen and (min-width:50em){.guide__article .guide__para{font-size:1.05rem}}.guide__article .guide__para a{text-decoration:none;color:var(--theme-primary);cursor:pointer}.guide__article .guide__para li{margin:2em 0}.guide__article .guide__para li h2{font-weight:500;letter-spacing:1px;margin:.5em 0;font-size:1.05rem}@media only screen and (min-width:24em){.guide__article .guide__para li h2{font-size:1.1rem}}@media only screen and (min-width:50em){.guide__article .guide__para li h2{font-size:1.15rem}}.guide__article .guide__para li p{font-size:.9rem}@media only screen and (min-width:24em){.guide__article .guide__para li p{font-size:.95rem}}@media only screen and (min-width:50em){.guide__article .guide__para li p{font-size:1rem}}.guide__article ul{font-size:.9rem}@media only screen and (min-width:24em){.guide__article ul{font-size:1rem}}@media only screen and (min-width:50em){.guide__article ul{font-size:1.05rem}}.guide__article ul li{margin-bottom:.3em}.guide__article .guide__list{list-style:disc;padding-left:1.5em}@media only screen and (min-width:50em){.guide__article .guide__list{padding-left:2em}}.guide__article .guide__tempo-markings{margin-top:3em}.guide__article .guide__tempo-markings p{font-size:1.05rem;margin:1.5em 0}@media only screen and (min-width:24em){.guide__article .guide__tempo-markings p{font-size:1.1rem}}@media only screen and (min-width:40em){.guide__article .guide__tempo-markings p{margin:2em 0}}@media only screen and (min-width:50em){.guide__article .guide__tempo-markings p{font-size:1.15rem}}.not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;width:100%;left:50%;top:50%;transform:translate(-50%,-50%)}.not-found__header{font-size:2rem;margin-bottom:1em}@media only screen and (min-width:24em){.not-found__header{font-size:2.4rem}}@media only screen and (min-width:32em){.not-found__header{font-size:2.8rem}}@media only screen and (min-width:40em){.not-found__header{font-size:3.3rem}}@media only screen and (min-width:50em){.not-found__header{font-size:3.8rem}}@media only screen and (min-width:63em){.not-found__header{font-size:4.5rem}}@media only screen and (min-width:80em){.not-found__header{font-size:5.5rem}}.not-found__link-text{font-size:1.4rem}@media only screen and (min-width:24em){.not-found__link-text{font-size:1.6rem}}@media only screen and (min-width:32em){.not-found__link-text{font-size:1.9rem}}@media only screen and (min-width:40em){.not-found__link-text{font-size:2.2rem}}@media only screen and (min-width:50em){.not-found__link-text{font-size:2.6rem}}@media only screen and (min-width:63em){.not-found__link-text{font-size:3.2rem}}@media only screen and (min-width:80em){.not-found__link-text{font-size:3.9rem}}.not-found__link-text a{text-decoration:none;color:var(--theme-primary);cursor:pointer}.blog{flex-direction:column;padding-bottom:5em}.blog,.blog a{display:flex;align-items:center}.blog a{text-decoration:none;cursor:auto;justify-content:center}.blog a,.blog__header{color:var(--theme-text)}.blog__header{margin-bottom:1em;margin-top:1.5em;font-size:2.5rem;font-weight:400;letter-spacing:3px}.blog__list{display:grid;grid-template-columns:repeat(1,1fr);justify-items:center}@media only screen and (min-width:40em){.blog__list{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:63em){.blog__list{grid-template-columns:repeat(3,1fr)}}.blog__post{position:relative;margin:2.5em 1em;background:#000;border-radius:20px;cursor:pointer;width:80%;max-width:350px;height:300px}.blog__post:after,.blog__post:before{content:"";position:absolute;top:.75em;bottom:.75em;left:.75em;right:.75em;opacity:1;transition:transform .25s ease-out}.blog__post:before{border-top:1px solid #fff;border-bottom:1px solid #fff;transform:scaleX(0)}.blog__post:after{border-left:1px solid #fff;border-right:1px solid #fff;transform:scaleY(0)}.blog__post:hover:before{transform:scaleX(1.05)}.blog__post:hover:after{transform:scaleY(1.05)}.blog__post:hover .blog__image{opacity:.25}.blog__post:hover .blog__para{opacity:1;margin:5em 2em 2em}.blog__image{max-width:100%;height:100%;object-fit:cover;display:block;transition:all .25s ease-out;border-radius:20px;opacity:.6}.blog__text{position:absolute;top:50%;transform:translateY(-50%);color:#fff}.blog__title{font-weight:500;font-size:1.6rem;letter-spacing:1px;text-align:center;opacity:1;margin:0 1em -2.5em}@media only screen and (min-width:40em){.blog__title{font-size:1.7rem}}.blog__para{margin:0 2em;opacity:0;transition:all .25s ease-out}@media only screen and (min-width:40em){.blog__para{font-size:1.05rem}}.post{display:flex;flex-direction:column;align-items:center;margin:3em auto 6em;border-radius:10px;color:var(--theme-text);max-width:800px;width:80%}@media only screen and (min-width:32em){.post{margin:4em auto 7em}}@media only screen and (min-width:40em){.post{margin:4em auto 9em}}@media only screen and (min-width:50em){.post{margin:4em auto 10em}}.post__container{width:100%}.post a{text-decoration:none;color:var(--theme-primary);cursor:pointer}.post ul{list-style:inside;margin-top:2em}.post ul li{margin-top:1em;font-size:1rem;line-height:1.3}@media only screen and (min-width:32em){.post ul li{font-size:1.1rem}}@media only screen and (min-width:40em){.post ul li{font-size:1.2rem}}.post img{width:100%;height:200px;object-fit:cover;border-radius:10px}@media only screen and (min-width:32em){.post img{height:250px}}@media only screen and (min-width:40em){.post img{height:300px}}@media only screen and (min-width:50em){.post img{height:350px}}.post__text{padding:.7em .7em 3em;margin-top:1em}@media only screen and (min-width:24em){.post__text{padding:.9em .9em 3em}}@media only screen and (min-width:32em){.post__text{padding:1.1em 1.1em 3em}}.post h1,.post__faq-title{font-weight:var(--theme-font-weight-normal);font-size:1.7rem;margin:1em 0 1em -.1em;letter-spacing:1px;color:var(--theme-primary);text-align:justify}@media only screen and (min-width:32em){.post h1,.post__faq-title{font-size:1.85rem}}@media only screen and (min-width:40em){.post h1,.post__faq-title{font-size:2rem}}.post h2,.post__fake-h2{margin-top:1.5em;font-size:1.45rem;letter-spacing:1px;font-weight:var(--theme-font-weight-normal)}@media only screen and (min-width:32em){.post h2,.post__fake-h2{font-size:1.7rem}}@media only screen and (min-width:40em){.post h2,.post__fake-h2{font-size:1.85rem}}.post h3{margin-top:1.1em;margin-bottom:-.75em;font-size:1.1rem;letter-spacing:1px;font-weight:var(--theme-font-weight-normal)}@media only screen and (min-width:32em){.post h3{font-size:1.2rem}}@media only screen and (min-width:40em){.post h3{font-size:1.35rem}}.post p{line-height:1.5;font-weight:var(--theme-font-weight-normal);white-space:pre-wrap;text-align:justify;font-size:1rem;margin-top:2.5em}@media only screen and (min-width:32em){.post p{font-size:1.1rem}}@media only screen and (min-width:40em){.post p{font-size:1.2rem}}.post__table-wrapper{display:flex;flex-direction:column;align-items:center;overflow:auto;overflow:overlay;margin-top:2em}.post__table-wrapper table{border-radius:5px;font-weight:var(--theme-font-weight-normal);border:none;border-collapse:collapse;width:100%;max-width:100%;white-space:nowrap;background-color:var(--theme-background-paper);margin:0 auto}.post__table-wrapper td,.post__table-wrapper th{text-align:center;padding:.6em .8em;font-size:.9rem;white-space:pre-line}.post__table-wrapper td{color:var(--theme-text)}.post__table-wrapper td:not(:last-child){border-right:1px solid var(--theme-border)}.post__table-wrapper thead th,.post__table-wrapper thead th:nth-child(odd){color:var(--theme-table-header-text);background:var(--theme-table-header-bg)}.post__table-wrapper tr:nth-child(2n){background:var(--theme-background-alt)}@media(max-width:767px){.post__table-wrapper table{display:block;width:100%}.post__table-wrapper .table-wrapper:before{content:"Scroll horizontally >";display:block;text-align:right;font-size:.7rem;color:var(--theme-text);padding:0 0 .6em}.post__table-wrapper tbody,.post__table-wrapper thead,.post__table-wrapper thead th{display:block}.post__table-wrapper thead th:last-child{border-bottom:none}.post__table-wrapper thead{float:left}.post__table-wrapper tbody{width:auto;position:relative;overflow-x:auto}.post__table-wrapper td,.post__table-wrapper th{padding:1.25em .625em .625em;height:60px;vertical-align:middle;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;width:120px;font-size:13px;text-overflow:ellipsis;display:flex;align-items:center}.post__table-wrapper thead th{text-align:left;border-bottom:1px solid var(--theme-border)}.post__table-wrapper tbody tr{display:table-cell}.post__table-wrapper tbody tr:nth-child(odd){background:none}.post__table-wrapper tr:nth-child(2n){background:transparent}.post__table-wrapper tr td:nth-child(odd){background:var(--theme-background-alt)}.post__table-wrapper tr td:nth-child(2n),.post__table-wrapper tr td:nth-child(odd){border-right:1px solid var(--theme-border)}.post__table-wrapper tbody td{display:block;text-align:center}}.post blockquote{font-size:1.3rem;width:100%;margin:2em auto;font-family:sans-serif;font-style:italic;color:var(--theme-text-secondary);padding-left:1em;border-left:3px solid var(--theme-text-secondary);line-height:1.6;position:relative;font-weight:400}@media only screen and (min-width:40em){.post blockquote{font-size:1.4rem;border-left:4px solid var(--theme-text-secondary)}}@media only screen and (min-width:63em){.post blockquote{font-size:1.5rem;border-left:5px solid var(--theme-text-secondary)}}.post blockquote:after{content:""}.post blockquote span{display:block;color:var(--theme-text-secondary);font-family:sans-serif;font-style:italic;font-weight:var(--theme-font-weight-normal);margin-top:1em}.post__divider{margin-top:2em}@media only screen and (min-width:32em){.post__divider{margin-top:2.5em}}@media only screen and (min-width:40em){.post__divider{margin-top:3em}}.post__divider-line{height:2px;background:linear-gradient(to right,transparent,var(--theme-text-secondary) 20%,var(--theme-text) 50%,var(--theme-text-secondary) 80%,transparent);margin:1em 0}.post__divider-text{font-size:1.2rem;letter-spacing:2px;font-weight:var(--theme-font-weight-normal);text-align:center;color:var(--theme-text)}@media only screen and (min-width:24em){.post__divider-text{font-size:1.3rem}}@media only screen and (min-width:32em){.post__divider-text{font-size:1.4rem}}@media only screen and (min-width:40em){.post__divider-text{font-size:1.7rem}}.post__recommendations{display:flex;flex-direction:column;padding:1em}.post__recommendations a{font-size:1rem;padding:.4em 0;cursor:pointer;text-decoration:none;color:var(--theme-primary)}@media only screen and (min-width:40em){.post__recommendations a{padding:.6em 0;font-size:1.1rem}}@media only screen and (min-width:50em){.post__recommendations a{padding:.8em 0;font-size:1.18rem}}.post__extra-image{height:auto!important;width:100%!important;border-radius:5px!important;max-width:600px}.post__extra-image-wrapper{margin-top:2em;display:flex;justify-content:center}@media only screen and (min-width:50em){.post__extra-image-wrapper{margin-top:2.5em}}.documents__container{margin-bottom:2em}@media only screen and (min-width:32em){.documents__container{margin-bottom:3em}}