.qr-code-canvas{aspect-ratio:1/1!important;height:100%!important;width:100%!important}.credential-viewer-block{position:absolute}.credential-viewer-block[data-type=text]{display:flex;flex-direction:column;overflow-wrap:break-word!important;white-space:pre-wrap}.credential-viewer-block[data-type=image]>img{-o-object-fit:contain;object-fit:contain;height:100%;width:100%}.credential-viewer-block[data-type=horizontal-line],.credential-viewer-block[data-type=vertical-line]{will-change:transform}.credential-viewer-block[data-type=horizontal-line]{transform:scaleY(.999)}.credential-viewer-block[data-type=vertical-line]{transform:scaleX(.999)}.credential-viewer-frame{position:relative;width:100%;height:auto;display:flex;justify-content:center;border-radius:8px;overflow:hidden;aspect-ratio:1.415;direction:ltr!important}.credential-viewer-frame[data-paper-size=US_Letter]{aspect-ratio:1.292}@container root (min-width: 800px){.credential-viewer-frame{height:488px;width:auto}}@container root (min-width: 1280px){.credential-viewer-frame{height:608px;width:auto}}.credential-viewer-picker{overflow-y:hidden;overflow-x:hidden;position:relative}.credential-viewer-picker-designs{overflow-y:hidden;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.credential-viewer-picker-scroller{display:flex;width:-moz-max-content;width:max-content;min-width:100%;justify-items:center;-moz-column-gap:8px;column-gap:8px}.credential-viewer-picker-scroll-button-container{position:absolute;height:100%;width:40px;display:flex;align-items:center;justify-content:center}.credential-viewer-picker-scroll-button-container[data-type=start]{left:0;top:0;width:80px;justify-items:start;background:linear-gradient(to right,rgb(var(--credential-viewer-picker-bg)) 0,rgba(var(--credential-viewer-picker-bg)/.7) 50%,rgba(var(--credential-viewer-picker-bg)/0) 100%)}.credential-viewer-picker-scroll-button-container[data-type=end]{right:0;bottom:0;width:80px;justify-items:end;background:linear-gradient(to left,rgb(var(--credential-viewer-picker-bg)) 0,rgba(var(--credential-viewer-picker-bg)/.7) 50%,rgba(var(--credential-viewer-picker-bg)/0) 100%)}.credential-viewer-picker-scroll-button-start-icon{transform:rotate(90deg)}.credential-viewer-picker-scroll-button-end-icon{transform:rotate(-90deg)}@media (min-width:1112px){.credential-viewer-picker{height:100%}.credential-viewer-picker-designs{overflow-y:auto;overflow-x:hidden;height:100%}.credential-viewer-picker-scroller{flex-direction:column;row-gap:16px;width:none;min-width:none;height:-moz-max-content;height:max-content;min-height:100%}.credential-viewer-picker-scroll-button-container{height:40px;width:100%}.credential-viewer-picker-scroll-button-container[data-type=start]{top:0;left:none;height:80px;width:100%;align-items:start;background:linear-gradient(to bottom,rgb(var(--credential-viewer-picker-bg)) 0,rgba(var(--credential-viewer-picker-bg)/.8) 50%,rgba(var(--credential-viewer-picker-bg)/0) 100%)}.credential-viewer-picker-scroll-button-container[data-type=end]{bottom:0;height:80px;right:none;top:none;align-items:end;width:100%;background:linear-gradient(to top,rgb(var(--credential-viewer-picker-bg)) 0,rgba(var(--credential-viewer-picker-bg)/.8) 50%,rgba(var(--credential-viewer-picker-bg)/0) 100%)}.credential-viewer-picker-scroll-button-start-icon{transform:rotate(180deg)}.credential-viewer-picker-scroll-button-end-icon{transform:rotate(0deg)}}.credential-viewer-picker-scroll-button{background:#fff;width:32px;height:32px;border-radius:9999px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.07);box-shadow:0 1px 2px 0 rgba(0,0,0,.03),0 1px 6px -1px rgba(0,0,0,.02),0 2px 4px 0 rgba(0,0,0,.02);& svg{width:16px;height:16px}}.credential-viewer-picker-button{height:72px;width:98px;display:flex;justify-content:center;padding:4px;border-radius:8px}.credential-viewer-picker-button[data-active=true]{background-color:rgba(0,0,0,.15)}.credential-viewer-picker-button-thumbnail{height:100%;border-radius:6px}.credential-viewer-picker-button-thumbnail[data-orientation=landscape]{width:100%;-o-object-fit:cover;object-fit:cover}.credential-viewer-picker-button-thumbnail[data-orientation=portrait]{-o-object-fit:contain;object-fit:contain}.credential-viewer-picker-button:hover{background-color:rgba(0,0,0,.15)}@container root (min-width: 1000px){.credential-viewer-picker{top:0;right:0;row-gap:24px;position:absolute;flex-direction:column;transform:translateX(calc(100% + 24px))}}@container root(min-width: 800px){.credential-viewer-picker-button{height:82px;width:116px}}.credential-viewer-slot{height:100%;width:auto;position:relative;border-radius:8px;overflow:hidden}.credential-viewer-slot[data-orientation=square]{aspect-ratio:1}.credential-viewer-slot[data-paper-size=A4][data-orientation=landscape]{aspect-ratio:1.415}.credential-viewer-slot[data-paper-size=A4][data-orientation=portrait]{aspect-ratio:.708}.credential-viewer-slot[data-paper-size=US_Letter][data-orientation=landscape]{aspect-ratio:1.292}.credential-viewer-slot[data-paper-size=US_Letter][data-orientation=portrait]{aspect-ratio:.773}.credential-viewer-root{container-name:root;container-type:inline-size;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;justify-content:center}.credential-viewer,.credential-viewer-root{width:100%;position:relative}@container root (min-width: 800px){.credential-viewer{width:-moz-max-content;width:max-content}}@container root (min-width: 1280px){.credential-viewer{width:-moz-max-content;width:max-content}}.credential-viewer-background{width:100%;height:100%}.credential-viewer-footnote{width:100%;margin-top:8px}