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 July 29 via api from US — Scanned from FR
Effective URL: https://ordr.issou.best/
Submission: On July 29 via api from US — Scanned from FR
Form analysis 1 forms found in the DOM
<form _ngcontent-ng-c1139285093="" novalidate="" class="ng-untouched ng-pristine ng-invalid"><mat-accordion _ngcontent-ng-c1139285093="" multi="true" class="mat-accordion mat-accordion-multi"><mat-expansion-panel _ngcontent-ng-c1139285093=""
class="mat-expansion-panel ng-tns-c857250080-9 mat-expanded mat-expansion-panel-spacing ng-star-inserted"><mat-expansion-panel-header _ngcontent-ng-c1139285093="" role="button"
class="mat-expansion-panel-header mat-focus-indicator ng-tns-c2622717266-10 ng-tns-c857250080-9 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-c2622717266-10"><mat-panel-title _ngcontent-ng-c1139285093=""
class="mat-expansion-panel-header-title ng-tns-c2622717266-10"><mat-icon _ngcontent-ng-c1139285093="" 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-ng-c1139285093="" class="mat-expansion-panel-header-description ng-tns-c2622717266-10" style="margin-top: 2px;">General
settings</mat-panel-description></span><span class="mat-expansion-indicator ng-tns-c2622717266-10 ng-trigger ng-trigger-indicatorRotate ng-star-inserted" style="transform: rotate(180deg);"><svg xmlns="http://www.w3.org/2000/svg"
viewBox="0 -960 960 960" aria-hidden="true" focusable="false" class="ng-tns-c2622717266-10">
<path d="M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z" class="ng-tns-c2622717266-10"></path>
</svg></span><!----></mat-expansion-panel-header>
<div role="region" class="mat-expansion-panel-content ng-tns-c857250080-9 ng-trigger ng-trigger-bodyExpansion" id="cdk-accordion-child-0" aria-labelledby="mat-expansion-panel-header-0">
<div class="mat-expansion-panel-body ng-tns-c857250080-9">
<div _ngcontent-ng-c1139285093="" class="ng-tns-c857250080-9"><button _ngcontent-ng-c1139285093="" analyticsonclick="btn-render-send-upload" mat-stroked-button="" type="button"
class="select-replay-button mdc-button mdc-button--outlined mat-mdc-outlined-button mat-unthemed mat-mdc-button-base" mat-ripple-loader-uninitialized="" mat-ripple-loader-class-name="mat-mdc-button-ripple"><span
class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span><span class="mdc-button__label"><span _ngcontent-ng-c1139285093="" class="ng-star-inserted" style="">Pick or drop a replay here</span><!----><!----><!----></span><span
class="mat-mdc-focus-indicator"></span><span class="mat-mdc-button-touch-target"></span></button><input _ngcontent-ng-c1139285093="" type="file"></div>
<div _ngcontent-ng-c1139285093="" class="username-line ng-tns-c857250080-9"><mat-form-field _ngcontent-ng-c1139285093=""
class="mat-mdc-form-field username-input ng-tns-c3736059725-11 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-c3736059725-11 mdc-text-field--filled mdc-text-field--no-label">
<div class="mat-mdc-form-field-focus-overlay ng-tns-c3736059725-11 ng-star-inserted"></div><!---->
<div class="mat-mdc-form-field-flex ng-tns-c3736059725-11"><!----><!----><!---->
<div class="mat-mdc-form-field-infix ng-tns-c3736059725-11"><!----><!----><!----><input _ngcontent-ng-c1139285093="" matinput="" formcontrolname="username"
class="mat-mdc-input-element ng-tns-c3736059725-11 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-2" required="" aria-required="true"></div><!----><!---->
</div>
<div matformfieldlineripple="" class="mdc-line-ripple ng-tns-c3736059725-11 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-c3736059725-11">
<div class="mat-mdc-form-field-hint-wrapper ng-tns-c3736059725-11 ng-trigger ng-trigger-transitionMessages ng-star-inserted" style="opacity: 1; transform: translateY(0%);"><!---->
<div class="mat-mdc-form-field-hint-spacer ng-tns-c3736059725-11"></div>
</div><!----><!---->
</div>
</mat-form-field><mat-form-field _ngcontent-ng-c1139285093="" appearance="outline"
class="mat-mdc-form-field resolution-input ng-tns-c3736059725-12 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-c3736059725-12 mdc-text-field--outlined"><!---->
<div class="mat-mdc-form-field-flex ng-tns-c3736059725-12">
<div matformfieldnotchedoutline="" class="mdc-notched-outline ng-tns-c3736059725-12 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-c3736059725-12 ng-star-inserted mdc-floating-label--float-above" id="mat-mdc-form-field-label-8" style=""><mat-label _ngcontent-ng-c1139285093=""
class="ng-tns-c3736059725-12"> Resolution </mat-label><span aria-hidden="true"
class="mat-mdc-form-field-required-marker mdc-floating-label--required ng-tns-c3736059725-12 ng-star-inserted"></span><!----></label><!----><!----><!----></div>
<div class="mdc-notched-outline__trailing"></div>
</div><!----><!----><!---->
<div class="mat-mdc-form-field-infix ng-tns-c3736059725-12"><!----><mat-select _ngcontent-ng-c1139285093="" role="combobox" aria-autocomplete="none" aria-haspopup="listbox" formcontrolname="resolution" required=""
class="mat-mdc-select ng-tns-c1771602899-13 ng-tns-c3736059725-12 mat-mdc-select-required ng-untouched ng-pristine ng-valid ng-star-inserted" aria-labelledby="mat-mdc-form-field-label-8 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-c1771602899-13">
<div class="mat-mdc-select-value ng-tns-c1771602899-13" id="mat-select-value-3"><span class="mat-mdc-select-value-text ng-tns-c1771602899-13 ng-star-inserted" style=""><span
class="mat-mdc-select-min-line ng-tns-c1771602899-13 ng-star-inserted">1280x720 (720p)</span><!----><!----></span><!----><!----></div>
<div class="mat-mdc-select-arrow-wrapper ng-tns-c1771602899-13">
<div class="mat-mdc-select-arrow ng-tns-c1771602899-13"><svg viewBox="0 0 24 24" width="24px" height="24px" focusable="false" aria-hidden="true" class="ng-tns-c1771602899-13">
<path d="M7 10l5 5 5-5z" class="ng-tns-c1771602899-13"></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-c3736059725-12">
<div class="mat-mdc-form-field-hint-wrapper ng-tns-c3736059725-12 ng-trigger ng-trigger-transitionMessages ng-star-inserted" style="opacity: 1; transform: translateY(0%);"><!---->
<div class="mat-mdc-form-field-hint-spacer ng-tns-c3736059725-12"></div>
</div><!----><!---->
</div>
</mat-form-field><mat-form-field _ngcontent-ng-c1139285093="" appearance="outline"
class="mat-mdc-form-field renderer-input ng-tns-c3736059725-14 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-c3736059725-14 mdc-text-field--outlined"><!---->
<div class="mat-mdc-form-field-flex ng-tns-c3736059725-14">
<div matformfieldnotchedoutline="" class="mdc-notched-outline ng-tns-c3736059725-14 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(81px * var(--mat-mdc-form-field-floating-label-scale, 0.75) + 9px);"><label matformfieldfloatinglabel=""
class="mdc-floating-label mat-mdc-floating-label ng-tns-c3736059725-14 ng-star-inserted mdc-floating-label--float-above" id="mat-mdc-form-field-label-10" style=""><mat-label _ngcontent-ng-c1139285093=""
class="ng-tns-c3736059725-14"> Renderer </mat-label><span aria-hidden="true"
class="mat-mdc-form-field-required-marker mdc-floating-label--required ng-tns-c3736059725-14 ng-star-inserted"></span><!----></label><!----><!----><!----></div>
<div class="mdc-notched-outline__trailing"></div>
</div><!----><!----><!---->
<div class="mat-mdc-form-field-infix ng-tns-c3736059725-14"><!----><mat-select _ngcontent-ng-c1139285093="" role="combobox" aria-autocomplete="none" aria-haspopup="listbox" formcontrolname="renderer" required=""
class="mat-mdc-select ng-tns-c1771602899-15 ng-tns-c3736059725-14 mat-mdc-select-required ng-untouched ng-pristine ng-valid ng-star-inserted" aria-labelledby="mat-mdc-form-field-label-10 mat-select-value-5" id="mat-select-4"
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-c1771602899-15">
<div class="mat-mdc-select-value ng-tns-c1771602899-15" id="mat-select-value-5"><span class="mat-mdc-select-value-text ng-tns-c1771602899-15 ng-star-inserted" style=""><span
class="mat-mdc-select-min-line ng-tns-c1771602899-15 ng-star-inserted">danser (osu!stable - standard)</span><!----><!----></span><!----><!----></div>
<div class="mat-mdc-select-arrow-wrapper ng-tns-c1771602899-15">
<div class="mat-mdc-select-arrow ng-tns-c1771602899-15"><svg viewBox="0 0 24 24" width="24px" height="24px" focusable="false" aria-hidden="true" class="ng-tns-c1771602899-15">
<path d="M7 10l5 5 5-5z" class="ng-tns-c1771602899-15"></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-c3736059725-14">
<div class="mat-mdc-form-field-hint-wrapper ng-tns-c3736059725-14 ng-trigger ng-trigger-transitionMessages ng-star-inserted" style="opacity: 1; transform: translateY(0%);"><!---->
<div class="mat-mdc-form-field-hint-spacer ng-tns-c3736059725-14"></div>
</div><!----><!---->
</div>
</mat-form-field></div><!---->
<div _ngcontent-ng-c1139285093="" class="ng-tns-c857250080-9"><mat-label _ngcontent-ng-c1139285093="" class="slider-label">Music volume</mat-label><mat-slider _ngcontent-ng-c1139285093="" min="0" max="100" discrete=""
class="mat-mdc-slider mdc-slider mat-primary mdc-slider--discrete"><input _ngcontent-ng-c1139285093="" type="range" matsliderthumb="" formcontrolname="musicVolume" class="mdc-slider__input ng-untouched ng-pristine ng-valid" step="1"
min="0" max="100" aria-valuetext="50%" style="padding: 0px 16px; width: calc(100% + 10px); left: -21px;">
<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-ng-c1139285093="" class="slider-label">Hitsounds volume</mat-label><mat-slider _ngcontent-ng-c1139285093="" min="0" max="100" discrete=""
class="mat-mdc-slider mdc-slider mat-primary mdc-slider--discrete"><input _ngcontent-ng-c1139285093="" type="range" matsliderthumb="" formcontrolname="hitsoundVolume" class="mdc-slider__input ng-untouched ng-pristine ng-valid" step="1"
min="0" max="100" aria-valuetext="50%" style="padding: 0px 16px; width: calc(100% + 10px); left: -21px;">
<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-ng-c1139285093="" analyticsonclick="btn-send-render-toggle-preset-sidebar" 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" mat-ripple-loader-uninitialized="" mat-ripple-loader-class-name="mat-mdc-button-ripple"><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 class="mat-mdc-button-touch-target"></span></a><a _ngcontent-ng-c1139285093="" analyticsonclick="btn-send-render-save-preset" 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-disabled mat-mdc-button-base" mat-ripple-loader-uninitialized="" mat-ripple-loader-class-name="mat-mdc-button-ripple" mat-ripple-loader-disabled="" disabled="true" tabindex="-1" aria-disabled="true"><span class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span><mat-icon _ngcontent-ng-c1139285093="" 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 class="mat-mdc-button-touch-target"></span></a>
</div><!---->
</div>
</div>
</mat-expansion-panel><!----><mat-expansion-panel _ngcontent-ng-c1139285093="" class="mat-expansion-panel ng-tns-c857250080-16 ng-star-inserted"><mat-expansion-panel-header _ngcontent-ng-c1139285093="" role="button"
class="mat-expansion-panel-header mat-focus-indicator ng-tns-c2622717266-17 ng-tns-c857250080-16 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-c2622717266-17"><mat-panel-title _ngcontent-ng-c1139285093="" class="mat-expansion-panel-header-title ng-tns-c2622717266-17"><mat-icon _ngcontent-ng-c1139285093=""
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-ng-c1139285093=""
class="mat-expansion-panel-header-description ng-tns-c2622717266-17" style="margin-top: 2px;">Gameplay settings</mat-panel-description></span><span
class="mat-expansion-indicator ng-tns-c2622717266-17 ng-trigger ng-trigger-indicatorRotate ng-star-inserted" style="transform: rotate(0deg);"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" aria-hidden="true"
focusable="false" class="ng-tns-c2622717266-17">
<path d="M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z" class="ng-tns-c2622717266-17"></path>
</svg></span><!----></mat-expansion-panel-header>
<div role="region" class="mat-expansion-panel-content ng-tns-c857250080-16 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-c857250080-16"><button _ngcontent-ng-c1139285093="" mat-raised-button="" color="accent" type="button"
class="element-position-customizer-button mdc-button mdc-button--raised mat-mdc-raised-button ng-tns-c857250080-16 mat-accent mat-mdc-button-base" mat-ripple-loader-uninitialized=""
mat-ripple-loader-class-name="mat-mdc-button-ripple"><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 class="mat-mdc-button-touch-target"></span></button><mat-checkbox _ngcontent-ng-c1139285093="" formcontrolname="showHitErrorMeter"
class="mat-mdc-checkbox ng-tns-c857250080-16 mat-accent mat-mdc-checkbox-checked ng-untouched ng-pristine ng-valid" id="mat-mdc-checkbox-1">
<div mat-internal-form-field="" class="mdc-form-field mat-internal-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">
<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 class="mdc-label" for="mat-mdc-checkbox-1-input">Show Hit Error Meter </label>
</div>
</mat-checkbox><span _ngcontent-ng-c1139285093="" class="br ng-tns-c857250080-16"></span><mat-checkbox _ngcontent-ng-c1139285093="" formcontrolname="showUnstableRate"
class="mat-mdc-checkbox mat-mdc-tooltip-trigger ng-tns-c857250080-16 mat-accent mat-mdc-checkbox-checked ng-untouched ng-pristine ng-valid" id="mat-mdc-checkbox-2" aria-describedby="cdk-describedby-message-ng-1-4"
cdk-describedby-host="ng-1">
<div mat-internal-form-field="" class="mdc-form-field mat-internal-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">
<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 class="mdc-label" for="mat-mdc-checkbox-2-input">Show Unstable Rate</label>
</div>
</mat-checkbox><!----><span _ngcontent-ng-c1139285093="" class="br ng-tns-c857250080-16"></span><mat-checkbox _ngcontent-ng-c1139285093="" formcontrolname="showScore"
class="mat-mdc-checkbox ng-tns-c857250080-16 mat-accent mat-mdc-checkbox-checked ng-untouched ng-pristine ng-valid" id="mat-mdc-checkbox-3">
<div mat-internal-form-field="" class="mdc-form-field mat-internal-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">
<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 class="mdc-label" for="mat-mdc-checkbox-3-input">Show Score</label>
</div>
</mat-checkbox><span _ngcontent-ng-c1139285093="" class="br ng-tns-c857250080-16"></span><mat-checkbox _ngcontent-ng-c1139285093="" formcontrolname="showHPBar"
class="mat-mdc-checkbox ng-tns-c857250080-16 mat-accent mat-mdc-checkbox-checked ng-untouched ng-pristine ng-valid" id="mat-mdc-checkbox-4">
<div mat-internal-form-field="" class="mdc-form-field mat-internal-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">
<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 class="mdc-label" for="mat-mdc-checkbox-4-input">Show HP Bar</label>
</div>
</mat-checkbox><span _ngcontent-ng-c1139285093="" class="br ng-tns-c857250080-16"></span><mat-checkbox _ngcontent-ng-c1139285093="" formcontrolname="showComboCounter"
class="mat-mdc-checkbox ng-tns-c857250080-16 mat-accent mat-mdc-checkbox-checked ng-untouched ng-pristine ng-valid" id="mat-mdc-checkbox-5">
<div mat-internal-form-field="" class="mdc-form-field mat-internal-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">
<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 class="mdc-label" for="mat-mdc-checkbox-5-input">Show Combo Counter</label>
</div>
</mat-checkbox><span _ngcontent-ng-c1139285093="" class="br ng-tns-c857250080-16"></span><mat-checkbox _ngcontent-ng-c1139285093="" formcontrolname="showPPCounter"
class="mat-mdc-checkbox ng-tns-c857250080-16 mat-accent ng-untouched ng-pristine ng-valid" id="mat-mdc-checkbox-6">
<div mat-internal-form-field="" class="mdc-form-field mat-internal-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">
<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 class="mdc-label" for="mat-mdc-checkbox-6-input">Show PP Counter</label>
</div>
</mat-checkbox><span _ngcontent-ng-c1139285093="" class="br ng-tns-c857250080-16"></span><mat-checkbox _ngcontent-ng-c1139285093="" formcontrolname="showKeyOverlay"
class="mat-mdc-checkbox ng-tns-c857250080-16 mat-accent mat-mdc-checkbox-checked ng-untouched ng-pristine ng-valid" id="mat-mdc-checkbox-7">
<div mat-internal-form-field="" class="mdc-form-field mat-internal-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">
<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 class="mdc-label" for="mat-mdc-checkbox-7-input">Show Key Overlay</label>
</div>
</mat-checkbox><span _ngcontent-ng-c1139285093="" class="br ng-tns-c857250080-16"></span><mat-checkbox _ngcontent-ng-c1139285093="" formcontrolname="showScoreboard"
class="mat-mdc-checkbox ng-tns-c857250080-16 mat-accent ng-untouched ng-pristine ng-valid" id="mat-mdc-checkbox-8">
<div mat-internal-form-field="" class="mdc-form-field mat-internal-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">
<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 class="mdc-label" for="mat-mdc-checkbox-8-input">Show Scoreboard</label>
</div>
</mat-checkbox><mat-checkbox _ngcontent-ng-c1139285093="" formcontrolname="showAvatarsOnScoreboard" class="mat-mdc-checkbox checkbox-on-right ng-tns-c857250080-16 mat-accent ng-untouched ng-pristine ng-valid" id="mat-mdc-checkbox-9">
<div mat-internal-form-field="" class="mdc-form-field mat-internal-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">
<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 class="mdc-label" for="mat-mdc-checkbox-9-input">Show Avatars on Scoreboard</label>
</div>
</mat-checkbox><span _ngcontent-ng-c1139285093="" class="br ng-tns-c857250080-16"></span><mat-checkbox _ngcontent-ng-c1139285093="" formcontrolname="showBorders"
class="mat-mdc-checkbox ng-tns-c857250080-16 mat-accent ng-untouched ng-pristine ng-valid" id="mat-mdc-checkbox-10">
<div mat-internal-form-field="" class="mdc-form-field mat-internal-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">
<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 class="mdc-label" for="mat-mdc-checkbox-10-input">Show Borders</label>
</div>
</mat-checkbox><span _ngcontent-ng-c1139285093="" class="br ng-tns-c857250080-16"></span><mat-checkbox _ngcontent-ng-c1139285093="" formcontrolname="showMods"
class="mat-mdc-checkbox ng-tns-c857250080-16 mat-accent mat-mdc-checkbox-checked ng-untouched ng-pristine ng-valid" id="mat-mdc-checkbox-11">
<div mat-internal-form-field="" class="mdc-form-field mat-internal-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">
<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 class="mdc-label" for="mat-mdc-checkbox-11-input">Show Mods</label>
</div>
</mat-checkbox><span _ngcontent-ng-c1139285093="" class="br ng-tns-c857250080-16"></span><mat-checkbox _ngcontent-ng-c1139285093="" formcontrolname="showResultScreen"
class="mat-mdc-checkbox ng-tns-c857250080-16 mat-accent mat-mdc-checkbox-checked ng-untouched ng-pristine ng-valid" id="mat-mdc-checkbox-12">
<div mat-internal-form-field="" class="mdc-form-field mat-internal-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">
<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 class="mdc-label" for="mat-mdc-checkbox-12-input">Show Result Screen</label>
</div>
</mat-checkbox><span _ngcontent-ng-c1139285093="" class="br ng-tns-c857250080-16"></span><mat-checkbox _ngcontent-ng-c1139285093="" formcontrolname="showHitCounter"
class="mat-mdc-checkbox ng-tns-c857250080-16 mat-accent mat-mdc-checkbox-checked ng-untouched ng-pristine ng-valid" id="mat-mdc-checkbox-13">
<div mat-internal-form-field="" class="mdc-form-field mat-internal-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">
<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 class="mdc-label" for="mat-mdc-checkbox-13-input">Show Hit Counter (100, 50, misses)</label>
</div>
</mat-checkbox><mat-checkbox _ngcontent-ng-c1139285093="" formcontrolname="showSliderBreaks" class="mat-mdc-checkbox checkbox-on-right ng-tns-c857250080-16 mat-accent ng-untouched ng-pristine ng-valid" id="mat-mdc-checkbox-14">
<div mat-internal-form-field="" class="mdc-form-field mat-internal-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">
<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 class="mdc-label" for="mat-mdc-checkbox-14-input">Show Slider Breaks</label>
</div>
</mat-checkbox><span _ngcontent-ng-c1139285093="" class="br ng-tns-c857250080-16"></span><mat-checkbox _ngcontent-ng-c1139285093="" formcontrolname="showAimErrorMeter"
class="mat-mdc-checkbox ng-tns-c857250080-16 mat-accent ng-untouched ng-pristine ng-valid" id="mat-mdc-checkbox-15">
<div mat-internal-form-field="" class="mdc-form-field mat-internal-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">
<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 class="mdc-label" for="mat-mdc-checkbox-15-input">Show Aim Error Meter</label>
</div>
</mat-checkbox><span _ngcontent-ng-c1139285093="" class="br ng-tns-c857250080-16"></span><mat-checkbox _ngcontent-ng-c1139285093="" formcontrolname="showStrainGraph"
class="mat-mdc-checkbox ng-tns-c857250080-16 mat-accent ng-untouched ng-pristine ng-valid" id="mat-mdc-checkbox-16">
<div mat-internal-form-field="" class="mdc-form-field mat-internal-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">
<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 class="mdc-label" for="mat-mdc-checkbox-16-input">Show Strain Graph</label>
</div>
</mat-checkbox><!----></div>
</div>
</mat-expansion-panel><!----><mat-expansion-panel _ngcontent-ng-c1139285093="" class="mat-expansion-panel ng-tns-c857250080-18 ng-star-inserted"><mat-expansion-panel-header _ngcontent-ng-c1139285093="" role="button"
class="mat-expansion-panel-header mat-focus-indicator ng-tns-c2622717266-19 ng-tns-c857250080-18 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-c2622717266-19"><mat-panel-title _ngcontent-ng-c1139285093="" class="mat-expansion-panel-header-title ng-tns-c2622717266-19"><mat-icon _ngcontent-ng-c1139285093=""
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-ng-c1139285093=""
class="mat-expansion-panel-header-description ng-tns-c2622717266-19" style="margin-top: 2px;">Skin settings</mat-panel-description></span><span
class="mat-expansion-indicator ng-tns-c2622717266-19 ng-trigger ng-trigger-indicatorRotate ng-star-inserted" style="transform: rotate(0deg);"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" aria-hidden="true"
focusable="false" class="ng-tns-c2622717266-19">
<path d="M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z" class="ng-tns-c2622717266-19"></path>
</svg></span><!----></mat-expansion-panel-header>
<div role="region" class="mat-expansion-panel-content ng-tns-c857250080-18 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-c857250080-18"><mat-form-field _ngcontent-ng-c1139285093="" appearance="outline"
class="mat-mdc-form-field skin-input ng-tns-c3736059725-20 ng-tns-c857250080-18 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-c3736059725-20 mdc-text-field--outlined"><!---->
<div class="mat-mdc-form-field-flex ng-tns-c3736059725-20">
<div matformfieldnotchedoutline="" class="mdc-notched-outline ng-tns-c3736059725-20 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-c3736059725-20 ng-star-inserted" id="mat-mdc-form-field-label-12" for="mat-input-3"
style=""><mat-label _ngcontent-ng-c1139285093="" class="ng-tns-c3736059725-20"> Skin </mat-label><!----></label><!----><!----><!----></div>
<div class="mdc-notched-outline__trailing"></div>
</div><!----><!----><!---->
<div class="mat-mdc-form-field-infix ng-tns-c3736059725-20"><!----><input _ngcontent-ng-c1139285093="" type="search" matinput="" formcontrolname="skin"
class="mat-mdc-input-element mat-mdc-autocomplete-trigger ng-tns-c3736059725-20 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-3" aria-invalid="false" aria-required="false" autocomplete="off" role="combobox" aria-autocomplete="list" aria-expanded="false" aria-haspopup="listbox"><!----><mat-autocomplete
_ngcontent-ng-c1139285093="" required="" class="mat-mdc-autocomplete ng-tns-c3964489799-21 ng-tns-c3736059725-20 ng-star-inserted"><!----></mat-autocomplete></div><!----><!---->
</div><!---->
</div>
<div class="mat-mdc-form-field-subscript-wrapper mat-mdc-form-field-bottom-align ng-tns-c3736059725-20">
<div class="mat-mdc-form-field-hint-wrapper ng-tns-c3736059725-20 ng-trigger ng-trigger-transitionMessages ng-star-inserted" style="opacity: 1; transform: translateY(0%);"><!---->
<div class="mat-mdc-form-field-hint-spacer ng-tns-c3736059725-20"></div>
</div><!----><!---->
</div>
</mat-form-field><mat-form-field _ngcontent-ng-c1139285093="" appearance="outline"
class="mat-mdc-form-field custom-skin-input ng-tns-c3736059725-22 ng-tns-c857250080-18 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-c3736059725-22 mdc-text-field--outlined"><!---->
<div class="mat-mdc-form-field-flex ng-tns-c3736059725-22">
<div matformfieldnotchedoutline="" class="mdc-notched-outline ng-tns-c3736059725-22 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-c3736059725-22 ng-star-inserted" id="mat-mdc-form-field-label-14" for="mat-input-4"
style=""><mat-label _ngcontent-ng-c1139285093="" class="ng-tns-c3736059725-22"> Custom skin ID </mat-label><!----></label><!----><!----><!----></div>
<div class="mdc-notched-outline__trailing"></div>
</div><!----><!----><!---->
<div class="mat-mdc-form-field-infix ng-tns-c3736059725-22"><!----><input _ngcontent-ng-c1139285093="" maxlength="6" type="text" matinput="" formcontrolname="customSkin" autocomplete="off"
class="mat-mdc-input-element ng-tns-c3736059725-22 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-4"
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-c3736059725-22">
<div class="mat-mdc-form-field-hint-wrapper ng-tns-c3736059725-22 ng-trigger ng-trigger-transitionMessages ng-star-inserted" style="opacity: 1; transform: translateY(0%);"><!----><mat-hint _ngcontent-ng-c1139285093=""
class="mat-mdc-form-field-hint mat-mdc-form-field-bottom-align ng-tns-c3736059725-22" id="mat-mdc-hint-0"> </mat-hint>
<div class="mat-mdc-form-field-hint-spacer ng-tns-c3736059725-22"></div>
</div><!----><!---->
</div>
</mat-form-field><a _ngcontent-ng-c1139285093="" mat-stroked-button="" color="basic" mat-ripple-loader-uninitialized="" mat-ripple-loader-class-name="mat-mdc-button-ripple" class="mdc-button mdc-button--outlined mat-mdc-outlined-button ng-tns-c857250080-18 mat-basic mat-mdc-button-base"><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 class="mat-mdc-button-touch-target"></span></a>
<p _ngcontent-ng-c1139285093="" class="ng-tns-c857250080-18">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-ng-c1139285093=""
formcontrolname="useSkinCursor" class="mat-mdc-checkbox mat-mdc-tooltip-trigger ng-tns-c857250080-18 mat-accent mat-mdc-checkbox-checked ng-untouched ng-pristine ng-valid" id="mat-mdc-checkbox-17"
aria-describedby="cdk-describedby-message-ng-1-5" cdk-describedby-host="ng-1">
<div mat-internal-form-field="" class="mdc-form-field mat-internal-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">
<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 class="mdc-label" for="mat-mdc-checkbox-17-input">Use skin cursor</label>
</div>
</mat-checkbox><!----><mat-checkbox _ngcontent-ng-c1139285093="" formcontrolname="useSkinHitsounds" class="mat-mdc-checkbox checkbox-on-right ng-tns-c857250080-18 mat-accent ng-untouched ng-pristine ng-valid" id="mat-mdc-checkbox-18">
<div mat-internal-form-field="" class="mdc-form-field mat-internal-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">
<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 class="mdc-label" for="mat-mdc-checkbox-18-input">Use skin hitsounds</label>
</div>
</mat-checkbox><span _ngcontent-ng-c1139285093="" class="brbigger ng-tns-c857250080-18"></span><mat-radio-group _ngcontent-ng-c1139285093="" role="radiogroup" formcontrolname="circleColors"
class="mat-mdc-radio-group ng-tns-c857250080-18 ng-untouched ng-pristine ng-valid"><mat-radio-button _ngcontent-ng-c1139285093="" value="skin" class="mat-mdc-radio-button mat-accent" style="margin-top: 8px;" id="mat-radio-2">
<div mat-internal-form-field="" class="mdc-form-field mat-internal-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 class="mdc-label" for="mat-radio-2-input"> Use skin combo colors </label>
</div>
</mat-radio-button><mat-radio-button _ngcontent-ng-c1139285093="" value="beatmap" checked="" class="mat-mdc-radio-button checkbox-on-right mat-accent mat-mdc-radio-checked" id="mat-radio-3">
<div mat-internal-form-field="" class="mdc-form-field mat-internal-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 class="mdc-label" for="mat-radio-3-input">Use beatmap combo colors</label>
</div>
</mat-radio-button></mat-radio-group><br _ngcontent-ng-c1139285093="" class="ng-tns-c857250080-18"><!---->
</div>
</div>
</mat-expansion-panel><!----><mat-expansion-panel _ngcontent-ng-c1139285093="" class="mat-expansion-panel ng-tns-c857250080-23 ng-star-inserted"><mat-expansion-panel-header _ngcontent-ng-c1139285093="" role="button"
class="mat-expansion-panel-header mat-focus-indicator ng-tns-c2622717266-24 ng-tns-c857250080-23 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-c2622717266-24"><mat-panel-title _ngcontent-ng-c1139285093="" class="mat-expansion-panel-header-title ng-tns-c2622717266-24"><mat-icon _ngcontent-ng-c1139285093=""
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-ng-c1139285093=""
class="mat-expansion-panel-header-description ng-tns-c2622717266-24" style="margin-top: 2px;">Cursor settings</mat-panel-description></span><span
class="mat-expansion-indicator ng-tns-c2622717266-24 ng-trigger ng-trigger-indicatorRotate ng-star-inserted" style="transform: rotate(0deg);"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" aria-hidden="true"
focusable="false" class="ng-tns-c2622717266-24">
<path d="M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z" class="ng-tns-c2622717266-24"></path>
</svg></span><!----></mat-expansion-panel-header>
<div role="region" class="mat-expansion-panel-content ng-tns-c857250080-23 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-c857250080-23"><mat-checkbox _ngcontent-ng-c1139285093="" formcontrolname="cursorRipples"
class="mat-mdc-checkbox mat-mdc-tooltip-trigger ng-tns-c857250080-23 mat-accent ng-untouched ng-pristine ng-valid" id="mat-mdc-checkbox-19" aria-describedby="cdk-describedby-message-ng-1-6" cdk-describedby-host="ng-1">
<div mat-internal-form-field="" class="mdc-form-field mat-internal-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">
<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 class="mdc-label" for="mat-mdc-checkbox-19-input">Cursor ripples</label>
</div>
</mat-checkbox><!----><mat-checkbox _ngcontent-ng-c1139285093="" formcontrolname="cursorTrail" class="mat-mdc-checkbox checkbox-on-right ng-tns-c857250080-23 mat-accent mat-mdc-checkbox-checked ng-untouched ng-pristine ng-valid"
id="mat-mdc-checkbox-20">
<div mat-internal-form-field="" class="mdc-form-field mat-internal-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">
<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 class="mdc-label" for="mat-mdc-checkbox-20-input">Cursor trail</label>
</div>
</mat-checkbox><br _ngcontent-ng-c1139285093="" class="ng-tns-c857250080-23">
<div _ngcontent-ng-c1139285093="" class="element-margin ng-tns-c857250080-23"><mat-label _ngcontent-ng-c1139285093="" class="slider-label">Cursor size</mat-label><mat-slider _ngcontent-ng-c1139285093="" min="0" max="2" step="0.1"
discrete="" class="mat-mdc-slider mdc-slider mat-primary mdc-slider--discrete"><input _ngcontent-ng-c1139285093="" type="range" matsliderthumb="" formcontrolname="cursorSize" class="mdc-slider__input ng-untouched ng-pristine ng-valid"
step="0.1" min="0" max="2" aria-valuetext="1x" style="padding: 0px 16px; width: calc(100% + 10px); left: -21px;">
<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 mdc-slider__thumb--short-value" 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">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-ng-c1139285093="" class="br ng-tns-c857250080-23"></span>
<p _ngcontent-ng-c1139285093="" class="element-margin ng-tns-c857250080-23">These options only take effect if "Use skin cursor" is not checked.</p><mat-checkbox _ngcontent-ng-c1139285093="" formcontrolname="cursorRainbow"
class="mat-mdc-checkbox ng-tns-c857250080-23 mat-accent ng-untouched ng-pristine ng-valid" id="mat-mdc-checkbox-21">
<div mat-internal-form-field="" class="mdc-form-field mat-internal-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">
<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 class="mdc-label" for="mat-mdc-checkbox-21-input">Rainbow</label>
</div>
</mat-checkbox><mat-checkbox _ngcontent-ng-c1139285093="" formcontrolname="cursorTrailGlow" class="mat-mdc-checkbox checkbox-on-right ng-tns-c857250080-23 mat-accent ng-untouched ng-pristine ng-valid" id="mat-mdc-checkbox-22">
<div mat-internal-form-field="" class="mdc-form-field mat-internal-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">
<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 class="mdc-label" for="mat-mdc-checkbox-22-input">Trail glow</label>
</div>
</mat-checkbox><!---->
</div>
</div>
</mat-expansion-panel><!----><mat-expansion-panel _ngcontent-ng-c1139285093="" class="mat-expansion-panel ng-tns-c857250080-25 ng-star-inserted"><mat-expansion-panel-header _ngcontent-ng-c1139285093="" role="button"
class="mat-expansion-panel-header mat-focus-indicator ng-tns-c2622717266-26 ng-tns-c857250080-25 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-c2622717266-26"><mat-panel-title _ngcontent-ng-c1139285093="" class="mat-expansion-panel-header-title ng-tns-c2622717266-26"><mat-icon _ngcontent-ng-c1139285093=""
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-ng-c1139285093=""
class="mat-expansion-panel-header-description ng-tns-c2622717266-26" style="margin-top: 2px;">Objects settings</mat-panel-description></span><span
class="mat-expansion-indicator ng-tns-c2622717266-26 ng-trigger ng-trigger-indicatorRotate ng-star-inserted" style="transform: rotate(0deg);"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" aria-hidden="true"
focusable="false" class="ng-tns-c2622717266-26">
<path d="M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z" class="ng-tns-c2622717266-26"></path>
</svg></span><!----></mat-expansion-panel-header>
<div role="region" class="mat-expansion-panel-content ng-tns-c857250080-25 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-c857250080-25"><mat-checkbox _ngcontent-ng-c1139285093="" formcontrolname="drawFollowPoints"
class="mat-mdc-checkbox mat-mdc-tooltip-trigger ng-tns-c857250080-25 mat-accent mat-mdc-checkbox-checked ng-untouched ng-pristine ng-valid" id="mat-mdc-checkbox-23" aria-describedby="cdk-describedby-message-ng-1-7"
cdk-describedby-host="ng-1">
<div mat-internal-form-field="" class="mdc-form-field mat-internal-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">
<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 class="mdc-label" for="mat-mdc-checkbox-23-input">Draw follow points</label>
</div>
</mat-checkbox><!----><mat-checkbox _ngcontent-ng-c1139285093="" formcontrolname="drawComboNumbers"
class="mat-mdc-checkbox mat-mdc-tooltip-trigger checkbox-on-right ng-tns-c857250080-25 mat-accent mat-mdc-checkbox-checked ng-untouched ng-pristine ng-valid" id="mat-mdc-checkbox-24" aria-describedby="cdk-describedby-message-ng-1-8"
cdk-describedby-host="ng-1">
<div mat-internal-form-field="" class="mdc-form-field mat-internal-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">
<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 class="mdc-label" for="mat-mdc-checkbox-24-input">Show combo numbers</label>
</div>
</mat-checkbox><!----><mat-checkbox _ngcontent-ng-c1139285093="" formcontrolname="scaleToTheBeat" class="mat-mdc-checkbox mat-mdc-tooltip-trigger checkbox-on-right ng-tns-c857250080-25 mat-accent ng-untouched ng-pristine ng-valid"
id="mat-mdc-checkbox-25" aria-describedby="cdk-describedby-message-ng-1-9" cdk-describedby-host="ng-1">
<div mat-internal-form-field="" class="mdc-form-field mat-internal-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">
<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 class="mdc-label" for="mat-mdc-checkbox-25-input">Scale to the beat</label>
</div>
</mat-checkbox><!----><span _ngcontent-ng-c1139285093="" class="brbigger ng-tns-c857250080-25"></span><mat-checkbox _ngcontent-ng-c1139285093="" formcontrolname="objectsRainbow"
class="mat-mdc-checkbox mat-mdc-tooltip-trigger ng-tns-c857250080-25 mat-accent ng-untouched ng-pristine ng-valid" id="mat-mdc-checkbox-26" aria-describedby="cdk-describedby-message-ng-1-10" cdk-describedby-host="ng-1">
<div mat-internal-form-field="" class="mdc-form-field mat-internal-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">
<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 class="mdc-label" for="mat-mdc-checkbox-26-input">Rainbow</label>
</div>
</mat-checkbox><!----><mat-checkbox _ngcontent-ng-c1139285093="" formcontrolname="objectsFlashToTheBeat" class="mat-mdc-checkbox mat-mdc-tooltip-trigger checkbox-on-right ng-tns-c857250080-25 mat-accent ng-untouched ng-pristine ng-valid"
id="mat-mdc-checkbox-27" aria-describedby="cdk-describedby-message-ng-1-11" cdk-describedby-host="ng-1">
<div mat-internal-form-field="" class="mdc-form-field mat-internal-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">
<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 class="mdc-label" for="mat-mdc-checkbox-27-input">Flash to the beat</label>
</div>
</mat-checkbox><!----><mat-checkbox _ngcontent-ng-c1139285093="" formcontrolname="useHitCircleColor" class="mat-mdc-checkbox checkbox-on-right ng-tns-c857250080-25 mat-accent mat-mdc-checkbox-checked ng-untouched ng-pristine ng-valid"
id="mat-mdc-checkbox-28">
<div mat-internal-form-field="" class="mdc-form-field mat-internal-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">
<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 class="mdc-label" for="mat-mdc-checkbox-28-input">Use hit circle color</label>
</div>
</mat-checkbox><span _ngcontent-ng-c1139285093="" class="brbigger ng-tns-c857250080-25"></span><mat-checkbox _ngcontent-ng-c1139285093="" formcontrolname="sliderMerge"
class="mat-mdc-checkbox mat-mdc-tooltip-trigger ng-tns-c857250080-25 mat-accent ng-untouched ng-pristine ng-valid" id="mat-mdc-checkbox-29" aria-describedby="cdk-describedby-message-ng-1-12" cdk-describedby-host="ng-1">
<div mat-internal-form-field="" class="mdc-form-field mat-internal-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">
<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 class="mdc-label" for="mat-mdc-checkbox-29-input">Merge sliders</label>
</div>
</mat-checkbox><!----><mat-checkbox _ngcontent-ng-c1139285093="" formcontrolname="sliderSnakingIn" class="mat-mdc-checkbox checkbox-on-right ng-tns-c857250080-25 mat-accent mat-mdc-checkbox-checked ng-untouched ng-pristine ng-valid"
id="mat-mdc-checkbox-30">
<div mat-internal-form-field="" class="mdc-form-field mat-internal-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">
<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 class="mdc-label" for="mat-mdc-checkbox-30-input">Slider snaking in</label>
</div>
</mat-checkbox><mat-checkbox _ngcontent-ng-c1139285093="" formcontrolname="sliderSnakingOut" class="mat-mdc-checkbox checkbox-on-right ng-tns-c857250080-25 mat-accent mat-mdc-checkbox-checked ng-untouched ng-pristine ng-valid"
id="mat-mdc-checkbox-31">
<div mat-internal-form-field="" class="mdc-form-field mat-internal-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">
<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 class="mdc-label" for="mat-mdc-checkbox-31-input">Slider snaking out</label>
</div>
</mat-checkbox><!----></div>
</div>
</mat-expansion-panel><!----><mat-expansion-panel _ngcontent-ng-c1139285093="" class="mat-expansion-panel ng-tns-c857250080-27 ng-star-inserted"><mat-expansion-panel-header _ngcontent-ng-c1139285093="" role="button"
class="mat-expansion-panel-header mat-focus-indicator ng-tns-c2622717266-28 ng-tns-c857250080-27 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-c2622717266-28"><mat-panel-title _ngcontent-ng-c1139285093="" class="mat-expansion-panel-header-title ng-tns-c2622717266-28"><mat-icon _ngcontent-ng-c1139285093=""
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-ng-c1139285093=""
class="mat-expansion-panel-header-description ng-tns-c2622717266-28" style="margin-top: 2px;"> Other settings </mat-panel-description></span><span
class="mat-expansion-indicator ng-tns-c2622717266-28 ng-trigger ng-trigger-indicatorRotate ng-star-inserted" style="transform: rotate(0deg);"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" aria-hidden="true"
focusable="false" class="ng-tns-c2622717266-28">
<path d="M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z" class="ng-tns-c2622717266-28"></path>
</svg></span><!----></mat-expansion-panel-header>
<div role="region" class="mat-expansion-panel-content ng-tns-c857250080-27 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-c857250080-27"><mat-checkbox _ngcontent-ng-c1139285093="" formcontrolname="seizureWarning"
class="mat-mdc-checkbox mat-mdc-tooltip-trigger ng-tns-c857250080-27 mat-accent ng-untouched ng-pristine ng-valid" id="mat-mdc-checkbox-32" aria-describedby="cdk-describedby-message-ng-1-13" cdk-describedby-host="ng-1">
<div mat-internal-form-field="" class="mdc-form-field mat-internal-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">
<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 class="mdc-label" for="mat-mdc-checkbox-32-input">Seizure warning before play</label>
</div>
</mat-checkbox><!----><span _ngcontent-ng-c1139285093="" class="brbigger ng-tns-c857250080-27"></span><mat-checkbox _ngcontent-ng-c1139285093="" formcontrolname="loadStoryboardVideo"
class="mat-mdc-checkbox ng-tns-c857250080-27 mat-accent mat-mdc-checkbox-checked ng-untouched ng-pristine ng-valid" id="mat-mdc-checkbox-33">
<div mat-internal-form-field="" class="mdc-form-field mat-internal-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">
<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 class="mdc-label" for="mat-mdc-checkbox-33-input">Load storyboard or video</label>
</div>
</mat-checkbox><mat-checkbox _ngcontent-ng-c1139285093="" formcontrolname="skip" class="mat-mdc-checkbox checkbox-on-right ng-tns-c857250080-27 mat-accent mat-mdc-checkbox-checked ng-untouched ng-pristine ng-valid" id="mat-mdc-checkbox-34">
<div mat-internal-form-field="" class="mdc-form-field mat-internal-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">
<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 class="mdc-label" for="mat-mdc-checkbox-34-input">Skip intro</label>
</div>
</mat-checkbox>
<div _ngcontent-ng-c1139285093="" class="element-margin br-does-not-work ng-tns-c857250080-27">
<p _ngcontent-ng-c1139285093="" style="line-height: 0px;">Background dim</p><mat-label _ngcontent-ng-c1139285093="" class="slider-label">Intro</mat-label><mat-slider _ngcontent-ng-c1139285093="" min="0" max="100" discrete=""
class="mat-mdc-slider mdc-slider mat-primary mdc-slider--discrete"><input _ngcontent-ng-c1139285093="" type="range" matsliderthumb="" formcontrolname="introBGDim" class="mdc-slider__input ng-untouched ng-pristine ng-valid" step="1"
min="0" max="100" aria-valuetext="0%" style="padding: 0px 16px; width: calc(100% + 10px); left: -21px;">
<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.0267857);"></div>
</div><!---->
</div><!----><mat-slider-visual-thumb class="mdc-slider__thumb mat-mdc-slider-visual-thumb mdc-slider__thumb--short-value" style="transform: translateX(3px);">
<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-ng-c1139285093="" class="slider-label">In game</mat-label><mat-slider _ngcontent-ng-c1139285093="" min="0" max="100" discrete="" class="mat-mdc-slider mdc-slider mat-primary mdc-slider--discrete"><input
_ngcontent-ng-c1139285093="" type="range" matsliderthumb="" formcontrolname="inGameBGDim" class="mdc-slider__input ng-untouched ng-pristine ng-valid" step="1" min="0" max="100" aria-valuetext="75%"
style="padding: 0px 16px; width: calc(100% + 10px); left: -21px;">
<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.736607);"></div>
</div><!---->
</div><!----><mat-slider-visual-thumb class="mdc-slider__thumb mat-mdc-slider-visual-thumb" style="transform: translateX(82.5px);">
<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-ng-c1139285093="" class="slider-label">On breaks</mat-label><mat-slider _ngcontent-ng-c1139285093="" min="0" max="100" discrete=""
class="mat-mdc-slider mdc-slider mat-primary mdc-slider--discrete"><input _ngcontent-ng-c1139285093="" type="range" matsliderthumb="" formcontrolname="breakBGDim" class="mdc-slider__input ng-untouched ng-pristine ng-valid" step="1"
min="0" max="100" aria-valuetext="30%" style="padding: 0px 16px; width: calc(100% + 10px); left: -21px;">
<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.310714);"></div>
</div><!---->
</div><!----><mat-slider-visual-thumb class="mdc-slider__thumb mat-mdc-slider-visual-thumb" style="transform: translateX(34.8px);">
<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-ng-c1139285093="">
</div><mat-checkbox _ngcontent-ng-c1139285093="" formcontrolname="BGParallax" class="mat-mdc-checkbox ng-tns-c857250080-27 mat-accent ng-untouched ng-pristine ng-valid" id="mat-mdc-checkbox-35">
<div mat-internal-form-field="" class="mdc-form-field mat-internal-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">
<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 class="mdc-label" for="mat-mdc-checkbox-35-input">Background parallax</label>
</div>
</mat-checkbox><span _ngcontent-ng-c1139285093="" class="brbigger ng-tns-c857250080-27"></span><mat-checkbox _ngcontent-ng-c1139285093="" formcontrolname="showDanserLogo"
class="mat-mdc-checkbox ng-tns-c857250080-27 mat-accent mat-mdc-checkbox-checked ng-untouched ng-pristine ng-valid" id="mat-mdc-checkbox-36">
<div mat-internal-form-field="" class="mdc-form-field mat-internal-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">
<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 class="mdc-label" for="mat-mdc-checkbox-36-input">Show danser's logo on the intro</label>
</div>
</mat-checkbox><span _ngcontent-ng-c1139285093="" class="brbigger ng-tns-c857250080-27"></span><mat-checkbox _ngcontent-ng-c1139285093="" formcontrolname="playNightcoreSamples"
class="mat-mdc-checkbox ng-tns-c857250080-27 mat-accent mat-mdc-checkbox-checked ng-untouched ng-pristine ng-valid" id="mat-mdc-checkbox-37">
<div mat-internal-form-field="" class="mdc-form-field mat-internal-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">
<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 class="mdc-label" for="mat-mdc-checkbox-37-input">Play nightcore hitsounds</label>
</div>
</mat-checkbox><span _ngcontent-ng-c1139285093="" class="brbigger ng-tns-c857250080-27"></span><mat-checkbox _ngcontent-ng-c1139285093="" formcontrolname="ignoreFail"
class="mat-mdc-checkbox ng-tns-c857250080-27 mat-accent ng-untouched ng-pristine ng-valid" id="mat-mdc-checkbox-38">
<div mat-internal-form-field="" class="mdc-form-field mat-internal-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">
<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 class="mdc-label" for="mat-mdc-checkbox-38-input">Ignore replay fail</label>
</div>
</mat-checkbox><!---->
</div>
</div>
</mat-expansion-panel><!----><mat-expansion-panel _ngcontent-ng-c1139285093="" class="mat-expansion-panel ng-tns-c857250080-29 ng-star-inserted"><mat-expansion-panel-header _ngcontent-ng-c1139285093="" role="button"
class="mat-expansion-panel-header mat-focus-indicator ng-tns-c2622717266-30 ng-tns-c857250080-29 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-c2622717266-30"><mat-panel-title _ngcontent-ng-c1139285093="" class="mat-expansion-panel-header-title ng-tns-c2622717266-30"><mat-icon _ngcontent-ng-c1139285093=""
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-ng-c1139285093=""
class="mat-expansion-panel-header-description ng-tns-c2622717266-30" style="margin-top: 2px;">Video settings</mat-panel-description></span><span
class="mat-expansion-indicator ng-tns-c2622717266-30 ng-trigger ng-trigger-indicatorRotate ng-star-inserted" style="transform: rotate(0deg);"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" aria-hidden="true"
focusable="false" class="ng-tns-c2622717266-30">
<path d="M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z" class="ng-tns-c2622717266-30"></path>
</svg></span><!----></mat-expansion-panel-header>
<div role="region" class="mat-expansion-panel-content ng-tns-c857250080-29 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-c857250080-29"><!----><mat-checkbox _ngcontent-ng-c1139285093="" formcontrolname="motionBlur960fps"
class="mat-mdc-checkbox ng-tns-c857250080-29 mat-accent mdc-checkbox--disabled mat-mdc-checkbox-disabled ng-untouched ng-pristine" id="mat-mdc-checkbox-39">
<div mat-internal-form-field="" class="mdc-form-field mat-internal-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">
<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 class="mdc-label" for="mat-mdc-checkbox-39-input">Motion blur</label>
</div>
</mat-checkbox><span _ngcontent-ng-c1139285093="" class="brbigger ng-tns-c857250080-29"></span><mat-label _ngcontent-ng-c1139285093="" class="element-margin slider-label ng-tns-c857250080-29">Motion blur FPS</mat-label><mat-slider
_ngcontent-ng-c1139285093="" discrete="" step="10" min="120" max="960" class="mat-mdc-slider mdc-slider ng-tns-c857250080-29 mat-primary mdc-slider--discrete mdc-slider--disabled"><input _ngcontent-ng-c1139285093="" 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 16px; width: calc(100% + 10px); left: -21px;">
<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.973214);"></div>
</div><!---->
</div><!----><mat-slider-visual-thumb class="mdc-slider__thumb mat-mdc-slider-visual-thumb" style="transform: translateX(109px);">
<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-ng-c1139285093="" class="element-margin ng-star-inserted" style="">To use motion blur, apply for it on your issou.best account, or donate.</p><!----><span _ngcontent-ng-c1139285093=""
class="br ng-tns-c857250080-29"></span><mat-checkbox _ngcontent-ng-c1139285093="" formcontrolname="addPitch"
class="mat-mdc-checkbox mat-mdc-tooltip-trigger ng-tns-c857250080-29 mat-accent mdc-checkbox--disabled mat-mdc-checkbox-disabled ng-untouched ng-pristine" id="mat-mdc-checkbox-40" aria-describedby="cdk-describedby-message-ng-1-14"
cdk-describedby-host="ng-1">
<div mat-internal-form-field="" class="mdc-form-field mat-internal-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">
<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 class="mdc-label" for="mat-mdc-checkbox-40-input"> Add pitch to the music <mat-icon _ngcontent-ng-c1139285093="" 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-ng-c1139285093="" class="br ng-tns-c857250080-29"></span><mat-checkbox _ngcontent-ng-c1139285093="" formcontrolname="noDelete"
class="mat-mdc-checkbox mat-mdc-tooltip-trigger ng-tns-c857250080-29 mat-accent mdc-checkbox--disabled mat-mdc-checkbox-disabled ng-untouched ng-pristine" id="mat-mdc-checkbox-41" aria-describedby="cdk-describedby-message-ng-1-15"
cdk-describedby-host="ng-1">
<div mat-internal-form-field="" class="mdc-form-field mat-internal-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">
<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 class="mdc-label" for="mat-mdc-checkbox-41-input"> Never delete the video <mat-icon _ngcontent-ng-c1139285093="" 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-ng-c1139285093="" class="ng-tns-c857250080-29">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-ng-c1139285093="" analyticsonclick="btn-send-render-send-job" mat-raised-button="" color="primary" type="submit"
class="send-render-button mdc-button mdc-button--raised mat-mdc-raised-button mat-primary mat-mdc-button-base" mat-ripple-loader-uninitialized="" mat-ripple-loader-class-name="mat-mdc-button-ripple"><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
class="mat-mdc-button-touch-target"></span></button><!----><span _ngcontent-ng-c1139285093="" class="text renderer-count">7 renderers can currently process that replay with those settings!</span></form>Text Content
close search Render listClient listSkinsClientDonateAbout Discord Join the server!Invite the o!rdr bot! search * Render listClient listSkinsDiscordClientDonateAboutLogin palettelanguage arrow_forward_ios settingsGeneral settings Pick or drop a replay here Resolution 1280x720 (720p) Renderer danser (osu!stable - standard) 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 7 renderers can currently process that replay with those settings! New update: use the search bar at the top of the page to find osu! videos by any keyword in o!rdr titles! Currently storing 13.89 TBs (13891 GBs) of videos! Processed 91 renders in the past hour! o!rdr rev23b - 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 38 (2024-06-29 at 14:10:50) Server build 42 (2024-07-20 at 15:17:06) 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.