html body .dfc-cal__drawer.dfc-cal__drawer--blocktime-create .dfc-cal__drawerbody.dfd-appdrawer__body{
  padding:0 28px !important;
  scrollbar-gutter:stable !important;
}

html body .dfc-cal__drawer.dfc-cal__drawer--blocktime-create [data-dfc-drawer-create-section].dfd-appdrawer__section{
  padding:20px 0 18px !important;
  gap:20px !important;
}

html body .dfc-cal__drawer.dfc-cal__drawer--blocktime-create .dfc-cal__blocklane{
  gap:10px !important;
}

html body .dfc-cal__drawer.dfc-cal__drawer--blocktime-create .dfc-cal__blockchoices{
  display:grid !important;
  grid-template-columns:repeat(4, 116px) !important;
  gap:12px !important;
  justify-content:start !important;
  align-items:start !important;
}

html body .dfc-cal__drawer.dfc-cal__drawer--blocktime-create .dfc-cal__blockchoice{
  width:116px !important;
  min-width:116px !important;
  max-width:116px !important;
}

html body .dfc-cal__drawer.dfc-cal__drawer--blocktime-create .dfc-cal__creategrid{
  order:2 !important;
  width:100% !important;
  margin:0 !important;
  padding:20px !important;
  border-radius:24px !important;
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  grid-auto-rows:max-content !important;
  gap:14px 16px !important;
  align-content:start !important;
  justify-content:stretch !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  align-self:flex-start !important;
  justify-self:stretch !important;
}

html body .dfc-cal__drawer.dfc-cal__drawer--blocktime-create [data-dfc-blocktime-cardhead]{
  margin:0 0 2px !important;
  gap:4px !important;
}

html body .dfc-cal__drawer.dfc-cal__drawer--blocktime-create .dfc-cal__blocktimecardtitle{
  font-size:17px !important;
  line-height:1.06 !important;
}

html body .dfc-cal__drawer.dfc-cal__drawer--blocktime-create .dfc-cal__blocktimecardhelp{
  line-height:1.35 !important;
}

@media (max-width: 700px){
  html body .dfc-cal__drawer.dfc-cal__drawer--blocktime-create .dfc-cal__drawerbody.dfd-appdrawer__body{
    padding-left:22px !important;
    padding-right:22px !important;
  }

  html body .dfc-cal__drawer.dfc-cal__drawer--blocktime-create .dfc-cal__blockchoices{
    grid-template-columns:repeat(2, minmax(0, 116px)) !important;
  }
}

@media (max-width: 560px){
  html body .dfc-cal__drawer.dfc-cal__drawer--blocktime-create .dfc-cal__creategrid{
    grid-template-columns:minmax(0,1fr) !important;
    padding:18px !important;
  }

  html body .dfc-cal__drawer.dfc-cal__drawer--blocktime-create .dfc-cal__creategrid > .dfc-cal__field:has([data-dfc-create-start]),
  html body .dfc-cal__drawer.dfc-cal__drawer--blocktime-create .dfc-cal__creategrid > .dfc-cal__field:has([data-dfc-create-end]){
    grid-column:1 !important;
  }

  html body .dfc-cal__drawer.dfc-cal__drawer--blocktime-create .dfc-cal__creategrid > .dfc-cal__field:has([data-dfc-create-start]){
    grid-row:2 !important;
  }

  html body .dfc-cal__drawer.dfc-cal__drawer--blocktime-create .dfc-cal__creategrid > .dfc-cal__field:has([data-dfc-create-end]){
    grid-row:3 !important;
  }
}