.coi{justify-content:center;align-items:center;gap:.6rem;width:100%;height:100%;padding:.4rem;display:flex}.coi,.coi__page{position:relative}.coi__page{background:var(--card-solid);border:1px solid var(--border);border-radius:6px;width:96px;height:124px;box-shadow:0 4px 12px #00000014,inset 0 1px #ffffff80}.coi__block{background:var(--neutral-200)}.coi__block,.coi__brand{border-radius:2px;position:absolute}.coi__brand{background:var(--primary-solid);width:14px;height:4px;top:6px;right:6px}.coi__formats{flex-direction:column;gap:5px;display:flex}.coi__format{color:#fff;letter-spacing:.06em;text-align:center;border-radius:6px;padding:4px 9px;font-size:9px;font-weight:700;box-shadow:0 2px 6px #0000002e}.coi__format--pdf{background:#d74242}.coi__format--xlsx{background:#339969}.coi__format--csv{background:#4994df}@media (max-width:380px){.coi{flex-direction:column}}