uniwu.me Open in urlscan Pro
2a06:98c1:3121::3  Public Scan

Form analysis
2 forms found in the DOM

<form novalidate="" class="items-start mt-8 p-2 space-y-4 rounded-2xl shadow overflow-hidden ng-untouched ng-pristine ng-valid"><mat-form-field
    class="mat-mdc-form-field w-full ng-tns-c3899553609-4 mat-mdc-form-field-type-mat-input mat-form-field-appearance-fill mat-form-field-hide-placeholder mat-primary ng-untouched ng-pristine ng-valid ng-star-inserted" style=""><!---->
    <div class="mat-mdc-text-field-wrapper mdc-text-field ng-tns-c3899553609-4 mdc-text-field--filled">
      <div class="mat-mdc-form-field-focus-overlay ng-tns-c3899553609-4 ng-star-inserted"></div><!---->
      <div class="mat-mdc-form-field-flex ng-tns-c3899553609-4"><!----><!----><!---->
        <div class="mat-mdc-form-field-infix ng-tns-c3899553609-4"><label matformfieldfloatinglabel="" class="mdc-floating-label mat-mdc-floating-label ng-tns-c3899553609-4 ng-star-inserted" id="mat-mdc-form-field-label-0" for="mat-input-0"
            aria-owns="mat-input-0"><mat-label class="ng-tns-c3899553609-4">Name</mat-label><!----></label><!----><!----><!----><input matinput=""
            class="mat-mdc-input-element ng-tns-c3899553609-4 mat-mdc-form-field-input-control mdc-text-field__input ng-untouched ng-pristine ng-valid cdk-text-field-autofill-monitored" autocomplete="off" placeholder="Unicorn name" id="mat-input-0"
            aria-invalid="false" aria-required="false"></div><!----><!---->
      </div>
      <div matformfieldlineripple="" class="mdc-line-ripple ng-tns-c3899553609-4 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-c3899553609-4 mat-mdc-form-field-subscript-dynamic-size"><!---->
      <div class="mat-mdc-form-field-hint-wrapper ng-tns-c3899553609-4 ng-trigger ng-trigger-transitionMessages ng-star-inserted" style="opacity: 1; transform: translateY(0%);"><!---->
        <div class="mat-mdc-form-field-hint-spacer ng-tns-c3899553609-4"></div>
      </div><!---->
    </div>
  </mat-form-field><mat-form-field class="mat-mdc-form-field w-full ng-tns-c3899553609-5 mat-mdc-form-field-type-mat-select mat-form-field-appearance-fill mat-form-field-hide-placeholder mat-primary ng-untouched ng-pristine ng-valid ng-star-inserted"
    style=""><!---->
    <div class="mat-mdc-text-field-wrapper mdc-text-field ng-tns-c3899553609-5 mdc-text-field--filled">
      <div class="mat-mdc-form-field-focus-overlay ng-tns-c3899553609-5 ng-star-inserted"></div><!---->
      <div class="mat-mdc-form-field-flex ng-tns-c3899553609-5"><!----><!----><!---->
        <div class="mat-mdc-form-field-infix ng-tns-c3899553609-5"><label matformfieldfloatinglabel="" class="mdc-floating-label mat-mdc-floating-label ng-tns-c3899553609-5 ng-star-inserted" id="mat-mdc-form-field-label-2" for="mat-select-0"
            aria-owns="mat-select-0"><mat-label class="ng-tns-c3899553609-5">Class</mat-label><!----></label><!----><!----><!----><mat-select role="combobox" aria-autocomplete="none" aria-haspopup="listbox" ngskiphydration="" multiple=""
            class="mat-mdc-select ng-tns-c1033106122-6 ng-tns-c3899553609-5 mat-mdc-select-empty mat-mdc-select-multiple ng-untouched ng-pristine ng-valid ng-star-inserted" aria-labelledby="mat-mdc-form-field-label-2 mat-select-value-1"
            id="mat-select-0" tabindex="0" aria-expanded="false" aria-required="false" aria-disabled="false" aria-invalid="false">
            <div cdk-overlay-origin="" class="mat-mdc-select-trigger ng-tns-c1033106122-6">
              <div class="mat-mdc-select-value ng-tns-c1033106122-6" id="mat-select-value-1"><span class="mat-mdc-select-placeholder mat-mdc-select-min-line ng-tns-c1033106122-6 ng-star-inserted"></span><!----><!----></div>
              <div class="mat-mdc-select-arrow-wrapper ng-tns-c1033106122-6">
                <div class="mat-mdc-select-arrow ng-tns-c1033106122-6"><svg viewBox="0 0 24 24" width="24px" height="24px" focusable="false" aria-hidden="true" class="ng-tns-c1033106122-6">
                    <path d="M7 10l5 5 5-5z" class="ng-tns-c1033106122-6"></path>
                  </svg></div>
              </div>
            </div><!---->
          </mat-select></div><!----><!---->
      </div>
      <div matformfieldlineripple="" class="mdc-line-ripple ng-tns-c3899553609-5 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-c3899553609-5 mat-mdc-form-field-subscript-dynamic-size"><!---->
      <div class="mat-mdc-form-field-hint-wrapper ng-tns-c3899553609-5 ng-trigger ng-trigger-transitionMessages ng-star-inserted" style="opacity: 1; transform: translateY(0%);"><!---->
        <div class="mat-mdc-form-field-hint-spacer ng-tns-c3899553609-5"></div>
      </div><!---->
    </div>
  </mat-form-field><mat-form-field class="mat-mdc-form-field w-full ng-tns-c3899553609-7 mat-mdc-form-field-type-mat-select mat-form-field-appearance-fill mat-form-field-hide-placeholder mat-primary ng-untouched ng-pristine ng-valid ng-star-inserted"
    style=""><!---->
    <div class="mat-mdc-text-field-wrapper mdc-text-field ng-tns-c3899553609-7 mdc-text-field--filled">
      <div class="mat-mdc-form-field-focus-overlay ng-tns-c3899553609-7 ng-star-inserted"></div><!---->
      <div class="mat-mdc-form-field-flex ng-tns-c3899553609-7"><!----><!----><!---->
        <div class="mat-mdc-form-field-infix ng-tns-c3899553609-7"><label matformfieldfloatinglabel="" class="mdc-floating-label mat-mdc-floating-label ng-tns-c3899553609-7 ng-star-inserted" id="mat-mdc-form-field-label-4" for="mat-select-2"
            aria-owns="mat-select-2"><mat-label class="ng-tns-c3899553609-7">Lifecycle</mat-label><!----></label><!----><!----><!----><mat-select role="combobox" aria-autocomplete="none" aria-haspopup="listbox" ngskiphydration="" multiple=""
            class="mat-mdc-select ng-tns-c1033106122-8 ng-tns-c3899553609-7 mat-mdc-select-empty mat-mdc-select-multiple 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="false" aria-disabled="false" aria-invalid="false">
            <div cdk-overlay-origin="" class="mat-mdc-select-trigger ng-tns-c1033106122-8">
              <div class="mat-mdc-select-value ng-tns-c1033106122-8" id="mat-select-value-3"><span class="mat-mdc-select-placeholder mat-mdc-select-min-line ng-tns-c1033106122-8 ng-star-inserted"></span><!----><!----></div>
              <div class="mat-mdc-select-arrow-wrapper ng-tns-c1033106122-8">
                <div class="mat-mdc-select-arrow ng-tns-c1033106122-8"><svg viewBox="0 0 24 24" width="24px" height="24px" focusable="false" aria-hidden="true" class="ng-tns-c1033106122-8">
                    <path d="M7 10l5 5 5-5z" class="ng-tns-c1033106122-8"></path>
                  </svg></div>
              </div>
            </div><!---->
          </mat-select></div><!----><!---->
      </div>
      <div matformfieldlineripple="" class="mdc-line-ripple ng-tns-c3899553609-7 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-c3899553609-7 mat-mdc-form-field-subscript-dynamic-size"><!---->
      <div class="mat-mdc-form-field-hint-wrapper ng-tns-c3899553609-7 ng-trigger ng-trigger-transitionMessages ng-star-inserted" style="opacity: 1; transform: translateY(0%);"><!---->
        <div class="mat-mdc-form-field-hint-spacer ng-tns-c3899553609-7"></div>
      </div><!---->
    </div>
  </mat-form-field>
  <div class="w-full"><mat-label>Breeding points</mat-label><mat-slider min="0" max="8" showtickmarks="" discrete="" class="mat-mdc-slider mdc-slider flex flex-row mat-primary mdc-slider--discrete mdc-slider--tick-marks mdc-slider--range"><input
        type="range" matsliderstartthumb="" class="mdc-slider__input ng-untouched ng-pristine ng-valid" step="0" min="0" max="8" aria-valuetext="0" style="width: 175.5px; padding: 0px; left: -24px; right: auto;"><input type="range"
        matsliderendthumb="" class="mdc-slider__input mat-slider__right-input ng-untouched ng-pristine ng-valid" step="0" min="0" max="8" aria-valuetext="8" style="padding: 0px; left: auto; right: -24px; width: 175.5px;">
      <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: auto; right: 0px; transform-origin: right center; transform: scaleX(1);"></div>
        </div>
        <div class="mdc-slider__tick-marks ng-star-inserted" style="">
          <div class="mdc-slider__tick-mark--active ng-star-inserted" style="transform: translateX(0px);"></div>
          <div class="mdc-slider__tick-mark--active ng-star-inserted" style="transform: translateX(37.125px);"></div>
          <div class="mdc-slider__tick-mark--active ng-star-inserted" style="transform: translateX(74.25px);"></div>
          <div class="mdc-slider__tick-mark--active ng-star-inserted" style="transform: translateX(111.375px);"></div>
          <div class="mdc-slider__tick-mark--active ng-star-inserted" style="transform: translateX(148.5px);"></div>
          <div class="mdc-slider__tick-mark--active ng-star-inserted" style="transform: translateX(185.625px);"></div>
          <div class="mdc-slider__tick-mark--active ng-star-inserted" style="transform: translateX(222.75px);"></div>
          <div class="mdc-slider__tick-mark--active ng-star-inserted" style="transform: translateX(259.875px);"></div>
          <div class="mdc-slider__tick-mark--active ng-star-inserted" style="transform: translateX(297px);"></div><!----><!----><!---->
        </div><!---->
      </div><mat-slider-visual-thumb class="mdc-slider__thumb mat-mdc-slider-visual-thumb mdc-slider__thumb--short-value ng-star-inserted" style="transform: translateX(0px);">
        <div class="mdc-slider__value-indicator-container ng-star-inserted">
          <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-visual-thumb class="mdc-slider__thumb mat-mdc-slider-visual-thumb mdc-slider__thumb--short-value" style="transform: translateX(303px);">
        <div class="mdc-slider__value-indicator-container ng-star-inserted" style="">
          <div class="mdc-slider__value-indicator"><span class="mdc-slider__value-indicator-text">8</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><mat-form-field
    class="mat-mdc-form-field w-full ng-tns-c3899553609-9 mat-mdc-form-field-type-mat-select mat-form-field-appearance-fill mat-form-field-hide-placeholder mat-primary ng-untouched ng-pristine ng-valid ng-star-inserted" style=""><!---->
    <div class="mat-mdc-text-field-wrapper mdc-text-field ng-tns-c3899553609-9 mdc-text-field--filled">
      <div class="mat-mdc-form-field-focus-overlay ng-tns-c3899553609-9 ng-star-inserted"></div><!---->
      <div class="mat-mdc-form-field-flex ng-tns-c3899553609-9"><!----><!----><!---->
        <div class="mat-mdc-form-field-infix ng-tns-c3899553609-9"><label matformfieldfloatinglabel="" class="mdc-floating-label mat-mdc-floating-label ng-tns-c3899553609-9 ng-star-inserted" id="mat-mdc-form-field-label-6" for="mat-select-4"
            aria-owns="mat-select-4"><mat-label class="ng-tns-c3899553609-9">Mythic</mat-label><!----></label><!----><!----><!----><mat-select role="combobox" aria-autocomplete="none" aria-haspopup="listbox" ngskiphydration="" multiple=""
            class="mat-mdc-select ng-tns-c1033106122-10 ng-tns-c3899553609-9 mat-mdc-select-empty mat-mdc-select-multiple ng-untouched ng-pristine ng-valid ng-star-inserted" aria-labelledby="mat-mdc-form-field-label-6 mat-select-value-5"
            id="mat-select-4" tabindex="0" aria-expanded="false" aria-required="false" aria-disabled="false" aria-invalid="false">
            <div cdk-overlay-origin="" class="mat-mdc-select-trigger ng-tns-c1033106122-10">
              <div class="mat-mdc-select-value ng-tns-c1033106122-10" id="mat-select-value-5"><span class="mat-mdc-select-placeholder mat-mdc-select-min-line ng-tns-c1033106122-10 ng-star-inserted"></span><!----><!----></div>
              <div class="mat-mdc-select-arrow-wrapper ng-tns-c1033106122-10">
                <div class="mat-mdc-select-arrow ng-tns-c1033106122-10"><svg viewBox="0 0 24 24" width="24px" height="24px" focusable="false" aria-hidden="true" class="ng-tns-c1033106122-10">
                    <path d="M7 10l5 5 5-5z" class="ng-tns-c1033106122-10"></path>
                  </svg></div>
              </div>
            </div><!---->
          </mat-select></div><!----><!---->
      </div>
      <div matformfieldlineripple="" class="mdc-line-ripple ng-tns-c3899553609-9 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-c3899553609-9 mat-mdc-form-field-subscript-dynamic-size"><!---->
      <div class="mat-mdc-form-field-hint-wrapper ng-tns-c3899553609-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-c3899553609-9"></div>
      </div><!---->
    </div>
  </mat-form-field>
  <div class="mb-1"><mat-checkbox class="mat-mdc-checkbox mat-accent 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" 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"><img ngsrc="assets/images/game/parts/HORN.png" alt="HORN" width="128" height="128" mattooltip="mythic horn" class="mat-mdc-tooltip-trigger w-8 h-8" loading="lazy"
            fetchpriority="auto" ng-img="true" src="assets/images/game/parts/HORN.png" aria-describedby="cdk-describedby-message-ng-1-2" cdk-describedby-host="ng-1"><!----></label>
      </div>
    </mat-checkbox><mat-checkbox class="mat-mdc-checkbox mb-1 mat-accent ng-untouched ng-pristine ng-valid" id="mat-mdc-checkbox-2">
      <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-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"><img ngsrc="assets/images/game/parts/FACE.png" alt="FACE" width="128" height="128" mattooltip="mythic face" class="mat-mdc-tooltip-trigger w-8 h-8" loading="lazy"
            fetchpriority="auto" ng-img="true" src="assets/images/game/parts/FACE.png" aria-describedby="cdk-describedby-message-ng-1-3" cdk-describedby-host="ng-1"><!----></label>
      </div>
    </mat-checkbox><mat-checkbox class="mat-mdc-checkbox mb-1 mat-accent 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" 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"><img ngsrc="assets/images/game/parts/BODY.png" alt="BODY" width="128" height="128" mattooltip="mythic body" class="mat-mdc-tooltip-trigger w-8 h-8" loading="lazy"
            fetchpriority="auto" ng-img="true" src="assets/images/game/parts/BODY.png" aria-describedby="cdk-describedby-message-ng-1-4" cdk-describedby-host="ng-1"><!----></label>
      </div>
    </mat-checkbox><mat-checkbox class="mat-mdc-checkbox mb-1 mat-accent 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" 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"><img ngsrc="assets/images/game/parts/MANE.png" alt="MANE" width="128" height="128" mattooltip="mythic mane" class="mat-mdc-tooltip-trigger w-8 h-8" loading="lazy"
            fetchpriority="auto" ng-img="true" src="assets/images/game/parts/MANE.png" aria-describedby="cdk-describedby-message-ng-1-5" cdk-describedby-host="ng-1"><!----></label>
      </div>
    </mat-checkbox><mat-checkbox class="mat-mdc-checkbox mb-1 mat-accent 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" 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"><img ngsrc="assets/images/game/parts/TAIL.png" alt="TAIL" width="128" height="128" mattooltip="mythic tail" class="mat-mdc-tooltip-trigger w-8 h-8" loading="lazy"
            fetchpriority="auto" ng-img="true" src="assets/images/game/parts/TAIL.png" aria-describedby="cdk-describedby-message-ng-1-6" cdk-describedby-host="ng-1"><!----></label>
      </div>
    </mat-checkbox><mat-checkbox class="mat-mdc-checkbox mb-1 mat-accent 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">
          <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"><img ngsrc="assets/images/game/parts/HOOVES.png" alt="HOOVES" width="128" height="128" mattooltip="mythic hooves" class="mat-mdc-tooltip-trigger w-8 h-8" loading="lazy"
            fetchpriority="auto" ng-img="true" src="assets/images/game/parts/HOOVES.png" aria-describedby="cdk-describedby-message-ng-1-7" cdk-describedby-host="ng-1"><!----></label>
      </div>
    </mat-checkbox></div>
  <div class="w-full">
    <div class="flex justify-between"><mat-label id="example-name-label" class="example-name-label">Total stats</mat-label><mat-label class="justify-end">900-3800</mat-label></div><mat-slider min="900" max="3800" discrete=""
      class="mat-mdc-slider mdc-slider flex flex-row mat-primary mdc-slider--discrete mdc-slider--range"><input type="range" matsliderstartthumb="" class="mdc-slider__input ng-untouched ng-pristine ng-valid" step="0" min="900" max="3800"
        aria-valuetext="900" style="width: 175.5px; padding: 0px; left: -24px; right: auto;"><input type="range" matsliderendthumb="" class="mdc-slider__input mat-slider__right-input ng-untouched ng-pristine ng-valid" step="0" min="900" max="3800"
        aria-valuetext="3800" style="width: 175.5px; padding: 0px; left: auto; right: -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: auto; right: 0px; transform-origin: right center; transform: scaleX(1);"></div>
        </div><!---->
      </div><mat-slider-visual-thumb class="mdc-slider__thumb mat-mdc-slider-visual-thumb ng-star-inserted" style="transform: translateX(0px);">
        <div class="mdc-slider__value-indicator-container ng-star-inserted">
          <div class="mdc-slider__value-indicator"><span class="mdc-slider__value-indicator-text">900</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-visual-thumb class="mdc-slider__thumb mat-mdc-slider-visual-thumb" style="transform: translateX(303px);">
        <div class="mdc-slider__value-indicator-container ng-star-inserted" style="">
          <div class="mdc-slider__value-indicator"><span class="mdc-slider__value-indicator-text">3800</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 class="flex justify-between md:hidden"><mat-form-field class="mat-mdc-form-field ng-tns-c3899553609-11 mat-mdc-form-field-type-mat-input mat-form-field-appearance-fill mat-primary ng-untouched ng-pristine ng-valid ng-star-inserted"
        style=""><!---->
        <div class="mat-mdc-text-field-wrapper mdc-text-field ng-tns-c3899553609-11 mdc-text-field--filled">
          <div class="mat-mdc-form-field-focus-overlay ng-tns-c3899553609-11 ng-star-inserted"></div><!---->
          <div class="mat-mdc-form-field-flex ng-tns-c3899553609-11"><!----><!----><!---->
            <div class="mat-mdc-form-field-infix ng-tns-c3899553609-11"><label matformfieldfloatinglabel="" class="mdc-floating-label mat-mdc-floating-label ng-tns-c3899553609-11 mdc-floating-label--float-above ng-star-inserted"
                id="mat-mdc-form-field-label-8" for="mat-input-1" aria-owns="mat-input-1"><mat-label class="ng-tns-c3899553609-11">min</mat-label><!----></label><!----><!----><!----><input matinput="" type="number"
                class="mat-mdc-input-element ng-tns-c3899553609-11 mat-mdc-form-field-input-control mdc-text-field__input ng-untouched ng-pristine ng-valid cdk-text-field-autofill-monitored" id="mat-input-1" aria-invalid="false"
                aria-required="false"></div><!----><!---->
          </div>
          <div matformfieldlineripple="" class="mdc-line-ripple ng-tns-c3899553609-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-c3899553609-11"><!---->
          <div class="mat-mdc-form-field-hint-wrapper ng-tns-c3899553609-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-c3899553609-11"></div>
          </div><!---->
        </div>
      </mat-form-field><mat-form-field class="mat-mdc-form-field justify-end end ng-tns-c3899553609-12 mat-mdc-form-field-type-mat-input mat-form-field-appearance-fill mat-primary ng-untouched ng-pristine ng-valid ng-star-inserted" style=""><!---->
        <div class="mat-mdc-text-field-wrapper mdc-text-field ng-tns-c3899553609-12 mdc-text-field--filled">
          <div class="mat-mdc-form-field-focus-overlay ng-tns-c3899553609-12 ng-star-inserted"></div><!---->
          <div class="mat-mdc-form-field-flex ng-tns-c3899553609-12"><!----><!----><!---->
            <div class="mat-mdc-form-field-infix ng-tns-c3899553609-12"><label matformfieldfloatinglabel="" class="mdc-floating-label mat-mdc-floating-label ng-tns-c3899553609-12 mdc-floating-label--float-above ng-star-inserted"
                id="mat-mdc-form-field-label-10" for="mat-input-2" aria-owns="mat-input-2"><mat-label class="ng-tns-c3899553609-12">max</mat-label><!----></label><!----><!----><!----><input matinput="" type="number"
                class="mat-mdc-input-element ng-tns-c3899553609-12 mat-mdc-form-field-input-control mdc-text-field__input ng-untouched ng-pristine ng-valid cdk-text-field-autofill-monitored" id="mat-input-2" aria-invalid="false"
                aria-required="false"></div><!----><!---->
          </div>
          <div matformfieldlineripple="" class="mdc-line-ripple ng-tns-c3899553609-12 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-c3899553609-12"><!---->
          <div class="mat-mdc-form-field-hint-wrapper ng-tns-c3899553609-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-c3899553609-12"></div>
          </div><!---->
        </div>
      </mat-form-field></div><mat-slide-toggle class="mat-mdc-slide-toggle mt-2 sm:mt-4 sm:ml-auto mat-primary ng-untouched ng-pristine ng-valid" id="mat-mdc-slide-toggle-1">
      <div class="mdc-form-field"><button role="switch" type="button" class="mdc-switch mdc-switch--unselected" tabindex="0" id="mat-mdc-slide-toggle-1-button" aria-labelledby="mat-mdc-slide-toggle-1-label" aria-checked="false">
          <div class="mdc-switch__track"></div>
          <div class="mdc-switch__handle-track">
            <div class="mdc-switch__handle">
              <div class="mdc-switch__shadow">
                <div class="mdc-elevation-overlay"></div>
              </div>
              <div class="mdc-switch__ripple">
                <div mat-ripple="" class="mat-ripple mat-mdc-slide-toggle-ripple mat-mdc-focus-indicator"></div>
              </div>
              <div class="mdc-switch__icons"><svg viewBox="0 0 24 24" aria-hidden="true" class="mdc-switch__icon mdc-switch__icon--on">
                  <path d="M19.69,5.23L8.96,15.96l-4.23-4.23L2.96,13.5l6,6L21.46,7L19.69,5.23z"></path>
                </svg><svg viewBox="0 0 24 24" aria-hidden="true" class="mdc-switch__icon mdc-switch__icon--off">
                  <path d="M20 13H4v-2h16v2z"></path>
                </svg></div>
            </div>
          </div>
        </button><label class="mdc-label" for="mat-mdc-slide-toggle-1-button" id="mat-mdc-slide-toggle-1-label"> Show only listed </label></div>
    </mat-slide-toggle>
    <div class="my-2 py-2">Price</div>
    <div class="flex flex-row"><mat-form-field
        class="mat-mdc-form-field ng-tns-c3899553609-13 mat-mdc-form-field-type-mat-input mat-mdc-form-field-has-icon-prefix mat-form-field-appearance-fill mat-form-field-hide-placeholder mat-primary ng-untouched ng-pristine ng-valid ng-star-inserted"
        style=""><!---->
        <div class="mat-mdc-text-field-wrapper mdc-text-field ng-tns-c3899553609-13 mdc-text-field--filled">
          <div class="mat-mdc-form-field-focus-overlay ng-tns-c3899553609-13 ng-star-inserted"></div><!---->
          <div class="mat-mdc-form-field-flex ng-tns-c3899553609-13"><!---->
            <div class="mat-mdc-form-field-icon-prefix ng-tns-c3899553609-13 ng-star-inserted"><mat-select role="combobox" aria-autocomplete="none" aria-haspopup="listbox" ngskiphydration="" matprefix=""
                class="mat-mdc-select ng-tns-c1033106122-14 ng-untouched ng-pristine ng-valid ng-tns-c3899553609-13 ng-star-inserted" aria-labelledby="mat-mdc-form-field-label-12 mat-select-value-7" id="mat-select-6" tabindex="0"
                aria-expanded="false" aria-required="false" aria-disabled="false" aria-invalid="false">
                <div cdk-overlay-origin="" class="mat-mdc-select-trigger ng-tns-c1033106122-14">
                  <div class="mat-mdc-select-value ng-tns-c1033106122-14" id="mat-select-value-7"><!----><span class="mat-mdc-select-value-text ng-tns-c1033106122-14 ng-star-inserted" style=""><span
                        class="mat-mdc-select-min-line ng-tns-c1033106122-14 ng-star-inserted">ETH</span><!----><!----></span><!----></div>
                  <div class="mat-mdc-select-arrow-wrapper ng-tns-c1033106122-14">
                    <div class="mat-mdc-select-arrow ng-tns-c1033106122-14"><svg viewBox="0 0 24 24" width="24px" height="24px" focusable="false" aria-hidden="true" class="ng-tns-c1033106122-14">
                        <path d="M7 10l5 5 5-5z" class="ng-tns-c1033106122-14"></path>
                      </svg></div>
                  </div>
                </div><!---->
              </mat-select></div><!----><!---->
            <div class="mat-mdc-form-field-infix ng-tns-c3899553609-13"><label matformfieldfloatinglabel="" class="mdc-floating-label mat-mdc-floating-label ng-tns-c3899553609-13 ng-star-inserted" id="mat-mdc-form-field-label-12" for="mat-input-3"
                aria-owns="mat-input-3"><mat-label class="ng-tns-c3899553609-13">min</mat-label><!----></label><!----><!----><!----><input type="number" matinput=""
                class="mat-mdc-input-element ng-tns-c3899553609-13 mat-mdc-form-field-input-control mdc-text-field__input ng-untouched ng-pristine ng-valid cdk-text-field-autofill-monitored" autocomplete="off" id="mat-input-3" aria-invalid="false"
                aria-required="false"></div><!----><!---->
          </div>
          <div matformfieldlineripple="" class="mdc-line-ripple ng-tns-c3899553609-13 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-c3899553609-13 mat-mdc-form-field-subscript-dynamic-size"><!---->
          <div class="mat-mdc-form-field-hint-wrapper ng-tns-c3899553609-13 ng-trigger ng-trigger-transitionMessages ng-star-inserted" style="opacity: 1; transform: translateY(0%);"><!---->
            <div class="mat-mdc-form-field-hint-spacer ng-tns-c3899553609-13"></div>
          </div><!---->
        </div>
      </mat-form-field><mat-form-field
        class="mat-mdc-form-field ml-2 ng-tns-c3899553609-15 mat-mdc-form-field-type-mat-input mat-form-field-appearance-fill mat-form-field-hide-placeholder mat-primary ng-untouched ng-pristine ng-valid ng-star-inserted" style=""><!---->
        <div class="mat-mdc-text-field-wrapper mdc-text-field ng-tns-c3899553609-15 mdc-text-field--filled">
          <div class="mat-mdc-form-field-focus-overlay ng-tns-c3899553609-15 ng-star-inserted"></div><!---->
          <div class="mat-mdc-form-field-flex ng-tns-c3899553609-15"><!----><!----><!---->
            <div class="mat-mdc-form-field-infix ng-tns-c3899553609-15"><label matformfieldfloatinglabel="" class="mdc-floating-label mat-mdc-floating-label ng-tns-c3899553609-15 ng-star-inserted" id="mat-mdc-form-field-label-14" for="mat-input-4"
                aria-owns="mat-input-4"><mat-label class="ng-tns-c3899553609-15">max</mat-label><!----></label><!----><!----><!----><input type="number" matinput=""
                class="mat-mdc-input-element ng-tns-c3899553609-15 mat-mdc-form-field-input-control mdc-text-field__input ng-untouched ng-pristine ng-valid cdk-text-field-autofill-monitored" autocomplete="off" id="mat-input-4" aria-invalid="false"
                aria-required="false"></div><!----><!---->
          </div>
          <div matformfieldlineripple="" class="mdc-line-ripple ng-tns-c3899553609-15 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-c3899553609-15 mat-mdc-form-field-subscript-dynamic-size"><!---->
          <div class="mat-mdc-form-field-hint-wrapper ng-tns-c3899553609-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-c3899553609-15"></div>
          </div><!---->
        </div>
      </mat-form-field></div>
  </div>
  <div class="flex items-center justify-end w-full mt-8"><button mat-button-ripple-uninitialized="" type="button" mat-button="" class="mdc-button mat-mdc-button mat-unthemed mat-mdc-button-base"><span
        class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span><span class="mdc-button__label">Reset </span><span class="mat-mdc-focus-indicator"></span><span class="mat-mdc-button-touch-target"></span></button><button
      mat-button-ripple-uninitialized="" type="submit" mat-flat-button="" class="ml-2 mdc-button mdc-button--unelevated mat-mdc-unelevated-button mat-primary mat-mdc-button-base"><span
        class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span><span class="mdc-button__label">Apply </span><span class="mat-mdc-focus-indicator"></span><span class="mat-mdc-button-touch-target"></span></button></div>
</form>

<form novalidate="" class="ng-untouched ng-pristine ng-valid"><mat-form-field
    class="mat-mdc-form-field w-56 min-w-48 ng-tns-c3899553609-16 mat-mdc-form-field-type-mat-select mat-form-field-appearance-fill mat-primary ng-untouched ng-pristine ng-valid ng-star-inserted"><!---->
    <div class="mat-mdc-text-field-wrapper mdc-text-field ng-tns-c3899553609-16 mdc-text-field--filled mdc-text-field--no-label">
      <div class="mat-mdc-form-field-focus-overlay ng-tns-c3899553609-16 ng-star-inserted"></div><!---->
      <div class="mat-mdc-form-field-flex ng-tns-c3899553609-16"><!----><!----><!---->
        <div class="mat-mdc-form-field-infix ng-tns-c3899553609-16"><!----><!----><!----><mat-select role="combobox" aria-autocomplete="none" aria-haspopup="listbox" ngskiphydration=""
            class="mat-mdc-select ng-tns-c1033106122-17 ng-tns-c3899553609-16 ng-untouched ng-pristine ng-valid ng-star-inserted" aria-labelledby="mat-select-value-9" id="mat-select-8" tabindex="0" aria-expanded="false" aria-required="false"
            aria-disabled="false" aria-invalid="false">
            <div cdk-overlay-origin="" class="mat-mdc-select-trigger ng-tns-c1033106122-17">
              <div class="mat-mdc-select-value ng-tns-c1033106122-17" id="mat-select-value-9"><!----><span class="mat-mdc-select-value-text ng-tns-c1033106122-17 ng-star-inserted"><span
                    class="mat-mdc-select-min-line ng-tns-c1033106122-17 ng-star-inserted">Total (high-low)</span><!----><!----></span><!----></div>
              <div class="mat-mdc-select-arrow-wrapper ng-tns-c1033106122-17">
                <div class="mat-mdc-select-arrow ng-tns-c1033106122-17"><svg viewBox="0 0 24 24" width="24px" height="24px" focusable="false" aria-hidden="true" class="ng-tns-c1033106122-17">
                    <path d="M7 10l5 5 5-5z" class="ng-tns-c1033106122-17"></path>
                  </svg></div>
              </div>
            </div><!---->
          </mat-select></div><!----><!---->
      </div>
      <div matformfieldlineripple="" class="mdc-line-ripple ng-tns-c3899553609-16 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-c3899553609-16 mat-mdc-form-field-subscript-dynamic-size"><!---->
      <div class="mat-mdc-form-field-hint-wrapper ng-tns-c3899553609-16 ng-trigger ng-trigger-transitionMessages ng-star-inserted" style="opacity: 1; transform: translateY(0%);"><!---->
        <div class="mat-mdc-form-field-hint-spacer ng-tns-c3899553609-16"></div>
      </div><!---->
    </div>
  </mat-form-field></form>

Text Content

Unicorns
Lands
MyData
Quests
Leaderboard
Jousting
Formula

close
Name


Class



Lifecycle



Breeding points

0


8


Mythic




Total stats900-3800

900


3800


min


max



Show only listed
Price
ETH

min


max


Reset Apply

Unicorns
Total (high-low)



Piping Hot Thunderbolt
8
3558
0
2785
Sweet Cream Luka
8
3467
0
3000
Death Roll Jin
8
3325
0
2888
Country DeeDee
8
3171
0
2956
Root Beer Stud
8
3151
0
3052
Winded Fancy
8
3013
0
2723
Hefty Cinnamon
8
2962
0
2970
Off Center Rhino
8
2956
0
2845
Redwood Chester
8
2939
1
2628
Armchair Meadow
8
2929
0
2934
Six String Romeo

2892
6
3096
Pickled Saffron
8
2871
0
2736
Soft Serve Heisenberg
8
2865
0
2830
Lone Hickory
8
2850
0
2841
Old Timey Gambler
8
2825
0
2674
Stew Pot Muffin
8
2817
0
2709
Jade Clayton
6
2799
2
2769
Quick Blixem
8
2770
0
2740
Sleepy Vision
8
2767
0
2799
Overbite Morel
1
2717
0
2963
Armchair Otto
8
2695
0
2922
Items per page:
21


1 – 21 of 21
UniWu © 2024

mythic horn
mythic face
mythic body
mythic mane
mythic tail
mythic hooves
Toggle Fullscreen