Source file checkbox_style__generated.ml

include struct
  let () =
    Inline_css.Private.append
      {|
/* _none_ */

@layer kado.checkboxes{
 *.button-box-container_hash_0b86ab8dc9 {
  display:inline-flex;
  position:relative;
  align-self:flex-start;
  margin:0.25em;
  padding-right:0.5em;
  background:var(--bg_hash_0b86ab8dc9);
  border:1px solid var(--border_hash_0b86ab8dc9);
  border-radius:4px;
  white-space:pre;
  user-select:none;
  cursor:pointer
 }
 
 *.button-box-container_hash_0b86ab8dc9:has(:focus-visible) {
  outline:3px solid var(--touch_hash_0b86ab8dc9);
  z-index:1;
  outline-offset:-3px
 }
 
 *.button-box-container_hash_0b86ab8dc9>input {
  appearance:none;
  position:relative;
  margin:0px;
  margin-right:0.5em;
  font-size:inherit;
  line-height:1.2em;
  width:1.2em;
  height:1.2em;
  border-radius:0;
  border-top-left-radius:3px;
  border-bottom-left-radius:3px;
  border:1px solid transparent;
  border-right:1px solid var(--border_hash_0b86ab8dc9);
  outline:0px;
  outline-offset:-1px;
  cursor:pointer
 }
 
 *.button-box-container_hash_0b86ab8dc9>input:focus-visible {
  border:1px solid var(--touch_hash_0b86ab8dc9)
 }
 
 *.button-box-container_hash_0b86ab8dc9:has(input:checked) {
  background:var(--touch_highlight_hash_0b86ab8dc9)
 }
 
 *.button-box-container_hash_0b86ab8dc9>input:checked {
  background:var(--touch_hash_0b86ab8dc9);
  border:0;
  outline:1px solid var(--touch_hash_0b86ab8dc9);
  outline-offset:0px
 }
 
 *.button-box-container_hash_0b86ab8dc9>input:focus-visible:not(:checked) {
  border-right:1px solid var(--touch_hash_0b86ab8dc9)
 }
 
 *.button-box-container_hash_0b86ab8dc9>input:not(:checked) {
  border-top-right-radius:0;
  border-bottom-right-radius:0
 }
 
 *.button-box-container_hash_0b86ab8dc9>input:checked::before,*.button-box-container_hash_0b86ab8dc9:focus-visible>input::before,*.button-box-container_hash_0b86ab8dc9:hover>input::before,*.button-box-container_hash_0b86ab8dc9>input:checked::after,*.button-box-container_hash_0b86ab8dc9:focus-visible>input::before,*.button-box-container_hash_0b86ab8dc9:hover>input::after {
  content:"";
  display:block;
  position:absolute;
  background:currentcolor
 }
 
 *.button-box-container_hash_0b86ab8dc9>input:checked::before,*.button-box-container_hash_0b86ab8dc9:focus-visible>input::before,*.button-box-container_hash_0b86ab8dc9:hover>input::before {
  width:35%;
  height:13%;
  transform:rotate(45deg) translate(145%,230%);
  border-bottom-right-radius:1px
 }
 
 *.button-box-container_hash_0b86ab8dc9>input:checked::after,*.button-box-container_hash_0b86ab8dc9:focus-visible>input::before,*.button-box-container_hash_0b86ab8dc9:hover>input::after {
  width:65%;
  height:15%;
  transform:translate(35%,285%) rotate(309deg);
  border-bottom-left-radius:1px
 }
 
 *.button-box-container_hash_0b86ab8dc9:hover>input:checked,*.button-box-container_hash_0b86ab8dc9:focus-visible>input:checked {
  filter:brightness(1.2)
 }
 
 *.button-box-container_hash_0b86ab8dc9:hover>input:not(:checked)::before,*.button-box-container_hash_0b86ab8dc9:hover>input:not(:checked)::after {
  background:#3f444a
 }
 
 *.vbox_hash_0b86ab8dc9 {
  display:flex;
  flex-direction:column;
  align-self:flex-start;
  align-items:stretch;
  margin:0.25em
 }
 
 *.vbox_hash_0b86ab8dc9>*.button-box-container_hash_0b86ab8dc9 {
  margin:0;
  align-self:unset
 }
 
 *.vbox_hash_0b86ab8dc9>*.button-box-container_hash_0b86ab8dc9,*.vbox_hash_0b86ab8dc9>*.button-box-container_hash_0b86ab8dc9>input {
  border-radius:0
 }
 
 *.vbox_hash_0b86ab8dc9>*.button-box-container_hash_0b86ab8dc9:first-child,*.vbox_hash_0b86ab8dc9>*.button-box-container_hash_0b86ab8dc9:first-child>input {
  border-top-left-radius:3px
 }
 
 *.vbox_hash_0b86ab8dc9>*.button-box-container_hash_0b86ab8dc9:first-child {
  border-top-right-radius:3px
 }
 
 *.vbox_hash_0b86ab8dc9>*.button-box-container_hash_0b86ab8dc9:last-child,*.vbox_hash_0b86ab8dc9>*.button-box-container_hash_0b86ab8dc9:last-child>input {
  border-bottom-left-radius:3px
 }
 
 *.vbox_hash_0b86ab8dc9>*.button-box-container_hash_0b86ab8dc9:last-child {
  border-bottom-right-radius:3px
 }
 
 *.vbox_hash_0b86ab8dc9>*.button-box-container_hash_0b86ab8dc9:not(:first-child) {
  border-top:0
 }
 
}|}
  [@@@ocaml.warning "-32"]
  let (__type_info_for_ppx_css :
    ?rewrite:(string * string) list ->
      ?dont_hash:string list ->
        ?dont_hash_prefixes:string list -> string -> unit)
    =
    fun ?rewrite:_ ->
      fun ?dont_hash:_ -> fun ?dont_hash_prefixes:_ -> fun _ -> ()
  module type S  =
    sig
      module Variables :
      sig
        val set :
          ?bg:string ->
            ?border:string ->
              ?touch:string ->
                ?touch_highlight:string -> unit -> Virtual_dom.Vdom.Attr.t
        val set_all :
          bg:string ->
            border:string ->
              touch:string ->
                touch_highlight:string -> Virtual_dom.Vdom.Attr.t
      end
      module For_referencing :
      sig
        val bg : string
        val border : string
        val button_box_container : string
        val touch : string
        val touch_highlight : string
        val vbox : string
      end
      val button_box_container : Virtual_dom.Vdom.Attr.t
      val vbox : Virtual_dom.Vdom.Attr.t
    end
  type t = (module S)
  module Default : S =
    struct
      module Variables =
        struct
          let ppx_css_variable_set__003_ ?bg  ?border  ?touch 
            ?touch_highlight  () =
            let ppx_css_acc__001_ = [] in
            let ppx_css_acc__001_ =
              match bg with
              | None -> ppx_css_acc__001_
              | Some ppx_css_value__002_ ->
                  ({|--bg_hash_0b86ab8dc9|}, ppx_css_value__002_) ::
                  ppx_css_acc__001_ in
            let ppx_css_acc__001_ =
              match border with
              | None -> ppx_css_acc__001_
              | Some ppx_css_value__002_ ->
                  ({|--border_hash_0b86ab8dc9|}, ppx_css_value__002_) ::
                  ppx_css_acc__001_ in
            let ppx_css_acc__001_ =
              match touch with
              | None -> ppx_css_acc__001_
              | Some ppx_css_value__002_ ->
                  ({|--touch_hash_0b86ab8dc9|}, ppx_css_value__002_) ::
                  ppx_css_acc__001_ in
            let ppx_css_acc__001_ =
              match touch_highlight with
              | None -> ppx_css_acc__001_
              | Some ppx_css_value__002_ ->
                  ({|--touch_highlight_hash_0b86ab8dc9|},
                    ppx_css_value__002_)
                  :: ppx_css_acc__001_ in
            Virtual_dom.Vdom.Attr.__css_vars_no_kebabs ppx_css_acc__001_
          let set = ppx_css_variable_set__003_
          let set_all ~bg  ~border  ~touch  ~touch_highlight  =
            ppx_css_variable_set__003_ () ~bg ~border ~touch ~touch_highlight
        end
      module For_referencing =
        struct
          let button_box_container = {|button-box-container_hash_0b86ab8dc9|}
          let vbox = {|vbox_hash_0b86ab8dc9|}
          let touch_highlight = {|--touch_highlight_hash_0b86ab8dc9|}
          let border = {|--border_hash_0b86ab8dc9|}
          let touch = {|--touch_hash_0b86ab8dc9|}
          let bg = {|--bg_hash_0b86ab8dc9|}
        end
      let button_box_container =
        Virtual_dom.Vdom.Attr.class_ {|button-box-container_hash_0b86ab8dc9|}
      let vbox = Virtual_dom.Vdom.Attr.class_ {|vbox_hash_0b86ab8dc9|}
    end 
  include Default
  let default : t = (module Default) end