设置

  <div class="radio__2">
    <input id="radio-2" type="radio" name="radio" value="2" checked="">
    <label for="radio-2"></label>
  </div>
</div>

<div class="btn btn__primary"><p>Button</p></div>
<div class="btn btn__secondary"><p>Button</p></div>

<div class="clock">
  <div class="hand hours" style="transform: rotate(120deg);"></div>
  <div class="hand minutes" style="transform: rotate(354deg);"></div>
  <div class="hand seconds" style="transform: rotate(162deg);"></div>
  <div class="point"></div>
  <div class="marker">
    <span class="marker__1"></span>
    <span class="marker__2"></span>
    <span class="marker__3"></span>
    <span class="marker__4"></span>
  </div>
</div>
<div class="chip">
  <div class="chip__icon">
    <ion-icon name="color-palette" role="img" class="md hydrated" aria-label="color palette"></ion-icon></div>
  <p>Neumorphic Design</p>
  <div class="chip__close">
    <ion-icon name="close" role="img" class="md hydrated" aria-label="close"></ion-icon>
  </div>
</div>
<div class="form">
  <input type="text" class="form__input" placeholder="Type anything...">
</div>
<div class="search">
  <input type="text" class="search__input" placeholder="Search...">
  <div class="search__icon">
    <ion-icon name="search" role="img" class="md hydrated" aria-label="search"></ion-icon>
  </div>
</div>   
<div class="segmented-control">

  <input type="radio" name="radio2" value="3" id="tab-1" checked="">
  <label for="tab-1" class="segmented-control__1">
    <p>Tab 1</p></label>

  <input type="radio" name="radio2" value="4" id="tab-2">
  <label for="tab-2" class="segmented-control__2">
    <p>Tab 2</p></label>

  <input type="radio" name="radio2" value="5" id="tab-3">
  <label for="tab-3" class="segmented-control__3">
    <p>Tab 3</p></label>

  <div class="segmented-control__color"></div>
</div>
<div class="icon">
  <div class="icon__home">
    <ion-icon name="home" role="img" class="md hydrated" aria-label="home"></ion-icon></div>
  <div class="icon__account">
    <ion-icon name="person" role="img" class="md hydrated" aria-label="person"></ion-icon></div>
  <div class="icon__settings">
    <ion-icon name="settings" role="img" class="md hydrated" aria-label="settings"></ion-icon></div>
</div>
<div class="slider">
  <div class="slider__box">
    <span class="slider__btn" id="find" style="left: 57.8047px;"></span>
    <span class="slider__color" style="width: 27.6983%;"></span>
    <span class="slider__tooltip" style="left: 52.8047px; opacity: 0;">28%</span>
  </div>
</div>
</div>