#░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
#░   ░░░░   ░░░░░░░░░░░░░░░░░░░░░░░░░░░░   ░░░░░░░░░░░░░░░░░░░░   ░░░░░░░░░░░░░░░░   ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░   ░░░░░░░░░░░░░░
#▒   ▒▒▒▒   ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒   ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒   ▒▒▒▒▒▒▒▒▒▒▒▒▒   ▒▒▒   ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒  ▒▒▒▒▒▒  ▒▒▒▒▒▒▒▒▒
#▒   ▒▒▒▒   ▒   ▒▒▒   ▒  ▒   ▒▒▒  ▒    ▒   ▒▒▒▒   ▒▒▒▒▒▒▒▒    ▒   ▒▒   ▒▒▒▒▒▒▒   ▒▒▒▒▒▒▒▒▒▒▒   ▒▒▒▒▒   ▒   ▒▒▒    ▒  ▒▒▒▒▒▒▒     ▒▒
#▓          ▓▓   ▓   ▓▓  ▓▓   ▓▓▓   ▓▓▓▓   ▓▓   ▓▓   ▓▓▓   ▓▓▓▓   ▓   ▓▓▓▓▓▓▓▓   ▓▓▓▓▓▓▓▓▓   ▓▓   ▓▓▓   ▓▓   ▓▓▓   ▓▓▓▓   ▓   ▓▓   
#▓   ▓▓▓▓   ▓▓▓▓    ▓▓▓  ▓▓▓   ▓▓   ▓▓▓▓   ▓   ▓▓▓▓   ▓   ▓▓▓▓▓     ▓▓▓▓▓▓▓▓▓▓   ▓▓▓▓▓▓▓▓   ▓▓▓▓   ▓▓   ▓▓   ▓▓▓   ▓▓▓▓   ▓  ▓▓▓   
#▓   ▓▓▓▓   ▓▓▓▓▓   ▓▓▓   ▓   ▓▓▓   ▓▓▓▓   ▓▓   ▓▓   ▓▓▓   ▓▓▓▓   ▓   ▓▓▓▓▓▓▓▓▓   ▓▓▓   ▓▓   ▓▓   ▓▓▓   ▓▓   ▓▓▓   ▓▓▓▓   ▓    ▓   
#█   ████   ████   ████   ██████    ████   ████   ████████    █   ██   ██████████     ██████   █████    ██   ███   ████   █████   █
#██████████████   █████   ███████████████████████████████████████████████████████████████████████████████████████████████████    ██


general {
    grace = 15
}

# ┌                                                ┐
# │                   BACKGROUND                   │
# └                                                ┘
background {
    monitor = 
    path = {{ lockpaper-path }} # Or screenshot

    blur_passes = 1
}

# ┌                                                ┐
# │                 PASSWORD INPUT                 │
# └                                                ┘
input-field {
    monitor =
    size = 300, 40
    outline_thickness = 3
    dots_size = 0.33 # Scale of input-field height, 0.2 - 0.8
    dots_spacing = 0.15 # Scale of dots' absolute size, 0.0 - 1.0
    dots_center = false
    outer_color = {{ colour-accent-rgb }}
    inner_color = rgb(200, 200, 200)
    font_color = rgb(10, 10, 10)
    fade_on_empty = true
    placeholder_text = <i>Input Password...</i> # Text rendered in the input box when it's empty.
    hide_input = false

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

label {
    monitor =
    text = <b>$TIME</b>
    color = {{ colour-primary-rgb }}
    font_size = 100
    font_family = {{ font-primary }}

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

label {
    monitor =
    text = $LAYOUT
    color = rgba(200, 200, 200, 1.0)
    font_size = 12
    font_family = {{ font-primary }}

    position = 0, 0
    halign = right
    valign = bottom
}

label {
    monitor =
    text = $USER
    color = rgba(200, 200, 200, 1.0)
    font_size = 12
    font_family = {{ font-primary }}

    position = 0, 0
    halign = left
    valign = bottom
    shadow_passes = 3
}

label {
    monitor =
    text = <i>Failed attempts: $ATTEMPTS</i>
    color = rgba(200, 0, 0, 1.0)
    font_size = 12
    font_family = {{ font-accent }}

    position = 0, 20
    halign = center
    valign = bottom
    shadow_passes = 3
    shadow_size = 5
    shadow_boost = 3
    shadow_color = rgb(255,255,255)
}