/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer properties;@layer theme{:host,:root{--font-weight-light:300;--font-weight-normal:400;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--default-transition-duration:150ms;--default-transition-timing-function:cubic-bezier(0.4,0,0.2,1);--default-font-family:var(--font-sans);--color-n0:#fff;--color-n25:#fafbfc;--color-n50:#f5f6f7;--color-n75:#f2f3f5;--color-n100:#edeef0;--color-n150:#e1e2e6;--color-n200:#c8cacf;--color-n300:#b8babf;--color-n400:#999b9e;--color-n500:#747578;--color-n600:#525254;--color-n700:#434445;--color-n800:#323233;--color-n900:#222;--color-n1000:#000;--color-g50:#d4f2e2;--color-g300:#42c97f;--color-y400:#f7bf34;--color-r500:#f90143;--color-brand-subsplash:#4f63ff;--spacing-0:0px;--spacing-2xs:2px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:18px;--spacing-xl:24px;--spacing-2xl:36px;--spacing-3xl:48px;--spacing-4xl:72px;--spacing-5xl:96px;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-full:9999px;--shadow-none:none;--shadow-sm:0 1px 3px 0 rgba(0,0,0,.06),0 1px 1px 0 rgba(0,0,0,.04);--shadow-md:0 3px 10px 0 rgba(0,0,0,.06),0 1px 2px 0 rgba(0,0,0,.04);--shadow-3xl:0 20px 50px 0 rgba(0,0,0,.12),0 4px 9px 0 rgba(0,0,0,.04);--font-sans:"Proxima-Nova","helvetica neue",helvetica,arial,sans-serif;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--text-3xl:28px;--text-4xl:36px;--leading-none:1;--leading-md:20px;--leading-lg:22px;--leading-xl:24px;--leading-2xl:29px;--leading-3xl:34px}}@layer base{body,html{font-size:var(--text-sm);height:100%}:host,body{box-sizing:border-box;font-family:var(--font-sans)}body{line-height:1}button,button:focus{outline:none}::backdrop,::file-selector-button,:after,:before,a,abbr,address,area,article,aside,audio,b,base,bdi,bdo,blockquote,body,br,button,canvas,caption,cite,code,col,colgroup,data,datalist,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,head,header,hgroup,hr,html,i,iframe,img,input,ins,kbd,label,legend,li,link,main,map,mark,menu,meta,meter,nav,noscript,object,ol,optgroup,option,output,p,picture,pre,progress,q,rp,rt,ruby,s,samp,script,search,section,select,slot,small,source,span,strong,style,sub,summary,sup,table,tbody,td,template,textarea,tfoot,th,thead,time,title,tr,track,u,ul,var,video,wbr{border:0 solid;box-sizing:border-box;margin:0;padding:0}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);tab-size:4;-webkit-tap-highlight-color:transparent}hr{background-color:var(--color-n100);border:0;color:inherit;height:0;height:1px;margin:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:none}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;border-spacing:0;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}::file-selector-button,button,input,optgroup,select,textarea{background-color:transparent;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::placeholder{color:currentcolor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}::file-selector-button,button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}button,select{text-transform:none}[role=button],button{cursor:pointer}:disabled{cursor:default}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.checkbox{&[type=checkbox]{appearance:none;background-color:var(--color-n0);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);box-sizing:border-box;cursor:pointer;height:20px;min-height:20px;min-width:20px;position:relative;transition:background-color .15s ease-in-out;width:20px;&:before{@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in srgb,var(--color-n1000) 6%,transparent)}border:1px solid color-mix(in srgb,#000 6%,transparent);border-radius:inherit;bottom:-1px;content:"";left:-1px;pointer-events:none;position:absolute;right:-1px;top:-1px}&:not(:disabled):hover{box-shadow:var(--shadow-md)}&:not(:disabled):active{background-color:var(--color-n25);box-shadow:none}&:focus-visible{border:1px solid var(--color-brand-subsplash);box-shadow:var(--shadow-md);outline:none}&:disabled{box-shadow:none;cursor:not-allowed}&:after{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="%23fff" fill-rule="evenodd" d="M14.293 6.295a1 1 0 0 1 1.415 1.414l-6 6.001a1 1 0 0 1-1.414 0l-3.001-3.003a1 1 0 0 1 1.414-1.414l2.294 2.295 5.292-5.293Z"/></svg>');background-position:50%;background-repeat:no-repeat;background-size:cover;clip-path:inset(0 100% 0 0);content:"";height:100%;left:0;position:absolute;top:0;transition:clip-path .18s cubic-bezier(.886,-.001,.688,.824);width:100%}&:checked{background-color:var(--color-brand-subsplash);&:before{border:none}&:after{clip-path:inset(0 0 0 0)}}&:checked:disabled{background-color:var(--color-brand-subsplash);opacity:.5;&:after{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="%23fff" fill-rule="evenodd" d="M14.293 6.295a1 1 0 0 1 1.415 1.414l-6 6.001a1 1 0 0 1-1.414 0l-3.001-3.003a1 1 0 0 1 1.414-1.414l2.294 2.295 5.292-5.293Z"/></svg>')}}&:indeterminate{background-color:var(--color-brand-subsplash);&:before{border:none}&:after{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><rect fill="%23fff" x="5" y="9" width="10" height="2" rx="1"/></svg>');clip-path:inset(0 0 0 0)}}&:indeterminate:disabled{background-color:var(--color-brand-subsplash);opacity:.5;&:after{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><rect fill="%23fff" x="5" y="9" width="10" height="2" rx="1"/></svg>')}}}}.btn{color:var(--waves-btn-color);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);line-height:var(--leading-none);--waves-btn-bg:var(--color-n0);--waves-btn-color:var(--color-n900);--waves-btn-height:36px;--waves-btn-padding:0 16px;align-items:center;appearance:none;background-color:var(--waves-btn-bg);border-radius:var(--radius-full);border-width:0;box-shadow:var(--shadow-sm);cursor:pointer;display:inline-flex;font-family:inherit;gap:8px;height:var(--waves-btn-height);justify-content:center;padding:var(--waves-btn-padding);position:relative;text-align:center;transform:scale(1);user-select:none;width:max-content;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;&:before{border-color:rgb(from var(--color-n1000) r g b/.06);border-radius:inherit;border-style:solid;border-width:1px;bottom:-1px;content:"";left:-1px;pointer-events:none;position:absolute;right:-1px;top:-1px}&:hover{background-color:var(--color-n25);box-shadow:var(--shadow-md);color:var(--color-n900);transform:scale(1.02);&:before{border-color:rgb(from var(--color-n1000) r g b/.08)}}&:active{transform:scale(.98)}&.active,&:active{background-color:var(--color-n50);box-shadow:var(--shadow-none);color:rgb(from var(--color-n900) r g b/.8);&:before{border-color:rgb(from var(--color-n1000) r g b/.1)}}&:focus{outline:none}&:focus-visible{outline:none;&:before{border-color:var(--color-brand-subsplash);bottom:-2px;box-shadow:0 0 3px rgb(from var(--color-brand-subsplash) r g b/.5);left:-2px;right:-2px;top:-2px}}&.btn-circle{--waves-btn-padding:0;width:var(--waves-btn-height)}&.btn-square{--waves-btn-padding:0 16px;border-radius:0;&:before{border-radius:0}}&:disabled{background-color:rgb(from var(--waves-btn-bg) r g b/.9);box-shadow:var(--shadow-none);color:rgb(from var(--waves-btn-color) r g b/.5);cursor:default;pointer-events:none}& svg{height:1em;width:1em}&.btn-md.btn-circle svg{height:20px;width:20px}& waves-icon{--waves-icon-size:1em}&.btn-md.btn-circle waves-icon{--waves-icon-size:20px}}.btn-loading{cursor:default;pointer-events:none;&:after{align-items:center;background-color:var(--color-n0);border-radius:inherit;bottom:0;content:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" style="font-size: 20px"> <circle cx="10" cy="10" r="8.5" fill="none" stroke="%23b8babf" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" stroke-miterlimit="10" /> <animate attributeName="stroke-dashoffset" values="0;-0.7291666667em;-2.5833333333em" dur="1.4s" repeatCount="indefinite" /> <animate attributeName="stroke-dasharray" values="1, 83.33; 37.08, 83.33; 37.08, 83.33" dur="1.4s" repeatCount="indefinite" /> <animateTransform attributeName="transform" type="rotate" from="0 0 0" to="360 0 0" dur="2.4s" repeatCount="indefinite"/></svg>');display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}&.btn-primary{&:after{background-color:var(--color-brand-subsplash);content:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" style="font-size: 20px"> <circle cx="10" cy="10" r="8.5" fill="none" stroke="%23ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" stroke-miterlimit="10" /> <animate attributeName="stroke-dashoffset" values="0;-0.7291666667em;-2.5833333333em" dur="1.4s" repeatCount="indefinite" /> <animate attributeName="stroke-dasharray" values="1, 83.33; 37.08, 83.33; 37.08, 83.33" dur="1.4s" repeatCount="indefinite" /> <animateTransform attributeName="transform" type="rotate" from="0 0 0" to="360 0 0" dur="2.4s" repeatCount="indefinite"/></svg>')}}&.btn-primary-dark{&:after{background-color:var(--color-n900);content:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" style="font-size: 20px"> <circle cx="10" cy="10" r="8.5" fill="none" stroke="%23ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" stroke-miterlimit="10" /> <animate attributeName="stroke-dashoffset" values="0;-0.7291666667em;-2.5833333333em" dur="1.4s" repeatCount="indefinite" /> <animate attributeName="stroke-dasharray" values="1, 83.33; 37.08, 83.33; 37.08, 83.33" dur="1.4s" repeatCount="indefinite" /> <animateTransform attributeName="transform" type="rotate" from="0 0 0" to="360 0 0" dur="2.4s" repeatCount="indefinite"/></svg>')}}&.btn-danger{&:after{background-color:var(--color-r500);content:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" style="font-size: 20px"> <circle cx="10" cy="10" r="8.5" fill="none" stroke="%23ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" stroke-miterlimit="10" /> <animate attributeName="stroke-dashoffset" values="0;-0.7291666667em;-2.5833333333em" dur="1.4s" repeatCount="indefinite" /> <animate attributeName="stroke-dasharray" values="1, 83.33; 37.08, 83.33; 37.08, 83.33" dur="1.4s" repeatCount="indefinite" /> <animateTransform attributeName="transform" type="rotate" from="0 0 0" to="360 0 0" dur="2.4s" repeatCount="indefinite"/></svg>')}}}.row{--waves-row-padding:var(--spacing-md) 0;--waves-row-offset:var(--spacing-lg);padding:var(--waves-row-padding);position:relative;a&{cursor:pointer;&:hover{background-color:var(--color-n25)}&:active{background-color:var(--color-n50)}&:before{content:"";display:block;height:100%;left:calc(var(--waves-row-offset)*-1);pointer-events:none;position:absolute;right:calc(var(--waves-row-offset)*-1);top:0}&:hover:before{background-color:var(--color-n25)}&:active:before{background-color:var(--color-n50)}}button&{cursor:pointer;&:hover{background-color:var(--color-n25)}&:active{background-color:var(--color-n50)}&:before{content:"";display:block;height:100%;left:calc(var(--waves-row-offset)*-1);pointer-events:none;position:absolute;right:calc(var(--waves-row-offset)*-1);top:0}&:hover:before{background-color:var(--color-n25)}&:active:before{background-color:var(--color-n50)}}}.select{--waves-select-height:36px;--waves-select-min-width:80px;--waves-select-icon-size:14px;align-items:center;appearance:none;background-color:var(--color-n0);background-repeat:no-repeat;@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in srgb,var(--color-n1000) 8%,transparent)}background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="var(--waves-select-icon-size)" height="var(--waves-select-icon-size)" viewBox="0 0 20 20" style="fill: rgba(50, 50, 51, 1)"><path fill-rule="evenodd" d="M8.5804396,5.17191816 L12.8280818,9.4195604 C13.2190665,9.81054508 13.2190665,10.4444565 12.8280818,10.8354412 L8.5804396,15.0830834 C8.18945492,15.4740681 7.55554352,15.4740681 7.16455885,15.0830834 C6.77357418,14.6920987 6.77357418,14.0581873 7.16455885,13.6672026 L10.7038331,10.1268593 L7.16455885,6.58779891 C6.77357418,6.19681424 6.77357418,5.56290283 7.16455885,5.17191816 C7.55554352,4.78093349 8.18945492,4.78093349 8.5804396,5.17191816 Z" transform="translate(9.9963, 10.1275) rotate(-270) translate(-9.9963, -10.1275)"/></svg>');background-position:right 18px center;background-size:var(--waves-select-icon-size) var(--waves-select-icon-size);border:1px solid color-mix(in srgb,#000 8%,transparent);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);color:var(--color-n900);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);height:var(--waves-select-height);justify-content:flex-start;min-width:var(--waves-select-min-width);outline:none;padding-left:var(--spacing-lg);padding-right:var(--spacing-3xl);position:relative;user-select:none;width:100%;&:not(:disabled):hover{border-color:color-mix(in srgb,#000 10%,transparent);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in srgb,var(--color-n1000) 10%,transparent)}background-color:var(--color-n25);box-shadow:var(--shadow-md);transform:scale(1.02)}&:disabled{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="0.5" height="0.5" viewBox="0 0 20 20" style="fill: rgba(50, 50, 51, 1)"><path fill-rule="evenodd" d="M8.5804396,5.17191816 L12.8280818,9.4195604 C13.2190665,9.81054508 13.2190665,10.4444565 12.8280818,10.8354412 L8.5804396,15.0830834 C8.18945492,15.4740681 7.55554352,15.4740681 7.16455885,15.0830834 C6.77357418,14.6920987 6.77357418,14.0581873 7.16455885,13.6672026 L10.7038331,10.1268593 L7.16455885,6.58779891 C6.77357418,6.19681424 6.77357418,5.56290283 7.16455885,5.17191816 C7.55554352,4.78093349 8.18945492,4.78093349 8.5804396,5.17191816 Z" transform="translate(9.9963, 10.1275) rotate(-270) translate(-9.9963, -10.1275)"/></svg>');color:color-mix(in srgb,#323233 50%,transparent);@supports (color:color-mix(in lab,red,red)){color:color-mix(in srgb,var(--color-n800) 50%,transparent)}cursor:default;opacity:.7;pointer-events:none}&:not(:is(:disabled),:has(option)):active{background-color:var(--color-n50);box-shadow:var(--shadow-none);color:color-mix(in srgb,#222 80%,transparent);@supports (color:color-mix(in lab,red,red)){color:color-mix(in srgb,var(--color-n900) 80%,transparent)}transform:scale(.98)}&:focus,&:focus-visible{border:1px solid var(--color-brand-subsplash);box-shadow:0 0 3px color-mix(in srgb,#4f63ff 50%,transparent);@supports (color:color-mix(in lab,red,red)){box-shadow:0 0 3px color-mix(in srgb,var(--color-brand-subsplash) 50%,transparent)}}}.input{--waves-input-height:36px;-webkit-appearance:none;background-color:var(--color-n50);border:1px solid transparent;border-radius:4px;color:var(--color-n900);display:block;font-family:var(--font-sans);font-size:var(--text-base);height:var(--waves-input-height);padding:6px 10px;transition-duration:var(--default-transition-duration);transition-property:border,box-shadow;transition-timing-function:var(--default-transition-timing-function);width:100%;&:active,&:focus{border-color:var(--waves-theme-primary,var(--color-brand-subsplash));box-shadow:var(--shadow-sm);outline:none}&:disabled{color:var(--color-n400);opacity:.7;pointer-events:none;-webkit-text-fill-color:var(--color-n400)}&::placeholder{color:var(--color-n300)}&[type=number]{-webkit-appearance:textfield}&[type=number]::-webkit-inner-spin-button,&[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}&::-webkit-datetime-edit{align-content:center;display:inline-flex;height:24px}}.textarea{--waves-input-height:36px;-webkit-appearance:none;background-color:var(--color-n50);border:1px solid transparent;border-radius:4px;color:var(--color-n900);display:block;font-family:var(--font-sans);font-size:var(--text-base);height:var(--waves-textarea-height);padding:6px 10px;transition-duration:var(--default-transition-duration);transition-property:border,box-shadow;transition-timing-function:var(--default-transition-timing-function);width:100%;--waves-textarea-height:68px;line-height:1.4;resize:none;&:active,&:focus{border-color:var(--waves-theme-primary,var(--color-brand-subsplash));box-shadow:var(--shadow-sm);outline:none}&:disabled{color:var(--color-n400);opacity:.7;pointer-events:none;-webkit-text-fill-color:var(--color-n400)}&::placeholder{color:var(--color-n300)}}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.table{border-collapse:collapse;border-spacing:0;width:100%;& th{color:var(--color-n500);font-size:var(--text-sm);font-weight:400;line-height:1;padding-bottom:var(--spacing-md);text-align:left;white-space:nowrap}& td{font-size:var(--text-sm);height:48px;vertical-align:middle;width:0;z-index:2}& tr{border-bottom:1px solid var(--color-n100);position:relative}& tr:has(a[href]){transform:scale(1)}& thead th{height:38px;padding:0 var(--spacing-xl);vertical-align:middle;&.right{text-align:right}&.sort{cursor:pointer;user-select:none}&.sort:after,&.sort:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' style='fill:%23747578' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M9.877 1.007A1.143 1.143 0 0 0 8.872 2.15v13.014l-1.384-1.41a1.15 1.15 0 0 0-1.647 0 1.205 1.205 0 0 0-.134 1.514l.102.129 3.068 3.132c.62.632 1.626.632 2.246 0l3.036-3.097c.4-.407.453-1.046.134-1.515l-.102-.128-.108-.1c-.483-.397-1.149-.367-1.57.064l-1.386 1.411.001-13.014A1.14 1.14 0 0 0 10 1z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;border-radius:26px;content:"";display:inline-block;height:26px;margin-left:var(--spacing-xs);opacity:0;position:relative;transition:transform 225ms ease-in-out;vertical-align:-50%;width:26px}&.sort.right:not(:hover,:active):before,&.sort:not(:hover,:active):after{transition:transform 225ms ease-in-out,opacity 225ms ease-in-out}&.sort.right:hover:before,&.sort:hover:after{background-color:var(--color-n50);opacity:1}&.sort.right:active:before,&.sort:active:after{background-color:var(--color-n100);opacity:1}&.sort.right.sorted:before{opacity:1}&.sort.right:before{display:inline-block;margin-right:var(--spacing-xs)}&.sort.right:after{display:none}&.sort.sorted:after{opacity:1}&.sort:before{display:none}&.sort.sort-asc:after,&.sort.sort-asc:before{transform:rotate(180deg)}}& tbody td{padding:0 var(--spacing-xl);white-space:nowrap;&.right{text-align:right}}& thead th:first-child{padding-left:0}& tbody td:first-child{padding-left:0}& thead th:last-child{padding-right:0}& tbody td:last-child{padding-right:0}& td a[href]:after{content:"";display:block;height:48px;left:calc(var(--spacing-lg)*-1);position:absolute;right:calc(var(--spacing-lg)*-1);top:0}& tr:has(a[href]){&:hover td,&:hover td:after{background-color:var(--color-n25);cursor:pointer}&:active td,&:active td:after{background-color:var(--color-n50)}& td:first-child:after,& td:last-child:after{content:"";display:block;height:48px;position:absolute;top:0;width:var(--spacing-lg)}& td:first-child:after{left:calc(var(--spacing-lg)*-1)}& td:last-child:after{right:calc(var(--spacing-lg)*-1)}}& tr.action{&:hover td,&:hover td:after{background-color:var(--color-n25);cursor:pointer}&:active td,&:active td:after{background-color:var(--color-n50)}& td:first-child:after,& td:last-child:after{content:"";display:block;height:48px;position:absolute;top:0;width:var(--spacing-lg)}& td:first-child:after{left:calc(var(--spacing-lg)*-1)}& td:last-child:after{right:calc(var(--spacing-lg)*-1)}}&.table-sm{tbody td,tbody td a[href]:after,tr.action td:first-child:after,tr.action td:last-child:after,tr:has(a[href]) td:first-child:after,tr:has(a[href]) td:last-child:after{height:48px}}&.table-md{tbody td,tbody td a[href]:after,tr.action td:first-child:after,tr.action td:last-child:after,tr:has(a[href]) td:first-child:after,tr:has(a[href]) td:last-child:after{height:64px}}&.table-lg{tbody td,tbody td a[href]:after,tr.action td:first-child:after,tr.action td:last-child:after,tr:has(a[href]) td:first-child:after,tr:has(a[href]) td:last-child:after{height:80px}}&.table-xl{tbody td,tbody td a[href]:after,tr.action td:first-child:after,tr.action td:last-child:after,tr:has(a[href]) td:first-child:after,tr:has(a[href]) td:last-child:after{height:94px}}waves-scroll-fade & tr:has(a[href]){& td:first-child:after{left:0;width:0}& td:last-child:after{right:0;width:0}}waves-scroll-fade & tr.action{& td:first-child:after{left:0;width:0}& td:last-child:after{right:0;width:0}}waves-scroll-fade & td a[href]:after{left:0;right:0}}.action{.table tr&{&:hover td,&:hover td:after{background-color:var(--color-n25);cursor:pointer}&:active td,&:active td:after{background-color:var(--color-n50)}& td:first-child:after,& td:last-child:after{content:"";display:block;height:48px;position:absolute;top:0;width:var(--spacing-lg)}& td:first-child:after{left:calc(var(--spacing-lg)*-1)}& td:last-child:after{right:calc(var(--spacing-lg)*-1)}}waves-scroll-fade .table tr&{& td:first-child:after{left:0;width:0}& td:last-child:after{right:0;width:0}}}.toggle{&[type=checkbox]{appearance:none;background-color:var(--color-n200);border:none;border-radius:2px;box-sizing:border-box;cursor:pointer;height:4px;position:relative;transition:background-color .125s ease;width:28px;&:after{content:"";height:16px;left:0;position:absolute;top:-6px;width:100%}&:before{background-color:var(--color-n150);border-radius:50%;box-shadow:var(--shadow-sm);content:"";height:16px;left:0;position:absolute;top:-6px;transition:transform .125s ease-in-out,box-shadow .2s ease;width:16px}&:not(:disabled):hover{&:before{box-shadow:var(--shadow-md)}}&:focus-visible{outline:none;&:before{box-shadow:0 0 0 2px var(--color-brand-subsplash)}}&:checked{background-color:#021fff;&:before{background-color:var(--color-brand-subsplash);transform:translateX(12px)}}&:disabled{cursor:not-allowed;opacity:.5}}}.sr-only{border-width:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.btn-frameless{background-color:transparent;border:none;box-shadow:none;&:before{display:none}&:hover{background-color:var(--color-n50);box-shadow:none}&.active,&:active{background-color:var(--color-n75);box-shadow:none}&:focus{outline:none}&:focus-visible{outline:none;&:before{border-color:var(--color-brand-subsplash);bottom:-2px;box-shadow:0 0 3px rgb(from var(--color-brand-subsplash) r g b/.5);display:block;left:-2px;right:-2px;top:-2px}}& waves-icon{color:var(--color-n400)}&:hover waves-icon{color:var(--color-n500)}&.active waves-icon,&:active waves-icon{color:var(--color-n600)}&:disabled waves-icon{color:var(--color-n300)}}.top-0{top:var(--spacing-0)}.top-1\/2{top:50%}.top-\[22px\]{top:22px}.top-md{top:var(--spacing-md)}.-right-sm{right:calc(var(--spacing-sm)*-1)}.right-md{right:var(--spacing-md)}.right-xs{right:var(--spacing-xs)}.left-0{left:var(--spacing-0)}.left-\[20\.5px\]{left:20.5px}.z-30{z-index:30}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-5{grid-column:span 5/span 5}.col-span-7{grid-column:span 7/span 7}.container{width:100%;@media (width >= 420px){max-width:420px}@media (width >= 640px){max-width:640px}@media (width >= 768px){max-width:768px}@media (width >= 1024px){max-width:1024px}@media (width >= 1280px){max-width:1280px}@media (width >= 1536px){max-width:1536px}}.m-0{margin:var(--spacing-0)}.-mx-xl{margin-inline:calc(var(--spacing-xl)*-1)}.mx-auto{margin-inline:auto}.mx-lg{margin-inline:var(--spacing-lg)}.mx-md{margin-inline:var(--spacing-md)}.my-3xl{margin-block:var(--spacing-3xl)}.my-lg{margin-block:var(--spacing-lg)}.my-md{margin-block:var(--spacing-md)}.my-sm{margin-block:var(--spacing-sm)}.my-xl{margin-block:var(--spacing-xl)}.mt-2xs{margin-top:var(--spacing-2xs)}.mt-3xl{margin-top:var(--spacing-3xl)}.mt-lg{margin-top:var(--spacing-lg)}.mt-md{margin-top:var(--spacing-md)}.mt-sm{margin-top:var(--spacing-sm)}.mt-xl{margin-top:var(--spacing-xl)}.mt-xs{margin-top:var(--spacing-xs)}.\!mr-lg{margin-right:var(--spacing-lg)!important}.\!mr-sm{margin-right:var(--spacing-sm)!important}.mr-2xl{margin-right:var(--spacing-2xl)}.mr-3xl{margin-right:var(--spacing-3xl)}.mr-lg{margin-right:var(--spacing-lg)}.mr-md{margin-right:var(--spacing-md)}.mr-sm{margin-right:var(--spacing-sm)}.mr-xl{margin-right:var(--spacing-xl)}.mr-xs{margin-right:var(--spacing-xs)}.-mb-xl{margin-bottom:calc(var(--spacing-xl)*-1)}.mb-2xl{margin-bottom:var(--spacing-2xl)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-md{margin-bottom:var(--spacing-md)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-xl{margin-bottom:var(--spacing-xl)}.mb-xs{margin-bottom:var(--spacing-xs)}.-ml-md{margin-left:calc(var(--spacing-md)*-1)}.ml-lg{margin-left:var(--spacing-lg)}.ml-md{margin-left:var(--spacing-md)}.ml-sm{margin-left:var(--spacing-sm)}.ml-xs{margin-left:var(--spacing-xs)}.rows{display:flex;flex-direction:column;&>button{background-color:transparent;border-left:none;border-right:none;border-top:none}&>*{border-bottom:1px solid var(--color-n100)}&>:first-child{border-top:1px solid var(--color-n100)}}.btn-danger{--waves-btn-bg:var(--color-r500);--waves-btn-color:var(--color-n0);background-color:var(--waves-btn-bg);box-shadow:0 2px 8px 0 rgb(from var(--color-r500) r g b/.35),0 1px 2px 0 rgb(from var(--color-r500) r g b/.12);color:var(--waves-btn-color);&:not(:focus-visible):before{display:none}&:hover{background-color:#d00c40;box-shadow:0 4px 12px 0 rgb(from var(--color-r500) r g b/.4),0 3px 4px 0 rgb(from var(--color-r500) r g b/.12);color:var(--color-n0)}&.active,&:active{background-color:#a5173d;box-shadow:none;color:var(--color-n0)}&:focus{color:var(--color-n0)}.btn-loading&{&:after{background-color:var(--color-r500);content:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" style="font-size: 20px"> <circle cx="10" cy="10" r="8.5" fill="none" stroke="%23ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" stroke-miterlimit="10" /> <animate attributeName="stroke-dashoffset" values="0;-0.7291666667em;-2.5833333333em" dur="1.4s" repeatCount="indefinite" /> <animate attributeName="stroke-dasharray" values="1, 83.33; 37.08, 83.33; 37.08, 83.33" dur="1.4s" repeatCount="indefinite" /> <animateTransform attributeName="transform" type="rotate" from="0 0 0" to="360 0 0" dur="2.4s" repeatCount="indefinite"/></svg>')}}}.btn-primary{--waves-btn-bg:var(--color-brand-subsplash);--waves-btn-color:var(--color-n0);background-color:var(--waves-btn-bg);box-shadow:0 2px 8px 0 rgb(from var(--color-brand-subsplash) r g b/.35),0 1px 2px 0 rgb(from var(--color-brand-subsplash) r g b/.12);color:var(--waves-btn-color);&:not(:focus-visible):before{display:none}&:hover{background-color:#3b50f5;box-shadow:0 4px 12px 0 rgb(from var(--color-brand-subsplash) r g b/.4),0 3px 4px 0 rgb(from var(--color-brand-subsplash) r g b/.12);color:var(--color-n0)}&.active,&:active{background-color:#2e43e3;box-shadow:none;color:var(--color-n0)}&:focus{color:var(--color-n0)}.btn-loading&{&:after{background-color:var(--color-brand-subsplash);content:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" style="font-size: 20px"> <circle cx="10" cy="10" r="8.5" fill="none" stroke="%23ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" stroke-miterlimit="10" /> <animate attributeName="stroke-dashoffset" values="0;-0.7291666667em;-2.5833333333em" dur="1.4s" repeatCount="indefinite" /> <animate attributeName="stroke-dasharray" values="1, 83.33; 37.08, 83.33; 37.08, 83.33" dur="1.4s" repeatCount="indefinite" /> <animateTransform attributeName="transform" type="rotate" from="0 0 0" to="360 0 0" dur="2.4s" repeatCount="indefinite"/></svg>')}}}.btn-primary-dark{--waves-btn-bg:var(--color-n900);--waves-btn-color:var(--color-n0);background-color:var(--waves-btn-bg);box-shadow:var(--shadow-sm);color:var(--waves-btn-color);&:not(:focus-visible):before{display:none}&:hover{background-color:#131313;box-shadow:var(--shadow-md);color:var(--color-n0)}&.active,&:active{background-color:#030303;box-shadow:var(--shadow-none);color:var(--color-n0)}&:focus{color:var(--color-n0)}.btn-loading&{&:after{background-color:var(--color-n900);content:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" style="font-size: 20px"> <circle cx="10" cy="10" r="8.5" fill="none" stroke="%23ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" stroke-miterlimit="10" /> <animate attributeName="stroke-dashoffset" values="0;-0.7291666667em;-2.5833333333em" dur="1.4s" repeatCount="indefinite" /> <animate attributeName="stroke-dasharray" values="1, 83.33; 37.08, 83.33; 37.08, 83.33" dur="1.4s" repeatCount="indefinite" /> <animateTransform attributeName="transform" type="rotate" from="0 0 0" to="360 0 0" dur="2.4s" repeatCount="indefinite"/></svg>')}}}.btn-light{--waves-btn-bg:var(--color-n100);background-color:var(--waves-btn-bg);box-shadow:none;&:not(:focus-visible):before{display:none}&:hover{background-color:#dfdfdf;box-shadow:var(--shadow-none)}&.active,&:active{background-color:#d0d0d0;box-shadow:var(--shadow-none)}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.table-row{display:table-row}.btn-circle{.btn&{--waves-btn-padding:0;width:var(--waves-btn-height)}.btn.btn-md& svg{height:20px;width:20px}.btn.btn-md& waves-icon{--waves-icon-size:20px}}.btn-md{--waves-btn-height:44px;--waves-btn-padding:0 24px;.btn&.btn-circle svg{height:20px;width:20px}.btn&.btn-circle waves-icon{--waves-icon-size:20px}}.h-2\/3{height:66.66667%}.h-2xl{height:var(--spacing-2xl)}.h-\[8px\]{height:8px}.h-\[27px\]{height:27px}.h-\[40px\]{height:40px}.h-\[64px\]{height:64px}.h-\[67px\]{height:67px}.h-\[72px\]{height:72px}.h-\[88px\]{height:88px}.h-\[175px\]{height:175px}.h-\[200px\]{height:200px}.h-\[250px\]{height:250px}.h-\[260px\]{height:260px}.h-\[330px\]{height:330px}.h-\[400px\]{height:400px}.h-\[420px\]{height:420px}.h-\[768px\]{height:768px}.h-lg{height:var(--spacing-lg)}.table-sm{.table&{tbody td,tbody td a[href]:after,tr.action td:first-child:after,tr.action td:last-child:after,tr:has(a[href]) td:first-child:after,tr:has(a[href]) td:last-child:after{height:48px}}}.max-h-\[60vh\]{max-height:60vh}.max-h-\[70vh\]{max-height:70vh}.max-h-\[345px\]{max-height:345px}.max-h-\[350px\]{max-height:350px}.max-h-\[385px\]{max-height:385px}.max-h-\[420px\]{max-height:420px}.min-h-\[480px\]{min-height:480px}.min-h-screen{min-height:100vh}.\!w-full{width:100%!important}.w-1\/2{width:50%}.w-1\/3{width:33.33333%}.w-2\/3{width:66.66667%}.w-2xl{width:var(--spacing-2xl)}.w-\[3px\]{width:3px}.w-\[8px\]{width:8px}.w-\[16px\]{width:16px}.w-\[26px\]{width:26px}.w-\[34px\]{width:34px}.w-\[40px\]{width:40px}.w-\[44\%\]{width:44%}.w-\[72px\]{width:72px}.w-\[100px\]{width:100px}.w-\[120px\]{width:120px}.w-\[144px\]{width:144px}.w-\[160px\]{width:160px}.w-\[175px\]{width:175px}.w-\[176px\]{width:176px}.w-\[185px\]{width:185px}.w-\[200px\]{width:200px}.w-\[222px\]{width:222px}.w-\[275px\]{width:275px}.w-\[320px\]{width:320px}.w-\[420px\]{width:420px}.w-\[519px\]{width:519px}.w-\[calc\(100\%-16px\)\]{width:calc(100% - 16px)}.w-full{width:100%}.w-lg{width:var(--spacing-lg)}.w-max{width:max-content}.w-min{width:min-content}.max-w-\[50\%\]{max-width:50%}.max-w-\[200px\]{max-width:200px}.max-w-\[280px\]{max-width:280px}.max-w-\[420px\]{max-width:420px}.max-w-\[550px\]{max-width:550px}.max-w-\[568px\]{max-width:568px}.max-w-full{max-width:100%}.min-w-0{min-width:var(--spacing-0)}.min-w-\[790px\]{min-width:790px}.min-w-full{min-width:100%}.min-w-min{min-width:min-content}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.grow{flex-grow:1}.basis-\[0px\]{flex-basis:0px}.-translate-y-1\/2{--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.selectable-scale{cursor:pointer;&:hover{transform:scale(1.02)}&:active{transform:scale(.98)}}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.contained-row{--waves-contained-row-padding:var(--spacing-lg);border:1px solid var(--color-n100);border-radius:var(--radius-md);padding:var(--waves-contained-row-padding);a&{cursor:pointer;&:hover{background-color:var(--color-n25)}&:active{background-color:var(--color-n50)}}button&{cursor:pointer;&:hover{background-color:var(--color-n25)}&:active{background-color:var(--color-n50)}}}.selectable{cursor:pointer;&:hover{background-color:var(--color-n50)}&:active{background-color:var(--color-n75)}}.selectable-lite{cursor:pointer;&:hover{background-color:var(--color-n25)}&:active{background-color:var(--color-n50)}}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-y{resize:vertical}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.content-center{align-content:center}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-4xl{gap:var(--spacing-4xl)}.gap-lg{gap:var(--spacing-lg)}.gap-md{gap:var(--spacing-md)}.gap-sm{gap:var(--spacing-sm)}.gap-xl{gap:var(--spacing-xl)}.gap-xs{gap:var(--spacing-xs)}.gap-x-md{column-gap:var(--spacing-md)}.gap-x-xs{column-gap:var(--spacing-xs)}.gap-y-lg{row-gap:var(--spacing-lg)}.gap-y-sm{row-gap:var(--spacing-sm)}.gap-y-xl{row-gap:var(--spacing-xl)}.self-end{align-self:flex-end}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.frame{background-color:var(--color-n0);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--spacing-lg)}.frame-tooltip{border-radius:var(--radius-lg);box-shadow:var(--shadow-3xl);padding:var(--spacing-lg)}.rounded-\[36px\]{border-radius:36px}.rounded-full{border-radius:var(--radius-full)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-none{--tw-border-style:none;border-style:none}.border-solid{--tw-border-style:solid;border-style:solid}.border-brand-subsplash{border-color:var(--color-brand-subsplash)}.border-n0{border-color:var(--color-n0)}.border-n100{border-color:var(--color-n100)}.btn-reset{background-color:transparent;border:none;box-shadow:none}.bg-brand-subsplash{background-color:var(--color-brand-subsplash)}.bg-g50{background-color:var(--color-g50)}.bg-n0{background-color:var(--color-n0)}.bg-n25{background-color:var(--color-n25)}.bg-n75{background-color:var(--color-n75)}.bg-n100{background-color:var(--color-n100)}.bg-n900{background-color:var(--color-n900)}.bg-n1000{background-color:var(--color-n1000)}.bg-transparent{background-color:transparent}.bg-y400{background-color:var(--color-y400)}.p-0{padding:var(--spacing-0)}.p-2xl{padding:var(--spacing-2xl)}.p-3xl{padding:var(--spacing-3xl)}.p-5xl{padding:var(--spacing-5xl)}.p-lg{padding:var(--spacing-lg)}.p-md{padding:var(--spacing-md)}.p-sm{padding:var(--spacing-sm)}.p-xl{padding:var(--spacing-xl)}.\!px-xs{padding-inline:var(--spacing-xs)!important}.px-0{padding-inline:var(--spacing-0)}.px-3xl{padding-inline:var(--spacing-3xl)}.px-4xl{padding-inline:var(--spacing-4xl)}.px-lg{padding-inline:var(--spacing-lg)}.px-md{padding-inline:var(--spacing-md)}.px-sm{padding-inline:var(--spacing-sm)}.px-xl{padding-inline:var(--spacing-xl)}.py-2xl{padding-block:var(--spacing-2xl)}.py-3xl{padding-block:var(--spacing-3xl)}.py-\[60px\]{padding-block:60px}.py-lg{padding-block:var(--spacing-lg)}.py-md{padding-block:var(--spacing-md)}.py-sm{padding-block:var(--spacing-sm)}.py-xl{padding-block:var(--spacing-xl)}.pt-lg{padding-top:var(--spacing-lg)}.pt-sm{padding-top:var(--spacing-sm)}.pt-xl{padding-top:var(--spacing-xl)}.pt-xs{padding-top:var(--spacing-xs)}.\!pr-0{padding-right:var(--spacing-0)!important}.pr-2xl{padding-right:var(--spacing-2xl)}.pr-lg{padding-right:var(--spacing-lg)}.pr-xl{padding-right:var(--spacing-xl)}.pb-0{padding-bottom:var(--spacing-0)}.pb-lg{padding-bottom:var(--spacing-lg)}.pb-md{padding-bottom:var(--spacing-md)}.pb-sm{padding-bottom:var(--spacing-sm)}.pb-xl{padding-bottom:var(--spacing-xl)}.pb-xs{padding-bottom:var(--spacing-xs)}.\!pl-md{padding-left:var(--spacing-md)!important}.pl-0{padding-left:var(--spacing-0)}.pl-lg{padding-left:var(--spacing-lg)}.pl-md{padding-left:var(--spacing-md)}.pl-sm{padding-left:var(--spacing-sm)}.pl-xl{padding-left:var(--spacing-xl)}.\!text-right{text-align:right!important}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-top{vertical-align:top}.text-h1{color:var(--color-n900);font-size:var(--text-4xl);font-weight:var(--font-weight-extrabold);letter-spacing:-.025em;line-height:var(--leading-none)}.text-b1{color:var(--color-n900);font-size:var(--text-base);font-weight:var(--font-weight-normal);line-height:var(--leading-lg)}.text-b2{color:var(--color-n500);font-size:var(--text-sm);font-weight:var(--font-weight-normal);line-height:var(--leading-md)}.text-h2{color:var(--color-n900);font-size:var(--text-3xl);font-weight:var(--font-weight-bold);line-height:var(--leading-3xl)}.text-h4{color:var(--color-n900);font-size:var(--text-xl);font-weight:var(--font-weight-bold);line-height:var(--leading-xl)}.text-h5{color:var(--color-n900);font-size:var(--text-lg);font-weight:var(--font-weight-normal);line-height:var(--leading-xl)}.text-h6{color:var(--color-n900);font-size:var(--text-base);font-weight:var(--font-weight-bold);line-height:var(--leading-md)}.btn-xs{--waves-btn-height:24px;--waves-btn-padding:0 12px;font-size:var(--text-xs)}.text-\[22px\]{font-size:22px}.text-\[32px\]{font-size:32px}.text-\[52px\]{font-size:52px}.text-\[64px\]{font-size:64px}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-sm{font-size:var(--text-sm)}.text-xl{font-size:var(--text-xl)}.text-xs{font-size:var(--text-xs)}.leading-\[20px\]{--tw-leading:20px;line-height:20px}.leading-md{--tw-leading:var(--leading-md);line-height:var(--leading-md)}.leading-none{--tw-leading:var(--leading-none);line-height:var(--leading-none)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-ellipsis{text-overflow:ellipsis}.whitespace-normal{white-space:normal}.\!text-n0{color:var(--color-n0)!important}.\!text-n900{color:var(--color-n900)!important}.text-brand-subsplash{color:var(--color-brand-subsplash)}.text-g300{color:var(--color-g300)}.text-inherit{color:inherit}.text-n0{color:var(--color-n0)}.text-n100{color:var(--color-n100)}.text-n150{color:var(--color-n150)}.text-n300{color:var(--color-n300)}.text-n400{color:var(--color-n400)}.text-n500{color:var(--color-n500)}.text-n600{color:var(--color-n600)}.text-n700{color:var(--color-n700)}.text-n800{color:var(--color-n800)}.text-n900{color:var(--color-n900)}.text-n1000{color:var(--color-n1000)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.\!underline{text-decoration-line:underline!important}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.opacity-25{opacity:25%}.opacity-60{opacity:60%}.shadow-lg{--tw-shadow:0 5px 15px 0 var(--tw-shadow-color,rgba(0,0,0,.06)),0 1px 2px 0 var(--tw-shadow-color,rgba(0,0,0,.04));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 3px 10px 0 var(--tw-shadow-color,rgba(0,0,0,.06)),0 1px 2px 0 var(--tw-shadow-color,rgba(0,0,0,.04));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-1{outline-style:var(--tw-outline-style);outline-width:1px}.outline-2{outline-style:var(--tw-outline-style);outline-width:2px}.outline-offset-0{outline-offset:0}.outline-brand-subsplash{outline-color:var(--color-brand-subsplash)}.outline-n100{outline-color:var(--color-n100)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.\[-ms-overflow-style\:none\]{-ms-overflow-style:none}.last\:mb-0{&:last-child{margin-bottom:var(--spacing-0)}}.hover\:bg-n25{&:hover{@media (hover:hover){background-color:var(--color-n25)}}}.hover\:bg-n50{&:hover{@media (hover:hover){background-color:var(--color-n50)}}}.hover\:text-brand-subsplash{&:hover{@media (hover:hover){color:var(--color-brand-subsplash)}}}.hover\:text-n0{&:hover{@media (hover:hover){color:var(--color-n0)}}}.hover\:text-n500{&:hover{@media (hover:hover){color:var(--color-n500)}}}.hover\:text-n700{&:hover{@media (hover:hover){color:var(--color-n700)}}}.hover\:text-n800{&:hover{@media (hover:hover){color:var(--color-n800)}}}.hover\:text-n900{&:hover{@media (hover:hover){color:var(--color-n900)}}}.hover\:underline{&:hover{@media (hover:hover){text-decoration-line:underline}}}.hover\:opacity-80{&:hover{@media (hover:hover){opacity:80%}}}.focus\:text-n500{&:focus{color:var(--color-n500)}}.focus\:underline{&:focus{text-decoration-line:underline}}.active\:bg-n50{&:active{background-color:var(--color-n50)}}.active\:bg-n75{&:active{background-color:var(--color-n75)}}.active\:bg-n100{&:active{background-color:var(--color-n100)}}.active\:text-n500{&:active{color:var(--color-n500)}}.active\:text-n900{&:active{color:var(--color-n900)}}.active\:underline{&:active{text-decoration-line:underline}}.active\:opacity-60{&:active{opacity:60%}}.sm\:grid-cols-2{@media (width >= 640px){grid-template-columns:repeat(2,minmax(0,1fr))}}.sm\:grid-cols-3{@media (width >= 640px){grid-template-columns:repeat(3,minmax(0,1fr))}}.sm\:grid-cols-4{@media (width >= 640px){grid-template-columns:repeat(4,minmax(0,1fr))}}.sm\:gap-lg{@media (width >= 640px){gap:var(--spacing-lg)}}.md\:grid-cols-2{@media (width >= 768px){grid-template-columns:repeat(2,minmax(0,1fr))}}.lg\:grid-cols-2{@media (width >= 1024px){grid-template-columns:repeat(2,minmax(0,1fr))}}.\[\&\>\.kit-frame\]\:h-\[440px\]{&>.kit-frame{height:440px}}.\[\&\>\.kit-frame\]\:w-\[480px\]{&>.kit-frame{width:480px}}.\[\&\>\.kit-frame\]\:w-\[720px\]{&>.kit-frame{width:720px}}}@keyframes scale-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scale-out{0%{transform:scale(1);visibility:visible}to{transform:scale(.95);visibility:hidden}}@keyframes slide-fade-in{0%{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-fade-out{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-24px)}}@layer base, app, components, utilities;@layer base{@font-face{font-display:swap;font-family:Proxima-Nova;font-style:normal;font-weight:100;src:url(https://assets.static.subsplash.com/fonts/proxima-nova/thin/proximanova-thin-webfont.woff2) format("woff2")}@font-face{font-display:swap;font-family:Proxima-Nova;font-style:normal;font-weight:300;src:url(https://assets.static.subsplash.com/fonts/proxima-nova/light/ProximaNova-Light-webfont.woff2) format("woff2")}@font-face{font-display:swap;font-family:Proxima-Nova;font-style:normal;font-weight:400;src:url(https://assets.static.subsplash.com/fonts/proxima-nova/regular/ProximaNova-Reg-webfont.woff2) format("woff2")}@font-face{font-display:swap;font-family:Proxima-Nova;font-style:italic;font-weight:400;src:url(https://assets.static.subsplash.com/fonts/proxima-nova/regular-italic/ProximaNova-RegIt-webfont.woff2) format("woff2")}@font-face{font-display:swap;font-family:Proxima-Nova;font-style:normal;font-weight:500;src:url(https://assets.static.subsplash.com/fonts/proxima-nova/medium/proximanova-medium-webfont.woff2) format("woff2")}@font-face{font-display:swap;font-family:Proxima-Nova;font-style:normal;font-weight:600;src:url(https://assets.static.subsplash.com/fonts/proxima-nova/semi-bold/ProximaNova-Sbold-webfont.woff2) format("woff2")}@font-face{font-display:swap;font-family:Proxima-Nova;font-style:normal;font-weight:700;src:url(https://assets.static.subsplash.com/fonts/proxima-nova/bold/ProximaNova-Bold-webfont.woff2) format("woff2")}@font-face{font-display:swap;font-family:Proxima-Nova;font-style:normal;font-weight:800;src:url(https://assets.static.subsplash.com/fonts/proxima-nova/extra-bold/ProximaNova-ExtraBold-webfont.woff2) format("woff2")}}@layer base{h1{color:var(--color-n900);font-size:var(--text-4xl);font-weight:var(--font-weight-extrabold);letter-spacing:-.025em;line-height:var(--leading-none)}h2{color:var(--color-n900);font-size:var(--text-3xl);font-weight:var(--font-weight-bold);line-height:var(--leading-3xl)}h3{color:var(--color-n900);font-size:var(--text-2xl);font-weight:var(--font-weight-bold);line-height:var(--leading-2xl)}h4{color:var(--color-n900);font-size:var(--text-xl);font-weight:var(--font-weight-bold);line-height:var(--leading-xl)}h5{color:var(--color-n900);font-size:var(--text-lg);font-weight:var(--font-weight-normal);line-height:var(--leading-xl)}h6{color:var(--color-n900);font-size:var(--text-base);font-weight:var(--font-weight-bold);line-height:var(--leading-md)}p{color:var(--color-n500);font-size:var(--text-sm);font-weight:var(--font-weight-normal);line-height:var(--leading-md)}label{color:var(--color-n500);font-size:var(--text-sm);font-weight:var(--font-weight-normal);line-height:var(--leading-md)}}@layer base{:root{-webkit-font-smoothing:antialiased}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}
@layer base {
  body {
    background-color: var(--color-n25);
    color: var(--color-n900);
  }
  svg {
    width: 100%;
    height: 100%;
  }
  a {
    color: var(--color-brand-subsplash);
    font-size: inherit;
    text-decoration: none;
  }
  a:hover,
  a:active,
  a:focus,
  a:visited {
    text-decoration: none;
  }
  a:hover {
    color: color-mix(in srgb, var(--color-brand-subsplash) 85%, black);
  }
  a:active {
    color: color-mix(in srgb, var(--color-brand-subsplash) 75%, black);
  }
  a:focus {
    color: var(--color-brand-subsplash);
  }
  a.disabled {
    pointer-events: none;
  }
  strong,
  b {
    font-weight: 600;
  }
  .kit-checkbox-label {
    font-size: 14px;
  }
  .kit-symbol-input__symbol--left {
    z-index: 1;
  }
  /** Adding Tailwind util's as an extension of TW + our versions; using them directly did not work. */
  .opacity-25 {
    opacity: 0.25;
  }
  .outline-brand-subsplash {
    outline-color: #4f63ff;
  }
  .outline {
    outline-style: solid;
  }
  .outline-1 {
    outline-width: 1px;
  }
  .outline-2 {
    outline-width: 2px;
  }
  .outline-offset-0 {
    outline-offset: 0px;
  }
  .outline-n100 {
    outline-color: #edeef0;
  }
  .focus-bg-n50.focus {
    background: #f5f6f7;
  }
  .focus-bg-n50.focus:hover {
    background: #f5f6f7;
  }
  .checkbox[type='checkbox'] {
    margin: 0;
  }
  .Canny_BadgeContainer .Canny_Badge {
    background-color: var(--color-r500);
    border: 1px solid white;
    border-radius: 8px;
    padding: 4px;
    position: absolute;
    right: -1px;
    top: -1px;
    visibility: visible;
  }
  /**
 * Meant to use in the top-level route, or wherever the main sidebar / content
 * is defined.
 * @example
 * ```hbs
 * <div class="route-layout-grid">
 *   <div class="route-layout-grid__sidebar>
 *     <AppSidebarNavigation />
 *   </div>
 *   <div class="route-layout-grid__main>
 *     <AppPage>
 *       {{! Content }}
 *     </AppPage>
 *   </div>
 * </div>
 * ```
 */
  .route-layout-grid {
    display: grid;
    grid-template-columns: auto 1fr;
    height: 100vh;
  }
  .route-layout-grid__sidebar {
    grid-column: 1;
    height: 100%;
    width: 236px;
  }
  @media screen and (max-width: 1023px) {
    .route-layout-grid__sidebar {
      width: 0px;
    }
  }
  .route-layout-grid__main {
    grid-column: 2;
    overflow-y: auto;
  }
  [data-ember-action] {
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  /**
 * Color Library
 *
 * The following colors are defined and managed by the Design team. All colors
 * used in SUI components should be referencing one of the variables below.
 *
 * To acheive variation on a color in the libary, you may use a LESS function
 * to darken/desaturate/opacify/etc. For example:
 *
 *  .element {
 *    background-color: darken(@grey--25, 50%);
 *  }
 *
 * Available LESS color functions can be found at:
 * http://lesscss.org/functions/#color-operations
 */
  /* Brand color */
  /** White */
  /** Grey */
  /** Blue */
  /* deprecated, use @brand */
  /* deprecated, use @brand */
  /* deprecated */
  /* deprecated */
  /* deprecated, usually use @grey--900 */
  /** Aqua */
  /** Yellow */
  /** Orange */
  /** Green */
  /** Teal */
  /** Indigo */
  /** Purple */
  /** Red */
  /** Pink */
  /**
 * Brand Colors
 */
  /**
 * Provides the @font-face definitions for Proxima Nova.
 */
  /** Thin */
  @font-face {
    font-family: 'Proxima-Nova';
    src: url(https://assets.static.subsplash.com/fonts/proxima-nova/thin/proximanova-thin-webfont.woff2) format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
  }
  /** Light */
  @font-face {
    font-family: 'Proxima-Nova';
    src: url(https://assets.static.subsplash.com/fonts/proxima-nova/light/ProximaNova-Light-webfont.woff2) format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
  }
  /** Regular */
  @font-face {
    font-family: 'Proxima-Nova';
    src: url(https://assets.static.subsplash.com/fonts/proxima-nova/regular/ProximaNova-Reg-webfont.woff2) format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  /** Regular Italic */
  @font-face {
    font-family: 'Proxima-Nova';
    src: url(https://assets.static.subsplash.com/fonts/proxima-nova/regular-italic/ProximaNova-RegIt-webfont.woff2) format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
  }
  /** Semibold */
  @font-face {
    font-family: 'Proxima-Nova';
    src: url(https://assets.static.subsplash.com/fonts/proxima-nova/semi-bold/ProximaNova-Sbold-webfont.woff2) format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
  }
  /** Bold */
  @font-face {
    font-family: 'Proxima-Nova';
    src: url(https://assets.static.subsplash.com/fonts/proxima-nova/bold/ProximaNova-Bold-webfont.woff2) format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
  }
  /** Extra Bold */
  @font-face {
    font-family: 'Proxima-Nova';
    src: url(https://assets.static.subsplash.com/fonts/proxima-nova/extra-bold/ProximaNova-ExtraBold-webfont.woff2) format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
  }
  /**
 * Input
 *
 * Defines the styles for the native Ember input helper.
 * http://emberjs.com/api/classes/Ember.Templates.helpers.html#method_input
 */
  input[type='date'].ember-text-field,
  input[type='email'].ember-text-field,
  input[type='number'].ember-text-field,
  input[type='password'].ember-text-field,
  input[type='range'].ember-text-field,
  input[type='search'].ember-text-field,
  input[type='tel'].ember-text-field,
  input[type='text'].ember-text-field,
  input[type='time'].ember-text-field,
  input[type='url'].ember-text-field,
  textarea.ember-text-area {
    background-color: #f5f6f7;
    border-radius: 4px;
    border: 1px solid transparent;
    color: #222222;
    display: block;
    font-family: 'Proxima-Nova', 'helvetica neue', 'helvetica', 'arial', sans-serif;
    font-size: 1.14285714rem;
    padding: 6px 10px;
    transition: border 0.125s cubic-bezier(0.42, 0, 0.58, 1), box-shadow 0.125s cubic-bezier(0.42, 0, 0.58, 1);
    width: 100%;
    -webkit-appearance: none;
  }
  input[type='date'].ember-text-field:focus,
  input[type='email'].ember-text-field:focus,
  input[type='number'].ember-text-field:focus,
  input[type='password'].ember-text-field:focus,
  input[type='range'].ember-text-field:focus,
  input[type='search'].ember-text-field:focus,
  input[type='tel'].ember-text-field:focus,
  input[type='text'].ember-text-field:focus,
  input[type='time'].ember-text-field:focus,
  input[type='url'].ember-text-field:focus,
  textarea.ember-text-area:focus,
  input[type='date'].ember-text-field:active,
  input[type='email'].ember-text-field:active,
  input[type='number'].ember-text-field:active,
  input[type='password'].ember-text-field:active,
  input[type='range'].ember-text-field:active,
  input[type='search'].ember-text-field:active,
  input[type='tel'].ember-text-field:active,
  input[type='text'].ember-text-field:active,
  input[type='time'].ember-text-field:active,
  input[type='url'].ember-text-field:active,
  textarea.ember-text-area:active {
    border-color: #4f63ff;
    outline: none;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06), 0 1px 1px 0 rgba(0, 0, 0, 0.04);
  }
  input[type='date'].ember-text-field:disabled,
  input[type='email'].ember-text-field:disabled,
  input[type='number'].ember-text-field:disabled,
  input[type='password'].ember-text-field:disabled,
  input[type='range'].ember-text-field:disabled,
  input[type='search'].ember-text-field:disabled,
  input[type='tel'].ember-text-field:disabled,
  input[type='text'].ember-text-field:disabled,
  input[type='time'].ember-text-field:disabled,
  input[type='url'].ember-text-field:disabled,
  textarea.ember-text-area:disabled {
    color: #999b9e;
    /** Set the correct opacity for iOS. */
    opacity: 1;
    pointer-events: none;
    /** Set the correct text color for Safari. */
    -webkit-text-fill-color: #999b9e;
  }
  input[type='date'].ember-text-field::placeholder,
  input[type='email'].ember-text-field::placeholder,
  input[type='number'].ember-text-field::placeholder,
  input[type='password'].ember-text-field::placeholder,
  input[type='range'].ember-text-field::placeholder,
  input[type='search'].ember-text-field::placeholder,
  input[type='tel'].ember-text-field::placeholder,
  input[type='text'].ember-text-field::placeholder,
  input[type='time'].ember-text-field::placeholder,
  input[type='url'].ember-text-field::placeholder,
  textarea.ember-text-area::placeholder {
    color: #b8babf;
  }
  textarea.ember-text-area {
    height: 150px;
    line-height: 1.4;
    max-width: 100%;
    resize: none;
  }
  input[type='number'].ember-text-field {
    -moz-appearance: textfield;
  }
  input[type='number'].ember-text-field::-webkit-inner-spin-button,
  input[type='number'].ember-text-field::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none;
  }
  /**
 * Private Layers
 *
 * The following layers represent the pool from which the 'Named Layers' can
 * source from when defining a globally-available layer. These variables
 * should *NOT* be directly accessed from external files.
 */
  /**
 * Named Layers
 *
 * The following layers are available to use when defining the z-index of
 * elements throughout your application. You should only add a new Named Layer
 * to this file if is generic enough to be used in other components or pages;
 * otherwise, just define a z-index in your component.
 */
  /**
 * Truncate lines
 *
 * Handles fading out text after a given number of lines.
 *
 * @param {Number} lines - number of lines of text to show before fading out.
 * @param {String} font-size - the font size of the text.
 * @param {String} line-height - the line height of the text.
 * @param {String} color - the color the gradient should fade to.
 */
  /**
 * Button Colors
 *
 * Provides a helper to generate background/text colors for button styles
 * with hover/active states.
 *
 * @param {String} color
 * @return {Object (CSS Rule)}
 */
  /**
 * Depth
 *
 * Depth is the relative distance between two surfaces along the z-axis.
 * This scale defines the various depths that can be applied to elements to
 * create the perception of physical space.
 *
 * The following is a scale of depth values that can be used as a LESS mixin.
 */
  /**
 * Special CSS Graphics
 */
  /**
 * Animations
 */
  @keyframes standard-rotation {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  .hover--light:hover {
    background-color: #fafbfc;
  }
  .hover--light:active {
    background-color: #f5f6f7;
  }
  /**
 * A selectable "box" styling we can use in scenarios where we want a check box
 * or radio box that share styling.
 */
  .select-box {
    border-radius: 8px;
    cursor: pointer;
    position: relative;
    user-select: none;
    color: #222222;
    font-weight: 600;
    /**
   * Border in pseudo-element so we can transition between 1px and 2px width.
   */
    /**
   * If disabled _and_ active, it should look like the default state, but be
   * non-functional like the disabled state, with a 2px border-width.
   */
  }
  .select-box:hover {
    background-color: #fafbfc;
  }
  .select-box:active {
    background-color: #f5f6f7;
  }
  .select-box .kit-icon {
    color: #b8babf;
    transition: color 0.075s cubic-bezier(0.42, 0, 0.58, 1);
  }
  .select-box::after {
    border-radius: 8px;
    border: 1px solid #edeef0;
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: border-color 0.075s cubic-bezier(0.42, 0, 0.58, 1);
    width: 100%;
    pointer-events: none;
  }
  .select-box:hover::after,
  .select-box:active::after {
    border-color: #e1e2e6;
  }
  .select-box.active,
  .select-box--active {
    border-color: #4f63ff;
  }
  .select-box.active .kit-icon,
  .select-box--active .kit-icon {
    color: #4f63ff;
  }
  .select-box.active:hover,
  .select-box--active:hover {
    background-color: initial;
  }
  .select-box.active::after,
  .select-box--active::after,
  .select-box.active:hover::after,
  .select-box--active:hover::after {
    border-color: #4f63ff;
    border-width: 2px;
  }
  .select-box.disabled,
  .select-box--disabled {
    cursor: initial;
    pointer-events: none;
    color: #747578;
  }
  .select-box.disabled .kit-icon,
  .select-box--disabled .kit-icon {
    color: #e1e2e6;
  }
  .select-box.disabled::after,
  .select-box--disabled::after {
    border-color: #edeef0;
  }
  .select-box.disabled.active,
  .select-box--disabled.active,
  .select-box.disabled.select-box--active,
  .select-box--disabled.select-box--active {
    pointer-events: none;
    color: #222222;
  }
  .select-box.disabled.active::after,
  .select-box--disabled.active::after,
  .select-box.disabled.select-box--active::after,
  .select-box--disabled.select-box--active::after {
    border-color: #edeef0;
    border-width: 2px;
  }
  .select-box.disabled.active .kit-icon,
  .select-box--disabled.active .kit-icon,
  .select-box.disabled.select-box--active .kit-icon,
  .select-box--disabled.select-box--active .kit-icon {
    color: #b8babf;
  }
  /**
 * Entry / Exit Transition
 *
 * @example
 * ```
 * .my-class--hidden {
 *   .motion__entry-exit(false);
 * }
 * .my-class--showing {
 *   .motion__entry-exit(true);
 * }
 * ```
 */
  /**
 * Rotate
 *
 * Animation to rotate an element 360 degrees.
 *
 * @example
 * ```
 *  .some-class {
 *    animation: motion__rotate 2s linear infinite;
 *  }
}
 * ```
 */
  @keyframes motion__rotate {
    100% {
      transform: rotate(360deg);
    }
  }
  /**
 * Variables
 */
  .font--8 {
    font-size: 0.57142857rem;
  }
  .font--12 {
    font-size: 0.85714286rem;
  }
  .font--16 {
    font-size: 1.14285714rem;
  }
  .font--18 {
    font-size: 1.28571429rem;
  }
  .font--20 {
    font-size: 1.42857143rem;
  }
  .font--24 {
    font-size: 1.71428571rem;
  }
  .font--28 {
    font-size: 2rem;
  }
  .font--36 {
    font-size: 2.57142857rem;
  }
  /**
 * Headings
 */
  h1,
  .t__h1 {
    font-size: 2.57142857rem;
    font-weight: 800;
    letter-spacing: -0.04rem;
    line-height: 1;
  }
  h2,
  .t__h2 {
    font-size: 2rem;
    font-weight: 800;
    line-height: 1;
  }
  h3,
  .t__h3 {
    font-size: 1.71428571rem;
    font-weight: 400;
    line-height: 1;
  }
  h4,
  .t__h4 {
    font-size: 1.42857143rem;
    font-weight: 700;
    line-height: 1;
  }
  h5,
  .t__h5 {
    font-size: 1.28571429rem;
    font-weight: 400;
    line-height: 1;
  }
  h6,
  .t__h6 {
    font-size: 1.14285714rem;
    font-weight: 700;
    line-height: 1;
  }
  /**
 * Text types
 */
  /** Subtitle is basically b1 but bold */
  .t__subtitle {
    font-size: 1.14285714rem;
    font-weight: 700;
    line-height: 1;
  }
  /** Larger paragraph/body type */
  .t__b1 {
    font-size: 1.14285714rem;
    font-weight: 400;
    line-height: 1.57142857rem;
  }
  /** Default paragraph/body type */
  p,
  .t__b2 {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.42857143rem;
  }
  /**
 * Labels
 */
  /** Larger uppercase label */
  .t__l1 {
    color: #747578;
    font-size: 1rem;
    letter-spacing: 1px;
    line-height: 1;
    text-transform: uppercase;
  }
  /** Default uppercase label, used in badges */
  .t__l2 {
    color: #747578;
    font-size: 0.85714286rem;
    letter-spacing: 1px;
    line-height: 1;
    text-transform: uppercase;
  }
  /** Smaller uppercase label, used in tiny badges */
  .t__l3 {
    color: #747578;
    font-size: 0.57142857rem;
    letter-spacing: 1px;
    line-height: 1;
    text-transform: uppercase;
  }
  /**
 * Colors
 */
  .color--brand {
    color: #4f63ff;
  }
  /** Default text color */
  .color--dark {
    color: #222222;
  }
  /** Secondary text color */
  .color--medium {
    color: #747578;
  }
  /** Light text color, mostly disabled states */
  .color--light {
    color: #b8babf;
  }
  .color--white {
    color: white;
  }
  /** Danger-red font color */
  .color--danger {
    color: #f90143;
  }
  /**
 * Weight
 */
  .t--extrabold {
    font-weight: 800;
  }
  .t--bold {
    font-weight: 700;
  }
  .t--semibold {
    font-weight: 600;
  }
  .t--regular {
    font-weight: 400;
  }
  .t--thin {
    font-weight: 300;
  }
  /**
 * Transform
 */
  .t--uppercase {
    text-transform: uppercase;
  }
  .t--lowercase {
    text-transform: lowercase;
  }
  .t--no-case {
    text-transform: none;
  }
  /**
 * Decoration
 */
  .t--underline,
  .t--underline:focus,
  .t--underline:hover,
  .t--underline:active {
    text-decoration: underline;
  }
  /**
 * Alignment
 */
  .t--center {
    text-align: center;
  }
  .t--left {
    text-align: left;
  }
  .t--right {
    text-align: right;
  }
  /**
 * Old Typography (deprecated)
 *
 * Provides a standardized set of typography styles that can be
 * applied to any element.
 *
 * Types:
 * - Display (d)
 * - Body (b)
 * - Heading (h)
 */
  .type__d1 {
    color: #323233;
    font-size: 1.28571429em;
    font-weight: 600;
    line-height: 1.5;
  }
  .type__b1 {
    color: #525254;
    font-size: 1em;
    line-height: 1.4;
  }
  .type__b2 {
    color: #747578;
    font-size: 1em;
    line-height: 1.4;
  }
  .type__h4 {
    color: #323233;
    font-size: 1.14285714em;
    letter-spacing: 0.1em;
    text-transform: uppercase;
  }
  .type__h3 {
    color: #323233;
    font-size: 1em;
    letter-spacing: 0.1em;
    text-transform: uppercase;
  }
  .type__h2 {
    color: #b8babf;
    font-size: 0.92857143em;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
  }
  .type__h1 {
    color: #323233;
    font-size: 0.85714286em;
    letter-spacing: 0.1em;
    text-transform: uppercase;
  }
  /**
 * Clearfix
 *
 * Provides a helper class to clear floating elements.
 */
  .u__clear {
    clear: both;
  }
  .u__clear--left {
    clear: left;
  }
  .u__clear--right {
    clear: right;
  }
  /**
 * Float
 *
 * Provides a helper class to float elements.
 */
  .u__float--left {
    float: left;
  }
  .u__float--right {
    float: right;
  }
  /**
 * Flex Items Alignment
 *
 * Provides a helper class to align flex items.
 */
  .u__flex-align-items--center {
    align-items: center;
  }
  /**
 * Text Alignment
 *
 * Provies a helper class to align text.
 */
  .u__text-align--left {
    text-align: left !important;
  }
  .u__text-align--center {
    text-align: center !important;
  }
  .u__text-align--right {
    text-align: right !important;
  }
  /**
 * Overflow
 *
 * Provies a helper class to hide/show overflow.
 */
  .u__overflow--visible {
    overflow: visible !important;
  }
  .u__overflow--hidden {
    overflow: hidden !important;
  }
  /**
 * Fill Container
 *
 * Sets the width and height of the element to 100%.
 */
  .u__fill-container {
    width: 100%;
    height: 100%;
  }
  /**
 * Display
 *
 * Sets the display property on the element.
 */
  .u__display--block {
    display: block !important;
  }
  .u__display--inline-block {
    display: inline-block !important;
  }
  .u__display--flex {
    display: flex !important;
  }
  .u__display--inline-flex {
    display: inline-flex !important;
  }
  /**
 * Margin
 *
 * Provides a helper class format for adding margin to a specified side of an
 * element.
 *
 * Template: .u__m{t|r|b|l}--{xs|s|m|l|xl}
 */
  .u__m {
    margin: 0 !important;
  }
  .u__mt {
    margin-top: 0 !important;
  }
  .u__mr {
    margin-right: 0 !important;
  }
  .u__mb {
    margin-bottom: 0 !important;
  }
  .u__ml {
    margin-left: 0 !important;
  }
  .u__mtb {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }
  .u__mlr {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .u__m--2xs,
  .u__m--xxs {
    margin: 2px !important;
  }
  .u__mt--2xs,
  .u__mt--xxs {
    margin-top: 2px !important;
  }
  .u__mr--2xs,
  .u__mr--xxs {
    margin-right: 2px !important;
  }
  .u__mb--2xs,
  .u__mb--xxs {
    margin-bottom: 2px !important;
  }
  .u__ml--2xs,
  .u__ml--xxs {
    margin-left: 2px !important;
  }
  .u__mtb--2xs,
  .u__mtb--xxs {
    margin-bottom: 2px !important;
    margin-top: 2px !important;
  }
  .u__mlr--2xs,
  .u__mlr--xxs {
    margin-left: 2px !important;
    margin-right: 2px !important;
  }
  .u__m--xs {
    margin: 4px !important;
  }
  .u__mt--xs {
    margin-top: 4px !important;
  }
  .u__mr--xs {
    margin-right: 4px !important;
  }
  .u__mb--xs {
    margin-bottom: 4px !important;
  }
  .u__ml--xs {
    margin-left: 4px !important;
  }
  .u__mtb--xs {
    margin-bottom: 4px !important;
    margin-top: 4px !important;
  }
  .u__mlr--xs {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
  .u__m--s {
    margin: 8px !important;
  }
  .u__mt--s {
    margin-top: 8px !important;
  }
  .u__mr--s {
    margin-right: 8px !important;
  }
  .u__mb--s {
    margin-bottom: 8px !important;
  }
  .u__ml--s {
    margin-left: 8px !important;
  }
  .u__mtb--s {
    margin-bottom: 8px !important;
    margin-top: 8px !important;
  }
  .u__mlr--s {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
  .u__m--m {
    margin: 12px !important;
  }
  .u__mt--m {
    margin-top: 12px !important;
  }
  .u__mr--m {
    margin-right: 12px !important;
  }
  .u__mb--m {
    margin-bottom: 12px !important;
  }
  .u__ml--m {
    margin-left: 12px !important;
  }
  .u__mtb--m {
    margin-bottom: 12px !important;
    margin-top: 12px !important;
  }
  .u__mlr--m {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }
  .u__m--l {
    margin: 18px !important;
  }
  .u__mt--l {
    margin-top: 18px !important;
  }
  .u__mr--l {
    margin-right: 18px !important;
  }
  .u__mb--l {
    margin-bottom: 18px !important;
  }
  .u__ml--l {
    margin-left: 18px !important;
  }
  .u__mtb--l {
    margin-bottom: 18px !important;
    margin-top: 18px !important;
  }
  .u__mlr--l {
    margin-left: 18px !important;
    margin-right: 18px !important;
  }
  .u__m--xl {
    margin: 24px !important;
  }
  .u__mt--xl {
    margin-top: 24px !important;
  }
  .u__mr--xl {
    margin-right: 24px !important;
  }
  .u__mb--xl {
    margin-bottom: 24px !important;
  }
  .u__ml--xl {
    margin-left: 24px !important;
  }
  .u__mtb--xl {
    margin-bottom: 24px !important;
    margin-top: 24px !important;
  }
  .u__mlr--xl {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
  .u__m--2xl,
  .u__m--xxl {
    margin: 36px !important;
  }
  .u__mt--2xl,
  .u__mt--xxl {
    margin-top: 36px !important;
  }
  .u__mr--2xl,
  .u__mr--xxl {
    margin-right: 36px !important;
  }
  .u__mb--2xl,
  .u__mb--xxl {
    margin-bottom: 36px !important;
  }
  .u__ml--2xl,
  .u__ml--xxl {
    margin-left: 36px !important;
  }
  .u__mtb--2xl,
  .u__mtb--xxl {
    margin-bottom: 36px !important;
    margin-top: 36px !important;
  }
  .u__mlr--2xl,
  .u__mlr--xxl {
    margin-left: 36px !important;
    margin-right: 36px !important;
  }
  .u__m--3xl {
    margin: 48px !important;
  }
  .u__mt--3xl {
    margin-top: 48px !important;
  }
  .u__mr--3xl {
    margin-right: 48px !important;
  }
  .u__mb--3xl {
    margin-bottom: 48px !important;
  }
  .u__ml--3xl {
    margin-left: 48px !important;
  }
  .u__mtb--3xl {
    margin-bottom: 48px !important;
    margin-top: 48px !important;
  }
  .u__mlr--3xl {
    margin-left: 48px !important;
    margin-right: 48px !important;
  }
  /**
 * Padding
 *
 * Provides a helper class format for adding padding to a specified side of an
 * element.
 *
 * Template: .u__p{t|r|b|l}--{xs|s|m|l|xl}
 */
  .u__p {
    padding: 0 !important;
  }
  .u__pt {
    padding-top: 0 !important;
  }
  .u__pr {
    padding-right: 0 !important;
  }
  .u__pb {
    padding-bottom: 0 !important;
  }
  .u__pl {
    padding-left: 0 !important;
  }
  .u__ptb {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }
  .u__plr {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .u__p--xxs,
  .u__p--2xs {
    padding: 2px !important;
  }
  .u__pt--xxs,
  .u__pt--2xs {
    padding-top: 2px !important;
  }
  .u__pr--xxs,
  .u__pr--2xs {
    padding-right: 2px !important;
  }
  .u__pb--xxs,
  .u__pb--2xs {
    padding-bottom: 2px !important;
  }
  .u__pl--xxs,
  .u__pl--2xs {
    padding-left: 2px !important;
  }
  .u__ptb--xxs,
  .u__ptb--2xs {
    padding-bottom: 2px !important;
    padding-top: 2px !important;
  }
  .u__plr--xxs,
  .u__plr--2xs {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
  .u__p--xs {
    padding: 4px !important;
  }
  .u__pt--xs {
    padding-top: 4px !important;
  }
  .u__pr--xs {
    padding-right: 4px !important;
  }
  .u__pb--xs {
    padding-bottom: 4px !important;
  }
  .u__pl--xs {
    padding-left: 4px !important;
  }
  .u__ptb--xs {
    padding-bottom: 4px !important;
    padding-top: 4px !important;
  }
  .u__plr--xs {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  .u__p--s {
    padding: 8px !important;
  }
  .u__pt--s {
    padding-top: 8px !important;
  }
  .u__pr--s {
    padding-right: 8px !important;
  }
  .u__pb--s {
    padding-bottom: 8px !important;
  }
  .u__pl--s {
    padding-left: 8px !important;
  }
  .u__ptb--s {
    padding-bottom: 8px !important;
    padding-top: 8px !important;
  }
  .u__plr--s {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .u__p--m {
    padding: 12px !important;
  }
  .u__pt--m {
    padding-top: 12px !important;
  }
  .u__pr--m {
    padding-right: 12px !important;
  }
  .u__pb--m {
    padding-bottom: 12px !important;
  }
  .u__pl--m {
    padding-left: 12px !important;
  }
  .u__ptb--m {
    padding-bottom: 12px !important;
    padding-top: 12px !important;
  }
  .u__plr--m {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .u__p--l {
    padding: 18px !important;
  }
  .u__pt--l {
    padding-top: 18px !important;
  }
  .u__pr--l {
    padding-right: 18px !important;
  }
  .u__pb--l {
    padding-bottom: 18px !important;
  }
  .u__pl--l {
    padding-left: 18px !important;
  }
  .u__ptb--l {
    padding-bottom: 18px !important;
    padding-top: 18px !important;
  }
  .u__plr--l {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
  .u__p--xl {
    padding: 24px !important;
  }
  .u__pt--xl {
    padding-top: 24px !important;
  }
  .u__pr--xl {
    padding-right: 24px !important;
  }
  .u__pb--xl {
    padding-bottom: 24px !important;
  }
  .u__pl--xl {
    padding-left: 24px !important;
  }
  .u__ptb--xl {
    padding-bottom: 24px !important;
    padding-top: 24px !important;
  }
  .u__plr--xl {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .u__p--xxl,
  .u__p--2xl {
    padding: 36px !important;
  }
  .u__pt--xxl,
  .u__pt--2xl {
    padding-top: 36px !important;
  }
  .u__pr--xxl,
  .u__pr--2xl {
    padding-right: 36px !important;
  }
  .u__pb--xxl,
  .u__pb--2xl {
    padding-bottom: 36px !important;
  }
  .u__pl--xxl,
  .u__pl--2xl {
    padding-left: 36px !important;
  }
  .u__ptb--xxl,
  .u__ptb--2xl {
    padding-bottom: 36px !important;
    padding-top: 36px !important;
  }
  .u__plr--xxl,
  .u__plr--2xl {
    padding-left: 36px !important;
    padding-right: 36px !important;
  }
  .u__p--3xl {
    padding: 48px !important;
  }
  .u__pt--3xl {
    padding-top: 48px !important;
  }
  .u__pr--3xl {
    padding-right: 48px !important;
  }
  .u__pb--3xl {
    padding-bottom: 48px !important;
  }
  .u__pl--3xl {
    padding-left: 48px !important;
  }
  .u__ptb--3xl {
    padding-bottom: 48px !important;
    padding-top: 48px !important;
  }
  .u__plr--3xl {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
  /**
 * Depth
 *
 * Makes the depth mixin helpers available via a class.
 */
  .u__depth--0 {
    box-shadow: none !important;
  }
  .u__depth--100 {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06), 0 1px 1px 0 rgba(0, 0, 0, 0.04) !important;
  }
  .u__depth--200 {
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.06), 0 1px 2px 0 rgba(0, 0, 0, 0.04) !important;
  }
  .u__depth--300 {
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.06), 0 1px 2px 0 rgba(0, 0, 0, 0.04) !important;
  }
  .u__depth--400 {
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.08), 0 1px 3px 0 rgba(0, 0, 0, 0.04) !important;
  }
  .u__depth--500 {
    box-shadow: 0 15px 35px 0 rgba(0, 0, 0, 0.1), 0 2px 6px 0 rgba(0, 0, 0, 0.04) !important;
  }
  .u__depth--600 {
    box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.12), 0 4px 9px 0 rgba(0, 0, 0, 0.04) !important;
  }
  /**
 * Font Weight
 *
 * Provides a helper class to set the font weight.
 */
  .u__fw--thin {
    font-weight: 100 !important;
  }
  .u__fw--light {
    font-weight: 300 !important;
  }
  .u__fw--regular {
    font-weight: 400 !important;
  }
  .u__fw--semibold {
    font-weight: 600 !important;
  }
  .u__fw--bold {
    font-weight: 700 !important;
  }
  /**
 * Patterns
 */
  .u__pattern--checkerboard {
    background-image: linear-gradient(-45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%), linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%), linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.1) 75%), linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.1) 75%);
    background-size: 12px 12px;
    background-position: 0 0, 0 6px, 6px -6px, -6px 0px;
  }
  /**
 * Misc.
 */
  .cursor--pointer {
    cursor: pointer;
  }
  /**
 * Font Stack
 *
 * Provides the proper font-stack and fallback scenarios for `font-family`
 * properties used in `reset.less`, as well as any other components that need
 * to override a browser default value.
 */
  /**
 * Spacers
 *
 * Provides a set of commonly used units of space within components.
 */
  /**
 * Borders
 */
  /**
 * Easings
 *
 * Provides a set of standard easing curves for transitions/animations.
 */
  /**
 * Duration
 *
 * Provies a set of standard duration values for use in transitions/animations.
 */
  .devices-kit-browser__header {
    background-color: #e1e2e6;
    border-radius: 5px 5px 0 0;
    height: 23px;
    position: relative;
  }
  .devices-kit-browser__buttons,
  .devices-kit-browser__buttons::before,
  .devices-kit-browser__buttons::after {
    border-radius: 50%;
    height: 9px;
    position: absolute;
    width: 9px;
  }
  .devices-kit-browser__buttons {
    background-color: #747578;
    left: 7px;
    top: 7px;
  }
  .devices-kit-browser__buttons::before {
    background-color: #999b9e;
    content: '';
    left: 14px;
    position: absolute;
  }
  .devices-kit-browser__buttons::after {
    background-color: #b8babf;
    content: '';
    left: 28px;
    position: absolute;
  }
  .devices-kit-browser__address-bar {
    background-color: #ffffff;
    border-radius: 3px;
    bottom: 4px;
    left: 35.5%;
    position: absolute;
    right: 35.5%;
    top: 4px;
  }
  .devices-kit-browser__address-bar::after {
    background-color: #e1e2e6;
    border-radius: 3px;
    content: '';
    height: 4px;
    left: 20%;
    position: absolute;
    right: 20%;
    top: 6px;
  }
  .kit-action-menu__trigger {
    border-radius: 3px;
    box-sizing: content-box;
    color: #b8babf;
    cursor: pointer;
    padding: 2px;
  }
  .kit-action-menu__trigger:hover {
    color: #999b9e;
  }
  .kit-action-menu__trigger:active {
    color: #747578;
  }
  .kit-action-menu__menu {
    min-width: 176px;
    overflow: hidden;
    padding: 8px 0;
  }
  .kit-badge {
    border-radius: 12px;
    border-style: solid;
    border-width: 1px;
    display: inline-flex;
    letter-spacing: 1px;
    line-height: 1;
    padding: 3px 8px;
    text-transform: uppercase;
  }
  /** Colors */
  .kit-badge--color-default {
    border-color: #c8cacf;
    color: #747578;
  }
  .kit-badge--color-danger {
    border-color: #f90143;
    color: #f90143;
  }
  .kit-badge--color-primary {
    border-color: #4f63ff;
    color: #4f63ff;
  }
  /** Sizes */
  .kit-badge--size-m {
    font-size: 0.857rem;
  }
  .kit-badge--size-s {
    /**
   * Since we're dealing with such a small size (8px) we need the accuracy of
   * more decimals to make it look proper.
   */
    font-size: 0.57142857rem;
    padding: 2px 4px 1px 5px;
  }
  .kit-breadcrumb-item {
    color: #222222;
    font-size: 1.28571429rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    /** one breadcrumb item */
    /** two breadcrumb items */
    /** three breadcrumb items */
    /** four breadcrumb items */
  }
  .kit-breadcrumb-item:nth-of-type(1):nth-last-of-type(1) {
    max-width: calc(100% - 33px);
  }
  .kit-breadcrumb-item:nth-of-type(1):nth-last-of-type(2),
  .kit-breadcrumb-item:nth-of-type(2):nth-last-of-type(1) {
    max-width: calc(50% - 33px);
  }
  .kit-breadcrumb-item:nth-of-type(1):nth-last-of-type(3),
  .kit-breadcrumb-item:nth-of-type(2):nth-last-of-type(2),
  .kit-breadcrumb-item:nth-of-type(3):nth-last-of-type(1) {
    max-width: calc(33.333% - 33px);
  }
  .kit-breadcrumb-item:nth-of-type(1):nth-last-of-type(4),
  .kit-breadcrumb-item:nth-of-type(2):nth-last-of-type(3),
  .kit-breadcrumb-item:nth-of-type(3):nth-last-of-type(2),
  .kit-breadcrumb-item:nth-of-type(4):nth-last-of-type(1) {
    max-width: calc(25% - 33px);
  }
  .kit-breadcrumb-item a {
    color: #747578;
    font-weight: normal;
  }
  .kit-breadcrumb-item a:focus,
  .kit-breadcrumb-item a:active,
  .kit-breadcrumb-item a:hover {
    color: #525254;
    text-decoration: underline;
  }
  .kit-breadcrumbs {
    align-items: center;
    box-sizing: content-box;
    display: flex;
    flex-direction: row;
    height: 20px;
    width: 100%;
  }
  .kit-breadcrumbs__arrow {
    color: #c8cacf;
    margin: 0 8px;
  }
  .kit-button-group {
    border-top: 1px solid #edeef0;
    display: flex;
    justify-content: space-between;
  }
  .kit-button-group > .kit-button {
    border-radius: 0;
    border-right: 1px solid #edeef0;
    flex: 1;
  }
  .kit-button-group > .kit-button:last-child {
    border-right: 0;
  }
  .kit-button-group > .kit-button::after {
    border-radius: 0;
    border: 0;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
  }
  .kit-button-with-text {
    text-align: center;
  }
  .kit-button-with-text__text {
    margin-top: 9px;
  }
  .kit-button {
    appearance: none;
    border-radius: 3px;
    border: none;
    cursor: pointer;
    font-family: 'Proxima-Nova', 'helvetica neue', 'helvetica', 'arial', sans-serif;
    font-size: 14px;
    font-smoothing: antialiased;
    font-weight: 600;
    outline: none;
    padding: 0;
    position: relative;
    text-align: center;
    text-shadow: none;
    transform: scale(1);
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06), 0 1px 1px 0 rgba(0, 0, 0, 0.04);
  }
  .kit-button:hover {
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.06), 0 1px 2px 0 rgba(0, 0, 0, 0.04);
    transform: scale(1.02);
  }
  .kit-button:active {
    box-shadow: none;
    transform: scale(0.98);
  }
  .kit-button:active .kit-button__content {
    opacity: 0.8;
  }
  .kit-button:focus-visible::before {
    border-radius: 24px !important;
    border: 1px solid #4f63ff;
    bottom: -2px;
    box-shadow: 0 0 3px rgba(79, 99, 255, 0.5);
    content: '';
    left: -2px;
    position: absolute;
    right: -2px;
    top: -2px;
  }
  .kit-button.focus-visible::before {
    border-radius: 24px !important;
    border: 1px solid #4f63ff;
    bottom: -2px;
    box-shadow: 0 0 3px rgba(79, 99, 255, 0.5);
    content: '';
    left: -2px;
    position: absolute;
    right: -2px;
    top: -2px;
  }
  .kit-button:disabled {
    background: #ffffff;
    box-shadow: none;
    color: rgba(34, 34, 34, 0.5);
    cursor: default;
    pointer-events: none;
  }
  .kit-button:disabled.kit-button--background-danger {
    background-color: rgba(249, 1, 67, 0.9);
  }
  .kit-button:disabled.kit-button--background-default-comp {
    background-color: rgba(34, 34, 34, 0.9);
  }
  .kit-button:disabled.kit-button--background-primary {
    background-color: rgba(79, 99, 255, 0.9);
  }
  .kit-button:disabled.kit-button--background-frameless,
  .kit-button:disabled.kit-button--background-frameless-dark {
    background-color: transparent;
  }
  .kit-button:disabled.kit-button--text-default {
    color: rgba(255, 255, 255, 0.5);
  }
  .kit-button:disabled.kit-button--text-default-comp {
    color: rgba(34, 34, 34, 0.5);
  }
  .kit-button:disabled.kit-button--text-danger-comp {
    color: rgba(255, 255, 255, 0.5);
  }
  .kit-button:disabled.kit-button--text-danger {
    color: rgba(249, 1, 67, 0.5);
  }
  .kit-button:disabled.kit-button--text-primary-comp {
    color: rgba(255, 255, 255, 0.5);
  }
  .kit-button:disabled.kit-button--text-primary {
    color: rgba(79, 99, 255, 0.5);
  }
  .kit-button--loading {
    pointer-events: none;
  }
  .kit-button__content--loading {
    visibility: hidden;
  }
  /** Button Styles */
  .kit-button--background-default {
    background-color: #ffffff;
  }
  .kit-button--background-default::before {
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.06);
    bottom: -1px;
    content: '';
    left: -1px;
    position: absolute;
    right: -1px;
    top: -1px;
  }
  .kit-button--background-default:hover {
    background-color: #fafbfc;
  }
  .kit-button--background-default:hover::before {
    border-color: rgba(0, 0, 0, 0.08);
  }
  .kit-button--background-default:active {
    background-color: #f5f6f7;
  }
  .kit-button--background-default:active::before {
    border-color: rgba(0, 0, 0, 0.1);
  }
  .kit-button--background-default-comp {
    background-color: #222222;
  }
  .kit-button--background-default-comp:hover {
    background-color: hsl(0, 0%, 7.33333333%);
  }
  .kit-button--background-default-comp:active {
    background-color: hsl(0, 0%, 1.33333333%);
  }
  .kit-button--text-default {
    color: #fff;
  }
  .kit-button--text-default:hover,
  .kit-button--text-default:active,
  .kit-button--text-default:focus {
    color: #fff;
  }
  .kit-button--text-default .kit-loading-spinner__path {
    stroke: #fff !important;
  }
  .kit-button--text-default-comp {
    color: #222222;
  }
  .kit-button--text-default-comp:hover,
  .kit-button--text-default-comp:active,
  .kit-button--text-default-comp:focus {
    color: #222222;
  }
  .kit-button--text-default-comp .kit-loading-spinner__path {
    stroke: #222222 !important;
  }
  .kit-button--background-primary {
    background-color: #4f63ff;
    box-shadow: 0 2px 8px 0 rgba(79, 99, 255, 0.35), 0 1px 2px 0 rgba(79, 99, 255, 0.12);
  }
  .kit-button--background-primary:hover {
    background-color: hsl(233.18181818, 90%, 59.49019608%);
  }
  .kit-button--background-primary:active {
    background-color: hsl(233.18181818, 76%, 53.49019608%);
  }
  .kit-button--background-primary:hover {
    box-shadow: 0 4px 12px 0 rgba(79, 99, 255, 0.4), 0 3px 4px 0 rgba(79, 99, 255, 0.12);
  }
  .kit-button--background-primary:active {
    box-shadow: 0 4px 12px 0 rgba(79, 99, 255, 0), 0 1px 4px 0 rgba(79, 99, 255, 0);
  }
  .kit-button--background-primary-comp {
    background-color: #fff;
  }
  .kit-button--background-primary-comp:hover {
    background-color: hsl(0, 0%, 94%);
  }
  .kit-button--background-primary-comp:active {
    background-color: hsl(0, 0%, 88%);
  }
  .kit-button--text-primary {
    color: #4f63ff;
  }
  .kit-button--text-primary:hover,
  .kit-button--text-primary:active,
  .kit-button--text-primary:focus {
    color: #4f63ff;
  }
  .kit-button--text-primary .kit-loading-spinner__path {
    stroke: #4f63ff !important;
  }
  .kit-button--text-primary-comp {
    color: #fff;
  }
  .kit-button--text-primary-comp:hover,
  .kit-button--text-primary-comp:active,
  .kit-button--text-primary-comp:focus {
    color: #fff;
  }
  .kit-button--text-primary-comp .kit-loading-spinner__path {
    stroke: #fff !important;
  }
  .kit-button--background-danger {
    background-color: #f90143;
    box-shadow: 0 2px 8px 0 rgba(249, 1, 67, 0.35), 0 1px 2px 0 rgba(249, 1, 67, 0.12);
  }
  .kit-button--background-danger:hover {
    background-color: hsl(344.03225806, 89.2%, 43.01960784%);
  }
  .kit-button--background-danger:active {
    background-color: hsl(344.03225806, 75.2%, 37.01960784%);
  }
  .kit-button--background-danger:hover {
    box-shadow: 0 4px 12px 0 rgba(249, 1, 67, 0.4), 0 3px 4px 0 rgba(249, 1, 67, 0.12);
  }
  .kit-button--background-danger:active {
    box-shadow: 0 4px 12px 0 rgba(249, 1, 67, 0), 0 1px 4px 0 rgba(249, 1, 67, 0);
  }
  .kit-button--background-danger-comp {
    background-color: #fff;
  }
  .kit-button--background-danger-comp:hover {
    background-color: hsl(0, 0%, 94%);
  }
  .kit-button--background-danger-comp:active {
    background-color: hsl(0, 0%, 88%);
  }
  .kit-button--text-danger {
    color: #f90143;
  }
  .kit-button--text-danger:hover,
  .kit-button--text-danger:active,
  .kit-button--text-danger:focus {
    color: #f90143;
  }
  .kit-button--text-danger .kit-loading-spinner__path {
    stroke: #f90143 !important;
  }
  .kit-button--text-danger-comp {
    color: #fff;
  }
  .kit-button--text-danger-comp:hover,
  .kit-button--text-danger-comp:active,
  .kit-button--text-danger-comp:focus {
    color: #fff;
  }
  .kit-button--text-danger-comp .kit-loading-spinner__path {
    stroke: #fff !important;
  }
  .kit-button--background-frameless {
    background-color: transparent;
    box-shadow: none;
  }
  .kit-button--background-frameless:hover {
    background-color: #f5f6f7;
    box-shadow: none;
  }
  .kit-button--background-frameless:active {
    background-color: #f2f3f5;
    box-shadow: none;
  }
  .kit-button--background-frameless-dark {
    background-color: transparent;
    color: white;
    box-shadow: none;
  }
  .kit-button--background-frameless-dark:hover {
    background-color: rgba(255, 255, 255, 0.1);
    box-shadow: none;
  }
  .kit-button--background-frameless-dark:active {
    background-color: rgba(255, 255, 255, 0.15);
    box-shadow: none;
  }
  /** Button Sizes - default */
  .kit-button--size-xs {
    height: 24px;
  }
  .kit-button--size-xs .kit-button__content {
    padding: 0 1em;
  }
  .kit-button--size-s {
    height: 34px;
  }
  .kit-button--size-s .kit-button__content {
    padding: 0 1.143em;
  }
  .kit-button--size-m {
    height: 44px;
  }
  .kit-button--size-m .kit-button__content {
    font-size: 1.286em;
    padding: 0 1.111em;
  }
  .kit-button--size-l {
    height: 54px;
  }
  .kit-button--size-l .kit-button__content {
    font-size: 1.286em;
    padding: 0 1.333em;
  }
  .kit-button--size-xl {
    height: 64px;
  }
  .kit-button--size-xl .kit-button__content {
    font-size: 1.286em;
    padding: 0 1.611em;
  }
  .kit-button--size-xxl {
    height: 74px;
  }
  .kit-button--size-xxl .kit-button__content {
    font-size: 1.286em;
    padding: 0 2em;
  }
  /** Button Size - Shape specific styles */
  .kit-button--shape-pill.kit-button--size-xs {
    border-radius: 12px;
  }
  .kit-button--shape-pill.kit-button--size-xs .kit-button__content {
    font-size: 0.857em;
    padding: 0 2em;
  }
  .kit-button--shape-pill.kit-button--size-xs::before {
    /* border */
    border-radius: 17px;
  }
  .kit-button--shape-pill.kit-button--size-s {
    border-radius: 17px;
  }
  .kit-button--shape-pill.kit-button--size-s .kit-button__content {
    font-size: 1em;
    padding: 0 2em;
  }
  .kit-button--shape-pill.kit-button--size-s::before {
    /* border */
    border-radius: 17px;
  }
  .kit-button--shape-pill.kit-button--size-m {
    border-radius: 22px;
  }
  .kit-button--shape-pill.kit-button--size-m .kit-button__content {
    padding: 0 2.286em;
  }
  .kit-button--shape-pill.kit-button--size-m::before {
    /* border */
    border-radius: 22px;
  }
  .kit-button--shape-pill.kit-button--size-l {
    border-radius: 27px;
  }
  .kit-button--shape-pill.kit-button--size-l .kit-button__content {
    padding: 0 2.857em;
  }
  .kit-button--shape-pill.kit-button--size-l::before {
    /* border */
    border-radius: 27px;
  }
  .kit-button--shape-pill.kit-button--size-xl {
    border-radius: 32px;
  }
  .kit-button--shape-pill.kit-button--size-xl .kit-button__content {
    padding: 0 3.286em;
  }
  .kit-button--shape-pill.kit-button--size-xl::before {
    /* border */
    border-radius: 32px;
  }
  .kit-button--shape-pill.kit-button--size-xxl {
    border-radius: 37px;
  }
  .kit-button--shape-pill.kit-button--size-xxl .kit-button__content {
    padding: 0 3.715em;
  }
  .kit-button--shape-pill.kit-button--size-xxl::before {
    /* border */
    border-radius: 32px;
  }
  .kit-button--shape-circle.kit-button--size-xs {
    max-width: 24px;
    min-width: 24px;
  }
  .kit-button--shape-circle.kit-button--size-xs .kit-button__content {
    padding: 0 !important;
  }
  .kit-button--shape-circle.kit-button--size-xs .kit-button__content .kit-icon {
    width: calc(24px * .4) !important;
    max-width: calc(24px * .4) !important;
    max-height: 100% !important;
  }
  .kit-button--shape-circle.kit-button--size-s {
    max-width: 34px;
    min-width: 34px;
  }
  .kit-button--shape-circle.kit-button--size-s .kit-button__content {
    padding: 0 !important;
  }
  .kit-button--shape-circle.kit-button--size-s .kit-button__content .kit-icon {
    height: calc(34px * .4) !important;
    width: calc(34px * .4) !important;
    max-height: 100% !important;
    max-width: calc(34px * .4) !important;
  }
  .kit-button--shape-circle.kit-button--size-m {
    max-width: 44px;
    min-width: 44px;
  }
  .kit-button--shape-circle.kit-button--size-m .kit-button__content {
    padding: 0 !important;
  }
  .kit-button--shape-circle.kit-button--size-m .kit-button__content .kit-icon {
    height: calc(44px * .4) !important;
    width: calc(44px * .4) !important;
    max-height: 100% !important;
    max-width: calc(44px * .4) !important;
  }
  .kit-button--shape-circle.kit-button--size-l {
    max-width: 54px;
    min-width: 54px;
  }
  .kit-button--shape-circle.kit-button--size-l .kit-button__content {
    padding: 0 !important;
  }
  .kit-button--shape-circle.kit-button--size-l .kit-button__content .kit-icon {
    height: calc(54px * .4) !important;
    width: calc(54px * .4) !important;
    max-height: 100% !important;
    max-width: calc(54px * .4) !important;
  }
  .kit-button--shape-circle.kit-button--size-xl {
    max-width: 64px;
    min-width: 64px;
  }
  .kit-button--shape-circle.kit-button--size-xl .kit-button__content {
    padding: 0 !important;
  }
  .kit-button--shape-circle.kit-button--size-xl .kit-button__content .kit-icon {
    height: calc(64px * .4) !important;
    width: calc(64px * .4) !important;
    max-height: 100% !important;
    max-width: calc(64px * .4) !important;
  }
  .kit-button--shape-circle.kit-button--size-xxl {
    max-width: 74px;
    min-width: 74px;
  }
  .kit-button--shape-circle.kit-button--size-xxl .kit-button__content {
    padding: 0 !important;
  }
  .kit-button--shape-circle.kit-button--size-xxl .kit-button__content .kit-icon {
    height: calc(74px * .4) !important;
    width: calc(74px * .4) !important;
    max-height: 100% !important;
    max-width: calc(74px * .4) !important;
  }
  .kit-button--shape-none {
    box-shadow: none;
  }
  .kit-button--shape-none::before {
    display: none;
  }
  .kit-button--shape-none:hover {
    background-color: initial;
    box-shadow: none;
  }
  .kit-button--shape-none:active {
    transform: scale(0.9);
  }
  /** Button Padding with icon */
  .kit-button--icon.kit-button--size-xs .kit-button__content {
    padding: 0 0.9em;
  }
  .kit-button--icon.kit-button--size-s .kit-button__content {
    padding: 0 1em;
  }
  .kit-button--icon.kit-button--size-m .kit-button__content {
    padding: 0 1.333em;
  }
  .kit-button--icon.kit-button--size-l .kit-button__content {
    padding: 0 1.556em;
  }
  .kit-button--icon.kit-button--size-xl .kit-button__content {
    padding: 0 1.778em;
  }
  .kit-button--icon.kit-button--size-xxl .kit-button__content {
    padding: 0 2em;
  }
  .kit-button--icon.kit-button--shape-pill.kit-button--size-xs .kit-button__content {
    padding: 0 1.342em;
  }
  .kit-button--icon.kit-button--shape-pill.kit-button--size-s .kit-button__content {
    padding: 0 1.667em;
  }
  .kit-button--icon.kit-button--shape-pill.kit-button--size-m .kit-button__content {
    padding: 0 1.714em;
  }
  .kit-button--icon.kit-button--shape-pill.kit-button--size-l .kit-button__content {
    padding: 0 2em;
  }
  .kit-button--icon.kit-button--shape-pill.kit-button--size-xl .kit-button__content {
    padding: 0 2.286em;
  }
  .kit-button--icon.kit-button--shape-pill.kit-button--size-xxl .kit-button__content {
    padding: 0 2.8572em;
  }
  /** Button Shapes */
  .kit-button--shape-pill .kit-button__content {
    font-size: 1em;
  }
  .kit-button--shape-square {
    border-radius: 0;
  }
  .kit-button--shape-square::before {
    /* border */
    border-radius: 0;
  }
  .kit-button--shape-circle {
    border-radius: 100%;
  }
  .kit-button--shape-circle::before {
    /* border */
    border-radius: 100%;
  }
  /** Button Content */
  .kit-button__content {
    align-items: center;
    display: flex;
    font-weight: 600;
    justify-content: center;
    overflow: hidden;
    position: relative;
  }
  /** Button Icon */
  .kit-button.kit-button--size-xs .kit-icon {
    margin: 0 8px 0 0;
    max-height: 100% !important;
    max-width: 12px !important;
  }
  .kit-button.kit-button--size-s .kit-icon {
    margin: 0 10px 0 0;
    max-height: 100% !important;
    max-width: 14px !important;
  }
  .kit-button.kit-button--size-m .kit-icon,
  .kit-button.kit-button--size-l .kit-icon,
  .kit-button.kit-button--size-xl .kit-icon,
  .kit-button.kit-button--size-xxl .kit-icon {
    margin: 0 14px 0 0;
    max-height: 100% !important;
    max-width: 18px !important;
  }
  .kit-button.kit-button--shape-circle .kit-icon {
    margin: 0;
  }
  .kit-callout-item {
    border-radius: 16px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.225s cubic-bezier(0.42, 0, 0.58, 1);
    width: 320px;
    z-index: 901;
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.08), 0 1px 3px 0 rgba(0, 0, 0, 0.04);
    /**
   * Styling related to flag properties.
   */
    /**
   * Styling for highlighted elements. Added target elements so that elements 
   * are clickable.
   */
    /**
   * Styling related to the highlight element
   */
    /**
   * Styling related to elements within the component.
   */
    /**
   * All styling related to the anchor arrow. This styling is required in order
   * for the anchor arrow to be displayed correctly.
   */
  }
  .kit-callout-item--showing {
    opacity: 1;
    pointer-events: all;
    transition: opacity 0.225s cubic-bezier(0.42, 0, 0.58, 1) 0.099s;
  }
  .kit-callout-item--danger {
    background-color: #f90143;
    color: #fff;
  }
  .kit-callout-item--danger .kit-callout-item__arrow {
    border-color: #f90143;
  }
  .kit-callout-item--warning {
    background-color: #f7bf34;
    color: #fff;
  }
  .kit-callout-item--warning .kit-callout-item__arrow {
    border-color: #f7bf34;
  }
  .kit-callout-item--primary {
    background-color: #000000;
    color: #ffffff;
  }
  .kit-callout-item--primary .kit-callout-item__arrow {
    border-color: #000000;
  }
  .kit-callout-item__target--highlight {
    pointer-events: all;
    position: relative;
    z-index: 900;
  }
  .kit-callout-item__highlight {
    background: transparent;
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.4) 0 0 0 200vw;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transition: opacity 0.225s cubic-bezier(0.42, 0, 0.58, 1) 0.099s;
    will-change: opacity;
    z-index: 600;
  }
  .kit-callout-item__highlight--visible {
    opacity: 1;
    pointer-events: all;
  }
  .kit-callout-item__highlight--no-scroll {
    overflow: hidden;
    pointer-events: none;
  }
  .kit-callout-item__content {
    display: flex;
    flex-direction: column;
  }
  .kit-callout-item__content--header {
    display: flex;
    justify-content: space-between;
  }
  .kit-callout-item__title {
    font-size: 1.429rem;
    font-weight: 800;
    color: #ffffff;
  }
  .kit-callout-item__description {
    font-size: 1.143rem;
    line-height: 1.4;
  }
  .kit-callout-item__nav {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 18px;
  }
  .kit-callout-item__nav--right {
    justify-content: flex-end;
  }
  .kit-callout-item__dot-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 35%;
    z-index: -1;
  }
  .kit-callout-item__dot {
    background-color: #ffffff;
    border-radius: 50%;
    display: inline-block;
    height: 4px;
    margin-right: 8px;
    opacity: 0.5;
    width: 4px;
  }
  .kit-callout-item__dot:last-child {
    margin-right: 0;
  }
  .kit-callout-item__dot--active {
    background-color: #ffffff;
    height: 6px;
    opacity: 1;
    width: 6px;
  }
  .kit-callout-item__button {
    padding: 8px 12px;
  }
  .kit-callout-item__skip {
    height: 22px;
    margin: -6px;
    padding: 6px;
    width: 22px;
  }
  .kit-callout-item__skip .kit-icon {
    display: flex;
  }
  .kit-callout-item__button,
  .kit-callout-item__skip {
    border-radius: 1000px;
    cursor: pointer;
  }
  .kit-callout-item__button:hover,
  .kit-callout-item__skip:hover {
    background-color: rgba(255, 255, 255, 0.2);
  }
  .kit-callout-item__button:active,
  .kit-callout-item__skip:active {
    background-color: rgba(255, 255, 255, 0.4);
  }
  .kit-callout-item__button:focus,
  .kit-callout-item__skip:focus {
    box-shadow: 0 0 2px #fff;
    outline: none;
  }
  .kit-callout-item__arrow {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 0 9px;
  }
  .kit-callout-item[x-placement^='top'] {
    margin-bottom: 18px;
  }
  .kit-callout-item[x-placement^='top'] .kit-callout-item__arrow {
    border-width: 9px 9px 0 9px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    bottom: -9px;
    left: calc(50% - 9px);
  }
  .kit-callout-item[x-placement^='bottom'] {
    margin-top: 18px;
  }
  .kit-callout-item[x-placement^='bottom'] .kit-callout-item__arrow {
    border-width: 0 9px 9px 9px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    top: -9px;
    left: calc(50% - 9px);
  }
  .kit-callout-item[x-placement^='right'] {
    margin-left: 18px;
  }
  .kit-callout-item[x-placement^='right'] .kit-callout-item__arrow {
    border-width: 9px 9px 9px 0;
    border-left-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
    left: -9px;
    top: calc(50% - 9px);
    margin: 0;
  }
  .kit-callout-item[x-placement^='left'] {
    margin-right: 18px;
  }
  .kit-callout-item[x-placement^='left'] .kit-callout-item__arrow {
    border-width: 9px 0 9px 9px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    right: -9px;
    top: calc(50% - 9px);
    margin: 0;
  }
  .kit-chart-axis {
    border-color: #e1e2e6;
    border-style: solid;
    border-width: 0;
    color: #999b9e;
    display: flex;
    font-size: 0.85714286rem;
    font-weight: 600;
    position: relative;
    /* horizontal axes */
    /* vertical axes */
    /* text align / border */
  }
  .kit-chart-axis--top,
  .kit-chart-axis--bottom {
    flex-direction: row;
    width: 100%;
  }
  .kit-chart-axis--right,
  .kit-chart-axis--left {
    /* column-reverse since charts 0 point is at the bottom */
    flex-direction: column-reverse;
    height: 100%;
  }
  .kit-chart-axis--bottom {
    padding-top: 12px;
    text-align: center;
  }
  .kit-chart-axis--bottom:first-of-type {
    border-top-width: 1px;
  }
  .kit-chart-axis--top {
    padding-bottom: 12px;
    text-align: center;
  }
  .kit-chart-axis--top:last-of-type {
    border-bottom-width: 1px;
  }
  .kit-chart-axis--left {
    padding-right: 12px;
    text-align: right;
  }
  .kit-chart-axis--left:last-of-type {
    border-right-width: 1px;
  }
  .kit-chart-axis--right {
    padding-left: 12px;
    text-align: left;
  }
  .kit-chart-axis--right:first-of-type {
    border-left-width: 1px;
  }
  .kit-chart-axis--no-border:last-of-type,
  .kit-chart-axis--no-border:first-of-type,
  .kit-chart-axis--no-border {
    border-width: 0;
  }
  .kit-chart-axis--spacing-auto {
    justify-content: space-between;
  }
  .kit-chart-axis--spacing-collapsed-end {
    justify-content: flex-end;
  }
  .kit-chart-axis--spacing-collapsed-start {
    justify-content: flex-start;
  }
  .kit-chart-bar-section {
    display: inline-block;
    height: 100%;
    position: relative;
    transition-duration: 0.125s;
    transition-property: box-shadow, transform;
    transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    width: 100%;
    /** ::before is to set a larger hover target */
    /** This adds the 2px white border */
  }
  .kit-chart-bar-section--highlight:not(.kit-chart-bar-section--never-highlight),
  .kit-chart-bar-section:hover:not(.kit-chart-bar-section--never-highlight) {
    transform: scale(1.02, 1.5);
    transition-duration: 0.225s;
    z-index: 900;
  }
  .kit-chart-bar-section::before {
    content: '';
    pointer-events: all;
    position: absolute;
    z-index: 2;
  }
  .kit-chart-bar-section--vertical::before {
    bottom: 0;
    left: -4px;
    right: -4px;
    top: 0;
  }
  .kit-chart-bar-section--horizontal::before {
    bottom: -4px;
    left: 0;
    right: 0;
    top: -4px;
  }
  .kit-chart-bar-section::after {
    border: 2px solid white;
    bottom: -2px;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.08);
    content: '';
    left: -2px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: -2px;
    top: -2px;
    transition-duration: 0.125s;
    transition-property: opacity, transform;
    transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    z-index: 900;
  }
  .kit-chart-bar-section--highlight:not(.kit-chart-bar-section--never-highlight)::after,
  .kit-chart-bar-section:hover:not(.kit-chart-bar-section--never-highlight)::after {
    opacity: 1;
    transform: scaleY(0.75);
    transition-duration: 0.225s;
  }
  .kit-chart-bar-section--vertical {
    width: 100%;
  }
  .kit-chart-bar-section--horizontal {
    height: 100%;
  }
  .kit-chart-bar {
    display: flex;
    font-size: 0;
    /** takes care of popover span spacing issues */
    height: 100%;
    justify-content: space-between;
    width: 100%;
  }
  .kit-chart-bar--vertical {
    align-items: flex-end;
    flex-direction: row;
  }
  .kit-chart-bar--vertical .kit-popover,
  .kit-chart-bar--vertical .kit-popover__trigger {
    width: 100%;
  }
  .kit-chart-bar--horizontal {
    align-items: flex-start;
    flex-direction: column;
  }
  .kit-chart-bar--horizontal .kit-popover,
  .kit-chart-bar--horizontal .kit-popover__trigger {
    height: 100%;
  }
  .kit-chart-bar__bar {
    background-color: #e1e2e6;
    position: relative;
  }
  .kit-chart-bar--vertical .kit-chart-bar__bar {
    max-width: 12px;
    min-width: 4px;
    width: 100%;
  }
  .kit-chart-bar--horizontal .kit-chart-bar__bar {
    height: 100%;
    max-height: 12px;
    min-height: 4px;
  }
  .kit-chart-line {
    display: block;
    height: 100%;
    width: 100%;
  }
  .kit-chart-line path.area {
    fill: currentColor;
    opacity: 0.06;
    stroke: none;
  }
  .kit-chart-line path.line {
    fill: none;
    stroke: currentColor;
  }
  .kit-chart-tooltip {
    height: 100%;
    left: 0;
    pointer-events: all;
    position: absolute;
    top: 0;
    width: 100%;
  }
  .kit-chart-tooltip__tip-wrap {
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
  }
  .kit-chart-tooltip__dot {
    background-color: #4f63ff;
    border-radius: 1000px;
    border: 2px solid #ffffff;
    height: 14px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(-50%, -50%);
    width: 14px;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.06), 0 1px 2px 0 rgba(0, 0, 0, 0.04);
  }
  .kit-chart-tooltip__tip {
    min-width: 126px;
    position: relative;
    top: -12px;
    transform: translate(-50%, -100%);
  }
  .kit-chart {
    display: grid;
    grid-template-columns: min-content 1fr min-content;
    grid-template-rows: min-content 1fr min-content;
    position: relative;
  }
  .kit-chart__chart {
    position: relative;
  }
  .kit-chart__blank-chart {
    height: 100%;
    width: 100%;
  }
  .kit-checkbox-with-label {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: 1.14285714rem;
    user-select: none;
  }
  .kit-checkbox-with-label--disabled {
    color: #999b9e;
    cursor: default;
  }
  .kit-checkbox-with-label__checkbox {
    margin-right: 8px;
  }
  .kit-checkbox-with-label__subtext {
    color: #999b9e;
    line-height: 1.36;
  }
  .kit-checkbox-with-label--has-subtext .kit-checkbox-with-label__checkbox {
    align-self: flex-start;
  }
  .kit-checkbox-with-label--has-subtext .kit-checkbox-with-label__text {
    padding-top: 4px;
  }
  .kit-checkbox {
    display: block;
    /** Modifiers */
    /** Elements */
    /** If :focus-visible is available */
    /** Else, utilize official .focus-visible polyfill */
  }
  .kit-checkbox__wrapper {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    position: relative;
    user-select: none;
  }
  .kit-checkbox--disabled {
    color: #525254;
    opacity: 0.5;
    pointer-events: none;
  }
  .kit-checkbox--disabled .kit-checkbox__target {
    box-shadow: none;
  }
  .kit-checkbox--has-multi-text-lines .kit-checkbox__target {
    align-self: flex-start;
  }
  .kit-checkbox:hover .kit-checkbox__target {
    background-color: #fdfefe;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.06), 0 1px 2px 0 rgba(0, 0, 0, 0.04);
  }
  .kit-checkbox:hover .kit-checkbox__target::after {
    border-color: rgba(0, 0, 0, 0.08);
  }
  .kit-checkbox:active .kit-checkbox__target {
    background-color: #fafbfc;
    box-shadow: none;
  }
  .kit-checkbox:active .kit-checkbox__target::after {
    border-color: rgba(0, 0, 0, 0.1);
  }
  .kit-checkbox__target {
    align-items: center;
    background-color: #ffffff;
    border-radius: 3px;
    border: none;
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    font-size: 0;
    height: 22px;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 22px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06), 0 1px 1px 0 rgba(0, 0, 0, 0.04);
  }
  .kit-checkbox__target::before {
    border-radius: 3px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
  }
  .kit-checkbox__input,
  .kit-checkbox input {
    left: 0;
    position: absolute;
    opacity: 0;
    top: 0;
  }
  .kit-checkbox__input:focus-visible + .kit-checkbox__target::before,
  .kit-checkbox input:focus-visible + .kit-checkbox__target::before {
    border-color: #4f63ff;
  }
  .kit-checkbox__input.focus-visible + .kit-checkbox__target::before,
  .kit-checkbox input.focus-visible + .kit-checkbox__target::before {
    border-color: #4f63ff;
  }
  .kit-checkbox__input:active + .kit-checkbox__target,
  .kit-checkbox input:active + .kit-checkbox__target {
    background-color: #f5f6f7;
    box-shadow: none;
  }
  .kit-checkbox__target .kit-checkbox__icon {
    color: #4f63ff;
    opacity: 0;
    height: 12px;
    width: 12px;
  }
  .kit-checkbox__input:checked + .kit-checkbox__target .kit-checkbox__icon,
  .kit-checkbox input:checked + .kit-checkbox__target .kit-checkbox__icon {
    opacity: 1;
  }
  .kit-checkbox__label {
    color: #222222;
    display: inline-flex;
    flex-direction: column;
    font-size: 1.14285714rem;
    line-height: 1.5;
  }
  .kit-checkbox__subtext {
    color: #747578;
    font-size: 1rem;
    line-height: 1.25;
  }
  .kit-chip-input {
    background-color: #f5f6f7;
    border-radius: 4px;
    border: 1px solid transparent;
    color: #222222;
    display: block;
    font-family: 'Proxima-Nova', 'helvetica neue', 'helvetica', 'arial', sans-serif;
    font-size: 1.14285714rem;
    padding: 6px 10px;
    transition: border 0.125s cubic-bezier(0.42, 0, 0.58, 1), box-shadow 0.125s cubic-bezier(0.42, 0, 0.58, 1);
    width: 100%;
    -webkit-appearance: none;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    min-height: 34px;
    padding-bottom: 2px;
    padding-left: 2px;
    padding-top: 2px;
    position: relative;
    /* force reset all styles from the actual input component */
  }
  .kit-chip-input:focus,
  .kit-chip-input:active {
    border-color: #4f63ff;
    outline: none;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06), 0 1px 1px 0 rgba(0, 0, 0, 0.04);
  }
  .kit-chip-input:disabled {
    color: #999b9e;
    /** Set the correct opacity for iOS. */
    opacity: 1;
    pointer-events: none;
    /** Set the correct text color for Safari. */
    -webkit-text-fill-color: #999b9e;
  }
  .kit-chip-input::placeholder {
    color: #b8babf;
  }
  .kit-chip-input:focus-within {
    border-color: #4f63ff;
    outline: none;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06), 0 1px 1px 0 rgba(0, 0, 0, 0.04);
  }
  .kit-chip-input input {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    flex-grow: 1;
    padding: 0 0 !important;
    width: auto !important;
  }
  .kit-chip-input input:first-child {
    margin-left: 6px;
  }
  .kit-chip {
    appearance: none;
    border-radius: 3px;
    border: none;
    cursor: pointer;
    font-family: 'Proxima-Nova', 'helvetica neue', 'helvetica', 'arial', sans-serif;
    font-size: 14px;
    font-smoothing: antialiased;
    outline: none;
    padding: 0;
    position: relative;
    text-align: center;
    text-shadow: none;
    transform: scale(1);
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    align-items: center;
    background-color: #ffffff;
    border-radius: 1000px;
    color: #222222;
    cursor: auto;
    display: flex;
    font-weight: 600;
    height: 26px;
    text-align: left;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06), 0 1px 1px 0 rgba(0, 0, 0, 0.04);
  }
  .kit-chip:hover {
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.06), 0 1px 2px 0 rgba(0, 0, 0, 0.04);
    transform: scale(1.02);
  }
  .kit-chip:active {
    box-shadow: none;
    transform: scale(0.98);
  }
  .kit-chip:active .kit-button__content {
    opacity: 0.8;
  }
  .kit-chip:focus-visible::before {
    border-radius: 24px !important;
    border: 1px solid #4f63ff;
    bottom: -2px;
    box-shadow: 0 0 3px rgba(79, 99, 255, 0.5);
    content: '';
    left: -2px;
    position: absolute;
    right: -2px;
    top: -2px;
  }
  .kit-chip.focus-visible::before {
    border-radius: 24px !important;
    border: 1px solid #4f63ff;
    bottom: -2px;
    box-shadow: 0 0 3px rgba(79, 99, 255, 0.5);
    content: '';
    left: -2px;
    position: absolute;
    right: -2px;
    top: -2px;
  }
  .kit-chip:hover {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06), 0 1px 1px 0 rgba(0, 0, 0, 0.04);
    transform: scale(1);
  }
  .kit-chip:active {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06), 0 1px 1px 0 rgba(0, 0, 0, 0.04);
    transform: scale(1);
  }
  .kit-chip[role='button']:hover {
    cursor: pointer;
  }
  .kit-chip__left-slot {
    align-items: center;
    display: flex;
    height: 22px;
    margin-left: 2px;
    width: 22px;
  }
  .kit-chip__left-slot .kit-user-avatar__initials {
    font-size: 0.85714286rem;
  }
  .kit-chip__remove-button {
    align-items: center;
    background-color: #ffffff;
    border-radius: 1000px;
    color: #b8babf;
    display: flex;
    justify-content: center;
    margin: 0 8px 0 4px;
    padding: 4px;
  }
  .kit-chip__remove-button:hover {
    background-color: #f2f3f5;
    cursor: pointer;
  }
  .kit-chip__action-menu {
    margin-left: 4px;
  }
  .kit-chip__action-menu .kit-action-menu__trigger {
    border-radius: 1000px;
    padding: 4px;
  }
  .kit-chip__action-menu .kit-action-menu__trigger:hover,
  .kit-chip__action-menu .kit-action-menu__trigger:active {
    background-color: #f2f3f5;
  }
  .kit-chip__action-menu .kit-icon {
    color: #b8babf;
  }
  .kit-choose {
    color: #e1e2e6;
    cursor: pointer;
    height: 20px;
    width: 20px;
  }
  .kit-choose:hover {
    color: #c8cacf;
  }
  .kit-choose:active {
    color: #b8babf;
  }
  .kit-choose--selected {
    color: #67e6a0;
  }
  .kit-choose--selected:hover {
    color: #54d68e;
  }
  .kit-choose--selected:active {
    color: #42c97f;
  }
  .kit-choose--disabled:not(.kit-choose--selected) {
    cursor: default;
    opacity: 0.5;
    pointer-events: none;
  }
  .kit-circle-button {
    color: inherit;
    cursor: pointer;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
  }
  .kit-circle-button__circle {
    align-items: center;
    background-color: #999b9e;
    border-radius: 100%;
    color: #ffffff;
    display: flex;
    height: 46px;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    transform: translateY(0);
    width: 46px;
    transition: transform 0.125s cubic-bezier(0.42, 0, 0.58, 1), box-shadow 0.125s cubic-bezier(0.42, 0, 0.58, 1);
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.06), 0 1px 2px 0 rgba(0, 0, 0, 0.04);
  }
  .kit-circle-button:hover .kit-circle-button__circle {
    transform: translateY(-1px);
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.08), 0 1px 3px 0 rgba(0, 0, 0, 0.04);
  }
  .kit-circle-button:active .kit-circle-button__circle {
    transform: translateY(0);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06), 0 1px 1px 0 rgba(0, 0, 0, 0.04);
  }
  .kit-circle-button__label {
    margin-top: 8px;
    text-align: center;
  }
  .kit-color-picker {
    position: relative;
    /** Overrides to Pickr styling */
  }
  .kit-color-picker__input {
    text-transform: uppercase;
  }
  .kit-color-picker__input::placeholder {
    text-transform: none;
    color: #222222 !important;
  }
  .kit-color-picker__swatch {
    background-color: rgba(79, 99, 255, 0.15);
    border-radius: 12px;
    height: 24px;
    position: absolute;
    right: 8px;
    top: 5px;
    width: 24px;
  }
  .kit-color-picker__control.pcr-app {
    border-radius: 2px;
    height: 200px;
    margin-top: 2px;
    position: absolute !important;
    top: 38px;
    width: 100%;
    box-shadow: 0 15px 35px 0 rgba(0, 0, 0, 0.1), 0 2px 6px 0 rgba(0, 0, 0, 0.04);
  }
  .kit-color-picker__control.pcr-app .pcr-color-palette {
    height: 100% !important;
  }
  .kit-color-picker__control.pcr-app .pcr-swatches {
    display: none !important;
  }
  .kit-copy-text {
    background-color: #f5f6f7;
    border-radius: 4px;
    border: 1px solid transparent;
    color: #222222;
    display: block;
    font-family: 'Proxima-Nova', 'helvetica neue', 'helvetica', 'arial', sans-serif;
    font-size: 1.14285714rem;
    padding: 6px 10px;
    transition: border 0.125s cubic-bezier(0.42, 0, 0.58, 1), box-shadow 0.125s cubic-bezier(0.42, 0, 0.58, 1);
    width: 100%;
    -webkit-appearance: none;
    align-items: center;
    display: flex;
    justify-content: center;
    padding-bottom: 4px;
    padding-right: 4px;
    padding-top: 4px;
    position: relative;
  }
  .kit-copy-text:focus,
  .kit-copy-text:active {
    border-color: #4f63ff;
    outline: none;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06), 0 1px 1px 0 rgba(0, 0, 0, 0.04);
  }
  .kit-copy-text:disabled {
    color: #999b9e;
    /** Set the correct opacity for iOS. */
    opacity: 1;
    pointer-events: none;
    /** Set the correct text color for Safari. */
    -webkit-text-fill-color: #999b9e;
  }
  .kit-copy-text::placeholder {
    color: #b8babf;
  }
  .kit-copy-text:focus,
  .kit-copy-text:active {
    border-color: #e1e2e6;
    box-shadow: none;
  }
  .kit-copy-text__text {
    flex-grow: 1;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
  }
  .kit-copy-text__text::after {
    background: linear-gradient(to right, rgba(245, 246, 247, 0), #f5f6f7 95%);
    content: '';
    display: block;
    height: 100%;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
  }
  .kit-copy-text .kit-button--size-xs .kit-button__content {
    padding: 0 12px;
  }
  .kit-date-picker {
    padding: 20px;
    -webkit-font-smoothing: antialiased;
  }
  .kit-date-picker .ui-datepicker {
    width: 260px;
    padding: 0;
    overflow: hidden;
  }
  .kit-date-picker .ui-datepicker .ui-datepicker-header {
    padding: 0;
  }
  .kit-date-picker .ui-datepicker .ui-datepicker-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 27px;
    margin: 5px 0 20px 0;
    padding: 0;
    color: #525254;
    height: 25px;
  }
  .kit-date-picker .ui-datepicker .ui-datepicker-prev,
  .kit-date-picker .ui-datepicker .ui-datepicker-next {
    top: 50% !important;
    transform: translateY(-50%);
    cursor: pointer;
  }
  .kit-date-picker .ui-datepicker .ui-datepicker-prev span,
  .kit-date-picker .ui-datepicker .ui-datepicker-next span {
    display: none;
  }
  .kit-date-picker .ui-datepicker .ui-datepicker-prev::after,
  .kit-date-picker .ui-datepicker .ui-datepicker-next::after {
    content: '';
    position: absolute;
    top: 9px;
    display: block;
    width: 8px;
    height: 8px;
    border-top: 2px solid #b8babf;
    border-right: 2px solid #b8babf;
  }
  .kit-date-picker .ui-datepicker .ui-datepicker-prev {
    left: 7px !important;
  }
  .kit-date-picker .ui-datepicker .ui-datepicker-prev::after {
    transform: rotate(-135deg);
    left: 9px;
  }
  .kit-date-picker .ui-datepicker .ui-datepicker-next {
    right: 7px !important;
  }
  .kit-date-picker .ui-datepicker .ui-datepicker-next::after {
    transform: rotate(45deg);
    right: 9px;
  }
  .kit-date-picker .ui-datepicker .ui-datepicker-calendar thead tr {
    height: 35px;
  }
  .kit-date-picker .ui-datepicker .ui-datepicker-calendar thead tr span {
    font-size: 1em;
    color: #b8babf;
    font-weight: normal;
  }
  .kit-date-picker .ui-datepicker .ui-datepicker-calendar tbody td {
    padding: 0;
    line-height: 28px;
    text-align: center;
  }
  .kit-date-picker .ui-datepicker .ui-datepicker-calendar tbody td span {
    height: 30px;
    width: 37px;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    color: #525254;
    padding: 0;
    margin-bottom: 10px;
    cursor: default;
  }
  .kit-date-picker .ui-datepicker .ui-datepicker-calendar tbody td a {
    height: 30px;
    width: 37px;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    color: #525254;
    padding: 0;
    margin-bottom: 10px;
  }
  .kit-date-picker .ui-datepicker .ui-datepicker-calendar tbody td a.ui-state-hover {
    background-color: #edeef0;
    border-radius: 15px;
  }
  .kit-date-picker .ui-datepicker .ui-datepicker-calendar tbody td a.ui-state-hover:active {
    background-color: #e1e2e6;
  }
  .kit-date-picker .ui-datepicker .ui-datepicker-calendar tbody td.ui-datepicker-current-day a {
    color: #fff;
    border-radius: 15px;
    background-color: #4f63ff;
  }
  .kit-date-picker .ui-datepicker .ui-datepicker-calendar tbody td.ui-datepicker-current-day a:hover {
    background-color: hsl(233.18181818, 90%, 59.49019608%);
  }
  .kit-date-picker .ui-datepicker .ui-datepicker-calendar tbody td.ui-datepicker-current-day a:active {
    background-color: hsl(233.18181818, 76%, 53.49019608%);
  }
  .kit-date-picker .ui-datepicker .ui-datepicker-calendar tbody td.ui-datepicker-unselectable span {
    color: #e1e2e6;
  }
  .kit-date-picker .ui-datepicker .ui-datepicker-calendar tbody .ui-datepicker-other-month a {
    color: #b8babf;
  }
  .kit-date-time-input {
    position: relative;
  }
  .kit-date-time-input,
  .kit-date-time-input__popover,
  .kit-date-time-input__input-label,
  .kit-popover__trigger,
  .kit-input-validation {
    width: 100%;
  }
  .kit-date-time-input__icon,
  .kit-date-time-input__icon--disabled {
    bottom: 0;
    margin: 7px;
    position: absolute;
    right: 0;
  }
  .kit-date-time-input__icon {
    color: #525254;
    cursor: pointer;
    user-select: none;
  }
  .kit-date-time-input__icon:hover {
    color: #323233;
  }
  .kit-date-time-input__icon:active {
    color: #000000;
  }
  .kit-date-time-input__icon--disabled {
    color: #999b9e;
  }
  .kit-date-time {
    display: flex;
    align-items: center;
  }
  .kit-date-time .kit-date-time__date,
  .kit-date-time .kit-date-time__time {
    display: flex;
    margin-right: 28px;
  }
  .kit-date-time .kit-icon {
    color: #999b9e;
  }
  .kit-expanding-block__block {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .kit-expanding-block__block--clickable {
    cursor: pointer;
  }
  .kit-expanding-block__content {
    height: 0px;
    transition: all 0.225s cubic-bezier(0.42, 0, 0.58, 1);
  }
  .kit-expanding-block__content--collapsed {
    opacity: 0;
    overflow: hidden;
    transform: scale(0.98);
    transform-origin: top;
  }
  .kit-expanding-block__content--expanded {
    opacity: 1;
    overflow: visible;
    transform: scaleY(1);
  }
  .kit-expanding-block__indicator {
    align-items: center;
    display: flex;
    height: 20px;
    justify-content: center;
    margin: 18px;
    transform: rotateZ(0deg);
    transition: transform 0.225s cubic-bezier(0.42, 0, 0.58, 1);
    width: 20px;
  }
  .kit-expanding-block__indicator--expanded {
    transform: rotateZ(180deg);
  }
  .kit-expanding-section__label {
    appearance: none;
    align-items: center;
    background: none;
    border: none;
    display: inline-flex;
    justify-content: center;
  }
  .kit-expanding-section__arrow.kit-icon {
    color: #b8babf;
    height: 13px;
    transform: rotateZ(0deg);
    width: 13px;
    transition: transform 0.225s cubic-bezier(0.42, 0, 0.58, 1);
  }
  .kit-expanding-section--expanded .kit-expanding-section__arrow.kit-icon {
    transform: rotateZ(180deg);
  }
  .kit-expanding-section__left-icon {
    margin-right: 12px;
  }
  .kit-expanding-section__content-hider {
    overflow: hidden;
    transition: height 0.225s cubic-bezier(0.42, 0, 0.58, 1);
  }
  .kit-expanding-section--expanded .kit-expanding-section__content-hider {
    overflow: visible;
    transition: height 0.125s cubic-bezier(0.42, 0, 0.58, 1);
  }
  .kit-expanding-section__content {
    opacity: 0;
    transform: scale(0.98);
    transform-origin: top;
    transition: transform 0.225s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.225s cubic-bezier(0.42, 0, 0.58, 1);
  }
  .kit-expanding-section--expanded .kit-expanding-section__content {
    opacity: 1;
    transform: scaleY(1);
  }
  .kit-flat-input input[type='text'],
  .kit-flat-input input[type='password'] {
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
  }
  .kit-flat-input input[type='text']:focus,
  .kit-flat-input input[type='password']:focus {
    box-shadow: none;
  }
  .kit-frame {
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.06), 0 1px 2px 0 rgba(0, 0, 0, 0.04);
  }
  .kit-frame--inset {
    background-color: #f4f6f8;
    border-color: #e7e9eb;
    box-shadow: none;
  }
  .kit-frame--primary {
    background-color: #4f63ff;
    color: #fff;
  }
  .kit-frame--warning {
    background-color: #f7bf34;
    color: #fff;
  }
  .kit-frame--danger {
    background-color: #f90143;
    color: #fff;
  }
  .kit-frame--dark {
    background-color: #000000;
    color: #ffffff;
  }
  .kit-frame--tooltip {
    border-radius: 16px;
    background-color: #000000;
    color: #ffffff;
    box-shadow: 0 15px 35px 0 rgba(0, 0, 0, 0.1), 0 2px 6px 0 rgba(0, 0, 0, 0.04);
  }
  .kit-frame--tooltip a {
    color: #ffffff;
    text-decoration: underline;
  }
  .kit-frame--tooltip-dark {
    border-radius: 16px;
    background-color: #000000;
    color: #ffffff;
    box-shadow: 0 15px 35px 0 rgba(0, 0, 0, 0.1), 0 2px 6px 0 rgba(0, 0, 0, 0.04);
  }
  .kit-frame--tooltip-dark a {
    color: #ffffff;
    text-decoration: underline;
  }
  .kit-frame--tooltip-light {
    background-color: #ffffff;
    border-radius: 16px;
    box-shadow: 0 15px 35px 0 rgba(0, 0, 0, 0.1), 0 2px 6px 0 rgba(0, 0, 0, 0.04);
  }
  .kit-frame--tooltip-light a {
    color: #ffffff;
    text-decoration: underline;
  }
  .kit-global-banner {
    align-items: center;
    background-color: #ffffff;
    display: flex;
    height: 72px;
    left: 0;
    padding: 0 24px;
    pointer-events: none;
    position: fixed;
    top: 0;
    transform: translateY(-150%);
    width: 100%;
    z-index: 800;
    transition: transform 0.125s cubic-bezier(0.42, 0, 0.58, 1);
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.08), 0 1px 3px 0 rgba(0, 0, 0, 0.04);
  }
  .kit-global-banner--open {
    pointer-events: all;
    transform: translateY(0);
  }
  .kit-global-banner__close {
    position: relative;
    z-index: 2;
  }
  .kit-global-banner__content {
    align-items: center;
    color: #323233;
    display: flex;
    flex-direction: row;
    font-size: 1.14285714em;
    justify-content: space-between;
    width: 100%;
  }
  .kit-global-banner__center-content {
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
  }
  .kit-global-banner--close,
  .kit-global-banner__left-content,
  .kit-global-banner__right-content {
    z-index: 100;
  }
  .kit-grid {
    display: grid;
    grid-column-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: auto;
    grid-row-gap: 24px;
    width: 100%;
  }
  .kit-grid--6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .kit-grid--5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .kit-grid--4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .kit-grid--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .kit-grid--2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .kit-grid--1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .kit-icon {
    height: 20px;
    display: inline-block;
    font-size: 0;
    width: 20px;
  }
  .kit-icon svg {
    height: 100%;
    fill: currentColor;
    width: 100%;
  }
  .kit-image-card {
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.06), 0 1px 2px 0 rgba(0, 0, 0, 0.04);
    background-color: #ffffff;
    border-radius: 3px;
    overflow: hidden;
  }
  a:hover > .kit-image-card {
    background-color: #fafbfc;
  }
  a:hover > .kit-image-card .kit-image::after {
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: background-color 0.075s cubic-bezier(0.42, 0, 0.58, 1);
    background-color: rgba(0, 0, 0, 0.2);
  }
  a:active > .kit-image-card {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06), 0 1px 1px 0 rgba(0, 0, 0, 0.04);
    background-color: #f5f6f7;
  }
  a:active > .kit-image-card .kit-image::after {
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: background-color 0.075s cubic-bezier(0.42, 0, 0.58, 1);
    background-color: rgba(0, 0, 0, 0.4);
  }
  .kit-image-card__card-content {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 12px 12px 12px 18px;
    min-height: 34px;
    white-space: nowrap;
  }
  .kit-image-card__card-text {
    overflow: hidden;
    width: 100%;
  }
  .kit-image-card__card-title {
    max-height: 1.15em;
    overflow: hidden;
    position: relative;
    color: #222222;
    font-size: 1.143rem;
  }
  .kit-image-card__card-title::after {
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 80%);
    content: '';
    height: 1.15em;
    position: absolute;
    right: 0;
    top: 0em;
    width: 25%;
  }
  a:hover .kit-image-card__card-title {
    max-height: 1.15em;
    overflow: hidden;
    position: relative;
  }
  a:hover .kit-image-card__card-title::after {
    background-image: linear-gradient(to right, rgba(250, 251, 252, 0), #fafbfc 80%);
    content: '';
    height: 1.15em;
    position: absolute;
    right: 0;
    top: 0em;
    width: 25%;
  }
  a:active .kit-image-card__card-title {
    max-height: 1.15em;
    overflow: hidden;
    position: relative;
  }
  a:active .kit-image-card__card-title::after {
    background-image: linear-gradient(to right, rgba(245, 246, 247, 0), #f5f6f7 80%);
    content: '';
    height: 1.15em;
    position: absolute;
    right: 0;
    top: 0em;
    width: 25%;
  }
  .kit-image-card__card-subtitle {
    max-height: 2em;
    overflow: hidden;
    position: relative;
    color: #434445;
    margin-top: 4px;
  }
  .kit-image-card__card-subtitle::after {
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 80%);
    content: '';
    height: 1em;
    position: absolute;
    right: 0;
    top: 1em;
    width: 25%;
  }
  a:hover .kit-image-card__card-subtitle {
    max-height: 2em;
    overflow: hidden;
    position: relative;
  }
  a:hover .kit-image-card__card-subtitle::after {
    background-image: linear-gradient(to right, rgba(250, 251, 252, 0), #fafbfc 80%);
    content: '';
    height: 1em;
    position: absolute;
    right: 0;
    top: 1em;
    width: 25%;
  }
  a:active .kit-image-card__card-subtitle {
    max-height: 2em;
    overflow: hidden;
    position: relative;
  }
  a:active .kit-image-card__card-subtitle::after {
    background-image: linear-gradient(to right, rgba(245, 246, 247, 0), #f5f6f7 80%);
    content: '';
    height: 1em;
    position: absolute;
    right: 0;
    top: 1em;
    width: 25%;
  }
  .kit-image-card .kit-image {
    background-color: #e1e2e6;
  }
  .kit-image-cropper {
    /**
   * Modifications to default styles here.
   * Note: the extra parent class ensures that these will receive priority
   * even though they're defined earlier in the file.
   */
    /*!
   * Cropper.js v1.5.9
   * https://fengyuanchen.github.io/cropperjs
   *
   * Copyright 2015-present Chen Fengyuan
   * Released under the MIT license
   *
   * Date: 2020-09-10T13:16:21.689Z
   */
  }
  .kit-image-cropper__image {
    display: block;
    max-width: 100%;
  }
  .kit-image-cropper.kit-image-cropper .cropper-modal {
    background-color: #ffffff;
    opacity: 0.5;
  }
  .kit-image-cropper.kit-image-cropper.dark-overlay .cropper-modal {
    background-color: #000000;
  }
  .kit-image-cropper.kit-image-cropper .cropper-view-box {
    outline: 2px solid #ffffff;
    outline-color: rgba(255, 255, 255, 0.75);
  }
  .kit-image-cropper.kit-image-cropper .cropper-dashed {
    border-style: solid;
    opacity: 0.7;
  }
  .kit-image-cropper.kit-image-cropper .cropper-dashed.dashed-h {
    border-bottom-width: 2px;
    border-top-width: 2px;
  }
  .kit-image-cropper.kit-image-cropper .cropper-dashed.dashed-v {
    border-left-width: 2px;
    border-right-width: 2px;
  }
  .kit-image-cropper.kit-image-cropper .cropper-point {
    background-color: #ffffff;
  }
  .kit-image-cropper .cropper-container {
    direction: ltr;
    font-size: 0;
    line-height: 0;
    position: relative;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .kit-image-cropper .cropper-container img {
    display: block;
    height: 100%;
    image-orientation: 0deg;
    max-height: none !important;
    max-width: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    width: 100%;
  }
  .kit-image-cropper .cropper-wrap-box,
  .kit-image-cropper .cropper-canvas,
  .kit-image-cropper .cropper-drag-box,
  .kit-image-cropper .cropper-crop-box,
  .kit-image-cropper .cropper-modal {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
  }
  .kit-image-cropper .cropper-wrap-box,
  .kit-image-cropper .cropper-canvas {
    overflow: hidden;
  }
  .kit-image-cropper .cropper-drag-box {
    background-color: #fff;
    opacity: 0;
  }
  .kit-image-cropper .cropper-modal {
    background-color: #000;
    opacity: 0.5;
  }
  .kit-image-cropper .cropper-view-box {
    display: block;
    height: 100%;
    outline: 1px solid #39f;
    outline-color: rgba(51, 153, 255, 0.75);
    overflow: hidden;
    width: 100%;
  }
  .kit-image-cropper .cropper-dashed {
    border: 0 dashed #eee;
    display: block;
    opacity: 0.5;
    position: absolute;
  }
  .kit-image-cropper .cropper-dashed.dashed-h {
    border-bottom-width: 1px;
    border-top-width: 1px;
    height: calc(100% / 3);
    left: 0;
    top: calc(100% / 3);
    width: 100%;
  }
  .kit-image-cropper .cropper-dashed.dashed-v {
    border-left-width: 1px;
    border-right-width: 1px;
    height: 100%;
    left: calc(100% / 3);
    top: 0;
    width: calc(100% / 3);
  }
  .kit-image-cropper .cropper-center {
    display: block;
    height: 0;
    left: 50%;
    opacity: 0.75;
    position: absolute;
    top: 50%;
    width: 0;
  }
  .kit-image-cropper .cropper-center::before,
  .kit-image-cropper .cropper-center::after {
    background-color: #eee;
    content: ' ';
    display: block;
    position: absolute;
  }
  .kit-image-cropper .cropper-center::before {
    height: 1px;
    left: -3px;
    top: 0;
    width: 7px;
  }
  .kit-image-cropper .cropper-center::after {
    height: 7px;
    left: 0;
    top: -3px;
    width: 1px;
  }
  .kit-image-cropper .cropper-face,
  .kit-image-cropper .cropper-line,
  .kit-image-cropper .cropper-point {
    display: block;
    height: 100%;
    opacity: 0.1;
    position: absolute;
    width: 100%;
  }
  .kit-image-cropper .cropper-face {
    background-color: #fff;
    left: 0;
    top: 0;
  }
  .kit-image-cropper .cropper-line {
    background-color: #39f;
  }
  .kit-image-cropper .cropper-line.line-e {
    cursor: ew-resize;
    right: -3px;
    top: 0;
    width: 5px;
  }
  .kit-image-cropper .cropper-line.line-n {
    cursor: ns-resize;
    height: 5px;
    left: 0;
    top: -3px;
  }
  .kit-image-cropper .cropper-line.line-w {
    cursor: ew-resize;
    left: -3px;
    top: 0;
    width: 5px;
  }
  .kit-image-cropper .cropper-line.line-s {
    bottom: -3px;
    cursor: ns-resize;
    height: 5px;
    left: 0;
  }
  .kit-image-cropper .cropper-point {
    background-color: #39f;
    height: 5px;
    opacity: 0.75;
    width: 5px;
  }
  .kit-image-cropper .cropper-point.point-e {
    cursor: ew-resize;
    margin-top: -3px;
    right: -3px;
    top: 50%;
  }
  .kit-image-cropper .cropper-point.point-n {
    cursor: ns-resize;
    left: 50%;
    margin-left: -3px;
    top: -3px;
  }
  .kit-image-cropper .cropper-point.point-w {
    cursor: ew-resize;
    left: -3px;
    margin-top: -3px;
    top: 50%;
  }
  .kit-image-cropper .cropper-point.point-s {
    bottom: -3px;
    cursor: s-resize;
    left: 50%;
    margin-left: -3px;
  }
  .kit-image-cropper .cropper-point.point-ne {
    cursor: nesw-resize;
    right: -3px;
    top: -3px;
  }
  .kit-image-cropper .cropper-point.point-nw {
    cursor: nwse-resize;
    left: -3px;
    top: -3px;
  }
  .kit-image-cropper .cropper-point.point-sw {
    bottom: -3px;
    cursor: nesw-resize;
    left: -3px;
  }
  .kit-image-cropper .cropper-point.point-se {
    bottom: -3px;
    cursor: nwse-resize;
    height: 20px;
    opacity: 1;
    right: -3px;
    width: 20px;
  }
  @media (min-width: 768px) {
    .kit-image-cropper .cropper-point.point-se {
      height: 15px;
      width: 15px;
    }
  }
  @media (min-width: 992px) {
    .kit-image-cropper .cropper-point.point-se {
      height: 10px;
      width: 10px;
    }
  }
  @media (min-width: 1200px) {
    .kit-image-cropper .cropper-point.point-se {
      height: 5px;
      opacity: 0.75;
      width: 5px;
    }
  }
  .kit-image-cropper .cropper-point.point-se::before {
    background-color: #77797a;
    bottom: -50%;
    content: ' ';
    display: block;
    height: 200%;
    opacity: 0;
    position: absolute;
    right: -50%;
    width: 200%;
  }
  .kit-image-cropper .cropper-invisible {
    opacity: 0;
  }
  .kit-image-cropper .cropper-bg {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');
  }
  .kit-image-cropper .cropper-hide {
    display: block;
    height: 0;
    position: absolute;
    width: 0;
  }
  .kit-image-cropper .cropper-hidden {
    display: none !important;
  }
  .kit-image-cropper .cropper-move {
    cursor: move;
  }
  .kit-image-cropper .cropper-crop {
    cursor: crosshair;
  }
  .kit-image-cropper .cropper-disabled .cropper-drag-box,
  .kit-image-cropper .cropper-disabled .cropper-face,
  .kit-image-cropper .cropper-disabled .cropper-line,
  .kit-image-cropper .cropper-disabled .cropper-point {
    cursor: not-allowed;
  }
  .kit-image {
    overflow: hidden;
    position: relative;
    width: 100%;
  }
  .kit-image--cover {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    overflow: hidden;
    width: 100%;
  }
  .kit-image--depth {
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.06), 0 1px 2px 0 rgba(0, 0, 0, 0.04);
  }
  .kit-image__cover-image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .kit-image__image {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    transition: opacity 0.225s cubic-bezier(0.42, 0, 0.58, 1);
  }
  .kit-image--cover .kit-image__image {
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: auto;
  }
  .kit-image--cover.kit-image--wide .kit-image__image {
    max-height: 100%;
  }
  .kit-image--cover:not(.kit-image--wide) .kit-image__image {
    max-width: 100%;
  }
  .kit-image__watermark {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: 0.3;
    position: absolute;
    top: 0;
    width: 100%;
  }
  .kit-image__watermark-image {
    height: 40%;
  }
  .kit-input-autocomplete {
    position: relative;
    width: 100%;
  }
  .kit-input-autocomplete__results,
  .kit-input-autocomplete__results-rows {
    border: none !important;
    width: 100%;
    z-index: 600;
  }
  .kit-input-autocomplete__results {
    background-color: white;
    border-radius: 16px;
    max-height: 410px;
    position: absolute;
    top: 38px;
    padding: 8px 0;
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.08), 0 1px 3px 0 rgba(0, 0, 0, 0.04);
  }
  .kit-input-autocomplete__results .kit-rows > * {
    border: initial;
    position: relative;
  }
  .kit-input-autocomplete__results--empty {
    display: none;
  }
  .kit-input-autocomplete__results-rows {
    overflow: hidden;
  }
  .kit-input-autocomplete__results-item {
    cursor: pointer;
  }
  .kit-input-autocomplete__results-item--focused {
    background-color: #fafbfc !important;
  }
  .kit-input-autocomplete__results-item--focused .kit-row-item__text::after {
    visibility: hidden;
  }
  .kit-input-autocomplete .kit-input-autocomplete__loading {
    left: auto;
    margin: 0px 10px;
    right: 0;
    width: auto;
  }
  .kit-input-label {
    display: block;
  }
  .kit-input-label__label-text {
    color: #747578;
    display: inline-block;
    font-size: 1rem;
    margin-bottom: 4px;
  }
  .kit-input-label .kit-icon {
    height: 1rem;
    width: 1rem;
  }
  .kit-input-label--inline {
    display: inline-block;
  }
  .kit-input-label--inline .kit-input-label__label-text {
    margin-bottom: 0;
  }
  .kit-input-string-limit-counter {
    position: relative;
  }
  .kit-input-string-limit-counter__counter {
    align-items: center;
    display: flex;
    height: 100%;
    position: absolute;
    right: 0.75rem;
    top: 0;
    z-index: 1;
  }
  .kit-input-string-limit-counter input {
    display: inline;
    padding-right: 2.625rem !important;
  }
  .kit-input-validation {
    position: relative;
  }
  .kit-input-validation--invalid.kit-input-validation--danger .kit-checkbox__target,
  .kit-input-validation--invalid.kit-input-validation--danger input:not(:focus),
  .kit-input-validation--invalid.kit-input-validation--danger textarea:not(:focus),
  .kit-input-validation--invalid.kit-input-validation--danger waves-date-picker::part(input):not(:focus) {
    border-color: #f90143;
    box-shadow: inset 0 1px 2px 0 rgba(249, 1, 67, 0.15);
  }
  .kit-input-validation--invalid.kit-input-validation--danger .kit-button,
  .kit-input-validation--invalid.kit-input-validation--danger select:not(:focus) {
    border: 1px solid #f90143;
  }
  .kit-input-validation--invalid.kit-input-validation--warning .kit-checkbox__target,
  .kit-input-validation--invalid.kit-input-validation--warning input:not(:focus),
  .kit-input-validation--invalid.kit-input-validation--warning textarea:not(:focus),
  .kit-input-validation--invalid.kit-input-validation--warning waves-date-picker::part(input):not(:focus) {
    border-color: #f7bf34;
    box-shadow: inset 0 1px 2px 0 rgba(247, 191, 52, 0.15);
  }
  .kit-input-validation__message {
    bottom: -5px;
    display: none;
    left: 0;
    line-height: 1.25;
    max-width: 450px;
    position: absolute;
    transform: translateY(100%);
    z-index: 600;
  }
  .kit-input-validation--invalid .kit-input-validation__message {
    display: block;
  }
  .kit-input-validation--danger .kit-input-validation__message {
    background-color: #f90143;
    color: #fff;
  }
  .kit-input-validation--warning .kit-input-validation__message {
    background-color: #f7bf34;
    color: #fff;
  }
  .kit-loading-spinner {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
  }
  .kit-loading-spinner__loader {
    position: relative;
    margin: 0 auto;
  }
  .kit-loading-spinner__loader:before {
    content: '';
    display: block;
    padding-top: 100%;
  }
  .kit-loading-spinner__circular {
    height: 100%;
    transform-origin: center center;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  .kit-loading-spinner__circular.kit-loading-spinner__speed-fast {
    animation: motion__rotate 2s linear infinite;
  }
  .kit-loading-spinner__circular.kit-loading-spinner__speed-slow {
    animation: motion__rotate 6s linear infinite;
  }
  .kit-loading-spinner__path {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    stroke-linecap: round;
  }
  .kit-loading-spinner__path.kit-loading-spinner__speed-fast {
    animation: dash 1.5s cubic-bezier(0.42, 0, 0.58, 1) infinite;
  }
  .kit-loading-spinner__path.kit-loading-spinner__speed-slow {
    animation: dash 4.5s cubic-bezier(0.42, 0, 0.58, 1) infinite;
  }
  @keyframes dash {
    0% {
      stroke-dasharray: 1, 200;
      stroke-dashoffset: 0;
    }
    50% {
      stroke-dasharray: 89, 200;
      stroke-dashoffset: -35px;
    }
    100% {
      stroke-dasharray: 89, 200;
      stroke-dashoffset: -124px;
    }
  }
  .kit-map {
    border-radius: 4px;
    min-height: 196px;
    height: 100%;
    position: relative;
    overflow: hidden;
    width: 100%;
    /** The custom marker cluster class */
  }
  .kit-map__outlet {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
  .kit-map__marker-cluster-icon {
    align-items: center;
    background-color: #222222;
    border-radius: 100%;
    color: #ffffff;
    display: flex;
    font-size: 1rem;
    font-weight: 600;
    /** Disable GMaps default focus, except when using keyboard */
  }
  .kit-map__marker-cluster-icon:active {
    transform: scale(0.96);
  }
  .kit-map__marker-cluster-icon:focus:not(.focus-visible),
  .kit-map__marker-cluster-icon *:focus:not(.focus-visible) {
    outline: none;
  }
  .kit-markdown-converter {
    font-size: 1.14285714rem;
  }
  .kit-markdown-converter h1 {
    font-size: 1.42857143rem;
    font-weight: 600 !important;
    margin-top: 36px !important;
    margin-bottom: 8px !important;
  }
  .kit-markdown-converter h2 {
    font-size: 1.42857143rem;
    font-weight: 600 !important;
  }
  .kit-markdown-converter h3 {
    font-size: 1.28571429rem;
    font-weight: 600 !important;
  }
  .kit-markdown-converter h4 {
    font-size: 1.28571429rem;
    font-weight: 400 !important;
  }
  .kit-markdown-converter h5 {
    font-size: 1.14285714rem;
    font-weight: 400 !important;
  }
  .kit-markdown-converter h6 {
    font-size: 1.14285714rem;
    font-weight: 400 !important;
    text-transform: uppercase;
  }
  .kit-markdown-converter p {
    font-size: 1.14285714rem;
    line-height: 1.5;
    margin-bottom: 12px !important;
  }
  .kit-markdown-converter ul,
  .kit-markdown-converter ol {
    padding: 12px !important;
    margin-bottom: 8px !important;
    margin-top: 8px !important;
    margin-left: 18px !important;
    margin-right: 18px !important;
  }
  .kit-markdown-converter ul {
    list-style-type: disc;
  }
  .kit-markdown-converter ol {
    list-style-type: decimal;
  }
  .kit-markdown-converter li {
    line-height: 1.5rem;
    padding: 12px !important;
  }
  .kit-markdown-converter b,
  .kit-markdown-converter strong {
    font-weight: 600 !important;
  }
  .kit-markdown-converter a.button {
    appearance: none;
    border-radius: 3px;
    border: none;
    cursor: pointer;
    font-family: 'Proxima-Nova', 'helvetica neue', 'helvetica', 'arial', sans-serif;
    font-size: 14px;
    font-smoothing: antialiased;
    font-weight: 600;
    outline: none;
    padding: 0;
    position: relative;
    text-align: center;
    text-shadow: none;
    transform: scale(1);
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06), 0 1px 1px 0 rgba(0, 0, 0, 0.04);
    background-color: #ffffff;
    color: #222222;
    border-radius: 32px;
    padding-bottom: 8px !important;
    padding-top: 8px !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
  .kit-markdown-converter a.button:hover {
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.06), 0 1px 2px 0 rgba(0, 0, 0, 0.04);
    transform: scale(1.02);
  }
  .kit-markdown-converter a.button:active {
    box-shadow: none;
    transform: scale(0.98);
  }
  .kit-markdown-converter a.button:active .kit-button__content {
    opacity: 0.8;
  }
  .kit-markdown-converter a.button:focus-visible::before {
    border-radius: 24px !important;
    border: 1px solid #4f63ff;
    bottom: -2px;
    box-shadow: 0 0 3px rgba(79, 99, 255, 0.5);
    content: '';
    left: -2px;
    position: absolute;
    right: -2px;
    top: -2px;
  }
  .kit-markdown-converter a.button.focus-visible::before {
    border-radius: 24px !important;
    border: 1px solid #4f63ff;
    bottom: -2px;
    box-shadow: 0 0 3px rgba(79, 99, 255, 0.5);
    content: '';
    left: -2px;
    position: absolute;
    right: -2px;
    top: -2px;
  }
  .kit-markdown-converter a.button::before {
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.06);
    bottom: -1px;
    content: '';
    left: -1px;
    position: absolute;
    right: -1px;
    top: -1px;
  }
  .kit-markdown-converter a.button:hover {
    background-color: #fafbfc;
  }
  .kit-markdown-converter a.button:hover::before {
    border-color: rgba(0, 0, 0, 0.08);
  }
  .kit-markdown-converter a.button:active {
    background-color: #f5f6f7;
  }
  .kit-markdown-converter a.button:active::before {
    border-color: rgba(0, 0, 0, 0.1);
  }
  .kit-markdown-converter a.button:hover,
  .kit-markdown-converter a.button:active,
  .kit-markdown-converter a.button:focus {
    color: #222222;
  }
  .kit-markdown-converter a.button .kit-loading-spinner__path {
    stroke: #222222 !important;
  }
  .kit-markdown-converter a.button.kit-button--size-xs {
    border-radius: 12px;
  }
  .kit-markdown-converter a.button.kit-button--size-xs .kit-button__content {
    font-size: 0.857em;
    padding: 0 2em;
  }
  .kit-markdown-converter a.button.kit-button--size-xs::before {
    /* border */
    border-radius: 17px;
  }
  .kit-markdown-converter a.button.kit-button--size-s {
    border-radius: 17px;
  }
  .kit-markdown-converter a.button.kit-button--size-s .kit-button__content {
    font-size: 1em;
    padding: 0 2em;
  }
  .kit-markdown-converter a.button.kit-button--size-s::before {
    /* border */
    border-radius: 17px;
  }
  .kit-markdown-converter a.button.kit-button--size-m {
    border-radius: 22px;
  }
  .kit-markdown-converter a.button.kit-button--size-m .kit-button__content {
    padding: 0 2.286em;
  }
  .kit-markdown-converter a.button.kit-button--size-m::before {
    /* border */
    border-radius: 22px;
  }
  .kit-markdown-converter a.button.kit-button--size-l {
    border-radius: 27px;
  }
  .kit-markdown-converter a.button.kit-button--size-l .kit-button__content {
    padding: 0 2.857em;
  }
  .kit-markdown-converter a.button.kit-button--size-l::before {
    /* border */
    border-radius: 27px;
  }
  .kit-markdown-converter a.button.kit-button--size-xl {
    border-radius: 32px;
  }
  .kit-markdown-converter a.button.kit-button--size-xl .kit-button__content {
    padding: 0 3.286em;
  }
  .kit-markdown-converter a.button.kit-button--size-xl::before {
    /* border */
    border-radius: 32px;
  }
  .kit-markdown-converter a.button.kit-button--size-xxl {
    border-radius: 37px;
  }
  .kit-markdown-converter a.button.kit-button--size-xxl .kit-button__content {
    padding: 0 3.715em;
  }
  .kit-markdown-converter a.button.kit-button--size-xxl::before {
    /* border */
    border-radius: 32px;
  }
  .kit-markdown-converter a.button .kit-button__content {
    font-size: 1em;
  }
  .kit-markdown-converter a.button .kit-button__content {
    padding: 0 3.286em;
  }
  .kit-markdown-converter a.button::before {
    /* border */
    border-radius: 32px;
  }
  .kit-markdown-converter a.button.button--primary {
    background-color: #4f63ff;
    box-shadow: 0 2px 8px 0 rgba(79, 99, 255, 0.35), 0 1px 2px 0 rgba(79, 99, 255, 0.12);
    color: #fff;
  }
  .kit-markdown-converter a.button.button--primary:hover {
    background-color: hsl(233.18181818, 90%, 59.49019608%);
  }
  .kit-markdown-converter a.button.button--primary:active {
    background-color: hsl(233.18181818, 76%, 53.49019608%);
  }
  .kit-markdown-converter a.button.button--primary:hover {
    box-shadow: 0 4px 12px 0 rgba(79, 99, 255, 0.4), 0 3px 4px 0 rgba(79, 99, 255, 0.12);
  }
  .kit-markdown-converter a.button.button--primary:active {
    box-shadow: 0 4px 12px 0 rgba(79, 99, 255, 0), 0 1px 4px 0 rgba(79, 99, 255, 0);
  }
  .kit-markdown-converter a.button.button--primary:hover,
  .kit-markdown-converter a.button.button--primary:active,
  .kit-markdown-converter a.button.button--primary:focus {
    color: #fff;
  }
  .kit-markdown-converter a.button.button--primary .kit-loading-spinner__path {
    stroke: #fff !important;
  }
  .kit-markdown-converter hr {
    margin-bottom: 18px !important;
    margin-top: 18px !important;
  }
  .kit-markdown-converter img {
    border-radius: 6px;
    height: auto;
    width: 100%;
  }
  .kit-markdown-converter .sap-embed-player {
    margin-bottom: 18px !important;
  }
  .kit-menu-item {
    align-items: center;
    color: #323233;
    cursor: pointer;
    display: flex;
    padding: 12px 14px;
    user-select: none;
  }
  .kit-menu-item:hover {
    background-color: #f5f6f7;
  }
  .kit-menu-item:active {
    background-color: #edeef0;
  }
  .kit-menu-item--disabled {
    cursor: default;
    opacity: 0.45;
    pointer-events: none;
  }
  .kit-menu-item__icon-wrap {
    margin-right: 15px;
  }
  .kit-menu-item__icon-wrap .kit-icon {
    display: block;
    height: 20px;
    width: 20px;
  }
  .kit-menu-item__icon {
    color: #323233;
    display: block;
  }
  .kit-menu-item__label {
    font-size: 1.14285714em;
    line-height: 1.4;
  }
  .kit-menu-item__subtext {
    color: #b8babf;
    font-size: 1em;
    line-height: 1.4;
  }
  .kit-modal {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 800;
    /**
  * Legacy-usage styles
  *
  * These styles apply to the usage of KitModal when used in the block params
  * mode, which is no longer a recommended approach. Changing these styles
  * could break less commonly used instances of the modal, so proceed with
  * caution!
  */
    /** If header is present, remove padding on content top */
  }
  .kit-modal--showing {
    pointer-events: all;
  }
  .kit-modal__frame {
    border-radius: 16px;
    display: flex;
    /**
     * This fixes modal height in iOS so the content does not stretch behind the
     * device bottom navigation bar.
     */
    max-height: 90%;
    max-width: 90%;
    overflow: hidden;
    position: relative;
    width: 620px;
    z-index: 801;
    box-shadow: 0 15px 35px 0 rgba(0, 0, 0, 0.1), 0 2px 6px 0 rgba(0, 0, 0, 0.04);
    opacity: 0;
    transform: translateY(8px);
    transition: transform 0.225s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.225s cubic-bezier(0.42, 0, 0.58, 1), visibility 0.225s cubic-bezier(0.42, 0, 0.58, 1);
    visibility: hidden;
  }
  .kit-modal__frame--overflow-visible {
    overflow: visible;
  }
  .kit-modal--showing .kit-modal__frame {
    opacity: 1;
    transform: translateY(0%);
    transition: transform 0.225s cubic-bezier(0.42, 0, 0.58, 1) 0.099s, opacity 0.225s cubic-bezier(0.42, 0, 0.58, 1) 0.099s, visibility 0.225s cubic-bezier(0.42, 0, 0.58, 1) 0.099s;
    visibility: visible;
  }
  .kit-modal--fullscreen .kit-modal__frame {
    height: calc(100vh - 96px);
    max-height: 100vh;
    max-width: 100vw;
    width: calc(100vw - 96px);
  }
  @media screen and (max-width: 768px) {
    .kit-modal--fullscreen .kit-modal__frame {
      height: calc(100vh - 18px);
      width: calc(100vw - 18px);
    }
  }
  .kit-modal__block-wrap {
    flex: 1;
  }
  .kit-modal__header {
    align-items: center;
    color: #222222;
    display: flex;
    font-size: 1.42857143rem;
    font-weight: 600;
    justify-content: space-between;
    padding: 24px;
    padding-bottom: 18px;
    position: relative;
  }
  .kit-modal__header + .kit-modal__scroll-wrap .kit-modal__content {
    padding-top: 0;
  }
  .kit-modal__content {
    padding: 0 24px 0 24px;
    min-height: 60px;
  }
  .kit-modal__footer {
    background-color: #ffffff;
    display: flex;
    justify-content: flex-end;
    padding: 24px;
    padding-top: 18px;
    width: 100%;
    z-index: 801;
  }
  .kit-modal__footer > * {
    margin-left: 12px;
  }
  .kit-modal__footer .kit-button {
    min-width: 100px;
  }
  .kit-nav-item {
    align-items: center;
    display: flex;
    font-size: 1em;
    letter-spacing: 1.5px;
    text-transform: uppercase;
  }
  .kit-nav-item.active {
    font-weight: bold;
  }
  .kit-overlay {
    background-color: rgba(0, 0, 0, 0.6);
    bottom: 0;
    left: -100%;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: 600;
    transition: visibility 0s linear 0.324s, opacity 0.225s cubic-bezier(0.42, 0, 0.58, 1) 0.099s;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  .kit-overlay--showing {
    opacity: 1;
    pointer-events: all;
    visibility: visible;
    transition: opacity 0.324s cubic-bezier(0.42, 0, 0.58, 1);
  }
  /** this gets set on the <body> element */
  .kit-overlay--no-scroll {
    overflow: hidden;
  }
  .kit-pagination__pages {
    align-items: center;
    display: flex;
    height: 40px;
    justify-content: center;
    width: 100%;
  }
  .kit-pagination__page {
    align-items: center;
    border-radius: 20px;
    color: #323233;
    cursor: pointer;
    display: flex;
    font-size: 1.14285714em;
    font-weight: 600;
    height: 40px;
    justify-content: center;
    line-height: 40px;
    margin: 0 3px;
    text-align: center;
    user-select: none;
    width: 40px;
  }
  .kit-pagination__page:not(.kit-pagination__page--active):hover {
    background-color: #f5f6f7;
  }
  .kit-pagination__page:not(.kit-pagination__page--active):active {
    background-color: #edeef0;
  }
  @media screen and (max-width: 768px) {
    .kit-pagination__page {
      border-radius: 23px;
      height: 46px;
      line-height: 46px;
      width: 46px;
    }
  }
  .kit-pagination__page--disabled {
    color: #e1e2e6;
    cursor: default;
  }
  .kit-pagination__page--disabled:hover {
    background-color: transparent !important;
  }
  .kit-pagination__page--disabled:active {
    background-color: transparent !important;
  }
  .kit-pagination__arrow {
    display: inline-flex;
  }
  .kit-pagination__page--ellipsis {
    color: #b8babf;
    padding-top: 3px;
    width: 20px;
  }
  .kit-pagination__page--active {
    background-color: #525254;
  }
  .kit-pagination__page--active.kit-pagination__page--default {
    background-color: #222222;
    color: #fff;
  }
  .kit-pagination__page--active.kit-pagination__page--primary {
    background-color: #4f63ff;
    color: #fff;
  }
  .kit-pagination__page--active.kit-pagination__page--none {
    background-color: transparent;
  }
  .kit-panel {
    background-color: #ffffff;
    height: 100%;
    max-width: 400px;
    overflow: auto;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    transform: translate(100%);
    width: 80%;
    z-index: 700;
    transition: transform 0.225s cubic-bezier(0.42, 0, 0.58, 1);
  }
  .kit-panel--right {
    right: 0;
    transform: translate(100%);
  }
  .kit-panel--left {
    left: 0;
    transform: translate(-100%);
  }
  .kit-panel--open {
    pointer-events: all;
    transform: translate(0);
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.08), 0 1px 3px 0 rgba(0, 0, 0, 0.04);
  }
  .kit-permission-denied {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
  }
  .kit-permission-denied__text {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .kit-permission-denied__subtext {
    max-width: 45ch;
    text-align: center;
  }
  .kit-permission-denied img {
    max-width: 100%;
  }
  .kit-popover {
    display: inline-flex;
  }
  .kit-popover__trigger {
    display: inline-flex;
  }
  .kit-popover__content {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform: scale(0.96);
    transform-origin: top right;
    visibility: hidden;
    z-index: 900;
    transition: opacity 0.225s cubic-bezier(0.42, 0, 0.58, 1), transform 0.225s cubic-bezier(0.42, 0, 0.58, 1), visibility 0s linear 0.225s;
  }
  .kit-popover__content--mobile {
    display: flex;
    justify-content: center;
    max-width: 100%;
    transform: translateY(100%);
  }
  .kit-popover__content--mobile.kit-popover__content--visible {
    transform: translateY(0);
  }
  .kit-popover__content--mobile .kit-frame,
  .kit-popover__content--mobile .kit-share-card {
    border-radius: 0px;
    max-width: 480px;
    position: relative;
    width: 100%;
  }
  .kit-popover__content--mobile .kit-share-card__frame {
    padding-bottom: 36px !important;
  }
  .kit-popover__content--visible {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
    transform: scale(1);
    transition: opacity 0.225s cubic-bezier(0.42, 0, 0.58, 1), transform 0.225s cubic-bezier(0.42, 0, 0.58, 1), visibility 0s linear;
  }
  .kit-popover__content .kit-frame,
  .kit-popover__content .sui-frame {
    box-shadow: 0 15px 35px 0 rgba(0, 0, 0, 0.1), 0 2px 6px 0 rgba(0, 0, 0, 0.04);
  }
  .kit-popover__overlay.kit-overlay--showing {
    cursor: pointer;
    opacity: 0;
    z-index: 600;
  }
  .kit-popover__overlay.kit-overlay--showing.kit-popover__overlay--mobile {
    background-color: #000000;
    opacity: 0.4;
  }
  .kit-progress-bar {
    width: 100%;
  }
  .kit-progress-bar__track,
  .kit-progress-bar__circle-track {
    fill: #edeef0;
  }
  .kit-progress-bar__progress,
  .kit-progress-bar__circle-progress {
    fill: #4f63ff;
  }
  .kit-progress-bar__track {
    background-color: #edeef0;
    border-radius: 1000px;
    height: 3px;
  }
  .kit-progress-bar__progress {
    background: #4f63ff;
    border-radius: 1000px;
    height: 100%;
  }
  .kit-progress-bar__percent-display {
    color: #747578;
    padding-top: 12px;
    text-align: right;
  }
  .kit-radio-box {
    align-items: center;
    display: flex;
    height: 100%;
    padding: 18px;
    width: 100%;
    border-radius: 8px;
    cursor: pointer;
    position: relative;
    user-select: none;
    color: #222222;
    font-weight: 600;
    /**
   * Border in pseudo-element so we can transition between 1px and 2px width.
   */
    /**
   * If disabled _and_ active, it should look like the default state, but be
   * non-functional like the disabled state, with a 2px border-width.
   */
  }
  .kit-radio-box:hover {
    background-color: #fafbfc;
  }
  .kit-radio-box:active {
    background-color: #f5f6f7;
  }
  .kit-radio-box .kit-icon {
    color: #b8babf;
    transition: color 0.075s cubic-bezier(0.42, 0, 0.58, 1);
  }
  .kit-radio-box::after {
    border-radius: 8px;
    border: 1px solid #edeef0;
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: border-color 0.075s cubic-bezier(0.42, 0, 0.58, 1);
    width: 100%;
    pointer-events: none;
  }
  .kit-radio-box:hover::after,
  .kit-radio-box:active::after {
    border-color: #e1e2e6;
  }
  .kit-radio-box.active,
  .kit-radio-box--active {
    border-color: #4f63ff;
  }
  .kit-radio-box.active .kit-icon,
  .kit-radio-box--active .kit-icon {
    color: #4f63ff;
  }
  .kit-radio-box.active:hover,
  .kit-radio-box--active:hover {
    background-color: initial;
  }
  .kit-radio-box.active::after,
  .kit-radio-box--active::after,
  .kit-radio-box.active:hover::after,
  .kit-radio-box--active:hover::after {
    border-color: #4f63ff;
    border-width: 2px;
  }
  .kit-radio-box.disabled,
  .kit-radio-box--disabled {
    cursor: initial;
    pointer-events: none;
    color: #747578;
  }
  .kit-radio-box.disabled .kit-icon,
  .kit-radio-box--disabled .kit-icon {
    color: #e1e2e6;
  }
  .kit-radio-box.disabled::after,
  .kit-radio-box--disabled::after {
    border-color: #edeef0;
  }
  .kit-radio-box.disabled.active,
  .kit-radio-box--disabled.active,
  .kit-radio-box.disabled.kit-radio-box--active,
  .kit-radio-box--disabled.kit-radio-box--active {
    pointer-events: none;
    color: #222222;
  }
  .kit-radio-box.disabled.active::after,
  .kit-radio-box--disabled.active::after,
  .kit-radio-box.disabled.kit-radio-box--active::after,
  .kit-radio-box--disabled.kit-radio-box--active::after {
    border-color: #edeef0;
    border-width: 2px;
  }
  .kit-radio-box.disabled.active .kit-icon,
  .kit-radio-box--disabled.active .kit-icon,
  .kit-radio-box.disabled.kit-radio-box--active .kit-icon,
  .kit-radio-box--disabled.kit-radio-box--active .kit-icon {
    color: #b8babf;
  }
  .kit-radio-box__input {
    left: 0;
    position: absolute;
    opacity: 0;
    top: 0;
  }
  .kit-radio-box__icon {
    flex-grow: 0;
    flex-shrink: 0;
    height: 20px;
    margin-right: 12px;
    width: 20px;
  }
  .kit-radio-box__label {
    font-weight: 600;
  }
  :not(.kit-radio-box--disabled)__label {
    color: #222222;
  }
  :not(.kit-radio-box--disabled)__subtext {
    color: #747578;
    font-weight: 400;
  }
  .kit-radio-group {
    display: flex;
    flex-direction: column;
  }
  .kit-radio-group > *:not(.kit-radio-group__label) {
    margin-bottom: 12px;
  }
  .kit-radio-group > *:not(.kit-radio-group__label):last-child {
    margin-bottom: 0;
  }
  .kit-radio-group--inline {
    flex-direction: row;
  }
  .kit-radio-group--inline > *:not(.kit-radio-group__label) {
    margin-bottom: 0;
    margin-right: 12px;
  }
  .kit-radio-group--inline > *:not(.kit-radio-group__label):last-child {
    margin-right: 0;
  }
  .kit-radio-with-label {
    align-items: flex-start;
    cursor: pointer;
    display: flex;
    user-select: none;
  }
  .kit-radio-with-label .kit-radio {
    float: left;
  }
  .kit-radio-with-label__label {
    font-size: 1.14285714rem;
    line-height: 22px;
    padding-left: 10px;
  }
  .kit-radio-with-label__subtext {
    color: #747578;
    line-height: 1.36;
  }
  .kit-radio-with-label--has-subtext .kit-radio-with-label__checkbox {
    align-self: flex-start;
  }
  .kit-radio-with-label--has-subtext .kit-radio-with-label__text {
    padding-top: 4px;
  }
  .kit-radio-with-label__graphic {
    display: inline-block;
    height: 72px;
    margin-top: 4px;
    user-select: none;
    width: auto;
  }
  .kit-radio-with-label__graphic img {
    height: 100%;
    position: relative;
    width: auto;
  }
  .kit-radio--disabled + .kit-radio-with-label__label {
    color: #323233;
    opacity: 0.5;
    pointer-events: none;
  }
  .kit-radio {
    display: block;
    /** Modifiers */
    /** Elements */
    /** If :focus-visible is available */
    /** Else, utilize official .focus-visible polyfill */
  }
  .kit-radio__wrapper {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    position: relative;
    user-select: none;
    gap: 8px;
  }
  .kit-radio--disabled {
    color: #525254;
    opacity: 0.5;
    pointer-events: none;
  }
  .kit-radio--disabled .kit-radio__target {
    box-shadow: none;
  }
  .kit-radio--has-multi-text-lines .kit-radio__target {
    align-self: flex-start;
  }
  .kit-radio:hover .kit-radio__target {
    background-color: #fdfefe;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.06), 0 1px 2px 0 rgba(0, 0, 0, 0.04);
  }
  .kit-radio:active .kit-radio__target {
    background-color: #fafbfc;
    box-shadow: none;
  }
  .kit-radio:active .kit-radio__target::after {
    border-color: rgba(0, 0, 0, 0.1);
  }
  .kit-radio__target {
    align-items: center;
    background-color: #ffffff;
    border-radius: 22px;
    border: none;
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    font-size: 0;
    height: 22px;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 22px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06), 0 1px 1px 0 rgba(0, 0, 0, 0.04);
  }
  .kit-radio__target::before {
    border-radius: 22px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
  }
  .kit-radio__target::after {
    background: #4f63ff;
    border-radius: 8px;
    content: '';
    height: 8px;
    opacity: 0;
    width: 8px;
  }
  .kit-radio__input {
    left: 0;
    position: absolute;
    opacity: 0;
    top: 0;
  }
  .kit-radio__input:focus-visible + .kit-radio__target::before {
    border-color: #4f63ff;
  }
  .kit-radio__input.focus-visible + .kit-radio__target::before {
    border-color: #4f63ff;
  }
  .kit-radio__input:checked + .kit-radio__target::after {
    opacity: 1;
  }
  .kit-radio__label {
    cursor: pointer;
    display: inline-flex;
    flex-direction: column;
    font-size: 1.14285714rem;
    line-height: 1.5;
  }
  .kit-radio__subtext {
    color: #747578;
    line-height: 1.25;
  }
  .kit-row-item {
    /** Variables */
    /**
 * Used as horizontal margin between direct child elements inside row-items.
 */
    /**
 * Used as the offset for frame padding. Used for making the hover states
 * extend past into the frame padding.
 */
    background-color: #ffffff;
    color: #222222;
    display: flex;
    padding: 0;
    position: relative;
    /* Sizes */
    /** Clickable/hoverable modifiers */
    /** Content layout */
    /** Left-hand side child element overrides */
    /** Right-hand side icon definitions */
    /** Text content definitions */
    /** Remove the margin if there's no content in subtitle element */
  }
  .kit-row-item::before {
    border-radius: 0;
    content: '';
    display: block;
    height: 100%;
    left: -18px;
    position: absolute;
    right: -18px;
    top: 0;
  }
  .kit-row-item--bordered {
    border-radius: 6px;
    border: 1px solid #edeef0;
  }
  .kit-row-item--bordered::before {
    border-radius: 6px;
    left: 0;
    right: 0;
  }
  .kit-row-item--size-s {
    height: 48px;
  }
  .kit-row-item--size-m {
    height: 64px;
  }
  .kit-row-item--size-l {
    height: 80px;
  }
  .kit-row-item--size-xl {
    height: 94px;
  }
  .kit-row-item--clickable:hover::before,
  .kit-row-item--hoverable:hover::before,
  [data-ember-action]:hover .kit-row-item::before,
  a:hover .kit-row-item::before {
    background-color: #fafbfc;
  }
  .kit-row-item--clickable:hover .kit-row-item__text::after,
  .kit-row-item--hoverable:hover .kit-row-item__text::after,
  [data-ember-action]:hover .kit-row-item .kit-row-item__text::after,
  a:hover .kit-row-item .kit-row-item__text::after {
    background: linear-gradient(to left, #fafbfc 10%, rgba(250, 251, 252, 0));
  }
  .kit-row-item--clickable:hover,
  [data-ember-action]:hover .kit-row-item,
  a:hover .kit-row-item {
    cursor: pointer;
    user-select: none;
  }
  .kit-row-item--disabled {
    pointer-events: none;
    opacity: 0.6;
  }
  .kit-row-item--clickable:active,
  [data-ember-action]:active .kit-row-item,
  a:active .kit-row-item {
    cursor: pointer;
    user-select: none;
  }
  .kit-row-item--clickable:active::before,
  [data-ember-action]:active .kit-row-item::before,
  a:active .kit-row-item::before {
    background-color: #f5f6f7;
  }
  .kit-row-item--clickable:active .kit-row-item__text::after,
  [data-ember-action]:active .kit-row-item .kit-row-item__text::after,
  a:active .kit-row-item .kit-row-item__text::after {
    background: linear-gradient(to left, #f5f6f7 10%, rgba(245, 246, 247, 0));
  }
  .kit-row-item__left-content,
  .kit-row-item__main-content,
  .kit-row-item__right-content {
    align-items: center;
    display: flex;
    position: relative;
  }
  .kit-row-item__left-content > *,
  .kit-row-item__right-content > * {
    margin-left: 6px;
    margin-right: 6px;
  }
  .kit-row-item__main-content {
    flex: 1;
    min-width: 0;
  }
  .kit-row-item__left-content > .kit-icon {
    color: #222222;
    height: 20px;
    /* keep this 20px so the actual icon doesn't resize */
    width: 36px !important;
  }
  .kit-row-item__left-content > .kit-icon[data-kit-icon='grip'] {
    color: #b8babf;
    cursor: move;
    height: 1rem !important;
    width: 36px !important;
  }
  .kit-row-item__left-content > .kit-image,
  .kit-row-item__left-content .kit-user-avatar {
    height: 36px;
    width: 36px;
  }
  .kit-row-item__right-content > .kit-icon {
    color: #b8babf;
  }
  .kit-row-item__right-content > .kit-icon:hover {
    color: #999b9e;
  }
  .kit-row-item__right-content > .kit-icon[data-kit-icon='arrow-right'] {
    color: #222222;
    height: 1rem !important;
  }
  .kit-row-item__left-content > *:first-child {
    margin-left: 0;
  }
  .kit-row-item__left-content > *:last-child {
    margin-right: 12px;
  }
  .kit-row-item__right-content > *:last-child {
    margin-right: 0;
  }
  .kit-row-item__right-content > *:first-child {
    margin-left: 12px;
  }
  .kit-row-item__text {
    width: 100%;
    /* allows for text truncation in a flex element */
  }
  .kit-row-item__text::after {
    background: linear-gradient(to left, #ffffff 10%, rgba(255, 255, 255, 0));
    content: '';
    height: 100%;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 24px;
  }
  .kit-row-item__title,
  .kit-row-item__subtitle {
    overflow: hidden;
    white-space: nowrap;
  }
  .kit-row-item__title {
    font-size: 1.14285714rem;
    font-weight: 400;
    line-height: 1.57142857rem;
  }
  .kit-row-item__subtitle {
    color: #747578;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.42857143rem;
  }
  .kit-row-item__subtitle .kit-icon {
    fill: currentColor;
    height: 1em !important;
    /** should remain 'em' to match font height */
    margin-right: 4px;
    position: relative;
    top: 3px;
    width: 1em !important;
    /** should remain 'em' to match font height */
  }
  .kit-row-item__subtitle:empty {
    margin-top: 0;
  }
  /** Used as the offset for frame padding. Used for first/last child. */
  /**
 * Set the top/bottom rows by default.
 */
  .kit-rows {
    border-width: 1px 0;
    border-color: #edeef0;
    border-style: solid;
  }
  /**
 * Set the bottom-borders on the direct decendant's elements.
 * Uses wildcard because a kit-row-item might be wrapped in another element
 * such as `<a>` or a sortable-item component.
 */
  .kit-rows > * {
    border-bottom: 1px solid #edeef0;
  }
  .kit-rows > *:last-child {
    border-bottom: none;
  }
  /**
 * Make sure a,span elements are set to block to avoid layout issues. Also
 * accounts for sortable items.
 */
  .kit-rows > * > a,
  .kit-rows > * > span,
  .kit-rows > a,
  .kit-rows > span {
    display: block;
  }
  /**
 * Sets frame-related styles for row padding/margin. Removes top or bottom
 * margin set by frame if it's the first or last child in the list.
 *
 * Hide top/bottom borders depending on placement of element relative to
 * siblings.
 */
  .kit-frame > *:first-child > .kit-rows,
  .kit-frame > .kit-rows:first-child {
    border-top: none;
    margin-top: -18px;
    /** Set border-radius on last kit-row-item */
  }
  .kit-frame > *:first-child > .kit-rows > *:first-child .kit-row-item::before,
  .kit-frame > .kit-rows:first-child > *:first-child .kit-row-item::before,
  .kit-frame > *:first-child > .kit-rows > .kit-row-item:first-child::before,
  .kit-frame > .kit-rows:first-child > .kit-row-item:first-child::before {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
  }
  .kit-frame > *:last-child > .kit-rows,
  .kit-frame > .kit-rows:last-child {
    border-bottom: none;
    margin-bottom: -18px;
    /** Set border-radius on last kit-row-item */
  }
  .kit-frame > *:last-child > .kit-rows > *:last-child .kit-row-item::before,
  .kit-frame > .kit-rows:last-child > *:last-child .kit-row-item::before,
  .kit-frame > *:last-child > .kit-rows > .kit-row-item:last-child::before,
  .kit-frame > .kit-rows:last-child > .kit-row-item:last-child::before {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  /**
 * Sortable styles
 *
 * These styles are used when this component is being wrapped by the
 * `sortable-item` component.
 */
  .kit-rows {
    background-color: #edeef0;
  }
  .kit-rows .sortable-item {
    position: relative;
    transition: all 0.125s;
  }
  .kit-rows .sortable-item .kit-row-item::before {
    transition: all 0.125s;
  }
  .kit-rows .sortable-item.is-dragging {
    border: none;
    cursor: move;
    pointer-events: none;
    transition-duration: 0s;
    z-index: 2;
  }
  .kit-rows .sortable-item.is-dragging .kit-row-item::before {
    border-radius: 0 !important;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.06), 0 1px 2px 0 rgba(0, 0, 0, 0.04);
  }
  .kit-scrolling-content {
    height: 100%;
    display: grid;
    grid-template-rows: auto 1fr auto;
  }
  .kit-scrolling-content__header {
    background-color: #ffffff;
    position: relative;
  }
  .kit-scrolling-content__header::after {
    opacity: 0;
    border-bottom: 1px solid #edeef0;
    content: '';
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity 0.25s ease-in-out;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.06), 0 1px 2px 0 rgba(0, 0, 0, 0.04);
  }
  .kit-scrolling-content__body {
    align-self: stretch;
    overflow: auto;
  }
  .kit-scrolling-content__footer {
    background-color: #ffffff;
    position: relative;
  }
  .kit-scrolling-content__footer::after {
    opacity: 0;
    border-bottom: 1px solid #edeef0;
    content: '';
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity 0.25s ease-in-out;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.06), 0 1px 2px 0 rgba(0, 0, 0, 0.04);
    transform: rotate(180deg);
  }
  .kit-scrolling-content--shadow-top .kit-scrolling-content__header::after {
    opacity: 1;
  }
  .kit-scrolling-content--shadow-bottom .kit-scrolling-content__footer::after {
    opacity: 1;
  }
  .kit-search {
    background-color: #ffffff;
    border-radius: 3px;
    color: black;
    display: block;
    height: 100%;
    width: 100%;
  }
  .kit-search input.ember-text-field[type='text'] {
    box-shadow: none;
    cursor: text;
    font-size: 1.14285714rem;
    height: 46px;
    line-height: 1.57142857rem;
    padding-left: 45px;
  }
  .kit-search input.ember-text-field[type='text']:not(:focus) {
    border: 0;
  }
  .kit-search__icon {
    margin: 13px;
    position: absolute;
    color: #747578;
  }
  .kit-section-label {
    align-items: flex-start;
    color: #222222;
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
    user-select: none;
  }
  .kit-section-label__title,
  .kit-section-label__subtitle {
    align-items: center;
    display: flex;
    overflow: hidden;
    white-space: nowrap;
  }
  .kit-section-label__title {
    font-size: 1.14285714rem;
    font-weight: 700;
  }
  .kit-section-label__subtitle {
    color: #747578;
    font-size: 1rem;
    font-weight: normal;
    margin-top: 4px;
  }
  /**
 * The first section label in a frame should have no top margin, but
 * all others should.
 */
  .kit-frame > .kit-section-label:not(:first-of-type) {
    margin-top: 24px;
  }
  .kit-select-label__label-text {
    color: #747578;
    display: inline-block;
    font-size: 1em;
    margin-bottom: 4px;
  }
  .kit-select-label .kit-icon {
    height: 1em;
    width: 1em;
  }
  .kit-select-label .kit-select {
    display: block;
  }
  .kit-select-label .kit-select .kit-select__input {
    width: 100%;
  }
  .kit-select-label .kit-select .kit-select__option {
    width: 100%;
  }
  .kit-select {
    align-items: center;
    background-color: #ffffff;
    border-radius: 3px;
    border: none;
    cursor: pointer;
    display: inline-flex;
    height: 34px;
    justify-content: center;
    position: relative;
    user-select: none;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06), 0 1px 1px 0 rgba(0, 0, 0, 0.04);
  }
  .kit-select::before {
    border: solid 1px rgba(0, 0, 0, 0.08);
    border-radius: 3px;
    bottom: -1px;
    content: '';
    display: block;
    left: -1px;
    pointer-events: none;
    position: absolute;
    right: -1px;
    top: -1px;
  }
  .kit-select:hover {
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.06), 0 1px 2px 0 rgba(0, 0, 0, 0.04);
  }
  .kit-select:hover::before {
    border-color: rgba(0, 0, 0, 0.08);
  }
  .kit-select--shape-pill,
  .kit-select--shape-pill::before,
  .kit-select--shape-pill .kit-select__input {
    border-radius: 1000px;
  }
  .kit-select--shape-pill .kit-select__input {
    padding-left: 18px;
    padding-right: 40px;
  }
  .kit-select--shape-pill .kit-select__arrow {
    margin-right: 16px;
    margin-left: 8px;
  }
  .kit-select--disabled {
    background-color: hsl(0, 0%, 100%);
    color: rgba(50, 50, 51, 0.5);
    cursor: default;
    pointer-events: none;
  }
  .kit-select--disabled .kit-select__input {
    cursor: default;
    pointer-events: none;
  }
  .kit-select__input {
    appearance: none;
    background-color: #ffffff;
    border: 1px solid transparent;
    border-radius: 3px;
    cursor: pointer;
    font-family: 'Proxima-Nova', 'helvetica neue', 'helvetica', 'arial', sans-serif;
    font-size: 1rem;
    font-weight: 600;
    height: 34px;
    min-width: 80px;
    outline: none;
    padding: 8px 36px 8px 12px;
    width: 100%;
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased;
  }
  .kit-select__input:focus {
    border: 1px solid #4f63ff;
  }
  .kit-select__arrow {
    bottom: 0;
    color: #323233;
    height: 16px;
    margin: auto 12px auto 8px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 16px;
  }
  .kit-select--disabled .kit-select__arrow {
    color: rgba(50, 50, 51, 0.5);
  }
  .kit-snackbar-item {
    align-items: center;
    background-color: #222222;
    border-radius: 16px;
    display: flex;
    padding: 18px;
    pointer-events: none;
    user-select: none;
    width: 360px;
    box-shadow: 0 15px 35px 0 rgba(0, 0, 0, 0.1), 0 2px 6px 0 rgba(0, 0, 0, 0.04);
    opacity: 0;
    transform: translateY(8px);
    transition: transform 0.225s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.225s cubic-bezier(0.42, 0, 0.58, 1), visibility 0.225s cubic-bezier(0.42, 0, 0.58, 1);
    visibility: hidden;
    /** Using more specific selector to override certain button properties */
  }
  .kit-snackbar-item--showing {
    opacity: 1;
    transform: translateY(0%);
    transition: transform 0.225s cubic-bezier(0.42, 0, 0.58, 1) 0.099s, opacity 0.225s cubic-bezier(0.42, 0, 0.58, 1) 0.099s, visibility 0.225s cubic-bezier(0.42, 0, 0.58, 1) 0.099s;
    visibility: visible;
    pointer-events: all;
  }
  .kit-snackbar-item--short-transition {
    transition-duration: 0.05s;
  }
  .kit-snackbar-item--long-action-label {
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
  }
  .kit-snackbar-item--long-action-label .kit-snackbar-item__action {
    margin-left: auto;
    margin-top: 12px;
    text-align: right;
  }
  .kit-snackbar-item__action,
  .kit-snackbar-item__text {
    color: #ffffff;
    font-size: 1.14285714rem;
    line-height: 1.25;
  }
  .kit-snackbar-item__text {
    flex-grow: 1;
  }
  .kit-snackbar-item__action.kit-button {
    background: none;
    border-radius: 0;
    box-shadow: none;
    color: white;
    font-size: 1rem;
    font-weight: 600;
    height: auto;
    margin: 0 0 0 18px;
    min-width: auto;
    padding: 4px;
    text-transform: uppercase;
    width: auto;
  }
  .kit-snackbar-item__action.kit-button .kit-button__content {
    line-height: 1.25;
    padding: 0;
  }
  .kit-snackbar-item__action.kit-button::after {
    display: none;
  }
  .kit-snackbar-item__action.kit-button::before {
    content: '';
    background-color: transparent;
    border-radius: 4px;
    position: absolute;
    bottom: -6px;
    left: -9px;
    right: -9px;
    top: -6px;
    transition: background-color 0.225s cubic-bezier(0.42, 0, 0.58, 1);
  }
  .kit-snackbar-item__action.kit-button:active::before {
    background-color: rgba(255, 255, 255, 0.1);
    transition: background-color 0.05s cubic-bezier(0.42, 0, 0.58, 1);
  }
  .kit-snackbar {
    bottom: 24px;
    left: 24px;
    position: fixed;
    z-index: 900;
    /**
   * This gets them layered on top, without having to limit the actual
   * component itself.
   */
  }
  .kit-snackbar > .kit-snackbar-item {
    bottom: 0;
    left: 0;
    position: absolute;
  }
  @media (max-width: 450px) {
    .kit-snackbar > .kit-snackbar-item {
      width: auto;
      position: relative;
      margin: 0 18px 0 18px;
    }
  }
  @media (max-width: 450px) {
    .kit-snackbar {
      bottom: 18px;
      left: 0;
    }
  }
  .kit-stack-control {
    border-bottom: 1px solid #edeef0;
    display: flex;
    flex-direction: column;
    padding: 18px 24px;
    z-index: 2;
  }
  .kit-stack-control--scrolled {
    border: none;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.06), 0 1px 2px 0 rgba(0, 0, 0, 0.04);
  }
  .kit-stack-control__nav {
    display: flex;
  }
  .kit-stack-control__nav > .kit-button {
    display: block;
  }
  .kit-stack-control__nav--back,
  .kit-stack-control__nav--close {
    position: absolute;
    top: 18px;
    left: 24px;
  }
  .kit-stack-control__nav--apply,
  .kit-stack-control__nav--back,
  .kit-stack-control__nav--cancel,
  .kit-stack-control__nav--close {
    transition: opacity 0.225s cubic-bezier(0.42, 0, 0.58, 1);
  }
  .kit-stack-control__nav--apply.kit-stack-control__nav--hidden,
  .kit-stack-control__nav--back.kit-stack-control__nav--hidden,
  .kit-stack-control__nav--cancel.kit-stack-control__nav--hidden,
  .kit-stack-control__nav--close.kit-stack-control__nav--hidden {
    opacity: 0;
    pointer-events: none;
  }
  .kit-stack-control__nav--apply.kit-stack-control__nav--visible,
  .kit-stack-control__nav--back.kit-stack-control__nav--visible,
  .kit-stack-control__nav--cancel.kit-stack-control__nav--visible,
  .kit-stack-control__nav--close.kit-stack-control__nav--visible {
    opacity: 1;
    transition-delay: 0.125s;
  }
  .kit-stack-control__title {
    color: #323233;
    font-size: 1.429rem;
    font-weight: 800;
    line-height: 1.4;
    margin-top: 11px;
  }
  .kit-stack-control__description {
    color: #323233;
    font-size: 1rem;
    line-height: 1.4;
    margin-top: 8px;
  }
  .kit-stack-navigation {
    position: relative;
    height: 100%;
  }
  .kit-stack-navigation__component {
    bottom: 0;
    display: flex;
    flex-direction: column;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    visibility: hidden;
    pointer-events: none;
    width: 100%;
    transition: opacity 0s linear 0.25s;
  }
  .kit-stack-navigation__component--animating {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transition: opacity 0s linear 0s;
  }
  .kit-stack-navigation__content {
    background: #fff;
    bottom: 0;
    left: 0;
    overflow-y: scroll;
    position: absolute;
    right: 0;
    top: 102px;
  }
  /**
 * Animations
 * ---------------------------------------------------------------------------
 */
  /** Enter */
  .kit-stack-navigation--advance {
    /** Exiting Stack Component */
    /** Entering Stack Component */
    /** Animations for when the user is on the first and second slide in the stack */
    /** Prevent animation/hiding on the first stack component */
  }
  .kit-stack-navigation--advance .kit-stack-navigation__component--animating .kit-stack-control__nav--visible.kit-stack-control__nav--close {
    animation: kitStackNavigation__rotateAndFade1 0.125s cubic-bezier(0.42, 0, 0.58, 1) 0s 1 normal forwards;
  }
  .kit-stack-navigation--advance .kit-stack-navigation__component--animating .kit-stack-control__nav--visible.kit-stack-control__nav--apply,
  .kit-stack-navigation--advance .kit-stack-navigation__component--animating .kit-stack-control__nav--visible.kit-stack-control__nav--cancel,
  .kit-stack-navigation--advance .kit-stack-navigation__component--animating .kit-stack-control__nav--visible.kit-stack-control__nav--back {
    animation: kitStackNavigation__fade 0.125s cubic-bezier(0.42, 0, 0.58, 1) 0s 1 reverse forwards;
  }
  .kit-stack-navigation--advance .kit-stack-navigation__component--animating .kit-stack-control {
    border-bottom-color: transparent;
    pointer-events: none;
  }
  .kit-stack-navigation--advance .kit-stack-navigation__component--animating:last-child .kit-stack-control {
    border-bottom-color: #edeef0;
  }
  .kit-stack-navigation--advance .kit-stack-navigation__component--animating .kit-stack-control__title,
  .kit-stack-navigation--advance .kit-stack-navigation__component--animating .kit-stack-control__description {
    animation: kitStackNavigation__advanceExit 0.225s cubic-bezier(0.42, 0, 0.58, 1) 0s 1 normal forwards;
  }
  .kit-stack-navigation--advance .kit-stack-navigation__component--animating .kit-stack-navigation__content {
    opacity: 1;
    animation: kitStackNavigation__advanceExit 0.225s cubic-bezier(0.42, 0, 0.58, 1) 0.03s 1 normal forwards;
  }
  .kit-stack-navigation--advance .kit-stack-navigation__component--animating + .kit-stack-navigation__component--animating .kit-stack-control__nav--visible.kit-stack-control__nav--close {
    animation: kitStackNavigation__rotateAndFade1 0.125s cubic-bezier(0.42, 0, 0.58, 1) 0s 1 reverse forwards;
  }
  .kit-stack-navigation--advance .kit-stack-navigation__component--animating + .kit-stack-navigation__component--animating .kit-stack-control__nav--visible.kit-stack-control__nav--apply,
  .kit-stack-navigation--advance .kit-stack-navigation__component--animating + .kit-stack-navigation__component--animating .kit-stack-control__nav--visible.kit-stack-control__nav--cancel,
  .kit-stack-navigation--advance .kit-stack-navigation__component--animating + .kit-stack-navigation__component--animating .kit-stack-control__nav--visible.kit-stack-control__nav--back {
    animation: kitStackNavigation__fade 0.075s cubic-bezier(0.42, 0, 0.58, 1) 0s 1 normal forwards;
  }
  .kit-stack-navigation--advance .kit-stack-navigation__component--animating + .kit-stack-navigation__component--animating .kit-stack-control__title,
  .kit-stack-navigation--advance .kit-stack-navigation__component--animating + .kit-stack-navigation__component--animating .kit-stack-control__description {
    animation: kitStackNavigation__advanceEnter 0.225s cubic-bezier(0.42, 0, 0.58, 1) 0s 1 normal forwards;
  }
  .kit-stack-navigation--advance .kit-stack-navigation__component--animating + .kit-stack-navigation__component--animating .kit-stack-control {
    pointer-events: all;
  }
  .kit-stack-navigation--advance .kit-stack-navigation__component--animating + .kit-stack-navigation__component--animating .kit-stack-navigation__content {
    opacity: 0;
    animation: kitStackNavigation__advanceEnter 0.225s cubic-bezier(0.42, 0, 0.58, 1) 0.03s 1 normal forwards;
  }
  .kit-stack-navigation--advance .kit-stack-navigation__component--animating:nth-child(1) .kit-stack-control__nav--visible .kit-stack-control__back-icon {
    animation: kitStackNavigation__rotateAndFade2 0.125s cubic-bezier(0.42, 0, 0.58, 1) 0s 1 reverse forwards;
  }
  .kit-stack-navigation--advance .kit-stack-navigation__component--animating + .kit-stack-navigation__component--animating:nth-child(2) .kit-stack-control__nav--visible .kit-stack-control__back-icon {
    animation: kitStackNavigation__rotateAndFade2 0.125s cubic-bezier(0.42, 0, 0.58, 1) 0s 1 normal forwards;
  }
  .kit-stack-navigation--advance .kit-stack-navigation__component--animating:first-child:last-child .kit-stack-control {
    pointer-events: all;
  }
  .kit-stack-navigation--advance .kit-stack-navigation__component--animating:first-child:last-child .kit-stack-control__nav--close,
  .kit-stack-navigation--advance .kit-stack-navigation__component--animating:first-child:last-child .kit-stack-control__back-icon,
  .kit-stack-navigation--advance .kit-stack-navigation__component--animating:first-child:last-child .kit-stack-control__back-text,
  .kit-stack-navigation--advance .kit-stack-navigation__component--animating:first-child:last-child .kit-stack-control__title,
  .kit-stack-navigation--advance .kit-stack-navigation__component--animating:first-child:last-child .kit-stack-control__description,
  .kit-stack-navigation--advance .kit-stack-navigation__component--animating:first-child:last-child .kit-stack-navigation__content {
    animation: none !important;
  }
  .kit-stack-navigation--advance .kit-stack-navigation__component--animating:first-child:last-child .kit-stack-control__nav--visible.kit-stack-control__nav--apply,
  .kit-stack-navigation--advance .kit-stack-navigation__component--animating:first-child:last-child .kit-stack-control__nav--visible.kit-stack-control__nav--cancel {
    animation: kitStackNavigation__fade 0.125s cubic-bezier(0.42, 0, 0.58, 1) 0s 1 normal forwards;
  }
  /** Exit */
  .kit-stack-navigation--retreat {
    /** Entering Stack Component */
    /** Exiting Stack Component */
  }
  .kit-stack-navigation--retreat .kit-stack-navigation__component--animating .kit-stack-control__nav--visible.kit-stack-control__nav--close {
    animation: kitStackNavigation__rotateAndFade3 0.125s cubic-bezier(0.42, 0, 0.58, 1) 0s 1 normal forwards;
  }
  .kit-stack-navigation--retreat .kit-stack-navigation__component--animating .kit-stack-control__nav--visible.kit-stack-control__nav--apply,
  .kit-stack-navigation--retreat .kit-stack-navigation__component--animating .kit-stack-control__nav--visible.kit-stack-control__nav--cancel,
  .kit-stack-navigation--retreat .kit-stack-navigation__component--animating .kit-stack-control__nav--visible.kit-stack-control__nav--back {
    animation: kitStackNavigation__fade 0.075s cubic-bezier(0.42, 0, 0.58, 1) 0s 1 normal forwards;
  }
  .kit-stack-navigation--retreat .kit-stack-navigation__component--animating .kit-stack-control {
    border-bottom-color: #edeef0;
  }
  .kit-stack-navigation--retreat .kit-stack-navigation__component--animating .kit-stack-control__title,
  .kit-stack-navigation--retreat .kit-stack-navigation__component--animating .kit-stack-control__description {
    animation: kitStackNavigation__retreatEnter 0.225s cubic-bezier(0.42, 0, 0.58, 1) 0s 1 normal forwards;
  }
  .kit-stack-navigation--retreat .kit-stack-navigation__component--animating .kit-stack-navigation__content {
    opacity: 0;
    animation: kitStackNavigation__retreatEnter 0.225s cubic-bezier(0.42, 0, 0.58, 1) 0.03s 1 normal forwards;
  }
  .kit-stack-navigation--retreat .kit-stack-navigation__component--animating + .kit-stack-navigation__component--animating .kit-stack-control__nav--visible.kit-stack-control__nav--close {
    animation: kitStackNavigation__rotateAndFade1 0.125s cubic-bezier(0.42, 0, 0.58, 1) 0s 1 normal forwards;
  }
  .kit-stack-navigation--retreat .kit-stack-navigation__component--animating + .kit-stack-navigation__component--animating .kit-stack-control__nav--visible.kit-stack-control__nav--apply,
  .kit-stack-navigation--retreat .kit-stack-navigation__component--animating + .kit-stack-navigation__component--animating .kit-stack-control__nav--visible.kit-stack-control__nav--cancel,
  .kit-stack-navigation--retreat .kit-stack-navigation__component--animating + .kit-stack-navigation__component--animating .kit-stack-control__nav--visible.kit-stack-control__nav--back {
    animation: kitStackNavigation__fade 0.125s cubic-bezier(0.42, 0, 0.58, 1) 0s 1 reverse forwards;
  }
  .kit-stack-navigation--retreat .kit-stack-navigation__component--animating + .kit-stack-navigation__component--animating .kit-stack-control {
    border-bottom-color: transparent;
  }
  .kit-stack-navigation--retreat .kit-stack-navigation__component--animating + .kit-stack-navigation__component--animating .kit-stack-control__title,
  .kit-stack-navigation--retreat .kit-stack-navigation__component--animating + .kit-stack-navigation__component--animating .kit-stack-control__description {
    animation: kitStackNavigation__retreatExit 0.225s cubic-bezier(0.42, 0, 0.58, 1) 0s 1 normal forwards;
  }
  .kit-stack-navigation--retreat .kit-stack-navigation__component--animating + .kit-stack-navigation__component--animating .kit-stack-navigation__content {
    opacity: 1;
    animation: kitStackNavigation__retreatExit 0.225s cubic-bezier(0.42, 0, 0.58, 1) 0.03s 1 normal forwards;
  }
  @keyframes kitStackNavigation__fade {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes kitStackNavigation__advanceEnter {
    0% {
      opacity: 0;
      transform: translateX(30px);
    }
    100% {
      opacity: 1;
      transform: translateX(0);
    }
  }
  @keyframes kitStackNavigation__advanceExit {
    0% {
      opacity: 1;
      transform: translateX(0px);
    }
    100% {
      opacity: 0;
      transform: translateX(-10px);
    }
  }
  @keyframes kitStackNavigation__retreatEnter {
    0% {
      opacity: 0;
      transform: translateX(-30px);
    }
    100% {
      opacity: 1;
      transform: translateX(0);
    }
  }
  @keyframes kitStackNavigation__retreatExit {
    0% {
      opacity: 1;
      transform: translateX(0px);
    }
    100% {
      opacity: 0;
      transform: translateX(10px);
    }
  }
  @keyframes kitStackNavigation__rotateAndFade1 {
    0% {
      transform: rotate(0deg);
      opacity: 1;
    }
    76% {
      opacity: 0;
    }
    100% {
      transform: rotate(-45deg);
      opacity: 0;
    }
  }
  @keyframes kitStackNavigation__rotateAndFade2 {
    0% {
      opacity: 0;
      transform: rotate(45deg);
    }
    24% {
      opacity: 0;
    }
    100% {
      opacity: 1;
      transform: rotate(0deg);
    }
  }
  @keyframes kitStackNavigation__rotateAndFade3 {
    0% {
      opacity: 0;
      transform: rotate(-45deg);
    }
    24% {
      opacity: 0;
    }
    100% {
      opacity: 1;
      transform: rotate(0deg);
    }
  }
  .kit-stacked-button {
    appearance: none;
    border: none;
    cursor: pointer;
    font-family: 'Proxima-Nova', 'helvetica neue', 'helvetica', 'arial', sans-serif;
    font-size: 14px;
    font-smoothing: antialiased;
    font-weight: 600;
    outline: none;
    padding: 0;
    position: relative;
    text-align: center;
    text-shadow: none;
    transform: scale(1);
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06), 0 1px 1px 0 rgba(0, 0, 0, 0.04);
    box-shadow: none;
    align-items: center;
    border-radius: 3px;
    color: #222222;
    display: inline-flex;
    flex-direction: column;
    font-size: 1rem;
    font-weight: 400;
    height: 80px;
    justify-content: center;
    max-width: 120px;
    min-width: 110px;
    padding: 12px;
    /** Modifiers */
    /** Elements */
  }
  .kit-stacked-button:hover {
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.06), 0 1px 2px 0 rgba(0, 0, 0, 0.04);
    transform: scale(1.02);
  }
  .kit-stacked-button:active {
    box-shadow: none;
    transform: scale(0.98);
  }
  .kit-stacked-button:active .kit-button__content {
    opacity: 0.8;
  }
  .kit-stacked-button:focus-visible::before {
    border-radius: 24px !important;
    border: 1px solid #4f63ff;
    bottom: -2px;
    box-shadow: 0 0 3px rgba(79, 99, 255, 0.5);
    content: '';
    left: -2px;
    position: absolute;
    right: -2px;
    top: -2px;
  }
  .kit-stacked-button.focus-visible::before {
    border-radius: 24px !important;
    border: 1px solid #4f63ff;
    bottom: -2px;
    box-shadow: 0 0 3px rgba(79, 99, 255, 0.5);
    content: '';
    left: -2px;
    position: absolute;
    right: -2px;
    top: -2px;
  }
  .kit-stacked-button:hover {
    box-shadow: none;
    background-color: #edeef0;
  }
  .kit-stacked-button:active {
    box-shadow: none;
    background-color: #e1e2e6;
  }
  .kit-stacked-button--selected {
    color: #4f63ff;
  }
  .kit-stacked-button__icon {
    height: 28px;
    margin: 0 auto 8px auto;
    position: relative;
    width: 28px;
  }
  .kit-stacked-button__icon img,
  .kit-stacked-button__icon object svg,
  .kit-stacked-button__icon .kit-icon {
    height: 100%;
    pointer-events: none;
    width: 100%;
  }
  .kit-stacked-button__label {
    font-size: 1.14285714rem;
    line-height: 1.25;
    max-height: 1.25em;
    /* using `em` to match line-height, regardless of font-size */
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: break-word;
  }
  a.active .kit-stacked-button {
    color: #4f63ff;
  }
  .kit-string-limit-counter {
    color: #c8cacf;
    font-size: 1rem;
    font-weight: 600;
    line-height: normal;
  }
  .kit-switch {
    cursor: pointer;
    height: 16px;
    padding: 6px 4px;
    position: relative;
    user-select: none;
    width: 36px;
  }
  .kit-switch--disabled {
    opacity: 0.5;
    pointer-events: none;
  }
  .kit-switch__track {
    background-color: #c8cacf;
    border-radius: 2px;
    height: 4px;
    width: 28px;
    transition: background-color 0.125s cubic-bezier(0.42, 0, 0.58, 1);
  }
  .kit-switch--active .kit-switch__track {
    background-color: #021fff;
  }
  .kit-switch__indicator {
    background-color: #e1e2e6;
    border-radius: 8px;
    height: 16px;
    left: 0px;
    position: absolute;
    top: 0px;
    transform: translateX(0);
    width: 16px;
    transition: transform 0.125s cubic-bezier(0.42, 0, 0.58, 1);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06), 0 1px 1px 0 rgba(0, 0, 0, 0.04);
  }
  .kit-switch__indicator:active {
    background-color: hsl(0, 0%, 77.21568627%);
  }
  .kit-switch--active .kit-switch__indicator {
    background-color: #4f63ff;
    transform: translateX(21px);
  }
  .kit-switch--active .kit-switch__indicator:active {
    background-color: hsl(233.18181818, 76%, 53.49019608%);
  }
  .kit-symbol-input {
    position: relative;
  }
  .kit-symbol-input--align-left input {
    padding-right: 36px !important;
  }
  .kit-symbol-input--align-right input {
    padding-left: 36px !important;
  }
  .kit-symbol-input__symbol--left {
    border-right: 1px solid #e1e2e6;
    padding: 6px 8px;
    position: absolute;
    top: 1px;
    bottom: 1px;
  }
  .kit-symbol-input__symbol--right {
    border-left: 1px solid #e1e2e6;
    padding: 6px 8px;
    position: absolute;
    right: 0;
    top: 1px;
    bottom: 1px;
  }
  .kit-tab-group__tab-names {
    border-bottom: 1px solid #e1e2e6;
    display: flex;
    justify-content: space-between;
    margin-bottom: 18px;
    user-select: none;
  }
  .kit-tab-group__tab-name {
    color: #747578;
    flex-grow: 1;
    padding: 8px 18px;
    position: relative;
    text-align: center;
  }
  .kit-tab-group__tab-name::after {
    background-color: #222222;
    bottom: 0;
    content: '';
    height: 2px;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transform: translateY(2px) scaleX(0.95);
    transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    transition: opacity 0.225s, transform 0.225s;
    width: 100%;
  }
  .kit-tab-group__tab-name--active {
    color: #222222;
    font-weight: 600;
  }
  .kit-tab-group__tab-name--active::after {
    opacity: 1;
    transform: translateY(0) scaleX(1);
  }
  .kit-textarea-string-limit-counter {
    position: relative;
  }
  .kit-textarea-string-limit-counter__counter {
    background-color: #f5f6f7;
    bottom: 0.75rem;
    position: absolute;
    right: 0.75rem;
    z-index: 1;
  }
  .kit-time-picker {
    width: 120px;
    height: 190px;
    overflow-y: auto;
    border-radius: 4px;
    position: relative;
  }
  .kit-time-picker__list {
    overflow: hidden;
  }
  .kit-time-picker__time {
    font-weight: 300;
    font-size: 1.5em;
    padding: 8px 18px;
    cursor: pointer;
  }
  .kit-time-picker__time span {
    font-size: 0.76190476em;
  }
  .kit-time-picker__time--selected {
    background-color: #f5f6f7;
  }
  .kit-time-picker__time:hover {
    background-color: #f5f6f7;
  }
  .kit-time-picker__time:active {
    background-color: #f5f6f7;
  }
  .kit-tooltip-icon {
    display: inline-flex;
    vertical-align: top;
  }
  .kit-tooltip-icon .kit-icon {
    color: #b8babf;
  }
  .kit-tooltip-icon__frame {
    line-height: 1.4rem;
    max-width: 320px;
  }
  .kit-tooltip {
    display: inline-flex;
  }
  .kit-tooltip__content {
    font-size: 1rem;
    font-weight: 600;
    z-index: 900;
  }
  body.has-touch .kit-tooltip__content {
    display: none;
  }
  .kit-tooltip__frame {
    border-radius: 100px;
    padding: 8px 12px;
  }
  .kit-underlined-input input[type='text'],
  .kit-underlined-input input[type='password'] {
    background-color: transparent;
    border: none;
    box-shadow: none;
    font-size: 1.42857143em;
    padding: 7px 0;
  }
  .kit-underlined-input input[type='text']:focus,
  .kit-underlined-input input[type='password']:focus {
    box-shadow: none;
  }
  .kit-underlined-input__underline {
    background-color: #e1e2e6;
    height: 2px;
    position: relative;
    width: 100%;
  }
  .kit-underlined-input__underline::after {
    background-color: #6944b2;
    bottom: 0;
    content: '';
    left: 50%;
    position: absolute;
    top: 0;
    transform-origin: center center;
    width: 0;
    transition: none;
  }
  .kit-underlined-input input:focus + .kit-underlined-input__underline::after {
    left: 0;
    width: 100%;
    transition: cubic-bezier(0.42, 0, 0.58, 1) 0.125s;
  }
  .kit-upload-attachment {
    background-color: white;
    border-radius: 8px;
    border: 1px solid #edeef0;
    display: flex;
    height: 104px;
    padding: 18px;
    user-select: none;
    width: 100%;
    color: #222222;
  }
  .kit-upload-attachment__preview {
    align-items: center;
    background-color: #edeef0;
    border-radius: 4px;
    color: #747578;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 110px;
  }
  .kit-upload-attachment__preview .kit-icon {
    height: 20px;
    width: 20px;
  }
  .kit-upload-attachment__preview .kit-image {
    height: 100%;
    width: 100%;
  }
  .kit-upload-attachment__preview .kit-image img {
    height: 100%;
    width: 100%;
  }
  .kit-upload-attachment__preview-overlay {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
  .kit-upload-attachment__content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    overflow: hidden;
    margin-right: 12px;
  }
  .kit-upload-attachment__file-name {
    position: relative;
    white-space: nowrap;
    width: 100%;
    font-size: 1.14285714rem;
    font-weight: 400;
    line-height: 1.57142857rem;
  }
  .kit-upload-attachment__file-name::after {
    background: linear-gradient(to left, white, rgba(255, 255, 255, 0));
    content: '';
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 54px;
  }
  .kit-upload-attachment__right-content {
    align-self: center;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .kit-upload-progress {
    background-color: white;
    border-radius: 8px;
    border: 1px solid #edeef0;
    display: flex;
    height: 104px;
    padding: 18px;
    user-select: none;
    width: 100%;
    color: #222222;
  }
  .kit-upload-progress__thumbnail {
    align-items: center;
    background-color: #edeef0;
    border-radius: 4px;
    color: #747578;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    width: 110px;
  }
  .kit-upload-progress__content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    overflow: hidden;
  }
  .kit-upload-progress__content__text {
    margin-bottom: 12px !important;
  }
  .kit-upload-progress__file-name {
    position: relative;
    white-space: nowrap;
    width: 100%;
  }
  .kit-upload-progress__file-name::after {
    background: linear-gradient(to left, white, rgba(255, 255, 255, 0));
    content: '';
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 54px;
  }
  .kit-upload-progress__right-content {
    color: #b8babf;
    align-self: center;
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: 12px;
  }
  .kit-upload {
    background-color: white;
    border: 1px dashed #e1e2e6;
    border-image-repeat: repeat;
    border-image-slice: 6;
    /** light grey dashed border */
    border-image-source: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAABGdBTUEAALGPC/xhBQAAAPBJREFUSA1jZACCJ09eq/37/7vjPwOjC8P//7zyclKMIHEYePjo2X8YG0ZjVcPI+JmR4f8eJkbWChkZ0VuMIIP//v9zmIGBsY2Bl2ORvIDAe5gBpNIPP3wQZPj8I46B4X8VMyOLLeOjx8/W/WdgOigvKzGRVMNwqX/4+EU+I8M/e4aHj59/ev/+vQAuheSIg3wAMpcBW3iSYyC6HlqZi27PKB8tBGgV8CBzmdDsoip31HCqBueoYRSEAG0zEbBqAtcgFDgQXSvYPKC5TKA6D1I1oSuhgA+s6kDmsoAqU1AdCqyaGKhZhwLNtQXX8rSq/QG4Iohd8okjWgAAAABJRU5ErkJggg==');
    border-image-width: 6px;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    height: 104px;
    padding: 18px;
    position: relative;
    width: 100%;
    user-select: none;
    color: #222222;
    /** Drop styles */
  }
  .kit-upload:hover {
    background-color: #fafbfc;
  }
  .kit-upload:active {
    background-color: #f5f6f7;
  }
  .kit-upload:hover,
  .kit-upload:active {
    border-color: #c8cacf;
    /** medium gray dashed border */
    border-image-source: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAABGdBTUEAALGPC/xhBQAAAOhJREFUSA1jZACCkxcuqDH8Yuj4z8DgwsDwn9fCzJARJA4DJ06dB0qhAuxqGD8DNe5hYGOoMDcwuMUIMvj/L4bDTAyMbRwcjIv09PTeoxpDPO/SpUuCP378j/vH8L+KkY3BlvHkqQvrGBkYD5qZ6U8k3hj8Kk+dupj/n+G/PRMoKFhZ/y3Er5w0WVAIgIMYW3iSZhR21bQyF7tto6LwEKBVwIPMZYLbQgPGqOE0CNRRI8kKARpnIsbPoBqELJfh0AQxj/EzE6jOA1VNONSRJQwyD2QuC6gy/ffr/2Fg1cRA9ToU5DRa1f4AOE54Ozpl4VAAAAAASUVORK5CYII=');
  }
  .kit-upload--is-dragging {
    border-image: none;
    border: 1px solid transparent;
  }
  .kit-upload__file-input {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
  }
  .kit-upload__icon {
    align-items: center;
    color: #c8cacf;
    display: flex;
    justify-content: center;
    width: 110px;
  }
  .kit-upload__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .kit-upload__content > *:not(.kit-upload__requirements):not(.kit-upload__file-types) {
    font-size: 1.14285714rem;
    font-weight: 400;
    line-height: 1.57142857rem;
  }
  .kit-upload__drop-wrap {
    border-radius: inherit;
    height: 100%;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
  }
  .kit-upload__drop-mask {
    background-color: #4f63ff;
    border-radius: 100%;
    height: 1px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: transform 0s;
    width: 4px;
    z-index: 2;
  }
  .kit-upload__drop-message {
    align-items: center;
    bottom: 0;
    color: #fff;
    display: flex;
    flex-direction: column;
    font-size: 1.28571429em;
    font-weight: 600;
    justify-content: center;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: none;
    visibility: hidden;
    z-index: 3;
  }
  .kit-upload__drop-message-icon {
    transform: translateY(0);
  }
  .kit-upload--is-dragging .kit-upload__drop-mask {
    height: 4px;
    left: 0;
    opacity: 1;
    top: 0;
    transform: scale(1000);
    transition-duration: 1.2s;
    width: 4px;
  }
  .kit-upload--is-dragging .kit-upload__drop-message {
    opacity: 1;
    transition: opacity 0.325s cubic-bezier(0.42, 0, 0.58, 1);
    visibility: visible;
  }
  .kit-upload--is-dragging .kit-upload__drop-message-icon {
    transform: translateY(-3px);
    transition: transform 1.125s cubic-bezier(0.42, 0, 0.58, 1);
    transition-delay: 0.075s;
  }
  .kit-input-validation--invalid .kit-upload,
  .kit-input-validation--invalid .kit-upload:hover,
  .kit-input-validation--invalid .kit-upload:active,
  .kit-upload--invalid,
  .kit-upload--invalid:hover,
  .kit-upload--invalid:active {
    border-color: #f90143;
    /** red dashed border */
    border-image-source: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXBAMAAAASBMmTAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAABtQTFRFAAAA+FFe+VVf+lRg+lVg+lRf+FVe8Eta71BgiVJBBAAAAAl0Uk5TACau8v/pbxEQb0WWBgAAAERJREFUeJxjYFR2YGBxcWFgcFZkYBBNZ4AA9lQBBjUGGGBTYLCAc9gNGBzgHGQmCQDFAHI4FFtqDmcD/YPiU5QwQA4dAJYBCY7JnGznAAAAAElFTkSuQmCC');
  }
  .kit-input-validation--invalid .kit-upload .kit-input-validation__message,
  .kit-input-validation--invalid .kit-upload:hover .kit-input-validation__message,
  .kit-input-validation--invalid .kit-upload:active .kit-input-validation__message,
  .kit-upload--invalid .kit-input-validation__message,
  .kit-upload--invalid:hover .kit-input-validation__message,
  .kit-upload--invalid:active .kit-input-validation__message {
    display: block;
  }
  .kit-user-avatar {
    align-items: center;
    border-radius: 50%;
    color: #ffffff;
    cursor: default;
    display: flex;
    font-size: 1.14285714rem;
    height: 100%;
    justify-content: center;
    position: relative;
    overflow: hidden;
    text-align: center;
    user-select: none;
    width: 100%;
  }
  .kit-user-avatar img {
    border-radius: 50%;
    box-shadow: inset 0 1px 16px rgba(0, 0, 0, 0.05);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
  img:not([src='']) + .kit-user-avatar__shadow {
    border-radius: 50%;
    box-shadow: inset 0 1px 16px rgba(0, 0, 0, 0.05);
    content: '';
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
  img:not([src='']) + .kit-user-avatar__shadow + .kit-user-avatar__initials {
    background-color: transparent;
  }
  .kit-user-avatar__initials {
    align-items: center;
    background-color: #b8babf;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%;
  }
  .kit-walkthrough-slide {
    margin: 0 auto;
    position: absolute;
    width: 100%;
    visibility: visible;
    transition: visibility 0s linear 0.335s;
  }
  .kit-walkthrough-slide--invisible {
    visibility: hidden;
    transition: visibility 0s linear 0.335s;
  }
  .kit-walkthrough-slide__title {
    color: #323233;
    display: block;
    font-size: 28px;
    font-weight: 800;
    justify-content: center;
    letter-spacing: -0.9px;
    line-height: 1.5;
    margin: 18px auto 12px;
    text-align: center;
    width: 612px;
  }
  .kit-walkthrough-slide__subtitle {
    color: #7e7f82;
    display: block;
    font-size: 18px;
    height: 70px;
    justify-content: center;
    line-height: 1.375;
    margin: 12px auto 0;
    text-align: center;
    width: 612px;
  }
  .kit-walkthrough-slide__image {
    display: block;
    margin: 0 auto;
    max-width: 100%;
  }
  .kit-walkthrough-slide__video-container {
    position: relative;
  }
  .kit-walkthrough-slide__video {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    object-fit: initial;
    width: 100%;
  }
  .kit-walkthrough-slide__play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #ffffff;
    border-radius: 50%;
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    opacity: 1;
    transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.25s ease;
  }
  .kit-walkthrough-slide__play-button:hover {
    transform: translate(-50%, -50%) scale(1.05);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
  }
  .kit-walkthrough-slide__play-button .kit-walkthrough-slide__play-button-icon {
    width: 28px;
    height: 28px;
  }
  .kit-walkthrough-slide__play-button--hidden {
    opacity: 0;
    pointer-events: none;
  }
  @media (max-width: 800px) {
    .kit-walkthrough-slide {
      width: 90vw;
    }
    .kit-walkthrough__nav-wrap {
      width: 50vw;
    }
  }
  @media (max-width: 800px) {
    .kit-walkthrough-slide__subtitle {
      max-width: 100%;
    }
  }
  @media (max-width: 700px) {
    .kit-walkthrough-slide {
      width: 90vw;
    }
  }
  @media (max-width: 600px) {
    .kit-walkthrough-slide__subtitle {
      width: 90vw;
    }
    .kit-walkthrough-slide__title {
      width: 90vw;
    }
  }
  @media (max-height: 600px) {
    .kit-walkthrough-slide__image,
    .kit-walkthrough-slide__video {
      height: 55vh;
      width: 100%;
    }
  }
  @media (max-height: 500px) {
    .kit-walkthrough-slide__subtitle {
      font-size: 16px;
    }
    .kit-walkthrough-slide__title {
      font-size: 18px;
    }
  }
  @media (max-width: 400px) {
    .kit-walkthrough-slide__subtitle {
      width: 90vw;
    }
    .kit-walkthrough-slide__title {
      width: 90vw;
    }
  }
  .kit-walkthrough__nav-wrap {
    align-items: center;
    bottom: 0;
    display: flex;
    height: 44px;
    position: absolute;
    width: 100%;
  }
  .kit-walkthrough__nav-wrap .kit-button--background-primary {
    background-color: #4f63ff;
  }
  .kit-walkthrough__nav-wrap .kit-button--background-primary:hover {
    background-color: #3b50f5;
  }
  .kit-walkthrough__nav-button {
    position: absolute;
  }
  .kit-walkthrough__nav-button--retreat {
    bottom: 0;
    left: 0;
    position: absolute;
  }
  .kit-walkthrough__nav-button--advance {
    bottom: 0;
    position: absolute;
    right: 40px;
    opacity: 1;
    transition: opacity 0.225s cubic-bezier(0.42, 0, 0.58, 1);
  }
  .kit-walkthrough__nav-button--hidden {
    opacity: 0;
    pointer-events: none;
  }
  .kit-walkthrough__dot-wrap {
    margin: 0 auto;
  }
  .kit-walkthrough__dot {
    background-color: #dddee1;
    border-radius: 50%;
    display: inline-block;
    height: 6px;
    margin-right: 8px;
    opacity: 0.6;
    width: 6px;
  }
  .kit-walkthrough__dot:last-child {
    margin-right: 8px;
  }
  .kit-walkthrough__dot--active {
    background-color: #4f63ff;
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.06), 0 1px 2px 0 rgba(0, 0, 0, 0.04);
  }
  .kit-walkthrough--advance .kit-walkthrough-slide--animate .kit-walkthrough-slide__text {
    animation: advanceExit 0.225s cubic-bezier(0.42, 0, 0.58, 1) 0s normal forwards;
  }
  .kit-walkthrough--advance .kit-walkthrough-slide--animate .kit-walkthrough-slide__image,
  .kit-walkthrough--advance .kit-walkthrough-slide--animate .kit-walkthrough-slide__video,
  .kit-walkthrough--advance .kit-walkthrough-slide--animate .kit-walkthrough-slide__video-container {
    animation: advanceExitImage 0.225s cubic-bezier(0.42, 0, 0.58, 1) 0s 1 normal forwards;
  }
  .kit-walkthrough--advance .kit-walkthrough-slide--animate + .kit-walkthrough-slide--animate .kit-walkthrough-slide__text {
    animation: advanceEnter 0.225s cubic-bezier(0.42, 0, 0.58, 1) 0.225s 1 normal forwards;
  }
  .kit-walkthrough--advance .kit-walkthrough-slide--animate + .kit-walkthrough-slide--animate .kit-walkthrough-slide__image,
  .kit-walkthrough--advance .kit-walkthrough-slide--animate + .kit-walkthrough-slide--animate .kit-walkthrough-slide__video,
  .kit-walkthrough--advance .kit-walkthrough-slide--animate + .kit-walkthrough-slide--animate .kit-walkthrough-slide__video-container {
    animation: advanceEnterImage 0.225s cubic-bezier(0.42, 0, 0.58, 1) 0.225s 1 normal forwards;
  }
  .kit-walkthrough--retreat .kit-walkthrough-slide--animate + .kit-walkthrough-slide--animate .kit-walkthrough-slide__text {
    animation: retreatExit 0.225s cubic-bezier(0.42, 0, 0.58, 1) 0s 1 normal forwards;
  }
  .kit-walkthrough--retreat .kit-walkthrough-slide--animate + .kit-walkthrough-slide--animate .kit-walkthrough-slide__image,
  .kit-walkthrough--retreat .kit-walkthrough-slide--animate + .kit-walkthrough-slide--animate .kit-walkthrough-slide__video,
  .kit-walkthrough--retreat .kit-walkthrough-slide--animate + .kit-walkthrough-slide--animate .kit-walkthrough-slide__video-container {
    animation: retreatExitImage 0.225s cubic-bezier(0.42, 0, 0.58, 1) 0s 1 normal forwards;
  }
  .kit-walkthrough--retreat .kit-walkthrough-slide--animate .kit-walkthrough-slide__text {
    animation: retreatEnter 0.225s cubic-bezier(0.42, 0, 0.58, 1) 0.225s 1 normal forwards;
  }
  .kit-walkthrough--retreat .kit-walkthrough-slide--animate .kit-walkthrough-slide__image,
  .kit-walkthrough--retreat .kit-walkthrough-slide--animate .kit-walkthrough-slide__video,
  .kit-walkthrough--retreat .kit-walkthrough-slide--animate .kit-walkthrough-slide__video-container {
    animation: retreatEnterImage 0.225s cubic-bezier(0.42, 0, 0.58, 1) 0.225s 1 normal forwards;
  }
  @keyframes advanceEnter {
    0% {
      opacity: 0;
      transform: translateX(150px);
    }
    100% {
      opacity: 1;
      transform: translateX(0);
    }
  }
  @keyframes advanceEnterImage {
    0% {
      opacity: 0;
      transform: translateX(250px);
    }
    100% {
      opacity: 1;
      transform: translateX(0);
    }
  }
  @keyframes advanceExit {
    0% {
      opacity: 1;
      transform: translateX(0px);
    }
    100% {
      opacity: 0;
      transform: translateX(-200px);
    }
  }
  @keyframes advanceExitImage {
    0% {
      opacity: 1;
      transform: translateX(0px);
    }
    100% {
      opacity: 0;
      transform: translateX(-300px);
    }
  }
  @keyframes retreatEnter {
    0% {
      opacity: 0;
      transform: translateX(-230px);
    }
    100% {
      opacity: 1;
      transform: translateX(0);
    }
  }
  @keyframes retreatEnterImage {
    0% {
      opacity: 0;
      transform: translateX(-400px);
    }
    100% {
      opacity: 1;
      transform: translateX(0);
    }
  }
  @keyframes retreatExit {
    0% {
      opacity: 1;
      transform: translateX(0px);
    }
    100% {
      opacity: 0;
      transform: translateX(230px);
    }
  }
  @keyframes retreatExitImage {
    0% {
      opacity: 1;
      transform: translateX(0px);
    }
    100% {
      opacity: 0;
      transform: translateX(400px);
    }
  }
  @media (max-width: 800px) {
    .kit-walkthrough__nav-wrap {
      width: 90vw;
    }
  }
  @media (max-width: 700px) {
    .kit-walkthrough__nav-wrap {
      width: 90vw;
    }
  }
  @media (max-width: 650px) {
    .kit-walkthrough__nav-wrap {
      width: 90vw;
    }
  }
  @media (max-width: 600px) {
    .kit-walkthrough__nav-wrap {
      width: 90vw;
    }
  }
  /**
 * Theme
 *
 * This theme file defines the default values for the theme variables.
 */
}
/* Root App Less
 * Move to tailwind.css file when all less files are migrated to tailwind.
 * Layer order: base (reset) lowest, then app (LESS), then components/utilities
 * highest.
 */
@layer app {
  /* Routes */
  .kit-tab-group__tab-name {
    display: flex;
    flex-basis: 0;
    flex-grow: 1;
    justify-content: space-around;
    padding: 8px 0;
  }
  .gift-entry .btn svg {
    font-size: 14px;
    margin-top: 3px;
  }
  .route-recurring-detail__loading-spinner {
    min-height: calc(40px * 12);
  }
  .route-recurring-detail__details-container {
    display: flex;
    height: 30px;
    margin-bottom: var(--spacing-xl);
  }
  .route-recurring-detail__details-container__badge {
    line-height: 25px;
    margin-left: var(--spacing-sm);
  }
  .route-recurring-detail__row-container {
    display: flex;
    justify-content: space-between;
    gap: 8px;
  }
  @media screen and (max-width: 768px) {
    .route-recurring-detail__row-container {
      display: initial;
    }
  }
  .route-recurring-detail__row-container .kit-row-item--clickable:hover::before {
    background-color: #fafbfc;
  }
  .route-recurring-detail__row-container .kit-row-item::before {
    left: 0;
    right: 0;
  }
  .route-recurring-detail__row {
    width: 50%;
  }
  .route-recurring-detail__row__item--add-hover {
    padding-right: var(--spacing-lg);
  }
  .route-recurring-detail__row__item--add-hover:hover {
    cursor: pointer;
  }
  .route-recurring-detail__row__item--add-hover:hover.kit-row-item {
    background: var(--color-n25);
  }
  .route-recurring-detail__row__item--add-hover:hover.kit-row-item .kit-row-item__text::after {
    background: var(--color-n25);
  }
  @media screen and (max-width: 768px) {
    .route-recurring-detail__row {
      padding-right: var(--spacing-sm);
      width: 100%;
    }
  }
  .route-recurring-detail__card-image {
    max-width: var(--spacing-2xl);
  }
  .route-recurring-detail__status {
    text-transform: capitalize;
  }
  .route-recurring-detail__tooltip {
    border-radius: 16px;
    box-shadow: 0 15px 35px 0 rgb(0 0 0%), 0 2px 6px 0 rgb(0 0 0%);
    background-color: #000000;
    color: #ffffff;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.42857143rem;
    max-width: 480px;
    margin-top: -10px;
    padding: 18px !important;
  }
  .route-recurring-detail .gift-designation-table__heading {
    border-bottom: 1px solid var(--color-n100);
    display: flex;
    padding: 0 0 var(--spacing-md) 0;
  }
  .route-recurring-detail .gift-designation-table__row {
    border-bottom: 1px solid var(--color-n100);
    display: flex;
    height: 40px;
    line-height: 3rem;
  }
  .route-recurring-detail .gift-designation-table__cell {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .route-recurring-detail .gift-designation-table__cell-fund,
  .route-recurring-detail .gift-designation-table__heading-fund {
    width: 50%;
  }
  .route-recurring-detail .gift-designation-table__cell-net,
  .route-recurring-detail .gift-designation-table__heading-net {
    width: 30%;
  }
  .route-recurring-detail .gift-designation-table__cell-fee,
  .route-recurring-detail .gift-designation-table__heading-fee {
    width: 10%;
  }
  .route-recurring-detail .gift-designation-table__cell-amount,
  .route-recurring-detail .gift-designation-table__heading-amount {
    width: 15%;
  }
  @media screen and (max-width: 960px) {
    .route-recurring-detail .gift-designation-table__cell-amount,
    .route-recurring-detail .gift-designation-table__heading-amount {
      width: 20%;
    }
  }
  .route-recurring-detail .gift-designation-table__body :nth-child(even) div {
    background-color: var(--color-n25);
  }
  .route-recurring-detail .kit-rows > * {
    border-bottom: transparent;
  }
  .route-recurring-detail .kit-row-item--bordered {
    border: 1px solid #edeef0 !important;
    margin-bottom: 8px;
  }
  .route-recurring-detail kit-rows > *:last-child {
    border-bottom: 1px solid #edeef0;
  }
  .route-recurring-detail .kit-rows {
    border-style: none;
    background-color: transparent;
  }
  .route-recurring .app-page__main {
    display: inherit;
  }
  .route-recurring__loading-spinner {
    min-height: calc(40px * 12);
  }
  .route-recurring__tooltip {
    border-radius: 8px;
    max-width: 480px;
  }
  .route-recurring__no-border-row {
    border-bottom: none !important;
  }
  .route-recurring__tooltip-icon {
    position: relative;
    top: -1px;
  }
  .route-recurring .tooltip-trigger {
    cursor: pointer;
  }
  .route-recurring__clickable_row:hover {
    background: #f9fafc;
  }
  .route-import-history__import-rows__progress-circle {
    width: 20px;
    height: 20px;
  }
  .route-import-history__loading-spinner {
    min-height: 238px;
  }
  .route-import-history__footer-container {
    align-items: right;
    display: flex;
    justify-content: space-between;
  }
  .route-import-history__footer-container .kit-pagination__arrow {
    position: relative;
    top: 2px;
  }
  .kit-scrolling-content__footer.text-right {
    text-align: right;
  }
  .route-import-map__instructions {
    color: var(--color-n500);
    max-width: 700px;
  }
  .route-import-map .kit-breadcrumb-item.color--medium {
    color: var(--color-n500);
  }
  .route-import-map__table {
    max-width: 100%;
    width: 100%;
  }
  .route-import-map__table__heading {
    display: table-row;
  }
  .route-import-map__table__heading th {
    border-bottom: 1px solid var(--color-n100);
    border-top: 1px solid var(--color-n100);
    margin-top: var(--spacing-md);
    padding: 12px;
    padding-bottom: var(--spacing-md);
    text-align: left;
  }
  .route-import-map__table__heading th .checkbox {
    width: 200px;
  }
  .route-import-map__table__heading th .icon,
  .route-import-map__table__heading th .info {
    width: 50px;
  }
  .route-import-map__table__heading th .kit-tooltip {
    margin-left: 8px;
    vertical-align: -2px;
  }
  .route-import-map__table__row {
    border-bottom: 1px solid var(--color-n100);
    height: 40px;
    line-height: 3rem;
  }
  .route-import-map__table__row input[type='text'].ember-text-field:disabled {
    color: #222222;
    -webkit-text-fill-color: #222222;
  }
  .route-import-map__table__row .kit-select__input {
    color: #222222;
  }
  .route-import-map__table__row.disabled {
    background: var(--color-n25);
  }
  .route-import-map__table__row.disabled td.w-200 {
    opacity: 0.5;
  }
  .route-import-map__table__row td {
    padding: 19px 12px;
    white-space: nowrap;
  }
  .route-import-map__table__row td.w-200 {
    overflow: hidden;
  }
  .route-import-map__table__row td .right-fade {
    background: -webkit-linear-gradient(to right, #ffffff00, white);
    background: -o-linear-gradient(to right, #ffffff00, white);
    background: -moz-linear-gradient(to right, #ffffff00, white);
    background: linear-gradient(to right, #ffffff00, white);
    height: 30px;
    position: absolute;
    right: 0;
    width: 100px;
  }
  .route-import-map__table__row td .valign-sub {
    vertical-align: sub;
  }
  .route-import-map__table__row td.lh-1 {
    line-height: 1;
    width: 150px;
  }
  .route-import-map__table__row td.lh-1 .kit-checkbox__label {
    font-size: 14px;
  }
  .route-import-map__table__row .kit-select {
    width: 225px;
  }
  .route-import-map__table__row .kit-select__arrow {
    height: 10px;
    margin-top: 0;
    width: 10px;
  }
  .route-import-map__table .w-175,
  .route-import-map__table .w-200 {
    color: #747578;
    position: relative;
  }
  .route-import-map__table .w-200 {
    max-width: 200px;
  }
  .route-import-map__table .w-175 {
    max-width: 175px;
    min-width: 175px;
  }
  .route-import-map__tooltip {
    border-radius: 16px;
    box-shadow: 0 15px 35px 0 rgb(0 0 0%), 0 2px 6px 0 rgb(0 0 0%);
    background-color: #000000;
    color: #ffffff;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.42857143rem;
    padding: 18px !important;
    line-height: 1.4rem;
    max-width: 320px;
  }
  .route-import-map__input-required {
    border-color: #fb414b;
    box-shadow: inset 0 1px 2px 0 #fb414b26;
  }
  .route-import-map__input-validation-message {
    background-color: #fb414b;
    border-radius: 8px;
    box-shadow: 0 15px 35px 0 #0000001a, 0 2px 6px 0 rgba(0, 0, 0, 0.04);
    color: #fff;
    display: block;
    font-weight: 600;
    height: 36px;
    letter-spacing: normal;
    line-height: 1;
    padding: 12px 18px 10px !important;
    top: 36px;
    transform: inherit;
  }
  .route-import-status .border-bottom {
    border-bottom: 1px solid var(--color-n100);
  }
  .route-import-status .justify-between {
    justify-content: space-between;
  }
  .route-import-status .justify-center {
    flex-wrap: wrap;
    justify-content: center;
  }
  .route-import-status__items {
    margin-right: 115px;
  }
  .route-import-status__items:last-child {
    margin-right: 13px;
  }
  .route-import-status__actions {
    justify-content: space-evenly;
  }
  .route-import-status__actions .kit-frame {
    flex-grow: 1;
    height: 319px;
    margin-right: 24px;
    max-width: 33%;
  }
  .route-import-status__actions .kit-frame:last-child {
    margin-right: 0;
  }
  .route-import-status__action-labels p {
    font-weight: 600;
  }
  .route-import-status__grey-box {
    background-color: var(--color-n50);
    border-radius: 8px;
    margin-top: 4px;
    padding: 18px 24px;
  }
  .route-import-status__grey-box__instructions {
    line-height: 1.43;
    max-width: 63%;
  }
  .route-import-status__processing {
    margin: 48px auto 36px;
    max-width: 420px;
    text-align: center;
  }
  .route-import-status__processing__progress-circle {
    margin: 0 auto 18px;
    width: 48px;
  }
  .route-import-status__step--half {
    background: white;
    border-radius: 6px;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.06), 0 1px 2px 0 rgba(0, 0, 0, 0.04);
    width: 50%;
  }
  .route-import-status__step--half:first-child {
    margin-right: 24px;
  }
  .route-integrations-add-index__list-title {
    padding-bottom: var(--spacing-xs);
  }
  .route-integrations-add-index__logo {
    height: 28px;
    width: 28px;
  }
  .route-integrations-add-index__row-arrow-icon {
    height: 1rem;
    width: 1rem;
    color: var(--color-n300);
  }
  .route-integrations-add-index__row-link_icon {
    height: 1rem;
    width: 1rem;
  }
  .route-integrations-add-index .kit-row-item__title {
    padding-left: var(--spacing-lg);
  }
  .route-integrations-add-index .kit-row-item__subtitle {
    display: none;
  }
  .route-integrations-index__row-plus-tiny-icon {
    color: var(--color-n1000);
  }
  .route-integrations-planning-center__login-prompt-frame {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .route-integrations-planning-center__logo {
    height: 48px;
    width: 48px;
  }
  .route-people-detail {
    color: var(--color-n900);
  }
  .route-people-detail .app-page__header-content--right .kit-button {
    min-width: 34px;
  }
  .route-people-detail .app-page__header-content--right .kit-button.kit-button--shape-circle .kit-icon {
    color: var(--color-n900);
    padding: 10px;
  }
  .route-people-detail__loading-spinner {
    min-height: 238px;
  }
  .route-people-detail__table-loading-spinner {
    min-height: calc(40px * 12);
    position: relative;
  }
  .route-people-detail__profile {
    align-items: stretch;
    display: flex;
  }
  .route-people-detail__profile .gray-oval {
    background-color: var(--color-n50);
    border-radius: var(--radius-full);
    height: 96px;
    padding: 30px;
    width: 96px;
  }
  .route-people-detail__profile--contact-info {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
  }
  .route-people-detail__profile--contact-info > div:first-child {
    display: flex;
    align-items: center;
  }
  .route-people-detail__profile--contact-info h2 {
    font-weight: 800;
    color: var(--color-n900);
  }
  .route-people-detail__profile--contact-info p {
    align-items: center;
    color: var(--color-n900);
    display: flex;
  }
  .route-people-detail__profile--contact-info p .kit-icon {
    margin-right: var(--spacing-md);
  }
  .route-people-detail__edit-btn {
    align-self: center;
    margin-left: auto;
  }
  .route-people-detail__rows label {
    color: var(--color-n500);
    width: 236px;
  }
  .route-people-detail__rows > .kit-row-item:last-child {
    border-bottom: 1px solid var(--color-n100);
  }
  .route-people-detail__tooltip {
    border-radius: 8px;
    max-width: 480px;
  }
  .route-people-detail__tooltip-icon {
    position: relative;
    top: -1px;
  }
  .route-people-detail .tooltip-trigger {
    cursor: pointer;
  }
  .route-people-detail .text-muted {
    color: var(--color-n400);
  }
  .route-people-detail p.t__subtitle {
    line-height: 1.25;
  }
  .app-person-edit-modal__body {
    display: grid;
    grid-gap: 2rem;
    grid-template-columns: 1fr 1fr;
    overflow-x: hidden;
  }
  .app-person-edit-modal__footer {
    padding-top: var(--spacing-lg);
  }
  .app-person-edit-modal__header {
    padding-bottom: var(--spacing-lg);
  }
  .app-person-edit-modal__input-block--full {
    grid-column: 1 / -1;
  }
  @media screen and (max-width: 768px) {
    .app-person-edit-modal {
      max-width: 405px;
    }
  }
  .route-people-index__loading-spinner {
    min-height: 238px;
  }
  .route-people-index__table-loading-spinner {
    min-height: 480px;
    position: relative;
  }
  .route-people-index__search {
    max-width: 464px;
    position: relative;
  }
  .route-people-index__search input.ember-text-field[type='text'] {
    height: 34px;
    padding-left: 1rem;
  }
  .route-people-index__search input.ember-text-field[type='text']:not(:focus) {
    border: 0;
  }
  .route-people-index__search input.ember-text-field[type='text']:focus {
    border-color: var(--color-brand-subsplash);
    border-width: 1px;
  }
  .route-people-index__search .kit-search__icon {
    margin-top: 7px;
    position: absolute;
    right: 0;
  }
  .route-people-index .profiles-table__heading {
    border-bottom: 1px solid var(--color-n100);
    display: flex;
    padding: 0 0 var(--spacing-md) 0;
  }
  .route-people-index .profiles-table__row {
    border-bottom: 1px solid var(--color-n100);
    display: flex;
    height: 40px;
    line-height: 3rem;
  }
  .route-people-index .profiles-table__row :not(:nth-last-of-type(-n + 2)) {
    padding-right: var(--spacing-md);
  }
  .route-people-index .profiles-table__row:hover > div {
    background-color: var(--color-n50) !important;
  }
  .route-people-index .profiles-table__cell {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .route-people-index .profiles-table__cell-email,
  .route-people-index .profiles-table__heading-email,
  .route-people-index .profiles-table__cell-name,
  .route-people-index .profiles-table__heading-name {
    width: 40%;
  }
  .route-people-index .profiles-table__cell-external-id,
  .route-people-index .profiles-table__heading-external-id {
    width: 20%;
  }
  .route-people-index .profiles-table__body {
    min-height: 480px;
  }
  .route-people-index .profiles-table__body :nth-child(even) > div {
    background-color: var(--color-n25);
  }
  .route-people-index .profiles-table__footer-container {
    align-items: center;
    display: flex;
    justify-content: space-between;
  }
  .route-people-index .profiles-table__footer-container .kit-pagination__arrow {
    position: relative;
    top: 2px;
  }
  .route-reports-donor-summary__campus-button,
  .route-reports-donor-summary__fund-dropdown,
  .route-reports-donor-summary__subfund-dropdown {
    top: 1px;
  }
  .route-reports-donor-summary__campus-button .kit-select__input,
  .route-reports-donor-summary__fund-dropdown .kit-select__input,
  .route-reports-donor-summary__subfund-dropdown .kit-select__input {
    text-overflow: ellipsis;
  }
  .route-reports-donor-summary__campus-button {
    width: 250px;
  }
  .route-reports-donor-summary__loading-spinner {
    min-height: calc(40px * 12);
  }
  .route-reports-donor-summary__processing {
    margin: 48px auto 36px;
    max-width: 420px;
    text-align: center;
  }
  .route-reports-donor-summary__processing__progress-circle {
    margin: 0 auto 18px;
    width: 48px;
  }
  .route-reports-donor-summary .app-reports-table__cell {
    overflow: hidden;
    white-space: nowrap;
  }
  .route-reports-donor-summary .app-reports-table__cell:not(.reports-table-table__cell-status) {
    text-overflow: ellipsis;
  }
  .route-reports-donor-summary .app-reports-table__heading {
    border-bottom: 1px solid var(--color-n100);
    display: flex;
    padding: 0 0 var(--spacing-md) 0;
    justify-content: space-between;
  }
  .route-reports-donor-summary .app-reports-table__row {
    border-bottom: 1px solid var(--color-n100);
    display: flex;
    line-height: 3rem;
    justify-content: space-between;
  }
  .route-reports-donor-summary .app-reports-table__row:nth-child(even) {
    background: #fafbfc;
  }
  .route-reports-donor-summary .app-reports-table__row:nth-child(odd) {
    background: #fff;
  }
  .route-reports-donor-summary .app-reports-table__cell-gifts-sum,
  .route-reports-donor-summary .app-reports-table__heading-gifts-sum {
    text-align: right;
    width: 15%;
  }
  .route-reports-donor-summary .app-reports-table__cell-gifts-sum .kit-icon,
  .route-reports-donor-summary .app-reports-table__heading-gifts-sum .kit-icon {
    vertical-align: -3px;
    cursor: pointer;
  }
  .route-reports-donor-summary .app-reports-table__cell-gifts-avg,
  .route-reports-donor-summary .app-reports-table__heading-gifts-avg {
    text-align: right;
    width: 15%;
  }
  .route-reports-donor-summary .app-reports-table__cell-gifts-avg .kit-icon,
  .route-reports-donor-summary .app-reports-table__heading-gifts-avg .kit-icon {
    vertical-align: -3px;
    cursor: pointer;
  }
  .route-reports-donor-summary .app-reports-table__cell-gifts-nr,
  .route-reports-donor-summary .app-reports-table__heading-gifts-nr {
    text-align: right;
    width: 11%;
  }
  .route-reports-donor-summary .app-reports-table__cell-gifts-nr .kit-icon,
  .route-reports-donor-summary .app-reports-table__heading-gifts-nr .kit-icon {
    vertical-align: -3px;
    cursor: pointer;
  }
  .route-reports-donor-summary .app-reports-table__heading-external,
  .route-reports-donor-summary .app-reports-table__cell-external {
    width: 15%;
  }
  .route-reports-donor-summary .app-reports-table__heading-external span.text,
  .route-reports-donor-summary .app-reports-table__cell-external span.text {
    display: inline-block;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .route-reports-donor-summary .app-reports-table__heading-email,
  .route-reports-donor-summary .app-reports-table__cell-email,
  .route-reports-donor-summary .app-reports-table__heading-address,
  .route-reports-donor-summary .app-reports-table__cell-address,
  .route-reports-donor-summary .app-reports-table__heading-donor,
  .route-reports-donor-summary .app-reports-table__cell-donor {
    margin-right: 20px;
    width: 150px;
  }
  .route-reports-donor-summary .app-reports-table__heading-email span.text,
  .route-reports-donor-summary .app-reports-table__cell-email span.text,
  .route-reports-donor-summary .app-reports-table__heading-address span.text,
  .route-reports-donor-summary .app-reports-table__cell-address span.text,
  .route-reports-donor-summary .app-reports-table__heading-donor span.text,
  .route-reports-donor-summary .app-reports-table__cell-donor span.text {
    display: inline-block;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .route-reports-donor-summary .app-reports-table__cell {
    line-height: 3.22;
  }
  .route-reports-donor-summary .app-reports-table .kit-expanding-block {
    width: 100%;
  }
  .route-reports-donor-summary .app-reports-table .kit-expanding-block .kit-icon {
    color: var(--color-n300);
    line-height: 1;
  }
  .route-reports-donor-summary .app-reports-table .kit-expanding-block--expanded .arrow--up {
    display: inline-block;
  }
  .route-reports-donor-summary .app-reports-table .kit-expanding-block--expanded .arrow--down {
    display: none;
  }
  .route-reports-donor-summary .app-reports-table .kit-expanding-block--collapsed .arrow--up {
    display: none;
  }
  .route-reports-donor-summary .app-reports-table .kit-expanding-block--collapsed .arrow--down {
    display: inline-block;
  }
  .route-reports-donor-summary .app-reports-table .kit-expanding-block__block {
    display: block;
    justify-content: normal;
    position: relative;
  }
  .route-reports-donor-summary .app-reports-table .kit-expanding-block__content--expanded {
    color: var(--color-n700);
    margin-left: var(--spacing-md);
  }
  .route-reports-donor-summary .app-reports-table .kit-expanding-block .app-reports-table__row {
    background: transparent;
    border-bottom: 0;
  }
  .route-reports-donor-summary .app-reports-table__sort-bubble {
    border-radius: 50%;
    display: inline-block;
    height: 26px;
    margin-top: -7px;
    padding: 5px 6px 0 6px;
    width: 26px;
  }
  .route-reports-donor-summary .app-reports-table__heading-gifts-nr:not(.sorted) .app-reports-table__sort-bubble,
  .route-reports-donor-summary .app-reports-table__heading-gifts-avg:not(.sorted) .app-reports-table__sort-bubble,
  .route-reports-donor-summary .app-reports-table__heading-gifts-sum:not(.sorted) .app-reports-table__sort-bubble {
    visibility: hidden;
  }
  .route-reports-donor-summary .app-reports-table__heading-gifts-nr:hover,
  .route-reports-donor-summary .app-reports-table__heading-gifts-avg:hover,
  .route-reports-donor-summary .app-reports-table__heading-gifts-sum:hover {
    cursor: pointer;
  }
  .route-reports-donor-summary .app-reports-table__heading-gifts-nr:hover .app-reports-table__sort-bubble,
  .route-reports-donor-summary .app-reports-table__heading-gifts-avg:hover .app-reports-table__sort-bubble,
  .route-reports-donor-summary .app-reports-table__heading-gifts-sum:hover .app-reports-table__sort-bubble {
    background: var(--color-n50);
    visibility: visible;
  }
  .route-reports-donor-summary .app-reports-table__heading-gifts-nr:active .app-reports-table__sort-bubble,
  .route-reports-donor-summary .app-reports-table__heading-gifts-avg:active .app-reports-table__sort-bubble,
  .route-reports-donor-summary .app-reports-table__heading-gifts-sum:active .app-reports-table__sort-bubble,
  .route-reports-donor-summary .app-reports-table__heading-gifts-nr:focus .app-reports-table__sort-bubble,
  .route-reports-donor-summary .app-reports-table__heading-gifts-avg:focus .app-reports-table__sort-bubble,
  .route-reports-donor-summary .app-reports-table__heading-gifts-sum:focus .app-reports-table__sort-bubble {
    background: var(--color-n75);
    visibility: visible;
  }
  .route-reports-donor-summary .app-reports-table__heading-gifts-nr.down .kit-icon,
  .route-reports-donor-summary .app-reports-table__heading-gifts-avg.down .kit-icon,
  .route-reports-donor-summary .app-reports-table__heading-gifts-sum.down .kit-icon {
    transform: rotate(180deg);
  }
  .route-reports-donor-summary .app-reports-table__body > a {
    color: var(--color-n900);
  }
  .route-reports-donor-summary .app-reports-table__body > a:nth-child(even) > div {
    background-color: var(--color-n25);
  }
  .route-reports-donor-summary .app-reports-table__body > a:hover > div {
    background-color: var(--color-n50) !important;
  }
  .route-reports-donor-summary .app-reports-table__footer-container {
    align-items: center;
    display: flex;
    justify-content: space-between;
  }
  .route-reports-donor-summary .app-reports-table__footer-container .kit-pagination__arrow {
    position: relative;
    top: 2px;
  }
  .route-reports-donor-summary__campus-button .kit-select__arrow,
  .route-reports-donor-summary__fund-dropdown .kit-select__arrow,
  .route-reports-donor-summary__subfund-dropdown .kit-select__arrow {
    width: 10px !important;
    height: 10px !important;
  }
  .route-reports-fund-summary__export-icon {
    margin-right: 0 !important;
  }
  .route-reports-fund-summary__button-spinner {
    margin: 0;
    width: 23px;
  }
  .route-reports-fund-summary__campus-button {
    top: 1px;
    width: 250px;
  }
  .route-reports-fund-summary__campus-button .kit-select__input {
    text-overflow: ellipsis;
  }
  .route-reports-fund-summary__campus-button .kit-select__arrow {
    width: 10px !important;
    height: 10px !important;
  }
  .route-reports-fund-summary__loading-spinner {
    min-height: calc(40px * 12);
  }
  .route-reports-fund-summary__processing {
    margin: 48px auto 36px;
    max-width: 420px;
    text-align: center;
  }
  .route-reports-fund-summary__processing__progress-circle {
    margin: 0 auto 18px;
    width: 48px;
  }
  .route-reports-fund-summary .app-reports-table .kit-select__input {
    width: 250px;
  }
  .route-reports-fund-summary .app-reports-table__cell {
    overflow: hidden;
    white-space: nowrap;
  }
  .route-reports-fund-summary .app-reports-table__cell:not(.reports-table-table__cell-status) {
    text-overflow: ellipsis;
  }
  .route-reports-fund-summary .app-reports-table__heading {
    border-bottom: 1px solid var(--color-n100);
    display: flex;
    padding: 0 0 var(--spacing-md) 0;
    justify-content: space-between;
  }
  .route-reports-fund-summary .app-reports-table__row {
    border-bottom: 1px solid var(--color-n100);
    display: flex;
    line-height: 3rem;
    justify-content: space-between;
  }
  .route-reports-fund-summary .app-reports-table__row:nth-child(even) {
    background: #fafbfc;
  }
  .route-reports-fund-summary .app-reports-table__row:nth-child(odd) {
    background: #fff;
  }
  .route-reports-fund-summary .app-reports-table__cell-amount,
  .route-reports-fund-summary .app-reports-table__heading-amount {
    text-align: right;
    width: 32%;
  }
  .route-reports-fund-summary .app-reports-table__cell-amount .kit-icon,
  .route-reports-fund-summary .app-reports-table__heading-amount .kit-icon {
    vertical-align: -3px;
    cursor: pointer;
  }
  .route-reports-fund-summary .app-reports-table__cell-online,
  .route-reports-fund-summary .app-reports-table__heading-online {
    text-align: right;
    width: 17%;
  }
  .route-reports-fund-summary .app-reports-table__cell-offline,
  .route-reports-fund-summary .app-reports-table__heading-offline {
    text-align: right;
    width: 22%;
  }
  .route-reports-fund-summary .app-reports-table__heading-fund {
    width: 45%;
  }
  .route-reports-fund-summary .app-reports-table__heading-fund span.text {
    display: inline-block;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .route-reports-fund-summary .app-reports-table__cell {
    line-height: 3.22;
  }
  .route-reports-fund-summary .app-reports-table__cell-fund {
    width: 45%;
  }
  .route-reports-fund-summary .app-reports-table__cell-fund span.text {
    display: inline-block;
    max-width: 300px;
    text-overflow: ellipsis;
  }
  .route-reports-fund-summary .app-reports-table .kit-expanding-block {
    width: 100%;
  }
  .route-reports-fund-summary .app-reports-table .kit-expanding-block .kit-icon {
    color: var(--color-n300);
    line-height: 1;
  }
  .route-reports-fund-summary .app-reports-table .kit-expanding-block--expanded .arrow--up {
    display: inline-block;
  }
  .route-reports-fund-summary .app-reports-table .kit-expanding-block--expanded .arrow--down {
    display: none;
  }
  .route-reports-fund-summary .app-reports-table .kit-expanding-block--collapsed .arrow--up {
    display: none;
  }
  .route-reports-fund-summary .app-reports-table .kit-expanding-block--collapsed .arrow--down {
    display: inline-block;
  }
  .route-reports-fund-summary .app-reports-table .kit-expanding-block__block {
    display: block;
    justify-content: normal;
    position: relative;
  }
  .route-reports-fund-summary .app-reports-table .kit-expanding-block__content--expanded {
    color: var(--color-n700);
    margin-left: var(--spacing-md);
  }
  .route-reports-fund-summary .app-reports-table .kit-expanding-block .app-reports-table__row {
    background: transparent;
    border-bottom: 0;
  }
  .route-reports-fund-summary .app-reports-table__sort-bubble {
    border-radius: 50%;
    display: inline-block;
    height: 26px;
    margin-top: -7px;
    padding: 5px 6px 0 0;
    width: 26px;
  }
  .route-reports-fund-summary .app-reports-table__heading-amount:hover {
    cursor: pointer;
  }
  .route-reports-fund-summary .app-reports-table__heading-amount:hover .app-reports-table__sort-bubble {
    background: var(--color-n50);
  }
  .route-reports-fund-summary .app-reports-table__heading-amount:active .app-reports-table__sort-bubble,
  .route-reports-fund-summary .app-reports-table__heading-amount:focus .app-reports-table__sort-bubble {
    background: var(--color-n75);
  }
  .route-reports-fund-summary .app-reports-table .kit-icon.down {
    transform: rotate(180deg);
  }
  .route-reports-fund-summary .app-reports-table__body > a {
    color: var(--color-n900);
  }
  .route-reports-fund-summary .app-reports-table__body > a:nth-child(even) > div {
    background-color: var(--color-n25);
  }
  .route-reports-fund-summary .app-reports-table__body > a:hover > div {
    background-color: var(--color-n50) !important;
  }
  .route-reports-fund-summary .app-reports-table__footer-container {
    align-items: center;
    display: flex;
    justify-content: space-between;
  }
  .route-reports-fund-summary .app-reports-table__footer-container .kit-pagination__arrow {
    position: relative;
    top: 2px;
  }
  .route-reports-recurring-summary__campus-button {
    top: 1px;
    width: 250px;
  }
  .route-reports-recurring-summary__loading-spinner {
    min-height: 238px;
  }
  .route-reports-recurring-summary .app-reports-table__heading {
    border-bottom: 1px solid var(--color-n100);
    display: flex;
    padding: 0 0 var(--spacing-md) 0;
    justify-content: space-between;
  }
  .route-reports-recurring-summary .app-reports-table__row {
    border-bottom: 1px solid var(--color-n100);
    display: flex;
    line-height: 3rem;
    justify-content: space-between;
  }
  .route-reports-recurring-summary .app-reports-table__row:nth-child(even) {
    background: #fafbfc;
  }
  .route-reports-recurring-summary .app-reports-table__row:nth-child(odd) {
    background: #fff;
  }
  .route-reports-recurring-summary .app-reports-table__cell-amount,
  .route-reports-recurring-summary .app-reports-table__heading-amount {
    position: relative;
    text-align: right;
    width: 12%;
  }
  .route-reports-recurring-summary .app-reports-table__cell-donor,
  .route-reports-recurring-summary .app-reports-table__heading-donor {
    width: 20%;
  }
  .route-reports-recurring-summary .app-reports-table__cell-fund,
  .route-reports-recurring-summary .app-reports-table__heading-fund {
    width: 25%;
  }
  .route-reports-recurring-summary .app-reports-table__cell-frequency,
  .route-reports-recurring-summary .app-reports-table__heading-frequency {
    width: 15%;
  }
  .route-reports-recurring-summary .app-reports-table__cell-status,
  .route-reports-recurring-summary .app-reports-table__heading-status {
    position: relative;
    width: 13%;
    margin-right: 10px;
  }
  .route-reports-recurring-summary .app-reports-table__cell-date,
  .route-reports-recurring-summary .app-reports-table__heading-date {
    position: relative;
    width: 120px;
  }
  .route-reports-recurring-summary .app-reports-table__cell {
    line-height: 3.22;
    overflow: hidden;
    white-space: nowrap;
  }
  .route-reports-recurring-summary .app-reports-table__cell-status__dot {
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    margin-right: 8px;
    width: 8px;
  }
  .route-reports-recurring-summary .app-reports-table__cell-status__dot.active {
    background-color: #3ed6c9;
  }
  .route-reports-recurring-summary .app-reports-table__cell-status__dot.canceled,
  .route-reports-recurring-summary .app-reports-table__cell-status__dot.cancelled {
    background-color: #ffb13d;
  }
  .route-reports-recurring-summary .app-reports-table__cell-status__dot.failed {
    background-color: #fb414b;
  }
  .route-reports-recurring-summary .app-reports-table__sort-bubble {
    border-radius: 50%;
    display: inline-block;
    height: 26px;
    margin-top: -8px;
    padding: 5px 6px 0 6px;
    width: 26px;
  }
  .route-reports-recurring-summary .app-reports-table__sort-bubble.amount {
    vertical-align: middle;
    position: absolute;
    right: 52px;
    top: 3px;
  }
  .route-reports-recurring-summary .app-reports-table__sort-bubble.date {
    left: 0;
    margin-top: 0;
    position: absolute;
    top: -5px;
  }
  .route-reports-recurring-summary .app-reports-table__heading-date {
    margin-left: -30px;
    margin-right: 30px;
    padding-left: 30px;
  }
  .route-reports-recurring-summary .app-reports-table__heading-date:not(.sorted) .app-reports-table__sort-bubble,
  .route-reports-recurring-summary .app-reports-table__heading-amount:not(.sorted) .app-reports-table__sort-bubble {
    visibility: hidden;
  }
  .route-reports-recurring-summary .app-reports-table__heading-date:hover,
  .route-reports-recurring-summary .app-reports-table__heading-amount:hover {
    cursor: pointer;
  }
  .route-reports-recurring-summary .app-reports-table__heading-date:hover .app-reports-table__sort-bubble,
  .route-reports-recurring-summary .app-reports-table__heading-amount:hover .app-reports-table__sort-bubble {
    background: var(--color-n50);
    visibility: visible;
  }
  .route-reports-recurring-summary .app-reports-table__heading-date:active .app-reports-table__sort-bubble,
  .route-reports-recurring-summary .app-reports-table__heading-amount:active .app-reports-table__sort-bubble,
  .route-reports-recurring-summary .app-reports-table__heading-date:focus .app-reports-table__sort-bubble,
  .route-reports-recurring-summary .app-reports-table__heading-amount:focus .app-reports-table__sort-bubble {
    background: var(--color-n75);
    visibility: visible;
  }
  .route-reports-recurring-summary .app-reports-table__heading-date.down .kit-icon,
  .route-reports-recurring-summary .app-reports-table__heading-amount.down .kit-icon {
    transform: rotate(180deg);
  }
  .route-reports-recurring-summary .app-reports-table__body > a {
    color: var(--color-n900);
  }
  .route-reports-recurring-summary .app-reports-table__body > a:nth-child(even) > div {
    background-color: var(--color-n25);
  }
  .route-reports-recurring-summary .app-reports-table__body > a:hover > div {
    background-color: var(--color-n50) !important;
  }
  .route-reports-recurring-summary .app-reports-table__footer-container {
    align-items: center;
    display: flex;
    justify-content: space-between;
  }
  .route-reports-recurring-summary .app-reports-table__footer-container .kit-pagination__arrow {
    position: relative;
    top: 2px;
  }
  .route-welcome__links {
    display: flex;
    justify-content: space-between;
    /**
     * Special styling needed in order to fix bug causing frame to over-extend
     * when the KitCopyText component is used inside it.
     */
  }
  .route-welcome__links .kit-frame {
    flex: auto;
    width: 350px;
  }
  .route-welcome__csm {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .route-welcome__csm-image {
    height: 203px;
    max-width: 245px;
    align-self: flex-end;
  }
  /* Components */
  .app-account-disabled {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
  }
  .app-account-disabled__text {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .app-account-disabled__subtext {
    max-width: 45ch;
    text-align: center;
  }
  .app-batch-modal .kit-scrolling-content__body {
    overflow: visible;
  }
  .app-batch-modal .kit-scrolling-content__footer {
    text-align: right;
  }
  .app-batch-modal .kit-scrolling-content__footer::after {
    border-bottom: none;
    box-shadow: 0;
  }
  .app-campuses-disabled {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
  }
  .app-campuses-disabled__text {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .app-campuses-disabled__subtext {
    max-width: 45ch;
    text-align: center;
  }
  .app-carousel-slide--hidden {
    display: none;
  }
  .app-carousel__nav {
    align-items: center;
    display: flex;
    justify-content: space-between;
  }
  .app-carousel__nav-button--hidden {
    opacity: 0;
    pointer-events: none;
  }
  .app-carousel__dot {
    background-color: var(--color-n300);
    border-radius: var(--radius-full);
    height: 4px;
    margin-right: var(--spacing-xs);
    width: 4px;
  }
  .app-carousel__dot-wrap {
    align-items: center;
    display: flex;
  }
  .app-carousel__dot:last-child {
    margin-right: 0;
  }
  .app-carousel__dot--active {
    background-color: var(--color-brand-subsplash);
    border-radius: var(--radius-full);
    height: 6px;
    width: 6px;
  }
  .app-check-scan-modal #autofocus {
    height: 10px;
    left: 25%;
    margin-top: 10px;
    position: absolute;
    width: 50%;
  }
  .app-check-scan-modal button a {
    color: inherit;
  }
  .app-check-scan-modal #hide-input {
    background: white;
    height: 20px;
    left: 20%;
    margin-top: 10px;
    position: absolute;
    width: 60%;
  }
  .app-check-scan-modal h4 {
    color: #222;
    font-size: 20px;
    line-height: 1.25;
    margin-bottom: 18px;
  }
  .app-check-scan-modal p {
    color: #747578;
    font-size: 14px;
    line-height: 1.43;
    margin-bottom: 15px;
    padding-left: 12%;
    padding-right: 12%;
  }
  .app-check-scan-modal .kit-loading-spinner__loader {
    margin-top: -120px;
  }
  .app-check-scan-modal__scan-image {
    margin-top: 28px;
  }
  .app-check-scan-modal .u__flex-justify-content--between {
    justify-content: space-between;
  }
  .app-check-scan-modal .u__mt--100 {
    margin-top: 100px;
  }
  .create-donor-modal .kit-input-autocomplete__results {
    padding-right: 8px;
  }
  .create-donor-modal .kit-expanding-block__indicator {
    margin-right: 24px;
  }
  .app-donor-merge-modal__empty-row {
    background-color: #ffffff;
    color: #222222;
    display: flex;
    height: 48px;
  }
  .app-donor-merge-modal__empty-row:hover {
    background: #f9fafc;
  }
  .app-donor-merge-modal__empty-row__left-content,
  .app-donor-merge-modal__empty-row__main-content {
    display: flex;
    min-width: 0;
  }
  .app-donor-merge-modal__empty-row__left-content {
    margin-right: 12px;
    margin-left: 0;
    padding-top: 12px;
  }
  .app-donor-merge-modal__empty-row__left-content > .kit-icon {
    display: inline-block;
    height: 24px;
    width: 24px;
  }
  .app-donor-merge-modal__empty-row__main-content {
    flex: 1;
    font-weight: 400;
    line-height: 1.57142857rem;
    padding-top: 13px;
  }
  .app-donor-merge-modal .kit-row-item__left-content {
    font-size: 16px;
  }
  .app-donor-merge-modal .kit-row-item__left-content .kit-user-avatar {
    height: 30px;
    margin-right: 8px;
    width: 30px;
  }
  .app-donor-merge-modal .kit-row-item__left-content .detail {
    color: var(--color-n500);
    white-space: nowrap;
  }
  .app-donor-merge-modal .kit-row-item__left-content .name-detail {
    white-space: nowrap;
  }
  .app-donor-merge-modal__info-box {
    border: solid 1px #e1e2e6;
    border-radius: 6px;
    padding: 24px;
    position: relative;
  }
  .app-donor-merge-modal__info-box .text-muted {
    color: #999b9e;
  }
  .app-donor-merge-modal__info-box .text-muted.kit-icon {
    color: #b8babf;
  }
  .app-donor-merge-modal__info-box p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .app-donor-merge-modal__info-box.active {
    border-color: #4f63ff;
  }
  .app-donor-merge-modal__info-box__profile-name {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.38;
    color: #222222;
  }
  .app-donor-merge-modal__info-box__close-icon {
    position: absolute;
    right: 24px;
    color: #b8babf;
  }
  .app-donor-merge-modal__info-box .kit-icon {
    vertical-align: -1px;
  }
  .app-donor-merge-modal__info-box .kit-icon.pin {
    vertical-align: -2px;
  }
  .app-donor-merge-modal__inline-row {
    display: flex;
    justify-content: space-between;
    position: relative;
  }
  .app-donor-merge-modal__inline-row__input--half {
    width: 48%;
  }
  @media screen and (max-width: 768px) {
    .app-donor-merge-modal__inline-row__input--half {
      width: 100%;
    }
  }
  @media screen and (max-width: 768px) {
    .app-donor-merge-modal__inline-row {
      display: block;
    }
  }
  .app-donor-merge-modal .kit-scrolling-content--shadow-bottom .kit-scrolling-content__footer::after,
  .app-donor-merge-modal .kit-scrolling-content--shadow-top .kit-scrolling-content__header::after {
    opacity: 0;
  }
  .app-donor-merge-modal.show-overflow.comparing .kit-scrolling-content__body,
  .app-donor-merge-modal.show-overflow.comparing .kit-modal__frame.kit-frame {
    overflow-y: auto;
  }
  .app-donor-merge-modal.show-overflow p {
    max-width: 66vw;
    width: 522px;
  }
  .app-donor-merge-modal.show-overflow.typeahead .kit-scrolling-content__body,
  .app-donor-merge-modal.show-overflow.typeahead .kit-modal__frame.kit-frame {
    overflow: visible;
  }
  @media screen and (max-height: 500px) {
    .app-donor-merge-modal.show-overflow.typeahead .kit-modal__frame.kit-frame {
      min-height: 97%;
      overflow: auto;
    }
  }
  .app-donor-merge-modal__subtitle {
    display: block;
    font-size: 14px;
    margin: 7px 10px 13px 0;
  }
  .app-pledge-modal .kit-modal__frame {
    overflow: visible;
  }
  .app-pledge-modal .kit-scrolling-content__body {
    overflow: visible;
  }
  .app-pledge-modal .kit-scrolling-content {
    border-radius: 16px;
    border: 6px solid white;
  }
  .app-error-page {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 80vh;
    justify-content: center;
    min-height: 500px;
    width: 100%;
  }
  .app-error-page .kit-icon {
    color: var(--color-n500);
  }
  .app-gifts-refund-modal-no-memo-fields .kit-modal__content {
    min-height: 0px;
  }
  .app-gifts-refund-modal-no-memo-fields .kit-modal__header {
    padding-bottom: 8px;
  }
  .app-recurring-search__search {
    position: relative;
    width: 100%;
  }
  .app-recurring-search__search input.ember-text-field[type='text'] {
    height: 34px;
    padding-left: 3rem;
  }
  .app-recurring-search__search input.ember-text-field[type='text']:not(:focus) {
    border: 0;
  }
  .app-recurring-search__search input.ember-text-field[type='text']:focus {
    border-color: var(--color-brand-subsplash);
    border-width: 1px;
  }
  .app-recurring-search__search .kit-search__icon {
    margin: 8px;
    position: absolute;
    color: #999b9e;
  }
  .app-import-cancel .kit-scrolling-content__footer.text-right {
    text-align: right;
  }
  .app-import-history__history-header {
    display: flex;
    justify-content: space-between;
  }
  .app-import-history__history-rows__progress-circle {
    width: 20px;
    height: 20px;
  }
  .app-import-history__no-history__arrow-image {
    width: 38px;
    height: 38px;
    margin-left: auto;
    margin-right: auto;
  }
  .app-import-history__no-history__no-import {
    color: var(--color-n500);
  }
  .app-orders-table__custom-tooltip {
    white-space: normal;
  }
  .app-orders-table__no-border-row {
    border-bottom: none !important;
  }
  .app-page {
    height: 100%;
    position: relative;
    width: 100%;
    /** Decrease margin of &__main only if &__header is present */
  }
  .app-page__header {
    align-items: center;
    background-color: var(--color-n25);
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    padding: var(--spacing-xl);
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    transition: box-shadow 125ms cubic-bezier(0.42, 0, 0.58, 1);
    z-index: 50;
    box-shadow: none;
  }
  .app-page__header--scrolled {
    /** Based on depth--200, and customized to do a fade on the sides */
    box-shadow: 0 27px 10px -24px rgba(0, 0, 0, 0.06), 0 14px 2px -13px rgba(0, 0, 0, 0.04);
  }
  .app-page__header + .app-page__main {
    padding-top: 0;
  }
  .app-page__header-content {
    align-items: center;
    display: flex;
  }
  .app-page__header-content--left {
    flex-grow: 1;
  }
  .app-page__header-content--right .kit-button:not(.kit-button--shape-circle) {
    min-width: 100px;
  }
  .app-page__nav-toggle {
    cursor: pointer;
    display: block;
  }
  .app-page__nav-toggle .kit-icon {
    display: flex;
  }
  @media screen and (min-width: 1024px) {
    .app-page__nav-toggle {
      display: none;
    }
  }
  .app-page__main {
    display: flex;
    margin: 0 auto;
    padding: var(--spacing-xl);
    position: relative;
  }
  .app-page__main-content {
    width: 100%;
  }
  .app-page__footer {
    color: var(--color-n400);
    font-size: 0.857rem;
    line-height: 0.857rem;
    padding: var(--spacing-md) var(--spacing-2xl) var(--spacing-2xl);
  }
  .app-page__aside {
    margin-left: var(--spacing-xl);
    width: 288px;
  }
  .app-page__aside > * {
    width: 100%;
  }
  .app-person-gifts .person-gifts-table__cell {
    overflow: hidden;
    white-space: nowrap;
  }
  .app-person-gifts .person-gifts-table__cell:not(.person-gifts-table__cell-status) {
    text-overflow: ellipsis;
  }
  .app-person-gifts .person-gifts-table__heading {
    border-bottom: 1px solid var(--color-n100);
    display: flex;
    padding: 0 0 var(--spacing-md) 0;
  }
  .app-person-gifts .person-gifts-table__row {
    border-bottom: 1px solid var(--color-n100);
    display: flex;
    height: 40px;
    line-height: 3rem;
  }
  .app-person-gifts .person-gifts-table__cell-amount,
  .app-person-gifts .person-gifts-table__heading-amount {
    text-align: right;
    width: 8%;
  }
  .app-person-gifts .person-gifts-table__cell-date,
  .app-person-gifts .person-gifts-table__heading-date {
    width: 10%;
  }
  .app-person-gifts .person-gifts-table__cell-fund,
  .app-person-gifts .person-gifts-table__heading-fund {
    padding-left: var(--spacing-lg);
    width: 45%;
  }
  .app-person-gifts .person-gifts-table__cell-fund span,
  .app-person-gifts .person-gifts-table__heading-fund span {
    display: inline-block;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .app-person-gifts .person-gifts-table__cell-status,
  .app-person-gifts .person-gifts-table__heading-status {
    text-align: right;
    width: 21%;
  }
  .app-person-gifts .person-gifts-table__cell-memo,
  .app-person-gifts .person-gifts-table__heading-memo,
  .app-person-gifts .person-gifts-table__cell-payment-method,
  .app-person-gifts .person-gifts-table__heading-payment-method {
    text-align: center;
    width: 8%;
  }
  .app-person-gifts .person-gifts-table__cell-memo .icon-offset,
  .app-person-gifts .person-gifts-table__heading-memo .icon-offset,
  .app-person-gifts .person-gifts-table__cell-payment-method .icon-offset,
  .app-person-gifts .person-gifts-table__heading-payment-method .icon-offset {
    position: relative;
    top: 5px;
  }
  .app-person-gifts .person-gifts-table__body > a {
    color: var(--color-n900);
  }
  .app-person-gifts .person-gifts-table__body > a:nth-child(even) > div {
    background-color: var(--color-n25);
  }
  .app-person-gifts .person-gifts-table__body > a:hover > div {
    background-color: var(--color-n50) !important;
  }
  .app-person-gifts .person-gifts-table__footer-container {
    align-items: center;
    display: flex;
    justify-content: space-between;
  }
  .app-person-gifts .person-gifts-table__footer-container .kit-pagination__arrow {
    position: relative;
    top: 2px;
  }
  .app-statements-list .person-statements-row__item .kit-popover__trigger {
    padding: var(--spacing-md) var(--spacing-xs);
  }
  .app-statements-list .person-statements__footer-container .kit-pagination__arrow {
    position: relative;
    top: 2px;
  }
  .app-generate-statement-modal label:not(.text-muted) {
    color: var(--color-n900);
  }
  .app-generate-statement-modal .kit-select {
    margin-left: 2px;
    width: calc(100% - 4px);
  }
  .app-generate-statement-modal__loading-spinner {
    height: var(--spacing-2xl);
  }
  .app-statement-email-confirmation-modal__icon-circle {
    align-items: center;
    background: var(--color-n200);
    border-radius: var(--radius-full);
    display: flex;
    height: 36px;
    justify-content: center;
    width: 36px;
  }
  .app-statement-email-confirmation-modal__body,
  .app-generate-statement-modal__body {
    overflow-x: hidden;
  }
  .app-statement-email-confirmation-modal .text-muted,
  .app-generate-statement-modal .text-muted {
    color: var(--color-n500);
  }
  .modal-close__separated-button {
    position: fixed;
    right: var(--spacing-xl);
    top: var(--spacing-xl);
    z-index: 900;
  }
  .kit-row-item.title-bold .kit-row-item__title {
    font-weight: 700;
  }
  .app-report-pending-modal__email-image {
    height: 48px;
    margin-left: auto;
    margin-right: auto;
    width: 48px;
  }
  .app-report-pending-modal__footer {
    display: flex;
    justify-content: flex-end;
  }
  .app-report-pending-modal h4 {
    font-size: 16px;
  }
  .app-report-pending-modal p {
    color: var(--color-n500);
    margin: 0 auto;
    max-width: 75%;
  }
  .app-sidebar-navigation {
    height: 100%;
    width: 0;
  }
  .app-sidebar-navigation__logo {
    margin-top: 32px;
    min-height: 14px;
    opacity: 0.5;
    width: 134px;
  }
  .app-sidebar-navigation__overlay {
    cursor: pointer;
    z-index: 99;
  }
  .app-sidebar-navigation__kit-panel {
    box-shadow: none;
    display: block;
    height: 100%;
    overflow: unset;
    width: 236px;
    z-index: 100;
  }
  .app-sidebar-navigation__kit-panel.no-scroll {
    overflow: unset;
  }
  @media screen and (min-height: 480px) {
    .app-sidebar-navigation__kit-panel:not(.no-scroll) {
      display: flex;
      flex-direction: column;
    }
  }
  @media screen and (min-width: 1024px) {
    .app-sidebar-navigation {
      width: 236px;
    }
    .app-sidebar-navigation__kit-panel:not(.no-scroll) {
      box-shadow: none;
      transition: none;
    }
  }
  @media screen and (max-width: 1023px) {
    [data-test-callout-item-name='giving-analytics-are-here'] {
      display: none;
    }
  }
  .app-signup__logo {
    height: 20px;
    margin-bottom: 72px;
    width: 182px;
  }
  @media screen and (max-width: 600px) {
    .app-signup__logo {
      margin-bottom: 0;
    }
    .app-signup__logo-direct {
      margin-bottom: var(--spacing-2xl);
    }
  }
  .app-signup__content {
    display: flex;
    flex-wrap: wrap;
  }
  .app-signup__details {
    width: 50%;
  }
  @media screen and (max-width: 768px) {
    .app-signup__details {
      width: 100%;
    }
  }
  .app-signup__form {
    width: 50%;
  }
  @media screen and (max-width: 768px) {
    .app-signup__form {
      width: 100%;
    }
  }
  .app-signup__form .kit-button,
  .app-signup__form .kit-select {
    width: 100%;
  }
  .app-signup__inline-row {
    display: flex;
    justify-content: space-between;
    position: relative;
  }
  .app-signup__inline-row__input--half {
    width: 50%;
  }
  @media screen and (max-width: 768px) {
    .app-signup__inline-row__input--half {
      width: 100%;
    }
  }
  .app-signup__inline-row__input--quarter {
    width: 30%;
  }
  @media screen and (max-width: 768px) {
    .app-signup__inline-row__input--quarter {
      width: 100%;
    }
  }
  @media screen and (max-width: 768px) {
    .app-signup__inline-row {
      display: block;
    }
  }
  .app-signup__footer {
    font-size: 0.857rem;
    margin-top: 72px;
  }
  .app-signup__success {
    align-items: center;
    display: flex;
    flex-direction: column;
  }
  .app-signup .kit-symbol-input input {
    text-align: left;
  }
  .app-signup__logo-handler {
    display: flex;
  }
  @media screen and (max-width: 600px) {
    .app-signup__logo-handler {
      display: block;
    }
  }
  .app-signup__brotherhood-logo {
    height: 48px;
    width: 91px;
  }
  @media screen and (max-width: 600px) {
    .app-signup__brotherhood-logo {
      display: inline-block;
      height: 40px;
      margin-bottom: 48px !important;
      margin-top: 36px;
      vertical-align: top;
      width: 75px;
    }
  }
  .app-signup__guideone-logo {
    height: 30px;
    width: 150px;
  }
  @media screen and (max-width: 600px) {
    .app-signup__guideone-logo {
      display: inline-block;
      height: 20px;
      margin-bottom: 48px !important;
      margin-top: 48px;
      vertical-align: top;
      width: 100px;
    }
  }
  .app-signup__dclm-logo {
    height: 50px;
    width: 50px;
    top: -10px;
  }
  @media screen and (max-width: 600px) {
    .app-signup__dclm-logo {
      display: inline-block;
      height: 45px;
      margin-bottom: 48px !important;
      margin-top: 43px;
      vertical-align: top;
      width: 55px;
    }
  }
  .app-signup__logo-divider {
    margin-left: 36px;
    margin-right: 36px;
  }
  @media screen and (max-width: 600px) {
    .app-signup__logo-divider {
      display: inline-block;
      margin-left: 0;
      margin-right: 18px;
      margin-top: 48px !important;
    }
  }
  .app-welcome__step--half {
    width: 50%;
  }
  .app-welcome__step--one-third {
    width: 33%;
  }
  .app-welcome__step--one-third .kit-button {
    width: 100%;
  }
  .app-welcome__circle-badge {
    align-items: center;
    border-width: var(--spacing-2xs);
    display: flex;
    font-size: 1rem;
    font-weight: 600;
    height: var(--spacing-xl);
    justify-content: center;
    letter-spacing: 0px;
    padding: 0;
    text-align: center;
    width: var(--spacing-xl);
  }
  .app-welcome__underwriting--declined svg {
    width: 20px;
  }
  .app-welcome__underwriting--pending__details,
  .app-welcome__underwriting--info-required__details {
    flex: 1;
  }
}