@appcues/web-sdk 7.28.1 → 7.29.0

package/build/checklist.218252b40d64d313ce5b7e1b4d2efcbccccb4ca6.css

@@ -0,0 +1 @@
+code,pre{font-family:Menlo,Monaco,monospace,sans-serif}div,p,ul,ol,table,dl,blockquote,pre{font-size:14px;line-height:1.6em}a[href],a[data-step]{color:#15c;cursor:pointer;text-decoration:none}object,embed,video,img{width:auto;max-width:100%}video,img{height:auto}p,ul,ol,table,dl,figure,blockquote,pre{box-shadow:none;background:0 0;border:none;margin:0 0 15px}hr{margin-bottom:15px}blockquote{color:#777;padding-left:0;font-style:italic;margin-left:1.6em!important}ul,ol{padding-left:2em}ul ul,ol ol,ul ol,ol ul{border:none;margin:2px;padding:0 0 0 2em}dl dt{font-weight:700}dd{margin-left:1em}table{border-collapse:collapse;width:100%;font-size:1em}table td,table th{vertical-align:top;border:1px solid #ddd;padding:5px}table thead td,table th{border-bottom-color:#888;font-weight:700}code{background-color:#d8d7d7}pre{white-space:pre;color:#888;background:#f8f8f8;border:1px solid #ddd;border-radius:3px;padding:1em;font-size:90%;overflow:auto}hr{border:0;border-top:1px solid #ccc;height:1px;display:block}h1,h2,h3,h4,h5,h6{color:#000;text-rendering:optimizelegibility;background:0 0;margin:0 0 .5em;padding:0;font-weight:700}h1,h2,h3,h4{line-height:1.3}h1{font-size:36px}h2{margin-bottom:.7em;font-size:24px}h3{font-size:21px}h4{font-size:18px}h5{font-size:16px}h6{text-transform:uppercase;font-size:12px}.sr-only{clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.appcues-button{cursor:pointer;color:#fff;-webkit-font-smoothing:auto;-webkit-user-select:none;user-select:none;background-color:#ccc;border-radius:3px;padding:8px 18px;font-weight:700;text-decoration:none;transition:background-color .2s ease-out,color .2s ease-out;display:inline-block;position:relative}.appcues-button:hover{color:#000;background-color:#dedede;text-decoration:none}.appcues-button.appcues-button-success{background-color:#5cb85c}.appcues-button.appcues-button-success:hover{-webkit-text-decoration:unset;text-decoration:unset;background-color:#75c375}.appcues-button.appcues-button-success.disabled{background-color:#eaf6ea}.appcues-button[data-step],.appcues-button[href]{color:#fff}body{margin:0;overflow:hidden}body *{box-sizing:border-box;font-family:Lato,Source Sans Pro,Helvetica,Arial,sans-serif;font-size:16px;line-height:normal}.checklist{display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:-moz-flex;box-orient:vertical;box-direction:reverse;-moz-flex-direction:column-reverse;box-pack:start;-moz-justify-content:flex-start;-ms-justify-content:flex-start;-o-justify-content:flex-start;z-index:2147483547;flex-direction:column-reverse;-ms-flex-pack:start;justify-content:flex-start;height:100%;display:flex}.checklist p{color:#555;font-size:.925rem;line-height:1.4em}.beacon{-moz-align-self:flex-start;cursor:pointer;white-space:nowrap;z-index:2;color:#fff;background-color:#0d2c6d;border-radius:120px;-ms-flex-item-align:start;align-self:flex-start;margin:8px;padding:11px 17px 11px 15px;transition:background-color .25s ease-out;display:inline-block;position:relative;box-shadow:0 0 12px #00000040}.beacon:focus-visible{outline-offset:3px}.beacon.right{-moz-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end}.beacon svg{vertical-align:middle;margin-right:.5rem;display:inline-block}.beacon .label{vertical-align:middle;font-weight:700;display:inline-block}.beacon .badge{color:#0d2c6d;background-color:#fff;border-radius:20px;justify-content:center;align-items:center;width:20px;height:20px;font-size:14px;font-weight:800;display:flex;position:absolute;top:-6px;right:-6px;box-shadow:0 0 5px #0003}.checklist-main{color:#222;opacity:0;pointer-events:none;background:#fff;border-radius:3px;width:340px;margin:0 8px 15px;transition:all .15s;position:absolute;bottom:30px;box-shadow:0 0 8px #00000026}.checklist-main.expanded{opacity:1;pointer-events:auto;flex-direction:column;max-height:calc(100% - 65px);display:flex;bottom:50px}.checklist-main .checklist-container{height:100%;min-height:0;overflow-y:auto}.checklist-main .checklist-header{cursor:default;color:#555;border-bottom:1px solid #eee;padding:1.25rem 1.25rem .75rem}.checklist-main .checklist-header.checklist-congrats{text-align:center;background-color:#eee;position:relative}.checklist-main .checklist-header.checklist-congrats:hover .dismiss-link{color:#0d2c6d}.checklist-main .checklist-header.checklist-congrats .emoji{padding-bottom:15px;display:block}.checklist-main .checklist-header.checklist-congrats .dismiss-link{color:#999;cursor:pointer;background:0 0;border:none;font-size:.875rem;font-style:italic;position:absolute;top:1.25rem;right:1.25rem}.checklist-main .checklist-header.checklist-congrats h1{color:#00d260;margin:.25rem 0 1em;font-size:1.17em;font-weight:700}.checklist-main .checklist-header.checklist-congrats p{font-size:.875rem}.checklist-main .checklist-header .title{margin:0;padding:0;font-size:1.12rem}.checklist-main .checklist-header .desc{margin:1em 0;font-size:.925rem;line-height:1.4em}.checklist-main .checklist-header .progress-container{display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:-moz-flex;display:flex}.checklist-main .checklist-header .progress-container .completed-caption{box-flex:0;-moz-flex:0;white-space:nowrap;flex:0;padding-right:12px;font-size:.875em;font-weight:600}.checklist-main .checklist-header .progress-container .progress-bar{display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:-moz-flex;box-flex:1;-moz-flex:1;background-color:#eee;flex:1;display:flex}.checklist-main .checklist-header .progress-container .progress-bar,.checklist-main .checklist-header .progress-container .progress-bar .progress-bar-complete{border-radius:20px}.checklist-main .checklist-header .progress-container .progress-bar .progress-bar-complete{background-color:#0d2c6d;border-top-right-radius:0;border-bottom-right-radius:0;transition:width .5s ease-out}.checklist-main .checklist-header .progress-container .progress-bar .progress-bar-complete.progress-bar-done{border-radius:20px}.checklist-main .checklist-header .minimize{color:#999;cursor:pointer;font-size:.875rem;font-style:italic;position:absolute;top:1.25rem;right:1.25rem}.checklist-main .checklist-header .minimize:hover{color:#474747}.checklist-main .checklist-body{position:relative}.checklist-main .checklist-body.show-confirm{min-height:120px}.checklist-main .checklist-body .dismiss-container{color:#848484;background-color:#fff;flex-direction:column;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;overflow-y:auto}.checklist-main .checklist-body .dismiss-container .content-container{width:100%;height:100%;position:relative}.checklist-main .checklist-body .dismiss-container .content-container .dismiss-content{width:100%;max-height:104px;margin:0;top:50%}.checklist-main .checklist-body .dismiss-container .content-container .dismiss-content .dismiss-text{text-align:center;padding:8px 3.25rem}.checklist-main .checklist-body .dismiss-container .content-container .dismiss-content .button-container{flex-direction:column;align-items:center;padding:4px 16px;display:flex}.checklist-main .checklist-body .dismiss-container .content-container .dismiss-content .button-container .button-row{flex-flow:wrap;justify-content:center;width:100%;display:flex}.checklist-main .checklist-body .dismiss-container .content-container .dismiss-content .button-container .button-row .button-default{box-sizing:border-box;text-align:center;-webkit-font-smoothing:antialiased;white-space:nowrap;cursor:pointer;z-index:0;color:#fff;background-color:#848484;border:2px solid #848484;border-radius:4px;flex-grow:1;width:auto;min-width:calc(50% - 8px);margin:4px;padding:5px 10px;font-weight:600;-webkit-text-decoration:none;text-decoration:none;transition:transform .25s}.checklist-main .checklist-body .dismiss-container .content-container .dismiss-content .button-container .button-row .button-default:hover{background-color:#474747;border-color:#474747}.checklist-main .checklist-body .dismiss-container .content-container .dismiss-content .button-container .button-row .button-default.alt{color:#848484;background-color:#fff;border-color:#bbb}.checklist-main .checklist-body .dismiss-container .content-container .dismiss-content .button-container .button-row .button-default.alt:hover{color:#474747;border-color:#474747}.checklist-main .checklist-body .items{margin-top:.5rem;margin-bottom:0;padding:0}.checklist-main .checklist-body .item{color:#555;cursor:pointer;padding:8px 1.25rem;list-style-type:none}.checklist-main .checklist-body .item p{width:240px;margin-bottom:0}.checklist-main .checklist-body .item.completed a{color:#999;text-decoration:line-through}.checklist-main .checklist-body .item.completed .checkmark{background-color:#00d260;border-color:#00d260;flex-shrink:0}.checklist-main .checklist-body .item.completed .checkmark>svg{font-size:inherit;height:1.86em;display:inline-block;overflow:visible}.checklist-main .checklist-body .item.locked a{color:#eee}.checklist-main .checklist-body .item.locked .checkmark{border:2px solid #eee}.checklist-main .checklist-body .item.locked .checkmark .sequential-label{color:#bbb}.checklist-main .checklist-body .item:hover.actionless{cursor:default}.checklist-main .checklist-body .item:hover:not(.actionless){background-color:#eee}.checklist-main .checklist-body .item:hover:not(.actionless):not(.completed),.checklist-main .checklist-body .item:hover:not(.actionless):not(.completed) a{color:#0d2c6d}.checklist-main .checklist-body .item:hover:not(.actionless):not(.completed) .checkmark{border-color:#0d2c6d}.checklist-main .checklist-body .item:hover:not(.actionless) a>svg{opacity:1}.checklist-main .checklist-body .item:hover:not(.actionless).locked{cursor:not-allowed;background-color:#fff}.checklist-main .checklist-body .item:hover:not(.actionless).locked a{color:#999}.checklist-main .checklist-body .item:hover:not(.actionless).locked a>svg{opacity:0}.checklist-main .checklist-body .item:hover:not(.actionless).locked .checkmark{border:2px solid #eee}.checklist-main .checklist-body .item a{color:#555;outline:0;align-items:center;width:100%;text-decoration:none;display:flex;position:relative}.checklist-main .checklist-body .item a>svg{color:#039be5;opacity:0;backface-visibility:hidden;margin-top:-9px;transition:all .15s ease-out;display:block;position:absolute;top:50%;right:0}.checklist-main .checklist-body .item .checkmark{vertical-align:middle;text-align:center;color:#fff;background-color:#fff;border:2px solid #555;border-radius:100px;flex-shrink:0;width:2rem;height:2rem;margin-right:.75rem;line-height:1.86rem;transition:all .25s ease-out;display:inline-block}.checklist-main .checklist-body .item .checkmark>span{color:#555;line-height:1.86rem;display:none;position:relative;bottom:1px}.checklist-main .checklist-body .item .checkmark>span.sequential-label{display:inline-block}.checklist-main .checklist-body .item .checkmark>svg{display:none}.checklist-main .checklist-footer{flex-direction:column;align-items:flex-end;margin:4px 20px 4px 0;display:flex;position:relative}.checklist-main .checklist-footer .skip-link,.checklist-main .checklist-footer .powered-by-appcues{color:#0006;cursor:pointer;background:0 0;border:none;width:auto;margin:0;padding:0;font-size:.875em;font-style:italic}.checklist-main .powered-by-appcues:hover{color:#0d2c6d}

package/build/data/transports/websocket.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"websocket.d.ts","sourceRoot":"","sources":["../../../src/scripts/data/transports/websocket.js"],"names":[],"mappings":";IAsRU,uFAyCP;IAEK,gGAwCL;IAEiB,yEAQjB;IAEY,oEAKZ;IAEa,2CAOb;IAEU,gEA6BV"}
+{"version":3,"file":"websocket.d.ts","sourceRoot":"","sources":["../../../src/scripts/data/transports/websocket.js"],"names":[],"mappings":";IAuQU,uFAyBP;IAEK,gGAwCL;IAEiB,yEAQjB;IAEY,oEAKZ;IAEa,2CAOb;IAEU,gEA6BV"}

package/build/index.npm.js

@@ -35,7 +35,7 @@ function s(e, t, n) {
 	};
 }
 async function c() {
-	let { default: e } = await import("./bootstrap.npm.DhYLLf01.js");
+	let { default: e } = await import("./bootstrap.npm.B78wv9ok.js");
 	window.Appcues = e, i = !0;
 }
 async function l(e) {

package/build/utils/dom.d.ts

@@ -1,6 +1,28 @@
 export function getRootNode($el: any): any;
 export function findUniqueElement(query: any, context?: Document): any;
 export function hasSize(el: any, computedStyle?: {}): boolean;
+/**
+ * Indicates whether the element, or any of its ancestors, can be scrolled.
+ *
+ * This walks with `getParent` rather than `parentElement` so that it crosses
+ * shadow DOM and slot boundaries. Frameworks commonly scroll an element inside
+ * a web component's shadow root instead of scrolling the document -- Ionic's
+ * `ion-content`, for example, slots page content into an internal
+ * `.inner-scroll` element, and the `ion-content` host itself never scrolls. A
+ * `parentElement` walk cannot see that element, so it would report that
+ * nothing is scrollable and we'd treat a merely scrolled-past target as
+ * permanently unreachable.
+ *
+ * `findScrollableParentElements` already traverses this way, so this keeps the
+ * visibility check and the scrolling code in agreement about the same element.
+ *
+ * @param  {Element} el   The element to check, along with its ancestors.
+ * @param  {Document} doc The document the traversal should stop at.
+ * @param  {Window} win   The window used to read computed styles.
+ *
+ * @return {boolean}      True if anything in the chain can be scrolled.
+ */
+export function hasScrollableAncestor(el: Element, doc: Document, win: Window): boolean;
 export function getParentPadding(element: any): {
     top: any;
     left: any;

package/build/utils/dom.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../../src/scripts/utils/dom.js"],"names":[],"mappings":"AAuBA,2CAKC;AAyOD,uEAcC;AAED,8DAmBC;AA8HD;;;EAeC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmDG;AACH,6DAhCY,MAAM,GAAC,MAAM,EAAE,uBAIf,MAAM,CA6HjB;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,mCARY,MAAM,KACN,MAAM,SACN,MAAM,UACN,MAAM,GAEN,MAAM,CAWjB;AAED,qEAOC;AAED,wDAiBC;AAyFD,2EA0CC;AAED,gIA0DC;AAWD;;;;;;;;GAQG;AACH,wCALY,MAAM,KACN,MAAM,GAEN,OAAO,CAgBlB;AAED,gDAGC;AAsKD;;;;;;;;;;;;GAYG;AACH,gEAPY,MAAM,WA2DjB;AAED,yDAWC;AAED,4DASC;AAED,2CAKC;AAED,oEAkBC;AAED,8DAMC;AAED;;;EAWC;AAED;;;;;;;;;;GAUG;AACH,oEAsBC;AAID,gFAcC;AAED;;;GAGG;AACH,kEAMC;AAUD,wFAOS,UAAK,UAqCb;AAED,0DAEC;AA9kBM,wCAqBN;AAigBD;;;;;GAKG;AACH,qDAA6E;AA2D7E;;;SAMW;AA7oCX,iFA4EC;AAMD,mFAoBC"}
+{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../../src/scripts/utils/dom.js"],"names":[],"mappings":"AAuBA,2CAKC;AAyOD,uEAcC;AAED,8DAmBC;AAiDD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,0CANY,OAAO,OACP,QAAQ,OACR,MAAM,GAEN,OAAO,CAelB;AAgHD;;;EAeC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmDG;AACH,6DAhCY,MAAM,GAAC,MAAM,EAAE,uBAIf,MAAM,CAqIjB;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,mCARY,MAAM,KACN,MAAM,SACN,MAAM,UACN,MAAM,GAEN,MAAM,CAWjB;AAED,qEAOC;AAED,wDAiBC;AAgED,2EA0CC;AAED,gIA0DC;AAWD;;;;;;;;GAQG;AACH,wCALY,MAAM,KACN,MAAM,GAEN,OAAO,CAgBlB;AAED,gDAGC;AAsKD;;;;;;;;;;;;GAYG;AACH,gEAPY,MAAM,WA2DjB;AAED,yDAWC;AAED,4DASC;AAED,2CAKC;AAED,oEAkBC;AAED,8DAMC;AAED;;;EAWC;AAED;;;;;;;;;;GAUG;AACH,oEAsBC;AAID,gFAcC;AAED;;;GAGG;AACH,kEAMC;AAUD,wFAOS,UAAK,UAqCb;AAED,0DAEC;AAphCM,wCA4BN;AAg8BD;;;;;GAKG;AACH,qDAA6E;AA2D7E;;;SAMW;AAjsCX,iFA4EC;AAMD,mFAoBC"}

package/build/views/components/checklist-beacon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checklist-beacon.d.ts","sourceRoot":"","sources":["../../../src/scripts/views/components/checklist-beacon.jsx"],"names":[],"mappings":"AAKe,mDA+Dd"}
+{"version":3,"file":"checklist-beacon.d.ts","sourceRoot":"","sources":["../../../src/scripts/views/components/checklist-beacon.jsx"],"names":[],"mappings":"AAKe,mDAuDd"}

package/build/views/renderers/render-debugger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"render-debugger.d.ts","sourceRoot":"","sources":["../../../src/scripts/views/renderers/render-debugger.jsx"],"names":[],"mappings":"AAqLA,yDAyCC;AAzJM;;;;;;IAsEN;AAuBM,iFAiBN"}
+{"version":3,"file":"render-debugger.d.ts","sourceRoot":"","sources":["../../../src/scripts/views/renderers/render-debugger.jsx"],"names":[],"mappings":"AAqLA,yDA+CC;AA/JM;;;;;;IAsEN;AAuBM,iFAiBN"}

package/build/views/renderers/render-test-mode-banner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"render-test-mode-banner.d.ts","sourceRoot":"","sources":["../../../src/scripts/views/renderers/render-test-mode-banner.jsx"],"names":[],"mappings":"AAwCA,+DAuDC"}
+{"version":3,"file":"render-test-mode-banner.d.ts","sourceRoot":"","sources":["../../../src/scripts/views/renderers/render-test-mode-banner.jsx"],"names":[],"mappings":"AAwCA,+DAyDC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appcues/web-sdk",
-  "version": "7.28.1",
+  "version": "7.29.0",
   "description": "The Appcues Javascript SDK",
   "main": "build/index.npm.js",
   "types": "build/index.npm.d.ts",

package/build/checklist.6b96636235caf21533d47da715fcf6a12a32f3fa.css

@@ -1 +0,0 @@
-code,pre{font-family:Menlo,Monaco,monospace,sans-serif}div,p,ul,ol,table,dl,blockquote,pre{font-size:14px;line-height:1.6em}a[href],a[data-step]{color:#15c;cursor:pointer;text-decoration:none}object,embed,video,img{width:auto;max-width:100%}video,img{height:auto}p,ul,ol,table,dl,figure,blockquote,pre{box-shadow:none;background:0 0;border:none;margin:0 0 15px}hr{margin-bottom:15px}blockquote{color:#777;padding-left:0;font-style:italic;margin-left:1.6em!important}ul,ol{padding-left:2em}ul ul,ol ol,ul ol,ol ul{border:none;margin:2px;padding:0 0 0 2em}dl dt{font-weight:700}dd{margin-left:1em}table{border-collapse:collapse;width:100%;font-size:1em}table td,table th{vertical-align:top;border:1px solid #ddd;padding:5px}table thead td,table th{border-bottom-color:#888;font-weight:700}code{background-color:#d8d7d7}pre{white-space:pre;color:#888;background:#f8f8f8;border:1px solid #ddd;border-radius:3px;padding:1em;font-size:90%;overflow:auto}hr{border:0;border-top:1px solid #ccc;height:1px;display:block}h1,h2,h3,h4,h5,h6{color:#000;text-rendering:optimizelegibility;background:0 0;margin:0 0 .5em;padding:0;font-weight:700}h1,h2,h3,h4{line-height:1.3}h1{font-size:36px}h2{margin-bottom:.7em;font-size:24px}h3{font-size:21px}h4{font-size:18px}h5{font-size:16px}h6{text-transform:uppercase;font-size:12px}.sr-only{clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.appcues-button{cursor:pointer;color:#fff;-webkit-font-smoothing:auto;-webkit-user-select:none;user-select:none;background-color:#ccc;border-radius:3px;padding:8px 18px;font-weight:700;text-decoration:none;transition:background-color .2s ease-out,color .2s ease-out;display:inline-block;position:relative}.appcues-button:hover{color:#000;background-color:#dedede;text-decoration:none}.appcues-button.appcues-button-success{background-color:#5cb85c}.appcues-button.appcues-button-success:hover{-webkit-text-decoration:unset;text-decoration:unset;background-color:#75c375}.appcues-button.appcues-button-success.disabled{background-color:#eaf6ea}.appcues-button[data-step],.appcues-button[href]{color:#fff}body{margin:0;overflow:hidden}body *{box-sizing:border-box;font-family:Lato,Source Sans Pro,Helvetica,Arial,sans-serif;font-size:16px;line-height:normal}.checklist{display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:-moz-flex;box-orient:vertical;box-direction:reverse;-moz-flex-direction:column-reverse;box-pack:start;-moz-justify-content:flex-start;-ms-justify-content:flex-start;-o-justify-content:flex-start;z-index:2147483547;flex-direction:column-reverse;-ms-flex-pack:start;justify-content:flex-start;height:100%;display:flex}.checklist p{color:#555;font-size:.925rem;line-height:1.4em}.beacon{-moz-align-self:flex-start;cursor:pointer;white-space:nowrap;z-index:2;color:#fff;background-color:#0d2c6d;border-radius:120px;-ms-flex-item-align:start;align-self:flex-start;margin:8px;padding:11px 17px 11px 15px;transition:background-color .25s ease-out;display:inline-block;position:relative;box-shadow:0 0 12px #00000040}.beacon.right{-moz-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end}.beacon svg{vertical-align:middle;margin-right:.5rem;display:inline-block}.beacon .label{vertical-align:middle;font-weight:700;display:inline-block}.beacon .badge{color:#0d2c6d;background-color:#fff;border-radius:20px;justify-content:center;align-items:center;width:20px;height:20px;font-size:14px;font-weight:800;display:flex;position:absolute;top:-6px;right:-6px;box-shadow:0 0 5px #0003}.checklist-main{color:#222;opacity:0;pointer-events:none;background:#fff;border-radius:3px;width:340px;margin:0 8px 15px;transition:all .15s;position:absolute;bottom:30px;box-shadow:0 0 8px #00000026}.checklist-main.expanded{opacity:1;pointer-events:auto;flex-direction:column;max-height:calc(100% - 65px);display:flex;bottom:50px}.checklist-main .checklist-container{height:100%;min-height:0;overflow-y:auto}.checklist-main .checklist-header{cursor:default;color:#555;border-bottom:1px solid #eee;padding:1.25rem 1.25rem .75rem}.checklist-main .checklist-header.checklist-congrats{text-align:center;background-color:#eee;position:relative}.checklist-main .checklist-header.checklist-congrats:hover .dismiss-link{color:#0d2c6d}.checklist-main .checklist-header.checklist-congrats .emoji{padding-bottom:15px;display:block}.checklist-main .checklist-header.checklist-congrats .dismiss-link{color:#999;cursor:pointer;background:0 0;border:none;font-size:.875rem;font-style:italic;position:absolute;top:1.25rem;right:1.25rem}.checklist-main .checklist-header.checklist-congrats h1{color:#00d260;margin:.25rem 0 1em;font-size:1.17em;font-weight:700}.checklist-main .checklist-header.checklist-congrats p{font-size:.875rem}.checklist-main .checklist-header .title{margin:0;padding:0;font-size:1.12rem}.checklist-main .checklist-header .desc{margin:1em 0;font-size:.925rem;line-height:1.4em}.checklist-main .checklist-header .progress-container{display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:-moz-flex;display:flex}.checklist-main .checklist-header .progress-container .completed-caption{box-flex:0;-moz-flex:0;white-space:nowrap;flex:0;padding-right:12px;font-size:.875em;font-weight:600}.checklist-main .checklist-header .progress-container .progress-bar{display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:-moz-flex;box-flex:1;-moz-flex:1;background-color:#eee;flex:1;display:flex}.checklist-main .checklist-header .progress-container .progress-bar,.checklist-main .checklist-header .progress-container .progress-bar .progress-bar-complete{border-radius:20px}.checklist-main .checklist-header .progress-container .progress-bar .progress-bar-complete{background-color:#0d2c6d;border-top-right-radius:0;border-bottom-right-radius:0;transition:width .5s ease-out}.checklist-main .checklist-header .progress-container .progress-bar .progress-bar-complete.progress-bar-done{border-radius:20px}.checklist-main .checklist-header .minimize{color:#999;cursor:pointer;font-size:.875rem;font-style:italic;position:absolute;top:1.25rem;right:1.25rem}.checklist-main .checklist-header .minimize:hover{color:#474747}.checklist-main .checklist-body{position:relative}.checklist-main .checklist-body.show-confirm{min-height:120px}.checklist-main .checklist-body .dismiss-container{color:#848484;background-color:#fff;flex-direction:column;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;overflow-y:auto}.checklist-main .checklist-body .dismiss-container .content-container{width:100%;height:100%;position:relative}.checklist-main .checklist-body .dismiss-container .content-container .dismiss-content{width:100%;max-height:104px;margin:0;top:50%}.checklist-main .checklist-body .dismiss-container .content-container .dismiss-content .dismiss-text{text-align:center;padding:8px 3.25rem}.checklist-main .checklist-body .dismiss-container .content-container .dismiss-content .button-container{flex-direction:column;align-items:center;padding:4px 16px;display:flex}.checklist-main .checklist-body .dismiss-container .content-container .dismiss-content .button-container .button-row{flex-flow:wrap;justify-content:center;width:100%;display:flex}.checklist-main .checklist-body .dismiss-container .content-container .dismiss-content .button-container .button-row .button-default{box-sizing:border-box;text-align:center;-webkit-font-smoothing:antialiased;white-space:nowrap;cursor:pointer;z-index:0;color:#fff;background-color:#848484;border:2px solid #848484;border-radius:4px;flex-grow:1;width:auto;min-width:calc(50% - 8px);margin:4px;padding:5px 10px;font-weight:600;-webkit-text-decoration:none;text-decoration:none;transition:transform .25s}.checklist-main .checklist-body .dismiss-container .content-container .dismiss-content .button-container .button-row .button-default:hover{background-color:#474747;border-color:#474747}.checklist-main .checklist-body .dismiss-container .content-container .dismiss-content .button-container .button-row .button-default.alt{color:#848484;background-color:#fff;border-color:#bbb}.checklist-main .checklist-body .dismiss-container .content-container .dismiss-content .button-container .button-row .button-default.alt:hover{color:#474747;border-color:#474747}.checklist-main .checklist-body .items{margin-top:.5rem;margin-bottom:0;padding:0}.checklist-main .checklist-body .item{color:#555;cursor:pointer;padding:8px 1.25rem;list-style-type:none}.checklist-main .checklist-body .item p{width:240px;margin-bottom:0}.checklist-main .checklist-body .item.completed a{color:#999;text-decoration:line-through}.checklist-main .checklist-body .item.completed .checkmark{background-color:#00d260;border-color:#00d260;flex-shrink:0}.checklist-main .checklist-body .item.completed .checkmark>svg{font-size:inherit;height:1.86em;display:inline-block;overflow:visible}.checklist-main .checklist-body .item.locked a{color:#eee}.checklist-main .checklist-body .item.locked .checkmark{border:2px solid #eee}.checklist-main .checklist-body .item.locked .checkmark .sequential-label{color:#bbb}.checklist-main .checklist-body .item:hover.actionless{cursor:default}.checklist-main .checklist-body .item:hover:not(.actionless){background-color:#eee}.checklist-main .checklist-body .item:hover:not(.actionless):not(.completed),.checklist-main .checklist-body .item:hover:not(.actionless):not(.completed) a{color:#0d2c6d}.checklist-main .checklist-body .item:hover:not(.actionless):not(.completed) .checkmark{border-color:#0d2c6d}.checklist-main .checklist-body .item:hover:not(.actionless) a>svg{opacity:1}.checklist-main .checklist-body .item:hover:not(.actionless).locked{cursor:not-allowed;background-color:#fff}.checklist-main .checklist-body .item:hover:not(.actionless).locked a{color:#999}.checklist-main .checklist-body .item:hover:not(.actionless).locked a>svg{opacity:0}.checklist-main .checklist-body .item:hover:not(.actionless).locked .checkmark{border:2px solid #eee}.checklist-main .checklist-body .item a{color:#555;outline:0;align-items:center;width:100%;text-decoration:none;display:flex;position:relative}.checklist-main .checklist-body .item a>svg{color:#039be5;opacity:0;backface-visibility:hidden;margin-top:-9px;transition:all .15s ease-out;display:block;position:absolute;top:50%;right:0}.checklist-main .checklist-body .item .checkmark{vertical-align:middle;text-align:center;color:#fff;background-color:#fff;border:2px solid #555;border-radius:100px;flex-shrink:0;width:2rem;height:2rem;margin-right:.75rem;line-height:1.86rem;transition:all .25s ease-out;display:inline-block}.checklist-main .checklist-body .item .checkmark>span{color:#555;line-height:1.86rem;display:none;position:relative;bottom:1px}.checklist-main .checklist-body .item .checkmark>span.sequential-label{display:inline-block}.checklist-main .checklist-body .item .checkmark>svg{display:none}.checklist-main .checklist-footer{flex-direction:column;align-items:flex-end;margin:4px 20px 4px 0;display:flex;position:relative}.checklist-main .checklist-footer .skip-link,.checklist-main .checklist-footer .powered-by-appcues{color:#0006;cursor:pointer;background:0 0;border:none;width:auto;margin:0;padding:0;font-size:.875em;font-style:italic}.checklist-main .powered-by-appcues:hover{color:#0d2c6d}