bullframe.css 4.0.1 → 4.1.1

package/dist/css/bullframe-system-default.min.css

@@ -0,0 +1,3 @@
+/*! bullframe.css v4.1.1 | MIT License | https://github.com/marcop135/bullframe.css */
+/*! custom build: bullframe-system-default */*,:after,:before{box-sizing:border-box}article,aside,details,dialog,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}template{display:none}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);color:#222;font-family:sans-serif;font-size:62.5%;line-height:1.15}body{word-wrap:break-word;background-color:#fff;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;font-size:16px;font-size:1.6rem;font-weight:400;line-height:1.5;margin:0;text-align:left;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{color:inherit;font-family:inherit;font-weight:700;font-weight:600;line-height:1.25;margin-bottom:1rem;margin-top:0}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{font-style:italic;margin:0 0 2rem;padding-left:0}blockquote p{margin-bottom:0}blockquote small{color:#999;display:block}blockquote small:before{content:"— "}q{quotes:"“" "”" "‘" "’"}pre{word-wrap:break-word;-ms-overflow-style:auto;display:block;-webkit-hyphens:none;hyphens:none;margin:0 0 2rem;overflow:auto;white-space:pre;word-break:break-all}code,kbd,pre,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,pre code{color:inherit}pre code{font-size:inherit;word-break:normal}p{margin:0 0 2rem}abbr[data-original-title],abbr[title]{border-bottom:0;cursor:help;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}mark{background-color:#ff0}ins,mark{color:#000}ins{background-color:#ff9;text-decoration:none}b,strong{font-weight:inherit;font-weight:bolder}dfn{font-style:italic}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-8px;top:-.8rem}sub{bottom:-4px;bottom:-.4rem}small{font-size:80%}hr{border-style:solid;border-width:1px 0 0;box-sizing:content-box;color:inherit;display:block;height:0;margin:2rem 0;overflow:visible;padding:0}address{font-style:normal;line-height:inherit;margin-bottom:1rem}summary{cursor:pointer;display:list-item}a{background-color:transparent;color:#007bff;text-decoration:none}a:focus,a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([class]),a:not([href]):not([class]):hover,a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}:focus:not(:focus-visible){outline:none}[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}a:focus,input:focus{outline:2px solid orange}:focus-visible{outline:2px solid orange}[type=button]:focus,[type=checkbox]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=email]:focus,[type=month]:focus,[type=number]:focus,[type=password]:focus,[type=radio]:focus,[type=reset]:focus,[type=search]:focus,[type=submit]:focus,[type=tel]:focus,[type=text]:focus,[type=time]:focus,[type=url]:focus,[type=week]:focus,button:focus,input[list]:focus,select:focus,textarea:focus{outline:0}dl,menu,ol,ul{margin:0 0 2rem;padding:0}dd,menu ol,menu ul,ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ol,ul{margin-left:2rem}nav ol,nav ul{list-style:none;list-style-image:none;margin-left:0}dd{margin-left:0}nav li:before{content:"​";position:absolute}audio,canvas,progress,video{display:inline-block}audio,canvas,embed,iframe,img,object,video{max-width:100%}audio,canvas,img,svg,video{vertical-align:middle}img{border-style:none;height:auto}figure{margin:0}figcaption,figure{display:block}figcaption{font-size:90%;line-height:1.375}video{height:auto}audio{width:100%}audio:not([controls]){display:none;height:0}svg:not(:root){overflow:hidden}svg:not([fill]){fill:currentColor}meter,progress{display:inline-block;max-width:100%;vertical-align:baseline;width:100%}progress[value]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ccc;border:none;color:#007bff;height:20px;height:2rem}progress[value]::-webkit-progress-bar{background:#ccc}progress[value]::-webkit-progress-value{background:#007bff}iframe{border-style:none}button,html input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:inherit;line-height:inherit}[type=checkbox],[type=radio],button,html input,optgroup,select,textarea{margin:0}html input,legend,select,textarea{width:100%}[type=checkbox],[type=image],[type=radio],[type=reset],[type=submit],button,html [type=button],html label{width:auto}[type=reset],[type=submit],button,html [type=button],html input,label,output,select,textarea{display:inline-block}[type=file]{background-color:transparent;display:block}button,html input,select,textarea{background-image:none}input,select,textarea{vertical-align:baseline}form{margin:0}fieldset{margin:0;min-width:0}fieldset,legend{border:0;padding:0}legend{color:inherit;display:table;font-size:inherit;max-width:100%;white-space:normal}label,legend{font-weight:400;line-height:1.375;margin-bottom:.5rem}label{font-size:90%}label input,label select,label textarea{font-size:110%}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-color-swatch-wrapper{padding:0}[type=search]{outline-offset:-2.5px;outline-offset:-.25rem}output{vertical-align:middle}button,select{text-transform:none}select{word-wrap:normal}[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none!important}optgroup{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:700;font-weight:600}[type=date],[type=datetime-local],[type=email],[type=image],[type=month],[type=number],[type=password],[type=reset],[type=search],[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration,[type=submit],[type=tel],[type=text],[type=url],[type=week],button,html [type=button],input[list],textarea{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}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=checkbox],[type=radio]{background-color:#fff;padding:0}[type=range]{background-color:transparent}select[multiple],select[size]{height:auto}select[multiple]{background-image:none}textarea{height:auto;min-height:60px;min-height:6rem;overflow:auto;resize:vertical;vertical-align:top}::-moz-focus-inner{border-style:none;padding:0}[type=button],[type=reset],[type=submit],button{-webkit-tap-highlight-color:rgba(0,0,0,0);background-clip:padding-box;background-image:none;border:0;line-height:normal;margin:0;overflow:visible;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:baseline}[role=button],[type=checkbox],[type=radio],[type=range],button,input[type=button],input[type=submit],select{cursor:pointer}input::-moz-placeholder,textarea::-moz-placeholder{color:#666}input::placeholder,textarea::placeholder{color:#666}:-moz-ui-invalid{box-shadow:none}[type=date],[type=datetime-local],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],input[list],select,textarea{background-color:#fff;border:1px solid #999;padding:.5rem .75rem}[type=checkbox]:active,[type=checkbox]:focus,[type=date]:active,[type=date]:focus,[type=datetime-local]:active,[type=datetime-local]:focus,[type=email]:active,[type=email]:focus,[type=month]:active,[type=month]:focus,[type=number]:active,[type=number]:focus,[type=password]:active,[type=password]:focus,[type=radio]:active,[type=radio]:focus,[type=search]:active,[type=search]:focus,[type=tel]:active,[type=tel]:focus,[type=text]:active,[type=text]:focus,[type=time]:active,[type=time]:focus,[type=url]:active,[type=url]:focus,[type=week]:active,[type=week]:focus,input[list]:active,input[list]:focus,select:active,select:focus,textarea:active,textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px rgba(0,86,179,.25);transition:border .2s,background-color .2s,box-shadow .2s}[type=button],[type=reset],[type=submit],button{background:#ccc;color:#222;padding:.6666666667rem 1.3333333333rem;transition:color .2s,background .2s,box-shadow .2s}[type=button]:active,[type=button]:focus,[type=button]:hover,[type=reset]:active,[type=reset]:focus,[type=reset]:hover,[type=submit]:active,[type=submit]:focus,[type=submit]:hover,button:active,button:focus,button:hover{background:#b3b3b3;color:#222;text-decoration:none}[type=button]:active,[type=button]:focus,[type=reset]:active,[type=reset]:focus,[type=submit]:active,[type=submit]:focus,button:active,button:focus{box-shadow:0 0 0 3px rgba(0,0,0,.15)}button:disabled,button[aria-disabled=true],button[disabled],fieldset[disabled] button,fieldset[disabled] input,fieldset[disabled] input:after,fieldset[disabled] input:before,fieldset[disabled] input:checked,fieldset[disabled] label,fieldset[disabled] select,fieldset[disabled] textarea,input:disabled,input:disabled:after,input:disabled:before,input:disabled:checked,input[aria-disabled=true],input[aria-disabled=true]:after,input[aria-disabled=true]:before,input[aria-disabled=true]:checked,input[disabled],input[disabled]:after,input[disabled]:before,input[disabled]:checked,label:disabled,label[aria-disabled=true],label[disabled],select:disabled,select[aria-disabled=true],select[disabled],textarea:disabled,textarea[aria-disabled=true],textarea[disabled]{box-shadow:none!important;cursor:default!important;cursor:not-allowed!important;opacity:.5!important;pointer-events:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}select:not([size]):not([multiple]){-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23343a40' d='M2 0 0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .85rem center/8px 10px;padding-right:2rem}select::-ms-expand{display:none}[dir=rtl] select:not([size]):not([multiple]),select[dir=rtl]:not([size]):not([multiple]){background-position:left .85rem top 50%;padding-left:2rem;padding-right:.75rem}@supports ((-webkit-appearance:none) or (-moz-appearance:none) or (appearance:none)){[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #999;height:1.8rem;position:relative;vertical-align:top;width:1.8rem}[type=checkbox]+label,[type=radio]+label{line-height:1.8rem;margin-left:.5rem;vertical-align:top}[dir=rtl] [type=checkbox]+label,[dir=rtl] [type=radio]+label,[type=checkbox][dir=rtl]+label,[type=radio][dir=rtl]+label{margin-left:0;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{background:#fff;border-radius:50%;height:1.8rem;left:-.05rem;top:-.05rem;transform:scale(.35);width:1.8rem}[type=checkbox]:after{border:2px solid #fff;border-left:0;border-top:0;height:.8rem;left:35%;top:20%;transform:rotate(43deg);width:.6rem}[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:1.4rem;width:100%}}@supports ((-webkit-appearance:none) or (-moz-appearance:none) or (appearance:none)){[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#007bff;border:0;border-radius:1.5rem;height:1.5rem;margin-top:-.25rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:1.5rem}[type=range]::-webkit-slider-thumb:active{background-color:#007bff}[type=range]::-moz-range-thumb{-moz-appearance:none;appearance:none;background-color:#007bff;border:0;border-radius:1.5rem;height:1.5rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:1.5rem}[type=range]::-moz-range-thumb:active{background-color:#007bff}[type=range]::-webkit-slider-runnable-track{background-color:#e9e9e9;border-color:transparent;color:transparent;cursor:pointer;height:.65rem;width:100%}[type=range]::-moz-range-track{background-color:#e9e9e9;border-color:transparent;color:transparent;cursor:pointer;height:.65rem;width:100%}[type=range]:focus{outline:none}[type=range]:focus::-webkit-slider-thumb{box-shadow:0 0 0 .1rem #fff,0 0 0 .2rem rgba(0,123,255,.25)}[type=range]:focus::-moz-slider-thumb{box-shadow:0 0 0 .1rem #fff,0 0 0 .2rem rgba(0,123,255,.25)}[type=range]::-moz-focus-outer{border:0}[type=range]:focus::-moz-range-thumb{box-shadow:0 0 0 .1rem #fff,0 0 0 .2rem rgba(0,123,255,.25)}[type=range]:disabled{pointer-events:none}[type=range]:disabled::-webkit-slider-thumb{background-color:#ccc}[type=range]:disabled::-moz-slider-thumb{background-color:#ccc}}table{border-collapse:collapse;max-width:100%}tbody,td,tfoot,th,thead,tr{border:0 solid;border-color:inherit}thead th{vertical-align:bottom}td,th{vertical-align:top}th{font-weight:700;text-align:inherit}caption{caption-side:bottom;color:#999;font-size:90%;line-height:1.375;padding-bottom:.5rem;padding-top:.5rem;text-align:left}.bf-container,.bf-container--fluid{box-sizing:content-box;display:block;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}.bf-container--fluid:after,.bf-container--fluid:before,.bf-container:after,.bf-container:before{content:" ";display:table}.bf-container--fluid:after,.bf-container:after{clear:both}.bf-container{max-width:1140px;max-width:114rem}.bf-row{display:block;margin-left:-1.5rem;margin-right:-1.5rem}.bf-row:after,.bf-row:before{content:" ";display:table}.bf-row:after{clear:both}[class^=bf-col-]{float:left;min-height:1px;padding-left:1.5rem;padding-right:1.5rem;position:relative}.bf-no-gutters{margin-left:0;margin-right:0}.bf-no-gutters>[class^=bf-col]{padding-left:0;padding-right:0}.bf-col-12{width:100%}.bf-col-11{width:91.6666666667%}.bf-col-10{width:83.3333333333%}.bf-col-9{width:75%}.bf-col-8{width:66.6666666667%}.bf-col-7{width:58.3333333333%}.bf-col-6{width:50%}.bf-col-5{width:41.6666666667%}.bf-col-4{width:33.3333333333%}.bf-col-3{width:25%}.bf-col-2{width:16.6666666667%}.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]{float:none;margin-left:0;padding-left:0;padding-right:0;width:100%}}@media (max-width:767px){.bf-container--break-md .bf-row{margin-left:0;margin-right:0}.bf-container--break-md [class^=bf-col]{float:none;margin-left:0;padding-left:0;padding-right:0;width:100%}}@media (max-width:991px){.bf-container--break-lg .bf-row{margin-left:0;margin-right:0}.bf-container--break-lg [class^=bf-col]{float:none;margin-left:0;padding-left:0;padding-right:0;width:100%}}table td[class^=bf-col],table th[class^=bf-col]{position:static}.bf-clearfix:after,.bf-clearfix:before{content:" ";display:table}.bf-clearfix:after{clear:both}.bf-hidden,.bf-hide{display:none!important}.bf-hidden{visibility:hidden!important}.bf-text-hide{background-color:transparent!important;color:transparent!important;font:0/0 a!important;margin:0!important;text-shadow:none!important}.bf-sr-only,.bf-text-hide{border:0!important;padding:0!important}.bf-sr-only{clip:rect(0,0,0,0)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.bf-sr-only.focusable:active,.bf-sr-only.focusable:focus{clip:auto!important;height:auto!important;margin:0!important;overflow:visible!important;position:static!important;white-space:inherit!important;width:auto!important}.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;text-align:center!important}.bf-display-inline{display:inline!important}.bf-display-inline-block{display:inline-block!important}.bf-display-flex{display:flex!important}.bf-display-inline-flex{display:inline-flex!important}.bf-display-flex--justify-start{justify-content:flex-start!important}.bf-display-flex--justify-end{justify-content:flex-end!important}.bf-display-flex--justify-center{justify-content:center!important}.bf-display-flex--wrap{flex-wrap:wrap!important}.bf-display-flex--nowrap{flex-wrap:nowrap!important}.bf-float-left{float:left!important}.bf-float-right{float:right!important}.bf-position-fixed{position:fixed!important}.bf-position-sticky{position:sticky!important;top:0!important}.bf-align-center-unknown{position:relative!important}.bf-align-center-unknown--item{left:50%!important;position:absolute!important;top:50%!important;transform:translate(-50%,-50%)!important}.bf-align-center-flex{align-items:center;display:flex;justify-content:center}.bf-width-25{width:25%!important}.bf-width-33{width:33.3333333333%!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-z-index-1{z-index:1}.bf-z-index-2{z-index:2}.bf-z-index-3{z-index:3}.bf-z-index-4{z-index:4}.bf-z-index-5{z-index:5}.bf-z-index-6{z-index:6}.bf-z-index-7{z-index:7}.bf-z-index-8{z-index:8}.bf-z-index-9{z-index:9}.bf-z-index-10{z-index:10}.bf-z-index-20{z-index:20}.bf-z-index-30{z-index:30}.bf-z-index-40{z-index:40}.bf-z-index-50{z-index:50}.bf-z-index-60{z-index:60}.bf-z-index-70{z-index:70}.bf-z-index-80{z-index:80}.bf-z-index-90{z-index:90}.bf-z-index-100{z-index:100}.bf-z-index-200,.bf-z-index-300{z-index:200}.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-1{margin-bottom:.5rem!important}.bf-m-2{margin-bottom:1rem!important}.bf-m-3{margin-bottom:2rem!important}.bf-m-4{margin-bottom:3rem!important}.bf-m-b-1{margin-bottom:.5rem!important}.bf-m-b-2{margin-bottom:1rem!important}.bf-m-b-3{margin-bottom:2rem!important}.bf-m-b-4{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-1{padding-bottom:.5rem!important}.bf-p-2{padding-bottom:1rem!important}.bf-p-3{padding-bottom:2rem!important}.bf-p-4{padding-bottom:3rem!important}.bf-p-t-1{padding-top:.5rem!important}.bf-p-t-2{padding-top:1rem!important}.bf-p-t-3{padding-top:2rem!important}.bf-p-t-4{padding-top:3rem!important}.bf-p-b-1{padding-bottom:.5rem!important}.bf-p-b-2{padding-bottom:1rem!important}.bf-p-b-3{padding-bottom:2rem!important}.bf-p-b-4{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 2px #222!important;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{word-wrap:normal!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.bf-t-truncate--multiline-2{-webkit-line-clamp:2!important}.bf-t-truncate--multiline-2,.bf-t-truncate--multiline-3{-webkit-box-orient:vertical!important;display:-webkit-box!important;overflow:hidden!important;text-overflow:ellipsis!important}.bf-t-truncate--multiline-3{-webkit-line-clamp:3!important}.bf-no-select{-webkit-touch-callout:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.bf-font-sans-serif{font-family:-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;line-height:1.2!important;margin-bottom:1rem!important;margin-top:0!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 + 0.44118vw - 1.41176px);--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{-webkit-tap-highlight-color:rgba(0,0,0,0);background-clip:padding-box;background-color:#ccc;background-image:none;border:0;border-radius:2.5px;border-radius:.25rem;color:#222;cursor:pointer;display:inline-block;line-height:normal;margin:0;overflow:visible;padding:.6666666667rem 1.3333333333rem;text-align:center;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:baseline}.bf-btn:active,.bf-btn:focus,.bf-btn:hover{background:#b3b3b3;color:#222;text-decoration:none}.bf-btn:active,.bf-btn:focus{box-shadow:0 0 0 3px rgba(0,0,0,.15)}.bf-btn:focus{outline:0}.bf-btn.bf-btn--primary{background:#007bff;color:#fff}.bf-btn.bf-btn--primary:active,.bf-btn.bf-btn--primary:focus,.bf-btn.bf-btn--primary:hover{background:#0062cc;color:#fff}.bf-btn.bf-btn--primary:active,.bf-btn.bf-btn--primary:focus{box-shadow:0 0 0 3px rgba(0,86,179,.25)}.bf-btn:disabled,.bf-btn[aria-disabled=true],.bf-btn[disabled],fieldset[disabled] .bf-btn{box-shadow:none!important;cursor:default!important;cursor:not-allowed!important;opacity:.5!important;pointer-events:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.bf-focused{border-color:#007bff!important;box-shadow:0 0 0 3px rgba(0,86,179,.25)!important;transition:border .2s,background-color .2s,box-shadow .2s!important}.bf-disabled,.bf-disabled:active,.bf-disabled:after,.bf-disabled:before,.bf-disabled:checked,.bf-disabled:focus,.bf-disabled:hover,.bf-disabled:invalid{background-color:#fff;border-color:#999;box-shadow:none!important;cursor:default!important;cursor:not-allowed!important;opacity:.5!important;pointer-events:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}label.bf-disabled{background-color:transparent;border-color:transparent}.bf-btn.bf-disabled,[type=button].bf-disabled,[type=reset].bf-disabled,[type=submit].bf-disabled,button.bf-disabled{background:#ccc;box-shadow:none;color:#222;cursor:default;cursor:not-allowed;opacity:.5;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bf-btn.bf-disabled:active,.bf-btn.bf-disabled:focus,.bf-btn.bf-disabled:hover,[type=button].bf-disabled:active,[type=button].bf-disabled:focus,[type=button].bf-disabled:hover,[type=reset].bf-disabled:active,[type=reset].bf-disabled:focus,[type=reset].bf-disabled:hover,[type=submit].bf-disabled:active,[type=submit].bf-disabled:focus,[type=submit].bf-disabled:hover,button.bf-disabled:active,button.bf-disabled:focus,button.bf-disabled:hover{background:#ccc;box-shadow:none;color:#222}.bf-btn--primary.bf-disabled{cursor:default;cursor:not-allowed;opacity:.5;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bf-btn--primary.bf-disabled,.bf-btn--primary.bf-disabled:active,.bf-btn--primary.bf-disabled:focus,.bf-btn--primary.bf-disabled:hover{background:#007bff;box-shadow:none;color:#fff}.bf-invalid,.bf-invalid:focus{border-color:red!important;box-shadow:0 0 0 3px rgba(255,0,0,.25)!important;color:red!important}.bf-list-unstyled,dd.bf-list-unstyled,menu ol.bf-list-unstyled,menu ul.bf-list-unstyled,ol.bf-list-unstyled ol,ol.bf-list-unstyled ul,ul.bf-list-unstyled ol,ul.bf-list-unstyled ul{list-style:none;margin:0;padding:0}dt{font-weight:700}.bf-embed-responsive{display:block;overflow:hidden;padding:0;position:relative;width:100%}.bf-embed-responsive:before{content:"";display:block;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 embed,.bf-embed-responsive iframe,.bf-embed-responsive object,.bf-embed-responsive video{border:0;bottom:0;height:100%;left:0;position:absolute;top:0;width:100%}.bf-table td,.bf-table th{border-bottom:1px solid #999;margin-bottom:.5rem;padding:1rem}.bf-table-responsive{-ms-overflow-style:scrollbar;overflow-x:auto;overflow-y:hidden}.bf-table-responsive table{margin-bottom:.5rem;width:100%}.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{*,:after,:before{background:#fff!important;box-shadow:none!important;color:#000!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}blockquote,pre{border:1px solid #999}blockquote,img,pre,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.bf-container,body{min-width:992px!important}.bf-table-responsive{overflow:auto}.bf-table-responsive table{width:auto}.bf-table,.bf-table-responsive table{border-collapse:collapse!important}}@media (prefers-reduced-motion:reduce){.bf-reduced-motion,.bf-reduced-motion *,.bf-reduced-motion :after,.bf-reduced-motion :before,.bf-reduced-motion:after,.bf-reduced-motion:before{animation-delay:-1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;background-attachment:scroll!important;scroll-behavior:auto!important;transition-delay:0s!important;transition-duration:0s!important}}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled=true],[disabled]{cursor:not-allowed}[aria-hidden=false][hidden]{display:initial}[aria-hidden=false][hidden]:not(:focus){clip:rect(0,0,0,0);position:absolute}@media (prefers-color-scheme:dark){html{scrollbar-color:#595959 #111}::-webkit-scrollbar{height:1.5rem;width:1.5rem}::-webkit-scrollbar-track{background-color:#111}::-webkit-scrollbar-thumb{background-color:#595959}::-webkit-scrollbar-thumb:hover{background-color:gray}html{color:#f0f0f0}body{background-color:#242424}a{color:#66b0ff}a:focus,a:hover{color:#1a88ff}mark{background-color:#cc0}ins{background-color:#b3b300}[type=date],[type=datetime-local],[type=email],[type=month],[type=number],[type=password],[type=range],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],input[list],select,select:not([size]):not([multiple]),textarea{background-color:#111;border-color:#000;color:#ccc}[type=date]:active,[type=date]:focus,[type=datetime-local]:active,[type=datetime-local]:focus,[type=email]:active,[type=email]:focus,[type=month]:active,[type=month]:focus,[type=number]:active,[type=number]:focus,[type=password]:active,[type=password]:focus,[type=range]:active,[type=range]:focus,[type=search]:active,[type=search]:focus,[type=tel]:active,[type=tel]:focus,[type=text]:active,[type=text]:focus,[type=time]:active,[type=time]:focus,[type=url]:active,[type=url]:focus,[type=week]:active,[type=week]:focus,input[list]:active,input[list]:focus,select:active,select:focus,select:not([size]):not([multiple]):active,select:not([size]):not([multiple]):focus,textarea:active,textarea:focus{background-color:#111;border-color:#3395ff}[type=date]:active,[type=date]:focus,[type=datetime-local]:active,[type=datetime-local]:focus,[type=email]:active,[type=email]:focus,[type=month]:active,[type=month]:focus,[type=number]:active,[type=number]:focus,[type=password]:active,[type=password]:focus,[type=search]:active,[type=search]:focus,[type=tel]:active,[type=tel]:focus,[type=text]:active,[type=text]:focus,[type=time]:active,[type=time]:focus,[type=url]:active,[type=url]:focus,[type=week]:active,[type=week]:focus,input[list]:active,input[list]:focus,select:active,select:focus,select:not([size]):not([multiple]):active,select:not([size]):not([multiple]):focus,textarea:active,textarea:focus{box-shadow:0 0 0 3px rgba(3,102,214,.5)}.bf-focused{border-color:#3395ff;box-shadow:0 0 0 3px rgba(3,102,214,.5)!important}.bf-invalid,.bf-invalid:focus{border-color:#ff2626!important;color:#ff2626!important}select:not([size]):not([multiple]){background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23f0f0f0' d='M2 0 0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E")}}@media screen and (prefers-color-scheme:dark) and (min-width:0\0) and (-webkit-min-device-pixel-ratio:0),screen and (prefers-color-scheme:dark) and (min-width:0\0) and (min-resolution:0.001dpcm){[dir=rtl] select:not([size]):not([multiple]),select:not([size]):not([multiple]),select[dir=rtl]:not([size]):not([multiple]){background-image:none}}@media (prefers-color-scheme:dark){@supports ((-webkit-appearance:none) or (-moz-appearance:none) or (appearance:none)){[type=range],[type=range]:focus{background-color:transparent}[type=range]::-webkit-slider-runnable-track{background-color:#111}[type=range]::-moz-range-track{background-color:#111}}input::-moz-placeholder,textarea::-moz-placeholder{color:#999}input::placeholder,textarea::placeholder{color:#999}.bf-btn,.bf-btn.bf-disabled,[type=button],[type=button].bf-disabled,[type=reset],[type=reset].bf-disabled,[type=submit],[type=submit].bf-disabled,button,button.bf-disabled{background:#ccc}.bf-btn.bf-disabled:active,.bf-btn.bf-disabled:focus,.bf-btn.bf-disabled:hover,.bf-btn:active,.bf-btn:focus,.bf-btn:hover,[type=button].bf-disabled:active,[type=button].bf-disabled:focus,[type=button].bf-disabled:hover,[type=button]:active,[type=button]:focus,[type=button]:hover,[type=reset].bf-disabled:active,[type=reset].bf-disabled:focus,[type=reset].bf-disabled:hover,[type=reset]:active,[type=reset]:focus,[type=reset]:hover,[type=submit].bf-disabled:active,[type=submit].bf-disabled:focus,[type=submit].bf-disabled:hover,[type=submit]:active,[type=submit]:focus,[type=submit]:hover,button.bf-disabled:active,button.bf-disabled:focus,button.bf-disabled:hover,button:active,button:focus,button:hover{background:#b3b3b3}.bf-btn.bf-disabled:active,.bf-btn.bf-disabled:focus,.bf-btn:active,.bf-btn:focus,[type=button].bf-disabled:active,[type=button].bf-disabled:focus,[type=button]:active,[type=button]:focus,[type=reset].bf-disabled:active,[type=reset].bf-disabled:focus,[type=reset]:active,[type=reset]:focus,[type=submit].bf-disabled:active,[type=submit].bf-disabled:focus,[type=submit]:active,[type=submit]:focus,button.bf-disabled:active,button.bf-disabled:focus,button:active,button:focus{box-shadow:0 0 0 3px hsla(0,0%,100%,.45)}.bf-btn--primary.bf-disabled,.bf-btn.bf-btn--primary{background:#007bff}.bf-btn--primary.bf-disabled:active,.bf-btn--primary.bf-disabled:focus,.bf-btn--primary.bf-disabled:hover,.bf-btn.bf-btn--primary:active,.bf-btn.bf-btn--primary:focus,.bf-btn.bf-btn--primary:hover{background:#006fe6}.bf-btn--primary.bf-disabled:active,.bf-btn--primary.bf-disabled:focus,.bf-btn.bf-btn--primary:active,.bf-btn.bf-btn--primary:focus{box-shadow:0 0 0 3px rgba(0,86,179,.75)}a:focus,input:focus{outline-color:#b37400}:focus-visible{outline-color:#b37400}.bf-table td,.bf-table th{border-color:#666}.bf-table--zebra tbody tr:nth-child(odd),.bf-table-responsive--zebra tbody tr:nth-child(odd){background-color:#333}}
+/*# sourceMappingURL=bullframe-system-default.min.css.map */

package/dist/css/bullframe-system-default.min.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["bullframe-system-default.css","bullframe-system-default.scss","miscellaneous/_misc-layout.scss","typography/_typography-html-body.scss","variables/_variables-colors.scss","variables/_variables-texts.scss","typography/_typography-headings.scss","variables/_variables-spacing.scss","typography/_typography-blockquotes.scss","typography/_typography-monospaced-elements.scss","typography/_typography-misc.scss","miscellaneous/_misc-anchors.scss","miscellaneous/_misc-focus.scss","miscellaneous/_misc-lists.scss","miscellaneous/_misc-embedded-content.scss","forms/_forms-normalization.scss","forms/_forms-styling.scss","forms/_forms-styling-select.scss","forms/_forms-styling-radio-checkbox.scss","forms/_forms-styling-range.scss","miscellaneous/_misc-tables.scss","utilities/_utility-grid-system.scss","utilities/_utility-layout.scss","utilities/_utility-z-index.scss","utilities/_utility-spacing.scss","utilities/_utility-texts.scss","utilities/_utility-buttons.scss","utilities/_utility-form-states.scss","utilities/_utility-lists.scss","utilities/_utility-embeds.scss","utilities/_utility-tables.scss","utilities/_utility-print.scss","utilities/_utility-reduced-motion.scss","miscellaneous/_misc-accessibility.scss","utilities/_utility-global-system-default.scss","utilities/_utility-global-dark-scrollbars.scss","utilities/_utility-global-dark.scss"],"names":[],"mappings":"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B+2CF,CuB52CA,cACE,SvB+2CF,CuB52CA,cACE,SvB+2CF,CuB52CA,cACE,SvB+2CF,CuB52CA,cACE,SvB+2CF,CuB52CA,cACE,SvB+2CF,CuB52CA,cACE,SvB+2CF,CuB52CA,eACE,UvB+2CF,CuB52CA,eACE,UvB+2CF,CuB52CA,eACE,UvB+2CF,CuB52CA,eACE,UvB+2CF,CuB52CA,eACE,UvB+2CF,CuB52CA,eACE,UvB+2CF,CuB52CA,eACE,UvB+2CF,CuB52CA,eACE,UvB+2CF,CuB52CA,eACE,UvB+2CF,CuB52CA,gBACE,WvB+2CF,CuBx2CA,gCACE,WvB+2CF,CwB37CA,QACE,kBxB87CF,CwB37CA,UACE,sBxB87CF,CwB37CA,UACE,yBxB87CF,CwB37CA,UACE,uBxB87CF,CwB37CA,UACE,wBxB87CF,CwB37CA,QAEE,6BxB87CF,CwB37CA,QAEE,4BxB87CF,CwB37CA,QAEE,4BxB87CF,CwB37CA,QAEE,4BxB87CF,CwB37CA,UAEE,6BxB87CF,CwB37CA,UAEE,4BxB87CF,CwB37CA,UAEE,4BxB87CF,CwB37CA,UAEE,4BxB87CF,CwBz7CA,QACE,mBxB47CF,CwBz7CA,UACE,uBxB47CF,CwBz7CA,UACE,0BxB47CF,CwBz7CA,UACE,wBxB47CF,CwBz7CA,UACE,yBxB47CF,CwBz7CA,QAEE,8BxB47CF,CwBz7CA,QAEE,6BxB47CF,CwBz7CA,QAEE,6BxB47CF,CwBz7CA,QAEE,6BxB47CF,CwBz7CA,UAEE,2BxB47CF,CwBz7CA,UAEE,0BxB47CF,CwBz7CA,UAEE,0BxB47CF,CwBz7CA,UAEE,0BxB47CF,CwBz7CA,UAEE,8BxB47CF,CwBz7CA,UAEE,6BxB47CF,CwBz7CA,UAEE,6BxB47CF,CwBz7CA,UAEE,6BxB47CF,CyB5kDA,0BACE,kCzB+kDF,CyB5kDA,qBACE,6BzB+kDF,CyB5kDA,WACE,yBzB+kDF,CyB5kDA,aACE,2BzB+kDF,CyB5kDA,YACE,0BzB+kDF,CyB5kDA,aACE,kCAAA,CACA,oCzB+kDF,CyB5kDA,aACE,2BzB+kDF,CyB3kDA,mBACE,2BzB8kDF,CyB1kDA,iBACE,yBzB6kDF,CyB1kDA,iBACE,yBzB6kDF,CyB1kDA,iBACE,yBzB6kDF,CyB1kDA,iBACE,yBzB6kDF,CyB1kDA,iBACE,yBzB6kDF,CyB1kDA,iBACE,yBzB6kDF,CyB1kDA,eACE,8BzB6kDF,CyB1kDA,eAKE,0BAAA,CAJA,wBAAA,CACA,yBAAA,CACA,gCAAA,CACA,4BzB8kDF,CyB1kDA,4BAIE,8BzB8kDF,CyB1kDA,wDAHE,qCAAA,CAFA,6BAAA,CAFA,yBAAA,CACA,gCzBwlDF,CyBllDA,4BAIE,8BzB8kDF,CyBzkDA,cASE,oCAAA,CARA,kCAAA,CAAA,+BAAA,CAAA,0BzB6kDF,CyBlkDA,oBACE,+MzBqkDF,CyBzjDA,eACE,2HzB4jDF,CyBvjDA,mBACE,qLzB0jDF,CyBjjDA,0CAME,yBAAA,CACA,yBAAA,CAEA,yBAAA,CAEA,4BAAA,CAHA,sBzBujDF,CyBjjDA,OACE,wBAAA,CACA,0BzBojDF,CyBjjDA,OACE,wBAAA,CACA,wBzBojDF,CyBjjDA,OACE,wBAAA,CACA,0BzBojDF,CyBjjDA,OACE,wBAAA,CACA,wBzBojDF,CyBjjDA,cAEE,wBAAA,CACA,0BzBojDF,CyBjjDA,UACE,wBzBojDF,CyBviDA,8BACE,6DAAA,CACA,8BzB0iDF,CyBviDA,yBACE,8BACE,uCzB0iDF,CACF,CyBviDA,0BACE,8BACE,sCzByiDF,CACF,C0B9uDA,QAYE,yCAAA,CAHA,2BAAA,CAaA,qBtBVc,CsBSd,qBAAA,CADA,QAAA,CAHA,mBnBNiB,CmBOjB,oBnBDkB,CmBdlB,UtBaQ,CsBdR,cAAA,CADA,oBAAA,CAKA,kBAAA,CAEA,QAAA,CAGA,gBAAA,CANA,sCAAA,CAEA,iBAAA,CAgBA,kBAAA,CAVA,wBAAA,CAAA,qBAAA,CAAA,gBAAA,CAHA,uB1ByvDF,C0B1uDE,2CAKE,kBAAA,CADA,UtBbM,CsBYN,oB1B4uDJ,C0BvuDE,6BAEE,oC1BwuDJ,C0BruDE,cACE,S1BuuDJ,C0BpuDE,wBAEE,kBtBnBM,CsBkBN,U1BuuDJ,C0BpuDI,2FAIE,kBAAA,CADA,U1BquDN,C0BjuDI,6DAEE,uC1BkuDN,C0B7tDA,0FAQE,yBAAA,CAJA,wBAAA,CACA,4BAAA,CAIA,oBAAA,CAHA,6BAAA,CACA,kCAAA,CAAA,+BAAA,CAAA,0B1BkuDF,C2BryDA,YAEE,8BAAA,CACA,iDAAA,CAFA,mE3B0yDF,C2BryDA,wJAeE,qBvBZS,CuBaT,iBvBTQ,CuBKR,yBAAA,CAJA,wBAAA,CACA,4BAAA,CAIA,oBAAA,CAHA,6BAAA,CACA,kCAAA,CAAA,+BAAA,CAAA,0B3B4yDF,C2BpyDA,kBACE,4BAAA,CACA,wB3BuyDF,C2BpyDA,oHAaE,evB/Bc,CuB2Bd,eAAA,CAGA,UvB1BQ,CuBmBR,cAAA,CACA,kBAAA,CAIA,UAAA,CAHA,mBAAA,CACA,wBAAA,CAAA,qBAAA,CAAA,gB3B2yDF,C2BpyDE,2bAKE,evBtCY,CuBoCZ,eAAA,CACA,U3BizDJ,C2B5yDA,6BACE,cAAA,CACA,kBAAA,CAIA,UAAA,CAHA,mBAAA,CACA,wBAAA,CAAA,qBAAA,CAAA,gB3BmzDF,C2B5yDE,uIAFA,kBvBtCQ,CuBkCR,eAAA,CAGA,U3BozDF,C2BxyDA,8BAGE,0BAAA,CACA,gDAAA,CAFA,mB3B6yDF,C4Bx3DA,oLAUE,eAAA,CAFA,QAAA,CACA,S5B43DF,C4Bx3DA,GACE,e5B23DF,C6Bv4DA,qBAEE,aAAA,CAGA,eAAA,CADA,SAAA,CAHA,iBAAA,CAEA,U7B44DF,C6Bx4DE,4BAEE,UAAA,CADA,aAAA,CAEA,kB7B04DJ,C6Bv4DE,sDACE,e7By4DJ,C6Bt4DE,8JAWE,QAAA,CAJA,QAAA,CAGA,WAAA,CAFA,MAAA,CAHA,iBAAA,CACA,KAAA,CAGA,U7Bs4DJ,C8Bn6DA,0BAIE,4BAAA,CAEA,mBvBYkB,CuBflB,Y9By6DF,C8B/5DA,qBAME,4BAAA,CALA,eAAA,CACA,iB9Bm6DF,C8B55DA,2BAGE,mBvBPkB,CuBKlB,U9Bi6DF,C8B35DA,+BAGE,+B9B45DF,C8Bx5DA,6FAEE,wB9B25DF,C+B17DA,aACE,iBAGE,yBAAA,CAGA,yBAAA,CAFA,oBAAA,CAGA,0B/Bm8DF,C+Bh8DA,YAEE,yB/Bk8DF,C+B/7DA,cACE,2B/Bi8DF,C+B97DA,kBACE,4B/Bg8DF,C+Bz7DA,gDAEE,U/B+7DF,C+B57DA,IACE,8B/B87DF,C+B37DA,eAEE,qB/B87DF,C+B17DA,sBAHE,uB/Bi8DF,C+Bz7DA,QAGE,SAAA,CACA,Q/B27DF,C+Bx7DA,MAEE,sB/B07DF,C+Bl7DA,mBAEE,yB/Bs7DF,C+B56DA,qBACE,a/B86DF,C+B36DA,2BACE,U/B66DF,C+B16DA,qCAEE,kC/B46DF,CAfF,CgC9+DA,uCACE,gJAME,8BAAA,CACA,gCAAA,CACA,qCAAA,CACA,sCAAA,CACA,8BAAA,CACA,6BAAA,CACA,gChCggEF,CACF,CiCphEC,iBACC,ejCyhEF,CiClhEA,gBACE,cjCwhEF,CiChhEA,gCAEE,kBjCuhEF,CiC/gEA,4BACE,ejCshEF,CiCnhEA,wCACE,kBAAA,CACA,iBjCshEF,CkC9jEA,mCCKA,KACE,4BnC6jEA,CmCtjEF,oBAEE,aAAA,CADA,YnCyjEA,CmCrjEF,0BACE,qBnCujEA,CmCpjEF,0BACE,wBnCsjEA,CmCnjEF,gCACE,qBnCqjEA,CoC1kEF,KACE,apC4kEA,CoCzkEF,KACE,wBpC2kEA,CoCvkEF,EACE,apCykEA,CoCvkEA,gBAEE,apCwkEF,CoCnkEF,KACE,qBpCqkEA,CoClkEF,IACE,wBpCokEA,CoC/jEF,8OAiBE,qBhCnCc,CgCoCd,iBhCnCS,CgCoCT,UpCikEA,CoC/jEA,yrBAEE,qBhCzCY,CgC0CZ,oBpCgmEF,CoC5kEA,kpBAEE,uCpC2mEF,CoCvmEF,YACE,oBAAA,CACA,iDpCymEA,CoCtmEF,8BAGE,8BAAA,CADA,uBpCymEA,CoCrmEF,mCACE,2LpCumEA,CACF,CoCnmEA,mMAEE,4HAIE,qBpCmmEF,CACF,CkChtEA,mCEmHA,qFAKI,gCACE,4BpC+lEF,CoCzlEF,4CACE,qBpC2lEA,CoCxlEF,+BACE,qBpC0lEA,CACF,CoCvlEF,mDAEE,UpCylEA,CoC3lEF,yCAEE,UpCylEA,CoCtlEF,4KAUE,epCwlEA,CoCtlEA,ksBAGE,kBpCinEF,CoCnmEA,0dAEE,wCpCioEF,CoC7nEF,qDAEE,kBpC+nEA,CoC7nEA,qMAGE,kBpCgoEF,CoC7nEA,oIAEE,uCpCgoEF,CoC3nEF,oBAEE,qBpC6nEA,CoC1nEF,eACE,qBpC4nEA,CoCvnEF,0BAEE,iBpCynEA,CoCtnEF,6FAEE,qBpCwnEA,CACF","file":"bullframe-system-default.min.css","sourcesContent":["/*! bullframe.css v4.1.1 | MIT License | https://github.com/marcop135/bullframe.css */\n/*! custom build: bullframe-system-default */\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\narticle,\naside,\ndialog,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nmenu,\nnav,\nsection,\ndetails {\n  display: block;\n}\n\ntemplate {\n  display: none;\n}\n\n[hidden] {\n  display: none !important;\n}\n\nhtml {\n  text-size-adjust: 100%;\n  font-size: 62.5%;\n  color: #222;\n  font-family: sans-serif;\n  line-height: 1.15;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\nbody {\n  margin: 0;\n  font-size: 16px;\n  font-size: 1.6rem;\n  line-height: 1.5;\n  font-weight: 400;\n  text-align: left;\n  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\";\n  text-rendering: optimizeLegibility;\n  word-wrap: break-word;\n  background-color: #fff;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  font-weight: 700;\n  font-weight: 600;\n  font-family: inherit;\n  color: inherit;\n  line-height: 1.25;\n  margin-bottom: 10px;\n  margin-bottom: 1rem;\n}\n\nh1 {\n  font-size: 36px;\n  font-size: 3.6rem;\n}\n\nh2 {\n  font-size: 30px;\n  font-size: 3rem;\n}\n\nh3 {\n  font-size: 24px;\n  font-size: 2.4rem;\n}\n\nh4 {\n  font-size: 20px;\n  font-size: 2rem;\n}\n\nh5,\nh6 {\n  font-size: 16px;\n  font-size: 1.6rem;\n}\n\nblockquote {\n  margin: 0 0 20px 0;\n  margin-bottom: 2rem;\n  padding-left: 0;\n  font-style: italic;\n}\n\nblockquote p {\n  margin-bottom: 0;\n}\n\nblockquote small {\n  color: #999;\n  display: block;\n}\n\nblockquote small:before {\n  content: \"— \";\n}\n\nq {\n  quotes: \"“\" \"”\" \"‘\" \"’\";\n}\n\npre {\n  margin: 0 0 20px 0;\n  margin: 0 0 2rem 0;\n  display: block;\n  overflow: auto;\n  word-break: break-all;\n  word-wrap: break-word;\n  white-space: pre;\n  hyphens: none;\n  -ms-overflow-style: auto;\n}\n\npre,\ncode,\nkbd,\nsamp {\n  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\";\n  font-size: 0.875em;\n}\n\ncode {\n  word-wrap: break-word;\n}\n\na > code {\n  color: inherit;\n}\n\npre code {\n  font-size: inherit;\n  color: inherit;\n  word-break: normal;\n}\n\np {\n  margin: 0 0 20px 0;\n  margin: 0 0 2rem 0;\n}\n\nabbr[title],\nabbr[data-original-title] {\n  cursor: help;\n  text-decoration: underline;\n  text-decoration: underline dotted;\n  border-bottom: 0;\n}\n\nmark {\n  background-color: #ff0;\n  color: #000;\n}\n\nins {\n  background-color: #ff9;\n  color: #000;\n  text-decoration: none;\n}\n\nb,\nstrong {\n  font-weight: inherit;\n}\n\n/* stylelint-disable-next-line */\nb,\nstrong {\n  font-weight: bolder;\n}\n\ndfn {\n  font-style: italic;\n}\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsup {\n  top: -8px;\n  top: -0.8rem;\n}\n\nsub {\n  bottom: -4px;\n  bottom: -0.4rem;\n}\n\nsmall {\n  font-size: 80%;\n}\n\nhr {\n  box-sizing: content-box;\n  display: block;\n  height: 0;\n  border-style: solid;\n  border-width: 1px 0 0;\n  color: inherit;\n  margin: 20px 0;\n  margin: 2rem 0;\n  padding: 0;\n  overflow: visible;\n}\n\naddress {\n  font-style: normal;\n  margin-bottom: 10px;\n  margin-bottom: 1rem;\n  line-height: inherit;\n}\n\nsummary {\n  display: list-item;\n  cursor: pointer;\n}\n\na {\n  color: #007bff;\n  text-decoration: none;\n  background-color: transparent;\n}\na:hover, a:focus {\n  text-decoration: underline;\n  color: #0056b3;\n}\n\na:not([href]):not([tabindex]) {\n  color: inherit;\n  text-decoration: none;\n}\n\na:not([href]):not([tabindex]):hover,\na:not([href]):not([tabindex]):focus,\na:not([href]):not([class]),\na:not([href]):not([class]):hover {\n  color: inherit;\n  text-decoration: none;\n}\n\na:not([href]):not([tabindex]):focus {\n  outline: 0;\n}\n\n:focus:not(:focus-visible) {\n  outline: none;\n}\n\n[tabindex=\"-1\"]:focus:not(:focus-visible) {\n  outline: 0 !important;\n}\n\na:focus,\ninput:focus {\n  outline: 2px solid orange;\n}\n\n:focus-visible {\n  outline: 2px solid orange;\n}\n\nbutton:focus,\n[type=button]:focus,\n[type=reset]:focus,\n[type=submit]:focus,\n[type=email]:focus,\n[type=number]:focus,\n[type=password]:focus,\n[type=tel]:focus,\n[type=search]:focus,\n[type=text]:focus,\n[type=date]:focus,\n[type=datetime-local]:focus,\n[type=month]:focus,\n[type=time]:focus,\n[type=week]:focus,\n[type=url]:focus,\n[type=radio]:focus,\n[type=checkbox]:focus,\ninput[list]:focus,\nselect:focus,\ntextarea:focus {\n  outline: 0;\n}\n\nmenu,\nol,\nul,\ndl {\n  margin: 0 0 20px 0;\n  margin: 0 0 2rem 0;\n  padding: 0;\n}\n\nmenu ul,\nmenu ol,\nul ul,\nul ol,\nol ol,\nol ul,\ndd {\n  margin-bottom: 0;\n}\n\nul,\nol {\n  margin-left: 20px;\n  margin-left: 2rem;\n}\n\nnav ol,\nnav ul {\n  list-style: none;\n  list-style-image: none;\n  margin-left: 0;\n}\n\ndt {\n  font-weight: 700;\n}\n\ndd {\n  margin-left: 0;\n}\n\nnav li:before {\n  content: \"​\";\n  position: absolute;\n}\n\naudio,\ncanvas,\nprogress,\nvideo {\n  display: inline-block;\n}\n\nimg,\ncanvas,\naudio,\nvideo,\niframe,\nobject,\nembed {\n  max-width: 100%;\n}\n\naudio,\nvideo,\ncanvas,\nimg,\nsvg {\n  vertical-align: middle;\n}\n\nimg {\n  height: auto;\n  border-style: none;\n}\n\nfigure {\n  margin: 0;\n}\n\nfigure,\nfigcaption {\n  display: block;\n}\n\nfigcaption {\n  line-height: 1.375;\n  font-size: 90%;\n}\n\nvideo {\n  height: auto;\n}\n\naudio {\n  width: 100%;\n}\n\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\nsvg:not(:root) {\n  overflow: hidden;\n}\n\nsvg:not([fill]) {\n  fill: currentColor;\n}\n\nprogress,\nmeter {\n  display: inline-block;\n  vertical-align: baseline;\n  width: 100%;\n  max-width: 100%;\n}\n\nprogress[value] {\n  appearance: none;\n  border: none;\n  height: 20px;\n  height: 2rem;\n  background: #ccc;\n  color: #007bff;\n}\n\nprogress[value]::-webkit-progress-bar {\n  background: #ccc;\n}\n\nprogress[value]::-webkit-progress-value {\n  background: #007bff;\n}\n\niframe {\n  border-style: none;\n}\n\nhtml input,\nbutton,\nselect,\noptgroup,\ntextarea {\n  color: inherit;\n  font-family: inherit;\n  font-size: inherit;\n  line-height: inherit;\n}\n\nhtml input,\nbutton,\n[type=radio],\n[type=checkbox],\nselect,\noptgroup,\ntextarea {\n  margin: 0;\n}\n\nhtml input,\nselect,\ntextarea,\nlegend {\n  width: 100%;\n}\n\nhtml label,\nbutton,\n[type=image],\n[type=submit],\n[type=reset],\nhtml [type=button],\n[type=radio],\n[type=checkbox] {\n  width: auto;\n}\n\nhtml input,\nlabel,\nselect,\ntextarea,\nbutton,\nhtml [type=button],\n[type=reset],\n[type=submit],\noutput {\n  display: inline-block;\n}\n\n[type=file] {\n  display: block;\n  background-color: transparent;\n}\n\nbutton,\nhtml input,\nselect,\ntextarea {\n  background-image: none;\n}\n\ninput,\nselect,\ntextarea {\n  vertical-align: baseline;\n}\n\nform {\n  margin: 0;\n}\n\nfieldset {\n  border: 0;\n  padding: 0;\n  margin: 0;\n  min-width: 0;\n}\n\nlegend {\n  display: table;\n  max-width: 100%;\n  white-space: normal;\n  border: 0;\n  padding: 0;\n  font-weight: 400;\n  margin-bottom: 5px;\n  margin-bottom: 0.5rem;\n  font-size: inherit;\n  line-height: 1.375;\n  color: inherit;\n}\n\nlabel {\n  font-weight: 400;\n  font-size: 90%;\n  line-height: 1.375;\n  margin-bottom: 5px;\n  margin-bottom: 0.5rem;\n}\n\nlabel input,\nlabel select,\nlabel textarea {\n  font-size: 110%;\n}\n\n[type=number]::-webkit-outer-spin-button,\n[type=number]::-webkit-inner-spin-button {\n  height: auto;\n}\n\n::-webkit-datetime-edit-fields-wrapper,\n::-webkit-datetime-edit-text,\n::-webkit-datetime-edit-minute,\n::-webkit-datetime-edit-hour-field,\n::-webkit-datetime-edit-day-field,\n::-webkit-datetime-edit-month-field,\n::-webkit-datetime-edit-year-field {\n  padding: 0;\n}\n\n::-webkit-color-swatch-wrapper {\n  padding: 0;\n}\n\n[type=search] {\n  outline-offset: -2.5px;\n  outline-offset: -0.25rem;\n}\n\noutput {\n  vertical-align: middle;\n}\n\nbutton,\nselect {\n  text-transform: none;\n}\n\nselect {\n  word-wrap: normal;\n}\n\n[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {\n  display: none !important;\n}\n\noptgroup {\n  font-family: inherit;\n  font-size: inherit;\n  font-style: inherit;\n  font-weight: 700;\n  font-weight: 600;\n}\n\nbutton,\nhtml [type=button],\n[type=reset],\n[type=submit],\n[type=email],\n[type=number],\n[type=text],\n[type=tel],\n[type=date],\n[type=datetime-local],\n[type=month],\n[type=week],\n[type=url],\n[type=image],\n[type=password],\n[type=search],\n[type=search]::-webkit-search-decoration,\n[type=search]::-webkit-search-cancel-button,\ninput[list],\ntextarea {\n  -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  font: inherit;\n}\n\nbutton,\ninput,\nselect,\ntextarea {\n  border-radius: 2.5px;\n  border-radius: 0.25rem;\n}\n\n[type=radio] {\n  border-radius: 50%;\n}\n\n[type=checkbox] {\n  border-radius: 5px;\n  border-radius: 0.5rem;\n}\n\n[type=radio],\n[type=checkbox] {\n  padding: 0;\n  background-color: #fff;\n}\n\n[type=range] {\n  background-color: transparent;\n}\n\nselect[size],\nselect[multiple] {\n  height: auto;\n}\n\nselect[multiple] {\n  background-image: none;\n}\n\ntextarea {\n  height: auto;\n  min-height: 60px;\n  min-height: 6rem;\n  overflow: auto;\n  vertical-align: top;\n  resize: vertical;\n}\n\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n  line-height: normal;\n  text-align: center;\n  margin: 0;\n  background-clip: padding-box;\n  vertical-align: baseline;\n  overflow: visible;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  user-select: none;\n  border: 0;\n  background-image: none;\n}\nbutton:hover, button:active, button:focus,\n[type=button]:hover,\n[type=button]:active,\n[type=button]:focus,\n[type=reset]:hover,\n[type=reset]:active,\n[type=reset]:focus,\n[type=submit]:hover,\n[type=submit]:active,\n[type=submit]:focus {\n  text-decoration: none;\n  color: #222;\n}\n\nbutton,\nselect,\ninput[type=submit],\ninput[type=button],\n[type=checkbox],\n[type=range],\n[type=radio],\n[role=button] {\n  cursor: pointer;\n}\n\ninput::placeholder,\ntextarea::placeholder {\n  color: #666;\n}\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n[type=email],\n[type=number],\n[type=password],\n[type=tel],\n[type=search],\n[type=text],\n[type=date],\n[type=datetime-local],\n[type=month],\n[type=week],\n[type=time],\n[type=url],\ninput[list],\nselect,\ntextarea {\n  background-color: #fff;\n  border: 1px solid #999;\n  padding: 5px 7.5px;\n  padding: 0.5rem 0.75rem;\n}\n\n[type=email]:active, [type=email]:focus,\n[type=number]:active,\n[type=number]:focus,\n[type=password]:active,\n[type=password]:focus,\n[type=tel]:active,\n[type=tel]:focus,\n[type=search]:active,\n[type=search]:focus,\n[type=text]:active,\n[type=text]:focus,\n[type=date]:active,\n[type=date]:focus,\n[type=datetime-local]:active,\n[type=datetime-local]:focus,\n[type=month]:active,\n[type=month]:focus,\n[type=week]:active,\n[type=week]:focus,\n[type=time]:active,\n[type=time]:focus,\n[type=url]:active,\n[type=url]:focus,\ninput[list]:active,\ninput[list]:focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus,\n[type=radio]:active,\n[type=radio]:focus,\n[type=checkbox]:active,\n[type=checkbox]:focus {\n  transition: border 0.2s, background-color 0.2s, box-shadow 0.2s;\n  border-color: #007bff;\n  box-shadow: 0 0 0 3px rgba(0, 86, 179, 0.25);\n}\n\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n  color: #222;\n  padding: 6.6666666667px 13.3333333333px;\n  padding: 0.6666666667rem 1.3333333333rem;\n  background: #ccc;\n  transition: color 0.2s, background 0.2s, box-shadow 0.2s;\n}\nbutton:hover, button:active, button:focus,\n[type=button]:hover,\n[type=button]:active,\n[type=button]:focus,\n[type=reset]:hover,\n[type=reset]:active,\n[type=reset]:focus,\n[type=submit]:hover,\n[type=submit]:active,\n[type=submit]:focus {\n  text-decoration: none;\n  color: #222;\n  background: #b3b3b3;\n}\nbutton:active, button:focus,\n[type=button]:active,\n[type=button]:focus,\n[type=reset]:active,\n[type=reset]:focus,\n[type=submit]:active,\n[type=submit]:focus {\n  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.15);\n}\n\nfieldset[disabled] button,\nfieldset[disabled] input,\nfieldset[disabled] input:after,\nfieldset[disabled] input:before,\nfieldset[disabled] input:checked,\nfieldset[disabled] select,\nfieldset[disabled] textarea,\nfieldset[disabled] label,\nbutton[disabled],\ninput[disabled],\ninput[disabled]:after,\ninput[disabled]:before,\ninput[disabled]:checked,\nselect[disabled],\ntextarea[disabled],\nlabel[disabled],\nbutton:disabled,\ninput:disabled,\ninput:disabled:after,\ninput:disabled:before,\ninput:disabled:checked,\nselect:disabled,\ntextarea:disabled,\nlabel:disabled,\nbutton[aria-disabled=true],\ninput[aria-disabled=true],\ninput[aria-disabled=true]:after,\ninput[aria-disabled=true]:before,\ninput[aria-disabled=true]:checked,\nselect[aria-disabled=true],\ntextarea[aria-disabled=true],\nlabel[aria-disabled=true] {\n  cursor: default !important;\n  cursor: not-allowed !important;\n  pointer-events: none !important;\n  user-select: none !important;\n  box-shadow: none !important;\n  opacity: 0.5 !important;\n}\n\nselect:not([size]):not([multiple]) {\n  appearance: none;\n  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;\n  padding-right: 20px;\n  padding-right: 2rem;\n}\n\nselect::-ms-expand {\n  display: none;\n}\n\n*[dir=rtl] select:not([size]):not([multiple]),\nselect[dir=rtl]:not([size]):not([multiple]) {\n  background-position: left 0.85rem top 50%;\n  padding-right: 7.5px;\n  padding-right: 0.75rem;\n  padding-left: 20px;\n  padding-left: 2rem;\n}\n\n@supports (appearance: none) {\n  [type=checkbox],\n  [type=radio] {\n    appearance: none;\n    height: 1.8rem;\n    width: 1.8rem;\n    vertical-align: top;\n    position: relative;\n    border: 1px solid #999;\n  }\n  [type=checkbox] + label,\n  [type=radio] + label {\n    line-height: 1.8rem;\n    vertical-align: top;\n    margin-left: 5px;\n    margin-left: 0.5rem;\n  }\n  *[dir=rtl] [type=checkbox] + label, [type=checkbox][dir=rtl] + label,\n  *[dir=rtl] [type=radio] + label,\n  [type=radio][dir=rtl] + label {\n    margin-left: 0;\n    margin-right: 5px;\n    margin-right: 0.5rem;\n  }\n  [type=checkbox]:after,\n  [type=radio]:after {\n    content: \"\";\n    display: block;\n    position: absolute;\n  }\n  [type=checkbox]:checked,\n  [type=radio]:checked {\n    background-color: #007bff;\n    border-color: #000;\n  }\n  [type=radio]:after {\n    width: 1.8rem;\n    height: 1.8rem;\n    left: -0.05rem;\n    top: -0.05rem;\n    border-radius: 50%;\n    background: #fff;\n    transform: scale(0.35);\n  }\n  [type=checkbox]:after {\n    width: 0.6rem;\n    height: 0.8rem;\n    border: 2px solid #fff;\n    border-top: 0;\n    border-left: 0;\n    left: 35%;\n    top: 20%;\n    transform: rotate(43deg);\n  }\n}\n@supports (appearance: none) {\n  [type=range] {\n    appearance: none;\n    width: 100%;\n    height: 1.4rem;\n  }\n  [type=range]::-webkit-slider-thumb {\n    border: 0;\n    appearance: none;\n    width: 1.5rem;\n    height: 1.5rem;\n    margin-top: -0.25rem;\n    background-color: #007bff;\n    border-radius: 1.5rem;\n    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n  }\n  [type=range]::-webkit-slider-thumb:active {\n    background-color: #007bff;\n  }\n  [type=range]::-moz-range-thumb {\n    border: 0;\n    appearance: none;\n    width: 1.5rem;\n    height: 1.5rem;\n    background-color: #007bff;\n    border-radius: 1.5rem;\n    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n  }\n  [type=range]::-moz-range-thumb:active {\n    background-color: #007bff;\n  }\n  [type=range]::-webkit-slider-runnable-track {\n    color: transparent;\n    border-color: transparent;\n    width: 100%;\n    height: 0.65rem;\n    cursor: pointer;\n    background-color: #e9e9e9;\n  }\n  [type=range]::-moz-range-track {\n    color: transparent;\n    border-color: transparent;\n    width: 100%;\n    height: 0.65rem;\n    cursor: pointer;\n    background-color: #e9e9e9;\n  }\n  [type=range]:focus {\n    outline: none;\n  }\n  [type=range]:focus::-webkit-slider-thumb {\n    box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n  }\n  [type=range]:focus::-moz-slider-thumb {\n    box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n  }\n  [type=range]::-moz-focus-outer {\n    border: 0;\n  }\n  [type=range]:focus::-moz-range-thumb {\n    box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n  }\n  [type=range]:disabled {\n    pointer-events: none;\n  }\n  [type=range]:disabled::-webkit-slider-thumb {\n    background-color: #ccc;\n  }\n  [type=range]:disabled::-moz-slider-thumb {\n    background-color: #ccc;\n  }\n}\ntable {\n  max-width: 100%;\n  border-collapse: collapse;\n}\n\nthead,\ntbody,\ntfoot,\ntr,\ntd,\nth {\n  border-color: inherit;\n  border-style: solid;\n  border-width: 0;\n}\n\nthead th {\n  vertical-align: bottom;\n}\n\nth,\ntd {\n  vertical-align: top;\n}\n\nth {\n  text-align: inherit;\n  font-weight: 700;\n}\n\ncaption {\n  padding-top: 5px;\n  padding-top: 0.5rem;\n  padding-bottom: 5px;\n  padding-bottom: 0.5rem;\n  color: #999;\n  text-align: left;\n  caption-side: bottom;\n  line-height: 1.375;\n  font-size: 90%;\n}\n\n.bf-container,\n.bf-container--fluid {\n  box-sizing: content-box;\n  display: block;\n  margin-right: auto;\n  margin-left: auto;\n  padding-left: 15px;\n  padding-left: 1.5rem;\n  padding-right: 15px;\n  padding-right: 1.5rem;\n}\n.bf-container:before, .bf-container:after,\n.bf-container--fluid:before,\n.bf-container--fluid:after {\n  display: table;\n  content: \" \";\n}\n.bf-container:after,\n.bf-container--fluid:after {\n  clear: both;\n}\n\n.bf-container {\n  max-width: 1140px;\n  max-width: 114rem;\n}\n\n.bf-row {\n  display: block;\n  margin-left: -15px;\n  margin-left: -1.5rem;\n  margin-right: -15px;\n  margin-right: -1.5rem;\n}\n.bf-row:before, .bf-row:after {\n  content: \" \";\n  display: table;\n}\n.bf-row:after {\n  clear: both;\n}\n\n[class^=bf-col-] {\n  float: left;\n  position: relative;\n  min-height: 1px;\n  padding-left: 15px;\n  padding-left: 1.5rem;\n  padding-right: 15px;\n  padding-right: 1.5rem;\n}\n\n.bf-no-gutters {\n  margin-right: 0;\n  margin-left: 0;\n}\n\n.bf-no-gutters > [class^=bf-col] {\n  padding-right: 0;\n  padding-left: 0;\n}\n\n.bf-col-12 {\n  width: 100%;\n}\n\n.bf-col-11 {\n  width: 91.6666666667%;\n}\n\n.bf-col-10 {\n  width: 83.3333333333%;\n}\n\n.bf-col-9 {\n  width: 75%;\n}\n\n.bf-col-8 {\n  width: 66.6666666667%;\n}\n\n.bf-col-7 {\n  width: 58.3333333333%;\n}\n\n.bf-col-6 {\n  width: 50%;\n}\n\n.bf-col-5 {\n  width: 41.6666666667%;\n}\n\n.bf-col-4 {\n  width: 33.3333333333%;\n}\n\n.bf-col-3 {\n  width: 25%;\n}\n\n.bf-col-2 {\n  width: 16.6666666667%;\n}\n\n.bf-col-1 {\n  width: 8.3333%;\n}\n\n@media (max-width: 575px) {\n  .bf-container--break-xs .bf-row {\n    margin-left: 0;\n    margin-right: 0;\n  }\n  .bf-container--break-xs [class^=bf-col] {\n    width: 100%;\n    float: none;\n    margin-left: 0;\n    padding-left: 0;\n    padding-right: 0;\n  }\n}\n@media (max-width: 767px) {\n  .bf-container--break-md .bf-row {\n    margin-left: 0;\n    margin-right: 0;\n  }\n  .bf-container--break-md [class^=bf-col] {\n    width: 100%;\n    float: none;\n    margin-left: 0;\n    padding-left: 0;\n    padding-right: 0;\n  }\n}\n@media (max-width: 991px) {\n  .bf-container--break-lg .bf-row {\n    margin-left: 0;\n    margin-right: 0;\n  }\n  .bf-container--break-lg [class^=bf-col] {\n    width: 100%;\n    float: none;\n    margin-left: 0;\n    padding-left: 0;\n    padding-right: 0;\n  }\n}\ntable td[class^=bf-col],\ntable th[class^=bf-col] {\n  position: static;\n}\n\n.bf-clearfix:before,\n.bf-clearfix:after {\n  content: \" \";\n  display: table;\n}\n\n.bf-clearfix:after {\n  clear: both;\n}\n\n.bf-hide {\n  display: none !important;\n}\n\n.bf-hidden {\n  display: none !important;\n  visibility: hidden !important;\n}\n\n.bf-text-hide {\n  /* stylelint-disable-next-line */\n  font: 0/0 a !important;\n  color: transparent !important;\n  text-shadow: none !important;\n  background-color: transparent !important;\n  border: 0 !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n/*\n// taken from https://github.com/h5bp/html5-boilerplate/blob/v7.3.0/dist/css/main.css\n// \n* Hide only visually, but have it available for screen readers:\n* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility\n*\n* 1. For long content, line feeds are not interpreted as spaces and small width\n*    causes content to wrap 1 word per line:\n*    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe\n*/\n.bf-sr-only {\n  border: 0 !important;\n  clip: rect(0, 0, 0, 0) !important;\n  height: 1px !important;\n  margin: -1px !important;\n  overflow: hidden !important;\n  padding: 0 !important;\n  position: absolute !important;\n  white-space: nowrap !important;\n  width: 1px !important;\n}\n\n/*\n// taken from https://github.com/h5bp/html5-boilerplate/blob/v7.3.0/dist/css/main.css\n// \n* Extends the .sr-only class to allow the element\n* to be focusable when navigated to via the keyboard:\n* https://www.drupal.org/node/897638\n*/\n.bf-sr-only.focusable:active,\n.bf-sr-only.focusable:focus {\n  clip: auto !important;\n  height: auto !important;\n  margin: 0 !important;\n  overflow: visible !important;\n  position: static !important;\n  white-space: inherit !important;\n  width: auto !important;\n}\n\n.bf-invisible {\n  visibility: hidden !important;\n}\n\n.bf-visible {\n  visibility: visible !important;\n}\n\n.bf-display-block {\n  display: block !important;\n}\n\n.bf-display-block-center {\n  display: block !important;\n  margin-left: auto !important;\n  margin-right: auto !important;\n  text-align: center !important;\n}\n\n.bf-display-inline {\n  display: inline !important;\n}\n\n.bf-display-inline-block {\n  display: inline-block !important;\n}\n\n.bf-display-flex {\n  display: flex !important;\n}\n\n.bf-display-inline-flex {\n  display: inline-flex !important;\n}\n\n.bf-display-flex--justify-start {\n  justify-content: flex-start !important;\n}\n\n.bf-display-flex--justify-end {\n  justify-content: flex-end !important;\n}\n\n.bf-display-flex--justify-center {\n  justify-content: center !important;\n}\n\n.bf-display-flex--wrap {\n  flex-wrap: wrap !important;\n}\n\n.bf-display-flex--nowrap {\n  flex-wrap: nowrap !important;\n}\n\n.bf-float-left {\n  float: left !important;\n}\n\n.bf-float-right {\n  float: right !important;\n}\n\n.bf-position-fixed {\n  position: fixed !important;\n}\n\n.bf-position-sticky {\n  position: sticky !important;\n  top: 0 !important;\n}\n\n.bf-align-center-unknown {\n  position: relative !important;\n}\n\n.bf-align-center-unknown--item {\n  position: absolute !important;\n  top: 50% !important;\n  left: 50% !important;\n  transform: translate(-50%, -50%) !important;\n}\n\n.bf-align-center-flex {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.bf-width-25 {\n  width: 25% !important;\n}\n\n.bf-width-33 {\n  width: 33.3333333333% !important;\n}\n\n.bf-width-50 {\n  width: 50% !important;\n}\n\n.bf-width-75 {\n  width: 75% !important;\n}\n\n.bf-width-100 {\n  width: 100% !important;\n}\n\n.bf-width-auto {\n  width: auto !important;\n}\n\n.bf-z-index-1 {\n  z-index: 1;\n}\n\n.bf-z-index-2 {\n  z-index: 2;\n}\n\n.bf-z-index-3 {\n  z-index: 3;\n}\n\n.bf-z-index-4 {\n  z-index: 4;\n}\n\n.bf-z-index-5 {\n  z-index: 5;\n}\n\n.bf-z-index-6 {\n  z-index: 6;\n}\n\n.bf-z-index-7 {\n  z-index: 7;\n}\n\n.bf-z-index-8 {\n  z-index: 8;\n}\n\n.bf-z-index-9 {\n  z-index: 9;\n}\n\n.bf-z-index-10 {\n  z-index: 10;\n}\n\n.bf-z-index-20 {\n  z-index: 20;\n}\n\n.bf-z-index-30 {\n  z-index: 30;\n}\n\n.bf-z-index-40 {\n  z-index: 40;\n}\n\n.bf-z-index-50 {\n  z-index: 50;\n}\n\n.bf-z-index-60 {\n  z-index: 60;\n}\n\n.bf-z-index-70 {\n  z-index: 70;\n}\n\n.bf-z-index-80 {\n  z-index: 80;\n}\n\n.bf-z-index-90 {\n  z-index: 90;\n}\n\n.bf-z-index-100 {\n  z-index: 100;\n}\n\n.bf-z-index-200 {\n  z-index: 200;\n}\n\n.bf-z-index-300 {\n  z-index: 200;\n}\n\n.bf-m-0 {\n  margin: 0 !important;\n}\n\n.bf-m-t-0 {\n  margin-top: 0 !important;\n}\n\n.bf-m-b-0 {\n  margin-bottom: 0 !important;\n}\n\n.bf-m-l-0 {\n  margin-left: 0 !important;\n}\n\n.bf-m-r-0 {\n  margin-right: 0 !important;\n}\n\n.bf-m-1 {\n  margin-bottom: 5px !important;\n  margin-bottom: 0.5rem !important;\n}\n\n.bf-m-2 {\n  margin-bottom: 10px !important;\n  margin-bottom: 1rem !important;\n}\n\n.bf-m-3 {\n  margin-bottom: 20px !important;\n  margin-bottom: 2rem !important;\n}\n\n.bf-m-4 {\n  margin-bottom: 30px !important;\n  margin-bottom: 3rem !important;\n}\n\n.bf-m-b-1 {\n  margin-bottom: 5px !important;\n  margin-bottom: 0.5rem !important;\n}\n\n.bf-m-b-2 {\n  margin-bottom: 10px !important;\n  margin-bottom: 1rem !important;\n}\n\n.bf-m-b-3 {\n  margin-bottom: 20px !important;\n  margin-bottom: 2rem !important;\n}\n\n.bf-m-b-4 {\n  margin-bottom: 30px !important;\n  margin-bottom: 3rem !important;\n}\n\n.bf-p-0 {\n  padding: 0 !important;\n}\n\n.bf-p-t-0 {\n  padding-top: 0 !important;\n}\n\n.bf-p-b-0 {\n  padding-bottom: 0 !important;\n}\n\n.bf-p-l-0 {\n  padding-left: 0 !important;\n}\n\n.bf-p-r-0 {\n  padding-right: 0 !important;\n}\n\n.bf-p-1 {\n  padding-bottom: 5px !important;\n  padding-bottom: 0.5rem !important;\n}\n\n.bf-p-2 {\n  padding-bottom: 10px !important;\n  padding-bottom: 1rem !important;\n}\n\n.bf-p-3 {\n  padding-bottom: 20px !important;\n  padding-bottom: 2rem !important;\n}\n\n.bf-p-4 {\n  padding-bottom: 30px !important;\n  padding-bottom: 3rem !important;\n}\n\n.bf-p-t-1 {\n  padding-top: 5px !important;\n  padding-top: 0.5rem !important;\n}\n\n.bf-p-t-2 {\n  padding-top: 10px !important;\n  padding-top: 1rem !important;\n}\n\n.bf-p-t-3 {\n  padding-top: 20px !important;\n  padding-top: 2rem !important;\n}\n\n.bf-p-t-4 {\n  padding-top: 30px !important;\n  padding-top: 3rem !important;\n}\n\n.bf-p-b-1 {\n  padding-bottom: 5px !important;\n  padding-bottom: 0.5rem !important;\n}\n\n.bf-p-b-2 {\n  padding-bottom: 10px !important;\n  padding-bottom: 1rem !important;\n}\n\n.bf-p-b-3 {\n  padding-bottom: 20px !important;\n  padding-bottom: 2rem !important;\n}\n\n.bf-p-b-4 {\n  padding-bottom: 30px !important;\n  padding-bottom: 3rem !important;\n}\n\n.bf-t-transform-uppercase {\n  text-transform: uppercase !important;\n}\n\n.bf-t-transform-none {\n  text-transform: none !important;\n}\n\n.bf-t-left {\n  text-align: left !important;\n}\n\n.bf-t-center {\n  text-align: center !important;\n}\n\n.bf-t-right {\n  text-align: right !important;\n}\n\n.bf-t-shadow {\n  text-shadow: 0 0 2px #222 !important;\n  text-shadow: 0 0 0.2rem #222 !important;\n}\n\n.bf-t-italic {\n  font-style: italic !important;\n}\n\n.bf-t-style-normal {\n  font-style: normal !important;\n}\n\n.bf-t-weight-300 {\n  font-weight: 300 !important;\n}\n\n.bf-t-weight-400 {\n  font-weight: 400 !important;\n}\n\n.bf-t-weight-500 {\n  font-weight: 500 !important;\n}\n\n.bf-t-weight-600 {\n  font-weight: 600 !important;\n}\n\n.bf-t-weight-700 {\n  font-weight: 700 !important;\n}\n\n.bf-t-weight-800 {\n  font-weight: 800 !important;\n}\n\n.bf-text-break {\n  word-wrap: break-word !important;\n}\n\n.bf-t-truncate {\n  max-width: 100% !important;\n  overflow: hidden !important;\n  text-overflow: ellipsis !important;\n  white-space: nowrap !important;\n  word-wrap: normal !important;\n}\n\n.bf-t-truncate--multiline-2 {\n  overflow: hidden !important;\n  text-overflow: ellipsis !important;\n  display: -webkit-box !important;\n  -webkit-line-clamp: 2 !important;\n  -webkit-box-orient: vertical !important;\n}\n\n.bf-t-truncate--multiline-3 {\n  overflow: hidden !important;\n  text-overflow: ellipsis !important;\n  display: -webkit-box !important;\n  -webkit-line-clamp: 3 !important;\n  -webkit-box-orient: vertical !important;\n}\n\n.bf-no-select {\n  user-select: none !important;\n  -webkit-touch-callout: none !important;\n}\n\n.bf-font-sans-serif {\n  font-family: -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;\n}\n\n.bf-font-serif {\n  font-family: Georgia, Times, \"Times New Roman\", serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !important;\n}\n\n.bf-font-monospace {\n  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;\n}\n\n.bf-h1,\n.bf-h2,\n.bf-h3,\n.bf-h4,\n.bf-h5,\n.bf-h6 {\n  font-weight: 700 !important;\n  font-weight: 600 !important;\n  margin-top: 0 !important;\n  line-height: 1.2 !important;\n  margin-bottom: 10px !important;\n  margin-bottom: 1rem !important;\n}\n\n.bf-h1 {\n  font-size: 36px !important;\n  font-size: 3.6rem !important;\n}\n\n.bf-h2 {\n  font-size: 30px !important;\n  font-size: 3rem !important;\n}\n\n.bf-h3 {\n  font-size: 24px !important;\n  font-size: 2.4rem !important;\n}\n\n.bf-h4 {\n  font-size: 20px !important;\n  font-size: 2rem !important;\n}\n\n.bf-h5,\n.bf-h6 {\n  font-size: 16px !important;\n  font-size: 1.6rem !important;\n}\n\np.bf-lead {\n  font-size: 120% !important;\n}\n\nbody.bf-responsive-typography {\n  --body-rt-font-size-flex: calc(1.6rem + 3 * ((100vw - 320px) / 680));\n  --body-rt-font-size-max: 1.9rem;\n}\n\n@media (min-width: 320px) {\n  body.bf-responsive-typography {\n    font-size: var(--body-rt-font-size-flex);\n  }\n}\n@media (min-width: 1000px) {\n  body.bf-responsive-typography {\n    font-size: var(--body-rt-font-size-max);\n  }\n}\n.bf-btn {\n  display: inline-block;\n  cursor: pointer;\n  color: #222;\n  padding: 6.6666666667px 13.3333333333px;\n  padding: 0.6666666667rem 1.3333333333rem;\n  line-height: normal;\n  text-align: center;\n  margin: 0;\n  background-clip: padding-box;\n  vertical-align: baseline;\n  overflow: visible;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  user-select: none;\n  border-radius: 2.5px;\n  border-radius: 0.25rem;\n  border: 0;\n  background-image: none;\n  background-color: #ccc;\n  transition: all 0.2s;\n}\n.bf-btn:hover, .bf-btn:active, .bf-btn:focus {\n  text-decoration: none;\n  color: #222;\n  background: #b3b3b3;\n}\n.bf-btn:active, .bf-btn:focus {\n  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.15);\n}\n.bf-btn:focus {\n  outline: 0;\n}\n.bf-btn.bf-btn--primary {\n  color: #fff;\n  background: #007bff;\n}\n.bf-btn.bf-btn--primary:hover, .bf-btn.bf-btn--primary:active, .bf-btn.bf-btn--primary:focus {\n  color: #fff;\n  background: #0062cc;\n}\n.bf-btn.bf-btn--primary:active, .bf-btn.bf-btn--primary:focus {\n  box-shadow: 0 0 0 3px rgba(0, 86, 179, 0.25);\n}\n\nfieldset[disabled] .bf-btn,\n.bf-btn[disabled],\n.bf-btn:disabled,\n.bf-btn[aria-disabled=true] {\n  cursor: default !important;\n  cursor: not-allowed !important;\n  pointer-events: none !important;\n  user-select: none !important;\n  box-shadow: none !important;\n  opacity: 0.5 !important;\n}\n\n.bf-focused {\n  transition: border 0.2s, background-color 0.2s, box-shadow 0.2s !important;\n  border-color: #007bff !important;\n  box-shadow: 0 0 0 3px rgba(0, 86, 179, 0.25) !important;\n}\n\n.bf-disabled,\n.bf-disabled:hover,\n.bf-disabled:active,\n.bf-disabled:focus,\n.bf-disabled:after,\n.bf-disabled:before,\n.bf-disabled:invalid,\n.bf-disabled:checked {\n  cursor: default !important;\n  cursor: not-allowed !important;\n  pointer-events: none !important;\n  user-select: none !important;\n  box-shadow: none !important;\n  opacity: 0.5 !important;\n  background-color: #fff;\n  border-color: #999;\n}\n\nlabel.bf-disabled {\n  background-color: transparent;\n  border-color: transparent;\n}\n\nbutton.bf-disabled,\n[type=button].bf-disabled,\n[type=reset].bf-disabled,\n[type=submit].bf-disabled,\n.bf-btn.bf-disabled {\n  cursor: default;\n  cursor: not-allowed;\n  pointer-events: none;\n  user-select: none;\n  box-shadow: none;\n  opacity: 0.5;\n  color: #222;\n  background: #ccc;\n}\nbutton.bf-disabled:hover, button.bf-disabled:active, button.bf-disabled:focus,\n[type=button].bf-disabled:hover,\n[type=button].bf-disabled:active,\n[type=button].bf-disabled:focus,\n[type=reset].bf-disabled:hover,\n[type=reset].bf-disabled:active,\n[type=reset].bf-disabled:focus,\n[type=submit].bf-disabled:hover,\n[type=submit].bf-disabled:active,\n[type=submit].bf-disabled:focus,\n.bf-btn.bf-disabled:hover,\n.bf-btn.bf-disabled:active,\n.bf-btn.bf-disabled:focus {\n  box-shadow: none;\n  color: #222;\n  background: #ccc;\n}\n\n.bf-btn--primary.bf-disabled {\n  cursor: default;\n  cursor: not-allowed;\n  pointer-events: none;\n  user-select: none;\n  box-shadow: none;\n  opacity: 0.5;\n  color: #fff;\n  background: #007bff;\n}\n.bf-btn--primary.bf-disabled:hover, .bf-btn--primary.bf-disabled:active, .bf-btn--primary.bf-disabled:focus {\n  box-shadow: none;\n  color: #fff;\n  background: #007bff;\n}\n\n.bf-invalid,\n.bf-invalid:focus {\n  color: #ff0000 !important;\n  border-color: #ff0000 !important;\n  box-shadow: 0 0 0 3px rgba(255, 0, 0, 0.25) !important;\n}\n\n.bf-list-unstyled,\nmenu ul.bf-list-unstyled,\nmenu ol.bf-list-unstyled,\nul.bf-list-unstyled ul,\nul.bf-list-unstyled ol,\nol.bf-list-unstyled ol,\nol.bf-list-unstyled ul,\ndd.bf-list-unstyled {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\ndt {\n  font-weight: 700;\n}\n\n.bf-embed-responsive {\n  position: relative;\n  display: block;\n  width: 100%;\n  padding: 0;\n  overflow: hidden;\n}\n.bf-embed-responsive::before {\n  display: block;\n  content: \"\";\n  padding-top: 56.25%;\n}\n.bf-embed-responsive .bf-embed-responsive--4-3::before {\n  padding-top: 75%;\n}\n.bf-embed-responsive .bf-embed-responsive--item, .bf-embed-responsive iframe, .bf-embed-responsive embed, .bf-embed-responsive object, .bf-embed-responsive video {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  border: 0;\n}\n\n.bf-table th,\n.bf-table td {\n  padding: 10px;\n  padding: 1rem;\n  border-bottom: 1px solid #999;\n  margin-bottom: 5px;\n  margin-bottom: 0.5rem;\n}\n\n.bf-table-responsive {\n  overflow-x: auto;\n  overflow-y: hidden;\n  -ms-overflow-style: scrollbar;\n}\n\n.bf-table-responsive table {\n  width: 100%;\n  margin-bottom: 5px;\n  margin-bottom: 0.5rem;\n}\n\n.bf-table-responsive.scrollbar {\n  -webkit-overflow-scrolling: auto;\n}\n\n.bf-table--zebra tbody tr:nth-child(odd),\n.bf-table-responsive--zebra tbody tr:nth-child(odd) {\n  background-color: #e9e9e9;\n}\n\n/* main.css 3.0.0 | MIT License | https://github.com/h5bp/main.css#readme */\n/* ==========================================================================\n   Print styles.\n   Inlined to avoid the additional HTTP request:\n   https://www.phpied.com/delay-loading-your-print-css/\n   ========================================================================== */\n@media print {\n  *,\n  *::before,\n  *::after {\n    background: #fff !important;\n    color: #000 !important;\n    /* Black prints faster */\n    box-shadow: none !important;\n    text-shadow: none !important;\n  }\n  a,\n  a:visited {\n    text-decoration: underline;\n  }\n  a[href]::after {\n    content: \" (\" attr(href) \")\";\n  }\n  abbr[title]::after {\n    content: \" (\" attr(title) \")\";\n  }\n  /*\n     * Don't show links that are fragment identifiers,\n     * or use the `javascript:` pseudo protocol\n     */\n  a[href^=\"#\"]::after,\n  a[href^=\"javascript:\"]::after {\n    content: \"\";\n  }\n  pre {\n    white-space: pre-wrap !important;\n  }\n  pre,\n  blockquote {\n    border: 1px solid #999;\n    page-break-inside: avoid;\n  }\n  tr,\n  img {\n    page-break-inside: avoid;\n  }\n  p,\n  h2,\n  h3 {\n    orphans: 3;\n    widows: 3;\n  }\n  h2,\n  h3 {\n    page-break-after: avoid;\n  }\n}\n@media print {\n  body,\n  .bf-container {\n    min-width: 992px !important;\n  }\n  .bf-table-responsive {\n    overflow: auto;\n  }\n  .bf-table-responsive table {\n    width: auto;\n  }\n  .bf-table-responsive table,\n  .bf-table {\n    border-collapse: collapse !important;\n  }\n}\n@media (prefers-reduced-motion: reduce) {\n  .bf-reduced-motion,\n  .bf-reduced-motion::before,\n  .bf-reduced-motion::after,\n  .bf-reduced-motion *,\n  .bf-reduced-motion *::before,\n  .bf-reduced-motion *::after {\n    animation-delay: -1ms !important;\n    animation-duration: 1ms !important;\n    animation-iteration-count: 1 !important;\n    background-attachment: initial !important;\n    scroll-behavior: auto !important;\n    transition-delay: 0s !important;\n    transition-duration: 0s !important;\n  }\n}\n/**\n * Change the cursor on busy elements in all browsers (opinionated).\n */\n[aria-busy=true] {\n  cursor: progress;\n}\n\n/*\n * Change the cursor on control elements in all browsers (opinionated).\n */\n[aria-controls] {\n  cursor: pointer;\n}\n\n/*\n * Change the cursor on disabled, not-editable, or otherwise\n * inoperable elements in all browsers (opinionated).\n */\n[aria-disabled=true],\n[disabled] {\n  cursor: not-allowed;\n}\n\n/*\n * Change the display on visually hidden accessible elements\n * in all browsers (opinionated).\n */\n[aria-hidden=false][hidden] {\n  display: initial;\n}\n\n[aria-hidden=false][hidden]:not(:focus) {\n  clip: rect(0, 0, 0, 0);\n  position: absolute;\n}\n\n@media (prefers-color-scheme: dark) {\n  html {\n    scrollbar-color: #595959 #111;\n  }\n  ::-webkit-scrollbar {\n    width: 1.5rem;\n    height: 1.5rem;\n  }\n  ::-webkit-scrollbar-track {\n    background-color: #111;\n  }\n  ::-webkit-scrollbar-thumb {\n    background-color: #595959;\n  }\n  ::-webkit-scrollbar-thumb:hover {\n    background-color: gray;\n  }\n  html {\n    color: #f0f0f0;\n  }\n  body {\n    background-color: #242424;\n  }\n  a {\n    color: #66b0ff;\n  }\n  a:hover, a:focus {\n    color: #1a88ff;\n  }\n  mark {\n    background-color: #cccc00;\n  }\n  ins {\n    background-color: #b3b300;\n  }\n  [type=email],\n  [type=number],\n  [type=password],\n  [type=tel],\n  [type=search],\n  [type=text],\n  [type=date],\n  [type=datetime-local],\n  [type=month],\n  [type=week],\n  [type=time],\n  [type=url],\n  [type=range],\n  input[list],\n  select,\n  select:not([size]):not([multiple]),\n  textarea {\n    background-color: #111;\n    border-color: #000;\n    color: #ccc;\n  }\n  [type=email]:active, [type=email]:focus,\n  [type=number]:active,\n  [type=number]:focus,\n  [type=password]:active,\n  [type=password]:focus,\n  [type=tel]:active,\n  [type=tel]:focus,\n  [type=search]:active,\n  [type=search]:focus,\n  [type=text]:active,\n  [type=text]:focus,\n  [type=date]:active,\n  [type=date]:focus,\n  [type=datetime-local]:active,\n  [type=datetime-local]:focus,\n  [type=month]:active,\n  [type=month]:focus,\n  [type=week]:active,\n  [type=week]:focus,\n  [type=time]:active,\n  [type=time]:focus,\n  [type=url]:active,\n  [type=url]:focus,\n  [type=range]:active,\n  [type=range]:focus,\n  input[list]:active,\n  input[list]:focus,\n  select:active,\n  select:focus,\n  select:not([size]):not([multiple]):active,\n  select:not([size]):not([multiple]):focus,\n  textarea:active,\n  textarea:focus {\n    background-color: #111;\n    border-color: #3395ff;\n  }\n  [type=email]:active, [type=email]:focus,\n  [type=number]:active,\n  [type=number]:focus,\n  [type=password]:active,\n  [type=password]:focus,\n  [type=tel]:active,\n  [type=tel]:focus,\n  [type=search]:active,\n  [type=search]:focus,\n  [type=text]:active,\n  [type=text]:focus,\n  [type=date]:active,\n  [type=date]:focus,\n  [type=datetime-local]:active,\n  [type=datetime-local]:focus,\n  [type=month]:active,\n  [type=month]:focus,\n  [type=week]:active,\n  [type=week]:focus,\n  [type=time]:active,\n  [type=time]:focus,\n  [type=url]:active,\n  [type=url]:focus,\n  input[list]:active,\n  input[list]:focus,\n  select:active,\n  select:focus,\n  select:not([size]):not([multiple]):active,\n  select:not([size]):not([multiple]):focus,\n  textarea:active,\n  textarea:focus {\n    box-shadow: 0 0 0 3px rgba(3, 102, 214, 0.5);\n  }\n  .bf-focused {\n    border-color: #3395ff;\n    box-shadow: 0 0 0 3px rgba(3, 102, 214, 0.5) !important;\n  }\n  .bf-invalid,\n  .bf-invalid:focus {\n    color: #ff2626 !important;\n    border-color: #ff2626 !important;\n  }\n  select:not([size]):not([multiple]) {\n    background-image: 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='%23f0f0f0' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e\");\n  }\n}\n@media screen and (prefers-color-scheme: dark) and (min-width: 0\\0 ) and (min-resolution: 0.001dpcm) {\n  select:not([size]):not([multiple]),\n  *[dir=rtl] select:not([size]):not([multiple]),\n  select[dir=rtl]:not([size]):not([multiple]) {\n    background-image: none;\n  }\n}\n@media (prefers-color-scheme: dark) {\n  @supports (appearance: none) {\n    [type=range] {\n      background-color: transparent;\n    }\n    [type=range]:focus {\n      background-color: transparent;\n    }\n    [type=range]::-webkit-slider-runnable-track {\n      background-color: #111;\n    }\n    [type=range]::-moz-range-track {\n      background-color: #111;\n    }\n  }\n  input::placeholder,\n  textarea::placeholder {\n    color: #999;\n  }\n  button,\n  [type=button],\n  [type=reset],\n  [type=submit],\n  .bf-btn,\n  button.bf-disabled,\n  [type=button].bf-disabled,\n  [type=reset].bf-disabled,\n  [type=submit].bf-disabled,\n  .bf-btn.bf-disabled {\n    background: #ccc;\n  }\n  button:hover, button:active, button:focus,\n  [type=button]:hover,\n  [type=button]:active,\n  [type=button]:focus,\n  [type=reset]:hover,\n  [type=reset]:active,\n  [type=reset]:focus,\n  [type=submit]:hover,\n  [type=submit]:active,\n  [type=submit]:focus,\n  .bf-btn:hover,\n  .bf-btn:active,\n  .bf-btn:focus,\n  button.bf-disabled:hover,\n  button.bf-disabled:active,\n  button.bf-disabled:focus,\n  [type=button].bf-disabled:hover,\n  [type=button].bf-disabled:active,\n  [type=button].bf-disabled:focus,\n  [type=reset].bf-disabled:hover,\n  [type=reset].bf-disabled:active,\n  [type=reset].bf-disabled:focus,\n  [type=submit].bf-disabled:hover,\n  [type=submit].bf-disabled:active,\n  [type=submit].bf-disabled:focus,\n  .bf-btn.bf-disabled:hover,\n  .bf-btn.bf-disabled:active,\n  .bf-btn.bf-disabled:focus {\n    background: #b3b3b3;\n  }\n  button:active, button:focus,\n  [type=button]:active,\n  [type=button]:focus,\n  [type=reset]:active,\n  [type=reset]:focus,\n  [type=submit]:active,\n  [type=submit]:focus,\n  .bf-btn:active,\n  .bf-btn:focus,\n  button.bf-disabled:active,\n  button.bf-disabled:focus,\n  [type=button].bf-disabled:active,\n  [type=button].bf-disabled:focus,\n  [type=reset].bf-disabled:active,\n  [type=reset].bf-disabled:focus,\n  [type=submit].bf-disabled:active,\n  [type=submit].bf-disabled:focus,\n  .bf-btn.bf-disabled:active,\n  .bf-btn.bf-disabled:focus {\n    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.45);\n  }\n  button:active, button:focus,\n  [type=button]:active,\n  [type=button]:focus,\n  [type=reset]:active,\n  [type=reset]:focus,\n  [type=submit]:active,\n  [type=submit]:focus,\n  .bf-btn:active,\n  .bf-btn:focus {\n    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.45);\n  }\n  .bf-btn--primary.bf-disabled,\n  .bf-btn.bf-btn--primary {\n    background: #007bff;\n  }\n  .bf-btn--primary.bf-disabled:hover, .bf-btn--primary.bf-disabled:active, .bf-btn--primary.bf-disabled:focus,\n  .bf-btn.bf-btn--primary:hover,\n  .bf-btn.bf-btn--primary:active,\n  .bf-btn.bf-btn--primary:focus {\n    background: #006fe6;\n  }\n  .bf-btn--primary.bf-disabled:active, .bf-btn--primary.bf-disabled:focus,\n  .bf-btn.bf-btn--primary:active,\n  .bf-btn.bf-btn--primary:focus {\n    box-shadow: 0 0 0 3px rgba(0, 86, 179, 0.75);\n  }\n  a:focus,\n  input:focus {\n    outline-color: #b37400;\n  }\n  :focus-visible {\n    outline-color: #b37400;\n  }\n  .bf-table th,\n  .bf-table td {\n    border-color: #666;\n  }\n  .bf-table--zebra tbody tr:nth-child(odd),\n  .bf-table-responsive--zebra tbody tr:nth-child(odd) {\n    background-color: #333;\n  }\n}","/*! custom build: bullframe-system-default */\n\n@import 'bullframe';\n@import 'utilities/utility-global-system-default';\n","*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\narticle,\naside,\ndialog,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nmenu,\nnav,\nsection,\ndetails {\n  display: block;\n}\n\ntemplate {\n  display: none;\n}\n\n// Always hide an element with the `hidden` HTML attribute\n[hidden] {\n  display: none !important;\n}\n","html {\n  text-size-adjust: 100%;\n\n  // resize the base font-size and get an easy math for rem units\n  // https://snook.ca/archives/html_and_css/font-size-with-rem\n  font-size: 62.5%;\n\n  color: #222;\n\n  // set a default font-family and line-height\n  font-family: sans-serif;\n  line-height: 1.15;\n\n  // ! this is not a standard feature, is webkit only\n  // https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-tap-highlight-color\n\n  // remove a tap background when a link or interactive element is focused\n  // if is touch\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\nbody {\n  margin: 0;\n  font-size: $bf-body-font-size-px; // '16px' by default\n  font-size: $bf-body-font-size-rem; // '1.6rem' by default\n  line-height: $bf-body-line-height; // '1.5' by default\n\n  // this is useful to inherit values for some elements (e.g. forms)\n  font-weight: 400;\n  text-align: left;\n\n  // native font stack for optimum text rendering on every device and OS\n  // this stack mimics the system font UI\n  // a web apps looks like a native app (e.g. Android = Roboto font)\n  // Read more:\n  // https://www.smashingmagazine.com/2015/11/using-system-ui-fonts-practical-guide/\n  font-family: \n\n\t\t// Safari for OS X and iOS (San Francisco) -apple-system,\n    // Chrome < 56 for OS X (San Francisco)\n    BlinkMacSystemFont,\n    // Windows\n    'Segoe UI',\n    // Android\n    Roboto,\n    // Linux with KDE\n    Oxygen-Sans,\n    // Ubuntu (all variants)\n    Ubuntu,\n    // Linux with GNOME Shell\n    Cantarell,\n    // macOS 1.10 and below\n    'Helvetica Neue',\n    Helvetica,\n\n    // Basic web fallback\n    Arial,\n    'Noto Sans', sans-serif,\n\n    // emoji fonts\n    'Apple Color Emoji',\n    'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\n\n  // this enable font ligatures\n  text-rendering: optimizeLegibility;\n\n  // break very long texts by default, especially on old browsers\n  // e.g. big <h1> or <h2> headlines\n  word-wrap: break-word;\n\n  background-color: $bf-white;\n}\n","// ! CSS Variables (Custom Properties) are not IE-friendly\n// https://caniuse.com/#feat=css-variables\n// let's Sass do the job instead\n\n// customise/enlarge this small selection as needed\n\n// hex to rgba online converter http://www.hex2rgba.devoth.com/\n\n// backgrounds, texts and borders\n$bf-white: #fff; // rgba(255,255,255,1)\n$bf-light: #f0f0f0; // rgba(240,240,240,1)\n$bf-gray-light-extra: #e9e9e9; // rgba(233,233,233,1)\n$bf-gray-light: #ccc; // rgba(204,204,204,1)\n$bf-gray: #999; // rgba(153,153,153,1)\n$bf-gray-dark: #666; // rgba(102,102,102,1)\n$bf-gray-dark-extra: #333; // rgba(51,51,51,1)\n$bf-dark: #222; // rgba(34,34,34,1)\n$bf-dark-extra: #111; // rgba(17,17,17,1)\n$bf-black: #000; // rgba(0,0,0,1)\n\n// <mark> and <ins>\n$bf-yellow-light: #ff9; // rgba(255,255,153,1)\n$bf-yellow: #ff0; // rgba(255,255,0,1)\n\n// anchors and accent\n$bf-blue: #007bff; // rgba(0,123,255,1)\n$bf-blue-light: #0056b3; // rgba(0,86,179,1)\n$bf-blue-light-extra: #bed8fe; //rgba(190, 216, 254, 1)\n\n// invalid forms\n$bf-red: #ff0000; // rgba(255,0,0,1)\n","$bf-font-sans-serif: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,\n  Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial, sans-serif,\n  'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\n\n$bf-font-serif: Georgia, Times, 'Times New Roman', serif;\n\n$bf-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',\n  'Courier New', monospace;\n\n$bf-body-font-size-px: 16px;\n$bf-body-font-size-rem: 1.6rem;\n$bf-body-line-height: 1.5;\n","h1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n\n  font-weight: 700; // fallback\n  font-weight: 600;\n  font-family: inherit;\n  color: inherit;\n  line-height: 1.25;\n  margin-bottom: $bf-spacing-lg-px;\n  margin-bottom: $bf-spacing-lg-rem;\n\n\n}\n\nh1 {\n  font-size: 36px;\n  font-size: 3.6rem;\n}\n\nh2 {\n  font-size: 30px;\n  font-size: 3rem;\n}\n\nh3 {\n  font-size: 24px;\n  font-size: 2.4rem;\n}\n\nh4 {\n  font-size: 20px;\n  font-size: 2rem;\n}\n\nh5,\nh6 {\n  font-size: 16px;\n  font-size: 1.6rem;\n}","// customise this spacing selection as needed\n\n// the REM unit is the default,\n// preceded by the PX unit as fallback for old browsers (IE)\n// https://caniuse.com/#search=rem\n//\n// e.g.\n// html { font-size: 62.5%; }\n// body { font-size: 16px; }\n// h1 { font-size: 30px; font-size: 3rem; }\n\n$bf-spacing-sm-px: 2.5px;\n$bf-spacing-md-px: 5px;\n$bf-spacing-lg-px: 10px;\n$bf-spacing-xl-px: 20px;\n$bf-spacing-xxl-px: 30px;\n\n$bf-spacing-sm-rem: .25rem;\n$bf-spacing-md-rem: .5rem;\n$bf-spacing-lg-rem: 1rem;\n$bf-spacing-xl-rem: 2rem;\n$bf-spacing-xxl-rem: 3rem;\n\n// ! grid system only\n$bf-spacing-grid-gutter-px: 15px;\n$bf-spacing-grid-gutter-rem: 1.5rem;","blockquote {\n  margin: 0 0 $bf-spacing-xl-px 0;\n  margin-bottom: $bf-spacing-xl-rem;\n  padding-left: 0;\n  font-style: italic;\n}\n\nblockquote p {\n  margin-bottom: 0;\n}\n\nblockquote small {\n  color: $bf-gray;\n  display: block;\n}\n\nblockquote small:before {\n  content: '\\2014 \\00A0';\n}\n\nq {\n  quotes: '\\201C''\\201D''\\2018''\\2019';\n}\n","pre {\n  margin: 0 0 $bf-spacing-xl-px 0;\n  margin: 0 0 $bf-spacing-xl-rem 0;\n\n  display: block;\n  overflow: auto;\n  word-break: break-all; // webkit\n  word-wrap: break-word;\n  white-space: pre;\n  hyphens: none;\n\n  // this is a not standard CSS property, so it's for IE only\n  // https://developer.mozilla.org/en-US/docs/Web/CSS/-ms-overflow-style\n  //\n  // Disable auto-hiding scrollbar in legacy Edge\n  // https://github.com/twbs/bootstrap/pull/30685\n  -ms-overflow-style: auto;\n}\n\npre,\ncode,\nkbd,\nsamp {\n  font-family: \n\n  /* macOS 1.10+ */ 'Menlo', /* Windows 6+ */ 'Consolas',\n    /* Android 4+ */ 'Roboto Mono', /* Ubuntu 1.10+ */ 'Ubuntu Monospace',\n    /* KDE Plasma 5+ */ 'Noto Mono', /* KDE Plasma 4+ */ 'Oxygen Mono',\n    /* Linux/OpenOffice fallback */ 'Liberation Mono', /* fallback */ monospace,\n    /* emoji fonts */ 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',\n    'Noto Color Emoji';\n\n  // a monospaced text font should looks bigger, so a smaller font-size\n  // is preferred\n  font-size: 0.875em;\n}\n\ncode {\n  word-wrap: break-word;\n}\n\na > code {\n  color: inherit;\n}\n\npre code {\n  font-size: inherit;\n  color: inherit;\n  word-break: normal;\n}\n","p {\n  margin: 0 0 $bf-spacing-xl-px 0;\n  margin: 0 0 $bf-spacing-xl-rem 0;\n}\n\n// Abbreviations (taken from Bootstrap 4)\n//\n// 1. Remove the bottom border in Firefox 39-.\n// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n// 3. Add explicit cursor to indicate changed behavior.\nabbr[title],\nabbr[data-original-title] {\n  cursor: help;\n  text-decoration: underline; // 2\n  text-decoration: underline dotted; // 2\n  border-bottom: 0; // 2\n}\n\nmark {\n  background-color: $bf-yellow;\n  color: $bf-black;\n}\n\nins {\n  background-color: $bf-yellow-light;\n  color: $bf-black;\n  text-decoration: none;\n}\n\n// Prevent the duplicate application of `bolder` by the next rule\n// in Safari 6\nb,\nstrong {\n  font-weight: inherit;\n}\n\n// Add the correct font weight in Chrome, Edge, and Safari\n/* stylelint-disable-next-line */\nb,\nstrong {\n  font-weight: bolder;\n}\n\ndfn {\n  font-style: italic;\n}\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsup {\n  top: -8px;\n  top: -0.8rem;\n}\n\nsub {\n  bottom: -4px;\n  bottom: -0.4rem;\n}\n\nsmall {\n  font-size: 80%;\n}\n\nhr {\n  box-sizing: content-box;\n  display: block;\n  height: 0;\n  border-style: solid;\n  border-width: 1px 0 0;\n  color: inherit;\n  margin: $bf-spacing-xl-px 0;\n  margin: $bf-spacing-xl-rem 0;\n  padding: 0;\n  overflow: visible; // Show the overflow in Edge and IE\n}\n\naddress {\n  font-style: normal;\n  margin-bottom: $bf-spacing-lg-px;\n  margin-bottom: $bf-spacing-lg-rem;\n  line-height: inherit;\n}\n\nsummary {\n  display: list-item;\n  cursor: pointer;\n}\n","a {\n  color: $bf-blue; // bootstrap blue\n  text-decoration: none;\n\n  // IE10+: Remove grey background on active links\n  background-color: transparent;\n  \n  &:hover,\n  &:focus {\n    text-decoration: underline;\n    color: $bf-blue-light;\n  }\n}\n\n// this is taken from Bootstrap's reboot\n// https://getbootstrap.com/docs/4.4/content/reboot/\n//\n// ':not' is IE9+\n// https://caniuse.com/#feat=mdn-css_selectors_not\na:not([href]):not([tabindex]) {\n  color: inherit;\n  text-decoration: none;\n}\n\na:not([href]):not([tabindex]):hover,\na:not([href]):not([tabindex]):focus,\na:not([href]):not([class]),\na:not([href]):not([class]):hover {\n  color: inherit;\n  text-decoration: none;\n}\n\na:not([href]):not([tabindex]):focus {\n  outline: 0;\n}\n","// ! ':not' is IE9+\n// https://caniuse.com/#feat=mdn-css_selectors_not\n//\n// ! and ':focus-visible'\n// https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible\n//\n// don't have some much browser support now (May 2020)\n// https://caniuse.com/#feat=css-focus-visible\n//\n// but is good in a progressive enhancement future view\n//\n// and you could polyfill it for a wide cross-browser support right now\n// https://github.com/WICG/focus-visible\n//\n// remove focus if is not keyboard\n// and if these elements are not focused globally\n:focus:not(:focus-visible) {\n  outline: none;\n}\n\n// Suppress the focus outline on elements that cannot be accessed via keyboard.\n// This prevents an unwanted focus outline from appearing around elements that\n// might still respond to pointer events.\n//\n// Taken from SuitCSS https://github.com/suitcss/base\n//\n// Copyright 2020 Harry Roberts\n\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n\n//     http://www.apache.org/licenses/LICENSE-2.0\n\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\n[tabindex='-1']:focus:not(:focus-visible) {\n  outline: 0 !important;\n}\n\n// style the ':focus' outline on anchors and inputs\n// this is for consistency\n// e.g.\n// in webkit (Chrome, Safari) the outline is blue with a subtle box-shadow\n// in trident (IE) is just pointed black\n// in gecko (FF) is pointed black, but it's a thiner\n// ...\na:focus,\ninput:focus {\n  outline: 2px solid orange;\n}\n\n// style it again (must be separated)\n:focus-visible {\n  outline: 2px solid orange;\n}\n\n// these form elements get some ':focus' styles that enhance and improve the focus\n// see '_form-elements.scss'\n// so, we can remove it safely\n//\n// ! but do not touch\n// [type=\"color\"]\n// [type=\"range\"]\n// [type=\"file\"]\n// because usually are replaced with a custom verion\n// with JS or extra <div>s\n// https://getbootstrap.com/docs/4.4/components/input-group/#custom-file-input\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'],\n[type='email'],\n[type='number'],\n[type='password'],\n[type='tel'],\n[type='search'],\n[type='text'],\n[type='date'],\n[type='datetime-local'],\n[type='month'],\n[type='time'],\n[type='week'],\n[type='url'],\n[type='radio'],\n[type='checkbox'],\ninput[list],\nselect,\ntextarea {\n  &:focus {\n    outline: 0;\n  }\n}\n\n// More resources to read on this matter\n// https://gist.github.com/chrisdemars/a74c5bd210dc739fa63e9b985c937bcb\n","menu,\nol,\nul,\ndl {\n  margin: 0 0 $bf-spacing-xl-px 0;\n  margin: 0 0 $bf-spacing-xl-rem 0;\n  padding: 0;\n}\n\nmenu ul,\nmenu ol,\nul ul,\nul ol,\nol ol,\nol ul,\ndd {\n  margin-bottom: 0;\n}\n\nul,\nol {\n  margin-left: $bf-spacing-xl-px;\n  margin-left: $bf-spacing-xl-rem;\n}\n\nnav ol,\nnav ul {\n  list-style: none;\n  list-style-image: none;\n  margin-left: 0;\n}\n\ndt {\n  font-weight: 700;\n}\n\ndd {\n  margin-left: 0;\n}\n\n// taken from https://github.com/jensimmons/cssremedy\n//\n// 1. Add zero-width-space to prevent VoiceOver disable\n// 2. Absolute position ensures no extra space\n// See: https://unfetteredthoughts.net/2017/09/26/voiceover-and-list-style-type-none/\nnav li:before {\n  content: '\\200B';\n  position: absolute;\n}\n","audio,\ncanvas,\nprogress,\nvideo {\n  display: inline-block;\n}\n\nimg,\ncanvas,\naudio,\nvideo,\niframe,\nobject,\nembed {\n  max-width: 100%;\n}\n\naudio,\nvideo,\ncanvas,\nimg,\nsvg {\n  vertical-align: middle;\n}\n\nimg {\n  height: auto;\n  border-style: none;\n}\n\n// useful for CMS generated images\n// but causes layout breaking\n// img[width],\n// img[height] {\n// \tmax-width: none;\n// }\n\nfigure {\n  margin: 0;\n}\n\nfigure,\nfigcaption {\n  display: block;\n}\n\nfigcaption {\n  line-height: 1.375;\n  font-size: 90%;\n}\n\nvideo {\n  height: auto;\n}\n\naudio {\n  width: 100%;\n}\n\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\nsvg:not(:root) {\n  overflow: hidden;\n}\n\nsvg:not([fill]) {\n  fill: currentColor;\n}\n\nprogress,\nmeter {\n  display: inline-block;\n  vertical-align: baseline;\n  width: 100%;\n  max-width: 100%;\n}\n\n// <progress> normalization\n//\n// https://css-tricks.com/html5-progress-element/\nprogress[value] {\n  appearance: none; // reset the default appearance\n  border: none; // Get rid of default border in Firefox\n\n  height: 20px;\n  height: 2rem;\n\n  // progress bar background color\n  background: $bf-gray-light;\n\n  // progress value background color in IE10+\n  color: $bf-blue;\n}\n\n// ! this is not a standard feature, is webkit only\n// https://developer.mozilla.org/en-US/docs/Web/CSS/%3A%3A-webkit-progress-bar\n//\n// progress value background color in webkit\nprogress[value]::-webkit-progress-bar {\n  background: $bf-gray-light;\n}\nprogress[value]::-webkit-progress-value {\n  background: $bf-blue;\n}\n\n// remove default border in old browsers\n// and for embeds (e.g. youtube) that don't remove the border with the attribute\n// frameborder=\"0\"\n//\n// e.g.\n// <iframe\n//  width=\"560\"\n//  height=\"315\"\n//  src=\"https://www.youtube-nocookie.com/embed/Z-4v4I7Gzk0\"\n//  frameborder=\"0\"\n//  allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\n//  allowfullscreen>\n// </iframe>\niframe {\n  border-style: none;\n}\n","// normalization, enhancement and responsiveness\n\nhtml input,\nbutton,\nselect,\noptgroup,\ntextarea {\n  color: inherit;\n  font-family: inherit;\n  font-size: inherit;\n  line-height: inherit;\n}\n\nhtml input,\nbutton,\n[type='radio'],\n[type='checkbox'],\nselect,\noptgroup,\ntextarea {\n  margin: 0;\n}\n\nhtml input,\nselect,\ntextarea,\nlegend {\n  width: 100%;\n}\n\n// re-set width auto where needed\nhtml label,\nbutton,\n[type='image'],\n[type='submit'],\n[type='reset'],\nhtml [type='button'],\n[type='radio'],\n[type='checkbox'] {\n  width: auto;\n}\n\n// inline-block display gives the best cross-browser combination\n// and allow several properties\nhtml input,\nlabel,\nselect,\ntextarea,\nbutton,\nhtml [type='button'],\n[type='reset'],\n[type='submit'],\noutput {\n  display: inline-block;\n}\n\n[type='file'] {\n  display: block;\n  background-color: transparent;\n}\n\nbutton,\nhtml input,\nselect,\ntextarea {\n  background-image: none; // FF mobile\n}\n\ninput,\nselect,\ntextarea {\n  vertical-align: baseline;\n}\n\nform {\n  margin: 0;\n}\n\n// 1. Remove intrinsic min-width of fieldset\n// https://github.com/necolas/normalize.css/pull/269\nfieldset {\n  border: 0;\n  padding: 0;\n  margin: 0;\n  min-width: 0; // 1.\n}\n\nlegend {\n  display: table; // Correct the text wrapping in Edge and IE.\n  max-width: 100%;\n  white-space: normal; // enable line-wrapping in FF4/5\n  border: 0;\n  padding: 0;\n  font-weight: 400;\n  margin-bottom: $bf-spacing-md-px;\n  margin-bottom: $bf-spacing-md-rem;\n  font-size: inherit;\n  line-height: 1.375;\n  color: inherit;\n}\n\nlabel {\n  font-weight: 400;\n  font-size: 90%;\n  line-height: 1.375;\n  margin-bottom: $bf-spacing-md-px;\n  margin-bottom: $bf-spacing-md-rem;\n}\n\nlabel input,\nlabel select,\nlabel textarea {\n  font-size: 110%;\n}\n\n[type='number']::-webkit-outer-spin-button,\n[type='number']::-webkit-inner-spin-button {\n  height: auto;\n}\n\n::-webkit-datetime-edit-fields-wrapper,\n::-webkit-datetime-edit-text,\n::-webkit-datetime-edit-minute,\n::-webkit-datetime-edit-hour-field,\n::-webkit-datetime-edit-day-field,\n::-webkit-datetime-edit-month-field,\n::-webkit-datetime-edit-year-field {\n  padding: 0;\n}\n\n::-webkit-color-swatch-wrapper {\n  padding: 0;\n}\n\n[type='search'] {\n  outline-offset: -$bf-spacing-sm-px;\n  outline-offset: -$bf-spacing-sm-rem;\n}\n\noutput {\n  vertical-align: middle;\n}\n\nbutton,\nselect {\n  text-transform: none;\n}\n\nselect {\n  word-wrap: normal;\n}\n\n// Taken from Bootstrap Reboot v5.2\n// https://unpkg.com/browse/bootstrap@5.2.0/dist/css/bootstrap-reboot.css\n[list]:not([type='date']):not([type='datetime-local']):not([type='month']):not([type='week']):not([type='time'])::-webkit-calendar-picker-indicator {\n  display: none !important;\n}\n\noptgroup {\n  font-family: inherit;\n  font-size: inherit;\n  font-style: inherit;\n  font-weight: 700; // fallback for font families without 600 */\n  font-weight: 600;\n}\n\n// remove -webkit-appearance listing every single elements that needed it\nbutton,\n// avoid destroying native android audio/video players\nhtml [type=\"button\"], \n[type=\"reset\"],\n[type=\"submit\"],\n\n[type=\"email\"],\n[type=\"number\"],\n[type=\"text\"],\n[type=\"tel\"],\n[type=\"date\"],\n[type=\"datetime-local\"],\n[type=\"month\"],\n[type=\"week\"],\n[type=\"url\"],\n[type=\"image\"],\n[type=\"password\"],\n[type=\"search\"],\n[type=\"search\"]::-webkit-search-decoration,\n[type=\"search\"]::-webkit-search-cancel-button,\ninput[list],\ntextarea {\n  -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; // iOS and Safari\n  font: inherit; // Safari\n}\n\n// ! IE9+\n// https://caniuse.com/#feat=border-radius\nbutton,\ninput,\nselect,\ntextarea {\n  border-radius: $bf-spacing-sm-px;\n  border-radius: $bf-spacing-sm-rem;\n}\n\n// ! IE9+\n// https://caniuse.com/#feat=border-radius\n[type='radio'] {\n  border-radius: 50%;\n}\n\n[type='checkbox'] {\n  border-radius: $bf-spacing-md-px;\n  border-radius: $bf-spacing-md-rem;\n}\n\n[type='radio'],\n[type='checkbox'] {\n  padding: 0;\n  background-color: $bf-white;\n}\n\n[type='range'] {\n  background-color: transparent; // FF and Chrome mobile\n}\n\nselect[size],\nselect[multiple] {\n  height: auto;\n}\n\nselect[multiple] {\n  background-image: none; // FF mobile\n}\n\ntextarea {\n  height: auto;\n  min-height: 60px;\n  min-height: 6rem;\n  overflow: auto;\n  vertical-align: top;\n  resize: vertical;\n}\n\n// Remove the inner border and padding of focus outlines in Firefox\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n  line-height: normal;\n  text-align: center;\n  margin: 0;\n  background-clip: padding-box;\n  vertical-align: baseline;\n  overflow: visible;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  user-select: none;\n  border: 0;\n  background-image: none; // FF mobile\n\n  &:hover,\n  &:active,\n  &:focus {\n    text-decoration: none;\n    color: $bf-dark;\n  }\n}\n\nbutton,\nselect,\ninput[type='submit'],\ninput[type='button'],\n[type='checkbox'],\n[type='range'],\n[type='radio'],\n[role='button'] {\n  cursor: pointer;\n}\n\n// FF placeholder bug\n// Issue: If one change the text color of input fields, FF will change\n// the default color of placeholders too!\n// Fix: Use '!important' https://github.com/necolas/normalize.css/issues/150\ninput::placeholder,\ntextarea::placeholder {\n  color: $bf-gray-dark;\n}\n\n// remove ':invalid' styles in FF\n// https://developer.mozilla.org/en-US/docs/Web/CSS/:-moz-ui-invalid\n//\n// for form validation in JavaScript\n// use '.bf-invalid' class in /utilities/_utility-form-states.scss' instead\n// documentation https://developer.mozilla.org/en-US/docs/Web/CSS/:invalid\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n","[type='email'],\n[type='number'],\n[type='password'],\n[type='tel'],\n[type='search'],\n[type='text'],\n[type='date'],\n[type='datetime-local'],\n[type='month'],\n[type='week'],\n[type='time'],\n[type='url'],\ninput[list],\nselect,\ntextarea {\n  background-color: $bf-white;\n  border: 1px solid $bf-gray;\n  padding: $bf-spacing-md-px ($bf-spacing-lg-px * 0.75);\n  padding: $bf-spacing-md-rem ($bf-spacing-lg-rem * 0.75);\n}\n\n// Old browsers and Opera Mini don't fully support all type of inputs\n// e.g. [type=\"range\"]\n// so, let's try to add styles carefully and selective\n[type='email'],\n[type='number'],\n[type='password'],\n[type='tel'],\n[type='search'],\n[type='text'],\n[type='date'],\n[type='datetime-local'],\n[type='month'],\n[type='week'],\n[type='time'],\n[type='url'],\ninput[list],\nselect,\ntextarea,\n[type='radio'],\n[type='checkbox'] {\n  &:active,\n  &:focus {\n    transition: border 0.2s, background-color 0.2s, box-shadow 0.2s;\n    border-color: $bf-blue;\n    box-shadow: 0 0 0 3px rgba(0, 86, 179, 0.25);\n  }\n}\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n  color: $bf-dark;\n  padding: calc($bf-spacing-xl-px / 3) (calc($bf-spacing-xl-px / 3) * 2); // 8px 16px\n  padding: calc($bf-spacing-xl-rem / 3) (calc($bf-spacing-xl-rem / 3) * 2);\n  background: $bf-gray-light;\n  transition: color 0.2s, background 0.2s, box-shadow 0.2s;\n\n  &:hover,\n  &:active,\n  &:focus {\n    text-decoration: none;\n    color: $bf-dark;\n    background: darken($bf-gray-light, 10%);\n  }\n\n  &:active,\n  &:focus {\n    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.15);\n  }\n}\n\n// disabled groups\nfieldset[disabled] button,\nfieldset[disabled] input,\nfieldset[disabled] input:after,\nfieldset[disabled] input:before,\nfieldset[disabled] input:checked,\nfieldset[disabled] select,\nfieldset[disabled] textarea,\nfieldset[disabled] label,\n\n// disabled singles\nbutton[disabled],\ninput[disabled],\ninput[disabled]:after,\ninput[disabled]:before,\ninput[disabled]:checked,\nselect[disabled],\ntextarea[disabled],\nlabel[disabled],\n\n// pseudo class\nbutton:disabled,\ninput:disabled,\ninput:disabled:after,\ninput:disabled:before,\ninput:disabled:checked,\nselect:disabled,\ntextarea:disabled,\nlabel:disabled,\n\n// aria \nbutton[aria-disabled=\"true\"],\ninput[aria-disabled=\"true\"],\ninput[aria-disabled=\"true\"]:after,\ninput[aria-disabled=\"true\"]:before,\ninput[aria-disabled=\"true\"]:checked,\nselect[aria-disabled=\"true\"],\ntextarea[aria-disabled=\"true\"],\nlabel[aria-disabled=\"true\"] {\n  cursor: default !important; // fallback\n  cursor: not-allowed !important;\n  pointer-events: none !important;\n  user-select: none !important;\n  box-shadow: none !important;\n  opacity: 0.5 !important;\n}\n","// custom <select> arrow and appearance with a base64 embedded SVG icon\n// https://css-tricks.com/probably-dont-base64-svg/#article-header-id-2\n//\n// this is inspired from https://github.com/kognise/water.css\n// and from Bootstrap custom select\n// https://getbootstrap.com/docs/4.4/components/input-group/#custom-select\n\n// ! :not and calc() are IE9+\n// https://caniuse.com/#feat=mdn-css_selectors_not\n// https://caniuse.com/#feat=calc\n//\n// ! 12px = the icon width/height, and must be in pixels because\n// calc() is just for values\n// https://css-tricks.com/a-complete-guide-to-calc-in-css/#0-calc-is-for-values\n//\n// a select with a [multiple] attribute doesn't show an arrow by default\n// a select with a [size] attribute gets and arrow on iOS (Webkit) for instance\n// but on Chrome and FF desktop\n// so, is not safe to style every kind of <select>\n//\n// remove the arrow and the appearance, especially on Webkit\nselect:not([size]):not([multiple]) {\n  appearance: none;\n\n  // add a new svg arrow\n  background: $bf-white\n    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\")\n    no-repeat right 0.85rem center/8px 10px;\n\n  // space the arrow\n  padding-right: $bf-spacing-lg-px + $bf-spacing-lg-px;\n  padding-right: $bf-spacing-lg-rem + $bf-spacing-lg-rem;\n}\n\n// IE10+\n// The '::-ms-expand' CSS pseudo-element is a Microsoft extension that represents\n// the button of a <select> menu control that opens or closes the drop-down\n// menu. Typically it is a triangle that points downward.\n// https://developer.mozilla.org/en-US/docs/Web/CSS/::-ms-expand\nselect::-ms-expand {\n  display: none;\n}\n\n// add support for RTL languages\n// 'appearance: none' removes the default styling but introduces a bug\n// that occurs when a right to the left language (e.g. Arabic) is set\n//\n// Read more\n// 1. http://bootstrap.rtlcss.com\n// 2. https://rtlstyling.com/\n*[dir='rtl'] select:not([size]):not([multiple]),\nselect[dir='rtl']:not([size]):not([multiple]) {\n  // move the arrow icon to the left\n  background-position: left 0.85rem top 50%;\n\n  // go back to default forms padding\n  padding-right: ($bf-spacing-lg-px * 0.75);\n  padding-right: ($bf-spacing-lg-rem * 0.75);\n\n  // add custom left padding, matching the custom LTR one\n  padding-left: $bf-spacing-lg-px + $bf-spacing-lg-px;\n  padding-left: $bf-spacing-lg-rem + $bf-spacing-lg-rem;\n}\n","// heavily inspired by '2020 toggles' by Aaron Iker\n// https://css-tricks.com/custom-styling-form-inputs-with-modern-css-features/\n// https://codepen.io/aaroniker/pen/ZEYoxEY?editors=0100\n//\n// https://developer.mozilla.org/en-US/docs/Web/CSS/@supports\n// https://caniuse.com/#feat=mdn-css_at-rules_supports_selector\n//\n// Anyway are safe and future-friendly because more browser compatibility\n// will come\n\n@supports (appearance: none) {\n  [type='checkbox'],\n  [type='radio'] {\n    appearance: none;\n\n    height: 1.8rem;\n    width: 1.8rem;\n\n    vertical-align: top;\n    position: relative;\n\n    border: 1px solid $bf-gray;\n\n    + label {\n      line-height: 1.8rem;\n      vertical-align: top;\n      margin-left: $bf-spacing-md-px;\n      margin-left: $bf-spacing-md-rem;\n    }\n\n    // add support for RTL languages\n    // Read more\n    // 1. http://bootstrap.rtlcss.com\n    // 2. https://rtlstyling.com/\n    *[dir='rtl'] & + label,\n    &[dir='rtl'] + label {\n      margin-left: 0;\n      margin-right: $bf-spacing-md-px;\n      margin-right: $bf-spacing-md-rem;\n    }\n\n    &:after {\n      content: '';\n      display: block;\n      position: absolute;\n    }\n\n    &:checked {\n      background-color: $bf-blue;\n      border-color: $bf-black;\n    }\n  }\n\n  [type='radio'] {\n    &:after {\n      width: 1.8rem;\n      height: 1.8rem;\n\n      left: -0.05rem;\n      top: -0.05rem;\n\n      border-radius: 50%;\n      background: $bf-white;\n\n      transform: scale(0.35);\n    }\n  }\n\n  [type='checkbox'] {\n    &:after {\n      width: 0.6rem;\n      height: 0.8rem;\n\n      border: 2px solid $bf-white;\n      border-top: 0;\n      border-left: 0;\n\n      left: 35%;\n      top: 20%;\n\n      transform: rotate(43deg);\n    }\n  }\n}\n","// styling input range in modern browsers safely using the @supports CSS-at-rule\n// https://developer.mozilla.org/en-US/docs/Web/CSS/@supports\n//\n// standalone CodePen demo https://codepen.io/marcop135/pen/JjGrNMx\n\n@supports (appearance: none) {\n  [type='range'] {\n    appearance: none;\n    width: 100%;\n    height: 1.4rem;\n  }\n\n  [type='range']::-webkit-slider-thumb {\n    border: 0;\n    appearance: none;\n\n    width: 1.5rem;\n    height: 1.5rem;\n    margin-top: -0.25rem;\n    background-color: $bf-blue;\n    border-radius: 1.5rem;\n    transition: background-color 0.15s ease-in-out,\n      border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n\n    &:active {\n      background-color: $bf-blue;\n    }\n  }\n\n  [type='range']::-moz-range-thumb {\n    border: 0;\n    appearance: none;\n\n    width: 1.5rem;\n    height: 1.5rem;\n    background-color: $bf-blue;\n    border-radius: 1.5rem;\n    transition: background-color 0.15s ease-in-out,\n      border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n\n    &:active {\n      background-color: $bf-blue;\n    }\n  }\n\n  [type='range']::-webkit-slider-runnable-track {\n    color: transparent;\n    border-color: transparent;\n\n    width: 100%;\n    height: 0.65rem;\n    cursor: pointer;\n    background-color: $bf-gray-light-extra;\n  }\n\n  [type='range']::-moz-range-track {\n    color: transparent;\n    border-color: transparent;\n\n    width: 100%;\n    height: 0.65rem;\n    cursor: pointer;\n    background-color: $bf-gray-light-extra;\n  }\n\n  [type='range']:focus {\n    outline: none;\n\n    &::-webkit-slider-thumb {\n      box-shadow: 0 0 0 0.1rem $bf-white, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n    }\n\n    &::-moz-slider-thumb {\n      box-shadow: 0 0 0 0.1rem $bf-white, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n    }\n  }\n\n  [type='range']::-moz-focus-outer {\n    border: 0;\n  }\n\n  [type='range']:focus::-moz-range-thumb {\n    box-shadow: 0 0 0 0.1rem $bf-white, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n  }\n\n  // disabled\n\n  [type='range']:disabled {\n    pointer-events: none;\n\n    &::-webkit-slider-thumb {\n      background-color: $bf-gray-light;\n    }\n\n    &::-moz-slider-thumb {\n      background-color: $bf-gray-light;\n    }\n  }\n}\n","table {\n  max-width: 100%;\n  border-collapse: collapse;\n}\n\nthead,\ntbody,\ntfoot,\ntr,\ntd,\nth {\n  border-color: inherit;\n  border-style: solid;\n  border-width: 0;\n}\n\nthead th {\n  vertical-align: bottom;\n}\n\nth,\ntd {\n  vertical-align: top;\n}\n\nth {\n  text-align: inherit;\n  font-weight: 700;\n}\n\ncaption {\n  padding-top: $bf-spacing-md-px;\n  padding-top: $bf-spacing-md-rem;\n  padding-bottom: $bf-spacing-md-px;\n  padding-bottom: $bf-spacing-md-rem;\n  color: $bf-gray;\n  text-align: left;\n  caption-side: bottom;\n  line-height: 1.375;\n  font-size: 90%;\n}\n",".bf-container,\n.bf-container--fluid {\n  // avoid IE8 issue with 'box-sizing: border-box' in combination\n  // with max/min-width and max/min-height\n  // https://github.com/twbs/bootstrap/issues/10014\n  //\n  box-sizing: content-box;\n\n  // you could add these classes to an inline/inline-block element\n  // but it's not recommended\n  display: block;\n\n  // centering\n  margin-right: auto;\n  margin-left: auto;\n\n  // spacing\n  //\n  // match the default Bootstrap Grid gutter width\n  // https://getbootstrap.com/docs/3.4/css/#grid-options\n  padding-left: $bf-spacing-grid-gutter-px;\n  padding-left: $bf-spacing-grid-gutter-rem;\n  padding-right: $bf-spacing-grid-gutter-px;\n  padding-right: $bf-spacing-grid-gutter-rem;\n\n  // clearfix\n  &:before,\n  &:after {\n    display: table;\n    content: ' ';\n  }\n\n  &:after {\n    clear: both;\n  }\n}\n\n.bf-container {\n  max-width: 1140px; // 1140 + 15 + 15 = 1170\n  max-width: 114rem;\n}\n\n.bf-row {\n  display: block;\n\n  margin-left: -$bf-spacing-grid-gutter-px;\n  margin-left: -$bf-spacing-grid-gutter-rem;\n  margin-right: -$bf-spacing-grid-gutter-px;\n  margin-right: -$bf-spacing-grid-gutter-rem;\n\n  // clearfix\n  &:before,\n  &:after {\n    content: ' ';\n    display: table;\n  }\n\n  &:after {\n    clear: both;\n  }\n}\n\n[class^='bf-col-'] {\n  // the block display is triggered by 'float: left'\n  // display: block;\n\n  float: left;\n  position: relative;\n  min-height: 1px;\n\n  padding-left: $bf-spacing-grid-gutter-px;\n  padding-left: $bf-spacing-grid-gutter-rem;\n  padding-right: $bf-spacing-grid-gutter-px;\n  padding-right: $bf-spacing-grid-gutter-rem;\n}\n\n.bf-no-gutters {\n  margin-right: 0;\n  margin-left: 0;\n}\n\n.bf-no-gutters > [class^='bf-col'] {\n  padding-right: 0;\n  padding-left: 0;\n}\n\n.bf-col-12 {\n  width: 100%;\n}\n\n.bf-col-11 {\n  width: 91.66666666666666%;\n}\n\n.bf-col-10 {\n  width: 83.33333333333334%;\n}\n\n.bf-col-9 {\n  width: 75%;\n}\n\n.bf-col-8 {\n  width: 66.66666666666666%;\n}\n\n.bf-col-7 {\n  width: 58.333333333333336%;\n}\n\n.bf-col-6 {\n  width: 50%;\n}\n\n.bf-col-5 {\n  width: 41.66666666666667%;\n}\n\n.bf-col-4 {\n  width: 33.33333333333333%;\n}\n\n.bf-col-3 {\n  width: 25%;\n}\n\n.bf-col-2 {\n  width: 16.666666666666664%;\n}\n\n.bf-col-1 {\n  width: 8.3333%;\n}\n\n// ! this is IE9+\n// if you need CSS3 Media Queries support in IE8\n// you could use the respond.js polyfll https://github.com/scottjehl/Respond\n//\n// ! but there are some important caveats\n// https://github.com/scottjehl/Respond#support--caveats\n\n// 'break' the grid and make the columns full-width\n@media (max-width: 575px) {\n  .bf-container--break-xs .bf-row {\n    margin-left: 0;\n    margin-right: 0;\n  }\n\n  .bf-container--break-xs [class^='bf-col'] {\n    width: 100%;\n    float: none;\n    margin-left: 0;\n    padding-left: 0;\n    padding-right: 0;\n  }\n}\n\n@media (max-width: 767px) {\n  .bf-container--break-md .bf-row {\n    margin-left: 0;\n    margin-right: 0;\n  }\n\n  .bf-container--break-md [class^='bf-col'] {\n    width: 100%;\n    float: none;\n    margin-left: 0;\n    padding-left: 0;\n    padding-right: 0;\n  }\n}\n\n@media (max-width: 991px) {\n  .bf-container--break-lg .bf-row {\n    margin-left: 0;\n    margin-right: 0;\n  }\n\n  .bf-container--break-lg [class^='bf-col'] {\n    width: 100%;\n    float: none;\n    margin-left: 0;\n    padding-left: 0;\n    padding-right: 0;\n  }\n}\n\n// fix missing table cell borders when using 'bf-col-' classes for column sizing\n// https://github.com/twbs/bootstrap/issues/11623\ntable td[class^='bf-col'],\ntable th[class^='bf-col'] {\n  position: static;\n}\n\n// Need more?\n//\n// IE8+\n// Pure CSS grids (ex YUI library) https://purecss.io/grids/\n//\n// IE8+ (with JS polyfill)\n// Bootstrap v3 grid system https://getbootstrap.com/docs/3.4/css/#grid\n//\n// moder browsers only (partial IE11 support)\n// Bulma Flexbox grid system https://bulma.io/documentation/columns/\n","// micro-clearfix\n// http://nicolasgallagher.com/micro-clearfix-hack/\n.bf-clearfix:before,\n.bf-clearfix:after {\n  content: ' ';\n  display: table;\n}\n\n.bf-clearfix:after {\n  clear: both;\n}\n\n.bf-hide {\n  display: none !important;\n}\n\n// assistive text for screen reader only (e.g. form labels)\n.bf-hidden {\n  display: none !important;\n  visibility: hidden !important;\n}\n\n.bf-text-hide {\n  /* stylelint-disable-next-line */\n  font: 0/0 a !important;\n  color: transparent !important;\n  text-shadow: none !important;\n  background-color: transparent !important;\n  border: 0 !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n/*\n// taken from https://github.com/h5bp/html5-boilerplate/blob/v7.3.0/dist/css/main.css\n// \n* Hide only visually, but have it available for screen readers:\n* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility\n*\n* 1. For long content, line feeds are not interpreted as spaces and small width\n*    causes content to wrap 1 word per line:\n*    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe\n*/\n.bf-sr-only {\n  border: 0 !important;\n  clip: rect(0, 0, 0, 0) !important;\n  height: 1px !important;\n  margin: -1px !important;\n  overflow: hidden !important;\n  padding: 0 !important;\n  position: absolute !important;\n  white-space: nowrap !important;\n  width: 1px !important;\n}\n\n/*\n// taken from https://github.com/h5bp/html5-boilerplate/blob/v7.3.0/dist/css/main.css\n// \n* Extends the .sr-only class to allow the element\n* to be focusable when navigated to via the keyboard:\n* https://www.drupal.org/node/897638\n*/\n.bf-sr-only.focusable:active,\n.bf-sr-only.focusable:focus {\n  clip: auto !important;\n  height: auto !important;\n  margin: 0 !important;\n  overflow: visible !important;\n  position: static !important;\n  white-space: inherit !important;\n  width: auto !important;\n}\n\n.bf-invisible {\n  visibility: hidden !important;\n}\n\n.bf-visible {\n  visibility: visible !important;\n}\n\n.bf-display-block {\n  display: block !important;\n}\n\n.bf-display-block-center {\n  display: block !important;\n  margin-left: auto !important;\n  margin-right: auto !important;\n  text-align: center !important;\n}\n\n.bf-display-inline {\n  display: inline !important;\n}\n\n.bf-display-inline-block {\n  display: inline-block !important;\n}\n\n// IE10+\n// https://caniuse.com/#feat=flexbox\n\n.bf-display-flex {\n  display: flex !important;\n}\n\n.bf-display-inline-flex {\n  display: inline-flex !important;\n}\n\n.bf-display-flex--justify-start {\n  justify-content: flex-start !important;\n}\n\n.bf-display-flex--justify-end {\n  justify-content: flex-end !important;\n}\n\n.bf-display-flex--justify-center {\n  justify-content: center !important;\n}\n\n.bf-display-flex--wrap {\n  flex-wrap: wrap !important;\n}\n\n.bf-display-flex--nowrap {\n  flex-wrap: nowrap !important;\n}\n\n.bf-float-left {\n  float: left !important;\n}\n\n.bf-float-right {\n  float: right !important;\n}\n\n// ≠ IE\n// https://caniuse.com/css-sticky\n.bf-position-fixed {\n  position: fixed !important;\n}\n\n.bf-position-sticky {\n  position: sticky !important;\n  top: 0 !important;\n}\n\n// https://css-tricks.com/centering-css-complete-guide\n// Is the element of unknown width and height?\n// ! 'transform' is IE10 + https://caniuse.com/#feat=transforms2d\n.bf-align-center-unknown {\n  position: relative !important;\n}\n\n.bf-align-center-unknown--item {\n  position: absolute !important;\n  top: 50% !important;\n  left: 50% !important;\n  transform: translate(-50%, -50%) !important;\n}\n\n// align items horizontally and vertically\n// https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Aligning_Items_in_a_Flex_Container\n.bf-align-center-flex {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.bf-width-25 {\n  width: 25% !important;\n}\n\n.bf-width-33 {\n  width: 33.33333333333333% !important;\n}\n\n.bf-width-50 {\n  width: 50% !important;\n}\n\n.bf-width-75 {\n  width: 75% !important;\n}\n\n.bf-width-100 {\n  width: 100% !important;\n}\n\n.bf-width-auto {\n  width: auto !important;\n}\n",".bf-z-index-1 {\n  z-index: 1;\n}\n\n.bf-z-index-2 {\n  z-index: 2;\n}\n\n.bf-z-index-3 {\n  z-index: 3;\n}\n\n.bf-z-index-4 {\n  z-index: 4;\n}\n\n.bf-z-index-5 {\n  z-index: 5;\n}\n\n.bf-z-index-6 {\n  z-index: 6;\n}\n\n.bf-z-index-7 {\n  z-index: 7;\n}\n\n.bf-z-index-8 {\n  z-index: 8;\n}\n\n.bf-z-index-9 {\n  z-index: 9;\n}\n\n.bf-z-index-10 {\n  z-index: 10;\n}\n\n.bf-z-index-20 {\n  z-index: 20;\n}\n\n.bf-z-index-30 {\n  z-index: 30;\n}\n\n.bf-z-index-40 {\n  z-index: 40;\n}\n\n.bf-z-index-50 {\n  z-index: 50;\n}\n\n.bf-z-index-60 {\n  z-index: 60;\n}\n\n.bf-z-index-70 {\n  z-index: 70;\n}\n\n.bf-z-index-80 {\n  z-index: 80;\n}\n\n.bf-z-index-90 {\n  z-index: 90;\n}\n\n.bf-z-index-100 {\n  z-index: 100;\n}\n\n.bf-z-index-200 {\n  z-index: 200;\n}\n\n.bf-z-index-300 {\n  z-index: 200;\n}","// this is something similar to Bootstrap's spacing utility\n// https://getbootstrap.com/docs/4.4/utilities/spacing/\n\n// margins and paddings classes\n\n.bf-m-0 {\n  margin: 0 !important;\n}\n\n.bf-m-t-0 {\n  margin-top: 0 !important;\n}\n\n.bf-m-b-0 {\n  margin-bottom: 0 !important;\n}\n\n.bf-m-l-0 {\n  margin-left: 0 !important;\n}\n\n.bf-m-r-0 {\n  margin-right: 0 !important;\n}\n\n.bf-m-1 {\n  margin-bottom: $bf-spacing-md-px !important;\n  margin-bottom: $bf-spacing-md-rem !important;\n}\n\n.bf-m-2 {\n  margin-bottom: $bf-spacing-lg-px !important;\n  margin-bottom: $bf-spacing-lg-rem !important;\n}\n\n.bf-m-3 {\n  margin-bottom: $bf-spacing-xl-px !important;\n  margin-bottom: $bf-spacing-xl-rem !important;\n}\n\n.bf-m-4 {\n  margin-bottom: $bf-spacing-xxl-px !important;\n  margin-bottom: $bf-spacing-xxl-rem !important;\n}\n\n.bf-m-b-1 {\n  margin-bottom: $bf-spacing-md-px !important;\n  margin-bottom: $bf-spacing-md-rem !important;\n}\n\n.bf-m-b-2 {\n  margin-bottom: $bf-spacing-lg-px !important;\n  margin-bottom: $bf-spacing-lg-rem !important;\n}\n\n.bf-m-b-3 {\n  margin-bottom: $bf-spacing-xl-px !important;\n  margin-bottom: $bf-spacing-xl-rem !important;\n}\n\n.bf-m-b-4 {\n  margin-bottom: $bf-spacing-xxl-px !important;\n  margin-bottom: $bf-spacing-xxl-rem !important;\n}\n\n// paddings\n\n.bf-p-0 {\n  padding: 0 !important;\n}\n\n.bf-p-t-0 {\n  padding-top: 0 !important;\n}\n\n.bf-p-b-0 {\n  padding-bottom: 0 !important;\n}\n\n.bf-p-l-0 {\n  padding-left: 0 !important;\n}\n\n.bf-p-r-0 {\n  padding-right: 0 !important;\n}\n\n.bf-p-1 {\n  padding-bottom: $bf-spacing-md-px !important;\n  padding-bottom: $bf-spacing-md-rem !important;\n}\n\n.bf-p-2 {\n  padding-bottom: $bf-spacing-lg-px !important;\n  padding-bottom: $bf-spacing-lg-rem !important;\n}\n\n.bf-p-3 {\n  padding-bottom: $bf-spacing-xl-px !important;\n  padding-bottom: $bf-spacing-xl-rem !important;\n}\n\n.bf-p-4 {\n  padding-bottom: $bf-spacing-xxl-px !important;\n  padding-bottom: $bf-spacing-xxl-rem !important;\n}\n\n.bf-p-t-1 {\n  padding-top: $bf-spacing-md-px !important;\n  padding-top: $bf-spacing-md-rem !important;\n}\n\n.bf-p-t-2 {\n  padding-top: $bf-spacing-lg-px !important;\n  padding-top: $bf-spacing-lg-rem !important;\n}\n\n.bf-p-t-3 {\n  padding-top: $bf-spacing-xl-px !important;\n  padding-top: $bf-spacing-xl-rem !important;\n}\n\n.bf-p-t-4 {\n  padding-top: $bf-spacing-xxl-px !important;\n  padding-top: $bf-spacing-xxl-rem !important;\n}\n\n.bf-p-b-1 {\n  padding-bottom: $bf-spacing-md-px !important;\n  padding-bottom: $bf-spacing-md-rem !important;\n}\n\n.bf-p-b-2 {\n  padding-bottom: $bf-spacing-lg-px !important;\n  padding-bottom: $bf-spacing-lg-rem !important;\n}\n\n.bf-p-b-3 {\n  padding-bottom: $bf-spacing-xl-px !important;\n  padding-bottom: $bf-spacing-xl-rem !important;\n}\n\n.bf-p-b-4 {\n  padding-bottom: $bf-spacing-xxl-px !important;\n  padding-bottom: $bf-spacing-xxl-rem !important;\n}\n",".bf-t-transform-uppercase {\n  text-transform: uppercase !important;\n}\n\n.bf-t-transform-none {\n  text-transform: none !important;\n}\n\n.bf-t-left {\n  text-align: left !important;\n}\n\n.bf-t-center {\n  text-align: center !important;\n}\n\n.bf-t-right {\n  text-align: right !important;\n}\n\n.bf-t-shadow {\n  text-shadow: 0 0 2px $bf-dark !important;\n  text-shadow: 0 0 .2rem $bf-dark !important;\n}\n\n.bf-t-italic {\n  font-style: italic !important;\n}\n\n// useful to 'reset' <i> inherited style\n.bf-t-style-normal {\n  font-style: normal !important;\n}\n\n// useful to 'reset' <b> inherited style\n.bf-t-weight-300 {\n  font-weight: 300 !important;\n}\n\n.bf-t-weight-400 {\n  font-weight: 400 !important;\n}\n\n.bf-t-weight-500 {\n  font-weight: 500 !important;\n}\n\n.bf-t-weight-600 {\n  font-weight: 600 !important;\n}\n\n.bf-t-weight-700 {\n  font-weight: 700 !important;\n}\n\n.bf-t-weight-800 {\n  font-weight: 800 !important;\n}\n\n.bf-text-break {\n  word-wrap: break-word !important;\n}\n\n.bf-t-truncate {\n  max-width: 100% !important;\n  overflow: hidden !important;\n  text-overflow: ellipsis !important;\n  white-space: nowrap !important;\n  word-wrap: normal !important;\n}\n\n.bf-t-truncate--multiline-2 {\n  overflow: hidden !important;\n  text-overflow: ellipsis !important;\n  display: -webkit-box !important;\n  -webkit-line-clamp: 2 !important;\n  -webkit-box-orient: vertical !important;\n}\n\n.bf-t-truncate--multiline-3 {\n  overflow: hidden !important;\n  text-overflow: ellipsis !important;\n  display: -webkit-box !important;\n  -webkit-line-clamp: 3 !important;\n  -webkit-box-orient: vertical !important;\n}\n\n\n.bf-no-select {\n  user-select: none !important;\n\n  // this is a not standard CSS property, so it's for webkit only\n  // https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-touch-callout\n  // useful on iOS\n  // https://css-tricks.com/force-selection-text-block/#article-header-id-7\n  // https://ishadeed.com/article/selection-in-css scroll down to\n  // 'selection on mobile' section\n  -webkit-touch-callout: none !important;\n}\n\n.bf-font-sans-serif {\n  font-family:\n    /* Safari for OS X and iOS (San Francisco) */ -apple-system,\n    /* Chrome < 56 for OS X (San Francisco) */ BlinkMacSystemFont,\n    /* Windows */ 'Segoe UI', /* Android */ Roboto,\n    /* Linux with KDE */ Oxygen-Sans, /* Ubuntu (all variants) */ Ubuntu,\n    /* Linux with GNOME Shell */ Cantarell,\n    /* macOS 1.10 and below */ 'Helvetica Neue', Helvetica,\n    /* Basic web fallback */ Arial, sans-serif,\n    /* emoji fonts */ 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',\n    'Noto Color Emoji' !important;\n}\n\n.bf-font-serif {\n  font-family: Georgia, Times, 'Times New Roman', serif,\n    /* emoji fonts */ 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',\n    'Noto Color Emoji' !important;\n}\n\n.bf-font-monospace {\n  font-family:\n    /* macOS 1.10+ */ 'Menlo', /* Windows 6+ */ 'Consolas',\n    /* Android 4+ */ 'Roboto Mono', /* Ubuntu 1.10+ */ 'Ubuntu Monospace',\n    /* KDE Plasma 5+ */ 'Noto Mono', /* KDE Plasma 4+ */ 'Oxygen Mono',\n    /* Linux/OpenOffice fallback */ 'Liberation Mono', /* fallback */ monospace,\n    /* emoji fonts */ 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',\n    'Noto Color Emoji' !important;\n}\n\n.bf-h1,\n.bf-h2,\n.bf-h3,\n.bf-h4,\n.bf-h5,\n.bf-h6 {\n  font-weight: 700 !important; // fallback\n  font-weight: 600 !important;\n  margin-top: 0 !important;\n  line-height: 1.2 !important;\n  margin-bottom: $bf-spacing-lg-px !important;\n  margin-bottom: $bf-spacing-lg-rem !important;\n}\n\n.bf-h1 {\n  font-size: 36px !important;\n  font-size: 3.6rem !important;\n}\n\n.bf-h2 {\n  font-size: 30px !important;\n  font-size: 3rem !important;\n}\n\n.bf-h3 {\n  font-size: 24px !important;\n  font-size: 2.4rem !important;\n}\n\n.bf-h4 {\n  font-size: 20px !important;\n  font-size: 2rem !important;\n}\n\n.bf-h5,\n.bf-h6 {\n  font-size: 16px !important;\n  font-size: 1.6rem !important;\n}\n\np.bf-lead {\n  font-size: 120% !important;\n}\n\n// responsive typography\n// https://codepen.io/marcop135/pen/eYmPmJm\n// https://css-tricks.com/snippets/css/fluid-typography/\n//\n// old browsers that don't support CSS variables ignore what follows\n// (mostly IE and Opera Mini)\n// in this way, old browsers will ignore 'calc' property too, avoiding issues\n// https://caniuse.com/#feat=calc\n// https://caniuse.com/#feat=css-variables\n// https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties\nbody.bf-responsive-typography {\n  --body-rt-font-size-flex: calc(1.6rem + 3 * ((100vw - 320px) / 680));\n  --body-rt-font-size-max: 1.9rem;\n}\n\n@media (min-width: 320px) {\n  body.bf-responsive-typography {\n    font-size: var(--body-rt-font-size-flex);\n  }\n}\n\n@media (min-width: 1000px) {\n  body.bf-responsive-typography {\n    font-size: var(--body-rt-font-size-max);\n  }\n}\n",".bf-btn {\n  display: inline-block;\n  cursor: pointer;\n  color: $bf-dark;\n  padding: calc($bf-spacing-xl-px / 3) (calc($bf-spacing-xl-px / 3) * 2); // 8px 16px\n  padding: calc($bf-spacing-xl-rem / 3) (calc($bf-spacing-xl-rem / 3) * 2);\n  line-height: normal;\n  text-align: center;\n  margin: 0;\n  background-clip: padding-box;\n  vertical-align: baseline;\n  overflow: visible;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  user-select: none;\n\n  // ! IE9+\n  // https://caniuse.com/#feat=border-radius\n  border-radius: $bf-spacing-sm-px;\n  border-radius: $bf-spacing-sm-rem;\n\n  border: 0;\n  background-image: none; // FF mobile\n  background-color: $bf-gray-light;\n  transition: all 0.2s;\n\n  &:hover,\n  &:active,\n  &:focus {\n    text-decoration: none;\n    color: $bf-dark;\n    background: darken($bf-gray-light, 10%);\n  }\n\n  &:active,\n  &:focus {\n    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.15);\n  }\n\n  &:focus {\n    outline: 0;\n  }\n\n  &.bf-btn--primary {\n    color: $bf-white;\n    background: $bf-blue;\n\n    &:hover,\n    &:active,\n    &:focus {\n      color: $bf-white;\n      background: darken($bf-blue, 10%);\n    }\n\n    &:active,\n    &:focus {\n      box-shadow: 0 0 0 3px rgba(0, 86, 179, 0.25);\n    }\n  }\n}\n\nfieldset[disabled] .bf-btn,\n.bf-btn[disabled],\n.bf-btn:disabled,\n.bf-btn[aria-disabled='true'] {\n  cursor: default !important; // fallback\n  cursor: not-allowed !important;\n  pointer-events: none !important;\n  user-select: none !important;\n  box-shadow: none !important;\n  opacity: 0.5 !important;\n}\n",".bf-focused {\n  transition: border .2s, background-color .2s, box-shadow .2s !important;\n  border-color: $bf-blue !important;\n  box-shadow: 0 0 0 3px rgba(0, 86, 179, .25) !important;\n}\n\n.bf-disabled,\n.bf-disabled:hover,\n.bf-disabled:active,\n.bf-disabled:focus,\n.bf-disabled:after,\n.bf-disabled:before,\n.bf-disabled:invalid,\n.bf-disabled:checked {\n  cursor: default !important; // IE8-10 fallback\n  cursor: not-allowed !important;\n  pointer-events: none !important;\n  user-select: none !important;\n  box-shadow: none !important;\n  opacity: .5 !important;\n\n  background-color: $bf-white;\n  border-color: $bf-gray;\n}\n\nlabel.bf-disabled {\n  background-color: transparent;\n  border-color: transparent;\n}\n\nbutton.bf-disabled,\n[type='button'].bf-disabled,\n[type='reset'].bf-disabled,\n[type='submit'].bf-disabled,\n.bf-btn.bf-disabled {\n  cursor: default;\n  cursor: not-allowed;\n  pointer-events: none;\n  user-select: none;\n  box-shadow: none;\n  opacity: .5;\n\n  color: $bf-dark;\n  background: $bf-gray-light;\n\n  &:hover,\n  &:active,\n  &:focus {\n    box-shadow: none;\n    color: $bf-dark;\n    background: $bf-gray-light;\n  }\n}\n\n.bf-btn--primary.bf-disabled {\n  cursor: default;\n  cursor: not-allowed;\n  pointer-events: none;\n  user-select: none;\n  box-shadow: none;\n  opacity: .5;\n\n  color: $bf-white;\n  background: $bf-blue;\n\n  &:hover,\n  &:active,\n  &:focus {\n    box-shadow: none;\n    color: $bf-white;\n    background: $bf-blue;\n  }\n}\n\n.bf-invalid,\n.bf-invalid:focus {\n  color: $bf-red !important;\n  border-color: $bf-red !important;\n  box-shadow: 0 0 0 3px rgba(255, 0, 0, .25) !important;\n}\n","// this is useful for navbars\n.bf-list-unstyled,\nmenu ul.bf-list-unstyled,\nmenu ol.bf-list-unstyled,\nul.bf-list-unstyled ul,\nul.bf-list-unstyled ol,\nol.bf-list-unstyled ol,\nol.bf-list-unstyled ul,\ndd.bf-list-unstyled {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\ndt {\n  font-weight: 700;\n}\n","// taken from https://getbootstrap.com/docs/4.4/utilities/embed/\n// but lightened a bit\n\n.bf-embed-responsive {\n  position: relative;\n  display: block;\n  width: 100%;\n  padding: 0;\n  overflow: hidden;\n\n  &::before {\n    display: block;\n    content: '';\n    padding-top: 56.25%; // 16:9 by default\n  }\n\n  .bf-embed-responsive--4-3::before {\n    padding-top: 75%;\n  }\n\n  & .bf-embed-responsive--item,\n  & iframe,\n  & embed,\n  & object,\n  & video {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    border: 0;\n  }\n}\n",".bf-table th,\n.bf-table td {\n  padding: $bf-spacing-lg-px;\n  padding: $bf-spacing-lg-rem;\n  border-bottom: 1px solid $bf-gray;\n  margin-bottom: $bf-spacing-md-px;\n  margin-bottom: $bf-spacing-md-rem;\n}\n\n// responsive tables\n// ! issues on Opera 10-11, Opera Mobile Presto and Opera Mini\n// Read more about Opera: http://barrow.io/overflow-scrolling\n\n.bf-table-responsive {\n  overflow-x: auto;\n  overflow-y: hidden;\n\n  // this is a not standard CSS property, so it's for IE only\n  // https://developer.mozilla.org/en-US/docs/Web/CSS/-ms-overflow-style\n  -ms-overflow-style: scrollbar;\n}\n\n.bf-table-responsive table {\n  width: 100%;\n  margin-bottom: $bf-spacing-md-px;\n  margin-bottom: $bf-spacing-md-rem;\n}\n\n// force webkit scrollbars appearance\n.bf-table-responsive.scrollbar {\n  // this is a not standard CSS property, so it's for webkit only\n  // https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-overflow-scrolling\n  -webkit-overflow-scrolling: auto;\n}\n\n// zebra striping\n.bf-table--zebra tbody tr:nth-child(odd),\n.bf-table-responsive--zebra tbody tr:nth-child(odd) {\n  background-color: $bf-gray-light-extra;\n}\n","/* main.css 3.0.0 | MIT License | https://github.com/h5bp/main.css#readme */\n/* ==========================================================================\n   Print styles.\n   Inlined to avoid the additional HTTP request:\n   https://www.phpied.com/delay-loading-your-print-css/\n   ========================================================================== */\n\n@media print {\n  *,\n  *::before,\n  *::after {\n    background: #fff !important;\n    color: #000 !important;\n    /* Black prints faster */\n    box-shadow: none !important;\n    text-shadow: none !important;\n  }\n\n  a,\n  a:visited {\n    text-decoration: underline;\n  }\n\n  a[href]::after {\n    content: ' (' attr(href) ')';\n  }\n\n  abbr[title]::after {\n    content: ' (' attr(title) ')';\n  }\n\n  /*\n     * Don't show links that are fragment identifiers,\n     * or use the `javascript:` pseudo protocol\n     */\n  a[href^='#']::after,\n  a[href^='javascript:']::after {\n    content: '';\n  }\n\n  pre {\n    white-space: pre-wrap !important;\n  }\n\n  pre,\n  blockquote {\n    border: 1px solid #999;\n    page-break-inside: avoid;\n  }\n\n  tr,\n  img {\n    page-break-inside: avoid;\n  }\n\n  p,\n  h2,\n  h3 {\n    orphans: 3;\n    widows: 3;\n  }\n\n  h2,\n  h3 {\n    page-break-after: avoid;\n  }\n}\n\n// the rulesets below target bullframe.css\n\n@media print {\n  // adjust the grid system making the layout always fixed\n  body,\n  .bf-container {\n    min-width: 992px !important;\n  }\n\n  // a few fixes for '_utility_tables.scss'\n  //\n  // a <table> with a responsive container (.table-responsive) is cut\n  // horizontally because there an overflow-x is applied\n  // let's re-set the overflow of that container on 'auto'\n  // and let the <table> element flows without a fixed/flexible with\n\n  .bf-table-responsive {\n    overflow: auto;\n  }\n\n  .bf-table-responsive table {\n    width: auto;\n  }\n\n  .bf-table-responsive table,\n  .bf-table {\n    border-collapse: collapse !important;\n  }\n}\n\n// Need more?\n//\n// This project looks promising https://github.com/BafS/Gutenberg\n","// prefers-reduced-motion media feature query\n// https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion\n//\n// @media (prefers-reduced-motion: reduce) { ... }\n// Indicates that user has notified the system that they prefer an\n// interface that minimizes the amount of movement or animation,\n// preferably to the point where all non-essential movement is removed.\n\n// taken from https://github.com/jensimmons/cssremedy\n//\n// 1. Immediately jump any animation to the end point\n// 2. Remove transitions & fixed background attachment\n// See: https://github.com/mozdevs/cssremedy/issues/11\n@media (prefers-reduced-motion: reduce) {\n  .bf-reduced-motion,\n  .bf-reduced-motion::before,\n  .bf-reduced-motion::after,\n  .bf-reduced-motion *,\n  .bf-reduced-motion *::before,\n  .bf-reduced-motion *::after {\n    animation-delay: -1ms !important;\n    animation-duration: 1ms !important;\n    animation-iteration-count: 1 !important;\n    background-attachment: initial !important;\n    scroll-behavior: auto !important;\n    transition-delay: 0s !important;\n    transition-duration: 0s !important;\n  }\n}\n","// taken from sanitize.css\n// https://github.com/csstools/sanitize.css/blob/12.0.1/sanitize.css\n\n/**\n * Change the cursor on busy elements in all browsers (opinionated).\n */\n\n [aria-busy=\"true\"] {\n  cursor: progress;\n}\n\n/*\n * Change the cursor on control elements in all browsers (opinionated).\n */\n\n[aria-controls] {\n  cursor: pointer;\n}\n\n/*\n * Change the cursor on disabled, not-editable, or otherwise\n * inoperable elements in all browsers (opinionated).\n */\n\n[aria-disabled=\"true\"],\n[disabled] {\n  cursor: not-allowed;\n}\n\n/*\n * Change the display on visually hidden accessible elements\n * in all browsers (opinionated).\n */\n\n[aria-hidden=\"false\"][hidden] {\n  display: initial;\n}\n\n[aria-hidden=\"false\"][hidden]:not(:focus) {\n  clip: rect(0, 0, 0, 0);\n  position: absolute;\n}","@media (prefers-color-scheme: dark) {\n  @import 'utilities/utility-global-dark';\n}\n","// standard property\n// 'scrollbar-color'\n// https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-color\n// currently (June 2020) Firefox only\n// https://caniuse.com/#feat=mdn-css_properties_scrollbar-color\nhtml {\n  scrollbar-color: darken($bf-gray-dark, 5%) $bf-dark-extra;\n}\n\n// these features are not standard, and blink and webkit only\n// '::-webkit-scrollbar'\n// https://developer.mozilla.org/en-US/docs/Web/CSS/::-webkit-scrollbar\n\n::-webkit-scrollbar {\n  width: 1.5rem;\n  height: 1.5rem;\n}\n\n::-webkit-scrollbar-track {\n  background-color: $bf-dark-extra;\n}\n\n::-webkit-scrollbar-thumb {\n  background-color: darken($bf-gray-dark, 5%);\n}\n\n::-webkit-scrollbar-thumb:hover {\n  background-color: lighten($bf-gray-dark, 10%);\n}\n","// these are global stylest tha that ovveride all the \"light\" styles\n\n// import dark scrollbars utility module\n@import 'utility-global-dark-scrollbars';\n\n// the basics: background and texts\nhtml {\n  color: $bf-light;\n}\n\nbody {\n  background-color: lighten($bf-dark-extra, 7.5%);\n}\n\n// anchors\na {\n  color: lighten($bf-blue, 20%);\n\n  &:hover,\n  &:focus {\n    color: lighten($bf-blue-light, 20%);\n  }\n}\n\n// typography elements that need tiny adjustments\nmark {\n  background-color: darken($bf-yellow, 10%);\n}\n\nins {\n  background-color: darken($bf-yellow-light, 45%);\n}\n\n// forms\n\n[type='email'],\n[type='number'],\n[type='password'],\n[type='tel'],\n[type='search'],\n[type='text'],\n[type='date'],\n[type='datetime-local'],\n[type='month'],\n[type='week'],\n[type='time'],\n[type='url'],\n[type='range'],\ninput[list],\nselect,\nselect:not([size]):not([multiple]),\ntextarea {\n  background-color: $bf-dark-extra;\n  border-color: $bf-black;\n  color: $bf-gray-light;\n\n  &:active,\n  &:focus {\n    background-color: $bf-dark-extra;\n    border-color: lighten($bf-blue, 10%);\n  }\n}\n\n[type='email'],\n[type='number'],\n[type='password'],\n[type='tel'],\n[type='search'],\n[type='text'],\n[type='date'],\n[type='datetime-local'],\n[type='month'],\n[type='week'],\n[type='time'],\n[type='url'],\ninput[list],\nselect,\nselect:not([size]):not([multiple]),\ntextarea {\n  &:active,\n  &:focus {\n    box-shadow: 0 0 0 3px rgba(3, 102, 214, 0.5);\n  }\n}\n\n.bf-focused {\n  border-color: lighten($bf-blue, 10%);\n  box-shadow: 0 0 0 3px rgba(3, 102, 214, 0.5) !important;\n}\n\n.bf-invalid,\n.bf-invalid:focus {\n  color: lighten($bf-red, 7.5%) !important;\n  border-color: lighten($bf-red, 7.5%) !important;\n}\n\nselect:not([size]):not([multiple]) {\n  background-image: 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='%23f0f0f0' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e\");\n}\n\n// IE9 only hack\n// https://gist.github.com/marcop135/cf5163ab23d1cb208248b955c990b2ea#ie-9-only\n@media screen and (min-width: 0\\0) and (min-resolution: 0.001dpcm) {\n  // hide custom arrow\n  select:not([size]):not([multiple]),\n  // RTL\n  *[dir=\"rtl\"] select:not([size]):not([multiple]),\n  select[dir=\"rtl\"]:not([size]):not([multiple]) {\n    background-image: none;\n  }\n}\n\n// range\n\n// all modern browsers but not IE\n@supports (appearance: none) {\n  // override above declaration\n  [type='range'] {\n    background-color: transparent;\n\n    &:focus {\n      background-color: transparent;\n    }\n  }\n\n  // darker background\n  // the rulesets must be separated\n  [type='range']::-webkit-slider-runnable-track {\n    background-color: $bf-dark-extra;\n  }\n\n  [type='range']::-moz-range-track {\n    background-color: $bf-dark-extra;\n  }\n}\n\ninput::placeholder,\ntextarea::placeholder {\n  color: $bf-gray;\n}\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'],\n.bf-btn,\nbutton.bf-disabled,\n[type='button'].bf-disabled,\n[type='reset'].bf-disabled,\n[type='submit'].bf-disabled,\n.bf-btn.bf-disabled {\n  background: $bf-gray-light;\n\n  &:hover,\n  &:active,\n  &:focus {\n    background: darken($bf-gray-light, 10%);\n  }\n\n  &:active,\n  &:focus {\n    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.45);\n  }\n}\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'],\n.bf-btn {\n  &:active,\n  &:focus {\n    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.45);\n  }\n}\n\n.bf-btn--primary.bf-disabled,\n.bf-btn.bf-btn--primary {\n  background: $bf-blue;\n\n  &:hover,\n  &:active,\n  &:focus {\n    background: darken($bf-blue, 5%);\n  }\n\n  &:active,\n  &:focus {\n    box-shadow: 0 0 0 3px rgba(0, 86, 179, 0.75);\n  }\n}\n\n// focus\na:focus,\ninput:focus {\n  outline-color: darken(orange, 15%);\n}\n\n:focus-visible {\n  outline-color: darken(orange, 15%);\n}\n\n// tables\n\n.bf-table th,\n.bf-table td {\n  border-color: $bf-gray-dark;\n}\n\n.bf-table--zebra tbody tr:nth-child(odd),\n.bf-table-responsive--zebra tbody tr:nth-child(odd) {\n  background-color: $bf-gray-dark-extra;\n}\n"]}

package/dist/css/bullframe-utilities.css

@@ -1,4 +1,4 @@
-/*! bullframe.css v4.0.1 | MIT License | https://github.com/marcop135/bullframe.css */
+/*! bullframe.css v4.1.1 | MIT License | https://github.com/marcop135/bullframe.css */
 /* custom build: bullframe-utilities */
 .bf-container,
 .bf-container--fluid {
@@ -252,38 +252,31 @@ table th[class^=bf-col] {
 }
 
 .bf-display-flex {
-  display: -webkit-flex !important;
   display: flex !important;
 }
 
 .bf-display-inline-flex {
-  display: -webkit-inline-flex !important;
   display: inline-flex !important;
 }
 
 .bf-display-flex--justify-start {
-  -webkit-justify-content: flex-start !important;
-          justify-content: flex-start !important;
+  justify-content: flex-start !important;
 }
 
 .bf-display-flex--justify-end {
-  -webkit-justify-content: flex-end !important;
-          justify-content: flex-end !important;
+  justify-content: flex-end !important;
 }
 
 .bf-display-flex--justify-center {
-  -webkit-justify-content: center !important;
-          justify-content: center !important;
+  justify-content: center !important;
 }
 
 .bf-display-flex--wrap {
-  -webkit-flex-wrap: wrap !important;
-          flex-wrap: wrap !important;
+  flex-wrap: wrap !important;
 }
 
 .bf-display-flex--nowrap {
-  -webkit-flex-wrap: nowrap !important;
-          flex-wrap: nowrap !important;
+  flex-wrap: nowrap !important;
 }
 
 .bf-float-left {
@@ -299,7 +292,6 @@ table th[class^=bf-col] {
 }
 
 .bf-position-sticky {
-  position: -webkit-sticky !important;
   position: sticky !important;
   top: 0 !important;
 }
@@ -312,17 +304,13 @@ table th[class^=bf-col] {
   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-align-center-flex {
-  display: -webkit-flex;
   display: flex;
-  -webkit-align-items: center;
-          align-items: center;
-  -webkit-justify-content: center;
-          justify-content: center;
+  align-items: center;
+  justify-content: center;
 }
 
 .bf-width-25 {
@@ -350,28 +338,23 @@ table th[class^=bf-col] {
 }
 
 .bf-filter-invert {
-  -webkit-filter: invert(100%) !important;
-          filter: invert(100%) !important;
+  filter: invert(100%) !important;
 }
 
 .bf-filter-dim-images {
-  -webkit-filter: brightness(0.8) contrast(1.2);
-          filter: brightness(0.8) contrast(1.2);
+  filter: brightness(0.8) contrast(1.2);
 }
 
 .bf-filter-grayscale {
-  -webkit-filter: grayscale(1) !important;
-          filter: grayscale(1) !important;
+  filter: grayscale(1) !important;
 }
 
 .bf-filter-blur {
-  -webkit-filter: blur(0.3rem) !important;
-          filter: blur(0.3rem) !important;
+  filter: blur(0.3rem) !important;
 }
 
 .bf-filter-none {
-  -webkit-filter: none !important;
-          filter: none !important;
+  filter: none !important;
 }
 
 .bf-z-index-1 {
@@ -991,8 +974,8 @@ dt {
    ========================================================================== */
 @media print {
   *,
-*::before,
-*::after {
+  *::before,
+  *::after {
     background: #fff !important;
     color: #000 !important;
     /* Black prints faster */
@@ -1000,7 +983,7 @@ dt {
     text-shadow: none !important;
   }
   a,
-a:visited {
+  a:visited {
     text-decoration: underline;
   }
   a[href]::after {
@@ -1014,35 +997,35 @@ a:visited {
      * or use the `javascript:` pseudo protocol
      */
   a[href^="#"]::after,
-a[href^="javascript:"]::after {
+  a[href^="javascript:"]::after {
     content: "";
   }
   pre {
     white-space: pre-wrap !important;
   }
   pre,
-blockquote {
+  blockquote {
     border: 1px solid #999;
     page-break-inside: avoid;
   }
   tr,
-img {
+  img {
     page-break-inside: avoid;
   }
   p,
-h2,
-h3 {
+  h2,
+  h3 {
     orphans: 3;
     widows: 3;
   }
   h2,
-h3 {
+  h3 {
     page-break-after: avoid;
   }
 }
 @media print {
   body,
-.bf-container {
+  .bf-container {
     min-width: 992px !important;
   }
   .bf-table-responsive {
@@ -1052,23 +1035,20 @@ h3 {
     width: auto;
   }
   .bf-table-responsive table,
-.bf-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;
+  .bf-reduced-motion::before,
+  .bf-reduced-motion::after,
+  .bf-reduced-motion *,
+  .bf-reduced-motion *::before,
+  .bf-reduced-motion *::after {
+    animation-delay: -1ms !important;
+    animation-duration: 1ms !important;
+    animation-iteration-count: 1 !important;
     background-attachment: initial !important;
     scroll-behavior: auto !important;
     transition-delay: 0s !important;