/* =========================================
   Global Resets & Typography
   ========================================= */
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&display=swap');

body {
    font-family: 'Roboto', sans-serif;
}

button:focus,
input:focus {
    outline: none;
    box-shadow: none;
}

a,
a:hover {
    text-decoration: none;
}

/* =========================================
   NiceGUI Slider Captcha Classes
   ========================================= */
.captcha-container {
    width: 300px;
    height: 150px;
    position: relative;
    overflow: hidden;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.puzzle-piece {
    position: absolute;
    top: 50px;
    left: 0;
    cursor: pointer;
    z-index: 10;
    filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.8));
}