.form-grid > [data-quando] {
display: contents;
}
.stamp-sheet {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
gap: 1rem;
align-items: center;
margin-top: 0.9rem;
}
.sheet-preview {
width: 116px;
height: auto;
filter: drop-shadow(0 2px 6px var(--line-pink-4-veil));
}
.sheet-preview rect {
vector-effect: non-scaling-stroke;
}
.sheet-paper {
fill: var(--surface-neutral-9);
stroke: var(--line-pink-8);
stroke-width: 1.5px;
}
.sheet-margin {
fill: none;
stroke: var(--line-green-3);
stroke-width: 1px;
stroke-dasharray: 4 3;
}
.sheet-stamp {
fill: var(--surface-pink-8);
stroke: var(--line-pink-4);
stroke-width: 1px;
}
.sheet-none {
fill: var(--ink-pink-4);
font-size: 1.6px;
}
.stamp-result .price {
margin: 0.2rem 0 0.4rem;
}
@media (max-width: 560px) {
.stamp-sheet {
grid-template-columns: minmax(0, 1fr);
justify-items: center;
text-align: center;
}
}
.print-upload.over {
border-color: var(--line-pink-4);
background: var(--surface-pink-4-veil);
}
.print-upload {
cursor: pointer;
}
.print-upload input[type='file'] {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
border: 0;
opacity: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
}
.print-upload:focus-within {
outline: 2px solid var(--line-pink-4);
outline-offset: 2px;
}