@font-face { font-family: HvgRoboto; src: url('./fonts/roboto.woff2') format('woff2'); font-style: normal; font-weight: 100 900; font-display: swap; }
@font-face { font-family: HvgOpenSans; src: url('./fonts/open-sans.woff2') format('woff2'); font-style: normal; font-weight: 300 800; font-display: swap; }
@font-face { font-family: HvgLato; src: url('./fonts/lato.woff2') format('woff2'); font-style: normal; font-weight: 400; font-display: swap; }
@font-face { font-family: HvgLato; src: url('./fonts/lato-bold.woff2') format('woff2'); font-style: normal; font-weight: 700; font-display: swap; }
@font-face { font-family: HvgMontserrat; src: url('./fonts/montserrat.woff2') format('woff2'); font-style: normal; font-weight: 100 900; font-display: swap; }
@font-face { font-family: HvgDancingScript; src: url('./fonts/dancing-script.woff2') format('woff2'); font-style: normal; font-weight: 400 700; font-display: swap; }
@font-face { font-family: HvgGreatVibes; src: url('./fonts/great-vibes.woff2') format('woff2'); font-style: normal; font-weight: 400; font-display: swap; }

hoevelmann-engraving { display: block; min-width: 0; }
hoevelmann-engraving [hidden] { display: none !important; }
hoevelmann-engraving .hvg-preview { min-width: 0; padding-top: 1rem; border-top: 1px solid #dedbd5; }
hoevelmann-engraving .hvg-preview-heading { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: .25rem .75rem; margin-bottom: .75rem; }
hoevelmann-engraving .hvg-preview-font { color: #665a4d; font-size: .875rem; }
hoevelmann-engraving .hvg-preview-surface { position: relative; box-sizing: border-box; display: flex; align-items: center; justify-content: center; min-width: 0; min-height: 124px; overflow: hidden; padding: 24px 20px; border: 1px solid #d2b894; border-radius: 6px; background: linear-gradient(100deg, #ead6b7, #f4e5cb 52%, #e7d0ac); }
hoevelmann-engraving .hvg-preview-surface.has-background { aspect-ratio: 16 / 9; min-height: 160px; background: #f4eee4; }
hoevelmann-engraving .hvg-preview-background { position: absolute; inset: 0; z-index: 0; display: block; width: 100%; height: 100%; object-fit: contain; object-position: center; pointer-events: none; }
hoevelmann-engraving .hvg-preview-text { position: relative; z-index: 1; display: inline-block; flex: 0 0 auto; white-space: pre; font-size: 32px; font-style: normal; font-weight: 700; line-height: 1.8; font-synthesis: weight; letter-spacing: 0; color: #4a3424; text-shadow: 0 1px 0 #ffffff80; }
hoevelmann-engraving .hvg-preview-position { margin: .5rem 0 0; }
hoevelmann-engraving .hvg-preview-status { margin: .5rem 0 0; color: #69503c; }
hoevelmann-engraving .hvg-preview-status:empty { display: none; }