/* /Pages/LandingPage.razor.rz.scp.css */
.binary-nature-logo-container[b-luzw0g1q4x] {
    /* Flexbox properties for centering */
    display: flex;
    justify-content: center; /* Centers horizontally */
    align-items: center; /* Centers vertically */
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -120%);
    min-width: 100px; /* Adjust size as needed */
    min-height: 100px;
    height: auto;
    aspect-ratio: 1;
}

.binary-nature-logo[b-luzw0g1q4x] {
    /* flex-grow: 1, flex-shrink: 1, flex-basis: 33.33% */
    flex: 1 1 33.33%;
    /* Optional: ensure the image fits within the container */
    width: auto;
    height: auto; /* Adjust height as needed */
    max-width: 100%;
    max-height: 100%;
}

.timers-container[b-luzw0g1q4x] {
    display: flex;
    flex-direction: column; /* Stacks items vertically */
    gap: 40%; /* Adds space between the items */
    /* Optional: to align items horizontally within the container */
    align-items: center; /* Centers vertically */
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -10%);
    min-width: 30px; /* Adjust si8e as needed */
    height: auto;
    aspect-ratio: 1;
}

@media (min-width: 600px) {

    .binary-nature-logo-container[b-luzw0g1q4x] {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -60%);
    }

    .binary-nature-logo[b-luzw0g1q4x] {
        /* flex-grow: 1, flex-shrink: 1, flex-basis: 33.33% */
        flex: 1 1 20%;
        /* Optional: ensure the image fits within the container */
        max-width: 70%;
        max-height: 70%;
    }

    .timers-container[b-luzw0g1q4x] {
        flex-direction: row; /* Stacks items vertically */
        gap: 20px; /* Adds space between the items */
        top: 50%;
        left: 50%;
        transform: translate(-50%, -14%);
    }
}

.timer-container[b-luzw0g1q4x] {
    /* flex-grow: 1, flex-shrink: 1, flex-basis: 33.33% */
    flex: 1 1 33.33%;
    position: relative;
    min-width: 40px;
    min-height: 40px;
    font-family: Arial, sans-serif;
    color: lightgrey;
}

.timer-ring[b-luzw0g1q4x] {
    transform: rotate(-90deg);
}

.timer-ring-background[b-luzw0g1q4x] {
    fill: none;
    stroke: lightgray;
    stroke-width: 2;
}

.timer-ring-bar[b-luzw0g1q4x] {
    fill: none;
    stroke: dimgrey;
    stroke-width: 2;
    stroke-linecap: round;
    transition: stroke-dashoffset 1s linear;
}

.timer-number[b-luzw0g1q4x] {
    /* flex-grow: 1, flex-shrink: 1, flex-basis: 33.33% */
    flex: 1 1 33.33%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1rem;
}

.timer-label[b-luzw0g1q4x] {
    /* flex-grow: 1, flex-shrink: 1, flex-basis: 33.33% */
    flex: 1 1 33.33%;
    position: absolute;
    top: 120%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 0.6rem;
}