cirrus-ui-63-no-deps
Version:
A lightweight UI framework written in CSS
6 lines • 186 kB
CSS
/*
* Cirrus 0.6.3
* Stanley Lim, Copyright 2021
* https://spiderpig86.github.io/Cirrus
*/
: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:#d0e0ef;--cirrus-dark-hover:#505050;--cirrus-info-hover:#1062f9;--cirrus-link-hover:#f8f7ff;--cirrus-success-hover:#0cb94d;--cirrus-warning-hover:#f9ad1a;--cirrus-danger-hover:#eb0507;--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:0.2s;--focus-opacity:0.55;--space-size:0.5rem;--font-size-xs:0.75rem;--font-size-s:0.875rem;--font-size-m:1rem;--font-size-l:1.25rem;--font-size-xl:1.5rem;--gap-0:0;--gap-1:0.25rem;--gap-2:0.5rem;--gap-3:1rem;--gap-4:1.25rem;--gap-5:1.5rem;--gap-6:2rem;--gap-7:3rem;--gap-8:4rem;--gap-9:5rem;--gap-10:7rem;--gap-11:9rem;--gap-12:12rem}*{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=button],[type=reset],[type=submit],button{line-height:2rem;overflow:hidden;padding:.5rem 1rem;border:1px solid transparent;border-radius:.25rem;cursor:pointer;text-align:center;transition:all var(--animation-duration);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:#f8f9fa;--btn-fg:#495057;--btn-border-color:#e9ecef}.btn:hover,[type=button]:hover,[type=reset]:hover,[type=submit]:hover,button:hover{transition:all var(--animation-duration);--btn-color:#f1f3f5;color:var(--btn-fg)}.btn:active,[type=button]:active,[type=reset]:active,[type=submit]:active,button:active{transition:var(--animation-duration) ease}.btn:focus,[type=button]:focus,[type=reset]:focus,[type=submit]:focus,button:focus{outline:0}.btn:disabled,[type=button]:disabled,[type=reset]:disabled,[type=submit]:disabled,button:disabled{cursor:not-allowed;opacity:.5}.btn:disabled:active,[type=button]:disabled:active,[type=reset]:disabled:active,[type=submit]:disabled:active,button:disabled:active{pointer-events:none}.btn.outline,[type=button].outline,[type=reset].outline,[type=submit].outline,button.outline{--btn-color:transparent}.btn.outline:hover,[type=button].outline:hover,[type=reset].outline:hover,[type=submit].outline:hover,button.outline:hover{--btn-color:#e9ecef}.btn.loading:active::after,[type=button].loading:active::after,[type=reset].loading:active::after,[type=submit].loading:active::after,button.loading:active::after{border-radius:50%;border-right-color:transparent;border-top-color:transparent;transition:var(--animation-duration) ease}.btn.btn-animated,[type=button].btn-animated,[type=reset].btn-animated,[type=submit].btn-animated,button.btn-animated{transition:calc(var(--animation-duration)/ 2) ease}.btn.btn-animated:active,[type=button].btn-animated:active,[type=reset].btn-animated:active,[type=submit].btn-animated:active,button.btn-animated:active{-webkit-transform:scale(.95);transform:scale(.95);transition:calc(var(--animation-duration)/ 2) ease}.btn.btn-close,[type=button].btn-close,[type=reset].btn-close,[type=submit].btn-close,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}.btn.btn-close:hover,[type=button].btn-close:hover,[type=reset].btn-close:hover,[type=submit].btn-close:hover,button.btn-close:hover{background-color:rgba(10,10,10,.3)}.btn.btn-close::before,[type=button].btn-close::before,[type=reset].btn-close::before,[type=submit].btn-close::before,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;height:2px;width:50%}.btn.btn-close::after,[type=button].btn-close::after,[type=reset].btn-close::after,[type=submit].btn-close::after,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;height:50%;width:2px}.btn.btn-transparent,[type=button].btn-transparent,[type=reset].btn-transparent,[type=submit].btn-transparent,button.btn-transparent{--btn-color:transparent;--btn-fg:var(--cirrus-dark);--btn-border-color:transparent}.btn.btn-transparent:focus,[type=button].btn-transparent:focus,[type=reset].btn-transparent:focus,[type=submit].btn-transparent:focus,button.btn-transparent:focus{box-shadow:0 0 0 .2rem rgba(246,249,252,.5)}.btn.btn-transparent:hover,[type=button].btn-transparent:hover,[type=reset].btn-transparent:hover,[type=submit].btn-transparent:hover,button.btn-transparent:hover{--btn-color:rgba(0, 0, 0, 0.1)}.btn.btn-transparent.outline,[type=button].btn-transparent.outline,[type=reset].btn-transparent.outline,[type=submit].btn-transparent.outline,button.btn-transparent.outline{--btn-fg:var(--cirrus-dark)}.btn.btn-light,[type=button].btn-light,[type=reset].btn-light,[type=submit].btn-light,button.btn-light{--btn-color:var(--cirrus-light);--btn-fg:var(--cirrus-dark);--btn-border-color:var(--cirrus-light)}.btn.btn-light:hover,[type=button].btn-light:hover,[type=reset].btn-light:hover,[type=submit].btn-light:hover,button.btn-light:hover{--btn-color:var(--cirrus-light-hover)}.btn.btn-light:focus,[type=button].btn-light:focus,[type=reset].btn-light:focus,[type=submit].btn-light:focus,button.btn-light:focus{box-shadow:0 0 0 .2rem rgba(246,249,252,.5)}.btn.btn-dark,[type=button].btn-dark,[type=reset].btn-dark,[type=submit].btn-dark,button.btn-dark{--btn-color:var(--cirrus-dark);--btn-fg:var(--cirrus-light);--btn-border-color:var(--cirrus-dark)}.btn.btn-dark:focus,[type=button].btn-dark:focus,[type=reset].btn-dark:focus,[type=submit].btn-dark:focus,button.btn-dark:focus{box-shadow:0 0 0 .2rem rgba(54,54,54,.5)}.btn.btn-dark:hover,[type=button].btn-dark:hover,[type=reset].btn-dark:hover,[type=submit].btn-dark:hover,button.btn-dark:hover{--btn-color:var(--cirrus-dark-hover)}.btn.btn-dark.outline:hover,[type=button].btn-dark.outline:hover,[type=reset].btn-dark.outline:hover,[type=submit].btn-dark.outline:hover,button.btn-dark.outline:hover{--btn-color:var(--cirrus-dark)}.btn.btn-black,[type=button].btn-black,[type=reset].btn-black,[type=submit].btn-black,button.btn-black{--btn-color:#000;--btn-fg:var(--cirrus-light);--btn-border-color:#000}.btn.btn-black:focus,[type=button].btn-black:focus,[type=reset].btn-black:focus,[type=submit].btn-black:focus,button.btn-black:focus{box-shadow:0 0 0 .2rem rgba(54,54,54,.5)}.btn.btn-black:hover,[type=button].btn-black:hover,[type=reset].btn-black:hover,[type=submit].btn-black:hover,button.btn-black:hover{--btn-color:#000}.btn.btn-primary,[type=button].btn-primary,[type=reset].btn-primary,[type=submit].btn-primary,button.btn-primary{--btn-color:var(--cirrus-primary);--btn-fg:var(--cirrus-light);--btn-border-color:var(--cirrus-accent-border)}.btn.btn-primary:focus,[type=button].btn-primary:focus,[type=reset].btn-primary:focus,[type=submit].btn-primary:focus,button.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(240,61,77,.5)}.btn.btn-primary:hover,[type=button].btn-primary:hover,[type=reset].btn-primary:hover,[type=submit].btn-primary:hover,button.btn-primary:hover{--btn-color:var(--cirrus-accent-hover)}.btn.btn-primary.outline:hover,[type=button].btn-primary.outline:hover,[type=reset].btn-primary.outline:hover,[type=submit].btn-primary.outline:hover,button.btn-primary.outline:hover{--btn-color:var(--cirrus-primary)}.btn.btn-info,[type=button].btn-info,[type=reset].btn-info,[type=submit].btn-info,button.btn-info{--btn-color:var(--cirrus-info);--btn-fg:var(--cirrus-light);--btn-border-color:var(--cirrus-info)}.btn.btn-info:focus,[type=button].btn-info:focus,[type=reset].btn-info:focus,[type=submit].btn-info:focus,button.btn-info:focus{box-shadow:0 0 0 .2rem rgba(41,114,250,.5)}.btn.btn-info:hover,[type=button].btn-info:hover,[type=reset].btn-info:hover,[type=submit].btn-info:hover,button.btn-info:hover{--btn-color:var(--cirrus-info-hover)}.btn.btn-info.outline:hover,[type=button].btn-info.outline:hover,[type=reset].btn-info.outline:hover,[type=submit].btn-info.outline:hover,button.btn-info.outline:hover{--btn-color:var(--cirrus-info)}.btn.btn-link,[type=button].btn-link,[type=reset].btn-link,[type=submit].btn-link,button.btn-link{--btn-color:var(--cirrus-link);--btn-fg:var(--cirrus-light);--btn-border-color:var(--cirrus-link)}.btn.btn-link:focus,[type=button].btn-link:focus,[type=reset].btn-link:focus,[type=submit].btn-link:focus,button.btn-link:focus{box-shadow:0 0 0 .2rem rgba(94,92,199,.5)}.btn.btn-link:hover,[type=button].btn-link:hover,[type=reset].btn-link:hover,[type=submit].btn-link:hover,button.btn-link:hover{--btn-color:var(--cirrus-link-dark)}.btn.btn-link.outline,[type=button].btn-link.outline,[type=reset].btn-link.outline,[type=submit].btn-link.outline,button.btn-link.outline{--btn-fg:var(--cirrus-link);border:1px solid transparent}.btn.btn-link.outline:hover,[type=button].btn-link.outline:hover,[type=reset].btn-link.outline:hover,[type=submit].btn-link.outline:hover,button.btn-link.outline:hover{--btn-color:var(--cirrus-link-hover);border:1px solid transparent;text-decoration:underline}.btn.btn-success,[type=button].btn-success,[type=reset].btn-success,[type=submit].btn-success,button.btn-success{--btn-color:var(--cirrus-success);--btn-fg:var(--cirrus-light);--btn-border-color:var(--cirrus-success);border-color:var(--cirrus-success)}.btn.btn-success:focus,[type=button].btn-success:focus,[type=reset].btn-success:focus,[type=submit].btn-success:focus,button.btn-success:focus{box-shadow:0 0 0 .2rem rgba(13,209,87,.5)}.btn.btn-success:hover,[type=button].btn-success:hover,[type=reset].btn-success:hover,[type=submit].btn-success:hover,button.btn-success:hover{--btn-color:var(--cirrus-success-hover)}.btn.btn-success.outline:hover,[type=button].btn-success.outline:hover,[type=reset].btn-success.outline:hover,[type=submit].btn-success.outline:hover,button.btn-success.outline:hover{--btn-color:var(--cirrus-success)}.btn.btn-warning,[type=button].btn-warning,[type=reset].btn-warning,[type=submit].btn-warning,button.btn-warning{--btn-color:var(--cirrus-warning);--btn-fg:var(--cirrus-dark);--btn-border-color:var(--cirrus-warning)}.btn.btn-warning:focus,[type=button].btn-warning:focus,[type=reset].btn-warning:focus,[type=submit].btn-warning:focus,button.btn-warning:focus{box-shadow:0 0 0 .2rem rgba(250,182,51,.5)}.btn.btn-warning:hover,[type=button].btn-warning:hover,[type=reset].btn-warning:hover,[type=submit].btn-warning:hover,button.btn-warning:hover{--btn-color:var(--cirrus-warning-hover)}.btn.btn-warning.outline:hover,[type=button].btn-warning.outline:hover,[type=reset].btn-warning.outline:hover,[type=submit].btn-warning.outline:hover,button.btn-warning.outline:hover{--btn-color:var(--cirrus-warning)}.btn.btn-danger,[type=button].btn-danger,[type=reset].btn-danger,[type=submit].btn-danger,button.btn-danger{--btn-color:var(--cirrus-danger);--btn-fg:var(--cirrus-light);--btn-border-color:var(--cirrus-danger)}.btn.btn-danger:focus,[type=button].btn-danger:focus,[type=reset].btn-danger:focus,[type=submit].btn-danger:focus,button.btn-danger:focus{box-shadow:0 0 0 .2rem rgba(251,65,67,.5)}.btn.btn-danger:hover,[type=button].btn-danger:hover,[type=reset].btn-danger:hover,[type=submit].btn-danger:hover,button.btn-danger:hover{--btn-color:var(--cirrus-danger-hover)}.btn.btn-danger.outline:hover,[type=button].btn-danger.outline:hover,[type=reset].btn-danger.outline:hover,[type=submit].btn-danger.outline:hover,button.btn-danger.outline:hover{--btn-color:var(--cirrus-danger)}.btn.btn-xsmall,[type=button].btn-xsmall,[type=reset].btn-xsmall,[type=submit].btn-xsmall,button.btn-xsmall{padding:0 .5rem;font-size:50%}.btn.btn-small,[type=button].btn-small,[type=reset].btn-small,[type=submit].btn-small,button.btn-small{padding:.25rem 1rem;font-size:70%}.btn.btn-large,[type=button].btn-large,[type=reset].btn-large,[type=submit].btn-large,button.btn-large{padding:.75rem 2rem;font-size:90%}.btn.btn-xlarge,[type=button].btn-xlarge,[type=reset].btn-xlarge,[type=submit].btn-xlarge,button.btn-xlarge{padding:1rem 2.5rem;font-size:110%}.btn.btn-success:focus,[type=button].btn-success:focus,[type=reset].btn-success:focus,[type=submit].btn-success:focus,button.btn-success:focus{box-shadow:0 0 0 .2rem rgba(13,209,87,.55),inset 0 1px 8px rgba(0,0,0,.07)}.btn.btn-error,[type=button].btn-error,[type=reset].btn-error,[type=submit].btn-error,button.btn-error{border-color:var(--cirrus-danger)}.btn.btn-error:focus,[type=button].btn-error:focus,[type=reset].btn-error:focus,[type=submit].btn-error:focus,button.btn-error:focus{box-shadow:0 0 0 .2rem rgba(251,65,67,.55),inset 0 1px 8px rgba(0,0,0,.07)}.btn .fa-wrapper.pad-right,[type=button] .fa-wrapper.pad-right,[type=reset] .fa-wrapper.pad-right,[type=submit] .fa-wrapper.pad-right,button .fa-wrapper.pad-right{margin-right:.4rem}.btn .fa-wrapper.pad-left,[type=button] .fa-wrapper.pad-left,[type=reset] .fa-wrapper.pad-left,[type=submit] .fa-wrapper.pad-left,button .fa-wrapper.pad-left{margin-left:.4rem}.btn span:first-child,[type=button] span:first-child,[type=reset] span:first-child,[type=submit] span:first-child,button span:first-child{margin-right:.2rem}.btn span:last-child,[type=button] span:last-child,[type=reset] span:last-child,[type=submit] span:last-child,button span:last-child{margin-left:.2rem}[class*=' btn-']:not(.btn-container):not(.btn-close),[class^=btn-]:not(.btn-container):not(.btn-close){background-color:var(--btn-color);border:1px solid var(--btn-border-color);color:var(--btn-fg);transition:all var(--animation-duration)}[class*=' btn-']:not(.btn-container):not(.btn-close):hover,[class^=btn-]:not(.btn-container):not(.btn-close):hover{background-color:var(--btn-color);border-color:var(--btn-border-color);transition:all var(--animation-duration)}[class*=' btn-']:not(.btn-container):not(.btn-close).outline,[class^=btn-]:not(.btn-container):not(.btn-close).outline{background-color:transparent;color:var(--btn-color)}[class*=' btn-']:not(.btn-container):not(.btn-close).outline:hover,[class^=btn-]:not(.btn-container):not(.btn-close).outline:hover{background-color:var(--btn-color);color:var(--btn-fg);transition:all var(--animation-duration)}[class*=' btn-']:not(.btn-container):not(.btn-close).outline.btn-transparent,[class^=btn-]:not(.btn-container):not(.btn-close).outline.btn-transparent{color:#495057!important}.loading.btn-accent:after{border:2px solid #fff;border-right-color:transparent;border-top-color:transparent}.btn-group{display:-webkit-inline-box;display:inline-flex;display:-ms-inline-flexbox;display:-webkit-inline-flex}.btn-group .btn,.btn-group [type=button],.btn-group [type=reset],.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:first-child:not(:last-child),.btn-group [type=button]:first-child:not(:last-child),.btn-group [type=reset]: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=button]:last-child:not(:first-child),.btn-group [type=reset]: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:-1px}.btn-group .btn:not(:first-child):not(:last-child),.btn-group [type=button]:not(:first-child):not(:last-child),.btn-group [type=reset]: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:-1px}.btn-group .btn:focus,.btn-group [type=button]:focus,.btn-group [type=reset]:focus,.btn-group [type=submit]:focus,.btn-group button:focus{z-index:1}.btn-group.btn-group-fill{display:-webkit-box;display:flex;display:-ms-flexbox}.btn-group.btn-group-fill .btn,.btn-group.btn-group-fill [type=button],.btn-group.btn-group-fill [type=reset],.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-group-fill:focus{z-index:1}@media screen and (max-width:767px){.btn-group{display:flex;flex-direction:column}.btn-group .btn,.btn-group [type=button],.btn-group [type=reset],.btn-group [type=submit],.btn-group button{margin-bottom:-1px}.btn-group .btn:first-child:not(:last-child),.btn-group [type=button]:first-child:not(:last-child),.btn-group [type=reset]: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=button]:not(:first-child):not(:last-child),.btn-group [type=reset]: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=button]:last-child:not(:first-child),.btn-group [type=reset]: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{--cirrus-code-label-fg:#868e96;padding:.3rem;margin:.5em 0;overflow:auto;background-color:var(--cirrus-code-bg);color:var(--cirrus-code-fg);border-radius:3px}code:before{color:var(--cirrus-code-label-fg);content:attr(data-lang);font-size:.9rem;position:absolute;right:1rem;top:.7rem}code.dark{--cirrus-code-bg:#343a40;--cirrus-code-fg:#f8f9fa;--cirrus-border-left-bg:#212529;--cirrus-code-label-fg:#ced4da}pre>code{--cirrus-code-bg:#f8f9fa;--cirrus-code-fg:#343a40;--cirrus-border-left-bg:#e9ecef;background-color:var(--cirrus-code-bg);font-size:14px;display:block;padding:1rem;white-space:pre-wrap;word-wrap:break-word;font-family:SFMono-Regular,Menlo,Monaco,Consolas,'Liberation Mono','Courier New',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-border-left-bg);margin:0;position:relative;color:var(--cirrus-code-fg)}pre>code[data-lang]:not([data-lang='']){padding:2rem 1.5rem 1rem}h1{font-family:Montserrat,sans-serif;font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:1rem;letter-spacing:.025rem}h2{font-family:Montserrat,sans-serif;font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:1rem}h3{font-family:Montserrat,sans-serif;font-size:2rem;font-weight:700;line-height:1.2;margin-bottom:1rem}h4{font-family:Montserrat,sans-serif;font-size:1.75rem;font-weight:700;line-height:1.2;margin-bottom:1rem}h5{font-family:Montserrat,sans-serif;font-size:1.5rem;font-weight:700;line-height:1.2;margin-bottom:1rem}h6{font-family:Montserrat,sans-serif;font-size:1.25rem;font-weight:700;line-height:1.2;margin-bottom:1rem}article,blockquote,p{font-size:1rem;line-height:2;margin-bottom:1rem}p.lead{font-size:1.2rem}blockquote{background-color:#f8f9fa;border-left:5px solid #e9ecef;border-radius:3px;margin-bottom:1rem;padding:1rem 2rem}blockquote.text--large{font-size:1.15rem}blockquote p{margin:0}cite{opacity:.7}.mark,mark{padding:.2em;background-color:#f0e8c4}.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:.05rem}.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}.card-tile article,.card-tile blockquote,.card-tile p{line-height:inherit}.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}.capitalize{text-transform:capitalize}.rtl{direction:rtl}.white{color:#fff!important}.faded{opacity:.75}.icon{display:inline-block;text-align:center;width:1.5rem;vertical-align:baseline}.icon.x-small{margin:.55rem 0 0 .1rem}.icon.small{margin:.95rem 0 0 .1rem}.icon .fa-wrapper{font-size:inherit}.info{display:block;font-size:var(--font-size-s);margin-top:.25rem;color:#868e96}.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 screen and (max-width:639px){h1{font-size:2.25rem}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:3.75rem}.headline-2{font-size:3.5rem}.headline-3{font-size:3.25rem}.headline-4{font-size:3rem}article,blockquote,p{margin:1rem 0}}.footer{background-color:#343a40;padding:6rem 0;text-align:center;margin-top:5rem;width:100%}.footer.footer--fixed{bottom:0;position:fixed}.footer a{color:#e9ecef;font-weight:bolder}.footer a:hover{color:#ced4da}.footer p{color:#868e96}.footer ul{margin:.5rem 0}.footer .footer__title{text-align:center;letter-spacing:6px;position:relative;padding-bottom:10px}.footer .footer__list-title{color:#ced4da;font-size:75%;text-transform:uppercase;font-weight:bolder}.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:#868e96;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 #dee2e6;border-radius:3px;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{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:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).search,input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset])[type=search],select.search,select[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;-webkit-appearance:none}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset])[type=color],select[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:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-success,select.input-success{border-color:var(--cirrus-success);background-color:rgba(0,224,0,.05)!important}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-success:focus,select.input-success:focus{box-shadow:0 0 0 .2rem rgba(13,209,87,.55),inset 0 1px 8px rgba(0,0,0,.07)}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-error,select.input-error{border-color:var(--cirrus-danger);background-color:rgba(244,67,54,.05)!important}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-error:focus,select.input-error:focus{box-shadow:0 0 0 .2rem rgba(251,65,67,.55),inset 0 1px 8px rgba(0,0,0,.07)}textarea,textarea[type=text]{width:100%;border:1px solid #dee2e6;border-radius:3px;font-family:'Nunito Sans';font-size:var(--font-size-m);letter-spacing:.02rem;transition:.3s;outline:0;padding:.85rem 1.1rem;margin:.5rem 0;padding:1rem 1.3rem;min-height:8rem;line-height:1.5rem;resize:vertical}textarea select.input-xsmall,textarea.input-xsmall,textarea[type=text] select.input-xsmall,textarea[type=text].input-xsmall{font-size:var(--font-size-xs);padding:.35rem .9rem}textarea select.input-small,textarea.input-small,textarea[type=text] select.input-small,textarea[type=text].input-small{font-size:var(--font-size-s);padding:.55rem 1rem}textarea select.input-large,textarea.input-large,textarea[type=text] select.input-large,textarea[type=text].input-large{font-size:var(--font-size-l)}textarea select.input-xlarge,textarea.input-xlarge,textarea[type=text] select.input-xlarge,textarea[type=text].input-xlarge{font-size:var(--font-size-xl)}textarea.input-contains-icon,textarea.input-contains-icon-left,textarea[type=text].input-contains-icon,textarea[type=text].input-contains-icon-left{padding-left:2.75rem}textarea.input-contains-icon-right,textarea[type=text].input-contains-icon-right{padding-right:2.75rem}textarea.input-contains-icon-right.input-xsmall,textarea.input-contains-icon.input-xsmall,textarea[type=text].input-contains-icon-right.input-xsmall,textarea[type=text].input-contains-icon.input-xsmall{padding-left:2rem}textarea.input-contains-icon-left.input-xsmall~.icon,textarea.input-contains-icon-right.input-xsmall~.icon.icon-right,textarea.input-contains-icon.input-xsmall~.icon,textarea[type=text].input-contains-icon-left.input-xsmall~.icon,textarea[type=text].input-contains-icon-right.input-xsmall~.icon.icon-right,textarea[type=text].input-contains-icon.input-xsmall~.icon{line-height:1.75rem;width:1.75rem;font-size:7px}textarea.input-contains-icon-right.input-small,textarea.input-contains-icon.input-small,textarea[type=text].input-contains-icon-right.input-small,textarea[type=text].input-contains-icon.input-small{padding-left:2.5rem}textarea.input-contains-icon-left.input-small~.icon,textarea.input-contains-icon-right.input-small~.icon.icon-right,textarea.input-contains-icon.input-small~.icon,textarea[type=text].input-contains-icon-left.input-small~.icon,textarea[type=text].input-contains-icon-right.input-small~.icon.icon-right,textarea[type=text].input-contains-icon.input-small~.icon{width:2.5rem;font-size:14px}textarea.input-contains-icon-right.input-large,textarea.input-contains-icon.input-large,textarea[type=text].input-contains-icon-right.input-large,textarea[type=text].input-contains-icon.input-large{padding-left:3.5rem}textarea.input-contains-icon-left.input-large~.icon,textarea.input-contains-icon-right.input-large~.icon.icon-right,textarea.input-contains-icon.input-large~.icon,textarea[type=text].input-contains-icon-left.input-large~.icon,textarea[type=text].input-contains-icon-right.input-large~.icon.icon-right,textarea[type=text].input-contains-icon.input-large~.icon{line-height:3.5rem;width:3.5rem;font-size:28px}textarea.input-contains-icon-right.input-xlarge,textarea.input-contains-icon.input-xlarge,textarea[type=text].input-contains-icon-right.input-xlarge,textarea[type=text].input-contains-icon.input-xlarge{padding-left:4rem}textarea.input-contains-icon-left.input-xlarge~.icon,textarea.input-contains-icon-right.input-xlarge~.icon.icon-right,textarea.input-contains-icon.input-xlarge~.icon,textarea[type=text].input-contains-icon-left.input-xlarge~.icon,textarea[type=text].input-contains-icon-right.input-xlarge~.icon.icon-right,textarea[type=text].input-contains-icon.input-xlarge~.icon{line-height:2.5rem;width:3.75rem;font-size:35px}.input-focused,input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]):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,.45),inset 0 1px 8px rgba(0,0,0,.07)}.input-focused.input-success,input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]):focus.input-success,input[type=text].input-focused.input-success,select:focus.input-success,textarea:focus.input-success,textarea[type=text]:focus.input-success{border-color:var(--cirrus-success);background-color:rgba(0,224,0,.05)!important}.input-focused.input-success:focus,input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]):focus.input-success:focus,input[type=text].input-focused.input-success:focus,select:focus.input-success:focus,textarea:focus.input-success:focus,textarea[type=text]:focus.input-success:focus{box-shadow:0 0 0 .2rem rgba(13,209,87,.55),inset 0 1px 8px rgba(0,0,0,.07)}.input-focused.input-error,input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]):focus.input-error,input[type=text].input-focused.input-error,select:focus.input-error,textarea:focus.input-error,textarea[type=text]:focus.input-error{border-color:var(--cirrus-danger);background-color:rgba(244,67,54,.05)!important}.input-focused.input-error:focus,input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]):focus.input-error:focus,input[type=text].input-focused.input-error:focus,select:focus.input-error:focus,textarea:focus.input-error:focus,textarea[type=text]:focus.input-error:focus{box-shadow:0 0 0 .2rem rgba(251,65,67,.55),inset 0 1px 8px rgba(0,0,0,.07)}select{width:100%;border:1px solid #dee2e6;border-radius:3px;font-family:'Nunito Sans';font-size:var(--font-size-m);letter-spacing:.02rem;transition:.3s;outline:0;padding:.85rem 1.1rem;background-color:#fff;border:1px solid #ddd}select select.input-xsmall,select.input-xsmall{font-size:var(--font-size-xs);padding:.35rem .9rem}select select.input-small,select.input-small{font-size:var(--font-size-s);padding:.55rem 1rem}select select.input-large,select.input-large{font-size:var(--font-size-l)}select select.input-xlarge,select.input-xlarge{font-size:var(--font-size-xl)}select.input-contains-icon,select.input-contains-icon-left{padding-left:2.75rem}select.input-contains-icon-right{padding-right:2.75rem}select.input-contains-icon-right.input-xsmall,select.input-contains-icon.input-xsmall{padding-left:2rem}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}select.input-contains-icon-right.input-small,select.input-contains-icon.input-small{padding-left:2.5rem}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{width:2.5rem;font-size:14px}select.input-contains-icon-right.input-large,select.input-contains-icon.input-large{padding-left:3.5rem}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}select.input-contains-icon-right.input-xlarge,select.input-contains-icon.input-xlarge{padding-left:4rem}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}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:not([class*=' btn-']):disabled:hover,input:not([class*=btn-]):disabled,select:disabled,textarea:disabled{background-color:#f1f3f5;cursor:not-allowed;border:1px solid #f1f3f5}label.label{color:#495057;display:inline-block;font-weight:700;margin-top:.8rem}label+.input-control{margin-top:0}label.label:not(:last-child){margin-bottom:0}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:#b31e1d;padding-left:.1rem}.input-control{position:relative;margin:.5rem 0}.input-contains-icon-left~.icon,.input-contains-icon-right~.icon,.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-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){border-top-right-radius:0!important;border-bottom-right-radius:0!important}.form-group .form-group-btn:not(:first-child):not(:last-child){border-radius:0!important;margin-left:-1px;margin-right:-1px}.form-group .form-group-btn:last-child:not(:first-child){border-top-left-radius:0!important;border-bottom-left-radius:0!important;margin-left:-1px;z-index:0}.form-group .form-group-btn:focus{z-index:1}.form-group .form-group-label{background-color:var(--cirrus-form-group-bg);border:1px solid #dee2e6;border-radius:.2rem;color:var(--cirrus-form-group-fg);margin:0;padding:.8rem;user-select:none}.form-group .form-group-label:first-child:not(:last-child){border-top-right-radius:0!important;border-bottom-right-radius:0!important}.form-group .form-group-label:not(:first-child):not(:last-child){border-radius:0!important;margin-left:-1px;margin-right:-1px}.form-group .form-group-label:last-child:not(:first-child){border-top-left-radius:0!important;border-bottom-left-radius:0!important;margin-left:-1px;z-index:0}.form-group .form-group-label.label-xsmall{font-size:.55rem;padding:.5rem .9rem}.form-group .form-group-label.label-small{font-size:.75rem;padding:.55rem 1rem}.form-group .form-group-label.label-large{font-size:1.5rem}.form-group .form-group-label.label-xlarge{font-size:2rem}.form-group .form-group-input:first-child:not(:last-child){border-top-right-radius:0!important;border-bottom-right-radius:0!important}.form-group .form-group-input:not(:first-child):not(:last-child){border-radius:0!important;margin-left:-1px;margin-right:-1px}.form-group .form-group-input:last-child:not(:first-child){border-top-left-radius:0!important;border-bottom-left-radius:0!important;margin-left:-1px;z-index:0}.form-group .form-group-input:focus{z-index:1}::-moz-placeholder{color:#a9a9a9}::-webkit-input-placeholder{color:#a9a9a9}.frame{border-radius:3px;box-shadow:0 .2rem 1.25rem 0 rgba(27,30,36,.07);display:flex;display:-ms-flexbox;flex-direction:column;-webkit-flex-direction:column;-ms-flex-direction:column}.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 1rem}.frame .frame__title{color:#374054;font-size:1rem;margin:.75rem auto 0}.frame .frame__subtitle{color:rgba(55,64,84,.6);font-size:1rem;margin:0 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;display:flex;--header-link-color:#495057;--header-link-color-hover:#606a73}.header h1,.header h2,.header h3,.header h4,.header h5,.header h6{margin:0}.header a{color:var(--header-link-color)}.header a:hover{color:var(--header-link-color-hover)}.header.header-dark{background-color:rgba(0,0,0,.87);color:#fff;--header-link-color:#fff;--header-link-color-hover:#fff}.header.header-clear{background-color:transparent;box-shadow:none}.header.header-clear .nav-item .dropdown-menu{border-radius:4px}.header.header-animated .header-nav{transition:.3s}.header .header-nav{overflow:auto}.header .header-brand{-webkit-overflow-scrolling:touch;-webkit-box-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.header-fixed{position:fixed;top:0}.header:not(.header-clear) .nav-item:not(.no-hover).hovered,.header:not(.header-clear) .nav-item:not(.no-hover):hover{background-color:rgba(216,216,216,.15);transition:.3s}.header:not(.header-clear) .nav-item.active,.header:not(.header-clear) .nav-item.active:hover{background-color:rgba(216,216,216,.35)}.header .nav-btn{cursor:pointer;display:block;height:3.5rem;position:relative;width:3.5rem}.header .btn,.header [type=button],.header [type=reset],.header [type=submit],.header button{margin:0}.nav-menu{transition:.3s}.nav-menu .has-sub{position:relative}.nav-overflow-x{-webkit-box-pack:inherit;-ms-flex-pack:inherit;justify-content:inherit;overflow-x:scroll}.nav-item{-webkit-box-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-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;transition:.3s;padding:0 .3rem;cursor:pointer}.nav-item a{align-items:center;display:flex}.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 #e9ecef;border-radius:0 0 4px 4px;box-shadow:0 .5rem 1rem rgba(10,10,10,.1)}.nav-item .dropdown-menu.dropdown-animated{transition:all var(--animation-duration)}.nav-item .dropdown-menu>li>a{display:block;padding:.5rem 1rem;clear:both;line-height:1.42857143;white-space:nowrap}.nav-item .dropdown-menu>li{margin:0;transition:.3s}.nav-item .dropdown-menu>li:hover{transition:.3s;background-color:rgba(216,216,216,.15)}.nav-item .dropdown-menu>li:active{transition:.3s;background-color:rgba(216,216,216,.25)}.nav-item .dropdown-menu>li:last-child{margin-bottom:0}.nav-item .dropdown-menu .dropdown-menu-divider{border:none;background-color:rgba(216,216,216,.15);height:1px;margin:.5rem 0}.nav-item.has-sub .nav-dropdown-link{padding-right:2.5rem;position:relative}.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}.header.header-dark .dropdown-menu,.nav-item .dropdown-menu.dropdown-dark{background-color:rgba(0,0,0,.87);border:1px solid #343a40;color:#fff}.dropdown-menu.dropdown-shown,.nav-item.active{opacity:1}@media screen and (min-width:768px){.header{-webkit-box-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox}.header .header-nav{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;-webkit-box-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;text-align:center;width:100%;top:0;overflow:visible}.header .nav-left{-webkit-box-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;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;white-space:nowrap}.header .nav-left .has-sub .dropdown-menu{left:0;right:auto}.header .nav-right{-webkit-box-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;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;white-space:nowrap}.header .nav-right .has-sub .dropdown-menu{left:auto;right:0}.header .nav-center{-webkit-box-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}.header .nav-btn{display:none}.header .nav-item a{padding:.5rem 1rem}.header .nav-item .dropdown-menu{opacity:0;pointer-events:none}.header .nav-item .dropdown-menu.dropdown-animated{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.header .nav-item .dropdown-menu.dropdown-animated.dropdown-shown,.header .nav-item .dropdown-menu.dropdown-shown,.header .nav-item.toggle-hover:hover .dropdown-menu{opacity:1;-webkit-transform:none;transform:none;pointer-events:auto}}@media screen and (max-width:767px){.header{flex-direction:column}.header .header-brand .nav-item:first-child{padding:0 1rem}.header .header-nav{height:0}.header .header-nav.active{height:100vh}.header .header-nav .nav-item{padding:1rem}.header .header-nav .nav-item>a{padding:0;width:100%}.nav-item.has-sub{display:block}.nav-item.has-sub .dropdown-menu{display:none}.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