@import url(./font.css);

.recto.dom-pérignon::before {
    background-image: url(../../img/dom-pérignon/recto.svg);
}

.dom-pérignon {
    --original-width: 90;
    --original-height: 50;
    --gutter: 5;
    --card-color: #000000;
    --input-background-color: #7777777f;
    --input-color: #d6d6d6;
    --caret-color: #ffffff;

    --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))));
}