@charset "UTF-8";
/* CSS Document */

body.login {
  --s: 86px; /* control the size*/
  --c1: #dfdfdf;
  --c2: #eaeaea;
  --c3: #fafafa;
  
  background:
    conic-gradient(from 75deg,var(--c1)   15deg ,var(--c2) 0 30deg ,#0000 0 180deg,
                              var(--c2) 0 195deg,var(--c1) 0 210deg,#0000 0) 
       calc(var(--s)/2) calc(.5*var(--s)/tan(30deg)),
    conic-gradient(var(--c1)   30deg ,var(--c3) 0 75deg ,var(--c1) 0 90deg, var(--c2) 0 105deg,
                   var(--c3) 0 150deg,var(--c2) 0 180deg,var(--c3) 0 210deg,var(--c1) 0 256deg,
                   var(--c2) 0 270deg,var(--c1) 0 286deg,var(--c2) 0 331deg,var(--c3) 0);
  background-size: var(--s) calc(var(--s)/tan(30deg));
}

body.login::before {
  content:"";
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(255, 255, 255, .8);
  z-index: -1;  
}

/* login logo */
.login h1 a, svg path {
  background-image: url("../img/logo.svg");
  margin-bottom: 5px;
  width: 260px;
  background-size: contain;
}

/** Login-Error **/
.notice-error::before {
  content: "!";
  color: #d63638;
  font-size: 72px;
  font-weight: 900;
  position: absolute;
  margin-left: -60px;
  margin-top: -32px;
}