.svk-calendar-wrap{
  width:100% !important;
  max-width:1100px !important;
  margin:0 auto !important;
  box-sizing:border-box !important;
  font-family:inherit !important;
}
.svk-calendar-wrap *{box-sizing:border-box !important;}
.svk-calendar-toolbar{
  width:100% !important;
  display:grid !important;
  grid-template-columns:48px minmax(0,1fr) 48px !important;
  align-items:center !important;
  gap:12px !important;
  margin:0 0 20px !important;
}
.svk-calendar-wrap .svk-title{
  margin:0 !important;
  padding:0 !important;
  text-align:center !important;
  font-size:1.35rem !important;
  line-height:1.2 !important;
  font-weight:700 !important;
  text-transform:capitalize !important;
}
.svk-calendar-wrap button.svk-nav{
  display:flex !important;
  width:48px !important;
  height:42px !important;
  min-width:48px !important;
  min-height:42px !important;
  margin:0 !important;
  padding:0 !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid #d8dce2 !important;
  border-radius:22px !important;
  background:#fff !important;
  color:#30343b !important;
  box-shadow:none !important;
  cursor:pointer !important;
  font-family:inherit !important;
  font-size:28px !important;
  line-height:1 !important;
}
.svk-calendar-wrap button.svk-nav:hover{
  background:#f7f7f7 !important;
  color:#30343b !important;
}
.svk-calendar-wrap .svk-calendar-grid{
  width:100% !important;
  display:grid !important;
  grid-template-columns:repeat(7,minmax(0,1fr)) !important;
  gap:6px !important;
  margin:0 !important;
  padding:0 !important;
}
.svk-calendar-wrap .svk-weekday{
  display:block !important;
  min-width:0 !important;
  margin:0 !important;
  padding:8px 2px !important;
  text-align:center !important;
  color:#6f7680 !important;
  font-size:.78rem !important;
  line-height:1.2 !important;
  font-weight:700 !important;
  text-transform:uppercase !important;
}
.svk-calendar-wrap .svk-day{
  display:flex !important;
  min-width:0 !important;
  min-height:88px !important;
  margin:0 !important;
  padding:8px !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  border:1px solid rgba(0,0,0,.10) !important;
  border-radius:10px !important;
  overflow:hidden !important;
  font-size:inherit !important;
  line-height:1.2 !important;
}
.svk-calendar-wrap .svk-day.svk-free{background:#ddffcc !important;}
.svk-calendar-wrap .svk-day.svk-busy{background:#ffc0bd !important;}
.svk-calendar-wrap .svk-day.svk-change{background:#fee2a0 !important;}
.svk-calendar-wrap .svk-day.svk-empty{
  background:transparent !important;
  border-color:transparent !important;
}
.svk-calendar-wrap .svk-number{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  font-size:1rem !important;
  line-height:1.2 !important;
  font-weight:700 !important;
}
.svk-calendar-wrap .svk-status{
  display:block !important;
  margin:7px 0 0 !important;
  padding:0 !important;
  font-size:.72rem !important;
  line-height:1.2 !important;
  font-weight:600 !important;
}
.svk-calendar-wrap .svk-price{
  display:block !important;
  margin:auto 0 0 !important;
  padding:7px 0 0 !important;
  font-size:.78rem !important;
  line-height:1.2 !important;
  font-weight:700 !important;
  white-space:nowrap !important;
}
.svk-calendar-wrap .svk-legend{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:14px !important;
  margin:16px 0 0 !important;
  padding:0 !important;
  font-size:.82rem !important;
  line-height:1.3 !important;
}
.svk-calendar-wrap .svk-legend span{
  display:inline-flex !important;
  align-items:center !important;
  margin:0 !important;
  padding:0 !important;
}
.svk-calendar-wrap .svk-legend-box{
  display:inline-block !important;
  width:12px !important;
  height:12px !important;
  min-width:12px !important;
  margin:0 5px 0 0 !important;
  padding:0 !important;
  border:1px solid rgba(0,0,0,.15) !important;
  border-radius:3px !important;
}
.svk-calendar-wrap .svk-legend-box.green{background:#ddffcc !important;}
.svk-calendar-wrap .svk-legend-box.pink{background:#ffc0bd !important;}
.svk-calendar-wrap .svk-legend-box.yellow{background:#fee2a0 !important;}

@media(max-width:700px){
  .svk-calendar-wrap .svk-calendar-toolbar{
    grid-template-columns:40px minmax(0,1fr) 40px !important;
    gap:8px !important;
    margin-bottom:12px !important;
  }
  .svk-calendar-wrap button.svk-nav{
    width:40px !important;
    height:38px !important;
    min-width:40px !important;
    min-height:38px !important;
    border-radius:20px !important;
    font-size:24px !important;
  }
  .svk-calendar-wrap .svk-title{font-size:1.05rem !important;}
  .svk-calendar-wrap .svk-calendar-grid{gap:3px !important;}
  .svk-calendar-wrap .svk-weekday{
    padding:5px 1px !important;
    font-size:.68rem !important;
  }
  .svk-calendar-wrap .svk-day{
    min-height:72px !important;
    padding:5px !important;
    border-radius:7px !important;
  }
  .svk-calendar-wrap .svk-number{font-size:.85rem !important;}
  .svk-calendar-wrap .svk-status{
    margin-top:4px !important;
    font-size:.61rem !important;
  }
  .svk-calendar-wrap .svk-price{
    padding-top:4px !important;
    font-size:.62rem !important;
  }
  .svk-calendar-wrap .svk-legend{
    gap:8px !important;
    font-size:.7rem !important;
  }
}