.dp__input_wrap{
  position:relative;
  width:100%;
  box-sizing:unset
}

.dp__input_wrap:focus{
  border-color:var(--dp-border-color-hover);
  outline:none
}

.dp__input{
  background-color:var(--dp-background-color);
  border-radius:var(--dp-border-radius);
  font-family:var(--dp-font-family);
  border:1px solid var(--dp-border-color);
  outline:none;
  transition:border-color .2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width:100%;
  font-size:var(--dp-font-size);
  line-height:calc(var(--dp-font-size)*1.5);
  padding:var(--dp-input-padding);
  color:var(--dp-text-color);
  box-sizing:border-box
}

.dp__input::-moz-placeholder{
  opacity:.7
}

.dp__input::placeholder{
  opacity:.7
}

.dp__input:hover{
  border-color:var(--dp-border-color-hover)
}

.dp__input_reg{
  caret-color:rgba(0,0,0,0)
}

.dp__input_focus{
  border-color:var(--dp-border-color-hover)
}

.dp__disabled{
  background:var(--dp-disabled-color)
}

.dp__disabled::-moz-placeholder{
  color:var(--dp-disabled-color-text)
}

.dp__disabled::placeholder{
  color:var(--dp-disabled-color-text)
}

.dp__input_icons{
  display:inline-block;
  width:var(--dp-font-size);
  height:var(--dp-font-size);
  stroke-width:0;
  font-size:var(--dp-font-size);
  line-height:calc(var(--dp-font-size)*1.5);
  padding:6px 12px;
  color:var(--dp-icon-color);
  box-sizing:content-box
}

.dp__input_icon{
  cursor:pointer;
  position:absolute;
  top:50%;
  inset-inline-start:0;
  transform:translateY(-50%);
  color:var(--dp-icon-color)
}

.dp__clear_icon{
  position:absolute;
  top:50%;
  inset-inline-end:0;
  transform:translateY(-50%);
  cursor:pointer;
  color:var(--dp-icon-color)
}

.dp__input_icon_pad{
  padding-inline-start:var(--dp-input-icon-padding)
}

.dp__input_valid{
  box-shadow:0 0 var(--dp-border-radius) var(--dp-success-color);
  border-color:var(--dp-success-color)
}

.dp__input_valid:hover{
  border-color:var(--dp-success-color)
}

.dp__input_invalid{
  box-shadow:0 0 var(--dp-border-radius) var(--dp-danger-color);
  border-color:var(--dp-danger-color)
}

.dp__input_invalid:hover{
  border-color:var(--dp-danger-color)
}

.dp__menu{
  background:var(--dp-background-color);
  border-radius:var(--dp-border-radius);
  min-width:var(--dp-menu-min-width);
  font-family:var(--dp-font-family);
  font-size:var(--dp-font-size);
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
  border:1px solid var(--dp-menu-border-color);
  box-sizing:border-box
}

.dp__menu::after{
  box-sizing:border-box
}

.dp__menu::before{
  box-sizing:border-box
}

.dp__menu:focus{
  border:1px solid var(--dp-menu-border-color);
  outline:none
}

.dp--menu-wrapper{
  position:absolute;
  z-index:99999
}

.dp__menu_inner{
  padding:var(--dp-menu-padding)
}

.dp--menu--inner-stretched{
  padding:6px 0
}

.dp__menu_index{
  z-index:99999
}

.dp__menu_readonly,.dp__menu_disabled{
  position:absolute;
  inset:0;
  z-index:999999
}

.dp__menu_disabled{
  background:rgba(255,255,255,.5);
  cursor:not-allowed
}

.dp__menu_readonly{
  background:rgba(0,0,0,0);
  cursor:default
}

.dp__arrow_top{
  left:50%;
  top:0;
  height:12px;
  width:12px;
  background-color:var(--dp-background-color);
  position:absolute;
  border-inline-end:1px solid var(--dp-menu-border-color);
  border-top:1px solid var(--dp-menu-border-color);
  transform:translate(-50%, -50%) rotate(-45deg)
}

.dp__arrow_bottom{
  left:50%;
  bottom:0;
  height:12px;
  width:12px;
  background-color:var(--dp-background-color);
  position:absolute;
  border-inline-end:1px solid var(--dp-menu-border-color);
  border-bottom:1px solid var(--dp-menu-border-color);
  transform:translate(-50%, 50%) rotate(45deg)
}

.dp__action_extra{
  text-align:center;
  padding:2px 0
}

.dp--preset-dates{
  padding:5px;
  border-inline-end:1px solid var(--dp-border-color)
}

@media only screen and (width <= 600px){
  .dp--preset-dates{
    display:flex;
    align-self:center;
    border:none;
    overflow-x:auto;
    max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding)*2)
  }
}

.dp__sidebar_left{
  padding:5px;
  border-inline-end:1px solid var(--dp-border-color)
}

.dp__sidebar_right{
  padding:5px;
  margin-inline-end:1px solid var(--dp-border-color)
}

.dp--preset-range{
  display:block;
  width:100%;
  padding:5px;
  text-align:left;
  white-space:nowrap;
  color:var(--dp-text-color);
  border-radius:var(--dp-border-radius);
  transition:var(--dp-common-transition)
}

.dp--preset-range:hover{
  background-color:var(--dp-hover-color);
  color:var(--dp-hover-text-color);
  cursor:pointer
}

@media only screen and (width <= 600px){
  .dp--preset-range{
    border:1px solid var(--dp-border-color);
    margin:0 3px
  }

  .dp--preset-range:first-child{
    margin-left:0
  }

  .dp--preset-range:last-child{
    margin-right:0
  }
}

.dp__menu_content_wrapper{
  display:flex
}

@media only screen and (width <= 600px){
  .dp__menu_content_wrapper{
    flex-direction:column-reverse
  }
}

.dp__calendar_header{
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
  color:var(--dp-text-color);
  white-space:nowrap;
  font-weight:bold
}

.dp__calendar_header_item{
  text-align:center;
  flex-grow:1;
  height:var(--dp-cell-size);
  padding:var(--dp-cell-padding);
  width:var(--dp-cell-size);
  box-sizing:border-box
}

.dp__calendar_row{
  display:flex;
  justify-content:center;
  align-items:center;
  margin:var(--dp-row-margin)
}

.dp__calendar_item{
  text-align:center;
  flex-grow:1;
  box-sizing:border-box;
  color:var(--dp-text-color)
}

.dp__calendar{
  position:relative
}

.dp__calendar_header_cell{
  border-bottom:thin solid var(--dp-border-color);
  padding:var(--dp-calendar-header-cell-padding)
}

.dp__cell_inner{
  display:flex;
  align-items:center;
  text-align:center;
  justify-content:center;
  border-radius:var(--dp-cell-border-radius);
  height:var(--dp-cell-size);
  padding:var(--dp-cell-padding);
  width:var(--dp-cell-size);
  border:1px solid rgba(0,0,0,0);
  box-sizing:border-box;
  position:relative
}

.dp__cell_inner:hover{
  transition:all .2s
}

.dp__cell_auto_range_start,.dp__date_hover_start:hover,.dp__range_start{
  border-end-end-radius:0;
  border-start-end-radius:0
}

.dp__cell_auto_range_end,.dp__date_hover_end:hover,.dp__range_end{
  border-end-start-radius:0;
  border-start-start-radius:0
}

.dp__range_end,.dp__range_start,.dp__active_date{
  background:var(--dp-primary-color);
  color:var(--dp-primary-text-color)
}

.dp__cell_auto_range_end,.dp__cell_auto_range_start{
  border-top:1px dashed var(--dp-primary-color);
  border-bottom:1px dashed var(--dp-primary-color)
}

.dp__date_hover_end:hover,.dp__date_hover_start:hover,.dp__date_hover:hover{
  background:var(--dp-hover-color);
  color:var(--dp-hover-text-color)
}

.dp__cell_offset{
  color:var(--dp-secondary-color)
}

.dp__cell_disabled{
  color:var(--dp-secondary-color);
  cursor:not-allowed
}

.dp__range_between{
  background:var(--dp-range-between-dates-background-color);
  color:var(--dp-range-between-dates-text-color);
  border-radius:0;
  border:1px solid var(--dp-range-between-border-color)
}

.dp__range_between_week{
  background:var(--dp-primary-color);
  color:var(--dp-primary-text-color);
  border-radius:0;
  border-top:1px solid var(--dp-primary-color);
  border-bottom:1px solid var(--dp-primary-color)
}

.dp__today{
  border:1px solid var(--dp-primary-color)
}

.dp__week_num{
  color:var(--dp-secondary-color);
  text-align:center
}

.dp__cell_auto_range{
  border-radius:0;
  border-top:1px dashed var(--dp-primary-color);
  border-bottom:1px dashed var(--dp-primary-color)
}

.dp__cell_auto_range_start{
  border-inline-start:1px dashed var(--dp-primary-color)
}

.dp__cell_auto_range_end{
  border-inline-end:1px dashed var(--dp-primary-color)
}

.dp__calendar_header_separator{
  width:100%;
  height:1px;
  background:var(--dp-border-color)
}

.dp__calendar_next{
  margin-inline-start:var(--dp-multi-calendars-spacing)
}

.dp__marker_line,.dp__marker_dot{
  height:5px;
  background-color:var(--dp-marker-color);
  position:absolute;
  bottom:0
}

.dp__marker_dot{
  width:5px;
  border-radius:50%;
  left:50%;
  transform:translateX(-50%)
}

.dp__marker_line{
  width:100%;
  left:0
}

.dp__marker_tooltip{
  position:absolute;
  border-radius:var(--dp-border-radius);
  background-color:var(--dp-tooltip-color);
  padding:5px;
  border:1px solid var(--dp-border-color);
  z-index:99999;
  box-sizing:border-box;
  cursor:default
}

.dp__tooltip_content{
  white-space:nowrap
}

.dp__tooltip_text{
  display:flex;
  align-items:center;
  flex-flow:row nowrap;
  color:var(--dp-text-color)
}

.dp__tooltip_mark{
  height:5px;
  width:5px;
  border-radius:50%;
  background-color:var(--dp-text-color);
  color:var(--dp-text-color);
  margin-inline-end:5px
}

.dp__arrow_bottom_tp{
  bottom:0;
  height:8px;
  width:8px;
  background-color:var(--dp-tooltip-color);
  position:absolute;
  border-inline-end:1px solid var(--dp-border-color);
  border-bottom:1px solid var(--dp-border-color);
  transform:translate(-50%, 50%) rotate(45deg)
}

.dp__instance_calendar{
  position:relative;
  width:100%
}

@media only screen and (width <= 600px){
  .dp__flex_display{
    flex-direction:column
  }
}

.dp__cell_highlight{
  background-color:var(--dp-highlight-color)
}

.dp__month_year_row{
  display:flex;
  align-items:center;
  height:var(--dp-month-year-row-height);
  color:var(--dp-text-color);
  box-sizing:border-box
}

.dp__inner_nav{
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  height:var(--dp-month-year-row-button-size);
  width:var(--dp-month-year-row-button-size);
  color:var(--dp-icon-color);
  text-align:center;
  border-radius:50%
}

.dp__inner_nav svg{
  height:var(--dp-button-icon-height);
  width:var(--dp-button-icon-height)
}

.dp__inner_nav:hover{
  background:var(--dp-hover-color);
  color:var(--dp-hover-icon-color)
}

[dir=rtl] .dp__inner_nav{
  transform:rotate(180deg)
}

.dp__inner_nav_disabled:hover,.dp__inner_nav_disabled{
  background:var(--dp-disabled-color);
  color:var(--dp-disabled-color-text);
  cursor:not-allowed
}

.dp--year-select,.dp__month_year_select{
  text-align:center;
  cursor:pointer;
  height:var(--dp-month-year-row-height);
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:var(--dp-border-radius);
  box-sizing:border-box;
  color:var(--dp-text-color)
}

.dp--year-select:hover,.dp__month_year_select:hover{
  background:var(--dp-hover-color);
  color:var(--dp-hover-text-color);
  transition:var(--dp-common-transition)
}

.dp__month_year_select{
  width:50%
}

.dp--year-select{
  width:100%
}

.dp__month_year_wrap{
  display:flex;
  width:100%
}

.dp__year_disable_select{
  justify-content:space-around
}

.dp__overlay{
  width:100%;
  background:var(--dp-background-color);
  transition:opacity 1s ease-out;
  z-index:99999;
  font-family:var(--dp-font-family);
  color:var(--dp-text-color);
  box-sizing:border-box
}

.dp--overlay-absolute{
  position:absolute;
  height:100%;
  top:0;
  left:0
}

.dp--overlay-relative{
  position:relative
}

.dp__overlay_container::-webkit-scrollbar-track{
  box-shadow:var(--dp-scroll-bar-background);
  background-color:var(--dp-scroll-bar-background)
}

.dp__overlay_container::-webkit-scrollbar{
  width:5px;
  background-color:var(--dp-scroll-bar-background)
}

.dp__overlay_container::-webkit-scrollbar-thumb{
  background-color:var(--dp-scroll-bar-color);
  border-radius:10px
}

.dp__overlay:focus{
  border:none;
  outline:none
}

.dp__container_flex{
  display:flex
}

.dp__container_block{
  display:block
}

.dp__overlay_container{
  flex-direction:column;
  overflow-y:auto
}

.dp__time_picker_overlay_container{
  height:100%
}

.dp__overlay_row{
  padding:0;
  box-sizing:border-box;
  display:flex;
  margin-inline:auto auto;
  flex-wrap:wrap;
  max-width:100%;
  width:100%;
  align-items:center
}

.dp__flex_row{
  flex:1
}

.dp__overlay_col{
  box-sizing:border-box;
  width:33%;
  padding:var(--dp-overlay-col-padding);
  white-space:nowrap
}

.dp__overlay_cell_pad{
  padding:var(--dp-common-padding) 0
}

.dp__overlay_cell_active{
  cursor:pointer;
  border-radius:var(--dp-border-radius);
  text-align:center;
  background:var(--dp-primary-color);
  color:var(--dp-primary-text-color)
}

.dp__overlay_cell{
  cursor:pointer;
  border-radius:var(--dp-border-radius);
  text-align:center
}

.dp__overlay_cell:hover{
  background:var(--dp-hover-color);
  color:var(--dp-hover-text-color);
  transition:var(--dp-common-transition)
}

.dp__cell_in_between{
  background:var(--dp-hover-color);
  color:var(--dp-hover-text-color)
}

.dp__over_action_scroll{
  right:5px;
  box-sizing:border-box
}

.dp__overlay_cell_disabled{
  cursor:not-allowed;
  background:var(--dp-disabled-color)
}

.dp__overlay_cell_disabled:hover{
  background:var(--dp-disabled-color)
}

.dp__overlay_cell_active_disabled{
  cursor:not-allowed;
  background:var(--dp-primary-disabled-color)
}

.dp__overlay_cell_active_disabled:hover{
  background:var(--dp-primary-disabled-color)
}

.dp__btn,.dp--qr-btn,.dp--time-invalid,.dp--time-overlay-btn{
  border:none;
  font:inherit;
  transition:var(--dp-common-transition);
  line-height:normal
}

.dp--year-mode-picker{
  display:flex;
  width:100%;
  align-items:center;
  justify-content:space-between;
  height:var(--dp-cell-size)
}

.dp--tp-wrap{
  max-width:var(--dp-menu-min-width)
}

.dp__time_input{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
  font-family:var(--dp-font-family);
  color:var(--dp-text-color)
}

.dp__time_col_reg_block{
  padding:0 20px
}

.dp__time_col_reg_inline{
  padding:0 10px
}

.dp__time_col_reg_with_button{
  padding:0 15px
}

.dp__time_col_sec{
  padding:0 10px
}

.dp__time_col_sec_with_button{
  padding:0 5px
}

.dp__time_col{
  text-align:center;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column
}

.dp__time_col_block{
  font-size:var(--dp-time-font-size)
}

.dp__time_display{
  cursor:pointer;
  color:var(--dp-text-color);
  border-radius:var(--dp-border-radius);
  display:flex;
  align-items:center;
  justify-content:center
}

.dp__time_display:hover:enabled{
  background:var(--dp-hover-color);
  color:var(--dp-hover-text-color)
}

.dp__time_display_block{
  padding:0 3px
}

.dp__time_display_inline{
  padding:5px
}

.dp__time_picker_inline_container{
  display:flex;
  width:100%;
  justify-content:center
}

.dp__inc_dec_button{
  padding:5px;
  margin:0;
  height:var(--dp-time-inc-dec-button-size);
  width:var(--dp-time-inc-dec-button-size);
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  border-radius:50%;
  color:var(--dp-icon-color);
  box-sizing:border-box
}

.dp__inc_dec_button svg{
  height:var(--dp-time-inc-dec-button-size);
  width:var(--dp-time-inc-dec-button-size)
}

.dp__inc_dec_button:hover{
  background:var(--dp-hover-color);
  color:var(--dp-primary-color)
}

.dp__inc_dec_button_inline{
  width:100%;
  padding:0;
  height:8px;
  cursor:pointer;
  display:flex;
  align-items:center
}

.dp__inc_dec_button_disabled:hover,.dp__inc_dec_button_disabled{
  background:var(--dp-disabled-color);
  color:var(--dp-disabled-color-text);
  cursor:not-allowed
}

.dp__pm_am_button{
  background:var(--dp-primary-color);
  color:var(--dp-primary-text-color);
  border:none;
  padding:var(--dp-common-padding);
  border-radius:var(--dp-border-radius);
  cursor:pointer
}

.dp__tp_inline_btn_bar{
  width:100%;
  height:4px;
  background-color:var(--dp-secondary-color);
  transition:var(--dp-common-transition);
  border-collapse:collapse
}

.dp__tp_inline_btn_top:hover .dp__tp_btn_in_r{
  background-color:var(--dp-primary-color);
  transform:rotate(12deg) scale(1.15) translateY(-2px)
}

.dp__tp_inline_btn_top:hover .dp__tp_btn_in_l{
  background-color:var(--dp-primary-color);
  transform:rotate(-12deg) scale(1.15) translateY(-2px)
}

.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_r{
  background-color:var(--dp-primary-color);
  transform:rotate(-12deg) scale(1.15) translateY(-2px)
}

.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_l{
  background-color:var(--dp-primary-color);
  transform:rotate(12deg) scale(1.15) translateY(-2px)
}

.dp--time-overlay-btn{
  background:none
}

.dp--time-invalid{
  background-color:var(--dp-disabled-color)
}

.dp__action_row{
  display:flex;
  align-items:center;
  width:100%;
  padding:var(--dp-action-row-padding);
  box-sizing:border-box;
  color:var(--dp-text-color);
  flex-flow:row nowrap
}

.dp__action_row svg{
  height:var(--dp-button-icon-height);
  width:auto
}

.dp__selection_preview{
  display:block;
  color:var(--dp-text-color);
  font-size:var(--dp-preview-font-size);
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis
}

.dp__action_buttons{
  display:flex;
  flex:0;
  align-items:center;
  justify-content:flex-end;
  margin-inline-start:auto
}

.dp__action_button{
  display:inline-flex;
  align-items:center;
  background:rgba(0,0,0,0);
  border:1px solid rgba(0,0,0,0);
  padding:var(--dp-action-buttons-padding);
  line-height:var(--dp-action-button-height);
  margin-inline-start:3px;
  height:var(--dp-action-button-height);
  cursor:pointer;
  border-radius:var(--dp-border-radius);
  font-size:var(--dp-preview-font-size);
  font-family:var(--dp-font-family)
}

.dp__action_select{
  background:var(--dp-primary-color);
  color:var(--dp-primary-text-color)
}

.dp__action_select:hover{
  background:var(--dp-primary-color);
  transition:var(--dp-action-row-transtion)
}

.dp__action_select:disabled{
  background:var(--dp-primary-disabled-color);
  cursor:not-allowed
}

.dp__action_cancel{
  color:var(--dp-text-color);
  border:1px solid var(--dp-border-color)
}

.dp__action_cancel:hover{
  border-color:var(--dp-primary-color);
  transition:var(--dp-action-row-transtion)
}

.dp-quarter-picker-wrap{
  display:flex;
  flex-direction:column;
  height:100%;
  min-width:var(--dp-menu-min-width)
}

.dp--qr-btn{
  width:100%;
  padding:var(--dp-common-padding)
}

.dp--qr-btn:not(.dp--highlighted,.dp--qr-btn-active,.dp--qr-btn-disabled,.dp--qr-btn-between){
  background:none
}

.dp--qr-btn:hover:not(.dp--qr-btn-active,.dp--qr-btn-disabled){
  background:var(--dp-hover-color);
  color:var(--dp-hover-text-color);
  transition:var(--dp-common-transition)
}

.dp--quarter-items{
  display:flex;
  flex-direction:column;
  flex:1;
  width:100%;
  height:100%;
  justify-content:space-evenly
}

.dp--qr-btn-active{
  background:var(--dp-primary-color);
  color:var(--dp-primary-text-color)
}

.dp--qr-btn-between{
  background:var(--dp-hover-color);
  color:var(--dp-hover-text-color)
}

.dp--qr-btn-disabled{
  cursor:not-allowed;
  background:var(--dp-disabled-color)
}

.dp--qr-btn-disabled:hover{
  background:var(--dp-disabled-color)
}

.dp__btn,.dp--time-overlay-btn,.dp--time-invalid,.dp--qr-btn{
  border:none;
  font:inherit;
  transition:var(--dp-common-transition);
  line-height:normal
}

.dp--year-mode-picker{
  display:flex;
  width:100%;
  align-items:center;
  justify-content:space-between;
  height:var(--dp-cell-size)
}

:root{
  --dp-common-transition: all 0.1s ease-in;
  --dp-menu-padding: 6px 8px;
  --dp-animation-duration: 0.1s;
  --dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1);
  --dp-transition-timing: ease-out;
  --dp-action-row-transtion: all 0.2s ease-in;
  --dp-font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --dp-border-radius: 4px;
  --dp-cell-border-radius: 4px;
  --dp-transition-length: 22px;
  --dp-transition-timing-general: 0.1s;
  --dp-button-height: 35px;
  --dp-month-year-row-height: 35px;
  --dp-month-year-row-button-size: 25px;
  --dp-button-icon-height: 20px;
  --dp-calendar-wrap-padding: 0 5px;
  --dp-cell-size: 35px;
  --dp-cell-padding: 5px;
  --dp-common-padding: 10px;
  --dp-input-icon-padding: 35px;
  --dp-input-padding: 6px 30px 6px 12px;
  --dp-menu-min-width: 260px;
  --dp-action-buttons-padding: 1px 6px;
  --dp-row-margin: 5px 0;
  --dp-calendar-header-cell-padding: 0.5rem;
  --dp-multi-calendars-spacing: 10px;
  --dp-overlay-col-padding: 3px;
  --dp-time-inc-dec-button-size: 32px;
  --dp-font-size: 1rem;
  --dp-preview-font-size: 0.8rem;
  --dp-time-font-size: 2rem;
  --dp-action-button-height: 22px;
  --dp-action-row-padding: 8px
}

.dp__theme_dark{
  --dp-background-color: #212121;
  --dp-text-color: #fff;
  --dp-hover-color: #484848;
  --dp-hover-text-color: #fff;
  --dp-hover-icon-color: #959595;
  --dp-primary-color: #005cb2;
  --dp-primary-disabled-color: #61a8ea;
  --dp-primary-text-color: #fff;
  --dp-secondary-color: #a9a9a9;
  --dp-border-color: #2d2d2d;
  --dp-menu-border-color: #2d2d2d;
  --dp-border-color-hover: #aaaeb7;
  --dp-disabled-color: #737373;
  --dp-disabled-color-text: #d0d0d0;
  --dp-scroll-bar-background: #212121;
  --dp-scroll-bar-color: #484848;
  --dp-success-color: #00701a;
  --dp-success-color-disabled: #428f59;
  --dp-icon-color: #959595;
  --dp-danger-color: #e53935;
  --dp-marker-color: #e53935;
  --dp-tooltip-color: #3e3e3e;
  --dp-highlight-color: rgb(0 92 178 / 20%);
  --dp-range-between-dates-background-color: var(--dp-hover-color, #484848);
  --dp-range-between-dates-text-color: var(--dp-hover-text-color, #fff);
  --dp-range-between-border-color: var(--dp-hover-color, #fff)
}

.dp__theme_light{
  --dp-background-color: #fff;
  --dp-text-color: #212121;
  --dp-hover-color: #f3f3f3;
  --dp-hover-text-color: #212121;
  --dp-hover-icon-color: #959595;
  --dp-primary-color: #1976d2;
  --dp-primary-disabled-color: #6bacea;
  --dp-primary-text-color: #f8f5f5;
  --dp-secondary-color: #c0c4cc;
  --dp-border-color: #ddd;
  --dp-menu-border-color: #ddd;
  --dp-border-color-hover: #aaaeb7;
  --dp-disabled-color: #f6f6f6;
  --dp-scroll-bar-background: #f3f3f3;
  --dp-scroll-bar-color: #959595;
  --dp-success-color: #76d275;
  --dp-success-color-disabled: #a3d9b1;
  --dp-icon-color: #959595;
  --dp-danger-color: #ff6f60;
  --dp-marker-color: #ff6f60;
  --dp-tooltip-color: #fafafa;
  --dp-disabled-color-text: #8e8e8e;
  --dp-highlight-color: rgb(25 118 210 / 10%);
  --dp-range-between-dates-background-color: var(--dp-hover-color, #f3f3f3);
  --dp-range-between-dates-text-color: var(--dp-hover-text-color, #212121);
  --dp-range-between-border-color: var(--dp-hover-color, #f3f3f3)
}

.dp__flex{
  display:flex;
  align-items:center
}

.dp__btn{
  background:none
}

.dp__main{
  font-family:var(--dp-font-family);
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
  box-sizing:border-box;
  position:relative;
  width:100%
}

.dp__pointer{
  cursor:pointer
}

.dp__icon{
  stroke:currentcolor;
  fill:currentcolor
}

.dp__button{
  width:100%;
  text-align:center;
  color:var(--dp-icon-color);
  cursor:pointer;
  display:flex;
  align-items:center;
  place-content:center center;
  padding:var(--dp-common-padding);
  box-sizing:border-box;
  height:var(--dp-button-height)
}

.dp__button.dp__overlay_action{
  position:absolute;
  bottom:0
}

.dp__button:hover{
  background:var(--dp-hover-color);
  color:var(--dp-hover-icon-color)
}

.dp__button svg{
  height:var(--dp-button-icon-height);
  width:auto
}

.dp__button_bottom{
  border-bottom-left-radius:var(--dp-border-radius);
  border-bottom-right-radius:var(--dp-border-radius)
}

.dp__flex_display{
  display:flex
}

.dp__flex_display_with_input{
  flex-direction:column;
  align-items:flex-start
}

.dp__relative{
  position:relative
}

.calendar-next-enter-active,.calendar-next-leave-active,.calendar-prev-enter-active,.calendar-prev-leave-active{
  transition:all var(--dp-transition-timing-general) ease-out
}

.calendar-next-enter-from{
  opacity:0;
  transform:translateX(var(--dp-transition-length))
}

.calendar-next-leave-to{
  opacity:0;
  transform:translateX(calc(var(--dp-transition-length) * -1))
}

.calendar-prev-enter-from{
  opacity:0;
  transform:translateX(calc(var(--dp-transition-length) * -1))
}

.calendar-prev-leave-to{
  opacity:0;
  transform:translateX(var(--dp-transition-length))
}

.dp-menu-appear-bottom-enter-active,.dp-menu-appear-bottom-leave-active,.dp-menu-appear-top-enter-active,.dp-menu-appear-top-leave-active,.dp-slide-up-enter-active,.dp-slide-up-leave-active,.dp-slide-down-enter-active,.dp-slide-down-leave-active{
  transition:all var(--dp-animation-duration) var(--dp-transition-timing)
}

.dp-menu-appear-top-enter-from,.dp-menu-appear-top-leave-to,.dp-slide-down-leave-to,.dp-slide-up-enter-from{
  opacity:0;
  transform:translateY(var(--dp-transition-length))
}

.dp-menu-appear-bottom-enter-from,.dp-menu-appear-bottom-leave-to,.dp-slide-down-enter-from,.dp-slide-up-leave-to{
  opacity:0;
  transform:translateY(calc(var(--dp-transition-length) * -1))
}

.dp--arrow-btn-nav{
  transition:var(--dp-common-transition)
}

.dp--highlighted{
  background-color:var(--dp-highlight-color)
}

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)),
:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *))::before,
:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *))::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: currentColor;
  /* 2 */
}

:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *))::before,
:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *))::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
*/

.kb-tw-preflight:where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)) {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
     tab-size: 4;
  /* 3 */
  font-family: var(--base-font-sans), sans-serif;
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
  font-variation-settings: normal;
  /* 6 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

.kb-tw-preflight:where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)) {
  margin: 0;
  /* 1 */
  line-height: inherit;
  /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)) {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]):where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)),
h2:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)),
h3:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)),
h4:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)),
h5:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)),
h6:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)) {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)) {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)),
strong:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)) {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/

code:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)),
kbd:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)),
samp:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)),
pre:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)) {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/*
Add the correct font size in all browsers.
*/

small:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)) {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)),
sup:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)) {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)) {
  bottom: -0.25em;
}

sup:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)) {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)) {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
  border-collapse: collapse;
  /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)),
input:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)),
optgroup:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)),
select:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)),
textarea:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)) {
  font-family: inherit;
  /* 1 */
  font-feature-settings: inherit;
  /* 1 */
  font-variation-settings: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  font-weight: inherit;
  /* 1 */
  line-height: inherit;
  /* 1 */
  color: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)),
select:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)) {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)),
[type='button']:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)),
[type='reset']:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)),
[type='submit']:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)) {
  -webkit-appearance: button;
  /* 1 */
  background-color: transparent;
  /* 2 */
  background-image: none;
  /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)) {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)) {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)) {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)) ::-webkit-inner-spin-button,
:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)) ::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search']:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)) {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)) ::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)) ::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)) {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)),
dl:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)),
dd:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)),
h1:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)),
h2:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)),
h3:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)),
h4:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)),
h5:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)),
h6:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)),
hr:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)),
figure:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)),
p:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)),
pre:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)) {
  margin: 0;
}

fieldset:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)) {
  margin: 0;
  padding: 0;
}

legend:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)) {
  padding: 0;
}

ol:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)),
ul:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)),
menu:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)) {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)) {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)) {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)) input::-moz-placeholder, :where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)) textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)) input::placeholder,
:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)) textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

/*
Set the default cursor for buttons.
*/

button:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)),
[role="button"]:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)) {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)) {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)),
svg:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)),
video:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)),
canvas:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)),
audio:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)),
iframe:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)),
embed:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)),
object:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)) {
  display: block;
  /* 1 */
  vertical-align: middle;
  /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)),
video:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)) {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden]:where(.kb-tw-preflight,.kb-tw-preflight *):where(:not(.kb-no-tw-preflight,.kb-no-tw-preflight *)) {
  display: none;
}

@font-face {
  font-display: swap;

  font-family: "Calibre";

  font-style: normal;

  font-weight: 100;

  src: local("/wc/commons/webfonts/CalibreThin.woff")
			url("/wc/commons/webfonts/CalibreThin.woff") format("woff");
}

@font-face {
  font-display: swap;

  font-family: "Calibre";

  font-style: italic;

  font-weight: 100;

  src: local("/wc/commons/webfonts/CalibreThinItalic.woff")
			url("/wc/commons/webfonts/CalibreThinItalic.woff") format("woff");
}

@font-face {
  font-display: swap;

  font-family: "Calibre";

  font-style: normal;

  font-weight: 300;

  src: local("/wc/commons/webfonts/CalibreLight.woff")
			url("/wc/commons/webfonts/CalibreLight.woff") format("woff");
}

@font-face {
  font-display: swap;

  font-family: "Calibre";

  font-style: italic;

  font-weight: 300;

  src: local("/wc/commons/webfonts/CalibreLightItalic.woff")
			url("/wc/commons/webfonts/CalibreLightItalic.woff") format("woff");
}

@font-face {
  font-display: swap;

  font-family: "Calibre";

  font-style: normal;

  font-weight: 400;

  src: local("/wc/commons/webfonts/CalibreRegular.woff2"),
			url("/wc/commons/webfonts/CalibreRegular.woff2") format("woff2"),
			url("/wc/commons/webfonts/CalibreRegular.woff") format("woff");

  font-display: swap;
}

@font-face {
  font-display: swap;

  font-family: "Calibre";

  font-style: italic;

  font-weight: 400;

  src: local("/wc/commons/webfonts/CalibreRegularItalic.woff")
			url("/wc/commons/webfonts/CalibreRegularItalic.woff") format("woff");
}

@font-face {
  font-display: swap;

  font-family: "Calibre Medium";

  font-style: normal;

  font-weight: 500;

  src: local("/wc/commons/webfonts/CalibreMedium.woff")
			url("/wc/commons/webfonts/CalibreMedium.woff") format("woff");
}

@font-face {
  font-display: swap;

  font-family: "Calibre";

  font-style: italic;

  font-weight: 500;

  src: local("/wc/commons/webfonts/CalibreMediumItalic.woff")
			url("/wc/commons/webfonts/CalibreMediumItalic.woff") format("woff");
}

@font-face {
  font-display: swap;

  font-family: "Calibre";

  font-style: normal;

  font-weight: 600;

  src: local("/wc/commons/webfonts/CalibreSemibold.woff")
			url("/wc/commons/webfonts/CalibreSemibold.woff") format("woff");
}

@font-face {
  font-display: swap;

  font-family: "Calibre";

  font-style: italic;

  font-weight: 600;

  src: local("/wc/commons/webfonts/CalibreSemiboldItalic.woff")
			url("/wc/commons/webfonts/CalibreSemiboldItalic.woff") format("woff");
}

@font-face {
  font-display: swap;

  font-family: "Calibre Bold";

  font-style: normal;

  font-weight: 700;

  src: local("/wc/commons/webfonts/Calibre-Bold.woff2"),
			url("/wc/commons/webfonts/Calibre-Bold.woff2") format("woff2"),
			url("/wc/commons/webfonts/Calibre-Bold.woff") format("woff");
}

@font-face {
  font-display: swap;

  font-family: "Calibre";

  font-style: italic;

  font-weight: 700;

  src: local("/wc/commons/webfonts/CalibreBoldItalic.woff")
			url("/wc/commons/webfonts/CalibreBoldItalic.woff") format("woff");
}

@font-face {
  font-display: swap;

  font-family: "Calibre";

  font-style: normal;

  font-weight: 900;

  src: local("/wc/commons/webfonts/CalibreBlack.woff")
			url("/wc/commons/webfonts/CalibreBlack.woff") format("woff");
}

@font-face {
  font-display: swap;

  font-family: "Calibre";

  font-style: italic;

  font-weight: 900;

  src: local("/wc/commons/webfonts/CalibreBlackItalic.woff")
			url("/wc/commons/webfonts/CalibreBlackItalic.woff") format("woff");
}

@font-face {
  font-display: swap;

  font-family: "Didot";

  src: url("/wc/commons/webfonts/DidotRegular.eot");

  src: url("/wc/commons/webfonts/DidotRegular.eot?#iefix")
			format("embedded-opentype") url("/wc/commons/webfonts/DidotRegular.woff2")
			format("woff2");

  font-weight: 400;

  font-style: normal;
}

@font-face {
  font-display: swap;

  font-family: "Didot";

  src: url("/wc/commons/webfonts/DidotItalic.eot");

  src: url("/wc/commons/webfonts/DidotItalic.eot?#iefix")
			format("embedded-opentype") url("/wc/commons/webfonts/DidotItalic.woff2")
			format("woff2");

  font-weight: 400;

  font-style: italic;
}

html[data-theme="default"] {
  --color-primary: 19 149 184;
  --color-secondary: 51 64 72;
  --color-third: 122 135 144;
  --color-black: 0 0 0;
  --color-back: 248 247 243;
  --color-gray: 51 64 72;
  --color-pink: 247 55 100;
  --color-accent-rose: 255 90 95;
  --color-green-light: 222 237 225;
  --color-green: 67 165 76;
  --color-teal: 0 158 174;
  --color-midnight-blue: 9 37 64;
  --color-pearl-gray: 242 245 246;
  --color-dark-gray: 72 72 72;
  --color-orange: 255 142 0;
  --color-soft-orange: 255 199 129;
  --color-coral-red: 229 76 59;
  --color-light-gray: 241 245 246;
  --color-amber-orange: 255 183 67;
  --color-button: 254 212 48;
  --color-status-0: 255 186 0;
  --color-status-1: 253 126 20;
  --color-status-2: 220 53 69;
  --color-status-3: 25 135 84;
  --color-status-4: 19 149 184;
  --color-status-5: 108 0 255;
  --color-status-6: 220 53 69;
  --color-form-exp-primary: 229 76 59;
  --color-form-exp-error: 229 76 59;
  --color-form-exp-grey: 72 72 72;
  --color-form-exp-icon-1: 255 183 67;
  --color-form-exp-icon-2: 139 197 62;
  --color-form-exp-icon-3: 253 85 50;
  --color-form-exp-icon-4: 201 60 60;
  --color-form-exp-icon-5: 70 176 233;
  --color-form-exp-icon-6: 231 21 117;
  --color-form-exp-green-light: 241 245 246;
  --color-datepicker-highlight: var(--color-teal);
  --color-datepicker-highlight-light: 0, 158, 174;
  --color-cart-grey: 247 247 247;
  --color-cart-blue: 9 37 64;
  --color-list-warning: 255 183 67;
  --inner-shadow-color: 199 199 199;
  --base-font-sans: "Ubuntu";
  --rounded-base: 0.25rem;
  --rounded-base-md: 0.375rem;
  --rounded-base-lg: 0.5rem;
  --rounded-base-xl: 0.75rem;
  --bold-base: 700;
  --text-base: 72 72 72;
  --background-base: 241 245 246;
  --border-color-base: 72 72 72;
  --color-price: 239 68 68;
  --color-smart-accordion: 19 149 184;
}

html[data-theme="dit"] {
  --color-primary: 20 70 120;
  --color-secondary: 51 64 72;
  --color-third: 122 135 144;
  --color-black: 0 0 0;
  --color-back: 248 247 243;
  --color-gray: 51 64 72;
  --color-dark-gray: 72 72 72;
  --color-green: 67 165 76;
  --color-pearl-gray: 242 245 246;
  --color-beige: 248 247 243;
  --color-pink: 247 55 100;
  --color-blue: 20 70 120;
  --color-yellow: 255 183 67;
  --color-button: 254 212 48;
  --color-status-0: 255 186 0;
  --color-status-1: 253 126 20;
  --color-status-2: 220 53 69;
  --color-status-3: 25 135 84;
  --color-status-4: 19 149 184;
  --color-status-5: 108 0 255;
  --color-status-6: 220 53 69;
  --color-form-exp-primary: 255 183 67;
  --color-form-exp-error: 255 183 67;
  --color-form-exp-grey: 20 70 120;
  --color-form-exp-icon-1: 255 183 67;
  --color-form-exp-icon-2: 139 197 62;
  --color-form-exp-icon-3: 253 85 50;
  --color-form-exp-icon-4: 201 60 60;
  --color-form-exp-icon-5: 70 176 233;
  --color-form-exp-icon-6: 231 21 117;
  --color-form-exp-green-light: 241 245 246;
  --color-datepicker-highlight: 20 70 120;
  --color-datepicker-highlight-light: 20 70 120;
  --color-cart-grey: 247 247 247;
  --color-cart-blue: 9 37 64;
  --color-list-warning: 255 183 67;
  --base-font-sans: "Ubuntu";
  --rounded-base: 0.25rem;
  --rounded-base-md: 0;
  --rounded-base-lg: 0.5rem;
  --rounded-base-xl: 0.75rem;
  --bold-base: 700;
  --text-base: 72 72 72;
  --background-base: 241 245 246;
  --border-color-base: 72 72 72;
  --color-price: 239 68 68;
  --color-smart-accordion: 19 149 184;
}

html[data-theme="portale"] {
  --color-premium: 255 90 95;
  --color-primary: 0 153 204;
  --color-secondary: 51 64 72;
  --color-third: 122 135 144;
  --color-black: 70 78 99;
  --color-back: 238 238 238;
  --color-gray: 51 64 72;
  --color-beige: 248 247 243;
  --color-pink: 247 55 100;
  --color-button: 254 212 48;
  --color-status-0: 255 186 0;
  --color-status-1: 253 126 20;
  --color-status-2: 220 53 69;
  --color-status-3: 25 135 84;
  --color-status-4: 19 149 184;
  --color-status-5: 108 0 255;
  --color-status-6: 220 53 69;
  --color-form-exp-primary: 229 76 59;
  --color-form-exp-error: 229 76 59;
  --color-form-exp-grey: 72 72 72;
  --color-form-exp-green-light: 241 245 246;
  --color-datepicker-highlight: 0 158 174;
  --color-datepicker-highlight-light: 0, 158, 174;
  --color-cart-grey: 247 247 247;
  --color-cart-blue: 9 37 64;
  --color-list-warning: 255 183 67;
  --base-font-sans: "CircularStd";
  --rounded-base: 0.25rem;
  --rounded-base-md: 0.375rem;
  --rounded-base-lg: 0.5rem;
  --rounded-base-xl: 0.75rem;
  --bold-base: 700;
  --text-base: 72 72 72;
  --background-base: 241 245 246;
  --border-color-base: 72 72 72;
  --color-price: 239 68 68;
  --color-smart-accordion: 19 149 184;
}

html[data-theme="endu"] {
  --color-primary: 45 202 237;
  --color-secondary: 255 255 255;
  --color-third: 122 135 144;
  --color-black: 70 78 99;
  --color-back: 0 0 0;
  --color-gray: 102 102 102;
  --color-beige: 248 247 243;
  --color-pink: 247 55 100;
  --color-button: 254 212 48;
  --color-status-0: 255 186 0;
  --color-status-1: 253 126 20;
  --color-status-2: 220 53 69;
  --color-status-3: 25 135 84;
  --color-status-4: 19 149 184;
  --color-status-5: 108 0 255;
  --color-status-6: 220 53 69;
  --color-form-exp-primary: 229 76 59;
  --color-form-exp-error: 229 76 59;
  --color-form-exp-grey: 72 72 72;
  --color-form-exp-green-light: 241 245 246;
  --color-datepicker-highlight: 0 158 174;
  --color-datepicker-highlight-light: 0, 158, 174;
  --color-cart-grey: 247 247 247;
  --color-cart-blue: 9 37 64;
  --color-list-warning: 255 183 67;
  --color-form-htl-primary: 0 0 0;
  --color-form-htl-btn: 255 255 255;
  --base-font-sans: "Ubuntu";
  --rounded-base: 0.25rem;
  --rounded-base-md: 0.375rem;
  --rounded-base-lg: 0.5rem;
  --rounded-base-xl: 0.75rem;
  --bold-base: 700;
  --text-base: 72 72 72;
  --background-base: 241 245 246;
  --border-color-base: 72 72 72;
  --color-price: 239 68 68;
  --color-smart-accordion: 19 149 184;
}

html[data-theme="charming"] {
  --color-primary: 19 149 184;
  --color-secondary: 51 64 72;
  --color-third: 122 135 144;
  --color-black: 0 0 0;
  --color-back: 248 247 243;
  --color-gray: 51 64 72;
  --color-beige: 248 247 243;
  --color-pink: 247 55 100;
  --color-red: 255 90 95;
  --color-green-light: 222 237 225;
  --color-green: 67 165 76;
  --color-teal: 0 158 174;
  --color-midnight-blue: 9 37 64;
  --color-dark-gray: 72 72 72;
  --color-pearl-gray: 242 245 246;
  --color-orange: 255 142 0;
  --color-soft-orange: 255 199 129;
  --color-amber-orange: 255 183 67;
  --color-button: 254 212 48;
  --color-status-0: 255 186 0;
  --color-status-1: 253 126 20;
  --color-status-2: 220 53 69;
  --color-status-3: 25 135 84;
  --color-status-4: 19 149 184;
  --color-status-5: 108 0 255;
  --color-status-6: 220 53 69;
  --color-form-exp-primary: 19 149 184;
  --color-form-exp-error: 220 38 38;
  --color-form-exp-grey: 0 0 0;
  --color-form-exp-icon-1: 255 183 67;
  --color-form-exp-icon-2: 139 197 62;
  --color-form-exp-icon-3: 253 85 50;
  --color-form-exp-icon-4: 201 60 60;
  --color-form-exp-icon-5: 70 176 233;
  --color-form-exp-icon-6: 231 21 117;
  --color-form-exp-green-light: 241 245 246;
  --color-datepicker-highlight: 0 158 174;
  --color-datepicker-highlight-light: 0, 158, 174;
  --color-cart-grey: 247 247 247;
  --color-cart-blue: 9 37 64;
  --color-list-warning: 255 183 67;
  --inner-shadow-color: 199 199 199;
  --base-font-sans: "Calibre";
  --base-font-sans-bold: "Calibre Bold";
  --rounded-base: 0rem;
  --rounded-base-md: 0rem;
  --rounded-base-lg: 0rem;
  --rounded-base-xl: 0rem;
  --bold-base: 500;
  --text-base: 0 0 0;
  --background-base: 248 247 243;
  --border-color-base: 0 0 0;
  --color-price: 239 68 68;
  --color-smart-accordion: 19 149 184;
}

html[data-theme="italcares"] {
  --color-primary: 65 164 248;
  --color-secondary: 51 64 72;
  --color-third: 122 135 144;
  --color-black: 0 0 0;
  --color-back: 248 247 243;
  --color-gray: 51 64 72;
  --color-pink: 247 55 100;
  --color-accent-rose: 255 90 95;
  --color-green-light: 222 237 225;
  --color-green: 67 165 76;
  --color-teal: 65 164 248;
  --color-midnight-blue: 9 37 64;
  --color-pearl-gray: 255 255 255;
  --color-dark-gray: 27 27 26;
  --color-orange: 255 142 0;
  --color-soft-orange: 255 199 129;
  --color-coral-red: 229 76 59;
  --color-light-gray: 247 247 247;
  --color-amber-orange: 255 183 67;
  --color-button: 254 212 48;
  --color-status-0: 255 186 0;
  --color-status-1: 253 126 20;
  --color-status-2: 220 53 69;
  --color-status-3: 25 135 84;
  --color-status-4: 65 164 248;
  --color-status-5: 108 0 255;
  --color-status-6: 220 53 69;
  --color-form-exp-primary: 13 110 253;
  --color-form-exp-error: 229 76 59;
  --color-form-exp-grey: 27 27 26;
  --color-form-exp-icon-1: 255 183 67;
  --color-form-exp-icon-2: 139 197 62;
  --color-form-exp-icon-3: 253 85 50;
  --color-form-exp-icon-4: 201 60 60;
  --color-form-exp-icon-5: 70 176 233;
  --color-form-exp-icon-6: 231 21 117;
  --color-form-exp-green-light: 247 247 247;
  --color-datepicker-highlight: var(--color-teal);
  --color-datepicker-highlight-light: 65, 164, 248;
  --color-cart-grey: 247 247 247;
  --color-cart-blue: 9 37 64;
  --color-list-warning: 255 183 67;
  --inner-shadow-color: 199 199 199;
  --base-font-sans: "Inter";
  --rounded-base: 0rem;
  --rounded-base-md: 0rem;
  --rounded-base-lg: 0rem;
  --rounded-base-xl: 0rem;
  --bold-base: 500;
  --text-base: 27 27 26;
  --background-base: 247 247 247;
  --border-color-base: 27 27 26;
  --color-price: 13 110 253;
  --color-smart-accordion: 65 164 248;
}

html[data-theme="essenzaFood"] {
  --color-primary: 251 186 0;
  --color-secondary: 51 64 72;
  --color-third: 122 135 144;
  --color-black: 0 0 0;
  --color-back: 248 247 243;
  --color-gray: 51 64 72;
  --color-pink: 247 55 100;
  --color-accent-rose: 255 90 95;
  --color-green-light: 222 237 225;
  --color-green: 67 165 76;
  --color-teal: 251 186 0;
  --color-midnight-blue: 9 37 64;
  --color-pearl-gray: 251 186 0;
  --color-dark-gray: 0 0 0;
  --color-orange: 255 142 0;
  --color-soft-orange: 255 199 129;
  --color-coral-red: 229 76 59;
  --color-light-gray: 247 247 247;
  --color-amber-orange: 255 183 67;
  --color-button: 254 212 48;
  --color-status-0: 255 186 0;
  --color-status-1: 253 126 20;
  --color-status-2: 220 53 69;
  --color-status-3: 25 135 84;
  --color-status-4: 251 186 0;
  --color-status-5: 108 0 255;
  --color-status-6: 220 53 69;
  --color-form-exp-primary: 251 186 0;
  --color-form-exp-error: 229 76 59;
  --color-form-exp-grey: 0 0 0;
  --color-form-exp-icon-1: 255 183 67;
  --color-form-exp-icon-2: 139 197 62;
  --color-form-exp-icon-3: 253 85 50;
  --color-form-exp-icon-4: 201 60 60;
  --color-form-exp-icon-5: 70 176 233;
  --color-form-exp-icon-6: 231 21 117;
  --color-form-exp-green-light: 247 247 247;
  --color-datepicker-highlight: var(--color-teal);
  --color-datepicker-highlight-light: 251, 186, 0;
  --color-cart-grey: 247 247 247;
  --color-cart-blue: 9 37 64;
  --color-list-warning: 255 183 67;
  --inner-shadow-color: 199 199 199;
  --base-font-sans: "Montserrat";
  --rounded-base: 0rem;
  --rounded-base-md: 0rem;
  --rounded-base-lg: 0rem;
  --rounded-base-xl: 0rem;
  --bold-base: 500;
  --text-base: 0 0 0;
  --background-base: 247 247 247;
  --border-color-base: 0 0 0;
  --color-price: 251 186 0;
  --color-smart-accordion: 251 186 0;
}

/* Styles to reset vuetify css */

p:is(.kb-tw-preflight, .kb-tw-preflight *):is(
			:not(.kb-no-tw-preflight, .kb-no-tw-preflight *)
		) {
  margin-bottom: 0;
}

*, ::before, ::after{
  --tw-border-spacing-x:0;
  --tw-border-spacing-y:0;
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness:proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width:0px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow:0 0 #0000;
  --tw-ring-shadow:0 0 #0000;
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: 
}

::backdrop{
  --tw-border-spacing-x:0;
  --tw-border-spacing-y:0;
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness:proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width:0px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow:0 0 #0000;
  --tw-ring-shadow:0 0 #0000;
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: 
}

.kb-container{
  width:100%
}

@media (min-width: 640px){
  .kb-container{
    max-width:640px
  }
}

@media (min-width: 768px){
  .kb-container{
    max-width:768px
  }
}

@media (min-width: 1024px){
  .kb-container{
    max-width:1024px
  }
}

@media (min-width: 1280px){
  .kb-container{
    max-width:1280px
  }
}

@media (min-width: 1536px){
  .kb-container{
    max-width:1536px
  }
}

.kb-form-input,.kb-form-textarea,.kb-form-select,.kb-form-multiselect{
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
  background-color:#fff;
  border-color:#6b7280;
  border-width:1px;
  border-radius:0px;
  padding-top:0.5rem;
  padding-right:0.75rem;
  padding-bottom:0.5rem;
  padding-left:0.75rem;
  font-size:1rem;
  line-height:1.5rem;
  --tw-shadow:0 0 #0000;
}

.kb-form-input:focus, .kb-form-textarea:focus, .kb-form-select:focus, .kb-form-multiselect:focus{
  outline:2px solid transparent;
  outline-offset:2px;
  --tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width:0px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:#2563eb;
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-color:#2563eb
}

.kb-form-input::-moz-placeholder, .kb-form-textarea::-moz-placeholder{
  color:#6b7280;
  opacity:1
}

.kb-form-input::placeholder,.kb-form-textarea::placeholder{
  color:#6b7280;
  opacity:1
}

.kb-form-input::-webkit-datetime-edit-fields-wrapper{
  padding:0
}

.kb-form-input::-webkit-date-and-time-value{
  min-height:1.5em;
  text-align:inherit
}

.kb-form-input::-webkit-datetime-edit{
  display:inline-flex
}

.kb-form-input::-webkit-datetime-edit,.kb-form-input::-webkit-datetime-edit-year-field,.kb-form-input::-webkit-datetime-edit-month-field,.kb-form-input::-webkit-datetime-edit-day-field,.kb-form-input::-webkit-datetime-edit-hour-field,.kb-form-input::-webkit-datetime-edit-minute-field,.kb-form-input::-webkit-datetime-edit-second-field,.kb-form-input::-webkit-datetime-edit-millisecond-field,.kb-form-input::-webkit-datetime-edit-meridiem-field{
  padding-top:0;
  padding-bottom:0
}

.kb-form-select{
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  background-position:right 0.5rem center;
  background-repeat:no-repeat;
  background-size:1.5em 1.5em;
  padding-right:2.5rem;
  -webkit-print-color-adjust:exact;
          print-color-adjust:exact
}

.kb-form-select:where([size]:not([size="1"])){
  background-image:initial;
  background-position:initial;
  background-repeat:unset;
  background-size:initial;
  padding-right:0.75rem;
  -webkit-print-color-adjust:unset;
          print-color-adjust:unset
}

.kb-form-checkbox,.kb-form-radio{
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
  padding:0;
  -webkit-print-color-adjust:exact;
          print-color-adjust:exact;
  display:inline-block;
  vertical-align:middle;
  background-origin:border-box;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
  flex-shrink:0;
  height:1rem;
  width:1rem;
  color:#2563eb;
  background-color:#fff;
  border-color:#6b7280;
  border-width:1px;
  --tw-shadow:0 0 #0000
}

.kb-form-checkbox{
  border-radius:0px
}

.kb-form-checkbox:focus,.kb-form-radio:focus{
  outline:2px solid transparent;
  outline-offset:2px;
  --tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width:2px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:#2563eb;
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}

.kb-form-checkbox:checked,.kb-form-radio:checked{
  border-color:transparent;
  background-color:currentColor;
  background-size:100% 100%;
  background-position:center;
  background-repeat:no-repeat
}

.kb-form-checkbox:checked{
  background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}

@media (forced-colors: active) {
  .kb-form-checkbox:checked{
    -webkit-appearance:auto;
       -moz-appearance:auto;
            appearance:auto
  }
}

.kb-form-checkbox:checked:hover,.kb-form-checkbox:checked:focus,.kb-form-radio:checked:hover,.kb-form-radio:checked:focus{
  border-color:transparent;
  background-color:currentColor
}

.kb-form-checkbox:indeterminate{
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
  border-color:transparent;
  background-color:currentColor;
  background-size:100% 100%;
  background-position:center;
  background-repeat:no-repeat;
}

@media (forced-colors: active) {
  .kb-form-checkbox:indeterminate{
    -webkit-appearance:auto;
       -moz-appearance:auto;
            appearance:auto
  }
}

.kb-form-checkbox:indeterminate:hover,.kb-form-checkbox:indeterminate:focus{
  border-color:transparent;
  background-color:currentColor
}

.kb-pointer-events-none{
  pointer-events:none !important
}

.kb-invisible{
  visibility:hidden !important
}

.kb-fixed{
  position:fixed !important
}

.kb-absolute{
  position:absolute !important
}

.kb-relative{
  position:relative !important
}

.kb-sticky{
  position:sticky !important
}

.kb-inset-0{
  inset:0px !important
}

.kb-inset-x-0{
  left:0px !important;
  right:0px !important
}

.kb-inset-y-0{
  top:0px !important;
  bottom:0px !important
}

.-kb-left-10{
  left:-2.5rem !important
}

.-kb-left-2{
  left:-0.5rem !important
}

.-kb-left-4{
  left:-1rem !important
}

.-kb-right-2{
  right:-0.5rem !important
}

.-kb-top-1{
  top:-0.25rem !important
}

.-kb-top-2{
  top:-0.5rem !important
}

.-kb-top-3{
  top:-0.75rem !important
}

.-kb-top-\[1px\]{
  top:-1px !important
}

.kb-bottom-0{
  bottom:0px !important
}

.kb-bottom-0\.5{
  bottom:0.125rem !important
}

.kb-bottom-1{
  bottom:0.25rem !important
}

.kb-bottom-2{
  bottom:0.5rem !important
}

.kb-bottom-8{
  bottom:2rem !important
}

.kb-bottom-full{
  bottom:100% !important
}

.kb-left-0{
  left:0px !important
}

.kb-left-1\/2{
  left:50% !important
}

.kb-left-2{
  left:0.5rem !important
}

.kb-left-3{
  left:0.75rem !important
}

.kb-left-4{
  left:1rem !important
}

.kb-left-full{
  left:100% !important
}

.kb-right-0{
  right:0px !important
}

.kb-right-2{
  right:0.5rem !important
}

.kb-right-3{
  right:0.75rem !important
}

.kb-right-4{
  right:1rem !important
}

.kb-right-5{
  right:1.25rem !important
}

.kb-right-6{
  right:1.5rem !important
}

.kb-right-8{
  right:2rem !important
}

.kb-top-0{
  top:0px !important
}

.kb-top-0\.5{
  top:0.125rem !important
}

.kb-top-1\/2{
  top:50% !important
}

.kb-top-16{
  top:4rem !important
}

.kb-top-2{
  top:0.5rem !important
}

.kb-top-2\.5{
  top:0.625rem !important
}

.kb-top-3{
  top:0.75rem !important
}

.kb-top-4{
  top:1rem !important
}

.kb-top-6{
  top:1.5rem !important
}

.kb-top-7{
  top:1.75rem !important
}

.kb-top-8{
  top:2rem !important
}

.kb-top-\[19px\]{
  top:19px !important
}

.kb-top-\[2px\]{
  top:2px !important
}

.-kb-z-\[1\]{
  z-index:-1 !important
}

.kb-z-0{
  z-index:0 !important
}

.kb-z-10{
  z-index:10 !important
}

.kb-z-20{
  z-index:20 !important
}

.kb-z-30{
  z-index:30 !important
}

.kb-z-40{
  z-index:40 !important
}

.kb-z-50{
  z-index:50 !important
}

.kb-z-\[-1\]{
  z-index:-1 !important
}

.kb-z-\[1\]{
  z-index:1 !important
}

.kb-z-\[2147483647\]{
  z-index:2147483647 !important
}

.kb-order-1{
  order:1 !important
}

.kb-order-2{
  order:2 !important
}

.kb-order-3{
  order:3 !important
}

.kb-col-auto{
  grid-column:auto !important
}

.kb-col-span-1{
  grid-column:span 1 / span 1 !important
}

.kb-col-span-2{
  grid-column:span 2 / span 2 !important
}

.kb-col-span-3{
  grid-column:span 3 / span 3 !important
}

.kb-col-span-4{
  grid-column:span 4 / span 4 !important
}

.kb-col-start-1{
  grid-column-start:1 !important
}

.kb-col-start-2{
  grid-column-start:2 !important
}

.kb-col-start-4{
  grid-column-start:4 !important
}

.kb-col-end-4{
  grid-column-end:4 !important
}

.kb-col-end-5{
  grid-column-end:5 !important
}

.kb-row-auto{
  grid-row:auto !important
}

.kb-row-start-1{
  grid-row-start:1 !important
}

.kb-row-start-2{
  grid-row-start:2 !important
}

.kb-row-start-3{
  grid-row-start:3 !important
}

.kb-float-right{
  float:right !important
}

.kb-float-left{
  float:left !important
}

.kb-m-4{
  margin:1rem !important
}

.kb-m-auto{
  margin:auto !important
}

.-kb-mx-6{
  margin-left:-1.5rem !important;
  margin-right:-1.5rem !important
}

.kb-mx-0{
  margin-left:0px !important;
  margin-right:0px !important
}

.kb-mx-1{
  margin-left:0.25rem !important;
  margin-right:0.25rem !important
}

.kb-mx-3{
  margin-left:0.75rem !important;
  margin-right:0.75rem !important
}

.kb-mx-3\.5{
  margin-left:0.875rem !important;
  margin-right:0.875rem !important
}

.kb-mx-5{
  margin-left:1.25rem !important;
  margin-right:1.25rem !important
}

.kb-mx-auto{
  margin-left:auto !important;
  margin-right:auto !important
}

.kb-my-0{
  margin-top:0px !important;
  margin-bottom:0px !important
}

.kb-my-1{
  margin-top:0.25rem !important;
  margin-bottom:0.25rem !important
}

.kb-my-10{
  margin-top:2.5rem !important;
  margin-bottom:2.5rem !important
}

.kb-my-2{
  margin-top:0.5rem !important;
  margin-bottom:0.5rem !important
}

.kb-my-4{
  margin-top:1rem !important;
  margin-bottom:1rem !important
}

.kb-my-8{
  margin-top:2rem !important;
  margin-bottom:2rem !important
}

.-kb-ml-1{
  margin-left:-0.25rem !important
}

.-kb-ml-3{
  margin-left:-0.75rem !important
}

.-kb-ml-8{
  margin-left:-2rem !important
}

.-kb-mt-0{
  margin-top:-0px !important
}

.-kb-mt-0\.5{
  margin-top:-0.125rem !important
}

.-kb-mt-1{
  margin-top:-0.25rem !important
}

.-kb-mt-1\.5{
  margin-top:-0.375rem !important
}

.-kb-mt-2{
  margin-top:-0.5rem !important
}

.-kb-mt-8{
  margin-top:-2rem !important
}

.kb-mb-0{
  margin-bottom:0px !important
}

.kb-mb-1{
  margin-bottom:0.25rem !important
}

.kb-mb-10{
  margin-bottom:2.5rem !important
}

.kb-mb-11{
  margin-bottom:2.75rem !important
}

.kb-mb-12{
  margin-bottom:3rem !important
}

.kb-mb-16{
  margin-bottom:4rem !important
}

.kb-mb-2{
  margin-bottom:0.5rem !important
}

.kb-mb-3{
  margin-bottom:0.75rem !important
}

.kb-mb-4{
  margin-bottom:1rem !important
}

.kb-mb-5{
  margin-bottom:1.25rem !important
}

.kb-mb-6{
  margin-bottom:1.5rem !important
}

.kb-mb-7{
  margin-bottom:1.75rem !important
}

.kb-mb-8{
  margin-bottom:2rem !important
}

.kb-mb-9{
  margin-bottom:2.25rem !important
}

.kb-me-1{
  margin-inline-end:0.25rem !important
}

.kb-ml-0{
  margin-left:0px !important
}

.kb-ml-1{
  margin-left:0.25rem !important
}

.kb-ml-1\.5{
  margin-left:0.375rem !important
}

.kb-ml-10{
  margin-left:2.5rem !important
}

.kb-ml-16{
  margin-left:4rem !important
}

.kb-ml-2{
  margin-left:0.5rem !important
}

.kb-ml-3{
  margin-left:0.75rem !important
}

.kb-ml-36{
  margin-left:9rem !important
}

.kb-ml-4{
  margin-left:1rem !important
}

.kb-ml-5{
  margin-left:1.25rem !important
}

.kb-ml-6{
  margin-left:1.5rem !important
}

.kb-ml-7{
  margin-left:1.75rem !important
}

.kb-ml-8{
  margin-left:2rem !important
}

.kb-ml-auto{
  margin-left:auto !important
}

.kb-mr-0{
  margin-right:0px !important
}

.kb-mr-1{
  margin-right:0.25rem !important
}

.kb-mr-2{
  margin-right:0.5rem !important
}

.kb-mr-4{
  margin-right:1rem !important
}

.kb-mr-40{
  margin-right:10rem !important
}

.kb-mr-5{
  margin-right:1.25rem !important
}

.kb-mr-8{
  margin-right:2rem !important
}

.kb-mr-9{
  margin-right:2.25rem !important
}

.kb-mt-0{
  margin-top:0px !important
}

.kb-mt-0\.5{
  margin-top:0.125rem !important
}

.kb-mt-1{
  margin-top:0.25rem !important
}

.kb-mt-10{
  margin-top:2.5rem !important
}

.kb-mt-11{
  margin-top:2.75rem !important
}

.kb-mt-12{
  margin-top:3rem !important
}

.kb-mt-14{
  margin-top:3.5rem !important
}

.kb-mt-16{
  margin-top:4rem !important
}

.kb-mt-2{
  margin-top:0.5rem !important
}

.kb-mt-20{
  margin-top:5rem !important
}

.kb-mt-24{
  margin-top:6rem !important
}

.kb-mt-28{
  margin-top:7rem !important
}

.kb-mt-3{
  margin-top:0.75rem !important
}

.kb-mt-4{
  margin-top:1rem !important
}

.kb-mt-40{
  margin-top:10rem !important
}

.kb-mt-5{
  margin-top:1.25rem !important
}

.kb-mt-6{
  margin-top:1.5rem !important
}

.kb-mt-7{
  margin-top:1.75rem !important
}

.kb-mt-8{
  margin-top:2rem !important
}

.kb-mt-9{
  margin-top:2.25rem !important
}

.kb-mt-auto{
  margin-top:auto !important
}

.kb-line-clamp-2{
  overflow:hidden !important;
  display:-webkit-box !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:2 !important
}

.kb-line-clamp-3{
  overflow:hidden !important;
  display:-webkit-box !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:3 !important
}

.kb-line-clamp-4{
  overflow:hidden !important;
  display:-webkit-box !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:4 !important
}

.kb-block{
  display:block !important
}

.kb-inline-block{
  display:inline-block !important
}

.kb-inline{
  display:inline !important
}

.kb-flex{
  display:flex !important
}

.kb-inline-flex{
  display:inline-flex !important
}

.kb-grid{
  display:grid !important
}

.kb-list-item{
  display:list-item !important
}

.kb-hidden{
  display:none !important
}

.kb-aspect-video{
  aspect-ratio:16 / 9 !important
}

.kb-h-0{
  height:0px !important
}

.kb-h-1{
  height:0.25rem !important
}

.kb-h-10{
  height:2.5rem !important
}

.kb-h-11{
  height:2.75rem !important
}

.kb-h-12{
  height:3rem !important
}

.kb-h-14{
  height:3.5rem !important
}

.kb-h-16{
  height:4rem !important
}

.kb-h-2{
  height:0.5rem !important
}

.kb-h-20{
  height:5rem !important
}

.kb-h-24{
  height:6rem !important
}

.kb-h-28{
  height:7rem !important
}

.kb-h-3{
  height:0.75rem !important
}

.kb-h-32{
  height:8rem !important
}

.kb-h-36{
  height:9rem !important
}

.kb-h-4{
  height:1rem !important
}

.kb-h-40{
  height:10rem !important
}

.kb-h-48{
  height:12rem !important
}

.kb-h-5{
  height:1.25rem !important
}

.kb-h-52{
  height:13rem !important
}

.kb-h-56{
  height:14rem !important
}

.kb-h-6{
  height:1.5rem !important
}

.kb-h-7{
  height:1.75rem !important
}

.kb-h-8{
  height:2rem !important
}

.kb-h-9{
  height:2.25rem !important
}

.kb-h-96{
  height:24rem !important
}

.kb-h-\[137px\]{
  height:137px !important
}

.kb-h-\[18px\]{
  height:18px !important
}

.kb-h-\[300px\]{
  height:300px !important
}

.kb-h-\[31px\]{
  height:31px !important
}

.kb-h-\[38px\]{
  height:38px !important
}

.kb-h-\[54px\]{
  height:54px !important
}

.kb-h-auto{
  height:auto !important
}

.kb-h-fit{
  height:-moz-fit-content !important;
  height:fit-content !important
}

.kb-h-full{
  height:100% !important
}

.kb-h-px{
  height:1px !important
}

.kb-h-screen{
  height:100vh !important
}

.kb-max-h-12{
  max-height:3rem !important
}

.kb-max-h-\[60vh\]{
  max-height:60vh !important
}

.kb-min-h-full{
  min-height:100% !important
}

.kb-min-h-screen{
  min-height:100vh !important
}

.kb-w-1\/2{
  width:50% !important
}

.kb-w-1\/6{
  width:16.666667% !important
}

.kb-w-10{
  width:2.5rem !important
}

.kb-w-11{
  width:2.75rem !important
}

.kb-w-11\/12{
  width:91.666667% !important
}

.kb-w-112{
  width:28rem !important
}

.kb-w-12{
  width:3rem !important
}

.kb-w-14{
  width:3.5rem !important
}

.kb-w-16{
  width:4rem !important
}

.kb-w-2\/3{
  width:66.666667% !important
}

.kb-w-2\/5{
  width:40% !important
}

.kb-w-2\/6{
  width:33.333333% !important
}

.kb-w-20{
  width:5rem !important
}

.kb-w-24{
  width:6rem !important
}

.kb-w-28{
  width:7rem !important
}

.kb-w-3{
  width:0.75rem !important
}

.kb-w-3\/12{
  width:25% !important
}

.kb-w-3\/4{
  width:75% !important
}

.kb-w-3\/5{
  width:60% !important
}

.kb-w-32{
  width:8rem !important
}

.kb-w-4{
  width:1rem !important
}

.kb-w-4\/12{
  width:33.333333% !important
}

.kb-w-4\/5{
  width:80% !important
}

.kb-w-48{
  width:12rem !important
}

.kb-w-5{
  width:1.25rem !important
}

.kb-w-52{
  width:13rem !important
}

.kb-w-6{
  width:1.5rem !important
}

.kb-w-6\/12{
  width:50% !important
}

.kb-w-60{
  width:15rem !important
}

.kb-w-7{
  width:1.75rem !important
}

.kb-w-8{
  width:2rem !important
}

.kb-w-80{
  width:20rem !important
}

.kb-w-9{
  width:2.25rem !important
}

.kb-w-9\/12{
  width:75% !important
}

.kb-w-96{
  width:24rem !important
}

.kb-w-\[10\%\]{
  width:10% !important
}

.kb-w-\[18px\]{
  width:18px !important
}

.kb-w-\[26px\]{
  width:26px !important
}

.kb-w-\[38px\]{
  width:38px !important
}

.kb-w-\[75px\]{
  width:75px !important
}

.kb-w-\[90\%\]{
  width:90% !important
}

.kb-w-auto{
  width:auto !important
}

.kb-w-fit{
  width:-moz-fit-content !important;
  width:fit-content !important
}

.kb-w-full{
  width:100% !important
}

.kb-w-screen{
  width:100vw !important
}

.kb-min-w-fit{
  min-width:-moz-fit-content !important;
  min-width:fit-content !important
}

.kb-max-w-2xl{
  max-width:42rem !important
}

.kb-max-w-3xl{
  max-width:48rem !important
}

.kb-max-w-\[1110\]{
  max-width:1110 !important
}

.kb-max-w-\[180px\]{
  max-width:180px !important
}

.kb-max-w-\[280px\]{
  max-width:280px !important
}

.kb-max-w-md{
  max-width:28rem !important
}

.kb-max-w-sm{
  max-width:24rem !important
}

.kb-max-w-xs{
  max-width:20rem !important
}

.kb-flex-1{
  flex:1 1 0% !important
}

.kb-flex-none{
  flex:none !important
}

.kb-shrink{
  flex-shrink:1 !important
}

.kb-flex-grow{
  flex-grow:1 !important
}

.kb-grow{
  flex-grow:1 !important
}

.kb-basis-0{
  flex-basis:0px !important
}

.kb-border-spacing-2{
  --tw-border-spacing-x:0.5rem !important;
  --tw-border-spacing-y:0.5rem !important;
  border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y) !important
}

.-kb-translate-y-full{
  --tw-translate-y:-100% !important;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.kb--translate-x-3{
  --tw-translate-x:-0.75rem !important;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.kb--translate-y-14{
  --tw-translate-y:-3.5rem !important;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.kb-translate-x-0{
  --tw-translate-x:0px !important;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.kb-translate-x-full{
  --tw-translate-x:100% !important;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.kb-scale-0{
  --tw-scale-x:0 !important;
  --tw-scale-y:0 !important;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.kb-scale-100{
  --tw-scale-x:1 !important;
  --tw-scale-y:1 !important;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.kb-scale-125{
  --tw-scale-x:1.25 !important;
  --tw-scale-y:1.25 !important;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.kb-transform{
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

@keyframes kb-enter-from-bottom{
  0%{
    transform:translateY(10px);
    opacity:0.5
  }

  50%{
    transform:translateY(5px);
    opacity:0.75
  }

  75%{
    transform:translateY(2px);
    opacity:1
  }

  100%{
    transform:translateY(0);
    opacity:1
  }
}

.kb-animate-enter-from-b{
  animation:kb-enter-from-bottom 0.25s linear forwards !important
}

@keyframes kb-enter-from-right{
  0%{
    transform:translateX(10px);
    opacity:0.5
  }

  50%{
    transform:translateX(5px);
    opacity:0.75
  }

  75%{
    transform:translateX(2px);
    opacity:1
  }

  100%{
    transform:translateX(0);
    opacity:1
  }
}

.kb-animate-enter-from-r{
  animation:kb-enter-from-right 0.25s linear forwards !important
}

@keyframes kb-spin{
  to{
    transform:rotate(360deg)
  }
}

.kb-animate-spin{
  animation:kb-spin 1s linear infinite !important
}

.kb-cursor-default{
  cursor:default !important
}

.kb-cursor-help{
  cursor:help !important
}

.kb-cursor-not-allowed{
  cursor:not-allowed !important
}

.kb-cursor-pointer{
  cursor:pointer !important
}

.kb-select-none{
  -webkit-user-select:none !important;
     -moz-user-select:none !important;
          user-select:none !important
}

.kb-scroll-mt-40{
  scroll-margin-top:10rem !important
}

.kb-list-inside{
  list-style-position:inside !important
}

.kb-list-disc{
  list-style-type:disc !important
}

.kb-list-none{
  list-style-type:none !important
}

.kb-appearance-none{
  -webkit-appearance:none !important;
     -moz-appearance:none !important;
          appearance:none !important
}

.kb-auto-cols-auto{
  grid-auto-columns:auto !important
}

.kb-grid-cols-1{
  grid-template-columns:repeat(1, minmax(0, 1fr)) !important
}

.kb-grid-cols-2{
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important
}

.kb-grid-cols-3{
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important
}

.kb-grid-cols-4{
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important
}

.kb-grid-cols-5{
  grid-template-columns:repeat(5, minmax(0, 1fr)) !important
}

.kb-grid-cols-6{
  grid-template-columns:repeat(6, minmax(0, 1fr)) !important
}

.kb-grid-cols-\[30px_auto\]{
  grid-template-columns:30px auto !important
}

.kb-grid-cols-\[32px_auto_auto_auto\]{
  grid-template-columns:32px auto auto auto !important
}

.kb-grid-cols-\[34px_auto_auto\]{
  grid-template-columns:34px auto auto !important
}

.kb-grid-cols-\[auto\,1fr\,auto\]{
  grid-template-columns:auto 1fr auto !important
}

.kb-grid-cols-\[auto\,1fr\]{
  grid-template-columns:auto 1fr !important
}

.kb-grid-rows-\[auto_auto\]{
  grid-template-rows:auto auto !important
}

.kb-grid-rows-\[auto_auto_auto\]{
  grid-template-rows:auto auto auto !important
}

.kb-flex-row{
  flex-direction:row !important
}

.kb-flex-row-reverse{
  flex-direction:row-reverse !important
}

.kb-flex-col{
  flex-direction:column !important
}

.kb-flex-wrap{
  flex-wrap:wrap !important
}

.kb-flex-nowrap{
  flex-wrap:nowrap !important
}

.kb-items-start{
  align-items:flex-start !important
}

.kb-items-end{
  align-items:flex-end !important
}

.kb-items-center{
  align-items:center !important
}

.kb-items-baseline{
  align-items:baseline !important
}

.kb-items-stretch{
  align-items:stretch !important
}

.kb-justify-start{
  justify-content:flex-start !important
}

.kb-justify-end{
  justify-content:flex-end !important
}

.kb-justify-center{
  justify-content:center !important
}

.kb-justify-between{
  justify-content:space-between !important
}

.kb-justify-around{
  justify-content:space-around !important
}

.kb-justify-items-center{
  justify-items:center !important
}

.kb-gap-0{
  gap:0px !important
}

.kb-gap-0\.5{
  gap:0.125rem !important
}

.kb-gap-1{
  gap:0.25rem !important
}

.kb-gap-10{
  gap:2.5rem !important
}

.kb-gap-12{
  gap:3rem !important
}

.kb-gap-2{
  gap:0.5rem !important
}

.kb-gap-2\.5{
  gap:0.625rem !important
}

.kb-gap-3{
  gap:0.75rem !important
}

.kb-gap-3\.5{
  gap:0.875rem !important
}

.kb-gap-4{
  gap:1rem !important
}

.kb-gap-5{
  gap:1.25rem !important
}

.kb-gap-6{
  gap:1.5rem !important
}

.kb-gap-8{
  gap:2rem !important
}

.kb-gap-9{
  gap:2.25rem !important
}

.kb-gap-x-1{
  -moz-column-gap:0.25rem !important;
       column-gap:0.25rem !important
}

.kb-gap-x-2{
  -moz-column-gap:0.5rem !important;
       column-gap:0.5rem !important
}

.kb-gap-x-3{
  -moz-column-gap:0.75rem !important;
       column-gap:0.75rem !important
}

.kb-gap-x-4{
  -moz-column-gap:1rem !important;
       column-gap:1rem !important
}

.kb-gap-x-5{
  -moz-column-gap:1.25rem !important;
       column-gap:1.25rem !important
}

.kb-gap-x-6{
  -moz-column-gap:1.5rem !important;
       column-gap:1.5rem !important
}

.kb-gap-x-8{
  -moz-column-gap:2rem !important;
       column-gap:2rem !important
}

.kb-gap-y-10{
  row-gap:2.5rem !important
}

.kb-gap-y-2{
  row-gap:0.5rem !important
}

.kb-gap-y-3{
  row-gap:0.75rem !important
}

.kb-space-y-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse:0 !important;
  margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse))) !important;
  margin-bottom:calc(0.5rem * var(--tw-space-y-reverse)) !important
}

.kb-self-end{
  align-self:flex-end !important
}

.kb-self-center{
  align-self:center !important
}

.kb-overflow-auto{
  overflow:auto !important
}

.kb-overflow-hidden{
  overflow:hidden !important
}

.kb-overflow-visible{
  overflow:visible !important
}

.kb-overflow-scroll{
  overflow:scroll !important
}

.kb-overflow-x-auto{
  overflow-x:auto !important
}

.kb-overflow-y-auto{
  overflow-y:auto !important
}

.kb-overflow-x-hidden{
  overflow-x:hidden !important
}

.kb-overflow-y-scroll{
  overflow-y:scroll !important
}

.kb-truncate{
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important
}

.kb-text-ellipsis{
  text-overflow:ellipsis !important
}

.kb-text-clip{
  text-overflow:clip !important
}

.kb-whitespace-nowrap{
  white-space:nowrap !important
}

.kb-break-all{
  word-break:break-all !important
}

.kb-rounded{
  border-radius:0.25rem !important
}

.kb-rounded-base{
  border-radius:var(--rounded-base) !important
}

.kb-rounded-base-lg{
  border-radius:var(--rounded-base-lg) !important
}

.kb-rounded-base-md{
  border-radius:var(--rounded-base-md) !important
}

.kb-rounded-base-xl{
  border-radius:var(--rounded-base-xl) !important
}

.kb-rounded-full{
  border-radius:9999px !important
}

.kb-rounded-lg{
  border-radius:0.5rem !important
}

.kb-rounded-md{
  border-radius:0.375rem !important
}

.kb-rounded-none{
  border-radius:0px !important
}

.kb-rounded-sm{
  border-radius:0.125rem !important
}

.kb-rounded-xl{
  border-radius:0.75rem !important
}

.kb-rounded-b-base-xl{
  border-bottom-right-radius:var(--rounded-base-xl) !important;
  border-bottom-left-radius:var(--rounded-base-xl) !important
}

.kb-rounded-t-md{
  border-top-left-radius:0.375rem !important;
  border-top-right-radius:0.375rem !important
}

.kb-rounded-t-xl{
  border-top-left-radius:0.75rem !important;
  border-top-right-radius:0.75rem !important
}

.kb-border{
  border-width:1px !important
}

.kb-border-0{
  border-width:0px !important
}

.kb-border-2{
  border-width:2px !important
}

.kb-border-y-2{
  border-top-width:2px !important;
  border-bottom-width:2px !important
}

.kb-border-b{
  border-bottom-width:1px !important
}

.kb-border-b-0{
  border-bottom-width:0px !important
}

.kb-border-b-2{
  border-bottom-width:2px !important
}

.kb-border-l{
  border-left-width:1px !important
}

.kb-border-l-4{
  border-left-width:4px !important
}

.kb-border-t{
  border-top-width:1px !important
}

.kb-border-t-2{
  border-top-width:2px !important
}

.kb-border-solid{
  border-style:solid !important
}

.kb-border-dotted{
  border-style:dotted !important
}

.kb-border-none{
  border-style:none !important
}

.kb-border-back{
  --tw-border-opacity:1 !important;
  border-color:rgb(var(--color-back) / var(--tw-border-opacity)) !important
}

.kb-border-base{
  --tw-border-opacity:1 !important;
  border-color:rgb(var(--border-color-base) / var(--tw-border-opacity)) !important
}

.kb-border-black{
  --tw-border-opacity:1 !important;
  border-color:rgb(var(--color-black) / var(--tw-border-opacity)) !important
}

.kb-border-button{
  --tw-border-opacity:1 !important;
  border-color:rgb(var(--color-button) / var(--tw-border-opacity)) !important
}

.kb-border-cart-blue{
  --tw-border-opacity:1 !important;
  border-color:rgb(var(--color-cart-blue) / var(--tw-border-opacity)) !important
}

.kb-border-cart-grey{
  --tw-border-opacity:1 !important;
  border-color:rgb(var(--color-cart-grey) / var(--tw-border-opacity)) !important
}

.kb-border-coral-red{
  --tw-border-opacity:1 !important;
  border-color:rgb(var(--color-coral-red) / var(--tw-border-opacity)) !important
}

.kb-border-dark-gray\/10{
  border-color:rgb(var(--color-dark-gray) / 0.1) !important
}

.kb-border-dark-gray\/20{
  border-color:rgb(var(--color-dark-gray) / 0.2) !important
}

.kb-border-dark-gray\/40{
  border-color:rgb(var(--color-dark-gray) / 0.4) !important
}

.kb-border-form-exp-error{
  --tw-border-opacity:1 !important;
  border-color:rgb(var(--color-form-exp-error) / var(--tw-border-opacity)) !important
}

.kb-border-form-exp-grey\/10{
  border-color:rgb(var(--color-form-exp-grey) / 0.1) !important
}

.kb-border-form-exp-grey\/20{
  border-color:rgb(var(--color-form-exp-grey) / 0.2) !important
}

.kb-border-gray\/10{
  border-color:rgb(var(--color-gray) / 0.1) !important
}

.kb-border-gray\/20{
  border-color:rgb(var(--color-gray) / 0.2) !important
}

.kb-border-gray\/40{
  border-color:rgb(var(--color-gray) / 0.4) !important
}

.kb-border-neutral-100{
  --tw-border-opacity:1 !important;
  border-color:rgb(245 245 245 / var(--tw-border-opacity)) !important
}

.kb-border-neutral-200{
  --tw-border-opacity:1 !important;
  border-color:rgb(229 229 229 / var(--tw-border-opacity)) !important
}

.kb-border-neutral-300{
  --tw-border-opacity:1 !important;
  border-color:rgb(212 212 212 / var(--tw-border-opacity)) !important
}

.kb-border-pearl-gray{
  --tw-border-opacity:1 !important;
  border-color:rgb(var(--color-pearl-gray) / var(--tw-border-opacity)) !important
}

.kb-border-premium{
  --tw-border-opacity:1 !important;
  border-color:rgb(var(--color-premium) / var(--tw-border-opacity)) !important
}

.kb-border-primary{
  --tw-border-opacity:1 !important;
  border-color:rgb(var(--color-primary) / var(--tw-border-opacity)) !important
}

.kb-border-primary\/10{
  border-color:rgb(var(--color-primary) / 0.1) !important
}

.kb-border-red-500{
  --tw-border-opacity:1 !important;
  border-color:rgb(239 68 68 / var(--tw-border-opacity)) !important
}

.kb-border-slate-100{
  --tw-border-opacity:1 !important;
  border-color:rgb(241 245 249 / var(--tw-border-opacity)) !important
}

.kb-border-slate-200{
  --tw-border-opacity:1 !important;
  border-color:rgb(226 232 240 / var(--tw-border-opacity)) !important
}

.kb-border-slate-300{
  --tw-border-opacity:1 !important;
  border-color:rgb(203 213 225 / var(--tw-border-opacity)) !important
}

.kb-border-status-1{
  --tw-border-opacity:1 !important;
  border-color:rgb(var(--color-status-1) / var(--tw-border-opacity)) !important
}

.kb-border-status-3{
  --tw-border-opacity:1 !important;
  border-color:rgb(var(--color-status-3) / var(--tw-border-opacity)) !important
}

.kb-border-status-6{
  --tw-border-opacity:1 !important;
  border-color:rgb(var(--color-status-6) / var(--tw-border-opacity)) !important
}

.kb-border-white{
  --tw-border-opacity:1 !important;
  border-color:rgb(255 255 255 / var(--tw-border-opacity)) !important
}

.kb-border-zinc-500\/10{
  border-color:rgb(113 113 122 / 0.1) !important
}

.kb-border-zinc-500\/30{
  border-color:rgb(113 113 122 / 0.3) !important
}

.kb-border-zinc-700{
  --tw-border-opacity:1 !important;
  border-color:rgb(63 63 70 / var(--tw-border-opacity)) !important
}

.kb-border-zinc-700\/10{
  border-color:rgb(63 63 70 / 0.1) !important
}

.kb-border-zinc-700\/30{
  border-color:rgb(63 63 70 / 0.3) !important
}

.kb-border-b-back{
  --tw-border-opacity:1 !important;
  border-bottom-color:rgb(var(--color-back) / var(--tw-border-opacity)) !important
}

.kb-border-b-black{
  --tw-border-opacity:1 !important;
  border-bottom-color:rgb(var(--color-black) / var(--tw-border-opacity)) !important
}

.kb-border-b-neutral-100{
  --tw-border-opacity:1 !important;
  border-bottom-color:rgb(245 245 245 / var(--tw-border-opacity)) !important
}

.kb-border-b-white{
  --tw-border-opacity:1 !important;
  border-bottom-color:rgb(255 255 255 / var(--tw-border-opacity)) !important
}

.kb-border-l-black{
  --tw-border-opacity:1 !important;
  border-left-color:rgb(var(--color-black) / var(--tw-border-opacity)) !important
}

.kb-border-t-back{
  --tw-border-opacity:1 !important;
  border-top-color:rgb(var(--color-back) / var(--tw-border-opacity)) !important
}

.kb-border-t-black{
  --tw-border-opacity:1 !important;
  border-top-color:rgb(var(--color-black) / var(--tw-border-opacity)) !important
}

.kb-bg-\[\#46B0E9\]{
  --tw-bg-opacity:1 !important;
  background-color:rgb(70 176 233 / var(--tw-bg-opacity)) !important
}

.kb-bg-\[\#8BC53E\]{
  --tw-bg-opacity:1 !important;
  background-color:rgb(139 197 62 / var(--tw-bg-opacity)) !important
}

.kb-bg-\[\#A087E5\]{
  --tw-bg-opacity:1 !important;
  background-color:rgb(160 135 229 / var(--tw-bg-opacity)) !important
}

.kb-bg-\[\#C93C3C\]{
  --tw-bg-opacity:1 !important;
  background-color:rgb(201 60 60 / var(--tw-bg-opacity)) !important
}

.kb-bg-\[\#E71575\]{
  --tw-bg-opacity:1 !important;
  background-color:rgb(231 21 117 / var(--tw-bg-opacity)) !important
}

.kb-bg-\[\#F2F5F6\]{
  --tw-bg-opacity:1 !important;
  background-color:rgb(242 245 246 / var(--tw-bg-opacity)) !important
}

.kb-bg-\[\#F887F3\]{
  --tw-bg-opacity:1 !important;
  background-color:rgb(248 135 243 / var(--tw-bg-opacity)) !important
}

.kb-bg-\[\#FD5532\]{
  --tw-bg-opacity:1 !important;
  background-color:rgb(253 85 50 / var(--tw-bg-opacity)) !important
}

.kb-bg-\[\#FFB743\]{
  --tw-bg-opacity:1 !important;
  background-color:rgb(255 183 67 / var(--tw-bg-opacity)) !important
}

.kb-bg-\[\#f8f7f3\]{
  --tw-bg-opacity:1 !important;
  background-color:rgb(248 247 243 / var(--tw-bg-opacity)) !important
}

.kb-bg-alert-light-bg{
  --tw-bg-opacity:1 !important;
  background-color:rgb(254 254 254 / var(--tw-bg-opacity)) !important
}

.kb-bg-amber-orange\/20{
  background-color:rgb(var(--color-amber-orange) / 0.2) !important
}

.kb-bg-back{
  --tw-bg-opacity:1 !important;
  background-color:rgb(var(--color-back) / var(--tw-bg-opacity)) !important
}

.kb-bg-back\/0{
  background-color:rgb(var(--color-back) / 0) !important
}

.kb-bg-back\/10{
  background-color:rgb(var(--color-back) / 0.1) !important
}

.kb-bg-black{
  --tw-bg-opacity:1 !important;
  background-color:rgb(var(--color-black) / var(--tw-bg-opacity)) !important
}

.kb-bg-button{
  --tw-bg-opacity:1 !important;
  background-color:rgb(var(--color-button) / var(--tw-bg-opacity)) !important
}

.kb-bg-cart-grey{
  --tw-bg-opacity:1 !important;
  background-color:rgb(var(--color-cart-grey) / var(--tw-bg-opacity)) !important
}

.kb-bg-cart-grey\/50{
  background-color:rgb(var(--color-cart-grey) / 0.5) !important
}

.kb-bg-dark-gray{
  --tw-bg-opacity:1 !important;
  background-color:rgb(var(--color-dark-gray) / var(--tw-bg-opacity)) !important
}

.kb-bg-dark-gray\/40{
  background-color:rgb(var(--color-dark-gray) / 0.4) !important
}

.kb-bg-datepicker-highlight\/10{
  background-color:rgb(var(--color-datepicker-highlight) / 0.1) !important
}

.kb-bg-form-exp-green-light{
  --tw-bg-opacity:1 !important;
  background-color:rgb(var(--color-form-exp-green-light) / var(--tw-bg-opacity)) !important
}

.kb-bg-form-exp-grey{
  --tw-bg-opacity:1 !important;
  background-color:rgb(var(--color-form-exp-grey) / var(--tw-bg-opacity)) !important
}

.kb-bg-form-exp-grey\/10{
  background-color:rgb(var(--color-form-exp-grey) / 0.1) !important
}

.kb-bg-form-exp-grey\/50{
  background-color:rgb(var(--color-form-exp-grey) / 0.5) !important
}

.kb-bg-form-exp-icon-1{
  --tw-bg-opacity:1 !important;
  background-color:rgb(var(--color-form-exp-icon-1) / var(--tw-bg-opacity)) !important
}

.kb-bg-form-exp-icon-1\/20{
  background-color:rgb(var(--color-form-exp-icon-1) / 0.2) !important
}

.kb-bg-form-exp-primary{
  --tw-bg-opacity:1 !important;
  background-color:rgb(var(--color-form-exp-primary) / var(--tw-bg-opacity)) !important
}

.kb-bg-gray\/10{
  background-color:rgb(var(--color-gray) / 0.1) !important
}

.kb-bg-gray\/70{
  background-color:rgb(var(--color-gray) / 0.7) !important
}

.kb-bg-green{
  --tw-bg-opacity:1 !important;
  background-color:rgb(var(--color-green) / var(--tw-bg-opacity)) !important
}

.kb-bg-light-gray{
  --tw-bg-opacity:1 !important;
  background-color:rgb(var(--color-light-gray) / var(--tw-bg-opacity)) !important
}

.kb-bg-light-gray\/70{
  background-color:rgb(var(--color-light-gray) / 0.7) !important
}

.kb-bg-lime-500{
  --tw-bg-opacity:1 !important;
  background-color:rgb(132 204 22 / var(--tw-bg-opacity)) !important
}

.kb-bg-list-warning{
  --tw-bg-opacity:1 !important;
  background-color:rgb(var(--color-list-warning) / var(--tw-bg-opacity)) !important
}

.kb-bg-list-warning\/20{
  background-color:rgb(var(--color-list-warning) / 0.2) !important
}

.kb-bg-orange{
  --tw-bg-opacity:1 !important;
  background-color:rgb(var(--color-orange) / var(--tw-bg-opacity)) !important
}

.kb-bg-pearl-gray{
  --tw-bg-opacity:1 !important;
  background-color:rgb(var(--color-pearl-gray) / var(--tw-bg-opacity)) !important
}

.kb-bg-primary{
  --tw-bg-opacity:1 !important;
  background-color:rgb(var(--color-primary) / var(--tw-bg-opacity)) !important
}

.kb-bg-primary\/10{
  background-color:rgb(var(--color-primary) / 0.1) !important
}

.kb-bg-red-500{
  --tw-bg-opacity:1 !important;
  background-color:rgb(239 68 68 / var(--tw-bg-opacity)) !important
}

.kb-bg-slate-300{
  --tw-bg-opacity:1 !important;
  background-color:rgb(203 213 225 / var(--tw-bg-opacity)) !important
}

.kb-bg-slate-400{
  --tw-bg-opacity:1 !important;
  background-color:rgb(148 163 184 / var(--tw-bg-opacity)) !important
}

.kb-bg-status-0\/20{
  background-color:rgb(var(--color-status-0) / 0.2) !important
}

.kb-bg-status-1\/20{
  background-color:rgb(var(--color-status-1) / 0.2) !important
}

.kb-bg-status-2\/20{
  background-color:rgb(var(--color-status-2) / 0.2) !important
}

.kb-bg-status-3\/20{
  background-color:rgb(var(--color-status-3) / 0.2) !important
}

.kb-bg-status-4{
  --tw-bg-opacity:1 !important;
  background-color:rgb(var(--color-status-4) / var(--tw-bg-opacity)) !important
}

.kb-bg-status-4\/20{
  background-color:rgb(var(--color-status-4) / 0.2) !important
}

.kb-bg-status-5\/20{
  background-color:rgb(var(--color-status-5) / 0.2) !important
}

.kb-bg-transparent{
  background-color:transparent !important
}

.kb-bg-white{
  --tw-bg-opacity:1 !important;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity)) !important
}

.kb-bg-zinc-100{
  --tw-bg-opacity:1 !important;
  background-color:rgb(244 244 245 / var(--tw-bg-opacity)) !important
}

.kb-bg-zinc-700{
  --tw-bg-opacity:1 !important;
  background-color:rgb(63 63 70 / var(--tw-bg-opacity)) !important
}

.kb-bg-zinc-700\/50{
  background-color:rgb(63 63 70 / 0.5) !important
}

.kb-bg-zinc-800\/80{
  background-color:rgb(39 39 42 / 0.8) !important
}

.kb-bg-gradient-to-l{
  background-image:linear-gradient(to left, var(--tw-gradient-stops)) !important
}

.kb-from-white{
  --tw-gradient-from:#fff var(--tw-gradient-from-position) !important;
  --tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to) !important
}

.kb-via-white{
  --tw-gradient-to:rgb(255 255 255 / 0)  var(--tw-gradient-to-position) !important;
  --tw-gradient-stops:var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to) !important
}

.kb-fill-\[\#46B0E9\]{
  fill:#46B0E9 !important
}

.kb-fill-\[\#8BC53E\]{
  fill:#8BC53E !important
}

.kb-fill-\[\#A087E5\]{
  fill:#A087E5 !important
}

.kb-fill-\[\#C93C3C\]{
  fill:#C93C3C !important
}

.kb-fill-\[\#E71575\]{
  fill:#E71575 !important
}

.kb-fill-\[\#F887F3\]{
  fill:#F887F3 !important
}

.kb-fill-\[\#FD5532\]{
  fill:#FD5532 !important
}

.kb-fill-\[\#FFB743\]{
  fill:#FFB743 !important
}

.kb-fill-black{
  fill:rgb(var(--color-black) / 1) !important
}

.kb-fill-button{
  fill:rgb(var(--color-button) / 1) !important
}

.kb-fill-coral-red{
  fill:rgb(var(--color-coral-red) / 1) !important
}

.kb-fill-current{
  fill:currentColor !important
}

.kb-fill-form-exp-grey{
  fill:rgb(var(--color-form-exp-grey) / 1) !important
}

.kb-fill-form-exp-primary{
  fill:rgb(var(--color-form-exp-primary) / 1) !important
}

.kb-fill-primary{
  fill:rgb(var(--color-primary) / 1) !important
}

.kb-fill-slate-700{
  fill:#334155 !important
}

.kb-fill-status-1{
  fill:rgb(var(--color-status-1) / 1) !important
}

.kb-fill-status-2{
  fill:rgb(var(--color-status-2) / 1) !important
}

.kb-fill-status-6{
  fill:rgb(var(--color-status-6) / 1) !important
}

.kb-fill-transparent{
  fill:transparent !important
}

.kb-fill-white{
  fill:#fff !important
}

.kb-fill-zinc-700{
  fill:#3f3f46 !important
}

.kb-stroke-black{
  stroke:rgb(var(--color-black) / 1) !important
}

.kb-stroke-current{
  stroke:currentColor !important
}

.kb-stroke-primary{
  stroke:rgb(var(--color-primary) / 1) !important
}

.kb-stroke-status-3{
  stroke:rgb(var(--color-status-3) / 1) !important
}

.kb-stroke-white{
  stroke:#fff !important
}

.kb-stroke-0{
  stroke-width:0 !important
}

.kb-stroke-1{
  stroke-width:1 !important
}

.kb-stroke-2{
  stroke-width:2 !important
}

.kb-object-cover{
  -o-object-fit:cover !important;
     object-fit:cover !important
}

.kb-object-center{
  -o-object-position:center !important;
     object-position:center !important
}

.kb-p-0{
  padding:0px !important
}

.kb-p-0\.5{
  padding:0.125rem !important
}

.kb-p-1{
  padding:0.25rem !important
}

.kb-p-2{
  padding:0.5rem !important
}

.kb-p-3{
  padding:0.75rem !important
}

.kb-p-4{
  padding:1rem !important
}

.kb-p-5{
  padding:1.25rem !important
}

.kb-p-6{
  padding:1.5rem !important
}

.kb-p-7{
  padding:1.75rem !important
}

.kb-p-8{
  padding:2rem !important
}

.kb-p-9{
  padding:2.25rem !important
}

.kb-px-0{
  padding-left:0px !important;
  padding-right:0px !important
}

.kb-px-1{
  padding-left:0.25rem !important;
  padding-right:0.25rem !important
}

.kb-px-10{
  padding-left:2.5rem !important;
  padding-right:2.5rem !important
}

.kb-px-11{
  padding-left:2.75rem !important;
  padding-right:2.75rem !important
}

.kb-px-2{
  padding-left:0.5rem !important;
  padding-right:0.5rem !important
}

.kb-px-3{
  padding-left:0.75rem !important;
  padding-right:0.75rem !important
}

.kb-px-4{
  padding-left:1rem !important;
  padding-right:1rem !important
}

.kb-px-5{
  padding-left:1.25rem !important;
  padding-right:1.25rem !important
}

.kb-px-6{
  padding-left:1.5rem !important;
  padding-right:1.5rem !important
}

.kb-px-7{
  padding-left:1.75rem !important;
  padding-right:1.75rem !important
}

.kb-px-8{
  padding-left:2rem !important;
  padding-right:2rem !important
}

.kb-px-9{
  padding-left:2.25rem !important;
  padding-right:2.25rem !important
}

.kb-py-1{
  padding-top:0.25rem !important;
  padding-bottom:0.25rem !important
}

.kb-py-1\.5{
  padding-top:0.375rem !important;
  padding-bottom:0.375rem !important
}

.kb-py-10{
  padding-top:2.5rem !important;
  padding-bottom:2.5rem !important
}

.kb-py-2{
  padding-top:0.5rem !important;
  padding-bottom:0.5rem !important
}

.kb-py-3{
  padding-top:0.75rem !important;
  padding-bottom:0.75rem !important
}

.kb-py-4{
  padding-top:1rem !important;
  padding-bottom:1rem !important
}

.kb-py-5{
  padding-top:1.25rem !important;
  padding-bottom:1.25rem !important
}

.kb-py-6{
  padding-top:1.5rem !important;
  padding-bottom:1.5rem !important
}

.kb-py-7{
  padding-top:1.75rem !important;
  padding-bottom:1.75rem !important
}

.kb-py-8{
  padding-top:2rem !important;
  padding-bottom:2rem !important
}

.kb-pb-0{
  padding-bottom:0px !important
}

.kb-pb-1{
  padding-bottom:0.25rem !important
}

.kb-pb-1\.5{
  padding-bottom:0.375rem !important
}

.kb-pb-10{
  padding-bottom:2.5rem !important
}

.kb-pb-11{
  padding-bottom:2.75rem !important
}

.kb-pb-12{
  padding-bottom:3rem !important
}

.kb-pb-16{
  padding-bottom:4rem !important
}

.kb-pb-2{
  padding-bottom:0.5rem !important
}

.kb-pb-20{
  padding-bottom:5rem !important
}

.kb-pb-3{
  padding-bottom:0.75rem !important
}

.kb-pb-4{
  padding-bottom:1rem !important
}

.kb-pb-5{
  padding-bottom:1.25rem !important
}

.kb-pb-6{
  padding-bottom:1.5rem !important
}

.kb-pb-7{
  padding-bottom:1.75rem !important
}

.kb-pb-8{
  padding-bottom:2rem !important
}

.kb-pl-0{
  padding-left:0px !important
}

.kb-pl-10{
  padding-left:2.5rem !important
}

.kb-pl-2{
  padding-left:0.5rem !important
}

.kb-pl-3{
  padding-left:0.75rem !important
}

.kb-pl-4{
  padding-left:1rem !important
}

.kb-pl-5{
  padding-left:1.25rem !important
}

.kb-pr-12{
  padding-right:3rem !important
}

.kb-pr-2{
  padding-right:0.5rem !important
}

.kb-pr-20{
  padding-right:5rem !important
}

.kb-pr-4{
  padding-right:1rem !important
}

.kb-pr-5{
  padding-right:1.25rem !important
}

.kb-pr-8{
  padding-right:2rem !important
}

.kb-pr-\[800px\]{
  padding-right:800px !important
}

.kb-pt-0{
  padding-top:0px !important
}

.kb-pt-0\.5{
  padding-top:0.125rem !important
}

.kb-pt-1{
  padding-top:0.25rem !important
}

.kb-pt-1\.5{
  padding-top:0.375rem !important
}

.kb-pt-12{
  padding-top:3rem !important
}

.kb-pt-2{
  padding-top:0.5rem !important
}

.kb-pt-3{
  padding-top:0.75rem !important
}

.kb-pt-4{
  padding-top:1rem !important
}

.kb-pt-5{
  padding-top:1.25rem !important
}

.kb-pt-6{
  padding-top:1.5rem !important
}

.kb-pt-7{
  padding-top:1.75rem !important
}

.kb-pt-8{
  padding-top:2rem !important
}

.kb-pt-9{
  padding-top:2.25rem !important
}

.kb-text-left{
  text-align:left !important
}

.kb-text-center{
  text-align:center !important
}

.kb-text-right{
  text-align:right !important
}

.kb-text-end{
  text-align:end !important
}

.kb-font-sans{
  font-family:var(--base-font-sans), sans-serif !important
}

.kb-font-sans-serif{
  font-family:var(--base-font-sans), sans-serif !important
}

.kb-font-serif{
  font-family:Didot, serif !important
}

.kb-text-2xl{
  font-size:1.5rem !important;
  line-height:2rem !important
}

.kb-text-3xl{
  font-size:1.875rem !important;
  line-height:2.25rem !important
}

.kb-text-4xl{
  font-size:2.25rem !important;
  line-height:2.5rem !important
}

.kb-text-\[13px\]{
  font-size:13px !important
}

.kb-text-\[15px\]{
  font-size:15px !important
}

.kb-text-\[16px\]{
  font-size:16px !important
}

.kb-text-base{
  font-size:1rem !important;
  line-height:1.5rem !important
}

.kb-text-lg{
  font-size:1.125rem !important;
  line-height:1.75rem !important
}

.kb-text-md{
  font-size:1.063rem !important;
  line-height:1.313rem !important
}

.kb-text-sm{
  font-size:0.875rem !important;
  line-height:1.25rem !important
}

.kb-text-xl{
  font-size:1.25rem !important;
  line-height:1.75rem !important
}

.kb-text-xs{
  font-size:0.75rem !important;
  line-height:1rem !important
}

.kb-font-bold{
  font-weight:700 !important
}

.kb-font-bold-base{
  font-weight:var(--bold-base) !important
}

.kb-font-extralight{
  font-weight:200 !important
}

.kb-font-light{
  font-weight:300 !important
}

.kb-font-medium{
  font-weight:500 !important
}

.kb-font-normal{
  font-weight:400 !important
}

.kb-font-semibold{
  font-weight:600 !important
}

.kb-uppercase{
  text-transform:uppercase !important
}

.kb-lowercase{
  text-transform:lowercase !important
}

.kb-capitalize{
  text-transform:capitalize !important
}

.kb-italic{
  font-style:italic !important
}

.kb-leading-3{
  line-height:.75rem !important
}

.kb-leading-4{
  line-height:1rem !important
}

.kb-leading-5{
  line-height:1.25rem !important
}

.kb-leading-6{
  line-height:1.5rem !important
}

.kb-leading-8{
  line-height:2rem !important
}

.kb-leading-\[15px\]{
  line-height:15px !important
}

.kb-leading-none{
  line-height:1 !important
}

.kb-leading-normal{
  line-height:1.5 !important
}

.kb-text-\[\#334048\]{
  --tw-text-opacity:1 !important;
  color:rgb(51 64 72 / var(--tw-text-opacity)) !important
}

.kb-text-black{
  --tw-text-opacity:1 !important;
  color:rgb(var(--color-black) / var(--tw-text-opacity)) !important
}

.kb-text-black\/0{
  color:rgb(var(--color-black) / 0) !important
}

.kb-text-black\/20{
  color:rgb(var(--color-black) / 0.2) !important
}

.kb-text-black\/50{
  color:rgb(var(--color-black) / 0.5) !important
}

.kb-text-color-price{
  --tw-text-opacity:1 !important;
  color:rgb(var(--color-price) / var(--tw-text-opacity)) !important
}

.kb-text-coral-red{
  --tw-text-opacity:1 !important;
  color:rgb(var(--color-coral-red) / var(--tw-text-opacity)) !important
}

.kb-text-dark-gray{
  --tw-text-opacity:1 !important;
  color:rgb(var(--color-dark-gray) / var(--tw-text-opacity)) !important
}

.kb-text-form-exp-error{
  --tw-text-opacity:1 !important;
  color:rgb(var(--color-form-exp-error) / var(--tw-text-opacity)) !important
}

.kb-text-form-exp-green-light{
  --tw-text-opacity:1 !important;
  color:rgb(var(--color-form-exp-green-light) / var(--tw-text-opacity)) !important
}

.kb-text-form-exp-grey{
  --tw-text-opacity:1 !important;
  color:rgb(var(--color-form-exp-grey) / var(--tw-text-opacity)) !important
}

.kb-text-form-exp-grey\/10{
  color:rgb(var(--color-form-exp-grey) / 0.1) !important
}

.kb-text-form-exp-grey\/50{
  color:rgb(var(--color-form-exp-grey) / 0.5) !important
}

.kb-text-form-exp-grey\/60{
  color:rgb(var(--color-form-exp-grey) / 0.6) !important
}

.kb-text-form-exp-primary{
  --tw-text-opacity:1 !important;
  color:rgb(var(--color-form-exp-primary) / var(--tw-text-opacity)) !important
}

.kb-text-form-htl-primary{
  --tw-text-opacity:1 !important;
  color:rgb(var(--color-form-htl-primary) / var(--tw-text-opacity)) !important
}

.kb-text-gray{
  --tw-text-opacity:1 !important;
  color:rgb(var(--color-gray) / var(--tw-text-opacity)) !important
}

.kb-text-midnight-blue{
  --tw-text-opacity:1 !important;
  color:rgb(var(--color-midnight-blue) / var(--tw-text-opacity)) !important
}

.kb-text-midnight-blue\/30{
  color:rgb(var(--color-midnight-blue) / 0.3) !important
}

.kb-text-pink{
  --tw-text-opacity:1 !important;
  color:rgb(var(--color-pink) / var(--tw-text-opacity)) !important
}

.kb-text-premium{
  --tw-text-opacity:1 !important;
  color:rgb(var(--color-premium) / var(--tw-text-opacity)) !important
}

.kb-text-primary{
  --tw-text-opacity:1 !important;
  color:rgb(var(--color-primary) / var(--tw-text-opacity)) !important
}

.kb-text-red-500{
  --tw-text-opacity:1 !important;
  color:rgb(239 68 68 / var(--tw-text-opacity)) !important
}

.kb-text-red-700{
  --tw-text-opacity:1 !important;
  color:rgb(185 28 28 / var(--tw-text-opacity)) !important
}

.kb-text-secondary{
  --tw-text-opacity:1 !important;
  color:rgb(var(--color-secondary) / var(--tw-text-opacity)) !important
}

.kb-text-slate-300{
  --tw-text-opacity:1 !important;
  color:rgb(203 213 225 / var(--tw-text-opacity)) !important
}

.kb-text-soft-orange{
  --tw-text-opacity:1 !important;
  color:rgba(var(--color-soft-orange) / var(--tw-text-opacity)) !important
}

.kb-text-status-0{
  --tw-text-opacity:1 !important;
  color:rgb(var(--color-status-0) / var(--tw-text-opacity)) !important
}

.kb-text-status-1{
  --tw-text-opacity:1 !important;
  color:rgb(var(--color-status-1) / var(--tw-text-opacity)) !important
}

.kb-text-status-2{
  --tw-text-opacity:1 !important;
  color:rgb(var(--color-status-2) / var(--tw-text-opacity)) !important
}

.kb-text-status-3{
  --tw-text-opacity:1 !important;
  color:rgb(var(--color-status-3) / var(--tw-text-opacity)) !important
}

.kb-text-status-3\/40{
  color:rgb(var(--color-status-3) / 0.4) !important
}

.kb-text-status-4{
  --tw-text-opacity:1 !important;
  color:rgb(var(--color-status-4) / var(--tw-text-opacity)) !important
}

.kb-text-status-5{
  --tw-text-opacity:1 !important;
  color:rgb(var(--color-status-5) / var(--tw-text-opacity)) !important
}

.kb-text-status-6{
  --tw-text-opacity:1 !important;
  color:rgb(var(--color-status-6) / var(--tw-text-opacity)) !important
}

.kb-text-teal{
  --tw-text-opacity:1 !important;
  color:rgb(var(--color-teal) / var(--tw-text-opacity)) !important
}

.kb-text-third{
  --tw-text-opacity:1 !important;
  color:rgb(var(--color-third) / var(--tw-text-opacity)) !important
}

.kb-text-white{
  --tw-text-opacity:1 !important;
  color:rgb(255 255 255 / var(--tw-text-opacity)) !important
}

.kb-text-zinc-700{
  --tw-text-opacity:1 !important;
  color:rgb(63 63 70 / var(--tw-text-opacity)) !important
}

.kb-text-opacity-50{
  --tw-text-opacity:0.5 !important
}

.kb-underline{
  text-decoration-line:underline !important
}

.kb-line-through{
  text-decoration-line:line-through !important
}

.kb-decoration-primary{
  text-decoration-color:rgb(var(--color-primary) / 1) !important
}

.kb-decoration-2{
  text-decoration-thickness:2px !important
}

.kb-decoration-4{
  text-decoration-thickness:4px !important
}

.kb-underline-offset-1{
  text-underline-offset:1px !important
}

.kb-underline-offset-2{
  text-underline-offset:2px !important
}

.kb-underline-offset-\[12px\]{
  text-underline-offset:12px !important
}

.kb-underline-offset-\[18px\]{
  text-underline-offset:18px !important
}

.kb-placeholder-form-exp-grey::-moz-placeholder{
  --tw-placeholder-opacity:1 !important;
  color:rgb(var(--color-form-exp-grey) / var(--tw-placeholder-opacity)) !important
}

.kb-placeholder-form-exp-grey::placeholder{
  --tw-placeholder-opacity:1 !important;
  color:rgb(var(--color-form-exp-grey) / var(--tw-placeholder-opacity)) !important
}

.kb-placeholder-form-exp-grey\/60::-moz-placeholder{
  color:rgb(var(--color-form-exp-grey) / 0.6) !important
}

.kb-placeholder-form-exp-grey\/60::placeholder{
  color:rgb(var(--color-form-exp-grey) / 0.6) !important
}

.kb-opacity-0{
  opacity:0 !important
}

.kb-opacity-100{
  opacity:1 !important
}

.kb-opacity-25{
  opacity:0.25 !important
}

.kb-opacity-30{
  opacity:0.3 !important
}

.kb-opacity-40{
  opacity:0.4 !important
}

.kb-opacity-50{
  opacity:0.5 !important
}

.kb-opacity-60{
  opacity:0.6 !important
}

.kb-opacity-75{
  opacity:0.75 !important
}

.kb-opacity-90{
  opacity:0.9 !important
}

.kb-shadow-base{
  --tw-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.16) !important;
  --tw-shadow-colored:0 3px 6px 0 var(--tw-shadow-color) !important;
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.kb-shadow-lg{
  --tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important;
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.kb-shadow-md{
  --tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) !important;
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.kb-shadow-sm{
  --tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05) !important;
  --tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color) !important;
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.kb-shadow-t-lg{
  --tw-shadow:0 -10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
  --tw-shadow-colored:0 -10px 15px -3px var(--tw-shadow-color), 0 4px 6px -2px var(--tw-shadow-color) !important;
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.kb-shadow-t-md{
  --tw-shadow:0 -4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
  --tw-shadow-colored:0 -4px 6px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color) !important;
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.kb-shadow-xl{
  --tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color) !important;
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.kb-shadow-black\/20{
  --tw-shadow-color:rgb(var(--color-black) / 0.2) !important;
  --tw-shadow:var(--tw-shadow-colored) !important
}

.kb-shadow-black\/50{
  --tw-shadow-color:rgb(var(--color-black) / 0.5) !important;
  --tw-shadow:var(--tw-shadow-colored) !important
}

.kb-shadow-zinc-200{
  --tw-shadow-color:#e4e4e7 !important;
  --tw-shadow:var(--tw-shadow-colored) !important
}

.kb-ring-2{
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important
}

.kb-ring-red-700{
  --tw-ring-opacity:1 !important;
  --tw-ring-color:rgb(185 28 28 / var(--tw-ring-opacity)) !important
}

.kb-backdrop-blur-sm{
  --tw-backdrop-blur:blur(4px) !important;
  -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important;
          backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important
}

.kb-transition-all{
  transition-property:all !important;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration:150ms !important
}

.kb-transition-opacity{
  transition-property:opacity !important;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration:150ms !important
}

.kb-duration-300{
  transition-duration:300ms !important
}

.kb-ease-in{
  transition-timing-function:cubic-bezier(0.4, 0, 1, 1) !important
}

.kb-ease-linear{
  transition-timing-function:linear !important
}

/* For Webkit-based browsers (Chrome Safari and Opera) */

.scrollbar-hide::-webkit-scrollbar {
  display: none !important;
}

/* For IE Edge and Firefox */

.scrollbar-hide {
  -ms-overflow-style: none !important;
  /* IE and Edge */
  scrollbar-width: none !important;
  /* Firefox */
}

.kb-description  {
  font-family: "Calibre" !important;
}

.kb-description p:first-child strong:first-child {
  letter-spacing: 0 !important;
  font-size: 17px !important;
  line-height: 18px !important;
  text-transform: uppercase !important;
  margin-bottom: 5px !important;
  display: block !important;
  color: #000 !important;
}

.kb-description a {
  color: #1495b7 !important;
}

.kb-description a:hover {
  text-decoration: underline !important;
}

.dp__theme_light {
  --dp-primary-color: rgb(var(--color-datepicker-highlight)) !important;
  --dp-highlight-color: rgba(var(--color-datepicker-highlight-light), 0.2) !important;
  --dp-font-family: var(--base-font-sans), sans-serif !important;
}

.dp__active_date{
  border-radius:9999px
}

.dp__calendar_item{
  margin-left:1px;
  margin-right:1px
}

/* HELPERS */

.kb-text-base {
  color: rgba(var(--text-base));
}

.kb-bg-base {
  background-color: rgba(var(--background-base));
}

.kb-rounded-b-base {
  border-bottom-right-radius: var(--rounded-base);
  border-bottom-left-radius: var(--rounded-base);
}

.kb-rounded-b-base-md {
  border-bottom-right-radius: var(--rounded-base-md);
  border-bottom-left-radius: var(--rounded-base-md);
}

.kb-rounded-b-base-lg {
  border-bottom-right-radius: var(--rounded-base-lg);
  border-bottom-left-radius: var(--rounded-base-lg);
}

.kb-rounded-b-base-xl {
  border-bottom-right-radius: var(--rounded-base-xl);
  border-bottom-left-radius: var(--rounded-base-xl);
}

/* HELPERS THEME */

/* html[data-theme="charming"] .kb-theme-base-cta-bottom{
	z-index: 2147483647!important;
	bottom: -1px !important;
  left: 0px!important;
  width: 101%!important;
	justify-content: center!important;
} */

/* 
	@NOTA: fix momentaneo perché in prod non prende queste classi su components\Experience\Datepicker.vue
 */

@media (max-width: 767px) {
  .dp--menu-wrapper {
    z-index: 9999;
    position: fixed !important;
    top: 50px !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }

  .dp__theme_light {
    height: 100%;
  }

  .dp__arrow_top {
    display: none;
  }

  .dp__menu {
    border: 0 !important;
  }
}

.kb-form-select {
  padding-right: 2rem;
}

@media (min-width: 768px){
  .md\:kb-container{
    width:100%
  }

  @media (min-width: 640px){
    .md\:kb-container{
      max-width:640px
    }
  }

  @media (min-width: 768px){
    .md\:kb-container{
      max-width:768px
    }
  }

  @media (min-width: 1024px){
    .md\:kb-container{
      max-width:1024px
    }
  }

  @media (min-width: 1280px){
    .md\:kb-container{
      max-width:1280px
    }
  }

  @media (min-width: 1536px){
    .md\:kb-container{
      max-width:1536px
    }
  }
}

.placeholder\:kb-text-md::-moz-placeholder{
  font-size:1.063rem !important;
  line-height:1.313rem !important
}

.placeholder\:kb-text-md::placeholder{
  font-size:1.063rem !important;
  line-height:1.313rem !important
}

.placeholder\:kb-text-form-exp-grey\/60::-moz-placeholder{
  color:rgb(var(--color-form-exp-grey) / 0.6) !important
}

.placeholder\:kb-text-form-exp-grey\/60::placeholder{
  color:rgb(var(--color-form-exp-grey) / 0.6) !important
}

.placeholder\:kb-text-gray::-moz-placeholder{
  --tw-text-opacity:1 !important;
  color:rgb(var(--color-gray) / var(--tw-text-opacity)) !important
}

.placeholder\:kb-text-gray::placeholder{
  --tw-text-opacity:1 !important;
  color:rgb(var(--color-gray) / var(--tw-text-opacity)) !important
}

.placeholder\:kb-text-slate-300::-moz-placeholder{
  --tw-text-opacity:1 !important;
  color:rgb(203 213 225 / var(--tw-text-opacity)) !important
}

.placeholder\:kb-text-slate-300::placeholder{
  --tw-text-opacity:1 !important;
  color:rgb(203 213 225 / var(--tw-text-opacity)) !important
}

.after\:kb-pointer-events-none::after{
  content:var(--tw-content) !important;
  pointer-events:none !important
}

.after\:kb-absolute::after{
  content:var(--tw-content) !important;
  position:absolute !important
}

.after\:kb-bottom-\[100\%\]::after{
  content:var(--tw-content) !important;
  bottom:100% !important
}

.after\:kb-left-1\/2::after{
  content:var(--tw-content) !important;
  left:50% !important
}

.after\:kb-right-px::after{
  content:var(--tw-content) !important;
  right:1px !important
}

.after\:kb-top-\[100\%\]::after{
  content:var(--tw-content) !important;
  top:100% !important
}

.after\:kb-top-px::after{
  content:var(--tw-content) !important;
  top:1px !important
}

.after\:kb-block::after{
  content:var(--tw-content) !important;
  display:block !important
}

.after\:kb-h-\[46px\]::after{
  content:var(--tw-content) !important;
  height:46px !important
}

.after\:kb-h-\[52px\]::after{
  content:var(--tw-content) !important;
  height:52px !important
}

.after\:kb-w-16::after{
  content:var(--tw-content) !important;
  width:4rem !important
}

.after\:-kb-translate-x-1\/2::after{
  content:var(--tw-content) !important;
  --tw-translate-x:-50% !important;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.after\:kb-rounded-br-md::after{
  content:var(--tw-content) !important;
  border-bottom-right-radius:0.375rem !important
}

.after\:kb-rounded-tr-md::after{
  content:var(--tw-content) !important;
  border-top-right-radius:0.375rem !important
}

.after\:kb-border-8::after{
  content:var(--tw-content) !important;
  border-width:8px !important
}

.after\:kb-border-x-transparent::after{
  content:var(--tw-content) !important;
  border-left-color:transparent !important;
  border-right-color:transparent !important
}

.after\:kb-border-b-black::after{
  content:var(--tw-content) !important;
  --tw-border-opacity:1 !important;
  border-bottom-color:rgb(var(--color-black) / var(--tw-border-opacity)) !important
}

.after\:kb-border-b-transparent::after{
  content:var(--tw-content) !important;
  border-bottom-color:transparent !important
}

.after\:kb-border-t-black::after{
  content:var(--tw-content) !important;
  --tw-border-opacity:1 !important;
  border-top-color:rgb(var(--color-black) / var(--tw-border-opacity)) !important
}

.after\:kb-border-t-transparent::after{
  content:var(--tw-content) !important;
  border-top-color:transparent !important
}

.after\:kb-bg-gradient-to-r::after{
  content:var(--tw-content) !important;
  background-image:linear-gradient(to right, var(--tw-gradient-stops)) !important
}

.after\:kb-from-transparent::after{
  content:var(--tw-content) !important;
  --tw-gradient-from:transparent var(--tw-gradient-from-position) !important;
  --tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to) !important
}

.after\:kb-to-white::after{
  content:var(--tw-content) !important;
  --tw-gradient-to:#fff var(--tw-gradient-to-position) !important
}

.after\:kb-content-\[\'\'\]::after{
  --tw-content:'' !important;
  content:var(--tw-content) !important
}

.first\:kb-mt-0:first-child{
  margin-top:0px !important
}

.first\:kb-mt-2:first-child{
  margin-top:0.5rem !important
}

.last\:kb-border-b-0:last-child{
  border-bottom-width:0px !important
}

.checked\:kb-border-primary:checked{
  --tw-border-opacity:1 !important;
  border-color:rgb(var(--color-primary) / var(--tw-border-opacity)) !important
}

.checked\:kb-accent-primary:checked{
  accent-color:rgb(var(--color-primary) / 1) !important
}

.checked\:before\:kb-opacity-\[0\.16\]:checked::before{
  content:var(--tw-content) !important;
  opacity:0.16 !important
}

.checked\:after\:kb-absolute:checked::after{
  content:var(--tw-content) !important;
  position:absolute !important
}

.checked\:after\:kb-left-1\/2:checked::after{
  content:var(--tw-content) !important;
  left:50% !important
}

.checked\:after\:kb-top-1\/2:checked::after{
  content:var(--tw-content) !important;
  top:50% !important
}

.checked\:after\:kb-h-\[0\.625rem\]:checked::after{
  content:var(--tw-content) !important;
  height:0.625rem !important
}

.checked\:after\:kb-w-\[0\.625rem\]:checked::after{
  content:var(--tw-content) !important;
  width:0.625rem !important
}

.checked\:after\:kb-rounded-full:checked::after{
  content:var(--tw-content) !important;
  border-radius:9999px !important
}

.checked\:after\:kb-border-primary:checked::after{
  content:var(--tw-content) !important;
  --tw-border-opacity:1 !important;
  border-color:rgb(var(--color-primary) / var(--tw-border-opacity)) !important
}

.checked\:after\:kb-bg-primary:checked::after{
  content:var(--tw-content) !important;
  --tw-bg-opacity:1 !important;
  background-color:rgb(var(--color-primary) / var(--tw-bg-opacity)) !important
}

.checked\:after\:kb-content-\[\'\'\]:checked::after{
  --tw-content:'' !important;
  content:var(--tw-content) !important
}

.checked\:after\:\[transform\:translate\(-50\%\2c -50\%\)\]:checked::after{
  content:var(--tw-content);
  transform:translate(-50%,-50%)
}

.autofill\:kb-bg-white:-webkit-autofill{
  --tw-bg-opacity:1 !important;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity)) !important
}

.autofill\:kb-bg-white:autofill{
  --tw-bg-opacity:1 !important;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity)) !important
}

.autofill\:kb-text-primary:-webkit-autofill{
  --tw-text-opacity:1 !important;
  color:rgb(var(--color-primary) / var(--tw-text-opacity)) !important
}

.autofill\:kb-text-primary:autofill{
  --tw-text-opacity:1 !important;
  color:rgb(var(--color-primary) / var(--tw-text-opacity)) !important
}

.hover\:kb-cursor-help:hover{
  cursor:help !important
}

.hover\:kb-cursor-pointer:hover{
  cursor:pointer !important
}

.hover\:kb-border-primary\/10:hover{
  border-color:rgb(var(--color-primary) / 0.1) !important
}

.hover\:kb-border-status-3:hover{
  --tw-border-opacity:1 !important;
  border-color:rgb(var(--color-status-3) / var(--tw-border-opacity)) !important
}

.hover\:kb-bg-form-exp-green-light:hover{
  --tw-bg-opacity:1 !important;
  background-color:rgb(var(--color-form-exp-green-light) / var(--tw-bg-opacity)) !important
}

.hover\:kb-bg-primary\/10:hover{
  background-color:rgb(var(--color-primary) / 0.1) !important
}

.hover\:kb-bg-primary\/70:hover{
  background-color:rgb(var(--color-primary) / 0.7) !important
}

.hover\:kb-bg-slate-100:hover{
  --tw-bg-opacity:1 !important;
  background-color:rgb(241 245 249 / var(--tw-bg-opacity)) !important
}

.hover\:kb-bg-slate-50:hover{
  --tw-bg-opacity:1 !important;
  background-color:rgb(248 250 252 / var(--tw-bg-opacity)) !important
}

.hover\:kb-bg-status-4:hover{
  --tw-bg-opacity:1 !important;
  background-color:rgb(var(--color-status-4) / var(--tw-bg-opacity)) !important
}

.hover\:kb-bg-teal\/10:hover{
  background-color:rgb(var(--color-teal) / 0.1) !important
}

.hover\:kb-bg-zinc-300:hover{
  --tw-bg-opacity:1 !important;
  background-color:rgb(212 212 216 / var(--tw-bg-opacity)) !important
}

.hover\:kb-text-primary:hover{
  --tw-text-opacity:1 !important;
  color:rgb(var(--color-primary) / var(--tw-text-opacity)) !important
}

.hover\:kb-text-status-3:hover{
  --tw-text-opacity:1 !important;
  color:rgb(var(--color-status-3) / var(--tw-text-opacity)) !important
}

.hover\:kb-text-teal:hover{
  --tw-text-opacity:1 !important;
  color:rgb(var(--color-teal) / var(--tw-text-opacity)) !important
}

.hover\:kb-text-third:hover{
  --tw-text-opacity:1 !important;
  color:rgb(var(--color-third) / var(--tw-text-opacity)) !important
}

.hover\:kb-underline:hover{
  text-decoration-line:underline !important
}

.hover\:kb-no-underline:hover{
  text-decoration-line:none !important
}

.hover\:before\:kb-opacity-\[0\.04\]:hover::before{
  content:var(--tw-content) !important;
  opacity:0.04 !important
}

.hover\:before\:kb-shadow-black\/60:hover::before{
  content:var(--tw-content) !important;
  --tw-shadow-color:rgb(var(--color-black) / 0.6) !important;
  --tw-shadow:var(--tw-shadow-colored) !important
}

.focus\:kb-shadow-none:focus{
  --tw-shadow:0 0 #0000 !important;
  --tw-shadow-colored:0 0 #0000 !important;
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.focus\:kb-outline-none:focus{
  outline:2px solid transparent !important;
  outline-offset:2px !important
}

.focus\:kb-ring-0:focus{
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important
}

.focus\:kb-ring-2:focus{
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important
}

.focus\:kb-ring-4:focus{
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important
}

.focus\:kb-ring-primary:focus{
  --tw-ring-opacity:1 !important;
  --tw-ring-color:rgb(var(--color-primary) / var(--tw-ring-opacity)) !important
}

.focus\:kb-ring-primary\/20:focus{
  --tw-ring-color:rgb(var(--color-primary) / 0.2) !important
}

.focus\:kb-ring-white\/20:focus{
  --tw-ring-color:rgb(255 255 255 / 0.2) !important
}

.focus\:kb-ring-offset-0:focus{
  --tw-ring-offset-width:0px !important
}

.focus\:before\:kb-scale-100:focus::before{
  content:var(--tw-content) !important;
  --tw-scale-x:1 !important;
  --tw-scale-y:1 !important;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.focus\:before\:kb-opacity-\[0\.12\]:focus::before{
  content:var(--tw-content) !important;
  opacity:0.12 !important
}

.focus\:before\:kb-shadow-black\/60:focus::before{
  content:var(--tw-content) !important;
  --tw-shadow-color:rgb(var(--color-black) / 0.6) !important;
  --tw-shadow:var(--tw-shadow-colored) !important
}

.focus\:before\:kb-transition-\[box-shadow_0\.2s\2c transform_0\.2s\]:focus::before{
  content:var(--tw-content) !important;
  transition-property:box-shadow 0.2s,transform 0.2s !important;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration:150ms !important
}

.checked\:focus\:kb-border-primary:focus:checked{
  --tw-border-opacity:1 !important;
  border-color:rgb(var(--color-primary) / var(--tw-border-opacity)) !important
}

.checked\:focus\:before\:kb-scale-100:focus:checked::before{
  content:var(--tw-content) !important;
  --tw-scale-x:1 !important;
  --tw-scale-y:1 !important;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.checked\:focus\:before\:kb-transition-\[box-shadow_0\.2s\2c transform_0\.2s\]:focus:checked::before{
  content:var(--tw-content) !important;
  transition-property:box-shadow 0.2s,transform 0.2s !important;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration:150ms !important
}

.focus-visible\:kb-outline-none:focus-visible{
  outline:2px solid transparent !important;
  outline-offset:2px !important
}

.disabled\:kb-opacity-5:disabled{
  opacity:0.05 !important
}

.kb-group:hover .group-hover\:kb-block{
  display:block !important
}

.kb-peer:checked ~ .peer-checked\:kb-pointer-events-none{
  pointer-events:none !important
}

.kb-peer:checked ~ .peer-checked\:kb-bg-form-exp-grey{
  --tw-bg-opacity:1 !important;
  background-color:rgb(var(--color-form-exp-grey) / var(--tw-bg-opacity)) !important
}

.kb-peer:checked ~ .peer-checked\:kb-bg-primary{
  --tw-bg-opacity:1 !important;
  background-color:rgb(var(--color-primary) / var(--tw-bg-opacity)) !important
}

.kb-peer:disabled ~ .peer-disabled\:kb-cursor-not-allowed{
  cursor:not-allowed !important
}

.kb-peer:disabled ~ .peer-disabled\:kb-opacity-50{
  opacity:0.5 !important
}

:is([dir="rtl"] .rtl\:kb-float-right){
  float:right !important
}

@media print{
  .print\:kb-mt-10{
    margin-top:2.5rem !important
  }

  .print\:kb-mt-4{
    margin-top:1rem !important
  }

  .print\:kb-block{
    display:block !important
  }

  .print\:kb-flex{
    display:flex !important
  }

  .print\:kb-hidden{
    display:none !important
  }

  .print\:kb-w-1\/2{
    width:50% !important
  }

  .print\:kb-flex-row{
    flex-direction:row !important
  }

  .print\:kb-border-b-0{
    border-bottom-width:0px !important
  }

  .print\:kb-bg-white{
    --tw-bg-opacity:1 !important;
    background-color:rgb(255 255 255 / var(--tw-bg-opacity)) !important
  }
}

@media not all and (min-width: 768px){
  .max-md\:kb-mb-2{
    margin-bottom:0.5rem !important
  }

  .max-md\:kb-flex-col{
    flex-direction:column !important
  }

  .max-md\:kb-self-start{
    align-self:flex-start !important
  }
}

@media (min-width: 640px){
  .sm\:kb-col-span-2{
    grid-column:span 2 / span 2 !important
  }

  .sm\:kb-col-start-3{
    grid-column-start:3 !important
  }

  .sm\:kb-row-start-1{
    grid-row-start:1 !important
  }

  .sm\:kb-my-8{
    margin-top:2rem !important;
    margin-bottom:2rem !important
  }

  .sm\:kb-mb-0{
    margin-bottom:0px !important
  }

  .sm\:kb-mb-6{
    margin-bottom:1.5rem !important
  }

  .sm\:kb-ml-16{
    margin-left:4rem !important
  }

  .sm\:kb-ml-3{
    margin-left:0.75rem !important
  }

  .sm\:kb-ml-4{
    margin-left:1rem !important
  }

  .sm\:kb-mt-0{
    margin-top:0px !important
  }

  .sm\:kb-block{
    display:block !important
  }

  .sm\:kb-flex{
    display:flex !important
  }

  .sm\:kb-grid{
    display:grid !important
  }

  .sm\:kb-hidden{
    display:none !important
  }

  .sm\:kb-h-20{
    height:5rem !important
  }

  .sm\:kb-h-8{
    height:2rem !important
  }

  .sm\:kb-w-3\/4{
    width:75% !important
  }

  .sm\:kb-w-32{
    width:8rem !important
  }

  .sm\:kb-w-8{
    width:2rem !important
  }

  .sm\:kb-w-80{
    width:20rem !important
  }

  .sm\:kb-w-auto{
    width:auto !important
  }

  .sm\:kb-w-full{
    width:100% !important
  }

  .sm\:kb-max-w-lg{
    max-width:32rem !important
  }

  .sm\:kb-max-w-none{
    max-width:none !important
  }

  .sm\:kb-max-w-screen-sm{
    max-width:640px !important
  }

  .sm\:kb-grid-cols-2{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important
  }

  .sm\:kb-flex-row{
    flex-direction:row !important
  }

  .sm\:kb-flex-row-reverse{
    flex-direction:row-reverse !important
  }

  .sm\:kb-flex-wrap{
    flex-wrap:wrap !important
  }

  .sm\:kb-items-center{
    align-items:center !important
  }

  .sm\:kb-justify-start{
    justify-content:flex-start !important
  }

  .sm\:kb-gap-3{
    gap:0.75rem !important
  }

  .sm\:kb-gap-5{
    gap:1.25rem !important
  }

  .sm\:kb-border-b-0{
    border-bottom-width:0px !important
  }

  .sm\:kb-border-b-2{
    border-bottom-width:2px !important
  }

  .sm\:kb-border-b-neutral-100{
    --tw-border-opacity:1 !important;
    border-bottom-color:rgb(245 245 245 / var(--tw-border-opacity)) !important
  }

  .sm\:kb-border-b-white{
    --tw-border-opacity:1 !important;
    border-bottom-color:rgb(255 255 255 / var(--tw-border-opacity)) !important
  }

  .sm\:kb-p-0{
    padding:0px !important
  }

  .sm\:kb-p-6{
    padding:1.5rem !important
  }

  .sm\:kb-px-6{
    padding-left:1.5rem !important;
    padding-right:1.5rem !important
  }

  .sm\:kb-px-8{
    padding-left:2rem !important;
    padding-right:2rem !important
  }

  .sm\:kb-py-12{
    padding-top:3rem !important;
    padding-bottom:3rem !important
  }

  .sm\:kb-pb-12{
    padding-bottom:3rem !important
  }

  .sm\:kb-pb-4{
    padding-bottom:1rem !important
  }

  .sm\:kb-pt-4{
    padding-top:1rem !important
  }

  .sm\:kb-text-\[10px\]{
    font-size:10px !important
  }
}

@media (min-width: 768px){
  .md\:kb-absolute{
    position:absolute !important
  }

  .md\:kb-relative{
    position:relative !important
  }

  .md\:kb-left-0{
    left:0px !important
  }

  .md\:kb-right-7{
    right:1.75rem !important
  }

  .md\:kb-top-0{
    top:0px !important
  }

  .md\:kb-top-7{
    top:1.75rem !important
  }

  .md\:kb-top-auto{
    top:auto !important
  }

  .md\:kb-order-1{
    order:1 !important
  }

  .md\:kb-order-2{
    order:2 !important
  }

  .md\:kb-order-none{
    order:0 !important
  }

  .md\:kb-col-start-2{
    grid-column-start:2 !important
  }

  .md\:kb-mx-4{
    margin-left:1rem !important;
    margin-right:1rem !important
  }

  .md\:kb-my-2{
    margin-top:0.5rem !important;
    margin-bottom:0.5rem !important
  }

  .md\:-kb-ml-8{
    margin-left:-2rem !important
  }

  .md\:kb-mb-0{
    margin-bottom:0px !important
  }

  .md\:kb-mb-1{
    margin-bottom:0.25rem !important
  }

  .md\:kb-mb-10{
    margin-bottom:2.5rem !important
  }

  .md\:kb-mb-12{
    margin-bottom:3rem !important
  }

  .md\:kb-mb-2{
    margin-bottom:0.5rem !important
  }

  .md\:kb-mb-4{
    margin-bottom:1rem !important
  }

  .md\:kb-mb-7{
    margin-bottom:1.75rem !important
  }

  .md\:kb-ml-2{
    margin-left:0.5rem !important
  }

  .md\:kb-ml-40{
    margin-left:10rem !important
  }

  .md\:kb-ml-5{
    margin-left:1.25rem !important
  }

  .md\:kb-ml-8{
    margin-left:2rem !important
  }

  .md\:kb-ml-auto{
    margin-left:auto !important
  }

  .md\:kb-mr-2{
    margin-right:0.5rem !important
  }

  .md\:kb-mr-40{
    margin-right:10rem !important
  }

  .md\:kb-mt-0{
    margin-top:0px !important
  }

  .md\:kb-mt-11{
    margin-top:2.75rem !important
  }

  .md\:kb-mt-5{
    margin-top:1.25rem !important
  }

  .md\:kb-block{
    display:block !important
  }

  .md\:kb-inline-block{
    display:inline-block !important
  }

  .md\:kb-inline{
    display:inline !important
  }

  .md\:kb-flex{
    display:flex !important
  }

  .md\:kb-grid{
    display:grid !important
  }

  .md\:kb-hidden{
    display:none !important
  }

  .md\:kb-h-10{
    height:2.5rem !important
  }

  .md\:kb-h-24{
    height:6rem !important
  }

  .md\:kb-h-32{
    height:8rem !important
  }

  .md\:kb-h-9{
    height:2.25rem !important
  }

  .md\:kb-h-auto{
    height:auto !important
  }

  .md\:kb-h-fit{
    height:-moz-fit-content !important;
    height:fit-content !important
  }

  .md\:kb-w-1\/2{
    width:50% !important
  }

  .md\:kb-w-1\/4{
    width:25% !important
  }

  .md\:kb-w-10{
    width:2.5rem !important
  }

  .md\:kb-w-112{
    width:28rem !important
  }

  .md\:kb-w-2\/3{
    width:66.666667% !important
  }

  .md\:kb-w-2\/5{
    width:40% !important
  }

  .md\:kb-w-3\/4{
    width:75% !important
  }

  .md\:kb-w-3\/5{
    width:60% !important
  }

  .md\:kb-w-32{
    width:8rem !important
  }

  .md\:kb-w-4{
    width:1rem !important
  }

  .md\:kb-w-40{
    width:10rem !important
  }

  .md\:kb-w-48{
    width:12rem !important
  }

  .md\:kb-w-56{
    width:14rem !important
  }

  .md\:kb-w-60{
    width:15rem !important
  }

  .md\:kb-w-72{
    width:18rem !important
  }

  .md\:kb-w-96{
    width:24rem !important
  }

  .md\:kb-w-\[740px\]{
    width:740px !important
  }

  .md\:kb-w-full{
    width:100% !important
  }

  .md\:kb-max-w-2xl{
    max-width:42rem !important
  }

  .md\:kb-max-w-full{
    max-width:100% !important
  }

  .md\:kb-max-w-screen-md{
    max-width:768px !important
  }

  .md\:kb-max-w-sm{
    max-width:24rem !important
  }

  .md\:kb-scale-125{
    --tw-scale-x:1.25 !important;
    --tw-scale-y:1.25 !important;
    transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
  }

  .md\:kb-grid-cols-2{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important
  }

  .md\:kb-grid-cols-3{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important
  }

  .md\:kb-flex-row{
    flex-direction:row !important
  }

  .md\:kb-flex-col{
    flex-direction:column !important
  }

  .md\:kb-flex-nowrap{
    flex-wrap:nowrap !important
  }

  .md\:kb-items-start{
    align-items:flex-start !important
  }

  .md\:kb-items-end{
    align-items:flex-end !important
  }

  .md\:kb-items-center{
    align-items:center !important
  }

  .md\:kb-items-stretch{
    align-items:stretch !important
  }

  .md\:kb-justify-start{
    justify-content:flex-start !important
  }

  .md\:kb-justify-end{
    justify-content:flex-end !important
  }

  .md\:kb-justify-center{
    justify-content:center !important
  }

  .md\:kb-justify-between{
    justify-content:space-between !important
  }

  .md\:kb-gap-4{
    gap:1rem !important
  }

  .md\:kb-gap-6{
    gap:1.5rem !important
  }

  .md\:kb-gap-x-10{
    -moz-column-gap:2.5rem !important;
         column-gap:2.5rem !important
  }

  .md\:kb-gap-x-8{
    -moz-column-gap:2rem !important;
         column-gap:2rem !important
  }

  .md\:kb-self-end{
    align-self:flex-end !important
  }

  .md\:kb-self-center{
    align-self:center !important
  }

  .md\:kb-overflow-hidden{
    overflow:hidden !important
  }

  .md\:kb-overflow-visible{
    overflow:visible !important
  }

  .md\:kb-whitespace-nowrap{
    white-space:nowrap !important
  }

  .md\:kb-rounded-base-lg{
    border-radius:var(--rounded-base-lg) !important
  }

  .md\:kb-rounded-base-xl{
    border-radius:var(--rounded-base-xl) !important
  }

  .md\:kb-rounded-lg{
    border-radius:0.5rem !important
  }

  .md\:kb-border-t{
    border-top-width:1px !important
  }

  .md\:kb-border-none{
    border-style:none !important
  }

  .md\:kb-border-form-exp-grey\/20{
    border-color:rgb(var(--color-form-exp-grey) / 0.2) !important
  }

  .md\:kb-object-cover{
    -o-object-fit:cover !important;
       object-fit:cover !important
  }

  .md\:kb-p-4{
    padding:1rem !important
  }

  .md\:kb-px-0{
    padding-left:0px !important;
    padding-right:0px !important
  }

  .md\:kb-px-11{
    padding-left:2.75rem !important;
    padding-right:2.75rem !important
  }

  .md\:kb-px-4{
    padding-left:1rem !important;
    padding-right:1rem !important
  }

  .md\:kb-px-5{
    padding-left:1.25rem !important;
    padding-right:1.25rem !important
  }

  .md\:kb-px-8{
    padding-left:2rem !important;
    padding-right:2rem !important
  }

  .md\:kb-py-4{
    padding-top:1rem !important;
    padding-bottom:1rem !important
  }

  .md\:kb-pb-0{
    padding-bottom:0px !important
  }

  .md\:kb-pb-1{
    padding-bottom:0.25rem !important
  }

  .md\:kb-pb-16{
    padding-bottom:4rem !important
  }

  .md\:kb-pb-2{
    padding-bottom:0.5rem !important
  }

  .md\:kb-pl-0{
    padding-left:0px !important
  }

  .md\:kb-pr-7{
    padding-right:1.75rem !important
  }

  .md\:kb-pt-0{
    padding-top:0px !important
  }

  .md\:kb-pt-1{
    padding-top:0.25rem !important
  }

  .md\:kb-pt-10{
    padding-top:2.5rem !important
  }

  .md\:kb-pt-2{
    padding-top:0.5rem !important
  }

  .md\:kb-pt-5{
    padding-top:1.25rem !important
  }

  .md\:kb-text-left{
    text-align:left !important
  }

  .md\:kb-text-center{
    text-align:center !important
  }

  .md\:kb-text-right{
    text-align:right !important
  }

  .md\:kb-text-lg{
    font-size:1.125rem !important;
    line-height:1.75rem !important
  }

  .md\:kb-text-xl{
    font-size:1.25rem !important;
    line-height:1.75rem !important
  }

  .md\:kb-leading-none{
    line-height:1 !important
  }

  .md\:kb-text-form-exp-grey{
    --tw-text-opacity:1 !important;
    color:rgb(var(--color-form-exp-grey) / var(--tw-text-opacity)) !important
  }

  .md\:kb-placeholder-transparent::-moz-placeholder{
    color:transparent !important
  }

  .md\:kb-placeholder-transparent::placeholder{
    color:transparent !important
  }

  .md\:kb-shadow-lg{
    --tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) !important;
    --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important;
    box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
  }

  .md\:kb-shadow-md{
    --tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important;
    --tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) !important;
    box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
  }
}

@media (min-width: 1024px){
  .lg\:kb-relative{
    position:relative !important
  }

  .lg\:kb-sticky{
    position:sticky !important
  }

  .lg\:-kb-left-52{
    left:-13rem !important
  }

  .lg\:kb-top-0{
    top:0px !important
  }

  .lg\:kb-top-4{
    top:1rem !important
  }

  .lg\:kb-order-none{
    order:0 !important
  }

  .lg\:kb-col-span-1{
    grid-column:span 1 / span 1 !important
  }

  .lg\:kb-col-span-2{
    grid-column:span 2 / span 2 !important
  }

  .lg\:kb-col-span-3{
    grid-column:span 3 / span 3 !important
  }

  .lg\:kb-mx-2{
    margin-left:0.5rem !important;
    margin-right:0.5rem !important
  }

  .lg\:kb-mx-auto{
    margin-left:auto !important;
    margin-right:auto !important
  }

  .lg\:kb-mb-0{
    margin-bottom:0px !important
  }

  .lg\:kb-mb-10{
    margin-bottom:2.5rem !important
  }

  .lg\:kb-mb-4{
    margin-bottom:1rem !important
  }

  .lg\:kb-mb-5{
    margin-bottom:1.25rem !important
  }

  .lg\:kb-mb-6{
    margin-bottom:1.5rem !important
  }

  .lg\:kb-ml-0{
    margin-left:0px !important
  }

  .lg\:kb-ml-auto{
    margin-left:auto !important
  }

  .lg\:kb-mr-2{
    margin-right:0.5rem !important
  }

  .lg\:kb-mt-0{
    margin-top:0px !important
  }

  .lg\:kb-mt-2{
    margin-top:0.5rem !important
  }

  .lg\:kb-mt-4{
    margin-top:1rem !important
  }

  .lg\:kb-mt-6{
    margin-top:1.5rem !important
  }

  .lg\:kb-block{
    display:block !important
  }

  .lg\:kb-flex{
    display:flex !important
  }

  .lg\:kb-grid{
    display:grid !important
  }

  .lg\:kb-hidden{
    display:none !important
  }

  .lg\:kb-h-112{
    height:28rem !important
  }

  .lg\:kb-h-24{
    height:6rem !important
  }

  .lg\:kb-h-7{
    height:1.75rem !important
  }

  .lg\:kb-w-1\/12{
    width:8.333333% !important
  }

  .lg\:kb-w-1\/2{
    width:50% !important
  }

  .lg\:kb-w-1\/3{
    width:33.333333% !important
  }

  .lg\:kb-w-112{
    width:28rem !important
  }

  .lg\:kb-w-2\/12{
    width:16.666667% !important
  }

  .lg\:kb-w-2\/6{
    width:33.333333% !important
  }

  .lg\:kb-w-20{
    width:5rem !important
  }

  .lg\:kb-w-3\/12{
    width:25% !important
  }

  .lg\:kb-w-3\/4{
    width:75% !important
  }

  .lg\:kb-w-4\/12{
    width:33.333333% !important
  }

  .lg\:kb-w-4\/5{
    width:80% !important
  }

  .lg\:kb-w-4\/6{
    width:66.666667% !important
  }

  .lg\:kb-w-44{
    width:11rem !important
  }

  .lg\:kb-w-52{
    width:13rem !important
  }

  .lg\:kb-w-7{
    width:1.75rem !important
  }

  .lg\:kb-w-80{
    width:20rem !important
  }

  .lg\:kb-w-full{
    width:100% !important
  }

  .lg\:kb-max-w-3xl{
    max-width:48rem !important
  }

  .lg\:kb-max-w-\[39rem\]{
    max-width:39rem !important
  }

  .lg\:kb-max-w-\[700px\]{
    max-width:700px !important
  }

  .lg\:kb-max-w-md{
    max-width:28rem !important
  }

  .lg\:kb-max-w-none{
    max-width:none !important
  }

  .lg\:kb-basis-\[22\.5rem\]{
    flex-basis:22.5rem !important
  }

  .lg\:kb-basis-\[39rem\]{
    flex-basis:39rem !important
  }

  .lg\:kb-auto-cols-auto{
    grid-auto-columns:auto !important
  }

  .lg\:kb-grid-cols-2{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important
  }

  .lg\:kb-grid-cols-3{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important
  }

  .lg\:kb-grid-cols-4{
    grid-template-columns:repeat(4, minmax(0, 1fr)) !important
  }

  .lg\:kb-grid-cols-5{
    grid-template-columns:repeat(5, minmax(0, 1fr)) !important
  }

  .lg\:kb-flex-row{
    flex-direction:row !important
  }

  .lg\:kb-flex-col{
    flex-direction:column !important
  }

  .lg\:kb-justify-start{
    justify-content:flex-start !important
  }

  .lg\:kb-justify-end{
    justify-content:flex-end !important
  }

  .lg\:kb-justify-between{
    justify-content:space-between !important
  }

  .lg\:kb-gap-2{
    gap:0.5rem !important
  }

  .lg\:kb-gap-9{
    gap:2.25rem !important
  }

  .lg\:kb-gap-x-5{
    -moz-column-gap:1.25rem !important;
         column-gap:1.25rem !important
  }

  .lg\:kb-border-b{
    border-bottom-width:1px !important
  }

  .lg\:kb-border-pearl-gray{
    --tw-border-opacity:1 !important;
    border-color:rgb(var(--color-pearl-gray) / var(--tw-border-opacity)) !important
  }

  .lg\:kb-border-zinc-500\/10{
    border-color:rgb(113 113 122 / 0.1) !important
  }

  .lg\:kb-px-0{
    padding-left:0px !important;
    padding-right:0px !important
  }

  .lg\:kb-px-5{
    padding-left:1.25rem !important;
    padding-right:1.25rem !important
  }

  .lg\:kb-px-8{
    padding-left:2rem !important;
    padding-right:2rem !important
  }

  .lg\:kb-py-6{
    padding-top:1.5rem !important;
    padding-bottom:1.5rem !important
  }

  .lg\:kb-pb-12{
    padding-bottom:3rem !important
  }

  .lg\:kb-pb-2{
    padding-bottom:0.5rem !important
  }

  .lg\:kb-pb-4{
    padding-bottom:1rem !important
  }

  .lg\:kb-pl-6{
    padding-left:1.5rem !important
  }

  .lg\:kb-text-left{
    text-align:left !important
  }

  .lg\:kb-text-base{
    font-size:1rem !important;
    line-height:1.5rem !important
  }

  .lg\:kb-text-lg{
    font-size:1.125rem !important;
    line-height:1.75rem !important
  }

  .lg\:kb-shadow-md{
    --tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important;
    --tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) !important;
    box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
  }

  .lg\:kb-shadow-none{
    --tw-shadow:0 0 #0000 !important;
    --tw-shadow-colored:0 0 #0000 !important;
    box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
  }
}

@media (min-width: 1280px){
  .xl\:kb-col-auto{
    grid-column:auto !important
  }

  .xl\:kb-col-span-4{
    grid-column:span 4 / span 4 !important
  }

  .xl\:kb-w-3\/5{
    width:60% !important
  }

  .xl\:kb-w-4\/5{
    width:80% !important
  }

  .xl\:kb-w-5\/12{
    width:41.666667% !important
  }

  .xl\:kb-w-7\/12{
    width:58.333333% !important
  }

  .xl\:kb-max-w-\[46\.875rem\]{
    max-width:46.875rem !important
  }

  .xl\:kb-basis-\[46\.875rem\]{
    flex-basis:46.875rem !important
  }

  .xl\:kb-grid-cols-3{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important
  }

  .xl\:kb-grid-cols-4{
    grid-template-columns:repeat(4, minmax(0, 1fr)) !important
  }

  .xl\:kb-flex-row{
    flex-direction:row !important
  }

  .xl\:kb-justify-end{
    justify-content:flex-end !important
  }

  .xl\:kb-justify-between{
    justify-content:space-between !important
  }

  .xl\:kb-px-12{
    padding-left:3rem !important;
    padding-right:3rem !important
  }

  .xl\:kb-text-left{
    text-align:left !important
  }

  .xl\:kb-text-xl{
    font-size:1.25rem !important;
    line-height:1.75rem !important
  }
}

@media (min-width: 1536px){
  .\32xl\:kb-col-span-5{
    grid-column:span 5 / span 5 !important
  }

  .\32xl\:kb-w-1\/2{
    width:50% !important
  }

  .\32xl\:kb-grid-cols-5{
    grid-template-columns:repeat(5, minmax(0, 1fr)) !important
  }
}

@media (min-width: 1600px){
  .min-\[1600px\]\:kb-w-6\/12{
    width:50% !important
  }
}

/*# sourceMappingURL=main.css.map */