@theme {
    --color-clifford: #da373d;
}

a {
    text-decoration: underline;
}
.null {
    color: #dedede;
}

#order {
    .armed {
        display: block;
    }

    .waiting {
        display: none;
    }

    .done {
        display: none;
    }
}

form.processing #order {
    .armed {
        display: none;
    }

    .waiting {
        display: flex;
    }

    .done {
        display: none;
    }
}

form.processed #order {
    .armed {
        display: none;
    }

    .waiting {
        display: none;
    }

    .done {
        display: block;
    }
}

form.processed * {
    opacity: 0;
    transition: all 0.2s ease-in-out;
}

form.processed #msg {
    opacity: 1;
    transition: all 0.5s ease-in-out;
}

form.processed #msg * {
    opacity: 1;
}

.product:hover .zoom {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}