.demoWrapper[data-v-5050b2b6]{background:#f9f9f9;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.deviceIpadPro[data-v-5050b2b6]{padding:30px;position:relative}@media (max-width:1024px){.deviceIpadPro[data-v-5050b2b6]{padding:10px}}.deviceIpadPro .deviceFrame[data-v-5050b2b6]{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 .deviceScreen[data-v-5050b2b6]{background:var(--canaryThemeBackgroundColor);border:2px solid #121212;border-radius:11px;width:100%;height:100%;overflow:hidden}.viewport[data-v-5050b2b6]{transform-origin:0 0;flex-direction:column;display:flex;position:relative}.deviceIpadPro .deviceSensors[data-v-5050b2b6]:after,.deviceIpadPro .deviceSensors[data-v-5050b2b6]:before{content:"";position:absolute}.deviceIpadPro.landscape .deviceSensors[data-v-5050b2b6]: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-5050b2b6]: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}.deviceIpadPro.portrait .deviceSensors[data-v-5050b2b6]:after{background:#1a1a1a;border-radius:17px;width:10px;height:10px;margin-left:-5px;top:12px;left:50%;box-shadow:-20px 0 #1a1a1a,70px 0 #1a1a1a}.deviceIpadPro.portrait .deviceSensors[data-v-5050b2b6]: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-left:-3px;top:14px;left:50%;box-shadow:0 0 1px 1px #ffffff0d}.drawer[data-v-c6fc1bf6]{color:#e2e8f0;font-family:var(--canaryThemeFontFamilyBody);font-size:var(--canaryFontSizeCaption);max-width:90vw;padding:var(--canarySpace5);z-index:999;background:#1a202c;flex-direction:column;width:360px;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-8px 0 32px #00000059}.header[data-v-c6fc1bf6]{margin-bottom:var(--canarySpace3);padding-bottom:var(--canarySpace3);border-bottom:1px solid #2d3748;flex:none;justify-content:space-between;align-items:center;display:flex}.title[data-v-c6fc1bf6]{font-family:var(--canaryThemeFontFamilyHeading);font-size:var(--canaryFontSizeBody);font-weight:var(--canaryFontWeightBold);letter-spacing:1px;text-transform:uppercase}.closeBtn[data-v-c6fc1bf6]{color:#cbd5e0;cursor:pointer;padding:0 var(--canarySpace2);background:0 0;border:0;font-size:28px;line-height:1}.warn[data-v-c6fc1bf6]{color:#faf089;font-size:var(--canaryFontSizeMicro);margin:0 0 var(--canarySpace3) 0;padding:var(--canarySpace2) var(--canarySpace3);background:#ffc4001f;border-left:3px solid #f6e05e;border-radius:4px;line-height:1.4}.warn em[data-v-c6fc1bf6]{font-style:italic;font-weight:var(--canaryFontWeightBold)}.warn code[data-v-c6fc1bf6]{background:#0000004d;border-radius:2px;padding:1px 4px;font-family:Courier New,monospace}.hint[data-v-c6fc1bf6]{color:#a0aec0;font-size:var(--canaryFontSizeMicro);margin:0 0 var(--canarySpace3) 0;line-height:1.4}.actions[data-v-c6fc1bf6]{gap:var(--canarySpace2);margin-bottom:var(--canarySpace3);display:flex}.copyBtn[data-v-c6fc1bf6]{color:#e2e8f0;cursor:pointer;font-family:inherit;font-size:var(--canaryFontSizeCaption);padding:var(--canarySpace2) var(--canarySpace3);background:#2d3748;border:1px solid #4a5568;border-radius:4px;flex:1;transition:background .12s}.copyBtn[data-v-c6fc1bf6]:hover{background:#4a5568}.steps[data-v-c6fc1bf6]{flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.step[data-v-c6fc1bf6]{border-bottom:1px solid #2d3748}.stepLabel[data-v-c6fc1bf6]{cursor:pointer;align-items:center;gap:var(--canarySpace2);padding:var(--canarySpace2) 0;display:flex}.stepLabel input[data-v-c6fc1bf6]{accent-color:var(--canaryThemeButtonColor);flex:none}.name[data-v-c6fc1bf6]{flex:1}.flow[data-v-c6fc1bf6]{color:#a0aec0;background:#2d3748;border-radius:2px;padding:1px 6px;font-family:Courier New,monospace;font-size:10px}.drawer-enter-active[data-v-c6fc1bf6],.drawer-leave-active[data-v-c6fc1bf6]{transition:transform .22s ease-out}.drawer-enter-from[data-v-c6fc1bf6],.drawer-leave-to[data-v-c6fc1bf6]{transform:translate(100%)}.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)}}.containerList[data-v-20a20633]{margin:0;padding:0;list-style-type:none;position:relative}.outerBorder[data-v-20a20633]{border:1px solid var(--canaryThemeBorderColor);border-radius:var(--canaryThemeContainerCornerRadius);overflow:hidden}.dividers[data-v-20a20633] li.listItem{box-shadow:0 -1px 0 0 var(--canaryThemeBorderColor)}.dividers[data-v-20a20633] li.listItem:first-child{box-shadow:none}.striped[data-v-20a20633] li.listItem{background:var(--canaryThemeSurfaceColor)}.striped[data-v-20a20633] li.listItem:nth-child(2n){background:var(--canaryThemeBackgroundColor)}.listItem[data-v-8377a1e5]{margin:0;list-style:none;display:flex}.container[data-v-8377a1e5]{align-items:center;gap:var(--canarySpace4);padding:var(--canarySpace4) 0;flex-direction:row;width:100%;display:flex}.middleSlot[data-v-8377a1e5]{word-break:break-word;flex-direction:column;flex:1 1 0;gap:2px;display:flex}.leftSlot[data-v-8377a1e5]{color:var(--canaryThemeFontColorSecondary);flex:none;align-items:center;display:flex}.rightSlot[data-v-8377a1e5]{color:var(--canaryThemeFontColorDefault);font-weight:var(--canaryFontWeightMedium);flex-direction:row;flex:0 auto;justify-content:flex-end;align-items:center;display:flex}.clickable .container[data-v-8377a1e5]{cursor:pointer;transition:background .2s}.clickable .container[data-v-8377a1e5]:hover{background:#0000000a}.selected .container[data-v-8377a1e5]{background:var(--canaryThemeButtonColor);color:var(--canaryThemeButtonTextColor)}.radio[data-v-819514c0]{cursor:pointer;font-size:var(--canaryFontSizeBody);align-items:center;gap:var(--canarySpace3);line-height:1.5;display:flex}.radio.disabled[data-v-819514c0]{cursor:not-allowed;opacity:.5}.radio.sizeTablet[data-v-819514c0],.radio.sizeLarge[data-v-819514c0]{font-size:var(--canaryFontSizeSubtitle)}.ring[data-v-819514c0]{border:2px solid var(--canaryThemeButtonColor);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:relative}.sizeTablet .ring[data-v-819514c0]{width:28px;height:28px}.input[data-v-819514c0]{opacity:0;z-index:-1;outline:none;width:100%;height:100%;position:absolute;top:0;left:0}.dot[data-v-819514c0]{background:var(--canaryThemeButtonColor);border-radius:50%;width:12px;height:12px;transition:transform .15s ease-out;transform:scale(0)}.sizeTablet .dot[data-v-819514c0]{width:18px;height:18px}.dot.on[data-v-819514c0]{transform:scale(1)}.label[data-v-819514c0]{color:inherit}.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}}