@import url(./font.css);

.recto.veuve-clicquot::before {
    background-image: url(../../img/veuve-clicquot/recto.svg);
}

.veuve-clicquot {
    --original-width: 85;
    --original-height: 55;
    --gutter: 5;
    --card-color: #ffffff;
    --input-background-color: #dedede7f;
    --input-color: #787878;
    --caret-color: #000000;

    --card-width: calc(var(--max-width) / 2 * var(--original-height) / (var(--original-height) + 2 * var(--gutter)));
    --card-height: calc(var(--max-width) / 2 * var(--original-height) / (var(--original-height) + 2 * var(--gutter)) * (var(--original-height) / var(--original-width)));
    --card-margin: calc(var(--max-width) / 2 * var(--gutter) / (var(--original-height) + 2 * var(--gutter)) * (var(--original-height) / var(--original-width)));
    --imposition-width: calc(var(--max-width) / 2 * (var(--original-height) * var(--c) + (var(--c) - 1) * var(--gutter)) / ((var(--original-height) * var(--c) + (var(--c) - 1) * var(--gutter)) + 2 * var(--gutter)));
    --imposition-height: calc(var(--max-width) / 2 * (var(--original-height) * var(--c) + (var(--c) - 1) * var(--gutter)) / ((var(--original-height) * var(--c) + (var(--c) - 1) * var(--gutter)) + 2 * var(--gutter)) * ((var(--original-height) * var(--c) + (var(--c) - 1) * var(--gutter)) / (var(--original-width) * var(--r) + (var(--r) - 1) * var(--gutter))));
}