@import"https://fonts.googleapis.com/css?family=Lato:400,300,300italic,400italic,700,700italic";.page__markdown{margin:0 8px;font-size:16px}.page__markdown h1,.page__markdown h2{border-bottom:1px solid var(--secondary-color)}.page__markdown a,.page__markdown button{text-shadow:0 0 0 var(--text-color);color:var(--text-color);text-decoration:underline}.page__markdown p,.page__markdown blockquote,.page__markdown ul,.page__markdown ol,.page__markdown dl,.page__markdown table,.page__markdown pre,.page__markdown details{margin-top:0}@media (min-width: 1280px){.page__markdown{margin:0 40px}}.brand{width:60px;height:60px;object-fit:contain}.site-header{position:relative;background-color:var(--primary-color);flex:0 1 auto}.site-header .site-header__wrapper{display:flex;justify-content:space-between;align-items:center;padding-top:0;padding-bottom:0}.site-header .site-header__wrapper ul{list-style-type:none}.site-header .site-header__wrapper nav ul{margin:0}.site-header__middle{text-align:center}.nav__wrapper{display:flex;padding-inline-start:unset;font-size:1.2em}.nav__item a,.nav__item button{display:block;padding:1.5rem 1rem}.nav__item a.navbar__item-active,.nav__item a:hover,.nav__item button.navbar__item-active,.nav__item button:hover{background-color:var(--secondary-color);color:var(--text-color-flipped)}.nav__toggle{display:none}.snap-type__disallowed{background-color:var(--red-color);color:var(--text-color-flipped)}.snap-type__higher-snapped{background-color:var(--orange-color);color:var(--text-color-flipped)}.snap-type__basic-snapped,.snap-type__allowed{background-color:var(--green-color);color:var(--text-color-flipped)}.page .tools__container .tools__side-bar__header{background-color:var(--background-color-tools-header);padding:8px;color:var(--text-color-flipped)}.page .tools__container .tools__tool-header-row{display:flex}.page .tools__container .tools__tool-row{display:flex;background-color:var(--background-color-container)}.page .tools__container .tools__tool-row .tools__side-bar{width:25%;background-color:var(--background-color-tools-settings)}.page .tools__container .tools__tool-row .tools__side-bar .tools-settings-header{background-color:var(--background-color-tools-header);padding:.5rem 8%;color:var(--text-color-flipped)}.page .tools__container .tools__tool-row .tools__side-bar .tools-settings,.page .tools__container .tools__tool-row .tools__side-bar .beatmap-settings{padding:16px}.page .tools__container .tools__tool-name{background-color:var(--background-color-tools-header);color:var(--text-color-flipped)}.page .tools__container .tools_tool-container{width:75%}.page .tools__container .tools__tool{background-color:var(--background-color-container)}.tools__tool-selector-row{background-color:var(--background-color-tool-selected)}.tools__tool-selector-row .tools__tool-selector{width:100%;display:flex;background-color:var(--primary-color)}.tools__tool-selector-row .tools__tool-selector .tools__tool-selector-button-container{width:100%;background-color:var(--background-color-tool-selected)}.tools__tool-selector-row .tools__tool-selector .tools__tool-selector-button-container .tools__tool-selector-option{width:100%;padding:1rem 2%;font-size:1.2rem;background-color:var(--primary-color)}.tools__tool-selector-row .tools__tool-selector .tools__tool-selector-button-container .tools__tool-selector-option.active-tool-before{border-bottom-right-radius:10px}.tools__tool-selector-row .tools__tool-selector .tools__tool-selector-button-container .tools__tool-selector-option.active-tool-after{border-bottom-left-radius:10px}.tools__tool-selector-row .tools__tool-selector .tools__tool-selector-button-container.active-tool-container{background-color:var(--primary-color)}.tools__tool-selector-row .tools__tool-selector .tools__tool-selector-button-container.active-tool-container .active-tool{border-top-left-radius:10px;border-top-right-radius:10px;background-color:var(--background-color-tool-selected);color:var(--text-color-flipped)}*{color:var(--text-color)}html,body{height:100%}body{background-color:var(--background-color);overflow:scroll}a,button{cursor:pointer;background-color:unset;border:unset;text-decoration:none;padding:unset;color:var(--text-color)}.website__wrapper{height:100vh;display:flex;flex-direction:column}.wrapper{max-width:1400px;margin-left:auto;margin-right:auto}.content-wrapper{flex:1}.page{margin-top:16px;margin-bottom:16px}.page .page__header{background-color:var(--secondary-color);color:var(--text-color-flipped);padding:4px 16px;margin:unset}.page .page__breadcrumb{background-color:var(--secondary-color);padding:4px 16px;display:flex}.page .page__breadcrumb .page__breadcrumb-item:not(:last-child){text-decoration:underline}.page .page__breadcrumb .page__breadcrumb-item:not(:first-child){padding-left:4px}.page .page__breadcrumb .page__breadcrumb-item:not(:first-child):before{content:" / "}.page .page__breadcrumb *{color:var(--text-color-flipped)}.page .page__container{background-color:var(--background-color-container)}.page .page__container *.fake-bold{font-weight:400;color:var(--text-color)}.page .page__container a,.page .page__container p{color:var(--text-color)}.row .note-col .note{margin-top:unset;padding:8px;background-color:var(--background-color-container);box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.input-field{display:flex;flex-direction:column}.input-field input[type=number],.input-field input[type=text]{max-width:100%;border-radius:20px;border:none;background-color:var(--border-color);color:var(--text-color);padding:8px;font-size:1.1em}.input-field input[type=number]:focus,.input-field input[type=text]:focus{outline-width:0}.input-field input[type=number]::placeholder,.input-field input[type=text]::placeholder{color:var(--text-color-placeholder)}.input-field input[type=number].form-input__error,.input-field input[type=text].form-input__error{border-color:var(--red-color);background-color:var(--red-color-background)}.input-field.snap-input .snap-input__container{display:flex;align-items:center}.input-field.snap-input .snap-input__container input{width:40%}.input-field.snap-input .snap-input__container .snap-input__divider{width:20%;text-align:center;font-size:1.5rem}.checkbox-input{display:flex;padding:.1rem 2%;justify-content:space-between}input[type=checkbox]{transform:scale(1.2);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--background-color-container);border-radius:5px;position:relative;box-sizing:content-box;width:1.3em;height:1.3em;border:1px solid var(--border-color);margin:4px}input[type=checkbox]:checked{background-color:var(--green-color);border:1px solid var(--green-color)}input[type=checkbox]:focus{outline:0 none;box-shadow:none}code{padding:16px;border-radius:5px;border:var(--border-color) solid 1px;background-color:var(--background-color-code)}table{border-radius:10px;border-spacing:0;table-layout:fixed;width:100%;overflow:hidden}table thead{background-color:var(--background-color-table-header)}table tbody tr{background-color:var(--background-color-table)}table tbody tr:nth-child(2n){background-color:var(--background-color-table-striped)}table td,table th{padding:8px;text-align:center}.logo{width:50px;height:50px;object-fit:contain;display:flex}.content-wrapper img{height:auto;width:auto;max-width:100%;max-height:675px}.footer{flex:0 1 auto;background-color:var(--primary-color)}.footer button,.footer a.button{cursor:pointer;margin:8px;padding:8px;border:unset;border-radius:5px;color:var(--text-color-flipped);background-color:var(--background-color-container)}.footer button:hover,.footer a.button:hover{background-color:var(--secondary-color)}.footer button .button__container .button__text,.footer a.button .button__container .button__text{color:var(--text-color-flipped)}.footer .footer__wrapper{display:flex;justify-content:space-between;align-items:center;padding-top:0;padding-bottom:0}.footer .footer__wrapper .footer-nav__wrapper{display:flex;padding-inline-start:unset;font-size:1.2em}.footer .footer__wrapper .footer-nav__wrapper.dark-mode-toggle button{background-color:var(--darkmode-toggle-background)}.footer .footer__wrapper .footer-nav__wrapper.dark-mode-toggle button .button__text{color:var(--text-color-flipped)}.footer .footer__wrapper .footer-nav__wrapper.dark-mode-toggle button:hover{background-color:var(--darkmode-toggle-background-hover)}.footer .footer__wrapper .footer-nav__item button,.footer .footer__wrapper .footer-nav__item a{display:flex;margin:16px}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html[data-theme=light]{--primary-color: #cfcfcf;--secondary-color: #833232;--text-color: #2c2c2c;--text-color-flipped: #e3e3e3;--background-color: #ffffff;--background-color-container: #ececec;--border-color: #f1f1f1;--background-color-code: #b7b7c5;--background-color-table: color-mix(in srgb, var(--primary-color) 80%, white);--background-color-table-header: color-mix(in srgb, var(--primary-color) 92%, black);--background-color-table-striped: color-mix(in srgb, var(--primary-color) 95%, black);--background-color-tools-settings: color-mix(in srgb, var(--background-color-container) 95%, black);--darkmode-toggle-background: #2d2d2d;--darkmode-toggle-background-hover: #833232;--red-color: #a75353;--red-color-background: color-mix(in srgb, var(--red-color) 60%, white);--orange-color: #a77953;--green-color: #5ba753}html[data-theme=dark]{--primary-color: #2d2d2d;--secondary-color: #833232;--text-color: #dcdcdc;--text-color-flipped: #e3e3e3;--background-color: #1d1d1d;--background-color-container: #383838;--border-color: #545454;--background-color-code: #33333e;--background-color-table: color-mix(in srgb, var(--background-color) 95%, white);--background-color-table-header: color-mix(in srgb, var(--background-color) 99%, black);--background-color-table-striped: color-mix(in srgb, var(--background-color) 98%, white);--background-color-tools-settings: color-mix(in srgb, var(--background-color-container) 95%, white);--red-color: #814242;--red-color-background: color-mix(in srgb, var(--red-color) 60%, white);--orange-color: #816f42;--green-color: #568142;--darkmode-toggle-background: #4b3434;--darkmode-toggle-background-hover: #573d3d}html{--text-color-placeholder: #8b8b8b;--background-color-tool-selected: var(--secondary-color);--background-color-tools-header: var(--secondary-color)}html,body{height:100%;width:100%;margin:0;padding:0;left:0;top:0;font-size:100%;overflow-x:hidden}*{font-family:Lato,Helvetica,sans-serif;color:var(--text-color);line-height:1.5}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.375rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}p{font-size:1.125rem;font-weight:200;line-height:1.8}.font-light{font-weight:300}.font-regular{font-weight:400}.font-heavy{font-weight:700}.left{text-align:left}.right{text-align:right}.center{text-align:center;margin-left:auto;margin-right:auto}.justify{text-align:justify}.hidden-sm{display:none}.container{width:90%;margin-left:auto;margin-right:auto;border-radius:10px;overflow:hidden}@media only screen and (max-width: 45em){.container{width:95%}}.row{position:relative;width:100%}.row [class^=col]{float:left;margin:16px;min-height:.125rem}.row [class^=col].no-margin{margin:unset;padding:.5rem 2%}.row [class^=col].no-spacing{margin:unset}.row:after{content:"";display:table;clear:both}.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{width:96%}.col-1-sm{width:4.3333333333%}.col-2-sm{width:12.6666666667%}.col-3-sm{width:21%}.col-4-sm{width:29.3333333333%}.col-5-sm{width:37.6666666667%}.col-6-sm{width:46%}.col-7-sm{width:54.3333333333%}.col-8-sm{width:62.6666666667%}.col-9-sm{width:71%}.col-10-sm{width:79.3333333333%}.col-11-sm{width:87.6666666667%}.col-12-sm{width:96%}@media only screen and (min-width: 45em){.col-1{width:4.3333333333%}.col-2{width:12.6666666667%}.col-3{width:21%}.col-4{width:29.3333333333%}.col-5{width:37.6666666667%}.col-6{width:46%}.col-7{width:54.3333333333%}.col-8{width:62.6666666667%}.col-9{width:71%}.col-10{width:79.3333333333%}.col-11{width:87.6666666667%}.col-12{width:96%}.hidden-sm{display:block}}