diff --git a/dist/cirrus-core.css b/dist/cirrus-core.css
index 73067faf..e3b31376 100644
--- a/dist/cirrus-core.css
+++ b/dist/cirrus-core.css
@@ -1202,12 +1202,12 @@ select.input-xlarge {
 
 /* Hold Font Awesome glyphs inside input fields */
 /* More sizes coming soon */
-input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon,
-input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-left {
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon,
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-left {
     padding-left: 2.75rem;
 }
 
-input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-right {
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-right {
     padding-right: 2.75rem;
 }
 
diff --git a/dist/cirrus-core.min.css b/dist/cirrus-core.min.css
index d7528857..51877ba6 100644
--- a/dist/cirrus-core.min.css
+++ b/dist/cirrus-core.min.css
@@ -3,4 +3,4 @@
 * Stanley Lim, Copyright 2020
 * https://spiderpig86.github.io/Cirrus
 */
-.btn,[type=submit],button{display:inline-flex;line-height:2rem;overflow:hidden;padding:.5rem 1.5rem;border:1px solid transparent;border-radius:.25rem;cursor:pointer;text-align:center;background-color:var(--btn-color);border-color:var(--btn-border-color);color:var(--btn-fg);font-size:.75rem;letter-spacing:.03rem;text-transform:uppercase;font-family:Montserrat;min-width:2rem;user-select:none;margin-bottom:1rem;outline:0;--btn-color:#fefefe;--btn-fg:#737373;--btn-border-color:#d9d9d9}.btn:hover,[type=submit]:hover,button:hover{transition:all var(--animation-duration);background-color:#eee;--btn-color:#eee}.btn:active,[type=submit]:active,button:active{transition:var(--animation-duration) ease}.btn.loading:active::after,[type=submit].loading:active::after,button.loading:active::after{transition:var(--animation-duration) ease;border-radius:50%;border-right-color:transparent;border-top-color:transparent}.btn.btn-animated,[type=submit].btn-animated,button.btn-animated{transition:calc(var(--animation-duration)/ 2) ease}.btn.btn-animated:active,[type=submit].btn-animated:active,button.btn-animated:active{-webkit-transform:scale(.98);transform:inherit,scale(.98);transition:calc(var(--animation-duration)/ 2) ease}.btn:focus,button:focus,input[type=submit]:focus{outline:0}.btn:disabled,[type=submit]:disabled,button:disabled{cursor:not-allowed;opacity:.5}button.btn-close{background-color:rgba(10,10,10,.2);border:none;border-radius:290486px;cursor:pointer;display:inline-block;flex-grow:0;flex-shrink:0;font-size:0;height:20px;outline:0;position:relative;vertical-align:top;width:20px;padding:0;min-width:20px}button.btn-close:hover{background-color:rgba(10,10,10,.3)}button.btn-close::after,button.btn-close::before{background-color:var(--cirrus-bg);content:'';display:block;left:50%;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);transform:translateX(-50%) translateY(-50%) rotate(45deg);-webkit-transform-origin:center center;transform-origin:center center}button.btn-close::before{height:2px;width:50%}button.btn-close::after{height:50%;width:2px}.btn-container{margin:.5rem;overflow:visible}.btn-transparent{--btn-color:transparent;--btn-fg:var(--cirrus-dark);--btn-border-color:transparent}.btn-transparent.outline{--btn-color:var(--cirrus-dark)}.btn-transparent:hover{--btn-color:rgba(0, 0, 0, 0.1)}.btn-transparent:focus{box-shadow:0 0 0 .2rem rgba(246,249,252,.5)}.btn-light{--btn-color:var(--cirrus-light);--btn-fg:var(--cirrus-dark);--btn-border-color:var(--cirrus-light)}.btn-light:hover{--btn-color:var(--cirrus-light-hover)}.btn-light:focus{box-shadow:0 0 0 .2rem rgba(246,249,252,.5)}.btn-dark{--btn-color:var(--cirrus-dark);--btn-fg:var(--cirrus-light);--btn-border-color:var(--cirrus-dark)}.btn-dark:hover{--btn-color:var(--cirrus-dark-hover)}.btn-dark.outline:hover{--btn-color:var(--cirrus-dark)}.btn-dark:focus{box-shadow:0 0 0 .2rem rgba(54,54,54,.5)}.btn-black{--btn-color:#000;--btn-fg:var(--cirrus-light);--btn-border-color:#000}.btn-black:hover{--btn-color:#000}.btn-black:focus{box-shadow:0 0 0 .2rem rgba(54,54,54,.5)}.btn-primary{--btn-color:var(--cirrus-primary);--btn-fg:var(--cirrus-light);--btn-border-color:var(--cirrus-accent-border)}.btn-primary:hover{--btn-color:var(--cirrus-accent-hover)}.btn-primary.outline:hover{--btn-color:var(--cirrus-primary)}.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(240,61,76,.5)}.btn-info{--btn-color:var(--cirrus-info);--btn-fg:var(--cirrus-light);--btn-border-color:var(--cirrus-info)}.btn-info:hover{--btn-color:var(--cirrus-info-hover)}.btn-info.outline:hover{--btn-color:var(--cirrus-info)}.btn-info:focus{box-shadow:0 0 0 .2rem rgba(41,114,250,.5)}.btn-link{--btn-color:var(--cirrus-link);--btn-fg:var(--cirrus-light);--btn-border-color:var(--cirrus-link)}.btn-link.outline{--btn-fg:var(--cirrus-link);border:1px solid transparent}.btn-link:hover{--btn-color:var(--cirrus-link-dark)}.btn-link.outline:hover{--btn-color:var(--cirrus-link-hover);border:1px solid transparent;text-decoration:underline}.btn-link:focus{box-shadow:0 0 0 .2rem rgba(94,92,199,.5)}.btn-success{--btn-color:var(--cirrus-success);--btn-fg:var(--cirrus-light);--btn-border-color:var(--cirrus-success)}.btn-success:hover{--btn-color:var(--cirrus-success-hover)}.btn-success.outline:hover{--btn-color:var(--cirrus-success)}.btn-success:focus{box-shadow:0 0 0 .2rem rgba(13,210,89,.5)}.btn-warning{--btn-color:var(--cirrus-warning);--btn-fg:var(--cirrus-dark);--btn-border-color:var(--cirrus-warning)}.btn-warning:hover{--btn-color:var(--cirrus-warning-hover)}.btn-warning.outline:hover{--btn-color:var(--cirrus-warning)}.btn-warning:focus{box-shadow:0 0 0 .2rem rgba(250,180,51,.5)}.btn-danger{--btn-color:var(--cirrus-danger);--btn-fg:var(--cirrus-light);--btn-border-color:var(--cirrus-danger)}.btn-danger:hover{--btn-color:var(--cirrus-danger-hover)}.btn-danger.outline:hover{--btn-color:var(--cirrus-danger)}.btn-danger:focus{box-shadow:0 0 0 .2rem rgba(251,65,68,.5)}[class*=' btn-'],[class^=btn-]{background-color:var(--btn-color);border:1px solid var(--btn-border-color);color:var(--btn-fg);transition:all var(--animation-duration)}[class*=' btn-']:hover,[class^=btn-]:hover{background-color:var(--btn-color);border-color:var(--btn-border-color);transition:all var(--animation-duration)}[class*=' btn-'].outline,[class^=btn-].outline{background-color:transparent;color:var(--btn-color)}[class*=' btn-'].outline:hover,[class^=btn-].outline:hover{background-color:var(--btn-color);color:var(--btn-fg);transition:all var(--animation-duration)}.has-controls.input:not([class*='left action'])>.btn:last-child>.btn,.has-controls.input:not([class*='left action'])>button:last-child{border-radius:0 .28571429rem .28571429rem 0}.has-controls.input:not([class*='right action'])>.btn:last-child>.btn,.has-controls.input:not([class*='right action'])>button:last-child{border-radius:.28571429rem 0 0 .28571429rem}.btn-tiny{line-height:1.5rem;padding:0 .25rem;font-size:50%}.btn-small{line-height:2.4rem;padding:0 .5rem;font-size:70%}.btn-large{line-height:3.5rem;padding:0 2rem;font-size:90%}.btn-xlarge{line-height:4.5rem;padding:0 2rem;font-size:110%}.loading.btn-accent:after{border:2px solid #fff;border-right-color:transparent;border-top-color:transparent}.btn .fa-wrapper,[type=submit] .fa-wrapper,button .fa-wrapper{vertical-align:baseline}.btn .fa-wrapper.pad-right,[type=submit] .fa-wrapper.pad-right,button .fa-wrapper.pad-right{margin-right:.4rem}.btn .fa-wrapper.pad-left,[type=submit] .fa-wrapper.pad-left,button .fa-wrapper.pad-left{margin-left:.4rem}.btn span:first-child,[type=submit] span:first-child,button span:first-child{margin-right:.2rem}.btn span:last-child,[type=submit] span:last-child,button span:last-child{margin-left:.2rem}.btn-group{display:-webkit-inline-box;display:inline-flex;display:-ms-inline-flexbox;display:-webkit-inline-flex}.btn-group.btn-group-fill{display:-webkit-box;display:flex;display:-ms-flexbox}.btn-group .btn,.btn-group [type=submit],.btn-group button{-ms-flex:1 0 auto;-webkit-box-flex:1;flex:1 0 auto;margin:0}.btn-group.btn-group-fill .btn,.btn-group.btn-group-fill [type=submit],.btn-group.btn-group-fill button{-ms-flex:1 0;-webkit-box-flex:1;flex:1 0}.btn-group .btn:first-child:not(:last-child),.btn-group [type=submit]:first-child:not(:last-child),.btn-group button:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group .btn:last-child:not(:first-child),.btn-group [type=submit]:last-child:not(:first-child),.btn-group button:last-child:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-.1rem}.btn-group .btn:not(:first-child):not(:last-child),.btn-group [type=submit]:not(:first-child):not(:last-child),.btn-group button:not(:first-child):not(:last-child){border-radius:0;margin-left:-.1rem}@media screen and (max-width:768px){.btn-group{display:flex;flex-direction:column}.btn-group .btn,.btn-group [type=submit],.btn-group button{margin-bottom:-1px}.btn-group .btn:first-child:not(:last-child),.btn-group [type=submit]:first-child:not(:last-child),.btn-group button:first-child:not(:last-child){border-radius:.25rem .25rem 0 0}.btn-group .btn:not(:first-child):not(:last-child),.btn-group [type=submit]:not(:first-child):not(:last-child),.btn-group button:not(:first-child):not(:last-child){margin-left:0}.btn-group .btn:last-child:not(:first-child),.btn-group [type=submit]:last-child:not(:first-child),.btn-group button:last-child:not(:first-child){border-radius:0 0 .25rem .25rem;margin-left:0}}code{padding:.3rem;margin:.5em 0;overflow:auto;background-color:var(--cirrus-code-bg);color:var(--cirrus-code-fg);border-radius:3px}code.dark{background-color:var(--cirrus-dark);color:#fff}code:before{color:#acb3c2;content:attr(data-lang);font-size:.9rem;position:absolute;right:1rem;top:.7rem}pre>code{font-size:14px;display:block;padding:2rem 1.5rem 1rem;white-space:pre-wrap;word-wrap:break-word;font-family:Consolas,Monaco,"Andale Mono",monospace;text-align:left;line-height:1.5;-moz-tab-size:4;tab-size:4;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;border-left:.3rem solid var(--cirrus-primary);margin:0;position:relative;color:#222}*{margin:0;padding:0;box-sizing:border-box;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}body,html{margin:0;padding:0;border:none;height:100%}body{letter-spacing:.01rem;line-height:1.8;font-size:1rem;font-weight:400;font-family:"Nunito Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";letter-spacing:.01rem;text-shadow:1px 1px 1px rgba(0,0,0,.004);color:var(--cirrus-fg)}ul{list-style:none;list-style:disc}audio,embed,img,object,video{max-width:100%;height:auto}.hero.fullscreen video{height:100%;object-fit:fill;position:absolute;width:100%;z-index:-1}iframe{outline:0;border:1px solid rgba(0,0,0,.1);border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,.05)}article,aside,figure,footer,header,hgroup,section{display:block}input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit}label{display:inline-block;margin:.25rem 0}[hidden]{display:none!important}::selection{background-color:var(--cirrus-select-bg)}:focus{box-shadow:0 0 .1rem .15rem rgba(240,61,77,.13);outline:0}h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif;font-weight:700;line-height:1.2}h1{font-size:3rem;letter-spacing:.025rem}h2{font-size:2.5rem}h3{font-size:2rem}h4{font-size:1.75rem}h5{font-size:1.5rem}h6{font-size:1.25rem}.headline-1{font-size:6.5rem;letter-spacing:.05rem}.headline-2{font-size:5.5rem;letter-spacing:.05rem}.headline-3{font-size:4.5rem;letter-spacing:.05rem}.headline-4{font-size:3.5rem;letter-spacing:.025rem}strong{font-weight:700}.font-alt{font-family:"Nunito Sans"}.content h1,.content h2,.content h3,.content h4,.content h5,.content h6{line-height:1.125em;margin:1rem 0}.title{font-weight:bolder}.subtitle:not(:last-child),.title:not(:last-child){margin-bottom:1rem}.title+.subtitle{margin-top:-.75rem}article,blockquote,p{font-size:1rem;line-height:2;margin-bottom:1rem}p.lead{font-size:1.2rem}blockquote{margin-bottom:1rem;font-size:1.25rem;background-color:#f5f5f5;border-left:5px solid #dbdbdb;padding:1rem 2rem;border-radius:3px}blockquote p{margin:0;font-size:.95rem}.card-tile article,.card-tile blockquote,.card-tile p{line-height:inherit}cite{opacity:.7}.mark,mark{padding:.2em;background-color:#f0e8c4}.font-thin{font-weight:200}.font-light{font-weight:300}.font-normal{font-weight:400}.font-semibold{font-weight:600}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.rtl{direction:rtl}.white{color:#fff!important}.faded{opacity:.75}.font-italic{font-style:italic}.icon{display:inline-block;text-align:center;width:1.5rem;vertical-align:baseline}.icon .fa-wrapper{font-size:inherit;vertical-align:middle}.icon.x-small{margin:.55rem 0 0 .1rem}.icon.small{margin:.95rem 0 0 .1rem}.info{display:block;font-size:var(--font-size-s);margin-top:.25rem;color:#979797}.info.inline{display:inline-block;margin-left:.5rem}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-right:4px solid transparent;border-left:4px solid transparent}abbr[title]{border-bottom:.1rem dotted;cursor:help;text-decoration:none}kbd{background-color:var(--cirrus-fg);border-radius:.2rem;color:#fff;display:inline-block;line-height:1;padding:.5rem;vertical-align:baseline}@media (max-width:650px){h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}.headline-1{font-size:3rem;letter-spacing:.05rem}.headline-2{font-size:2.75rem;letter-spacing:.05rem}.headline-3{font-size:2.5rem;letter-spacing:.05rem}.headline-4{font-size:2.25rem;letter-spacing:.025rem}article,blockquote,p{margin:1rem 0}}footer{width:100%;padding:6rem 0;background-color:#111;text-align:center;margin-top:5rem}footer a{font-weight:bolder;color:#fff}footer p{color:#848484}footer ul{margin:.5rem 0}footer h6{text-align:center;letter-spacing:6px;position:relative;padding-bottom:10px}footer .footer-list-title{font-size:75%;text-transform:uppercase;font-weight:bolder;color:#ddd}footer .footer-list-title::after{content:"";display:block;width:10%;margin:auto;border-bottom:2px solid;border-color:#343b49}footer .list-item,footer ul a .list-item{margin:.1rem;color:#888;transition:.3s;font-size:75%;text-transform:uppercase}footer.footer-fixed{bottom:0;position:fixed}input:not([type=checkbox]):not([type=radio]):not([type=submit]),select{width:100%;border:1px solid #ddd;border-radius:3px;color:#5a5a5a;font-family:"Nunito Sans";font-size:var(--font-size-m);letter-spacing:.02rem;transition:.3s;outline:0;padding:.85rem 1.1rem}input[type=search]{-webkit-appearance:none}textarea,textarea[type=text]{width:100%;border:1px solid #ddd;padding:.8rem;border-radius:3px;font-family:"Nunito Sans";font-size:var(--font-size-m);letter-spacing:.02rem;transition:.3s;outline:0;margin:.5rem 0;padding:1rem 1.3rem;min-height:8rem;line-height:1.5rem;resize:vertical}input[type=color]{box-shadow:inset 0 1px 2px rgba(0,0,0,.05);box-sizing:border-box;transition:.3s;outline:0;position:relative;height:3rem;background-color:#fff;padding:.55rem .8rem!important}.input-focused,input:not([type=checkbox]):not([type=radio]):not([type=submit]):focus,input[type=text].input-focused,select:focus,textarea:focus,textarea[type=text]:focus{border-color:#3dabf0;box-shadow:0 0 0 .2rem rgba(61,171,240,var(--focus-opacity)),inset 0 1px 8px rgba(0,0,0,.07)}select{background-color:#fff;border:1px solid #ddd}select[multiple] option{padding:.2rem .4rem}select.select:not([size]):not([multiple]){background:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%23667189'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E") right .85rem center/.5rem .6rem no-repeat no-repeat;-webkit-appearance:none}input.search,input[type=search]{background-repeat:no-repeat;background-position:left .6rem center;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path opacity="0.45" d="M14.891,14.39l-0.5.5a0.355,0.355,0,0,1-.5,0L9.526,10.529a5.3,5.3,0,1,1,2.106-4.212,5.268,5.268,0,0,1-1.1,3.21l4.362,4.362A0.354,0.354,0,0,1,14.891,14.39ZM6.316,2.418a3.9,3.9,0,1,0,3.9,3.9A3.9,3.9,0,0,0,6.316,2.418Z"/></svg>');padding-left:2rem!important}input:not([class*=" btn-"]):disabled:hover,input:not([class*=btn-]):disabled,select:disabled,textarea:disabled{background-color:#f3f3f6;cursor:not-allowed;border:1px solid #f3f3f6}label:first-child:not(:last-child):not(.form-group-label){margin-right:.5rem}label:not(:first-child):not(:last-child):not(.form-group-label){margin:0 .5rem}label:last-child:not(:first-child):not(.form-group-label){margin-left:.5rem}.required{position:relative;top:1px;font-weight:700;color:#f03c69;padding-left:.1rem}.label:not(:last-child){margin-bottom:0}.label{color:#4a4a4a;display:inline-block;font-weight:700;margin-top:.8rem}.input-success{background-color:rgba(0,224,0,.05)!important;border-color:var(--cirrus-success)!important}.btn-success:focus,.input-success:not([type=checkbox]):not([type=radio]):not([type=submit]):focus{box-shadow:0 0 0 .2rem rgba(76,175,80,var(--focus-opacity)),inset 0 1px 8px rgba(0,0,0,.07)}.input-error{background-color:rgba(244,67,54,.05)!important;border-color:var(--cirrus-danger)!important}.btn-error:focus,.input-error:not([type=checkbox]):not([type=radio]):not([type=submit]):focus{box-shadow:0 0 0 .2rem rgba(244,67,54,var(--focus-opacity)),inset 0 1px 8px rgba(0,0,0,.07)}input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-xsmall,select.input-xsmall{font-size:var(--font-size-xs);padding:.35rem .9rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-small,select.input-small{font-size:var(--font-size-s);padding:.55rem 1rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-large,select.input-large{font-size:var(--font-size-l)}input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-xlarge,select.input-xlarge{font-size:var(--font-size-xl)}select.input-xsmall{padding:.65rem .9rem}select.input-small{padding:.75rem 1rem}select.input-large{padding:.95rem 1.2rem}select.input-xlarge{padding:1.05rem 1.3rem}.input-control{position:relative;margin:.5rem 0}input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon,input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-left{padding-left:2.75rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-right{padding-right:2.75rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-right.input-xsmall,input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon.input-xsmall{padding-left:2rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-left.input-xsmall~.icon,input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-right.input-xsmall~.icon.icon-right,input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon.input-xsmall~.icon{line-height:1.75rem;width:1.75rem;font-size:7px}input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-right.input-small,input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon.input-small{padding-left:2.5rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-left.input-small~.icon,input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-right.input-small~.icon.icon-right,input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon.input-small~.icon{line-height:2rem;width:2.5rem;font-size:14px}input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-right.input-large,input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon.input-large{padding-left:3.5rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-left.input-large~.icon,input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-right.input-large~.icon.icon-right,input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon.input-large~.icon{line-height:3.5rem;width:3.5rem;font-size:28px}input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-right.input-xlarge,input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon.input-xlarge{padding-left:4rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-left.input-xlarge~.icon,input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-right.input-xlarge~.icon.icon-right,input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon.input-xlarge~.icon{line-height:2.5rem;width:3.75rem;font-size:35px}.input-contains-icon~.icon{display:flex;align-items:center;justify-content:center;height:100%}.input-contains-icon-left~.icon.icon-left,.input-contains-icon~.icon:not(.icon-right){position:absolute;left:0;top:0;width:3rem;z-index:1}.input-contains-icon-right~.icon.icon-right{position:absolute;pointer-events:none;line-height:2.75rem;vertical-align:baseline;top:0;right:0;width:3rem;z-index:1}.form-section:not(:last-child){margin-bottom:.5rem}.form-section.section-inline{display:flex}.form-section.section-inline button,.form-section.section-inline label:not(.form-group-label){align-items:center;flex-grow:0;display:flex;flex-shrink:0}.form-section.section-inline .section-body,.form-section.section-inline input{align-items:center;flex-grow:1}.form-group{display:flex;display:-ms-flexbox;margin:.5rem 0}.form-group .form-group-btn{-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;margin-bottom:0}.form-group .form-group-btn:first-child:not(:last-child),.form-group .form-group-input:first-child:not(:last-child),.form-group .form-group-label:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.form-group .form-group-btn:not(:first-child):not(:last-child),.form-group .form-group-input:not(:first-child):not(:last-child),.form-group .form-group-label:not(:first-child):not(:last-child){border-radius:0;margin-left:-.1rem;margin-right:-.1rem}.form-group .form-group-btn:last-child:not(:first-child),.form-group .form-group-input:last-child:not(:first-child),.form-group .form-group-label:last-child:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-.1rem}.form-group-label{background-color:var(--cirrus-form-group-bg);border:1px solid #ddd;border-radius:.2rem;color:var(--cirrus-form-group-fg);margin:0;padding:.8rem;user-select:none}.form-group-label.label-xsmall{font-size:.5rem;padding:.35rem .9rem}.form-group-label.label-small{font-size:.75rem;padding:.55rem 1rem}.form-group-label.label-large{font-size:1.5rem}.form-group-label.label-xlarge{font-size:2rem}.form-group-input{z-index:1}::-moz-placeholder{color:#a9a9a9}::-webkit-input-placeholder{color:#a9a9a9}.frame{display:flex;display:-ms-flexbox;flex-direction:column;-webkit-flex-direction:column;-ms-flex-direction:column;border-radius:3px;box-shadow:0 .2rem 1.25rem 0 rgba(27,30,36,.07)}.frame .frame__footer,.frame .frame__header{flex:0 0 auto;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;padding:1rem}.frame .frame__nav{flex:0 0 auto;-webkit-flex:0 0 auto;-ms-flex:0 0 auto}.frame .frame__body{flex:1 1 auto;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;overflow-y:auto;padding:0 1.5rem}.frame .frame__title{color:var(--cirrus-fg);font-size:var(--font-size-m);margin:.75rem auto 0}.frame .frame__subtitle{color:rgba(55,64,84,.6);font-size:var(--font-size-s);margin:.25rem auto .75rem}.header{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;width:100%;z-index:100;margin-bottom:20px;box-shadow:0 3px 15px rgba(57,63,72,.1);background-color:var(--cirrus-bg);max-height:100vh;padding:0 2rem;transition:.3s}.header a{color:#8292a2}.header a:hover{color:#697888}.header-dark{background-color:rgba(0,0,0,.87);color:#fff}.header-clear{background-color:transparent;box-shadow:none}.header.header-animated .header-nav{-webkit-transition:background .4s,height .4s;transition:background .4s,height .4s;-webkit-transition-property:background,height;transition-property:background,height;-webkit-transition-duration:.4s,.4s;transition-duration:.4s,.4s;-webkit-transition-timing-function:ease,ease;transition-timing-function:ease,ease;-webkit-transition-delay:initial,initial;transition-delay:initial,initial;-webkit-transition:.3s;transition:.3s}.header-brand{-webkit-overflow-scrolling:touch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;max-width:100vw;min-height:3.25rem;overflow-x:auto;overflow-y:hidden}.header-nav{overflow:auto}.nav-menu{-webkit-transition:.3s;transition:.3s}.nav-item.has-sub{position:relative}.nav-overflow-x{-webkit-box-pack:inherit;-ms-flex-pack:inherit;justify-content:inherit;overflow-x:scroll}.header-fixed{position:fixed;top:0}.nav-item{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:.3s;transition:.3s;padding:0 .3rem;cursor:pointer}.nav-item a{align-items:center;display:flex}.header:not(.header-clear) .nav-item:not(.no-hover).hovered,.header:not(.header-clear) .nav-item:not(.no-hover):hover{-webkit-transition:.3s;transition:.3s;background-color:rgba(216,216,216,.15)}.header:not(.header-clear) .nav-item.active,.header:not(.header-clear) .nav-item.active:hover{background-color:rgba(216,216,216,.35)}.nav-item .dropdown-menu{background-color:var(--cirrus-bg);position:absolute;top:95%;z-index:1000;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-clip:padding-box;border:1px solid #eee;border-radius:0 0 4px 4px;box-shadow:0 .5rem 1rem rgba(10,10,10,.1)}.header.header-clear .nav-item .dropdown-menu{border-radius:4px}.nav-item .dropdown-menu.dropdown-animated{-webkit-transition:all var(--animation-duration);transition:all var(--animation-duration)}.nav-item.has-sub .nav-dropdown-link::after{border:2px solid var(--cirrus-primary);border-right:0;border-top:0;display:block;height:.5em;width:.5em;content:" ";-webkit-transform:rotate(-45deg);transform:rotate(-45deg);pointer-events:none;margin-top:-.435em;right:1.125em;top:50%;position:absolute}.nav-item.has-sub .nav-dropdown-link{padding-right:2.5rem;position:relative}.header-dark .dropdown-menu,.nav-item .dropdown-menu.dropdown-dark{background-color:rgba(0,0,0,.87);border:1px solid #333;color:#fff}.dropdown-menu.dropdown-shown,.nav-item.active{opacity:1}.dropdown-menu>li>a{display:block;padding:.5rem 1rem;clear:both;line-height:1.42857143;white-space:nowrap}.header-dark .dropdown-menu>li>a,.header-dark .nav-item a{color:#fff}.dropdown-menu>li{margin:0;-webkit-transition:.3s;transition:.3s}.dropdown-menu>li:hover{-webkit-transition:.3s;transition:.3s;background-color:rgba(216,216,216,.15)}.dropdown-menu>li:active{-webkit-transition:.3s;transition:.3s;background-color:rgba(216,216,216,.25)}.dropdown-menu>li:last-child{margin-bottom:0}.dropdown-menu .dropdown-menu-divider{border:none;background-color:rgba(216,216,216,.15);height:1px;margin:.5rem 0}.nav-btn{cursor:pointer;display:block;height:3.5rem;position:relative;width:3.5rem}.header .btn,.header button,.header input[type=submit]{margin:0}@media screen and (min-width:769px){.header{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox}.header-nav{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;text-align:center;width:100%;top:0;overflow:visible}.nav-left,.nav-right{-webkit-box-align:stretch;-ms-flex-align:stretch;-ms-grid-row-align:stretch;align-items:stretch;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0}.nav-left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;white-space:nowrap}.nav-right{display:-webkit-box;display:-ms-flexbox;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;white-space:nowrap}.nav-center{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:auto;margin-right:auto}.nav-btn{display:none}.nav-item a{padding:.5rem 1rem}.nav-item .dropdown-menu{opacity:0;pointer-events:none}.nav-item .dropdown-menu.dropdown-animated{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.nav-item .dropdown-menu.dropdown-animated.dropdown-shown,.nav-item .dropdown-menu.dropdown-shown,.nav-item.toggle-hover:hover .dropdown-animated.dropdown-menu,.nav-item.toggle-hover:hover .dropdown-menu{opacity:1;-webkit-transform:none;transform:none;pointer-events:auto}.nav-left .has-sub .dropdown-menu{left:0;right:auto}.nav-right .has-sub .dropdown-menu{left:auto;right:0}}@media screen and (max-width:768px){.form-section.section-inline{display:inherit}.header{display:flex;flex-direction:column}.header-brand .nav-item:first-child{padding:0 1rem}.header-nav{height:0}.header-nav.active{height:100vh}.nav-item.has-sub{display:block}.nav-item.has-sub .dropdown-menu.dropdown-shown{border-radius:0;box-shadow:none;display:block;position:relative;top:1rem;float:none;border:none;background-color:transparent;margin-bottom:1rem}.nav-item.has-sub .dropdown-menu.dropdown-dark{background-color:rgba(0,0,0,.17);border:0;color:#fff}.nav-item.has-sub .dropdown-menu{display:none}.header-nav .nav-item{padding:1rem}.header-nav .nav-item>a{padding:0;width:100%}.nav-btn{cursor:pointer;display:block;position:relative;margin-left:auto}.nav-btn span{background-color:#4d565f;display:block;height:2px;left:50%;margin-left:-7px;position:absolute;top:50%;-webkit-transition:none 86ms ease-out;transition:none 86ms ease-out;-webkit-transition-property:background,left,opacity,-webkit-transform;transition-property:background,left,opacity,-webkit-transform;transition-property:background,left,opacity,transform;transition-property:background,left,opacity,transform,-webkit-transform;width:15px}.header-dark .nav-btn span{background-color:#fff}.nav-btn span:nth-child(1){margin-top:-6px}.nav-btn span:nth-child(2){margin-top:-1px}.nav-btn span:nth-child(3){margin-top:4px}.nav-btn.active span:nth-child(1){margin-left:-5px;transform:rotate(45deg);transform-origin:left top}.nav-btn.active span:nth-child(2){opacity:0}.nav-btn.active span:nth-child(3){margin-left:-5px;transform:rotate(-45deg);transform-origin:left bottom}.nav-center,.nav-left,.nav-right{overflow:hidden}}@media screen and (min-width:1023px){.header{padding:0 2rem}}.content{max-width:60em;margin:0 auto 1.5em;width:80%}.fullscreen{top:0;right:0;bottom:0;left:0;height:100vh}section{display:block}.panel{padding:2.5em 0}.divider{border-top:.05rem solid rgba(173,173,173,.5);height:.1rem;margin:1.8rem 0 1.6rem}.divider[data-content]{margin:.8rem 0}.divider--v::before{border-left:.05rem solid rgba(173,173,173,.5);bottom:.4rem;content:'';display:block;left:50%;position:absolute;top:0;transform:translateX(-50%)}.divider--v[data-content]::after,.divider[data-content]::after{background:#fff;color:#bcc3ce;content:attr(data-content);left:50%;display:inline-block;padding:0 .4rem;position:absolute;transform:translate(-50%,-50%);top:50%}.divider--v[data-content]{display:block;padding:.8rem;left:50%;padding:.2rem 0;position:absolute;top:50%;transform:translate(-50%,-50%)}.hero-img{background-size:cover}.parallax-img{background-attachment:fixed!important}.hero{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.hero-body{-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;padding:3rem 1.5rem;align-items:center;display:-ms-flexbox;display:flex;width:100%}.space{display:block;width:100%;height:1rem}.space.large{padding:1rem 0}.space.x-large{padding:2rem 0}.row{-ms-flex:1;flex:1;flex-wrap:wrap;padding:.5rem 0}.r{max-width:100%;padding:.5rem}.row.row--no-wrap{-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow-x:auto}.row::after{content:'';clear:both;display:table}.row .col{display:block;flex:1;padding:.15rem .75rem}.row .col-1{width:8.33333333%}.row .col-2{width:16.66666667%}.row .col-3{width:25%}.row .col-4{width:33.33333333%}.row .col-5{width:41.66666667%}.row .col-6{width:50%}.row .col-7{width:58.33333333%}.row .col-8{width:66.66666667%}.row .col-9{width:75%}.row .col-10{width:83.33333333%}.row .col-11{width:91.66666667%}.row .col-12{width:100%}.row .offset-1{margin-left:8.33333333%}.row .offset-2{margin-left:16.66666667%}.row .offset-3{margin-left:25%}.row .offset-4{margin-left:33.33333333%}.row .offset-5{margin-left:41.66666667%}.row .offset-6{margin-left:50%}.row .offset-7{margin-left:58.33333333%}.row .offset-8{margin-left:66.66666667%}.row .offset-9{margin-left:75%}.row .offset-10{margin-left:83.33333333%}.row .offset-11{margin-left:91.66666667%}.row .offset-12{margin-left:100%}.row .offset-right{margin-left:0;margin-right:auto}.row .offset-center{margin-left:auto;margin-right:auto}.row .offset-left{margin-left:auto;margin-right:0}.row [class*=' col-'],.row [class^=col-]{float:left;padding:0 .5rem}.row.no-space [class*=' col-'],.row.no-space [class^=col-]{padding:0}.row.has-controls{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.level{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.level-left{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-right:1rem}.level-right{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.level-item{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-preferred-size:auto;flex-basis:auto;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.level-content{-ms-flex-preferred-size:auto;flex-basis:auto;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;text-align:left;width:100%}.w-10{width:10%}.w-20{width:20%}.w-30{width:30%}.w-40{width:40%}.w-50{width:50%}.w-60{width:60%}.w-70{width:70%}.w-80{width:80%}.w-90{width:90%}.w-100{width:100%}.w-auto{width:auto}.h-10{height:10%}.h-20{height:20%}.h-30{height:30%}.h-40{height:40%}.h-50{height:50%}.h-60{height:60%}.h-70{height:70%}.h-80{height:80%}.h-90{height:90%}.h-100{height:100%}.h-auto{height:auto}@media screen and (min-width:769px){.row{display:flex}.level-right{margin-left:1rem}.level.fill-height{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (max-width:768px){.container{width:100%}.row{margin-top:0}.row [class*=' col-']:not(.ignore-screen),.row [class^=col-]:not(.ignore-screen){width:100%;margin-left:0;padding:0}.divided>.row [class*=' col-'],.divided>.row [class^=col-]{box-shadow:0 -1px 0 0 rgba(34,36,38,.15)}.level-left.ignore-screen,.level-right.ignore-screen,.level.ignore-screen{display:-webkit-box;display:-ms-flexbox;display:flex}.level.fill-height{display:inherit}}a{color:var(--cirrus-link);display:block;font-weight:600;padding:2px;text-decoration:none;transition:.3s}a:hover{color:var(--cirrus-link-dark);transition:.3s}a:active,a:hover,a:visited{backface-visibility:hidden;text-decoration:none}.subtitle a{padding:0}a.underline{text-decoration:underline}article a,blockquote a,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,p a{display:inline}[type=submit] a,a .btn,a button{margin-bottom:0}ol,ul{margin:1rem 0 1rem 1rem;padding-inline-start:.5rem}ol ol,ol ul,ul ol,ul ul{margin:0 0 0 1rem}ul ul{list-style-type:circle}ul ul ul{list-style-type:square}ol ol{list-style:lower-alpha}ol ol ol{list-style:upper-roman}dl{margin:1rem 0}dt{font-weight:700}dd{margin-bottom:.5rem}li{margin:.25rem 0}li:not('.dropdown-menu li'):last-child{margin-bottom:1em}ul.no-bullets{list-style:none}.menu{font-size:1rem}ul.menu{list-style:none;margin:.5rem 0}.menu-title:not(:first-child){margin-bottom:1rem}.menu-title:not(:last-child){margin-top:1rem}.menu .menu-item a{color:#555;display:block;padding:.5em .75em;border-radius:3px;font-size:var(--font-size-s);cursor:pointer;-webkit-transition:all var(--animation-duration);transition:all var(--animation-duration)}.menu .menu-item:hover>a{background-color:rgba(208,208,208,.3);color:#d43644;-webkit-transition:all var(--animation-duration);transition:all var(--animation-duration)}.menu .menu-item.selected>a{color:#fff;background-color:var(--cirrus-primary)}.menu .menu-item .menu-addon{padding:.3rem;z-index:1;position:relative;color:var(--cirrus-fg);cursor:pointer;float:left;margin-right:.1rem;-webkit-transition:all var(--animation-duration);transition:all var(--animation-duration)}.menu .menu-item .menu-addon .icon{font-size:inherit}.menu .menu-item .menu-addon:hover{background-color:rgba(60,60,60,.25);-webkit-transition:all var(--animation-duration);transition:all var(--animation-duration)}.menu .menu-item .menu-addon.right{float:right;margin-right:0;margin-left:.1rem}.menu .menu-item.selected .menu-addon{color:#fff}.menu .menu-item ul{border-left:1px solid #dbdbdb;margin:.75rem;padding-left:.75rem}.menu .divider{border-top:.1rem solid #eee;height:.1rem;margin:1rem 0}.menu .divider::after{content:attr(data-label);background-color:var(--cirrus-bg);color:#b7b7b7;display:inline-block;padding:0 .7rem;margin:.5rem;font-size:.7rem;-webkit-transform:translateY(-1.1rem);transform:translateY(-1.1rem)}.list-dropdown{display:inline-block;position:relative}.list-dropdown .menu{position:absolute;top:75%;left:0;-webkit-animation:slide-down var(--animation-duration) ease 1;animation:.1s slide-down;background-color:var(--cirrus-bg);border-radius:.2rem;box-shadow:0 .1rem .4rem rgba(69,77,93,.3);margin:0;opacity:0;min-width:15rem;padding:.25rem .5rem;-webkit-transform:translateY(.5rem);transform:translateY(.5rem);z-index:10;pointer-events:none;overflow:hidden;-webkit-transition:all var(--animation-duration);transition:all var(--animation-duration)}.list-dropdown.dropdown-right .menu{left:auto;right:0}.list-dropdown .btn-dropdown:focus+.menu,.list-dropdown .menu:hover,.list-dropdown.shown .menu{display:block;opacity:1;top:100%;z-index:100;pointer-events:auto;height:auto;-webkit-transition:all var(--animation-duration);transition:all var(--animation-duration)}.list-dropdown .btn-group .btn-dropdown:nth-last-child(2){border-bottom-right-radius:3px;border-top-right-radius:3px}.tree{margin:0}.tree .tree-item .tree-item-header{display:block;padding:.25rem .5rem;cursor:pointer;font-size:.95rem;font-weight:600}.tree .tree-item .tree-item-header .icon{-webkit-transition:all var(--animation-duration);transition:all var(--animation-duration)}.tree .tree-item input:checked~.tree-item-body{max-height:100vh}.tree .tree-item input:checked~.tree-item-header .icon{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.tree .tree-item .tree-item-body{max-height:0;margin-left:1.5rem;overflow:hidden;-webkit-transition:all var(--animation-duration);transition:all var(--animation-duration)}.tree-nav-body{display:-webkit-box;display:-ms-flexbox;display:flex;height:100vh;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.tree-nav{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:1;flex-shrink:1;padding:2rem 1rem 2rem 2rem;min-width:15rem;height:100vh;overflow:auto}.tree-nav .tree-nav-container{overflow-y:auto;top:4rem;bottom:1rem}.tree-nav+.tree-nav-close{display:none}.tree-nav+.tree-nav-content{max-width:100%;padding:2rem;-ms-flex:1 0 auto;-webkit-box-flex:1;flex:1 0 auto;overflow:auto;margin:0}.tree-nav-content{width:100%;overflow:auto;margin:0;padding:2rem}.tree-item-body .menu .menu-item a{font-weight:400}@media screen and (max-width:768px){.tree-nav{height:100%;left:0;overflow-y:auto;padding:3rem 1.5rem;position:fixed;top:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:transform var(--animation-duration) ease,-webkit-transform var(--animation-duration) ease;-webkit-transition:-webkit-transform var(--animation-duration) ease;transition:transform var(--animation-duration) ease;transition:-webkit-transform var(--animation-duration) ease;z-index:400}.tree-nav:target{-webkit-transform:translateX(0);transform:translateX(0);transition:transform var(--animation-duration) ease,-webkit-transform var(--animation-duration) ease;-webkit-transition:-webkit-transform var(--animation-duration) ease;transition:-webkit-transform var(--animation-duration) ease;transition:transform var(--animation-duration) ease}.tree-nav .tree-nav-close{background-color:rgba(0,0,0,.15);display:none;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:300}.tree-nav:target+.tree-nav-close{display:block;background-color:rgba(0,0,0,.15);height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:300}.tree-nav+.tree-nav-body{max-width:inherit}.tree-nav-header{position:fixed;top:0;left:0;right:0;background-color:rgba(248,249,250,.8);height:3.5rem;padding:.75rem .5rem;text-align:center;z-index:300}.nav-item.has-sub .list-dropdown,.nav-item.has-sub .list-dropdown .btn-group{width:100%}.nav-item.has-sub .list-dropdown .btn-group .btn-dropdown{flex-grow:0}.list-dropdown .btn-dropdown:focus+.menu{position:relative;width:100%}}video.video-fullscreen{position:absolute;height:100vh;object-fit:cover;width:100%;z-index:-1}.media-stretch{display:block;padding:0;overflow:hidden;width:100%;position:relative}.media-stretch::before{content:"";display:block;padding-bottom:56.25%}.media-stretch embed,.media-stretch iframe,.media-stretch object{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.media-stretch video{height:auto;max-width:100%;width:100%}.media-stretch.rat-4-3::before{padding-bottom:75%}.media-stretch.rat-1-1::before{padding-bottom:100%}.fig{margin:0 0 .5rem}.fig .fig-caption{margin-top:1rem}.img-stretch{max-width:100%;height:auto;display:block}.img-cover{object-fit:cover}.img-contain{object-fit:contain}.m-0{margin:0}.m-1{margin:calc(var(--space-size) * 1)}.m-2{margin:calc(var(--space-size) * 2)}.m-3{margin:calc(var(--space-size) * 3)}.m-4{margin:calc(var(--space-size) * 4)}.m-5{margin:calc(var(--space-size) * 5)}.mt-0,.my-0{margin-top:0}.mt-1,.my-1{margin-top:calc(var(--space-size) * 1)}.mt-2,.my-2{margin-top:calc(var(--space-size) * 2)}.mt-3,.my-3{margin-top:calc(var(--space-size) * 3)}.mt-4,.my-4{margin-top:calc(var(--space-size) * 4)}.mt-5,.my-5{margin-top:calc(var(--space-size) * 5)}.mb-0,.my-0{margin-bottom:0}.mb-1,.my-1{margin-bottom:calc(var(--space-size) * 1)}.mb-2,.my-2{margin-bottom:calc(var(--space-size) * 2)}.mb-3,.my-3{margin-bottom:calc(var(--space-size) * 3)}.mb-4,.my-4{margin-bottom:calc(var(--space-size) * 4)}.mb-5,.my-5{margin-bottom:calc(var(--space-size) * 5)}.ml-0,.mx-0{margin-left:0}.ml-1,.mx-1{margin-left:calc(var(--space-size) * 1)}.ml-2,.mx-2{margin-left:calc(var(--space-size) * 2)}.ml-3,.mx-3{margin-left:calc(var(--space-size) * 3)}.ml-4,.mx-4{margin-left:calc(var(--space-size) * 4)}.ml-5,.mx-5{margin-left:calc(var(--space-size) * 5)}.mr-0,.mx-0{margin-right:0}.mr-1,.mx-1{margin-right:calc(var(--space-size) * 1)}.mr-2,.mx-2{margin-right:calc(var(--space-size) * 2)}.mr-3,.mx-3{margin-right:calc(var(--space-size) * 3)}.mr-4,.mx-4{margin-right:calc(var(--space-size) * 4)}.mr-5,.mx-5{margin-right:calc(var(--space-size) * 5)}.p-0{padding:0}.p-1{padding:calc(var(--space-size) * 1)}.p-2{padding:calc(var(--space-size) * 2)}.p-3{padding:calc(var(--space-size) * 3)}.p-4{padding:calc(var(--space-size) * 4)}.p-5{padding:calc(var(--space-size) * 5)}.pt-0,.py-0{padding-top:0}.pt-1,.py-1{padding-top:calc(var(--space-size) * 1)}.pt-2,.py-2{padding-top:calc(var(--space-size) * 2)}.pt-3,.py-3{padding-top:calc(var(--space-size) * 3)}.pt-4,.py-4{padding-top:calc(var(--space-size) * 4)}.pt-5,.py-5{padding-top:calc(var(--space-size) * 5)}.pb-0,.py-0{padding-bottom:0}.pb-1,.py-1{padding-bottom:calc(var(--space-size) * 1)}.pb-2,.py-2{padding-bottom:calc(var(--space-size) * 2)}.pb-3,.py-3{padding-bottom:calc(var(--space-size) * 3)}.pb-4,.py-4{padding-bottom:calc(var(--space-size) * 4)}.pb-5,.py-5{padding-bottom:calc(var(--space-size) * 5)}.pl-0,.px-0{padding-left:0}.pl-1,.px-1{padding-left:calc(var(--space-size) * 1)}.pl-2,.px-2{padding-left:calc(var(--space-size) * 2)}.pl-3,.px-3{padding-left:calc(var(--space-size) * 3)}.pl-4,.px-4{padding-left:calc(var(--space-size) * 4)}.pl-5,.px-5{padding-left:calc(var(--space-size) * 5)}.pr-0,.px-0{padding-right:0}.pr-1,.px-1{padding-right:calc(var(--space-size) * 1)}.pr-2,.px-2{padding-right:calc(var(--space-size) * 2)}.pr-3,.px-3{padding-right:calc(var(--space-size) * 3)}.pr-4,.px-4{padding-right:calc(var(--space-size) * 4)}.pr-5,.px-5{padding-right:calc(var(--space-size) * 5)}.table{margin-bottom:1.5rem;width:100%;border-collapse:collapse;border-spacing:0;text-align:center}.table td,.table th{border:1px solid rgba(219,219,219,.5);border-width:0 0 1px;padding:.75rem;vertical-align:top;text-align:inherit;margin:0}.table tr{transition:.3s}.table caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}.table tr:hover,.table.striped tbody tr:nth-child(even):hover{background-color:rgba(216,216,216,.15)}.table thead,.table thead th{border-bottom:2px solid rgba(219,219,219,.49)}.table.bordered thead,.table.bordered thead th{border-bottom:1px solid rgba(219,219,219,.5)}.table tfoot th,.table thead th{padding:1rem}.table tfoot th{border-top:2px solid rgba(219,219,219,.5);border-bottom:none}.table.bordered td,.table.bordered th{border:1px solid rgba(219,219,219,.5)}.table.borderd thead,.table.bordered thead td{border-width:1px}.table.striped tbody tr:nth-child(even){background-color:rgba(0,0,0,.05)}.table.small td,.table.small th{padding:.25rem .75rem}.table.fixed-head thead{position:relative;display:block}.table.fixed-head tbody{height:200px;display:block;overflow:auto}.table.fixed-head tr{display:table;width:100%}.table tr.selected{background-color:var(--cirrus-primary);color:#fff}.table.borderless td,.table.borderless th,.table.borderless thead th{border:none}:root{--cirrus-fg:#374054;--cirrus-bg:#fff;--cirrus-primary:#f03d4d;--cirrus-primary-rgb:240,61,77;--cirrus-primary-light:#ffdadd;--cirrus-accent-hover:#d62939;--cirrus-accent-border:#c21b2b;--cirrus-light:#f6f9fc;--cirrus-light-gray:#f8f9fa;--cirrus-gray:#d5d7dc;--cirrus-dark-gray:#909090;--cirrus-dark:#363636;--cirrus-link:#5e5cc7;--cirrus-link-dark:#4643e2;--cirrus-info:#2972fa;--cirrus-success:#0dd157;--cirrus-success-rgb:13,209,87;--cirrus-warning:#fab633;--cirrus-danger:#fb4143;--cirrus-light-hover:#d9e6f2;--cirrus-dark-hover:#424242;--cirrus-info-hover:#2368e9;--cirrus-link-hover:#f8f7ff;--cirrus-success-hover:#00b147;--cirrus-warning-hover:#f9a90e;--cirrus-danger-hover:#f1393c;--cirrus-select-bg:rgba(0, 161, 255, 0.2);--cirrus-code-bg:var(--cirrus-primary-light);--cirrus-code-fg:#dc4753;--cirrus-form-group-bg:var(--cirrus-light-gray);--cirrus-form-group-fg:var(--cirrus-dark-gray);--toast-primary-bg:rgba(49, 59, 80, 0.9);--animation-duration:.2s;--focus-opacity:0.4;--space-size:0.5rem;--font-size-xs:.7rem;--font-size-s:.85rem;--font-size-m:1rem;--font-size-l:1.35rem;--font-size-xl:1.75rem;--pink-100:#F8E7F1;--pink-200:#F3D2E3;--pink-300:#ECB7D3;--pink-400:#EB8CBC;--pink-500:#DD5A9C;--pink-600:#D12E81;--pink-700:#A21F61;--pink-800:#831B50;--pink-900:#741648;--red-100:#FDE7E9;--red-200:#FBD4D5;--red-300:#F7B1B1;--red-400:#F19393;--red-500:#E85C61;--red-600:#DB3839;--red-700:#B31E1D;--red-800:#9B1313;--red-900:#890E10;--orange-100:#FDEED1;--orange-200:#FBDBAA;--orange-300:#F6B65C;--orange-400:#F19736;--orange-500:#E4771C;--orange-600:#C45307;--orange-700:#9B3908;--orange-800:#842B09;--orange-900:#890E10;--yellow-100:#FFFDE4;--yellow-200:#F9E978;--yellow-300:#F6DA52;--yellow-400:#E8BB24;--yellow-500:#D29507;--yellow-600:#9D6B0C;--yellow-700:#7C4D09;--yellow-800:#6C3E0C;--yellow-900:#5D320F;--green-100:#E1F7EB;--green-200:#C2ECD6;--green-300:#98D9B7;--green-400:#64C192;--green-500:#44A675;--green-600:#33855D;--green-700:#27684A;--green-800:#275440;--green-900:#234535;--teal-100:#DDF2F5;--teal-200:#B5E6EB;--teal-300:#7FCED5;--teal-400:#59BAC3;--teal-500:#1E9CA8;--teal-600:#0F7D8A;--teal-700:#0A616A;--teal-800:#105157;--teal-900:#114448;--blue-100:#E1EFFC;--blue-200:#BFDCFC;--blue-300:#8BC2F8;--blue-400:#5FA7F3;--blue-500:#3C91EC;--blue-600:#1B74D9;--blue-700:#1E5898;--blue-800:#1E4C80;--blue-900:#1C3C63;--indigo-100:#E2EFFF;--indigo-200:#C4DBFD;--indigo-300:#A1BEFA;--indigo-400:#89A3F7;--indigo-500:#6C83E9;--indigo-600:#5966D9;--indigo-700:#4C4F9E;--indigo-800:#42417B;--indigo-900:#3A3462;--purple-100:#F0E9FB;--purple-200:#E2D4F8;--purple-300:#CBB2F6;--purple-400:#B89AF4;--purple-500:#9C73ED;--purple-600:#8256E1;--purple-700:#6340B6;--purple-800:#50388E;--purple-900:#413170;--gray-000:#f8f9fa;--gray-100:#f1f3f5;--gray-200:#e9ecef;--gray-300:#dee2e6;--gray-400:#ced4da;--gray-500:#adb5bd;--gray-600:#868e96;--gray-700:#495057;--gray-800:#343a40;--gray-900:#212529}.u-hidden{display:none!important}.u-block{display:block!important}.u-inline{display:inline!important}.u-inline-block{display:inline-block!important}.u-flex{display:flex!important}.u-flex.u-flex-column{flex-direction:column!important}.u-flex.u-flex-row{flex-direction:row!important}.u-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}.u-table{display:table!important}.u-table-row{display:table-row!important}.u-clearfix:after{clear:both!important;content:" ";display:table!important}.u-clear-left{clear:left!important}.u-clear-right{clear:right!important}.u-clear-both{clear:both!important}.u-pull-left{float:left!important}.u-pull-right{float:right!important}.u-text-justify{text-align:justify!important}.u-text-ellipsis{text-overflow:ellipsis}.u-text-break{hyphens:auto;word-break:break-word;word-wrap:break-word}.u-center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 auto;flex-wrap:wrap}.u-center-alt,.u-center-alt:active,.u-center-alt:hover{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.u-vertical-center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;align-items:center;vertical-align:middle}.u-horizontal-center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.u-overlay{bottom:0;left:0;right:0;top:0;position:absolute}.u-hide-overflow{overflow:hidden!important;overflow-x:hidden;overflow-y:hidden}.u-text-center{text-align:center!important}.u-text-left{text-align:left!important}.u-text-right{text-align:right!important}.u-hide{display:none!important}.u-disabled{cursor:not-allowed!important}.u-unselectable{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.u-no-margin{margin:0!important}.u-no-padding{padding:0!important}.u-margin-auto{margin:0 auto!important}.u-round{border-radius:.1rem}.u-circle{border-radius:50%}.u-no-shadow{box-shadow:none}@media screen and (min-width:769px){.level,.level-left,.level-right{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (max-width:768px){.u-hide-mobile{display:none!important}}@media screen and (min-width:768px){.u-hide-tablet{display:none!important}}@media screen and (min-width:769px) and (max-width:1023px){.u-hide-tablet-only{display:none!important}}@media screen and (min-width:1024px){.u-hide-desktop{display:none!important}}
\ No newline at end of file
+.btn,[type=submit],button{display:inline-flex;line-height:2rem;overflow:hidden;padding:.5rem 1.5rem;border:1px solid transparent;border-radius:.25rem;cursor:pointer;text-align:center;background-color:var(--btn-color);border-color:var(--btn-border-color);color:var(--btn-fg);font-size:.75rem;letter-spacing:.03rem;text-transform:uppercase;font-family:Montserrat;min-width:2rem;user-select:none;margin-bottom:1rem;outline:0;--btn-color:#fefefe;--btn-fg:#737373;--btn-border-color:#d9d9d9}.btn:hover,[type=submit]:hover,button:hover{transition:all var(--animation-duration);background-color:#eee;--btn-color:#eee}.btn:active,[type=submit]:active,button:active{transition:var(--animation-duration) ease}.btn.loading:active::after,[type=submit].loading:active::after,button.loading:active::after{transition:var(--animation-duration) ease;border-radius:50%;border-right-color:transparent;border-top-color:transparent}.btn.btn-animated,[type=submit].btn-animated,button.btn-animated{transition:calc(var(--animation-duration)/ 2) ease}.btn.btn-animated:active,[type=submit].btn-animated:active,button.btn-animated:active{-webkit-transform:scale(.98);transform:inherit,scale(.98);transition:calc(var(--animation-duration)/ 2) ease}.btn:focus,button:focus,input[type=submit]:focus{outline:0}.btn:disabled,[type=submit]:disabled,button:disabled{cursor:not-allowed;opacity:.5}button.btn-close{background-color:rgba(10,10,10,.2);border:none;border-radius:290486px;cursor:pointer;display:inline-block;flex-grow:0;flex-shrink:0;font-size:0;height:20px;outline:0;position:relative;vertical-align:top;width:20px;padding:0;min-width:20px}button.btn-close:hover{background-color:rgba(10,10,10,.3)}button.btn-close::after,button.btn-close::before{background-color:var(--cirrus-bg);content:'';display:block;left:50%;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);transform:translateX(-50%) translateY(-50%) rotate(45deg);-webkit-transform-origin:center center;transform-origin:center center}button.btn-close::before{height:2px;width:50%}button.btn-close::after{height:50%;width:2px}.btn-container{margin:.5rem;overflow:visible}.btn-transparent{--btn-color:transparent;--btn-fg:var(--cirrus-dark);--btn-border-color:transparent}.btn-transparent.outline{--btn-color:var(--cirrus-dark)}.btn-transparent:hover{--btn-color:rgba(0, 0, 0, 0.1)}.btn-transparent:focus{box-shadow:0 0 0 .2rem rgba(246,249,252,.5)}.btn-light{--btn-color:var(--cirrus-light);--btn-fg:var(--cirrus-dark);--btn-border-color:var(--cirrus-light)}.btn-light:hover{--btn-color:var(--cirrus-light-hover)}.btn-light:focus{box-shadow:0 0 0 .2rem rgba(246,249,252,.5)}.btn-dark{--btn-color:var(--cirrus-dark);--btn-fg:var(--cirrus-light);--btn-border-color:var(--cirrus-dark)}.btn-dark:hover{--btn-color:var(--cirrus-dark-hover)}.btn-dark.outline:hover{--btn-color:var(--cirrus-dark)}.btn-dark:focus{box-shadow:0 0 0 .2rem rgba(54,54,54,.5)}.btn-black{--btn-color:#000;--btn-fg:var(--cirrus-light);--btn-border-color:#000}.btn-black:hover{--btn-color:#000}.btn-black:focus{box-shadow:0 0 0 .2rem rgba(54,54,54,.5)}.btn-primary{--btn-color:var(--cirrus-primary);--btn-fg:var(--cirrus-light);--btn-border-color:var(--cirrus-accent-border)}.btn-primary:hover{--btn-color:var(--cirrus-accent-hover)}.btn-primary.outline:hover{--btn-color:var(--cirrus-primary)}.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(240,61,76,.5)}.btn-info{--btn-color:var(--cirrus-info);--btn-fg:var(--cirrus-light);--btn-border-color:var(--cirrus-info)}.btn-info:hover{--btn-color:var(--cirrus-info-hover)}.btn-info.outline:hover{--btn-color:var(--cirrus-info)}.btn-info:focus{box-shadow:0 0 0 .2rem rgba(41,114,250,.5)}.btn-link{--btn-color:var(--cirrus-link);--btn-fg:var(--cirrus-light);--btn-border-color:var(--cirrus-link)}.btn-link.outline{--btn-fg:var(--cirrus-link);border:1px solid transparent}.btn-link:hover{--btn-color:var(--cirrus-link-dark)}.btn-link.outline:hover{--btn-color:var(--cirrus-link-hover);border:1px solid transparent;text-decoration:underline}.btn-link:focus{box-shadow:0 0 0 .2rem rgba(94,92,199,.5)}.btn-success{--btn-color:var(--cirrus-success);--btn-fg:var(--cirrus-light);--btn-border-color:var(--cirrus-success)}.btn-success:hover{--btn-color:var(--cirrus-success-hover)}.btn-success.outline:hover{--btn-color:var(--cirrus-success)}.btn-success:focus{box-shadow:0 0 0 .2rem rgba(13,210,89,.5)}.btn-warning{--btn-color:var(--cirrus-warning);--btn-fg:var(--cirrus-dark);--btn-border-color:var(--cirrus-warning)}.btn-warning:hover{--btn-color:var(--cirrus-warning-hover)}.btn-warning.outline:hover{--btn-color:var(--cirrus-warning)}.btn-warning:focus{box-shadow:0 0 0 .2rem rgba(250,180,51,.5)}.btn-danger{--btn-color:var(--cirrus-danger);--btn-fg:var(--cirrus-light);--btn-border-color:var(--cirrus-danger)}.btn-danger:hover{--btn-color:var(--cirrus-danger-hover)}.btn-danger.outline:hover{--btn-color:var(--cirrus-danger)}.btn-danger:focus{box-shadow:0 0 0 .2rem rgba(251,65,68,.5)}[class*=' btn-'],[class^=btn-]{background-color:var(--btn-color);border:1px solid var(--btn-border-color);color:var(--btn-fg);transition:all var(--animation-duration)}[class*=' btn-']:hover,[class^=btn-]:hover{background-color:var(--btn-color);border-color:var(--btn-border-color);transition:all var(--animation-duration)}[class*=' btn-'].outline,[class^=btn-].outline{background-color:transparent;color:var(--btn-color)}[class*=' btn-'].outline:hover,[class^=btn-].outline:hover{background-color:var(--btn-color);color:var(--btn-fg);transition:all var(--animation-duration)}.has-controls.input:not([class*='left action'])>.btn:last-child>.btn,.has-controls.input:not([class*='left action'])>button:last-child{border-radius:0 .28571429rem .28571429rem 0}.has-controls.input:not([class*='right action'])>.btn:last-child>.btn,.has-controls.input:not([class*='right action'])>button:last-child{border-radius:.28571429rem 0 0 .28571429rem}.btn-tiny{line-height:1.5rem;padding:0 .25rem;font-size:50%}.btn-small{line-height:2.4rem;padding:0 .5rem;font-size:70%}.btn-large{line-height:3.5rem;padding:0 2rem;font-size:90%}.btn-xlarge{line-height:4.5rem;padding:0 2rem;font-size:110%}.loading.btn-accent:after{border:2px solid #fff;border-right-color:transparent;border-top-color:transparent}.btn .fa-wrapper,[type=submit] .fa-wrapper,button .fa-wrapper{vertical-align:baseline}.btn .fa-wrapper.pad-right,[type=submit] .fa-wrapper.pad-right,button .fa-wrapper.pad-right{margin-right:.4rem}.btn .fa-wrapper.pad-left,[type=submit] .fa-wrapper.pad-left,button .fa-wrapper.pad-left{margin-left:.4rem}.btn span:first-child,[type=submit] span:first-child,button span:first-child{margin-right:.2rem}.btn span:last-child,[type=submit] span:last-child,button span:last-child{margin-left:.2rem}.btn-group{display:-webkit-inline-box;display:inline-flex;display:-ms-inline-flexbox;display:-webkit-inline-flex}.btn-group.btn-group-fill{display:-webkit-box;display:flex;display:-ms-flexbox}.btn-group .btn,.btn-group [type=submit],.btn-group button{-ms-flex:1 0 auto;-webkit-box-flex:1;flex:1 0 auto;margin:0}.btn-group.btn-group-fill .btn,.btn-group.btn-group-fill [type=submit],.btn-group.btn-group-fill button{-ms-flex:1 0;-webkit-box-flex:1;flex:1 0}.btn-group .btn:first-child:not(:last-child),.btn-group [type=submit]:first-child:not(:last-child),.btn-group button:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group .btn:last-child:not(:first-child),.btn-group [type=submit]:last-child:not(:first-child),.btn-group button:last-child:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-.1rem}.btn-group .btn:not(:first-child):not(:last-child),.btn-group [type=submit]:not(:first-child):not(:last-child),.btn-group button:not(:first-child):not(:last-child){border-radius:0;margin-left:-.1rem}@media screen and (max-width:768px){.btn-group{display:flex;flex-direction:column}.btn-group .btn,.btn-group [type=submit],.btn-group button{margin-bottom:-1px}.btn-group .btn:first-child:not(:last-child),.btn-group [type=submit]:first-child:not(:last-child),.btn-group button:first-child:not(:last-child){border-radius:.25rem .25rem 0 0}.btn-group .btn:not(:first-child):not(:last-child),.btn-group [type=submit]:not(:first-child):not(:last-child),.btn-group button:not(:first-child):not(:last-child){margin-left:0}.btn-group .btn:last-child:not(:first-child),.btn-group [type=submit]:last-child:not(:first-child),.btn-group button:last-child:not(:first-child){border-radius:0 0 .25rem .25rem;margin-left:0}}code{padding:.3rem;margin:.5em 0;overflow:auto;background-color:var(--cirrus-code-bg);color:var(--cirrus-code-fg);border-radius:3px}code.dark{background-color:var(--cirrus-dark);color:#fff}code:before{color:#acb3c2;content:attr(data-lang);font-size:.9rem;position:absolute;right:1rem;top:.7rem}pre>code{font-size:14px;display:block;padding:2rem 1.5rem 1rem;white-space:pre-wrap;word-wrap:break-word;font-family:Consolas,Monaco,"Andale Mono",monospace;text-align:left;line-height:1.5;-moz-tab-size:4;tab-size:4;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;border-left:.3rem solid var(--cirrus-primary);margin:0;position:relative;color:#222}*{margin:0;padding:0;box-sizing:border-box;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}body,html{margin:0;padding:0;border:none;height:100%}body{letter-spacing:.01rem;line-height:1.8;font-size:1rem;font-weight:400;font-family:"Nunito Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";letter-spacing:.01rem;text-shadow:1px 1px 1px rgba(0,0,0,.004);color:var(--cirrus-fg)}ul{list-style:none;list-style:disc}audio,embed,img,object,video{max-width:100%;height:auto}.hero.fullscreen video{height:100%;object-fit:fill;position:absolute;width:100%;z-index:-1}iframe{outline:0;border:1px solid rgba(0,0,0,.1);border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,.05)}article,aside,figure,footer,header,hgroup,section{display:block}input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit}label{display:inline-block;margin:.25rem 0}[hidden]{display:none!important}::selection{background-color:var(--cirrus-select-bg)}:focus{box-shadow:0 0 .1rem .15rem rgba(240,61,77,.13);outline:0}h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif;font-weight:700;line-height:1.2}h1{font-size:3rem;letter-spacing:.025rem}h2{font-size:2.5rem}h3{font-size:2rem}h4{font-size:1.75rem}h5{font-size:1.5rem}h6{font-size:1.25rem}.headline-1{font-size:6.5rem;letter-spacing:.05rem}.headline-2{font-size:5.5rem;letter-spacing:.05rem}.headline-3{font-size:4.5rem;letter-spacing:.05rem}.headline-4{font-size:3.5rem;letter-spacing:.025rem}strong{font-weight:700}.font-alt{font-family:"Nunito Sans"}.content h1,.content h2,.content h3,.content h4,.content h5,.content h6{line-height:1.125em;margin:1rem 0}.title{font-weight:bolder}.subtitle:not(:last-child),.title:not(:last-child){margin-bottom:1rem}.title+.subtitle{margin-top:-.75rem}article,blockquote,p{font-size:1rem;line-height:2;margin-bottom:1rem}p.lead{font-size:1.2rem}blockquote{margin-bottom:1rem;font-size:1.25rem;background-color:#f5f5f5;border-left:5px solid #dbdbdb;padding:1rem 2rem;border-radius:3px}blockquote p{margin:0;font-size:.95rem}.card-tile article,.card-tile blockquote,.card-tile p{line-height:inherit}cite{opacity:.7}.mark,mark{padding:.2em;background-color:#f0e8c4}.font-thin{font-weight:200}.font-light{font-weight:300}.font-normal{font-weight:400}.font-semibold{font-weight:600}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.rtl{direction:rtl}.white{color:#fff!important}.faded{opacity:.75}.font-italic{font-style:italic}.icon{display:inline-block;text-align:center;width:1.5rem;vertical-align:baseline}.icon .fa-wrapper{font-size:inherit;vertical-align:middle}.icon.x-small{margin:.55rem 0 0 .1rem}.icon.small{margin:.95rem 0 0 .1rem}.info{display:block;font-size:var(--font-size-s);margin-top:.25rem;color:#979797}.info.inline{display:inline-block;margin-left:.5rem}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-right:4px solid transparent;border-left:4px solid transparent}abbr[title]{border-bottom:.1rem dotted;cursor:help;text-decoration:none}kbd{background-color:var(--cirrus-fg);border-radius:.2rem;color:#fff;display:inline-block;line-height:1;padding:.5rem;vertical-align:baseline}@media (max-width:650px){h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}.headline-1{font-size:3rem;letter-spacing:.05rem}.headline-2{font-size:2.75rem;letter-spacing:.05rem}.headline-3{font-size:2.5rem;letter-spacing:.05rem}.headline-4{font-size:2.25rem;letter-spacing:.025rem}article,blockquote,p{margin:1rem 0}}footer{width:100%;padding:6rem 0;background-color:#111;text-align:center;margin-top:5rem}footer a{font-weight:bolder;color:#fff}footer p{color:#848484}footer ul{margin:.5rem 0}footer h6{text-align:center;letter-spacing:6px;position:relative;padding-bottom:10px}footer .footer-list-title{font-size:75%;text-transform:uppercase;font-weight:bolder;color:#ddd}footer .footer-list-title::after{content:"";display:block;width:10%;margin:auto;border-bottom:2px solid;border-color:#343b49}footer .list-item,footer ul a .list-item{margin:.1rem;color:#888;transition:.3s;font-size:75%;text-transform:uppercase}footer.footer-fixed{bottom:0;position:fixed}input:not([type=checkbox]):not([type=radio]):not([type=submit]),select{width:100%;border:1px solid #ddd;border-radius:3px;color:#5a5a5a;font-family:"Nunito Sans";font-size:var(--font-size-m);letter-spacing:.02rem;transition:.3s;outline:0;padding:.85rem 1.1rem}input[type=search]{-webkit-appearance:none}textarea,textarea[type=text]{width:100%;border:1px solid #ddd;padding:.8rem;border-radius:3px;font-family:"Nunito Sans";font-size:var(--font-size-m);letter-spacing:.02rem;transition:.3s;outline:0;margin:.5rem 0;padding:1rem 1.3rem;min-height:8rem;line-height:1.5rem;resize:vertical}input[type=color]{box-shadow:inset 0 1px 2px rgba(0,0,0,.05);box-sizing:border-box;transition:.3s;outline:0;position:relative;height:3rem;background-color:#fff;padding:.55rem .8rem!important}.input-focused,input:not([type=checkbox]):not([type=radio]):not([type=submit]):focus,input[type=text].input-focused,select:focus,textarea:focus,textarea[type=text]:focus{border-color:#3dabf0;box-shadow:0 0 0 .2rem rgba(61,171,240,var(--focus-opacity)),inset 0 1px 8px rgba(0,0,0,.07)}select{background-color:#fff;border:1px solid #ddd}select[multiple] option{padding:.2rem .4rem}select.select:not([size]):not([multiple]){background:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%23667189'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E") right .85rem center/.5rem .6rem no-repeat no-repeat;-webkit-appearance:none}input.search,input[type=search]{background-repeat:no-repeat;background-position:left .6rem center;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path opacity="0.45" d="M14.891,14.39l-0.5.5a0.355,0.355,0,0,1-.5,0L9.526,10.529a5.3,5.3,0,1,1,2.106-4.212,5.268,5.268,0,0,1-1.1,3.21l4.362,4.362A0.354,0.354,0,0,1,14.891,14.39ZM6.316,2.418a3.9,3.9,0,1,0,3.9,3.9A3.9,3.9,0,0,0,6.316,2.418Z"/></svg>');padding-left:2rem!important}input:not([class*=" btn-"]):disabled:hover,input:not([class*=btn-]):disabled,select:disabled,textarea:disabled{background-color:#f3f3f6;cursor:not-allowed;border:1px solid #f3f3f6}label:first-child:not(:last-child):not(.form-group-label){margin-right:.5rem}label:not(:first-child):not(:last-child):not(.form-group-label){margin:0 .5rem}label:last-child:not(:first-child):not(.form-group-label){margin-left:.5rem}.required{position:relative;top:1px;font-weight:700;color:#f03c69;padding-left:.1rem}.label:not(:last-child){margin-bottom:0}.label{color:#4a4a4a;display:inline-block;font-weight:700;margin-top:.8rem}.input-success{background-color:rgba(0,224,0,.05)!important;border-color:var(--cirrus-success)!important}.btn-success:focus,.input-success:not([type=checkbox]):not([type=radio]):not([type=submit]):focus{box-shadow:0 0 0 .2rem rgba(76,175,80,var(--focus-opacity)),inset 0 1px 8px rgba(0,0,0,.07)}.input-error{background-color:rgba(244,67,54,.05)!important;border-color:var(--cirrus-danger)!important}.btn-error:focus,.input-error:not([type=checkbox]):not([type=radio]):not([type=submit]):focus{box-shadow:0 0 0 .2rem rgba(244,67,54,var(--focus-opacity)),inset 0 1px 8px rgba(0,0,0,.07)}input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-xsmall,select.input-xsmall{font-size:var(--font-size-xs);padding:.35rem .9rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-small,select.input-small{font-size:var(--font-size-s);padding:.55rem 1rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-large,select.input-large{font-size:var(--font-size-l)}input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-xlarge,select.input-xlarge{font-size:var(--font-size-xl)}select.input-xsmall{padding:.65rem .9rem}select.input-small{padding:.75rem 1rem}select.input-large{padding:.95rem 1.2rem}select.input-xlarge{padding:1.05rem 1.3rem}.input-control{position:relative;margin:.5rem 0}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon,input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-left{padding-left:2.75rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-right{padding-right:2.75rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-right.input-xsmall,input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon.input-xsmall{padding-left:2rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-left.input-xsmall~.icon,input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-right.input-xsmall~.icon.icon-right,input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon.input-xsmall~.icon{line-height:1.75rem;width:1.75rem;font-size:7px}input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-right.input-small,input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon.input-small{padding-left:2.5rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-left.input-small~.icon,input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-right.input-small~.icon.icon-right,input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon.input-small~.icon{line-height:2rem;width:2.5rem;font-size:14px}input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-right.input-large,input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon.input-large{padding-left:3.5rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-left.input-large~.icon,input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-right.input-large~.icon.icon-right,input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon.input-large~.icon{line-height:3.5rem;width:3.5rem;font-size:28px}input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-right.input-xlarge,input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon.input-xlarge{padding-left:4rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-left.input-xlarge~.icon,input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-right.input-xlarge~.icon.icon-right,input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon.input-xlarge~.icon{line-height:2.5rem;width:3.75rem;font-size:35px}.input-contains-icon~.icon{display:flex;align-items:center;justify-content:center;height:100%}.input-contains-icon-left~.icon.icon-left,.input-contains-icon~.icon:not(.icon-right){position:absolute;left:0;top:0;width:3rem;z-index:1}.input-contains-icon-right~.icon.icon-right{position:absolute;pointer-events:none;line-height:2.75rem;vertical-align:baseline;top:0;right:0;width:3rem;z-index:1}.form-section:not(:last-child){margin-bottom:.5rem}.form-section.section-inline{display:flex}.form-section.section-inline button,.form-section.section-inline label:not(.form-group-label){align-items:center;flex-grow:0;display:flex;flex-shrink:0}.form-section.section-inline .section-body,.form-section.section-inline input{align-items:center;flex-grow:1}.form-group{display:flex;display:-ms-flexbox;margin:.5rem 0}.form-group .form-group-btn{-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;margin-bottom:0}.form-group .form-group-btn:first-child:not(:last-child),.form-group .form-group-input:first-child:not(:last-child),.form-group .form-group-label:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.form-group .form-group-btn:not(:first-child):not(:last-child),.form-group .form-group-input:not(:first-child):not(:last-child),.form-group .form-group-label:not(:first-child):not(:last-child){border-radius:0;margin-left:-.1rem;margin-right:-.1rem}.form-group .form-group-btn:last-child:not(:first-child),.form-group .form-group-input:last-child:not(:first-child),.form-group .form-group-label:last-child:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-.1rem}.form-group-label{background-color:var(--cirrus-form-group-bg);border:1px solid #ddd;border-radius:.2rem;color:var(--cirrus-form-group-fg);margin:0;padding:.8rem;user-select:none}.form-group-label.label-xsmall{font-size:.5rem;padding:.35rem .9rem}.form-group-label.label-small{font-size:.75rem;padding:.55rem 1rem}.form-group-label.label-large{font-size:1.5rem}.form-group-label.label-xlarge{font-size:2rem}.form-group-input{z-index:1}::-moz-placeholder{color:#a9a9a9}::-webkit-input-placeholder{color:#a9a9a9}.frame{display:flex;display:-ms-flexbox;flex-direction:column;-webkit-flex-direction:column;-ms-flex-direction:column;border-radius:3px;box-shadow:0 .2rem 1.25rem 0 rgba(27,30,36,.07)}.frame .frame__footer,.frame .frame__header{flex:0 0 auto;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;padding:1rem}.frame .frame__nav{flex:0 0 auto;-webkit-flex:0 0 auto;-ms-flex:0 0 auto}.frame .frame__body{flex:1 1 auto;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;overflow-y:auto;padding:0 1.5rem}.frame .frame__title{color:var(--cirrus-fg);font-size:var(--font-size-m);margin:.75rem auto 0}.frame .frame__subtitle{color:rgba(55,64,84,.6);font-size:var(--font-size-s);margin:.25rem auto .75rem}.header{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;width:100%;z-index:100;margin-bottom:20px;box-shadow:0 3px 15px rgba(57,63,72,.1);background-color:var(--cirrus-bg);max-height:100vh;padding:0 2rem;transition:.3s}.header a{color:#8292a2}.header a:hover{color:#697888}.header-dark{background-color:rgba(0,0,0,.87);color:#fff}.header-clear{background-color:transparent;box-shadow:none}.header.header-animated .header-nav{-webkit-transition:background .4s,height .4s;transition:background .4s,height .4s;-webkit-transition-property:background,height;transition-property:background,height;-webkit-transition-duration:.4s,.4s;transition-duration:.4s,.4s;-webkit-transition-timing-function:ease,ease;transition-timing-function:ease,ease;-webkit-transition-delay:initial,initial;transition-delay:initial,initial;-webkit-transition:.3s;transition:.3s}.header-brand{-webkit-overflow-scrolling:touch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;max-width:100vw;min-height:3.25rem;overflow-x:auto;overflow-y:hidden}.header-nav{overflow:auto}.nav-menu{-webkit-transition:.3s;transition:.3s}.nav-item.has-sub{position:relative}.nav-overflow-x{-webkit-box-pack:inherit;-ms-flex-pack:inherit;justify-content:inherit;overflow-x:scroll}.header-fixed{position:fixed;top:0}.nav-item{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:.3s;transition:.3s;padding:0 .3rem;cursor:pointer}.nav-item a{align-items:center;display:flex}.header:not(.header-clear) .nav-item:not(.no-hover).hovered,.header:not(.header-clear) .nav-item:not(.no-hover):hover{-webkit-transition:.3s;transition:.3s;background-color:rgba(216,216,216,.15)}.header:not(.header-clear) .nav-item.active,.header:not(.header-clear) .nav-item.active:hover{background-color:rgba(216,216,216,.35)}.nav-item .dropdown-menu{background-color:var(--cirrus-bg);position:absolute;top:95%;z-index:1000;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-clip:padding-box;border:1px solid #eee;border-radius:0 0 4px 4px;box-shadow:0 .5rem 1rem rgba(10,10,10,.1)}.header.header-clear .nav-item .dropdown-menu{border-radius:4px}.nav-item .dropdown-menu.dropdown-animated{-webkit-transition:all var(--animation-duration);transition:all var(--animation-duration)}.nav-item.has-sub .nav-dropdown-link::after{border:2px solid var(--cirrus-primary);border-right:0;border-top:0;display:block;height:.5em;width:.5em;content:" ";-webkit-transform:rotate(-45deg);transform:rotate(-45deg);pointer-events:none;margin-top:-.435em;right:1.125em;top:50%;position:absolute}.nav-item.has-sub .nav-dropdown-link{padding-right:2.5rem;position:relative}.header-dark .dropdown-menu,.nav-item .dropdown-menu.dropdown-dark{background-color:rgba(0,0,0,.87);border:1px solid #333;color:#fff}.dropdown-menu.dropdown-shown,.nav-item.active{opacity:1}.dropdown-menu>li>a{display:block;padding:.5rem 1rem;clear:both;line-height:1.42857143;white-space:nowrap}.header-dark .dropdown-menu>li>a,.header-dark .nav-item a{color:#fff}.dropdown-menu>li{margin:0;-webkit-transition:.3s;transition:.3s}.dropdown-menu>li:hover{-webkit-transition:.3s;transition:.3s;background-color:rgba(216,216,216,.15)}.dropdown-menu>li:active{-webkit-transition:.3s;transition:.3s;background-color:rgba(216,216,216,.25)}.dropdown-menu>li:last-child{margin-bottom:0}.dropdown-menu .dropdown-menu-divider{border:none;background-color:rgba(216,216,216,.15);height:1px;margin:.5rem 0}.nav-btn{cursor:pointer;display:block;height:3.5rem;position:relative;width:3.5rem}.header .btn,.header button,.header input[type=submit]{margin:0}@media screen and (min-width:769px){.header{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox}.header-nav{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;text-align:center;width:100%;top:0;overflow:visible}.nav-left,.nav-right{-webkit-box-align:stretch;-ms-flex-align:stretch;-ms-grid-row-align:stretch;align-items:stretch;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0}.nav-left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;white-space:nowrap}.nav-right{display:-webkit-box;display:-ms-flexbox;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;white-space:nowrap}.nav-center{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:auto;margin-right:auto}.nav-btn{display:none}.nav-item a{padding:.5rem 1rem}.nav-item .dropdown-menu{opacity:0;pointer-events:none}.nav-item .dropdown-menu.dropdown-animated{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.nav-item .dropdown-menu.dropdown-animated.dropdown-shown,.nav-item .dropdown-menu.dropdown-shown,.nav-item.toggle-hover:hover .dropdown-animated.dropdown-menu,.nav-item.toggle-hover:hover .dropdown-menu{opacity:1;-webkit-transform:none;transform:none;pointer-events:auto}.nav-left .has-sub .dropdown-menu{left:0;right:auto}.nav-right .has-sub .dropdown-menu{left:auto;right:0}}@media screen and (max-width:768px){.form-section.section-inline{display:inherit}.header{display:flex;flex-direction:column}.header-brand .nav-item:first-child{padding:0 1rem}.header-nav{height:0}.header-nav.active{height:100vh}.nav-item.has-sub{display:block}.nav-item.has-sub .dropdown-menu.dropdown-shown{border-radius:0;box-shadow:none;display:block;position:relative;top:1rem;float:none;border:none;background-color:transparent;margin-bottom:1rem}.nav-item.has-sub .dropdown-menu.dropdown-dark{background-color:rgba(0,0,0,.17);border:0;color:#fff}.nav-item.has-sub .dropdown-menu{display:none}.header-nav .nav-item{padding:1rem}.header-nav .nav-item>a{padding:0;width:100%}.nav-btn{cursor:pointer;display:block;position:relative;margin-left:auto}.nav-btn span{background-color:#4d565f;display:block;height:2px;left:50%;margin-left:-7px;position:absolute;top:50%;-webkit-transition:none 86ms ease-out;transition:none 86ms ease-out;-webkit-transition-property:background,left,opacity,-webkit-transform;transition-property:background,left,opacity,-webkit-transform;transition-property:background,left,opacity,transform;transition-property:background,left,opacity,transform,-webkit-transform;width:15px}.header-dark .nav-btn span{background-color:#fff}.nav-btn span:nth-child(1){margin-top:-6px}.nav-btn span:nth-child(2){margin-top:-1px}.nav-btn span:nth-child(3){margin-top:4px}.nav-btn.active span:nth-child(1){margin-left:-5px;transform:rotate(45deg);transform-origin:left top}.nav-btn.active span:nth-child(2){opacity:0}.nav-btn.active span:nth-child(3){margin-left:-5px;transform:rotate(-45deg);transform-origin:left bottom}.nav-center,.nav-left,.nav-right{overflow:hidden}}@media screen and (min-width:1023px){.header{padding:0 2rem}}.content{max-width:60em;margin:0 auto 1.5em;width:80%}.fullscreen{top:0;right:0;bottom:0;left:0;height:100vh}section{display:block}.panel{padding:2.5em 0}.divider{border-top:.05rem solid rgba(173,173,173,.5);height:.1rem;margin:1.8rem 0 1.6rem}.divider[data-content]{margin:.8rem 0}.divider--v::before{border-left:.05rem solid rgba(173,173,173,.5);bottom:.4rem;content:'';display:block;left:50%;position:absolute;top:0;transform:translateX(-50%)}.divider--v[data-content]::after,.divider[data-content]::after{background:#fff;color:#bcc3ce;content:attr(data-content);left:50%;display:inline-block;padding:0 .4rem;position:absolute;transform:translate(-50%,-50%);top:50%}.divider--v[data-content]{display:block;padding:.8rem;left:50%;padding:.2rem 0;position:absolute;top:50%;transform:translate(-50%,-50%)}.hero-img{background-size:cover}.parallax-img{background-attachment:fixed!important}.hero{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.hero-body{-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;padding:3rem 1.5rem;align-items:center;display:-ms-flexbox;display:flex;width:100%}.space{display:block;width:100%;height:1rem}.space.large{padding:1rem 0}.space.x-large{padding:2rem 0}.row{-ms-flex:1;flex:1;flex-wrap:wrap;padding:.5rem 0}.r{max-width:100%;padding:.5rem}.row.row--no-wrap{-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow-x:auto}.row::after{content:'';clear:both;display:table}.row .col{display:block;flex:1;padding:.15rem .75rem}.row .col-1{width:8.33333333%}.row .col-2{width:16.66666667%}.row .col-3{width:25%}.row .col-4{width:33.33333333%}.row .col-5{width:41.66666667%}.row .col-6{width:50%}.row .col-7{width:58.33333333%}.row .col-8{width:66.66666667%}.row .col-9{width:75%}.row .col-10{width:83.33333333%}.row .col-11{width:91.66666667%}.row .col-12{width:100%}.row .offset-1{margin-left:8.33333333%}.row .offset-2{margin-left:16.66666667%}.row .offset-3{margin-left:25%}.row .offset-4{margin-left:33.33333333%}.row .offset-5{margin-left:41.66666667%}.row .offset-6{margin-left:50%}.row .offset-7{margin-left:58.33333333%}.row .offset-8{margin-left:66.66666667%}.row .offset-9{margin-left:75%}.row .offset-10{margin-left:83.33333333%}.row .offset-11{margin-left:91.66666667%}.row .offset-12{margin-left:100%}.row .offset-right{margin-left:0;margin-right:auto}.row .offset-center{margin-left:auto;margin-right:auto}.row .offset-left{margin-left:auto;margin-right:0}.row [class*=' col-'],.row [class^=col-]{float:left;padding:0 .5rem}.row.no-space [class*=' col-'],.row.no-space [class^=col-]{padding:0}.row.has-controls{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.level{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.level-left{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-right:1rem}.level-right{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.level-item{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-preferred-size:auto;flex-basis:auto;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.level-content{-ms-flex-preferred-size:auto;flex-basis:auto;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;text-align:left;width:100%}.w-10{width:10%}.w-20{width:20%}.w-30{width:30%}.w-40{width:40%}.w-50{width:50%}.w-60{width:60%}.w-70{width:70%}.w-80{width:80%}.w-90{width:90%}.w-100{width:100%}.w-auto{width:auto}.h-10{height:10%}.h-20{height:20%}.h-30{height:30%}.h-40{height:40%}.h-50{height:50%}.h-60{height:60%}.h-70{height:70%}.h-80{height:80%}.h-90{height:90%}.h-100{height:100%}.h-auto{height:auto}@media screen and (min-width:769px){.row{display:flex}.level-right{margin-left:1rem}.level.fill-height{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (max-width:768px){.container{width:100%}.row{margin-top:0}.row [class*=' col-']:not(.ignore-screen),.row [class^=col-]:not(.ignore-screen){width:100%;margin-left:0;padding:0}.divided>.row [class*=' col-'],.divided>.row [class^=col-]{box-shadow:0 -1px 0 0 rgba(34,36,38,.15)}.level-left.ignore-screen,.level-right.ignore-screen,.level.ignore-screen{display:-webkit-box;display:-ms-flexbox;display:flex}.level.fill-height{display:inherit}}a{color:var(--cirrus-link);display:block;font-weight:600;padding:2px;text-decoration:none;transition:.3s}a:hover{color:var(--cirrus-link-dark);transition:.3s}a:active,a:hover,a:visited{backface-visibility:hidden;text-decoration:none}.subtitle a{padding:0}a.underline{text-decoration:underline}article a,blockquote a,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,p a{display:inline}[type=submit] a,a .btn,a button{margin-bottom:0}ol,ul{margin:1rem 0 1rem 1rem;padding-inline-start:.5rem}ol ol,ol ul,ul ol,ul ul{margin:0 0 0 1rem}ul ul{list-style-type:circle}ul ul ul{list-style-type:square}ol ol{list-style:lower-alpha}ol ol ol{list-style:upper-roman}dl{margin:1rem 0}dt{font-weight:700}dd{margin-bottom:.5rem}li{margin:.25rem 0}li:not('.dropdown-menu li'):last-child{margin-bottom:1em}ul.no-bullets{list-style:none}.menu{font-size:1rem}ul.menu{list-style:none;margin:.5rem 0}.menu-title:not(:first-child){margin-bottom:1rem}.menu-title:not(:last-child){margin-top:1rem}.menu .menu-item a{color:#555;display:block;padding:.5em .75em;border-radius:3px;font-size:var(--font-size-s);cursor:pointer;-webkit-transition:all var(--animation-duration);transition:all var(--animation-duration)}.menu .menu-item:hover>a{background-color:rgba(208,208,208,.3);color:#d43644;-webkit-transition:all var(--animation-duration);transition:all var(--animation-duration)}.menu .menu-item.selected>a{color:#fff;background-color:var(--cirrus-primary)}.menu .menu-item .menu-addon{padding:.3rem;z-index:1;position:relative;color:var(--cirrus-fg);cursor:pointer;float:left;margin-right:.1rem;-webkit-transition:all var(--animation-duration);transition:all var(--animation-duration)}.menu .menu-item .menu-addon .icon{font-size:inherit}.menu .menu-item .menu-addon:hover{background-color:rgba(60,60,60,.25);-webkit-transition:all var(--animation-duration);transition:all var(--animation-duration)}.menu .menu-item .menu-addon.right{float:right;margin-right:0;margin-left:.1rem}.menu .menu-item.selected .menu-addon{color:#fff}.menu .menu-item ul{border-left:1px solid #dbdbdb;margin:.75rem;padding-left:.75rem}.menu .divider{border-top:.1rem solid #eee;height:.1rem;margin:1rem 0}.menu .divider::after{content:attr(data-label);background-color:var(--cirrus-bg);color:#b7b7b7;display:inline-block;padding:0 .7rem;margin:.5rem;font-size:.7rem;-webkit-transform:translateY(-1.1rem);transform:translateY(-1.1rem)}.list-dropdown{display:inline-block;position:relative}.list-dropdown .menu{position:absolute;top:75%;left:0;-webkit-animation:slide-down var(--animation-duration) ease 1;animation:.1s slide-down;background-color:var(--cirrus-bg);border-radius:.2rem;box-shadow:0 .1rem .4rem rgba(69,77,93,.3);margin:0;opacity:0;min-width:15rem;padding:.25rem .5rem;-webkit-transform:translateY(.5rem);transform:translateY(.5rem);z-index:10;pointer-events:none;overflow:hidden;-webkit-transition:all var(--animation-duration);transition:all var(--animation-duration)}.list-dropdown.dropdown-right .menu{left:auto;right:0}.list-dropdown .btn-dropdown:focus+.menu,.list-dropdown .menu:hover,.list-dropdown.shown .menu{display:block;opacity:1;top:100%;z-index:100;pointer-events:auto;height:auto;-webkit-transition:all var(--animation-duration);transition:all var(--animation-duration)}.list-dropdown .btn-group .btn-dropdown:nth-last-child(2){border-bottom-right-radius:3px;border-top-right-radius:3px}.tree{margin:0}.tree .tree-item .tree-item-header{display:block;padding:.25rem .5rem;cursor:pointer;font-size:.95rem;font-weight:600}.tree .tree-item .tree-item-header .icon{-webkit-transition:all var(--animation-duration);transition:all var(--animation-duration)}.tree .tree-item input:checked~.tree-item-body{max-height:100vh}.tree .tree-item input:checked~.tree-item-header .icon{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.tree .tree-item .tree-item-body{max-height:0;margin-left:1.5rem;overflow:hidden;-webkit-transition:all var(--animation-duration);transition:all var(--animation-duration)}.tree-nav-body{display:-webkit-box;display:-ms-flexbox;display:flex;height:100vh;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.tree-nav{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:1;flex-shrink:1;padding:2rem 1rem 2rem 2rem;min-width:15rem;height:100vh;overflow:auto}.tree-nav .tree-nav-container{overflow-y:auto;top:4rem;bottom:1rem}.tree-nav+.tree-nav-close{display:none}.tree-nav+.tree-nav-content{max-width:100%;padding:2rem;-ms-flex:1 0 auto;-webkit-box-flex:1;flex:1 0 auto;overflow:auto;margin:0}.tree-nav-content{width:100%;overflow:auto;margin:0;padding:2rem}.tree-item-body .menu .menu-item a{font-weight:400}@media screen and (max-width:768px){.tree-nav{height:100%;left:0;overflow-y:auto;padding:3rem 1.5rem;position:fixed;top:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:transform var(--animation-duration) ease,-webkit-transform var(--animation-duration) ease;-webkit-transition:-webkit-transform var(--animation-duration) ease;transition:transform var(--animation-duration) ease;transition:-webkit-transform var(--animation-duration) ease;z-index:400}.tree-nav:target{-webkit-transform:translateX(0);transform:translateX(0);transition:transform var(--animation-duration) ease,-webkit-transform var(--animation-duration) ease;-webkit-transition:-webkit-transform var(--animation-duration) ease;transition:-webkit-transform var(--animation-duration) ease;transition:transform var(--animation-duration) ease}.tree-nav .tree-nav-close{background-color:rgba(0,0,0,.15);display:none;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:300}.tree-nav:target+.tree-nav-close{display:block;background-color:rgba(0,0,0,.15);height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:300}.tree-nav+.tree-nav-body{max-width:inherit}.tree-nav-header{position:fixed;top:0;left:0;right:0;background-color:rgba(248,249,250,.8);height:3.5rem;padding:.75rem .5rem;text-align:center;z-index:300}.nav-item.has-sub .list-dropdown,.nav-item.has-sub .list-dropdown .btn-group{width:100%}.nav-item.has-sub .list-dropdown .btn-group .btn-dropdown{flex-grow:0}.list-dropdown .btn-dropdown:focus+.menu{position:relative;width:100%}}video.video-fullscreen{position:absolute;height:100vh;object-fit:cover;width:100%;z-index:-1}.media-stretch{display:block;padding:0;overflow:hidden;width:100%;position:relative}.media-stretch::before{content:"";display:block;padding-bottom:56.25%}.media-stretch embed,.media-stretch iframe,.media-stretch object{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.media-stretch video{height:auto;max-width:100%;width:100%}.media-stretch.rat-4-3::before{padding-bottom:75%}.media-stretch.rat-1-1::before{padding-bottom:100%}.fig{margin:0 0 .5rem}.fig .fig-caption{margin-top:1rem}.img-stretch{max-width:100%;height:auto;display:block}.img-cover{object-fit:cover}.img-contain{object-fit:contain}.m-0{margin:0}.m-1{margin:calc(var(--space-size) * 1)}.m-2{margin:calc(var(--space-size) * 2)}.m-3{margin:calc(var(--space-size) * 3)}.m-4{margin:calc(var(--space-size) * 4)}.m-5{margin:calc(var(--space-size) * 5)}.mt-0,.my-0{margin-top:0}.mt-1,.my-1{margin-top:calc(var(--space-size) * 1)}.mt-2,.my-2{margin-top:calc(var(--space-size) * 2)}.mt-3,.my-3{margin-top:calc(var(--space-size) * 3)}.mt-4,.my-4{margin-top:calc(var(--space-size) * 4)}.mt-5,.my-5{margin-top:calc(var(--space-size) * 5)}.mb-0,.my-0{margin-bottom:0}.mb-1,.my-1{margin-bottom:calc(var(--space-size) * 1)}.mb-2,.my-2{margin-bottom:calc(var(--space-size) * 2)}.mb-3,.my-3{margin-bottom:calc(var(--space-size) * 3)}.mb-4,.my-4{margin-bottom:calc(var(--space-size) * 4)}.mb-5,.my-5{margin-bottom:calc(var(--space-size) * 5)}.ml-0,.mx-0{margin-left:0}.ml-1,.mx-1{margin-left:calc(var(--space-size) * 1)}.ml-2,.mx-2{margin-left:calc(var(--space-size) * 2)}.ml-3,.mx-3{margin-left:calc(var(--space-size) * 3)}.ml-4,.mx-4{margin-left:calc(var(--space-size) * 4)}.ml-5,.mx-5{margin-left:calc(var(--space-size) * 5)}.mr-0,.mx-0{margin-right:0}.mr-1,.mx-1{margin-right:calc(var(--space-size) * 1)}.mr-2,.mx-2{margin-right:calc(var(--space-size) * 2)}.mr-3,.mx-3{margin-right:calc(var(--space-size) * 3)}.mr-4,.mx-4{margin-right:calc(var(--space-size) * 4)}.mr-5,.mx-5{margin-right:calc(var(--space-size) * 5)}.p-0{padding:0}.p-1{padding:calc(var(--space-size) * 1)}.p-2{padding:calc(var(--space-size) * 2)}.p-3{padding:calc(var(--space-size) * 3)}.p-4{padding:calc(var(--space-size) * 4)}.p-5{padding:calc(var(--space-size) * 5)}.pt-0,.py-0{padding-top:0}.pt-1,.py-1{padding-top:calc(var(--space-size) * 1)}.pt-2,.py-2{padding-top:calc(var(--space-size) * 2)}.pt-3,.py-3{padding-top:calc(var(--space-size) * 3)}.pt-4,.py-4{padding-top:calc(var(--space-size) * 4)}.pt-5,.py-5{padding-top:calc(var(--space-size) * 5)}.pb-0,.py-0{padding-bottom:0}.pb-1,.py-1{padding-bottom:calc(var(--space-size) * 1)}.pb-2,.py-2{padding-bottom:calc(var(--space-size) * 2)}.pb-3,.py-3{padding-bottom:calc(var(--space-size) * 3)}.pb-4,.py-4{padding-bottom:calc(var(--space-size) * 4)}.pb-5,.py-5{padding-bottom:calc(var(--space-size) * 5)}.pl-0,.px-0{padding-left:0}.pl-1,.px-1{padding-left:calc(var(--space-size) * 1)}.pl-2,.px-2{padding-left:calc(var(--space-size) * 2)}.pl-3,.px-3{padding-left:calc(var(--space-size) * 3)}.pl-4,.px-4{padding-left:calc(var(--space-size) * 4)}.pl-5,.px-5{padding-left:calc(var(--space-size) * 5)}.pr-0,.px-0{padding-right:0}.pr-1,.px-1{padding-right:calc(var(--space-size) * 1)}.pr-2,.px-2{padding-right:calc(var(--space-size) * 2)}.pr-3,.px-3{padding-right:calc(var(--space-size) * 3)}.pr-4,.px-4{padding-right:calc(var(--space-size) * 4)}.pr-5,.px-5{padding-right:calc(var(--space-size) * 5)}.table{margin-bottom:1.5rem;width:100%;border-collapse:collapse;border-spacing:0;text-align:center}.table td,.table th{border:1px solid rgba(219,219,219,.5);border-width:0 0 1px;padding:.75rem;vertical-align:top;text-align:inherit;margin:0}.table tr{transition:.3s}.table caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}.table tr:hover,.table.striped tbody tr:nth-child(even):hover{background-color:rgba(216,216,216,.15)}.table thead,.table thead th{border-bottom:2px solid rgba(219,219,219,.49)}.table.bordered thead,.table.bordered thead th{border-bottom:1px solid rgba(219,219,219,.5)}.table tfoot th,.table thead th{padding:1rem}.table tfoot th{border-top:2px solid rgba(219,219,219,.5);border-bottom:none}.table.bordered td,.table.bordered th{border:1px solid rgba(219,219,219,.5)}.table.borderd thead,.table.bordered thead td{border-width:1px}.table.striped tbody tr:nth-child(even){background-color:rgba(0,0,0,.05)}.table.small td,.table.small th{padding:.25rem .75rem}.table.fixed-head thead{position:relative;display:block}.table.fixed-head tbody{height:200px;display:block;overflow:auto}.table.fixed-head tr{display:table;width:100%}.table tr.selected{background-color:var(--cirrus-primary);color:#fff}.table.borderless td,.table.borderless th,.table.borderless thead th{border:none}:root{--cirrus-fg:#374054;--cirrus-bg:#fff;--cirrus-primary:#f03d4d;--cirrus-primary-rgb:240,61,77;--cirrus-primary-light:#ffdadd;--cirrus-accent-hover:#d62939;--cirrus-accent-border:#c21b2b;--cirrus-light:#f6f9fc;--cirrus-light-gray:#f8f9fa;--cirrus-gray:#d5d7dc;--cirrus-dark-gray:#909090;--cirrus-dark:#363636;--cirrus-link:#5e5cc7;--cirrus-link-dark:#4643e2;--cirrus-info:#2972fa;--cirrus-success:#0dd157;--cirrus-success-rgb:13,209,87;--cirrus-warning:#fab633;--cirrus-danger:#fb4143;--cirrus-light-hover:#d9e6f2;--cirrus-dark-hover:#424242;--cirrus-info-hover:#2368e9;--cirrus-link-hover:#f8f7ff;--cirrus-success-hover:#00b147;--cirrus-warning-hover:#f9a90e;--cirrus-danger-hover:#f1393c;--cirrus-select-bg:rgba(0, 161, 255, 0.2);--cirrus-code-bg:var(--cirrus-primary-light);--cirrus-code-fg:#dc4753;--cirrus-form-group-bg:var(--cirrus-light-gray);--cirrus-form-group-fg:var(--cirrus-dark-gray);--toast-primary-bg:rgba(49, 59, 80, 0.9);--animation-duration:.2s;--focus-opacity:0.4;--space-size:0.5rem;--font-size-xs:.7rem;--font-size-s:.85rem;--font-size-m:1rem;--font-size-l:1.35rem;--font-size-xl:1.75rem;--pink-100:#F8E7F1;--pink-200:#F3D2E3;--pink-300:#ECB7D3;--pink-400:#EB8CBC;--pink-500:#DD5A9C;--pink-600:#D12E81;--pink-700:#A21F61;--pink-800:#831B50;--pink-900:#741648;--red-100:#FDE7E9;--red-200:#FBD4D5;--red-300:#F7B1B1;--red-400:#F19393;--red-500:#E85C61;--red-600:#DB3839;--red-700:#B31E1D;--red-800:#9B1313;--red-900:#890E10;--orange-100:#FDEED1;--orange-200:#FBDBAA;--orange-300:#F6B65C;--orange-400:#F19736;--orange-500:#E4771C;--orange-600:#C45307;--orange-700:#9B3908;--orange-800:#842B09;--orange-900:#890E10;--yellow-100:#FFFDE4;--yellow-200:#F9E978;--yellow-300:#F6DA52;--yellow-400:#E8BB24;--yellow-500:#D29507;--yellow-600:#9D6B0C;--yellow-700:#7C4D09;--yellow-800:#6C3E0C;--yellow-900:#5D320F;--green-100:#E1F7EB;--green-200:#C2ECD6;--green-300:#98D9B7;--green-400:#64C192;--green-500:#44A675;--green-600:#33855D;--green-700:#27684A;--green-800:#275440;--green-900:#234535;--teal-100:#DDF2F5;--teal-200:#B5E6EB;--teal-300:#7FCED5;--teal-400:#59BAC3;--teal-500:#1E9CA8;--teal-600:#0F7D8A;--teal-700:#0A616A;--teal-800:#105157;--teal-900:#114448;--blue-100:#E1EFFC;--blue-200:#BFDCFC;--blue-300:#8BC2F8;--blue-400:#5FA7F3;--blue-500:#3C91EC;--blue-600:#1B74D9;--blue-700:#1E5898;--blue-800:#1E4C80;--blue-900:#1C3C63;--indigo-100:#E2EFFF;--indigo-200:#C4DBFD;--indigo-300:#A1BEFA;--indigo-400:#89A3F7;--indigo-500:#6C83E9;--indigo-600:#5966D9;--indigo-700:#4C4F9E;--indigo-800:#42417B;--indigo-900:#3A3462;--purple-100:#F0E9FB;--purple-200:#E2D4F8;--purple-300:#CBB2F6;--purple-400:#B89AF4;--purple-500:#9C73ED;--purple-600:#8256E1;--purple-700:#6340B6;--purple-800:#50388E;--purple-900:#413170;--gray-000:#f8f9fa;--gray-100:#f1f3f5;--gray-200:#e9ecef;--gray-300:#dee2e6;--gray-400:#ced4da;--gray-500:#adb5bd;--gray-600:#868e96;--gray-700:#495057;--gray-800:#343a40;--gray-900:#212529}.u-hidden{display:none!important}.u-block{display:block!important}.u-inline{display:inline!important}.u-inline-block{display:inline-block!important}.u-flex{display:flex!important}.u-flex.u-flex-column{flex-direction:column!important}.u-flex.u-flex-row{flex-direction:row!important}.u-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}.u-table{display:table!important}.u-table-row{display:table-row!important}.u-clearfix:after{clear:both!important;content:" ";display:table!important}.u-clear-left{clear:left!important}.u-clear-right{clear:right!important}.u-clear-both{clear:both!important}.u-pull-left{float:left!important}.u-pull-right{float:right!important}.u-text-justify{text-align:justify!important}.u-text-ellipsis{text-overflow:ellipsis}.u-text-break{hyphens:auto;word-break:break-word;word-wrap:break-word}.u-center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 auto;flex-wrap:wrap}.u-center-alt,.u-center-alt:active,.u-center-alt:hover{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.u-vertical-center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;align-items:center;vertical-align:middle}.u-horizontal-center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.u-overlay{bottom:0;left:0;right:0;top:0;position:absolute}.u-hide-overflow{overflow:hidden!important;overflow-x:hidden;overflow-y:hidden}.u-text-center{text-align:center!important}.u-text-left{text-align:left!important}.u-text-right{text-align:right!important}.u-hide{display:none!important}.u-disabled{cursor:not-allowed!important}.u-unselectable{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.u-no-margin{margin:0!important}.u-no-padding{padding:0!important}.u-margin-auto{margin:0 auto!important}.u-round{border-radius:.1rem}.u-circle{border-radius:50%}.u-no-shadow{box-shadow:none}@media screen and (min-width:769px){.level,.level-left,.level-right{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (max-width:768px){.u-hide-mobile{display:none!important}}@media screen and (min-width:768px){.u-hide-tablet{display:none!important}}@media screen and (min-width:769px) and (max-width:1023px){.u-hide-tablet-only{display:none!important}}@media screen and (min-width:1024px){.u-hide-desktop{display:none!important}}
\ No newline at end of file
diff --git a/dist/cirrus.css b/dist/cirrus.css
index 51ac578e..175908de 100644
--- a/dist/cirrus.css
+++ b/dist/cirrus.css
@@ -97,5348 +97,5360 @@ fieldset {
   box-shadow: 0 0 0.1rem 0.15rem rgba(240, 61, 77, 0.13);
   outline: none; }
 
-/* ANIMATIONS */
-/* Spinning loading animation */
-@-webkit-keyframes loading {
-  from {
-    transform: rotate(0deg); }
-  to {
-    transform: rotate(359deg); } }
-
-@keyframes loading {
-  from {
-    transform: rotate(0deg); }
-  to {
-    transform: rotate(359deg); } }
+/* BUTTONS */
+/* Button styling */
+/* Un-themed */
+button,
+.btn,
+[type='submit'] {
+  line-height: 2rem;
+  overflow: hidden;
+  padding: 0.5rem 1.5rem;
+  border: 1px solid transparent;
+  border-radius: 0.25rem;
+  cursor: pointer;
+  text-align: center;
+  transition: all 0var --animation-duration;
+  background-color: var(--btn-color);
+  border-color: var(--btn-border-color);
+  color: var(--btn-fg);
+  font-size: 0.75rem;
+  letter-spacing: 0.03rem;
+  text-transform: uppercase;
+  font-family: Montserrat;
+  min-width: 2rem;
+  user-select: none;
+  margin-bottom: 1rem;
+  outline: none;
+  --btn-color: #fefefe;
+  --btn-fg: #737373;
+  --btn-border-color: #d9d9d9; }
 
-/* Hover animation */
-.hover-grow {
-  /* Mouse leave */
-  transition-duration: 0.32s; }
+button:hover,
+.btn:hover,
+[type='submit']:hover {
+  transition: all var(--animation-duration); }
 
-.hover-grow:hover {
-  /* Mouse enter */
-  transform: scale(1.1);
-  transition-duration: 0.08s; }
+.btn:active,
+button:active,
+[type='submit']:active {
+  transition: var(--animation-duration) ease; }
 
-/* Loading button position relatively for loading spinner location */
-.animated.loading {
-  display: block;
-  position: relative; }
+/* Default button colors */
+button:hover,
+.btn:hover,
+[type='submit']:hover {
+  background-color: #eee;
+  --btn-color: #eee; }
 
-/* Loading Spinner, align center by default */
-.animated.loading::after {
-  border: 2px solid #ccc;
+/* Make the loading circle, if present, white when button is active */
+.btn.loading:active::after,
+button.loading:active::after,
+[type='submit'].loading:active::after {
+  transition: var(--animation-duration) ease;
   border-radius: 50%;
   border-right-color: transparent;
-  border-top-color: transparent;
-  content: "";
+  border-top-color: transparent; }
+
+button.btn-animated,
+[type='submit'].btn-animated,
+.btn.btn-animated {
+  transition: calc(var(--animation-duration) / 2) ease; }
+
+button.btn-animated:active,
+[type='submit'].btn-animated:active,
+.btn.btn-animated:active {
+  -webkit-transform: scale(0.98);
+  transform: inherit, scale(0.98);
+  transition: calc(var(--animation-duration) / 2) ease; }
+
+.btn:focus,
+button:focus,
+input[type='submit']:focus {
+  outline: none; }
+
+.btn:disabled,
+button:disabled,
+[type='submit']:disabled {
+  cursor: not-allowed;
+  opacity: 0.5; }
+
+button.btn-close {
+  background-color: rgba(10, 10, 10, 0.2);
+  border: none;
+  border-radius: 290486px;
+  cursor: pointer;
+  display: inline-block;
+  flex-grow: 0;
+  flex-shrink: 0;
+  font-size: 0;
+  height: 20px;
+  outline: 0;
+  position: relative;
+  vertical-align: top;
+  width: 20px;
+  padding: 0;
+  min-width: 20px; }
+
+button.btn-close:hover {
+  background-color: rgba(10, 10, 10, 0.3); }
+
+/* Render the x in the close button */
+button.btn-close::before,
+button.btn-close::after {
+  background-color: var(--cirrus-bg);
+  content: '';
   display: block;
-  height: 1rem;
-  width: 1rem;
-  left: calc(50% - (1em / 1.25));
-  top: calc(50% - (1em / 1.35));
+  left: 50%;
   position: absolute;
-  -webkit-animation: loading 500ms infinite linear;
-  animation: loading 500ms infinite linear; }
+  top: 50%;
+  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -webkit-transform-origin: center center;
+  transform-origin: center center; }
 
-.animated.loading.loading-white::after {
-  border-left-color: #fff;
-  border-bottom-color: #fff; }
+button.btn-close::before {
+  height: 2px;
+  width: 50%; }
 
-/* Align spinner left */
-.animated.loading.loading-left::after {
-  left: 2rem;
-  right: auto; }
+button.btn-close::after {
+  height: 50%;
+  width: 2px; }
 
-.animated.loading.loading-left {
-  padding-left: 4rem; }
+/* Adds small margin around buttons */
+.btn-container {
+  margin: 0.5rem;
+  overflow: visible; }
 
-/* Align spinner right */
-.animated.loading.loading-right::after {
-  left: auto;
-  right: 2rem; }
+/* BUTTON STYLES */
+/* Regular */
+.btn-transparent {
+  --btn-color: transparent;
+  --btn-fg: var(--cirrus-dark);
+  --btn-border-color: transparent; }
 
-.animated.loading.loading-right {
-  padding-right: 4rem; }
+.btn-transparent.outline {
+  --btn-color: var(--cirrus-dark); }
 
-/* Hide text in loading button */
-.animated.loading.hide-text {
-  color: transparent !important; }
+.btn-transparent:hover {
+  --btn-color: rgba(0, 0, 0, 0.1); }
 
-/* Heart animation */
-@-webkit-keyframes pound {
-  to {
-    transform: scale(1.1); } }
+.btn-transparent:focus {
+  box-shadow: 0 0 0 0.2rem rgba(246, 249, 252, 0.5); }
 
-@keyframes pound {
-  to {
-    transform: scale(1.1); } }
+.btn-light {
+  --btn-color: var(--cirrus-light);
+  --btn-fg: var(--cirrus-dark);
+  --btn-border-color: var(--cirrus-light); }
 
-.animated.pulse {
-  animation: pound 0.35s infinite alternate;
-  -webkit-animation: pound 0.35s infinite alternate;
-  vertical-align: baseline; }
+.btn-light:hover {
+  --btn-color: var(--cirrus-light-hover); }
 
-/* Bounce animations */
-@-webkit-keyframes bounce {
-  from,
-  20%,
-  53%,
-  80%,
-  to {
-    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-    /* Ease-out based on power of four */
-    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-    -webkit-transform: translate3d(0, 0, 0);
-    transform: translate3d(0, 0, 0); }
-  40%,
-  43% {
-    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-    -webkit-transform: translate3d(0, -30px, 0);
-    transform: translate3d(0, -30px, 0); }
-  70% {
-    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-    -webkit-transform: translate3d(0, -15px, 0);
-    transform: translate3d(0, -15px, 0); }
-  90% {
-    -webkit-transform: translate3d(0, -4px, 0);
-    transform: translate3d(0, -4px, 0); } }
+.btn-light:focus {
+  box-shadow: 0 0 0 0.2rem rgba(246, 249, 252, 0.5); }
 
-@keyframes bounce {
-  from,
-  20%,
-  53%,
-  80%,
-  to {
-    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-    /* Ease-out based on power of four */
-    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-    -webkit-transform: translate3d(0, 0, 0);
-    transform: translate3d(0, 0, 0); }
-  40%,
-  43% {
-    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-    -webkit-transform: translate3d(0, -30px, 0);
-    transform: translate3d(0, -30px, 0); }
-  70% {
-    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-    -webkit-transform: translate3d(0, -15px, 0);
-    transform: translate3d(0, -15px, 0); }
-  90% {
-    -webkit-transform: translate3d(0, -4px, 0);
-    transform: translate3d(0, -4px, 0); } }
+.btn-dark {
+  --btn-color: var(--cirrus-dark);
+  --btn-fg: var(--cirrus-light);
+  --btn-border-color: var(--cirrus-dark); }
 
-.animated.bounce {
-  animation-name: bounce;
-  -webkit-animation-name: bounce;
-  transform-origin: center bottom;
-  -webkit-transform-origin: center bottom; }
+.btn-dark:hover {
+  --btn-color: var(--cirrus-dark-hover); }
 
-@keyframes bounceIn {
-  from,
-  20%,
-  40%,
-  60%,
-  80%,
-  to {
-    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
-  0% {
-    opacity: 0;
-    transform: scale3d(0.3, 0.3, 0.3); }
-  20% {
-    transform: scale3d(1.1, 1.1, 1.1); }
-  40% {
-    transform: scale3d(0.9, 0.9, 0.9); }
-  60% {
-    opacity: 1;
-    transform: scale3d(1.03, 1.03, 1.03); }
-  80% {
-    transform: scale3d(0.97, 0.97, 0.97); }
-  to {
-    opacity: 1;
-    transform: scale3d(1, 1, 1); } }
+.btn-dark.outline:hover {
+  --btn-color: var(--cirrus-dark); }
 
-.animated.bounceIn {
-  animation-name: bounceIn; }
+.btn-dark:focus {
+  box-shadow: 0 0 0 0.2rem rgba(54, 54, 54, 0.5); }
 
-@-webkit-keyframes fadeIn {
-  from {
-    opacity: 0; }
-  to {
-    opacity: 1; } }
+.btn-black {
+  --btn-color: #000;
+  --btn-fg: var(--cirrus-light);
+  --btn-border-color: #000; }
 
-@keyframes fadeIn {
-  from {
-    opacity: 0; }
-  to {
-    opacity: 1; } }
+.btn-black:hover {
+  --btn-color: #000; }
 
-.animated.fadeIn {
-  -webkit-animation-name: fadeIn;
-  animation-name: fadeIn; }
+.btn-black:focus {
+  box-shadow: 0 0 0 0.2rem rgba(54, 54, 54, 0.5); }
 
-.animated {
-  -webkit-animation-duration: 1s;
-  animation-duration: 1s;
-  -webkit-animation-fill-mode: both;
-  animation-fill-mode: both; }
+.btn-primary {
+  --btn-color: var(--cirrus-primary);
+  --btn-fg: var(--cirrus-light);
+  --btn-border-color: var(--cirrus-accent-border); }
 
-.animated.infinite {
-  -webkit-animation-iteration-count: infinite;
-  animation-iteration-count: infinite; }
+.btn-primary:hover {
+  --btn-color: var(--cirrus-accent-hover); }
 
-.animated.infinite.alternate {
-  animation-direction: alternate; }
+.btn-primary.outline:hover {
+  --btn-color: var(--cirrus-primary); }
 
-.animated.paused {
-  -webkit-animation-play-state: paused !important;
-  /* Safari 4.0 - 8.0 */
-  animation-play-state: paused !important; }
+.btn-primary:focus {
+  box-shadow: 0 0 0 0.2rem rgba(240, 61, 76, 0.5); }
 
-/* Avatar */
-.avatar {
-  border-radius: 50%;
-  position: relative;
-  display: block;
-  margin: auto;
-  font-size: 1rem;
-  font-weight: lighter;
-  width: 3.2rem;
-  height: 3.2rem;
-  background-color: var(--cirrus-primary);
-  overflow: hidden; }
+.btn-info {
+  --btn-color: var(--cirrus-info);
+  --btn-fg: var(--cirrus-light);
+  --btn-border-color: var(--cirrus-info); }
 
-/* Draw text on image just like in Gmail */
-.avatar::before {
-  content: attr(data-text);
-  color: #fff;
-  /* Removed z-index: 1, makes text blurry */
-  left: 50%;
-  top: 50%;
-  position: absolute;
-  transform: translate(-50%, -50%);
-  -webkit-transform: translate(-50%, -50%);
-  -moz-transform: translate(-50%, -50%);
-  -ms-transform: translate(-50%, -50%); }
+.btn-info:hover {
+  --btn-color: var(--cirrus-info-hover); }
 
-.avatar.avatar--xsmall {
-  font-size: 0.8rem;
-  width: 1.6rem;
-  height: 1.6rem; }
+.btn-info.outline:hover {
+  --btn-color: var(--cirrus-info); }
 
-.avatar.avatar--small {
-  font-size: 1rem;
-  height: 2.4rem;
-  width: 2.4rem; }
+.btn-info:focus {
+  box-shadow: 0 0 0 0.2rem rgba(41, 114, 250, 0.5); }
 
-.avatar.avatar--large {
-  font-size: 2rem;
-  height: 4.8rem;
-  width: 4.8rem; }
+.btn-link {
+  --btn-color: var(--cirrus-link);
+  --btn-fg: var(--cirrus-light);
+  --btn-border-color: var(--cirrus-link); }
 
-.avatar.avatar--xlarge {
-  font-size: 2.6rem;
-  height: 6.4rem;
-  width: 6.4rem; }
+.btn-link.outline {
+  --btn-fg: var(--cirrus-link);
+  border: 1px solid transparent; }
 
-.avatar img.padded {
-  padding: 0.5rem;
-  width: 100%; }
+.btn-link:hover {
+  --btn-color: var(--cirrus-link-dark); }
 
-/* CARDS */
-.card {
-  background-color: #fff;
-  border-radius: 5px;
-  position: relative;
-  overflow: hidden;
-  transition: all .3s;
-  backface-visibility: hidden;
-  box-shadow: 0px 5px 12px 0 rgba(42, 51, 83, 0.12), 0px 0px 5px rgba(0, 0, 0, 0.06);
-  margin-bottom: 1rem; }
+.btn-link.outline:hover {
+  --btn-color: var(--cirrus-link-hover);
+  border: 1px solid transparent;
+  text-decoration: underline; }
 
-.card:hover {
-  transition: all .3s;
-  box-shadow: 0px 8px 20px 0 rgba(42, 51, 83, 0.12), 0 5px 5px rgba(0, 0, 0, 0.06); }
+.btn-link:focus {
+  box-shadow: 0 0 0 0.2rem rgba(94, 92, 199, 0.5); }
 
-.slide-up:hover .card-image {
-  transform: translateY(-40px); }
+.btn-success {
+  --btn-color: var(--cirrus-success);
+  --btn-fg: var(--cirrus-light);
+  --btn-border-color: var(--cirrus-success); }
 
-.card:hover .card-image::after {
-  opacity: 0; }
+.btn-success:hover {
+  --btn-color: var(--cirrus-success-hover); }
 
-.card-image {
-  bottom: 0;
-  left: 0;
-  position: absolute;
-  right: 0;
-  top: 0;
-  border-radius: 5px 5px 0 0;
-  background-size: cover;
-  background-repeat: no-repeat;
-  -webkit-transition: all 0.3s ease-in-out;
-  -moz-transition: all 0.3s ease-in-out;
-  -ms-transition: all 0.3s ease-in-out;
-  transition: all 0.3s ease-in-out; }
+.btn-success.outline:hover {
+  --btn-color: var(--cirrus-success); }
 
-.card-image::after {
-  content: '';
-  display: block;
-  position: absolute;
-  background-color: rgba(0, 0, 0, 0.1);
-  top: 0;
-  left: 0;
-  right: 0;
-  -webkit-transition: all 500ms;
-  transition: all 500ms;
-  bottom: 0; }
+.btn-success:focus {
+  box-shadow: 0 0 0 0.2rem rgba(13, 210, 89, 0.5); }
 
-.card-container {
-  display: block;
-  position: relative;
-  height: 40%;
-  min-height: 332px;
-  /* So it appears in html5 standards mode */ }
+.btn-warning {
+  --btn-color: var(--cirrus-warning);
+  --btn-fg: var(--cirrus-dark);
+  --btn-border-color: var(--cirrus-warning); }
 
-.card .title-container .title,
-.card .title-container .subtitle {
-  color: #fff;
-  margin: 1rem auto; }
+.btn-warning:hover {
+  --btn-color: var(--cirrus-warning-hover); }
 
-.card .title-container {
-  position: absolute;
-  bottom: 1rem;
-  width: 100%;
-  padding: 0 1rem; }
+.btn-warning.outline:hover {
+  --btn-color: var(--cirrus-warning); }
 
-.card .title-container .title {
-  font-weight: 300;
-  font-size: 1.5rem;
-  margin-bottom: 0;
-  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); }
+.btn-warning:focus {
+  box-shadow: 0 0 0 0.2rem rgba(250, 180, 51, 0.5); }
 
-/* Allow for the cards to have the same height when u-flex is used on the card */
-.card.u-flex .content {
-  flex-grow: 1; }
+.btn-danger {
+  --btn-color: var(--cirrus-danger);
+  --btn-fg: var(--cirrus-light);
+  --btn-border-color: var(--cirrus-danger); }
 
-.card .action-bar {
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  padding: 0.5rem;
-  border-top: 1px solid #e0e0e0;
-  box-sizing: border-box;
-  -webkit-transition: left 200ms cubic-bezier(0.075, 0.82, 0.165, 1);
-  transition: left 200ms cubic-bezier(0.075, 0.82, 0.165, 1); }
+.btn-danger:hover {
+  --btn-color: var(--cirrus-danger-hover); }
 
-/* Add some padding to the buttons */
-.card .action-bar button,
-.card .action-bar .btn,
-.card .action-bar [type='submit'] {
-  margin: 0 0.5rem; }
+.btn-danger.outline:hover {
+  --btn-color: var(--cirrus-danger); }
 
-.card .action-bar + .card-footer {
-  padding: 1rem 0;
-  border-top: 1px solid #e0e0e0; }
-
-.card button,
-.card .btn {
-  display: inline-block;
-  border-color: transparent; }
-
-.card button:hover,
-.card .btn:hover {
-  -webkit-transform: none;
-  transform: none; }
-
-.card button:focus,
-.card .btn:focus {
-  -webkit-transform: none;
-  transform: none; }
-
-/* More card components in second example */
-.mobile-title {
-  position: absolute;
-  left: 0;
-  background-color: var(--cirrus-bg);
-  -moz-transition: .3s ease-in-out;
-  -ms-transition: all .3s ease-in-out;
-  transition: .3s ease-in-out;
-  width: 100%;
-  padding: 2rem 0 0 0;
-  backface-visibility: hidden; }
+.btn-danger:focus {
+  box-shadow: 0 0 0 0.2rem rgba(251, 65, 68, 0.5); }
 
-.card:hover .mobile-title {
-  margin-top: -7rem;
-  -webkit-transition: all 0.3s ease-in-out;
-  -moz-transition: all 0.3s ease-in-out;
-  -ms-transition: all 0.3s ease-in-out;
-  transition: all 0.3s ease-in-out; }
+[class^='btn-'],
+[class*=' btn-'] {
+  background-color: var(--btn-color);
+  border: 1px solid var(--btn-border-color);
+  color: var(--btn-fg);
+  transition: all var(--animation-duration); }
 
-.card:hover .card-body {
-  opacity: 1;
-  -webkit-transition: all 0.3s ease-in-out;
-  -moz-transition: all 0.3s ease-in-out;
-  -ms-transition: all 0.3s ease-in-out;
-  transition: all 0.3s ease-in-out; }
+[class^='btn-']:hover,
+[class*=' btn-']:hover {
+  background-color: var(--btn-color);
+  border-color: var(--btn-border-color);
+  transition: all var(--animation-duration); }
 
-.card-body {
-  opacity: 0;
-  -webkit-transition: all var(--animation-duration) ease-in-out;
-  -moz-transition: all var(--animation-duration) ease-in-out;
-  -ms-transition: all var(--animation-duration) ease-in-out;
-  transition: all var(--animation-duration) ease-in-out; }
+/* Outline Variants */
+[class^='btn-'].outline,
+[class*=' btn-'].outline {
+  background-color: transparent;
+  color: var(--btn-color); }
 
-.card-footer {
-  position: relative;
-  font-size: 0.75rem;
-  color: #9fa5a8; }
+[class^='btn-'].outline:hover,
+[class*=' btn-'].outline:hover {
+  background-color: var(--btn-color);
+  color: var(--btn-fg);
+  transition: all var(--animation-duration); }
 
-.card p {
-  margin: 1rem 0;
-  /*max-height: 8rem; /* Prevents ridiculously looking cards */ }
+/* Right of input */
+.has-controls.input:not([class*='left action']) > button:last-child,
+.has-controls.input:not([class*='left action']) > .btn:last-child > .btn {
+  border-radius: 0 0.28571429rem 0.28571429rem 0; }
 
-/*
-    NOTE: To have cards with the same height, place the card class with col-x classes and have the parent have fluid-container.
-*/
-/* Card Title Bar */
-.card-head {
-  align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  display: flex;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  border-bottom: 1px solid #e0e0e0; }
+.has-controls.input:not([class*='right action']) > button:last-child,
+.has-controls.input:not([class*='right action']) > .btn:last-child > .btn {
+  border-radius: 0.28571429rem 0 0 0.28571429rem; }
 
-.card-head-title {
-  align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-flex: 1;
-  -ms-flex-positive: 1;
-  flex-grow: 1;
-  font-weight: 700;
-  padding: 0 1rem; }
+/* Extra small button */
+.btn-xsmall {
+  padding: 0 0.5rem;
+  font-size: 50%; }
 
-/* EXTENDED FORM */
-/* Base class layout for extended form */
-.form-ext-control {
-  display: block;
-  min-height: 1.5rem;
-  padding-left: 1.5rem;
-  position: relative; }
+/* Small button */
+.btn-small {
+  padding: .25rem 1rem;
+  font-size: 70%; }
 
-/* Hides the original input */
-.form-ext-input {
-  opacity: 0;
-  position: absolute;
-  z-index: -1; }
+/* Big button */
+.btn-large {
+  padding: .75rem 2rem;
+  font-size: 90%; }
 
-.form-ext-input:disabled ~ .form-ext-label {
-  opacity: 0.4; }
+.btn-xlarge {
+  padding: 1rem 2.5rem;
+  font-size: 110%; }
 
-.form-ext-control .form-ext-input.form-ext-input--success:checked ~ .form-ext-label:before {
-  background-color: var(--cirrus-success); }
+/* Make the loader white so it is visible */
+.loading.btn-accent:after {
+  border: 2px solid #fff;
+  border-right-color: transparent;
+  border-top-color: transparent; }
 
-.form-ext-control .form-ext-input.form-ext-input--success:checked ~ .form-ext-label {
-  color: var(--cirrus-success); }
+/* Override default behavior of aligning font awesome icons to the top */
+button .fa-wrapper,
+.btn .fa-wrapper,
+[type='submit'] .fa-wrapper {
+  vertical-align: baseline; }
 
-.form-ext-control .form-ext-input.form-ext-input--error:checked ~ .form-ext-label:before {
-  background-color: var(--cirrus-danger); }
+button .fa-wrapper.pad-right,
+.btn .fa-wrapper.pad-right,
+[type='submit'] .fa-wrapper.pad-right {
+  margin-right: 0.4rem; }
 
-.form-ext-control .form-ext-input.form-ext-input--error:checked ~ .form-ext-label {
-  color: var(--cirrus-danger); }
+button .fa-wrapper.pad-left,
+.btn .fa-wrapper.pad-left,
+[type='submit'] .fa-wrapper.pad-left {
+  margin-left: 0.4rem; }
 
-.form-ext-label {
-  margin-bottom: 0;
-  position: relative; }
+/* Alternatives to pad-left and pad-right */
+button span:first-child,
+.btn span:first-child,
+[type='submit'] span:first-child {
+  margin-right: 0.2rem; }
 
-/* Base of custom form inputs */
-.form-ext-label:before,
-.form-ext-label:after {
-  content: "";
-  display: block;
-  height: 1rem;
-  left: -1.5rem;
-  position: absolute;
-  top: .3rem;
-  transition: all var(--animation-duration);
-  width: 1rem; }
+button span:last-child,
+.btn span:last-child,
+[type='submit'] span:last-child {
+  margin-left: 0.2rem; }
 
-.form-ext-label:before {
-  background-color: var(--cirrus-light);
-  border: 1px solid #d5d7dc;
-  border-radius: .25rem;
-  pointer-events: none;
-  user-select: none;
-  box-sizing: border-box; }
+/* BUTTON GROUPS */
+/* Will group buttons with components in a single component */
+.btn-group {
+  /* -ms-flex-wrap: wrap; Deprecated 0.5.6, allow for overflow
+    flex-wrap: wrap; Wrap contents to next row on overflow */
+  display: -webkit-inline-box;
+  display: inline-flex;
+  display: -ms-inline-flexbox;
+  display: -webkit-inline-flex; }
 
-.form-ext-label:after {
-  background-position: center;
-  background-repeat: no-repeat;
-  background-size: 50% 50%; }
+.btn-group.btn-group-fill {
+  /* Makes the button group fill the width and proportion the buttons to fill the space */
+  display: -webkit-box;
+  display: flex;
+  display: -ms-flexbox; }
 
-/* Checked state */
-.form-ext-control .form-ext-input:checked ~ .form-ext-label:before {
-  background-color: var(--cirrus-primary); }
+.btn-group .btn,
+.btn-group button,
+.btn-group [type='submit'] {
+  -ms-flex: 1 0 auto;
+  -webkit-box-flex: 1;
+  flex: 1 0 auto;
+  margin: 0; }
 
-/* Checkbox */
-.form-ext-control.form-ext-checkbox .form-ext-input:checked ~ .form-ext-label:after {
-  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); }
+.btn-group.btn-group-fill .btn,
+.btn-group.btn-group-fill button,
+.btn-group.btn-group-fill [type='submit'] {
+  -ms-flex: 1 0;
+  -webkit-box-flex: 1;
+  flex: 1 0;
+  /* Make the buttons fill the available width and proportion themselves */ }
 
-.form-ext-checkbox .form-ext-label:before {
-  border-radius: .25rem; }
+.btn-group .btn:first-child:not(:last-child),
+.btn-group button:first-child:not(:last-child),
+.btn-group [type='submit']:first-child:not(:last-child) {
+  /* Style the first child in group > 1 buttons */
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0; }
 
-/* Radio Button */
-.form-ext-control.form-ext-radio .form-ext-input:checked ~ .form-ext-label:after {
-  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E"); }
+.btn-group .btn:last-child:not(:first-child),
+.btn-group button:last-child:not(:first-child),
+.btn-group [type='submit']:last-child:not(:first-child) {
+  /* Style the last child in group > 1 buttons */
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: -0.1rem; }
 
-.form-ext-radio .form-ext-label:before {
-  border-radius: 50%; }
+.btn-group .btn:not(:first-child):not(:last-child),
+.btn-group button:not(:first-child):not(:last-child),
+.btn-group [type='submit']:not(:first-child):not(:last-child) {
+  /* Style button in middle of group */
+  border-radius: 0;
+  /* Remove roundness from center buttons */
+  margin-left: -0.1rem; }
 
-/* Toggle Switches */
-.form-ext-toggle {
-  cursor: pointer;
-  position: relative; }
+@media screen and (max-width: 768px) {
+  .btn-group {
+    display: flex;
+    flex-direction: column; }
+  .btn-group .btn,
+  .btn-group button,
+  .btn-group [type='submit'] {
+    margin-bottom: -1px; }
+  .btn-group .btn:first-child:not(:last-child),
+  .btn-group button:first-child:not(:last-child),
+  .btn-group [type='submit']:first-child:not(:last-child) {
+    border-radius: 0.25rem 0.25rem 0 0; }
+  .btn-group .btn:not(:first-child):not(:last-child),
+  .btn-group button:not(:first-child):not(:last-child),
+  .btn-group [type='submit']:not(:first-child):not(:last-child) {
+    margin-left: 0; }
+  .btn-group .btn:last-child:not(:first-child),
+  .btn-group button:last-child:not(:first-child),
+  .btn-group [type='submit']:last-child:not(:first-child) {
+    border-radius: 0 0 0.25rem 0.25rem;
+    margin-left: 0; } }
 
-.form-ext-toggle input[type="checkbox"],
-.form-ext-toggle input[type="radio"] {
-  opacity: 0;
-  position: absolute;
-  z-index: -1; }
+/* CODE */
+code {
+  padding: 0.3rem;
+  margin: 0.5em 0;
+  overflow: auto;
+  background-color: var(--cirrus-code-bg);
+  color: var(--cirrus-code-fg);
+  border-radius: 3px; }
 
-.form-ext-toggle__label {
-  align-items: center;
-  display: flex;
-  justify-content: space-between; }
+/* Dark theme for code */
+code.dark {
+  background-color: var(--cirrus-dark);
+  color: #fff; }
 
-.form-ext-toggle__toggler {
-  border: 1px solid var(--cirrus-gray);
-  border-radius: 6.25rem;
-  color: var(--cirrus-gray);
+code:before {
+  color: #acb3c2;
+  content: attr(data-lang);
+  font-size: 0.9rem;
+  position: absolute;
+  right: 1rem;
+  top: 0.7rem; }
+
+pre > code {
+  font-size: 14px;
   display: block;
-  font-size: 9px;
-  height: 1.5rem;
+  padding: 2rem 1.5rem 1rem;
+  white-space: pre-wrap;
+  word-wrap: break-word;
+  font-family: Consolas,Monaco,"Andale Mono",monospace;
+  text-align: left;
+  line-height: 1.5;
+  -moz-tab-size: 4;
+  tab-size: 4;
+  -moz-hyphens: none;
+  -ms-hyphens: none;
+  hyphens: none;
+  border-left: 0.3rem solid var(--cirrus-primary);
+  margin: 0;
   position: relative;
-  width: 3rem; }
+  color: #222; }
 
-.form-ext-toggle input[type="checkbox"]:checked + .form-ext-toggle__toggler,
-.form-ext-toggle input[type="checkbox"]:checked + * .form-ext-toggle__toggler,
-.form-ext-toggle input[type="radio"]:checked + .form-ext-toggle__toggler,
-.form-ext-toggle input[type="radio"]:checked + * .form-ext-toggle__toggler {
-  background-color: var(--cirrus-primary);
-  border-color: var(--cirrus-primary);
-  color: #fff;
-  position: relative;
-  transition: all .4s ease; }
+/* FONT */
+@import url("https://fonts.googleapis.com/css?family=Nunito:200,300,400,600,700");
+@import url("https://fonts.googleapis.com/css?family=Montserrat:400,700");
+h1 {
+  font-family: "Montserrat", sans-serif;
+  font-weight: 700;
+  line-height: 1.2;
+  margin-bottom: 1rem; }
 
-.form-ext-toggle i {
-  display: inline-block; }
+h2 {
+  font-family: "Montserrat", sans-serif;
+  font-weight: 700;
+  line-height: 1.2;
+  margin-bottom: 1rem; }
 
-.form-ext-input:disabled ~ .form-ext-toggle__toggler {
-  opacity: 0.5; }
+h3 {
+  font-family: "Montserrat", sans-serif;
+  font-weight: 700;
+  line-height: 1.2;
+  margin-bottom: 1rem; }
 
-.form-ext-toggle__toggler i::before,
-.form-ext-toggle__toggler i::after {
-  content: "";
-  display: block;
-  position: absolute; }
+h4 {
+  font-family: "Montserrat", sans-serif;
+  font-weight: 700;
+  line-height: 1.2;
+  margin-bottom: 1rem; }
 
-.form-ext-toggle__toggler i::before {
-  /* TODO SET CONTENT */
-  content: attr(data-uncheck-icon);
-  padding: 2px 7px;
-  line-height: 18px;
-  text-align: right;
-  top: 0;
-  width: 65%;
-  font-size: 12px; }
+h5 {
+  font-family: "Montserrat", sans-serif;
+  font-weight: 700;
+  line-height: 1.2;
+  margin-bottom: 1rem; }
 
-.form-ext-toggle__toggler i::after {
-  background-color: var(--cirrus-gray);
-  border-radius: 50%;
-  height: 16px;
-  left: 4px;
-  width: 16px;
-  transform: translateY(-50%);
-  transition: left var(--animation-duration) ease;
-  text-align: left; }
+h6 {
+  font-family: "Montserrat", sans-serif;
+  font-weight: 700;
+  line-height: 1.2;
+  margin-bottom: 1rem; }
 
-.form-ext-control .form-ext-input:checked ~ .form-ext-label:before {
-  border: none; }
+/* Silent header Deprecated 0.5.6
+h1 .silent,
+h2 .silent,
+h3 .silent,
+h4 .silent,
+h5 .silent,
+h6 .silent {
+  color: #788196;
+} */
+h1 {
+  font-size: 3rem;
+  letter-spacing: 0.025rem; }
 
-.form-ext-toggle input[type="checkbox"]:checked + .form-ext-toggle__toggler i::after,
-.form-ext-toggle input[type="checkbox"]:checked + * .form-ext-toggle__toggler i::after,
-.form-ext-toggle input[type="radio"]:checked + .form-ext-toggle__toggler i::after,
-.form-ext-toggle input[type="radio"]:checked + * .form-ext-toggle__toggler i::after {
-  background-color: #fff;
-  left: calc(100% - 20px); }
+h2 {
+  font-size: 2.5rem; }
 
-.form-ext-toggle input[type="checkbox"]:checked + .form-ext-toggle__toggler i::before,
-.form-ext-toggle input[type="checkbox"]:checked + * .form-ext-toggle__toggler i::before,
-.form-ext-toggle input[type="radio"]:checked + .form-ext-toggle__toggler i::before,
-.form-ext-toggle input[type="radio"]:checked + * .form-ext-toggle__toggler i::before {
-  color: #fff;
-  content: attr(data-check-icon);
-  text-align: left; }
+h3 {
+  font-size: 2rem; }
 
-.form-ext-toggle input[type="checkbox"]:checked + .form-ext-toggle__toggler i::after,
-.form-ext-toggle input[type="checkbox"]:checked + * .form-ext-toggle__toggler i::after,
-.form-ext-toggle input[type="radio"]:checked + .form-ext-toggle__toggler i::after,
-.form-ext-toggle input[type="radio"]:checked + * .form-ext-toggle__toggler i::after {
-  background-color: #fff;
-  left: calc(100% - 20px); }
+h4 {
+  font-size: 1.75rem; }
 
-.form-ext-toggle.form-ext-toggle--error input[type="checkbox"]:checked + .form-ext-toggle__toggler,
-.form-ext-toggle.form-ext-toggle--error input[type="checkbox"]:checked + * .form-ext-toggle__toggler,
-.form-ext-toggle.form-ext-toggle--error input[type="radio"]:checked + .form-ext-toggle__toggler,
-.form-ext-toggle.form-ext-toggle--error input[type="radio"]:checked + * .form-ext-toggle__toggler {
-  background-color: var(--cirrus-danger);
-  border-color: var(--cirrus-danger); }
+h5 {
+  font-size: 1.5rem; }
 
-.form-ext-toggle.form-ext-toggle--error .form-ext-toggle__toggler {
-  border-color: var(--cirrus-danger);
-  color: var(--cirrus-danger); }
+h6 {
+  font-size: 1.25rem; }
 
-.form-ext-toggle.form-ext-toggle--error .form-ext-toggle__toggler i::after {
-  background-color: var(--cirrus-danger); }
+/* Headlines (for larger titles) */
+.headline-1 {
+  font-size: 6.5rem;
+  letter-spacing: 0.05rem; }
 
-.form-ext-toggle.form-ext-toggle--success input[type="checkbox"]:checked + .form-ext-toggle__toggler,
-.form-ext-toggle.form-ext-toggle--success input[type="checkbox"]:checked + * .form-ext-toggle__toggler,
-.form-ext-toggle.form-ext-toggle--success input[type="radio"]:checked + .form-ext-toggle__toggler,
-.form-ext-toggle.form-ext-toggle--success input[type="radio"]:checked + * .form-ext-toggle__toggler {
-  background-color: var(--cirrus-success);
-  border-color: var(--cirrus-success); }
+.headline-2 {
+  font-size: 5.5rem;
+  letter-spacing: 0.05rem; }
 
-.form-ext-toggle--success .form-ext-toggle__toggler {
-  border-color: var(--cirrus-success);
-  color: var(--cirrus-success); }
+.headline-3 {
+  font-size: 4.5rem;
+  letter-spacing: 0.05rem; }
 
-.form-ext-toggle--success .form-ext-toggle__toggler i::after {
-  background-color: var(--cirrus-success); }
+.headline-4 {
+  font-size: 3.5rem;
+  letter-spacing: 0.025rem; }
 
-/**
- * Accessibility
- */
-.form-ext-toggle .form-ext-input:focus + .form-ext-toggle__toggler,
-.form-ext-toggle .form-ext-input:focus ~ .form-ext-label:before {
-  box-shadow: 0 0 0 0.2rem rgba(var(--cirrus-primary-rgb), var(--focus-opacity)), inset 0 1px 8px rgba(0, 0, 0, 0.07); }
+strong {
+  font-weight: 700; }
 
-.form-ext-toggle.form-ext-toggle--success .form-ext-input:focus + .form-ext-toggle__toggler {
-  box-shadow: 0 0 0 0.2rem rgba(var(--cirrus-success-rgb), var(--focus-opacity)), inset 0 1px 8px rgba(34, 197, 127, 0.13); }
+.font-alt {
+  font-family: "Nunito Sans"; }
 
-.form-ext-input.form-ext-input--success:focus ~ .form-ext-label:before {
-  border-color: inherit;
-  box-shadow: 0 0 0 0.2rem rgba(var(--cirrus-success-rgb), var(--focus-opacity)), inset 0 1px 8px rgba(0, 0, 0, 0.07); }
+.content h1,
+.content h2,
+.content h3,
+.content h4,
+.content h5,
+.content h6 {
+  line-height: 1.125em;
+  margin: 1rem 0; }
 
-/* GRID */
-:root {
-  --gap-0: 0;
-  --gap-1: 0.25rem;
-  --gap-2: 0.5rem;
-  --gap-3: 1rem;
-  --gap-4: 1.25rem;
-  --gap-5: 1.5rem;
-  --gap-6: 3rem;
-  --gap-7: 6rem;
-  --gap-8: 9rem;
-  --gap-9: 12rem; }
-
-.grid {
-  --grid-gap: --gap-2;
-  --grid-template-column: repeat(12, minmax(0, 1fr));
-  --grid-column-start: auto;
-  --grid-column-end: auto;
-  --grid-row-start: auto;
-  --grid-row-end: auto;
-  display: grid;
-  grid-gap: var(--grid-gap);
-  grid-template-columns: var(--grid-template-column); }
-
-/* Styling grid cells */
-.grid .c {
-  grid-column-start: var(--grid-column-start);
-  grid-column-end: var(--grid-column-end); }
-
-/* Templates */
-.grid.grid-cols-1 {
-  --grid-template-column: repeat(1, minmax(0, 1fr)); }
-
-.grid.grid-cols-2 {
-  --grid-template-column: repeat(2, minmax(0, 1fr)); }
-
-.grid.grid-cols-3 {
-  --grid-template-column: repeat(3, minmax(0, 1fr)); }
-
-.grid.grid-cols-4 {
-  --grid-template-column: repeat(4, minmax(0, 1fr)); }
-
-.grid.grid-cols-5 {
-  --grid-template-column: repeat(5, minmax(0, 1fr)); }
-
-.grid.grid-cols-6 {
-  --grid-template-column: repeat(6, minmax(0, 1fr)); }
-
-.grid.grid-cols-7 {
-  --grid-template-column: repeat(7, minmax(0, 1fr)); }
-
-.grid.grid-cols-8 {
-  --grid-template-column: repeat(8, minmax(0, 1fr)); }
-
-.grid.grid-cols-9 {
-  --grid-template-column: repeat(9, minmax(0, 1fr)); }
-
-.grid.grid-cols-10 {
-  --grid-template-column: repeat(10, minmax(0, 1fr)); }
-
-.grid.grid-cols-11 {
-  --grid-template-column: repeat(11, minmax(0, 1fr)); }
+.title {
+  font-weight: bold; }
 
-.grid.grid-cols-12 {
-  --grid-template-column: repeat(12, minmax(0, 1fr)); }
+.title:not(:last-child),
+.subtitle:not(:last-child) {
+  margin-bottom: 1rem; }
 
-.grid.grid-gap-0 {
-  --grid-gap: var(--gap-0); }
+.title + .subtitle {
+  /* Make the subtitlte closer to the title */
+  margin-top: -0.75rem; }
 
-.grid.grid-gap-1 {
-  --grid-gap: var(--gap-1); }
+p,
+article,
+blockquote {
+  font-size: 1rem;
+  line-height: 2;
+  margin-bottom: 1rem; }
 
-.grid.grid-gap-2 {
-  --grid-gap: var(--gap-2); }
+p.lead {
+  font-size: 1.2rem; }
 
-.grid.grid-gap-3 {
-  --grid-gap: var(--gap-3); }
+blockquote {
+  margin-bottom: 1rem;
+  font-size: 1.25rem; }
 
-.grid.grid-gap-4 {
-  --grid-gap: var(--gap-4); }
+blockquote {
+  background-color: #f5f5f5;
+  border-left: 5px solid #dbdbdb;
+  padding: 1rem 2rem;
+  border-radius: 3px; }
 
-.grid.grid-gap-5 {
-  --grid-gap: var(--gap-5); }
+blockquote p {
+  margin: 0;
+  font-size: 0.95rem; }
 
-.grid.grid-gap-6 {
-  --grid-gap: var(--gap-6); }
+/* Use default line-height for these texts and when line-height-inherit is specified */
+.card-tile p,
+.card-tile article,
+.card-tile blockquote {
+  line-height: inherit; }
 
-.grid.grid-gap-7 {
-  --grid-gap: var(--gap-7); }
+cite {
+  opacity: 0.7; }
 
-.grid.grid-gap-8 {
-  --grid-gap: var(--gap-8); }
+mark,
+.mark {
+  padding: 0.2em;
+  background-color: #f0e8c4; }
 
-.grid.grid-gap-9 {
-  --grid-gap: var(--gap-9); }
+/* Weights */
+.font-thin {
+  font-weight: 200; }
 
-/* Column expansion */
-.grid .grid-c-1 {
-  grid-column: span 1; }
+.font-light {
+  font-weight: 300; }
 
-.grid .grid-c-2 {
-  grid-column: span 2; }
+.font-normal {
+  font-weight: 400; }
 
-.grid .grid-c-3 {
-  grid-column: span 3; }
+.font-semibold {
+  font-weight: 600; }
 
-.grid .grid-c-4 {
-  grid-column: span 4; }
+.font-bold {
+  font-weight: 700; }
 
-.grid .grid-c-5 {
-  grid-column: span 5; }
+.uppercase {
+  text-transform: uppercase; }
 
-.grid .grid-c-6 {
-  grid-column: span 6; }
+.lowercase {
+  text-transform: lowercase; }
 
-.grid .grid-c-7 {
-  grid-column: span 7; }
+.rtl {
+  direction: rtl; }
 
-.grid .grid-c-8 {
-  grid-column: span 8; }
+.white {
+  color: #fff !important; }
 
-.grid .grid-c-9 {
-  grid-column: span 9; }
+.faded {
+  opacity: 0.75; }
 
-.grid .grid-c-10 {
-  grid-column: span 10; }
+.font-italic {
+  font-style: italic; }
 
-.grid .grid-c-11 {
-  grid-column: span 11; }
+/* Font Awesome */
+.icon {
+  /* Usually used in spans */
+  display: inline-block;
+  /* font-size: 21px; Allow font sizes for icons to be overwritten */
+  /* line-height: 1.5rem; Allow line height to be inherited or overwritten */
+  text-align: center;
+  width: 1.5rem;
+  vertical-align: baseline; }
 
-.grid .grid-c-12 {
-  grid-column: span 12; }
+.icon .fa-wrapper {
+  font-size: inherit;
+  vertical-align: middle; }
 
-/* Row expansion */
-.grid .grid-r-1 {
-  grid-row: span 1; }
+.icon.x-small {
+  margin: 0.55rem 0 0 0.1rem; }
 
-.grid .grid-r-2 {
-  grid-row: span 2; }
+.icon.small {
+  margin: 0.95rem 0 0 0.1rem; }
 
-.grid .grid-r-3 {
-  grid-row: span 3; }
+.info {
+  display: block;
+  font-size: var(--font-size-s);
+  margin-top: 0.25rem;
+  color: #979797; }
 
-.grid .grid-r-4 {
-  grid-row: span 4; }
+.info.inline {
+  /* Keeps the extra info inline */
+  display: inline-block;
+  margin-left: 0.5rem; }
 
-.grid .grid-r-5 {
-  grid-row: span 5; }
+.caret {
+  display: inline-block;
+  width: 0;
+  height: 0;
+  margin-left: 2px;
+  vertical-align: middle;
+  border-top: 4px dashed;
+  border-top: 4px solid\9;
+  border-right: 4px solid transparent;
+  border-left: 4px solid transparent; }
 
-.grid .grid-r-6 {
-  grid-row: span 6; }
+/* Other text elements */
+abbr[title] {
+  border-bottom: 0.1rem dotted;
+  cursor: help;
+  text-decoration: none; }
 
-.grid .grid-r-7 {
-  grid-row: span 7; }
+kbd {
+  background-color: var(--cirrus-fg);
+  border-radius: 0.2rem;
+  color: #fff;
+  display: inline-block;
+  line-height: 1;
+  padding: 0.5rem;
+  vertical-align: baseline; }
 
-.grid .grid-r-8 {
-  grid-row: span 8; }
+/* MOBILE */
+@media (max-width: 650px) {
+  h1 {
+    font-size: 2.5rem; }
+  h2 {
+    font-size: 2rem; }
+  h3 {
+    font-size: 1.75rem; }
+  h4 {
+    font-size: 1.5rem; }
+  h5 {
+    font-size: 1.25rem; }
+  h6 {
+    font-size: 1rem; }
+  .headline-1 {
+    font-size: 3rem;
+    letter-spacing: 0.05rem; }
+  .headline-2 {
+    font-size: 2.75rem;
+    letter-spacing: 0.05rem; }
+  .headline-3 {
+    font-size: 2.5rem;
+    letter-spacing: 0.05rem; }
+  .headline-4 {
+    font-size: 2.25rem;
+    letter-spacing: 0.025rem; }
+  p,
+  article,
+  blockquote {
+    margin: 1rem 0; } }
 
-.grid .grid-r-9 {
-  grid-row: span 9; }
-
-.grid .grid-r-10 {
-  grid-row: span 10; }
-
-.grid .grid-r-11 {
-  grid-row: span 11; }
+/* FOOTER */
+.footer {
+  background-color: var(--gray-900);
+  padding: 6rem 0;
+  text-align: center;
+  margin-top: 5rem;
+  width: 100%; }
+  .footer.footer--fixed {
+    bottom: 0;
+    position: fixed; }
+  .footer a {
+    color: #fff;
+    font-weight: bolder; }
+  .footer p {
+    color: var(--gray-600); }
+  .footer ul {
+    margin: 0.5rem 0;
+    /* Remove the left margin seen in global style */ }
+  .footer .footer__title {
+    text-align: center;
+    letter-spacing: 6px;
+    position: relative;
+    padding-bottom: 10px; }
+  .footer .footer__list-title {
+    font-size: 75%;
+    text-transform: uppercase;
+    font-weight: bolder;
+    color: #ddd; }
+    .footer .footer__list-title::after {
+      content: '';
+      display: block;
+      width: 10%;
+      margin: auto;
+      border-bottom: 2px solid;
+      border-color: #343b49; }
+  .footer ul a .footer__list-item,
+  .footer .footer__list-item {
+    margin: 0.1rem;
+    color: var(--gray-600);
+    transition: all var(--animation-duration);
+    font-size: 75%;
+    text-transform: uppercase; }
 
-.grid .grid-r-12 {
-  grid-row: span 12; }
+/* FORMS */
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]),
+select {
+  width: 100%;
+  border: 1px solid #ddd;
+  border-radius: 3px;
+  color: #5a5a5a;
+  font-family: "Nunito Sans";
+  font-size: var(--font-size-m);
+  letter-spacing: 0.02rem;
+  transition: all 0.3s;
+  outline: none;
+  padding: 0.85rem 1.1rem;
+  /* Input Field Sizes */
+  /* Hold Font Awesome glyphs inside input fields */
+  /* More sizes coming soon */ }
+  input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-xsmall,
+  input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]) select.input-xsmall,
+  select.input-xsmall,
+  select select.input-xsmall {
+    font-size: var(--font-size-xs);
+    padding: 0.35rem 0.9rem; }
+  input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-small,
+  input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]) select.input-small,
+  select.input-small,
+  select select.input-small {
+    font-size: var(--font-size-s);
+    padding: 0.55rem 1rem; }
+  input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-large,
+  input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]) select.input-large,
+  select.input-large,
+  select select.input-large {
+    font-size: var(--font-size-l); }
+  input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-xlarge,
+  input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]) select.input-xlarge,
+  select.input-xlarge,
+  select select.input-xlarge {
+    font-size: var(--font-size-xl); }
+  input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon, input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-left,
+  select.input-contains-icon,
+  select.input-contains-icon-left {
+    padding-left: 2.75rem; }
+  input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-right,
+  select.input-contains-icon-right {
+    padding-right: 2.75rem; }
+  input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon.input-xsmall, input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-right.input-xsmall,
+  select.input-contains-icon.input-xsmall,
+  select.input-contains-icon-right.input-xsmall {
+    padding-left: 2rem; }
+  input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon.input-xsmall ~ .icon,
+  input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-left.input-xsmall ~ .icon,
+  input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-right.input-xsmall ~ .icon.icon-right,
+  select.input-contains-icon.input-xsmall ~ .icon,
+  select.input-contains-icon-left.input-xsmall ~ .icon,
+  select.input-contains-icon-right.input-xsmall ~ .icon.icon-right {
+    line-height: 1.75rem;
+    width: 1.75rem;
+    font-size: 7px; }
+  input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon.input-small, input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-right.input-small,
+  select.input-contains-icon.input-small,
+  select.input-contains-icon-right.input-small {
+    padding-left: 2.5rem; }
+  input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon.input-small ~ .icon,
+  input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-left.input-small ~ .icon,
+  input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-right.input-small ~ .icon.icon-right,
+  select.input-contains-icon.input-small ~ .icon,
+  select.input-contains-icon-left.input-small ~ .icon,
+  select.input-contains-icon-right.input-small ~ .icon.icon-right {
+    line-height: 2rem;
+    width: 2.5rem;
+    font-size: 14px; }
+  input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon.input-large, input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-right.input-large,
+  select.input-contains-icon.input-large,
+  select.input-contains-icon-right.input-large {
+    padding-left: 3.5rem; }
+  input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon.input-large ~ .icon,
+  input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-left.input-large ~ .icon,
+  input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-right.input-large ~ .icon.icon-right,
+  select.input-contains-icon.input-large ~ .icon,
+  select.input-contains-icon-left.input-large ~ .icon,
+  select.input-contains-icon-right.input-large ~ .icon.icon-right {
+    line-height: 3.5rem;
+    width: 3.5rem;
+    font-size: 28px; }
+  input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon.input-xlarge, input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-right.input-xlarge,
+  select.input-contains-icon.input-xlarge,
+  select.input-contains-icon-right.input-xlarge {
+    padding-left: 4rem; }
+  input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon.input-xlarge ~ .icon,
+  input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-left.input-xlarge ~ .icon,
+  input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-right.input-xlarge ~ .icon.icon-right,
+  select.input-contains-icon.input-xlarge ~ .icon,
+  select.input-contains-icon-left.input-xlarge ~ .icon,
+  select.input-contains-icon-right.input-xlarge ~ .icon.icon-right {
+    line-height: 2.5rem;
+    width: 3.75rem;
+    font-size: 35px; }
 
-/* Cell Column Start/End */
-.grid .grid-cs-1 {
-  grid-column-start: 1; }
+input[type="search"] {
+  -webkit-appearance: none;
+  /* Fix Safari issue */ }
 
-.grid .grid-cs-2 {
-  grid-column-start: 2; }
+textarea,
+textarea[type="text"] {
+  width: 100%;
+  border: 1px solid #ddd;
+  padding: 0.8rem;
+  border-radius: 3px;
+  font-family: "Nunito Sans";
+  font-size: var(--font-size-m);
+  letter-spacing: 0.02rem;
+  transition: all 0.3s;
+  outline: none;
+  margin: 0.5rem 0;
+  padding: 1rem 1.3rem;
+  min-height: 8rem;
+  line-height: 1.5rem;
+  resize: vertical; }
 
-.grid .grid-cs-3 {
-  grid-column-start: 3; }
+input[type="color"] {
+  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
+  box-sizing: border-box;
+  transition: .3s;
+  outline: 0;
+  position: relative;
+  height: 3rem;
+  background-color: #fff;
+  padding: .55rem .8rem !important; }
 
-.grid .grid-cs-4 {
-  grid-column-start: 4; }
+input:not([type=checkbox]):not([type=radio]):not([type=submit]):focus,
+select:focus,
+textarea:focus,
+textarea[type=text]:focus,
+input[type=text].input-focused,
+.input-focused {
+  border-color: #3dabf0;
+  box-shadow: 0 0 0 0.2rem rgba(61, 171, 240, var(--focus-opacity)), inset 0px 1px 8px rgba(0, 0, 0, 0.07); }
 
-.grid .grid-cs-5 {
-  grid-column-start: 5; }
+select {
+  background-color: #fff;
+  border: 1px solid #ddd; }
 
-.grid .grid-cs-6 {
-  grid-column-start: 6; }
+select[multiple] option {
+  padding: 0.2rem 0.4rem; }
 
-.grid .grid-cs-7 {
-  grid-column-start: 7; }
+/* Fixes for Safari and other browsers for consistent UI */
+select.select:not([size]):not([multiple]) {
+  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%23667189'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E") no-repeat right 0.85rem center/0.5rem 0.6rem no-repeat;
+  -webkit-appearance: none; }
 
-.grid .grid-cs-8 {
-  grid-column-start: 8; }
+/* Search field */
+input[type="search"],
+input.search {
+  background-repeat: no-repeat;
+  background-position: left 0.6rem center;
+  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path opacity="0.45" d="M14.891,14.39l-0.5.5a0.355,0.355,0,0,1-.5,0L9.526,10.529a5.3,5.3,0,1,1,2.106-4.212,5.268,5.268,0,0,1-1.1,3.21l4.362,4.362A0.354,0.354,0,0,1,14.891,14.39ZM6.316,2.418a3.9,3.9,0,1,0,3.9,3.9A3.9,3.9,0,0,0,6.316,2.418Z"/></svg>');
+  /* NEEDS FIXING */
+  padding-left: 2rem !important; }
 
-.grid .grid-cs-9 {
-  grid-column-start: 9; }
+input:not([class*="btn-"]):disabled, input:not([class*=" btn-"]):disabled:hover, select:disabled, textarea:disabled {
+  background-color: #f3f3f6;
+  cursor: not-allowed;
+  border: 1px solid #f3f3f6; }
 
-.grid .grid-cs-10 {
-  grid-column-start: 10; }
+label:first-child:not(:last-child):not(.form-group-label) {
+  margin-right: 0.5rem; }
 
-.grid .grid-cs-11 {
-  grid-column-start: 11; }
+label:not(:first-child):not(:last-child):not(.form-group-label) {
+  margin: 0 0.5rem; }
 
-.grid .grid-cs-12 {
-  grid-column-start: 12; }
+label:last-child:not(:first-child):not(.form-group-label) {
+  margin-left: 0.5rem; }
 
-.grid .grid-cs-end {
-  grid-column-end: -1; }
+/* Required asterisk */
+.required {
+  /* Use this in a span or a div */
+  position: relative;
+  top: 1px;
+  font-weight: bold;
+  color: #f03c69;
+  padding-left: 0.1rem; }
 
-.grid .grid-ce-1 {
-  grid-column-end: 2; }
+.label:not(:last-child) {
+  margin-bottom: 0; }
 
-.grid .grid-ce-2 {
-  grid-column-end: 3; }
+.label {
+  color: #4a4a4a;
+  display: inline-block;
+  /* changed from block */
+  font-weight: bold;
+  margin-top: 0.8rem; }
 
-.grid .grid-ce-3 {
-  grid-column-end: 4; }
+.input-success {
+  background-color: rgba(0, 224, 0, 0.05) !important;
+  border-color: var(--cirrus-success) !important; }
 
-.grid .grid-ce-4 {
-  grid-column-end: 5; }
+.input-success:not([type=checkbox]):not([type=radio]):not([type=submit]):focus, .btn-success:focus {
+  box-shadow: 0 0 0 0.2rem rgba(76, 175, 80, var(--focus-opacity)), inset 0px 1px 8px rgba(0, 0, 0, 0.07); }
 
-.grid .grid-ce-5 {
-  grid-column-end: 6; }
+.input-error {
+  background-color: rgba(244, 67, 54, 0.05) !important;
+  border-color: var(--cirrus-danger) !important; }
 
-.grid .grid-ce-6 {
-  grid-column-end: 7; }
+.input-error:not([type=checkbox]):not([type=radio]):not([type=submit]):focus, .btn-error:focus {
+  box-shadow: 0 0 0 0.2rem rgba(244, 67, 54, var(--focus-opacity)), inset 0px 1px 8px rgba(0, 0, 0, 0.07); }
 
-.grid .grid-ce-7 {
-  grid-column-end: 8; }
+/* Select sizes */
+select.input-xsmall {
+  padding: 0.65rem 0.9rem; }
 
-.grid .grid-ce-8 {
-  grid-column-end: 9; }
+select.input-small {
+  padding: 0.75rem 1rem; }
 
-.grid .grid-ce-9 {
-  grid-column-end: 10; }
+select.input-large {
+  padding: 0.95rem 1.2rem; }
 
-.grid .grid-ce-10 {
-  grid-column-end: 11; }
+select.input-xlarge {
+  padding: 1.05rem 1.3rem; }
 
-.grid .grid-ce-11 {
-  grid-column-end: 12; }
+/* Used for when the input controls have another control adjacent to it but we want to position it inside the input field like font-awesome glyphs. As of 0.5.2, it is the default container for input fields. */
+.input-control {
+  position: relative;
+  margin: 0.5rem 0; }
 
-.grid .grid-ce-12 {
-  grid-column-end: 13; }
+.input-contains-icon ~ .icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%; }
 
-/* Cell Row Start/End */
-.grid .grid-rs-1 {
-  grid-row-start: 1; }
+.input-contains-icon ~ .icon:not(.icon-right),
+.input-contains-icon-left ~ .icon.icon-left {
+  /* Nomral input only */
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 3rem;
+  z-index: 1; }
 
-.grid .grid-rs-2 {
-  grid-row-start: 2; }
+.input-contains-icon-right ~ .icon.icon-right {
+  position: absolute;
+  pointer-events: none;
+  line-height: 2.75rem;
+  vertical-align: baseline;
+  top: 0;
+  right: 0;
+  width: 3rem;
+  z-index: 1; }
 
-.grid .grid-rs-3 {
-  grid-row-start: 3; }
+/* Form section just adds extra spacing between form elements tiled vertically */
+.form-section:not(:last-child) {
+  margin-bottom: 0.5rem; }
 
-.grid .grid-rs-4 {
-  grid-row-start: 4; }
+/* A flexbox version of form-section for inline forms */
+.form-section.section-inline {
+  display: flex; }
 
-.grid .grid-rs-5 {
-  grid-row-start: 5; }
-
-.grid .grid-rs-6 {
-  grid-row-start: 6; }
-
-.grid .grid-rs-7 {
-  grid-row-start: 7; }
-
-.grid .grid-rs-8 {
-  grid-row-start: 8; }
-
-.grid .grid-rs-9 {
-  grid-row-start: 9; }
-
-.grid .grid-rs-10 {
-  grid-row-start: 10; }
-
-.grid .grid-rs-11 {
-  grid-row-start: 11; }
+.form-section.section-inline label:not(.form-group-label),
+.form-section.section-inline button {
+  align-items: center;
+  flex-grow: 0;
+  /* Keep it from taking up extra space */
+  display: flex;
+  flex-shrink: 0; }
 
-.grid .grid-rs-12 {
-  grid-row-start: 12; }
+.form-section.section-inline input,
+.form-section.section-inline .section-body {
+  align-items: center;
+  flex-grow: 1; }
 
-.grid .grid-rs-end {
-  grid-row-end: -1; }
+/* Form groups that group inputs with other controls. */
+.form-group {
+  display: flex;
+  display: -ms-flexbox;
+  margin: 0.5rem 0;
+  /* Add margin to the container since they have been removed from children */ }
 
-.grid .grid-re-1 {
-  grid-row-end: 2; }
+/* Fixes the text width being cut off */
+.form-group .form-group-btn {
+  -webkit-flex: 1 0 auto;
+  -ms-flex: 1 0 auto;
+  flex: 1 0 auto;
+  margin-bottom: 0; }
 
-.grid .grid-re-2 {
-  grid-row-end: 3; }
+/* This is just an extended portion of an input which is just like a label and is read only */
+/* This will style the controls if they are the leftmost control in the form group for labels, inputs, and buttons. */
+.form-group .form-group-label:first-child:not(:last-child),
+.form-group .form-group-input:first-child:not(:last-child),
+.form-group .form-group-btn:first-child:not(:last-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0; }
 
-.grid .grid-re-3 {
-  grid-row-end: 4; }
+/* Style the middle controls */
+.form-group .form-group-label:not(:first-child):not(:last-child),
+.form-group .form-group-input:not(:first-child):not(:last-child),
+.form-group .form-group-btn:not(:first-child):not(:last-child) {
+  border-radius: 0;
+  margin-left: -0.1rem;
+  margin-right: -0.1rem;
+  /* Remove spacing in middle controls */ }
 
-.grid .grid-re-4 {
-  grid-row-end: 5; }
+/* Handles right most control in form group */
+.form-group .form-group-label:last-child:not(:first-child),
+.form-group .form-group-input:last-child:not(:first-child),
+.form-group .form-group-btn:last-child:not(:first-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: -0.1rem; }
 
-.grid .grid-re-5 {
-  grid-row-end: 6; }
+/* Form group controls */
+.form-group-label {
+  background-color: var(--cirrus-form-group-bg);
+  border: 1px solid #ddd;
+  border-radius: 0.2rem;
+  color: var(--cirrus-form-group-fg);
+  margin: 0;
+  padding: 0.8rem;
+  user-select: none; }
 
-.grid .grid-re-6 {
-  grid-row-end: 7; }
+.form-group-label.label-xsmall {
+  font-size: 0.55rem;
+  padding: 0.5rem 0.9rem; }
 
-.grid .grid-re-7 {
-  grid-row-end: 8; }
+.form-group-label.label-small {
+  font-size: 0.75rem;
+  padding: 0.55rem 1rem; }
 
-.grid .grid-re-8 {
-  grid-row-end: 9; }
+.form-group-label.label-large {
+  font-size: 1.5rem; }
 
-.grid .grid-re-9 {
-  grid-row-end: 10; }
+.form-group-label.label-xlarge {
+  font-size: 2rem; }
 
-.grid .grid-re-10 {
-  grid-row-end: 11; }
+/* Keeps inputs in form group above other components */
+.form-group-input {
+  z-index: 1; }
 
-.grid .grid-re-11 {
-  grid-row-end: 12; }
+/* Change place holder color */
+::-moz-placeholder {
+  color: #a9a9a9;
+  /* Lighter than the default */ }
 
-.grid .grid-re-12 {
-  grid-row-end: 13; }
+::-webkit-input-placeholder {
+  color: #a9a9a9;
+  /* Lighter than the default */ }
 
 @media screen and (max-width: 768px) {
-  .grid {
-    --grid-template-column: repeat(1, minmax(0, 1fr)); } }
-
-/* EXTENDED LINKS */
-/* Animated links */
-.u,
-.utb {
-  display: inline;
-  position: relative;
-  /* So the psuedo-elements are positioned correctly */ }
+  /* Remove flex in form-section */
+  .form-section.section-inline {
+    display: inherit; } }
 
-/* Underline */
-.u::after {
-  content: "";
-  transition: all 0.3s;
-  -webkit-backface-visibility: hidden;
-  backface-visibility: hidden;
-  position: absolute;
-  height: 0.1rem;
-  width: 0;
-  background: var(--cirrus-link-dark);
-  bottom: -0.25em; }
+/* Separate CSS file, but same part as Layout */
+/* The base container that is similar in structure to a card but more flexible */
+.frame {
+  display: flex;
+  display: -ms-flexbox;
+  flex-direction: column;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  border-radius: 3px;
+  box-shadow: 0 0.2rem 1.25rem 0 rgba(27, 30, 36, 0.07); }
 
-.u:hover::after {
-  width: 100%; }
+/* For the frame header and footer, use flex display */
+.frame .frame__header,
+.frame .frame__footer {
+  flex: 0 0 auto;
+  -webkit-flex: 0 0 auto;
+  -ms-flex: 0 0 auto;
+  padding: 1rem; }
 
-.u-LR::after {
-  /* Left to Right */
-  left: 0; }
+/* The frame navbar can be used with level or header classes to create a navigation menu */
+.frame .frame__nav {
+  flex: 0 0 auto;
+  -webkit-flex: 0 0 auto;
+  -ms-flex: 0 0 auto; }
 
-.u-RL::after {
-  /* Right to Left */
-  right: 0; }
+.frame .frame__body {
+  flex: 1 1 auto;
+  -webkit-flex: 1 1 auto;
+  -ms-flex: 1 1 auto;
+  overflow-y: auto;
+  /* Show the scrollbar when needed */
+  padding: 0 1.5rem; }
 
-.u-RL:hover::after {
-  width: 100%; }
+.frame .frame__title {
+  color: var(--cirrus-fg);
+  font-size: var(--font-size-m);
+  margin: .75rem auto 0; }
 
-.u-C::after {
-  /* Center Outwards */
-  left: 50%;
-  -webkit-transform: translateX(-50%);
-  transform: translateX(-50%); }
+.frame .frame__subtitle {
+  color: rgba(55, 64, 84, 0.6);
+  font-size: var(--font-size-s);
+  margin: .25rem auto .75rem; }
 
-/* Underline top and bottom */
-.utb::before,
-.utb::after {
-  content: "";
-  transition: all 0.3s;
-  -webkit-backface-visibility: hidden;
-  backface-visibility: hidden;
-  position: absolute;
-  height: 0.1rem;
-  width: 0;
-  background: var(--cirrus-link-dark); }
+/* HEADER */
+.header {
+  -webkit-box-flex: 1;
+  -ms-flex-positive: 1;
+  flex-grow: 1;
+  -ms-flex-negative: 0;
+  width: 100%;
+  z-index: 100;
+  margin-bottom: 20px;
+  box-shadow: 0 3px 15px rgba(57, 63, 72, 0.1);
+  background-color: var(--cirrus-bg);
+  max-height: 100vh;
+  padding: 0 2rem;
+  transition: all .3s;
+  /* Remove any padding set for headers in default.scss */ }
+  .header h1 {
+    margin: 0; }
+  .header h2 {
+    margin: 0; }
+  .header h3 {
+    margin: 0; }
+  .header h4 {
+    margin: 0; }
+  .header h5 {
+    margin: 0; }
+  .header h6 {
+    margin: 0; }
 
-.utb::before {
-  top: -0.25em; }
+.header a {
+  color: #8292a2; }
 
-.utb::after {
-  bottom: -0.25em; }
+.header a:hover {
+  color: #697888; }
 
-.utb:hover::before,
-.utb:hover::after {
-  width: 100%; }
+/* Header dark theme */
+.header-dark {
+  background-color: rgba(0, 0, 0, 0.87);
+  color: #fff; }
 
-.utb-LR::before,
-.utb-LR::after {
-  left: 0; }
+.header-clear {
+  background-color: transparent;
+  box-shadow: none; }
 
-.utb-RL::before,
-.utb-RL::after {
-  right: 0; }
-
-.utb-C::before,
-.utb-C::after {
-  left: 50%;
-  -webkit-transform: translateX(-50%);
-  transform: translateX(-50%); }
-
-/* Opposite start */
-.utb-OLR::before {
-  /* Suffix denotes border transition direction for the top border (left to right). Bottom border will be the opposite direction */
-  left: 0; }
-
-.utb-OLR::after {
-  right: 0; }
-
-.utb-ORL::before {
-  right: 0; }
-
-.utb-ORL::after {
-  left: 0; }
-
-/* Links with square borders */
-/* Please note that usquare is the parent span (not div) which would create the left and right borders. The link (.utb-OLR) gets nested within this */
-.usquare {
-  margin-left: 0.4rem;
-  position: relative;
-  overflow: hidden; }
-
-.usquare a {
-  position: static;
-  padding: 0.2rem 0.4rem; }
-
-.usquare::before,
-.usquare::after {
-  content: "";
-  transition: 0.25s all ease;
-  -webkit-backface-visibility: hidden;
-  backface-visibility: hidden;
-  position: absolute;
-  width: 2px;
-  width: 0.1 rem;
-  height: 0;
-  background: var(--cirrus-link-dark); }
-
-.usquare::before {
-  left: 0;
-  bottom: -0.2rem; }
-
-.usquare.delay::before {
-  transition-delay: 0.6s; }
-
-.usquare::after {
-  right: 0;
-  top: -0.2rem; }
-
-.usquare.delay::after {
-  transition-delay: var(--animation-duration); }
+/* Add transition to nav menu when it drops down */
+.header.header-animated .header-nav {
+  -webkit-transition: background 0.4s ease, height 0.4s ease;
+  transition: background 0.4s ease, height 0.4s ease;
+  -webkit-transition-property: background, height;
+  transition-property: background, height;
+  -webkit-transition-duration: 0.4s, 0.4s;
+  transition-duration: 0.4s, 0.4s;
+  -webkit-transition-timing-function: ease, ease;
+  transition-timing-function: ease, ease;
+  -webkit-transition-delay: initial, initial;
+  transition-delay: initial, initial;
+  -webkit-transition: all 0.3s;
+  transition: all 0.3s; }
 
-.usquare a::before {
-  left: 0;
-  transition: 0.25s all ease; }
+.header-brand {
+  -webkit-overflow-scrolling: touch;
+  -webkit-box-align: stretch;
+  -ms-flex-align: stretch;
+  align-items: stretch;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+  max-width: 100vw;
+  min-height: 3.25rem;
+  overflow-x: auto;
+  overflow-y: hidden; }
 
-.usquare a::after {
-  right: 0;
-  transition: 0.25s all ease; }
+/* The container that contains all the header menu components. Child of header */
+.header-nav {
+  /* Flex display 768px and higher */
+  overflow: auto; }
 
-.usquare.delay a::after {
-  transition: 0.25s all ease 0.4s; }
+/* Styles for header menu (aka the nav bar) */
+.nav-menu {
+  -webkit-transition: all 0.3s;
+  transition: all 0.3s; }
 
-.usquare:hover::before,
-.usquare:hover::after {
-  height: calc(100% + 0.4rem);
-  /* Makes the left and right borders */ }
+.nav-item.has-sub {
+  position: relative; }
 
-.usquare:hover a::before,
-.usquare:hover a::after {
-  width: 100%; }
+/* Allow the user to scroll through navbar items if it exceeds nav-left, nav-center, or nav-right widths */
+.nav-overflow-x {
+  -webkit-box-pack: inherit;
+  -ms-flex-pack: inherit;
+  justify-content: inherit;
+  overflow-x: scroll; }
 
-/* The base of the modal dialog, which is an overlay of the webpage */
-.modal {
+/* Static header at the top of the screen */
+.header-fixed {
   position: fixed;
-  /* Scrolls with the user */
   top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  opacity: 0;
-  /* Initially hidden */
-  padding: 1rem;
-  display: none;
-  /* Doesn't block the elements underneath */
+  /* Change this if you want to float the header somewhere else */ }
+
+/* Wrapper to vertically center header items */
+.nav-item {
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-flex: 0;
+  -ms-flex-positive: 0;
+  flex-grow: 0;
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
-  /* Vertical centering */
-  pointer-events: none;
-  /* Prevent any pointer events made to modal while hidden */ }
+  -webkit-transition: all 0.3s;
+  transition: all 0.3s;
+  padding: 0 0.3rem;
+  cursor: pointer; }
 
-/* When the modal dialog is visible */
-.modal:target, .modal.shown {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  opacity: 1;
-  z-index: 999;
-  pointer-events: auto;
-  /* Re-enable pointer events */ }
+.nav-item a {
+  align-items: center;
+  display: flex; }
 
-/* The div in the modal dialpog used to create the translucent background */
-.modal:target .modal-overlay,
-.modal.shown .modal-overlay {
-  position: absolute;
-  /* Absolute inside of the modal container */
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  display: block;
-  background-color: rgba(54, 59, 68, 0.5); }
+/* Hover effect for header elements when appropriate */
+.header:not(.header-clear) .nav-item:not(.no-hover):hover,
+.header:not(.header-clear) .nav-item:not(.no-hover).hovered {
+  -webkit-transition: all 0.3s;
+  transition: all 0.3s;
+  background-color: rgba(216, 216, 216, 0.15); }
 
-/* The modal dialog body with the text itself */
-.modal-content {
-  background-color: var(--cirrus-bg);
-  padding: 0;
-  display: block;
-  border-radius: 3px;
-  box-shadow: 0 0.4rem 1rem rgba(54, 59, 68, 0.3);
-  z-index: 1;
-  color: var(--cirrus-fg);
-  max-width: 40rem;
-  /* 640px */ }
+.header:not(.header-clear) .nav-item.active,
+.header:not(.header-clear) .nav-item.active:hover {
+  background-color: rgba(216, 216, 216, 0.35); }
 
-/* Different size modals */
-.modal.modal-small .modal-content {
-  max-width: 20rem;
-  /* 320px */ }
+/* HEADER DROP DOWN MENU */
+.nav-item .dropdown-menu {
+  background-color: var(--cirrus-bg);
+  position: absolute;
+  top: 95%;
+  /*right: 0; /* Unable to solve problem when we have multiple drop down menus */
+  z-index: 1000;
+  float: left;
+  min-width: 160px;
+  padding: 5px 0;
+  margin: 2px 0 0;
+  font-size: 14px;
+  text-align: left;
+  list-style: none;
+  background-clip: padding-box;
+  border: 1px solid #eee;
+  border-radius: 0 0 4px 4px;
+  box-shadow: 0 0.5rem 1rem rgba(10, 10, 10, 0.1); }
 
-.modal.modal-large .modal-content {
-  max-width: 60rem;
-  /* 960px */ }
+/* Add border radius to whole menu with clear header */
+.header.header-clear .nav-item .dropdown-menu {
+  border-radius: 4px; }
 
-.modal-content h1,
-.modal-content h2,
-.modal-content h3,
-.modal-content h4,
-.modal-content h5,
-.modal-content h6 {
-  color: var(--cirrus-fg); }
+/* Just add a transition in general */
+.nav-item .dropdown-menu.dropdown-animated {
+  -webkit-transition: all var(--animation-duration);
+  transition: all var(--animation-duration); }
 
-.modal:target .modal-container,
-.modal.shown .modal-container {
-  -webkit-animation: slide-down var(--animation-duration) ease 1;
-  animation: slide-down var(--animation-duration) ease 1;
-  z-index: 1; }
+/* Dropdown menu location adjustment located below for sizes above phones */
+/* Dropdown menu indicator */
+.nav-item.has-sub .nav-dropdown-link::after {
+  border: 2px solid var(--cirrus-primary);
+  /* Must be first to create the triangle shape */
+  border-right: 0;
+  /* Create the triangle effect */
+  border-top: 0;
+  display: block;
+  height: 0.5em;
+  width: 0.5em;
+  content: " ";
+  -webkit-transform: rotate(-45deg);
+  transform: rotate(-45deg);
+  pointer-events: none;
+  margin-top: -0.435em;
+  right: 1.125em;
+  top: 50%;
+  position: absolute; }
 
-/* Restrict width  */
-.modal-content.small {
-  max-width: 32rem; }
+/* Add room for the dropdown chevron pseudoelement */
+.nav-item.has-sub .nav-dropdown-link {
+  padding-right: 2.5rem;
+  position: relative;
+  /* Needed for hiding glyphs in mobile header */ }
 
-.modal-content .modal-header {
-  padding: 1rem 3rem; }
+/* Dark dropdown menu theme */
+.nav-item .dropdown-menu.dropdown-dark,
+.header-dark .dropdown-menu {
+  background-color: rgba(0, 0, 0, 0.87);
+  border: 1px solid #333;
+  color: #fff; }
 
-.modal-content .modal-header .modal-title {
-  font-weight: bolder;
-  font-size: 1.4rem; }
+.dropdown-menu.dropdown-shown,
+.nav-item.active {
+  opacity: 1; }
 
-.modal-content .modal-body {
-  padding: 1rem 3rem;
-  overflow-y: auto;
-  max-height: 50vh;
-  /* Max height is 50% of viewport height which prevents dialog from extetnding past screen */
-  position: relative; }
+.dropdown-menu > li > a {
+  display: block;
+  padding: 0.5rem 1rem;
+  clear: both;
+  line-height: 1.42857143;
+  white-space: nowrap; }
 
-.modal-content .modal-footer {
-  padding: 1rem 3rem;
-  text-align: right; }
+/* Theme for dark menu */
+.header-dark .nav-item a,
+.header-dark .dropdown-menu > li > a {
+  color: #fff; }
 
-/* MODAL ANIMATIONS */
-.modal.modal-animated--dropdown {
-  -webkit-animation: slide-down var(--animation-duration) ease 1;
-  animation: slide-down var(--animation-duration) ease 1; }
+.dropdown-menu > li {
+  margin: 0;
+  -webkit-transition: all 0.3s;
+  transition: all 0.3s; }
 
-/* Visible state */
-.modal.modal-animated--zoom-in, .modal.modal-animated--zoom-out {
-  display: -webkit-box;
-  /* Force dialog to appear in the center */
-  display: -ms-flexbox;
-  display: flex;
-  opacity: 0;
-  transition: 300ms all ease; }
+.dropdown-menu > li:hover {
+  -webkit-transition: all 0.3s;
+  transition: all 0.3s;
+  background-color: rgba(216, 216, 216, 0.15); }
 
-.modal:target.modal-animated--zoom-in, .modal:target.modal-animated--zoom-out {
-  opacity: 1;
-  transition: 300ms all ease; }
+.dropdown-menu > li:active {
+  -webkit-transition: all 0.3s;
+  transition: all 0.3s;
+  background-color: rgba(216, 216, 216, 0.25); }
 
-.modal.modal-animated--zoom-in .modal-content {
-  transform: scale(0.8);
-  transition: 300ms all ease; }
+.dropdown-menu > li:last-child {
+  margin-bottom: 0; }
 
-.modal:target.modal-animated--zoom-in .modal-content, .modal:target.modal-animated--zoom-out .modal-content {
-  transform: scale(1);
-  transition: 300ms all ease; }
+.dropdown-menu .dropdown-menu-divider {
+  border: none;
+  background-color: rgba(216, 216, 216, 0.15);
+  height: 1px;
+  margin: 0.5rem 0; }
 
-.modal.modal-animated--zoom-out .modal-content {
-  transform: scale(1.2);
-  transition: 300ms all ease; }
+.nav-btn {
+  cursor: pointer;
+  display: block;
+  height: 3.5rem;
+  position: relative;
+  width: 3.5rem; }
 
-/* Keyframes for slide down animation */
-@-webkit-keyframes slide-down {
-  0% {
-    opacity: 0;
-    -webkit-transform: translateY(-3rem);
-    transform: translateY(-3rem); }
-  100% {
-    opacity: 1;
-    -webkit-transform: translateY(0);
-    transform: translateY(0); } }
+.header .btn,
+.header button,
+.header input[type="submit"] {
+  margin: 0; }
 
-@keyframes slide-down {
-  0% {
+@media screen and (min-width: 769px) {
+  .header {
+    -webkit-box-align: stretch;
+    /* Box Align and align items to stretch to make nav-items fill up parent height */
+    -ms-flex-align: stretch;
+    align-items: stretch;
+    display: -webkit-box;
+    display: -ms-flexbox; }
+  .header-nav {
+    -webkit-box-flex: 1;
+    -ms-flex-positive: 1;
+    flex-grow: 1;
+    -ms-flex-negative: 0;
+    -webkit-box-align: stretch;
+    -ms-flex-align: stretch;
+    align-items: stretch;
+    /* Make items fill up all available space regardless of width https://drafts.csswg.org/css-align/ */
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    position: relative;
+    text-align: center;
+    width: 100%;
+    top: 0;
+    overflow: visible;
+    /* Only visible for showing dropdown menus, hidden for mobile */ }
+  /* These styles can also be used on menus in the body */
+  .nav-left,
+  .nav-right {
+    -webkit-box-align: stretch;
+    -ms-flex-align: stretch;
+    -ms-grid-row-align: stretch;
+    align-items: stretch;
+    -ms-flex-preferred-size: 0;
+    flex-basis: 0;
+    -webkit-box-flex: 1;
+    -ms-flex-positive: 1;
+    flex-grow: 1;
+    -ms-flex-negative: 0;
+    flex-shrink: 0;
+    /*overflow: hidden;*/ }
+  /* Align items to the left */
+  .nav-left {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-pack: start;
+    -ms-flex-pack: start;
+    justify-content: flex-start;
+    /*overflow: hidden;
+        overflow-x: auto;*/
+    white-space: nowrap; }
+  /* Align items to the right */
+  .nav-right {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    -webkit-box-pack: end;
+    -ms-flex-pack: end;
+    justify-content: flex-end;
+    /*overflow: hidden;
+        overflow-x: auto;*/
+    white-space: nowrap; }
+  /* Centering items, best used when nav-brand is not used to prevent offset */
+  .nav-center {
+    -webkit-box-align: stretch;
+    -ms-flex-align: stretch;
+    align-items: stretch;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-flex: 0;
+    -ms-flex-positive: 0;
+    flex-grow: 0;
+    -ms-flex-negative: 0;
+    flex-shrink: 0;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    margin-left: auto;
+    margin-right: auto; }
+  /* Hide hamburger button */
+  .nav-btn {
+    display: none; }
+  /* .nav-item {
+    position: relative; /* Include for helping dropdown menu positioning  Deprecated 0.5.6
+  } */
+  /* Expand link area for desktop views so it is easier to click */
+  .nav-item a {
+    padding: 0.5rem 1rem; }
+  .nav-item .dropdown-menu {
     opacity: 0;
-    -webkit-transform: translateY(-3rem);
-    transform: translateY(-3rem); }
-  100% {
+    pointer-events: none;
+    /* Make cursor not respond to menu links when not displayed */ }
+  .nav-item .dropdown-menu.dropdown-animated {
+    -webkit-transform: translateY(-5px);
+    /* Used for transitional drop down effect */
+    transform: translateY(-5px); }
+  .nav-item .dropdown-menu.dropdown-shown,
+  .nav-item.toggle-hover:hover .dropdown-menu,
+  .nav-item .dropdown-menu.dropdown-animated.dropdown-shown,
+  .nav-item.toggle-hover:hover .dropdown-animated.dropdown-menu {
     opacity: 1;
-    -webkit-transform: translateY(0);
-    transform: translateY(0); } }
-
-@media only screen and (max-width: 768px) {
-  .modal-content {
-    max-width: 90%; } }
-
-/* A collection of modifiers that extend control styling */
-.btn.btn--pilled,
-[class^="btn-"].btn--pilled,
-[class*=" btn-"].btn--pilled {
-  border-radius: 6.25rem;
-  padding-left: 1.25rem;
-  padding-right: 1.25rem; }
+    -webkit-transform: none;
+    /* Used for transitional drop down effect */
+    transform: none;
+    pointer-events: auto; }
+  /* Align dropdown menu to the left side of the parent nav-item for header-left */
+  .nav-left .has-sub .dropdown-menu {
+    left: 0;
+    right: auto; }
+  /* Align dropdown menu to the right side of the parent nav-item for header-right */
+  .nav-right .has-sub .dropdown-menu {
+    left: auto;
+    right: 0; } }
 
-/* btn--circle: contents must be placed inside child element */
-.btn.btn--circle,
-[class^="btn-"].btn--circle,
-[class*=" btn-"].btn--circle {
-  border-radius: 100%;
-  min-width: 60px;
-  overflow: hidden;
-  padding: 0;
-  text-align: center; }
-  .btn.btn--circle:before,
-  [class^="btn-"].btn--circle:before,
-  [class*=" btn-"].btn--circle:before {
-    content: '';
-    display: inline-block;
-    vertical-align: middle;
-    padding-top: 100%; }
-  .btn.btn--circle *,
-  [class^="btn-"].btn--circle *,
-  [class*=" btn-"].btn--circle * {
-    max-width: 90%;
-    vertical-align: middle;
-    white-space: pre-wrap; }
+@media screen and (max-width: 768px) {
+  /* Add scrolling support in header */
+  .header {
+    display: flex;
+    flex-direction: column; }
+  .header-brand .nav-item:first-child {
+    padding: 0 1rem;
+    /* Add padding to the first child, usually the logo */ }
+  /* Hide dropdon menu on mobile */
+  .header-nav {
+    height: 0; }
+  /* Show the dropdown */
+  .header-nav.active {
+    height: 100vh; }
+  /* Remove flex for mobile devices */
+  .nav-item.has-sub {
+    display: block; }
+  .nav-item.has-sub .dropdown-menu.dropdown-shown {
+    border-radius: 0;
+    box-shadow: none;
+    display: block;
+    position: relative;
+    top: 1rem;
+    float: none;
+    border: none;
+    background-color: transparent;
+    margin-bottom: 1rem; }
+  .nav-item.has-sub .dropdown-menu.dropdown-dark {
+    background-color: rgba(0, 0, 0, 0.17);
+    border: 0;
+    color: #fff; }
+  /* Hide the menu by default in mobile view (overflow on header-right can expose it) */
+  .nav-item.has-sub .dropdown-menu {
+    display: none; }
+  /* Make the menu items larger in the dropdown menu */
+  .header-nav .nav-item {
+    padding: 1rem; }
+  /* Get rid of extra spaces */
+  .header-nav .nav-item > a {
+    padding: 0;
+    width: 100%;
+    /* Stretch the link to span the entire list item */ }
+  /* Hamburger button */
+  .nav-btn {
+    cursor: pointer;
+    display: block;
+    position: relative;
+    margin-left: auto; }
+  .nav-btn span {
+    background-color: #4d565f;
+    display: block;
+    height: 2px;
+    left: 50%;
+    margin-left: -7px;
+    position: absolute;
+    top: 50%;
+    -webkit-transition: none 86ms ease-out;
+    transition: none 86ms ease-out;
+    -webkit-transition-property: background, left, opacity, -webkit-transform;
+    transition-property: background, left, opacity, -webkit-transform;
+    transition-property: background, left, opacity, transform;
+    transition-property: background, left, opacity, transform, -webkit-transform;
+    width: 15px; }
+  .header-dark .nav-btn span {
+    background-color: #fff; }
+  /* Line spacing in hamburger button */
+  .nav-btn span:nth-child(1) {
+    margin-top: -6px; }
+  .nav-btn span:nth-child(2) {
+    margin-top: -1px; }
+  .nav-btn span:nth-child(3) {
+    margin-top: 4px; }
+  /* Hamburger button on active */
+  .nav-btn.active span:nth-child(1) {
+    margin-left: -5px;
+    transform: rotate(45deg);
+    transform-origin: left top; }
+  .nav-btn.active span:nth-child(2) {
+    opacity: 0; }
+  .nav-btn.active span:nth-child(3) {
+    margin-left: -5px;
+    transform: rotate(-45deg);
+    transform-origin: left bottom; }
+  /* Hide drop down menu items */
+  .nav-left,
+  .nav-center,
+  .nav-right {
+    overflow: hidden; } }
 
-/* Input (primary text-based) controls apply to inputs */
-.input-control--pilled {
-  border-radius: 6.25rem !important; }
+@media screen and (min-width: 1023px) {
+  .header {
+    padding: 0 2rem; } }
 
-/* Theme modifiers */
-/* GLOBAL THEME SELECTORS */
-.bg-primary {
-  background-color: var(--cirrus-primary) !important; }
+/* HEADER */
+.content {
+  max-width: 60em;
+  margin: 0 auto 1.5em;
+  width: 80%; }
 
-.text-primary {
-  color: var(--cirrus-primary) !important; }
+/* .content-no-padding { Removed 0.5.5
+    max-width: 60em;
+    margin: 0 auto;
+    width: 80%;
+} */
+/* Content that centers in parent and fills parent div without the extra vertical margin */
+/* .content-fluid { Removed 0.5.5
+    width: 100%;
+    margin: 0 auto;
+} */
+.fullscreen {
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  height: 100vh; }
 
-.bg-success {
-  background-color: var(--cirrus-success) !important; }
+/* This works well with panel */
+section {
+  display: block; }
 
-.text-success {
-  color: var(--cirrus-success) !important; }
+.panel {
+  padding: 2.5em 0; }
 
-.bg-warning {
-  background-color: var(--cirrus-warning) !important; }
+/* This works well with spans and maybe even hr */
+.divider {
+  border-top: 0.05rem solid rgba(173, 173, 173, 0.5);
+  height: 0.1rem;
+  margin: 1.8rem 0 1.6rem; }
 
-.text-warning {
-  color: var(--cirrus-warning) !important; }
+.divider[data-content] {
+  margin: 0.8rem 0; }
 
-.bg-danger {
-  background-color: var(--cirrus-danger) !important; }
+.divider--v[data-content] {
+  display: block;
+  padding: 0.8rem; }
 
-.text-danger {
-  color: var(--cirrus-danger) !important; }
+.divider--v::before {
+  border-left: 0.05rem solid rgba(173, 173, 173, 0.5);
+  bottom: 0.4rem;
+  content: '';
+  display: block;
+  left: 50%;
+  position: absolute;
+  top: 0;
+  transform: translateX(-50%); }
 
-.bg-light {
-  background-color: var(--cirrus-light) !important; }
+.divider--v[data-content]::after,
+.divider[data-content]::after {
+  background: #fff;
+  color: #bcc3ce;
+  content: attr(data-content);
+  left: 50%;
+  display: inline-block;
+  padding: 0 0.4rem;
+  position: absolute;
+  transform: translate(-50%, -50%);
+  top: 50%; }
 
-.text-light {
-  color: var(--cirrus-light) !important; }
+.divider--v[data-content] {
+  left: 50%;
+  padding: 0.2rem 0;
+  position: absolute;
+  top: 50%;
+  transform: translate(-50%, -50%); }
 
-.bg-dark {
-  background-color: var(--cirrus-dark) !important; }
+/* Removed 0.5.5 */
+/* .divider-short {
+    max-width: 15rem;
+    width: 100%;
+} */
+/* Hero image div */
+.hero-img {
+  /* Specify the backgroud image yourself */
+  background-size: cover; }
 
-.text-dark {
-  color: var(--cirrus-dark) !important; }
+.parallax-img {
+  background-attachment: fixed !important; }
 
-.bg-link {
-  background-color: var(--cirrus-link) !important; }
+.hero {
+  /* Parent of hero-body */
+  -webkit-box-align: stretch;
+  -ms-flex-align: stretch;
+  align-items: stretch;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  /* Important to stretch height of hero-body */
+  -webkit-box-orient: vertical;
+  /* -webkit-box-direction: normal; /* Deprecated 0.5.5 
+    -ms-flex-direction: column;
+    flex-direction: column; Stack the items in the container */
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between; }
 
-.text-link {
-  color: var(--cirrus-link) !important; }
+.hero-body {
+  -ms-flex-positive: 1;
+  flex-grow: 1;
+  /* Tells the hero-body to take up the entire space */
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+  padding: 3rem 1.5rem;
+  align-items: center;
+  display: -ms-flexbox;
+  display: flex;
+  width: 100%; }
 
-.bg-link-dark {
-  background-color: var(--cirrus-link-dark) !important; }
+.space {
+  display: block;
+  width: 100%;
+  height: 1rem; }
 
-.text-link-dark {
-  color: var(--cirrus-link-dark) !important; }
+.space.large {
+  padding: 1rem 0; }
 
-.bg-info {
-  background-color: var(--cirrus-info) !important; }
+.space.xlarge {
+  padding: 2rem 0; }
 
-.text-info {
-  color: var(--cirrus-info) !important; }
+/* Use for spacing out elements vertically */
+.row {
+  -ms-flex: 1;
+  flex: 1;
+  /* max-width: 100%; */
+  flex-wrap: wrap;
+  padding: 0.5rem 0; }
 
-/* PAGINATION */
-/* Parent contianer for page navigation */
-.pagination {
-  display: flex;
-  display: -ms-flexbox; }
+.r {
+  /* Legacy row pre 0.5.5 */
+  max-width: 100%;
+  padding: 0.5rem; }
 
-/* Use for the major pagination meant to display about 2 items */
-.pagination-item {
-  -webkit-flex: 1 0 50%;
-  /* Flex to fill */
-  -ms-flex: 1 0 50%;
-  flex: 1 0 50%; }
-
-.pagination a {
-  color: #5d6c7b; }
+.row.row--no-wrap {
+  -webkit-flex-wrap: nowrap;
+  /* Remove wrapping of the columns by default */
+  -ms-flex-wrap: nowrap;
+  flex-wrap: nowrap;
+  overflow-x: auto;
+  /* Can be disabled to remove scroll bar */ }
 
-.pagination .pagination-item a[disabled] {
-  cursor: pointer;
-  opacity: 0.5;
-  pointer-events: none;
-  user-select: none; }
+.row::after {
+  content: '';
+  clear: both;
+  display: table; }
 
-.pagination .pagination-item {
-  margin: 1rem 0.1rem;
-  transition: all 0.3s; }
+/* GRID */
+.row .col {
+  display: block;
+  flex: 1;
+  padding: 0.15rem 0.75rem; }
 
-.pagination .pagination-item.pagination-next {
-  text-align: right; }
+.row .col-1 {
+  width: 8.33333333%; }
 
-.pagination .pagination-item.pagination-prev {
-  text-align: left; }
+.row .col-2 {
+  width: 16.66666667%; }
 
-/* Pagination Item */
-.pagination-item-subtitle {
-  opacity: 0.7;
-  margin: 0;
-  /* Needed to override style after formatting paragraph update */ }
+.row .col-3 {
+  width: 25%; }
 
-/* Color the selected pagination item with accent color */
-.pagination .pagination-item.short.selected {
-  background-color: var(--cirrus-primary);
-  color: #fff; }
+.row .col-4 {
+  width: 33.33333333%; }
 
-.pagination .pagination-item.short.selected a {
-  color: #fff; }
+.row .col-5 {
+  width: 41.66666667%; }
 
-.pagination .pagination-item.short a {
-  display: inline-block;
-  line-height: 1.25;
-  padding: 0.5rem 0.75rem; }
+.row .col-6 {
+  width: 50%; }
 
-/* Used to display many pagination items */
-.pagination .pagination-item.short {
-  border-radius: 0.1rem;
-  margin: 0.2rem 0;
-  -webkit-flex: 0;
-  /* Flex to fill */
-  -ms-flex: 0;
-  flex: 0; }
+.row .col-7 {
+  width: 58.33333333%; }
 
-.pagination .pagination-item.short:first-child a {
-  border-top-left-radius: .25rem;
-  border-bottom-left-radius: .25rem; }
+.row .col-8 {
+  width: 66.66666667%; }
 
-.pagination .pagination-item.short:last-child a {
-  border-top-right-radius: .25rem;
-  border-bottom-right-radius: .25rem; }
+.row .col-9 {
+  width: 75%; }
 
-.pagination .pagination-item.short:not(.selected):hover {
-  background-color: rgba(0, 0, 0, 0.1); }
+.row .col-10 {
+  width: 83.33333333%; }
 
-.pagnation .pagination-item.ellipses {
-  color: #b5b5b5;
-  pointer-events: none; }
+.row .col-11 {
+  width: 91.66666667%; }
 
-/* Bordered pagination */
-.pagination.pagination-bordered .pagination-item.short a {
-  border: 1px solid #dedede;
-  border-radius: 0;
-  margin-left: -1px; }
+.row .col-12 {
+  width: 100%; }
 
-/* Not good but CSS does not have heading selectors. Need to move to SASS */
-.pagination .pagination-item:hover p,
-.pagination .pagination-item:hover h1,
-.pagination .pagination-item:hover h2,
-.pagination .pagination-item:hover h3,
-.pagination .pagination-item:hover h4,
-.pagination .pagination-item:hover h5,
-.pagination .pagination-item:hover h6,
-.pagination .pagination-item:not(.selected):hover *:not([disabled]):not(.ellipses) {
-  transition: all 0.3s;
-  color: var(--cirrus-primary); }
+/* Column offsets on the left side */
+.row .offset-1 {
+  margin-left: 8.33333333%; }
 
-/* PLACEHOLDER */
-/* Designed to be embedded in any parent container as placeholder when content is absent. */
-.placeholder {
-  background-color: rgba(231, 234, 241, 0.5);
-  border-radius: 3px;
-  text-align: center;
-  padding: 3rem 2rem;
-  color: #6c7892;
-  /* Lighter than original text color */
-  display: block; }
+.row .offset-2 {
+  margin-left: 16.66666667%; }
 
-/* Not sure if needed */
-.placeholder-icon {
-  text-align: center; }
+.row .offset-3 {
+  margin-left: 25%; }
 
-.placeholder .placeholder-title,
-.placeholder .placeholder-subtitle {
-  margin: 1rem auto; }
+.row .offset-4 {
+  margin-left: 33.33333333%; }
 
-.placeholder .placeholder-subtitle {
-  opacity: 0.7;
-  margin: 0; }
+.row .offset-5 {
+  margin-left: 41.66666667%; }
 
-/* Place buttons here for the placeholder */
-.placeholder .placeholder-commands {
-  margin-top: 1rem; }
+.row .offset-6 {
+  margin-left: 50%; }
 
-/* TABS AND TAB CONTAINER */
-.tab-container {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: justify;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  overflow: hidden;
-  overflow-x: auto;
-  /* Allow scrollbar to be visible if the width of the tabs exceeds container */
-  user-select: none;
-  white-space: nowrap;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-  font-size: var(--font-size-s); }
+.row .offset-7 {
+  margin-left: 58.33333333%; }
 
-/* Tabs are embedded inside an unordered list */
-.tab-container ul {
-  display: flex;
-  -webkit-box-pack: start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  /* Move tab items to left side */
-  margin: 0.5rem;
-  /* Override the behavior for standard ul and add equal padding */
-  border-bottom: 1px solid #eee;
-  /* Bottom border of tabs */
-  flex-grow: 1;
-  list-style: none;
-  padding-inline-start: 0; }
+.row .offset-8 {
+  margin-left: 66.66666667%; }
 
-.tab-container li {
-  display: block;
-  /* Keep the tabs from extending too far */
-  cursor: pointer;
-  margin: 0;
-  text-align: center; }
+.row .offset-9 {
+  margin-left: 75%; }
 
-.tab-container li a {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  border-bottom: 1px solid #eee;
-  -webkit-box-pack: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  padding: 0.5rem 1rem;
-  transition: all .3s;
-  color: var(--cirrus-fg);
-  border-bottom-color: rgba(197, 197, 197, 0.63);
-  border-width: 2px;
-  margin-bottom: -1px;
-  /* Get rid of any remaining border lines */
-  background-color: var(--cirrus-bg); }
+.row .offset-10 {
+  margin-left: 83.33333333%; }
 
-.tab-container li:hover a {
-  border-bottom-color: rgba(240, 61, 77, 0.6);
-  transition: all .3s; }
+.row .offset-11 {
+  margin-left: 91.66666667%; }
 
-.tab-container li.selected a {
-  border-bottom-color: var(--cirrus-primary);
-  color: var(--cirrus-primary);
-  border-width: 2px;
-  transition: all .3s; }
+.row .offset-12 {
+  margin-left: 100%; }
 
-/* Shift tabs to the center */
-.tab-container.tabs-center ul {
-  justify-content: center;
-  -webkit-box-pack: center;
-  -ms-flex-pack: center; }
+/* Auto align col to left in row */
+.row .offset-right {
+  margin-left: 0;
+  margin-right: auto; }
 
-/* Shift tabs to the right */
-.tab-container.tabs-right ul {
-  -webkit-box-pack: end;
-  -ms-flex-pack: end;
-  justify-content: flex-end; }
+/* Auto align col to middle in row */
+.row .offset-center {
+  margin-left: auto;
+  margin-right: auto; }
 
-/* Depth tab styles */
-.tab-container.tabs-depth ul {
-  box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1);
-  border-bottom: 0; }
+/* Auto align col to right in row */
+.row .offset-left {
+  margin-left: auto;
+  margin-right: 0; }
 
-/* Classic tab styles */
-.tab-container.tabs-classic ul {
-  border-bottom-color: #dbdbdb;
-  border-bottom-style: solid;
-  border-bottom-width: 1px;
-  border-radius: 3px 3px 0 0;
-  /* Only round the top left and right corners */
-  transition: all .3s; }
+/* Use in parent div of fluid col Deprecated in 0.5.6, use .row
+.fluid-container {
+    display: flex;
+    overflow: auto;
+}
+
+/* Wrap controls instead on overflow 
+.fluid-container.wrap {
+    -webkit-align-items: center;
+    align-items: center;
+    display: flex;
+    display: -ms-flexbox;
+    -ms-flex-align: center;
+    -webkit-flex-wrap: wrap;
+    -ms-flex-wrap: wrap;
+    flex-wrap: wrap;
+}
+
+/* Resizes elements in a row equally given the number of elements located in it 
+.fluid-container .col-fluid {
+    display: block;
+    -ms-flex-preferred-size: 0;
+    flex-basis: 0;
+    -webkit-box-flex: 1;
+    -ms-flex-positive: 1;
+    flex-grow: 1;
+    -ms-flex-negative: 1;
+    flex-shrink: 1;
+}
+
+/* No expansion for specific col-fluid columns 
+.fluid-container .col-fluid.no-flex {
+    flex-grow: 0;
+    flex-shrink: 0;
+    -webkit-box-flex: 0;
+    -ms-flex-positive: 0;
+    -ms-flex-negative: 0;
+} */
+/* Some offset values */
+.row [class^='col-'],
+.row [class*=' col-'] {
+  float: left;
+  /* Keeps the elements in 1 row */
+  padding: 0 0.5rem; }
 
-.tab-container.tabs-classic li:not(.selected) a:hover {
-  background-color: #f0f0f0;
-  transition: all .3s; }
+/* Columns without the spacing */
+.row.no-space [class^='col-'],
+.row.no-space [class*=' col-'] {
+  padding: 0; }
 
-.tab-container.tabs-classic li a {
-  border: 1px solid transparent;
-  border-bottom-color: #dbdbdb;
-  border-radius: 3px 3px 0 0;
-  transition: all .3s; }
+/* Ignore overflow in columns */
+/* .row.expand { DEPRECATED 0.5.5
+    -webkit-flex-wrap: nowrap; /* Remove wrapping of the columns by default 
+    -ms-flex-wrap: nowrap;
+    flex-wrap: nowrap;
+    overflow-x: auto; /* Can be disabled to remove scroll bar 
+} */
+/* Only for divs with .expand so they can go past the parent div width */
+/* .row.expand [class^="col-"], DEPRECATED 0.5.5, no use
+.row.expand [class*=" col-"] {
+    -webkit-flex: none;
+    -ms-flex: none;
+    flex: none;
+} */
+/* Used for aligning controls next to each other */
+.row.has-controls {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: start;
+  -ms-flex-pack: start;
+  justify-content: flex-start; }
 
-.tab-container.tabs-classic li.selected a {
-  color: var(--cirrus-primary);
-  border-color: #dbdbdb;
-  border-bottom-color: transparent !important; }
+/* Divider for multiple elements in a div */
+/* .divided > .fluid-container:not(.row),
+.divided > .row [class^="col-"], .divided > .row [class*=" col-"] { DEPRECATED 0.5.5
+    box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15);
+} */
+/* Remove border in first child */
+/* .divided > .row [class^="col-"]:first-child,
+.divided > .row [class*=" col-"]:first-child {
+    box-shadow: none; DEPRECATED 0.5.5
+} */
+.level {
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  -ms-grid-row-align: center;
+  align-items: center;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between; }
 
-/* Tabs that fill the width */
-.tab-container.tabs-fill li {
+.level-left {
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  -ms-grid-row-align: center;
+  align-items: center;
+  -webkit-box-pack: start;
+  -ms-flex-pack: start;
+  justify-content: flex-start;
+  /* Start for left */
+  margin-right: 1rem; }
+
+.level-right {
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  -ms-grid-row-align: center;
+  align-items: center;
+  -webkit-box-pack: end;
+  -ms-flex-pack: end;
+  justify-content: flex-end;
+  /* End for right */ }
+
+.level-item {
+  /* Centers items */
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-preferred-size: auto;
+  flex-basis: auto;
+  -webkit-box-flex: 0;
+  -ms-flex-positive: 0;
+  flex-grow: 0;
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center; }
+
+/* Used to stretch the contents of div in level to fill */
+.level-content {
+  -ms-flex-preferred-size: auto;
+  flex-basis: auto;
   -webkit-box-flex: 1;
   -ms-flex-positive: 1;
   flex-grow: 1;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-  /* Disable shrinking to original width */
-  flex-basis: 0; }
+  -ms-flex-negative: 1;
+  flex-shrink: 1;
+  text-align: left;
+  width: 100%; }
 
-/* Override the -webkit-box display that sizes tab items based on text */
-.tab-container.tabs-fill ul {
-  display: flex;
-  /* Equal size tabs */ }
+/* Width CSS */
+.w-10 {
+  width: 10%; }
 
-/* Different tab sizes */
-.tab-container.tabs-xsmall {
-  font-size: 0.6rem; }
+.w-20 {
+  width: 20%; }
 
-.tab-container.tabs-small {
-  font-size: 0.75rem; }
+.w-30 {
+  width: 30%; }
 
-.tab-container.tabs-large {
-  font-size: 1.25rem; }
+.w-40 {
+  width: 40%; }
 
-.tab-container.tabs-xlarge {
-  font-size: 1.5rem; }
+.w-50 {
+  width: 50%; }
 
-/* Font Awesome Integration */
-.tab-container .icon:first-child {
-  /* Left icon */
-  margin-right: .75rem; }
+.w-60 {
+  width: 60%; }
 
-.tab-container .icon:last-child {
-  /* Right icon */
-  margin-left: .75rem; }
+.w-70 {
+  width: 70%; }
 
-/* TAGS */
-.tag {
-  align-items: center;
-  background-color: var(--cirrus-light);
-  border-radius: 0.25rem;
-  color: var(--cirrus-fg);
-  display: inline-flex;
-  font-size: 75%;
-  line-height: 1.5;
-  min-height: 1.5rem;
-  padding: 0 0.5rem;
-  white-space: nowrap; }
+.w-80 {
+  width: 80%; }
 
-.tag.tag--large {
-  font-size: 100%; }
+.w-90 {
+  width: 90%; }
 
-.tag.tag--xlarge {
-  font-size: 150%; }
+.w-100 {
+  width: 100%; }
 
-.tag.tag--rounded {
-  border-radius: 290486px; }
+.w-auto {
+  width: auto; }
 
-/* Delete button for tag */
-.tag.tag--delete {
-  background-color: rgba(10, 10, 10, 0.2);
-  border-radius: 290486px;
-  cursor: pointer;
-  pointer-events: auto;
-  display: inline-block;
-  height: 20px;
-  max-height: 20px;
-  max-width: 20px;
-  min-height: 20px;
-  min-width: 20px;
-  position: relative; }
+/* Height CSS */
+.h-10 {
+  height: 10%; }
 
-.tag--delete:hover {
-  background-color: rgba(10, 10, 10, 0.3); }
+.h-20 {
+  height: 20%; }
 
-/* Draw the delete button */
-.tag.tag--delete::before,
-.tag.tag--delete::after {
-  background-color: var(--cirrus-light);
-  content: "";
-  display: block;
-  left: 50%;
-  position: absolute;
-  top: 50%;
-  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-  transform: translateX(-50%) translateY(-50%) rotate(45deg);
-  -webkit-transform-origin: center center;
-  transform-origin: center center; }
+.h-30 {
+  height: 30%; }
 
-.tag.tag--delete::before {
-  height: 1px;
-  width: 50%; }
+.h-40 {
+  height: 40%; }
 
-.tag.tag--delete::after {
-  height: 50%;
-  width: 1px; }
-
-/* TAG THEMES */
-.tag.tag--delete {
-  margin-left: 0.25rem;
-  margin-right: -0.375rem; }
+.h-50 {
+  height: 50%; }
 
-.tag.tag--white {
-  background-color: #fff;
-  color: var(--cirrus-dark); }
+.h-60 {
+  height: 60%; }
 
-.tag.tag--black {
-  background-color: #000;
-  color: #fff; }
+.h-70 {
+  height: 70%; }
 
-.tag.tag--dark {
-  background-color: var(--cirrus-dark);
-  color: #fff; }
+.h-80 {
+  height: 80%; }
 
-.tag.tag--primary {
-  background-color: var(--cirrus-primary);
-  color: #fff; }
+.h-90 {
+  height: 90%; }
 
-.tag.tag--link {
-  background-color: var(--cirrus-link);
-  color: #fff; }
+.h-100 {
+  height: 100%; }
 
-.tag.tag--info {
-  background-color: var(--cirrus-info);
-  color: #fff; }
+.h-auto {
+  height: auto; }
 
-.tag.tag--success {
-  background-color: var(--cirrus-success);
-  color: #fff; }
+@media screen and (min-width: 769px) {
+  .row {
+    display: flex; }
+  .level-right {
+    margin-left: 1rem; }
+  /* Keep all level children the same height */
+  .level.fill-height {
+    -webkit-box-align: stretch;
+    /* Box Align and align items to stretch to make nav-items fill up parent height */
+    -ms-flex-align: stretch;
+    align-items: stretch;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex; } }
 
-.tag.tag--warning {
-  background-color: var(--cirrus-warning);
-  color: var(--cirrus-fg); }
+/* MOBILE */
+@media screen and (max-width: 768px) {
+  .container {
+    width: 100%; }
+  .row {
+    margin-top: 0; }
+  .row [class^='col-']:not(.ignore-screen),
+  .row [class*=' col-']:not(.ignore-screen) {
+    /* Remove the grid structure for smaller screens */
+    width: 100%;
+    margin-left: 0;
+    padding: 0; }
+  /* Dividers for mobile layout */
+  .divided > .row [class^='col-'],
+  .divided > .row [class*=' col-'] {
+    box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15); }
+  .level.ignore-screen,
+  .level-left.ignore-screen,
+  .level-right.ignore-screen {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex; }
+  .level.fill-height {
+    display: inherit;
+    /* Allow children to expand */ }
+  .hero-body {
+    padding: 0; } }
 
-.tag.tag--danger {
-  background-color: var(--cirrus-danger);
-  color: #fff; }
+/* LINKS */
+a {
+  color: var(--cirrus-link);
+  font-weight: 600;
+  padding: 2px;
+  text-decoration: none;
+  transition: all 0.3s; }
 
-/* TAG CONTAINER */
-.tag-container {
-  display: flex;
-  flex-wrap: wrap; }
+a:hover {
+  color: var(--cirrus-link-dark);
+  transition: all 0.3s; }
 
-/* Add margin in between tag containers */
-.tag-container:not(:last-child) {
-  margin-bottom: 1rem; }
+a:visited,
+a:hover,
+a:active {
+  backface-visibility: hidden;
+  text-decoration: none; }
 
-.tag-container .tag {
-  margin-bottom: 0.5rem; }
+.subtitle a {
+  padding: 0;
+  /* Removes weird offset in subtitle links */ }
 
-.tag-container .tag:not(:last-child) {
-  margin-right: 0.5rem; }
+/* a.display-block { Deprecated 0.5.5
+    display: block;
+} */
+a.underline {
+  text-decoration: underline; }
 
-/* Used for grouping tags together */
-.tag-container.group-tags .tag {
-  margin-right: 0; }
+p a,
+h1 a,
+h2 a,
+h3 a,
+h4 a,
+h5 a,
+h6 a,
+blockquote a,
+article a {
+  display: inline; }
 
-.tag-container.group-tags .tag:first-child {
-  border-radius: .25rem 0 0 .25rem; }
+a .btn,
+a button,
+[type='submit'] a {
+  margin-bottom: 0;
+  /* Remove random excess space */ }
 
-.tag-container.group-tags .tag:not(:first-child):not(:last-child) {
-  border-radius: 0; }
+/* LISTS */
+ul,
+ol {
+  margin: 1rem 0 1rem 1rem;
+  padding-inline-start: 0.5rem; }
 
-.tag-container.group-tags .tag:last-child {
-  border-radius: 0 .25rem .25rem 0; }
+ul {
+  list-style: disc; }
 
-/* Tag close button */
-.tag.tag__close-btn {
-  padding: 0;
-  position: relative;
-  width: 1.5rem; }
+/* Handle nesting */
+ul ul,
+ol ul,
+ul ol,
+ol ol {
+  margin: 0 0 0 1rem; }
 
-.tag.tag__close-btn::before,
-.tag.tag__close-btn::after {
-  background-color: var(--cirrus-fg);
-  content: "";
-  display: block;
-  left: 50%;
-  top: 50%;
-  position: absolute;
-  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-  transform: translateX(-50%) translateY(-50%) rotate(45deg);
-  -webkit-transform-origin: center center;
-  transform-origin: center center; }
+/* Nested list bullet types */
+ul ul {
+  list-style-type: circle; }
 
-.tag.tag__close-btn::before {
-  height: 1px;
-  width: 50%; }
+ul ul ul {
+  list-style-type: square; }
 
-.tag.tag__close-btn::after {
-  height: 50%;
-  width: 1px; }
+ol ol {
+  list-style: lower-alpha; }
 
-/* MISC */
-a.tag:hover {
-  text-decoration: underline; }
+ol ol ol {
+  list-style: upper-roman; }
 
-.tag-container.tag-container--grouped .tag:not(:first-child) {
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0; }
+/* Description lists */
+dl {
+  margin: 1rem 0; }
 
-.tag-container.tag-container--grouped .tag:not(:last-child) {
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0; }
+/* Detail title */
+dt {
+  font-weight: 700; }
 
-/* Tag positioning */
-.tag-container.tag-container--centered {
-  justify-content: center; }
+dd {
+  margin-bottom: 0.5rem; }
 
-.tag-container.tag-container--centered .tag {
-  margin: 0 0.25rem; }
+li {
+  margin: 0.25rem 0; }
 
-.tag-container.tag-container--right {
-  justify-content: flex-end; }
+/* Exclude margin in menus */
+li:not(.dropdown-menu > li):last-child {
+  margin-bottom: 1rem; }
 
-.tag-container.tag-container--right .tag:not(:first-child) {
-  margin-left: 0.5rem; }
+/* MISC */
+ul.no-bullets {
+  list-style: none; }
 
-.tag-container.tag-container--right .tag:not(:last-child) {
-  margin-right: 0; }
+/* MENU LISTS */
+.menu {
+  font-size: 1rem; }
 
-/* TILES */
-.tile {
-  display: flex;
-  display: -ms-flexbox;
-  align-content: space-between;
-  /* Ensure space between child elements of card tile */
-  -webkit-align-content: space-between;
-  /* align-items: flex-start; Push elements to the top of container instead of center/bottom (removed since unneeded */
-  -ms-flex-line-pack: justify;
-  /* Evenly distribute lines */ }
+ul.menu {
+  list-style: none;
+  margin: 0.5rem 0; }
 
-.tile p {
-  font-size: 0.95rem; }
+/* Style headers to have even space distribution. */
+.menu-title:not(:first-child) {
+  margin-bottom: 1rem; }
 
-.tile .tile__icon,
-.tile .tile__buttons {
-  flex: 0 0 auto;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto; }
+.menu-title:not(:last-child) {
+  margin-top: 1rem; }
 
-/* Override the default behavior where buttons display as blocks */
-.tile .tile__buttons button,
-.tile .tile__buttons .btn,
-.tile .tile__buttons [type="submit"] {
-  display: inline-block;
-  margin: 0.1rem;
-  /* Reduce space used by buttons, default .5rem */ }
-
-.tile .tile__container {
-  flex: 1 1 auto;
-  -webkit-flex: 1 1 auto;
-  -ms-flex: 1 1 auto; }
-
-/* Add spacing between the elements in between */
-.tile .tile__container:not(:first-child) {
-  padding-left: 1rem; }
+/* Style menu items */
+.menu .menu-item a {
+  color: #555;
+  display: block;
+  padding: 0.5em 0.75em;
+  border-radius: 3px;
+  font-size: var(--font-size-s);
+  cursor: pointer;
+  -webkit-transition: all var(--animation-duration);
+  transition: all var(--animation-duration); }
 
-.tile .tile__container:not(:last-child) {
-  padding-right: 1rem; }
+.menu .menu-item:hover > a {
+  background-color: rgba(208, 208, 208, 0.3);
+  color: #d43644;
+  -webkit-transition: all var(--animation-duration);
+  transition: all var(--animation-duration); }
 
-.tile .tile__title {
-  line-height: 2rem;
-  font-weight: bolder;
-  margin: 0.1rem auto; }
+.menu .menu-item.selected > a {
+  color: #fff;
+  background-color: var(--cirrus-primary); }
 
-.tile .tile__subtitle {
-  line-height: 1.25rem;
-  opacity: 0.7;
-  margin: 0.1rem auto; }
+.menu .menu-item .menu-addon {
+  padding: 0.3rem;
+  z-index: 1;
+  position: relative;
+  color: var(--cirrus-fg);
+  cursor: pointer;
+  float: left;
+  margin-right: 0.1rem;
+  -webkit-transition: all var(--animation-duration);
+  transition: all var(--animation-duration); }
 
-/* Force elements to align at the center vertical height */
-.tile.tile--center {
-  align-items: center;
-  -webkit-align-items: center;
-  -ms-flex-align: center; }
+.menu .menu-item .menu-addon .icon {
+  font-size: inherit; }
 
-.tile.tile--center .tile__container {
-  /* Shrink the text to fit inside the tile */
-  overflow: hidden; }
+/* Darken on hover to differentiate from menu-item */
+.menu .menu-item .menu-addon:hover {
+  background-color: rgba(60, 60, 60, 0.25);
+  -webkit-transition: all var(--animation-duration);
+  transition: all var(--animation-duration); }
 
-/* Keep the text from overflowing */
-.tile.tile--center .tile__title,
-.tile.tile--center .tile__subtitle.no-wrap {
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  margin-bottom: 0; }
+.menu .menu-item .menu-addon.right {
+  float: right;
+  margin-right: 0;
+  margin-left: 0.1rem; }
 
-.toast {
-  display: block;
-  width: 100%;
-  padding: .75rem 1.25rem;
-  background-color: var(--toast-primary-bg);
-  border: 1px solid var(--toast-primary-bg);
-  border-radius: 2px;
-  color: #fff;
-  position: relative;
-  margin: 0.5rem; }
+.menu .menu-item.selected .menu-addon {
+  color: #fff; }
 
-/* .toast h1, .toast h2, .toast h3, .toast h4, .toast h5, .toast h6 {
-    margin: 0;
-    margin-top: 1rem;
-} (Deprecated 0.5.5) */
-.toast .toast__title {
-  margin: 0;
-  margin-top: 1rem; }
+/* Style sub menus inside a menu */
+.menu .menu-item ul {
+  border-left: 1px solid #dbdbdb;
+  margin: 0.75rem;
+  padding-left: 0.75rem; }
 
-.toast p {
-  margin: 0; }
+/* Menu item divider */
+.menu .divider {
+  border-top: 0.1rem solid #eee;
+  height: 0.1rem;
+  margin: 1rem 0; }
 
-.toast.toast--translucent {
-  opacity: .5; }
+/* Title for the section separated by the divider */
+.menu .divider::after {
+  content: attr(data-label);
+  /* Text that will be displayed */
+  background-color: var(--cirrus-bg);
+  color: #b7b7b7;
+  display: inline-block;
+  padding: 0 0.7rem;
+  margin: 0.5rem;
+  font-size: 0.7rem;
+  -webkit-transform: translateY(-1.1rem);
+  transform: translateY(-1.1rem); }
 
-.toast.toast--translucent:hover {
-  opacity: 1; }
+/* Dropdown menu for dropdown buttons */
+.list-dropdown {
+  display: inline-block;
+  position: relative; }
 
-.toast .btn-close {
+.list-dropdown .menu {
   position: absolute;
-  right: 1rem;
-  top: 1rem; }
+  top: 75%;
+  left: 0;
+  -webkit-animation: slide-down var(--animation-duration) ease 1;
+  animation: slide-down 0.1s ease 1;
+  background-color: var(--cirrus-bg);
+  border-radius: 0.2rem;
+  box-shadow: 0 0.1rem 0.4rem rgba(69, 77, 93, 0.3);
+  margin: 0;
+  opacity: 0;
+  min-width: 15rem;
+  padding: 0.25rem 0.5rem;
+  -webkit-transform: translateY(0.5rem);
+  transform: translateY(0.5rem);
+  z-index: 10;
+  pointer-events: none;
+  /* Remove pointer events to prevent mouse hover to show menu even though it is not visible */
+  overflow: hidden;
+  -webkit-transition: all var(--animation-duration);
+  transition: all var(--animation-duration); }
 
-/* TOAST TYPES */
-.toast.toast--primary {
-  background-color: var(--toast-primary-bg);
-  border-color: var(--toast-primary-bg); }
+.list-dropdown.dropdown-right .menu {
+  left: auto;
+  right: 0; }
 
-.toast.toast--success {
-  background-color: var(--cirrus-success);
-  border-color: var(--cirrus-success); }
+/* Allow for shown and :focus selectors for JS and native CSS transitions */
+.list-dropdown.shown .menu,
+.list-dropdown .btn-dropdown:focus + .menu,
+.list-dropdown .menu:hover {
+  display: block;
+  opacity: 1;
+  top: 100%;
+  z-index: 100;
+  pointer-events: auto;
+  /* Restore pointer events */
+  height: auto;
+  -webkit-transition: all var(--animation-duration);
+  transition: all var(--animation-duration); }
 
-.toast.toast--warning {
-  background-color: var(--cirrus-warning);
-  border-color: var(--cirrus-warning); }
+.list-dropdown .btn-group .btn-dropdown:nth-last-child(2) {
+  border-bottom-right-radius: 3px;
+  border-top-right-radius: 3px; }
 
-.toast.toast--error {
-  background-color: var(--cirrus-danger);
-  border-color: var(--cirrus-danger); }
+/* TREE */
+/* Tree Navigation Menu */
+.tree {
+  margin: 0; }
 
-.toast.toast--info {
-  background-color: var(--cirrus-info);
-  border-color: var(--cirrus-info); }
+/* The title of the tree menu */
+.tree .tree-item .tree-item-header {
+  display: block;
+  padding: 0.25rem 0.5rem;
+  cursor: pointer;
+  font-size: 0.95rem;
+  font-weight: 600;
+  /* Keep styling consistent with menu-items */ }
 
-.toast.toast--link {
-  background-color: var(--cirrus-link);
-  border-color: var(--cirrus-link); }
+/* The dropdown glyph of the tree menu */
+.tree .tree-item .tree-item-header .icon {
+  -webkit-transition: all var(--animation-duration);
+  transition: all var(--animation-duration); }
 
-.toast.toast--primary {
-  background-color: var(--cirrus-primary);
-  border-color: var(--cirrus-primary); }
+/* Expand the tree-item-body (has menu-items) */
+.tree .tree-item input:checked ~ .tree-item-body {
+  max-height: 100vh; }
 
-/* Add the rest later */
-.toast a {
-  color: var(--cirrus-light);
-  transition: all .3s; }
+/* Rotate the dropdown glyph */
+.tree .tree-item input:checked ~ .tree-item-header .icon {
+  -webkit-transform: rotate(90deg);
+  transform: rotate(90deg); }
 
-.toast a:hover {
-  opacity: .8;
-  transition: all .3s; }
+/* Container for the menu-items of the tree menu */
+.tree .tree-item .tree-item-body {
+  max-height: 0;
+  /* Hidden at first */
+  margin-left: 1.5rem;
+  overflow: hidden;
+  -webkit-transition: all var(--animation-duration);
+  transition: all var(--animation-duration); }
 
-/* TOOLTIPS */
-.tooltip {
-  position: relative;
-  /* let's the pseudoelement that we are displaying relative to the button. */
-  overflow: visible;
-  /* Allows the pseudoelement to be shown */
-  white-space: nowrap;
-  /* Keeps the button text from wrapping and getting too large */ }
+/* TODO: Docs */
+/* The body that will encompass the tree-nav and tree-nav-content */
+.tree-nav-body {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  height: 100vh;
+  -ms-flex-wrap: nowrap;
+  flex-wrap: nowrap; }
 
-/* This is the psuedoelement that creates the tooltip */
-.tooltip::after,
-.tooltip.tooltip--top::after {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  position: absolute;
-  color: #fff;
-  font-size: 0.6rem;
-  background-color: rgba(69, 77, 93, 0.9);
-  content: attr(data-tooltip);
-  /* Retrieves the data specified in this element property and displays it as text */
-  display: block;
-  line-height: 1rem;
-  text-transform: none;
-  overflow: hidden;
-  padding: 0.4rem 0.8rem;
-  opacity: 0;
-  /* Hide the element */
-  text-overflow: ellipsis;
-  max-width: 15rem;
-  -webkit-transform: translate(-50%, 0);
-  transform: translate(-50%, 0);
-  transition: all var(--animation-duration) ease;
-  z-index: 200;
-  pointer-events: none;
-  bottom: 100%;
-  /* Pushes the tooltip above the button */
-  left: 50%;
-  /* Horizontally center it */
-  border-radius: 0.2rem; }
-
-/* Handles the on hover event of the button and then modifies the associated tooltip accordingly. */
-.tooltip:focus::after,
-.tooltip:hover::after {
-  opacity: 1;
-  -webkit-transform: translate(-50%, -0.5rem);
-  transform: translate(-50%, -0.5rem);
-  transition: all var(--animation-duration) ease; }
+/* A fixed menu on the side with a tree component */
+.tree-nav {
+  -webkit-box-flex: 0;
+  -ms-flex-positive: 0;
+  flex-grow: 0;
+  -ms-flex-negative: 1;
+  flex-shrink: 1;
+  padding: 2rem 1rem 2rem 2rem;
+  min-width: 15rem;
+  height: 100vh;
+  overflow: auto; }
 
-/* Tooltip top left */
-.tooltip.tooltip--top-left::after {
-  -webkit-transform: translate(-50%, 0);
-  transform: translate(-50%, 0); }
+/* The container for the tree component to prevent it from overflowing */
+.tree-nav .tree-nav-container {
+  overflow-y: auto;
+  top: 4rem;
+  bottom: 1rem; }
 
-.tooltip.tooltip--top-left:hover::after,
-.tooltip.tooltip--top-left:focus::after {
-  left: 0;
-  -webkit-transform: translate(-100%, -0.5rem);
-  transform: translate(-100%, -0.5rem); }
+/* Darkened area that will close the navbar when clicked for mobile only */
+.tree-nav + .tree-nav-close {
+  display: none;
+  /* Not needed in desktop */ }
 
-/* Tooltip top right */
-.tooltip.tooltip--top-right::after {
-  left: auto;
-  -webkit-transform: translate(15%, 0);
-  transform: translate(15%, 0); }
+/* Push document body further right to account for sidebar space */
+.tree-nav + .tree-nav-content {
+  max-width: 100%;
+  padding: 2rem;
+  -ms-flex: 1 0 auto;
+  -webkit-box-flex: 1;
+  flex: 1 0 auto;
+  overflow: auto;
+  margin: 0; }
 
-.tooltip.tooltip--top-right:hover::after,
-.tooltip.tooltip--top-right:focus::after {
-  right: 0;
-  -webkit-transform: translate(100%, -0.5rem);
-  transform: translate(100%, -0.5rem); }
+/* The body where all other HTML components are entered if a tree-nav is used */
+.tree-nav-content {
+  width: 100%;
+  overflow: auto;
+  margin: 0;
+  padding: 2rem; }
 
-/* Tooltip bottom */
-.tooltip.tooltip--bottom::after {
-  top: 100%;
-  transform: translate(-50%, -1rem);
-  /* Moves tooltip to the center horizontally and shifts tooltip down */
-  -webkit-transform: translate(-50%, -1rem);
-  -moz-transform: translate(-50%, -1rem);
-  -ms-transform: translate(-50%, -1rem);
-  bottom: auto; }
+/* Decrease font-weight in tree-nav menu-items */
+.tree-item-body .menu .menu-item a {
+  font-weight: 400; }
 
-.tooltip.tooltip--bottom:hover::after,
-.tooltip.tooltip--bottom:focus::after {
-  transform: translate(-50%, 0.5rem);
-  -webkit-transform: translate(-50%, 0.5rem);
-  -moz-transform: translate(-50%, 0.5rem);
-  -ms-transform: translate(-50%, 0.5rem);
-  bottom: auto; }
+@media screen and (max-width: 768px) {
+  /* Hide the menu to the side by default */
+  .tree-nav {
+    height: 100%;
+    left: 0;
+    overflow-y: auto;
+    padding: 3rem 1.5rem;
+    position: fixed;
+    top: 0;
+    -webkit-transform: translateX(-100%);
+    transform: translateX(-100%);
+    transition: transform var(--animation-duration) ease, -webkit-transform var(--animation-duration) ease;
+    -webkit-transition: -webkit-transform var(--animation-duration) ease;
+    transition: transform var(--animation-duration) ease;
+    transition: -webkit-transform var(--animation-duration) ease;
+    z-index: 400; }
+  /* Open the menu from the side */
+  /* Use a link and add the id of this element as the url */
+  .tree-nav:target {
+    -webkit-transform: translateX(0);
+    transform: translateX(0);
+    transition: transform var(--animation-duration) ease, -webkit-transform var(--animation-duration) ease;
+    -webkit-transition: -webkit-transform var(--animation-duration) ease;
+    transition: -webkit-transform var(--animation-duration) ease;
+    transition: transform var(--animation-duration) ease; }
+  /* Create the area to click to close the menu */
+  .tree-nav .tree-nav-close {
+    background-color: rgba(0, 0, 0, 0.15);
+    display: none;
+    height: 100%;
+    left: 0;
+    position: fixed;
+    right: 0;
+    top: 0;
+    width: 100%;
+    z-index: 300; }
+  /* Show the darkened area when the tree nav menu is clicked */
+  .tree-nav:target + .tree-nav-close {
+    display: block;
+    background-color: rgba(0, 0, 0, 0.15);
+    height: 100%;
+    left: 0;
+    position: fixed;
+    right: 0;
+    top: 0;
+    width: 100%;
+    z-index: 300; }
+  /* Reset max-width in mobile */
+  .tree-nav + .tree-nav-body {
+    max-width: inherit; }
+  /* Header bar for mobile websites with the tree-nav */
+  .tree-nav-header {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    background-color: rgba(248, 249, 250, 0.8);
+    height: 3.5rem;
+    padding: 0.75rem 0.5rem;
+    text-align: center;
+    z-index: 300; }
+  /* For dropdown menu used in header (different from header dropdown) */
+  .nav-item.has-sub .list-dropdown {
+    width: 100%; }
+  .nav-item.has-sub .list-dropdown .btn-group {
+    width: 100%; }
+  .nav-item.has-sub .list-dropdown .btn-group .btn-dropdown {
+    flex-grow: 0; }
+  /* Show the dropdown menu in mobile hamburger menu relative with the header menu */
+  .list-dropdown .btn-dropdown:focus + .menu {
+    position: relative;
+    width: 100%; } }
 
-/* Tooltip bottom left */
-.tooltip.tooltip--bottom-left::after {
-  top: 100%;
-  -webkit-transform: translate(-65%, -1rem);
-  transform: translate(-65%, -1rem);
-  bottom: auto; }
+/* MEDIA CSS */
+/* Handles images, videos, figures, etc */
+/* Altered, originally just video in 0.4.6 */
+video.video-fullscreen {
+  position: absolute;
+  height: 100vh;
+  object-fit: cover;
+  width: 100%;
+  z-index: -1; }
 
-.tooltip.tooltip--bottom-left:hover::after,
-.tooltip.tooltip--bottom-left:focus::after {
-  left: 0;
-  -webkit-transform: translate(-100%, 0.5rem);
-  transform: translate(-100%, 0.5rem); }
+/* Add to parent container to make media child fill container */
+.media-stretch {
+  display: block;
+  padding: 0;
+  overflow: hidden;
+  width: 100%;
+  position: relative; }
 
-/* Tooltip bottom right */
-.tooltip.tooltip--bottom-right::after {
-  left: auto;
-  top: 100%;
-  -webkit-transform: translate(0%, -1rem);
-  transform: translate(0%, -1rem);
-  bottom: auto; }
+/* Add pseudoclass to allow media to have height (default height is 0) */
+.media-stretch::before {
+  content: "";
+  display: block;
+  padding-bottom: 56.25%;
+  /* 9 / 16  for 16:9 ratio */ }
 
-.tooltip.tooltip--bottom-right:hover::after,
-.tooltip.tooltip--bottom-right:focus::after {
+/* Force media embed to fill parent container */
+.media-stretch iframe,
+.media-stretch embed,
+.media-stretch object {
+  position: absolute;
+  top: 0;
   right: 0;
-  -webkit-transform: translate(100%, 0.5rem);
-  transform: translate(100%, 0.5rem); }
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  /* Make sure media does exceed or go under boundary limit */
+  height: 100%; }
 
-/* Tooltip right */
-.tooltip.tooltip--right::after {
-  left: 100%;
-  bottom: 50%;
-  transform: translate(-1rem, 50%);
-  -webkit-transform: translate(-1rem, 50%);
-  -moz-transform: translate(-1rem, 50%);
-  -ms-transform: translate(-1rem, 50%); }
+/* For HTML5 video objects */
+.media-stretch video {
+  height: auto;
+  max-width: 100%;
+  width: 100%; }
 
-.tooltip.tooltip--right:hover::after,
-.tooltip.tooltip--right:focus::after {
-  transform: translate(0.5rem, 50%);
-  -webkit-transform: translate(0.5rem, 50%);
-  -moz-transform: translate(0.5rem, 50%);
-  -ms-transform: translate(0.5rem, 50%); }
+/* Alternate media ratios */
+.media-stretch.rat-4-3::before {
+  padding-bottom: 75%; }
 
-/* Tooltip Left */
-.tooltip.tooltip--left::after {
-  right: 100%;
-  bottom: 50%;
-  left: auto;
-  /* Needed to work */
-  transform: translate(1rem, 50%);
-  -webkit-transform: translate(1rem, 50%);
-  -moz-transform: translate(1rem, 50%);
-  -ms-transform: translate(1rem, 50%); }
+.media-stretch.rat-1-1::before {
+  padding-bottom: 100%; }
 
-.tooltip.tooltip--left:hover::after,
-.tooltip.tooltip--left:focus::after {
-  transform: translate(-0.5rem, 50%);
-  -webkit-transform: translate(-0.5rem, 50%);
-  -moz-transform: translate(-0.5rem, 50%);
-  -ms-transform: translate(-0.5rem, 50%); }
+/* FIGURES */
+/* For flexible media display */
+.fig {
+  margin: 0 0 0.5rem 0;
+  /* Small margin at the bottom */ }
 
-/* BUTTONS */
-/* Button styling */
-/* Un-themed */
-button,
-.btn,
-[type='submit'] {
-  line-height: 2rem;
-  overflow: hidden;
-  padding: 0.5rem 1.5rem;
-  border: 1px solid transparent;
-  border-radius: 0.25rem;
-  cursor: pointer;
-  text-align: center;
-  transition: all 0var --animation-duration;
-  background-color: var(--btn-color);
-  border-color: var(--btn-border-color);
-  color: var(--btn-fg);
-  font-size: 0.75rem;
-  letter-spacing: 0.03rem;
-  text-transform: uppercase;
-  font-family: Montserrat;
-  min-width: 2rem;
-  user-select: none;
-  margin-bottom: 1rem;
-  outline: none;
-  --btn-color: #fefefe;
-  --btn-fg: #737373;
-  --btn-border-color: #d9d9d9; }
+.fig .fig-caption {
+  margin-top: 1rem; }
 
-button:hover,
-.btn:hover,
-[type='submit']:hover {
-  transition: all var(--animation-duration); }
+/* IMAGES */
+.img-stretch {
+  max-width: 100%;
+  height: auto;
+  display: block; }
 
-.btn:active,
-button:active,
-[type='submit']:active {
-  transition: var(--animation-duration) ease; }
+.img-cover {
+  object-fit: cover; }
 
-/* Default button colors */
-button:hover,
-.btn:hover,
-[type='submit']:hover {
-  background-color: #eee;
-  --btn-color: #eee; }
+.img-contain {
+  object-fit: contain; }
 
-/* Make the loading circle, if present, white when button is active */
-.btn.loading:active::after,
-button.loading:active::after,
-[type='submit'].loading:active::after {
-  transition: var(--animation-duration) ease;
-  border-radius: 50%;
-  border-right-color: transparent;
-  border-top-color: transparent; }
+/* Margin */
+.m-0 {
+  margin: 0 !important; }
 
-button.btn-animated,
-[type='submit'].btn-animated,
-.btn.btn-animated {
-  transition: calc(var(--animation-duration) / 2) ease; }
+.m-1 {
+  margin: calc(var(--space-size) * 1) !important; }
 
-button.btn-animated:active,
-[type='submit'].btn-animated:active,
-.btn.btn-animated:active {
-  -webkit-transform: scale(0.98);
-  transform: inherit, scale(0.98);
-  transition: calc(var(--animation-duration) / 2) ease; }
+.m-2 {
+  margin: calc(var(--space-size) * 2) !important; }
 
-.btn:focus,
-button:focus,
-input[type='submit']:focus {
-  outline: none; }
+.m-3 {
+  margin: calc(var(--space-size) * 3) !important; }
 
-.btn:disabled,
-button:disabled,
-[type='submit']:disabled {
-  cursor: not-allowed;
-  opacity: 0.5; }
+.m-4 {
+  margin: calc(var(--space-size) * 4) !important; }
 
-button.btn-close {
-  background-color: rgba(10, 10, 10, 0.2);
-  border: none;
-  border-radius: 290486px;
-  cursor: pointer;
-  display: inline-block;
-  flex-grow: 0;
-  flex-shrink: 0;
-  font-size: 0;
-  height: 20px;
-  outline: 0;
-  position: relative;
-  vertical-align: top;
-  width: 20px;
-  padding: 0;
-  min-width: 20px; }
+.m-5 {
+  margin: calc(var(--space-size) * 5) !important; }
 
-button.btn-close:hover {
-  background-color: rgba(10, 10, 10, 0.3); }
+.mt-0, .my-0 {
+  margin-top: 0 !important; }
 
-/* Render the x in the close button */
-button.btn-close::before,
-button.btn-close::after {
-  background-color: var(--cirrus-bg);
-  content: '';
-  display: block;
-  left: 50%;
-  position: absolute;
-  top: 50%;
-  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-  transform: translateX(-50%) translateY(-50%) rotate(45deg);
-  -webkit-transform-origin: center center;
-  transform-origin: center center; }
+.mt-1, .my-1 {
+  margin-top: calc(var(--space-size) * 1) !important; }
 
-button.btn-close::before {
-  height: 2px;
-  width: 50%; }
+.mt-2, .my-2 {
+  margin-top: calc(var(--space-size) * 2) !important; }
 
-button.btn-close::after {
-  height: 50%;
-  width: 2px; }
+.mt-3, .my-3 {
+  margin-top: calc(var(--space-size) * 3) !important; }
 
-/* Adds small margin around buttons */
-.btn-container {
-  margin: 0.5rem;
-  overflow: visible; }
+.mt-4, .my-4 {
+  margin-top: calc(var(--space-size) * 4) !important; }
 
-/* BUTTON STYLES */
-/* Regular */
-.btn-transparent {
-  --btn-color: transparent;
-  --btn-fg: var(--cirrus-dark);
-  --btn-border-color: transparent; }
+.mt-5, .my-5 {
+  margin-top: calc(var(--space-size) * 5) !important; }
 
-.btn-transparent.outline {
-  --btn-color: var(--cirrus-dark); }
+.mb-0, .my-0 {
+  margin-bottom: 0 !important; }
 
-.btn-transparent:hover {
-  --btn-color: rgba(0, 0, 0, 0.1); }
+.mb-1, .my-1 {
+  margin-bottom: calc(var(--space-size) * 1) !important; }
 
-.btn-transparent:focus {
-  box-shadow: 0 0 0 0.2rem rgba(246, 249, 252, 0.5); }
+.mb-2, .my-2 {
+  margin-bottom: calc(var(--space-size) * 2) !important; }
 
-.btn-light {
-  --btn-color: var(--cirrus-light);
-  --btn-fg: var(--cirrus-dark);
-  --btn-border-color: var(--cirrus-light); }
+.mb-3, .my-3 {
+  margin-bottom: calc(var(--space-size) * 3) !important; }
 
-.btn-light:hover {
-  --btn-color: var(--cirrus-light-hover); }
+.mb-4, .my-4 {
+  margin-bottom: calc(var(--space-size) * 4) !important; }
 
-.btn-light:focus {
-  box-shadow: 0 0 0 0.2rem rgba(246, 249, 252, 0.5); }
+.mb-5, .my-5 {
+  margin-bottom: calc(var(--space-size) * 5) !important; }
 
-.btn-dark {
-  --btn-color: var(--cirrus-dark);
-  --btn-fg: var(--cirrus-light);
-  --btn-border-color: var(--cirrus-dark); }
+.ml-0, .mx-0 {
+  margin-left: 0 !important; }
 
-.btn-dark:hover {
-  --btn-color: var(--cirrus-dark-hover); }
+.ml-1, .mx-1 {
+  margin-left: calc(var(--space-size) * 1) !important; }
 
-.btn-dark.outline:hover {
-  --btn-color: var(--cirrus-dark); }
+.ml-2, .mx-2 {
+  margin-left: calc(var(--space-size) * 2) !important; }
 
-.btn-dark:focus {
-  box-shadow: 0 0 0 0.2rem rgba(54, 54, 54, 0.5); }
+.ml-3, .mx-3 {
+  margin-left: calc(var(--space-size) * 3) !important; }
 
-.btn-black {
-  --btn-color: #000;
-  --btn-fg: var(--cirrus-light);
-  --btn-border-color: #000; }
+.ml-4, .mx-4 {
+  margin-left: calc(var(--space-size) * 4) !important; }
 
-.btn-black:hover {
-  --btn-color: #000; }
+.ml-5, .mx-5 {
+  margin-left: calc(var(--space-size) * 5) !important; }
 
-.btn-black:focus {
-  box-shadow: 0 0 0 0.2rem rgba(54, 54, 54, 0.5); }
+.mr-0, .mx-0 {
+  margin-right: 0 !important; }
 
-.btn-primary {
-  --btn-color: var(--cirrus-primary);
-  --btn-fg: var(--cirrus-light);
-  --btn-border-color: var(--cirrus-accent-border); }
+.mr-1, .mx-1 {
+  margin-right: calc(var(--space-size) * 1) !important; }
 
-.btn-primary:hover {
-  --btn-color: var(--cirrus-accent-hover); }
+.mr-2, .mx-2 {
+  margin-right: calc(var(--space-size) * 2) !important; }
 
-.btn-primary.outline:hover {
-  --btn-color: var(--cirrus-primary); }
+.mr-3, .mx-3 {
+  margin-right: calc(var(--space-size) * 3) !important; }
 
-.btn-primary:focus {
-  box-shadow: 0 0 0 0.2rem rgba(240, 61, 76, 0.5); }
+.mr-4, .mx-4 {
+  margin-right: calc(var(--space-size) * 4) !important; }
 
-.btn-info {
-  --btn-color: var(--cirrus-info);
-  --btn-fg: var(--cirrus-light);
-  --btn-border-color: var(--cirrus-info); }
+.mr-5, .mx-5 {
+  margin-right: calc(var(--space-size) * 5) !important; }
 
-.btn-info:hover {
-  --btn-color: var(--cirrus-info-hover); }
+/* Padding */
+.p-0 {
+  padding: 0 !important; }
 
-.btn-info.outline:hover {
-  --btn-color: var(--cirrus-info); }
+.p-1 {
+  padding: calc(var(--space-size) * 1) !important; }
 
-.btn-info:focus {
-  box-shadow: 0 0 0 0.2rem rgba(41, 114, 250, 0.5); }
+.p-2 {
+  padding: calc(var(--space-size) * 2) !important; }
 
-.btn-link {
-  --btn-color: var(--cirrus-link);
-  --btn-fg: var(--cirrus-light);
-  --btn-border-color: var(--cirrus-link); }
+.p-3 {
+  padding: calc(var(--space-size) * 3) !important; }
 
-.btn-link.outline {
-  --btn-fg: var(--cirrus-link);
-  border: 1px solid transparent; }
+.p-4 {
+  padding: calc(var(--space-size) * 4) !important; }
 
-.btn-link:hover {
-  --btn-color: var(--cirrus-link-dark); }
+.p-5 {
+  padding: calc(var(--space-size) * 5) !important; }
 
-.btn-link.outline:hover {
-  --btn-color: var(--cirrus-link-hover);
-  border: 1px solid transparent;
-  text-decoration: underline; }
+.pt-0, .py-0 {
+  padding-top: 0 !important; }
 
-.btn-link:focus {
-  box-shadow: 0 0 0 0.2rem rgba(94, 92, 199, 0.5); }
+.pt-1, .py-1 {
+  padding-top: calc(var(--space-size) * 1) !important; }
 
-.btn-success {
-  --btn-color: var(--cirrus-success);
-  --btn-fg: var(--cirrus-light);
-  --btn-border-color: var(--cirrus-success); }
+.pt-2, .py-2 {
+  padding-top: calc(var(--space-size) * 2) !important; }
 
-.btn-success:hover {
-  --btn-color: var(--cirrus-success-hover); }
+.pt-3, .py-3 {
+  padding-top: calc(var(--space-size) * 3) !important; }
 
-.btn-success.outline:hover {
-  --btn-color: var(--cirrus-success); }
+.pt-4, .py-4 {
+  padding-top: calc(var(--space-size) * 4) !important; }
 
-.btn-success:focus {
-  box-shadow: 0 0 0 0.2rem rgba(13, 210, 89, 0.5); }
+.pt-5, .py-5 {
+  padding-top: calc(var(--space-size) * 5) !important; }
 
-.btn-warning {
-  --btn-color: var(--cirrus-warning);
-  --btn-fg: var(--cirrus-dark);
-  --btn-border-color: var(--cirrus-warning); }
+.pb-0, .py-0 {
+  padding-bottom: 0 !important; }
 
-.btn-warning:hover {
-  --btn-color: var(--cirrus-warning-hover); }
+.pb-1, .py-1 {
+  padding-bottom: calc(var(--space-size) * 1) !important; }
 
-.btn-warning.outline:hover {
-  --btn-color: var(--cirrus-warning); }
+.pb-2, .py-2 {
+  padding-bottom: calc(var(--space-size) * 2) !important; }
 
-.btn-warning:focus {
-  box-shadow: 0 0 0 0.2rem rgba(250, 180, 51, 0.5); }
+.pb-3, .py-3 {
+  padding-bottom: calc(var(--space-size) * 3) !important; }
 
-.btn-danger {
-  --btn-color: var(--cirrus-danger);
-  --btn-fg: var(--cirrus-light);
-  --btn-border-color: var(--cirrus-danger); }
+.pb-4, .py-4 {
+  padding-bottom: calc(var(--space-size) * 4) !important; }
 
-.btn-danger:hover {
-  --btn-color: var(--cirrus-danger-hover); }
+.pb-5, .py-5 {
+  padding-bottom: calc(var(--space-size) * 5) !important; }
 
-.btn-danger.outline:hover {
-  --btn-color: var(--cirrus-danger); }
+.pl-0, .px-0 {
+  padding-left: 0 !important; }
 
-.btn-danger:focus {
-  box-shadow: 0 0 0 0.2rem rgba(251, 65, 68, 0.5); }
+.pl-1, .px-1 {
+  padding-left: calc(var(--space-size) * 1) !important; }
 
-[class^='btn-'],
-[class*=' btn-'] {
-  background-color: var(--btn-color);
-  border: 1px solid var(--btn-border-color);
-  color: var(--btn-fg);
-  transition: all var(--animation-duration); }
+.pl-2, .px-2 {
+  padding-left: calc(var(--space-size) * 2) !important; }
 
-[class^='btn-']:hover,
-[class*=' btn-']:hover {
-  background-color: var(--btn-color);
-  border-color: var(--btn-border-color);
-  transition: all var(--animation-duration); }
+.pl-3, .px-3 {
+  padding-left: calc(var(--space-size) * 3) !important; }
 
-/* Outline Variants */
-[class^='btn-'].outline,
-[class*=' btn-'].outline {
-  background-color: transparent;
-  color: var(--btn-color); }
+.pl-4, .px-4 {
+  padding-left: calc(var(--space-size) * 4) !important; }
 
-[class^='btn-'].outline:hover,
-[class*=' btn-'].outline:hover {
-  background-color: var(--btn-color);
-  color: var(--btn-fg);
-  transition: all var(--animation-duration); }
+.pl-5, .px-5 {
+  padding-left: calc(var(--space-size) * 5) !important; }
 
-/* Right of input */
-.has-controls.input:not([class*='left action']) > button:last-child,
-.has-controls.input:not([class*='left action']) > .btn:last-child > .btn {
-  border-radius: 0 0.28571429rem 0.28571429rem 0; }
+.pr-0, .px-0 {
+  padding-right: 0 !important; }
 
-.has-controls.input:not([class*='right action']) > button:last-child,
-.has-controls.input:not([class*='right action']) > .btn:last-child > .btn {
-  border-radius: 0.28571429rem 0 0 0.28571429rem; }
+.pr-1, .px-1 {
+  padding-right: calc(var(--space-size) * 1) !important; }
 
-/* Extra small button */
-.btn-xsmall {
-  padding: 0 0.5rem;
-  font-size: 50%; }
+.pr-2, .px-2 {
+  padding-right: calc(var(--space-size) * 2) !important; }
 
-/* Small button */
-.btn-small {
-  padding: .25rem 1rem;
-  font-size: 70%; }
+.pr-3, .px-3 {
+  padding-right: calc(var(--space-size) * 3) !important; }
 
-/* Big button */
-.btn-large {
-  padding: .75rem 2rem;
-  font-size: 90%; }
+.pr-4, .px-4 {
+  padding-right: calc(var(--space-size) * 4) !important; }
 
-.btn-xlarge {
-  padding: 1rem 2.5rem;
-  font-size: 110%; }
+.pr-5, .px-5 {
+  padding-right: calc(var(--space-size) * 5) !important; }
 
-/* Make the loader white so it is visible */
-.loading.btn-accent:after {
-  border: 2px solid #fff;
-  border-right-color: transparent;
-  border-top-color: transparent; }
+/* TABLE */
+.table {
+  margin-bottom: 1.5rem;
+  width: 100%;
+  border-collapse: collapse;
+  /* Allows us to set 0 margin in table cells */
+  border-spacing: 0;
+  text-align: center;
+  /* Text center by default */ }
 
-/* Override default behavior of aligning font awesome icons to the top */
-button .fa-wrapper,
-.btn .fa-wrapper,
-[type='submit'] .fa-wrapper {
-  vertical-align: baseline; }
+.table td,
+.table th {
+  border: 1px solid rgba(219, 219, 219, 0.5);
+  border-width: 0 0 1px;
+  padding: 0.75rem;
+  vertical-align: top;
+  text-align: inherit;
+  margin: 0; }
 
-button .fa-wrapper.pad-right,
-.btn .fa-wrapper.pad-right,
-[type='submit'] .fa-wrapper.pad-right {
-  margin-right: 0.4rem; }
+.table tr {
+  transition: all 0.3s; }
 
-button .fa-wrapper.pad-left,
-.btn .fa-wrapper.pad-left,
-[type='submit'] .fa-wrapper.pad-left {
-  margin-left: 0.4rem; }
+.table caption {
+  padding-top: 0.75rem;
+  padding-bottom: 0.75rem;
+  color: #6c757d;
+  text-align: left;
+  caption-side: bottom; }
 
-/* Alternatives to pad-left and pad-right */
-button span:first-child,
-.btn span:first-child,
-[type='submit'] span:first-child {
-  margin-right: 0.2rem; }
+.table tr:hover,
+.table.striped tbody tr:nth-child(even):hover {
+  background-color: rgba(216, 216, 216, 0.15); }
 
-button span:last-child,
-.btn span:last-child,
-[type='submit'] span:last-child {
-  margin-left: 0.2rem; }
+/* Thicker border for table header */
+.table thead th,
+.table thead {
+  border-bottom: 2px solid rgba(219, 219, 219, 0.49); }
 
-/* BUTTON GROUPS */
-/* Will group buttons with components in a single component */
-.btn-group {
-  /* -ms-flex-wrap: wrap; Deprecated 0.5.6, allow for overflow
-    flex-wrap: wrap; Wrap contents to next row on overflow */
-  display: -webkit-inline-box;
-  display: inline-flex;
-  display: -ms-inline-flexbox;
-  display: -webkit-inline-flex; }
+.table.bordered thead th,
+.table.bordered thead {
+  border-bottom: 1px solid rgba(219, 219, 219, 0.5); }
 
-.btn-group.btn-group-fill {
-  /* Makes the button group fill the width and proportion the buttons to fill the space */
-  display: -webkit-box;
-  display: flex;
-  display: -ms-flexbox; }
+.table thead th,
+.table tfoot th {
+  padding: 1rem; }
 
-.btn-group .btn,
-.btn-group button,
-.btn-group [type='submit'] {
-  -ms-flex: 1 0 auto;
-  -webkit-box-flex: 1;
-  flex: 1 0 auto;
-  margin: 0; }
+.table tfoot th {
+  border-top: 2px solid rgba(219, 219, 219, 0.5);
+  border-bottom: none; }
 
-.btn-group.btn-group-fill .btn,
-.btn-group.btn-group-fill button,
-.btn-group.btn-group-fill [type='submit'] {
-  -ms-flex: 1 0;
-  -webkit-box-flex: 1;
-  flex: 1 0;
-  /* Make the buttons fill the available width and proportion themselves */ }
+/* CUSTOM STYLES */
+/* All borders */
+.table.bordered td,
+.table.bordered th {
+  border: 1px solid rgba(219, 219, 219, 0.5); }
 
-.btn-group .btn:first-child:not(:last-child),
-.btn-group button:first-child:not(:last-child),
-.btn-group [type='submit']:first-child:not(:last-child) {
-  /* Style the first child in group > 1 buttons */
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0; }
+.table.bordered thead td,
+.table.borderd thead {
+  border-width: 1px; }
 
-.btn-group .btn:last-child:not(:first-child),
-.btn-group button:last-child:not(:first-child),
-.btn-group [type='submit']:last-child:not(:first-child) {
-  /* Style the last child in group > 1 buttons */
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
-  margin-left: -0.1rem; }
+/* Striped table */
+.table.striped tbody tr:nth-child(even) {
+  background-color: rgba(0, 0, 0, 0.05); }
 
-.btn-group .btn:not(:first-child):not(:last-child),
-.btn-group button:not(:first-child):not(:last-child),
-.btn-group [type='submit']:not(:first-child):not(:last-child) {
-  /* Style button in middle of group */
-  border-radius: 0;
-  /* Remove roundness from center buttons */
-  margin-left: -0.1rem; }
+/* Decrease padding */
+.table.small td,
+.table.small th {
+  padding: 0.25rem 0.75rem; }
 
-@media screen and (max-width: 768px) {
-  .btn-group {
-    display: flex;
-    flex-direction: column; }
-  .btn-group .btn,
-  .btn-group button,
-  .btn-group [type='submit'] {
-    margin-bottom: -1px; }
-  .btn-group .btn:first-child:not(:last-child),
-  .btn-group button:first-child:not(:last-child),
-  .btn-group [type='submit']:first-child:not(:last-child) {
-    border-radius: 0.25rem 0.25rem 0 0; }
-  .btn-group .btn:not(:first-child):not(:last-child),
-  .btn-group button:not(:first-child):not(:last-child),
-  .btn-group [type='submit']:not(:first-child):not(:last-child) {
-    margin-left: 0; }
-  .btn-group .btn:last-child:not(:first-child),
-  .btn-group button:last-child:not(:first-child),
-  .btn-group [type='submit']:last-child:not(:first-child) {
-    border-radius: 0 0 0.25rem 0.25rem;
-    margin-left: 0; } }
+/* Fixed title table */
+.table.fixed-head thead {
+  position: relative;
+  display: block; }
 
-/* CODE */
-code {
-  padding: 0.3rem;
-  margin: 0.5em 0;
+.table.fixed-head tbody {
+  height: 200px;
+  /* Set the height you want */
+  display: block;
+  /* Needed */
   overflow: auto;
-  background-color: var(--cirrus-code-bg);
-  color: var(--cirrus-code-fg);
-  border-radius: 3px; }
+  /* Shows scrollbars */ }
 
-/* Dark theme for code */
-code.dark {
-  background-color: var(--cirrus-dark);
+.table.fixed-head tr {
+  display: table;
+  width: 100%;
+  /* Forces row to span container */ }
+
+.table tr.selected {
+  /* Style a selected row */
+  background-color: var(--cirrus-primary);
   color: #fff; }
 
-code:before {
-  color: #acb3c2;
-  content: attr(data-lang);
-  font-size: 0.9rem;
-  position: absolute;
-  right: 1rem;
-  top: 0.7rem; }
+/* Borderless Table (for inner cells) */
+.table.borderless thead th,
+.table.borderless th,
+.table.borderless td {
+  border: none; }
 
-pre > code {
-  font-size: 14px;
-  display: block;
-  padding: 2rem 1.5rem 1rem;
-  white-space: pre-wrap;
-  word-wrap: break-word;
-  font-family: Consolas,Monaco,"Andale Mono",monospace;
-  text-align: left;
-  line-height: 1.5;
-  -moz-tab-size: 4;
-  tab-size: 4;
-  -moz-hyphens: none;
-  -ms-hyphens: none;
-  hyphens: none;
-  border-left: 0.3rem solid var(--cirrus-primary);
-  margin: 0;
-  position: relative;
-  color: #222; }
+/* Color scheme for Cirrus */
+:root {
+  /* v1 Colors */
+  --cirrus-fg: #374054;
+  --cirrus-bg: #fff;
+  --cirrus-primary: #f03d4d;
+  --cirrus-primary-rgb: 240,61,77;
+  --cirrus-primary-light: #ffdadd;
+  --cirrus-accent-hover: #d62939;
+  --cirrus-accent-border: #c21b2b;
+  --cirrus-light: #f6f9fc;
+  --cirrus-light-gray: #f8f9fa;
+  --cirrus-gray: #d5d7dc;
+  --cirrus-dark-gray: #909090;
+  --cirrus-dark: #363636;
+  --cirrus-link: #5e5cc7;
+  --cirrus-link-dark: #4643e2;
+  --cirrus-info: #2972fa;
+  --cirrus-success: #0dd157;
+  --cirrus-success-rgb: 13,209,87;
+  --cirrus-warning: #fab633;
+  --cirrus-danger: #fb4143;
+  --cirrus-light-hover: #d9e6f2;
+  --cirrus-dark-hover: #424242;
+  --cirrus-info-hover: #2368e9;
+  --cirrus-link-hover: #f8f7ff;
+  --cirrus-success-hover: #00b147;
+  --cirrus-warning-hover: #f9a90e;
+  --cirrus-danger-hover: #f1393c;
+  --cirrus-select-bg: rgba(0, 161, 255, 0.2);
+  --cirrus-code-bg: var(--cirrus-primary-light);
+  --cirrus-code-fg: #dc4753;
+  --cirrus-form-group-bg: var(--cirrus-light-gray);
+  --cirrus-form-group-fg: var(--cirrus-dark-gray);
+  --toast-primary-bg: rgba(49, 59, 80, 0.9);
+  --animation-duration: .2s;
+  --focus-opacity: 0.4;
+  --space-size: 0.5rem;
+  --font-size-xs: .7rem;
+  --font-size-s: .85rem;
+  --font-size-m: 1rem;
+  --font-size-l: 1.35rem;
+  --font-size-xl: 1.75rem;
+  /* v2 Colors */
+  --pink-100: #F8E7F1;
+  --pink-200: #F3D2E3;
+  --pink-300: #ECB7D3;
+  --pink-400: #EB8CBC;
+  --pink-500: #DD5A9C;
+  --pink-600: #D12E81;
+  --pink-700: #A21F61;
+  --pink-800: #831B50;
+  --pink-900: #741648;
+  --red-100: #FDE7E9;
+  --red-200: #FBD4D5;
+  --red-300: #F7B1B1;
+  --red-400: #F19393;
+  --red-500: #E85C61;
+  --red-600: #DB3839;
+  --red-700: #B31E1D;
+  --red-800: #9B1313;
+  --red-900: #890E10;
+  --orange-100: #FDEED1;
+  --orange-200: #FBDBAA;
+  --orange-300: #F6B65C;
+  --orange-400: #F19736;
+  --orange-500: #E4771C;
+  --orange-600: #C45307;
+  --orange-700: #9B3908;
+  --orange-800: #842B09;
+  --orange-900: #890E10;
+  --yellow-100: #FFFDE4;
+  --yellow-200: #F9E978;
+  --yellow-300: #F6DA52;
+  --yellow-400: #E8BB24;
+  --yellow-500: #D29507;
+  --yellow-600: #9D6B0C;
+  --yellow-700: #7C4D09;
+  --yellow-800: #6C3E0C;
+  --yellow-900: #5D320F;
+  --green-100: #E1F7EB;
+  --green-200: #C2ECD6;
+  --green-300: #98D9B7;
+  --green-400: #64C192;
+  --green-500: #44A675;
+  --green-600: #33855D;
+  --green-700: #27684A;
+  --green-800: #275440;
+  --green-900: #234535;
+  --teal-100: #DDF2F5;
+  --teal-200: #B5E6EB;
+  --teal-300: #7FCED5;
+  --teal-400: #59BAC3;
+  --teal-500: #1E9CA8;
+  --teal-600: #0F7D8A;
+  --teal-700: #0A616A;
+  --teal-800: #105157;
+  --teal-900: #114448;
+  --blue-100: #E1EFFC;
+  --blue-200: #BFDCFC;
+  --blue-300: #8BC2F8;
+  --blue-400: #5FA7F3;
+  --blue-500: #3C91EC;
+  --blue-600: #1B74D9;
+  --blue-700: #1E5898;
+  --blue-800: #1E4C80;
+  --blue-900: #1C3C63;
+  --indigo-100: #E2EFFF;
+  --indigo-200: #C4DBFD;
+  --indigo-300: #A1BEFA;
+  --indigo-400: #89A3F7;
+  --indigo-500: #6C83E9;
+  --indigo-600: #5966D9;
+  --indigo-700: #4C4F9E;
+  --indigo-800: #42417B;
+  --indigo-900: #3A3462;
+  --purple-100: #F0E9FB;
+  --purple-200: #E2D4F8;
+  --purple-300: #CBB2F6;
+  --purple-400: #B89AF4;
+  --purple-500: #9C73ED;
+  --purple-600: #8256E1;
+  --purple-700: #6340B6;
+  --purple-800: #50388E;
+  --purple-900: #413170;
+  --gray-000: #f8f9fa;
+  --gray-100: #f1f3f5;
+  --gray-200: #e9ecef;
+  --gray-300: #dee2e6;
+  --gray-400: #ced4da;
+  --gray-500: #adb5bd;
+  --gray-600: #868e96;
+  --gray-700: #495057;
+  --gray-800: #343a40;
+  --gray-900: #212529; }
 
-/* FONT */
-@import url("https://fonts.googleapis.com/css?family=Nunito:200,300,400,600,700");
-@import url("https://fonts.googleapis.com/css?family=Montserrat:400,700");
-h1 {
-  font-family: "Montserrat", sans-serif;
-  font-weight: 700;
-  line-height: 1.2;
-  margin-bottom: 1rem; }
+/* UTILS */
+/* Utility classes to help solve some very annoying issues */
+.u-hidden {
+  display: none !important; }
 
-h2 {
-  font-family: "Montserrat", sans-serif;
-  font-weight: 700;
-  line-height: 1.2;
-  margin-bottom: 1rem; }
-
-h3 {
-  font-family: "Montserrat", sans-serif;
-  font-weight: 700;
-  line-height: 1.2;
-  margin-bottom: 1rem; }
-
-h4 {
-  font-family: "Montserrat", sans-serif;
-  font-weight: 700;
-  line-height: 1.2;
-  margin-bottom: 1rem; }
-
-h5 {
-  font-family: "Montserrat", sans-serif;
-  font-weight: 700;
-  line-height: 1.2;
-  margin-bottom: 1rem; }
+.u-block {
+  display: block !important; }
 
-h6 {
-  font-family: "Montserrat", sans-serif;
-  font-weight: 700;
-  line-height: 1.2;
-  margin-bottom: 1rem; }
+.u-inline {
+  display: inline !important; }
 
-/* Silent header Deprecated 0.5.6
-h1 .silent,
-h2 .silent,
-h3 .silent,
-h4 .silent,
-h5 .silent,
-h6 .silent {
-  color: #788196;
-} */
-h1 {
-  font-size: 3rem;
-  letter-spacing: 0.025rem; }
+.u-inline-block {
+  display: inline-block !important; }
 
-h2 {
-  font-size: 2.5rem; }
+.u-flex {
+  display: flex !important; }
 
-h3 {
-  font-size: 2rem; }
+.u-flex.u-flex-column {
+  flex-direction: column !important; }
 
-h4 {
-  font-size: 1.75rem; }
+.u-flex.u-flex-row {
+  flex-direction: row !important; }
 
-h5 {
-  font-size: 1.5rem; }
+.u-inline-flex {
+  display: -ms-inline-flexbox !important;
+  display: inline-flex !important; }
 
-h6 {
-  font-size: 1.25rem; }
+.u-table {
+  display: table !important; }
 
-/* Headlines (for larger titles) */
-.headline-1 {
-  font-size: 6.5rem;
-  letter-spacing: 0.05rem; }
+.u-table-row {
+  display: table-row !important; }
 
-.headline-2 {
-  font-size: 5.5rem;
-  letter-spacing: 0.05rem; }
+.u-position-static {
+  position: static !important; }
 
-.headline-3 {
-  font-size: 4.5rem;
-  letter-spacing: 0.05rem; }
+.u-position-relative {
+  position: static !important; }
 
-.headline-4 {
-  font-size: 3.5rem;
-  letter-spacing: 0.025rem; }
+.u-position-absolute {
+  position: absolute !important; }
 
-strong {
-  font-weight: 700; }
+.u-position-fixed {
+  position: fixed !important; }
 
-.font-alt {
-  font-family: "Nunito Sans"; }
+.u-position-sticky {
+  position: sticky !important; }
 
-.content h1,
-.content h2,
-.content h3,
-.content h4,
-.content h5,
-.content h6 {
-  line-height: 1.125em;
-  margin: 1rem 0; }
+/*
+   When using floats, clearfix allows the container to automatically resize so that
+   other elements are not blocked by children.
+*/
+.u-clearfix:after {
+  clear: both !important;
+  content: " ";
+  display: table !important; }
 
-.title {
-  font-weight: bold; }
+/* This is mainly to keep elements from overlapping when using floats */
+.u-clear-left {
+  clear: left !important; }
 
-.title:not(:last-child),
-.subtitle:not(:last-child) {
-  margin-bottom: 1rem; }
+.u-clear-right {
+  clear: right !important; }
 
-.title + .subtitle {
-  /* Make the subtitlte closer to the title */
-  margin-top: -0.75rem; }
+.u-clear-both {
+  clear: both !important; }
 
-p,
-article,
-blockquote {
-  font-size: 1rem;
-  line-height: 2;
-  margin-bottom: 1rem; }
+.u-pull-left {
+  float: left !important; }
 
-p.lead {
-  font-size: 1.2rem; }
+.u-pull-right {
+  float: right !important; }
 
-blockquote {
-  margin-bottom: 1rem;
-  font-size: 1.25rem; }
+.u-text-center {
+  text-align: center !important; }
 
-blockquote {
-  background-color: #f5f5f5;
-  border-left: 5px solid #dbdbdb;
-  padding: 1rem 2rem;
-  border-radius: 3px; }
+.u-text-justify {
+  text-align: justify !important; }
 
-blockquote p {
-  margin: 0;
-  font-size: 0.95rem; }
+.u-text-ellipsis {
+  text-overflow: ellipsis; }
 
-/* Use default line-height for these texts and when line-height-inherit is specified */
-.card-tile p,
-.card-tile article,
-.card-tile blockquote {
-  line-height: inherit; }
+.u-text-break {
+  hyphens: auto;
+  word-break: break-word;
+  word-wrap: break-word; }
 
-cite {
-  opacity: 0.7; }
+/* Center element - best used for hero bodies or text */
+.u-center {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  margin: 0 auto;
+  flex-wrap: wrap; }
 
-mark,
-.mark {
-  padding: 0.2em;
-  background-color: #f0e8c4; }
+.u-center-alt,
+.u-center-alt:hover,
+.u-center-alt:active {
+  /* If flexbox method fails, this works for elements with unknown dimensions */
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%, -50%);
+  transform: translate(-50%, -50%); }
 
-/* Weights */
-.font-thin {
-  font-weight: 200; }
+.u-vertical-center {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  align-items: center;
+  vertical-align: middle; }
 
-.font-light {
-  font-weight: 300; }
+.u-horizontal-center {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center; }
 
-.font-normal {
-  font-weight: 400; }
+.u-overlay {
+  bottom: 0;
+  left: 0;
+  right: 0;
+  top: 0;
+  position: absolute; }
 
-.font-semibold {
-  font-weight: 600; }
+.u-hide-overflow {
+  overflow: hidden !important;
+  overflow-x: hidden;
+  overflow-y: hidden; }
 
-.font-bold {
-  font-weight: 700; }
+.u-text-center {
+  text-align: center !important; }
 
-.uppercase {
-  text-transform: uppercase; }
+.u-text-left {
+  text-align: left !important; }
 
-.lowercase {
-  text-transform: lowercase; }
+.u-text-right {
+  text-align: right !important; }
 
-.rtl {
-  direction: rtl; }
+.u-hide {
+  display: none !important; }
 
-.white {
-  color: #fff !important; }
+.u-disabled {
+  cursor: not-allowed !important; }
 
-.faded {
-  opacity: 0.75; }
+.u-unselectable {
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none; }
 
-.font-italic {
-  font-style: italic; }
+/* Deprecated 0.5.6 */
+/* .u-box {
+  background-color: white;
+  border-radius: 3px;
+  box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
+  display: block;
+  padding: 1rem;
+}
+
+.u-box:not(:last-child) {
+  margin-bottom: 1rem;
+} */
+/* Deprecated 0.5.6 */
+/* .u-fill-width {
+  width: 100% !important;
+} */
+/* Deprecated 0.5.6 */
+/*
+.u-no-margin {
+  margin: 0 !important;
+}
+
+.u-no-padding {
+  padding: 0 !important;
+}
+*/
+.u-margin-auto {
+  margin: 0 auto !important; }
 
-/* Font Awesome */
-.icon {
-  /* Usually used in spans */
-  display: inline-block;
-  /* font-size: 21px; Allow font sizes for icons to be overwritten */
-  /* line-height: 1.5rem; Allow line height to be inherited or overwritten */
-  text-align: center;
-  width: 1.5rem;
-  vertical-align: baseline; }
+/* Round the corners of the element */
+.u-round {
+  border-radius: 0.1rem; }
 
-.icon .fa-wrapper {
-  font-size: inherit;
-  vertical-align: middle; }
+/* Turns element into a circle */
+.u-circle {
+  border-radius: 50%; }
 
-.icon.x-small {
-  margin: 0.55rem 0 0 0.1rem; }
+/* Remove outline or drop shadow when element is focused */
+.u-no-shadow {
+  box-shadow: none; }
 
-.icon.small {
-  margin: 0.95rem 0 0 0.1rem; }
+/* Responsiveness and Element Hiding */
+/* Do the actual balancing only on larger screens */
+@media screen and (min-width: 769px) {
+  .level,
+  .level-left,
+  .level-right {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex; } }
 
-.info {
-  display: block;
-  font-size: var(--font-size-s);
-  margin-top: 0.25rem;
-  color: #979797; }
+/* Hide elements based on screen size */
+@media screen and (max-width: 768px) {
+  .u-hide-mobile {
+    display: none !important; } }
 
-.info.inline {
-  /* Keeps the extra info inline */
-  display: inline-block;
-  margin-left: 0.5rem; }
+@media screen and (min-width: 768px) {
+  /* Hide on devices that are tablets or larger */
+  .u-hide-tablet {
+    display: none !important; } }
 
-.caret {
-  display: inline-block;
-  width: 0;
-  height: 0;
-  margin-left: 2px;
-  vertical-align: middle;
-  border-top: 4px dashed;
-  border-top: 4px solid\9;
-  border-right: 4px solid transparent;
-  border-left: 4px solid transparent; }
+@media screen and (min-width: 769px) and (max-width: 1023px) {
+  .u-hide-tablet-only {
+    display: none !important; } }
 
-/* Other text elements */
-abbr[title] {
-  border-bottom: 0.1rem dotted;
-  cursor: help;
-  text-decoration: none; }
+@media screen and (min-width: 1024px) {
+  /* Hide element on laptops, desktops, etc */
+  .u-hide-desktop {
+    display: none !important; } }
 
-kbd {
-  background-color: var(--cirrus-fg);
-  border-radius: 0.2rem;
-  color: #fff;
-  display: inline-block;
-  line-height: 1;
-  padding: 0.5rem;
-  vertical-align: baseline; }
+/* ANIMATIONS */
+/* Spinning loading animation */
+@-webkit-keyframes loading {
+  from {
+    transform: rotate(0deg); }
+  to {
+    transform: rotate(359deg); } }
 
-/* MOBILE */
-@media (max-width: 650px) {
-  h1 {
-    font-size: 2.5rem; }
-  h2 {
-    font-size: 2rem; }
-  h3 {
-    font-size: 1.75rem; }
-  h4 {
-    font-size: 1.5rem; }
-  h5 {
-    font-size: 1.25rem; }
-  h6 {
-    font-size: 1rem; }
-  .headline-1 {
-    font-size: 3rem;
-    letter-spacing: 0.05rem; }
-  .headline-2 {
-    font-size: 2.75rem;
-    letter-spacing: 0.05rem; }
-  .headline-3 {
-    font-size: 2.5rem;
-    letter-spacing: 0.05rem; }
-  .headline-4 {
-    font-size: 2.25rem;
-    letter-spacing: 0.025rem; }
-  p,
-  article,
-  blockquote {
-    margin: 1rem 0; } }
+@keyframes loading {
+  from {
+    transform: rotate(0deg); }
+  to {
+    transform: rotate(359deg); } }
 
-/* FOOTER */
-.footer {
-  background-color: var(--gray-900);
-  padding: 6rem 0;
-  text-align: center;
-  margin-top: 5rem;
-  width: 100%; }
-  .footer.footer--fixed {
-    bottom: 0;
-    position: fixed; }
-  .footer a {
-    color: #fff;
-    font-weight: bolder; }
-  .footer p {
-    color: var(--gray-600); }
-  .footer ul {
-    margin: 0.5rem 0;
-    /* Remove the left margin seen in global style */ }
-  .footer .footer__title {
-    text-align: center;
-    letter-spacing: 6px;
-    position: relative;
-    padding-bottom: 10px; }
-  .footer .footer__list-title {
-    font-size: 75%;
-    text-transform: uppercase;
-    font-weight: bolder;
-    color: #ddd; }
-    .footer .footer__list-title::after {
-      content: '';
-      display: block;
-      width: 10%;
-      margin: auto;
-      border-bottom: 2px solid;
-      border-color: #343b49; }
-  .footer ul a .footer__list-item,
-  .footer .footer__list-item {
-    margin: 0.1rem;
-    color: var(--gray-600);
-    transition: all var(--animation-duration);
-    font-size: 75%;
-    text-transform: uppercase; }
+/* Hover animation */
+.hover-grow {
+  /* Mouse leave */
+  transition-duration: 0.32s; }
 
-/* FORMS */
-input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]),
-select {
-  width: 100%;
-  border: 1px solid #ddd;
-  border-radius: 3px;
-  color: #5a5a5a;
-  font-family: "Nunito Sans";
-  font-size: var(--font-size-m);
-  letter-spacing: 0.02rem;
-  transition: all 0.3s;
-  outline: none;
-  padding: 0.85rem 1.1rem; }
+.hover-grow:hover {
+  /* Mouse enter */
+  transform: scale(1.1);
+  transition-duration: 0.08s; }
 
-input[type="search"] {
-  -webkit-appearance: none;
-  /* Fix Safari issue */ }
+/* Loading button position relatively for loading spinner location */
+.animated.loading {
+  display: block;
+  position: relative; }
 
-textarea,
-textarea[type="text"] {
-  width: 100%;
-  border: 1px solid #ddd;
-  padding: 0.8rem;
-  border-radius: 3px;
-  font-family: "Nunito Sans";
-  font-size: var(--font-size-m);
-  letter-spacing: 0.02rem;
-  transition: all 0.3s;
-  outline: none;
-  margin: 0.5rem 0;
-  padding: 1rem 1.3rem;
-  min-height: 8rem;
-  line-height: 1.5rem;
-  resize: vertical; }
+/* Loading Spinner, align center by default */
+.animated.loading::after {
+  border: 2px solid #ccc;
+  border-radius: 50%;
+  border-right-color: transparent;
+  border-top-color: transparent;
+  content: "";
+  display: block;
+  height: 1rem;
+  width: 1rem;
+  left: calc(50% - (1em / 1.25));
+  top: calc(50% - (1em / 1.35));
+  position: absolute;
+  -webkit-animation: loading 500ms infinite linear;
+  animation: loading 500ms infinite linear; }
 
-input[type="color"] {
-  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
-  box-sizing: border-box;
-  transition: .3s;
-  outline: 0;
-  position: relative;
-  height: 3rem;
-  background-color: #fff;
-  padding: .55rem .8rem !important; }
-
-input:not([type=checkbox]):not([type=radio]):not([type=submit]):focus,
-select:focus,
-textarea:focus,
-textarea[type=text]:focus,
-input[type=text].input-focused,
-.input-focused {
-  border-color: #3dabf0;
-  box-shadow: 0 0 0 0.2rem rgba(61, 171, 240, var(--focus-opacity)), inset 0px 1px 8px rgba(0, 0, 0, 0.07); }
-
-select {
-  background-color: #fff;
-  border: 1px solid #ddd; }
-
-select[multiple] option {
-  padding: 0.2rem 0.4rem; }
-
-/* Fixes for Safari and other browsers for consistent UI */
-select.select:not([size]):not([multiple]) {
-  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%23667189'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E") no-repeat right 0.85rem center/0.5rem 0.6rem no-repeat;
-  -webkit-appearance: none; }
+.animated.loading.loading-white::after {
+  border-left-color: #fff;
+  border-bottom-color: #fff; }
 
-/* Search field */
-input[type="search"],
-input.search {
-  background-repeat: no-repeat;
-  background-position: left 0.6rem center;
-  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path opacity="0.45" d="M14.891,14.39l-0.5.5a0.355,0.355,0,0,1-.5,0L9.526,10.529a5.3,5.3,0,1,1,2.106-4.212,5.268,5.268,0,0,1-1.1,3.21l4.362,4.362A0.354,0.354,0,0,1,14.891,14.39ZM6.316,2.418a3.9,3.9,0,1,0,3.9,3.9A3.9,3.9,0,0,0,6.316,2.418Z"/></svg>');
-  /* NEEDS FIXING */
-  padding-left: 2rem !important; }
+/* Align spinner left */
+.animated.loading.loading-left::after {
+  left: 2rem;
+  right: auto; }
 
-input:not([class*="btn-"]):disabled, input:not([class*=" btn-"]):disabled:hover, select:disabled, textarea:disabled {
-  background-color: #f3f3f6;
-  cursor: not-allowed;
-  border: 1px solid #f3f3f6; }
+.animated.loading.loading-left {
+  padding-left: 4rem; }
 
-label:first-child:not(:last-child):not(.form-group-label) {
-  margin-right: 0.5rem; }
+/* Align spinner right */
+.animated.loading.loading-right::after {
+  left: auto;
+  right: 2rem; }
 
-label:not(:first-child):not(:last-child):not(.form-group-label) {
-  margin: 0 0.5rem; }
+.animated.loading.loading-right {
+  padding-right: 4rem; }
 
-label:last-child:not(:first-child):not(.form-group-label) {
-  margin-left: 0.5rem; }
+/* Hide text in loading button */
+.animated.loading.hide-text {
+  color: transparent !important; }
 
-/* Required asterisk */
-.required {
-  /* Use this in a span or a div */
-  position: relative;
-  top: 1px;
-  font-weight: bold;
-  color: #f03c69;
-  padding-left: 0.1rem; }
+/* Heart animation */
+@-webkit-keyframes pound {
+  to {
+    transform: scale(1.1); } }
 
-.label:not(:last-child) {
-  margin-bottom: 0; }
+@keyframes pound {
+  to {
+    transform: scale(1.1); } }
 
-.label {
-  color: #4a4a4a;
-  display: inline-block;
-  /* changed from block */
-  font-weight: bold;
-  margin-top: 0.8rem; }
+.animated.pulse {
+  animation: pound 0.35s infinite alternate;
+  -webkit-animation: pound 0.35s infinite alternate;
+  vertical-align: baseline; }
 
-.input-success {
-  background-color: rgba(0, 224, 0, 0.05) !important;
-  border-color: var(--cirrus-success) !important; }
+/* Bounce animations */
+@-webkit-keyframes bounce {
+  from,
+  20%,
+  53%,
+  80%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    /* Ease-out based on power of four */
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0); }
+  40%,
+  43% {
+    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    -webkit-transform: translate3d(0, -30px, 0);
+    transform: translate3d(0, -30px, 0); }
+  70% {
+    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    -webkit-transform: translate3d(0, -15px, 0);
+    transform: translate3d(0, -15px, 0); }
+  90% {
+    -webkit-transform: translate3d(0, -4px, 0);
+    transform: translate3d(0, -4px, 0); } }
 
-.input-success:not([type=checkbox]):not([type=radio]):not([type=submit]):focus, .btn-success:focus {
-  box-shadow: 0 0 0 0.2rem rgba(76, 175, 80, var(--focus-opacity)), inset 0px 1px 8px rgba(0, 0, 0, 0.07); }
+@keyframes bounce {
+  from,
+  20%,
+  53%,
+  80%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    /* Ease-out based on power of four */
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0); }
+  40%,
+  43% {
+    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    -webkit-transform: translate3d(0, -30px, 0);
+    transform: translate3d(0, -30px, 0); }
+  70% {
+    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    -webkit-transform: translate3d(0, -15px, 0);
+    transform: translate3d(0, -15px, 0); }
+  90% {
+    -webkit-transform: translate3d(0, -4px, 0);
+    transform: translate3d(0, -4px, 0); } }
 
-.input-error {
-  background-color: rgba(244, 67, 54, 0.05) !important;
-  border-color: var(--cirrus-danger) !important; }
+.animated.bounce {
+  animation-name: bounce;
+  -webkit-animation-name: bounce;
+  transform-origin: center bottom;
+  -webkit-transform-origin: center bottom; }
 
-.input-error:not([type=checkbox]):not([type=radio]):not([type=submit]):focus, .btn-error:focus {
-  box-shadow: 0 0 0 0.2rem rgba(244, 67, 54, var(--focus-opacity)), inset 0px 1px 8px rgba(0, 0, 0, 0.07); }
+@keyframes bounceIn {
+  from,
+  20%,
+  40%,
+  60%,
+  80%,
+  to {
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
+  0% {
+    opacity: 0;
+    transform: scale3d(0.3, 0.3, 0.3); }
+  20% {
+    transform: scale3d(1.1, 1.1, 1.1); }
+  40% {
+    transform: scale3d(0.9, 0.9, 0.9); }
+  60% {
+    opacity: 1;
+    transform: scale3d(1.03, 1.03, 1.03); }
+  80% {
+    transform: scale3d(0.97, 0.97, 0.97); }
+  to {
+    opacity: 1;
+    transform: scale3d(1, 1, 1); } }
 
-/* Input Field Sizes */
-input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-xsmall,
-select.input-xsmall {
-  font-size: var(--font-size-xs);
-  padding: 0.35rem 0.9rem; }
+.animated.bounceIn {
+  animation-name: bounceIn; }
 
-input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-small,
-select.input-small {
-  font-size: var(--font-size-s);
-  padding: 0.55rem 1rem; }
+@-webkit-keyframes fadeIn {
+  from {
+    opacity: 0; }
+  to {
+    opacity: 1; } }
 
-input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-large,
-select.input-large {
-  font-size: var(--font-size-l); }
+@keyframes fadeIn {
+  from {
+    opacity: 0; }
+  to {
+    opacity: 1; } }
 
-input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-xlarge,
-select.input-xlarge {
-  font-size: var(--font-size-xl); }
+.animated.fadeIn {
+  -webkit-animation-name: fadeIn;
+  animation-name: fadeIn; }
 
-/* Select sizes */
-select.input-xsmall {
-  padding: 0.65rem 0.9rem; }
+.animated {
+  -webkit-animation-duration: 1s;
+  animation-duration: 1s;
+  -webkit-animation-fill-mode: both;
+  animation-fill-mode: both; }
 
-select.input-small {
-  padding: 0.75rem 1rem; }
+.animated.infinite {
+  -webkit-animation-iteration-count: infinite;
+  animation-iteration-count: infinite; }
 
-select.input-large {
-  padding: 0.95rem 1.2rem; }
+.animated.infinite.alternate {
+  animation-direction: alternate; }
 
-select.input-xlarge {
-  padding: 1.05rem 1.3rem; }
+.animated.paused {
+  -webkit-animation-play-state: paused !important;
+  /* Safari 4.0 - 8.0 */
+  animation-play-state: paused !important; }
 
-/* Used for when the input controls have another control adjacent to it but we want to position it inside the input field like font-awesome glyphs. As of 0.5.2, it is the default container for input fields. */
-.input-control {
+/* Avatar */
+.avatar {
+  border-radius: 50%;
   position: relative;
-  margin: 0.5rem 0; }
+  display: block;
+  margin: auto;
+  font-size: 1rem;
+  font-weight: lighter;
+  width: 3.2rem;
+  height: 3.2rem;
+  background-color: var(--cirrus-primary);
+  overflow: hidden; }
 
-/* Hold Font Awesome glyphs inside input fields */
-/* More sizes coming soon */
-input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon,
-input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-left {
-  padding-left: 2.75rem; }
-
-input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-right {
-  padding-right: 2.75rem; }
-
-input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon.input-xsmall,
-input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-right.input-xsmall {
-  padding-left: 2rem; }
-
-input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon.input-xsmall ~ .icon,
-input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-left.input-xsmall ~ .icon,
-input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-right.input-xsmall ~ .icon.icon-right {
-  line-height: 1.75rem;
-  width: 1.75rem;
-  font-size: 7px; }
-
-input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon.input-small,
-input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-right.input-small {
-  padding-left: 2.5rem; }
-
-input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon.input-small ~ .icon,
-input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-left.input-small ~ .icon,
-input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-right.input-small ~ .icon.icon-right {
-  line-height: 2rem;
-  width: 2.5rem;
-  font-size: 14px; }
-
-input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon.input-large,
-input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-right.input-large {
-  padding-left: 3.5rem; }
-
-input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon.input-large ~ .icon,
-input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-left.input-large ~ .icon,
-input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-right.input-large ~ .icon.icon-right {
-  line-height: 3.5rem;
-  width: 3.5rem;
-  font-size: 28px; }
-
-input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon.input-xlarge,
-input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-right.input-xlarge {
-  padding-left: 4rem; }
+/* Draw text on image just like in Gmail */
+.avatar::before {
+  content: attr(data-text);
+  color: #fff;
+  /* Removed z-index: 1, makes text blurry */
+  left: 50%;
+  top: 50%;
+  position: absolute;
+  transform: translate(-50%, -50%);
+  -webkit-transform: translate(-50%, -50%);
+  -moz-transform: translate(-50%, -50%);
+  -ms-transform: translate(-50%, -50%); }
 
-input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon.input-xlarge ~ .icon,
-input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-left.input-xlarge ~ .icon,
-input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-right.input-xlarge ~ .icon.icon-right {
-  line-height: 2.5rem;
-  width: 3.75rem;
-  font-size: 35px; }
+.avatar.avatar--xsmall {
+  font-size: 0.8rem;
+  width: 1.6rem;
+  height: 1.6rem; }
 
-.input-contains-icon ~ .icon {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 100%; }
+.avatar.avatar--small {
+  font-size: 1rem;
+  height: 2.4rem;
+  width: 2.4rem; }
 
-.input-contains-icon ~ .icon:not(.icon-right),
-.input-contains-icon-left ~ .icon.icon-left {
-  /* Nomral input only */
-  position: absolute;
+.avatar.avatar--large {
+  font-size: 2rem;
+  height: 4.8rem;
+  width: 4.8rem; }
+
+.avatar.avatar--xlarge {
+  font-size: 2.6rem;
+  height: 6.4rem;
+  width: 6.4rem; }
+
+.avatar img.padded {
+  padding: 0.5rem;
+  width: 100%; }
+
+/* CARDS */
+.card {
+  background-color: #fff;
+  border-radius: 5px;
+  position: relative;
+  overflow: hidden;
+  transition: all .3s;
+  backface-visibility: hidden;
+  box-shadow: 0px 5px 12px 0 rgba(42, 51, 83, 0.12), 0px 0px 5px rgba(0, 0, 0, 0.06);
+  margin-bottom: 1rem; }
+
+.card:hover {
+  transition: all .3s;
+  box-shadow: 0px 8px 20px 0 rgba(42, 51, 83, 0.12), 0 5px 5px rgba(0, 0, 0, 0.06); }
+
+.slide-up:hover .card-image {
+  transform: translateY(-40px); }
+
+.card:hover .card-image::after {
+  opacity: 0; }
+
+.card-image {
+  bottom: 0;
   left: 0;
+  position: absolute;
+  right: 0;
   top: 0;
-  width: 3rem;
-  z-index: 1; }
+  border-radius: 5px 5px 0 0;
+  background-size: cover;
+  background-repeat: no-repeat;
+  -webkit-transition: all 0.3s ease-in-out;
+  -moz-transition: all 0.3s ease-in-out;
+  -ms-transition: all 0.3s ease-in-out;
+  transition: all 0.3s ease-in-out; }
 
-.input-contains-icon-right ~ .icon.icon-right {
+.card-image::after {
+  content: '';
+  display: block;
   position: absolute;
-  pointer-events: none;
-  line-height: 2.75rem;
-  vertical-align: baseline;
+  background-color: rgba(0, 0, 0, 0.1);
   top: 0;
+  left: 0;
   right: 0;
-  width: 3rem;
-  z-index: 1; }
+  -webkit-transition: all 500ms;
+  transition: all 500ms;
+  bottom: 0; }
 
-/* Form section just adds extra spacing between form elements tiled vertically */
-.form-section:not(:last-child) {
-  margin-bottom: 0.5rem; }
+.card-container {
+  display: block;
+  position: relative;
+  height: 40%;
+  min-height: 332px;
+  /* So it appears in html5 standards mode */ }
 
-/* A flexbox version of form-section for inline forms */
-.form-section.section-inline {
-  display: flex; }
+.card .title-container .title,
+.card .title-container .subtitle {
+  color: #fff;
+  margin: 1rem auto; }
 
-.form-section.section-inline label:not(.form-group-label),
-.form-section.section-inline button {
-  align-items: center;
-  flex-grow: 0;
-  /* Keep it from taking up extra space */
-  display: flex;
-  flex-shrink: 0; }
+.card .title-container {
+  position: absolute;
+  bottom: 1rem;
+  width: 100%;
+  padding: 0 1rem; }
 
-.form-section.section-inline input,
-.form-section.section-inline .section-body {
-  align-items: center;
+.card .title-container .title {
+  font-weight: 300;
+  font-size: 1.5rem;
+  margin-bottom: 0;
+  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); }
+
+/* Allow for the cards to have the same height when u-flex is used on the card */
+.card.u-flex .content {
   flex-grow: 1; }
 
-/* Form groups that group inputs with other controls. */
-.form-group {
-  display: flex;
-  display: -ms-flexbox;
-  margin: 0.5rem 0;
-  /* Add margin to the container since they have been removed from children */ }
+.card .action-bar {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  padding: 0.5rem;
+  border-top: 1px solid #e0e0e0;
+  box-sizing: border-box;
+  -webkit-transition: left 200ms cubic-bezier(0.075, 0.82, 0.165, 1);
+  transition: left 200ms cubic-bezier(0.075, 0.82, 0.165, 1); }
 
-/* Fixes the text width being cut off */
-.form-group .form-group-btn {
-  -webkit-flex: 1 0 auto;
-  -ms-flex: 1 0 auto;
-  flex: 1 0 auto;
-  margin-bottom: 0; }
+/* Add some padding to the buttons */
+.card .action-bar button,
+.card .action-bar .btn,
+.card .action-bar [type='submit'] {
+  margin: 0 0.5rem; }
 
-/* This is just an extended portion of an input which is just like a label and is read only */
-/* This will style the controls if they are the leftmost control in the form group for labels, inputs, and buttons. */
-.form-group .form-group-label:first-child:not(:last-child),
-.form-group .form-group-input:first-child:not(:last-child),
-.form-group .form-group-btn:first-child:not(:last-child) {
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0; }
+.card .action-bar + .card-footer {
+  padding: 1rem 0;
+  border-top: 1px solid #e0e0e0; }
 
-/* Style the middle controls */
-.form-group .form-group-label:not(:first-child):not(:last-child),
-.form-group .form-group-input:not(:first-child):not(:last-child),
-.form-group .form-group-btn:not(:first-child):not(:last-child) {
-  border-radius: 0;
-  margin-left: -0.1rem;
-  margin-right: -0.1rem;
-  /* Remove spacing in middle controls */ }
+.card button,
+.card .btn {
+  display: inline-block;
+  border-color: transparent; }
 
-/* Handles right most control in form group */
-.form-group .form-group-label:last-child:not(:first-child),
-.form-group .form-group-input:last-child:not(:first-child),
-.form-group .form-group-btn:last-child:not(:first-child) {
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
-  margin-left: -0.1rem; }
+.card button:hover,
+.card .btn:hover {
+  -webkit-transform: none;
+  transform: none; }
 
-/* Form group controls */
-.form-group-label {
-  background-color: var(--cirrus-form-group-bg);
-  border: 1px solid #ddd;
-  border-radius: 0.2rem;
-  color: var(--cirrus-form-group-fg);
-  margin: 0;
-  padding: 0.8rem;
-  user-select: none; }
+.card button:focus,
+.card .btn:focus {
+  -webkit-transform: none;
+  transform: none; }
 
-.form-group-label.label-xsmall {
-  font-size: 0.55rem;
-  padding: 0.5rem 0.9rem; }
+/* More card components in second example */
+.mobile-title {
+  position: absolute;
+  left: 0;
+  background-color: var(--cirrus-bg);
+  -moz-transition: .3s ease-in-out;
+  -ms-transition: all .3s ease-in-out;
+  transition: .3s ease-in-out;
+  width: 100%;
+  padding: 2rem 0 0 0;
+  backface-visibility: hidden; }
 
-.form-group-label.label-small {
-  font-size: 0.75rem;
-  padding: 0.55rem 1rem; }
+.card:hover .mobile-title {
+  margin-top: -7rem;
+  -webkit-transition: all 0.3s ease-in-out;
+  -moz-transition: all 0.3s ease-in-out;
+  -ms-transition: all 0.3s ease-in-out;
+  transition: all 0.3s ease-in-out; }
 
-.form-group-label.label-large {
-  font-size: 1.5rem; }
+.card:hover .card-body {
+  opacity: 1;
+  -webkit-transition: all 0.3s ease-in-out;
+  -moz-transition: all 0.3s ease-in-out;
+  -ms-transition: all 0.3s ease-in-out;
+  transition: all 0.3s ease-in-out; }
 
-.form-group-label.label-xlarge {
-  font-size: 2rem; }
+.card-body {
+  opacity: 0;
+  -webkit-transition: all var(--animation-duration) ease-in-out;
+  -moz-transition: all var(--animation-duration) ease-in-out;
+  -ms-transition: all var(--animation-duration) ease-in-out;
+  transition: all var(--animation-duration) ease-in-out; }
 
-/* Keeps inputs in form group above other components */
-.form-group-input {
-  z-index: 1; }
+.card-footer {
+  position: relative;
+  font-size: 0.75rem;
+  color: #9fa5a8; }
 
-/* Change place holder color */
-::-moz-placeholder {
-  color: #a9a9a9;
-  /* Lighter than the default */ }
+.card p {
+  margin: 1rem 0;
+  /*max-height: 8rem; /* Prevents ridiculously looking cards */ }
 
-::-webkit-input-placeholder {
-  color: #a9a9a9;
-  /* Lighter than the default */ }
+/*
+    NOTE: To have cards with the same height, place the card class with col-x classes and have the parent have fluid-container.
+*/
+/* Card Title Bar */
+.card-head {
+  align-items: stretch;
+  -webkit-box-align: stretch;
+  -ms-flex-align: stretch;
+  display: flex;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  border-bottom: 1px solid #e0e0e0; }
 
-@media screen and (max-width: 768px) {
-  /* Remove flex in form-section */
-  .form-section.section-inline {
-    display: inherit; } }
-
-/* Separate CSS file, but same part as Layout */
-/* The base container that is similar in structure to a card but more flexible */
-.frame {
-  display: flex;
+.card-head-title {
+  align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  display: -webkit-box;
   display: -ms-flexbox;
-  flex-direction: column;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  border-radius: 3px;
-  box-shadow: 0 0.2rem 1.25rem 0 rgba(27, 30, 36, 0.07); }
+  display: flex;
+  -webkit-box-flex: 1;
+  -ms-flex-positive: 1;
+  flex-grow: 1;
+  font-weight: 700;
+  padding: 0 1rem; }
 
-/* For the frame header and footer, use flex display */
-.frame .frame__header,
-.frame .frame__footer {
-  flex: 0 0 auto;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  padding: 1rem; }
+/* EXTENDED FORM */
+/* Base class layout for extended form */
+.form-ext-control {
+  display: block;
+  min-height: 1.5rem;
+  padding-left: 1.5rem;
+  position: relative; }
 
-/* The frame navbar can be used with level or header classes to create a navigation menu */
-.frame .frame__nav {
-  flex: 0 0 auto;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto; }
+/* Hides the original input */
+.form-ext-input {
+  opacity: 0;
+  position: absolute;
+  z-index: -1; }
 
-.frame .frame__body {
-  flex: 1 1 auto;
-  -webkit-flex: 1 1 auto;
-  -ms-flex: 1 1 auto;
-  overflow-y: auto;
-  /* Show the scrollbar when needed */
-  padding: 0 1.5rem; }
+.form-ext-input:disabled ~ .form-ext-label {
+  opacity: 0.4; }
 
-.frame .frame__title {
-  color: var(--cirrus-fg);
-  font-size: var(--font-size-m);
-  margin: .75rem auto 0; }
+.form-ext-control .form-ext-input.form-ext-input--success:checked ~ .form-ext-label:before {
+  background-color: var(--cirrus-success); }
 
-.frame .frame__subtitle {
-  color: rgba(55, 64, 84, 0.6);
-  font-size: var(--font-size-s);
-  margin: .25rem auto .75rem; }
+.form-ext-control .form-ext-input.form-ext-input--success:checked ~ .form-ext-label {
+  color: var(--cirrus-success); }
 
-/* HEADER */
-.header {
-  -webkit-box-flex: 1;
-  -ms-flex-positive: 1;
-  flex-grow: 1;
-  -ms-flex-negative: 0;
-  width: 100%;
-  z-index: 100;
-  margin-bottom: 20px;
-  box-shadow: 0 3px 15px rgba(57, 63, 72, 0.1);
-  background-color: var(--cirrus-bg);
-  max-height: 100vh;
-  padding: 0 2rem;
-  transition: all .3s;
-  /* Remove any padding set for headers in default.scss */ }
-  .header h1 {
-    margin: 0; }
-  .header h2 {
-    margin: 0; }
-  .header h3 {
-    margin: 0; }
-  .header h4 {
-    margin: 0; }
-  .header h5 {
-    margin: 0; }
-  .header h6 {
-    margin: 0; }
+.form-ext-control .form-ext-input.form-ext-input--error:checked ~ .form-ext-label:before {
+  background-color: var(--cirrus-danger); }
 
-.header a {
-  color: #8292a2; }
+.form-ext-control .form-ext-input.form-ext-input--error:checked ~ .form-ext-label {
+  color: var(--cirrus-danger); }
 
-.header a:hover {
-  color: #697888; }
+.form-ext-label {
+  margin-bottom: 0;
+  position: relative; }
 
-/* Header dark theme */
-.header-dark {
-  background-color: rgba(0, 0, 0, 0.87);
-  color: #fff; }
+/* Base of custom form inputs */
+.form-ext-label:before,
+.form-ext-label:after {
+  content: "";
+  display: block;
+  height: 1rem;
+  left: -1.5rem;
+  position: absolute;
+  top: .3rem;
+  transition: all var(--animation-duration);
+  width: 1rem; }
 
-.header-clear {
-  background-color: transparent;
-  box-shadow: none; }
+.form-ext-label:before {
+  background-color: var(--cirrus-light);
+  border: 1px solid #d5d7dc;
+  border-radius: .25rem;
+  pointer-events: none;
+  user-select: none;
+  box-sizing: border-box; }
 
-/* Add transition to nav menu when it drops down */
-.header.header-animated .header-nav {
-  -webkit-transition: background 0.4s ease, height 0.4s ease;
-  transition: background 0.4s ease, height 0.4s ease;
-  -webkit-transition-property: background, height;
-  transition-property: background, height;
-  -webkit-transition-duration: 0.4s, 0.4s;
-  transition-duration: 0.4s, 0.4s;
-  -webkit-transition-timing-function: ease, ease;
-  transition-timing-function: ease, ease;
-  -webkit-transition-delay: initial, initial;
-  transition-delay: initial, initial;
-  -webkit-transition: all 0.3s;
-  transition: all 0.3s; }
+.form-ext-label:after {
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: 50% 50%; }
 
-.header-brand {
-  -webkit-overflow-scrolling: touch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-  max-width: 100vw;
-  min-height: 3.25rem;
-  overflow-x: auto;
-  overflow-y: hidden; }
+/* Checked state */
+.form-ext-control .form-ext-input:checked ~ .form-ext-label:before {
+  background-color: var(--cirrus-primary); }
 
-/* The container that contains all the header menu components. Child of header */
-.header-nav {
-  /* Flex display 768px and higher */
-  overflow: auto; }
+/* Checkbox */
+.form-ext-control.form-ext-checkbox .form-ext-input:checked ~ .form-ext-label:after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); }
 
-/* Styles for header menu (aka the nav bar) */
-.nav-menu {
-  -webkit-transition: all 0.3s;
-  transition: all 0.3s; }
+.form-ext-checkbox .form-ext-label:before {
+  border-radius: .25rem; }
 
-.nav-item.has-sub {
-  position: relative; }
+/* Radio Button */
+.form-ext-control.form-ext-radio .form-ext-input:checked ~ .form-ext-label:after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E"); }
 
-/* Allow the user to scroll through navbar items if it exceeds nav-left, nav-center, or nav-right widths */
-.nav-overflow-x {
-  -webkit-box-pack: inherit;
-  -ms-flex-pack: inherit;
-  justify-content: inherit;
-  overflow-x: scroll; }
+.form-ext-radio .form-ext-label:before {
+  border-radius: 50%; }
 
-/* Static header at the top of the screen */
-.header-fixed {
-  position: fixed;
-  top: 0;
-  /* Change this if you want to float the header somewhere else */ }
+/* Toggle Switches */
+.form-ext-toggle {
+  cursor: pointer;
+  position: relative; }
 
-/* Wrapper to vertically center header items */
-.nav-item {
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-flex: 0;
-  -ms-flex-positive: 0;
-  flex-grow: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-  -webkit-box-pack: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-transition: all 0.3s;
-  transition: all 0.3s;
-  padding: 0 0.3rem;
-  cursor: pointer; }
+.form-ext-toggle input[type="checkbox"],
+.form-ext-toggle input[type="radio"] {
+  opacity: 0;
+  position: absolute;
+  z-index: -1; }
 
-.nav-item a {
+.form-ext-toggle__label {
   align-items: center;
-  display: flex; }
+  display: flex;
+  justify-content: space-between; }
 
-/* Hover effect for header elements when appropriate */
-.header:not(.header-clear) .nav-item:not(.no-hover):hover,
-.header:not(.header-clear) .nav-item:not(.no-hover).hovered {
-  -webkit-transition: all 0.3s;
-  transition: all 0.3s;
-  background-color: rgba(216, 216, 216, 0.15); }
+.form-ext-toggle__toggler {
+  border: 1px solid var(--cirrus-gray);
+  border-radius: 6.25rem;
+  color: var(--cirrus-gray);
+  display: block;
+  font-size: 9px;
+  height: 1.5rem;
+  position: relative;
+  width: 3rem; }
 
-.header:not(.header-clear) .nav-item.active,
-.header:not(.header-clear) .nav-item.active:hover {
-  background-color: rgba(216, 216, 216, 0.35); }
+.form-ext-toggle input[type="checkbox"]:checked + .form-ext-toggle__toggler,
+.form-ext-toggle input[type="checkbox"]:checked + * .form-ext-toggle__toggler,
+.form-ext-toggle input[type="radio"]:checked + .form-ext-toggle__toggler,
+.form-ext-toggle input[type="radio"]:checked + * .form-ext-toggle__toggler {
+  background-color: var(--cirrus-primary);
+  border-color: var(--cirrus-primary);
+  color: #fff;
+  position: relative;
+  transition: all .4s ease; }
 
-/* HEADER DROP DOWN MENU */
-.nav-item .dropdown-menu {
-  background-color: var(--cirrus-bg);
-  position: absolute;
-  top: 95%;
-  /*right: 0; /* Unable to solve problem when we have multiple drop down menus */
-  z-index: 1000;
-  float: left;
-  min-width: 160px;
-  padding: 5px 0;
-  margin: 2px 0 0;
-  font-size: 14px;
-  text-align: left;
-  list-style: none;
-  background-clip: padding-box;
-  border: 1px solid #eee;
-  border-radius: 0 0 4px 4px;
-  box-shadow: 0 0.5rem 1rem rgba(10, 10, 10, 0.1); }
-
-/* Add border radius to whole menu with clear header */
-.header.header-clear .nav-item .dropdown-menu {
-  border-radius: 4px; }
+.form-ext-toggle i {
+  display: inline-block; }
 
-/* Just add a transition in general */
-.nav-item .dropdown-menu.dropdown-animated {
-  -webkit-transition: all var(--animation-duration);
-  transition: all var(--animation-duration); }
+.form-ext-input:disabled ~ .form-ext-toggle__toggler {
+  opacity: 0.5; }
 
-/* Dropdown menu location adjustment located below for sizes above phones */
-/* Dropdown menu indicator */
-.nav-item.has-sub .nav-dropdown-link::after {
-  border: 2px solid var(--cirrus-primary);
-  /* Must be first to create the triangle shape */
-  border-right: 0;
-  /* Create the triangle effect */
-  border-top: 0;
+.form-ext-toggle__toggler i::before,
+.form-ext-toggle__toggler i::after {
+  content: "";
   display: block;
-  height: 0.5em;
-  width: 0.5em;
-  content: " ";
-  -webkit-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  pointer-events: none;
-  margin-top: -0.435em;
-  right: 1.125em;
-  top: 50%;
   position: absolute; }
 
-/* Add room for the dropdown chevron pseudoelement */
-.nav-item.has-sub .nav-dropdown-link {
-  padding-right: 2.5rem;
-  position: relative;
-  /* Needed for hiding glyphs in mobile header */ }
-
-/* Dark dropdown menu theme */
-.nav-item .dropdown-menu.dropdown-dark,
-.header-dark .dropdown-menu {
-  background-color: rgba(0, 0, 0, 0.87);
-  border: 1px solid #333;
-  color: #fff; }
-
-.dropdown-menu.dropdown-shown,
-.nav-item.active {
-  opacity: 1; }
-
-.dropdown-menu > li > a {
-  display: block;
-  padding: 0.5rem 1rem;
-  clear: both;
-  line-height: 1.42857143;
-  white-space: nowrap; }
-
-/* Theme for dark menu */
-.header-dark .nav-item a,
-.header-dark .dropdown-menu > li > a {
-  color: #fff; }
-
-.dropdown-menu > li {
-  margin: 0;
-  -webkit-transition: all 0.3s;
-  transition: all 0.3s; }
-
-.dropdown-menu > li:hover {
-  -webkit-transition: all 0.3s;
-  transition: all 0.3s;
-  background-color: rgba(216, 216, 216, 0.15); }
-
-.dropdown-menu > li:active {
-  -webkit-transition: all 0.3s;
-  transition: all 0.3s;
-  background-color: rgba(216, 216, 216, 0.25); }
+.form-ext-toggle__toggler i::before {
+  /* TODO SET CONTENT */
+  content: attr(data-uncheck-icon);
+  padding: 2px 7px;
+  line-height: 18px;
+  text-align: right;
+  top: 0;
+  width: 65%;
+  font-size: 12px; }
 
-.dropdown-menu > li:last-child {
-  margin-bottom: 0; }
+.form-ext-toggle__toggler i::after {
+  background-color: var(--cirrus-gray);
+  border-radius: 50%;
+  height: 16px;
+  left: 4px;
+  width: 16px;
+  transform: translateY(-50%);
+  transition: left var(--animation-duration) ease;
+  text-align: left; }
 
-.dropdown-menu .dropdown-menu-divider {
-  border: none;
-  background-color: rgba(216, 216, 216, 0.15);
-  height: 1px;
-  margin: 0.5rem 0; }
+.form-ext-control .form-ext-input:checked ~ .form-ext-label:before {
+  border: none; }
 
-.nav-btn {
-  cursor: pointer;
-  display: block;
-  height: 3.5rem;
-  position: relative;
-  width: 3.5rem; }
+.form-ext-toggle input[type="checkbox"]:checked + .form-ext-toggle__toggler i::after,
+.form-ext-toggle input[type="checkbox"]:checked + * .form-ext-toggle__toggler i::after,
+.form-ext-toggle input[type="radio"]:checked + .form-ext-toggle__toggler i::after,
+.form-ext-toggle input[type="radio"]:checked + * .form-ext-toggle__toggler i::after {
+  background-color: #fff;
+  left: calc(100% - 20px); }
 
-.header .btn,
-.header button,
-.header input[type="submit"] {
-  margin: 0; }
+.form-ext-toggle input[type="checkbox"]:checked + .form-ext-toggle__toggler i::before,
+.form-ext-toggle input[type="checkbox"]:checked + * .form-ext-toggle__toggler i::before,
+.form-ext-toggle input[type="radio"]:checked + .form-ext-toggle__toggler i::before,
+.form-ext-toggle input[type="radio"]:checked + * .form-ext-toggle__toggler i::before {
+  color: #fff;
+  content: attr(data-check-icon);
+  text-align: left; }
 
-@media screen and (min-width: 769px) {
-  .header {
-    -webkit-box-align: stretch;
-    /* Box Align and align items to stretch to make nav-items fill up parent height */
-    -ms-flex-align: stretch;
-    align-items: stretch;
-    display: -webkit-box;
-    display: -ms-flexbox; }
-  .header-nav {
-    -webkit-box-flex: 1;
-    -ms-flex-positive: 1;
-    flex-grow: 1;
-    -ms-flex-negative: 0;
-    -webkit-box-align: stretch;
-    -ms-flex-align: stretch;
-    align-items: stretch;
-    /* Make items fill up all available space regardless of width https://drafts.csswg.org/css-align/ */
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    position: relative;
-    text-align: center;
-    width: 100%;
-    top: 0;
-    overflow: visible;
-    /* Only visible for showing dropdown menus, hidden for mobile */ }
-  /* These styles can also be used on menus in the body */
-  .nav-left,
-  .nav-right {
-    -webkit-box-align: stretch;
-    -ms-flex-align: stretch;
-    -ms-grid-row-align: stretch;
-    align-items: stretch;
-    -ms-flex-preferred-size: 0;
-    flex-basis: 0;
-    -webkit-box-flex: 1;
-    -ms-flex-positive: 1;
-    flex-grow: 1;
-    -ms-flex-negative: 0;
-    flex-shrink: 0;
-    /*overflow: hidden;*/ }
-  /* Align items to the left */
-  .nav-left {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-pack: start;
-    -ms-flex-pack: start;
-    justify-content: flex-start;
-    /*overflow: hidden;
-        overflow-x: auto;*/
-    white-space: nowrap; }
-  /* Align items to the right */
-  .nav-right {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    -webkit-box-pack: end;
-    -ms-flex-pack: end;
-    justify-content: flex-end;
-    /*overflow: hidden;
-        overflow-x: auto;*/
-    white-space: nowrap; }
-  /* Centering items, best used when nav-brand is not used to prevent offset */
-  .nav-center {
-    -webkit-box-align: stretch;
-    -ms-flex-align: stretch;
-    align-items: stretch;
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-flex: 0;
-    -ms-flex-positive: 0;
-    flex-grow: 0;
-    -ms-flex-negative: 0;
-    flex-shrink: 0;
-    -webkit-box-pack: center;
-    -ms-flex-pack: center;
-    justify-content: center;
-    margin-left: auto;
-    margin-right: auto; }
-  /* Hide hamburger button */
-  .nav-btn {
-    display: none; }
-  /* .nav-item {
-    position: relative; /* Include for helping dropdown menu positioning  Deprecated 0.5.6
-  } */
-  /* Expand link area for desktop views so it is easier to click */
-  .nav-item a {
-    padding: 0.5rem 1rem; }
-  .nav-item .dropdown-menu {
-    opacity: 0;
-    pointer-events: none;
-    /* Make cursor not respond to menu links when not displayed */ }
-  .nav-item .dropdown-menu.dropdown-animated {
-    -webkit-transform: translateY(-5px);
-    /* Used for transitional drop down effect */
-    transform: translateY(-5px); }
-  .nav-item .dropdown-menu.dropdown-shown,
-  .nav-item.toggle-hover:hover .dropdown-menu,
-  .nav-item .dropdown-menu.dropdown-animated.dropdown-shown,
-  .nav-item.toggle-hover:hover .dropdown-animated.dropdown-menu {
-    opacity: 1;
-    -webkit-transform: none;
-    /* Used for transitional drop down effect */
-    transform: none;
-    pointer-events: auto; }
-  /* Align dropdown menu to the left side of the parent nav-item for header-left */
-  .nav-left .has-sub .dropdown-menu {
-    left: 0;
-    right: auto; }
-  /* Align dropdown menu to the right side of the parent nav-item for header-right */
-  .nav-right .has-sub .dropdown-menu {
-    left: auto;
-    right: 0; } }
+.form-ext-toggle input[type="checkbox"]:checked + .form-ext-toggle__toggler i::after,
+.form-ext-toggle input[type="checkbox"]:checked + * .form-ext-toggle__toggler i::after,
+.form-ext-toggle input[type="radio"]:checked + .form-ext-toggle__toggler i::after,
+.form-ext-toggle input[type="radio"]:checked + * .form-ext-toggle__toggler i::after {
+  background-color: #fff;
+  left: calc(100% - 20px); }
 
-@media screen and (max-width: 768px) {
-  /* Add scrolling support in header */
-  .header {
-    display: flex;
-    flex-direction: column; }
-  .header-brand .nav-item:first-child {
-    padding: 0 1rem;
-    /* Add padding to the first child, usually the logo */ }
-  /* Hide dropdon menu on mobile */
-  .header-nav {
-    height: 0; }
-  /* Show the dropdown */
-  .header-nav.active {
-    height: 100vh; }
-  /* Remove flex for mobile devices */
-  .nav-item.has-sub {
-    display: block; }
-  .nav-item.has-sub .dropdown-menu.dropdown-shown {
-    border-radius: 0;
-    box-shadow: none;
-    display: block;
-    position: relative;
-    top: 1rem;
-    float: none;
-    border: none;
-    background-color: transparent;
-    margin-bottom: 1rem; }
-  .nav-item.has-sub .dropdown-menu.dropdown-dark {
-    background-color: rgba(0, 0, 0, 0.17);
-    border: 0;
-    color: #fff; }
-  /* Hide the menu by default in mobile view (overflow on header-right can expose it) */
-  .nav-item.has-sub .dropdown-menu {
-    display: none; }
-  /* Make the menu items larger in the dropdown menu */
-  .header-nav .nav-item {
-    padding: 1rem; }
-  /* Get rid of extra spaces */
-  .header-nav .nav-item > a {
-    padding: 0;
-    width: 100%;
-    /* Stretch the link to span the entire list item */ }
-  /* Hamburger button */
-  .nav-btn {
-    cursor: pointer;
-    display: block;
-    position: relative;
-    margin-left: auto; }
-  .nav-btn span {
-    background-color: #4d565f;
-    display: block;
-    height: 2px;
-    left: 50%;
-    margin-left: -7px;
-    position: absolute;
-    top: 50%;
-    -webkit-transition: none 86ms ease-out;
-    transition: none 86ms ease-out;
-    -webkit-transition-property: background, left, opacity, -webkit-transform;
-    transition-property: background, left, opacity, -webkit-transform;
-    transition-property: background, left, opacity, transform;
-    transition-property: background, left, opacity, transform, -webkit-transform;
-    width: 15px; }
-  .header-dark .nav-btn span {
-    background-color: #fff; }
-  /* Line spacing in hamburger button */
-  .nav-btn span:nth-child(1) {
-    margin-top: -6px; }
-  .nav-btn span:nth-child(2) {
-    margin-top: -1px; }
-  .nav-btn span:nth-child(3) {
-    margin-top: 4px; }
-  /* Hamburger button on active */
-  .nav-btn.active span:nth-child(1) {
-    margin-left: -5px;
-    transform: rotate(45deg);
-    transform-origin: left top; }
-  .nav-btn.active span:nth-child(2) {
-    opacity: 0; }
-  .nav-btn.active span:nth-child(3) {
-    margin-left: -5px;
-    transform: rotate(-45deg);
-    transform-origin: left bottom; }
-  /* Hide drop down menu items */
-  .nav-left,
-  .nav-center,
-  .nav-right {
-    overflow: hidden; } }
+.form-ext-toggle.form-ext-toggle--error input[type="checkbox"]:checked + .form-ext-toggle__toggler,
+.form-ext-toggle.form-ext-toggle--error input[type="checkbox"]:checked + * .form-ext-toggle__toggler,
+.form-ext-toggle.form-ext-toggle--error input[type="radio"]:checked + .form-ext-toggle__toggler,
+.form-ext-toggle.form-ext-toggle--error input[type="radio"]:checked + * .form-ext-toggle__toggler {
+  background-color: var(--cirrus-danger);
+  border-color: var(--cirrus-danger); }
 
-@media screen and (min-width: 1023px) {
-  .header {
-    padding: 0 2rem; } }
+.form-ext-toggle.form-ext-toggle--error .form-ext-toggle__toggler {
+  border-color: var(--cirrus-danger);
+  color: var(--cirrus-danger); }
 
-/* HEADER */
-.content {
-  max-width: 60em;
-  margin: 0 auto 1.5em;
-  width: 80%; }
+.form-ext-toggle.form-ext-toggle--error .form-ext-toggle__toggler i::after {
+  background-color: var(--cirrus-danger); }
 
-/* .content-no-padding { Removed 0.5.5
-    max-width: 60em;
-    margin: 0 auto;
-    width: 80%;
-} */
-/* Content that centers in parent and fills parent div without the extra vertical margin */
-/* .content-fluid { Removed 0.5.5
-    width: 100%;
-    margin: 0 auto;
-} */
-.fullscreen {
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  height: 100vh; }
+.form-ext-toggle.form-ext-toggle--success input[type="checkbox"]:checked + .form-ext-toggle__toggler,
+.form-ext-toggle.form-ext-toggle--success input[type="checkbox"]:checked + * .form-ext-toggle__toggler,
+.form-ext-toggle.form-ext-toggle--success input[type="radio"]:checked + .form-ext-toggle__toggler,
+.form-ext-toggle.form-ext-toggle--success input[type="radio"]:checked + * .form-ext-toggle__toggler {
+  background-color: var(--cirrus-success);
+  border-color: var(--cirrus-success); }
 
-/* This works well with panel */
-section {
-  display: block; }
+.form-ext-toggle--success .form-ext-toggle__toggler {
+  border-color: var(--cirrus-success);
+  color: var(--cirrus-success); }
 
-.panel {
-  padding: 2.5em 0; }
+.form-ext-toggle--success .form-ext-toggle__toggler i::after {
+  background-color: var(--cirrus-success); }
 
-/* This works well with spans and maybe even hr */
-.divider {
-  border-top: 0.05rem solid rgba(173, 173, 173, 0.5);
-  height: 0.1rem;
-  margin: 1.8rem 0 1.6rem; }
+/**
+ * Accessibility
+ */
+.form-ext-toggle .form-ext-input:focus + .form-ext-toggle__toggler,
+.form-ext-toggle .form-ext-input:focus ~ .form-ext-label:before {
+  box-shadow: 0 0 0 0.2rem rgba(var(--cirrus-primary-rgb), var(--focus-opacity)), inset 0 1px 8px rgba(0, 0, 0, 0.07); }
 
-.divider[data-content] {
-  margin: 0.8rem 0; }
+.form-ext-toggle.form-ext-toggle--success .form-ext-input:focus + .form-ext-toggle__toggler {
+  box-shadow: 0 0 0 0.2rem rgba(var(--cirrus-success-rgb), var(--focus-opacity)), inset 0 1px 8px rgba(34, 197, 127, 0.13); }
 
-.divider--v[data-content] {
-  display: block;
-  padding: 0.8rem; }
+.form-ext-input.form-ext-input--success:focus ~ .form-ext-label:before {
+  border-color: inherit;
+  box-shadow: 0 0 0 0.2rem rgba(var(--cirrus-success-rgb), var(--focus-opacity)), inset 0 1px 8px rgba(0, 0, 0, 0.07); }
 
-.divider--v::before {
-  border-left: 0.05rem solid rgba(173, 173, 173, 0.5);
-  bottom: 0.4rem;
-  content: '';
-  display: block;
-  left: 50%;
-  position: absolute;
-  top: 0;
-  transform: translateX(-50%); }
+/* GRID */
+:root {
+  --gap-0: 0;
+  --gap-1: 0.25rem;
+  --gap-2: 0.5rem;
+  --gap-3: 1rem;
+  --gap-4: 1.25rem;
+  --gap-5: 1.5rem;
+  --gap-6: 3rem;
+  --gap-7: 6rem;
+  --gap-8: 9rem;
+  --gap-9: 12rem; }
 
-.divider--v[data-content]::after,
-.divider[data-content]::after {
-  background: #fff;
-  color: #bcc3ce;
-  content: attr(data-content);
-  left: 50%;
-  display: inline-block;
-  padding: 0 0.4rem;
-  position: absolute;
-  transform: translate(-50%, -50%);
-  top: 50%; }
+.grid {
+  --grid-gap: --gap-2;
+  --grid-template-column: repeat(12, minmax(0, 1fr));
+  --grid-column-start: auto;
+  --grid-column-end: auto;
+  --grid-row-start: auto;
+  --grid-row-end: auto;
+  display: grid;
+  grid-gap: var(--grid-gap);
+  grid-template-columns: var(--grid-template-column); }
 
-.divider--v[data-content] {
-  left: 50%;
-  padding: 0.2rem 0;
-  position: absolute;
-  top: 50%;
-  transform: translate(-50%, -50%); }
+/* Styling grid cells */
+.grid .c {
+  grid-column-start: var(--grid-column-start);
+  grid-column-end: var(--grid-column-end); }
 
-/* Removed 0.5.5 */
-/* .divider-short {
-    max-width: 15rem;
-    width: 100%;
-} */
-/* Hero image div */
-.hero-img {
-  /* Specify the backgroud image yourself */
-  background-size: cover; }
+/* Templates */
+.grid.grid-cols-1 {
+  --grid-template-column: repeat(1, minmax(0, 1fr)); }
 
-.parallax-img {
-  background-attachment: fixed !important; }
+.grid.grid-cols-2 {
+  --grid-template-column: repeat(2, minmax(0, 1fr)); }
 
-.hero {
-  /* Parent of hero-body */
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  /* Important to stretch height of hero-body */
-  -webkit-box-orient: vertical;
-  /* -webkit-box-direction: normal; /* Deprecated 0.5.5 
-    -ms-flex-direction: column;
-    flex-direction: column; Stack the items in the container */
-  -webkit-box-pack: justify;
-  -ms-flex-pack: justify;
-  justify-content: space-between; }
+.grid.grid-cols-3 {
+  --grid-template-column: repeat(3, minmax(0, 1fr)); }
 
-.hero-body {
-  -ms-flex-positive: 1;
-  flex-grow: 1;
-  /* Tells the hero-body to take up the entire space */
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-  padding: 3rem 1.5rem;
-  align-items: center;
-  display: -ms-flexbox;
-  display: flex;
-  width: 100%; }
+.grid.grid-cols-4 {
+  --grid-template-column: repeat(4, minmax(0, 1fr)); }
 
-.space {
-  display: block;
-  width: 100%;
-  height: 1rem; }
+.grid.grid-cols-5 {
+  --grid-template-column: repeat(5, minmax(0, 1fr)); }
 
-.space.large {
-  padding: 1rem 0; }
+.grid.grid-cols-6 {
+  --grid-template-column: repeat(6, minmax(0, 1fr)); }
 
-.space.x-large {
-  padding: 2rem 0; }
+.grid.grid-cols-7 {
+  --grid-template-column: repeat(7, minmax(0, 1fr)); }
 
-/* Use for spacing out elements vertically */
-.row {
-  -ms-flex: 1;
-  flex: 1;
-  /* max-width: 100%; */
-  flex-wrap: wrap;
-  padding: 0.5rem 0; }
+.grid.grid-cols-8 {
+  --grid-template-column: repeat(8, minmax(0, 1fr)); }
 
-.r {
-  /* Legacy row pre 0.5.5 */
-  max-width: 100%;
-  padding: 0.5rem; }
+.grid.grid-cols-9 {
+  --grid-template-column: repeat(9, minmax(0, 1fr)); }
 
-.row.row--no-wrap {
-  -webkit-flex-wrap: nowrap;
-  /* Remove wrapping of the columns by default */
-  -ms-flex-wrap: nowrap;
-  flex-wrap: nowrap;
-  overflow-x: auto;
-  /* Can be disabled to remove scroll bar */ }
+.grid.grid-cols-10 {
+  --grid-template-column: repeat(10, minmax(0, 1fr)); }
 
-.row::after {
-  content: '';
-  clear: both;
-  display: table; }
+.grid.grid-cols-11 {
+  --grid-template-column: repeat(11, minmax(0, 1fr)); }
 
-/* GRID */
-.row .col {
-  display: block;
-  flex: 1;
-  padding: 0.15rem 0.75rem; }
+.grid.grid-cols-12 {
+  --grid-template-column: repeat(12, minmax(0, 1fr)); }
 
-.row .col-1 {
-  width: 8.33333333%; }
+.grid.grid-gap-0 {
+  --grid-gap: var(--gap-0); }
 
-.row .col-2 {
-  width: 16.66666667%; }
+.grid.grid-gap-1 {
+  --grid-gap: var(--gap-1); }
 
-.row .col-3 {
-  width: 25%; }
+.grid.grid-gap-2 {
+  --grid-gap: var(--gap-2); }
 
-.row .col-4 {
-  width: 33.33333333%; }
+.grid.grid-gap-3 {
+  --grid-gap: var(--gap-3); }
+
+.grid.grid-gap-4 {
+  --grid-gap: var(--gap-4); }
+
+.grid.grid-gap-5 {
+  --grid-gap: var(--gap-5); }
+
+.grid.grid-gap-6 {
+  --grid-gap: var(--gap-6); }
+
+.grid.grid-gap-7 {
+  --grid-gap: var(--gap-7); }
+
+.grid.grid-gap-8 {
+  --grid-gap: var(--gap-8); }
+
+.grid.grid-gap-9 {
+  --grid-gap: var(--gap-9); }
+
+/* Column expansion */
+.grid .grid-c-1 {
+  grid-column: span 1; }
 
-.row .col-5 {
-  width: 41.66666667%; }
+.grid .grid-c-2 {
+  grid-column: span 2; }
 
-.row .col-6 {
-  width: 50%; }
+.grid .grid-c-3 {
+  grid-column: span 3; }
 
-.row .col-7 {
-  width: 58.33333333%; }
+.grid .grid-c-4 {
+  grid-column: span 4; }
 
-.row .col-8 {
-  width: 66.66666667%; }
+.grid .grid-c-5 {
+  grid-column: span 5; }
 
-.row .col-9 {
-  width: 75%; }
+.grid .grid-c-6 {
+  grid-column: span 6; }
 
-.row .col-10 {
-  width: 83.33333333%; }
+.grid .grid-c-7 {
+  grid-column: span 7; }
 
-.row .col-11 {
-  width: 91.66666667%; }
+.grid .grid-c-8 {
+  grid-column: span 8; }
 
-.row .col-12 {
-  width: 100%; }
+.grid .grid-c-9 {
+  grid-column: span 9; }
 
-/* Column offsets on the left side */
-.row .offset-1 {
-  margin-left: 8.33333333%; }
+.grid .grid-c-10 {
+  grid-column: span 10; }
 
-.row .offset-2 {
-  margin-left: 16.66666667%; }
+.grid .grid-c-11 {
+  grid-column: span 11; }
 
-.row .offset-3 {
-  margin-left: 25%; }
+.grid .grid-c-12 {
+  grid-column: span 12; }
 
-.row .offset-4 {
-  margin-left: 33.33333333%; }
+/* Row expansion */
+.grid .grid-r-1 {
+  grid-row: span 1; }
 
-.row .offset-5 {
-  margin-left: 41.66666667%; }
+.grid .grid-r-2 {
+  grid-row: span 2; }
 
-.row .offset-6 {
-  margin-left: 50%; }
+.grid .grid-r-3 {
+  grid-row: span 3; }
 
-.row .offset-7 {
-  margin-left: 58.33333333%; }
+.grid .grid-r-4 {
+  grid-row: span 4; }
 
-.row .offset-8 {
-  margin-left: 66.66666667%; }
+.grid .grid-r-5 {
+  grid-row: span 5; }
 
-.row .offset-9 {
-  margin-left: 75%; }
+.grid .grid-r-6 {
+  grid-row: span 6; }
 
-.row .offset-10 {
-  margin-left: 83.33333333%; }
+.grid .grid-r-7 {
+  grid-row: span 7; }
 
-.row .offset-11 {
-  margin-left: 91.66666667%; }
+.grid .grid-r-8 {
+  grid-row: span 8; }
 
-.row .offset-12 {
-  margin-left: 100%; }
+.grid .grid-r-9 {
+  grid-row: span 9; }
 
-/* Auto align col to left in row */
-.row .offset-right {
-  margin-left: 0;
-  margin-right: auto; }
+.grid .grid-r-10 {
+  grid-row: span 10; }
 
-/* Auto align col to middle in row */
-.row .offset-center {
-  margin-left: auto;
-  margin-right: auto; }
+.grid .grid-r-11 {
+  grid-row: span 11; }
 
-/* Auto align col to right in row */
-.row .offset-left {
-  margin-left: auto;
-  margin-right: 0; }
+.grid .grid-r-12 {
+  grid-row: span 12; }
 
-/* Use in parent div of fluid col Deprecated in 0.5.6, use .row
-.fluid-container {
-    display: flex;
-    overflow: auto;
-}
-
-/* Wrap controls instead on overflow 
-.fluid-container.wrap {
-    -webkit-align-items: center;
-    align-items: center;
-    display: flex;
-    display: -ms-flexbox;
-    -ms-flex-align: center;
-    -webkit-flex-wrap: wrap;
-    -ms-flex-wrap: wrap;
-    flex-wrap: wrap;
-}
-
-/* Resizes elements in a row equally given the number of elements located in it 
-.fluid-container .col-fluid {
-    display: block;
-    -ms-flex-preferred-size: 0;
-    flex-basis: 0;
-    -webkit-box-flex: 1;
-    -ms-flex-positive: 1;
-    flex-grow: 1;
-    -ms-flex-negative: 1;
-    flex-shrink: 1;
-}
-
-/* No expansion for specific col-fluid columns 
-.fluid-container .col-fluid.no-flex {
-    flex-grow: 0;
-    flex-shrink: 0;
-    -webkit-box-flex: 0;
-    -ms-flex-positive: 0;
-    -ms-flex-negative: 0;
-} */
-/* Some offset values */
-.row [class^='col-'],
-.row [class*=' col-'] {
-  float: left;
-  /* Keeps the elements in 1 row */
-  padding: 0 0.5rem; }
+/* Cell Column Start/End */
+.grid .grid-cs-1 {
+  grid-column-start: 1; }
 
-/* Columns without the spacing */
-.row.no-space [class^='col-'],
-.row.no-space [class*=' col-'] {
-  padding: 0; }
+.grid .grid-cs-2 {
+  grid-column-start: 2; }
 
-/* Ignore overflow in columns */
-/* .row.expand { DEPRECATED 0.5.5
-    -webkit-flex-wrap: nowrap; /* Remove wrapping of the columns by default 
-    -ms-flex-wrap: nowrap;
-    flex-wrap: nowrap;
-    overflow-x: auto; /* Can be disabled to remove scroll bar 
-} */
-/* Only for divs with .expand so they can go past the parent div width */
-/* .row.expand [class^="col-"], DEPRECATED 0.5.5, no use
-.row.expand [class*=" col-"] {
-    -webkit-flex: none;
-    -ms-flex: none;
-    flex: none;
-} */
-/* Used for aligning controls next to each other */
-.row.has-controls {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -ms-flex-pack: start;
-  justify-content: flex-start; }
+.grid .grid-cs-3 {
+  grid-column-start: 3; }
 
-/* Divider for multiple elements in a div */
-/* .divided > .fluid-container:not(.row),
-.divided > .row [class^="col-"], .divided > .row [class*=" col-"] { DEPRECATED 0.5.5
-    box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15);
-} */
-/* Remove border in first child */
-/* .divided > .row [class^="col-"]:first-child,
-.divided > .row [class*=" col-"]:first-child {
-    box-shadow: none; DEPRECATED 0.5.5
-} */
-.level {
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  -ms-grid-row-align: center;
-  align-items: center;
-  -webkit-box-pack: justify;
-  -ms-flex-pack: justify;
-  justify-content: space-between; }
+.grid .grid-cs-4 {
+  grid-column-start: 4; }
 
-.level-left {
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  -ms-grid-row-align: center;
-  align-items: center;
-  -webkit-box-pack: start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  /* Start for left */
-  margin-right: 1rem; }
+.grid .grid-cs-5 {
+  grid-column-start: 5; }
 
-.level-right {
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  -ms-grid-row-align: center;
-  align-items: center;
-  -webkit-box-pack: end;
-  -ms-flex-pack: end;
-  justify-content: flex-end;
-  /* End for right */ }
+.grid .grid-cs-6 {
+  grid-column-start: 6; }
 
-.level-item {
-  /* Centers items */
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-preferred-size: auto;
-  flex-basis: auto;
-  -webkit-box-flex: 0;
-  -ms-flex-positive: 0;
-  flex-grow: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-  -webkit-box-pack: center;
-  -ms-flex-pack: center;
-  justify-content: center; }
+.grid .grid-cs-7 {
+  grid-column-start: 7; }
 
-/* Used to stretch the contents of div in level to fill */
-.level-content {
-  -ms-flex-preferred-size: auto;
-  flex-basis: auto;
-  -webkit-box-flex: 1;
-  -ms-flex-positive: 1;
-  flex-grow: 1;
-  -ms-flex-negative: 1;
-  flex-shrink: 1;
-  text-align: left;
-  width: 100%; }
+.grid .grid-cs-8 {
+  grid-column-start: 8; }
+
+.grid .grid-cs-9 {
+  grid-column-start: 9; }
 
-/* Width CSS */
-.w-10 {
-  width: 10%; }
+.grid .grid-cs-10 {
+  grid-column-start: 10; }
 
-.w-20 {
-  width: 20%; }
+.grid .grid-cs-11 {
+  grid-column-start: 11; }
 
-.w-30 {
-  width: 30%; }
+.grid .grid-cs-12 {
+  grid-column-start: 12; }
 
-.w-40 {
-  width: 40%; }
+.grid .grid-cs-end {
+  grid-column-end: -1; }
 
-.w-50 {
-  width: 50%; }
+.grid .grid-ce-1 {
+  grid-column-end: 2; }
 
-.w-60 {
-  width: 60%; }
+.grid .grid-ce-2 {
+  grid-column-end: 3; }
 
-.w-70 {
-  width: 70%; }
+.grid .grid-ce-3 {
+  grid-column-end: 4; }
 
-.w-80 {
-  width: 80%; }
+.grid .grid-ce-4 {
+  grid-column-end: 5; }
 
-.w-90 {
-  width: 90%; }
+.grid .grid-ce-5 {
+  grid-column-end: 6; }
 
-.w-100 {
-  width: 100%; }
+.grid .grid-ce-6 {
+  grid-column-end: 7; }
 
-.w-auto {
-  width: auto; }
+.grid .grid-ce-7 {
+  grid-column-end: 8; }
 
-/* Height CSS */
-.h-10 {
-  height: 10%; }
+.grid .grid-ce-8 {
+  grid-column-end: 9; }
 
-.h-20 {
-  height: 20%; }
+.grid .grid-ce-9 {
+  grid-column-end: 10; }
 
-.h-30 {
-  height: 30%; }
+.grid .grid-ce-10 {
+  grid-column-end: 11; }
 
-.h-40 {
-  height: 40%; }
+.grid .grid-ce-11 {
+  grid-column-end: 12; }
 
-.h-50 {
-  height: 50%; }
+.grid .grid-ce-12 {
+  grid-column-end: 13; }
 
-.h-60 {
-  height: 60%; }
+/* Cell Row Start/End */
+.grid .grid-rs-1 {
+  grid-row-start: 1; }
 
-.h-70 {
-  height: 70%; }
+.grid .grid-rs-2 {
+  grid-row-start: 2; }
 
-.h-80 {
-  height: 80%; }
+.grid .grid-rs-3 {
+  grid-row-start: 3; }
 
-.h-90 {
-  height: 90%; }
+.grid .grid-rs-4 {
+  grid-row-start: 4; }
 
-.h-100 {
-  height: 100%; }
+.grid .grid-rs-5 {
+  grid-row-start: 5; }
 
-.h-auto {
-  height: auto; }
+.grid .grid-rs-6 {
+  grid-row-start: 6; }
 
-@media screen and (min-width: 769px) {
-  .row {
-    display: flex; }
-  .level-right {
-    margin-left: 1rem; }
-  /* Keep all level children the same height */
-  .level.fill-height {
-    -webkit-box-align: stretch;
-    /* Box Align and align items to stretch to make nav-items fill up parent height */
-    -ms-flex-align: stretch;
-    align-items: stretch;
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex; } }
+.grid .grid-rs-7 {
+  grid-row-start: 7; }
 
-/* MOBILE */
-@media screen and (max-width: 768px) {
-  .container {
-    width: 100%; }
-  .row {
-    margin-top: 0; }
-  .row [class^='col-']:not(.ignore-screen),
-  .row [class*=' col-']:not(.ignore-screen) {
-    /* Remove the grid structure for smaller screens */
-    width: 100%;
-    margin-left: 0;
-    padding: 0; }
-  /* Dividers for mobile layout */
-  .divided > .row [class^='col-'],
-  .divided > .row [class*=' col-'] {
-    box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15); }
-  .level.ignore-screen,
-  .level-left.ignore-screen,
-  .level-right.ignore-screen {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex; }
-  .level.fill-height {
-    display: inherit;
-    /* Allow children to expand */ }
-  .hero-body {
-    padding: 0; } }
+.grid .grid-rs-8 {
+  grid-row-start: 8; }
 
-/* LINKS */
-a {
-  color: var(--cirrus-link);
-  font-weight: 600;
-  padding: 2px;
-  text-decoration: none;
-  transition: all 0.3s; }
+.grid .grid-rs-9 {
+  grid-row-start: 9; }
 
-a:hover {
-  color: var(--cirrus-link-dark);
-  transition: all 0.3s; }
+.grid .grid-rs-10 {
+  grid-row-start: 10; }
 
-a:visited,
-a:hover,
-a:active {
-  backface-visibility: hidden;
-  text-decoration: none; }
+.grid .grid-rs-11 {
+  grid-row-start: 11; }
 
-.subtitle a {
-  padding: 0;
-  /* Removes weird offset in subtitle links */ }
+.grid .grid-rs-12 {
+  grid-row-start: 12; }
 
-/* a.display-block { Deprecated 0.5.5
-    display: block;
-} */
-a.underline {
-  text-decoration: underline; }
+.grid .grid-rs-end {
+  grid-row-end: -1; }
 
-p a,
-h1 a,
-h2 a,
-h3 a,
-h4 a,
-h5 a,
-h6 a,
-blockquote a,
-article a {
-  display: inline; }
+.grid .grid-re-1 {
+  grid-row-end: 2; }
 
-a .btn,
-a button,
-[type='submit'] a {
-  margin-bottom: 0;
-  /* Remove random excess space */ }
+.grid .grid-re-2 {
+  grid-row-end: 3; }
 
-/* LISTS */
-ul,
-ol {
-  margin: 1rem 0 1rem 1rem;
-  padding-inline-start: 0.5rem; }
+.grid .grid-re-3 {
+  grid-row-end: 4; }
 
-ul {
-  list-style: disc; }
+.grid .grid-re-4 {
+  grid-row-end: 5; }
 
-/* Handle nesting */
-ul ul,
-ol ul,
-ul ol,
-ol ol {
-  margin: 0 0 0 1rem; }
+.grid .grid-re-5 {
+  grid-row-end: 6; }
 
-/* Nested list bullet types */
-ul ul {
-  list-style-type: circle; }
+.grid .grid-re-6 {
+  grid-row-end: 7; }
 
-ul ul ul {
-  list-style-type: square; }
+.grid .grid-re-7 {
+  grid-row-end: 8; }
 
-ol ol {
-  list-style: lower-alpha; }
+.grid .grid-re-8 {
+  grid-row-end: 9; }
 
-ol ol ol {
-  list-style: upper-roman; }
+.grid .grid-re-9 {
+  grid-row-end: 10; }
 
-/* Description lists */
-dl {
-  margin: 1rem 0; }
+.grid .grid-re-10 {
+  grid-row-end: 11; }
 
-/* Detail title */
-dt {
-  font-weight: 700; }
+.grid .grid-re-11 {
+  grid-row-end: 12; }
 
-dd {
-  margin-bottom: 0.5rem; }
+.grid .grid-re-12 {
+  grid-row-end: 13; }
 
-li {
-  margin: 0.25rem 0; }
+@media screen and (max-width: 768px) {
+  .grid {
+    --grid-template-column: repeat(1, minmax(0, 1fr)); } }
+
+/* EXTENDED LINKS */
+/* Animated links */
+.u,
+.utb {
+  display: inline;
+  position: relative;
+  /* So the psuedo-elements are positioned correctly */ }
+
+/* Underline */
+.u::after {
+  content: "";
+  transition: all 0.3s;
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+  position: absolute;
+  height: 0.1rem;
+  width: 0;
+  background: var(--cirrus-link-dark);
+  bottom: -0.25em; }
 
-/* Exclude margin in menus */
-li:not(.dropdown-menu > li):last-child {
-  margin-bottom: 1rem; }
+.u:hover::after {
+  width: 100%; }
 
-/* MISC */
-ul.no-bullets {
-  list-style: none; }
+.u-LR::after {
+  /* Left to Right */
+  left: 0; }
 
-/* MENU LISTS */
-.menu {
-  font-size: 1rem; }
+.u-RL::after {
+  /* Right to Left */
+  right: 0; }
 
-ul.menu {
-  list-style: none;
-  margin: 0.5rem 0; }
+.u-RL:hover::after {
+  width: 100%; }
 
-/* Style headers to have even space distribution. */
-.menu-title:not(:first-child) {
-  margin-bottom: 1rem; }
+.u-C::after {
+  /* Center Outwards */
+  left: 50%;
+  -webkit-transform: translateX(-50%);
+  transform: translateX(-50%); }
 
-.menu-title:not(:last-child) {
-  margin-top: 1rem; }
+/* Underline top and bottom */
+.utb::before,
+.utb::after {
+  content: "";
+  transition: all 0.3s;
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+  position: absolute;
+  height: 0.1rem;
+  width: 0;
+  background: var(--cirrus-link-dark); }
 
-/* Style menu items */
-.menu .menu-item a {
-  color: #555;
-  display: block;
-  padding: 0.5em 0.75em;
-  border-radius: 3px;
-  font-size: var(--font-size-s);
-  cursor: pointer;
-  -webkit-transition: all var(--animation-duration);
-  transition: all var(--animation-duration); }
+.utb::before {
+  top: -0.25em; }
 
-.menu .menu-item:hover > a {
-  background-color: rgba(208, 208, 208, 0.3);
-  color: #d43644;
-  -webkit-transition: all var(--animation-duration);
-  transition: all var(--animation-duration); }
+.utb::after {
+  bottom: -0.25em; }
 
-.menu .menu-item.selected > a {
-  color: #fff;
-  background-color: var(--cirrus-primary); }
+.utb:hover::before,
+.utb:hover::after {
+  width: 100%; }
 
-.menu .menu-item .menu-addon {
-  padding: 0.3rem;
-  z-index: 1;
-  position: relative;
-  color: var(--cirrus-fg);
-  cursor: pointer;
-  float: left;
-  margin-right: 0.1rem;
-  -webkit-transition: all var(--animation-duration);
-  transition: all var(--animation-duration); }
+.utb-LR::before,
+.utb-LR::after {
+  left: 0; }
 
-.menu .menu-item .menu-addon .icon {
-  font-size: inherit; }
+.utb-RL::before,
+.utb-RL::after {
+  right: 0; }
 
-/* Darken on hover to differentiate from menu-item */
-.menu .menu-item .menu-addon:hover {
-  background-color: rgba(60, 60, 60, 0.25);
-  -webkit-transition: all var(--animation-duration);
-  transition: all var(--animation-duration); }
+.utb-C::before,
+.utb-C::after {
+  left: 50%;
+  -webkit-transform: translateX(-50%);
+  transform: translateX(-50%); }
 
-.menu .menu-item .menu-addon.right {
-  float: right;
-  margin-right: 0;
-  margin-left: 0.1rem; }
+/* Opposite start */
+.utb-OLR::before {
+  /* Suffix denotes border transition direction for the top border (left to right). Bottom border will be the opposite direction */
+  left: 0; }
 
-.menu .menu-item.selected .menu-addon {
-  color: #fff; }
+.utb-OLR::after {
+  right: 0; }
 
-/* Style sub menus inside a menu */
-.menu .menu-item ul {
-  border-left: 1px solid #dbdbdb;
-  margin: 0.75rem;
-  padding-left: 0.75rem; }
+.utb-ORL::before {
+  right: 0; }
 
-/* Menu item divider */
-.menu .divider {
-  border-top: 0.1rem solid #eee;
-  height: 0.1rem;
-  margin: 1rem 0; }
+.utb-ORL::after {
+  left: 0; }
 
-/* Title for the section separated by the divider */
-.menu .divider::after {
-  content: attr(data-label);
-  /* Text that will be displayed */
-  background-color: var(--cirrus-bg);
-  color: #b7b7b7;
-  display: inline-block;
-  padding: 0 0.7rem;
-  margin: 0.5rem;
-  font-size: 0.7rem;
-  -webkit-transform: translateY(-1.1rem);
-  transform: translateY(-1.1rem); }
+/* Links with square borders */
+/* Please note that usquare is the parent span (not div) which would create the left and right borders. The link (.utb-OLR) gets nested within this */
+.usquare {
+  margin-left: 0.4rem;
+  position: relative;
+  overflow: hidden; }
 
-/* Dropdown menu for dropdown buttons */
-.list-dropdown {
-  display: inline-block;
-  position: relative; }
+.usquare a {
+  position: static;
+  padding: 0.2rem 0.4rem; }
 
-.list-dropdown .menu {
+.usquare::before,
+.usquare::after {
+  content: "";
+  transition: 0.25s all ease;
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
   position: absolute;
-  top: 75%;
-  left: 0;
-  -webkit-animation: slide-down var(--animation-duration) ease 1;
-  animation: slide-down 0.1s ease 1;
-  background-color: var(--cirrus-bg);
-  border-radius: 0.2rem;
-  box-shadow: 0 0.1rem 0.4rem rgba(69, 77, 93, 0.3);
-  margin: 0;
-  opacity: 0;
-  min-width: 15rem;
-  padding: 0.25rem 0.5rem;
-  -webkit-transform: translateY(0.5rem);
-  transform: translateY(0.5rem);
-  z-index: 10;
-  pointer-events: none;
-  /* Remove pointer events to prevent mouse hover to show menu even though it is not visible */
-  overflow: hidden;
-  -webkit-transition: all var(--animation-duration);
-  transition: all var(--animation-duration); }
+  width: 2px;
+  width: 0.1 rem;
+  height: 0;
+  background: var(--cirrus-link-dark); }
 
-.list-dropdown.dropdown-right .menu {
-  left: auto;
-  right: 0; }
+.usquare::before {
+  left: 0;
+  bottom: -0.2rem; }
 
-/* Allow for shown and :focus selectors for JS and native CSS transitions */
-.list-dropdown.shown .menu,
-.list-dropdown .btn-dropdown:focus + .menu,
-.list-dropdown .menu:hover {
-  display: block;
-  opacity: 1;
-  top: 100%;
-  z-index: 100;
-  pointer-events: auto;
-  /* Restore pointer events */
-  height: auto;
-  -webkit-transition: all var(--animation-duration);
-  transition: all var(--animation-duration); }
+.usquare.delay::before {
+  transition-delay: 0.6s; }
 
-.list-dropdown .btn-group .btn-dropdown:nth-last-child(2) {
-  border-bottom-right-radius: 3px;
-  border-top-right-radius: 3px; }
+.usquare::after {
+  right: 0;
+  top: -0.2rem; }
 
-/* TREE */
-/* Tree Navigation Menu */
-.tree {
-  margin: 0; }
+.usquare.delay::after {
+  transition-delay: var(--animation-duration); }
 
-/* The title of the tree menu */
-.tree .tree-item .tree-item-header {
-  display: block;
-  padding: 0.25rem 0.5rem;
-  cursor: pointer;
-  font-size: 0.95rem;
-  font-weight: 600;
-  /* Keep styling consistent with menu-items */ }
+.usquare a::before {
+  left: 0;
+  transition: 0.25s all ease; }
 
-/* The dropdown glyph of the tree menu */
-.tree .tree-item .tree-item-header .icon {
-  -webkit-transition: all var(--animation-duration);
-  transition: all var(--animation-duration); }
+.usquare a::after {
+  right: 0;
+  transition: 0.25s all ease; }
 
-/* Expand the tree-item-body (has menu-items) */
-.tree .tree-item input:checked ~ .tree-item-body {
-  max-height: 100vh; }
+.usquare.delay a::after {
+  transition: 0.25s all ease 0.4s; }
 
-/* Rotate the dropdown glyph */
-.tree .tree-item input:checked ~ .tree-item-header .icon {
-  -webkit-transform: rotate(90deg);
-  transform: rotate(90deg); }
+.usquare:hover::before,
+.usquare:hover::after {
+  height: calc(100% + 0.4rem);
+  /* Makes the left and right borders */ }
 
-/* Container for the menu-items of the tree menu */
-.tree .tree-item .tree-item-body {
-  max-height: 0;
-  /* Hidden at first */
-  margin-left: 1.5rem;
-  overflow: hidden;
-  -webkit-transition: all var(--animation-duration);
-  transition: all var(--animation-duration); }
+.usquare:hover a::before,
+.usquare:hover a::after {
+  width: 100%; }
 
-/* TODO: Docs */
-/* The body that will encompass the tree-nav and tree-nav-content */
-.tree-nav-body {
+/* The base of the modal dialog, which is an overlay of the webpage */
+.modal {
+  position: fixed;
+  /* Scrolls with the user */
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  opacity: 0;
+  /* Initially hidden */
+  padding: 1rem;
+  display: none;
+  /* Doesn't block the elements underneath */
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  /* Vertical centering */
+  pointer-events: none;
+  /* Prevent any pointer events made to modal while hidden */ }
+
+/* When the modal dialog is visible */
+.modal:target, .modal.shown {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  height: 100vh;
-  -ms-flex-wrap: nowrap;
-  flex-wrap: nowrap; }
+  opacity: 1;
+  z-index: 999;
+  pointer-events: auto;
+  /* Re-enable pointer events */ }
 
-/* A fixed menu on the side with a tree component */
-.tree-nav {
-  -webkit-box-flex: 0;
-  -ms-flex-positive: 0;
-  flex-grow: 0;
-  -ms-flex-negative: 1;
-  flex-shrink: 1;
-  padding: 2rem 1rem 2rem 2rem;
-  min-width: 15rem;
-  height: 100vh;
-  overflow: auto; }
+/* The div in the modal dialpog used to create the translucent background */
+.modal:target .modal-overlay,
+.modal.shown .modal-overlay {
+  position: absolute;
+  /* Absolute inside of the modal container */
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  display: block;
+  background-color: rgba(54, 59, 68, 0.5); }
 
-/* The container for the tree component to prevent it from overflowing */
-.tree-nav .tree-nav-container {
-  overflow-y: auto;
-  top: 4rem;
-  bottom: 1rem; }
+/* The modal dialog body with the text itself */
+.modal-content {
+  background-color: var(--cirrus-bg);
+  padding: 0;
+  display: block;
+  border-radius: 3px;
+  box-shadow: 0 0.4rem 1rem rgba(54, 59, 68, 0.3);
+  z-index: 1;
+  color: var(--cirrus-fg);
+  max-width: 40rem;
+  /* 640px */ }
 
-/* Darkened area that will close the navbar when clicked for mobile only */
-.tree-nav + .tree-nav-close {
-  display: none;
-  /* Not needed in desktop */ }
+/* Different size modals */
+.modal.modal-small .modal-content {
+  max-width: 20rem;
+  /* 320px */ }
 
-/* Push document body further right to account for sidebar space */
-.tree-nav + .tree-nav-content {
-  max-width: 100%;
-  padding: 2rem;
-  -ms-flex: 1 0 auto;
-  -webkit-box-flex: 1;
-  flex: 1 0 auto;
-  overflow: auto;
-  margin: 0; }
+.modal.modal-large .modal-content {
+  max-width: 60rem;
+  /* 960px */ }
 
-/* The body where all other HTML components are entered if a tree-nav is used */
-.tree-nav-content {
-  width: 100%;
-  overflow: auto;
-  margin: 0;
-  padding: 2rem; }
+.modal-content h1,
+.modal-content h2,
+.modal-content h3,
+.modal-content h4,
+.modal-content h5,
+.modal-content h6 {
+  color: var(--cirrus-fg); }
 
-/* Decrease font-weight in tree-nav menu-items */
-.tree-item-body .menu .menu-item a {
-  font-weight: 400; }
+.modal:target .modal-container,
+.modal.shown .modal-container {
+  -webkit-animation: slide-down var(--animation-duration) ease 1;
+  animation: slide-down var(--animation-duration) ease 1;
+  z-index: 1; }
 
-@media screen and (max-width: 768px) {
-  /* Hide the menu to the side by default */
-  .tree-nav {
-    height: 100%;
-    left: 0;
-    overflow-y: auto;
-    padding: 3rem 1.5rem;
-    position: fixed;
-    top: 0;
-    -webkit-transform: translateX(-100%);
-    transform: translateX(-100%);
-    transition: transform var(--animation-duration) ease, -webkit-transform var(--animation-duration) ease;
-    -webkit-transition: -webkit-transform var(--animation-duration) ease;
-    transition: transform var(--animation-duration) ease;
-    transition: -webkit-transform var(--animation-duration) ease;
-    z-index: 400; }
-  /* Open the menu from the side */
-  /* Use a link and add the id of this element as the url */
-  .tree-nav:target {
-    -webkit-transform: translateX(0);
-    transform: translateX(0);
-    transition: transform var(--animation-duration) ease, -webkit-transform var(--animation-duration) ease;
-    -webkit-transition: -webkit-transform var(--animation-duration) ease;
-    transition: -webkit-transform var(--animation-duration) ease;
-    transition: transform var(--animation-duration) ease; }
-  /* Create the area to click to close the menu */
-  .tree-nav .tree-nav-close {
-    background-color: rgba(0, 0, 0, 0.15);
-    display: none;
-    height: 100%;
-    left: 0;
-    position: fixed;
-    right: 0;
-    top: 0;
-    width: 100%;
-    z-index: 300; }
-  /* Show the darkened area when the tree nav menu is clicked */
-  .tree-nav:target + .tree-nav-close {
-    display: block;
-    background-color: rgba(0, 0, 0, 0.15);
-    height: 100%;
-    left: 0;
-    position: fixed;
-    right: 0;
-    top: 0;
-    width: 100%;
-    z-index: 300; }
-  /* Reset max-width in mobile */
-  .tree-nav + .tree-nav-body {
-    max-width: inherit; }
-  /* Header bar for mobile websites with the tree-nav */
-  .tree-nav-header {
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    background-color: rgba(248, 249, 250, 0.8);
-    height: 3.5rem;
-    padding: 0.75rem 0.5rem;
-    text-align: center;
-    z-index: 300; }
-  /* For dropdown menu used in header (different from header dropdown) */
-  .nav-item.has-sub .list-dropdown {
-    width: 100%; }
-  .nav-item.has-sub .list-dropdown .btn-group {
-    width: 100%; }
-  .nav-item.has-sub .list-dropdown .btn-group .btn-dropdown {
-    flex-grow: 0; }
-  /* Show the dropdown menu in mobile hamburger menu relative with the header menu */
-  .list-dropdown .btn-dropdown:focus + .menu {
-    position: relative;
-    width: 100%; } }
+/* Restrict width  */
+.modal-content.small {
+  max-width: 32rem; }
 
-/* MEDIA CSS */
-/* Handles images, videos, figures, etc */
-/* Altered, originally just video in 0.4.6 */
-video.video-fullscreen {
-  position: absolute;
-  height: 100vh;
-  object-fit: cover;
-  width: 100%;
-  z-index: -1; }
+.modal-content .modal-header {
+  padding: 1rem 3rem; }
 
-/* Add to parent container to make media child fill container */
-.media-stretch {
-  display: block;
-  padding: 0;
-  overflow: hidden;
-  width: 100%;
+.modal-content .modal-header .modal-title {
+  font-weight: bolder;
+  font-size: 1.4rem; }
+
+.modal-content .modal-body {
+  padding: 1rem 3rem;
+  overflow-y: auto;
+  max-height: 50vh;
+  /* Max height is 50% of viewport height which prevents dialog from extetnding past screen */
   position: relative; }
 
-/* Add pseudoclass to allow media to have height (default height is 0) */
-.media-stretch::before {
-  content: "";
-  display: block;
-  padding-bottom: 56.25%;
-  /* 9 / 16  for 16:9 ratio */ }
+.modal-content .modal-footer {
+  padding: 1rem 3rem;
+  text-align: right; }
 
-/* Force media embed to fill parent container */
-.media-stretch iframe,
-.media-stretch embed,
-.media-stretch object {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  /* Make sure media does exceed or go under boundary limit */
-  height: 100%; }
+/* MODAL ANIMATIONS */
+.modal.modal-animated--dropdown {
+  -webkit-animation: slide-down var(--animation-duration) ease 1;
+  animation: slide-down var(--animation-duration) ease 1; }
 
-/* For HTML5 video objects */
-.media-stretch video {
-  height: auto;
-  max-width: 100%;
-  width: 100%; }
+/* Visible state */
+.modal.modal-animated--zoom-in, .modal.modal-animated--zoom-out {
+  display: -webkit-box;
+  /* Force dialog to appear in the center */
+  display: -ms-flexbox;
+  display: flex;
+  opacity: 0;
+  transition: 300ms all ease; }
 
-/* Alternate media ratios */
-.media-stretch.rat-4-3::before {
-  padding-bottom: 75%; }
+.modal:target.modal-animated--zoom-in, .modal:target.modal-animated--zoom-out {
+  opacity: 1;
+  transition: 300ms all ease; }
 
-.media-stretch.rat-1-1::before {
-  padding-bottom: 100%; }
+.modal.modal-animated--zoom-in .modal-content {
+  transform: scale(0.8);
+  transition: 300ms all ease; }
 
-/* FIGURES */
-/* For flexible media display */
-.fig {
-  margin: 0 0 0.5rem 0;
-  /* Small margin at the bottom */ }
+.modal:target.modal-animated--zoom-in .modal-content, .modal:target.modal-animated--zoom-out .modal-content {
+  transform: scale(1);
+  transition: 300ms all ease; }
 
-.fig .fig-caption {
-  margin-top: 1rem; }
+.modal.modal-animated--zoom-out .modal-content {
+  transform: scale(1.2);
+  transition: 300ms all ease; }
 
-/* IMAGES */
-.img-stretch {
-  max-width: 100%;
-  height: auto;
-  display: block; }
+/* Keyframes for slide down animation */
+@-webkit-keyframes slide-down {
+  0% {
+    opacity: 0;
+    -webkit-transform: translateY(-3rem);
+    transform: translateY(-3rem); }
+  100% {
+    opacity: 1;
+    -webkit-transform: translateY(0);
+    transform: translateY(0); } }
 
-.img-cover {
-  object-fit: cover; }
+@keyframes slide-down {
+  0% {
+    opacity: 0;
+    -webkit-transform: translateY(-3rem);
+    transform: translateY(-3rem); }
+  100% {
+    opacity: 1;
+    -webkit-transform: translateY(0);
+    transform: translateY(0); } }
 
-.img-contain {
-  object-fit: contain; }
+@media only screen and (max-width: 768px) {
+  .modal-content {
+    max-width: 90%; } }
 
-/* Margin */
-.m-0 {
-  margin: 0 !important; }
+/* A collection of modifiers that extend control styling */
+.btn.btn--pilled,
+[class^="btn-"].btn--pilled,
+[class*=" btn-"].btn--pilled {
+  border-radius: 6.25rem;
+  padding-left: 1.25rem;
+  padding-right: 1.25rem; }
 
-.m-1 {
-  margin: calc(var(--space-size) * 1) !important; }
+/* btn--circle: contents must be placed inside child element */
+.btn.btn--circle,
+[class^="btn-"].btn--circle,
+[class*=" btn-"].btn--circle {
+  border-radius: 100%;
+  min-width: 60px;
+  overflow: hidden;
+  padding: 0;
+  text-align: center; }
+  .btn.btn--circle:before,
+  [class^="btn-"].btn--circle:before,
+  [class*=" btn-"].btn--circle:before {
+    content: '';
+    display: inline-block;
+    vertical-align: middle;
+    padding-top: 100%; }
+  .btn.btn--circle *,
+  [class^="btn-"].btn--circle *,
+  [class*=" btn-"].btn--circle * {
+    max-width: 90%;
+    vertical-align: middle;
+    white-space: pre-wrap; }
 
-.m-2 {
-  margin: calc(var(--space-size) * 2) !important; }
+/* Input (primary text-based) controls apply to inputs */
+.input-control--pilled {
+  border-radius: 6.25rem !important; }
 
-.m-3 {
-  margin: calc(var(--space-size) * 3) !important; }
+/* Theme modifiers */
+/* GLOBAL THEME SELECTORS */
+.bg-primary {
+  background-color: var(--cirrus-primary) !important; }
 
-.m-4 {
-  margin: calc(var(--space-size) * 4) !important; }
+.text-primary {
+  color: var(--cirrus-primary) !important; }
 
-.m-5 {
-  margin: calc(var(--space-size) * 5) !important; }
+.bg-success {
+  background-color: var(--cirrus-success) !important; }
 
-.mt-0, .my-0 {
-  margin-top: 0 !important; }
+.text-success {
+  color: var(--cirrus-success) !important; }
 
-.mt-1, .my-1 {
-  margin-top: calc(var(--space-size) * 1) !important; }
+.bg-warning {
+  background-color: var(--cirrus-warning) !important; }
 
-.mt-2, .my-2 {
-  margin-top: calc(var(--space-size) * 2) !important; }
+.text-warning {
+  color: var(--cirrus-warning) !important; }
 
-.mt-3, .my-3 {
-  margin-top: calc(var(--space-size) * 3) !important; }
+.bg-danger {
+  background-color: var(--cirrus-danger) !important; }
 
-.mt-4, .my-4 {
-  margin-top: calc(var(--space-size) * 4) !important; }
+.text-danger {
+  color: var(--cirrus-danger) !important; }
 
-.mt-5, .my-5 {
-  margin-top: calc(var(--space-size) * 5) !important; }
+.bg-light {
+  background-color: var(--cirrus-light) !important; }
 
-.mb-0, .my-0 {
-  margin-bottom: 0 !important; }
+.text-light {
+  color: var(--cirrus-light) !important; }
 
-.mb-1, .my-1 {
-  margin-bottom: calc(var(--space-size) * 1) !important; }
+.bg-dark {
+  background-color: var(--cirrus-dark) !important; }
 
-.mb-2, .my-2 {
-  margin-bottom: calc(var(--space-size) * 2) !important; }
+.text-dark {
+  color: var(--cirrus-dark) !important; }
 
-.mb-3, .my-3 {
-  margin-bottom: calc(var(--space-size) * 3) !important; }
+.bg-link {
+  background-color: var(--cirrus-link) !important; }
 
-.mb-4, .my-4 {
-  margin-bottom: calc(var(--space-size) * 4) !important; }
+.text-link {
+  color: var(--cirrus-link) !important; }
 
-.mb-5, .my-5 {
-  margin-bottom: calc(var(--space-size) * 5) !important; }
+.bg-link-dark {
+  background-color: var(--cirrus-link-dark) !important; }
 
-.ml-0, .mx-0 {
-  margin-left: 0 !important; }
+.text-link-dark {
+  color: var(--cirrus-link-dark) !important; }
 
-.ml-1, .mx-1 {
-  margin-left: calc(var(--space-size) * 1) !important; }
+.bg-info {
+  background-color: var(--cirrus-info) !important; }
 
-.ml-2, .mx-2 {
-  margin-left: calc(var(--space-size) * 2) !important; }
+.text-info {
+  color: var(--cirrus-info) !important; }
 
-.ml-3, .mx-3 {
-  margin-left: calc(var(--space-size) * 3) !important; }
+/* PAGINATION */
+/* Parent contianer for page navigation */
+.pagination {
+  display: flex;
+  display: -ms-flexbox; }
 
-.ml-4, .mx-4 {
-  margin-left: calc(var(--space-size) * 4) !important; }
+/* Use for the major pagination meant to display about 2 items */
+.pagination-item {
+  -webkit-flex: 1 0 50%;
+  /* Flex to fill */
+  -ms-flex: 1 0 50%;
+  flex: 1 0 50%; }
 
-.ml-5, .mx-5 {
-  margin-left: calc(var(--space-size) * 5) !important; }
+.pagination a {
+  color: #5d6c7b; }
 
-.mr-0, .mx-0 {
-  margin-right: 0 !important; }
+.pagination .pagination-item a[disabled] {
+  cursor: pointer;
+  opacity: 0.5;
+  pointer-events: none;
+  user-select: none; }
 
-.mr-1, .mx-1 {
-  margin-right: calc(var(--space-size) * 1) !important; }
+.pagination .pagination-item {
+  margin: 1rem 0.1rem;
+  transition: all 0.3s; }
 
-.mr-2, .mx-2 {
-  margin-right: calc(var(--space-size) * 2) !important; }
+.pagination .pagination-item.pagination-next {
+  text-align: right; }
 
-.mr-3, .mx-3 {
-  margin-right: calc(var(--space-size) * 3) !important; }
+.pagination .pagination-item.pagination-prev {
+  text-align: left; }
 
-.mr-4, .mx-4 {
-  margin-right: calc(var(--space-size) * 4) !important; }
+/* Pagination Item */
+.pagination-item-subtitle {
+  opacity: 0.7;
+  margin: 0;
+  /* Needed to override style after formatting paragraph update */ }
 
-.mr-5, .mx-5 {
-  margin-right: calc(var(--space-size) * 5) !important; }
+/* Color the selected pagination item with accent color */
+.pagination .pagination-item.short.selected {
+  background-color: var(--cirrus-primary);
+  color: #fff; }
 
-/* Padding */
-.p-0 {
-  padding: 0 !important; }
+.pagination .pagination-item.short.selected a {
+  color: #fff; }
 
-.p-1 {
-  padding: calc(var(--space-size) * 1) !important; }
+.pagination .pagination-item.short a {
+  display: inline-block;
+  line-height: 1.25;
+  padding: 0.5rem 0.75rem; }
 
-.p-2 {
-  padding: calc(var(--space-size) * 2) !important; }
+/* Used to display many pagination items */
+.pagination .pagination-item.short {
+  border-radius: 0.1rem;
+  margin: 0.2rem 0;
+  -webkit-flex: 0;
+  /* Flex to fill */
+  -ms-flex: 0;
+  flex: 0; }
 
-.p-3 {
-  padding: calc(var(--space-size) * 3) !important; }
+.pagination .pagination-item.short:first-child a {
+  border-top-left-radius: .25rem;
+  border-bottom-left-radius: .25rem; }
 
-.p-4 {
-  padding: calc(var(--space-size) * 4) !important; }
+.pagination .pagination-item.short:last-child a {
+  border-top-right-radius: .25rem;
+  border-bottom-right-radius: .25rem; }
 
-.p-5 {
-  padding: calc(var(--space-size) * 5) !important; }
+.pagination .pagination-item.short:not(.selected):hover {
+  background-color: rgba(0, 0, 0, 0.1); }
+
+.pagnation .pagination-item.ellipses {
+  color: #b5b5b5;
+  pointer-events: none; }
 
-.pt-0, .py-0 {
-  padding-top: 0 !important; }
+/* Bordered pagination */
+.pagination.pagination-bordered .pagination-item.short a {
+  border: 1px solid #dedede;
+  border-radius: 0;
+  margin-left: -1px; }
 
-.pt-1, .py-1 {
-  padding-top: calc(var(--space-size) * 1) !important; }
+/* Not good but CSS does not have heading selectors. Need to move to SASS */
+.pagination .pagination-item:hover p,
+.pagination .pagination-item:hover h1,
+.pagination .pagination-item:hover h2,
+.pagination .pagination-item:hover h3,
+.pagination .pagination-item:hover h4,
+.pagination .pagination-item:hover h5,
+.pagination .pagination-item:hover h6,
+.pagination .pagination-item:not(.selected):hover *:not([disabled]):not(.ellipses) {
+  transition: all 0.3s;
+  color: var(--cirrus-primary); }
 
-.pt-2, .py-2 {
-  padding-top: calc(var(--space-size) * 2) !important; }
+/* PLACEHOLDER */
+/* Designed to be embedded in any parent container as placeholder when content is absent. */
+.placeholder {
+  background-color: rgba(231, 234, 241, 0.5);
+  border-radius: 3px;
+  text-align: center;
+  padding: 3rem 2rem;
+  color: #6c7892;
+  /* Lighter than original text color */
+  display: block; }
 
-.pt-3, .py-3 {
-  padding-top: calc(var(--space-size) * 3) !important; }
+/* Not sure if needed */
+.placeholder-icon {
+  text-align: center; }
 
-.pt-4, .py-4 {
-  padding-top: calc(var(--space-size) * 4) !important; }
+.placeholder .placeholder-title,
+.placeholder .placeholder-subtitle {
+  margin: 1rem auto; }
 
-.pt-5, .py-5 {
-  padding-top: calc(var(--space-size) * 5) !important; }
+.placeholder .placeholder-subtitle {
+  opacity: 0.7;
+  margin: 0; }
 
-.pb-0, .py-0 {
-  padding-bottom: 0 !important; }
+/* Place buttons here for the placeholder */
+.placeholder .placeholder-commands {
+  margin-top: 1rem; }
 
-.pb-1, .py-1 {
-  padding-bottom: calc(var(--space-size) * 1) !important; }
+/* TABS AND TAB CONTAINER */
+.tab-container {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  overflow: hidden;
+  overflow-x: auto;
+  /* Allow scrollbar to be visible if the width of the tabs exceeds container */
+  user-select: none;
+  white-space: nowrap;
+  -webkit-box-align: stretch;
+  -ms-flex-align: stretch;
+  align-items: stretch;
+  font-size: var(--font-size-s); }
 
-.pb-2, .py-2 {
-  padding-bottom: calc(var(--space-size) * 2) !important; }
+/* Tabs are embedded inside an unordered list */
+.tab-container ul {
+  display: flex;
+  -webkit-box-pack: start;
+  -ms-flex-pack: start;
+  justify-content: flex-start;
+  /* Move tab items to left side */
+  margin: 0.5rem;
+  /* Override the behavior for standard ul and add equal padding */
+  border-bottom: 1px solid #eee;
+  /* Bottom border of tabs */
+  flex-grow: 1;
+  list-style: none;
+  padding-inline-start: 0; }
 
-.pb-3, .py-3 {
-  padding-bottom: calc(var(--space-size) * 3) !important; }
+.tab-container li {
+  display: block;
+  /* Keep the tabs from extending too far */
+  cursor: pointer;
+  margin: 0;
+  text-align: center; }
 
-.pb-4, .py-4 {
-  padding-bottom: calc(var(--space-size) * 4) !important; }
+.tab-container li a {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  border-bottom: 1px solid #eee;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  padding: 0.5rem 1rem;
+  transition: all .3s;
+  color: var(--cirrus-fg);
+  border-bottom-color: rgba(197, 197, 197, 0.63);
+  border-width: 2px;
+  margin-bottom: -1px;
+  /* Get rid of any remaining border lines */
+  background-color: var(--cirrus-bg); }
 
-.pb-5, .py-5 {
-  padding-bottom: calc(var(--space-size) * 5) !important; }
+.tab-container li:hover a {
+  border-bottom-color: rgba(240, 61, 77, 0.6);
+  transition: all .3s; }
 
-.pl-0, .px-0 {
-  padding-left: 0 !important; }
+.tab-container li.selected a {
+  border-bottom-color: var(--cirrus-primary);
+  color: var(--cirrus-primary);
+  border-width: 2px;
+  transition: all .3s; }
 
-.pl-1, .px-1 {
-  padding-left: calc(var(--space-size) * 1) !important; }
+/* Shift tabs to the center */
+.tab-container.tabs-center ul {
+  justify-content: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center; }
 
-.pl-2, .px-2 {
-  padding-left: calc(var(--space-size) * 2) !important; }
+/* Shift tabs to the right */
+.tab-container.tabs-right ul {
+  -webkit-box-pack: end;
+  -ms-flex-pack: end;
+  justify-content: flex-end; }
 
-.pl-3, .px-3 {
-  padding-left: calc(var(--space-size) * 3) !important; }
+/* Depth tab styles */
+.tab-container.tabs-depth ul {
+  box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1);
+  border-bottom: 0; }
 
-.pl-4, .px-4 {
-  padding-left: calc(var(--space-size) * 4) !important; }
+/* Classic tab styles */
+.tab-container.tabs-classic ul {
+  border-bottom-color: #dbdbdb;
+  border-bottom-style: solid;
+  border-bottom-width: 1px;
+  border-radius: 3px 3px 0 0;
+  /* Only round the top left and right corners */
+  transition: all .3s; }
 
-.pl-5, .px-5 {
-  padding-left: calc(var(--space-size) * 5) !important; }
+.tab-container.tabs-classic li:not(.selected) a:hover {
+  background-color: #f0f0f0;
+  transition: all .3s; }
 
-.pr-0, .px-0 {
-  padding-right: 0 !important; }
+.tab-container.tabs-classic li a {
+  border: 1px solid transparent;
+  border-bottom-color: #dbdbdb;
+  border-radius: 3px 3px 0 0;
+  transition: all .3s; }
 
-.pr-1, .px-1 {
-  padding-right: calc(var(--space-size) * 1) !important; }
+.tab-container.tabs-classic li.selected a {
+  color: var(--cirrus-primary);
+  border-color: #dbdbdb;
+  border-bottom-color: transparent !important; }
 
-.pr-2, .px-2 {
-  padding-right: calc(var(--space-size) * 2) !important; }
+/* Tabs that fill the width */
+.tab-container.tabs-fill li {
+  -webkit-box-flex: 1;
+  -ms-flex-positive: 1;
+  flex-grow: 1;
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+  /* Disable shrinking to original width */
+  flex-basis: 0; }
 
-.pr-3, .px-3 {
-  padding-right: calc(var(--space-size) * 3) !important; }
+/* Override the -webkit-box display that sizes tab items based on text */
+.tab-container.tabs-fill ul {
+  display: flex;
+  /* Equal size tabs */ }
 
-.pr-4, .px-4 {
-  padding-right: calc(var(--space-size) * 4) !important; }
+/* Different tab sizes */
+.tab-container.tabs-xsmall {
+  font-size: 0.6rem; }
 
-.pr-5, .px-5 {
-  padding-right: calc(var(--space-size) * 5) !important; }
+.tab-container.tabs-small {
+  font-size: 0.75rem; }
 
-/* TABLE */
-.table {
-  margin-bottom: 1.5rem;
-  width: 100%;
-  border-collapse: collapse;
-  /* Allows us to set 0 margin in table cells */
-  border-spacing: 0;
-  text-align: center;
-  /* Text center by default */ }
+.tab-container.tabs-large {
+  font-size: 1.25rem; }
 
-.table td,
-.table th {
-  border: 1px solid rgba(219, 219, 219, 0.5);
-  border-width: 0 0 1px;
-  padding: 0.75rem;
-  vertical-align: top;
-  text-align: inherit;
-  margin: 0; }
+.tab-container.tabs-xlarge {
+  font-size: 1.5rem; }
 
-.table tr {
-  transition: all 0.3s; }
+/* Font Awesome Integration */
+.tab-container .icon:first-child {
+  /* Left icon */
+  margin-right: .75rem; }
 
-.table caption {
-  padding-top: 0.75rem;
-  padding-bottom: 0.75rem;
-  color: #6c757d;
-  text-align: left;
-  caption-side: bottom; }
+.tab-container .icon:last-child {
+  /* Right icon */
+  margin-left: .75rem; }
 
-.table tr:hover,
-.table.striped tbody tr:nth-child(even):hover {
-  background-color: rgba(216, 216, 216, 0.15); }
+/* TAGS */
+.tag {
+  align-items: center;
+  background-color: var(--cirrus-light);
+  border-radius: 0.25rem;
+  color: var(--cirrus-fg);
+  display: inline-flex;
+  font-size: 75%;
+  line-height: 1.5;
+  min-height: 1.5rem;
+  padding: 0 0.5rem;
+  white-space: nowrap; }
 
-/* Thicker border for table header */
-.table thead th,
-.table thead {
-  border-bottom: 2px solid rgba(219, 219, 219, 0.49); }
+.tag.tag--large {
+  font-size: 100%; }
 
-.table.bordered thead th,
-.table.bordered thead {
-  border-bottom: 1px solid rgba(219, 219, 219, 0.5); }
+.tag.tag--xlarge {
+  font-size: 150%; }
 
-.table thead th,
-.table tfoot th {
-  padding: 1rem; }
+.tag.tag--rounded {
+  border-radius: 290486px; }
 
-.table tfoot th {
-  border-top: 2px solid rgba(219, 219, 219, 0.5);
-  border-bottom: none; }
+/* Delete button for tag */
+.tag.tag--delete {
+  background-color: rgba(10, 10, 10, 0.2);
+  border-radius: 290486px;
+  cursor: pointer;
+  pointer-events: auto;
+  display: inline-block;
+  height: 20px;
+  max-height: 20px;
+  max-width: 20px;
+  min-height: 20px;
+  min-width: 20px;
+  position: relative; }
 
-/* CUSTOM STYLES */
-/* All borders */
-.table.bordered td,
-.table.bordered th {
-  border: 1px solid rgba(219, 219, 219, 0.5); }
+.tag--delete:hover {
+  background-color: rgba(10, 10, 10, 0.3); }
 
-.table.bordered thead td,
-.table.borderd thead {
-  border-width: 1px; }
+/* Draw the delete button */
+.tag.tag--delete::before,
+.tag.tag--delete::after {
+  background-color: var(--cirrus-light);
+  content: "";
+  display: block;
+  left: 50%;
+  position: absolute;
+  top: 50%;
+  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -webkit-transform-origin: center center;
+  transform-origin: center center; }
 
-/* Striped table */
-.table.striped tbody tr:nth-child(even) {
-  background-color: rgba(0, 0, 0, 0.05); }
+.tag.tag--delete::before {
+  height: 1px;
+  width: 50%; }
 
-/* Decrease padding */
-.table.small td,
-.table.small th {
-  padding: 0.25rem 0.75rem; }
+.tag.tag--delete::after {
+  height: 50%;
+  width: 1px; }
 
-/* Fixed title table */
-.table.fixed-head thead {
-  position: relative;
-  display: block; }
+/* TAG THEMES */
+.tag.tag--delete {
+  margin-left: 0.25rem;
+  margin-right: -0.375rem; }
 
-.table.fixed-head tbody {
-  height: 200px;
-  /* Set the height you want */
-  display: block;
-  /* Needed */
-  overflow: auto;
-  /* Shows scrollbars */ }
+.tag.tag--white {
+  background-color: #fff;
+  color: var(--cirrus-dark); }
 
-.table.fixed-head tr {
-  display: table;
-  width: 100%;
-  /* Forces row to span container */ }
+.tag.tag--black {
+  background-color: #000;
+  color: #fff; }
 
-.table tr.selected {
-  /* Style a selected row */
+.tag.tag--dark {
+  background-color: var(--cirrus-dark);
+  color: #fff; }
+
+.tag.tag--primary {
   background-color: var(--cirrus-primary);
   color: #fff; }
 
-/* Borderless Table (for inner cells) */
-.table.borderless thead th,
-.table.borderless th,
-.table.borderless td {
-  border: none; }
+.tag.tag--link {
+  background-color: var(--cirrus-link);
+  color: #fff; }
 
-/* Color scheme for Cirrus */
-:root {
-  /* v1 Colors */
-  --cirrus-fg: #374054;
-  --cirrus-bg: #fff;
-  --cirrus-primary: #f03d4d;
-  --cirrus-primary-rgb: 240,61,77;
-  --cirrus-primary-light: #ffdadd;
-  --cirrus-accent-hover: #d62939;
-  --cirrus-accent-border: #c21b2b;
-  --cirrus-light: #f6f9fc;
-  --cirrus-light-gray: #f8f9fa;
-  --cirrus-gray: #d5d7dc;
-  --cirrus-dark-gray: #909090;
-  --cirrus-dark: #363636;
-  --cirrus-link: #5e5cc7;
-  --cirrus-link-dark: #4643e2;
-  --cirrus-info: #2972fa;
-  --cirrus-success: #0dd157;
-  --cirrus-success-rgb: 13,209,87;
-  --cirrus-warning: #fab633;
-  --cirrus-danger: #fb4143;
-  --cirrus-light-hover: #d9e6f2;
-  --cirrus-dark-hover: #424242;
-  --cirrus-info-hover: #2368e9;
-  --cirrus-link-hover: #f8f7ff;
-  --cirrus-success-hover: #00b147;
-  --cirrus-warning-hover: #f9a90e;
-  --cirrus-danger-hover: #f1393c;
-  --cirrus-select-bg: rgba(0, 161, 255, 0.2);
-  --cirrus-code-bg: var(--cirrus-primary-light);
-  --cirrus-code-fg: #dc4753;
-  --cirrus-form-group-bg: var(--cirrus-light-gray);
-  --cirrus-form-group-fg: var(--cirrus-dark-gray);
-  --toast-primary-bg: rgba(49, 59, 80, 0.9);
-  --animation-duration: .2s;
-  --focus-opacity: 0.4;
-  --space-size: 0.5rem;
-  --font-size-xs: .7rem;
-  --font-size-s: .85rem;
-  --font-size-m: 1rem;
-  --font-size-l: 1.35rem;
-  --font-size-xl: 1.75rem;
-  /* v2 Colors */
-  --pink-100: #F8E7F1;
-  --pink-200: #F3D2E3;
-  --pink-300: #ECB7D3;
-  --pink-400: #EB8CBC;
-  --pink-500: #DD5A9C;
-  --pink-600: #D12E81;
-  --pink-700: #A21F61;
-  --pink-800: #831B50;
-  --pink-900: #741648;
-  --red-100: #FDE7E9;
-  --red-200: #FBD4D5;
-  --red-300: #F7B1B1;
-  --red-400: #F19393;
-  --red-500: #E85C61;
-  --red-600: #DB3839;
-  --red-700: #B31E1D;
-  --red-800: #9B1313;
-  --red-900: #890E10;
-  --orange-100: #FDEED1;
-  --orange-200: #FBDBAA;
-  --orange-300: #F6B65C;
-  --orange-400: #F19736;
-  --orange-500: #E4771C;
-  --orange-600: #C45307;
-  --orange-700: #9B3908;
-  --orange-800: #842B09;
-  --orange-900: #890E10;
-  --yellow-100: #FFFDE4;
-  --yellow-200: #F9E978;
-  --yellow-300: #F6DA52;
-  --yellow-400: #E8BB24;
-  --yellow-500: #D29507;
-  --yellow-600: #9D6B0C;
-  --yellow-700: #7C4D09;
-  --yellow-800: #6C3E0C;
-  --yellow-900: #5D320F;
-  --green-100: #E1F7EB;
-  --green-200: #C2ECD6;
-  --green-300: #98D9B7;
-  --green-400: #64C192;
-  --green-500: #44A675;
-  --green-600: #33855D;
-  --green-700: #27684A;
-  --green-800: #275440;
-  --green-900: #234535;
-  --teal-100: #DDF2F5;
-  --teal-200: #B5E6EB;
-  --teal-300: #7FCED5;
-  --teal-400: #59BAC3;
-  --teal-500: #1E9CA8;
-  --teal-600: #0F7D8A;
-  --teal-700: #0A616A;
-  --teal-800: #105157;
-  --teal-900: #114448;
-  --blue-100: #E1EFFC;
-  --blue-200: #BFDCFC;
-  --blue-300: #8BC2F8;
-  --blue-400: #5FA7F3;
-  --blue-500: #3C91EC;
-  --blue-600: #1B74D9;
-  --blue-700: #1E5898;
-  --blue-800: #1E4C80;
-  --blue-900: #1C3C63;
-  --indigo-100: #E2EFFF;
-  --indigo-200: #C4DBFD;
-  --indigo-300: #A1BEFA;
-  --indigo-400: #89A3F7;
-  --indigo-500: #6C83E9;
-  --indigo-600: #5966D9;
-  --indigo-700: #4C4F9E;
-  --indigo-800: #42417B;
-  --indigo-900: #3A3462;
-  --purple-100: #F0E9FB;
-  --purple-200: #E2D4F8;
-  --purple-300: #CBB2F6;
-  --purple-400: #B89AF4;
-  --purple-500: #9C73ED;
-  --purple-600: #8256E1;
-  --purple-700: #6340B6;
-  --purple-800: #50388E;
-  --purple-900: #413170;
-  --gray-000: #f8f9fa;
-  --gray-100: #f1f3f5;
-  --gray-200: #e9ecef;
-  --gray-300: #dee2e6;
-  --gray-400: #ced4da;
-  --gray-500: #adb5bd;
-  --gray-600: #868e96;
-  --gray-700: #495057;
-  --gray-800: #343a40;
-  --gray-900: #212529; }
+.tag.tag--info {
+  background-color: var(--cirrus-info);
+  color: #fff; }
+
+.tag.tag--success {
+  background-color: var(--cirrus-success);
+  color: #fff; }
+
+.tag.tag--warning {
+  background-color: var(--cirrus-warning);
+  color: var(--cirrus-fg); }
+
+.tag.tag--danger {
+  background-color: var(--cirrus-danger);
+  color: #fff; }
 
-/* UTILS */
-/* Utility classes to help solve some very annoying issues */
-.u-hidden {
-  display: none !important; }
+/* TAG CONTAINER */
+.tag-container {
+  display: flex;
+  flex-wrap: wrap; }
 
-.u-block {
-  display: block !important; }
+/* Add margin in between tag containers */
+.tag-container:not(:last-child) {
+  margin-bottom: 1rem; }
 
-.u-inline {
-  display: inline !important; }
+.tag-container .tag {
+  margin-bottom: 0.5rem; }
 
-.u-inline-block {
-  display: inline-block !important; }
+.tag-container .tag:not(:last-child) {
+  margin-right: 0.5rem; }
 
-.u-flex {
-  display: flex !important; }
+/* Used for grouping tags together */
+.tag-container.group-tags .tag {
+  margin-right: 0; }
 
-.u-flex.u-flex-column {
-  flex-direction: column !important; }
+.tag-container.group-tags .tag:first-child {
+  border-radius: .25rem 0 0 .25rem; }
 
-.u-flex.u-flex-row {
-  flex-direction: row !important; }
+.tag-container.group-tags .tag:not(:first-child):not(:last-child) {
+  border-radius: 0; }
 
-.u-inline-flex {
-  display: -ms-inline-flexbox !important;
-  display: inline-flex !important; }
+.tag-container.group-tags .tag:last-child {
+  border-radius: 0 .25rem .25rem 0; }
 
-.u-table {
-  display: table !important; }
+/* Tag close button */
+.tag.tag__close-btn {
+  padding: 0;
+  position: relative;
+  width: 1.5rem; }
 
-.u-table-row {
-  display: table-row !important; }
+.tag.tag__close-btn::before,
+.tag.tag__close-btn::after {
+  background-color: var(--cirrus-fg);
+  content: "";
+  display: block;
+  left: 50%;
+  top: 50%;
+  position: absolute;
+  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  -webkit-transform-origin: center center;
+  transform-origin: center center; }
 
-.u-position-static {
-  position: static !important; }
+.tag.tag__close-btn::before {
+  height: 1px;
+  width: 50%; }
 
-.u-position-relative {
-  position: static !important; }
+.tag.tag__close-btn::after {
+  height: 50%;
+  width: 1px; }
 
-.u-position-absolute {
-  position: absolute !important; }
+/* MISC */
+a.tag:hover {
+  text-decoration: underline; }
 
-.u-position-fixed {
-  position: fixed !important; }
+.tag-container.tag-container--grouped .tag:not(:first-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0; }
 
-.u-position-sticky {
-  position: sticky !important; }
+.tag-container.tag-container--grouped .tag:not(:last-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0; }
 
-/*
-   When using floats, clearfix allows the container to automatically resize so that
-   other elements are not blocked by children.
-*/
-.u-clearfix:after {
-  clear: both !important;
-  content: " ";
-  display: table !important; }
+/* Tag positioning */
+.tag-container.tag-container--centered {
+  justify-content: center; }
 
-/* This is mainly to keep elements from overlapping when using floats */
-.u-clear-left {
-  clear: left !important; }
+.tag-container.tag-container--centered .tag {
+  margin: 0 0.25rem; }
 
-.u-clear-right {
-  clear: right !important; }
+.tag-container.tag-container--right {
+  justify-content: flex-end; }
 
-.u-clear-both {
-  clear: both !important; }
+.tag-container.tag-container--right .tag:not(:first-child) {
+  margin-left: 0.5rem; }
 
-.u-pull-left {
-  float: left !important; }
+.tag-container.tag-container--right .tag:not(:last-child) {
+  margin-right: 0; }
 
-.u-pull-right {
-  float: right !important; }
+/* TILES */
+.tile {
+  display: flex;
+  display: -ms-flexbox;
+  align-content: space-between;
+  /* Ensure space between child elements of card tile */
+  -webkit-align-content: space-between;
+  /* align-items: flex-start; Push elements to the top of container instead of center/bottom (removed since unneeded */
+  -ms-flex-line-pack: justify;
+  /* Evenly distribute lines */ }
 
-.u-text-center {
-  text-align: center !important; }
+.tile p {
+  font-size: 0.95rem; }
 
-.u-text-justify {
-  text-align: justify !important; }
+.tile .tile__icon,
+.tile .tile__buttons {
+  flex: 0 0 auto;
+  -webkit-flex: 0 0 auto;
+  -ms-flex: 0 0 auto; }
 
-.u-text-ellipsis {
-  text-overflow: ellipsis; }
+/* Override the default behavior where buttons display as blocks */
+.tile .tile__buttons button,
+.tile .tile__buttons .btn,
+.tile .tile__buttons [type="submit"] {
+  display: inline-block;
+  margin: 0.1rem;
+  /* Reduce space used by buttons, default .5rem */ }
 
-.u-text-break {
-  hyphens: auto;
-  word-break: break-word;
-  word-wrap: break-word; }
+.tile .tile__container {
+  flex: 1 1 auto;
+  -webkit-flex: 1 1 auto;
+  -ms-flex: 1 1 auto; }
 
-/* Center element - best used for hero bodies or text */
-.u-center {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
+/* Add spacing between the elements in between */
+.tile .tile__container:not(:first-child) {
+  padding-left: 1rem; }
+
+.tile .tile__container:not(:last-child) {
+  padding-right: 1rem; }
+
+.tile .tile__title {
+  line-height: 2rem;
+  font-weight: bolder;
+  margin: 0.1rem auto; }
+
+.tile .tile__subtitle {
+  line-height: 1.25rem;
+  opacity: 0.7;
+  margin: 0.1rem auto; }
+
+/* Force elements to align at the center vertical height */
+.tile.tile--center {
   align-items: center;
-  -webkit-box-pack: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  margin: 0 auto;
-  flex-wrap: wrap; }
+  -webkit-align-items: center;
+  -ms-flex-align: center; }
+
+.tile.tile--center .tile__container {
+  /* Shrink the text to fit inside the tile */
+  overflow: hidden; }
+
+/* Keep the text from overflowing */
+.tile.tile--center .tile__title,
+.tile.tile--center .tile__subtitle.no-wrap {
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  margin-bottom: 0; }
+
+.toast {
+  display: block;
+  width: 100%;
+  padding: .75rem 1.25rem;
+  background-color: var(--toast-primary-bg);
+  border: 1px solid var(--toast-primary-bg);
+  border-radius: 2px;
+  color: #fff;
+  position: relative;
+  margin: 0.5rem; }
+
+/* .toast h1, .toast h2, .toast h3, .toast h4, .toast h5, .toast h6 {
+    margin: 0;
+    margin-top: 1rem;
+} (Deprecated 0.5.5) */
+.toast .toast__title {
+  margin: 0;
+  margin-top: 1rem; }
+
+.toast p {
+  margin: 0; }
+
+.toast.toast--translucent {
+  opacity: .5; }
+
+.toast.toast--translucent:hover {
+  opacity: 1; }
+
+.toast .btn-close {
+  position: absolute;
+  right: 1rem;
+  top: 1rem; }
+
+/* TOAST TYPES */
+.toast.toast--primary {
+  background-color: var(--toast-primary-bg);
+  border-color: var(--toast-primary-bg); }
+
+.toast.toast--success {
+  background-color: var(--cirrus-success);
+  border-color: var(--cirrus-success); }
+
+.toast.toast--warning {
+  background-color: var(--cirrus-warning);
+  border-color: var(--cirrus-warning); }
+
+.toast.toast--error {
+  background-color: var(--cirrus-danger);
+  border-color: var(--cirrus-danger); }
+
+.toast.toast--info {
+  background-color: var(--cirrus-info);
+  border-color: var(--cirrus-info); }
+
+.toast.toast--link {
+  background-color: var(--cirrus-link);
+  border-color: var(--cirrus-link); }
 
-.u-center-alt,
-.u-center-alt:hover,
-.u-center-alt:active {
-  /* If flexbox method fails, this works for elements with unknown dimensions */
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  -webkit-transform: translate(-50%, -50%);
-  transform: translate(-50%, -50%); }
+.toast.toast--primary {
+  background-color: var(--cirrus-primary);
+  border-color: var(--cirrus-primary); }
 
-.u-vertical-center {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  align-items: center;
-  vertical-align: middle; }
+/* Add the rest later */
+.toast a {
+  color: var(--cirrus-light);
+  transition: all .3s; }
 
-.u-horizontal-center {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center; }
+.toast a:hover {
+  opacity: .8;
+  transition: all .3s; }
 
-.u-overlay {
-  bottom: 0;
-  left: 0;
-  right: 0;
-  top: 0;
-  position: absolute; }
+/* TOOLTIPS */
+.tooltip {
+  position: relative;
+  /* let's the pseudoelement that we are displaying relative to the button. */
+  overflow: visible;
+  /* Allows the pseudoelement to be shown */
+  white-space: nowrap;
+  /* Keeps the button text from wrapping and getting too large */ }
 
-.u-hide-overflow {
-  overflow: hidden !important;
-  overflow-x: hidden;
-  overflow-y: hidden; }
+/* This is the psuedoelement that creates the tooltip */
+.tooltip::after,
+.tooltip.tooltip--top::after {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  position: absolute;
+  color: #fff;
+  font-size: 0.6rem;
+  background-color: rgba(69, 77, 93, 0.9);
+  content: attr(data-tooltip);
+  /* Retrieves the data specified in this element property and displays it as text */
+  display: block;
+  line-height: 1rem;
+  text-transform: none;
+  overflow: hidden;
+  padding: 0.4rem 0.8rem;
+  opacity: 0;
+  /* Hide the element */
+  text-overflow: ellipsis;
+  max-width: 15rem;
+  -webkit-transform: translate(-50%, 0);
+  transform: translate(-50%, 0);
+  transition: all var(--animation-duration) ease;
+  z-index: 200;
+  pointer-events: none;
+  bottom: 100%;
+  /* Pushes the tooltip above the button */
+  left: 50%;
+  /* Horizontally center it */
+  border-radius: 0.2rem; }
 
-.u-text-center {
-  text-align: center !important; }
+/* Handles the on hover event of the button and then modifies the associated tooltip accordingly. */
+.tooltip:focus::after,
+.tooltip:hover::after {
+  opacity: 1;
+  -webkit-transform: translate(-50%, -0.5rem);
+  transform: translate(-50%, -0.5rem);
+  transition: all var(--animation-duration) ease; }
 
-.u-text-left {
-  text-align: left !important; }
+/* Tooltip top left */
+.tooltip.tooltip--top-left::after {
+  -webkit-transform: translate(-50%, 0);
+  transform: translate(-50%, 0); }
 
-.u-text-right {
-  text-align: right !important; }
+.tooltip.tooltip--top-left:hover::after,
+.tooltip.tooltip--top-left:focus::after {
+  left: 0;
+  -webkit-transform: translate(-100%, -0.5rem);
+  transform: translate(-100%, -0.5rem); }
 
-.u-hide {
-  display: none !important; }
+/* Tooltip top right */
+.tooltip.tooltip--top-right::after {
+  left: auto;
+  -webkit-transform: translate(15%, 0);
+  transform: translate(15%, 0); }
 
-.u-disabled {
-  cursor: not-allowed !important; }
+.tooltip.tooltip--top-right:hover::after,
+.tooltip.tooltip--top-right:focus::after {
+  right: 0;
+  -webkit-transform: translate(100%, -0.5rem);
+  transform: translate(100%, -0.5rem); }
 
-.u-unselectable {
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  user-select: none; }
+/* Tooltip bottom */
+.tooltip.tooltip--bottom::after {
+  top: 100%;
+  transform: translate(-50%, -1rem);
+  /* Moves tooltip to the center horizontally and shifts tooltip down */
+  -webkit-transform: translate(-50%, -1rem);
+  -moz-transform: translate(-50%, -1rem);
+  -ms-transform: translate(-50%, -1rem);
+  bottom: auto; }
 
-/* Deprecated 0.5.6 */
-/* .u-box {
-  background-color: white;
-  border-radius: 3px;
-  box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
-  display: block;
-  padding: 1rem;
-}
-
-.u-box:not(:last-child) {
-  margin-bottom: 1rem;
-} */
-/* Deprecated 0.5.6 */
-/* .u-fill-width {
-  width: 100% !important;
-} */
-/* Deprecated 0.5.6 */
-/*
-.u-no-margin {
-  margin: 0 !important;
-}
-
-.u-no-padding {
-  padding: 0 !important;
-}
-*/
-.u-margin-auto {
-  margin: 0 auto !important; }
+.tooltip.tooltip--bottom:hover::after,
+.tooltip.tooltip--bottom:focus::after {
+  transform: translate(-50%, 0.5rem);
+  -webkit-transform: translate(-50%, 0.5rem);
+  -moz-transform: translate(-50%, 0.5rem);
+  -ms-transform: translate(-50%, 0.5rem);
+  bottom: auto; }
 
-/* Round the corners of the element */
-.u-round {
-  border-radius: 0.1rem; }
+/* Tooltip bottom left */
+.tooltip.tooltip--bottom-left::after {
+  top: 100%;
+  -webkit-transform: translate(-65%, -1rem);
+  transform: translate(-65%, -1rem);
+  bottom: auto; }
 
-/* Turns element into a circle */
-.u-circle {
-  border-radius: 50%; }
+.tooltip.tooltip--bottom-left:hover::after,
+.tooltip.tooltip--bottom-left:focus::after {
+  left: 0;
+  -webkit-transform: translate(-100%, 0.5rem);
+  transform: translate(-100%, 0.5rem); }
 
-/* Remove outline or drop shadow when element is focused */
-.u-no-shadow {
-  box-shadow: none; }
+/* Tooltip bottom right */
+.tooltip.tooltip--bottom-right::after {
+  left: auto;
+  top: 100%;
+  -webkit-transform: translate(0%, -1rem);
+  transform: translate(0%, -1rem);
+  bottom: auto; }
 
-/* Responsiveness and Element Hiding */
-/* Do the actual balancing only on larger screens */
-@media screen and (min-width: 769px) {
-  .level,
-  .level-left,
-  .level-right {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex; } }
+.tooltip.tooltip--bottom-right:hover::after,
+.tooltip.tooltip--bottom-right:focus::after {
+  right: 0;
+  -webkit-transform: translate(100%, 0.5rem);
+  transform: translate(100%, 0.5rem); }
 
-/* Hide elements based on screen size */
-@media screen and (max-width: 768px) {
-  .u-hide-mobile {
-    display: none !important; } }
+/* Tooltip right */
+.tooltip.tooltip--right::after {
+  left: 100%;
+  bottom: 50%;
+  transform: translate(-1rem, 50%);
+  -webkit-transform: translate(-1rem, 50%);
+  -moz-transform: translate(-1rem, 50%);
+  -ms-transform: translate(-1rem, 50%); }
 
-@media screen and (min-width: 768px) {
-  /* Hide on devices that are tablets or larger */
-  .u-hide-tablet {
-    display: none !important; } }
+.tooltip.tooltip--right:hover::after,
+.tooltip.tooltip--right:focus::after {
+  transform: translate(0.5rem, 50%);
+  -webkit-transform: translate(0.5rem, 50%);
+  -moz-transform: translate(0.5rem, 50%);
+  -ms-transform: translate(0.5rem, 50%); }
 
-@media screen and (min-width: 769px) and (max-width: 1023px) {
-  .u-hide-tablet-only {
-    display: none !important; } }
+/* Tooltip Left */
+.tooltip.tooltip--left::after {
+  right: 100%;
+  bottom: 50%;
+  left: auto;
+  /* Needed to work */
+  transform: translate(1rem, 50%);
+  -webkit-transform: translate(1rem, 50%);
+  -moz-transform: translate(1rem, 50%);
+  -ms-transform: translate(1rem, 50%); }
 
-@media screen and (min-width: 1024px) {
-  /* Hide element on laptops, desktops, etc */
-  .u-hide-desktop {
-    display: none !important; } }
+.tooltip.tooltip--left:hover::after,
+.tooltip.tooltip--left:focus::after {
+  transform: translate(-0.5rem, 50%);
+  -webkit-transform: translate(-0.5rem, 50%);
+  -moz-transform: translate(-0.5rem, 50%);
+  -ms-transform: translate(-0.5rem, 50%); }
diff --git a/dist/cirrus.min.css b/dist/cirrus.min.css
index f7bebfd3..ce09f17b 100644
--- a/dist/cirrus.min.css
+++ b/dist/cirrus.min.css
@@ -3,4 +3,4 @@
 * Stanley Lim, Copyright 2020
 * https://spiderpig86.github.io/Cirrus
 */
-@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700|Nunito+Sans:400,700);*{margin:0;padding:0;box-sizing:border-box;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}body,html{margin:0;padding:0;border:none;height:100%}body{letter-spacing:.01rem;line-height:1.8;font-size:1rem;font-weight:400;font-family:"Nunito Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";letter-spacing:.01rem;text-shadow:1px 1px 1px rgba(0,0,0,.004);color:var(--cirrus-fg)}ul{list-style:none;list-style:disc}embed,img,object,video{max-width:100%;height:auto}.hero.fullscreen video{height:100%;object-fit:fill;position:absolute;width:100%;z-index:-1}iframe{outline:0;border:1px solid rgba(0,0,0,.1);border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,.05)}article,aside,figure,footer,header,hgroup,section{display:block}input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit}label{display:inline-block;margin:.25rem 0}fieldset{padding:1rem}fieldset legend{font-weight:700}[hidden]{display:none!important}::selection{background-color:var(--cirrus-select-bg)}:focus{box-shadow:0 0 .1rem .15rem rgba(240,61,77,.13);outline:0}@-webkit-keyframes loading{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes loading{from{transform:rotate(0)}to{transform:rotate(359deg)}}.hover-grow{transition-duration:.32s}.hover-grow:hover{transform:scale(1.1);transition-duration:80ms}.animated.loading{display:block;position:relative}.animated.loading::after{border:2px solid #ccc;border-radius:50%;border-right-color:transparent;border-top-color:transparent;content:"";display:block;height:1rem;width:1rem;left:calc(50% - (1em / 1.25));top:calc(50% - (1em / 1.35));position:absolute;-webkit-animation:.5s linear infinite loading;animation:.5s linear infinite loading}.animated.loading.loading-white::after{border-left-color:#fff;border-bottom-color:#fff}.animated.loading.loading-left::after{left:2rem;right:auto}.animated.loading.loading-left{padding-left:4rem}.animated.loading.loading-right::after{left:auto;right:2rem}.animated.loading.loading-right{padding-right:4rem}.animated.loading.hide-text{color:transparent!important}@-webkit-keyframes pound{to{transform:scale(1.1)}}@keyframes pound{to{transform:scale(1.1)}}.animated.pulse{animation:.35s infinite alternate pound;-webkit-animation:.35s infinite alternate pound;vertical-align:baseline}@-webkit-keyframes bounce{20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.animated.bounce{animation-name:bounce;-webkit-animation-name:bounce;transform-origin:center bottom;-webkit-transform-origin:center bottom}@keyframes bounceIn{20%,40%,60%,80%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scale3d(1,1,1)}}.animated.bounceIn{animation-name:bounceIn}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.animated.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.infinite.alternate{animation-direction:alternate}.animated.paused{-webkit-animation-play-state:paused!important;animation-play-state:paused!important}.avatar{border-radius:50%;position:relative;display:block;margin:auto;font-size:1rem;font-weight:lighter;width:3.2rem;height:3.2rem;background-color:var(--cirrus-primary);overflow:hidden}.avatar::before{content:attr(data-text);color:#fff;left:50%;top:50%;position:absolute;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}.avatar.avatar--xsmall{font-size:.8rem;width:1.6rem;height:1.6rem}.avatar.avatar--small{font-size:1rem;height:2.4rem;width:2.4rem}.avatar.avatar--large{font-size:2rem;height:4.8rem;width:4.8rem}.avatar.avatar--xlarge{font-size:2.6rem;height:6.4rem;width:6.4rem}.avatar img.padded{padding:.5rem;width:100%}.card{background-color:#fff;border-radius:5px;position:relative;overflow:hidden;transition:.3s;backface-visibility:hidden;box-shadow:0 5px 12px 0 rgba(42,51,83,.12),0 0 5px rgba(0,0,0,.06);margin-bottom:1rem}.card:hover{transition:.3s;box-shadow:0 8px 20px 0 rgba(42,51,83,.12),0 5px 5px rgba(0,0,0,.06)}.slide-up:hover .card-image{transform:translateY(-40px)}.card:hover .card-image::after{opacity:0}.card-image{bottom:0;left:0;position:absolute;right:0;top:0;border-radius:5px 5px 0 0;background-size:cover;background-repeat:no-repeat;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:.3s ease-in-out}.card-image::after{content:'';display:block;position:absolute;background-color:rgba(0,0,0,.1);top:0;left:0;right:0;-webkit-transition:.5s;transition:.5s;bottom:0}.card-container{display:block;position:relative;height:40%;min-height:332px}.card .title-container .subtitle,.card .title-container .title{color:#fff;margin:1rem auto}.card .title-container{position:absolute;bottom:1rem;width:100%;padding:0 1rem}.card .title-container .title{font-weight:300;font-size:1.5rem;margin-bottom:0;text-shadow:0 1px 2px rgba(0,0,0,.25)}.card.u-flex .content{flex-grow:1}.card .action-bar{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:.5rem;border-top:1px solid #e0e0e0;box-sizing:border-box;-webkit-transition:left .2s cubic-bezier(.075,.82,.165,1);transition:left .2s cubic-bezier(.075,.82,.165,1)}.card .action-bar .btn,.card .action-bar [type=submit],.card .action-bar button{margin:0 .5rem}.card .action-bar+.card-footer{padding:1rem 0;border-top:1px solid #e0e0e0}.card .btn,.card button{display:inline-block;border-color:transparent}.card .btn:focus,.card .btn:hover,.card button:focus,.card button:hover{-webkit-transform:none;transform:none}.mobile-title{position:absolute;left:0;background-color:var(--cirrus-bg);-moz-transition:.3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:.3s ease-in-out;width:100%;padding:2rem 0 0;backface-visibility:hidden}.card:hover .mobile-title{margin-top:-7rem;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:.3s ease-in-out}.card:hover .card-body{opacity:1;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:.3s ease-in-out}.card-body{opacity:0;-webkit-transition:all var(--animation-duration) ease-in-out;-moz-transition:all var(--animation-duration) ease-in-out;-ms-transition:all var(--animation-duration) ease-in-out;transition:all var(--animation-duration) ease-in-out}.card-footer{position:relative;font-size:.75rem;color:#9fa5a8}.card p{margin:1rem 0}.card-head{align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;display:flex;display:-webkit-box;display:-ms-flexbox;border-bottom:1px solid #e0e0e0}.card-head-title{align-items:center;-webkit-box-align:center;-ms-flex-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;font-weight:700;padding:0 1rem}.form-ext-control{display:block;min-height:1.5rem;padding-left:1.5rem;position:relative}.form-ext-input{opacity:0;position:absolute;z-index:-1}.form-ext-input:disabled~.form-ext-label{opacity:.4}.form-ext-control .form-ext-input.form-ext-input--success:checked~.form-ext-label:before{background-color:var(--cirrus-success)}.form-ext-control .form-ext-input.form-ext-input--success:checked~.form-ext-label{color:var(--cirrus-success)}.form-ext-control .form-ext-input.form-ext-input--error:checked~.form-ext-label:before{background-color:var(--cirrus-danger)}.form-ext-control .form-ext-input.form-ext-input--error:checked~.form-ext-label{color:var(--cirrus-danger)}.form-ext-label{margin-bottom:0;position:relative}.form-ext-label:after,.form-ext-label:before{content:"";display:block;height:1rem;left:-1.5rem;position:absolute;top:.3rem;transition:all var(--animation-duration);width:1rem}.form-ext-label:before{background-color:var(--cirrus-light);border:1px solid #d5d7dc;border-radius:.25rem;pointer-events:none;user-select:none;box-sizing:border-box}.form-ext-label:after{background-position:center;background-repeat:no-repeat;background-size:50% 50%}.form-ext-control.form-ext-checkbox .form-ext-input:checked~.form-ext-label:after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.form-ext-checkbox .form-ext-label:before{border-radius:.25rem}.form-ext-control.form-ext-radio .form-ext-input:checked~.form-ext-label:after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")}.form-ext-radio .form-ext-label:before{border-radius:50%}.form-ext-toggle{cursor:pointer;position:relative}.form-ext-toggle input[type=checkbox],.form-ext-toggle input[type=radio]{opacity:0;position:absolute;z-index:-1}.form-ext-toggle__label{align-items:center;display:flex;justify-content:space-between}.form-ext-toggle__toggler{border:1px solid var(--cirrus-gray);border-radius:6.25rem;color:var(--cirrus-gray);display:block;font-size:9px;height:1.5rem;position:relative;width:3rem}.form-ext-toggle input[type=checkbox]:checked+* .form-ext-toggle__toggler,.form-ext-toggle input[type=checkbox]:checked+.form-ext-toggle__toggler,.form-ext-toggle input[type=radio]:checked+* .form-ext-toggle__toggler,.form-ext-toggle input[type=radio]:checked+.form-ext-toggle__toggler{background-color:var(--cirrus-primary);border-color:var(--cirrus-primary);color:#fff;position:relative;transition:.4s}.form-ext-toggle i{display:inline-block}.form-ext-input:disabled~.form-ext-toggle__toggler{opacity:.5}.form-ext-toggle__toggler i::after,.form-ext-toggle__toggler i::before{content:"";display:block;position:absolute}.form-ext-toggle__toggler i::before{content:attr(data-uncheck-icon);padding:2px 7px;line-height:18px;text-align:right;top:0;width:65%;font-size:12px}.form-ext-toggle__toggler i::after{background-color:var(--cirrus-gray);border-radius:50%;height:16px;left:4px;width:16px;transform:translateY(-50%);transition:left var(--animation-duration) ease;text-align:left}.form-ext-control .form-ext-input:checked~.form-ext-label:before{background-color:var(--cirrus-primary);border:none}.form-ext-toggle input[type=checkbox]:checked+* .form-ext-toggle__toggler i::before,.form-ext-toggle input[type=checkbox]:checked+.form-ext-toggle__toggler i::before,.form-ext-toggle input[type=radio]:checked+* .form-ext-toggle__toggler i::before,.form-ext-toggle input[type=radio]:checked+.form-ext-toggle__toggler i::before{color:#fff;content:attr(data-check-icon);text-align:left}.form-ext-toggle input[type=checkbox]:checked+* .form-ext-toggle__toggler i::after,.form-ext-toggle input[type=checkbox]:checked+.form-ext-toggle__toggler i::after,.form-ext-toggle input[type=radio]:checked+* .form-ext-toggle__toggler i::after,.form-ext-toggle input[type=radio]:checked+.form-ext-toggle__toggler i::after{background-color:#fff;left:calc(100% - 20px)}.form-ext-toggle.form-ext-toggle--error input[type=checkbox]:checked+* .form-ext-toggle__toggler,.form-ext-toggle.form-ext-toggle--error input[type=checkbox]:checked+.form-ext-toggle__toggler,.form-ext-toggle.form-ext-toggle--error input[type=radio]:checked+* .form-ext-toggle__toggler,.form-ext-toggle.form-ext-toggle--error input[type=radio]:checked+.form-ext-toggle__toggler{background-color:var(--cirrus-danger);border-color:var(--cirrus-danger)}.form-ext-toggle.form-ext-toggle--error .form-ext-toggle__toggler{border-color:var(--cirrus-danger);color:var(--cirrus-danger)}.form-ext-toggle.form-ext-toggle--error .form-ext-toggle__toggler i::after{background-color:var(--cirrus-danger)}.form-ext-toggle.form-ext-toggle--success input[type=checkbox]:checked+* .form-ext-toggle__toggler,.form-ext-toggle.form-ext-toggle--success input[type=checkbox]:checked+.form-ext-toggle__toggler,.form-ext-toggle.form-ext-toggle--success input[type=radio]:checked+* .form-ext-toggle__toggler,.form-ext-toggle.form-ext-toggle--success input[type=radio]:checked+.form-ext-toggle__toggler{background-color:var(--cirrus-success);border-color:var(--cirrus-success)}.form-ext-toggle--success .form-ext-toggle__toggler{border-color:var(--cirrus-success);color:var(--cirrus-success)}.form-ext-toggle--success .form-ext-toggle__toggler i::after{background-color:var(--cirrus-success)}.form-ext-toggle .form-ext-input:focus+.form-ext-toggle__toggler,.form-ext-toggle .form-ext-input:focus~.form-ext-label:before{box-shadow:0 0 0 .2rem rgba(var(--cirrus-primary-rgb),var(--focus-opacity)),inset 0 1px 8px rgba(0,0,0,.07)}.form-ext-toggle.form-ext-toggle--success .form-ext-input:focus+.form-ext-toggle__toggler{box-shadow:0 0 0 .2rem rgba(var(--cirrus-success-rgb),var(--focus-opacity)),inset 0 1px 8px rgba(34,197,127,.13)}.form-ext-input.form-ext-input--success:focus~.form-ext-label:before{border-color:inherit;box-shadow:0 0 0 .2rem rgba(var(--cirrus-success-rgb),var(--focus-opacity)),inset 0 1px 8px rgba(0,0,0,.07)}:root{--gap-0:0;--gap-1:0.25rem;--gap-2:0.5rem;--gap-3:1rem;--gap-4:1.25rem;--gap-5:1.5rem;--gap-6:3rem;--gap-7:6rem;--gap-8:9rem;--gap-9:12rem;--cirrus-fg:#374054;--cirrus-bg:#fff;--cirrus-primary:#f03d4d;--cirrus-primary-rgb:240,61,77;--cirrus-primary-light:#ffdadd;--cirrus-accent-hover:#d62939;--cirrus-accent-border:#c21b2b;--cirrus-light:#f6f9fc;--cirrus-light-gray:#f8f9fa;--cirrus-gray:#d5d7dc;--cirrus-dark-gray:#909090;--cirrus-dark:#363636;--cirrus-link:#5e5cc7;--cirrus-link-dark:#4643e2;--cirrus-info:#2972fa;--cirrus-success:#0dd157;--cirrus-success-rgb:13,209,87;--cirrus-warning:#fab633;--cirrus-danger:#fb4143;--cirrus-light-hover:#d9e6f2;--cirrus-dark-hover:#424242;--cirrus-info-hover:#2368e9;--cirrus-link-hover:#f8f7ff;--cirrus-success-hover:#00b147;--cirrus-warning-hover:#f9a90e;--cirrus-danger-hover:#f1393c;--cirrus-select-bg:rgba(0, 161, 255, 0.2);--cirrus-code-bg:var(--cirrus-primary-light);--cirrus-code-fg:#dc4753;--cirrus-form-group-bg:var(--cirrus-light-gray);--cirrus-form-group-fg:var(--cirrus-dark-gray);--toast-primary-bg:rgba(49, 59, 80, 0.9);--animation-duration:.2s;--focus-opacity:0.4;--space-size:0.5rem;--font-size-xs:.7rem;--font-size-s:.85rem;--font-size-m:1rem;--font-size-l:1.35rem;--font-size-xl:1.75rem;--pink-100:#F8E7F1;--pink-200:#F3D2E3;--pink-300:#ECB7D3;--pink-400:#EB8CBC;--pink-500:#DD5A9C;--pink-600:#D12E81;--pink-700:#A21F61;--pink-800:#831B50;--pink-900:#741648;--red-100:#FDE7E9;--red-200:#FBD4D5;--red-300:#F7B1B1;--red-400:#F19393;--red-500:#E85C61;--red-600:#DB3839;--red-700:#B31E1D;--red-800:#9B1313;--red-900:#890E10;--orange-100:#FDEED1;--orange-200:#FBDBAA;--orange-300:#F6B65C;--orange-400:#F19736;--orange-500:#E4771C;--orange-600:#C45307;--orange-700:#9B3908;--orange-800:#842B09;--orange-900:#890E10;--yellow-100:#FFFDE4;--yellow-200:#F9E978;--yellow-300:#F6DA52;--yellow-400:#E8BB24;--yellow-500:#D29507;--yellow-600:#9D6B0C;--yellow-700:#7C4D09;--yellow-800:#6C3E0C;--yellow-900:#5D320F;--green-100:#E1F7EB;--green-200:#C2ECD6;--green-300:#98D9B7;--green-400:#64C192;--green-500:#44A675;--green-600:#33855D;--green-700:#27684A;--green-800:#275440;--green-900:#234535;--teal-100:#DDF2F5;--teal-200:#B5E6EB;--teal-300:#7FCED5;--teal-400:#59BAC3;--teal-500:#1E9CA8;--teal-600:#0F7D8A;--teal-700:#0A616A;--teal-800:#105157;--teal-900:#114448;--blue-100:#E1EFFC;--blue-200:#BFDCFC;--blue-300:#8BC2F8;--blue-400:#5FA7F3;--blue-500:#3C91EC;--blue-600:#1B74D9;--blue-700:#1E5898;--blue-800:#1E4C80;--blue-900:#1C3C63;--indigo-100:#E2EFFF;--indigo-200:#C4DBFD;--indigo-300:#A1BEFA;--indigo-400:#89A3F7;--indigo-500:#6C83E9;--indigo-600:#5966D9;--indigo-700:#4C4F9E;--indigo-800:#42417B;--indigo-900:#3A3462;--purple-100:#F0E9FB;--purple-200:#E2D4F8;--purple-300:#CBB2F6;--purple-400:#B89AF4;--purple-500:#9C73ED;--purple-600:#8256E1;--purple-700:#6340B6;--purple-800:#50388E;--purple-900:#413170;--gray-000:#f8f9fa;--gray-100:#f1f3f5;--gray-200:#e9ecef;--gray-300:#dee2e6;--gray-400:#ced4da;--gray-500:#adb5bd;--gray-600:#868e96;--gray-700:#495057;--gray-800:#343a40;--gray-900:#212529}.grid{--grid-gap:--gap-2;--grid-template-column:repeat(12, minmax(0, 1fr));--grid-column-start:auto;--grid-column-end:auto;--grid-row-start:auto;--grid-row-end:auto;display:grid;grid-gap:var(--grid-gap);grid-template-columns:var(--grid-template-column)}.grid .c{grid-column-start:var(--grid-column-start);grid-column-end:var(--grid-column-end)}.grid.grid-cols-1{--grid-template-column:repeat(1, minmax(0, 1fr))}.grid.grid-cols-2{--grid-template-column:repeat(2, minmax(0, 1fr))}.grid.grid-cols-3{--grid-template-column:repeat(3, minmax(0, 1fr))}.grid.grid-cols-4{--grid-template-column:repeat(4, minmax(0, 1fr))}.grid.grid-cols-5{--grid-template-column:repeat(5, minmax(0, 1fr))}.grid.grid-cols-6{--grid-template-column:repeat(6, minmax(0, 1fr))}.grid.grid-cols-7{--grid-template-column:repeat(7, minmax(0, 1fr))}.grid.grid-cols-8{--grid-template-column:repeat(8, minmax(0, 1fr))}.grid.grid-cols-9{--grid-template-column:repeat(9, minmax(0, 1fr))}.grid.grid-cols-10{--grid-template-column:repeat(10, minmax(0, 1fr))}.grid.grid-cols-11{--grid-template-column:repeat(11, minmax(0, 1fr))}.grid.grid-cols-12{--grid-template-column:repeat(12, minmax(0, 1fr))}.grid.grid-gap-0{--grid-gap:var(--gap-0)}.grid.grid-gap-1{--grid-gap:var(--gap-1)}.grid.grid-gap-2{--grid-gap:var(--gap-2)}.grid.grid-gap-3{--grid-gap:var(--gap-3)}.grid.grid-gap-4{--grid-gap:var(--gap-4)}.grid.grid-gap-5{--grid-gap:var(--gap-5)}.grid.grid-gap-6{--grid-gap:var(--gap-6)}.grid.grid-gap-7{--grid-gap:var(--gap-7)}.grid.grid-gap-8{--grid-gap:var(--gap-8)}.grid.grid-gap-9{--grid-gap:var(--gap-9)}.grid .grid-c-1{grid-column:span 1}.grid .grid-c-2{grid-column:span 2}.grid .grid-c-3{grid-column:span 3}.grid .grid-c-4{grid-column:span 4}.grid .grid-c-5{grid-column:span 5}.grid .grid-c-6{grid-column:span 6}.grid .grid-c-7{grid-column:span 7}.grid .grid-c-8{grid-column:span 8}.grid .grid-c-9{grid-column:span 9}.grid .grid-c-10{grid-column:span 10}.grid .grid-c-11{grid-column:span 11}.grid .grid-c-12{grid-column:span 12}.grid .grid-r-1{grid-row:span 1}.grid .grid-r-2{grid-row:span 2}.grid .grid-r-3{grid-row:span 3}.grid .grid-r-4{grid-row:span 4}.grid .grid-r-5{grid-row:span 5}.grid .grid-r-6{grid-row:span 6}.grid .grid-r-7{grid-row:span 7}.grid .grid-r-8{grid-row:span 8}.grid .grid-r-9{grid-row:span 9}.grid .grid-r-10{grid-row:span 10}.grid .grid-r-11{grid-row:span 11}.grid .grid-r-12{grid-row:span 12}.grid .grid-cs-1{grid-column-start:1}.grid .grid-cs-2{grid-column-start:2}.grid .grid-cs-3{grid-column-start:3}.grid .grid-cs-4{grid-column-start:4}.grid .grid-cs-5{grid-column-start:5}.grid .grid-cs-6{grid-column-start:6}.grid .grid-cs-7{grid-column-start:7}.grid .grid-cs-8{grid-column-start:8}.grid .grid-cs-9{grid-column-start:9}.grid .grid-cs-10{grid-column-start:10}.grid .grid-cs-11{grid-column-start:11}.grid .grid-cs-12{grid-column-start:12}.grid .grid-cs-end{grid-column-end:-1}.grid .grid-ce-1{grid-column-end:2}.grid .grid-ce-2{grid-column-end:3}.grid .grid-ce-3{grid-column-end:4}.grid .grid-ce-4{grid-column-end:5}.grid .grid-ce-5{grid-column-end:6}.grid .grid-ce-6{grid-column-end:7}.grid .grid-ce-7{grid-column-end:8}.grid .grid-ce-8{grid-column-end:9}.grid .grid-ce-9{grid-column-end:10}.grid .grid-ce-10{grid-column-end:11}.grid .grid-ce-11{grid-column-end:12}.grid .grid-ce-12{grid-column-end:13}.grid .grid-rs-1{grid-row-start:1}.grid .grid-rs-2{grid-row-start:2}.grid .grid-rs-3{grid-row-start:3}.grid .grid-rs-4{grid-row-start:4}.grid .grid-rs-5{grid-row-start:5}.grid .grid-rs-6{grid-row-start:6}.grid .grid-rs-7{grid-row-start:7}.grid .grid-rs-8{grid-row-start:8}.grid .grid-rs-9{grid-row-start:9}.grid .grid-rs-10{grid-row-start:10}.grid .grid-rs-11{grid-row-start:11}.grid .grid-rs-12{grid-row-start:12}.grid .grid-rs-end{grid-row-end:-1}.grid .grid-re-1{grid-row-end:2}.grid .grid-re-2{grid-row-end:3}.grid .grid-re-3{grid-row-end:4}.grid .grid-re-4{grid-row-end:5}.grid .grid-re-5{grid-row-end:6}.grid .grid-re-6{grid-row-end:7}.grid .grid-re-7{grid-row-end:8}.grid .grid-re-8{grid-row-end:9}.grid .grid-re-9{grid-row-end:10}.grid .grid-re-10{grid-row-end:11}.grid .grid-re-11{grid-row-end:12}.grid .grid-re-12{grid-row-end:13}.u,.utb{display:inline;position:relative}.u::after{content:"";transition:.3s;-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;height:.1rem;width:0;background:var(--cirrus-link-dark);bottom:-.25em}.u:hover::after{width:100%}.u-LR::after{left:0}.u-RL::after{right:0}.u-RL:hover::after{width:100%}.u-C::after{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.utb::after,.utb::before{content:"";transition:.3s;-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;height:.1rem;width:0;background:var(--cirrus-link-dark)}.utb::before{top:-.25em}.utb::after{bottom:-.25em}.utb:hover::after,.utb:hover::before{width:100%}.utb-LR::after,.utb-LR::before{left:0}.utb-RL::after,.utb-RL::before{right:0}.utb-C::after,.utb-C::before{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.utb-OLR::before{left:0}.utb-OLR::after,.utb-ORL::before{right:0}.utb-ORL::after{left:0}.usquare{margin-left:.4rem;position:relative;overflow:hidden}.usquare a{position:static;padding:.2rem .4rem}.usquare::after,.usquare::before{content:"";transition:.25s;-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;width:2px;width:.1 rem;height:0;background:var(--cirrus-link-dark)}.usquare::before{left:0;bottom:-.2rem}.usquare.delay::before{transition-delay:.6s}.usquare::after{right:0;top:-.2rem}.usquare.delay::after{transition-delay:var(--animation-duration)}.usquare a::before{left:0;transition:.25s}.usquare a::after{right:0;transition:.25s}.usquare.delay a::after{transition:.25s .4s}.usquare:hover::after,.usquare:hover::before{height:calc(100% + .4rem)}.usquare:hover a::after,.usquare:hover a::before{width:100%}.modal{position:fixed;top:0;left:0;right:0;bottom:0;opacity:0;padding:1rem;display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;pointer-events:none}.modal.shown,.modal:target{display:-webkit-box;display:-ms-flexbox;display:flex;opacity:1;z-index:999;pointer-events:auto}.modal.shown .modal-overlay,.modal:target .modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:block;background-color:rgba(54,59,68,.5)}.modal-content{background-color:var(--cirrus-bg);padding:0;display:block;border-radius:3px;box-shadow:0 .4rem 1rem rgba(54,59,68,.3);z-index:1;color:var(--cirrus-fg);max-width:40rem}.modal.modal-small .modal-content{max-width:20rem}.modal.modal-large .modal-content{max-width:60rem}.modal-content h1,.modal-content h2,.modal-content h3,.modal-content h4,.modal-content h5,.modal-content h6{color:var(--cirrus-fg)}.modal.shown .modal-container,.modal:target .modal-container{-webkit-animation:slide-down var(--animation-duration) ease 1;animation:slide-down var(--animation-duration) ease 1;z-index:1}.modal-content.small{max-width:32rem}.modal-content .modal-header{padding:1rem 3rem}.modal-content .modal-header .modal-title{font-weight:bolder;font-size:1.4rem}.modal-content .modal-body{padding:1rem 3rem;overflow-y:auto;max-height:50vh;position:relative}.modal-content .modal-footer{padding:1rem 3rem;text-align:right}.modal.modal-animated--dropdown{-webkit-animation:slide-down var(--animation-duration) ease 1;animation:slide-down var(--animation-duration) ease 1}.modal.modal-animated--zoom-in,.modal.modal-animated--zoom-out{display:-webkit-box;display:-ms-flexbox;display:flex;opacity:0;transition:.3s}.modal:target.modal-animated--zoom-in,.modal:target.modal-animated--zoom-out{opacity:1;transition:.3s}.modal.modal-animated--zoom-in .modal-content{transform:scale(.8);transition:.3s}.modal:target.modal-animated--zoom-in .modal-content,.modal:target.modal-animated--zoom-out .modal-content{transform:scale(1);transition:.3s}.modal.modal-animated--zoom-out .modal-content{transform:scale(1.2);transition:.3s}@-webkit-keyframes slide-down{0%{opacity:0;-webkit-transform:translateY(-3rem);transform:translateY(-3rem)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;-webkit-transform:translateY(-3rem);transform:translateY(-3rem)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@media only screen and (max-width:768px){.modal-content{max-width:90%}}.btn.btn--pilled,[class*=" btn-"].btn--pilled,[class^=btn-].btn--pilled{border-radius:6.25rem;padding-left:1.25rem;padding-right:1.25rem}.btn.btn--circle,[class*=" btn-"].btn--circle,[class^=btn-].btn--circle{border-radius:100%;min-width:60px;overflow:hidden;padding:0;text-align:center}.btn.btn--circle:before,[class*=" btn-"].btn--circle:before,[class^=btn-].btn--circle:before{content:'';display:inline-block;vertical-align:middle;padding-top:100%}.btn.btn--circle *,[class*=" btn-"].btn--circle *,[class^=btn-].btn--circle *{max-width:90%;vertical-align:middle;white-space:pre-wrap}.input-control--pilled{border-radius:6.25rem!important}.bg-primary{background-color:var(--cirrus-primary)!important}.text-primary{color:var(--cirrus-primary)!important}.bg-success{background-color:var(--cirrus-success)!important}.text-success{color:var(--cirrus-success)!important}.bg-warning{background-color:var(--cirrus-warning)!important}.text-warning{color:var(--cirrus-warning)!important}.bg-danger{background-color:var(--cirrus-danger)!important}.text-danger{color:var(--cirrus-danger)!important}.bg-light{background-color:var(--cirrus-light)!important}.text-light{color:var(--cirrus-light)!important}.bg-dark{background-color:var(--cirrus-dark)!important}.text-dark{color:var(--cirrus-dark)!important}.bg-link{background-color:var(--cirrus-link)!important}.text-link{color:var(--cirrus-link)!important}.bg-link-dark{background-color:var(--cirrus-link-dark)!important}.text-link-dark{color:var(--cirrus-link-dark)!important}.bg-info{background-color:var(--cirrus-info)!important}.text-info{color:var(--cirrus-info)!important}.pagination{display:flex;display:-ms-flexbox}.pagination-item{-webkit-flex:1 0 50%;-ms-flex:1 0 50%;flex:1 0 50%}.pagination a{color:#5d6c7b}.pagination .pagination-item a[disabled]{cursor:pointer;opacity:.5;pointer-events:none;user-select:none}.pagination .pagination-item{margin:1rem .1rem;transition:.3s}.pagination .pagination-item.pagination-next{text-align:right}.pagination .pagination-item.pagination-prev{text-align:left}.pagination-item-subtitle{opacity:.7;margin:0}.pagination .pagination-item.short.selected{background-color:var(--cirrus-primary);color:#fff}.pagination .pagination-item.short.selected a{color:#fff}.pagination .pagination-item.short a{display:inline-block;line-height:1.25;padding:.5rem .75rem}.pagination .pagination-item.short{border-radius:.1rem;margin:.2rem 0;-webkit-flex:0;-ms-flex:0;flex:0}.pagination .pagination-item.short:first-child a{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.pagination .pagination-item.short:last-child a{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.pagination .pagination-item.short:not(.selected):hover{background-color:rgba(0,0,0,.1)}.pagnation .pagination-item.ellipses{color:#b5b5b5;pointer-events:none}.pagination.pagination-bordered .pagination-item.short a{border:1px solid #dedede;border-radius:0;margin-left:-1px}.pagination .pagination-item:hover h1,.pagination .pagination-item:hover h2,.pagination .pagination-item:hover h3,.pagination .pagination-item:hover h4,.pagination .pagination-item:hover h5,.pagination .pagination-item:hover h6,.pagination .pagination-item:hover p,.pagination .pagination-item:not(.selected):hover :not([disabled]):not(.ellipses){transition:.3s;color:var(--cirrus-primary)}.placeholder{background-color:rgba(231,234,241,.5);border-radius:3px;text-align:center;padding:3rem 2rem;color:#6c7892;display:block}.placeholder-icon{text-align:center}.placeholder .placeholder-subtitle,.placeholder .placeholder-title{margin:1rem auto}.placeholder .placeholder-subtitle{opacity:.7;margin:0}.placeholder .placeholder-commands{margin-top:1rem}.tab-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;overflow:hidden;overflow-x:auto;user-select:none;white-space:nowrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;font-size:var(--font-size-s)}.tab-container ul{display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin:.5rem;border-bottom:1px solid #eee;flex-grow:1;list-style:none;padding-inline-start:0}.tab-container li{display:block;cursor:pointer;margin:0;text-align:center}.tab-container li a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #eee;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:.5rem 1rem;transition:.3s;color:var(--cirrus-fg);border-bottom-color:rgba(197,197,197,.63);border-width:2px;margin-bottom:-1px;background-color:var(--cirrus-bg)}.tab-container li:hover a{border-bottom-color:rgba(240,61,77,.6);transition:.3s}.tab-container li.selected a{border-bottom-color:var(--cirrus-primary);color:var(--cirrus-primary);border-width:2px;transition:.3s}.tab-container.tabs-center ul{justify-content:center;-webkit-box-pack:center;-ms-flex-pack:center}.tab-container.tabs-right ul{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.tab-container.tabs-depth ul{box-shadow:0 2px 3px rgba(10,10,10,.1);border-bottom:0}.tab-container.tabs-classic ul{border-radius:3px 3px 0 0;transition:.3s;border-bottom:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb}.tab-container.tabs-classic li:not(.selected) a:hover{background-color:#f0f0f0;transition:.3s}.tab-container.tabs-classic li a{border:1px solid transparent;border-bottom-color:#dbdbdb;border-radius:3px 3px 0 0;transition:.3s}.tab-container.tabs-classic li.selected a{color:var(--cirrus-primary);border-color:#dbdbdb;border-bottom-color:transparent!important}.tab-container.tabs-fill li{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;flex-basis:0}.tab-container.tabs-fill ul{display:flex}.tab-container.tabs-xsmall{font-size:.6rem}.tab-container.tabs-small{font-size:.75rem}.tab-container.tabs-large{font-size:1.25rem}.tab-container.tabs-xlarge{font-size:1.5rem}.tab-container .icon:first-child{margin-right:.75rem}.tab-container .icon:last-child{margin-left:.75rem}.tag{align-items:center;background-color:var(--cirrus-light);border-radius:.25rem;color:var(--cirrus-fg);display:inline-flex;font-size:75%;line-height:1.5;min-height:1.5rem;padding:0 .5rem;white-space:nowrap}.tag.tag--large{font-size:100%}.tag.tag--xlarge{font-size:150%}.tag.tag--rounded{border-radius:290486px}.tag.tag--delete{background-color:rgba(10,10,10,.2);border-radius:290486px;cursor:pointer;pointer-events:auto;display:inline-block;height:20px;max-height:20px;max-width:20px;min-height:20px;min-width:20px;position:relative;margin-left:.25rem;margin-right:-.375rem}.tag--delete:hover{background-color:rgba(10,10,10,.3)}.tag.tag--delete::after,.tag.tag--delete::before{background-color:var(--cirrus-light);content:"";display:block;left:50%;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);transform:translateX(-50%) translateY(-50%) rotate(45deg);-webkit-transform-origin:center center;transform-origin:center center}.tag.tag--delete::before{height:1px;width:50%}.tag.tag--delete::after{height:50%;width:1px}.tag.tag--white{background-color:#fff;color:var(--cirrus-dark)}.tag.tag--black{background-color:#000;color:#fff}.tag.tag--dark{background-color:var(--cirrus-dark);color:#fff}.tag.tag--primary{background-color:var(--cirrus-primary);color:#fff}.tag.tag--link{background-color:var(--cirrus-link);color:#fff}.tag.tag--info{background-color:var(--cirrus-info);color:#fff}.tag.tag--success{background-color:var(--cirrus-success);color:#fff}.tag.tag--warning{background-color:var(--cirrus-warning);color:var(--cirrus-fg)}.tag.tag--danger{background-color:var(--cirrus-danger);color:#fff}.tag-container{display:flex;flex-wrap:wrap}.tag-container:not(:last-child){margin-bottom:1rem}.tag-container .tag{margin-bottom:.5rem}.tag-container .tag:not(:last-child){margin-right:.5rem}.tag-container.group-tags .tag{margin-right:0}.tag-container.group-tags .tag:first-child{border-radius:.25rem 0 0 .25rem}.tag-container.group-tags .tag:not(:first-child):not(:last-child){border-radius:0}.tag-container.group-tags .tag:last-child{border-radius:0 .25rem .25rem 0}.tag.tag__close-btn{padding:0;position:relative;width:1.5rem}.tag.tag__close-btn::after,.tag.tag__close-btn::before{background-color:var(--cirrus-fg);content:"";display:block;left:50%;top:50%;position:absolute;-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);transform:translateX(-50%) translateY(-50%) rotate(45deg);-webkit-transform-origin:center center;transform-origin:center center}.tag.tag__close-btn::before{height:1px;width:50%}.tag.tag__close-btn::after{height:50%;width:1px}a.tag:hover{text-decoration:underline}.tag-container.tag-container--grouped .tag:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.tag-container.tag-container--grouped .tag:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.tag-container.tag-container--centered{justify-content:center}.tag-container.tag-container--centered .tag{margin:0 .25rem}.tag-container.tag-container--right{justify-content:flex-end}.tag-container.tag-container--right .tag:not(:first-child){margin-left:.5rem}.tag-container.tag-container--right .tag:not(:last-child){margin-right:0}.tile{display:flex;display:-ms-flexbox;align-content:space-between;-webkit-align-content:space-between;-ms-flex-line-pack:justify}.tile p{font-size:.95rem}.tile .tile__buttons,.tile .tile__icon{flex:0 0 auto;-webkit-flex:0 0 auto;-ms-flex:0 0 auto}.tile .tile__buttons .btn,.tile .tile__buttons [type=submit],.tile .tile__buttons button{display:inline-block;margin:.1rem}.tile .tile__container{flex:1 1 auto;-webkit-flex:1 1 auto;-ms-flex:1 1 auto}.tile .tile__container:not(:first-child){padding-left:1rem}.tile .tile__container:not(:last-child){padding-right:1rem}.tile .tile__title{line-height:2rem;font-weight:bolder;margin:.1rem auto}.tile .tile__subtitle{line-height:1.25rem;opacity:.7;margin:.1rem auto}.tile.tile--center{align-items:center;-webkit-align-items:center;-ms-flex-align:center}.tile.tile--center .tile__container{overflow:hidden}.tile.tile--center .tile__subtitle.no-wrap,.tile.tile--center .tile__title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:0}.toast{display:block;width:100%;padding:.75rem 1.25rem;background-color:var(--toast-primary-bg);border:1px solid var(--toast-primary-bg);border-radius:2px;color:#fff;position:relative;margin:.5rem}.toast .toast__title{margin:0;margin-top:1rem}.toast p{margin:0}.toast.toast--translucent{opacity:.5}.toast.toast--translucent:hover{opacity:1}.toast .btn-close{position:absolute;right:1rem;top:1rem}.toast.toast--primary{background-color:var(--toast-primary-bg);border-color:var(--toast-primary-bg)}.toast.toast--success{background-color:var(--cirrus-success);border-color:var(--cirrus-success)}.toast.toast--warning{background-color:var(--cirrus-warning);border-color:var(--cirrus-warning)}.toast.toast--error{background-color:var(--cirrus-danger);border-color:var(--cirrus-danger)}.toast.toast--info{background-color:var(--cirrus-info);border-color:var(--cirrus-info)}.toast.toast--link{background-color:var(--cirrus-link);border-color:var(--cirrus-link)}.toast.toast--primary{background-color:var(--cirrus-primary);border-color:var(--cirrus-primary)}.toast a{color:var(--cirrus-light);transition:.3s}.toast a:hover{opacity:.8;transition:.3s}.tooltip{position:relative;overflow:visible;white-space:nowrap}.tooltip.tooltip--top::after,.tooltip::after{-webkit-appearance:none;-moz-appearance:none;position:absolute;color:#fff;font-size:.6rem;background-color:rgba(69,77,93,.9);content:attr(data-tooltip);display:block;line-height:1rem;text-transform:none;overflow:hidden;padding:.4rem .8rem;opacity:0;text-overflow:ellipsis;max-width:15rem;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);transition:all var(--animation-duration) ease;z-index:200;pointer-events:none;bottom:100%;left:50%;border-radius:.2rem}.tooltip:focus::after,.tooltip:hover::after{opacity:1;-webkit-transform:translate(-50%,-.5rem);transform:translate(-50%,-.5rem);transition:all var(--animation-duration) ease}.tooltip.tooltip--top-left::after{-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}.tooltip.tooltip--top-left:focus::after,.tooltip.tooltip--top-left:hover::after{left:0;-webkit-transform:translate(-100%,-.5rem);transform:translate(-100%,-.5rem)}.tooltip.tooltip--top-right::after{left:auto;-webkit-transform:translate(15%,0);transform:translate(15%,0)}.tooltip.tooltip--top-right:focus::after,.tooltip.tooltip--top-right:hover::after{right:0;-webkit-transform:translate(100%,-.5rem);transform:translate(100%,-.5rem)}.tooltip.tooltip--bottom::after{top:100%;transform:translate(-50%,-1rem);-webkit-transform:translate(-50%,-1rem);-moz-transform:translate(-50%,-1rem);-ms-transform:translate(-50%,-1rem);bottom:auto}.tooltip.tooltip--bottom:focus::after,.tooltip.tooltip--bottom:hover::after{transform:translate(-50%,.5rem);-webkit-transform:translate(-50%,.5rem);-moz-transform:translate(-50%,.5rem);-ms-transform:translate(-50%,.5rem);bottom:auto}.tooltip.tooltip--bottom-left::after{top:100%;-webkit-transform:translate(-65%,-1rem);transform:translate(-65%,-1rem);bottom:auto}.tooltip.tooltip--bottom-left:focus::after,.tooltip.tooltip--bottom-left:hover::after{left:0;-webkit-transform:translate(-100%,.5rem);transform:translate(-100%,.5rem)}.tooltip.tooltip--bottom-right::after{left:auto;top:100%;-webkit-transform:translate(0,-1rem);transform:translate(0,-1rem);bottom:auto}.tooltip.tooltip--bottom-right:focus::after,.tooltip.tooltip--bottom-right:hover::after{right:0;-webkit-transform:translate(100%,.5rem);transform:translate(100%,.5rem)}.tooltip.tooltip--right::after{left:100%;bottom:50%;transform:translate(-1rem,50%);-webkit-transform:translate(-1rem,50%);-moz-transform:translate(-1rem,50%);-ms-transform:translate(-1rem,50%)}.tooltip.tooltip--right:focus::after,.tooltip.tooltip--right:hover::after{transform:translate(.5rem,50%);-webkit-transform:translate(.5rem,50%);-moz-transform:translate(.5rem,50%);-ms-transform:translate(.5rem,50%)}.tooltip.tooltip--left::after{right:100%;bottom:50%;left:auto;transform:translate(1rem,50%);-webkit-transform:translate(1rem,50%);-moz-transform:translate(1rem,50%);-ms-transform:translate(1rem,50%)}.tooltip.tooltip--left:focus::after,.tooltip.tooltip--left:hover::after{transform:translate(-.5rem,50%);-webkit-transform:translate(-.5rem,50%);-moz-transform:translate(-.5rem,50%);-ms-transform:translate(-.5rem,50%)}.btn,[type=submit],button{line-height:2rem;overflow:hidden;padding:.5rem 1.5rem;border:1px solid transparent;border-radius:.25rem;cursor:pointer;text-align:center;background-color:var(--btn-color);border-color:var(--btn-border-color);color:var(--btn-fg);font-size:.75rem;letter-spacing:.03rem;text-transform:uppercase;font-family:Montserrat;min-width:2rem;user-select:none;margin-bottom:1rem;outline:0;--btn-color:#fefefe;--btn-fg:#737373;--btn-border-color:#d9d9d9}.btn:hover,[type=submit]:hover,button:hover{transition:all var(--animation-duration);background-color:#eee;--btn-color:#eee}.btn:active,[type=submit]:active,button:active{transition:var(--animation-duration) ease}.btn.loading:active::after,[type=submit].loading:active::after,button.loading:active::after{transition:var(--animation-duration) ease;border-radius:50%;border-right-color:transparent;border-top-color:transparent}.btn.btn-animated,[type=submit].btn-animated,button.btn-animated{transition:calc(var(--animation-duration)/ 2) ease}.btn.btn-animated:active,[type=submit].btn-animated:active,button.btn-animated:active{-webkit-transform:scale(.98);transform:inherit,scale(.98);transition:calc(var(--animation-duration)/ 2) ease}.btn:focus,button:focus,input[type=submit]:focus{outline:0}.btn:disabled,[type=submit]:disabled,button:disabled{cursor:not-allowed;opacity:.5}button.btn-close{background-color:rgba(10,10,10,.2);border:none;border-radius:290486px;cursor:pointer;display:inline-block;flex-grow:0;flex-shrink:0;font-size:0;height:20px;outline:0;position:relative;vertical-align:top;width:20px;padding:0;min-width:20px}button.btn-close:hover{background-color:rgba(10,10,10,.3)}button.btn-close::after,button.btn-close::before{background-color:var(--cirrus-bg);content:'';display:block;left:50%;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);transform:translateX(-50%) translateY(-50%) rotate(45deg);-webkit-transform-origin:center center;transform-origin:center center}button.btn-close::before{height:2px;width:50%}button.btn-close::after{height:50%;width:2px}.btn-container{margin:.5rem;overflow:visible}.btn-transparent{--btn-color:transparent;--btn-fg:var(--cirrus-dark);--btn-border-color:transparent}.btn-transparent.outline{--btn-color:var(--cirrus-dark)}.btn-transparent:hover{--btn-color:rgba(0, 0, 0, 0.1)}.btn-transparent:focus{box-shadow:0 0 0 .2rem rgba(246,249,252,.5)}.btn-light{--btn-color:var(--cirrus-light);--btn-fg:var(--cirrus-dark);--btn-border-color:var(--cirrus-light)}.btn-light:hover{--btn-color:var(--cirrus-light-hover)}.btn-light:focus{box-shadow:0 0 0 .2rem rgba(246,249,252,.5)}.btn-dark{--btn-color:var(--cirrus-dark);--btn-fg:var(--cirrus-light);--btn-border-color:var(--cirrus-dark)}.btn-dark:hover{--btn-color:var(--cirrus-dark-hover)}.btn-dark.outline:hover{--btn-color:var(--cirrus-dark)}.btn-dark:focus{box-shadow:0 0 0 .2rem rgba(54,54,54,.5)}.btn-black{--btn-color:#000;--btn-fg:var(--cirrus-light);--btn-border-color:#000}.btn-black:hover{--btn-color:#000}.btn-black:focus{box-shadow:0 0 0 .2rem rgba(54,54,54,.5)}.btn-primary{--btn-color:var(--cirrus-primary);--btn-fg:var(--cirrus-light);--btn-border-color:var(--cirrus-accent-border)}.btn-primary:hover{--btn-color:var(--cirrus-accent-hover)}.btn-primary.outline:hover{--btn-color:var(--cirrus-primary)}.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(240,61,76,.5)}.btn-info{--btn-color:var(--cirrus-info);--btn-fg:var(--cirrus-light);--btn-border-color:var(--cirrus-info)}.btn-info:hover{--btn-color:var(--cirrus-info-hover)}.btn-info.outline:hover{--btn-color:var(--cirrus-info)}.btn-info:focus{box-shadow:0 0 0 .2rem rgba(41,114,250,.5)}.btn-link{--btn-color:var(--cirrus-link);--btn-fg:var(--cirrus-light);--btn-border-color:var(--cirrus-link)}.btn-link.outline{--btn-fg:var(--cirrus-link);border:1px solid transparent}.btn-link:hover{--btn-color:var(--cirrus-link-dark)}.btn-link.outline:hover{--btn-color:var(--cirrus-link-hover);border:1px solid transparent;text-decoration:underline}.btn-link:focus{box-shadow:0 0 0 .2rem rgba(94,92,199,.5)}.btn-success{--btn-color:var(--cirrus-success);--btn-fg:var(--cirrus-light);--btn-border-color:var(--cirrus-success)}.btn-success:hover{--btn-color:var(--cirrus-success-hover)}.btn-success.outline:hover{--btn-color:var(--cirrus-success)}.btn-success:focus{box-shadow:0 0 0 .2rem rgba(13,210,89,.5)}.btn-warning{--btn-color:var(--cirrus-warning);--btn-fg:var(--cirrus-dark);--btn-border-color:var(--cirrus-warning)}.btn-warning:hover{--btn-color:var(--cirrus-warning-hover)}.btn-warning.outline:hover{--btn-color:var(--cirrus-warning)}.btn-warning:focus{box-shadow:0 0 0 .2rem rgba(250,180,51,.5)}.btn-danger{--btn-color:var(--cirrus-danger);--btn-fg:var(--cirrus-light);--btn-border-color:var(--cirrus-danger)}.btn-danger:hover{--btn-color:var(--cirrus-danger-hover)}.btn-danger.outline:hover{--btn-color:var(--cirrus-danger)}.btn-danger:focus{box-shadow:0 0 0 .2rem rgba(251,65,68,.5)}[class*=' btn-'],[class^=btn-]{background-color:var(--btn-color);border:1px solid var(--btn-border-color);color:var(--btn-fg);transition:all var(--animation-duration)}[class*=' btn-']:hover,[class^=btn-]:hover{background-color:var(--btn-color);border-color:var(--btn-border-color);transition:all var(--animation-duration)}[class*=' btn-'].outline,[class^=btn-].outline{background-color:transparent;color:var(--btn-color)}[class*=' btn-'].outline:hover,[class^=btn-].outline:hover{background-color:var(--btn-color);color:var(--btn-fg);transition:all var(--animation-duration)}.has-controls.input:not([class*='left action'])>.btn:last-child>.btn,.has-controls.input:not([class*='left action'])>button:last-child{border-radius:0 .28571429rem .28571429rem 0}.has-controls.input:not([class*='right action'])>.btn:last-child>.btn,.has-controls.input:not([class*='right action'])>button:last-child{border-radius:.28571429rem 0 0 .28571429rem}.btn-xsmall{padding:0 .5rem;font-size:50%}.btn-small{padding:.25rem 1rem;font-size:70%}.btn-large{padding:.75rem 2rem;font-size:90%}.btn-xlarge{padding:1rem 2.5rem;font-size:110%}.loading.btn-accent:after{border:2px solid #fff;border-right-color:transparent;border-top-color:transparent}.btn .fa-wrapper,[type=submit] .fa-wrapper,button .fa-wrapper{vertical-align:baseline}.btn .fa-wrapper.pad-right,[type=submit] .fa-wrapper.pad-right,button .fa-wrapper.pad-right{margin-right:.4rem}.btn .fa-wrapper.pad-left,[type=submit] .fa-wrapper.pad-left,button .fa-wrapper.pad-left{margin-left:.4rem}.btn span:first-child,[type=submit] span:first-child,button span:first-child{margin-right:.2rem}.btn span:last-child,[type=submit] span:last-child,button span:last-child{margin-left:.2rem}.btn-group{display:-webkit-inline-box;display:inline-flex;display:-ms-inline-flexbox;display:-webkit-inline-flex}.btn-group.btn-group-fill{display:-webkit-box;display:flex;display:-ms-flexbox}.btn-group .btn,.btn-group [type=submit],.btn-group button{-ms-flex:1 0 auto;-webkit-box-flex:1;flex:1 0 auto;margin:0}.btn-group.btn-group-fill .btn,.btn-group.btn-group-fill [type=submit],.btn-group.btn-group-fill button{-ms-flex:1 0;-webkit-box-flex:1;flex:1 0}.btn-group .btn:first-child:not(:last-child),.btn-group [type=submit]:first-child:not(:last-child),.btn-group button:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group .btn:last-child:not(:first-child),.btn-group [type=submit]:last-child:not(:first-child),.btn-group button:last-child:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-.1rem}.btn-group .btn:not(:first-child):not(:last-child),.btn-group [type=submit]:not(:first-child):not(:last-child),.btn-group button:not(:first-child):not(:last-child){border-radius:0;margin-left:-.1rem}@media screen and (max-width:768px){.grid{--grid-template-column:repeat(1, minmax(0, 1fr))}.btn-group{display:flex;flex-direction:column}.btn-group .btn,.btn-group [type=submit],.btn-group button{margin-bottom:-1px}.btn-group .btn:first-child:not(:last-child),.btn-group [type=submit]:first-child:not(:last-child),.btn-group button:first-child:not(:last-child){border-radius:.25rem .25rem 0 0}.btn-group .btn:not(:first-child):not(:last-child),.btn-group [type=submit]:not(:first-child):not(:last-child),.btn-group button:not(:first-child):not(:last-child){margin-left:0}.btn-group .btn:last-child:not(:first-child),.btn-group [type=submit]:last-child:not(:first-child),.btn-group button:last-child:not(:first-child){border-radius:0 0 .25rem .25rem;margin-left:0}}code{padding:.3rem;margin:.5em 0;overflow:auto;background-color:var(--cirrus-code-bg);color:var(--cirrus-code-fg);border-radius:3px}code.dark{background-color:var(--cirrus-dark);color:#fff}code:before{color:#acb3c2;content:attr(data-lang);font-size:.9rem;position:absolute;right:1rem;top:.7rem}pre>code{font-size:14px;display:block;padding:2rem 1.5rem 1rem;white-space:pre-wrap;word-wrap:break-word;font-family:Consolas,Monaco,"Andale Mono",monospace;text-align:left;line-height:1.5;-moz-tab-size:4;tab-size:4;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;border-left:.3rem solid var(--cirrus-primary);margin:0;position:relative;color:#222}h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif;font-weight:700;line-height:1.2;margin-bottom:1rem}h1{font-size:3rem;letter-spacing:.025rem}h2{font-size:2.5rem}h3{font-size:2rem}h4{font-size:1.75rem}h5{font-size:1.5rem}h6{font-size:1.25rem}.headline-1{font-size:6.5rem;letter-spacing:.05rem}.headline-2{font-size:5.5rem;letter-spacing:.05rem}.headline-3{font-size:4.5rem;letter-spacing:.05rem}.headline-4{font-size:3.5rem;letter-spacing:.025rem}strong{font-weight:700}.font-alt{font-family:"Nunito Sans"}.content h1,.content h2,.content h3,.content h4,.content h5,.content h6{line-height:1.125em;margin:1rem 0}.title{font-weight:700}.subtitle:not(:last-child),.title:not(:last-child){margin-bottom:1rem}.title+.subtitle{margin-top:-.75rem}article,blockquote,p{font-size:1rem;line-height:2;margin-bottom:1rem}p.lead{font-size:1.2rem}blockquote{margin-bottom:1rem;font-size:1.25rem;background-color:#f5f5f5;border-left:5px solid #dbdbdb;padding:1rem 2rem;border-radius:3px}blockquote p{margin:0;font-size:.95rem}.card-tile article,.card-tile blockquote,.card-tile p{line-height:inherit}cite{opacity:.7}.mark,mark{padding:.2em;background-color:#f0e8c4}.font-thin{font-weight:200}.font-light{font-weight:300}.font-normal{font-weight:400}.font-semibold{font-weight:600}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.rtl{direction:rtl}.white{color:#fff!important}.faded{opacity:.75}.font-italic{font-style:italic}.icon{display:inline-block;text-align:center;width:1.5rem;vertical-align:baseline}.icon .fa-wrapper{font-size:inherit;vertical-align:middle}.icon.x-small{margin:.55rem 0 0 .1rem}.icon.small{margin:.95rem 0 0 .1rem}.info{display:block;font-size:var(--font-size-s);margin-top:.25rem;color:#979797}.info.inline{display:inline-block;margin-left:.5rem}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-right:4px solid transparent;border-left:4px solid transparent}abbr[title]{border-bottom:.1rem dotted;cursor:help;text-decoration:none}kbd{background-color:var(--cirrus-fg);border-radius:.2rem;color:#fff;display:inline-block;line-height:1;padding:.5rem;vertical-align:baseline}@media (max-width:650px){h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}.headline-1{font-size:3rem;letter-spacing:.05rem}.headline-2{font-size:2.75rem;letter-spacing:.05rem}.headline-3{font-size:2.5rem;letter-spacing:.05rem}.headline-4{font-size:2.25rem;letter-spacing:.025rem}article,blockquote,p{margin:1rem 0}}.footer{background-color:var(--gray-900);padding:6rem 0;text-align:center;margin-top:5rem;width:100%}.footer.footer--fixed{bottom:0;position:fixed}.footer a{color:#fff;font-weight:bolder}.footer p{color:var(--gray-600)}.footer ul{margin:.5rem 0}.footer .footer__title{text-align:center;letter-spacing:6px;position:relative;padding-bottom:10px}.footer .footer__list-title{font-size:75%;text-transform:uppercase;font-weight:bolder;color:#ddd}.footer .footer__list-title::after{content:'';display:block;width:10%;margin:auto;border-bottom:2px solid;border-color:#343b49}.footer .footer__list-item,.footer ul a .footer__list-item{margin:.1rem;color:var(--gray-600);transition:all var(--animation-duration);font-size:75%;text-transform:uppercase}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]),select{width:100%;border:1px solid #ddd;border-radius:3px;color:#5a5a5a;font-family:"Nunito Sans";font-size:var(--font-size-m);letter-spacing:.02rem;transition:.3s;outline:0;padding:.85rem 1.1rem}input[type=search]{-webkit-appearance:none}textarea,textarea[type=text]{width:100%;border:1px solid #ddd;padding:.8rem;border-radius:3px;font-family:"Nunito Sans";font-size:var(--font-size-m);letter-spacing:.02rem;transition:.3s;outline:0;margin:.5rem 0;padding:1rem 1.3rem;min-height:8rem;line-height:1.5rem;resize:vertical}input[type=color]{box-shadow:inset 0 1px 2px rgba(0,0,0,.05);box-sizing:border-box;transition:.3s;outline:0;position:relative;height:3rem;background-color:#fff;padding:.55rem .8rem!important}.input-focused,input:not([type=checkbox]):not([type=radio]):not([type=submit]):focus,input[type=text].input-focused,select:focus,textarea:focus,textarea[type=text]:focus{border-color:#3dabf0;box-shadow:0 0 0 .2rem rgba(61,171,240,var(--focus-opacity)),inset 0 1px 8px rgba(0,0,0,.07)}select{background-color:#fff;border:1px solid #ddd}select[multiple] option{padding:.2rem .4rem}select.select:not([size]):not([multiple]){background:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%23667189'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E") right .85rem center/.5rem .6rem no-repeat no-repeat;-webkit-appearance:none}input.search,input[type=search]{background-repeat:no-repeat;background-position:left .6rem center;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path opacity="0.45" d="M14.891,14.39l-0.5.5a0.355,0.355,0,0,1-.5,0L9.526,10.529a5.3,5.3,0,1,1,2.106-4.212,5.268,5.268,0,0,1-1.1,3.21l4.362,4.362A0.354,0.354,0,0,1,14.891,14.39ZM6.316,2.418a3.9,3.9,0,1,0,3.9,3.9A3.9,3.9,0,0,0,6.316,2.418Z"/></svg>');padding-left:2rem!important}input:not([class*=" btn-"]):disabled:hover,input:not([class*=btn-]):disabled,select:disabled,textarea:disabled{background-color:#f3f3f6;cursor:not-allowed;border:1px solid #f3f3f6}label:first-child:not(:last-child):not(.form-group-label){margin-right:.5rem}label:not(:first-child):not(:last-child):not(.form-group-label){margin:0 .5rem}label:last-child:not(:first-child):not(.form-group-label){margin-left:.5rem}.required{position:relative;top:1px;font-weight:700;color:#f03c69;padding-left:.1rem}.label:not(:last-child){margin-bottom:0}.label{color:#4a4a4a;display:inline-block;font-weight:700;margin-top:.8rem}.input-success{background-color:rgba(0,224,0,.05)!important;border-color:var(--cirrus-success)!important}.btn-success:focus,.input-success:not([type=checkbox]):not([type=radio]):not([type=submit]):focus{box-shadow:0 0 0 .2rem rgba(76,175,80,var(--focus-opacity)),inset 0 1px 8px rgba(0,0,0,.07)}.input-error{background-color:rgba(244,67,54,.05)!important;border-color:var(--cirrus-danger)!important}.btn-error:focus,.input-error:not([type=checkbox]):not([type=radio]):not([type=submit]):focus{box-shadow:0 0 0 .2rem rgba(244,67,54,var(--focus-opacity)),inset 0 1px 8px rgba(0,0,0,.07)}input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-xsmall,select.input-xsmall{font-size:var(--font-size-xs);padding:.35rem .9rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-small,select.input-small{font-size:var(--font-size-s);padding:.55rem 1rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-large,select.input-large{font-size:var(--font-size-l)}input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-xlarge,select.input-xlarge{font-size:var(--font-size-xl)}select.input-xsmall{padding:.65rem .9rem}select.input-small{padding:.75rem 1rem}select.input-large{padding:.95rem 1.2rem}select.input-xlarge{padding:1.05rem 1.3rem}.input-control{position:relative;margin:.5rem 0}input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon,input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-left{padding-left:2.75rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-right{padding-right:2.75rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-right.input-xsmall,input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon.input-xsmall{padding-left:2rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-left.input-xsmall~.icon,input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-right.input-xsmall~.icon.icon-right,input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon.input-xsmall~.icon{line-height:1.75rem;width:1.75rem;font-size:7px}input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-right.input-small,input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon.input-small{padding-left:2.5rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-left.input-small~.icon,input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-right.input-small~.icon.icon-right,input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon.input-small~.icon{line-height:2rem;width:2.5rem;font-size:14px}input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-right.input-large,input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon.input-large{padding-left:3.5rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-left.input-large~.icon,input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-right.input-large~.icon.icon-right,input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon.input-large~.icon{line-height:3.5rem;width:3.5rem;font-size:28px}input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-right.input-xlarge,input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon.input-xlarge{padding-left:4rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-left.input-xlarge~.icon,input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-right.input-xlarge~.icon.icon-right,input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon.input-xlarge~.icon{line-height:2.5rem;width:3.75rem;font-size:35px}.input-contains-icon~.icon{display:flex;align-items:center;justify-content:center;height:100%}.input-contains-icon-left~.icon.icon-left,.input-contains-icon~.icon:not(.icon-right){position:absolute;left:0;top:0;width:3rem;z-index:1}.input-contains-icon-right~.icon.icon-right{position:absolute;pointer-events:none;line-height:2.75rem;vertical-align:baseline;top:0;right:0;width:3rem;z-index:1}.form-section:not(:last-child){margin-bottom:.5rem}.form-section.section-inline{display:flex}.form-section.section-inline button,.form-section.section-inline label:not(.form-group-label){align-items:center;flex-grow:0;display:flex;flex-shrink:0}.form-section.section-inline .section-body,.form-section.section-inline input{align-items:center;flex-grow:1}.form-group{display:flex;display:-ms-flexbox;margin:.5rem 0}.form-group .form-group-btn{-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;margin-bottom:0}.form-group .form-group-btn:first-child:not(:last-child),.form-group .form-group-input:first-child:not(:last-child),.form-group .form-group-label:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.form-group .form-group-btn:not(:first-child):not(:last-child),.form-group .form-group-input:not(:first-child):not(:last-child),.form-group .form-group-label:not(:first-child):not(:last-child){border-radius:0;margin-left:-.1rem;margin-right:-.1rem}.form-group .form-group-btn:last-child:not(:first-child),.form-group .form-group-input:last-child:not(:first-child),.form-group .form-group-label:last-child:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-.1rem}.form-group-label{background-color:var(--cirrus-form-group-bg);border:1px solid #ddd;border-radius:.2rem;color:var(--cirrus-form-group-fg);margin:0;padding:.8rem;user-select:none}.form-group-label.label-xsmall{font-size:.55rem;padding:.5rem .9rem}.form-group-label.label-small{font-size:.75rem;padding:.55rem 1rem}.form-group-label.label-large{font-size:1.5rem}.form-group-label.label-xlarge{font-size:2rem}.form-group-input{z-index:1}::-moz-placeholder{color:#a9a9a9}::-webkit-input-placeholder{color:#a9a9a9}.frame{display:flex;display:-ms-flexbox;flex-direction:column;-webkit-flex-direction:column;-ms-flex-direction:column;border-radius:3px;box-shadow:0 .2rem 1.25rem 0 rgba(27,30,36,.07)}.frame .frame__footer,.frame .frame__header{flex:0 0 auto;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;padding:1rem}.frame .frame__nav{flex:0 0 auto;-webkit-flex:0 0 auto;-ms-flex:0 0 auto}.frame .frame__body{flex:1 1 auto;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;overflow-y:auto;padding:0 1.5rem}.frame .frame__title{color:var(--cirrus-fg);font-size:var(--font-size-m);margin:.75rem auto 0}.frame .frame__subtitle{color:rgba(55,64,84,.6);font-size:var(--font-size-s);margin:.25rem auto .75rem}.header{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;width:100%;z-index:100;margin-bottom:20px;box-shadow:0 3px 15px rgba(57,63,72,.1);background-color:var(--cirrus-bg);max-height:100vh;padding:0 2rem;transition:.3s}.header h1,.header h2,.header h3,.header h4,.header h5,.header h6{margin:0}.header a{color:#8292a2}.header a:hover{color:#697888}.header-dark{background-color:rgba(0,0,0,.87);color:#fff}.header-clear{background-color:transparent;box-shadow:none}.header.header-animated .header-nav{-webkit-transition:background .4s,height .4s;transition:background .4s,height .4s;-webkit-transition-property:background,height;transition-property:background,height;-webkit-transition-duration:.4s,.4s;transition-duration:.4s,.4s;-webkit-transition-timing-function:ease,ease;transition-timing-function:ease,ease;-webkit-transition-delay:initial,initial;transition-delay:initial,initial;-webkit-transition:.3s;transition:.3s}.header-brand{-webkit-overflow-scrolling:touch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;max-width:100vw;min-height:3.25rem;overflow-x:auto;overflow-y:hidden}.header-nav{overflow:auto}.nav-menu{-webkit-transition:.3s;transition:.3s}.nav-item.has-sub{position:relative}.nav-overflow-x{-webkit-box-pack:inherit;-ms-flex-pack:inherit;justify-content:inherit;overflow-x:scroll}.header-fixed{position:fixed;top:0}.nav-item{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:.3s;transition:.3s;padding:0 .3rem;cursor:pointer}.nav-item a{align-items:center;display:flex}.header:not(.header-clear) .nav-item:not(.no-hover).hovered,.header:not(.header-clear) .nav-item:not(.no-hover):hover{-webkit-transition:.3s;transition:.3s;background-color:rgba(216,216,216,.15)}.header:not(.header-clear) .nav-item.active,.header:not(.header-clear) .nav-item.active:hover{background-color:rgba(216,216,216,.35)}.nav-item .dropdown-menu{background-color:var(--cirrus-bg);position:absolute;top:95%;z-index:1000;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-clip:padding-box;border:1px solid #eee;border-radius:0 0 4px 4px;box-shadow:0 .5rem 1rem rgba(10,10,10,.1)}.header.header-clear .nav-item .dropdown-menu{border-radius:4px}.nav-item .dropdown-menu.dropdown-animated{-webkit-transition:all var(--animation-duration);transition:all var(--animation-duration)}.nav-item.has-sub .nav-dropdown-link::after{border:2px solid var(--cirrus-primary);border-right:0;border-top:0;display:block;height:.5em;width:.5em;content:" ";-webkit-transform:rotate(-45deg);transform:rotate(-45deg);pointer-events:none;margin-top:-.435em;right:1.125em;top:50%;position:absolute}.nav-item.has-sub .nav-dropdown-link{padding-right:2.5rem;position:relative}.header-dark .dropdown-menu,.nav-item .dropdown-menu.dropdown-dark{background-color:rgba(0,0,0,.87);border:1px solid #333;color:#fff}.dropdown-menu.dropdown-shown,.nav-item.active{opacity:1}.dropdown-menu>li>a{display:block;padding:.5rem 1rem;clear:both;line-height:1.42857143;white-space:nowrap}.header-dark .dropdown-menu>li>a,.header-dark .nav-item a{color:#fff}.dropdown-menu>li{margin:0;-webkit-transition:.3s;transition:.3s}.dropdown-menu>li:hover{-webkit-transition:.3s;transition:.3s;background-color:rgba(216,216,216,.15)}.dropdown-menu>li:active{-webkit-transition:.3s;transition:.3s;background-color:rgba(216,216,216,.25)}.dropdown-menu>li:last-child{margin-bottom:0}.dropdown-menu .dropdown-menu-divider{border:none;background-color:rgba(216,216,216,.15);height:1px;margin:.5rem 0}.nav-btn{cursor:pointer;display:block;height:3.5rem;position:relative;width:3.5rem}.header .btn,.header button,.header input[type=submit]{margin:0}@media screen and (min-width:769px){.header{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox}.header-nav{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;text-align:center;width:100%;top:0;overflow:visible}.nav-left,.nav-right{-webkit-box-align:stretch;-ms-flex-align:stretch;-ms-grid-row-align:stretch;align-items:stretch;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0}.nav-left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;white-space:nowrap}.nav-right{display:-webkit-box;display:-ms-flexbox;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;white-space:nowrap}.nav-center{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:auto;margin-right:auto}.nav-btn{display:none}.nav-item a{padding:.5rem 1rem}.nav-item .dropdown-menu{opacity:0;pointer-events:none}.nav-item .dropdown-menu.dropdown-animated{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.nav-item .dropdown-menu.dropdown-animated.dropdown-shown,.nav-item .dropdown-menu.dropdown-shown,.nav-item.toggle-hover:hover .dropdown-animated.dropdown-menu,.nav-item.toggle-hover:hover .dropdown-menu{opacity:1;-webkit-transform:none;transform:none;pointer-events:auto}.nav-left .has-sub .dropdown-menu{left:0;right:auto}.nav-right .has-sub .dropdown-menu{left:auto;right:0}}@media screen and (max-width:768px){.form-section.section-inline{display:inherit}.header{display:flex;flex-direction:column}.header-brand .nav-item:first-child{padding:0 1rem}.header-nav{height:0}.header-nav.active{height:100vh}.nav-item.has-sub{display:block}.nav-item.has-sub .dropdown-menu.dropdown-shown{border-radius:0;box-shadow:none;display:block;position:relative;top:1rem;float:none;border:none;background-color:transparent;margin-bottom:1rem}.nav-item.has-sub .dropdown-menu.dropdown-dark{background-color:rgba(0,0,0,.17);border:0;color:#fff}.nav-item.has-sub .dropdown-menu{display:none}.header-nav .nav-item{padding:1rem}.header-nav .nav-item>a{padding:0;width:100%}.nav-btn{cursor:pointer;display:block;position:relative;margin-left:auto}.nav-btn span{background-color:#4d565f;display:block;height:2px;left:50%;margin-left:-7px;position:absolute;top:50%;-webkit-transition:none 86ms ease-out;transition:none 86ms ease-out;-webkit-transition-property:background,left,opacity,-webkit-transform;transition-property:background,left,opacity,-webkit-transform;transition-property:background,left,opacity,transform;transition-property:background,left,opacity,transform,-webkit-transform;width:15px}.header-dark .nav-btn span{background-color:#fff}.nav-btn span:nth-child(1){margin-top:-6px}.nav-btn span:nth-child(2){margin-top:-1px}.nav-btn span:nth-child(3){margin-top:4px}.nav-btn.active span:nth-child(1){margin-left:-5px;transform:rotate(45deg);transform-origin:left top}.nav-btn.active span:nth-child(2){opacity:0}.nav-btn.active span:nth-child(3){margin-left:-5px;transform:rotate(-45deg);transform-origin:left bottom}.nav-center,.nav-left,.nav-right{overflow:hidden}}@media screen and (min-width:1023px){.header{padding:0 2rem}}.content{max-width:60em;margin:0 auto 1.5em;width:80%}.fullscreen{top:0;right:0;bottom:0;left:0;height:100vh}section{display:block}.panel{padding:2.5em 0}.divider{border-top:.05rem solid rgba(173,173,173,.5);height:.1rem;margin:1.8rem 0 1.6rem}.divider[data-content]{margin:.8rem 0}.divider--v::before{border-left:.05rem solid rgba(173,173,173,.5);bottom:.4rem;content:'';display:block;left:50%;position:absolute;top:0;transform:translateX(-50%)}.divider--v[data-content]::after,.divider[data-content]::after{background:#fff;color:#bcc3ce;content:attr(data-content);left:50%;display:inline-block;padding:0 .4rem;position:absolute;transform:translate(-50%,-50%);top:50%}.divider--v[data-content]{display:block;padding:.8rem;left:50%;padding:.2rem 0;position:absolute;top:50%;transform:translate(-50%,-50%)}.hero-img{background-size:cover}.parallax-img{background-attachment:fixed!important}.hero{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.hero-body{-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;padding:3rem 1.5rem;align-items:center;display:-ms-flexbox;display:flex;width:100%}.space{display:block;width:100%;height:1rem}.space.large{padding:1rem 0}.space.x-large{padding:2rem 0}.row{-ms-flex:1;flex:1;flex-wrap:wrap;padding:.5rem 0}.r{max-width:100%;padding:.5rem}.row.row--no-wrap{-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow-x:auto}.row::after{content:'';clear:both;display:table}.row .col{display:block;flex:1;padding:.15rem .75rem}.row .col-1{width:8.33333333%}.row .col-2{width:16.66666667%}.row .col-3{width:25%}.row .col-4{width:33.33333333%}.row .col-5{width:41.66666667%}.row .col-6{width:50%}.row .col-7{width:58.33333333%}.row .col-8{width:66.66666667%}.row .col-9{width:75%}.row .col-10{width:83.33333333%}.row .col-11{width:91.66666667%}.row .col-12{width:100%}.row .offset-1{margin-left:8.33333333%}.row .offset-2{margin-left:16.66666667%}.row .offset-3{margin-left:25%}.row .offset-4{margin-left:33.33333333%}.row .offset-5{margin-left:41.66666667%}.row .offset-6{margin-left:50%}.row .offset-7{margin-left:58.33333333%}.row .offset-8{margin-left:66.66666667%}.row .offset-9{margin-left:75%}.row .offset-10{margin-left:83.33333333%}.row .offset-11{margin-left:91.66666667%}.row .offset-12{margin-left:100%}.row .offset-right{margin-left:0;margin-right:auto}.row .offset-center{margin-left:auto;margin-right:auto}.row .offset-left{margin-left:auto;margin-right:0}.row [class*=' col-'],.row [class^=col-]{float:left;padding:0 .5rem}.row.no-space [class*=' col-'],.row.no-space [class^=col-]{padding:0}.row.has-controls{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.level{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.level-left{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-right:1rem}.level-right{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.level-item{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-preferred-size:auto;flex-basis:auto;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.level-content{-ms-flex-preferred-size:auto;flex-basis:auto;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;text-align:left;width:100%}.w-10{width:10%}.w-20{width:20%}.w-30{width:30%}.w-40{width:40%}.w-50{width:50%}.w-60{width:60%}.w-70{width:70%}.w-80{width:80%}.w-90{width:90%}.w-100{width:100%}.w-auto{width:auto}.h-10{height:10%}.h-20{height:20%}.h-30{height:30%}.h-40{height:40%}.h-50{height:50%}.h-60{height:60%}.h-70{height:70%}.h-80{height:80%}.h-90{height:90%}.h-100{height:100%}.h-auto{height:auto}@media screen and (min-width:769px){.row{display:flex}.level-right{margin-left:1rem}.level.fill-height{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (max-width:768px){.container{width:100%}.row{margin-top:0}.row [class*=' col-']:not(.ignore-screen),.row [class^=col-]:not(.ignore-screen){width:100%;margin-left:0;padding:0}.divided>.row [class*=' col-'],.divided>.row [class^=col-]{box-shadow:0 -1px 0 0 rgba(34,36,38,.15)}.level-left.ignore-screen,.level-right.ignore-screen,.level.ignore-screen{display:-webkit-box;display:-ms-flexbox;display:flex}.level.fill-height{display:inherit}.hero-body{padding:0}}a{color:var(--cirrus-link);font-weight:600;padding:2px;text-decoration:none;transition:.3s}a:hover{color:var(--cirrus-link-dark);transition:.3s}a:active,a:hover,a:visited{backface-visibility:hidden;text-decoration:none}.subtitle a{padding:0}a.underline{text-decoration:underline}article a,blockquote a,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,p a{display:inline}[type=submit] a,a .btn,a button{margin-bottom:0}ol,ul{margin:1rem 0 1rem 1rem;padding-inline-start:.5rem}ol ol,ol ul,ul ol,ul ul{margin:0 0 0 1rem}ul ul{list-style-type:circle}ul ul ul{list-style-type:square}ol ol{list-style:lower-alpha}ol ol ol{list-style:upper-roman}dl{margin:1rem 0}dt{font-weight:700}dd{margin-bottom:.5rem}li{margin:.25rem 0}li:not(.dropdown-menu>li):last-child{margin-bottom:1rem}ul.no-bullets{list-style:none}.menu{font-size:1rem}ul.menu{list-style:none;margin:.5rem 0}.menu-title:not(:first-child){margin-bottom:1rem}.menu-title:not(:last-child){margin-top:1rem}.menu .menu-item a{color:#555;display:block;padding:.5em .75em;border-radius:3px;font-size:var(--font-size-s);cursor:pointer;-webkit-transition:all var(--animation-duration);transition:all var(--animation-duration)}.menu .menu-item:hover>a{background-color:rgba(208,208,208,.3);color:#d43644;-webkit-transition:all var(--animation-duration);transition:all var(--animation-duration)}.menu .menu-item.selected>a{color:#fff;background-color:var(--cirrus-primary)}.menu .menu-item .menu-addon{padding:.3rem;z-index:1;position:relative;color:var(--cirrus-fg);cursor:pointer;float:left;margin-right:.1rem;-webkit-transition:all var(--animation-duration);transition:all var(--animation-duration)}.menu .menu-item .menu-addon .icon{font-size:inherit}.menu .menu-item .menu-addon:hover{background-color:rgba(60,60,60,.25);-webkit-transition:all var(--animation-duration);transition:all var(--animation-duration)}.menu .menu-item .menu-addon.right{float:right;margin-right:0;margin-left:.1rem}.menu .menu-item.selected .menu-addon{color:#fff}.menu .menu-item ul{border-left:1px solid #dbdbdb;margin:.75rem;padding-left:.75rem}.menu .divider{border-top:.1rem solid #eee;height:.1rem;margin:1rem 0}.menu .divider::after{content:attr(data-label);background-color:var(--cirrus-bg);color:#b7b7b7;display:inline-block;padding:0 .7rem;margin:.5rem;font-size:.7rem;-webkit-transform:translateY(-1.1rem);transform:translateY(-1.1rem)}.list-dropdown{display:inline-block;position:relative}.list-dropdown .menu{position:absolute;top:75%;left:0;-webkit-animation:slide-down var(--animation-duration) ease 1;animation:.1s slide-down;background-color:var(--cirrus-bg);border-radius:.2rem;box-shadow:0 .1rem .4rem rgba(69,77,93,.3);margin:0;opacity:0;min-width:15rem;padding:.25rem .5rem;-webkit-transform:translateY(.5rem);transform:translateY(.5rem);z-index:10;pointer-events:none;overflow:hidden;-webkit-transition:all var(--animation-duration);transition:all var(--animation-duration)}.list-dropdown.dropdown-right .menu{left:auto;right:0}.list-dropdown .btn-dropdown:focus+.menu,.list-dropdown .menu:hover,.list-dropdown.shown .menu{display:block;opacity:1;top:100%;z-index:100;pointer-events:auto;height:auto;-webkit-transition:all var(--animation-duration);transition:all var(--animation-duration)}.list-dropdown .btn-group .btn-dropdown:nth-last-child(2){border-bottom-right-radius:3px;border-top-right-radius:3px}.tree{margin:0}.tree .tree-item .tree-item-header{display:block;padding:.25rem .5rem;cursor:pointer;font-size:.95rem;font-weight:600}.tree .tree-item .tree-item-header .icon{-webkit-transition:all var(--animation-duration);transition:all var(--animation-duration)}.tree .tree-item input:checked~.tree-item-body{max-height:100vh}.tree .tree-item input:checked~.tree-item-header .icon{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.tree .tree-item .tree-item-body{max-height:0;margin-left:1.5rem;overflow:hidden;-webkit-transition:all var(--animation-duration);transition:all var(--animation-duration)}.tree-nav-body{display:-webkit-box;display:-ms-flexbox;display:flex;height:100vh;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.tree-nav{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:1;flex-shrink:1;padding:2rem 1rem 2rem 2rem;min-width:15rem;height:100vh;overflow:auto}.tree-nav .tree-nav-container{overflow-y:auto;top:4rem;bottom:1rem}.tree-nav+.tree-nav-close{display:none}.tree-nav+.tree-nav-content{max-width:100%;padding:2rem;-ms-flex:1 0 auto;-webkit-box-flex:1;flex:1 0 auto;overflow:auto;margin:0}.tree-nav-content{width:100%;overflow:auto;margin:0;padding:2rem}.tree-item-body .menu .menu-item a{font-weight:400}@media screen and (max-width:768px){.tree-nav{height:100%;left:0;overflow-y:auto;padding:3rem 1.5rem;position:fixed;top:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:transform var(--animation-duration) ease,-webkit-transform var(--animation-duration) ease;-webkit-transition:-webkit-transform var(--animation-duration) ease;transition:transform var(--animation-duration) ease;transition:-webkit-transform var(--animation-duration) ease;z-index:400}.tree-nav:target{-webkit-transform:translateX(0);transform:translateX(0);transition:transform var(--animation-duration) ease,-webkit-transform var(--animation-duration) ease;-webkit-transition:-webkit-transform var(--animation-duration) ease;transition:-webkit-transform var(--animation-duration) ease;transition:transform var(--animation-duration) ease}.tree-nav .tree-nav-close{background-color:rgba(0,0,0,.15);display:none;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:300}.tree-nav:target+.tree-nav-close{display:block;background-color:rgba(0,0,0,.15);height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:300}.tree-nav+.tree-nav-body{max-width:inherit}.tree-nav-header{position:fixed;top:0;left:0;right:0;background-color:rgba(248,249,250,.8);height:3.5rem;padding:.75rem .5rem;text-align:center;z-index:300}.nav-item.has-sub .list-dropdown,.nav-item.has-sub .list-dropdown .btn-group{width:100%}.nav-item.has-sub .list-dropdown .btn-group .btn-dropdown{flex-grow:0}.list-dropdown .btn-dropdown:focus+.menu{position:relative;width:100%}}video.video-fullscreen{position:absolute;height:100vh;object-fit:cover;width:100%;z-index:-1}.media-stretch{display:block;padding:0;overflow:hidden;width:100%;position:relative}.media-stretch::before{content:"";display:block;padding-bottom:56.25%}.media-stretch embed,.media-stretch iframe,.media-stretch object{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.media-stretch video{height:auto;max-width:100%;width:100%}.media-stretch.rat-4-3::before{padding-bottom:75%}.media-stretch.rat-1-1::before{padding-bottom:100%}.fig{margin:0 0 .5rem}.fig .fig-caption{margin-top:1rem}.img-stretch{max-width:100%;height:auto;display:block}.img-cover{object-fit:cover}.img-contain{object-fit:contain}.m-0{margin:0!important}.m-1{margin:calc(var(--space-size) * 1)!important}.m-2{margin:calc(var(--space-size) * 2)!important}.m-3{margin:calc(var(--space-size) * 3)!important}.m-4{margin:calc(var(--space-size) * 4)!important}.m-5{margin:calc(var(--space-size) * 5)!important}.mt-0,.my-0{margin-top:0!important}.mt-1,.my-1{margin-top:calc(var(--space-size) * 1)!important}.mt-2,.my-2{margin-top:calc(var(--space-size) * 2)!important}.mt-3,.my-3{margin-top:calc(var(--space-size) * 3)!important}.mt-4,.my-4{margin-top:calc(var(--space-size) * 4)!important}.mt-5,.my-5{margin-top:calc(var(--space-size) * 5)!important}.mb-0,.my-0{margin-bottom:0!important}.mb-1,.my-1{margin-bottom:calc(var(--space-size) * 1)!important}.mb-2,.my-2{margin-bottom:calc(var(--space-size) * 2)!important}.mb-3,.my-3{margin-bottom:calc(var(--space-size) * 3)!important}.mb-4,.my-4{margin-bottom:calc(var(--space-size) * 4)!important}.mb-5,.my-5{margin-bottom:calc(var(--space-size) * 5)!important}.ml-0,.mx-0{margin-left:0!important}.ml-1,.mx-1{margin-left:calc(var(--space-size) * 1)!important}.ml-2,.mx-2{margin-left:calc(var(--space-size) * 2)!important}.ml-3,.mx-3{margin-left:calc(var(--space-size) * 3)!important}.ml-4,.mx-4{margin-left:calc(var(--space-size) * 4)!important}.ml-5,.mx-5{margin-left:calc(var(--space-size) * 5)!important}.mr-0,.mx-0{margin-right:0!important}.mr-1,.mx-1{margin-right:calc(var(--space-size) * 1)!important}.mr-2,.mx-2{margin-right:calc(var(--space-size) * 2)!important}.mr-3,.mx-3{margin-right:calc(var(--space-size) * 3)!important}.mr-4,.mx-4{margin-right:calc(var(--space-size) * 4)!important}.mr-5,.mx-5{margin-right:calc(var(--space-size) * 5)!important}.p-0{padding:0!important}.p-1{padding:calc(var(--space-size) * 1)!important}.p-2{padding:calc(var(--space-size) * 2)!important}.p-3{padding:calc(var(--space-size) * 3)!important}.p-4{padding:calc(var(--space-size) * 4)!important}.p-5{padding:calc(var(--space-size) * 5)!important}.pt-0,.py-0{padding-top:0!important}.pt-1,.py-1{padding-top:calc(var(--space-size) * 1)!important}.pt-2,.py-2{padding-top:calc(var(--space-size) * 2)!important}.pt-3,.py-3{padding-top:calc(var(--space-size) * 3)!important}.pt-4,.py-4{padding-top:calc(var(--space-size) * 4)!important}.pt-5,.py-5{padding-top:calc(var(--space-size) * 5)!important}.pb-0,.py-0{padding-bottom:0!important}.pb-1,.py-1{padding-bottom:calc(var(--space-size) * 1)!important}.pb-2,.py-2{padding-bottom:calc(var(--space-size) * 2)!important}.pb-3,.py-3{padding-bottom:calc(var(--space-size) * 3)!important}.pb-4,.py-4{padding-bottom:calc(var(--space-size) * 4)!important}.pb-5,.py-5{padding-bottom:calc(var(--space-size) * 5)!important}.pl-0,.px-0{padding-left:0!important}.pl-1,.px-1{padding-left:calc(var(--space-size) * 1)!important}.pl-2,.px-2{padding-left:calc(var(--space-size) * 2)!important}.pl-3,.px-3{padding-left:calc(var(--space-size) * 3)!important}.pl-4,.px-4{padding-left:calc(var(--space-size) * 4)!important}.pl-5,.px-5{padding-left:calc(var(--space-size) * 5)!important}.pr-0,.px-0{padding-right:0!important}.pr-1,.px-1{padding-right:calc(var(--space-size) * 1)!important}.pr-2,.px-2{padding-right:calc(var(--space-size) * 2)!important}.pr-3,.px-3{padding-right:calc(var(--space-size) * 3)!important}.pr-4,.px-4{padding-right:calc(var(--space-size) * 4)!important}.pr-5,.px-5{padding-right:calc(var(--space-size) * 5)!important}.table{margin-bottom:1.5rem;width:100%;border-collapse:collapse;border-spacing:0;text-align:center}.table td,.table th{border:1px solid rgba(219,219,219,.5);border-width:0 0 1px;padding:.75rem;vertical-align:top;text-align:inherit;margin:0}.table tr{transition:.3s}.table caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}.table tr:hover,.table.striped tbody tr:nth-child(even):hover{background-color:rgba(216,216,216,.15)}.table thead,.table thead th{border-bottom:2px solid rgba(219,219,219,.49)}.table.bordered thead,.table.bordered thead th{border-bottom:1px solid rgba(219,219,219,.5)}.table tfoot th,.table thead th{padding:1rem}.table tfoot th{border-top:2px solid rgba(219,219,219,.5);border-bottom:none}.table.bordered td,.table.bordered th{border:1px solid rgba(219,219,219,.5)}.table.borderd thead,.table.bordered thead td{border-width:1px}.table.striped tbody tr:nth-child(even){background-color:rgba(0,0,0,.05)}.table.small td,.table.small th{padding:.25rem .75rem}.table.fixed-head thead{position:relative;display:block}.table.fixed-head tbody{height:200px;display:block;overflow:auto}.table.fixed-head tr{display:table;width:100%}.table tr.selected{background-color:var(--cirrus-primary);color:#fff}.table.borderless td,.table.borderless th,.table.borderless thead th{border:none}.u-hidden{display:none!important}.u-block{display:block!important}.u-inline{display:inline!important}.u-inline-block{display:inline-block!important}.u-flex{display:flex!important}.u-flex.u-flex-column{flex-direction:column!important}.u-flex.u-flex-row{flex-direction:row!important}.u-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}.u-table{display:table!important}.u-table-row{display:table-row!important}.u-position-relative,.u-position-static{position:static!important}.u-position-absolute{position:absolute!important}.u-position-fixed{position:fixed!important}.u-position-sticky{position:sticky!important}.u-clearfix:after{clear:both!important;content:" ";display:table!important}.u-clear-left{clear:left!important}.u-clear-right{clear:right!important}.u-clear-both{clear:both!important}.u-pull-left{float:left!important}.u-pull-right{float:right!important}.u-text-justify{text-align:justify!important}.u-text-ellipsis{text-overflow:ellipsis}.u-text-break{hyphens:auto;word-break:break-word;word-wrap:break-word}.u-center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 auto;flex-wrap:wrap}.u-center-alt,.u-center-alt:active,.u-center-alt:hover{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.u-vertical-center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;align-items:center;vertical-align:middle}.u-horizontal-center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.u-overlay{bottom:0;left:0;right:0;top:0;position:absolute}.u-hide-overflow{overflow:hidden!important;overflow-x:hidden;overflow-y:hidden}.u-text-center{text-align:center!important}.u-text-left{text-align:left!important}.u-text-right{text-align:right!important}.u-hide{display:none!important}.u-disabled{cursor:not-allowed!important}.u-unselectable{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.u-margin-auto{margin:0 auto!important}.u-round{border-radius:.1rem}.u-circle{border-radius:50%}.u-no-shadow{box-shadow:none}@media screen and (min-width:769px){.level,.level-left,.level-right{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (max-width:768px){.u-hide-mobile{display:none!important}}@media screen and (min-width:768px){.u-hide-tablet{display:none!important}}@media screen and (min-width:769px) and (max-width:1023px){.u-hide-tablet-only{display:none!important}}@media screen and (min-width:1024px){.u-hide-desktop{display:none!important}}
\ No newline at end of file
+@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700|Nunito+Sans:400,700);*{margin:0;padding:0;box-sizing:border-box;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}body,html{margin:0;padding:0;border:none;height:100%}body{letter-spacing:.01rem;line-height:1.8;font-size:1rem;font-weight:400;font-family:"Nunito Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";letter-spacing:.01rem;text-shadow:1px 1px 1px rgba(0,0,0,.004);color:var(--cirrus-fg)}ul{list-style:none;list-style:disc}embed,img,object,video{max-width:100%;height:auto}.hero.fullscreen video{height:100%;object-fit:fill;position:absolute;width:100%;z-index:-1}iframe{outline:0;border:1px solid rgba(0,0,0,.1);border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,.05)}article,aside,figure,footer,header,hgroup,section{display:block}input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit}label{display:inline-block;margin:.25rem 0}fieldset{padding:1rem}fieldset legend{font-weight:700}[hidden]{display:none!important}::selection{background-color:var(--cirrus-select-bg)}:focus{box-shadow:0 0 .1rem .15rem rgba(240,61,77,.13);outline:0}.btn,[type=submit],button{line-height:2rem;overflow:hidden;padding:.5rem 1.5rem;border:1px solid transparent;border-radius:.25rem;cursor:pointer;text-align:center;background-color:var(--btn-color);border-color:var(--btn-border-color);color:var(--btn-fg);font-size:.75rem;letter-spacing:.03rem;text-transform:uppercase;font-family:Montserrat;min-width:2rem;user-select:none;margin-bottom:1rem;outline:0;--btn-color:#fefefe;--btn-fg:#737373;--btn-border-color:#d9d9d9}.btn:hover,[type=submit]:hover,button:hover{transition:all var(--animation-duration);background-color:#eee;--btn-color:#eee}.btn:active,[type=submit]:active,button:active{transition:var(--animation-duration) ease}.btn.loading:active::after,[type=submit].loading:active::after,button.loading:active::after{transition:var(--animation-duration) ease;border-radius:50%;border-right-color:transparent;border-top-color:transparent}.btn.btn-animated,[type=submit].btn-animated,button.btn-animated{transition:calc(var(--animation-duration)/ 2) ease}.btn.btn-animated:active,[type=submit].btn-animated:active,button.btn-animated:active{-webkit-transform:scale(.98);transform:inherit,scale(.98);transition:calc(var(--animation-duration)/ 2) ease}.btn:focus,button:focus,input[type=submit]:focus{outline:0}.btn:disabled,[type=submit]:disabled,button:disabled{cursor:not-allowed;opacity:.5}button.btn-close{background-color:rgba(10,10,10,.2);border:none;border-radius:290486px;cursor:pointer;display:inline-block;flex-grow:0;flex-shrink:0;font-size:0;height:20px;outline:0;position:relative;vertical-align:top;width:20px;padding:0;min-width:20px}button.btn-close:hover{background-color:rgba(10,10,10,.3)}button.btn-close::after,button.btn-close::before{background-color:var(--cirrus-bg);content:'';display:block;left:50%;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);transform:translateX(-50%) translateY(-50%) rotate(45deg);-webkit-transform-origin:center center;transform-origin:center center}button.btn-close::before{height:2px;width:50%}button.btn-close::after{height:50%;width:2px}.btn-container{margin:.5rem;overflow:visible}.btn-transparent{--btn-color:transparent;--btn-fg:var(--cirrus-dark);--btn-border-color:transparent}.btn-transparent.outline{--btn-color:var(--cirrus-dark)}.btn-transparent:hover{--btn-color:rgba(0, 0, 0, 0.1)}.btn-transparent:focus{box-shadow:0 0 0 .2rem rgba(246,249,252,.5)}.btn-light{--btn-color:var(--cirrus-light);--btn-fg:var(--cirrus-dark);--btn-border-color:var(--cirrus-light)}.btn-light:hover{--btn-color:var(--cirrus-light-hover)}.btn-light:focus{box-shadow:0 0 0 .2rem rgba(246,249,252,.5)}.btn-dark{--btn-color:var(--cirrus-dark);--btn-fg:var(--cirrus-light);--btn-border-color:var(--cirrus-dark)}.btn-dark:hover{--btn-color:var(--cirrus-dark-hover)}.btn-dark.outline:hover{--btn-color:var(--cirrus-dark)}.btn-dark:focus{box-shadow:0 0 0 .2rem rgba(54,54,54,.5)}.btn-black{--btn-color:#000;--btn-fg:var(--cirrus-light);--btn-border-color:#000}.btn-black:hover{--btn-color:#000}.btn-black:focus{box-shadow:0 0 0 .2rem rgba(54,54,54,.5)}.btn-primary{--btn-color:var(--cirrus-primary);--btn-fg:var(--cirrus-light);--btn-border-color:var(--cirrus-accent-border)}.btn-primary:hover{--btn-color:var(--cirrus-accent-hover)}.btn-primary.outline:hover{--btn-color:var(--cirrus-primary)}.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(240,61,76,.5)}.btn-info{--btn-color:var(--cirrus-info);--btn-fg:var(--cirrus-light);--btn-border-color:var(--cirrus-info)}.btn-info:hover{--btn-color:var(--cirrus-info-hover)}.btn-info.outline:hover{--btn-color:var(--cirrus-info)}.btn-info:focus{box-shadow:0 0 0 .2rem rgba(41,114,250,.5)}.btn-link{--btn-color:var(--cirrus-link);--btn-fg:var(--cirrus-light);--btn-border-color:var(--cirrus-link)}.btn-link.outline{--btn-fg:var(--cirrus-link);border:1px solid transparent}.btn-link:hover{--btn-color:var(--cirrus-link-dark)}.btn-link.outline:hover{--btn-color:var(--cirrus-link-hover);border:1px solid transparent;text-decoration:underline}.btn-link:focus{box-shadow:0 0 0 .2rem rgba(94,92,199,.5)}.btn-success{--btn-color:var(--cirrus-success);--btn-fg:var(--cirrus-light);--btn-border-color:var(--cirrus-success)}.btn-success:hover{--btn-color:var(--cirrus-success-hover)}.btn-success.outline:hover{--btn-color:var(--cirrus-success)}.btn-success:focus{box-shadow:0 0 0 .2rem rgba(13,210,89,.5)}.btn-warning{--btn-color:var(--cirrus-warning);--btn-fg:var(--cirrus-dark);--btn-border-color:var(--cirrus-warning)}.btn-warning:hover{--btn-color:var(--cirrus-warning-hover)}.btn-warning.outline:hover{--btn-color:var(--cirrus-warning)}.btn-warning:focus{box-shadow:0 0 0 .2rem rgba(250,180,51,.5)}.btn-danger{--btn-color:var(--cirrus-danger);--btn-fg:var(--cirrus-light);--btn-border-color:var(--cirrus-danger)}.btn-danger:hover{--btn-color:var(--cirrus-danger-hover)}.btn-danger.outline:hover{--btn-color:var(--cirrus-danger)}.btn-danger:focus{box-shadow:0 0 0 .2rem rgba(251,65,68,.5)}[class*=' btn-'],[class^=btn-]{background-color:var(--btn-color);border:1px solid var(--btn-border-color);color:var(--btn-fg);transition:all var(--animation-duration)}[class*=' btn-']:hover,[class^=btn-]:hover{background-color:var(--btn-color);border-color:var(--btn-border-color);transition:all var(--animation-duration)}[class*=' btn-'].outline,[class^=btn-].outline{background-color:transparent;color:var(--btn-color)}[class*=' btn-'].outline:hover,[class^=btn-].outline:hover{background-color:var(--btn-color);color:var(--btn-fg);transition:all var(--animation-duration)}.has-controls.input:not([class*='left action'])>.btn:last-child>.btn,.has-controls.input:not([class*='left action'])>button:last-child{border-radius:0 .28571429rem .28571429rem 0}.has-controls.input:not([class*='right action'])>.btn:last-child>.btn,.has-controls.input:not([class*='right action'])>button:last-child{border-radius:.28571429rem 0 0 .28571429rem}.btn-xsmall{padding:0 .5rem;font-size:50%}.btn-small{padding:.25rem 1rem;font-size:70%}.btn-large{padding:.75rem 2rem;font-size:90%}.btn-xlarge{padding:1rem 2.5rem;font-size:110%}.loading.btn-accent:after{border:2px solid #fff;border-right-color:transparent;border-top-color:transparent}.btn .fa-wrapper,[type=submit] .fa-wrapper,button .fa-wrapper{vertical-align:baseline}.btn .fa-wrapper.pad-right,[type=submit] .fa-wrapper.pad-right,button .fa-wrapper.pad-right{margin-right:.4rem}.btn .fa-wrapper.pad-left,[type=submit] .fa-wrapper.pad-left,button .fa-wrapper.pad-left{margin-left:.4rem}.btn span:first-child,[type=submit] span:first-child,button span:first-child{margin-right:.2rem}.btn span:last-child,[type=submit] span:last-child,button span:last-child{margin-left:.2rem}.btn-group{display:-webkit-inline-box;display:inline-flex;display:-ms-inline-flexbox;display:-webkit-inline-flex}.btn-group.btn-group-fill{display:-webkit-box;display:flex;display:-ms-flexbox}.btn-group .btn,.btn-group [type=submit],.btn-group button{-ms-flex:1 0 auto;-webkit-box-flex:1;flex:1 0 auto;margin:0}.btn-group.btn-group-fill .btn,.btn-group.btn-group-fill [type=submit],.btn-group.btn-group-fill button{-ms-flex:1 0;-webkit-box-flex:1;flex:1 0}.btn-group .btn:first-child:not(:last-child),.btn-group [type=submit]:first-child:not(:last-child),.btn-group button:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group .btn:last-child:not(:first-child),.btn-group [type=submit]:last-child:not(:first-child),.btn-group button:last-child:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-.1rem}.btn-group .btn:not(:first-child):not(:last-child),.btn-group [type=submit]:not(:first-child):not(:last-child),.btn-group button:not(:first-child):not(:last-child){border-radius:0;margin-left:-.1rem}@media screen and (max-width:768px){.btn-group{display:flex;flex-direction:column}.btn-group .btn,.btn-group [type=submit],.btn-group button{margin-bottom:-1px}.btn-group .btn:first-child:not(:last-child),.btn-group [type=submit]:first-child:not(:last-child),.btn-group button:first-child:not(:last-child){border-radius:.25rem .25rem 0 0}.btn-group .btn:not(:first-child):not(:last-child),.btn-group [type=submit]:not(:first-child):not(:last-child),.btn-group button:not(:first-child):not(:last-child){margin-left:0}.btn-group .btn:last-child:not(:first-child),.btn-group [type=submit]:last-child:not(:first-child),.btn-group button:last-child:not(:first-child){border-radius:0 0 .25rem .25rem;margin-left:0}}code{padding:.3rem;margin:.5em 0;overflow:auto;background-color:var(--cirrus-code-bg);color:var(--cirrus-code-fg);border-radius:3px}code.dark{background-color:var(--cirrus-dark);color:#fff}code:before{color:#acb3c2;content:attr(data-lang);font-size:.9rem;position:absolute;right:1rem;top:.7rem}pre>code{font-size:14px;display:block;padding:2rem 1.5rem 1rem;white-space:pre-wrap;word-wrap:break-word;font-family:Consolas,Monaco,"Andale Mono",monospace;text-align:left;line-height:1.5;-moz-tab-size:4;tab-size:4;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;border-left:.3rem solid var(--cirrus-primary);margin:0;position:relative;color:#222}h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif;font-weight:700;line-height:1.2;margin-bottom:1rem}h1{font-size:3rem;letter-spacing:.025rem}h2{font-size:2.5rem}h3{font-size:2rem}h4{font-size:1.75rem}h5{font-size:1.5rem}h6{font-size:1.25rem}.headline-1{font-size:6.5rem;letter-spacing:.05rem}.headline-2{font-size:5.5rem;letter-spacing:.05rem}.headline-3{font-size:4.5rem;letter-spacing:.05rem}.headline-4{font-size:3.5rem;letter-spacing:.025rem}strong{font-weight:700}.font-alt{font-family:"Nunito Sans"}.content h1,.content h2,.content h3,.content h4,.content h5,.content h6{line-height:1.125em;margin:1rem 0}.title{font-weight:700}.subtitle:not(:last-child),.title:not(:last-child){margin-bottom:1rem}.title+.subtitle{margin-top:-.75rem}article,blockquote,p{font-size:1rem;line-height:2;margin-bottom:1rem}p.lead{font-size:1.2rem}blockquote{margin-bottom:1rem;font-size:1.25rem;background-color:#f5f5f5;border-left:5px solid #dbdbdb;padding:1rem 2rem;border-radius:3px}blockquote p{margin:0;font-size:.95rem}.card-tile article,.card-tile blockquote,.card-tile p{line-height:inherit}cite{opacity:.7}.mark,mark{padding:.2em;background-color:#f0e8c4}.font-thin{font-weight:200}.font-light{font-weight:300}.font-normal{font-weight:400}.font-semibold{font-weight:600}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.rtl{direction:rtl}.white{color:#fff!important}.faded{opacity:.75}.font-italic{font-style:italic}.icon{display:inline-block;text-align:center;width:1.5rem;vertical-align:baseline}.icon .fa-wrapper{font-size:inherit;vertical-align:middle}.icon.x-small{margin:.55rem 0 0 .1rem}.icon.small{margin:.95rem 0 0 .1rem}.info{display:block;font-size:var(--font-size-s);margin-top:.25rem;color:#979797}.info.inline{display:inline-block;margin-left:.5rem}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-right:4px solid transparent;border-left:4px solid transparent}abbr[title]{border-bottom:.1rem dotted;cursor:help;text-decoration:none}kbd{background-color:var(--cirrus-fg);border-radius:.2rem;color:#fff;display:inline-block;line-height:1;padding:.5rem;vertical-align:baseline}@media (max-width:650px){h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}.headline-1{font-size:3rem;letter-spacing:.05rem}.headline-2{font-size:2.75rem;letter-spacing:.05rem}.headline-3{font-size:2.5rem;letter-spacing:.05rem}.headline-4{font-size:2.25rem;letter-spacing:.025rem}article,blockquote,p{margin:1rem 0}}.footer{background-color:var(--gray-900);padding:6rem 0;text-align:center;margin-top:5rem;width:100%}.footer.footer--fixed{bottom:0;position:fixed}.footer a{color:#fff;font-weight:bolder}.footer p{color:var(--gray-600)}.footer ul{margin:.5rem 0}.footer .footer__title{text-align:center;letter-spacing:6px;position:relative;padding-bottom:10px}.footer .footer__list-title{font-size:75%;text-transform:uppercase;font-weight:bolder;color:#ddd}.footer .footer__list-title::after{content:'';display:block;width:10%;margin:auto;border-bottom:2px solid;border-color:#343b49}.footer .footer__list-item,.footer ul a .footer__list-item{margin:.1rem;color:var(--gray-600);transition:all var(--animation-duration);font-size:75%;text-transform:uppercase}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]),select{width:100%;border:1px solid #ddd;border-radius:3px;color:#5a5a5a;font-family:"Nunito Sans";font-size:var(--font-size-m);letter-spacing:.02rem;transition:.3s;outline:0;padding:.85rem 1.1rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]) select.input-xsmall,input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-xsmall,select select.input-xsmall,select.input-xsmall{font-size:var(--font-size-xs);padding:.35rem .9rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]) select.input-small,input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-small,select select.input-small,select.input-small{font-size:var(--font-size-s);padding:.55rem 1rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]) select.input-large,input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-large,select select.input-large,select.input-large{font-size:var(--font-size-l)}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]) select.input-xlarge,input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-xlarge,select select.input-xlarge,select.input-xlarge{font-size:var(--font-size-xl)}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon,input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-left,select.input-contains-icon,select.input-contains-icon-left{padding-left:2.75rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-right,select.input-contains-icon-right{padding-right:2.75rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-right.input-xsmall,input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon.input-xsmall,select.input-contains-icon-right.input-xsmall,select.input-contains-icon.input-xsmall{padding-left:2rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-left.input-xsmall~.icon,input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-right.input-xsmall~.icon.icon-right,input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon.input-xsmall~.icon,select.input-contains-icon-left.input-xsmall~.icon,select.input-contains-icon-right.input-xsmall~.icon.icon-right,select.input-contains-icon.input-xsmall~.icon{line-height:1.75rem;width:1.75rem;font-size:7px}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-right.input-small,input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon.input-small,select.input-contains-icon-right.input-small,select.input-contains-icon.input-small{padding-left:2.5rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-left.input-small~.icon,input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-right.input-small~.icon.icon-right,input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon.input-small~.icon,select.input-contains-icon-left.input-small~.icon,select.input-contains-icon-right.input-small~.icon.icon-right,select.input-contains-icon.input-small~.icon{line-height:2rem;width:2.5rem;font-size:14px}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-right.input-large,input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon.input-large,select.input-contains-icon-right.input-large,select.input-contains-icon.input-large{padding-left:3.5rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-left.input-large~.icon,input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-right.input-large~.icon.icon-right,input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon.input-large~.icon,select.input-contains-icon-left.input-large~.icon,select.input-contains-icon-right.input-large~.icon.icon-right,select.input-contains-icon.input-large~.icon{line-height:3.5rem;width:3.5rem;font-size:28px}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-right.input-xlarge,input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon.input-xlarge,select.input-contains-icon-right.input-xlarge,select.input-contains-icon.input-xlarge{padding-left:4rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-left.input-xlarge~.icon,input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-right.input-xlarge~.icon.icon-right,input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon.input-xlarge~.icon,select.input-contains-icon-left.input-xlarge~.icon,select.input-contains-icon-right.input-xlarge~.icon.icon-right,select.input-contains-icon.input-xlarge~.icon{line-height:2.5rem;width:3.75rem;font-size:35px}input[type=search]{-webkit-appearance:none}textarea,textarea[type=text]{width:100%;border:1px solid #ddd;padding:.8rem;border-radius:3px;font-family:"Nunito Sans";font-size:var(--font-size-m);letter-spacing:.02rem;transition:.3s;outline:0;margin:.5rem 0;padding:1rem 1.3rem;min-height:8rem;line-height:1.5rem;resize:vertical}input[type=color]{box-shadow:inset 0 1px 2px rgba(0,0,0,.05);box-sizing:border-box;transition:.3s;outline:0;position:relative;height:3rem;background-color:#fff;padding:.55rem .8rem!important}.input-focused,input:not([type=checkbox]):not([type=radio]):not([type=submit]):focus,input[type=text].input-focused,select:focus,textarea:focus,textarea[type=text]:focus{border-color:#3dabf0;box-shadow:0 0 0 .2rem rgba(61,171,240,var(--focus-opacity)),inset 0 1px 8px rgba(0,0,0,.07)}select{background-color:#fff;border:1px solid #ddd}select[multiple] option{padding:.2rem .4rem}select.select:not([size]):not([multiple]){background:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%23667189'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E") right .85rem center/.5rem .6rem no-repeat no-repeat;-webkit-appearance:none}input.search,input[type=search]{background-repeat:no-repeat;background-position:left .6rem center;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path opacity="0.45" d="M14.891,14.39l-0.5.5a0.355,0.355,0,0,1-.5,0L9.526,10.529a5.3,5.3,0,1,1,2.106-4.212,5.268,5.268,0,0,1-1.1,3.21l4.362,4.362A0.354,0.354,0,0,1,14.891,14.39ZM6.316,2.418a3.9,3.9,0,1,0,3.9,3.9A3.9,3.9,0,0,0,6.316,2.418Z"/></svg>');padding-left:2rem!important}input:not([class*=" btn-"]):disabled:hover,input:not([class*=btn-]):disabled,select:disabled,textarea:disabled{background-color:#f3f3f6;cursor:not-allowed;border:1px solid #f3f3f6}label:first-child:not(:last-child):not(.form-group-label){margin-right:.5rem}label:not(:first-child):not(:last-child):not(.form-group-label){margin:0 .5rem}label:last-child:not(:first-child):not(.form-group-label){margin-left:.5rem}.required{position:relative;top:1px;font-weight:700;color:#f03c69;padding-left:.1rem}.label:not(:last-child){margin-bottom:0}.label{color:#4a4a4a;display:inline-block;font-weight:700;margin-top:.8rem}.input-success{background-color:rgba(0,224,0,.05)!important;border-color:var(--cirrus-success)!important}.btn-success:focus,.input-success:not([type=checkbox]):not([type=radio]):not([type=submit]):focus{box-shadow:0 0 0 .2rem rgba(76,175,80,var(--focus-opacity)),inset 0 1px 8px rgba(0,0,0,.07)}.input-error{background-color:rgba(244,67,54,.05)!important;border-color:var(--cirrus-danger)!important}.btn-error:focus,.input-error:not([type=checkbox]):not([type=radio]):not([type=submit]):focus{box-shadow:0 0 0 .2rem rgba(244,67,54,var(--focus-opacity)),inset 0 1px 8px rgba(0,0,0,.07)}select.input-xsmall{padding:.65rem .9rem}select.input-small{padding:.75rem 1rem}select.input-large{padding:.95rem 1.2rem}select.input-xlarge{padding:1.05rem 1.3rem}.input-control{position:relative;margin:.5rem 0}.input-contains-icon~.icon{display:flex;align-items:center;justify-content:center;height:100%}.input-contains-icon-left~.icon.icon-left,.input-contains-icon~.icon:not(.icon-right){position:absolute;left:0;top:0;width:3rem;z-index:1}.input-contains-icon-right~.icon.icon-right{position:absolute;pointer-events:none;line-height:2.75rem;vertical-align:baseline;top:0;right:0;width:3rem;z-index:1}.form-section:not(:last-child){margin-bottom:.5rem}.form-section.section-inline{display:flex}.form-section.section-inline button,.form-section.section-inline label:not(.form-group-label){align-items:center;flex-grow:0;display:flex;flex-shrink:0}.form-section.section-inline .section-body,.form-section.section-inline input{align-items:center;flex-grow:1}.form-group{display:flex;display:-ms-flexbox;margin:.5rem 0}.form-group .form-group-btn{-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;margin-bottom:0}.form-group .form-group-btn:first-child:not(:last-child),.form-group .form-group-input:first-child:not(:last-child),.form-group .form-group-label:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.form-group .form-group-btn:not(:first-child):not(:last-child),.form-group .form-group-input:not(:first-child):not(:last-child),.form-group .form-group-label:not(:first-child):not(:last-child){border-radius:0;margin-left:-.1rem;margin-right:-.1rem}.form-group .form-group-btn:last-child:not(:first-child),.form-group .form-group-input:last-child:not(:first-child),.form-group .form-group-label:last-child:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-.1rem}.form-group-label{background-color:var(--cirrus-form-group-bg);border:1px solid #ddd;border-radius:.2rem;color:var(--cirrus-form-group-fg);margin:0;padding:.8rem;user-select:none}.form-group-label.label-xsmall{font-size:.55rem;padding:.5rem .9rem}.form-group-label.label-small{font-size:.75rem;padding:.55rem 1rem}.form-group-label.label-large{font-size:1.5rem}.form-group-label.label-xlarge{font-size:2rem}.form-group-input{z-index:1}::-moz-placeholder{color:#a9a9a9}::-webkit-input-placeholder{color:#a9a9a9}.frame{display:flex;display:-ms-flexbox;flex-direction:column;-webkit-flex-direction:column;-ms-flex-direction:column;border-radius:3px;box-shadow:0 .2rem 1.25rem 0 rgba(27,30,36,.07)}.frame .frame__footer,.frame .frame__header{flex:0 0 auto;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;padding:1rem}.frame .frame__nav{flex:0 0 auto;-webkit-flex:0 0 auto;-ms-flex:0 0 auto}.frame .frame__body{flex:1 1 auto;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;overflow-y:auto;padding:0 1.5rem}.frame .frame__title{color:var(--cirrus-fg);font-size:var(--font-size-m);margin:.75rem auto 0}.frame .frame__subtitle{color:rgba(55,64,84,.6);font-size:var(--font-size-s);margin:.25rem auto .75rem}.header{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;width:100%;z-index:100;margin-bottom:20px;box-shadow:0 3px 15px rgba(57,63,72,.1);background-color:var(--cirrus-bg);max-height:100vh;padding:0 2rem;transition:.3s}.header h1,.header h2,.header h3,.header h4,.header h5,.header h6{margin:0}.header a{color:#8292a2}.header a:hover{color:#697888}.header-dark{background-color:rgba(0,0,0,.87);color:#fff}.header-clear{background-color:transparent;box-shadow:none}.header.header-animated .header-nav{-webkit-transition:background .4s,height .4s;transition:background .4s,height .4s;-webkit-transition-property:background,height;transition-property:background,height;-webkit-transition-duration:.4s,.4s;transition-duration:.4s,.4s;-webkit-transition-timing-function:ease,ease;transition-timing-function:ease,ease;-webkit-transition-delay:initial,initial;transition-delay:initial,initial;-webkit-transition:.3s;transition:.3s}.header-brand{-webkit-overflow-scrolling:touch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;max-width:100vw;min-height:3.25rem;overflow-x:auto;overflow-y:hidden}.header-nav{overflow:auto}.nav-menu{-webkit-transition:.3s;transition:.3s}.nav-item.has-sub{position:relative}.nav-overflow-x{-webkit-box-pack:inherit;-ms-flex-pack:inherit;justify-content:inherit;overflow-x:scroll}.header-fixed{position:fixed;top:0}.nav-item{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:.3s;transition:.3s;padding:0 .3rem;cursor:pointer}.nav-item a{align-items:center;display:flex}.header:not(.header-clear) .nav-item:not(.no-hover).hovered,.header:not(.header-clear) .nav-item:not(.no-hover):hover{-webkit-transition:.3s;transition:.3s;background-color:rgba(216,216,216,.15)}.header:not(.header-clear) .nav-item.active,.header:not(.header-clear) .nav-item.active:hover{background-color:rgba(216,216,216,.35)}.nav-item .dropdown-menu{background-color:var(--cirrus-bg);position:absolute;top:95%;z-index:1000;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-clip:padding-box;border:1px solid #eee;border-radius:0 0 4px 4px;box-shadow:0 .5rem 1rem rgba(10,10,10,.1)}.header.header-clear .nav-item .dropdown-menu{border-radius:4px}.nav-item .dropdown-menu.dropdown-animated{-webkit-transition:all var(--animation-duration);transition:all var(--animation-duration)}.nav-item.has-sub .nav-dropdown-link::after{border:2px solid var(--cirrus-primary);border-right:0;border-top:0;display:block;height:.5em;width:.5em;content:" ";-webkit-transform:rotate(-45deg);transform:rotate(-45deg);pointer-events:none;margin-top:-.435em;right:1.125em;top:50%;position:absolute}.nav-item.has-sub .nav-dropdown-link{padding-right:2.5rem;position:relative}.header-dark .dropdown-menu,.nav-item .dropdown-menu.dropdown-dark{background-color:rgba(0,0,0,.87);border:1px solid #333;color:#fff}.dropdown-menu.dropdown-shown,.nav-item.active{opacity:1}.dropdown-menu>li>a{display:block;padding:.5rem 1rem;clear:both;line-height:1.42857143;white-space:nowrap}.header-dark .dropdown-menu>li>a,.header-dark .nav-item a{color:#fff}.dropdown-menu>li{margin:0;-webkit-transition:.3s;transition:.3s}.dropdown-menu>li:hover{-webkit-transition:.3s;transition:.3s;background-color:rgba(216,216,216,.15)}.dropdown-menu>li:active{-webkit-transition:.3s;transition:.3s;background-color:rgba(216,216,216,.25)}.dropdown-menu>li:last-child{margin-bottom:0}.dropdown-menu .dropdown-menu-divider{border:none;background-color:rgba(216,216,216,.15);height:1px;margin:.5rem 0}.nav-btn{cursor:pointer;display:block;height:3.5rem;position:relative;width:3.5rem}.header .btn,.header button,.header input[type=submit]{margin:0}@media screen and (min-width:769px){.header{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox}.header-nav{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;text-align:center;width:100%;top:0;overflow:visible}.nav-left,.nav-right{-webkit-box-align:stretch;-ms-flex-align:stretch;-ms-grid-row-align:stretch;align-items:stretch;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0}.nav-left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;white-space:nowrap}.nav-right{display:-webkit-box;display:-ms-flexbox;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;white-space:nowrap}.nav-center{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:auto;margin-right:auto}.nav-btn{display:none}.nav-item a{padding:.5rem 1rem}.nav-item .dropdown-menu{opacity:0;pointer-events:none}.nav-item .dropdown-menu.dropdown-animated{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.nav-item .dropdown-menu.dropdown-animated.dropdown-shown,.nav-item .dropdown-menu.dropdown-shown,.nav-item.toggle-hover:hover .dropdown-animated.dropdown-menu,.nav-item.toggle-hover:hover .dropdown-menu{opacity:1;-webkit-transform:none;transform:none;pointer-events:auto}.nav-left .has-sub .dropdown-menu{left:0;right:auto}.nav-right .has-sub .dropdown-menu{left:auto;right:0}}@media screen and (max-width:768px){.form-section.section-inline{display:inherit}.header{display:flex;flex-direction:column}.header-brand .nav-item:first-child{padding:0 1rem}.header-nav{height:0}.header-nav.active{height:100vh}.nav-item.has-sub{display:block}.nav-item.has-sub .dropdown-menu.dropdown-shown{border-radius:0;box-shadow:none;display:block;position:relative;top:1rem;float:none;border:none;background-color:transparent;margin-bottom:1rem}.nav-item.has-sub .dropdown-menu.dropdown-dark{background-color:rgba(0,0,0,.17);border:0;color:#fff}.nav-item.has-sub .dropdown-menu{display:none}.header-nav .nav-item{padding:1rem}.header-nav .nav-item>a{padding:0;width:100%}.nav-btn{cursor:pointer;display:block;position:relative;margin-left:auto}.nav-btn span{background-color:#4d565f;display:block;height:2px;left:50%;margin-left:-7px;position:absolute;top:50%;-webkit-transition:none 86ms ease-out;transition:none 86ms ease-out;-webkit-transition-property:background,left,opacity,-webkit-transform;transition-property:background,left,opacity,-webkit-transform;transition-property:background,left,opacity,transform;transition-property:background,left,opacity,transform,-webkit-transform;width:15px}.header-dark .nav-btn span{background-color:#fff}.nav-btn span:nth-child(1){margin-top:-6px}.nav-btn span:nth-child(2){margin-top:-1px}.nav-btn span:nth-child(3){margin-top:4px}.nav-btn.active span:nth-child(1){margin-left:-5px;transform:rotate(45deg);transform-origin:left top}.nav-btn.active span:nth-child(2){opacity:0}.nav-btn.active span:nth-child(3){margin-left:-5px;transform:rotate(-45deg);transform-origin:left bottom}.nav-center,.nav-left,.nav-right{overflow:hidden}}@media screen and (min-width:1023px){.header{padding:0 2rem}}.content{max-width:60em;margin:0 auto 1.5em;width:80%}.fullscreen{top:0;right:0;bottom:0;left:0;height:100vh}section{display:block}.panel{padding:2.5em 0}.divider{border-top:.05rem solid rgba(173,173,173,.5);height:.1rem;margin:1.8rem 0 1.6rem}.divider[data-content]{margin:.8rem 0}.divider--v::before{border-left:.05rem solid rgba(173,173,173,.5);bottom:.4rem;content:'';display:block;left:50%;position:absolute;top:0;transform:translateX(-50%)}.divider--v[data-content]::after,.divider[data-content]::after{background:#fff;color:#bcc3ce;content:attr(data-content);left:50%;display:inline-block;padding:0 .4rem;position:absolute;transform:translate(-50%,-50%);top:50%}.divider--v[data-content]{display:block;padding:.8rem;left:50%;padding:.2rem 0;position:absolute;top:50%;transform:translate(-50%,-50%)}.hero-img{background-size:cover}.parallax-img{background-attachment:fixed!important}.hero{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.hero-body{-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;padding:3rem 1.5rem;align-items:center;display:-ms-flexbox;display:flex;width:100%}.space{display:block;width:100%;height:1rem}.space.large{padding:1rem 0}.space.xlarge{padding:2rem 0}.row{-ms-flex:1;flex:1;flex-wrap:wrap;padding:.5rem 0}.r{max-width:100%;padding:.5rem}.row.row--no-wrap{-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow-x:auto}.row::after{content:'';clear:both;display:table}.row .col{display:block;flex:1;padding:.15rem .75rem}.row .col-1{width:8.33333333%}.row .col-2{width:16.66666667%}.row .col-3{width:25%}.row .col-4{width:33.33333333%}.row .col-5{width:41.66666667%}.row .col-6{width:50%}.row .col-7{width:58.33333333%}.row .col-8{width:66.66666667%}.row .col-9{width:75%}.row .col-10{width:83.33333333%}.row .col-11{width:91.66666667%}.row .col-12{width:100%}.row .offset-1{margin-left:8.33333333%}.row .offset-2{margin-left:16.66666667%}.row .offset-3{margin-left:25%}.row .offset-4{margin-left:33.33333333%}.row .offset-5{margin-left:41.66666667%}.row .offset-6{margin-left:50%}.row .offset-7{margin-left:58.33333333%}.row .offset-8{margin-left:66.66666667%}.row .offset-9{margin-left:75%}.row .offset-10{margin-left:83.33333333%}.row .offset-11{margin-left:91.66666667%}.row .offset-12{margin-left:100%}.row .offset-right{margin-left:0;margin-right:auto}.row .offset-center{margin-left:auto;margin-right:auto}.row .offset-left{margin-left:auto;margin-right:0}.row [class*=' col-'],.row [class^=col-]{float:left;padding:0 .5rem}.row.no-space [class*=' col-'],.row.no-space [class^=col-]{padding:0}.row.has-controls{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.level{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.level-left{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-right:1rem}.level-right{-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.level-item{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-preferred-size:auto;flex-basis:auto;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.level-content{-ms-flex-preferred-size:auto;flex-basis:auto;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;text-align:left;width:100%}.w-10{width:10%}.w-20{width:20%}.w-30{width:30%}.w-40{width:40%}.w-50{width:50%}.w-60{width:60%}.w-70{width:70%}.w-80{width:80%}.w-90{width:90%}.w-100{width:100%}.w-auto{width:auto}.h-10{height:10%}.h-20{height:20%}.h-30{height:30%}.h-40{height:40%}.h-50{height:50%}.h-60{height:60%}.h-70{height:70%}.h-80{height:80%}.h-90{height:90%}.h-100{height:100%}.h-auto{height:auto}@media screen and (min-width:769px){.row{display:flex}.level-right{margin-left:1rem}.level.fill-height{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (max-width:768px){.container{width:100%}.row{margin-top:0}.row [class*=' col-']:not(.ignore-screen),.row [class^=col-]:not(.ignore-screen){width:100%;margin-left:0;padding:0}.divided>.row [class*=' col-'],.divided>.row [class^=col-]{box-shadow:0 -1px 0 0 rgba(34,36,38,.15)}.level-left.ignore-screen,.level-right.ignore-screen,.level.ignore-screen{display:-webkit-box;display:-ms-flexbox;display:flex}.level.fill-height{display:inherit}.hero-body{padding:0}}a{color:var(--cirrus-link);font-weight:600;padding:2px;text-decoration:none;transition:.3s}a:hover{color:var(--cirrus-link-dark);transition:.3s}a:active,a:hover,a:visited{backface-visibility:hidden;text-decoration:none}.subtitle a{padding:0}a.underline{text-decoration:underline}article a,blockquote a,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,p a{display:inline}[type=submit] a,a .btn,a button{margin-bottom:0}ol,ul{margin:1rem 0 1rem 1rem;padding-inline-start:.5rem}ol ol,ol ul,ul ol,ul ul{margin:0 0 0 1rem}ul ul{list-style-type:circle}ul ul ul{list-style-type:square}ol ol{list-style:lower-alpha}ol ol ol{list-style:upper-roman}dl{margin:1rem 0}dt{font-weight:700}dd{margin-bottom:.5rem}li{margin:.25rem 0}li:not(.dropdown-menu>li):last-child{margin-bottom:1rem}ul.no-bullets{list-style:none}.menu{font-size:1rem}ul.menu{list-style:none;margin:.5rem 0}.menu-title:not(:first-child){margin-bottom:1rem}.menu-title:not(:last-child){margin-top:1rem}.menu .menu-item a{color:#555;display:block;padding:.5em .75em;border-radius:3px;font-size:var(--font-size-s);cursor:pointer;-webkit-transition:all var(--animation-duration);transition:all var(--animation-duration)}.menu .menu-item:hover>a{background-color:rgba(208,208,208,.3);color:#d43644;-webkit-transition:all var(--animation-duration);transition:all var(--animation-duration)}.menu .menu-item.selected>a{color:#fff;background-color:var(--cirrus-primary)}.menu .menu-item .menu-addon{padding:.3rem;z-index:1;position:relative;color:var(--cirrus-fg);cursor:pointer;float:left;margin-right:.1rem;-webkit-transition:all var(--animation-duration);transition:all var(--animation-duration)}.menu .menu-item .menu-addon .icon{font-size:inherit}.menu .menu-item .menu-addon:hover{background-color:rgba(60,60,60,.25);-webkit-transition:all var(--animation-duration);transition:all var(--animation-duration)}.menu .menu-item .menu-addon.right{float:right;margin-right:0;margin-left:.1rem}.menu .menu-item.selected .menu-addon{color:#fff}.menu .menu-item ul{border-left:1px solid #dbdbdb;margin:.75rem;padding-left:.75rem}.menu .divider{border-top:.1rem solid #eee;height:.1rem;margin:1rem 0}.menu .divider::after{content:attr(data-label);background-color:var(--cirrus-bg);color:#b7b7b7;display:inline-block;padding:0 .7rem;margin:.5rem;font-size:.7rem;-webkit-transform:translateY(-1.1rem);transform:translateY(-1.1rem)}.list-dropdown{display:inline-block;position:relative}.list-dropdown .menu{position:absolute;top:75%;left:0;-webkit-animation:slide-down var(--animation-duration) ease 1;animation:.1s slide-down;background-color:var(--cirrus-bg);border-radius:.2rem;box-shadow:0 .1rem .4rem rgba(69,77,93,.3);margin:0;opacity:0;min-width:15rem;padding:.25rem .5rem;-webkit-transform:translateY(.5rem);transform:translateY(.5rem);z-index:10;pointer-events:none;overflow:hidden;-webkit-transition:all var(--animation-duration);transition:all var(--animation-duration)}.list-dropdown.dropdown-right .menu{left:auto;right:0}.list-dropdown .btn-dropdown:focus+.menu,.list-dropdown .menu:hover,.list-dropdown.shown .menu{display:block;opacity:1;top:100%;z-index:100;pointer-events:auto;height:auto;-webkit-transition:all var(--animation-duration);transition:all var(--animation-duration)}.list-dropdown .btn-group .btn-dropdown:nth-last-child(2){border-bottom-right-radius:3px;border-top-right-radius:3px}.tree{margin:0}.tree .tree-item .tree-item-header{display:block;padding:.25rem .5rem;cursor:pointer;font-size:.95rem;font-weight:600}.tree .tree-item .tree-item-header .icon{-webkit-transition:all var(--animation-duration);transition:all var(--animation-duration)}.tree .tree-item input:checked~.tree-item-body{max-height:100vh}.tree .tree-item input:checked~.tree-item-header .icon{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.tree .tree-item .tree-item-body{max-height:0;margin-left:1.5rem;overflow:hidden;-webkit-transition:all var(--animation-duration);transition:all var(--animation-duration)}.tree-nav-body{display:-webkit-box;display:-ms-flexbox;display:flex;height:100vh;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.tree-nav{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:1;flex-shrink:1;padding:2rem 1rem 2rem 2rem;min-width:15rem;height:100vh;overflow:auto}.tree-nav .tree-nav-container{overflow-y:auto;top:4rem;bottom:1rem}.tree-nav+.tree-nav-close{display:none}.tree-nav+.tree-nav-content{max-width:100%;padding:2rem;-ms-flex:1 0 auto;-webkit-box-flex:1;flex:1 0 auto;overflow:auto;margin:0}.tree-nav-content{width:100%;overflow:auto;margin:0;padding:2rem}.tree-item-body .menu .menu-item a{font-weight:400}@media screen and (max-width:768px){.tree-nav{height:100%;left:0;overflow-y:auto;padding:3rem 1.5rem;position:fixed;top:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:transform var(--animation-duration) ease,-webkit-transform var(--animation-duration) ease;-webkit-transition:-webkit-transform var(--animation-duration) ease;transition:transform var(--animation-duration) ease;transition:-webkit-transform var(--animation-duration) ease;z-index:400}.tree-nav:target{-webkit-transform:translateX(0);transform:translateX(0);transition:transform var(--animation-duration) ease,-webkit-transform var(--animation-duration) ease;-webkit-transition:-webkit-transform var(--animation-duration) ease;transition:-webkit-transform var(--animation-duration) ease;transition:transform var(--animation-duration) ease}.tree-nav .tree-nav-close{background-color:rgba(0,0,0,.15);display:none;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:300}.tree-nav:target+.tree-nav-close{display:block;background-color:rgba(0,0,0,.15);height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:300}.tree-nav+.tree-nav-body{max-width:inherit}.tree-nav-header{position:fixed;top:0;left:0;right:0;background-color:rgba(248,249,250,.8);height:3.5rem;padding:.75rem .5rem;text-align:center;z-index:300}.nav-item.has-sub .list-dropdown,.nav-item.has-sub .list-dropdown .btn-group{width:100%}.nav-item.has-sub .list-dropdown .btn-group .btn-dropdown{flex-grow:0}.list-dropdown .btn-dropdown:focus+.menu{position:relative;width:100%}}video.video-fullscreen{position:absolute;height:100vh;object-fit:cover;width:100%;z-index:-1}.media-stretch{display:block;padding:0;overflow:hidden;width:100%;position:relative}.media-stretch::before{content:"";display:block;padding-bottom:56.25%}.media-stretch embed,.media-stretch iframe,.media-stretch object{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.media-stretch video{height:auto;max-width:100%;width:100%}.media-stretch.rat-4-3::before{padding-bottom:75%}.media-stretch.rat-1-1::before{padding-bottom:100%}.fig{margin:0 0 .5rem}.fig .fig-caption{margin-top:1rem}.img-stretch{max-width:100%;height:auto;display:block}.img-cover{object-fit:cover}.img-contain{object-fit:contain}.m-0{margin:0!important}.m-1{margin:calc(var(--space-size) * 1)!important}.m-2{margin:calc(var(--space-size) * 2)!important}.m-3{margin:calc(var(--space-size) * 3)!important}.m-4{margin:calc(var(--space-size) * 4)!important}.m-5{margin:calc(var(--space-size) * 5)!important}.mt-0,.my-0{margin-top:0!important}.mt-1,.my-1{margin-top:calc(var(--space-size) * 1)!important}.mt-2,.my-2{margin-top:calc(var(--space-size) * 2)!important}.mt-3,.my-3{margin-top:calc(var(--space-size) * 3)!important}.mt-4,.my-4{margin-top:calc(var(--space-size) * 4)!important}.mt-5,.my-5{margin-top:calc(var(--space-size) * 5)!important}.mb-0,.my-0{margin-bottom:0!important}.mb-1,.my-1{margin-bottom:calc(var(--space-size) * 1)!important}.mb-2,.my-2{margin-bottom:calc(var(--space-size) * 2)!important}.mb-3,.my-3{margin-bottom:calc(var(--space-size) * 3)!important}.mb-4,.my-4{margin-bottom:calc(var(--space-size) * 4)!important}.mb-5,.my-5{margin-bottom:calc(var(--space-size) * 5)!important}.ml-0,.mx-0{margin-left:0!important}.ml-1,.mx-1{margin-left:calc(var(--space-size) * 1)!important}.ml-2,.mx-2{margin-left:calc(var(--space-size) * 2)!important}.ml-3,.mx-3{margin-left:calc(var(--space-size) * 3)!important}.ml-4,.mx-4{margin-left:calc(var(--space-size) * 4)!important}.ml-5,.mx-5{margin-left:calc(var(--space-size) * 5)!important}.mr-0,.mx-0{margin-right:0!important}.mr-1,.mx-1{margin-right:calc(var(--space-size) * 1)!important}.mr-2,.mx-2{margin-right:calc(var(--space-size) * 2)!important}.mr-3,.mx-3{margin-right:calc(var(--space-size) * 3)!important}.mr-4,.mx-4{margin-right:calc(var(--space-size) * 4)!important}.mr-5,.mx-5{margin-right:calc(var(--space-size) * 5)!important}.p-0{padding:0!important}.p-1{padding:calc(var(--space-size) * 1)!important}.p-2{padding:calc(var(--space-size) * 2)!important}.p-3{padding:calc(var(--space-size) * 3)!important}.p-4{padding:calc(var(--space-size) * 4)!important}.p-5{padding:calc(var(--space-size) * 5)!important}.pt-0,.py-0{padding-top:0!important}.pt-1,.py-1{padding-top:calc(var(--space-size) * 1)!important}.pt-2,.py-2{padding-top:calc(var(--space-size) * 2)!important}.pt-3,.py-3{padding-top:calc(var(--space-size) * 3)!important}.pt-4,.py-4{padding-top:calc(var(--space-size) * 4)!important}.pt-5,.py-5{padding-top:calc(var(--space-size) * 5)!important}.pb-0,.py-0{padding-bottom:0!important}.pb-1,.py-1{padding-bottom:calc(var(--space-size) * 1)!important}.pb-2,.py-2{padding-bottom:calc(var(--space-size) * 2)!important}.pb-3,.py-3{padding-bottom:calc(var(--space-size) * 3)!important}.pb-4,.py-4{padding-bottom:calc(var(--space-size) * 4)!important}.pb-5,.py-5{padding-bottom:calc(var(--space-size) * 5)!important}.pl-0,.px-0{padding-left:0!important}.pl-1,.px-1{padding-left:calc(var(--space-size) * 1)!important}.pl-2,.px-2{padding-left:calc(var(--space-size) * 2)!important}.pl-3,.px-3{padding-left:calc(var(--space-size) * 3)!important}.pl-4,.px-4{padding-left:calc(var(--space-size) * 4)!important}.pl-5,.px-5{padding-left:calc(var(--space-size) * 5)!important}.pr-0,.px-0{padding-right:0!important}.pr-1,.px-1{padding-right:calc(var(--space-size) * 1)!important}.pr-2,.px-2{padding-right:calc(var(--space-size) * 2)!important}.pr-3,.px-3{padding-right:calc(var(--space-size) * 3)!important}.pr-4,.px-4{padding-right:calc(var(--space-size) * 4)!important}.pr-5,.px-5{padding-right:calc(var(--space-size) * 5)!important}.table{margin-bottom:1.5rem;width:100%;border-collapse:collapse;border-spacing:0;text-align:center}.table td,.table th{border:1px solid rgba(219,219,219,.5);border-width:0 0 1px;padding:.75rem;vertical-align:top;text-align:inherit;margin:0}.table tr{transition:.3s}.table caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}.table tr:hover,.table.striped tbody tr:nth-child(even):hover{background-color:rgba(216,216,216,.15)}.table thead,.table thead th{border-bottom:2px solid rgba(219,219,219,.49)}.table.bordered thead,.table.bordered thead th{border-bottom:1px solid rgba(219,219,219,.5)}.table tfoot th,.table thead th{padding:1rem}.table tfoot th{border-top:2px solid rgba(219,219,219,.5);border-bottom:none}.table.bordered td,.table.bordered th{border:1px solid rgba(219,219,219,.5)}.table.borderd thead,.table.bordered thead td{border-width:1px}.table.striped tbody tr:nth-child(even){background-color:rgba(0,0,0,.05)}.table.small td,.table.small th{padding:.25rem .75rem}.table.fixed-head thead{position:relative;display:block}.table.fixed-head tbody{height:200px;display:block;overflow:auto}.table.fixed-head tr{display:table;width:100%}.table tr.selected{background-color:var(--cirrus-primary);color:#fff}.table.borderless td,.table.borderless th,.table.borderless thead th{border:none}:root{--cirrus-fg:#374054;--cirrus-bg:#fff;--cirrus-primary:#f03d4d;--cirrus-primary-rgb:240,61,77;--cirrus-primary-light:#ffdadd;--cirrus-accent-hover:#d62939;--cirrus-accent-border:#c21b2b;--cirrus-light:#f6f9fc;--cirrus-light-gray:#f8f9fa;--cirrus-gray:#d5d7dc;--cirrus-dark-gray:#909090;--cirrus-dark:#363636;--cirrus-link:#5e5cc7;--cirrus-link-dark:#4643e2;--cirrus-info:#2972fa;--cirrus-success:#0dd157;--cirrus-success-rgb:13,209,87;--cirrus-warning:#fab633;--cirrus-danger:#fb4143;--cirrus-light-hover:#d9e6f2;--cirrus-dark-hover:#424242;--cirrus-info-hover:#2368e9;--cirrus-link-hover:#f8f7ff;--cirrus-success-hover:#00b147;--cirrus-warning-hover:#f9a90e;--cirrus-danger-hover:#f1393c;--cirrus-select-bg:rgba(0, 161, 255, 0.2);--cirrus-code-bg:var(--cirrus-primary-light);--cirrus-code-fg:#dc4753;--cirrus-form-group-bg:var(--cirrus-light-gray);--cirrus-form-group-fg:var(--cirrus-dark-gray);--toast-primary-bg:rgba(49, 59, 80, 0.9);--animation-duration:.2s;--focus-opacity:0.4;--space-size:0.5rem;--font-size-xs:.7rem;--font-size-s:.85rem;--font-size-m:1rem;--font-size-l:1.35rem;--font-size-xl:1.75rem;--pink-100:#F8E7F1;--pink-200:#F3D2E3;--pink-300:#ECB7D3;--pink-400:#EB8CBC;--pink-500:#DD5A9C;--pink-600:#D12E81;--pink-700:#A21F61;--pink-800:#831B50;--pink-900:#741648;--red-100:#FDE7E9;--red-200:#FBD4D5;--red-300:#F7B1B1;--red-400:#F19393;--red-500:#E85C61;--red-600:#DB3839;--red-700:#B31E1D;--red-800:#9B1313;--red-900:#890E10;--orange-100:#FDEED1;--orange-200:#FBDBAA;--orange-300:#F6B65C;--orange-400:#F19736;--orange-500:#E4771C;--orange-600:#C45307;--orange-700:#9B3908;--orange-800:#842B09;--orange-900:#890E10;--yellow-100:#FFFDE4;--yellow-200:#F9E978;--yellow-300:#F6DA52;--yellow-400:#E8BB24;--yellow-500:#D29507;--yellow-600:#9D6B0C;--yellow-700:#7C4D09;--yellow-800:#6C3E0C;--yellow-900:#5D320F;--green-100:#E1F7EB;--green-200:#C2ECD6;--green-300:#98D9B7;--green-400:#64C192;--green-500:#44A675;--green-600:#33855D;--green-700:#27684A;--green-800:#275440;--green-900:#234535;--teal-100:#DDF2F5;--teal-200:#B5E6EB;--teal-300:#7FCED5;--teal-400:#59BAC3;--teal-500:#1E9CA8;--teal-600:#0F7D8A;--teal-700:#0A616A;--teal-800:#105157;--teal-900:#114448;--blue-100:#E1EFFC;--blue-200:#BFDCFC;--blue-300:#8BC2F8;--blue-400:#5FA7F3;--blue-500:#3C91EC;--blue-600:#1B74D9;--blue-700:#1E5898;--blue-800:#1E4C80;--blue-900:#1C3C63;--indigo-100:#E2EFFF;--indigo-200:#C4DBFD;--indigo-300:#A1BEFA;--indigo-400:#89A3F7;--indigo-500:#6C83E9;--indigo-600:#5966D9;--indigo-700:#4C4F9E;--indigo-800:#42417B;--indigo-900:#3A3462;--purple-100:#F0E9FB;--purple-200:#E2D4F8;--purple-300:#CBB2F6;--purple-400:#B89AF4;--purple-500:#9C73ED;--purple-600:#8256E1;--purple-700:#6340B6;--purple-800:#50388E;--purple-900:#413170;--gray-000:#f8f9fa;--gray-100:#f1f3f5;--gray-200:#e9ecef;--gray-300:#dee2e6;--gray-400:#ced4da;--gray-500:#adb5bd;--gray-600:#868e96;--gray-700:#495057;--gray-800:#343a40;--gray-900:#212529;--gap-0:0;--gap-1:0.25rem;--gap-2:0.5rem;--gap-3:1rem;--gap-4:1.25rem;--gap-5:1.5rem;--gap-6:3rem;--gap-7:6rem;--gap-8:9rem;--gap-9:12rem}.u-hidden{display:none!important}.u-block{display:block!important}.u-inline{display:inline!important}.u-inline-block{display:inline-block!important}.u-flex{display:flex!important}.u-flex.u-flex-column{flex-direction:column!important}.u-flex.u-flex-row{flex-direction:row!important}.u-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}.u-table{display:table!important}.u-table-row{display:table-row!important}.u-position-relative,.u-position-static{position:static!important}.u-position-absolute{position:absolute!important}.u-position-fixed{position:fixed!important}.u-position-sticky{position:sticky!important}.u-clearfix:after{clear:both!important;content:" ";display:table!important}.u-clear-left{clear:left!important}.u-clear-right{clear:right!important}.u-clear-both{clear:both!important}.u-pull-left{float:left!important}.u-pull-right{float:right!important}.u-text-justify{text-align:justify!important}.u-text-ellipsis{text-overflow:ellipsis}.u-text-break{hyphens:auto;word-break:break-word;word-wrap:break-word}.u-center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 auto;flex-wrap:wrap}.u-center-alt,.u-center-alt:active,.u-center-alt:hover{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.u-vertical-center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;align-items:center;vertical-align:middle}.u-horizontal-center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.u-overlay{bottom:0;left:0;right:0;top:0;position:absolute}.u-hide-overflow{overflow:hidden!important;overflow-x:hidden;overflow-y:hidden}.u-text-center{text-align:center!important}.u-text-left{text-align:left!important}.u-text-right{text-align:right!important}.u-hide{display:none!important}.u-disabled{cursor:not-allowed!important}.u-unselectable{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.u-margin-auto{margin:0 auto!important}.u-round{border-radius:.1rem}.u-circle{border-radius:50%}.u-no-shadow{box-shadow:none}@media screen and (min-width:769px){.level,.level-left,.level-right{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (max-width:768px){.u-hide-mobile{display:none!important}.grid{--grid-template-column:repeat(1, minmax(0, 1fr))}}@media screen and (min-width:768px){.u-hide-tablet{display:none!important}}@media screen and (min-width:769px) and (max-width:1023px){.u-hide-tablet-only{display:none!important}}@media screen and (min-width:1024px){.u-hide-desktop{display:none!important}}@-webkit-keyframes loading{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes loading{from{transform:rotate(0)}to{transform:rotate(359deg)}}.hover-grow{transition-duration:.32s}.hover-grow:hover{transform:scale(1.1);transition-duration:80ms}.animated.loading{display:block;position:relative}.animated.loading::after{border:2px solid #ccc;border-radius:50%;border-right-color:transparent;border-top-color:transparent;content:"";display:block;height:1rem;width:1rem;left:calc(50% - (1em / 1.25));top:calc(50% - (1em / 1.35));position:absolute;-webkit-animation:.5s linear infinite loading;animation:.5s linear infinite loading}.animated.loading.loading-white::after{border-left-color:#fff;border-bottom-color:#fff}.animated.loading.loading-left::after{left:2rem;right:auto}.animated.loading.loading-left{padding-left:4rem}.animated.loading.loading-right::after{left:auto;right:2rem}.animated.loading.loading-right{padding-right:4rem}.animated.loading.hide-text{color:transparent!important}@-webkit-keyframes pound{to{transform:scale(1.1)}}@keyframes pound{to{transform:scale(1.1)}}.animated.pulse{animation:.35s infinite alternate pound;-webkit-animation:.35s infinite alternate pound;vertical-align:baseline}@-webkit-keyframes bounce{20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.animated.bounce{animation-name:bounce;-webkit-animation-name:bounce;transform-origin:center bottom;-webkit-transform-origin:center bottom}@keyframes bounceIn{20%,40%,60%,80%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scale3d(1,1,1)}}.animated.bounceIn{animation-name:bounceIn}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.animated.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.infinite.alternate{animation-direction:alternate}.animated.paused{-webkit-animation-play-state:paused!important;animation-play-state:paused!important}.avatar{border-radius:50%;position:relative;display:block;margin:auto;font-size:1rem;font-weight:lighter;width:3.2rem;height:3.2rem;background-color:var(--cirrus-primary);overflow:hidden}.avatar::before{content:attr(data-text);color:#fff;left:50%;top:50%;position:absolute;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}.avatar.avatar--xsmall{font-size:.8rem;width:1.6rem;height:1.6rem}.avatar.avatar--small{font-size:1rem;height:2.4rem;width:2.4rem}.avatar.avatar--large{font-size:2rem;height:4.8rem;width:4.8rem}.avatar.avatar--xlarge{font-size:2.6rem;height:6.4rem;width:6.4rem}.avatar img.padded{padding:.5rem;width:100%}.card{background-color:#fff;border-radius:5px;position:relative;overflow:hidden;transition:.3s;backface-visibility:hidden;box-shadow:0 5px 12px 0 rgba(42,51,83,.12),0 0 5px rgba(0,0,0,.06);margin-bottom:1rem}.card:hover{transition:.3s;box-shadow:0 8px 20px 0 rgba(42,51,83,.12),0 5px 5px rgba(0,0,0,.06)}.slide-up:hover .card-image{transform:translateY(-40px)}.card:hover .card-image::after{opacity:0}.card-image{bottom:0;left:0;position:absolute;right:0;top:0;border-radius:5px 5px 0 0;background-size:cover;background-repeat:no-repeat;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:.3s ease-in-out}.card-image::after{content:'';display:block;position:absolute;background-color:rgba(0,0,0,.1);top:0;left:0;right:0;-webkit-transition:.5s;transition:.5s;bottom:0}.card-container{display:block;position:relative;height:40%;min-height:332px}.card .title-container .subtitle,.card .title-container .title{color:#fff;margin:1rem auto}.card .title-container{position:absolute;bottom:1rem;width:100%;padding:0 1rem}.card .title-container .title{font-weight:300;font-size:1.5rem;margin-bottom:0;text-shadow:0 1px 2px rgba(0,0,0,.25)}.card.u-flex .content{flex-grow:1}.card .action-bar{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:.5rem;border-top:1px solid #e0e0e0;box-sizing:border-box;-webkit-transition:left .2s cubic-bezier(.075,.82,.165,1);transition:left .2s cubic-bezier(.075,.82,.165,1)}.card .action-bar .btn,.card .action-bar [type=submit],.card .action-bar button{margin:0 .5rem}.card .action-bar+.card-footer{padding:1rem 0;border-top:1px solid #e0e0e0}.card .btn,.card button{display:inline-block;border-color:transparent}.card .btn:focus,.card .btn:hover,.card button:focus,.card button:hover{-webkit-transform:none;transform:none}.mobile-title{position:absolute;left:0;background-color:var(--cirrus-bg);-moz-transition:.3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:.3s ease-in-out;width:100%;padding:2rem 0 0;backface-visibility:hidden}.card:hover .mobile-title{margin-top:-7rem;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:.3s ease-in-out}.card:hover .card-body{opacity:1;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:.3s ease-in-out}.card-body{opacity:0;-webkit-transition:all var(--animation-duration) ease-in-out;-moz-transition:all var(--animation-duration) ease-in-out;-ms-transition:all var(--animation-duration) ease-in-out;transition:all var(--animation-duration) ease-in-out}.card-footer{position:relative;font-size:.75rem;color:#9fa5a8}.card p{margin:1rem 0}.card-head{align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;display:flex;display:-webkit-box;display:-ms-flexbox;border-bottom:1px solid #e0e0e0}.card-head-title{align-items:center;-webkit-box-align:center;-ms-flex-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;font-weight:700;padding:0 1rem}.form-ext-control{display:block;min-height:1.5rem;padding-left:1.5rem;position:relative}.form-ext-input{opacity:0;position:absolute;z-index:-1}.form-ext-input:disabled~.form-ext-label{opacity:.4}.form-ext-control .form-ext-input.form-ext-input--success:checked~.form-ext-label:before{background-color:var(--cirrus-success)}.form-ext-control .form-ext-input.form-ext-input--success:checked~.form-ext-label{color:var(--cirrus-success)}.form-ext-control .form-ext-input.form-ext-input--error:checked~.form-ext-label:before{background-color:var(--cirrus-danger)}.form-ext-control .form-ext-input.form-ext-input--error:checked~.form-ext-label{color:var(--cirrus-danger)}.form-ext-label{margin-bottom:0;position:relative}.form-ext-label:after,.form-ext-label:before{content:"";display:block;height:1rem;left:-1.5rem;position:absolute;top:.3rem;transition:all var(--animation-duration);width:1rem}.form-ext-label:before{background-color:var(--cirrus-light);border:1px solid #d5d7dc;border-radius:.25rem;pointer-events:none;user-select:none;box-sizing:border-box}.form-ext-label:after{background-position:center;background-repeat:no-repeat;background-size:50% 50%}.form-ext-control.form-ext-checkbox .form-ext-input:checked~.form-ext-label:after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.form-ext-checkbox .form-ext-label:before{border-radius:.25rem}.form-ext-control.form-ext-radio .form-ext-input:checked~.form-ext-label:after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")}.form-ext-radio .form-ext-label:before{border-radius:50%}.form-ext-toggle{cursor:pointer;position:relative}.form-ext-toggle input[type=checkbox],.form-ext-toggle input[type=radio]{opacity:0;position:absolute;z-index:-1}.form-ext-toggle__label{align-items:center;display:flex;justify-content:space-between}.form-ext-toggle__toggler{border:1px solid var(--cirrus-gray);border-radius:6.25rem;color:var(--cirrus-gray);display:block;font-size:9px;height:1.5rem;position:relative;width:3rem}.form-ext-toggle input[type=checkbox]:checked+* .form-ext-toggle__toggler,.form-ext-toggle input[type=checkbox]:checked+.form-ext-toggle__toggler,.form-ext-toggle input[type=radio]:checked+* .form-ext-toggle__toggler,.form-ext-toggle input[type=radio]:checked+.form-ext-toggle__toggler{background-color:var(--cirrus-primary);border-color:var(--cirrus-primary);color:#fff;position:relative;transition:.4s}.form-ext-toggle i{display:inline-block}.form-ext-input:disabled~.form-ext-toggle__toggler{opacity:.5}.form-ext-toggle__toggler i::after,.form-ext-toggle__toggler i::before{content:"";display:block;position:absolute}.form-ext-toggle__toggler i::before{content:attr(data-uncheck-icon);padding:2px 7px;line-height:18px;text-align:right;top:0;width:65%;font-size:12px}.form-ext-toggle__toggler i::after{background-color:var(--cirrus-gray);border-radius:50%;height:16px;left:4px;width:16px;transform:translateY(-50%);transition:left var(--animation-duration) ease;text-align:left}.form-ext-control .form-ext-input:checked~.form-ext-label:before{background-color:var(--cirrus-primary);border:none}.form-ext-toggle input[type=checkbox]:checked+* .form-ext-toggle__toggler i::before,.form-ext-toggle input[type=checkbox]:checked+.form-ext-toggle__toggler i::before,.form-ext-toggle input[type=radio]:checked+* .form-ext-toggle__toggler i::before,.form-ext-toggle input[type=radio]:checked+.form-ext-toggle__toggler i::before{color:#fff;content:attr(data-check-icon);text-align:left}.form-ext-toggle input[type=checkbox]:checked+* .form-ext-toggle__toggler i::after,.form-ext-toggle input[type=checkbox]:checked+.form-ext-toggle__toggler i::after,.form-ext-toggle input[type=radio]:checked+* .form-ext-toggle__toggler i::after,.form-ext-toggle input[type=radio]:checked+.form-ext-toggle__toggler i::after{background-color:#fff;left:calc(100% - 20px)}.form-ext-toggle.form-ext-toggle--error input[type=checkbox]:checked+* .form-ext-toggle__toggler,.form-ext-toggle.form-ext-toggle--error input[type=checkbox]:checked+.form-ext-toggle__toggler,.form-ext-toggle.form-ext-toggle--error input[type=radio]:checked+* .form-ext-toggle__toggler,.form-ext-toggle.form-ext-toggle--error input[type=radio]:checked+.form-ext-toggle__toggler{background-color:var(--cirrus-danger);border-color:var(--cirrus-danger)}.form-ext-toggle.form-ext-toggle--error .form-ext-toggle__toggler{border-color:var(--cirrus-danger);color:var(--cirrus-danger)}.form-ext-toggle.form-ext-toggle--error .form-ext-toggle__toggler i::after{background-color:var(--cirrus-danger)}.form-ext-toggle.form-ext-toggle--success input[type=checkbox]:checked+* .form-ext-toggle__toggler,.form-ext-toggle.form-ext-toggle--success input[type=checkbox]:checked+.form-ext-toggle__toggler,.form-ext-toggle.form-ext-toggle--success input[type=radio]:checked+* .form-ext-toggle__toggler,.form-ext-toggle.form-ext-toggle--success input[type=radio]:checked+.form-ext-toggle__toggler{background-color:var(--cirrus-success);border-color:var(--cirrus-success)}.form-ext-toggle--success .form-ext-toggle__toggler{border-color:var(--cirrus-success);color:var(--cirrus-success)}.form-ext-toggle--success .form-ext-toggle__toggler i::after{background-color:var(--cirrus-success)}.form-ext-toggle .form-ext-input:focus+.form-ext-toggle__toggler,.form-ext-toggle .form-ext-input:focus~.form-ext-label:before{box-shadow:0 0 0 .2rem rgba(var(--cirrus-primary-rgb),var(--focus-opacity)),inset 0 1px 8px rgba(0,0,0,.07)}.form-ext-toggle.form-ext-toggle--success .form-ext-input:focus+.form-ext-toggle__toggler{box-shadow:0 0 0 .2rem rgba(var(--cirrus-success-rgb),var(--focus-opacity)),inset 0 1px 8px rgba(34,197,127,.13)}.form-ext-input.form-ext-input--success:focus~.form-ext-label:before{border-color:inherit;box-shadow:0 0 0 .2rem rgba(var(--cirrus-success-rgb),var(--focus-opacity)),inset 0 1px 8px rgba(0,0,0,.07)}.grid{--grid-gap:--gap-2;--grid-template-column:repeat(12, minmax(0, 1fr));--grid-column-start:auto;--grid-column-end:auto;--grid-row-start:auto;--grid-row-end:auto;display:grid;grid-gap:var(--grid-gap);grid-template-columns:var(--grid-template-column)}.grid .c{grid-column-start:var(--grid-column-start);grid-column-end:var(--grid-column-end)}.grid.grid-cols-1{--grid-template-column:repeat(1, minmax(0, 1fr))}.grid.grid-cols-2{--grid-template-column:repeat(2, minmax(0, 1fr))}.grid.grid-cols-3{--grid-template-column:repeat(3, minmax(0, 1fr))}.grid.grid-cols-4{--grid-template-column:repeat(4, minmax(0, 1fr))}.grid.grid-cols-5{--grid-template-column:repeat(5, minmax(0, 1fr))}.grid.grid-cols-6{--grid-template-column:repeat(6, minmax(0, 1fr))}.grid.grid-cols-7{--grid-template-column:repeat(7, minmax(0, 1fr))}.grid.grid-cols-8{--grid-template-column:repeat(8, minmax(0, 1fr))}.grid.grid-cols-9{--grid-template-column:repeat(9, minmax(0, 1fr))}.grid.grid-cols-10{--grid-template-column:repeat(10, minmax(0, 1fr))}.grid.grid-cols-11{--grid-template-column:repeat(11, minmax(0, 1fr))}.grid.grid-cols-12{--grid-template-column:repeat(12, minmax(0, 1fr))}.grid.grid-gap-0{--grid-gap:var(--gap-0)}.grid.grid-gap-1{--grid-gap:var(--gap-1)}.grid.grid-gap-2{--grid-gap:var(--gap-2)}.grid.grid-gap-3{--grid-gap:var(--gap-3)}.grid.grid-gap-4{--grid-gap:var(--gap-4)}.grid.grid-gap-5{--grid-gap:var(--gap-5)}.grid.grid-gap-6{--grid-gap:var(--gap-6)}.grid.grid-gap-7{--grid-gap:var(--gap-7)}.grid.grid-gap-8{--grid-gap:var(--gap-8)}.grid.grid-gap-9{--grid-gap:var(--gap-9)}.grid .grid-c-1{grid-column:span 1}.grid .grid-c-2{grid-column:span 2}.grid .grid-c-3{grid-column:span 3}.grid .grid-c-4{grid-column:span 4}.grid .grid-c-5{grid-column:span 5}.grid .grid-c-6{grid-column:span 6}.grid .grid-c-7{grid-column:span 7}.grid .grid-c-8{grid-column:span 8}.grid .grid-c-9{grid-column:span 9}.grid .grid-c-10{grid-column:span 10}.grid .grid-c-11{grid-column:span 11}.grid .grid-c-12{grid-column:span 12}.grid .grid-r-1{grid-row:span 1}.grid .grid-r-2{grid-row:span 2}.grid .grid-r-3{grid-row:span 3}.grid .grid-r-4{grid-row:span 4}.grid .grid-r-5{grid-row:span 5}.grid .grid-r-6{grid-row:span 6}.grid .grid-r-7{grid-row:span 7}.grid .grid-r-8{grid-row:span 8}.grid .grid-r-9{grid-row:span 9}.grid .grid-r-10{grid-row:span 10}.grid .grid-r-11{grid-row:span 11}.grid .grid-r-12{grid-row:span 12}.grid .grid-cs-1{grid-column-start:1}.grid .grid-cs-2{grid-column-start:2}.grid .grid-cs-3{grid-column-start:3}.grid .grid-cs-4{grid-column-start:4}.grid .grid-cs-5{grid-column-start:5}.grid .grid-cs-6{grid-column-start:6}.grid .grid-cs-7{grid-column-start:7}.grid .grid-cs-8{grid-column-start:8}.grid .grid-cs-9{grid-column-start:9}.grid .grid-cs-10{grid-column-start:10}.grid .grid-cs-11{grid-column-start:11}.grid .grid-cs-12{grid-column-start:12}.grid .grid-cs-end{grid-column-end:-1}.grid .grid-ce-1{grid-column-end:2}.grid .grid-ce-2{grid-column-end:3}.grid .grid-ce-3{grid-column-end:4}.grid .grid-ce-4{grid-column-end:5}.grid .grid-ce-5{grid-column-end:6}.grid .grid-ce-6{grid-column-end:7}.grid .grid-ce-7{grid-column-end:8}.grid .grid-ce-8{grid-column-end:9}.grid .grid-ce-9{grid-column-end:10}.grid .grid-ce-10{grid-column-end:11}.grid .grid-ce-11{grid-column-end:12}.grid .grid-ce-12{grid-column-end:13}.grid .grid-rs-1{grid-row-start:1}.grid .grid-rs-2{grid-row-start:2}.grid .grid-rs-3{grid-row-start:3}.grid .grid-rs-4{grid-row-start:4}.grid .grid-rs-5{grid-row-start:5}.grid .grid-rs-6{grid-row-start:6}.grid .grid-rs-7{grid-row-start:7}.grid .grid-rs-8{grid-row-start:8}.grid .grid-rs-9{grid-row-start:9}.grid .grid-rs-10{grid-row-start:10}.grid .grid-rs-11{grid-row-start:11}.grid .grid-rs-12{grid-row-start:12}.grid .grid-rs-end{grid-row-end:-1}.grid .grid-re-1{grid-row-end:2}.grid .grid-re-2{grid-row-end:3}.grid .grid-re-3{grid-row-end:4}.grid .grid-re-4{grid-row-end:5}.grid .grid-re-5{grid-row-end:6}.grid .grid-re-6{grid-row-end:7}.grid .grid-re-7{grid-row-end:8}.grid .grid-re-8{grid-row-end:9}.grid .grid-re-9{grid-row-end:10}.grid .grid-re-10{grid-row-end:11}.grid .grid-re-11{grid-row-end:12}.grid .grid-re-12{grid-row-end:13}.u,.utb{display:inline;position:relative}.u::after{content:"";transition:.3s;-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;height:.1rem;width:0;background:var(--cirrus-link-dark);bottom:-.25em}.u:hover::after{width:100%}.u-LR::after{left:0}.u-RL::after{right:0}.u-RL:hover::after{width:100%}.u-C::after{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.utb::after,.utb::before{content:"";transition:.3s;-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;height:.1rem;width:0;background:var(--cirrus-link-dark)}.utb::before{top:-.25em}.utb::after{bottom:-.25em}.utb:hover::after,.utb:hover::before{width:100%}.utb-LR::after,.utb-LR::before{left:0}.utb-RL::after,.utb-RL::before{right:0}.utb-C::after,.utb-C::before{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.utb-OLR::before{left:0}.utb-OLR::after,.utb-ORL::before{right:0}.utb-ORL::after{left:0}.usquare{margin-left:.4rem;position:relative;overflow:hidden}.usquare a{position:static;padding:.2rem .4rem}.usquare::after,.usquare::before{content:"";transition:.25s;-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;width:2px;width:.1 rem;height:0;background:var(--cirrus-link-dark)}.usquare::before{left:0;bottom:-.2rem}.usquare.delay::before{transition-delay:.6s}.usquare::after{right:0;top:-.2rem}.usquare.delay::after{transition-delay:var(--animation-duration)}.usquare a::before{left:0;transition:.25s}.usquare a::after{right:0;transition:.25s}.usquare.delay a::after{transition:.25s .4s}.usquare:hover::after,.usquare:hover::before{height:calc(100% + .4rem)}.usquare:hover a::after,.usquare:hover a::before{width:100%}.modal{position:fixed;top:0;left:0;right:0;bottom:0;opacity:0;padding:1rem;display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;pointer-events:none}.modal.shown,.modal:target{display:-webkit-box;display:-ms-flexbox;display:flex;opacity:1;z-index:999;pointer-events:auto}.modal.shown .modal-overlay,.modal:target .modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:block;background-color:rgba(54,59,68,.5)}.modal-content{background-color:var(--cirrus-bg);padding:0;display:block;border-radius:3px;box-shadow:0 .4rem 1rem rgba(54,59,68,.3);z-index:1;color:var(--cirrus-fg);max-width:40rem}.modal.modal-small .modal-content{max-width:20rem}.modal.modal-large .modal-content{max-width:60rem}.modal-content h1,.modal-content h2,.modal-content h3,.modal-content h4,.modal-content h5,.modal-content h6{color:var(--cirrus-fg)}.modal.shown .modal-container,.modal:target .modal-container{-webkit-animation:slide-down var(--animation-duration) ease 1;animation:slide-down var(--animation-duration) ease 1;z-index:1}.modal-content.small{max-width:32rem}.modal-content .modal-header{padding:1rem 3rem}.modal-content .modal-header .modal-title{font-weight:bolder;font-size:1.4rem}.modal-content .modal-body{padding:1rem 3rem;overflow-y:auto;max-height:50vh;position:relative}.modal-content .modal-footer{padding:1rem 3rem;text-align:right}.modal.modal-animated--dropdown{-webkit-animation:slide-down var(--animation-duration) ease 1;animation:slide-down var(--animation-duration) ease 1}.modal.modal-animated--zoom-in,.modal.modal-animated--zoom-out{display:-webkit-box;display:-ms-flexbox;display:flex;opacity:0;transition:.3s}.modal:target.modal-animated--zoom-in,.modal:target.modal-animated--zoom-out{opacity:1;transition:.3s}.modal.modal-animated--zoom-in .modal-content{transform:scale(.8);transition:.3s}.modal:target.modal-animated--zoom-in .modal-content,.modal:target.modal-animated--zoom-out .modal-content{transform:scale(1);transition:.3s}.modal.modal-animated--zoom-out .modal-content{transform:scale(1.2);transition:.3s}@-webkit-keyframes slide-down{0%{opacity:0;-webkit-transform:translateY(-3rem);transform:translateY(-3rem)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;-webkit-transform:translateY(-3rem);transform:translateY(-3rem)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@media only screen and (max-width:768px){.modal-content{max-width:90%}}.btn.btn--pilled,[class*=" btn-"].btn--pilled,[class^=btn-].btn--pilled{border-radius:6.25rem;padding-left:1.25rem;padding-right:1.25rem}.btn.btn--circle,[class*=" btn-"].btn--circle,[class^=btn-].btn--circle{border-radius:100%;min-width:60px;overflow:hidden;padding:0;text-align:center}.btn.btn--circle:before,[class*=" btn-"].btn--circle:before,[class^=btn-].btn--circle:before{content:'';display:inline-block;vertical-align:middle;padding-top:100%}.btn.btn--circle *,[class*=" btn-"].btn--circle *,[class^=btn-].btn--circle *{max-width:90%;vertical-align:middle;white-space:pre-wrap}.input-control--pilled{border-radius:6.25rem!important}.bg-primary{background-color:var(--cirrus-primary)!important}.text-primary{color:var(--cirrus-primary)!important}.bg-success{background-color:var(--cirrus-success)!important}.text-success{color:var(--cirrus-success)!important}.bg-warning{background-color:var(--cirrus-warning)!important}.text-warning{color:var(--cirrus-warning)!important}.bg-danger{background-color:var(--cirrus-danger)!important}.text-danger{color:var(--cirrus-danger)!important}.bg-light{background-color:var(--cirrus-light)!important}.text-light{color:var(--cirrus-light)!important}.bg-dark{background-color:var(--cirrus-dark)!important}.text-dark{color:var(--cirrus-dark)!important}.bg-link{background-color:var(--cirrus-link)!important}.text-link{color:var(--cirrus-link)!important}.bg-link-dark{background-color:var(--cirrus-link-dark)!important}.text-link-dark{color:var(--cirrus-link-dark)!important}.bg-info{background-color:var(--cirrus-info)!important}.text-info{color:var(--cirrus-info)!important}.pagination{display:flex;display:-ms-flexbox}.pagination-item{-webkit-flex:1 0 50%;-ms-flex:1 0 50%;flex:1 0 50%}.pagination a{color:#5d6c7b}.pagination .pagination-item a[disabled]{cursor:pointer;opacity:.5;pointer-events:none;user-select:none}.pagination .pagination-item{margin:1rem .1rem;transition:.3s}.pagination .pagination-item.pagination-next{text-align:right}.pagination .pagination-item.pagination-prev{text-align:left}.pagination-item-subtitle{opacity:.7;margin:0}.pagination .pagination-item.short.selected{background-color:var(--cirrus-primary);color:#fff}.pagination .pagination-item.short.selected a{color:#fff}.pagination .pagination-item.short a{display:inline-block;line-height:1.25;padding:.5rem .75rem}.pagination .pagination-item.short{border-radius:.1rem;margin:.2rem 0;-webkit-flex:0;-ms-flex:0;flex:0}.pagination .pagination-item.short:first-child a{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.pagination .pagination-item.short:last-child a{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.pagination .pagination-item.short:not(.selected):hover{background-color:rgba(0,0,0,.1)}.pagnation .pagination-item.ellipses{color:#b5b5b5;pointer-events:none}.pagination.pagination-bordered .pagination-item.short a{border:1px solid #dedede;border-radius:0;margin-left:-1px}.pagination .pagination-item:hover h1,.pagination .pagination-item:hover h2,.pagination .pagination-item:hover h3,.pagination .pagination-item:hover h4,.pagination .pagination-item:hover h5,.pagination .pagination-item:hover h6,.pagination .pagination-item:hover p,.pagination .pagination-item:not(.selected):hover :not([disabled]):not(.ellipses){transition:.3s;color:var(--cirrus-primary)}.placeholder{background-color:rgba(231,234,241,.5);border-radius:3px;text-align:center;padding:3rem 2rem;color:#6c7892;display:block}.placeholder-icon{text-align:center}.placeholder .placeholder-subtitle,.placeholder .placeholder-title{margin:1rem auto}.placeholder .placeholder-subtitle{opacity:.7;margin:0}.placeholder .placeholder-commands{margin-top:1rem}.tab-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;overflow:hidden;overflow-x:auto;user-select:none;white-space:nowrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;font-size:var(--font-size-s)}.tab-container ul{display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin:.5rem;border-bottom:1px solid #eee;flex-grow:1;list-style:none;padding-inline-start:0}.tab-container li{display:block;cursor:pointer;margin:0;text-align:center}.tab-container li a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #eee;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:.5rem 1rem;transition:.3s;color:var(--cirrus-fg);border-bottom-color:rgba(197,197,197,.63);border-width:2px;margin-bottom:-1px;background-color:var(--cirrus-bg)}.tab-container li:hover a{border-bottom-color:rgba(240,61,77,.6);transition:.3s}.tab-container li.selected a{border-bottom-color:var(--cirrus-primary);color:var(--cirrus-primary);border-width:2px;transition:.3s}.tab-container.tabs-center ul{justify-content:center;-webkit-box-pack:center;-ms-flex-pack:center}.tab-container.tabs-right ul{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.tab-container.tabs-depth ul{box-shadow:0 2px 3px rgba(10,10,10,.1);border-bottom:0}.tab-container.tabs-classic ul{border-radius:3px 3px 0 0;transition:.3s;border-bottom:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb}.tab-container.tabs-classic li:not(.selected) a:hover{background-color:#f0f0f0;transition:.3s}.tab-container.tabs-classic li a{border:1px solid transparent;border-bottom-color:#dbdbdb;border-radius:3px 3px 0 0;transition:.3s}.tab-container.tabs-classic li.selected a{color:var(--cirrus-primary);border-color:#dbdbdb;border-bottom-color:transparent!important}.tab-container.tabs-fill li{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;flex-basis:0}.tab-container.tabs-fill ul{display:flex}.tab-container.tabs-xsmall{font-size:.6rem}.tab-container.tabs-small{font-size:.75rem}.tab-container.tabs-large{font-size:1.25rem}.tab-container.tabs-xlarge{font-size:1.5rem}.tab-container .icon:first-child{margin-right:.75rem}.tab-container .icon:last-child{margin-left:.75rem}.tag{align-items:center;background-color:var(--cirrus-light);border-radius:.25rem;color:var(--cirrus-fg);display:inline-flex;font-size:75%;line-height:1.5;min-height:1.5rem;padding:0 .5rem;white-space:nowrap}.tag.tag--large{font-size:100%}.tag.tag--xlarge{font-size:150%}.tag.tag--rounded{border-radius:290486px}.tag.tag--delete{background-color:rgba(10,10,10,.2);border-radius:290486px;cursor:pointer;pointer-events:auto;display:inline-block;height:20px;max-height:20px;max-width:20px;min-height:20px;min-width:20px;position:relative;margin-left:.25rem;margin-right:-.375rem}.tag--delete:hover{background-color:rgba(10,10,10,.3)}.tag.tag--delete::after,.tag.tag--delete::before{background-color:var(--cirrus-light);content:"";display:block;left:50%;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);transform:translateX(-50%) translateY(-50%) rotate(45deg);-webkit-transform-origin:center center;transform-origin:center center}.tag.tag--delete::before{height:1px;width:50%}.tag.tag--delete::after{height:50%;width:1px}.tag.tag--white{background-color:#fff;color:var(--cirrus-dark)}.tag.tag--black{background-color:#000;color:#fff}.tag.tag--dark{background-color:var(--cirrus-dark);color:#fff}.tag.tag--primary{background-color:var(--cirrus-primary);color:#fff}.tag.tag--link{background-color:var(--cirrus-link);color:#fff}.tag.tag--info{background-color:var(--cirrus-info);color:#fff}.tag.tag--success{background-color:var(--cirrus-success);color:#fff}.tag.tag--warning{background-color:var(--cirrus-warning);color:var(--cirrus-fg)}.tag.tag--danger{background-color:var(--cirrus-danger);color:#fff}.tag-container{display:flex;flex-wrap:wrap}.tag-container:not(:last-child){margin-bottom:1rem}.tag-container .tag{margin-bottom:.5rem}.tag-container .tag:not(:last-child){margin-right:.5rem}.tag-container.group-tags .tag{margin-right:0}.tag-container.group-tags .tag:first-child{border-radius:.25rem 0 0 .25rem}.tag-container.group-tags .tag:not(:first-child):not(:last-child){border-radius:0}.tag-container.group-tags .tag:last-child{border-radius:0 .25rem .25rem 0}.tag.tag__close-btn{padding:0;position:relative;width:1.5rem}.tag.tag__close-btn::after,.tag.tag__close-btn::before{background-color:var(--cirrus-fg);content:"";display:block;left:50%;top:50%;position:absolute;-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);transform:translateX(-50%) translateY(-50%) rotate(45deg);-webkit-transform-origin:center center;transform-origin:center center}.tag.tag__close-btn::before{height:1px;width:50%}.tag.tag__close-btn::after{height:50%;width:1px}a.tag:hover{text-decoration:underline}.tag-container.tag-container--grouped .tag:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.tag-container.tag-container--grouped .tag:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.tag-container.tag-container--centered{justify-content:center}.tag-container.tag-container--centered .tag{margin:0 .25rem}.tag-container.tag-container--right{justify-content:flex-end}.tag-container.tag-container--right .tag:not(:first-child){margin-left:.5rem}.tag-container.tag-container--right .tag:not(:last-child){margin-right:0}.tile{display:flex;display:-ms-flexbox;align-content:space-between;-webkit-align-content:space-between;-ms-flex-line-pack:justify}.tile p{font-size:.95rem}.tile .tile__buttons,.tile .tile__icon{flex:0 0 auto;-webkit-flex:0 0 auto;-ms-flex:0 0 auto}.tile .tile__buttons .btn,.tile .tile__buttons [type=submit],.tile .tile__buttons button{display:inline-block;margin:.1rem}.tile .tile__container{flex:1 1 auto;-webkit-flex:1 1 auto;-ms-flex:1 1 auto}.tile .tile__container:not(:first-child){padding-left:1rem}.tile .tile__container:not(:last-child){padding-right:1rem}.tile .tile__title{line-height:2rem;font-weight:bolder;margin:.1rem auto}.tile .tile__subtitle{line-height:1.25rem;opacity:.7;margin:.1rem auto}.tile.tile--center{align-items:center;-webkit-align-items:center;-ms-flex-align:center}.tile.tile--center .tile__container{overflow:hidden}.tile.tile--center .tile__subtitle.no-wrap,.tile.tile--center .tile__title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:0}.toast{display:block;width:100%;padding:.75rem 1.25rem;background-color:var(--toast-primary-bg);border:1px solid var(--toast-primary-bg);border-radius:2px;color:#fff;position:relative;margin:.5rem}.toast .toast__title{margin:0;margin-top:1rem}.toast p{margin:0}.toast.toast--translucent{opacity:.5}.toast.toast--translucent:hover{opacity:1}.toast .btn-close{position:absolute;right:1rem;top:1rem}.toast.toast--primary{background-color:var(--toast-primary-bg);border-color:var(--toast-primary-bg)}.toast.toast--success{background-color:var(--cirrus-success);border-color:var(--cirrus-success)}.toast.toast--warning{background-color:var(--cirrus-warning);border-color:var(--cirrus-warning)}.toast.toast--error{background-color:var(--cirrus-danger);border-color:var(--cirrus-danger)}.toast.toast--info{background-color:var(--cirrus-info);border-color:var(--cirrus-info)}.toast.toast--link{background-color:var(--cirrus-link);border-color:var(--cirrus-link)}.toast.toast--primary{background-color:var(--cirrus-primary);border-color:var(--cirrus-primary)}.toast a{color:var(--cirrus-light);transition:.3s}.toast a:hover{opacity:.8;transition:.3s}.tooltip{position:relative;overflow:visible;white-space:nowrap}.tooltip.tooltip--top::after,.tooltip::after{-webkit-appearance:none;-moz-appearance:none;position:absolute;color:#fff;font-size:.6rem;background-color:rgba(69,77,93,.9);content:attr(data-tooltip);display:block;line-height:1rem;text-transform:none;overflow:hidden;padding:.4rem .8rem;opacity:0;text-overflow:ellipsis;max-width:15rem;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);transition:all var(--animation-duration) ease;z-index:200;pointer-events:none;bottom:100%;left:50%;border-radius:.2rem}.tooltip:focus::after,.tooltip:hover::after{opacity:1;-webkit-transform:translate(-50%,-.5rem);transform:translate(-50%,-.5rem);transition:all var(--animation-duration) ease}.tooltip.tooltip--top-left::after{-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}.tooltip.tooltip--top-left:focus::after,.tooltip.tooltip--top-left:hover::after{left:0;-webkit-transform:translate(-100%,-.5rem);transform:translate(-100%,-.5rem)}.tooltip.tooltip--top-right::after{left:auto;-webkit-transform:translate(15%,0);transform:translate(15%,0)}.tooltip.tooltip--top-right:focus::after,.tooltip.tooltip--top-right:hover::after{right:0;-webkit-transform:translate(100%,-.5rem);transform:translate(100%,-.5rem)}.tooltip.tooltip--bottom::after{top:100%;transform:translate(-50%,-1rem);-webkit-transform:translate(-50%,-1rem);-moz-transform:translate(-50%,-1rem);-ms-transform:translate(-50%,-1rem);bottom:auto}.tooltip.tooltip--bottom:focus::after,.tooltip.tooltip--bottom:hover::after{transform:translate(-50%,.5rem);-webkit-transform:translate(-50%,.5rem);-moz-transform:translate(-50%,.5rem);-ms-transform:translate(-50%,.5rem);bottom:auto}.tooltip.tooltip--bottom-left::after{top:100%;-webkit-transform:translate(-65%,-1rem);transform:translate(-65%,-1rem);bottom:auto}.tooltip.tooltip--bottom-left:focus::after,.tooltip.tooltip--bottom-left:hover::after{left:0;-webkit-transform:translate(-100%,.5rem);transform:translate(-100%,.5rem)}.tooltip.tooltip--bottom-right::after{left:auto;top:100%;-webkit-transform:translate(0,-1rem);transform:translate(0,-1rem);bottom:auto}.tooltip.tooltip--bottom-right:focus::after,.tooltip.tooltip--bottom-right:hover::after{right:0;-webkit-transform:translate(100%,.5rem);transform:translate(100%,.5rem)}.tooltip.tooltip--right::after{left:100%;bottom:50%;transform:translate(-1rem,50%);-webkit-transform:translate(-1rem,50%);-moz-transform:translate(-1rem,50%);-ms-transform:translate(-1rem,50%)}.tooltip.tooltip--right:focus::after,.tooltip.tooltip--right:hover::after{transform:translate(.5rem,50%);-webkit-transform:translate(.5rem,50%);-moz-transform:translate(.5rem,50%);-ms-transform:translate(.5rem,50%)}.tooltip.tooltip--left::after{right:100%;bottom:50%;left:auto;transform:translate(1rem,50%);-webkit-transform:translate(1rem,50%);-moz-transform:translate(1rem,50%);-ms-transform:translate(1rem,50%)}.tooltip.tooltip--left:focus::after,.tooltip.tooltip--left:hover::after{transform:translate(-.5rem,50%);-webkit-transform:translate(-.5rem,50%);-moz-transform:translate(-.5rem,50%);-ms-transform:translate(-.5rem,50%)}
\ No newline at end of file
diff --git a/src/core/forms.scss b/src/core/forms.scss
index 8e93b1b8..674b9fbc 100644
--- a/src/core/forms.scss
+++ b/src/core/forms.scss
@@ -12,6 +12,92 @@ select {
     transition: all 0.3s;
     outline: none;
     padding: 0.85rem 1.1rem;
+
+    /* Input Field Sizes */
+    &.input-xsmall,
+    select.input-xsmall {
+        font-size: var(--font-size-xs);
+        padding: 0.35rem 0.9rem;
+    }
+
+    &.input-small,
+    select.input-small {
+        font-size: var(--font-size-s);
+        padding: 0.55rem 1rem;
+    }
+
+    &.input-large,
+    select.input-large {
+        font-size: var(--font-size-l);
+    }
+
+    &.input-xlarge,
+    select.input-xlarge {
+        font-size: var(--font-size-xl);
+    }
+    
+    /* Hold Font Awesome glyphs inside input fields */
+    /* More sizes coming soon */
+    &.input-contains-icon,
+    &.input-contains-icon-left {
+        padding-left: 2.75rem;
+    }
+
+    &.input-contains-icon-right {
+        padding-right: 2.75rem;
+    }
+
+    &.input-contains-icon.input-xsmall,
+    &.input-contains-icon-right.input-xsmall {
+        padding-left: 2rem;
+    }
+
+    &.input-contains-icon.input-xsmall ~ .icon,
+    &.input-contains-icon-left.input-xsmall ~ .icon,
+    &.input-contains-icon-right.input-xsmall ~ .icon.icon-right {
+        line-height: 1.75rem;
+        width: 1.75rem;
+        font-size: 7px;
+    }
+
+    &.input-contains-icon.input-small,
+    &.input-contains-icon-right.input-small {
+        padding-left: 2.5rem;
+    }
+
+    &.input-contains-icon.input-small ~ .icon,
+    &.input-contains-icon-left.input-small ~ .icon,
+    &.input-contains-icon-right.input-small ~ .icon.icon-right {
+        line-height: 2rem;
+        width: 2.5rem;
+        font-size: 14px;
+    }
+
+    &.input-contains-icon.input-large,
+    &.input-contains-icon-right.input-large {
+        padding-left: 3.5rem;
+    }
+
+    &.input-contains-icon.input-large ~ .icon,
+    &.input-contains-icon-left.input-large ~ .icon,
+    &.input-contains-icon-right.input-large ~ .icon.icon-right {
+        line-height: 3.5rem;
+        width: 3.5rem;
+        font-size: 28px;
+    }
+
+    &.input-contains-icon.input-xlarge,
+    &.input-contains-icon-right.input-xlarge {
+        padding-left: 4rem;
+    }
+
+    &.input-contains-icon.input-xlarge ~ .icon,
+    &.input-contains-icon-left.input-xlarge ~ .icon,
+    &.input-contains-icon-right.input-xlarge ~ .icon.icon-right {
+        line-height: 2.5rem;
+        width: 3.75rem;
+        font-size: 35px;
+    }
 }
 
 input[type="search"] {
@@ -138,29 +224,6 @@ label:last-child:not(:first-child):not(.form-group-label) {
     box-shadow: 0 0 0 0.2rem rgba(244, 67, 54, var(--focus-opacity)), inset 0px 1px 8px rgba(0, 0, 0, 0.07);
 }
 
-/* Input Field Sizes */
-input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-xsmall,
-select.input-xsmall {
-    font-size: var(--font-size-xs);
-    padding: 0.35rem 0.9rem;
-}
-
-input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-small,
-select.input-small {
-    font-size: var(--font-size-s);
-    padding: 0.55rem 1rem;
-}
-
-input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-large,
-select.input-large {
-    font-size: var(--font-size-l);
-}
-
-input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-xlarge,
-select.input-xlarge {
-    font-size: var(--font-size-xl);
-}
-
 /* Select sizes */
 select.input-xsmall {
     padding: 0.65rem 0.9rem;
@@ -184,69 +247,6 @@ select.input-xlarge {
     margin: 0.5rem 0;
 }
 
-/* Hold Font Awesome glyphs inside input fields */
-/* More sizes coming soon */
-input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon,
-input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-left {
-    padding-left: 2.75rem;
-}
-
-input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-right {
-    padding-right: 2.75rem;
-}
-
-input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon.input-xsmall,
-input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-right.input-xsmall {
-    padding-left: 2rem;
-}
-
-input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon.input-xsmall ~ .icon,
-input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-left.input-xsmall ~ .icon,
-input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-right.input-xsmall ~ .icon.icon-right {
-    line-height: 1.75rem;
-    width: 1.75rem;
-    font-size: 7px;
-}
-
-input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon.input-small,
-input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-right.input-small {
-    padding-left: 2.5rem;
-}
-
-input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon.input-small ~ .icon,
-input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-left.input-small ~ .icon,
-input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-right.input-small ~ .icon.icon-right {
-    line-height: 2rem;
-    width: 2.5rem;
-    font-size: 14px;
-}
-
-input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon.input-large,
-input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-right.input-large {
-    padding-left: 3.5rem;
-}
-
-input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon.input-large ~ .icon,
-input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-left.input-large ~ .icon,
-input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-right.input-large ~ .icon.icon-right {
-    line-height: 3.5rem;
-    width: 3.5rem;
-    font-size: 28px;
-}
-
-input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon.input-xlarge,
-input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-right.input-xlarge {
-    padding-left: 4rem;
-}
-
-input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon.input-xlarge ~ .icon,
-input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-left.input-xlarge ~ .icon,
-input:not([type=checkbox]):not([type=radio]):not([type=submit]).input-contains-icon-right.input-xlarge ~ .icon.icon-right {
-    line-height: 2.5rem;
-    width: 3.75rem;
-    font-size: 35px;
-}
-
 .input-contains-icon ~ .icon {
     display: flex;
     align-items: center;
diff --git a/src/core/layout.scss b/src/core/layout.scss
index 829fdeeb..fb676458 100644
--- a/src/core/layout.scss
+++ b/src/core/layout.scss
@@ -138,7 +138,7 @@ section {
     padding: 1rem 0;
 }
 
-.space.x-large {
+.space.xlarge {
     padding: 2rem 0;
 }