@import"https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap";/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--font-stack: "Titillium Web", sans-serif;--color-100: #e7f0f9;--drop-shadow: rgba(0, 0, 0, .10) 0 .4rem .4rem;--clr-text-100: #1b0e38;--clr-text-200: #4f4f4f;--clr-warn-100: #ffefee;--clr-warn-200: #c93e33;--clr-success-100: #eaf4ec;--clr-success-200: #065d1b;--clr-done-100: #e7f0f9;--clr-done-200: #1b0e38;--clr-bg-100: #fff;--clr-bg-200: #f3f7fb;--border-radius-outer: 2.5rem;--border-radius-inner: 1.5rem;--transition-duration: .2s}*,*::before,*::after{box-sizing:border-box}html{font-size:62.5%}html,body{font-family:var(--font-stack);height:100%;margin:0;padding:0;color:var(--clr-text-100)}img{max-inline-size:100%;block-size:auto}*[role=link]{cursor:pointer}a,a:link{text-decoration:underline;font-weight:600;color:var(--clr-text-100)}a:hover,a:link:hover{text-decoration:none}body{background-color:var(--color-100);height:auto;min-height:100%;font-size:1.6rem;display:grid;grid-template-rows:min-content auto min-content}body>header{background-color:var(--clr-bg-100);box-shadow:var(--drop-shadow);margin-bottom:1rem;padding:1.6rem;border-bottom-left-radius:2rem;border-bottom-right-radius:2rem;position:sticky;top:0;left:0;width:100%;z-index:150}body>header>div{display:flex;flex-direction:row;justify-content:space-between}body>header>div h1{margin:0;font-weight:300;font-size:2.2rem}body>header>div .user-menu{font-size:1.5rem;display:flex;position:relative;margin-block:-1.5rem}body>header>div .user-menu::before{position:absolute;content:"";top:50%;transform:translate(-100%, -50%);left:-1rem;background-image:url("../images/user.svg");background-repeat:no-repeat;background-position:center;width:2rem;height:2rem}body>header>div .user-menu span{display:inline-block;align-self:center}body>header>div .user-menu .popout{display:none;position:absolute;top:100%;left:-4rem;width:min-content;padding:1rem;background-color:var(--clr-bg-100);box-shadow:var(--drop-shadow);flex-direction:column;gap:1rem;min-width:16rem}body>header>div .user-menu .popout a{padding:0;text-decoration:none;font-weight:normal;white-space:nowrap}body>header>div .user-menu .popout a:hover{text-decoration:underline}body>header>div .user-menu .popout .logout-section{position:relative;padding-left:3rem}body>header>div .user-menu .popout .logout-section::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);background-image:url(../images/logout.svg);background-repeat:no-repeat;background-position:center;background-size:contain;width:2rem;height:2rem}body>header>div .user-menu .popout .logout-section form{margin:0;padding:0}body>header>div .user-menu .popout .logout-section .logout-btn{padding:0;background:none;border:none;font-weight:normal;text-decoration:none;cursor:pointer;color:inherit}body>header>div .user-menu .popout .logout-section .logout-btn:hover{text-decoration:underline}body>header>div .user-menu:is(:hover,:focus-within) .popout{display:flex}body>main{margin-block:.5rem}body>main h2{font-size:4rem;padding-top:1rem;font-weight:300;margin:0;grid-column:1/-1}@media screen and (min-width: 768px){body>main h2{grid-column:1;padding-top:0;font-size:5.5rem}}body>main .title{margin-block:5rem}body>main .title h2{margin-bottom:2rem}body>main .title:has(.extra){display:grid;grid-template-columns:1fr 20rem}body>main .title:has(.extra) .extra{grid-column:1/-1}@media screen and (min-width: 768px){body>main .title:has(.extra) .extra{grid-column:2}}body>main .title:has(.extra) .extra>div{background-color:#fff;box-shadow:var(--drop-shadow);padding:1.5rem;border-radius:1.5rem}body>main .title:has(.extra) .extra>div.appointment{line-height:145%}body>main .title:has(.extra) .extra>div.appointment strong{font-weight:normal}body>main .title:has(.extra) .extra>div.appointment .date,body>main .title:has(.extra) .extra>div.appointment .times{font-weight:bold}body>main .title:has(.extra) .extra>div.invoice{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}body>main .title:has(.extra) .extra>div.invoice a{font-weight:normal}body>main .content{position:relative}body>footer:has(.main){margin-top:3rem}body>footer .main{background-color:var(--clr-bg-200);border-top-right-radius:20rem;min-height:25rem;padding-block:3rem}body>footer .main .footer-organisations{display:grid;grid-template-columns:1fr}@media screen and (min-width: 768px){body>footer .main .footer-organisations{grid-template-columns:minmax(min-content, 30rem) minmax(min-content, 30rem) 1fr}}body>footer .main .footer-organisations h2{grid-column:1/-1}body>footer .main .footer-organisations h3{margin-top:0}body>footer .main .footer-organisations .org{display:grid;grid-template-rows:1fr auto auto;width:80%}body>footer .main .footer-organisations .org ul{list-style-type:none;padding:0;display:flex;flex-direction:column;gap:2rem}body>footer .main .footer-organisations .org ul li{background-color:var(--clr-bg-100);box-shadow:var(--drop-shadow);border-radius:6rem;padding:1.5rem 1.5rem 1.5rem 4rem;position:relative}body>footer .main .footer-organisations .org ul li::after{content:"";position:absolute;left:1.5rem;top:50%;transform:translateY(-50%);width:1.5rem;height:1.5rem;background-repeat:no-repeat;background-position:center;background-size:contain}body>footer .main .footer-organisations .org ul li a{text-decoration:none}body>footer .main .footer-organisations .org ul li:first-of-type::after{background-image:url("../images/telephone.svg")}body>footer .main .footer-organisations .org ul li:last-of-type::after{background-image:url("../images/envelope.svg")}body>footer .sub{padding:2rem}body>footer .sub>div{display:flex;flex-direction:row;justify-content:center}body>footer .sub>div>*{position:relative;padding-right:2rem}body>footer .sub>div>*::after{position:absolute;right:.8rem;top:40%;transform:translateY(-50%);content:"|"}body>footer .sub>div>*:last-of-type{padding-right:0}body>footer .sub>div>*:last-of-type::after{display:none}body.bg-ornament>main{background-image:url(../images/wacky-wavey-background.svg);background-repeat:no-repeat;background-position:right 2.5rem top;background-size:max(50%,50rem)}body>header,body>footer>.main,body>main,.content-grid{--padding-inline: 3rem;--content-max-width: 144rem;--breakout-max-size: 168rem;--breakout-size: calc((var(--breakout-max-size) - var(--content-max-width)) / 2);display:grid;grid-template-columns:[full-width-start] minmax(var(--padding-inline), 1fr) [breakout-start] minmax(0, var(--breakout-size)) [content-start] min(100% - var(--padding-inline)*2,var(--content-max-width)) [content-end] minmax(0, var(--breakout-size)) [breakout-end] minmax(var(--padding-inline), 1fr) [full-width-end]}@media screen and (max-width: 767px){body>header,body>footer>.main,body>main,.content-grid{--padding-inline: 1.5rem}}body>header.two-third,body>footer>.main.two-third,body>main.two-third,.content-grid.two-third{--content-max-width: 108rem;--breakout-max-size: 128rem}body>header.half,body>footer>.main.half,body>main.half,.content-grid.half{--content-max-width: 72rem;--breakout-max-size: 84rem}body>header>:not(.breakout,.full-width),body>footer>.main>:not(.breakout,.full-width),body>main>:not(.breakout,.full-width),.content-grid>:not(.breakout,.full-width){grid-column:content}body>header>.breakout,body>footer>.main>.breakout,body>main>.breakout,.content-grid>.breakout{grid-column:breakout}body>header>.full-width,body>footer>.main>.full-width,body>main>.full-width,.content-grid>.full-width{grid-column:full-width}body>header img.wrapper-background,body>footer>.main img.wrapper-background,body>main img.wrapper-background,.content-grid img.wrapper-background{grid-column:auto}.page-actions{display:flex;justify-content:flex-end}.customer-portal-job-list .job-list-container{--bg-color: red;--text-color: red;background-color:#fff;border-radius:2.5rem;padding:2.5rem;margin-block:2.5rem;display:grid;grid-template-columns:1fr;justify-content:start;align-content:start;gap:2.5rem}.customer-portal-job-list .job-list-container .pages{display:grid;grid-template-columns:1fr;justify-content:start;align-content:start;gap:2.5rem;grid-column:1/-1}@media screen and (min-width: 992px){.customer-portal-job-list .job-list-container .pages{grid-template-columns:repeat(3, minmax(0, 1fr))}}.customer-portal-job-list .job-list-container h3{font-size:150%;margin:0;grid-column:1/-1}.customer-portal-job-list .job-list-container .empty{color:var(--clr-text-200)}.customer-portal-job-list .job-list-container .pagination{grid-column:span 3;list-style-type:none;display:flex;justify-self:center}.customer-portal-job-list .job-list-container .pagination li{width:3rem;height:3rem;padding:.5rem;text-align:center}.customer-portal-job-list .job-list-container .pagination li.current{background-color:#f3f9ff;box-shadow:var(--drop-shadow);border-radius:100%}.customer-portal-job-list .job-list-container.list-type-new{--bg-color: #ffefee;--text-color: #c93e33}.customer-portal-job-list .job-list-container.list-type-confirmed{--bg-color: #eaf4ec;--text-color: #065d1b}.customer-portal-job-list .job-list-container.list-type-finished{--bg-color: #f3f9ff;--text-color: #1b0e38}.customer-portal-job-list .job-list-container .job-block{--inner-padding: 1.5rem;border-radius:var(--border-radius-inner);box-shadow:var(--drop-shadow);padding:var(--inner-padding);position:relative;background-color:var(--bg-color);color:var(--clr-text-200)}.customer-portal-job-list .job-list-container .job-block .address{font-weight:bold;font-size:125%;margin-bottom:.75rem}.customer-portal-job-list .job-list-container .job-block .services{margin-bottom:1.5rem}.customer-portal-job-list .job-list-container .job-block .address,.customer-portal-job-list .job-list-container .job-block .services{color:var(--text-color);max-width:95%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.customer-portal-job-list .job-list-container .job-block .information{--gap-size: 1rem;background-color:#fff;border-radius:var(--border-radius-inner);border-top-left-radius:0;border-top-right-radius:calc(2*var(--border-radius-inner));margin:calc(-1*var(--inner-padding));margin-top:0;padding:var(--inner-padding);display:grid;grid-template-rows:repeat(2, 1fr);grid-template-columns:repeat(2, 1fr);gap:var(--gap-size)}.customer-portal-job-list .job-list-container .job-block .information>*{background-color:#f7f5f5;border-radius:var(--border-radius-inner);padding:1rem}.customer-portal-job-list .job-list-container .job-block .information .documents .number{font-weight:bold}.customer-portal-job-list .job-list-container .job-block .information .documents,.customer-portal-job-list .job-list-container .job-block .information .invoice{grid-column:1;position:relative;display:flex;align-items:center;text-transform:lowercase}.customer-portal-job-list .job-list-container .job-block .information .documents .icon,.customer-portal-job-list .job-list-container .job-block .information .invoice .icon{display:flex;align-items:center;padding-right:1rem}.customer-portal-job-list .job-list-container .job-block .information .documents .icon.check circle,.customer-portal-job-list .job-list-container .job-block .information .invoice .icon.check circle{fill:var(--text-color)}.customer-portal-job-list .job-list-container .job-block .information .invoice a{font-weight:bold;color:var(--clr-text-200)}.customer-portal-job-list .job-list-container .job-block .information .invoice a:hover{text-decoration:none}.customer-portal-job-list .job-list-container .job-block .information .appointment{grid-column:2;grid-row:1/span 2;position:relative;padding-left:3rem;margin-left:calc(.5*var(--gap-size))}.customer-portal-job-list .job-list-container .job-block .information .appointment>div{display:flex;flex-direction:column;gap:.5rem}.customer-portal-job-list .job-list-container .job-block .information .appointment .date,.customer-portal-job-list .job-list-container .job-block .information .appointment .times{font-weight:bold}.customer-portal-job-list .job-list-container .job-block .information .appointment .icon{position:absolute;top:1.5rem;left:1rem}.customer-portal-job-list .job-list-container .job-block .information .appointment .icon path{fill:var(--text-color)}.customer-portal-job-list .job-list-container .job-block .arrow{position:absolute;top:var(--inner-padding);right:var(--inner-padding)}.customer-portal-job-list .job-list-container .job-block .arrow svg>path{fill:var(--text-color);stroke:var(--text-color)}.job-incomplete{background-color:var(--clr-warn-100);border-radius:var(--border-radius-outer);margin-block:1.5rem;padding:2rem;color:var(--clr-warn-200)}.job-incomplete a{color:var(--clr-warn-200)}section.documents{border-radius:var(--border-radius-outer);box-shadow:var(--drop-shadow);margin-top:40px}section.documents.incomplete{--bg-color: var(--clr-warn-100);--text-color: var(--clr-warn-200)}section.documents.complete{--bg-color: var(--clr-success-100);--text-color: var(--clr-success-200)}section.documents.finished{--bg-color: var(--clr-done-100);--text-color: var(--clr-done-200)}section.documents header{border-radius:var(--border-radius-outer) var(--border-radius-outer) 0 0;color:var(--text-color);background-color:var(--bg-color);padding:2rem;display:flex;justify-content:space-between;align-items:center}section.documents header h3{display:flex;margin:0;font-size:2.5rem;align-items:center;flex:1}section.documents header h3 svg{margin-right:2rem}section.documents header h3 svg path{fill:var(--text-color)}section.documents header .download-btn{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:50%;text-decoration:none;flex-shrink:0;margin-left:2rem;border:1px solid;background-color:hsla(0,0%,100%,.2);color:var(--text-color);border-color:var(--text-color)}section.documents header .download-btn:hover,section.documents header .download-btn:focus{background-color:var(--text-color);color:var(--bg-color);border-color:var(--text-color)}section.documents header .download-btn .download-icon{width:2rem;height:2rem;display:block;background-image:none;mask:url("../images/download.svg") no-repeat center;mask-size:contain;background-color:currentColor}section.documents main{background-color:#fff;display:grid;grid-template-columns:1fr;padding:2rem;gap:2rem}@media screen and (min-width: 768px){section.documents main{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 992px){section.documents main{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 1200px){section.documents main{grid-template-columns:repeat(4, 1fr)}}section.documents main .empty{font-style:oblique;grid-column:1/-1}section.documents main .document{padding:1.5rem;box-shadow:var(--drop-shadow);border-radius:var(--border-radius-inner);display:grid;grid-template-columns:4rem 1fr;align-items:center}section.documents main .document .icon{padding-right:1.5rem;justify-self:center}section.documents main .document .icon svg path{fill:var(--text-color)}section.documents main .document strong,section.documents main .document span{display:inline-block;width:18rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media screen and (min-width: 768px){section.documents main .document strong,section.documents main .document span{max-width:22rem}}section.documents main .document .content{display:flex;flex-direction:column;line-height:125%}section.documents main .document .content strong{text-transform:lowercase}section.documents main .document .date{color:var(--text-color)}section.documents footer{border-radius:0 0 var(--border-radius-outer) var(--border-radius-outer);background-color:#fff;padding:0 2rem 2rem}section.location{background-color:var(--clr-bg-100);border-radius:var(--border-radius-outer);box-shadow:var(--drop-shadow);padding:2rem;margin-block:4rem;display:inline-block;width:100%}@media screen and (min-width: 768px){section.location{width:50%}}section.location h3{margin-top:0;font-size:2.5rem;position:relative;padding-left:3rem}section.location h3::before{content:"";aspect-ratio:1/1;width:2rem;background:url("../images/map-pin.svg") no-repeat center;background-size:contain;position:absolute;top:50%;left:0;transform:translateY(-50%);display:block}section.location #map{width:100%;min-width:10rem;max-width:70rem;height:35rem}.job-created-dialog{z-index:1001;position:absolute;top:0;left:0;width:100%;height:100%;margin:0;display:grid;place-content:center}.job-created-dialog .close{--offset: 3rem;position:absolute;top:var(--offset);right:var(--offset);user-select:none}.job-created-dialog .close a{opacity:0}.job-created-dialog .close::before{--size: 2rem;background-image:url(../images/cross.svg);background-repeat:no-repeat;background-size:contain;width:var(--size);height:var(--size);content:"";position:absolute;top:0;right:0}.job-created-dialog .wrapper{position:relative;z-index:2;background-color:#fff;padding:3rem;min-width:50vw;padding-inline:15rem;border-radius:var(--border-radius-outer)}.job-created-dialog .wrapper h3{font-size:5.5rem;font-weight:200;margin:0}.job-created-dialog .wrapper .content{padding-block:2rem;display:grid}.job-created-dialog .wrapper .content strong{margin-bottom:3rem}.job-created-dialog .wrapper .content .datetime{display:grid;gap:.5rem}.job-created-dialog .wrapper .content>span{margin-top:3rem}.job-created-dialog .wrapper .actions{display:grid;grid-template-columns:repeat(2, 1fr);gap:2rem}.job-created-dialog::before{position:absolute;content:"";z-index:1;top:0;left:0;width:100%;height:100%;backdrop-filter:blur(0.8rem);background-color:rgba(27,14,56,.7)}.customer-details .info-grid .info-item{display:flex;margin-bottom:1rem;align-items:flex-start}.customer-details .info-grid .info-item strong{font-weight:normal;color:var(--clr-text-300);width:15rem;flex-shrink:0;margin-right:2rem}.customer-details .info-grid .info-item span{color:var(--clr-text-400);flex:1}fieldset{border:0;margin:0;padding:0;min-width:0;margin-block:2rem}fieldset legend{display:none}fieldset.hidden{display:none !important}input[type=text],input[type=password],input[type=date],input[type=email],input[type=number]{border-radius:2rem;border:0;padding:1.5rem;box-shadow:var(--drop-shadow)}select{border-radius:2rem;border:0;padding:1.5rem;box-shadow:var(--drop-shadow);width:100%;background-color:var(--clr-bg-100);appearance:none}*:has(>select){position:relative}*:has(>select) select{text-transform:lowercase}*:has(>select)::after{position:absolute;top:50%;right:1rem;transform:translateY(-50%) rotate(90deg);display:block;content:"";background-image:url("../images/arrow.svg");background-repeat:no-repeat;background-position:center;background-size:cover;height:1rem;width:1rem;pointer-events:none}@supports selector(select:open){*:has(>select):has(>select:open)::after{transform:translateY(-50%) rotate(-90deg)}}@supports not selector(select:open){*:has(>select):has(>select:focus-within)::after{transform:translateY(-50%) rotate(-90deg)}}a.button{text-decoration:none;color:inherit;cursor:default}a.button.plus-icon{position:relative;padding-left:5rem}a.button.plus-icon::before{--size: 2rem;content:"";display:block;position:absolute;left:2rem;top:50%;transform:translateY(-50%);width:var(--size);height:var(--size);margin-right:var(--size);background-image:url(../images/button-plus.svg);background-size:cover}a.button.pencil-icon{text-transform:lowercase}a.button.pencil-icon::before{background-image:url(../images/pencil.svg)}input[type=submit],input[type=reset],input[type=button],button:not(.link),a.button{background-color:rgba(0,0,0,0);border:0;outline:.1rem solid var(--clr-text-100);padding:1.5rem 2rem;min-width:15rem;text-align:left;display:inline-block;border-radius:5rem;font-weight:700;cursor:pointer}input[type=submit].has-icon,input[type=reset].has-icon,input[type=button].has-icon,button:not(.link).has-icon,a.button.has-icon{position:relative;padding-right:4rem}input[type=submit].has-icon::after,input[type=reset].has-icon::after,input[type=button].has-icon::after,button:not(.link).has-icon::after,a.button.has-icon::after{content:"";background-image:url("../images/arrow.svg");background-repeat:no-repeat;background-position:center;height:2rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%);display:block;width:2rem}input[type=submit].back,input[type=reset].back,input[type=button].back,button:not(.link).back,a.button.back{padding:1.5rem 1.5rem 1.5rem 4rem;min-width:auto;background-color:#fff;box-shadow:var(--drop-shadow);outline:0}input[type=submit].back::after,input[type=reset].back::after,input[type=button].back::after,button:not(.link).back::after,a.button.back::after{content:"";background-color:var(--clr-text-100);mask-image:url("../images/arrow.svg");mask-repeat:no-repeat;mask-position:center;height:2rem;position:absolute;left:1rem;top:50%;transform:translateY(-50%) scaleX(-1);display:block;width:2rem}input[type=submit]:hover,input[type=submit]:focus,input[type=reset]:hover,input[type=reset]:focus,input[type=button]:hover,input[type=button]:focus,button:not(.link):hover,button:not(.link):focus,a.button:hover,a.button:focus{background-color:var(--clr-bg-100)}button.link{appearance:none;border:0;background:rgba(0,0,0,0);font-weight:700;text-decoration:underline;cursor:pointer}button.link:hover{text-decoration:none}form .form-group label{margin-bottom:1rem}form .form-group label+div{margin-top:1rem}form .form-group label+div input{width:100%}form .form-group:has(div>input[type=checkbox]){display:flex;flex-direction:column;justify-content:center;padding-block:2.5rem}form .form-group .invalid-feedback{background-color:var(--clr-warn-100);color:var(--clr-warn-200);outline:1px solid var(--clr-warn-200);border-radius:var(--border-radius-inner);padding:1rem;display:inline-block;margin-block:2rem}form .form-group .invalid-feedback:last-of-type{margin-bottom:0}form .form-actions{display:flex;gap:2rem}.form-back{position:absolute;left:0;top:0}@media screen and (min-width: 1680px){.form-back{left:1rem;top:1rem;transform:translateX(-140%)}}.login-form,.address-registration-form,.customer-registration-form{--gap-size: 2.5rem;width:100%}@media screen and (min-width: 992px){.login-form,.address-registration-form,.customer-registration-form{width:80%}}@media screen and (min-width: 1200px){.login-form,.address-registration-form,.customer-registration-form{width:70%}}.login-form fieldset,.address-registration-form fieldset,.customer-registration-form fieldset{display:flex;flex-direction:column;gap:var(--gap-size)}.login-form fieldset>div,.address-registration-form fieldset>div,.customer-registration-form fieldset>div{display:grid;grid-template-columns:1fr;gap:var(--gap-size)}@media screen and (min-width: 768px){.login-form fieldset>div,.address-registration-form fieldset>div,.customer-registration-form fieldset>div{grid-template-columns:1fr 1fr}}.login-form fieldset>div .street,.address-registration-form fieldset>div .street,.customer-registration-form fieldset>div .street{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-size)}.login-form label,.address-registration-form label,.customer-registration-form label{font-weight:700;color:var(--clr-text-100)}.login-form input::placeholder,.address-registration-form input::placeholder,.customer-registration-form input::placeholder{text-transform:lowercase;color:rgba(27,14,56,.5)}.address-registration-form .form-group:has(.hidden){visibility:hidden}.services-form .form-group>label{display:none}.services-form .form-group>div{display:grid;grid-template-columns:1fr;gap:1.5rem}.services-form .form-group>div>strong{background-color:#fff;display:grid;grid-template-columns:1fr min-content;box-shadow:var(--drop-shadow);border-radius:var(--border-radius-outer);padding:1.5rem;position:relative;user-select:none}.services-form .form-group>div>strong.enable-transitions::after{transition:transform var(--transition-duration) ease-in-out}.services-form .form-group>div>strong::after{content:"";display:block;width:2rem;height:2rem;background-color:var(--clr-warn-200);mask-image:url("../images/arrow.svg");mask-repeat:no-repeat;mask-position:center;transform:rotate(-90deg);outline:2px solid green}.services-form .form-group>div>strong:has(+.collapsed)::after{transform:rotate(90deg)}.services-form fieldset .form-group .invalid-feedback{margin-bottom:1.5rem}.services-form .checkbox-group{display:grid;grid-template-columns:1fr;--gap-size: 2.1rem;gap:var(--gap-size)}.services-form .checkbox-group .custom-checkbox{display:grid;grid-template-columns:max-content 1fr max-content;gap:var(--gap-size);place-content:center;position:relative}.services-form .checkbox-group .custom-checkbox:not(:first-child)::before{content:"";position:absolute;top:0;left:0;--offset: calc(-0.5 * var(--gap-size));transform:translateY(var(--offset));width:100%;height:1px;background-color:var(--clr-text-100);pointer-events:none}.services-form .checkbox-group .custom-checkbox .price{margin:0;font-weight:bold}.services-form .checkbox-group .custom-checkbox label{margin:0}.services-form .checkbox-group .custom-checkbox p{grid-column:1/-1;order:3;outline:1px solid red}.services-form .checkbox-group.collapsed{display:none}@media screen and (min-width: 768px){.sub-services-form{max-width:75%}}.sub-services-form .form-group>label{display:none}.sub-services-form .form-group>div{display:grid;grid-template-columns:repeat(3, 1fr);gap:2rem}.sub-services-form .form-group>div .custom-checkbox{background-color:#fff;border-radius:var(--border-radius-inner);box-shadow:var(--drop-shadow);display:grid;grid-template-columns:max-content 1fr;gap:2rem;padding:2rem;padding-block:4rem}.sub-services-form .form-group>div .custom-checkbox label{margin:0;user-select:none}.sub-services-form .form-group>div .custom-checkbox .invalid-feedback{grid-column:1/-1}.services-form .services-form-price-indicator,.sub-services-form .services-form-price-indicator{position:absolute;top:1rem;right:1rem;background-color:#fff;padding:1.5rem 6rem;border-radius:var(--border-radius-inner);box-shadow:var(--drop-shadow);display:grid;grid-template-columns:1fr;place-content:center}.services-form .services-form-price-indicator .amount,.sub-services-form .services-form-price-indicator .amount{font-weight:700;text-align:center}.info-element{--icon-size: 1rem;margin-left:calc(.5*var(--icon-size));display:inline-block;width:var(--icon-size);height:var(--icon-size);border-radius:100%;position:relative}.info-element .icon{display:inline-block;font-weight:bold;position:absolute;left:0;top:50%;width:100%;transform:translateY(-50%);text-align:center}.info-element .text{position:absolute;top:0;left:2rem;width:max-content;height:max-content;max-width:60rem;padding:1rem;box-shadow:var(--drop-shadow);border-radius:var(--border-radius-inner);z-index:2;background-color:#fff;opacity:0;pointer-events:none}.info-element:hover .text{display:block;opacity:1;pointer-events:auto}.appointment-form .date-selector{background-color:#fff;box-shadow:var(--drop-shadow);border-radius:var(--border-radius-outer);display:grid;gap:2rem;margin-bottom:2rem}.appointment-form .date-selector .disclaimer{padding:2rem 3rem}.appointment-form .date-selector fieldset:has(textarea) label{font-weight:bold}.appointment-form .date-selector h3{margin-bottom:0;text-transform:lowercase}.appointment-form .date-selector textarea{outline:.2rem solid var(--clr-text-100);border:0;min-height:10rem;padding:1.5rem;border-radius:var(--border-radius-inner);resize:none}@media screen and (min-width: 768px){.appointment-form .date-selector{grid-template-columns:50% 50%}.appointment-form .date-selector .disclaimer{grid-column:1/-1}}.appointment-form .date-selector .custom-calendar{padding:2rem 15rem 2rem 2rem}.appointment-form .date-selector .time-slots-container fieldset:has(input[type=hidden]){display:none}.appointment-form .date-selector .time-slots-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:1rem;margin-top:1.5rem}@media screen and (min-width: 768px){.appointment-form .date-selector .time-slots-grid{grid-template-columns:repeat(2, 1fr);max-width:40rem}}.appointment-form .date-selector .time-slots-grid h3{font-size:2rem;grid-column:1/-1}.appointment-form .date-selector .time-slot{cursor:pointer;padding-block:1rem;padding-left:2rem;transition:all .2s ease;position:relative;--outer-size: 1.5rem;--inner-size: 1rem}.appointment-form .date-selector .time-slot::before{content:"";position:absolute;left:calc(.5*var(--outer-size));top:50%;transform:translateY(-50%) translateX(-50%);background-color:var(--clr-done-100);z-index:2;width:var(--outer-size);height:var(--outer-size);border-radius:100%}.appointment-form .date-selector .time-slot:hover{text-decoration:underline}.appointment-form .date-selector .time-slot.selected::after{content:"";position:absolute;left:calc(.5*var(--outer-size));top:50%;transform:translateY(-50%) translateX(-50%);background-color:var(--clr-success-200);z-index:3;width:var(--inner-size);height:var(--inner-size);border-radius:100%}.appointment-form .date-selector .time-slot.unavailable{background-color:#f8f9fa;color:#adb5bd;cursor:not-allowed;opacity:.6}.appointment-form .date-selector .placeholder-message{grid-column:span 4;padding:20px;color:#6c757d}.appointment-form .date-selector .selected-employee-info{margin-top:15px;padding:10px;border:1px solid #28a745;border-radius:4px;background-color:#f8fff9}.appointment-form .date-selector .time-field-container{display:none}.appointment-form .date-selector .calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.appointment-form .date-selector .calendar-header button{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#007bff;padding:0;height:4rem;outline:0}@keyframes wiggle-prev{0%{transform:translateY(-50%) scaleX(-1) rotate(0deg)}20%{transform:translateY(-50%) scaleX(-1) rotate(17.5deg)}40%{transform:translateY(-50%) scaleX(-1) rotate(-17.5deg)}60%{transform:translateY(-50%) scaleX(-1) rotate(17.5deg)}80%{transform:translateY(-50%) scaleX(-1) rotate(-17.5deg)}100%{transform:translateY(-50%) scaleX(-1) rotate(0deg)}}@keyframes wiggle-next{0%{transform:translateY(-50%) rotate(0deg)}20%{transform:translateY(-50%) rotate(17.5deg)}40%{transform:translateY(-50%) rotate(-17.5deg)}60%{transform:translateY(-50%) rotate(17.5deg)}80%{transform:translateY(-50%) rotate(-17.5deg)}100%{transform:translateY(-50%) rotate(0deg)}}.appointment-form .date-selector .calendar-header button.prev,.appointment-form .date-selector .calendar-header button.next{position:relative}.appointment-form .date-selector .calendar-header button.prev::after,.appointment-form .date-selector .calendar-header button.next::after{--size: 1.3rem;--offset: 2rem;content:"";position:absolute;top:50%;right:var(--offset);background-color:var(--clr-warn-200);mask-image:url("../images/arrow.svg");mask-repeat:no-repeat;mask-size:contain;mask-position:center;height:var(--size);width:var(--size);transform:translateY(-50%)}.appointment-form .date-selector .calendar-header button.prev::after{transform:translateY(-50%) scaleX(-1);left:var(--offset);right:auto}.appointment-form .date-selector .calendar-header button.prev:hover::after{animation:wiggle-prev .4s linear}.appointment-form .date-selector .calendar-header button.next:hover::after{animation:wiggle-next .4s linear}.appointment-form .date-selector .calendar-month-year{font-weight:bold;font-size:2.5rem}.appointment-form .date-selector .calendar-grid{display:grid;grid-template-columns:repeat(5, 1fr);gap:5px}.appointment-form .date-selector .calendar-weekday{text-align:center;font-weight:bold;font-size:1.4rem;padding:5px 0;color:#6c757d}.appointment-form .date-selector .calendar-day{text-align:center;padding:8px 0;border-radius:4px;cursor:pointer;transition:all .2s ease}.appointment-form .date-selector .calendar-day:hover{background-color:#e9ecef}.appointment-form .date-selector .calendar-day.other-month{color:#adb5bd}.appointment-form .date-selector .calendar-day.today{background-color:#e9ecef;font-weight:bold}.appointment-form .date-selector .calendar-day.empty{visibility:hidden}.appointment-form .date-selector .calendar-day.selected{background-color:var(--clr-success-100);outline:1px solid var(--clr-success-200);color:var(--clr-success-200)}.appointment-form .date-selector .calendar-day.weekend{color:#dc3545}.appointment-form .date-selector .calendar-day.disabled{color:#dee2e6;cursor:not-allowed;background-color:#f8f9fa}.password-reset-form form,.login-form form{display:grid;gap:2.5rem}.password-reset-form .fields,.login-form .fields{display:grid;gap:2.5rem;max-width:50%}.password-reset-form .forgot-password,.login-form .forgot-password{margin-bottom:4rem}.password-reset-form .forgot-password a,.login-form .forgot-password a{font-weight:normal}.password-reset-form .form-actions,.login-form .form-actions{margin-top:2rem}.password-reset-form>*,.login-form>*{text-transform:lowercase}.document-upload-form{display:grid;grid-template-columns:1fr;gap:2rem;border-radius:var(--border-radius-outer);background-color:var(--clr-bg-200);box-shadow:var(--drop-shadow)}@media screen and (min-width: 768px){.document-upload-form{grid-template-columns:1fr 3fr;gap:4rem}}.document-upload-form h3{font-size:2.5rem;margin:0;padding-bottom:2rem}@media screen and (min-width: 992px){.document-upload-form h3{padding-bottom:0}}.document-upload-form>div{padding:3rem}.document-upload-form .uploaded-documents ul{list-style-type:none;margin:2rem 0;padding:0;display:grid;gap:2rem;--size: 1rem}.document-upload-form .uploaded-documents ul li{padding:0 0 0 2.5rem;position:relative}.document-upload-form .uploaded-documents ul li::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:var(--size);height:var(--size);outline:1px solid var(--clr-warn-200);border-radius:100%}.document-upload-form .uploaded-documents ul li.done::before{outline:1px solid var(--clr-success-200);background-color:var(--clr-success-200);background-image:url("../images/check.svg");background-repeat:no-repeat;background-position:center;background-size:cover}.document-upload-form .upload-documents{border-radius:var(--border-radius-outer);background-color:var(--clr-bg-100)}.document-upload-form .upload-documents .documents{min-height:20rem;flex-direction:column;padding-block:2rem;gap:2rem;max-height:max-content;display:flex}.document-upload-form .upload-documents .documents .uploaded-document{display:grid;grid-template-columns:4fr 3fr;gap:2rem;height:max-content}.document-upload-form .upload-documents .documents .uploaded-document .document-name,.document-upload-form .upload-documents .documents .uploaded-document .document-type{padding:2rem;border-radius:var(--border-radius-inner);box-shadow:var(--drop-shadow)}.document-upload-form .upload-documents .documents .uploaded-document .document-name{background-color:var(--clr-bg-200);position:relative}.document-upload-form .upload-documents .documents .uploaded-document .document-name .delete{position:absolute;top:.75rem;right:.75rem;aspect-ratio:1/1;width:2rem;cursor:pointer}.document-upload-form .upload-documents .documents .uploaded-document .document-name .delete::after{content:"";background:url("../images/cross.svg") no-repeat center;background-size:cover;height:1.2rem;width:1.2rem;position:absolute;right:1.5rem;top:50%;left:50%;transform:translate(-50%, -50%);display:block;transition:transform var(--transition-duration)}.document-upload-form .upload-documents .documents .uploaded-document .document-type{background-color:var(--clr-bg-100);position:relative;z-index:3;user-select:none;cursor:pointer}.document-upload-form .upload-documents .documents .uploaded-document .document-type .options{display:none;position:absolute;z-index:5;top:100%;left:0;width:100%;padding:0 2rem 1rem;background-color:var(--clr-bg-100);border-bottom-left-radius:var(--border-radius-inner);border-bottom-right-radius:var(--border-radius-inner);box-shadow:var(--drop-shadow);border-top:.1rem solid #ebebeb}.document-upload-form .upload-documents .documents .uploaded-document .document-type .options>div{padding-block:1rem}.document-upload-form .upload-documents .documents .uploaded-document .document-type .options>div:hover{cursor:pointer;background-color:var(--clr-bg-200)}.document-upload-form .upload-documents .documents .uploaded-document .document-type.open{z-index:4;border-bottom-left-radius:0;border-bottom-right-radius:0}.document-upload-form .upload-documents .documents .uploaded-document .document-type.open .options{display:grid}.document-upload-form .upload-documents .documents .uploaded-document .document-type::after{content:"";background-image:url("../images/arrow-narrow.svg");background-repeat:no-repeat;background-position:center;background-size:cover;height:1.6rem;width:1.6rem;position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);display:block;transition:transform var(--transition-duration)}.document-upload-form .upload-documents .documents .uploaded-document .document-type.open::after{transform:translateY(-50%) rotate(180deg)}.document-upload-form .upload-documents .actions{display:flex;flex-direction:column;gap:1em;justify-content:center}@media screen and (min-width: 768px){.document-upload-form .upload-documents .actions{justify-content:space-between;flex-direction:row}}.document-upload-form .upload-documents .actions .drop-zone{outline:1px dashed var(--clr-text-200);width:30rem;height:10rem;display:grid;place-content:center;border-radius:var(--border-radius-inner);margin:auto}@media screen and (min-width: 768px){.document-upload-form .upload-documents .actions .drop-zone{margin:0}}.document-upload-form .upload-documents .actions .drop-zone span{color:var(--clr-text-100);font-size:1.5rem;text-align:center}.document-upload-form .upload-documents .actions .drop-zone.hover{background-color:var(--clr-bg-200)}.document-upload-form .upload-documents .actions .finish{align-self:center}@media screen and (min-width: 768px){.document-upload-form .upload-documents .actions .finish{align-self:end}}.document-upload-form .upload-documents .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.document-upload-form .upload-documents .section-header h3{margin:0;flex:1}.results{grid-template-columns:1fr}@media screen and (min-width: 768px){.results .upload-documents .actions{justify-content:start}}.results .upload-documents .actions .drop-zone{margin-right:auto}.feedback-form-container{background-color:var(--clr-bg-100);border-radius:var(--border-radius-outer);box-shadow:var(--drop-shadow);padding:3rem;margin:2rem 0}.feedback-form-container .feedback-form{display:flex;flex-direction:row;flex-wrap:wrap;gap:1em;height:max-content;--gap-size: 2.5rem}.feedback-form-container .feedback-form textarea{min-height:10rem;resize:vertical;border-radius:var(--border-radius-inner)}.feedback-form-container .feedback-form input[type=text],.feedback-form-container .feedback-form input[type=email],.feedback-form-container .feedback-form input[type=number],.feedback-form-container .feedback-form input[type=url],.feedback-form-container .feedback-form textarea,.feedback-form-container .feedback-form select{border-radius:2rem;border:0;padding:1.5rem;box-shadow:var(--drop-shadow);width:100%;background-color:var(--clr-bg-100);flex-grow:0;height:max-content}.feedback-form-container .feedback-form label{font-weight:700;color:var(--clr-text-100);margin-bottom:1rem;display:block}.feedback-form-container .feedback-form .form-actions{margin-top:3rem}.feedback-form-container .feedback-form .help-text{font-size:.9em;color:var(--clr-text-200);margin-top:.5rem}.feedback-form-container .feedback-form .invalid-feedback{background-color:var(--clr-warn-100);color:var(--clr-warn-200);outline:1px solid var(--clr-warn-200);border-radius:var(--border-radius-inner);padding:1rem;margin-top:1rem}.feedback-form-container .feedback-form .form-group{display:flex;flex-direction:column;flex-grow:0;flex-basis:100%;margin-bottom:var(--gap-size)}@media screen and (min-width: 992px){.feedback-form-container .feedback-form .form-group{flex-basis:calc(50% - .5em)}}.feedback-form-container .feedback-form .form-group:has(div>div input[type=radio]){box-shadow:var(--drop-shadow);display:flex;flex-direction:column;gap:1em;border-radius:2rem}.feedback-form-container .feedback-form .form-group:has(div>div input[type=radio]) div{display:flex;flex-wrap:wrap;flex-direction:row;gap:1em;text-align:center}.feedback-form-container .feedback-form .form-group:has(div>div input[type=radio]) div div{padding:0 0 1em 0}@media screen and (min-width: 992px){.feedback-form-container .feedback-form .form-group:has(div>div input[type=radio]) div div{padding:0 1em 1em 1em}}.feedback-form-container .feedback-form .form-group:has(div>div input[type=radio]) label{margin-bottom:0}.feedback-form-container .feedback-form .form-group:has(select) option{padding:1em;border-radius:2em;margin-bottom:.5em;background:#e1e1e1}.feedback-form-container .feedback-form .form-group:has(div>div input[type=checkbox]){display:inline-flex;flex-basis:calc(50% - .5em);width:max-content;flex-direction:column;text-align:center;height:fit-content;gap:1em;border-radius:2rem;box-shadow:var(--drop-shadow)}.feedback-form-container .feedback-form .form-group:has(div>div input[type=checkbox]) div{display:flex;padding:0 1em 0 1em;flex-wrap:wrap;justify-content:flex-start;text-align:center;gap:1em;flex-direction:row}.feedback-form-container .feedback-form .form-group:has(div>div input[type=checkbox]) div div{padding-bottom:1em}.feedback-form-container .feedback-form .form-group:has(div>div input[type=checkbox]) label{display:flex;flex-direction:column;margin-bottom:0;gap:.5em}.feedback-form-container .feedback-form .form-group:has(input[type=checkbox]){display:flex;flex-basis:100%;align-items:baseline;flex-direction:row-reverse;gap:1em;justify-content:flex-end}.feedback-form-container .feedback-form .form-group:has(input[type=checkbox]) label{margin-bottom:0}/*# sourceMappingURL=default.css.map */
