bullframe.css 4.0.1 → 4.1.1

package/dist/css/bullframe-utilities.min.css

@@ -1,2 +1,2 @@
-/*! bullframe.css v4.0.1 | MIT License | https://github.com/marcop135/bullframe.css */.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:-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}.bf-display-flex--justify-end{-webkit-justify-content:flex-end!important;justify-content:flex-end!important}.bf-display-flex--justify-center{-webkit-justify-content:center!important;justify-content:center!important}.bf-display-flex--wrap{-webkit-flex-wrap:wrap!important;flex-wrap:wrap!important}.bf-display-flex--nowrap{-webkit-flex-wrap:nowrap!important;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:-webkit-sticky!important;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;-webkit-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important}.bf-align-center-flex{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-justify-content:center;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-filter-invert{-webkit-filter:invert(100%)!important;filter:invert(100%)!important}.bf-filter-dim-images{-webkit-filter:brightness(.8) contrast(1.2);filter:brightness(.8) contrast(1.2)}.bf-filter-grayscale{-webkit-filter:grayscale(1)!important;filter:grayscale(1)!important}.bf-filter-blur{-webkit-filter:blur(.3rem)!important;filter:blur(.3rem)!important}.bf-filter-none{-webkit-filter:none!important;filter:none!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{background:#007bff;box-shadow:none;color:#fff;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: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{-webkit-animation-delay:-1ms!important;animation-delay:-1ms!important;-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;background-attachment:scroll!important;scroll-behavior:auto!important;transition-delay:0s!important;transition-duration:0s!important}}
+/*! bullframe.css v4.1.1 | MIT License | https://github.com/marcop135/bullframe.css */.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-filter-invert{filter:invert(100%)!important}.bf-filter-dim-images{filter:brightness(.8) contrast(1.2)}.bf-filter-grayscale{filter:grayscale(1)!important}.bf-filter-blur{filter:blur(.3rem)!important}.bf-filter-none{filter:none!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}}
 /*# sourceMappingURL=bullframe-utilities.min.css.map */

package/dist/css/bullframe-utilities.min.css.map

@@ -1 +1 @@
-{"version":3,"sources":["bullframe-utilities.scss","utilities/_utility-grid-system.scss","variables/_variables-spacing.scss","bullframe-utilities.css","utilities/_utility-layout.scss","utilities/_utility-filters.scss","utilities/_utility-z-index.scss","utilities/_utility-spacing.scss","utilities/_utility-texts.scss","utilities/_utility-buttons.scss","variables/_variables-colors.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"],"names":[],"mappings":"AAAA,qFAAA,CCAA,mCAME,sBAAA,CAIA,aAAA,CAIA,gBAAA,CADA,iBAAA,CAQA,mBCI2B,CDF3B,oBEXF,CFcE,gGAGE,WAAA,CADA,aEVJ,CFcE,+CACE,UEXJ,CFeA,cACE,gBAAA,CACA,gBEZF,CFeA,QACE,aAAA,CAGA,mBAAA,CAEA,oBEbF,CFgBE,6BAEE,WAAA,CACA,aEfJ,CFkBE,cACE,UEhBJ,CFoBA,iBAIE,UAAA,CAEA,cAAA,CAGA,mBC9C2B,CDgD3B,oBChD2B,CD0C3B,iBEfF,CFwBA,eAEE,aAAA,CADA,cEpBF,CFwBA,+BAEE,cAAA,CADA,eEpBF,CFwBA,WACE,UErBF,CFwBA,WACE,oBErBF,CFwBA,WACE,oBErBF,CFwBA,UACE,SErBF,CFwBA,UACE,oBErBF,CFwBA,UACE,oBErBF,CFwBA,UACE,SErBF,CFwBA,UACE,oBErBF,CFwBA,UACE,oBErBF,CFwBA,UACE,SErBF,CFwBA,UACE,oBErBF,CFwBA,UACE,aErBF,CFgCA,yBACE,gCACE,aAAA,CACA,cE7BF,CFgCA,wCAEE,UAAA,CACA,aAAA,CACA,cAAA,CACA,eAAA,CAJA,UE1BF,CACF,CFiCA,yBACE,gCACE,aAAA,CACA,cE/BF,CFkCA,wCAEE,UAAA,CACA,aAAA,CACA,cAAA,CACA,eAAA,CAJA,UE5BF,CACF,CFmCA,yBACE,gCACE,aAAA,CACA,cEjCF,CFoCA,wCAEE,UAAA,CACA,aAAA,CACA,cAAA,CACA,eAAA,CAJA,UE9BF,CACF,CFuCA,gDAEE,eErCF,CCxJA,uCAEE,WAAA,CACA,aD2JF,CCxJA,mBACE,UD2JF,CCnJA,oBAJE,sBDgKF,CC5JA,WAEE,2BD0JF,CCvJA,cAKE,sCAAA,CAFA,2BAAA,CADA,oBAAA,CAKA,kBAAA,CAHA,0BD8JF,CC7IA,0BAfE,kBAAA,CAEA,mBDgLF,CCnKA,YAEE,4BAAA,CACA,oBAAA,CACA,qBAAA,CACA,yBAAA,CAEA,2BAAA,CACA,4BAAA,CACA,mBD0JF,CChJA,yDAEE,mBAAA,CACA,qBAAA,CACA,kBAAA,CACA,0BAAA,CACA,yBAAA,CACA,6BAAA,CACA,oBD0JF,CCvJA,cACE,2BD0JF,CCvJA,YACE,4BD0JF,CCvJA,kBACE,uBD0JF,CCvJA,yBACE,uBAAA,CACA,0BAAA,CACA,2BAAA,CACA,2BD0JF,CCvJA,mBACE,wBD0JF,CCvJA,yBACE,8BD0JF,CCpJA,iBACE,8BAAA,CAAA,sBDuJF,CCpJA,wBACE,qCAAA,CAAA,6BDuJF,CCpJA,gCACE,4CAAA,CAAA,oCDuJF,CCpJA,8BACE,0CAAA,CAAA,kCDuJF,CCpJA,iCACE,wCAAA,CAAA,gCDuJF,CCpJA,uBACE,gCAAA,CAAA,wBDuJF,CCpJA,yBACE,kCAAA,CAAA,0BDuJF,CCpJA,eACE,oBDuJF,CCpJA,gBACE,qBDuJF,CClJA,mBACE,wBDqJF,CClJA,oBACE,iCAAA,CAAA,yBAAA,CACA,eDqJF,CC/IA,yBACE,2BDkJF,CC/IA,+BAGE,kBAAA,CAFA,2BAAA,CACA,iBAAA,CAEA,gDAAA,CAAA,wCDkJF,CC7IA,sBAEE,0BAAA,CAAA,kBAAA,CADA,oBAAA,CAAA,YAAA,CAEA,8BAAA,CAAA,sBDgJF,CC7IA,aACE,mBDgJF,CC7IA,aACE,8BDgJF,CC7IA,aACE,mBDgJF,CC7IA,aACE,mBDgJF,CC7IA,cACE,oBDgJF,CC7IA,eACE,oBDgJF,CE7UA,kBACE,qCAAA,CAAA,6BFgVF,CE5UA,sBACE,2CAAA,CAAA,mCF+UF,CE5UA,qBACE,qCAAA,CAAA,6BF+UF,CE5UA,gBACE,oCAAA,CAAA,4BF+UF,CE5UA,gBACE,6BAAA,CAAA,qBF+UF,CGrWA,cACE,SHwWF,CGrWA,cACE,SHwWF,CGrWA,cACE,SHwWF,CGrWA,cACE,SHwWF,CGrWA,cACE,SHwWF,CGrWA,cACE,SHwWF,CGrWA,cACE,SHwWF,CGrWA,cACE,SHwWF,CGrWA,cACE,SHwWF,CGrWA,eACE,UHwWF,CGrWA,eACE,UHwWF,CGrWA,eACE,UHwWF,CGrWA,eACE,UHwWF,CGrWA,eACE,UHwWF,CGrWA,eACE,UHwWF,CGrWA,eACE,UHwWF,CGrWA,eACE,UHwWF,CGrWA,eACE,UHwWF,CGrWA,gBACE,WHwWF,CGjWA,gCACE,WHwWF,CIpbA,QACE,kBJubF,CIpbA,UACE,sBJubF,CIpbA,UACE,yBJubF,CIpbA,UACE,uBJubF,CIpbA,UACE,wBJubF,CIpbA,QAEE,6BJubF,CIpbA,QAEE,4BJubF,CIpbA,QAEE,4BJubF,CIpbA,QAEE,4BJubF,CIpbA,UAEE,6BJubF,CIpbA,UAEE,4BJubF,CIpbA,UAEE,4BJubF,CIpbA,UAEE,4BJubF,CIlbA,QACE,mBJqbF,CIlbA,UACE,uBJqbF,CIlbA,UACE,0BJqbF,CIlbA,UACE,wBJqbF,CIlbA,UACE,yBJqbF,CIlbA,QAEE,8BJqbF,CIlbA,QAEE,6BJqbF,CIlbA,QAEE,6BJqbF,CIlbA,QAEE,6BJqbF,CIlbA,UAEE,2BJqbF,CIlbA,UAEE,0BJqbF,CIlbA,UAEE,0BJqbF,CIlbA,UAEE,0BJqbF,CIlbA,UAEE,8BJqbF,CIlbA,UAEE,6BJqbF,CIlbA,UAEE,6BJqbF,CIlbA,UAEE,6BJqbF,CKrkBA,0BACE,kCLwkBF,CKrkBA,qBACE,6BLwkBF,CKrkBA,WACE,yBLwkBF,CKrkBA,aACE,2BLwkBF,CKrkBA,YACE,0BLwkBF,CKrkBA,aACE,kCAAA,CACA,oCLwkBF,CKrkBA,aACE,2BLwkBF,CKpkBA,mBACE,2BLukBF,CKnkBA,iBACE,yBLskBF,CKnkBA,iBACE,yBLskBF,CKnkBA,iBACE,yBLskBF,CKnkBA,iBACE,yBLskBF,CKnkBA,iBACE,yBLskBF,CKnkBA,iBACE,yBLskBF,CKnkBA,eACE,8BLskBF,CKnkBA,eAKE,0BAAA,CAJA,wBAAA,CACA,yBAAA,CACA,gCAAA,CACA,4BLukBF,CKnkBA,4BAIE,8BLukBF,CKnkBA,wDAHE,qCAAA,CAFA,6BAAA,CAFA,yBAAA,CACA,gCLilBF,CK3kBA,4BAIE,8BLukBF,CKlkBA,cASE,oCAAA,CARA,kCAAA,CAAA,+BAAA,CAAA,0BLskBF,CK3jBA,oBACE,+ML8jBF,CKljBA,eACE,2HLqjBF,CKhjBA,mBACE,qLLmjBF,CK1iBA,0CAME,yBAAA,CACA,yBAAA,CAEA,yBAAA,CAEA,4BAAA,CAHA,sBLgjBF,CK1iBA,OACE,wBAAA,CACA,0BL6iBF,CK1iBA,OACE,wBAAA,CACA,wBL6iBF,CK1iBA,OACE,wBAAA,CACA,0BL6iBF,CK1iBA,OACE,wBAAA,CACA,wBL6iBF,CK1iBA,cAEE,wBAAA,CACA,0BL6iBF,CK1iBA,UACE,wBL6iBF,CKhiBA,8BACE,6DAAA,CACA,8BLmiBF,CKhiBA,yBACE,8BACE,uCLmiBF,CACF,CKhiBA,0BACE,8BACE,sCLkiBF,CACF,CMvuBA,QAYE,yCAAA,CAHA,2BAAA,CAaA,qBCVc,CDSd,qBAAA,CADA,QAAA,CAHA,mBPNiB,COOjB,oBPDkB,COdlB,UCaQ,CDdR,cAAA,CADA,oBAAA,CAKA,kBAAA,CAEA,QAAA,CAGA,gBAAA,CANA,sCAAA,CAEA,iBAAA,CAgBA,kBAAA,CAVA,wBAAA,CAAA,qBAAA,CAAA,gBAAA,CAHA,uBNkvBF,CMnuBE,2CAKE,kBAAA,CADA,UCbM,CDYN,oBNquBJ,CMhuBE,6BAEE,oCNiuBJ,CM9tBE,cACE,SNguBJ,CM7tBE,wBAEE,kBCnBM,CDkBN,UNguBJ,CM7tBI,2FAIE,kBAAA,CADA,UN8tBN,CM1tBI,6DAEE,uCN2tBN,CMttBA,0FAQE,yBAAA,CAJA,wBAAA,CACA,4BAAA,CAIA,oBAAA,CAHA,6BAAA,CACA,kCAAA,CAAA,+BAAA,CAAA,0BN2tBF,CQ9xBA,YAEE,8BAAA,CACA,iDAAA,CAFA,mERmyBF,CQ9xBA,wJAeE,qBDZS,CCaT,iBDTQ,CCKR,yBAAA,CAJA,wBAAA,CACA,4BAAA,CAIA,oBAAA,CAHA,6BAAA,CACA,kCAAA,CAAA,+BAAA,CAAA,0BRqyBF,CQ7xBA,kBACE,4BAAA,CACA,wBRgyBF,CQ7xBA,oHAaE,eD/Bc,CC2Bd,eAAA,CAGA,UD1BQ,CCmBR,cAAA,CACA,kBAAA,CAIA,UAAA,CAHA,mBAAA,CACA,wBAAA,CAAA,qBAAA,CAAA,gBRoyBF,CQ7xBE,2bAKE,eDtCY,CCoCZ,eAAA,CACA,UR0yBJ,CQryBA,6BASE,kBDtCQ,CCkCR,eAAA,CAGA,UDrDS,CC8CT,cAAA,CACA,kBAAA,CAIA,UAAA,CAHA,mBAAA,CACA,wBAAA,CAAA,qBAAA,CAAA,gBR4yBF,CQryBE,0GAKE,kBD7CM,CC2CN,eAAA,CACA,URsyBJ,CQjyBA,8BAGE,0BAAA,CACA,gDAAA,CAFA,mBRsyBF,CSj3BA,oLAUE,eAAA,CAFA,QAAA,CACA,STq3BF,CSj3BA,GACE,eTo3BF,CUh4BA,qBAEE,aAAA,CAGA,eAAA,CADA,SAAA,CAHA,iBAAA,CAEA,UVq4BF,CUj4BE,4BAEE,UAAA,CADA,aAAA,CAEA,kBVm4BJ,CUh4BE,sDACE,eVk4BJ,CU/3BE,8JAWE,QAAA,CAJA,QAAA,CAGA,WAAA,CAFA,MAAA,CAHA,iBAAA,CACA,KAAA,CAGA,UV+3BJ,CW55BA,0BAIE,4BAAA,CAEA,mBZYkB,CYflB,YXk6BF,CWx5BA,qBAME,4BAAA,CALA,eAAA,CACA,iBX45BF,CWr5BA,2BAGE,mBZPkB,CYKlB,UX05BF,CWp5BA,+BAGE,+BXq5BF,CWj5BA,6FAEE,wBXo5BF,CYn7BA,aACE,iBAGE,yBAAA,CAGA,yBAAA,CAFA,oBAAA,CAGA,0BZ47BF,CYz7BA,YAEE,yBZ27BF,CYx7BA,cACE,2BZ07BF,CYv7BA,kBACE,4BZy7BF,CYl7BA,gDAEE,UZw7BF,CYr7BA,IACE,8BZu7BF,CYp7BA,eAEE,qBZu7BF,CYn7BA,sBAHE,uBZ07BF,CYl7BA,QAGE,SAAA,CACA,QZo7BF,CYj7BA,MAEE,sBZm7BF,CY36BA,mBAEE,yBZ+6BF,CYr6BA,qBACE,aZu6BF,CYp6BA,2BACE,UZs6BF,CYn6BA,qCAEE,kCZq6BF,CAfF,Cav+BA,uCACE,gJAME,sCAAA,CAAA,8BAAA,CACA,wCAAA,CAAA,gCAAA,CACA,6CAAA,CAAA,qCAAA,CACA,sCAAA,CACA,8BAAA,CACA,6BAAA,CACA,gCby/BF,CACF","file":"bullframe-utilities.min.css","sourcesContent":["/*! bullframe.css v4.0.1 | MIT License | https://github.com/marcop135/bullframe.css */\n/* custom build: bullframe-utilities */\n\n// colors, spacing and breakpoint variables\n// this is for an easy customisation\n@import 'variables/variables-colors';\n@import 'variables/variables-texts';\n@import 'variables/variables-spacing';\n@import 'variables/variables-breakpoints';\n\n// a set of default opinionated utilities\n// always put this as far as possible from the rest of the styles\n// 'print' and 'reduced-motion' are just an exception because target\n// exclusively a user behaviours\n//\n// take a look at all the Bootstrap's utilities\n// https://github.com/twbs/bootstrap/tree/v4.4.1/scss/utilities\n\n// the 12 columns IE8+ grid system\n@import 'utilities/utility-grid-system';\n\n// clearfix, sr-only, float, inline/block/flex, and more\n@import 'utilities/utility-layout';\n\n// CSS filters\n// https://developer.mozilla.org/en-US/docs/Web/CSS/filter\n// https://caniuse.com/css-filters\n@import 'utilities/utility-filters';\n\n@import 'utilities/utility-z-index';\n\n// reset margins and paddings adding a class\n@import 'utilities/utility-spacing';\n\n// font families, text truncated, text alignment, and more\n@import 'utilities/utility-texts';\n\n// '.btn' and '.btn--primary'\n@import 'utilities/utility-buttons';\n\n// '.placeholder', '.invalid', '.disabled'\n@import 'utilities/utility-form-states';\n\n// font families, text truncated, text alignment, and more\n@import 'utilities/utility-lists';\n\n// embed without worries iframes, video or whatever needed\n@import 'utilities/utility-embeds';\n\n// use this and the tables won't break the layout horizontally anymore\n@import 'utilities/utility-tables';\n\n// default print styles\n// taken from https://github.com/h5bp/html5-boilerplate/blob/v7.3.0/dist/css/main.css\n@import 'utilities/utility-print';\n\n@import 'utilities/utility-reduced-motion';\n\n// this is useful for just for debugging purpouses\n// commented by default\n@import 'utilities/utility-debugging';\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","// 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;","/*! bullframe.css v4.0.1 | MIT License | https://github.com/marcop135/bullframe.css */\n/* custom build: bullframe-utilities */\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-filter-invert {\n  filter: invert(100%) !important;\n}\n\n.bf-filter-dim-images {\n  filter: brightness(0.8) contrast(1.2);\n}\n\n.bf-filter-grayscale {\n  filter: grayscale(1) !important;\n}\n\n.bf-filter-blur {\n  filter: blur(0.3rem) !important;\n}\n\n.bf-filter-none {\n  filter: none !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,\na: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,\na[href^=\"javascript:\"]::after {\n    content: \"\";\n  }\n  pre {\n    white-space: pre-wrap !important;\n  }\n  pre,\nblockquote {\n    border: 1px solid #999;\n    page-break-inside: avoid;\n  }\n  tr,\nimg {\n    page-break-inside: avoid;\n  }\n  p,\nh2,\nh3 {\n    orphans: 3;\n    widows: 3;\n  }\n  h2,\nh3 {\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}","// 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","// No IE and Opera Mini support\n// https://caniuse.com/css-filters\n\n// useful if dark mode\n.bf-filter-invert {\n  filter: invert(100%) !important;\n}\n\n// useful to dim bright images if dark mode\n.bf-filter-dim-images {\n  filter: brightness(0.8) contrast(1.2);\n}\n\n.bf-filter-grayscale {\n  filter: grayscale(1) !important;\n}\n\n.bf-filter-blur {\n  filter: blur(0.3rem) !important;\n}\n\n.bf-filter-none {\n  filter: none !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","// ! 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-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"]}
+{"version":3,"sources":["bullframe-utilities.scss","utilities/_utility-grid-system.scss","variables/_variables-spacing.scss","bullframe-utilities.css","utilities/_utility-layout.scss","utilities/_utility-filters.scss","utilities/_utility-z-index.scss","utilities/_utility-spacing.scss","utilities/_utility-texts.scss","utilities/_utility-buttons.scss","variables/_variables-colors.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"],"names":[],"mappings":"AAAA,qFAAA,CCAA,mCAME,sBAAA,CAIA,aAAA,CAIA,gBAAA,CADA,iBAAA,CAQA,mBCI2B,CDF3B,oBEXF,CFcE,gGAGE,WAAA,CADA,aEVJ,CFcE,+CACE,UEXJ,CFeA,cACE,gBAAA,CACA,gBEZF,CFeA,QACE,aAAA,CAGA,mBAAA,CAEA,oBEbF,CFgBE,6BAEE,WAAA,CACA,aEfJ,CFkBE,cACE,UEhBJ,CFoBA,iBAIE,UAAA,CAEA,cAAA,CAGA,mBC9C2B,CDgD3B,oBChD2B,CD0C3B,iBEfF,CFwBA,eAEE,aAAA,CADA,cEpBF,CFwBA,+BAEE,cAAA,CADA,eEpBF,CFwBA,WACE,UErBF,CFwBA,WACE,oBErBF,CFwBA,WACE,oBErBF,CFwBA,UACE,SErBF,CFwBA,UACE,oBErBF,CFwBA,UACE,oBErBF,CFwBA,UACE,SErBF,CFwBA,UACE,oBErBF,CFwBA,UACE,oBErBF,CFwBA,UACE,SErBF,CFwBA,UACE,oBErBF,CFwBA,UACE,aErBF,CFgCA,yBACE,gCACE,aAAA,CACA,cE7BF,CFgCA,wCAEE,UAAA,CACA,aAAA,CACA,cAAA,CACA,eAAA,CAJA,UE1BF,CACF,CFiCA,yBACE,gCACE,aAAA,CACA,cE/BF,CFkCA,wCAEE,UAAA,CACA,aAAA,CACA,cAAA,CACA,eAAA,CAJA,UE5BF,CACF,CFmCA,yBACE,gCACE,aAAA,CACA,cEjCF,CFoCA,wCAEE,UAAA,CACA,aAAA,CACA,cAAA,CACA,eAAA,CAJA,UE9BF,CACF,CFuCA,gDAEE,eErCF,CCxJA,uCAEE,WAAA,CACA,aD2JF,CCxJA,mBACE,UD2JF,CCnJA,oBAJE,sBDgKF,CC5JA,WAEE,2BD0JF,CCvJA,cAKE,sCAAA,CAFA,2BAAA,CADA,oBAAA,CAKA,kBAAA,CAHA,0BD8JF,CC7IA,0BAfE,kBAAA,CAEA,mBDgLF,CCnKA,YAEE,4BAAA,CACA,oBAAA,CACA,qBAAA,CACA,yBAAA,CAEA,2BAAA,CACA,4BAAA,CACA,mBD0JF,CChJA,yDAEE,mBAAA,CACA,qBAAA,CACA,kBAAA,CACA,0BAAA,CACA,yBAAA,CACA,6BAAA,CACA,oBD0JF,CCvJA,cACE,2BD0JF,CCvJA,YACE,4BD0JF,CCvJA,kBACE,uBD0JF,CCvJA,yBACE,uBAAA,CACA,0BAAA,CACA,2BAAA,CACA,2BD0JF,CCvJA,mBACE,wBD0JF,CCvJA,yBACE,8BD0JF,CCpJA,iBACE,sBDuJF,CCpJA,wBACE,6BDuJF,CCpJA,gCACE,oCDuJF,CCpJA,8BACE,kCDuJF,CCpJA,iCACE,gCDuJF,CCpJA,uBACE,wBDuJF,CCpJA,yBACE,0BDuJF,CCpJA,eACE,oBDuJF,CCpJA,gBACE,qBDuJF,CClJA,mBACE,wBDqJF,CClJA,oBACE,yBAAA,CACA,eDqJF,CC/IA,yBACE,2BDkJF,CC/IA,+BAGE,kBAAA,CAFA,2BAAA,CACA,iBAAA,CAEA,wCDkJF,CC7IA,sBAEE,kBAAA,CADA,YAAA,CAEA,sBDgJF,CC7IA,aACE,mBDgJF,CC7IA,aACE,8BDgJF,CC7IA,aACE,mBDgJF,CC7IA,aACE,mBDgJF,CC7IA,cACE,oBDgJF,CC7IA,eACE,oBDgJF,CE7UA,kBACE,6BFgVF,CE5UA,sBACE,mCF+UF,CE5UA,qBACE,6BF+UF,CE5UA,gBACE,4BF+UF,CE5UA,gBACE,qBF+UF,CGrWA,cACE,SHwWF,CGrWA,cACE,SHwWF,CGrWA,cACE,SHwWF,CGrWA,cACE,SHwWF,CGrWA,cACE,SHwWF,CGrWA,cACE,SHwWF,CGrWA,cACE,SHwWF,CGrWA,cACE,SHwWF,CGrWA,cACE,SHwWF,CGrWA,eACE,UHwWF,CGrWA,eACE,UHwWF,CGrWA,eACE,UHwWF,CGrWA,eACE,UHwWF,CGrWA,eACE,UHwWF,CGrWA,eACE,UHwWF,CGrWA,eACE,UHwWF,CGrWA,eACE,UHwWF,CGrWA,eACE,UHwWF,CGrWA,gBACE,WHwWF,CGjWA,gCACE,WHwWF,CIpbA,QACE,kBJubF,CIpbA,UACE,sBJubF,CIpbA,UACE,yBJubF,CIpbA,UACE,uBJubF,CIpbA,UACE,wBJubF,CIpbA,QAEE,6BJubF,CIpbA,QAEE,4BJubF,CIpbA,QAEE,4BJubF,CIpbA,QAEE,4BJubF,CIpbA,UAEE,6BJubF,CIpbA,UAEE,4BJubF,CIpbA,UAEE,4BJubF,CIpbA,UAEE,4BJubF,CIlbA,QACE,mBJqbF,CIlbA,UACE,uBJqbF,CIlbA,UACE,0BJqbF,CIlbA,UACE,wBJqbF,CIlbA,UACE,yBJqbF,CIlbA,QAEE,8BJqbF,CIlbA,QAEE,6BJqbF,CIlbA,QAEE,6BJqbF,CIlbA,QAEE,6BJqbF,CIlbA,UAEE,2BJqbF,CIlbA,UAEE,0BJqbF,CIlbA,UAEE,0BJqbF,CIlbA,UAEE,0BJqbF,CIlbA,UAEE,8BJqbF,CIlbA,UAEE,6BJqbF,CIlbA,UAEE,6BJqbF,CIlbA,UAEE,6BJqbF,CKrkBA,0BACE,kCLwkBF,CKrkBA,qBACE,6BLwkBF,CKrkBA,WACE,yBLwkBF,CKrkBA,aACE,2BLwkBF,CKrkBA,YACE,0BLwkBF,CKrkBA,aACE,kCAAA,CACA,oCLwkBF,CKrkBA,aACE,2BLwkBF,CKpkBA,mBACE,2BLukBF,CKnkBA,iBACE,yBLskBF,CKnkBA,iBACE,yBLskBF,CKnkBA,iBACE,yBLskBF,CKnkBA,iBACE,yBLskBF,CKnkBA,iBACE,yBLskBF,CKnkBA,iBACE,yBLskBF,CKnkBA,eACE,8BLskBF,CKnkBA,eAKE,0BAAA,CAJA,wBAAA,CACA,yBAAA,CACA,gCAAA,CACA,4BLukBF,CKnkBA,4BAIE,8BLukBF,CKnkBA,wDAHE,qCAAA,CAFA,6BAAA,CAFA,yBAAA,CACA,gCLilBF,CK3kBA,4BAIE,8BLukBF,CKlkBA,cASE,oCAAA,CARA,kCAAA,CAAA,+BAAA,CAAA,0BLskBF,CK3jBA,oBACE,+ML8jBF,CKljBA,eACE,2HLqjBF,CKhjBA,mBACE,qLLmjBF,CK1iBA,0CAME,yBAAA,CACA,yBAAA,CAEA,yBAAA,CAEA,4BAAA,CAHA,sBLgjBF,CK1iBA,OACE,wBAAA,CACA,0BL6iBF,CK1iBA,OACE,wBAAA,CACA,wBL6iBF,CK1iBA,OACE,wBAAA,CACA,0BL6iBF,CK1iBA,OACE,wBAAA,CACA,wBL6iBF,CK1iBA,cAEE,wBAAA,CACA,0BL6iBF,CK1iBA,UACE,wBL6iBF,CKhiBA,8BACE,6DAAA,CACA,8BLmiBF,CKhiBA,yBACE,8BACE,uCLmiBF,CACF,CKhiBA,0BACE,8BACE,sCLkiBF,CACF,CMvuBA,QAYE,yCAAA,CAHA,2BAAA,CAaA,qBCVc,CDSd,qBAAA,CADA,QAAA,CAHA,mBPNiB,COOjB,oBPDkB,COdlB,UCaQ,CDdR,cAAA,CADA,oBAAA,CAKA,kBAAA,CAEA,QAAA,CAGA,gBAAA,CANA,sCAAA,CAEA,iBAAA,CAgBA,kBAAA,CAVA,wBAAA,CAAA,qBAAA,CAAA,gBAAA,CAHA,uBNkvBF,CMnuBE,2CAKE,kBAAA,CADA,UCbM,CDYN,oBNquBJ,CMhuBE,6BAEE,oCNiuBJ,CM9tBE,cACE,SNguBJ,CM7tBE,wBAEE,kBCnBM,CDkBN,UNguBJ,CM7tBI,2FAIE,kBAAA,CADA,UN8tBN,CM1tBI,6DAEE,uCN2tBN,CMttBA,0FAQE,yBAAA,CAJA,wBAAA,CACA,4BAAA,CAIA,oBAAA,CAHA,6BAAA,CACA,kCAAA,CAAA,+BAAA,CAAA,0BN2tBF,CQ9xBA,YAEE,8BAAA,CACA,iDAAA,CAFA,mERmyBF,CQ9xBA,wJAeE,qBDZS,CCaT,iBDTQ,CCKR,yBAAA,CAJA,wBAAA,CACA,4BAAA,CAIA,oBAAA,CAHA,6BAAA,CACA,kCAAA,CAAA,+BAAA,CAAA,0BRqyBF,CQ7xBA,kBACE,4BAAA,CACA,wBRgyBF,CQ7xBA,oHAaE,eD/Bc,CC2Bd,eAAA,CAGA,UD1BQ,CCmBR,cAAA,CACA,kBAAA,CAIA,UAAA,CAHA,mBAAA,CACA,wBAAA,CAAA,qBAAA,CAAA,gBRoyBF,CQ7xBE,2bAKE,eDtCY,CCoCZ,eAAA,CACA,UR0yBJ,CQryBA,6BACE,cAAA,CACA,kBAAA,CAIA,UAAA,CAHA,mBAAA,CACA,wBAAA,CAAA,qBAAA,CAAA,gBR4yBF,CQryBE,uIAFA,kBDtCQ,CCkCR,eAAA,CAGA,UR6yBF,CQjyBA,8BAGE,0BAAA,CACA,gDAAA,CAFA,mBRsyBF,CSj3BA,oLAUE,eAAA,CAFA,QAAA,CACA,STq3BF,CSj3BA,GACE,eTo3BF,CUh4BA,qBAEE,aAAA,CAGA,eAAA,CADA,SAAA,CAHA,iBAAA,CAEA,UVq4BF,CUj4BE,4BAEE,UAAA,CADA,aAAA,CAEA,kBVm4BJ,CUh4BE,sDACE,eVk4BJ,CU/3BE,8JAWE,QAAA,CAJA,QAAA,CAGA,WAAA,CAFA,MAAA,CAHA,iBAAA,CACA,KAAA,CAGA,UV+3BJ,CW55BA,0BAIE,4BAAA,CAEA,mBZYkB,CYflB,YXk6BF,CWx5BA,qBAME,4BAAA,CALA,eAAA,CACA,iBX45BF,CWr5BA,2BAGE,mBZPkB,CYKlB,UX05BF,CWp5BA,+BAGE,+BXq5BF,CWj5BA,6FAEE,wBXo5BF,CYn7BA,aACE,iBAGE,yBAAA,CAGA,yBAAA,CAFA,oBAAA,CAGA,0BZ47BF,CYz7BA,YAEE,yBZ27BF,CYx7BA,cACE,2BZ07BF,CYv7BA,kBACE,4BZy7BF,CYl7BA,gDAEE,UZw7BF,CYr7BA,IACE,8BZu7BF,CYp7BA,eAEE,qBZu7BF,CYn7BA,sBAHE,uBZ07BF,CYl7BA,QAGE,SAAA,CACA,QZo7BF,CYj7BA,MAEE,sBZm7BF,CY36BA,mBAEE,yBZ+6BF,CYr6BA,qBACE,aZu6BF,CYp6BA,2BACE,UZs6BF,CYn6BA,qCAEE,kCZq6BF,CAfF,Cav+BA,uCACE,gJAME,8BAAA,CACA,gCAAA,CACA,qCAAA,CACA,sCAAA,CACA,8BAAA,CACA,6BAAA,CACA,gCby/BF,CACF","file":"bullframe-utilities.min.css","sourcesContent":["/*! bullframe.css v4.1.1 | MIT License | https://github.com/marcop135/bullframe.css */\n/* custom build: bullframe-utilities */\n\n// colors, spacing and breakpoint variables\n// this is for an easy customisation\n@import 'variables/variables-colors';\n@import 'variables/variables-texts';\n@import 'variables/variables-spacing';\n@import 'variables/variables-breakpoints';\n\n// a set of default opinionated utilities\n// always put this as far as possible from the rest of the styles\n// 'print' and 'reduced-motion' are just an exception because target\n// exclusively a user behaviours\n//\n// take a look at all the Bootstrap's utilities\n// https://github.com/twbs/bootstrap/tree/v4.4.1/scss/utilities\n\n// the 12 columns IE8+ grid system\n@import 'utilities/utility-grid-system';\n\n// clearfix, sr-only, float, inline/block/flex, and more\n@import 'utilities/utility-layout';\n\n// CSS filters\n// https://developer.mozilla.org/en-US/docs/Web/CSS/filter\n// https://caniuse.com/css-filters\n@import 'utilities/utility-filters';\n\n@import 'utilities/utility-z-index';\n\n// reset margins and paddings adding a class\n@import 'utilities/utility-spacing';\n\n// font families, text truncated, text alignment, and more\n@import 'utilities/utility-texts';\n\n// '.btn' and '.btn--primary'\n@import 'utilities/utility-buttons';\n\n// '.placeholder', '.invalid', '.disabled'\n@import 'utilities/utility-form-states';\n\n// font families, text truncated, text alignment, and more\n@import 'utilities/utility-lists';\n\n// embed without worries iframes, video or whatever needed\n@import 'utilities/utility-embeds';\n\n// use this and the tables won't break the layout horizontally anymore\n@import 'utilities/utility-tables';\n\n// default print styles\n// taken from https://github.com/h5bp/html5-boilerplate/blob/v7.3.0/dist/css/main.css\n@import 'utilities/utility-print';\n\n@import 'utilities/utility-reduced-motion';\n\n// this is useful for just for debugging purpouses\n// commented by default\n@import 'utilities/utility-debugging';\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","// 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;","/*! bullframe.css v4.1.1 | MIT License | https://github.com/marcop135/bullframe.css */\n/* custom build: bullframe-utilities */\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-filter-invert {\n  filter: invert(100%) !important;\n}\n\n.bf-filter-dim-images {\n  filter: brightness(0.8) contrast(1.2);\n}\n\n.bf-filter-grayscale {\n  filter: grayscale(1) !important;\n}\n\n.bf-filter-blur {\n  filter: blur(0.3rem) !important;\n}\n\n.bf-filter-none {\n  filter: none !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}","// 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","// No IE and Opera Mini support\n// https://caniuse.com/css-filters\n\n// useful if dark mode\n.bf-filter-invert {\n  filter: invert(100%) !important;\n}\n\n// useful to dim bright images if dark mode\n.bf-filter-dim-images {\n  filter: brightness(0.8) contrast(1.2);\n}\n\n.bf-filter-grayscale {\n  filter: grayscale(1) !important;\n}\n\n.bf-filter-blur {\n  filter: blur(0.3rem) !important;\n}\n\n.bf-filter-none {\n  filter: none !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","// ! 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-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"]}

package/dist/css/bullframe.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 */
 *,
 *::before,
 *::after {
@@ -727,10 +727,6 @@ input[type=button],
   cursor: pointer;
 }
 
-input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
-  color: #666;
-}
-
 input::-moz-placeholder, textarea::-moz-placeholder {
   color: #666;
 }
@@ -903,7 +899,7 @@ select[dir=rtl]:not([size]):not([multiple]) {
 
 @supports ((-webkit-appearance: none) or (-moz-appearance: none) or (appearance: none)) {
   [type=checkbox],
-[type=radio] {
+  [type=radio] {
     -webkit-appearance: none;
        -moz-appearance: none;
             appearance: none;
@@ -914,27 +910,27 @@ select[dir=rtl]:not([size]):not([multiple]) {
     border: 1px solid #999;
   }
   [type=checkbox] + label,
-[type=radio] + label {
+  [type=radio] + label {
     line-height: 1.8rem;
     vertical-align: top;
     margin-left: 5px;
     margin-left: 0.5rem;
   }
   *[dir=rtl] [type=checkbox] + label, [type=checkbox][dir=rtl] + label,
-*[dir=rtl] [type=radio] + label,
-[type=radio][dir=rtl] + label {
+  *[dir=rtl] [type=radio] + label,
+  [type=radio][dir=rtl] + label {
     margin-left: 0;
     margin-right: 5px;
     margin-right: 0.5rem;
   }
   [type=checkbox]:after,
-[type=radio]:after {
+  [type=radio]:after {
     content: "";
     display: block;
     position: absolute;
   }
   [type=checkbox]:checked,
-[type=radio]:checked {
+  [type=radio]:checked {
     background-color: #007bff;
     border-color: #000;
   }
@@ -945,8 +941,7 @@ select[dir=rtl]:not([size]):not([multiple]) {
     top: -0.05rem;
     border-radius: 50%;
     background: #fff;
-    -webkit-transform: scale(0.35);
-            transform: scale(0.35);
+    transform: scale(0.35);
   }
   [type=checkbox]:after {
     width: 0.6rem;
@@ -956,8 +951,7 @@ select[dir=rtl]:not([size]):not([multiple]) {
     border-left: 0;
     left: 35%;
     top: 20%;
-    -webkit-transform: rotate(43deg);
-            transform: rotate(43deg);
+    transform: rotate(43deg);
   }
 }
 @supports ((-webkit-appearance: none) or (-moz-appearance: none) or (appearance: none)) {
@@ -1332,38 +1326,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 {
@@ -1379,7 +1366,6 @@ table th[class^=bf-col] {
 }
 
 .bf-position-sticky {
-  position: -webkit-sticky !important;
   position: sticky !important;
   top: 0 !important;
 }
@@ -1392,17 +1378,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 {
@@ -2046,8 +2028,8 @@ dt {
    ========================================================================== */
 @media print {
   *,
-*::before,
-*::after {
+  *::before,
+  *::after {
     background: #fff !important;
     color: #000 !important;
     /* Black prints faster */
@@ -2055,7 +2037,7 @@ dt {
     text-shadow: none !important;
   }
   a,
-a:visited {
+  a:visited {
     text-decoration: underline;
   }
   a[href]::after {
@@ -2069,35 +2051,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 {
@@ -2107,23 +2089,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;