@layer base {
  
  body, :host {
    /* Color */
    
    /* Fonts */
    

    /* Font size */
    
    /* Font weight */
    
    /* Shadows */
    
    /* Border radius */
    
    /* Spacing */
    
    /* Z-index */
    
  }
  @keyframes animation-spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  @keyframes animation-fade-in {
    from {
      opacity:0;
    }
    to {
      opacity:1;
    }
  }
  @keyframes animation-fade-out {
    from {
      opacity:1;
    }
    to {
      opacity:0;
    }
  }
}


    .frflFp {
      gap:8px;
      padding:32px;
      background:#f36d95;
      min-height:100%;
      align-items:center;
      justify-content:center;
    }

    .PfRCb {
      color:var(--grey-200);
      padding:8px;
      border-radius:8px;
      background-color:var(--grey-600);
    }

    .PfRCb:hover {
      background-color:var(--pink-600);
    }

    .PfRCb:last-of-type {
      background-color:var(--pink-400);
    }

    .dgbNaP {
      color:var(--grey-200);
    }

    .fxDFgg {
      color:var(--grey-200);
      padding:8px;
      border-radius:8px;
      background-color:var(--pink-200);
    }

    .fxDFgg:hover {
      background-color:var(--grey-400);
    }

    .fxDFgg:last-of-type {
      background-color:var(--pink-600);
    }

    .fxDFgg:first-of-type {
      background-color:var(--green-500);
    }

    .cPyhek {
      gap:8px;
      width:100%;
      padding:8px;
      border-color:var(--grey-900);
      border-style:solid;
      border-width:2px;
      flex-direction:row;
    }

    .bgFgZn {
      color:var(--grey-200);
      padding:8px;
      border-radius:8px;
      background-color:var(--grey-600);
    }

    .bgFgZn:hover {
      background-color:var(--grey-400);
    }

    .beyidP {
      color:var(--grey-200);
      text-align:left;
      border-style:none;
      outline-style:none;
    }