.dot-field{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity 1.4s ease;mask-image:linear-gradient(90deg,transparent 22%,color-mix(in srgb,var(--ds-black) 50%,transparent) 44%,var(--ds-black) 68%);-webkit-mask-image:linear-gradient(90deg,transparent 22%,color-mix(in srgb,var(--ds-black) 50%,transparent) 44%,var(--ds-black) 68%)}.dot-field.is-ready{opacity:1}@media(max-width:760px){.dot-field{mask-image:linear-gradient(180deg,transparent 64%,var(--ds-black) 96%);-webkit-mask-image:linear-gradient(180deg,transparent 64%,var(--ds-black) 96%)}}@media print{.dot-field{display:none}}.v1-viewas{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-2) var(--ds-space-4);background:var(--ds-cyan);color:var(--ds-navy);font-size:var(--ds-text-small)}.v1-viewas>span{flex:1;min-width:0}.v1-viewas button{flex:none;min-height:36px;padding:0 var(--ds-space-3);border:0;border-radius:var(--ds-radius-pill);background:var(--ds-navy);color:var(--ds-white);font:inherit;font-weight:700;cursor:pointer}.v1-viewas button:focus-visible{outline:2px solid var(--ds-focus);outline-offset:2px}