@iamproperty/components 2.9.0 → 3.0.0

package/dist/components.css

@@ -1,2 +0,0 @@
-.accordion{--accordion-indent:0.75rem;--accordion-right-padding:3rem;--accordion-y-padding:1rem;--accordion-icon-size:1.875rem;--accordion-icon-top:0.75rem}@media screen and (min-width:62em){.accordion{--accordion-right-padding:6rem;--accordion-y-padding:2rem;--accordion-icon-size:3rem;--accordion-icon-top:1.25rem}}.accordion-button{padding:var(--accordion-y-padding) var(--accordion-right-padding) var(--accordion-y-padding) var(--accordion-indent);color:var(--colour-heading);text-align:left;background-color:transparent;overflow-anchor:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;--marker-bg:var(--colour-secondary);cursor:pointer;position:relative}@media(prefers-reduced-motion:reduce){.accordion-button{transition:none}}.accordion-button .badge{vertical-align:bottom;margin-left:.5em;margin-right:.5em;margin-bottom:.1em}.accordion-button:after,.accordion-button:before{content:"";position:absolute;right:var(--accordion-indent);top:var(--accordion-icon-top);margin-top:var(--accordion-icon-size-half);width:var(--accordion-icon-size);height:var(--accordion-icon-size)}.accordion-button:before{text-indent:100%;white-space:nowrap;overflow:hidden;background:var(--marker-bg);border-radius:100%}.accordion-button:after{background:currentColor;mask-image:var(--icon-arrow);mask-size:50%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:50%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;transition:transform .2s ease-in-out;transform:rotate(90deg)}@media(prefers-reduced-motion:reduce){.accordion-button:after{transition:none}}.accordion-button:focus,.accordion-button:hover{--marker-bg:var(--colour-warning);color:var(--colour-hover)}.accordion-button:focus,.accordion-button:hover{z-index:var(--index-focus)}.accordion-button:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}[open]>summary>.accordion-button{color:var(--colour-heading);background-color:transparent}[open]>summary>.accordion-button:after{transform:rotate(-90deg)}summary[class*=bg-] .accordion-button{border-bottom:1px solid var(--colour-border);margin-bottom:-1px}summary[class*=bg-] .accordion-button:before{background:none!important}summary[class*=bg-]:hover .accordion-button{opacity:.8}summary[class*=bg-]+.accordion-body{padding-top:2rem}.accordion-header{margin-bottom:0}.accordion-item{background-color:transparent;border-bottom:1px solid var(--colour-border);margin-bottom:2rem}.accordion-item:first-of-type{border-top:1px solid var(--colour-border)}.accordion-item+.accordion-item{margin-top:-2rem}.accordion-body{text-align:left;padding:0 var(--accordion-indent)}.accordion--straight>details>.accordion-body,.accordion--straight>details>summary:not([class*=bg-])>.accordion-button{padding-left:0!important}.accordion--straight>details>.accordion-body{padding-right:0!important}.accordion .accordion:first-child{padding-top:1rem}.accordion .accordion:last-child{padding-bottom:2rem}.accordion .accordion .accordion-button{padding:1rem 3rem 1rem var(--accordion-indent)}.accordion .accordion .accordion-button:after,.accordion .accordion .accordion-button:before{top:.75rem;height:2rem;width:2rem;right:.5rem}.accordion .accordion .accordion-button:before{background-color:var(--colour-light)}.card{--card-spacer-y:1.5rem;--card-spacer-x:1.25rem;--card-title-spacer-y:0.5rem;--card-border-width:0;--card-border-color:var(--border-color-translucent);--card-border-radius:0.625rem;--card-box-shadow: ;--card-inner-border-radius:calc(0.375rem - 1px);--card-cap-padding-y:1.5rem;--card-cap-padding-x:1.25rem;--card-cap-bg:transparent;--card-cap-color: ;--card-height: ;--card-color: ;--card-bg:#fff;--card-img-overlay-padding:1rem;--card-group-margin:0.75rem;position:relative;display:flex;flex-direction:column;min-width:0;height:var(--card-height);word-wrap:break-word;background-color:var(--card-bg);background-clip:border-box;border:var(--card-border-width) solid var(--card-border-color);border-radius:var(--card-border-radius)}.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:var(--card-inner-border-radius);border-top-right-radius:var(--card-inner-border-radius)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:var(--card-inner-border-radius);border-bottom-left-radius:var(--card-inner-border-radius)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{flex:1 1 auto;padding:var(--card-spacer-y) var(--card-spacer-x);color:var(--card-color)}.card-title{margin-bottom:var(--card-title-spacer-y)}.card-subtitle{margin-top:calc(var(--card-title-spacer-y)*-.5)}.card-subtitle,.card-text:last-child{margin-bottom:0}.card-link+.card-link{margin-left:var(--card-spacer-x)}.card-header{padding:var(--card-cap-padding-y) var(--card-cap-padding-x);margin-bottom:0;color:var(--card-cap-color);background-color:var(--card-cap-bg);border-bottom:var(--card-border-width) solid var(--card-border-color)}.card-header:first-child{border-radius:var(--card-inner-border-radius) var(--card-inner-border-radius) 0 0}.card-footer{padding:var(--card-cap-padding-y) var(--card-cap-padding-x);color:var(--card-cap-color);background-color:var(--card-cap-bg);border-top:var(--card-border-width) solid var(--card-border-color)}.card-footer:last-child{border-radius:0 0 var(--card-inner-border-radius) var(--card-inner-border-radius)}.card-header-tabs{margin-right:calc(var(--card-cap-padding-x)*-.5);margin-bottom:calc(var(--card-cap-padding-y)*-1);margin-left:calc(var(--card-cap-padding-x)*-.5);border-bottom:0}.card-header-tabs .nav-link.active{background-color:var(--card-bg);border-bottom-color:var(--card-bg)}.card-header-pills{margin-right:calc(var(--card-cap-padding-x)*-.5);margin-left:calc(var(--card-cap-padding-x)*-.5)}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--card-img-overlay-padding);border-radius:var(--card-inner-border-radius)}.card-img,.card-img-bottom,.card-img-top{width:100%}.card-img,.card-img-top{border-top-left-radius:var(--card-inner-border-radius);border-top-right-radius:var(--card-inner-border-radius)}.card-img,.card-img-bottom{border-bottom-right-radius:var(--card-inner-border-radius);border-bottom-left-radius:var(--card-inner-border-radius)}.card-group>.card{margin-bottom:var(--card-group-margin)}@media screen and (min-width:36em){.card-group{display:flex;flex-flow:row wrap}.card-group>.card{flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}}a.card{cursor:pointer}a.card:before{display:none}.card:not(.card--simple){--colour-body:var(--colour-body-theme);--colour-heading:var(--colour-primary);--colour-link:var(--colour-link-theme);--colour-hover:var(--colour-hover-theme);--colour-active:var(--colour-active-theme);--colour-border:var(--colour-border-theme);--colour-brand:var(--colour-primary);--btn-bg:var(--colour-warning);--btn-text:var(--colour-primary);--btn-hover-text:var(--colour-primary);--btn-tertiary-bg:var(--colour-primary);--btn-tertiary-hover-text:#fff}.card:not(.card--simple) .text-primary{color:var(--colour-primary)!important}.card{--spread:0.75rem;box-shadow:0 2px var(--spread) 0 hsla(0,0%,60%,.25);min-height:100%;overflow:hidden;max-width:57.8125rem}.card:focus,.card:hover{--spread:0.375rem}.card:focus .card-body :not(.badge),.card:hover .card-body :not(.badge){color:var(--colour-hover)!important}.card:active{--spread:0.1875rem}.card-header__wrapper{padding-bottom:0;padding-top:55%;position:relative;overflow:hidden;background:rgba(0,0,0,.1)}.card-header__wrapper>*{position:absolute;top:0;left:0;width:100%;height:100%}.card-header__wrapper .card-image{position:absolute;top:0;left:0;width:101%;height:101%;-o-object-fit:cover;object-fit:cover}.card-header__wrapper .card-header{display:flex;flex-wrap:nowrap;flex-direction:column;align-items:flex-start;justify-content:space-between}.card-header__wrapper .card-logo{position:absolute;top:0;right:0;left:auto;height:3.5rem;width:8rem;-o-object-fit:contain;object-fit:contain;-o-object-position:right;object-position:right}.card-body{color:var(--colour-body)}.card-body :last-child{margin-bottom:0}.card-footer{padding-top:0}.row:not([class*=g-]) .card{margin-bottom:1rem}.card--simple{box-shadow:none;min-height:0;background:none}.card--simple .card-header__wrapper{border-radius:.625rem;margin-bottom:1rem}.card--simple .card-body{padding-top:0}.card--simple .card-body,.card--simple .card-footer{padding-left:0;padding-right:0}.card--quick .card-body>:not(.card-title),.card--quick .card-footer,.card--quick .card-header{display:none}.card--quick .card-title{margin-bottom:0;padding-left:2em;position:relative}.card--quick .card-title:after,.card--quick .card-title:before{content:"";position:absolute;left:0;top:0;width:1.2em;height:1.2em}.card--quick .card-title:before{left:.05em;background:currentColor;mask-image:var(--icon-arrow);mask-size:50%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:50%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%}.card--quick .card-title:after{border:2px solid currentColor;border-radius:50%}.card-deck.container:not([data-card-type=simple]){padding-bottom:3rem}.card-deck.container:not([data-card-type=simple])>.row:first-child{padding-top:.5rem}.card-deck.container:not([data-card-type=simple])[class*=bg-]{padding-bottom:5rem}@media screen and (min-width:36em)and (max-width:61.99em){.card-deck .row-cols-sm-1 .card-header__wrapper{position:absolute;top:0;left:0;width:45.8%;height:100%;padding:0}.card-deck .row-cols-sm-1 .card-header__wrapper~.card-body,.card-deck .row-cols-sm-1 .card-header__wrapper~.card-footer{padding-left:calc(45.8% + 2.5rem)}}@media screen and (min-width:62em){.card-deck:not(.card-deck--featured) .row-cols-md-1 .card-header__wrapper{position:absolute;top:0;left:0;width:45.8%;height:100%;padding:0}.card-deck:not(.card-deck--featured) .row-cols-md-1 .card-header__wrapper~.card-body,.card-deck:not(.card-deck--featured) .row-cols-md-1 .card-header__wrapper~.card-footer{padding-left:calc(45.8% + 2.5rem)}}.card-deck--featured>.row>.col:not(:first-child) .card-header__wrapper,.card-deck--featured>.row>.col:nth-child(4)~.col{display:none}.card-deck--featured .row-cols-sm-1>.col:not(:first-child) .card-header__wrapper~.card-body{padding-left:1.5rem}.card-deck--featured .card-footer{display:none}@media screen and (min-width:62em){.card-deck--featured>.row{display:grid;grid-template-columns:1fr 1fr 41.66666667%;grid-template-rows:auto auto auto;gap:var(--bs-gutter-y) var(--bs-gutter-x);grid-template-areas:"featured featured card2" "featured featured card3" "featured featured card4";margin-top:0}.card-deck--featured>.row>.col:first-child{grid-area:featured}.card-deck--featured>.row>.col:not(:first-child){min-height:0}.card-deck--featured>.row>.col:nth-child(2){grid-area:card2}.card-deck--featured>.row>.col:nth-child(3){grid-area:card3}.card-deck--featured>.row>.col:nth-child(4){grid-area:card4}.card-deck--featured>.row>.col{width:100%;margin-top:0}}.carousel{padding-bottom:3rem}.carousel .carousel__wrapper{position:relative}.carousel .carousel__inner{--bs-gutter-x:1rem;overflow:auto;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;margin-right:calc(var(--bs-gutter-x)*-.5);margin-left:calc(var(--bs-gutter-x)*-.5)}.carousel .carousel__inner>.row{flex-wrap:nowrap;margin:0}.carousel .carousel__inner>.row>.col{padding-top:2.25rem;padding-bottom:1.5rem;scroll-snap-align:start;scroll-padding:calc(var(--bs-gutter-x)*-1)}.carousel .carousel__item>:last-child{margin-bottom:0;padding-bottom:0}body.js-enabled .carousel__inner{scrollbar-width:none;-ms-overflow-style:none}body.js-enabled .carousel__inner::-webkit-scrollbar{display:none}.carousel:not(.hide-controls){padding-bottom:4.5rem}.carousel.hide-controls .carousel__controls{display:none}.carousel .carousel__controls{position:absolute;text-align:center;width:auto;left:0;width:calc(100% + 2rem);margin-left:-1rem;margin-right:-1rem;bottom:-3rem}.carousel .carousel__controls a{width:1rem;height:1rem;min-height:1rem;border-radius:50%;text-indent:-50rem;overflow:hidden;background:currentColor;padding:0;margin:0 .5rem .5rem .5rem}.carousel .carousel__controls a:before,.carousel .carousel__controls a:first-child:last-child,.carousel .carousel__controls>a:nth-child(10)~a,.carousel.hide-btns .carousel__wrapper>.btn{display:none}.carousel:not(.hide-btns) .carousel__inner{margin-left:1.75rem;margin-right:1.75rem}.carousel .carousel__wrapper>.btn{position:absolute;top:50%;left:-1.25rem;transform:translateY(-50%)}.carousel .carousel__wrapper>.btn.btn-next{left:auto;right:-1.25rem}@media screen and (min-width:62em){.carousel .carousel__wrapper>.btn{margin-left:-1rem;margin-right:-1rem}}.carousel .carousel__inner>.row>.col:first-child{margin-left:0!important}@media screen and (min-width:36em){.carousel .carousel__controls>a:nth-child(10)~a{display:inline-block}.carousel .carousel__inner>.row[class*=row-cols-sm-]>.col{scroll-snap-align:unset}.carousel .carousel__inner>.row-cols-sm-2>.col:nth-child(odd),.carousel .carousel__inner>.row-cols-sm-3>.col:nth-child(3n+1),.carousel .carousel__inner>.row-cols-sm-4>.col:nth-child(4n+1),.carousel .carousel__inner>.row-cols-sm-5>.col:nth-child(5n+1),.carousel .carousel__inner>.row-cols-sm-6>.col:nth-child(6n+1){scroll-snap-align:start}body:not(.js-enabled) .carousel .carousel__inner>.row-cols-sm-2>.col:nth-child(odd),body:not(.js-enabled) .carousel .carousel__inner>.row-cols-sm-3>.col:nth-child(3n+1),body:not(.js-enabled) .carousel .carousel__inner>.row-cols-sm-4>.col:nth-child(4n+1),body:not(.js-enabled) .carousel .carousel__inner>.row-cols-sm-5>.col:nth-child(5n+1),body:not(.js-enabled) .carousel .carousel__inner>.row-cols-sm-6>.col:nth-child(6n+1){margin-left:4rem}.carousel .carousel__controls.cols-sm-2>a:not(:nth-child(odd)),.carousel .carousel__controls.cols-sm-3>a:not(:nth-child(3n+1)),.carousel .carousel__controls.cols-sm-4>a:not(:nth-child(4n+1)),.carousel .carousel__controls.cols-sm-5>a:not(:nth-child(5n+1)),.carousel .carousel__controls.cols-sm-6>a:not(:nth-child(6n+1)){display:none}.carousel .carousel__controls.cols-sm-2>a:first-child:nth-last-child(2),.carousel .carousel__controls.cols-sm-3>:is(a:first-child:nth-last-child(2),a:first-child:nth-last-child(3)),.carousel .carousel__controls.cols-sm-4>:is(a:first-child:nth-last-child(2),a:first-child:nth-last-child(3),a:first-child:nth-last-child(4)),.carousel .carousel__controls.cols-sm-5>:is(a:first-child:nth-last-child(2),a:first-child:nth-last-child(3),a:first-child:nth-last-child(4),a:first-child:nth-last-child(5)),.carousel .carousel__controls.cols-sm-6>:is(a:first-child:nth-last-child(2),a:first-child:nth-last-child(3),a:first-child:nth-last-child(4),a:first-child:nth-last-child(5),a:first-child:nth-last-child(6)){display:none}.carousel.hide-sm-btns .carousel__wrapper>.btn{display:none}.carousel.hide-sm-btns .carousel__inner{margin-left:0;margin-right:0}}@media screen and (min-width:62em){.carousel .carousel__inner>.row[class*=row-cols-md-]>.col{scroll-snap-align:unset;margin-left:0}.carousel .carousel__inner>.row-cols-md-2>.col:nth-child(odd),.carousel .carousel__inner>.row-cols-md-3>.col:nth-child(3n+1),.carousel .carousel__inner>.row-cols-md-4>.col:nth-child(4n+1),.carousel .carousel__inner>.row-cols-md-5>.col:nth-child(5n+1),.carousel .carousel__inner>.row-cols-md-6>.col:nth-child(6n+1){scroll-snap-align:start}body:not(.js-enabled) .carousel .carousel__inner>.row-cols-md-2>.col:nth-child(odd),body:not(.js-enabled) .carousel .carousel__inner>.row-cols-md-3>.col:nth-child(3n+1),body:not(.js-enabled) .carousel .carousel__inner>.row-cols-md-4>.col:nth-child(4n+1),body:not(.js-enabled) .carousel .carousel__inner>.row-cols-md-5>.col:nth-child(5n+1),body:not(.js-enabled) .carousel .carousel__inner>.row-cols-md-6>.col:nth-child(6n+1){margin-left:50vw}.carousel .carousel__controls.cols-md-2>a:not(:nth-child(odd)),.carousel .carousel__controls.cols-md-3>a:not(:nth-child(3n+1)),.carousel .carousel__controls.cols-md-4>a:not(:nth-child(4n+1)),.carousel .carousel__controls.cols-md-5>a:not(:nth-child(5n+1)),.carousel .carousel__controls.cols-md-6>a:not(:nth-child(6n+1)){display:none}.carousel .carousel__controls.cols-md-2>a:first-child:nth-last-child(2),.carousel .carousel__controls.cols-md-3>:is(a:first-child:nth-last-child(2),a:first-child:nth-last-child(3)),.carousel .carousel__controls.cols-md-4>:is(a:first-child:nth-last-child(2),a:first-child:nth-last-child(3),a:first-child:nth-last-child(4)),.carousel .carousel__controls.cols-md-5>:is(a:first-child:nth-last-child(2),a:first-child:nth-last-child(3),a:first-child:nth-last-child(4),a:first-child:nth-last-child(5)),.carousel .carousel__controls.cols-md-6>:is(a:first-child:nth-last-child(2),a:first-child:nth-last-child(3),a:first-child:nth-last-child(4),a:first-child:nth-last-child(5),a:first-child:nth-last-child(6)){display:none}.carousel.hide-md-btns .carousel__wrapper>.btn{display:none}.carousel.hide-md-btns .carousel__inner{margin-left:0;margin-right:0}}.header-banner{background:linear-gradient(180deg,var(--colour-secondary) 0,var(--colour-info) 100%);margin-bottom:2rem;position:relative;overflow:hidden}@media screen and (min-width:62em){.header-banner{min-height:29.375rem}}.header-banner>.container{padding-bottom:0;position:relative}.header-banner__inner{--colour-body:var(--colour-body-theme);--colour-heading:var(--colour-primary);--colour-link:var(--colour-link-theme);--colour-hover:var(--colour-hover-theme);--colour-active:var(--colour-active-theme);--colour-border:var(--colour-border-theme);--colour-brand:var(--colour-primary);--btn-bg:var(--colour-warning);--btn-text:var(--colour-primary);--btn-hover-text:var(--colour-primary);--btn-tertiary-bg:var(--colour-primary);--btn-tertiary-hover-text:#fff;color:var(--colour-body);background:#fff;padding:2rem;margin:1.875rem 0;position:relative;z-index:var(--index-above)}.header-banner__inner .text-primary{color:var(--colour-primary)!important}@media screen and (min-width:62em){.header-banner__inner{max-width:37.5rem;margin:7rem 0 5rem 0;padding:3.5rem 4rem}}.header-banner__inner>:last-child{padding-bottom:0;margin-bottom:0}.header-banner>picture img{display:none}@media screen and (min-width:62em){.header-banner>picture img{display:block;position:absolute;top:-.5%;left:40%;height:101%;-o-object-fit:cover;object-fit:cover;width:60%;pointer-events:none}}.header-banner>.container>.breadcrumb{margin-top:1.5rem;margin-bottom:-.5rem}@media screen and (min-width:62em){.header-banner>.container>.breadcrumb{position:absolute;top:0;left:3.75rem}}.testimonial{--testimonial-padding:1rem;--testimonial-spacing:1rem}@media screen and (min-width:62em){.testimonial{--testimonial-padding:4rem;--testimonial-spacing:2rem}}.testimonial>div:first-child{position:relative;overflow:hidden}.testimonial .circle{color:currentColor;position:absolute;top:-18rem;right:-8rem;font-size:28rem;border-width:4px}.testimonial__images{overflow:auto;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:pan-x;height:14.375rem}@media screen and (min-width:36em){.testimonial__images{height:21.25rem}}@media screen and (min-width:62em){.testimonial__images{min-height:100%;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory;flex-direction:column;touch-action:pan-y}}.testimonial__images img{scroll-snap-align:start;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;flex-shrink:0}.testimonial .testimonial__controls{display:none}.testimonial.testimonial--multi .testimonial__controls{display:block;position:absolute;bottom:0;left:50%;transform:translate(-50%,50%)}@media screen and (min-width:62em){.testimonial.testimonial--multi .testimonial__controls{left:auto;bottom:auto;right:0;top:50%;transform:rotate(90deg) translateY(-120%);transform-origin:center}}.testimonial h2{padding:2rem var(--testimonial-padding) 0 var(--testimonial-padding)}@media screen and (min-width:36em){.testimonial h2{padding-top:3rem}}@media screen and (min-width:62em){.testimonial h2{padding-top:9rem}}.testimonial__content{--display-none:none;margin:0 var(--testimonial-padding) var(--testimonial-spacing) var(--testimonial-padding);position:relative}@media screen and (min-width:62em){.testimonial__content{--display-none:block}.testimonial__content blockquote:not(.largest){position:absolute;top:0}}.testimonial[data-show="1"] blockquote:not(:first-child),.testimonial[data-show="10"] blockquote:not(:nth-child(10)),.testimonial[data-show="2"] blockquote:not(:nth-child(2)),.testimonial[data-show="3"] blockquote:not(:nth-child(3)),.testimonial[data-show="4"] blockquote:not(:nth-child(4)),.testimonial[data-show="5"] blockquote:not(:nth-child(5)),.testimonial[data-show="6"] blockquote:not(:nth-child(6)),.testimonial[data-show="7"] blockquote:not(:nth-child(7)),.testimonial[data-show="8"] blockquote:not(:nth-child(8)),.testimonial[data-show="9"] blockquote:not(:nth-child(9)){display:var(--display-none);opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.testimonial__after{padding:1rem var(--testimonial-padding) var(--testimonial-spacing) var(--testimonial-padding)}.testimonial__images::-webkit-scrollbar{display:none}.testimonial__images{-ms-overflow-style:none;scrollbar-width:none}.property-searchbar fieldset{position:relative}@media screen and (min-width:62em){.property-searchbar fieldset{position:relative;padding-right:1.5rem}.property-searchbar fieldset:after{content:"";position:absolute;top:0;right:.5rem;display:block;height:100%;width:1px;background-color:var(--colour-muted);opacity:.25}}.property-searchbar .form-control__wrapper{margin-bottom:1rem}@media screen and (min-width:62em){.property-searchbar .form-control__wrapper{margin-bottom:0}}.property-searchbar .form-label,.property-searchbar label{font-size:.875rem;text-transform:uppercase}@media screen and (min-width:62em){.property-searchbar .row .row .form-label{display:none}.property-searchbar .form-control,.property-searchbar .form-select{padding:.5rem 1.5rem .5rem .5rem}.property-searchbar .form-select{background-position:right .5rem center}}.property-searchbar .input--locations{padding-right:5.5rem}.property-searchbar .select--miles{position:absolute;bottom:0;right:.5rem;width:5rem}@media screen and (min-width:62em){.property-searchbar .select--miles{right:1.5rem}}.property-searchbar .select--miles label{display:none}.property-searchbar .select--miles select{background-color:transparent;border-color:transparent}@media screen and (min-width:62em){.property-searchbar .property-searchbar__btn{align-items:flex-end}}.property-searchbar button{margin-top:1rem;margin-bottom:1rem}@media screen and (min-width:62em){.property-searchbar button{margin:0;padding-left:3.5rem;padding-right:3.5rem}}.property-searchbar--hero .property-searchbar{--colour-body:var(--colour-body-theme);--colour-heading:var(--colour-primary);--colour-link:var(--colour-link-theme);--colour-hover:var(--colour-hover-theme);--colour-active:var(--colour-active-theme);--colour-border:var(--colour-border-theme);--colour-brand:var(--colour-primary);--btn-bg:var(--colour-warning);--btn-text:var(--colour-primary);--btn-hover-text:var(--colour-primary);--btn-tertiary-bg:var(--colour-primary);--btn-tertiary-hover-text:#fff;padding:1rem;background-color:#fff;width:100%;border-radius:.625rem;box-shadow:0 2px 4px 0 rgba(0,0,0,.24);position:relative}.property-searchbar--hero .property-searchbar .text-primary{color:var(--colour-primary)!important}@media screen and (min-width:62em){.property-searchbar--hero .property-searchbar{border-radius:3rem;padding:1.5rem 2.5rem}.property-searchbar--hero .property-searchbar .form-label,.property-searchbar--hero .property-searchbar label{margin-bottom:0}.property-searchbar--hero .property-searchbar .form-control,.property-searchbar--hero .property-searchbar .form-select{margin-left:-.5rem;border:none;padding-top:.25rem;padding-bottom:.25rem}.property-searchbar--hero .property-searchbar .form-select{background-position:right 0 center;padding-right:1rem}.property-searchbar--hero .property-searchbar .property-searchbar__btn{align-items:center}}.nav .nav__mobile-bar{background:var(--colour-primary);color:#fff;--colour-body:#fff;--colour-heading:#fff;--colour-link:#fff;--colour-hover:#fff;--colour-border:#fff;--colour-brand:#fff;--btn-bg:#fff;--btn-text:var(--colour-primary);--btn-hover-text:var(--colour-heading);--btn-tertiary-bg:#fff;--btn-tertiary-hover-text:var(--colour-primary);display:flex;flex-direction:column;flex-wrap:nowrap;width:23.4375rem}@media screen and (min-width:36em){.nav .nav__mobile-bar{width:100%}}.nav .nav__mobile-bar>.container{padding-top:1rem;padding-bottom:1rem;flex-shrink:0;overflow:visible}.nav{font-weight:700}.nav__inner,.nav__menu--account{display:flex;flex-direction:column;flex-wrap:nowrap}.nav__inner>.container,.nav__menu--account>.container{padding-top:1rem;padding-bottom:0;flex-shrink:0;overflow:visible;z-index:unset}.nav__menu{padding-top:2.25rem;padding-bottom:1rem}.nav .brand{font-size:2.25rem}@media screen and (min-width:62em){.nav .brand{font-size:3.75rem}}.nav__logo img{height:2.25rem;width:auto}@media screen and (min-width:36em){.nav__logo img{height:3.75rem;width:auto}}.nav__menu-btn,.nav__search-btn{display:flex}.nav__menu-btn label,.nav__search-btn label{height:1.125rem;width:1.5rem;text-indent:-300%;overflow:hidden;position:relative;cursor:pointer;color:var(--colour-link)}.nav__menu-btn label:focus,.nav__menu-btn label:hover,.nav__search-btn label:focus,.nav__search-btn label:hover{color:var(--colour-hover)}.nav__menu-btn label:active,.nav__search-btn label:active{color:var(--colour-active)}.nav__menu-btn label:after,.nav__menu-btn label:before,.nav__search-btn label:after,.nav__search-btn label:before{content:"";position:absolute;width:0;height:2px;top:calc(50% - 1px);left:0;background:currentColor;transform-origin:50% 50%;transition:transform .5s,width .5s}.nav__search-btn label{text-indent:0;overflow:visible}.nav__search-btn .icon{height:2rem;width:2rem;margin-top:-.5rem;margin-left:-.0625rem;transition:opacity .5s;color:inherit}.nav__search-btn .icon__outline{stroke-width:2px;stroke:currentColor}.nav__menu-btn{display:flex}.nav__menu-btn label{border-top:2px solid currentColor;border-bottom:2px solid currentColor}.nav__menu-btn label:after,.nav__menu-btn label:before{width:100%}.nav__account-btn label{font-size:1.125rem;text-indent:0;overflow:visible;color:var(--colour-primary);height:3rem;line-height:3rem;display:block;border-top:1px solid var(--colour-border);border-bottom:1px solid var(--colour-border)}.nav__account-btn .icon{height:1.75rem;width:1.75rem;margin-top:-.5rem;margin-right:.5rem;transition:opacity .5s;color:inherit}.nav__account-btn .icon__outline{stroke-width:2px;stroke:currentColor}.nav__menu>ul{margin-bottom:0}.nav__menu>ul>li>a{font-size:1.125rem;line-height:2rem;display:inline-block;position:relative;text-decoration:none}.nav__menu>ul>li>a.current{border-left:.375rem solid var(--colour-info);margin-left:-1.25rem;padding-left:.875rem}@media screen and (min-width:62em){.nav__menu--search{display:none}#showSearch:checked~.nav__inner>.nav__menu--search{order:2;position:absolute;top:100%;left:0;width:100%;background:rgba(0,0,0,.6);height:calc(100vh - 5rem);display:block}}.services{line-height:2rem}.services li{display:flex;justify-content:space-between}.services .service--active:before{content:"";height:1em;width:1em;display:inline-block;background:var(--colour-secondary);margin-right:.5rem;margin-bottom:-.1em;border-radius:50%}.credits{border:2px solid var(--colour-primary);padding:1rem;margin-bottom:2rem;border-radius:.625rem}.credits .h5,.credits ul{padding-inline:1rem}.credits>:last-child{margin-bottom:0!important}.nav[class*=bg-] .nav__inner{background-color:transparent}.nav__menu--secondary{flex-grow:1;font-weight:700}.nav__menu--secondary .nav__section-link{pointer-events:none;font-weight:700;color:var(--colour-link);font-size:1.125rem}.nav__menu--secondary>.container>ul>li{padding-block:.375rem}.nav__menu--secondary>.container>ul>li:not(:last-child){border-bottom:1px solid var(--colour-border)}.nav__menu--secondary>.container>ul>li a{display:inline-block;font-size:1.125rem;line-height:2.25rem;text-decoration:none;font-weight:700}.nav__menu--secondary>.container>ul>li ul{padding:0}.nav__menu--secondary>.container>ul>li ul a{font-weight:400}.nav__menu--secondary>.container>ul>li ul a .icon{display:none}.nav{position:sticky;top:0;left:0;width:100%;z-index:var(--index-menu)}.nav.is-stuck{box-shadow:0 4px 20px -10px rgba(51,51,51,.25)}nav+main>:first-child{padding-top:2rem}.nav__btn,.nav__menu,.nav__menu--secondary{display:none}.nav__inner,.nav__menu--account{position:absolute;top:0;left:100%;background:#fff;z-index:2;width:100%;-ms-scroll-chaining:none;overscroll-behavior:contain}@media screen and (min-width:36em){.nav__inner,.nav__menu--account{width:23.4375rem}}.nav__menu--account{z-index:2;height:100vh}#showAccount:checked~.nav__menu--account,#showMenu:checked~.nav__inner{height:100vh;overflow:visible;overflow-x:auto;left:0}@media screen and (min-width:36em){#showAccount:checked~.nav__menu--account,#showMenu:checked~.nav__inner{left:calc(100% - 23.4375rem)}}@media screen and (min-width:62em){#showAccount~.nav__menu--account{display:none}#showAccount:checked~.nav__menu--account{left:0;width:100%;height:auto;display:block;top:6rem;border-top:.3125rem solid var(--colour-primary);border-bottom:1px solid var(--colour-border-light);box-shadow:0 3px 6px 0 rgba(0,0,0,.16)}}#showMenu:checked~div .nav__btn,#showMenu:checked~div .nav__menu,#showMenu:checked~div .nav__menu--secondary,#showMenu:not(:checked)~#showSearch:checked~div .nav__menu--search{display:block}#showMenu:checked~div .nav__menu-btn label,#showSearch:checked~div .nav__search-btn label{border:0}#showMenu:checked~div .nav__menu-btn label .icon,#showSearch:checked~div .nav__search-btn label .icon{opacity:0}#showMenu:checked~div .nav__menu-btn label:before,#showSearch:checked~div .nav__search-btn label:before{width:100%;transform:rotate(45deg)}#showMenu:checked~div .nav__menu-btn label:after,#showSearch:checked~div .nav__search-btn label:after{width:100%;transform:rotate(-45deg)}@media screen and (min-width:36em){#showMenu:checked~.nav__bg{content:" ";position:absolute;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);z-index:1}}@media screen and (min-width:62em){.nav .nav__mobile-bar,.nav__bg{display:none}.nav__logo{height:4rem}#showMenu:checked~.nav__inner,.nav__inner{overflow:visible;position:static;width:100%}.nav .nav__menu{display:flex;padding-bottom:0}.nav__btn,.nav__menu--secondary{display:flex}.nav .nav__inner>.container{padding-bottom:1rem}.nav__btn,.nav__search-btn{order:2;margin-left:1rem}.nav__btn .btn,.nav__search-btn .btn{margin-bottom:0}.nav__menu{padding-top:0}.nav__menu>.list-unstyled{margin-left:-1.5rem!important;margin-right:-1.5rem!important;width:calc(100% + 3rem);margin-bottom:0;padding-top:0;padding-left:1.5rem;padding-right:1.5rem}.nav__menu>.list-unstyled>li{display:inline-block;padding-left:1rem;padding-right:1rem}.nav__menu>.list-unstyled>li:not(:last-child){border-right:1px solid var(--colour-border)}.nav__menu>.list-unstyled>li>a{line-height:1.75rem}.nav__menu>.list-unstyled>li>a.current{border-left:none;padding-left:0;border-bottom:.1875rem solid var(--colour-info)}.nav__account-btn{max-width:-webkit-fit-content!important;max-width:-moz-fit-content!important;max-width:fit-content!important}.nav__account-btn label{border:none!important;padding-top:.5rem;position:relative;padding-right:2.5rem}.nav__account-btn label:after{content:"";position:absolute;top:calc(50% + .5rem);right:0;width:1.5em;height:1.5em;background:currentColor;mask-image:var(--icon-arrow);mask-size:50%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:50%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;transition:transform .2s ease-in-out;transform:rotate(90deg) translate(-50%)}.nav .nav__menu--secondary>.container>.list-unstyled{font-size:.9375rem;padding-top:0}.nav__menu--secondary{background-color:var(--colour-primary);--colour-body:#fff;--colour-heading:#fff;--colour-link:#fff;--colour-hover:#fff;--colour-border:#fff;--colour-brand:#fff;--btn-bg:#fff;--btn-text:var(--colour-primary);--btn-hover-text:var(--colour-heading);--btn-tertiary-bg:#fff;--btn-tertiary-hover-text:var(--colour-primary)}.nav__menu--secondary .nav__section-link{pointer-events:all}.nav__menu--secondary>.container{padding-bottom:0}.nav__menu--secondary>.container>.list-unstyled{margin-left:-1rem!important;margin-right:-1rem!important;width:calc(100% + 2rem);margin-bottom:0}.nav__menu--secondary>.container>.list-unstyled>li{display:inline-block;padding-left:1rem;padding-right:1rem;border:none!important;padding-block:0;position:relative}.nav__menu--secondary>.container>.list-unstyled>li .nav__section-link,.nav__menu--secondary>.container>.list-unstyled>li a{display:block;line-height:2.25rem;padding-block:.5rem;cursor:pointer}.nav__menu--secondary>.container>.list-unstyled>li ul{display:none}}@media screen and (min-width:62em){.nav__menu--secondary>.container>.list-unstyled>li:focus-within>.nav__section-link,.nav__menu--secondary>.container>.list-unstyled>li:focus>.nav__section-link,.nav__menu--secondary>.container>.list-unstyled>li:hover>.nav__section-link{color:var(--colour-selected)}.nav__menu--secondary>.container>.list-unstyled>li:focus ul,.nav__menu--secondary>.container>.list-unstyled>li:focus-within ul,.nav__menu--secondary>.container>.list-unstyled>li:hover ul{display:block;background:#fff;position:absolute;top:100%;left:0;padding-top:1rem;box-shadow:0 4px 20px -10px rgba(51,51,51,.25);--colour-body:var(--colour-body-theme);--colour-heading:var(--colour-primary);--colour-link:var(--colour-link-theme);--colour-hover:var(--colour-hover-theme);--colour-active:var(--colour-active-theme);--colour-border:var(--colour-border-theme);--colour-brand:var(--colour-primary);--btn-bg:var(--colour-warning);--btn-text:var(--colour-primary);--btn-hover-text:var(--colour-primary);--btn-tertiary-bg:var(--colour-primary);--btn-tertiary-hover-text:#fff}.nav__menu--secondary>.container>.list-unstyled>li:focus ul .text-primary,.nav__menu--secondary>.container>.list-unstyled>li:focus-within ul .text-primary,.nav__menu--secondary>.container>.list-unstyled>li:hover ul .text-primary{color:var(--colour-primary)!important}.nav__menu--secondary>.container>.list-unstyled>li:focus ul li,.nav__menu--secondary>.container>.list-unstyled>li:focus-within ul li,.nav__menu--secondary>.container>.list-unstyled>li:hover ul li{padding-inline:1.5rem}.nav__menu--secondary>.container>.list-unstyled>li:focus ul li:last-child,.nav__menu--secondary>.container>.list-unstyled>li:focus-within ul li:last-child,.nav__menu--secondary>.container>.list-unstyled>li:hover ul li:last-child{padding-bottom:1rem}.nav__menu--secondary>.container>.list-unstyled>li:focus ul li.nav__download,.nav__menu--secondary>.container>.list-unstyled>li:focus-within ul li.nav__download,.nav__menu--secondary>.container>.list-unstyled>li:hover ul li.nav__download{background:var(--colour-admin);padding-top:1rem}.nav__menu--secondary>.container>.list-unstyled>li:focus ul li.nav__download+li.nav__download,.nav__menu--secondary>.container>.list-unstyled>li:focus-within ul li.nav__download+li.nav__download,.nav__menu--secondary>.container>.list-unstyled>li:hover ul li.nav__download+li.nav__download{padding-top:0}.nav__menu--secondary>.container>.list-unstyled>li:focus ul a,.nav__menu--secondary>.container>.list-unstyled>li:focus-within ul a,.nav__menu--secondary>.container>.list-unstyled>li:hover ul a{white-space:nowrap;padding:0;line-height:3rem}.nav__menu--secondary>.container>.list-unstyled>li:focus ul a .icon,.nav__menu--secondary>.container>.list-unstyled>li:focus-within ul a .icon,.nav__menu--secondary>.container>.list-unstyled>li:hover ul a .icon{display:inline-block;font-size:1.5em;padding:0;margin:-.15em .25em 0 0}.nav__menu--account>.container:first-child,.nav__menu--secondary>.container>.logout-button{display:none}.nav__menu--account>.container:not(:first-child){display:flex;flex-wrap:wrap;gap:2rem;align-items:start}.nav__menu--account>.container:not(:first-child):before{display:none}.nav__menu--account>.container:not(:first-child) .credits,.nav__menu--account>.container:not(:first-child) .nav__featured-link,.nav__menu--account>.container:not(:first-child)>.row{flex-basis:22%;flex-grow:1;margin:0}.nav__menu--account>.container:not(:first-child) .nav__featured-link>.row>.col:first-child,.nav__menu--account>.container:not(:first-child)>.row>.col:first-child{max-width:100%!important;width:100%;flex-shrink:0;min-width:100%;margin-bottom:1rem}.nav__menu--account>.container:not(:first-child) .logout-button{min-width:100%}.nav .list-unstyled>li details.nav__mega-menu{position:static;height:4.5rem;margin-bottom:-5rem}}.nav .list-unstyled>li details.nav__mega-menu .inner{z-index:5}.nav .list-unstyled>li details.nav__mega-menu .inner [class*=bg-]{--bs-bg-opacity:0}@media screen and (min-width:62em){.nav .list-unstyled>li details.nav__mega-menu .inner [class*=bg-]{--bs-bg-opacity:1}.nav .list-unstyled>li details.nav__mega-menu .inner{--bs-bg-opacity:1;position:absolute;top:100%;left:50%;width:100vw!important;max-width:100vw!important;transform:translateX(-50%);background:rgba(0,0,0,.6);height:calc(100vh - 8rem);pointer-events:none;padding-top:0}.nav .list-unstyled>li details.nav__mega-menu .inner .container{padding:0 1.5rem 1rem 1.5rem!important;max-width:90rem!important;text-align:left;pointer-events:all;display:flex}.nav .list-unstyled>li details.nav__mega-menu .inner .container>div{padding:2.25rem}}.nav--inline-search .nav__menu form{position:relative}.nav--inline-search .nav__menu form .form-control__wrapper .form-control{padding-right:3rem}.nav--inline-search .nav__menu form button{position:absolute;bottom:0;right:0;margin:0;z-index:var(--index-focus);border-color:transparent;background:transparent;padding:.85rem 0}.nav--inline-search .nav__menu form button .icon{stroke:currentColor}@media screen and (min-width:62em){.nav--inline-search .nav__menu>.list-unstyled{text-align:left;margin-right:0!important}.nav--inline-search .nav__menu form{min-width:21.875rem;position:relative}.nav--inline-search .nav__menu form .form-control__wrapper{margin-bottom:0;display:flex;align-items:center}.nav--inline-search .nav__menu form .form-control__wrapper label{white-space:nowrap;padding-right:1rem}.nav--inline-search .nav__menu form .form-control__wrapper .form-control{padding:.4375rem 3rem .4375rem 1rem}.nav--inline-search .nav__menu form button{padding:.5rem 0}.nav--admin .nav__logo{height:3rem}.nav--admin .nav__logo .brand{font-size:3rem}}.drawer__btn{position:sticky;bottom:1.5rem;left:0;width:100%;z-index:var(--index-floating);margin-bottom:-6rem}.drawer__btn .btn{margin-bottom:0}.drawer{margin-top:1rem;padding-top:2rem;position:relative;z-index:var(--index-menu);background:#fff;background:linear-gradient(180deg,transparent,#fff 1.5rem,#fff)}.drawer>.container:first-child{display:none;margin-bottom:-2rem;position:relative;z-index:var(--index-focus)}#showDrawer:checked~.drawer{position:sticky;bottom:0;left:0;width:100%;background:#fff;box-shadow:0 -1px 20px -10px rgba(51,51,51,.25)}#showDrawer:checked~.drawer>.container:first-child{display:block}.modal{display:none}.modal:target{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.25);z-index:var(--index-overlay);border:none;-ms-scroll-chaining:none;overscroll-behavior:contain}.modal:target>a:first-child{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 512 512'%3E%3Cg transform='rotate(45 256 256)'%3E%3Crect id='a' x='16' y='216' width='480' height='80' rx='14'/%3E%3Cuse href='%23a' transform='rotate(90 256 256)'/%3E%3C/g%3E%3C/svg%3E") 8 8,pointer}.modal:target>button{display:none}@media screen and (min-width:62em){.modal:target>button{display:block;position:absolute;z-index:var(--index-focus);top:50%;transform:translateY(-50%);overflow:hidden;text-indent:300%;width:2rem;height:2rem}.modal:target>button.btn:not(:hover):not(:focus){background-color:#fff}.modal:target>button.modal__dock--left{right:calc(50% + 26.625rem)}.modal:target>button.modal__dock--left:after{transform:rotate(-180deg)}.modal:target>button.modal__dock--right{left:calc(50% + 26.625rem)}}.modal:target.modal--left button.modal__dock--left{display:none}.modal:target.modal--left button.modal__dock--right{left:42rem}.modal:target.modal--right button.modal__dock--right{display:none}.modal:target.modal--right button.modal__dock--left{right:42rem}.modal__outer{position:absolute;top:50%;left:50%;width:90%;max-width:51.25rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-height:90%;overflow:visible;transform:translate(-50%,-50%)}.modal__outer>.btn:first-child{position:absolute;top:0;right:0;margin-top:-.75rem;margin-right:-.75rem;z-index:var(--index-focus)}.modal__outer>.btn:first-child:not(:hover):not(:focus):not(:active){background:#fff}@media screen and (min-width:62em){.modal--left .modal__outer{left:1rem;transform:translateY(-50%);max-width:40rem}.modal--right .modal__outer{left:auto;right:1rem;transform:translateY(-50%);max-width:40rem}}.modal__inner{background:#fff;-ms-scroll-chaining:none;overscroll-behavior:contain;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-height:90vh;overflow:auto}.modal__inner>:first-child{padding:1rem}@media screen and (min-width:36em){.modal__inner>:first-child{padding:2rem}}.stepper{background:#f0f0f0;display:flex;flex-wrap:wrap;margin-bottom:2rem;border:1px solid var(--bs-body-bg);overflow:hidden}@media screen and (min-width:62em){.stepper{flex-wrap:nowrap;overflow-x:auto}}.stepper ol{margin:0;z-index:1;background:var(--bs-body-bg);counter-reset:section;width:100%;overflow:auto}@media screen and (min-width:36em){.stepper ol{display:flex;flex-grow:1;padding-right:calc(2rem + 1px);margin-top:-1px;margin-bottom:-1px;margin-right:calc(-2rem - 2px);-webkit-clip-path:polygon(0 0,calc(100% - 2rem) 0,100% 50%,calc(100% - 2rem) 100%,0 100%);clip-path:polygon(0 0,calc(100% - 2rem) 0,100% 50%,calc(100% - 2rem) 100%,0 100%)}}@media screen and (min-width:62em){.stepper ol{overflow:initial}}.stepper ol li{width:100%;max-width:100%;background:var(--bs-body-bg);padding:1px}@media screen and (min-width:36em){.stepper ol li:first-child a{padding-left:1rem;-webkit-clip-path:polygon(0 0,calc(100% - 2rem) 0,100% 50%,calc(100% - 2rem) 100%,0 100%);clip-path:polygon(0 0,calc(100% - 2rem) 0,100% 50%,calc(100% - 2rem) 100%,0 100%)}}@media screen and (min-width:62em){.stepper ol li:first-child a{padding-left:2rem}}.stepper ol li a{display:block;padding:1rem;text-decoration:none;background:var(--colour-muted);line-height:1;position:relative;color:var(--colour-primary)}@media screen and (min-width:36em){.stepper ol li a{margin-right:-2rem;padding:2rem 3rem 2rem 3rem;-webkit-clip-path:polygon(0 0,calc(100% - 2rem) 0,100% 50%,calc(100% - 2rem) 100%,0 100%,2rem 50%);clip-path:polygon(0 0,calc(100% - 2rem) 0,100% 50%,calc(100% - 2rem) 100%,0 100%,2rem 50%);display:flex;height:100%;vertical-align:baseline;justify-content:center;align-items:center}}.stepper ol li a span{position:relative;display:inline;padding-left:2.25rem}.stepper ol li a span:before{counter-increment:section;content:counter(section);display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);margin-right:.5rem;font-size:.75em;border-radius:50%;border:2px solid currentColor;height:1.5rem;line-height:1.3rem;width:1.5rem;font-family:var(--font-heading);text-align:center}.stepper ol li a.bg-danger span:before,.stepper ol li a.bg-warning span:before{content:"!"}.stepper ol li a.bg-success span:before{content:"✓";text-indent:-.1em}.stepper ol li a.current{background:var(--colour-primary);color:#fff;pointer-events:none}.stepper ol li a:not([href]){pointer-events:none}.stepper ol li a[href]:hover{opacity:.6}.stepper ol li a[href]:active{opacity:.8}.stepper>span{width:100%;display:flex;padding:1rem;flex-shrink:0;margin:0;position:relative;z-index:0;align-items:center}.stepper>span.stepper__end{display:none}@media screen and (min-width:62em){.stepper>span{width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:2rem 2rem}.stepper>span.stepper__end{padding-left:3.5rem;display:flex}}.tabs__container{position:relative}.tabs__container .tab__input{position:absolute;top:0;left:0;opacity:0}.tabs__container>.tabs__links{margin-bottom:1.5rem;overflow:hidden}.tabs__container>.tabs__links .link:not(.text-decoration-none):not(.btn){--is-current:0;font-weight:700;font-family:var(--font-heading);font-size:1.125rem;cursor:pointer;margin:0 0 .5rem 0;float:left;clear:both}@media screen and (min-width:36em){.tabs__container>.tabs__links .link:not(.text-decoration-none):not(.btn){clear:none;margin-bottom:0;margin-right:2rem}}.tabs__container>.tabs__links .link:not(.text-decoration-none):not(.btn):before{width:0;width:calc(var(--is-current)*100%)}.tabs__container>.tabs__links .link:not(.text-decoration-none):not(.btn):focus:before,.tabs__container>.tabs__links .link:not(.text-decoration-none):not(.btn):hover:before{width:100%}.tabs__container .tab{display:none}.tabs__container input:focus-visible~.tabs__links{outline:1px outset blue}.tabs__container input:checked:first-child~.tabs__links .link:not(.text-decoration-none):not(.btn):first-child{--is-current:1;--panel-tab-colour:#fff;--panel-tab-border:var(--colour-secondary)}.tabs__container input:checked:first-child~.tabs>.tab:first-child{display:block;display:contents}.tabs__container input:checked:nth-child(2)~.tabs__links .link:not(.text-decoration-none):not(.btn):nth-child(2){--is-current:1;--panel-tab-colour:#fff;--panel-tab-border:var(--colour-secondary)}.tabs__container input:checked:nth-child(2)~.tabs>.tab:nth-child(2){display:block;display:contents}.tabs__container input:checked:nth-child(3)~.tabs__links .link:not(.text-decoration-none):not(.btn):nth-child(3){--is-current:1;--panel-tab-colour:#fff;--panel-tab-border:var(--colour-secondary)}.tabs__container input:checked:nth-child(3)~.tabs>.tab:nth-child(3){display:block;display:contents}.tabs__container input:checked:nth-child(4)~.tabs__links .link:not(.text-decoration-none):not(.btn):nth-child(4){--is-current:1;--panel-tab-colour:#fff;--panel-tab-border:var(--colour-secondary)}.tabs__container input:checked:nth-child(4)~.tabs>.tab:nth-child(4){display:block;display:contents}.tabs__container input:checked:nth-child(5)~.tabs__links .link:not(.text-decoration-none):not(.btn):nth-child(5){--is-current:1;--panel-tab-colour:#fff;--panel-tab-border:var(--colour-secondary)}.tabs__container input:checked:nth-child(5)~.tabs>.tab:nth-child(5){display:block;display:contents}.tabs__container input:checked:nth-child(6)~.tabs__links .link:not(.text-decoration-none):not(.btn):nth-child(6){--is-current:1;--panel-tab-colour:#fff;--panel-tab-border:var(--colour-secondary)}.tabs__container input:checked:nth-child(6)~.tabs>.tab:nth-child(6){display:block;display:contents}.tabs__container input:checked:nth-child(7)~.tabs__links .link:not(.text-decoration-none):not(.btn):nth-child(7){--is-current:1;--panel-tab-colour:#fff;--panel-tab-border:var(--colour-secondary)}.tabs__container input:checked:nth-child(7)~.tabs>.tab:nth-child(7){display:block;display:contents}.tabs__container input:checked:nth-child(8)~.tabs__links .link:not(.text-decoration-none):not(.btn):nth-child(8){--is-current:1;--panel-tab-colour:#fff;--panel-tab-border:var(--colour-secondary)}.tabs__container input:checked:nth-child(8)~.tabs>.tab:nth-child(8){display:block;display:contents}.tabs__container input:checked:nth-child(9)~.tabs__links .link:not(.text-decoration-none):not(.btn):nth-child(9){--is-current:1;--panel-tab-colour:#fff;--panel-tab-border:var(--colour-secondary)}.tabs__container input:checked:nth-child(9)~.tabs>.tab:nth-child(9){display:block;display:contents}.tabs__container input:checked:nth-child(10)~.tabs__links .link:not(.text-decoration-none):not(.btn):nth-child(10){--is-current:1;--panel-tab-colour:#fff;--panel-tab-border:var(--colour-secondary)}.tabs__container input:checked:nth-child(10)~.tabs>.tab:nth-child(10){display:block;display:contents}.admin-panel>.tabs__container:first-child,.admin-panel>.tabs__container:first-child>.tabs{display:contents}.admin-panel>.tabs__container:first-child>.tabs__links{padding-bottom:0}.admin-panel>.tabs__container:first-child>.tabs__links .link:not(.text-decoration-none):not(.btn){margin-bottom:0}.alert__inner{position:relative;padding:1.5rem;margin-bottom:2rem;border-radius:.375rem}.alert__inner:not(.bg-primary):not(.bg-dark):not(.bg-danger){--colour-body:#000;color:#000}.alert__inner>:last-child{margin-bottom:0}.alert__inner>*{max-width:100%}.alert--fixed{position:fixed;padding-top:2rem;z-index:var(--index-floating);left:50%;transform:translate(-50%);bottom:0}.alert--dismissible .alert__inner{padding-right:4rem;overflow:hidden}.alert--dismissible .alert__inner .btn-close{position:absolute;top:1.5rem;right:1.5rem;height:1rem;width:1rem;padding:0;border:none;z-index:var(--index-focus);background:currentColor;-webkit-mask-image:var(--icon-close);mask-image:var(--icon-close);-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:50% 50%;mask-position:50% 50%}.alert__holder{position:fixed;z-index:var(--index-floating);bottom:0;left:0;width:100%;max-height:100vh;overflow:auto;background:linear-gradient(transparent,rgba(0,0,0,.4))}.alert__holder>:first-child{margin-top:2rem}.alert__holder .alert--fixed{position:static;transform:none;padding-top:0}[data-timeout] .alert__inner:after{content:"";position:absolute;bottom:0;left:0;width:0;height:.25rem;background:#000;-webkit-animation:progress var(--animation-length) linear;animation:progress var(--animation-length) linear}@-webkit-keyframes progress{0%{width:0}to{width:100%}}@keyframes progress{0%{width:0}to{width:100%}}
-/*# sourceMappingURL=components.css.map*/

package/dist/components.css.map

@@ -1 +0,0 @@
-{"version":3,"file":"components.css","mappings":"AAGA,WACE,0BAA2B,CAC3B,8BAA+B,CAC/B,0BAA2B,CAC3B,+BACA,6BCFE,mCDHJ,WASI,8BAA+B,CAC/B,0BAA2B,CAC3B,2BACA,8BAIJ,kBAEE,qHACA,4BACA,gBACA,4BEgZoB,CF/YpB,qBGTI,qJHUJ,CAEA,mCAAoC,CACpC,eACA,kBGVI,sCHDN,kBGEQ,iBHWN,yBACE,sBACA,iBACA,kBACA,mBAIF,iDAGE,WACA,kBACA,8BACA,8BACA,2CACA,iCACA,kCAGF,yBACE,iBACA,mBACA,gBACA,4BACA,mBAIF,wBACE,wBACA,6BACA,cACA,sBACA,sBAEA,qCACA,sBACA,8BACA,8BGvDE,oCHyDF,CACA,wBGtDE,sCHyCJ,wBGxCM,iBHwDN,gDAGE,iCAAkC,CAClC,0BAOF,gDAHE,0BIkoB4B,CJ/nB9B,wBAEE,oBI+uBoC,CJ9uBpC,UACA,4CI2nB4B,CJxnB9B,iCACE,4BACA,4BE+UyB,CF7UzB,uCAEE,yBAQJ,sCAEE,6CACA,mBAEA,6CACE,0BAIJ,4CACE,WAGF,oCAEE,iBAOJ,kBACE,gBAGF,gBACE,4BE2Sa,CF1Sb,6CACA,mBAEA,8BACE,0CAGF,gCACE,iBAIJ,gBACE,gBACA,kCAKA,sHAEE,yBAGF,6CACE,0BAQF,kCAEE,iBAGF,iCAEE,oBAGF,wCACE,+CAEA,6FAEE,WACA,YACA,WACA,YAEF,+CACE,qCK5LN,MAEE,uBACA,wBACA,6BACA,sBACA,oDACA,8BACA,oBACA,gDACA,4BACA,6BACA,0BACA,mBACA,gBACA,eACA,eACA,gCACA,4BAGA,kBACA,aACA,sBACA,YACA,0BACA,qBACA,gCACA,2BACA,+DCdE,wCDkBF,SACE,eACA,cAGF,kBACE,mBACA,sBAEA,8BACE,mBCnBF,uDACA,wDDsBA,6BACE,sBCVF,2DACA,0DDgBF,8DAEE,aAIJ,WAGE,cACA,kDACA,wBAGF,YACE,yCAGF,eACE,+CACA,CAGF,qCAHE,eAIA,CAQA,sBACE,iCAQJ,aACE,4DACA,gBACA,4BACA,oCACA,sEAEA,yBCxFE,kFD6FJ,aACE,4DACA,4BACA,oCACA,mEAEA,wBCnGE,kFD6GJ,kBACE,iDACA,iDACA,gDACA,gBAEA,mCACE,gCACA,mCAIJ,mBACE,iDACA,gDAIF,kBACE,kBACA,MACA,QACA,SACA,OACA,wCCrIE,8CDyIJ,yCAGE,WAGF,wBCtII,uDACA,wDD0IJ,2BC7HI,2DACA,0DDyIF,kBACE,uCJ/KA,mCI2KJ,YAQI,aACA,mBAGA,kBAEE,YACA,gBAEA,wBACE,cACA,cAKA,mCCtKJ,0BACA,6BDwKM,iGAGE,0BAEF,oGAGE,6BAIJ,oCCvKJ,yBACA,4BDyKM,mGAGE,yBAEF,sGAGE,6BE7NZ,OAEE,eAEA,cACE,aAIJ,yBNyHE,sCAAuC,CACvC,sCAAuC,CACvC,sCAAuC,CACvC,wCAAyC,CACzC,0CAA2C,CAE3C,0CAA2C,CAC3C,oCAAqC,CAErC,8BAA+B,CAC/B,gCAAiC,CACjC,sCAAuC,CACvC,uCAAwC,CACxC,8BAAgC,CAEhC,uCACE,sCMrIJ,MAEE,iBACA,oDACA,gBACA,gBACA,qBAEA,wBAEE,kBAEA,wEACE,oCAIJ,aACE,mBAIJ,sBACE,iBACA,gBACA,kBACA,gBACA,0BAEA,wBAEE,kBACA,MACA,OACA,WACA,YAGF,kCACE,kBACA,MACA,OACA,WACA,YACA,qCAGF,mCACE,aACA,iBACA,sBACA,uBACA,8BAGF,iCACE,kBACA,MACA,QACA,UACA,cACA,WACA,yCACA,+CAIJ,WAEE,yBAEA,uBACE,gBAIJ,aACE,cAIF,4BAEE,mBAKF,cAEE,gBACA,aACA,gBAEA,oCD9FE,sBCiGA,mBAGF,yBACE,cAEF,oDAEE,eACA,gBAQF,8FAGE,aAGF,yBACE,gBACA,iBACA,kBAEA,+DAGE,WACA,kBACA,OACA,MACA,YACA,aAEF,gCAEE,WACA,wBACA,6BACA,cACA,sBACA,sBAEA,qCACA,sBACA,8BACA,8BAGF,+BACE,8BACA,kBCxKN,kDAEE,oBAEA,mEACE,kBAGF,8DACE,oBAqBJ,0DAdE,gDACE,kBACA,MACA,OACA,YACA,YACA,UAEF,wHAEE,mCPvBA,mCOaF,0EACE,kBACA,MACA,OACA,YACA,YACA,UAEF,4KAEE,mCA2BF,wHACE,aAGF,4FACE,oBAGF,kCACE,aP3DA,mCOgEA,0BACE,aACA,2CACA,kCACA,0CACA,iGACE,CAGF,YAAY,CAEd,2CACE,mBAEF,iDACE,aAGF,4CACE,gBAGF,4CACE,gBAGF,4CACE,gBAGF,+BACE,WACA,YAAY,CAAZ,CCnGN,UACE,oBAEA,6BAEE,kBAGF,2BAEE,mBACA,cACA,8DACA,0CACA,yCAEA,gCACE,iBACA,SAEA,qCACE,oBACA,sBACA,wBACA,2CAKN,sCACE,gBACA,iBAMJ,iCAEE,qBAEA,wBAGF,oDAEE,aAKF,8BACE,sBAGF,4CACE,aAGF,8BACE,kBACA,kBACA,WACA,OACA,wBACA,kBACA,mBACA,aAEA,gCACE,WACA,YACA,gBACA,kBACA,mBACA,gBACA,wBACA,UACA,2BAmBJ,0LACE,aAGF,2CAEE,oBACA,qBAGF,kCACE,kBACA,QACA,cACA,2BAEA,2CACE,UACA,eRhHA,mCQwGJ,kCAaI,kBACA,oBAOJ,iDACE,wBR9HE,mCQmIF,gDAEE,qBAGF,0DACE,wBAGF,0TAKE,wBAEA,waACE,iBAIJ,+TAKE,aAIF,4rBAKE,aAIF,+CACE,aAGF,wCAEE,cACA,gBRjLA,mCQuLF,0DACE,wBACA,cAGF,0TAKE,wBAEA,waAEE,iBAIJ,+TAKE,aAIF,4rBAKE,aAIF,+CACE,aAGF,wCAEE,cACA,gBCtOJ,eACE,qFACA,mBACA,kBACA,mDAJF,eAMI,sBAGF,0BACE,iBACA,kBAGF,sBTwHA,sCAAuC,CACvC,sCAAuC,CACvC,sCAAuC,CACvC,wCAAyC,CACzC,0CAA2C,CAE3C,0CAA2C,CAC3C,oCAAqC,CAErC,8BAA+B,CAC/B,gCAAiC,CACjC,sCAAuC,CACvC,uCAAwC,CACxC,8BAAgC,CSjI9B,yBACA,gBACA,aACA,kBACA,kBACA,2BT8HF,oCACE,sCAlJA,mCSUF,sBAYI,kBACA,qBACA,qBAEF,kCACE,iBACA,gBAIJ,2BACE,aTjCA,mCSgCF,2BAGI,cACA,kBACA,SACA,SACA,YACA,qCACA,UACA,qBAIJ,sCAEE,kBACA,qBTjDA,mCS8CF,sCAMI,kBACA,MACA,cC1DN,aAEE,0BAA2B,CAC3B,0BAA2B,CVCzB,mCUJJ,aAMI,0BAA2B,CAC3B,0BAA2B,CAA3B,CAIF,6BAEE,kBACA,gBAGF,qBACE,mBACA,kBACA,WACA,YACA,gBACA,iBAGF,qBACE,cACA,8DACA,aACA,qFACA,mBACA,iBV5BA,mCUsBF,qBAUI,iBVhCF,mCUsBF,qBAcI,gBACA,8DACA,sBACA,oBAGF,yBAEE,wBACA,qFACA,oBACA,cAIJ,oCACE,aAGF,uDACE,cACA,kBACA,SACA,SACA,8BV5DA,mCUuDF,uDAQI,UACA,YACA,QACA,QACA,0CACA,yBAKJ,gBACE,qEV1EA,mCUyEF,gBAII,kBV7EF,mCUyEF,gBAOI,kBAIJ,sBAEE,mBAAoB,CACpB,0FACA,kBVxFA,mCUoFF,sBAOI,oBAAqB,CAErB,+CACE,kBACA,OAQJ,qkBACE,4BACA,UACA,qFACA,oBAIJ,oBAEE,8FAKJ,wCACE,aAIF,qBACE,wBACA,qBC9HA,6BACE,qDADF,6BAII,kBACA,qBAEA,mCACE,WACA,kBACA,MACA,YACA,cACA,YACA,UACA,qCACA,aAKN,2CACE,mBXrBA,mCWoBF,2CAII,iBAIJ,0DAEE,kBACA,yBX/BA,mCWqCE,0CACE,aAIJ,mEAEE,iCAGF,iCACE,wCAIJ,sCACE,qBAGF,mCACE,kBACA,SACA,YACA,WX5DA,mCWwDF,mCAOI,cAGF,yCACE,aAGF,0CACE,6BACA,yBXxEF,mCW6EA,6CACE,sBAIJ,2BACE,gBACA,mBXpFA,mCWkFF,2BAKI,SACA,oBACA,sBAON,8CXkCE,sCAAuC,CACvC,sCAAuC,CACvC,sCAAuC,CACvC,wCAAyC,CACzC,0CAA2C,CAE3C,0CAA2C,CAC3C,oCAAqC,CAErC,8BAA+B,CAC/B,gCAAiC,CACjC,sCAAuC,CACvC,uCAAwC,CACxC,8BAAgC,CW3ChC,aACA,sBACA,WACA,sBAEA,uCACA,kBXuCA,4DACE,sCAlJA,mCWgGJ,8CAcI,mBACA,sBAEA,8GAEE,gBAGF,uHAEE,mBACA,YACA,mBACA,sBAGF,2DACE,mCACA,mBAGF,uEACE,oBCvIN,sBAEE,iCACA,WZwJA,kBAAoB,CACpB,qBAAuB,CACvB,kBAAoB,CACpB,mBAAqB,CACrB,oBAAsB,CACtB,mBAAqB,CAErB,aAAe,CACf,gCAAiC,CACjC,sCAAuC,CACvC,sBAAwB,CACxB,+CAAgD,CY7JhD,aACA,sBACA,iBACA,iBZTE,mCYHJ,sBAeI,YAGF,iCAEE,iBACA,oBACA,cACA,iBAMJ,KAGE,gBAEA,gCAGE,aACA,sBACA,iBAEA,sDAEE,iBACA,iBACA,cACA,iBACA,cAIJ,WACE,oBACA,oBAGF,YACE,kBZtDA,mCYqDF,YAII,mBAKN,eACE,eACA,WZhEE,mCY8DJ,eAKI,eACA,YAIJ,gCAGE,aAEA,4CACE,gBACA,aACA,kBACA,gBACA,kBACA,eAEA,yBAEA,gHAGE,0BAGF,0DAEE,2BAGF,kHAEE,WACA,kBACA,QACA,WACA,oBACA,OACA,wBACA,yBACA,mCAOJ,uBACE,cACA,iBAEF,uBACE,YACA,WACA,kBACA,sBACA,uBACA,cAEA,gCAEE,iBACA,oBAKN,eACE,aAEA,qBAEE,kCACA,qCAEA,uDAEE,WAOJ,wBACE,mBACA,cACA,iBACA,4BACA,YACA,iBACA,cACA,0CACA,6CAEF,wBACE,eACA,cACA,kBACA,mBACA,uBACA,cAEA,iCAEE,iBACA,oBAKN,cACE,gBAEA,mBACE,mBACA,iBACA,qBACA,kBACA,qBAEA,2BACE,6CACA,qBACA,qBZhMF,mCY2MF,mBACE,aAGF,mDACE,QACA,kBACA,SACA,OACA,WAEA,0BACA,0BACA,eAOJ,UACE,iBAEA,aACE,aACA,8BAIA,kCACE,WACA,WACA,UACA,qBACA,mCACA,mBACA,oBACA,kBAKN,SACE,uCACA,aACA,mBACA,sBAEA,yBAEE,oBAIF,qBACE,0BAQF,6BACE,6BAkBJ,sBACE,YAEA,gBAEA,yCACE,oBACA,gBACA,yBACA,mBAGF,uCAOE,sBALA,wDAEE,6CAKF,yCACE,qBACA,mBACA,oBACA,qBACA,gBAGF,0CACE,UAEA,4CACE,gBAEA,kDACE,aAuCV,KAEE,gBACA,MACA,OACA,WACA,0BAEA,cAGE,+CAIJ,sBACE,iBAOF,2CAIE,aAGF,gCAEE,kBACA,MACA,UACA,gBACA,UACA,WACA,qDZ9YE,mCYsYJ,gCAYI,kBAIJ,oBACE,UACA,aAGF,uEAGE,aACA,iBACA,gBACA,OZjaE,mCY2ZJ,uEAUI,8BZraA,mCY2aF,iCAEE,aAGF,yCAEE,OACA,WACA,YACA,cACA,SACA,gDACA,mDAGA,wCAIJ,gLAIE,cAKF,0FAGE,SAEA,sGACE,UAEF,wGACE,WACA,wBAEF,sGAEE,WACA,yBZvdA,mCY6dF,2BACI,YACA,kBACA,MACA,OACA,YACA,aACA,0BACA,WZreF,mCYsfF,+BAEE,aAIF,WACE,YAGF,0CAEE,iBACA,gBACA,WAGF,gBACE,aACA,iBAGF,gCAEE,aAKA,4BACE,oBAKJ,2BAEE,QACA,iBAEA,qCACE,gBAGJ,WACE,cAEF,0BACE,8BACA,+BACA,wBACA,gBAEA,cACA,oBACA,qBAEA,6BACE,qBACA,kBACA,mBAEA,8CAEE,4CAEF,+BACE,oBAEF,uCACE,iBACA,eACA,gDAKN,kBACE,6GAEA,wBAEE,sBACA,kBACA,kBACA,qBAEA,8BACE,WACA,kBACA,sBACA,QACA,YACA,aACA,wBACA,6BACA,cACA,sBACA,sBACA,qCACA,sBACA,8BACA,8BACA,qCACA,wCAKN,qDACE,mBACA,cAYF,sBACE,uCZ1dF,kBAAoB,CACpB,qBAAuB,CACvB,kBAAoB,CACpB,mBAAqB,CACrB,oBAAsB,CACtB,mBAAqB,CAErB,aAAe,CACf,gCAAiC,CACjC,sCAAuC,CACvC,sBAAwB,CACxB,+CAAgD,CYkd9C,yCACE,mBAIJ,iCACE,iBAGF,gDACE,4BACA,6BACA,wBACA,gBAEA,mDACE,qBACA,kBACA,mBACA,sBACA,gBACA,kBAEA,2HAEE,cACA,oBACA,oBACA,eAGF,sDACE,aAxKF,CZ7eF,mCY4pBI,2OAEE,6BAGF,2LACE,cACA,gBACA,kBACA,SACA,OACA,iBAGA,+CZxiBR,sCAAuC,CACvC,sCAAuC,CACvC,sCAAuC,CACvC,wCAAyC,CACzC,0CAA2C,CAE3C,0CAA2C,CAC3C,oCAAqC,CAErC,8BAA+B,CAC/B,gCAAiC,CACjC,sCAAuC,CACvC,uCAAwC,CACxC,8BAAgC,CAEhC,qOACE,sCY4hBM,oMAEE,sBAGF,qOAEE,oBAGF,8OACE,+BACA,iBAEA,iSACE,cAIJ,iMACE,mBACA,UACA,iBAEA,mNACE,qBACA,gBACA,UACA,wBAsBV,2FAEE,aAGF,iDAME,aACA,eACA,SAEF,kBARE,wDACE,aASF,qLAIE,eACA,YACA,SAIF,kKAEE,yBACA,WACA,cACA,eACA,mBAGF,gEACE,eASR,8CAII,gBAEA,cACA,oBAlEA,CAqEF,qDAEE,UAEA,kEAEE,iBAAkB,CZ9xBpB,mCY4xBA,kEAII,iBAAkB,CARxB,qDAeI,iBAAkB,CAClB,kBACA,SACA,SACA,sBACA,0BAGA,2BAEA,0BACA,0BAEA,oBACA,cAEA,gEACE,uCACA,0BACA,gBACA,mBACA,aAEA,oEACE,gBA/BF,CA0CN,oCACE,kBACA,yEACE,mBAGF,2CACE,kBACA,SACA,QACA,SACA,2BACA,yBACA,uBACA,iBAEA,iDACE,oBZ31BJ,mCYi2BA,8CACE,gBACA,yBAGF,oCACE,oBACA,kBAEA,2DACE,gBACA,aACA,mBAEA,iEACE,mBACA,mBAGF,yEACE,oCAIJ,2CACE,gBAUJ,uBACE,YAEA,8BACE,eAdA,CC93BR,aAEE,gBACA,cACA,OACA,WACA,8BACA,oBAEA,kBACE,gBAIJ,QASE,gBACA,iBACA,kBACA,0BACA,gBACA,gEAZA,+BACE,aACA,oBACA,kBACA,2BAWJ,4BAEE,gBACA,SACA,OACA,WACA,gBAEA,gDAEA,mDACE,cCzCJ,OACE,aAGF,cACE,cACA,eACA,MACA,OACA,WACA,YACA,2BACA,6BACA,YACA,qDAEA,4BAEE,kBACA,MACA,OACA,WACA,YACA,UACA,kUAkBI,sBAGF,gDACE,qBAEA,gCACE,0BAGJ,mDACE,4BAMN,8DAIA,6DACE,2BAGF,8CAIA,kEACE,0BAOF,qDAKA,2EAEA,sDAGA,iEAIE,WACA,eACA,yBAEA,iEACE,wBd/FF,kCcmGA,gDAEE,gCAIF,uBACE,QACA,mBACA,qBACA,2BAKN,qEAEE,eACA,+DACA,SACA,2BAEA,gBAEE,6Bd3HA,oBcyHF,2BAKI,6TCpIN,SCEA,kBACE,aACA,eACA,mBACA,mCACA,gBACA,oChBFE,SgBJJ,gBAUI,gBACA,cAGF,QACE,UACA,6BACA,sBACA,WACA,cACA,oChBhBA,YgBUF,YAUI,YACA,+BACA,gBACA,mBACA,+BACA,0FACA,CADA,iFACA,qChB1BF,YgBUF,gBAoBI,iBAGF,UACE,eACA,6BACA,YACA,oChBrCF,6BgBwCI,iBACE,0FACA,CADA,iFACA,qChB1CN,6BgB+CI,iBACE,mBAIJ,aACE,aACA,qBACA,CACA,8BACA,cACA,kBACA,4BACA,oChB5DJ,iBgBoDE,kBAYI,4BACA,mGACA,CADA,0FACA,aACA,YACA,wBACA,uBACA,mBACA,wBAGF,iBACE,eACA,qBACA,8BAEA,yBACE,yBACA,cACA,kBACA,QACA,OACA,2BACA,mBACA,gBACA,kBACA,8BACA,cACA,mBACA,aACA,gCACA,kBACA,gFAIJ,WAEE,yCAGF,WACE,kBACA,0BAGF,gCACE,WACA,oBACA,8BAGF,mBACE,8BAGF,UACE,+BAEF,UAEE,eAQR,UAEE,aACA,aACA,cACA,SACA,kBACA,UACA,mBACA,4BAEA,YACE,oChBhJF,cgBoIF,yBAiBI,CAjBJ,sBAiBI,CAjBJ,iBAiBI,kBACA,4BAEA,mBACE,aACA,EC9JR,iBAEE,kBAEA,6BACE,kBACA,MACA,OACA,UAGF,8BACE,qBACA,gBAEA,yEACE,cAAe,CACf,gBACA,gCACA,mBACA,eACA,mBACA,WACA,WjBnBF,mCiBWA,yEAWI,WACA,gBACA,mBAGF,gFACE,QACA,mCAGF,4KAEE,WAKN,sBACE,aAGF,kDACE,wBAIA,+GAEE,cAAe,CACf,uBAAyB,CACzB,2CAEF,kEACE,cACA,iBARF,iHAEE,cAAe,CACf,uBAAyB,CACzB,2CAEF,oEACE,cACA,iBARF,iHAEE,cAAe,CACf,uBAAyB,CACzB,2CAEF,oEACE,cACA,iBARF,iHAEE,cAAe,CACf,uBAAyB,CACzB,2CAEF,oEACE,cACA,iBARF,iHAEE,cAAe,CACf,uBAAyB,CACzB,2CAEF,oEACE,cACA,iBARF,iHAEE,cAAe,CACf,uBAAyB,CACzB,2CAEF,oEACE,cACA,iBARF,iHAEE,cAAe,CACf,uBAAyB,CACzB,2CAEF,oEACE,cACA,iBARF,iHAEE,cAAe,CACf,uBAAyB,CACzB,2CAEF,oEACE,cACA,iBARF,iHAEE,cAAe,CACf,uBAAyB,CACzB,2CAEF,oEACE,cACA,iBARF,mHAEE,cAAe,CACf,uBAAyB,CACzB,2CAEF,sEACE,cACA,iBAUJ,0FACE,iBAGF,uDAEE,iBAEA,kGAEE,gBC9EJ,cACE,kBACA,eACA,mBbYA,sBaRA,6DACE,kBAAoB,CACpB,WAGF,0BACE,gBAGF,gBACE,eAIJ,cACE,eACA,iBACA,8BACA,SACA,0BACA,SAKJ,kCACE,mBACA,gBAGA,6CACE,kBACA,WACA,aACA,YACA,WACA,SAAS,CACT,YACA,2BACA,wBACA,kEACA,sCACA,oDACA,oDAIJ,eACE,eACA,8BACA,SACA,OACA,WACA,iBACA,cACA,uDAEA,4BACE,gBAGF,6BACE,gBACA,eACA,cAIJ,mCAEE,WACA,kBACA,SACA,OACA,QACA,cACA,gBACA,4GAGF,4BACE,GACE,QAEF,GACI,YALN,oBACE,GACE,QAEF,GACI","sources":["webpack://components/./assets/sass/components/accordion.scss","webpack://components/./assets/sass/_functions/mixins.scss","webpack://components/./assets/sass/_functions/variables.scss","webpack://components/./node_modules/bootstrap/scss/mixins/_transition.scss","webpack://components/./node_modules/bootstrap/scss/_variables.scss","webpack://components/./node_modules/bootstrap/scss/_card.scss","webpack://components/./node_modules/bootstrap/scss/mixins/_border-radius.scss","webpack://components/./assets/sass/elements/card.scss","webpack://components/./assets/sass/components/cardDeck.scss","webpack://components/./assets/sass/components/carousel.scss","webpack://components/./assets/sass/components/header.scss","webpack://components/./assets/sass/components/testimonial.scss","webpack://components/./assets/sass/components/property-searchbar.scss","webpack://components/./assets/sass/components/nav.scss","webpack://components/./assets/sass/components/drawer.scss","webpack://components/./assets/sass/components/modal.scss","webpack://components/./src/components/Stepper/Stepper.vue","webpack://components/./assets/sass/components/stepper.scss","webpack://components/./assets/sass/components/tabs.scss","webpack://components/./assets/sass/components/alert.scss"],"sourcesContent":["@use \"../_func.scss\" as *;\r\n\r\n// Accordion\r\n.accordion {\r\n  --accordion-indent: 0.75rem;\r\n  --accordion-right-padding: 3rem;\r\n  --accordion-y-padding: 1rem;\r\n  --accordion-icon-size: #{rem(30)};\r\n  --accordion-icon-top: #{rem(12)};\r\n\r\n  @include media-breakpoint-up(md) {\r\n    //--accordion-indent: 1rem;\r\n    --accordion-right-padding: 6rem;\r\n    --accordion-y-padding: 2rem;\r\n    --accordion-icon-size: #{rem(48)};\r\n    --accordion-icon-top: #{rem(20)};\r\n  }\r\n}\r\n\r\n.accordion-button {\r\n\r\n  padding: $accordion-button-padding-y var(--accordion-right-padding) $accordion-button-padding-y $accordion-button-padding-x;\r\n  color: var(--colour-heading);\r\n  text-align: left; // Reset button style\r\n  background-color: $accordion-button-bg;\r\n  overflow-anchor: none;\r\n  @include transition($accordion-transition);\r\n\r\n  --marker-bg: var(--colour-secondary);\r\n  cursor: pointer;\r\n  position: relative;\r\n\r\n  .badge {\r\n    vertical-align: bottom;\r\n    margin-left: 0.5em;\r\n    margin-right: 0.5em;\r\n    margin-bottom: 0.1em;\r\n  }\r\n\r\n\r\n  &:before,\r\n  &:after {\r\n\r\n    content: \"\";\r\n    position: absolute;\r\n    right: var(--accordion-indent);\r\n    top: var(--accordion-icon-top);\r\n    margin-top: var(--accordion-icon-size-half);\r\n    width: var(--accordion-icon-size);\r\n    height: var(--accordion-icon-size);\r\n  }\r\n\r\n  &:before {\r\n    text-indent: 100%;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    background: var(--marker-bg);\r\n    border-radius: 100%;\r\n  }\r\n\r\n  // Accordion icon\r\n  &::after {\r\n    background: currentColor;\r\n    mask-image: escape-svg($accordion-button-icon);\r\n    mask-size: 50%;\r\n    mask-repeat: no-repeat;\r\n    mask-position: 50% 50%;\r\n  \r\n    -webkit-mask-image: escape-svg($accordion-button-icon);\r\n    -webkit-mask-size: 50%;\r\n    -webkit-mask-repeat: no-repeat;\r\n    -webkit-mask-position: 50% 50%;\r\n\r\n    @include transition($accordion-icon-transition);\r\n    transform: rotate(90deg);\r\n  }\r\n\r\n  &:hover,\r\n  &:focus {\r\n\r\n    --marker-bg: var(--colour-warning);\r\n    color: var(--colour-hover);\r\n  }\r\n\r\n  &:hover {\r\n    z-index: var(--index-focus);\r\n  }\r\n\r\n  &:focus {\r\n    z-index: var(--index-focus);\r\n    border-color: $accordion-button-focus-border-color;\r\n    outline: 0;\r\n    box-shadow: $accordion-button-focus-box-shadow;\r\n  }\r\n\r\n  [open] > summary > & {\r\n    color: var(--colour-heading);\r\n    background-color: $accordion-button-active-bg;\r\n    \r\n    &::after {\r\n      \r\n      transform: rotate(-90deg);\r\n    }\r\n  }\r\n}\r\n\r\n// #region Coloured summary\r\nsummary[class*=\"bg-\"] {\r\n\r\n  .accordion-button {\r\n\r\n    border-bottom: 1px solid var(--colour-border);\r\n    margin-bottom: -1px;\r\n\r\n    &:before {\r\n      background: none!important;\r\n    }\r\n  }\r\n\r\n  &:hover .accordion-button {\r\n    opacity: 0.8;\r\n  }\r\n\r\n  & + .accordion-body {\r\n\r\n    padding-top: 2rem;\r\n  }\r\n}\r\n// #endregion\r\n\r\n\r\n\r\n.accordion-header {\r\n  margin-bottom: 0;\r\n}\r\n\r\n.accordion-item {\r\n  background-color: $accordion-bg;\r\n  border-bottom: $accordion-border-width solid $accordion-border-color;\r\n  margin-bottom: 2rem;\r\n\r\n  &:first-of-type {\r\n    border-top: $accordion-border-width solid $accordion-border-color;\r\n  }\r\n\r\n  & + .accordion-item {\r\n    margin-top: -2rem;\r\n  }\r\n}\r\n\r\n.accordion-body {\r\n  text-align: left;\r\n  padding: 0 $accordion-body-padding-x;\r\n}\r\n\r\n// #region Straight edge\r\n.accordion--straight {\r\n  > details > summary:not([class*=\"bg-\"]) > .accordion-button,\r\n  > details > .accordion-body {\r\n    padding-left: 0!important;\r\n  }\r\n\r\n  > details > .accordion-body {\r\n    padding-right: 0!important;\r\n  }\r\n}\r\n// #endregion\r\n\r\n// #region Child accordion\r\n.accordion .accordion {\r\n\r\n  &:first-child {\r\n\r\n    padding-top: 1rem;\r\n  }\r\n\r\n  &:last-child {\r\n\r\n    padding-bottom: 2rem;\r\n  }\r\n\r\n  .accordion-button {\r\n    padding: 1rem 3rem 1rem var(--accordion-indent);\r\n\r\n    &:before,\r\n    &:after {\r\n      top: 0.75rem;\r\n      height: 2rem;\r\n      width: 2rem;\r\n      right: 0.5rem;\r\n    }\r\n    &:before {\r\n      background-color: var(--colour-light);\r\n    }\r\n  }\r\n}\r\n// #endregion\r\n","@import \"../../../node_modules/bootstrap/scss/mixins\";\r\n\r\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\r\n  \r\n  $min: breakpoint-min($name, $breakpoints);\r\n  @if $min {\r\n    @media screen and (min-width: $min) {\r\n      @content;\r\n    }\r\n  }\r\n  @else if $name =='xs' {\r\n    @content;\r\n  } \r\n  @else {\r\n    @if $mobileOnly != \"true\" {\r\n    @content;\r\n    }\r\n  }\r\n}\r\n\r\n// Example: @include prefix(transition, transform 1.5s, webkit ms o);\r\n@mixin prefix($property, $value, $prefixes: (webkit ms o))\r\n{\r\n\t@each $prefix in $prefixes\r\n\t{\r\n\t\t#{'-' + $prefix + '-' + $property}: $value;\r\n\t}\r\n\t\r\n\t// Output standard non-prefixed declaration\r\n\t#{$property}: $value;\r\n}\r\n\r\n// Used to make it possible to use css properties but still support IE11\r\n@mixin var($property, $varName, $important:\"\", $compatible:$compatible) {\r\n\r\n  @if $compatible == \"true\" {\r\n    #{$property}: map-get($vars, $varName) #{$important};\r\n  }\r\n  @else {\r\n    #{$property}: var(#{$varName}) #{$important};\r\n  }\r\n}\r\n\r\n@mixin inline-text(){\r\n  p,\r\n  ul,\r\n  ol,\r\n  dd,\r\n  .body,\r\n  table:not(.table--email) td {\r\n    @content;\r\n  }\r\n}\r\n\r\n\r\n@mixin headers($includeClasses: 'false'){\r\n  h1,\r\n  h2,\r\n  h3,\r\n  h4,\r\n  h5,\r\n  h6 {\r\n    @content;\r\n  }\r\n\r\n  @if $includeClasses == 'true' {\r\n\r\n    .h1,\r\n    .h2,\r\n    .h3,\r\n    .h4,\r\n    .h5,\r\n    .h6 {\r\n      @content;\r\n    }\r\n  }\r\n}\r\n\r\n@mixin bg-variant($parent, $color, $ignore-warning: false) {\r\n  #{$parent} {\r\n\r\n    --bg-colour: var(--colour-#{str-replace($parent,'.bg-','')});\r\n    --bg-colour-tint: var(--colour-#{str-replace($parent,'.bg-','')}-tint);\r\n    \r\n    @include var(background-color,--colour-#{str-replace($parent,'.bg-','')},!important);\r\n  }\r\n}\r\n@mixin text-emphasis-variant($parent, $color, $ignore-warning: false) {\r\n  #{$parent} {\r\n\r\n    @include var(color,--colour-#{str-replace($parent,'.text-','')},\"!important\");\r\n  }\r\n}\r\n\r\n@mixin font-size($value, $compatible:$compatible) {\r\n  \r\n  $found: false;\r\n\r\n  @if $compatible == \"true\" {\r\n    font-size: $value;\r\n  }\r\n  @else {\r\n    @each $size, $subvalue in $font-sizes {\r\n\r\n      @if($value == $subvalue and $found == false){\r\n        font-size: var(--fs-#{$size});\r\n        $found: true;\r\n      }\r\n    }\r\n    @if $found == false {\r\n      font-size: $value;\r\n    }\r\n  }\r\n\r\n}\r\n\r\n@mixin is($selector, $before: '', $after: '' ,$compatible:$compatible){\r\n\r\n  @if $compatible == \"true\" {\r\n    $split-values: str-split($selector, \",\");\r\n    @each $value in $split-values {\r\n\r\n      #{$before}#{$value}#{$after} {\r\n        @content;\r\n      }\r\n    }\r\n  }\r\n  @else {\r\n    #{$before}:is(#{$selector})#{$after} {\r\n      @content;\r\n    }\r\n  }\r\n}\r\n\r\n@mixin reset-colours($compatible:$compatible) {\r\n  \r\n  --colour-body: var(--colour-body-theme);\r\n  --colour-heading: var(--colour-primary);\r\n  --colour-link: var(--colour-link-theme);\r\n  --colour-hover: var(--colour-hover-theme);\r\n  --colour-active: var(--colour-active-theme);\r\n  //--colour-underline: var(--colour-underline);\r\n  --colour-border: var(--colour-border-theme);\r\n  --colour-brand: var(--colour-primary);\r\n\r\n  --btn-bg: var(--colour-warning);\r\n  --btn-text: var(--colour-primary);\r\n  --btn-hover-text: var(--colour-primary);\r\n  --btn-tertiary-bg: var(--colour-primary);\r\n  --btn-tertiary-hover-text: white;\r\n\r\n  .text-primary {\r\n    color: var(--colour-primary)!important;\r\n  }\r\n}\r\n\r\n@mixin invert-colours($compatible:$compatible) {\r\n  \r\n  --colour-body: white;\r\n  --colour-heading: white;\r\n  --colour-link: white;\r\n  --colour-hover: white;\r\n  --colour-border: white;\r\n  --colour-brand: white;\r\n\r\n  --btn-bg: white;\r\n  --btn-text: var(--colour-primary);\r\n  --btn-hover-text: var(--colour-heading);\r\n  --btn-tertiary-bg: white;\r\n  --btn-tertiary-hover-text: var(--colour-primary);\r\n}","@import \"../../../node_modules/bootstrap/scss/_variables.scss\";\r\n@import \"../../../node_modules/bootstrap/scss/_maps.scss\";\r\n\r\n// #region Grid Breakpoints, layouts\r\n$grid-breakpoints: (\r\n  xs: 0,\r\n  sm: 36em, /* 576 */\r\n  md: 62em  /* 992 */\r\n);\r\n\r\n@each $bp, $value in $grid-breakpoints {\r\n\r\n  $vars: map-merge((\r\n    --breakpoint-#{$bp}: #{$value}\r\n  ), $vars);\r\n}\r\n\r\n$device-xs-width: 375;\r\n$device-sm-width: 768;\r\n$device-md-width: 1440;\r\n\r\n$container-max-widths: (\r\n  sm: 0,\r\n  md: 80em\r\n);\r\n\r\n$grid-columns: 12;\r\n$grid-gutter-width: 1rem; // 15px\r\n\r\n$container-padding-x: 20;\r\n$container-padding-x-md: 60;\r\n$container-padding: var(--container-padding-top) rem($container-padding-x) var(--container-padding-bottom) rem($container-padding-x);\r\n$container-padding-md: var(--container-padding-top) rem($container-padding-x-md) var(--container-padding-bottom) rem($container-padding-x-md);\r\n\r\n$vars: map-merge((\r\n  \"--container-padding-top\": 0,\r\n  \"--container-padding-bottom\": #{rem(16)},\r\n  \"--container-padding-x\": #{rem($container-padding-x)},\r\n  \"--container-padding-x-md\": #{rem($container-padding-x-md)},\r\n  \"--container-padding\": $container-padding,\r\n  \"--container-padding-md\": $container-padding-md\r\n), $vars);\r\n\r\n$varsMD: map-merge((\r\n  \"--container-padding\": var(--container-padding-md),\r\n  \"--container-padding-x\": var(--container-padding-x-md)\r\n), $varsMD);\r\n// #endregion\r\n\r\n// #region Colours\r\n// Default Bootstrap Theme vars\r\n$primary:       #00313c;\r\n$secondary:     #b4e6a5;\r\n$success:       #b4e6a5;\r\n$info:          #1ebee6;\r\n$warning:       #ffa500;\r\n$danger:        #dc3545;\r\n$light:         #ffd2d2;\r\n$dark:          #46003c;\r\n\r\n\r\n// Functional/state variables \r\n$colour-body: #6f6f6f;\r\n$colour-muted: #9d9d9d;\r\n$colour-border: #6f6f6f;\r\n$colour-link: $primary;\r\n$colour-focus: #000000;\r\n$colour-hover: #000000;\r\n$colour-active: $success;\r\n$colour-selected: $info;\r\n\r\n$colors: ();\r\n$grays: ();\r\n\r\n$theme-colors: ();\r\n$theme-colors: map-merge((\r\n  \"primary\":    $primary,\r\n  \"secondary\":  $secondary,\r\n  \"success\":    $success,\r\n  \"info\":       $info,\r\n  \"warning\":    $warning,\r\n  \"danger\":     $danger,\r\n  \"light\":      $light,\r\n  \"dark\":       $dark,\r\n  \"admin\":      #f0f0f0\r\n), $theme-colors);\r\n\r\n\r\n$theme-colors-rgb: map-loop($theme-colors, to-rgb, \"$value\");\r\n\r\n\r\n@each $color, $value in $theme-colors-rgb {\r\n\r\n  $vars: map-merge((\r\n    --colour-#{$color}: rgba($value,var(--alpha, 1))\r\n  ), $vars);\r\n}\r\n\r\n//  RGB Theme colours\r\n@function show-css-var($identifier) {\r\n\r\n  @if $compatible == \"true\" {\r\n    @return #{map-get($theme-colors, #{$identifier})};\r\n  }\r\n\r\n  @return var(--colour-#{$identifier});\r\n}\r\n@function show-css-var-text($identifier) {\r\n\r\n  @if $compatible == \"true\" {\r\n    @return #{map-get($theme-colors, #{$identifier})};\r\n  }\r\n\r\n  @return var(--colour-#{$identifier});\r\n}\r\n\r\n$utilities-colors: $theme-colors-rgb;\r\n\r\n$utilities-colors: map-merge(\r\n  $utilities-colors,\r\n  (\r\n    \"black\": to-rgb($black),\r\n    \"white\": to-rgb($white),\r\n    \"body\": to-rgb($body-color)\r\n  )\r\n);\r\n\r\n$utilities-bg-colors: map-loop($utilities-colors, show-css-var, \"$key\");\r\n$utilities-text-colors: map-loop($utilities-text, show-css-var-text, \"$key\");\r\n\r\n\r\n\r\n// Colours that we want setting but not used for Bootstraps mixins, i.e. .text-primary, .bg-muted\r\n$non-theme-colors: ();\r\n$non-theme-colors: map-merge((\r\n  \"black\":      #000000,\r\n  \"white\":      #ffffff,\r\n  \"muted\":      $colour-muted,\r\n  \"border\":           $colour-border,\r\n  \"border-light\":     #eeeeee,\r\n  \"link\":             $colour-link,\r\n  \"focus\":            $colour-focus,\r\n  \"hover\":            $colour-hover,\r\n  \"active\":           $colour-active,\r\n  \"selected\":         $colour-selected\r\n), $non-theme-colors);\r\n\r\n@each $color, $value in $non-theme-colors {\r\n\r\n  $vars: map-merge((\r\n    --colour-#{$color}-theme: #{$value},\r\n    --colour-#{$color}: #{'var(--colour-'+$color+'-theme)'}\r\n  ), $vars);\r\n}\r\n\r\n$vars: map-merge((\r\n  \"--colour-body-theme\":  rgba(to-rgb($colour-body),var(--alpha,1)),\r\n  \"--colour-white-theme\": rgba(to-rgb(#ffffff),var(--alpha,1)),\r\n  \"--colour-black-theme\": rgba(to-rgb(#000000),var(--alpha,1)),\r\n  \"--colour-body\":  rgba(to-rgb($colour-body),var(--alpha,1)),\r\n  \"--colour-white\": rgba(to-rgb(#ffffff),var(--alpha,1)),\r\n  \"--colour-black\": rgba(to-rgb(#000000),var(--alpha,1))\r\n), $vars);\r\n\r\n$gradient: linear-gradient(180deg, var(--colour-secondary) 0, var(--colour-info) 100%);\r\n\r\n// #endregion\r\n\r\n// #region aspect ratios\r\n$aspect-ratios: (\r\n  \"1x1\": 100%,\r\n  \"4x3\": calc(3 / 4 * 100%),\r\n  \"16x9\": calc(9 / 16 * 100%),\r\n  \"21x9\": calc(9 / 21 * 100%)\r\n);\r\n// #endregion\r\n\r\n// #region fonts\r\n\r\n$font-body: 'qanelasmedium', arial, sans-serif;\r\n$font-heading: 'qanelas_softextrabold', arial, sans-serif;\r\n\r\n$fonts: ();\r\n$fonts: map-merge((\r\n  \"heading\":   $font-heading,\r\n  \"body\":   $font-body\r\n), $fonts);\r\n\r\n\r\n@each $font, $value in $fonts {\r\n\r\n  $vars: map-merge((\r\n    --font-#{$font}: #{$value}\r\n  ), $vars);\r\n}\r\n\r\n// #endregion\r\n\r\n// #region Type\r\n\r\n$type-scale-1: #{rem(100)};\r\n$type-scale-2: #{rem(60)};\r\n$type-scale-3: #{rem(40)};\r\n$type-scale-4: #{rem(32)};\r\n$type-scale-5: #{rem(28)};\r\n$type-scale-6: #{rem(16)};\r\n$type-scale-7: #{rem(14)};\r\n\r\n$font-sizes: (\r\n  'display': $type-scale-3,\r\n  1: $type-scale-3,\r\n  2: $type-scale-4,\r\n  3: $type-scale-5,\r\n  4: $type-scale-6,\r\n  5: $type-scale-6,\r\n  6: $type-scale-6,\r\n  'badge': $badge-font-size,\r\n  'small': $type-scale-7,\r\n  'strapline': $type-scale-6\r\n);\r\n\r\n@each $size, $value in $font-sizes {\r\n\r\n  $vars: map-merge((\r\n    --fs-#{$size}: #{$value}\r\n  ), $vars);\r\n}\r\n\r\n\r\n$h1-font-size: var(--fs-1);\r\n$h2-font-size: var(--fs-2);\r\n$h3-font-size: var(--fs-3);\r\n$h4-font-size: var(--fs-4);\r\n$h5-font-size: var(--fs-5);\r\n$h6-font-size: var(--fs-6);\r\n\r\n$headings-margin-bottom: clamp(1rem,0.5em,0.5em);\r\n$headings-font-style: normal;\r\n$headings-line-height: clamp(1em,2.5rem,clamp(1.5em,1rem,1.2em));\r\n$display-line-height: $headings-line-height;\r\n\r\n@if $compatible == 'true' {\r\n  $headings-font-family: $font-heading;\r\n  $headings-font-weight: 700;\r\n  $headings-color: $primary;\r\n}\r\n@else {\r\n  $headings-font-family: var(--font-heading);\r\n  $headings-font-weight: var(--heading-weight);\r\n  $headings-color: var(--colour-primary);\r\n}\r\n\r\n$font-md-sizes: (\r\n  'display': $type-scale-1,\r\n  1: $type-scale-2,\r\n  2: $type-scale-3,\r\n  3: $type-scale-4,\r\n  4: $type-scale-5,\r\n  'strapline': $type-scale-5\r\n);\r\n\r\n@each $size, $value in $font-md-sizes {\r\n\r\n  $varsMD: map-merge((\r\n    --fs-#{$size}: #{$value}\r\n  ), $varsMD);\r\n}\r\n\r\n$vars: map-merge((\r\n  --heading-weight: 700\r\n), $vars);\r\n\r\n$content-max-width: rem(820);\r\n$paragraph-margin-bottom: 2rem;\r\n\r\n// #endregion \r\n\r\n// #region Buttons\r\n$btn-border-radius: 1rem;\r\n$btn-border-radius-sm:        1rem;\r\n$btn-border-radius-lg:        1rem;\r\n\r\n$btn-padding-y: 0.5rem;\r\n$btn-padding-x: 1.5rem;\r\n$btn-padding-y-sm: $btn-padding-y;\r\n$btn-padding-x-sm: $btn-padding-x;\r\n$btn-padding-y-md: $btn-padding-y;\r\n$btn-padding-x-md: $btn-padding-x;\r\n\r\n// #endregion\r\n\r\n// #region Forms\r\n// label\r\n$form-label-font-size: $h5-font-size;\r\n$form-label-font-weight: bold;\r\n$form-label-color: var(--colour-heading);\r\n$form-label-margin-bottom: 0.25rem;\r\n// input field\r\n$input-font-size: 1rem;\r\n$input-font-weight: normal;\r\n$input-line-height: 1.5;\r\n$input-padding-y: 0.75em;\r\n$input-padding-x: 1em;\r\n$input-border-radius: rem(10);\r\n$input-border-color: var(--colour-border);\r\n\r\n// sm\r\n$input-height-sm: null;\r\n$input-font-size-sm: #{rem(14)};\r\n$input-border-radius-sm: null; // Inherit default value\r\n$input-padding-y-sm: null;\r\n$input-padding-x-sm: null;\r\n\r\n// lg\r\n$input-height-lg: null;\r\n$input-font-size-lg: #{rem(24)};\r\n$input-border-radius-lg: false; // Inherit default value\r\n$input-padding-y-lg: null;\r\n$input-padding-x-lg: null;\r\n\r\n// Input group\r\n$input-group-addon-bg: white;\r\n$input-group-addon-border-color: var(--colour-border);\r\n\r\n\r\n\r\n// Select \r\n$form-select-padding-y: $input-padding-y;\r\n//$form-select-indicator-padding\r\n$form-select-padding-x: #{$input-padding-x};\r\n$form-select-border-color: var(--colour-border);\r\n$form-select-border-radius: $input-border-radius;\r\n\r\n// Checkbox\r\n$form-check-input-width: 1.5rem;\r\n$form-check-min-height: #{rem(28)};\r\n$form-check-padding-start: 2rem;\r\n$form-check-margin-bottom: #{rem(16)};\r\n\r\n$form-check-input-border: 1px solid var(--colour-border);\r\n\r\n$form-check-input-checked-color:          $primary;\r\n$form-check-input-checked-bg-color:       var(--colour-success);\r\n$form-check-input-checked-border-color:   var(--colour-border);\r\n$form-check-input-checked-bg-image:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='none' stroke='#{$form-check-input-checked-color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 10l3 3l6-6'/></svg>\");\r\n\r\n$form-check-input-indeterminate-color:          $primary;\r\n$form-check-input-indeterminate-bg-color:       var(--colour-success);\r\n$form-check-input-indeterminate-border-color:   var(--colour-success);\r\n$form-check-input-indeterminate-bg-image:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='none' stroke='#{$form-check-input-indeterminate-color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 10h8'/></svg>\");\r\n\r\n$form-switch-bg-image:    url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$colour-border}'/></svg>\");\r\n$form-switch-focus-bg-image:    url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$colour-focus}'/></svg>\");\r\n$form-switch-checked-bg-image:    url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$primary}'/></svg>\");\r\n\r\n$form-check-radio-checked-bg-image:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='2' fill='#{$primary}'/></svg>\");\r\n\r\n\r\n// #endregion\r\n\r\n// #region Cards\r\n$card-border-width:                 0;\r\n$card-border-radius:                rem(10);\r\n$card-spacer-y: 1.5rem;\r\n$card-spacer-x: 1.25rem;\r\n\r\n\r\n$card-cap-padding-y: 1.5rem;\r\n$card-cap-padding-x: 1.25rem;\r\n\r\n\r\n\r\n$card-cap-bg: transparent;\r\n// #endregion card-variables\r\n\r\n// #region Icons\r\n$icon-blank: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path d='M17 13v6c0 0.276-0.111 0.525-0.293 0.707s-0.431 0.293-0.707 0.293h-11c-0.276 0-0.525-0.111-0.707-0.293s-0.293-0.431-0.293-0.707v-11c0-0.276 0.111-0.525 0.293-0.707s0.431-0.293 0.707-0.293h6c0.552 0 1-0.448 1-1s-0.448-1-1-1h-6c-0.828 0-1.58 0.337-2.121 0.879s-0.879 1.293-0.879 2.121v11c0 0.828 0.337 1.58 0.879 2.121s1.293 0.879 2.121 0.879h11c0.828 0 1.58-0.337 2.121-0.879s0.879-1.293 0.879-2.121v-6c0-0.552-0.448-1-1-1s-1 0.448-1 1zM10.707 14.707l9.293-9.293v3.586c0 0.552 0.448 1 1 1s1-0.448 1-1v-6c0-0.136-0.027-0.265-0.076-0.383s-0.121-0.228-0.216-0.323c-0.001-0.001-0.001-0.001-0.002-0.002-0.092-0.092-0.202-0.166-0.323-0.216-0.118-0.049-0.247-0.076-0.383-0.076h-6c-0.552 0-1 0.448-1 1s0.448 1 1 1h3.586l-9.293 9.293c-0.391 0.391-0.391 1.024 0 1.414s1.024 0.391 1.414 0z' stroke-width='2px'></path></svg>\");\r\n$icon-sort: url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' preserveAspectRatio='none'%3E%3Cpath opacity='.3' d='M51 1l25 23 24 22H1l25-22zm0 100l25-23 24-22H1l25 22z'/%3E%3C/svg%3E\");\r\n$icon-arrow: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'><path d='M6.5,2l9,9-9,9' style='fill:none;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px'/></svg>\");\r\n$icon-close: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/></svg>\");\r\n$icon-tick: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path d='M16 0c-8.836 0-16 7.164-16 16s7.164 16 16 16 16-7.164 16-16-7.164-16-16-16zM13.52 23.383l-7.362-7.363 2.828-2.828 4.533 4.535 9.617-9.617 2.828 2.828-12.444 12.445z'/></svg>\");\r\n$icon-question: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 28'><path d='M14 21.5v-3c0-0.281-0.219-0.5-0.5-0.5h-3c-0.281 0-0.5 0.219-0.5 0.5v3c0 0.281 0.219 0.5 0.5 0.5h3c0.281 0 0.5-0.219 0.5-0.5zM18 11c0-2.859-3-5-5.688-5-2.547 0-4.453 1.094-5.797 3.328-0.141 0.219-0.078 0.5 0.125 0.656l2.063 1.563c0.078 0.063 0.187 0.094 0.297 0.094 0.141 0 0.297-0.063 0.391-0.187 0.734-0.938 1.047-1.219 1.344-1.437 0.266-0.187 0.781-0.375 1.344-0.375 1 0 1.922 0.641 1.922 1.328 0 0.812-0.422 1.219-1.375 1.656-1.109 0.5-2.625 1.797-2.625 3.313v0.562c0 0.281 0.219 0.5 0.5 0.5h3c0.281 0 0.5-0.219 0.5-0.5v0c0-0.359 0.453-1.125 1.188-1.547 1.188-0.672 2.812-1.578 2.812-3.953zM24 14c0 6.625-5.375 12-12 12s-12-5.375-12-12 5.375-12 12-12 12 5.375 12 12z'/></svg>\");\r\n$icon-warning: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 28'><path d='M12 2c6.625 0 12 5.375 12 12s-5.375 12-12 12-12-5.375-12-12 5.375-12 12-12zM14 21.484v-2.969c0-0.281-0.219-0.516-0.484-0.516h-3c-0.281 0-0.516 0.234-0.516 0.516v2.969c0 0.281 0.234 0.516 0.516 0.516h3c0.266 0 0.484-0.234 0.484-0.516zM13.969 16.109l0.281-9.703c0-0.109-0.047-0.219-0.156-0.281-0.094-0.078-0.234-0.125-0.375-0.125h-3.437c-0.141 0-0.281 0.047-0.375 0.125-0.109 0.063-0.156 0.172-0.156 0.281l0.266 9.703c0 0.219 0.234 0.391 0.531 0.391h2.891c0.281 0 0.516-0.172 0.531-0.391z'></path></svg>\");\r\n\r\n$vars: map-merge((\r\n  --icon-blank: #{escape-svg($icon-blank)},\r\n  --icon-sort: #{$icon-sort},\r\n  --icon-arrow: #{escape-svg($icon-arrow)},\r\n  --icon-close: #{escape-svg($icon-close)},\r\n  --icon-tick: #{escape-svg($icon-tick)},\r\n  --icon-question: #{escape-svg($icon-question)},\r\n  --icon-warning: #{escape-svg($icon-warning)}\r\n), $vars);\r\n// #endregion\r\n\r\n// #region pagination\r\n// Default\r\n$pagination-color: var(--colour-heading);\r\n$pagination-disabled-color: var(--colour-muted);\r\n$pagination-bg: transparent;\r\n$pagination-border-width: 1px;\r\n$pagination-border-color: var(--colour-border);\r\n\r\n// Hover and focus\r\n$pagination-hover-color: var(--colour-heading);\r\n$pagination-hover-bg: var(--colour-muted);\r\n$pagination-hover-border-color: var(--colour-border);\r\n$pagination-focus-color: var(--colour-hover);\r\n$pagination-focus-bg: var(--colour-muted);\r\n\r\n// Active\r\n$pagination-active-color: var(--bs-body-bg);\r\n$pagination-active-bg: var(--colour-heading);\r\n$pagination-active-border-color: var(--colour-heading);\r\n\r\n// Disabled\r\n$pagination-disabled-bg: $pagination-bg;\r\n$pagination-disabled-border-color: $pagination-border-color;\r\n// #endregion\r\n\r\n// #region Accordion\r\n$accordion-button-padding-y: var(--accordion-y-padding);\r\n$accordion-button-padding-x: var(--accordion-indent);\r\n$accordion-button-color: var(--colour-primary);\r\n$accordion-button-bg: transparent;\r\n\r\n$accordion-icon-color: $primary;\r\n$accordion-icon-active-color: $primary;\r\n\r\n$accordion-button-icon: var(--icon-arrow);\r\n\r\n$accordion-button-active-color: var(--colour-primary);\r\n$accordion-button-active-bg: transparent;\r\n\r\n$accordion-border-color: var(--colour-border);\r\n$accordion-border-width: 1px;\r\n$accordion-bg: transparent;\r\n\r\n$accordion-body-padding-y: 1rem;\r\n$accordion-body-padding-x: var(--accordion-indent);\r\n\r\n// #endregion\r\n\r\n// #region Z-index\r\n\r\n\r\n$vars: map-merge((\r\n  \"--index-below\":  -1,\r\n  \"--index-base\":  0,\r\n  \"--index-focus\":  2,\r\n  \"--index-above\":  10,\r\n  \"--index-floating\":  100,\r\n  \"--index-menu\":  200,\r\n  \"--index-overlay\":  1000,\r\n), $vars);\r\n\r\n\r\n$zindex-dropdown:                   var(--index-above);\r\n$zindex-sticky:                     var(--index-floating);\r\n$zindex-fixed:                      var(--index-floating);\r\n$zindex-offcanvas-backdrop:         var(--index-menu);\r\n$zindex-offcanvas:                  var(--index-menu);\r\n$zindex-modal-backdrop:             var(--index-overlay);\r\n$zindex-modal:                      var(--index-overlay);\r\n$zindex-popover:                    var(--index-above);\r\n$zindex-tooltip:                    var(--index-above);\r\n// #endregion","// stylelint-disable property-disallowed-list\n@mixin transition($transition...) {\n  @if length($transition) == 0 {\n    $transition: $transition-base;\n  }\n\n  @if length($transition) > 1 {\n    @each $value in $transition {\n      @if $value == null or $value == none {\n        @warn \"The keyword 'none' or 'null' must be used as a single argument.\";\n      }\n    }\n  }\n\n  @if $enable-transitions {\n    @if nth($transition, 1) != null {\n      transition: $transition;\n    }\n\n    @if $enable-reduced-motion and nth($transition, 1) != null and nth($transition, 1) != none {\n      @media (prefers-reduced-motion: reduce) {\n        transition: none;\n      }\n    }\n  }\n}\n","// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n// scss-docs-start gray-color-variables\n$white:    #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black:    #000 !default;\n// scss-docs-end gray-color-variables\n\n// fusv-disable\n// scss-docs-start gray-colors-map\n$grays: (\n  \"100\": $gray-100,\n  \"200\": $gray-200,\n  \"300\": $gray-300,\n  \"400\": $gray-400,\n  \"500\": $gray-500,\n  \"600\": $gray-600,\n  \"700\": $gray-700,\n  \"800\": $gray-800,\n  \"900\": $gray-900\n) !default;\n// scss-docs-end gray-colors-map\n// fusv-enable\n\n// scss-docs-start color-variables\n$blue:    #0d6efd !default;\n$indigo:  #6610f2 !default;\n$purple:  #6f42c1 !default;\n$pink:    #d63384 !default;\n$red:     #dc3545 !default;\n$orange:  #fd7e14 !default;\n$yellow:  #ffc107 !default;\n$green:   #198754 !default;\n$teal:    #20c997 !default;\n$cyan:    #0dcaf0 !default;\n// scss-docs-end color-variables\n\n// scss-docs-start colors-map\n$colors: (\n  \"blue\":       $blue,\n  \"indigo\":     $indigo,\n  \"purple\":     $purple,\n  \"pink\":       $pink,\n  \"red\":        $red,\n  \"orange\":     $orange,\n  \"yellow\":     $yellow,\n  \"green\":      $green,\n  \"teal\":       $teal,\n  \"cyan\":       $cyan,\n  \"black\":      $black,\n  \"white\":      $white,\n  \"gray\":       $gray-600,\n  \"gray-dark\":  $gray-800\n) !default;\n// scss-docs-end colors-map\n\n// The contrast ratio to reach against white, to determine if color changes from \"light\" to \"dark\". Acceptable values for WCAG 2.0 are 3, 4.5 and 7.\n// See https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast\n$min-contrast-ratio:   4.5 !default;\n\n// Customize the light and dark text colors for use in our color contrast function.\n$color-contrast-dark:      $black !default;\n$color-contrast-light:     $white !default;\n\n// fusv-disable\n$blue-100: tint-color($blue, 80%) !default;\n$blue-200: tint-color($blue, 60%) !default;\n$blue-300: tint-color($blue, 40%) !default;\n$blue-400: tint-color($blue, 20%) !default;\n$blue-500: $blue !default;\n$blue-600: shade-color($blue, 20%) !default;\n$blue-700: shade-color($blue, 40%) !default;\n$blue-800: shade-color($blue, 60%) !default;\n$blue-900: shade-color($blue, 80%) !default;\n\n$indigo-100: tint-color($indigo, 80%) !default;\n$indigo-200: tint-color($indigo, 60%) !default;\n$indigo-300: tint-color($indigo, 40%) !default;\n$indigo-400: tint-color($indigo, 20%) !default;\n$indigo-500: $indigo !default;\n$indigo-600: shade-color($indigo, 20%) !default;\n$indigo-700: shade-color($indigo, 40%) !default;\n$indigo-800: shade-color($indigo, 60%) !default;\n$indigo-900: shade-color($indigo, 80%) !default;\n\n$purple-100: tint-color($purple, 80%) !default;\n$purple-200: tint-color($purple, 60%) !default;\n$purple-300: tint-color($purple, 40%) !default;\n$purple-400: tint-color($purple, 20%) !default;\n$purple-500: $purple !default;\n$purple-600: shade-color($purple, 20%) !default;\n$purple-700: shade-color($purple, 40%) !default;\n$purple-800: shade-color($purple, 60%) !default;\n$purple-900: shade-color($purple, 80%) !default;\n\n$pink-100: tint-color($pink, 80%) !default;\n$pink-200: tint-color($pink, 60%) !default;\n$pink-300: tint-color($pink, 40%) !default;\n$pink-400: tint-color($pink, 20%) !default;\n$pink-500: $pink !default;\n$pink-600: shade-color($pink, 20%) !default;\n$pink-700: shade-color($pink, 40%) !default;\n$pink-800: shade-color($pink, 60%) !default;\n$pink-900: shade-color($pink, 80%) !default;\n\n$red-100: tint-color($red, 80%) !default;\n$red-200: tint-color($red, 60%) !default;\n$red-300: tint-color($red, 40%) !default;\n$red-400: tint-color($red, 20%) !default;\n$red-500: $red !default;\n$red-600: shade-color($red, 20%) !default;\n$red-700: shade-color($red, 40%) !default;\n$red-800: shade-color($red, 60%) !default;\n$red-900: shade-color($red, 80%) !default;\n\n$orange-100: tint-color($orange, 80%) !default;\n$orange-200: tint-color($orange, 60%) !default;\n$orange-300: tint-color($orange, 40%) !default;\n$orange-400: tint-color($orange, 20%) !default;\n$orange-500: $orange !default;\n$orange-600: shade-color($orange, 20%) !default;\n$orange-700: shade-color($orange, 40%) !default;\n$orange-800: shade-color($orange, 60%) !default;\n$orange-900: shade-color($orange, 80%) !default;\n\n$yellow-100: tint-color($yellow, 80%) !default;\n$yellow-200: tint-color($yellow, 60%) !default;\n$yellow-300: tint-color($yellow, 40%) !default;\n$yellow-400: tint-color($yellow, 20%) !default;\n$yellow-500: $yellow !default;\n$yellow-600: shade-color($yellow, 20%) !default;\n$yellow-700: shade-color($yellow, 40%) !default;\n$yellow-800: shade-color($yellow, 60%) !default;\n$yellow-900: shade-color($yellow, 80%) !default;\n\n$green-100: tint-color($green, 80%) !default;\n$green-200: tint-color($green, 60%) !default;\n$green-300: tint-color($green, 40%) !default;\n$green-400: tint-color($green, 20%) !default;\n$green-500: $green !default;\n$green-600: shade-color($green, 20%) !default;\n$green-700: shade-color($green, 40%) !default;\n$green-800: shade-color($green, 60%) !default;\n$green-900: shade-color($green, 80%) !default;\n\n$teal-100: tint-color($teal, 80%) !default;\n$teal-200: tint-color($teal, 60%) !default;\n$teal-300: tint-color($teal, 40%) !default;\n$teal-400: tint-color($teal, 20%) !default;\n$teal-500: $teal !default;\n$teal-600: shade-color($teal, 20%) !default;\n$teal-700: shade-color($teal, 40%) !default;\n$teal-800: shade-color($teal, 60%) !default;\n$teal-900: shade-color($teal, 80%) !default;\n\n$cyan-100: tint-color($cyan, 80%) !default;\n$cyan-200: tint-color($cyan, 60%) !default;\n$cyan-300: tint-color($cyan, 40%) !default;\n$cyan-400: tint-color($cyan, 20%) !default;\n$cyan-500: $cyan !default;\n$cyan-600: shade-color($cyan, 20%) !default;\n$cyan-700: shade-color($cyan, 40%) !default;\n$cyan-800: shade-color($cyan, 60%) !default;\n$cyan-900: shade-color($cyan, 80%) !default;\n\n$blues: (\n  \"blue-100\": $blue-100,\n  \"blue-200\": $blue-200,\n  \"blue-300\": $blue-300,\n  \"blue-400\": $blue-400,\n  \"blue-500\": $blue-500,\n  \"blue-600\": $blue-600,\n  \"blue-700\": $blue-700,\n  \"blue-800\": $blue-800,\n  \"blue-900\": $blue-900\n) !default;\n\n$indigos: (\n  \"indigo-100\": $indigo-100,\n  \"indigo-200\": $indigo-200,\n  \"indigo-300\": $indigo-300,\n  \"indigo-400\": $indigo-400,\n  \"indigo-500\": $indigo-500,\n  \"indigo-600\": $indigo-600,\n  \"indigo-700\": $indigo-700,\n  \"indigo-800\": $indigo-800,\n  \"indigo-900\": $indigo-900\n) !default;\n\n$purples: (\n  \"purple-100\": $purple-100,\n  \"purple-200\": $purple-200,\n  \"purple-300\": $purple-300,\n  \"purple-400\": $purple-400,\n  \"purple-500\": $purple-500,\n  \"purple-600\": $purple-600,\n  \"purple-700\": $purple-700,\n  \"purple-800\": $purple-800,\n  \"purple-900\": $purple-900\n) !default;\n\n$pinks: (\n  \"pink-100\": $pink-100,\n  \"pink-200\": $pink-200,\n  \"pink-300\": $pink-300,\n  \"pink-400\": $pink-400,\n  \"pink-500\": $pink-500,\n  \"pink-600\": $pink-600,\n  \"pink-700\": $pink-700,\n  \"pink-800\": $pink-800,\n  \"pink-900\": $pink-900\n) !default;\n\n$reds: (\n  \"red-100\": $red-100,\n  \"red-200\": $red-200,\n  \"red-300\": $red-300,\n  \"red-400\": $red-400,\n  \"red-500\": $red-500,\n  \"red-600\": $red-600,\n  \"red-700\": $red-700,\n  \"red-800\": $red-800,\n  \"red-900\": $red-900\n) !default;\n\n$oranges: (\n  \"orange-100\": $orange-100,\n  \"orange-200\": $orange-200,\n  \"orange-300\": $orange-300,\n  \"orange-400\": $orange-400,\n  \"orange-500\": $orange-500,\n  \"orange-600\": $orange-600,\n  \"orange-700\": $orange-700,\n  \"orange-800\": $orange-800,\n  \"orange-900\": $orange-900\n) !default;\n\n$yellows: (\n  \"yellow-100\": $yellow-100,\n  \"yellow-200\": $yellow-200,\n  \"yellow-300\": $yellow-300,\n  \"yellow-400\": $yellow-400,\n  \"yellow-500\": $yellow-500,\n  \"yellow-600\": $yellow-600,\n  \"yellow-700\": $yellow-700,\n  \"yellow-800\": $yellow-800,\n  \"yellow-900\": $yellow-900\n) !default;\n\n$greens: (\n  \"green-100\": $green-100,\n  \"green-200\": $green-200,\n  \"green-300\": $green-300,\n  \"green-400\": $green-400,\n  \"green-500\": $green-500,\n  \"green-600\": $green-600,\n  \"green-700\": $green-700,\n  \"green-800\": $green-800,\n  \"green-900\": $green-900\n) !default;\n\n$teals: (\n  \"teal-100\": $teal-100,\n  \"teal-200\": $teal-200,\n  \"teal-300\": $teal-300,\n  \"teal-400\": $teal-400,\n  \"teal-500\": $teal-500,\n  \"teal-600\": $teal-600,\n  \"teal-700\": $teal-700,\n  \"teal-800\": $teal-800,\n  \"teal-900\": $teal-900\n) !default;\n\n$cyans: (\n  \"cyan-100\": $cyan-100,\n  \"cyan-200\": $cyan-200,\n  \"cyan-300\": $cyan-300,\n  \"cyan-400\": $cyan-400,\n  \"cyan-500\": $cyan-500,\n  \"cyan-600\": $cyan-600,\n  \"cyan-700\": $cyan-700,\n  \"cyan-800\": $cyan-800,\n  \"cyan-900\": $cyan-900\n) !default;\n// fusv-enable\n\n// scss-docs-start theme-color-variables\n$primary:       $blue !default;\n$secondary:     $gray-600 !default;\n$success:       $green !default;\n$info:          $cyan !default;\n$warning:       $yellow !default;\n$danger:        $red !default;\n$light:         $gray-100 !default;\n$dark:          $gray-900 !default;\n// scss-docs-end theme-color-variables\n\n// scss-docs-start theme-colors-map\n$theme-colors: (\n  \"primary\":    $primary,\n  \"secondary\":  $secondary,\n  \"success\":    $success,\n  \"info\":       $info,\n  \"warning\":    $warning,\n  \"danger\":     $danger,\n  \"light\":      $light,\n  \"dark\":       $dark\n) !default;\n// scss-docs-end theme-colors-map\n\n// Characters which are escaped by the escape-svg function\n$escaped-characters: (\n  (\"<\", \"%3c\"),\n  (\">\", \"%3e\"),\n  (\"#\", \"%23\"),\n  (\"(\", \"%28\"),\n  (\")\", \"%29\"),\n) !default;\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret:                true !default;\n$enable-rounded:              true !default;\n$enable-shadows:              false !default;\n$enable-gradients:            false !default;\n$enable-transitions:          true !default;\n$enable-reduced-motion:       true !default;\n$enable-smooth-scroll:        true !default;\n$enable-grid-classes:         true !default;\n$enable-container-classes:    true !default;\n$enable-cssgrid:              false !default;\n$enable-button-pointers:      true !default;\n$enable-rfs:                  true !default;\n$enable-validation-icons:     true !default;\n$enable-negative-margins:     false !default;\n$enable-deprecation-messages: true !default;\n$enable-important-utilities:  true !default;\n\n// Prefix for :root CSS variables\n\n$variable-prefix:             bs- !default; // Deprecated in v5.2.0 for the shorter `$prefix`\n$prefix:                      $variable-prefix !default;\n\n// Gradient\n//\n// The gradient which is added to components if `$enable-gradients` is `true`\n// This gradient is also added to elements with `.bg-gradient`\n// scss-docs-start variable-gradient\n$gradient: linear-gradient(180deg, rgba($white, .15), rgba($white, 0)) !default;\n// scss-docs-end variable-gradient\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n// scss-docs-start spacer-variables-maps\n$spacer: 1rem !default;\n$spacers: (\n  0: 0,\n  1: $spacer * .25,\n  2: $spacer * .5,\n  3: $spacer,\n  4: $spacer * 1.5,\n  5: $spacer * 3,\n) !default;\n// scss-docs-end spacer-variables-maps\n\n// Position\n//\n// Define the edge positioning anchors of the position utilities.\n\n// scss-docs-start position-map\n$position-values: (\n  0: 0,\n  50: 50%,\n  100: 100%\n) !default;\n// scss-docs-end position-map\n\n// Body\n//\n// Settings for the `<body>` element.\n\n$body-bg:                   $white !default;\n$body-color:                $gray-900 !default;\n$body-text-align:           null !default;\n\n// Links\n//\n// Style anchor elements.\n\n$link-color:                              $primary !default;\n$link-decoration:                         underline !default;\n$link-shade-percentage:                   20% !default;\n$link-hover-color:                        shift-color($link-color, $link-shade-percentage) !default;\n$link-hover-decoration:                   null !default;\n\n$stretched-link-pseudo-element:           after !default;\n$stretched-link-z-index:                  1 !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom:   1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n// scss-docs-start grid-breakpoints\n$grid-breakpoints: (\n  xs: 0,\n  sm: 576px,\n  md: 768px,\n  lg: 992px,\n  xl: 1200px,\n  xxl: 1400px\n) !default;\n// scss-docs-end grid-breakpoints\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n// scss-docs-start container-max-widths\n$container-max-widths: (\n  sm: 540px,\n  md: 720px,\n  lg: 960px,\n  xl: 1140px,\n  xxl: 1320px\n) !default;\n// scss-docs-end container-max-widths\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns:                12 !default;\n$grid-gutter-width:           1.5rem !default;\n$grid-row-columns:            6 !default;\n\n// Container padding\n\n$container-padding-x: $grid-gutter-width !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n// scss-docs-start border-variables\n$border-width:                1px !default;\n$border-widths: (\n  1: 1px,\n  2: 2px,\n  3: 3px,\n  4: 4px,\n  5: 5px\n) !default;\n\n$border-style:                solid !default;\n$border-color:                $gray-300 !default;\n$border-color-translucent:    rgba($black, .175) !default;\n// scss-docs-end border-variables\n\n// scss-docs-start border-radius-variables\n$border-radius:               .375rem !default;\n$border-radius-sm:            .25rem !default;\n$border-radius-lg:            .5rem !default;\n$border-radius-xl:            1rem !default;\n$border-radius-2xl:           2rem !default;\n$border-radius-pill:          50rem !default;\n// scss-docs-end border-radius-variables\n\n// scss-docs-start box-shadow-variables\n$box-shadow:                  0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-sm:               0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow-lg:               0 1rem 3rem rgba($black, .175) !default;\n$box-shadow-inset:            inset 0 1px 2px rgba($black, .075) !default;\n// scss-docs-end box-shadow-variables\n\n$component-active-color:      $white !default;\n$component-active-bg:         $primary !default;\n\n// scss-docs-start caret-variables\n$caret-width:                 .3em !default;\n$caret-vertical-align:        $caret-width * .85 !default;\n$caret-spacing:               $caret-width * .85 !default;\n// scss-docs-end caret-variables\n\n$transition-base:             all .2s ease-in-out !default;\n$transition-fade:             opacity .15s linear !default;\n// scss-docs-start collapse-transition\n$transition-collapse:         height .35s ease !default;\n$transition-collapse-width:   width .35s ease !default;\n// scss-docs-end collapse-transition\n\n// stylelint-disable function-disallowed-list\n// scss-docs-start aspect-ratios\n$aspect-ratios: (\n  \"1x1\": 100%,\n  \"4x3\": calc(3 / 4 * 100%),\n  \"16x9\": calc(9 / 16 * 100%),\n  \"21x9\": calc(9 / 21 * 100%)\n) !default;\n// scss-docs-end aspect-ratios\n// stylelint-enable function-disallowed-list\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// scss-docs-start font-variables\n// stylelint-disable value-keyword-case\n$font-family-sans-serif:      system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace:       SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n// stylelint-enable value-keyword-case\n$font-family-base:            var(--#{$prefix}font-sans-serif) !default;\n$font-family-code:            var(--#{$prefix}font-monospace) !default;\n\n// $font-size-root affects the value of `rem`, which is used for as well font sizes, paddings, and margins\n// $font-size-base affects the font size of the body text\n$font-size-root:              null !default;\n$font-size-base:              1rem !default; // Assumes the browser default, typically `16px`\n$font-size-sm:                $font-size-base * .875 !default;\n$font-size-lg:                $font-size-base * 1.25 !default;\n\n$font-weight-lighter:         lighter !default;\n$font-weight-light:           300 !default;\n$font-weight-normal:          400 !default;\n$font-weight-semibold:        600 !default;\n$font-weight-bold:            700 !default;\n$font-weight-bolder:          bolder !default;\n\n$font-weight-base:            $font-weight-normal !default;\n\n$line-height-base:            1.5 !default;\n$line-height-sm:              1.25 !default;\n$line-height-lg:              2 !default;\n\n$h1-font-size:                $font-size-base * 2.5 !default;\n$h2-font-size:                $font-size-base * 2 !default;\n$h3-font-size:                $font-size-base * 1.75 !default;\n$h4-font-size:                $font-size-base * 1.5 !default;\n$h5-font-size:                $font-size-base * 1.25 !default;\n$h6-font-size:                $font-size-base !default;\n// scss-docs-end font-variables\n\n// scss-docs-start font-sizes\n$font-sizes: (\n  1: $h1-font-size,\n  2: $h2-font-size,\n  3: $h3-font-size,\n  4: $h4-font-size,\n  5: $h5-font-size,\n  6: $h6-font-size\n) !default;\n// scss-docs-end font-sizes\n\n// scss-docs-start headings-variables\n$headings-margin-bottom:      $spacer * .5 !default;\n$headings-font-family:        null !default;\n$headings-font-style:         null !default;\n$headings-font-weight:        500 !default;\n$headings-line-height:        1.2 !default;\n$headings-color:              null !default;\n// scss-docs-end headings-variables\n\n// scss-docs-start display-headings\n$display-font-sizes: (\n  1: 5rem,\n  2: 4.5rem,\n  3: 4rem,\n  4: 3.5rem,\n  5: 3rem,\n  6: 2.5rem\n) !default;\n\n$display-font-family: null !default;\n$display-font-style:  null !default;\n$display-font-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n// scss-docs-end display-headings\n\n// scss-docs-start type-variables\n$lead-font-size:              $font-size-base * 1.25 !default;\n$lead-font-weight:            300 !default;\n\n$small-font-size:             .875em !default;\n\n$sub-sup-font-size:           .75em !default;\n\n$text-muted:                  $gray-600 !default;\n\n$initialism-font-size:        $small-font-size !default;\n\n$blockquote-margin-y:         $spacer !default;\n$blockquote-font-size:        $font-size-base * 1.25 !default;\n$blockquote-footer-color:     $gray-600 !default;\n$blockquote-footer-font-size: $small-font-size !default;\n\n$hr-margin-y:                 $spacer !default;\n$hr-color:                    inherit !default;\n\n// fusv-disable\n$hr-bg-color:                 null !default; // Deprecated in v5.2.0\n$hr-height:                   null !default; // Deprecated in v5.2.0\n// fusv-enable\n\n$hr-border-color:             null !default; // Allows for inherited colors\n$hr-border-width:             $border-width !default;\n$hr-opacity:                  .25 !default;\n\n$legend-margin-bottom:        .5rem !default;\n$legend-font-size:            1.5rem !default;\n$legend-font-weight:          null !default;\n\n$dt-font-weight:              $font-weight-bold !default;\n\n$list-inline-padding:         .5rem !default;\n\n$mark-padding:                .1875em !default;\n$mark-bg:                     $yellow-100 !default;\n// scss-docs-end type-variables\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n// scss-docs-start table-variables\n$table-cell-padding-y:        .5rem !default;\n$table-cell-padding-x:        .5rem !default;\n$table-cell-padding-y-sm:     .25rem !default;\n$table-cell-padding-x-sm:     .25rem !default;\n\n$table-cell-vertical-align:   top !default;\n\n$table-color:                 var(--#{$prefix}body-color) !default;\n$table-bg:                    transparent !default;\n$table-accent-bg:             transparent !default;\n\n$table-th-font-weight:        null !default;\n\n$table-striped-color:         $table-color !default;\n$table-striped-bg-factor:     .05 !default;\n$table-striped-bg:            rgba($black, $table-striped-bg-factor) !default;\n\n$table-active-color:          $table-color !default;\n$table-active-bg-factor:      .1 !default;\n$table-active-bg:             rgba($black, $table-active-bg-factor) !default;\n\n$table-hover-color:           $table-color !default;\n$table-hover-bg-factor:       .075 !default;\n$table-hover-bg:              rgba($black, $table-hover-bg-factor) !default;\n\n$table-border-factor:         .1 !default;\n$table-border-width:          $border-width !default;\n$table-border-color:          var(--#{$prefix}border-color) !default;\n\n$table-striped-order:         odd !default;\n$table-striped-columns-order: even !default;\n\n$table-group-separator-color: currentcolor !default;\n\n$table-caption-color:         $text-muted !default;\n\n$table-bg-scale:              -80% !default;\n// scss-docs-end table-variables\n\n// scss-docs-start table-loop\n$table-variants: (\n  \"primary\":    shift-color($primary, $table-bg-scale),\n  \"secondary\":  shift-color($secondary, $table-bg-scale),\n  \"success\":    shift-color($success, $table-bg-scale),\n  \"info\":       shift-color($info, $table-bg-scale),\n  \"warning\":    shift-color($warning, $table-bg-scale),\n  \"danger\":     shift-color($danger, $table-bg-scale),\n  \"light\":      $light,\n  \"dark\":       $dark,\n) !default;\n// scss-docs-end table-loop\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n// scss-docs-start input-btn-variables\n$input-btn-padding-y:         .375rem !default;\n$input-btn-padding-x:         .75rem !default;\n$input-btn-font-family:       null !default;\n$input-btn-font-size:         $font-size-base !default;\n$input-btn-line-height:       $line-height-base !default;\n\n$input-btn-focus-width:         .25rem !default;\n$input-btn-focus-color-opacity: .25 !default;\n$input-btn-focus-color:         rgba($component-active-bg, $input-btn-focus-color-opacity) !default;\n$input-btn-focus-blur:          0 !default;\n$input-btn-focus-box-shadow:    0 0 $input-btn-focus-blur $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm:      .25rem !default;\n$input-btn-padding-x-sm:      .5rem !default;\n$input-btn-font-size-sm:      $font-size-sm !default;\n\n$input-btn-padding-y-lg:      .5rem !default;\n$input-btn-padding-x-lg:      1rem !default;\n$input-btn-font-size-lg:      $font-size-lg !default;\n\n$input-btn-border-width:      $border-width !default;\n// scss-docs-end input-btn-variables\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n// scss-docs-start btn-variables\n$btn-padding-y:               $input-btn-padding-y !default;\n$btn-padding-x:               $input-btn-padding-x !default;\n$btn-font-family:             $input-btn-font-family !default;\n$btn-font-size:               $input-btn-font-size !default;\n$btn-line-height:             $input-btn-line-height !default;\n$btn-white-space:             null !default; // Set to `nowrap` to prevent text wrapping\n\n$btn-padding-y-sm:            $input-btn-padding-y-sm !default;\n$btn-padding-x-sm:            $input-btn-padding-x-sm !default;\n$btn-font-size-sm:            $input-btn-font-size-sm !default;\n\n$btn-padding-y-lg:            $input-btn-padding-y-lg !default;\n$btn-padding-x-lg:            $input-btn-padding-x-lg !default;\n$btn-font-size-lg:            $input-btn-font-size-lg !default;\n\n$btn-border-width:            $input-btn-border-width !default;\n\n$btn-font-weight:             $font-weight-normal !default;\n$btn-box-shadow:              inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width:             $input-btn-focus-width !default;\n$btn-focus-box-shadow:        $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity:        .65 !default;\n$btn-active-box-shadow:       inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-color:              var(--#{$prefix}link-color) !default;\n$btn-link-hover-color:        var(--#{$prefix}link-hover-color) !default;\n$btn-link-disabled-color:     $gray-600 !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius:           $border-radius !default;\n$btn-border-radius-sm:        $border-radius-sm !default;\n$btn-border-radius-lg:        $border-radius-lg !default;\n\n$btn-transition:              color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$btn-hover-bg-shade-amount:       15% !default;\n$btn-hover-bg-tint-amount:        15% !default;\n$btn-hover-border-shade-amount:   20% !default;\n$btn-hover-border-tint-amount:    10% !default;\n$btn-active-bg-shade-amount:      20% !default;\n$btn-active-bg-tint-amount:       20% !default;\n$btn-active-border-shade-amount:  25% !default;\n$btn-active-border-tint-amount:   10% !default;\n// scss-docs-end btn-variables\n\n\n// Forms\n\n// scss-docs-start form-text-variables\n$form-text-margin-top:                  .25rem !default;\n$form-text-font-size:                   $small-font-size !default;\n$form-text-font-style:                  null !default;\n$form-text-font-weight:                 null !default;\n$form-text-color:                       $text-muted !default;\n// scss-docs-end form-text-variables\n\n// scss-docs-start form-label-variables\n$form-label-margin-bottom:              .5rem !default;\n$form-label-font-size:                  null !default;\n$form-label-font-style:                 null !default;\n$form-label-font-weight:                null !default;\n$form-label-color:                      null !default;\n// scss-docs-end form-label-variables\n\n// scss-docs-start form-input-variables\n$input-padding-y:                       $input-btn-padding-y !default;\n$input-padding-x:                       $input-btn-padding-x !default;\n$input-font-family:                     $input-btn-font-family !default;\n$input-font-size:                       $input-btn-font-size !default;\n$input-font-weight:                     $font-weight-base !default;\n$input-line-height:                     $input-btn-line-height !default;\n\n$input-padding-y-sm:                    $input-btn-padding-y-sm !default;\n$input-padding-x-sm:                    $input-btn-padding-x-sm !default;\n$input-font-size-sm:                    $input-btn-font-size-sm !default;\n\n$input-padding-y-lg:                    $input-btn-padding-y-lg !default;\n$input-padding-x-lg:                    $input-btn-padding-x-lg !default;\n$input-font-size-lg:                    $input-btn-font-size-lg !default;\n\n$input-bg:                              $body-bg !default;\n$input-disabled-color:                  null !default;\n$input-disabled-bg:                     $gray-200 !default;\n$input-disabled-border-color:           null !default;\n\n$input-color:                           $body-color !default;\n$input-border-color:                    $gray-400 !default;\n$input-border-width:                    $input-btn-border-width !default;\n$input-box-shadow:                      $box-shadow-inset !default;\n\n$input-border-radius:                   $border-radius !default;\n$input-border-radius-sm:                $border-radius-sm !default;\n$input-border-radius-lg:                $border-radius-lg !default;\n\n$input-focus-bg:                        $input-bg !default;\n$input-focus-border-color:              tint-color($component-active-bg, 50%) !default;\n$input-focus-color:                     $input-color !default;\n$input-focus-width:                     $input-btn-focus-width !default;\n$input-focus-box-shadow:                $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color:               $gray-600 !default;\n$input-plaintext-color:                 $body-color !default;\n\n$input-height-border:                   $input-border-width * 2 !default;\n\n$input-height-inner:                    add($input-line-height * 1em, $input-padding-y * 2) !default;\n$input-height-inner-half:               add($input-line-height * .5em, $input-padding-y) !default;\n$input-height-inner-quarter:            add($input-line-height * .25em, $input-padding-y * .5) !default;\n\n$input-height:                          add($input-line-height * 1em, add($input-padding-y * 2, $input-height-border, false)) !default;\n$input-height-sm:                       add($input-line-height * 1em, add($input-padding-y-sm * 2, $input-height-border, false)) !default;\n$input-height-lg:                       add($input-line-height * 1em, add($input-padding-y-lg * 2, $input-height-border, false)) !default;\n\n$input-transition:                      border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-color-width:                      3rem !default;\n// scss-docs-end form-input-variables\n\n// scss-docs-start form-check-variables\n$form-check-input-width:                  1em !default;\n$form-check-min-height:                   $font-size-base * $line-height-base !default;\n$form-check-padding-start:                $form-check-input-width + .5em !default;\n$form-check-margin-bottom:                .125rem !default;\n$form-check-label-color:                  null !default;\n$form-check-label-cursor:                 null !default;\n$form-check-transition:                   null !default;\n\n$form-check-input-active-filter:          brightness(90%) !default;\n\n$form-check-input-bg:                     $input-bg !default;\n$form-check-input-border:                 1px solid rgba($black, .25) !default;\n$form-check-input-border-radius:          .25em !default;\n$form-check-radio-border-radius:          50% !default;\n$form-check-input-focus-border:           $input-focus-border-color !default;\n$form-check-input-focus-box-shadow:       $input-btn-focus-box-shadow !default;\n\n$form-check-input-checked-color:          $component-active-color !default;\n$form-check-input-checked-bg-color:       $component-active-bg !default;\n$form-check-input-checked-border-color:   $form-check-input-checked-bg-color !default;\n$form-check-input-checked-bg-image:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='none' stroke='#{$form-check-input-checked-color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/></svg>\") !default;\n$form-check-radio-checked-bg-image:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='2' fill='#{$form-check-input-checked-color}'/></svg>\") !default;\n\n$form-check-input-indeterminate-color:          $component-active-color !default;\n$form-check-input-indeterminate-bg-color:       $component-active-bg !default;\n$form-check-input-indeterminate-border-color:   $form-check-input-indeterminate-bg-color !default;\n$form-check-input-indeterminate-bg-image:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='none' stroke='#{$form-check-input-indeterminate-color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/></svg>\") !default;\n\n$form-check-input-disabled-opacity:        .5 !default;\n$form-check-label-disabled-opacity:        $form-check-input-disabled-opacity !default;\n$form-check-btn-check-disabled-opacity:    $btn-disabled-opacity !default;\n\n$form-check-inline-margin-end:    1rem !default;\n// scss-docs-end form-check-variables\n\n// scss-docs-start form-switch-variables\n$form-switch-color:               rgba($black, .25) !default;\n$form-switch-width:               2em !default;\n$form-switch-padding-start:       $form-switch-width + .5em !default;\n$form-switch-bg-image:            url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$form-switch-color}'/></svg>\") !default;\n$form-switch-border-radius:       $form-switch-width !default;\n$form-switch-transition:          background-position .15s ease-in-out !default;\n\n$form-switch-focus-color:         $input-focus-border-color !default;\n$form-switch-focus-bg-image:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$form-switch-focus-color}'/></svg>\") !default;\n\n$form-switch-checked-color:       $component-active-color !default;\n$form-switch-checked-bg-image:    url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$form-switch-checked-color}'/></svg>\") !default;\n$form-switch-checked-bg-position: right center !default;\n// scss-docs-end form-switch-variables\n\n// scss-docs-start input-group-variables\n$input-group-addon-padding-y:           $input-padding-y !default;\n$input-group-addon-padding-x:           $input-padding-x !default;\n$input-group-addon-font-weight:         $input-font-weight !default;\n$input-group-addon-color:               $input-color !default;\n$input-group-addon-bg:                  $gray-200 !default;\n$input-group-addon-border-color:        $input-border-color !default;\n// scss-docs-end input-group-variables\n\n// scss-docs-start form-select-variables\n$form-select-padding-y:             $input-padding-y !default;\n$form-select-padding-x:             $input-padding-x !default;\n$form-select-font-family:           $input-font-family !default;\n$form-select-font-size:             $input-font-size !default;\n$form-select-indicator-padding:     $form-select-padding-x * 3 !default; // Extra padding for background-image\n$form-select-font-weight:           $input-font-weight !default;\n$form-select-line-height:           $input-line-height !default;\n$form-select-color:                 $input-color !default;\n$form-select-bg:                    $input-bg !default;\n$form-select-disabled-color:        null !default;\n$form-select-disabled-bg:           $gray-200 !default;\n$form-select-disabled-border-color: $input-disabled-border-color !default;\n$form-select-bg-position:           right $form-select-padding-x center !default;\n$form-select-bg-size:               16px 12px !default; // In pixels because image dimensions\n$form-select-indicator-color:       $gray-800 !default;\n$form-select-indicator:             url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#{$form-select-indicator-color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/></svg>\") !default;\n\n$form-select-feedback-icon-padding-end: $form-select-padding-x * 2.5 + $form-select-indicator-padding !default;\n$form-select-feedback-icon-position:    center right $form-select-indicator-padding !default;\n$form-select-feedback-icon-size:        $input-height-inner-half $input-height-inner-half !default;\n\n$form-select-border-width:        $input-border-width !default;\n$form-select-border-color:        $input-border-color !default;\n$form-select-border-radius:       $input-border-radius !default;\n$form-select-box-shadow:          $box-shadow-inset !default;\n\n$form-select-focus-border-color:  $input-focus-border-color !default;\n$form-select-focus-width:         $input-focus-width !default;\n$form-select-focus-box-shadow:    0 0 0 $form-select-focus-width $input-btn-focus-color !default;\n\n$form-select-padding-y-sm:        $input-padding-y-sm !default;\n$form-select-padding-x-sm:        $input-padding-x-sm !default;\n$form-select-font-size-sm:        $input-font-size-sm !default;\n$form-select-border-radius-sm:    $input-border-radius-sm !default;\n\n$form-select-padding-y-lg:        $input-padding-y-lg !default;\n$form-select-padding-x-lg:        $input-padding-x-lg !default;\n$form-select-font-size-lg:        $input-font-size-lg !default;\n$form-select-border-radius-lg:    $input-border-radius-lg !default;\n\n$form-select-transition:          $input-transition !default;\n// scss-docs-end form-select-variables\n\n// scss-docs-start form-range-variables\n$form-range-track-width:          100% !default;\n$form-range-track-height:         .5rem !default;\n$form-range-track-cursor:         pointer !default;\n$form-range-track-bg:             $gray-300 !default;\n$form-range-track-border-radius:  1rem !default;\n$form-range-track-box-shadow:     $box-shadow-inset !default;\n\n$form-range-thumb-width:                   1rem !default;\n$form-range-thumb-height:                  $form-range-thumb-width !default;\n$form-range-thumb-bg:                      $component-active-bg !default;\n$form-range-thumb-border:                  0 !default;\n$form-range-thumb-border-radius:           1rem !default;\n$form-range-thumb-box-shadow:              0 .1rem .25rem rgba($black, .1) !default;\n$form-range-thumb-focus-box-shadow:        0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$form-range-thumb-focus-box-shadow-width:  $input-focus-width !default; // For focus box shadow issue in Edge\n$form-range-thumb-active-bg:               tint-color($component-active-bg, 70%) !default;\n$form-range-thumb-disabled-bg:             $gray-500 !default;\n$form-range-thumb-transition:              background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n// scss-docs-end form-range-variables\n\n// scss-docs-start form-file-variables\n$form-file-button-color:          $input-color !default;\n$form-file-button-bg:             $input-group-addon-bg !default;\n$form-file-button-hover-bg:       shade-color($form-file-button-bg, 5%) !default;\n// scss-docs-end form-file-variables\n\n// scss-docs-start form-floating-variables\n$form-floating-height:            add(3.5rem, $input-height-border) !default;\n$form-floating-line-height:       1.25 !default;\n$form-floating-padding-x:         $input-padding-x !default;\n$form-floating-padding-y:         1rem !default;\n$form-floating-input-padding-t:   1.625rem !default;\n$form-floating-input-padding-b:   .625rem !default;\n$form-floating-label-opacity:     .65 !default;\n$form-floating-label-transform:   scale(.85) translateY(-.5rem) translateX(.15rem) !default;\n$form-floating-transition:        opacity .1s ease-in-out, transform .1s ease-in-out !default;\n// scss-docs-end form-floating-variables\n\n// Form validation\n\n// scss-docs-start form-feedback-variables\n$form-feedback-margin-top:          $form-text-margin-top !default;\n$form-feedback-font-size:           $form-text-font-size !default;\n$form-feedback-font-style:          $form-text-font-style !default;\n$form-feedback-valid-color:         $success !default;\n$form-feedback-invalid-color:       $danger !default;\n\n$form-feedback-icon-valid-color:    $form-feedback-valid-color !default;\n$form-feedback-icon-valid:          url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><path fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/></svg>\") !default;\n$form-feedback-icon-invalid-color:  $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='#{$form-feedback-icon-invalid-color}'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='#{$form-feedback-icon-invalid-color}' stroke='none'/></svg>\") !default;\n// scss-docs-end form-feedback-variables\n\n// scss-docs-start form-validation-states\n$form-validation-states: (\n  \"valid\": (\n    \"color\": $form-feedback-valid-color,\n    \"icon\": $form-feedback-icon-valid\n  ),\n  \"invalid\": (\n    \"color\": $form-feedback-invalid-color,\n    \"icon\": $form-feedback-icon-invalid\n  )\n) !default;\n// scss-docs-end form-validation-states\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n// scss-docs-start zindex-stack\n$zindex-dropdown:                   1000 !default;\n$zindex-sticky:                     1020 !default;\n$zindex-fixed:                      1030 !default;\n$zindex-offcanvas-backdrop:         1040 !default;\n$zindex-offcanvas:                  1045 !default;\n$zindex-modal-backdrop:             1050 !default;\n$zindex-modal:                      1055 !default;\n$zindex-popover:                    1070 !default;\n$zindex-tooltip:                    1080 !default;\n$zindex-toast:                      1090 !default;\n// scss-docs-end zindex-stack\n\n\n// Navs\n\n// scss-docs-start nav-variables\n$nav-link-padding-y:                .5rem !default;\n$nav-link-padding-x:                1rem !default;\n$nav-link-font-size:                null !default;\n$nav-link-font-weight:              null !default;\n$nav-link-color:                    var(--#{$prefix}link-color) !default;\n$nav-link-hover-color:              var(--#{$prefix}link-hover-color) !default;\n$nav-link-transition:               color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out !default;\n$nav-link-disabled-color:           $gray-600 !default;\n\n$nav-tabs-border-color:             $gray-300 !default;\n$nav-tabs-border-width:             $border-width !default;\n$nav-tabs-border-radius:            $border-radius !default;\n$nav-tabs-link-hover-border-color:  $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color:        $gray-700 !default;\n$nav-tabs-link-active-bg:           $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius:           $border-radius !default;\n$nav-pills-link-active-color:       $component-active-color !default;\n$nav-pills-link-active-bg:          $component-active-bg !default;\n// scss-docs-end nav-variables\n\n\n// Navbar\n\n// scss-docs-start navbar-variables\n$navbar-padding-y:                  $spacer * .5 !default;\n$navbar-padding-x:                  null !default;\n\n$navbar-nav-link-padding-x:         .5rem !default;\n\n$navbar-brand-font-size:            $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height:                   $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height:               $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y:            ($nav-link-height - $navbar-brand-height) * .5 !default;\n$navbar-brand-margin-end:           1rem !default;\n\n$navbar-toggler-padding-y:          .25rem !default;\n$navbar-toggler-padding-x:          .75rem !default;\n$navbar-toggler-font-size:          $font-size-lg !default;\n$navbar-toggler-border-radius:      $btn-border-radius !default;\n$navbar-toggler-focus-width:        $btn-focus-width !default;\n$navbar-toggler-transition:         box-shadow .15s ease-in-out !default;\n// scss-docs-end navbar-variables\n\n// scss-docs-start navbar-theme-variables\n$navbar-dark-color:                 rgba($white, .55) !default;\n$navbar-dark-hover-color:           rgba($white, .75) !default;\n$navbar-dark-active-color:          $white !default;\n$navbar-dark-disabled-color:        rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='#{$navbar-dark-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\n$navbar-dark-toggler-border-color:  rgba($white, .1) !default;\n\n$navbar-light-color:                rgba($black, .55) !default;\n$navbar-light-hover-color:          rgba($black, .7) !default;\n$navbar-light-active-color:         rgba($black, .9) !default;\n$navbar-light-disabled-color:       rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='#{$navbar-light-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n$navbar-light-brand-color:                $navbar-light-active-color !default;\n$navbar-light-brand-hover-color:          $navbar-light-active-color !default;\n$navbar-dark-brand-color:                 $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color:           $navbar-dark-active-color !default;\n// scss-docs-end navbar-theme-variables\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n// scss-docs-start dropdown-variables\n$dropdown-min-width:                10rem !default;\n$dropdown-padding-x:                0 !default;\n$dropdown-padding-y:                .5rem !default;\n$dropdown-spacer:                   .125rem !default;\n$dropdown-font-size:                $font-size-base !default;\n$dropdown-color:                    $body-color !default;\n$dropdown-bg:                       $white !default;\n$dropdown-border-color:             var(--#{$prefix}border-color-translucent) !default;\n$dropdown-border-radius:            $border-radius !default;\n$dropdown-border-width:             $border-width !default;\n$dropdown-inner-border-radius:      subtract($dropdown-border-radius, $dropdown-border-width) !default;\n$dropdown-divider-bg:               $dropdown-border-color !default;\n$dropdown-divider-margin-y:         $spacer * .5 !default;\n$dropdown-box-shadow:               $box-shadow !default;\n\n$dropdown-link-color:               $gray-900 !default;\n$dropdown-link-hover-color:         shade-color($dropdown-link-color, 10%) !default;\n$dropdown-link-hover-bg:            $gray-200 !default;\n\n$dropdown-link-active-color:        $component-active-color !default;\n$dropdown-link-active-bg:           $component-active-bg !default;\n\n$dropdown-link-disabled-color:      $gray-500 !default;\n\n$dropdown-item-padding-y:           $spacer * .25 !default;\n$dropdown-item-padding-x:           $spacer !default;\n\n$dropdown-header-color:             $gray-600 !default;\n$dropdown-header-padding-x:         $dropdown-item-padding-x !default;\n$dropdown-header-padding-y:         $dropdown-padding-y !default;\n// fusv-disable\n$dropdown-header-padding:           $dropdown-header-padding-y $dropdown-header-padding-x !default; // Deprecated in v5.2.0\n// fusv-enable\n// scss-docs-end dropdown-variables\n\n// scss-docs-start dropdown-dark-variables\n$dropdown-dark-color:               $gray-300 !default;\n$dropdown-dark-bg:                  $gray-800 !default;\n$dropdown-dark-border-color:        $dropdown-border-color !default;\n$dropdown-dark-divider-bg:          $dropdown-divider-bg !default;\n$dropdown-dark-box-shadow:          null !default;\n$dropdown-dark-link-color:          $dropdown-dark-color !default;\n$dropdown-dark-link-hover-color:    $white !default;\n$dropdown-dark-link-hover-bg:       rgba($white, .15) !default;\n$dropdown-dark-link-active-color:   $dropdown-link-active-color !default;\n$dropdown-dark-link-active-bg:      $dropdown-link-active-bg !default;\n$dropdown-dark-link-disabled-color: $gray-500 !default;\n$dropdown-dark-header-color:        $gray-500 !default;\n// scss-docs-end dropdown-dark-variables\n\n\n// Pagination\n\n// scss-docs-start pagination-variables\n$pagination-padding-y:              .375rem !default;\n$pagination-padding-x:              .75rem !default;\n$pagination-padding-y-sm:           .25rem !default;\n$pagination-padding-x-sm:           .5rem !default;\n$pagination-padding-y-lg:           .75rem !default;\n$pagination-padding-x-lg:           1.5rem !default;\n\n$pagination-font-size:              $font-size-base !default;\n\n$pagination-color:                  var(--#{$prefix}link-color) !default;\n$pagination-bg:                     $white !default;\n$pagination-border-radius:          $border-radius !default;\n$pagination-border-width:           $border-width !default;\n$pagination-margin-start:           ($pagination-border-width * -1) !default;\n$pagination-border-color:           $gray-300 !default;\n\n$pagination-focus-color:            var(--#{$prefix}link-hover-color) !default;\n$pagination-focus-bg:               $gray-200 !default;\n$pagination-focus-box-shadow:       $input-btn-focus-box-shadow !default;\n$pagination-focus-outline:          0 !default;\n\n$pagination-hover-color:            var(--#{$prefix}link-hover-color) !default;\n$pagination-hover-bg:               $gray-200 !default;\n$pagination-hover-border-color:     $gray-300 !default;\n\n$pagination-active-color:           $component-active-color !default;\n$pagination-active-bg:              $component-active-bg !default;\n$pagination-active-border-color:    $pagination-active-bg !default;\n\n$pagination-disabled-color:         $gray-600 !default;\n$pagination-disabled-bg:            $white !default;\n$pagination-disabled-border-color:  $gray-300 !default;\n\n$pagination-transition:              color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$pagination-border-radius-sm:       $border-radius-sm !default;\n$pagination-border-radius-lg:       $border-radius-lg !default;\n// scss-docs-end pagination-variables\n\n\n// Placeholders\n\n// scss-docs-start placeholders\n$placeholder-opacity-max:           .5 !default;\n$placeholder-opacity-min:           .2 !default;\n// scss-docs-end placeholders\n\n// Cards\n\n// scss-docs-start card-variables\n$card-spacer-y:                     $spacer !default;\n$card-spacer-x:                     $spacer !default;\n$card-title-spacer-y:               $spacer * .5 !default;\n$card-border-width:                 $border-width !default;\n$card-border-color:                 var(--#{$prefix}border-color-translucent) !default;\n$card-border-radius:                $border-radius !default;\n$card-box-shadow:                   null !default;\n$card-inner-border-radius:          subtract($card-border-radius, $card-border-width) !default;\n$card-cap-padding-y:                $card-spacer-y * .5 !default;\n$card-cap-padding-x:                $card-spacer-x !default;\n$card-cap-bg:                       rgba($black, .03) !default;\n$card-cap-color:                    null !default;\n$card-height:                       null !default;\n$card-color:                        null !default;\n$card-bg:                           $white !default;\n$card-img-overlay-padding:          $spacer !default;\n$card-group-margin:                 $grid-gutter-width * .5 !default;\n// scss-docs-end card-variables\n\n// Accordion\n\n// scss-docs-start accordion-variables\n$accordion-padding-y:                     1rem !default;\n$accordion-padding-x:                     1.25rem !default;\n$accordion-color:                         var(--#{$prefix}body-color) !default;\n$accordion-bg:                            $body-bg !default;\n$accordion-border-width:                  $border-width !default;\n$accordion-border-color:                  var(--#{$prefix}border-color) !default;\n$accordion-border-radius:                 $border-radius !default;\n$accordion-inner-border-radius:           subtract($accordion-border-radius, $accordion-border-width) !default;\n\n$accordion-body-padding-y:                $accordion-padding-y !default;\n$accordion-body-padding-x:                $accordion-padding-x !default;\n\n$accordion-button-padding-y:              $accordion-padding-y !default;\n$accordion-button-padding-x:              $accordion-padding-x !default;\n$accordion-button-color:                  $accordion-color !default;\n$accordion-button-bg:                     var(--#{$prefix}accordion-bg) !default;\n$accordion-transition:                    $btn-transition, border-radius .15s ease !default;\n$accordion-button-active-bg:              tint-color($component-active-bg, 90%) !default;\n$accordion-button-active-color:           shade-color($primary, 10%) !default;\n\n$accordion-button-focus-border-color:     $input-focus-border-color !default;\n$accordion-button-focus-box-shadow:       $btn-focus-box-shadow !default;\n\n$accordion-icon-width:                    1.25rem !default;\n$accordion-icon-color:                    $accordion-button-color !default;\n$accordion-icon-active-color:             $accordion-button-active-color !default;\n$accordion-icon-transition:               transform .2s ease-in-out !default;\n$accordion-icon-transform:                rotate(-180deg) !default;\n\n$accordion-button-icon:         url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$accordion-icon-color}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>\") !default;\n$accordion-button-active-icon:  url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$accordion-icon-active-color}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>\") !default;\n// scss-docs-end accordion-variables\n\n// Tooltips\n\n// scss-docs-start tooltip-variables\n$tooltip-font-size:                 $font-size-sm !default;\n$tooltip-max-width:                 200px !default;\n$tooltip-color:                     $white !default;\n$tooltip-bg:                        $black !default;\n$tooltip-border-radius:             $border-radius !default;\n$tooltip-opacity:                   .9 !default;\n$tooltip-padding-y:                 $spacer * .25 !default;\n$tooltip-padding-x:                 $spacer * .5 !default;\n$tooltip-margin:                    null !default; // TODO: remove this in v6\n\n$tooltip-arrow-width:               .8rem !default;\n$tooltip-arrow-height:              .4rem !default;\n// fusv-disable\n$tooltip-arrow-color:               null !default; // Deprecated in Bootstrap 5.2.0 for CSS variables\n// fusv-enable\n// scss-docs-end tooltip-variables\n\n// Form tooltips must come after regular tooltips\n// scss-docs-start tooltip-feedback-variables\n$form-feedback-tooltip-padding-y:     $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x:     $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size:     $tooltip-font-size !default;\n$form-feedback-tooltip-line-height:   null !default;\n$form-feedback-tooltip-opacity:       $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n// scss-docs-end tooltip-feedback-variables\n\n\n// Popovers\n\n// scss-docs-start popover-variables\n$popover-font-size:                 $font-size-sm !default;\n$popover-bg:                        $white !default;\n$popover-max-width:                 276px !default;\n$popover-border-width:              $border-width !default;\n$popover-border-color:              var(--#{$prefix}border-color-translucent) !default;\n$popover-border-radius:             $border-radius-lg !default;\n$popover-inner-border-radius:       subtract($popover-border-radius, $popover-border-width) !default;\n$popover-box-shadow:                $box-shadow !default;\n\n$popover-header-font-size:          $font-size-base !default;\n$popover-header-bg:                 shade-color($popover-bg, 6%) !default;\n$popover-header-color:              var(--#{$prefix}heading-color) !default;\n$popover-header-padding-y:          .5rem !default;\n$popover-header-padding-x:          $spacer !default;\n\n$popover-body-color:                $body-color !default;\n$popover-body-padding-y:            $spacer !default;\n$popover-body-padding-x:            $spacer !default;\n\n$popover-arrow-width:               1rem !default;\n$popover-arrow-height:              .5rem !default;\n// scss-docs-end popover-variables\n\n// fusv-disable\n// Deprecated in Bootstrap 5.2.0 for CSS variables\n$popover-arrow-color:               $popover-bg !default;\n$popover-arrow-outer-color:         var(--#{$prefix}border-color-translucent) !default;\n// fusv-enable\n\n\n// Toasts\n\n// scss-docs-start toast-variables\n$toast-max-width:                   350px !default;\n$toast-padding-x:                   .75rem !default;\n$toast-padding-y:                   .5rem !default;\n$toast-font-size:                   .875rem !default;\n$toast-color:                       null !default;\n$toast-background-color:            rgba($white, .85) !default;\n$toast-border-width:                $border-width !default;\n$toast-border-color:                var(--#{$prefix}border-color-translucent) !default;\n$toast-border-radius:               $border-radius !default;\n$toast-box-shadow:                  $box-shadow !default;\n$toast-spacing:                     $container-padding-x !default;\n\n$toast-header-color:                $gray-600 !default;\n$toast-header-background-color:     rgba($white, .85) !default;\n$toast-header-border-color:         rgba($black, .05) !default;\n// scss-docs-end toast-variables\n\n\n// Badges\n\n// scss-docs-start badge-variables\n$badge-font-size:                   .75em !default;\n$badge-font-weight:                 $font-weight-bold !default;\n$badge-color:                       $white !default;\n$badge-padding-y:                   .35em !default;\n$badge-padding-x:                   .65em !default;\n$badge-border-radius:               $border-radius !default;\n// scss-docs-end badge-variables\n\n\n// Modals\n\n// scss-docs-start modal-variables\n$modal-inner-padding:               $spacer !default;\n\n$modal-footer-margin-between:       .5rem !default;\n\n$modal-dialog-margin:               .5rem !default;\n$modal-dialog-margin-y-sm-up:       1.75rem !default;\n\n$modal-title-line-height:           $line-height-base !default;\n\n$modal-content-color:               null !default;\n$modal-content-bg:                  $white !default;\n$modal-content-border-color:        var(--#{$prefix}border-color-translucent) !default;\n$modal-content-border-width:        $border-width !default;\n$modal-content-border-radius:       $border-radius-lg !default;\n$modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width) !default;\n$modal-content-box-shadow-xs:       $box-shadow-sm !default;\n$modal-content-box-shadow-sm-up:    $box-shadow !default;\n\n$modal-backdrop-bg:                 $black !default;\n$modal-backdrop-opacity:            .5 !default;\n\n$modal-header-border-color:         var(--#{$prefix}border-color) !default;\n$modal-header-border-width:         $modal-content-border-width !default;\n$modal-header-padding-y:            $modal-inner-padding !default;\n$modal-header-padding-x:            $modal-inner-padding !default;\n$modal-header-padding:              $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-footer-bg:                   null !default;\n$modal-footer-border-color:         $modal-header-border-color !default;\n$modal-footer-border-width:         $modal-header-border-width !default;\n\n$modal-sm:                          300px !default;\n$modal-md:                          500px !default;\n$modal-lg:                          800px !default;\n$modal-xl:                          1140px !default;\n\n$modal-fade-transform:              translate(0, -50px) !default;\n$modal-show-transform:              none !default;\n$modal-transition:                  transform .3s ease-out !default;\n$modal-scale-transform:             scale(1.02) !default;\n// scss-docs-end modal-variables\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n// scss-docs-start alert-variables\n$alert-padding-y:               $spacer !default;\n$alert-padding-x:               $spacer !default;\n$alert-margin-bottom:           1rem !default;\n$alert-border-radius:           $border-radius !default;\n$alert-link-font-weight:        $font-weight-bold !default;\n$alert-border-width:            $border-width !default;\n$alert-bg-scale:                -80% !default;\n$alert-border-scale:            -70% !default;\n$alert-color-scale:             40% !default;\n$alert-dismissible-padding-r:   $alert-padding-x * 3 !default; // 3x covers width of x plus default padding on either side\n// scss-docs-end alert-variables\n\n\n// Progress bars\n\n// scss-docs-start progress-variables\n$progress-height:                   1rem !default;\n$progress-font-size:                $font-size-base * .75 !default;\n$progress-bg:                       $gray-200 !default;\n$progress-border-radius:            $border-radius !default;\n$progress-box-shadow:               $box-shadow-inset !default;\n$progress-bar-color:                $white !default;\n$progress-bar-bg:                   $primary !default;\n$progress-bar-animation-timing:     1s linear infinite !default;\n$progress-bar-transition:           width .6s ease !default;\n// scss-docs-end progress-variables\n\n\n// List group\n\n// scss-docs-start list-group-variables\n$list-group-color:                  $gray-900 !default;\n$list-group-bg:                     $white !default;\n$list-group-border-color:           rgba($black, .125) !default;\n$list-group-border-width:           $border-width !default;\n$list-group-border-radius:          $border-radius !default;\n\n$list-group-item-padding-y:         $spacer * .5 !default;\n$list-group-item-padding-x:         $spacer !default;\n$list-group-item-bg-scale:          -80% !default;\n$list-group-item-color-scale:       40% !default;\n\n$list-group-hover-bg:               $gray-100 !default;\n$list-group-active-color:           $component-active-color !default;\n$list-group-active-bg:              $component-active-bg !default;\n$list-group-active-border-color:    $list-group-active-bg !default;\n\n$list-group-disabled-color:         $gray-600 !default;\n$list-group-disabled-bg:            $list-group-bg !default;\n\n$list-group-action-color:           $gray-700 !default;\n$list-group-action-hover-color:     $list-group-action-color !default;\n\n$list-group-action-active-color:    $body-color !default;\n$list-group-action-active-bg:       $gray-200 !default;\n// scss-docs-end list-group-variables\n\n\n// Image thumbnails\n\n// scss-docs-start thumbnail-variables\n$thumbnail-padding:                 .25rem !default;\n$thumbnail-bg:                      $body-bg !default;\n$thumbnail-border-width:            $border-width !default;\n$thumbnail-border-color:            var(--#{$prefix}border-color) !default;\n$thumbnail-border-radius:           $border-radius !default;\n$thumbnail-box-shadow:              $box-shadow-sm !default;\n// scss-docs-end thumbnail-variables\n\n\n// Figures\n\n// scss-docs-start figure-variables\n$figure-caption-font-size:          $small-font-size !default;\n$figure-caption-color:              $gray-600 !default;\n// scss-docs-end figure-variables\n\n\n// Breadcrumbs\n\n// scss-docs-start breadcrumb-variables\n$breadcrumb-font-size:              null !default;\n$breadcrumb-padding-y:              0 !default;\n$breadcrumb-padding-x:              0 !default;\n$breadcrumb-item-padding-x:         .5rem !default;\n$breadcrumb-margin-bottom:          1rem !default;\n$breadcrumb-bg:                     null !default;\n$breadcrumb-divider-color:          $gray-600 !default;\n$breadcrumb-active-color:           $gray-600 !default;\n$breadcrumb-divider:                quote(\"/\") !default;\n$breadcrumb-divider-flipped:        $breadcrumb-divider !default;\n$breadcrumb-border-radius:          null !default;\n// scss-docs-end breadcrumb-variables\n\n// Carousel\n\n// scss-docs-start carousel-variables\n$carousel-control-color:             $white !default;\n$carousel-control-width:             15% !default;\n$carousel-control-opacity:           .5 !default;\n$carousel-control-hover-opacity:     .9 !default;\n$carousel-control-transition:        opacity .15s ease !default;\n\n$carousel-indicator-width:           30px !default;\n$carousel-indicator-height:          3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer:          3px !default;\n$carousel-indicator-opacity:         .5 !default;\n$carousel-indicator-active-bg:       $white !default;\n$carousel-indicator-active-opacity:  1 !default;\n$carousel-indicator-transition:      opacity .6s ease !default;\n\n$carousel-caption-width:             70% !default;\n$carousel-caption-color:             $white !default;\n$carousel-caption-padding-y:         1.25rem !default;\n$carousel-caption-spacer:            1.25rem !default;\n\n$carousel-control-icon-width:        2rem !default;\n\n$carousel-control-prev-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$carousel-control-color}'><path d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/></svg>\") !default;\n$carousel-control-next-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$carousel-control-color}'><path d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/></svg>\") !default;\n\n$carousel-transition-duration:       .6s !default;\n$carousel-transition:                transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n$carousel-dark-indicator-active-bg:  $black !default;\n$carousel-dark-caption-color:        $black !default;\n$carousel-dark-control-icon-filter:  invert(1) grayscale(100) !default;\n// scss-docs-end carousel-variables\n\n\n// Spinners\n\n// scss-docs-start spinner-variables\n$spinner-width:           2rem !default;\n$spinner-height:          $spinner-width !default;\n$spinner-vertical-align:  -.125em !default;\n$spinner-border-width:    .25em !default;\n$spinner-animation-speed: .75s !default;\n\n$spinner-width-sm:        1rem !default;\n$spinner-height-sm:       $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n// scss-docs-end spinner-variables\n\n\n// Close\n\n// scss-docs-start close-variables\n$btn-close-width:            1em !default;\n$btn-close-height:           $btn-close-width !default;\n$btn-close-padding-x:        .25em !default;\n$btn-close-padding-y:        $btn-close-padding-x !default;\n$btn-close-color:            $black !default;\n$btn-close-bg:               url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$btn-close-color}'><path d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/></svg>\") !default;\n$btn-close-focus-shadow:     $input-btn-focus-box-shadow !default;\n$btn-close-opacity:          .5 !default;\n$btn-close-hover-opacity:    .75 !default;\n$btn-close-focus-opacity:    1 !default;\n$btn-close-disabled-opacity: .25 !default;\n$btn-close-white-filter:     invert(1) grayscale(100%) brightness(200%) !default;\n// scss-docs-end close-variables\n\n\n// Offcanvas\n\n// scss-docs-start offcanvas-variables\n$offcanvas-padding-y:               $modal-inner-padding !default;\n$offcanvas-padding-x:               $modal-inner-padding !default;\n$offcanvas-horizontal-width:        400px !default;\n$offcanvas-vertical-height:         30vh !default;\n$offcanvas-transition-duration:     .3s !default;\n$offcanvas-border-color:            $modal-content-border-color !default;\n$offcanvas-border-width:            $modal-content-border-width !default;\n$offcanvas-title-line-height:       $modal-title-line-height !default;\n$offcanvas-bg-color:                $modal-content-bg !default;\n$offcanvas-color:                   $modal-content-color !default;\n$offcanvas-box-shadow:              $modal-content-box-shadow-xs !default;\n$offcanvas-backdrop-bg:             $modal-backdrop-bg !default;\n$offcanvas-backdrop-opacity:        $modal-backdrop-opacity !default;\n// scss-docs-end offcanvas-variables\n\n// Code\n\n$code-font-size:                    $small-font-size !default;\n$code-color:                        $pink !default;\n\n$kbd-padding-y:                     .1875rem !default;\n$kbd-padding-x:                     .375rem !default;\n$kbd-font-size:                     $code-font-size !default;\n$kbd-color:                         var(--#{$prefix}body-bg) !default;\n$kbd-bg:                            var(--#{$prefix}body-color) !default;\n$nested-kbd-font-weight:            null !default; // Deprecated in v5.2.0, removing in v6\n\n$pre-color:                         null !default;\n","//\n// Base styles\n//\n\n.card {\n  // scss-docs-start card-css-vars\n  --#{$prefix}card-spacer-y: #{$card-spacer-y};\n  --#{$prefix}card-spacer-x: #{$card-spacer-x};\n  --#{$prefix}card-title-spacer-y: #{$card-title-spacer-y};\n  --#{$prefix}card-border-width: #{$card-border-width};\n  --#{$prefix}card-border-color: #{$card-border-color};\n  --#{$prefix}card-border-radius: #{$card-border-radius};\n  --#{$prefix}card-box-shadow: #{$card-box-shadow};\n  --#{$prefix}card-inner-border-radius: #{$card-inner-border-radius};\n  --#{$prefix}card-cap-padding-y: #{$card-cap-padding-y};\n  --#{$prefix}card-cap-padding-x: #{$card-cap-padding-x};\n  --#{$prefix}card-cap-bg: #{$card-cap-bg};\n  --#{$prefix}card-cap-color: #{$card-cap-color};\n  --#{$prefix}card-height: #{$card-height};\n  --#{$prefix}card-color: #{$card-color};\n  --#{$prefix}card-bg: #{$card-bg};\n  --#{$prefix}card-img-overlay-padding: #{$card-img-overlay-padding};\n  --#{$prefix}card-group-margin: #{$card-group-margin};\n  // scss-docs-end card-css-vars\n\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  min-width: 0; // See https://github.com/twbs/bootstrap/pull/22740#issuecomment-305868106\n  height: var(--#{$prefix}card-height);\n  word-wrap: break-word;\n  background-color: var(--#{$prefix}card-bg);\n  background-clip: border-box;\n  border: var(--#{$prefix}card-border-width) solid var(--#{$prefix}card-border-color);\n  @include border-radius(var(--#{$prefix}card-border-radius));\n  @include box-shadow(var(--#{$prefix}card-box-shadow));\n\n  > hr {\n    margin-right: 0;\n    margin-left: 0;\n  }\n\n  > .list-group {\n    border-top: inherit;\n    border-bottom: inherit;\n\n    &:first-child {\n      border-top-width: 0;\n      @include border-top-radius(var(--#{$prefix}card-inner-border-radius));\n    }\n\n    &:last-child  {\n      border-bottom-width: 0;\n      @include border-bottom-radius(var(--#{$prefix}card-inner-border-radius));\n    }\n  }\n\n  // Due to specificity of the above selector (`.card > .list-group`), we must\n  // use a child selector here to prevent double borders.\n  > .card-header + .list-group,\n  > .list-group + .card-footer {\n    border-top: 0;\n  }\n}\n\n.card-body {\n  // Enable `flex-grow: 1` for decks and groups so that card blocks take up\n  // as much space as possible, ensuring footers are aligned to the bottom.\n  flex: 1 1 auto;\n  padding: var(--#{$prefix}card-spacer-y) var(--#{$prefix}card-spacer-x);\n  color: var(--#{$prefix}card-color);\n}\n\n.card-title {\n  margin-bottom: var(--#{$prefix}card-title-spacer-y);\n}\n\n.card-subtitle {\n  margin-top: calc(-.5 * var(--#{$prefix}card-title-spacer-y)); // stylelint-disable-line function-disallowed-list\n  margin-bottom: 0;\n}\n\n.card-text:last-child {\n  margin-bottom: 0;\n}\n\n.card-link {\n  &:hover {\n    text-decoration: if($link-hover-decoration == underline, none, null);\n  }\n\n  + .card-link {\n    margin-left: var(--#{$prefix}card-spacer-x);\n  }\n}\n\n//\n// Optional textual caps\n//\n\n.card-header {\n  padding: var(--#{$prefix}card-cap-padding-y) var(--#{$prefix}card-cap-padding-x);\n  margin-bottom: 0; // Removes the default margin-bottom of <hN>\n  color: var(--#{$prefix}card-cap-color);\n  background-color: var(--#{$prefix}card-cap-bg);\n  border-bottom: var(--#{$prefix}card-border-width) solid var(--#{$prefix}card-border-color);\n\n  &:first-child {\n    @include border-radius(var(--#{$prefix}card-inner-border-radius) var(--#{$prefix}card-inner-border-radius) 0 0);\n  }\n}\n\n.card-footer {\n  padding: var(--#{$prefix}card-cap-padding-y) var(--#{$prefix}card-cap-padding-x);\n  color: var(--#{$prefix}card-cap-color);\n  background-color: var(--#{$prefix}card-cap-bg);\n  border-top: var(--#{$prefix}card-border-width) solid var(--#{$prefix}card-border-color);\n\n  &:last-child {\n    @include border-radius(0 0 var(--#{$prefix}card-inner-border-radius) var(--#{$prefix}card-inner-border-radius));\n  }\n}\n\n\n//\n// Header navs\n//\n\n.card-header-tabs {\n  margin-right: calc(-.5 * var(--#{$prefix}card-cap-padding-x)); // stylelint-disable-line function-disallowed-list\n  margin-bottom: calc(-1 * var(--#{$prefix}card-cap-padding-y)); // stylelint-disable-line function-disallowed-list\n  margin-left: calc(-.5 * var(--#{$prefix}card-cap-padding-x)); // stylelint-disable-line function-disallowed-list\n  border-bottom: 0;\n\n  .nav-link.active {\n    background-color: var(--#{$prefix}card-bg);\n    border-bottom-color: var(--#{$prefix}card-bg);\n  }\n}\n\n.card-header-pills {\n  margin-right: calc(-.5 * var(--#{$prefix}card-cap-padding-x)); // stylelint-disable-line function-disallowed-list\n  margin-left: calc(-.5 * var(--#{$prefix}card-cap-padding-x)); // stylelint-disable-line function-disallowed-list\n}\n\n// Card image\n.card-img-overlay {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  padding: var(--#{$prefix}card-img-overlay-padding);\n  @include border-radius(var(--#{$prefix}card-inner-border-radius));\n}\n\n.card-img,\n.card-img-top,\n.card-img-bottom {\n  width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch\n}\n\n.card-img,\n.card-img-top {\n  @include border-top-radius(var(--#{$prefix}card-inner-border-radius));\n}\n\n.card-img,\n.card-img-bottom {\n  @include border-bottom-radius(var(--#{$prefix}card-inner-border-radius));\n}\n\n\n//\n// Card groups\n//\n\n.card-group {\n  // The child selector allows nested `.card` within `.card-group`\n  // to display properly.\n  > .card {\n    margin-bottom: var(--#{$prefix}card-group-margin);\n  }\n\n  @include media-breakpoint-up(sm) {\n    display: flex;\n    flex-flow: row wrap;\n    // The child selector allows nested `.card` within `.card-group`\n    // to display properly.\n    > .card {\n      // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4\n      flex: 1 0 0%;\n      margin-bottom: 0;\n\n      + .card {\n        margin-left: 0;\n        border-left: 0;\n      }\n\n      // Handle rounded corners\n      @if $enable-rounded {\n        &:not(:last-child) {\n          @include border-end-radius(0);\n\n          .card-img-top,\n          .card-header {\n            // stylelint-disable-next-line property-disallowed-list\n            border-top-right-radius: 0;\n          }\n          .card-img-bottom,\n          .card-footer {\n            // stylelint-disable-next-line property-disallowed-list\n            border-bottom-right-radius: 0;\n          }\n        }\n\n        &:not(:first-child) {\n          @include border-start-radius(0);\n\n          .card-img-top,\n          .card-header {\n            // stylelint-disable-next-line property-disallowed-list\n            border-top-left-radius: 0;\n          }\n          .card-img-bottom,\n          .card-footer {\n            // stylelint-disable-next-line property-disallowed-list\n            border-bottom-left-radius: 0;\n          }\n        }\n      }\n    }\n  }\n}\n","// stylelint-disable property-disallowed-list\n// Single side border-radius\n\n// Helper function to replace negative values with 0\n@function valid-radius($radius) {\n  $return: ();\n  @each $value in $radius {\n    @if type-of($value) == number {\n      $return: append($return, max($value, 0));\n    } @else {\n      $return: append($return, $value);\n    }\n  }\n  @return $return;\n}\n\n// scss-docs-start border-radius-mixins\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n  @if $enable-rounded {\n    border-radius: valid-radius($radius);\n  }\n  @else if $fallback-border-radius != false {\n    border-radius: $fallback-border-radius;\n  }\n}\n\n@mixin border-top-radius($radius: $border-radius) {\n  @if $enable-rounded {\n    border-top-left-radius: valid-radius($radius);\n    border-top-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-end-radius($radius: $border-radius) {\n  @if $enable-rounded {\n    border-top-right-radius: valid-radius($radius);\n    border-bottom-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-radius($radius: $border-radius) {\n  @if $enable-rounded {\n    border-bottom-right-radius: valid-radius($radius);\n    border-bottom-left-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-start-radius($radius: $border-radius) {\n  @if $enable-rounded {\n    border-top-left-radius: valid-radius($radius);\n    border-bottom-left-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-top-start-radius($radius: $border-radius) {\n  @if $enable-rounded {\n    border-top-left-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-top-end-radius($radius: $border-radius) {\n  @if $enable-rounded {\n    border-top-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-end-radius($radius: $border-radius) {\n  @if $enable-rounded {\n    border-bottom-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-start-radius($radius: $border-radius) {\n  @if $enable-rounded {\n    border-bottom-left-radius: valid-radius($radius);\n  }\n}\n// scss-docs-end border-radius-mixins\n","@use \"../_func.scss\" as *;\r\n\r\n@import \"../../../node_modules/bootstrap/scss/_card.scss\";\r\n\r\n// #region Defaul Card\r\n// Reset the link\r\na.card {\r\n\r\n  cursor: pointer;\r\n  \r\n  &:before {\r\n    display: none;\r\n  }\r\n}\r\n\r\n.card:not(.card--simple) {\r\n\r\n  @include reset-colours();\r\n}\r\n.card {\r\n\r\n  --spread: #{rem(12)};\r\n  box-shadow: 0 2px var(--spread) 0 rgba(154,154,154,0.25);\r\n  min-height: 100%;\r\n  overflow: hidden;\r\n  max-width: rem(925);\r\n\r\n  &:hover,\r\n  &:focus {\r\n    --spread: #{rem(6)};\r\n\r\n    .card-body *:not(.badge) {\r\n      color: var(--colour-hover)!important;\r\n    }\r\n  }\r\n\r\n  &:active {\r\n    --spread: #{rem(3)};\r\n  }\r\n}\r\n\r\n.card-header__wrapper {\r\n  padding-bottom: 0;\r\n  padding-top: 55%;\r\n  position: relative;\r\n  overflow: hidden;\r\n  background: rgba(0,0,0,0.1);\r\n\r\n  > * {\r\n\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n\r\n  .card-image {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 101%;\r\n    height: 101%;\r\n    object-fit: cover;\r\n  }\r\n  \r\n  .card-header {\r\n    display: flex;\r\n    flex-wrap: nowrap;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    justify-content: space-between;\r\n  }\r\n\r\n  .card-logo {\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n    left: auto;\r\n    height: 3.5rem;\r\n    width: 8rem;\r\n    object-fit: contain;\r\n    object-position: right;\r\n  }\r\n}\r\n\r\n.card-body {\r\n\r\n  color: var(--colour-body);\r\n\r\n  *:last-child {\r\n    margin-bottom: 0;\r\n  }\r\n}\r\n\r\n.card-footer {\r\n  padding-top: 0;\r\n}\r\n\r\n// Add a default margin bottom\r\n.row:not([class*=\"g-\"]) .card {\r\n\r\n  margin-bottom: 1rem;\r\n}\r\n// #endregion\r\n\r\n// #region Simple card variant\r\n.card--simple {\r\n\r\n  box-shadow: none;\r\n  min-height: 0;\r\n  background: none;\r\n  \r\n  .card-header__wrapper {\r\n\r\n    @include border-radius($card-border-radius);\r\n    margin-bottom: 1rem;\r\n  }\r\n\r\n  .card-body {\r\n    padding-top: 0;\r\n  }\r\n  .card-body,\r\n  .card-footer {\r\n    padding-left: 0;\r\n    padding-right: 0;\r\n  }\r\n}\r\n// #endregion\r\n\r\n// #region Quick link card\r\n.card--quick{\r\n  \r\n  .card-header,\r\n  .card-footer,\r\n  .card-body > *:not(.card-title) {\r\n    display: none;\r\n  }\r\n\r\n  .card-title {\r\n    margin-bottom: 0;\r\n    padding-left: 2em;\r\n    position: relative;\r\n\r\n    &:before,\r\n    &:after {\r\n\r\n      content: \"\";\r\n      position: absolute;\r\n      left: 0;\r\n      top: 0;\r\n      width: 1.2em;\r\n      height: 1.2em;\r\n    }\r\n    &:before  {\r\n\r\n      left: 0.05em;\r\n      background: currentColor;\r\n      mask-image: escape-svg($accordion-button-icon);\r\n      mask-size: 50%;\r\n      mask-repeat: no-repeat;\r\n      mask-position: 50% 50%;\r\n    \r\n      -webkit-mask-image: escape-svg($accordion-button-icon);\r\n      -webkit-mask-size: 50%;\r\n      -webkit-mask-repeat: no-repeat;\r\n      -webkit-mask-position: 50% 50%;\r\n    }\r\n\r\n    &:after {\r\n      border: 2px solid currentColor;\r\n      border-radius: 50%;\r\n    }\r\n\r\n  }\r\n}\r\n// #endregion\r\n","@use \"../_func\" as *;\r\n\r\n// #region Card Deck\r\n.card-deck.container:not([data-card-type=\"simple\"]) {\r\n\r\n  padding-bottom: 3rem;\r\n\r\n  > .row:first-child {\r\n    padding-top: 0.5rem;\r\n  }\r\n\r\n  &[class*=\"bg-\"] {\r\n    padding-bottom: 5rem;\r\n  }\r\n}\r\n// #endregion\r\n\r\n// #region Fake container query that transforms the card into a vertical card\r\n@mixin vertical-card(){\r\n  .card-header__wrapper {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 45.8%;\r\n    height: 100%;\r\n    padding: 0;\r\n  }\r\n  .card-header__wrapper ~ .card-body,\r\n  .card-header__wrapper ~ .card-footer {\r\n    padding-left: calc(45.8% + #{$card-spacer-x + $card-spacer-x});\r\n  }\r\n}\r\n\r\n@media screen and (min-width: 36em) and (max-width: 61.99em) {\r\n\r\n  .card-deck .row-cols-sm-1 {\r\n    @include vertical-card();\r\n  }\r\n}\r\n\r\n@include media-breakpoint-up(md) {\r\n\r\n  .card-deck:not(.card-deck--featured) .row-cols-md-1 {\r\n    \r\n    @include vertical-card();\r\n  }\r\n}\r\n// #endregion\r\n\r\n// #region Featured Card deck\r\n.card-deck--featured {\r\n\r\n  > .row > .col:nth-child(4) ~ .col {\r\n    display: none;\r\n  }\r\n\r\n  > .row > .col:not(:first-child) .card-header__wrapper {\r\n    display: none;\r\n  }\r\n\r\n  .row-cols-sm-1 > .col:not(:first-child) .card-header__wrapper ~ .card-body {\r\n    padding-left: 1.5rem;\r\n  }\r\n\r\n  .card-footer {\r\n    display: none;\r\n  }\r\n\r\n  @include media-breakpoint-up(md) {\r\n\r\n    > .row {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr 41.66666667%; \r\n      grid-template-rows: auto auto auto; \r\n      gap: var(--bs-gutter-y) var(--bs-gutter-x); \r\n      grid-template-areas: \r\n        \"featured featured card2\"\r\n        \"featured featured card3\"\r\n        \"featured featured card4\";\r\n      margin-top:0;\r\n    }\r\n    > .row > .col:first-child {\r\n      grid-area: featured;\r\n    }\r\n    > .row > .col:not(:first-child) {\r\n      min-height: 0;\r\n    }\r\n\r\n    > .row > .col:nth-child(2) {\r\n      grid-area: card2;\r\n    }\r\n\r\n    > .row > .col:nth-child(3) {\r\n      grid-area: card3;\r\n    }\r\n\r\n    > .row > .col:nth-child(4) {\r\n      grid-area: card4;\r\n    }\r\n\r\n    > .row > .col {\r\n      width: 100%;\r\n      margin-top:0;\r\n    }\r\n\r\n  }\r\n}\r\n// #endregion","@use \"../_func\" as *;\r\n\r\n// #region default carousel\r\n.carousel {\r\n  padding-bottom: 3rem;\r\n\r\n  .carousel__wrapper {\r\n\r\n    position: relative;\r\n  }\r\n\r\n  .carousel__inner {\r\n\r\n    --bs-gutter-x: #{$grid-gutter-width};\r\n    overflow: auto;\r\n    scroll-snap-type: x mandatory;\r\n    margin-right: calc(var(--bs-gutter-x) * -.5);\r\n    margin-left: calc(var(--bs-gutter-x) * -.5);   \r\n\r\n    > .row {\r\n      flex-wrap: nowrap;\r\n      margin: 0;\r\n\r\n      > .col {\r\n        padding-top: rem(36);\r\n        padding-bottom: rem(24);\r\n        scroll-snap-align: start;\r\n        scroll-padding: calc(var(--bs-gutter-x) * -1);\r\n      }\r\n    }\r\n  }\r\n\r\n  .carousel__item > *:last-child {\r\n    margin-bottom: 0;\r\n    padding-bottom: 0;\r\n  }\r\n}\r\n// #endregion\r\n\r\n// #region Remove the scrollbar\r\nbody.js-enabled .carousel__inner {\r\n  // FireFox\r\n  scrollbar-width: none;\r\n  // IE10+\r\n  -ms-overflow-style: none;\r\n}\r\n\r\nbody.js-enabled .carousel__inner::-webkit-scrollbar {\r\n  // Chrome, Safari, Edge\r\n  display: none;\r\n}\r\n// #endregion\r\n\r\n// #region carousel controls/pips\r\n.carousel:not(.hide-controls) {\r\n  padding-bottom: 4.5rem;\r\n}\r\n\r\n.carousel.hide-controls .carousel__controls {\r\n  display: none;\r\n}\r\n\r\n.carousel .carousel__controls {\r\n  position: absolute;\r\n  text-align: center;\r\n  width: auto;\r\n  left: 0;\r\n  width: calc(100% + 2rem);\r\n  margin-left: -1rem;\r\n  margin-right: -1rem;\r\n  bottom: -3rem;\r\n\r\n  a {\r\n    width: 1rem;\r\n    height: 1rem;\r\n    min-height: 1rem;\r\n    border-radius: 50%;\r\n    text-indent: -50rem;\r\n    overflow: hidden;\r\n    background: currentColor;\r\n    padding: 0;\r\n    margin: 0 0.5rem 0.5rem 0.5rem;\r\n\r\n    &:before {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  a:first-child:last-child {\r\n    display: none;\r\n  }\r\n}\r\n\r\n.carousel .carousel__controls > a:nth-child(10) ~ a {\r\n\r\n  display: none;\r\n}\r\n// #endregion\r\n\r\n// #region Carousel buttons\r\n.carousel.hide-btns .carousel__wrapper > .btn {\r\n  display: none;\r\n}\r\n\r\n.carousel:not(.hide-btns) .carousel__inner {\r\n\r\n  margin-left: rem(28);\r\n  margin-right: rem(28);\r\n}\r\n\r\n.carousel .carousel__wrapper > .btn {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: -1.25rem;\r\n  transform: translate(0,-50%);\r\n\r\n  &.btn-next {\r\n    left: auto;\r\n    right: -1.25rem;\r\n  }\r\n\r\n  @include media-breakpoint-up(md) {\r\n\r\n    margin-left: -1rem;\r\n    margin-right: -1rem;\r\n  }\r\n}\r\n\r\n\r\n// #endregion\r\n\r\n.carousel .carousel__inner > .row > .col:first-child {\r\n  margin-left: 0!important;\r\n}\r\n\r\n@include media-breakpoint-up(sm) {\r\n\r\n  .carousel .carousel__controls > a:nth-child(10) ~ a {\r\n\r\n    display: inline-block;\r\n  }\r\n\r\n  .carousel .carousel__inner > .row[class*=\"row-cols-sm-\"] > .col{\r\n    scroll-snap-align: unset;\r\n  }\r\n\r\n  .carousel .carousel__inner > .row-cols-sm-2 > .col:nth-child(odd),\r\n  .carousel .carousel__inner > .row-cols-sm-3 > .col:nth-child(3n+1),\r\n  .carousel .carousel__inner > .row-cols-sm-4 > .col:nth-child(4n+1),\r\n  .carousel .carousel__inner > .row-cols-sm-5 > .col:nth-child(5n+1),\r\n  .carousel .carousel__inner > .row-cols-sm-6 > .col:nth-child(6n+1) {\r\n    scroll-snap-align: start;\r\n\r\n    body:not(.js-enabled) & {\r\n      margin-left: 4rem;\r\n    }\r\n  }\r\n\r\n  .carousel .carousel__controls.cols-sm-2 > a:not(:nth-child(odd)),\r\n  .carousel .carousel__controls.cols-sm-3 > a:not(:nth-child(3n+1)),\r\n  .carousel .carousel__controls.cols-sm-4 > a:not(:nth-child(4n+1)),\r\n  .carousel .carousel__controls.cols-sm-5 > a:not(:nth-child(5n+1)),\r\n  .carousel .carousel__controls.cols-sm-6 > a:not(:nth-child(6n+1)) {\r\n    display: none;\r\n  }\r\n\r\n  // Make sure that we dont just have one pip showing\r\n  .carousel .carousel__controls.cols-sm-2 > a:first-child:nth-last-child(2),\r\n  .carousel .carousel__controls.cols-sm-3 > :is(a:first-child:nth-last-child(2), a:first-child:nth-last-child(3)),\r\n  .carousel .carousel__controls.cols-sm-4 > :is(a:first-child:nth-last-child(2), a:first-child:nth-last-child(3), a:first-child:nth-last-child(4)),\r\n  .carousel .carousel__controls.cols-sm-5 > :is(a:first-child:nth-last-child(2),a:first-child:nth-last-child(3),a:first-child:nth-last-child(4),a:first-child:nth-last-child(5)),\r\n  .carousel .carousel__controls.cols-sm-6 > :is(a:first-child:nth-last-child(2),a:first-child:nth-last-child(3),a:first-child:nth-last-child(4),a:first-child:nth-last-child(5),a:first-child:nth-last-child(6)) {\r\n    display: none;\r\n  }\r\n\r\n  // Hide buttons if not needed\r\n  .carousel.hide-sm-btns .carousel__wrapper > .btn {\r\n    display: none;\r\n  }\r\n\r\n  .carousel.hide-sm-btns .carousel__inner {\r\n\r\n    margin-left: 0;\r\n    margin-right: 0;\r\n  }\r\n}\r\n\r\n@include media-breakpoint-up(md) {\r\n\r\n  .carousel .carousel__inner > .row[class*=\"row-cols-md-\"] > .col{\r\n    scroll-snap-align: unset;\r\n    margin-left: 0;\r\n  }\r\n  \r\n  .carousel .carousel__inner > .row-cols-md-2 > .col:nth-child(odd),\r\n  .carousel .carousel__inner > .row-cols-md-3 > .col:nth-child(3n+1),\r\n  .carousel .carousel__inner > .row-cols-md-4 > .col:nth-child(4n+1),\r\n  .carousel .carousel__inner > .row-cols-md-5 > .col:nth-child(5n+1),\r\n  .carousel .carousel__inner > .row-cols-md-6 > .col:nth-child(6n+1) {\r\n    scroll-snap-align: start;\r\n    \r\n    body:not(.js-enabled) & {\r\n\r\n      margin-left: calc(50vw);\r\n    }\r\n  }\r\n\r\n  .carousel .carousel__controls.cols-md-2 > a:not(:nth-child(odd)),\r\n  .carousel .carousel__controls.cols-md-3 > a:not(:nth-child(3n+1)),\r\n  .carousel .carousel__controls.cols-md-4 > a:not(:nth-child(4n+1)),\r\n  .carousel .carousel__controls.cols-md-5 > a:not(:nth-child(5n+1)),\r\n  .carousel .carousel__controls.cols-md-6 > a:not(:nth-child(6n+1)) {\r\n    display: none;\r\n  }\r\n\r\n  // Make sure that we dont just have one pip showing\r\n  .carousel .carousel__controls.cols-md-2 > a:first-child:nth-last-child(2),\r\n  .carousel .carousel__controls.cols-md-3 > :is(a:first-child:nth-last-child(2), a:first-child:nth-last-child(3)),\r\n  .carousel .carousel__controls.cols-md-4 > :is(a:first-child:nth-last-child(2), a:first-child:nth-last-child(3), a:first-child:nth-last-child(4)),\r\n  .carousel .carousel__controls.cols-md-5 > :is(a:first-child:nth-last-child(2),a:first-child:nth-last-child(3),a:first-child:nth-last-child(4),a:first-child:nth-last-child(5)),\r\n  .carousel .carousel__controls.cols-md-6 > :is(a:first-child:nth-last-child(2),a:first-child:nth-last-child(3),a:first-child:nth-last-child(4),a:first-child:nth-last-child(5),a:first-child:nth-last-child(6)) {\r\n    display: none;\r\n  }\r\n\r\n  // Hide buttons when not needed\r\n  .carousel.hide-md-btns .carousel__wrapper > .btn {\r\n    display: none;\r\n  }\r\n\r\n  .carousel.hide-md-btns .carousel__inner {\r\n\r\n    margin-left: 0;\r\n    margin-right: 0;\r\n  }\r\n}","@use \"../_func\" as *;\r\n\r\n.header-banner {\r\n  background: linear-gradient(180deg,var(--colour-secondary) 0, var(--colour-info) 100%);\r\n  margin-bottom: rem(32);\r\n  position: relative;\r\n  overflow: hidden;\r\n  @include media-breakpoint-up(md) {\r\n    min-height: rem(470);\r\n  }\r\n\r\n  > .container {\r\n    padding-bottom: 0;\r\n    position: relative;\r\n  }\r\n\r\n  &__inner {\r\n    \r\n    @include reset-colours();\r\n\r\n    color: var(--colour-body);\r\n    background: white;\r\n    padding: rem(32);\r\n    margin: rem(30) 0;\r\n    position: relative;\r\n    z-index: var(--index-above);\r\n    \r\n    @include media-breakpoint-up(md) {\r\n      max-width: rem(600);\r\n      margin: rem(112) 0 rem(80) 0;\r\n      padding: rem(56) rem(64);\r\n    }\r\n    > *:last-child {\r\n      padding-bottom: 0;\r\n      margin-bottom: 0;\r\n    }\r\n  }\r\n\r\n  > picture img {\r\n    display: none;\r\n    @include media-breakpoint-up(md) {\r\n      display: block;\r\n      position: absolute;\r\n      top: -0.5%;\r\n      left: 40%;\r\n      height: 101%;\r\n      object-fit: cover;\r\n      width: 60%;\r\n      pointer-events: none;\r\n    }\r\n  }\r\n\r\n  > .container > .breadcrumb {\r\n    \r\n    margin-top: rem(24);\r\n    margin-bottom: -0.5rem;\r\n\r\n    @include media-breakpoint-up(md) {\r\n      position: absolute;\r\n      top: 0;\r\n      left: rem(60);\r\n    }\r\n  }\r\n}","@use \"../_func\" as *;\r\n\r\n.testimonial {\r\n\r\n  --testimonial-padding: 1rem;\r\n  --testimonial-spacing: 1rem;\r\n\r\n  @include media-breakpoint-up(md) {\r\n    --testimonial-padding: 4rem;\r\n    --testimonial-spacing: 2rem;\r\n  }\r\n\r\n  // Circle\r\n  > div:first-child {\r\n\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .circle {\r\n    color: currentColor;\r\n    position: absolute;\r\n    top: -18rem;\r\n    right: -8rem;\r\n    font-size: 28rem;\r\n    border-width: 4px;\r\n  }\r\n\r\n  &__images {\r\n    overflow: auto;\r\n    scroll-snap-type: x mandatory;\r\n    display: flex;\r\n    user-select: none;\r\n    touch-action: pan-x;\r\n    height: rem(230);\r\n\r\n    @include media-breakpoint-up(sm) {\r\n\r\n      height: rem(340);\r\n    }\r\n    @include media-breakpoint-up(md) {\r\n\r\n      min-height: 100%;\r\n      scroll-snap-type: y mandatory;\r\n      flex-direction: column;\r\n      touch-action: pan-y;\r\n    }\r\n\r\n    img {\r\n\r\n      scroll-snap-align: start;\r\n      user-select: none;\r\n      pointer-events: none;\r\n      flex-shrink: 0;\r\n    }\r\n  }\r\n\r\n  .testimonial__controls {\r\n    display: none;\r\n  }\r\n\r\n  &.testimonial--multi .testimonial__controls {\r\n    display: block;\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 50%;\r\n    transform: translate(-50%, 50%);\r\n\r\n    @include media-breakpoint-up(md) {\r\n      left: auto;\r\n      bottom: auto;\r\n      right: 0;\r\n      top: 50%;\r\n      transform: rotate(90deg) translate(0,-120%);\r\n      transform-origin: center;\r\n    }\r\n  }\r\n\r\n  // Make space for the circle\r\n  h2 {\r\n    padding: 2rem var(--testimonial-padding) 0 var(--testimonial-padding);\r\n\r\n    @include media-breakpoint-up(sm) {\r\n      padding-top: 3rem;\r\n    }\r\n    @include media-breakpoint-up(md) {\r\n      padding-top: 9rem;\r\n    }\r\n  }\r\n\r\n  &__content {\r\n\r\n    --display-none: none;\r\n    margin: 0 var(--testimonial-padding) var(--testimonial-spacing) var(--testimonial-padding);\r\n    position: relative;\r\n\r\n    @include media-breakpoint-up(md) {\r\n      --display-none: block;\r\n\r\n      blockquote:not(.largest) {\r\n        position: absolute;\r\n        top: 0;\r\n      }\r\n    }\r\n  }\r\n\r\n  // Only show 1 blockquote at a time\r\n  @for $i from 1 through 10 {\r\n\r\n    &[data-show=\"#{$i}\"] blockquote:not(:nth-child(#{$i})) {\r\n      display: var(--display-none);\r\n      opacity: 0;\r\n      user-select: none;\r\n      pointer-events: none;\r\n    }\r\n  }\r\n\r\n  &__after {\r\n\r\n    padding: 1rem var(--testimonial-padding) var(--testimonial-spacing) var(--testimonial-padding);\r\n  }\r\n}\r\n\r\n/* Hide scrollbar for Chrome, Safari and Opera */\r\n.testimonial__images::-webkit-scrollbar {\r\n  display: none;\r\n}\r\n\r\n/* Hide scrollbar for IE, Edge and Firefox */\r\n.testimonial__images {\r\n  -ms-overflow-style: none;  /* IE and Edge */\r\n  scrollbar-width: none;  /* Firefox */\r\n}","@use \"../_func\" as *;\r\n\r\n// #region Property searchbar\r\n.property-searchbar {\r\n\r\n  fieldset {\r\n    position: relative;\r\n\r\n    @include media-breakpoint-up(md) {\r\n      position: relative;\r\n      padding-right: 1.5rem;\r\n\r\n      &:after {\r\n        content: \"\";\r\n        position: absolute;\r\n        top: 0;\r\n        right: 0.5rem;\r\n        display: block;\r\n        height: 100%;\r\n        width: 1px;\r\n        background-color: var(--colour-muted);\r\n        opacity: 0.25;\r\n      }\r\n    }\r\n  }\r\n\r\n  .form-control__wrapper {\r\n    margin-bottom: 1rem;\r\n\r\n    @include media-breakpoint-up(md) {\r\n      margin-bottom: 0;\r\n    }\r\n  }\r\n\r\n  .form-label,\r\n  label {\r\n    font-size: rem(14);\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  @include media-breakpoint-up(md) {\r\n\r\n    .row .row {\r\n      .form-label {\r\n        display: none;\r\n      }\r\n    }\r\n\r\n    .form-control,\r\n    .form-select {\r\n      padding: 0.5rem 1.5rem 0.5rem 0.5rem;\r\n    }\r\n\r\n    .form-select {\r\n      background-position: right 0.5rem center;\r\n    }\r\n  }\r\n\r\n  .input--locations {\r\n    padding-right: 5.5rem;\r\n  }\r\n\r\n  .select--miles {\r\n    position: absolute;\r\n    bottom: 0rem;\r\n    right: 0.5rem;\r\n    width: 5rem;\r\n\r\n    @include media-breakpoint-up(md) {\r\n      right: 1.5rem;\r\n    }\r\n\r\n    label {\r\n      display: none;\r\n    }\r\n\r\n    select {\r\n      background-color: transparent;\r\n      border-color: transparent;\r\n    }\r\n  }\r\n\r\n  @include media-breakpoint-up(md) {\r\n    .property-searchbar__btn {\r\n      align-items: flex-end;\r\n    }\r\n  }\r\n\r\n  button {\r\n    margin-top: 1rem;\r\n    margin-bottom: 1rem;\r\n\r\n    @include media-breakpoint-up(md) {\r\n      margin: 0;\r\n      padding-left: 3.5rem;\r\n      padding-right: 3.5rem;\r\n    }\r\n  }\r\n}\r\n// #endregion\r\n\r\n// #region Heror searchbar\r\n.property-searchbar--hero .property-searchbar {\r\n\r\n  @include reset-colours();\r\n\r\n  padding: 1rem;\r\n  background-color: #fff;\r\n  width: 100%;\r\n  border-radius: rem(10);\r\n  -webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 24%);\r\n  box-shadow: 0 2px 4px 0 rgb(0 0 0 / 24%);\r\n  position: relative;\r\n\r\n  @include media-breakpoint-up(md) {\r\n\r\n    border-radius: rem(48);\r\n    padding: 1.5rem 2.5rem;\r\n\r\n    .form-label,\r\n    label {\r\n      margin-bottom: 0;\r\n    }\r\n\r\n    .form-control,\r\n    .form-select {\r\n      margin-left: -0.5rem; // Add a negative margin too keep text inline but also allow for a padding left so that the focus state looks presentable\r\n      border: none;\r\n      padding-top: 0.25rem;\r\n      padding-bottom: 0.25rem;\r\n    }\r\n\r\n    .form-select {\r\n      background-position: right 0rem center;\r\n      padding-right: 1rem;\r\n    }\r\n\r\n    .property-searchbar__btn {\r\n      align-items: center;\r\n    }\r\n  }\r\n}\r\n// #endregion\r\n","@use \"../_func\" as *;\r\n\r\n// #region set dark background for mobile view\r\n.nav .nav__mobile-bar {\r\n  \r\n  background: var(--colour-primary);\r\n  color: white;\r\n  @if $compatible != \"true\" {\r\n    \r\n    @include invert-colours();\r\n  }\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n  flex-wrap: nowrap;\r\n  width: rem(375);\r\n  \r\n  @include media-breakpoint-up(sm) {\r\n    width: 100%;\r\n  }\r\n\r\n  > .container {\r\n\r\n    padding-top: rem(16);\r\n    padding-bottom: 1rem;\r\n    flex-shrink: 0;\r\n    overflow: visible;\r\n  }\r\n}\r\n// #endregion\r\n\r\n// #region General styles\r\n.nav {\r\n\r\n  \r\n  font-weight: bold;\r\n\r\n  &__inner, \r\n  &__menu--account {\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n    flex-wrap: nowrap;\r\n\r\n    > .container {\r\n\r\n      padding-top: rem(16);\r\n      padding-bottom: 0;\r\n      flex-shrink: 0;\r\n      overflow: visible;\r\n      z-index: unset;\r\n    }\r\n  }\r\n\r\n  &__menu {\r\n    padding-top: rem(36);\r\n    padding-bottom: rem(16);\r\n  }\r\n\r\n  .brand {\r\n    font-size: rem(36);\r\n\r\n    @include media-breakpoint-up(md) {\r\n      font-size: rem(60);\r\n    }\r\n  }\r\n}\r\n\r\n.nav__logo img {\r\n  height: rem(36);\r\n  width: auto;\r\n\r\n  @include media-breakpoint-up(sm) {\r\n    height: rem(60);\r\n    width: auto;\r\n  }\r\n}\r\n\r\n.nav__search-btn,\r\n.nav__menu-btn {\r\n\r\n  display: flex;\r\n\r\n  label {\r\n    height: rem(18);\r\n    width: rem(24);\r\n    text-indent: -300%;\r\n    overflow: hidden;\r\n    position: relative;\r\n    cursor: pointer;\r\n\r\n    color: var(--colour-link);\r\n\r\n    &:hover,\r\n    &:focus {\r\n\r\n      color: var(--colour-hover);\r\n    }\r\n\r\n    &:active {\r\n\r\n      color: var(--colour-active);\r\n    }\r\n\r\n    &:before,\r\n    &:after {\r\n      content: \"\";\r\n      position: absolute;\r\n      width: 0%;\r\n      height: 2px;\r\n      top: calc(50% - 1px);\r\n      left: 0;\r\n      background: currentColor;\r\n      transform-origin: 50% 50%;\r\n      transition: transform 0.5s, width 0.5s;\r\n    }\r\n  }\r\n}\r\n\r\n.nav__search-btn {\r\n\r\n  label {\r\n    text-indent: 0;\r\n    overflow: visible;\r\n  }\r\n  .icon {\r\n    height: rem(32);\r\n    width: rem(32);\r\n    margin-top: rem(-8);\r\n    margin-left: rem(-1);\r\n    transition: opacity 0.5s;\r\n    color: inherit;\r\n\r\n    &__outline {\r\n\r\n      stroke-width: 2px;\r\n      stroke: currentColor;\r\n    }\r\n  }\r\n}\r\n\r\n.nav__menu-btn {\r\n  display: flex;\r\n\r\n  label {\r\n\r\n    border-top: 2px solid currentColor;\r\n    border-bottom: 2px solid currentColor;\r\n    \r\n    &:before,\r\n    &:after {\r\n      width: 100%;\r\n    }\r\n  }\r\n}\r\n\r\n.nav__account-btn {\r\n\r\n  label {\r\n    font-size: rem(18);\r\n    text-indent: 0;\r\n    overflow: visible;\r\n    color: var(--colour-primary);\r\n    height: rem(48);\r\n    line-height: rem(48);\r\n    display: block;\r\n    border-top: 1px solid var(--colour-border);\r\n    border-bottom: 1px solid var(--colour-border);\r\n  }\r\n  .icon {\r\n    height: rem(28);\r\n    width: rem(28);\r\n    margin-top: rem(-8);\r\n    margin-right: rem(8);\r\n    transition: opacity 0.5s;\r\n    color: inherit;\r\n\r\n    &__outline {\r\n\r\n      stroke-width: 2px;\r\n      stroke: currentColor;\r\n    }\r\n  }\r\n}\r\n\r\n.nav__menu > ul {\r\n  margin-bottom: 0;\r\n\r\n  > li > a {\r\n    font-size: rem(18);\r\n    line-height: rem(32);\r\n    display: inline-block;\r\n    position: relative;\r\n    text-decoration: none;\r\n\r\n    &.current{\r\n      border-left: #{rem(6)} solid var(--colour-info);\r\n      margin-left: rem(-20);\r\n      padding-left: rem(20 - 6)\r\n    }\r\n  }\r\n}\r\n\r\n// #endregion\r\n\r\n// #region nav search\r\n\r\n@include media-breakpoint-up(md) {\r\n\r\n  .nav__menu--search {\r\n    display: none;\r\n  }\r\n\r\n  #showSearch:checked ~ .nav__inner > .nav__menu--search {\r\n    order: 2;\r\n    position: absolute;\r\n    top: 100%;\r\n    left: 0;\r\n    width: 100%;\r\n\r\n    background: rgba(0,0,0,.6);\r\n    height: calc(100vh - 5rem);\r\n    display: block;\r\n  }\r\n}\r\n// #endregion\r\n\r\n// #region nav account\r\n\r\n.services {\r\n  line-height: 2rem;\r\n\r\n  li {\r\n    display: flex;\r\n    justify-content: space-between;\r\n  }\r\n    \r\n  .service--active {\r\n    &:before {\r\n      content: \"\";\r\n      height: 1em;\r\n      width: 1em;\r\n      display: inline-block;\r\n      background: var(--colour-secondary);\r\n      margin-right: 0.5rem;\r\n      margin-bottom: -0.1em;\r\n      border-radius: 50%;\r\n    }\r\n  }\r\n}\r\n\r\n.credits {\r\n  border: 2px solid var(--colour-primary);\r\n  padding: 1rem;\r\n  margin-bottom: 2rem;\r\n  border-radius: rem(10);\r\n\r\n  .h5,\r\n  ul {\r\n    padding-inline: 1rem;\r\n  }\r\n\r\n\r\n  > *:last-child {\r\n    margin-bottom: 0!important;\r\n  }\r\n}\r\n// #endregion\r\n\r\n// #region Nav with background colour applied\r\n.nav[class*=\"bg-\"] {\r\n\r\n  .nav__inner {\r\n    background-color: transparent;\r\n  }\r\n  .nav__menu--secondary {\r\n\r\n    //background-color: white!important;\r\n  }\r\n  .nav__menu--secondary > .container > .list-unstyled > li > a,\r\n  .nav__menu--secondary > .container > .list-unstyled > li > details > summary .link {\r\n/*\r\n    --colour-link: var(--colour-link-theme);\r\n    --colour-hover: var(--colour-hover-theme);\r\n    --colour-active: var(--colour-active-theme);\r\n    */\r\n  }\r\n}\r\n// #endregion\r\n\r\n// #region Secondary nav\r\n.nav__menu--secondary {\r\n  flex-grow: 1;\r\n\r\n  font-weight: bold;\r\n\r\n  .nav__section-link {\r\n    pointer-events: none;\r\n    font-weight: bold;\r\n    color: var(--colour-link);\r\n    font-size: rem(18);\r\n  }\r\n\r\n  > .container > ul > li {\r\n\r\n    &:not(:last-child){\r\n        \r\n      border-bottom: 1px solid var(--colour-border);\r\n    }\r\n\r\n    padding-block: rem(6);\r\n\r\n    a {\r\n      display: inline-block;\r\n      font-size: rem(18);\r\n      line-height: rem(36);\r\n      text-decoration: none;\r\n      font-weight: bold;\r\n    }\r\n\r\n    ul {\r\n      padding: 0;\r\n\r\n      a {\r\n        font-weight: normal;\r\n\r\n        .icon {\r\n          display: none;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  /*\r\n  background: var(--colour-primary);\r\n  \r\n  > .container > .list-unstyled > li > a,\r\n  > .container > .list-unstyled > li > details > summary .link {\r\n    --colour-body: white;\r\n    --colour-link: white;\r\n    --colour-hover: white;\r\n    --colour-active: white;\r\n    --colour-heading: white;\r\n    --colour-underline: white;\r\n    --colour-border: white;\r\n  }\r\n\r\n  a,\r\n  .link {\r\n    display: inline-block;\r\n    font-size: rem(15);\r\n    padding: rem(8) 0 rem(8) 0;\r\n    text-decoration: none;\r\n\r\n    &:hover,\r\n    &:focus {\r\n      text-decoration: underline!important;\r\n    }\r\n  }\r\n\r\n  */\r\n}\r\n// #endregion\r\n\r\n\r\n// #region Sticky nav\r\n.nav {\r\n\r\n  position: sticky;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  z-index: var(--index-menu);\r\n\r\n  &.is-stuck {\r\n\r\n    -webkit-box-shadow: 0 4px 20px -10px rgba(51,51,51,0.25);\r\n    box-shadow: 0 4px 20px -10px rgba(51,51,51,0.25);\r\n  }\r\n}\r\n\r\nnav + main > *:first-child {\r\n  padding-top: 2rem;\r\n}\r\n\r\n\r\n// #endregion\r\n\r\n// #region Show/hide\r\n.nav__menu,\r\n.nav__btn,\r\n.nav__menu--secondary {\r\n\r\n  display: none;\r\n}\r\n\r\n.nav__inner,\r\n.nav__menu--account {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 100%;\r\n  background: white;\r\n  z-index: 2;\r\n  width: 100%;\r\n  overscroll-behavior: contain;\r\n\r\n  @include media-breakpoint-up(sm) {\r\n    \r\n    width: rem(375);\r\n  }\r\n}\r\n\r\n.nav__menu--account {\r\n  z-index: 2;\r\n  height: 100vh;\r\n}\r\n\r\n#showMenu:checked ~ .nav__inner,\r\n#showAccount:checked ~ .nav__menu--account {\r\n\r\n  height: 100vh;\r\n  overflow: visible;\r\n  overflow-x: auto;\r\n  left: 0;\r\n\r\n  @include media-breakpoint-up(sm) {\r\n    \r\n    left: calc(100% - #{rem(375)});\r\n  }\r\n}\r\n\r\n@include media-breakpoint-up(md) {\r\n   \r\n  #showAccount ~ .nav__menu--account {\r\n\r\n    display: none;\r\n  }\r\n\r\n  #showAccount:checked ~ .nav__menu--account {\r\n\r\n    left: 0;\r\n    width: 100%;\r\n    height: auto;\r\n    display: block;\r\n    top: 6rem;\r\n    border-top: rem(5) solid var(--colour-primary);\r\n    border-bottom: 1px solid var(--colour-border-light);\r\n    -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);\r\n    -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);\r\n    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);\r\n  }\r\n}\r\n\r\n#showMenu:checked ~ div .nav__menu,\r\n#showMenu:checked ~ div .nav__btn,\r\n#showMenu:checked ~ div .nav__menu--secondary,\r\n#showMenu:not(:checked) ~ #showSearch:checked ~ div .nav__menu--search {\r\n  display: block;\r\n}\r\n\r\n\r\n\r\n#showMenu:checked ~ div .nav__menu-btn label,\r\n#showSearch:checked ~ div .nav__search-btn label {\r\n  \r\n  border: 0;\r\n  \r\n  .icon {\r\n    opacity: 0;\r\n  }\r\n  &:before {\r\n    width: 100%;\r\n    transform: rotate(45deg);\r\n  }\r\n  &:after {\r\n\r\n    width: 100%;\r\n    transform: rotate(-45deg);\r\n  }\r\n}\r\n\r\n@include media-breakpoint-up(sm) {\r\n    \r\n  #showMenu:checked ~ .nav__bg {\r\n      content: \" \";\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100vw;\r\n      height: 100vh;\r\n      background: rgba(0,0,0,0.5);\r\n      z-index: 1;\r\n    \r\n  }\r\n}\r\n\r\n@include media-breakpoint-up(md) {\r\n    \r\n  .nav__bg {\r\n      display: none;\r\n  }\r\n}\r\n\r\n// #endregion\r\n\r\n// #region Desktop nav\r\n@include media-breakpoint-up(md) {\r\n\r\n  .nav .nav__mobile-bar {\r\n\r\n    display: none;\r\n  }\r\n\r\n\r\n  .nav__logo {\r\n    height: rem(64);\r\n  }\r\n  \r\n  #showMenu:checked ~ .nav__inner,\r\n  .nav__inner {\r\n    overflow: visible;\r\n    position: static;\r\n    width: 100%;\r\n  }\r\n\r\n  .nav .nav__menu {\r\n    display: flex;\r\n    padding-bottom: 0;\r\n  }\r\n\r\n  .nav__btn,\r\n  .nav__menu--secondary {\r\n    display: flex;\r\n  }\r\n\r\n  .nav {\r\n\r\n    .nav__inner > .container {\r\n      padding-bottom: 1rem;\r\n    }\r\n    \r\n  }\r\n  \r\n  .nav__search-btn,\r\n  .nav__btn {\r\n    order: 2;\r\n    margin-left: 1rem;\r\n\r\n    .btn {\r\n      margin-bottom: 0;\r\n    }\r\n  }\r\n  .nav__menu {\r\n    padding-top: 0;\r\n  }\r\n  .nav__menu > .list-unstyled {\r\n    margin-left: -1.5rem!important;\r\n    margin-right: -1.5rem!important;\r\n    width: calc(100% + 3rem);\r\n    margin-bottom: 0;\r\n    //text-align: right;\r\n    padding-top: 0;\r\n    padding-left: 1.5rem;\r\n    padding-right: 1.5rem;\r\n\r\n    > li {\r\n      display: inline-block;\r\n      padding-left: 1rem;\r\n      padding-right: 1rem;\r\n\r\n      &:not(:last-child){\r\n          \r\n        border-right: 1px solid var(--colour-border);\r\n      }\r\n      > a {\r\n        line-height: 1.75rem;\r\n      }\r\n      > a.current {\r\n        border-left: none;\r\n        padding-left: 0;\r\n        border-bottom: rem(3) solid var(--colour-info);\r\n      }\r\n    }\r\n  }\r\n\r\n  .nav__account-btn {\r\n    max-width: fit-content!important;\r\n\r\n    label {\r\n      \r\n      border: none!important;\r\n      padding-top: 0.5rem;\r\n      position: relative;\r\n      padding-right: 2.5rem;\r\n\r\n      &:after {\r\n        content: \"\";\r\n        position: absolute;\r\n        top: calc(50% + 0.5rem);\r\n        right: 0;\r\n        width: 1.5em;\r\n        height: 1.5em;\r\n        background: currentColor;\r\n        mask-image: var(--icon-arrow);\r\n        mask-size: 50%;\r\n        mask-repeat: no-repeat;\r\n        mask-position: 50% 50%;\r\n        -webkit-mask-image: var(--icon-arrow);\r\n        -webkit-mask-size: 50%;\r\n        -webkit-mask-repeat: no-repeat;\r\n        -webkit-mask-position: 50% 50%;\r\n        transition: transform 0.2s ease-in-out;\r\n        transform: rotate(90deg) translate(-50%, 0);\r\n      }\r\n    }\r\n  }\r\n\r\n  .nav .nav__menu--secondary > .container > .list-unstyled {\r\n    font-size: rem(15);\r\n    padding-top: 0;\r\n  }\r\n\r\n\r\n}\r\n// #endregion\r\n\r\n\r\n// #region Nav secondary DESKTOP \r\n@include media-breakpoint-up(md) {\r\n\r\n\r\n  .nav__menu--secondary {\r\n    background-color: var(--colour-primary);\r\n    @include invert-colours();\r\n\r\n    .nav__section-link {\r\n      pointer-events: all;\r\n    }\r\n  }\r\n\r\n  .nav__menu--secondary > .container {\r\n    padding-bottom: 0;\r\n  }\r\n\r\n  .nav__menu--secondary > .container > .list-unstyled {\r\n    margin-left: -1rem!important;\r\n    margin-right: -1rem!important;\r\n    width: calc(100% + 2rem);\r\n    margin-bottom: 0;\r\n\r\n    > li {\r\n      display: inline-block;\r\n      padding-left: 1rem;\r\n      padding-right: 1rem;\r\n      border: none!important;\r\n      padding-block: 0;\r\n      position: relative;\r\n        \r\n      a,\r\n      .nav__section-link {\r\n        display: block;\r\n        line-height: 2.25rem;\r\n        padding-block: 0.5rem;\r\n        cursor: pointer;\r\n      }\r\n\r\n      ul {\r\n        display: none;\r\n      }\r\n\r\n      &:hover,\r\n      &:focus,\r\n      &:focus-within {\r\n\r\n        > .nav__section-link {\r\n          \r\n          color: var(--colour-selected);\r\n        }\r\n\r\n        ul {\r\n          display: block;\r\n          background: white;\r\n          position: absolute;\r\n          top: 100%;\r\n          left: 0;\r\n          padding-top: rem(16);\r\n\r\n          -webkit-box-shadow: 0 4px 20px -10px rgba(51,51,51,0.25);\r\n          box-shadow: 0 4px 20px -10px rgba(51,51,51,0.25);\r\n          \r\n          @include reset-colours();\r\n\r\n          li {\r\n            \r\n            padding-inline: rem(24);\r\n          }\r\n\r\n          li:last-child {\r\n            \r\n            padding-bottom: rem(16);\r\n          }\r\n\r\n          li.nav__download {\r\n            background: var(--colour-admin);\r\n            padding-top: rem(16);\r\n\r\n            & + li.nav__download {\r\n              padding-top: 0;\r\n            }\r\n          }\r\n\r\n          a {\r\n            white-space: nowrap;\r\n            padding: 0;\r\n            line-height: 3rem;\r\n\r\n            .icon {\r\n              display: inline-block;\r\n              font-size: 1.5em;\r\n              padding: 0;\r\n              margin: -0.15em 0.25em 0 0;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .nav__menu--secondary > .container > .logout-button {\r\n    display: none;\r\n  }\r\n\r\n}\r\n// #endregion\r\n\r\n\r\n// #region Nav account Desktop\r\n\r\n\r\n@include media-breakpoint-up(md) {\r\n  .nav__menu--account {\r\n\r\n    > .container:first-child {\r\n      \r\n      display: none;\r\n    }\r\n\r\n    > .container:not(:first-child) {\r\n\r\n      &:before {\r\n        display: none;\r\n      }\r\n\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 2rem;\r\n      \r\n    align-items: start;\r\n\r\n      > .row,\r\n      .nav__featured-link,\r\n      .credits {\r\n\r\n        flex-basis: 22%;\r\n        flex-grow: 1;\r\n        margin: 0;\r\n\r\n      }\r\n\r\n      > .row > .col:first-child,\r\n      .nav__featured-link > .row > .col:first-child {\r\n        max-width: 100%!important;\r\n        width: 100%;\r\n        flex-shrink: 0;\r\n        min-width: 100%;\r\n        margin-bottom: 1rem;\r\n      }\r\n\r\n      .logout-button {\r\n        min-width: 100%;\r\n      }\r\n    } \r\n  }\r\n}\r\n// #endregion\r\n\r\n\r\n// #region Mega menu\r\n.nav .list-unstyled > li details.nav__mega-menu {\r\n\r\n  @include media-breakpoint-up(md) {\r\n\r\n    position: static;\r\n\r\n    height: 4.5rem;\r\n    margin-bottom: -5rem;\r\n  }\r\n\r\n  .inner {\r\n\r\n    z-index: 5;\r\n    \r\n    [class*=\"bg-\"]{\r\n\r\n      --bs-bg-opacity: 0;\r\n      @include media-breakpoint-up(md) {\r\n        --bs-bg-opacity: 1;\r\n      }\r\n    }\r\n\r\n\r\n    @include media-breakpoint-up(md) {\r\n\r\n      --bs-bg-opacity: 1;\r\n      position: absolute;\r\n      top: 100%;\r\n      left: 50%;\r\n      width: 100vw!important;\r\n      max-width: 100vw!important;\r\n      -webkit-transform: translateX(-50%);\r\n      -ms-transform: translateX(-50%);\r\n      transform: translateX(-50%);\r\n\r\n      background: rgba(0,0,0,.6);\r\n      height: calc(100vh - 8rem);\r\n\r\n      pointer-events: none;\r\n      padding-top: 0;\r\n\r\n      .container {\r\n        padding: 0 rem(60 - 36) 1rem rem(60 - 36)!important;\r\n        max-width: rem(1440)!important;\r\n        text-align: left;\r\n        pointer-events: all;\r\n        display: flex;\r\n\r\n        > div {\r\n          padding: rem(36);\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n// #endregion\r\n\r\n// #region inline search\r\n.nav--inline-search {\r\n\r\n  .nav__menu form {\r\n    position: relative;\r\n    .form-control__wrapper .form-control {\r\n      padding-right: 3rem;\r\n    }\r\n\r\n    button {\r\n      position: absolute;\r\n      bottom: 0;\r\n      right: 0;\r\n      margin: 0;\r\n      z-index: var(--index-focus);\r\n      border-color: transparent;\r\n      background: transparent;\r\n      padding: 0.85rem 0rem;\r\n\r\n      .icon {\r\n        stroke: currentColor;\r\n      }\r\n    }\r\n  }\r\n\r\n  @include media-breakpoint-up(md) {\r\n    .nav__menu > .list-unstyled {\r\n      text-align: left;\r\n      margin-right: 0!important;\r\n    }\r\n\r\n    .nav__menu form {\r\n      min-width: rem(350);\r\n      position: relative;\r\n\r\n      .form-control__wrapper {\r\n        margin-bottom: 0;\r\n        display: flex;\r\n        align-items: center;\r\n\r\n        label {\r\n          white-space: nowrap;\r\n          padding-right: 1rem;\r\n        }\r\n\r\n        .form-control {\r\n          padding: rem(7) 3rem rem(7) 1rem;\r\n        }\r\n      }\r\n\r\n      button {\r\n        padding: rem(8) 0rem;\r\n      }\r\n    }\r\n  }\r\n}\r\n// #endregion\r\n\r\n// #region nav admin\r\n@include media-breakpoint-up(md) {\r\n  .nav--admin {\r\n    .nav__logo {\r\n      height: 3rem;\r\n\r\n      .brand {\r\n        font-size: 3rem;\r\n      }\r\n    }\r\n  }\r\n}\r\n// #endregion","@use \"../_func\" as *;\r\n\r\n.drawer__btn {\r\n\r\n  position: sticky;\r\n  bottom: 1.5rem;\r\n  left: 0;\r\n  width: 100%;\r\n  z-index: var(--index-floating);\r\n  margin-bottom: -6rem;\r\n\r\n  .btn {\r\n    margin-bottom: 0;\r\n  }\r\n}\r\n\r\n.drawer {\r\n\r\n  > .container:first-child {\r\n    display: none;\r\n    margin-bottom: -2rem;\r\n    position: relative;\r\n    z-index: var(--index-focus);\r\n  }\r\n\r\n  margin-top: 1rem;\r\n  padding-top: 2rem;\r\n  position: relative;\r\n  z-index: var(--index-menu);\r\n  background: rgb(255,255,255);\r\n  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(255,255,255,1) 1.5rem, rgba(255,255,255,1) 100%);\r\n}\r\n\r\n#showDrawer:checked ~ .drawer {\r\n  \r\n  position: sticky;\r\n  bottom: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  background: rgb(255,255,255);\r\n  //border-top: 1px solid var(--colour-border);\r\n  box-shadow: 0 -1px 20px -10px rgb(51 51 51 / 25%);\r\n\r\n  > .container:first-child {\r\n    display: block;\r\n  }\r\n}","@use \"sass:math\";\r\n@use \"../_func\" as *;\r\n\r\n.modal {\r\n  display: none;\r\n}\r\n\r\n.modal:target {\r\n  display: block;\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: rgba(0,0,0,0.25);\r\n  z-index: var(--index-overlay);\r\n  border: none;\r\n  overscroll-behavior: contain;\r\n\r\n  > a:first-child {\r\n      \r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    opacity: 0;\r\n    cursor: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 512 512'%3e%3cg transform='rotate(45 256 256)'%3e%3crect id='r' x='16' y='216' width='480' height='80' rx='14'/%3e%3cuse href='%23r' transform='rotate(90 256 256)'/%3e%3c/g%3e%3c/svg%3e\") 8 8, pointer;\r\n  }\r\n\r\n  > button {\r\n    display: none;\r\n\r\n    @include media-breakpoint-up(md) {\r\n      display: block;\r\n      position: absolute;\r\n      z-index: var(--index-focus);\r\n      top: 50%;\r\n      transform: translate(0,-50%);\r\n      overflow: hidden;\r\n      text-indent: 300%;\r\n      width: 2rem;\r\n      height: 2rem;\r\n\r\n      &.btn:not(:hover):not(:focus) {\r\n        background-color: white;\r\n      }\r\n\r\n      &.modal__dock--left {\r\n        right: calc(50% + #{rem(math.div(820,2))} + 1rem);\r\n        \r\n        &:after {\r\n          transform: rotate(-180deg);\r\n        }\r\n      }\r\n      &.modal__dock--right {\r\n        left: calc(50% + #{rem(math.div(820,2))} + 1rem);\r\n      }\r\n    }\r\n  }\r\n\r\n\r\n  &.modal--left button.modal__dock--left {\r\n    display: none;\r\n  }\r\n\r\n  &.modal--left button.modal__dock--right {\r\n    left: calc(#{rem(640)} + 2rem);\r\n  }\r\n\r\n  &.modal--right button.modal__dock--right {\r\n    display: none;\r\n  }\r\n\r\n  &.modal--right button.modal__dock--left {\r\n    right: calc(#{rem(640)} + 2rem);\r\n  }\r\n}\r\n\r\n\r\n.modal__outer {\r\n\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  width: 90%;\r\n  max-width: rem(820);\r\n  height: fit-content;\r\n  max-height: 90%;\r\n  overflow: visible;\r\n  transform: translate(-50%,-50%);\r\n\r\n  > .btn:first-child {\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;    \r\n    margin-top: -0.75rem;\r\n    margin-right: -0.75rem;\r\n    z-index: var(--index-focus);\r\n\r\n    &:not(:hover):not(:focus):not(:active){\r\n      background: white;\r\n    }\r\n  }\r\n  @include media-breakpoint-up(md) {\r\n    .modal--left & {\r\n      left: 1rem;\r\n      transform: translate(0,-50%);\r\n      max-width: 40rem;\r\n    }\r\n\r\n    .modal--right & {\r\n      left: auto;\r\n      right: 1rem;\r\n      transform: translate(0,-50%);\r\n      max-width: 40rem;\r\n    }\r\n  }\r\n}\r\n\r\n.modal__inner {\r\n  background: white;\r\n  overscroll-behavior: contain;\r\n  height: fit-content;\r\n  max-height: 90vh;\r\n  overflow: auto;\r\n\r\n  & > *:first-child {\r\n\r\n    padding: 1rem;\r\n    @include media-breakpoint-up(sm) {\r\n\r\n      padding: 2rem;\r\n    }\r\n  }\r\n}\r\n",".stepper{background:#f0f0f0;display:flex;flex-wrap:wrap;margin-bottom:2rem;border:1px solid var(--bs-body-bg);overflow:hidden}@media screen and (min-width: 62em){.stepper{flex-wrap:nowrap;overflow-x:auto}}.stepper ol{margin:0;z-index:1;background:var(--bs-body-bg);counter-reset:section;width:100%;overflow:auto}@media screen and (min-width: 36em){.stepper ol{display:flex;flex-grow:1;padding-right:calc(2rem + 1px);margin-top:-1px;margin-bottom:-1px;margin-right:calc(-2rem - 2px);clip-path:polygon(0 0, calc(100% - 2rem) 0, 100% 50%, calc(100% - 2rem) 100%, 0 100%)}}@media screen and (min-width: 62em){.stepper ol{overflow:initial}}.stepper ol li{width:100%;max-width:100%;background:var(--bs-body-bg);padding:1px}@media screen and (min-width: 36em){.stepper ol li:first-child a{padding-left:1rem;clip-path:polygon(0 0, calc(100% - 2rem) 0, 100% 50%, calc(100% - 2rem) 100%, 0 100%)}}@media screen and (min-width: 62em){.stepper ol li:first-child a{padding-left:2rem}}.stepper ol li a{display:block;padding:1rem;text-decoration:none;position:relative;background:var(--colour-muted);line-height:1;position:relative;color:var(--colour-primary)}@media screen and (min-width: 36em){.stepper ol li a{margin-right:-2rem;padding:2rem 3rem 2rem 3rem;clip-path:polygon(0 0, calc(100% - 2rem) 0, 100% 50%, calc(100% - 2rem) 100%, 0 100%, 2rem 50%);display:flex;height:100%;vertical-align:baseline;justify-content:center;align-items:center}}.stepper ol li a span{position:relative;display:inline;padding-left:2.25rem}.stepper ol li a span:before{counter-increment:section;content:counter(section);display:block;position:absolute;top:50%;left:0;transform:translate(0, -50%);margin-right:.5rem;font-size:.75em;border-radius:50%;border:2px solid currentColor;height:1.5rem;line-height:1.3rem;width:1.5rem;font-family:var(--font-heading);text-align:center}.stepper ol li a.bg-warning span:before,.stepper ol li a.bg-danger span:before{content:\"!\"}.stepper ol li a.bg-success span:before{content:\"✓\";text-indent:-0.1em}.stepper ol li a.current{background:var(--colour-primary);color:#fff;pointer-events:none}.stepper ol li a:not([href]){pointer-events:none}.stepper ol li a[href]:hover{opacity:.6}.stepper ol li a[href]:active{opacity:.8}.stepper>span{width:100%;display:flex;padding:1rem;flex-shrink:0;margin:0;position:relative;z-index:0;align-items:center}.stepper>span.stepper__end{display:none}@media screen and (min-width: 62em){.stepper>span{width:max-content;padding:2rem 2rem}.stepper>span.stepper__end{padding-left:3.5rem;display:flex}}","@use \"../_func\" as *;\r\n\r\n.stepper {\r\n  background: #f0f0f0;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  margin-bottom: 2rem;\r\n  border: 1px solid var(--bs-body-bg);\r\n  overflow: hidden;\r\n\r\n  @include media-breakpoint-up(md) {\r\n      \r\n    flex-wrap: nowrap;\r\n    overflow-x: auto;\r\n  }\r\n\r\n  ol {\r\n    margin: 0;\r\n    z-index: 1;\r\n    background: var(--bs-body-bg);\r\n    counter-reset: section;\r\n    width: 100%;\r\n    overflow: auto;\r\n\r\n    @include media-breakpoint-up(sm) {\r\n\r\n      display: flex;\r\n      flex-grow: 1;\r\n      padding-right: calc(2rem + 1px);\r\n      margin-top: -1px;\r\n      margin-bottom: -1px;\r\n      margin-right: calc(-2rem + -2px);\r\n      clip-path: polygon(0 0, calc(100% - 2rem) 0, 100% 50%, calc(100% - 2rem) 100%, 0 100%);\r\n    }\r\n\r\n    @include media-breakpoint-up(md) {\r\n      overflow: initial;\r\n    }\r\n\r\n    li {\r\n      width: 100%;\r\n      max-width: 100%;\r\n      background: var(--bs-body-bg);\r\n      padding: 1px;\r\n\r\n      @include media-breakpoint-up(sm) {\r\n        &:first-child a{\r\n          padding-left: 1rem;\r\n          clip-path: polygon(0 0, calc(100% - 2rem) 0, 100% 50%, calc(100% - 2rem) 100%, 0 100%);\r\n        }\r\n      }\r\n\r\n      @include media-breakpoint-up(md) {\r\n        &:first-child a{\r\n          padding-left: 2rem;\r\n        }\r\n      }\r\n      \r\n      a {\r\n        display: block;\r\n        padding: 1rem;\r\n        text-decoration: none;\r\n        position: relative;\r\n        background: var(--colour-muted);\r\n        line-height: 1;\r\n        position: relative;\r\n        color: var(--colour-primary);\r\n\r\n        @include media-breakpoint-up(sm) {\r\n\r\n          margin-right: -2rem;\r\n          padding: 2rem 3rem 2rem 3rem;\r\n          clip-path: polygon(0 0, calc(100% - 2rem) 0, 100% 50%, calc(100% - 2rem) 100%, 0 100%, 2rem 50%);\r\n          display: flex;\r\n          height: 100%;\r\n          vertical-align: baseline;\r\n          justify-content: center;\r\n          align-items: center;\r\n        }\r\n        \r\n        span {\r\n          position: relative;\r\n          display: inline;\r\n          padding-left: 2.25rem;\r\n\r\n          &:before {\r\n            counter-increment: section; \r\n            content: counter(section);\r\n            display: block;\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 0;\r\n            transform: translate(0,-50%);\r\n            margin-right: 0.5rem;\r\n            font-size: 0.75em;\r\n            border-radius: 50%;\r\n            border: 2px solid currentColor;\r\n            height: 1.5rem;\r\n            line-height: 1.3rem;\r\n            width: 1.5rem;\r\n            font-family: var(--font-heading);\r\n            text-align: center;\r\n          }\r\n        }\r\n\r\n        &.bg-warning span:before,\r\n        &.bg-danger span:before {\r\n          content: \"!\";\r\n        }\r\n\r\n        &.bg-success span:before {\r\n          content: \"\\2713\";\r\n          text-indent: -0.1em;\r\n        }\r\n\r\n        &.current {\r\n          background: var(--colour-primary);\r\n          color: white;\r\n          pointer-events: none;\r\n        }\r\n\r\n        &:not([href]){\r\n          pointer-events: none;\r\n        }\r\n\r\n        &[href]:hover {\r\n          opacity: 0.6;\r\n        }\r\n        &[href]:active {\r\n\r\n          opacity: 0.8;\r\n        }\r\n\r\n      }\r\n    }\r\n  }\r\n\r\n\r\n  > span {\r\n\r\n    width: 100%;\r\n    display: flex;\r\n    padding: 1rem;\r\n    flex-shrink: 0;\r\n    margin: 0;\r\n    position: relative;\r\n    z-index: 0;\r\n    align-items: center;\r\n\r\n    &.stepper__end {\r\n      display: none;\r\n    }\r\n      \r\n    @include media-breakpoint-up(md) {\r\n        \r\n      width: max-content;\r\n      padding: 2rem 2rem;\r\n      \r\n      &.stepper__end {\r\n        padding-left: 3.5rem;\r\n        display: flex;\r\n      }\r\n    }\r\n  }\r\n}","@use \"../_func\" as *;\r\n\r\n.tabs__container {\r\n\r\n  position: relative;\r\n\r\n  .tab__input {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    opacity: 0;\r\n  }\r\n\r\n  > .tabs__links {\r\n    margin-bottom: 1.5rem;\r\n    overflow: hidden;\r\n\r\n    .link:not(.text-decoration-none):not(.btn) {\r\n      --is-current: 0;\r\n      font-weight: bold;\r\n      font-family: var(--font-heading);\r\n      font-size: rem(18);\r\n      cursor: pointer;\r\n      margin: 0 0 0.5rem 0;\r\n      float: left;\r\n      clear: both;\r\n\r\n      @include media-breakpoint-up(sm) {\r\n        clear: none;\r\n        margin-bottom: 0;\r\n        margin-right: 2rem;\r\n      }\r\n\r\n      &:before {\r\n        width: 0;\r\n        width: calc(var(--is-current) * 100%);\r\n      }\r\n\r\n      &:hover:before,\r\n      &:focus:before {\r\n        width: 100%;\r\n      }\r\n    }\r\n  }\r\n\r\n  .tab {\r\n    display: none;\r\n  }\r\n\r\n  input:focus-visible ~ .tabs__links {\r\n    outline: blue outset 1px;\r\n  }\r\n\r\n  @for $i from 1 through 10 {\r\n    input:checked:nth-child(#{$i}) ~ .tabs__links .link:not(.text-decoration-none):not(.btn):nth-child(#{$i}) {\r\n      \r\n      --is-current: 1;\r\n      --panel-tab-colour: white;\r\n      --panel-tab-border: var(--colour-secondary)\r\n    }\r\n    input:checked:nth-child(#{$i}) ~ .tabs > .tab:nth-child(#{$i}){\r\n      display: block;\r\n      display: contents;\r\n    }\r\n  }\r\n}\r\n\r\n// #region admin panel\r\n.admin-panel > .tabs__container:first-child {\r\n\r\n  display: contents;\r\n\r\n  > .tabs {\r\n    display: contents;\r\n  }\r\n\r\n  > .tabs__links {\r\n\r\n    padding-bottom: 0;\r\n\r\n    .link:not(.text-decoration-none):not(.btn) {\r\n\r\n      margin-bottom: 0;\r\n    }\r\n  }\r\n}\r\n// #endregion\r\n","@use \"../_func\" as *;\r\n\r\n.alert {\r\n\r\n  &__inner {\r\n    position: relative;\r\n    padding: 1.5rem;\r\n    margin-bottom: 2rem;\r\n    @include border-radius($alert-border-radius);\r\n    //--bs-bg-opacity: 0.5;\r\n\r\n    &:not(.bg-primary):not(.bg-dark):not(.bg-danger) {\r\n      --colour-body: black;\r\n      color: black;\r\n    }\r\n\r\n    > *:last-child {\r\n      margin-bottom: 0;\r\n    }\r\n\r\n    > * {\r\n      max-width: 100%;\r\n    }\r\n  }\r\n\r\n  &--fixed {\r\n    position: fixed;\r\n    padding-top: 2rem;\r\n    z-index: var(--index-floating);\r\n    left: 50%;\r\n    transform: translate(-50%,0);\r\n    bottom: 0;\r\n  }\r\n}\r\n\r\n// Dismissible alerts\r\n.alert--dismissible .alert__inner{\r\n  padding-right: 4rem;\r\n  overflow: hidden;\r\n\r\n  // Adjust close link position\r\n  .btn-close {\r\n    position: absolute;\r\n    top: 1.5rem;\r\n    right: 1.5rem;\r\n    height: 1rem;\r\n    width: 1rem;\r\n    padding:0;\r\n    border: none;\r\n    z-index: var(--index-focus);\r\n    background: currentColor;\r\n    mask-image: var(--icon-close);\r\n    mask-size: 100%;\r\n    mask-repeat: no-repeat;\r\n    mask-position: 50% 50%;\r\n  }\r\n}\r\n\r\n.alert__holder {\r\n  position: fixed;\r\n  z-index: var(--index-floating);\r\n  bottom: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  max-height: 100vh;\r\n  overflow: auto;\r\n  background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.4));\r\n\r\n  > *:first-child {\r\n    margin-top: 2rem;\r\n  }\r\n\r\n  .alert--fixed {\r\n    position: static;\r\n    transform: none;\r\n    padding-top: 0;\r\n  }\r\n}\r\n\r\n[data-timeout] .alert__inner:after {\r\n  \r\n  content: \"\";\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 0;\r\n  width: 0%;\r\n  height: 0.25rem;\r\n  background: black;\r\n  animation: progress var(--animation-length) linear;\r\n}\r\n\r\n@keyframes progress{\r\n  0%{\r\n    width: 0%;\r\n  }\r\n  100%{\r\n      width: 100%;\r\n  }\r\n};"],"names":[],"sourceRoot":""}