 <style>
 @import url('https://fonts.googleapis.com/css?family=Kanit&display=swap');
 .notice.notice-error {
     display: none;
 }
 .notice.e-notice.e-notice--dismissible.e-notice--extended {
     display: none;
 }
 @import url('https://fonts.googleapis.com/css2?family=Baloo+Chettan+2&family=Calligraffitti&display=swap');

 body {
 background: wheat;
 }

 .bruh-css {
 font-family: 'Calligraffitti', cursive;
 font-weight: 700;
 font-size: 3rem;
 padding-top: 22px;
 padding-bottom: 75px;
 text-shadow: -15px 5px 20px #ced0d3;
 letter-spacing: 0.02em;
 text-align: center;
 color: #F9f1cc;
 text-shadow: 5px 5px 0px #FFB650, 
     10px 10px 0px #FFD662, 
     15px 15px 0px  #FF80BF, 
     20px 20px 0px #EF5097, 
     25px 25px 0px #6868AC, 
     30px 30px 0px #90B1E0;
 }

 .switch input
 {
 display: none;
 }

 .switch 
 {
 display: inline-block;
 width: 60px; /*=w*/
 height: 30px; /*=h*/
 margin-top: -19px;
 transform: translate(40px, 30px);
 position: relative;
 }

 .slider
 {
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 border-radius: 30px;
 box-shadow: 0 0 0 2px #777, 0 0 4px #777;
 cursor: pointer;
 border: 4px solid transparent;
 overflow: hidden;
 transition: 0.2s;
 }

 .slider:before
 {
 position: absolute;
 content: "";
 width: 100%;
 height: 100%;
 background-color: #777;
 border-radius: 30px;
 transform: translateX(-30px); /*translateX(-(w-h))*/
 transition: 0.2s;
 }

 input:checked + .slider:before
 {
 transform: translateX(30px); /*translateX(w-h)*/
 background-color: #ff80bf;
 }

 input:checked + .slider
 {
 box-shadow: 0 0 0 2px #ef5097, 0 0 8px #ffb650;
 }

 .widgets-main-option{
     display: flex;
 }
 .form-wem .wp-core-ui .button-primary.focus, .wp-core-ui .button-primary:focus {
    box-shadow: none;
 }
 .form-wem input#submit {
     background: #ffbd5e;
     border-color: #ffd662;
     color: #f9f1cc;
     text-decoration: none;
     text-shadow: none;
     transition: .6s;
     outline: none !important;
 }
 .form-wem input#submit:hover {
     background: #ef5097;
     border-color: #ff80bf;
     color: #f9f1cc;
     text-decoration: none;
     text-shadow: none;
     transition: .6s;
     outline: none !important;
 }
 .notice-success, div.updated {
     border-left-color: #f9f1cc;
 }
 .notice, div.error, div.updated {
     background: #ffb650;
     color: #f9f1cc;
     border: 1px solid #f9f1cc;
     border-left-width: 4px;
     box-shadow: 0 1px 1px rgba(0,0,0,.04);
     margin: 5px 15px 2px;
     padding: 1px 12px;
 }

 .option-box {
    border: solid 5px hsl(34.97deg 100% 65.69%);
    display: inline-block;
    width: 100%;
    margin: 5% auto;
    border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
    padding: 3em;
    line-height: 1.5em;
    background: hsla(67, 95%, 95%, 1);
 }
 .main-widget-on-off-box {
    display: inline-flex;
    column-gap: 25px;
    flex-wrap: wrap;
 }
 .widgets-main-option {
    display: inline-flex;
 }
 .widget-title{
    text-align: center;
    font-weight: 900;
    font-family: 'Kanit';
 }
 .active-show-title{
    color: #ef5097;
    font-weight: 600 !important;
 }
 .count:after {
    content: counter(checked);
  }
  input:checked {
    counter-increment: checked;
  }

</style>