generated from VLADIMIR/template_frontend
2 lines
2.2 KiB
CSS
2 lines
2.2 KiB
CSS
.binding-card[data-v-f823e404],.qr-card[data-v-f823e404],.ready-card[data-v-f823e404]{text-align:center;width:100%;max-width:min(94vw,520px)}.binding-card p[data-v-f823e404],.qr-card p[data-v-f823e404],.ready-card p[data-v-f823e404]{margin:0 0 16px}.binding-card .n-select[data-v-f823e404]{margin-bottom:8px}.binding-card .n-button[data-v-f823e404],.qr-card .n-button[data-v-f823e404],.ready-card .n-button[data-v-f823e404]{margin-top:8px}.ready-title[data-v-f823e404]{font-size:28px}.screen-qr[data-v-f823e404]{background:#fff;padding:12px;line-height:0}.screen-center[data-v-f823e404]{justify-content:center;align-items:center;min-height:100dvh;padding:20px;display:flex}.screen-page[data-v-f823e404]{color:#eee;background:#111;min-height:100dvh}.screen-content[data-v-f823e404]{text-align:center;background-position:50%;background-size:cover;justify-content:center;align-items:center;min-height:100dvh;display:flex}.media-error[data-v-f823e404]{z-index:2;background:#6b2d2d;border-radius:8px;margin:0;padding:10px 14px;position:fixed;top:20px;left:20px;right:20px}.screen-cover[data-v-f823e404]{background:#ffffff14;border-radius:16px;padding:48px}.cover-label[data-v-f823e404]{margin:0 0 20px;font-size:clamp(28px,6vw,72px)}.cover-image[data-v-f823e404]{object-fit:contain;max-width:min(80vw,720px);max-height:55dvh;margin:0 auto 24px;display:block}.screen-message[data-v-f823e404]{font-size:clamp(42px,10vw,140px);font-weight:700}.screen-media[data-v-f823e404]{width:900px;max-width:90vw}.screen-media audio[data-v-f823e404],.screen-media video[data-v-f823e404]{width:100%;max-height:75dvh}.media-title[data-v-f823e404]{font-size:32px}.cassette[data-v-f823e404]{background:#303030;border:8px solid #555;border-radius:12px;max-width:720px;margin:0 auto 20px;padding:18px;position:relative}.cassette-label[data-v-f823e404]{color:#d6c58a;letter-spacing:4px;margin-bottom:10px;font-family:monospace}.cassette canvas[data-v-f823e404]{background:#161616;width:640px;max-width:100%;height:120px;display:block}.cassette-reel[data-v-f823e404]{border:6px solid #aaa;border-radius:50%;width:42px;height:42px;position:absolute;bottom:30px}.cassette-reel-left[data-v-f823e404]{left:34px}.cassette-reel-right[data-v-f823e404]{right:34px}
|