.demoWrapper[data-v-200d392a]{background:#f9f9f9;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.deviceIpadPro.landscape[data-v-200d392a]{padding:30px;position:relative}@media (max-width:1024px){.deviceIpadPro.landscape[data-v-200d392a]{padding:10px}}.deviceIpadPro.landscape .deviceFrame[data-v-200d392a]{box-sizing:border-box;background:#0d0d0d;border-radius:36px;width:100%;height:100%;padding:27px;position:relative;box-shadow:inset 0 0 0 1px #babdbf,inset 0 0 1px 3px #e2e3e4}.deviceIpadPro.landscape .deviceScreen[data-v-200d392a]{background:var(--canaryThemeBackgroundColor);border:2px solid #121212;border-radius:11px;width:100%;height:100%;overflow:hidden}.viewport[data-v-200d392a]{transform-origin:0 0;flex-direction:column;width:1487px;height:1024px;display:flex;position:relative}.deviceIpadPro.landscape .deviceSensors[data-v-200d392a]:after,.deviceIpadPro.landscape .deviceSensors[data-v-200d392a]:before{content:"";position:absolute}.deviceIpadPro.landscape .deviceSensors[data-v-200d392a]:after{background:#1a1a1a;border-radius:17px;width:10px;height:10px;margin-top:-5px;top:50%;left:12px;box-shadow:0 -20px #1a1a1a,0 70px #1a1a1a}.deviceIpadPro.landscape .deviceSensors[data-v-200d392a]:before{background:radial-gradient(at 20% 20%,#6074bf 0,#0000 40%),radial-gradient(at 80% 80%,#513785 0,#24555e 20%,#0000 50%);border-radius:50%;width:6px;height:6px;margin-top:-3px;top:50%;left:14px;box-shadow:0 0 1px 1px #ffffff0d}.button[data-v-9091f641]{border-radius:var(--canaryThemeCardCornerRadius);cursor:pointer;font-family:var(--canaryThemeFontFamilyBody);font-weight:var(--canaryFontWeightMedium);align-items:center;gap:var(--canarySpace2);white-space:nowrap;border:1px solid #0000;justify-content:center;transition:background-color .12s,border-color .12s,transform 80ms;display:inline-flex;position:relative}.button[data-v-9091f641]:focus-visible{outline:2px solid var(--canaryThemeButtonColor);outline-offset:2px}.button[data-v-9091f641]:disabled{cursor:not-allowed;opacity:.55}.button[data-v-9091f641]:not(:disabled):active{transform:translateY(1px)}.block[data-v-9091f641]{width:100%}.content[data-v-9091f641]{align-items:center;gap:var(--canarySpace2);display:inline-flex}.content.hidden[data-v-9091f641]{visibility:hidden}.size-small[data-v-9091f641]{font-size:var(--canaryFontSizeCaption);height:var(--canarySizeButtonSm);padding:0 var(--canarySpace4)}.size-medium[data-v-9091f641]{font-size:var(--canaryFontSizeBodyLg);height:var(--canarySizeButtonMd);padding:0 var(--canarySpace5)}.size-large[data-v-9091f641]{min-width:320px;height:64px;padding:0 var(--canarySpace6);font-size:24px;font-weight:600}.size-huge[data-v-9091f641]{font-size:var(--canaryFontSizeKioskAction);font-weight:var(--canaryFontWeightMedium);height:var(--canarySizeButtonHuge);padding:0}.size-huge .content[data-v-9091f641]{gap:var(--canarySpace2);flex-direction:column}.size-xl[data-v-9091f641]{font-size:var(--canaryFontSizeKioskAction);font-weight:var(--canaryFontWeightBold);height:var(--canarySizeButtonXl);padding:var(--canarySpace4) var(--canarySpace6)}.type-primary[data-v-9091f641]{background:var(--canaryThemeButtonColor);color:var(--canaryThemeButtonTextColor)}.type-primary[data-v-9091f641]:not(:disabled):hover{background:var(--canaryThemeButtonColorHover)}.type-secondary[data-v-9091f641]{border-color:var(--canaryThemeButtonColor);color:var(--canaryThemeButtonColor);background:0 0}.type-secondary[data-v-9091f641]:not(:disabled):hover{background:color-mix(in srgb, var(--canaryThemeButtonColor) 8%, transparent)}.type-tertiary[data-v-9091f641]{color:var(--canaryThemeButtonColor);padding-inline:var(--canarySpace2);background:0 0}.type-tertiary[data-v-9091f641]:not(:disabled):hover{background:color-mix(in srgb, var(--canaryThemeButtonColor) 8%, transparent)}.spinner[data-v-9091f641]{height:var(--canarySizeCheckbox);width:var(--canarySizeCheckbox);border:2px solid;border-right-color:#0000;border-radius:50%;margin:auto;animation:.7s linear infinite spin-9091f641;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes spin-9091f641{to{transform:rotate(360deg)}}.backdrop[data-v-04a4c60f]{padding:var(--canarySpace6);z-index:1000;background:#00000073;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.modal[data-v-04a4c60f]{background:var(--canaryThemeBackgroundColor);border-radius:var(--canaryThemeContainerCornerRadius);gap:var(--canarySpace4);max-width:520px;padding:var(--canarySpace8);text-align:center;flex-direction:column;width:100%;display:flex;box-shadow:0 24px 60px #00000040}.title[data-v-04a4c60f]{color:var(--canaryThemeFontColorDefault);font-family:var(--canaryThemeFontFamilyHeading);font-size:var(--canaryFontSizeStepH1);margin:0;font-weight:300}.body[data-v-04a4c60f]{color:var(--canaryThemeFontColorSecondary);font-size:var(--canaryFontSizeBody);line-height:var(--canaryLineHeightBody);margin:0}.actions[data-v-04a4c60f]{gap:var(--canarySpace3);margin-top:var(--canarySpace2);justify-content:center;display:flex}.actions[data-v-04a4c60f] .button{flex:1 1 0;min-width:0}html,body,#app{height:100%;margin:0;padding:0}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f9f9f9;font-family:Roboto,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}:root{--canaryThemeButtonColor:#926e27;--canaryThemeButtonColorHover:#7a5c20;--canaryThemeButtonTextColor:#fff;--canaryThemeFontColorDefault:#000;--canaryThemeFontColorSecondary:#718096;--canaryThemeCardCornerRadius:4px;--canaryThemeContainerCornerRadius:4px;--canaryThemeTextTransformHeader:none;--canaryThemeFontFamilyHeading:"Roboto", system-ui, -apple-system, "Segoe UI", sans-serif;--canaryThemeFontFamilyBody:"Roboto", system-ui, -apple-system, "Segoe UI", sans-serif;--canaryThemeBackgroundColor:#faf8f1;--canaryThemeSurfaceColor:#f7fafc;--canaryThemeBorderColor:#e2e8f0;--canarySpace1:4px;--canarySpace2:8px;--canarySpace3:12px;--canarySpace4:16px;--canarySpace5:20px;--canarySpace6:24px;--canarySpace7:28px;--canarySpace8:32px;--canarySpace10:40px;--canarySpace12:48px;--canarySpace16:64px;--canarySpace20:80px;--canarySpace24:96px;--canaryFontSizeTitleLg:56px;--canaryFontSizeHeroH1:36px;--canaryFontSizeTitle:28px;--canaryFontSizeH2:22px;--canaryFontSizeSubtitle:18px;--canaryFontSizeKioskGreet:120px;--canaryFontSizeKioskAction:37px;--canaryFontSizeStepH1:32px;--canaryFontSizeStepH2:28px;--canaryFontSizeStepInput:20px;--canaryFontSizeStepLabel:16px;--canaryFontSizeStatusBar:12px;--canaryFontSizePickerTitle:32px;--canaryFontSizePickerSub:20px;--canaryFontSizeBody:16px;--canaryFontSizeBodyLg:15px;--canaryFontSizeCaption:14px;--canaryFontSizeLabel:13px;--canaryFontSizeFinePrint:12px;--canaryFontSizeMicro:11px;--canaryLineHeightTitle:1.2;--canaryLineHeightBody:1.5;--canaryFontWeightBold:600;--canaryFontWeightMedium:500;--canaryLetterSpacingLabel:.08em;--canarySizeButtonSm:32px;--canarySizeButtonMd:40px;--canarySizeButtonLg:52px;--canarySizeButtonHuge:240px;--canarySizeButtonXl:308px;--canarySizeIconButton:64px;--canarySizeInput:44px;--canarySizeCheckbox:18px;--canaryCardPaddingY:var(--canarySpace5);--canaryCardPaddingX:var(--canarySpace6);--canaryInputPaddingY:var(--canarySpace3);--canaryInputPaddingX:var(--canarySpace4);--canaryInputFontSize:var(--canaryFontSizeBody);--canaryFormMaxWidth:480px;--canaryFormMaxWidthNarrow:380px;--canaryFormMaxWidthWide:620px;--canaryStepPaddingY:var(--canarySpace10);--canaryStepPaddingX:var(--canarySpace24);--canaryHeroPad:var(--canarySpace8);--canaryHeroGap:var(--canarySpace4);--headerHeight:72px}.canary-card{background:var(--canaryThemeBackgroundColor);border:1px solid var(--canaryThemeBorderColor);border-radius:var(--canaryThemeCardCornerRadius);padding:var(--canaryCardPaddingY) var(--canaryCardPaddingX)}.canary-card-flat{background:var(--canaryThemeSurfaceColor);border-radius:var(--canaryThemeCardCornerRadius);padding:var(--canaryCardPaddingY) var(--canaryCardPaddingX)}.canary-form{gap:var(--canarySpace4);max-width:var(--canaryFormMaxWidth);flex-direction:column;width:100%;margin:0 auto;display:flex}.canary-form-narrow{max-width:var(--canaryFormMaxWidthNarrow)}.canary-form-wide{max-width:var(--canaryFormMaxWidthWide)}.canary-form-row{gap:var(--canarySpace3);grid-template-columns:1fr 1fr;display:grid}.canary-form-field{gap:var(--canarySpace1);flex-direction:column;display:flex}.canary-label{color:var(--canaryThemeFontColorSecondary);font-family:var(--canaryThemeFontFamilyBody);font-size:var(--canaryFontSizeStepLabel);font-weight:var(--canaryFontWeightMedium);letter-spacing:0;text-transform:none}.canary-step-h1{color:var(--canaryThemeFontColorDefault);font-family:var(--canaryThemeFontFamilyHeading);font-size:var(--canaryFontSizeStepH1);font-weight:300;line-height:var(--canaryLineHeightTitle);text-transform:var(--canaryThemeTextTransformHeader);margin:0}.canary-step-h2{color:var(--canaryThemeFontColorDefault);font-family:var(--canaryThemeFontFamilyHeading);font-size:var(--canaryFontSizeStepH2);font-weight:400;line-height:var(--canaryLineHeightTitle);margin:0}.canary-status-bar{background:var(--canaryThemeBackgroundColor);color:var(--canaryThemeFontColorDefault);font-family:var(--canaryThemeFontFamilyBody);font-size:var(--canaryFontSizeStatusBar);font-weight:var(--canaryFontWeightMedium);height:var(--canarySpace5);letter-spacing:var(--canaryLetterSpacingLabel);text-transform:uppercase;justify-content:center;align-items:center;width:100%;display:flex}.canary-input{border:0;border-bottom:1px solid var(--canaryThemeFontColorSecondary);color:var(--canaryThemeFontColorDefault);font-family:inherit;font-size:var(--canaryFontSizeStepInput);padding:var(--canarySpace3) 0;background:0 0;border-radius:0;width:100%}.canary-input:focus{border-bottom-color:var(--canaryThemeButtonColor);padding-bottom:calc(var(--canarySpace3) - 1px);border-bottom-width:2px;outline:none}.canary-input--code{font-size:var(--canaryFontSizeSubtitle);letter-spacing:2px;text-align:center}.canary-checkbox{accent-color:var(--canaryThemeButtonColor);cursor:pointer;height:var(--canarySizeCheckbox);width:var(--canarySizeCheckbox)}.canary-section-title{font-family:var(--canaryThemeFontFamilyHeading);font-size:var(--canaryFontSizeH2);font-weight:var(--canaryFontWeightBold);text-align:center;text-transform:var(--canaryThemeTextTransformHeader);margin:0}.canary-section-sub{color:var(--canaryThemeFontColorSecondary);font-size:var(--canaryFontSizeCaption);line-height:var(--canaryLineHeightBody);margin:0 0 var(--canarySpace4) 0;text-align:center}.canary-help{color:var(--canaryThemeFontColorSecondary);font-size:var(--canaryFontSizeLabel);margin:var(--canarySpace1) 0 0 0;text-align:center}.canary-hero{align-items:center;gap:var(--canaryHeroGap);height:100%;padding:var(--canaryHeroPad);text-align:center;flex-direction:column;justify-content:center;display:flex;position:relative}.canary-hero-title{color:var(--canaryThemeFontColorDefault);font-family:var(--canaryThemeFontFamilyHeading);font-size:var(--canaryFontSizeHeroH1);font-weight:var(--canaryFontWeightBold);text-transform:var(--canaryThemeTextTransformHeader);margin:0}.canary-hero-sub{color:var(--canaryThemeFontColorSecondary);font-size:var(--canaryFontSizeBodyLg);line-height:var(--canaryLineHeightBody);max-width:var(--canaryFormMaxWidthNarrow);margin:0}.canary-hero-hint{color:var(--canaryThemeFontColorSecondary);font-size:var(--canaryFontSizeLabel);margin:var(--canarySpace2) 0 0 0}.step-enter-active,.step-leave-active{transition:opacity .25s,transform .25s}.step-enter-from{opacity:0;transform:translate(24px)}.step-leave-to{opacity:0;transform:translate(-24px)}@media (prefers-reduced-motion:reduce){.step-enter-active,.step-leave-active{transition:opacity .15s}.step-enter-from,.step-leave-to{transform:none}}