general {
  hide_cursor = true
  grace = 5
  ignore_empty_input = true
  enable_fingerprint = true
  fractional_scaling = 2
}

background {
  path = {{image}}
  blur_passes = 3
  blur_size 15
  noise = 0.1
}

#
# Login
#

input-field {
    monitor =
    size = 20%, 5%
    outline_thickness = 3
    inner_color = {{colors.background.default.rgba}}

    check_color = {{colors.secondary_container.default.rgba}}
    fail_color = {{colors.error_container.default.rgba}}

    font_color = {{colors.primary.default.rgba}}
    font_family = {{custom.font}}
    placeholder_text = Enter password
    size = 48
    fade_on_empty = false
    rounding = 10

    halign = center
    valign = center
    position = 0, 0
}

label {
  font_family = {{custom.font}}
  color = {{colors.primary.default.rgba}}
  font_size = 24
  text =  Hello

  valign = center
  halign = center
  position = -6%, 5%
}

shape {
  color = {{colors.background.default.rgba}}
  rounding = 10

  monitor =
  size = 150, 60
  position = -6%, 5%
  halign = center
  valign = center
}

#
# Sidebar
#

label {
  color = {{colors.primary.default.rgba}}
  font_family = {{custom.font}}
  font_size = 17
  rotate = 270
  text = cmd[update:60]echo 󰎇 $(head -c 30 <<< $(playerctl metadata title))

  monitor =
  size = 20, 40
  position = -23, -20
  halign = right
  valign = top
}

shape {
  color = {{colors.background.default.rgba}}
  rounding = 10

  monitor =
  size = 50, 410
  position = -10, -5
  halign = right
  valign = top
}

# Clock
label {
  color = {{colors.primary.default.rgba}}
  font_family = {{custom.font}}
  font_size = 17
  text = cmd[update:60]echo -e " \n$(date '+%I\n%M')"

  monitor =
  size = 20, 40
  position = -23, 20
  halign = right
  valign = bottom
}

shape {
  color = {{colors.background.default.rgba}}
  rounding = 10

  monitor =
  size = 50, 110
  position = -10, 5
  halign = right
  valign = bottom
}