html body .dfc-cal__drawer.dfc-cal__drawer--blocktime-create [data-dfc-drawer-create-section].dfd-appdrawer__section{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  justify-items:stretch !important;
  align-items:start !important;
  align-content:start !important;
  gap:24px !important;
  padding-top:24px !important;
}

html body .dfc-cal__drawer.dfc-cal__drawer--blocktime-create .dfc-cal__blocklane{
  order:1 !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  display:grid !important;
  gap:12px !important;
  align-content:start !important;
}

html body .dfc-cal__drawer.dfc-cal__drawer--blocktime-create .dfc-cal__creategrid{
  order:2 !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  justify-self:stretch !important;
  align-self:start !important;
  box-sizing:border-box !important;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  grid-auto-rows:auto !important;
  align-items:start !important;
  align-content:start !important;
  gap:16px 16px !important;
  margin:0 !important;
  padding:24px !important;
  border:1px solid rgba(15,23,42,.08) !important;
  border-radius:24px !important;
  background:#fff !important;
  box-shadow:none !important;
  height:auto !important;
  min-height:0 !important;
}

html body .dfc-cal__drawer.dfc-cal__drawer--blocktime-create [data-dfc-blocktime-cardhead]{
  display:grid !important;
  grid-column:1 / -1 !important;
  gap:6px !important;
  margin:0 0 4px !important;
  width:100% !important;
}

html body .dfc-cal__drawer.dfc-cal__drawer--blocktime-create .dfc-cal__blocktimecardtitle{
  display:block !important;
  margin:0 !important;
  font-family:'Helvena VF','Helvetica Neue',Arial,sans-serif !important;
  font-size:18px !important;
  font-weight:700 !important;
  line-height:1.08 !important;
  letter-spacing:0 !important;
  color:#09090b !important;
}

html body .dfc-cal__drawer.dfc-cal__drawer--blocktime-create .dfc-cal__blocktimecardhelp{
  margin:0 !important;
  font:400 13px/1.45 Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif !important;
  color:rgba(9,9,11,.58) !important;
}

html body .dfc-cal__drawer.dfc-cal__drawer--blocktime-create .dfc-cal__creategrid > .dfc-cal__field{
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  align-self:start !important;
}

html body .dfc-cal__drawer.dfc-cal__drawer--blocktime-create .dfc-cal__creategrid > .dfc-cal__field:has([data-dfc-create-start]){
  grid-column:1 !important;
  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-column:2 !important;
  grid-row:2 !important;
}

html body .dfc-cal__drawer.dfc-cal__drawer--blocktime-create .dfc-cal__creategrid > .dfc-cal__field > span{
  margin:0 !important;
}

html body .dfc-cal__drawer.dfc-cal__drawer--blocktime-create .dfc-cal__creategrid > .dfc-cal__field select,
html body .dfc-cal__drawer.dfc-cal__drawer--blocktime-create .dfc-cal__creategrid > .dfc-cal__field input,
html body .dfc-cal__drawer.dfc-cal__drawer--blocktime-create .dfc-cal__creategrid > .dfc-cal__field textarea{
  width:100% !important;
  min-width:0 !important;
}

html body .dfc-cal__drawer.dfc-cal__drawer--blocktime-create [data-dfc-create-error]{
  order:3 !important;
  width:100% !important;
  margin:0 !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:20px !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;
  }
}