diff --git a/min/bullframe.min.css b/min/bullframe.min.css index f346125..ef87632 100644 --- a/min/bullframe.min.css +++ b/min/bullframe.min.css @@ -1 +1 @@ -/*! bullframe.css v3.2.0 | MIT License | https://github.com/marcop135/bullframe.css */*,*:before,*:after{box-sizing:border-box}article,aside,dialog,figcaption,figure,footer,header,hgroup,main,menu,nav,section,details{display:block}template{display:none}[hidden]{display:none !important}@-ms-viewport{width:device-width}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:62.5%;color:#222;font-family:sans-serif;line-height:1.15;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{margin:0;font-size:17px;font-size:1.7rem;line-height:1.5;font-weight:400;text-align:left;font-family:BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",Helvetica,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";text-rendering:optimizeLegibility;word-wrap:break-word;background-color:#fff;-webkit-backface-visibility:hidden;backface-visibility:hidden}h1,h2,h3,h4,h5,h6{font-weight:700;font-weight:600}h1,h2,h3,h4,h5,h6{margin-top:0}h1,h2,h3,h4,h5,h6{font-family:inherit;color:inherit;line-height:1.25;margin-bottom:12px;margin-bottom:1.2rem}h1{font-size:36px;font-size:3.6rem}h2{font-size:30px;font-size:3rem}h3{font-size:24px;font-size:2.4rem}h4{font-size:20px;font-size:2rem}h5,h6{font-size:17px;font-size:1.7rem}blockquote{margin:0 0 24px 0;margin-bottom:2.4rem;padding-left:0;font-style:italic}blockquote p{margin-bottom:0}blockquote small{color:#999;display:block}blockquote small:before{content:"\2014 \00A0"}q{quotes:"“" "”" "‘" "’"}pre{margin:0 0 24px 0;margin:0 0 2.4rem 0}pre{overflow:auto;word-break:break-all;word-wrap:break-word;white-space:pre;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;-ms-overflow-style:auto;display:block}pre,code,kbd,samp{font-family:"Menlo","Consolas","Roboto Mono","Ubuntu Monospace","Noto Mono","Oxygen Mono","Liberation Mono",monospace,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:.875em}code{word-wrap:break-word}pre code{font-size:inherit;word-break:normal}p{margin:0 0 24px 0;margin:0 0 2.4rem 0}abbr[title],abbr[data-original-title]{cursor:help;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;-webkit-text-decoration-skip:none;text-decoration-skip:none}mark{background-color:#ff0;color:#000}ins{background-color:#ff9;color:#000;text-decoration:none}b,strong{font-weight:inherit}b,strong{font-weight:bolder}dfn{font-style:italic}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-8px;top:-0.8rem}sub{bottom:-4px;bottom:-0.4rem}small{font-size:80%}hr{box-sizing:content-box;display:block;height:0;border-style:solid;border-width:1px 0 0;color:inherit;margin:24px 0;margin:2.4rem 0;padding:0;overflow:visible}address{font-style:normal;margin-bottom:12px;margin-bottom:1.2rem;line-height:inherit}summary{display:list-item;cursor:pointer}a{color:#007bff;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects;text-decoration-skip:objects;-webkit-text-decoration-skip-ink:objects;text-decoration-skip-ink:objects}a:hover,a:focus{text-decoration:underline;color:#0056b3}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):hover,a:not([href]):not([tabindex]):focus{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}:focus:not(:focus-visible){outline:0}[tabindex="-1"]:focus:not(:focus-visible){outline:0 !important}a:focus,input:focus{outline:2px solid orange}:focus-visible{outline:2px solid orange}button:focus,[type="button"]:focus,[type="reset"]:focus,[type="submit"]:focus,[type="email"]:focus,[type="number"]:focus,[type="password"]:focus,[type="tel"]:focus,[type="search"]:focus,[type="text"]:focus,[type="date"]:focus,[type="datetime-local"]:focus,[type="month"]:focus,[type="time"]:focus,[type="week"]:focus,[type="time"]:focus,[type="url"]:focus,[type="radio"]:focus,[type="checkbox"]:focus,input[list]:focus,select:focus,textarea:focus{outline:0}menu,ol,ul,dl{margin:0 0 24px 0;margin:0 0 2.4rem 0;padding:0}menu ul,menu ol,ul ul,ul ol,ol ol,ol ul,dd{margin-bottom:0}ul,ol{margin-left:24px;margin-left:2.4rem}nav ol,nav ul{list-style:none;list-style-image:none;margin-left:0}dt{font-weight:700}dd{margin-left:0}nav li:before{content:"\200B";position:absolute}audio,canvas,progress,video{display:inline-block}img,canvas,audio,video,iframe,object,embed{max-width:100%}audio,video,canvas,img,svg{vertical-align:middle}img{height:auto;border-style:none}figure{margin:0}figure,figcaption{display:block}figcaption{line-height:1.375;font-size:90%}video{height:auto}audio{width:100%}audio:not([controls]){display:none;height:0}svg:not(:root){overflow:hidden}svg:not([fill]){fill:currentColor}progress,meter{display:inline-block;vertical-align:baseline;width:100%;max-width:100%}progress[value]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;height:20px;height:2rem;background:#ccc;color:#007bff}progress[value]::-webkit-progress-bar{background:#ccc}progress[value]::-webkit-progress-value{background:#007bff}iframe{border-style:none}html input,button,select,optgroup,textarea{color:inherit;font-family:inherit;font-size:inherit;line-height:inherit}html input,button,[type="radio"],[type="checkbox"],select,optgroup,textarea{margin:0}html input,select,textarea,legend{width:100%}html label,button,[type="image"],[type="submit"],[type="reset"],html [type="button"],[type="radio"],[type="checkbox"]{width:auto}html input,label,select,textarea,button,html [type="button"],[type="reset"],[type="submit"],output{display:inline-block}[type="file"]{display:block;background-color:transparent}button,html input,select,textarea{background-image:none}input,select,textarea{vertical-align:baseline}form{margin:0}fieldset{border:0;padding:0;margin:0;min-width:0}legend{display:table;max-width:100%;white-space:normal;border:0;padding:0;font-weight:400;margin-bottom:6px;margin-bottom:.6rem;font-size:inherit;line-height:1.375;color:inherit}label{font-weight:700;font-size:90%;line-height:1.375;margin-bottom:6px;margin-bottom:.6rem}label input,label select,label textarea{font-size:110%}[type="number"]::-webkit-outer-spin-button,[type="number"]::-webkit-inner-spin-button{height:auto}[type="search"]{outline-offset:-3px;outline-offset:-0.3rem}output{vertical-align:middle}button,select{text-transform:none}select{word-wrap:normal}optgroup{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:700;font-weight:600}button,html [type="button"],[type="reset"],[type="submit"],[type="email"],[type="number"],[type="text"],[type="tel"],[type="date"],[type="datetime-local"],[type="month"],[type="week"],[type="url"],[type="image"],[type="password"],[type="search"],[type="search"]::-webkit-search-decoration,[type="search"]::-webkit-search-cancel-button,input[list],textarea{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type="date"],[type="time"],[type="datetime-local"],[type="month"]{-webkit-appearance:listbox;-moz-appearance:listbox;appearance:listbox}button,input,select,textarea{border-radius:3px;border-radius:.3rem}[type="radio"]{border-radius:50%}[type="checkbox"]{border-radius:6px;border-radius:.6rem}[type="radio"],[type="checkbox"]{padding:0;background-color:#fff}[type="range"]{background-color:transparent}select[size],select[multiple]{height:auto}select[multiple]{background-image:none}textarea{height:auto;min-height:60px;min-height:6rem;overflow:auto;vertical-align:top;resize:vertical}::-moz-focus-inner{padding:0;border-style:none}button,[type="button"],[type="reset"],[type="submit"]{line-height:normal;text-align:center;margin:0;background-clip:padding-box;vertical-align:baseline;overflow:visible;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;background-image:none}button:hover,button:active,button:focus,[type="button"]:hover,[type="button"]:active,[type="button"]:focus,[type="reset"]:hover,[type="reset"]:active,[type="reset"]:focus,[type="submit"]:hover,[type="submit"]:active,[type="submit"]:focus{text-decoration:none;color:#222}button,select,input[type="submit"],input[type="button"],[type="checkbox"],[type="range"],[type="radio"],[role="button"]{cursor:pointer}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#666}input::-moz-placeholder,textarea::-moz-placeholder{color:#666}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#666}input::placeholder,textarea::placeholder{color:#666}:-moz-ui-invalid{box-shadow:none}[type="email"],[type="number"],[type="password"],[type="tel"],[type="search"],[type="text"],[type="date"],[type="datetime-local"],[type="month"],[type="time"],[type="week"],[type="time"],[type="url"],[type="range"],input[list],select,textarea{background-color:#fff;border:1px solid #999;padding:6px 9px;padding:.6rem .9rem}@media \0creen{[type="email"],[type="number"],[type="password"],[type="tel"],[type="search"],[type="text"],[type="date"],[type="datetime-local"],[type="month"],[type="time"],[type="week"],[type="time"],[type="url"],[type="range"],input[list]{padding-top:0;padding-bottom:0;height:38px;line-height:38px}}@media screen and (min-width:0\0) and (-webkit-min-device-pixel-ratio:.75),screen and (min-width:0\0) and (min-resolution:72dpi){[type="email"],[type="number"],[type="password"],[type="tel"],[type="search"],[type="text"],[type="date"],[type="datetime-local"],[type="month"],[type="time"],[type="week"],[type="time"],[type="url"],[type="range"],input[list]{line-height:1.2}}[type="email"]:active,[type="email"]:focus,[type="number"]:active,[type="number"]:focus,[type="password"]:active,[type="password"]:focus,[type="tel"]:active,[type="tel"]:focus,[type="search"]:active,[type="search"]:focus,[type="text"]:active,[type="text"]:focus,[type="date"]:active,[type="date"]:focus,[type="datetime-local"]:active,[type="datetime-local"]:focus,[type="month"]:active,[type="month"]:focus,[type="time"]:active,[type="time"]:focus,[type="week"]:active,[type="week"]:focus,[type="time"]:active,[type="time"]:focus,[type="url"]:active,[type="url"]:focus,input[list]:active,input[list]:focus,select:active,select:focus,textarea:active,textarea:focus,[type="radio"]:active,[type="radio"]:focus,[type="checkbox"]:active,[type="checkbox"]:focus{transition:border .2s,background-color .2s,box-shadow .2s;border-color:#007bff;box-shadow:0 0 0 3px rgba(0,86,179,0.25)}button,[type="button"],[type="reset"],[type="submit"]{color:#222;padding:8px 16px;padding:.8rem 1.6rem;background:#ccc;transition:color .2s,background .2s,box-shadow .2s}button:hover,button:active,button:focus,[type="button"]:hover,[type="button"]:active,[type="button"]:focus,[type="reset"]:hover,[type="reset"]:active,[type="reset"]:focus,[type="submit"]:hover,[type="submit"]:active,[type="submit"]:focus{text-decoration:none;color:#222;background:#b3b3b3}button:active,button:focus,[type="button"]:active,[type="button"]:focus,[type="reset"]:active,[type="reset"]:focus,[type="submit"]:active,[type="submit"]:focus{box-shadow:0 0 0 3px rgba(0,0,0,0.15)}fieldset[disabled] button,fieldset[disabled] input,fieldset[disabled] input:after,fieldset[disabled] input:before,fieldset[disabled] input:checked,fieldset[disabled] select,fieldset[disabled] textarea,fieldset[disabled] label,button[disabled],input[disabled],input[disabled]:after,input[disabled]:before,input[disabled]:checked,select[disabled],textarea[disabled],label[disabled],button:disabled,input:disabled,input:disabled:after,input:disabled:before,input:disabled:checked,select:disabled,textarea:disabled,label:disabled,button[aria-disabled="true"],input[aria-disabled="true"],input[aria-disabled="true"]:after,input[aria-disabled="true"]:before,input[aria-disabled="true"]:checked,select[aria-disabled="true"],textarea[aria-disabled="true"],label[aria-disabled="true"]{cursor:default !important;cursor:not-allowed !important;pointer-events:none !important;-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important;box-shadow:none !important;opacity:.5 !important}select:not([size]):not([multiple]){-webkit-appearance:none;-moz-appearance:none;appearance:none}select::-ms-expand{display:none}select:not([size]):not([multiple]){background:#fff url("data:image/svg+xml,%3csvgxmlns='http://www.w3.org/2000/svg'width='4'height='5'viewBox='0045'%3e%3cpathfill='%23343a40'd='M20L02h4zm05L03h4z'/%3e%3c/svg%3e") no-repeat right .85rem center/8px 10px;padding-right:24px;padding-right:2.4rem}*[dir="rtl"] select:not([size]):not([multiple]),select[dir="rtl"]:not([size]):not([multiple]){background-position:left .85rem top 50%;padding-right:9px;padding-right:.9rem;padding-left:24px;padding-left:2.4rem}@media screen and (min-width:0\0) and (min-resolution:.001dpcm){select:not([size]):not([multiple]){padding-right:9px}*[dir="rtl"] select:not([size]):not([multiple]),select[dir="rtl"]:not([size]):not([multiple]){padding-left:9px}select:not([size]):not([multiple]),*[dir="rtl"] select:not([size]):not([multiple]),select[dir="rtl"]:not([size]):not([multiple]){background-image:none;background-repeat:repeat}}@supports((-webkit-appearance:none) or(-moz-appearance:none) or(appearance:none)){[type="checkbox"],[type="radio"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:2rem;width:2rem;vertical-align:top;position:relative;border:1px solid #999}[type="checkbox"]+label,[type="radio"]+label{line-height:2rem;vertical-align:top;margin-left:6px;margin-left:.6rem}*[dir="rtl"] [type="checkbox"]+label,[type="checkbox"][dir="rtl"]+label,*[dir="rtl"] [type="radio"]+label,[type="radio"][dir="rtl"]+label{margin-left:0;margin-right:6px;margin-right:.6rem}[type="checkbox"]:after,[type="radio"]:after{content:"";display:block;position:absolute}[type="checkbox"]:checked,[type="radio"]:checked{background-color:#007bff;border-color:#000}[type="radio"]:after{width:2rem;height:2rem;left:-0.05rem;top:-0.05rem;border-radius:50%;background:#fff;-webkit-transform:scale(0.35);transform:scale(0.35)}[type="checkbox"]:after{width:.6rem;height:.8rem;border:2px solid #fff;border-top:0;border-left:0;left:35%;top:20%;-webkit-transform:rotate(43deg);transform:rotate(43deg)}}table{max-width:100%;border-collapse:collapse}thead th{vertical-align:bottom}th,td{vertical-align:top}th{text-align:inherit}caption{padding-top:6px;padding-top:.6rem;padding-bottom:6px;padding-bottom:.6rem;color:#999;text-align:left;caption-side:bottom;line-height:1.375;font-size:90%}th{font-weight:700}.bf-container,.bf-container--fluid{box-sizing:content-box;display:block;margin-right:auto;margin-left:auto;padding-left:15px;padding-left:1.5rem;padding-right:15px;padding-right:1.5rem}.bf-container:before,.bf-container:after,.bf-container--fluid:before,.bf-container--fluid:after{display:table;content:" "}.bf-container:after,.bf-container--fluid:after{clear:both}.bf-container{max-width:1152px;max-width:115.2rem}.bf-row{display:block;margin-left:-15px;margin-left:-1.5rem;margin-right:-15px;margin-right:-1.5rem}.bf-row:before,.bf-row:after{content:" ";display:table}.bf-row:after{clear:both}[class^="bf-col-"]{float:left;position:relative;min-height:1px;padding-left:15px;padding-left:1.5rem;padding-right:15px;padding-right:1.5rem}.bf-no-gutters{margin-right:0;margin-left:0}.bf-no-gutters>[class^="bf-col"]{padding-right:0;padding-left:0}.bf-col-12{width:100%}.bf-col-11{width:91.66666666666666%}.bf-col-10{width:83.33333333333334%}.bf-col-9{width:75%}.bf-col-8{width:66.66666666666666%}.bf-col-7{width:58.333333333333336%}.bf-col-6{width:50%}.bf-col-5{width:41.66666666666667%}.bf-col-4{width:33.33333333333333%}.bf-col-3{width:25%}.bf-col-2{width:16.666666666666664%}.bf-col-1{width:8.3333%}@media(max-width:575px){.bf-container--break-xs .bf-row{margin-left:0;margin-right:0}.bf-container--break-xs [class^="bf-col"]{width:100%;float:none;margin-left:0;padding-left:0;padding-right:0}}@media(max-width:767px){.bf-container--break-md .bf-row{margin-left:0;margin-right:0}.bf-container--break-md [class^="bf-col"]{width:100%;float:none;margin-left:0;padding-left:0;padding-right:0}}@media(max-width:991px){.bf-container--break-lg .bf-row{margin-left:0;margin-right:0}.bf-container--break-lg [class^="bf-col"]{width:100%;float:none;margin-left:0;padding-left:0;padding-right:0}}table td[class^="bf-col"],table th[class^="bf-col"]{position:static}.bf-clearfix:before,.bf-clearfix:after{content:" ";display:table}.bf-clearfix:after{clear:both}.bf-hide{display:none !important}.bf-hidden{display:none !important;visibility:hidden !important}.bf-text-hide{font:0/0 a !important;color:transparent !important;text-shadow:none !important;background-color:transparent !important;border:0 !important;margin:0 !important;padding:0 !important}.bf-sr-only{border:0 !important;clip:rect(0,0,0,0) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;white-space:nowrap !important;width:1px !important}.bf-sr-only.focusable:active,.bf-sr-only.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;white-space:inherit;width:auto}.bf-invisible{visibility:hidden !important}.bf-visible{visibility:visible !important}.bf-display-block{display:block !important}.bf-display-block-center{display:block !important;margin-left:auto !important;margin-right:auto !important}.bf-display-inline{display:inline !important}.bf-display-inline-block{display:inline-block !important}.bf-display-flex{display:-webkit-flex !important;display:flex !important}.bf-display-inline-flex{display:-webkit-inline-flex !important;display:inline-flex !important}.bf-float-right{float:right !important}.bf-float-left{float:left !important}.bf-position-fixed{position:fixed !important}.bf-align-center-unknown{position:relative !important}.bf-align-center-unknown--item{position:absolute !important;top:50% !important;left:50% !important;-webkit-transform:translate(-50%,-50%) !important;transform:translate(-50%,-50%) !important}.bf-m-0{margin:0 !important}.bf-m-t-0{margin-top:0 !important}.bf-m-b-0{margin-bottom:0 !important}.bf-m-l-0{margin-left:0 !important}.bf-m-r-0{margin-right:0 !important}.bf-m-b-6{margin-bottom:6px !important;margin-bottom:.6rem !important}.bf-m-b-12{margin-bottom:12px !important;margin-bottom:1.2rem !important}.bf-m-b-24{margin-bottom:24px !important;margin-bottom:2.4rem !important}.bf-m-b-36{margin-bottom:36px !important;margin-bottom:3.6rem !important}.bf-p-0{padding:0 !important}.bf-p-t-0{padding-top:0 !important}.bf-p-b-0{padding-bottom:0 !important}.bf-p-l-0{padding-left:0 !important}.bf-p-r-0{padding-right:0 !important}.bf-p-t-6{padding-top:6px !important;padding-top:.6rem !important}.bf-p-t-12{padding-top:12px !important;padding-top:1.2rem !important}.bf-p-t-24{padding-top:24px !important;padding-top:2.4rem !important}.bf-p-t-36{padding-top:36px !important;padding-top:3.6rem !important}.bf-p-b-6{padding-bottom:6px !important;padding-bottom:.6rem !important}.bf-p-b-12{padding-bottom:12px !important;padding-bottom:1.2rem !important}.bf-p-b-24{padding-bottom:24px !important;padding-bottom:2.4rem !important}.bf-p-b-36{padding-bottom:36px !important;padding-bottom:3.6rem !important}.bf-t-transform-uppercase{text-transform:uppercase !important}.bf-t-transform-none{text-transform:none !important}.bf-t-left{text-align:left !important}.bf-t-center{text-align:center !important}.bf-t-right{text-align:right !important}.bf-t-shadow{text-shadow:0 0 .2rem #222 !important}.bf-t-italic{font-style:italic !important}.bf-t-style-normal{font-style:normal !important}.bf-t-weight-400{font-weight:400 !important}.bf-t-weight-500{font-weight:500 !important}.bf-t-weight-600{font-weight:600 !important}.bf-t-weight-700{font-weight:700 !important}.bf-text-break{word-wrap:break-word !important}.bf-t-truncate{max-width:100% !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;word-wrap:normal !important}.bf-no-select{-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important;-webkit-touch-callout:none !important}.bf-font-sans-serif{font-family:Catamaran,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important}.bf-font-serif{font-family:Georgia,Times,"Times New Roman",serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important}.bf-font-monospace{font-family:"Menlo","Consolas","Roboto Mono","Ubuntu Monospace","Noto Mono","Oxygen Mono","Liberation Mono",monospace,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important}.bf-h1,.bf-h2,.bf-h3,.bf-h4,.bf-h5,.bf-h6{font-weight:700 !important;font-weight:600 !important;margin-top:0 !important;line-height:1.2 !important;margin-bottom:12px !important;margin-bottom:1.2rem !important}.bf-h1{font-size:36px !important;font-size:3.6rem !important}.bf-h2{font-size:30px !important;font-size:3rem !important}.bf-h3{font-size:24px !important;font-size:2.4rem !important}.bf-h4{font-size:20px !important;font-size:2rem !important}.bf-h5,.bf-h6{font-size:17px !important;font-size:1.7rem !important}p.bf-lead{font-size:120% !important}body.bf-responsive-typography{--body-rt-font-size-flex:calc(1.7rem+3 *((100vw - 320px) / 680));--body-rt-font-size-max:2rem}@media(min-width:320px){body.bf-responsive-typography{font-size:var(--body-rt-font-size-flex)}}@media(min-width:1000px){body.bf-responsive-typography{font-size:var(--body-rt-font-size-max)}}.bf-btn{display:inline-block;cursor:pointer;color:#222;padding:8px 16px;padding:.8rem 1.6rem;line-height:normal;text-align:center;margin:0;background-clip:padding-box;vertical-align:baseline;overflow:visible;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:3px;border-radius:.3rem;border:0;background-image:none;background:#ccc;transition:all .2s}.bf-btn:hover,.bf-btn:active,.bf-btn:focus{text-decoration:none;color:#222;background:#b3b3b3}.bf-btn:active,.bf-btn:focus{box-shadow:0 0 0 3px rgba(0,0,0,0.15)}.bf-btn:focus{outline:0}.bf-btn.bf-btn--primary{color:#fff;background:#007bff}.bf-btn.bf-btn--primary:hover,.bf-btn.bf-btn--primary:active,.bf-btn.bf-btn--primary:focus{color:#fff;background:#0062cc}.bf-btn.bf-btn--primary:active,.bf-btn.bf-btn--primary:focus{box-shadow:0 0 0 3px rgba(0,86,179,0.25)}fieldset[disabled] .bf-btn,.bf-btn[disabled],.bf-btn:disabled .bf-btn[aria-disabled="true"]{cursor:default !important;cursor:not-allowed !important;pointer-events:none !important;-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important;box-shadow:none !important;opacity:.5 !important}.bf-focused{transition:border .2s,background-color .2s,box-shadow .2s !important;border-color:#007bff !important;box-shadow:0 0 0 3px rgba(0,86,179,0.25) !important}.bf-disabled,.bf-disabled:hover,.bf-disabled:active,.bf-disabled:focus,.bf-disabled:after,.bf-disabled:before,.bf-disabled:invalid,.bf-disabled:checked{cursor:default !important;cursor:not-allowed !important;pointer-events:none !important;-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important;box-shadow:none !important;opacity:.5 !important;background-color:#fff;border-color:#999}label.bf-disabled{background-color:transparent;border-color:transparent}button.bf-disabled,[type="button"].bf-disabled,[type="reset"].bf-disabled,[type="submit"].bf-disabled,.bf-btn.bf-disabled{cursor:default;cursor:not-allowed;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-shadow:none;opacity:.5;color:#222;background:#ccc}button.bf-disabled:hover,button.bf-disabled:active,button.bf-disabled:focus,[type="button"].bf-disabled:hover,[type="button"].bf-disabled:active,[type="button"].bf-disabled:focus,[type="reset"].bf-disabled:hover,[type="reset"].bf-disabled:active,[type="reset"].bf-disabled:focus,[type="submit"].bf-disabled:hover,[type="submit"].bf-disabled:active,[type="submit"].bf-disabled:focus,.bf-btn.bf-disabled:hover,.bf-btn.bf-disabled:active,.bf-btn.bf-disabled:focus{box-shadow:none;color:#222;background:#ccc}.bf-btn--primary.bf-disabled{cursor:default;cursor:not-allowed;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-shadow:none;opacity:.5;color:#fff;background:#007bff}.bf-btn--primary.bf-disabled:hover,.bf-btn--primary.bf-disabled:active,.bf-btn--primary.bf-disabled:focus{box-shadow:none;color:#fff;background:#007bff}.bf-invalid,.bf-invalid:focus{color:#f00 !important;border-color:#f00 !important;box-shadow:0 0 0 3px rgba(255,0,0,0.25) !important}.bf-list-unstyled,menu ul.bf-list-unstyled,menu ol.bf-list-unstyled,ul.bf-list-unstyled ul,ul.bf-list-unstyled ol,ol.bf-list-unstyled ol,ol.bf-list-unstyled ul,dd.bf-list-unstyled{margin:0;padding:0;list-style:none}dt{font-weight:700}.bf-embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}.bf-embed-responsive::before{display:block;content:"";padding-top:56.25%}.bf-embed-responsive.bf-embed-responsive--4-3::before{padding-top:75%}.bf-embed-responsive .bf-embed-responsive--item,.bf-embed-responsive iframe,.bf-embed-responsive embed,.bf-embed-responsive object,.bf-embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.bf-table th,.bf-table td{padding:4px;padding:.4rem;border-bottom:1px solid #999;margin-bottom:6px;margin-bottom:.6rem}.bf-table-responsive{overflow-x:auto;overflow-y:hidden;-ms-overflow-style:scrollbar}.bf-table-responsive table{width:100%;margin-bottom:6px;margin-bottom:.6rem}.bf-table-responsive.scrollbar{-webkit-overflow-scrolling:auto}@media print{*,*::before,*::after{background:#fff !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important}a,a:visited{text-decoration:underline}a[href]::after{content:" (" attr(href) ")"}abbr[title]::after{content:" (" attr(title) ")"}a[href^="#"]::after,a[href^="javascript:"]::after{content:""}pre{white-space:pre-wrap !important}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}@media print{body,.bf-container{min-width:992px !important}.bf-table-responsive{overflow:auto}.bf-table-responsive table{width:auto}.bf-table-responsive table,.bf-table{border-collapse:collapse !important}}@media(prefers-reduced-motion:reduce){.bf-reduced-motion,.bf-reduced-motion::before,.bf-reduced-motion::after,.bf-reduced-motion *,.bf-reduced-motion *::before,.bf-reduced-motion *::after{-webkit-animation-delay:-1ms !important;animation-delay:-1ms !important;-webkit-animation-duration:1ms !important;animation-duration:1ms !important;-webkit-animation-iteration-count:1 !important;animation-iteration-count:1 !important;background-attachment:initial !important;scroll-behavior:auto !important;transition-delay:0 !important;transition-duration:0 !important}} \ No newline at end of file +/*! bullframe.css v3.3.0 | MIT License | https://github.com/marcop135/bullframe.css */*,*::before,*::after{box-sizing:border-box}article,aside,dialog,figcaption,figure,footer,header,hgroup,main,menu,nav,section,details{display:block}template{display:none}[hidden]{display:none !important}@-ms-viewport{width:device-width}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:62.5%;color:#222;font-family:sans-serif;line-height:1.15;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{margin:0;font-size:16px;font-size:1.6rem;line-height:1.5;font-weight:400;text-align:left;font-family:BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",Helvetica,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";text-rendering:optimizeLegibility;word-wrap:break-word;background-color:#fff;-webkit-backface-visibility:hidden;backface-visibility:hidden}h1,h2,h3,h4,h5,h6{font-weight:700;font-weight:600}h1,h2,h3,h4,h5,h6{margin-top:0}h1,h2,h3,h4,h5,h6{font-family:inherit;color:inherit;line-height:1.25;margin-bottom:10px;margin-bottom:1rem}h1{font-size:36px;font-size:3.6rem}h2{font-size:30px;font-size:3rem}h3{font-size:24px;font-size:2.4rem}h4{font-size:20px;font-size:2rem}h5,h6{font-size:16px;font-size:1.6rem}blockquote{margin:0 0 20px 0;margin-bottom:2rem;padding-left:0;font-style:italic}blockquote p{margin-bottom:0}blockquote small{color:#999;display:block}blockquote small:before{content:"\2014 \00A0"}q{quotes:"“" "”" "‘" "’"}pre{margin:0 0 20px 0;margin:0 0 2rem 0}pre{display:block;overflow:auto;word-break:break-all;word-wrap:break-word;white-space:pre;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;-ms-overflow-style:auto;display:block}pre,code,kbd,samp{font-family:"Menlo","Consolas","Roboto Mono","Ubuntu Monospace","Noto Mono","Oxygen Mono","Liberation Mono",monospace,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:.875em}code{word-wrap:break-word}a>code{color:inherit}pre code{font-size:inherit;color:inherit;word-break:normal}p{margin:0 0 20px 0;margin:0 0 2rem 0}abbr[title],abbr[data-original-title]{cursor:help;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;-webkit-text-decoration-skip:none;text-decoration-skip:none}mark{background-color:#ff0;color:#000}ins{background-color:#ff9;color:#000;text-decoration:none}b,strong{font-weight:inherit}b,strong{font-weight:bolder}dfn{font-style:italic}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-8px;top:-0.8rem}sub{bottom:-4px;bottom:-0.4rem}small{font-size:80%}hr{box-sizing:content-box;display:block;height:0;border-style:solid;border-width:1px 0 0;color:inherit;margin:20px 0;margin:2rem 0;padding:0;overflow:visible}address{font-style:normal;margin-bottom:10px;margin-bottom:1rem;line-height:inherit}summary{display:list-item;cursor:pointer}a{color:#007bff;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects;text-decoration-skip:objects;-webkit-text-decoration-skip-ink:objects;text-decoration-skip-ink:objects}a:hover,a:focus{text-decoration:underline;color:#0056b3}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):hover,a:not([href]):not([tabindex]):focus{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}:focus:not(:focus-visible){outline:0}[tabindex="-1"]:focus:not(:focus-visible){outline:0 !important}a:focus,input:focus{outline:2px solid orange}:focus-visible{outline:2px solid orange}button:focus,[type="button"]:focus,[type="reset"]:focus,[type="submit"]:focus,[type="email"]:focus,[type="number"]:focus,[type="password"]:focus,[type="tel"]:focus,[type="search"]:focus,[type="text"]:focus,[type="date"]:focus,[type="datetime-local"]:focus,[type="month"]:focus,[type="time"]:focus,[type="week"]:focus,[type="time"]:focus,[type="url"]:focus,[type="radio"]:focus,[type="checkbox"]:focus,input[list]:focus,select:focus,textarea:focus{outline:0}menu,ol,ul,dl{margin:0 0 20px 0;margin:0 0 2rem 0;padding:0}menu ul,menu ol,ul ul,ul ol,ol ol,ol ul,dd{margin-bottom:0}ul,ol{margin-left:20px;margin-left:2rem}nav ol,nav ul{list-style:none;list-style-image:none;margin-left:0}dt{font-weight:700}dd{margin-left:0}nav li:before{content:"\200B";position:absolute}audio,canvas,progress,video{display:inline-block}img,canvas,audio,video,iframe,object,embed{max-width:100%}audio,video,canvas,img,svg{vertical-align:middle}img{height:auto;border-style:none}figure{margin:0}figure,figcaption{display:block}figcaption{line-height:1.375;font-size:90%}video{height:auto}audio{width:100%}audio:not([controls]){display:none;height:0}svg:not(:root){overflow:hidden}svg:not([fill]){fill:currentColor}progress,meter{display:inline-block;vertical-align:baseline;width:100%;max-width:100%}progress[value]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;height:20px;height:2rem;background:#ccc;color:#007bff}progress[value]::-webkit-progress-bar{background:#ccc}progress[value]::-webkit-progress-value{background:#007bff}iframe{border-style:none}html input,button,select,optgroup,textarea{color:inherit;font-family:inherit;font-size:inherit;line-height:inherit}html input,button,[type="radio"],[type="checkbox"],select,optgroup,textarea{margin:0}html input,select,textarea,legend{width:100%}html label,button,[type="image"],[type="submit"],[type="reset"],html [type="button"],[type="radio"],[type="checkbox"]{width:auto}html input,label,select,textarea,button,html [type="button"],[type="reset"],[type="submit"],output{display:inline-block}[type="file"]{display:block;background-color:transparent}button,html input,select,textarea{background-image:none}input,select,textarea{vertical-align:baseline}form{margin:0}fieldset{border:0;padding:0;margin:0;min-width:0}legend{display:table;max-width:100%;white-space:normal;border:0;padding:0;font-weight:400;margin-bottom:5px;margin-bottom:.5rem;font-size:inherit;line-height:1.375;color:inherit}label{font-weight:400;font-size:90%;line-height:1.375;margin-bottom:5px;margin-bottom:.5rem}label input,label select,label textarea{font-size:110%}[type="number"]::-webkit-outer-spin-button,[type="number"]::-webkit-inner-spin-button{height:auto}[type="search"]{outline-offset:-2.5px;outline-offset:-0.25rem}output{vertical-align:middle}button,select{text-transform:none}select{word-wrap:normal}optgroup{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:700;font-weight:600}button,html [type="button"],[type="reset"],[type="submit"],[type="email"],[type="number"],[type="text"],[type="tel"],[type="date"],[type="datetime-local"],[type="month"],[type="week"],[type="url"],[type="image"],[type="password"],[type="search"],[type="search"]::-webkit-search-decoration,[type="search"]::-webkit-search-cancel-button,input[list],textarea{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type="date"],[type="time"],[type="datetime-local"],[type="month"]{-webkit-appearance:listbox;-moz-appearance:listbox;appearance:listbox}button,input,select,textarea{border-radius:2.5px;border-radius:.25rem}[type="radio"]{border-radius:50%}[type="checkbox"]{border-radius:5px;border-radius:.5rem}[type="radio"],[type="checkbox"]{padding:0;background-color:#fff}[type="range"]{background-color:transparent}select[size],select[multiple]{height:auto}select[multiple]{background-image:none}textarea{height:auto;min-height:60px;min-height:6rem;overflow:auto;vertical-align:top;resize:vertical}::-moz-focus-inner{padding:0;border-style:none}button,[type="button"],[type="reset"],[type="submit"]{line-height:normal;text-align:center;margin:0;background-clip:padding-box;vertical-align:baseline;overflow:visible;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;background-image:none}button:hover,button:active,button:focus,[type="button"]:hover,[type="button"]:active,[type="button"]:focus,[type="reset"]:hover,[type="reset"]:active,[type="reset"]:focus,[type="submit"]:hover,[type="submit"]:active,[type="submit"]:focus{text-decoration:none;color:#222}button,select,input[type="submit"],input[type="button"],[type="checkbox"],[type="range"],[type="radio"],[role="button"]{cursor:pointer}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#666}input::-moz-placeholder,textarea::-moz-placeholder{color:#666}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#666}input::placeholder,textarea::placeholder{color:#666}:-moz-ui-invalid{box-shadow:none}[type="email"],[type="number"],[type="password"],[type="tel"],[type="search"],[type="text"],[type="date"],[type="datetime-local"],[type="month"],[type="time"],[type="week"],[type="time"],[type="url"],[type="range"],input[list],select,textarea{background-color:#fff;border:1px solid #999;padding:5px 7.5px;padding:.5rem .75rem}@media \0creen{[type="email"],[type="number"],[type="password"],[type="tel"],[type="search"],[type="text"],[type="date"],[type="datetime-local"],[type="month"],[type="time"],[type="week"],[type="time"],[type="url"],[type="range"],input[list]{padding-top:0;padding-bottom:0;height:32px;line-height:32px}}@media screen and (min-width:0\0) and (-webkit-min-device-pixel-ratio:.75),screen and (min-width:0\0) and (min-resolution:72dpi){[type="email"],[type="number"],[type="password"],[type="tel"],[type="search"],[type="text"],[type="date"],[type="datetime-local"],[type="month"],[type="time"],[type="week"],[type="time"],[type="url"],[type="range"],input[list]{line-height:1.2}}[type="email"]:active,[type="email"]:focus,[type="number"]:active,[type="number"]:focus,[type="password"]:active,[type="password"]:focus,[type="tel"]:active,[type="tel"]:focus,[type="search"]:active,[type="search"]:focus,[type="text"]:active,[type="text"]:focus,[type="date"]:active,[type="date"]:focus,[type="datetime-local"]:active,[type="datetime-local"]:focus,[type="month"]:active,[type="month"]:focus,[type="time"]:active,[type="time"]:focus,[type="week"]:active,[type="week"]:focus,[type="time"]:active,[type="time"]:focus,[type="url"]:active,[type="url"]:focus,input[list]:active,input[list]:focus,select:active,select:focus,textarea:active,textarea:focus,[type="radio"]:active,[type="radio"]:focus,[type="checkbox"]:active,[type="checkbox"]:focus{transition:border .2s,background-color .2s,box-shadow .2s;border-color:#007bff;box-shadow:0 0 0 3px rgba(0,86,179,0.25)}button,[type="button"],[type="reset"],[type="submit"]{color:#222;padding:6.66667px 13.33333px;padding:.66667rem 1.33333rem;background:#ccc;transition:color .2s,background .2s,box-shadow .2s}button:hover,button:active,button:focus,[type="button"]:hover,[type="button"]:active,[type="button"]:focus,[type="reset"]:hover,[type="reset"]:active,[type="reset"]:focus,[type="submit"]:hover,[type="submit"]:active,[type="submit"]:focus{text-decoration:none;color:#222;background:#b3b3b3}button:active,button:focus,[type="button"]:active,[type="button"]:focus,[type="reset"]:active,[type="reset"]:focus,[type="submit"]:active,[type="submit"]:focus{box-shadow:0 0 0 3px rgba(0,0,0,0.15)}fieldset[disabled] button,fieldset[disabled] input,fieldset[disabled] input:after,fieldset[disabled] input:before,fieldset[disabled] input:checked,fieldset[disabled] select,fieldset[disabled] textarea,fieldset[disabled] label,button[disabled],input[disabled],input[disabled]:after,input[disabled]:before,input[disabled]:checked,select[disabled],textarea[disabled],label[disabled],button:disabled,input:disabled,input:disabled:after,input:disabled:before,input:disabled:checked,select:disabled,textarea:disabled,label:disabled,button[aria-disabled="true"],input[aria-disabled="true"],input[aria-disabled="true"]:after,input[aria-disabled="true"]:before,input[aria-disabled="true"]:checked,select[aria-disabled="true"],textarea[aria-disabled="true"],label[aria-disabled="true"]{cursor:default !important;cursor:not-allowed !important;pointer-events:none !important;-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important;box-shadow:none !important;opacity:.5 !important}select:not([size]):not([multiple]){-webkit-appearance:none;-moz-appearance:none;appearance:none}select::-ms-expand{display:none}select:not([size]):not([multiple]){background:#fff url("data:image/svg+xml,%3csvgxmlns='http://www.w3.org/2000/svg'width='4'height='5'viewBox='0045'%3e%3cpathfill='%23343a40'd='M20L02h4zm05L03h4z'/%3e%3c/svg%3e") no-repeat right .85rem center/8px 10px;padding-right:20px;padding-right:2rem}*[dir="rtl"] select:not([size]):not([multiple]),select[dir="rtl"]:not([size]):not([multiple]){background-position:left .85rem top 50%;padding-right:7.5px;padding-right:.75rem;padding-left:20px;padding-left:2rem}@media screen and (min-width:0\0) and (min-resolution:.001dpcm){select:not([size]):not([multiple]){padding-right:7.5px}*[dir="rtl"] select:not([size]):not([multiple]),select[dir="rtl"]:not([size]):not([multiple]){padding-left:7.5px}select:not([size]):not([multiple]),*[dir="rtl"] select:not([size]):not([multiple]),select[dir="rtl"]:not([size]):not([multiple]){background-image:none;background-repeat:repeat}}@supports((-webkit-appearance:none) or(-moz-appearance:none) or(appearance:none)){[type="checkbox"],[type="radio"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:1.8rem;width:1.8rem;vertical-align:top;position:relative;border:1px solid #999}[type="checkbox"]+label,[type="radio"]+label{line-height:1.8rem;vertical-align:top;margin-left:5px;margin-left:.5rem}*[dir="rtl"] [type="checkbox"]+label,[type="checkbox"][dir="rtl"]+label,*[dir="rtl"] [type="radio"]+label,[type="radio"][dir="rtl"]+label{margin-left:0;margin-right:5px;margin-right:.5rem}[type="checkbox"]:after,[type="radio"]:after{content:"";display:block;position:absolute}[type="checkbox"]:checked,[type="radio"]:checked{background-color:#007bff;border-color:#000}[type="radio"]:after{width:1.8rem;height:1.8rem;left:-0.05rem;top:-0.05rem;border-radius:50%;background:#fff;-webkit-transform:scale(0.35);transform:scale(0.35)}[type="checkbox"]:after{width:.6rem;height:.8rem;border:2px solid #fff;border-top:0;border-left:0;left:35%;top:20%;-webkit-transform:rotate(43deg);transform:rotate(43deg)}}table{max-width:100%;border-collapse:collapse}thead th{vertical-align:bottom}th,td{vertical-align:top}th{text-align:inherit}caption{padding-top:5px;padding-top:.5rem;padding-bottom:5px;padding-bottom:.5rem;color:#999;text-align:left;caption-side:bottom;line-height:1.375;font-size:90%}th{font-weight:700}.bf-container,.bf-container--fluid{box-sizing:content-box;display:block;margin-right:auto;margin-left:auto;padding-left:15px;padding-left:1.5rem;padding-right:15px;padding-right:1.5rem}.bf-container:before,.bf-container:after,.bf-container--fluid:before,.bf-container--fluid:after{display:table;content:" "}.bf-container:after,.bf-container--fluid:after{clear:both}.bf-container{max-width:1140px;max-width:114rem}.bf-row{display:block;margin-left:-15px;margin-left:-1.5rem;margin-right:-15px;margin-right:-1.5rem}.bf-row:before,.bf-row:after{content:" ";display:table}.bf-row:after{clear:both}[class^="bf-col-"]{float:left;position:relative;min-height:1px;padding-left:15px;padding-left:1.5rem;padding-right:15px;padding-right:1.5rem}.bf-no-gutters{margin-right:0;margin-left:0}.bf-no-gutters>[class^="bf-col"]{padding-right:0;padding-left:0}.bf-col-12{width:100%}.bf-col-11{width:91.66666666666666%}.bf-col-10{width:83.33333333333334%}.bf-col-9{width:75%}.bf-col-8{width:66.66666666666666%}.bf-col-7{width:58.333333333333336%}.bf-col-6{width:50%}.bf-col-5{width:41.66666666666667%}.bf-col-4{width:33.33333333333333%}.bf-col-3{width:25%}.bf-col-2{width:16.666666666666664%}.bf-col-1{width:8.3333%}@media(max-width:575px){.bf-container--break-xs .bf-row{margin-left:0;margin-right:0}.bf-container--break-xs [class^="bf-col"]{width:100%;float:none;margin-left:0;padding-left:0;padding-right:0}}@media(max-width:767px){.bf-container--break-md .bf-row{margin-left:0;margin-right:0}.bf-container--break-md [class^="bf-col"]{width:100%;float:none;margin-left:0;padding-left:0;padding-right:0}}@media(max-width:991px){.bf-container--break-lg .bf-row{margin-left:0;margin-right:0}.bf-container--break-lg [class^="bf-col"]{width:100%;float:none;margin-left:0;padding-left:0;padding-right:0}}table td[class^="bf-col"],table th[class^="bf-col"]{position:static}.bf-clearfix:before,.bf-clearfix:after{content:" ";display:table}.bf-clearfix:after{clear:both}.bf-hide{display:none !important}.bf-hidden{display:none !important;visibility:hidden !important}.bf-text-hide{font:0/0 a !important;color:transparent !important;text-shadow:none !important;background-color:transparent !important;border:0 !important;margin:0 !important;padding:0 !important}.bf-sr-only{border:0 !important;clip:rect(0,0,0,0) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;white-space:nowrap !important;width:1px !important}.bf-sr-only.focusable:active,.bf-sr-only.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;white-space:inherit;width:auto}.bf-invisible{visibility:hidden !important}.bf-visible{visibility:visible !important}.bf-display-block{display:block !important}.bf-display-block-center{display:block !important;margin-left:auto !important;margin-right:auto !important}.bf-display-inline{display:inline !important}.bf-display-inline-block{display:inline-block !important}.bf-display-flex{display:-webkit-flex !important;display:flex !important}.bf-display-inline-flex{display:-webkit-inline-flex !important;display:inline-flex !important}.bf-float-right{float:right !important}.bf-float-left{float:left !important}.bf-position-fixed{position:fixed !important}.bf-align-center-unknown{position:relative !important}.bf-align-center-unknown--item{position:absolute !important;top:50% !important;left:50% !important;-webkit-transform:translate(-50%,-50%) !important;transform:translate(-50%,-50%) !important}.bf-width-25{width:25% !important}.bf-width-33{width:33.33333333333333% !important}.bf-width-50{width:50% !important}.bf-width-75{width:75% !important}.bf-width-100{width:100% !important}.bf-width-auto{width:auto !important}.bf-m-0{margin:0 !important}.bf-m-t-0{margin-top:0 !important}.bf-m-b-0{margin-bottom:0 !important}.bf-m-l-0{margin-left:0 !important}.bf-m-r-0{margin-right:0 !important}.bf-m-b-1{margin-bottom:5px !important;margin-bottom:.5rem !important}.bf-m-b-2{margin-bottom:10px !important;margin-bottom:1rem !important}.bf-m-b-3{margin-bottom:20px !important;margin-bottom:2rem !important}.bf-m-b-4{margin-bottom:30px !important;margin-bottom:3rem !important}.bf-p-0{padding:0 !important}.bf-p-t-0{padding-top:0 !important}.bf-p-b-0{padding-bottom:0 !important}.bf-p-l-0{padding-left:0 !important}.bf-p-r-0{padding-right:0 !important}.bf-p-t-1{padding-top:5px !important;padding-top:.5rem !important}.bf-p-t-2{padding-top:10px !important;padding-top:1rem !important}.bf-p-t-3{padding-top:20px !important;padding-top:2rem !important}.bf-p-t-4{padding-top:30px !important;padding-top:3rem !important}.bf-p-b-1{padding-bottom:5px !important;padding-bottom:.5rem !important}.bf-p-b-2{padding-bottom:10px !important;padding-bottom:1rem !important}.bf-p-b-3{padding-bottom:20px !important;padding-bottom:2rem !important}.bf-p-b-4{padding-bottom:30px !important;padding-bottom:3rem !important}.bf-t-transform-uppercase{text-transform:uppercase !important}.bf-t-transform-none{text-transform:none !important}.bf-t-left{text-align:left !important}.bf-t-center{text-align:center !important}.bf-t-right{text-align:right !important}.bf-t-shadow{text-shadow:0 0 .2rem #222 !important}.bf-t-italic{font-style:italic !important}.bf-t-style-normal{font-style:normal !important}.bf-t-weight-300{font-weight:300 !important}.bf-t-weight-400{font-weight:400 !important}.bf-t-weight-500{font-weight:500 !important}.bf-t-weight-600{font-weight:600 !important}.bf-t-weight-700{font-weight:700 !important}.bf-t-weight-800{font-weight:800 !important}.bf-text-break{word-wrap:break-word !important}.bf-t-truncate{max-width:100% !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;word-wrap:normal !important}.bf-no-select{-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important;-webkit-touch-callout:none !important}.bf-font-sans-serif{font-family:Catamaran,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important}.bf-font-serif{font-family:Georgia,Times,"Times New Roman",serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important}.bf-font-monospace{font-family:"Menlo","Consolas","Roboto Mono","Ubuntu Monospace","Noto Mono","Oxygen Mono","Liberation Mono",monospace,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important}.bf-h1,.bf-h2,.bf-h3,.bf-h4,.bf-h5,.bf-h6{font-weight:700 !important;font-weight:600 !important;margin-top:0 !important;line-height:1.2 !important;margin-bottom:10px !important;margin-bottom:1rem !important}.bf-h1{font-size:36px !important;font-size:3.6rem !important}.bf-h2{font-size:30px !important;font-size:3rem !important}.bf-h3{font-size:24px !important;font-size:2.4rem !important}.bf-h4{font-size:20px !important;font-size:2rem !important}.bf-h5,.bf-h6{font-size:16px !important;font-size:1.6rem !important}p.bf-lead{font-size:120% !important}body.bf-responsive-typography{--body-rt-font-size-flex:calc(1.6rem+3 *((100vw - 320px) / 680));--body-rt-font-size-max:1.9rem}@media(min-width:320px){body.bf-responsive-typography{font-size:var(--body-rt-font-size-flex)}}@media(min-width:1000px){body.bf-responsive-typography{font-size:var(--body-rt-font-size-max)}}.bf-btn{display:inline-block;cursor:pointer;color:#222;padding:6.66667px 13.33333px;padding:.66667rem 1.33333rem;line-height:normal;text-align:center;margin:0;background-clip:padding-box;vertical-align:baseline;overflow:visible;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:2.5px;border-radius:.25rem;border:0;background-image:none;background:#ccc;transition:all .2s}.bf-btn:hover,.bf-btn:active,.bf-btn:focus{text-decoration:none;color:#222;background:#b3b3b3}.bf-btn:active,.bf-btn:focus{box-shadow:0 0 0 3px rgba(0,0,0,0.15)}.bf-btn:focus{outline:0}.bf-btn.bf-btn--primary{color:#fff;background:#007bff}.bf-btn.bf-btn--primary:hover,.bf-btn.bf-btn--primary:active,.bf-btn.bf-btn--primary:focus{color:#fff;background:#0062cc}.bf-btn.bf-btn--primary:active,.bf-btn.bf-btn--primary:focus{box-shadow:0 0 0 3px rgba(0,86,179,0.25)}fieldset[disabled] .bf-btn,.bf-btn[disabled],.bf-btn:disabled .bf-btn[aria-disabled="true"]{cursor:default !important;cursor:not-allowed !important;pointer-events:none !important;-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important;box-shadow:none !important;opacity:.5 !important}.bf-focused{transition:border .2s,background-color .2s,box-shadow .2s !important;border-color:#007bff !important;box-shadow:0 0 0 3px rgba(0,86,179,0.25) !important}.bf-disabled,.bf-disabled:hover,.bf-disabled:active,.bf-disabled:focus,.bf-disabled:after,.bf-disabled:before,.bf-disabled:invalid,.bf-disabled:checked{cursor:default !important;cursor:not-allowed !important;pointer-events:none !important;-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important;box-shadow:none !important;opacity:.5 !important;background-color:#fff;border-color:#999}label.bf-disabled{background-color:transparent;border-color:transparent}button.bf-disabled,[type="button"].bf-disabled,[type="reset"].bf-disabled,[type="submit"].bf-disabled,.bf-btn.bf-disabled{cursor:default;cursor:not-allowed;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-shadow:none;opacity:.5;color:#222;background:#ccc}button.bf-disabled:hover,button.bf-disabled:active,button.bf-disabled:focus,[type="button"].bf-disabled:hover,[type="button"].bf-disabled:active,[type="button"].bf-disabled:focus,[type="reset"].bf-disabled:hover,[type="reset"].bf-disabled:active,[type="reset"].bf-disabled:focus,[type="submit"].bf-disabled:hover,[type="submit"].bf-disabled:active,[type="submit"].bf-disabled:focus,.bf-btn.bf-disabled:hover,.bf-btn.bf-disabled:active,.bf-btn.bf-disabled:focus{box-shadow:none;color:#222;background:#ccc}.bf-btn--primary.bf-disabled{cursor:default;cursor:not-allowed;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-shadow:none;opacity:.5;color:#fff;background:#007bff}.bf-btn--primary.bf-disabled:hover,.bf-btn--primary.bf-disabled:active,.bf-btn--primary.bf-disabled:focus{box-shadow:none;color:#fff;background:#007bff}.bf-invalid,.bf-invalid:focus{color:#f00 !important;border-color:#f00 !important;box-shadow:0 0 0 3px rgba(255,0,0,0.25) !important}.bf-list-unstyled,menu ul.bf-list-unstyled,menu ol.bf-list-unstyled,ul.bf-list-unstyled ul,ul.bf-list-unstyled ol,ol.bf-list-unstyled ol,ol.bf-list-unstyled ul,dd.bf-list-unstyled{margin:0;padding:0;list-style:none}dt{font-weight:700}.bf-embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}.bf-embed-responsive::before{display:block;content:"";padding-top:56.25%}.bf-embed-responsive.bf-embed-responsive--4-3::before{padding-top:75%}.bf-embed-responsive .bf-embed-responsive--item,.bf-embed-responsive iframe,.bf-embed-responsive embed,.bf-embed-responsive object,.bf-embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.bf-table th,.bf-table td{padding:10px;padding:1rem;border-bottom:1px solid #999;margin-bottom:5px;margin-bottom:.5rem}.bf-table-responsive{overflow-x:auto;overflow-y:hidden;-ms-overflow-style:scrollbar}.bf-table-responsive table{width:100%;margin-bottom:5px;margin-bottom:.5rem}.bf-table-responsive.scrollbar{-webkit-overflow-scrolling:auto}.bf-table--zebra tbody tr:nth-child(odd),.bf-table-responsive--zebra tbody tr:nth-child(odd){background-color:#e9e9e9}@media print{*,*::before,*::after{background:#fff !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important}a,a:visited{text-decoration:underline}a[href]::after{content:" (" attr(href) ")"}abbr[title]::after{content:" (" attr(title) ")"}a[href^="#"]::after,a[href^="javascript:"]::after{content:""}pre{white-space:pre-wrap !important}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}@media print{body,.bf-container{min-width:992px !important}.bf-table-responsive{overflow:auto}.bf-table-responsive table{width:auto}.bf-table-responsive table,.bf-table{border-collapse:collapse !important}}@media(prefers-reduced-motion:reduce){.bf-reduced-motion,.bf-reduced-motion::before,.bf-reduced-motion::after,.bf-reduced-motion *,.bf-reduced-motion *::before,.bf-reduced-motion *::after{-webkit-animation-delay:-1ms !important;animation-delay:-1ms !important;-webkit-animation-duration:1ms !important;animation-duration:1ms !important;-webkit-animation-iteration-count:1 !important;animation-iteration-count:1 !important;background-attachment:initial !important;scroll-behavior:auto !important;transition-delay:0 !important;transition-duration:0 !important}} \ No newline at end of file diff --git a/min/cirrus.min.css b/min/cirrus.min.css index ab51505..60b9f64 100644 --- a/min/cirrus.min.css +++ b/min/cirrus.min.css @@ -1 +1 @@ -@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}html,body{margin:0;padding:0;border:0;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,0.004);color:var(--cirrus-fg)}ul{list-style:none}img,embed,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,0.1);border-radius:3px;box-shadow:0 1px 2px rgba(0,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:bold}[hidden]{display:none !important}::selection{background-color:var(--cirrus-select-bg)}:focus{box-shadow:0 0 .1rem .15rem rgba(240,61,77,0.13);outline:0}: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:.2s;--focus-opacity:.55;--space-size:.5rem;--font-size-xs:.7rem;--font-size-s:.85rem;--font-size-m:1rem;--font-size-l:1.35rem;--font-size-xl:1.75rem}: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:.2s;--focus-opacity:.55;--space-size:.5rem;--font-size-xs:.7rem;--font-size-s:.85rem;--font-size-m:1rem;--font-size-l:1.35rem;--font-size-xl:1.75rem}button,.btn,[type='submit']{line-height:2rem;overflow:hidden;padding:.5rem 1.5rem;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:#dee2e6}button:hover,.btn:hover,[type='submit']:hover{transition:all var(--animation-duration);--btn-color:#e9ecef}button:active,.btn:active,[type='submit']:active{transition:var(--animation-duration) ease}button:focus,.btn:focus,[type='submit']:focus{outline:0}button:disabled,.btn:disabled,[type='submit']:disabled{cursor:not-allowed;opacity:.5}button.loading:active::after,.btn.loading:active::after,[type='submit'].loading:active::after{border-radius:50%;border-right-color:transparent;border-top-color:transparent;transition:var(--animation-duration) ease}button.btn-animated,.btn.btn-animated,[type='submit'].btn-animated{transition:calc(var(--animation-duration) / 2) ease}button.btn-animated:active,.btn.btn-animated:active,[type='submit'].btn-animated:active{-webkit-transform:scale(0.98);transform:inherit,scale(0.98);transition:calc(var(--animation-duration) / 2) ease}button.btn-close,.btn.btn-close,[type='submit'].btn-close{background-color:rgba(10,10,10,0.2);border:0;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,.btn.btn-close:hover,[type='submit'].btn-close:hover{background-color:var(--gray-900)}button.btn-close::before,.btn.btn-close::before,[type='submit'].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::after,.btn.btn-close::after,[type='submit'].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}button.btn-transparent,.btn.btn-transparent,[type='submit'].btn-transparent{--btn-color:transparent;--btn-fg:var(--cirrus-dark);--btn-border-color:transparent}button.btn-transparent:focus,.btn.btn-transparent:focus,[type='submit'].btn-transparent:focus{box-shadow:0 0 0 .2rem rgba(246,249,252,0.5)}button.btn-transparent:hover,.btn.btn-transparent:hover,[type='submit'].btn-transparent:hover{--btn-color:rgba(0,0,0,0.1)}button.btn-transparent.outline,.btn.btn-transparent.outline,[type='submit'].btn-transparent.outline{--btn-color:var(--cirrus-dark)}button.btn-light,.btn.btn-light,[type='submit'].btn-light{--btn-color:var(--cirrus-light);--btn-fg:var(--cirrus-dark);--btn-border-color:var(--cirrus-light)}button.btn-light:hover,.btn.btn-light:hover,[type='submit'].btn-light:hover{--btn-color:var(--cirrus-light-hover)}button.btn-light:focus,.btn.btn-light:focus,[type='submit'].btn-light:focus{box-shadow:0 0 0 .2rem rgba(246,249,252,0.5)}button.btn-dark,.btn.btn-dark,[type='submit'].btn-dark{--btn-color:var(--cirrus-dark);--btn-fg:var(--cirrus-light);--btn-border-color:var(--cirrus-dark)}button.btn-dark:focus,.btn.btn-dark:focus,[type='submit'].btn-dark:focus{box-shadow:0 0 0 .2rem rgba(54,54,54,0.5)}button.btn-dark:hover,.btn.btn-dark:hover,[type='submit'].btn-dark:hover{--btn-color:var(--cirrus-dark-hover)}button.btn-dark.outline:hover,.btn.btn-dark.outline:hover,[type='submit'].btn-dark.outline:hover{--btn-color:var(--cirrus-dark)}button.btn-black,.btn.btn-black,[type='submit'].btn-black{--btn-color:#000;--btn-fg:var(--cirrus-light);--btn-border-color:#000}button.btn-black:focus,.btn.btn-black:focus,[type='submit'].btn-black:focus{box-shadow:0 0 0 .2rem rgba(54,54,54,0.5)}button.btn-black:hover,.btn.btn-black:hover,[type='submit'].btn-black:hover{--btn-color:#000}button.btn-primary,.btn.btn-primary,[type='submit'].btn-primary{--btn-color:var(--cirrus-primary);--btn-fg:var(--cirrus-light);--btn-border-color:var(--cirrus-accent-border)}button.btn-primary:focus,.btn.btn-primary:focus,[type='submit'].btn-primary:focus{box-shadow:0 0 0 .2rem rgba(240,61,77,0.5)}button.btn-primary:hover,.btn.btn-primary:hover,[type='submit'].btn-primary:hover{--btn-color:var(--cirrus-accent-hover)}button.btn-primary.outline:hover,.btn.btn-primary.outline:hover,[type='submit'].btn-primary.outline:hover{--btn-color:var(--cirrus-primary)}button.btn-info,.btn.btn-info,[type='submit'].btn-info{--btn-color:var(--cirrus-info);--btn-fg:var(--cirrus-light);--btn-border-color:var(--cirrus-info)}button.btn-info:focus,.btn.btn-info:focus,[type='submit'].btn-info:focus{box-shadow:0 0 0 .2rem rgba(41,114,250,0.5)}button.btn-info:hover,.btn.btn-info:hover,[type='submit'].btn-info:hover{--btn-color:var(--cirrus-info-hover)}button.btn-info.outline:hover,.btn.btn-info.outline:hover,[type='submit'].btn-info.outline:hover{--btn-color:var(--cirrus-info)}button.btn-link,.btn.btn-link,[type='submit'].btn-link{--btn-color:var(--cirrus-link);--btn-fg:var(--cirrus-light);--btn-border-color:var(--cirrus-link)}button.btn-link:focus,.btn.btn-link:focus,[type='submit'].btn-link:focus{box-shadow:0 0 0 .2rem rgba(94,92,199,0.5)}button.btn-link:hover,.btn.btn-link:hover,[type='submit'].btn-link:hover{--btn-color:var(--cirrus-link-dark)}button.btn-link.outline,.btn.btn-link.outline,[type='submit'].btn-link.outline{--btn-fg:var(--cirrus-link);border:1px solid transparent}button.btn-link.outline:hover,.btn.btn-link.outline:hover,[type='submit'].btn-link.outline:hover{--btn-color:var(--cirrus-link-hover);border:1px solid transparent;text-decoration:underline}button.btn-success,.btn.btn-success,[type='submit'].btn-success{--btn-color:var(--cirrus-success);--btn-fg:var(--cirrus-light);--btn-border-color:var(--cirrus-success)}button.btn-success:focus,.btn.btn-success:focus,[type='submit'].btn-success:focus{box-shadow:0 0 0 .2rem rgba(13,209,87,0.5)}button.btn-success:hover,.btn.btn-success:hover,[type='submit'].btn-success:hover{--btn-color:var(--cirrus-success-hover)}button.btn-success.outline:hover,.btn.btn-success.outline:hover,[type='submit'].btn-success.outline:hover{--btn-color:var(--cirrus-success)}button.btn-warning,.btn.btn-warning,[type='submit'].btn-warning{--btn-color:var(--cirrus-warning);--btn-fg:var(--cirrus-dark);--btn-border-color:var(--cirrus-warning)}button.btn-warning:focus,.btn.btn-warning:focus,[type='submit'].btn-warning:focus{box-shadow:0 0 0 .2rem rgba(250,182,51,0.5)}button.btn-warning:hover,.btn.btn-warning:hover,[type='submit'].btn-warning:hover{--btn-color:var(--cirrus-warning-hover)}button.btn-warning.outline:hover,.btn.btn-warning.outline:hover,[type='submit'].btn-warning.outline:hover{--btn-color:var(--cirrus-warning)}button.btn-danger,.btn.btn-danger,[type='submit'].btn-danger{--btn-color:var(--cirrus-danger);--btn-fg:var(--cirrus-light);--btn-border-color:var(--cirrus-danger)}button.btn-danger:focus,.btn.btn-danger:focus,[type='submit'].btn-danger:focus{box-shadow:0 0 0 .2rem rgba(251,65,67,0.5)}button.btn-danger:hover,.btn.btn-danger:hover,[type='submit'].btn-danger:hover{--btn-color:var(--cirrus-danger-hover)}button.btn-danger.outline:hover,.btn.btn-danger.outline:hover,[type='submit'].btn-danger.outline:hover{--btn-color:var(--cirrus-danger)}button.btn-xsmall,.btn.btn-xsmall,[type='submit'].btn-xsmall{padding:0 .5rem;font-size:50%}button.btn-small,.btn.btn-small,[type='submit'].btn-small{padding:.25rem 1rem;font-size:70%}button.btn-large,.btn.btn-large,[type='submit'].btn-large{padding:.75rem 2rem;font-size:90%}button.btn-xlarge,.btn.btn-xlarge,[type='submit'].btn-xlarge{padding:1rem 2.5rem;font-size:110%}button.btn-success,.btn.btn-success,[type='submit'].btn-success{border-color:var(--cirrus-success) !important}button.btn-success:focus,.btn.btn-success:focus,[type='submit'].btn-success:focus{box-shadow:0 0 0 .2rem rgba(13,209,87,0.55),inset 0 1px 8px rgba(0,0,0,0.07)}button.btn-error,.btn.btn-error,[type='submit'].btn-error{border-color:var(--cirrus-danger) !important}button.btn-error:focus,.btn.btn-error:focus,[type='submit'].btn-error:focus{box-shadow:0 0 0 .2rem rgba(251,65,67,0.55),inset 0 1px 8px rgba(0,0,0,0.07)}button .fa-wrapper,.btn .fa-wrapper,[type='submit'] .fa-wrapper{vertical-align:baseline}button .fa-wrapper.pad-right,.btn .fa-wrapper.pad-right,[type='submit'] .fa-wrapper.pad-right{margin-right:.4rem}button .fa-wrapper.pad-left,.btn .fa-wrapper.pad-left,[type='submit'] .fa-wrapper.pad-left{margin-left:.4rem}button span:first-child,.btn span:first-child,[type='submit'] span:first-child{margin-right:.2rem}button span:last-child,.btn span:last-child,[type='submit'] span:last-child{margin-left:.2rem}[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)}.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{-ms-flex:1 0 auto;-webkit-box-flex:1;flex:1 0 auto;margin:0}.btn-group .btn:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group .btn:last-child:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-0.1rem}.btn-group .btn:not(:first-child):not(:last-child){border-radius:0;margin-left:-0.1rem}.btn-group button{-ms-flex:1 0 auto;-webkit-box-flex:1;flex:1 0 auto;margin:0}.btn-group button:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group button:last-child:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-0.1rem}.btn-group button:not(:first-child):not(:last-child){border-radius:0;margin-left:-0.1rem}.btn-group [type="submit"]{-ms-flex:1 0 auto;-webkit-box-flex:1;flex:1 0 auto;margin:0}.btn-group [type="submit"]:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group [type="submit"]:last-child:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-0.1rem}.btn-group [type="submit"]:not(:first-child):not(:last-child){border-radius:0;margin-left:-0.1rem}.btn-group.btn-group-fill{display:-webkit-box;display:flex;display:-ms-flexbox}.btn-group.btn-group-fill .btn{-ms-flex:1 0;-webkit-box-flex:1;flex:1 0}.btn-group.btn-group-fill button{-ms-flex:1 0;-webkit-box-flex:1;flex:1 0}.btn-group.btn-group-fill [type="submit"]{-ms-flex:1 0;-webkit-box-flex:1;flex:1 0}@media screen and (max-width:768px){.btn-group{display:flex;flex-direction:column}.btn-group .btn{margin-bottom:-1px}.btn-group .btn:first-child:not(:last-child){border-radius:.25rem .25rem 0 0}.btn-group .btn:not(:first-child):not(:last-child){margin-left:0}.btn-group .btn:last-child:not(:first-child){border-radius:0 0 .25rem .25rem;margin-left:0}.btn-group button{margin-bottom:-1px}.btn-group button:first-child:not(:last-child){border-radius:.25rem .25rem 0 0}.btn-group button:not(:first-child):not(:last-child){margin-left:0}.btn-group button:last-child:not(:first-child){border-radius:0 0 .25rem .25rem;margin-left:0}.btn-group [type="submit"]{margin-bottom:-1px}.btn-group [type="submit"]:first-child:not(:last-child){border-radius:.25rem .25rem 0 0}.btn-group [type="submit"]:not(:first-child):not(:last-child){margin-left:0}.btn-group [type="submit"]:last-child:not(:first-child){border-radius:0 0 .25rem .25rem;margin-left:0}}: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:.2s;--focus-opacity:.55;--space-size:.5rem;--font-size-xs:.7rem;--font-size-s:.85rem;--font-size-m:1rem;--font-size-l:1.35rem;--font-size-xl:1.75rem}code{padding:.3rem;margin:.5em 0;overflow:auto;background-color:var(--cirrus-code-bg);color:var(--cirrus-code-fg);border-radius:3px}code:before{color:#acb3c2;content:attr(data-lang);font-size:.9rem;position:absolute;right:1rem;top:.7rem}code.dark{background-color:#363636;color:#fff}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 #f03d4d;margin:0;position:relative;color:#222}@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");: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:.2s;--focus-opacity:.55;--space-size:.5rem;--font-size-xs:.7rem;--font-size-s:.85rem;--font-size-m:1rem;--font-size-l:1.35rem;--font-size-xl:1.75rem}h1{font-family:'Montserrat',sans-serif;font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:1rem}h2{font-family:'Montserrat',sans-serif;font-size:2.25rem;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}h1{letter-spacing:.025rem}p,article,blockquote{font-size:1rem;line-height:2;margin-bottom:1rem}p.lead{font-size:1.2rem}blockquote{background-color:#f5f5f5;border-left:5px solid #dbdbdb;border-radius:3px;font-size:1.15rem;margin-bottom:1rem;padding:1rem 2rem}blockquote p{margin:0;font-size:.95rem}cite{opacity:.7}mark,.mark{padding:.2em;background-color:#f0e8c4}.headline-1{font-size:8.5rem;letter-spacing:.05rem}.headline-2{font-size:7.5rem;letter-spacing:.05rem}.headline-3{font-size:6.5rem;letter-spacing:.05rem}.headline-4{font-size:5.5rem;letter-spacing:.05rem}.font-alt{font-family:'Nunito Sans'}.content h1{line-height:1.125em;margin:1rem 0}.content h2{line-height:1.125em;margin:1rem 0}.content h3{line-height:1.125em;margin:1rem 0}.content h4{line-height:1.125em;margin:1rem 0}.content h5{line-height:1.125em;margin:1rem 0}.content h6{line-height:1.125em;margin:1rem 0}.title{font-weight:bold}.title:not(:last-child),.subtitle:not(:last-child){margin-bottom:1rem}.title+.subtitle{margin-top:-0.75rem}.card-tile p,.card-tile article,.card-tile blockquote{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}.font-italic{font-style:italic}.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;vertical-align:middle}.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-top:4px solid\9;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.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}p,article,blockquote{margin:1rem 0}}: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:.2s;--focus-opacity:.55;--space-size:.5rem;--font-size-xs:.7rem;--font-size-s:.85rem;--font-size-m:1rem;--font-size-l:1.35rem;--font-size-xl:1.75rem}.footer{background-color:#212529;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:#868e96}.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 ul a .footer__list-item,.footer .footer__list-item{margin:.1rem;color:#868e96;transition:all var(--animation-duration);font-size:75%;text-transform:uppercase}: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:.2s;--focus-opacity:.55;--space-size:.5rem;--font-size-xs:.7rem;--font-size-s:.85rem;--font-size-m:1rem;--font-size-l:1.35rem;--font-size-xl:1.75rem}: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:.2s;--focus-opacity:.55;--space-size:.5rem;--font-size-xs:.7rem;--font-size-s:.85rem;--font-size-m:1rem;--font-size-l:1.35rem;--font-size-xl:1.75rem}input:not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']):not([type='reset']){width:100%;border:1px solid #dee2e6;border-radius:3px;font-family:'Nunito Sans';font-size:var(--font-size-m);letter-spacing:.02rem;transition:all .3s;outline:0;padding:.85rem 1.1rem}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{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']).input-small,input:not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']):not([type='reset']) 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']).input-large,input:not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']):not([type='reset']) 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{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{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']):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{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{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{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{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{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{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{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{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'])[type='search'],input:not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']):not([type='reset']).search{background-repeat:no-repeat;background-position:left .6rem center;background-image:url('data:image/svg+xml;utf8,');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']{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']):not([type='button']):not([type='reset']).input-success{border-color:var(--cirrus-success) !important;background-color:rgba(0,224,0,0.05) !important}input:not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']):not([type='reset']).input-success:focus{box-shadow:0 0 0 .2rem rgba(13,209,87,0.55),inset 0 1px 8px rgba(0,0,0,0.07)}input:not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']):not([type='reset']).input-error{border-color:var(--cirrus-danger) !important;background-color:rgba(244,67,54,0.05) !important}input:not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']):not([type='reset']).input-error:focus{box-shadow:0 0 0 .2rem rgba(251,65,67,0.55),inset 0 1px 8px rgba(0,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:all .3s;outline:0;padding:.85rem 1.1rem;margin:.5rem 0;padding:1rem 1.3rem;min-height:8rem;line-height:1.5rem;resize:vertical}textarea.input-xsmall,textarea select.input-xsmall,textarea[type='text'].input-xsmall,textarea[type='text'] select.input-xsmall{font-size:var(--font-size-xs);padding:.35rem .9rem}textarea.input-small,textarea select.input-small,textarea[type='text'].input-small,textarea[type='text'] select.input-small{font-size:var(--font-size-s);padding:.55rem 1rem}textarea.input-large,textarea select.input-large,textarea[type='text'].input-large,textarea[type='text'] select.input-large{font-size:var(--font-size-l)}textarea.input-xlarge,textarea select.input-xlarge,textarea[type='text'].input-xlarge,textarea[type='text'] select.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.input-xsmall,textarea.input-contains-icon-right.input-xsmall,textarea[type='text'].input-contains-icon.input-xsmall,textarea[type='text'].input-contains-icon-right.input-xsmall{padding-left:2rem}textarea.input-contains-icon.input-xsmall ~ .icon,textarea.input-contains-icon-left.input-xsmall ~ .icon,textarea.input-contains-icon-right.input-xsmall ~ .icon.icon-right,textarea[type='text'].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{line-height:1.75rem;width:1.75rem;font-size:7px}textarea.input-contains-icon.input-small,textarea.input-contains-icon-right.input-small,textarea[type='text'].input-contains-icon.input-small,textarea[type='text'].input-contains-icon-right.input-small{padding-left:2.5rem}textarea.input-contains-icon.input-small ~ .icon,textarea.input-contains-icon-left.input-small ~ .icon,textarea.input-contains-icon-right.input-small ~ .icon.icon-right,textarea[type='text'].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{line-height:2rem;width:2.5rem;font-size:14px}textarea.input-contains-icon.input-large,textarea.input-contains-icon-right.input-large,textarea[type='text'].input-contains-icon.input-large,textarea[type='text'].input-contains-icon-right.input-large{padding-left:3.5rem}textarea.input-contains-icon.input-large ~ .icon,textarea.input-contains-icon-left.input-large ~ .icon,textarea.input-contains-icon-right.input-large ~ .icon.icon-right,textarea[type='text'].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{line-height:3.5rem;width:3.5rem;font-size:28px}textarea.input-contains-icon.input-xlarge,textarea.input-contains-icon-right.input-xlarge,textarea[type='text'].input-contains-icon.input-xlarge,textarea[type='text'].input-contains-icon-right.input-xlarge{padding-left:4rem}textarea.input-contains-icon.input-xlarge ~ .icon,textarea.input-contains-icon-left.input-xlarge ~ .icon,textarea.input-contains-icon-right.input-xlarge ~ .icon.icon-right,textarea[type='text'].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{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']):focus,select:focus,textarea:focus,textarea[type='text']:focus,input[type='text'].input-focused,.input-focused{border-color:#3dabf0;box-shadow:0 0 0 .2rem rgba(61,171,240,0.45),inset 0 1px 8px rgba(0,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:all .3s;outline:0;padding:.85rem 1.1rem;background-color:#fff;border:1px solid #ddd}select.input-xsmall,select select.input-xsmall{font-size:var(--font-size-xs);padding:.35rem .9rem}select.input-small,select select.input-small{font-size:var(--font-size-s);padding:.55rem 1rem}select.input-large,select select.input-large{font-size:var(--font-size-l)}select.input-xlarge,select 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.input-xsmall,select.input-contains-icon-right.input-xsmall{padding-left:2rem}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}select.input-contains-icon.input-small,select.input-contains-icon-right.input-small{padding-left:2.5rem}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}select.input-contains-icon.input-large,select.input-contains-icon-right.input-large{padding-left:3.5rem}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}select.input-contains-icon.input-xlarge,select.input-contains-icon-right.input-xlarge{padding-left:4rem}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}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") no-repeat right .85rem center/0.5rem .6rem no-repeat;-webkit-appearance:none}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:not([class*='btn-']):disabled,input:not([class*=' btn-']):disabled:hover,select:disabled,textarea:disabled{background-color:#f1f3f5;cursor:not-allowed;border:1px solid #f1f3f5}label.label{color:#495057;display:inline-block;font-weight:bold;margin-top:.8rem}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:bold;color:#db3839;padding-left:.1rem}.input-control{position:relative;margin:.5rem 0}.input-contains-icon ~ .icon{display:flex;align-items:center;justify-content:center;height:100%}.input-contains-icon ~ .icon:not(.icon-right),.input-contains-icon-left ~ .icon.icon-left{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 button{align-items:center;flex-grow:0;display:flex;flex-shrink:0}.form-section input,.form-section .section-body{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){border-top-right-radius:0;border-bottom-right-radius:0}.form-group .form-group-btn:not(:first-child):not(:last-child){border-radius:0;margin-left:-0.1rem;margin-right:-0.1rem}.form-group .form-group-btn:last-child:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-0.1rem}.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;z-index:1}.form-group .form-group-label:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.form-group .form-group-label:not(:first-child):not(:last-child){border-radius:0;margin-left:-0.1rem;margin-right:-0.1rem}.form-group .form-group-label:last-child:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-0.1rem}.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;border-bottom-right-radius:0}.form-group .form-group-input:not(:first-child):not(:last-child){border-radius:0;margin-left:-0.1rem;margin-right:-0.1rem}.form-group .form-group-input:last-child:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-0.1rem}::-moz-placeholder{color:#a9a9a9}::-webkit-input-placeholder{color:#a9a9a9}@media screen and (max-width:768px){.form-section.section-inline{display:inherit}}: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:.2s;--focus-opacity:.55;--space-size:.5rem;--font-size-xs:.7rem;--font-size-s:.85rem;--font-size-m:1rem;--font-size-l:1.35rem;--font-size-xl:1.75rem}.frame{border-radius:3px;box-shadow:0 .2rem 1.25rem 0 rgba(27,30,36,0.07);display:flex;display:-ms-flexbox;flex-direction:column;-webkit-flex-direction:column;-ms-flex-direction:column}.frame .frame__header,.frame .frame__footer{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:#374054;font-size:1rem;margin:.75rem auto 0}.frame .frame__subtitle{color:rgba(55,64,84,0.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,0.1);background-color:var(--cirrus-bg);max-height:100vh;padding:0 2rem;transition:all .3s}.header h1{margin:0}.header h2{margin:0}.header h3{margin:0}.header h4{margin:0}.header h5{margin:0}.header h6{margin:0}.header a{color:#8292a2}.header a:hover{color:#697888}.header-dark{background-color:rgba(0,0,0,0.87);color:#fff}.header-clear{background-color:transparent;box-shadow:none}.header.header-animated .header-nav{-webkit-transition:background .4s ease,height .4s ease;transition:background .4s ease,height .4s ease;-webkit-transition-property:background,height;transition-property:background,height;-webkit-transition-duration:.4s,0.4s;transition-duration:.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 .3s;transition:all .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:all .3s;transition:all .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:all .3s;transition:all .3s;padding:0 .3rem;cursor:pointer}.nav-item a{align-items:center;display:flex}.header:not(.header-clear) .nav-item:not(.no-hover):hover,.header:not(.header-clear) .nav-item:not(.no-hover).hovered{-webkit-transition:all .3s;transition:all .3s;background-color:rgba(216,216,216,0.15)}.header:not(.header-clear) .nav-item.active,.header:not(.header-clear) .nav-item.active:hover{background-color:rgba(216,216,216,0.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,0.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:-0.435em;right:1.125em;top:50%;position:absolute}.nav-item.has-sub .nav-dropdown-link{padding-right:2.5rem;position:relative}.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:.5rem 1rem;clear:both;line-height:1.42857143;white-space:nowrap}.header-dark .nav-item a,.header-dark .dropdown-menu>li>a{color:#fff}.dropdown-menu>li{margin:0;-webkit-transition:all .3s;transition:all .3s}.dropdown-menu>li:hover{-webkit-transition:all .3s;transition:all .3s;background-color:rgba(216,216,216,0.15)}.dropdown-menu>li:active{-webkit-transition:all .3s;transition:all .3s;background-color:rgba(216,216,216,0.25)}.dropdown-menu>li:last-child{margin-bottom:0}.dropdown-menu .dropdown-menu-divider{border:0;background-color:rgba(216,216,216,0.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-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;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){.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:0;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}.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-left,.nav-center,.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,0.5);height:.1rem;margin:1.8rem 0 1.6rem}.divider[data-content]{margin:.8rem 0}.divider--v[data-content]{display:block;padding:.8rem}.divider--v::before{border-left:.05rem solid rgba(173,173,173,0.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]{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,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}.hero-body{padding:0}}a{color:var(--cirrus-link);font-weight:600;padding:2px;text-decoration:none;transition:all .3s}a:hover{color:var(--cirrus-link-dark);transition:all .3s}a:visited,a:hover,a:active{backface-visibility:hidden;text-decoration:none}.subtitle a{padding:0}a.underline{text-decoration:underline}p a,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,blockquote a,article a{display:inline}a .btn,a button,[type='submit'] a{margin-bottom:0}ul,ol{margin:1rem 0 1rem 1rem;padding-inline-start:.5rem}ul{list-style:disc}ul ul,ol ul,ul ol,ol ol{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,0.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,0.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:slide-down .1s ease 1;background-color:var(--cirrus-bg);border-radius:.2rem;box-shadow:0 .1rem .4rem rgba(69,77,93,0.3);margin:0;opacity:0;min-width:15rem;padding:.25rem .5rem;-webkit-transform:translateY(0.5rem);transform:translateY(0.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.shown .menu,.list-dropdown .btn-dropdown:focus+.menu,.list-dropdown .menu:hover{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,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,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,0.8);height:3.5rem;padding:.75rem .5rem;text-align:center;z-index:300}.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}.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 iframe,.media-stretch embed,.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 0}.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,0.5);border-width:0 0 1px;padding:.75rem;vertical-align:top;text-align:inherit;margin:0}.table tr{transition:all .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,0.15)}.table thead th,.table thead{border-bottom:2px solid rgba(219,219,219,0.49)}.table.bordered thead th,.table.bordered thead{border-bottom:1px solid rgba(219,219,219,0.5)}.table thead th,.table tfoot th{padding:1rem}.table tfoot th{border-top:2px solid rgba(219,219,219,0.5);border-bottom:0}.table.bordered td,.table.bordered th{border:1px solid rgba(219,219,219,0.5)}.table.bordered thead td,.table.borderd thead{border-width:1px}.table.striped tbody tr:nth-child(even){background-color:rgba(0,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 thead th,.table.borderless th,.table.borderless td{border:0}: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:.2s;--focus-opacity:.55;--space-size:.5rem;--font-size-xs:.7rem;--font-size-s:.85rem;--font-size-m:1rem;--font-size-l:1.35rem;--font-size-xl:1.75rem}.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-static{position:static !important}.u-position-relative{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-center{text-align:center !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:hover,.u-center-alt:active{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}}@-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:.08s}.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:loading 500ms infinite linear;animation:loading 500ms infinite linear}.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:pound .35s infinite alternate;-webkit-animation:pound .35s infinite alternate;vertical-align:baseline}@-webkit-keyframes bounce{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);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)}}@keyframes bounce{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);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)}}.animated.bounce{animation-name:bounce;-webkit-animation-name:bounce;transform-origin:center bottom;-webkit-transform-origin:center bottom}@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)}}.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:all .3s;backface-visibility:hidden;box-shadow:0 5px 12px 0 rgba(42,51,83,0.12),0 0 5px rgba(0,0,0,0.06);margin-bottom:1rem}.card:hover{transition:all .3s;box-shadow:0 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;border-radius:5px 5px 0 0;background-size:cover;background-repeat:no-repeat;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.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}.card-container{display:block;position:relative;height:40%;min-height:332px}.card .title-container .title,.card .title-container .subtitle{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,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 200ms cubic-bezier(0.075,0.82,0.165,1);transition:left 200ms cubic-bezier(0.075,0.82,0.165,1)}.card .action-bar button,.card .action-bar .btn,.card .action-bar [type='submit']{margin:0 .5rem}.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}.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}.card:hover .mobile-title{margin-top:-7rem;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.card:hover .card-body{opacity:1;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .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:before,.form-ext-label:after{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-input:checked ~ .form-ext-label:before{background-color:var(--cirrus-primary)}.form-ext-control.form-ext-checkbox .form-ext-input:checked ~ .form-ext-label:after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvgxmlns='http://www.w3.org/2000/svg'viewBox='0088'%3E%3Cpathfill='%23fff'd='M6.564.75l-3.593.612-1.538-1.55L04.262.9747.2582.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,%3Csvgxmlns='http://www.w3.org/2000/svg'viewBox='-4-488'%3E%3Ccircler='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:all .4s ease}.form-ext-toggle i{display:inline-block}.form-ext-input:disabled ~ .form-ext-toggle__toggler{opacity:.5}.form-ext-toggle__toggler i::before,.form-ext-toggle__toggler i::after{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{border: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)}.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,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,0.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,0.07)}:root{--gap-0:0;--gap-1:.25rem;--gap-2:.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)}.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}@media screen and (max-width:768px){.grid{--grid-template-column:repeat(1,minmax(0,1fr))}}.u,.utb{display:inline;position:relative}.u::after{content:"";transition:all .3s;-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;height:.1rem;width:0;background:var(--cirrus-link-dark);bottom:-0.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::before,.utb::after{content:"";transition:all .3s;-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;height:.1rem;width:0;background:var(--cirrus-link-dark)}.utb::before{top:-0.25em}.utb::after{bottom:-0.25em}.utb:hover::before,.utb:hover::after{width:100%}.utb-LR::before,.utb-LR::after{left:0}.utb-RL::before,.utb-RL::after{right:0}.utb-C::before,.utb-C::after{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.utb-OLR::before{left:0}.utb-OLR::after{right:0}.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::before,.usquare::after{content:"";transition:.25s all ease;-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:-0.2rem}.usquare.delay::before{transition-delay:.6s}.usquare::after{right:0;top:-0.2rem}.usquare.delay::after{transition-delay:var(--animation-duration)}.usquare a::before{left:0;transition:.25s all ease}.usquare a::after{right:0;transition:.25s all ease}.usquare.delay a::after{transition:.25s all ease .4s}.usquare:hover::before,.usquare:hover::after{height:calc(100%+0.4rem)}.usquare:hover a::before,.usquare:hover a::after{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:target,.modal.shown{display:-webkit-box;display:-ms-flexbox;display:flex;opacity:1;z-index:999;pointer-events:auto}.modal:target .modal-overlay,.modal.shown .modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:block;background-color:rgba(54,59,68,0.5)}.modal-content{background-color:var(--cirrus-bg);padding:0;display:block;border-radius:3px;box-shadow:0 .4rem 1rem rgba(54,59,68,0.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: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}.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:300ms all ease}.modal:target.modal-animated--zoom-in,.modal:target.modal-animated--zoom-out{opacity:1;transition:300ms all ease}.modal.modal-animated--zoom-in .modal-content{transform:scale(0.8);transition:300ms all ease}.modal:target.modal-animated--zoom-in .modal-content,.modal:target.modal-animated--zoom-out .modal-content{transform:scale(1);transition:300ms all ease}.modal.modal-animated--zoom-out .modal-content{transform:scale(1.2);transition:300ms all ease}@-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:all .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,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 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 .3s;color:var(--cirrus-primary)}.placeholder{background-color:rgba(231,234,241,0.5);border-radius:3px;text-align:center;padding:3rem 2rem;color:#6c7892;display:block}.placeholder-icon{text-align:center}.placeholder .placeholder-title,.placeholder .placeholder-subtitle{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:all .3s;color:var(--cirrus-fg);border-bottom-color:rgba(197,197,197,0.63);border-width:2px;margin-bottom:-1px;background-color:var(--cirrus-bg)}.tab-container li:hover a{border-bottom-color:rgba(240,61,77,0.6);transition:all .3s}.tab-container li.selected a{border-bottom-color:var(--cirrus-primary);color:var(--cirrus-primary);border-width:2px;transition:all .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,0.1);border-bottom:0}.tab-container.tabs-classic ul{border-bottom-color:#dbdbdb;border-bottom-style:solid;border-bottom-width:1px;border-radius:3px 3px 0 0;transition:all .3s}.tab-container.tabs-classic li:not(.selected) a:hover{background-color:#f0f0f0;transition:all .3s}.tab-container.tabs-classic li a{border:1px solid transparent;border-bottom-color:#dbdbdb;border-radius:3px 3px 0 0;transition:all .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:120%}.tag.tag--xlarge{font-size:150%}.tag.tag--rounded{border-radius:290486px}.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}.tag--delete:hover{background-color:rgba(10,10,10,0.3)}.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}.tag.tag--delete::before{height:1px;width:50%}.tag.tag--delete::after{height:50%;width:1px}.tag.tag--delete{margin-left:.25rem;margin-right:-0.375rem}.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::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}.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__icon,.tile .tile__buttons{flex:0 0 auto;-webkit-flex:0 0 auto;-ms-flex:0 0 auto}.tile .tile__buttons button,.tile .tile__buttons .btn,.tile .tile__buttons [type="submit"]{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__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:.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:all .3s}.toast a:hover{opacity:.8;transition:all .3s}.tooltip{position:relative;overflow:visible;white-space:nowrap}.tooltip::after,.tooltip.tooltip--top::after{-webkit-appearance:none;-moz-appearance:none;position:absolute;color:#fff;font-size:.6rem;background-color:rgba(69,77,93,0.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%,-0.5rem);transform:translate(-50%,-0.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:hover::after,.tooltip.tooltip--top-left:focus::after{left:0;-webkit-transform:translate(-100%,-0.5rem);transform:translate(-100%,-0.5rem)}.tooltip.tooltip--top-right::after{left:auto;-webkit-transform:translate(15%,0);transform:translate(15%,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)}.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: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}.tooltip.tooltip--bottom-left::after{top:100%;-webkit-transform:translate(-65%,-1rem);transform:translate(-65%,-1rem);bottom:auto}.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)}.tooltip.tooltip--bottom-right::after{left:auto;top:100%;-webkit-transform:translate(0,-1rem);transform:translate(0,-1rem);bottom:auto}.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)}.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: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%)}.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: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%)} \ 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}html,body{margin:0;padding:0;border:0;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,0.004);color:var(--cirrus-fg)}ul{list-style:none}img,embed,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,0.1);border-radius:3px;box-shadow:0 1px 2px rgba(0,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:bold}[hidden]{display:none !important}::selection{background-color:var(--cirrus-select-bg)}:focus{box-shadow:0 0 .1rem .15rem rgba(240,61,77,0.13);outline:0}: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:.2s;--focus-opacity:.55;--space-size:.5rem;--font-size-xs:.7rem;--font-size-s:.85rem;--font-size-m:1rem;--font-size-l:1.35rem;--font-size-xl:1.75rem}@-webkit-keyframes loading{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes loading{from{transform:rotate(0)}to{transform:rotate(359deg)}}@-webkit-keyframes pound{to{transform:scale(1.1)}}@keyframes pound{to{transform:scale(1.1)}}@-webkit-keyframes bounce{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);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)}}@keyframes bounce{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);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)}}@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)}}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.hover-grow{transition-duration:.32s}.hover-grow:hover{transform:scale(1.1);transition-duration:.08s}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.loading{display:block;position:relative}.animated.loading::after{border:2px solid #ced4da;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}.animated.loading.loading-white::after{border-left-color:#fff;border-bottom-color:#fff}.animated.loading.loading-left{padding-left:4rem}.animated.loading.loading-left::after{left:2rem;right:auto}.animated.loading.loading-right{padding-right:4rem}.animated.loading.loading-right::after{left:auto;right:2rem}.animated.loading.hide-text{color:transparent !important}.animated.pulse{animation:pound .35s infinite alternate;-webkit-animation:pound .35s infinite alternate;vertical-align:baseline}.animated.bounce{animation-name:bounce;-webkit-animation-name:bounce;transform-origin:center bottom;-webkit-transform-origin:center bottom}.animated.bounceIn{animation-name:bounceIn}.animated.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}.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:1.5rem;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;width:2.4rem;height:2.4rem}.avatar.avatar--large{font-size:2rem;width:4.8rem;height:4.8rem}.avatar.avatar--xlarge{font-size:3rem;width:6.4rem;height:6.4rem}.avatar img.padded{padding:.5rem;width:100%}: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:.2s;--focus-opacity:.55;--space-size:.5rem;--font-size-xs:.7rem;--font-size-s:.85rem;--font-size-m:1rem;--font-size-l:1.35rem;--font-size-xl:1.75rem}.card{background-color:#fff;border-radius:5px;position:relative;overflow:hidden;transition:all .3s;backface-visibility:hidden;box-shadow:0 5px 12px 0 rgba(42,51,83,0.12),0 0 5px rgba(0,0,0,0.06);margin-bottom:1rem}.card:hover{transition:all .3s;box-shadow:0 8px 20px 0 rgba(42,51,83,0.12),0 5px 5px rgba(0,0,0,0.06)}.card:hover .card-image::after{opacity:0}.card:hover .mobile-title{margin-top:-7rem;transition:all .3s ease-in-out}.card:hover .card-body{opacity:1}.card.u-flex .content{flex-grow:1}.card p{margin:1rem 0}.card .slide-up:hover .card-image{transform:translateY(-40px)}.card .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 .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.card .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}.card .card-container{display:block;position:relative;height:40%;min-height:332px}.card .title-container{position:absolute;bottom:1rem;width:100%;padding:0 1rem}.card .title-container .title,.card .title-container .subtitle{color:#fff;margin:1rem auto}.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)}.card .action-bar{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:.5rem;margin:0;border-top:1px solid #e9ecef;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)}.card .action-bar button,.card .action-bar .btn,.card .action-bar [type='submit']{margin:0 .5rem}.card .action-bar+.card-footer{padding:1rem 0;border-top:1px solid #e9ecef}.card .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}.card .card-body{opacity:0;transition:all var(--animation-duration) ease-in-out}.card .card-footer{position:relative;font-size:.75rem;color:#868e96}.card .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 #e9ecef}.card .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}: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:.2s;--focus-opacity:.55;--space-size:.5rem;--font-size-xs:.7rem;--font-size-s:.85rem;--font-size-m:1rem;--font-size-l:1.35rem;--font-size-xl:1.75rem}.form-ext-control{padding-left:1.5rem;position:relative}.form-ext-control.form-ext-checkbox .form-ext-input:checked ~ .form-ext-label:after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvgxmlns='http://www.w3.org/2000/svg'viewBox='0088'%3E%3Cpathfill='%23fff'd='M6.564.75l-3.593.612-1.538-1.55L04.262.9747.2582.193z'/%3E%3C/svg%3E")}.form-ext-control.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,%3Csvgxmlns='http://www.w3.org/2000/svg'viewBox='-4-488'%3E%3Ccircler='3'fill='%23fff'/%3E%3C/svg%3E")}.form-ext-control.form-ext-radio .form-ext-label:before{border-radius:50%}.form-ext-control .form-ext-input{opacity:0;position:absolute;z-index:-1}.form-ext-control .form-ext-input:disabled ~ .form-ext-label{opacity:.4}.form-ext-control .form-ext-input:checked ~ .form-ext-label:before{background-color:var(--cirrus-primary)}.form-ext-control .form-ext-input.form-ext-input--gray:checked ~ .form-ext-label{color:var(--cirrus-gray)}.form-ext-control .form-ext-input.form-ext-input--gray:checked ~ .form-ext-label:before{background-color:var(--cirrus-gray)}.form-ext-control .form-ext-input.form-ext-input--gray:focus ~ .form-ext-label:before{border-color:inherit;box-shadow:0 0 0 .2rem rgba(213,215,220,0.55),inset 0 1px 8px rgba(0,0,0,0.07)}.form-ext-control .form-ext-input.form-ext-input--dark:checked ~ .form-ext-label{color:var(--cirrus-dark)}.form-ext-control .form-ext-input.form-ext-input--dark:checked ~ .form-ext-label:before{background-color:var(--cirrus-dark)}.form-ext-control .form-ext-input.form-ext-input--dark:focus ~ .form-ext-label:before{border-color:inherit;box-shadow:0 0 0 .2rem rgba(54,54,54,0.55),inset 0 1px 8px rgba(0,0,0,0.07)}.form-ext-control .form-ext-input.form-ext-input--link:checked ~ .form-ext-label{color:var(--cirrus-link)}.form-ext-control .form-ext-input.form-ext-input--link:checked ~ .form-ext-label:before{background-color:var(--cirrus-link)}.form-ext-control .form-ext-input.form-ext-input--link:focus ~ .form-ext-label:before{border-color:inherit;box-shadow:0 0 0 .2rem rgba(94,92,199,0.55),inset 0 1px 8px rgba(0,0,0,0.07)}.form-ext-control .form-ext-input.form-ext-input--info:checked ~ .form-ext-label{color:var(--cirrus-info)}.form-ext-control .form-ext-input.form-ext-input--info:checked ~ .form-ext-label:before{background-color:var(--cirrus-info)}.form-ext-control .form-ext-input.form-ext-input--info:focus ~ .form-ext-label:before{border-color:inherit;box-shadow:0 0 0 .2rem rgba(41,114,250,0.55),inset 0 1px 8px rgba(0,0,0,0.07)}.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--success:checked ~ .form-ext-label:before{background-color:var(--cirrus-success)}.form-ext-control .form-ext-input.form-ext-input--success:focus ~ .form-ext-label:before{border-color:inherit;box-shadow:0 0 0 .2rem rgba(13,209,87,0.55),inset 0 1px 8px rgba(0,0,0,0.07)}.form-ext-control .form-ext-input.form-ext-input--warning:checked ~ .form-ext-label{color:var(--cirrus-warning)}.form-ext-control .form-ext-input.form-ext-input--warning:checked ~ .form-ext-label:before{background-color:var(--cirrus-warning)}.form-ext-control .form-ext-input.form-ext-input--warning:focus ~ .form-ext-label:before{border-color:inherit;box-shadow:0 0 0 .2rem rgba(250,182,51,0.55),inset 0 1px 8px rgba(0,0,0,0.07)}.form-ext-control .form-ext-input.form-ext-input--danger:checked ~ .form-ext-label{color:var(--cirrus-danger)}.form-ext-control .form-ext-input.form-ext-input--danger:checked ~ .form-ext-label:before{background-color:var(--cirrus-danger)}.form-ext-control .form-ext-input.form-ext-input--danger:focus ~ .form-ext-label:before{border-color:inherit;box-shadow:0 0 0 .2rem rgba(251,65,67,0.55),inset 0 1px 8px rgba(0,0,0,0.07)}.form-ext-control .form-ext-input:disabled ~ .form-ext-toggle__toggler{opacity:.5}.form-ext-control .form-ext-toggle__label{align-items:center;display:flex;justify-content:space-between}.form-ext-control .form-ext-toggle{cursor:pointer;position:relative}.form-ext-control .form-ext-toggle input[type='checkbox'],.form-ext-control .form-ext-toggle input[type='radio']{opacity:0;position:absolute;z-index:-1}.form-ext-control .form-ext-toggle .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-control .form-ext-toggle .form-ext-toggle__toggler i{display:inline-block}.form-ext-control .form-ext-toggle input[type='checkbox']:checked+.form-ext-toggle__toggler,.form-ext-control .form-ext-toggle input[type='checkbox']:checked+* .form-ext-toggle__toggler,.form-ext-control .form-ext-toggle input[type='radio']:checked+.form-ext-toggle__toggler,.form-ext-control .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}.form-ext-control .form-ext-toggle input[type='checkbox']:checked+.form-ext-toggle__toggler i::after,.form-ext-control .form-ext-toggle input[type='checkbox']:checked+* .form-ext-toggle__toggler i::after,.form-ext-control .form-ext-toggle input[type='radio']:checked+.form-ext-toggle__toggler i::after,.form-ext-control .form-ext-toggle input[type='radio']:checked+* .form-ext-toggle__toggler i::after{background-color:#fff;left:calc(100% - 20px)}.form-ext-control .form-ext-toggle input[type='checkbox']:checked+.form-ext-toggle__toggler i::before,.form-ext-control .form-ext-toggle input[type='checkbox']:checked+* .form-ext-toggle__toggler i::before,.form-ext-control .form-ext-toggle input[type='radio']:checked+.form-ext-toggle__toggler i::before,.form-ext-control .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-control .form-ext-toggle.form-ext-toggle--gray input[type='checkbox']:checked+.form-ext-toggle__toggler,.form-ext-control .form-ext-toggle.form-ext-toggle--gray input[type='checkbox']:checked+* .form-ext-toggle__toggler,.form-ext-control .form-ext-toggle.form-ext-toggle--gray input[type='radio']:checked+.form-ext-toggle__toggler,.form-ext-control .form-ext-toggle.form-ext-toggle--gray input[type='radio']:checked+* .form-ext-toggle__toggler{background-color:var(--cirrus-gray);border-color:var(--cirrus-gray)}.form-ext-control .form-ext-toggle .form-ext-toggle.form-ext-toggle--gray .form-ext-toggle__toggler{border-color:var(--cirrus-gray);color:var(--cirrus-gray)}.form-ext-control .form-ext-toggle .form-ext-toggle.form-ext-toggle--gray .form-ext-toggle__toggler i::after{background-color:var(--cirrus-gray)}.form-ext-control .form-ext-toggle .form-ext-input:focus+.form-ext-toggle__toggler,.form-ext-control .form-ext-toggle .form-ext-input:focus ~ .form-ext-label:before{box-shadow:0 0 0 .2rem rgba(213,215,220,0.55),inset 0 1px 8px rgba(0,0,0,0.07)}.form-ext-control .form-ext-toggle.form-ext-toggle--gray .form-ext-input:focus+.form-ext-toggle__toggler{box-shadow:0 0 0 .2rem rgba(213,215,220,0.55),inset 0 1px 8px rgba(0,0,0,0.07)}.form-ext-control .form-ext-toggle.form-ext-toggle--dark input[type='checkbox']:checked+.form-ext-toggle__toggler,.form-ext-control .form-ext-toggle.form-ext-toggle--dark input[type='checkbox']:checked+* .form-ext-toggle__toggler,.form-ext-control .form-ext-toggle.form-ext-toggle--dark input[type='radio']:checked+.form-ext-toggle__toggler,.form-ext-control .form-ext-toggle.form-ext-toggle--dark input[type='radio']:checked+* .form-ext-toggle__toggler{background-color:var(--cirrus-dark);border-color:var(--cirrus-dark)}.form-ext-control .form-ext-toggle .form-ext-toggle.form-ext-toggle--dark .form-ext-toggle__toggler{border-color:var(--cirrus-dark);color:var(--cirrus-dark)}.form-ext-control .form-ext-toggle .form-ext-toggle.form-ext-toggle--dark .form-ext-toggle__toggler i::after{background-color:var(--cirrus-dark)}.form-ext-control .form-ext-toggle .form-ext-input:focus+.form-ext-toggle__toggler,.form-ext-control .form-ext-toggle .form-ext-input:focus ~ .form-ext-label:before{box-shadow:0 0 0 .2rem rgba(54,54,54,0.55),inset 0 1px 8px rgba(0,0,0,0.07)}.form-ext-control .form-ext-toggle.form-ext-toggle--dark .form-ext-input:focus+.form-ext-toggle__toggler{box-shadow:0 0 0 .2rem rgba(54,54,54,0.55),inset 0 1px 8px rgba(0,0,0,0.07)}.form-ext-control .form-ext-toggle.form-ext-toggle--link input[type='checkbox']:checked+.form-ext-toggle__toggler,.form-ext-control .form-ext-toggle.form-ext-toggle--link input[type='checkbox']:checked+* .form-ext-toggle__toggler,.form-ext-control .form-ext-toggle.form-ext-toggle--link input[type='radio']:checked+.form-ext-toggle__toggler,.form-ext-control .form-ext-toggle.form-ext-toggle--link input[type='radio']:checked+* .form-ext-toggle__toggler{background-color:var(--cirrus-link);border-color:var(--cirrus-link)}.form-ext-control .form-ext-toggle .form-ext-toggle.form-ext-toggle--link .form-ext-toggle__toggler{border-color:var(--cirrus-link);color:var(--cirrus-link)}.form-ext-control .form-ext-toggle .form-ext-toggle.form-ext-toggle--link .form-ext-toggle__toggler i::after{background-color:var(--cirrus-link)}.form-ext-control .form-ext-toggle .form-ext-input:focus+.form-ext-toggle__toggler,.form-ext-control .form-ext-toggle .form-ext-input:focus ~ .form-ext-label:before{box-shadow:0 0 0 .2rem rgba(94,92,199,0.55),inset 0 1px 8px rgba(0,0,0,0.07)}.form-ext-control .form-ext-toggle.form-ext-toggle--link .form-ext-input:focus+.form-ext-toggle__toggler{box-shadow:0 0 0 .2rem rgba(94,92,199,0.55),inset 0 1px 8px rgba(0,0,0,0.07)}.form-ext-control .form-ext-toggle.form-ext-toggle--info input[type='checkbox']:checked+.form-ext-toggle__toggler,.form-ext-control .form-ext-toggle.form-ext-toggle--info input[type='checkbox']:checked+* .form-ext-toggle__toggler,.form-ext-control .form-ext-toggle.form-ext-toggle--info input[type='radio']:checked+.form-ext-toggle__toggler,.form-ext-control .form-ext-toggle.form-ext-toggle--info input[type='radio']:checked+* .form-ext-toggle__toggler{background-color:var(--cirrus-info);border-color:var(--cirrus-info)}.form-ext-control .form-ext-toggle .form-ext-toggle.form-ext-toggle--info .form-ext-toggle__toggler{border-color:var(--cirrus-info);color:var(--cirrus-info)}.form-ext-control .form-ext-toggle .form-ext-toggle.form-ext-toggle--info .form-ext-toggle__toggler i::after{background-color:var(--cirrus-info)}.form-ext-control .form-ext-toggle .form-ext-input:focus+.form-ext-toggle__toggler,.form-ext-control .form-ext-toggle .form-ext-input:focus ~ .form-ext-label:before{box-shadow:0 0 0 .2rem rgba(41,114,250,0.55),inset 0 1px 8px rgba(0,0,0,0.07)}.form-ext-control .form-ext-toggle.form-ext-toggle--info .form-ext-input:focus+.form-ext-toggle__toggler{box-shadow:0 0 0 .2rem rgba(41,114,250,0.55),inset 0 1px 8px rgba(0,0,0,0.07)}.form-ext-control .form-ext-toggle.form-ext-toggle--success input[type='checkbox']:checked+.form-ext-toggle__toggler,.form-ext-control .form-ext-toggle.form-ext-toggle--success input[type='checkbox']:checked+* .form-ext-toggle__toggler,.form-ext-control .form-ext-toggle.form-ext-toggle--success input[type='radio']:checked+.form-ext-toggle__toggler,.form-ext-control .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-control .form-ext-toggle .form-ext-toggle.form-ext-toggle--success .form-ext-toggle__toggler{border-color:var(--cirrus-success);color:var(--cirrus-success)}.form-ext-control .form-ext-toggle .form-ext-toggle.form-ext-toggle--success .form-ext-toggle__toggler i::after{background-color:var(--cirrus-success)}.form-ext-control .form-ext-toggle .form-ext-input:focus+.form-ext-toggle__toggler,.form-ext-control .form-ext-toggle .form-ext-input:focus ~ .form-ext-label:before{box-shadow:0 0 0 .2rem rgba(13,209,87,0.55),inset 0 1px 8px rgba(0,0,0,0.07)}.form-ext-control .form-ext-toggle.form-ext-toggle--success .form-ext-input:focus+.form-ext-toggle__toggler{box-shadow:0 0 0 .2rem rgba(13,209,87,0.55),inset 0 1px 8px rgba(0,0,0,0.07)}.form-ext-control .form-ext-toggle.form-ext-toggle--warning input[type='checkbox']:checked+.form-ext-toggle__toggler,.form-ext-control .form-ext-toggle.form-ext-toggle--warning input[type='checkbox']:checked+* .form-ext-toggle__toggler,.form-ext-control .form-ext-toggle.form-ext-toggle--warning input[type='radio']:checked+.form-ext-toggle__toggler,.form-ext-control .form-ext-toggle.form-ext-toggle--warning input[type='radio']:checked+* .form-ext-toggle__toggler{background-color:var(--cirrus-warning);border-color:var(--cirrus-warning)}.form-ext-control .form-ext-toggle .form-ext-toggle.form-ext-toggle--warning .form-ext-toggle__toggler{border-color:var(--cirrus-warning);color:var(--cirrus-warning)}.form-ext-control .form-ext-toggle .form-ext-toggle.form-ext-toggle--warning .form-ext-toggle__toggler i::after{background-color:var(--cirrus-warning)}.form-ext-control .form-ext-toggle .form-ext-input:focus+.form-ext-toggle__toggler,.form-ext-control .form-ext-toggle .form-ext-input:focus ~ .form-ext-label:before{box-shadow:0 0 0 .2rem rgba(250,182,51,0.55),inset 0 1px 8px rgba(0,0,0,0.07)}.form-ext-control .form-ext-toggle.form-ext-toggle--warning .form-ext-input:focus+.form-ext-toggle__toggler{box-shadow:0 0 0 .2rem rgba(250,182,51,0.55),inset 0 1px 8px rgba(0,0,0,0.07)}.form-ext-control .form-ext-toggle.form-ext-toggle--danger input[type='checkbox']:checked+.form-ext-toggle__toggler,.form-ext-control .form-ext-toggle.form-ext-toggle--danger input[type='checkbox']:checked+* .form-ext-toggle__toggler,.form-ext-control .form-ext-toggle.form-ext-toggle--danger input[type='radio']:checked+.form-ext-toggle__toggler,.form-ext-control .form-ext-toggle.form-ext-toggle--danger input[type='radio']:checked+* .form-ext-toggle__toggler{background-color:var(--cirrus-danger);border-color:var(--cirrus-danger)}.form-ext-control .form-ext-toggle .form-ext-toggle.form-ext-toggle--danger .form-ext-toggle__toggler{border-color:var(--cirrus-danger);color:var(--cirrus-danger)}.form-ext-control .form-ext-toggle .form-ext-toggle.form-ext-toggle--danger .form-ext-toggle__toggler i::after{background-color:var(--cirrus-danger)}.form-ext-control .form-ext-toggle .form-ext-input:focus+.form-ext-toggle__toggler,.form-ext-control .form-ext-toggle .form-ext-input:focus ~ .form-ext-label:before{box-shadow:0 0 0 .2rem rgba(251,65,67,0.55),inset 0 1px 8px rgba(0,0,0,0.07)}.form-ext-control .form-ext-toggle.form-ext-toggle--danger .form-ext-input:focus+.form-ext-toggle__toggler{box-shadow:0 0 0 .2rem rgba(251,65,67,0.55),inset 0 1px 8px rgba(0,0,0,0.07)}.form-ext-control .form-ext-toggle .form-ext-toggle__toggler i::before,.form-ext-control .form-ext-toggle .form-ext-toggle__toggler i::after{content:'';display:block;position:absolute}.form-ext-control .form-ext-toggle .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-control .form-ext-toggle .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-label{margin-bottom:0;position:relative}.form-ext-control .form-ext-label:before,.form-ext-control .form-ext-label:after{content:'';display:block;height:1rem;left:-1.5rem;position:absolute;top:.3rem;transition:all var(--animation-duration);width:1rem}.form-ext-control .form-ext-label:before{background-color:var(--cirrus-light);border:1px solid #dee2e6;border-radius:.25rem;pointer-events:none;user-select:none;box-sizing:border-box}.form-ext-control .form-ext-label:after{background-position:center;background-repeat:no-repeat;background-size:50% 50%}.form-ext-control .form-ext-input:checked ~ .form-ext-label:before{border:0}:root{--gap-0:0;--gap-1:.25rem;--gap-2:.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}.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.grid-cols-1{--grid-template-column:repeat(1,minmax(0,1fr))}.grid.grid-gap-1{--grid-gap:var(--gap-1)}.grid .grid-c-1{grid-column:span 1}.grid .grid-r-1{grid-row:span 1}.grid .grid-cs-1{grid-column-start:1}.grid .grid-ce-1{grid-column-end:2}.grid .grid-rs-1{grid-row-start:1}.grid .grid-re-1{grid-row-end:2}.grid.grid-cols-2{--grid-template-column:repeat(2,minmax(0,1fr))}.grid.grid-gap-2{--grid-gap:var(--gap-2)}.grid .grid-c-2{grid-column:span 2}.grid .grid-r-2{grid-row:span 2}.grid .grid-cs-2{grid-column-start:2}.grid .grid-ce-2{grid-column-end:3}.grid .grid-rs-2{grid-row-start:2}.grid .grid-re-2{grid-row-end:3}.grid.grid-cols-3{--grid-template-column:repeat(3,minmax(0,1fr))}.grid.grid-gap-3{--grid-gap:var(--gap-3)}.grid .grid-c-3{grid-column:span 3}.grid .grid-r-3{grid-row:span 3}.grid .grid-cs-3{grid-column-start:3}.grid .grid-ce-3{grid-column-end:4}.grid .grid-rs-3{grid-row-start:3}.grid .grid-re-3{grid-row-end:4}.grid.grid-cols-4{--grid-template-column:repeat(4,minmax(0,1fr))}.grid.grid-gap-4{--grid-gap:var(--gap-4)}.grid .grid-c-4{grid-column:span 4}.grid .grid-r-4{grid-row:span 4}.grid .grid-cs-4{grid-column-start:4}.grid .grid-ce-4{grid-column-end:5}.grid .grid-rs-4{grid-row-start:4}.grid .grid-re-4{grid-row-end:5}.grid.grid-cols-5{--grid-template-column:repeat(5,minmax(0,1fr))}.grid.grid-gap-5{--grid-gap:var(--gap-5)}.grid .grid-c-5{grid-column:span 5}.grid .grid-r-5{grid-row:span 5}.grid .grid-cs-5{grid-column-start:5}.grid .grid-ce-5{grid-column-end:6}.grid .grid-rs-5{grid-row-start:5}.grid .grid-re-5{grid-row-end:6}.grid.grid-cols-6{--grid-template-column:repeat(6,minmax(0,1fr))}.grid.grid-gap-6{--grid-gap:var(--gap-6)}.grid .grid-c-6{grid-column:span 6}.grid .grid-r-6{grid-row:span 6}.grid .grid-cs-6{grid-column-start:6}.grid .grid-ce-6{grid-column-end:7}.grid .grid-rs-6{grid-row-start:6}.grid .grid-re-6{grid-row-end:7}.grid.grid-cols-7{--grid-template-column:repeat(7,minmax(0,1fr))}.grid.grid-gap-7{--grid-gap:var(--gap-7)}.grid .grid-c-7{grid-column:span 7}.grid .grid-r-7{grid-row:span 7}.grid .grid-cs-7{grid-column-start:7}.grid .grid-ce-7{grid-column-end:8}.grid .grid-rs-7{grid-row-start:7}.grid .grid-re-7{grid-row-end:8}.grid.grid-cols-8{--grid-template-column:repeat(8,minmax(0,1fr))}.grid.grid-gap-8{--grid-gap:var(--gap-8)}.grid .grid-c-8{grid-column:span 8}.grid .grid-r-8{grid-row:span 8}.grid .grid-cs-8{grid-column-start:8}.grid .grid-ce-8{grid-column-end:9}.grid .grid-rs-8{grid-row-start:8}.grid .grid-re-8{grid-row-end:9}.grid.grid-cols-9{--grid-template-column:repeat(9,minmax(0,1fr))}.grid.grid-gap-9{--grid-gap:var(--gap-9)}.grid .grid-c-9{grid-column:span 9}.grid .grid-r-9{grid-row:span 9}.grid .grid-cs-9{grid-column-start:9}.grid .grid-ce-9{grid-column-end:10}.grid .grid-rs-9{grid-row-start:9}.grid .grid-re-9{grid-row-end:10}.grid.grid-cols-10{--grid-template-column:repeat(10,minmax(0,1fr))}.grid.grid-gap-10{--grid-gap:var(--gap-10)}.grid .grid-c-10{grid-column:span 10}.grid .grid-r-10{grid-row:span 10}.grid .grid-cs-10{grid-column-start:10}.grid .grid-ce-10{grid-column-end:11}.grid .grid-rs-10{grid-row-start:10}.grid .grid-re-10{grid-row-end:11}.grid.grid-cols-11{--grid-template-column:repeat(11,minmax(0,1fr))}.grid.grid-gap-11{--grid-gap:var(--gap-11)}.grid .grid-c-11{grid-column:span 11}.grid .grid-r-11{grid-row:span 11}.grid .grid-cs-11{grid-column-start:11}.grid .grid-ce-11{grid-column-end:12}.grid .grid-rs-11{grid-row-start:11}.grid .grid-re-11{grid-row-end:12}.grid.grid-cols-12{--grid-template-column:repeat(12,minmax(0,1fr))}.grid.grid-gap-12{--grid-gap:var(--gap-12)}.grid .grid-c-12{grid-column:span 12}.grid .grid-r-12{grid-row:span 12}.grid .grid-cs-12{grid-column-start:12}.grid .grid-ce-12{grid-column-end:13}.grid .grid-rs-12{grid-row-start:12}.grid .grid-re-12{grid-row-end:13}.grid .grid-cs-end{grid-column-end:-1}.grid .grid-rs-end{grid-row-end:-1}.grid .c{grid-column-start:var(--grid-column-start);grid-column-end:var(--grid-column-end)}@media screen and (max-width:768px){.grid{--grid-template-column:repeat(1,minmax(0,1fr))}}.u,.utb{display:inline;position:relative}.u::after{content:"";transition:all .3s;-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;height:.1rem;width:0;background:var(--cirrus-link-dark);bottom:-0.25em}.u:hover::after{width:100%}.u.u-LR::after{left:0}.u.u-LR::after{left:0}.u.u-RL::after{right:0}.u.u-RL:hover::after{width:100%}.u.u-C::after{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.utb::before,.utb::after{content:"";transition:all .3s;-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;height:.1rem;width:0;background:var(--cirrus-link-dark)}.utb::before{top:-0.25em}.utb::after{bottom:-0.25em}.utb:hover::before,.utb:hover::after{width:100%}.utb.utb-LR::before,.utb.utb-LR::after{left:0}.utb.utb-RL::before,.utb.utb-RL::after{right:0}.utb.utb-C::before,.utb.utb-C::after{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.utb.utb-OLR::before{left:0}.utb.utb-OLR::after{right:0}.utb.utb-ORL::before{right:0}.utb.utb-ORL::after{left:0}.usquare{margin-left:.4rem;position:relative;overflow:hidden}.usquare::before,.usquare::after{content:"";transition:.25s all ease;-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:-0.2rem}.usquare::after{right:0;top:-0.2rem}.usquare:hover::before,.usquare:hover::after{height:calc(100%+0.4rem)}.usquare:hover a::before,.usquare:hover a::after{width:100%}.usquare.delay::before{transition-delay:.6s}.usquare.delay::after{transition-delay:var(--animation-duration)}.usquare.delay a::after{transition:.25s all ease .4s}.usquare a{position:static;padding:.2rem .4rem;transition:.25s all ease}.usquare a::before{left:0}.usquare a::after{right:0}.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:target,.modal.shown{display:-webkit-box;display:-ms-flexbox;display:flex;opacity:1;z-index:999;pointer-events:auto}.modal:target .modal-overlay,.modal.shown .modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:block;background-color:rgba(54,59,68,0.5)}.modal:target .modal-container,.modal:target .modal-container,.modal.shown .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}.modal.modal-small .modal-content{max-width:20rem}.modal.modal-large .modal-content{max-width:60rem}.modal .modal-content{background-color:var(--cirrus-bg);padding:0;display:block;border-radius:3px;box-shadow:0 .4rem 1rem rgba(54,59,68,0.3);z-index:1;color:var(--cirrus-fg);max-width:40rem}.modal .modal-content.small{max-width:32rem}.modal .modal-content h1,.modal .modal-content h2,.modal .modal-content h3,.modal .modal-content h4,.modal .modal-content h5,.modal .modal-content h6{color:var(--cirrus-fg)}.modal .modal-content .modal-header{padding:1rem 2.5rem}.modal .modal-content .modal-header .modal-title{font-weight:bolder;font-size:1.4rem}.modal .modal-content .modal-body{padding:1rem 2.5rem;overflow-y:auto;max-height:50vh;position:relative}.modal .modal-content .modal-footer{padding:1rem 2.5rem;text-align:right}@media screen and (max-width:768px){.modal .modal-content{max-width:90%}}.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:300ms all ease}.modal:target.modal-animated--zoom-in,.modal:target.modal-animated--zoom-out{opacity:1;transition:300ms all ease}.modal.modal-animated--zoom-in .modal-content{transform:scale(0.8);transition:300ms all ease}.modal:target.modal-animated--zoom-in .modal-content,.modal:target.modal-animated--zoom-out .modal-content{transform:scale(1);transition:300ms all ease}.modal.modal-animated--zoom-out .modal-content{transform:scale(1.2);transition:300ms all ease}@-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:all .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,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 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 .3s;color:var(--cirrus-primary)}.placeholder{background-color:rgba(231,234,241,0.5);border-radius:3px;text-align:center;padding:3rem 2rem;color:#6c7892;display:block}.placeholder-icon{text-align:center}.placeholder .placeholder-title,.placeholder .placeholder-subtitle{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:all .3s;color:var(--cirrus-fg);border-width:2px;margin-bottom:-1px;background-color:var(--cirrus-bg)}.tab-container li:hover a{border-bottom-color:rgba(240,61,77,0.6);transition:all .3s}.tab-container li.selected a{border-bottom-color:var(--cirrus-primary);color:var(--cirrus-primary);border-width:2px;transition:all .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,0.1);border-bottom:0}.tab-container.tabs-classic ul{border-bottom-color:#dbdbdb;border-bottom-style:solid;border-bottom-width:1px;border-radius:3px 3px 0 0;transition:all .3s}.tab-container.tabs-classic li:not(.selected) a:hover{background-color:#f0f0f0;transition:all .3s}.tab-container.tabs-classic li a{border:1px solid transparent;border-bottom-color:#dbdbdb;border-radius:3px 3px 0 0;transition:all .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:120%}.tag.tag--xlarge{font-size:150%}.tag.tag--rounded{border-radius:290486px}.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}.tag--delete:hover{background-color:rgba(10,10,10,0.3)}.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}.tag.tag--delete::before{height:1px;width:50%}.tag.tag--delete::after{height:50%;width:1px}.tag.tag--delete{margin-left:.25rem;margin-right:-0.375rem}.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::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}.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__icon,.tile .tile__buttons{flex:0 0 auto;-webkit-flex:0 0 auto;-ms-flex:0 0 auto}.tile .tile__buttons button,.tile .tile__buttons .btn,.tile .tile__buttons [type="submit"]{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__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:.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:all .3s}.toast a:hover{opacity:.8;transition:all .3s}.tooltip{position:relative;overflow:visible;white-space:nowrap}.tooltip::after,.tooltip.tooltip--top::after{-webkit-appearance:none;-moz-appearance:none;position:absolute;color:#fff;font-size:.6rem;background-color:rgba(69,77,93,0.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%,-0.5rem);transform:translate(-50%,-0.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:hover::after,.tooltip.tooltip--top-left:focus::after{left:0;-webkit-transform:translate(-100%,-0.5rem);transform:translate(-100%,-0.5rem)}.tooltip.tooltip--top-right::after{left:auto;-webkit-transform:translate(15%,0);transform:translate(15%,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)}.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: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}.tooltip.tooltip--bottom-left::after{top:100%;-webkit-transform:translate(-65%,-1rem);transform:translate(-65%,-1rem);bottom:auto}.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)}.tooltip.tooltip--bottom-right::after{left:auto;top:100%;-webkit-transform:translate(0,-1rem);transform:translate(0,-1rem);bottom:auto}.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)}.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: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%)}.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: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%)}: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:.2s;--focus-opacity:.55;--space-size:.5rem;--font-size-xs:.7rem;--font-size-s:.85rem;--font-size-m:1rem;--font-size-l:1.35rem;--font-size-xl:1.75rem}: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:.2s;--focus-opacity:.55;--space-size:.5rem;--font-size-xs:.7rem;--font-size-s:.85rem;--font-size-m:1rem;--font-size-l:1.35rem;--font-size-xl:1.75rem}button,.btn,[type='submit']{line-height:2rem;overflow:hidden;padding:.5rem 1.5rem;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:#dee2e6}button:hover,.btn:hover,[type='submit']:hover{transition:all var(--animation-duration);--btn-color:#e9ecef}button:active,.btn:active,[type='submit']:active{transition:var(--animation-duration) ease}button:focus,.btn:focus,[type='submit']:focus{outline:0}button:disabled,.btn:disabled,[type='submit']:disabled{cursor:not-allowed;opacity:.5}button.outline,.btn.outline,[type='submit'].outline{--btn-color:transparent}button.outline:hover,.btn.outline:hover,[type='submit'].outline:hover{--btn-color:#e9ecef}button.loading:active::after,.btn.loading:active::after,[type='submit'].loading:active::after{border-radius:50%;border-right-color:transparent;border-top-color:transparent;transition:var(--animation-duration) ease}button.btn-animated,.btn.btn-animated,[type='submit'].btn-animated{transition:calc(var(--animation-duration) / 2) ease}button.btn-animated:active,.btn.btn-animated:active,[type='submit'].btn-animated:active{-webkit-transform:scale(0.98);transform:inherit,scale(0.98);transition:calc(var(--animation-duration) / 2) ease}button.btn-close,.btn.btn-close,[type='submit'].btn-close{background-color:rgba(10,10,10,0.2);border:0;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,.btn.btn-close:hover,[type='submit'].btn-close:hover{background-color:var(--gray-900)}button.btn-close::before,.btn.btn-close::before,[type='submit'].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%}button.btn-close::after,.btn.btn-close::after,[type='submit'].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}button.btn-transparent,.btn.btn-transparent,[type='submit'].btn-transparent{--btn-color:transparent;--btn-fg:var(--cirrus-dark);--btn-border-color:transparent}button.btn-transparent:focus,.btn.btn-transparent:focus,[type='submit'].btn-transparent:focus{box-shadow:0 0 0 .2rem rgba(246,249,252,0.5)}button.btn-transparent:hover,.btn.btn-transparent:hover,[type='submit'].btn-transparent:hover{--btn-color:rgba(0,0,0,0.1)}button.btn-transparent.outline,.btn.btn-transparent.outline,[type='submit'].btn-transparent.outline{color:var(--cirrus-dark)}button.btn-light,.btn.btn-light,[type='submit'].btn-light{--btn-color:var(--cirrus-light);--btn-fg:var(--cirrus-dark);--btn-border-color:var(--cirrus-light)}button.btn-light:hover,.btn.btn-light:hover,[type='submit'].btn-light:hover{--btn-color:var(--cirrus-light-hover)}button.btn-light:focus,.btn.btn-light:focus,[type='submit'].btn-light:focus{box-shadow:0 0 0 .2rem rgba(246,249,252,0.5)}button.btn-dark,.btn.btn-dark,[type='submit'].btn-dark{--btn-color:var(--cirrus-dark);--btn-fg:var(--cirrus-light);--btn-border-color:var(--cirrus-dark)}button.btn-dark:focus,.btn.btn-dark:focus,[type='submit'].btn-dark:focus{box-shadow:0 0 0 .2rem rgba(54,54,54,0.5)}button.btn-dark:hover,.btn.btn-dark:hover,[type='submit'].btn-dark:hover{--btn-color:var(--cirrus-dark-hover)}button.btn-dark.outline:hover,.btn.btn-dark.outline:hover,[type='submit'].btn-dark.outline:hover{--btn-color:var(--cirrus-dark)}button.btn-black,.btn.btn-black,[type='submit'].btn-black{--btn-color:#000;--btn-fg:var(--cirrus-light);--btn-border-color:#000}button.btn-black:focus,.btn.btn-black:focus,[type='submit'].btn-black:focus{box-shadow:0 0 0 .2rem rgba(54,54,54,0.5)}button.btn-black:hover,.btn.btn-black:hover,[type='submit'].btn-black:hover{--btn-color:#000}button.btn-primary,.btn.btn-primary,[type='submit'].btn-primary{--btn-color:var(--cirrus-primary);--btn-fg:var(--cirrus-light);--btn-border-color:var(--cirrus-accent-border)}button.btn-primary:focus,.btn.btn-primary:focus,[type='submit'].btn-primary:focus{box-shadow:0 0 0 .2rem rgba(240,61,77,0.5)}button.btn-primary:hover,.btn.btn-primary:hover,[type='submit'].btn-primary:hover{--btn-color:var(--cirrus-accent-hover)}button.btn-primary.outline:hover,.btn.btn-primary.outline:hover,[type='submit'].btn-primary.outline:hover{--btn-color:var(--cirrus-primary)}button.btn-info,.btn.btn-info,[type='submit'].btn-info{--btn-color:var(--cirrus-info);--btn-fg:var(--cirrus-light);--btn-border-color:var(--cirrus-info)}button.btn-info:focus,.btn.btn-info:focus,[type='submit'].btn-info:focus{box-shadow:0 0 0 .2rem rgba(41,114,250,0.5)}button.btn-info:hover,.btn.btn-info:hover,[type='submit'].btn-info:hover{--btn-color:var(--cirrus-info-hover)}button.btn-info.outline:hover,.btn.btn-info.outline:hover,[type='submit'].btn-info.outline:hover{--btn-color:var(--cirrus-info)}button.btn-link,.btn.btn-link,[type='submit'].btn-link{--btn-color:var(--cirrus-link);--btn-fg:var(--cirrus-light);--btn-border-color:var(--cirrus-link)}button.btn-link:focus,.btn.btn-link:focus,[type='submit'].btn-link:focus{box-shadow:0 0 0 .2rem rgba(94,92,199,0.5)}button.btn-link:hover,.btn.btn-link:hover,[type='submit'].btn-link:hover{--btn-color:var(--cirrus-link-dark)}button.btn-link.outline,.btn.btn-link.outline,[type='submit'].btn-link.outline{--btn-fg:var(--cirrus-link);border:1px solid transparent}button.btn-link.outline:hover,.btn.btn-link.outline:hover,[type='submit'].btn-link.outline:hover{--btn-color:var(--cirrus-link-hover);border:1px solid transparent;text-decoration:underline}button.btn-success,.btn.btn-success,[type='submit'].btn-success{--btn-color:var(--cirrus-success);--btn-fg:var(--cirrus-light);--btn-border-color:var(--cirrus-success)}button.btn-success:focus,.btn.btn-success:focus,[type='submit'].btn-success:focus{box-shadow:0 0 0 .2rem rgba(13,209,87,0.5)}button.btn-success:hover,.btn.btn-success:hover,[type='submit'].btn-success:hover{--btn-color:var(--cirrus-success-hover)}button.btn-success.outline:hover,.btn.btn-success.outline:hover,[type='submit'].btn-success.outline:hover{--btn-color:var(--cirrus-success)}button.btn-warning,.btn.btn-warning,[type='submit'].btn-warning{--btn-color:var(--cirrus-warning);--btn-fg:var(--cirrus-dark);--btn-border-color:var(--cirrus-warning)}button.btn-warning:focus,.btn.btn-warning:focus,[type='submit'].btn-warning:focus{box-shadow:0 0 0 .2rem rgba(250,182,51,0.5)}button.btn-warning:hover,.btn.btn-warning:hover,[type='submit'].btn-warning:hover{--btn-color:var(--cirrus-warning-hover)}button.btn-warning.outline:hover,.btn.btn-warning.outline:hover,[type='submit'].btn-warning.outline:hover{--btn-color:var(--cirrus-warning)}button.btn-danger,.btn.btn-danger,[type='submit'].btn-danger{--btn-color:var(--cirrus-danger);--btn-fg:var(--cirrus-light);--btn-border-color:var(--cirrus-danger)}button.btn-danger:focus,.btn.btn-danger:focus,[type='submit'].btn-danger:focus{box-shadow:0 0 0 .2rem rgba(251,65,67,0.5)}button.btn-danger:hover,.btn.btn-danger:hover,[type='submit'].btn-danger:hover{--btn-color:var(--cirrus-danger-hover)}button.btn-danger.outline:hover,.btn.btn-danger.outline:hover,[type='submit'].btn-danger.outline:hover{--btn-color:var(--cirrus-danger)}button.btn-xsmall,.btn.btn-xsmall,[type='submit'].btn-xsmall{padding:0 .5rem;font-size:50%}button.btn-small,.btn.btn-small,[type='submit'].btn-small{padding:.25rem 1rem;font-size:70%}button.btn-large,.btn.btn-large,[type='submit'].btn-large{padding:.75rem 2rem;font-size:90%}button.btn-xlarge,.btn.btn-xlarge,[type='submit'].btn-xlarge{padding:1rem 2.5rem;font-size:110%}button.btn-success,.btn.btn-success,[type='submit'].btn-success{border-color:var(--cirrus-success)}button.btn-success:focus,.btn.btn-success:focus,[type='submit'].btn-success:focus{box-shadow:0 0 0 .2rem rgba(13,209,87,0.55),inset 0 1px 8px rgba(0,0,0,0.07)}button.btn-error,.btn.btn-error,[type='submit'].btn-error{border-color:var(--cirrus-danger)}button.btn-error:focus,.btn.btn-error:focus,[type='submit'].btn-error:focus{box-shadow:0 0 0 .2rem rgba(251,65,67,0.55),inset 0 1px 8px rgba(0,0,0,0.07)}button .fa-wrapper,.btn .fa-wrapper,[type='submit'] .fa-wrapper{vertical-align:baseline}button .fa-wrapper.pad-right,.btn .fa-wrapper.pad-right,[type='submit'] .fa-wrapper.pad-right{margin-right:.4rem}button .fa-wrapper.pad-left,.btn .fa-wrapper.pad-left,[type='submit'] .fa-wrapper.pad-left{margin-left:.4rem}button span:first-child,.btn span:first-child,[type='submit'] span:first-child{margin-right:.2rem}button span:last-child,.btn span:last-child,[type='submit'] span:last-child{margin-left:.2rem}[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)}.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{-ms-flex:1 0 auto;-webkit-box-flex:1;flex:1 0 auto;margin:0}.btn-group .btn:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group .btn:last-child:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-0.1rem}.btn-group .btn:not(:first-child):not(:last-child){border-radius:0;margin-left:-0.1rem}.btn-group button{-ms-flex:1 0 auto;-webkit-box-flex:1;flex:1 0 auto;margin:0}.btn-group button:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group button:last-child:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-0.1rem}.btn-group button:not(:first-child):not(:last-child){border-radius:0;margin-left:-0.1rem}.btn-group [type="submit"]{-ms-flex:1 0 auto;-webkit-box-flex:1;flex:1 0 auto;margin:0}.btn-group [type="submit"]:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group [type="submit"]:last-child:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-0.1rem}.btn-group [type="submit"]:not(:first-child):not(:last-child){border-radius:0;margin-left:-0.1rem}.btn-group.btn-group-fill{display:-webkit-box;display:flex;display:-ms-flexbox}.btn-group.btn-group-fill .btn{-ms-flex:1 0;-webkit-box-flex:1;flex:1 0}.btn-group.btn-group-fill button{-ms-flex:1 0;-webkit-box-flex:1;flex:1 0}.btn-group.btn-group-fill [type="submit"]{-ms-flex:1 0;-webkit-box-flex:1;flex:1 0}@media screen and (max-width:768px){.btn-group{display:flex;flex-direction:column}.btn-group .btn{margin-bottom:-1px}.btn-group .btn:first-child:not(:last-child){border-radius:.25rem .25rem 0 0}.btn-group .btn:not(:first-child):not(:last-child){margin-left:0}.btn-group .btn:last-child:not(:first-child){border-radius:0 0 .25rem .25rem;margin-left:0}.btn-group button{margin-bottom:-1px}.btn-group button:first-child:not(:last-child){border-radius:.25rem .25rem 0 0}.btn-group button:not(:first-child):not(:last-child){margin-left:0}.btn-group button:last-child:not(:first-child){border-radius:0 0 .25rem .25rem;margin-left:0}.btn-group [type="submit"]{margin-bottom:-1px}.btn-group [type="submit"]:first-child:not(:last-child){border-radius:.25rem .25rem 0 0}.btn-group [type="submit"]:not(:first-child):not(:last-child){margin-left:0}.btn-group [type="submit"]:last-child:not(:first-child){border-radius:0 0 .25rem .25rem;margin-left:0}}: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:.2s;--focus-opacity:.55;--space-size:.5rem;--font-size-xs:.7rem;--font-size-s:.85rem;--font-size-m:1rem;--font-size-l:1.35rem;--font-size-xl:1.75rem}code{padding:.3rem;margin:.5em 0;overflow:auto;background-color:var(--cirrus-code-bg);color:var(--cirrus-code-fg);border-radius:3px}code:before{color:#acb3c2;content:attr(data-lang);font-size:.9rem;position:absolute;right:1rem;top:.7rem}code.dark{background-color:#363636;color:#fff}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 #f03d4d;margin:0;position:relative;color:#222}@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");: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:.2s;--focus-opacity:.55;--space-size:.5rem;--font-size-xs:.7rem;--font-size-s:.85rem;--font-size-m:1rem;--font-size-l:1.35rem;--font-size-xl:1.75rem}h1{font-family:'Montserrat',sans-serif;font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:1rem}h2{font-family:'Montserrat',sans-serif;font-size:2.25rem;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}h1{letter-spacing:.025rem}p,article,blockquote{font-size:1rem;line-height:2;margin-bottom:1rem}p.lead{font-size:1.2rem}blockquote{background-color:#f5f5f5;border-left:5px solid #dbdbdb;border-radius:3px;font-size:1.15rem;margin-bottom:1rem;padding:1rem 2rem}blockquote p{margin:0;font-size:.95rem}cite{opacity:.7}mark,.mark{padding:.2em;background-color:#f0e8c4}.headline-1{font-size:8.5rem;letter-spacing:.05rem}.headline-2{font-size:7.5rem;letter-spacing:.05rem}.headline-3{font-size:6.5rem;letter-spacing:.05rem}.headline-4{font-size:5.5rem;letter-spacing:.05rem}.font-alt{font-family:'Nunito Sans'}.content h1{line-height:1.125em;margin:1rem 0}.content h2{line-height:1.125em;margin:1rem 0}.content h3{line-height:1.125em;margin:1rem 0}.content h4{line-height:1.125em;margin:1rem 0}.content h5{line-height:1.125em;margin:1rem 0}.content h6{line-height:1.125em;margin:1rem 0}.title{font-weight:bold}.title:not(:last-child),.subtitle:not(:last-child){margin-bottom:1rem}.title+.subtitle{margin-top:-0.75rem}.card-tile p,.card-tile article,.card-tile blockquote{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}.font-italic{font-style:italic}.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;vertical-align:middle}.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-top:4px solid\9;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.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}p,article,blockquote{margin:1rem 0}}: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:.2s;--focus-opacity:.55;--space-size:.5rem;--font-size-xs:.7rem;--font-size-s:.85rem;--font-size-m:1rem;--font-size-l:1.35rem;--font-size-xl:1.75rem}.footer{background-color:#212529;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:#868e96}.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 ul a .footer__list-item,.footer .footer__list-item{margin:.1rem;color:#868e96;transition:all var(--animation-duration);font-size:75%;text-transform:uppercase}: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:.2s;--focus-opacity:.55;--space-size:.5rem;--font-size-xs:.7rem;--font-size-s:.85rem;--font-size-m:1rem;--font-size-l:1.35rem;--font-size-xl:1.75rem}: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:.2s;--focus-opacity:.55;--space-size:.5rem;--font-size-xs:.7rem;--font-size-s:.85rem;--font-size-m:1rem;--font-size-l:1.35rem;--font-size-xl:1.75rem}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:all .3s;outline:0;padding:.85rem 1.1rem}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:.35rem .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:.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}input:not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']):not([type='reset'])[type='search'],input:not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']):not([type='reset']).search,select[type='search'],select.search{background-repeat:no-repeat;background-position:left .6rem center;background-image:url('data:image/svg+xml;utf8,');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,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,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,0.55),inset 0 1px 8px rgba(0,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,0.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,0.55),inset 0 1px 8px rgba(0,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:all .3s;outline:0;padding:.85rem 1.1rem;margin:.5rem 0;padding:1rem 1.3rem;min-height:8rem;line-height:1.5rem;resize:vertical}textarea.input-xsmall,textarea select.input-xsmall,textarea[type='text'].input-xsmall,textarea[type='text'] select.input-xsmall{font-size:var(--font-size-xs);padding:.35rem .9rem}textarea.input-small,textarea select.input-small,textarea[type='text'].input-small,textarea[type='text'] select.input-small{font-size:var(--font-size-s);padding:.55rem 1rem}textarea.input-large,textarea select.input-large,textarea[type='text'].input-large,textarea[type='text'] select.input-large{font-size:var(--font-size-l)}textarea.input-xlarge,textarea select.input-xlarge,textarea[type='text'].input-xlarge,textarea[type='text'] select.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.input-xsmall,textarea.input-contains-icon-right.input-xsmall,textarea[type='text'].input-contains-icon.input-xsmall,textarea[type='text'].input-contains-icon-right.input-xsmall{padding-left:2rem}textarea.input-contains-icon.input-xsmall ~ .icon,textarea.input-contains-icon-left.input-xsmall ~ .icon,textarea.input-contains-icon-right.input-xsmall ~ .icon.icon-right,textarea[type='text'].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{line-height:1.75rem;width:1.75rem;font-size:7px}textarea.input-contains-icon.input-small,textarea.input-contains-icon-right.input-small,textarea[type='text'].input-contains-icon.input-small,textarea[type='text'].input-contains-icon-right.input-small{padding-left:2.5rem}textarea.input-contains-icon.input-small ~ .icon,textarea.input-contains-icon-left.input-small ~ .icon,textarea.input-contains-icon-right.input-small ~ .icon.icon-right,textarea[type='text'].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{line-height:2rem;width:2.5rem;font-size:14px}textarea.input-contains-icon.input-large,textarea.input-contains-icon-right.input-large,textarea[type='text'].input-contains-icon.input-large,textarea[type='text'].input-contains-icon-right.input-large{padding-left:3.5rem}textarea.input-contains-icon.input-large ~ .icon,textarea.input-contains-icon-left.input-large ~ .icon,textarea.input-contains-icon-right.input-large ~ .icon.icon-right,textarea[type='text'].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{line-height:3.5rem;width:3.5rem;font-size:28px}textarea.input-contains-icon.input-xlarge,textarea.input-contains-icon-right.input-xlarge,textarea[type='text'].input-contains-icon.input-xlarge,textarea[type='text'].input-contains-icon-right.input-xlarge{padding-left:4rem}textarea.input-contains-icon.input-xlarge ~ .icon,textarea.input-contains-icon-left.input-xlarge ~ .icon,textarea.input-contains-icon-right.input-xlarge ~ .icon.icon-right,textarea[type='text'].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{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']):focus,select:focus,textarea:focus,textarea[type='text']:focus,input[type='text'].input-focused,.input-focused{border-color:#3dabf0;box-shadow:0 0 0 .2rem rgba(61,171,240,0.45),inset 0 1px 8px rgba(0,0,0,0.07)}input:not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']):not([type='reset']):focus.input-success,select:focus.input-success,textarea:focus.input-success,textarea[type='text']:focus.input-success,input[type='text'].input-focused.input-success,.input-focused.input-success{border-color:var(--cirrus-success);background-color:rgba(0,224,0,0.05) !important}input:not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']):not([type='reset']):focus.input-success:focus,select:focus.input-success:focus,textarea:focus.input-success:focus,textarea[type='text']:focus.input-success:focus,input[type='text'].input-focused.input-success:focus,.input-focused.input-success:focus{box-shadow:0 0 0 .2rem rgba(13,209,87,0.55),inset 0 1px 8px rgba(0,0,0,0.07)}input:not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']):not([type='reset']):focus.input-error,select:focus.input-error,textarea:focus.input-error,textarea[type='text']:focus.input-error,input[type='text'].input-focused.input-error,.input-focused.input-error{border-color:var(--cirrus-danger);background-color:rgba(244,67,54,0.05) !important}input:not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']):not([type='reset']):focus.input-error:focus,select:focus.input-error:focus,textarea:focus.input-error:focus,textarea[type='text']:focus.input-error:focus,input[type='text'].input-focused.input-error:focus,.input-focused.input-error:focus{box-shadow:0 0 0 .2rem rgba(251,65,67,0.55),inset 0 1px 8px rgba(0,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:all .3s;outline:0;padding:.85rem 1.1rem;background-color:#fff;border:1px solid #ddd}select.input-xsmall,select select.input-xsmall{font-size:var(--font-size-xs);padding:.35rem .9rem}select.input-small,select select.input-small{font-size:var(--font-size-s);padding:.55rem 1rem}select.input-large,select select.input-large{font-size:var(--font-size-l)}select.input-xlarge,select 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.input-xsmall,select.input-contains-icon-right.input-xsmall{padding-left:2rem}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}select.input-contains-icon.input-small,select.input-contains-icon-right.input-small{padding-left:2.5rem}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}select.input-contains-icon.input-large,select.input-contains-icon-right.input-large{padding-left:3.5rem}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}select.input-contains-icon.input-xlarge,select.input-contains-icon-right.input-xlarge{padding-left:4rem}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}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") no-repeat right .85rem center/0.5rem .6rem no-repeat;-webkit-appearance:none}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:not([class*='btn-']):disabled,input:not([class*=' btn-']):disabled:hover,select:disabled,textarea:disabled{background-color:#f1f3f5;cursor:not-allowed;border:1px solid #f1f3f5}label.label{color:#495057;display:inline-block;font-weight:bold;margin-top:.8rem}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:bold;color:#db3839;padding-left:.1rem}.input-control{position:relative;margin:.5rem 0}.input-contains-icon ~ .icon{display:flex;align-items:center;justify-content:center;height:100%}.input-contains-icon ~ .icon:not(.icon-right),.input-contains-icon-left ~ .icon.icon-left{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 button{align-items:center;flex-grow:0;display:flex;flex-shrink:0}.form-section input,.form-section .section-body{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){border-top-right-radius:0;border-bottom-right-radius:0}.form-group .form-group-btn:not(:first-child):not(:last-child){border-radius:0;margin-left:-0.1rem;margin-right:-0.1rem}.form-group .form-group-btn:last-child:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-0.1rem}.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;z-index:1}.form-group .form-group-label:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.form-group .form-group-label:not(:first-child):not(:last-child){border-radius:0;margin-left:-0.1rem;margin-right:-0.1rem}.form-group .form-group-label:last-child:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-0.1rem}.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;border-bottom-right-radius:0}.form-group .form-group-input:not(:first-child):not(:last-child){border-radius:0;margin-left:-0.1rem;margin-right:-0.1rem}.form-group .form-group-input:last-child:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-0.1rem}::-moz-placeholder{color:#a9a9a9}::-webkit-input-placeholder{color:#a9a9a9}@media screen and (max-width:768px){.form-section.section-inline{display:inherit}}: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:.2s;--focus-opacity:.55;--space-size:.5rem;--font-size-xs:.7rem;--font-size-s:.85rem;--font-size-m:1rem;--font-size-l:1.35rem;--font-size-xl:1.75rem}.frame{border-radius:3px;box-shadow:0 .2rem 1.25rem 0 rgba(27,30,36,0.07);display:flex;display:-ms-flexbox;flex-direction:column;-webkit-flex-direction:column;-ms-flex-direction:column}.frame .frame__header,.frame .frame__footer{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:#374054;font-size:1rem;margin:.75rem auto 0}.frame .frame__subtitle{color:rgba(55,64,84,0.6);font-size:1rem;margin:0 auto .75rem}: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:.2s;--focus-opacity:.55;--space-size:.5rem;--font-size-xs:.7rem;--font-size-s:.85rem;--font-size-m:1rem;--font-size-l:1.35rem;--font-size-xl:1.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,0.1);background-color:var(--cirrus-bg);max-height:100vh;padding:0 2rem;transition:all .3s;--header-link-color:#495057;--header-link-color-hover:#606a73}.header h1{margin:0}.header h2{margin:0}.header h3{margin:0}.header h4{margin:0}.header h5{margin:0}.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,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{-webkit-transition:background .4s ease,height .4s ease;transition:background .4s ease,height .4s ease;-webkit-transition-property:background,height;transition-property:background,height;-webkit-transition-duration:.4s,0.4s;transition-duration:.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 .3s;transition:all .3s}.header .header-nav{overflow:auto}.header .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.header-fixed{position:fixed;top:0}.header:not(.header-clear) .nav-item:not(.no-hover):hover,.header:not(.header-clear) .nav-item:not(.no-hover).hovered{background-color:rgba(216,216,216,0.15);-webkit-transition:all .3s;transition:all .3s}.header:not(.header-clear) .nav-item.active,.header:not(.header-clear) .nav-item.active:hover{background-color:rgba(216,216,216,0.35)}.header .nav-btn{cursor:pointer;display:block;height:3.5rem;position:relative;width:3.5rem}.header .btn,.header button,.header input[type='submit']{margin:0}.nav-menu{-webkit-transition:all .3s;transition:all .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;-ms-flex-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;-webkit-transition:all .3s;transition:all .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,0.1)}.nav-item .dropdown-menu.dropdown-animated{-webkit-transition:all var(--animation-duration);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;-webkit-transition:all .3s;transition:all .3s}.nav-item .dropdown-menu>li:hover{-webkit-transition:all .3s;transition:all .3s;background-color:rgba(216,216,216,0.15)}.nav-item .dropdown-menu>li:active{-webkit-transition:all .3s;transition:all .3s;background-color:rgba(216,216,216,0.25)}.nav-item .dropdown-menu>li:last-child{margin-bottom:0}.nav-item .dropdown-menu .dropdown-menu-divider{border:0;background-color:rgba(216,216,216,0.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:-0.435em;right:1.125em;top:50%;position:absolute}.nav-item .dropdown-menu.dropdown-dark,.header.header-dark .dropdown-menu{background-color:rgba(0,0,0,0.87);border:1px solid #343a40;color:#fff}.dropdown-menu.dropdown-shown,.nav-item.active{opacity:1}@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 .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}.header .nav-left{-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;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-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;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;-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}.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-shown,.header .nav-item.toggle-hover:hover .dropdown-menu,.header .nav-item .dropdown-menu.dropdown-animated.dropdown-shown{opacity:1;-webkit-transform:none;transform:none;pointer-events:auto}}@media screen and (max-width:768px){.header{display:flex;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:0;background-color:transparent;margin-bottom:1rem}.nav-item.has-sub .dropdown-menu.dropdown-dark{background-color:rgba(0,0,0,0.17);border:0}.nav-btn{cursor:pointer;display:block;position:relative;margin-left:auto}.nav-btn span{background-color:var(--header-link-color);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}.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-left,.nav-center,.nav-right{overflow:hidden}}: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:.2s;--focus-opacity:.55;--space-size:.5rem;--font-size-xs:.7rem;--font-size-s:.85rem;--font-size-m:1rem;--font-size-l:1.35rem;--font-size-xl:1.75rem}section{display:block}.content{max-width:60em;margin:0 auto 1.5em;width:80%}.fullscreen{top:0;right:0;bottom:0;left:0;height:100vh}.divider{border-top:.05rem solid rgba(173,181,189,0.5);height:.1rem;margin:1.8rem 0 1.6rem}.divider[data-content]{margin:.8rem 0}.divider--v[data-content]::after,.divider[data-content]::after{background:#fff;color:#adb5bd;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}.divider--v[data-content]::before{border-left:.05rem solid rgba(173,181,189,0.5);bottom:.4rem;content:'';display:block;left:50%;position:absolute;top:0;transform:translateX(-50%)}.divider--v[data-content]{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 .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}.row::after{content:'';clear:both;display:table}.row.row--no-wrap{-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow-x:auto}.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}.r{max-width:100%;padding:.5rem}.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 .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 .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 .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 .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%}.h-10{height:10%}.w-20{width:20%}.h-20{height:20%}.w-30{width:30%}.h-30{height:30%}.w-40{width:40%}.h-40{height:40%}.w-50{width:50%}.h-50{height:50%}.w-60{width:60%}.h-60{height:60%}.w-70{width:70%}.h-70{height:70%}.w-80{width:80%}.h-80{height:80%}.w-90{width:90%}.h-90{height:90%}.w-100{width:100%}.h-100{height:100%}.w-auto{width:auto}.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,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}.hero-body{padding:0}}a{color:var(--cirrus-link);font-weight:600;padding:2px;text-decoration:none;transition:all .3s}a:hover{color:var(--cirrus-link-dark);transition:all .3s}a.underline{text-decoration:underline}.subtitle a{padding:0}p a,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,blockquote a,article a{display:inline}a .btn,a button,[type='submit'] a{margin-bottom:0}: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:.2s;--focus-opacity:.55;--space-size:.5rem;--font-size-xs:.7rem;--font-size-s:.85rem;--font-size-m:1rem;--font-size-l:1.35rem;--font-size-xl:1.75rem}ul,ol{margin:1rem 0 1rem 1rem;padding-inline-start:.5rem}ul ul,ul ol,ol ul,ol ol{margin:0 0 0 1rem}ul{list-style:disc}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}ul.no-bullets{list-style:none}ul.menu{font-size:1rem;list-style:none;margin:.5rem 0}ul .menu-title:not(:first-child){margin-bottom:1rem}ul .menu-title:not(:last-child){margin-top:1rem}ul .menu-item a{color:#495057;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)}ul .menu-item:hover>a{background-color:rgba(208,208,208,0.3);color:var(--cirrus-primary);-webkit-transition:all var(--animation-duration);transition:all var(--animation-duration)}ul .menu-item.selected>a{color:#fff;background-color:var(--cirrus-primary)}ul .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)}ul .menu-item .menu-addon .icon{font-size:inherit}ul .menu-item .menu-addon:hover{background-color:rgba(60,60,60,0.25);-webkit-transition:all var(--animation-duration);transition:all var(--animation-duration)}ul .menu-item .menu-addon.right{float:right;margin-right:0;margin-left:.1rem}ul .menu-item.selected .menu-addon{color:#fff}ul .menu-item ul{border-left:1px solid #dee2e6;margin:.75rem;padding-left:.75rem}ul li.menu-item:last-child{margin-bottom:0}ul .divider{border-top:.1rem solid #e9ecef;height:.1rem;margin:1rem 0}ul .divider::after{content:attr(data-label);background-color:var(--cirrus-bg);color:#adb5bd;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:slide-down .1s ease 1;background-color:var(--cirrus-bg);border-radius:.2rem;box-shadow:0 1rem 3rem rgba(149,157,165,0.3);margin:0;opacity:0;min-width:15rem;padding:.25rem .5rem;-webkit-transform:translateY(0.5rem);transform:translateY(0.5rem);z-index:10;pointer-events:none;overflow:hidden;-webkit-transition:all var(--animation-duration);transition:all var(--animation-duration)}.list-dropdown .list-dropdown.dropdown-right .menu{left:auto;right:0}.list-dropdown .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;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-body .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-body .tree-nav-container{overflow-y:auto;top:4rem;bottom:1rem}.tree-nav-body+.tree-nav-close{display:none}.tree-nav-body+.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-body .tree-nav-content{width:100%;overflow:auto;margin:0;padding:2rem}@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: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}.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}.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,0.8);height:3.5rem;padding:.75rem .5rem;text-align:center;z-index:300}.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}.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 iframe,.media-stretch embed,.media-stretch object{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.media-stretch.rat-4-3::before{padding-bottom:75%}.media-stretch.rat-1-1::before{padding-bottom:100%}.media-stretch video{height:auto;max-width:100%;width:100%}.fig{margin:0 0 .5rem 0}.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:calc(var(--space-size) * 0) !important}.mt-0,.my-0{margin-top:calc(var(--space-size) * 0) !important}.mb-0,.my-0{margin-bottom:calc(var(--space-size) * 0) !important}.ml-0,.mx-0{margin-left:calc(var(--space-size) * 0) !important}.mr-0,.mx-0{margin-right:calc(var(--space-size) * 0) !important}.p-0{padding:calc(var(--space-size) * 0) !important}.pt-0,.py-0{padding-top:calc(var(--space-size) * 0) !important}.pb-0,.py-0{padding-bottom:calc(var(--space-size) * 0) !important}.pl-0,.px-0{padding-left:calc(var(--space-size) * 0) !important}.pr-0,.px-0{padding-right:calc(var(--space-size) * 0) !important}.m-1{margin:calc(var(--space-size) * 1) !important}.mt-1,.my-1{margin-top:calc(var(--space-size) * 1) !important}.mb-1,.my-1{margin-bottom:calc(var(--space-size) * 1) !important}.ml-1,.mx-1{margin-left:calc(var(--space-size) * 1) !important}.mr-1,.mx-1{margin-right:calc(var(--space-size) * 1) !important}.p-1{padding:calc(var(--space-size) * 1) !important}.pt-1,.py-1{padding-top:calc(var(--space-size) * 1) !important}.pb-1,.py-1{padding-bottom:calc(var(--space-size) * 1) !important}.pl-1,.px-1{padding-left:calc(var(--space-size) * 1) !important}.pr-1,.px-1{padding-right:calc(var(--space-size) * 1) !important}.m-2{margin:calc(var(--space-size) * 2) !important}.mt-2,.my-2{margin-top:calc(var(--space-size) * 2) !important}.mb-2,.my-2{margin-bottom:calc(var(--space-size) * 2) !important}.ml-2,.mx-2{margin-left:calc(var(--space-size) * 2) !important}.mr-2,.mx-2{margin-right:calc(var(--space-size) * 2) !important}.p-2{padding:calc(var(--space-size) * 2) !important}.pt-2,.py-2{padding-top:calc(var(--space-size) * 2) !important}.pb-2,.py-2{padding-bottom:calc(var(--space-size) * 2) !important}.pl-2,.px-2{padding-left:calc(var(--space-size) * 2) !important}.pr-2,.px-2{padding-right:calc(var(--space-size) * 2) !important}.m-3{margin:calc(var(--space-size) * 3) !important}.mt-3,.my-3{margin-top:calc(var(--space-size) * 3) !important}.mb-3,.my-3{margin-bottom:calc(var(--space-size) * 3) !important}.ml-3,.mx-3{margin-left:calc(var(--space-size) * 3) !important}.mr-3,.mx-3{margin-right:calc(var(--space-size) * 3) !important}.p-3{padding:calc(var(--space-size) * 3) !important}.pt-3,.py-3{padding-top:calc(var(--space-size) * 3) !important}.pb-3,.py-3{padding-bottom:calc(var(--space-size) * 3) !important}.pl-3,.px-3{padding-left:calc(var(--space-size) * 3) !important}.pr-3,.px-3{padding-right:calc(var(--space-size) * 3) !important}.m-4{margin:calc(var(--space-size) * 4) !important}.mt-4,.my-4{margin-top:calc(var(--space-size) * 4) !important}.mb-4,.my-4{margin-bottom:calc(var(--space-size) * 4) !important}.ml-4,.mx-4{margin-left:calc(var(--space-size) * 4) !important}.mr-4,.mx-4{margin-right:calc(var(--space-size) * 4) !important}.p-4{padding:calc(var(--space-size) * 4) !important}.pt-4,.py-4{padding-top:calc(var(--space-size) * 4) !important}.pb-4,.py-4{padding-bottom:calc(var(--space-size) * 4) !important}.pl-4,.px-4{padding-left:calc(var(--space-size) * 4) !important}.pr-4,.px-4{padding-right:calc(var(--space-size) * 4) !important}.m-5{margin:calc(var(--space-size) * 5) !important}.mt-5,.my-5{margin-top:calc(var(--space-size) * 5) !important}.mb-5,.my-5{margin-bottom:calc(var(--space-size) * 5) !important}.ml-5,.mx-5{margin-left:calc(var(--space-size) * 5) !important}.mr-5,.mx-5{margin-right:calc(var(--space-size) * 5) !important}.p-5{padding:calc(var(--space-size) * 5) !important}.pt-5,.py-5{padding-top:calc(var(--space-size) * 5) !important}.pb-5,.py-5{padding-bottom:calc(var(--space-size) * 5) !important}.pl-5,.px-5{padding-left:calc(var(--space-size) * 5) !important}.pr-5,.px-5{padding-right:calc(var(--space-size) * 5) !important}.m-6{margin:calc(var(--space-size) * 6) !important}.mt-6,.my-6{margin-top:calc(var(--space-size) * 6) !important}.mb-6,.my-6{margin-bottom:calc(var(--space-size) * 6) !important}.ml-6,.mx-6{margin-left:calc(var(--space-size) * 6) !important}.mr-6,.mx-6{margin-right:calc(var(--space-size) * 6) !important}.p-6{padding:calc(var(--space-size) * 6) !important}.pt-6,.py-6{padding-top:calc(var(--space-size) * 6) !important}.pb-6,.py-6{padding-bottom:calc(var(--space-size) * 6) !important}.pl-6,.px-6{padding-left:calc(var(--space-size) * 6) !important}.pr-6,.px-6{padding-right:calc(var(--space-size) * 6) !important}.m-8{margin:calc(var(--space-size) * 8) !important}.mt-8,.my-8{margin-top:calc(var(--space-size) * 8) !important}.mb-8,.my-8{margin-bottom:calc(var(--space-size) * 8) !important}.ml-8,.mx-8{margin-left:calc(var(--space-size) * 8) !important}.mr-8,.mx-8{margin-right:calc(var(--space-size) * 8) !important}.p-8{padding:calc(var(--space-size) * 8) !important}.pt-8,.py-8{padding-top:calc(var(--space-size) * 8) !important}.pb-8,.py-8{padding-bottom:calc(var(--space-size) * 8) !important}.pl-8,.px-8{padding-left:calc(var(--space-size) * 8) !important}.pr-8,.px-8{padding-right:calc(var(--space-size) * 8) !important}.m-10{margin:calc(var(--space-size) * 10) !important}.mt-10,.my-10{margin-top:calc(var(--space-size) * 10) !important}.mb-10,.my-10{margin-bottom:calc(var(--space-size) * 10) !important}.ml-10,.mx-10{margin-left:calc(var(--space-size) * 10) !important}.mr-10,.mx-10{margin-right:calc(var(--space-size) * 10) !important}.p-10{padding:calc(var(--space-size) * 10) !important}.pt-10,.py-10{padding-top:calc(var(--space-size) * 10) !important}.pb-10,.py-10{padding-bottom:calc(var(--space-size) * 10) !important}.pl-10,.px-10{padding-left:calc(var(--space-size) * 10) !important}.pr-10,.px-10{padding-right:calc(var(--space-size) * 10) !important}.m-12{margin:calc(var(--space-size) * 12) !important}.mt-12,.my-12{margin-top:calc(var(--space-size) * 12) !important}.mb-12,.my-12{margin-bottom:calc(var(--space-size) * 12) !important}.ml-12,.mx-12{margin-left:calc(var(--space-size) * 12) !important}.mr-12,.mx-12{margin-right:calc(var(--space-size) * 12) !important}.p-12{padding:calc(var(--space-size) * 12) !important}.pt-12,.py-12{padding-top:calc(var(--space-size) * 12) !important}.pb-12,.py-12{padding-bottom:calc(var(--space-size) * 12) !important}.pl-12,.px-12{padding-left:calc(var(--space-size) * 12) !important}.pr-12,.px-12{padding-right:calc(var(--space-size) * 12) !important}.m-16{margin:calc(var(--space-size) * 16) !important}.mt-16,.my-16{margin-top:calc(var(--space-size) * 16) !important}.mb-16,.my-16{margin-bottom:calc(var(--space-size) * 16) !important}.ml-16,.mx-16{margin-left:calc(var(--space-size) * 16) !important}.mr-16,.mx-16{margin-right:calc(var(--space-size) * 16) !important}.p-16{padding:calc(var(--space-size) * 16) !important}.pt-16,.py-16{padding-top:calc(var(--space-size) * 16) !important}.pb-16,.py-16{padding-bottom:calc(var(--space-size) * 16) !important}.pl-16,.px-16{padding-left:calc(var(--space-size) * 16) !important}.pr-16,.px-16{padding-right:calc(var(--space-size) * 16) !important}.m-20{margin:calc(var(--space-size) * 20) !important}.mt-20,.my-20{margin-top:calc(var(--space-size) * 20) !important}.mb-20,.my-20{margin-bottom:calc(var(--space-size) * 20) !important}.ml-20,.mx-20{margin-left:calc(var(--space-size) * 20) !important}.mr-20,.mx-20{margin-right:calc(var(--space-size) * 20) !important}.p-20{padding:calc(var(--space-size) * 20) !important}.pt-20,.py-20{padding-top:calc(var(--space-size) * 20) !important}.pb-20,.py-20{padding-bottom:calc(var(--space-size) * 20) !important}.pl-20,.px-20{padding-left:calc(var(--space-size) * 20) !important}.pr-20,.px-20{padding-right:calc(var(--space-size) * 20) !important}.m-24{margin:calc(var(--space-size) * 24) !important}.mt-24,.my-24{margin-top:calc(var(--space-size) * 24) !important}.mb-24,.my-24{margin-bottom:calc(var(--space-size) * 24) !important}.ml-24,.mx-24{margin-left:calc(var(--space-size) * 24) !important}.mr-24,.mx-24{margin-right:calc(var(--space-size) * 24) !important}.p-24{padding:calc(var(--space-size) * 24) !important}.pt-24,.py-24{padding-top:calc(var(--space-size) * 24) !important}.pb-24,.py-24{padding-bottom:calc(var(--space-size) * 24) !important}.pl-24,.px-24{padding-left:calc(var(--space-size) * 24) !important}.pr-24,.px-24{padding-right:calc(var(--space-size) * 24) !important}.m-32{margin:calc(var(--space-size) * 32) !important}.mt-32,.my-32{margin-top:calc(var(--space-size) * 32) !important}.mb-32,.my-32{margin-bottom:calc(var(--space-size) * 32) !important}.ml-32,.mx-32{margin-left:calc(var(--space-size) * 32) !important}.mr-32,.mx-32{margin-right:calc(var(--space-size) * 32) !important}.p-32{padding:calc(var(--space-size) * 32) !important}.pt-32,.py-32{padding-top:calc(var(--space-size) * 32) !important}.pb-32,.py-32{padding-bottom:calc(var(--space-size) * 32) !important}.pl-32,.px-32{padding-left:calc(var(--space-size) * 32) !important}.pr-32,.px-32{padding-right:calc(var(--space-size) * 32) !important}: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:.2s;--focus-opacity:.55;--space-size:.5rem;--font-size-xs:.7rem;--font-size-s:.85rem;--font-size-m:1rem;--font-size-l:1.35rem;--font-size-xl:1.75rem}.table{margin-bottom:1.5rem;width:100%;border-collapse:collapse;border-spacing:0;text-align:center}.table td,.table th{border:1px solid rgba(222,226,230,0.5);border-width:0 0 1px;padding:.75rem;vertical-align:top;text-align:inherit;margin:0}.table tr{transition:all .3s}.table tr.selected{background-color:var(--cirrus-primary);color:#fff}.table .table caption{padding-top:.75rem;padding-bottom:.75rem;color:#dee2e6;text-align:left;caption-side:bottom}.table tr:not(.selected):hover,.table.striped tbody tr:not(.selected):nth-child(even):hover{background-color:rgba(222,226,230,0.15)}.table thead th,.table thead{border-bottom:2px solid rgba(222,226,230,0.5)}.table thead th,.table tfoot th{padding:1rem}.table tfoot th{border-top:2px solid rgba(222,226,230,0.5);border-bottom:0}.table.bordered thead th,.table.bordered thead{border-bottom:1px solid rgba(222,226,230,0.5)}.table.bordered td,.table.bordered th{border:1px solid rgba(219,219,219,0.5)}.table.bordered thead td,.table.bordered thead{border-width:1px}.table.striped tbody tr:nth-child(even){background-color:rgba(0,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.borderless thead th,.table.borderless th,.table.borderless td{border:0}: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:.2s;--focus-opacity:.55;--space-size:.5rem;--font-size-xs:.7rem;--font-size-s:.85rem;--font-size-m:1rem;--font-size-l:1.35rem;--font-size-xl:1.75rem}.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-static{position:static !important}.u-position-relative{position:relative !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-center{text-align:center !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:hover,.u-center-alt:active{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 diff --git a/min/hiq.min.css b/min/hiq.min.css index 9b52cf7..1986663 100644 --- a/min/hiq.min.css +++ b/min/hiq.min.css @@ -1 +1 @@ -.icon.outbound{color:#aaa;display:inline-block;vertical-align:middle;position:relative;top:-1px}.home{max-width:960px;margin:0 auto;padding:var(--navbar-height) 2rem 0}.home .hero{text-align:center}.home .hero img{display:block;max-height:280px;margin:3rem auto 1.5rem}.home .hero .action,.home .hero .description,.home .hero h1{margin:1.8rem auto}.home .hero h1{font-weight:var(--hiq-font-weight-medium)}.home .hero .description{max-width:30rem;font-size:var(--hiq-font-size-large);line-height:1.3;color:var(--hiq-color-gray-5)}.home .hero .action-button{display:inline-block;height:auto;padding:.75rem 1.5rem;font-size:var(--hiq-font-size-large)}.home .features{display:flex;flex-wrap:wrap;align-items:flex-start;align-content:stretch;justify-content:space-between;margin-top:2.5rem;padding:2.5rem 0 1rem;border-top:1px solid var(--hiq-color-gray-6)}.home .feature{flex-grow:1;flex-basis:30%;max-width:30%;margin-bottom:.5rem}.home .feature h2{margin-bottom:.5rem;border-bottom:0;font-size:var(--hiq-font-size-4);font-weight:var(--hiq-font-weight-medium)}.home .feature p{color:var(--hiq-color-gray-4)}.home .footer{padding:2.5rem;border-top:1px solid var(--hiq-color-gray-6);text-align:center}.home .footer,.home .footer a{color:var(--hiq-color-gray-5)}.home .footer a:hover{color:var(--hiq-color-gray-4)}@media(max-width:719px){.home .features{flex-direction:column}.home .feature{max-width:100%;padding:0 2.5rem}}@media(max-width:419px){.home{padding-right:1.5rem;padding-left:1.5rem}.home .hero img{max-height:210px;margin:2rem auto 1.2rem}.home .hero .action,.home .hero .description,.home .hero h1{margin:1.2rem auto}.home .hero .action-button{padding:.6rem 1.2rem}}.sidebar-button{display:none;position:absolute;top:.75rem;left:1rem;width:2.25rem;height:2.25rem;padding:.5rem}.sidebar-button .icon{display:block;width:1.25rem;height:1.25rem}@media(max-width:719px){.sidebar-button{display:block}}.algolia-search-wrapper &>span{vertical-align:middle}.algolia-search-wrapper .algolia-autocomplete{line-height:normal}.algolia-search-wrapper .algolia-autocomplete .ds-dropdown-menu{margin:6px 0 0;padding:4px;border:1px solid var(--hiq-color-gray-6);border-radius:4px;background-color:#fff;text-align:left}.algolia-search-wrapper .algolia-autocomplete .ds-dropdown-menu:before{border-color:var(--hiq-color-gray-6)}.algolia-search-wrapper .algolia-autocomplete .ds-dropdown-menu [class*=ds-dataset-]{padding:0;border:0}.algolia-search-wrapper .algolia-autocomplete .ds-dropdown-menu .ds-suggestions{margin-top:0}.algolia-search-wrapper .algolia-autocomplete .ds-dropdown-menu .ds-suggestion{border-bottom:1px solid var(--hiq-color-gray-6)}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion--highlight{color:var(--hiq-selection-color)}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion{padding:0;border-color:var(--hiq-color-gray-6)}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--category-header{margin-top:0;padding:5px 10px;background-color:var(--hiq-color-primary);font-weight:var(--hiq-font-weight-semibold);color:#fff}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--category-header .algolia-docsearch-suggestion--highlight{background-color:var(--hiq-color-gray-6)}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--wrapper{padding:0}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--title{margin-bottom:0;font-weight:var(--hiq-font-weight-semibold);color:var(--hiq-text-color)}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column{padding:5px 7px 5px 5px;vertical-align:top;border-color:var(--hiq-color-gray-6);background-color:var(--hiq-color-gray-6)}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column:after{display:none}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column-text{color:var(--hiq-color-gray-4)}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-footer{border-color:var(--hiq-color-gray-6)}.algolia-search-wrapper .algolia-autocomplete .ds-cursor .algolia-docsearch-suggestion--content{background-color:var(--hiq-selection-color) !important;color:var(--hiq-text-color)}@media(min-width:719px){.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column{display:table-cell;float:none;width:150px;min-width:150px}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--content{display:table-cell;float:none;width:100%;vertical-align:top}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion .ds-dropdown-menu{min-width:515px !important}}@media(max-width:719px){.algolia-search-wrapper .ds-dropdown-menu{min-width:calc(100vw - 4rem) !important;max-width:calc(100vw - 4rem) !important}.algolia-search-wrapper .algolia-docsearch-suggestion--wrapper{padding:5px 7px 5px 5px !important}.algolia-search-wrapper .algolia-docsearch-suggestion--subcategory-column{padding:0 !important;background-color:#fff !important}.algolia-search-wrapper .algolia-docsearch-suggestion--subcategory-column-text:after{display:inline-block;width:5px;margin:-3px 3px 0;vertical-align:middle;font-size:10px;line-height:14px;content:" > "}}.search-box{display:inline-block;position:relative;margin-right:.5rem}.search-box input{width:10rem;padding:0 .5rem 0 2rem;border:1px solid var(--hiq-color-gray-6);border-radius:2rem;background:#fff url(/hiq/assets/img/search.0781e11c.svg) .6rem .5rem no-repeat;background-size:1rem;outline:0;font-size:16px;line-height:2rem;color:var(--hiq-color-gray-5);transition:all .2s ease;cursor:text}.search-box input:focus{border-color:var(--hiq-color-primary);cursor:auto}.search-box .suggestions{position:absolute;top:2.75rem;width:20rem;padding:.4rem;border:1px solid var(--hiq-color-gray-6);border-radius:6px;background-color:#fff;list-style-type:none}.search-box .suggestions.align-right{right:0}.search-box .suggestion{padding:.4rem .6rem;border-radius:4px;line-height:1.4;cursor:pointer}.search-box .suggestion a{color:var(--hiq-color-gray-4)}.search-box .suggestion.focused{background-color:var(--hiq-color-gray-7)}.search-box .suggestion.focused a{color:var(--hiq-color-primary)}.search-box .suggestion a .page-title{font-weight:var(--hiq-font-weight-semibold)}.search-box .suggestion a .page-title+.header{margin-left:.25rem;font-size:var(--hiq-font-size-small)}@media(max-width:959px){.search-box input{position:relative;left:1rem;width:0;border-color:transparent;cursor:pointer}.search-box input:focus{width:10rem;left:0;cursor:text}}@media(max-width:959px) and (min-width:719px){.search-box .suggestions{left:0}}@media(max-width:719px){.search-box{margin-right:0}.search-box .suggestions{right:0}}@media(max-width:419px){.search-box input:focus{width:10rem}.search-box .suggestions{width:calc(100vw - 3rem)}}.code-example{margin:1.5rem 0;padding:var(--hiq-pre-padding-vertical) var(--hiq-pre-padding-horizontal);border:1px solid var(--hiq-pre-border-color);border-radius:var(--hiq-pre-border-radius);border-bottom-right-radius:0;border-bottom-left-radius:0}.code-example+div[class*=language-]{margin-top:-1px}.code-example+div[class*=language-] pre{border-top-right-radius:0;border-top-left-radius:0}.code-example [role=button]:not(:last-child),.code-example button:not(:last-child){margin:0 .35rem .35rem 0}.code-example dl:last-of-type,.code-example ol:last-of-type,.code-example p:last-of-type,.code-example ul:last-of-type{margin-bottom:0}.code-example blockquote,.code-example details,.code-example fieldset,.code-example figure,.code-example pre,.code-example table{margin:0}@media(max-width:419px){.code-example{margin-right:-1.5rem;margin-left:-1.5rem;border-right:0;border-left:0;border-radius:0}}.class{opacity:.5}.properties-reference{margin-top:2rem}.properties-reference p{margin-bottom:1.5rem}.searchbox{display:inline-block;position:relative;width:200px;height:32px !important;white-space:nowrap;box-sizing:border-box;visibility:visible !important}.searchbox .algolia-autocomplete{display:block;width:100%;height:100%}.searchbox__wrapper{width:100%;height:100%;z-index:999;position:relative}.searchbox__input{display:inline-block;box-sizing:border-box;transition:box-shadow .4s ease,background .4s ease;border:0;border-radius:16px;box-shadow:inset 0 0 0 1px #ccc;background:#fff !important;padding:0 26px 0 32px;width:100%;height:100%;vertical-align:middle;white-space:normal;font-size:12px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbox__input::-webkit-search-cancel-button,.searchbox__input::-webkit-search-decoration,.searchbox__input::-webkit-search-results-button,.searchbox__input::-webkit-search-results-decoration{display:none}.searchbox__input:hover{box-shadow:inset 0 0 0 1px #b3b3b3}.searchbox__input:active,.searchbox__input:focus{outline:0;box-shadow:inset 0 0 0 1px #aaa;background:#fff}.searchbox__input::-webkit-input-placeholder{color:#aaa}.searchbox__input:-ms-input-placeholder{color:#aaa}.searchbox__input::-ms-input-placeholder{color:#aaa}.searchbox__input::-moz-placeholder{color:#aaa}.searchbox__input::placeholder{color:#aaa}.searchbox__submit{position:absolute;top:0;margin:0;border:0;border-radius:16px 0 0 16px;background-color:rgba(69,142,225,0);padding:0;width:32px;height:100%;vertical-align:middle;text-align:center;font-size:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;right:inherit;left:0}.searchbox__submit:before{display:inline-block;margin-right:-4px;height:100%;vertical-align:middle;content:""}.searchbox__submit:active,.searchbox__submit:hover{cursor:pointer}.searchbox__submit:focus{outline:0}.searchbox__submit svg{width:14px;height:14px;vertical-align:middle;fill:#6d7e96}.searchbox__reset{display:block;position:absolute;top:8px;right:8px;margin:0;border:0;background:0;cursor:pointer;padding:0;font-size:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;fill:rgba(0,0,0,.5)}.searchbox__reset.hide{display:none}.searchbox__reset:focus{outline:0}.searchbox__reset svg{display:block;margin:4px;width:8px;height:8px}.searchbox__input:valid~.searchbox__reset{display:block;-webkit-animation-name:sbx-reset-in;animation-name:sbx-reset-in;-webkit-animation-duration:.15s;animation-duration:.15s}@-webkit-keyframes sbx-reset-in{0{transform:translate3d(-20%,0,0);opacity:0}to{transform:none;opacity:1}}@keyframes sbx-reset-in{0{transform:translate3d(-20%,0,0);opacity:0}to{transform:none;opacity:1}}.algolia-autocomplete.algolia-autocomplete-right .ds-dropdown-menu{right:0 !important;left:inherit !important}.algolia-autocomplete.algolia-autocomplete-right .ds-dropdown-menu:before{right:48px}.algolia-autocomplete.algolia-autocomplete-left .ds-dropdown-menu{left:0 !important;right:inherit !important}.algolia-autocomplete.algolia-autocomplete-left .ds-dropdown-menu:before{left:48px}.algolia-autocomplete .ds-dropdown-menu{top:-6px;border-radius:4px;margin:6px 0 0;padding:0;text-align:left;height:auto;position:relative;background:transparent;border:0;z-index:999;max-width:600px;min-width:500px;box-shadow:0 1px 0 0 rgba(0,0,0,.2),0 2px 3px 0 rgba(0,0,0,.1)}.algolia-autocomplete .ds-dropdown-menu:before{display:block;position:absolute;content:"";width:14px;height:14px;background:#fff;z-index:1000;top:-7px;border-top:1px solid #d9d9d9;border-right:1px solid #d9d9d9;transform:rotate(-45deg);border-radius:2px}.algolia-autocomplete .ds-dropdown-menu .ds-suggestions{position:relative;z-index:1000;margin-top:8px}.algolia-autocomplete .ds-dropdown-menu .ds-suggestions a:hover{text-decoration:none}.algolia-autocomplete .ds-dropdown-menu .ds-suggestion{cursor:pointer}.algolia-autocomplete .ds-dropdown-menu .ds-suggestion.ds-cursor .algolia-docsearch-suggestion.suggestion-layout-simple,.algolia-autocomplete .ds-dropdown-menu .ds-suggestion.ds-cursor .algolia-docsearch-suggestion:not(.suggestion-layout-simple) .algolia-docsearch-suggestion--content{background-color:rgba(69,142,225,.05)}.algolia-autocomplete .ds-dropdown-menu [class^=ds-dataset-]{position:relative;border:1px solid #d9d9d9;background:#fff;border-radius:4px;overflow:auto;padding:0 8px 8px}.algolia-autocomplete .ds-dropdown-menu *{box-sizing:border-box}.algolia-autocomplete .algolia-docsearch-suggestion{display:block;position:relative;padding:0 8px;background:#fff;color:#02060c;overflow:hidden}.algolia-autocomplete .algolia-docsearch-suggestion--highlight{color:#174d8c;background:rgba(143,187,237,.1);padding:.1em .05em}.algolia-autocomplete .algolia-docsearch-suggestion--category-header .algolia-docsearch-suggestion--category-header-lvl0 .algolia-docsearch-suggestion--highlight,.algolia-autocomplete .algolia-docsearch-suggestion--category-header .algolia-docsearch-suggestion--category-header-lvl1 .algolia-docsearch-suggestion--highlight,.algolia-autocomplete .algolia-docsearch-suggestion--text .algolia-docsearch-suggestion--highlight{padding:0 0 1px;background:inherit;box-shadow:inset 0 -2px 0 0 rgba(69,142,225,.8);color:inherit}.algolia-autocomplete .algolia-docsearch-suggestion--content{display:block;float:right;width:70%;position:relative;padding:5.33333px 0 5.33333px 10.66667px;cursor:pointer}.algolia-autocomplete .algolia-docsearch-suggestion--content:before{content:"";position:absolute;display:block;top:0;height:100%;width:1px;background:#ddd;left:-1px}.algolia-autocomplete .algolia-docsearch-suggestion--category-header{position:relative;border-bottom:1px solid #ddd;display:none;margin-top:8px;padding:4px 0;font-size:1em;color:#33363d}.algolia-autocomplete .algolia-docsearch-suggestion--wrapper{width:100%;float:left;padding:8px 0 0}.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-column{float:left;width:30%;text-align:right;position:relative;padding:5.33333px 10.66667px;color:#a4a7ae;font-size:.9em;word-wrap:break-word}.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-column:before{content:"";position:absolute;display:block;top:0;height:100%;width:1px;background:#ddd;right:0}.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-inline{display:none}.algolia-autocomplete .algolia-docsearch-suggestion--title{margin-bottom:4px;color:#02060c;font-size:.9em;font-weight:700}.algolia-autocomplete .algolia-docsearch-suggestion--text{display:block;line-height:1.2em;font-size:.85em;color:#63676d}.algolia-autocomplete .algolia-docsearch-suggestion--no-results{width:100%;padding:8px 0;text-align:center;font-size:1.2em}.algolia-autocomplete .algolia-docsearch-suggestion--no-results:before{display:none}.algolia-autocomplete .algolia-docsearch-suggestion code{padding:1px 5px;font-size:90%;border:0;color:#222;background-color:#ebebeb;border-radius:3px;font-family:Menlo,Monaco,Consolas,Courier New,monospace}.algolia-autocomplete .algolia-docsearch-suggestion code .algolia-docsearch-suggestion--highlight{background:0}.algolia-autocomplete .algolia-docsearch-suggestion.algolia-docsearch-suggestion__main .algolia-docsearch-suggestion--category-header,.algolia-autocomplete .algolia-docsearch-suggestion.algolia-docsearch-suggestion__secondary{display:block}@media(min-width:768px){.algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column{display:block}}@media(max-width:768px){.algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column{display:inline-block;width:auto;float:left;padding:0;color:#02060c;font-size:.9em;font-weight:700;text-align:left;opacity:.5}.algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column:before{display:none}.algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column:after{content:"|"}.algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--content{display:inline-block;width:auto;text-align:left;float:left;padding:0}.algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--content:before{display:none}}.algolia-autocomplete .suggestion-layout-simple.algolia-docsearch-suggestion{border-bottom:1px solid #eee;padding:8px;margin:0}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--content{width:100%;padding:0}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--content:before{display:none}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--category-header{margin:0;padding:0;display:block;width:100%;border:0}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--category-header-lvl0,.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--category-header-lvl1{opacity:.6;font-size:.85em}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--category-header-lvl1:before{background-image:url('data:image/svg+xml;utf8,');content:"";width:10px;height:10px;display:inline-block}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--wrapper{width:100%;float:left;margin:0;padding:0}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--duplicate-content,.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--subcategory-inline{display:none !important}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--title{margin:0;color:#458ee1;font-size:.9em;font-weight:400}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--title:before{content:"#";font-weight:700;color:#458ee1;display:inline-block}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--text{margin:4px 0 0;display:block;line-height:1.4em;padding:5.33333px 8px;background:#f8f8f8;font-size:.85em;opacity:.8}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--text .algolia-docsearch-suggestion--highlight{color:#3f4145;font-weight:700;box-shadow:none}.algolia-autocomplete .algolia-docsearch-footer{width:134px;height:20px;z-index:2000;margin-top:10.66667px;float:right;font-size:0;line-height:0}.algolia-autocomplete .algolia-docsearch-footer--logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvgwidth='168'height='24'xmlns='http://www.w3.org/2000/svg'%3E%3Cgfill='none'fill-rule='evenodd'%3E%3Cpathd='M78.988.938h16.594a2.9682.9680012.9662.966V20.5a2.9672.967001-2.9662.964H78.988a2.9672.967001-2.966-2.964V3.897A2.9612.96100178.988.938zm41.93717.866c-4.386.02-4.386-3.54-4.386-4.106l-.007-13.3362.675-.424v13.254c0.32202.3581.7182.364v2.248zm-10.846-2.18c.82101.43-.0471.855-.129v-2.719a6.3346.334000-1.574-.1995.75.7000-.897.0692.6992.699000-.814.24c-.24.116-.439.28-.582.491-.15.212-.219.335-.219.6560.628.219.991.6161.23s.938.3621.615.362zm-.233-9.7c.88301.629.1092.231.328.602.2181.088.5251.444.915.363.396.609.922.761.483.157.56.2321.175.2321.85v6.874a32.532.5001-1.868.314c-.834.123-1.772.185-2.813.185-.690-1.327-.069-1.895-.198a4.0014.001001-1.471-.6363.0853.085001-.951-1.134c-.226-.465-.343-1.12-.343-1.8030-.656.13-1.073.384-1.525a3.243.240011.047-1.106c.445-.287.95-.4921.532-.615a8.88.80011.82-.1858.4048.4040011.972.24v-.438c0-.307-.035-.6-.11-.874a1.881.88000-.384-.731.7841.784000-.724-.4933.1643.164000-1.143-.205c-.6160-1.177.075-1.69.164a7.7357.735000-1.26.307l-.321-2.192c.335-.117.834-.2331.478-.349a10.9810.980012.073-.178zm52.8429.626c.82201.43-.0481.854-.13V13.7a6.3476.347000-1.574-.199c-.2940-.595.021-.896.069a2.72.7000-.814.241.461.46000-.582.491c-.15.212-.218.335-.218.6560.628.218.991.6151.23.404.245.938.3621.615.362zm-.226-9.694c.88301.629.1082.231.327.602.2191.088.5261.444.915.355.39.609.923.7591.483a6.86.8001.2331.852v6.873c-.41.088-1.034.19-1.868.314-.834.123-1.772.184-2.813.184-.690-1.327-.068-1.895-.198a4.0014.001001-1.471-.6353.0853.085001-.951-1.134c-.226-.465-.343-1.12-.343-1.8040-.656.13-1.073.384-1.524.26-.45.608-.821.047-1.107.445-.286.95-.4911.532-.614a8.8038.8030012.751-.13c.329.034.671.0961.04.185v-.437a3.33.3000-.109-.8751.8731.873000-.384-.7311.7841.784000-.724-.4923.1653.165000-1.143-.205c-.6160-1.177.075-1.69.164a7.757.75000-1.26.307l-.321-2.193c.335-.116.834-.2321.478-.348a11.63311.6330012.073-.177zm-8.034-1.271a1.6261.626001-1.628-1.62c0-.895.725-1.621.628-1.62.90401.63.7251.631.620.895-.7331.62-1.631.62zm1.34813.22h-2.689V7.27l2.69-.423v11.956zm-4.7140c-4.386.02-4.386-3.54-4.386-4.107l-.008-13.3362.676-.424v13.254c0.32202.3581.7182.364v2.248zm-8.698-5.903c0-1.156-.253-2.119-.746-2.788-.493-.677-1.183-1.01-2.067-1.01-.8820-1.574.333-2.0651.01-.493.676-.7331.632-.7332.78801.168.2461.953.742.63.492.6831.1831.0182.0661.018.88201.574-.3422.067-1.019.492-.683.738-1.46.738-2.63zm2.737-.007c0.902-.131.584-.3972.33a5.525.52001-1.1281.9064.9864.986001-1.7521.223c-.685.286-1.739.45-2.265.45-.528-.006-1.574-.157-2.252-.45a5.0965.096001-1.744-1.223c-.487-.527-.863-1.162-1.137-1.906a6.3456.345001-.41-2.33c0-.902.123-1.77.397-2.508a5.5545.5540011.15-1.8925.1335.1330011.75-1.216c.679-.2871.425-.4232.232-.423.80801.553.1422.237.423a4.884.880011.7531.2165.6445.6440011.1351.892c.287.738.4311.606.4312.508zm-20.1380c01.12.2462.363.7382.882.493.521.13.781.91.78.4240.828-.0621.204-.178.377-.116.677-.253.917-.417V9.33a10.47610.476000-1.766-.226c-.971-.028-1.71.37-2.231.004-.513.636-.7731.75-.7732.788zm7.4385.274c01.824-.4663.156-1.4044.004-.936.846-2.3671.27-4.2961.27-.7050-2.17-.137-3.34-.396l.431-2.118c.98.2052.272.262.95.261.07401.84-.2192.299-.656.459-.437.684-1.086.684-1.948v-.437a8.078.07001-1.047.397c-.43.13-.93.198-1.492.198-.7390-1.41-.116-2.018-.349a4.2064.206001-1.567-1.025c-.431-.45-.774-1.017-1.013-1.694-.24-.677-.363-1.885-.363-2.7730-.834.13-1.88.384-2.577.26-.696.629-1.2981.129-1.796.493-.4981.095-.8811.8-1.162a6.6056.6050012.428-.457c.8701.67.1092.45.24.78.1291.444.2651.985.415V18.17z'fill='%235468FF'/%3E%3Cpathd='M6.9726.677v1.627c-.712-.446-1.52-.67-2.425-.67-.5850-1.045.13-1.38.391a1.241.24000-.5021.03c0.425.164.765.4941.02.33.256.835.5321.516.83.447.192.795.3561.045.495.25.138.537.332.862.582.324.25.563.548.718.894.154.345.23.741.231.1880.947-.3341.691-1.0042.234-.67.542-1.537.814-2.601.814-1.180-2.16-.229-2.936-.686v-1.708c.84.6281.814.9422.92.942.58501.048-.1361.388-.407.34-.271.51-.646.51-1.1250-.287-.1-.55-.302-.79-.203-.24-.42-.42-.655-.542-.234-.123-.585-.29-1.053-.503a61.2761.27001-.582-.27113.6713.67001-.55-.2874.2754.275001-.567-.3516.926.92001-.455-.4c-.18-.17-.31-.34-.39-.51-.08-.17-.155-.37-.224-.598a2.5532.553001-.104-.742c0-.915.333-1.638.998-2.17.664-.5321.523-.7982.576-.798.96801.793.172.473.51zm7.4685.696v-.287c-.022-.607-.187-1.088-.495-1.444-.309-.357-.75-.535-1.324-.535-.5320-.99.194-1.373.583-.382.388-.622.949-.7171.683h3.909zm1.0052.792v1.404c-.596.34-1.383.51-2.362.51-1.2550-2.255-.377-3-1.132-.744-.755-1.116-1.744-1.116-2.9680-1.297.34-2.3161.021-3.055.68-.741.548-1.112.6-1.111.03301.852.3232.458.966.606.644.911.572.912.7840.33-.033.676-.0961.038h-5.314c.107.702.4051.239.8941.611.49.3721.106.5581.85.558.86201.58-.2022.155-.606zm6.605-1.77h-1.212c-.5960-1.045.116-1.349.35-.303.234-.454.532-.454.8940.372.117.664.35.877.235.213.575.321.022.32.510.912-.1421.204-.424.293-.281.44-.651.44-1.108v-.91zm-4.068-2.554V9.325c.627-.3611.457-.5422.489-.5422.11603.1751.0263.1753.08V17h-1.548v-.957c-.415.68-1.1431.02-2.1861.02-.7660-1.38-.22-1.843-.661-.462-.442-.694-1.003-.694-1.6840-.776.293-1.38.878-1.81.585-.4311.404-.6472.457-.647h1.34V11.8c0-.554-.133-.971-.399-1.253-.266-.282-.707-.423-1.324-.423a4.074.07000-2.345.718zm9.333-1.93v1.42c.394-11.101-1.52.123-1.5.1480.313.016.494.048v1.531a1.8851.885000-.75-.143c-.5420-.989.24-1.34.718-.351.479-.5271.048-.5271.707V17h-1.563V8.91h1.563zm5.014.084c.022.82.2721.492.752.019.479.5261.15.792.01.79.63901.235-.1761.788-.527v1.404c-.521.319-1.186.479-1.995.479-1.2650-2.276-.4-3.031-1.197-.755-.798-1.133-1.792-1.133-2.9840-1.16.38-2.1511.14-2.975.761-.8251.79-1.2373.088-1.237.70201.346.1491.93.447v1.436a3.2423.242000-1.77-.495c-.840-1.513.266-2.019.798-.505.532-.7581.213-.7582.042zM40.245.72v4.579c.458-11.293-1.52.505-1.5.78701.42.2451.899.734.479.49.7181.17.7182.042V17h-1.564v-5.106c0-.553-.14-.98-.422-1.284-.282-.303-.652-.455-1.11-.455-.5310-1.002.202-1.411.606-.41.405-.6151.022-.6151.851V17h-1.563V5.72h1.563zm14.96610.02c.59601.096-.2531.5-.758.404-.506.606-1.157.606-1.9550-.915-.202-1.62-.606-2.114-.404-.495-.92-.742-1.548-.742-.5530-1.05.224-1.491.67-.442.447-.6621.133-.6622.0580.958.2121.67.6382.138.425.469.946.7031.563.703zM53.0045.72v4.42c.574-.8941.388-1.3412.44-1.3411.02201.857.3832.5061.149.649.766.9731.781.9733.04701.138-.3092.109-.9252.912-.617.803-1.4631.205-2.5371.205-1.0750-1.894-.447-2.457-1.34V17h-1.58V5.72h1.58zm9.90811.104l-3.223-7.913h1.739l1.0052.6321.263.415c.096-.32.48-1.4581.15-3.415l.909-2.632h1.66l-2.927.866c-.7772.074-1.9633.11-3.5593.11a2.922.92001-.734-.079v-1.34c.17.042.351.064.543.0641.03201.755-.572.17-1.708z'fill='%235D6494'/%3E%3Cpathd='M89.6325.967v-.772a.978.978000-.978-.977h-2.28a.978.978000-.978.977v.793c0.088.082.15.171.13a7.1277.1270011.984-.28c.6501.295.0881.917.259.082.02.164-.04.164-.13m-6.2481.01l-.39-.389a.977.977000-1.3820l-.465.465a.973.97300001.38l.383.383c.062.061.15.047.205-.014.226-.307.472-.601.746-.874.281-.28.568-.526.883-.751.068-.042.075-.137.02-.2m4.162.453v3.341c0.096.104.165.192.117l2.97-1.537c.068-.034.089-.117.055-.184a3.6953.695000-3.08-1.866c-.0680-.136.054-.136.13m08.048a4.4894.489001-4.49-4.4824.4884.4880014.49-4.4824.4884.4880014.4894.4824.4844.484001-4.494.482m0-10.85a6.3636.363010012.7296.376.370006.372-6.3686.3586.358000-6.371-6.36'fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-position:50%;background-size:100%;overflow:hidden;text-indent:-9000px;padding:0 !important;width:100%;height:100%;display:block}.dropdown-enter,.dropdown-leave-to{height:0 !important}.dropdown-wrapper{cursor:pointer}.dropdown-wrapper .dropdown-title{display:block}.dropdown-wrapper .dropdown-title:hover{border-color:transparent}.dropdown-wrapper .dropdown-title .arrow{margin-top:-1px;margin-left:.4rem;vertical-align:middle}.dropdown-wrapper .nav-dropdown .dropdown-item{line-height:1.7rem;color:inherit}.dropdown-wrapper .nav-dropdown .dropdown-item h4{margin:.45rem 0 0;padding:.45rem 1.5rem 0 1.25rem;border-top:1px solid var(--hiq-color-gray-6)}.dropdown-wrapper .nav-dropdown .dropdown-item:first-child h4{margin-top:0;padding-top:0;border-top:0}.dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subitem-wrapper{padding:0;list-style:none}.dropdown-wrapper .nav-dropdown .dropdown-item a{display:block;position:relative;margin-bottom:0;padding:0 1.5rem 0 1.25rem;border-bottom:0;line-height:1.7rem;font-weight:400}.dropdown-wrapper .nav-dropdown .dropdown-item a:hover{color:var(--hiq-color-primary)}.dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active{color:var(--hiq-color-primary)}.dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active:after{position:absolute;top:calc(50% - 2px);left:9px;width:0;height:0;border-top:3px solid transparent;border-bottom:3px solid transparent;border-left:5px solid var(--hiq-color-primary);content:""}@media(max-width:719px){.dropdown-wrapper.open .dropdown-title{margin-bottom:.5rem}.dropdown-wrapper .nav-dropdown{overflow:hidden;transition:height .1s ease-out}.dropdown-wrapper .nav-dropdown .dropdown-item h4{margin-top:0;padding-top:0;border-top:0}.dropdown-wrapper .nav-dropdown .dropdown-item>a,.dropdown-wrapper .nav-dropdown .dropdown-item h4{line-height:2rem}.dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subitem{padding-left:1rem}}@media(min-width:719px){.dropdown-wrapper{height:1.8rem}.dropdown-wrapper:hover .nav-dropdown{display:block !important}.dropdown-wrapper .dropdown-title .arrow{border-top:6px solid var(--hiq-color-gray-6);border-right:4px solid transparent;border-bottom:0;border-left:4px solid transparent}.dropdown-wrapper .nav-dropdown{display:none;position:absolute;top:100%;right:0;height:auto !important;max-height:calc(100vh - 2.7rem);overflow-y:auto;margin:0;padding:.6rem 0;background-color:#fff;border-bottom-color:var(--hiq-color-gray-6);border:1px solid var(--hiq-color-gray-6);border-radius:.2rem;text-align:left;white-space:nowrap}}.nav-links{display:inline-block}.nav-links a{font-weight:var(--hiq-font-weight-medium);line-height:1.4rem;color:inherit}.nav-links a.router-link-active,.nav-links a:hover{color:var(--hiq-color-primary)}.nav-links .nav-item{display:inline-block;position:relative;margin-left:1.125rem;line-height:2rem}.nav-links .repo-link{margin-left:1.125rem}.version-number{margin-left:1rem;font-weight:var(--hiq-font-weight-medium)}@media(min-width:719px){.nav-links a.router-link-active,.nav-links a:hover{color:var(--hiq-text-color)}.nav-item>a:not(.external).router-link-active,.nav-item>a:not(.external):hover{margin-bottom:-2px;border-bottom:2px solid var(--hiq-color-primary)}}@media(max-width:719px){.version-number{display:none}}.navbar{position:fixed;top:0;left:0;right:0;z-index:20;height:var(--navbar-height);padding:.5rem 1.5rem;box-shadow:0 2px 8px 0 rgba(0,0,0,.1);background-color:#fff;line-height:calc(var(--navbar-height) - 1rem)}.navbar a,.navbar img,.navbar span{display:inline-block}.navbar a{box-shadow:none !important}.navbar .logo{min-width:2.6rem;height:2.6rem;margin-right:.8rem;vertical-align:top}.navbar .site-name{position:relative;font-size:1.3rem;font-weight:600;color:var(--hiq-text-color)}.links{position:absolute;font-size:.9rem;top:.5rem;right:1.5rem}@media(max-width:719px){.navbar{padding-left:4rem}.navbar .can-hide{display:none}}.page{padding-bottom:2rem;padding-left:var(--sidebar-width)}.page-edit{padding-top:1rem;padding-bottom:1rem;overflow:auto}.page-edit .last-updated{float:right;font-size:var(--hiq-font-size-small)}.page-edit .last-updated .prefix{font-weight:var(--hiq-font-weight-medium);color:var(--hiq-color-gray-4)}.page-edit .last-updated .time{font-weight:var(--hiq-font-weight-normal);color:var(--hiq-color-gray-5)}.page-nav{padding-top:1rem;padding-bottom:0}.page-nav .inner{min-height:2rem;overflow:auto;margin-top:0;padding-top:1rem;border-top:1px solid var(--hiq-color-gray-6)}.page-nav .next{float:right}@media(max-width:959px){.page{padding-left:var(--mobile-sidebar-width)}}@media(min-width:720px){.theme-container.no-sidebar .page{padding-left:0}}@media(max-width:719px){.page{padding-left:0}.page-edit .last-updated{float:none;font-size:var(--hiq-font-size-small);text-align:left}}.sidebar .sidebar-sub-headers{padding-left:1rem}a.sidebar-link{display:inline-block;width:100%;padding:.35rem 1rem .35rem 1.25rem;border-left:.25rem solid transparent;box-shadow:none !important;line-height:1.4;font-weight:var(--hiq-font-weight-normal);color:var(--hiq-color-gray-3)}a.sidebar-link:hover{color:var(--hiq-color-primary)}a.sidebar-link.active{border-left-color:var(--hiq-color-primary);font-weight:var(--hiq-font-weight-semibold);color:var(--hiq-color-primary)}.sidebar-group a.sidebar-link{padding-left:2rem}.sidebar-sub-headers a.sidebar-link{padding-top:.25rem;padding-bottom:.25rem;border-left:0}.sidebar-sub-headers a.sidebar-link.active{font-weight:var(--hiq-font-weight-medium)}.sidebar-group:not(.first){margin-top:1rem}.sidebar-group:not(.collapsable) .sidebar-heading{color:inherit;cursor:auto}.sidebar-group .sidebar-group{padding-left:.5rem}.sidebar-heading{margin-top:0;margin-bottom:.5rem;padding:0 1.5rem;font-weight:var(--hiq-font-weight-bold);color:var(--hiq-text-color);transition:color .15s ease;cursor:pointer}.sidebar-heading.open,.sidebar-heading:hover{color:inherit}.sidebar-heading .arrow{position:relative;top:-.12rem;left:.5rem}.sidebar-heading .open .arrow{top:-.18rem}.sidebar-group-items{overflow:hidden;transition:height .1s ease-out}.sidebar-mask{display:none;position:fixed;top:0;left:0;z-index:9;width:100vw;height:100vh}.theme-container.sidebar-open .sidebar-mask{display:block}.sidebar{position:fixed;top:var(--navbar-height);bottom:0;left:0;z-index:10;width:var(--sidebar-width);overflow-y:auto;margin:0;border-right:1px solid var(--hiq-color-gray-6);background-color:#fff}.theme-container.sidebar-open .sidebar{top:0}.sidebar ul{margin:0;padding:0;list-style-type:none}.sidebar a{display:inline-block}.sidebar .nav-links{display:none;padding:.5rem 0 .75rem;border-bottom:1px solid var(--hiq-color-gray-6)}.sidebar .nav-links a{font-weight:var(--hiq-font-weight-semibold)}.sidebar .nav-links .nav-item,.sidebar .nav-links .repo-link{display:block;padding:.5rem 0 .5rem 1.5rem;line-height:1.25rem}.sidebar .sidebar-links{padding:1.5rem 0}@media(max-width:959px){.sidebar{width:var(--mobile-sidebar-width)}}@media(min-width:720px){.theme-container.no-sidebar .sidebar{display:none}}@media(max-width:719px){.sidebar{top:0;padding-top:var(--navbar-height);transform:translateX(-100%);transition:transform .2s ease}.theme-container.sidebar-open .sidebar{transform:translateX(0)}.theme-container.no-navbar .sidebar{padding-top:0}.sidebar .nav-links{display:block}.sidebar .nav-links .dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active:after{top:calc(1rem - 2px)}.sidebar .sidebar-links{padding:1rem 0}}.is-unselectable{-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-select:none}.overflow-touch{-webkit-overflow-scrolling:touch}.is-stretched{position:absolute;top:0;left:0;width:100%;height:100%}.is-visually-hidden{clip:rect(0 0 0 0);position:absolute;width:1px;height:1px;overflow:hidden;margin:-1px;padding:0;border:0;white-space:nowrap}.has-text-truncated{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.is-clipped{overflow:hidden !important}body,html{margin:0;padding:0}html{box-sizing:border-box;min-width:300px;overflow-x:hidden;overflow-y:scroll;background-color:var(--hiq-html-background-color,#fff);-webkit-tap-highlight-color:rgba(0,0,0,0)}*,:after,:before{box-sizing:inherit}body{background-color:var(--hiq-body-background-color,#fff)}[role=button],a,area,button,input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}[tabindex="-1"]:focus{outline:none !important}p{margin:0 0 var(--hiq-block-element-margin-bottom,1rem);padding:0}address{margin-bottom:var(--hiq-block-element-margin-bottom,1rem);font-style:normal;line-height:inherit}blockquote{--blockquote-font-size:var(--hiq-blockquote-font-size,var(--hiq-font-size-large,var(--hiq-font-size-4,1.5rem)));--blockquote-line-height:var(--hiq-blockquote-line-height,var(--hiq-heading-line-height,1.4));--blockquote-citation-color:var(--hiq-blockquote-citation-color,var(--hiq-color-gray-5,#999));margin:0 0 var(--hiq-block-element-margin-bottom,1rem);padding:0;color:var(--hiq-text-color,var(--hiq-color-gray-2,#17191c))}blockquote p{margin-bottom:0;font-size:var(--blockquote-font-size);line-height:var(--blockquote-line-height)}blockquote cite{display:block;margin-top:.25rem;color:var(--blockquote-citation-color)}blockquote cite:before{content:"\2014 \00A0"}cite{font-style:normal}details{margin-bottom:var(--hiq-block-element-margin-bottom,1rem)}summary{display:list-item}summary:focus{outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem)}html{-webkit-text-size-adjust:100%;text-rendering:var(--hiq-text-rendering,optimizeLegibility);font-family:var(--hiq-font-family-base,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif);font-size:calc(var(--hiq-unitless-min-font-size,15)*1px);font-weight:var(--hiq-font-weight-base,var(--hiq-font-weight-normal,400));letter-spacing:var(--hiq-letter-spacing-base,0);line-height:var(--hiq-line-height-base,1.5)}@media(min-width:460px){html{font-size:calc(var(--hiq-unitless-min-font-size,15)*1px+(var(--hiq-unitless-max-font-size,16) - var(--hiq-unitless-min-font-size,15))*(100vw - var(--hiq-unitless-lower-font-range,460)*1px)/(var(--hiq-unitless-upper-font-range,900) - var(--hiq-unitless-lower-font-range,460)))}}@media(min-width:900px){html{font-size:calc(var(--hiq-unitless-max-font-size,16)*1px)}}body{text-align:left;color:var(--hiq-text-color,var(--hiq-color-gray-2,#17191c))}h1,h2,h3,h4,h5,h6{margin:0 0 var(--hiq-block-element-margin-bottom,1rem);padding:0;font-weight:var(--hiq-heading-font-weight,var(--hiq-font-weight-medium,500));line-height:var(--hiq-heading-line-height,1.2)}hr{--horizontal-rule-height:var(--hiq-horizontal-rule-height,1px);--horizontal-rule-color:var(--hiq-horizontal-rule-color,var(--hiq-color-gray-6,#e3e5e8));box-sizing:content-box;height:var(--horizontal-rule-height);overflow:visible;margin-top:var(--hiq-block-element-margin-bottom,1rem);margin-bottom:var(--hiq-block-element-margin-bottom,1rem);padding:0;border:0;background-color:var(--horizontal-rule-color)}abbr[title]{border-bottom:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help}dfn{font-style:italic}mark{background-color:var(--hiq-mark-color,#fcf8e3)}del{background-color:var(--hiq-deleted-color,#f95da8)}ins{background-color:var(--hiq-inserted-color,#e5f2ff)}a{--link-text-decoration:var(--hiq-link-text-decoration,none);--link-color:var(--hiq-link-color,var(--hiq-color-primary,#007fff));--link-hover-color:var(--hiq-link-hover-color,#06c);--link-active-color:var(--hiq-link-active-color,#06c);background-color:transparent;-webkit-text-decoration:var(--link-text-decoration);text-decoration:var(--link-text-decoration);-webkit-text-decoration-skip:objects;color:var(--link-color);transition:color var(--hiq-speed,.1s) var(--hiq-easing,ease-out);cursor:pointer}a:focus,a:hover{color:var(--link-hover-color)}a:focus{outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem)}a:active{color:var(--link-active-color)}ol,ul{--list-margin-left:var(--hiq-list-margin-left,1rem);margin:0 0 var(--hiq-block-element-margin-bottom,1rem);padding:0 0 0 var(--list-margin-left)}ul{--unordered-list-style:var(--hiq-unordered-list-style,disc);list-style:var(--unordered-list-style)}ul ul{margin-bottom:0}li{margin:0;padding:0}.is-unstyled{padding-left:0;list-style:none}dl{margin:0 0 var(--hiq-block-element-margin-bottom,1rem);padding:0}dt{--description-list-title-font-weight:var(--hiq-description-list-title-font-weight,var(--hiq-font-weight-semibold,600));font-weight:var(--description-list-title-font-weight)}dd,dt{margin:0;padding:0}dd:not(:last-child){margin-bottom:var(--hiq-block-element-margin-bottom,1rem)}::-moz-selection{background-color:var(--hiq-selection-color,#cce5ff);text-shadow:none}::-moz-selection{background-color:var(--hiq-selection-color,#cce5ff);text-shadow:none}::-moz-selection,::selection{background-color:var(--hiq-selection-color,#cce5ff);text-shadow:none}.is-size-1,h1{font-size:var(--hiq-font-size-1,2.5rem)}.is-size-2,h2{font-size:var(--hiq-font-size-2,2rem)}.is-size-3,h3{font-size:var(--hiq-font-size-3,1.75rem)}.is-size-4,h4{font-size:var(--hiq-font-size-4,1.5rem)}.is-size-5,h5{font-size:var(--hiq-font-size-5,1rem)}.is-size-6,h6{font-size:var(--hiq-font-size-6,.875rem)}.is-large{font-size:var(--hiq-font-size-large,var(--hiq-font-size-4,1.5rem))}.is-small,small{font-size:var(--hiq-font-size-small,var(--hiq-font-size-6,.875rem))}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}b,strong{font-weight:var(--hiq-font-weight-bold,700)}.button,[role=button],[type=button],[type=reset],[type=submit],button{--button-height:var(--hiq-button-height,2.25rem);--button-vertical-padding:var(--hiq-button-vertical-padding,0);--button-horizontal-padding:var(--hiq-button-horizontal-padding,1rem);--button-border-width:var(--hiq-button-border-width,1px);--button-border-color:var(--hiq-button-border-color,var(--hiq-color-primary,#007fff));--button-border-radius:var(--hiq-button-border-radius,0.2rem);--button-background-color:var(--hiq-button-background-color,var(--hiq-color-primary,#007fff));--button-font-weight:var(--hiq-button-font-weight,var(--hiq-font-weight-medium,500));--button-text-color:var(--hiq-button-text-color,#fff);--button-hover-border-color:var(--hiq-button-hover-border-color,#06c);--button-hover-background-color:var(--hiq-button-hover-background-color,#06c);--button-hover-text-color:var(--hiq-button-hover-text-color,#fff);--button-active-border-color:var(--hiq-button-active-border-color,#004c99);--button-active-background-color:var(--hiq-button-active-background-color,#004c99);--button-active-text-color:var(--hiq-button-active-text-color,#fff);box-shadow:none;outline:0;-moz-appearance:none;-webkit-appearance:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-select:none;display:inline-flex;align-items:center;justify-content:center;width:auto;height:var(--button-height);margin:0;padding:var(--button-vertical-padding) var(--button-horizontal-padding);border:var(--button-border-width) solid var(--button-border-color);border-radius:var(--button-border-radius);background-color:var(--button-background-color);font-family:inherit;font-size:inherit;font-weight:var(--button-font-weight);line-height:inherit;text-decoration:none;color:var(--button-text-color);transition:border-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),background-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out);cursor:pointer}.button:focus,.button:hover,[role=button]:focus,[role=button]:hover,[type=button]:focus,[type=button]:hover,[type=reset]:focus,[type=reset]:hover,[type=submit]:focus,[type=submit]:hover,button:focus,button:hover{border-color:var(--button-hover-border-color);background-color:var(--button-hover-background-color);color:var(--button-hover-text-color)}.button:active,.button:focus,[role=button]:active,[role=button]:focus,[type=button]:active,[type=button]:focus,[type=reset]:active,[type=reset]:focus,[type=submit]:active,[type=submit]:focus,button:active,button:focus{outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem)}.button:active,[role=button]:active,[type=button]:active,[type=reset]:active,[type=submit]:active,button:active{border-color:var(--button-active-border-color);background-color:var(--button-active-background-color);color:var(--button-active-text-color)}.button:visited,[role=button]:visited,[type=button]:visited,[type=reset]:visited,[type=submit]:visited,button:visited{color:var(--button-text-color)}.button:disabled,.button[aria-disabled],[role=button]:disabled,[role=button][aria-disabled],[type=button]:disabled,[type=button][aria-disabled],[type=reset]:disabled,[type=reset][aria-disabled],[type=submit]:disabled,[type=submit][aria-disabled],button:disabled,button[aria-disabled]{border-color:var(--hiq-disabled-border-color,transparent);background-color:var(--hiq-disabled-background-color,var(--hiq-color-gray-7,#f1f2f4));color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3));cursor:not-allowed}::-webkit-file-upload-button{--button-height:var(--hiq-button-height,2.25rem);--button-vertical-padding:var(--hiq-button-vertical-padding,0);--button-horizontal-padding:var(--hiq-button-horizontal-padding,1rem);--button-border-width:var(--hiq-button-border-width,1px);--button-border-color:var(--hiq-button-border-color,var(--hiq-color-primary,#007fff));--button-border-radius:var(--hiq-button-border-radius,0.2rem);--button-background-color:var(--hiq-button-background-color,var(--hiq-color-primary,#007fff));--button-font-weight:var(--hiq-button-font-weight,var(--hiq-font-weight-medium,500));--button-text-color:var(--hiq-button-text-color,#fff);--button-hover-border-color:var(--hiq-button-hover-border-color,#06c);--button-hover-background-color:var(--hiq-button-hover-background-color,#06c);--button-hover-text-color:var(--hiq-button-hover-text-color,#fff);--button-active-border-color:var(--hiq-button-active-border-color,#004c99);--button-active-background-color:var(--hiq-button-active-background-color,#004c99);--button-active-text-color:var(--hiq-button-active-text-color,#fff);box-shadow:none;outline:0;-moz-appearance:none;-webkit-appearance:none;user-select:none;-webkit-touch-callout:none;-webkit-user-select:none;display:inline-flex;align-items:center;justify-content:center;width:auto;height:var(--button-height);margin:0;padding:var(--button-vertical-padding) var(--button-horizontal-padding);border:var(--button-border-width) solid var(--button-border-color);border-radius:var(--button-border-radius);background-color:var(--button-background-color);font-family:inherit;font-size:inherit;font-weight:var(--button-font-weight);line-height:inherit;text-decoration:none;color:var(--button-text-color);-webkit-transition:border-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),background-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out);transition:border-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),background-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out);cursor:pointer}::-webkit-file-upload-button:focus,::-webkit-file-upload-button:hover{border-color:var(--button-hover-border-color);background-color:var(--button-hover-background-color);color:var(--button-hover-text-color)}::-webkit-file-upload-button:active,::-webkit-file-upload-button:focus{outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem)}::-webkit-file-upload-button:active{border-color:var(--button-active-border-color);background-color:var(--button-active-background-color);color:var(--button-active-text-color)}::-webkit-file-upload-button:visited{color:var(--button-text-color)}::-webkit-file-upload-button:disabled,::-webkit-file-upload-button[aria-disabled]{border-color:var(--hiq-disabled-border-color,transparent);background-color:var(--hiq-disabled-background-color,var(--hiq-color-gray-7,#f1f2f4));color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3));cursor:not-allowed}fieldset[disabled] [role=button]{pointer-events:none}code,kbd,pre,samp{--code-font-size:var(--hiq-code-font-size,var(--hiq-font-size-small,var(--hiq-font-size-6,0.875rem)));font-family:var(--hiq-font-family-monospace,Menlo,Monaco,Consolas,"Courier New",monospace);font-size:var(--code-font-size)}code{--code-padding-vertical:var(--hiq-code-padding-vertical,0.2rem);--code-padding-horizontal:var(--hiq-code-padding-horizontal,0.4rem);--code-border-color:var(--hiq-code-border-color,var(--hiq-color-gray-6,#e3e5e8));--code-background-color:var(--hiq-code-background-color,var(--hiq-color-gray-7,#f1f2f4));--code-text-color:var(--hiq-code-text-color,var(--hiq-text-color,var(--hiq-color-gray-3,#2e3138)));padding:var(--code-padding-vertical) var(--code-padding-horizontal);border-radius:var(--hiq-border-radius,.2rem);background-color:var(--code-background-color);white-space:pre;color:var(--code-text-color)}:not(pre)>code{border:1px solid var(--code-border-color)}a code{padding:0;border:0;background-color:inherit;color:inherit}kbd{--kbd-padding-vertical:var(--hiq-kbd-padding-vertical,0.2rem);--kbd-padding-horizontal:var(--hiq-kbd-padding-horizontal,0.4rem);--kbd-border-color:var(--hiq-kbd-border-color,var(--hiq-color-gray-6,#e3e5e8));--kbd-background-color:var(--hiq-kbd-background-color,transparent);--kbd-text-color:var(--hiq-kbd-text-color,var(--hiq-text-color,var(--hiq-color-gray-3,#2e3138)));--nested-kbd-font-weight:var(--hiq-nested-kbd-font-weight,var(--hiq-font-weight-medium,600));padding:var(--kbd-padding-vertical) var(--kbd-padding-horizontal);border:1px solid var(--kbd-border-color);border-radius:var(--hiq-border-radius,.2rem);background-color:var(--kbd-background-color);color:var(--kbd-text-color)}kbd kbd{padding:0;border:0;font-weight:var(--nested-kbd-font-weight)}pre{--pre-padding-vertical:var(--hiq-pre-padding-vertical,var(--hiq-code-padding-vertical,1.25rem));--pre-padding-horizontal:var(--hiq-pre-padding-horizontal,var(--hiq-code-padding-horizontal,1.5rem));--pre-border-color:var(--hiq-pre-border-color,var(--hiq-color-gray-6,#e3e5e8));--pre-background-color:var(--hiq-pre-background-color,transparent);--pre-text-color:var(--hiq-pre-text-color,var(--hiq-color-gray-4,#5c6370));-webkit-overflow-scrolling:touch;overflow-x:auto;margin:0 0 var(--hiq-block-element-margin-bottom,1rem);padding:var(--pre-padding-vertical) var(--pre-padding-horizontal);border:1px solid var(--pre-border-color);border-radius:var(--hiq-border-radius,.2rem);background-color:var(--pre-background-color);-moz-tab-size:1.5rem;-o-tab-size:1.5rem;tab-size:1.5rem;word-wrap:normal;color:var(--pre-text-color)}pre,pre code{white-space:pre-wrap}pre code{padding:0;border-radius:0;background-color:transparent;font-size:inherit;color:inherit}embed,img,object,video{max-width:100%;height:auto}figure{margin:0 0 var(--hiq-block-element-margin-bottom,1rem);padding:0}figcaption{--figcaption-margin-top:var(--hiq-figcaption-margin-top,0.5rem);--figcaption-font-weight:var(--hiq-figcaption-font-weight,var(--hiq-font-weight-normal,400));--figcaption-text-color:var(--hiq-figcaption-text-color,var(--hiq-color-gray-5,#999));margin-top:var(--figcaption-margin-top);font-weight:var(--figcaption-font-weight);color:var(--figcaption-text-color)}img{--image-border-radius:var(--hiq-image-border-radius,var(--hiq-border-radius,0.2rem));display:block;border-style:none;border-radius:var(--image-border-radius);vertical-align:middle}svg:not(:root){overflow:hidden}video:focus{outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem)}audio{max-width:100%}iframe{margin:0;padding:0;border:0}meter{--meter-background-color:var(--hiq-meter-background-color,var(--hiq-color-gray-6,#e3e5e8));--meter-strong-color:var(--hiq-meter-strong-color,var(--hiq-color-success,#21d492));--meter-good-color:var(--hiq-meter-good-color,var(--hiq-color-warning,#fcd34a));--meter-weak-color:var(--hiq-meter-weak-color,var(--hiq-color-danger,#fa3d56));width:100%;border:0;background:var(--meter-background-color)}meter::-webkit-meter-bar{border:0;background:var(--meter-background-color)}meter::-moz-meter-bar{background:var(--meter-background-color)}meter::-webkit-meter-optimum-value{background:var(--meter-strong-color)}meter:-moz-meter-optimum::-moz-meter-bar{background:var(--meter-strong-color)}meter::-webkit-meter-suboptimum-value{background:var(--meter-good-color)}meter:-moz-meter-sub-optimum::-moz-meter-bar{background:var(--meter-good-color)}meter::-webkit-meter-even-less-good-value{background:var(--meter-weak-color)}meter:-moz-meter-sub-sub-optimum::-moz-meter-bar{background:var(--meter-weak-color)}progress{--progress-background-color:var(--hiq-progress-background-color,var(--hiq-color-gray-6,#e3e5e8));--progress-filled-color:var(--hiq-progress-filled-color,var(--hiq-color-primary,#007fff));position:relative;width:100%;border:0;vertical-align:baseline;-webkit-appearance:none;-moz-appearance:none}progress[value]{height:1rem}progress::-webkit-progress-bar{background-color:var(--progress-background-color)}progress::-webkit-progress-value{background-color:var(--progress-filled-color)}progress::-moz-progress-bar{background-color:var(--progress-filled-color)}progress:indeterminate:after{position:absolute;top:0;left:0;width:100%;height:100%;display:block;background-color:var(--progress-filled-color);background-image:linear-gradient(45deg,hsla(0,0,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0,100%,.15) 0,hsla(0,0,100%,.15) 75%,transparent 0,transparent);background-size:1rem 1rem;-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite;content:""}progress:indeterminate::-webkit-progress-bar{position:absolute;top:0;left:0;width:100%;height:100%;display:block;background-color:var(--progress-filled-color);background-image:linear-gradient(45deg,hsla(0,0,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0,100%,.15) 0,hsla(0,0,100%,.15) 75%,transparent 0,transparent);background-size:1rem 1rem;-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite;content:""}progress:indeterminate::-moz-progress-bar{position:absolute;top:0;left:0;width:100%;height:100%;display:block;background-color:var(--progress-filled-color);background-image:linear-gradient(45deg,hsla(0,0,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0,100%,.15) 0,hsla(0,0,100%,.15) 75%,transparent 0,transparent);background-size:1rem 1rem;animation:progress-bar-stripes 1s linear infinite;content:""}@-webkit-keyframes progress-bar-stripes{0{background-position:1rem 0}to{background-position:0 0}}@keyframes progress-bar-stripes{0{background-position:1rem 0}to{background-position:0 0}}table{--table-head-border-width:var(--hiq-table-head-border-width,var(--hiq-table-cell-border-width,1px));--table-foot-border-width:var(--hiq-table-foot-border-width,var(--hiq-table-cell-border-width,1px));--table-cell-padding-vertical:var(--hiq-table-cell-padding-vertical,0.5rem);--table-cell-padding-horizontal:var(--hiq-table-cell-padding-horizontal,0.75rem);--table-cell-border-width:var(--hiq-table-cell-border-width,1px);--table-cell-border-color:var(--hiq-table-cell-border-color,var(--hiq-color-gray-6,#e3e5e8));--table-heading-background-color:var(--hiq-table-heading-background-color,var(--hiq-color-gray-7,#f1f2f4));--table-heading-font-weight:var(--hiq-table-heading-font-weight,var(--hiq-font-weight-medium,500));--table-heading-text-color:var(--hiq-table-heading-text-color,var(--hiq-color-gray-4,#5c6370));--table-caption-padding-vertical:var(--hiq-table-caption-padding-vertical,0.75rem);--table-caption-font-weight:var(--hiq-table-caption-font-weight,var(--hiq-font-weight-normal,400));--table-caption-text-color:var(--hiq-table-caption-text-color,var(--hiq-color-gray-5,#999));width:100%;max-width:100%;margin:0 0 var(--hiq-block-element-margin-bottom,1rem);border-collapse:collapse;border-spacing:0}caption{caption-side:bottom}caption,td,th{text-align:inherit}td,th{padding:var(--table-cell-padding-vertical) var(--table-cell-padding-horizontal);border-top:var(--table-cell-border-width) solid var(--table-cell-border-color);vertical-align:top}thead td,thead th{border-top:0;border-bottom:var(--table-head-border-width) solid var(--hiq-table-cell-border-color);vertical-align:bottom}tfoot td,tfoot th{border-top:var(--table-foot-border-width) solid var(--hiq-table-cell-border-color);vertical-align:top}th{background-color:var(--table-heading-background-color);font-weight:var(--table-heading-font-weight);color:var(--table-heading-text-color)}tbody+tbody{border-top:var(--hiq-table-head-border-width,var(--hiq-table-cell-border-width,1px)) solid var(--hiq-table-cell-border-color,var(--hiq-color-gray-6,#e3e5e8))}table caption{padding:var(--table-caption-padding-vertical) 0;font-weight:var(--table-caption-font-weight);color:var(--table-caption-text-color)}fieldset{--fieldset-padding-vertical:var(--hiq-fieldset-padding-vertical,0);--fieldset-padding-horizontal:var(--hiq-fieldset-padding-horizontal,0);--fieldset-border-width:var(--hiq-fieldset-border-width,0);--fieldset-border-color:var(--hiq-fieldset-border-color,transparent);min-width:0;margin:0 0 var(--hiq-block-element-margin-bottom,1rem);padding:var(--fieldset-padding-vertical) var(--fieldset-padding-horizontal);border:var(--fieldset-border-width) solid var(--fieldset-border-color)}legend{--legend-margin-bottom:var(--hiq-legend-margin-bottom,0.5rem);--legend-font-weight:var(--hiq-legend-font-weight,var(--hiq-font-weight-semibold,600));width:100%;max-width:100%;margin:0 0 var(--legend-margin-bottom);font-weight:var(--legend-font-weight);line-height:inherit;white-space:normal;color:inherit}label,legend{display:block;padding:0}label{--label-margin-bottom:var(--hiq-label-margin-bottom,0.25rem);--label-font-weight:var(--hiq-label-font-weight,var(--hiq-font-weight-medium,500));margin:0 0 var(--label-margin-bottom);font-weight:var(--label-font-weight)}output{display:inline-block}.checkbox{--checkbox-margin-bottom:var(--hiq-checkbox-margin-bottom,0.5rem);--checkbox-label-padding-horizontal:var(--hiq-checkbox-label-padding-horizontal,1.5rem);--checkbox-label-font-weight:var(--hiq-checkbox-label-font-weight,var(--hiq-font-weight-normal,400));--checkbox-width:var(--hiq-checkbox-width,1rem);--checkbox-height:var(--hiq-checkbox-height,1rem);--checkbox-border-width:var(--hiq-checkbox-border-width,1px);--checkbox-border-color:var(--hiq-checkbox-border-color,transparent);--checkbox-border-radius:var(--hiq-checkbox-border-radius,var(--hiq-border-radius,0.2rem));--checkbox-background-color:var(--hiq-checkbox-background-color,var(--hiq-color-gray-6,#e3e5e8));--checkbox-hover-background-color:var(--hiq-checkbox-hover-background-color,var(--hiq-checkbox-background-color,var(--hiq-color-gray-6,#e3e5e8)));--checkbox-focus-background-color:var(--hiq-checkbox-focus-background-color,var(--hiq-checkbox-background-color,var(--hiq-color-gray-6,#e3e5e8)));--checkbox-checked-border-color:var(--hiq-checkbox-checked-border-color,var(--hiq-color-primary,#007fff));--checkbox-checked-background-color:var(--hiq-checkbox-checked-background-color,var(--hiq-color-primary,#007fff));--checkbox-check-width:var(--hiq-checkbox-check-width,0.25rem);--checkbox-check-height:var(--hiq-checkbox-check-height,0.5rem);--checkbox-check-color:var(--hiq-checkbox-check-color,#fff);--checkbox-check-border-width:var(--hiq-checkbox-check-border-width,2px);--checkbox-indeterminate-width:var(--hiq-checkbox-indeterminate-width,0.5rem);position:relative}.checkbox label{position:relative;margin-bottom:var(--checkbox-margin-bottom);padding:0 var(--checkbox-label-padding-horizontal);font-weight:var(--checkbox-label-font-weight) !important;line-height:1;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.checkbox label:before{display:block;position:absolute;top:0;left:0;width:var(--checkbox-width);height:var(--checkbox-height);border:var(--checkbox-border-width) solid var(--checkbox-border-color);border-radius:var(--checkbox-border-radius);background-color:var(--checkbox-background-color);transition:background-color var(--hiq-speed,.2s) var(--hiq-easing,ease-out);content:""}.checkbox input[type=checkbox]{position:absolute;top:0;left:0;width:0;height:0;opacity:0;pointer-events:none}.checkbox input[type=checkbox]:hover+label:before{background-color:var(--checkbox-hover-background-color)}.checkbox input[type=checkbox]:focus+label:before{background-color:var(--checkbox-focus-background-color);outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem)}.checkbox input[type=checkbox]:checked+label:before,.checkbox input[type=checkbox]:indeterminate+label:before,.checkbox input[type=checkbox][aria-checked]+label:before{border-color:var(--checkbox-checked-border-color);background-color:var(--checkbox-checked-background-color)}.checkbox input[type=checkbox]:checked+label:after,.checkbox input[type=checkbox][aria-checked]+label:after{display:block;position:absolute;top:50%;left:calc(var(--checkbox-width)/2);width:var(--checkbox-check-width);height:var(--checkbox-check-height);border:solid var(--checkbox-check-color);border-left-width:0;border-bottom-width:var(--checkbox-check-border-width);border-right-width:var(--checkbox-check-border-width);border-top-width:0;transform:rotate(45deg) translate(-50%,-50%);transform-origin:50% 0;content:""}.checkbox input[type=checkbox]:indeterminate+label:after{display:block;position:absolute;top:50%;left:calc(var(--checkbox-width)/2);width:var(--checkbox-indeterminate-width);height:var(--checkbox-check-border-width);background-color:var(--checkbox-check-color);transform:translate(-50%,-50%);content:""}.checkbox input[type=checkbox]:disabled+label,.checkbox input[type=checkbox][aria-disabled]+label,.checkbox input[type=checkbox][readonly]+label{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}.checkbox input[type=checkbox]:disabled,.checkbox input[type=checkbox][aria-disabled]{cursor:not-allowed}.checkbox input[type=checkbox]:disabled+label:before,.checkbox input[type=checkbox][aria-disabled]+label:before,.checkbox input[type=checkbox][readonly]+label:before{background-color:var(--hiq-disabled-background-color,var(--hiq-color-gray-7,#f1f2f4))}input[type=color]{cursor:pointer}input[type=color]:focus{outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem)}input[type=color]:disabled,input[type=color][aria-disabled]{cursor:not-allowed}input[list]{--input-border-width:var(--hiq-input-border-width,1px);--input-border-color:var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8));--input-border-radius:var(--hiq-input-border-radius,var(--hiq-border-radius,0.2rem));--input-background-color:var(--hiq-input-background-color,#fff);--input-text-color:var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,#17191c)));--input-placeholder-color:var(--hiq-input-placeholder-color,var(--hiq-color-gray-4,#5c6370));--input-hover-border-color:var(--hiq-input-hover-border-color,var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8)));--input-hover-background-color:var(--hiq-input-hover-background-color,var(--hiq-input-background-color,#fff));--input-hover-text-color:var(--hiq-input-hover-text-color,var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,#17191c))));--input-focus-border-color:var(--hiq-input-focus-border-color,var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8)));--input-focus-background-color:var(--hiq-input-focus-background-color,var(--hiq-input-background-color,#fff));--input-focus-text-color:var(--hiq-input-focus-text-color,var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,#17191c))));--input-invalid-border-color:var(--hiq-input-invalid-border-color,var(--hiq-color-danger,#fa3d56));--input-valid-border-color:var(--hiq-input-valid-border-color,var(--hiq-color-success,#21d492));box-shadow:none;outline:0;-moz-appearance:none;-webkit-appearance:none;margin:0;border:var(--input-border-width) solid var(--input-border-color);border-radius:var(--input-border-radius);background-color:var(--input-background-color);font-family:inherit;font-size:inherit;font-weight:var(--hiq-font-weight-base,400);line-height:inherit;color:var(--input-text-color);transition:border-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),background-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out);display:block;width:100%;height:var(--hiq-input-height,2.5rem);padding:var(--hiq-input-padding-vertical,0) var(--hiq-input-padding-horizontal,.75rem)}input[list]::-webkit-input-placeholder{color:var(--input-placeholder-color)}input[list]:-ms-input-placeholder{color:var(--input-placeholder-color)}input[list]::-ms-input-placeholder{color:var(--input-placeholder-color)}input[list]::-moz-placeholder{color:var(--input-placeholder-color)}input[list]::placeholder{color:var(--input-placeholder-color)}input[list]:hover{border-color:var(--input-hover-border-color);background-color:var(--input-hover-background-color);color:var(--input-hover-text-color)}input[list]:focus{border-color:var(--input-focus-border-color);background-color:var(--input-focus-background-color);outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem);color:var(--input-focus-text-color)}input[list]:disabled,input[list][aria-disabled],input[list][readonly]{border-color:var(--hiq-disabled-border-color,var(--hiq-color-gray-6,#e3e5e8));background-color:var(--hiq-disabled-background-color,var(--hiq-color-gray-7,#f1f2f4));color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}input[list]:disabled::-webkit-input-placeholder,input[list][aria-disabled]::-webkit-input-placeholder,input[list][readonly]::-webkit-input-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}input[list]:disabled:-ms-input-placeholder,input[list][aria-disabled]:-ms-input-placeholder,input[list][readonly]:-ms-input-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}input[list]:disabled::-ms-input-placeholder,input[list][aria-disabled]::-ms-input-placeholder,input[list][readonly]::-ms-input-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}input[list]:disabled::-moz-placeholder,input[list][aria-disabled]::-moz-placeholder,input[list][readonly]::-moz-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}input[list]:disabled::placeholder,input[list][aria-disabled]::placeholder,input[list][readonly]::placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}input[list]:disabled{cursor:not-allowed}input[list]:required:invalid:not(:focus){border-color:var(--input-invalid-border-color)}input[list]:required:valid:not(:focus){border-color:var(--input-valid-border-color)}input[type=file]{display:block;font-size:inherit;line-height:inherit;cursor:pointer}input[type=file]:focus{outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem)}input[type=file]:disabled,input[type=file][aria-disabled]{cursor:not-allowed}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}.radio{--radio-margin-bottom:var(--hiq-radio-margin-bottom,0.5rem);--radio-label-padding-horizontal:var(--hiq-radio-label-padding-horizontal,1.5rem);--radio-label-font-weight:var(--hiq-radio-label-font-weight,var(--hiq-font-weight-normal,400));--radio-width:var(--hiq-radio-width,1rem);--radio-height:var(--hiq-radio-height,1rem);--radio-border-width:var(--hiq-radio-border-width,1px) solid var(--hiq-radio-border-color,transparent);--radio-border-color:var(--hiq-radio-border-color,transparent);--radio-border-radius:var(--hiq-radio-border-radius,50%);--radio-background-color:var(--hiq-radio-background-color,var(--hiq-color-gray-6,#e3e5e8));--radio-hover-background-color:var(--hiq-radio-hover-background-color,var(--hiq-radio-background-color,var(--hiq-color-gray-6,#e3e5e8)));--radio-focus-background-color:var(--hiq-radio-focus-background-color,var(--hiq-radio-background-color,var(--hiq-color-gray-6,#e3e5e8)));--radio-checked-background-color:var(--hiq-radio-checked-background-color,var(--hiq-color-primary,#007fff));--radio-checked-border-color:var(--hiq-radio-checked-border-color,var(--hiq-color-primary,#007fff));--radio-check-width:var(--hiq-radio-check-width,0.5rem);--radio-check-height:var(--hiq-radio-check-height,0.5rem);--radio-check-border-radius:var(--hiq-radio-check-border-radius,50%);--radio-check-background-color:var(--hiq-radio-check-background-color,#fff);position:relative}.radio label{position:relative;margin-bottom:var(--radio-margin-bottom);padding:0 var(--radio-label-padding-horizontal);font-weight:var(--radio-label-font-weight) !important;line-height:1;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.radio label:before{display:block;position:absolute;top:0;left:0;width:var(--radio-width);height:var(--radio-height);border:var(--radio-border-width) solid var(--radio-border-color);border-radius:var(--radio-border-radius);background-color:var(--radio-background-color);transition:background-color var(--hiq-speed,.2s) var(--hiq-easing,ease-out);content:""}.radio input[type=radio]{position:absolute;top:0;left:0;width:0;height:0;opacity:0;pointer-events:none}.radio input[type=radio]:hover+label:before{background-color:var(--radio-hover-background-color)}.radio input[type=radio]:focus+label:before{background-color:var(--radio-focus-background-color);outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem)}.radio input[type=radio]:checked+label:before,.radio input[type=radio][aria-checked]+label:before{border-color:var(--radio-checked-border-color);background-color:var(--radio-checked-background-color)}.radio input[type=radio]:checked+label:after,.radio input[type=radio][aria-checked]+label:after{display:block;position:absolute;top:50%;left:calc(var(--radio-width)/2);width:var(--radio-check-width);height:var(--radio-check-height);border-radius:var(--radio-check-border-radius);background-color:var(--radio-check-background-color);transform:translate(-50%,-50%);content:""}.radio input[type=radio]:disabled+label,.radio input[type=radio][aria-disabled]+label,.radio input[type=radio][readonly]+label{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}.radio input[type=radio]:disabled,.radio input[type=radio][aria-disabled]{cursor:not-allowed}.radio input[type=radio]:disabled+label:before,.radio input[type=radio][aria-disabled]+label:before,.radio input[type=radio][readonly]+label:before{background-color:var(--hiq-disabled-background-color,var(--hiq-color-gray-7,#f1f2f4))}input[type=range]{--range-input-track-height:var(--hiq-range-input-track-height,0.5rem);--range-input-track-border-radius:var(--hiq-range-input-track-border-radius,var(--hiq-border-radius,0.2rem));--range-input-track-background-color:var(--hiq-range-input-track-background-color,var(--hiq-color-gray-6,#e3e5e8));--range-input-thumb-width:var(--hiq-range-input-thumb-width,1.5rem);--range-input-thumb-height:var(--hiq-range-input-thumb-height,1.5rem);--range-input-thumb-border-radius:var(--hiq-range-input-thumb-border-radius,50%);--range-input-thumb-background-color:var(--hiq-range-input-thumb-background-color,var(--hiq-color-primary,#007fff));--range-input-thumb-disabled-background-color:var(--hiq-range-input-thumb-disabled-background-color,var(--hiq-color-gray-6,#e3e6e8));width:100%;background:transparent;outline:0;-webkit-appearance:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:var(--range-input-track-height);border-radius:var(--range-input-track-border-radius);background-color:var(--range-input-track-background-color);-webkit-transition:background-color var(--hiq-speed,.2s) var(--hiq-easing,ease-out);transition:background-color var(--hiq-speed,.2s) var(--hiq-easing,ease-out);cursor:pointer}input[type=range]::-moz-range-track{width:100%;height:var(--range-input-track-height);background-color:var(--range-input-track-background-color);-moz-transition:background-color var(--hiq-speed,.2s) var(--hiq-easing,ease-out);transition:background-color var(--hiq-speed,.2s) var(--hiq-easing,ease-out);cursor:pointer}input[type=range]::-ms-track{width:100%;height:var(--range-input-track-height);border-width:var(--range-input-thumb-height);border-color:transparent;background-color:transparent;color:transparent;-ms-transition:background-color var(--hiq-speed,.2s) var(--hiq-easing,ease-out);transition:background-color var(--hiq-speed,.2s) var(--hiq-easing,ease-out);cursor:pointer}input[type=range]::-ms-fill-lower{background-color:var(--range-input-track-background-color)}input[type=range]::-ms-fill-upper{background-color:var(--range-input-track-background-color)}input[type=range]::-webkit-slider-thumb{width:var(--range-input-thumb-width);height:var(--range-input-thumb-height);margin-top:-.5rem;border-color:transparent;border-radius:var(--range-input-thumb-border-radius);background-color:var(--range-input-thumb-background-color);-webkit-appearance:none;cursor:pointer}input[type=range]:focus::-webkit-slider-thumb{outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem)}input[type=range]::-moz-range-thumb{width:var(--range-input-thumb-width);height:var(--range-input-thumb-height);border-color:transparent;border-radius:var(--range-input-thumb-border-radius);background-color:var(--range-input-thumb-background-color);cursor:pointer}input[type=range]:focus::-moz-range-thumb{box-shadow:0 0 0 var(--hiq-outline-width,.2rem) var(--hiq-outline-color,#b3d9ff)}input[type=range]::-ms-thumb{width:var(--range-input-thumb-width);height:var(--range-input-thumb-height);border-color:transparent;border-radius:var(--range-input-thumb-border-radius);background-color:var(--range-input-thumb-background-color);cursor:pointer}input[type=range]:focus::-ms-thumb{outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem)}input[type=range]:disabled::-webkit-slider-runnable-track,input[type=range][aria-disabled]::-webkit-slider-runnable-track{background-color:var(--hiq-disabled-background-color,var(--hiq-color-gray-7,#f1f2f4));cursor:not-allowed}input[type=range]:disabled::-moz-range-track,input[type=range][aria-disabled]::-moz-range-track{background-color:var(--hiq-disabled-background-color,var(--hiq-color-gray-7,#f1f2f4));cursor:not-allowed}input[type=range]:disabled::-ms-fill-lower,input[type=range][aria-disabled]::-ms-fill-lower{background-color:var(--hiq-disabled-background-color,var(--hiq-color-gray-7,#f1f2f4));cursor:not-allowed}input[type=range]:disabled::-ms-fill-upper,input[type=range][aria-disabled]::-ms-fill-upper{background-color:var(--hiq-disabled-background-color,var(--hiq-color-gray-7,#f1f2f4));cursor:not-allowed}input[type=range]:disabled::-webkit-slider-thumb,input[type=range][aria-disabled]::-webkit-slider-thumb{background-color:var(--range-input-thumb-disabled-background-color);cursor:not-allowed}input[type=range]:disabled::-moz-range-thumb,input[type=range][aria-disabled]::-moz-range-thumb{background-color:var(--range-input-thumb-disabled-background-color);cursor:not-allowed}input[type=range]:disabled::-ms-thumb,input[type=range][aria-disabled]::-ms-thumb{background-color:var(--range-input-thumb-disabled-background-color);cursor:not-allowed}select{--select-background-image:var(--hiq-select-background-image,url("data:image/svg+xml;charset=utf-8,%3Csvgwidth='30'height='16'xmlns='http://www.w3.org/2000/svg'%3E%3Cpathd='M1516L00h30z'fill='%23000'fill-rule='evenodd'/%3E%3C/svg%3E"));--select-background-position:var(--hiq-select-background-position,right 1rem center);--select-background-size:var(--hiq-select-background-size,0.75rem);--select-multiple-padding-vertical:var(--hiq-select-multiple-padding-vertical,0.75rem);--select-multiple-checked-background-color:var(--hiq-select-multiple-checked-background-color,var(--hiq-color-primary,#007fff));--input-border-width:var(--hiq-input-border-width,1px);--input-border-color:var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8));--input-border-radius:var(--hiq-input-border-radius,var(--hiq-border-radius,0.2rem));--input-background-color:var(--hiq-input-background-color,#fff);--input-text-color:var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,#17191c)));--input-placeholder-color:var(--hiq-input-placeholder-color,var(--hiq-color-gray-4,#5c6370));--input-hover-border-color:var(--hiq-input-hover-border-color,var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8)));--input-hover-background-color:var(--hiq-input-hover-background-color,var(--hiq-input-background-color,#fff));--input-hover-text-color:var(--hiq-input-hover-text-color,var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,#17191c))));--input-focus-border-color:var(--hiq-input-focus-border-color,var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8)));--input-focus-background-color:var(--hiq-input-focus-background-color,var(--hiq-input-background-color,#fff));--input-focus-text-color:var(--hiq-input-focus-text-color,var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,#17191c))));--input-invalid-border-color:var(--hiq-input-invalid-border-color,var(--hiq-color-danger,#fa3d56));--input-valid-border-color:var(--hiq-input-valid-border-color,var(--hiq-color-success,#21d492));box-shadow:none;outline:0;-moz-appearance:none;-webkit-appearance:none;margin:0;border:var(--input-border-width) solid var(--input-border-color);border-radius:var(--input-border-radius);background-color:var(--input-background-color);font-family:inherit;font-size:inherit;font-weight:var(--hiq-font-weight-base,400);line-height:inherit;color:var(--input-text-color);transition:border-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),background-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out);display:block;width:100%;height:var(--hiq-input-height,2.5rem);padding:var(--hiq-input-padding-vertical,0) var(--hiq-input-padding-horizontal,.75rem)}select::-webkit-input-placeholder{color:var(--input-placeholder-color)}select:-ms-input-placeholder{color:var(--input-placeholder-color)}select::-ms-input-placeholder{color:var(--input-placeholder-color)}select::-moz-placeholder{color:var(--input-placeholder-color)}select::placeholder{color:var(--input-placeholder-color)}select:hover{border-color:var(--input-hover-border-color);background-color:var(--input-hover-background-color);color:var(--input-hover-text-color)}select:focus{border-color:var(--input-focus-border-color);background-color:var(--input-focus-background-color);outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem);color:var(--input-focus-text-color)}select:disabled,select[aria-disabled],select[readonly]{border-color:var(--hiq-disabled-border-color,var(--hiq-color-gray-6,#e3e5e8));background-color:var(--hiq-disabled-background-color,var(--hiq-color-gray-7,#f1f2f4));color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}select:disabled::-webkit-input-placeholder,select[aria-disabled]::-webkit-input-placeholder,select[readonly]::-webkit-input-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}select:disabled:-ms-input-placeholder,select[aria-disabled]:-ms-input-placeholder,select[readonly]:-ms-input-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}select:disabled::-ms-input-placeholder,select[aria-disabled]::-ms-input-placeholder,select[readonly]::-ms-input-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}select:disabled::-moz-placeholder,select[aria-disabled]::-moz-placeholder,select[readonly]::-moz-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}select:disabled::placeholder,select[aria-disabled]::placeholder,select[readonly]::placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}select:disabled{cursor:not-allowed}select:required:invalid:not(:focus){border-color:var(--input-invalid-border-color)}select:required:valid:not(:focus){border-color:var(--input-valid-border-color)}select:not([multiple]){background-image:var(--select-background-image);background-repeat:no-repeat;background-position:var(--select-background-position);background-size:var(--select-background-size)}select[multiple]{height:auto;padding-top:var(--select-multiple-padding-vertical);padding-bottom:var(--select-multiple-padding-vertical)}select[multiple] option{padding:.125rem .5rem}select[multiple] option:checked{background:var(--select-multiple-checked-background-color) -webkit-linear-gradient(bottom,var(--select-multiple-checked-background-color),var(--select-multiple-checked-background-color))}optgroup{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}input[type=date],input[type=datetime-local],input[type=month],input[type=time],input[type=week]{-webkit-appearance:listbox}input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week]{--input-border-width:var(--hiq-input-border-width,1px);--input-border-color:var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8));--input-border-radius:var(--hiq-input-border-radius,var(--hiq-border-radius,0.2rem));--input-background-color:var(--hiq-input-background-color,#fff);--input-text-color:var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,#17191c)));--input-placeholder-color:var(--hiq-input-placeholder-color,var(--hiq-color-gray-4,#5c6370));--input-hover-border-color:var(--hiq-input-hover-border-color,var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8)));--input-hover-background-color:var(--hiq-input-hover-background-color,var(--hiq-input-background-color,#fff));--input-hover-text-color:var(--hiq-input-hover-text-color,var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,#17191c))));--input-focus-border-color:var(--hiq-input-focus-border-color,var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8)));--input-focus-background-color:var(--hiq-input-focus-background-color,var(--hiq-input-background-color,#fff));--input-focus-text-color:var(--hiq-input-focus-text-color,var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,#17191c))));--input-invalid-border-color:var(--hiq-input-invalid-border-color,var(--hiq-color-danger,#fa3d56));--input-valid-border-color:var(--hiq-input-valid-border-color,var(--hiq-color-success,#21d492));box-shadow:none;outline:0;-moz-appearance:none;-webkit-appearance:none;margin:0;border:var(--input-border-width) solid var(--input-border-color);border-radius:var(--input-border-radius);background-color:var(--input-background-color);font-family:inherit;font-size:inherit;font-weight:var(--hiq-font-weight-base,400);line-height:inherit;color:var(--input-text-color);transition:border-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),background-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out);display:block;width:100%;height:var(--hiq-input-height,2.5rem);padding:var(--hiq-input-padding-vertical,0) var(--hiq-input-padding-horizontal,.75rem)}input[type=date]::-webkit-input-placeholder,input[type=datetime-local]::-webkit-input-placeholder,input[type=email]::-webkit-input-placeholder,input[type=month]::-webkit-input-placeholder,input[type=number]::-webkit-input-placeholder,input[type=password]::-webkit-input-placeholder,input[type=search]::-webkit-input-placeholder,input[type=tel]::-webkit-input-placeholder,input[type=text]::-webkit-input-placeholder,input[type=time]::-webkit-input-placeholder,input[type=url]::-webkit-input-placeholder,input[type=week]::-webkit-input-placeholder{color:var(--input-placeholder-color)}input[type=date]:-ms-input-placeholder,input[type=datetime-local]:-ms-input-placeholder,input[type=email]:-ms-input-placeholder,input[type=month]:-ms-input-placeholder,input[type=number]:-ms-input-placeholder,input[type=password]:-ms-input-placeholder,input[type=search]:-ms-input-placeholder,input[type=tel]:-ms-input-placeholder,input[type=text]:-ms-input-placeholder,input[type=time]:-ms-input-placeholder,input[type=url]:-ms-input-placeholder,input[type=week]:-ms-input-placeholder{color:var(--input-placeholder-color)}input[type=date]::-ms-input-placeholder,input[type=datetime-local]::-ms-input-placeholder,input[type=email]::-ms-input-placeholder,input[type=month]::-ms-input-placeholder,input[type=number]::-ms-input-placeholder,input[type=password]::-ms-input-placeholder,input[type=search]::-ms-input-placeholder,input[type=tel]::-ms-input-placeholder,input[type=text]::-ms-input-placeholder,input[type=time]::-ms-input-placeholder,input[type=url]::-ms-input-placeholder,input[type=week]::-ms-input-placeholder{color:var(--input-placeholder-color)}input[type=date]::-moz-placeholder,input[type=datetime-local]::-moz-placeholder,input[type=email]::-moz-placeholder,input[type=month]::-moz-placeholder,input[type=number]::-moz-placeholder,input[type=password]::-moz-placeholder,input[type=search]::-moz-placeholder,input[type=tel]::-moz-placeholder,input[type=text]::-moz-placeholder,input[type=time]::-moz-placeholder,input[type=url]::-moz-placeholder,input[type=week]::-moz-placeholder{color:var(--input-placeholder-color)}input[type=date]::placeholder,input[type=datetime-local]::placeholder,input[type=email]::placeholder,input[type=month]::placeholder,input[type=number]::placeholder,input[type=password]::placeholder,input[type=search]::placeholder,input[type=tel]::placeholder,input[type=text]::placeholder,input[type=time]::placeholder,input[type=url]::placeholder,input[type=week]::placeholder{color:var(--input-placeholder-color)}input[type=date]:hover,input[type=datetime-local]:hover,input[type=email]:hover,input[type=month]:hover,input[type=number]:hover,input[type=password]:hover,input[type=search]:hover,input[type=tel]:hover,input[type=text]:hover,input[type=time]:hover,input[type=url]:hover,input[type=week]:hover{border-color:var(--input-hover-border-color);background-color:var(--input-hover-background-color);color:var(--input-hover-text-color)}input[type=date]:focus,input[type=datetime-local]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus{border-color:var(--input-focus-border-color);background-color:var(--input-focus-background-color);outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem);color:var(--input-focus-text-color)}input[type=date]:disabled,input[type=date][aria-disabled],input[type=date][readonly],input[type=datetime-local]:disabled,input[type=datetime-local][aria-disabled],input[type=datetime-local][readonly],input[type=email]:disabled,input[type=email][aria-disabled],input[type=email][readonly],input[type=month]:disabled,input[type=month][aria-disabled],input[type=month][readonly],input[type=number]:disabled,input[type=number][aria-disabled],input[type=number][readonly],input[type=password]:disabled,input[type=password][aria-disabled],input[type=password][readonly],input[type=search]:disabled,input[type=search][aria-disabled],input[type=search][readonly],input[type=tel]:disabled,input[type=tel][aria-disabled],input[type=tel][readonly],input[type=text]:disabled,input[type=text][aria-disabled],input[type=text][readonly],input[type=time]:disabled,input[type=time][aria-disabled],input[type=time][readonly],input[type=url]:disabled,input[type=url][aria-disabled],input[type=url][readonly],input[type=week]:disabled,input[type=week][aria-disabled],input[type=week][readonly]{border-color:var(--hiq-disabled-border-color,var(--hiq-color-gray-6,#e3e5e8));background-color:var(--hiq-disabled-background-color,var(--hiq-color-gray-7,#f1f2f4));color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}input[type=date]:disabled::-webkit-input-placeholder,input[type=date][aria-disabled]::-webkit-input-placeholder,input[type=date][readonly]::-webkit-input-placeholder,input[type=datetime-local]:disabled::-webkit-input-placeholder,input[type=datetime-local][aria-disabled]::-webkit-input-placeholder,input[type=datetime-local][readonly]::-webkit-input-placeholder,input[type=email]:disabled::-webkit-input-placeholder,input[type=email][aria-disabled]::-webkit-input-placeholder,input[type=email][readonly]::-webkit-input-placeholder,input[type=month]:disabled::-webkit-input-placeholder,input[type=month][aria-disabled]::-webkit-input-placeholder,input[type=month][readonly]::-webkit-input-placeholder,input[type=number]:disabled::-webkit-input-placeholder,input[type=number][aria-disabled]::-webkit-input-placeholder,input[type=number][readonly]::-webkit-input-placeholder,input[type=password]:disabled::-webkit-input-placeholder,input[type=password][aria-disabled]::-webkit-input-placeholder,input[type=password][readonly]::-webkit-input-placeholder,input[type=search]:disabled::-webkit-input-placeholder,input[type=search][aria-disabled]::-webkit-input-placeholder,input[type=search][readonly]::-webkit-input-placeholder,input[type=tel]:disabled::-webkit-input-placeholder,input[type=tel][aria-disabled]::-webkit-input-placeholder,input[type=tel][readonly]::-webkit-input-placeholder,input[type=text]:disabled::-webkit-input-placeholder,input[type=text][aria-disabled]::-webkit-input-placeholder,input[type=text][readonly]::-webkit-input-placeholder,input[type=time]:disabled::-webkit-input-placeholder,input[type=time][aria-disabled]::-webkit-input-placeholder,input[type=time][readonly]::-webkit-input-placeholder,input[type=url]:disabled::-webkit-input-placeholder,input[type=url][aria-disabled]::-webkit-input-placeholder,input[type=url][readonly]::-webkit-input-placeholder,input[type=week]:disabled::-webkit-input-placeholder,input[type=week][aria-disabled]::-webkit-input-placeholder,input[type=week][readonly]::-webkit-input-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}input[type=date]:disabled:-ms-input-placeholder,input[type=date][aria-disabled]:-ms-input-placeholder,input[type=date][readonly]:-ms-input-placeholder,input[type=datetime-local]:disabled:-ms-input-placeholder,input[type=datetime-local][aria-disabled]:-ms-input-placeholder,input[type=datetime-local][readonly]:-ms-input-placeholder,input[type=email]:disabled:-ms-input-placeholder,input[type=email][aria-disabled]:-ms-input-placeholder,input[type=email][readonly]:-ms-input-placeholder,input[type=month]:disabled:-ms-input-placeholder,input[type=month][aria-disabled]:-ms-input-placeholder,input[type=month][readonly]:-ms-input-placeholder,input[type=number]:disabled:-ms-input-placeholder,input[type=number][aria-disabled]:-ms-input-placeholder,input[type=number][readonly]:-ms-input-placeholder,input[type=password]:disabled:-ms-input-placeholder,input[type=password][aria-disabled]:-ms-input-placeholder,input[type=password][readonly]:-ms-input-placeholder,input[type=search]:disabled:-ms-input-placeholder,input[type=search][aria-disabled]:-ms-input-placeholder,input[type=search][readonly]:-ms-input-placeholder,input[type=tel]:disabled:-ms-input-placeholder,input[type=tel][aria-disabled]:-ms-input-placeholder,input[type=tel][readonly]:-ms-input-placeholder,input[type=text]:disabled:-ms-input-placeholder,input[type=text][aria-disabled]:-ms-input-placeholder,input[type=text][readonly]:-ms-input-placeholder,input[type=time]:disabled:-ms-input-placeholder,input[type=time][aria-disabled]:-ms-input-placeholder,input[type=time][readonly]:-ms-input-placeholder,input[type=url]:disabled:-ms-input-placeholder,input[type=url][aria-disabled]:-ms-input-placeholder,input[type=url][readonly]:-ms-input-placeholder,input[type=week]:disabled:-ms-input-placeholder,input[type=week][aria-disabled]:-ms-input-placeholder,input[type=week][readonly]:-ms-input-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}input[type=date]:disabled::-ms-input-placeholder,input[type=date][aria-disabled]::-ms-input-placeholder,input[type=date][readonly]::-ms-input-placeholder,input[type=datetime-local]:disabled::-ms-input-placeholder,input[type=datetime-local][aria-disabled]::-ms-input-placeholder,input[type=datetime-local][readonly]::-ms-input-placeholder,input[type=email]:disabled::-ms-input-placeholder,input[type=email][aria-disabled]::-ms-input-placeholder,input[type=email][readonly]::-ms-input-placeholder,input[type=month]:disabled::-ms-input-placeholder,input[type=month][aria-disabled]::-ms-input-placeholder,input[type=month][readonly]::-ms-input-placeholder,input[type=number]:disabled::-ms-input-placeholder,input[type=number][aria-disabled]::-ms-input-placeholder,input[type=number][readonly]::-ms-input-placeholder,input[type=password]:disabled::-ms-input-placeholder,input[type=password][aria-disabled]::-ms-input-placeholder,input[type=password][readonly]::-ms-input-placeholder,input[type=search]:disabled::-ms-input-placeholder,input[type=search][aria-disabled]::-ms-input-placeholder,input[type=search][readonly]::-ms-input-placeholder,input[type=tel]:disabled::-ms-input-placeholder,input[type=tel][aria-disabled]::-ms-input-placeholder,input[type=tel][readonly]::-ms-input-placeholder,input[type=text]:disabled::-ms-input-placeholder,input[type=text][aria-disabled]::-ms-input-placeholder,input[type=text][readonly]::-ms-input-placeholder,input[type=time]:disabled::-ms-input-placeholder,input[type=time][aria-disabled]::-ms-input-placeholder,input[type=time][readonly]::-ms-input-placeholder,input[type=url]:disabled::-ms-input-placeholder,input[type=url][aria-disabled]::-ms-input-placeholder,input[type=url][readonly]::-ms-input-placeholder,input[type=week]:disabled::-ms-input-placeholder,input[type=week][aria-disabled]::-ms-input-placeholder,input[type=week][readonly]::-ms-input-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}input[type=date]:disabled::-moz-placeholder,input[type=date][aria-disabled]::-moz-placeholder,input[type=date][readonly]::-moz-placeholder,input[type=datetime-local]:disabled::-moz-placeholder,input[type=datetime-local][aria-disabled]::-moz-placeholder,input[type=datetime-local][readonly]::-moz-placeholder,input[type=email]:disabled::-moz-placeholder,input[type=email][aria-disabled]::-moz-placeholder,input[type=email][readonly]::-moz-placeholder,input[type=month]:disabled::-moz-placeholder,input[type=month][aria-disabled]::-moz-placeholder,input[type=month][readonly]::-moz-placeholder,input[type=number]:disabled::-moz-placeholder,input[type=number][aria-disabled]::-moz-placeholder,input[type=number][readonly]::-moz-placeholder,input[type=password]:disabled::-moz-placeholder,input[type=password][aria-disabled]::-moz-placeholder,input[type=password][readonly]::-moz-placeholder,input[type=search]:disabled::-moz-placeholder,input[type=search][aria-disabled]::-moz-placeholder,input[type=search][readonly]::-moz-placeholder,input[type=tel]:disabled::-moz-placeholder,input[type=tel][aria-disabled]::-moz-placeholder,input[type=tel][readonly]::-moz-placeholder,input[type=text]:disabled::-moz-placeholder,input[type=text][aria-disabled]::-moz-placeholder,input[type=text][readonly]::-moz-placeholder,input[type=time]:disabled::-moz-placeholder,input[type=time][aria-disabled]::-moz-placeholder,input[type=time][readonly]::-moz-placeholder,input[type=url]:disabled::-moz-placeholder,input[type=url][aria-disabled]::-moz-placeholder,input[type=url][readonly]::-moz-placeholder,input[type=week]:disabled::-moz-placeholder,input[type=week][aria-disabled]::-moz-placeholder,input[type=week][readonly]::-moz-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}input[type=date]:disabled::placeholder,input[type=date][aria-disabled]::placeholder,input[type=date][readonly]::placeholder,input[type=datetime-local]:disabled::placeholder,input[type=datetime-local][aria-disabled]::placeholder,input[type=datetime-local][readonly]::placeholder,input[type=email]:disabled::placeholder,input[type=email][aria-disabled]::placeholder,input[type=email][readonly]::placeholder,input[type=month]:disabled::placeholder,input[type=month][aria-disabled]::placeholder,input[type=month][readonly]::placeholder,input[type=number]:disabled::placeholder,input[type=number][aria-disabled]::placeholder,input[type=number][readonly]::placeholder,input[type=password]:disabled::placeholder,input[type=password][aria-disabled]::placeholder,input[type=password][readonly]::placeholder,input[type=search]:disabled::placeholder,input[type=search][aria-disabled]::placeholder,input[type=search][readonly]::placeholder,input[type=tel]:disabled::placeholder,input[type=tel][aria-disabled]::placeholder,input[type=tel][readonly]::placeholder,input[type=text]:disabled::placeholder,input[type=text][aria-disabled]::placeholder,input[type=text][readonly]::placeholder,input[type=time]:disabled::placeholder,input[type=time][aria-disabled]::placeholder,input[type=time][readonly]::placeholder,input[type=url]:disabled::placeholder,input[type=url][aria-disabled]::placeholder,input[type=url][readonly]::placeholder,input[type=week]:disabled::placeholder,input[type=week][aria-disabled]::placeholder,input[type=week][readonly]::placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}input[type=date]:disabled,input[type=datetime-local]:disabled,input[type=email]:disabled,input[type=month]:disabled,input[type=number]:disabled,input[type=password]:disabled,input[type=search]:disabled,input[type=tel]:disabled,input[type=text]:disabled,input[type=time]:disabled,input[type=url]:disabled,input[type=week]:disabled{cursor:not-allowed}input[type=date]:required:invalid:not(:focus),input[type=datetime-local]:required:invalid:not(:focus),input[type=email]:required:invalid:not(:focus),input[type=month]:required:invalid:not(:focus),input[type=number]:required:invalid:not(:focus),input[type=password]:required:invalid:not(:focus),input[type=search]:required:invalid:not(:focus),input[type=tel]:required:invalid:not(:focus),input[type=text]:required:invalid:not(:focus),input[type=time]:required:invalid:not(:focus),input[type=url]:required:invalid:not(:focus),input[type=week]:required:invalid:not(:focus){border-color:var(--input-invalid-border-color)}input[type=date]:required:valid:not(:focus),input[type=datetime-local]:required:valid:not(:focus),input[type=email]:required:valid:not(:focus),input[type=month]:required:valid:not(:focus),input[type=number]:required:valid:not(:focus),input[type=password]:required:valid:not(:focus),input[type=search]:required:valid:not(:focus),input[type=tel]:required:valid:not(:focus),input[type=text]:required:valid:not(:focus),input[type=time]:required:valid:not(:focus),input[type=url]:required:valid:not(:focus),input[type=week]:required:valid:not(:focus){border-color:var(--input-valid-border-color)}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{--textarea-padding-vertical:var(--hiq-textarea-padding-vertical,0.5rem);--textarea-padding-horizontal:var(--hiq-textarea-padding-horizontal,0.75rem);--input-border-width:var(--hiq-input-border-width,1px);--input-border-color:var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8));--input-border-radius:var(--hiq-input-border-radius,var(--hiq-border-radius,0.2rem));--input-background-color:var(--hiq-input-background-color,#fff);--input-text-color:var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,#17191c)));--input-placeholder-color:var(--hiq-input-placeholder-color,var(--hiq-color-gray-4,#5c6370));--input-hover-border-color:var(--hiq-input-hover-border-color,var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8)));--input-hover-background-color:var(--hiq-input-hover-background-color,var(--hiq-input-background-color,#fff));--input-hover-text-color:var(--hiq-input-hover-text-color,var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,#17191c))));--input-focus-border-color:var(--hiq-input-focus-border-color,var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8)));--input-focus-background-color:var(--hiq-input-focus-background-color,var(--hiq-input-background-color,#fff));--input-focus-text-color:var(--hiq-input-focus-text-color,var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,#17191c))));--input-invalid-border-color:var(--hiq-input-invalid-border-color,var(--hiq-color-danger,#fa3d56));--input-valid-border-color:var(--hiq-input-valid-border-color,var(--hiq-color-success,#21d492));box-shadow:none;outline:0;-moz-appearance:none;-webkit-appearance:none;border:var(--input-border-width) solid var(--input-border-color);border-radius:var(--input-border-radius);background-color:var(--input-background-color);font-family:inherit;font-size:inherit;font-weight:var(--hiq-font-weight-base,400);line-height:inherit;color:var(--input-text-color);transition:border-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),background-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out);display:block;width:100%;height:auto;overflow:auto;margin:0;padding:var(--textarea-padding-vertical) var(--textarea-padding-horizontal);resize:vertical}textarea::-webkit-input-placeholder{color:var(--input-placeholder-color)}textarea:-ms-input-placeholder{color:var(--input-placeholder-color)}textarea::-ms-input-placeholder{color:var(--input-placeholder-color)}textarea::-moz-placeholder{color:var(--input-placeholder-color)}textarea::placeholder{color:var(--input-placeholder-color)}textarea:hover{border-color:var(--input-hover-border-color);background-color:var(--input-hover-background-color);color:var(--input-hover-text-color)}textarea:focus{border-color:var(--input-focus-border-color);background-color:var(--input-focus-background-color);outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem);color:var(--input-focus-text-color)}textarea:disabled,textarea[aria-disabled],textarea[readonly]{border-color:var(--hiq-disabled-border-color,var(--hiq-color-gray-6,#e3e5e8));background-color:var(--hiq-disabled-background-color,var(--hiq-color-gray-7,#f1f2f4));color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}textarea:disabled::-webkit-input-placeholder,textarea[aria-disabled]::-webkit-input-placeholder,textarea[readonly]::-webkit-input-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}textarea:disabled:-ms-input-placeholder,textarea[aria-disabled]:-ms-input-placeholder,textarea[readonly]:-ms-input-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}textarea:disabled::-ms-input-placeholder,textarea[aria-disabled]::-ms-input-placeholder,textarea[readonly]::-ms-input-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}textarea:disabled::-moz-placeholder,textarea[aria-disabled]::-moz-placeholder,textarea[readonly]::-moz-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}textarea:disabled::placeholder,textarea[aria-disabled]::placeholder,textarea[readonly]::placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}textarea:disabled{cursor:not-allowed}textarea:required:invalid:not(:focus){border-color:var(--input-invalid-border-color)}textarea:required:valid:not(:focus){border-color:var(--input-valid-border-color)}.container{width:calc(100% - var(--hiq-container-horizontal-gap,2rem)*2);max-width:calc(var(--hiq-max-container-width,50rem) - var(--hiq-container-horizontal-gap,2rem)*2);margin-right:auto;margin-left:auto}.container.is-fluid{max-width:none}:root{--hiq-color-gray-1:#0b0c0e;--hiq-color-gray-2:#17191c;--hiq-color-gray-3:#2e3138;--hiq-color-gray-4:#5c6370;--hiq-color-gray-5:#8f96a3;--hiq-color-gray-6:#e3e5e8;--hiq-color-gray-7:#f1f2f4;--hiq-color-gray-8:#f9fafa;--hiq-color-primary:#007fff;--hiq-color-success:#21d492;--hiq-color-warning:#fcd34a;--hiq-color-danger:#fa3d56;--hiq-html-background-color:#fff;--hiq-body-background-color:#fff;--hiq-disabled-border-color:var(--hiq-color-gray-7);--hiq-disabled-background-color:var(--hiq-color-gray-7);--hiq-disabled-text-color:var(--hiq-color-gray-5);--hiq-max-container-width:50rem;--hiq-container-horizontal-gap:2rem;--hiq-block-element-margin-bottom:1rem;--hiq-border-radius:.2rem;--hiq-outline-width:.2rem;--hiq-outline-color:#b3d9ff;--hiq-speed:.1s;--hiq-easing:ease-out;--hiq-text-rendering:optimizeLegibility;--hiq-letter-spacing-base:0;--hiq-font-family-base:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;--hiq-font-family-monospace:Menlo,Monaco,Consolas,"Courier New",monospace;--hiq-unitless-min-font-size:15;--hiq-unitless-max-font-size:16;--hiq-unitless-lower-font-range:460;--hiq-unitless-upper-font-range:900;@custom-media --hiq-lower-font-range(min-width:460px);@custom-media --hiq-upper-font-range(min-width:900px);--hiq-font-size-1:2.5rem;--hiq-font-size-2:2rem;--hiq-font-size-3:1.75rem;--hiq-font-size-4:1.25rem;--hiq-font-size-5:1rem;--hiq-font-size-6:.875rem;--hiq-font-size-base:var(--hiq-font-size-5);--hiq-font-size-large:var(--hiq-font-size-4);--hiq-font-size-small:var(--hiq-font-size-6);--hiq-line-height-base:1.6;--hiq-heading-line-height:1.2;--hiq-font-weight-light:300;--hiq-font-weight-normal:400;--hiq-font-weight-medium:500;--hiq-font-weight-semibold:600;--hiq-font-weight-bold:700;--hiq-font-weight-base:var(--hiq-font-weight-normal);--hiq-heading-font-weight:var(--hiq-font-weight-medium);--hiq-description-list-title-font-weight:var(--hiq-font-weight-semibold);--hiq-text-color:var(--hiq-color-gray-2);--hiq-mark-color:#fcf8e3;--hiq-deleted-color:#f95da8;--hiq-inserted-color:#e5f2ff;--hiq-selection-color:#cce5ff;--hiq-list-margin-left:1rem;--hiq-unordered-list-style:disc;--hiq-blockquote-font-size:var(--hiq-font-size-4);--hiq-blockquote-line-height:var(--hiq-heading-line-height);--hiq-blockquote-citation-color:var(--hiq-color-gray-5);--hiq-horizontal-rule-height:1px;--hiq-horizontal-rule-color:var(--hiq-color-primary);--hiq-link-color:var(--hiq-color-primary);--hiq-link-hover-color:#004080;--hiq-link-active-color:#004080;--hiq-link-text-decoration:none;--hiq-button-height:2.25rem;--hiq-button-vertical-padding:0;--hiq-button-horizontal-padding:.75rem;--hiq-button-border-width:1px;--hiq-button-border-radius:var(--hiq-border-radius);--hiq-button-font-weight:var(--hiq-font-weight-medium);--hiq-button-border-color:var(--hiq-color-primary);--hiq-button-background-color:var(--hiq-color-primary);--hiq-button-text-color:#fff;--hiq-button-hover-border-color:#06c;--hiq-button-hover-background-color:#06c;--hiq-button-hover-text-color:#fff;--hiq-button-active-border-color:#004c99;--hiq-button-active-background-color:#004c99;--hiq-button-active-text-color:#fff;--hiq-code-padding-vertical:.15rem;--hiq-code-padding-horizontal:.3rem;--hiq-code-border-color:transparent;--hiq-code-font-size:var(--hiq-font-size-small);--hiq-code-background-color:var(--hiq-color-gray-7);--hiq-code-text-color:var(--hiq-text-color);--hiq-pre-padding-vertical:1.25rem;--hiq-pre-padding-horizontal:1.5rem;--hiq-pre-border-color:var(--hiq-color-gray-6);--hiq-pre-background-color:transparent;--hiq-pre-text-color:var(--hiq-color-gray-4);--hiq-kbd-padding-vertical:.2rem;--hiq-kbd-padding-horizontal:.4rem;--hiq-kbd-border-color:var(--hiq-color-gray-6);--hiq-nested-kbd-font-weight:var(--hiq-font-weight-medium);--hiq-kbd-background-color:transparent;--hiq-kbd-text-color:var(--hiq-text-color);--hiq-figcaption-margin-top:.5rem;--hiq-figcaption-font-weight:var(--hiq-font-weight-normal);--hiq-figcaption-text-color:var(--hiq-color-gray-5);--hiq-image-border-radius:var(--hiq-border-radius);--hiq-table-head-border-width:var(--hiq-table-cell-border-width);--hiq-table-foot-border-width:var(--hiq-table-cell-border-width);--hiq-table-caption-padding-vertical:.5rem;--hiq-table-caption-text-color:var(--hiq-color-gray-5);--hiq-table-caption-font-weight:var(--hiq-font-weight-semibold);--hiq-table-cell-padding-vertical:.75rem;--hiq-table-cell-padding-horizontal:.75rem;--hiq-table-cell-border-width:1px;--hiq-table-cell-border-color:var(--hiq-color-gray-6);--hiq-table-heading-background-color:var(--hiq-color-gray-7);--hiq-table-heading-text-color:var(--hiq-color-gray-4);--hiq-table-heading-font-weight:var(--hiq-font-weight-medium);--hiq-fieldset-padding-vertical:0;--hiq-fieldset-padding-horizontal:0;--hiq-fieldset-border-width:0;--hiq-fieldset-border-color:transparent;--hiq-legend-margin-bottom:var(--hiq-block-element-margin-bottom);--hiq-legend-font-weight:var(--hiq-font-weight-semibold);--hiq-label-margin-bottom:.5rem;--hiq-label-font-weight:var(--hiq-font-weight-semibold);--hiq-input-invalid-border-color:var(--hiq-color-danger);--hiq-input-valid-border-color:var(--hiq-color-success);--hiq-input-height:2.5rem;--hiq-input-padding-vertical:0;--hiq-input-padding-horizontal:.75rem;--hiq-input-border-width:1px;--hiq-input-border-radius:var(--hiq-border-radius);--hiq-input-border-color:var(--hiq-color-gray-6);--hiq-input-background-color:#fff;--hiq-input-text-color:var(--hiq-text-color);--hiq-input-placeholder-color:var(--hiq-color-gray-4);--hiq-input-hover-border-color:var(--hiq-input-border-color);--hiq-input-hover-background-color:var(--hiq-input-background-color);--hiq-input-hover-text-color:var(--hiq-input-text-color);--hiq-input-hover-placeholder-color:var(--hiq-input-placeholder-color);--hiq-textarea-padding-vertical:.5rem;--hiq-textarea-padding-horizontal:.75rem;--hiq-select-background-image:url("data:image/svg+xml;charset=utf-8,%3Csvgwidth='30'height='16'xmlns='http://www.w3.org/2000/svg'%3E%3Cpathd='M1516L00h30z'fill='%23000'fill-rule='evenodd'/%3E%3C/svg%3E");--hiq-select-background-position:right 1rem center;--hiq-select-background-size:.75rem;--hiq-select-multiple-checked-background-color:var(--hiq-color-primary);--hiq-select-multiple-padding-vertical:.75rem;--hiq-checkbox-margin-bottom:.5rem;--hiq-checkbox-label-padding-horizontal:2rem;--hiq-checkbox-label-font-weight:var(--hiq-font-weight-normal);--hiq-checkbox-width:1rem;--hiq-checkbox-height:1rem;--hiq-checkbox-border-width:1px;--hiq-checkbox-border-color:transparent;--hiq-checkbox-border-radius:var(--hiq-border-radius);--hiq-checkbox-background-color:var(--hiq-color-gray-6);--hiq-checkbox-hover-background-color:var(--hiq-color-gray-5);--hiq-checkbox-checked-border-color:var(--hiq-color-primary);--hiq-checkbox-checked-background-color:var(--hiq-color-primary);--hiq-checkbox-check-width:.25rem;--hiq-checkbox-check-height:.5rem;--hiq-checkbox-check-border-width:2px;--hiq-checkbox-check-color:#fff;--hiq-checkbox-indeterminate-width:.5rem;--hiq-radio-margin-bottom:.5rem;--hiq-radio-label-padding-horizontal:2rem;--hiq-radio-label-font-weight:var(--hiq-font-weight-normal);--hiq-radio-width:1rem;--hiq-radio-height:1rem;--hiq-radio-border-width:1px;--hiq-radio-border-color:transparent;--hiq-radio-border-radius:50%;--hiq-radio-background-color:var(--hiq-color-gray-6);--hiq-radio-hover-background-color:var(--hiq-color-gray-5);--hiq-radio-checked-border-color:var(--hiq-color-primary);--hiq-radio-checked-background-color:var(--hiq-color-primary);--hiq-radio-check-width:.5rem;--hiq-radio-check-height:.5rem;--hiq-radio-check-border-radius:50%;--hiq-radio-check-background-color:#fff;--hiq-range-input-thumb-width:1.5rem;--hiq-range-input-thumb-height:1.5rem;--hiq-range-input-thumb-border-radius:50%;--hiq-range-input-thumb-background-color:var(--hiq-color-primary);--hiq-range-input-thumb-disabled-background-color:var(--hiq-color-gray-6);--hiq-range-input-track-height:.5rem;--hiq-range-input-track-border-radius:var(--hiq-border-radius);--hiq-range-input-track-background-color:var(--hiq-color-gray-6);--hiq-meter-background-color:var(--hiq-color-gray-6);--hiq-meter-strong-color:var(--hiq-color-success);--hiq-meter-good-color:var(--hiq-color-warning);--hiq-meter-weak-color:var(--hiq-color-danger);--hiq-progress-height:1rem;--hiq-progress-background-color:var(--hiq-color-gray-6);--hiq-progress-filled-color:var(--hiq-color-primary);--navbar-height:3.6rem;--sidebar-width:20rem;--mobile-sidebar-width:calc(var(--sidebar-width)*0.82);--line-numbers-wrapper-width:3.5rem}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-weight:var(--hiq-font-weight-light)}h2{font-size:var(--hiq-font-size-3);font-weight:var(--hiq-font-weight-semibold)}h3{font-size:var(--hiq-font-size-4)}p a code{font-weight:var(--hiq-font-weight-normal);color:var(--hiq-color-primary)}.wrapper{max-width:var(--hiq-max-container-width);margin:0 auto;padding:.5rem 2.5rem;@media(max-width:959px){padding-left:2rem;padding-bottom:2rem;padding-right:2rem;padding-top:2rem}@media(max-width:419px){padding-left:1.5rem;padding-bottom:1.5rem;padding-right:1.5rem;padding-top:1.5rem}}.table-of-contents .badge{vertical-align:middle}.custom-layout{padding-top:var(--navbar-height)}.theme-container.no-navbar .custom-layout{padding-top:0}.properties-table{margin:1.5rem 0 2rem}.color-swatch{display:block;width:1.5rem;height:1.5rem;border:1px solid var(--hiq-color-gray-6)}.input-table code{white-space:pre-wrap}.input-table input{max-width:100%}@supports(color:var(--hiq-color-primary)){.browser-not-supported{display:none}}@media(max-width:959px){.properties-table .name,.utilities-table .name{width:40%}.properties-table .name code,.utilities-table .name code{white-space:unset}}.content__default{max-width:var(--hiq-max-container-width);margin:0 auto;padding:2rem 2.5rem}.content__default>:first-child{margin-top:var(--navbar-height)}.content__default p.demo{padding:1rem 1.5rem;border:1px solid var(--hiq-color-gray-6);border-radius:4px}.content__default>h1,.content__default>h2,.content__default>h3,.content__default>h4,.content__default>h5,.content__default>h6{margin-top:calc(.75rem - var(--navbar-height));padding-top:calc(var(--navbar-height)+1rem)}.content__default>h1:first-child,.content__default>h2:first-child,.content__default>h3:first-child,.content__default>h4:first-child,.content__default>h5:first-child,.content__default>h6:first-child{margin-top:-1.5rem;margin-bottom:1rem}.content__default>h2:first-child+.custom-block,.content__default>h2:first-child+p,.content__default>h2:first-child+pre,.content__default>h3:first-child+.custom-block,.content__default>h3:first-child+p,.content__default>h3:first-child+pre,.content__default>h4:first-child+.custom-block,.content__default>h4:first-child+p,.content__default>h4:first-child+pre,.content__default>h5:first-child+.custom-block,.content__default>h5:first-child+p,.content__default>h5:first-child+pre,.content__default>h6:first-child+.custom-block,.content__default>h6:first-child+p,.content__default>h6:first-child+pre{margin-top:-1.5rem;margin-bottom:1rem}.theme-container.no-navbar .content__default>h1,.theme-container.no-navbar .content__default>h2,.theme-container.no-navbar .content__default>h3,.theme-container.no-navbar .content__default>h4,.theme-container.no-navbar .content__default>h5,.theme-container.no-navbar .content__default>h6{margin-top:1.5rem;padding-top:0}.content.custom{margin:0;padding:0}a.header-anchor{float:left;margin-top:.125em;margin-left:-.87em;padding-right:.23em;box-shadow:none !important;opacity:0;font-size:.85em}h1:hover .header-anchor,h2:hover .header-anchor,h3:hover .header-anchor,h4:hover .header-anchor,h5:hover .header-anchor,h6:hover .header-anchor{opacity:1}.content__default figure{margin:2rem 0 3rem}.content__default figure img{margin:0 auto}.content__default ol,.content__default ul{padding-left:1.2em}.content__default table td{vertical-align:middle}.content__default table p{margin-bottom:0}@media(max-width:959px){.content__default{padding:2rem}}@media(max-width:419px){.content__default{padding:1.5rem}.content__default div[class*=language-]{margin:.85rem -1.5rem;border-radius:0}}div[class*=language-]{position:relative;margin:1.5rem 0 2rem}div[class*=language-] .highlight-lines{position:absolute;top:0;left:0;width:100%;padding-top:1.3rem;line-height:1.4;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}div[class*=language-] .highlight-lines .highlighted{background-color:var(--hiq-color-gray-7)}div[class*=language-] pre,div[class*=language-] pre[class*=language-]{position:relative;z-index:1;background:var(--hiq-pre-background-color)}div[class*=language-]:before{position:absolute;top:.8rem;right:1rem;z-index:3;font-size:.75rem;color:var(--hiq-color-gray-5)}div[class*=language-]:not(.line-numbers-mode) .line-numbers-wrapper{display:none}div[class*=language-].line-numbers-mode .highlight-lines .highlighted{position:relative}div[class*=language-].line-numbers-mode .highlight-lines .highlighted:before{display:block;position:absolute;top:0;left:0;z-index:3;width:var(--line-numbers-wrapper-width);height:100%;background-color:var(--hiq-color-gray-6);content:""}div[class*=language-].line-numbers-mode pre{padding-left:calc(var(--line-numbers-wrapper-width)+1rem);vertical-align:middle}div[class*=language-].line-numbers-mode .line-numbers-wrapper{position:absolute;top:0;width:var(--line-numbers-wrapper-width);padding:1.25rem 0;line-height:1.4;text-align:center;color:var(--hiq-color-gray-5)}div[class*=language-].line-numbers-mode .line-numbers-wrapper br{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}div[class*=language-].line-numbers-mode .line-numbers-wrapper .line-number{position:relative;z-index:4;font-size:.85em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}div[class*=language-].line-numbers-mode:after{position:absolute;top:1px;left:1px;z-index:2;width:var(--line-numbers-wrapper-width);height:calc(100% - 2px);border-right:1px solid var(--hiq-color-gray-6);border-radius:6px 0 0 6px;background-color:#fff;content:""}div[class~=language-javascript]:before,div[class~=language-js]:before{content:"js"}div[class~=language-ts]:before,div[class~=language-typescript]:before{content:"ts"}div[class~=language-html]:before,div[class~=language-markup]:before{content:"html"}div[class~=language-markdown]:before,div[class~=language-md]:before{content:"md"}div[class~=language-vue]:before{content:"vue"}div[class~=language-css]:before{content:"css"}div[class~=language-sass]:before{content:"sass"}div[class~=language-scss]:before{content:"scss"}div[class~=language-less]:before{content:"less"}div[class~=language-stylus]:before{content:"stylus"}div[class~=language-go]:before{content:"go"}div[class~=language-java]:before{content:"java"}div[class~=language-c]:before{content:"c"}div[class~=language-json]:before{content:"json"}div[class~=language-bash]:before,div[class~=language-sh]:before{content:"sh"}div[class~=language-yaml]:before{content:"yaml"}div[class~=language-ruby]:before{content:"rb"}div[class~=language-python]:before{content:"py"}@media(max-width:419px){div[class*=language-] pre{border-right:0;border-left:0;border-radius:0}}@media(min-width:419px){div[class*=language-]+div[class*=language-]{margin-top:-1.25rem}}.custom-block .custom-block-title{margin-bottom:.25rem;font-weight:var(--hiq-font-weight-medium)}.custom-block p{margin-bottom:0}.custom-block.danger,.custom-block.tip,.custom-block.warning{margin:1.25rem 0;padding:1.25rem 1.5rem;border-left-width:.5rem;border-left-style:solid}.custom-block.tip{border-color:var(--hiq-color-primary);background-color:rgba(0,128,255,.25)}.custom-block.tip code{background-color:rgba(0,128,255,.15)}.custom-block.warning{border-color:var(--hiq-color-warning);background-color:rgba(252,212,79,.25);color:#7e6102}.custom-block.warning .custom-block-title{color:#c99b03}.custom-block.warning a{color:var(--hiq-text-color)}.custom-block.danger{border-color:var(--hiq-color-danger);background-color:rgba(250,61,86,.25);color:#7c0313}.custom-block.danger .custom-block-title{color:#c7051f}.custom-block.danger a{color:var(--hiq-text-color)}.arrow{display:inline-block;width:0;height:0}.arrow.up{border-bottom:6px solid var(--hiq-color-gray-5)}.arrow.down,.arrow.up{border-right:4px solid transparent;border-left:4px solid transparent}.arrow.down{border-top:6px solid var(--hiq-color-gray-5)}.arrow.right{border-left:6px solid var(--hiq-color-gray-5)}.arrow.left,.arrow.right{border-top:4px solid transparent;border-bottom:4px solid transparent}.arrow.left{border-right:6px solid var(--hiq-color-gray-5)}#nprogress{pointer-events:none}#nprogress .bar{position:fixed;top:0;left:0;width:100%;height:2px;z-index:1031;background-color:var(--hiq-color-primary)}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px var(--hiq-color-primary),0 0 5px var(--hiq-color-primary);opacity:1;transform:rotate(3deg) translateY(-4px)}#nprogress .spinner{display:block;position:fixed;top:15px;right:15px;z-index:1031}#nprogress .spinner-icon{width:18px;height:18px;border-bottom:2px solid transparent;border-right:2px solid transparent;border-top:2px solid transparent;border-top-color:var(--hiq-color-primary);border-left:2px solid transparent;border-left-color:var(--hiq-color-primary);border-radius:50%;-webkit-animation:nprogress-spinner .4s linear infinite;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{position:relative;overflow:hidden}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@-webkit-keyframes nprogress-spinner{0{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes nprogress-spinner{0{transform:rotate(0)}to{transform:rotate(1turn)}}:root{--pink:#f95faa;--lavender:#9b80ff;--dark-blue:#2f6f9f;--light-blue:#6d94ec}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog,.token.punctuation{color:var(--hiq-color-gray-5)}.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:var(--light-blue)}.token.boolean,.token.class-name,.token.constant,.token.function,.token.function-name,.token.number,.token.property,.token.symbol{color:var(--pink)}.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:var(--lavender)}.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:var(--hiq-color-primary)}.token.entity,.token.operator,.token.url{color:#67cdcc}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green} \ No newline at end of file +.icon.outbound{color:#aaa;display:inline-block;vertical-align:middle;position:relative;top:-1px}.home{max-width:960px;margin:0 auto;padding:var(--navbar-height) 2rem 0}.home .hero{text-align:center}.home .hero img{display:block;max-height:280px;margin:3rem auto 1.5rem}.home .hero .action,.home .hero .description,.home .hero h1{margin:1.8rem auto}.home .hero h1{font-weight:var(--hiq-font-weight-medium)}.home .hero .description{max-width:30rem;font-size:var(--hiq-font-size-large);line-height:1.3;color:var(--hiq-color-gray-5)}.home .hero .action-button{display:inline-block;height:auto;padding:.75rem 1.5rem;font-size:var(--hiq-font-size-large)}.home .features{display:flex;flex-wrap:wrap;align-items:flex-start;align-content:stretch;justify-content:space-between;margin-top:2.5rem;padding:2.5rem 0 1rem;border-top:1px solid var(--hiq-color-gray-6)}.home .feature{flex-grow:1;flex-basis:30%;max-width:30%;margin-bottom:.5rem}.home .feature h2{margin-bottom:.5rem;border-bottom:0;font-size:var(--hiq-font-size-4);font-weight:var(--hiq-font-weight-medium)}.home .feature p{color:var(--hiq-color-gray-4)}.home .footer{padding:2.5rem;border-top:1px solid var(--hiq-color-gray-6);text-align:center}.home .footer,.home .footer a{color:var(--hiq-color-gray-5)}.home .footer a:hover{color:var(--hiq-color-gray-4)}@media(max-width:719px){.home .features{flex-direction:column}.home .feature{max-width:100%;padding:0 2.5rem}}@media(max-width:419px){.home{padding-right:1.5rem;padding-left:1.5rem}.home .hero img{max-height:210px;margin:2rem auto 1.2rem}.home .hero .action,.home .hero .description,.home .hero h1{margin:1.2rem auto}.home .hero .action-button{padding:.6rem 1.2rem}}.sidebar-button{display:none;position:absolute;top:.75rem;left:1rem;width:2.25rem;height:2.25rem;padding:.5rem}.sidebar-button .icon{display:block;width:1.25rem;height:1.25rem}@media(max-width:719px){.sidebar-button{display:block}}.algolia-search-wrapper &>span{vertical-align:middle}.algolia-search-wrapper .algolia-autocomplete{line-height:normal}.algolia-search-wrapper .algolia-autocomplete .ds-dropdown-menu{margin:6px 0 0;padding:4px;border:1px solid var(--hiq-color-gray-6);border-radius:4px;background-color:#fff;text-align:left}.algolia-search-wrapper .algolia-autocomplete .ds-dropdown-menu:before{border-color:var(--hiq-color-gray-6)}.algolia-search-wrapper .algolia-autocomplete .ds-dropdown-menu [class*=ds-dataset-]{padding:0;border:0}.algolia-search-wrapper .algolia-autocomplete .ds-dropdown-menu .ds-suggestions{margin-top:0}.algolia-search-wrapper .algolia-autocomplete .ds-dropdown-menu .ds-suggestion{border-bottom:1px solid var(--hiq-color-gray-6)}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion--highlight{color:var(--hiq-selection-color)}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion{padding:0;border-color:var(--hiq-color-gray-6)}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--category-header{margin-top:0;padding:5px 10px;background-color:var(--hiq-color-primary);font-weight:var(--hiq-font-weight-semibold);color:#fff}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--category-header .algolia-docsearch-suggestion--highlight{background-color:var(--hiq-color-gray-6)}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--wrapper{padding:0}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--title{margin-bottom:0;font-weight:var(--hiq-font-weight-semibold);color:var(--hiq-text-color)}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column{padding:5px 7px 5px 5px;vertical-align:top;border-color:var(--hiq-color-gray-6);background-color:var(--hiq-color-gray-6)}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column:after{display:none}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column-text{color:var(--hiq-color-gray-4)}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-footer{border-color:var(--hiq-color-gray-6)}.algolia-search-wrapper .algolia-autocomplete .ds-cursor .algolia-docsearch-suggestion--content{background-color:var(--hiq-selection-color) !important;color:var(--hiq-text-color)}@media(min-width:719px){.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column{display:table-cell;float:none;width:150px;min-width:150px}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--content{display:table-cell;float:none;width:100%;vertical-align:top}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion .ds-dropdown-menu{min-width:515px !important}}@media(max-width:719px){.algolia-search-wrapper .ds-dropdown-menu{min-width:calc(100vw - 4rem) !important;max-width:calc(100vw - 4rem) !important}.algolia-search-wrapper .algolia-docsearch-suggestion--wrapper{padding:5px 7px 5px 5px !important}.algolia-search-wrapper .algolia-docsearch-suggestion--subcategory-column{padding:0 !important;background-color:#fff !important}.algolia-search-wrapper .algolia-docsearch-suggestion--subcategory-column-text:after{display:inline-block;width:5px;margin:-3px 3px 0;vertical-align:middle;font-size:10px;line-height:14px;content:" > "}}.search-box{display:inline-block;position:relative;margin-right:.5rem}.search-box input{width:10rem;padding:0 .5rem 0 2rem;border:1px solid var(--hiq-color-gray-6);border-radius:2rem;background:#fff url(/hiq/assets/img/search.0781e11c.svg) .6rem .5rem no-repeat;background-size:1rem;outline:0;font-size:16px;line-height:2rem;color:var(--hiq-color-gray-5);transition:all .2s ease;cursor:text}.search-box input:focus{border-color:var(--hiq-color-primary);cursor:auto}.search-box .suggestions{position:absolute;top:2.75rem;width:20rem;padding:.4rem;border:1px solid var(--hiq-color-gray-6);border-radius:6px;background-color:#fff;list-style-type:none}.search-box .suggestions.align-right{right:0}.search-box .suggestion{padding:.4rem .6rem;border-radius:4px;line-height:1.4;cursor:pointer}.search-box .suggestion a{color:var(--hiq-color-gray-4)}.search-box .suggestion.focused{background-color:var(--hiq-color-gray-7)}.search-box .suggestion.focused a{color:var(--hiq-color-primary)}.search-box .suggestion a .page-title{font-weight:var(--hiq-font-weight-semibold)}.search-box .suggestion a .page-title+.header{margin-left:.25rem;font-size:var(--hiq-font-size-small)}@media(max-width:959px){.search-box input{position:relative;left:1rem;width:0;border-color:transparent;cursor:pointer}.search-box input:focus{width:10rem;left:0;cursor:text}}@media(max-width:959px) and (min-width:719px){.search-box .suggestions{left:0}}@media(max-width:719px){.search-box{margin-right:0}.search-box .suggestions{right:0}}@media(max-width:419px){.search-box input:focus{width:10rem}.search-box .suggestions{width:calc(100vw - 3rem)}}.code-example{margin:1.5rem 0;padding:var(--hiq-pre-padding-vertical) var(--hiq-pre-padding-horizontal);border:1px solid var(--hiq-pre-border-color);border-radius:var(--hiq-pre-border-radius);border-bottom-right-radius:0;border-bottom-left-radius:0}.code-example+div[class*=language-]{margin-top:-1px}.code-example+div[class*=language-] pre{border-top-right-radius:0;border-top-left-radius:0}.code-example [role=button]:not(:last-child),.code-example button:not(:last-child){margin:0 .35rem .35rem 0}.code-example dl:last-of-type,.code-example ol:last-of-type,.code-example p:last-of-type,.code-example ul:last-of-type{margin-bottom:0}.code-example blockquote,.code-example details,.code-example fieldset,.code-example figure,.code-example pre,.code-example table{margin:0}@media(max-width:419px){.code-example{margin-right:-1.5rem;margin-left:-1.5rem;border-right:0;border-left:0;border-radius:0}}.class{opacity:.5}.properties-reference{margin-top:2rem}.properties-reference p{margin-bottom:1.5rem}.searchbox{display:inline-block;position:relative;width:200px;height:32px !important;white-space:nowrap;box-sizing:border-box;visibility:visible !important}.searchbox .algolia-autocomplete{display:block;width:100%;height:100%}.searchbox__wrapper{width:100%;height:100%;z-index:999;position:relative}.searchbox__input{display:inline-block;box-sizing:border-box;transition:box-shadow .4s ease,background .4s ease;border:0;border-radius:16px;box-shadow:inset 0 0 0 1px #ccc;background:#fff !important;padding:0 26px 0 32px;width:100%;height:100%;vertical-align:middle;white-space:normal;font-size:12px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbox__input::-webkit-search-cancel-button,.searchbox__input::-webkit-search-decoration,.searchbox__input::-webkit-search-results-button,.searchbox__input::-webkit-search-results-decoration{display:none}.searchbox__input:hover{box-shadow:inset 0 0 0 1px #b3b3b3}.searchbox__input:active,.searchbox__input:focus{outline:0;box-shadow:inset 0 0 0 1px #aaa;background:#fff}.searchbox__input:-ms-input-placeholder{color:#aaa}.searchbox__input::-ms-input-placeholder{color:#aaa}.searchbox__input::-moz-placeholder{color:#aaa}.searchbox__input::placeholder{color:#aaa}.searchbox__submit{position:absolute;top:0;margin:0;border:0;border-radius:16px 0 0 16px;background-color:rgba(69,142,225,0);padding:0;width:32px;height:100%;vertical-align:middle;text-align:center;font-size:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;right:inherit;left:0}.searchbox__submit:before{display:inline-block;margin-right:-4px;height:100%;vertical-align:middle;content:""}.searchbox__submit:active,.searchbox__submit:hover{cursor:pointer}.searchbox__submit:focus{outline:0}.searchbox__submit svg{width:14px;height:14px;vertical-align:middle;fill:#6d7e96}.searchbox__reset{display:block;position:absolute;top:8px;right:8px;margin:0;border:0;background:0;cursor:pointer;padding:0;font-size:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;fill:rgba(0,0,0,.5)}.searchbox__reset.hide{display:none}.searchbox__reset:focus{outline:0}.searchbox__reset svg{display:block;margin:4px;width:8px;height:8px}.searchbox__input:valid~.searchbox__reset{display:block;-webkit-animation-name:sbx-reset-in;animation-name:sbx-reset-in;-webkit-animation-duration:.15s;animation-duration:.15s}@-webkit-keyframes sbx-reset-in{0{transform:translate3d(-20%,0,0);opacity:0}to{transform:none;opacity:1}}@keyframes sbx-reset-in{0{transform:translate3d(-20%,0,0);opacity:0}to{transform:none;opacity:1}}.algolia-autocomplete.algolia-autocomplete-right .ds-dropdown-menu{right:0 !important;left:inherit !important}.algolia-autocomplete.algolia-autocomplete-right .ds-dropdown-menu:before{right:48px}.algolia-autocomplete.algolia-autocomplete-left .ds-dropdown-menu{left:0 !important;right:inherit !important}.algolia-autocomplete.algolia-autocomplete-left .ds-dropdown-menu:before{left:48px}.algolia-autocomplete .ds-dropdown-menu{top:-6px;border-radius:4px;margin:6px 0 0;padding:0;text-align:left;height:auto;position:relative;background:transparent;border:0;z-index:999;max-width:600px;min-width:500px;box-shadow:0 1px 0 0 rgba(0,0,0,.2),0 2px 3px 0 rgba(0,0,0,.1)}.algolia-autocomplete .ds-dropdown-menu:before{display:block;position:absolute;content:"";width:14px;height:14px;background:#fff;z-index:1000;top:-7px;border-top:1px solid #d9d9d9;border-right:1px solid #d9d9d9;transform:rotate(-45deg);border-radius:2px}.algolia-autocomplete .ds-dropdown-menu .ds-suggestions{position:relative;z-index:1000;margin-top:8px}.algolia-autocomplete .ds-dropdown-menu .ds-suggestions a:hover{text-decoration:none}.algolia-autocomplete .ds-dropdown-menu .ds-suggestion{cursor:pointer}.algolia-autocomplete .ds-dropdown-menu .ds-suggestion.ds-cursor .algolia-docsearch-suggestion.suggestion-layout-simple,.algolia-autocomplete .ds-dropdown-menu .ds-suggestion.ds-cursor .algolia-docsearch-suggestion:not(.suggestion-layout-simple) .algolia-docsearch-suggestion--content{background-color:rgba(69,142,225,.05)}.algolia-autocomplete .ds-dropdown-menu [class^=ds-dataset-]{position:relative;border:1px solid #d9d9d9;background:#fff;border-radius:4px;overflow:auto;padding:0 8px 8px}.algolia-autocomplete .ds-dropdown-menu *{box-sizing:border-box}.algolia-autocomplete .algolia-docsearch-suggestion{display:block;position:relative;padding:0 8px;background:#fff;color:#02060c;overflow:hidden}.algolia-autocomplete .algolia-docsearch-suggestion--highlight{color:#174d8c;background:rgba(143,187,237,.1);padding:.1em .05em}.algolia-autocomplete .algolia-docsearch-suggestion--category-header .algolia-docsearch-suggestion--category-header-lvl0 .algolia-docsearch-suggestion--highlight,.algolia-autocomplete .algolia-docsearch-suggestion--category-header .algolia-docsearch-suggestion--category-header-lvl1 .algolia-docsearch-suggestion--highlight,.algolia-autocomplete .algolia-docsearch-suggestion--text .algolia-docsearch-suggestion--highlight{padding:0 0 1px;background:inherit;box-shadow:inset 0 -2px 0 0 rgba(69,142,225,.8);color:inherit}.algolia-autocomplete .algolia-docsearch-suggestion--content{display:block;float:right;width:70%;position:relative;padding:5.33333px 0 5.33333px 10.66667px;cursor:pointer}.algolia-autocomplete .algolia-docsearch-suggestion--content:before{content:"";position:absolute;display:block;top:0;height:100%;width:1px;background:#ddd;left:-1px}.algolia-autocomplete .algolia-docsearch-suggestion--category-header{position:relative;border-bottom:1px solid #ddd;display:none;margin-top:8px;padding:4px 0;font-size:1em;color:#33363d}.algolia-autocomplete .algolia-docsearch-suggestion--wrapper{width:100%;float:left;padding:8px 0 0}.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-column{float:left;width:30%;text-align:right;position:relative;padding:5.33333px 10.66667px;color:#a4a7ae;font-size:.9em;word-wrap:break-word}.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-column:before{content:"";position:absolute;display:block;top:0;height:100%;width:1px;background:#ddd;right:0}.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-inline{display:none}.algolia-autocomplete .algolia-docsearch-suggestion--title{margin-bottom:4px;color:#02060c;font-size:.9em;font-weight:700}.algolia-autocomplete .algolia-docsearch-suggestion--text{display:block;line-height:1.2em;font-size:.85em;color:#63676d}.algolia-autocomplete .algolia-docsearch-suggestion--no-results{width:100%;padding:8px 0;text-align:center;font-size:1.2em}.algolia-autocomplete .algolia-docsearch-suggestion--no-results:before{display:none}.algolia-autocomplete .algolia-docsearch-suggestion code{padding:1px 5px;font-size:90%;border:0;color:#222;background-color:#ebebeb;border-radius:3px;font-family:Menlo,Monaco,Consolas,Courier New,monospace}.algolia-autocomplete .algolia-docsearch-suggestion code .algolia-docsearch-suggestion--highlight{background:0}.algolia-autocomplete .algolia-docsearch-suggestion.algolia-docsearch-suggestion__main .algolia-docsearch-suggestion--category-header,.algolia-autocomplete .algolia-docsearch-suggestion.algolia-docsearch-suggestion__secondary{display:block}@media(min-width:768px){.algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column{display:block}}@media(max-width:768px){.algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column{display:inline-block;width:auto;float:left;padding:0;color:#02060c;font-size:.9em;font-weight:700;text-align:left;opacity:.5}.algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column:before{display:none}.algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column:after{content:"|"}.algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--content{display:inline-block;width:auto;text-align:left;float:left;padding:0}.algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--content:before{display:none}}.algolia-autocomplete .suggestion-layout-simple.algolia-docsearch-suggestion{border-bottom:1px solid #eee;padding:8px;margin:0}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--content{width:100%;padding:0}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--content:before{display:none}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--category-header{margin:0;padding:0;display:block;width:100%;border:0}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--category-header-lvl0,.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--category-header-lvl1{opacity:.6;font-size:.85em}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--category-header-lvl1:before{background-image:url('data:image/svg+xml;utf8,');content:"";width:10px;height:10px;display:inline-block}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--wrapper{width:100%;float:left;margin:0;padding:0}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--duplicate-content,.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--subcategory-inline{display:none !important}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--title{margin:0;color:#458ee1;font-size:.9em;font-weight:400}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--title:before{content:"#";font-weight:700;color:#458ee1;display:inline-block}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--text{margin:4px 0 0;display:block;line-height:1.4em;padding:5.33333px 8px;background:#f8f8f8;font-size:.85em;opacity:.8}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--text .algolia-docsearch-suggestion--highlight{color:#3f4145;font-weight:700;box-shadow:none}.algolia-autocomplete .algolia-docsearch-footer{width:134px;height:20px;z-index:2000;margin-top:10.66667px;float:right;font-size:0;line-height:0}.algolia-autocomplete .algolia-docsearch-footer--logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvgwidth='168'height='24'xmlns='http://www.w3.org/2000/svg'%3E%3Cgfill='none'fill-rule='evenodd'%3E%3Cpathd='M78.988.938h16.594a2.9682.9680012.9662.966V20.5a2.9672.967001-2.9662.964H78.988a2.9672.967001-2.966-2.964V3.897A2.9612.96100178.988.938zm41.93717.866c-4.386.02-4.386-3.54-4.386-4.106l-.007-13.3362.675-.424v13.254c0.32202.3581.7182.364v2.248zm-10.846-2.18c.82101.43-.0471.855-.129v-2.719a6.3346.334000-1.574-.1995.75.7000-.897.0692.6992.699000-.814.24c-.24.116-.439.28-.582.491-.15.212-.219.335-.219.6560.628.219.991.6161.23s.938.3621.615.362zm-.233-9.7c.88301.629.1092.231.328.602.2181.088.5251.444.915.363.396.609.922.761.483.157.56.2321.175.2321.85v6.874a32.532.5001-1.868.314c-.834.123-1.772.185-2.813.185-.690-1.327-.069-1.895-.198a4.0014.001001-1.471-.6363.0853.085001-.951-1.134c-.226-.465-.343-1.12-.343-1.8030-.656.13-1.073.384-1.525a3.243.240011.047-1.106c.445-.287.95-.4921.532-.615a8.88.80011.82-.1858.4048.4040011.972.24v-.438c0-.307-.035-.6-.11-.874a1.881.88000-.384-.731.7841.784000-.724-.4933.1643.164000-1.143-.205c-.6160-1.177.075-1.69.164a7.7357.735000-1.26.307l-.321-2.192c.335-.117.834-.2331.478-.349a10.9810.980012.073-.178zm52.8429.626c.82201.43-.0481.854-.13V13.7a6.3476.347000-1.574-.199c-.2940-.595.021-.896.069a2.72.7000-.814.241.461.46000-.582.491c-.15.212-.218.335-.218.6560.628.218.991.6151.23.404.245.938.3621.615.362zm-.226-9.694c.88301.629.1082.231.327.602.2191.088.5261.444.915.355.39.609.923.7591.483a6.86.8001.2331.852v6.873c-.41.088-1.034.19-1.868.314-.834.123-1.772.184-2.813.184-.690-1.327-.068-1.895-.198a4.0014.001001-1.471-.6353.0853.085001-.951-1.134c-.226-.465-.343-1.12-.343-1.8040-.656.13-1.073.384-1.524.26-.45.608-.821.047-1.107.445-.286.95-.4911.532-.614a8.8038.8030012.751-.13c.329.034.671.0961.04.185v-.437a3.33.3000-.109-.8751.8731.873000-.384-.7311.7841.784000-.724-.4923.1653.165000-1.143-.205c-.6160-1.177.075-1.69.164a7.757.75000-1.26.307l-.321-2.193c.335-.116.834-.2321.478-.348a11.63311.6330012.073-.177zm-8.034-1.271a1.6261.626001-1.628-1.62c0-.895.725-1.621.628-1.62.90401.63.7251.631.620.895-.7331.62-1.631.62zm1.34813.22h-2.689V7.27l2.69-.423v11.956zm-4.7140c-4.386.02-4.386-3.54-4.386-4.107l-.008-13.3362.676-.424v13.254c0.32202.3581.7182.364v2.248zm-8.698-5.903c0-1.156-.253-2.119-.746-2.788-.493-.677-1.183-1.01-2.067-1.01-.8820-1.574.333-2.0651.01-.493.676-.7331.632-.7332.78801.168.2461.953.742.63.492.6831.1831.0182.0661.018.88201.574-.3422.067-1.019.492-.683.738-1.46.738-2.63zm2.737-.007c0.902-.131.584-.3972.33a5.525.52001-1.1281.9064.9864.986001-1.7521.223c-.685.286-1.739.45-2.265.45-.528-.006-1.574-.157-2.252-.45a5.0965.096001-1.744-1.223c-.487-.527-.863-1.162-1.137-1.906a6.3456.345001-.41-2.33c0-.902.123-1.77.397-2.508a5.5545.5540011.15-1.8925.1335.1330011.75-1.216c.679-.2871.425-.4232.232-.423.80801.553.1422.237.423a4.884.880011.7531.2165.6445.6440011.1351.892c.287.738.4311.606.4312.508zm-20.1380c01.12.2462.363.7382.882.493.521.13.781.91.78.4240.828-.0621.204-.178.377-.116.677-.253.917-.417V9.33a10.47610.476000-1.766-.226c-.971-.028-1.71.37-2.231.004-.513.636-.7731.75-.7732.788zm7.4385.274c01.824-.4663.156-1.4044.004-.936.846-2.3671.27-4.2961.27-.7050-2.17-.137-3.34-.396l.431-2.118c.98.2052.272.262.95.261.07401.84-.2192.299-.656.459-.437.684-1.086.684-1.948v-.437a8.078.07001-1.047.397c-.43.13-.93.198-1.492.198-.7390-1.41-.116-2.018-.349a4.2064.206001-1.567-1.025c-.431-.45-.774-1.017-1.013-1.694-.24-.677-.363-1.885-.363-2.7730-.834.13-1.88.384-2.577.26-.696.629-1.2981.129-1.796.493-.4981.095-.8811.8-1.162a6.6056.6050012.428-.457c.8701.67.1092.45.24.78.1291.444.2651.985.415V18.17z'fill='%235468FF'/%3E%3Cpathd='M6.9726.677v1.627c-.712-.446-1.52-.67-2.425-.67-.5850-1.045.13-1.38.391a1.241.24000-.5021.03c0.425.164.765.4941.02.33.256.835.5321.516.83.447.192.795.3561.045.495.25.138.537.332.862.582.324.25.563.548.718.894.154.345.23.741.231.1880.947-.3341.691-1.0042.234-.67.542-1.537.814-2.601.814-1.180-2.16-.229-2.936-.686v-1.708c.84.6281.814.9422.92.942.58501.048-.1361.388-.407.34-.271.51-.646.51-1.1250-.287-.1-.55-.302-.79-.203-.24-.42-.42-.655-.542-.234-.123-.585-.29-1.053-.503a61.2761.27001-.582-.27113.6713.67001-.55-.2874.2754.275001-.567-.3516.926.92001-.455-.4c-.18-.17-.31-.34-.39-.51-.08-.17-.155-.37-.224-.598a2.5532.553001-.104-.742c0-.915.333-1.638.998-2.17.664-.5321.523-.7982.576-.798.96801.793.172.473.51zm7.4685.696v-.287c-.022-.607-.187-1.088-.495-1.444-.309-.357-.75-.535-1.324-.535-.5320-.99.194-1.373.583-.382.388-.622.949-.7171.683h3.909zm1.0052.792v1.404c-.596.34-1.383.51-2.362.51-1.2550-2.255-.377-3-1.132-.744-.755-1.116-1.744-1.116-2.9680-1.297.34-2.3161.021-3.055.68-.741.548-1.112.6-1.111.03301.852.3232.458.966.606.644.911.572.912.7840.33-.033.676-.0961.038h-5.314c.107.702.4051.239.8941.611.49.3721.106.5581.85.558.86201.58-.2022.155-.606zm6.605-1.77h-1.212c-.5960-1.045.116-1.349.35-.303.234-.454.532-.454.8940.372.117.664.35.877.235.213.575.321.022.32.510.912-.1421.204-.424.293-.281.44-.651.44-1.108v-.91zm-4.068-2.554V9.325c.627-.3611.457-.5422.489-.5422.11603.1751.0263.1753.08V17h-1.548v-.957c-.415.68-1.1431.02-2.1861.02-.7660-1.38-.22-1.843-.661-.462-.442-.694-1.003-.694-1.6840-.776.293-1.38.878-1.81.585-.4311.404-.6472.457-.647h1.34V11.8c0-.554-.133-.971-.399-1.253-.266-.282-.707-.423-1.324-.423a4.074.07000-2.345.718zm9.333-1.93v1.42c.394-11.101-1.52.123-1.5.1480.313.016.494.048v1.531a1.8851.885000-.75-.143c-.5420-.989.24-1.34.718-.351.479-.5271.048-.5271.707V17h-1.563V8.91h1.563zm5.014.084c.022.82.2721.492.752.019.479.5261.15.792.01.79.63901.235-.1761.788-.527v1.404c-.521.319-1.186.479-1.995.479-1.2650-2.276-.4-3.031-1.197-.755-.798-1.133-1.792-1.133-2.9840-1.16.38-2.1511.14-2.975.761-.8251.79-1.2373.088-1.237.70201.346.1491.93.447v1.436a3.2423.242000-1.77-.495c-.840-1.513.266-2.019.798-.505.532-.7581.213-.7582.042zM40.245.72v4.579c.458-11.293-1.52.505-1.5.78701.42.2451.899.734.479.49.7181.17.7182.042V17h-1.564v-5.106c0-.553-.14-.98-.422-1.284-.282-.303-.652-.455-1.11-.455-.5310-1.002.202-1.411.606-.41.405-.6151.022-.6151.851V17h-1.563V5.72h1.563zm14.96610.02c.59601.096-.2531.5-.758.404-.506.606-1.157.606-1.9550-.915-.202-1.62-.606-2.114-.404-.495-.92-.742-1.548-.742-.5530-1.05.224-1.491.67-.442.447-.6621.133-.6622.0580.958.2121.67.6382.138.425.469.946.7031.563.703zM53.0045.72v4.42c.574-.8941.388-1.3412.44-1.3411.02201.857.3832.5061.149.649.766.9731.781.9733.04701.138-.3092.109-.9252.912-.617.803-1.4631.205-2.5371.205-1.0750-1.894-.447-2.457-1.34V17h-1.58V5.72h1.58zm9.90811.104l-3.223-7.913h1.739l1.0052.6321.263.415c.096-.32.48-1.4581.15-3.415l.909-2.632h1.66l-2.927.866c-.7772.074-1.9633.11-3.5593.11a2.922.92001-.734-.079v-1.34c.17.042.351.064.543.0641.03201.755-.572.17-1.708z'fill='%235D6494'/%3E%3Cpathd='M89.6325.967v-.772a.978.978000-.978-.977h-2.28a.978.978000-.978.977v.793c0.088.082.15.171.13a7.1277.1270011.984-.28c.6501.295.0881.917.259.082.02.164-.04.164-.13m-6.2481.01l-.39-.389a.977.977000-1.3820l-.465.465a.973.97300001.38l.383.383c.062.061.15.047.205-.014.226-.307.472-.601.746-.874.281-.28.568-.526.883-.751.068-.042.075-.137.02-.2m4.162.453v3.341c0.096.104.165.192.117l2.97-1.537c.068-.034.089-.117.055-.184a3.6953.695000-3.08-1.866c-.0680-.136.054-.136.13m08.048a4.4894.489001-4.49-4.4824.4884.4880014.49-4.4824.4884.4880014.4894.4824.4844.484001-4.494.482m0-10.85a6.3636.363010012.7296.376.370006.372-6.3686.3586.358000-6.371-6.36'fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-position:50%;background-size:100%;overflow:hidden;text-indent:-9000px;padding:0 !important;width:100%;height:100%;display:block}.dropdown-enter,.dropdown-leave-to{height:0 !important}.dropdown-wrapper{cursor:pointer}.dropdown-wrapper .dropdown-title{display:block}.dropdown-wrapper .dropdown-title:hover{border-color:transparent}.dropdown-wrapper .dropdown-title .arrow{margin-top:-1px;margin-left:.4rem;vertical-align:middle}.dropdown-wrapper .nav-dropdown .dropdown-item{line-height:1.7rem;color:inherit}.dropdown-wrapper .nav-dropdown .dropdown-item h4{margin:.45rem 0 0;padding:.45rem 1.5rem 0 1.25rem;border-top:1px solid var(--hiq-color-gray-6)}.dropdown-wrapper .nav-dropdown .dropdown-item:first-child h4{margin-top:0;padding-top:0;border-top:0}.dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subitem-wrapper{padding:0;list-style:none}.dropdown-wrapper .nav-dropdown .dropdown-item a{display:block;position:relative;margin-bottom:0;padding:0 1.5rem 0 1.25rem;border-bottom:0;line-height:1.7rem;font-weight:400}.dropdown-wrapper .nav-dropdown .dropdown-item a:hover{color:var(--hiq-color-primary)}.dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active{color:var(--hiq-color-primary)}.dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active:after{position:absolute;top:calc(50% - 2px);left:9px;width:0;height:0;border-top:3px solid transparent;border-bottom:3px solid transparent;border-left:5px solid var(--hiq-color-primary);content:""}@media(max-width:719px){.dropdown-wrapper.open .dropdown-title{margin-bottom:.5rem}.dropdown-wrapper .nav-dropdown{overflow:hidden;transition:height .1s ease-out}.dropdown-wrapper .nav-dropdown .dropdown-item h4{margin-top:0;padding-top:0;border-top:0}.dropdown-wrapper .nav-dropdown .dropdown-item>a,.dropdown-wrapper .nav-dropdown .dropdown-item h4{line-height:2rem}.dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subitem{padding-left:1rem}}@media(min-width:719px){.dropdown-wrapper{height:1.8rem}.dropdown-wrapper:hover .nav-dropdown{display:block !important}.dropdown-wrapper .dropdown-title .arrow{border-top:6px solid var(--hiq-color-gray-6);border-right:4px solid transparent;border-bottom:0;border-left:4px solid transparent}.dropdown-wrapper .nav-dropdown{display:none;position:absolute;top:100%;right:0;height:auto !important;max-height:calc(100vh - 2.7rem);overflow-y:auto;margin:0;padding:.6rem 0;background-color:#fff;border-bottom-color:var(--hiq-color-gray-6);border:1px solid var(--hiq-color-gray-6);border-radius:.2rem;text-align:left;white-space:nowrap}}.nav-links{display:inline-block}.nav-links a{font-weight:var(--hiq-font-weight-medium);line-height:1.4rem;color:var(--hiq-text-color) !important}.nav-links .nav-item{display:inline-block;position:relative;margin-left:1.125rem;line-height:2rem}.nav-links .repo-link{margin-left:1.125rem}.version-number{margin-left:1rem;font-weight:var(--hiq-font-weight-medium)}@media(min-width:719px){.nav-links a.router-link-active,.nav-links a:hover{color:var(--hiq-text-color)}.nav-item>a:not(.external).router-link-active,.nav-item>a:not(.external):hover{margin-bottom:-2px;border-bottom:2px solid var(--hiq-color-primary)}}@media(max-width:719px){.version-number{display:none}}.navbar{position:fixed;top:0;left:0;right:0;z-index:20;height:var(--navbar-height);padding:.5rem 1.5rem;box-shadow:0 2px 8px 0 rgba(0,0,0,.1);background-color:#fff;line-height:calc(var(--navbar-height) - 1rem)}.navbar a,.navbar img,.navbar span{display:inline-block}.navbar a{box-shadow:none !important}.navbar .logo{min-width:2.6rem;height:2.6rem;margin-right:.8rem;vertical-align:top}.navbar .site-name{position:relative;font-size:1.3rem;font-weight:600;color:var(--hiq-text-color)}.links{position:absolute;font-size:.9rem;top:.5rem;right:1.5rem}@media(max-width:719px){.navbar{padding-left:4rem}.navbar .can-hide{display:none}}.page{padding-bottom:2rem;padding-left:var(--sidebar-width)}.page-edit{padding-top:1rem;padding-bottom:1rem;overflow:auto}.page-edit .last-updated{float:right;font-size:var(--hiq-font-size-small)}.page-edit .last-updated .prefix{font-weight:var(--hiq-font-weight-medium);color:var(--hiq-color-gray-4)}.page-edit .last-updated .time{font-weight:var(--hiq-font-weight-normal);color:var(--hiq-color-gray-5)}.page-nav{padding-top:1rem;padding-bottom:0}.page-nav .inner{min-height:2rem;overflow:auto;margin-top:0;padding-top:1rem;border-top:1px solid var(--hiq-color-gray-6)}.page-nav .next{float:right}@media(max-width:959px){.page{padding-left:var(--mobile-sidebar-width)}}@media(min-width:720px){.theme-container.no-sidebar .page{padding-left:0}}@media(max-width:719px){.page{padding-left:0}.page-edit .last-updated{float:none;font-size:var(--hiq-font-size-small);text-align:left}}.sidebar .sidebar-sub-headers{padding-left:1rem}a.sidebar-link{display:inline-block;width:100%;padding:.35rem 1rem .35rem 1.25rem;border-left:.25rem solid transparent;box-shadow:none !important;line-height:1.4;font-weight:var(--hiq-font-weight-normal)}a.sidebar-link,a.sidebar-link:visited{color:var(--hiq-color-gray-3)}a.sidebar-link:hover,a.sidebar-link:visited:focus,a.sidebar-link:visited:hover{color:var(--hiq-color-primary)}a.sidebar-link.active{border-left-color:var(--hiq-color-primary);font-weight:var(--hiq-font-weight-semibold);color:var(--hiq-color-primary)}.sidebar-group a.sidebar-link{padding-left:2rem}.sidebar-sub-headers a.sidebar-link{padding-top:.25rem;padding-bottom:.25rem;border-left:0}.sidebar-sub-headers a.sidebar-link.active{font-weight:var(--hiq-font-weight-medium)}.sidebar-group:not(.first){margin-top:1rem}.sidebar-group:not(.collapsable) .sidebar-heading{color:inherit;cursor:auto}.sidebar-group .sidebar-group{padding-left:.5rem}.sidebar-heading{margin-top:0;margin-bottom:.5rem;padding:0 1.5rem;font-weight:var(--hiq-font-weight-bold);color:var(--hiq-text-color);transition:color .15s ease;cursor:pointer}.sidebar-heading.open,.sidebar-heading:hover{color:inherit}.sidebar-heading .arrow{position:relative;top:-.12rem;left:.5rem}.sidebar-heading .open .arrow{top:-.18rem}.sidebar-group-items{overflow:hidden;transition:height .1s ease-out}.sidebar-mask{display:none;position:fixed;top:0;left:0;z-index:9;width:100vw;height:100vh}.theme-container.sidebar-open .sidebar-mask{display:block}.sidebar{position:fixed;top:var(--navbar-height);bottom:0;left:0;z-index:10;width:var(--sidebar-width);overflow-y:auto;margin:0;border-right:1px solid var(--hiq-color-gray-6);background-color:#fff}.theme-container.sidebar-open .sidebar{top:0}.sidebar ul{margin:0;padding:0;list-style-type:none}.sidebar a{display:inline-block}.sidebar .nav-links{display:none;padding:.5rem 0 .75rem;border-bottom:1px solid var(--hiq-color-gray-6)}.sidebar .nav-links a{font-weight:var(--hiq-font-weight-semibold)}.sidebar .nav-links .nav-item,.sidebar .nav-links .repo-link{display:block;padding:.5rem 0 .5rem 1.5rem;line-height:1.25rem}.sidebar .sidebar-links{padding:1.5rem 0}@media(max-width:959px){.sidebar{width:var(--mobile-sidebar-width)}}@media(min-width:720px){.theme-container.no-sidebar .sidebar{display:none}}@media(max-width:719px){.sidebar{top:0;padding-top:var(--navbar-height);transform:translateX(-100%);transition:transform .2s ease}.theme-container.sidebar-open .sidebar{transform:translateX(0)}.theme-container.no-navbar .sidebar{padding-top:0}.sidebar .nav-links{display:block}.sidebar .nav-links .dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active:after{top:calc(1rem - 2px)}.sidebar .sidebar-links{padding:1rem 0}}.is-unselectable{-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-select:none}.overflow-touch{-webkit-overflow-scrolling:touch}.is-stretched{position:absolute;top:0;left:0;width:100%;height:100%}.is-visually-hidden{clip:rect(0 0 0 0);position:absolute;width:1px;height:1px;overflow:hidden;margin:-1px;padding:0;border:0;white-space:nowrap}.has-text-truncated{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.is-clipped{overflow:hidden !important}body,html{margin:0;padding:0}html{box-sizing:border-box;min-width:300px;overflow-x:hidden;overflow-y:scroll;background-color:var(--hiq-html-background-color,#fff);-webkit-tap-highlight-color:rgba(0,0,0,0)}*,:after,:before{box-sizing:inherit}body{background-color:var(--hiq-body-background-color,#fff)}[role=button],a,area,button,input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}[tabindex="-1"]:focus{outline:none !important}p{margin:0 0 var(--hiq-block-element-margin-bottom,1rem);padding:0}address{margin-bottom:var(--hiq-block-element-margin-bottom,1rem);font-style:normal;line-height:inherit}blockquote{--blockquote-font-size:var(--hiq-blockquote-font-size,var(--hiq-font-size-large,var(--hiq-font-size-4,1.5rem)));--blockquote-line-height:var(--hiq-blockquote-line-height,var(--hiq-heading-line-height,1.4));--blockquote-citation-color:var(--hiq-blockquote-citation-color,var(--hiq-color-gray-5,#999));margin:0 0 var(--hiq-block-element-margin-bottom,1rem);padding:0;color:var(--hiq-text-color,var(--hiq-color-gray-2,#17191c))}blockquote p{margin-bottom:0;font-size:var(--blockquote-font-size);line-height:var(--blockquote-line-height)}blockquote cite{display:block;margin-top:.25rem;color:var(--blockquote-citation-color)}blockquote cite:before{content:"\2014 \00A0"}cite{font-style:normal}details{margin-bottom:var(--hiq-block-element-margin-bottom,1rem)}summary{display:list-item}summary:focus{outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem)}html{-webkit-text-size-adjust:100%;text-rendering:var(--hiq-text-rendering,optimizeLegibility);font-family:var(--hiq-font-family-base,-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif);font-size:calc(var(--hiq-unitless-min-font-size,15)*1px);font-weight:var(--hiq-font-weight-base,var(--hiq-font-weight-normal,400));letter-spacing:var(--hiq-letter-spacing-base,0);line-height:var(--hiq-line-height-base,1.5)}@media(min-width:460px){html{font-size:calc(var(--hiq-unitless-min-font-size,15)*1px+(var(--hiq-unitless-max-font-size,16) - var(--hiq-unitless-min-font-size,15))*(100vw - var(--hiq-unitless-lower-font-range,460)*1px)/(var(--hiq-unitless-upper-font-range,900) - var(--hiq-unitless-lower-font-range,460)))}}@media(min-width:900px){html{font-size:calc(var(--hiq-unitless-max-font-size,16)*1px)}}body{text-align:left;color:var(--hiq-text-color,var(--hiq-color-gray-2,#17191c))}h1,h2,h3,h4,h5,h6{margin:0 0 var(--hiq-block-element-margin-bottom,1rem);padding:0;font-weight:var(--hiq-heading-font-weight,var(--hiq-font-weight-medium,500));line-height:var(--hiq-heading-line-height,1.2)}hr{--horizontal-rule-height:var(--hiq-horizontal-rule-height,1px);--horizontal-rule-color:var(--hiq-horizontal-rule-color,var(--hiq-color-gray-6,#e3e5e8));box-sizing:content-box;height:var(--horizontal-rule-height);overflow:visible;margin-top:var(--hiq-block-element-margin-bottom,1rem);margin-bottom:var(--hiq-block-element-margin-bottom,1rem);padding:0;border:0;background-color:var(--horizontal-rule-color)}abbr[title]{border-bottom:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help}dfn{font-style:italic}mark{background-color:var(--hiq-mark-color,#fcf8e3)}del{background-color:var(--hiq-deleted-color,#f95da8)}ins{background-color:var(--hiq-inserted-color,#e5f2ff)}a{--link-text-decoration:var(--hiq-link-text-decoration,none);--link-color:var(--hiq-link-color,var(--hiq-color-primary,#007fff));--link-hover-color:var(--hiq-link-hover-color,#06c);--link-active-color:var(--hiq-link-active-color,#06c);--link-visited-color:var(--hiq-link-visited-color,var(--hiq-link-color,var(--hiq-color-primary,#007fff)));--link-visited-hover-color:var(--hiq-link-visited-hover-color,var(--hiq-link-hover-color,#06c));--link-visited-active-color:var(--hiq-link-visited-active-color,var(--hiq-link-active-color,#06c));background-color:transparent;-webkit-text-decoration:var(--link-text-decoration);text-decoration:var(--link-text-decoration);-webkit-text-decoration-skip:objects;color:var(--link-color);transition:color var(--hiq-speed,.1s) var(--hiq-easing,ease-out);cursor:pointer}a:focus,a:hover{color:var(--link-hover-color)}a:focus{outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem)}a:active{color:var(--link-active-color)}a:visited{color:var(--link-visited-color)}a:visited:focus,a:visited:hover{color:var(--link-visited-hover-color)}a:visited:active{color:var(--link-visited-active-color)}ol,ul{--list-margin-left:var(--hiq-list-margin-left,1rem);margin:0 0 var(--hiq-block-element-margin-bottom,1rem);padding:0 0 0 var(--list-margin-left)}ul{--unordered-list-style:var(--hiq-unordered-list-style,disc);list-style:var(--unordered-list-style)}ul ul{margin-bottom:0}li{margin:0;padding:0}.is-unstyled{padding-left:0;list-style:none}dl{margin:0 0 var(--hiq-block-element-margin-bottom,1rem);padding:0}dt{--description-list-title-font-weight:var(--hiq-description-list-title-font-weight,var(--hiq-font-weight-semibold,600));font-weight:var(--description-list-title-font-weight)}dd,dt{margin:0;padding:0}dd:not(:last-child){margin-bottom:var(--hiq-block-element-margin-bottom,1rem)}::-moz-selection{background-color:var(--hiq-selection-color,#cce5ff);text-shadow:none}::-moz-selection,::selection{background-color:var(--hiq-selection-color,#cce5ff);text-shadow:none}.is-size-1,h1{font-size:var(--hiq-font-size-1,2.5rem)}@supports(font-size:clamp(1px,1px,1px)){.is-size-1,h1{font-size:clamp(var(--hiq-min-font-size-1,1px),var(--hiq-font-size-1,2.5rem),var(--hiq-max-font-size-1,var(--hiq-font-size-1,2.5rem)))}}.is-size-2,h2{font-size:var(--hiq-font-size-2,2rem)}@supports(font-size:clamp(1px,1px,1px)){.is-size-2,h2{font-size:clamp(var(--hiq-min-font-size-2,1px),var(--hiq-font-size-2,2rem),var(--hiq-max-font-size-2,var(--hiq-font-size-2,2rem)))}}.is-size-3,h3{font-size:var(--hiq-font-size-3,1.75rem)}@supports(font-size:clamp(1px,1px,1px)){.is-size-3,h3{font-size:clamp(var(--hiq-min-font-size-3,1px),var(--hiq-font-size-3,1.75rem),var(--hiq-max-font-size-3,var(--hiq-font-size-3,1.75rem)))}}.is-size-4,h4{font-size:var(--hiq-font-size-4,1.5rem)}@supports(font-size:clamp(1px,1px,1px)){.is-size-4,h4{font-size:clamp(var(--hiq-min-font-size-4,1px),var(--hiq-font-size-4,1.5rem),var(--hiq-max-font-size-4,var(--hiq-font-size-4,1.5rem)))}}.is-size-5,h5{font-size:var(--hiq-font-size-5,1rem)}@supports(font-size:clamp(1px,1px,1px)){.is-size-5,h5{font-size:clamp(var(--hiq-min-font-size-5,1px),var(--hiq-font-size-5,1rem),var(--hiq-max-font-size-5,var(--hiq-font-size-5,1rem)))}}.is-size-6,h6{font-size:var(--hiq-font-size-6,.875rem)}@supports(font-size:clamp(1px,1px,1px)){.is-size-6,h6{font-size:clamp(var(--hiq-min-font-size-6,1px),var(--hiq-font-size-6,.875rem),var(--hiq-max-font-size-6,var(--hiq-font-size-6,.875rem)))}}.is-large{font-size:var(--hiq-font-size-large,var(--hiq-font-size-4,1.5rem))}.is-small,small{font-size:var(--hiq-font-size-small,var(--hiq-font-size-6,.875rem))}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}b,strong{font-weight:var(--hiq-font-weight-bold,700)}.button,[role=button],[type=button],[type=reset],[type=submit],button{--button-height:var(--hiq-button-height,2.25rem);--button-vertical-padding:var(--hiq-button-vertical-padding,0);--button-horizontal-padding:var(--hiq-button-horizontal-padding,1rem);--button-border-width:var(--hiq-button-border-width,1px);--button-border-color:var(--hiq-button-border-color,var(--hiq-color-primary,#007fff));--button-border-radius:var(--hiq-button-border-radius,var(--hiq-border-radius,0.2rem));--button-background-color:var(--hiq-button-background-color,var(--hiq-color-primary,#007fff));--button-font-weight:var(--hiq-button-font-weight,var(--hiq-font-weight-medium,500));--button-text-color:var(--hiq-button-text-color,#fff);--button-hover-border-color:var(--hiq-button-hover-border-color,#06c);--button-hover-background-color:var(--hiq-button-hover-background-color,#06c);--button-hover-text-color:var(--hiq-button-hover-text-color,#fff);--button-active-border-color:var(--hiq-button-active-border-color,#004c99);--button-active-background-color:var(--hiq-button-active-background-color,#004c99);--button-active-text-color:var(--hiq-button-active-text-color,#fff);box-shadow:none;outline:0;-moz-appearance:none;-webkit-appearance:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-select:none;display:inline-flex;align-items:center;justify-content:center;width:auto;height:var(--button-height);margin:0;padding:var(--button-vertical-padding) var(--button-horizontal-padding);border:var(--button-border-width) solid var(--button-border-color);border-radius:var(--button-border-radius);background-color:var(--button-background-color);font-family:inherit;font-size:inherit;font-weight:var(--button-font-weight);line-height:inherit;text-decoration:none;color:var(--button-text-color);transition:border-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),background-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out);cursor:pointer}.button:focus,.button:hover,.button:visited:focus,.button:visited:hover,[role=button]:focus,[role=button]:hover,[role=button]:visited:focus,[role=button]:visited:hover,[type=button]:focus,[type=button]:hover,[type=button]:visited:focus,[type=button]:visited:hover,[type=reset]:focus,[type=reset]:hover,[type=reset]:visited:focus,[type=reset]:visited:hover,[type=submit]:focus,[type=submit]:hover,[type=submit]:visited:focus,[type=submit]:visited:hover,button:focus,button:hover,button:visited:focus,button:visited:hover{border-color:var(--button-hover-border-color);background-color:var(--button-hover-background-color);color:var(--button-hover-text-color)}.button:active,.button:focus,[role=button]:active,[role=button]:focus,[type=button]:active,[type=button]:focus,[type=reset]:active,[type=reset]:focus,[type=submit]:active,[type=submit]:focus,button:active,button:focus{outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem)}.button:active,.button:visited:active,[role=button]:active,[role=button]:visited:active,[type=button]:active,[type=button]:visited:active,[type=reset]:active,[type=reset]:visited:active,[type=submit]:active,[type=submit]:visited:active,button:active,button:visited:active{border-color:var(--button-active-border-color);background-color:var(--button-active-background-color);color:var(--button-active-text-color)}.button:visited,[role=button]:visited,[type=button]:visited,[type=reset]:visited,[type=submit]:visited,button:visited{color:var(--button-text-color)}.button:disabled,.button[aria-disabled],[role=button]:disabled,[role=button][aria-disabled],[type=button]:disabled,[type=button][aria-disabled],[type=reset]:disabled,[type=reset][aria-disabled],[type=submit]:disabled,[type=submit][aria-disabled],button:disabled,button[aria-disabled]{border-color:var(--hiq-disabled-border-color,transparent);background-color:var(--hiq-disabled-background-color,var(--hiq-color-gray-7,#f1f2f4));color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3));cursor:not-allowed}::-webkit-file-upload-button{--button-height:var(--hiq-button-height,2.25rem);--button-vertical-padding:var(--hiq-button-vertical-padding,0);--button-horizontal-padding:var(--hiq-button-horizontal-padding,1rem);--button-border-width:var(--hiq-button-border-width,1px);--button-border-color:var(--hiq-button-border-color,var(--hiq-color-primary,#007fff));--button-border-radius:var(--hiq-button-border-radius,var(--hiq-border-radius,0.2rem));--button-background-color:var(--hiq-button-background-color,var(--hiq-color-primary,#007fff));--button-font-weight:var(--hiq-button-font-weight,var(--hiq-font-weight-medium,500));--button-text-color:var(--hiq-button-text-color,#fff);--button-hover-border-color:var(--hiq-button-hover-border-color,#06c);--button-hover-background-color:var(--hiq-button-hover-background-color,#06c);--button-hover-text-color:var(--hiq-button-hover-text-color,#fff);--button-active-border-color:var(--hiq-button-active-border-color,#004c99);--button-active-background-color:var(--hiq-button-active-background-color,#004c99);--button-active-text-color:var(--hiq-button-active-text-color,#fff);box-shadow:none;outline:0;-moz-appearance:none;-webkit-appearance:none;user-select:none;-webkit-touch-callout:none;-webkit-user-select:none;display:inline-flex;align-items:center;justify-content:center;width:auto;height:var(--button-height);margin:0;padding:var(--button-vertical-padding) var(--button-horizontal-padding);border:var(--button-border-width) solid var(--button-border-color);border-radius:var(--button-border-radius);background-color:var(--button-background-color);font-family:inherit;font-size:inherit;font-weight:var(--button-font-weight);line-height:inherit;text-decoration:none;color:var(--button-text-color);-webkit-transition:border-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),background-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out);transition:border-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),background-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out);cursor:pointer}::-webkit-file-upload-button:focus,::-webkit-file-upload-button:hover,::-webkit-file-upload-button:visited:focus,::-webkit-file-upload-button:visited:hover{border-color:var(--button-hover-border-color);background-color:var(--button-hover-background-color);color:var(--button-hover-text-color)}::-webkit-file-upload-button:active,::-webkit-file-upload-button:focus{outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem)}::-webkit-file-upload-button:active,::-webkit-file-upload-button:visited:active{border-color:var(--button-active-border-color);background-color:var(--button-active-background-color);color:var(--button-active-text-color)}::-webkit-file-upload-button:visited{color:var(--button-text-color)}::-webkit-file-upload-button:disabled,::-webkit-file-upload-button[aria-disabled]{border-color:var(--hiq-disabled-border-color,transparent);background-color:var(--hiq-disabled-background-color,var(--hiq-color-gray-7,#f1f2f4));color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3));cursor:not-allowed}fieldset[disabled] [role=button]{pointer-events:none}code,kbd,pre,samp{--code-font-size:var(--hiq-code-font-size,var(--hiq-font-size-small,var(--hiq-font-size-6,0.875rem)));font-family:var(--hiq-font-family-monospace,Menlo,Monaco,Consolas,"Courier New",monospace);font-size:var(--code-font-size)}code{--code-padding-vertical:var(--hiq-code-padding-vertical,0.2rem);--code-padding-horizontal:var(--hiq-code-padding-horizontal,0.4rem);--code-border-color:var(--hiq-code-border-color,var(--hiq-color-gray-6,#e3e5e8));--code-background-color:var(--hiq-code-background-color,var(--hiq-color-gray-7,#f1f2f4));--code-text-color:var(--hiq-code-text-color,var(--hiq-text-color,var(--hiq-color-gray-3,#2e3138)));padding:var(--code-padding-vertical) var(--code-padding-horizontal);border-radius:var(--hiq-border-radius,.2rem);background-color:var(--code-background-color);white-space:pre;color:var(--code-text-color)}:not(pre)>code{border:1px solid var(--code-border-color)}a code{padding:0;border:0;background-color:inherit;color:inherit}kbd{--kbd-padding-vertical:var(--hiq-kbd-padding-vertical,0.2rem);--kbd-padding-horizontal:var(--hiq-kbd-padding-horizontal,0.4rem);--kbd-border-color:var(--hiq-kbd-border-color,var(--hiq-color-gray-6,#e3e5e8));--kbd-background-color:var(--hiq-kbd-background-color,transparent);--kbd-text-color:var(--hiq-kbd-text-color,var(--hiq-text-color,var(--hiq-color-gray-3,#2e3138)));--nested-kbd-font-weight:var(--hiq-nested-kbd-font-weight,var(--hiq-font-weight-medium,600));padding:var(--kbd-padding-vertical) var(--kbd-padding-horizontal);border:1px solid var(--kbd-border-color);border-radius:var(--hiq-border-radius,.2rem);background-color:var(--kbd-background-color);color:var(--kbd-text-color)}kbd kbd{padding:0;border:0;font-weight:var(--nested-kbd-font-weight)}pre{--pre-padding-vertical:var(--hiq-pre-padding-vertical,var(--hiq-code-padding-vertical,1.25rem));--pre-padding-horizontal:var(--hiq-pre-padding-horizontal,var(--hiq-code-padding-horizontal,1.5rem));--pre-border-color:var(--hiq-pre-border-color,var(--hiq-color-gray-6,#e3e5e8));--pre-background-color:var(--hiq-pre-background-color,transparent);--pre-text-color:var(--hiq-pre-text-color,var(--hiq-color-gray-4,#5c6370));-webkit-overflow-scrolling:touch;overflow-x:auto;margin:0 0 var(--hiq-block-element-margin-bottom,1rem);padding:var(--pre-padding-vertical) var(--pre-padding-horizontal);border:1px solid var(--pre-border-color);border-radius:var(--hiq-border-radius,.2rem);background-color:var(--pre-background-color);-moz-tab-size:1.5rem;-o-tab-size:1.5rem;tab-size:1.5rem;word-wrap:normal;color:var(--pre-text-color)}pre,pre code{white-space:pre-wrap}pre code{padding:0;border-radius:0;background-color:transparent;font-size:inherit;color:inherit}dialog{--dialog-border-radius:var(--hiq-dialog-border-radius,var(--hiq-border-radius,0.2rem));border:0;border-radius:var(--dialog-border-radius)}embed,img,object,video{max-width:100%;height:auto}figure{margin:0 0 var(--hiq-block-element-margin-bottom,1rem);padding:0}figcaption{--figcaption-margin-top:var(--hiq-figcaption-margin-top,0.5rem);--figcaption-font-weight:var(--hiq-figcaption-font-weight,var(--hiq-font-weight-normal,400));--figcaption-text-color:var(--hiq-figcaption-text-color,var(--hiq-color-gray-5,#999));margin-top:var(--figcaption-margin-top);font-weight:var(--figcaption-font-weight);color:var(--figcaption-text-color)}img{--image-border-radius:var(--hiq-image-border-radius,var(--hiq-border-radius,0.2rem));display:block;border-style:none;border-radius:var(--image-border-radius);vertical-align:middle}svg:not(:root){overflow:hidden}video:focus{outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem)}audio{max-width:100%}iframe{margin:0;padding:0;border:0}meter{--meter-background-color:var(--hiq-meter-background-color,var(--hiq-color-gray-6,#e3e5e8));--meter-strong-color:var(--hiq-meter-strong-color,var(--hiq-color-success,#21d492));--meter-good-color:var(--hiq-meter-good-color,var(--hiq-color-warning,#fcd34a));--meter-weak-color:var(--hiq-meter-weak-color,var(--hiq-color-danger,#fa3d56));width:100%;border:0;background:var(--meter-background-color);-webkit-appearance:none;-moz-appearance:none;appearance:none}meter::-webkit-meter-inner-element{display:block}meter::-webkit-meter-bar{height:1rem;border:0;border-radius:0;background:var(--meter-background-color)}meter::-moz-meter-bar{background:var(--meter-background-color)}meter::-webkit-meter-optimum-value{background:var(--meter-strong-color)}meter:-moz-meter-optimum::-moz-meter-bar{background:var(--meter-strong-color)}meter::-webkit-meter-suboptimum-value{background:var(--meter-good-color)}meter:-moz-meter-sub-optimum::-moz-meter-bar{background:var(--meter-good-color)}meter::-webkit-meter-even-less-good-value{background:var(--meter-weak-color)}meter:-moz-meter-sub-sub-optimum::-moz-meter-bar{background:var(--meter-weak-color)}progress{--progress-background-color:var(--hiq-progress-background-color,var(--hiq-color-gray-6,#e3e5e8));--progress-filled-color:var(--hiq-progress-filled-color,var(--hiq-color-primary,#007fff));position:relative;width:100%;border:0;vertical-align:baseline;-webkit-appearance:none;-moz-appearance:none}progress[value]{height:1rem}progress::-webkit-progress-bar{background-color:var(--progress-background-color)}progress::-webkit-progress-value{background-color:var(--progress-filled-color)}progress::-moz-progress-bar{background-color:var(--progress-filled-color)}progress:indeterminate:after{position:absolute;top:0;left:0;width:100%;height:100%;display:block;background-color:var(--progress-filled-color);background-image:linear-gradient(45deg,hsla(0,0,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0,100%,.15) 0,hsla(0,0,100%,.15) 75%,transparent 0,transparent);background-size:1rem 1rem;-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite;content:""}progress:indeterminate::-webkit-progress-bar{position:absolute;top:0;left:0;width:100%;height:100%;display:block;background-color:var(--progress-filled-color);background-image:linear-gradient(45deg,hsla(0,0,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0,100%,.15) 0,hsla(0,0,100%,.15) 75%,transparent 0,transparent);background-size:1rem 1rem;-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite;content:""}progress:indeterminate::-moz-progress-bar{position:absolute;top:0;left:0;width:100%;height:100%;display:block;background-color:var(--progress-filled-color);background-image:linear-gradient(45deg,hsla(0,0,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0,100%,.15) 0,hsla(0,0,100%,.15) 75%,transparent 0,transparent);background-size:1rem 1rem;animation:progress-bar-stripes 1s linear infinite;content:""}@-webkit-keyframes progress-bar-stripes{0{background-position:1rem 0}to{background-position:0 0}}@keyframes progress-bar-stripes{0{background-position:1rem 0}to{background-position:0 0}}table{--table-head-border-width:var(--hiq-table-head-border-width,var(--hiq-table-cell-border-width,1px));--table-foot-border-width:var(--hiq-table-foot-border-width,var(--hiq-table-cell-border-width,1px));--table-cell-padding-vertical:var(--hiq-table-cell-padding-vertical,0.5rem);--table-cell-padding-horizontal:var(--hiq-table-cell-padding-horizontal,0.75rem);--table-cell-border-width:var(--hiq-table-cell-border-width,1px);--table-cell-border-color:var(--hiq-table-cell-border-color,var(--hiq-color-gray-6,#e3e5e8));--table-heading-background-color:var(--hiq-table-heading-background-color,var(--hiq-color-gray-7,#f1f2f4));--table-heading-font-weight:var(--hiq-table-heading-font-weight,var(--hiq-font-weight-medium,500));--table-heading-text-color:var(--hiq-table-heading-text-color,var(--hiq-color-gray-4,#5c6370));--table-caption-padding-vertical:var(--hiq-table-caption-padding-vertical,0.75rem);--table-caption-font-weight:var(--hiq-table-caption-font-weight,var(--hiq-font-weight-normal,400));--table-caption-text-color:var(--hiq-table-caption-text-color,var(--hiq-color-gray-5,#999));width:100%;max-width:100%;margin:0 0 var(--hiq-block-element-margin-bottom,1rem);border-collapse:collapse;border-spacing:0}caption{caption-side:bottom}caption,td,th{text-align:inherit}td,th{padding:var(--table-cell-padding-vertical) var(--table-cell-padding-horizontal);border-top:var(--table-cell-border-width) solid var(--table-cell-border-color);vertical-align:top}thead td,thead th{border-top:0;border-bottom:var(--table-head-border-width) solid var(--hiq-table-cell-border-color);vertical-align:bottom}tfoot td,tfoot th{border-top:var(--table-foot-border-width) solid var(--hiq-table-cell-border-color);vertical-align:top}th{background-color:var(--table-heading-background-color);font-weight:var(--table-heading-font-weight);color:var(--table-heading-text-color)}tbody+tbody{border-top:var(--hiq-table-head-border-width,var(--hiq-table-cell-border-width,1px)) solid var(--hiq-table-cell-border-color,var(--hiq-color-gray-6,#e3e5e8))}table caption{padding:var(--table-caption-padding-vertical) 0;font-weight:var(--table-caption-font-weight);color:var(--table-caption-text-color)}fieldset{--fieldset-padding-vertical:var(--hiq-fieldset-padding-vertical,0);--fieldset-padding-horizontal:var(--hiq-fieldset-padding-horizontal,0);--fieldset-border-width:var(--hiq-fieldset-border-width,0);--fieldset-border-color:var(--hiq-fieldset-border-color,transparent);min-width:0;margin:0 0 var(--hiq-block-element-margin-bottom,1rem);padding:var(--fieldset-padding-vertical) var(--fieldset-padding-horizontal);border:var(--fieldset-border-width) solid var(--fieldset-border-color)}legend{--legend-margin-bottom:var(--hiq-legend-margin-bottom,0.5rem);--legend-font-weight:var(--hiq-legend-font-weight,var(--hiq-font-weight-semibold,600));width:100%;max-width:100%;margin:0 0 var(--legend-margin-bottom);font-weight:var(--legend-font-weight);line-height:inherit;white-space:normal;color:inherit}label,legend{display:block;padding:0}label{--label-margin-bottom:var(--hiq-label-margin-bottom,0.25rem);--label-font-weight:var(--hiq-label-font-weight,var(--hiq-font-weight-medium,500));margin:0 0 var(--label-margin-bottom);font-weight:var(--label-font-weight)}output{display:inline-block}.checkbox{--checkbox-margin-bottom:var(--hiq-checkbox-margin-bottom,0.5rem);--checkbox-label-padding-horizontal:var(--hiq-checkbox-label-padding-horizontal,1.5rem);--checkbox-label-font-weight:var(--hiq-checkbox-label-font-weight,var(--hiq-font-weight-normal,400));--checkbox-width:var(--hiq-checkbox-width,1rem);--checkbox-height:var(--hiq-checkbox-height,1rem);--checkbox-border-width:var(--hiq-checkbox-border-width,1px);--checkbox-border-color:var(--hiq-checkbox-border-color,transparent);--checkbox-border-radius:var(--hiq-checkbox-border-radius,var(--hiq-border-radius,0.2rem));--checkbox-background-color:var(--hiq-checkbox-background-color,var(--hiq-color-gray-6,#e3e5e8));--checkbox-hover-background-color:var(--hiq-checkbox-hover-background-color,var(--hiq-checkbox-background-color,var(--hiq-color-gray-6,#e3e5e8)));--checkbox-focus-background-color:var(--hiq-checkbox-focus-background-color,var(--hiq-checkbox-background-color,var(--hiq-color-gray-6,#e3e5e8)));--checkbox-checked-border-color:var(--hiq-checkbox-checked-border-color,var(--hiq-color-primary,#007fff));--checkbox-checked-background-color:var(--hiq-checkbox-checked-background-color,var(--hiq-color-primary,#007fff));--checkbox-check-width:var(--hiq-checkbox-check-width,0.25rem);--checkbox-check-height:var(--hiq-checkbox-check-height,0.5rem);--checkbox-check-color:var(--hiq-checkbox-check-color,#fff);--checkbox-check-border-width:var(--hiq-checkbox-check-border-width,2px);--checkbox-indeterminate-width:var(--hiq-checkbox-indeterminate-width,0.5rem);position:relative}.checkbox label{position:relative;margin-bottom:var(--checkbox-margin-bottom);padding:0 var(--checkbox-label-padding-horizontal);font-weight:var(--checkbox-label-font-weight) !important;line-height:1;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.checkbox label:before{display:block;position:absolute;top:0;left:0;width:var(--checkbox-width);height:var(--checkbox-height);border:var(--checkbox-border-width) solid var(--checkbox-border-color);border-radius:var(--checkbox-border-radius);background-color:var(--checkbox-background-color);transition:background-color var(--hiq-speed,.2s) var(--hiq-easing,ease-out);content:""}.checkbox input[type=checkbox]{position:absolute;top:0;left:0;width:0;height:0;opacity:0;pointer-events:none}.checkbox input[type=checkbox]:hover+label:before{background-color:var(--checkbox-hover-background-color)}.checkbox input[type=checkbox]:focus+label:before{background-color:var(--checkbox-focus-background-color);outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem)}.checkbox input[type=checkbox]:checked+label:before,.checkbox input[type=checkbox]:indeterminate+label:before,.checkbox input[type=checkbox][aria-checked]+label:before{border-color:var(--checkbox-checked-border-color);background-color:var(--checkbox-checked-background-color)}.checkbox input[type=checkbox]:checked+label:after,.checkbox input[type=checkbox][aria-checked]+label:after{display:block;position:absolute;top:50%;left:calc(var(--checkbox-width)/2);width:var(--checkbox-check-width);height:var(--checkbox-check-height);border:solid var(--checkbox-check-color);border-left-width:0;border-bottom-width:var(--checkbox-check-border-width);border-right-width:var(--checkbox-check-border-width);border-top-width:0;transform:rotate(45deg) translate(-50%,-50%);transform-origin:50% 0;content:""}.checkbox input[type=checkbox]:indeterminate+label:after{display:block;position:absolute;top:50%;left:calc(var(--checkbox-width)/2);width:var(--checkbox-indeterminate-width);height:var(--checkbox-check-border-width);background-color:var(--checkbox-check-color);transform:translate(-50%,-50%);content:""}.checkbox input[type=checkbox]:disabled+label,.checkbox input[type=checkbox][aria-disabled]+label,.checkbox input[type=checkbox][readonly]+label{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}.checkbox input[type=checkbox]:disabled,.checkbox input[type=checkbox][aria-disabled]{cursor:not-allowed}.checkbox input[type=checkbox]:disabled+label:before,.checkbox input[type=checkbox][aria-disabled]+label:before,.checkbox input[type=checkbox][readonly]+label:before{background-color:var(--hiq-disabled-background-color,var(--hiq-color-gray-7,#f1f2f4))}input[type=color]{--color-input-background-color:var(--hiq-color-input-background-color,var(--hiq-color-gray-6,#e3e5e8));padding:0;border:0;border-radius:.2rem;background:var(--color-input-background-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}input[type=color]:focus{outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem)}input[type=color]:disabled,input[type=color][aria-disabled]{cursor:not-allowed}input[type=color]::-webkit-color-swatch-wrapper{padding:.25rem}input[type=color]::-webkit-color-swatch{border:0;border-radius:.1rem}input[type=color]::-moz-color-swatch{border:0;border-radius:.1rem}input[list]{--input-border-width:var(--hiq-input-border-width,1px);--input-border-color:var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8));--input-border-radius:var(--hiq-input-border-radius,var(--hiq-border-radius,0.2rem));--input-background-color:var(--hiq-input-background-color,#fff);--input-text-color:var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,#17191c)));--input-placeholder-color:var(--hiq-input-placeholder-color,var(--hiq-color-gray-4,#5c6370));--input-hover-border-color:var(--hiq-input-hover-border-color,var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8)));--input-hover-background-color:var(--hiq-input-hover-background-color,var(--hiq-input-background-color,#fff));--input-hover-text-color:var(--hiq-input-hover-text-color,var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,#17191c))));--input-focus-border-color:var(--hiq-input-focus-border-color,var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8)));--input-focus-background-color:var(--hiq-input-focus-background-color,var(--hiq-input-background-color,#fff));--input-focus-text-color:var(--hiq-input-focus-text-color,var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,#17191c))));--input-invalid-border-color:var(--hiq-input-invalid-border-color,var(--hiq-color-danger,#fa3d56));--input-valid-border-color:var(--hiq-input-valid-border-color,var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8)));box-shadow:none;outline:0;-moz-appearance:none;-webkit-appearance:none;margin:0;border:var(--input-border-width) solid var(--input-border-color);border-radius:var(--input-border-radius);background-color:var(--input-background-color);font-family:inherit;font-size:inherit;font-weight:var(--hiq-font-weight-base,400);line-height:inherit;color:var(--input-text-color);transition:border-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),background-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out)}input[list]::-moz-placeholder{color:var(--input-placeholder-color)}input[list]:-ms-input-placeholder{color:var(--input-placeholder-color)}input[list]::-ms-input-placeholder{color:var(--input-placeholder-color)}input[list]::placeholder{color:var(--input-placeholder-color)}input[list]:hover{border-color:var(--input-hover-border-color);background-color:var(--input-hover-background-color);color:var(--input-hover-text-color)}input[list]:focus{border-color:var(--input-focus-border-color);background-color:var(--input-focus-background-color);outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem);color:var(--input-focus-text-color)}input[list]:disabled,input[list][aria-disabled],input[list][readonly]{border-color:var(--hiq-disabled-border-color,var(--hiq-color-gray-6,#e3e5e8));background-color:var(--hiq-disabled-background-color,var(--hiq-color-gray-7,#f1f2f4));color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}input[list]:disabled::-moz-placeholder,input[list][aria-disabled]::-moz-placeholder,input[list][readonly]::-moz-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}input[list]:disabled:-ms-input-placeholder,input[list][aria-disabled]:-ms-input-placeholder,input[list][readonly]:-ms-input-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}input[list]:disabled::-ms-input-placeholder,input[list][aria-disabled]::-ms-input-placeholder,input[list][readonly]::-ms-input-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}input[list]:disabled::placeholder,input[list][aria-disabled]::placeholder,input[list][readonly]::placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}input[list]:disabled{cursor:not-allowed}input[list]:invalid:not(:focus){border-color:var(--input-invalid-border-color)}input[list]:valid:not(:focus){border-color:var(--input-valid-border-color)}input[list]{display:block;width:100%;height:var(--hiq-input-height,2.5rem);padding:var(--hiq-input-padding-vertical,0) var(--hiq-input-padding-horizontal,.75rem)}input[type=file]{display:block;font-size:inherit;line-height:inherit;cursor:pointer}input[type=file]:focus{outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem)}input[type=file]:disabled,input[type=file][aria-disabled]{cursor:not-allowed}input[type=file]::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}.radio{--radio-margin-bottom:var(--hiq-radio-margin-bottom,0.5rem);--radio-label-padding-horizontal:var(--hiq-radio-label-padding-horizontal,1.5rem);--radio-label-font-weight:var(--hiq-radio-label-font-weight,var(--hiq-font-weight-normal,400));--radio-width:var(--hiq-radio-width,1rem);--radio-height:var(--hiq-radio-height,1rem);--radio-border-width:var(--hiq-radio-border-width,1px) solid var(--hiq-radio-border-color,transparent);--radio-border-color:var(--hiq-radio-border-color,transparent);--radio-border-radius:var(--hiq-radio-border-radius,50%);--radio-background-color:var(--hiq-radio-background-color,var(--hiq-color-gray-6,#e3e5e8));--radio-hover-background-color:var(--hiq-radio-hover-background-color,var(--hiq-radio-background-color,var(--hiq-color-gray-6,#e3e5e8)));--radio-focus-background-color:var(--hiq-radio-focus-background-color,var(--hiq-radio-background-color,var(--hiq-color-gray-6,#e3e5e8)));--radio-checked-background-color:var(--hiq-radio-checked-background-color,var(--hiq-color-primary,#007fff));--radio-checked-border-color:var(--hiq-radio-checked-border-color,var(--hiq-color-primary,#007fff));--radio-check-width:var(--hiq-radio-check-width,0.5rem);--radio-check-height:var(--hiq-radio-check-height,0.5rem);--radio-check-border-radius:var(--hiq-radio-check-border-radius,50%);--radio-check-background-color:var(--hiq-radio-check-background-color,#fff);position:relative}.radio label{position:relative;margin-bottom:var(--radio-margin-bottom);padding:0 var(--radio-label-padding-horizontal);font-weight:var(--radio-label-font-weight) !important;line-height:1;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.radio label:before{display:block;position:absolute;top:0;left:0;width:var(--radio-width);height:var(--radio-height);border:var(--radio-border-width) solid var(--radio-border-color);border-radius:var(--radio-border-radius);background-color:var(--radio-background-color);transition:background-color var(--hiq-speed,.2s) var(--hiq-easing,ease-out);content:""}.radio input[type=radio]{position:absolute;top:0;left:0;width:0;height:0;opacity:0;pointer-events:none}.radio input[type=radio]:hover+label:before{background-color:var(--radio-hover-background-color)}.radio input[type=radio]:focus+label:before{background-color:var(--radio-focus-background-color);outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem)}.radio input[type=radio]:checked+label:before,.radio input[type=radio][aria-checked]+label:before{border-color:var(--radio-checked-border-color);background-color:var(--radio-checked-background-color)}.radio input[type=radio]:checked+label:after,.radio input[type=radio][aria-checked]+label:after{display:block;position:absolute;top:50%;left:calc(var(--radio-width)/2);width:var(--radio-check-width);height:var(--radio-check-height);border-radius:var(--radio-check-border-radius);background-color:var(--radio-check-background-color);transform:translate(-50%,-50%);content:""}.radio input[type=radio]:disabled+label,.radio input[type=radio][aria-disabled]+label,.radio input[type=radio][readonly]+label{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}.radio input[type=radio]:disabled,.radio input[type=radio][aria-disabled]{cursor:not-allowed}.radio input[type=radio]:disabled+label:before,.radio input[type=radio][aria-disabled]+label:before,.radio input[type=radio][readonly]+label:before{background-color:var(--hiq-disabled-background-color,var(--hiq-color-gray-7,#f1f2f4))}input[type=range]{--range-input-track-height:var(--hiq-range-input-track-height,0.5rem);--range-input-track-border-radius:var(--hiq-range-input-track-border-radius,var(--hiq-border-radius,0.2rem));--range-input-track-background-color:var(--hiq-range-input-track-background-color,var(--hiq-color-gray-6,#e3e5e8));--range-input-thumb-width:var(--hiq-range-input-thumb-width,1.5rem);--range-input-thumb-height:var(--hiq-range-input-thumb-height,1.5rem);--range-input-thumb-border-radius:var(--hiq-range-input-thumb-border-radius,50%);--range-input-thumb-background-color:var(--hiq-range-input-thumb-background-color,var(--hiq-color-primary,#007fff));--range-input-thumb-disabled-background-color:var(--hiq-range-input-thumb-disabled-background-color,var(--hiq-color-gray-6,#e3e6e8));width:100%;background:transparent;outline:0;-webkit-appearance:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:var(--range-input-track-height);border-radius:var(--range-input-track-border-radius);background-color:var(--range-input-track-background-color);-webkit-transition:background-color var(--hiq-speed,.2s) var(--hiq-easing,ease-out);transition:background-color var(--hiq-speed,.2s) var(--hiq-easing,ease-out);cursor:pointer}input[type=range]::-moz-range-track{width:100%;height:var(--range-input-track-height);background-color:var(--range-input-track-background-color);-moz-transition:background-color var(--hiq-speed,.2s) var(--hiq-easing,ease-out);transition:background-color var(--hiq-speed,.2s) var(--hiq-easing,ease-out);cursor:pointer}input[type=range]::-ms-track{width:100%;height:var(--range-input-track-height);border-width:var(--range-input-thumb-height);border-color:transparent;background-color:transparent;color:transparent;-ms-transition:background-color var(--hiq-speed,.2s) var(--hiq-easing,ease-out);transition:background-color var(--hiq-speed,.2s) var(--hiq-easing,ease-out);cursor:pointer}input[type=range]::-ms-fill-lower{background-color:var(--range-input-track-background-color)}input[type=range]::-ms-fill-upper{background-color:var(--range-input-track-background-color)}input[type=range]::-webkit-slider-thumb{width:var(--range-input-thumb-width);height:var(--range-input-thumb-height);margin-top:-.5rem;border-color:transparent;border-radius:var(--range-input-thumb-border-radius);background-color:var(--range-input-thumb-background-color);-webkit-appearance:none;cursor:pointer}input[type=range]:focus::-webkit-slider-thumb{outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem)}input[type=range]::-moz-range-thumb{width:var(--range-input-thumb-width);height:var(--range-input-thumb-height);border-color:transparent;border-radius:var(--range-input-thumb-border-radius);background-color:var(--range-input-thumb-background-color);cursor:pointer}input[type=range]:focus::-moz-range-thumb{box-shadow:0 0 0 var(--hiq-outline-width,.2rem) var(--hiq-outline-color,#b3d9ff)}input[type=range]::-ms-thumb{width:var(--range-input-thumb-width);height:var(--range-input-thumb-height);border-color:transparent;border-radius:var(--range-input-thumb-border-radius);background-color:var(--range-input-thumb-background-color);cursor:pointer}input[type=range]:focus::-ms-thumb{outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem)}input[type=range]:disabled::-webkit-slider-runnable-track,input[type=range][aria-disabled]::-webkit-slider-runnable-track{background-color:var(--hiq-disabled-background-color,var(--hiq-color-gray-7,#f1f2f4));cursor:not-allowed}input[type=range]:disabled::-moz-range-track,input[type=range][aria-disabled]::-moz-range-track{background-color:var(--hiq-disabled-background-color,var(--hiq-color-gray-7,#f1f2f4));cursor:not-allowed}input[type=range]:disabled::-ms-fill-lower,input[type=range][aria-disabled]::-ms-fill-lower{background-color:var(--hiq-disabled-background-color,var(--hiq-color-gray-7,#f1f2f4));cursor:not-allowed}input[type=range]:disabled::-ms-fill-upper,input[type=range][aria-disabled]::-ms-fill-upper{background-color:var(--hiq-disabled-background-color,var(--hiq-color-gray-7,#f1f2f4));cursor:not-allowed}input[type=range]:disabled::-webkit-slider-thumb,input[type=range][aria-disabled]::-webkit-slider-thumb{background-color:var(--range-input-thumb-disabled-background-color);cursor:not-allowed}input[type=range]:disabled::-moz-range-thumb,input[type=range][aria-disabled]::-moz-range-thumb{background-color:var(--range-input-thumb-disabled-background-color);cursor:not-allowed}input[type=range]:disabled::-ms-thumb,input[type=range][aria-disabled]::-ms-thumb{background-color:var(--range-input-thumb-disabled-background-color);cursor:not-allowed}select{--select-background-image:var(--hiq-select-background-image,url("data:image/svg+xml;charset=utf-8,%3Csvgwidth='30'height='16'xmlns='http://www.w3.org/2000/svg'%3E%3Cpathd='M1516L00h30z'fill='%23000'fill-rule='evenodd'/%3E%3C/svg%3E"));--select-background-position:var(--hiq-select-background-position,right 1rem center);--select-background-size:var(--hiq-select-background-size,0.75rem);--select-multiple-padding-vertical:var(--hiq-select-multiple-padding-vertical,0.75rem);--select-multiple-checked-background-color:var(--hiq-select-multiple-checked-background-color,var(--hiq-color-primary,#007fff));--input-border-width:var(--hiq-input-border-width,1px);--input-border-color:var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8));--input-border-radius:var(--hiq-input-border-radius,var(--hiq-border-radius,0.2rem));--input-background-color:var(--hiq-input-background-color,#fff);--input-text-color:var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,#17191c)));--input-placeholder-color:var(--hiq-input-placeholder-color,var(--hiq-color-gray-4,#5c6370));--input-hover-border-color:var(--hiq-input-hover-border-color,var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8)));--input-hover-background-color:var(--hiq-input-hover-background-color,var(--hiq-input-background-color,#fff));--input-hover-text-color:var(--hiq-input-hover-text-color,var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,#17191c))));--input-focus-border-color:var(--hiq-input-focus-border-color,var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8)));--input-focus-background-color:var(--hiq-input-focus-background-color,var(--hiq-input-background-color,#fff));--input-focus-text-color:var(--hiq-input-focus-text-color,var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,#17191c))));--input-invalid-border-color:var(--hiq-input-invalid-border-color,var(--hiq-color-danger,#fa3d56));--input-valid-border-color:var(--hiq-input-valid-border-color,var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8)));box-shadow:none;outline:0;-moz-appearance:none;-webkit-appearance:none;margin:0;border:var(--input-border-width) solid var(--input-border-color);border-radius:var(--input-border-radius);background-color:var(--input-background-color);font-family:inherit;font-size:inherit;font-weight:var(--hiq-font-weight-base,400);line-height:inherit;color:var(--input-text-color);transition:border-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),background-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out)}select::-moz-placeholder{color:var(--input-placeholder-color)}select:-ms-input-placeholder{color:var(--input-placeholder-color)}select::-ms-input-placeholder{color:var(--input-placeholder-color)}select::placeholder{color:var(--input-placeholder-color)}select:hover{border-color:var(--input-hover-border-color);background-color:var(--input-hover-background-color);color:var(--input-hover-text-color)}select:focus{border-color:var(--input-focus-border-color);background-color:var(--input-focus-background-color);outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem);color:var(--input-focus-text-color)}select:disabled,select[aria-disabled],select[readonly]{border-color:var(--hiq-disabled-border-color,var(--hiq-color-gray-6,#e3e5e8));background-color:var(--hiq-disabled-background-color,var(--hiq-color-gray-7,#f1f2f4));color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}select:disabled::-moz-placeholder,select[aria-disabled]::-moz-placeholder,select[readonly]::-moz-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}select:disabled:-ms-input-placeholder,select[aria-disabled]:-ms-input-placeholder,select[readonly]:-ms-input-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}select:disabled::-ms-input-placeholder,select[aria-disabled]::-ms-input-placeholder,select[readonly]::-ms-input-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}select:disabled::placeholder,select[aria-disabled]::placeholder,select[readonly]::placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}select:disabled{cursor:not-allowed}select:invalid:not(:focus){border-color:var(--input-invalid-border-color)}select:valid:not(:focus){border-color:var(--input-valid-border-color)}select{display:block;width:100%;height:var(--hiq-input-height,2.5rem);padding:var(--hiq-input-padding-vertical,0) var(--hiq-input-padding-horizontal,.75rem)}select:not([multiple]){background-image:var(--select-background-image);background-repeat:no-repeat;background-position:var(--select-background-position);background-size:var(--select-background-size)}select[multiple]{height:auto;padding-top:var(--select-multiple-padding-vertical);padding-bottom:var(--select-multiple-padding-vertical)}select[multiple] option{padding:.125rem .5rem}select[multiple] option:checked{background:var(--select-multiple-checked-background-color) -webkit-linear-gradient(bottom,var(--select-multiple-checked-background-color),var(--select-multiple-checked-background-color))}optgroup{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}input[type=date],input[type=datetime-local],input[type=month],input[type=time],input[type=week]{-webkit-appearance:listbox}input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week]{--input-border-width:var(--hiq-input-border-width,1px);--input-border-color:var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8));--input-border-radius:var(--hiq-input-border-radius,var(--hiq-border-radius,0.2rem));--input-background-color:var(--hiq-input-background-color,#fff);--input-text-color:var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,#17191c)));--input-placeholder-color:var(--hiq-input-placeholder-color,var(--hiq-color-gray-4,#5c6370));--input-hover-border-color:var(--hiq-input-hover-border-color,var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8)));--input-hover-background-color:var(--hiq-input-hover-background-color,var(--hiq-input-background-color,#fff));--input-hover-text-color:var(--hiq-input-hover-text-color,var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,#17191c))));--input-focus-border-color:var(--hiq-input-focus-border-color,var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8)));--input-focus-background-color:var(--hiq-input-focus-background-color,var(--hiq-input-background-color,#fff));--input-focus-text-color:var(--hiq-input-focus-text-color,var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,#17191c))));--input-invalid-border-color:var(--hiq-input-invalid-border-color,var(--hiq-color-danger,#fa3d56));--input-valid-border-color:var(--hiq-input-valid-border-color,var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8)));box-shadow:none;outline:0;-moz-appearance:none;-webkit-appearance:none;margin:0;border:var(--input-border-width) solid var(--input-border-color);border-radius:var(--input-border-radius);background-color:var(--input-background-color);font-family:inherit;font-size:inherit;font-weight:var(--hiq-font-weight-base,400);line-height:inherit;color:var(--input-text-color);transition:border-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),background-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out)}input[type=date]::-moz-placeholder,input[type=datetime-local]::-moz-placeholder,input[type=email]::-moz-placeholder,input[type=month]::-moz-placeholder,input[type=number]::-moz-placeholder,input[type=password]::-moz-placeholder,input[type=search]::-moz-placeholder,input[type=tel]::-moz-placeholder,input[type=text]::-moz-placeholder,input[type=time]::-moz-placeholder,input[type=url]::-moz-placeholder,input[type=week]::-moz-placeholder{color:var(--input-placeholder-color)}input[type=date]:-ms-input-placeholder,input[type=datetime-local]:-ms-input-placeholder,input[type=email]:-ms-input-placeholder,input[type=month]:-ms-input-placeholder,input[type=number]:-ms-input-placeholder,input[type=password]:-ms-input-placeholder,input[type=search]:-ms-input-placeholder,input[type=tel]:-ms-input-placeholder,input[type=text]:-ms-input-placeholder,input[type=time]:-ms-input-placeholder,input[type=url]:-ms-input-placeholder,input[type=week]:-ms-input-placeholder{color:var(--input-placeholder-color)}input[type=date]::-ms-input-placeholder,input[type=datetime-local]::-ms-input-placeholder,input[type=email]::-ms-input-placeholder,input[type=month]::-ms-input-placeholder,input[type=number]::-ms-input-placeholder,input[type=password]::-ms-input-placeholder,input[type=search]::-ms-input-placeholder,input[type=tel]::-ms-input-placeholder,input[type=text]::-ms-input-placeholder,input[type=time]::-ms-input-placeholder,input[type=url]::-ms-input-placeholder,input[type=week]::-ms-input-placeholder{color:var(--input-placeholder-color)}input[type=date]::placeholder,input[type=datetime-local]::placeholder,input[type=email]::placeholder,input[type=month]::placeholder,input[type=number]::placeholder,input[type=password]::placeholder,input[type=search]::placeholder,input[type=tel]::placeholder,input[type=text]::placeholder,input[type=time]::placeholder,input[type=url]::placeholder,input[type=week]::placeholder{color:var(--input-placeholder-color)}input[type=date]:hover,input[type=datetime-local]:hover,input[type=email]:hover,input[type=month]:hover,input[type=number]:hover,input[type=password]:hover,input[type=search]:hover,input[type=tel]:hover,input[type=text]:hover,input[type=time]:hover,input[type=url]:hover,input[type=week]:hover{border-color:var(--input-hover-border-color);background-color:var(--input-hover-background-color);color:var(--input-hover-text-color)}input[type=date]:focus,input[type=datetime-local]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus{border-color:var(--input-focus-border-color);background-color:var(--input-focus-background-color);outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem);color:var(--input-focus-text-color)}input[type=date]:disabled,input[type=date][aria-disabled],input[type=date][readonly],input[type=datetime-local]:disabled,input[type=datetime-local][aria-disabled],input[type=datetime-local][readonly],input[type=email]:disabled,input[type=email][aria-disabled],input[type=email][readonly],input[type=month]:disabled,input[type=month][aria-disabled],input[type=month][readonly],input[type=number]:disabled,input[type=number][aria-disabled],input[type=number][readonly],input[type=password]:disabled,input[type=password][aria-disabled],input[type=password][readonly],input[type=search]:disabled,input[type=search][aria-disabled],input[type=search][readonly],input[type=tel]:disabled,input[type=tel][aria-disabled],input[type=tel][readonly],input[type=text]:disabled,input[type=text][aria-disabled],input[type=text][readonly],input[type=time]:disabled,input[type=time][aria-disabled],input[type=time][readonly],input[type=url]:disabled,input[type=url][aria-disabled],input[type=url][readonly],input[type=week]:disabled,input[type=week][aria-disabled],input[type=week][readonly]{border-color:var(--hiq-disabled-border-color,var(--hiq-color-gray-6,#e3e5e8));background-color:var(--hiq-disabled-background-color,var(--hiq-color-gray-7,#f1f2f4));color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}input[type=date]:disabled::-moz-placeholder,input[type=date][aria-disabled]::-moz-placeholder,input[type=date][readonly]::-moz-placeholder,input[type=datetime-local]:disabled::-moz-placeholder,input[type=datetime-local][aria-disabled]::-moz-placeholder,input[type=datetime-local][readonly]::-moz-placeholder,input[type=email]:disabled::-moz-placeholder,input[type=email][aria-disabled]::-moz-placeholder,input[type=email][readonly]::-moz-placeholder,input[type=month]:disabled::-moz-placeholder,input[type=month][aria-disabled]::-moz-placeholder,input[type=month][readonly]::-moz-placeholder,input[type=number]:disabled::-moz-placeholder,input[type=number][aria-disabled]::-moz-placeholder,input[type=number][readonly]::-moz-placeholder,input[type=password]:disabled::-moz-placeholder,input[type=password][aria-disabled]::-moz-placeholder,input[type=password][readonly]::-moz-placeholder,input[type=search]:disabled::-moz-placeholder,input[type=search][aria-disabled]::-moz-placeholder,input[type=search][readonly]::-moz-placeholder,input[type=tel]:disabled::-moz-placeholder,input[type=tel][aria-disabled]::-moz-placeholder,input[type=tel][readonly]::-moz-placeholder,input[type=text]:disabled::-moz-placeholder,input[type=text][aria-disabled]::-moz-placeholder,input[type=text][readonly]::-moz-placeholder,input[type=time]:disabled::-moz-placeholder,input[type=time][aria-disabled]::-moz-placeholder,input[type=time][readonly]::-moz-placeholder,input[type=url]:disabled::-moz-placeholder,input[type=url][aria-disabled]::-moz-placeholder,input[type=url][readonly]::-moz-placeholder,input[type=week]:disabled::-moz-placeholder,input[type=week][aria-disabled]::-moz-placeholder,input[type=week][readonly]::-moz-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}input[type=date]:disabled:-ms-input-placeholder,input[type=date][aria-disabled]:-ms-input-placeholder,input[type=date][readonly]:-ms-input-placeholder,input[type=datetime-local]:disabled:-ms-input-placeholder,input[type=datetime-local][aria-disabled]:-ms-input-placeholder,input[type=datetime-local][readonly]:-ms-input-placeholder,input[type=email]:disabled:-ms-input-placeholder,input[type=email][aria-disabled]:-ms-input-placeholder,input[type=email][readonly]:-ms-input-placeholder,input[type=month]:disabled:-ms-input-placeholder,input[type=month][aria-disabled]:-ms-input-placeholder,input[type=month][readonly]:-ms-input-placeholder,input[type=number]:disabled:-ms-input-placeholder,input[type=number][aria-disabled]:-ms-input-placeholder,input[type=number][readonly]:-ms-input-placeholder,input[type=password]:disabled:-ms-input-placeholder,input[type=password][aria-disabled]:-ms-input-placeholder,input[type=password][readonly]:-ms-input-placeholder,input[type=search]:disabled:-ms-input-placeholder,input[type=search][aria-disabled]:-ms-input-placeholder,input[type=search][readonly]:-ms-input-placeholder,input[type=tel]:disabled:-ms-input-placeholder,input[type=tel][aria-disabled]:-ms-input-placeholder,input[type=tel][readonly]:-ms-input-placeholder,input[type=text]:disabled:-ms-input-placeholder,input[type=text][aria-disabled]:-ms-input-placeholder,input[type=text][readonly]:-ms-input-placeholder,input[type=time]:disabled:-ms-input-placeholder,input[type=time][aria-disabled]:-ms-input-placeholder,input[type=time][readonly]:-ms-input-placeholder,input[type=url]:disabled:-ms-input-placeholder,input[type=url][aria-disabled]:-ms-input-placeholder,input[type=url][readonly]:-ms-input-placeholder,input[type=week]:disabled:-ms-input-placeholder,input[type=week][aria-disabled]:-ms-input-placeholder,input[type=week][readonly]:-ms-input-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}input[type=date]:disabled::-ms-input-placeholder,input[type=date][aria-disabled]::-ms-input-placeholder,input[type=date][readonly]::-ms-input-placeholder,input[type=datetime-local]:disabled::-ms-input-placeholder,input[type=datetime-local][aria-disabled]::-ms-input-placeholder,input[type=datetime-local][readonly]::-ms-input-placeholder,input[type=email]:disabled::-ms-input-placeholder,input[type=email][aria-disabled]::-ms-input-placeholder,input[type=email][readonly]::-ms-input-placeholder,input[type=month]:disabled::-ms-input-placeholder,input[type=month][aria-disabled]::-ms-input-placeholder,input[type=month][readonly]::-ms-input-placeholder,input[type=number]:disabled::-ms-input-placeholder,input[type=number][aria-disabled]::-ms-input-placeholder,input[type=number][readonly]::-ms-input-placeholder,input[type=password]:disabled::-ms-input-placeholder,input[type=password][aria-disabled]::-ms-input-placeholder,input[type=password][readonly]::-ms-input-placeholder,input[type=search]:disabled::-ms-input-placeholder,input[type=search][aria-disabled]::-ms-input-placeholder,input[type=search][readonly]::-ms-input-placeholder,input[type=tel]:disabled::-ms-input-placeholder,input[type=tel][aria-disabled]::-ms-input-placeholder,input[type=tel][readonly]::-ms-input-placeholder,input[type=text]:disabled::-ms-input-placeholder,input[type=text][aria-disabled]::-ms-input-placeholder,input[type=text][readonly]::-ms-input-placeholder,input[type=time]:disabled::-ms-input-placeholder,input[type=time][aria-disabled]::-ms-input-placeholder,input[type=time][readonly]::-ms-input-placeholder,input[type=url]:disabled::-ms-input-placeholder,input[type=url][aria-disabled]::-ms-input-placeholder,input[type=url][readonly]::-ms-input-placeholder,input[type=week]:disabled::-ms-input-placeholder,input[type=week][aria-disabled]::-ms-input-placeholder,input[type=week][readonly]::-ms-input-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}input[type=date]:disabled::placeholder,input[type=date][aria-disabled]::placeholder,input[type=date][readonly]::placeholder,input[type=datetime-local]:disabled::placeholder,input[type=datetime-local][aria-disabled]::placeholder,input[type=datetime-local][readonly]::placeholder,input[type=email]:disabled::placeholder,input[type=email][aria-disabled]::placeholder,input[type=email][readonly]::placeholder,input[type=month]:disabled::placeholder,input[type=month][aria-disabled]::placeholder,input[type=month][readonly]::placeholder,input[type=number]:disabled::placeholder,input[type=number][aria-disabled]::placeholder,input[type=number][readonly]::placeholder,input[type=password]:disabled::placeholder,input[type=password][aria-disabled]::placeholder,input[type=password][readonly]::placeholder,input[type=search]:disabled::placeholder,input[type=search][aria-disabled]::placeholder,input[type=search][readonly]::placeholder,input[type=tel]:disabled::placeholder,input[type=tel][aria-disabled]::placeholder,input[type=tel][readonly]::placeholder,input[type=text]:disabled::placeholder,input[type=text][aria-disabled]::placeholder,input[type=text][readonly]::placeholder,input[type=time]:disabled::placeholder,input[type=time][aria-disabled]::placeholder,input[type=time][readonly]::placeholder,input[type=url]:disabled::placeholder,input[type=url][aria-disabled]::placeholder,input[type=url][readonly]::placeholder,input[type=week]:disabled::placeholder,input[type=week][aria-disabled]::placeholder,input[type=week][readonly]::placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}input[type=date]:disabled,input[type=datetime-local]:disabled,input[type=email]:disabled,input[type=month]:disabled,input[type=number]:disabled,input[type=password]:disabled,input[type=search]:disabled,input[type=tel]:disabled,input[type=text]:disabled,input[type=time]:disabled,input[type=url]:disabled,input[type=week]:disabled{cursor:not-allowed}input[type=date]:invalid:not(:focus),input[type=datetime-local]:invalid:not(:focus),input[type=email]:invalid:not(:focus),input[type=month]:invalid:not(:focus),input[type=number]:invalid:not(:focus),input[type=password]:invalid:not(:focus),input[type=search]:invalid:not(:focus),input[type=tel]:invalid:not(:focus),input[type=text]:invalid:not(:focus),input[type=time]:invalid:not(:focus),input[type=url]:invalid:not(:focus),input[type=week]:invalid:not(:focus){border-color:var(--input-invalid-border-color)}input[type=date]:valid:not(:focus),input[type=datetime-local]:valid:not(:focus),input[type=email]:valid:not(:focus),input[type=month]:valid:not(:focus),input[type=number]:valid:not(:focus),input[type=password]:valid:not(:focus),input[type=search]:valid:not(:focus),input[type=tel]:valid:not(:focus),input[type=text]:valid:not(:focus),input[type=time]:valid:not(:focus),input[type=url]:valid:not(:focus),input[type=week]:valid:not(:focus){border-color:var(--input-valid-border-color)}input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week]{display:block;width:100%;height:var(--hiq-input-height,2.5rem);padding:var(--hiq-input-padding-vertical,0) var(--hiq-input-padding-horizontal,.75rem)}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{--textarea-padding-vertical:var(--hiq-textarea-padding-vertical,0.5rem);--textarea-padding-horizontal:var(--hiq-textarea-padding-horizontal,0.75rem);--input-border-width:var(--hiq-input-border-width,1px);--input-border-color:var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8));--input-border-radius:var(--hiq-input-border-radius,var(--hiq-border-radius,0.2rem));--input-background-color:var(--hiq-input-background-color,#fff);--input-text-color:var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,#17191c)));--input-placeholder-color:var(--hiq-input-placeholder-color,var(--hiq-color-gray-4,#5c6370));--input-hover-border-color:var(--hiq-input-hover-border-color,var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8)));--input-hover-background-color:var(--hiq-input-hover-background-color,var(--hiq-input-background-color,#fff));--input-hover-text-color:var(--hiq-input-hover-text-color,var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,#17191c))));--input-focus-border-color:var(--hiq-input-focus-border-color,var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8)));--input-focus-background-color:var(--hiq-input-focus-background-color,var(--hiq-input-background-color,#fff));--input-focus-text-color:var(--hiq-input-focus-text-color,var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,#17191c))));--input-invalid-border-color:var(--hiq-input-invalid-border-color,var(--hiq-color-danger,#fa3d56));--input-valid-border-color:var(--hiq-input-valid-border-color,var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8)));box-shadow:none;outline:0;-moz-appearance:none;-webkit-appearance:none;border:var(--input-border-width) solid var(--input-border-color);border-radius:var(--input-border-radius);background-color:var(--input-background-color);font-family:inherit;font-size:inherit;font-weight:var(--hiq-font-weight-base,400);line-height:inherit;color:var(--input-text-color);transition:border-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),background-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out)}textarea::-moz-placeholder{color:var(--input-placeholder-color)}textarea:-ms-input-placeholder{color:var(--input-placeholder-color)}textarea::-ms-input-placeholder{color:var(--input-placeholder-color)}textarea::placeholder{color:var(--input-placeholder-color)}textarea:hover{border-color:var(--input-hover-border-color);background-color:var(--input-hover-background-color);color:var(--input-hover-text-color)}textarea:focus{border-color:var(--input-focus-border-color);background-color:var(--input-focus-background-color);outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem);color:var(--input-focus-text-color)}textarea:disabled,textarea[aria-disabled],textarea[readonly]{border-color:var(--hiq-disabled-border-color,var(--hiq-color-gray-6,#e3e5e8));background-color:var(--hiq-disabled-background-color,var(--hiq-color-gray-7,#f1f2f4));color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}textarea:disabled::-moz-placeholder,textarea[aria-disabled]::-moz-placeholder,textarea[readonly]::-moz-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}textarea:disabled:-ms-input-placeholder,textarea[aria-disabled]:-ms-input-placeholder,textarea[readonly]:-ms-input-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}textarea:disabled::-ms-input-placeholder,textarea[aria-disabled]::-ms-input-placeholder,textarea[readonly]::-ms-input-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}textarea:disabled::placeholder,textarea[aria-disabled]::placeholder,textarea[readonly]::placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}textarea:disabled{cursor:not-allowed}textarea:invalid:not(:focus){border-color:var(--input-invalid-border-color)}textarea:valid:not(:focus){border-color:var(--input-valid-border-color)}textarea{display:block;width:100%;height:auto;overflow:auto;margin:0;padding:var(--textarea-padding-vertical) var(--textarea-padding-horizontal);resize:vertical}.container{width:calc(100% - var(--hiq-container-horizontal-gap,2rem)*2);max-width:calc(var(--hiq-max-container-width,50rem) - var(--hiq-container-horizontal-gap,2rem)*2);margin-right:auto;margin-left:auto}.container.is-fluid{max-width:none}:root{--hiq-color-gray-1:#0b0c0e;--hiq-color-gray-2:#17191c;--hiq-color-gray-3:#2e3138;--hiq-color-gray-4:#5c6370;--hiq-color-gray-5:#8f96a3;--hiq-color-gray-6:#e3e5e8;--hiq-color-gray-7:#f1f2f4;--hiq-color-gray-8:#f9fafa;--hiq-color-primary:#007fff;--hiq-color-success:#21d492;--hiq-color-warning:#fcd34a;--hiq-color-danger:#fa3d56;--hiq-html-background-color:#fff;--hiq-body-background-color:#fff;--hiq-disabled-border-color:var(--hiq-color-gray-7);--hiq-disabled-background-color:var(--hiq-color-gray-7);--hiq-disabled-text-color:var(--hiq-color-gray-5);--hiq-max-container-width:50rem;--hiq-container-horizontal-gap:2rem;--hiq-block-element-margin-bottom:1rem;--hiq-border-radius:.2rem;--hiq-outline-width:.2rem;--hiq-outline-color:#b3d9ff;--hiq-speed:.1s;--hiq-easing:ease-out;--hiq-text-rendering:optimizeLegibility;--hiq-letter-spacing-base:0;--hiq-font-family-base:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;--hiq-font-family-monospace:Menlo,Monaco,Consolas,"Courier New",monospace;--hiq-unitless-min-font-size:15;--hiq-unitless-max-font-size:16;--hiq-unitless-lower-font-range:460;--hiq-unitless-upper-font-range:900;@custom-media --hiq-lower-font-range(min-width:460px);@custom-media --hiq-upper-font-range(min-width:900px);--hiq-font-size-1:2.5rem;--hiq-font-size-2:2rem;--hiq-font-size-3:1.75rem;--hiq-font-size-4:1.25rem;--hiq-font-size-5:1rem;--hiq-font-size-6:.875rem;--hiq-font-size-base:var(--hiq-font-size-5);--hiq-font-size-large:var(--hiq-font-size-4);--hiq-font-size-small:var(--hiq-font-size-6);--hiq-line-height-base:1.6;--hiq-heading-line-height:1.2;--hiq-font-weight-light:300;--hiq-font-weight-normal:400;--hiq-font-weight-medium:500;--hiq-font-weight-semibold:600;--hiq-font-weight-bold:700;--hiq-font-weight-base:var(--hiq-font-weight-normal);--hiq-heading-font-weight:var(--hiq-font-weight-medium);--hiq-description-list-title-font-weight:var(--hiq-font-weight-semibold);--hiq-text-color:var(--hiq-color-gray-2);--hiq-mark-color:#fcf8e3;--hiq-deleted-color:#f95da8;--hiq-inserted-color:#e5f2ff;--hiq-selection-color:#cce5ff;--hiq-list-margin-left:1rem;--hiq-unordered-list-style:disc;--hiq-blockquote-font-size:var(--hiq-font-size-4);--hiq-blockquote-line-height:var(--hiq-heading-line-height);--hiq-blockquote-citation-color:var(--hiq-color-gray-5);--hiq-horizontal-rule-height:1px;--hiq-horizontal-rule-color:var(--hiq-color-primary);--hiq-link-color:var(--hiq-color-primary);--hiq-link-hover-color:#004080;--hiq-link-active-color:#004080;--hiq-link-text-decoration:none;--hiq-button-height:2.25rem;--hiq-button-vertical-padding:0;--hiq-button-horizontal-padding:.75rem;--hiq-button-border-width:1px;--hiq-button-border-radius:var(--hiq-border-radius);--hiq-button-font-weight:var(--hiq-font-weight-medium);--hiq-button-border-color:var(--hiq-color-primary);--hiq-button-background-color:var(--hiq-color-primary);--hiq-button-text-color:#fff;--hiq-button-hover-border-color:#06c;--hiq-button-hover-background-color:#06c;--hiq-button-hover-text-color:#fff;--hiq-button-active-border-color:#004c99;--hiq-button-active-background-color:#004c99;--hiq-button-active-text-color:#fff;--hiq-code-padding-vertical:.15rem;--hiq-code-padding-horizontal:.3rem;--hiq-code-border-color:transparent;--hiq-code-font-size:var(--hiq-font-size-small);--hiq-code-background-color:var(--hiq-color-gray-7);--hiq-code-text-color:var(--hiq-text-color);--hiq-pre-padding-vertical:1.25rem;--hiq-pre-padding-horizontal:1.5rem;--hiq-pre-border-color:var(--hiq-color-gray-6);--hiq-pre-background-color:transparent;--hiq-pre-text-color:var(--hiq-color-gray-4);--hiq-kbd-padding-vertical:.2rem;--hiq-kbd-padding-horizontal:.4rem;--hiq-kbd-border-color:var(--hiq-color-gray-6);--hiq-nested-kbd-font-weight:var(--hiq-font-weight-medium);--hiq-kbd-background-color:transparent;--hiq-kbd-text-color:var(--hiq-text-color);--hiq-figcaption-margin-top:.5rem;--hiq-figcaption-font-weight:var(--hiq-font-weight-normal);--hiq-figcaption-text-color:var(--hiq-color-gray-5);--hiq-image-border-radius:var(--hiq-border-radius);--hiq-table-head-border-width:var(--hiq-table-cell-border-width);--hiq-table-foot-border-width:var(--hiq-table-cell-border-width);--hiq-table-caption-padding-vertical:.5rem;--hiq-table-caption-text-color:var(--hiq-color-gray-5);--hiq-table-caption-font-weight:var(--hiq-font-weight-semibold);--hiq-table-cell-padding-vertical:.75rem;--hiq-table-cell-padding-horizontal:.75rem;--hiq-table-cell-border-width:1px;--hiq-table-cell-border-color:var(--hiq-color-gray-6);--hiq-table-heading-background-color:var(--hiq-color-gray-7);--hiq-table-heading-text-color:var(--hiq-color-gray-4);--hiq-table-heading-font-weight:var(--hiq-font-weight-medium);--hiq-fieldset-padding-vertical:0;--hiq-fieldset-padding-horizontal:0;--hiq-fieldset-border-width:0;--hiq-fieldset-border-color:transparent;--hiq-legend-margin-bottom:var(--hiq-block-element-margin-bottom);--hiq-legend-font-weight:var(--hiq-font-weight-semibold);--hiq-label-margin-bottom:.5rem;--hiq-label-font-weight:var(--hiq-font-weight-semibold);--hiq-input-invalid-border-color:var(--hiq-color-danger);--hiq-input-valid-border-color:var(--hiq-input-border-color);--hiq-input-height:2.5rem;--hiq-input-padding-vertical:0;--hiq-input-padding-horizontal:.75rem;--hiq-input-border-width:1px;--hiq-input-border-radius:var(--hiq-border-radius);--hiq-input-border-color:var(--hiq-color-gray-6);--hiq-input-background-color:#fff;--hiq-input-text-color:var(--hiq-text-color);--hiq-input-placeholder-color:var(--hiq-color-gray-4);--hiq-input-hover-border-color:var(--hiq-input-border-color);--hiq-input-hover-background-color:var(--hiq-input-background-color);--hiq-input-hover-text-color:var(--hiq-input-text-color);--hiq-input-hover-placeholder-color:var(--hiq-input-placeholder-color);--hiq-textarea-padding-vertical:.5rem;--hiq-textarea-padding-horizontal:.75rem;--hiq-select-background-image:url("data:image/svg+xml;charset=utf-8,%3Csvgwidth='30'height='16'xmlns='http://www.w3.org/2000/svg'%3E%3Cpathd='M1516L00h30z'fill='%23000'fill-rule='evenodd'/%3E%3C/svg%3E");--hiq-select-background-position:right 1rem center;--hiq-select-background-size:.75rem;--hiq-select-multiple-checked-background-color:var(--hiq-color-primary);--hiq-select-multiple-padding-vertical:.75rem;--hiq-checkbox-margin-bottom:.5rem;--hiq-checkbox-label-padding-horizontal:2rem;--hiq-checkbox-label-font-weight:var(--hiq-font-weight-normal);--hiq-checkbox-width:1rem;--hiq-checkbox-height:1rem;--hiq-checkbox-border-width:1px;--hiq-checkbox-border-color:transparent;--hiq-checkbox-border-radius:var(--hiq-border-radius);--hiq-checkbox-background-color:var(--hiq-color-gray-6);--hiq-checkbox-hover-background-color:var(--hiq-color-gray-5);--hiq-checkbox-checked-border-color:var(--hiq-color-primary);--hiq-checkbox-checked-background-color:var(--hiq-color-primary);--hiq-checkbox-check-width:.25rem;--hiq-checkbox-check-height:.5rem;--hiq-checkbox-check-border-width:2px;--hiq-checkbox-check-color:#fff;--hiq-checkbox-indeterminate-width:.5rem;--hiq-radio-margin-bottom:.5rem;--hiq-radio-label-padding-horizontal:2rem;--hiq-radio-label-font-weight:var(--hiq-font-weight-normal);--hiq-radio-width:1rem;--hiq-radio-height:1rem;--hiq-radio-border-width:1px;--hiq-radio-border-color:transparent;--hiq-radio-border-radius:50%;--hiq-radio-background-color:var(--hiq-color-gray-6);--hiq-radio-hover-background-color:var(--hiq-color-gray-5);--hiq-radio-checked-border-color:var(--hiq-color-primary);--hiq-radio-checked-background-color:var(--hiq-color-primary);--hiq-radio-check-width:.5rem;--hiq-radio-check-height:.5rem;--hiq-radio-check-border-radius:50%;--hiq-radio-check-background-color:#fff;--hiq-range-input-thumb-width:1.5rem;--hiq-range-input-thumb-height:1.5rem;--hiq-range-input-thumb-border-radius:50%;--hiq-range-input-thumb-background-color:var(--hiq-color-primary);--hiq-range-input-thumb-disabled-background-color:var(--hiq-color-gray-6);--hiq-range-input-track-height:.5rem;--hiq-range-input-track-border-radius:var(--hiq-border-radius);--hiq-range-input-track-background-color:var(--hiq-color-gray-6);--hiq-meter-background-color:var(--hiq-color-gray-6);--hiq-meter-strong-color:var(--hiq-color-success);--hiq-meter-good-color:var(--hiq-color-warning);--hiq-meter-weak-color:var(--hiq-color-danger);--hiq-progress-height:1rem;--hiq-progress-background-color:var(--hiq-color-gray-6);--hiq-progress-filled-color:var(--hiq-color-primary);--navbar-height:3.6rem;--sidebar-width:20rem;--mobile-sidebar-width:calc(var(--sidebar-width)*0.82);--line-numbers-wrapper-width:3.5rem}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-weight:var(--hiq-font-weight-light)}h2{font-size:var(--hiq-font-size-3);font-weight:var(--hiq-font-weight-semibold)}h3{font-size:var(--hiq-font-size-4)}p a code{font-weight:var(--hiq-font-weight-normal);color:var(--hiq-color-primary)}.wrapper{max-width:var(--hiq-max-container-width);margin:0 auto;padding:.5rem 2.5rem;@media(max-width:959px){padding-left:2rem;padding-bottom:2rem;padding-right:2rem;padding-top:2rem}@media(max-width:419px){padding-left:1.5rem;padding-bottom:1.5rem;padding-right:1.5rem;padding-top:1.5rem}}.table-of-contents .badge{vertical-align:middle}.custom-layout{padding-top:var(--navbar-height)}.theme-container.no-navbar .custom-layout{padding-top:0}.properties-table{margin:1.5rem 0 2rem}.color-swatch{display:block;width:1.5rem;height:1.5rem;border:1px solid var(--hiq-color-gray-6)}.input-table code{white-space:pre-wrap}.input-table input{max-width:100%}@supports(color:var(--hiq-color-primary)){.browser-not-supported{display:none}}@media(max-width:959px){.properties-table .name,.utilities-table .name{width:40%}.properties-table .name code,.utilities-table .name code{white-space:unset}}.content__default{max-width:var(--hiq-max-container-width);margin:0 auto;padding:2rem 2.5rem}.content__default>:first-child{margin-top:var(--navbar-height)}.content__default p.demo{padding:1rem 1.5rem;border:1px solid var(--hiq-color-gray-6);border-radius:4px}.content__default>h1,.content__default>h2,.content__default>h3,.content__default>h4,.content__default>h5,.content__default>h6{margin-top:calc(.75rem - var(--navbar-height));padding-top:calc(var(--navbar-height)+1rem)}.content__default>h1:first-child,.content__default>h2:first-child,.content__default>h3:first-child,.content__default>h4:first-child,.content__default>h5:first-child,.content__default>h6:first-child{margin-top:-1.5rem;margin-bottom:1rem}.content__default>h2:first-child+.custom-block,.content__default>h2:first-child+p,.content__default>h2:first-child+pre,.content__default>h3:first-child+.custom-block,.content__default>h3:first-child+p,.content__default>h3:first-child+pre,.content__default>h4:first-child+.custom-block,.content__default>h4:first-child+p,.content__default>h4:first-child+pre,.content__default>h5:first-child+.custom-block,.content__default>h5:first-child+p,.content__default>h5:first-child+pre,.content__default>h6:first-child+.custom-block,.content__default>h6:first-child+p,.content__default>h6:first-child+pre{margin-top:-1.5rem;margin-bottom:1rem}.theme-container.no-navbar .content__default>h1,.theme-container.no-navbar .content__default>h2,.theme-container.no-navbar .content__default>h3,.theme-container.no-navbar .content__default>h4,.theme-container.no-navbar .content__default>h5,.theme-container.no-navbar .content__default>h6{margin-top:1.5rem;padding-top:0}.content.custom{margin:0;padding:0}a.header-anchor{float:left;margin-top:.125em;margin-left:-.87em;padding-right:.23em;box-shadow:none !important;opacity:0;font-size:.85em}h1:hover .header-anchor,h2:hover .header-anchor,h3:hover .header-anchor,h4:hover .header-anchor,h5:hover .header-anchor,h6:hover .header-anchor{opacity:1}.content__default figure{margin:2rem 0 3rem}.content__default figure img{margin:0 auto}.content__default ol,.content__default ul{padding-left:1.2em}.content__default table td{vertical-align:middle}.content__default table p{margin-bottom:0}@media(max-width:959px){.content__default{padding:2rem}}@media(max-width:419px){.content__default{padding:1.5rem}.content__default div[class*=language-]{margin:.85rem -1.5rem;border-radius:0}}div[class*=language-]{position:relative;margin:1.5rem 0 2rem}div[class*=language-] .highlight-lines{position:absolute;top:0;left:0;width:100%;padding-top:1.3rem;line-height:1.4;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}div[class*=language-] .highlight-lines .highlighted{background-color:var(--hiq-color-gray-7)}div[class*=language-] pre,div[class*=language-] pre[class*=language-]{position:relative;z-index:1;background:var(--hiq-pre-background-color)}div[class*=language-]:before{position:absolute;top:.8rem;right:1rem;z-index:3;font-size:.75rem;color:var(--hiq-color-gray-5)}div[class*=language-]:not(.line-numbers-mode) .line-numbers-wrapper{display:none}div[class*=language-].line-numbers-mode .highlight-lines .highlighted{position:relative}div[class*=language-].line-numbers-mode .highlight-lines .highlighted:before{display:block;position:absolute;top:0;left:0;z-index:3;width:var(--line-numbers-wrapper-width);height:100%;background-color:var(--hiq-color-gray-6);content:""}div[class*=language-].line-numbers-mode pre{padding-left:calc(var(--line-numbers-wrapper-width)+1rem);vertical-align:middle}div[class*=language-].line-numbers-mode .line-numbers-wrapper{position:absolute;top:0;width:var(--line-numbers-wrapper-width);padding:1.25rem 0;line-height:1.4;text-align:center;color:var(--hiq-color-gray-5)}div[class*=language-].line-numbers-mode .line-numbers-wrapper br{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}div[class*=language-].line-numbers-mode .line-numbers-wrapper .line-number{position:relative;z-index:4;font-size:.85em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}div[class*=language-].line-numbers-mode:after{position:absolute;top:1px;left:1px;z-index:2;width:var(--line-numbers-wrapper-width);height:calc(100% - 2px);border-right:1px solid var(--hiq-color-gray-6);border-radius:6px 0 0 6px;background-color:#fff;content:""}div[class~=language-javascript]:before,div[class~=language-js]:before{content:"js"}div[class~=language-ts]:before,div[class~=language-typescript]:before{content:"ts"}div[class~=language-html]:before,div[class~=language-markup]:before{content:"html"}div[class~=language-markdown]:before,div[class~=language-md]:before{content:"md"}div[class~=language-vue]:before{content:"vue"}div[class~=language-css]:before{content:"css"}div[class~=language-sass]:before{content:"sass"}div[class~=language-scss]:before{content:"scss"}div[class~=language-less]:before{content:"less"}div[class~=language-stylus]:before{content:"stylus"}div[class~=language-go]:before{content:"go"}div[class~=language-java]:before{content:"java"}div[class~=language-c]:before{content:"c"}div[class~=language-json]:before{content:"json"}div[class~=language-bash]:before,div[class~=language-sh]:before{content:"sh"}div[class~=language-yaml]:before{content:"yaml"}div[class~=language-ruby]:before{content:"rb"}div[class~=language-python]:before{content:"py"}@media(max-width:419px){div[class*=language-] pre{border-right:0;border-left:0;border-radius:0}}@media(min-width:419px){div[class*=language-]+div[class*=language-]{margin-top:-1.25rem}}.custom-block .custom-block-title{margin-bottom:.25rem;font-weight:var(--hiq-font-weight-medium)}.custom-block p{margin-bottom:0}.custom-block.danger,.custom-block.tip,.custom-block.warning{margin:1.25rem 0;padding:1.25rem 1.5rem;border-left-width:.5rem;border-left-style:solid}.custom-block.tip{border-color:var(--hiq-color-primary);background-color:rgba(0,128,255,.25)}.custom-block.tip code{background-color:rgba(0,128,255,.15)}.custom-block.warning{border-color:var(--hiq-color-warning);background-color:rgba(252,212,79,.25);color:#7e6102}.custom-block.warning .custom-block-title{color:#c99b03}.custom-block.warning a{color:var(--hiq-text-color)}.custom-block.danger{border-color:var(--hiq-color-danger);background-color:rgba(250,61,86,.25);color:#7c0313}.custom-block.danger .custom-block-title{color:#c7051f}.custom-block.danger a{color:var(--hiq-text-color)}.arrow{display:inline-block;width:0;height:0}.arrow.up{border-bottom:6px solid var(--hiq-color-gray-5)}.arrow.down,.arrow.up{border-right:4px solid transparent;border-left:4px solid transparent}.arrow.down{border-top:6px solid var(--hiq-color-gray-5)}.arrow.right{border-left:6px solid var(--hiq-color-gray-5)}.arrow.left,.arrow.right{border-top:4px solid transparent;border-bottom:4px solid transparent}.arrow.left{border-right:6px solid var(--hiq-color-gray-5)}#nprogress{pointer-events:none}#nprogress .bar{position:fixed;top:0;left:0;width:100%;height:2px;z-index:1031;background-color:var(--hiq-color-primary)}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px var(--hiq-color-primary),0 0 5px var(--hiq-color-primary);opacity:1;transform:rotate(3deg) translateY(-4px)}#nprogress .spinner{display:block;position:fixed;top:15px;right:15px;z-index:1031}#nprogress .spinner-icon{width:18px;height:18px;border-bottom:2px solid transparent;border-right:2px solid transparent;border-top:2px solid transparent;border-top-color:var(--hiq-color-primary);border-left:2px solid transparent;border-left-color:var(--hiq-color-primary);border-radius:50%;-webkit-animation:nprogress-spinner .4s linear infinite;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{position:relative;overflow:hidden}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@-webkit-keyframes nprogress-spinner{0{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes nprogress-spinner{0{transform:rotate(0)}to{transform:rotate(1turn)}}:root{--pink:#f95faa;--lavender:#9b80ff;--dark-blue:#2f6f9f;--light-blue:#6d94ec}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog,.token.punctuation{color:var(--hiq-color-gray-5)}.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:var(--light-blue)}.token.boolean,.token.class-name,.token.constant,.token.function,.token.function-name,.token.number,.token.property,.token.symbol{color:var(--pink)}.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:var(--lavender)}.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:var(--hiq-color-primary)}.token.entity,.token.operator,.token.url{color:#67cdcc}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green} \ No newline at end of file diff --git a/min/spectre.min.css b/min/spectre.min.css index b92057e..4bfbb26 100644 --- a/min/spectre.min.css +++ b/min/spectre.min.css @@ -1 +1 @@ -/*! Spectre.css v0.5.8 | MIT License | github.com/picturepan2/spectre */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}address{font-style:normal}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:"SF Mono","Segoe UI Mono","Roboto Mono",Menlo,Courier,monospace;font-size:1em}dfn{font-style:italic}small{font-size:80%;font-weight:400}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}fieldset{border:0;margin:0;padding:0}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item;outline:0}canvas{display:inline-block}template{display:none}[hidden]{display:none}*,*::before,*::after{box-sizing:inherit}html{box-sizing:border-box;font-size:20px;line-height:1.5;-webkit-tap-highlight-color:transparent}body{background:#fff;color:#3b4351;font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;font-size:.8rem;overflow-x:hidden;text-rendering:optimizeLegibility}a{color:#5755d9;outline:0;text-decoration:none}a:focus{box-shadow:0 0 0 .1rem rgba(87,85,217,.2)}a:focus,a:hover,a:active,a.active{color:#302ecd;text-decoration:underline}a:visited{color:#807fe2}h1,h2,h3,h4,h5,h6{color:inherit;font-weight:500;line-height:1.2;margin-bottom:.5em;margin-top:0}.h1,.h2,.h3,.h4,.h5,.h6{font-weight:500}h1,.h1{font-size:2rem}h2,.h2{font-size:1.6rem}h3,.h3{font-size:1.4rem}h4,.h4{font-size:1.2rem}h5,.h5{font-size:1rem}h6,.h6{font-size:.8rem}p{margin:0 0 1.2rem}a,ins,u{-webkit-text-decoration-skip:ink edges;text-decoration-skip:ink edges}abbr[title]{border-bottom:.05rem dotted;cursor:help;text-decoration:none}kbd{background:#303742;border-radius:.1rem;color:#fff;font-size:.7rem;line-height:1.25;padding:.1rem .2rem}mark{background:#ffe9b3;border-bottom:.05rem solid #ffd367;border-radius:.1rem;color:#3b4351;padding:.05rem .1rem 0}blockquote{border-left:.1rem solid #dadee4;margin-left:0;padding:.4rem .8rem}blockquote p:last-child{margin-bottom:0}ul,ol{margin:.8rem 0 .8rem .8rem;padding:0}ul ul,ul ol,ol ul,ol ol{margin:.8rem 0 .8rem .8rem}ul li,ol li{margin-top:.4rem}ul{list-style:disc inside}ul ul{list-style-type:circle}ol{list-style:decimal inside}ol ol{list-style-type:lower-alpha}dl dt{font-weight:bold}dl dd{margin:.4rem 0 .8rem 0}html:lang(zh),html:lang(zh-Hans),.lang-zh,.lang-zh-hans{font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",sans-serif}html:lang(zh-Hant),.lang-zh-hant{font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang TC","Hiragino Sans CNS","Microsoft JhengHei","Helvetica Neue",sans-serif}html:lang(ja),.lang-ja{font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Hiragino Sans","Hiragino Kaku Gothic Pro","Yu Gothic",YuGothic,Meiryo,"Helvetica Neue",sans-serif}html:lang(ko),.lang-ko{font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Malgun Gothic","Helvetica Neue",sans-serif}:lang(zh) ins,:lang(zh) u,:lang(ja) ins,:lang(ja) u,.lang-cjk ins,.lang-cjk u{border-bottom:.05rem solid;text-decoration:none}:lang(zh) del+del,:lang(zh) del+s,:lang(zh) ins+ins,:lang(zh) ins+u,:lang(zh) s+del,:lang(zh) s+s,:lang(zh) u+ins,:lang(zh) u+u,:lang(ja) del+del,:lang(ja) del+s,:lang(ja) ins+ins,:lang(ja) ins+u,:lang(ja) s+del,:lang(ja) s+s,:lang(ja) u+ins,:lang(ja) u+u,.lang-cjk del+del,.lang-cjk del+s,.lang-cjk ins+ins,.lang-cjk ins+u,.lang-cjk s+del,.lang-cjk s+s,.lang-cjk u+ins,.lang-cjk u+u{margin-left:.125em}.table{border-collapse:collapse;border-spacing:0;text-align:left;width:100%}.table.table-striped tbody tr:nth-of-type(odd){background:#f7f8f9}.table tbody tr.active,.table.table-striped tbody tr.active{background:#eef0f3}.table.table-hover tbody tr:hover{background:#eef0f3}.table.table-scroll{display:block;overflow-x:auto;padding-bottom:.75rem;white-space:nowrap}.table td,.table th{border-bottom:.05rem solid #dadee4;padding:.6rem .4rem}.table th{border-bottom-width:.1rem}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:.05rem solid #5755d9;border-radius:.1rem;color:#5755d9;cursor:pointer;display:inline-block;font-size:.8rem;height:1.8rem;line-height:1.2rem;outline:0;padding:.25rem .4rem;text-align:center;text-decoration:none;transition:background .2s,border .2s,box-shadow .2s,color .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.btn:focus{box-shadow:0 0 0 .1rem rgba(87,85,217,.2)}.btn:focus,.btn:hover{background:#f1f1fc;border-color:#4b48d6;text-decoration:none}.btn:active,.btn.active{background:#4b48d6;border-color:#3634d2;color:#fff;text-decoration:none}.btn:active.loading::after,.btn.active.loading::after{border-bottom-color:#fff;border-left-color:#fff}.btn[disabled],.btn:disabled,.btn.disabled{cursor:default;opacity:.5;pointer-events:none}.btn.btn-primary{background:#5755d9;border-color:#4b48d6;color:#fff}.btn.btn-primary:focus,.btn.btn-primary:hover{background:#4240d4;border-color:#3634d2;color:#fff}.btn.btn-primary:active,.btn.btn-primary.active{background:#3a38d2;border-color:#302ecd;color:#fff}.btn.btn-primary.loading::after{border-bottom-color:#fff;border-left-color:#fff}.btn.btn-success{background:#32b643;border-color:#2faa3f;color:#fff}.btn.btn-success:focus{box-shadow:0 0 0 .1rem rgba(50,182,67,.2)}.btn.btn-success:focus,.btn.btn-success:hover{background:#30ae40;border-color:#2da23c;color:#fff}.btn.btn-success:active,.btn.btn-success.active{background:#2a9a39;border-color:#278e34;color:#fff}.btn.btn-success.loading::after{border-bottom-color:#fff;border-left-color:#fff}.btn.btn-error{background:#e85600;border-color:#d95000;color:#fff}.btn.btn-error:focus{box-shadow:0 0 0 .1rem rgba(232,86,0,.2)}.btn.btn-error:focus,.btn.btn-error:hover{background:#de5200;border-color:#cf4d00;color:#fff}.btn.btn-error:active,.btn.btn-error.active{background:#c44900;border-color:#b54300;color:#fff}.btn.btn-error.loading::after{border-bottom-color:#fff;border-left-color:#fff}.btn.btn-link{background:transparent;border-color:transparent;color:#5755d9}.btn.btn-link:focus,.btn.btn-link:hover,.btn.btn-link:active,.btn.btn-link.active{color:#302ecd}.btn.btn-sm{font-size:.7rem;height:1.4rem;padding:.05rem .3rem}.btn.btn-lg{font-size:.9rem;height:2rem;padding:.35rem .6rem}.btn.btn-block{display:block;width:100%}.btn.btn-action{padding-left:0;padding-right:0;width:1.8rem}.btn.btn-action.btn-sm{width:1.4rem}.btn.btn-action.btn-lg{width:2rem}.btn.btn-clear{background:transparent;border:0;color:currentColor;height:1rem;line-height:.8rem;margin-left:.2rem;margin-right:-2px;opacity:1;padding:.1rem;text-decoration:none;width:1rem}.btn.btn-clear:focus,.btn.btn-clear:hover{background:rgba(247,248,249,.5);opacity:.95}.btn.btn-clear::before{content:"\2715"}.btn-group{display:inline-flex;display:-ms-inline-flexbox;-ms-flex-wrap:wrap;flex-wrap:wrap}.btn-group .btn{-ms-flex:1 0 auto;flex:1 0 auto}.btn-group .btn:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.btn-group .btn:not(:first-child):not(:last-child){border-radius:0;margin-left:-.05rem}.btn-group .btn:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-.05rem}.btn-group .btn:focus,.btn-group .btn:hover,.btn-group .btn:active,.btn-group .btn.active{z-index:1}.btn-group.btn-group-block{display:flex;display:-ms-flexbox}.btn-group.btn-group-block .btn{-ms-flex:1 0 0;flex:1 0 0}.form-group:not(:last-child){margin-bottom:.4rem}fieldset{margin-bottom:.8rem}legend{font-size:.9rem;font-weight:500;margin-bottom:.8rem}.form-label{display:block;line-height:1.2rem;padding:.3rem 0}.form-label.label-sm{font-size:.7rem;padding:.1rem 0}.form-label.label-lg{font-size:.9rem;padding:.4rem 0}.form-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;background-image:none;border:.05rem solid #bcc3ce;border-radius:.1rem;color:#3b4351;display:block;font-size:.8rem;height:1.8rem;line-height:1.2rem;max-width:100%;outline:0;padding:.25rem .4rem;position:relative;transition:background .2s,border .2s,box-shadow .2s,color .2s;width:100%}.form-input:focus{border-color:#5755d9;box-shadow:0 0 0 .1rem rgba(87,85,217,.2)}.form-input:-ms-input-placeholder{color:#bcc3ce}.form-input::-ms-input-placeholder{color:#bcc3ce}.form-input::placeholder{color:#bcc3ce}.form-input.input-sm{font-size:.7rem;height:1.4rem;padding:.05rem .3rem}.form-input.input-lg{font-size:.9rem;height:2rem;padding:.35rem .6rem}.form-input.input-inline{display:inline-block;vertical-align:middle;width:auto}.form-input[type="file"]{height:auto}textarea.form-input,textarea.form-input.input-lg,textarea.form-input.input-sm{height:auto}.form-input-hint{color:#bcc3ce;font-size:.7rem;margin-top:.2rem}.has-success .form-input-hint,.is-success+.form-input-hint{color:#32b643}.has-error .form-input-hint,.is-error+.form-input-hint{color:#e85600}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:.05rem solid #bcc3ce;border-radius:.1rem;color:inherit;font-size:.8rem;height:1.8rem;line-height:1.2rem;outline:0;padding:.25rem .4rem;vertical-align:middle;width:100%}.form-select:focus{border-color:#5755d9;box-shadow:0 0 0 .1rem rgba(87,85,217,.2)}.form-select::-ms-expand{display:none}.form-select.select-sm{font-size:.7rem;height:1.4rem;padding:.05rem 1.1rem .05rem .3rem}.form-select.select-lg{font-size:.9rem;height:2rem;padding:.35rem 1.4rem .35rem .6rem}.form-select[size],.form-select[multiple]{height:auto;padding:.25rem .4rem}.form-select[size] option,.form-select[multiple] option{padding:.1rem .2rem}.form-select:not([multiple]):not([size]){background:#fff 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 .35rem center/.4rem .5rem;padding-right:1.2rem}.has-icon-left,.has-icon-right{position:relative}.has-icon-left .form-icon,.has-icon-right .form-icon{height:.8rem;margin:0 .25rem;position:absolute;top:50%;transform:translateY(-50%);width:.8rem;z-index:2}.has-icon-left .form-icon{left:.05rem}.has-icon-left .form-input{padding-left:1.3rem}.has-icon-right .form-icon{right:.05rem}.has-icon-right .form-input{padding-right:1.3rem}.form-checkbox,.form-radio,.form-switch{display:block;line-height:1.2rem;margin:.2rem 0;min-height:1.4rem;padding:.1rem .4rem .1rem 1.2rem;position:relative}.form-checkbox input,.form-radio input,.form-switch input{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.form-checkbox input:focus+.form-icon,.form-radio input:focus+.form-icon,.form-switch input:focus+.form-icon{border-color:#5755d9;box-shadow:0 0 0 .1rem rgba(87,85,217,.2)}.form-checkbox input:checked+.form-icon,.form-radio input:checked+.form-icon,.form-switch input:checked+.form-icon{background:#5755d9;border-color:#5755d9}.form-checkbox .form-icon,.form-radio .form-icon,.form-switch .form-icon{border:.05rem solid #bcc3ce;cursor:pointer;display:inline-block;position:absolute;transition:background .2s,border .2s,box-shadow .2s,color .2s}.form-checkbox.input-sm,.form-radio.input-sm,.form-switch.input-sm{font-size:.7rem;margin:0}.form-checkbox.input-lg,.form-radio.input-lg,.form-switch.input-lg{font-size:.9rem;margin:.3rem 0}.form-checkbox .form-icon,.form-radio .form-icon{background:#fff;height:.8rem;left:0;top:.3rem;width:.8rem}.form-checkbox input:active+.form-icon,.form-radio input:active+.form-icon{background:#eef0f3}.form-checkbox .form-icon{border-radius:.1rem}.form-checkbox input:checked+.form-icon::before{background-clip:padding-box;border:.1rem solid #fff;border-left-width:0;border-top-width:0;content:"";height:9px;left:50%;margin-left:-3px;margin-top:-6px;position:absolute;top:50%;transform:rotate(45deg);width:6px}.form-checkbox input:indeterminate+.form-icon{background:#5755d9;border-color:#5755d9}.form-checkbox input:indeterminate+.form-icon::before{background:#fff;content:"";height:2px;left:50%;margin-left:-5px;margin-top:-1px;position:absolute;top:50%;width:10px}.form-radio .form-icon{border-radius:50%}.form-radio input:checked+.form-icon::before{background:#fff;border-radius:50%;content:"";height:6px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:6px}.form-switch{padding-left:2rem}.form-switch .form-icon{background:#bcc3ce;background-clip:padding-box;border-radius:.45rem;height:.9rem;left:0;top:.25rem;width:1.6rem}.form-switch .form-icon::before{background:#fff;border-radius:50%;content:"";display:block;height:.8rem;left:0;position:absolute;top:0;transition:background .2s,border .2s,box-shadow .2s,color .2s,left .2s;width:.8rem}.form-switch input:checked+.form-icon::before{left:14px}.form-switch input:active+.form-icon::before{background:#f7f8f9}.input-group{display:flex;display:-ms-flexbox}.input-group .input-group-addon{background:#f7f8f9;border:.05rem solid #bcc3ce;border-radius:.1rem;line-height:1.2rem;padding:.25rem .4rem;white-space:nowrap}.input-group .input-group-addon.addon-sm{font-size:.7rem;padding:.05rem .3rem}.input-group .input-group-addon.addon-lg{font-size:.9rem;padding:.35rem .6rem}.input-group .form-input,.input-group .form-select{-ms-flex:1 1 auto;flex:1 1 auto;width:1%}.input-group .input-group-btn{z-index:1}.input-group .form-input:first-child:not(:last-child),.input-group .form-select:first-child:not(:last-child),.input-group .input-group-addon:first-child:not(:last-child),.input-group .input-group-btn:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.input-group .form-input:not(:first-child):not(:last-child),.input-group .form-select:not(:first-child):not(:last-child),.input-group .input-group-addon:not(:first-child):not(:last-child),.input-group .input-group-btn:not(:first-child):not(:last-child){border-radius:0;margin-left:-.05rem}.input-group .form-input:last-child:not(:first-child),.input-group .form-select:last-child:not(:first-child),.input-group .input-group-addon:last-child:not(:first-child),.input-group .input-group-btn:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-.05rem}.input-group .form-input:focus,.input-group .form-select:focus,.input-group .input-group-addon:focus,.input-group .input-group-btn:focus{z-index:2}.input-group .form-select{width:auto}.input-group.input-inline{display:inline-flex;display:-ms-inline-flexbox}.has-success .form-input,.form-input.is-success,.has-success .form-select,.form-select.is-success{background:#f9fdfa;border-color:#32b643}.has-success .form-input:focus,.form-input.is-success:focus,.has-success .form-select:focus,.form-select.is-success:focus{box-shadow:0 0 0 .1rem rgba(50,182,67,.2)}.has-error .form-input,.form-input.is-error,.has-error .form-select,.form-select.is-error{background:#fffaf7;border-color:#e85600}.has-error .form-input:focus,.form-input.is-error:focus,.has-error .form-select:focus,.form-select.is-error:focus{box-shadow:0 0 0 .1rem rgba(232,86,0,.2)}.has-error .form-checkbox .form-icon,.form-checkbox.is-error .form-icon,.has-error .form-radio .form-icon,.form-radio.is-error .form-icon,.has-error .form-switch .form-icon,.form-switch.is-error .form-icon{border-color:#e85600}.has-error .form-checkbox input:checked+.form-icon,.form-checkbox.is-error input:checked+.form-icon,.has-error .form-radio input:checked+.form-icon,.form-radio.is-error input:checked+.form-icon,.has-error .form-switch input:checked+.form-icon,.form-switch.is-error input:checked+.form-icon{background:#e85600;border-color:#e85600}.has-error .form-checkbox input:focus+.form-icon,.form-checkbox.is-error input:focus+.form-icon,.has-error .form-radio input:focus+.form-icon,.form-radio.is-error input:focus+.form-icon,.has-error .form-switch input:focus+.form-icon,.form-switch.is-error input:focus+.form-icon{border-color:#e85600;box-shadow:0 0 0 .1rem rgba(232,86,0,.2)}.has-error .form-checkbox input:indeterminate+.form-icon,.form-checkbox.is-error input:indeterminate+.form-icon{background:#e85600;border-color:#e85600}.form-input:not(:placeholder-shown):invalid{border-color:#e85600}.form-input:not(:placeholder-shown):invalid:focus{background:#fffaf7;box-shadow:0 0 0 .1rem rgba(232,86,0,.2)}.form-input:not(:placeholder-shown):invalid+.form-input-hint{color:#e85600}.form-input:disabled,.form-input.disabled,.form-select:disabled,.form-select.disabled{background-color:#eef0f3;cursor:not-allowed;opacity:.5}.form-input[readonly]{background-color:#f7f8f9}input:disabled+.form-icon,input.disabled+.form-icon{background:#eef0f3;cursor:not-allowed;opacity:.5}.form-switch input:disabled+.form-icon::before,.form-switch input.disabled+.form-icon::before{background:#fff}.form-horizontal{padding:.4rem 0}.form-horizontal .form-group{display:flex;display:-ms-flexbox;-ms-flex-wrap:wrap;flex-wrap:wrap}.form-inline{display:inline-block}.label{background:#eef0f3;border-radius:.1rem;color:#455060;display:inline-block;line-height:1.25;padding:.1rem .2rem}.label.label-rounded{border-radius:5rem;padding-left:.4rem;padding-right:.4rem}.label.label-primary{background:#5755d9;color:#fff}.label.label-secondary{background:#f1f1fc;color:#5755d9}.label.label-success{background:#32b643;color:#fff}.label.label-warning{background:#ffb700;color:#fff}.label.label-error{background:#e85600;color:#fff}code{background:#fcf2f2;border-radius:.1rem;color:#d73e48;font-size:85%;line-height:1.25;padding:.1rem .2rem}.code{border-radius:.1rem;color:#3b4351;position:relative}.code::before{color:#bcc3ce;content:attr(data-lang);font-size:.7rem;position:absolute;right:.4rem;top:.1rem}.code code{background:#f7f8f9;color:inherit;display:block;line-height:1.5;overflow-x:auto;padding:1rem;width:100%}.img-responsive{display:block;height:auto;max-width:100%}.img-fit-cover{object-fit:cover}.img-fit-contain{object-fit:contain}.video-responsive{display:block;overflow:hidden;padding:0;position:relative;width:100%}.video-responsive::before{content:"";display:block;padding-bottom:56.25%}.video-responsive iframe,.video-responsive object,.video-responsive embed{border:0;bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}video.video-responsive{height:auto;max-width:100%}video.video-responsive::before{content:none}.video-responsive-4-3::before{padding-bottom:75%}.video-responsive-1-1::before{padding-bottom:100%}.figure{margin:0 0 .4rem 0}.figure .figure-caption{color:#66758c;margin-top:.4rem}.container{margin-left:auto;margin-right:auto;padding-left:.4rem;padding-right:.4rem;width:100%}.container.grid-xl{max-width:1296px}.container.grid-lg{max-width:976px}.container.grid-md{max-width:856px}.container.grid-sm{max-width:616px}.container.grid-xs{max-width:496px}.show-xs,.show-sm,.show-md,.show-lg,.show-xl{display:none !important}.columns{display:flex;display:-ms-flexbox;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-.4rem;margin-right:-.4rem}.columns.col-gapless{margin-left:0;margin-right:0}.columns.col-gapless>.column{padding-left:0;padding-right:0}.columns.col-oneline{-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow-x:auto}.column{-ms-flex:1;flex:1;max-width:100%;padding-left:.4rem;padding-right:.4rem}.column.col-12,.column.col-11,.column.col-10,.column.col-9,.column.col-8,.column.col-7,.column.col-6,.column.col-5,.column.col-4,.column.col-3,.column.col-2,.column.col-1,.column.col-auto{-ms-flex:none;flex:none}.col-12{width:100%}.col-11{width:91.66666667%}.col-10{width:83.33333333%}.col-9{width:75%}.col-8{width:66.66666667%}.col-7{width:58.33333333%}.col-6{width:50%}.col-5{width:41.66666667%}.col-4{width:33.33333333%}.col-3{width:25%}.col-2{width:16.66666667%}.col-1{width:8.33333333%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;max-width:none;width:auto}.col-mx-auto{margin-left:auto;margin-right:auto}.col-ml-auto{margin-left:auto}.col-mr-auto{margin-right:auto}@media(max-width:1280px){.col-xl-12,.col-xl-11,.col-xl-10,.col-xl-9,.col-xl-8,.col-xl-7,.col-xl-6,.col-xl-5,.col-xl-4,.col-xl-3,.col-xl-2,.col-xl-1,.col-xl-auto{-ms-flex:none;flex:none}.col-xl-12{width:100%}.col-xl-11{width:91.66666667%}.col-xl-10{width:83.33333333%}.col-xl-9{width:75%}.col-xl-8{width:66.66666667%}.col-xl-7{width:58.33333333%}.col-xl-6{width:50%}.col-xl-5{width:41.66666667%}.col-xl-4{width:33.33333333%}.col-xl-3{width:25%}.col-xl-2{width:16.66666667%}.col-xl-1{width:8.33333333%}.col-xl-auto{width:auto}.hide-xl{display:none !important}.show-xl{display:block !important}}@media(max-width:960px){.col-lg-12,.col-lg-11,.col-lg-10,.col-lg-9,.col-lg-8,.col-lg-7,.col-lg-6,.col-lg-5,.col-lg-4,.col-lg-3,.col-lg-2,.col-lg-1,.col-lg-auto{-ms-flex:none;flex:none}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-auto{width:auto}.hide-lg{display:none !important}.show-lg{display:block !important}}@media(max-width:840px){.col-md-12,.col-md-11,.col-md-10,.col-md-9,.col-md-8,.col-md-7,.col-md-6,.col-md-5,.col-md-4,.col-md-3,.col-md-2,.col-md-1,.col-md-auto{-ms-flex:none;flex:none}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-auto{width:auto}.hide-md{display:none !important}.show-md{display:block !important}}@media(max-width:600px){.col-sm-12,.col-sm-11,.col-sm-10,.col-sm-9,.col-sm-8,.col-sm-7,.col-sm-6,.col-sm-5,.col-sm-4,.col-sm-3,.col-sm-2,.col-sm-1,.col-sm-auto{-ms-flex:none;flex:none}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-auto{width:auto}.hide-sm{display:none !important}.show-sm{display:block !important}}@media(max-width:480px){.col-xs-12,.col-xs-11,.col-xs-10,.col-xs-9,.col-xs-8,.col-xs-7,.col-xs-6,.col-xs-5,.col-xs-4,.col-xs-3,.col-xs-2,.col-xs-1,.col-xs-auto{-ms-flex:none;flex:none}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-auto{width:auto}.hide-xs{display:none !important}.show-xs{display:block !important}}.hero{display:flex;display:-ms-flexbox;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:4rem;padding-top:4rem}.hero.hero-sm{padding-bottom:2rem;padding-top:2rem}.hero.hero-lg{padding-bottom:8rem;padding-top:8rem}.hero .hero-body{padding:.4rem}.navbar{align-items:stretch;display:flex;display:-ms-flexbox;-ms-flex-align:stretch;-ms-flex-pack:justify;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:space-between}.navbar .navbar-section{align-items:center;display:flex;display:-ms-flexbox;-ms-flex:1 0 0;flex:1 0 0;-ms-flex-align:center}.navbar .navbar-section:not(:first-child):last-child{-ms-flex-pack:end;justify-content:flex-end}.navbar .navbar-center{align-items:center;display:flex;display:-ms-flexbox;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-align:center}.navbar .navbar-brand{font-size:.9rem;text-decoration:none}.accordion input:checked ~ .accordion-header .icon,.accordion[open] .accordion-header .icon{transform:rotate(90deg)}.accordion input:checked ~ .accordion-body,.accordion[open] .accordion-body{max-height:50rem}.accordion .accordion-header{display:block;padding:.2rem .4rem}.accordion .accordion-header .icon{transition:transform .25s}.accordion .accordion-body{margin-bottom:.4rem;max-height:0;overflow:hidden;transition:max-height .25s}summary.accordion-header::-webkit-details-marker{display:none}.avatar{background:#5755d9;border-radius:50%;color:rgba(255,255,255,.85);display:inline-block;font-size:.8rem;font-weight:300;height:1.6rem;line-height:1.25;margin:0;position:relative;vertical-align:middle;width:1.6rem}.avatar.avatar-xs{font-size:.4rem;height:.8rem;width:.8rem}.avatar.avatar-sm{font-size:.6rem;height:1.2rem;width:1.2rem}.avatar.avatar-lg{font-size:1.2rem;height:2.4rem;width:2.4rem}.avatar.avatar-xl{font-size:1.6rem;height:3.2rem;width:3.2rem}.avatar img{border-radius:50%;height:100%;position:relative;width:100%;z-index:1}.avatar .avatar-icon,.avatar .avatar-presence{background:#fff;bottom:14.64%;height:50%;padding:.1rem;position:absolute;right:14.64%;transform:translate(50%,50%);width:50%;z-index:2}.avatar .avatar-presence{background:#bcc3ce;border-radius:50%;box-shadow:0 0 0 .1rem #fff;height:.5em;width:.5em}.avatar .avatar-presence.online{background:#32b643}.avatar .avatar-presence.busy{background:#e85600}.avatar .avatar-presence.away{background:#ffb700}.avatar[data-initial]::before{color:currentColor;content:attr(data-initial);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.badge{position:relative;white-space:nowrap}.badge[data-badge]::after,.badge:not([data-badge])::after{background:#5755d9;background-clip:padding-box;border-radius:.5rem;box-shadow:0 0 0 .1rem #fff;color:#fff;content:attr(data-badge);display:inline-block;transform:translate(-.05rem,-.5rem)}.badge[data-badge]::after{font-size:.7rem;height:.9rem;line-height:1;min-width:.9rem;padding:.1rem .2rem;text-align:center;white-space:nowrap}.badge:not([data-badge])::after,.badge[data-badge=""]::after{height:6px;min-width:6px;padding:0;width:6px}.badge.btn::after{position:absolute;right:0;top:0;transform:translate(50%,-50%)}.badge.avatar::after{position:absolute;right:14.64%;top:14.64%;transform:translate(50%,-50%);z-index:100}.breadcrumb{list-style:none;margin:.2rem 0;padding:.2rem 0}.breadcrumb .breadcrumb-item{color:#66758c;display:inline-block;margin:0;padding:.2rem 0}.breadcrumb .breadcrumb-item:not(:last-child){margin-right:.2rem}.breadcrumb .breadcrumb-item:not(:last-child) a{color:#66758c}.breadcrumb .breadcrumb-item:not(:first-child)::before{color:#66758c;content:"/";padding-right:.4rem}.bar{background:#eef0f3;border-radius:.1rem;display:flex;display:-ms-flexbox;-ms-flex-wrap:nowrap;flex-wrap:nowrap;height:.8rem;width:100%}.bar.bar-sm{height:.2rem}.bar .bar-item{background:#5755d9;color:#fff;display:block;-ms-flex-negative:0;flex-shrink:0;font-size:.7rem;height:100%;line-height:.8rem;position:relative;text-align:center;width:0}.bar .bar-item:first-child{border-bottom-left-radius:.1rem;border-top-left-radius:.1rem}.bar .bar-item:last-child{border-bottom-right-radius:.1rem;border-top-right-radius:.1rem;-ms-flex-negative:1;flex-shrink:1}.bar-slider{height:.1rem;margin:.4rem 0;position:relative}.bar-slider .bar-item{left:0;padding:0;position:absolute}.bar-slider .bar-item:not(:last-child):first-child{background:#eef0f3;z-index:1}.bar-slider .bar-slider-btn{background:#5755d9;border:0;border-radius:50%;height:.6rem;padding:0;position:absolute;right:0;top:50%;transform:translate(50%,-50%);width:.6rem}.bar-slider .bar-slider-btn:active{box-shadow:0 0 0 .1rem #5755d9}.card{background:#fff;border:.05rem solid #dadee4;border-radius:.1rem;display:flex;display:-ms-flexbox;-ms-flex-direction:column;flex-direction:column}.card .card-header,.card .card-body,.card .card-footer{padding:.8rem;padding-bottom:0}.card .card-header:last-child,.card .card-body:last-child,.card .card-footer:last-child{padding-bottom:.8rem}.card .card-body{-ms-flex:1 1 auto;flex:1 1 auto}.card .card-image{padding-top:.8rem}.card .card-image:first-child{padding-top:0}.card .card-image:first-child img{border-top-left-radius:.1rem;border-top-right-radius:.1rem}.card .card-image:last-child img{border-bottom-left-radius:.1rem;border-bottom-right-radius:.1rem}.chip{align-items:center;background:#eef0f3;border-radius:5rem;display:inline-flex;display:-ms-inline-flexbox;-ms-flex-align:center;font-size:90%;height:1.2rem;line-height:.8rem;margin:.1rem;max-width:320px;overflow:hidden;padding:.2rem .4rem;text-decoration:none;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.chip.active{background:#5755d9;color:#fff}.chip .avatar{margin-left:-.4rem;margin-right:.2rem}.chip .btn-clear{border-radius:50%;transform:scale(.75)}.dropdown{display:inline-block;position:relative}.dropdown .menu{animation:slide-down .15s ease 1;display:none;left:0;max-height:50vh;overflow-y:auto;position:absolute;top:100%}.dropdown.dropdown-right .menu{left:auto;right:0}.dropdown.active .menu,.dropdown .dropdown-toggle:focus+.menu,.dropdown .menu:hover{display:block}.dropdown .btn-group .dropdown-toggle:nth-last-child(2){border-bottom-right-radius:.1rem;border-top-right-radius:.1rem}.empty{background:#f7f8f9;border-radius:.1rem;color:#66758c;padding:3.2rem 1.6rem;text-align:center}.empty .empty-icon{margin-bottom:.8rem}.empty .empty-title,.empty .empty-subtitle{margin:.4rem auto}.empty .empty-action{margin-top:.8rem}.menu{background:#fff;border-radius:.1rem;box-shadow:0 .05rem .2rem rgba(48,55,66,.3);list-style:none;margin:0;min-width:180px;padding:.4rem;transform:translateY(.2rem);z-index:300}.menu.menu-nav{background:transparent;box-shadow:none}.menu .menu-item{margin-top:0;padding:0 .4rem;position:relative;text-decoration:none}.menu .menu-item>a{border-radius:.1rem;color:inherit;display:block;margin:0 -.4rem;padding:.2rem .4rem;text-decoration:none}.menu .menu-item>a:focus,.menu .menu-item>a:hover{background:#f1f1fc;color:#5755d9}.menu .menu-item>a:active,.menu .menu-item>a.active{background:#f1f1fc;color:#5755d9}.menu .menu-item .form-checkbox,.menu .menu-item .form-radio,.menu .menu-item .form-switch{margin:.1rem 0}.menu .menu-item+.menu-item{margin-top:.2rem}.menu .menu-badge{align-items:center;display:flex;display:-ms-flexbox;-ms-flex-align:center;height:100%;position:absolute;right:0;top:0}.menu .menu-badge .label{margin-right:.4rem}.modal{align-items:center;bottom:0;display:none;-ms-flex-align:center;-ms-flex-pack:center;justify-content:center;left:0;opacity:0;overflow:hidden;padding:.4rem;position:fixed;right:0;top:0}.modal:target,.modal.active{display:flex;display:-ms-flexbox;opacity:1;z-index:400}.modal:target .modal-overlay,.modal.active .modal-overlay{background:rgba(247,248,249,.75);bottom:0;cursor:default;display:block;left:0;position:absolute;right:0;top:0}.modal:target .modal-container,.modal.active .modal-container{animation:slide-down .2s ease 1;z-index:1}.modal.modal-sm .modal-container{max-width:320px;padding:0 .4rem}.modal.modal-lg .modal-overlay{background:#fff}.modal.modal-lg .modal-container{box-shadow:none;max-width:960px}.modal-container{background:#fff;border-radius:.1rem;box-shadow:0 .2rem .5rem rgba(48,55,66,.3);display:flex;display:-ms-flexbox;-ms-flex-direction:column;flex-direction:column;max-height:75vh;max-width:640px;padding:0 .8rem;width:100%}.modal-container.modal-fullheight{max-height:100vh}.modal-container .modal-header{color:#303742;padding:.8rem}.modal-container .modal-body{overflow-y:auto;padding:.8rem;position:relative}.modal-container .modal-footer{padding:.8rem;text-align:right}.nav{display:flex;display:-ms-flexbox;-ms-flex-direction:column;flex-direction:column;list-style:none;margin:.2rem 0}.nav .nav-item a{color:#66758c;padding:.2rem .4rem;text-decoration:none}.nav .nav-item a:focus,.nav .nav-item a:hover{color:#5755d9}.nav .nav-item.active>a{color:#505c6e;font-weight:bold}.nav .nav-item.active>a:focus,.nav .nav-item.active>a:hover{color:#5755d9}.nav .nav{margin-bottom:.4rem;margin-left:.8rem}.pagination{display:flex;display:-ms-flexbox;list-style:none;margin:.2rem 0;padding:.2rem 0}.pagination .page-item{margin:.2rem .05rem}.pagination .page-item span{display:inline-block;padding:.2rem .2rem}.pagination .page-item a{border-radius:.1rem;display:inline-block;padding:.2rem .4rem;text-decoration:none}.pagination .page-item a:focus,.pagination .page-item a:hover{color:#5755d9}.pagination .page-item.disabled a{cursor:default;opacity:.5;pointer-events:none}.pagination .page-item.active a{background:#5755d9;color:#fff}.pagination .page-item.page-prev,.pagination .page-item.page-next{-ms-flex:1 0 50%;flex:1 0 50%}.pagination .page-item.page-next{text-align:right}.pagination .page-item .page-item-title{margin:0}.pagination .page-item .page-item-subtitle{margin:0;opacity:.5}.panel{border:.05rem solid #dadee4;border-radius:.1rem;display:flex;display:-ms-flexbox;-ms-flex-direction:column;flex-direction:column}.panel .panel-header,.panel .panel-footer{-ms-flex:0 0 auto;flex:0 0 auto;padding:.8rem}.panel .panel-nav{-ms-flex:0 0 auto;flex:0 0 auto}.panel .panel-body{-ms-flex:1 1 auto;flex:1 1 auto;overflow-y:auto;padding:0 .8rem}.popover{display:inline-block;position:relative}.popover .popover-container{left:50%;opacity:0;padding:.4rem;position:absolute;top:0;transform:translate(-50%,-50%) scale(0);transition:transform .2s;width:320px;z-index:300}.popover *:focus+.popover-container,.popover:hover .popover-container{display:block;opacity:1;transform:translate(-50%,-100%) scale(1)}.popover.popover-right .popover-container{left:100%;top:50%}.popover.popover-right *:focus+.popover-container,.popover.popover-right:hover .popover-container{transform:translate(0,-50%) scale(1)}.popover.popover-bottom .popover-container{left:50%;top:100%}.popover.popover-bottom *:focus+.popover-container,.popover.popover-bottom:hover .popover-container{transform:translate(-50%,0) scale(1)}.popover.popover-left .popover-container{left:0;top:50%}.popover.popover-left *:focus+.popover-container,.popover.popover-left:hover .popover-container{transform:translate(-100%,-50%) scale(1)}.popover .card{border:0;box-shadow:0 .2rem .5rem rgba(48,55,66,.3)}.step{display:flex;display:-ms-flexbox;-ms-flex-wrap:nowrap;flex-wrap:nowrap;list-style:none;margin:.2rem 0;width:100%}.step .step-item{-ms-flex:1 1 0;flex:1 1 0;margin-top:0;min-height:1rem;position:relative;text-align:center}.step .step-item:not(:first-child)::before{background:#5755d9;content:"";height:2px;left:-50%;position:absolute;top:9px;width:100%}.step .step-item a{color:#5755d9;display:inline-block;padding:20px 10px 0;text-decoration:none}.step .step-item a::before{background:#5755d9;border:.1rem solid #fff;border-radius:50%;content:"";display:block;height:.6rem;left:50%;position:absolute;top:.2rem;transform:translateX(-50%);width:.6rem;z-index:1}.step .step-item.active a::before{background:#fff;border:.1rem solid #5755d9}.step .step-item.active ~ .step-item::before{background:#dadee4}.step .step-item.active ~ .step-item a{color:#bcc3ce}.step .step-item.active ~ .step-item a::before{background:#dadee4}.tab{align-items:center;border-bottom:.05rem solid #dadee4;display:flex;display:-ms-flexbox;-ms-flex-align:center;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none;margin:.2rem 0 .15rem 0}.tab .tab-item{margin-top:0}.tab .tab-item a{border-bottom:.1rem solid transparent;color:inherit;display:block;margin:0 .4rem 0 0;padding:.4rem .2rem .3rem .2rem;text-decoration:none}.tab .tab-item a:focus,.tab .tab-item a:hover{color:#5755d9}.tab .tab-item.active a,.tab .tab-item a.active{border-bottom-color:#5755d9;color:#5755d9}.tab .tab-item.tab-action{-ms-flex:1 0 auto;flex:1 0 auto;text-align:right}.tab .tab-item .btn-clear{margin-top:-.2rem}.tab.tab-block .tab-item{-ms-flex:1 0 0;flex:1 0 0;text-align:center}.tab.tab-block .tab-item a{margin:0}.tab.tab-block .tab-item .badge[data-badge]::after{position:absolute;right:.1rem;top:.1rem;transform:translate(0,0)}.tab:not(.tab-block) .badge{padding-right:0}.tile{align-content:space-between;align-items:flex-start;display:flex;display:-ms-flexbox;-ms-flex-align:start;-ms-flex-line-pack:justify}.tile .tile-icon,.tile .tile-action{-ms-flex:0 0 auto;flex:0 0 auto}.tile .tile-content{-ms-flex:1 1 auto;flex:1 1 auto}.tile .tile-content:not(:first-child){padding-left:.4rem}.tile .tile-content:not(:last-child){padding-right:.4rem}.tile .tile-title,.tile .tile-subtitle{line-height:1.2rem}.tile.tile-centered{align-items:center;-ms-flex-align:center}.tile.tile-centered .tile-content{overflow:hidden}.tile.tile-centered .tile-title,.tile.tile-centered .tile-subtitle{margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toast{background:rgba(48,55,66,.95);border:.05rem solid #303742;border-color:#303742;border-radius:.1rem;color:#fff;display:block;padding:.4rem;width:100%}.toast.toast-primary{background:rgba(87,85,217,.95);border-color:#5755d9}.toast.toast-success{background:rgba(50,182,67,.95);border-color:#32b643}.toast.toast-warning{background:rgba(255,183,0,.95);border-color:#ffb700}.toast.toast-error{background:rgba(232,86,0,.95);border-color:#e85600}.toast a{color:#fff;text-decoration:underline}.toast a:focus,.toast a:hover,.toast a:active,.toast a.active{opacity:.75}.toast .btn-clear{margin:.1rem}.toast p:last-child{margin-bottom:0}.tooltip{position:relative}.tooltip::after{background:rgba(48,55,66,.95);border-radius:.1rem;bottom:100%;color:#fff;content:attr(data-tooltip);display:block;font-size:.7rem;left:50%;max-width:320px;opacity:0;overflow:hidden;padding:.2rem .4rem;pointer-events:none;position:absolute;text-overflow:ellipsis;transform:translate(-50%,.4rem);transition:opacity .2s,transform .2s;white-space:pre;z-index:300}.tooltip:focus::after,.tooltip:hover::after{opacity:1;transform:translate(-50%,-.2rem)}.tooltip[disabled],.tooltip.disabled{pointer-events:auto}.tooltip.tooltip-right::after{bottom:50%;left:100%;transform:translate(-.2rem,50%)}.tooltip.tooltip-right:focus::after,.tooltip.tooltip-right:hover::after{transform:translate(.2rem,50%)}.tooltip.tooltip-bottom::after{bottom:auto;top:100%;transform:translate(-50%,-.4rem)}.tooltip.tooltip-bottom:focus::after,.tooltip.tooltip-bottom:hover::after{transform:translate(-50%,.2rem)}.tooltip.tooltip-left::after{bottom:50%;left:auto;right:100%;transform:translate(.4rem,50%)}.tooltip.tooltip-left:focus::after,.tooltip.tooltip-left:hover::after{transform:translate(-.2rem,50%)}@keyframes loading{0{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes slide-down{0{opacity:0;transform:translateY(-1.6rem)}100%{opacity:1;transform:translateY(0)}}.text-primary{color:#5755d9 !important}a.text-primary:focus,a.text-primary:hover{color:#4240d4}a.text-primary:visited{color:#6c6ade}.text-secondary{color:#e5e5f9 !important}a.text-secondary:focus,a.text-secondary:hover{color:#d1d0f4}a.text-secondary:visited{color:#fafafe}.text-gray{color:#bcc3ce !important}a.text-gray:focus,a.text-gray:hover{color:#adb6c4}a.text-gray:visited{color:#cbd0d9}.text-light{color:#fff !important}a.text-light:focus,a.text-light:hover{color:#f2f2f2}a.text-light:visited{color:white}.text-dark{color:#3b4351 !important}a.text-dark:focus,a.text-dark:hover{color:#303742}a.text-dark:visited{color:#455060}.text-success{color:#32b643 !important}a.text-success:focus,a.text-success:hover{color:#2da23c}a.text-success:visited{color:#39c94b}.text-warning{color:#ffb700 !important}a.text-warning:focus,a.text-warning:hover{color:#e6a500}a.text-warning:visited{color:#ffbe1a}.text-error{color:#e85600 !important}a.text-error:focus,a.text-error:hover{color:#cf4d00}a.text-error:visited{color:#ff6003}.bg-primary{background:#5755d9 !important;color:#fff}.bg-secondary{background:#f1f1fc !important}.bg-dark{background:#303742 !important;color:#fff}.bg-gray{background:#f7f8f9 !important}.bg-success{background:#32b643 !important;color:#fff}.bg-warning{background:#ffb700 !important;color:#fff}.bg-error{background:#e85600 !important;color:#fff}.c-hand{cursor:pointer}.c-move{cursor:move}.c-zoom-in{cursor:zoom-in}.c-zoom-out{cursor:zoom-out}.c-not-allowed{cursor:not-allowed}.c-auto{cursor:auto}.d-block{display:block}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-flex{display:flex;display:-ms-flexbox}.d-inline-flex{display:inline-flex;display:-ms-inline-flexbox}.d-none,.d-hide{display:none !important}.d-visible{visibility:visible}.d-invisible{visibility:hidden}.text-hide{background:transparent;border:0;color:transparent;font-size:0;line-height:0;text-shadow:none}.text-assistive{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.divider,.divider-vert{display:block;position:relative}.divider[data-content]::after,.divider-vert[data-content]::after{background:#fff;color:#bcc3ce;content:attr(data-content);display:inline-block;font-size:.7rem;padding:0 .4rem;transform:translateY(-.65rem)}.divider{border-top:.05rem solid #f1f3f5;height:.05rem;margin:.4rem 0}.divider[data-content]{margin:.8rem 0}.divider-vert{display:block;padding:.8rem}.divider-vert::before{border-left:.05rem solid #dadee4;bottom:.4rem;content:"";display:block;left:50%;position:absolute;top:.4rem;transform:translateX(-50%)}.divider-vert[data-content]::after{left:50%;padding:.2rem 0;position:absolute;top:50%;transform:translate(-50%,-50%)}.loading{color:transparent !important;min-height:.8rem;pointer-events:none;position:relative}.loading::after{animation:loading 500ms infinite linear;border:.1rem solid #5755d9;border-radius:50%;border-right-color:transparent;border-top-color:transparent;content:"";display:block;height:.8rem;left:50%;margin-left:-.4rem;margin-top:-.4rem;position:absolute;top:50%;width:.8rem;z-index:1}.loading.loading-lg{min-height:2rem}.loading.loading-lg::after{height:1.6rem;margin-left:-.8rem;margin-top:-.8rem;width:1.6rem}.clearfix::after{clear:both;content:"";display:table}.float-left{float:left !important}.float-right{float:right !important}.p-relative{position:relative !important}.p-absolute{position:absolute !important}.p-fixed{position:fixed !important}.p-sticky{position:sticky !important;position:-webkit-sticky !important}.p-centered{display:block;float:none;margin-left:auto;margin-right:auto}.flex-centered{align-items:center;display:flex;display:-ms-flexbox;-ms-flex-align:center;-ms-flex-pack:center;justify-content:center}.m-0{margin:0 !important}.mb-0{margin-bottom:0 !important}.ml-0{margin-left:0 !important}.mr-0{margin-right:0 !important}.mt-0{margin-top:0 !important}.mx-0{margin-left:0 !important;margin-right:0 !important}.my-0{margin-bottom:0 !important;margin-top:0 !important}.m-1{margin:.2rem !important}.mb-1{margin-bottom:.2rem !important}.ml-1{margin-left:.2rem !important}.mr-1{margin-right:.2rem !important}.mt-1{margin-top:.2rem !important}.mx-1{margin-left:.2rem !important;margin-right:.2rem !important}.my-1{margin-bottom:.2rem !important;margin-top:.2rem !important}.m-2{margin:.4rem !important}.mb-2{margin-bottom:.4rem !important}.ml-2{margin-left:.4rem !important}.mr-2{margin-right:.4rem !important}.mt-2{margin-top:.4rem !important}.mx-2{margin-left:.4rem !important;margin-right:.4rem !important}.my-2{margin-bottom:.4rem !important;margin-top:.4rem !important}.p-0{padding:0 !important}.pb-0{padding-bottom:0 !important}.pl-0{padding-left:0 !important}.pr-0{padding-right:0 !important}.pt-0{padding-top:0 !important}.px-0{padding-left:0 !important;padding-right:0 !important}.py-0{padding-bottom:0 !important;padding-top:0 !important}.p-1{padding:.2rem !important}.pb-1{padding-bottom:.2rem !important}.pl-1{padding-left:.2rem !important}.pr-1{padding-right:.2rem !important}.pt-1{padding-top:.2rem !important}.px-1{padding-left:.2rem !important;padding-right:.2rem !important}.py-1{padding-bottom:.2rem !important;padding-top:.2rem !important}.p-2{padding:.4rem !important}.pb-2{padding-bottom:.4rem !important}.pl-2{padding-left:.4rem !important}.pr-2{padding-right:.4rem !important}.pt-2{padding-top:.4rem !important}.px-2{padding-left:.4rem !important;padding-right:.4rem !important}.py-2{padding-bottom:.4rem !important;padding-top:.4rem !important}.s-rounded{border-radius:.1rem}.s-circle{border-radius:50%}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-normal{font-weight:normal}.text-bold{font-weight:bold}.text-italic{font-style:italic}.text-large{font-size:1.2em}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-clip{overflow:hidden;text-overflow:clip;white-space:nowrap}.text-break{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;word-break:break-word;word-wrap:break-word} \ No newline at end of file +/*! Spectre.css v0.5.9 | MIT License | github.com/picturepan2/spectre */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}address{font-style:normal}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:"SF Mono","Segoe UI Mono","Roboto Mono",Menlo,Courier,monospace;font-size:1em}dfn{font-style:italic}small{font-size:80%;font-weight:400}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}fieldset{border:0;margin:0;padding:0}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item;outline:0}canvas{display:inline-block}template{display:none}[hidden]{display:none}*,*::before,*::after{box-sizing:inherit}html{box-sizing:border-box;font-size:20px;line-height:1.5;-webkit-tap-highlight-color:transparent}body{background:#fff;color:#3b4351;font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;font-size:.8rem;overflow-x:hidden;text-rendering:optimizeLegibility}a{color:#5755d9;outline:0;text-decoration:none}a:focus{box-shadow:0 0 0 .1rem rgba(87,85,217,.2)}a:focus,a:hover,a:active,a.active{color:#302ecd;text-decoration:underline}a:visited{color:#807fe2}h1,h2,h3,h4,h5,h6{color:inherit;font-weight:500;line-height:1.2;margin-bottom:.5em;margin-top:0}.h1,.h2,.h3,.h4,.h5,.h6{font-weight:500}h1,.h1{font-size:2rem}h2,.h2{font-size:1.6rem}h3,.h3{font-size:1.4rem}h4,.h4{font-size:1.2rem}h5,.h5{font-size:1rem}h6,.h6{font-size:.8rem}p{margin:0 0 1.2rem}a,ins,u{-webkit-text-decoration-skip:ink edges;text-decoration-skip:ink edges}abbr[title]{border-bottom:.05rem dotted;cursor:help;text-decoration:none}kbd{background:#303742;border-radius:.1rem;color:#fff;font-size:.7rem;line-height:1.25;padding:.1rem .2rem}mark{background:#ffe9b3;border-bottom:.05rem solid #ffd367;border-radius:.1rem;color:#3b4351;padding:.05rem .1rem 0}blockquote{border-left:.1rem solid #dadee4;margin-left:0;padding:.4rem .8rem}blockquote p:last-child{margin-bottom:0}ul,ol{margin:.8rem 0 .8rem .8rem;padding:0}ul ul,ul ol,ol ul,ol ol{margin:.8rem 0 .8rem .8rem}ul li,ol li{margin-top:.4rem}ul{list-style:disc inside}ul ul{list-style-type:circle}ol{list-style:decimal inside}ol ol{list-style-type:lower-alpha}dl dt{font-weight:bold}dl dd{margin:.4rem 0 .8rem 0}html:lang(zh),html:lang(zh-Hans),.lang-zh,.lang-zh-hans{font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",sans-serif}html:lang(zh-Hant),.lang-zh-hant{font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang TC","Hiragino Sans CNS","Microsoft JhengHei","Helvetica Neue",sans-serif}html:lang(ja),.lang-ja{font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Hiragino Sans","Hiragino Kaku Gothic Pro","Yu Gothic",YuGothic,Meiryo,"Helvetica Neue",sans-serif}html:lang(ko),.lang-ko{font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Malgun Gothic","Helvetica Neue",sans-serif}:lang(zh) ins,:lang(zh) u,:lang(ja) ins,:lang(ja) u,.lang-cjk ins,.lang-cjk u{border-bottom:.05rem solid;text-decoration:none}:lang(zh) del+del,:lang(zh) del+s,:lang(zh) ins+ins,:lang(zh) ins+u,:lang(zh) s+del,:lang(zh) s+s,:lang(zh) u+ins,:lang(zh) u+u,:lang(ja) del+del,:lang(ja) del+s,:lang(ja) ins+ins,:lang(ja) ins+u,:lang(ja) s+del,:lang(ja) s+s,:lang(ja) u+ins,:lang(ja) u+u,.lang-cjk del+del,.lang-cjk del+s,.lang-cjk ins+ins,.lang-cjk ins+u,.lang-cjk s+del,.lang-cjk s+s,.lang-cjk u+ins,.lang-cjk u+u{margin-left:.125em}.table{border-collapse:collapse;border-spacing:0;text-align:left;width:100%}.table.table-striped tbody tr:nth-of-type(odd){background:#f7f8f9}.table tbody tr.active,.table.table-striped tbody tr.active{background:#eef0f3}.table.table-hover tbody tr:hover{background:#eef0f3}.table.table-scroll{display:block;overflow-x:auto;padding-bottom:.75rem;white-space:nowrap}.table td,.table th{border-bottom:.05rem solid #dadee4;padding:.6rem .4rem}.table th{border-bottom-width:.1rem}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:.05rem solid #5755d9;border-radius:.1rem;color:#5755d9;cursor:pointer;display:inline-block;font-size:.8rem;height:1.8rem;line-height:1.2rem;outline:0;padding:.25rem .4rem;text-align:center;text-decoration:none;transition:background .2s,border .2s,box-shadow .2s,color .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.btn:focus{box-shadow:0 0 0 .1rem rgba(87,85,217,.2)}.btn:focus,.btn:hover{background:#f1f1fc;border-color:#4b48d6;text-decoration:none}.btn:active,.btn.active{background:#4b48d6;border-color:#3634d2;color:#fff;text-decoration:none}.btn:active.loading::after,.btn.active.loading::after{border-bottom-color:#fff;border-left-color:#fff}.btn[disabled],.btn:disabled,.btn.disabled{cursor:default;opacity:.5;pointer-events:none}.btn.btn-primary{background:#5755d9;border-color:#4b48d6;color:#fff}.btn.btn-primary:focus,.btn.btn-primary:hover{background:#4240d4;border-color:#3634d2;color:#fff}.btn.btn-primary:active,.btn.btn-primary.active{background:#3a38d2;border-color:#302ecd;color:#fff}.btn.btn-primary.loading::after{border-bottom-color:#fff;border-left-color:#fff}.btn.btn-success{background:#32b643;border-color:#2faa3f;color:#fff}.btn.btn-success:focus{box-shadow:0 0 0 .1rem rgba(50,182,67,.2)}.btn.btn-success:focus,.btn.btn-success:hover{background:#30ae40;border-color:#2da23c;color:#fff}.btn.btn-success:active,.btn.btn-success.active{background:#2a9a39;border-color:#278e34;color:#fff}.btn.btn-success.loading::after{border-bottom-color:#fff;border-left-color:#fff}.btn.btn-error{background:#e85600;border-color:#d95000;color:#fff}.btn.btn-error:focus{box-shadow:0 0 0 .1rem rgba(232,86,0,.2)}.btn.btn-error:focus,.btn.btn-error:hover{background:#de5200;border-color:#cf4d00;color:#fff}.btn.btn-error:active,.btn.btn-error.active{background:#c44900;border-color:#b54300;color:#fff}.btn.btn-error.loading::after{border-bottom-color:#fff;border-left-color:#fff}.btn.btn-link{background:transparent;border-color:transparent;color:#5755d9}.btn.btn-link:focus,.btn.btn-link:hover,.btn.btn-link:active,.btn.btn-link.active{color:#302ecd}.btn.btn-sm{font-size:.7rem;height:1.4rem;padding:.05rem .3rem}.btn.btn-lg{font-size:.9rem;height:2rem;padding:.35rem .6rem}.btn.btn-block{display:block;width:100%}.btn.btn-action{padding-left:0;padding-right:0;width:1.8rem}.btn.btn-action.btn-sm{width:1.4rem}.btn.btn-action.btn-lg{width:2rem}.btn.btn-clear{background:transparent;border:0;color:currentColor;height:1rem;line-height:.8rem;margin-left:.2rem;margin-right:-2px;opacity:1;padding:.1rem;text-decoration:none;width:1rem}.btn.btn-clear:focus,.btn.btn-clear:hover{background:rgba(247,248,249,.5);opacity:.95}.btn.btn-clear::before{content:"\2715"}.btn-group{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.btn-group .btn{-ms-flex:1 0 auto;flex:1 0 auto}.btn-group .btn:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.btn-group .btn:not(:first-child):not(:last-child){border-radius:0;margin-left:-.05rem}.btn-group .btn:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-.05rem}.btn-group .btn:focus,.btn-group .btn:hover,.btn-group .btn:active,.btn-group .btn.active{z-index:1}.btn-group.btn-group-block{display:-ms-flexbox;display:flex}.btn-group.btn-group-block .btn{-ms-flex:1 0 0;flex:1 0 0}.form-group:not(:last-child){margin-bottom:.4rem}fieldset{margin-bottom:.8rem}legend{font-size:.9rem;font-weight:500;margin-bottom:.8rem}.form-label{display:block;line-height:1.2rem;padding:.3rem 0}.form-label.label-sm{font-size:.7rem;padding:.1rem 0}.form-label.label-lg{font-size:.9rem;padding:.4rem 0}.form-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;background-image:none;border:.05rem solid #bcc3ce;border-radius:.1rem;color:#3b4351;display:block;font-size:.8rem;height:1.8rem;line-height:1.2rem;max-width:100%;outline:0;padding:.25rem .4rem;position:relative;transition:background .2s,border .2s,box-shadow .2s,color .2s;width:100%}.form-input:focus{border-color:#5755d9;box-shadow:0 0 0 .1rem rgba(87,85,217,.2)}.form-input:-ms-input-placeholder{color:#bcc3ce}.form-input::-ms-input-placeholder{color:#bcc3ce}.form-input::placeholder{color:#bcc3ce}.form-input.input-sm{font-size:.7rem;height:1.4rem;padding:.05rem .3rem}.form-input.input-lg{font-size:.9rem;height:2rem;padding:.35rem .6rem}.form-input.input-inline{display:inline-block;vertical-align:middle;width:auto}.form-input[type="file"]{height:auto}textarea.form-input,textarea.form-input.input-lg,textarea.form-input.input-sm{height:auto}.form-input-hint{color:#bcc3ce;font-size:.7rem;margin-top:.2rem}.has-success .form-input-hint,.is-success+.form-input-hint{color:#32b643}.has-error .form-input-hint,.is-error+.form-input-hint{color:#e85600}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:.05rem solid #bcc3ce;border-radius:.1rem;color:inherit;font-size:.8rem;height:1.8rem;line-height:1.2rem;outline:0;padding:.25rem .4rem;vertical-align:middle;width:100%}.form-select:focus{border-color:#5755d9;box-shadow:0 0 0 .1rem rgba(87,85,217,.2)}.form-select::-ms-expand{display:none}.form-select.select-sm{font-size:.7rem;height:1.4rem;padding:.05rem 1.1rem .05rem .3rem}.form-select.select-lg{font-size:.9rem;height:2rem;padding:.35rem 1.4rem .35rem .6rem}.form-select[size],.form-select[multiple]{height:auto;padding:.25rem .4rem}.form-select[size] option,.form-select[multiple] option{padding:.1rem .2rem}.form-select:not([multiple]):not([size]){background:#fff 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 .35rem center/.4rem .5rem;padding-right:1.2rem}.has-icon-left,.has-icon-right{position:relative}.has-icon-left .form-icon,.has-icon-right .form-icon{height:.8rem;margin:0 .25rem;position:absolute;top:50%;transform:translateY(-50%);width:.8rem;z-index:2}.has-icon-left .form-icon{left:.05rem}.has-icon-left .form-input{padding-left:1.3rem}.has-icon-right .form-icon{right:.05rem}.has-icon-right .form-input{padding-right:1.3rem}.form-checkbox,.form-radio,.form-switch{display:block;line-height:1.2rem;margin:.2rem 0;min-height:1.4rem;padding:.1rem .4rem .1rem 1.2rem;position:relative}.form-checkbox input,.form-radio input,.form-switch input{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.form-checkbox input:focus+.form-icon,.form-radio input:focus+.form-icon,.form-switch input:focus+.form-icon{border-color:#5755d9;box-shadow:0 0 0 .1rem rgba(87,85,217,.2)}.form-checkbox input:checked+.form-icon,.form-radio input:checked+.form-icon,.form-switch input:checked+.form-icon{background:#5755d9;border-color:#5755d9}.form-checkbox .form-icon,.form-radio .form-icon,.form-switch .form-icon{border:.05rem solid #bcc3ce;cursor:pointer;display:inline-block;position:absolute;transition:background .2s,border .2s,box-shadow .2s,color .2s}.form-checkbox.input-sm,.form-radio.input-sm,.form-switch.input-sm{font-size:.7rem;margin:0}.form-checkbox.input-lg,.form-radio.input-lg,.form-switch.input-lg{font-size:.9rem;margin:.3rem 0}.form-checkbox .form-icon,.form-radio .form-icon{background:#fff;height:.8rem;left:0;top:.3rem;width:.8rem}.form-checkbox input:active+.form-icon,.form-radio input:active+.form-icon{background:#eef0f3}.form-checkbox .form-icon{border-radius:.1rem}.form-checkbox input:checked+.form-icon::before{background-clip:padding-box;border:.1rem solid #fff;border-left-width:0;border-top-width:0;content:"";height:9px;left:50%;margin-left:-3px;margin-top:-6px;position:absolute;top:50%;transform:rotate(45deg);width:6px}.form-checkbox input:indeterminate+.form-icon{background:#5755d9;border-color:#5755d9}.form-checkbox input:indeterminate+.form-icon::before{background:#fff;content:"";height:2px;left:50%;margin-left:-5px;margin-top:-1px;position:absolute;top:50%;width:10px}.form-radio .form-icon{border-radius:50%}.form-radio input:checked+.form-icon::before{background:#fff;border-radius:50%;content:"";height:6px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:6px}.form-switch{padding-left:2rem}.form-switch .form-icon{background:#bcc3ce;background-clip:padding-box;border-radius:.45rem;height:.9rem;left:0;top:.25rem;width:1.6rem}.form-switch .form-icon::before{background:#fff;border-radius:50%;content:"";display:block;height:.8rem;left:0;position:absolute;top:0;transition:background .2s,border .2s,box-shadow .2s,color .2s,left .2s;width:.8rem}.form-switch input:checked+.form-icon::before{left:14px}.form-switch input:active+.form-icon::before{background:#f7f8f9}.input-group{display:-ms-flexbox;display:flex}.input-group .input-group-addon{background:#f7f8f9;border:.05rem solid #bcc3ce;border-radius:.1rem;line-height:1.2rem;padding:.25rem .4rem;white-space:nowrap}.input-group .input-group-addon.addon-sm{font-size:.7rem;padding:.05rem .3rem}.input-group .input-group-addon.addon-lg{font-size:.9rem;padding:.35rem .6rem}.input-group .form-input,.input-group .form-select{-ms-flex:1 1 auto;flex:1 1 auto;width:1%}.input-group .input-group-btn{z-index:1}.input-group .form-input:first-child:not(:last-child),.input-group .form-select:first-child:not(:last-child),.input-group .input-group-addon:first-child:not(:last-child),.input-group .input-group-btn:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.input-group .form-input:not(:first-child):not(:last-child),.input-group .form-select:not(:first-child):not(:last-child),.input-group .input-group-addon:not(:first-child):not(:last-child),.input-group .input-group-btn:not(:first-child):not(:last-child){border-radius:0;margin-left:-.05rem}.input-group .form-input:last-child:not(:first-child),.input-group .form-select:last-child:not(:first-child),.input-group .input-group-addon:last-child:not(:first-child),.input-group .input-group-btn:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-.05rem}.input-group .form-input:focus,.input-group .form-select:focus,.input-group .input-group-addon:focus,.input-group .input-group-btn:focus{z-index:2}.input-group .form-select{width:auto}.input-group.input-inline{display:-ms-inline-flexbox;display:inline-flex}.has-success .form-input,.form-input.is-success,.has-success .form-select,.form-select.is-success{background:#f9fdfa;border-color:#32b643}.has-success .form-input:focus,.form-input.is-success:focus,.has-success .form-select:focus,.form-select.is-success:focus{box-shadow:0 0 0 .1rem rgba(50,182,67,.2)}.has-error .form-input,.form-input.is-error,.has-error .form-select,.form-select.is-error{background:#fffaf7;border-color:#e85600}.has-error .form-input:focus,.form-input.is-error:focus,.has-error .form-select:focus,.form-select.is-error:focus{box-shadow:0 0 0 .1rem rgba(232,86,0,.2)}.has-error .form-checkbox .form-icon,.form-checkbox.is-error .form-icon,.has-error .form-radio .form-icon,.form-radio.is-error .form-icon,.has-error .form-switch .form-icon,.form-switch.is-error .form-icon{border-color:#e85600}.has-error .form-checkbox input:checked+.form-icon,.form-checkbox.is-error input:checked+.form-icon,.has-error .form-radio input:checked+.form-icon,.form-radio.is-error input:checked+.form-icon,.has-error .form-switch input:checked+.form-icon,.form-switch.is-error input:checked+.form-icon{background:#e85600;border-color:#e85600}.has-error .form-checkbox input:focus+.form-icon,.form-checkbox.is-error input:focus+.form-icon,.has-error .form-radio input:focus+.form-icon,.form-radio.is-error input:focus+.form-icon,.has-error .form-switch input:focus+.form-icon,.form-switch.is-error input:focus+.form-icon{border-color:#e85600;box-shadow:0 0 0 .1rem rgba(232,86,0,.2)}.has-error .form-checkbox input:indeterminate+.form-icon,.form-checkbox.is-error input:indeterminate+.form-icon{background:#e85600;border-color:#e85600}.form-input:not(:-ms-input-placeholder):invalid{border-color:#e85600}.form-input:not(:placeholder-shown):invalid{border-color:#e85600}.form-input:not(:-ms-input-placeholder):invalid:focus{background:#fffaf7;box-shadow:0 0 0 .1rem rgba(232,86,0,.2)}.form-input:not(:placeholder-shown):invalid:focus{background:#fffaf7;box-shadow:0 0 0 .1rem rgba(232,86,0,.2)}.form-input:not(:-ms-input-placeholder):invalid+.form-input-hint{color:#e85600}.form-input:not(:placeholder-shown):invalid+.form-input-hint{color:#e85600}.form-input:disabled,.form-input.disabled,.form-select:disabled,.form-select.disabled{background-color:#eef0f3;cursor:not-allowed;opacity:.5}.form-input[readonly]{background-color:#f7f8f9}input:disabled+.form-icon,input.disabled+.form-icon{background:#eef0f3;cursor:not-allowed;opacity:.5}.form-switch input:disabled+.form-icon::before,.form-switch input.disabled+.form-icon::before{background:#fff}.form-horizontal{padding:.4rem 0}.form-horizontal .form-group{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.form-inline{display:inline-block}.label{background:#eef0f3;border-radius:.1rem;color:#455060;display:inline-block;line-height:1.25;padding:.1rem .2rem}.label.label-rounded{border-radius:5rem;padding-left:.4rem;padding-right:.4rem}.label.label-primary{background:#5755d9;color:#fff}.label.label-secondary{background:#f1f1fc;color:#5755d9}.label.label-success{background:#32b643;color:#fff}.label.label-warning{background:#ffb700;color:#fff}.label.label-error{background:#e85600;color:#fff}code{background:#fcf2f2;border-radius:.1rem;color:#d73e48;font-size:85%;line-height:1.25;padding:.1rem .2rem}.code{border-radius:.1rem;color:#3b4351;position:relative}.code::before{color:#bcc3ce;content:attr(data-lang);font-size:.7rem;position:absolute;right:.4rem;top:.1rem}.code code{background:#f7f8f9;color:inherit;display:block;line-height:1.5;overflow-x:auto;padding:1rem;width:100%}.img-responsive{display:block;height:auto;max-width:100%}.img-fit-cover{object-fit:cover}.img-fit-contain{object-fit:contain}.video-responsive{display:block;overflow:hidden;padding:0;position:relative;width:100%}.video-responsive::before{content:"";display:block;padding-bottom:56.25%}.video-responsive iframe,.video-responsive object,.video-responsive embed{border:0;bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}video.video-responsive{height:auto;max-width:100%}video.video-responsive::before{content:none}.video-responsive-4-3::before{padding-bottom:75%}.video-responsive-1-1::before{padding-bottom:100%}.figure{margin:0 0 .4rem 0}.figure .figure-caption{color:#66758c;margin-top:.4rem}.container{margin-left:auto;margin-right:auto;padding-left:.4rem;padding-right:.4rem;width:100%}.container.grid-xl{max-width:1296px}.container.grid-lg{max-width:976px}.container.grid-md{max-width:856px}.container.grid-sm{max-width:616px}.container.grid-xs{max-width:496px}.show-xs,.show-sm,.show-md,.show-lg,.show-xl{display:none !important}.cols,.columns{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-.4rem;margin-right:-.4rem}.cols.col-gapless,.columns.col-gapless{margin-left:0;margin-right:0}.cols.col-gapless>.column,.columns.col-gapless>.column{padding-left:0;padding-right:0}.cols.col-oneline,.columns.col-oneline{-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow-x:auto}[class~="col-"],.column{-ms-flex:1;flex:1;max-width:100%;padding-left:.4rem;padding-right:.4rem}[class~="col-"].col-12,[class~="col-"].col-11,[class~="col-"].col-10,[class~="col-"].col-9,[class~="col-"].col-8,[class~="col-"].col-7,[class~="col-"].col-6,[class~="col-"].col-5,[class~="col-"].col-4,[class~="col-"].col-3,[class~="col-"].col-2,[class~="col-"].col-1,[class~="col-"].col-auto,.column.col-12,.column.col-11,.column.col-10,.column.col-9,.column.col-8,.column.col-7,.column.col-6,.column.col-5,.column.col-4,.column.col-3,.column.col-2,.column.col-1,.column.col-auto{-ms-flex:none;flex:none}.col-12{width:100%}.col-11{width:91.66666667%}.col-10{width:83.33333333%}.col-9{width:75%}.col-8{width:66.66666667%}.col-7{width:58.33333333%}.col-6{width:50%}.col-5{width:41.66666667%}.col-4{width:33.33333333%}.col-3{width:25%}.col-2{width:16.66666667%}.col-1{width:8.33333333%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;max-width:none;width:auto}.col-mx-auto{margin-left:auto;margin-right:auto}.col-ml-auto{margin-left:auto}.col-mr-auto{margin-right:auto}@media(max-width:1280px){.col-xl-12,.col-xl-11,.col-xl-10,.col-xl-9,.col-xl-8,.col-xl-7,.col-xl-6,.col-xl-5,.col-xl-4,.col-xl-3,.col-xl-2,.col-xl-1,.col-xl-auto{-ms-flex:none;flex:none}.col-xl-12{width:100%}.col-xl-11{width:91.66666667%}.col-xl-10{width:83.33333333%}.col-xl-9{width:75%}.col-xl-8{width:66.66666667%}.col-xl-7{width:58.33333333%}.col-xl-6{width:50%}.col-xl-5{width:41.66666667%}.col-xl-4{width:33.33333333%}.col-xl-3{width:25%}.col-xl-2{width:16.66666667%}.col-xl-1{width:8.33333333%}.col-xl-auto{width:auto}.hide-xl{display:none !important}.show-xl{display:block !important}}@media(max-width:960px){.col-lg-12,.col-lg-11,.col-lg-10,.col-lg-9,.col-lg-8,.col-lg-7,.col-lg-6,.col-lg-5,.col-lg-4,.col-lg-3,.col-lg-2,.col-lg-1,.col-lg-auto{-ms-flex:none;flex:none}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-auto{width:auto}.hide-lg{display:none !important}.show-lg{display:block !important}}@media(max-width:840px){.col-md-12,.col-md-11,.col-md-10,.col-md-9,.col-md-8,.col-md-7,.col-md-6,.col-md-5,.col-md-4,.col-md-3,.col-md-2,.col-md-1,.col-md-auto{-ms-flex:none;flex:none}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-auto{width:auto}.hide-md{display:none !important}.show-md{display:block !important}}@media(max-width:600px){.col-sm-12,.col-sm-11,.col-sm-10,.col-sm-9,.col-sm-8,.col-sm-7,.col-sm-6,.col-sm-5,.col-sm-4,.col-sm-3,.col-sm-2,.col-sm-1,.col-sm-auto{-ms-flex:none;flex:none}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-auto{width:auto}.hide-sm{display:none !important}.show-sm{display:block !important}}@media(max-width:480px){.col-xs-12,.col-xs-11,.col-xs-10,.col-xs-9,.col-xs-8,.col-xs-7,.col-xs-6,.col-xs-5,.col-xs-4,.col-xs-3,.col-xs-2,.col-xs-1,.col-xs-auto{-ms-flex:none;flex:none}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-auto{width:auto}.hide-xs{display:none !important}.show-xs{display:block !important}}.hero{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:4rem;padding-top:4rem}.hero.hero-sm{padding-bottom:2rem;padding-top:2rem}.hero.hero-lg{padding-bottom:8rem;padding-top:8rem}.hero .hero-body{padding:.4rem}.navbar{align-items:stretch;display:-ms-flexbox;display:flex;-ms-flex-align:stretch;-ms-flex-pack:justify;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:space-between}.navbar .navbar-section{align-items:center;display:-ms-flexbox;display:flex;-ms-flex:1 0 0;flex:1 0 0;-ms-flex-align:center}.navbar .navbar-section:not(:first-child):last-child{-ms-flex-pack:end;justify-content:flex-end}.navbar .navbar-center{align-items:center;display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-align:center}.navbar .navbar-brand{font-size:.9rem;text-decoration:none}.accordion input:checked ~ .accordion-header>.icon:first-child,.accordion[open] .accordion-header>.icon:first-child{transform:rotate(90deg)}.accordion input:checked ~ .accordion-body,.accordion[open] .accordion-body{max-height:50rem}.accordion .accordion-header{display:block;padding:.2rem .4rem}.accordion .accordion-header .icon{transition:transform .25s}.accordion .accordion-body{margin-bottom:.4rem;max-height:0;overflow:hidden;transition:max-height .25s}summary.accordion-header::-webkit-details-marker{display:none}.avatar{background:#5755d9;border-radius:50%;color:rgba(255,255,255,.85);display:inline-block;font-size:.8rem;font-weight:300;height:1.6rem;line-height:1.25;margin:0;position:relative;vertical-align:middle;width:1.6rem}.avatar.avatar-xs{font-size:.4rem;height:.8rem;width:.8rem}.avatar.avatar-sm{font-size:.6rem;height:1.2rem;width:1.2rem}.avatar.avatar-lg{font-size:1.2rem;height:2.4rem;width:2.4rem}.avatar.avatar-xl{font-size:1.6rem;height:3.2rem;width:3.2rem}.avatar img{border-radius:50%;height:100%;position:relative;width:100%;z-index:1}.avatar .avatar-icon,.avatar .avatar-presence{background:#fff;bottom:14.64%;height:50%;padding:.1rem;position:absolute;right:14.64%;transform:translate(50%,50%);width:50%;z-index:2}.avatar .avatar-presence{background:#bcc3ce;border-radius:50%;box-shadow:0 0 0 .1rem #fff;height:.5em;width:.5em}.avatar .avatar-presence.online{background:#32b643}.avatar .avatar-presence.busy{background:#e85600}.avatar .avatar-presence.away{background:#ffb700}.avatar[data-initial]::before{color:currentColor;content:attr(data-initial);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.badge{position:relative;white-space:nowrap}.badge[data-badge]::after,.badge:not([data-badge])::after{background:#5755d9;background-clip:padding-box;border-radius:.5rem;box-shadow:0 0 0 .1rem #fff;color:#fff;content:attr(data-badge);display:inline-block;transform:translate(-.05rem,-.5rem)}.badge[data-badge]::after{font-size:.7rem;height:.9rem;line-height:1;min-width:.9rem;padding:.1rem .2rem;text-align:center;white-space:nowrap}.badge:not([data-badge])::after,.badge[data-badge=""]::after{height:6px;min-width:6px;padding:0;width:6px}.badge.btn::after{position:absolute;right:0;top:0;transform:translate(50%,-50%)}.badge.avatar::after{position:absolute;right:14.64%;top:14.64%;transform:translate(50%,-50%);z-index:100}.breadcrumb{list-style:none;margin:.2rem 0;padding:.2rem 0}.breadcrumb .breadcrumb-item{color:#66758c;display:inline-block;margin:0;padding:.2rem 0}.breadcrumb .breadcrumb-item:not(:last-child){margin-right:.2rem}.breadcrumb .breadcrumb-item:not(:last-child) a{color:#66758c}.breadcrumb .breadcrumb-item:not(:first-child)::before{color:#66758c;content:"/";padding-right:.4rem}.bar{background:#eef0f3;border-radius:.1rem;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;height:.8rem;width:100%}.bar.bar-sm{height:.2rem}.bar .bar-item{background:#5755d9;color:#fff;display:block;-ms-flex-negative:0;flex-shrink:0;font-size:.7rem;height:100%;line-height:.8rem;position:relative;text-align:center;width:0}.bar .bar-item:first-child{border-bottom-left-radius:.1rem;border-top-left-radius:.1rem}.bar .bar-item:last-child{border-bottom-right-radius:.1rem;border-top-right-radius:.1rem;-ms-flex-negative:1;flex-shrink:1}.bar-slider{height:.1rem;margin:.4rem 0;position:relative}.bar-slider .bar-item{left:0;padding:0;position:absolute}.bar-slider .bar-item:not(:last-child):first-child{background:#eef0f3;z-index:1}.bar-slider .bar-slider-btn{background:#5755d9;border:0;border-radius:50%;height:.6rem;padding:0;position:absolute;right:0;top:50%;transform:translate(50%,-50%);width:.6rem}.bar-slider .bar-slider-btn:active{box-shadow:0 0 0 .1rem #5755d9}.card{background:#fff;border:.05rem solid #dadee4;border-radius:.1rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.card .card-header,.card .card-body,.card .card-footer{padding:.8rem;padding-bottom:0}.card .card-header:last-child,.card .card-body:last-child,.card .card-footer:last-child{padding-bottom:.8rem}.card .card-body{-ms-flex:1 1 auto;flex:1 1 auto}.card .card-image{padding-top:.8rem}.card .card-image:first-child{padding-top:0}.card .card-image:first-child img{border-top-left-radius:.1rem;border-top-right-radius:.1rem}.card .card-image:last-child img{border-bottom-left-radius:.1rem;border-bottom-right-radius:.1rem}.chip{align-items:center;background:#eef0f3;border-radius:5rem;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;font-size:90%;height:1.2rem;line-height:.8rem;margin:.1rem;max-width:320px;overflow:hidden;padding:.2rem .4rem;text-decoration:none;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.chip.active{background:#5755d9;color:#fff}.chip .avatar{margin-left:-.4rem;margin-right:.2rem}.chip .btn-clear{border-radius:50%;transform:scale(.75)}.dropdown{display:inline-block;position:relative}.dropdown .menu{animation:slide-down .15s ease 1;display:none;left:0;max-height:50vh;overflow-y:auto;position:absolute;top:100%}.dropdown.dropdown-right .menu{left:auto;right:0}.dropdown.active .menu,.dropdown .dropdown-toggle:focus+.menu,.dropdown .menu:hover{display:block}.dropdown .btn-group .dropdown-toggle:nth-last-child(2){border-bottom-right-radius:.1rem;border-top-right-radius:.1rem}.empty{background:#f7f8f9;border-radius:.1rem;color:#66758c;padding:3.2rem 1.6rem;text-align:center}.empty .empty-icon{margin-bottom:.8rem}.empty .empty-title,.empty .empty-subtitle{margin:.4rem auto}.empty .empty-action{margin-top:.8rem}.menu{background:#fff;border-radius:.1rem;box-shadow:0 .05rem .2rem rgba(48,55,66,.3);list-style:none;margin:0;min-width:180px;padding:.4rem;transform:translateY(.2rem);z-index:300}.menu.menu-nav{background:transparent;box-shadow:none}.menu .menu-item{margin-top:0;padding:0 .4rem;position:relative;text-decoration:none}.menu .menu-item>a{border-radius:.1rem;color:inherit;display:block;margin:0 -.4rem;padding:.2rem .4rem;text-decoration:none}.menu .menu-item>a:focus,.menu .menu-item>a:hover{background:#f1f1fc;color:#5755d9}.menu .menu-item>a:active,.menu .menu-item>a.active{background:#f1f1fc;color:#5755d9}.menu .menu-item .form-checkbox,.menu .menu-item .form-radio,.menu .menu-item .form-switch{margin:.1rem 0}.menu .menu-item+.menu-item{margin-top:.2rem}.menu .menu-badge{align-items:center;display:-ms-flexbox;display:flex;-ms-flex-align:center;height:100%;position:absolute;right:0;top:0}.menu .menu-badge .label{margin-right:.4rem}.modal{align-items:center;bottom:0;display:none;-ms-flex-align:center;-ms-flex-pack:center;justify-content:center;left:0;opacity:0;overflow:hidden;padding:.4rem;position:fixed;right:0;top:0}.modal:target,.modal.active{display:-ms-flexbox;display:flex;opacity:1;z-index:400}.modal:target .modal-overlay,.modal.active .modal-overlay{background:rgba(247,248,249,.75);bottom:0;cursor:default;display:block;left:0;position:absolute;right:0;top:0}.modal:target .modal-container,.modal.active .modal-container{animation:slide-down .2s ease 1;z-index:1}.modal.modal-sm .modal-container{max-width:320px;padding:0 .4rem}.modal.modal-lg .modal-overlay{background:#fff}.modal.modal-lg .modal-container{box-shadow:none;max-width:960px}.modal-container{background:#fff;border-radius:.1rem;box-shadow:0 .2rem .5rem rgba(48,55,66,.3);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;max-height:75vh;max-width:640px;padding:0 .8rem;width:100%}.modal-container.modal-fullheight{max-height:100vh}.modal-container .modal-header{color:#303742;padding:.8rem}.modal-container .modal-body{overflow-y:auto;padding:.8rem;position:relative}.modal-container .modal-footer{padding:.8rem;text-align:right}.nav{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;list-style:none;margin:.2rem 0}.nav .nav-item a{color:#66758c;padding:.2rem .4rem;text-decoration:none}.nav .nav-item a:focus,.nav .nav-item a:hover{color:#5755d9}.nav .nav-item.active>a{color:#505c6e;font-weight:bold}.nav .nav-item.active>a:focus,.nav .nav-item.active>a:hover{color:#5755d9}.nav .nav{margin-bottom:.4rem;margin-left:.8rem}.pagination{display:-ms-flexbox;display:flex;list-style:none;margin:.2rem 0;padding:.2rem 0}.pagination .page-item{margin:.2rem .05rem}.pagination .page-item span{display:inline-block;padding:.2rem .2rem}.pagination .page-item a{border-radius:.1rem;display:inline-block;padding:.2rem .4rem;text-decoration:none}.pagination .page-item a:focus,.pagination .page-item a:hover{color:#5755d9}.pagination .page-item.disabled a{cursor:default;opacity:.5;pointer-events:none}.pagination .page-item.active a{background:#5755d9;color:#fff}.pagination .page-item.page-prev,.pagination .page-item.page-next{-ms-flex:1 0 50%;flex:1 0 50%}.pagination .page-item.page-next{text-align:right}.pagination .page-item .page-item-title{margin:0}.pagination .page-item .page-item-subtitle{margin:0;opacity:.5}.panel{border:.05rem solid #dadee4;border-radius:.1rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.panel .panel-header,.panel .panel-footer{-ms-flex:0 0 auto;flex:0 0 auto;padding:.8rem}.panel .panel-nav{-ms-flex:0 0 auto;flex:0 0 auto}.panel .panel-body{-ms-flex:1 1 auto;flex:1 1 auto;overflow-y:auto;padding:0 .8rem}.popover{display:inline-block;position:relative}.popover .popover-container{left:50%;opacity:0;padding:.4rem;position:absolute;top:0;transform:translate(-50%,-50%) scale(0);transition:transform .2s;width:320px;z-index:300}.popover *:focus+.popover-container,.popover:hover .popover-container{display:block;opacity:1;transform:translate(-50%,-100%) scale(1)}.popover.popover-right .popover-container{left:100%;top:50%}.popover.popover-right *:focus+.popover-container,.popover.popover-right:hover .popover-container{transform:translate(0,-50%) scale(1)}.popover.popover-bottom .popover-container{left:50%;top:100%}.popover.popover-bottom *:focus+.popover-container,.popover.popover-bottom:hover .popover-container{transform:translate(-50%,0) scale(1)}.popover.popover-left .popover-container{left:0;top:50%}.popover.popover-left *:focus+.popover-container,.popover.popover-left:hover .popover-container{transform:translate(-100%,-50%) scale(1)}.popover .card{border:0;box-shadow:0 .2rem .5rem rgba(48,55,66,.3)}.step{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;list-style:none;margin:.2rem 0;width:100%}.step .step-item{-ms-flex:1 1 0;flex:1 1 0;margin-top:0;min-height:1rem;position:relative;text-align:center}.step .step-item:not(:first-child)::before{background:#5755d9;content:"";height:2px;left:-50%;position:absolute;top:9px;width:100%}.step .step-item a{color:#5755d9;display:inline-block;padding:20px 10px 0;text-decoration:none}.step .step-item a::before{background:#5755d9;border:.1rem solid #fff;border-radius:50%;content:"";display:block;height:.6rem;left:50%;position:absolute;top:.2rem;transform:translateX(-50%);width:.6rem;z-index:1}.step .step-item.active a::before{background:#fff;border:.1rem solid #5755d9}.step .step-item.active ~ .step-item::before{background:#dadee4}.step .step-item.active ~ .step-item a{color:#bcc3ce}.step .step-item.active ~ .step-item a::before{background:#dadee4}.tab{align-items:center;border-bottom:.05rem solid #dadee4;display:-ms-flexbox;display:flex;-ms-flex-align:center;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none;margin:.2rem 0 .15rem 0}.tab .tab-item{margin-top:0}.tab .tab-item a{border-bottom:.1rem solid transparent;color:inherit;display:block;margin:0 .4rem 0 0;padding:.4rem .2rem .3rem .2rem;text-decoration:none}.tab .tab-item a:focus,.tab .tab-item a:hover{color:#5755d9}.tab .tab-item.active a,.tab .tab-item a.active{border-bottom-color:#5755d9;color:#5755d9}.tab .tab-item.tab-action{-ms-flex:1 0 auto;flex:1 0 auto;text-align:right}.tab .tab-item .btn-clear{margin-top:-.2rem}.tab.tab-block .tab-item{-ms-flex:1 0 0;flex:1 0 0;text-align:center}.tab.tab-block .tab-item a{margin:0}.tab.tab-block .tab-item .badge[data-badge]::after{position:absolute;right:.1rem;top:.1rem;transform:translate(0,0)}.tab:not(.tab-block) .badge{padding-right:0}.tile{align-content:space-between;align-items:flex-start;display:-ms-flexbox;display:flex;-ms-flex-align:start;-ms-flex-line-pack:justify}.tile .tile-icon,.tile .tile-action{-ms-flex:0 0 auto;flex:0 0 auto}.tile .tile-content{-ms-flex:1 1 auto;flex:1 1 auto}.tile .tile-content:not(:first-child){padding-left:.4rem}.tile .tile-content:not(:last-child){padding-right:.4rem}.tile .tile-title,.tile .tile-subtitle{line-height:1.2rem}.tile.tile-centered{align-items:center;-ms-flex-align:center}.tile.tile-centered .tile-content{overflow:hidden}.tile.tile-centered .tile-title,.tile.tile-centered .tile-subtitle{margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toast{background:rgba(48,55,66,.95);border:.05rem solid #303742;border-color:#303742;border-radius:.1rem;color:#fff;display:block;padding:.4rem;width:100%}.toast.toast-primary{background:rgba(87,85,217,.95);border-color:#5755d9}.toast.toast-success{background:rgba(50,182,67,.95);border-color:#32b643}.toast.toast-warning{background:rgba(255,183,0,.95);border-color:#ffb700}.toast.toast-error{background:rgba(232,86,0,.95);border-color:#e85600}.toast a{color:#fff;text-decoration:underline}.toast a:focus,.toast a:hover,.toast a:active,.toast a.active{opacity:.75}.toast .btn-clear{margin:.1rem}.toast p:last-child{margin-bottom:0}.tooltip{position:relative}.tooltip::after{background:rgba(48,55,66,.95);border-radius:.1rem;bottom:100%;color:#fff;content:attr(data-tooltip);display:block;font-size:.7rem;left:50%;max-width:320px;opacity:0;overflow:hidden;padding:.2rem .4rem;pointer-events:none;position:absolute;text-overflow:ellipsis;transform:translate(-50%,.4rem);transition:opacity .2s,transform .2s;white-space:pre;z-index:300}.tooltip:focus::after,.tooltip:hover::after{opacity:1;transform:translate(-50%,-.2rem)}.tooltip[disabled],.tooltip.disabled{pointer-events:auto}.tooltip.tooltip-right::after{bottom:50%;left:100%;transform:translate(-.2rem,50%)}.tooltip.tooltip-right:focus::after,.tooltip.tooltip-right:hover::after{transform:translate(.2rem,50%)}.tooltip.tooltip-bottom::after{bottom:auto;top:100%;transform:translate(-50%,-.4rem)}.tooltip.tooltip-bottom:focus::after,.tooltip.tooltip-bottom:hover::after{transform:translate(-50%,.2rem)}.tooltip.tooltip-left::after{bottom:50%;left:auto;right:100%;transform:translate(.4rem,50%)}.tooltip.tooltip-left:focus::after,.tooltip.tooltip-left:hover::after{transform:translate(-.2rem,50%)}@keyframes loading{0{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes slide-down{0{opacity:0;transform:translateY(-1.6rem)}100%{opacity:1;transform:translateY(0)}}.text-primary{color:#5755d9 !important}a.text-primary:focus,a.text-primary:hover{color:#4240d4}a.text-primary:visited{color:#6c6ade}.text-secondary{color:#e5e5f9 !important}a.text-secondary:focus,a.text-secondary:hover{color:#d1d0f4}a.text-secondary:visited{color:#fafafe}.text-gray{color:#bcc3ce !important}a.text-gray:focus,a.text-gray:hover{color:#adb6c4}a.text-gray:visited{color:#cbd0d9}.text-light{color:#fff !important}a.text-light:focus,a.text-light:hover{color:#f2f2f2}a.text-light:visited{color:white}.text-dark{color:#3b4351 !important}a.text-dark:focus,a.text-dark:hover{color:#303742}a.text-dark:visited{color:#455060}.text-success{color:#32b643 !important}a.text-success:focus,a.text-success:hover{color:#2da23c}a.text-success:visited{color:#39c94b}.text-warning{color:#ffb700 !important}a.text-warning:focus,a.text-warning:hover{color:#e6a500}a.text-warning:visited{color:#ffbe1a}.text-error{color:#e85600 !important}a.text-error:focus,a.text-error:hover{color:#cf4d00}a.text-error:visited{color:#ff6003}.bg-primary{background:#5755d9 !important;color:#fff}.bg-secondary{background:#f1f1fc !important}.bg-dark{background:#303742 !important;color:#fff}.bg-gray{background:#f7f8f9 !important}.bg-success{background:#32b643 !important;color:#fff}.bg-warning{background:#ffb700 !important;color:#fff}.bg-error{background:#e85600 !important;color:#fff}.c-hand{cursor:pointer}.c-move{cursor:move}.c-zoom-in{cursor:zoom-in}.c-zoom-out{cursor:zoom-out}.c-not-allowed{cursor:not-allowed}.c-auto{cursor:auto}.d-block{display:block}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-flex{display:-ms-flexbox;display:flex}.d-inline-flex{display:-ms-inline-flexbox;display:inline-flex}.d-none,.d-hide{display:none !important}.d-visible{visibility:visible}.d-invisible{visibility:hidden}.text-hide{background:transparent;border:0;color:transparent;font-size:0;line-height:0;text-shadow:none}.text-assistive{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.divider,.divider-vert{display:block;position:relative}.divider[data-content]::after,.divider-vert[data-content]::after{background:#fff;color:#bcc3ce;content:attr(data-content);display:inline-block;font-size:.7rem;padding:0 .4rem;transform:translateY(-.65rem)}.divider{border-top:.05rem solid #f1f3f5;height:.05rem;margin:.4rem 0}.divider[data-content]{margin:.8rem 0}.divider-vert{display:block;padding:.8rem}.divider-vert::before{border-left:.05rem solid #dadee4;bottom:.4rem;content:"";display:block;left:50%;position:absolute;top:.4rem;transform:translateX(-50%)}.divider-vert[data-content]::after{left:50%;padding:.2rem 0;position:absolute;top:50%;transform:translate(-50%,-50%)}.loading{color:transparent !important;min-height:.8rem;pointer-events:none;position:relative}.loading::after{animation:loading 500ms infinite linear;background:transparent;border:.1rem solid #5755d9;border-radius:50%;border-right-color:transparent;border-top-color:transparent;content:"";display:block;height:.8rem;left:50%;margin-left:-.4rem;margin-top:-.4rem;opacity:1;padding:0;position:absolute;top:50%;width:.8rem;z-index:1}.loading.loading-lg{min-height:2rem}.loading.loading-lg::after{height:1.6rem;margin-left:-.8rem;margin-top:-.8rem;width:1.6rem}.clearfix::after{clear:both;content:"";display:table}.float-left{float:left !important}.float-right{float:right !important}.p-relative{position:relative !important}.p-absolute{position:absolute !important}.p-fixed{position:fixed !important}.p-sticky{position:-webkit-sticky !important;position:sticky !important}.p-centered{display:block;float:none;margin-left:auto;margin-right:auto}.flex-centered{align-items:center;display:-ms-flexbox;display:flex;-ms-flex-align:center;-ms-flex-pack:center;justify-content:center}.m-0{margin:0 !important}.mb-0{margin-bottom:0 !important}.ml-0{margin-left:0 !important}.mr-0{margin-right:0 !important}.mt-0{margin-top:0 !important}.mx-0{margin-left:0 !important;margin-right:0 !important}.my-0{margin-bottom:0 !important;margin-top:0 !important}.m-1{margin:.2rem !important}.mb-1{margin-bottom:.2rem !important}.ml-1{margin-left:.2rem !important}.mr-1{margin-right:.2rem !important}.mt-1{margin-top:.2rem !important}.mx-1{margin-left:.2rem !important;margin-right:.2rem !important}.my-1{margin-bottom:.2rem !important;margin-top:.2rem !important}.m-2{margin:.4rem !important}.mb-2{margin-bottom:.4rem !important}.ml-2{margin-left:.4rem !important}.mr-2{margin-right:.4rem !important}.mt-2{margin-top:.4rem !important}.mx-2{margin-left:.4rem !important;margin-right:.4rem !important}.my-2{margin-bottom:.4rem !important;margin-top:.4rem !important}.p-0{padding:0 !important}.pb-0{padding-bottom:0 !important}.pl-0{padding-left:0 !important}.pr-0{padding-right:0 !important}.pt-0{padding-top:0 !important}.px-0{padding-left:0 !important;padding-right:0 !important}.py-0{padding-bottom:0 !important;padding-top:0 !important}.p-1{padding:.2rem !important}.pb-1{padding-bottom:.2rem !important}.pl-1{padding-left:.2rem !important}.pr-1{padding-right:.2rem !important}.pt-1{padding-top:.2rem !important}.px-1{padding-left:.2rem !important;padding-right:.2rem !important}.py-1{padding-bottom:.2rem !important;padding-top:.2rem !important}.p-2{padding:.4rem !important}.pb-2{padding-bottom:.4rem !important}.pl-2{padding-left:.4rem !important}.pr-2{padding-right:.4rem !important}.pt-2{padding-top:.4rem !important}.px-2{padding-left:.4rem !important;padding-right:.4rem !important}.py-2{padding-bottom:.4rem !important;padding-top:.4rem !important}.s-rounded{border-radius:.1rem}.s-circle{border-radius:50%}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-normal{font-weight:normal}.text-bold{font-weight:bold}.text-italic{font-style:italic}.text-large{font-size:1.2em}.text-small{font-size:.9em}.text-tiny{font-size:.8em}.text-muted{opacity:.8}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-clip{overflow:hidden;text-overflow:clip;white-space:nowrap}.text-break{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;word-break:break-word;word-wrap:break-word} \ No newline at end of file diff --git a/min/w3c-ultramarine.min.css b/min/w3c-ultramarine.min.css index 4d3f93b..dad01ac 100644 --- a/min/w3c-ultramarine.min.css +++ b/min/w3c-ultramarine.min.css @@ -1 +1 @@ -body{font-size:1em;font-weight:normal;word-spacing:normal;letter-spacing:normal;text-transform:none;font-family:Verdana,Myriad Web,Syntax,sans-serif;font-size-adjust:.58}small{font-size:.92em}big{font-size:1.17em}pre{font-family:'Monotype.com',Courier New,monospace}ol li{list-style-type:decimal}ol ol li{list-style-type:lower-alpha}ol ol ol li{list-style-type:lower-roman}table,tbody,tr,td{font-size:1em;word-spacing:normal;letter-spacing:normal;text-transform:none;font-family:Verdana,Myriad Web,Syntax,sans-serif;font-size-adjust:.58}h1{font-family:Tahoma,Verdana,Myriad Web,Syntax,sans-serif;font-size-adjust:.53;font-size:2em;font-weight:500;font-style:normal;text-decoration:none;word-spacing:normal;letter-spacing:normal;text-transform:none}h2{font-family:Tahoma,Verdana,Myriad Web,Syntax,sans-serif;font-size-adjust:.53;font-size:1.75em;font-weight:500;font-style:normal;text-decoration:none;word-spacing:normal;letter-spacing:normal;text-transform:none}h3{font-family:Tahoma,Verdana,Myriad Web,Syntax,sans-serif;font-size-adjust:.53;font-size:1.58em;font-weight:600;font-style:normal;text-decoration:none;word-spacing:normal;letter-spacing:normal;text-transform:none}h4{font-family:Tahoma,Verdana,Myriad Web,Syntax,sans-serif;font-size-adjust:.53;font-size:1.33em;font-weight:600;font-style:normal;text-decoration:none;word-spacing:normal;letter-spacing:normal;text-transform:none}h5,dt{font-family:Tahoma,Verdana,Myriad Web,Syntax,sans-serif;font-size-adjust:.53;font-size:1.17em;font-weight:600;font-style:normal;text-decoration:none;word-spacing:normal;letter-spacing:normal;text-transform:none}h6{font-family:Tahoma,Verdana,Myriad Web,Syntax,sans-serif;font-size-adjust:.53;font-size:1em;font-weight:700;font-style:normal;text-decoration:none;word-spacing:normal;letter-spacing:normal;text-transform:none}tfoot,thead{font-size:1em;word-spacing:normal;letter-spacing:normal;text-transform:none;font-family:Verdana,Myriad Web,Syntax,sans-serif;font-size-adjust:.53}th{vertical-align:baseline;font-size:1em;font-weight:bold;word-spacing:normal;letter-spacing:normal;text-transform:none;font-family:Verdana,Myriad Web,Syntax,sans-serif;font-size-adjust:.53}hr{visibility:hidden}a,address,blockquote,body,cite,code,dd,del,dfn,div,dl,dt,em,form,h1,h2,h3,h4,h5,h6,iframe,img,kbd,li,object,ol,p,q,samp,small,span,strong,sub,sup,ul,var,applet,big,center,dir,font,hr,menu,pre,abbr,acronym,bdo,button,fieldset,ins,label{word-spacing:normal;letter-spacing:normal;text-transform:none;text-decoration:none;border-color:#369;border-style:none}body{color:#f5f5f5;background:#006}em{font-style:normal;font-weight:bold;color:#f5f5f5;background:#006}strong{font-style:italic;background:#006;font-weight:bold;color:#f5f5f5}em strong,strong em{text-transform:uppercase;font-style:normal;font-weight:bolder;background:#006;color:#f5f5f5}b{font-weight:bold}i{font-style:italic}.warning{text-transform:none;font-style:normal;font-weight:bolder;background:red;color:yellow}del{text-decoration:line-through;background:#600}ins{text-decoration:none;background:#060}var,cite,dfn,.note{font-style:italic}address{font-style:normal;letter-spacing:.1em}acronym{font-variant:small-caps;letter-spacing:.1em}h1,h2,h3,h4,h5,h6,dt,th,thead,tfoot{color:#FC0;background:#006}hr{color:#369}#colophon{display:none}col,colgroup,table,tbody,td,tr{color:#f5f5f5;text-decoration:none;border-color:#369;border-style:none;background:#006}a:link{text-decoration:none;font-weight:bold;color:#F63;background:#006}a:visited{text-decoration:none;font-weight:bold;color:#6CF;background:#006}a:active{text-decoration:none;font-weight:bold;color:#006;background:#69F}a:hover{text-decoration:none;color:#FC0;background:black}a.offsite{text-decoration:none;font-weight:normal;color:#F63;background:#006}a,address,blockquote,cite,code,dd,del,dfn,div,dl,dt,em,form,h1,h2,h3,h4,h5,h6,iframe,img,kbd,li,object,ol,p,q,samp,small,span,strong,sub,sup,ul,var,applet,b,big,center,dir,font,hr,i,menu,pre,s,strike,tt,u,abbr,acronym,bdo,button,fieldset,ins,label{margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;border-top:0;border-bottom:0;vertical-align:baseline}body{line-height:1.58em}div>p:first-child,body>p:first-child,td>p:first-child{margin-top:.75em;margin-bottom:.75em;padding-top:0;padding-bottom:0;border-top:0;border-bottom:0}h1+p,h2+p,h3+p,h4+p,h5+p,h6+p,div+p,p.initial{margin-top:.75em;margin-bottom:.75em;padding-top:0;padding-bottom:0;border-top:0;border-bottom:0}h1,h2,h3,h4,h5,h6{line-height:1.33em}h1{margin-top:1.33em;margin-bottom:.33em;padding-top:0;padding-bottom:0;border-top:0;border-bottom:0}h2{margin-top:1.75em;margin-bottom:.33em;padding-top:0;padding-bottom:0;border-top:0;border-bottom:0}h3{margin-top:1.58em;margin-bottom:.33em;padding-top:0;padding-bottom:0;border-top:0;border-bottom:0}h4{margin-top:1.33em;margin-bottom:.33em;padding-top:0;padding-bottom:0;border-top:0;border-bottom:0}h5{margin-top:1.17em;margin-bottom:.33em;padding-top:0;padding-bottom:0;border-top:0;border-bottom:0}h6{margin-top:1em;margin-bottom:.33em;padding-top:0;padding-bottom:0;border-top:0;border-bottom:0}p{margin-top:.75em;margin-bottom:.75em;padding-top:0;padding-bottom:0;border-top:0;border-bottom:0}blockquote,fieldset,form,ul,ol,dl,dir,menu{margin-top:.75em;margin-bottom:.75em;padding-top:0;padding-bottom:0;border-top:0;border-bottom:0}dt{margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;border-top:0;border-bottom:0}dd{margin-top:0;margin-bottom:.75em;padding-top:0;padding-bottom:0;border-top:0;border-bottom:0}ul ul,ol ol,li address,li dl,li ol,li p,li ul,li dir,li hr,li menu,li pre,li h1,li h2,li h3,li h4,li h5,li h6,dd address,dd dl,dd ol,dd p,dd ul,dd dir,dd hr,dd menu,dd pre,dd h1,dd h2,dd h3,dd h4,dd h5,dd h6{margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;border-top:0;border-bottom:0}li{margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;border-top:0;border-bottom:0}address{margin-top:1.58em;margin-bottom:1.58em;padding-top:0;padding-bottom:0;border-top:0;border-bottom:0}pre{margin-top:.75em;margin-bottom:.75em;padding-top:0;padding-bottom:0;border-top:0;border-bottom:0;line-height:1.25em}hr{margin-top:.75em;margin-bottom:.75em;padding-top:0;padding-bottom:0;border-top:0;border-bottom:0;height:1px}div,center{margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;border-top:0;border-bottom:0}.subhead{margin-top:.75em;margin-bottom:.75em;padding-top:0;padding-bottom:0;border-top:0;border-bottom:0}.stb{margin-top:2.17em;margin-bottom:.75em;padding-top:2.17em;padding-bottom:0;border-top:0;border-bottom:0;border-style:solid}.mtb{margin-top:3.08em;margin-bottom:.75em;padding-top:3.08em;padding-bottom:0;border-top:.1em;border-bottom:0;border-style:solid}.ltb{margin-top:4.34em;margin-bottom:.75em;padding-top:4.34em;padding-bottom:0;border-top:.25em;border-bottom:0;border-style:solid}col,colgroup,table,tbody,td,tfoot,th,thead,tr{margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;border-top:0;border-bottom:0}td,th{line-height:1.33em}a,address,blockquote,cite,code,dd,del,dfn,div,dl,dt,em,form,h1,h2,h3,h4,h5,h6,iframe,img,kbd,li,object,ol,p,q,samp,small,span,strong,sub,sup,ul,var,applet,b,big,center,dir,font,hr,i,menu,pre,s,strike,tt,u,abbr,acronym,bdo,button,fieldset,ins,label{margin-left:0;margin-right:0;padding-left:0;padding-right:0;border-left:0;border-right:0;text-align:left;float:none;clear:none;list-style-position:outside}address,blockquote,dl,fieldset,form,ol,p,ul,dir,hr,menu,pre{margin-left:0;margin-right:0;padding-left:0;padding-right:0;border-left:0;border-right:0}div>p:first-child,body>p:first-child,td>p:first-child{margin-left:0;margin-right:0;padding-left:0;padding-right:0;border-left:0;border-right:0;text-align:left;text-indent:0}h1+p,h2+p,h3+p,h4+p,h5+p,h6+p,div+p,p.initial{margin-left:0;margin-right:0;padding-left:0;padding-right:0;border-left:0;border-right:0;text-align:left;text-indent:0}h1{margin-left:0;margin-right:0;padding-left:0;padding-right:0;border-left:0;border-right:0;text-align:left}h2{margin-left:0;margin-right:0;padding-left:0;padding-right:0;border-left:0;border-right:0;text-align:left}h3{margin-left:0;margin-right:0;padding-left:0;padding-right:0;border-left:0;border-right:0;text-align:left}h4{margin-left:0;margin-right:0;padding-left:0;padding-right:0;border-left:0;border-right:0;text-align:left}h5{margin-left:0;margin-right:0;padding-left:0;padding-right:0;border-left:0;border-right:0;text-align:left}h6{margin-left:0;margin-right:0;padding-left:0;padding-right:0;border-left:0;border-right:0;text-align:left}p{margin-left:0;margin-right:0;padding-left:0;padding-right:0;border-left:0;border-right:0;text-indent:0}blockquote{margin-left:1.58em;margin-right:0;padding-left:0;padding-right:0;border-left:0;border-right:0}address{margin-left:0;margin-right:0;padding-left:0;padding-right:0;border-left:0;border-right:0}pre{margin-left:0;margin-right:0;padding-left:0;padding-right:0;border-left:0;border-right:0}li{margin-left:3.16em;margin-right:0;padding-left:0;padding-right:0;border-left:0;border-right:0}dt{margin-left:0;margin-right:0;padding-left:0;padding-right:0;border-left:0;border-right:0}dd{margin-left:1.58em;margin-right:0;padding-left:0;padding-right:0;border-left:0;border-right:0}ul ul,ol ol,li address,li dl,li ol,li p,li ul,li dir,li hr,li menu,li pre,li h1,li h2,li h3,li h4,li h5,li h6,dd address,dd dl,dd ol,dd p,dd ul,dd dir,dd hr,dd menu,dd pre,dd h1,dd h2,dd h3,dd h4,dd h5,dd h6{margin-left:0;margin-right:0;padding-left:0;padding-right:0;border-left:0;border-right:0}hr{margin-left:0;margin-right:0;padding-left:0;padding-right:0;border-left:0;border-right:0;text-align:left;width:100%}center{margin-left:0;margin-right:0;padding-left:0;padding-right:0;border-left:0;border-right:0;text-align:left}col,colgroup,table,tbody,td,tfoot,th,thead,tr{margin-left:0;margin-right:0;padding-left:0;padding-right:0;border-left:0;border-right:0;float:none;clear:none}table{text-align:left}td{text-align:left}th{text-align:left}caption{text-align:left}body{margin-top:1.58em;margin-left:8%;margin-right:5%;margin-bottom:1.58em;padding-top:0;padding-left:0;padding-right:0;padding-bottom:0;border-top:0;border-left:0;border-bottom:0;border-right:0;width:auto} \ No newline at end of file +h1,h2,h3,h4,h5,h6,th,dt{font-family:Tahoma,Verdana,'Myriad Web',Syntax,sans-serif}p,div,ul,dl,dt,dd,pre,ol,li,blockquote,address{color:#f5f5f5}a,address,blockquote,body,cite,code,dd,del,dfn,div,dl,dt,em,form,h1,h2,h3,h4,h5,h6,iframe,img,kbd,li,object,ol,p,q,samp,small,span,strong,sub,sup,ul,var,applet,big,center,dir,font,hr,menu,pre,abbr,acronym,bdo,button,fieldset,ins,label{word-spacing:normal;letter-spacing:normal;text-transform:none;text-decoration:none;border-color:#369;border-style:none}body{color:#f5f5f5;background:#006}em{font-style:normal;font-weight:bold;color:#f5f5f5;background:#006}strong{font-style:italic;background:#006;font-weight:bold;color:#f5f5f5}em strong,strong em{text-transform:uppercase;font-style:normal;font-weight:bolder;background:#006;color:#f5f5f5}b{font-weight:bold}i{font-style:italic}.warning{text-transform:none;font-style:normal;font-weight:bolder;background:red;color:yellow}del{text-decoration:line-through;background:#600}ins{text-decoration:none;background:#060}var,cite,dfn,.note{font-style:italic}address{font-style:normal;letter-spacing:.1em}acronym{font-variant:small-caps;letter-spacing:.1em}h1,h2,h3,h4,h5,h6,dt,th,thead,tfoot{color:#FC0;background:#006}hr{color:#369}#colophon{display:none}col,colgroup,table,tbody,td,tr{color:#f5f5f5;text-decoration:none;border-color:#369;border-style:none;background:#006}a:link{text-decoration:none;font-weight:bold;color:#F63;background:#006}a:visited{text-decoration:none;font-weight:bold;color:#6CF;background:#006}a:active{text-decoration:none;font-weight:bold;color:#006;background:#69F}a:hover{text-decoration:none;color:#FC0;background:black}a.offsite{text-decoration:none;font-weight:normal;color:#F63;background:#006}body{margin-top:1.58em;margin-left:8%;margin-right:5%;margin-bottom:1.58em;padding-top:0;padding-left:0;padding-right:0;padding-bottom:0;border-top:0;border-left:0;border-bottom:0;border-right:0;width:auto} \ No newline at end of file diff --git a/scripts/frameworks.yml b/scripts/frameworks.yml index bcc20df..b49c4ed 100644 --- a/scripts/frameworks.yml +++ b/scripts/frameworks.yml @@ -216,7 +216,7 @@ frameworks: license: MIT license_url: https://github.com/jonathanharrell/hiq/blob/master/license.md repo: https://github.com/jonathanharrell/hiq - url: https://github.com/jonathanharrell/hiq/blob/gh-pages/assets/css/0.styles.5cbc7fcb.css + url: https://github.com/jonathanharrell/hiq/blob/gh-pages/assets/css/0.styles.3e8978f5.css min_only: true holiday: author: EvgenyOrekhov @@ -539,7 +539,7 @@ frameworks: license: MIT license_url: https://github.com/claviska/shoelace-css/blob/master/LICENSE.md repo: https://github.com/claviska/shoelace-css - url: https://github.com/claviska/shoelace-css/blob/master/dist/shoelace.css + url: https://github.com/dohliam/dropin-minimal-css/blob/gh-pages/src/shoelace.css min_only: true siimple: author: jmjuanes diff --git a/src/bullframe.css b/src/bullframe.css index 5e97a27..20e1029 100644 --- a/src/bullframe.css +++ b/src/bullframe.css @@ -1,8 +1,9 @@ -/*! bullframe.css v3.2.0 | MIT License | https://github.com/marcop135/bullframe.css */ +/*! bullframe.css v3.3.0 | MIT License | https://github.com/marcop135/bullframe.css */ *, -*:before, -*:after { - box-sizing: border-box; } +*::before, +*::after { + box-sizing: border-box; +} article, aside, @@ -17,16 +18,20 @@ menu, nav, section, details { - display: block; } + display: block; +} template { - display: none; } + display: none; +} [hidden] { - display: none !important; } + display: none !important; +} @-ms-viewport { - width: device-width; } + width: device-width; +} html { -webkit-text-size-adjust: 100%; @@ -36,12 +41,13 @@ html { color: #222; font-family: sans-serif; line-height: 1.15; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} body { margin: 0; - font-size: 17px; - font-size: 1.7rem; + font-size: 16px; + font-size: 1.6rem; line-height: 1.5; font-weight: 400; text-align: left; @@ -50,7 +56,8 @@ body { word-wrap: break-word; background-color: #fff; -webkit-backface-visibility: hidden; - backface-visibility: hidden; } + backface-visibility: hidden; +} h1, h2, @@ -59,7 +66,8 @@ h4, h5, h6 { font-weight: 700; - font-weight: 600; } + font-weight: 600; +} h1, h2, @@ -67,7 +75,8 @@ h3, h4, h5, h6 { - margin-top: 0; } + margin-top: 0; +} h1, h2, @@ -78,54 +87,67 @@ h6 { font-family: inherit; color: inherit; line-height: 1.25; - margin-bottom: 12px; - margin-bottom: 1.2rem; } + margin-bottom: 10px; + margin-bottom: 1rem; +} h1 { font-size: 36px; - font-size: 3.6rem; } + font-size: 3.6rem; +} h2 { font-size: 30px; - font-size: 3rem; } + font-size: 3rem; +} h3 { font-size: 24px; - font-size: 2.4rem; } + font-size: 2.4rem; +} h4 { font-size: 20px; - font-size: 2rem; } + font-size: 2rem; +} h5, h6 { - font-size: 17px; - font-size: 1.7rem; } + font-size: 16px; + font-size: 1.6rem; +} blockquote { - margin: 0 0 24px 0; - margin-bottom: 2.4rem; + margin: 0 0 20px 0; + margin-bottom: 2rem; padding-left: 0; - font-style: italic; } + font-style: italic; +} blockquote p { - margin-bottom: 0; } + margin-bottom: 0; +} blockquote small { color: #999; - display: block; } + display: block; +} blockquote small:before { - content: "\2014 \00A0"; } + content: "\2014 \00A0"; +} q { - quotes: "“" "”" "‘" "’"; } + quotes: "“" "”" "‘" "’"; +} pre { - margin: 0 0 24px 0; - margin: 0 0 2.4rem 0; } + margin: 0 0 20px 0; + margin: 0 0 2rem 0; +} pre { + display: block; overflow: auto; word-break: break-all; word-wrap: break-word; @@ -134,25 +156,35 @@ pre { -ms-hyphens: none; hyphens: none; -ms-overflow-style: auto; - display: block; } + display: block; +} pre, code, kbd, samp { font-family: "Menlo", "Consolas", "Roboto Mono", "Ubuntu Monospace", "Noto Mono", "Oxygen Mono", "Liberation Mono", monospace, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - font-size: 0.875em; } + font-size: 0.875em; +} code { - word-wrap: break-word; } + word-wrap: break-word; +} + +a > code { + color: inherit; +} pre code { font-size: inherit; - word-break: normal; } + color: inherit; + word-break: normal; +} p { - margin: 0 0 24px 0; - margin: 0 0 2.4rem 0; } + margin: 0 0 20px 0; + margin: 0 0 2rem 0; +} abbr[title], abbr[data-original-title] { @@ -165,45 +197,55 @@ abbr[data-original-title] { -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; -webkit-text-decoration-skip: none; - text-decoration-skip: none; } + text-decoration-skip: none; +} mark { background-color: #ff0; - color: #000; } + color: #000; +} ins { background-color: #ff9; color: #000; - text-decoration: none; } + text-decoration: none; +} b, strong { - font-weight: inherit; } + font-weight: inherit; +} b, strong { - font-weight: bolder; } + font-weight: bolder; +} dfn { - font-style: italic; } + font-style: italic; +} sub, sup { font-size: 75%; line-height: 0; position: relative; - vertical-align: baseline; } + vertical-align: baseline; +} sup { top: -8px; - top: -0.8rem; } + top: -0.8rem; +} sub { bottom: -4px; - bottom: -0.4rem; } + bottom: -0.4rem; +} small { - font-size: 80%; } + font-size: 80%; +} hr { box-sizing: content-box; @@ -212,20 +254,23 @@ hr { border-style: solid; border-width: 1px 0 0; color: inherit; - margin: 24px 0; - margin: 2.4rem 0; + margin: 20px 0; + margin: 2rem 0; padding: 0; - overflow: visible; } + overflow: visible; +} address { font-style: normal; - margin-bottom: 12px; - margin-bottom: 1.2rem; - line-height: inherit; } + margin-bottom: 10px; + margin-bottom: 1rem; + line-height: inherit; +} summary { display: list-item; - cursor: pointer; } + cursor: pointer; +} a { color: #007bff; @@ -234,35 +279,45 @@ a { -webkit-text-decoration-skip: objects; text-decoration-skip: objects; -webkit-text-decoration-skip-ink: objects; - text-decoration-skip-ink: objects; } - a:hover, a:focus { - text-decoration: underline; - color: #0056b3; } + text-decoration-skip-ink: objects; +} + +a:hover, a:focus { + text-decoration: underline; + color: #0056b3; +} a:not([href]):not([tabindex]) { color: inherit; - text-decoration: none; } + text-decoration: none; +} a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { color: inherit; - text-decoration: none; } + text-decoration: none; +} a:not([href]):not([tabindex]):focus { - outline: 0; } + outline: 0; +} :focus:not(:focus-visible) { - outline: none; } + outline: none; +} [tabindex="-1"]:focus:not(:focus-visible) { - outline: 0 !important; } + outline: 0 !important; +} a:focus, input:focus { - outline: 2px solid orange; } + outline: 2px solid orange; +} :focus-visible { - outline: 2px solid orange; } + outline: 2px solid orange; +} button:focus, [type="button"]:focus, @@ -286,15 +341,17 @@ button:focus, input[list]:focus, select:focus, textarea:focus { - outline: 0; } + outline: 0; +} menu, ol, ul, dl { - margin: 0 0 24px 0; - margin: 0 0 2.4rem 0; - padding: 0; } + margin: 0 0 20px 0; + margin: 0 0 2rem 0; + padding: 0; +} menu ul, menu ol, @@ -303,34 +360,41 @@ ul ol, ol ol, ol ul, dd { - margin-bottom: 0; } + margin-bottom: 0; +} ul, ol { - margin-left: 24px; - margin-left: 2.4rem; } + margin-left: 20px; + margin-left: 2rem; +} nav ol, nav ul { list-style: none; list-style-image: none; - margin-left: 0; } + margin-left: 0; +} dt { - font-weight: 700; } + font-weight: 700; +} dd { - margin-left: 0; } + margin-left: 0; +} nav li:before { content: "\200B"; - position: absolute; } + position: absolute; +} audio, canvas, progress, video { - display: inline-block; } + display: inline-block; +} img, canvas, @@ -339,52 +403,64 @@ video, iframe, object, embed { - max-width: 100%; } + max-width: 100%; +} audio, video, canvas, img, svg { - vertical-align: middle; } + vertical-align: middle; +} img { height: auto; - border-style: none; } + border-style: none; +} figure { - margin: 0; } + margin: 0; +} figure, figcaption { - display: block; } + display: block; +} figcaption { line-height: 1.375; - font-size: 90%; } + font-size: 90%; +} video { - height: auto; } + height: auto; +} audio { - width: 100%; } + width: 100%; +} audio:not([controls]) { display: none; - height: 0; } + height: 0; +} svg:not(:root) { - overflow: hidden; } + overflow: hidden; +} svg:not([fill]) { - fill: currentColor; } + fill: currentColor; +} progress, meter { display: inline-block; vertical-align: baseline; width: 100%; - max-width: 100%; } + max-width: 100%; +} progress[value] { -webkit-appearance: none; @@ -394,16 +470,20 @@ progress[value] { height: 20px; height: 2rem; background: #ccc; - color: #007bff; } + color: #007bff; +} progress[value]::-webkit-progress-bar { - background: #ccc; } + background: #ccc; +} progress[value]::-webkit-progress-value { - background: #007bff; } + background: #007bff; +} iframe { - border-style: none; } + border-style: none; +} html input, button, @@ -413,7 +493,8 @@ textarea { color: inherit; font-family: inherit; font-size: inherit; - line-height: inherit; } + line-height: inherit; +} html input, button, @@ -422,13 +503,15 @@ button, select, optgroup, textarea { - margin: 0; } + margin: 0; +} html input, select, textarea, legend { - width: 100%; } + width: 100%; +} html label, button, @@ -438,7 +521,8 @@ button, html [type="button"], [type="radio"], [type="checkbox"] { - width: auto; } + width: auto; +} html input, label, @@ -449,31 +533,37 @@ html [type="button"], [type="reset"], [type="submit"], output { - display: inline-block; } + display: inline-block; +} [type="file"] { display: block; - background-color: transparent; } + background-color: transparent; +} button, html input, select, textarea { - background-image: none; } + background-image: none; +} input, select, textarea { - vertical-align: baseline; } + vertical-align: baseline; +} form { - margin: 0; } + margin: 0; +} fieldset { border: 0; padding: 0; margin: 0; - min-width: 0; } + min-width: 0; +} legend { display: table; @@ -482,48 +572,57 @@ legend { border: 0; padding: 0; font-weight: 400; - margin-bottom: 6px; - margin-bottom: 0.6rem; + margin-bottom: 5px; + margin-bottom: 0.5rem; font-size: inherit; line-height: 1.375; - color: inherit; } + color: inherit; +} label { - font-weight: 700; + font-weight: 400; font-size: 90%; line-height: 1.375; - margin-bottom: 6px; - margin-bottom: 0.6rem; } + margin-bottom: 5px; + margin-bottom: 0.5rem; +} label input, label select, label textarea { - font-size: 110%; } + font-size: 110%; +} [type="number"]::-webkit-outer-spin-button, [type="number"]::-webkit-inner-spin-button { - height: auto; } + height: auto; +} [type="search"] { - outline-offset: -3px; - outline-offset: -0.3rem; } + outline-offset: -2.5px; + outline-offset: -0.25rem; +} output { - vertical-align: middle; } + vertical-align: middle; +} button, select { - text-transform: none; } + text-transform: none; +} select { - word-wrap: normal; } + word-wrap: normal; +} optgroup { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: 700; - font-weight: 600; } + font-weight: 600; +} button, html [type="button"], @@ -545,11 +644,13 @@ html [type="button"], [type="search"]::-webkit-search-cancel-button, input[list], textarea { - -webkit-appearance: none; } + -webkit-appearance: none; +} ::-webkit-file-upload-button { -webkit-appearance: button; - font: inherit; } + font: inherit; +} [type="date"], [type="time"], @@ -557,36 +658,44 @@ textarea { [type="month"] { -webkit-appearance: listbox; -moz-appearance: listbox; - appearance: listbox; } + appearance: listbox; +} button, input, select, textarea { - border-radius: 3px; - border-radius: 0.3rem; } + border-radius: 2.5px; + border-radius: 0.25rem; +} [type="radio"] { - border-radius: 50%; } + border-radius: 50%; +} [type="checkbox"] { - border-radius: 6px; - border-radius: 0.6rem; } + border-radius: 5px; + border-radius: 0.5rem; +} [type="radio"], [type="checkbox"] { padding: 0; - background-color: #fff; } + background-color: #fff; +} [type="range"] { - background-color: transparent; } + background-color: transparent; +} select[size], select[multiple] { - height: auto; } + height: auto; +} select[multiple] { - background-image: none; } + background-image: none; +} textarea { height: auto; @@ -594,11 +703,13 @@ textarea { min-height: 6rem; overflow: auto; vertical-align: top; - resize: vertical; } + resize: vertical; +} ::-moz-focus-inner { padding: 0; - border-style: none; } + border-style: none; +} button, [type="button"], @@ -616,19 +727,22 @@ button, -ms-user-select: none; user-select: none; border: 0; - background-image: none; } - button:hover, button:active, button:focus, - [type="button"]:hover, - [type="button"]:active, - [type="button"]:focus, - [type="reset"]:hover, - [type="reset"]:active, - [type="reset"]:focus, - [type="submit"]:hover, - [type="submit"]:active, - [type="submit"]:focus { - text-decoration: none; - color: #222; } + background-image: none; +} + +button:hover, button:active, button:focus, +[type="button"]:hover, +[type="button"]:active, +[type="button"]:focus, +[type="reset"]:hover, +[type="reset"]:active, +[type="reset"]:focus, +[type="submit"]:hover, +[type="submit"]:active, +[type="submit"]:focus { + text-decoration: none; + color: #222; +} button, select, @@ -638,23 +752,29 @@ input[type="button"], [type="range"], [type="radio"], [role="button"] { - cursor: pointer; } + cursor: pointer; +} input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { - color: #666; } + color: #666; +} input::-moz-placeholder, textarea::-moz-placeholder { - color: #666; } + color: #666; +} input:-ms-input-placeholder, textarea:-ms-input-placeholder { - color: #666; } + color: #666; +} input::placeholder, textarea::placeholder { - color: #666; } + color: #666; +} :-moz-ui-invalid { - box-shadow: none; } + box-shadow: none; +} [type="email"], [type="number"], @@ -675,8 +795,9 @@ select, textarea { background-color: #fff; border: 1px solid #999; - padding: 6px 9px; - padding: 0.6rem 0.9rem; } + padding: 5px 7.5px; + padding: 0.5rem 0.75rem; +} @media \0screen { [type="email"], @@ -696,8 +817,10 @@ textarea { input[list] { padding-top: 0; padding-bottom: 0; - height: 38px; - line-height: 38px; } } + height: 32px; + line-height: 32px; + } +} @media screen and (min-width: 0\0) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0) and (min-resolution: 72dpi) { [type="email"], @@ -715,7 +838,9 @@ textarea { [type="url"], [type="range"], input[list] { - line-height: 1.2; } } + line-height: 1.2; + } +} [type="email"]:active, [type="email"]:focus, [type="number"]:active, @@ -754,38 +879,44 @@ textarea:focus, [type="checkbox"]:focus { transition: border 0.2s, background-color 0.2s, box-shadow 0.2s; border-color: #007bff; - box-shadow: 0 0 0 3px rgba(0, 86, 179, 0.25); } + box-shadow: 0 0 0 3px rgba(0, 86, 179, 0.25); +} button, [type="button"], [type="reset"], [type="submit"] { color: #222; - padding: 8px 16px; - padding: 0.8rem 1.6rem; + padding: 6.66667px 13.33333px; + padding: 0.66667rem 1.33333rem; background: #ccc; - transition: color 0.2s, background 0.2s, box-shadow 0.2s; } - button:hover, button:active, button:focus, - [type="button"]:hover, - [type="button"]:active, - [type="button"]:focus, - [type="reset"]:hover, - [type="reset"]:active, - [type="reset"]:focus, - [type="submit"]:hover, - [type="submit"]:active, - [type="submit"]:focus { - text-decoration: none; - color: #222; - background: #b3b3b3; } - button:active, button:focus, - [type="button"]:active, - [type="button"]:focus, - [type="reset"]:active, - [type="reset"]:focus, - [type="submit"]:active, - [type="submit"]:focus { - box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.15); } + transition: color 0.2s, background 0.2s, box-shadow 0.2s; +} + +button:hover, button:active, button:focus, +[type="button"]:hover, +[type="button"]:active, +[type="button"]:focus, +[type="reset"]:hover, +[type="reset"]:active, +[type="reset"]:focus, +[type="submit"]:hover, +[type="submit"]:active, +[type="submit"]:focus { + text-decoration: none; + color: #222; + background: #b3b3b3; +} + +button:active, button:focus, +[type="button"]:active, +[type="button"]:focus, +[type="reset"]:active, +[type="reset"]:focus, +[type="submit"]:active, +[type="submit"]:focus { + box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.15); +} fieldset[disabled] button, fieldset[disabled] input, @@ -827,40 +958,49 @@ label[aria-disabled="true"] { -ms-user-select: none !important; user-select: none !important; box-shadow: none !important; - opacity: 0.5 !important; } + opacity: 0.5 !important; +} select:not([size]):not([multiple]) { -webkit-appearance: none; -moz-appearance: none; - appearance: none; } + appearance: none; +} select::-ms-expand { - display: none; } + display: none; +} select:not([size]):not([multiple]) { background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.85rem center/8px 10px; - padding-right: 24px; - padding-right: 2.4rem; } + padding-right: 20px; + padding-right: 2rem; +} *[dir="rtl"] select:not([size]):not([multiple]), select[dir="rtl"]:not([size]):not([multiple]) { background-position: left 0.85rem top 50%; - padding-right: 9px; - padding-right: 0.9rem; - padding-left: 24px; - padding-left: 2.4rem; } + padding-right: 7.5px; + padding-right: 0.75rem; + padding-left: 20px; + padding-left: 2rem; +} @media screen and (min-width: 0\0) and (min-resolution: 0.001dpcm) { select:not([size]):not([multiple]) { - padding-right: 9px; } + padding-right: 7.5px; + } *[dir="rtl"] select:not([size]):not([multiple]), select[dir="rtl"]:not([size]):not([multiple]) { - padding-left: 9px; } + padding-left: 7.5px; + } select:not([size]):not([multiple]), *[dir="rtl"] select:not([size]):not([multiple]), select[dir="rtl"]:not([size]):not([multiple]) { background-image: none; - background-repeat: repeat; } } + background-repeat: repeat; + } +} @supports ((-webkit-appearance: none) or (-moz-appearance: none) or (appearance: none)) { [type="checkbox"], @@ -868,42 +1008,48 @@ select[dir="rtl"]:not([size]):not([multiple]) { -webkit-appearance: none; -moz-appearance: none; appearance: none; - height: 2rem; - width: 2rem; + height: 1.8rem; + width: 1.8rem; vertical-align: top; position: relative; - border: 1px solid #999; } - [type="checkbox"] + label, - [type="radio"] + label { - line-height: 2rem; - vertical-align: top; - margin-left: 6px; - margin-left: 0.6rem; } - *[dir="rtl"] [type="checkbox"] + label, - [type="checkbox"][dir="rtl"] + label, *[dir="rtl"] - [type="radio"] + label, - [type="radio"][dir="rtl"] + label { - margin-left: 0; - margin-right: 6px; - margin-right: 0.6rem; } - [type="checkbox"]:after, - [type="radio"]:after { - content: ""; - display: block; - position: absolute; } - [type="checkbox"]:checked, - [type="radio"]:checked { - background-color: #007bff; - border-color: #000; } + border: 1px solid #999; + } + [type="checkbox"] + label, + [type="radio"] + label { + line-height: 1.8rem; + vertical-align: top; + margin-left: 5px; + margin-left: 0.5rem; + } + *[dir="rtl"] [type="checkbox"] + label, + [type="checkbox"][dir="rtl"] + label, *[dir="rtl"] + [type="radio"] + label, + [type="radio"][dir="rtl"] + label { + margin-left: 0; + margin-right: 5px; + margin-right: 0.5rem; + } + [type="checkbox"]:after, + [type="radio"]:after { + content: ""; + display: block; + position: absolute; + } + [type="checkbox"]:checked, + [type="radio"]:checked { + background-color: #007bff; + border-color: #000; + } [type="radio"]:after { - width: 2rem; - height: 2rem; + width: 1.8rem; + height: 1.8rem; left: -0.05rem; top: -0.05rem; border-radius: 50%; background: #fff; -webkit-transform: scale(0.35); - transform: scale(0.35); } + transform: scale(0.35); + } [type="checkbox"]:after { width: 0.6rem; height: 0.8rem; @@ -913,35 +1059,43 @@ select[dir="rtl"]:not([size]):not([multiple]) { left: 35%; top: 20%; -webkit-transform: rotate(43deg); - transform: rotate(43deg); } } + transform: rotate(43deg); + } +} table { max-width: 100%; - border-collapse: collapse; } + border-collapse: collapse; +} thead th { - vertical-align: bottom; } + vertical-align: bottom; +} th, td { - vertical-align: top; } + vertical-align: top; +} th { - text-align: inherit; } + text-align: inherit; +} caption { - padding-top: 6px; - padding-top: 0.6rem; - padding-bottom: 6px; - padding-bottom: 0.6rem; + padding-top: 5px; + padding-top: 0.5rem; + padding-bottom: 5px; + padding-bottom: 0.5rem; color: #999; text-align: left; caption-side: bottom; line-height: 1.375; - font-size: 90%; } + font-size: 90%; +} th { - font-weight: 700; } + font-weight: 700; +} .bf-container, .bf-container--fluid { @@ -952,31 +1106,42 @@ th { padding-left: 15px; padding-left: 1.5rem; padding-right: 15px; - padding-right: 1.5rem; } - .bf-container:before, .bf-container:after, - .bf-container--fluid:before, - .bf-container--fluid:after { - display: table; - content: " "; } - .bf-container:after, - .bf-container--fluid:after { - clear: both; } + padding-right: 1.5rem; +} + +.bf-container:before, .bf-container:after, +.bf-container--fluid:before, +.bf-container--fluid:after { + display: table; + content: " "; +} + +.bf-container:after, +.bf-container--fluid:after { + clear: both; +} .bf-container { - max-width: 1152px; - max-width: 115.2rem; } + max-width: 1140px; + max-width: 114rem; +} .bf-row { display: block; margin-left: -15px; margin-left: -1.5rem; margin-right: -15px; - margin-right: -1.5rem; } - .bf-row:before, .bf-row:after { - content: " "; - display: table; } - .bf-row:after { - clear: both; } + margin-right: -1.5rem; +} + +.bf-row:before, .bf-row:after { + content: " "; + display: table; +} + +.bf-row:after { + clear: both; +} [class^="bf-col-"] { float: left; @@ -985,103 +1150,132 @@ th { padding-left: 15px; padding-left: 1.5rem; padding-right: 15px; - padding-right: 1.5rem; } + padding-right: 1.5rem; +} .bf-no-gutters { margin-right: 0; - margin-left: 0; } + margin-left: 0; +} .bf-no-gutters > [class^="bf-col"] { padding-right: 0; - padding-left: 0; } + padding-left: 0; +} .bf-col-12 { - width: 100%; } + width: 100%; +} .bf-col-11 { - width: 91.66666666666666%; } + width: 91.66666666666666%; +} .bf-col-10 { - width: 83.33333333333334%; } + width: 83.33333333333334%; +} .bf-col-9 { - width: 75%; } + width: 75%; +} .bf-col-8 { - width: 66.66666666666666%; } + width: 66.66666666666666%; +} .bf-col-7 { - width: 58.333333333333336%; } + width: 58.333333333333336%; +} .bf-col-6 { - width: 50%; } + width: 50%; +} .bf-col-5 { - width: 41.66666666666667%; } + width: 41.66666666666667%; +} .bf-col-4 { - width: 33.33333333333333%; } + width: 33.33333333333333%; +} .bf-col-3 { - width: 25%; } + width: 25%; +} .bf-col-2 { - width: 16.666666666666664%; } + width: 16.666666666666664%; +} .bf-col-1 { - width: 8.3333%; } + width: 8.3333%; +} @media (max-width: 575px) { .bf-container--break-xs .bf-row { margin-left: 0; - margin-right: 0; } + margin-right: 0; + } .bf-container--break-xs [class^="bf-col"] { width: 100%; float: none; margin-left: 0; padding-left: 0; - padding-right: 0; } } + padding-right: 0; + } +} @media (max-width: 767px) { .bf-container--break-md .bf-row { margin-left: 0; - margin-right: 0; } + margin-right: 0; + } .bf-container--break-md [class^="bf-col"] { width: 100%; float: none; margin-left: 0; padding-left: 0; - padding-right: 0; } } + padding-right: 0; + } +} @media (max-width: 991px) { .bf-container--break-lg .bf-row { margin-left: 0; - margin-right: 0; } + margin-right: 0; + } .bf-container--break-lg [class^="bf-col"] { width: 100%; float: none; margin-left: 0; padding-left: 0; - padding-right: 0; } } + padding-right: 0; + } +} table td[class^="bf-col"], table th[class^="bf-col"] { - position: static; } + position: static; +} .bf-clearfix:before, .bf-clearfix:after { content: " "; - display: table; } + display: table; +} .bf-clearfix:after { - clear: both; } + clear: both; +} .bf-hide { - display: none !important; } + display: none !important; +} .bf-hidden { display: none !important; - visibility: hidden !important; } + visibility: hidden !important; +} .bf-text-hide { font: 0/0 a !important; @@ -1090,7 +1284,8 @@ table th[class^="bf-col"] { background-color: transparent !important; border: 0 !important; margin: 0 !important; - padding: 0 !important; } + padding: 0 !important; +} /* // taken from https://github.com/h5bp/html5-boilerplate/blob/v7.3.0/dist/css/main.css @@ -1111,7 +1306,8 @@ table th[class^="bf-col"] { padding: 0 !important; position: absolute !important; white-space: nowrap !important; - width: 1px !important; } + width: 1px !important; +} /* // taken from https://github.com/h5bp/html5-boilerplate/blob/v7.3.0/dist/css/main.css @@ -1128,194 +1324,280 @@ table th[class^="bf-col"] { overflow: visible; position: static; white-space: inherit; - width: auto; } + width: auto; +} .bf-invisible { - visibility: hidden !important; } + visibility: hidden !important; +} .bf-visible { - visibility: visible !important; } + visibility: visible !important; +} .bf-display-block { - display: block !important; } + display: block !important; +} .bf-display-block-center { display: block !important; margin-left: auto !important; - margin-right: auto !important; } + margin-right: auto !important; +} .bf-display-inline { - display: inline !important; } + display: inline !important; +} .bf-display-inline-block { - display: inline-block !important; } + display: inline-block !important; +} .bf-display-flex { display: -webkit-flex !important; - display: flex !important; } + display: flex !important; +} .bf-display-inline-flex { display: -webkit-inline-flex !important; - display: inline-flex !important; } + display: inline-flex !important; +} .bf-float-right { - float: right !important; } + float: right !important; +} .bf-float-left { - float: left !important; } + float: left !important; +} .bf-position-fixed { - position: fixed !important; } + position: fixed !important; +} .bf-align-center-unknown { - position: relative !important; } + position: relative !important; +} .bf-align-center-unknown--item { position: absolute !important; top: 50% !important; left: 50% !important; -webkit-transform: translate(-50%, -50%) !important; - transform: translate(-50%, -50%) !important; } + transform: translate(-50%, -50%) !important; +} + +.bf-width-25 { + width: 25% !important; +} + +.bf-width-33 { + width: 33.33333333333333% !important; +} + +.bf-width-50 { + width: 50% !important; +} + +.bf-width-75 { + width: 75% !important; +} + +.bf-width-100 { + width: 100% !important; +} + +.bf-width-auto { + width: auto !important; +} .bf-m-0 { - margin: 0 !important; } + margin: 0 !important; +} .bf-m-t-0 { - margin-top: 0 !important; } + margin-top: 0 !important; +} .bf-m-b-0 { - margin-bottom: 0 !important; } + margin-bottom: 0 !important; +} .bf-m-l-0 { - margin-left: 0 !important; } + margin-left: 0 !important; +} .bf-m-r-0 { - margin-right: 0 !important; } + margin-right: 0 !important; +} -.bf-m-b-6 { - margin-bottom: 6px !important; - margin-bottom: 0.6rem !important; } +.bf-m-b-1 { + margin-bottom: 5px !important; + margin-bottom: 0.5rem !important; +} -.bf-m-b-12 { - margin-bottom: 12px !important; - margin-bottom: 1.2rem !important; } +.bf-m-b-2 { + margin-bottom: 10px !important; + margin-bottom: 1rem !important; +} -.bf-m-b-24 { - margin-bottom: 24px !important; - margin-bottom: 2.4rem !important; } +.bf-m-b-3 { + margin-bottom: 20px !important; + margin-bottom: 2rem !important; +} -.bf-m-b-36 { - margin-bottom: 36px !important; - margin-bottom: 3.6rem !important; } +.bf-m-b-4 { + margin-bottom: 30px !important; + margin-bottom: 3rem !important; +} .bf-p-0 { - padding: 0 !important; } + padding: 0 !important; +} .bf-p-t-0 { - padding-top: 0 !important; } + padding-top: 0 !important; +} .bf-p-b-0 { - padding-bottom: 0 !important; } + padding-bottom: 0 !important; +} .bf-p-l-0 { - padding-left: 0 !important; } + padding-left: 0 !important; +} .bf-p-r-0 { - padding-right: 0 !important; } - -.bf-p-t-6 { - padding-top: 6px !important; - padding-top: 0.6rem !important; } - -.bf-p-t-12 { - padding-top: 12px !important; - padding-top: 1.2rem !important; } - -.bf-p-t-24 { - padding-top: 24px !important; - padding-top: 2.4rem !important; } - -.bf-p-t-36 { - padding-top: 36px !important; - padding-top: 3.6rem !important; } - -.bf-p-b-6 { - padding-bottom: 6px !important; - padding-bottom: 0.6rem !important; } - -.bf-p-b-12 { - padding-bottom: 12px !important; - padding-bottom: 1.2rem !important; } - -.bf-p-b-24 { - padding-bottom: 24px !important; - padding-bottom: 2.4rem !important; } - -.bf-p-b-36 { - padding-bottom: 36px !important; - padding-bottom: 3.6rem !important; } + padding-right: 0 !important; +} + +.bf-p-t-1 { + padding-top: 5px !important; + padding-top: 0.5rem !important; +} + +.bf-p-t-2 { + padding-top: 10px !important; + padding-top: 1rem !important; +} + +.bf-p-t-3 { + padding-top: 20px !important; + padding-top: 2rem !important; +} + +.bf-p-t-4 { + padding-top: 30px !important; + padding-top: 3rem !important; +} + +.bf-p-b-1 { + padding-bottom: 5px !important; + padding-bottom: 0.5rem !important; +} + +.bf-p-b-2 { + padding-bottom: 10px !important; + padding-bottom: 1rem !important; +} + +.bf-p-b-3 { + padding-bottom: 20px !important; + padding-bottom: 2rem !important; +} + +.bf-p-b-4 { + padding-bottom: 30px !important; + padding-bottom: 3rem !important; +} .bf-t-transform-uppercase { - text-transform: uppercase !important; } + text-transform: uppercase !important; +} .bf-t-transform-none { - text-transform: none !important; } + text-transform: none !important; +} .bf-t-left { - text-align: left !important; } + text-align: left !important; +} .bf-t-center { - text-align: center !important; } + text-align: center !important; +} .bf-t-right { - text-align: right !important; } + text-align: right !important; +} .bf-t-shadow { - text-shadow: 0 0 0.2rem #222 !important; } + text-shadow: 0 0 0.2rem #222 !important; +} .bf-t-italic { - font-style: italic !important; } + font-style: italic !important; +} .bf-t-style-normal { - font-style: normal !important; } + font-style: normal !important; +} + +.bf-t-weight-300 { + font-weight: 300 !important; +} .bf-t-weight-400 { - font-weight: 400 !important; } + font-weight: 400 !important; +} .bf-t-weight-500 { - font-weight: 500 !important; } + font-weight: 500 !important; +} .bf-t-weight-600 { - font-weight: 600 !important; } + font-weight: 600 !important; +} .bf-t-weight-700 { - font-weight: 700 !important; } + font-weight: 700 !important; +} + +.bf-t-weight-800 { + font-weight: 800 !important; +} .bf-text-break { - word-wrap: break-word !important; } + word-wrap: break-word !important; +} .bf-t-truncate { max-width: 100% !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; - word-wrap: normal !important; } + word-wrap: normal !important; +} .bf-no-select { -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; - -webkit-touch-callout: none !important; } + -webkit-touch-callout: none !important; +} .bf-font-sans-serif { - font-family: Catamaran, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important; } + font-family: Catamaran, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important; +} .bf-font-serif { - font-family: Georgia, Times, "Times New Roman", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important; } + font-family: Georgia, Times, "Times New Roman", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important; +} .bf-font-monospace { - font-family: "Menlo", "Consolas", "Roboto Mono", "Ubuntu Monospace", "Noto Mono", "Oxygen Mono", "Liberation Mono", monospace, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important; } + font-family: "Menlo", "Consolas", "Roboto Mono", "Ubuntu Monospace", "Noto Mono", "Oxygen Mono", "Liberation Mono", monospace, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important; +} .bf-h1, .bf-h2, @@ -1327,51 +1609,63 @@ table th[class^="bf-col"] { font-weight: 600 !important; margin-top: 0 !important; line-height: 1.2 !important; - margin-bottom: 12px !important; - margin-bottom: 1.2rem !important; } + margin-bottom: 10px !important; + margin-bottom: 1rem !important; +} .bf-h1 { font-size: 36px !important; - font-size: 3.6rem !important; } + font-size: 3.6rem !important; +} .bf-h2 { font-size: 30px !important; - font-size: 3rem !important; } + font-size: 3rem !important; +} .bf-h3 { font-size: 24px !important; - font-size: 2.4rem !important; } + font-size: 2.4rem !important; +} .bf-h4 { font-size: 20px !important; - font-size: 2rem !important; } + font-size: 2rem !important; +} .bf-h5, .bf-h6 { - font-size: 17px !important; - font-size: 1.7rem !important; } + font-size: 16px !important; + font-size: 1.6rem !important; +} p.bf-lead { - font-size: 120% !important; } + font-size: 120% !important; +} body.bf-responsive-typography { - --body-rt-font-size-flex: calc(1.7rem + 3 * ((100vw - 320px) / 680)); - --body-rt-font-size-max: 2rem; } + --body-rt-font-size-flex: calc(1.6rem + 3 * ((100vw - 320px) / 680)); + --body-rt-font-size-max: 1.9rem; +} @media (min-width: 320px) { body.bf-responsive-typography { - font-size: var(--body-rt-font-size-flex); } } + font-size: var(--body-rt-font-size-flex); + } +} @media (min-width: 1000px) { body.bf-responsive-typography { - font-size: var(--body-rt-font-size-max); } } + font-size: var(--body-rt-font-size-max); + } +} .bf-btn { display: inline-block; cursor: pointer; color: #222; - padding: 8px 16px; - padding: 0.8rem 1.6rem; + padding: 6.66667px 13.33333px; + padding: 0.66667rem 1.33333rem; line-height: normal; text-align: center; margin: 0; @@ -1383,28 +1677,41 @@ body.bf-responsive-typography { -moz-user-select: none; -ms-user-select: none; user-select: none; - border-radius: 3px; - border-radius: 0.3rem; + border-radius: 2.5px; + border-radius: 0.25rem; border: 0; background-image: none; background: #ccc; - transition: all 0.2s; } - .bf-btn:hover, .bf-btn:active, .bf-btn:focus { - text-decoration: none; - color: #222; - background: #b3b3b3; } - .bf-btn:active, .bf-btn:focus { - box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.15); } - .bf-btn:focus { - outline: 0; } - .bf-btn.bf-btn--primary { - color: #fff; - background: #007bff; } - .bf-btn.bf-btn--primary:hover, .bf-btn.bf-btn--primary:active, .bf-btn.bf-btn--primary:focus { - color: #fff; - background: #0062cc; } - .bf-btn.bf-btn--primary:active, .bf-btn.bf-btn--primary:focus { - box-shadow: 0 0 0 3px rgba(0, 86, 179, 0.25); } + transition: all 0.2s; +} + +.bf-btn:hover, .bf-btn:active, .bf-btn:focus { + text-decoration: none; + color: #222; + background: #b3b3b3; +} + +.bf-btn:active, .bf-btn:focus { + box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.15); +} + +.bf-btn:focus { + outline: 0; +} + +.bf-btn.bf-btn--primary { + color: #fff; + background: #007bff; +} + +.bf-btn.bf-btn--primary:hover, .bf-btn.bf-btn--primary:active, .bf-btn.bf-btn--primary:focus { + color: #fff; + background: #0062cc; +} + +.bf-btn.bf-btn--primary:active, .bf-btn.bf-btn--primary:focus { + box-shadow: 0 0 0 3px rgba(0, 86, 179, 0.25); +} fieldset[disabled] .bf-btn, .bf-btn[disabled], @@ -1418,12 +1725,14 @@ fieldset[disabled] .bf-btn, -ms-user-select: none !important; user-select: none !important; box-shadow: none !important; - opacity: 0.5 !important; } + opacity: 0.5 !important; +} .bf-focused { transition: border 0.2s, background-color 0.2s, box-shadow 0.2s !important; border-color: #007bff !important; - box-shadow: 0 0 0 3px rgba(0, 86, 179, 0.25) !important; } + box-shadow: 0 0 0 3px rgba(0, 86, 179, 0.25) !important; +} .bf-disabled, .bf-disabled:hover, @@ -1443,11 +1752,13 @@ fieldset[disabled] .bf-btn, box-shadow: none !important; opacity: 0.5 !important; background-color: #fff; - border-color: #999; } + border-color: #999; +} label.bf-disabled { background-color: transparent; - border-color: transparent; } + border-color: transparent; +} button.bf-disabled, [type="button"].bf-disabled, @@ -1464,23 +1775,26 @@ button.bf-disabled, box-shadow: none; opacity: 0.5; color: #222; - background: #ccc; } - button.bf-disabled:hover, button.bf-disabled:active, button.bf-disabled:focus, - [type="button"].bf-disabled:hover, - [type="button"].bf-disabled:active, - [type="button"].bf-disabled:focus, - [type="reset"].bf-disabled:hover, - [type="reset"].bf-disabled:active, - [type="reset"].bf-disabled:focus, - [type="submit"].bf-disabled:hover, - [type="submit"].bf-disabled:active, - [type="submit"].bf-disabled:focus, - .bf-btn.bf-disabled:hover, - .bf-btn.bf-disabled:active, - .bf-btn.bf-disabled:focus { - box-shadow: none; - color: #222; - background: #ccc; } + background: #ccc; +} + +button.bf-disabled:hover, button.bf-disabled:active, button.bf-disabled:focus, +[type="button"].bf-disabled:hover, +[type="button"].bf-disabled:active, +[type="button"].bf-disabled:focus, +[type="reset"].bf-disabled:hover, +[type="reset"].bf-disabled:active, +[type="reset"].bf-disabled:focus, +[type="submit"].bf-disabled:hover, +[type="submit"].bf-disabled:active, +[type="submit"].bf-disabled:focus, +.bf-btn.bf-disabled:hover, +.bf-btn.bf-disabled:active, +.bf-btn.bf-disabled:focus { + box-shadow: none; + color: #222; + background: #ccc; +} .bf-btn--primary.bf-disabled { cursor: default; @@ -1493,17 +1807,21 @@ button.bf-disabled, box-shadow: none; opacity: 0.5; color: #fff; - background: #007bff; } - .bf-btn--primary.bf-disabled:hover, .bf-btn--primary.bf-disabled:active, .bf-btn--primary.bf-disabled:focus { - box-shadow: none; - color: #fff; - background: #007bff; } + background: #007bff; +} + +.bf-btn--primary.bf-disabled:hover, .bf-btn--primary.bf-disabled:active, .bf-btn--primary.bf-disabled:focus { + box-shadow: none; + color: #fff; + background: #007bff; +} .bf-invalid, .bf-invalid:focus { color: #ff0000 !important; border-color: #ff0000 !important; - box-shadow: 0 0 0 3px rgba(255, 0, 0, 0.25) !important; } + box-shadow: 0 0 0 3px rgba(255, 0, 0, 0.25) !important; +} .bf-list-unstyled, menu ul.bf-list-unstyled, @@ -1515,56 +1833,74 @@ ol.bf-list-unstyled ul, dd.bf-list-unstyled { margin: 0; padding: 0; - list-style: none; } + list-style: none; +} dt { - font-weight: 700; } + font-weight: 700; +} .bf-embed-responsive { position: relative; display: block; width: 100%; padding: 0; - overflow: hidden; } - .bf-embed-responsive::before { - display: block; - content: ""; - padding-top: 56.25%; } - .bf-embed-responsive.bf-embed-responsive--4-3::before { - padding-top: 75%; } - .bf-embed-responsive .bf-embed-responsive--item, - .bf-embed-responsive iframe, - .bf-embed-responsive embed, - .bf-embed-responsive object, - .bf-embed-responsive video { - position: absolute; - top: 0; - bottom: 0; - left: 0; - width: 100%; - height: 100%; - border: 0; } + overflow: hidden; +} + +.bf-embed-responsive::before { + display: block; + content: ""; + padding-top: 56.25%; +} + +.bf-embed-responsive.bf-embed-responsive--4-3::before { + padding-top: 75%; +} + +.bf-embed-responsive .bf-embed-responsive--item, +.bf-embed-responsive iframe, +.bf-embed-responsive embed, +.bf-embed-responsive object, +.bf-embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} .bf-table th, .bf-table td { - padding: 4px; - padding: 0.4rem; + padding: 10px; + padding: 1rem; border-bottom: 1px solid #999; - margin-bottom: 6px; - margin-bottom: 0.6rem; } + margin-bottom: 5px; + margin-bottom: 0.5rem; +} .bf-table-responsive { overflow-x: auto; overflow-y: hidden; - -ms-overflow-style: scrollbar; } + -ms-overflow-style: scrollbar; +} .bf-table-responsive table { width: 100%; - margin-bottom: 6px; - margin-bottom: 0.6rem; } + margin-bottom: 5px; + margin-bottom: 0.5rem; +} .bf-table-responsive.scrollbar { - -webkit-overflow-scrolling: auto; } + -webkit-overflow-scrolling: auto; +} + +.bf-table--zebra tbody tr:nth-child(odd), +.bf-table-responsive--zebra tbody tr:nth-child(odd) { + background-color: #e9e9e9; +} /* main.css 2.1.0 | MIT License | https://github.com/h5bp/main.css#readme */ /* ========================================================================== @@ -1580,56 +1916,73 @@ dt { color: #000 !important; /* Black prints faster */ box-shadow: none !important; - text-shadow: none !important; } + text-shadow: none !important; + } a, a:visited { - text-decoration: underline; } + text-decoration: underline; + } a[href]::after { - content: " (" attr(href) ")"; } + content: " (" attr(href) ")"; + } abbr[title]::after { - content: " (" attr(title) ")"; } + content: " (" attr(title) ")"; + } /* * Don't show links that are fragment identifiers, * or use the `javascript:` pseudo protocol */ a[href^="#"]::after, a[href^="javascript:"]::after { - content: ""; } + content: ""; + } pre { - white-space: pre-wrap !important; } + white-space: pre-wrap !important; + } pre, blockquote { border: 1px solid #999; - page-break-inside: avoid; } + page-break-inside: avoid; + } /* * Printing Tables: * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables */ thead { - display: table-header-group; } + display: table-header-group; + } tr, img { - page-break-inside: avoid; } + page-break-inside: avoid; + } p, h2, h3 { orphans: 3; - widows: 3; } + widows: 3; + } h2, h3 { - page-break-after: avoid; } } + page-break-after: avoid; + } +} @media print { body, .bf-container { - min-width: 992px !important; } + min-width: 992px !important; + } .bf-table-responsive { - overflow: auto; } + overflow: auto; + } .bf-table-responsive table { - width: auto; } + width: auto; + } .bf-table-responsive table, .bf-table { - border-collapse: collapse !important; } } + border-collapse: collapse !important; + } +} @media (prefers-reduced-motion: reduce) { .bf-reduced-motion, @@ -1647,4 +2000,6 @@ dt { background-attachment: initial !important; scroll-behavior: auto !important; transition-delay: 0s !important; - transition-duration: 0s !important; } } + transition-duration: 0s !important; + } +} diff --git a/src/cirrus.css b/src/cirrus.css index f3778ab..fbf2c7b 100644 --- a/src/cirrus.css +++ b/src/cirrus.css @@ -105,10 +105,11 @@ fieldset { /* Converts a given hex value to RGB. */ +/* Spacing */ +/* Fonts */ +/* Media Queries */ /* Color scheme for Cirrus */ -/* TODO: Move to dimensions.scss */ /* v2 Colors */ -/* TODO: Deprecate CSS Vars */ :root { /* v1 Colors */ --cirrus-fg: #374054; @@ -152,22 +153,435 @@ fieldset { --font-size-l: 1.35rem; --font-size-xl: 1.75rem; } +/* ANIMATIONS */ +/* Keyframes */ +/* Spinning loading animation */ +@-webkit-keyframes loading { + from { + transform: rotate(0deg); } + to { + transform: rotate(359deg); } } + +@keyframes loading { + from { + transform: rotate(0deg); } + to { + transform: rotate(359deg); } } + +/* Heart animation */ +@-webkit-keyframes pound { + to { + transform: scale(1.1); } } + +@keyframes pound { + to { + transform: scale(1.1); } } + +/* 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); } } + +@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); } } + +@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); } } + +@-webkit-keyframes fadeIn { + from { + opacity: 0; } + to { + opacity: 1; } } + +@keyframes fadeIn { + from { + opacity: 0; } + to { + opacity: 1; } } + +/* Hover animation */ +.hover-grow { + /* Mouse leave */ + transition-duration: 0.32s; } + .hover-grow:hover { + /* Mouse enter */ + transform: scale(1.1); + transition-duration: 0.08s; } + +.animated { + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; + /* Loading button position relatively for loading spinner location */ } + .animated.loading { + display: block; + position: relative; + /* Loading Spinner, align center by default */ + /* Hide text in loading button */ } + .animated.loading::after { + border: 2px solid #ced4da; + 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; } + .animated.loading.loading-white::after { + border-left-color: #fff; + border-bottom-color: #fff; } + .animated.loading.loading-left { + padding-left: 4rem; + /* Align spinner left */ } + .animated.loading.loading-left::after { + left: 2rem; + right: auto; } + .animated.loading.loading-right { + padding-right: 4rem; + /* Align spinner right */ } + .animated.loading.loading-right::after { + left: auto; + right: 2rem; } + .animated.loading.hide-text { + color: transparent !important; } + .animated.pulse { + animation: pound 0.35s infinite alternate; + -webkit-animation: pound 0.35s infinite alternate; + vertical-align: baseline; } + .animated.bounce { + animation-name: bounce; + -webkit-animation-name: bounce; + transform-origin: center bottom; + -webkit-transform-origin: center bottom; } + .animated.bounceIn { + animation-name: bounceIn; } + .animated.fadeIn { + -webkit-animation-name: fadeIn; + animation-name: fadeIn; } + .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; + /* Safari 4.0 - 8.0 */ + animation-play-state: paused !important; } + +/* Avatar */ +.avatar { + border-radius: 50%; + position: relative; + display: block; + margin: auto; + font-size: 1.5rem; + font-weight: lighter; + width: 3.2rem; + height: 3.2rem; + background-color: var(--cirrus-primary); + overflow: hidden; + /* Draw text on image just like in Gmail */ } + .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: 0.8rem; + width: 1.6rem; + height: 1.6rem; } + .avatar.avatar--small { + font-size: 1rem; + width: 2.4rem; + height: 2.4rem; } + .avatar.avatar--large { + font-size: 2rem; + width: 4.8rem; + height: 4.8rem; } + .avatar.avatar--xlarge { + font-size: 3rem; + width: 6.4rem; + height: 6.4rem; } + .avatar img.padded { + padding: 0.5rem; + width: 100%; } + /* Functions */ /* Converts a given hex value to RGB. */ +/* Spacing */ +/* Fonts */ +/* Media Queries */ +/* Color scheme for Cirrus */ +/* v2 Colors */ +: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: #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.7rem; + --font-size-s: 0.85rem; + --font-size-m: 1rem; + --font-size-l: 1.35rem; + --font-size-xl: 1.75rem; } + +/* CARDS */ +.card { + background-color: #fff; + border-radius: 5px; + position: relative; + overflow: hidden; + transition: all 0.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; + /* Allow for the cards to have the same height when u-flex is used on the card */ + /* More card components in second example */ + /* + 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:hover { + transition: all 0.3s; + box-shadow: 0px 8px 20px 0 rgba(42, 51, 83, 0.12), 0 5px 5px rgba(0, 0, 0, 0.06); } + .card:hover .card-image::after { + opacity: 0; } + .card:hover .mobile-title { + margin-top: -7rem; + transition: all 0.3s ease-in-out; } + .card:hover .card-body { + opacity: 1; } + .card.u-flex .content { + flex-grow: 1; } + .card p { + margin: 1rem 0; } + .card .slide-up:hover .card-image { + transform: translateY(-40px); } + .card .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; } + .card .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; } + .card .card-container { + display: block; + position: relative; + height: 40%; + min-height: 332px; + /* So it appears in html5 standards mode */ } + .card .title-container { + position: absolute; + bottom: 1rem; + width: 100%; + padding: 0 1rem; } + .card .title-container .title, + .card .title-container .subtitle { + color: #fff; + margin: 1rem auto; } + .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); } + .card .action-bar { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + padding: 0.5rem; + margin: 0; + border-top: 1px solid #e9ecef; + 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); + /* Add some padding to the buttons */ } + .card .action-bar button, + .card .action-bar .btn, + .card .action-bar [type='submit'] { + margin: 0 0.5rem; } + .card .action-bar + .card-footer { + padding: 1rem 0; + border-top: 1px solid #e9ecef; } + .card .mobile-title { + position: absolute; + left: 0; + background-color: var(--cirrus-bg); + -moz-transition: 0.3s ease-in-out; + -ms-transition: all 0.3s ease-in-out; + transition: 0.3s ease-in-out; + width: 100%; + padding: 2rem 0 0 0; + backface-visibility: hidden; } + .card .card-body { + opacity: 0; + transition: all var(--animation-duration) ease-in-out; } + .card .card-footer { + position: relative; + font-size: 0.75rem; + color: #868e96; } + .card .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 #e9ecef; } + .card .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; } + /* Functions */ /* Converts a given hex value to RGB. */ +/* Spacing */ +/* Fonts */ +/* Media Queries */ /* Color scheme for Cirrus */ -/* TODO: Move to dimensions.scss */ /* v2 Colors */ -/* TODO: Deprecate CSS Vars */ :root { /* v1 Colors */ --cirrus-fg: #374054; @@ -212,3403 +626,2363 @@ fieldset { --font-size-xl: 1.75rem; } /* - Global Mixins + Functions */ -/* 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 var(--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: #f8f9fa; - --btn-fg: #495057; - --btn-border-color: #dee2e6; - /* Base States */ - /* Loading Button*/ - /* Make the loading circle, if present, white when button is active */ - /* Animated Button */ - /* Close Button */ - /* BUTTON STYLES */ - /* Regular */ - /* Extra small button */ - /* Small button */ - /* Big button */ - /* STATES */ - /* GLYPHS */ - /* Alternatives to pad-left and pad-right */ } - button:hover, - .btn:hover, - [type='submit']:hover { - transition: all var(--animation-duration); - --btn-color: #e9ecef; } - button:active, - .btn:active, - [type='submit']:active { - transition: var(--animation-duration) ease; } - button:focus, - .btn:focus, - [type='submit']:focus { - outline: none; } - button:disabled, - .btn:disabled, - [type='submit']:disabled { - cursor: not-allowed; +/* + Converts a given hex value to RGB. +*/ +/* EXTENDED FORM */ +/* Constants */ +/* Mixins */ +/* Base class layout for extended form */ +.form-ext-control { + padding-left: 1.5rem; + position: relative; + /* Checkbox */ + /* Radio Button */ + /* Hides the original input */ + /* Toggle Switches */ } + .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-control.form-ext-checkbox .form-ext-label:before { + border-radius: 0.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-control.form-ext-radio .form-ext-label:before { + border-radius: 50%; } + .form-ext-control .form-ext-input { + opacity: 0; + position: absolute; + z-index: -1; + /* Checked state */ } + .form-ext-control .form-ext-input:disabled ~ .form-ext-label { + opacity: 0.4; } + .form-ext-control .form-ext-input:checked ~ .form-ext-label:before { + background-color: var(--cirrus-primary); } + .form-ext-control .form-ext-input.form-ext-input--gray:checked ~ .form-ext-label { + color: var(--cirrus-gray); } + .form-ext-control .form-ext-input.form-ext-input--gray:checked ~ .form-ext-label:before { + background-color: var(--cirrus-gray); } + .form-ext-control .form-ext-input.form-ext-input--gray:focus ~ .form-ext-label:before { + border-color: inherit; + box-shadow: 0 0 0 0.2rem rgba(213, 215, 220, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07); } + .form-ext-control .form-ext-input.form-ext-input--dark:checked ~ .form-ext-label { + color: var(--cirrus-dark); } + .form-ext-control .form-ext-input.form-ext-input--dark:checked ~ .form-ext-label:before { + background-color: var(--cirrus-dark); } + .form-ext-control .form-ext-input.form-ext-input--dark:focus ~ .form-ext-label:before { + border-color: inherit; + box-shadow: 0 0 0 0.2rem rgba(54, 54, 54, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07); } + .form-ext-control .form-ext-input.form-ext-input--link:checked ~ .form-ext-label { + color: var(--cirrus-link); } + .form-ext-control .form-ext-input.form-ext-input--link:checked ~ .form-ext-label:before { + background-color: var(--cirrus-link); } + .form-ext-control .form-ext-input.form-ext-input--link:focus ~ .form-ext-label:before { + border-color: inherit; + box-shadow: 0 0 0 0.2rem rgba(94, 92, 199, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07); } + .form-ext-control .form-ext-input.form-ext-input--info:checked ~ .form-ext-label { + color: var(--cirrus-info); } + .form-ext-control .form-ext-input.form-ext-input--info:checked ~ .form-ext-label:before { + background-color: var(--cirrus-info); } + .form-ext-control .form-ext-input.form-ext-input--info:focus ~ .form-ext-label:before { + border-color: inherit; + box-shadow: 0 0 0 0.2rem rgba(41, 114, 250, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07); } + .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--success:checked ~ .form-ext-label:before { + background-color: var(--cirrus-success); } + .form-ext-control .form-ext-input.form-ext-input--success:focus ~ .form-ext-label:before { + border-color: inherit; + box-shadow: 0 0 0 0.2rem rgba(13, 209, 87, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07); } + .form-ext-control .form-ext-input.form-ext-input--warning:checked ~ .form-ext-label { + color: var(--cirrus-warning); } + .form-ext-control .form-ext-input.form-ext-input--warning:checked ~ .form-ext-label:before { + background-color: var(--cirrus-warning); } + .form-ext-control .form-ext-input.form-ext-input--warning:focus ~ .form-ext-label:before { + border-color: inherit; + box-shadow: 0 0 0 0.2rem rgba(250, 182, 51, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07); } + .form-ext-control .form-ext-input.form-ext-input--danger:checked ~ .form-ext-label { + color: var(--cirrus-danger); } + .form-ext-control .form-ext-input.form-ext-input--danger:checked ~ .form-ext-label:before { + background-color: var(--cirrus-danger); } + .form-ext-control .form-ext-input.form-ext-input--danger:focus ~ .form-ext-label:before { + border-color: inherit; + box-shadow: 0 0 0 0.2rem rgba(251, 65, 67, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07); } + .form-ext-control .form-ext-input:disabled ~ .form-ext-toggle__toggler { opacity: 0.5; } - button.loading:active::after, - .btn.loading:active::after, - [type='submit'].loading:active::after { - border-radius: 50%; - border-right-color: transparent; - border-top-color: transparent; - transition: var(--animation-duration) ease; } - button.btn-animated, - .btn.btn-animated, - [type='submit'].btn-animated { - transition: calc(var(--animation-duration) / 2) ease; } - button.btn-animated:active, - .btn.btn-animated:active, - [type='submit'].btn-animated:active { - -webkit-transform: scale(0.98); - transform: inherit, scale(0.98); - transition: calc(var(--animation-duration) / 2) ease; } - button.btn-close, - .btn.btn-close, - [type='submit'].btn-close { - background-color: rgba(10, 10, 10, 0.2); - border: none; - border-radius: 290486px; + .form-ext-control .form-ext-toggle__label { + align-items: center; + display: flex; + justify-content: space-between; } + .form-ext-control .form-ext-toggle { 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; - /* Render the x in the close button */ } - button.btn-close:hover, - .btn.btn-close:hover, - [type='submit'].btn-close:hover { - background-color: var(--gray-900); } - button.btn-close::before, - .btn.btn-close::before, - [type='submit'].btn-close::before { - background-color: var(--cirrus-bg); + /* Toggle themes */ + /** + * Accessibility + */ + /** + * Accessibility + */ + /** + * Accessibility + */ + /** + * Accessibility + */ + /** + * Accessibility + */ + /** + * Accessibility + */ + /** + * Accessibility + */ } + .form-ext-control .form-ext-toggle input[type='checkbox'], + .form-ext-control .form-ext-toggle input[type='radio'] { + opacity: 0; + position: absolute; + z-index: -1; } + .form-ext-control .form-ext-toggle .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-control .form-ext-toggle .form-ext-toggle__toggler i { + display: inline-block; } + .form-ext-control .form-ext-toggle input[type='checkbox']:checked + .form-ext-toggle__toggler, + .form-ext-control .form-ext-toggle input[type='checkbox']:checked + * .form-ext-toggle__toggler, + .form-ext-control .form-ext-toggle input[type='radio']:checked + .form-ext-toggle__toggler, + .form-ext-control .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 0.4s ease; } + .form-ext-control .form-ext-toggle input[type='checkbox']:checked + .form-ext-toggle__toggler i::after, + .form-ext-control .form-ext-toggle input[type='checkbox']:checked + * .form-ext-toggle__toggler i::after, + .form-ext-control .form-ext-toggle input[type='radio']:checked + .form-ext-toggle__toggler i::after, + .form-ext-control .form-ext-toggle input[type='radio']:checked + * .form-ext-toggle__toggler i::after { + background-color: #fff; + left: calc(100% - 20px); } + .form-ext-control .form-ext-toggle input[type='checkbox']:checked + .form-ext-toggle__toggler i::before, + .form-ext-control .form-ext-toggle input[type='checkbox']:checked + * .form-ext-toggle__toggler i::before, + .form-ext-control .form-ext-toggle input[type='radio']:checked + .form-ext-toggle__toggler i::before, + .form-ext-control .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-control .form-ext-toggle.form-ext-toggle--gray input[type='checkbox']:checked + .form-ext-toggle__toggler, + .form-ext-control .form-ext-toggle.form-ext-toggle--gray input[type='checkbox']:checked + * .form-ext-toggle__toggler, + .form-ext-control .form-ext-toggle.form-ext-toggle--gray input[type='radio']:checked + .form-ext-toggle__toggler, + .form-ext-control .form-ext-toggle.form-ext-toggle--gray input[type='radio']:checked + * .form-ext-toggle__toggler { + background-color: var(--cirrus-gray); + border-color: var(--cirrus-gray); } + .form-ext-control .form-ext-toggle .form-ext-toggle.form-ext-toggle--gray .form-ext-toggle__toggler { + border-color: var(--cirrus-gray); + color: var(--cirrus-gray); } + .form-ext-control .form-ext-toggle .form-ext-toggle.form-ext-toggle--gray .form-ext-toggle__toggler i::after { + background-color: var(--cirrus-gray); } + .form-ext-control .form-ext-toggle .form-ext-input:focus + .form-ext-toggle__toggler, + .form-ext-control .form-ext-toggle .form-ext-input:focus ~ .form-ext-label:before { + box-shadow: 0 0 0 0.2rem rgba(213, 215, 220, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07); } + .form-ext-control .form-ext-toggle.form-ext-toggle--gray .form-ext-input:focus + .form-ext-toggle__toggler { + box-shadow: 0 0 0 0.2rem rgba(213, 215, 220, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07); } + .form-ext-control .form-ext-toggle.form-ext-toggle--dark input[type='checkbox']:checked + .form-ext-toggle__toggler, + .form-ext-control .form-ext-toggle.form-ext-toggle--dark input[type='checkbox']:checked + * .form-ext-toggle__toggler, + .form-ext-control .form-ext-toggle.form-ext-toggle--dark input[type='radio']:checked + .form-ext-toggle__toggler, + .form-ext-control .form-ext-toggle.form-ext-toggle--dark input[type='radio']:checked + * .form-ext-toggle__toggler { + background-color: var(--cirrus-dark); + border-color: var(--cirrus-dark); } + .form-ext-control .form-ext-toggle .form-ext-toggle.form-ext-toggle--dark .form-ext-toggle__toggler { + border-color: var(--cirrus-dark); + color: var(--cirrus-dark); } + .form-ext-control .form-ext-toggle .form-ext-toggle.form-ext-toggle--dark .form-ext-toggle__toggler i::after { + background-color: var(--cirrus-dark); } + .form-ext-control .form-ext-toggle .form-ext-input:focus + .form-ext-toggle__toggler, + .form-ext-control .form-ext-toggle .form-ext-input:focus ~ .form-ext-label:before { + box-shadow: 0 0 0 0.2rem rgba(54, 54, 54, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07); } + .form-ext-control .form-ext-toggle.form-ext-toggle--dark .form-ext-input:focus + .form-ext-toggle__toggler { + box-shadow: 0 0 0 0.2rem rgba(54, 54, 54, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07); } + .form-ext-control .form-ext-toggle.form-ext-toggle--link input[type='checkbox']:checked + .form-ext-toggle__toggler, + .form-ext-control .form-ext-toggle.form-ext-toggle--link input[type='checkbox']:checked + * .form-ext-toggle__toggler, + .form-ext-control .form-ext-toggle.form-ext-toggle--link input[type='radio']:checked + .form-ext-toggle__toggler, + .form-ext-control .form-ext-toggle.form-ext-toggle--link input[type='radio']:checked + * .form-ext-toggle__toggler { + background-color: var(--cirrus-link); + border-color: var(--cirrus-link); } + .form-ext-control .form-ext-toggle .form-ext-toggle.form-ext-toggle--link .form-ext-toggle__toggler { + border-color: var(--cirrus-link); + color: var(--cirrus-link); } + .form-ext-control .form-ext-toggle .form-ext-toggle.form-ext-toggle--link .form-ext-toggle__toggler i::after { + background-color: var(--cirrus-link); } + .form-ext-control .form-ext-toggle .form-ext-input:focus + .form-ext-toggle__toggler, + .form-ext-control .form-ext-toggle .form-ext-input:focus ~ .form-ext-label:before { + box-shadow: 0 0 0 0.2rem rgba(94, 92, 199, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07); } + .form-ext-control .form-ext-toggle.form-ext-toggle--link .form-ext-input:focus + .form-ext-toggle__toggler { + box-shadow: 0 0 0 0.2rem rgba(94, 92, 199, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07); } + .form-ext-control .form-ext-toggle.form-ext-toggle--info input[type='checkbox']:checked + .form-ext-toggle__toggler, + .form-ext-control .form-ext-toggle.form-ext-toggle--info input[type='checkbox']:checked + * .form-ext-toggle__toggler, + .form-ext-control .form-ext-toggle.form-ext-toggle--info input[type='radio']:checked + .form-ext-toggle__toggler, + .form-ext-control .form-ext-toggle.form-ext-toggle--info input[type='radio']:checked + * .form-ext-toggle__toggler { + background-color: var(--cirrus-info); + border-color: var(--cirrus-info); } + .form-ext-control .form-ext-toggle .form-ext-toggle.form-ext-toggle--info .form-ext-toggle__toggler { + border-color: var(--cirrus-info); + color: var(--cirrus-info); } + .form-ext-control .form-ext-toggle .form-ext-toggle.form-ext-toggle--info .form-ext-toggle__toggler i::after { + background-color: var(--cirrus-info); } + .form-ext-control .form-ext-toggle .form-ext-input:focus + .form-ext-toggle__toggler, + .form-ext-control .form-ext-toggle .form-ext-input:focus ~ .form-ext-label:before { + box-shadow: 0 0 0 0.2rem rgba(41, 114, 250, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07); } + .form-ext-control .form-ext-toggle.form-ext-toggle--info .form-ext-input:focus + .form-ext-toggle__toggler { + box-shadow: 0 0 0 0.2rem rgba(41, 114, 250, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07); } + .form-ext-control .form-ext-toggle.form-ext-toggle--success input[type='checkbox']:checked + .form-ext-toggle__toggler, + .form-ext-control .form-ext-toggle.form-ext-toggle--success input[type='checkbox']:checked + * .form-ext-toggle__toggler, + .form-ext-control .form-ext-toggle.form-ext-toggle--success input[type='radio']:checked + .form-ext-toggle__toggler, + .form-ext-control .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-control .form-ext-toggle .form-ext-toggle.form-ext-toggle--success .form-ext-toggle__toggler { + border-color: var(--cirrus-success); + color: var(--cirrus-success); } + .form-ext-control .form-ext-toggle .form-ext-toggle.form-ext-toggle--success .form-ext-toggle__toggler i::after { + background-color: var(--cirrus-success); } + .form-ext-control .form-ext-toggle .form-ext-input:focus + .form-ext-toggle__toggler, + .form-ext-control .form-ext-toggle .form-ext-input:focus ~ .form-ext-label:before { + box-shadow: 0 0 0 0.2rem rgba(13, 209, 87, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07); } + .form-ext-control .form-ext-toggle.form-ext-toggle--success .form-ext-input:focus + .form-ext-toggle__toggler { + box-shadow: 0 0 0 0.2rem rgba(13, 209, 87, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07); } + .form-ext-control .form-ext-toggle.form-ext-toggle--warning input[type='checkbox']:checked + .form-ext-toggle__toggler, + .form-ext-control .form-ext-toggle.form-ext-toggle--warning input[type='checkbox']:checked + * .form-ext-toggle__toggler, + .form-ext-control .form-ext-toggle.form-ext-toggle--warning input[type='radio']:checked + .form-ext-toggle__toggler, + .form-ext-control .form-ext-toggle.form-ext-toggle--warning input[type='radio']:checked + * .form-ext-toggle__toggler { + background-color: var(--cirrus-warning); + border-color: var(--cirrus-warning); } + .form-ext-control .form-ext-toggle .form-ext-toggle.form-ext-toggle--warning .form-ext-toggle__toggler { + border-color: var(--cirrus-warning); + color: var(--cirrus-warning); } + .form-ext-control .form-ext-toggle .form-ext-toggle.form-ext-toggle--warning .form-ext-toggle__toggler i::after { + background-color: var(--cirrus-warning); } + .form-ext-control .form-ext-toggle .form-ext-input:focus + .form-ext-toggle__toggler, + .form-ext-control .form-ext-toggle .form-ext-input:focus ~ .form-ext-label:before { + box-shadow: 0 0 0 0.2rem rgba(250, 182, 51, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07); } + .form-ext-control .form-ext-toggle.form-ext-toggle--warning .form-ext-input:focus + .form-ext-toggle__toggler { + box-shadow: 0 0 0 0.2rem rgba(250, 182, 51, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07); } + .form-ext-control .form-ext-toggle.form-ext-toggle--danger input[type='checkbox']:checked + .form-ext-toggle__toggler, + .form-ext-control .form-ext-toggle.form-ext-toggle--danger input[type='checkbox']:checked + * .form-ext-toggle__toggler, + .form-ext-control .form-ext-toggle.form-ext-toggle--danger input[type='radio']:checked + .form-ext-toggle__toggler, + .form-ext-control .form-ext-toggle.form-ext-toggle--danger input[type='radio']:checked + * .form-ext-toggle__toggler { + background-color: var(--cirrus-danger); + border-color: var(--cirrus-danger); } + .form-ext-control .form-ext-toggle .form-ext-toggle.form-ext-toggle--danger .form-ext-toggle__toggler { + border-color: var(--cirrus-danger); + color: var(--cirrus-danger); } + .form-ext-control .form-ext-toggle .form-ext-toggle.form-ext-toggle--danger .form-ext-toggle__toggler i::after { + background-color: var(--cirrus-danger); } + .form-ext-control .form-ext-toggle .form-ext-input:focus + .form-ext-toggle__toggler, + .form-ext-control .form-ext-toggle .form-ext-input:focus ~ .form-ext-label:before { + box-shadow: 0 0 0 0.2rem rgba(251, 65, 67, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07); } + .form-ext-control .form-ext-toggle.form-ext-toggle--danger .form-ext-input:focus + .form-ext-toggle__toggler { + box-shadow: 0 0 0 0.2rem rgba(251, 65, 67, 0.55), inset 0 1px 8px rgba(0, 0, 0, 0.07); } + .form-ext-control .form-ext-toggle .form-ext-toggle__toggler i::before, + .form-ext-control .form-ext-toggle .form-ext-toggle__toggler i::after { 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::after, - .btn.btn-close::after, - [type='submit'].btn-close::after { - background-color: var(--cirrus-bg); + position: absolute; } + .form-ext-control .form-ext-toggle .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-control .form-ext-toggle .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-label { + margin-bottom: 0; + position: relative; + /* Base of custom form inputs */ } + .form-ext-control .form-ext-label:before, .form-ext-control .form-ext-label:after { content: ''; display: block; - left: 50%; + height: 1rem; + left: -1.5rem; 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-transparent, - .btn.btn-transparent, - [type='submit'].btn-transparent { - --btn-color: transparent; - --btn-fg: var(--cirrus-dark); - --btn-border-color: transparent; } - button.btn-transparent:focus, - .btn.btn-transparent:focus, - [type='submit'].btn-transparent:focus { - box-shadow: 0 0 0 0.2rem rgba(246, 249, 252, 0.5); } - button.btn-transparent:hover, - .btn.btn-transparent:hover, - [type='submit'].btn-transparent:hover { - --btn-color: rgba(0, 0, 0, 0.1); } - button.btn-transparent.outline, - .btn.btn-transparent.outline, - [type='submit'].btn-transparent.outline { - --btn-color: var(--cirrus-dark); } - button.btn-light, - .btn.btn-light, - [type='submit'].btn-light { - --btn-color: var(--cirrus-light); - --btn-fg: var(--cirrus-dark); - --btn-border-color: var(--cirrus-light); } - button.btn-light:hover, - .btn.btn-light:hover, - [type='submit'].btn-light:hover { - --btn-color: var(--cirrus-light-hover); } - button.btn-light:focus, - .btn.btn-light:focus, - [type='submit'].btn-light:focus { - box-shadow: 0 0 0 0.2rem rgba(246, 249, 252, 0.5); } - button.btn-dark, - .btn.btn-dark, - [type='submit'].btn-dark { - --btn-color: var(--cirrus-dark); - --btn-fg: var(--cirrus-light); - --btn-border-color: var(--cirrus-dark); } - button.btn-dark:focus, - .btn.btn-dark:focus, - [type='submit'].btn-dark:focus { - box-shadow: 0 0 0 0.2rem rgba(54, 54, 54, 0.5); } - button.btn-dark:hover, - .btn.btn-dark:hover, - [type='submit'].btn-dark:hover { - --btn-color: var(--cirrus-dark-hover); } - button.btn-dark.outline:hover, - .btn.btn-dark.outline:hover, - [type='submit'].btn-dark.outline:hover { - --btn-color: var(--cirrus-dark); } - button.btn-black, - .btn.btn-black, - [type='submit'].btn-black { - --btn-color: #000; - --btn-fg: var(--cirrus-light); - --btn-border-color: #000; } - button.btn-black:focus, - .btn.btn-black:focus, - [type='submit'].btn-black:focus { - box-shadow: 0 0 0 0.2rem rgba(54, 54, 54, 0.5); } - button.btn-black:hover, - .btn.btn-black:hover, - [type='submit'].btn-black:hover { - --btn-color: #000; } - button.btn-primary, - .btn.btn-primary, - [type='submit'].btn-primary { - --btn-color: var(--cirrus-primary); - --btn-fg: var(--cirrus-light); - --btn-border-color: var(--cirrus-accent-border); } - button.btn-primary:focus, - .btn.btn-primary:focus, - [type='submit'].btn-primary:focus { - box-shadow: 0 0 0 0.2rem rgba(240, 61, 77, 0.5); } - button.btn-primary:hover, - .btn.btn-primary:hover, - [type='submit'].btn-primary:hover { - --btn-color: var(--cirrus-accent-hover); } - button.btn-primary.outline:hover, - .btn.btn-primary.outline:hover, - [type='submit'].btn-primary.outline:hover { - --btn-color: var(--cirrus-primary); } - button.btn-info, - .btn.btn-info, - [type='submit'].btn-info { - --btn-color: var(--cirrus-info); - --btn-fg: var(--cirrus-light); - --btn-border-color: var(--cirrus-info); } - button.btn-info:focus, - .btn.btn-info:focus, - [type='submit'].btn-info:focus { - box-shadow: 0 0 0 0.2rem rgba(41, 114, 250, 0.5); } - button.btn-info:hover, - .btn.btn-info:hover, - [type='submit'].btn-info:hover { - --btn-color: var(--cirrus-info-hover); } - button.btn-info.outline:hover, - .btn.btn-info.outline:hover, - [type='submit'].btn-info.outline:hover { - --btn-color: var(--cirrus-info); } - button.btn-link, - .btn.btn-link, - [type='submit'].btn-link { - --btn-color: var(--cirrus-link); - --btn-fg: var(--cirrus-light); - --btn-border-color: var(--cirrus-link); } - button.btn-link:focus, - .btn.btn-link:focus, - [type='submit'].btn-link:focus { - box-shadow: 0 0 0 0.2rem rgba(94, 92, 199, 0.5); } - button.btn-link:hover, - .btn.btn-link:hover, - [type='submit'].btn-link:hover { - --btn-color: var(--cirrus-link-dark); } - button.btn-link.outline, - .btn.btn-link.outline, - [type='submit'].btn-link.outline { - --btn-fg: var(--cirrus-link); - border: 1px solid transparent; } - button.btn-link.outline:hover, - .btn.btn-link.outline:hover, - [type='submit'].btn-link.outline:hover { - --btn-color: var(--cirrus-link-hover); - border: 1px solid transparent; - text-decoration: underline; } - button.btn-success, - .btn.btn-success, - [type='submit'].btn-success { - --btn-color: var(--cirrus-success); - --btn-fg: var(--cirrus-light); - --btn-border-color: var(--cirrus-success); } - button.btn-success:focus, - .btn.btn-success:focus, - [type='submit'].btn-success:focus { - box-shadow: 0 0 0 0.2rem rgba(13, 209, 87, 0.5); } - button.btn-success:hover, - .btn.btn-success:hover, - [type='submit'].btn-success:hover { - --btn-color: var(--cirrus-success-hover); } - button.btn-success.outline:hover, - .btn.btn-success.outline:hover, - [type='submit'].btn-success.outline:hover { - --btn-color: var(--cirrus-success); } - button.btn-warning, - .btn.btn-warning, - [type='submit'].btn-warning { - --btn-color: var(--cirrus-warning); - --btn-fg: var(--cirrus-dark); - --btn-border-color: var(--cirrus-warning); } - button.btn-warning:focus, - .btn.btn-warning:focus, - [type='submit'].btn-warning:focus { - box-shadow: 0 0 0 0.2rem rgba(250, 182, 51, 0.5); } - button.btn-warning:hover, - .btn.btn-warning:hover, - [type='submit'].btn-warning:hover { - --btn-color: var(--cirrus-warning-hover); } - button.btn-warning.outline:hover, - .btn.btn-warning.outline:hover, - [type='submit'].btn-warning.outline:hover { - --btn-color: var(--cirrus-warning); } - button.btn-danger, - .btn.btn-danger, - [type='submit'].btn-danger { - --btn-color: var(--cirrus-danger); - --btn-fg: var(--cirrus-light); - --btn-border-color: var(--cirrus-danger); } - button.btn-danger:focus, - .btn.btn-danger:focus, - [type='submit'].btn-danger:focus { - box-shadow: 0 0 0 0.2rem rgba(251, 65, 67, 0.5); } - button.btn-danger:hover, - .btn.btn-danger:hover, - [type='submit'].btn-danger:hover { - --btn-color: var(--cirrus-danger-hover); } - button.btn-danger.outline:hover, - .btn.btn-danger.outline:hover, - [type='submit'].btn-danger.outline:hover { - --btn-color: var(--cirrus-danger); } - button.btn-xsmall, - .btn.btn-xsmall, - [type='submit'].btn-xsmall { - padding: 0 0.5rem; - font-size: 50%; } - button.btn-small, - .btn.btn-small, - [type='submit'].btn-small { - padding: 0.25rem 1rem; - font-size: 70%; } - button.btn-large, - .btn.btn-large, - [type='submit'].btn-large { - padding: 0.75rem 2rem; - font-size: 90%; } - button.btn-xlarge, - .btn.btn-xlarge, - [type='submit'].btn-xlarge { - padding: 1rem 2.5rem; - font-size: 110%; } - button.btn-success, - .btn.btn-success, - [type='submit'].btn-success { - border-color: var(--cirrus-success) !important; } - button.btn-success:focus, - .btn.btn-success:focus, - [type='submit'].btn-success:focus { - box-shadow: 0 0 0 0.2rem rgba(13, 209, 87, 0.55), inset 0px 1px 8px rgba(0, 0, 0, 0.07); } - button.btn-error, - .btn.btn-error, - [type='submit'].btn-error { - border-color: var(--cirrus-danger) !important; } - button.btn-error:focus, - .btn.btn-error:focus, - [type='submit'].btn-error:focus { - box-shadow: 0 0 0 0.2rem rgba(251, 65, 67, 0.55), inset 0px 1px 8px rgba(0, 0, 0, 0.07); } - button .fa-wrapper, - .btn .fa-wrapper, - [type='submit'] .fa-wrapper { - /* Override default behavior of aligning font awesome icons to the top */ - vertical-align: baseline; } - button .fa-wrapper.pad-right, - .btn .fa-wrapper.pad-right, - [type='submit'] .fa-wrapper.pad-right { - margin-right: 0.4rem; } - button .fa-wrapper.pad-left, - .btn .fa-wrapper.pad-left, - [type='submit'] .fa-wrapper.pad-left { - margin-left: 0.4rem; } - button span:first-child, - .btn span:first-child, - [type='submit'] span:first-child { - margin-right: 0.2rem; } - button span:last-child, - .btn span:last-child, - [type='submit'] span:last-child { - margin-left: 0.2rem; } + top: 0.3rem; + transition: all var(--animation-duration); + width: 1rem; } + .form-ext-control .form-ext-label:before { + background-color: var(--cirrus-light); + border: 1px solid #dee2e6; + border-radius: 0.25rem; + pointer-events: none; + user-select: none; + box-sizing: border-box; } + .form-ext-control .form-ext-label:after { + background-position: center; + background-repeat: no-repeat; + background-size: 50% 50%; } -/* Deprecated 0.5.6, use m-1 instead */ -[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); - /* Outline Variants */ } - [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); } +.form-ext-control .form-ext-input:checked ~ .form-ext-label:before { + border: none; } -/* Make the loader white so it is visible */ -.loading.btn-accent:after { - border: 2px solid #fff; - border-right-color: transparent; - border-top-color: transparent; } +/* Spacing */ +/* Fonts */ +/* Media Queries */ +/* 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: 2rem; + --gap-7: 3rem; + --gap-8: 4rem; + --gap-9: 5rem; + --gap-10: 7rem; + --gap-11: 9rem; + --gap-12: 12rem; } -/* 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; } - .btn-group .btn { - -ms-flex: 1 0 auto; - -webkit-box-flex: 1; - flex: 1 0 auto; - margin: 0; } - .btn-group .btn:first-child:not(:last-child) { - /* Style the first child in group > 1 buttons */ - border-top-right-radius: 0; - border-bottom-right-radius: 0; } - .btn-group .btn: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; } - .btn-group .btn:not(:first-child):not(:last-child) { - /* Style button in middle of group */ - border-radius: 0; - /* Remove roundness from center buttons */ - margin-left: -0.1rem; } - .btn-group button { - -ms-flex: 1 0 auto; - -webkit-box-flex: 1; - flex: 1 0 auto; - margin: 0; } - .btn-group button:first-child:not(:last-child) { - /* Style the first child in group > 1 buttons */ - border-top-right-radius: 0; - border-bottom-right-radius: 0; } - .btn-group button: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; } - .btn-group button:not(:first-child):not(:last-child) { - /* Style button in middle of group */ - border-radius: 0; - /* Remove roundness from center buttons */ - margin-left: -0.1rem; } - .btn-group [type="submit"] { - -ms-flex: 1 0 auto; - -webkit-box-flex: 1; - flex: 1 0 auto; - margin: 0; } - .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; } - .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; } - .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; } - .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; } - .btn-group.btn-group-fill .btn { - -ms-flex: 1 0; - -webkit-box-flex: 1; - flex: 1 0; - /* Make the buttons fill the available width and proportion themselves */ } - .btn-group.btn-group-fill button { - -ms-flex: 1 0; - -webkit-box-flex: 1; - flex: 1 0; - /* Make the buttons fill the available width and proportion themselves */ } - .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 */ } +.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); + /* Templates */ + /* Gap */ + /* Column expansion */ + /* Row expansion */ + /* Cell Column Start/End */ + /* Cell Row Start/End */ + /* Templates */ + /* Gap */ + /* Column expansion */ + /* Row expansion */ + /* Cell Column Start/End */ + /* Cell Row Start/End */ + /* Templates */ + /* Gap */ + /* Column expansion */ + /* Row expansion */ + /* Cell Column Start/End */ + /* Cell Row Start/End */ + /* Templates */ + /* Gap */ + /* Column expansion */ + /* Row expansion */ + /* Cell Column Start/End */ + /* Cell Row Start/End */ + /* Templates */ + /* Gap */ + /* Column expansion */ + /* Row expansion */ + /* Cell Column Start/End */ + /* Cell Row Start/End */ + /* Templates */ + /* Gap */ + /* Column expansion */ + /* Row expansion */ + /* Cell Column Start/End */ + /* Cell Row Start/End */ + /* Templates */ + /* Gap */ + /* Column expansion */ + /* Row expansion */ + /* Cell Column Start/End */ + /* Cell Row Start/End */ + /* Templates */ + /* Gap */ + /* Column expansion */ + /* Row expansion */ + /* Cell Column Start/End */ + /* Cell Row Start/End */ + /* Templates */ + /* Gap */ + /* Column expansion */ + /* Row expansion */ + /* Cell Column Start/End */ + /* Cell Row Start/End */ + /* Templates */ + /* Gap */ + /* Column expansion */ + /* Row expansion */ + /* Cell Column Start/End */ + /* Cell Row Start/End */ + /* Templates */ + /* Gap */ + /* Column expansion */ + /* Row expansion */ + /* Cell Column Start/End */ + /* Cell Row Start/End */ + /* Templates */ + /* Gap */ + /* Column expansion */ + /* Row expansion */ + /* Cell Column Start/End */ + /* Cell Row Start/End */ + /* Styling grid cells */ } + .grid.grid-cols-1 { + --grid-template-column: repeat(1, minmax(0, 1fr)); } + .grid.grid-gap-1 { + --grid-gap: var(--gap-1); } + .grid .grid-c-1 { + grid-column: span 1; } + .grid .grid-r-1 { + grid-row: span 1; } + .grid .grid-cs-1 { + grid-column-start: 1; } + .grid .grid-ce-1 { + grid-column-end: 2; } + .grid .grid-rs-1 { + grid-row-start: 1; } + .grid .grid-re-1 { + grid-row-end: 2; } + .grid.grid-cols-2 { + --grid-template-column: repeat(2, minmax(0, 1fr)); } + .grid.grid-gap-2 { + --grid-gap: var(--gap-2); } + .grid .grid-c-2 { + grid-column: span 2; } + .grid .grid-r-2 { + grid-row: span 2; } + .grid .grid-cs-2 { + grid-column-start: 2; } + .grid .grid-ce-2 { + grid-column-end: 3; } + .grid .grid-rs-2 { + grid-row-start: 2; } + .grid .grid-re-2 { + grid-row-end: 3; } + .grid.grid-cols-3 { + --grid-template-column: repeat(3, minmax(0, 1fr)); } + .grid.grid-gap-3 { + --grid-gap: var(--gap-3); } + .grid .grid-c-3 { + grid-column: span 3; } + .grid .grid-r-3 { + grid-row: span 3; } + .grid .grid-cs-3 { + grid-column-start: 3; } + .grid .grid-ce-3 { + grid-column-end: 4; } + .grid .grid-rs-3 { + grid-row-start: 3; } + .grid .grid-re-3 { + grid-row-end: 4; } + .grid.grid-cols-4 { + --grid-template-column: repeat(4, minmax(0, 1fr)); } + .grid.grid-gap-4 { + --grid-gap: var(--gap-4); } + .grid .grid-c-4 { + grid-column: span 4; } + .grid .grid-r-4 { + grid-row: span 4; } + .grid .grid-cs-4 { + grid-column-start: 4; } + .grid .grid-ce-4 { + grid-column-end: 5; } + .grid .grid-rs-4 { + grid-row-start: 4; } + .grid .grid-re-4 { + grid-row-end: 5; } + .grid.grid-cols-5 { + --grid-template-column: repeat(5, minmax(0, 1fr)); } + .grid.grid-gap-5 { + --grid-gap: var(--gap-5); } + .grid .grid-c-5 { + grid-column: span 5; } + .grid .grid-r-5 { + grid-row: span 5; } + .grid .grid-cs-5 { + grid-column-start: 5; } + .grid .grid-ce-5 { + grid-column-end: 6; } + .grid .grid-rs-5 { + grid-row-start: 5; } + .grid .grid-re-5 { + grid-row-end: 6; } + .grid.grid-cols-6 { + --grid-template-column: repeat(6, minmax(0, 1fr)); } + .grid.grid-gap-6 { + --grid-gap: var(--gap-6); } + .grid .grid-c-6 { + grid-column: span 6; } + .grid .grid-r-6 { + grid-row: span 6; } + .grid .grid-cs-6 { + grid-column-start: 6; } + .grid .grid-ce-6 { + grid-column-end: 7; } + .grid .grid-rs-6 { + grid-row-start: 6; } + .grid .grid-re-6 { + grid-row-end: 7; } + .grid.grid-cols-7 { + --grid-template-column: repeat(7, minmax(0, 1fr)); } + .grid.grid-gap-7 { + --grid-gap: var(--gap-7); } + .grid .grid-c-7 { + grid-column: span 7; } + .grid .grid-r-7 { + grid-row: span 7; } + .grid .grid-cs-7 { + grid-column-start: 7; } + .grid .grid-ce-7 { + grid-column-end: 8; } + .grid .grid-rs-7 { + grid-row-start: 7; } + .grid .grid-re-7 { + grid-row-end: 8; } + .grid.grid-cols-8 { + --grid-template-column: repeat(8, minmax(0, 1fr)); } + .grid.grid-gap-8 { + --grid-gap: var(--gap-8); } + .grid .grid-c-8 { + grid-column: span 8; } + .grid .grid-r-8 { + grid-row: span 8; } + .grid .grid-cs-8 { + grid-column-start: 8; } + .grid .grid-ce-8 { + grid-column-end: 9; } + .grid .grid-rs-8 { + grid-row-start: 8; } + .grid .grid-re-8 { + grid-row-end: 9; } + .grid.grid-cols-9 { + --grid-template-column: repeat(9, minmax(0, 1fr)); } + .grid.grid-gap-9 { + --grid-gap: var(--gap-9); } + .grid .grid-c-9 { + grid-column: span 9; } + .grid .grid-r-9 { + grid-row: span 9; } + .grid .grid-cs-9 { + grid-column-start: 9; } + .grid .grid-ce-9 { + grid-column-end: 10; } + .grid .grid-rs-9 { + grid-row-start: 9; } + .grid .grid-re-9 { + grid-row-end: 10; } + .grid.grid-cols-10 { + --grid-template-column: repeat(10, minmax(0, 1fr)); } + .grid.grid-gap-10 { + --grid-gap: var(--gap-10); } + .grid .grid-c-10 { + grid-column: span 10; } + .grid .grid-r-10 { + grid-row: span 10; } + .grid .grid-cs-10 { + grid-column-start: 10; } + .grid .grid-ce-10 { + grid-column-end: 11; } + .grid .grid-rs-10 { + grid-row-start: 10; } + .grid .grid-re-10 { + grid-row-end: 11; } + .grid.grid-cols-11 { + --grid-template-column: repeat(11, minmax(0, 1fr)); } + .grid.grid-gap-11 { + --grid-gap: var(--gap-11); } + .grid .grid-c-11 { + grid-column: span 11; } + .grid .grid-r-11 { + grid-row: span 11; } + .grid .grid-cs-11 { + grid-column-start: 11; } + .grid .grid-ce-11 { + grid-column-end: 12; } + .grid .grid-rs-11 { + grid-row-start: 11; } + .grid .grid-re-11 { + grid-row-end: 12; } + .grid.grid-cols-12 { + --grid-template-column: repeat(12, minmax(0, 1fr)); } + .grid.grid-gap-12 { + --grid-gap: var(--gap-12); } + .grid .grid-c-12 { + grid-column: span 12; } + .grid .grid-r-12 { + grid-row: span 12; } + .grid .grid-cs-12 { + grid-column-start: 12; } + .grid .grid-ce-12 { + grid-column-end: 13; } + .grid .grid-rs-12 { + grid-row-start: 12; } + .grid .grid-re-12 { + grid-row-end: 13; } + .grid .grid-cs-end { + grid-column-end: -1; } + .grid .grid-rs-end { + grid-row-end: -1; } + .grid .c { + grid-column-start: var(--grid-column-start); + grid-column-end: var(--grid-column-end); } + @media screen and (max-width: 768px) { + .grid { + --grid-template-column: repeat(1, minmax(0, 1fr)); } } -@media screen and (max-width: 768px) { - .btn-group { - display: flex; - flex-direction: column; } - .btn-group .btn { - margin-bottom: -1px; } - .btn-group .btn:first-child:not(:last-child) { - border-radius: 0.25rem 0.25rem 0 0; } - .btn-group .btn:not(:first-child):not(:last-child) { - margin-left: 0; } - .btn-group .btn:last-child:not(:first-child) { - border-radius: 0 0 0.25rem 0.25rem; - margin-left: 0; } - .btn-group button { - margin-bottom: -1px; } - .btn-group button:first-child:not(:last-child) { - border-radius: 0.25rem 0.25rem 0 0; } - .btn-group button:not(:first-child):not(:last-child) { - margin-left: 0; } - .btn-group button:last-child:not(:first-child) { - border-radius: 0 0 0.25rem 0.25rem; - margin-left: 0; } - .btn-group [type="submit"] { - margin-bottom: -1px; } - .btn-group [type="submit"]:first-child:not(:last-child) { - border-radius: 0.25rem 0.25rem 0 0; } - .btn-group [type="submit"]:not(:first-child):not(:last-child) { - margin-left: 0; } - .btn-group [type="submit"]:last-child:not(:first-child) { - border-radius: 0 0 0.25rem 0.25rem; - margin-left: 0; } } - -/* - Functions -*/ -/* - Converts a given hex value to RGB. -*/ -/* Color scheme for Cirrus */ -/* TODO: Move to dimensions.scss */ -/* v2 Colors */ -/* TODO: Deprecate CSS Vars */ -: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: #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.7rem; - --font-size-s: 0.85rem; - --font-size-m: 1rem; - --font-size-l: 1.35rem; - --font-size-xl: 1.75rem; } - -/* 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; - /* Dark theme for code */ } - code:before { - color: #acb3c2; - content: attr(data-lang); - font-size: 0.9rem; - position: absolute; - right: 1rem; - top: 0.7rem; } - code.dark { - background-color: #363636; - color: #fff; } - -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 #f03d4d; - margin: 0; +/* EXTENDED LINKS */ +/* Animated links */ +.u, +.utb { + display: inline; position: relative; - color: #222; } - -/* - Functions -*/ -/* - Converts a given hex value to RGB. -*/ -/* Color scheme for Cirrus */ -/* TODO: Move to dimensions.scss */ -/* v2 Colors */ -/* TODO: Deprecate CSS Vars */ -@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"); -: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: #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.7rem; - --font-size-s: 0.85rem; - --font-size-m: 1rem; - --font-size-l: 1.35rem; - --font-size-xl: 1.75rem; } - -/* FONT */ -/* Constants */ -/* Headers */ -h1 { - font-family: 'Montserrat', sans-serif; - font-size: 2.5rem; - font-weight: 700; - line-height: 1.2; - margin-bottom: 1rem; } - -h2 { - font-family: 'Montserrat', sans-serif; - font-size: 2.25rem; - 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; } + /* So the psuedo-elements are positioned correctly */ } -h4 { - font-family: 'Montserrat', sans-serif; - font-size: 1.75rem; - font-weight: 700; - line-height: 1.2; - margin-bottom: 1rem; } +/* 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; } -h5 { - font-family: 'Montserrat', sans-serif; - font-size: 1.5rem; - font-weight: 700; - line-height: 1.2; - margin-bottom: 1rem; } +.u:hover::after { + width: 100%; } -h6 { - font-family: 'Montserrat', sans-serif; - font-size: 1.25rem; - font-weight: 700; - line-height: 1.2; - margin-bottom: 1rem; } +.u.u-LR::after { + /* Left to Right */ + left: 0; } -/* Silent header Deprecated 0.5.6 -h1 .silent, -h2 .silent, -h3 .silent, -h4 .silent, -h5 .silent, -h6 .silent { - color: #788196; -} */ -h1 { - letter-spacing: 0.025rem; } +.u.u-LR::after { + /* Left to Right */ + left: 0; } -p, -article, -blockquote { - font-size: 1rem; - line-height: 2; - margin-bottom: 1rem; } +.u.u-RL::after { + /* Right to Left */ + right: 0; } -p.lead { - font-size: 1.2rem; } +.u.u-RL:hover::after { + width: 100%; } -blockquote { - background-color: #f5f5f5; - border-left: 5px solid #dbdbdb; - border-radius: 3px; - font-size: 1.15rem; - margin-bottom: 1rem; - padding: 1rem 2rem; } - blockquote p { - margin: 0; - font-size: 0.95rem; } +.u.u-C::after { + /* Center Outwards */ + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); } -cite { - opacity: 0.7; } +/* Underline top and bottom */ +.utb { + /* Opposite start */ } + .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); } + .utb::before { + top: -0.25em; } + .utb::after { + bottom: -0.25em; } + .utb:hover::before, .utb:hover::after { + width: 100%; } + .utb.utb-LR::before, .utb.utb-LR::after { + left: 0; } + .utb.utb-RL::before, .utb.utb-RL::after { + right: 0; } + .utb.utb-C::before, .utb.utb-C::after { + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); } + .utb.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.utb-OLR::after { + right: 0; } + .utb.utb-ORL::before { + right: 0; } + .utb.utb-ORL::after { + left: 0; } -mark, -.mark { - padding: 0.2em; - background-color: #f0e8c4; } +/* 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::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::after { + right: 0; + top: -0.2rem; } + .usquare:hover::before, .usquare:hover::after { + height: calc(100% + 0.4rem); + /* Makes the left and right borders */ } + .usquare:hover a::before, + .usquare:hover a::after { + width: 100%; } + .usquare.delay::before { + transition-delay: 0.6s; } + .usquare.delay::after { + transition-delay: var(--animation-duration); } + .usquare.delay a::after { + transition: 0.25s all ease 0.4s; } + .usquare a { + position: static; + padding: 0.2rem 0.4rem; + transition: 0.25s all ease; } + .usquare a::before { + left: 0; } + .usquare a::after { + right: 0; } + +/* Spacing */ +/* Fonts */ +/* Media Queries */ +/* 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 */ + /* Different size modals */ + /* The modal dialog body with the text itself */ + /* MODAL ANIMATIONS */ + /* Visible state */ } + .modal:target, .modal.shown { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + opacity: 1; + z-index: 999; + pointer-events: auto; + /* Re-enable pointer events */ + /* 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); } + .modal:target .modal-container, + .modal:target .modal-container, .modal.shown .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; } + .modal.modal-small .modal-content { + max-width: 20rem; + /* 320px */ } + .modal.modal-large .modal-content { + max-width: 60rem; + /* 960px */ } + .modal .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 */ + /* Restrict width */ } + .modal .modal-content.small { + max-width: 32rem; } + .modal .modal-content h1, + .modal .modal-content h2, + .modal .modal-content h3, + .modal .modal-content h4, + .modal .modal-content h5, + .modal .modal-content h6 { + color: var(--cirrus-fg); } + .modal .modal-content .modal-header { + padding: 1rem 2.5rem; } + .modal .modal-content .modal-header .modal-title { + font-weight: bolder; + font-size: 1.4rem; } + .modal .modal-content .modal-body { + padding: 1rem 2.5rem; + overflow-y: auto; + max-height: 50vh; + /* Max height is 50% of viewport height which prevents dialog from extetnding past screen */ + position: relative; } + .modal .modal-content .modal-footer { + padding: 1rem 2.5rem; + text-align: right; } + @media screen and (max-width: 768px) { + .modal .modal-content { + max-width: 90%; } } + .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; + /* Force dialog to appear in the center */ + display: -ms-flexbox; + display: flex; + opacity: 0; + transition: 300ms all ease; } + .modal:target.modal-animated--zoom-in, .modal:target.modal-animated--zoom-out { + opacity: 1; + transition: 300ms all ease; } + .modal.modal-animated--zoom-in .modal-content { + transform: scale(0.8); + transition: 300ms all ease; } + .modal:target.modal-animated--zoom-in .modal-content, + .modal:target.modal-animated--zoom-out .modal-content { + transform: scale(1); + transition: 300ms all ease; } + .modal.modal-animated--zoom-out .modal-content { + transform: scale(1.2); + transition: 300ms all ease; } -/* Headlines (for larger titles) */ -.headline-1 { - font-size: 8.5rem; - letter-spacing: 0.05rem; } +/* 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); } } -.headline-2 { - font-size: 7.5rem; - letter-spacing: 0.05rem; } +@keyframes slide-down { + 0% { + opacity: 0; + -webkit-transform: translateY(-3rem); + transform: translateY(-3rem); } + 100% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); } } -.headline-3 { - font-size: 6.5rem; - letter-spacing: 0.05rem; } +@media only screen and (max-width: 768px) { + .modal-content { + max-width: 90%; } } -.headline-4 { - font-size: 5.5rem; - letter-spacing: 0.05rem; } +/* 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; } -/* Deprecated, use font-bold */ -.font-alt { - font-family: 'Nunito Sans'; } +/* 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; } -.content h1 { - line-height: 1.125em; - margin: 1rem 0; } +/* Input (primary text-based) controls apply to inputs */ +.input-control--pilled { + border-radius: 6.25rem !important; } -.content h2 { - line-height: 1.125em; - margin: 1rem 0; } +/* Theme modifiers */ +/* GLOBAL THEME SELECTORS */ +.bg-primary { + background-color: var(--cirrus-primary) !important; } -.content h3 { - line-height: 1.125em; - margin: 1rem 0; } +.text-primary { + color: var(--cirrus-primary) !important; } -.content h4 { - line-height: 1.125em; - margin: 1rem 0; } +.bg-success { + background-color: var(--cirrus-success) !important; } -.content h5 { - line-height: 1.125em; - margin: 1rem 0; } +.text-success { + color: var(--cirrus-success) !important; } -.content h6 { - line-height: 1.125em; - margin: 1rem 0; } +.bg-warning { + background-color: var(--cirrus-warning) !important; } -/* TODO: To deprecate */ -.title { - font-weight: bold; } +.text-warning { + color: var(--cirrus-warning) !important; } -.title:not(:last-child), -.subtitle:not(:last-child) { - margin-bottom: 1rem; } +.bg-danger { + background-color: var(--cirrus-danger) !important; } -.title + .subtitle { - /* Make the subtitlte closer to the title */ - margin-top: -0.75rem; } +.text-danger { + color: var(--cirrus-danger) !important; } -/* 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; } +.bg-light { + background-color: var(--cirrus-light) !important; } -/* Weights */ -.font-thin { - font-weight: 200; } +.text-light { + color: var(--cirrus-light) !important; } -.font-light { - font-weight: 300; } +.bg-dark { + background-color: var(--cirrus-dark) !important; } -.font-normal { - font-weight: 400; } +.text-dark { + color: var(--cirrus-dark) !important; } -.font-semibold { - font-weight: 600; } +.bg-link { + background-color: var(--cirrus-link) !important; } -.font-bold { - font-weight: 700; } +.text-link { + color: var(--cirrus-link) !important; } -/* Text Transformations */ -.uppercase { - text-transform: "uppercase"; } +.bg-link-dark { + background-color: var(--cirrus-link-dark) !important; } -.lowercase { - text-transform: "lowercase"; } +.text-link-dark { + color: var(--cirrus-link-dark) !important; } -.capitalize { - text-transform: "capitalize"; } +.bg-info { + background-color: var(--cirrus-info) !important; } -.rtl { - direction: rtl; } +.text-info { + color: var(--cirrus-info) !important; } -.white { - color: #fff !important; } +/* PAGINATION */ +/* Parent contianer for page navigation */ +.pagination { + display: flex; + display: -ms-flexbox; } -.faded { - opacity: 0.75; } +/* 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%; } -.font-italic { - font-style: italic; } +.pagination a { + color: #5d6c7b; } -/* 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; } - .icon.x-small { - margin: 0.55rem 0 0 0.1rem; } - .icon.small { - margin: 0.95rem 0 0 0.1rem; } - .icon .fa-wrapper { - font-size: inherit; - vertical-align: middle; } +.pagination .pagination-item a[disabled] { + cursor: pointer; + opacity: 0.5; + pointer-events: none; + user-select: none; } -.info { - display: block; - font-size: var(--font-size-s); - margin-top: 0.25rem; - color: #868e96; } - .info.inline { - /* Keeps the extra info inline */ - display: inline-block; - margin-left: 0.5rem; } +.pagination .pagination-item { + margin: 1rem 0.1rem; + transition: all 0.3s; } -.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; } +.pagination .pagination-item.pagination-next { + text-align: right; } -/* Other text elements */ -abbr[title] { - border-bottom: 0.1rem dotted; - cursor: help; - text-decoration: none; } +.pagination .pagination-item.pagination-prev { + text-align: left; } -kbd { - background-color: var(--cirrus-fg); - border-radius: 0.2rem; - color: #fff; +/* Pagination Item */ +.pagination-item-subtitle { + opacity: 0.7; + margin: 0; + /* Needed to override style after formatting paragraph update */ } + +/* Color the selected pagination item with accent color */ +.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; - padding: 0.5rem; - vertical-align: baseline; } + line-height: 1.25; + padding: 0.5rem 0.75rem; } -/* MOBILE */ -@media (max-width: 650px) { - 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; } - p, - article, - blockquote { - margin: 1rem 0; } } +/* 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; } -/* - Functions -*/ -/* - Converts a given hex value to RGB. -*/ -/* Color scheme for Cirrus */ -/* TODO: Move to dimensions.scss */ -/* v2 Colors */ -/* TODO: Deprecate CSS Vars */ -: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: #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.7rem; - --font-size-s: 0.85rem; - --font-size-m: 1rem; - --font-size-l: 1.35rem; - --font-size-xl: 1.75rem; } +.pagination .pagination-item.short:first-child a { + border-top-left-radius: .25rem; + border-bottom-left-radius: .25rem; } -/* FOOTER */ -.footer { - background-color: #212529; - 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: #868e96; } - .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: #868e96; - transition: all var(--animation-duration); - font-size: 75%; - text-transform: uppercase; } +.pagination .pagination-item.short:last-child a { + border-top-right-radius: .25rem; + border-bottom-right-radius: .25rem; } -/* - Functions -*/ -/* - Converts a given hex value to RGB. -*/ -/* Color scheme for Cirrus */ -/* TODO: Move to dimensions.scss */ -/* v2 Colors */ -/* TODO: Deprecate CSS Vars */ -: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: #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.7rem; - --font-size-s: 0.85rem; - --font-size-m: 1rem; - --font-size-l: 1.35rem; - --font-size-xl: 1.75rem; } +.pagination .pagination-item.short:not(.selected):hover { + background-color: rgba(0, 0, 0, 0.1); } -/* - Functions -*/ -/* - Converts a given hex value to RGB. -*/ -/* Color scheme for Cirrus */ -/* TODO: Move to dimensions.scss */ -/* v2 Colors */ -/* TODO: Deprecate CSS Vars */ -: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: #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.7rem; - --font-size-s: 0.85rem; - --font-size-m: 1rem; - --font-size-l: 1.35rem; - --font-size-xl: 1.75rem; } +.pagnation .pagination-item.ellipses { + color: #b5b5b5; + pointer-events: none; } -/* - Global Mixins -*/ -/* FORMS */ -/* - Mixins -*/ -/* - Styles -*/ -input:not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']):not([type='reset']) { - width: 100%; - border: 1px solid #dee2e6; - border-radius: 3px; - font-family: 'Nunito Sans'; - font-size: var(--font-size-m); - letter-spacing: 0.02rem; +/* Bordered pagination */ +.pagination.pagination-bordered .pagination-item.short a { + border: 1px solid #dedede; + border-radius: 0; + margin-left: -1px; } + +/* 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; - outline: none; - padding: 0.85rem 1.1rem; - /* Input Field Sizes */ - /* Hold Font Awesome glyphs inside input fields */ - /* More sizes coming soon */ - /* Search field */ } - 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 { - 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 { - 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 { - 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 { - 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 { - 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']):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 { - 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 { - 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 { - 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 { - 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 { - 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 { - 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 { - 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 { - 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'])[type='search'], input:not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']):not([type='reset']).search { - background-repeat: no-repeat; - background-position: left 0.6rem center; - background-image: url('data:image/svg+xml;utf8,'); - /* NEEDS FIXING */ - padding-left: 2rem !important; - -webkit-appearance: none; - /* Fix Safari issue */ } - input:not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']):not([type='reset'])[type='color'] { - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05); - box-sizing: border-box; - transition: 0.3s; - outline: 0; - position: relative; - height: 3rem; - background-color: #fff; - padding: 0.55rem 0.8rem !important; } - input:not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']):not([type='reset']).input-success { - border-color: var(--cirrus-success) !important; - background-color: rgba(0, 224, 0, 0.05) !important; } - input:not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']):not([type='reset']).input-success:focus { - box-shadow: 0 0 0 0.2rem rgba(13, 209, 87, 0.55), inset 0px 1px 8px rgba(0, 0, 0, 0.07); } - input:not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']):not([type='reset']).input-error { - border-color: var(--cirrus-danger) !important; - background-color: rgba(244, 67, 54, 0.05) !important; } - input:not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']):not([type='reset']).input-error:focus { - box-shadow: 0 0 0 0.2rem rgba(251, 65, 67, 0.55), inset 0px 1px 8px rgba(0, 0, 0, 0.07); } + color: var(--cirrus-primary); } -textarea, -textarea[type='text'] { - width: 100%; - border: 1px solid #dee2e6; +/* 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; - 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 */ - margin: 0.5rem 0; - padding: 1rem 1.3rem; - min-height: 8rem; - line-height: 1.5rem; - resize: vertical; } - textarea.input-xsmall, - textarea select.input-xsmall, - textarea[type='text'].input-xsmall, - textarea[type='text'] select.input-xsmall { - font-size: var(--font-size-xs); - padding: 0.35rem 0.9rem; } - textarea.input-small, - textarea select.input-small, - textarea[type='text'].input-small, - textarea[type='text'] select.input-small { - font-size: var(--font-size-s); - padding: 0.55rem 1rem; } - textarea.input-large, - textarea select.input-large, - textarea[type='text'].input-large, - textarea[type='text'] select.input-large { - font-size: var(--font-size-l); } - textarea.input-xlarge, - textarea select.input-xlarge, - textarea[type='text'].input-xlarge, - textarea[type='text'] select.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.input-xsmall, textarea.input-contains-icon-right.input-xsmall, - textarea[type='text'].input-contains-icon.input-xsmall, - textarea[type='text'].input-contains-icon-right.input-xsmall { - padding-left: 2rem; } - textarea.input-contains-icon.input-xsmall ~ .icon, - textarea.input-contains-icon-left.input-xsmall ~ .icon, - textarea.input-contains-icon-right.input-xsmall ~ .icon.icon-right, - textarea[type='text'].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 { - line-height: 1.75rem; - width: 1.75rem; - font-size: 7px; } - textarea.input-contains-icon.input-small, textarea.input-contains-icon-right.input-small, - textarea[type='text'].input-contains-icon.input-small, - textarea[type='text'].input-contains-icon-right.input-small { - padding-left: 2.5rem; } - textarea.input-contains-icon.input-small ~ .icon, - textarea.input-contains-icon-left.input-small ~ .icon, - textarea.input-contains-icon-right.input-small ~ .icon.icon-right, - textarea[type='text'].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 { - line-height: 2rem; - width: 2.5rem; - font-size: 14px; } - textarea.input-contains-icon.input-large, textarea.input-contains-icon-right.input-large, - textarea[type='text'].input-contains-icon.input-large, - textarea[type='text'].input-contains-icon-right.input-large { - padding-left: 3.5rem; } - textarea.input-contains-icon.input-large ~ .icon, - textarea.input-contains-icon-left.input-large ~ .icon, - textarea.input-contains-icon-right.input-large ~ .icon.icon-right, - textarea[type='text'].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 { - line-height: 3.5rem; - width: 3.5rem; - font-size: 28px; } - textarea.input-contains-icon.input-xlarge, textarea.input-contains-icon-right.input-xlarge, - textarea[type='text'].input-contains-icon.input-xlarge, - textarea[type='text'].input-contains-icon-right.input-xlarge { - padding-left: 4rem; } - textarea.input-contains-icon.input-xlarge ~ .icon, - textarea.input-contains-icon-left.input-xlarge ~ .icon, - textarea.input-contains-icon-right.input-xlarge ~ .icon.icon-right, - textarea[type='text'].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 { - line-height: 2.5rem; - width: 3.75rem; - font-size: 35px; } + text-align: center; + padding: 3rem 2rem; + color: #6c7892; + /* Lighter than original text color */ + display: block; } -input:not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']):not([type='reset']):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, 0.45), inset 0px 1px 8px rgba(0, 0, 0, 0.07); } +/* Not sure if needed */ +.placeholder-icon { + text-align: center; } -select { - width: 100%; - border: 1px solid #dee2e6; - border-radius: 3px; - 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 */ - background-color: #fff; - border: 1px solid #ddd; - /* Fixes for Safari and other browsers for consistent UI */ - /* Select sizes */ } - select.input-xsmall, - select select.input-xsmall { - font-size: var(--font-size-xs); - padding: 0.35rem 0.9rem; } - select.input-small, - select select.input-small { - font-size: var(--font-size-s); - padding: 0.55rem 1rem; } - select.input-large, - select select.input-large { - font-size: var(--font-size-l); } - select.input-xlarge, - select 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.input-xsmall, select.input-contains-icon-right.input-xsmall { - padding-left: 2rem; } - 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; } - select.input-contains-icon.input-small, select.input-contains-icon-right.input-small { - padding-left: 2.5rem; } - 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; } - select.input-contains-icon.input-large, select.input-contains-icon-right.input-large { - padding-left: 3.5rem; } - 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; } - select.input-contains-icon.input-xlarge, select.input-contains-icon-right.input-xlarge { - padding-left: 4rem; } - 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; } - select[multiple] option { - padding: 0.2rem 0.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") no-repeat right 0.85rem center/0.5rem 0.6rem no-repeat; - -webkit-appearance: none; } - select.input-xsmall { - padding: 0.65rem 0.9rem; } - select.input-small { - padding: 0.75rem 1rem; } - select.input-large { - padding: 0.95rem 1.2rem; } - select.input-xlarge { - padding: 1.05rem 1.3rem; } +.placeholder .placeholder-title, +.placeholder .placeholder-subtitle { + margin: 1rem auto; } -input:not([class*='btn-']):disabled, -input:not([class*=' btn-']):disabled:hover, -select:disabled, -textarea:disabled { - background-color: #f1f3f5; - cursor: not-allowed; - border: 1px solid #f1f3f5; } +.placeholder .placeholder-subtitle { + opacity: 0.7; + margin: 0; } -label.label { - color: #495057; - display: inline-block; - /* changed from block */ - font-weight: bold; - margin-top: 0.8rem; } +/* Place buttons here for the placeholder */ +.placeholder .placeholder-commands { + margin-top: 1rem; } -label.label:not(:last-child) { - margin-bottom: 0; } +/* 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); } -label:first-child:not(:last-child):not(.form-group-label) { - margin-right: 0.5rem; } +/* 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; } -label:not(:first-child):not(:last-child):not(.form-group-label) { - margin: 0 0.5rem; } +.tab-container li { + display: block; + /* Keep the tabs from extending too far */ + cursor: pointer; + margin: 0; + text-align: center; } -label:last-child:not(:first-child):not(.form-group-label) { - margin-left: 0.5rem; } +.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-width: 2px; + margin-bottom: -1px; + /* Get rid of any remaining border lines */ + background-color: var(--cirrus-bg); } -/* Required asterisk */ -.required { - /* Use this in a span or a div */ - position: relative; - top: 1px; - font-weight: bold; - color: #DB3839; - padding-left: 0.1rem; } +.tab-container li:hover a { + border-bottom-color: rgba(240, 61, 77, 0.6); + transition: all .3s; } -/* 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; } +.tab-container li.selected a { + border-bottom-color: var(--cirrus-primary); + color: var(--cirrus-primary); + border-width: 2px; + transition: all .3s; } -.input-contains-icon ~ .icon { - display: flex; - align-items: center; +/* Shift tabs to the center */ +.tab-container.tabs-center ul { justify-content: center; - height: 100%; } + -webkit-box-pack: center; + -ms-flex-pack: center; } -.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; } +/* Shift tabs to the right */ +.tab-container.tabs-right ul { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; } -.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; } +/* Depth tab styles */ +.tab-container.tabs-depth ul { + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1); + border-bottom: 0; } -/* Form section just adds extra spacing between form elements tiled vertically */ -.form-section { - /* A flexbox version of form-section for inline forms */ } - .form-section:not(:last-child) { - margin-bottom: 0.5rem; } - .form-section.section-inline { - display: flex; } - .form-section button { - align-items: center; - flex-grow: 0; - /* Keep it from taking up extra space */ - display: flex; - flex-shrink: 0; } - .form-section input, - .form-section .section-body { - align-items: center; - flex-grow: 1; } +/* 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; } -/* Form groups that group inputs with other controls. */ -.form-group { - /* 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. */ - display: flex; - display: -ms-flexbox; - margin: 0.5rem 0; - /* Add margin to the container since they have been removed from children */ - /* Fixes the text width being cut off */ - /* Form group controls */ - /* Keeps inputs in form group above other components */ } - .form-group .form-group-btn { - -webkit-flex: 1 0 auto; - -ms-flex: 1 0 auto; - flex: 1 0 auto; - margin-bottom: 0; - /* Style the front controls */ - /* Style the middle controls */ - /* Handles right most control in form group */ } - .form-group .form-group-btn: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) { - border-radius: 0; - margin-left: -0.1rem; - margin-right: -0.1rem; - /* Remove spacing in middle controls */ } - .form-group .form-group-btn:last-child:not(:first-child) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - margin-left: -0.1rem; } - .form-group .form-group-label { - background-color: var(--cirrus-form-group-bg); - border: 1px solid #dee2e6; - border-radius: 0.2rem; - color: var(--cirrus-form-group-fg); - margin: 0; - padding: 0.8rem; - user-select: none; - z-index: 1; - /* Style the front controls */ - /* Style the middle controls */ - /* Handles right most control in form group */ } - .form-group .form-group-label:first-child:not(:last-child) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; } - .form-group .form-group-label:not(:first-child):not(:last-child) { - border-radius: 0; - margin-left: -0.1rem; - margin-right: -0.1rem; - /* Remove spacing in middle controls */ } - .form-group .form-group-label:last-child:not(:first-child) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - margin-left: -0.1rem; } - .form-group .form-group-label.label-xsmall { - font-size: 0.55rem; - padding: 0.5rem 0.9rem; } - .form-group .form-group-label.label-small { - font-size: 0.75rem; - padding: 0.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 { - /* Style the front controls */ - /* Style the middle controls */ - /* Handles right most control in form group */ } - .form-group .form-group-input:first-child:not(:last-child) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; } - .form-group .form-group-input:not(:first-child):not(:last-child) { - border-radius: 0; - margin-left: -0.1rem; - margin-right: -0.1rem; - /* Remove spacing in middle controls */ } - .form-group .form-group-input:last-child:not(:first-child) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - margin-left: -0.1rem; } - -/* Change place holder color */ -::-moz-placeholder { - color: #a9a9a9; - /* Lighter than the default */ } - -::-webkit-input-placeholder { - color: #a9a9a9; - /* Lighter than the default */ } - -@media screen and (max-width: 768px) { - /* Remove flex in form-section */ - .form-section.section-inline { - display: inherit; } } +.tab-container.tabs-classic li:not(.selected) a:hover { + background-color: #f0f0f0; + transition: all .3s; } -/* - Functions -*/ -/* - Converts a given hex value to RGB. -*/ -/* Color scheme for Cirrus */ -/* TODO: Move to dimensions.scss */ -/* v2 Colors */ -/* TODO: Deprecate CSS Vars */ -: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: #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.7rem; - --font-size-s: 0.85rem; - --font-size-m: 1rem; - --font-size-l: 1.35rem; - --font-size-xl: 1.75rem; } +.tab-container.tabs-classic li a { + border: 1px solid transparent; + border-bottom-color: #dbdbdb; + border-radius: 3px 3px 0 0; + transition: all .3s; } -/* Separate CSS file, but same part as Layout */ -/* The base container that is similar in structure to a card but more flexible */ -.frame { - border-radius: 3px; - box-shadow: 0 0.2rem 1.25rem 0 rgba(27, 30, 36, 0.07); - display: flex; - display: -ms-flexbox; - flex-direction: column; - -webkit-flex-direction: column; - -ms-flex-direction: column; - /* For the frame header and footer, use flex display */ - /* The frame navbar can be used with level or header classes to create a navigation menu */ } - .frame .frame__header, - .frame .frame__footer { - 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; - /* Show the scrollbar when needed */ - padding: 0 1.5rem; } - .frame .frame__title { - color: #374054; - font-size: 1rem; - margin: .75rem auto 0; } - .frame .frame__subtitle { - color: rgba(55, 64, 84, 0.6); - font-size: 1rem; - margin: 0 auto .75rem; } +.tab-container.tabs-classic li.selected a { + color: var(--cirrus-primary); + border-color: #dbdbdb; + border-bottom-color: transparent !important; } -/* HEADER */ -.header { +/* 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; - 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; } + flex-shrink: 0; + /* Disable shrinking to original width */ + flex-basis: 0; } -.header a { - color: #8292a2; } +/* Override the -webkit-box display that sizes tab items based on text */ +.tab-container.tabs-fill ul { + display: flex; + /* Equal size tabs */ } -.header a:hover { - color: #697888; } +/* Different tab sizes */ +.tab-container.tabs-xsmall { + font-size: 0.6rem; } -/* Header dark theme */ -.header-dark { - background-color: rgba(0, 0, 0, 0.87); - color: #fff; } +.tab-container.tabs-small { + font-size: 0.75rem; } -.header-clear { - background-color: transparent; - box-shadow: none; } +.tab-container.tabs-large { + font-size: 1.25rem; } -/* 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; } +.tab-container.tabs-xlarge { + font-size: 1.5rem; } -.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; } +/* Font Awesome Integration */ +.tab-container .icon:first-child { + /* Left icon */ + margin-right: .75rem; } -/* The container that contains all the header menu components. Child of header */ -.header-nav { - /* Flex display 768px and higher */ - overflow: auto; } +.tab-container .icon:last-child { + /* Right icon */ + margin-left: .75rem; } -/* Styles for header menu (aka the nav bar) */ -.nav-menu { - -webkit-transition: all 0.3s; - transition: all 0.3s; } +/* 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; } -.nav-item.has-sub { - position: relative; } +.tag.tag--large { + font-size: 120%; } -/* 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; } +.tag.tag--xlarge { + font-size: 150%; } -/* 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 */ } - -/* 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; } - -.nav-item a { - align-items: center; - display: flex; } +.tag.tag--rounded { + border-radius: 290486px; } -/* 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); } +/* 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; } -.header:not(.header-clear) .nav-item.active, -.header:not(.header-clear) .nav-item.active:hover { - background-color: rgba(216, 216, 216, 0.35); } +.tag--delete:hover { + background-color: rgba(10, 10, 10, 0.3); } -/* 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; } - -/* Just add a transition in general */ -.nav-item .dropdown-menu.dropdown-animated { - -webkit-transition: all var(--animation-duration); - transition: all var(--animation-duration); } - -/* 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; +/* Draw the delete button */ +.tag.tag--delete::before, +.tag.tag--delete::after { + background-color: var(--cirrus-light); + 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; + left: 50%; + position: absolute; 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; } -/* 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 */ } +.tag.tag--delete::before { + height: 1px; + width: 50%; } -/* 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; } +.tag.tag--delete::after { + height: 50%; + width: 1px; } -.dropdown-menu.dropdown-shown, -.nav-item.active { - opacity: 1; } +/* TAG THEMES */ +.tag.tag--delete { + margin-left: 0.25rem; + margin-right: -0.375rem; } -.dropdown-menu > li > a { - display: block; - padding: 0.5rem 1rem; - clear: both; - line-height: 1.42857143; - white-space: nowrap; } +.tag.tag--white { + background-color: #fff; + color: var(--cirrus-dark); } -/* Theme for dark menu */ -.header-dark .nav-item a, -.header-dark .dropdown-menu > li > a { +.tag.tag--black { + background-color: #000; color: #fff; } -.dropdown-menu > li { - margin: 0; - -webkit-transition: all 0.3s; - transition: all 0.3s; } +.tag.tag--dark { + background-color: var(--cirrus-dark); + color: #fff; } -.dropdown-menu > li:hover { - -webkit-transition: all 0.3s; - transition: all 0.3s; - background-color: rgba(216, 216, 216, 0.15); } +.tag.tag--primary { + background-color: var(--cirrus-primary); + color: #fff; } -.dropdown-menu > li:active { - -webkit-transition: all 0.3s; - transition: all 0.3s; - background-color: rgba(216, 216, 216, 0.25); } +.tag.tag--link { + background-color: var(--cirrus-link); + color: #fff; } -.dropdown-menu > li:last-child { - margin-bottom: 0; } +.tag.tag--info { + background-color: var(--cirrus-info); + color: #fff; } -.dropdown-menu .dropdown-menu-divider { - border: none; - background-color: rgba(216, 216, 216, 0.15); - height: 1px; - margin: 0.5rem 0; } +.tag.tag--success { + background-color: var(--cirrus-success); + color: #fff; } -.nav-btn { - cursor: pointer; - display: block; - height: 3.5rem; - position: relative; - width: 3.5rem; } +.tag.tag--warning { + background-color: var(--cirrus-warning); + color: var(--cirrus-fg); } -.header .btn, -.header button, -.header input[type="submit"] { - margin: 0; } +.tag.tag--danger { + background-color: var(--cirrus-danger); + color: #fff; } -@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; } } +/* TAG CONTAINER */ +.tag-container { + display: flex; + flex-wrap: 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; } } +/* Add margin in between tag containers */ +.tag-container:not(:last-child) { + margin-bottom: 1rem; } -@media screen and (min-width: 1023px) { - .header { - padding: 0 2rem; } } +.tag-container .tag { + margin-bottom: 0.5rem; } -/* HEADER */ -.content { - max-width: 60em; - margin: 0 auto 1.5em; - width: 80%; } +.tag-container .tag:not(:last-child) { + margin-right: 0.5rem; } -/* .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; } +/* Used for grouping tags together */ +.tag-container.group-tags .tag { + margin-right: 0; } -/* This works well with panel */ -section { - display: block; } - -.panel { - padding: 2.5em 0; } +.tag-container.group-tags .tag:first-child { + border-radius: .25rem 0 0 .25rem; } -/* 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; } +.tag-container.group-tags .tag:not(:first-child):not(:last-child) { + border-radius: 0; } -.divider[data-content] { - margin: 0.8rem 0; } +.tag-container.group-tags .tag:last-child { + border-radius: 0 .25rem .25rem 0; } -.divider--v[data-content] { - display: block; - padding: 0.8rem; } +/* Tag close button */ +.tag.tag__close-btn { + padding: 0; + position: relative; + width: 1.5rem; } -.divider--v::before { - border-left: 0.05rem solid rgba(173, 173, 173, 0.5); - bottom: 0.4rem; - content: ''; +.tag.tag__close-btn::before, +.tag.tag__close-btn::after { + background-color: var(--cirrus-fg); + 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 0.4rem; - position: absolute; - transform: translate(-50%, -50%); - top: 50%; } - -.divider--v[data-content] { - left: 50%; - padding: 0.2rem 0; - position: absolute; top: 50%; - transform: translate(-50%, -50%); } - -/* Removed 0.5.5 */ -/* .divider-short { - max-width: 15rem; - width: 100%; -} */ -/* Hero image div */ -.hero-img { - /* Specify the backgroud image yourself */ - background-size: cover; } - -.parallax-img { - background-attachment: fixed !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; } + 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; } -.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%; } +.tag.tag__close-btn::before { + height: 1px; + width: 50%; } -.space { - display: block; - width: 100%; - height: 1rem; } +.tag.tag__close-btn::after { + height: 50%; + width: 1px; } -.space.large { - padding: 1rem 0; } +/* MISC */ +a.tag:hover { + text-decoration: underline; } -.space.xlarge { - padding: 2rem 0; } +.tag-container.tag-container--grouped .tag:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } -/* Use for spacing out elements vertically */ -.row { - -ms-flex: 1; - flex: 1; - /* max-width: 100%; */ - flex-wrap: wrap; - padding: 0.5rem 0; } +.tag-container.tag-container--grouped .tag:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } -.r { - /* Legacy row pre 0.5.5 */ - max-width: 100%; - padding: 0.5rem; } +/* Tag positioning */ +.tag-container.tag-container--centered { + justify-content: center; } -.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 */ } +.tag-container.tag-container--centered .tag { + margin: 0 0.25rem; } -.row::after { - content: ''; - clear: both; - display: table; } +.tag-container.tag-container--right { + justify-content: flex-end; } -/* GRID */ -.row .col { - display: block; - flex: 1; - padding: 0.15rem 0.75rem; } +.tag-container.tag-container--right .tag:not(:first-child) { + margin-left: 0.5rem; } -.row .col-1 { - width: 8.33333333%; } +.tag-container.tag-container--right .tag:not(:last-child) { + margin-right: 0; } -.row .col-2 { - width: 16.66666667%; } +/* 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 */ } -.row .col-3 { - width: 25%; } +.tile p { + font-size: 0.95rem; } -.row .col-4 { - width: 33.33333333%; } +.tile .tile__icon, +.tile .tile__buttons { + flex: 0 0 auto; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; } -.row .col-5 { - width: 41.66666667%; } +/* 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 */ } -.row .col-6 { - width: 50%; } +.tile .tile__container { + flex: 1 1 auto; + -webkit-flex: 1 1 auto; + -ms-flex: 1 1 auto; } -.row .col-7 { - width: 58.33333333%; } +/* Add spacing between the elements in between */ +.tile .tile__container:not(:first-child) { + padding-left: 1rem; } -.row .col-8 { - width: 66.66666667%; } +.tile .tile__container:not(:last-child) { + padding-right: 1rem; } -.row .col-9 { - width: 75%; } +.tile .tile__title { + line-height: 2rem; + font-weight: bolder; + margin: 0.1rem auto; } -.row .col-10 { - width: 83.33333333%; } +.tile .tile__subtitle { + line-height: 1.25rem; + opacity: 0.7; + margin: 0.1rem auto; } -.row .col-11 { - width: 91.66666667%; } +/* Force elements to align at the center vertical height */ +.tile.tile--center { + align-items: center; + -webkit-align-items: center; + -ms-flex-align: center; } -.row .col-12 { - width: 100%; } +.tile.tile--center .tile__container { + /* Shrink the text to fit inside the tile */ + overflow: hidden; } -/* Column offsets on the left side */ -.row .offset-1 { - margin-left: 8.33333333%; } +/* 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; } -.row .offset-2 { - margin-left: 16.66666667%; } +.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; } -.row .offset-3 { - margin-left: 25%; } +/* .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; } -.row .offset-4 { - margin-left: 33.33333333%; } +.toast p { + margin: 0; } -.row .offset-5 { - margin-left: 41.66666667%; } +.toast.toast--translucent { + opacity: .5; } -.row .offset-6 { - margin-left: 50%; } +.toast.toast--translucent:hover { + opacity: 1; } -.row .offset-7 { - margin-left: 58.33333333%; } +.toast .btn-close { + position: absolute; + right: 1rem; + top: 1rem; } -.row .offset-8 { - margin-left: 66.66666667%; } +/* TOAST TYPES */ +.toast.toast--primary { + background-color: var(--toast-primary-bg); + border-color: var(--toast-primary-bg); } -.row .offset-9 { - margin-left: 75%; } +.toast.toast--success { + background-color: var(--cirrus-success); + border-color: var(--cirrus-success); } -.row .offset-10 { - margin-left: 83.33333333%; } +.toast.toast--warning { + background-color: var(--cirrus-warning); + border-color: var(--cirrus-warning); } -.row .offset-11 { - margin-left: 91.66666667%; } +.toast.toast--error { + background-color: var(--cirrus-danger); + border-color: var(--cirrus-danger); } -.row .offset-12 { - margin-left: 100%; } +.toast.toast--info { + background-color: var(--cirrus-info); + border-color: var(--cirrus-info); } -/* Auto align col to left in row */ -.row .offset-right { - margin-left: 0; - margin-right: auto; } +.toast.toast--link { + background-color: var(--cirrus-link); + border-color: var(--cirrus-link); } -/* Auto align col to middle in row */ -.row .offset-center { - margin-left: auto; - margin-right: auto; } +.toast.toast--primary { + background-color: var(--cirrus-primary); + border-color: var(--cirrus-primary); } -/* Auto align col to right in row */ -.row .offset-left { - margin-left: auto; - margin-right: 0; } +/* Add the rest later */ +.toast a { + color: var(--cirrus-light); + transition: all .3s; } -/* Use in parent div of fluid col Deprecated in 0.5.6, use .row -.fluid-container { - display: flex; - overflow: auto; -} +.toast a:hover { + opacity: .8; + transition: all .3s; } -/* 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; -} +/* 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 */ } -/* 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; } - -/* Columns without the spacing */ -.row.no-space [class^='col-'], -.row.no-space [class*=' col-'] { - padding: 0; } - -/* 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; } - -/* 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; } - -.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: 1; - flex-shrink: 1; - text-align: left; - width: 100%; } - -/* Width CSS */ -.w-10 { - width: 10%; } - -.w-20 { - width: 20%; } - -.w-30 { - width: 30%; } - -.w-40 { - width: 40%; } - -.w-50 { - width: 50%; } - -.w-60 { - width: 60%; } +/* 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; } -.w-70 { - width: 70%; } +/* 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; } -.w-80 { - width: 80%; } +/* Tooltip top left */ +.tooltip.tooltip--top-left::after { + -webkit-transform: translate(-50%, 0); + transform: translate(-50%, 0); } -.w-90 { - width: 90%; } +.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); } -.w-100 { - width: 100%; } +/* Tooltip top right */ +.tooltip.tooltip--top-right::after { + left: auto; + -webkit-transform: translate(15%, 0); + transform: translate(15%, 0); } -.w-auto { - width: auto; } +.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); } -/* Height CSS */ -.h-10 { - height: 10%; } +/* 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; } -.h-20 { - height: 20%; } +.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; } -.h-30 { - height: 30%; } +/* Tooltip bottom left */ +.tooltip.tooltip--bottom-left::after { + top: 100%; + -webkit-transform: translate(-65%, -1rem); + transform: translate(-65%, -1rem); + bottom: auto; } -.h-40 { - height: 40%; } +.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); } -.h-50 { - height: 50%; } +/* Tooltip bottom right */ +.tooltip.tooltip--bottom-right::after { + left: auto; + top: 100%; + -webkit-transform: translate(0%, -1rem); + transform: translate(0%, -1rem); + bottom: auto; } -.h-60 { - height: 60%; } +.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); } -.h-70 { - height: 70%; } +/* 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%); } -.h-80 { - height: 80%; } +.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%); } -.h-90 { - height: 90%; } +/* 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%); } -.h-100 { - height: 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%); } -.h-auto { - height: auto; } - -@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; } } - -/* 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; } } - -/* LINKS */ -a { - color: var(--cirrus-link); - font-weight: 600; - padding: 2px; - text-decoration: none; - transition: all 0.3s; } - -a:hover { - color: var(--cirrus-link-dark); - transition: all 0.3s; } - -a:visited, -a:hover, -a:active { - backface-visibility: hidden; - text-decoration: none; } - -.subtitle a { - padding: 0; - /* Removes weird offset in subtitle links */ } - -/* a.display-block { Deprecated 0.5.5 - display: block; -} */ -a.underline { - text-decoration: underline; } - -p a, -h1 a, -h2 a, -h3 a, -h4 a, -h5 a, -h6 a, -blockquote a, -article a { - display: inline; } - -a .btn, -a button, -[type='submit'] a { - margin-bottom: 0; - /* Remove random excess space */ } - -/* LISTS */ -ul, -ol { - margin: 1rem 0 1rem 1rem; - padding-inline-start: 0.5rem; } - -ul { - list-style: disc; } - -/* Handle nesting */ -ul ul, -ol ul, -ul ol, -ol ol { - margin: 0 0 0 1rem; } - -/* Nested list bullet types */ -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; } - -/* Description lists */ -dl { - margin: 1rem 0; } - -/* Detail title */ -dt { - font-weight: 700; } - -dd { - margin-bottom: 0.5rem; } - -li { - margin: 0.25rem 0; } - -/* Exclude margin in menus */ -li:not(.dropdown-menu > li):last-child { - margin-bottom: 1rem; } - -/* MISC */ -ul.no-bullets { - list-style: none; } - -/* MENU LISTS */ -.menu { - font-size: 1rem; } - -ul.menu { - list-style: none; - margin: 0.5rem 0; } - -/* Style headers to have even space distribution. */ -.menu-title:not(:first-child) { - margin-bottom: 1rem; } - -.menu-title:not(:last-child) { - margin-top: 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); } - -.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); } +/* + Functions +*/ +/* + Converts a given hex value to RGB. +*/ +/* Spacing */ +/* Fonts */ +/* Media Queries */ +/* Color scheme for Cirrus */ +/* v2 Colors */ +: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: #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.7rem; + --font-size-s: 0.85rem; + --font-size-m: 1rem; + --font-size-l: 1.35rem; + --font-size-xl: 1.75rem; } -.menu .menu-item.selected > a { - color: #fff; - background-color: var(--cirrus-primary); } +/* + Functions +*/ +/* + Converts a given hex value to RGB. +*/ +/* + Functions +*/ +/* + Converts a given hex value to RGB. +*/ +/* Spacing */ +/* Fonts */ +/* Media Queries */ +/* Color scheme for Cirrus */ +/* v2 Colors */ +: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: #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.7rem; + --font-size-s: 0.85rem; + --font-size-m: 1rem; + --font-size-l: 1.35rem; + --font-size-xl: 1.75rem; } -.menu .menu-item .menu-addon { - padding: 0.3rem; - z-index: 1; - position: relative; - color: var(--cirrus-fg); +/* + Global Mixins +*/ +/* 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; - float: left; - margin-right: 0.1rem; - -webkit-transition: all var(--animation-duration); - transition: all var(--animation-duration); } - -.menu .menu-item .menu-addon .icon { - font-size: inherit; } - -/* 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); } - -.menu .menu-item .menu-addon.right { - float: right; - margin-right: 0; - margin-left: 0.1rem; } - -.menu .menu-item.selected .menu-addon { - color: #fff; } - -/* Style sub menus inside a menu */ -.menu .menu-item ul { - border-left: 1px solid #dbdbdb; - margin: 0.75rem; - padding-left: 0.75rem; } - -/* Menu item divider */ -.menu .divider { - border-top: 0.1rem solid #eee; - height: 0.1rem; - margin: 1rem 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); } - -/* Dropdown menu for dropdown buttons */ -.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: 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); } - -.list-dropdown.dropdown-right .menu { - left: auto; - right: 0; } - -/* 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); } - -.list-dropdown .btn-group .btn-dropdown:nth-last-child(2) { - border-bottom-right-radius: 3px; - border-top-right-radius: 3px; } - -/* TREE */ -/* Tree Navigation Menu */ -.tree { - margin: 0; } - -/* 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 */ } - -/* 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); } - -/* Expand the tree-item-body (has menu-items) */ -.tree .tree-item input:checked ~ .tree-item-body { - max-height: 100vh; } - -/* Rotate the dropdown glyph */ -.tree .tree-item input:checked ~ .tree-item-header .icon { - -webkit-transform: rotate(90deg); - transform: rotate(90deg); } - -/* 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); } - -/* 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; } - -/* 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 container for the tree component to prevent it from overflowing */ -.tree-nav .tree-nav-container { - overflow-y: auto; - top: 4rem; - bottom: 1rem; } - -/* Darkened area that will close the navbar when clicked for mobile only */ -.tree-nav + .tree-nav-close { - display: none; - /* Not needed in desktop */ } - -/* 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; } - -/* 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; } - -/* Decrease font-weight in tree-nav menu-items */ -.tree-item-body .menu .menu-item a { - font-weight: 400; } - -@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%; } } - -/* 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; } - -/* Add to parent container to make media child fill container */ -.media-stretch { - display: block; - padding: 0; - overflow: hidden; - width: 100%; - 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 */ } - -/* 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%; } - -/* For HTML5 video objects */ -.media-stretch video { - height: auto; - max-width: 100%; - width: 100%; } - -/* Alternate media ratios */ -.media-stretch.rat-4-3::before { - padding-bottom: 75%; } - -.media-stretch.rat-1-1::before { - padding-bottom: 100%; } - -/* FIGURES */ -/* For flexible media display */ -.fig { - margin: 0 0 0.5rem 0; - /* Small margin at the bottom */ } - -.fig .fig-caption { - margin-top: 1rem; } - -/* IMAGES */ -.img-stretch { - max-width: 100%; - height: auto; - display: block; } - -.img-cover { - object-fit: cover; } - -.img-contain { - object-fit: contain; } - -/* Margin */ -.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; } - -/* Padding */ -.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 */ -.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 */ } - -.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; } - -.table tr { - transition: all 0.3s; } - -.table caption { - padding-top: 0.75rem; - padding-bottom: 0.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, 0.15); } - -/* Thicker border for table header */ -.table thead th, -.table thead { - border-bottom: 2px solid rgba(219, 219, 219, 0.49); } - -.table.bordered thead th, -.table.bordered thead { - border-bottom: 1px solid rgba(219, 219, 219, 0.5); } - -.table thead th, -.table tfoot th { - padding: 1rem; } - -.table tfoot th { - border-top: 2px solid rgba(219, 219, 219, 0.5); - border-bottom: none; } - -/* CUSTOM STYLES */ -/* All borders */ -.table.bordered td, -.table.bordered th { - border: 1px solid rgba(219, 219, 219, 0.5); } - -.table.bordered thead td, -.table.borderd thead { - border-width: 1px; } - -/* Striped table */ -.table.striped tbody tr:nth-child(even) { - background-color: rgba(0, 0, 0, 0.05); } - -/* Decrease padding */ -.table.small td, -.table.small th { - padding: 0.25rem 0.75rem; } - -/* Fixed title table */ -.table.fixed-head thead { - position: relative; - display: block; } + transition: all var(--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: #f8f9fa; + --btn-fg: #495057; + --btn-border-color: #dee2e6; + /* Base States */ + /* Loading Button*/ + /* Make the loading circle, if present, white when button is active */ + /* Animated Button */ + /* Close Button */ + /* BUTTON STYLES */ + /* Regular */ + /* Extra small button */ + /* Small button */ + /* Big button */ + /* STATES */ + /* GLYPHS */ + /* Alternatives to pad-left and pad-right */ } + button:hover, + .btn:hover, + [type='submit']:hover { + transition: all var(--animation-duration); + --btn-color: #e9ecef; } + button:active, + .btn:active, + [type='submit']:active { + transition: var(--animation-duration) ease; } + button:focus, + .btn:focus, + [type='submit']:focus { + outline: none; } + button:disabled, + .btn:disabled, + [type='submit']:disabled { + cursor: not-allowed; + opacity: 0.5; } + button.outline, + .btn.outline, + [type='submit'].outline { + --btn-color: transparent; } + button.outline:hover, + .btn.outline:hover, + [type='submit'].outline:hover { + --btn-color: #e9ecef; } + button.loading:active::after, + .btn.loading:active::after, + [type='submit'].loading:active::after { + border-radius: 50%; + border-right-color: transparent; + border-top-color: transparent; + transition: var(--animation-duration) ease; } + button.btn-animated, + .btn.btn-animated, + [type='submit'].btn-animated { + transition: calc(var(--animation-duration) / 2) ease; } + button.btn-animated:active, + .btn.btn-animated:active, + [type='submit'].btn-animated:active { + -webkit-transform: scale(0.98); + transform: inherit, scale(0.98); + transition: calc(var(--animation-duration) / 2) ease; } + button.btn-close, + .btn.btn-close, + [type='submit'].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; + /* Render the x in the close button */ } + button.btn-close:hover, + .btn.btn-close:hover, + [type='submit'].btn-close:hover { + background-color: var(--gray-900); } + button.btn-close::before, + .btn.btn-close::before, + [type='submit'].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%; } + button.btn-close::after, + .btn.btn-close::after, + [type='submit'].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; } + button.btn-transparent, + .btn.btn-transparent, + [type='submit'].btn-transparent { + --btn-color: transparent; + --btn-fg: var(--cirrus-dark); + --btn-border-color: transparent; } + button.btn-transparent:focus, + .btn.btn-transparent:focus, + [type='submit'].btn-transparent:focus { + box-shadow: 0 0 0 0.2rem rgba(246, 249, 252, 0.5); } + button.btn-transparent:hover, + .btn.btn-transparent:hover, + [type='submit'].btn-transparent:hover { + --btn-color: rgba(0, 0, 0, 0.1); } + button.btn-transparent.outline, + .btn.btn-transparent.outline, + [type='submit'].btn-transparent.outline { + color: var(--cirrus-dark); } + button.btn-light, + .btn.btn-light, + [type='submit'].btn-light { + --btn-color: var(--cirrus-light); + --btn-fg: var(--cirrus-dark); + --btn-border-color: var(--cirrus-light); } + button.btn-light:hover, + .btn.btn-light:hover, + [type='submit'].btn-light:hover { + --btn-color: var(--cirrus-light-hover); } + button.btn-light:focus, + .btn.btn-light:focus, + [type='submit'].btn-light:focus { + box-shadow: 0 0 0 0.2rem rgba(246, 249, 252, 0.5); } + button.btn-dark, + .btn.btn-dark, + [type='submit'].btn-dark { + --btn-color: var(--cirrus-dark); + --btn-fg: var(--cirrus-light); + --btn-border-color: var(--cirrus-dark); } + button.btn-dark:focus, + .btn.btn-dark:focus, + [type='submit'].btn-dark:focus { + box-shadow: 0 0 0 0.2rem rgba(54, 54, 54, 0.5); } + button.btn-dark:hover, + .btn.btn-dark:hover, + [type='submit'].btn-dark:hover { + --btn-color: var(--cirrus-dark-hover); } + button.btn-dark.outline:hover, + .btn.btn-dark.outline:hover, + [type='submit'].btn-dark.outline:hover { + --btn-color: var(--cirrus-dark); } + button.btn-black, + .btn.btn-black, + [type='submit'].btn-black { + --btn-color: #000; + --btn-fg: var(--cirrus-light); + --btn-border-color: #000; } + button.btn-black:focus, + .btn.btn-black:focus, + [type='submit'].btn-black:focus { + box-shadow: 0 0 0 0.2rem rgba(54, 54, 54, 0.5); } + button.btn-black:hover, + .btn.btn-black:hover, + [type='submit'].btn-black:hover { + --btn-color: #000; } + button.btn-primary, + .btn.btn-primary, + [type='submit'].btn-primary { + --btn-color: var(--cirrus-primary); + --btn-fg: var(--cirrus-light); + --btn-border-color: var(--cirrus-accent-border); } + button.btn-primary:focus, + .btn.btn-primary:focus, + [type='submit'].btn-primary:focus { + box-shadow: 0 0 0 0.2rem rgba(240, 61, 77, 0.5); } + button.btn-primary:hover, + .btn.btn-primary:hover, + [type='submit'].btn-primary:hover { + --btn-color: var(--cirrus-accent-hover); } + button.btn-primary.outline:hover, + .btn.btn-primary.outline:hover, + [type='submit'].btn-primary.outline:hover { + --btn-color: var(--cirrus-primary); } + button.btn-info, + .btn.btn-info, + [type='submit'].btn-info { + --btn-color: var(--cirrus-info); + --btn-fg: var(--cirrus-light); + --btn-border-color: var(--cirrus-info); } + button.btn-info:focus, + .btn.btn-info:focus, + [type='submit'].btn-info:focus { + box-shadow: 0 0 0 0.2rem rgba(41, 114, 250, 0.5); } + button.btn-info:hover, + .btn.btn-info:hover, + [type='submit'].btn-info:hover { + --btn-color: var(--cirrus-info-hover); } + button.btn-info.outline:hover, + .btn.btn-info.outline:hover, + [type='submit'].btn-info.outline:hover { + --btn-color: var(--cirrus-info); } + button.btn-link, + .btn.btn-link, + [type='submit'].btn-link { + --btn-color: var(--cirrus-link); + --btn-fg: var(--cirrus-light); + --btn-border-color: var(--cirrus-link); } + button.btn-link:focus, + .btn.btn-link:focus, + [type='submit'].btn-link:focus { + box-shadow: 0 0 0 0.2rem rgba(94, 92, 199, 0.5); } + button.btn-link:hover, + .btn.btn-link:hover, + [type='submit'].btn-link:hover { + --btn-color: var(--cirrus-link-dark); } + button.btn-link.outline, + .btn.btn-link.outline, + [type='submit'].btn-link.outline { + --btn-fg: var(--cirrus-link); + border: 1px solid transparent; } + button.btn-link.outline:hover, + .btn.btn-link.outline:hover, + [type='submit'].btn-link.outline:hover { + --btn-color: var(--cirrus-link-hover); + border: 1px solid transparent; + text-decoration: underline; } + button.btn-success, + .btn.btn-success, + [type='submit'].btn-success { + --btn-color: var(--cirrus-success); + --btn-fg: var(--cirrus-light); + --btn-border-color: var(--cirrus-success); } + button.btn-success:focus, + .btn.btn-success:focus, + [type='submit'].btn-success:focus { + box-shadow: 0 0 0 0.2rem rgba(13, 209, 87, 0.5); } + button.btn-success:hover, + .btn.btn-success:hover, + [type='submit'].btn-success:hover { + --btn-color: var(--cirrus-success-hover); } + button.btn-success.outline:hover, + .btn.btn-success.outline:hover, + [type='submit'].btn-success.outline:hover { + --btn-color: var(--cirrus-success); } + button.btn-warning, + .btn.btn-warning, + [type='submit'].btn-warning { + --btn-color: var(--cirrus-warning); + --btn-fg: var(--cirrus-dark); + --btn-border-color: var(--cirrus-warning); } + button.btn-warning:focus, + .btn.btn-warning:focus, + [type='submit'].btn-warning:focus { + box-shadow: 0 0 0 0.2rem rgba(250, 182, 51, 0.5); } + button.btn-warning:hover, + .btn.btn-warning:hover, + [type='submit'].btn-warning:hover { + --btn-color: var(--cirrus-warning-hover); } + button.btn-warning.outline:hover, + .btn.btn-warning.outline:hover, + [type='submit'].btn-warning.outline:hover { + --btn-color: var(--cirrus-warning); } + button.btn-danger, + .btn.btn-danger, + [type='submit'].btn-danger { + --btn-color: var(--cirrus-danger); + --btn-fg: var(--cirrus-light); + --btn-border-color: var(--cirrus-danger); } + button.btn-danger:focus, + .btn.btn-danger:focus, + [type='submit'].btn-danger:focus { + box-shadow: 0 0 0 0.2rem rgba(251, 65, 67, 0.5); } + button.btn-danger:hover, + .btn.btn-danger:hover, + [type='submit'].btn-danger:hover { + --btn-color: var(--cirrus-danger-hover); } + button.btn-danger.outline:hover, + .btn.btn-danger.outline:hover, + [type='submit'].btn-danger.outline:hover { + --btn-color: var(--cirrus-danger); } + button.btn-xsmall, + .btn.btn-xsmall, + [type='submit'].btn-xsmall { + padding: 0 0.5rem; + font-size: 50%; } + button.btn-small, + .btn.btn-small, + [type='submit'].btn-small { + padding: 0.25rem 1rem; + font-size: 70%; } + button.btn-large, + .btn.btn-large, + [type='submit'].btn-large { + padding: 0.75rem 2rem; + font-size: 90%; } + button.btn-xlarge, + .btn.btn-xlarge, + [type='submit'].btn-xlarge { + padding: 1rem 2.5rem; + font-size: 110%; } + button.btn-success, + .btn.btn-success, + [type='submit'].btn-success { + border-color: var(--cirrus-success); } + button.btn-success:focus, + .btn.btn-success:focus, + [type='submit'].btn-success:focus { + box-shadow: 0 0 0 0.2rem rgba(13, 209, 87, 0.55), inset 0px 1px 8px rgba(0, 0, 0, 0.07); } + button.btn-error, + .btn.btn-error, + [type='submit'].btn-error { + border-color: var(--cirrus-danger); } + button.btn-error:focus, + .btn.btn-error:focus, + [type='submit'].btn-error:focus { + box-shadow: 0 0 0 0.2rem rgba(251, 65, 67, 0.55), inset 0px 1px 8px rgba(0, 0, 0, 0.07); } + button .fa-wrapper, + .btn .fa-wrapper, + [type='submit'] .fa-wrapper { + /* Override default behavior of aligning font awesome icons to the top */ + vertical-align: baseline; } + button .fa-wrapper.pad-right, + .btn .fa-wrapper.pad-right, + [type='submit'] .fa-wrapper.pad-right { + margin-right: 0.4rem; } + button .fa-wrapper.pad-left, + .btn .fa-wrapper.pad-left, + [type='submit'] .fa-wrapper.pad-left { + margin-left: 0.4rem; } + button span:first-child, + .btn span:first-child, + [type='submit'] span:first-child { + margin-right: 0.2rem; } + button span:last-child, + .btn span:last-child, + [type='submit'] span:last-child { + margin-left: 0.2rem; } -.table.fixed-head tbody { - height: 200px; - /* Set the height you want */ - display: block; - /* Needed */ - overflow: auto; - /* Shows scrollbars */ } +/* Deprecated 0.5.6, use m-1 instead */ +[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); + /* Outline Variants */ } + [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); } -.table.fixed-head tr { - display: table; - width: 100%; - /* Forces row to span container */ } +/* 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 tr.selected { - /* Style a selected row */ - background-color: var(--cirrus-primary); - color: #fff; } +/* 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; } + .btn-group .btn { + -ms-flex: 1 0 auto; + -webkit-box-flex: 1; + flex: 1 0 auto; + margin: 0; } + .btn-group .btn:first-child:not(:last-child) { + /* Style the first child in group > 1 buttons */ + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + .btn-group .btn: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; } + .btn-group .btn:not(:first-child):not(:last-child) { + /* Style button in middle of group */ + border-radius: 0; + /* Remove roundness from center buttons */ + margin-left: -0.1rem; } + .btn-group button { + -ms-flex: 1 0 auto; + -webkit-box-flex: 1; + flex: 1 0 auto; + margin: 0; } + .btn-group button:first-child:not(:last-child) { + /* Style the first child in group > 1 buttons */ + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + .btn-group button: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; } + .btn-group button:not(:first-child):not(:last-child) { + /* Style button in middle of group */ + border-radius: 0; + /* Remove roundness from center buttons */ + margin-left: -0.1rem; } + .btn-group [type="submit"] { + -ms-flex: 1 0 auto; + -webkit-box-flex: 1; + flex: 1 0 auto; + margin: 0; } + .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; } + .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; } + .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; } + .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; } + .btn-group.btn-group-fill .btn { + -ms-flex: 1 0; + -webkit-box-flex: 1; + flex: 1 0; + /* Make the buttons fill the available width and proportion themselves */ } + .btn-group.btn-group-fill button { + -ms-flex: 1 0; + -webkit-box-flex: 1; + flex: 1 0; + /* Make the buttons fill the available width and proportion themselves */ } + .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 */ } -/* Borderless Table (for inner cells) */ -.table.borderless thead th, -.table.borderless th, -.table.borderless td { - border: none; } +@media screen and (max-width: 768px) { + .btn-group { + display: flex; + flex-direction: column; } + .btn-group .btn { + margin-bottom: -1px; } + .btn-group .btn:first-child:not(:last-child) { + border-radius: 0.25rem 0.25rem 0 0; } + .btn-group .btn:not(:first-child):not(:last-child) { + margin-left: 0; } + .btn-group .btn:last-child:not(:first-child) { + border-radius: 0 0 0.25rem 0.25rem; + margin-left: 0; } + .btn-group button { + margin-bottom: -1px; } + .btn-group button:first-child:not(:last-child) { + border-radius: 0.25rem 0.25rem 0 0; } + .btn-group button:not(:first-child):not(:last-child) { + margin-left: 0; } + .btn-group button:last-child:not(:first-child) { + border-radius: 0 0 0.25rem 0.25rem; + margin-left: 0; } + .btn-group [type="submit"] { + margin-bottom: -1px; } + .btn-group [type="submit"]:first-child:not(:last-child) { + border-radius: 0.25rem 0.25rem 0 0; } + .btn-group [type="submit"]:not(:first-child):not(:last-child) { + margin-left: 0; } + .btn-group [type="submit"]:last-child:not(:first-child) { + border-radius: 0 0 0.25rem 0.25rem; + margin-left: 0; } } /* Functions @@ -3616,10 +2990,11 @@ video.video-fullscreen { /* Converts a given hex value to RGB. */ +/* Spacing */ +/* Fonts */ +/* Media Queries */ /* Color scheme for Cirrus */ -/* TODO: Move to dimensions.scss */ /* v2 Colors */ -/* TODO: Deprecate CSS Vars */ :root { /* v1 Colors */ --cirrus-fg: #374054; @@ -3663,2340 +3038,3491 @@ video.video-fullscreen { --font-size-l: 1.35rem; --font-size-xl: 1.75rem; } -/* UTILS */ -/* Utility classes to help solve some very annoying issues */ -.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-static { - position: static !important; } - -.u-position-relative { - position: static !important; } - -.u-position-absolute { - position: absolute !important; } - -.u-position-fixed { - position: fixed !important; } - -.u-position-sticky { - position: sticky !important; } - -/* - 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; } - -/* This is mainly to keep elements from overlapping when using floats */ -.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-center { - text-align: center !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; } - -/* 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; } - -.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%); } - -.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; } - -/* Deprecated 0.5.6 */ -/* .u-box { - background-color: white; +/* 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; - 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; -} + /* Dark theme for code */ } + code:before { + color: #acb3c2; + content: attr(data-lang); + font-size: 0.9rem; + position: absolute; + right: 1rem; + top: 0.7rem; } + code.dark { + background-color: #363636; + color: #fff; } -.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; -} +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 #f03d4d; + margin: 0; + position: relative; + color: #222; } -.u-no-padding { - padding: 0 !important; -} +/* + Functions */ -.u-margin-auto { - margin: 0 auto !important; } - -/* Round the corners of the element */ -.u-round { - border-radius: 0.1rem; } - -/* Turns element into a circle */ -.u-circle { - border-radius: 50%; } +/* + Converts a given hex value to RGB. +*/ +/* Spacing */ +/* Fonts */ +/* Media Queries */ +/* Color scheme for Cirrus */ +/* v2 Colors */ +@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"); +: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: #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.7rem; + --font-size-s: 0.85rem; + --font-size-m: 1rem; + --font-size-l: 1.35rem; + --font-size-xl: 1.75rem; } -/* Remove outline or drop shadow when element is focused */ -.u-no-shadow { - box-shadow: none; } +/* FONT */ +/* Constants */ +/* Headers */ +h1 { + font-family: 'Montserrat', sans-serif; + font-size: 2.5rem; + font-weight: 700; + line-height: 1.2; + margin-bottom: 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; } } +h2 { + font-family: 'Montserrat', sans-serif; + font-size: 2.25rem; + font-weight: 700; + line-height: 1.2; + margin-bottom: 1rem; } -/* Hide elements based on screen size */ -@media screen and (max-width: 768px) { - .u-hide-mobile { - display: none !important; } } +h3 { + font-family: 'Montserrat', sans-serif; + font-size: 2rem; + font-weight: 700; + line-height: 1.2; + margin-bottom: 1rem; } -@media screen and (min-width: 768px) { - /* Hide on devices that are tablets or larger */ - .u-hide-tablet { - display: none !important; } } +h4 { + font-family: 'Montserrat', sans-serif; + font-size: 1.75rem; + font-weight: 700; + line-height: 1.2; + margin-bottom: 1rem; } -@media screen and (min-width: 769px) and (max-width: 1023px) { - .u-hide-tablet-only { - display: none !important; } } +h5 { + font-family: 'Montserrat', sans-serif; + font-size: 1.5rem; + font-weight: 700; + line-height: 1.2; + margin-bottom: 1rem; } -@media screen and (min-width: 1024px) { - /* Hide element on laptops, desktops, etc */ - .u-hide-desktop { - display: none !important; } } +h6 { + font-family: 'Montserrat', sans-serif; + font-size: 1.25rem; + font-weight: 700; + line-height: 1.2; + margin-bottom: 1rem; } -/* ANIMATIONS */ -/* Spinning loading animation */ -@-webkit-keyframes loading { - from { - transform: rotate(0deg); } - to { - transform: rotate(359deg); } } +/* Silent header Deprecated 0.5.6 +h1 .silent, +h2 .silent, +h3 .silent, +h4 .silent, +h5 .silent, +h6 .silent { + color: #788196; +} */ +h1 { + letter-spacing: 0.025rem; } -@keyframes loading { - from { - transform: rotate(0deg); } - to { - transform: rotate(359deg); } } +p, +article, +blockquote { + font-size: 1rem; + line-height: 2; + margin-bottom: 1rem; } -/* Hover animation */ -.hover-grow { - /* Mouse leave */ - transition-duration: 0.32s; } +p.lead { + font-size: 1.2rem; } -.hover-grow:hover { - /* Mouse enter */ - transform: scale(1.1); - transition-duration: 0.08s; } +blockquote { + background-color: #f5f5f5; + border-left: 5px solid #dbdbdb; + border-radius: 3px; + font-size: 1.15rem; + margin-bottom: 1rem; + padding: 1rem 2rem; } + blockquote p { + margin: 0; + font-size: 0.95rem; } -/* Loading button position relatively for loading spinner location */ -.animated.loading { - display: block; - position: relative; } +cite { + opacity: 0.7; } -/* 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; } +mark, +.mark { + padding: 0.2em; + background-color: #f0e8c4; } -.animated.loading.loading-white::after { - border-left-color: #fff; - border-bottom-color: #fff; } +/* Headlines (for larger titles) */ +.headline-1 { + font-size: 8.5rem; + letter-spacing: 0.05rem; } -/* Align spinner left */ -.animated.loading.loading-left::after { - left: 2rem; - right: auto; } +.headline-2 { + font-size: 7.5rem; + letter-spacing: 0.05rem; } -.animated.loading.loading-left { - padding-left: 4rem; } +.headline-3 { + font-size: 6.5rem; + letter-spacing: 0.05rem; } -/* Align spinner right */ -.animated.loading.loading-right::after { - left: auto; - right: 2rem; } +.headline-4 { + font-size: 5.5rem; + letter-spacing: 0.05rem; } -.animated.loading.loading-right { - padding-right: 4rem; } +/* Deprecated, use font-bold */ +.font-alt { + font-family: 'Nunito Sans'; } -/* Hide text in loading button */ -.animated.loading.hide-text { - color: transparent !important; } +.content h1 { + line-height: 1.125em; + margin: 1rem 0; } -/* Heart animation */ -@-webkit-keyframes pound { - to { - transform: scale(1.1); } } +.content h2 { + line-height: 1.125em; + margin: 1rem 0; } -@keyframes pound { - to { - transform: scale(1.1); } } +.content h3 { + line-height: 1.125em; + margin: 1rem 0; } -.animated.pulse { - animation: pound 0.35s infinite alternate; - -webkit-animation: pound 0.35s infinite alternate; - vertical-align: baseline; } +.content h4 { + line-height: 1.125em; + margin: 1rem 0; } -/* 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); } } +.content h5 { + line-height: 1.125em; + margin: 1rem 0; } -@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); } } +.content h6 { + line-height: 1.125em; + margin: 1rem 0; } -.animated.bounce { - animation-name: bounce; - -webkit-animation-name: bounce; - transform-origin: center bottom; - -webkit-transform-origin: center bottom; } +/* TODO: To deprecate */ +.title { + font-weight: bold; } -@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); } } +.title:not(:last-child), +.subtitle:not(:last-child) { + margin-bottom: 1rem; } -.animated.bounceIn { - animation-name: bounceIn; } +.title + .subtitle { + /* Make the subtitlte closer to the title */ + margin-top: -0.75rem; } -@-webkit-keyframes fadeIn { - from { - opacity: 0; } - to { - opacity: 1; } } +/* 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; } -@keyframes fadeIn { - from { - opacity: 0; } - to { - opacity: 1; } } +/* Weights */ +.font-thin { + font-weight: 200; } -.animated.fadeIn { - -webkit-animation-name: fadeIn; - animation-name: fadeIn; } +.font-light { + font-weight: 300; } -.animated { - -webkit-animation-duration: 1s; - animation-duration: 1s; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; } +.font-normal { + font-weight: 400; } -.animated.infinite { - -webkit-animation-iteration-count: infinite; - animation-iteration-count: infinite; } +.font-semibold { + font-weight: 600; } -.animated.infinite.alternate { - animation-direction: alternate; } +.font-bold { + font-weight: 700; } -.animated.paused { - -webkit-animation-play-state: paused !important; - /* Safari 4.0 - 8.0 */ - animation-play-state: paused !important; } +/* Text Transformations */ +.uppercase { + text-transform: "uppercase"; } -/* 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; } +.lowercase { + text-transform: "lowercase"; } -/* 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%); } +.capitalize { + text-transform: "capitalize"; } -.avatar.avatar--xsmall { - font-size: 0.8rem; - width: 1.6rem; - height: 1.6rem; } +.rtl { + direction: rtl; } -.avatar.avatar--small { - font-size: 1rem; - height: 2.4rem; - width: 2.4rem; } +.white { + color: #fff !important; } -.avatar.avatar--large { - font-size: 2rem; - height: 4.8rem; - width: 4.8rem; } +.faded { + opacity: 0.75; } -.avatar.avatar--xlarge { - font-size: 2.6rem; - height: 6.4rem; - width: 6.4rem; } +.font-italic { + font-style: italic; } -.avatar img.padded { - padding: 0.5rem; - width: 100%; } +/* 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; } + .icon.x-small { + margin: 0.55rem 0 0 0.1rem; } + .icon.small { + margin: 0.95rem 0 0 0.1rem; } + .icon .fa-wrapper { + font-size: inherit; + vertical-align: middle; } -/* 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; } +.info { + display: block; + font-size: var(--font-size-s); + margin-top: 0.25rem; + color: #868e96; } + .info.inline { + /* Keeps the extra info inline */ + display: inline-block; + margin-left: 0.5rem; } -.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); } +.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; } + +/* Other text elements */ +abbr[title] { + border-bottom: 0.1rem dotted; + cursor: help; + text-decoration: none; } + +kbd { + background-color: var(--cirrus-fg); + border-radius: 0.2rem; + color: #fff; + display: inline-block; + line-height: 1; + padding: 0.5rem; + vertical-align: baseline; } + +/* MOBILE */ +@media (max-width: 650px) { + 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; } + p, + article, + blockquote { + margin: 1rem 0; } } -.slide-up:hover .card-image { - transform: translateY(-40px); } +/* + Functions +*/ +/* + Converts a given hex value to RGB. +*/ +/* Spacing */ +/* Fonts */ +/* Media Queries */ +/* Color scheme for Cirrus */ +/* v2 Colors */ +: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: #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.7rem; + --font-size-s: 0.85rem; + --font-size-m: 1rem; + --font-size-l: 1.35rem; + --font-size-xl: 1.75rem; } -.card:hover .card-image::after { - opacity: 0; } +/* FOOTER */ +.footer { + background-color: #212529; + 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: #868e96; } + .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: #868e96; + transition: all var(--animation-duration); + font-size: 75%; + text-transform: uppercase; } -.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; } - -.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; } +/* + Functions +*/ +/* + Converts a given hex value to RGB. +*/ +/* Spacing */ +/* Fonts */ +/* Media Queries */ +/* Color scheme for Cirrus */ +/* v2 Colors */ +: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: #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.7rem; + --font-size-s: 0.85rem; + --font-size-m: 1rem; + --font-size-l: 1.35rem; + --font-size-xl: 1.75rem; } -.card-container { - display: block; - position: relative; - height: 40%; - min-height: 332px; - /* So it appears in html5 standards mode */ } +/* + Functions +*/ +/* + Converts a given hex value to RGB. +*/ +/* Spacing */ +/* Fonts */ +/* Media Queries */ +/* Color scheme for Cirrus */ +/* v2 Colors */ +: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: #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.7rem; + --font-size-s: 0.85rem; + --font-size-m: 1rem; + --font-size-l: 1.35rem; + --font-size-xl: 1.75rem; } -.card .title-container .title, -.card .title-container .subtitle { - color: #fff; - margin: 1rem auto; } +/* + Global Mixins +*/ +/* FORMS */ +/* + Mixins +*/ +/* + Styles +*/ +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: 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 */ + /* Search field */ } + 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; } + input:not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']):not([type='reset'])[type='search'], input:not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']):not([type='reset']).search, + select[type='search'], + select.search { + background-repeat: no-repeat; + background-position: left 0.6rem center; + background-image: url('data:image/svg+xml;utf8,'); + /* NEEDS FIXING */ + padding-left: 2rem !important; + -webkit-appearance: none; + /* Fix Safari issue */ } + 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, 0.05); + box-sizing: border-box; + transition: 0.3s; + outline: 0; + position: relative; + height: 3rem; + background-color: #fff; + padding: 0.55rem 0.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, 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 0.2rem rgba(13, 209, 87, 0.55), inset 0px 1px 8px rgba(0, 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, 0.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 0.2rem rgba(251, 65, 67, 0.55), inset 0px 1px 8px rgba(0, 0, 0, 0.07); } -.card .title-container { - position: absolute; - bottom: 1rem; +textarea, +textarea[type='text'] { 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, 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; } - -.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); } - -/* Add some padding to the buttons */ -.card .action-bar button, -.card .action-bar .btn, -.card .action-bar [type='submit'] { - margin: 0 0.5rem; } - -.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; } + border: 1px solid #dee2e6; + border-radius: 3px; + 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 */ + margin: 0.5rem 0; + padding: 1rem 1.3rem; + min-height: 8rem; + line-height: 1.5rem; + resize: vertical; } + textarea.input-xsmall, + textarea select.input-xsmall, + textarea[type='text'].input-xsmall, + textarea[type='text'] select.input-xsmall { + font-size: var(--font-size-xs); + padding: 0.35rem 0.9rem; } + textarea.input-small, + textarea select.input-small, + textarea[type='text'].input-small, + textarea[type='text'] select.input-small { + font-size: var(--font-size-s); + padding: 0.55rem 1rem; } + textarea.input-large, + textarea select.input-large, + textarea[type='text'].input-large, + textarea[type='text'] select.input-large { + font-size: var(--font-size-l); } + textarea.input-xlarge, + textarea select.input-xlarge, + textarea[type='text'].input-xlarge, + textarea[type='text'] select.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.input-xsmall, textarea.input-contains-icon-right.input-xsmall, + textarea[type='text'].input-contains-icon.input-xsmall, + textarea[type='text'].input-contains-icon-right.input-xsmall { + padding-left: 2rem; } + textarea.input-contains-icon.input-xsmall ~ .icon, + textarea.input-contains-icon-left.input-xsmall ~ .icon, + textarea.input-contains-icon-right.input-xsmall ~ .icon.icon-right, + textarea[type='text'].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 { + line-height: 1.75rem; + width: 1.75rem; + font-size: 7px; } + textarea.input-contains-icon.input-small, textarea.input-contains-icon-right.input-small, + textarea[type='text'].input-contains-icon.input-small, + textarea[type='text'].input-contains-icon-right.input-small { + padding-left: 2.5rem; } + textarea.input-contains-icon.input-small ~ .icon, + textarea.input-contains-icon-left.input-small ~ .icon, + textarea.input-contains-icon-right.input-small ~ .icon.icon-right, + textarea[type='text'].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 { + line-height: 2rem; + width: 2.5rem; + font-size: 14px; } + textarea.input-contains-icon.input-large, textarea.input-contains-icon-right.input-large, + textarea[type='text'].input-contains-icon.input-large, + textarea[type='text'].input-contains-icon-right.input-large { + padding-left: 3.5rem; } + textarea.input-contains-icon.input-large ~ .icon, + textarea.input-contains-icon-left.input-large ~ .icon, + textarea.input-contains-icon-right.input-large ~ .icon.icon-right, + textarea[type='text'].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 { + line-height: 3.5rem; + width: 3.5rem; + font-size: 28px; } + textarea.input-contains-icon.input-xlarge, textarea.input-contains-icon-right.input-xlarge, + textarea[type='text'].input-contains-icon.input-xlarge, + textarea[type='text'].input-contains-icon-right.input-xlarge { + padding-left: 4rem; } + textarea.input-contains-icon.input-xlarge ~ .icon, + textarea.input-contains-icon-left.input-xlarge ~ .icon, + textarea.input-contains-icon-right.input-xlarge ~ .icon.icon-right, + textarea[type='text'].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 { + line-height: 2.5rem; + width: 3.75rem; + font-size: 35px; } -.card button:focus, -.card .btn:focus { - -webkit-transform: none; - transform: none; } +input:not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']):not([type='reset']):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, 0.45), inset 0px 1px 8px rgba(0, 0, 0, 0.07); } + input:not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']):not([type='reset']):focus.input-success, + select:focus.input-success, + textarea:focus.input-success, + textarea[type='text']:focus.input-success, + input[type='text'].input-focused.input-success, + .input-focused.input-success { + border-color: var(--cirrus-success); + background-color: rgba(0, 224, 0, 0.05) !important; } + input:not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']):not([type='reset']):focus.input-success:focus, + select:focus.input-success:focus, + textarea:focus.input-success:focus, + textarea[type='text']:focus.input-success:focus, + input[type='text'].input-focused.input-success:focus, + .input-focused.input-success:focus { + box-shadow: 0 0 0 0.2rem rgba(13, 209, 87, 0.55), inset 0px 1px 8px rgba(0, 0, 0, 0.07); } + input:not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']):not([type='reset']):focus.input-error, + select:focus.input-error, + textarea:focus.input-error, + textarea[type='text']:focus.input-error, + input[type='text'].input-focused.input-error, + .input-focused.input-error { + border-color: var(--cirrus-danger); + background-color: rgba(244, 67, 54, 0.05) !important; } + input:not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']):not([type='reset']):focus.input-error:focus, + select:focus.input-error:focus, + textarea:focus.input-error:focus, + textarea[type='text']:focus.input-error:focus, + input[type='text'].input-focused.input-error:focus, + .input-focused.input-error:focus { + box-shadow: 0 0 0 0.2rem rgba(251, 65, 67, 0.55), inset 0px 1px 8px rgba(0, 0, 0, 0.07); } -/* 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; +select { width: 100%; - padding: 2rem 0 0 0; - backface-visibility: hidden; } - -.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; } - -.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; } - -.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: 0.75rem; - color: #9fa5a8; } - -.card p { - margin: 1rem 0; - /*max-height: 8rem; /* Prevents ridiculously looking cards */ } - -/* - 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; } - -.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; } - -/* EXTENDED FORM */ -/* Base class layout for extended form */ -.form-ext-control { - display: block; - min-height: 1.5rem; - padding-left: 1.5rem; - position: relative; } - -/* Hides the original input */ -.form-ext-input { - opacity: 0; - position: absolute; - z-index: -1; } - -.form-ext-input:disabled ~ .form-ext-label { - opacity: 0.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; } - -/* 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; } - -.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%; } - -/* Checked state */ -.form-ext-control .form-ext-input:checked ~ .form-ext-label:before { - background-color: var(--cirrus-primary); } - -/* 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"); } + border: 1px solid #dee2e6; + border-radius: 3px; + 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 */ + background-color: #fff; + border: 1px solid #ddd; + /* Fixes for Safari and other browsers for consistent UI */ + /* Select sizes */ } + select.input-xsmall, + select select.input-xsmall { + font-size: var(--font-size-xs); + padding: 0.35rem 0.9rem; } + select.input-small, + select select.input-small { + font-size: var(--font-size-s); + padding: 0.55rem 1rem; } + select.input-large, + select select.input-large { + font-size: var(--font-size-l); } + select.input-xlarge, + select 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.input-xsmall, select.input-contains-icon-right.input-xsmall { + padding-left: 2rem; } + 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; } + select.input-contains-icon.input-small, select.input-contains-icon-right.input-small { + padding-left: 2.5rem; } + 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; } + select.input-contains-icon.input-large, select.input-contains-icon-right.input-large { + padding-left: 3.5rem; } + 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; } + select.input-contains-icon.input-xlarge, select.input-contains-icon-right.input-xlarge { + padding-left: 4rem; } + 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; } + select[multiple] option { + padding: 0.2rem 0.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") no-repeat right 0.85rem center/0.5rem 0.6rem no-repeat; + -webkit-appearance: none; } + select.input-xsmall { + padding: 0.65rem 0.9rem; } + select.input-small { + padding: 0.75rem 1rem; } + select.input-large { + padding: 0.95rem 1.2rem; } + select.input-xlarge { + padding: 1.05rem 1.3rem; } -.form-ext-checkbox .form-ext-label:before { - border-radius: .25rem; } +input:not([class*='btn-']):disabled, +input:not([class*=' btn-']):disabled:hover, +select:disabled, +textarea:disabled { + background-color: #f1f3f5; + cursor: not-allowed; + border: 1px solid #f1f3f5; } -/* 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"); } +label.label { + color: #495057; + display: inline-block; + /* changed from block */ + font-weight: bold; + margin-top: 0.8rem; } -.form-ext-radio .form-ext-label:before { - border-radius: 50%; } +label.label:not(:last-child) { + margin-bottom: 0; } -/* Toggle Switches */ -.form-ext-toggle { - cursor: pointer; - position: relative; } +label:first-child:not(:last-child):not(.form-group-label) { + margin-right: 0.5rem; } -.form-ext-toggle input[type="checkbox"], -.form-ext-toggle input[type="radio"] { - opacity: 0; - position: absolute; - z-index: -1; } +label:not(:first-child):not(:last-child):not(.form-group-label) { + margin: 0 0.5rem; } -.form-ext-toggle__label { - align-items: center; - display: flex; - justify-content: space-between; } +label:last-child:not(:first-child):not(.form-group-label) { + margin-left: 0.5rem; } -.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; +/* Required asterisk */ +.required { + /* Use this in a span or a div */ position: relative; - width: 3rem; } + top: 1px; + font-weight: bold; + color: #DB3839; + padding-left: 0.1rem; } -.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; +/* 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; - transition: all .4s ease; } - -.form-ext-toggle i { - display: inline-block; } - -.form-ext-input:disabled ~ .form-ext-toggle__toggler { - opacity: 0.5; } + margin: 0.5rem 0; } -.form-ext-toggle__toggler i::before, -.form-ext-toggle__toggler i::after { - content: ""; - display: block; - position: absolute; } +.input-contains-icon ~ .icon { + display: flex; + align-items: center; + justify-content: center; + height: 100%; } -.form-ext-toggle__toggler i::before { - /* TODO SET CONTENT */ - content: attr(data-uncheck-icon); - padding: 2px 7px; - line-height: 18px; - text-align: right; +.input-contains-icon ~ .icon:not(.icon-right), +.input-contains-icon-left ~ .icon.icon-left { + /* Nomral input only */ + position: absolute; + left: 0; 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 { - border: none; } - -.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 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); } - -/** - * 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); } - -.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); } - -.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); } - -/* 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)); } - -.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); } - -/* Column expansion */ -.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; } + width: 3rem; + z-index: 1; } -.grid .grid-c-5 { - grid-column: span 5; } +.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-c-6 { - grid-column: span 6; } +/* Form section just adds extra spacing between form elements tiled vertically */ +.form-section { + /* A flexbox version of form-section for inline forms */ } + .form-section:not(:last-child) { + margin-bottom: 0.5rem; } + .form-section.section-inline { + display: flex; } + .form-section button { + align-items: center; + flex-grow: 0; + /* Keep it from taking up extra space */ + display: flex; + flex-shrink: 0; } + .form-section input, + .form-section .section-body { + align-items: center; + flex-grow: 1; } -.grid .grid-c-7 { - grid-column: span 7; } +/* Form groups that group inputs with other controls. */ +.form-group { + /* 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. */ + display: flex; + display: -ms-flexbox; + margin: 0.5rem 0; + /* Add margin to the container since they have been removed from children */ + /* Fixes the text width being cut off */ + /* Form group controls */ + /* Keeps inputs in form group above other components */ } + .form-group .form-group-btn { + -webkit-flex: 1 0 auto; + -ms-flex: 1 0 auto; + flex: 1 0 auto; + margin-bottom: 0; + /* Style the front controls */ + /* Style the middle controls */ + /* Handles right most control in form group */ } + .form-group .form-group-btn: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) { + border-radius: 0; + margin-left: -0.1rem; + margin-right: -0.1rem; + /* Remove spacing in middle controls */ } + .form-group .form-group-btn:last-child:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + margin-left: -0.1rem; } + .form-group .form-group-label { + background-color: var(--cirrus-form-group-bg); + border: 1px solid #dee2e6; + border-radius: 0.2rem; + color: var(--cirrus-form-group-fg); + margin: 0; + padding: 0.8rem; + user-select: none; + z-index: 1; + /* Style the front controls */ + /* Style the middle controls */ + /* Handles right most control in form group */ } + .form-group .form-group-label:first-child:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + .form-group .form-group-label:not(:first-child):not(:last-child) { + border-radius: 0; + margin-left: -0.1rem; + margin-right: -0.1rem; + /* Remove spacing in middle controls */ } + .form-group .form-group-label:last-child:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + margin-left: -0.1rem; } + .form-group .form-group-label.label-xsmall { + font-size: 0.55rem; + padding: 0.5rem 0.9rem; } + .form-group .form-group-label.label-small { + font-size: 0.75rem; + padding: 0.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 { + /* Style the front controls */ + /* Style the middle controls */ + /* Handles right most control in form group */ } + .form-group .form-group-input:first-child:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + .form-group .form-group-input:not(:first-child):not(:last-child) { + border-radius: 0; + margin-left: -0.1rem; + margin-right: -0.1rem; + /* Remove spacing in middle controls */ } + .form-group .form-group-input:last-child:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + margin-left: -0.1rem; } -.grid .grid-c-8 { - grid-column: span 8; } +/* Change place holder color */ +::-moz-placeholder { + color: #a9a9a9; + /* Lighter than the default */ } -.grid .grid-c-9 { - grid-column: span 9; } +::-webkit-input-placeholder { + color: #a9a9a9; + /* Lighter than the default */ } -.grid .grid-c-10 { - grid-column: span 10; } +@media screen and (max-width: 768px) { + /* Remove flex in form-section */ + .form-section.section-inline { + display: inherit; } } -.grid .grid-c-11 { - grid-column: span 11; } +/* + Functions +*/ +/* + Converts a given hex value to RGB. +*/ +/* Spacing */ +/* Fonts */ +/* Media Queries */ +/* Color scheme for Cirrus */ +/* v2 Colors */ +: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: #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.7rem; + --font-size-s: 0.85rem; + --font-size-m: 1rem; + --font-size-l: 1.35rem; + --font-size-xl: 1.75rem; } -.grid .grid-c-12 { - grid-column: span 12; } +/* Separate CSS file, but same part as Layout */ +/* The base container that is similar in structure to a card but more flexible */ +.frame { + border-radius: 3px; + box-shadow: 0 0.2rem 1.25rem 0 rgba(27, 30, 36, 0.07); + display: flex; + display: -ms-flexbox; + flex-direction: column; + -webkit-flex-direction: column; + -ms-flex-direction: column; + /* For the frame header and footer, use flex display */ + /* The frame navbar can be used with level or header classes to create a navigation menu */ } + .frame .frame__header, + .frame .frame__footer { + 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; + /* Show the scrollbar when needed */ + padding: 0 1.5rem; } + .frame .frame__title { + color: #374054; + font-size: 1rem; + margin: .75rem auto 0; } + .frame .frame__subtitle { + color: rgba(55, 64, 84, 0.6); + font-size: 1rem; + margin: 0 auto .75rem; } -/* Row expansion */ -.grid .grid-r-1 { - grid-row: span 1; } +/* + Functions +*/ +/* + Converts a given hex value to RGB. +*/ +/* Spacing */ +/* Fonts */ +/* Media Queries */ +/* Color scheme for Cirrus */ +/* v2 Colors */ +: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: #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.7rem; + --font-size-s: 0.85rem; + --font-size-m: 1rem; + --font-size-l: 1.35rem; + --font-size-xl: 1.75rem; } -.grid .grid-r-2 { - grid-row: span 2; } +/* 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 0.3s; + --header-link-color: #495057; + --header-link-color-hover: #606a73; + /* Remove any padding set for headers in default.scss */ + /* Header dark theme */ + /* Add transition to nav menu when it drops down */ + /* The container that contains all the header menu components. Child of header */ + /* Static header at the top of the screen */ + /* Hover effect for header elements when appropriate */ } + .header h1 { + margin: 0; } + .header h2 { + margin: 0; } + .header h3 { + margin: 0; } + .header h4 { + margin: 0; } + .header h5 { + margin: 0; } + .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, 0.87); + color: #fff; + --header-link-color: #fff; + --header-link-color-hover: #fff; + /* Theme for dark menu */ } + .header.header-clear { + background-color: transparent; + box-shadow: none; + /* Add border radius to whole menu with clear header */ } + .header.header-clear .nav-item .dropdown-menu { + border-radius: 4px; } + .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; } + .header .header-nav { + /* Flex display 768px and higher */ + overflow: auto; } + .header .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.header-fixed { + position: fixed; + top: 0; + /* Change this if you want to float the header somewhere else */ } + .header:not(.header-clear) .nav-item:not(.no-hover):hover, + .header:not(.header-clear) .nav-item:not(.no-hover).hovered { + background-color: rgba(216, 216, 216, 0.15); + -webkit-transition: all 0.3s; + transition: all 0.3s; } + .header:not(.header-clear) .nav-item.active, + .header:not(.header-clear) .nav-item.active:hover { + background-color: rgba(216, 216, 216, 0.35); } + .header .nav-btn { + cursor: pointer; + display: block; + height: 3.5rem; + position: relative; + width: 3.5rem; } + .header .btn, + .header button, + .header input[type='submit'] { + margin: 0; } -.grid .grid-r-3 { - grid-row: span 3; } +/* Styles for header menu (aka the nav bar) */ +.nav-menu { + -webkit-transition: all 0.3s; + transition: all 0.3s; } + .nav-menu .has-sub { + position: relative; } -.grid .grid-r-4 { - grid-row: span 4; } +/* 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; } -.grid .grid-r-5 { - grid-row: span 5; } +/* 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; + 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; + -webkit-transition: all 0.3s; + transition: all 0.3s; + padding: 0 0.3rem; + cursor: pointer; + /* HEADER DROP DOWN MENU */ + /* Add room for the dropdown chevron pseudoelement */ } + .nav-item a { + align-items: center; + display: flex; } + .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 #e9ecef; + border-radius: 0 0 4px 4px; + box-shadow: 0 0.5rem 1rem rgba(10, 10, 10, 0.1); + /* Just add a transition in general */ } + .nav-item .dropdown-menu.dropdown-animated { + -webkit-transition: all var(--animation-duration); + transition: all var(--animation-duration); } + .nav-item .dropdown-menu > li > a { + display: block; + padding: 0.5rem 1rem; + clear: both; + line-height: 1.42857143; + white-space: nowrap; } + .nav-item .dropdown-menu > li { + margin: 0; + -webkit-transition: all 0.3s; + transition: all 0.3s; } + .nav-item .dropdown-menu > li:hover { + -webkit-transition: all 0.3s; + transition: all 0.3s; + background-color: rgba(216, 216, 216, 0.15); } + .nav-item .dropdown-menu > li:active { + -webkit-transition: all 0.3s; + transition: all 0.3s; + background-color: rgba(216, 216, 216, 0.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, 0.15); + height: 1px; + margin: 0.5rem 0; } + .nav-item.has-sub .nav-dropdown-link { + padding-right: 2.5rem; + position: relative; + /* Needed for hiding glyphs in mobile header */ + /* 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; } -.grid .grid-r-6 { - grid-row: span 6; } +/* Dark dropdown menu theme */ +.nav-item .dropdown-menu.dropdown-dark, +.header.header-dark .dropdown-menu { + background-color: rgba(0, 0, 0, 0.87); + border: 1px solid #343a40; + color: #fff; } -.grid .grid-r-7 { - grid-row: span 7; } +.dropdown-menu.dropdown-shown, +.nav-item.active { + opacity: 1; } -.grid .grid-r-8 { - grid-row: span 8; } +@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; + /* These styles can also be used on menus in the body */ + /* Align items to the left */ + /* Align items to the right */ + /* Centering items, best used when nav-brand is not used to prevent offset */ + /* Hide hamburger button */ + /* .nav-item { + position: relative; /* Include for helping dropdown menu positioning Deprecated 0.5.6 + } */ } + .header .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 */ } + .header .nav-left { + -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; + display: flex; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + white-space: nowrap; + /* Align dropdown menu to the left side of the parent nav-item for header-left */ } + .header .nav-left .has-sub .dropdown-menu { + left: 0; + right: auto; } + .header .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; + display: flex; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; + white-space: nowrap; + /* Align dropdown menu to the right side of the parent nav-item for header-right */ } + .header .nav-right .has-sub .dropdown-menu { + left: auto; + right: 0; } + .header .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; } + .header .nav-btn { + display: none; } + .header .nav-item { + /* Expand link area for desktop views so it is easier to click */ } + .header .nav-item a { + padding: 0.5rem 1rem; } + .header .nav-item .dropdown-menu { + opacity: 0; + pointer-events: none; + /* Make cursor not respond to menu links when not displayed */ } + .header .nav-item .dropdown-menu.dropdown-animated { + -webkit-transform: translateY(-5px); + /* Used for transitional drop down effect */ + transform: translateY(-5px); } + .header .nav-item .dropdown-menu.dropdown-shown, + .header .nav-item.toggle-hover:hover .dropdown-menu, + .header .nav-item .dropdown-menu.dropdown-animated.dropdown-shown { + opacity: 1; + -webkit-transform: none; + /* Used for transitional drop down effect */ + transform: none; + pointer-events: auto; } } -.grid .grid-r-9 { - grid-row: span 9; } +@media screen and (max-width: 768px) { + /* Add scrolling support in header */ + .header { + display: flex; + flex-direction: column; + /* Hide dropdown menu on mobile */ } + .header .header-brand .nav-item:first-child { + padding: 0 1rem; + /* Add padding to the first child, usually the logo */ } + .header .header-nav { + height: 0; + /* Show the dropdown */ + /* Make the menu items larger in the dropdown menu */ + /* Get rid of extra spaces */ } + .header .header-nav.active { + height: 100vh; } + .header .header-nav .nav-item { + padding: 1rem; } + .header .header-nav .nav-item > a { + padding: 0; + width: 100%; + /* Stretch the link to span the entire list item */ } + /* Remove flex for mobile devices */ + .nav-item.has-sub { + display: block; } + .nav-item.has-sub .dropdown-menu { + /* Hide the menu by default in mobile view (overflow on header-right can expose it) */ + 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 .dropdown-menu.dropdown-dark { + background-color: rgba(0, 0, 0, 0.17); + border: 0; } + /* Hamburger button */ + .nav-btn { + cursor: pointer; + display: block; + position: relative; + margin-left: auto; + /* Hamburger button on active */ } + .nav-btn span { + background-color: var(--header-link-color); + 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; + /* 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; } + .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; } } -.grid .grid-r-10 { - grid-row: span 10; } +/* + Functions +*/ +/* + Converts a given hex value to RGB. +*/ +/* Spacing */ +/* Fonts */ +/* Media Queries */ +/* Color scheme for Cirrus */ +/* v2 Colors */ +: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: #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.7rem; + --font-size-s: 0.85rem; + --font-size-m: 1rem; + --font-size-l: 1.35rem; + --font-size-xl: 1.75rem; } -.grid .grid-r-11 { - grid-row: span 11; } +/* HEADER */ +/* This works well with panel */ +section { + display: block; } -.grid .grid-r-12 { - grid-row: span 12; } +.content { + max-width: 60em; + margin: 0 auto 1.5em; + width: 80%; } -/* Cell Column Start/End */ -.grid .grid-cs-1 { - grid-column-start: 1; } +.fullscreen { + top: 0; + right: 0; + bottom: 0; + left: 0; + height: 100vh; } -.grid .grid-cs-2 { - grid-column-start: 2; } +/* Deprecated 0.5.6 +// .panel { +// padding: 2.5em 0; +// } -.grid .grid-cs-3 { - grid-column-start: 3; } +/* This works well with spans and maybe even hr */ +.divider { + border-top: 0.05rem solid rgba(173, 181, 189, 0.5); + height: 0.1rem; + margin: 1.8rem 0 1.6rem; } + .divider[data-content] { + margin: 0.8rem 0; } + .divider--v[data-content]::after, .divider[data-content]::after { + background: #fff; + color: #adb5bd; + content: attr(data-content); + left: 50%; + display: inline-block; + padding: 0 0.4rem; + position: absolute; + transform: translate(-50%, -50%); + top: 50%; } + .divider--v[data-content] { + display: block; + padding: 0.8rem; } + .divider--v[data-content]::before { + border-left: 0.05rem solid rgba(173, 181, 189, 0.5); + bottom: 0.4rem; + content: ''; + display: block; + left: 50%; + position: absolute; + top: 0; + transform: translateX(-50%); } + .divider--v[data-content] { + left: 50%; + padding: 0.2rem 0; + position: absolute; + top: 50%; + transform: translate(-50%, -50%); } -.grid .grid-cs-4 { - grid-column-start: 4; } +/* Hero image div */ +.hero-img { + /* Specify the backgroud image yourself */ + background-size: cover; } -.grid .grid-cs-5 { - grid-column-start: 5; } +.parallax-img { + background-attachment: fixed !important; } -.grid .grid-cs-6 { - grid-column-start: 6; } +.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-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; } + .hero .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-cs-7 { - grid-column-start: 7; } +.space { + display: block; + width: 100%; + height: 1rem; } + .space.large { + padding: 1rem 0; } + .space.xlarge { + padding: 2rem 0; } -.grid .grid-cs-8 { - grid-column-start: 8; } +/* Use for spacing out elements vertically */ +.row { + -ms-flex: 1; + flex: 1; + flex-wrap: wrap; + padding: 0.5rem 0; + /* GRID */ + /* Column offsets on the left side */ + /* Auto align col to left in row */ + /* Auto align col to middle in row */ + /* Auto align col to right in row */ + /* Some offset values */ + /* Columns without the spacing */ } + .row::after { + content: ''; + clear: both; + display: table; } + .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 */ } + .row .col { + display: block; + flex: 1; + padding: 0.15rem 0.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; + /* Keeps the elements in 1 row */ + padding: 0 0.5rem; } + .row .no-space [class^='col-'], + .row .no-space [class*=' col-'] { + padding: 0; } -.grid .grid-cs-9 { - grid-column-start: 9; } +.r { + /* Legacy row pre 0.5.5 */ + max-width: 100%; + padding: 0.5rem; } -.grid .grid-cs-10 { - grid-column-start: 10; } +/* Use in parent div of fluid col Deprecated in 0.5.6, use .row +.fluid-container { + display: flex; + overflow: auto; +} -.grid .grid-cs-11 { - grid-column-start: 11; } +/* 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; +} -.grid .grid-cs-12 { - grid-column-start: 12; } +/* 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; +} -.grid .grid-cs-end { - grid-column-end: -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; +} */ +/* 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; + /* Used to stretch the contents of div in level to fill */ } + .level .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 .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 .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; } + .level .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-ce-1 { - grid-column-end: 2; } +/* Width/Height CSS */ +.w-10 { + width: 10%; } -.grid .grid-ce-2 { - grid-column-end: 3; } +.h-10 { + height: 10%; } -.grid .grid-ce-3 { - grid-column-end: 4; } +.w-20 { + width: 20%; } -.grid .grid-ce-4 { - grid-column-end: 5; } +.h-20 { + height: 20%; } -.grid .grid-ce-5 { - grid-column-end: 6; } +.w-30 { + width: 30%; } -.grid .grid-ce-6 { - grid-column-end: 7; } +.h-30 { + height: 30%; } -.grid .grid-ce-7 { - grid-column-end: 8; } +.w-40 { + width: 40%; } -.grid .grid-ce-8 { - grid-column-end: 9; } +.h-40 { + height: 40%; } -.grid .grid-ce-9 { - grid-column-end: 10; } +.w-50 { + width: 50%; } -.grid .grid-ce-10 { - grid-column-end: 11; } +.h-50 { + height: 50%; } -.grid .grid-ce-11 { - grid-column-end: 12; } +.w-60 { + width: 60%; } -.grid .grid-ce-12 { - grid-column-end: 13; } +.h-60 { + height: 60%; } -/* Cell Row Start/End */ -.grid .grid-rs-1 { - grid-row-start: 1; } +.w-70 { + width: 70%; } -.grid .grid-rs-2 { - grid-row-start: 2; } +.h-70 { + height: 70%; } -.grid .grid-rs-3 { - grid-row-start: 3; } +.w-80 { + width: 80%; } -.grid .grid-rs-4 { - grid-row-start: 4; } +.h-80 { + height: 80%; } -.grid .grid-rs-5 { - grid-row-start: 5; } +.w-90 { + width: 90%; } -.grid .grid-rs-6 { - grid-row-start: 6; } +.h-90 { + height: 90%; } -.grid .grid-rs-7 { - grid-row-start: 7; } +.w-100 { + width: 100%; } -.grid .grid-rs-8 { - grid-row-start: 8; } +.h-100 { + height: 100%; } -.grid .grid-rs-9 { - grid-row-start: 9; } +.w-auto { + width: auto; } -.grid .grid-rs-10 { - grid-row-start: 10; } +.h-auto { + height: auto; } -.grid .grid-rs-11 { - grid-row-start: 11; } +@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-12 { - grid-row-start: 12; } +/* 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-end { - grid-row-end: -1; } +/* LINKS */ +a { + color: var(--cirrus-link); + font-weight: 600; + padding: 2px; + text-decoration: none; + transition: all 0.3s; } + a:hover { + color: var(--cirrus-link-dark); + transition: all 0.3s; } + a.underline { + text-decoration: underline; } -.grid .grid-re-1 { - grid-row-end: 2; } +.subtitle a { + padding: 0; + /* Removes weird offset in subtitle links */ } -.grid .grid-re-2 { - grid-row-end: 3; } +p a, +h1 a, +h2 a, +h3 a, +h4 a, +h5 a, +h6 a, +blockquote a, +article a { + display: inline; } -.grid .grid-re-3 { - grid-row-end: 4; } +/* Remove uneeded space since buttons have their own padding */ +a .btn, +a button, +[type='submit'] a { + margin-bottom: 0; } -.grid .grid-re-4 { - grid-row-end: 5; } +/* + Functions +*/ +/* + Converts a given hex value to RGB. +*/ +/* Spacing */ +/* Fonts */ +/* Media Queries */ +/* Color scheme for Cirrus */ +/* v2 Colors */ +: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: #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.7rem; + --font-size-s: 0.85rem; + --font-size-m: 1rem; + --font-size-l: 1.35rem; + --font-size-xl: 1.75rem; } -.grid .grid-re-5 { - grid-row-end: 6; } +/* LISTS */ +ul, +ol { + margin: 1rem 0 1rem 1rem; + padding-inline-start: 0.5rem; + /* Handle nesting */ } + ul ul, + ul ol, + ol ul, + ol ol { + margin: 0 0 0 1rem; } -.grid .grid-re-6 { - grid-row-end: 7; } +ul { + list-style: disc; + /* Nested list bullet types */ } + ul ul { + list-style-type: circle; } + 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)); } } +/* MISC */ +ul { + /* MENU LISTS */ + /* Style headers to have even space distribution. */ + /* Style menu items */ + /* Darken on hover to differentiate from menu-item */ + /* Style sub menus inside a menu */ + /* Menu item divider */ + /* Title for the section separated by the divider */ } + ul.no-bullets { + list-style: none; } + ul.menu { + font-size: 1rem; + list-style: none; + margin: 0.5rem 0; } + ul .menu-title:not(:first-child) { + margin-bottom: 1rem; } + ul .menu-title:not(:last-child) { + margin-top: 1rem; } + ul .menu-item a { + color: #495057; + 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); } + ul .menu-item:hover > a { + background-color: rgba(208, 208, 208, 0.3); + color: var(--cirrus-primary); + -webkit-transition: all var(--animation-duration); + transition: all var(--animation-duration); } + ul .menu-item.selected > a { + color: #fff; + background-color: var(--cirrus-primary); } + ul .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); } + ul .menu-item .menu-addon .icon { + font-size: inherit; } + ul .menu-item .menu-addon:hover { + background-color: rgba(60, 60, 60, 0.25); + -webkit-transition: all var(--animation-duration); + transition: all var(--animation-duration); } + ul .menu-item .menu-addon.right { + float: right; + margin-right: 0; + margin-left: 0.1rem; } + ul .menu-item.selected .menu-addon { + color: #fff; } + ul .menu-item ul { + border-left: 1px solid #dee2e6; + margin: 0.75rem; + padding-left: 0.75rem; } + ul li.menu-item:last-child { + margin-bottom: 0; } + ul .divider { + border-top: 0.1rem solid #e9ecef; + height: 0.1rem; + margin: 1rem 0; } + ul .divider::after { + content: attr(data-label); + /* Text that will be displayed */ + background-color: var(--cirrus-bg); + color: #adb5bd; + display: inline-block; + padding: 0 0.7rem; + margin: 0.5rem; + font-size: 0.7rem; + -webkit-transform: translateY(-1.1rem); + transform: translateY(-1.1rem); } -/* EXTENDED LINKS */ -/* Animated links */ -.u, -.utb { - display: inline; +/* Dropdown menu for dropdown buttons */ +.list-dropdown { + display: inline-block; 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; } - -.u:hover::after { - width: 100%; } - -.u-LR::after { - /* Left to Right */ - left: 0; } + /* Allow for shown and :focus selectors for JS and native CSS transitions */ } + .list-dropdown .menu { + 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 1rem 3rem rgba(149, 157, 165, 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); } + .list-dropdown .list-dropdown.dropdown-right .menu { + left: auto; + right: 0; } + .list-dropdown .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); } + .list-dropdown .btn-group .btn-dropdown:nth-last-child(2) { + border-bottom-right-radius: 3px; + border-top-right-radius: 3px; } -.u-RL::after { - /* Right to Left */ - right: 0; } +/* TREE */ +/* Tree Navigation Menu */ +.tree { + margin: 0; } + .tree .tree-item { + /* The title of the tree menu */ + /* The dropdown glyph of the tree menu */ + /* Expand the tree-item-body (has menu-items) */ + /* Rotate the dropdown glyph */ + /* Container for the menu-items 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 */ } + .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; + /* Hidden at first */ + margin-left: 1.5rem; + overflow: hidden; + -webkit-transition: all var(--animation-duration); + transition: all var(--animation-duration); } -.u-RL:hover::after { - width: 100%; } +/* 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; + /* A fixed menu on the side with a tree component */ + /* The container for the tree component to prevent it from overflowing */ + /* Darkened area that will close the navbar when clicked for mobile only */ + /* Push document body further right to account for sidebar space */ + /* The body where all other HTML components are entered if a tree-nav is used */ } + .tree-nav-body .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-body .tree-nav-container { + overflow-y: auto; + top: 4rem; + bottom: 1rem; } + .tree-nav-body + .tree-nav-close { + display: none; + /* Not needed in desktop */ } + .tree-nav-body + .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-body .tree-nav-content { + width: 100%; + overflow: auto; + margin: 0; + padding: 2rem; } -.u-C::after { - /* Center Outwards */ - left: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); } +@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 */ + /* Create the area to click to close the menu */ + /* Reset max-width in mobile */ } + .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; + /* 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; } + .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; } + .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%; } } -/* Underline top and bottom */ -.utb::before, -.utb::after { - content: ""; - transition: all 0.3s; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; +/* MEDIA CSS */ +/* Handles images, videos, figures, etc */ +video.video-fullscreen { position: absolute; - height: 0.1rem; - width: 0; - background: var(--cirrus-link-dark); } - -.utb::before { - top: -0.25em; } - -.utb::after { - bottom: -0.25em; } - -.utb:hover::before, -.utb:hover::after { - width: 100%; } + height: 100vh; + object-fit: cover; + width: 100%; + z-index: -1; } -.utb-LR::before, -.utb-LR::after { - left: 0; } +/* Add to parent container to make media child fill container */ +.media-stretch { + display: block; + padding: 0; + overflow: hidden; + width: 100%; + position: relative; + /* Add pseudoclass to allow media to have height (default height is 0) */ + /* Force media embed to fill parent container */ + /* Alternate media ratios */ + /* For HTML5 video objects */ } + .media-stretch::before { + content: ""; + display: block; + padding-bottom: 56.25%; + /* 9 / 16 for 16:9 ratio */ } + .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%; } + .media-stretch.rat-4-3::before { + padding-bottom: 75%; } + .media-stretch.rat-1-1::before { + padding-bottom: 100%; } + .media-stretch video { + height: auto; + max-width: 100%; + width: 100%; } -.utb-RL::before, -.utb-RL::after { - right: 0; } +/* FIGURES */ +/* For flexible media display */ +.fig { + margin: 0 0 0.5rem 0; + /* Small margin at the bottom */ } + .fig .fig-caption { + margin-top: 1rem; } -.utb-C::before, -.utb-C::after { - left: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); } +/* IMAGES */ +.img-stretch { + max-width: 100%; + height: auto; + display: block; } -/* 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; } +.img-cover { + object-fit: cover; } -.utb-OLR::after { - right: 0; } +.img-contain { + object-fit: contain; } -.utb-ORL::before { - right: 0; } +/* Spacing */ +/* Fonts */ +/* Media Queries */ +/* Margin */ +.m-0 { + margin: calc(var(--space-size) * 0) !important; } -.utb-ORL::after { - left: 0; } +.mt-0, .my-0 { + margin-top: calc(var(--space-size) * 0) !important; } -/* 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; } +.mb-0, .my-0 { + margin-bottom: calc(var(--space-size) * 0) !important; } -.usquare a { - position: static; - padding: 0.2rem 0.4rem; } +.ml-0, .mx-0 { + margin-left: calc(var(--space-size) * 0) !important; } -.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); } +.mr-0, .mx-0 { + margin-right: calc(var(--space-size) * 0) !important; } -.usquare::before { - left: 0; - bottom: -0.2rem; } +/* Spacing */ +.p-0 { + padding: calc(var(--space-size) * 0) !important; } -.usquare.delay::before { - transition-delay: 0.6s; } +.pt-0, .py-0 { + padding-top: calc(var(--space-size) * 0) !important; } -.usquare::after { - right: 0; - top: -0.2rem; } +.pb-0, .py-0 { + padding-bottom: calc(var(--space-size) * 0) !important; } -.usquare.delay::after { - transition-delay: var(--animation-duration); } +.pl-0, .px-0 { + padding-left: calc(var(--space-size) * 0) !important; } -.usquare a::before { - left: 0; - transition: 0.25s all ease; } +.pr-0, .px-0 { + padding-right: calc(var(--space-size) * 0) !important; } -.usquare a::after { - right: 0; - transition: 0.25s all ease; } +/* Margin */ +.m-1 { + margin: calc(var(--space-size) * 1) !important; } -.usquare.delay a::after { - transition: 0.25s all ease 0.4s; } +.mt-1, .my-1 { + margin-top: calc(var(--space-size) * 1) !important; } -.usquare:hover::before, -.usquare:hover::after { - height: calc(100% + 0.4rem); - /* Makes the left and right borders */ } +.mb-1, .my-1 { + margin-bottom: calc(var(--space-size) * 1) !important; } -.usquare:hover a::before, -.usquare:hover a::after { - width: 100%; } +.ml-1, .mx-1 { + margin-left: calc(var(--space-size) * 1) !important; } -/* 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 */ } +.mr-1, .mx-1 { + margin-right: calc(var(--space-size) * 1) !important; } -/* 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 */ } +/* Spacing */ +.p-1 { + padding: calc(var(--space-size) * 1) !important; } -/* 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); } +.pt-1, .py-1 { + padding-top: calc(var(--space-size) * 1) !important; } -/* 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 */ } - -/* Different size modals */ -.modal.modal-small .modal-content { - max-width: 20rem; - /* 320px */ } - -.modal.modal-large .modal-content { - max-width: 60rem; - /* 960px */ } - -.modal-content h1, -.modal-content h2, -.modal-content h3, -.modal-content h4, -.modal-content h5, -.modal-content h6 { - color: var(--cirrus-fg); } +.pb-1, .py-1 { + padding-bottom: calc(var(--space-size) * 1) !important; } -.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; } +.pl-1, .px-1 { + padding-left: calc(var(--space-size) * 1) !important; } -/* Restrict width */ -.modal-content.small { - max-width: 32rem; } +.pr-1, .px-1 { + padding-right: calc(var(--space-size) * 1) !important; } -.modal-content .modal-header { - padding: 1rem 3rem; } +/* Margin */ +.m-2 { + margin: calc(var(--space-size) * 2) !important; } -.modal-content .modal-header .modal-title { - font-weight: bolder; - font-size: 1.4rem; } +.mt-2, .my-2 { + margin-top: calc(var(--space-size) * 2) !important; } -.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; } +.mb-2, .my-2 { + margin-bottom: calc(var(--space-size) * 2) !important; } -.modal-content .modal-footer { - padding: 1rem 3rem; - text-align: right; } +.ml-2, .mx-2 { + margin-left: calc(var(--space-size) * 2) !important; } -/* MODAL ANIMATIONS */ -.modal.modal-animated--dropdown { - -webkit-animation: slide-down var(--animation-duration) ease 1; - animation: slide-down var(--animation-duration) ease 1; } +.mr-2, .mx-2 { + margin-right: calc(var(--space-size) * 2) !important; } -/* 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; } +/* Spacing */ +.p-2 { + padding: calc(var(--space-size) * 2) !important; } -.modal:target.modal-animated--zoom-in, .modal:target.modal-animated--zoom-out { - opacity: 1; - transition: 300ms all ease; } +.pt-2, .py-2 { + padding-top: calc(var(--space-size) * 2) !important; } -.modal.modal-animated--zoom-in .modal-content { - transform: scale(0.8); - transition: 300ms all ease; } +.pb-2, .py-2 { + padding-bottom: calc(var(--space-size) * 2) !important; } -.modal:target.modal-animated--zoom-in .modal-content, .modal:target.modal-animated--zoom-out .modal-content { - transform: scale(1); - transition: 300ms all ease; } +.pl-2, .px-2 { + padding-left: calc(var(--space-size) * 2) !important; } -.modal.modal-animated--zoom-out .modal-content { - transform: scale(1.2); - transition: 300ms all ease; } +.pr-2, .px-2 { + padding-right: calc(var(--space-size) * 2) !important; } -/* 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); } } +/* Margin */ +.m-3 { + margin: calc(var(--space-size) * 3) !important; } -@keyframes slide-down { - 0% { - opacity: 0; - -webkit-transform: translateY(-3rem); - transform: translateY(-3rem); } - 100% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); } } +.mt-3, .my-3 { + margin-top: calc(var(--space-size) * 3) !important; } -@media only screen and (max-width: 768px) { - .modal-content { - max-width: 90%; } } +.mb-3, .my-3 { + margin-bottom: calc(var(--space-size) * 3) !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; } +.ml-3, .mx-3 { + margin-left: calc(var(--space-size) * 3) !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; } +.mr-3, .mx-3 { + margin-right: calc(var(--space-size) * 3) !important; } -/* Input (primary text-based) controls apply to inputs */ -.input-control--pilled { - border-radius: 6.25rem !important; } +/* Spacing */ +.p-3 { + padding: calc(var(--space-size) * 3) !important; } -/* Theme modifiers */ -/* GLOBAL THEME SELECTORS */ -.bg-primary { - background-color: var(--cirrus-primary) !important; } +.pt-3, .py-3 { + padding-top: calc(var(--space-size) * 3) !important; } -.text-primary { - color: var(--cirrus-primary) !important; } +.pb-3, .py-3 { + padding-bottom: calc(var(--space-size) * 3) !important; } -.bg-success { - background-color: var(--cirrus-success) !important; } +.pl-3, .px-3 { + padding-left: calc(var(--space-size) * 3) !important; } -.text-success { - color: var(--cirrus-success) !important; } +.pr-3, .px-3 { + padding-right: calc(var(--space-size) * 3) !important; } -.bg-warning { - background-color: var(--cirrus-warning) !important; } +/* Margin */ +.m-4 { + margin: calc(var(--space-size) * 4) !important; } -.text-warning { - color: var(--cirrus-warning) !important; } +.mt-4, .my-4 { + margin-top: calc(var(--space-size) * 4) !important; } -.bg-danger { - background-color: var(--cirrus-danger) !important; } +.mb-4, .my-4 { + margin-bottom: calc(var(--space-size) * 4) !important; } -.text-danger { - color: var(--cirrus-danger) !important; } +.ml-4, .mx-4 { + margin-left: calc(var(--space-size) * 4) !important; } -.bg-light { - background-color: var(--cirrus-light) !important; } +.mr-4, .mx-4 { + margin-right: calc(var(--space-size) * 4) !important; } -.text-light { - color: var(--cirrus-light) !important; } +/* Spacing */ +.p-4 { + padding: calc(var(--space-size) * 4) !important; } -.bg-dark { - background-color: var(--cirrus-dark) !important; } +.pt-4, .py-4 { + padding-top: calc(var(--space-size) * 4) !important; } -.text-dark { - color: var(--cirrus-dark) !important; } +.pb-4, .py-4 { + padding-bottom: calc(var(--space-size) * 4) !important; } -.bg-link { - background-color: var(--cirrus-link) !important; } +.pl-4, .px-4 { + padding-left: calc(var(--space-size) * 4) !important; } -.text-link { - color: var(--cirrus-link) !important; } +.pr-4, .px-4 { + padding-right: calc(var(--space-size) * 4) !important; } -.bg-link-dark { - background-color: var(--cirrus-link-dark) !important; } +/* Margin */ +.m-5 { + margin: calc(var(--space-size) * 5) !important; } -.text-link-dark { - color: var(--cirrus-link-dark) !important; } +.mt-5, .my-5 { + margin-top: calc(var(--space-size) * 5) !important; } -.bg-info { - background-color: var(--cirrus-info) !important; } +.mb-5, .my-5 { + margin-bottom: calc(var(--space-size) * 5) !important; } -.text-info { - color: var(--cirrus-info) !important; } +.ml-5, .mx-5 { + margin-left: calc(var(--space-size) * 5) !important; } -/* PAGINATION */ -/* Parent contianer for page navigation */ -.pagination { - display: flex; - display: -ms-flexbox; } +.mr-5, .mx-5 { + margin-right: calc(var(--space-size) * 5) !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%; } +/* Spacing */ +.p-5 { + padding: calc(var(--space-size) * 5) !important; } -.pagination a { - color: #5d6c7b; } +.pt-5, .py-5 { + padding-top: calc(var(--space-size) * 5) !important; } -.pagination .pagination-item a[disabled] { - cursor: pointer; - opacity: 0.5; - pointer-events: none; - user-select: none; } +.pb-5, .py-5 { + padding-bottom: calc(var(--space-size) * 5) !important; } -.pagination .pagination-item { - margin: 1rem 0.1rem; - transition: all 0.3s; } +.pl-5, .px-5 { + padding-left: calc(var(--space-size) * 5) !important; } -.pagination .pagination-item.pagination-next { - text-align: right; } +.pr-5, .px-5 { + padding-right: calc(var(--space-size) * 5) !important; } -.pagination .pagination-item.pagination-prev { - text-align: left; } +/* Margin */ +.m-6 { + margin: calc(var(--space-size) * 6) !important; } -/* Pagination Item */ -.pagination-item-subtitle { - opacity: 0.7; - margin: 0; - /* Needed to override style after formatting paragraph update */ } +.mt-6, .my-6 { + margin-top: calc(var(--space-size) * 6) !important; } -/* Color the selected pagination item with accent color */ -.pagination .pagination-item.short.selected { - background-color: var(--cirrus-primary); - color: #fff; } +.mb-6, .my-6 { + margin-bottom: calc(var(--space-size) * 6) !important; } -.pagination .pagination-item.short.selected a { - color: #fff; } +.ml-6, .mx-6 { + margin-left: calc(var(--space-size) * 6) !important; } -.pagination .pagination-item.short a { - display: inline-block; - line-height: 1.25; - padding: 0.5rem 0.75rem; } +.mr-6, .mx-6 { + margin-right: calc(var(--space-size) * 6) !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; } +/* Spacing */ +.p-6 { + padding: calc(var(--space-size) * 6) !important; } -.pagination .pagination-item.short:first-child a { - border-top-left-radius: .25rem; - border-bottom-left-radius: .25rem; } +.pt-6, .py-6 { + padding-top: calc(var(--space-size) * 6) !important; } -.pagination .pagination-item.short:last-child a { - border-top-right-radius: .25rem; - border-bottom-right-radius: .25rem; } +.pb-6, .py-6 { + padding-bottom: calc(var(--space-size) * 6) !important; } -.pagination .pagination-item.short:not(.selected):hover { - background-color: rgba(0, 0, 0, 0.1); } +.pl-6, .px-6 { + padding-left: calc(var(--space-size) * 6) !important; } -.pagnation .pagination-item.ellipses { - color: #b5b5b5; - pointer-events: none; } +.pr-6, .px-6 { + padding-right: calc(var(--space-size) * 6) !important; } -/* Bordered pagination */ -.pagination.pagination-bordered .pagination-item.short a { - border: 1px solid #dedede; - border-radius: 0; - margin-left: -1px; } +/* Margin */ +.m-8 { + margin: calc(var(--space-size) * 8) !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); } +.mt-8, .my-8 { + margin-top: calc(var(--space-size) * 8) !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; } +.mb-8, .my-8 { + margin-bottom: calc(var(--space-size) * 8) !important; } -/* Not sure if needed */ -.placeholder-icon { - text-align: center; } +.ml-8, .mx-8 { + margin-left: calc(var(--space-size) * 8) !important; } -.placeholder .placeholder-title, -.placeholder .placeholder-subtitle { - margin: 1rem auto; } +.mr-8, .mx-8 { + margin-right: calc(var(--space-size) * 8) !important; } -.placeholder .placeholder-subtitle { - opacity: 0.7; - margin: 0; } +/* Spacing */ +.p-8 { + padding: calc(var(--space-size) * 8) !important; } -/* Place buttons here for the placeholder */ -.placeholder .placeholder-commands { - margin-top: 1rem; } +.pt-8, .py-8 { + padding-top: calc(var(--space-size) * 8) !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-8, .py-8 { + padding-bottom: calc(var(--space-size) * 8) !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; } +.pl-8, .px-8 { + padding-left: calc(var(--space-size) * 8) !important; } -.tab-container li { - display: block; - /* Keep the tabs from extending too far */ - cursor: pointer; - margin: 0; - text-align: center; } +.pr-8, .px-8 { + padding-right: calc(var(--space-size) * 8) !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); } +/* Margin */ +.m-10 { + margin: calc(var(--space-size) * 10) !important; } + +.mt-10, .my-10 { + margin-top: calc(var(--space-size) * 10) !important; } + +.mb-10, .my-10 { + margin-bottom: calc(var(--space-size) * 10) !important; } + +.ml-10, .mx-10 { + margin-left: calc(var(--space-size) * 10) !important; } + +.mr-10, .mx-10 { + margin-right: calc(var(--space-size) * 10) !important; } + +/* Spacing */ +.p-10 { + padding: calc(var(--space-size) * 10) !important; } + +.pt-10, .py-10 { + padding-top: calc(var(--space-size) * 10) !important; } + +.pb-10, .py-10 { + padding-bottom: calc(var(--space-size) * 10) !important; } -.tab-container li:hover a { - border-bottom-color: rgba(240, 61, 77, 0.6); - transition: all .3s; } +.pl-10, .px-10 { + padding-left: calc(var(--space-size) * 10) !important; } -.tab-container li.selected a { - border-bottom-color: var(--cirrus-primary); - color: var(--cirrus-primary); - border-width: 2px; - transition: all .3s; } +.pr-10, .px-10 { + padding-right: calc(var(--space-size) * 10) !important; } -/* Shift tabs to the center */ -.tab-container.tabs-center ul { - justify-content: center; - -webkit-box-pack: center; - -ms-flex-pack: center; } +/* Margin */ +.m-12 { + margin: calc(var(--space-size) * 12) !important; } -/* Shift tabs to the right */ -.tab-container.tabs-right ul { - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; } +.mt-12, .my-12 { + margin-top: calc(var(--space-size) * 12) !important; } -/* Depth tab styles */ -.tab-container.tabs-depth ul { - box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1); - border-bottom: 0; } +.mb-12, .my-12 { + margin-bottom: calc(var(--space-size) * 12) !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; } +.ml-12, .mx-12 { + margin-left: calc(var(--space-size) * 12) !important; } -.tab-container.tabs-classic li:not(.selected) a:hover { - background-color: #f0f0f0; - transition: all .3s; } +.mr-12, .mx-12 { + margin-right: calc(var(--space-size) * 12) !important; } -.tab-container.tabs-classic li a { - border: 1px solid transparent; - border-bottom-color: #dbdbdb; - border-radius: 3px 3px 0 0; - transition: all .3s; } +/* Spacing */ +.p-12 { + padding: calc(var(--space-size) * 12) !important; } -.tab-container.tabs-classic li.selected a { - color: var(--cirrus-primary); - border-color: #dbdbdb; - border-bottom-color: transparent !important; } +.pt-12, .py-12 { + padding-top: calc(var(--space-size) * 12) !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; } +.pb-12, .py-12 { + padding-bottom: calc(var(--space-size) * 12) !important; } -/* Override the -webkit-box display that sizes tab items based on text */ -.tab-container.tabs-fill ul { - display: flex; - /* Equal size tabs */ } +.pl-12, .px-12 { + padding-left: calc(var(--space-size) * 12) !important; } -/* Different tab sizes */ -.tab-container.tabs-xsmall { - font-size: 0.6rem; } +.pr-12, .px-12 { + padding-right: calc(var(--space-size) * 12) !important; } -.tab-container.tabs-small { - font-size: 0.75rem; } +/* Margin */ +.m-16 { + margin: calc(var(--space-size) * 16) !important; } -.tab-container.tabs-large { - font-size: 1.25rem; } +.mt-16, .my-16 { + margin-top: calc(var(--space-size) * 16) !important; } -.tab-container.tabs-xlarge { - font-size: 1.5rem; } +.mb-16, .my-16 { + margin-bottom: calc(var(--space-size) * 16) !important; } -/* Font Awesome Integration */ -.tab-container .icon:first-child { - /* Left icon */ - margin-right: .75rem; } +.ml-16, .mx-16 { + margin-left: calc(var(--space-size) * 16) !important; } -.tab-container .icon:last-child { - /* Right icon */ - margin-left: .75rem; } +.mr-16, .mx-16 { + margin-right: calc(var(--space-size) * 16) !important; } -/* 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; } +/* Spacing */ +.p-16 { + padding: calc(var(--space-size) * 16) !important; } -.tag.tag--large { - font-size: 120%; } +.pt-16, .py-16 { + padding-top: calc(var(--space-size) * 16) !important; } -.tag.tag--xlarge { - font-size: 150%; } +.pb-16, .py-16 { + padding-bottom: calc(var(--space-size) * 16) !important; } -.tag.tag--rounded { - border-radius: 290486px; } +.pl-16, .px-16 { + padding-left: calc(var(--space-size) * 16) !important; } -/* 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; } +.pr-16, .px-16 { + padding-right: calc(var(--space-size) * 16) !important; } -.tag--delete:hover { - background-color: rgba(10, 10, 10, 0.3); } +/* Margin */ +.m-20 { + margin: calc(var(--space-size) * 20) !important; } -/* 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; } +.mt-20, .my-20 { + margin-top: calc(var(--space-size) * 20) !important; } -.tag.tag--delete::before { - height: 1px; - width: 50%; } +.mb-20, .my-20 { + margin-bottom: calc(var(--space-size) * 20) !important; } -.tag.tag--delete::after { - height: 50%; - width: 1px; } +.ml-20, .mx-20 { + margin-left: calc(var(--space-size) * 20) !important; } -/* TAG THEMES */ -.tag.tag--delete { - margin-left: 0.25rem; - margin-right: -0.375rem; } +.mr-20, .mx-20 { + margin-right: calc(var(--space-size) * 20) !important; } -.tag.tag--white { - background-color: #fff; - color: var(--cirrus-dark); } +/* Spacing */ +.p-20 { + padding: calc(var(--space-size) * 20) !important; } -.tag.tag--black { - background-color: #000; - color: #fff; } +.pt-20, .py-20 { + padding-top: calc(var(--space-size) * 20) !important; } -.tag.tag--dark { - background-color: var(--cirrus-dark); - color: #fff; } +.pb-20, .py-20 { + padding-bottom: calc(var(--space-size) * 20) !important; } -.tag.tag--primary { - background-color: var(--cirrus-primary); - color: #fff; } +.pl-20, .px-20 { + padding-left: calc(var(--space-size) * 20) !important; } -.tag.tag--link { - background-color: var(--cirrus-link); - color: #fff; } +.pr-20, .px-20 { + padding-right: calc(var(--space-size) * 20) !important; } -.tag.tag--info { - background-color: var(--cirrus-info); - color: #fff; } +/* Margin */ +.m-24 { + margin: calc(var(--space-size) * 24) !important; } -.tag.tag--success { - background-color: var(--cirrus-success); - color: #fff; } +.mt-24, .my-24 { + margin-top: calc(var(--space-size) * 24) !important; } -.tag.tag--warning { - background-color: var(--cirrus-warning); - color: var(--cirrus-fg); } +.mb-24, .my-24 { + margin-bottom: calc(var(--space-size) * 24) !important; } -.tag.tag--danger { - background-color: var(--cirrus-danger); - color: #fff; } +.ml-24, .mx-24 { + margin-left: calc(var(--space-size) * 24) !important; } -/* TAG CONTAINER */ -.tag-container { - display: flex; - flex-wrap: wrap; } +.mr-24, .mx-24 { + margin-right: calc(var(--space-size) * 24) !important; } -/* Add margin in between tag containers */ -.tag-container:not(:last-child) { - margin-bottom: 1rem; } +/* Spacing */ +.p-24 { + padding: calc(var(--space-size) * 24) !important; } -.tag-container .tag { - margin-bottom: 0.5rem; } +.pt-24, .py-24 { + padding-top: calc(var(--space-size) * 24) !important; } -.tag-container .tag:not(:last-child) { - margin-right: 0.5rem; } +.pb-24, .py-24 { + padding-bottom: calc(var(--space-size) * 24) !important; } -/* Used for grouping tags together */ -.tag-container.group-tags .tag { - margin-right: 0; } +.pl-24, .px-24 { + padding-left: calc(var(--space-size) * 24) !important; } -.tag-container.group-tags .tag:first-child { - border-radius: .25rem 0 0 .25rem; } +.pr-24, .px-24 { + padding-right: calc(var(--space-size) * 24) !important; } -.tag-container.group-tags .tag:not(:first-child):not(:last-child) { - border-radius: 0; } +/* Margin */ +.m-32 { + margin: calc(var(--space-size) * 32) !important; } -.tag-container.group-tags .tag:last-child { - border-radius: 0 .25rem .25rem 0; } +.mt-32, .my-32 { + margin-top: calc(var(--space-size) * 32) !important; } -/* Tag close button */ -.tag.tag__close-btn { - padding: 0; - position: relative; - width: 1.5rem; } +.mb-32, .my-32 { + margin-bottom: calc(var(--space-size) * 32) !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; } +.ml-32, .mx-32 { + margin-left: calc(var(--space-size) * 32) !important; } -.tag.tag__close-btn::before { - height: 1px; - width: 50%; } +.mr-32, .mx-32 { + margin-right: calc(var(--space-size) * 32) !important; } -.tag.tag__close-btn::after { - height: 50%; - width: 1px; } +/* Spacing */ +.p-32 { + padding: calc(var(--space-size) * 32) !important; } -/* MISC */ -a.tag:hover { - text-decoration: underline; } +.pt-32, .py-32 { + padding-top: calc(var(--space-size) * 32) !important; } -.tag-container.tag-container--grouped .tag:not(:first-child) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; } +.pb-32, .py-32 { + padding-bottom: calc(var(--space-size) * 32) !important; } -.tag-container.tag-container--grouped .tag:not(:last-child) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; } +.pl-32, .px-32 { + padding-left: calc(var(--space-size) * 32) !important; } + +.pr-32, .px-32 { + padding-right: calc(var(--space-size) * 32) !important; } + +/* + Functions +*/ +/* + Converts a given hex value to RGB. +*/ +/* Spacing */ +/* Fonts */ +/* Media Queries */ +/* Color scheme for Cirrus */ +/* v2 Colors */ +: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: #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.7rem; + --font-size-s: 0.85rem; + --font-size-m: 1rem; + --font-size-l: 1.35rem; + --font-size-xl: 1.75rem; } -/* Tag positioning */ -.tag-container.tag-container--centered { - justify-content: center; } +/* 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 */ + /* Thicker border for table header */ + /* CUSTOM STYLES */ + /* All borders */ + /* Striped table */ + /* Decrease padding */ + /* Fixed title table */ + /* Borderless Table (for inner cells) */ } + .table td, + .table th { + border: 1px solid rgba(222, 226, 230, 0.5); + border-width: 0 0 1px; + padding: 0.75rem; + vertical-align: top; + text-align: inherit; + margin: 0; } + .table tr { + transition: all 0.3s; } + .table tr.selected { + /* Style a selected row */ + background-color: var(--cirrus-primary); + color: #fff; } + .table .table caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #dee2e6; + text-align: left; + caption-side: bottom; } + .table tr:not(.selected):hover, + .table.striped tbody tr:not(.selected):nth-child(even):hover { + background-color: rgba(222, 226, 230, 0.15); } + .table thead th, + .table thead { + border-bottom: 2px solid rgba(222, 226, 230, 0.5); } + .table thead th, + .table tfoot th { + padding: 1rem; } + .table tfoot th { + border-top: 2px solid rgba(222, 226, 230, 0.5); + border-bottom: none; } + .table.bordered thead th, + .table.bordered thead { + border-bottom: 1px solid rgba(222, 226, 230, 0.5); } + .table.bordered td, + .table.bordered th { + border: 1px solid rgba(219, 219, 219, 0.5); } + .table.bordered thead td, + .table.bordered thead { + border-width: 1px; } + .table.striped tbody tr:nth-child(even) { + background-color: rgba(0, 0, 0, 0.05); } + .table.small td, + .table.small th { + padding: 0.25rem 0.75rem; } + .table.fixed-head thead { + position: relative; + display: block; } + .table.fixed-head tbody { + height: 200px; + /* Set the height you want */ + display: block; + /* Needed */ + overflow: auto; + /* Shows scrollbars */ } + .table.fixed-head tr { + display: table; + width: 100%; + /* Forces row to span container */ } + .table.borderless thead th, + .table.borderless th, + .table.borderless td { + border: none; } -.tag-container.tag-container--centered .tag { - margin: 0 0.25rem; } +/* + Functions +*/ +/* + Converts a given hex value to RGB. +*/ +/* Spacing */ +/* Fonts */ +/* Media Queries */ +/* Color scheme for Cirrus */ +/* v2 Colors */ +: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: #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.7rem; + --font-size-s: 0.85rem; + --font-size-m: 1rem; + --font-size-l: 1.35rem; + --font-size-xl: 1.75rem; } -.tag-container.tag-container--right { - justify-content: flex-end; } +/* UTILS */ +/* Utility classes to help solve some very annoying issues */ +.u-hidden { + display: none !important; } -.tag-container.tag-container--right .tag:not(:first-child) { - margin-left: 0.5rem; } +.u-block { + display: block !important; } -.tag-container.tag-container--right .tag:not(:last-child) { - margin-right: 0; } +.u-inline { + display: inline !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-inline-block { + display: inline-block !important; } -.tile p { - font-size: 0.95rem; } +.u-flex { + display: flex !important; } -.tile .tile__icon, -.tile .tile__buttons { - flex: 0 0 auto; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; } +.u-flex.u-flex-column { + flex-direction: column !important; } -/* 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-flex.u-flex-row { + flex-direction: row !important; } -.tile .tile__container { - flex: 1 1 auto; - -webkit-flex: 1 1 auto; - -ms-flex: 1 1 auto; } +.u-inline-flex { + display: -ms-inline-flexbox !important; + display: inline-flex !important; } -/* Add spacing between the elements in between */ -.tile .tile__container:not(:first-child) { - padding-left: 1rem; } +.u-table { + display: table !important; } -.tile .tile__container:not(:last-child) { - padding-right: 1rem; } +.u-table-row { + display: table-row !important; } -.tile .tile__title { - line-height: 2rem; - font-weight: bolder; - margin: 0.1rem auto; } +.u-position-static { + position: static !important; } -.tile .tile__subtitle { - line-height: 1.25rem; - opacity: 0.7; - margin: 0.1rem auto; } +.u-position-relative { + position: relative !important; } -/* Force elements to align at the center vertical height */ -.tile.tile--center { - align-items: center; - -webkit-align-items: center; - -ms-flex-align: center; } +.u-position-absolute { + position: absolute !important; } -.tile.tile--center .tile__container { - /* Shrink the text to fit inside the tile */ - overflow: hidden; } +.u-position-fixed { + position: fixed !important; } -/* 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; } +.u-position-sticky { + position: sticky !important; } -.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; } +/* + 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; } -/* .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; } +/* This is mainly to keep elements from overlapping when using floats */ +.u-clear-left { + clear: left !important; } -.toast p { - margin: 0; } +.u-clear-right { + clear: right !important; } -.toast.toast--translucent { - opacity: .5; } +.u-clear-both { + clear: both !important; } -.toast.toast--translucent:hover { - opacity: 1; } +.u-pull-left { + float: left !important; } -.toast .btn-close { - position: absolute; - right: 1rem; - top: 1rem; } +.u-pull-right { + float: right !important; } -/* TOAST TYPES */ -.toast.toast--primary { - background-color: var(--toast-primary-bg); - border-color: var(--toast-primary-bg); } +.u-text-center { + text-align: center !important; } -.toast.toast--success { - background-color: var(--cirrus-success); - border-color: var(--cirrus-success); } +.u-text-justify { + text-align: justify !important; } -.toast.toast--warning { - background-color: var(--cirrus-warning); - border-color: var(--cirrus-warning); } +.u-text-ellipsis { + text-overflow: ellipsis; } -.toast.toast--error { - background-color: var(--cirrus-danger); - border-color: var(--cirrus-danger); } +.u-text-break { + hyphens: auto; + word-break: break-word; + word-wrap: break-word; } -.toast.toast--info { - background-color: var(--cirrus-info); - border-color: var(--cirrus-info); } +/* 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; } -.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; +} -.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; } +.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; +} -/* Tooltip bottom left */ -.tooltip.tooltip--bottom-left::after { - top: 100%; - -webkit-transform: translate(-65%, -1rem); - transform: translate(-65%, -1rem); - bottom: auto; } +.u-no-padding { + padding: 0 !important; +} +*/ +.u-margin-auto { + margin: 0 auto !important; } -.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); } +/* Round the corners of the element */ +.u-round { + border-radius: 0.1rem; } -/* Tooltip bottom right */ -.tooltip.tooltip--bottom-right::after { - left: auto; - top: 100%; - -webkit-transform: translate(0%, -1rem); - transform: translate(0%, -1rem); - bottom: auto; } +/* Turns element into a circle */ +.u-circle { + border-radius: 50%; } -.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); } +/* Remove outline or drop shadow when element is focused */ +.u-no-shadow { + box-shadow: none; } -/* 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%); } +/* 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--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%); } +/* Hide elements based on screen size */ +@media screen and (max-width: 768px) { + .u-hide-mobile { + 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: 768px) { + /* Hide on devices that are tablets or larger */ + .u-hide-tablet { + 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%); } +@media screen and (min-width: 769px) and (max-width: 1023px) { + .u-hide-tablet-only { + display: none !important; } } + +@media screen and (min-width: 1024px) { + /* Hide element on laptops, desktops, etc */ + .u-hide-desktop { + display: none !important; } } diff --git a/src/hiq.css b/src/hiq.css index eafd6f2..5d7ad77 100644 --- a/src/hiq.css +++ b/src/hiq.css @@ -1 +1 @@ -.icon.outbound{color:#aaa;display:inline-block;vertical-align:middle;position:relative;top:-1px}.home{max-width:960px;margin:0 auto;padding:var(--navbar-height) 2rem 0}.home .hero{text-align:center}.home .hero img{display:block;max-height:280px;margin:3rem auto 1.5rem}.home .hero .action,.home .hero .description,.home .hero h1{margin:1.8rem auto}.home .hero h1{font-weight:var(--hiq-font-weight-medium)}.home .hero .description{max-width:30rem;font-size:var(--hiq-font-size-large);line-height:1.3;color:var(--hiq-color-gray-5)}.home .hero .action-button{display:inline-block;height:auto;padding:.75rem 1.5rem;font-size:var(--hiq-font-size-large)}.home .features{display:flex;flex-wrap:wrap;align-items:flex-start;align-content:stretch;justify-content:space-between;margin-top:2.5rem;padding:2.5rem 0 1rem;border-top:1px solid var(--hiq-color-gray-6)}.home .feature{flex-grow:1;flex-basis:30%;max-width:30%;margin-bottom:.5rem}.home .feature h2{margin-bottom:.5rem;border-bottom:0;font-size:var(--hiq-font-size-4);font-weight:var(--hiq-font-weight-medium)}.home .feature p{color:var(--hiq-color-gray-4)}.home .footer{padding:2.5rem;border-top:1px solid var(--hiq-color-gray-6);text-align:center}.home .footer,.home .footer a{color:var(--hiq-color-gray-5)}.home .footer a:hover{color:var(--hiq-color-gray-4)}@media (max-width:719px){.home .features{flex-direction:column}.home .feature{max-width:100%;padding:0 2.5rem}}@media (max-width:419px){.home{padding-right:1.5rem;padding-left:1.5rem}.home .hero img{max-height:210px;margin:2rem auto 1.2rem}.home .hero .action,.home .hero .description,.home .hero h1{margin:1.2rem auto}.home .hero .action-button{padding:.6rem 1.2rem}}.sidebar-button{display:none;position:absolute;top:.75rem;left:1rem;width:2.25rem;height:2.25rem;padding:.5rem}.sidebar-button .icon{display:block;width:1.25rem;height:1.25rem}@media (max-width:719px){.sidebar-button{display:block}}.algolia-search-wrapper &>span{vertical-align:middle}.algolia-search-wrapper .algolia-autocomplete{line-height:normal}.algolia-search-wrapper .algolia-autocomplete .ds-dropdown-menu{margin:6px 0 0;padding:4px;border:1px solid var(--hiq-color-gray-6);border-radius:4px;background-color:#fff;text-align:left}.algolia-search-wrapper .algolia-autocomplete .ds-dropdown-menu:before{border-color:var(--hiq-color-gray-6)}.algolia-search-wrapper .algolia-autocomplete .ds-dropdown-menu [class*=ds-dataset-]{padding:0;border:none}.algolia-search-wrapper .algolia-autocomplete .ds-dropdown-menu .ds-suggestions{margin-top:0}.algolia-search-wrapper .algolia-autocomplete .ds-dropdown-menu .ds-suggestion{border-bottom:1px solid var(--hiq-color-gray-6)}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion--highlight{color:var(--hiq-selection-color)}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion{padding:0;border-color:var(--hiq-color-gray-6)}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--category-header{margin-top:0;padding:5px 10px;background-color:var(--hiq-color-primary);font-weight:var(--hiq-font-weight-semibold);color:#fff}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--category-header .algolia-docsearch-suggestion--highlight{background-color:var(--hiq-color-gray-6)}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--wrapper{padding:0}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--title{margin-bottom:0;font-weight:var(--hiq-font-weight-semibold);color:var(--hiq-text-color)}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column{padding:5px 7px 5px 5px;vertical-align:top;border-color:var(--hiq-color-gray-6);background-color:var(--hiq-color-gray-6)}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column:after{display:none}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column-text{color:var(--hiq-color-gray-4)}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-footer{border-color:var(--hiq-color-gray-6)}.algolia-search-wrapper .algolia-autocomplete .ds-cursor .algolia-docsearch-suggestion--content{background-color:var(--hiq-selection-color)!important;color:var(--hiq-text-color)}@media (min-width:719px){.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column{display:table-cell;float:none;width:150px;min-width:150px}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--content{display:table-cell;float:none;width:100%;vertical-align:top}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion .ds-dropdown-menu{min-width:515px!important}}@media (max-width:719px){.algolia-search-wrapper .ds-dropdown-menu{min-width:calc(100vw - 4rem)!important;max-width:calc(100vw - 4rem)!important}.algolia-search-wrapper .algolia-docsearch-suggestion--wrapper{padding:5px 7px 5px 5px!important}.algolia-search-wrapper .algolia-docsearch-suggestion--subcategory-column{padding:0!important;background-color:#fff!important}.algolia-search-wrapper .algolia-docsearch-suggestion--subcategory-column-text:after{display:inline-block;width:5px;margin:-3px 3px 0;vertical-align:middle;font-size:10px;line-height:14px;content:" > "}}.search-box{display:inline-block;position:relative;margin-right:.5rem}.search-box input{width:10rem;padding:0 .5rem 0 2rem;border:1px solid var(--hiq-color-gray-6);border-radius:2rem;background:#fff url(/hiq/assets/img/search.0781e11c.svg) .6rem .5rem no-repeat;background-size:1rem;outline:none;font-size:16px;line-height:2rem;color:var(--hiq-color-gray-5);transition:all .2s ease;cursor:text}.search-box input:focus{border-color:var(--hiq-color-primary);cursor:auto}.search-box .suggestions{position:absolute;top:2.75rem;width:20rem;padding:.4rem;border:1px solid var(--hiq-color-gray-6);border-radius:6px;background-color:#fff;list-style-type:none}.search-box .suggestions.align-right{right:0}.search-box .suggestion{padding:.4rem .6rem;border-radius:4px;line-height:1.4;cursor:pointer}.search-box .suggestion a{color:var(--hiq-color-gray-4)}.search-box .suggestion.focused{background-color:var(--hiq-color-gray-7)}.search-box .suggestion.focused a{color:var(--hiq-color-primary)}.search-box .suggestion a .page-title{font-weight:var(--hiq-font-weight-semibold)}.search-box .suggestion a .page-title+.header{margin-left:.25rem;font-size:var(--hiq-font-size-small)}@media (max-width:959px){.search-box input{position:relative;left:1rem;width:0;border-color:transparent;cursor:pointer}.search-box input:focus{width:10rem;left:0;cursor:text}}@media (max-width:959px) and (min-width:719px){.search-box .suggestions{left:0}}@media (max-width:719px){.search-box{margin-right:0}.search-box .suggestions{right:0}}@media (max-width:419px){.search-box input:focus{width:10rem}.search-box .suggestions{width:calc(100vw - 3rem)}}.code-example{margin:1.5rem 0;padding:var(--hiq-pre-padding-vertical) var(--hiq-pre-padding-horizontal);border:1px solid var(--hiq-pre-border-color);border-radius:var(--hiq-pre-border-radius);border-bottom-right-radius:0;border-bottom-left-radius:0}.code-example+div[class*=language-]{margin-top:-1px}.code-example+div[class*=language-] pre{border-top-right-radius:0;border-top-left-radius:0}.code-example [role=button]:not(:last-child),.code-example button:not(:last-child){margin:0 .35rem .35rem 0}.code-example dl:last-of-type,.code-example ol:last-of-type,.code-example p:last-of-type,.code-example ul:last-of-type{margin-bottom:0}.code-example blockquote,.code-example details,.code-example fieldset,.code-example figure,.code-example pre,.code-example table{margin:0}@media (max-width:419px){.code-example{margin-right:-1.5rem;margin-left:-1.5rem;border-right:0;border-left:0;border-radius:0}}.class{opacity:.5}.properties-reference{margin-top:2rem}.properties-reference p{margin-bottom:1.5rem}.searchbox{display:inline-block;position:relative;width:200px;height:32px!important;white-space:nowrap;box-sizing:border-box;visibility:visible!important}.searchbox .algolia-autocomplete{display:block;width:100%;height:100%}.searchbox__wrapper{width:100%;height:100%;z-index:999;position:relative}.searchbox__input{display:inline-block;box-sizing:border-box;transition:box-shadow .4s ease,background .4s ease;border:0;border-radius:16px;box-shadow:inset 0 0 0 1px #ccc;background:#fff!important;padding:0 26px 0 32px;width:100%;height:100%;vertical-align:middle;white-space:normal;font-size:12px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbox__input::-webkit-search-cancel-button,.searchbox__input::-webkit-search-decoration,.searchbox__input::-webkit-search-results-button,.searchbox__input::-webkit-search-results-decoration{display:none}.searchbox__input:hover{box-shadow:inset 0 0 0 1px #b3b3b3}.searchbox__input:active,.searchbox__input:focus{outline:0;box-shadow:inset 0 0 0 1px #aaa;background:#fff}.searchbox__input::-webkit-input-placeholder{color:#aaa}.searchbox__input:-ms-input-placeholder{color:#aaa}.searchbox__input::-ms-input-placeholder{color:#aaa}.searchbox__input::-moz-placeholder{color:#aaa}.searchbox__input::placeholder{color:#aaa}.searchbox__submit{position:absolute;top:0;margin:0;border:0;border-radius:16px 0 0 16px;background-color:rgba(69,142,225,0);padding:0;width:32px;height:100%;vertical-align:middle;text-align:center;font-size:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;right:inherit;left:0}.searchbox__submit:before{display:inline-block;margin-right:-4px;height:100%;vertical-align:middle;content:""}.searchbox__submit:active,.searchbox__submit:hover{cursor:pointer}.searchbox__submit:focus{outline:0}.searchbox__submit svg{width:14px;height:14px;vertical-align:middle;fill:#6d7e96}.searchbox__reset{display:block;position:absolute;top:8px;right:8px;margin:0;border:0;background:none;cursor:pointer;padding:0;font-size:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;fill:rgba(0,0,0,.5)}.searchbox__reset.hide{display:none}.searchbox__reset:focus{outline:0}.searchbox__reset svg{display:block;margin:4px;width:8px;height:8px}.searchbox__input:valid~.searchbox__reset{display:block;-webkit-animation-name:sbx-reset-in;animation-name:sbx-reset-in;-webkit-animation-duration:.15s;animation-duration:.15s}@-webkit-keyframes sbx-reset-in{0%{transform:translate3d(-20%,0,0);opacity:0}to{transform:none;opacity:1}}@keyframes sbx-reset-in{0%{transform:translate3d(-20%,0,0);opacity:0}to{transform:none;opacity:1}}.algolia-autocomplete.algolia-autocomplete-right .ds-dropdown-menu{right:0!important;left:inherit!important}.algolia-autocomplete.algolia-autocomplete-right .ds-dropdown-menu:before{right:48px}.algolia-autocomplete.algolia-autocomplete-left .ds-dropdown-menu{left:0!important;right:inherit!important}.algolia-autocomplete.algolia-autocomplete-left .ds-dropdown-menu:before{left:48px}.algolia-autocomplete .ds-dropdown-menu{top:-6px;border-radius:4px;margin:6px 0 0;padding:0;text-align:left;height:auto;position:relative;background:transparent;border:none;z-index:999;max-width:600px;min-width:500px;box-shadow:0 1px 0 0 rgba(0,0,0,.2),0 2px 3px 0 rgba(0,0,0,.1)}.algolia-autocomplete .ds-dropdown-menu:before{display:block;position:absolute;content:"";width:14px;height:14px;background:#fff;z-index:1000;top:-7px;border-top:1px solid #d9d9d9;border-right:1px solid #d9d9d9;transform:rotate(-45deg);border-radius:2px}.algolia-autocomplete .ds-dropdown-menu .ds-suggestions{position:relative;z-index:1000;margin-top:8px}.algolia-autocomplete .ds-dropdown-menu .ds-suggestions a:hover{text-decoration:none}.algolia-autocomplete .ds-dropdown-menu .ds-suggestion{cursor:pointer}.algolia-autocomplete .ds-dropdown-menu .ds-suggestion.ds-cursor .algolia-docsearch-suggestion.suggestion-layout-simple,.algolia-autocomplete .ds-dropdown-menu .ds-suggestion.ds-cursor .algolia-docsearch-suggestion:not(.suggestion-layout-simple) .algolia-docsearch-suggestion--content{background-color:rgba(69,142,225,.05)}.algolia-autocomplete .ds-dropdown-menu [class^=ds-dataset-]{position:relative;border:1px solid #d9d9d9;background:#fff;border-radius:4px;overflow:auto;padding:0 8px 8px}.algolia-autocomplete .ds-dropdown-menu *{box-sizing:border-box}.algolia-autocomplete .algolia-docsearch-suggestion{display:block;position:relative;padding:0 8px;background:#fff;color:#02060c;overflow:hidden}.algolia-autocomplete .algolia-docsearch-suggestion--highlight{color:#174d8c;background:rgba(143,187,237,.1);padding:.1em .05em}.algolia-autocomplete .algolia-docsearch-suggestion--category-header .algolia-docsearch-suggestion--category-header-lvl0 .algolia-docsearch-suggestion--highlight,.algolia-autocomplete .algolia-docsearch-suggestion--category-header .algolia-docsearch-suggestion--category-header-lvl1 .algolia-docsearch-suggestion--highlight,.algolia-autocomplete .algolia-docsearch-suggestion--text .algolia-docsearch-suggestion--highlight{padding:0 0 1px;background:inherit;box-shadow:inset 0 -2px 0 0 rgba(69,142,225,.8);color:inherit}.algolia-autocomplete .algolia-docsearch-suggestion--content{display:block;float:right;width:70%;position:relative;padding:5.33333px 0 5.33333px 10.66667px;cursor:pointer}.algolia-autocomplete .algolia-docsearch-suggestion--content:before{content:"";position:absolute;display:block;top:0;height:100%;width:1px;background:#ddd;left:-1px}.algolia-autocomplete .algolia-docsearch-suggestion--category-header{position:relative;border-bottom:1px solid #ddd;display:none;margin-top:8px;padding:4px 0;font-size:1em;color:#33363d}.algolia-autocomplete .algolia-docsearch-suggestion--wrapper{width:100%;float:left;padding:8px 0 0}.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-column{float:left;width:30%;text-align:right;position:relative;padding:5.33333px 10.66667px;color:#a4a7ae;font-size:.9em;word-wrap:break-word}.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-column:before{content:"";position:absolute;display:block;top:0;height:100%;width:1px;background:#ddd;right:0}.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-inline{display:none}.algolia-autocomplete .algolia-docsearch-suggestion--title{margin-bottom:4px;color:#02060c;font-size:.9em;font-weight:700}.algolia-autocomplete .algolia-docsearch-suggestion--text{display:block;line-height:1.2em;font-size:.85em;color:#63676d}.algolia-autocomplete .algolia-docsearch-suggestion--no-results{width:100%;padding:8px 0;text-align:center;font-size:1.2em}.algolia-autocomplete .algolia-docsearch-suggestion--no-results:before{display:none}.algolia-autocomplete .algolia-docsearch-suggestion code{padding:1px 5px;font-size:90%;border:none;color:#222;background-color:#ebebeb;border-radius:3px;font-family:Menlo,Monaco,Consolas,Courier New,monospace}.algolia-autocomplete .algolia-docsearch-suggestion code .algolia-docsearch-suggestion--highlight{background:none}.algolia-autocomplete .algolia-docsearch-suggestion.algolia-docsearch-suggestion__main .algolia-docsearch-suggestion--category-header,.algolia-autocomplete .algolia-docsearch-suggestion.algolia-docsearch-suggestion__secondary{display:block}@media (min-width:768px){.algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column{display:block}}@media (max-width:768px){.algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column{display:inline-block;width:auto;float:left;padding:0;color:#02060c;font-size:.9em;font-weight:700;text-align:left;opacity:.5}.algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column:before{display:none}.algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column:after{content:"|"}.algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--content{display:inline-block;width:auto;text-align:left;float:left;padding:0}.algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--content:before{display:none}}.algolia-autocomplete .suggestion-layout-simple.algolia-docsearch-suggestion{border-bottom:1px solid #eee;padding:8px;margin:0}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--content{width:100%;padding:0}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--content:before{display:none}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--category-header{margin:0;padding:0;display:block;width:100%;border:none}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--category-header-lvl0,.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--category-header-lvl1{opacity:.6;font-size:.85em}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--category-header-lvl1:before{background-image:url('data:image/svg+xml;utf8,');content:"";width:10px;height:10px;display:inline-block}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--wrapper{width:100%;float:left;margin:0;padding:0}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--duplicate-content,.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--subcategory-inline{display:none!important}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--title{margin:0;color:#458ee1;font-size:.9em;font-weight:400}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--title:before{content:"#";font-weight:700;color:#458ee1;display:inline-block}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--text{margin:4px 0 0;display:block;line-height:1.4em;padding:5.33333px 8px;background:#f8f8f8;font-size:.85em;opacity:.8}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--text .algolia-docsearch-suggestion--highlight{color:#3f4145;font-weight:700;box-shadow:none}.algolia-autocomplete .algolia-docsearch-footer{width:134px;height:20px;z-index:2000;margin-top:10.66667px;float:right;font-size:0;line-height:0}.algolia-autocomplete .algolia-docsearch-footer--logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='168' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M78.988.938h16.594a2.968 2.968 0 012.966 2.966V20.5a2.967 2.967 0 01-2.966 2.964H78.988a2.967 2.967 0 01-2.966-2.964V3.897A2.961 2.961 0 0178.988.938zm41.937 17.866c-4.386.02-4.386-3.54-4.386-4.106l-.007-13.336 2.675-.424v13.254c0 .322 0 2.358 1.718 2.364v2.248zm-10.846-2.18c.821 0 1.43-.047 1.855-.129v-2.719a6.334 6.334 0 00-1.574-.199 5.7 5.7 0 00-.897.069 2.699 2.699 0 00-.814.24c-.24.116-.439.28-.582.491-.15.212-.219.335-.219.656 0 .628.219.991.616 1.23s.938.362 1.615.362zm-.233-9.7c.883 0 1.629.109 2.231.328.602.218 1.088.525 1.444.915.363.396.609.922.76 1.483.157.56.232 1.175.232 1.85v6.874a32.5 32.5 0 01-1.868.314c-.834.123-1.772.185-2.813.185-.69 0-1.327-.069-1.895-.198a4.001 4.001 0 01-1.471-.636 3.085 3.085 0 01-.951-1.134c-.226-.465-.343-1.12-.343-1.803 0-.656.13-1.073.384-1.525a3.24 3.24 0 011.047-1.106c.445-.287.95-.492 1.532-.615a8.8 8.8 0 011.82-.185 8.404 8.404 0 011.972.24v-.438c0-.307-.035-.6-.11-.874a1.88 1.88 0 00-.384-.73 1.784 1.784 0 00-.724-.493 3.164 3.164 0 00-1.143-.205c-.616 0-1.177.075-1.69.164a7.735 7.735 0 00-1.26.307l-.321-2.192c.335-.117.834-.233 1.478-.349a10.98 10.98 0 012.073-.178zm52.842 9.626c.822 0 1.43-.048 1.854-.13V13.7a6.347 6.347 0 00-1.574-.199c-.294 0-.595.021-.896.069a2.7 2.7 0 00-.814.24 1.46 1.46 0 00-.582.491c-.15.212-.218.335-.218.656 0 .628.218.991.615 1.23.404.245.938.362 1.615.362zm-.226-9.694c.883 0 1.629.108 2.231.327.602.219 1.088.526 1.444.915.355.39.609.923.759 1.483a6.8 6.8 0 01.233 1.852v6.873c-.41.088-1.034.19-1.868.314-.834.123-1.772.184-2.813.184-.69 0-1.327-.068-1.895-.198a4.001 4.001 0 01-1.471-.635 3.085 3.085 0 01-.951-1.134c-.226-.465-.343-1.12-.343-1.804 0-.656.13-1.073.384-1.524.26-.45.608-.82 1.047-1.107.445-.286.95-.491 1.532-.614a8.803 8.803 0 012.751-.13c.329.034.671.096 1.04.185v-.437a3.3 3.3 0 00-.109-.875 1.873 1.873 0 00-.384-.731 1.784 1.784 0 00-.724-.492 3.165 3.165 0 00-1.143-.205c-.616 0-1.177.075-1.69.164a7.75 7.75 0 00-1.26.307l-.321-2.193c.335-.116.834-.232 1.478-.348a11.633 11.633 0 012.073-.177zm-8.034-1.271a1.626 1.626 0 01-1.628-1.62c0-.895.725-1.62 1.628-1.62.904 0 1.63.725 1.63 1.62 0 .895-.733 1.62-1.63 1.62zm1.348 13.22h-2.689V7.27l2.69-.423v11.956zm-4.714 0c-4.386.02-4.386-3.54-4.386-4.107l-.008-13.336 2.676-.424v13.254c0 .322 0 2.358 1.718 2.364v2.248zm-8.698-5.903c0-1.156-.253-2.119-.746-2.788-.493-.677-1.183-1.01-2.067-1.01-.882 0-1.574.333-2.065 1.01-.493.676-.733 1.632-.733 2.788 0 1.168.246 1.953.74 2.63.492.683 1.183 1.018 2.066 1.018.882 0 1.574-.342 2.067-1.019.492-.683.738-1.46.738-2.63zm2.737-.007c0 .902-.13 1.584-.397 2.33a5.52 5.52 0 01-1.128 1.906 4.986 4.986 0 01-1.752 1.223c-.685.286-1.739.45-2.265.45-.528-.006-1.574-.157-2.252-.45a5.096 5.096 0 01-1.744-1.223c-.487-.527-.863-1.162-1.137-1.906a6.345 6.345 0 01-.41-2.33c0-.902.123-1.77.397-2.508a5.554 5.554 0 011.15-1.892 5.133 5.133 0 011.75-1.216c.679-.287 1.425-.423 2.232-.423.808 0 1.553.142 2.237.423a4.88 4.88 0 011.753 1.216 5.644 5.644 0 011.135 1.892c.287.738.431 1.606.431 2.508zm-20.138 0c0 1.12.246 2.363.738 2.882.493.52 1.13.78 1.91.78.424 0 .828-.062 1.204-.178.377-.116.677-.253.917-.417V9.33a10.476 10.476 0 00-1.766-.226c-.971-.028-1.71.37-2.23 1.004-.513.636-.773 1.75-.773 2.788zm7.438 5.274c0 1.824-.466 3.156-1.404 4.004-.936.846-2.367 1.27-4.296 1.27-.705 0-2.17-.137-3.34-.396l.431-2.118c.98.205 2.272.26 2.95.26 1.074 0 1.84-.219 2.299-.656.459-.437.684-1.086.684-1.948v-.437a8.07 8.07 0 01-1.047.397c-.43.13-.93.198-1.492.198-.739 0-1.41-.116-2.018-.349a4.206 4.206 0 01-1.567-1.025c-.431-.45-.774-1.017-1.013-1.694-.24-.677-.363-1.885-.363-2.773 0-.834.13-1.88.384-2.577.26-.696.629-1.298 1.129-1.796.493-.498 1.095-.881 1.8-1.162a6.605 6.605 0 012.428-.457c.87 0 1.67.109 2.45.24.78.129 1.444.265 1.985.415V18.17z' fill='%235468FF'/%3E%3Cpath d='M6.972 6.677v1.627c-.712-.446-1.52-.67-2.425-.67-.585 0-1.045.13-1.38.391a1.24 1.24 0 00-.502 1.03c0 .425.164.765.494 1.02.33.256.835.532 1.516.83.447.192.795.356 1.045.495.25.138.537.332.862.582.324.25.563.548.718.894.154.345.23.741.23 1.188 0 .947-.334 1.691-1.004 2.234-.67.542-1.537.814-2.601.814-1.18 0-2.16-.229-2.936-.686v-1.708c.84.628 1.814.942 2.92.942.585 0 1.048-.136 1.388-.407.34-.271.51-.646.51-1.125 0-.287-.1-.55-.302-.79-.203-.24-.42-.42-.655-.542-.234-.123-.585-.29-1.053-.503a61.27 61.27 0 01-.582-.271 13.67 13.67 0 01-.55-.287 4.275 4.275 0 01-.567-.351 6.92 6.92 0 01-.455-.4c-.18-.17-.31-.34-.39-.51-.08-.17-.155-.37-.224-.598a2.553 2.553 0 01-.104-.742c0-.915.333-1.638.998-2.17.664-.532 1.523-.798 2.576-.798.968 0 1.793.17 2.473.51zm7.468 5.696v-.287c-.022-.607-.187-1.088-.495-1.444-.309-.357-.75-.535-1.324-.535-.532 0-.99.194-1.373.583-.382.388-.622.949-.717 1.683h3.909zm1.005 2.792v1.404c-.596.34-1.383.51-2.362.51-1.255 0-2.255-.377-3-1.132-.744-.755-1.116-1.744-1.116-2.968 0-1.297.34-2.316 1.021-3.055.68-.74 1.548-1.11 2.6-1.11 1.033 0 1.852.323 2.458.966.606.644.91 1.572.91 2.784 0 .33-.033.676-.096 1.038h-5.314c.107.702.405 1.239.894 1.611.49.372 1.106.558 1.85.558.862 0 1.58-.202 2.155-.606zm6.605-1.77h-1.212c-.596 0-1.045.116-1.349.35-.303.234-.454.532-.454.894 0 .372.117.664.35.877.235.213.575.32 1.022.32.51 0 .912-.142 1.204-.424.293-.281.44-.651.44-1.108v-.91zm-4.068-2.554V9.325c.627-.361 1.457-.542 2.489-.542 2.116 0 3.175 1.026 3.175 3.08V17h-1.548v-.957c-.415.68-1.143 1.02-2.186 1.02-.766 0-1.38-.22-1.843-.661-.462-.442-.694-1.003-.694-1.684 0-.776.293-1.38.878-1.81.585-.431 1.404-.647 2.457-.647h1.34V11.8c0-.554-.133-.971-.399-1.253-.266-.282-.707-.423-1.324-.423a4.07 4.07 0 00-2.345.718zm9.333-1.93v1.42c.394-1 1.101-1.5 2.123-1.5.148 0 .313.016.494.048v1.531a1.885 1.885 0 00-.75-.143c-.542 0-.989.24-1.34.718-.351.479-.527 1.048-.527 1.707V17h-1.563V8.91h1.563zm5.01 4.084c.022.82.272 1.492.75 2.019.479.526 1.15.79 2.01.79.639 0 1.235-.176 1.788-.527v1.404c-.521.319-1.186.479-1.995.479-1.265 0-2.276-.4-3.031-1.197-.755-.798-1.133-1.792-1.133-2.984 0-1.16.38-2.151 1.14-2.975.761-.825 1.79-1.237 3.088-1.237.702 0 1.346.149 1.93.447v1.436a3.242 3.242 0 00-1.77-.495c-.84 0-1.513.266-2.019.798-.505.532-.758 1.213-.758 2.042zM40.24 5.72v4.579c.458-1 1.293-1.5 2.505-1.5.787 0 1.42.245 1.899.734.479.49.718 1.17.718 2.042V17h-1.564v-5.106c0-.553-.14-.98-.422-1.284-.282-.303-.652-.455-1.11-.455-.531 0-1.002.202-1.411.606-.41.405-.615 1.022-.615 1.851V17h-1.563V5.72h1.563zm14.966 10.02c.596 0 1.096-.253 1.5-.758.404-.506.606-1.157.606-1.955 0-.915-.202-1.62-.606-2.114-.404-.495-.92-.742-1.548-.742-.553 0-1.05.224-1.491.67-.442.447-.662 1.133-.662 2.058 0 .958.212 1.67.638 2.138.425.469.946.703 1.563.703zM53.004 5.72v4.42c.574-.894 1.388-1.341 2.44-1.341 1.022 0 1.857.383 2.506 1.149.649.766.973 1.781.973 3.047 0 1.138-.309 2.109-.925 2.912-.617.803-1.463 1.205-2.537 1.205-1.075 0-1.894-.447-2.457-1.34V17h-1.58V5.72h1.58zm9.908 11.104l-3.223-7.913h1.739l1.005 2.632 1.26 3.415c.096-.32.48-1.458 1.15-3.415l.909-2.632h1.66l-2.92 7.866c-.777 2.074-1.963 3.11-3.559 3.11a2.92 2.92 0 01-.734-.079v-1.34c.17.042.351.064.543.064 1.032 0 1.755-.57 2.17-1.708z' fill='%235D6494'/%3E%3Cpath d='M89.632 5.967v-.772a.978.978 0 00-.978-.977h-2.28a.978.978 0 00-.978.977v.793c0 .088.082.15.171.13a7.127 7.127 0 011.984-.28c.65 0 1.295.088 1.917.259.082.02.164-.04.164-.13m-6.248 1.01l-.39-.389a.977.977 0 00-1.382 0l-.465.465a.973.973 0 000 1.38l.383.383c.062.061.15.047.205-.014.226-.307.472-.601.746-.874.281-.28.568-.526.883-.751.068-.042.075-.137.02-.2m4.16 2.453v3.341c0 .096.104.165.192.117l2.97-1.537c.068-.034.089-.117.055-.184a3.695 3.695 0 00-3.08-1.866c-.068 0-.136.054-.136.13m0 8.048a4.489 4.489 0 01-4.49-4.482 4.488 4.488 0 014.49-4.482 4.488 4.488 0 014.489 4.482 4.484 4.484 0 01-4.49 4.482m0-10.85a6.363 6.363 0 100 12.729 6.37 6.37 0 006.372-6.368 6.358 6.358 0 00-6.371-6.36' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-position:50%;background-size:100%;overflow:hidden;text-indent:-9000px;padding:0!important;width:100%;height:100%;display:block}.dropdown-enter,.dropdown-leave-to{height:0!important}.dropdown-wrapper{cursor:pointer}.dropdown-wrapper .dropdown-title{display:block}.dropdown-wrapper .dropdown-title:hover{border-color:transparent}.dropdown-wrapper .dropdown-title .arrow{margin-top:-1px;margin-left:.4rem;vertical-align:middle}.dropdown-wrapper .nav-dropdown .dropdown-item{line-height:1.7rem;color:inherit}.dropdown-wrapper .nav-dropdown .dropdown-item h4{margin:.45rem 0 0;padding:.45rem 1.5rem 0 1.25rem;border-top:1px solid var(--hiq-color-gray-6)}.dropdown-wrapper .nav-dropdown .dropdown-item:first-child h4{margin-top:0;padding-top:0;border-top:0}.dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subitem-wrapper{padding:0;list-style:none}.dropdown-wrapper .nav-dropdown .dropdown-item a{display:block;position:relative;margin-bottom:0;padding:0 1.5rem 0 1.25rem;border-bottom:none;line-height:1.7rem;font-weight:400}.dropdown-wrapper .nav-dropdown .dropdown-item a:hover{color:var(--hiq-color-primary)}.dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active{color:var(--hiq-color-primary)}.dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active:after{position:absolute;top:calc(50% - 2px);left:9px;width:0;height:0;border-top:3px solid transparent;border-bottom:3px solid transparent;border-left:5px solid var(--hiq-color-primary);content:""}@media (max-width:719px){.dropdown-wrapper.open .dropdown-title{margin-bottom:.5rem}.dropdown-wrapper .nav-dropdown{overflow:hidden;transition:height .1s ease-out}.dropdown-wrapper .nav-dropdown .dropdown-item h4{margin-top:0;padding-top:0;border-top:0}.dropdown-wrapper .nav-dropdown .dropdown-item>a,.dropdown-wrapper .nav-dropdown .dropdown-item h4{line-height:2rem}.dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subitem{padding-left:1rem}}@media (min-width:719px){.dropdown-wrapper{height:1.8rem}.dropdown-wrapper:hover .nav-dropdown{display:block!important}.dropdown-wrapper .dropdown-title .arrow{border-top:6px solid var(--hiq-color-gray-6);border-right:4px solid transparent;border-bottom:0;border-left:4px solid transparent}.dropdown-wrapper .nav-dropdown{display:none;position:absolute;top:100%;right:0;height:auto!important;max-height:calc(100vh - 2.7rem);overflow-y:auto;margin:0;padding:.6rem 0;background-color:#fff;border-bottom-color:var(--hiq-color-gray-6);border:1px solid var(--hiq-color-gray-6);border-radius:.2rem;text-align:left;white-space:nowrap}}.nav-links{display:inline-block}.nav-links a{font-weight:var(--hiq-font-weight-medium);line-height:1.4rem;color:inherit}.nav-links a.router-link-active,.nav-links a:hover{color:var(--hiq-color-primary)}.nav-links .nav-item{display:inline-block;position:relative;margin-left:1.125rem;line-height:2rem}.nav-links .repo-link{margin-left:1.125rem}.version-number{margin-left:1rem;font-weight:var(--hiq-font-weight-medium)}@media (min-width:719px){.nav-links a.router-link-active,.nav-links a:hover{color:var(--hiq-text-color)}.nav-item>a:not(.external).router-link-active,.nav-item>a:not(.external):hover{margin-bottom:-2px;border-bottom:2px solid var(--hiq-color-primary)}}@media (max-width:719px){.version-number{display:none}}.navbar{position:fixed;top:0;left:0;right:0;z-index:20;height:var(--navbar-height);padding:.5rem 1.5rem;box-shadow:0 2px 8px 0 rgba(0,0,0,.1);background-color:#fff;line-height:calc(var(--navbar-height) - 1rem)}.navbar a,.navbar img,.navbar span{display:inline-block}.navbar a{box-shadow:none!important}.navbar .logo{min-width:2.6rem;height:2.6rem;margin-right:.8rem;vertical-align:top}.navbar .site-name{position:relative;font-size:1.3rem;font-weight:600;color:var(--hiq-text-color)}.links{position:absolute;font-size:.9rem;top:.5rem;right:1.5rem}@media (max-width:719px){.navbar{padding-left:4rem}.navbar .can-hide{display:none}}.page{padding-bottom:2rem;padding-left:var(--sidebar-width)}.page-edit{padding-top:1rem;padding-bottom:1rem;overflow:auto}.page-edit .last-updated{float:right;font-size:var(--hiq-font-size-small)}.page-edit .last-updated .prefix{font-weight:var(--hiq-font-weight-medium);color:var(--hiq-color-gray-4)}.page-edit .last-updated .time{font-weight:var(--hiq-font-weight-normal);color:var(--hiq-color-gray-5)}.page-nav{padding-top:1rem;padding-bottom:0}.page-nav .inner{min-height:2rem;overflow:auto;margin-top:0;padding-top:1rem;border-top:1px solid var(--hiq-color-gray-6)}.page-nav .next{float:right}@media (max-width:959px){.page{padding-left:var(--mobile-sidebar-width)}}@media (min-width:720px){.theme-container.no-sidebar .page{padding-left:0}}@media (max-width:719px){.page{padding-left:0}.page-edit .last-updated{float:none;font-size:var(--hiq-font-size-small);text-align:left}}.sidebar .sidebar-sub-headers{padding-left:1rem}a.sidebar-link{display:inline-block;width:100%;padding:.35rem 1rem .35rem 1.25rem;border-left:.25rem solid transparent;box-shadow:none!important;line-height:1.4;font-weight:var(--hiq-font-weight-normal);color:var(--hiq-color-gray-3)}a.sidebar-link:hover{color:var(--hiq-color-primary)}a.sidebar-link.active{border-left-color:var(--hiq-color-primary);font-weight:var(--hiq-font-weight-semibold);color:var(--hiq-color-primary)}.sidebar-group a.sidebar-link{padding-left:2rem}.sidebar-sub-headers a.sidebar-link{padding-top:.25rem;padding-bottom:.25rem;border-left:none}.sidebar-sub-headers a.sidebar-link.active{font-weight:var(--hiq-font-weight-medium)}.sidebar-group:not(.first){margin-top:1rem}.sidebar-group:not(.collapsable) .sidebar-heading{color:inherit;cursor:auto}.sidebar-group .sidebar-group{padding-left:.5rem}.sidebar-heading{margin-top:0;margin-bottom:.5rem;padding:0 1.5rem;font-weight:var(--hiq-font-weight-bold);color:var(--hiq-text-color);transition:color .15s ease;cursor:pointer}.sidebar-heading.open,.sidebar-heading:hover{color:inherit}.sidebar-heading .arrow{position:relative;top:-.12rem;left:.5rem}.sidebar-heading .open .arrow{top:-.18rem}.sidebar-group-items{overflow:hidden;transition:height .1s ease-out}.sidebar-mask{display:none;position:fixed;top:0;left:0;z-index:9;width:100vw;height:100vh}.theme-container.sidebar-open .sidebar-mask{display:block}.sidebar{position:fixed;top:var(--navbar-height);bottom:0;left:0;z-index:10;width:var(--sidebar-width);overflow-y:auto;margin:0;border-right:1px solid var(--hiq-color-gray-6);background-color:#fff}.theme-container.sidebar-open .sidebar{top:0}.sidebar ul{margin:0;padding:0;list-style-type:none}.sidebar a{display:inline-block}.sidebar .nav-links{display:none;padding:.5rem 0 .75rem;border-bottom:1px solid var(--hiq-color-gray-6)}.sidebar .nav-links a{font-weight:var(--hiq-font-weight-semibold)}.sidebar .nav-links .nav-item,.sidebar .nav-links .repo-link{display:block;padding:.5rem 0 .5rem 1.5rem;line-height:1.25rem}.sidebar .sidebar-links{padding:1.5rem 0}@media (max-width:959px){.sidebar{width:var(--mobile-sidebar-width)}}@media (min-width:720px){.theme-container.no-sidebar .sidebar{display:none}}@media (max-width:719px){.sidebar{top:0;padding-top:var(--navbar-height);transform:translateX(-100%);transition:transform .2s ease}.theme-container.sidebar-open .sidebar{transform:translateX(0)}.theme-container.no-navbar .sidebar{padding-top:0}.sidebar .nav-links{display:block}.sidebar .nav-links .dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active:after{top:calc(1rem - 2px)}.sidebar .sidebar-links{padding:1rem 0}}.is-unselectable{-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-select:none}.overflow-touch{-webkit-overflow-scrolling:touch}.is-stretched{position:absolute;top:0;left:0;width:100%;height:100%}.is-visually-hidden{clip:rect(0 0 0 0);position:absolute;width:1px;height:1px;overflow:hidden;margin:-1px;padding:0;border:0;white-space:nowrap}.has-text-truncated{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.is-clipped{overflow:hidden!important}body,html{margin:0;padding:0}html{box-sizing:border-box;min-width:300px;overflow-x:hidden;overflow-y:scroll;background-color:var(--hiq-html-background-color,#fff);-webkit-tap-highlight-color:rgba(0,0,0,0)}*,:after,:before{box-sizing:inherit}body{background-color:var(--hiq-body-background-color,#fff)}[role=button],a,area,button,input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}[tabindex="-1"]:focus{outline:none!important}p{margin:0 0 var(--hiq-block-element-margin-bottom,1rem);padding:0}address{margin-bottom:var(--hiq-block-element-margin-bottom,1rem);font-style:normal;line-height:inherit}blockquote{--blockquote-font-size:var(--hiq-blockquote-font-size,var(--hiq-font-size-large,var(--hiq-font-size-4,1.5rem)));--blockquote-line-height:var(--hiq-blockquote-line-height,var(--hiq-heading-line-height,1.4));--blockquote-citation-color:var(--hiq-blockquote-citation-color,var(--hiq-color-gray-5,#999));margin:0 0 var(--hiq-block-element-margin-bottom,1rem);padding:0;color:var(--hiq-text-color,var(--hiq-color-gray-2,#17191c))}blockquote p{margin-bottom:0;font-size:var(--blockquote-font-size);line-height:var(--blockquote-line-height)}blockquote cite{display:block;margin-top:.25rem;color:var(--blockquote-citation-color)}blockquote cite:before{content:"\2014 \00A0"}cite{font-style:normal}details{margin-bottom:var(--hiq-block-element-margin-bottom,1rem)}summary{display:list-item}summary:focus{outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem)}html{-webkit-text-size-adjust:100%;text-rendering:var(--hiq-text-rendering,optimizeLegibility);font-family:var(--hiq-font-family-base,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif);font-size:calc(var(--hiq-unitless-min-font-size, 15)*1px);font-weight:var(--hiq-font-weight-base,var(--hiq-font-weight-normal,400));letter-spacing:var(--hiq-letter-spacing-base,0);line-height:var(--hiq-line-height-base,1.5)}@media (min-width:460px){html{font-size:calc(var(--hiq-unitless-min-font-size, 15)*1px + (var(--hiq-unitless-max-font-size, 16) - var(--hiq-unitless-min-font-size, 15))*(100vw - var(--hiq-unitless-lower-font-range, 460)*1px)/(var(--hiq-unitless-upper-font-range, 900) - var(--hiq-unitless-lower-font-range, 460)))}}@media (min-width:900px){html{font-size:calc(var(--hiq-unitless-max-font-size, 16)*1px)}}body{text-align:left;color:var(--hiq-text-color,var(--hiq-color-gray-2,#17191c))}h1,h2,h3,h4,h5,h6{margin:0 0 var(--hiq-block-element-margin-bottom,1rem);padding:0;font-weight:var(--hiq-heading-font-weight,var(--hiq-font-weight-medium,500));line-height:var(--hiq-heading-line-height,1.2)}hr{--horizontal-rule-height:var(--hiq-horizontal-rule-height,1px);--horizontal-rule-color:var(--hiq-horizontal-rule-color,var(--hiq-color-gray-6,#e3e5e8));box-sizing:content-box;height:var(--horizontal-rule-height);overflow:visible;margin-top:var(--hiq-block-element-margin-bottom,1rem);margin-bottom:var(--hiq-block-element-margin-bottom,1rem);padding:0;border:0;background-color:var(--horizontal-rule-color)}abbr[title]{border-bottom:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help}dfn{font-style:italic}mark{background-color:var(--hiq-mark-color,#fcf8e3)}del{background-color:var(--hiq-deleted-color,#f95da8)}ins{background-color:var(--hiq-inserted-color,#e5f2ff)}a{--link-text-decoration:var(--hiq-link-text-decoration,none);--link-color:var(--hiq-link-color,var(--hiq-color-primary,#007fff));--link-hover-color:var(--hiq-link-hover-color,#06c);--link-active-color:var(--hiq-link-active-color,#06c);background-color:transparent;-webkit-text-decoration:var(--link-text-decoration);text-decoration:var(--link-text-decoration);-webkit-text-decoration-skip:objects;color:var(--link-color);transition:color var(--hiq-speed,.1s) var(--hiq-easing,ease-out);cursor:pointer}a:focus,a:hover{color:var(--link-hover-color)}a:focus{outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem)}a:active{color:var(--link-active-color)}ol,ul{--list-margin-left:var(--hiq-list-margin-left,1rem);margin:0 0 var(--hiq-block-element-margin-bottom,1rem);padding:0 0 0 var(--list-margin-left)}ul{--unordered-list-style:var(--hiq-unordered-list-style,disc);list-style:var(--unordered-list-style)}ul ul{margin-bottom:0}li{margin:0;padding:0}.is-unstyled{padding-left:0;list-style:none}dl{margin:0 0 var(--hiq-block-element-margin-bottom,1rem);padding:0}dt{--description-list-title-font-weight:var(--hiq-description-list-title-font-weight,var(--hiq-font-weight-semibold,600));font-weight:var(--description-list-title-font-weight)}dd,dt{margin:0;padding:0}dd:not(:last-child){margin-bottom:var(--hiq-block-element-margin-bottom,1rem)}::-moz-selection{background-color:var(--hiq-selection-color,#cce5ff);text-shadow:none}::-moz-selection{background-color:var(--hiq-selection-color,#cce5ff);text-shadow:none}::-moz-selection,::selection{background-color:var(--hiq-selection-color,#cce5ff);text-shadow:none}.is-size-1,h1{font-size:var(--hiq-font-size-1,2.5rem)}.is-size-2,h2{font-size:var(--hiq-font-size-2,2rem)}.is-size-3,h3{font-size:var(--hiq-font-size-3,1.75rem)}.is-size-4,h4{font-size:var(--hiq-font-size-4,1.5rem)}.is-size-5,h5{font-size:var(--hiq-font-size-5,1rem)}.is-size-6,h6{font-size:var(--hiq-font-size-6,.875rem)}.is-large{font-size:var(--hiq-font-size-large,var(--hiq-font-size-4,1.5rem))}.is-small,small{font-size:var(--hiq-font-size-small,var(--hiq-font-size-6,.875rem))}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}b,strong{font-weight:var(--hiq-font-weight-bold,700)}.button,[role=button],[type=button],[type=reset],[type=submit],button{--button-height:var(--hiq-button-height,2.25rem);--button-vertical-padding:var(--hiq-button-vertical-padding,0);--button-horizontal-padding:var(--hiq-button-horizontal-padding,1rem);--button-border-width:var(--hiq-button-border-width,1px);--button-border-color:var(--hiq-button-border-color,var(--hiq-color-primary,#007fff));--button-border-radius:var(--hiq-button-border-radius,0.2rem);--button-background-color:var(--hiq-button-background-color,var(--hiq-color-primary,#007fff));--button-font-weight:var(--hiq-button-font-weight,var(--hiq-font-weight-medium,500));--button-text-color:var(--hiq-button-text-color,#fff);--button-hover-border-color:var(--hiq-button-hover-border-color,#06c);--button-hover-background-color:var(--hiq-button-hover-background-color,#06c);--button-hover-text-color:var(--hiq-button-hover-text-color,#fff);--button-active-border-color:var(--hiq-button-active-border-color,#004c99);--button-active-background-color:var(--hiq-button-active-background-color,#004c99);--button-active-text-color:var(--hiq-button-active-text-color,#fff);box-shadow:none;outline:none;-moz-appearance:none;-webkit-appearance:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-select:none;display:inline-flex;align-items:center;justify-content:center;width:auto;height:var(--button-height);margin:0;padding:var(--button-vertical-padding) var(--button-horizontal-padding);border:var(--button-border-width) solid var(--button-border-color);border-radius:var(--button-border-radius);background-color:var(--button-background-color);font-family:inherit;font-size:inherit;font-weight:var(--button-font-weight);line-height:inherit;text-decoration:none;color:var(--button-text-color);transition:border-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),background-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out);cursor:pointer}.button:focus,.button:hover,[role=button]:focus,[role=button]:hover,[type=button]:focus,[type=button]:hover,[type=reset]:focus,[type=reset]:hover,[type=submit]:focus,[type=submit]:hover,button:focus,button:hover{border-color:var(--button-hover-border-color);background-color:var(--button-hover-background-color);color:var(--button-hover-text-color)}.button:active,.button:focus,[role=button]:active,[role=button]:focus,[type=button]:active,[type=button]:focus,[type=reset]:active,[type=reset]:focus,[type=submit]:active,[type=submit]:focus,button:active,button:focus{outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem)}.button:active,[role=button]:active,[type=button]:active,[type=reset]:active,[type=submit]:active,button:active{border-color:var(--button-active-border-color);background-color:var(--button-active-background-color);color:var(--button-active-text-color)}.button:visited,[role=button]:visited,[type=button]:visited,[type=reset]:visited,[type=submit]:visited,button:visited{color:var(--button-text-color)}.button:disabled,.button[aria-disabled],[role=button]:disabled,[role=button][aria-disabled],[type=button]:disabled,[type=button][aria-disabled],[type=reset]:disabled,[type=reset][aria-disabled],[type=submit]:disabled,[type=submit][aria-disabled],button:disabled,button[aria-disabled]{border-color:var(--hiq-disabled-border-color,transparent);background-color:var(--hiq-disabled-background-color,var(--hiq-color-gray-7,#f1f2f4));color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3));cursor:not-allowed}::-webkit-file-upload-button{--button-height:var(--hiq-button-height,2.25rem);--button-vertical-padding:var(--hiq-button-vertical-padding,0);--button-horizontal-padding:var(--hiq-button-horizontal-padding,1rem);--button-border-width:var(--hiq-button-border-width,1px);--button-border-color:var(--hiq-button-border-color,var(--hiq-color-primary,#007fff));--button-border-radius:var(--hiq-button-border-radius,0.2rem);--button-background-color:var(--hiq-button-background-color,var(--hiq-color-primary,#007fff));--button-font-weight:var(--hiq-button-font-weight,var(--hiq-font-weight-medium,500));--button-text-color:var(--hiq-button-text-color,#fff);--button-hover-border-color:var(--hiq-button-hover-border-color,#06c);--button-hover-background-color:var(--hiq-button-hover-background-color,#06c);--button-hover-text-color:var(--hiq-button-hover-text-color,#fff);--button-active-border-color:var(--hiq-button-active-border-color,#004c99);--button-active-background-color:var(--hiq-button-active-background-color,#004c99);--button-active-text-color:var(--hiq-button-active-text-color,#fff);box-shadow:none;outline:none;-moz-appearance:none;-webkit-appearance:none;user-select:none;-webkit-touch-callout:none;-webkit-user-select:none;display:inline-flex;align-items:center;justify-content:center;width:auto;height:var(--button-height);margin:0;padding:var(--button-vertical-padding) var(--button-horizontal-padding);border:var(--button-border-width) solid var(--button-border-color);border-radius:var(--button-border-radius);background-color:var(--button-background-color);font-family:inherit;font-size:inherit;font-weight:var(--button-font-weight);line-height:inherit;text-decoration:none;color:var(--button-text-color);-webkit-transition:border-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),background-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out);transition:border-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),background-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out);cursor:pointer}::-webkit-file-upload-button:focus,::-webkit-file-upload-button:hover{border-color:var(--button-hover-border-color);background-color:var(--button-hover-background-color);color:var(--button-hover-text-color)}::-webkit-file-upload-button:active,::-webkit-file-upload-button:focus{outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem)}::-webkit-file-upload-button:active{border-color:var(--button-active-border-color);background-color:var(--button-active-background-color);color:var(--button-active-text-color)}::-webkit-file-upload-button:visited{color:var(--button-text-color)}::-webkit-file-upload-button:disabled,::-webkit-file-upload-button[aria-disabled]{border-color:var(--hiq-disabled-border-color,transparent);background-color:var(--hiq-disabled-background-color,var(--hiq-color-gray-7,#f1f2f4));color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3));cursor:not-allowed}fieldset[disabled] [role=button]{pointer-events:none}code,kbd,pre,samp{--code-font-size:var(--hiq-code-font-size,var(--hiq-font-size-small,var(--hiq-font-size-6,0.875rem)));font-family:var(--hiq-font-family-monospace,Menlo,Monaco,Consolas,"Courier New",monospace);font-size:var(--code-font-size)}code{--code-padding-vertical:var(--hiq-code-padding-vertical,0.2rem);--code-padding-horizontal:var(--hiq-code-padding-horizontal,0.4rem);--code-border-color:var(--hiq-code-border-color,var(--hiq-color-gray-6,#e3e5e8));--code-background-color:var(--hiq-code-background-color,var(--hiq-color-gray-7,#f1f2f4));--code-text-color:var(--hiq-code-text-color,var(--hiq-text-color,var(--hiq-color-gray-3,#2e3138)));padding:var(--code-padding-vertical) var(--code-padding-horizontal);border-radius:var(--hiq-border-radius,.2rem);background-color:var(--code-background-color);white-space:pre;color:var(--code-text-color)}:not(pre)>code{border:1px solid var(--code-border-color)}a code{padding:0;border:0;background-color:inherit;color:inherit}kbd{--kbd-padding-vertical:var(--hiq-kbd-padding-vertical,0.2rem);--kbd-padding-horizontal:var(--hiq-kbd-padding-horizontal,0.4rem);--kbd-border-color:var(--hiq-kbd-border-color,var(--hiq-color-gray-6,#e3e5e8));--kbd-background-color:var(--hiq-kbd-background-color,transparent);--kbd-text-color:var(--hiq-kbd-text-color,var(--hiq-text-color,var(--hiq-color-gray-3,#2e3138)));--nested-kbd-font-weight:var(--hiq-nested-kbd-font-weight,var(--hiq-font-weight-medium,600));padding:var(--kbd-padding-vertical) var(--kbd-padding-horizontal);border:1px solid var(--kbd-border-color);border-radius:var(--hiq-border-radius,.2rem);background-color:var(--kbd-background-color);color:var(--kbd-text-color)}kbd kbd{padding:0;border:0;font-weight:var(--nested-kbd-font-weight)}pre{--pre-padding-vertical:var(--hiq-pre-padding-vertical,var(--hiq-code-padding-vertical,1.25rem));--pre-padding-horizontal:var(--hiq-pre-padding-horizontal,var(--hiq-code-padding-horizontal,1.5rem));--pre-border-color:var(--hiq-pre-border-color,var(--hiq-color-gray-6,#e3e5e8));--pre-background-color:var(--hiq-pre-background-color,transparent);--pre-text-color:var(--hiq-pre-text-color,var(--hiq-color-gray-4,#5c6370));-webkit-overflow-scrolling:touch;overflow-x:auto;margin:0 0 var(--hiq-block-element-margin-bottom,1rem);padding:var(--pre-padding-vertical) var(--pre-padding-horizontal);border:1px solid var(--pre-border-color);border-radius:var(--hiq-border-radius,.2rem);background-color:var(--pre-background-color);-moz-tab-size:1.5rem;-o-tab-size:1.5rem;tab-size:1.5rem;word-wrap:normal;color:var(--pre-text-color)}pre,pre code{white-space:pre-wrap}pre code{padding:0;border-radius:0;background-color:transparent;font-size:inherit;color:inherit}embed,img,object,video{max-width:100%;height:auto}figure{margin:0 0 var(--hiq-block-element-margin-bottom,1rem);padding:0}figcaption{--figcaption-margin-top:var(--hiq-figcaption-margin-top,0.5rem);--figcaption-font-weight:var(--hiq-figcaption-font-weight,var(--hiq-font-weight-normal,400));--figcaption-text-color:var(--hiq-figcaption-text-color,var(--hiq-color-gray-5,#999));margin-top:var(--figcaption-margin-top);font-weight:var(--figcaption-font-weight);color:var(--figcaption-text-color)}img{--image-border-radius:var(--hiq-image-border-radius,var(--hiq-border-radius,0.2rem));display:block;border-style:none;border-radius:var(--image-border-radius);vertical-align:middle}svg:not(:root){overflow:hidden}video:focus{outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem)}audio{max-width:100%}iframe{margin:0;padding:0;border:0}meter{--meter-background-color:var(--hiq-meter-background-color,var(--hiq-color-gray-6,#e3e5e8));--meter-strong-color:var(--hiq-meter-strong-color,var(--hiq-color-success,#21d492));--meter-good-color:var(--hiq-meter-good-color,var(--hiq-color-warning,#fcd34a));--meter-weak-color:var(--hiq-meter-weak-color,var(--hiq-color-danger,#fa3d56));width:100%;border:0;background:var(--meter-background-color)}meter::-webkit-meter-bar{border:0;background:var(--meter-background-color)}meter::-moz-meter-bar{background:var(--meter-background-color)}meter::-webkit-meter-optimum-value{background:var(--meter-strong-color)}meter:-moz-meter-optimum::-moz-meter-bar{background:var(--meter-strong-color)}meter::-webkit-meter-suboptimum-value{background:var(--meter-good-color)}meter:-moz-meter-sub-optimum::-moz-meter-bar{background:var(--meter-good-color)}meter::-webkit-meter-even-less-good-value{background:var(--meter-weak-color)}meter:-moz-meter-sub-sub-optimum::-moz-meter-bar{background:var(--meter-weak-color)}progress{--progress-background-color:var(--hiq-progress-background-color,var(--hiq-color-gray-6,#e3e5e8));--progress-filled-color:var(--hiq-progress-filled-color,var(--hiq-color-primary,#007fff));position:relative;width:100%;border:none;vertical-align:baseline;-webkit-appearance:none;-moz-appearance:none}progress[value]{height:1rem}progress::-webkit-progress-bar{background-color:var(--progress-background-color)}progress::-webkit-progress-value{background-color:var(--progress-filled-color)}progress::-moz-progress-bar{background-color:var(--progress-filled-color)}progress:indeterminate:after{position:absolute;top:0;left:0;width:100%;height:100%;display:block;background-color:var(--progress-filled-color);background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-size:1rem 1rem;-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite;content:""}progress:indeterminate::-webkit-progress-bar{position:absolute;top:0;left:0;width:100%;height:100%;display:block;background-color:var(--progress-filled-color);background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-size:1rem 1rem;-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite;content:""}progress:indeterminate::-moz-progress-bar{position:absolute;top:0;left:0;width:100%;height:100%;display:block;background-color:var(--progress-filled-color);background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-size:1rem 1rem;animation:progress-bar-stripes 1s linear infinite;content:""}@-webkit-keyframes progress-bar-stripes{0%{background-position:1rem 0}to{background-position:0 0}}@keyframes progress-bar-stripes{0%{background-position:1rem 0}to{background-position:0 0}}table{--table-head-border-width:var(--hiq-table-head-border-width,var(--hiq-table-cell-border-width,1px));--table-foot-border-width:var(--hiq-table-foot-border-width,var(--hiq-table-cell-border-width,1px));--table-cell-padding-vertical:var(--hiq-table-cell-padding-vertical,0.5rem);--table-cell-padding-horizontal:var(--hiq-table-cell-padding-horizontal,0.75rem);--table-cell-border-width:var(--hiq-table-cell-border-width,1px);--table-cell-border-color:var(--hiq-table-cell-border-color,var(--hiq-color-gray-6,#e3e5e8));--table-heading-background-color:var(--hiq-table-heading-background-color,var(--hiq-color-gray-7,#f1f2f4));--table-heading-font-weight:var(--hiq-table-heading-font-weight,var(--hiq-font-weight-medium,500));--table-heading-text-color:var(--hiq-table-heading-text-color,var(--hiq-color-gray-4,#5c6370));--table-caption-padding-vertical:var(--hiq-table-caption-padding-vertical,0.75rem);--table-caption-font-weight:var(--hiq-table-caption-font-weight,var(--hiq-font-weight-normal,400));--table-caption-text-color:var(--hiq-table-caption-text-color,var(--hiq-color-gray-5,#999));width:100%;max-width:100%;margin:0 0 var(--hiq-block-element-margin-bottom,1rem);border-collapse:collapse;border-spacing:0}caption{caption-side:bottom}caption,td,th{text-align:inherit}td,th{padding:var(--table-cell-padding-vertical) var(--table-cell-padding-horizontal);border-top:var(--table-cell-border-width) solid var(--table-cell-border-color);vertical-align:top}thead td,thead th{border-top:0;border-bottom:var(--table-head-border-width) solid var(--hiq-table-cell-border-color);vertical-align:bottom}tfoot td,tfoot th{border-top:var(--table-foot-border-width) solid var(--hiq-table-cell-border-color);vertical-align:top}th{background-color:var(--table-heading-background-color);font-weight:var(--table-heading-font-weight);color:var(--table-heading-text-color)}tbody+tbody{border-top:var(--hiq-table-head-border-width,var(--hiq-table-cell-border-width,1px)) solid var(--hiq-table-cell-border-color,var(--hiq-color-gray-6,#e3e5e8))}table caption{padding:var(--table-caption-padding-vertical) 0;font-weight:var(--table-caption-font-weight);color:var(--table-caption-text-color)}fieldset{--fieldset-padding-vertical:var(--hiq-fieldset-padding-vertical,0);--fieldset-padding-horizontal:var(--hiq-fieldset-padding-horizontal,0);--fieldset-border-width:var(--hiq-fieldset-border-width,0);--fieldset-border-color:var(--hiq-fieldset-border-color,transparent);min-width:0;margin:0 0 var(--hiq-block-element-margin-bottom,1rem);padding:var(--fieldset-padding-vertical) var(--fieldset-padding-horizontal);border:var(--fieldset-border-width) solid var(--fieldset-border-color)}legend{--legend-margin-bottom:var(--hiq-legend-margin-bottom,0.5rem);--legend-font-weight:var(--hiq-legend-font-weight,var(--hiq-font-weight-semibold,600));width:100%;max-width:100%;margin:0 0 var(--legend-margin-bottom);font-weight:var(--legend-font-weight);line-height:inherit;white-space:normal;color:inherit}label,legend{display:block;padding:0}label{--label-margin-bottom:var(--hiq-label-margin-bottom,0.25rem);--label-font-weight:var(--hiq-label-font-weight,var(--hiq-font-weight-medium,500));margin:0 0 var(--label-margin-bottom);font-weight:var(--label-font-weight)}output{display:inline-block}.checkbox{--checkbox-margin-bottom:var(--hiq-checkbox-margin-bottom,0.5rem);--checkbox-label-padding-horizontal:var(--hiq-checkbox-label-padding-horizontal,1.5rem);--checkbox-label-font-weight:var(--hiq-checkbox-label-font-weight,var(--hiq-font-weight-normal,400));--checkbox-width:var(--hiq-checkbox-width,1rem);--checkbox-height:var(--hiq-checkbox-height,1rem);--checkbox-border-width:var(--hiq-checkbox-border-width,1px);--checkbox-border-color:var(--hiq-checkbox-border-color,transparent);--checkbox-border-radius:var(--hiq-checkbox-border-radius,var(--hiq-border-radius,0.2rem));--checkbox-background-color:var(--hiq-checkbox-background-color,var(--hiq-color-gray-6,#e3e5e8));--checkbox-hover-background-color:var(--hiq-checkbox-hover-background-color,var(--hiq-checkbox-background-color,var(--hiq-color-gray-6,#e3e5e8)));--checkbox-focus-background-color:var(--hiq-checkbox-focus-background-color,var(--hiq-checkbox-background-color,var(--hiq-color-gray-6,#e3e5e8)));--checkbox-checked-border-color:var(--hiq-checkbox-checked-border-color,var(--hiq-color-primary,#007fff));--checkbox-checked-background-color:var(--hiq-checkbox-checked-background-color,var(--hiq-color-primary,#007fff));--checkbox-check-width:var(--hiq-checkbox-check-width,0.25rem);--checkbox-check-height:var(--hiq-checkbox-check-height,0.5rem);--checkbox-check-color:var(--hiq-checkbox-check-color,#fff);--checkbox-check-border-width:var(--hiq-checkbox-check-border-width,2px);--checkbox-indeterminate-width:var(--hiq-checkbox-indeterminate-width,0.5rem);position:relative}.checkbox label{position:relative;margin-bottom:var(--checkbox-margin-bottom);padding:0 var(--checkbox-label-padding-horizontal);font-weight:var(--checkbox-label-font-weight)!important;line-height:1;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.checkbox label:before{display:block;position:absolute;top:0;left:0;width:var(--checkbox-width);height:var(--checkbox-height);border:var(--checkbox-border-width) solid var(--checkbox-border-color);border-radius:var(--checkbox-border-radius);background-color:var(--checkbox-background-color);transition:background-color var(--hiq-speed,.2s) var(--hiq-easing,ease-out);content:""}.checkbox input[type=checkbox]{position:absolute;top:0;left:0;width:0;height:0;opacity:0;pointer-events:none}.checkbox input[type=checkbox]:hover+label:before{background-color:var(--checkbox-hover-background-color)}.checkbox input[type=checkbox]:focus+label:before{background-color:var(--checkbox-focus-background-color);outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem)}.checkbox input[type=checkbox]:checked+label:before,.checkbox input[type=checkbox]:indeterminate+label:before,.checkbox input[type=checkbox][aria-checked]+label:before{border-color:var(--checkbox-checked-border-color);background-color:var(--checkbox-checked-background-color)}.checkbox input[type=checkbox]:checked+label:after,.checkbox input[type=checkbox][aria-checked]+label:after{display:block;position:absolute;top:50%;left:calc(var(--checkbox-width)/2);width:var(--checkbox-check-width);height:var(--checkbox-check-height);border:solid var(--checkbox-check-color);border-left-width:0;border-bottom-width:var(--checkbox-check-border-width);border-right-width:var(--checkbox-check-border-width);border-top-width:0;transform:rotate(45deg) translate(-50%,-50%);transform-origin:50% 0;content:""}.checkbox input[type=checkbox]:indeterminate+label:after{display:block;position:absolute;top:50%;left:calc(var(--checkbox-width)/2);width:var(--checkbox-indeterminate-width);height:var(--checkbox-check-border-width);background-color:var(--checkbox-check-color);transform:translate(-50%,-50%);content:""}.checkbox input[type=checkbox]:disabled+label,.checkbox input[type=checkbox][aria-disabled]+label,.checkbox input[type=checkbox][readonly]+label{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}.checkbox input[type=checkbox]:disabled,.checkbox input[type=checkbox][aria-disabled]{cursor:not-allowed}.checkbox input[type=checkbox]:disabled+label:before,.checkbox input[type=checkbox][aria-disabled]+label:before,.checkbox input[type=checkbox][readonly]+label:before{background-color:var(--hiq-disabled-background-color,var(--hiq-color-gray-7,#f1f2f4))}input[type=color]{cursor:pointer}input[type=color]:focus{outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem)}input[type=color]:disabled,input[type=color][aria-disabled]{cursor:not-allowed}input[list]{--input-border-width:var(--hiq-input-border-width,1px);--input-border-color:var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8));--input-border-radius:var(--hiq-input-border-radius,var(--hiq-border-radius,0.2rem));--input-background-color:var(--hiq-input-background-color,#fff);--input-text-color:var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,#17191c)));--input-placeholder-color:var(--hiq-input-placeholder-color,var(--hiq-color-gray-4,#5c6370));--input-hover-border-color:var(--hiq-input-hover-border-color,var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8)));--input-hover-background-color:var(--hiq-input-hover-background-color,var(--hiq-input-background-color,#fff));--input-hover-text-color:var(--hiq-input-hover-text-color,var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,#17191c))));--input-focus-border-color:var(--hiq-input-focus-border-color,var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8)));--input-focus-background-color:var(--hiq-input-focus-background-color,var(--hiq-input-background-color,#fff));--input-focus-text-color:var(--hiq-input-focus-text-color,var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,#17191c))));--input-invalid-border-color:var(--hiq-input-invalid-border-color,var(--hiq-color-danger,#fa3d56));--input-valid-border-color:var(--hiq-input-valid-border-color,var(--hiq-color-success,#21d492));box-shadow:none;outline:none;-moz-appearance:none;-webkit-appearance:none;margin:0;border:var(--input-border-width) solid var(--input-border-color);border-radius:var(--input-border-radius);background-color:var(--input-background-color);font-family:inherit;font-size:inherit;font-weight:var(--hiq-font-weight-base,400);line-height:inherit;color:var(--input-text-color);transition:border-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),background-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out);display:block;width:100%;height:var(--hiq-input-height,2.5rem);padding:var(--hiq-input-padding-vertical,0) var(--hiq-input-padding-horizontal,.75rem)}input[list]::-webkit-input-placeholder{color:var(--input-placeholder-color)}input[list]:-ms-input-placeholder{color:var(--input-placeholder-color)}input[list]::-ms-input-placeholder{color:var(--input-placeholder-color)}input[list]::-moz-placeholder{color:var(--input-placeholder-color)}input[list]::placeholder{color:var(--input-placeholder-color)}input[list]:hover{border-color:var(--input-hover-border-color);background-color:var(--input-hover-background-color);color:var(--input-hover-text-color)}input[list]:focus{border-color:var(--input-focus-border-color);background-color:var(--input-focus-background-color);outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem);color:var(--input-focus-text-color)}input[list]:disabled,input[list][aria-disabled],input[list][readonly]{border-color:var(--hiq-disabled-border-color,var(--hiq-color-gray-6,#e3e5e8));background-color:var(--hiq-disabled-background-color,var(--hiq-color-gray-7,#f1f2f4));color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}input[list]:disabled::-webkit-input-placeholder,input[list][aria-disabled]::-webkit-input-placeholder,input[list][readonly]::-webkit-input-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}input[list]:disabled:-ms-input-placeholder,input[list][aria-disabled]:-ms-input-placeholder,input[list][readonly]:-ms-input-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}input[list]:disabled::-ms-input-placeholder,input[list][aria-disabled]::-ms-input-placeholder,input[list][readonly]::-ms-input-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}input[list]:disabled::-moz-placeholder,input[list][aria-disabled]::-moz-placeholder,input[list][readonly]::-moz-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}input[list]:disabled::placeholder,input[list][aria-disabled]::placeholder,input[list][readonly]::placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}input[list]:disabled{cursor:not-allowed}input[list]:required:invalid:not(:focus){border-color:var(--input-invalid-border-color)}input[list]:required:valid:not(:focus){border-color:var(--input-valid-border-color)}input[type=file]{display:block;font-size:inherit;line-height:inherit;cursor:pointer}input[type=file]:focus{outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem)}input[type=file]:disabled,input[type=file][aria-disabled]{cursor:not-allowed}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}.radio{--radio-margin-bottom:var(--hiq-radio-margin-bottom,0.5rem);--radio-label-padding-horizontal:var(--hiq-radio-label-padding-horizontal,1.5rem);--radio-label-font-weight:var(--hiq-radio-label-font-weight,var(--hiq-font-weight-normal,400));--radio-width:var(--hiq-radio-width,1rem);--radio-height:var(--hiq-radio-height,1rem);--radio-border-width:var(--hiq-radio-border-width,1px) solid var(--hiq-radio-border-color,transparent);--radio-border-color:var(--hiq-radio-border-color,transparent);--radio-border-radius:var(--hiq-radio-border-radius,50%);--radio-background-color:var(--hiq-radio-background-color,var(--hiq-color-gray-6,#e3e5e8));--radio-hover-background-color:var(--hiq-radio-hover-background-color,var(--hiq-radio-background-color,var(--hiq-color-gray-6,#e3e5e8)));--radio-focus-background-color:var(--hiq-radio-focus-background-color,var(--hiq-radio-background-color,var(--hiq-color-gray-6,#e3e5e8)));--radio-checked-background-color:var(--hiq-radio-checked-background-color,var(--hiq-color-primary,#007fff));--radio-checked-border-color:var(--hiq-radio-checked-border-color,var(--hiq-color-primary,#007fff));--radio-check-width:var(--hiq-radio-check-width,0.5rem);--radio-check-height:var(--hiq-radio-check-height,0.5rem);--radio-check-border-radius:var(--hiq-radio-check-border-radius,50%);--radio-check-background-color:var(--hiq-radio-check-background-color,#fff);position:relative}.radio label{position:relative;margin-bottom:var(--radio-margin-bottom);padding:0 var(--radio-label-padding-horizontal);font-weight:var(--radio-label-font-weight)!important;line-height:1;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.radio label:before{display:block;position:absolute;top:0;left:0;width:var(--radio-width);height:var(--radio-height);border:var(--radio-border-width) solid var(--radio-border-color);border-radius:var(--radio-border-radius);background-color:var(--radio-background-color);transition:background-color var(--hiq-speed,.2s) var(--hiq-easing,ease-out);content:""}.radio input[type=radio]{position:absolute;top:0;left:0;width:0;height:0;opacity:0;pointer-events:none}.radio input[type=radio]:hover+label:before{background-color:var(--radio-hover-background-color)}.radio input[type=radio]:focus+label:before{background-color:var(--radio-focus-background-color);outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem)}.radio input[type=radio]:checked+label:before,.radio input[type=radio][aria-checked]+label:before{border-color:var(--radio-checked-border-color);background-color:var(--radio-checked-background-color)}.radio input[type=radio]:checked+label:after,.radio input[type=radio][aria-checked]+label:after{display:block;position:absolute;top:50%;left:calc(var(--radio-width)/2);width:var(--radio-check-width);height:var(--radio-check-height);border-radius:var(--radio-check-border-radius);background-color:var(--radio-check-background-color);transform:translate(-50%,-50%);content:""}.radio input[type=radio]:disabled+label,.radio input[type=radio][aria-disabled]+label,.radio input[type=radio][readonly]+label{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}.radio input[type=radio]:disabled,.radio input[type=radio][aria-disabled]{cursor:not-allowed}.radio input[type=radio]:disabled+label:before,.radio input[type=radio][aria-disabled]+label:before,.radio input[type=radio][readonly]+label:before{background-color:var(--hiq-disabled-background-color,var(--hiq-color-gray-7,#f1f2f4))}input[type=range]{--range-input-track-height:var(--hiq-range-input-track-height,0.5rem);--range-input-track-border-radius:var(--hiq-range-input-track-border-radius,var(--hiq-border-radius,0.2rem));--range-input-track-background-color:var(--hiq-range-input-track-background-color,var(--hiq-color-gray-6,#e3e5e8));--range-input-thumb-width:var(--hiq-range-input-thumb-width,1.5rem);--range-input-thumb-height:var(--hiq-range-input-thumb-height,1.5rem);--range-input-thumb-border-radius:var(--hiq-range-input-thumb-border-radius,50%);--range-input-thumb-background-color:var(--hiq-range-input-thumb-background-color,var(--hiq-color-primary,#007fff));--range-input-thumb-disabled-background-color:var(--hiq-range-input-thumb-disabled-background-color,var(--hiq-color-gray-6,#e3e6e8));width:100%;background:transparent;outline:0;-webkit-appearance:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:var(--range-input-track-height);border-radius:var(--range-input-track-border-radius);background-color:var(--range-input-track-background-color);-webkit-transition:background-color var(--hiq-speed,.2s) var(--hiq-easing,ease-out);transition:background-color var(--hiq-speed,.2s) var(--hiq-easing,ease-out);cursor:pointer}input[type=range]::-moz-range-track{width:100%;height:var(--range-input-track-height);background-color:var(--range-input-track-background-color);-moz-transition:background-color var(--hiq-speed,.2s) var(--hiq-easing,ease-out);transition:background-color var(--hiq-speed,.2s) var(--hiq-easing,ease-out);cursor:pointer}input[type=range]::-ms-track{width:100%;height:var(--range-input-track-height);border-width:var(--range-input-thumb-height);border-color:transparent;background-color:transparent;color:transparent;-ms-transition:background-color var(--hiq-speed,.2s) var(--hiq-easing,ease-out);transition:background-color var(--hiq-speed,.2s) var(--hiq-easing,ease-out);cursor:pointer}input[type=range]::-ms-fill-lower{background-color:var(--range-input-track-background-color)}input[type=range]::-ms-fill-upper{background-color:var(--range-input-track-background-color)}input[type=range]::-webkit-slider-thumb{width:var(--range-input-thumb-width);height:var(--range-input-thumb-height);margin-top:-.5rem;border-color:transparent;border-radius:var(--range-input-thumb-border-radius);background-color:var(--range-input-thumb-background-color);-webkit-appearance:none;cursor:pointer}input[type=range]:focus::-webkit-slider-thumb{outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem)}input[type=range]::-moz-range-thumb{width:var(--range-input-thumb-width);height:var(--range-input-thumb-height);border-color:transparent;border-radius:var(--range-input-thumb-border-radius);background-color:var(--range-input-thumb-background-color);cursor:pointer}input[type=range]:focus::-moz-range-thumb{box-shadow:0 0 0 var(--hiq-outline-width,.2rem) var(--hiq-outline-color,#b3d9ff)}input[type=range]::-ms-thumb{width:var(--range-input-thumb-width);height:var(--range-input-thumb-height);border-color:transparent;border-radius:var(--range-input-thumb-border-radius);background-color:var(--range-input-thumb-background-color);cursor:pointer}input[type=range]:focus::-ms-thumb{outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem)}input[type=range]:disabled::-webkit-slider-runnable-track,input[type=range][aria-disabled]::-webkit-slider-runnable-track{background-color:var(--hiq-disabled-background-color,var(--hiq-color-gray-7,#f1f2f4));cursor:not-allowed}input[type=range]:disabled::-moz-range-track,input[type=range][aria-disabled]::-moz-range-track{background-color:var(--hiq-disabled-background-color,var(--hiq-color-gray-7,#f1f2f4));cursor:not-allowed}input[type=range]:disabled::-ms-fill-lower,input[type=range][aria-disabled]::-ms-fill-lower{background-color:var(--hiq-disabled-background-color,var(--hiq-color-gray-7,#f1f2f4));cursor:not-allowed}input[type=range]:disabled::-ms-fill-upper,input[type=range][aria-disabled]::-ms-fill-upper{background-color:var(--hiq-disabled-background-color,var(--hiq-color-gray-7,#f1f2f4));cursor:not-allowed}input[type=range]:disabled::-webkit-slider-thumb,input[type=range][aria-disabled]::-webkit-slider-thumb{background-color:var(--range-input-thumb-disabled-background-color);cursor:not-allowed}input[type=range]:disabled::-moz-range-thumb,input[type=range][aria-disabled]::-moz-range-thumb{background-color:var(--range-input-thumb-disabled-background-color);cursor:not-allowed}input[type=range]:disabled::-ms-thumb,input[type=range][aria-disabled]::-ms-thumb{background-color:var(--range-input-thumb-disabled-background-color);cursor:not-allowed}select{--select-background-image:var(--hiq-select-background-image,url("data:image/svg+xml;charset=utf-8,%3Csvg width='30' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 16L0 0h30z' fill='%23000' fill-rule='evenodd'/%3E%3C/svg%3E"));--select-background-position:var(--hiq-select-background-position,right 1rem center);--select-background-size:var(--hiq-select-background-size,0.75rem);--select-multiple-padding-vertical:var(--hiq-select-multiple-padding-vertical,0.75rem);--select-multiple-checked-background-color:var(--hiq-select-multiple-checked-background-color,var(--hiq-color-primary,#007fff));--input-border-width:var(--hiq-input-border-width,1px);--input-border-color:var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8));--input-border-radius:var(--hiq-input-border-radius,var(--hiq-border-radius,0.2rem));--input-background-color:var(--hiq-input-background-color,#fff);--input-text-color:var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,#17191c)));--input-placeholder-color:var(--hiq-input-placeholder-color,var(--hiq-color-gray-4,#5c6370));--input-hover-border-color:var(--hiq-input-hover-border-color,var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8)));--input-hover-background-color:var(--hiq-input-hover-background-color,var(--hiq-input-background-color,#fff));--input-hover-text-color:var(--hiq-input-hover-text-color,var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,#17191c))));--input-focus-border-color:var(--hiq-input-focus-border-color,var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8)));--input-focus-background-color:var(--hiq-input-focus-background-color,var(--hiq-input-background-color,#fff));--input-focus-text-color:var(--hiq-input-focus-text-color,var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,#17191c))));--input-invalid-border-color:var(--hiq-input-invalid-border-color,var(--hiq-color-danger,#fa3d56));--input-valid-border-color:var(--hiq-input-valid-border-color,var(--hiq-color-success,#21d492));box-shadow:none;outline:none;-moz-appearance:none;-webkit-appearance:none;margin:0;border:var(--input-border-width) solid var(--input-border-color);border-radius:var(--input-border-radius);background-color:var(--input-background-color);font-family:inherit;font-size:inherit;font-weight:var(--hiq-font-weight-base,400);line-height:inherit;color:var(--input-text-color);transition:border-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),background-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out);display:block;width:100%;height:var(--hiq-input-height,2.5rem);padding:var(--hiq-input-padding-vertical,0) var(--hiq-input-padding-horizontal,.75rem)}select::-webkit-input-placeholder{color:var(--input-placeholder-color)}select:-ms-input-placeholder{color:var(--input-placeholder-color)}select::-ms-input-placeholder{color:var(--input-placeholder-color)}select::-moz-placeholder{color:var(--input-placeholder-color)}select::placeholder{color:var(--input-placeholder-color)}select:hover{border-color:var(--input-hover-border-color);background-color:var(--input-hover-background-color);color:var(--input-hover-text-color)}select:focus{border-color:var(--input-focus-border-color);background-color:var(--input-focus-background-color);outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem);color:var(--input-focus-text-color)}select:disabled,select[aria-disabled],select[readonly]{border-color:var(--hiq-disabled-border-color,var(--hiq-color-gray-6,#e3e5e8));background-color:var(--hiq-disabled-background-color,var(--hiq-color-gray-7,#f1f2f4));color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}select:disabled::-webkit-input-placeholder,select[aria-disabled]::-webkit-input-placeholder,select[readonly]::-webkit-input-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}select:disabled:-ms-input-placeholder,select[aria-disabled]:-ms-input-placeholder,select[readonly]:-ms-input-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}select:disabled::-ms-input-placeholder,select[aria-disabled]::-ms-input-placeholder,select[readonly]::-ms-input-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}select:disabled::-moz-placeholder,select[aria-disabled]::-moz-placeholder,select[readonly]::-moz-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}select:disabled::placeholder,select[aria-disabled]::placeholder,select[readonly]::placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}select:disabled{cursor:not-allowed}select:required:invalid:not(:focus){border-color:var(--input-invalid-border-color)}select:required:valid:not(:focus){border-color:var(--input-valid-border-color)}select:not([multiple]){background-image:var(--select-background-image);background-repeat:no-repeat;background-position:var(--select-background-position);background-size:var(--select-background-size)}select[multiple]{height:auto;padding-top:var(--select-multiple-padding-vertical);padding-bottom:var(--select-multiple-padding-vertical)}select[multiple] option{padding:.125rem .5rem}select[multiple] option:checked{background:var(--select-multiple-checked-background-color) -webkit-linear-gradient(bottom,var(--select-multiple-checked-background-color),var(--select-multiple-checked-background-color))}optgroup{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}input[type=date],input[type=datetime-local],input[type=month],input[type=time],input[type=week]{-webkit-appearance:listbox}input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week]{--input-border-width:var(--hiq-input-border-width,1px);--input-border-color:var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8));--input-border-radius:var(--hiq-input-border-radius,var(--hiq-border-radius,0.2rem));--input-background-color:var(--hiq-input-background-color,#fff);--input-text-color:var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,#17191c)));--input-placeholder-color:var(--hiq-input-placeholder-color,var(--hiq-color-gray-4,#5c6370));--input-hover-border-color:var(--hiq-input-hover-border-color,var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8)));--input-hover-background-color:var(--hiq-input-hover-background-color,var(--hiq-input-background-color,#fff));--input-hover-text-color:var(--hiq-input-hover-text-color,var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,#17191c))));--input-focus-border-color:var(--hiq-input-focus-border-color,var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8)));--input-focus-background-color:var(--hiq-input-focus-background-color,var(--hiq-input-background-color,#fff));--input-focus-text-color:var(--hiq-input-focus-text-color,var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,#17191c))));--input-invalid-border-color:var(--hiq-input-invalid-border-color,var(--hiq-color-danger,#fa3d56));--input-valid-border-color:var(--hiq-input-valid-border-color,var(--hiq-color-success,#21d492));box-shadow:none;outline:none;-moz-appearance:none;-webkit-appearance:none;margin:0;border:var(--input-border-width) solid var(--input-border-color);border-radius:var(--input-border-radius);background-color:var(--input-background-color);font-family:inherit;font-size:inherit;font-weight:var(--hiq-font-weight-base,400);line-height:inherit;color:var(--input-text-color);transition:border-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),background-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out);display:block;width:100%;height:var(--hiq-input-height,2.5rem);padding:var(--hiq-input-padding-vertical,0) var(--hiq-input-padding-horizontal,.75rem)}input[type=date]::-webkit-input-placeholder,input[type=datetime-local]::-webkit-input-placeholder,input[type=email]::-webkit-input-placeholder,input[type=month]::-webkit-input-placeholder,input[type=number]::-webkit-input-placeholder,input[type=password]::-webkit-input-placeholder,input[type=search]::-webkit-input-placeholder,input[type=tel]::-webkit-input-placeholder,input[type=text]::-webkit-input-placeholder,input[type=time]::-webkit-input-placeholder,input[type=url]::-webkit-input-placeholder,input[type=week]::-webkit-input-placeholder{color:var(--input-placeholder-color)}input[type=date]:-ms-input-placeholder,input[type=datetime-local]:-ms-input-placeholder,input[type=email]:-ms-input-placeholder,input[type=month]:-ms-input-placeholder,input[type=number]:-ms-input-placeholder,input[type=password]:-ms-input-placeholder,input[type=search]:-ms-input-placeholder,input[type=tel]:-ms-input-placeholder,input[type=text]:-ms-input-placeholder,input[type=time]:-ms-input-placeholder,input[type=url]:-ms-input-placeholder,input[type=week]:-ms-input-placeholder{color:var(--input-placeholder-color)}input[type=date]::-ms-input-placeholder,input[type=datetime-local]::-ms-input-placeholder,input[type=email]::-ms-input-placeholder,input[type=month]::-ms-input-placeholder,input[type=number]::-ms-input-placeholder,input[type=password]::-ms-input-placeholder,input[type=search]::-ms-input-placeholder,input[type=tel]::-ms-input-placeholder,input[type=text]::-ms-input-placeholder,input[type=time]::-ms-input-placeholder,input[type=url]::-ms-input-placeholder,input[type=week]::-ms-input-placeholder{color:var(--input-placeholder-color)}input[type=date]::-moz-placeholder,input[type=datetime-local]::-moz-placeholder,input[type=email]::-moz-placeholder,input[type=month]::-moz-placeholder,input[type=number]::-moz-placeholder,input[type=password]::-moz-placeholder,input[type=search]::-moz-placeholder,input[type=tel]::-moz-placeholder,input[type=text]::-moz-placeholder,input[type=time]::-moz-placeholder,input[type=url]::-moz-placeholder,input[type=week]::-moz-placeholder{color:var(--input-placeholder-color)}input[type=date]::placeholder,input[type=datetime-local]::placeholder,input[type=email]::placeholder,input[type=month]::placeholder,input[type=number]::placeholder,input[type=password]::placeholder,input[type=search]::placeholder,input[type=tel]::placeholder,input[type=text]::placeholder,input[type=time]::placeholder,input[type=url]::placeholder,input[type=week]::placeholder{color:var(--input-placeholder-color)}input[type=date]:hover,input[type=datetime-local]:hover,input[type=email]:hover,input[type=month]:hover,input[type=number]:hover,input[type=password]:hover,input[type=search]:hover,input[type=tel]:hover,input[type=text]:hover,input[type=time]:hover,input[type=url]:hover,input[type=week]:hover{border-color:var(--input-hover-border-color);background-color:var(--input-hover-background-color);color:var(--input-hover-text-color)}input[type=date]:focus,input[type=datetime-local]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus{border-color:var(--input-focus-border-color);background-color:var(--input-focus-background-color);outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem);color:var(--input-focus-text-color)}input[type=date]:disabled,input[type=date][aria-disabled],input[type=date][readonly],input[type=datetime-local]:disabled,input[type=datetime-local][aria-disabled],input[type=datetime-local][readonly],input[type=email]:disabled,input[type=email][aria-disabled],input[type=email][readonly],input[type=month]:disabled,input[type=month][aria-disabled],input[type=month][readonly],input[type=number]:disabled,input[type=number][aria-disabled],input[type=number][readonly],input[type=password]:disabled,input[type=password][aria-disabled],input[type=password][readonly],input[type=search]:disabled,input[type=search][aria-disabled],input[type=search][readonly],input[type=tel]:disabled,input[type=tel][aria-disabled],input[type=tel][readonly],input[type=text]:disabled,input[type=text][aria-disabled],input[type=text][readonly],input[type=time]:disabled,input[type=time][aria-disabled],input[type=time][readonly],input[type=url]:disabled,input[type=url][aria-disabled],input[type=url][readonly],input[type=week]:disabled,input[type=week][aria-disabled],input[type=week][readonly]{border-color:var(--hiq-disabled-border-color,var(--hiq-color-gray-6,#e3e5e8));background-color:var(--hiq-disabled-background-color,var(--hiq-color-gray-7,#f1f2f4));color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}input[type=date]:disabled::-webkit-input-placeholder,input[type=date][aria-disabled]::-webkit-input-placeholder,input[type=date][readonly]::-webkit-input-placeholder,input[type=datetime-local]:disabled::-webkit-input-placeholder,input[type=datetime-local][aria-disabled]::-webkit-input-placeholder,input[type=datetime-local][readonly]::-webkit-input-placeholder,input[type=email]:disabled::-webkit-input-placeholder,input[type=email][aria-disabled]::-webkit-input-placeholder,input[type=email][readonly]::-webkit-input-placeholder,input[type=month]:disabled::-webkit-input-placeholder,input[type=month][aria-disabled]::-webkit-input-placeholder,input[type=month][readonly]::-webkit-input-placeholder,input[type=number]:disabled::-webkit-input-placeholder,input[type=number][aria-disabled]::-webkit-input-placeholder,input[type=number][readonly]::-webkit-input-placeholder,input[type=password]:disabled::-webkit-input-placeholder,input[type=password][aria-disabled]::-webkit-input-placeholder,input[type=password][readonly]::-webkit-input-placeholder,input[type=search]:disabled::-webkit-input-placeholder,input[type=search][aria-disabled]::-webkit-input-placeholder,input[type=search][readonly]::-webkit-input-placeholder,input[type=tel]:disabled::-webkit-input-placeholder,input[type=tel][aria-disabled]::-webkit-input-placeholder,input[type=tel][readonly]::-webkit-input-placeholder,input[type=text]:disabled::-webkit-input-placeholder,input[type=text][aria-disabled]::-webkit-input-placeholder,input[type=text][readonly]::-webkit-input-placeholder,input[type=time]:disabled::-webkit-input-placeholder,input[type=time][aria-disabled]::-webkit-input-placeholder,input[type=time][readonly]::-webkit-input-placeholder,input[type=url]:disabled::-webkit-input-placeholder,input[type=url][aria-disabled]::-webkit-input-placeholder,input[type=url][readonly]::-webkit-input-placeholder,input[type=week]:disabled::-webkit-input-placeholder,input[type=week][aria-disabled]::-webkit-input-placeholder,input[type=week][readonly]::-webkit-input-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}input[type=date]:disabled:-ms-input-placeholder,input[type=date][aria-disabled]:-ms-input-placeholder,input[type=date][readonly]:-ms-input-placeholder,input[type=datetime-local]:disabled:-ms-input-placeholder,input[type=datetime-local][aria-disabled]:-ms-input-placeholder,input[type=datetime-local][readonly]:-ms-input-placeholder,input[type=email]:disabled:-ms-input-placeholder,input[type=email][aria-disabled]:-ms-input-placeholder,input[type=email][readonly]:-ms-input-placeholder,input[type=month]:disabled:-ms-input-placeholder,input[type=month][aria-disabled]:-ms-input-placeholder,input[type=month][readonly]:-ms-input-placeholder,input[type=number]:disabled:-ms-input-placeholder,input[type=number][aria-disabled]:-ms-input-placeholder,input[type=number][readonly]:-ms-input-placeholder,input[type=password]:disabled:-ms-input-placeholder,input[type=password][aria-disabled]:-ms-input-placeholder,input[type=password][readonly]:-ms-input-placeholder,input[type=search]:disabled:-ms-input-placeholder,input[type=search][aria-disabled]:-ms-input-placeholder,input[type=search][readonly]:-ms-input-placeholder,input[type=tel]:disabled:-ms-input-placeholder,input[type=tel][aria-disabled]:-ms-input-placeholder,input[type=tel][readonly]:-ms-input-placeholder,input[type=text]:disabled:-ms-input-placeholder,input[type=text][aria-disabled]:-ms-input-placeholder,input[type=text][readonly]:-ms-input-placeholder,input[type=time]:disabled:-ms-input-placeholder,input[type=time][aria-disabled]:-ms-input-placeholder,input[type=time][readonly]:-ms-input-placeholder,input[type=url]:disabled:-ms-input-placeholder,input[type=url][aria-disabled]:-ms-input-placeholder,input[type=url][readonly]:-ms-input-placeholder,input[type=week]:disabled:-ms-input-placeholder,input[type=week][aria-disabled]:-ms-input-placeholder,input[type=week][readonly]:-ms-input-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}input[type=date]:disabled::-ms-input-placeholder,input[type=date][aria-disabled]::-ms-input-placeholder,input[type=date][readonly]::-ms-input-placeholder,input[type=datetime-local]:disabled::-ms-input-placeholder,input[type=datetime-local][aria-disabled]::-ms-input-placeholder,input[type=datetime-local][readonly]::-ms-input-placeholder,input[type=email]:disabled::-ms-input-placeholder,input[type=email][aria-disabled]::-ms-input-placeholder,input[type=email][readonly]::-ms-input-placeholder,input[type=month]:disabled::-ms-input-placeholder,input[type=month][aria-disabled]::-ms-input-placeholder,input[type=month][readonly]::-ms-input-placeholder,input[type=number]:disabled::-ms-input-placeholder,input[type=number][aria-disabled]::-ms-input-placeholder,input[type=number][readonly]::-ms-input-placeholder,input[type=password]:disabled::-ms-input-placeholder,input[type=password][aria-disabled]::-ms-input-placeholder,input[type=password][readonly]::-ms-input-placeholder,input[type=search]:disabled::-ms-input-placeholder,input[type=search][aria-disabled]::-ms-input-placeholder,input[type=search][readonly]::-ms-input-placeholder,input[type=tel]:disabled::-ms-input-placeholder,input[type=tel][aria-disabled]::-ms-input-placeholder,input[type=tel][readonly]::-ms-input-placeholder,input[type=text]:disabled::-ms-input-placeholder,input[type=text][aria-disabled]::-ms-input-placeholder,input[type=text][readonly]::-ms-input-placeholder,input[type=time]:disabled::-ms-input-placeholder,input[type=time][aria-disabled]::-ms-input-placeholder,input[type=time][readonly]::-ms-input-placeholder,input[type=url]:disabled::-ms-input-placeholder,input[type=url][aria-disabled]::-ms-input-placeholder,input[type=url][readonly]::-ms-input-placeholder,input[type=week]:disabled::-ms-input-placeholder,input[type=week][aria-disabled]::-ms-input-placeholder,input[type=week][readonly]::-ms-input-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}input[type=date]:disabled::-moz-placeholder,input[type=date][aria-disabled]::-moz-placeholder,input[type=date][readonly]::-moz-placeholder,input[type=datetime-local]:disabled::-moz-placeholder,input[type=datetime-local][aria-disabled]::-moz-placeholder,input[type=datetime-local][readonly]::-moz-placeholder,input[type=email]:disabled::-moz-placeholder,input[type=email][aria-disabled]::-moz-placeholder,input[type=email][readonly]::-moz-placeholder,input[type=month]:disabled::-moz-placeholder,input[type=month][aria-disabled]::-moz-placeholder,input[type=month][readonly]::-moz-placeholder,input[type=number]:disabled::-moz-placeholder,input[type=number][aria-disabled]::-moz-placeholder,input[type=number][readonly]::-moz-placeholder,input[type=password]:disabled::-moz-placeholder,input[type=password][aria-disabled]::-moz-placeholder,input[type=password][readonly]::-moz-placeholder,input[type=search]:disabled::-moz-placeholder,input[type=search][aria-disabled]::-moz-placeholder,input[type=search][readonly]::-moz-placeholder,input[type=tel]:disabled::-moz-placeholder,input[type=tel][aria-disabled]::-moz-placeholder,input[type=tel][readonly]::-moz-placeholder,input[type=text]:disabled::-moz-placeholder,input[type=text][aria-disabled]::-moz-placeholder,input[type=text][readonly]::-moz-placeholder,input[type=time]:disabled::-moz-placeholder,input[type=time][aria-disabled]::-moz-placeholder,input[type=time][readonly]::-moz-placeholder,input[type=url]:disabled::-moz-placeholder,input[type=url][aria-disabled]::-moz-placeholder,input[type=url][readonly]::-moz-placeholder,input[type=week]:disabled::-moz-placeholder,input[type=week][aria-disabled]::-moz-placeholder,input[type=week][readonly]::-moz-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}input[type=date]:disabled::placeholder,input[type=date][aria-disabled]::placeholder,input[type=date][readonly]::placeholder,input[type=datetime-local]:disabled::placeholder,input[type=datetime-local][aria-disabled]::placeholder,input[type=datetime-local][readonly]::placeholder,input[type=email]:disabled::placeholder,input[type=email][aria-disabled]::placeholder,input[type=email][readonly]::placeholder,input[type=month]:disabled::placeholder,input[type=month][aria-disabled]::placeholder,input[type=month][readonly]::placeholder,input[type=number]:disabled::placeholder,input[type=number][aria-disabled]::placeholder,input[type=number][readonly]::placeholder,input[type=password]:disabled::placeholder,input[type=password][aria-disabled]::placeholder,input[type=password][readonly]::placeholder,input[type=search]:disabled::placeholder,input[type=search][aria-disabled]::placeholder,input[type=search][readonly]::placeholder,input[type=tel]:disabled::placeholder,input[type=tel][aria-disabled]::placeholder,input[type=tel][readonly]::placeholder,input[type=text]:disabled::placeholder,input[type=text][aria-disabled]::placeholder,input[type=text][readonly]::placeholder,input[type=time]:disabled::placeholder,input[type=time][aria-disabled]::placeholder,input[type=time][readonly]::placeholder,input[type=url]:disabled::placeholder,input[type=url][aria-disabled]::placeholder,input[type=url][readonly]::placeholder,input[type=week]:disabled::placeholder,input[type=week][aria-disabled]::placeholder,input[type=week][readonly]::placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}input[type=date]:disabled,input[type=datetime-local]:disabled,input[type=email]:disabled,input[type=month]:disabled,input[type=number]:disabled,input[type=password]:disabled,input[type=search]:disabled,input[type=tel]:disabled,input[type=text]:disabled,input[type=time]:disabled,input[type=url]:disabled,input[type=week]:disabled{cursor:not-allowed}input[type=date]:required:invalid:not(:focus),input[type=datetime-local]:required:invalid:not(:focus),input[type=email]:required:invalid:not(:focus),input[type=month]:required:invalid:not(:focus),input[type=number]:required:invalid:not(:focus),input[type=password]:required:invalid:not(:focus),input[type=search]:required:invalid:not(:focus),input[type=tel]:required:invalid:not(:focus),input[type=text]:required:invalid:not(:focus),input[type=time]:required:invalid:not(:focus),input[type=url]:required:invalid:not(:focus),input[type=week]:required:invalid:not(:focus){border-color:var(--input-invalid-border-color)}input[type=date]:required:valid:not(:focus),input[type=datetime-local]:required:valid:not(:focus),input[type=email]:required:valid:not(:focus),input[type=month]:required:valid:not(:focus),input[type=number]:required:valid:not(:focus),input[type=password]:required:valid:not(:focus),input[type=search]:required:valid:not(:focus),input[type=tel]:required:valid:not(:focus),input[type=text]:required:valid:not(:focus),input[type=time]:required:valid:not(:focus),input[type=url]:required:valid:not(:focus),input[type=week]:required:valid:not(:focus){border-color:var(--input-valid-border-color)}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{--textarea-padding-vertical:var(--hiq-textarea-padding-vertical,0.5rem);--textarea-padding-horizontal:var(--hiq-textarea-padding-horizontal,0.75rem);--input-border-width:var(--hiq-input-border-width,1px);--input-border-color:var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8));--input-border-radius:var(--hiq-input-border-radius,var(--hiq-border-radius,0.2rem));--input-background-color:var(--hiq-input-background-color,#fff);--input-text-color:var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,#17191c)));--input-placeholder-color:var(--hiq-input-placeholder-color,var(--hiq-color-gray-4,#5c6370));--input-hover-border-color:var(--hiq-input-hover-border-color,var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8)));--input-hover-background-color:var(--hiq-input-hover-background-color,var(--hiq-input-background-color,#fff));--input-hover-text-color:var(--hiq-input-hover-text-color,var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,#17191c))));--input-focus-border-color:var(--hiq-input-focus-border-color,var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8)));--input-focus-background-color:var(--hiq-input-focus-background-color,var(--hiq-input-background-color,#fff));--input-focus-text-color:var(--hiq-input-focus-text-color,var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,#17191c))));--input-invalid-border-color:var(--hiq-input-invalid-border-color,var(--hiq-color-danger,#fa3d56));--input-valid-border-color:var(--hiq-input-valid-border-color,var(--hiq-color-success,#21d492));box-shadow:none;outline:none;-moz-appearance:none;-webkit-appearance:none;border:var(--input-border-width) solid var(--input-border-color);border-radius:var(--input-border-radius);background-color:var(--input-background-color);font-family:inherit;font-size:inherit;font-weight:var(--hiq-font-weight-base,400);line-height:inherit;color:var(--input-text-color);transition:border-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),background-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out);display:block;width:100%;height:auto;overflow:auto;margin:0;padding:var(--textarea-padding-vertical) var(--textarea-padding-horizontal);resize:vertical}textarea::-webkit-input-placeholder{color:var(--input-placeholder-color)}textarea:-ms-input-placeholder{color:var(--input-placeholder-color)}textarea::-ms-input-placeholder{color:var(--input-placeholder-color)}textarea::-moz-placeholder{color:var(--input-placeholder-color)}textarea::placeholder{color:var(--input-placeholder-color)}textarea:hover{border-color:var(--input-hover-border-color);background-color:var(--input-hover-background-color);color:var(--input-hover-text-color)}textarea:focus{border-color:var(--input-focus-border-color);background-color:var(--input-focus-background-color);outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem);color:var(--input-focus-text-color)}textarea:disabled,textarea[aria-disabled],textarea[readonly]{border-color:var(--hiq-disabled-border-color,var(--hiq-color-gray-6,#e3e5e8));background-color:var(--hiq-disabled-background-color,var(--hiq-color-gray-7,#f1f2f4));color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}textarea:disabled::-webkit-input-placeholder,textarea[aria-disabled]::-webkit-input-placeholder,textarea[readonly]::-webkit-input-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}textarea:disabled:-ms-input-placeholder,textarea[aria-disabled]:-ms-input-placeholder,textarea[readonly]:-ms-input-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}textarea:disabled::-ms-input-placeholder,textarea[aria-disabled]::-ms-input-placeholder,textarea[readonly]::-ms-input-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}textarea:disabled::-moz-placeholder,textarea[aria-disabled]::-moz-placeholder,textarea[readonly]::-moz-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}textarea:disabled::placeholder,textarea[aria-disabled]::placeholder,textarea[readonly]::placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}textarea:disabled{cursor:not-allowed}textarea:required:invalid:not(:focus){border-color:var(--input-invalid-border-color)}textarea:required:valid:not(:focus){border-color:var(--input-valid-border-color)}.container{width:calc(100% - var(--hiq-container-horizontal-gap, 2rem)*2);max-width:calc(var(--hiq-max-container-width, 50rem) - var(--hiq-container-horizontal-gap, 2rem)*2);margin-right:auto;margin-left:auto}.container.is-fluid{max-width:none}:root{--hiq-color-gray-1:#0b0c0e;--hiq-color-gray-2:#17191c;--hiq-color-gray-3:#2e3138;--hiq-color-gray-4:#5c6370;--hiq-color-gray-5:#8f96a3;--hiq-color-gray-6:#e3e5e8;--hiq-color-gray-7:#f1f2f4;--hiq-color-gray-8:#f9fafa;--hiq-color-primary:#007fff;--hiq-color-success:#21d492;--hiq-color-warning:#fcd34a;--hiq-color-danger:#fa3d56;--hiq-html-background-color:#fff;--hiq-body-background-color:#fff;--hiq-disabled-border-color:var(--hiq-color-gray-7);--hiq-disabled-background-color:var(--hiq-color-gray-7);--hiq-disabled-text-color:var(--hiq-color-gray-5);--hiq-max-container-width:50rem;--hiq-container-horizontal-gap:2rem;--hiq-block-element-margin-bottom:1rem;--hiq-border-radius:0.2rem;--hiq-outline-width:0.2rem;--hiq-outline-color:#b3d9ff;--hiq-speed:0.1s;--hiq-easing:ease-out;--hiq-text-rendering:optimizeLegibility;--hiq-letter-spacing-base:0;--hiq-font-family-base:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;--hiq-font-family-monospace:Menlo,Monaco,Consolas,"Courier New",monospace;--hiq-unitless-min-font-size:15;--hiq-unitless-max-font-size:16;--hiq-unitless-lower-font-range:460;--hiq-unitless-upper-font-range:900;@custom-media --hiq-lower-font-range (min-width: 460px);@custom-media --hiq-upper-font-range (min-width: 900px);--hiq-font-size-1:2.5rem;--hiq-font-size-2:2rem;--hiq-font-size-3:1.75rem;--hiq-font-size-4:1.25rem;--hiq-font-size-5:1rem;--hiq-font-size-6:0.875rem;--hiq-font-size-base:var(--hiq-font-size-5);--hiq-font-size-large:var(--hiq-font-size-4);--hiq-font-size-small:var(--hiq-font-size-6);--hiq-line-height-base:1.6;--hiq-heading-line-height:1.2;--hiq-font-weight-light:300;--hiq-font-weight-normal:400;--hiq-font-weight-medium:500;--hiq-font-weight-semibold:600;--hiq-font-weight-bold:700;--hiq-font-weight-base:var(--hiq-font-weight-normal);--hiq-heading-font-weight:var(--hiq-font-weight-medium);--hiq-description-list-title-font-weight:var(--hiq-font-weight-semibold);--hiq-text-color:var(--hiq-color-gray-2);--hiq-mark-color:#fcf8e3;--hiq-deleted-color:#f95da8;--hiq-inserted-color:#e5f2ff;--hiq-selection-color:#cce5ff;--hiq-list-margin-left:1rem;--hiq-unordered-list-style:disc;--hiq-blockquote-font-size:var(--hiq-font-size-4);--hiq-blockquote-line-height:var(--hiq-heading-line-height);--hiq-blockquote-citation-color:var(--hiq-color-gray-5);--hiq-horizontal-rule-height:1px;--hiq-horizontal-rule-color:var(--hiq-color-primary);--hiq-link-color:var(--hiq-color-primary);--hiq-link-hover-color:#004080;--hiq-link-active-color:#004080;--hiq-link-text-decoration:none;--hiq-button-height:2.25rem;--hiq-button-vertical-padding:0;--hiq-button-horizontal-padding:0.75rem;--hiq-button-border-width:1px;--hiq-button-border-radius:var(--hiq-border-radius);--hiq-button-font-weight:var(--hiq-font-weight-medium);--hiq-button-border-color:var(--hiq-color-primary);--hiq-button-background-color:var(--hiq-color-primary);--hiq-button-text-color:#fff;--hiq-button-hover-border-color:#06c;--hiq-button-hover-background-color:#06c;--hiq-button-hover-text-color:#fff;--hiq-button-active-border-color:#004c99;--hiq-button-active-background-color:#004c99;--hiq-button-active-text-color:#fff;--hiq-code-padding-vertical:0.15rem;--hiq-code-padding-horizontal:0.3rem;--hiq-code-border-color:transparent;--hiq-code-font-size:var(--hiq-font-size-small);--hiq-code-background-color:var(--hiq-color-gray-7);--hiq-code-text-color:var(--hiq-text-color);--hiq-pre-padding-vertical:1.25rem;--hiq-pre-padding-horizontal:1.5rem;--hiq-pre-border-color:var(--hiq-color-gray-6);--hiq-pre-background-color:transparent;--hiq-pre-text-color:var(--hiq-color-gray-4);--hiq-kbd-padding-vertical:0.2rem;--hiq-kbd-padding-horizontal:0.4rem;--hiq-kbd-border-color:var(--hiq-color-gray-6);--hiq-nested-kbd-font-weight:var(--hiq-font-weight-medium);--hiq-kbd-background-color:transparent;--hiq-kbd-text-color:var(--hiq-text-color);--hiq-figcaption-margin-top:0.5rem;--hiq-figcaption-font-weight:var(--hiq-font-weight-normal);--hiq-figcaption-text-color:var(--hiq-color-gray-5);--hiq-image-border-radius:var(--hiq-border-radius);--hiq-table-head-border-width:var(--hiq-table-cell-border-width);--hiq-table-foot-border-width:var(--hiq-table-cell-border-width);--hiq-table-caption-padding-vertical:0.5rem;--hiq-table-caption-text-color:var(--hiq-color-gray-5);--hiq-table-caption-font-weight:var(--hiq-font-weight-semibold);--hiq-table-cell-padding-vertical:0.75rem;--hiq-table-cell-padding-horizontal:0.75rem;--hiq-table-cell-border-width:1px;--hiq-table-cell-border-color:var(--hiq-color-gray-6);--hiq-table-heading-background-color:var(--hiq-color-gray-7);--hiq-table-heading-text-color:var(--hiq-color-gray-4);--hiq-table-heading-font-weight:var(--hiq-font-weight-medium);--hiq-fieldset-padding-vertical:0;--hiq-fieldset-padding-horizontal:0;--hiq-fieldset-border-width:0;--hiq-fieldset-border-color:transparent;--hiq-legend-margin-bottom:var(--hiq-block-element-margin-bottom);--hiq-legend-font-weight:var(--hiq-font-weight-semibold);--hiq-label-margin-bottom:0.5rem;--hiq-label-font-weight:var(--hiq-font-weight-semibold);--hiq-input-invalid-border-color:var(--hiq-color-danger);--hiq-input-valid-border-color:var(--hiq-color-success);--hiq-input-height:2.5rem;--hiq-input-padding-vertical:0;--hiq-input-padding-horizontal:0.75rem;--hiq-input-border-width:1px;--hiq-input-border-radius:var(--hiq-border-radius);--hiq-input-border-color:var(--hiq-color-gray-6);--hiq-input-background-color:#fff;--hiq-input-text-color:var(--hiq-text-color);--hiq-input-placeholder-color:var(--hiq-color-gray-4);--hiq-input-hover-border-color:var(--hiq-input-border-color);--hiq-input-hover-background-color:var(--hiq-input-background-color);--hiq-input-hover-text-color:var(--hiq-input-text-color);--hiq-input-hover-placeholder-color:var(--hiq-input-placeholder-color);--hiq-textarea-padding-vertical:0.5rem;--hiq-textarea-padding-horizontal:0.75rem;--hiq-select-background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='30' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 16L0 0h30z' fill='%23000' fill-rule='evenodd'/%3E%3C/svg%3E");--hiq-select-background-position:right 1rem center;--hiq-select-background-size:0.75rem;--hiq-select-multiple-checked-background-color:var(--hiq-color-primary);--hiq-select-multiple-padding-vertical:0.75rem;--hiq-checkbox-margin-bottom:0.5rem;--hiq-checkbox-label-padding-horizontal:2rem;--hiq-checkbox-label-font-weight:var(--hiq-font-weight-normal);--hiq-checkbox-width:1rem;--hiq-checkbox-height:1rem;--hiq-checkbox-border-width:1px;--hiq-checkbox-border-color:transparent;--hiq-checkbox-border-radius:var(--hiq-border-radius);--hiq-checkbox-background-color:var(--hiq-color-gray-6);--hiq-checkbox-hover-background-color:var(--hiq-color-gray-5);--hiq-checkbox-checked-border-color:var(--hiq-color-primary);--hiq-checkbox-checked-background-color:var(--hiq-color-primary);--hiq-checkbox-check-width:0.25rem;--hiq-checkbox-check-height:0.5rem;--hiq-checkbox-check-border-width:2px;--hiq-checkbox-check-color:#fff;--hiq-checkbox-indeterminate-width:0.5rem;--hiq-radio-margin-bottom:0.5rem;--hiq-radio-label-padding-horizontal:2rem;--hiq-radio-label-font-weight:var(--hiq-font-weight-normal);--hiq-radio-width:1rem;--hiq-radio-height:1rem;--hiq-radio-border-width:1px;--hiq-radio-border-color:transparent;--hiq-radio-border-radius:50%;--hiq-radio-background-color:var(--hiq-color-gray-6);--hiq-radio-hover-background-color:var(--hiq-color-gray-5);--hiq-radio-checked-border-color:var(--hiq-color-primary);--hiq-radio-checked-background-color:var(--hiq-color-primary);--hiq-radio-check-width:0.5rem;--hiq-radio-check-height:0.5rem;--hiq-radio-check-border-radius:50%;--hiq-radio-check-background-color:#fff;--hiq-range-input-thumb-width:1.5rem;--hiq-range-input-thumb-height:1.5rem;--hiq-range-input-thumb-border-radius:50%;--hiq-range-input-thumb-background-color:var(--hiq-color-primary);--hiq-range-input-thumb-disabled-background-color:var(--hiq-color-gray-6);--hiq-range-input-track-height:0.5rem;--hiq-range-input-track-border-radius:var(--hiq-border-radius);--hiq-range-input-track-background-color:var(--hiq-color-gray-6);--hiq-meter-background-color:var(--hiq-color-gray-6);--hiq-meter-strong-color:var(--hiq-color-success);--hiq-meter-good-color:var(--hiq-color-warning);--hiq-meter-weak-color:var(--hiq-color-danger);--hiq-progress-height:1rem;--hiq-progress-background-color:var(--hiq-color-gray-6);--hiq-progress-filled-color:var(--hiq-color-primary);--navbar-height:3.6rem;--sidebar-width:20rem;--mobile-sidebar-width:calc(var(--sidebar-width)*0.82);--line-numbers-wrapper-width:3.5rem}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-weight:var(--hiq-font-weight-light)}h2{font-size:var(--hiq-font-size-3);font-weight:var(--hiq-font-weight-semibold)}h3{font-size:var(--hiq-font-size-4)}p a code{font-weight:var(--hiq-font-weight-normal);color:var(--hiq-color-primary)}.wrapper{max-width:var(--hiq-max-container-width);margin:0 auto;padding:.5rem 2.5rem;@media (max-width:959px){padding-left:2rem;padding-bottom:2rem;padding-right:2rem;padding-top:2rem}@media (max-width:419px){padding-left:1.5rem;padding-bottom:1.5rem;padding-right:1.5rem;padding-top:1.5rem}}.table-of-contents .badge{vertical-align:middle}.custom-layout{padding-top:var(--navbar-height)}.theme-container.no-navbar .custom-layout{padding-top:0}.properties-table{margin:1.5rem 0 2rem}.color-swatch{display:block;width:1.5rem;height:1.5rem;border:1px solid var(--hiq-color-gray-6)}.input-table code{white-space:pre-wrap}.input-table input{max-width:100%}@supports (color:var(--hiq-color-primary)){.browser-not-supported{display:none}}@media (max-width:959px){.properties-table .name,.utilities-table .name{width:40%}.properties-table .name code,.utilities-table .name code{white-space:unset}}.content__default{max-width:var(--hiq-max-container-width);margin:0 auto;padding:2rem 2.5rem}.content__default>:first-child{margin-top:var(--navbar-height)}.content__default p.demo{padding:1rem 1.5rem;border:1px solid var(--hiq-color-gray-6);border-radius:4px}.content__default>h1,.content__default>h2,.content__default>h3,.content__default>h4,.content__default>h5,.content__default>h6{margin-top:calc(.75rem - var(--navbar-height));padding-top:calc(var(--navbar-height) + 1rem)}.content__default>h1:first-child,.content__default>h2:first-child,.content__default>h3:first-child,.content__default>h4:first-child,.content__default>h5:first-child,.content__default>h6:first-child{margin-top:-1.5rem;margin-bottom:1rem}.content__default>h2:first-child+.custom-block,.content__default>h2:first-child+p,.content__default>h2:first-child+pre,.content__default>h3:first-child+.custom-block,.content__default>h3:first-child+p,.content__default>h3:first-child+pre,.content__default>h4:first-child+.custom-block,.content__default>h4:first-child+p,.content__default>h4:first-child+pre,.content__default>h5:first-child+.custom-block,.content__default>h5:first-child+p,.content__default>h5:first-child+pre,.content__default>h6:first-child+.custom-block,.content__default>h6:first-child+p,.content__default>h6:first-child+pre{margin-top:-1.5rem;margin-bottom:1rem}.theme-container.no-navbar .content__default>h1,.theme-container.no-navbar .content__default>h2,.theme-container.no-navbar .content__default>h3,.theme-container.no-navbar .content__default>h4,.theme-container.no-navbar .content__default>h5,.theme-container.no-navbar .content__default>h6{margin-top:1.5rem;padding-top:0}.content.custom{margin:0;padding:0}a.header-anchor{float:left;margin-top:.125em;margin-left:-.87em;padding-right:.23em;box-shadow:none!important;opacity:0;font-size:.85em}h1:hover .header-anchor,h2:hover .header-anchor,h3:hover .header-anchor,h4:hover .header-anchor,h5:hover .header-anchor,h6:hover .header-anchor{opacity:1}.content__default figure{margin:2rem 0 3rem}.content__default figure img{margin:0 auto}.content__default ol,.content__default ul{padding-left:1.2em}.content__default table td{vertical-align:middle}.content__default table p{margin-bottom:0}@media (max-width:959px){.content__default{padding:2rem}}@media (max-width:419px){.content__default{padding:1.5rem}.content__default div[class*=language-]{margin:.85rem -1.5rem;border-radius:0}}div[class*=language-]{position:relative;margin:1.5rem 0 2rem}div[class*=language-] .highlight-lines{position:absolute;top:0;left:0;width:100%;padding-top:1.3rem;line-height:1.4;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}div[class*=language-] .highlight-lines .highlighted{background-color:var(--hiq-color-gray-7)}div[class*=language-] pre,div[class*=language-] pre[class*=language-]{position:relative;z-index:1;background:var(--hiq-pre-background-color)}div[class*=language-]:before{position:absolute;top:.8rem;right:1rem;z-index:3;font-size:.75rem;color:var(--hiq-color-gray-5)}div[class*=language-]:not(.line-numbers-mode) .line-numbers-wrapper{display:none}div[class*=language-].line-numbers-mode .highlight-lines .highlighted{position:relative}div[class*=language-].line-numbers-mode .highlight-lines .highlighted:before{display:block;position:absolute;top:0;left:0;z-index:3;width:var(--line-numbers-wrapper-width);height:100%;background-color:var(--hiq-color-gray-6);content:""}div[class*=language-].line-numbers-mode pre{padding-left:calc(var(--line-numbers-wrapper-width) + 1rem);vertical-align:middle}div[class*=language-].line-numbers-mode .line-numbers-wrapper{position:absolute;top:0;width:var(--line-numbers-wrapper-width);padding:1.25rem 0;line-height:1.4;text-align:center;color:var(--hiq-color-gray-5)}div[class*=language-].line-numbers-mode .line-numbers-wrapper br{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}div[class*=language-].line-numbers-mode .line-numbers-wrapper .line-number{position:relative;z-index:4;font-size:.85em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}div[class*=language-].line-numbers-mode:after{position:absolute;top:1px;left:1px;z-index:2;width:var(--line-numbers-wrapper-width);height:calc(100% - 2px);border-right:1px solid var(--hiq-color-gray-6);border-radius:6px 0 0 6px;background-color:#fff;content:""}div[class~=language-javascript]:before,div[class~=language-js]:before{content:"js"}div[class~=language-ts]:before,div[class~=language-typescript]:before{content:"ts"}div[class~=language-html]:before,div[class~=language-markup]:before{content:"html"}div[class~=language-markdown]:before,div[class~=language-md]:before{content:"md"}div[class~=language-vue]:before{content:"vue"}div[class~=language-css]:before{content:"css"}div[class~=language-sass]:before{content:"sass"}div[class~=language-scss]:before{content:"scss"}div[class~=language-less]:before{content:"less"}div[class~=language-stylus]:before{content:"stylus"}div[class~=language-go]:before{content:"go"}div[class~=language-java]:before{content:"java"}div[class~=language-c]:before{content:"c"}div[class~=language-json]:before{content:"json"}div[class~=language-bash]:before,div[class~=language-sh]:before{content:"sh"}div[class~=language-yaml]:before{content:"yaml"}div[class~=language-ruby]:before{content:"rb"}div[class~=language-python]:before{content:"py"}@media (max-width:419px){div[class*=language-] pre{border-right:0;border-left:0;border-radius:0}}@media (min-width:419px){div[class*=language-]+div[class*=language-]{margin-top:-1.25rem}}.custom-block .custom-block-title{margin-bottom:.25rem;font-weight:var(--hiq-font-weight-medium)}.custom-block p{margin-bottom:0}.custom-block.danger,.custom-block.tip,.custom-block.warning{margin:1.25rem 0;padding:1.25rem 1.5rem;border-left-width:.5rem;border-left-style:solid}.custom-block.tip{border-color:var(--hiq-color-primary);background-color:rgba(0,128,255,.25)}.custom-block.tip code{background-color:rgba(0,128,255,.15)}.custom-block.warning{border-color:var(--hiq-color-warning);background-color:rgba(252,212,79,.25);color:#7e6102}.custom-block.warning .custom-block-title{color:#c99b03}.custom-block.warning a{color:var(--hiq-text-color)}.custom-block.danger{border-color:var(--hiq-color-danger);background-color:rgba(250,61,86,.25);color:#7c0313}.custom-block.danger .custom-block-title{color:#c7051f}.custom-block.danger a{color:var(--hiq-text-color)}.arrow{display:inline-block;width:0;height:0}.arrow.up{border-bottom:6px solid var(--hiq-color-gray-5)}.arrow.down,.arrow.up{border-right:4px solid transparent;border-left:4px solid transparent}.arrow.down{border-top:6px solid var(--hiq-color-gray-5)}.arrow.right{border-left:6px solid var(--hiq-color-gray-5)}.arrow.left,.arrow.right{border-top:4px solid transparent;border-bottom:4px solid transparent}.arrow.left{border-right:6px solid var(--hiq-color-gray-5)}#nprogress{pointer-events:none}#nprogress .bar{position:fixed;top:0;left:0;width:100%;height:2px;z-index:1031;background-color:var(--hiq-color-primary)}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px var(--hiq-color-primary),0 0 5px var(--hiq-color-primary);opacity:1;transform:rotate(3deg) translateY(-4px)}#nprogress .spinner{display:block;position:fixed;top:15px;right:15px;z-index:1031}#nprogress .spinner-icon{width:18px;height:18px;border-bottom:2px solid transparent;border-right:2px solid transparent;border-top:2px solid transparent;border-top-color:var(--hiq-color-primary);border-left:2px solid transparent;border-left-color:var(--hiq-color-primary);border-radius:50%;-webkit-animation:nprogress-spinner .4s linear infinite;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{position:relative;overflow:hidden}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@-webkit-keyframes nprogress-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--pink:#f95faa;--lavender:#9b80ff;--dark-blue:#2f6f9f;--light-blue:#6d94ec}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog,.token.punctuation{color:var(--hiq-color-gray-5)}.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:var(--light-blue)}.token.boolean,.token.class-name,.token.constant,.token.function,.token.function-name,.token.number,.token.property,.token.symbol{color:var(--pink)}.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:var(--lavender)}.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:var(--hiq-color-primary)}.token.entity,.token.operator,.token.url{color:#67cdcc}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green} \ No newline at end of file +.icon.outbound{color:#aaa;display:inline-block;vertical-align:middle;position:relative;top:-1px}.home{max-width:960px;margin:0 auto;padding:var(--navbar-height) 2rem 0}.home .hero{text-align:center}.home .hero img{display:block;max-height:280px;margin:3rem auto 1.5rem}.home .hero .action,.home .hero .description,.home .hero h1{margin:1.8rem auto}.home .hero h1{font-weight:var(--hiq-font-weight-medium)}.home .hero .description{max-width:30rem;font-size:var(--hiq-font-size-large);line-height:1.3;color:var(--hiq-color-gray-5)}.home .hero .action-button{display:inline-block;height:auto;padding:.75rem 1.5rem;font-size:var(--hiq-font-size-large)}.home .features{display:flex;flex-wrap:wrap;align-items:flex-start;align-content:stretch;justify-content:space-between;margin-top:2.5rem;padding:2.5rem 0 1rem;border-top:1px solid var(--hiq-color-gray-6)}.home .feature{flex-grow:1;flex-basis:30%;max-width:30%;margin-bottom:.5rem}.home .feature h2{margin-bottom:.5rem;border-bottom:0;font-size:var(--hiq-font-size-4);font-weight:var(--hiq-font-weight-medium)}.home .feature p{color:var(--hiq-color-gray-4)}.home .footer{padding:2.5rem;border-top:1px solid var(--hiq-color-gray-6);text-align:center}.home .footer,.home .footer a{color:var(--hiq-color-gray-5)}.home .footer a:hover{color:var(--hiq-color-gray-4)}@media (max-width:719px){.home .features{flex-direction:column}.home .feature{max-width:100%;padding:0 2.5rem}}@media (max-width:419px){.home{padding-right:1.5rem;padding-left:1.5rem}.home .hero img{max-height:210px;margin:2rem auto 1.2rem}.home .hero .action,.home .hero .description,.home .hero h1{margin:1.2rem auto}.home .hero .action-button{padding:.6rem 1.2rem}}.sidebar-button{display:none;position:absolute;top:.75rem;left:1rem;width:2.25rem;height:2.25rem;padding:.5rem}.sidebar-button .icon{display:block;width:1.25rem;height:1.25rem}@media (max-width:719px){.sidebar-button{display:block}}.algolia-search-wrapper &>span{vertical-align:middle}.algolia-search-wrapper .algolia-autocomplete{line-height:normal}.algolia-search-wrapper .algolia-autocomplete .ds-dropdown-menu{margin:6px 0 0;padding:4px;border:1px solid var(--hiq-color-gray-6);border-radius:4px;background-color:#fff;text-align:left}.algolia-search-wrapper .algolia-autocomplete .ds-dropdown-menu:before{border-color:var(--hiq-color-gray-6)}.algolia-search-wrapper .algolia-autocomplete .ds-dropdown-menu [class*=ds-dataset-]{padding:0;border:none}.algolia-search-wrapper .algolia-autocomplete .ds-dropdown-menu .ds-suggestions{margin-top:0}.algolia-search-wrapper .algolia-autocomplete .ds-dropdown-menu .ds-suggestion{border-bottom:1px solid var(--hiq-color-gray-6)}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion--highlight{color:var(--hiq-selection-color)}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion{padding:0;border-color:var(--hiq-color-gray-6)}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--category-header{margin-top:0;padding:5px 10px;background-color:var(--hiq-color-primary);font-weight:var(--hiq-font-weight-semibold);color:#fff}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--category-header .algolia-docsearch-suggestion--highlight{background-color:var(--hiq-color-gray-6)}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--wrapper{padding:0}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--title{margin-bottom:0;font-weight:var(--hiq-font-weight-semibold);color:var(--hiq-text-color)}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column{padding:5px 7px 5px 5px;vertical-align:top;border-color:var(--hiq-color-gray-6);background-color:var(--hiq-color-gray-6)}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column:after{display:none}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column-text{color:var(--hiq-color-gray-4)}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-footer{border-color:var(--hiq-color-gray-6)}.algolia-search-wrapper .algolia-autocomplete .ds-cursor .algolia-docsearch-suggestion--content{background-color:var(--hiq-selection-color)!important;color:var(--hiq-text-color)}@media (min-width:719px){.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column{display:table-cell;float:none;width:150px;min-width:150px}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--content{display:table-cell;float:none;width:100%;vertical-align:top}.algolia-search-wrapper .algolia-autocomplete .algolia-docsearch-suggestion .ds-dropdown-menu{min-width:515px!important}}@media (max-width:719px){.algolia-search-wrapper .ds-dropdown-menu{min-width:calc(100vw - 4rem)!important;max-width:calc(100vw - 4rem)!important}.algolia-search-wrapper .algolia-docsearch-suggestion--wrapper{padding:5px 7px 5px 5px!important}.algolia-search-wrapper .algolia-docsearch-suggestion--subcategory-column{padding:0!important;background-color:#fff!important}.algolia-search-wrapper .algolia-docsearch-suggestion--subcategory-column-text:after{display:inline-block;width:5px;margin:-3px 3px 0;vertical-align:middle;font-size:10px;line-height:14px;content:" > "}}.search-box{display:inline-block;position:relative;margin-right:.5rem}.search-box input{width:10rem;padding:0 .5rem 0 2rem;border:1px solid var(--hiq-color-gray-6);border-radius:2rem;background:#fff url(/hiq/assets/img/search.0781e11c.svg) .6rem .5rem no-repeat;background-size:1rem;outline:none;font-size:16px;line-height:2rem;color:var(--hiq-color-gray-5);transition:all .2s ease;cursor:text}.search-box input:focus{border-color:var(--hiq-color-primary);cursor:auto}.search-box .suggestions{position:absolute;top:2.75rem;width:20rem;padding:.4rem;border:1px solid var(--hiq-color-gray-6);border-radius:6px;background-color:#fff;list-style-type:none}.search-box .suggestions.align-right{right:0}.search-box .suggestion{padding:.4rem .6rem;border-radius:4px;line-height:1.4;cursor:pointer}.search-box .suggestion a{color:var(--hiq-color-gray-4)}.search-box .suggestion.focused{background-color:var(--hiq-color-gray-7)}.search-box .suggestion.focused a{color:var(--hiq-color-primary)}.search-box .suggestion a .page-title{font-weight:var(--hiq-font-weight-semibold)}.search-box .suggestion a .page-title+.header{margin-left:.25rem;font-size:var(--hiq-font-size-small)}@media (max-width:959px){.search-box input{position:relative;left:1rem;width:0;border-color:transparent;cursor:pointer}.search-box input:focus{width:10rem;left:0;cursor:text}}@media (max-width:959px) and (min-width:719px){.search-box .suggestions{left:0}}@media (max-width:719px){.search-box{margin-right:0}.search-box .suggestions{right:0}}@media (max-width:419px){.search-box input:focus{width:10rem}.search-box .suggestions{width:calc(100vw - 3rem)}}.code-example{margin:1.5rem 0;padding:var(--hiq-pre-padding-vertical) var(--hiq-pre-padding-horizontal);border:1px solid var(--hiq-pre-border-color);border-radius:var(--hiq-pre-border-radius);border-bottom-right-radius:0;border-bottom-left-radius:0}.code-example+div[class*=language-]{margin-top:-1px}.code-example+div[class*=language-] pre{border-top-right-radius:0;border-top-left-radius:0}.code-example [role=button]:not(:last-child),.code-example button:not(:last-child){margin:0 .35rem .35rem 0}.code-example dl:last-of-type,.code-example ol:last-of-type,.code-example p:last-of-type,.code-example ul:last-of-type{margin-bottom:0}.code-example blockquote,.code-example details,.code-example fieldset,.code-example figure,.code-example pre,.code-example table{margin:0}@media (max-width:419px){.code-example{margin-right:-1.5rem;margin-left:-1.5rem;border-right:0;border-left:0;border-radius:0}}.class{opacity:.5}.properties-reference{margin-top:2rem}.properties-reference p{margin-bottom:1.5rem}.searchbox{display:inline-block;position:relative;width:200px;height:32px!important;white-space:nowrap;box-sizing:border-box;visibility:visible!important}.searchbox .algolia-autocomplete{display:block;width:100%;height:100%}.searchbox__wrapper{width:100%;height:100%;z-index:999;position:relative}.searchbox__input{display:inline-block;box-sizing:border-box;transition:box-shadow .4s ease,background .4s ease;border:0;border-radius:16px;box-shadow:inset 0 0 0 1px #ccc;background:#fff!important;padding:0 26px 0 32px;width:100%;height:100%;vertical-align:middle;white-space:normal;font-size:12px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbox__input::-webkit-search-cancel-button,.searchbox__input::-webkit-search-decoration,.searchbox__input::-webkit-search-results-button,.searchbox__input::-webkit-search-results-decoration{display:none}.searchbox__input:hover{box-shadow:inset 0 0 0 1px #b3b3b3}.searchbox__input:active,.searchbox__input:focus{outline:0;box-shadow:inset 0 0 0 1px #aaa;background:#fff}.searchbox__input:-ms-input-placeholder{color:#aaa}.searchbox__input::-ms-input-placeholder{color:#aaa}.searchbox__input::-moz-placeholder{color:#aaa}.searchbox__input::placeholder{color:#aaa}.searchbox__submit{position:absolute;top:0;margin:0;border:0;border-radius:16px 0 0 16px;background-color:rgba(69,142,225,0);padding:0;width:32px;height:100%;vertical-align:middle;text-align:center;font-size:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;right:inherit;left:0}.searchbox__submit:before{display:inline-block;margin-right:-4px;height:100%;vertical-align:middle;content:""}.searchbox__submit:active,.searchbox__submit:hover{cursor:pointer}.searchbox__submit:focus{outline:0}.searchbox__submit svg{width:14px;height:14px;vertical-align:middle;fill:#6d7e96}.searchbox__reset{display:block;position:absolute;top:8px;right:8px;margin:0;border:0;background:none;cursor:pointer;padding:0;font-size:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;fill:rgba(0,0,0,.5)}.searchbox__reset.hide{display:none}.searchbox__reset:focus{outline:0}.searchbox__reset svg{display:block;margin:4px;width:8px;height:8px}.searchbox__input:valid~.searchbox__reset{display:block;-webkit-animation-name:sbx-reset-in;animation-name:sbx-reset-in;-webkit-animation-duration:.15s;animation-duration:.15s}@-webkit-keyframes sbx-reset-in{0%{transform:translate3d(-20%,0,0);opacity:0}to{transform:none;opacity:1}}@keyframes sbx-reset-in{0%{transform:translate3d(-20%,0,0);opacity:0}to{transform:none;opacity:1}}.algolia-autocomplete.algolia-autocomplete-right .ds-dropdown-menu{right:0!important;left:inherit!important}.algolia-autocomplete.algolia-autocomplete-right .ds-dropdown-menu:before{right:48px}.algolia-autocomplete.algolia-autocomplete-left .ds-dropdown-menu{left:0!important;right:inherit!important}.algolia-autocomplete.algolia-autocomplete-left .ds-dropdown-menu:before{left:48px}.algolia-autocomplete .ds-dropdown-menu{top:-6px;border-radius:4px;margin:6px 0 0;padding:0;text-align:left;height:auto;position:relative;background:transparent;border:none;z-index:999;max-width:600px;min-width:500px;box-shadow:0 1px 0 0 rgba(0,0,0,.2),0 2px 3px 0 rgba(0,0,0,.1)}.algolia-autocomplete .ds-dropdown-menu:before{display:block;position:absolute;content:"";width:14px;height:14px;background:#fff;z-index:1000;top:-7px;border-top:1px solid #d9d9d9;border-right:1px solid #d9d9d9;transform:rotate(-45deg);border-radius:2px}.algolia-autocomplete .ds-dropdown-menu .ds-suggestions{position:relative;z-index:1000;margin-top:8px}.algolia-autocomplete .ds-dropdown-menu .ds-suggestions a:hover{text-decoration:none}.algolia-autocomplete .ds-dropdown-menu .ds-suggestion{cursor:pointer}.algolia-autocomplete .ds-dropdown-menu .ds-suggestion.ds-cursor .algolia-docsearch-suggestion.suggestion-layout-simple,.algolia-autocomplete .ds-dropdown-menu .ds-suggestion.ds-cursor .algolia-docsearch-suggestion:not(.suggestion-layout-simple) .algolia-docsearch-suggestion--content{background-color:rgba(69,142,225,.05)}.algolia-autocomplete .ds-dropdown-menu [class^=ds-dataset-]{position:relative;border:1px solid #d9d9d9;background:#fff;border-radius:4px;overflow:auto;padding:0 8px 8px}.algolia-autocomplete .ds-dropdown-menu *{box-sizing:border-box}.algolia-autocomplete .algolia-docsearch-suggestion{display:block;position:relative;padding:0 8px;background:#fff;color:#02060c;overflow:hidden}.algolia-autocomplete .algolia-docsearch-suggestion--highlight{color:#174d8c;background:rgba(143,187,237,.1);padding:.1em .05em}.algolia-autocomplete .algolia-docsearch-suggestion--category-header .algolia-docsearch-suggestion--category-header-lvl0 .algolia-docsearch-suggestion--highlight,.algolia-autocomplete .algolia-docsearch-suggestion--category-header .algolia-docsearch-suggestion--category-header-lvl1 .algolia-docsearch-suggestion--highlight,.algolia-autocomplete .algolia-docsearch-suggestion--text .algolia-docsearch-suggestion--highlight{padding:0 0 1px;background:inherit;box-shadow:inset 0 -2px 0 0 rgba(69,142,225,.8);color:inherit}.algolia-autocomplete .algolia-docsearch-suggestion--content{display:block;float:right;width:70%;position:relative;padding:5.33333px 0 5.33333px 10.66667px;cursor:pointer}.algolia-autocomplete .algolia-docsearch-suggestion--content:before{content:"";position:absolute;display:block;top:0;height:100%;width:1px;background:#ddd;left:-1px}.algolia-autocomplete .algolia-docsearch-suggestion--category-header{position:relative;border-bottom:1px solid #ddd;display:none;margin-top:8px;padding:4px 0;font-size:1em;color:#33363d}.algolia-autocomplete .algolia-docsearch-suggestion--wrapper{width:100%;float:left;padding:8px 0 0}.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-column{float:left;width:30%;text-align:right;position:relative;padding:5.33333px 10.66667px;color:#a4a7ae;font-size:.9em;word-wrap:break-word}.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-column:before{content:"";position:absolute;display:block;top:0;height:100%;width:1px;background:#ddd;right:0}.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-inline{display:none}.algolia-autocomplete .algolia-docsearch-suggestion--title{margin-bottom:4px;color:#02060c;font-size:.9em;font-weight:700}.algolia-autocomplete .algolia-docsearch-suggestion--text{display:block;line-height:1.2em;font-size:.85em;color:#63676d}.algolia-autocomplete .algolia-docsearch-suggestion--no-results{width:100%;padding:8px 0;text-align:center;font-size:1.2em}.algolia-autocomplete .algolia-docsearch-suggestion--no-results:before{display:none}.algolia-autocomplete .algolia-docsearch-suggestion code{padding:1px 5px;font-size:90%;border:none;color:#222;background-color:#ebebeb;border-radius:3px;font-family:Menlo,Monaco,Consolas,Courier New,monospace}.algolia-autocomplete .algolia-docsearch-suggestion code .algolia-docsearch-suggestion--highlight{background:none}.algolia-autocomplete .algolia-docsearch-suggestion.algolia-docsearch-suggestion__main .algolia-docsearch-suggestion--category-header,.algolia-autocomplete .algolia-docsearch-suggestion.algolia-docsearch-suggestion__secondary{display:block}@media (min-width:768px){.algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column{display:block}}@media (max-width:768px){.algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column{display:inline-block;width:auto;float:left;padding:0;color:#02060c;font-size:.9em;font-weight:700;text-align:left;opacity:.5}.algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column:before{display:none}.algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--subcategory-column:after{content:"|"}.algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--content{display:inline-block;width:auto;text-align:left;float:left;padding:0}.algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion--content:before{display:none}}.algolia-autocomplete .suggestion-layout-simple.algolia-docsearch-suggestion{border-bottom:1px solid #eee;padding:8px;margin:0}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--content{width:100%;padding:0}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--content:before{display:none}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--category-header{margin:0;padding:0;display:block;width:100%;border:none}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--category-header-lvl0,.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--category-header-lvl1{opacity:.6;font-size:.85em}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--category-header-lvl1:before{background-image:url('data:image/svg+xml;utf8,');content:"";width:10px;height:10px;display:inline-block}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--wrapper{width:100%;float:left;margin:0;padding:0}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--duplicate-content,.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--subcategory-inline{display:none!important}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--title{margin:0;color:#458ee1;font-size:.9em;font-weight:400}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--title:before{content:"#";font-weight:700;color:#458ee1;display:inline-block}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--text{margin:4px 0 0;display:block;line-height:1.4em;padding:5.33333px 8px;background:#f8f8f8;font-size:.85em;opacity:.8}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--text .algolia-docsearch-suggestion--highlight{color:#3f4145;font-weight:700;box-shadow:none}.algolia-autocomplete .algolia-docsearch-footer{width:134px;height:20px;z-index:2000;margin-top:10.66667px;float:right;font-size:0;line-height:0}.algolia-autocomplete .algolia-docsearch-footer--logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='168' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M78.988.938h16.594a2.968 2.968 0 012.966 2.966V20.5a2.967 2.967 0 01-2.966 2.964H78.988a2.967 2.967 0 01-2.966-2.964V3.897A2.961 2.961 0 0178.988.938zm41.937 17.866c-4.386.02-4.386-3.54-4.386-4.106l-.007-13.336 2.675-.424v13.254c0 .322 0 2.358 1.718 2.364v2.248zm-10.846-2.18c.821 0 1.43-.047 1.855-.129v-2.719a6.334 6.334 0 00-1.574-.199 5.7 5.7 0 00-.897.069 2.699 2.699 0 00-.814.24c-.24.116-.439.28-.582.491-.15.212-.219.335-.219.656 0 .628.219.991.616 1.23s.938.362 1.615.362zm-.233-9.7c.883 0 1.629.109 2.231.328.602.218 1.088.525 1.444.915.363.396.609.922.76 1.483.157.56.232 1.175.232 1.85v6.874a32.5 32.5 0 01-1.868.314c-.834.123-1.772.185-2.813.185-.69 0-1.327-.069-1.895-.198a4.001 4.001 0 01-1.471-.636 3.085 3.085 0 01-.951-1.134c-.226-.465-.343-1.12-.343-1.803 0-.656.13-1.073.384-1.525a3.24 3.24 0 011.047-1.106c.445-.287.95-.492 1.532-.615a8.8 8.8 0 011.82-.185 8.404 8.404 0 011.972.24v-.438c0-.307-.035-.6-.11-.874a1.88 1.88 0 00-.384-.73 1.784 1.784 0 00-.724-.493 3.164 3.164 0 00-1.143-.205c-.616 0-1.177.075-1.69.164a7.735 7.735 0 00-1.26.307l-.321-2.192c.335-.117.834-.233 1.478-.349a10.98 10.98 0 012.073-.178zm52.842 9.626c.822 0 1.43-.048 1.854-.13V13.7a6.347 6.347 0 00-1.574-.199c-.294 0-.595.021-.896.069a2.7 2.7 0 00-.814.24 1.46 1.46 0 00-.582.491c-.15.212-.218.335-.218.656 0 .628.218.991.615 1.23.404.245.938.362 1.615.362zm-.226-9.694c.883 0 1.629.108 2.231.327.602.219 1.088.526 1.444.915.355.39.609.923.759 1.483a6.8 6.8 0 01.233 1.852v6.873c-.41.088-1.034.19-1.868.314-.834.123-1.772.184-2.813.184-.69 0-1.327-.068-1.895-.198a4.001 4.001 0 01-1.471-.635 3.085 3.085 0 01-.951-1.134c-.226-.465-.343-1.12-.343-1.804 0-.656.13-1.073.384-1.524.26-.45.608-.82 1.047-1.107.445-.286.95-.491 1.532-.614a8.803 8.803 0 012.751-.13c.329.034.671.096 1.04.185v-.437a3.3 3.3 0 00-.109-.875 1.873 1.873 0 00-.384-.731 1.784 1.784 0 00-.724-.492 3.165 3.165 0 00-1.143-.205c-.616 0-1.177.075-1.69.164a7.75 7.75 0 00-1.26.307l-.321-2.193c.335-.116.834-.232 1.478-.348a11.633 11.633 0 012.073-.177zm-8.034-1.271a1.626 1.626 0 01-1.628-1.62c0-.895.725-1.62 1.628-1.62.904 0 1.63.725 1.63 1.62 0 .895-.733 1.62-1.63 1.62zm1.348 13.22h-2.689V7.27l2.69-.423v11.956zm-4.714 0c-4.386.02-4.386-3.54-4.386-4.107l-.008-13.336 2.676-.424v13.254c0 .322 0 2.358 1.718 2.364v2.248zm-8.698-5.903c0-1.156-.253-2.119-.746-2.788-.493-.677-1.183-1.01-2.067-1.01-.882 0-1.574.333-2.065 1.01-.493.676-.733 1.632-.733 2.788 0 1.168.246 1.953.74 2.63.492.683 1.183 1.018 2.066 1.018.882 0 1.574-.342 2.067-1.019.492-.683.738-1.46.738-2.63zm2.737-.007c0 .902-.13 1.584-.397 2.33a5.52 5.52 0 01-1.128 1.906 4.986 4.986 0 01-1.752 1.223c-.685.286-1.739.45-2.265.45-.528-.006-1.574-.157-2.252-.45a5.096 5.096 0 01-1.744-1.223c-.487-.527-.863-1.162-1.137-1.906a6.345 6.345 0 01-.41-2.33c0-.902.123-1.77.397-2.508a5.554 5.554 0 011.15-1.892 5.133 5.133 0 011.75-1.216c.679-.287 1.425-.423 2.232-.423.808 0 1.553.142 2.237.423a4.88 4.88 0 011.753 1.216 5.644 5.644 0 011.135 1.892c.287.738.431 1.606.431 2.508zm-20.138 0c0 1.12.246 2.363.738 2.882.493.52 1.13.78 1.91.78.424 0 .828-.062 1.204-.178.377-.116.677-.253.917-.417V9.33a10.476 10.476 0 00-1.766-.226c-.971-.028-1.71.37-2.23 1.004-.513.636-.773 1.75-.773 2.788zm7.438 5.274c0 1.824-.466 3.156-1.404 4.004-.936.846-2.367 1.27-4.296 1.27-.705 0-2.17-.137-3.34-.396l.431-2.118c.98.205 2.272.26 2.95.26 1.074 0 1.84-.219 2.299-.656.459-.437.684-1.086.684-1.948v-.437a8.07 8.07 0 01-1.047.397c-.43.13-.93.198-1.492.198-.739 0-1.41-.116-2.018-.349a4.206 4.206 0 01-1.567-1.025c-.431-.45-.774-1.017-1.013-1.694-.24-.677-.363-1.885-.363-2.773 0-.834.13-1.88.384-2.577.26-.696.629-1.298 1.129-1.796.493-.498 1.095-.881 1.8-1.162a6.605 6.605 0 012.428-.457c.87 0 1.67.109 2.45.24.78.129 1.444.265 1.985.415V18.17z' fill='%235468FF'/%3E%3Cpath d='M6.972 6.677v1.627c-.712-.446-1.52-.67-2.425-.67-.585 0-1.045.13-1.38.391a1.24 1.24 0 00-.502 1.03c0 .425.164.765.494 1.02.33.256.835.532 1.516.83.447.192.795.356 1.045.495.25.138.537.332.862.582.324.25.563.548.718.894.154.345.23.741.23 1.188 0 .947-.334 1.691-1.004 2.234-.67.542-1.537.814-2.601.814-1.18 0-2.16-.229-2.936-.686v-1.708c.84.628 1.814.942 2.92.942.585 0 1.048-.136 1.388-.407.34-.271.51-.646.51-1.125 0-.287-.1-.55-.302-.79-.203-.24-.42-.42-.655-.542-.234-.123-.585-.29-1.053-.503a61.27 61.27 0 01-.582-.271 13.67 13.67 0 01-.55-.287 4.275 4.275 0 01-.567-.351 6.92 6.92 0 01-.455-.4c-.18-.17-.31-.34-.39-.51-.08-.17-.155-.37-.224-.598a2.553 2.553 0 01-.104-.742c0-.915.333-1.638.998-2.17.664-.532 1.523-.798 2.576-.798.968 0 1.793.17 2.473.51zm7.468 5.696v-.287c-.022-.607-.187-1.088-.495-1.444-.309-.357-.75-.535-1.324-.535-.532 0-.99.194-1.373.583-.382.388-.622.949-.717 1.683h3.909zm1.005 2.792v1.404c-.596.34-1.383.51-2.362.51-1.255 0-2.255-.377-3-1.132-.744-.755-1.116-1.744-1.116-2.968 0-1.297.34-2.316 1.021-3.055.68-.74 1.548-1.11 2.6-1.11 1.033 0 1.852.323 2.458.966.606.644.91 1.572.91 2.784 0 .33-.033.676-.096 1.038h-5.314c.107.702.405 1.239.894 1.611.49.372 1.106.558 1.85.558.862 0 1.58-.202 2.155-.606zm6.605-1.77h-1.212c-.596 0-1.045.116-1.349.35-.303.234-.454.532-.454.894 0 .372.117.664.35.877.235.213.575.32 1.022.32.51 0 .912-.142 1.204-.424.293-.281.44-.651.44-1.108v-.91zm-4.068-2.554V9.325c.627-.361 1.457-.542 2.489-.542 2.116 0 3.175 1.026 3.175 3.08V17h-1.548v-.957c-.415.68-1.143 1.02-2.186 1.02-.766 0-1.38-.22-1.843-.661-.462-.442-.694-1.003-.694-1.684 0-.776.293-1.38.878-1.81.585-.431 1.404-.647 2.457-.647h1.34V11.8c0-.554-.133-.971-.399-1.253-.266-.282-.707-.423-1.324-.423a4.07 4.07 0 00-2.345.718zm9.333-1.93v1.42c.394-1 1.101-1.5 2.123-1.5.148 0 .313.016.494.048v1.531a1.885 1.885 0 00-.75-.143c-.542 0-.989.24-1.34.718-.351.479-.527 1.048-.527 1.707V17h-1.563V8.91h1.563zm5.01 4.084c.022.82.272 1.492.75 2.019.479.526 1.15.79 2.01.79.639 0 1.235-.176 1.788-.527v1.404c-.521.319-1.186.479-1.995.479-1.265 0-2.276-.4-3.031-1.197-.755-.798-1.133-1.792-1.133-2.984 0-1.16.38-2.151 1.14-2.975.761-.825 1.79-1.237 3.088-1.237.702 0 1.346.149 1.93.447v1.436a3.242 3.242 0 00-1.77-.495c-.84 0-1.513.266-2.019.798-.505.532-.758 1.213-.758 2.042zM40.24 5.72v4.579c.458-1 1.293-1.5 2.505-1.5.787 0 1.42.245 1.899.734.479.49.718 1.17.718 2.042V17h-1.564v-5.106c0-.553-.14-.98-.422-1.284-.282-.303-.652-.455-1.11-.455-.531 0-1.002.202-1.411.606-.41.405-.615 1.022-.615 1.851V17h-1.563V5.72h1.563zm14.966 10.02c.596 0 1.096-.253 1.5-.758.404-.506.606-1.157.606-1.955 0-.915-.202-1.62-.606-2.114-.404-.495-.92-.742-1.548-.742-.553 0-1.05.224-1.491.67-.442.447-.662 1.133-.662 2.058 0 .958.212 1.67.638 2.138.425.469.946.703 1.563.703zM53.004 5.72v4.42c.574-.894 1.388-1.341 2.44-1.341 1.022 0 1.857.383 2.506 1.149.649.766.973 1.781.973 3.047 0 1.138-.309 2.109-.925 2.912-.617.803-1.463 1.205-2.537 1.205-1.075 0-1.894-.447-2.457-1.34V17h-1.58V5.72h1.58zm9.908 11.104l-3.223-7.913h1.739l1.005 2.632 1.26 3.415c.096-.32.48-1.458 1.15-3.415l.909-2.632h1.66l-2.92 7.866c-.777 2.074-1.963 3.11-3.559 3.11a2.92 2.92 0 01-.734-.079v-1.34c.17.042.351.064.543.064 1.032 0 1.755-.57 2.17-1.708z' fill='%235D6494'/%3E%3Cpath d='M89.632 5.967v-.772a.978.978 0 00-.978-.977h-2.28a.978.978 0 00-.978.977v.793c0 .088.082.15.171.13a7.127 7.127 0 011.984-.28c.65 0 1.295.088 1.917.259.082.02.164-.04.164-.13m-6.248 1.01l-.39-.389a.977.977 0 00-1.382 0l-.465.465a.973.973 0 000 1.38l.383.383c.062.061.15.047.205-.014.226-.307.472-.601.746-.874.281-.28.568-.526.883-.751.068-.042.075-.137.02-.2m4.16 2.453v3.341c0 .096.104.165.192.117l2.97-1.537c.068-.034.089-.117.055-.184a3.695 3.695 0 00-3.08-1.866c-.068 0-.136.054-.136.13m0 8.048a4.489 4.489 0 01-4.49-4.482 4.488 4.488 0 014.49-4.482 4.488 4.488 0 014.489 4.482 4.484 4.484 0 01-4.49 4.482m0-10.85a6.363 6.363 0 100 12.729 6.37 6.37 0 006.372-6.368 6.358 6.358 0 00-6.371-6.36' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-position:50%;background-size:100%;overflow:hidden;text-indent:-9000px;padding:0!important;width:100%;height:100%;display:block}.dropdown-enter,.dropdown-leave-to{height:0!important}.dropdown-wrapper{cursor:pointer}.dropdown-wrapper .dropdown-title{display:block}.dropdown-wrapper .dropdown-title:hover{border-color:transparent}.dropdown-wrapper .dropdown-title .arrow{margin-top:-1px;margin-left:.4rem;vertical-align:middle}.dropdown-wrapper .nav-dropdown .dropdown-item{line-height:1.7rem;color:inherit}.dropdown-wrapper .nav-dropdown .dropdown-item h4{margin:.45rem 0 0;padding:.45rem 1.5rem 0 1.25rem;border-top:1px solid var(--hiq-color-gray-6)}.dropdown-wrapper .nav-dropdown .dropdown-item:first-child h4{margin-top:0;padding-top:0;border-top:0}.dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subitem-wrapper{padding:0;list-style:none}.dropdown-wrapper .nav-dropdown .dropdown-item a{display:block;position:relative;margin-bottom:0;padding:0 1.5rem 0 1.25rem;border-bottom:none;line-height:1.7rem;font-weight:400}.dropdown-wrapper .nav-dropdown .dropdown-item a:hover{color:var(--hiq-color-primary)}.dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active{color:var(--hiq-color-primary)}.dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active:after{position:absolute;top:calc(50% - 2px);left:9px;width:0;height:0;border-top:3px solid transparent;border-bottom:3px solid transparent;border-left:5px solid var(--hiq-color-primary);content:""}@media (max-width:719px){.dropdown-wrapper.open .dropdown-title{margin-bottom:.5rem}.dropdown-wrapper .nav-dropdown{overflow:hidden;transition:height .1s ease-out}.dropdown-wrapper .nav-dropdown .dropdown-item h4{margin-top:0;padding-top:0;border-top:0}.dropdown-wrapper .nav-dropdown .dropdown-item>a,.dropdown-wrapper .nav-dropdown .dropdown-item h4{line-height:2rem}.dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subitem{padding-left:1rem}}@media (min-width:719px){.dropdown-wrapper{height:1.8rem}.dropdown-wrapper:hover .nav-dropdown{display:block!important}.dropdown-wrapper .dropdown-title .arrow{border-top:6px solid var(--hiq-color-gray-6);border-right:4px solid transparent;border-bottom:0;border-left:4px solid transparent}.dropdown-wrapper .nav-dropdown{display:none;position:absolute;top:100%;right:0;height:auto!important;max-height:calc(100vh - 2.7rem);overflow-y:auto;margin:0;padding:.6rem 0;background-color:#fff;border-bottom-color:var(--hiq-color-gray-6);border:1px solid var(--hiq-color-gray-6);border-radius:.2rem;text-align:left;white-space:nowrap}}.nav-links{display:inline-block}.nav-links a{font-weight:var(--hiq-font-weight-medium);line-height:1.4rem;color:var(--hiq-text-color)!important}.nav-links .nav-item{display:inline-block;position:relative;margin-left:1.125rem;line-height:2rem}.nav-links .repo-link{margin-left:1.125rem}.version-number{margin-left:1rem;font-weight:var(--hiq-font-weight-medium)}@media (min-width:719px){.nav-links a.router-link-active,.nav-links a:hover{color:var(--hiq-text-color)}.nav-item>a:not(.external).router-link-active,.nav-item>a:not(.external):hover{margin-bottom:-2px;border-bottom:2px solid var(--hiq-color-primary)}}@media (max-width:719px){.version-number{display:none}}.navbar{position:fixed;top:0;left:0;right:0;z-index:20;height:var(--navbar-height);padding:.5rem 1.5rem;box-shadow:0 2px 8px 0 rgba(0,0,0,.1);background-color:#fff;line-height:calc(var(--navbar-height) - 1rem)}.navbar a,.navbar img,.navbar span{display:inline-block}.navbar a{box-shadow:none!important}.navbar .logo{min-width:2.6rem;height:2.6rem;margin-right:.8rem;vertical-align:top}.navbar .site-name{position:relative;font-size:1.3rem;font-weight:600;color:var(--hiq-text-color)}.links{position:absolute;font-size:.9rem;top:.5rem;right:1.5rem}@media (max-width:719px){.navbar{padding-left:4rem}.navbar .can-hide{display:none}}.page{padding-bottom:2rem;padding-left:var(--sidebar-width)}.page-edit{padding-top:1rem;padding-bottom:1rem;overflow:auto}.page-edit .last-updated{float:right;font-size:var(--hiq-font-size-small)}.page-edit .last-updated .prefix{font-weight:var(--hiq-font-weight-medium);color:var(--hiq-color-gray-4)}.page-edit .last-updated .time{font-weight:var(--hiq-font-weight-normal);color:var(--hiq-color-gray-5)}.page-nav{padding-top:1rem;padding-bottom:0}.page-nav .inner{min-height:2rem;overflow:auto;margin-top:0;padding-top:1rem;border-top:1px solid var(--hiq-color-gray-6)}.page-nav .next{float:right}@media (max-width:959px){.page{padding-left:var(--mobile-sidebar-width)}}@media (min-width:720px){.theme-container.no-sidebar .page{padding-left:0}}@media (max-width:719px){.page{padding-left:0}.page-edit .last-updated{float:none;font-size:var(--hiq-font-size-small);text-align:left}}.sidebar .sidebar-sub-headers{padding-left:1rem}a.sidebar-link{display:inline-block;width:100%;padding:.35rem 1rem .35rem 1.25rem;border-left:.25rem solid transparent;box-shadow:none!important;line-height:1.4;font-weight:var(--hiq-font-weight-normal)}a.sidebar-link,a.sidebar-link:visited{color:var(--hiq-color-gray-3)}a.sidebar-link:hover,a.sidebar-link:visited:focus,a.sidebar-link:visited:hover{color:var(--hiq-color-primary)}a.sidebar-link.active{border-left-color:var(--hiq-color-primary);font-weight:var(--hiq-font-weight-semibold);color:var(--hiq-color-primary)}.sidebar-group a.sidebar-link{padding-left:2rem}.sidebar-sub-headers a.sidebar-link{padding-top:.25rem;padding-bottom:.25rem;border-left:none}.sidebar-sub-headers a.sidebar-link.active{font-weight:var(--hiq-font-weight-medium)}.sidebar-group:not(.first){margin-top:1rem}.sidebar-group:not(.collapsable) .sidebar-heading{color:inherit;cursor:auto}.sidebar-group .sidebar-group{padding-left:.5rem}.sidebar-heading{margin-top:0;margin-bottom:.5rem;padding:0 1.5rem;font-weight:var(--hiq-font-weight-bold);color:var(--hiq-text-color);transition:color .15s ease;cursor:pointer}.sidebar-heading.open,.sidebar-heading:hover{color:inherit}.sidebar-heading .arrow{position:relative;top:-.12rem;left:.5rem}.sidebar-heading .open .arrow{top:-.18rem}.sidebar-group-items{overflow:hidden;transition:height .1s ease-out}.sidebar-mask{display:none;position:fixed;top:0;left:0;z-index:9;width:100vw;height:100vh}.theme-container.sidebar-open .sidebar-mask{display:block}.sidebar{position:fixed;top:var(--navbar-height);bottom:0;left:0;z-index:10;width:var(--sidebar-width);overflow-y:auto;margin:0;border-right:1px solid var(--hiq-color-gray-6);background-color:#fff}.theme-container.sidebar-open .sidebar{top:0}.sidebar ul{margin:0;padding:0;list-style-type:none}.sidebar a{display:inline-block}.sidebar .nav-links{display:none;padding:.5rem 0 .75rem;border-bottom:1px solid var(--hiq-color-gray-6)}.sidebar .nav-links a{font-weight:var(--hiq-font-weight-semibold)}.sidebar .nav-links .nav-item,.sidebar .nav-links .repo-link{display:block;padding:.5rem 0 .5rem 1.5rem;line-height:1.25rem}.sidebar .sidebar-links{padding:1.5rem 0}@media (max-width:959px){.sidebar{width:var(--mobile-sidebar-width)}}@media (min-width:720px){.theme-container.no-sidebar .sidebar{display:none}}@media (max-width:719px){.sidebar{top:0;padding-top:var(--navbar-height);transform:translateX(-100%);transition:transform .2s ease}.theme-container.sidebar-open .sidebar{transform:translateX(0)}.theme-container.no-navbar .sidebar{padding-top:0}.sidebar .nav-links{display:block}.sidebar .nav-links .dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active:after{top:calc(1rem - 2px)}.sidebar .sidebar-links{padding:1rem 0}}.is-unselectable{-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-select:none}.overflow-touch{-webkit-overflow-scrolling:touch}.is-stretched{position:absolute;top:0;left:0;width:100%;height:100%}.is-visually-hidden{clip:rect(0 0 0 0);position:absolute;width:1px;height:1px;overflow:hidden;margin:-1px;padding:0;border:0;white-space:nowrap}.has-text-truncated{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.is-clipped{overflow:hidden!important}body,html{margin:0;padding:0}html{box-sizing:border-box;min-width:300px;overflow-x:hidden;overflow-y:scroll;background-color:var(--hiq-html-background-color,#fff);-webkit-tap-highlight-color:rgba(0,0,0,0)}*,:after,:before{box-sizing:inherit}body{background-color:var(--hiq-body-background-color,#fff)}[role=button],a,area,button,input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}[tabindex="-1"]:focus{outline:none!important}p{margin:0 0 var(--hiq-block-element-margin-bottom,1rem);padding:0}address{margin-bottom:var(--hiq-block-element-margin-bottom,1rem);font-style:normal;line-height:inherit}blockquote{--blockquote-font-size:var(--hiq-blockquote-font-size,var(--hiq-font-size-large,var(--hiq-font-size-4,1.5rem)));--blockquote-line-height:var(--hiq-blockquote-line-height,var(--hiq-heading-line-height,1.4));--blockquote-citation-color:var(--hiq-blockquote-citation-color,var(--hiq-color-gray-5,#999));margin:0 0 var(--hiq-block-element-margin-bottom,1rem);padding:0;color:var(--hiq-text-color,var(--hiq-color-gray-2,#17191c))}blockquote p{margin-bottom:0;font-size:var(--blockquote-font-size);line-height:var(--blockquote-line-height)}blockquote cite{display:block;margin-top:.25rem;color:var(--blockquote-citation-color)}blockquote cite:before{content:"\2014 \00A0"}cite{font-style:normal}details{margin-bottom:var(--hiq-block-element-margin-bottom,1rem)}summary{display:list-item}summary:focus{outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem)}html{-webkit-text-size-adjust:100%;text-rendering:var(--hiq-text-rendering,optimizeLegibility);font-family:var(--hiq-font-family-base,-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif);font-size:calc(var(--hiq-unitless-min-font-size, 15)*1px);font-weight:var(--hiq-font-weight-base,var(--hiq-font-weight-normal,400));letter-spacing:var(--hiq-letter-spacing-base,0);line-height:var(--hiq-line-height-base,1.5)}@media (min-width:460px){html{font-size:calc(var(--hiq-unitless-min-font-size, 15)*1px + (var(--hiq-unitless-max-font-size, 16) - var(--hiq-unitless-min-font-size, 15))*(100vw - var(--hiq-unitless-lower-font-range, 460)*1px)/(var(--hiq-unitless-upper-font-range, 900) - var(--hiq-unitless-lower-font-range, 460)))}}@media (min-width:900px){html{font-size:calc(var(--hiq-unitless-max-font-size, 16)*1px)}}body{text-align:left;color:var(--hiq-text-color,var(--hiq-color-gray-2,#17191c))}h1,h2,h3,h4,h5,h6{margin:0 0 var(--hiq-block-element-margin-bottom,1rem);padding:0;font-weight:var(--hiq-heading-font-weight,var(--hiq-font-weight-medium,500));line-height:var(--hiq-heading-line-height,1.2)}hr{--horizontal-rule-height:var(--hiq-horizontal-rule-height,1px);--horizontal-rule-color:var(--hiq-horizontal-rule-color,var(--hiq-color-gray-6,#e3e5e8));box-sizing:content-box;height:var(--horizontal-rule-height);overflow:visible;margin-top:var(--hiq-block-element-margin-bottom,1rem);margin-bottom:var(--hiq-block-element-margin-bottom,1rem);padding:0;border:0;background-color:var(--horizontal-rule-color)}abbr[title]{border-bottom:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help}dfn{font-style:italic}mark{background-color:var(--hiq-mark-color,#fcf8e3)}del{background-color:var(--hiq-deleted-color,#f95da8)}ins{background-color:var(--hiq-inserted-color,#e5f2ff)}a{--link-text-decoration:var(--hiq-link-text-decoration,none);--link-color:var(--hiq-link-color,var(--hiq-color-primary,#007fff));--link-hover-color:var(--hiq-link-hover-color,#06c);--link-active-color:var(--hiq-link-active-color,#06c);--link-visited-color:var(--hiq-link-visited-color,var(--hiq-link-color,var(--hiq-color-primary,#007fff)));--link-visited-hover-color:var(--hiq-link-visited-hover-color,var(--hiq-link-hover-color,#06c));--link-visited-active-color:var(--hiq-link-visited-active-color,var(--hiq-link-active-color,#06c));background-color:transparent;-webkit-text-decoration:var(--link-text-decoration);text-decoration:var(--link-text-decoration);-webkit-text-decoration-skip:objects;color:var(--link-color);transition:color var(--hiq-speed,.1s) var(--hiq-easing,ease-out);cursor:pointer}a:focus,a:hover{color:var(--link-hover-color)}a:focus{outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem)}a:active{color:var(--link-active-color)}a:visited{color:var(--link-visited-color)}a:visited:focus,a:visited:hover{color:var(--link-visited-hover-color)}a:visited:active{color:var(--link-visited-active-color)}ol,ul{--list-margin-left:var(--hiq-list-margin-left,1rem);margin:0 0 var(--hiq-block-element-margin-bottom,1rem);padding:0 0 0 var(--list-margin-left)}ul{--unordered-list-style:var(--hiq-unordered-list-style,disc);list-style:var(--unordered-list-style)}ul ul{margin-bottom:0}li{margin:0;padding:0}.is-unstyled{padding-left:0;list-style:none}dl{margin:0 0 var(--hiq-block-element-margin-bottom,1rem);padding:0}dt{--description-list-title-font-weight:var(--hiq-description-list-title-font-weight,var(--hiq-font-weight-semibold,600));font-weight:var(--description-list-title-font-weight)}dd,dt{margin:0;padding:0}dd:not(:last-child){margin-bottom:var(--hiq-block-element-margin-bottom,1rem)}::-moz-selection{background-color:var(--hiq-selection-color,#cce5ff);text-shadow:none}::-moz-selection,::selection{background-color:var(--hiq-selection-color,#cce5ff);text-shadow:none}.is-size-1,h1{font-size:var(--hiq-font-size-1,2.5rem)}@supports (font-size:clamp(1px,1px,1px)){.is-size-1,h1{font-size:clamp(var(--hiq-min-font-size-1,1px),var(--hiq-font-size-1,2.5rem),var(--hiq-max-font-size-1,var(--hiq-font-size-1,2.5rem)))}}.is-size-2,h2{font-size:var(--hiq-font-size-2,2rem)}@supports (font-size:clamp(1px,1px,1px)){.is-size-2,h2{font-size:clamp(var(--hiq-min-font-size-2,1px),var(--hiq-font-size-2,2rem),var(--hiq-max-font-size-2,var(--hiq-font-size-2,2rem)))}}.is-size-3,h3{font-size:var(--hiq-font-size-3,1.75rem)}@supports (font-size:clamp(1px,1px,1px)){.is-size-3,h3{font-size:clamp(var(--hiq-min-font-size-3,1px),var(--hiq-font-size-3,1.75rem),var(--hiq-max-font-size-3,var(--hiq-font-size-3,1.75rem)))}}.is-size-4,h4{font-size:var(--hiq-font-size-4,1.5rem)}@supports (font-size:clamp(1px,1px,1px)){.is-size-4,h4{font-size:clamp(var(--hiq-min-font-size-4,1px),var(--hiq-font-size-4,1.5rem),var(--hiq-max-font-size-4,var(--hiq-font-size-4,1.5rem)))}}.is-size-5,h5{font-size:var(--hiq-font-size-5,1rem)}@supports (font-size:clamp(1px,1px,1px)){.is-size-5,h5{font-size:clamp(var(--hiq-min-font-size-5,1px),var(--hiq-font-size-5,1rem),var(--hiq-max-font-size-5,var(--hiq-font-size-5,1rem)))}}.is-size-6,h6{font-size:var(--hiq-font-size-6,.875rem)}@supports (font-size:clamp(1px,1px,1px)){.is-size-6,h6{font-size:clamp(var(--hiq-min-font-size-6,1px),var(--hiq-font-size-6,.875rem),var(--hiq-max-font-size-6,var(--hiq-font-size-6,.875rem)))}}.is-large{font-size:var(--hiq-font-size-large,var(--hiq-font-size-4,1.5rem))}.is-small,small{font-size:var(--hiq-font-size-small,var(--hiq-font-size-6,.875rem))}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}b,strong{font-weight:var(--hiq-font-weight-bold,700)}.button,[role=button],[type=button],[type=reset],[type=submit],button{--button-height:var(--hiq-button-height,2.25rem);--button-vertical-padding:var(--hiq-button-vertical-padding,0);--button-horizontal-padding:var(--hiq-button-horizontal-padding,1rem);--button-border-width:var(--hiq-button-border-width,1px);--button-border-color:var(--hiq-button-border-color,var(--hiq-color-primary,#007fff));--button-border-radius:var(--hiq-button-border-radius,var(--hiq-border-radius,0.2rem));--button-background-color:var(--hiq-button-background-color,var(--hiq-color-primary,#007fff));--button-font-weight:var(--hiq-button-font-weight,var(--hiq-font-weight-medium,500));--button-text-color:var(--hiq-button-text-color,#fff);--button-hover-border-color:var(--hiq-button-hover-border-color,#06c);--button-hover-background-color:var(--hiq-button-hover-background-color,#06c);--button-hover-text-color:var(--hiq-button-hover-text-color,#fff);--button-active-border-color:var(--hiq-button-active-border-color,#004c99);--button-active-background-color:var(--hiq-button-active-background-color,#004c99);--button-active-text-color:var(--hiq-button-active-text-color,#fff);box-shadow:none;outline:none;-moz-appearance:none;-webkit-appearance:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-select:none;display:inline-flex;align-items:center;justify-content:center;width:auto;height:var(--button-height);margin:0;padding:var(--button-vertical-padding) var(--button-horizontal-padding);border:var(--button-border-width) solid var(--button-border-color);border-radius:var(--button-border-radius);background-color:var(--button-background-color);font-family:inherit;font-size:inherit;font-weight:var(--button-font-weight);line-height:inherit;text-decoration:none;color:var(--button-text-color);transition:border-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),background-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out);cursor:pointer}.button:focus,.button:hover,.button:visited:focus,.button:visited:hover,[role=button]:focus,[role=button]:hover,[role=button]:visited:focus,[role=button]:visited:hover,[type=button]:focus,[type=button]:hover,[type=button]:visited:focus,[type=button]:visited:hover,[type=reset]:focus,[type=reset]:hover,[type=reset]:visited:focus,[type=reset]:visited:hover,[type=submit]:focus,[type=submit]:hover,[type=submit]:visited:focus,[type=submit]:visited:hover,button:focus,button:hover,button:visited:focus,button:visited:hover{border-color:var(--button-hover-border-color);background-color:var(--button-hover-background-color);color:var(--button-hover-text-color)}.button:active,.button:focus,[role=button]:active,[role=button]:focus,[type=button]:active,[type=button]:focus,[type=reset]:active,[type=reset]:focus,[type=submit]:active,[type=submit]:focus,button:active,button:focus{outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem)}.button:active,.button:visited:active,[role=button]:active,[role=button]:visited:active,[type=button]:active,[type=button]:visited:active,[type=reset]:active,[type=reset]:visited:active,[type=submit]:active,[type=submit]:visited:active,button:active,button:visited:active{border-color:var(--button-active-border-color);background-color:var(--button-active-background-color);color:var(--button-active-text-color)}.button:visited,[role=button]:visited,[type=button]:visited,[type=reset]:visited,[type=submit]:visited,button:visited{color:var(--button-text-color)}.button:disabled,.button[aria-disabled],[role=button]:disabled,[role=button][aria-disabled],[type=button]:disabled,[type=button][aria-disabled],[type=reset]:disabled,[type=reset][aria-disabled],[type=submit]:disabled,[type=submit][aria-disabled],button:disabled,button[aria-disabled]{border-color:var(--hiq-disabled-border-color,transparent);background-color:var(--hiq-disabled-background-color,var(--hiq-color-gray-7,#f1f2f4));color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3));cursor:not-allowed}::-webkit-file-upload-button{--button-height:var(--hiq-button-height,2.25rem);--button-vertical-padding:var(--hiq-button-vertical-padding,0);--button-horizontal-padding:var(--hiq-button-horizontal-padding,1rem);--button-border-width:var(--hiq-button-border-width,1px);--button-border-color:var(--hiq-button-border-color,var(--hiq-color-primary,#007fff));--button-border-radius:var(--hiq-button-border-radius,var(--hiq-border-radius,0.2rem));--button-background-color:var(--hiq-button-background-color,var(--hiq-color-primary,#007fff));--button-font-weight:var(--hiq-button-font-weight,var(--hiq-font-weight-medium,500));--button-text-color:var(--hiq-button-text-color,#fff);--button-hover-border-color:var(--hiq-button-hover-border-color,#06c);--button-hover-background-color:var(--hiq-button-hover-background-color,#06c);--button-hover-text-color:var(--hiq-button-hover-text-color,#fff);--button-active-border-color:var(--hiq-button-active-border-color,#004c99);--button-active-background-color:var(--hiq-button-active-background-color,#004c99);--button-active-text-color:var(--hiq-button-active-text-color,#fff);box-shadow:none;outline:none;-moz-appearance:none;-webkit-appearance:none;user-select:none;-webkit-touch-callout:none;-webkit-user-select:none;display:inline-flex;align-items:center;justify-content:center;width:auto;height:var(--button-height);margin:0;padding:var(--button-vertical-padding) var(--button-horizontal-padding);border:var(--button-border-width) solid var(--button-border-color);border-radius:var(--button-border-radius);background-color:var(--button-background-color);font-family:inherit;font-size:inherit;font-weight:var(--button-font-weight);line-height:inherit;text-decoration:none;color:var(--button-text-color);-webkit-transition:border-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),background-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out);transition:border-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),background-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out);cursor:pointer}::-webkit-file-upload-button:focus,::-webkit-file-upload-button:hover,::-webkit-file-upload-button:visited:focus,::-webkit-file-upload-button:visited:hover{border-color:var(--button-hover-border-color);background-color:var(--button-hover-background-color);color:var(--button-hover-text-color)}::-webkit-file-upload-button:active,::-webkit-file-upload-button:focus{outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem)}::-webkit-file-upload-button:active,::-webkit-file-upload-button:visited:active{border-color:var(--button-active-border-color);background-color:var(--button-active-background-color);color:var(--button-active-text-color)}::-webkit-file-upload-button:visited{color:var(--button-text-color)}::-webkit-file-upload-button:disabled,::-webkit-file-upload-button[aria-disabled]{border-color:var(--hiq-disabled-border-color,transparent);background-color:var(--hiq-disabled-background-color,var(--hiq-color-gray-7,#f1f2f4));color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3));cursor:not-allowed}fieldset[disabled] [role=button]{pointer-events:none}code,kbd,pre,samp{--code-font-size:var(--hiq-code-font-size,var(--hiq-font-size-small,var(--hiq-font-size-6,0.875rem)));font-family:var(--hiq-font-family-monospace,Menlo,Monaco,Consolas,"Courier New",monospace);font-size:var(--code-font-size)}code{--code-padding-vertical:var(--hiq-code-padding-vertical,0.2rem);--code-padding-horizontal:var(--hiq-code-padding-horizontal,0.4rem);--code-border-color:var(--hiq-code-border-color,var(--hiq-color-gray-6,#e3e5e8));--code-background-color:var(--hiq-code-background-color,var(--hiq-color-gray-7,#f1f2f4));--code-text-color:var(--hiq-code-text-color,var(--hiq-text-color,var(--hiq-color-gray-3,#2e3138)));padding:var(--code-padding-vertical) var(--code-padding-horizontal);border-radius:var(--hiq-border-radius,.2rem);background-color:var(--code-background-color);white-space:pre;color:var(--code-text-color)}:not(pre)>code{border:1px solid var(--code-border-color)}a code{padding:0;border:0;background-color:inherit;color:inherit}kbd{--kbd-padding-vertical:var(--hiq-kbd-padding-vertical,0.2rem);--kbd-padding-horizontal:var(--hiq-kbd-padding-horizontal,0.4rem);--kbd-border-color:var(--hiq-kbd-border-color,var(--hiq-color-gray-6,#e3e5e8));--kbd-background-color:var(--hiq-kbd-background-color,transparent);--kbd-text-color:var(--hiq-kbd-text-color,var(--hiq-text-color,var(--hiq-color-gray-3,#2e3138)));--nested-kbd-font-weight:var(--hiq-nested-kbd-font-weight,var(--hiq-font-weight-medium,600));padding:var(--kbd-padding-vertical) var(--kbd-padding-horizontal);border:1px solid var(--kbd-border-color);border-radius:var(--hiq-border-radius,.2rem);background-color:var(--kbd-background-color);color:var(--kbd-text-color)}kbd kbd{padding:0;border:0;font-weight:var(--nested-kbd-font-weight)}pre{--pre-padding-vertical:var(--hiq-pre-padding-vertical,var(--hiq-code-padding-vertical,1.25rem));--pre-padding-horizontal:var(--hiq-pre-padding-horizontal,var(--hiq-code-padding-horizontal,1.5rem));--pre-border-color:var(--hiq-pre-border-color,var(--hiq-color-gray-6,#e3e5e8));--pre-background-color:var(--hiq-pre-background-color,transparent);--pre-text-color:var(--hiq-pre-text-color,var(--hiq-color-gray-4,#5c6370));-webkit-overflow-scrolling:touch;overflow-x:auto;margin:0 0 var(--hiq-block-element-margin-bottom,1rem);padding:var(--pre-padding-vertical) var(--pre-padding-horizontal);border:1px solid var(--pre-border-color);border-radius:var(--hiq-border-radius,.2rem);background-color:var(--pre-background-color);-moz-tab-size:1.5rem;-o-tab-size:1.5rem;tab-size:1.5rem;word-wrap:normal;color:var(--pre-text-color)}pre,pre code{white-space:pre-wrap}pre code{padding:0;border-radius:0;background-color:transparent;font-size:inherit;color:inherit}dialog{--dialog-border-radius:var(--hiq-dialog-border-radius,var(--hiq-border-radius,0.2rem));border:0;border-radius:var(--dialog-border-radius)}embed,img,object,video{max-width:100%;height:auto}figure{margin:0 0 var(--hiq-block-element-margin-bottom,1rem);padding:0}figcaption{--figcaption-margin-top:var(--hiq-figcaption-margin-top,0.5rem);--figcaption-font-weight:var(--hiq-figcaption-font-weight,var(--hiq-font-weight-normal,400));--figcaption-text-color:var(--hiq-figcaption-text-color,var(--hiq-color-gray-5,#999));margin-top:var(--figcaption-margin-top);font-weight:var(--figcaption-font-weight);color:var(--figcaption-text-color)}img{--image-border-radius:var(--hiq-image-border-radius,var(--hiq-border-radius,0.2rem));display:block;border-style:none;border-radius:var(--image-border-radius);vertical-align:middle}svg:not(:root){overflow:hidden}video:focus{outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem)}audio{max-width:100%}iframe{margin:0;padding:0;border:0}meter{--meter-background-color:var(--hiq-meter-background-color,var(--hiq-color-gray-6,#e3e5e8));--meter-strong-color:var(--hiq-meter-strong-color,var(--hiq-color-success,#21d492));--meter-good-color:var(--hiq-meter-good-color,var(--hiq-color-warning,#fcd34a));--meter-weak-color:var(--hiq-meter-weak-color,var(--hiq-color-danger,#fa3d56));width:100%;border:0;background:var(--meter-background-color);-webkit-appearance:none;-moz-appearance:none;appearance:none}meter::-webkit-meter-inner-element{display:block}meter::-webkit-meter-bar{height:1rem;border:0;border-radius:0;background:var(--meter-background-color)}meter::-moz-meter-bar{background:var(--meter-background-color)}meter::-webkit-meter-optimum-value{background:var(--meter-strong-color)}meter:-moz-meter-optimum::-moz-meter-bar{background:var(--meter-strong-color)}meter::-webkit-meter-suboptimum-value{background:var(--meter-good-color)}meter:-moz-meter-sub-optimum::-moz-meter-bar{background:var(--meter-good-color)}meter::-webkit-meter-even-less-good-value{background:var(--meter-weak-color)}meter:-moz-meter-sub-sub-optimum::-moz-meter-bar{background:var(--meter-weak-color)}progress{--progress-background-color:var(--hiq-progress-background-color,var(--hiq-color-gray-6,#e3e5e8));--progress-filled-color:var(--hiq-progress-filled-color,var(--hiq-color-primary,#007fff));position:relative;width:100%;border:none;vertical-align:baseline;-webkit-appearance:none;-moz-appearance:none}progress[value]{height:1rem}progress::-webkit-progress-bar{background-color:var(--progress-background-color)}progress::-webkit-progress-value{background-color:var(--progress-filled-color)}progress::-moz-progress-bar{background-color:var(--progress-filled-color)}progress:indeterminate:after{position:absolute;top:0;left:0;width:100%;height:100%;display:block;background-color:var(--progress-filled-color);background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-size:1rem 1rem;-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite;content:""}progress:indeterminate::-webkit-progress-bar{position:absolute;top:0;left:0;width:100%;height:100%;display:block;background-color:var(--progress-filled-color);background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-size:1rem 1rem;-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite;content:""}progress:indeterminate::-moz-progress-bar{position:absolute;top:0;left:0;width:100%;height:100%;display:block;background-color:var(--progress-filled-color);background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-size:1rem 1rem;animation:progress-bar-stripes 1s linear infinite;content:""}@-webkit-keyframes progress-bar-stripes{0%{background-position:1rem 0}to{background-position:0 0}}@keyframes progress-bar-stripes{0%{background-position:1rem 0}to{background-position:0 0}}table{--table-head-border-width:var(--hiq-table-head-border-width,var(--hiq-table-cell-border-width,1px));--table-foot-border-width:var(--hiq-table-foot-border-width,var(--hiq-table-cell-border-width,1px));--table-cell-padding-vertical:var(--hiq-table-cell-padding-vertical,0.5rem);--table-cell-padding-horizontal:var(--hiq-table-cell-padding-horizontal,0.75rem);--table-cell-border-width:var(--hiq-table-cell-border-width,1px);--table-cell-border-color:var(--hiq-table-cell-border-color,var(--hiq-color-gray-6,#e3e5e8));--table-heading-background-color:var(--hiq-table-heading-background-color,var(--hiq-color-gray-7,#f1f2f4));--table-heading-font-weight:var(--hiq-table-heading-font-weight,var(--hiq-font-weight-medium,500));--table-heading-text-color:var(--hiq-table-heading-text-color,var(--hiq-color-gray-4,#5c6370));--table-caption-padding-vertical:var(--hiq-table-caption-padding-vertical,0.75rem);--table-caption-font-weight:var(--hiq-table-caption-font-weight,var(--hiq-font-weight-normal,400));--table-caption-text-color:var(--hiq-table-caption-text-color,var(--hiq-color-gray-5,#999));width:100%;max-width:100%;margin:0 0 var(--hiq-block-element-margin-bottom,1rem);border-collapse:collapse;border-spacing:0}caption{caption-side:bottom}caption,td,th{text-align:inherit}td,th{padding:var(--table-cell-padding-vertical) var(--table-cell-padding-horizontal);border-top:var(--table-cell-border-width) solid var(--table-cell-border-color);vertical-align:top}thead td,thead th{border-top:0;border-bottom:var(--table-head-border-width) solid var(--hiq-table-cell-border-color);vertical-align:bottom}tfoot td,tfoot th{border-top:var(--table-foot-border-width) solid var(--hiq-table-cell-border-color);vertical-align:top}th{background-color:var(--table-heading-background-color);font-weight:var(--table-heading-font-weight);color:var(--table-heading-text-color)}tbody+tbody{border-top:var(--hiq-table-head-border-width,var(--hiq-table-cell-border-width,1px)) solid var(--hiq-table-cell-border-color,var(--hiq-color-gray-6,#e3e5e8))}table caption{padding:var(--table-caption-padding-vertical) 0;font-weight:var(--table-caption-font-weight);color:var(--table-caption-text-color)}fieldset{--fieldset-padding-vertical:var(--hiq-fieldset-padding-vertical,0);--fieldset-padding-horizontal:var(--hiq-fieldset-padding-horizontal,0);--fieldset-border-width:var(--hiq-fieldset-border-width,0);--fieldset-border-color:var(--hiq-fieldset-border-color,transparent);min-width:0;margin:0 0 var(--hiq-block-element-margin-bottom,1rem);padding:var(--fieldset-padding-vertical) var(--fieldset-padding-horizontal);border:var(--fieldset-border-width) solid var(--fieldset-border-color)}legend{--legend-margin-bottom:var(--hiq-legend-margin-bottom,0.5rem);--legend-font-weight:var(--hiq-legend-font-weight,var(--hiq-font-weight-semibold,600));width:100%;max-width:100%;margin:0 0 var(--legend-margin-bottom);font-weight:var(--legend-font-weight);line-height:inherit;white-space:normal;color:inherit}label,legend{display:block;padding:0}label{--label-margin-bottom:var(--hiq-label-margin-bottom,0.25rem);--label-font-weight:var(--hiq-label-font-weight,var(--hiq-font-weight-medium,500));margin:0 0 var(--label-margin-bottom);font-weight:var(--label-font-weight)}output{display:inline-block}.checkbox{--checkbox-margin-bottom:var(--hiq-checkbox-margin-bottom,0.5rem);--checkbox-label-padding-horizontal:var(--hiq-checkbox-label-padding-horizontal,1.5rem);--checkbox-label-font-weight:var(--hiq-checkbox-label-font-weight,var(--hiq-font-weight-normal,400));--checkbox-width:var(--hiq-checkbox-width,1rem);--checkbox-height:var(--hiq-checkbox-height,1rem);--checkbox-border-width:var(--hiq-checkbox-border-width,1px);--checkbox-border-color:var(--hiq-checkbox-border-color,transparent);--checkbox-border-radius:var(--hiq-checkbox-border-radius,var(--hiq-border-radius,0.2rem));--checkbox-background-color:var(--hiq-checkbox-background-color,var(--hiq-color-gray-6,#e3e5e8));--checkbox-hover-background-color:var(--hiq-checkbox-hover-background-color,var(--hiq-checkbox-background-color,var(--hiq-color-gray-6,#e3e5e8)));--checkbox-focus-background-color:var(--hiq-checkbox-focus-background-color,var(--hiq-checkbox-background-color,var(--hiq-color-gray-6,#e3e5e8)));--checkbox-checked-border-color:var(--hiq-checkbox-checked-border-color,var(--hiq-color-primary,#007fff));--checkbox-checked-background-color:var(--hiq-checkbox-checked-background-color,var(--hiq-color-primary,#007fff));--checkbox-check-width:var(--hiq-checkbox-check-width,0.25rem);--checkbox-check-height:var(--hiq-checkbox-check-height,0.5rem);--checkbox-check-color:var(--hiq-checkbox-check-color,#fff);--checkbox-check-border-width:var(--hiq-checkbox-check-border-width,2px);--checkbox-indeterminate-width:var(--hiq-checkbox-indeterminate-width,0.5rem);position:relative}.checkbox label{position:relative;margin-bottom:var(--checkbox-margin-bottom);padding:0 var(--checkbox-label-padding-horizontal);font-weight:var(--checkbox-label-font-weight)!important;line-height:1;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.checkbox label:before{display:block;position:absolute;top:0;left:0;width:var(--checkbox-width);height:var(--checkbox-height);border:var(--checkbox-border-width) solid var(--checkbox-border-color);border-radius:var(--checkbox-border-radius);background-color:var(--checkbox-background-color);transition:background-color var(--hiq-speed,.2s) var(--hiq-easing,ease-out);content:""}.checkbox input[type=checkbox]{position:absolute;top:0;left:0;width:0;height:0;opacity:0;pointer-events:none}.checkbox input[type=checkbox]:hover+label:before{background-color:var(--checkbox-hover-background-color)}.checkbox input[type=checkbox]:focus+label:before{background-color:var(--checkbox-focus-background-color);outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem)}.checkbox input[type=checkbox]:checked+label:before,.checkbox input[type=checkbox]:indeterminate+label:before,.checkbox input[type=checkbox][aria-checked]+label:before{border-color:var(--checkbox-checked-border-color);background-color:var(--checkbox-checked-background-color)}.checkbox input[type=checkbox]:checked+label:after,.checkbox input[type=checkbox][aria-checked]+label:after{display:block;position:absolute;top:50%;left:calc(var(--checkbox-width)/2);width:var(--checkbox-check-width);height:var(--checkbox-check-height);border:solid var(--checkbox-check-color);border-left-width:0;border-bottom-width:var(--checkbox-check-border-width);border-right-width:var(--checkbox-check-border-width);border-top-width:0;transform:rotate(45deg) translate(-50%,-50%);transform-origin:50% 0;content:""}.checkbox input[type=checkbox]:indeterminate+label:after{display:block;position:absolute;top:50%;left:calc(var(--checkbox-width)/2);width:var(--checkbox-indeterminate-width);height:var(--checkbox-check-border-width);background-color:var(--checkbox-check-color);transform:translate(-50%,-50%);content:""}.checkbox input[type=checkbox]:disabled+label,.checkbox input[type=checkbox][aria-disabled]+label,.checkbox input[type=checkbox][readonly]+label{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}.checkbox input[type=checkbox]:disabled,.checkbox input[type=checkbox][aria-disabled]{cursor:not-allowed}.checkbox input[type=checkbox]:disabled+label:before,.checkbox input[type=checkbox][aria-disabled]+label:before,.checkbox input[type=checkbox][readonly]+label:before{background-color:var(--hiq-disabled-background-color,var(--hiq-color-gray-7,#f1f2f4))}input[type=color]{--color-input-background-color:var(--hiq-color-input-background-color,var(--hiq-color-gray-6,#e3e5e8));padding:0;border:0;border-radius:.2rem;background:var(--color-input-background-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}input[type=color]:focus{outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem)}input[type=color]:disabled,input[type=color][aria-disabled]{cursor:not-allowed}input[type=color]::-webkit-color-swatch-wrapper{padding:.25rem}input[type=color]::-webkit-color-swatch{border:0;border-radius:.1rem}input[type=color]::-moz-color-swatch{border:0;border-radius:.1rem}input[list]{--input-border-width:var(--hiq-input-border-width,1px);--input-border-color:var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8));--input-border-radius:var(--hiq-input-border-radius,var(--hiq-border-radius,0.2rem));--input-background-color:var(--hiq-input-background-color,#fff);--input-text-color:var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,#17191c)));--input-placeholder-color:var(--hiq-input-placeholder-color,var(--hiq-color-gray-4,#5c6370));--input-hover-border-color:var(--hiq-input-hover-border-color,var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8)));--input-hover-background-color:var(--hiq-input-hover-background-color,var(--hiq-input-background-color,#fff));--input-hover-text-color:var(--hiq-input-hover-text-color,var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,#17191c))));--input-focus-border-color:var(--hiq-input-focus-border-color,var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8)));--input-focus-background-color:var(--hiq-input-focus-background-color,var(--hiq-input-background-color,#fff));--input-focus-text-color:var(--hiq-input-focus-text-color,var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,#17191c))));--input-invalid-border-color:var(--hiq-input-invalid-border-color,var(--hiq-color-danger,#fa3d56));--input-valid-border-color:var(--hiq-input-valid-border-color,var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8)));box-shadow:none;outline:none;-moz-appearance:none;-webkit-appearance:none;margin:0;border:var(--input-border-width) solid var(--input-border-color);border-radius:var(--input-border-radius);background-color:var(--input-background-color);font-family:inherit;font-size:inherit;font-weight:var(--hiq-font-weight-base,400);line-height:inherit;color:var(--input-text-color);transition:border-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),background-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out)}input[list]::-moz-placeholder{color:var(--input-placeholder-color)}input[list]:-ms-input-placeholder{color:var(--input-placeholder-color)}input[list]::-ms-input-placeholder{color:var(--input-placeholder-color)}input[list]::placeholder{color:var(--input-placeholder-color)}input[list]:hover{border-color:var(--input-hover-border-color);background-color:var(--input-hover-background-color);color:var(--input-hover-text-color)}input[list]:focus{border-color:var(--input-focus-border-color);background-color:var(--input-focus-background-color);outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem);color:var(--input-focus-text-color)}input[list]:disabled,input[list][aria-disabled],input[list][readonly]{border-color:var(--hiq-disabled-border-color,var(--hiq-color-gray-6,#e3e5e8));background-color:var(--hiq-disabled-background-color,var(--hiq-color-gray-7,#f1f2f4));color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}input[list]:disabled::-moz-placeholder,input[list][aria-disabled]::-moz-placeholder,input[list][readonly]::-moz-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}input[list]:disabled:-ms-input-placeholder,input[list][aria-disabled]:-ms-input-placeholder,input[list][readonly]:-ms-input-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}input[list]:disabled::-ms-input-placeholder,input[list][aria-disabled]::-ms-input-placeholder,input[list][readonly]::-ms-input-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}input[list]:disabled::placeholder,input[list][aria-disabled]::placeholder,input[list][readonly]::placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}input[list]:disabled{cursor:not-allowed}input[list]:invalid:not(:focus){border-color:var(--input-invalid-border-color)}input[list]:valid:not(:focus){border-color:var(--input-valid-border-color)}input[list]{display:block;width:100%;height:var(--hiq-input-height,2.5rem);padding:var(--hiq-input-padding-vertical,0) var(--hiq-input-padding-horizontal,.75rem)}input[type=file]{display:block;font-size:inherit;line-height:inherit;cursor:pointer}input[type=file]:focus{outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem)}input[type=file]:disabled,input[type=file][aria-disabled]{cursor:not-allowed}input[type=file]::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}.radio{--radio-margin-bottom:var(--hiq-radio-margin-bottom,0.5rem);--radio-label-padding-horizontal:var(--hiq-radio-label-padding-horizontal,1.5rem);--radio-label-font-weight:var(--hiq-radio-label-font-weight,var(--hiq-font-weight-normal,400));--radio-width:var(--hiq-radio-width,1rem);--radio-height:var(--hiq-radio-height,1rem);--radio-border-width:var(--hiq-radio-border-width,1px) solid var(--hiq-radio-border-color,transparent);--radio-border-color:var(--hiq-radio-border-color,transparent);--radio-border-radius:var(--hiq-radio-border-radius,50%);--radio-background-color:var(--hiq-radio-background-color,var(--hiq-color-gray-6,#e3e5e8));--radio-hover-background-color:var(--hiq-radio-hover-background-color,var(--hiq-radio-background-color,var(--hiq-color-gray-6,#e3e5e8)));--radio-focus-background-color:var(--hiq-radio-focus-background-color,var(--hiq-radio-background-color,var(--hiq-color-gray-6,#e3e5e8)));--radio-checked-background-color:var(--hiq-radio-checked-background-color,var(--hiq-color-primary,#007fff));--radio-checked-border-color:var(--hiq-radio-checked-border-color,var(--hiq-color-primary,#007fff));--radio-check-width:var(--hiq-radio-check-width,0.5rem);--radio-check-height:var(--hiq-radio-check-height,0.5rem);--radio-check-border-radius:var(--hiq-radio-check-border-radius,50%);--radio-check-background-color:var(--hiq-radio-check-background-color,#fff);position:relative}.radio label{position:relative;margin-bottom:var(--radio-margin-bottom);padding:0 var(--radio-label-padding-horizontal);font-weight:var(--radio-label-font-weight)!important;line-height:1;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.radio label:before{display:block;position:absolute;top:0;left:0;width:var(--radio-width);height:var(--radio-height);border:var(--radio-border-width) solid var(--radio-border-color);border-radius:var(--radio-border-radius);background-color:var(--radio-background-color);transition:background-color var(--hiq-speed,.2s) var(--hiq-easing,ease-out);content:""}.radio input[type=radio]{position:absolute;top:0;left:0;width:0;height:0;opacity:0;pointer-events:none}.radio input[type=radio]:hover+label:before{background-color:var(--radio-hover-background-color)}.radio input[type=radio]:focus+label:before{background-color:var(--radio-focus-background-color);outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem)}.radio input[type=radio]:checked+label:before,.radio input[type=radio][aria-checked]+label:before{border-color:var(--radio-checked-border-color);background-color:var(--radio-checked-background-color)}.radio input[type=radio]:checked+label:after,.radio input[type=radio][aria-checked]+label:after{display:block;position:absolute;top:50%;left:calc(var(--radio-width)/2);width:var(--radio-check-width);height:var(--radio-check-height);border-radius:var(--radio-check-border-radius);background-color:var(--radio-check-background-color);transform:translate(-50%,-50%);content:""}.radio input[type=radio]:disabled+label,.radio input[type=radio][aria-disabled]+label,.radio input[type=radio][readonly]+label{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}.radio input[type=radio]:disabled,.radio input[type=radio][aria-disabled]{cursor:not-allowed}.radio input[type=radio]:disabled+label:before,.radio input[type=radio][aria-disabled]+label:before,.radio input[type=radio][readonly]+label:before{background-color:var(--hiq-disabled-background-color,var(--hiq-color-gray-7,#f1f2f4))}input[type=range]{--range-input-track-height:var(--hiq-range-input-track-height,0.5rem);--range-input-track-border-radius:var(--hiq-range-input-track-border-radius,var(--hiq-border-radius,0.2rem));--range-input-track-background-color:var(--hiq-range-input-track-background-color,var(--hiq-color-gray-6,#e3e5e8));--range-input-thumb-width:var(--hiq-range-input-thumb-width,1.5rem);--range-input-thumb-height:var(--hiq-range-input-thumb-height,1.5rem);--range-input-thumb-border-radius:var(--hiq-range-input-thumb-border-radius,50%);--range-input-thumb-background-color:var(--hiq-range-input-thumb-background-color,var(--hiq-color-primary,#007fff));--range-input-thumb-disabled-background-color:var(--hiq-range-input-thumb-disabled-background-color,var(--hiq-color-gray-6,#e3e6e8));width:100%;background:transparent;outline:0;-webkit-appearance:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:var(--range-input-track-height);border-radius:var(--range-input-track-border-radius);background-color:var(--range-input-track-background-color);-webkit-transition:background-color var(--hiq-speed,.2s) var(--hiq-easing,ease-out);transition:background-color var(--hiq-speed,.2s) var(--hiq-easing,ease-out);cursor:pointer}input[type=range]::-moz-range-track{width:100%;height:var(--range-input-track-height);background-color:var(--range-input-track-background-color);-moz-transition:background-color var(--hiq-speed,.2s) var(--hiq-easing,ease-out);transition:background-color var(--hiq-speed,.2s) var(--hiq-easing,ease-out);cursor:pointer}input[type=range]::-ms-track{width:100%;height:var(--range-input-track-height);border-width:var(--range-input-thumb-height);border-color:transparent;background-color:transparent;color:transparent;-ms-transition:background-color var(--hiq-speed,.2s) var(--hiq-easing,ease-out);transition:background-color var(--hiq-speed,.2s) var(--hiq-easing,ease-out);cursor:pointer}input[type=range]::-ms-fill-lower{background-color:var(--range-input-track-background-color)}input[type=range]::-ms-fill-upper{background-color:var(--range-input-track-background-color)}input[type=range]::-webkit-slider-thumb{width:var(--range-input-thumb-width);height:var(--range-input-thumb-height);margin-top:-.5rem;border-color:transparent;border-radius:var(--range-input-thumb-border-radius);background-color:var(--range-input-thumb-background-color);-webkit-appearance:none;cursor:pointer}input[type=range]:focus::-webkit-slider-thumb{outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem)}input[type=range]::-moz-range-thumb{width:var(--range-input-thumb-width);height:var(--range-input-thumb-height);border-color:transparent;border-radius:var(--range-input-thumb-border-radius);background-color:var(--range-input-thumb-background-color);cursor:pointer}input[type=range]:focus::-moz-range-thumb{box-shadow:0 0 0 var(--hiq-outline-width,.2rem) var(--hiq-outline-color,#b3d9ff)}input[type=range]::-ms-thumb{width:var(--range-input-thumb-width);height:var(--range-input-thumb-height);border-color:transparent;border-radius:var(--range-input-thumb-border-radius);background-color:var(--range-input-thumb-background-color);cursor:pointer}input[type=range]:focus::-ms-thumb{outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem)}input[type=range]:disabled::-webkit-slider-runnable-track,input[type=range][aria-disabled]::-webkit-slider-runnable-track{background-color:var(--hiq-disabled-background-color,var(--hiq-color-gray-7,#f1f2f4));cursor:not-allowed}input[type=range]:disabled::-moz-range-track,input[type=range][aria-disabled]::-moz-range-track{background-color:var(--hiq-disabled-background-color,var(--hiq-color-gray-7,#f1f2f4));cursor:not-allowed}input[type=range]:disabled::-ms-fill-lower,input[type=range][aria-disabled]::-ms-fill-lower{background-color:var(--hiq-disabled-background-color,var(--hiq-color-gray-7,#f1f2f4));cursor:not-allowed}input[type=range]:disabled::-ms-fill-upper,input[type=range][aria-disabled]::-ms-fill-upper{background-color:var(--hiq-disabled-background-color,var(--hiq-color-gray-7,#f1f2f4));cursor:not-allowed}input[type=range]:disabled::-webkit-slider-thumb,input[type=range][aria-disabled]::-webkit-slider-thumb{background-color:var(--range-input-thumb-disabled-background-color);cursor:not-allowed}input[type=range]:disabled::-moz-range-thumb,input[type=range][aria-disabled]::-moz-range-thumb{background-color:var(--range-input-thumb-disabled-background-color);cursor:not-allowed}input[type=range]:disabled::-ms-thumb,input[type=range][aria-disabled]::-ms-thumb{background-color:var(--range-input-thumb-disabled-background-color);cursor:not-allowed}select{--select-background-image:var(--hiq-select-background-image,url("data:image/svg+xml;charset=utf-8,%3Csvg width='30' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 16L0 0h30z' fill='%23000' fill-rule='evenodd'/%3E%3C/svg%3E"));--select-background-position:var(--hiq-select-background-position,right 1rem center);--select-background-size:var(--hiq-select-background-size,0.75rem);--select-multiple-padding-vertical:var(--hiq-select-multiple-padding-vertical,0.75rem);--select-multiple-checked-background-color:var(--hiq-select-multiple-checked-background-color,var(--hiq-color-primary,#007fff));--input-border-width:var(--hiq-input-border-width,1px);--input-border-color:var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8));--input-border-radius:var(--hiq-input-border-radius,var(--hiq-border-radius,0.2rem));--input-background-color:var(--hiq-input-background-color,#fff);--input-text-color:var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,#17191c)));--input-placeholder-color:var(--hiq-input-placeholder-color,var(--hiq-color-gray-4,#5c6370));--input-hover-border-color:var(--hiq-input-hover-border-color,var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8)));--input-hover-background-color:var(--hiq-input-hover-background-color,var(--hiq-input-background-color,#fff));--input-hover-text-color:var(--hiq-input-hover-text-color,var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,#17191c))));--input-focus-border-color:var(--hiq-input-focus-border-color,var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8)));--input-focus-background-color:var(--hiq-input-focus-background-color,var(--hiq-input-background-color,#fff));--input-focus-text-color:var(--hiq-input-focus-text-color,var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,#17191c))));--input-invalid-border-color:var(--hiq-input-invalid-border-color,var(--hiq-color-danger,#fa3d56));--input-valid-border-color:var(--hiq-input-valid-border-color,var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8)));box-shadow:none;outline:none;-moz-appearance:none;-webkit-appearance:none;margin:0;border:var(--input-border-width) solid var(--input-border-color);border-radius:var(--input-border-radius);background-color:var(--input-background-color);font-family:inherit;font-size:inherit;font-weight:var(--hiq-font-weight-base,400);line-height:inherit;color:var(--input-text-color);transition:border-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),background-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out)}select::-moz-placeholder{color:var(--input-placeholder-color)}select:-ms-input-placeholder{color:var(--input-placeholder-color)}select::-ms-input-placeholder{color:var(--input-placeholder-color)}select::placeholder{color:var(--input-placeholder-color)}select:hover{border-color:var(--input-hover-border-color);background-color:var(--input-hover-background-color);color:var(--input-hover-text-color)}select:focus{border-color:var(--input-focus-border-color);background-color:var(--input-focus-background-color);outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem);color:var(--input-focus-text-color)}select:disabled,select[aria-disabled],select[readonly]{border-color:var(--hiq-disabled-border-color,var(--hiq-color-gray-6,#e3e5e8));background-color:var(--hiq-disabled-background-color,var(--hiq-color-gray-7,#f1f2f4));color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}select:disabled::-moz-placeholder,select[aria-disabled]::-moz-placeholder,select[readonly]::-moz-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}select:disabled:-ms-input-placeholder,select[aria-disabled]:-ms-input-placeholder,select[readonly]:-ms-input-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}select:disabled::-ms-input-placeholder,select[aria-disabled]::-ms-input-placeholder,select[readonly]::-ms-input-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}select:disabled::placeholder,select[aria-disabled]::placeholder,select[readonly]::placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}select:disabled{cursor:not-allowed}select:invalid:not(:focus){border-color:var(--input-invalid-border-color)}select:valid:not(:focus){border-color:var(--input-valid-border-color)}select{display:block;width:100%;height:var(--hiq-input-height,2.5rem);padding:var(--hiq-input-padding-vertical,0) var(--hiq-input-padding-horizontal,.75rem)}select:not([multiple]){background-image:var(--select-background-image);background-repeat:no-repeat;background-position:var(--select-background-position);background-size:var(--select-background-size)}select[multiple]{height:auto;padding-top:var(--select-multiple-padding-vertical);padding-bottom:var(--select-multiple-padding-vertical)}select[multiple] option{padding:.125rem .5rem}select[multiple] option:checked{background:var(--select-multiple-checked-background-color) -webkit-linear-gradient(bottom,var(--select-multiple-checked-background-color),var(--select-multiple-checked-background-color))}optgroup{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}input[type=date],input[type=datetime-local],input[type=month],input[type=time],input[type=week]{-webkit-appearance:listbox}input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week]{--input-border-width:var(--hiq-input-border-width,1px);--input-border-color:var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8));--input-border-radius:var(--hiq-input-border-radius,var(--hiq-border-radius,0.2rem));--input-background-color:var(--hiq-input-background-color,#fff);--input-text-color:var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,#17191c)));--input-placeholder-color:var(--hiq-input-placeholder-color,var(--hiq-color-gray-4,#5c6370));--input-hover-border-color:var(--hiq-input-hover-border-color,var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8)));--input-hover-background-color:var(--hiq-input-hover-background-color,var(--hiq-input-background-color,#fff));--input-hover-text-color:var(--hiq-input-hover-text-color,var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,#17191c))));--input-focus-border-color:var(--hiq-input-focus-border-color,var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8)));--input-focus-background-color:var(--hiq-input-focus-background-color,var(--hiq-input-background-color,#fff));--input-focus-text-color:var(--hiq-input-focus-text-color,var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,#17191c))));--input-invalid-border-color:var(--hiq-input-invalid-border-color,var(--hiq-color-danger,#fa3d56));--input-valid-border-color:var(--hiq-input-valid-border-color,var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8)));box-shadow:none;outline:none;-moz-appearance:none;-webkit-appearance:none;margin:0;border:var(--input-border-width) solid var(--input-border-color);border-radius:var(--input-border-radius);background-color:var(--input-background-color);font-family:inherit;font-size:inherit;font-weight:var(--hiq-font-weight-base,400);line-height:inherit;color:var(--input-text-color);transition:border-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),background-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out)}input[type=date]::-moz-placeholder,input[type=datetime-local]::-moz-placeholder,input[type=email]::-moz-placeholder,input[type=month]::-moz-placeholder,input[type=number]::-moz-placeholder,input[type=password]::-moz-placeholder,input[type=search]::-moz-placeholder,input[type=tel]::-moz-placeholder,input[type=text]::-moz-placeholder,input[type=time]::-moz-placeholder,input[type=url]::-moz-placeholder,input[type=week]::-moz-placeholder{color:var(--input-placeholder-color)}input[type=date]:-ms-input-placeholder,input[type=datetime-local]:-ms-input-placeholder,input[type=email]:-ms-input-placeholder,input[type=month]:-ms-input-placeholder,input[type=number]:-ms-input-placeholder,input[type=password]:-ms-input-placeholder,input[type=search]:-ms-input-placeholder,input[type=tel]:-ms-input-placeholder,input[type=text]:-ms-input-placeholder,input[type=time]:-ms-input-placeholder,input[type=url]:-ms-input-placeholder,input[type=week]:-ms-input-placeholder{color:var(--input-placeholder-color)}input[type=date]::-ms-input-placeholder,input[type=datetime-local]::-ms-input-placeholder,input[type=email]::-ms-input-placeholder,input[type=month]::-ms-input-placeholder,input[type=number]::-ms-input-placeholder,input[type=password]::-ms-input-placeholder,input[type=search]::-ms-input-placeholder,input[type=tel]::-ms-input-placeholder,input[type=text]::-ms-input-placeholder,input[type=time]::-ms-input-placeholder,input[type=url]::-ms-input-placeholder,input[type=week]::-ms-input-placeholder{color:var(--input-placeholder-color)}input[type=date]::placeholder,input[type=datetime-local]::placeholder,input[type=email]::placeholder,input[type=month]::placeholder,input[type=number]::placeholder,input[type=password]::placeholder,input[type=search]::placeholder,input[type=tel]::placeholder,input[type=text]::placeholder,input[type=time]::placeholder,input[type=url]::placeholder,input[type=week]::placeholder{color:var(--input-placeholder-color)}input[type=date]:hover,input[type=datetime-local]:hover,input[type=email]:hover,input[type=month]:hover,input[type=number]:hover,input[type=password]:hover,input[type=search]:hover,input[type=tel]:hover,input[type=text]:hover,input[type=time]:hover,input[type=url]:hover,input[type=week]:hover{border-color:var(--input-hover-border-color);background-color:var(--input-hover-background-color);color:var(--input-hover-text-color)}input[type=date]:focus,input[type=datetime-local]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus{border-color:var(--input-focus-border-color);background-color:var(--input-focus-background-color);outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem);color:var(--input-focus-text-color)}input[type=date]:disabled,input[type=date][aria-disabled],input[type=date][readonly],input[type=datetime-local]:disabled,input[type=datetime-local][aria-disabled],input[type=datetime-local][readonly],input[type=email]:disabled,input[type=email][aria-disabled],input[type=email][readonly],input[type=month]:disabled,input[type=month][aria-disabled],input[type=month][readonly],input[type=number]:disabled,input[type=number][aria-disabled],input[type=number][readonly],input[type=password]:disabled,input[type=password][aria-disabled],input[type=password][readonly],input[type=search]:disabled,input[type=search][aria-disabled],input[type=search][readonly],input[type=tel]:disabled,input[type=tel][aria-disabled],input[type=tel][readonly],input[type=text]:disabled,input[type=text][aria-disabled],input[type=text][readonly],input[type=time]:disabled,input[type=time][aria-disabled],input[type=time][readonly],input[type=url]:disabled,input[type=url][aria-disabled],input[type=url][readonly],input[type=week]:disabled,input[type=week][aria-disabled],input[type=week][readonly]{border-color:var(--hiq-disabled-border-color,var(--hiq-color-gray-6,#e3e5e8));background-color:var(--hiq-disabled-background-color,var(--hiq-color-gray-7,#f1f2f4));color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}input[type=date]:disabled::-moz-placeholder,input[type=date][aria-disabled]::-moz-placeholder,input[type=date][readonly]::-moz-placeholder,input[type=datetime-local]:disabled::-moz-placeholder,input[type=datetime-local][aria-disabled]::-moz-placeholder,input[type=datetime-local][readonly]::-moz-placeholder,input[type=email]:disabled::-moz-placeholder,input[type=email][aria-disabled]::-moz-placeholder,input[type=email][readonly]::-moz-placeholder,input[type=month]:disabled::-moz-placeholder,input[type=month][aria-disabled]::-moz-placeholder,input[type=month][readonly]::-moz-placeholder,input[type=number]:disabled::-moz-placeholder,input[type=number][aria-disabled]::-moz-placeholder,input[type=number][readonly]::-moz-placeholder,input[type=password]:disabled::-moz-placeholder,input[type=password][aria-disabled]::-moz-placeholder,input[type=password][readonly]::-moz-placeholder,input[type=search]:disabled::-moz-placeholder,input[type=search][aria-disabled]::-moz-placeholder,input[type=search][readonly]::-moz-placeholder,input[type=tel]:disabled::-moz-placeholder,input[type=tel][aria-disabled]::-moz-placeholder,input[type=tel][readonly]::-moz-placeholder,input[type=text]:disabled::-moz-placeholder,input[type=text][aria-disabled]::-moz-placeholder,input[type=text][readonly]::-moz-placeholder,input[type=time]:disabled::-moz-placeholder,input[type=time][aria-disabled]::-moz-placeholder,input[type=time][readonly]::-moz-placeholder,input[type=url]:disabled::-moz-placeholder,input[type=url][aria-disabled]::-moz-placeholder,input[type=url][readonly]::-moz-placeholder,input[type=week]:disabled::-moz-placeholder,input[type=week][aria-disabled]::-moz-placeholder,input[type=week][readonly]::-moz-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}input[type=date]:disabled:-ms-input-placeholder,input[type=date][aria-disabled]:-ms-input-placeholder,input[type=date][readonly]:-ms-input-placeholder,input[type=datetime-local]:disabled:-ms-input-placeholder,input[type=datetime-local][aria-disabled]:-ms-input-placeholder,input[type=datetime-local][readonly]:-ms-input-placeholder,input[type=email]:disabled:-ms-input-placeholder,input[type=email][aria-disabled]:-ms-input-placeholder,input[type=email][readonly]:-ms-input-placeholder,input[type=month]:disabled:-ms-input-placeholder,input[type=month][aria-disabled]:-ms-input-placeholder,input[type=month][readonly]:-ms-input-placeholder,input[type=number]:disabled:-ms-input-placeholder,input[type=number][aria-disabled]:-ms-input-placeholder,input[type=number][readonly]:-ms-input-placeholder,input[type=password]:disabled:-ms-input-placeholder,input[type=password][aria-disabled]:-ms-input-placeholder,input[type=password][readonly]:-ms-input-placeholder,input[type=search]:disabled:-ms-input-placeholder,input[type=search][aria-disabled]:-ms-input-placeholder,input[type=search][readonly]:-ms-input-placeholder,input[type=tel]:disabled:-ms-input-placeholder,input[type=tel][aria-disabled]:-ms-input-placeholder,input[type=tel][readonly]:-ms-input-placeholder,input[type=text]:disabled:-ms-input-placeholder,input[type=text][aria-disabled]:-ms-input-placeholder,input[type=text][readonly]:-ms-input-placeholder,input[type=time]:disabled:-ms-input-placeholder,input[type=time][aria-disabled]:-ms-input-placeholder,input[type=time][readonly]:-ms-input-placeholder,input[type=url]:disabled:-ms-input-placeholder,input[type=url][aria-disabled]:-ms-input-placeholder,input[type=url][readonly]:-ms-input-placeholder,input[type=week]:disabled:-ms-input-placeholder,input[type=week][aria-disabled]:-ms-input-placeholder,input[type=week][readonly]:-ms-input-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}input[type=date]:disabled::-ms-input-placeholder,input[type=date][aria-disabled]::-ms-input-placeholder,input[type=date][readonly]::-ms-input-placeholder,input[type=datetime-local]:disabled::-ms-input-placeholder,input[type=datetime-local][aria-disabled]::-ms-input-placeholder,input[type=datetime-local][readonly]::-ms-input-placeholder,input[type=email]:disabled::-ms-input-placeholder,input[type=email][aria-disabled]::-ms-input-placeholder,input[type=email][readonly]::-ms-input-placeholder,input[type=month]:disabled::-ms-input-placeholder,input[type=month][aria-disabled]::-ms-input-placeholder,input[type=month][readonly]::-ms-input-placeholder,input[type=number]:disabled::-ms-input-placeholder,input[type=number][aria-disabled]::-ms-input-placeholder,input[type=number][readonly]::-ms-input-placeholder,input[type=password]:disabled::-ms-input-placeholder,input[type=password][aria-disabled]::-ms-input-placeholder,input[type=password][readonly]::-ms-input-placeholder,input[type=search]:disabled::-ms-input-placeholder,input[type=search][aria-disabled]::-ms-input-placeholder,input[type=search][readonly]::-ms-input-placeholder,input[type=tel]:disabled::-ms-input-placeholder,input[type=tel][aria-disabled]::-ms-input-placeholder,input[type=tel][readonly]::-ms-input-placeholder,input[type=text]:disabled::-ms-input-placeholder,input[type=text][aria-disabled]::-ms-input-placeholder,input[type=text][readonly]::-ms-input-placeholder,input[type=time]:disabled::-ms-input-placeholder,input[type=time][aria-disabled]::-ms-input-placeholder,input[type=time][readonly]::-ms-input-placeholder,input[type=url]:disabled::-ms-input-placeholder,input[type=url][aria-disabled]::-ms-input-placeholder,input[type=url][readonly]::-ms-input-placeholder,input[type=week]:disabled::-ms-input-placeholder,input[type=week][aria-disabled]::-ms-input-placeholder,input[type=week][readonly]::-ms-input-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}input[type=date]:disabled::placeholder,input[type=date][aria-disabled]::placeholder,input[type=date][readonly]::placeholder,input[type=datetime-local]:disabled::placeholder,input[type=datetime-local][aria-disabled]::placeholder,input[type=datetime-local][readonly]::placeholder,input[type=email]:disabled::placeholder,input[type=email][aria-disabled]::placeholder,input[type=email][readonly]::placeholder,input[type=month]:disabled::placeholder,input[type=month][aria-disabled]::placeholder,input[type=month][readonly]::placeholder,input[type=number]:disabled::placeholder,input[type=number][aria-disabled]::placeholder,input[type=number][readonly]::placeholder,input[type=password]:disabled::placeholder,input[type=password][aria-disabled]::placeholder,input[type=password][readonly]::placeholder,input[type=search]:disabled::placeholder,input[type=search][aria-disabled]::placeholder,input[type=search][readonly]::placeholder,input[type=tel]:disabled::placeholder,input[type=tel][aria-disabled]::placeholder,input[type=tel][readonly]::placeholder,input[type=text]:disabled::placeholder,input[type=text][aria-disabled]::placeholder,input[type=text][readonly]::placeholder,input[type=time]:disabled::placeholder,input[type=time][aria-disabled]::placeholder,input[type=time][readonly]::placeholder,input[type=url]:disabled::placeholder,input[type=url][aria-disabled]::placeholder,input[type=url][readonly]::placeholder,input[type=week]:disabled::placeholder,input[type=week][aria-disabled]::placeholder,input[type=week][readonly]::placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}input[type=date]:disabled,input[type=datetime-local]:disabled,input[type=email]:disabled,input[type=month]:disabled,input[type=number]:disabled,input[type=password]:disabled,input[type=search]:disabled,input[type=tel]:disabled,input[type=text]:disabled,input[type=time]:disabled,input[type=url]:disabled,input[type=week]:disabled{cursor:not-allowed}input[type=date]:invalid:not(:focus),input[type=datetime-local]:invalid:not(:focus),input[type=email]:invalid:not(:focus),input[type=month]:invalid:not(:focus),input[type=number]:invalid:not(:focus),input[type=password]:invalid:not(:focus),input[type=search]:invalid:not(:focus),input[type=tel]:invalid:not(:focus),input[type=text]:invalid:not(:focus),input[type=time]:invalid:not(:focus),input[type=url]:invalid:not(:focus),input[type=week]:invalid:not(:focus){border-color:var(--input-invalid-border-color)}input[type=date]:valid:not(:focus),input[type=datetime-local]:valid:not(:focus),input[type=email]:valid:not(:focus),input[type=month]:valid:not(:focus),input[type=number]:valid:not(:focus),input[type=password]:valid:not(:focus),input[type=search]:valid:not(:focus),input[type=tel]:valid:not(:focus),input[type=text]:valid:not(:focus),input[type=time]:valid:not(:focus),input[type=url]:valid:not(:focus),input[type=week]:valid:not(:focus){border-color:var(--input-valid-border-color)}input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week]{display:block;width:100%;height:var(--hiq-input-height,2.5rem);padding:var(--hiq-input-padding-vertical,0) var(--hiq-input-padding-horizontal,.75rem)}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{--textarea-padding-vertical:var(--hiq-textarea-padding-vertical,0.5rem);--textarea-padding-horizontal:var(--hiq-textarea-padding-horizontal,0.75rem);--input-border-width:var(--hiq-input-border-width,1px);--input-border-color:var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8));--input-border-radius:var(--hiq-input-border-radius,var(--hiq-border-radius,0.2rem));--input-background-color:var(--hiq-input-background-color,#fff);--input-text-color:var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,#17191c)));--input-placeholder-color:var(--hiq-input-placeholder-color,var(--hiq-color-gray-4,#5c6370));--input-hover-border-color:var(--hiq-input-hover-border-color,var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8)));--input-hover-background-color:var(--hiq-input-hover-background-color,var(--hiq-input-background-color,#fff));--input-hover-text-color:var(--hiq-input-hover-text-color,var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,#17191c))));--input-focus-border-color:var(--hiq-input-focus-border-color,var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8)));--input-focus-background-color:var(--hiq-input-focus-background-color,var(--hiq-input-background-color,#fff));--input-focus-text-color:var(--hiq-input-focus-text-color,var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,#17191c))));--input-invalid-border-color:var(--hiq-input-invalid-border-color,var(--hiq-color-danger,#fa3d56));--input-valid-border-color:var(--hiq-input-valid-border-color,var(--hiq-input-border-color,var(--hiq-color-gray-6,#e3e5e8)));box-shadow:none;outline:none;-moz-appearance:none;-webkit-appearance:none;border:var(--input-border-width) solid var(--input-border-color);border-radius:var(--input-border-radius);background-color:var(--input-background-color);font-family:inherit;font-size:inherit;font-weight:var(--hiq-font-weight-base,400);line-height:inherit;color:var(--input-text-color);transition:border-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),color var(--hiq-speed,.1s) var(--hiq-easing,ease-out),background-color var(--hiq-speed,.1s) var(--hiq-easing,ease-out)}textarea::-moz-placeholder{color:var(--input-placeholder-color)}textarea:-ms-input-placeholder{color:var(--input-placeholder-color)}textarea::-ms-input-placeholder{color:var(--input-placeholder-color)}textarea::placeholder{color:var(--input-placeholder-color)}textarea:hover{border-color:var(--input-hover-border-color);background-color:var(--input-hover-background-color);color:var(--input-hover-text-color)}textarea:focus{border-color:var(--input-focus-border-color);background-color:var(--input-focus-background-color);outline:var(--hiq-outline-color,#b3d9ff) solid var(--hiq-outline-width,.2rem);color:var(--input-focus-text-color)}textarea:disabled,textarea[aria-disabled],textarea[readonly]{border-color:var(--hiq-disabled-border-color,var(--hiq-color-gray-6,#e3e5e8));background-color:var(--hiq-disabled-background-color,var(--hiq-color-gray-7,#f1f2f4));color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}textarea:disabled::-moz-placeholder,textarea[aria-disabled]::-moz-placeholder,textarea[readonly]::-moz-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}textarea:disabled:-ms-input-placeholder,textarea[aria-disabled]:-ms-input-placeholder,textarea[readonly]:-ms-input-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}textarea:disabled::-ms-input-placeholder,textarea[aria-disabled]::-ms-input-placeholder,textarea[readonly]::-ms-input-placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}textarea:disabled::placeholder,textarea[aria-disabled]::placeholder,textarea[readonly]::placeholder{color:var(--hiq-disabled-text-color,var(--hiq-color-gray-5,#8f96a3))}textarea:disabled{cursor:not-allowed}textarea:invalid:not(:focus){border-color:var(--input-invalid-border-color)}textarea:valid:not(:focus){border-color:var(--input-valid-border-color)}textarea{display:block;width:100%;height:auto;overflow:auto;margin:0;padding:var(--textarea-padding-vertical) var(--textarea-padding-horizontal);resize:vertical}.container{width:calc(100% - var(--hiq-container-horizontal-gap, 2rem)*2);max-width:calc(var(--hiq-max-container-width, 50rem) - var(--hiq-container-horizontal-gap, 2rem)*2);margin-right:auto;margin-left:auto}.container.is-fluid{max-width:none}:root{--hiq-color-gray-1:#0b0c0e;--hiq-color-gray-2:#17191c;--hiq-color-gray-3:#2e3138;--hiq-color-gray-4:#5c6370;--hiq-color-gray-5:#8f96a3;--hiq-color-gray-6:#e3e5e8;--hiq-color-gray-7:#f1f2f4;--hiq-color-gray-8:#f9fafa;--hiq-color-primary:#007fff;--hiq-color-success:#21d492;--hiq-color-warning:#fcd34a;--hiq-color-danger:#fa3d56;--hiq-html-background-color:#fff;--hiq-body-background-color:#fff;--hiq-disabled-border-color:var(--hiq-color-gray-7);--hiq-disabled-background-color:var(--hiq-color-gray-7);--hiq-disabled-text-color:var(--hiq-color-gray-5);--hiq-max-container-width:50rem;--hiq-container-horizontal-gap:2rem;--hiq-block-element-margin-bottom:1rem;--hiq-border-radius:0.2rem;--hiq-outline-width:0.2rem;--hiq-outline-color:#b3d9ff;--hiq-speed:0.1s;--hiq-easing:ease-out;--hiq-text-rendering:optimizeLegibility;--hiq-letter-spacing-base:0;--hiq-font-family-base:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;--hiq-font-family-monospace:Menlo,Monaco,Consolas,"Courier New",monospace;--hiq-unitless-min-font-size:15;--hiq-unitless-max-font-size:16;--hiq-unitless-lower-font-range:460;--hiq-unitless-upper-font-range:900;@custom-media --hiq-lower-font-range (min-width: 460px);@custom-media --hiq-upper-font-range (min-width: 900px);--hiq-font-size-1:2.5rem;--hiq-font-size-2:2rem;--hiq-font-size-3:1.75rem;--hiq-font-size-4:1.25rem;--hiq-font-size-5:1rem;--hiq-font-size-6:0.875rem;--hiq-font-size-base:var(--hiq-font-size-5);--hiq-font-size-large:var(--hiq-font-size-4);--hiq-font-size-small:var(--hiq-font-size-6);--hiq-line-height-base:1.6;--hiq-heading-line-height:1.2;--hiq-font-weight-light:300;--hiq-font-weight-normal:400;--hiq-font-weight-medium:500;--hiq-font-weight-semibold:600;--hiq-font-weight-bold:700;--hiq-font-weight-base:var(--hiq-font-weight-normal);--hiq-heading-font-weight:var(--hiq-font-weight-medium);--hiq-description-list-title-font-weight:var(--hiq-font-weight-semibold);--hiq-text-color:var(--hiq-color-gray-2);--hiq-mark-color:#fcf8e3;--hiq-deleted-color:#f95da8;--hiq-inserted-color:#e5f2ff;--hiq-selection-color:#cce5ff;--hiq-list-margin-left:1rem;--hiq-unordered-list-style:disc;--hiq-blockquote-font-size:var(--hiq-font-size-4);--hiq-blockquote-line-height:var(--hiq-heading-line-height);--hiq-blockquote-citation-color:var(--hiq-color-gray-5);--hiq-horizontal-rule-height:1px;--hiq-horizontal-rule-color:var(--hiq-color-primary);--hiq-link-color:var(--hiq-color-primary);--hiq-link-hover-color:#004080;--hiq-link-active-color:#004080;--hiq-link-text-decoration:none;--hiq-button-height:2.25rem;--hiq-button-vertical-padding:0;--hiq-button-horizontal-padding:0.75rem;--hiq-button-border-width:1px;--hiq-button-border-radius:var(--hiq-border-radius);--hiq-button-font-weight:var(--hiq-font-weight-medium);--hiq-button-border-color:var(--hiq-color-primary);--hiq-button-background-color:var(--hiq-color-primary);--hiq-button-text-color:#fff;--hiq-button-hover-border-color:#06c;--hiq-button-hover-background-color:#06c;--hiq-button-hover-text-color:#fff;--hiq-button-active-border-color:#004c99;--hiq-button-active-background-color:#004c99;--hiq-button-active-text-color:#fff;--hiq-code-padding-vertical:0.15rem;--hiq-code-padding-horizontal:0.3rem;--hiq-code-border-color:transparent;--hiq-code-font-size:var(--hiq-font-size-small);--hiq-code-background-color:var(--hiq-color-gray-7);--hiq-code-text-color:var(--hiq-text-color);--hiq-pre-padding-vertical:1.25rem;--hiq-pre-padding-horizontal:1.5rem;--hiq-pre-border-color:var(--hiq-color-gray-6);--hiq-pre-background-color:transparent;--hiq-pre-text-color:var(--hiq-color-gray-4);--hiq-kbd-padding-vertical:0.2rem;--hiq-kbd-padding-horizontal:0.4rem;--hiq-kbd-border-color:var(--hiq-color-gray-6);--hiq-nested-kbd-font-weight:var(--hiq-font-weight-medium);--hiq-kbd-background-color:transparent;--hiq-kbd-text-color:var(--hiq-text-color);--hiq-figcaption-margin-top:0.5rem;--hiq-figcaption-font-weight:var(--hiq-font-weight-normal);--hiq-figcaption-text-color:var(--hiq-color-gray-5);--hiq-image-border-radius:var(--hiq-border-radius);--hiq-table-head-border-width:var(--hiq-table-cell-border-width);--hiq-table-foot-border-width:var(--hiq-table-cell-border-width);--hiq-table-caption-padding-vertical:0.5rem;--hiq-table-caption-text-color:var(--hiq-color-gray-5);--hiq-table-caption-font-weight:var(--hiq-font-weight-semibold);--hiq-table-cell-padding-vertical:0.75rem;--hiq-table-cell-padding-horizontal:0.75rem;--hiq-table-cell-border-width:1px;--hiq-table-cell-border-color:var(--hiq-color-gray-6);--hiq-table-heading-background-color:var(--hiq-color-gray-7);--hiq-table-heading-text-color:var(--hiq-color-gray-4);--hiq-table-heading-font-weight:var(--hiq-font-weight-medium);--hiq-fieldset-padding-vertical:0;--hiq-fieldset-padding-horizontal:0;--hiq-fieldset-border-width:0;--hiq-fieldset-border-color:transparent;--hiq-legend-margin-bottom:var(--hiq-block-element-margin-bottom);--hiq-legend-font-weight:var(--hiq-font-weight-semibold);--hiq-label-margin-bottom:0.5rem;--hiq-label-font-weight:var(--hiq-font-weight-semibold);--hiq-input-invalid-border-color:var(--hiq-color-danger);--hiq-input-valid-border-color:var(--hiq-input-border-color);--hiq-input-height:2.5rem;--hiq-input-padding-vertical:0;--hiq-input-padding-horizontal:0.75rem;--hiq-input-border-width:1px;--hiq-input-border-radius:var(--hiq-border-radius);--hiq-input-border-color:var(--hiq-color-gray-6);--hiq-input-background-color:#fff;--hiq-input-text-color:var(--hiq-text-color);--hiq-input-placeholder-color:var(--hiq-color-gray-4);--hiq-input-hover-border-color:var(--hiq-input-border-color);--hiq-input-hover-background-color:var(--hiq-input-background-color);--hiq-input-hover-text-color:var(--hiq-input-text-color);--hiq-input-hover-placeholder-color:var(--hiq-input-placeholder-color);--hiq-textarea-padding-vertical:0.5rem;--hiq-textarea-padding-horizontal:0.75rem;--hiq-select-background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='30' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 16L0 0h30z' fill='%23000' fill-rule='evenodd'/%3E%3C/svg%3E");--hiq-select-background-position:right 1rem center;--hiq-select-background-size:0.75rem;--hiq-select-multiple-checked-background-color:var(--hiq-color-primary);--hiq-select-multiple-padding-vertical:0.75rem;--hiq-checkbox-margin-bottom:0.5rem;--hiq-checkbox-label-padding-horizontal:2rem;--hiq-checkbox-label-font-weight:var(--hiq-font-weight-normal);--hiq-checkbox-width:1rem;--hiq-checkbox-height:1rem;--hiq-checkbox-border-width:1px;--hiq-checkbox-border-color:transparent;--hiq-checkbox-border-radius:var(--hiq-border-radius);--hiq-checkbox-background-color:var(--hiq-color-gray-6);--hiq-checkbox-hover-background-color:var(--hiq-color-gray-5);--hiq-checkbox-checked-border-color:var(--hiq-color-primary);--hiq-checkbox-checked-background-color:var(--hiq-color-primary);--hiq-checkbox-check-width:0.25rem;--hiq-checkbox-check-height:0.5rem;--hiq-checkbox-check-border-width:2px;--hiq-checkbox-check-color:#fff;--hiq-checkbox-indeterminate-width:0.5rem;--hiq-radio-margin-bottom:0.5rem;--hiq-radio-label-padding-horizontal:2rem;--hiq-radio-label-font-weight:var(--hiq-font-weight-normal);--hiq-radio-width:1rem;--hiq-radio-height:1rem;--hiq-radio-border-width:1px;--hiq-radio-border-color:transparent;--hiq-radio-border-radius:50%;--hiq-radio-background-color:var(--hiq-color-gray-6);--hiq-radio-hover-background-color:var(--hiq-color-gray-5);--hiq-radio-checked-border-color:var(--hiq-color-primary);--hiq-radio-checked-background-color:var(--hiq-color-primary);--hiq-radio-check-width:0.5rem;--hiq-radio-check-height:0.5rem;--hiq-radio-check-border-radius:50%;--hiq-radio-check-background-color:#fff;--hiq-range-input-thumb-width:1.5rem;--hiq-range-input-thumb-height:1.5rem;--hiq-range-input-thumb-border-radius:50%;--hiq-range-input-thumb-background-color:var(--hiq-color-primary);--hiq-range-input-thumb-disabled-background-color:var(--hiq-color-gray-6);--hiq-range-input-track-height:0.5rem;--hiq-range-input-track-border-radius:var(--hiq-border-radius);--hiq-range-input-track-background-color:var(--hiq-color-gray-6);--hiq-meter-background-color:var(--hiq-color-gray-6);--hiq-meter-strong-color:var(--hiq-color-success);--hiq-meter-good-color:var(--hiq-color-warning);--hiq-meter-weak-color:var(--hiq-color-danger);--hiq-progress-height:1rem;--hiq-progress-background-color:var(--hiq-color-gray-6);--hiq-progress-filled-color:var(--hiq-color-primary);--navbar-height:3.6rem;--sidebar-width:20rem;--mobile-sidebar-width:calc(var(--sidebar-width)*0.82);--line-numbers-wrapper-width:3.5rem}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-weight:var(--hiq-font-weight-light)}h2{font-size:var(--hiq-font-size-3);font-weight:var(--hiq-font-weight-semibold)}h3{font-size:var(--hiq-font-size-4)}p a code{font-weight:var(--hiq-font-weight-normal);color:var(--hiq-color-primary)}.wrapper{max-width:var(--hiq-max-container-width);margin:0 auto;padding:.5rem 2.5rem;@media (max-width:959px){padding-left:2rem;padding-bottom:2rem;padding-right:2rem;padding-top:2rem}@media (max-width:419px){padding-left:1.5rem;padding-bottom:1.5rem;padding-right:1.5rem;padding-top:1.5rem}}.table-of-contents .badge{vertical-align:middle}.custom-layout{padding-top:var(--navbar-height)}.theme-container.no-navbar .custom-layout{padding-top:0}.properties-table{margin:1.5rem 0 2rem}.color-swatch{display:block;width:1.5rem;height:1.5rem;border:1px solid var(--hiq-color-gray-6)}.input-table code{white-space:pre-wrap}.input-table input{max-width:100%}@supports (color:var(--hiq-color-primary)){.browser-not-supported{display:none}}@media (max-width:959px){.properties-table .name,.utilities-table .name{width:40%}.properties-table .name code,.utilities-table .name code{white-space:unset}}.content__default{max-width:var(--hiq-max-container-width);margin:0 auto;padding:2rem 2.5rem}.content__default>:first-child{margin-top:var(--navbar-height)}.content__default p.demo{padding:1rem 1.5rem;border:1px solid var(--hiq-color-gray-6);border-radius:4px}.content__default>h1,.content__default>h2,.content__default>h3,.content__default>h4,.content__default>h5,.content__default>h6{margin-top:calc(.75rem - var(--navbar-height));padding-top:calc(var(--navbar-height) + 1rem)}.content__default>h1:first-child,.content__default>h2:first-child,.content__default>h3:first-child,.content__default>h4:first-child,.content__default>h5:first-child,.content__default>h6:first-child{margin-top:-1.5rem;margin-bottom:1rem}.content__default>h2:first-child+.custom-block,.content__default>h2:first-child+p,.content__default>h2:first-child+pre,.content__default>h3:first-child+.custom-block,.content__default>h3:first-child+p,.content__default>h3:first-child+pre,.content__default>h4:first-child+.custom-block,.content__default>h4:first-child+p,.content__default>h4:first-child+pre,.content__default>h5:first-child+.custom-block,.content__default>h5:first-child+p,.content__default>h5:first-child+pre,.content__default>h6:first-child+.custom-block,.content__default>h6:first-child+p,.content__default>h6:first-child+pre{margin-top:-1.5rem;margin-bottom:1rem}.theme-container.no-navbar .content__default>h1,.theme-container.no-navbar .content__default>h2,.theme-container.no-navbar .content__default>h3,.theme-container.no-navbar .content__default>h4,.theme-container.no-navbar .content__default>h5,.theme-container.no-navbar .content__default>h6{margin-top:1.5rem;padding-top:0}.content.custom{margin:0;padding:0}a.header-anchor{float:left;margin-top:.125em;margin-left:-.87em;padding-right:.23em;box-shadow:none!important;opacity:0;font-size:.85em}h1:hover .header-anchor,h2:hover .header-anchor,h3:hover .header-anchor,h4:hover .header-anchor,h5:hover .header-anchor,h6:hover .header-anchor{opacity:1}.content__default figure{margin:2rem 0 3rem}.content__default figure img{margin:0 auto}.content__default ol,.content__default ul{padding-left:1.2em}.content__default table td{vertical-align:middle}.content__default table p{margin-bottom:0}@media (max-width:959px){.content__default{padding:2rem}}@media (max-width:419px){.content__default{padding:1.5rem}.content__default div[class*=language-]{margin:.85rem -1.5rem;border-radius:0}}div[class*=language-]{position:relative;margin:1.5rem 0 2rem}div[class*=language-] .highlight-lines{position:absolute;top:0;left:0;width:100%;padding-top:1.3rem;line-height:1.4;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}div[class*=language-] .highlight-lines .highlighted{background-color:var(--hiq-color-gray-7)}div[class*=language-] pre,div[class*=language-] pre[class*=language-]{position:relative;z-index:1;background:var(--hiq-pre-background-color)}div[class*=language-]:before{position:absolute;top:.8rem;right:1rem;z-index:3;font-size:.75rem;color:var(--hiq-color-gray-5)}div[class*=language-]:not(.line-numbers-mode) .line-numbers-wrapper{display:none}div[class*=language-].line-numbers-mode .highlight-lines .highlighted{position:relative}div[class*=language-].line-numbers-mode .highlight-lines .highlighted:before{display:block;position:absolute;top:0;left:0;z-index:3;width:var(--line-numbers-wrapper-width);height:100%;background-color:var(--hiq-color-gray-6);content:""}div[class*=language-].line-numbers-mode pre{padding-left:calc(var(--line-numbers-wrapper-width) + 1rem);vertical-align:middle}div[class*=language-].line-numbers-mode .line-numbers-wrapper{position:absolute;top:0;width:var(--line-numbers-wrapper-width);padding:1.25rem 0;line-height:1.4;text-align:center;color:var(--hiq-color-gray-5)}div[class*=language-].line-numbers-mode .line-numbers-wrapper br{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}div[class*=language-].line-numbers-mode .line-numbers-wrapper .line-number{position:relative;z-index:4;font-size:.85em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}div[class*=language-].line-numbers-mode:after{position:absolute;top:1px;left:1px;z-index:2;width:var(--line-numbers-wrapper-width);height:calc(100% - 2px);border-right:1px solid var(--hiq-color-gray-6);border-radius:6px 0 0 6px;background-color:#fff;content:""}div[class~=language-javascript]:before,div[class~=language-js]:before{content:"js"}div[class~=language-ts]:before,div[class~=language-typescript]:before{content:"ts"}div[class~=language-html]:before,div[class~=language-markup]:before{content:"html"}div[class~=language-markdown]:before,div[class~=language-md]:before{content:"md"}div[class~=language-vue]:before{content:"vue"}div[class~=language-css]:before{content:"css"}div[class~=language-sass]:before{content:"sass"}div[class~=language-scss]:before{content:"scss"}div[class~=language-less]:before{content:"less"}div[class~=language-stylus]:before{content:"stylus"}div[class~=language-go]:before{content:"go"}div[class~=language-java]:before{content:"java"}div[class~=language-c]:before{content:"c"}div[class~=language-json]:before{content:"json"}div[class~=language-bash]:before,div[class~=language-sh]:before{content:"sh"}div[class~=language-yaml]:before{content:"yaml"}div[class~=language-ruby]:before{content:"rb"}div[class~=language-python]:before{content:"py"}@media (max-width:419px){div[class*=language-] pre{border-right:0;border-left:0;border-radius:0}}@media (min-width:419px){div[class*=language-]+div[class*=language-]{margin-top:-1.25rem}}.custom-block .custom-block-title{margin-bottom:.25rem;font-weight:var(--hiq-font-weight-medium)}.custom-block p{margin-bottom:0}.custom-block.danger,.custom-block.tip,.custom-block.warning{margin:1.25rem 0;padding:1.25rem 1.5rem;border-left-width:.5rem;border-left-style:solid}.custom-block.tip{border-color:var(--hiq-color-primary);background-color:rgba(0,128,255,.25)}.custom-block.tip code{background-color:rgba(0,128,255,.15)}.custom-block.warning{border-color:var(--hiq-color-warning);background-color:rgba(252,212,79,.25);color:#7e6102}.custom-block.warning .custom-block-title{color:#c99b03}.custom-block.warning a{color:var(--hiq-text-color)}.custom-block.danger{border-color:var(--hiq-color-danger);background-color:rgba(250,61,86,.25);color:#7c0313}.custom-block.danger .custom-block-title{color:#c7051f}.custom-block.danger a{color:var(--hiq-text-color)}.arrow{display:inline-block;width:0;height:0}.arrow.up{border-bottom:6px solid var(--hiq-color-gray-5)}.arrow.down,.arrow.up{border-right:4px solid transparent;border-left:4px solid transparent}.arrow.down{border-top:6px solid var(--hiq-color-gray-5)}.arrow.right{border-left:6px solid var(--hiq-color-gray-5)}.arrow.left,.arrow.right{border-top:4px solid transparent;border-bottom:4px solid transparent}.arrow.left{border-right:6px solid var(--hiq-color-gray-5)}#nprogress{pointer-events:none}#nprogress .bar{position:fixed;top:0;left:0;width:100%;height:2px;z-index:1031;background-color:var(--hiq-color-primary)}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px var(--hiq-color-primary),0 0 5px var(--hiq-color-primary);opacity:1;transform:rotate(3deg) translateY(-4px)}#nprogress .spinner{display:block;position:fixed;top:15px;right:15px;z-index:1031}#nprogress .spinner-icon{width:18px;height:18px;border-bottom:2px solid transparent;border-right:2px solid transparent;border-top:2px solid transparent;border-top-color:var(--hiq-color-primary);border-left:2px solid transparent;border-left-color:var(--hiq-color-primary);border-radius:50%;-webkit-animation:nprogress-spinner .4s linear infinite;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{position:relative;overflow:hidden}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@-webkit-keyframes nprogress-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--pink:#f95faa;--lavender:#9b80ff;--dark-blue:#2f6f9f;--light-blue:#6d94ec}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog,.token.punctuation{color:var(--hiq-color-gray-5)}.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:var(--light-blue)}.token.boolean,.token.class-name,.token.constant,.token.function,.token.function-name,.token.number,.token.property,.token.symbol{color:var(--pink)}.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:var(--lavender)}.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:var(--hiq-color-primary)}.token.entity,.token.operator,.token.url{color:#67cdcc}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green} \ No newline at end of file diff --git a/src/spectre.css b/src/spectre.css index 1e9b4be..1499dcc 100644 --- a/src/spectre.css +++ b/src/spectre.css @@ -1,4 +1,4 @@ -/*! Spectre.css v0.5.8 | MIT License | github.com/picturepan2/spectre */ +/*! Spectre.css v0.5.9 | MIT License | github.com/picturepan2/spectre */ /* Manually forked from Normalize.css */ /* normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */ /** 1. Change the default font family in all browsers (opinionated). 2. Correct the line height in all browsers. 3. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS. */ @@ -761,8 +761,8 @@ html:lang(ko), } .btn-group { - display: inline-flex; display: -ms-inline-flexbox; + display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @@ -796,8 +796,8 @@ html:lang(ko), } .btn-group.btn-group-block { - display: flex; display: -ms-flexbox; + display: flex; } .btn-group.btn-group-block .btn { @@ -1166,8 +1166,8 @@ textarea.form-input.input-sm { } .input-group { - display: flex; display: -ms-flexbox; + display: flex; } .input-group .input-group-addon { @@ -1237,8 +1237,8 @@ textarea.form-input.input-sm { } .input-group.input-inline { - display: inline-flex; display: -ms-inline-flexbox; + display: inline-flex; } .has-success .form-input, @@ -1306,15 +1306,28 @@ textarea.form-input.input-sm { border-color: #e85600; } +.form-input:not(:-ms-input-placeholder):invalid { + border-color: #e85600; +} + .form-input:not(:placeholder-shown):invalid { border-color: #e85600; } +.form-input:not(:-ms-input-placeholder):invalid:focus { + background: #fffaf7; + box-shadow: 0 0 0 .1rem rgba(232, 86, 0, .2); +} + .form-input:not(:placeholder-shown):invalid:focus { background: #fffaf7; box-shadow: 0 0 0 .1rem rgba(232, 86, 0, .2); } +.form-input:not(:-ms-input-placeholder):invalid + .form-input-hint { + color: #e85600; +} + .form-input:not(:placeholder-shown):invalid + .form-input-hint { color: #e85600; } @@ -1349,8 +1362,8 @@ input.disabled + .form-icon { } .form-horizontal .form-group { - display: flex; display: -ms-flexbox; + display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @@ -1536,31 +1549,36 @@ video.video-responsive::before { display: none !important; } +.cols, .columns { - display: flex; display: -ms-flexbox; + display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -.4rem; margin-right: -.4rem; } +.cols.col-gapless, .columns.col-gapless { margin-left: 0; margin-right: 0; } +.cols.col-gapless > .column, .columns.col-gapless > .column { padding-left: 0; padding-right: 0; } +.cols.col-oneline, .columns.col-oneline { -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow-x: auto; } +[class~="col-"], .column { -ms-flex: 1; flex: 1; @@ -1569,6 +1587,19 @@ video.video-responsive::before { padding-right: .4rem; } +[class~="col-"].col-12, +[class~="col-"].col-11, +[class~="col-"].col-10, +[class~="col-"].col-9, +[class~="col-"].col-8, +[class~="col-"].col-7, +[class~="col-"].col-6, +[class~="col-"].col-5, +[class~="col-"].col-4, +[class~="col-"].col-3, +[class~="col-"].col-2, +[class~="col-"].col-1, +[class~="col-"].col-auto, .column.col-12, .column.col-11, .column.col-10, @@ -1975,8 +2006,8 @@ video.video-responsive::before { } .hero { - display: flex; display: -ms-flexbox; + display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: justify; @@ -2001,8 +2032,8 @@ video.video-responsive::before { .navbar { align-items: stretch; - display: flex; display: -ms-flexbox; + display: flex; -ms-flex-align: stretch; -ms-flex-pack: justify; -ms-flex-wrap: wrap; @@ -2012,8 +2043,8 @@ video.video-responsive::before { .navbar .navbar-section { align-items: center; - display: flex; display: -ms-flexbox; + display: flex; -ms-flex: 1 0 0; flex: 1 0 0; -ms-flex-align: center; @@ -2026,8 +2057,8 @@ video.video-responsive::before { .navbar .navbar-center { align-items: center; - display: flex; display: -ms-flexbox; + display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-align: center; @@ -2038,8 +2069,8 @@ video.video-responsive::before { text-decoration: none; } -.accordion input:checked ~ .accordion-header .icon, -.accordion[open] .accordion-header .icon { +.accordion input:checked ~ .accordion-header > .icon:first-child, +.accordion[open] .accordion-header > .icon:first-child { transform: rotate(90deg); } @@ -2238,8 +2269,8 @@ summary.accordion-header::-webkit-details-marker { .bar { background: #eef0f3; border-radius: .1rem; - display: flex; display: -ms-flexbox; + display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; height: .8rem; @@ -2314,8 +2345,8 @@ summary.accordion-header::-webkit-details-marker { background: #fff; border: .05rem solid #dadee4; border-radius: .1rem; - display: flex; display: -ms-flexbox; + display: flex; -ms-flex-direction: column; flex-direction: column; } @@ -2360,8 +2391,8 @@ summary.accordion-header::-webkit-details-marker { align-items: center; background: #eef0f3; border-radius: 5rem; - display: inline-flex; display: -ms-inline-flexbox; + display: inline-flex; -ms-flex-align: center; font-size: 90%; height: 1.2rem; @@ -2500,8 +2531,8 @@ summary.accordion-header::-webkit-details-marker { .menu .menu-badge { align-items: center; - display: flex; display: -ms-flexbox; + display: flex; -ms-flex-align: center; height: 100%; position: absolute; @@ -2531,8 +2562,8 @@ summary.accordion-header::-webkit-details-marker { .modal:target, .modal.active { - display: flex; display: -ms-flexbox; + display: flex; opacity: 1; z-index: 400; } @@ -2573,8 +2604,8 @@ summary.accordion-header::-webkit-details-marker { background: #fff; border-radius: .1rem; box-shadow: 0 .2rem .5rem rgba(48, 55, 66, .3); - display: flex; display: -ms-flexbox; + display: flex; -ms-flex-direction: column; flex-direction: column; max-height: 75vh; @@ -2604,8 +2635,8 @@ summary.accordion-header::-webkit-details-marker { } .nav { - display: flex; display: -ms-flexbox; + display: flex; -ms-flex-direction: column; flex-direction: column; list-style: none; @@ -2639,8 +2670,8 @@ summary.accordion-header::-webkit-details-marker { } .pagination { - display: flex; display: -ms-flexbox; + display: flex; list-style: none; margin: .2rem 0; padding: .2rem 0; @@ -2700,8 +2731,8 @@ summary.accordion-header::-webkit-details-marker { .panel { border: .05rem solid #dadee4; border-radius: .1rem; - display: flex; display: -ms-flexbox; + display: flex; -ms-flex-direction: column; flex-direction: column; } @@ -2785,8 +2816,8 @@ summary.accordion-header::-webkit-details-marker { } .step { - display: flex; display: -ms-flexbox; + display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; list-style: none; @@ -2855,8 +2886,8 @@ summary.accordion-header::-webkit-details-marker { .tab { align-items: center; border-bottom: .05rem solid #dadee4; - display: flex; display: -ms-flexbox; + display: flex; -ms-flex-align: center; -ms-flex-wrap: wrap; flex-wrap: wrap; @@ -2922,8 +2953,8 @@ summary.accordion-header::-webkit-details-marker { .tile { align-content: space-between; align-items: flex-start; - display: flex; display: -ms-flexbox; + display: flex; -ms-flex-align: start; -ms-flex-line-pack: justify; } @@ -3285,13 +3316,13 @@ a.text-error:visited { } .d-flex { - display: flex; display: -ms-flexbox; + display: flex; } .d-inline-flex { - display: inline-flex; display: -ms-inline-flexbox; + display: inline-flex; } .d-none, @@ -3387,6 +3418,7 @@ a.text-error:visited { .loading::after { animation: loading 500ms infinite linear; + background: transparent; border: .1rem solid #5755d9; border-radius: 50%; border-right-color: transparent; @@ -3397,6 +3429,8 @@ a.text-error:visited { left: 50%; margin-left: -.4rem; margin-top: -.4rem; + opacity: 1; + padding: 0; position: absolute; top: 50%; width: .8rem; @@ -3441,8 +3475,8 @@ a.text-error:visited { } .p-sticky { - position: sticky !important; position: -webkit-sticky !important; + position: sticky !important; } .p-centered { @@ -3454,8 +3488,8 @@ a.text-error:visited { .flex-centered { align-items: center; - display: flex; display: -ms-flexbox; + display: flex; -ms-flex-align: center; -ms-flex-pack: center; justify-content: center; @@ -3693,6 +3727,18 @@ a.text-error:visited { font-size: 1.2em; } +.text-small { + font-size: .9em; +} + +.text-tiny { + font-size: .8em; +} + +.text-muted { + opacity: .8; +} + .text-ellipsis { overflow: hidden; text-overflow: ellipsis; diff --git a/src/w3c-ultramarine.css b/src/w3c-ultramarine.css index 1844f65..2672410 100644 --- a/src/w3c-ultramarine.css +++ b/src/w3c-ultramarine.css @@ -11,163 +11,21 @@ copy it. */ - /* begin body type */ /* 1 - humanist sans a */ +/* X11NS4 */ -body { - font-size: 1em; - font-weight: normal; - word-spacing: normal; - letter-spacing: normal; - text-transform: none; - font-family: Verdana, Myriad Web, Syntax, sans-serif; - font-size-adjust: .58; - } - -p, blockquote, ul, ol, dl, dd, li, dir, menu { - /* inherit from body */ - } - -small { - font-size: .92em; - } - -big { - font-size: 1.17em; - } -pre { - font-family: 'Monotype.com', Courier New, monospace; - } - -ol li { - list-style-type: decimal; - } - -ol ol li { - list-style-type: lower-alpha; - } - -ol ol ol li { - list-style-type: lower-roman; - } -table, tbody, tr, td { - font-size: 1em; - word-spacing: normal; - letter-spacing: normal; - text-transform: none; - font-family: Verdana, Myriad Web, Syntax, sans-serif; - font-size-adjust: .58; - } - /* end body type */ - - - - - /* begin header type */ /* 1 - humanist sans a */ - -h1 { - font-family: Tahoma, Verdana, Myriad Web, Syntax, sans-serif; - font-size-adjust: .53; - font-size: 2em; - font-weight: 500; - font-style: normal; - text-decoration: none; - word-spacing: normal; - letter-spacing: normal; - text-transform: none; - } - -h2 { - font-family: Tahoma, Verdana, Myriad Web, Syntax, sans-serif; - font-size-adjust: .53; - font-size: 1.75em; - font-weight: 500; - font-style: normal; - text-decoration: none; - word-spacing: normal; - letter-spacing: normal; - text-transform: none; - } - -h3 { - font-family: Tahoma, Verdana, Myriad Web, Syntax, sans-serif; - font-size-adjust: .53; - font-size: 1.58em; - font-weight: 600; - font-style: normal; - text-decoration: none; - word-spacing: normal; - letter-spacing: normal; - text-transform: none; - } - -h4 { - font-family: Tahoma, Verdana, Myriad Web, Syntax, sans-serif; - font-size-adjust: .53; - font-size: 1.33em; - font-weight: 600; - font-style: normal; - text-decoration: none; - word-spacing: normal; - letter-spacing: normal; - text-transform: none; - } - -h5, dt { - font-family: Tahoma, Verdana, Myriad Web, Syntax, sans-serif; - font-size-adjust: .53; - font-size: 1.17em; - font-weight: 600; - font-style: normal; - text-decoration: none; - word-spacing: normal; - letter-spacing: normal; - text-transform: none; - } - -h6 { - font-family: Tahoma, Verdana, Myriad Web, Syntax, sans-serif; - font-size-adjust: .53; - font-size: 1em; - font-weight: 700; - font-style: normal; - text-decoration: none; - word-spacing: normal; - letter-spacing: normal; - text-transform: none; - } - -tfoot, thead { - font-size: 1em; - word-spacing: normal; - letter-spacing: normal; - text-transform: none; - font-family: Verdana, Myriad Web, Syntax, sans-serif; - font-size-adjust: .53; - } - -th { - vertical-align: baseline; - font-size: 1em; - font-weight: bold; - word-spacing: normal; - letter-spacing: normal; - text-transform: none; - font-family: Verdana, Myriad Web, Syntax, sans-serif; - font-size-adjust: .53; - } - -hr { - visibility: hidden; - } - - /* end header type */ +/* X11NS4 */ +h1, h2, h3, h4, h5, h6, th, dt { font-family: Tahoma, Verdana, 'Myriad Web', Syntax, sans-serif; } +/* X11NS4 */ +p, div, ul, dl, dt, dd, pre, ol, li, blockquote, address { + color: #F5F5F5; + } /* begin affordances */ /* 8 - bluegold */ a, address, blockquote, body, cite, code, dd, del, dfn, @@ -310,488 +168,18 @@ a.offsite { - /* begin vertical */ /* 1 - pentatonic a */ - -a, address, blockquote, cite, code, dd, del, dfn, -div, dl, dt, em, form, h1, h2, h3, h4, h5, h6, iframe, img, kbd, -li, object, ol, p, q, samp, small, span, strong, sub, sup, ul, var, -applet, b, big, center, dir, font, hr, i, menu, pre, s, strike, tt, -u, abbr, acronym, bdo, button, fieldset, ins, label { - margin-top: 0; - margin-bottom: 0; - padding-top: 0; - padding-bottom: 0; - border-top: 0; - border-bottom: 0; - vertical-align: baseline; - } - -body { - line-height: 1.58em; - } - -div > p:first-child, body > p:first-child, td > p:first-child { - margin-top: .75em; - margin-bottom: .75em; - padding-top: 0; - padding-bottom: 0; - border-top: 0; - border-bottom: 0; - } - -h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p, div + p, p.initial { - margin-top: .75em; - margin-bottom: .75em; - padding-top: 0; - padding-bottom: 0; - border-top: 0; - border-bottom: 0; - } - -h1, h2, h3, h4, h5, h6 { - line-height: 1.33em; - } - -h1 { - margin-top: 1.33em; - margin-bottom: .33em; - padding-top: 0; - padding-bottom: 0; - border-top: 0; - border-bottom: 0; - } - -h2 { - margin-top: 1.75em; - margin-bottom: .33em; - padding-top: 0; - padding-bottom: 0; - border-top: 0; - border-bottom: 0; - } - -h3 { - margin-top: 1.58em; - margin-bottom: .33em; - padding-top: 0; - padding-bottom: 0; - border-top: 0; - border-bottom: 0; - } - -h4 { - margin-top: 1.33em; - margin-bottom: .33em; - padding-top: 0; - padding-bottom: 0; - border-top: 0; - border-bottom: 0; - } - -h5 { - margin-top: 1.17em; - margin-bottom: .33em; - padding-top: 0; - padding-bottom: 0; - border-top: 0; - border-bottom: 0; - } - -h6 { - margin-top: 1em; - margin-bottom: .33em; - padding-top: 0; - padding-bottom: 0; - border-top: 0; - border-bottom: 0; - } - -p { - margin-top: .75em; - margin-bottom: .75em; - padding-top: 0; - padding-bottom: 0; - border-top: 0; - border-bottom: 0; - } - -blockquote, fieldset, form, ul, ol, dl, dir, menu { - margin-top: .75em; - margin-bottom: .75em; - padding-top: 0; - padding-bottom: 0; - border-top: 0; - border-bottom: 0; - } - -dt { - margin-top: 0; - margin-bottom: 0; - padding-top: 0; - padding-bottom: 0; - border-top: 0; - border-bottom: 0; - } - -dd { - margin-top: 0; - margin-bottom: .75em; - padding-top: 0; - padding-bottom: 0; - border-top: 0; - border-bottom: 0; - } - -ul ul, ol ol, li address, li dl, li ol, li p, li ul, li dir, li hr, li menu, li pre, li h1, li h2, li h3, li h4, li h5, li h6, dd address, dd dl, dd ol, dd p, dd ul, dd dir, dd hr, dd menu, dd pre, dd h1, dd h2, dd h3, dd h4, dd h5, dd h6 { - margin-top: 0; - margin-bottom: 0; - padding-top: 0; - padding-bottom: 0; - border-top: 0; - border-bottom: 0; - } - -li { - margin-top: 0; - margin-bottom: 0; - padding-top: 0; - padding-bottom: 0; - border-top: 0; - border-bottom: 0; - } - -address { - margin-top: 1.58em; - margin-bottom: 1.58em; - padding-top: 0; - padding-bottom: 0; - border-top: 0; - border-bottom: 0; - } - -pre { - margin-top: .75em; - margin-bottom: .75em; - padding-top: 0; - padding-bottom: 0; - border-top: 0; - border-bottom: 0; - line-height: 1.25em; - } - -hr { - margin-top: .75em; - margin-bottom: .75em; - padding-top: 0; - padding-bottom: 0; - border-top: 0; - border-bottom: 0; - height: 1px; - } - -div, center { - margin-top: 0; - margin-bottom: 0; - padding-top: 0; - padding-bottom: 0; - border-top: 0; - border-bottom: 0; - } - -.subhead { - margin-top: .75em; - margin-bottom: .75em; - padding-top: 0; - padding-bottom: 0; - border-top: 0; - border-bottom: 0; - } - -.stb { - margin-top: 2.17em; - margin-bottom: .75em; - padding-top: 2.17em; - padding-bottom: 0; - border-top: 0; - border-bottom: 0; - border-style: solid - } - -.mtb { - margin-top: 3.08em; - margin-bottom: .75em; - padding-top: 3.08em; - padding-bottom: 0; - border-top: .1em; - border-bottom: 0; - border-style: solid - } - -.ltb { - margin-top: 4.34em; - margin-bottom: .75em; - padding-top: 4.34em; - padding-bottom: 0; - border-top: .25em; - border-bottom: 0; - border-style: solid - } - -col, colgroup, table, tbody, td, tfoot, th, thead, tr { - margin-top: 0; - margin-bottom: 0; - padding-top: 0; - padding-bottom: 0; - border-top: 0; - border-bottom: 0; - } - -td, th { - line-height: 1.33em; - } - - /* end vertical */ +/* X11NS4 */ - /* begin horizontal */ /* 1 - compact */ - -a, address, blockquote, cite, code, dd, del, dfn, -div, dl, dt, em, form, h1, h2, h3, h4, h5, h6, iframe, img, kbd, -li, object, ol, p, q, samp, small, span, strong, sub, sup, ul, var, -applet, b, big, center, dir, font, hr, i, menu, pre, s, strike, tt, -u, abbr, acronym, bdo, button, fieldset, ins, label { - margin-left: 0; - margin-right: 0; - padding-left: 0; - padding-right: 0; - border-left: 0; - border-right: 0; - text-align: left; - float: none; - clear: none; - list-style-position: outside; - } - -address, blockquote, dl, fieldset, form, ol, -p, ul, dir, hr, menu, pre { - margin-left: 0; - margin-right: 0; - padding-left: 0; - padding-right: 0; - border-left: 0; - border-right: 0; - } - -div > p:first-child, body > p:first-child, td > p:first-child { - margin-left: 0; - margin-right: 0; - padding-left: 0; - padding-right: 0; - border-left: 0; - border-right: 0; - text-align: left; - text-indent: 0; - } - -h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p, div + p, p.initial { - margin-left: 0; - margin-right: 0; - padding-left: 0; - padding-right: 0; - border-left: 0; - border-right: 0; - text-align: left; - text-indent: 0; - } - -h1 { - margin-left: 0; - margin-right: 0; - padding-left: 0; - padding-right: 0; - border-left: 0; - border-right: 0; - text-align: left; - } - -h2 { - margin-left: 0; - margin-right: 0; - padding-left: 0; - padding-right: 0; - border-left: 0; - border-right: 0; - text-align: left; - } - -h3 { - margin-left: 0; - margin-right: 0; - padding-left: 0; - padding-right: 0; - border-left: 0; - border-right: 0; - text-align: left; - } - -h4 { - margin-left: 0; - margin-right: 0; - padding-left: 0; - padding-right: 0; - border-left: 0; - border-right: 0; - text-align: left; - } - -h5 { - margin-left: 0; - margin-right: 0; - padding-left: 0; - padding-right: 0; - border-left: 0; - border-right: 0; - text-align: left; - } - -h6 { - margin-left: 0; - margin-right: 0; - padding-left: 0; - padding-right: 0; - border-left: 0; - border-right: 0; - text-align: left; - } - -p { - margin-left: 0; - margin-right: 0; - padding-left: 0; - padding-right: 0; - border-left: 0; - border-right: 0; - text-indent: 0; - } - -blockquote { - margin-left: 1.58em; - margin-right: 0; - padding-left: 0; - padding-right: 0; - border-left: 0; - border-right: 0; - } - -address { - margin-left: 0; - margin-right: 0; - padding-left: 0; - padding-right: 0; - border-left: 0; - border-right: 0; - } - -pre { - margin-left: 0; - margin-right: 0; - padding-left: 0; - padding-right: 0; - border-left: 0; - border-right: 0; - } - -li { - margin-left: 3.16em; - margin-right: 0; - padding-left: 0; - padding-right: 0; - border-left: 0; - border-right: 0; - } - -dt { - margin-left: 0; - margin-right: 0; - padding-left: 0; - padding-right: 0; - border-left: 0; - border-right: 0; - } - -dd { - margin-left: 1.58em; - margin-right: 0; - padding-left: 0; - padding-right: 0; - border-left: 0; - border-right: 0; - } - -ul ul, ol ol, li address, li dl, li ol, li p, li ul, li dir, li hr, li menu, li pre, li h1, li h2, li h3, li h4, li h5, li h6, dd address, dd dl, dd ol, dd p, dd ul, dd dir, dd hr, dd menu, dd pre, dd h1, dd h2, dd h3, dd h4, dd h5, dd h6 { - margin-left: 0; - margin-right: 0; - padding-left: 0; - padding-right: 0; - border-left: 0; - border-right: 0; - } - -hr { - margin-left: 0; - margin-right: 0; - padding-left: 0; - padding-right: 0; - border-left: 0; - border-right: 0; - text-align: left; - width: 100%; - } - -center { - margin-left: 0; - margin-right: 0; - padding-left: 0; - padding-right: 0; - border-left: 0; - border-right: 0; - text-align: left; - } - -col, colgroup, table, tbody, td, tfoot, th, thead, tr { - margin-left: 0; - margin-right: 0; - padding-left: 0; - padding-right: 0; - border-left: 0; - border-right: 0; - float: none; - clear: none; - } - -table { - text-align: left; - } - -td { - text-align: left; - } - -th { - text-align: left; - } - -caption { - text-align: left; - } - - /* end horizontal */ +/* X11NS4 */ + +/* X11NS4 */ /* begin body box */ /* 6 - 'twelvths symmetric' */ body { @@ -814,3 +202,4 @@ body { +