ordr.issou.best
Open in
urlscan Pro
185.171.202.64
Public Scan
Submitted URL: http://ordr.issou.best/
Effective URL: https://ordr.issou.best/
Submission: On December 15 via api from US — Scanned from FR
Effective URL: https://ordr.issou.best/
Submission: On December 15 via api from US — Scanned from FR
Form analysis 1 forms found in the DOM
<form _ngcontent-rag-c128="" novalidate="" class="ng-untouched ng-pristine ng-invalid"><mat-accordion _ngcontent-rag-c128="" multi="true" class="mat-accordion mat-accordion-multi"><mat-expansion-panel _ngcontent-rag-c128=""
class="mat-expansion-panel ng-tns-c83-6 mat-expanded mat-expansion-panel-spacing ng-star-inserted"><mat-expansion-panel-header _ngcontent-rag-c128="" role="button"
class="mat-expansion-panel-header mat-focus-indicator ng-tns-c84-7 ng-tns-c83-6 mat-expanded mat-expansion-toggle-indicator-after ng-star-inserted" id="mat-expansion-panel-header-0" tabindex="0" aria-controls="cdk-accordion-child-0"
aria-expanded="true" aria-disabled="false"><span class="mat-content ng-tns-c84-7"><mat-panel-title _ngcontent-rag-c128="" class="mat-expansion-panel-header-title ng-tns-c84-7"><mat-icon _ngcontent-rag-c128="" role="img"
class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" aria-hidden="true" data-mat-icon-type="font">settings</mat-icon></mat-panel-title><mat-panel-description _ngcontent-rag-c128=""
class="mat-expansion-panel-header-description ng-tns-c84-7" style="margin-top: 2px;">General settings</mat-panel-description></span><span class="mat-expansion-indicator ng-tns-c84-7 ng-trigger ng-trigger-indicatorRotate ng-star-inserted"
style="transform: rotate(180deg);"></span><!----></mat-expansion-panel-header>
<div role="region" class="mat-expansion-panel-content ng-tns-c83-6 ng-trigger ng-trigger-bodyExpansion" id="cdk-accordion-child-0" aria-labelledby="mat-expansion-panel-header-0" style="visibility: visible;">
<div class="mat-expansion-panel-body ng-tns-c83-6">
<div _ngcontent-rag-c128="" class="ng-tns-c83-6"><button _ngcontent-rag-c128="" mat-stroked-button="" type="button" class="select-replay-button mdc-button mdc-button--outlined mat-mdc-outlined-button mat-unthemed mat-mdc-button-base"><span
class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span><span class="mdc-button__label"><span _ngcontent-rag-c128="" class="ng-star-inserted" style="">Pick or drop a replay here</span><!----><!----><!----></span><span
class="mat-mdc-focus-indicator"></span><span matripple="" class="mat-ripple mat-mdc-button-ripple"></span><span class="mat-mdc-button-touch-target"></span></button><input _ngcontent-rag-c128="" type="file"></div>
<div _ngcontent-rag-c128="" class="usernameLine ng-tns-c83-6"><mat-form-field _ngcontent-rag-c128=""
class="mat-mdc-form-field usernameInput ng-tns-c54-8 mat-mdc-form-field-type-mat-input mat-form-field-appearance-fill mat-primary ng-untouched ng-pristine ng-invalid ng-star-inserted" style=""><!---->
<div class="mat-mdc-text-field-wrapper mdc-text-field ng-tns-c54-8 mdc-text-field--filled mdc-text-field--no-label">
<div class="mat-mdc-form-field-focus-overlay ng-tns-c54-8 ng-star-inserted"></div><!---->
<div class="mat-mdc-form-field-flex ng-tns-c54-8"><!----><!----><!---->
<div class="mat-mdc-form-field-infix ng-tns-c54-8"><!----><!----><!----><input _ngcontent-rag-c128="" matinput="" formcontrolname="username"
class="mat-mdc-input-element ng-tns-c54-8 mat-mdc-form-field-input-control mdc-text-field__input ng-untouched ng-pristine ng-invalid cdk-text-field-autofill-monitored" placeholder="Your username (not the username of the replay)"
id="mat-input-0" required="" aria-required="true"></div><!----><!---->
</div>
<div matformfieldlineripple="" class="mdc-line-ripple ng-tns-c54-8 mdc-line-ripple--deactivating ng-star-inserted"></div><!---->
</div>
<div class="mat-mdc-form-field-subscript-wrapper mat-mdc-form-field-bottom-align ng-tns-c54-8"><!---->
<div class="mat-mdc-form-field-hint-wrapper ng-tns-c54-8 ng-trigger ng-trigger-transitionMessages ng-star-inserted" style="opacity: 1; transform: translateY(0%);"><!---->
<div class="mat-mdc-form-field-hint-spacer ng-tns-c54-8"></div>
</div><!---->
</div>
</mat-form-field><mat-form-field _ngcontent-rag-c128="" appearance="outline"
class="mat-mdc-form-field resolutionInput ng-tns-c54-9 mat-mdc-form-field-type-mat-select mat-form-field-appearance-outline mat-primary ng-untouched ng-pristine ng-valid ng-star-inserted" style=""><!---->
<div class="mat-mdc-text-field-wrapper mdc-text-field ng-tns-c54-9 mdc-text-field--outlined"><!---->
<div class="mat-mdc-form-field-flex ng-tns-c54-9">
<div matformfieldnotchedoutline="" class="mdc-notched-outline ng-tns-c54-9 mdc-notched-outline--upgraded ng-star-inserted mdc-notched-outline--notched">
<div class="mdc-notched-outline__leading"></div>
<div class="mdc-notched-outline__notch" style="width: calc(93px * var(--mat-mdc-form-field-floating-label-scale, 0.75) + 9px);"><label matformfieldfloatinglabel=""
class="mdc-floating-label mat-mdc-floating-label ng-tns-c54-9 ng-star-inserted mdc-floating-label--float-above" id="mat-mdc-form-field-label-4" for="mat-select-2" aria-owns="mat-select-2" style=""><mat-label
_ngcontent-rag-c128="" class="ng-tns-c54-9"> Resolution </mat-label><span aria-hidden="true"
class="mat-mdc-form-field-required-marker mdc-floating-label--required ng-tns-c54-9 ng-star-inserted"></span><!----></label><!----><!----><!----></div>
<div class="mdc-notched-outline__trailing"></div>
</div><!----><!----><!---->
<div class="mat-mdc-form-field-infix ng-tns-c54-9"><!----><mat-select _ngcontent-rag-c128="" role="combobox" aria-autocomplete="none" aria-haspopup="listbox" formcontrolname="resolution" required=""
class="mat-mdc-select ng-tns-c56-10 ng-tns-c54-9 mat-mdc-select-required ng-untouched ng-pristine ng-valid ng-star-inserted" aria-labelledby="mat-mdc-form-field-label-4 mat-select-value-3" id="mat-select-2" tabindex="0"
aria-expanded="false" aria-required="true" aria-disabled="false" aria-invalid="false">
<div cdk-overlay-origin="" class="mat-mdc-select-trigger ng-tns-c56-10">
<div class="mat-mdc-select-value ng-tns-c56-10" id="mat-select-value-3"><!----><span class="mat-mdc-select-value-text ng-tns-c56-10 ng-star-inserted" style=""><span
class="mat-mdc-select-min-line ng-tns-c56-10 ng-star-inserted">1280x720 (720p)</span><!----><!----></span><!----></div>
<div class="mat-mdc-select-arrow-wrapper ng-tns-c56-10">
<div class="mat-mdc-select-arrow ng-tns-c56-10"><svg viewBox="0 0 24 24" width="24px" height="24px" focusable="false" class="ng-tns-c56-10">
<path d="M7 10l5 5 5-5z" class="ng-tns-c56-10"></path>
</svg></div>
</div>
</div><!---->
</mat-select></div><!----><!---->
</div><!---->
</div>
<div class="mat-mdc-form-field-subscript-wrapper mat-mdc-form-field-bottom-align ng-tns-c54-9"><!---->
<div class="mat-mdc-form-field-hint-wrapper ng-tns-c54-9 ng-trigger ng-trigger-transitionMessages ng-star-inserted" style="opacity: 1; transform: translateY(0%);"><!---->
<div class="mat-mdc-form-field-hint-spacer ng-tns-c54-9"></div>
</div><!---->
</div>
</mat-form-field></div><!---->
<div _ngcontent-rag-c128="" class="ng-tns-c83-6"><mat-label _ngcontent-rag-c128="" class="sliderLabel">Music volume</mat-label><mat-slider _ngcontent-rag-c128="" min="0" max="100" discrete=""
class="mat-mdc-slider mdc-slider mat-primary mdc-slider--discrete"><input _ngcontent-rag-c128="" type="range" matsliderthumb="" formcontrolname="musicVolume" class="mdc-slider__input ng-untouched ng-pristine ng-valid" step="0" min="0"
max="100" aria-valuetext="50%" style="padding: 0px; width: calc(100% + 48px); left: -24px;">
<div class="mdc-slider__track">
<div class="mdc-slider__track--inactive"></div>
<div class="mdc-slider__track--active">
<div class="mdc-slider__track--active_fill" style="left: 0px; right: auto; transform-origin: left center; transform: scaleX(0.5);"></div>
</div><!---->
</div><!----><mat-slider-visual-thumb class="mdc-slider__thumb mat-mdc-slider-visual-thumb" style="transform: translateX(56px);">
<div class="mdc-slider__value-indicator-container ng-star-inserted" style="">
<div class="mdc-slider__value-indicator"><span class="mdc-slider__value-indicator-text">50%</span></div>
</div><!---->
<div class="mdc-slider__thumb-knob"></div>
<div matripple="" class="mat-ripple mat-mdc-focus-indicator"></div>
</mat-slider-visual-thumb>
</mat-slider><mat-label _ngcontent-rag-c128="" class="sliderLabel">Hitsounds volume</mat-label><mat-slider _ngcontent-rag-c128="" min="0" max="100" discrete="" class="mat-mdc-slider mdc-slider mat-primary mdc-slider--discrete"><input
_ngcontent-rag-c128="" type="range" matsliderthumb="" formcontrolname="hitsoundVolume" class="mdc-slider__input ng-untouched ng-pristine ng-valid" step="0" min="0" max="100" aria-valuetext="50%"
style="padding: 0px; width: calc(100% + 48px); left: -24px;">
<div class="mdc-slider__track">
<div class="mdc-slider__track--inactive"></div>
<div class="mdc-slider__track--active">
<div class="mdc-slider__track--active_fill" style="left: 0px; right: auto; transform-origin: left center; transform: scaleX(0.5);"></div>
</div><!---->
</div><!----><mat-slider-visual-thumb class="mdc-slider__thumb mat-mdc-slider-visual-thumb" style="transform: translateX(56px);">
<div class="mdc-slider__value-indicator-container ng-star-inserted" style="">
<div class="mdc-slider__value-indicator"><span class="mdc-slider__value-indicator-text">50%</span></div>
</div><!---->
<div class="mdc-slider__thumb-knob"></div>
<div matripple="" class="mat-ripple mat-mdc-focus-indicator"></div>
</mat-slider-visual-thumb>
</mat-slider><a _ngcontent-rag-c128="" mat-raised-button="" color="accent" class="preset-buttons checkbox-on-right mdc-button mdc-button--raised mat-mdc-raised-button mat-accent mat-mdc-button-base" aria-disabled="false"><span class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span><span class="mdc-button__label">Toggle presets sidebar</span><span class="mat-mdc-focus-indicator"></span><span matripple="" class="mat-ripple mat-mdc-button-ripple"></span><span class="mat-mdc-button-touch-target"></span></a><a _ngcontent-rag-c128="" mat-raised-button="" color="primary" class="preset-buttons checkbox-on-right mdc-button mdc-button--raised mat-mdc-raised-button mat-primary mat-mdc-button-base" disabled="true" tabindex="-1" aria-disabled="true"><span class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span><mat-icon _ngcontent-rag-c128="" role="img" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" aria-hidden="true" data-mat-icon-type="font">cloud_upload</mat-icon><span class="mdc-button__label"> Save the current settings to a preset </span><span class="mat-mdc-focus-indicator"></span><span matripple="" class="mat-ripple mat-mdc-button-ripple"></span><span class="mat-mdc-button-touch-target"></span></a>
</div><!---->
</div>
</div>
</mat-expansion-panel><!----><mat-expansion-panel _ngcontent-rag-c128="" class="mat-expansion-panel ng-tns-c83-11 ng-star-inserted"><mat-expansion-panel-header _ngcontent-rag-c128="" role="button"
class="mat-expansion-panel-header mat-focus-indicator ng-tns-c84-12 ng-tns-c83-11 mat-expansion-toggle-indicator-after ng-star-inserted" id="mat-expansion-panel-header-1" tabindex="0" aria-controls="cdk-accordion-child-1"
aria-expanded="false" aria-disabled="false"><span class="mat-content ng-tns-c84-12"><mat-panel-title _ngcontent-rag-c128="" class="mat-expansion-panel-header-title ng-tns-c84-12"><mat-icon _ngcontent-rag-c128="" role="img"
class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" aria-hidden="true" data-mat-icon-type="font">games</mat-icon></mat-panel-title><mat-panel-description _ngcontent-rag-c128=""
class="mat-expansion-panel-header-description ng-tns-c84-12" style="margin-top: 2px;">Gameplay settings</mat-panel-description></span><span
class="mat-expansion-indicator ng-tns-c84-12 ng-trigger ng-trigger-indicatorRotate ng-star-inserted" style="transform: rotate(0deg);"></span><!----></mat-expansion-panel-header>
<div role="region" class="mat-expansion-panel-content ng-tns-c83-11 ng-trigger ng-trigger-bodyExpansion" id="cdk-accordion-child-1" aria-labelledby="mat-expansion-panel-header-1" style="height: 0px; visibility: hidden;">
<div class="mat-expansion-panel-body ng-tns-c83-11"><button _ngcontent-rag-c128="" mat-raised-button="" color="accent" type="button"
class="element-position-customizer-button mdc-button mdc-button--raised mat-mdc-raised-button mat-accent ng-tns-c83-11 mat-mdc-button-base"><span class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span><span
class="mdc-button__label"> Change elements position </span><span class="mat-mdc-focus-indicator"></span><span matripple="" class="mat-ripple mat-mdc-button-ripple"></span><span
class="mat-mdc-button-touch-target"></span></button><mat-checkbox _ngcontent-rag-c128="" formcontrolname="showHitErrorMeter" class="mat-mdc-checkbox mat-accent ng-tns-c83-11 mat-mdc-checkbox-checked ng-untouched ng-pristine ng-valid"
id="mat-mdc-checkbox-1">
<div class="mdc-form-field">
<div class="mdc-checkbox">
<div class="mat-mdc-checkbox-touch-target"></div><input type="checkbox" class="mdc-checkbox__native-control mdc-checkbox--selected" id="mat-mdc-checkbox-1-input" tabindex="0" aria-checked="true">
<div class="mdc-checkbox__ripple"></div>
<div class="mdc-checkbox__background"><svg focusable="false" viewBox="0 0 24 24" aria-hidden="true" class="mdc-checkbox__checkmark">
<path fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59" class="mdc-checkbox__checkmark-path"></path>
</svg>
<div class="mdc-checkbox__mixedmark"></div>
</div>
<div mat-ripple="" class="mat-ripple mat-mdc-checkbox-ripple mat-mdc-focus-indicator"></div>
</div><label for="mat-mdc-checkbox-1-input">Show Hit Error Meter </label>
</div>
</mat-checkbox><span _ngcontent-rag-c128="" class="br ng-tns-c83-11"></span><mat-checkbox _ngcontent-rag-c128="" formcontrolname="showUnstableRate"
class="mat-mdc-checkbox mat-mdc-tooltip-trigger mat-accent ng-tns-c83-11 mat-mdc-checkbox-checked ng-untouched ng-pristine ng-valid" id="mat-mdc-checkbox-2" aria-describedby="cdk-describedby-message-rag-1-4" cdk-describedby-host="rag-1">
<div class="mdc-form-field">
<div class="mdc-checkbox">
<div class="mat-mdc-checkbox-touch-target"></div><input type="checkbox" class="mdc-checkbox__native-control mdc-checkbox--selected" id="mat-mdc-checkbox-2-input" tabindex="0" aria-checked="true">
<div class="mdc-checkbox__ripple"></div>
<div class="mdc-checkbox__background"><svg focusable="false" viewBox="0 0 24 24" aria-hidden="true" class="mdc-checkbox__checkmark">
<path fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59" class="mdc-checkbox__checkmark-path"></path>
</svg>
<div class="mdc-checkbox__mixedmark"></div>
</div>
<div mat-ripple="" class="mat-ripple mat-mdc-checkbox-ripple mat-mdc-focus-indicator"></div>
</div><label for="mat-mdc-checkbox-2-input">Show Unstable Rate</label>
</div>
</mat-checkbox><!----><span _ngcontent-rag-c128="" class="br ng-tns-c83-11"></span><mat-checkbox _ngcontent-rag-c128="" formcontrolname="showScore"
class="mat-mdc-checkbox mat-accent ng-tns-c83-11 mat-mdc-checkbox-checked ng-untouched ng-pristine ng-valid" id="mat-mdc-checkbox-3">
<div class="mdc-form-field">
<div class="mdc-checkbox">
<div class="mat-mdc-checkbox-touch-target"></div><input type="checkbox" class="mdc-checkbox__native-control mdc-checkbox--selected" id="mat-mdc-checkbox-3-input" tabindex="0" aria-checked="true">
<div class="mdc-checkbox__ripple"></div>
<div class="mdc-checkbox__background"><svg focusable="false" viewBox="0 0 24 24" aria-hidden="true" class="mdc-checkbox__checkmark">
<path fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59" class="mdc-checkbox__checkmark-path"></path>
</svg>
<div class="mdc-checkbox__mixedmark"></div>
</div>
<div mat-ripple="" class="mat-ripple mat-mdc-checkbox-ripple mat-mdc-focus-indicator"></div>
</div><label for="mat-mdc-checkbox-3-input">Show Score</label>
</div>
</mat-checkbox><span _ngcontent-rag-c128="" class="br ng-tns-c83-11"></span><mat-checkbox _ngcontent-rag-c128="" formcontrolname="showHPBar"
class="mat-mdc-checkbox mat-accent ng-tns-c83-11 mat-mdc-checkbox-checked ng-untouched ng-pristine ng-valid" id="mat-mdc-checkbox-4">
<div class="mdc-form-field">
<div class="mdc-checkbox">
<div class="mat-mdc-checkbox-touch-target"></div><input type="checkbox" class="mdc-checkbox__native-control mdc-checkbox--selected" id="mat-mdc-checkbox-4-input" tabindex="0" aria-checked="true">
<div class="mdc-checkbox__ripple"></div>
<div class="mdc-checkbox__background"><svg focusable="false" viewBox="0 0 24 24" aria-hidden="true" class="mdc-checkbox__checkmark">
<path fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59" class="mdc-checkbox__checkmark-path"></path>
</svg>
<div class="mdc-checkbox__mixedmark"></div>
</div>
<div mat-ripple="" class="mat-ripple mat-mdc-checkbox-ripple mat-mdc-focus-indicator"></div>
</div><label for="mat-mdc-checkbox-4-input">Show HP Bar</label>
</div>
</mat-checkbox><span _ngcontent-rag-c128="" class="br ng-tns-c83-11"></span><mat-checkbox _ngcontent-rag-c128="" formcontrolname="showComboCounter"
class="mat-mdc-checkbox mat-accent ng-tns-c83-11 mat-mdc-checkbox-checked ng-untouched ng-pristine ng-valid" id="mat-mdc-checkbox-5">
<div class="mdc-form-field">
<div class="mdc-checkbox">
<div class="mat-mdc-checkbox-touch-target"></div><input type="checkbox" class="mdc-checkbox__native-control mdc-checkbox--selected" id="mat-mdc-checkbox-5-input" tabindex="0" aria-checked="true">
<div class="mdc-checkbox__ripple"></div>
<div class="mdc-checkbox__background"><svg focusable="false" viewBox="0 0 24 24" aria-hidden="true" class="mdc-checkbox__checkmark">
<path fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59" class="mdc-checkbox__checkmark-path"></path>
</svg>
<div class="mdc-checkbox__mixedmark"></div>
</div>
<div mat-ripple="" class="mat-ripple mat-mdc-checkbox-ripple mat-mdc-focus-indicator"></div>
</div><label for="mat-mdc-checkbox-5-input">Show Combo Counter</label>
</div>
</mat-checkbox><span _ngcontent-rag-c128="" class="br ng-tns-c83-11"></span><mat-checkbox _ngcontent-rag-c128="" formcontrolname="showPPCounter" class="mat-mdc-checkbox mat-accent ng-tns-c83-11 ng-untouched ng-pristine ng-valid"
id="mat-mdc-checkbox-6">
<div class="mdc-form-field">
<div class="mdc-checkbox">
<div class="mat-mdc-checkbox-touch-target"></div><input type="checkbox" class="mdc-checkbox__native-control" id="mat-mdc-checkbox-6-input" tabindex="0" aria-checked="false">
<div class="mdc-checkbox__ripple"></div>
<div class="mdc-checkbox__background"><svg focusable="false" viewBox="0 0 24 24" aria-hidden="true" class="mdc-checkbox__checkmark">
<path fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59" class="mdc-checkbox__checkmark-path"></path>
</svg>
<div class="mdc-checkbox__mixedmark"></div>
</div>
<div mat-ripple="" class="mat-ripple mat-mdc-checkbox-ripple mat-mdc-focus-indicator"></div>
</div><label for="mat-mdc-checkbox-6-input">Show PP Counter</label>
</div>
</mat-checkbox><span _ngcontent-rag-c128="" class="br ng-tns-c83-11"></span><mat-checkbox _ngcontent-rag-c128="" formcontrolname="showKeyOverlay"
class="mat-mdc-checkbox mat-accent ng-tns-c83-11 mat-mdc-checkbox-checked ng-untouched ng-pristine ng-valid" id="mat-mdc-checkbox-7">
<div class="mdc-form-field">
<div class="mdc-checkbox">
<div class="mat-mdc-checkbox-touch-target"></div><input type="checkbox" class="mdc-checkbox__native-control mdc-checkbox--selected" id="mat-mdc-checkbox-7-input" tabindex="0" aria-checked="true">
<div class="mdc-checkbox__ripple"></div>
<div class="mdc-checkbox__background"><svg focusable="false" viewBox="0 0 24 24" aria-hidden="true" class="mdc-checkbox__checkmark">
<path fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59" class="mdc-checkbox__checkmark-path"></path>
</svg>
<div class="mdc-checkbox__mixedmark"></div>
</div>
<div mat-ripple="" class="mat-ripple mat-mdc-checkbox-ripple mat-mdc-focus-indicator"></div>
</div><label for="mat-mdc-checkbox-7-input">Show Key Overlay</label>
</div>
</mat-checkbox><span _ngcontent-rag-c128="" class="br ng-tns-c83-11"></span><mat-checkbox _ngcontent-rag-c128="" formcontrolname="showScoreboard" class="mat-mdc-checkbox mat-accent ng-tns-c83-11 ng-untouched ng-pristine ng-valid"
id="mat-mdc-checkbox-8">
<div class="mdc-form-field">
<div class="mdc-checkbox">
<div class="mat-mdc-checkbox-touch-target"></div><input type="checkbox" class="mdc-checkbox__native-control" id="mat-mdc-checkbox-8-input" tabindex="0" aria-checked="false">
<div class="mdc-checkbox__ripple"></div>
<div class="mdc-checkbox__background"><svg focusable="false" viewBox="0 0 24 24" aria-hidden="true" class="mdc-checkbox__checkmark">
<path fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59" class="mdc-checkbox__checkmark-path"></path>
</svg>
<div class="mdc-checkbox__mixedmark"></div>
</div>
<div mat-ripple="" class="mat-ripple mat-mdc-checkbox-ripple mat-mdc-focus-indicator"></div>
</div><label for="mat-mdc-checkbox-8-input">Show Scoreboard</label>
</div>
</mat-checkbox><mat-checkbox _ngcontent-rag-c128="" formcontrolname="showAvatarsOnScoreboard" class="mat-mdc-checkbox checkbox-on-right mat-accent ng-tns-c83-11 ng-untouched ng-pristine ng-valid" id="mat-mdc-checkbox-9">
<div class="mdc-form-field">
<div class="mdc-checkbox">
<div class="mat-mdc-checkbox-touch-target"></div><input type="checkbox" class="mdc-checkbox__native-control" id="mat-mdc-checkbox-9-input" tabindex="0" aria-checked="false">
<div class="mdc-checkbox__ripple"></div>
<div class="mdc-checkbox__background"><svg focusable="false" viewBox="0 0 24 24" aria-hidden="true" class="mdc-checkbox__checkmark">
<path fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59" class="mdc-checkbox__checkmark-path"></path>
</svg>
<div class="mdc-checkbox__mixedmark"></div>
</div>
<div mat-ripple="" class="mat-ripple mat-mdc-checkbox-ripple mat-mdc-focus-indicator"></div>
</div><label for="mat-mdc-checkbox-9-input">Show Avatars on Scoreboard</label>
</div>
</mat-checkbox><span _ngcontent-rag-c128="" class="br ng-tns-c83-11"></span><mat-checkbox _ngcontent-rag-c128="" formcontrolname="showBorders" class="mat-mdc-checkbox mat-accent ng-tns-c83-11 ng-untouched ng-pristine ng-valid"
id="mat-mdc-checkbox-10">
<div class="mdc-form-field">
<div class="mdc-checkbox">
<div class="mat-mdc-checkbox-touch-target"></div><input type="checkbox" class="mdc-checkbox__native-control" id="mat-mdc-checkbox-10-input" tabindex="0" aria-checked="false">
<div class="mdc-checkbox__ripple"></div>
<div class="mdc-checkbox__background"><svg focusable="false" viewBox="0 0 24 24" aria-hidden="true" class="mdc-checkbox__checkmark">
<path fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59" class="mdc-checkbox__checkmark-path"></path>
</svg>
<div class="mdc-checkbox__mixedmark"></div>
</div>
<div mat-ripple="" class="mat-ripple mat-mdc-checkbox-ripple mat-mdc-focus-indicator"></div>
</div><label for="mat-mdc-checkbox-10-input">Show Borders</label>
</div>
</mat-checkbox><span _ngcontent-rag-c128="" class="br ng-tns-c83-11"></span><mat-checkbox _ngcontent-rag-c128="" formcontrolname="showMods"
class="mat-mdc-checkbox mat-accent ng-tns-c83-11 mat-mdc-checkbox-checked ng-untouched ng-pristine ng-valid" id="mat-mdc-checkbox-11">
<div class="mdc-form-field">
<div class="mdc-checkbox">
<div class="mat-mdc-checkbox-touch-target"></div><input type="checkbox" class="mdc-checkbox__native-control mdc-checkbox--selected" id="mat-mdc-checkbox-11-input" tabindex="0" aria-checked="true">
<div class="mdc-checkbox__ripple"></div>
<div class="mdc-checkbox__background"><svg focusable="false" viewBox="0 0 24 24" aria-hidden="true" class="mdc-checkbox__checkmark">
<path fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59" class="mdc-checkbox__checkmark-path"></path>
</svg>
<div class="mdc-checkbox__mixedmark"></div>
</div>
<div mat-ripple="" class="mat-ripple mat-mdc-checkbox-ripple mat-mdc-focus-indicator"></div>
</div><label for="mat-mdc-checkbox-11-input">Show Mods</label>
</div>
</mat-checkbox><span _ngcontent-rag-c128="" class="br ng-tns-c83-11"></span><mat-checkbox _ngcontent-rag-c128="" formcontrolname="showResultScreen"
class="mat-mdc-checkbox mat-accent ng-tns-c83-11 mat-mdc-checkbox-checked ng-untouched ng-pristine ng-valid" id="mat-mdc-checkbox-12">
<div class="mdc-form-field">
<div class="mdc-checkbox">
<div class="mat-mdc-checkbox-touch-target"></div><input type="checkbox" class="mdc-checkbox__native-control mdc-checkbox--selected" id="mat-mdc-checkbox-12-input" tabindex="0" aria-checked="true">
<div class="mdc-checkbox__ripple"></div>
<div class="mdc-checkbox__background"><svg focusable="false" viewBox="0 0 24 24" aria-hidden="true" class="mdc-checkbox__checkmark">
<path fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59" class="mdc-checkbox__checkmark-path"></path>
</svg>
<div class="mdc-checkbox__mixedmark"></div>
</div>
<div mat-ripple="" class="mat-ripple mat-mdc-checkbox-ripple mat-mdc-focus-indicator"></div>
</div><label for="mat-mdc-checkbox-12-input">Show Result Screen</label>
</div>
</mat-checkbox><span _ngcontent-rag-c128="" class="br ng-tns-c83-11"></span><mat-checkbox _ngcontent-rag-c128="" formcontrolname="showHitCounter"
class="mat-mdc-checkbox mat-accent ng-tns-c83-11 mat-mdc-checkbox-checked ng-untouched ng-pristine ng-valid" id="mat-mdc-checkbox-13">
<div class="mdc-form-field">
<div class="mdc-checkbox">
<div class="mat-mdc-checkbox-touch-target"></div><input type="checkbox" class="mdc-checkbox__native-control mdc-checkbox--selected" id="mat-mdc-checkbox-13-input" tabindex="0" aria-checked="true">
<div class="mdc-checkbox__ripple"></div>
<div class="mdc-checkbox__background"><svg focusable="false" viewBox="0 0 24 24" aria-hidden="true" class="mdc-checkbox__checkmark">
<path fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59" class="mdc-checkbox__checkmark-path"></path>
</svg>
<div class="mdc-checkbox__mixedmark"></div>
</div>
<div mat-ripple="" class="mat-ripple mat-mdc-checkbox-ripple mat-mdc-focus-indicator"></div>
</div><label for="mat-mdc-checkbox-13-input">Show Hit Counter (100, 50, misses)</label>
</div>
</mat-checkbox><mat-checkbox _ngcontent-rag-c128="" formcontrolname="showSliderBreaks" class="mat-mdc-checkbox checkbox-on-right mat-accent ng-tns-c83-11 ng-untouched ng-pristine ng-valid" id="mat-mdc-checkbox-14">
<div class="mdc-form-field">
<div class="mdc-checkbox">
<div class="mat-mdc-checkbox-touch-target"></div><input type="checkbox" class="mdc-checkbox__native-control" id="mat-mdc-checkbox-14-input" tabindex="0" aria-checked="false">
<div class="mdc-checkbox__ripple"></div>
<div class="mdc-checkbox__background"><svg focusable="false" viewBox="0 0 24 24" aria-hidden="true" class="mdc-checkbox__checkmark">
<path fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59" class="mdc-checkbox__checkmark-path"></path>
</svg>
<div class="mdc-checkbox__mixedmark"></div>
</div>
<div mat-ripple="" class="mat-ripple mat-mdc-checkbox-ripple mat-mdc-focus-indicator"></div>
</div><label for="mat-mdc-checkbox-14-input">Show Slider Breaks</label>
</div>
</mat-checkbox><span _ngcontent-rag-c128="" class="br ng-tns-c83-11"></span><mat-checkbox _ngcontent-rag-c128="" formcontrolname="showAimErrorMeter" class="mat-mdc-checkbox mat-accent ng-tns-c83-11 ng-untouched ng-pristine ng-valid"
id="mat-mdc-checkbox-15">
<div class="mdc-form-field">
<div class="mdc-checkbox">
<div class="mat-mdc-checkbox-touch-target"></div><input type="checkbox" class="mdc-checkbox__native-control" id="mat-mdc-checkbox-15-input" tabindex="0" aria-checked="false">
<div class="mdc-checkbox__ripple"></div>
<div class="mdc-checkbox__background"><svg focusable="false" viewBox="0 0 24 24" aria-hidden="true" class="mdc-checkbox__checkmark">
<path fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59" class="mdc-checkbox__checkmark-path"></path>
</svg>
<div class="mdc-checkbox__mixedmark"></div>
</div>
<div mat-ripple="" class="mat-ripple mat-mdc-checkbox-ripple mat-mdc-focus-indicator"></div>
</div><label for="mat-mdc-checkbox-15-input">Show Aim Error Meter</label>
</div>
</mat-checkbox><span _ngcontent-rag-c128="" class="br ng-tns-c83-11"></span><mat-checkbox _ngcontent-rag-c128="" formcontrolname="showStrainGraph" class="mat-mdc-checkbox mat-accent ng-tns-c83-11 ng-untouched ng-pristine ng-valid"
id="mat-mdc-checkbox-16">
<div class="mdc-form-field">
<div class="mdc-checkbox">
<div class="mat-mdc-checkbox-touch-target"></div><input type="checkbox" class="mdc-checkbox__native-control" id="mat-mdc-checkbox-16-input" tabindex="0" aria-checked="false">
<div class="mdc-checkbox__ripple"></div>
<div class="mdc-checkbox__background"><svg focusable="false" viewBox="0 0 24 24" aria-hidden="true" class="mdc-checkbox__checkmark">
<path fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59" class="mdc-checkbox__checkmark-path"></path>
</svg>
<div class="mdc-checkbox__mixedmark"></div>
</div>
<div mat-ripple="" class="mat-ripple mat-mdc-checkbox-ripple mat-mdc-focus-indicator"></div>
</div><label for="mat-mdc-checkbox-16-input">Show Strain Graph</label>
</div>
</mat-checkbox><!----></div>
</div>
</mat-expansion-panel><!----><mat-expansion-panel _ngcontent-rag-c128="" class="mat-expansion-panel ng-tns-c83-13 ng-star-inserted"><mat-expansion-panel-header _ngcontent-rag-c128="" role="button"
class="mat-expansion-panel-header mat-focus-indicator ng-tns-c84-14 ng-tns-c83-13 mat-expansion-toggle-indicator-after ng-star-inserted" id="mat-expansion-panel-header-2" tabindex="0" aria-controls="cdk-accordion-child-2"
aria-expanded="false" aria-disabled="false"><span class="mat-content ng-tns-c84-14"><mat-panel-title _ngcontent-rag-c128="" class="mat-expansion-panel-header-title ng-tns-c84-14"><mat-icon _ngcontent-rag-c128="" role="img"
class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" aria-hidden="true" data-mat-icon-type="font">palette</mat-icon></mat-panel-title><mat-panel-description _ngcontent-rag-c128=""
class="mat-expansion-panel-header-description ng-tns-c84-14" style="margin-top: 2px;">Skin settings</mat-panel-description></span><span class="mat-expansion-indicator ng-tns-c84-14 ng-trigger ng-trigger-indicatorRotate ng-star-inserted"
style="transform: rotate(0deg);"></span><!----></mat-expansion-panel-header>
<div role="region" class="mat-expansion-panel-content ng-tns-c83-13 ng-trigger ng-trigger-bodyExpansion" id="cdk-accordion-child-2" aria-labelledby="mat-expansion-panel-header-2" style="height: 0px; visibility: hidden;">
<div class="mat-expansion-panel-body ng-tns-c83-13"><mat-form-field _ngcontent-rag-c128="" appearance="outline"
class="mat-mdc-form-field skin-input ng-tns-c54-15 ng-tns-c83-13 mat-mdc-form-field-type-mat-input mat-form-field-appearance-outline mat-form-field-hide-placeholder mat-primary ng-untouched ng-pristine ng-invalid ng-star-inserted"
style=""><!---->
<div class="mat-mdc-text-field-wrapper mdc-text-field ng-tns-c54-15 mdc-text-field--outlined"><!---->
<div class="mat-mdc-form-field-flex ng-tns-c54-15">
<div matformfieldnotchedoutline="" class="mdc-notched-outline ng-tns-c54-15 mdc-notched-outline--upgraded ng-star-inserted">
<div class="mdc-notched-outline__leading"></div>
<div class="mdc-notched-outline__notch"><label matformfieldfloatinglabel="" class="mdc-floating-label mat-mdc-floating-label ng-tns-c54-15 ng-star-inserted" id="mat-mdc-form-field-label-6" for="mat-input-1" aria-owns="mat-input-1"
style=""><mat-label _ngcontent-rag-c128="" class="ng-tns-c54-15"> Skin </mat-label><!----></label><!----><!----><!----></div>
<div class="mdc-notched-outline__trailing"></div>
</div><!----><!----><!---->
<div class="mat-mdc-form-field-infix ng-tns-c54-15"><!----><input _ngcontent-rag-c128="" type="search" matinput="" formcontrolname="skin"
class="mat-mdc-input-element mat-mdc-autocomplete-trigger ng-tns-c54-15 mat-mdc-form-field-input-control mdc-text-field__input ng-untouched ng-pristine ng-invalid cdk-text-field-autofill-monitored" placeholder="Pick a skin"
id="mat-input-1" aria-invalid="false" aria-required="false" autocomplete="off" role="combobox" aria-autocomplete="list" aria-expanded="false" aria-haspopup="listbox"><!----><mat-autocomplete _ngcontent-rag-c128="" required=""
class="mat-mdc-autocomplete ng-tns-c96-16 ng-tns-c54-15 ng-star-inserted"><!----></mat-autocomplete></div><!----><!---->
</div><!---->
</div>
<div class="mat-mdc-form-field-subscript-wrapper mat-mdc-form-field-bottom-align ng-tns-c54-15"><!---->
<div class="mat-mdc-form-field-hint-wrapper ng-tns-c54-15 ng-trigger ng-trigger-transitionMessages ng-star-inserted" style="opacity: 1; transform: translateY(0%);"><!---->
<div class="mat-mdc-form-field-hint-spacer ng-tns-c54-15"></div>
</div><!---->
</div>
</mat-form-field><mat-form-field _ngcontent-rag-c128="" appearance="outline"
class="mat-mdc-form-field custom-skin-input ng-tns-c54-17 ng-tns-c83-13 mat-mdc-form-field-type-mat-input mat-form-field-appearance-outline mat-form-field-hide-placeholder mat-primary ng-untouched ng-pristine ng-invalid ng-star-inserted"
style=""><!---->
<div class="mat-mdc-text-field-wrapper mdc-text-field ng-tns-c54-17 mdc-text-field--outlined"><!---->
<div class="mat-mdc-form-field-flex ng-tns-c54-17">
<div matformfieldnotchedoutline="" class="mdc-notched-outline ng-tns-c54-17 mdc-notched-outline--upgraded ng-star-inserted">
<div class="mdc-notched-outline__leading"></div>
<div class="mdc-notched-outline__notch"><label matformfieldfloatinglabel="" class="mdc-floating-label mat-mdc-floating-label ng-tns-c54-17 ng-star-inserted" id="mat-mdc-form-field-label-8" for="mat-input-2" aria-owns="mat-input-2"
style=""><mat-label _ngcontent-rag-c128="" class="ng-tns-c54-17"> Custom skin ID </mat-label><!----></label><!----><!----><!----></div>
<div class="mdc-notched-outline__trailing"></div>
</div><!----><!----><!---->
<div class="mat-mdc-form-field-infix ng-tns-c54-17"><!----><input _ngcontent-rag-c128="" maxlength="6" type="text" matinput="" formcontrolname="customSkin" autocomplete="off"
class="mat-mdc-input-element ng-tns-c54-17 mat-mdc-form-field-input-control mdc-text-field__input ng-untouched ng-pristine ng-invalid cdk-text-field-autofill-monitored" aria-describedby="mat-mdc-hint-0" id="mat-input-2"
aria-invalid="false" aria-required="false"></div><!----><!---->
</div><!---->
</div>
<div class="mat-mdc-form-field-subscript-wrapper mat-mdc-form-field-bottom-align ng-tns-c54-17"><!---->
<div class="mat-mdc-form-field-hint-wrapper ng-tns-c54-17 ng-trigger ng-trigger-transitionMessages ng-star-inserted" style="opacity: 1; transform: translateY(0%);"><!----><mat-hint _ngcontent-rag-c128=""
class="mat-mdc-form-field-hint mat-mdc-form-field-bottom-align ng-tns-c54-17" id="mat-mdc-hint-0"> </mat-hint>
<div class="mat-mdc-form-field-hint-spacer ng-tns-c54-17"></div>
</div><!---->
</div>
</mat-form-field><a _ngcontent-rag-c128="" mat-stroked-button="" color="basic" class="mdc-button mdc-button--outlined mat-mdc-outlined-button mat-basic ng-tns-c83-13 mat-mdc-button-base" aria-disabled="false"><span class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span><span class="mdc-button__label">Skin Preview</span><span class="mat-mdc-focus-indicator"></span><span matripple="" class="mat-ripple mat-mdc-button-ripple"></span><span class="mat-mdc-button-touch-target"></span></a>
<p _ngcontent-rag-c128="" class="ng-tns-c83-13">Want to record the video with your own skin? Check out the skin uploader over on the <a class="link">Skins</a> page!</p><mat-checkbox _ngcontent-rag-c128="" formcontrolname="useSkinCursor"
class="mat-mdc-checkbox mat-mdc-tooltip-trigger mat-accent ng-tns-c83-13 mat-mdc-checkbox-checked ng-untouched ng-pristine ng-valid" id="mat-mdc-checkbox-17" aria-describedby="cdk-describedby-message-rag-1-5" cdk-describedby-host="rag-1">
<div class="mdc-form-field">
<div class="mdc-checkbox">
<div class="mat-mdc-checkbox-touch-target"></div><input type="checkbox" class="mdc-checkbox__native-control mdc-checkbox--selected" id="mat-mdc-checkbox-17-input" tabindex="0" aria-checked="true">
<div class="mdc-checkbox__ripple"></div>
<div class="mdc-checkbox__background"><svg focusable="false" viewBox="0 0 24 24" aria-hidden="true" class="mdc-checkbox__checkmark">
<path fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59" class="mdc-checkbox__checkmark-path"></path>
</svg>
<div class="mdc-checkbox__mixedmark"></div>
</div>
<div mat-ripple="" class="mat-ripple mat-mdc-checkbox-ripple mat-mdc-focus-indicator"></div>
</div><label for="mat-mdc-checkbox-17-input">Use skin cursor</label>
</div>
</mat-checkbox><!----><mat-checkbox _ngcontent-rag-c128="" formcontrolname="useSkinHitsounds" class="mat-mdc-checkbox checkbox-on-right mat-accent ng-tns-c83-13 ng-untouched ng-pristine ng-valid" id="mat-mdc-checkbox-18">
<div class="mdc-form-field">
<div class="mdc-checkbox">
<div class="mat-mdc-checkbox-touch-target"></div><input type="checkbox" class="mdc-checkbox__native-control" id="mat-mdc-checkbox-18-input" tabindex="0" aria-checked="false">
<div class="mdc-checkbox__ripple"></div>
<div class="mdc-checkbox__background"><svg focusable="false" viewBox="0 0 24 24" aria-hidden="true" class="mdc-checkbox__checkmark">
<path fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59" class="mdc-checkbox__checkmark-path"></path>
</svg>
<div class="mdc-checkbox__mixedmark"></div>
</div>
<div mat-ripple="" class="mat-ripple mat-mdc-checkbox-ripple mat-mdc-focus-indicator"></div>
</div><label for="mat-mdc-checkbox-18-input">Use skin hitsounds</label>
</div>
</mat-checkbox><span _ngcontent-rag-c128="" class="brbigger ng-tns-c83-13"></span><mat-radio-group _ngcontent-rag-c128="" role="radiogroup" formcontrolname="circleColors"
class="mat-mdc-radio-group ng-tns-c83-13 ng-untouched ng-pristine ng-valid"><mat-radio-button _ngcontent-rag-c128="" value="skin" class="mat-mdc-radio-button mat-accent" style="margin-top: 8px;" id="mat-radio-2">
<div class="mdc-form-field">
<div class="mdc-radio">
<div class="mat-mdc-radio-touch-target"></div><input type="radio" class="mdc-radio__native-control" id="mat-radio-2-input" name="mat-radio-group-0" value="skin" tabindex="-1">
<div class="mdc-radio__background">
<div class="mdc-radio__outer-circle"></div>
<div class="mdc-radio__inner-circle"></div>
</div>
<div mat-ripple="" class="mat-ripple mat-radio-ripple mat-mdc-focus-indicator">
<div class="mat-ripple-element mat-radio-persistent-ripple"></div>
</div>
</div><label for="mat-radio-2-input"> Use skin combo colors </label>
</div>
</mat-radio-button><mat-radio-button _ngcontent-rag-c128="" value="beatmap" checked="" class="mat-mdc-radio-button checkbox-on-right mat-accent mat-mdc-radio-checked" id="mat-radio-3">
<div class="mdc-form-field">
<div class="mdc-radio">
<div class="mat-mdc-radio-touch-target"></div><input type="radio" class="mdc-radio__native-control" id="mat-radio-3-input" name="mat-radio-group-0" value="beatmap" tabindex="0">
<div class="mdc-radio__background">
<div class="mdc-radio__outer-circle"></div>
<div class="mdc-radio__inner-circle"></div>
</div>
<div mat-ripple="" class="mat-ripple mat-radio-ripple mat-mdc-focus-indicator">
<div class="mat-ripple-element mat-radio-persistent-ripple"></div>
</div>
</div><label for="mat-radio-3-input">Use beatmap combo colors</label>
</div>
</mat-radio-button></mat-radio-group><br _ngcontent-rag-c128="" class="ng-tns-c83-13"><!---->
</div>
</div>
</mat-expansion-panel><!----><mat-expansion-panel _ngcontent-rag-c128="" class="mat-expansion-panel ng-tns-c83-18 ng-star-inserted"><mat-expansion-panel-header _ngcontent-rag-c128="" role="button"
class="mat-expansion-panel-header mat-focus-indicator ng-tns-c84-19 ng-tns-c83-18 mat-expansion-toggle-indicator-after ng-star-inserted" id="mat-expansion-panel-header-3" tabindex="0" aria-controls="cdk-accordion-child-3"
aria-expanded="false" aria-disabled="false"><span class="mat-content ng-tns-c84-19"><mat-panel-title _ngcontent-rag-c128="" class="mat-expansion-panel-header-title ng-tns-c84-19"><mat-icon _ngcontent-rag-c128="" role="img"
class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" aria-hidden="true" data-mat-icon-type="font">mode</mat-icon></mat-panel-title><mat-panel-description _ngcontent-rag-c128=""
class="mat-expansion-panel-header-description ng-tns-c84-19" style="margin-top: 2px;">Cursor settings</mat-panel-description></span><span class="mat-expansion-indicator ng-tns-c84-19 ng-trigger ng-trigger-indicatorRotate ng-star-inserted"
style="transform: rotate(0deg);"></span><!----></mat-expansion-panel-header>
<div role="region" class="mat-expansion-panel-content ng-tns-c83-18 ng-trigger ng-trigger-bodyExpansion" id="cdk-accordion-child-3" aria-labelledby="mat-expansion-panel-header-3" style="height: 0px; visibility: hidden;">
<div class="mat-expansion-panel-body ng-tns-c83-18"><mat-checkbox _ngcontent-rag-c128="" formcontrolname="cursorRipples" class="mat-mdc-checkbox mat-mdc-tooltip-trigger mat-accent ng-tns-c83-18 ng-untouched ng-pristine ng-valid"
id="mat-mdc-checkbox-19" aria-describedby="cdk-describedby-message-rag-1-6" cdk-describedby-host="rag-1">
<div class="mdc-form-field">
<div class="mdc-checkbox">
<div class="mat-mdc-checkbox-touch-target"></div><input type="checkbox" class="mdc-checkbox__native-control" id="mat-mdc-checkbox-19-input" tabindex="0" aria-checked="false">
<div class="mdc-checkbox__ripple"></div>
<div class="mdc-checkbox__background"><svg focusable="false" viewBox="0 0 24 24" aria-hidden="true" class="mdc-checkbox__checkmark">
<path fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59" class="mdc-checkbox__checkmark-path"></path>
</svg>
<div class="mdc-checkbox__mixedmark"></div>
</div>
<div mat-ripple="" class="mat-ripple mat-mdc-checkbox-ripple mat-mdc-focus-indicator"></div>
</div><label for="mat-mdc-checkbox-19-input">Cursor ripples</label>
</div>
</mat-checkbox><!----><mat-checkbox _ngcontent-rag-c128="" formcontrolname="cursorTrail" class="mat-mdc-checkbox checkbox-on-right mat-accent ng-tns-c83-18 mat-mdc-checkbox-checked ng-untouched ng-pristine ng-valid"
id="mat-mdc-checkbox-20">
<div class="mdc-form-field">
<div class="mdc-checkbox">
<div class="mat-mdc-checkbox-touch-target"></div><input type="checkbox" class="mdc-checkbox__native-control mdc-checkbox--selected" id="mat-mdc-checkbox-20-input" tabindex="0" aria-checked="true">
<div class="mdc-checkbox__ripple"></div>
<div class="mdc-checkbox__background"><svg focusable="false" viewBox="0 0 24 24" aria-hidden="true" class="mdc-checkbox__checkmark">
<path fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59" class="mdc-checkbox__checkmark-path"></path>
</svg>
<div class="mdc-checkbox__mixedmark"></div>
</div>
<div mat-ripple="" class="mat-ripple mat-mdc-checkbox-ripple mat-mdc-focus-indicator"></div>
</div><label for="mat-mdc-checkbox-20-input">Cursor trail</label>
</div>
</mat-checkbox><br _ngcontent-rag-c128="" class="ng-tns-c83-18">
<div _ngcontent-rag-c128="" class="element-margin ng-tns-c83-18"><mat-label _ngcontent-rag-c128="" class="sliderLabel">Cursor size</mat-label><mat-slider _ngcontent-rag-c128="" min="0.5" max="2" step="0.1" discrete=""
class="mat-mdc-slider mdc-slider mat-primary mdc-slider--discrete"><input _ngcontent-rag-c128="" type="range" matsliderthumb="" formcontrolname="cursorSize" class="mdc-slider__input ng-untouched ng-pristine ng-valid" step="0.1"
min="0.5" max="2" aria-valuetext="1x" style="padding: 0px; width: calc(100% + 48px); left: -24px;">
<div class="mdc-slider__track">
<div class="mdc-slider__track--inactive"></div>
<div class="mdc-slider__track--active">
<div class="mdc-slider__track--active_fill" style="left: 0px; right: auto; transform-origin: left center; transform: scaleX(0.333333);"></div>
</div><!---->
</div><!----><mat-slider-visual-thumb class="mdc-slider__thumb mat-mdc-slider-visual-thumb mdc-slider__thumb--short-value" style="transform: translateX(37.3333px);">
<div class="mdc-slider__value-indicator-container ng-star-inserted" style="">
<div class="mdc-slider__value-indicator"><span class="mdc-slider__value-indicator-text">1x</span></div>
</div><!---->
<div class="mdc-slider__thumb-knob"></div>
<div matripple="" class="mat-ripple mat-mdc-focus-indicator"></div>
</mat-slider-visual-thumb>
</mat-slider></div><span _ngcontent-rag-c128="" class="br ng-tns-c83-18"></span>
<p _ngcontent-rag-c128="" class="element-margin ng-tns-c83-18">These options only take effect if "Use skin cursor" is not checked.</p><mat-checkbox _ngcontent-rag-c128="" formcontrolname="cursorRainbow"
class="mat-mdc-checkbox mat-accent ng-tns-c83-18 ng-untouched ng-pristine ng-valid" id="mat-mdc-checkbox-21">
<div class="mdc-form-field">
<div class="mdc-checkbox">
<div class="mat-mdc-checkbox-touch-target"></div><input type="checkbox" class="mdc-checkbox__native-control" id="mat-mdc-checkbox-21-input" tabindex="0" aria-checked="false">
<div class="mdc-checkbox__ripple"></div>
<div class="mdc-checkbox__background"><svg focusable="false" viewBox="0 0 24 24" aria-hidden="true" class="mdc-checkbox__checkmark">
<path fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59" class="mdc-checkbox__checkmark-path"></path>
</svg>
<div class="mdc-checkbox__mixedmark"></div>
</div>
<div mat-ripple="" class="mat-ripple mat-mdc-checkbox-ripple mat-mdc-focus-indicator"></div>
</div><label for="mat-mdc-checkbox-21-input">Rainbow</label>
</div>
</mat-checkbox><mat-checkbox _ngcontent-rag-c128="" formcontrolname="cursorTrailGlow" class="mat-mdc-checkbox checkbox-on-right mat-accent ng-tns-c83-18 ng-untouched ng-pristine ng-valid" id="mat-mdc-checkbox-22">
<div class="mdc-form-field">
<div class="mdc-checkbox">
<div class="mat-mdc-checkbox-touch-target"></div><input type="checkbox" class="mdc-checkbox__native-control" id="mat-mdc-checkbox-22-input" tabindex="0" aria-checked="false">
<div class="mdc-checkbox__ripple"></div>
<div class="mdc-checkbox__background"><svg focusable="false" viewBox="0 0 24 24" aria-hidden="true" class="mdc-checkbox__checkmark">
<path fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59" class="mdc-checkbox__checkmark-path"></path>
</svg>
<div class="mdc-checkbox__mixedmark"></div>
</div>
<div mat-ripple="" class="mat-ripple mat-mdc-checkbox-ripple mat-mdc-focus-indicator"></div>
</div><label for="mat-mdc-checkbox-22-input">Trail glow</label>
</div>
</mat-checkbox><!---->
</div>
</div>
</mat-expansion-panel><!----><mat-expansion-panel _ngcontent-rag-c128="" class="mat-expansion-panel ng-tns-c83-20 ng-star-inserted"><mat-expansion-panel-header _ngcontent-rag-c128="" role="button"
class="mat-expansion-panel-header mat-focus-indicator ng-tns-c84-21 ng-tns-c83-20 mat-expansion-toggle-indicator-after ng-star-inserted" id="mat-expansion-panel-header-4" tabindex="0" aria-controls="cdk-accordion-child-4"
aria-expanded="false" aria-disabled="false"><span class="mat-content ng-tns-c84-21"><mat-panel-title _ngcontent-rag-c128="" class="mat-expansion-panel-header-title ng-tns-c84-21"><mat-icon _ngcontent-rag-c128="" role="img"
class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" aria-hidden="true" data-mat-icon-type="font">category</mat-icon></mat-panel-title><mat-panel-description _ngcontent-rag-c128=""
class="mat-expansion-panel-header-description ng-tns-c84-21" style="margin-top: 2px;">Objects settings</mat-panel-description></span><span
class="mat-expansion-indicator ng-tns-c84-21 ng-trigger ng-trigger-indicatorRotate ng-star-inserted" style="transform: rotate(0deg);"></span><!----></mat-expansion-panel-header>
<div role="region" class="mat-expansion-panel-content ng-tns-c83-20 ng-trigger ng-trigger-bodyExpansion" id="cdk-accordion-child-4" aria-labelledby="mat-expansion-panel-header-4" style="height: 0px; visibility: hidden;">
<div class="mat-expansion-panel-body ng-tns-c83-20"><mat-checkbox _ngcontent-rag-c128="" formcontrolname="drawFollowPoints"
class="mat-mdc-checkbox mat-mdc-tooltip-trigger mat-accent ng-tns-c83-20 mat-mdc-checkbox-checked ng-untouched ng-pristine ng-valid" id="mat-mdc-checkbox-23" aria-describedby="cdk-describedby-message-rag-1-7" cdk-describedby-host="rag-1">
<div class="mdc-form-field">
<div class="mdc-checkbox">
<div class="mat-mdc-checkbox-touch-target"></div><input type="checkbox" class="mdc-checkbox__native-control mdc-checkbox--selected" id="mat-mdc-checkbox-23-input" tabindex="0" aria-checked="true">
<div class="mdc-checkbox__ripple"></div>
<div class="mdc-checkbox__background"><svg focusable="false" viewBox="0 0 24 24" aria-hidden="true" class="mdc-checkbox__checkmark">
<path fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59" class="mdc-checkbox__checkmark-path"></path>
</svg>
<div class="mdc-checkbox__mixedmark"></div>
</div>
<div mat-ripple="" class="mat-ripple mat-mdc-checkbox-ripple mat-mdc-focus-indicator"></div>
</div><label for="mat-mdc-checkbox-23-input">Draw follow points</label>
</div>
</mat-checkbox><!----><mat-checkbox _ngcontent-rag-c128="" formcontrolname="drawComboNumbers"
class="mat-mdc-checkbox mat-mdc-tooltip-trigger checkbox-on-right mat-accent ng-tns-c83-20 mat-mdc-checkbox-checked ng-untouched ng-pristine ng-valid" id="mat-mdc-checkbox-24" aria-describedby="cdk-describedby-message-rag-1-8"
cdk-describedby-host="rag-1">
<div class="mdc-form-field">
<div class="mdc-checkbox">
<div class="mat-mdc-checkbox-touch-target"></div><input type="checkbox" class="mdc-checkbox__native-control mdc-checkbox--selected" id="mat-mdc-checkbox-24-input" tabindex="0" aria-checked="true">
<div class="mdc-checkbox__ripple"></div>
<div class="mdc-checkbox__background"><svg focusable="false" viewBox="0 0 24 24" aria-hidden="true" class="mdc-checkbox__checkmark">
<path fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59" class="mdc-checkbox__checkmark-path"></path>
</svg>
<div class="mdc-checkbox__mixedmark"></div>
</div>
<div mat-ripple="" class="mat-ripple mat-mdc-checkbox-ripple mat-mdc-focus-indicator"></div>
</div><label for="mat-mdc-checkbox-24-input">Show combo numbers</label>
</div>
</mat-checkbox><!----><mat-checkbox _ngcontent-rag-c128="" formcontrolname="scaleToTheBeat" class="mat-mdc-checkbox mat-mdc-tooltip-trigger checkbox-on-right mat-accent ng-tns-c83-20 ng-untouched ng-pristine ng-valid"
id="mat-mdc-checkbox-25" aria-describedby="cdk-describedby-message-rag-1-9" cdk-describedby-host="rag-1">
<div class="mdc-form-field">
<div class="mdc-checkbox">
<div class="mat-mdc-checkbox-touch-target"></div><input type="checkbox" class="mdc-checkbox__native-control" id="mat-mdc-checkbox-25-input" tabindex="0" aria-checked="false">
<div class="mdc-checkbox__ripple"></div>
<div class="mdc-checkbox__background"><svg focusable="false" viewBox="0 0 24 24" aria-hidden="true" class="mdc-checkbox__checkmark">
<path fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59" class="mdc-checkbox__checkmark-path"></path>
</svg>
<div class="mdc-checkbox__mixedmark"></div>
</div>
<div mat-ripple="" class="mat-ripple mat-mdc-checkbox-ripple mat-mdc-focus-indicator"></div>
</div><label for="mat-mdc-checkbox-25-input">Scale to the beat</label>
</div>
</mat-checkbox><!----><span _ngcontent-rag-c128="" class="brbigger ng-tns-c83-20"></span><mat-checkbox _ngcontent-rag-c128="" formcontrolname="objectsRainbow"
class="mat-mdc-checkbox mat-mdc-tooltip-trigger mat-accent ng-tns-c83-20 ng-untouched ng-pristine ng-valid" id="mat-mdc-checkbox-26" aria-describedby="cdk-describedby-message-rag-1-10" cdk-describedby-host="rag-1">
<div class="mdc-form-field">
<div class="mdc-checkbox">
<div class="mat-mdc-checkbox-touch-target"></div><input type="checkbox" class="mdc-checkbox__native-control" id="mat-mdc-checkbox-26-input" tabindex="0" aria-checked="false">
<div class="mdc-checkbox__ripple"></div>
<div class="mdc-checkbox__background"><svg focusable="false" viewBox="0 0 24 24" aria-hidden="true" class="mdc-checkbox__checkmark">
<path fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59" class="mdc-checkbox__checkmark-path"></path>
</svg>
<div class="mdc-checkbox__mixedmark"></div>
</div>
<div mat-ripple="" class="mat-ripple mat-mdc-checkbox-ripple mat-mdc-focus-indicator"></div>
</div><label for="mat-mdc-checkbox-26-input">Rainbow</label>
</div>
</mat-checkbox><!----><mat-checkbox _ngcontent-rag-c128="" formcontrolname="objectsFlashToTheBeat" class="mat-mdc-checkbox mat-mdc-tooltip-trigger checkbox-on-right mat-accent ng-tns-c83-20 ng-untouched ng-pristine ng-valid"
id="mat-mdc-checkbox-27" aria-describedby="cdk-describedby-message-rag-1-11" cdk-describedby-host="rag-1">
<div class="mdc-form-field">
<div class="mdc-checkbox">
<div class="mat-mdc-checkbox-touch-target"></div><input type="checkbox" class="mdc-checkbox__native-control" id="mat-mdc-checkbox-27-input" tabindex="0" aria-checked="false">
<div class="mdc-checkbox__ripple"></div>
<div class="mdc-checkbox__background"><svg focusable="false" viewBox="0 0 24 24" aria-hidden="true" class="mdc-checkbox__checkmark">
<path fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59" class="mdc-checkbox__checkmark-path"></path>
</svg>
<div class="mdc-checkbox__mixedmark"></div>
</div>
<div mat-ripple="" class="mat-ripple mat-mdc-checkbox-ripple mat-mdc-focus-indicator"></div>
</div><label for="mat-mdc-checkbox-27-input">Flash to the beat</label>
</div>
</mat-checkbox><!----><mat-checkbox _ngcontent-rag-c128="" formcontrolname="useHitCircleColor" class="mat-mdc-checkbox checkbox-on-right mat-accent ng-tns-c83-20 mat-mdc-checkbox-checked ng-untouched ng-pristine ng-valid"
id="mat-mdc-checkbox-28">
<div class="mdc-form-field">
<div class="mdc-checkbox">
<div class="mat-mdc-checkbox-touch-target"></div><input type="checkbox" class="mdc-checkbox__native-control mdc-checkbox--selected" id="mat-mdc-checkbox-28-input" tabindex="0" aria-checked="true">
<div class="mdc-checkbox__ripple"></div>
<div class="mdc-checkbox__background"><svg focusable="false" viewBox="0 0 24 24" aria-hidden="true" class="mdc-checkbox__checkmark">
<path fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59" class="mdc-checkbox__checkmark-path"></path>
</svg>
<div class="mdc-checkbox__mixedmark"></div>
</div>
<div mat-ripple="" class="mat-ripple mat-mdc-checkbox-ripple mat-mdc-focus-indicator"></div>
</div><label for="mat-mdc-checkbox-28-input">Use hit circle color</label>
</div>
</mat-checkbox><span _ngcontent-rag-c128="" class="brbigger ng-tns-c83-20"></span><mat-checkbox _ngcontent-rag-c128="" formcontrolname="sliderMerge"
class="mat-mdc-checkbox mat-mdc-tooltip-trigger mat-accent ng-tns-c83-20 ng-untouched ng-pristine ng-valid" id="mat-mdc-checkbox-29" aria-describedby="cdk-describedby-message-rag-1-12" cdk-describedby-host="rag-1">
<div class="mdc-form-field">
<div class="mdc-checkbox">
<div class="mat-mdc-checkbox-touch-target"></div><input type="checkbox" class="mdc-checkbox__native-control" id="mat-mdc-checkbox-29-input" tabindex="0" aria-checked="false">
<div class="mdc-checkbox__ripple"></div>
<div class="mdc-checkbox__background"><svg focusable="false" viewBox="0 0 24 24" aria-hidden="true" class="mdc-checkbox__checkmark">
<path fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59" class="mdc-checkbox__checkmark-path"></path>
</svg>
<div class="mdc-checkbox__mixedmark"></div>
</div>
<div mat-ripple="" class="mat-ripple mat-mdc-checkbox-ripple mat-mdc-focus-indicator"></div>
</div><label for="mat-mdc-checkbox-29-input">Merge sliders</label>
</div>
</mat-checkbox><!----><mat-checkbox _ngcontent-rag-c128="" formcontrolname="sliderSnakingIn" class="mat-mdc-checkbox checkbox-on-right mat-accent ng-tns-c83-20 mat-mdc-checkbox-checked ng-untouched ng-pristine ng-valid"
id="mat-mdc-checkbox-30">
<div class="mdc-form-field">
<div class="mdc-checkbox">
<div class="mat-mdc-checkbox-touch-target"></div><input type="checkbox" class="mdc-checkbox__native-control mdc-checkbox--selected" id="mat-mdc-checkbox-30-input" tabindex="0" aria-checked="true">
<div class="mdc-checkbox__ripple"></div>
<div class="mdc-checkbox__background"><svg focusable="false" viewBox="0 0 24 24" aria-hidden="true" class="mdc-checkbox__checkmark">
<path fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59" class="mdc-checkbox__checkmark-path"></path>
</svg>
<div class="mdc-checkbox__mixedmark"></div>
</div>
<div mat-ripple="" class="mat-ripple mat-mdc-checkbox-ripple mat-mdc-focus-indicator"></div>
</div><label for="mat-mdc-checkbox-30-input">Slider snaking in</label>
</div>
</mat-checkbox><mat-checkbox _ngcontent-rag-c128="" formcontrolname="sliderSnakingOut" class="mat-mdc-checkbox checkbox-on-right mat-accent ng-tns-c83-20 mat-mdc-checkbox-checked ng-untouched ng-pristine ng-valid" id="mat-mdc-checkbox-31">
<div class="mdc-form-field">
<div class="mdc-checkbox">
<div class="mat-mdc-checkbox-touch-target"></div><input type="checkbox" class="mdc-checkbox__native-control mdc-checkbox--selected" id="mat-mdc-checkbox-31-input" tabindex="0" aria-checked="true">
<div class="mdc-checkbox__ripple"></div>
<div class="mdc-checkbox__background"><svg focusable="false" viewBox="0 0 24 24" aria-hidden="true" class="mdc-checkbox__checkmark">
<path fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59" class="mdc-checkbox__checkmark-path"></path>
</svg>
<div class="mdc-checkbox__mixedmark"></div>
</div>
<div mat-ripple="" class="mat-ripple mat-mdc-checkbox-ripple mat-mdc-focus-indicator"></div>
</div><label for="mat-mdc-checkbox-31-input">Slider snaking out</label>
</div>
</mat-checkbox><!----></div>
</div>
</mat-expansion-panel><!----><mat-expansion-panel _ngcontent-rag-c128="" class="mat-expansion-panel ng-tns-c83-22 ng-star-inserted"><mat-expansion-panel-header _ngcontent-rag-c128="" role="button"
class="mat-expansion-panel-header mat-focus-indicator ng-tns-c84-23 ng-tns-c83-22 mat-expansion-toggle-indicator-after ng-star-inserted" id="mat-expansion-panel-header-5" tabindex="0" aria-controls="cdk-accordion-child-5"
aria-expanded="false" aria-disabled="false"><span class="mat-content ng-tns-c84-23"><mat-panel-title _ngcontent-rag-c128="" class="mat-expansion-panel-header-title ng-tns-c84-23"><mat-icon _ngcontent-rag-c128="" role="img"
class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" aria-hidden="true" data-mat-icon-type="font">more_horiz </mat-icon></mat-panel-title><mat-panel-description _ngcontent-rag-c128=""
class="mat-expansion-panel-header-description ng-tns-c84-23" style="margin-top: 2px;"> Other settings </mat-panel-description></span><span
class="mat-expansion-indicator ng-tns-c84-23 ng-trigger ng-trigger-indicatorRotate ng-star-inserted" style="transform: rotate(0deg);"></span><!----></mat-expansion-panel-header>
<div role="region" class="mat-expansion-panel-content ng-tns-c83-22 ng-trigger ng-trigger-bodyExpansion" id="cdk-accordion-child-5" aria-labelledby="mat-expansion-panel-header-5" style="height: 0px; visibility: hidden;">
<div class="mat-expansion-panel-body ng-tns-c83-22"><mat-checkbox _ngcontent-rag-c128="" formcontrolname="seizureWarning" class="mat-mdc-checkbox mat-mdc-tooltip-trigger mat-accent ng-tns-c83-22 ng-untouched ng-pristine ng-valid"
id="mat-mdc-checkbox-32" aria-describedby="cdk-describedby-message-rag-1-13" cdk-describedby-host="rag-1">
<div class="mdc-form-field">
<div class="mdc-checkbox">
<div class="mat-mdc-checkbox-touch-target"></div><input type="checkbox" class="mdc-checkbox__native-control" id="mat-mdc-checkbox-32-input" tabindex="0" aria-checked="false">
<div class="mdc-checkbox__ripple"></div>
<div class="mdc-checkbox__background"><svg focusable="false" viewBox="0 0 24 24" aria-hidden="true" class="mdc-checkbox__checkmark">
<path fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59" class="mdc-checkbox__checkmark-path"></path>
</svg>
<div class="mdc-checkbox__mixedmark"></div>
</div>
<div mat-ripple="" class="mat-ripple mat-mdc-checkbox-ripple mat-mdc-focus-indicator"></div>
</div><label for="mat-mdc-checkbox-32-input">Seizure warning before play</label>
</div>
</mat-checkbox><!----><span _ngcontent-rag-c128="" class="brbigger ng-tns-c83-22"></span><mat-checkbox _ngcontent-rag-c128="" formcontrolname="loadStoryboardVideo"
class="mat-mdc-checkbox mat-accent ng-tns-c83-22 mat-mdc-checkbox-checked ng-untouched ng-pristine ng-valid" id="mat-mdc-checkbox-33">
<div class="mdc-form-field">
<div class="mdc-checkbox">
<div class="mat-mdc-checkbox-touch-target"></div><input type="checkbox" class="mdc-checkbox__native-control mdc-checkbox--selected" id="mat-mdc-checkbox-33-input" tabindex="0" aria-checked="true">
<div class="mdc-checkbox__ripple"></div>
<div class="mdc-checkbox__background"><svg focusable="false" viewBox="0 0 24 24" aria-hidden="true" class="mdc-checkbox__checkmark">
<path fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59" class="mdc-checkbox__checkmark-path"></path>
</svg>
<div class="mdc-checkbox__mixedmark"></div>
</div>
<div mat-ripple="" class="mat-ripple mat-mdc-checkbox-ripple mat-mdc-focus-indicator"></div>
</div><label for="mat-mdc-checkbox-33-input">Load storyboard or video</label>
</div>
</mat-checkbox><mat-checkbox _ngcontent-rag-c128="" formcontrolname="skip" class="mat-mdc-checkbox checkbox-on-right mat-accent ng-tns-c83-22 mat-mdc-checkbox-checked ng-untouched ng-pristine ng-valid" id="mat-mdc-checkbox-34">
<div class="mdc-form-field">
<div class="mdc-checkbox">
<div class="mat-mdc-checkbox-touch-target"></div><input type="checkbox" class="mdc-checkbox__native-control mdc-checkbox--selected" id="mat-mdc-checkbox-34-input" tabindex="0" aria-checked="true">
<div class="mdc-checkbox__ripple"></div>
<div class="mdc-checkbox__background"><svg focusable="false" viewBox="0 0 24 24" aria-hidden="true" class="mdc-checkbox__checkmark">
<path fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59" class="mdc-checkbox__checkmark-path"></path>
</svg>
<div class="mdc-checkbox__mixedmark"></div>
</div>
<div mat-ripple="" class="mat-ripple mat-mdc-checkbox-ripple mat-mdc-focus-indicator"></div>
</div><label for="mat-mdc-checkbox-34-input">Skip intro</label>
</div>
</mat-checkbox>
<div _ngcontent-rag-c128="" class="element-margin br-does-not-work ng-tns-c83-22">
<p _ngcontent-rag-c128="" style="line-height: 0px;">Background dim</p><mat-label _ngcontent-rag-c128="" class="sliderLabel">Intro</mat-label><mat-slider _ngcontent-rag-c128="" min="0" max="100" discrete=""
class="mat-mdc-slider mdc-slider mat-primary mdc-slider--discrete"><input _ngcontent-rag-c128="" type="range" matsliderthumb="" formcontrolname="introBGDim" class="mdc-slider__input ng-untouched ng-pristine ng-valid" step="0" min="0"
max="100" aria-valuetext="0%" style="padding: 0px; width: calc(100% + 48px); left: -24px;">
<div class="mdc-slider__track">
<div class="mdc-slider__track--inactive"></div>
<div class="mdc-slider__track--active">
<div class="mdc-slider__track--active_fill" style="left: 0px; right: auto; transform-origin: left center; transform: scaleX(0);"></div>
</div><!---->
</div><!----><mat-slider-visual-thumb class="mdc-slider__thumb mat-mdc-slider-visual-thumb mdc-slider__thumb--short-value" style="transform: translateX(0px);">
<div class="mdc-slider__value-indicator-container ng-star-inserted" style="">
<div class="mdc-slider__value-indicator"><span class="mdc-slider__value-indicator-text">0%</span></div>
</div><!---->
<div class="mdc-slider__thumb-knob"></div>
<div matripple="" class="mat-ripple mat-mdc-focus-indicator"></div>
</mat-slider-visual-thumb>
</mat-slider><mat-label _ngcontent-rag-c128="" class="sliderLabel">In game</mat-label><mat-slider _ngcontent-rag-c128="" min="0" max="100" discrete="" class="mat-mdc-slider mdc-slider mat-primary mdc-slider--discrete"><input
_ngcontent-rag-c128="" type="range" matsliderthumb="" formcontrolname="inGameBGDim" class="mdc-slider__input ng-untouched ng-pristine ng-valid" step="0" min="0" max="100" aria-valuetext="75%"
style="padding: 0px; width: calc(100% + 48px); left: -24px;">
<div class="mdc-slider__track">
<div class="mdc-slider__track--inactive"></div>
<div class="mdc-slider__track--active">
<div class="mdc-slider__track--active_fill" style="left: 0px; right: auto; transform-origin: left center; transform: scaleX(0.75);"></div>
</div><!---->
</div><!----><mat-slider-visual-thumb class="mdc-slider__thumb mat-mdc-slider-visual-thumb" style="transform: translateX(84px);">
<div class="mdc-slider__value-indicator-container ng-star-inserted" style="">
<div class="mdc-slider__value-indicator"><span class="mdc-slider__value-indicator-text">75%</span></div>
</div><!---->
<div class="mdc-slider__thumb-knob"></div>
<div matripple="" class="mat-ripple mat-mdc-focus-indicator"></div>
</mat-slider-visual-thumb>
</mat-slider><mat-label _ngcontent-rag-c128="" class="sliderLabel">On breaks</mat-label><mat-slider _ngcontent-rag-c128="" min="0" max="100" discrete="" class="mat-mdc-slider mdc-slider mat-primary mdc-slider--discrete"><input
_ngcontent-rag-c128="" type="range" matsliderthumb="" formcontrolname="breakBGDim" class="mdc-slider__input ng-untouched ng-pristine ng-valid" step="0" min="0" max="100" aria-valuetext="30%"
style="padding: 0px; width: calc(100% + 48px); left: -24px;">
<div class="mdc-slider__track">
<div class="mdc-slider__track--inactive"></div>
<div class="mdc-slider__track--active">
<div class="mdc-slider__track--active_fill" style="left: 0px; right: auto; transform-origin: left center; transform: scaleX(0.3);"></div>
</div><!---->
</div><!----><mat-slider-visual-thumb class="mdc-slider__thumb mat-mdc-slider-visual-thumb" style="transform: translateX(33.6px);">
<div class="mdc-slider__value-indicator-container ng-star-inserted" style="">
<div class="mdc-slider__value-indicator"><span class="mdc-slider__value-indicator-text">30%</span></div>
</div><!---->
<div class="mdc-slider__thumb-knob"></div>
<div matripple="" class="mat-ripple mat-mdc-focus-indicator"></div>
</mat-slider-visual-thumb>
</mat-slider><br _ngcontent-rag-c128="">
</div><mat-checkbox _ngcontent-rag-c128="" formcontrolname="BGParallax" class="mat-mdc-checkbox mat-accent ng-tns-c83-22 ng-untouched ng-pristine ng-valid" id="mat-mdc-checkbox-35">
<div class="mdc-form-field">
<div class="mdc-checkbox">
<div class="mat-mdc-checkbox-touch-target"></div><input type="checkbox" class="mdc-checkbox__native-control" id="mat-mdc-checkbox-35-input" tabindex="0" aria-checked="false">
<div class="mdc-checkbox__ripple"></div>
<div class="mdc-checkbox__background"><svg focusable="false" viewBox="0 0 24 24" aria-hidden="true" class="mdc-checkbox__checkmark">
<path fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59" class="mdc-checkbox__checkmark-path"></path>
</svg>
<div class="mdc-checkbox__mixedmark"></div>
</div>
<div mat-ripple="" class="mat-ripple mat-mdc-checkbox-ripple mat-mdc-focus-indicator"></div>
</div><label for="mat-mdc-checkbox-35-input">Background parallax</label>
</div>
</mat-checkbox><span _ngcontent-rag-c128="" class="brbigger ng-tns-c83-22"></span><mat-checkbox _ngcontent-rag-c128="" formcontrolname="showDanserLogo"
class="mat-mdc-checkbox mat-accent ng-tns-c83-22 mat-mdc-checkbox-checked ng-untouched ng-pristine ng-valid" id="mat-mdc-checkbox-36">
<div class="mdc-form-field">
<div class="mdc-checkbox">
<div class="mat-mdc-checkbox-touch-target"></div><input type="checkbox" class="mdc-checkbox__native-control mdc-checkbox--selected" id="mat-mdc-checkbox-36-input" tabindex="0" aria-checked="true">
<div class="mdc-checkbox__ripple"></div>
<div class="mdc-checkbox__background"><svg focusable="false" viewBox="0 0 24 24" aria-hidden="true" class="mdc-checkbox__checkmark">
<path fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59" class="mdc-checkbox__checkmark-path"></path>
</svg>
<div class="mdc-checkbox__mixedmark"></div>
</div>
<div mat-ripple="" class="mat-ripple mat-mdc-checkbox-ripple mat-mdc-focus-indicator"></div>
</div><label for="mat-mdc-checkbox-36-input">Show danser's logo on the intro</label>
</div>
</mat-checkbox><span _ngcontent-rag-c128="" class="brbigger ng-tns-c83-22"></span><mat-checkbox _ngcontent-rag-c128="" formcontrolname="playNightcoreSamples"
class="mat-mdc-checkbox mat-accent ng-tns-c83-22 mat-mdc-checkbox-checked ng-untouched ng-pristine ng-valid" id="mat-mdc-checkbox-37">
<div class="mdc-form-field">
<div class="mdc-checkbox">
<div class="mat-mdc-checkbox-touch-target"></div><input type="checkbox" class="mdc-checkbox__native-control mdc-checkbox--selected" id="mat-mdc-checkbox-37-input" tabindex="0" aria-checked="true">
<div class="mdc-checkbox__ripple"></div>
<div class="mdc-checkbox__background"><svg focusable="false" viewBox="0 0 24 24" aria-hidden="true" class="mdc-checkbox__checkmark">
<path fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59" class="mdc-checkbox__checkmark-path"></path>
</svg>
<div class="mdc-checkbox__mixedmark"></div>
</div>
<div mat-ripple="" class="mat-ripple mat-mdc-checkbox-ripple mat-mdc-focus-indicator"></div>
</div><label for="mat-mdc-checkbox-37-input">Play nightcore hitsounds</label>
</div>
</mat-checkbox><span _ngcontent-rag-c128="" class="brbigger ng-tns-c83-22"></span><mat-checkbox _ngcontent-rag-c128="" formcontrolname="ignoreFail" class="mat-mdc-checkbox mat-accent ng-tns-c83-22 ng-untouched ng-pristine ng-valid"
id="mat-mdc-checkbox-38">
<div class="mdc-form-field">
<div class="mdc-checkbox">
<div class="mat-mdc-checkbox-touch-target"></div><input type="checkbox" class="mdc-checkbox__native-control" id="mat-mdc-checkbox-38-input" tabindex="0" aria-checked="false">
<div class="mdc-checkbox__ripple"></div>
<div class="mdc-checkbox__background"><svg focusable="false" viewBox="0 0 24 24" aria-hidden="true" class="mdc-checkbox__checkmark">
<path fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59" class="mdc-checkbox__checkmark-path"></path>
</svg>
<div class="mdc-checkbox__mixedmark"></div>
</div>
<div mat-ripple="" class="mat-ripple mat-mdc-checkbox-ripple mat-mdc-focus-indicator"></div>
</div><label for="mat-mdc-checkbox-38-input">Ignore replay fail</label>
</div>
</mat-checkbox><!---->
</div>
</div>
</mat-expansion-panel><!----><mat-expansion-panel _ngcontent-rag-c128="" class="mat-expansion-panel ng-tns-c83-24 ng-star-inserted"><mat-expansion-panel-header _ngcontent-rag-c128="" role="button"
class="mat-expansion-panel-header mat-focus-indicator ng-tns-c84-25 ng-tns-c83-24 mat-expansion-toggle-indicator-after ng-star-inserted" id="mat-expansion-panel-header-6" tabindex="0" aria-controls="cdk-accordion-child-6"
aria-expanded="false" aria-disabled="false"><span class="mat-content ng-tns-c84-25"><mat-panel-title _ngcontent-rag-c128="" class="mat-expansion-panel-header-title ng-tns-c84-25"><mat-icon _ngcontent-rag-c128="" role="img"
class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" aria-hidden="true" data-mat-icon-type="font">video_settings</mat-icon></mat-panel-title><mat-panel-description _ngcontent-rag-c128=""
class="mat-expansion-panel-header-description ng-tns-c84-25" style="margin-top: 2px;">Video settings</mat-panel-description></span><span class="mat-expansion-indicator ng-tns-c84-25 ng-trigger ng-trigger-indicatorRotate ng-star-inserted"
style="transform: rotate(0deg);"></span><!----></mat-expansion-panel-header>
<div role="region" class="mat-expansion-panel-content ng-tns-c83-24 ng-trigger ng-trigger-bodyExpansion" id="cdk-accordion-child-6" aria-labelledby="mat-expansion-panel-header-6" style="height: 0px; visibility: hidden;">
<div class="mat-expansion-panel-body ng-tns-c83-24"><!----><mat-checkbox _ngcontent-rag-c128="" formcontrolname="motionBlur960fps"
class="mat-mdc-checkbox mat-accent ng-tns-c83-24 mdc-checkbox--disabled mat-mdc-checkbox-disabled ng-untouched ng-pristine" id="mat-mdc-checkbox-39">
<div class="mdc-form-field">
<div class="mdc-checkbox">
<div class="mat-mdc-checkbox-touch-target"></div><input type="checkbox" class="mdc-checkbox__native-control" disabled="" id="mat-mdc-checkbox-39-input" tabindex="-1" aria-checked="false">
<div class="mdc-checkbox__ripple"></div>
<div class="mdc-checkbox__background"><svg focusable="false" viewBox="0 0 24 24" aria-hidden="true" class="mdc-checkbox__checkmark">
<path fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59" class="mdc-checkbox__checkmark-path"></path>
</svg>
<div class="mdc-checkbox__mixedmark"></div>
</div>
<div mat-ripple="" class="mat-ripple mat-mdc-checkbox-ripple mat-mdc-focus-indicator"></div>
</div><label for="mat-mdc-checkbox-39-input">Motion blur</label>
</div>
</mat-checkbox><span _ngcontent-rag-c128="" class="brbigger ng-tns-c83-24"></span><mat-label _ngcontent-rag-c128="" class="element-margin sliderLabel ng-tns-c83-24">Motion blur FPS</mat-label><mat-slider _ngcontent-rag-c128="" discrete=""
step="10" min="120" max="960" class="mat-mdc-slider mdc-slider mat-primary ng-tns-c83-24 mdc-slider--discrete mdc-slider--disabled"><input _ngcontent-rag-c128="" type="range" matsliderthumb="" formcontrolname="motionBlurForce"
class="mdc-slider__input ng-untouched ng-pristine" disabled="" step="10" min="120" max="960" aria-valuetext="960" style="padding: 0px; width: calc(100% + 48px); left: -24px;">
<div class="mdc-slider__track">
<div class="mdc-slider__track--inactive"></div>
<div class="mdc-slider__track--active">
<div class="mdc-slider__track--active_fill" style="left: 0px; right: auto; transform-origin: left center; transform: scaleX(1);"></div>
</div><!---->
</div><!----><mat-slider-visual-thumb class="mdc-slider__thumb mat-mdc-slider-visual-thumb" style="transform: translateX(112px);">
<div class="mdc-slider__value-indicator-container ng-star-inserted" style="">
<div class="mdc-slider__value-indicator"><span class="mdc-slider__value-indicator-text">960</span></div>
</div><!---->
<div class="mdc-slider__thumb-knob"></div>
<div matripple="" class="mat-ripple mat-mdc-focus-indicator"></div>
</mat-slider-visual-thumb>
</mat-slider>
<p _ngcontent-rag-c128="" class="element-margin ng-star-inserted" style="">To use motion blur, apply for it on your issou.best account, or donate.</p><!----><span _ngcontent-rag-c128="" class="br ng-tns-c83-24"></span><mat-checkbox
_ngcontent-rag-c128="" formcontrolname="addPitch" class="mat-mdc-checkbox mat-mdc-tooltip-trigger mat-accent ng-tns-c83-24 mdc-checkbox--disabled mat-mdc-checkbox-disabled ng-untouched ng-pristine" id="mat-mdc-checkbox-40"
aria-describedby="cdk-describedby-message-rag-1-14" cdk-describedby-host="rag-1">
<div class="mdc-form-field">
<div class="mdc-checkbox">
<div class="mat-mdc-checkbox-touch-target"></div><input type="checkbox" class="mdc-checkbox__native-control" disabled="" id="mat-mdc-checkbox-40-input" tabindex="-1" aria-checked="false">
<div class="mdc-checkbox__ripple"></div>
<div class="mdc-checkbox__background"><svg focusable="false" viewBox="0 0 24 24" aria-hidden="true" class="mdc-checkbox__checkmark">
<path fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59" class="mdc-checkbox__checkmark-path"></path>
</svg>
<div class="mdc-checkbox__mixedmark"></div>
</div>
<div mat-ripple="" class="mat-ripple mat-mdc-checkbox-ripple mat-mdc-focus-indicator"></div>
</div><label for="mat-mdc-checkbox-40-input"> Add pitch to the music <mat-icon _ngcontent-rag-c128="" role="img" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color ng-star-inserted"
style="font-size: 18px; vertical-align: bottom;" aria-hidden="true" data-mat-icon-type="font">lock</mat-icon><!----></label>
</div>
</mat-checkbox><!----><span _ngcontent-rag-c128="" class="br ng-tns-c83-24"></span><mat-checkbox _ngcontent-rag-c128="" formcontrolname="noDelete"
class="mat-mdc-checkbox mat-mdc-tooltip-trigger mat-accent ng-tns-c83-24 mdc-checkbox--disabled mat-mdc-checkbox-disabled ng-untouched ng-pristine" id="mat-mdc-checkbox-41" aria-describedby="cdk-describedby-message-rag-1-15"
cdk-describedby-host="rag-1">
<div class="mdc-form-field">
<div class="mdc-checkbox">
<div class="mat-mdc-checkbox-touch-target"></div><input type="checkbox" class="mdc-checkbox__native-control" disabled="" id="mat-mdc-checkbox-41-input" tabindex="-1" aria-checked="false">
<div class="mdc-checkbox__ripple"></div>
<div class="mdc-checkbox__background"><svg focusable="false" viewBox="0 0 24 24" aria-hidden="true" class="mdc-checkbox__checkmark">
<path fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59" class="mdc-checkbox__checkmark-path"></path>
</svg>
<div class="mdc-checkbox__mixedmark"></div>
</div>
<div mat-ripple="" class="mat-ripple mat-mdc-checkbox-ripple mat-mdc-focus-indicator"></div>
</div><label for="mat-mdc-checkbox-41-input"> Never delete the video <mat-icon _ngcontent-rag-c128="" role="img" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color ng-star-inserted"
style="font-size: 18px; vertical-align: bottom;" aria-hidden="true" data-mat-icon-type="font">lock</mat-icon><!----></label>
</div>
</mat-checkbox><!---->
<p _ngcontent-rag-c128="" class="ng-tns-c83-24">If you use o!rdr to make YouTube videos, please credit the website (<a class="skyblue" href="https://ordr.issou.best"> https://ordr.issou.best </a>) in the video description!</p><!---->
</div>
</div>
</mat-expansion-panel><!----></mat-accordion><button _ngcontent-rag-c128="" mat-raised-button="" color="primary" type="submit" class="sendRenderButton mdc-button mdc-button--raised mat-mdc-raised-button mat-primary mat-mdc-button-base"><span
class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span><span class="mdc-button__label"><!----> Send render job <!----><!----></span><span class="mat-mdc-focus-indicator"></span><span matripple=""
class="mat-ripple mat-mdc-button-ripple"></span><span class="mat-mdc-button-touch-target"></span></button><!----><span _ngcontent-rag-c128="" class="text renderer-count">4 renderers can currently process that replay with those settings!</span>
</form>Text Content
* Render listClient listSkinsDiscordClientDonateAboutLogin palettelanguage arrow_forward_ios settingsGeneral settings Pick or drop a replay here Resolution 1280x720 (720p) Music volume 50% Hitsounds volume 50% Toggle presets sidebarcloud_upload Save the current settings to a preset gamesGameplay settings Change elements position Show Hit Error Meter Show Unstable Rate Show Score Show HP Bar Show Combo Counter Show PP Counter Show Key Overlay Show Scoreboard Show Avatars on Scoreboard Show Borders Show Mods Show Result Screen Show Hit Counter (100, 50, misses) Show Slider Breaks Show Aim Error Meter Show Strain Graph paletteSkin settings Skin Custom skin ID Skin Preview Want to record the video with your own skin? Check out the skin uploader over on the Skins page! Use skin cursor Use skin hitsounds Use skin combo colors Use beatmap combo colors modeCursor settings Cursor ripples Cursor trail Cursor size 1x These options only take effect if "Use skin cursor" is not checked. Rainbow Trail glow categoryObjects settings Draw follow points Show combo numbers Scale to the beat Rainbow Flash to the beat Use hit circle color Merge sliders Slider snaking in Slider snaking out more_horiz Other settings Seizure warning before play Load storyboard or video Skip intro Background dim Intro 0% In game 75% On breaks 30% Background parallax Show danser's logo on the intro Play nightcore hitsounds Ignore replay fail video_settingsVideo settings Motion blur Motion blur FPS 960 To use motion blur, apply for it on your issou.best account, or donate. Add pitch to the music lock Never delete the video lock If you use o!rdr to make YouTube videos, please credit the website ( https://ordr.issou.best ) in the video description! Send render job 4 renderers can currently process that replay with those settings! Have a good day! Currently storing 10.38 TBs (10376 GBs) of videos! Processed 70 renders in the past hour! o!rdr rev22b - issou.best - Changelog - Status - Cool stats WELCOME TO O!RDR! Before continuing, please read the terms of service and privacy policy of issou.best services (which includes o!rdr): Terms of servicePrivacy policy By continuing on o!rdr you agree to the terms of service and privacy policy. Choose a language to use on o!rdr: Language You will still be able to change the language later! We're looking for translators! Help us to translate o!rdr to any language and get o!rdr perks for free! Head on to the o!rdr Discord server (#translation channel) or our translation website to get started! o!rdr is a free online tool that you can use to make videos out of your osu! replays, featuring loads of customizations and fast render speeds thanks to danser, a third-party osu! client made by Wieku. You can also use o!rdr as an osu! skin finder (and uploader!), we have over 400 skins waiting for you to download. Check out this update's changelog in our Discord server! Have fun using o!rdr! Continue Frontend build 18 (2023-12-10 at 22:33:13) Server build 14 (2023-11-03 at 13:33:32) Only shows if hit error meter is enabled. If disabled, danser's cursor will be used. Waves will appear below where the player clicked The lines between circles, basically The number inside circles and sliders Sliders and circles will bounce to the rhythm of the music Makes the sliders and circles change colors! Enabling this will override "Use skin combo colors" and "Use beatmap combo colors" Sliders and circles will flash to the beat! Merges sliders, can be nice for some type of maps but it is not something you'd see in osu! Can be nice if you upload the video to YouTube for example. Can be useful to escape YouTube's Content ID. It's like osu!'s nightcore mod. If enabled, the video will be kept forever (at least until o!rdr shuts down) in our servers.