@keyframes passing-through{0%{opacity:0;transform:translateY(40px)}30%,70%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-40px)}}@keyframes slide-in{0%{opacity:0;transform:translateY(40px)}30%{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}10%{transform:scale(1.1)}20%{transform:scale(1)}}[data-controller~=shared--dropzone] .dropzone,[data-controller~=shared--dropzone] .dropzone *{box-sizing:border-box}[data-controller~=shared--dropzone] .dropzone{background:#fff;border:2px solid rgba(0,0,0,.3);min-height:150px;overflow:hidden;padding:20px}[data-controller~=shared--dropzone] .dropzone.dz-clickable{cursor:pointer}[data-controller~=shared--dropzone] .dropzone.dz-clickable *{cursor:default}[data-controller~=shared--dropzone] .dropzone.dz-clickable .dz-message,[data-controller~=shared--dropzone] .dropzone.dz-clickable .dz-message *{cursor:pointer}[data-controller~=shared--dropzone] .dropzone.dz-started .dz-message{display:none}[data-controller~=shared--dropzone] .dropzone.dz-drag-hover{border-style:solid}[data-controller~=shared--dropzone] .dropzone.dz-drag-hover .dz-message{opacity:.5}[data-controller~=shared--dropzone] .dropzone .dz-message{margin:2em 0;text-align:center}[data-controller~=shared--dropzone] .dropzone .dz-message .dz-button{background:none;border:none;color:inherit;cursor:pointer;font:inherit;outline:inherit;padding:0}[data-controller~=shared--dropzone] .dropzone .dz-preview{display:inline-block;margin:16px;min-height:100px;position:relative;vertical-align:top}[data-controller~=shared--dropzone] .dropzone .dz-preview:hover{z-index:1000}[data-controller~=shared--dropzone] .dropzone .dz-preview.dz-file-preview .dz-image{background:#999;background:linear-gradient(180deg,#eee,#ddd);border-radius:20px}[data-controller~=shared--dropzone] .dropzone .dz-preview.dz-file-preview .dz-details{opacity:1}[data-controller~=shared--dropzone] .dropzone .dz-preview.dz-image-preview{background:#fff}[data-controller~=shared--dropzone] .dropzone .dz-preview.dz-image-preview .dz-details{transition:opacity .2s linear}[data-controller~=shared--dropzone] .dropzone .dz-preview .dz-remove{border:none;cursor:pointer;display:block;font-size:14px;text-align:center}[data-controller~=shared--dropzone] .dropzone .dz-preview .dz-remove:hover{-webkit-text-decoration:underline;text-decoration:underline}[data-controller~=shared--dropzone] .dropzone .dz-preview:hover .dz-details{opacity:1}[data-controller~=shared--dropzone] .dropzone .dz-preview .dz-details{color:rgba(0,0,0,.9);font-size:13px;left:0;line-height:150%;max-width:100%;min-width:100%;opacity:0;padding:2em 1em;position:absolute;text-align:center;top:0;z-index:20}[data-controller~=shared--dropzone] .dropzone .dz-preview .dz-details .dz-size{font-size:16px;margin-bottom:1em}[data-controller~=shared--dropzone] .dropzone .dz-preview .dz-details .dz-filename{white-space:nowrap}[data-controller~=shared--dropzone] .dropzone .dz-preview .dz-details .dz-filename:hover span{background-color:hsla(0,0%,100%,.8);border:1px solid hsla(0,0%,78%,.8)}[data-controller~=shared--dropzone] .dropzone .dz-preview .dz-details .dz-filename:not(:hover){overflow:hidden;text-overflow:ellipsis}[data-controller~=shared--dropzone] .dropzone .dz-preview .dz-details .dz-filename:not(:hover) span{border:1px solid transparent}[data-controller~=shared--dropzone] .dropzone .dz-preview .dz-details .dz-filename span,[data-controller~=shared--dropzone] .dropzone .dz-preview .dz-details .dz-size span{background-color:hsla(0,0%,100%,.4);border-radius:3px;padding:0 .4em}[data-controller~=shared--dropzone] .dropzone .dz-preview:hover .dz-image img{filter:blur(8px);transform:scale(1.05)}[data-controller~=shared--dropzone] .dropzone .dz-preview .dz-image{border-radius:20px;display:block;height:120px;overflow:hidden;position:relative;width:120px;z-index:10}[data-controller~=shared--dropzone] .dropzone .dz-preview .dz-image img{display:block}[data-controller~=shared--dropzone] .dropzone .dz-preview.dz-success .dz-success-mark{animation:passing-through 3s cubic-bezier(.77,0,.175,1)}[data-controller~=shared--dropzone] .dropzone .dz-preview.dz-error .dz-error-mark{animation:slide-in 3s cubic-bezier(.77,0,.175,1);opacity:1}[data-controller~=shared--dropzone] .dropzone .dz-preview .dz-error-mark,[data-controller~=shared--dropzone] .dropzone .dz-preview .dz-success-mark{display:block;left:50%;margin-left:-27px;margin-top:-27px;opacity:0;pointer-events:none;position:absolute;top:50%;z-index:500}[data-controller~=shared--dropzone] .dropzone .dz-preview .dz-error-mark svg,[data-controller~=shared--dropzone] .dropzone .dz-preview .dz-success-mark svg{display:block;height:54px;width:54px}[data-controller~=shared--dropzone] .dropzone .dz-preview.dz-processing .dz-progress{opacity:1;transition:all .2s linear}[data-controller~=shared--dropzone] .dropzone .dz-preview.dz-complete .dz-progress{opacity:0;transition:opacity .4s ease-in}[data-controller~=shared--dropzone] .dropzone .dz-preview:not(.dz-processing) .dz-progress{animation:pulse 6s ease infinite}[data-controller~=shared--dropzone] .dropzone .dz-preview .dz-progress{background:hsla(0,0%,100%,.9);border-radius:8px;height:16px;left:50%;margin-left:-40px;margin-top:-8px;opacity:1;overflow:hidden;pointer-events:none;position:absolute;top:50%;-webkit-transform:scale(1);width:80px;z-index:1000}[data-controller~=shared--dropzone] .dropzone .dz-preview .dz-progress .dz-upload{background:#333;background:linear-gradient(180deg,#666,#444);bottom:0;left:0;position:absolute;top:0;transition:width .3s ease-in-out;width:0}[data-controller~=shared--dropzone] .dropzone .dz-preview.dz-error .dz-error-message{display:block}[data-controller~=shared--dropzone] .dropzone .dz-preview.dz-error:hover .dz-error-message{opacity:1;pointer-events:auto}[data-controller~=shared--dropzone] .dropzone .dz-preview .dz-error-message{background:#be2626;background:linear-gradient(180deg,#be2626,#a92222);border-radius:8px;color:#fff;display:none;font-size:13px;left:-10px;opacity:0;padding:.5em 1.2em;pointer-events:none;position:absolute;top:130px;transition:opacity .3s ease;width:140px;z-index:1000}[data-controller~=shared--dropzone] .dropzone .dz-preview .dz-error-message:after{border-bottom:6px solid #be2626;border-left:6px solid transparent;border-right:6px solid transparent;content:"";height:0;left:64px;position:absolute;top:-6px;width:0}[data-controller~=shared--form-type--brick-period-form-type]{width:-moz-fit-content;width:fit-content}[data-controller~=shared--form-type--brick-period-form-type] input{width:4em}[data-controller~=shared--form-type--brick-period-form-type] .explanationText{font-weight:700}[data-controller~=shared--form-type--brick-period-form-type] .horizontal_row{display:grid}[data-controller~=shared--form-type--brick-period-form-type] .horizontal_row .periodFormArea{align-items:center;display:flex;flex-direction:row;gap:1em;text-align:center}[data-controller~=shared--form-type--brick-period-form-type] .horizontal_row .explanationText{margin-top:1.5em}[data-controller~=shared--form-type--brick-period-form-type] .vertical_row{display:grid}[data-controller~=shared--form-type--brick-period-form-type] .vertical_row .periodFormArea{display:flex;flex-direction:column;gap:.3em;text-align:center}[data-controller~=shared--form-type--brick-period-form-type] .horizontal_widget{display:flex;flex-direction:row;gap:.3em;text-align:center}[data-controller~=shared--form-type--brick-period-form-type] .vertical_widget{display:flex;flex-direction:column;gap:.3em;text-align:center}[data-controller~=shared--form-type--scanner-file-uploader-form-type] .uploadArea{align-items:flex-end;display:flex}[data-controller~=shared--form-type--scanner-file-uploader-form-type] [data-shared--form-type--scanner-file-uploader-form-type-target=fileUpload]{border:2px solid #000;border-radius:.25em .5em .5em .25em}[data-controller~=shared--form-type--scanner-file-uploader-form-type] [data-shared--form-type--scanner-file-uploader-form-type-target=scannerButton]{background-color:#32cd32;border:2px solid #000;font-weight:700}@media only screen and (max-width:480px){[data-controller~=shared--form-type--scanner-file-uploader-form-type] [data-shared--form-type--scanner-file-uploader-form-type-target=scannerButton]{display:none}}[data-controller~=shared--form-type--scanner-file-uploader-form-type] [data-shared--form-type--scanner-file-uploader-form-type-target=legacyErrorText]{color:red;display:inline-block;font-weight:700;max-width:25em}[data-controller~=shared--preview-upload]{display:grid;grid-template-rows:auto 1fr;height:100%;width:100%}[data-controller~=shared--preview-upload] .hidden{display:none}[data-controller~=shared--preview-upload] .previewFrame{height:100%;width:100%}[data-controller~=shared--preview-upload] .documentTabsArea{display:flex}[data-controller~=shared--simple-modal]{align-self:center;background:#fff;display:grid;grid-template-areas:"Header" "Content" "Footer";grid-template-rows:auto 1fr auto;height:100%;justify-self:center;overflow:hidden;width:100%}@media only screen and (min-width:1025px){[data-controller~=shared--simple-modal]{border:.15em solid rgba(0,0,0,.5);border-radius:.7em .7em .35em .35em;box-shadow:.2em .2em .4em rgba(0,0,0,.3);max-width:90vw}}[data-controller~=shared--simple-modal]>header{background:rgba(0,0,0,.1);border-bottom:.1em solid rgba(0,0,0,.25);display:grid;grid-area:Header;grid-template-areas:"Icon Title Buttons";grid-template-columns:10em auto 10em;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-controller~=shared--simple-modal]>header>.NotALegacyIcon{font-size:1.2em;grid-area:Icon;line-height:1.2em;margin-left:.15em;padding:.25em}[data-controller~=shared--simple-modal]>header>h1{color:rgba(0,0,0,.7);display:inline-block;font-size:1.2em;font-weight:700;grid-area:Title;letter-spacing:.02em;line-height:1.8em;margin:0;text-align:center}[data-controller~=shared--simple-modal]>header>.Buttons{display:grid;grid-auto-flow:column;justify-content:end;margin-right:.25em}[data-controller~=shared--simple-modal]>header>.Buttons>button{background:none;border:none;border-left:.1rem solid transparent;border-radius:0;color:rgba(0,0,0,.4);line-height:.7em;margin:.2rem;padding:.3rem .4rem .3rem .7rem;width:2rem}[data-controller~=shared--simple-modal]>header>.Buttons>button:hover{border-left-color:rgba(0,0,0,.1);color:rgba(0,0,0,.6)}[data-controller~=shared--simple-modal] #MODAL_INNER_CONTENT{grid-area:Content;margin:.33em;overflow:auto}[data-controller~=shared--simple-modal] #MODAL_INNER_CONTENT.Scrollable:before{background:linear-gradient(0deg,transparent 0,hsla(0,0%,100%,.5) 60%,#fff);content:"";display:block;height:1em;left:0;position:sticky;right:0;top:-.1em;width:100%}[data-controller~=shared--simple-modal] #MODAL_INNER_CONTENT.Scrollable:after{background:linear-gradient(180deg,transparent 0,hsla(0,0%,100%,.5) 60%,#fff);bottom:-.1em;content:"";display:block;height:1em;left:0;position:sticky;right:0;width:100%}[data-controller~=shared--simple-modal] #MODAL_INNER_CONTENT>form:first-child{margin:1em}[data-controller~=shared--simple-modal] #MODAL_INNER_CONTENT>[data-shared--spinner-target=overlay]{background:#fff;opacity:.8}[data-controller~=shared--simple-modal] #MODAL_INNER_CONTENT>[data-shared--spinner-target=overlay]>[data-shared--spinner-target=spinner]{background:#aaa}[data-controller~=shared--simple-modal]>footer{color:#333;font-size:.7em;font-style:italic;grid-area:Footer;padding:.3em .5em;text-align:center}[data-controller~=shared--simple-modal]>footer:empty{padding:0}@keyframes highlight{0%{background:rgba(255,255,0,.2)}to{background:rgba(255,255,0,0)}}[data-shared--spinner-target=loadHighlight].changed{animation:highlight .5s ease}[data-controller~=shared--spinner]{position:relative}[data-controller~=shared--spinner] [data-shared--spinner-target=overlay]{align-items:center;animation:fadeInAnimation ease-in-out 1;background-color:#000;bottom:0;display:flex;justify-content:center;left:0;opacity:.3;position:absolute;right:0;top:0;z-index:999999}[data-controller~=shared--spinner] [data-shared--spinner-target=overlay] [data-shared--spinner-target=spinner]{animation:sk-rotateplane 1.2s ease-in-out infinite;aspect-ratio:1;background-color:hsla(0,0%,100%,.733);height:50%;margin:10% auto;max-height:100px;max-width:100px}@keyframes sk-rotateplane{0%{transform:perspective(120px) rotateX(0deg) rotateY(0deg);-webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)}to{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}[data-controller~=shared--shared--chat--message].MyMessage{flex-direction:row-reverse}[data-controller~=shared--shared--chat--message].MyMessage [data-shared--shared--chat--message-target=bubble]{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-color:rgb(55 65 81/var(--tw-border-opacity,1))}@media (prefers-color-scheme:dark){[data-controller~=shared--shared--chat--message].MyMessage [data-shared--shared--chat--message-target=bubble]{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1));border-color:rgb(17 24 39/var(--tw-border-opacity,1))}}[data-controller~=shared--shared--chat--message]:not(.MyMessage)[data-shared--shared--chat--message-type-value=CustomerMessage] [data-shared--shared--chat--message-target=bubble]{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(245 208 254/var(--tw-bg-opacity,1));border-color:rgb(245 208 254/var(--tw-border-opacity,1))}@media (prefers-color-scheme:dark){[data-controller~=shared--shared--chat--message]:not(.MyMessage)[data-shared--shared--chat--message-type-value=CustomerMessage] [data-shared--shared--chat--message-target=bubble]{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(74 4 78/var(--tw-bg-opacity,1));border-color:rgb(74 4 78/var(--tw-border-opacity,1))}}[data-controller~=shared--shared--chat--message]:not(.MyMessage)[data-shared--shared--chat--message-type-value=EmployeeMessage] [data-shared--shared--chat--message-target=bubble]{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1));border-color:rgb(229 231 235/var(--tw-border-opacity,1))}@media (prefers-color-scheme:dark){[data-controller~=shared--shared--chat--message]:not(.MyMessage)[data-shared--shared--chat--message-type-value=EmployeeMessage] [data-shared--shared--chat--message-target=bubble]{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1));border-color:rgb(55 65 81/var(--tw-border-opacity,1))}}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter-from,.fade-leave-to{opacity:0}.fade-enter-to,.fade-leave-from{opacity:1}.Hidden,.d-none{display:none}ul.form-errors{color:red}ul.leader{list-style:none;margin:0;padding:0}ul.leader li{align-items:end;display:grid;gap:0 .25rem;grid-template-areas:"left right";grid-template-columns:auto max-content}ul.leader li>:first-child{grid-area:left;overflow:hidden;position:relative}ul.leader li>:first-child:after{content:" . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .";opacity:.5;padding-left:.25ch;position:absolute;text-align:right}ul.leader li>:last-child{grid-area:right}body>.flatpickr-calendar.open{z-index:999999998}#BASE_CONTENT>header{z-index:999998}#BASE_CONTENT>footer{z-index:0}#MODAL_CONTENT{min-height:20vw;min-width:20vw;z-index:1000000}#MODAL_CONTENT>[data-shared--spinner-target=overlay]{background:transparent;opacity:.8}[data-controller~=shared--flash-messages]{left:0;list-style-type:none;margin-block-end:0;margin-block-start:0;padding-inline-start:0;position:fixed;right:0;z-index:1000}[data-controller~=shared--flash-messages] [data-shared--flash-messages-target=message]{animation:fade-in .1s linear;box-shadow:0 0 .5em #aaa;display:grid;grid-template:"Message Controls";grid-template-columns:auto 3em}[data-controller~=shared--flash-messages] [data-shared--flash-messages-target=message].notice{background-color:#b6eeb6;font-style:italic}[data-controller~=shared--flash-messages] [data-shared--flash-messages-target=message].error{background-color:#9f0000;color:#fff;font-style:italic}[data-controller~=shared--flash-messages] [data-shared--flash-messages-target=message].error>.Controls .Button{text-shadow:0 0 0 #fff}[data-controller~=shared--flash-messages] [data-shared--flash-messages-target=message]>.Message{grid-area:Message;margin:0 1em}[data-controller~=shared--flash-messages] [data-shared--flash-messages-target=message]>.Message p{margin-block-end:.25em;margin-block-start:.25em}[data-controller~=shared--flash-messages] [data-shared--flash-messages-target=message]>.Controls{display:flex;grid-area:Controls;justify-content:flex-end}[data-controller~=shared--flash-messages] [data-shared--flash-messages-target=message]>.Controls .Button{background:none;border:none;color:transparent;cursor:pointer;font-size:.8em;font-style:normal;margin:.33em;opacity:.75;text-shadow:0 0 0 #999;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-controller~=shared--modal]{align-content:center;bottom:0;display:none;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999999}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@keyframes fadeOutAnimation{0%{opacity:1}to{opacity:0}}[data-controller~=shared--modal][data-is-visible]{animation:fadeInAnimation .5s;animation-iteration-count:1;animation-timing-function:ease;background:hsla(0,0%,80%,.8)}[data-controller~=shared--toast-manager]{align-content:start;display:grid;grid-template-areas:"actions" "container";pointer-events:none}[data-controller~=shared--toast-manager] [data-shared--toast-manager-target=actions]{grid-area:actions;pointer-events:auto}[data-controller~=shared--toast-manager] [data-shared--toast-manager-target=container]{grid-area:container;max-height:100%;overflow-y:visible;padding-bottom:.5rem;pointer-events:auto;width:100%}[data-controller~=shared--toast-manager] [data-shared--toast-manager-target=container]>div.ToastWrapper{align-items:start;display:grid;margin-top:1rem;position:relative}[data-controller~=shared--toast-manager] [data-shared--toast-manager-target=container]>div.ToastWrapper:empty{margin:0}[data-controller~=shared--toast-manager] [data-shared--toast-manager-target=container]>div.ToastWrapper>div{grid-column:1;grid-row:1}[data-shared--toast-manager-target=countBubble]{background-color:#222;color:#fff;opacity:1;transition:all .3s linear;visibility:visible}[data-shared--toast-manager-target=dismissLinks]{transition:all .2s linear}[data-shared--toast-manager-target=dismissLinks] a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline;transition:all .2s linear}[data-shared--toast-manager-count-value="0"] [data-shared--toast-manager-target=actions]{opacity:0;transition:all .3s linear;visibility:hidden}[data-shared--toast-manager-count-value="0"] [data-shared--toast-manager-target=countBubble]{background-color:#333;color:#eee;transition:all .3s linear}[data-shared--toast-manager-dismissable-count-value="0"] [data-shared--toast-manager-target=dismissLinks] a{color:#888;cursor:default;-webkit-text-decoration:none;text-decoration:none;transition:all .2s linear}[data-shared--toast-manager-mode-value=attached]{width:100%}[data-shared--toast-manager-mode-value=attached][data-shared--toast-manager-count-value="0"] [data-shared--toast-manager-target=container]:after{color:#888;content:"Nothing right now.";display:block;font-style:italic;text-align:center}[data-shared--toast-manager-mode-value=detached]{bottom:0;padding-right:1rem;position:fixed;right:0;top:2.75rem;width:22rem;z-index:9999999}[data-shared--toast-manager-mode-value=detached] [data-shared--toast-manager-target=actions]{display:none}[data-shared--toast-manager-mode-value=detached] [data-shared--toast-manager-target=container]>div.ToastWrapper:not(:has(>:not(.d-none))){margin:0}@media print{[data-controller=shared--toast-manager]{display:none!important}}[data-controller~=shared--notification-toast]{border:1px solid;border-radius:.33rem;padding:.5rem}[data-controller~=shared--notification-toast][data-shared--notification-toast-purpose-value=cta]{background-color:#b0f5ff}[data-controller~=shared--notification-toast][data-shared--notification-toast-purpose-value=inform]{background-color:#eee}[data-controller~=shared--notification-toast][data-shared--notification-toast-purpose-value=inform_success]{background-color:#a9fd89}[data-controller~=shared--notification-toast][data-shared--notification-toast-purpose-value=inform_failure]{background-color:#ff9c9c}[data-controller~=shared--notification-toast][data-shared--notification-toast-purpose-value=warn]{background-color:#f6ff89}[data-controller~=shared--notification-toast] [data-shared--notification-toast-target=grid]{display:grid;grid-template-areas:"header header header" "image content content" "image actions timestamp";grid-template-columns:auto 1fr}[data-controller~=shared--notification-toast] [data-shared--notification-toast-target=grid] [data-shared--notification-toast-target=header]{display:grid;grid-area:header;grid-template-areas:"subject controls";grid-template-columns:1fr auto}[data-controller~=shared--notification-toast] [data-shared--notification-toast-target=grid] [data-shared--notification-toast-target=header] [data-shared--notification-toast-target=subject]{font-style:italic;grid-area:subject}[data-controller~=shared--notification-toast] [data-shared--notification-toast-target=grid] [data-shared--notification-toast-target=header] [data-shared--notification-toast-target=controlContainer]{grid-area:controls}[data-controller~=shared--notification-toast] [data-shared--notification-toast-target=grid] [data-shared--notification-toast-target=image]{grid-area:image;max-height:7rem}[data-controller~=shared--notification-toast] [data-shared--notification-toast-target=grid] [data-shared--notification-toast-target=image]:not(:empty){margin-right:.5em}[data-controller~=shared--notification-toast] [data-shared--notification-toast-target=grid] [data-shared--notification-toast-target=content]{grid-area:content;max-height:7rem;overflow:auto}[data-controller~=shared--notification-toast] [data-shared--notification-toast-target=grid] [data-shared--notification-toast-target=content]>p{margin-bottom:.1em;margin-top:.1em}[data-controller~=shared--notification-toast] [data-shared--notification-toast-target=grid] [data-shared--notification-toast-target=actionContainer]{display:flex;gap:.5em;grid-area:actions;margin-bottom:.1em;margin-right:.5em;max-height:2rem}[data-controller~=shared--notification-toast] [data-shared--notification-toast-target=grid] [data-shared--notification-toast-target=actionContainer] button{padding:0 .25em}[data-controller~=shared--notification-toast] [data-shared--notification-toast-target=grid] [data-shared--notification-toast-target=timestamp]{align-items:end;display:grid;font-size:.75em;grid-area:timestamp;line-height:.9;opacity:.6}[data-shared--toast-manager-mode-value=attached] [data-controller~=shared--notification-toast]{border-color:rgba(0,0,0,.267)}[data-shared--toast-manager-mode-value=attached] [data-shared--notification-toast-show-for-max-satisfied-value=true]{display:inherit}[data-shared--toast-manager-mode-value=detached] [data-controller~=shared--notification-toast]{filter:drop-shadow(.5rem .5rem .5rem rgba(0,0,0,.3))}[data-shared--toast-manager-mode-value=detached] [data-shared--notification-toast-show-for-max-satisfied-value=true]:not([data-shared--notification-toast-user-has-interacted-value=true]){display:none}.sf-toolbar>*{z-index:100000000!important}body,html{margin:0;padding:0}html{height:100%}body{min-height:100%}body[data-controller~=customer-portal--app] input:not(.iti__search-input):not(.cur-year),body[data-controller~=customer-portal--app] textarea{border:1px solid #aaa;border-radius:.25em;color:#333;font-size:1.25em;padding:.15em .25em}body[data-controller~=customer-portal--app] select:not(.flatpickr-monthDropdown-months){background:#fff;border:1px solid #aaa;border-radius:.25em;font-size:1.1em;padding:.15em .25em}body[data-controller~=customer-portal--app] .iti__tel-input{padding-left:2.9em!important}body[data-controller~=customer-portal--app] [data-customer-portal--app-target=storeBanner]{background:#fff;border-bottom:.1em solid #000}body[data-controller~=customer-portal--app] [data-customer-portal--app-target=storeBanner]>.Top{height:2em}body[data-controller~=customer-portal--app] [data-customer-portal--app-target=storeBanner]>.Top>.ServicePhone{color:#fff;float:right;font-family:Arial,sans-serif;height:1em;margin:.1em 1em .1em .1em}body[data-controller~=customer-portal--app] [data-customer-portal--app-target=storeBanner]>.Top>.ServicePhone>.Icon{filter:grayscale(100%) brightness(300%);font-size:.85em;margin-right:.1em}body[data-controller~=customer-portal--app] [data-customer-portal--app-target=storeBanner]>.Top>.ServicePhone>.Label{font-weight:700}body[data-controller~=customer-portal--app] [data-customer-portal--app-target=storeBanner]>.Content{display:grid;grid-template-areas:"Logo Name VendorLogo";grid-template-columns:auto 1fr auto;margin:1em}body[data-controller~=customer-portal--app] [data-customer-portal--app-target=storeBanner]>.Content>.Logo{border-right:.1em solid #aaa;grid-area:Logo;margin:.25em 1em;padding-right:1em}body[data-controller~=customer-portal--app] [data-customer-portal--app-target=storeBanner]>.Content>.Name{align-self:center;font-size:.9em;grid-area:Name}body[data-controller~=customer-portal--app] [data-customer-portal--app-target=storeBanner]>.Content>.Name>span{font-family:Arial,sans-serif;font-size:1.3em;grid-area:Name;height:1em;text-align:center}body[data-controller~=customer-portal--app] [data-customer-portal--app-target=storeBanner]>.Content>.VendorLogo{grid-area:VendorLogo}body[data-controller~=customer-portal--app] [data-customer-portal--app-target=storeBanner]>.Content>.VendorLogo>img{max-height:2.75rem}body[data-controller~=customer-portal--app][data-customer-portal--app-store-code-value=SM1] [data-customer-portal--app-target=storeBanner]>.Top{background:#1971d4}body[data-controller~=customer-portal--app][data-customer-portal--app-store-code-value=SM1] [data-customer-portal--app-target=storeBanner]>.Content>.Logo>img{max-width:12em;min-width:7em;width:15vw}body[data-controller~=customer-portal--app][data-customer-portal--app-store-code-value=SM2] [data-customer-portal--app-target=storeBanner]>.Top,body[data-controller~=customer-portal--app][data-customer-portal--app-store-code-value=SM3] [data-customer-portal--app-target=storeBanner]>.Top,body[data-controller~=customer-portal--app][data-customer-portal--app-store-code-value=SM4] [data-customer-portal--app-target=storeBanner]>.Top{background:#000}body[data-controller~=customer-portal--app][data-customer-portal--app-store-code-value=SM2] [data-customer-portal--app-target=storeBanner]>.Content>.Logo>img,body[data-controller~=customer-portal--app][data-customer-portal--app-store-code-value=SM3] [data-customer-portal--app-target=storeBanner]>.Content>.Logo>img,body[data-controller~=customer-portal--app][data-customer-portal--app-store-code-value=SM4] [data-customer-portal--app-target=storeBanner]>.Content>.Logo>img{max-width:8em;min-width:4em;width:5vw}body[data-controller~=customer-portal--app][data-customer-portal--app-store-code-value=SM5] [data-customer-portal--app-target=storeBanner]>.Top,body[data-controller~=customer-portal--app][data-customer-portal--app-store-code-value=SM6] [data-customer-portal--app-target=storeBanner]>.Top{background:#000}body[data-controller~=customer-portal--app][data-customer-portal--app-store-code-value=SM5] [data-customer-portal--app-target=storeBanner]>.Content>.Logo>img,body[data-controller~=customer-portal--app][data-customer-portal--app-store-code-value=SM6] [data-customer-portal--app-target=storeBanner]>.Content>.Logo>img{max-width:8em;min-width:4em;width:5vw}[data-controller~=customer-portal--service--appointment]{align-content:start;background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;display:grid;font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;grid-template-areas:"Steps" "Form";grid-template-rows:auto auto;height:100vh;margin:0;padding:0;position:relative}[data-controller~=customer-portal--service--appointment][data-customer-portal--service--appointment-store-code-value=SM1]{background-image:url(/build/customer_portal/images/subaru_background.d6f82c7f.jpg)}[data-controller~=customer-portal--service--appointment][data-customer-portal--service--appointment-store-code-value=SM1] #ExpressBanner{background-image:url(/build/customer_portal/images/subaru_express_service_badge.3ab71fac.png)}[data-controller~=customer-portal--service--appointment][data-customer-portal--service--appointment-store-code-value=SM1] [data-customer-portal--service--appointment-target=step4DateTimeSelector].Selected{background-color:#b3bedc}[data-controller~=customer-portal--service--appointment][data-customer-portal--service--appointment-store-code-value=SM2],[data-controller~=customer-portal--service--appointment][data-customer-portal--service--appointment-store-code-value=SM3],[data-controller~=customer-portal--service--appointment][data-customer-portal--service--appointment-store-code-value=SM4]{background-image:url(/build/customer_portal/images/nissan_background.f536ecf0.jpg)}[data-controller~=customer-portal--service--appointment][data-customer-portal--service--appointment-store-code-value=SM2] #ExpressBanner,[data-controller~=customer-portal--service--appointment][data-customer-portal--service--appointment-store-code-value=SM3] #ExpressBanner,[data-controller~=customer-portal--service--appointment][data-customer-portal--service--appointment-store-code-value=SM4] #ExpressBanner{background-image:url(/build/customer_portal/images/nissan_express_service_badge.ee59e584.png)}[data-controller~=customer-portal--service--appointment][data-customer-portal--service--appointment-store-code-value=SM2] [data-customer-portal--service--appointment-target=step4DateTimeSelector].Selected,[data-controller~=customer-portal--service--appointment][data-customer-portal--service--appointment-store-code-value=SM3] [data-customer-portal--service--appointment-target=step4DateTimeSelector].Selected,[data-controller~=customer-portal--service--appointment][data-customer-portal--service--appointment-store-code-value=SM4] [data-customer-portal--service--appointment-target=step4DateTimeSelector].Selected{background-color:#b4dcb0}[data-controller~=customer-portal--service--appointment][data-customer-portal--service--appointment-store-code-value=SM5]{background-image:url(/build/customer_portal/images/kia_service_background.6dc05877.jpg)}[data-controller~=customer-portal--service--appointment][data-customer-portal--service--appointment-store-code-value=SM6]{background-image:url(/build/customer_portal/images/stellantis_service_background.e59fcc32.jpg)}[data-controller~=customer-portal--service--appointment][data-customer-portal--service--appointment-store-code-value=SM5] #ExpressBanner,[data-controller~=customer-portal--service--appointment][data-customer-portal--service--appointment-store-code-value=SM6] #ExpressBanner{background-color:#000;background-image:url(/build/customer_portal/images/moyer_express_badge.816df6ac.png);background-position-x:95%;background-size:9em;border-color:#fff;color:#fff;font-size:1em;font-weight:400;height:80px;padding:14px 180px 14px 24px;width:650px}[data-controller~=customer-portal--service--appointment][data-customer-portal--service--appointment-store-code-value=SM5] [data-customer-portal--service--appointment-target=step4DateTimeSelector].Selected,[data-controller~=customer-portal--service--appointment][data-customer-portal--service--appointment-store-code-value=SM6] [data-customer-portal--service--appointment-target=step4DateTimeSelector].Selected{background-color:#000}[data-controller~=customer-portal--service--appointment] button:not(.iti__selected-country){background-color:#eee;border:.05em solid #aaa;border-radius:.25em;color:#444;margin:.05em;padding:0 .2em}[data-controller~=customer-portal--service--appointment] button:not(.iti__selected-country):hover:not(:disabled){border:.1em solid #888;color:#000;margin:0}[data-controller~=customer-portal--service--appointment] button:not(.iti__selected-country).Finish{background:#bbffba}[data-controller~=customer-portal--service--appointment] button:not(.iti__selected-country).Cancel,[data-controller~=customer-portal--service--appointment] button:not(.iti__selected-country).Reset{background:#ffe1e1}[data-controller~=customer-portal--service--appointment] [data-shared--spinner-target=overlay]{position:fixed!important}[data-controller~=customer-portal--service--appointment] #NoticeBanner{background:#ffe39c;border:1px solid #888;box-shadow:0 4px 12px 0 rgba(0,0,0,.4);margin:1.5rem auto 0;max-width:800px;padding:1em;text-align:center}[data-controller~=customer-portal--service--appointment] #ExpressBanner{background-color:#fff;background-position:100%;background-repeat:no-repeat;background-size:contain;border:1px solid #888;box-shadow:0 4px 12px 0 rgba(0,0,0,.4);font-size:18px;font-weight:700;height:100px;margin:1.5rem auto 0;padding:22px 280px 22px 48px;width:800px}[data-controller~=customer-portal--service--appointment] #NewCustomer{display:block;font-size:24px;padding:12px;text-align:center}[data-controller~=customer-portal--service--appointment] #ReturningCustomer #MultipleMatchesFound{margin-bottom:16px}[data-controller~=customer-portal--service--appointment] #ReturningCustomer .Buttons{margin:12px}[data-controller~=customer-portal--service--appointment] #ReturningCustomer .Buttons button{font-size:20px;font-weight:700;padding:8px 16px}[data-controller~=customer-portal--service--appointment] [data-customer-portal--service--appointment-target~=form][data-step="1"] #OuterGrid{grid-template-areas:"errors" "form";grid-template-columns:auto}[data-controller~=customer-portal--service--appointment] [data-customer-portal--service--appointment-target~=form][data-step="1"] #OuterGrid #MainGrid{margin:0}[data-controller~=customer-portal--service--appointment] [data-customer-portal--service--appointment-target~=step1CustomerChoice]{list-style:none;margin:1em 0 0;padding:0}[data-controller~=customer-portal--service--appointment] [data-customer-portal--service--appointment-target~=step1CustomerChoice]>li{font-size:1.2em;text-align:left}[data-controller~=customer-portal--service--appointment] [data-customer-portal--service--appointment-target~=step1CustomerChoice]>li ul.VehicleList{list-style:none;margin:0 0 0 1em;padding:0}[data-controller~=customer-portal--service--appointment] [data-customer-portal--service--appointment-target~=step1CustomerChoice]>li ul.VehicleList>li{color:#555;display:inline;font-size:1rem;font-style:italic}[data-controller~=customer-portal--service--appointment] [data-customer-portal--service--appointment-target~=step1CustomerChoice]>li ul.VehicleList>li:not(:last-child):after{color:#999;content:", "}[data-controller~=customer-portal--service--appointment] .Panel{padding:0 16px 12px;text-align:center}[data-controller~=customer-portal--service--appointment] .Panel .Header{font-size:24px;margin:12px}[data-controller~=customer-portal--service--appointment] .Panel .Subheading{margin:12px 0 24px}[data-controller~=customer-portal--service--appointment] .ChevronRight{display:inline;margin-left:8px;width:30px}[data-controller~=customer-portal--service--appointment] .TelephoneContainer,[data-controller~=customer-portal--service--appointment] .iti,[data-controller~=customer-portal--service--appointment] :not(.flatpickr-input)+input[type=text],[data-controller~=customer-portal--service--appointment] input[type=email],[data-controller~=customer-portal--service--appointment] input[type=tel]{width:100%}[data-controller~=customer-portal--service--appointment] #IdentityFormGrid{-moz-column-gap:16px;column-gap:16px;display:grid;grid-template-areas:"nameLabel nameInput" "phoneLabel phoneInput" "andOr andOr" "emailLabel emailInput" ". buttons";grid-template-columns:auto auto;row-gap:16px}[data-controller~=customer-portal--service--appointment] #IdentityFormGrid label{font-weight:700;place-self:center end}[data-controller~=customer-portal--service--appointment] #IdentityFormGrid .Buttons{grid-column:2/span 1;margin-bottom:12px;place-self:center end}[data-controller~=customer-portal--service--appointment] #IdentityFormGrid .Buttons button{font-size:20px;font-weight:700;margin:0;padding:8px 16px}[data-controller~=customer-portal--service--appointment] #RecognizedCustomer{font-size:18px;margin-bottom:16px}[data-controller~=customer-portal--service--appointment] #RecognizedCustomer button{font-size:14px}[data-controller~=customer-portal--service--appointment] #VehicleForm .Header{margin-bottom:16px}[data-controller~=customer-portal--service--appointment] #VehicleForm .craue_formflow_buttons{display:flex;flex-direction:row-reverse;gap:1.5em;margin:1em;text-align:center}[data-controller~=customer-portal--service--appointment] #VehicleForm .craue_formflow_buttons button{font-size:1.25em;font-weight:700;padding:.4em .8em}[data-controller~=customer-portal--service--appointment] #VehicleForm>div>turbo-frame>div{margin:16px 0}[data-controller~=customer-portal--service--appointment] #VehicleForm label{font-weight:700;text-align:right}[data-controller~=customer-portal--service--appointment] #VehicleForm:has(#customer_appointment_step2_form_vehicle) section[data-block-prefix=vehicle_descriptor]{margin-top:1em}[data-controller~=customer-portal--service--appointment] #ServicesForm #GeneralServiceRequest{margin-bottom:16px;text-align:left}[data-controller~=customer-portal--service--appointment] #ServicesForm #GeneralServiceRequest textarea{height:100px;min-width:500px;width:100%}[data-controller~=customer-portal--service--appointment] #ServicesForm #GeneralServiceRequest label{font-weight:700}[data-controller~=customer-portal--service--appointment] #ServicesForm #GeneralServiceRequest [data-customer-portal--service--appointment-target=gsrLoanerWarning],[data-controller~=customer-portal--service--appointment] #ServicesForm #GeneralServiceRequest [data-customer-portal--service--appointment-target=gsrRecallWarning]{color:red;display:none;padding:.5em}[data-controller~=customer-portal--service--appointment] #ServicesForm #GeneralServiceRequest [data-customer-portal--service--appointment-target=gsrLoanerWarning] p:first-of-type,[data-controller~=customer-portal--service--appointment] #ServicesForm #GeneralServiceRequest [data-customer-portal--service--appointment-target=gsrRecallWarning] p:first-of-type{margin-block-start:0}[data-controller~=customer-portal--service--appointment] #ServicesForm #GeneralServiceRequest [data-customer-portal--service--appointment-target=gsrLoanerWarning] p:last-of-type,[data-controller~=customer-portal--service--appointment] #ServicesForm #GeneralServiceRequest [data-customer-portal--service--appointment-target=gsrRecallWarning] p:last-of-type{margin-block-end:0}[data-controller~=customer-portal--service--appointment] #ServicesForm #PreviouslyDeclinedServices{background:#e0ffe0;border:.1em solid #088300;margin:0 0 1em;padding:.5em;text-align:left}[data-controller~=customer-portal--service--appointment] #ServicesForm #PreviouslyDeclinedServices>legend{color:#044600}[data-controller~=customer-portal--service--appointment] #ServicesForm #ServicesList{margin-bottom:16px;text-align:left}[data-controller~=customer-portal--service--appointment] #ServicesForm #ServicesList label{font-weight:700}[data-controller~=customer-portal--service--appointment] #ServicesForm #ServicesList label[for]{font-weight:400}[data-controller~=customer-portal--service--appointment] #ServicesForm #ServicesList>ul>li:not(:first-of-type){margin-top:.25em}[data-controller~=customer-portal--service--appointment] #ServicesForm .craue_formflow_buttons{display:flex;flex-direction:row-reverse;gap:1.5em;margin:1em;text-align:center}[data-controller~=customer-portal--service--appointment] #ServicesForm .craue_formflow_buttons button{font-size:1.25em;font-weight:700;padding:.4em .8em}[data-controller~=customer-portal--service--appointment] #DateTimeForm{padding:0 16px}[data-controller~=customer-portal--service--appointment] #DateTimeForm #PreferredAdvisor>div,[data-controller~=customer-portal--service--appointment] #DateTimeForm #Transportation>div{margin-bottom:16px}[data-controller~=customer-portal--service--appointment] #DateTimeForm #PreferredAdvisor>div>label,[data-controller~=customer-portal--service--appointment] #DateTimeForm #Transportation>div>label{display:inline-block;font-weight:700;margin-right:16px;text-align:right;width:140px}[data-controller~=customer-portal--service--appointment] #DateTimeForm #PreferredAdvisor>div>select,[data-controller~=customer-portal--service--appointment] #DateTimeForm #Transportation>div>select{width:200px}[data-controller~=customer-portal--service--appointment] #DateTimeForm #DateSelector{margin-bottom:8px}[data-controller~=customer-portal--service--appointment] #DateTimeForm #DateSelector button{font-size:1.25em}[data-controller~=customer-portal--service--appointment] #DateTimeForm #DateSelector button:not(:disabled){background:#fff}[data-controller~=customer-portal--service--appointment] #DateTimeForm #DateTimeList{background-color:#fff;border:.1em solid #ccc;max-height:70vh;overflow-y:auto;padding:.75em}[data-controller~=customer-portal--service--appointment] #DateTimeForm #DateTimeList>.Date:not(:first-of-type){margin-top:.75em}[data-controller~=customer-portal--service--appointment] #DateTimeForm #DateTimeList>.Date>button{margin:.5em .15em 0}[data-controller~=customer-portal--service--appointment] #DateTimeForm #DateTimeList .NoResult{background:#eee;border:.1em solid #555;border-radius:.5em;color:#555;font-size:1.2em;font-style:italic;font-weight:700;margin:0 auto;padding:.5em}[data-controller~=customer-portal--service--appointment] #DateTimeForm .craue_formflow_buttons{display:flex;flex-direction:row-reverse;gap:1.5em;margin:1em;text-align:center}[data-controller~=customer-portal--service--appointment] #DateTimeForm .craue_formflow_buttons button{font-size:1.25em;font-weight:700;padding:.4em .8em}[data-controller~=customer-portal--service--appointment] #ConfirmationForm .craue_formflow_buttons{display:flex;flex-direction:row-reverse;gap:1.5em;margin:1em;text-align:center}[data-controller~=customer-portal--service--appointment] #ConfirmationForm .craue_formflow_buttons button{font-size:1.25em;font-weight:700;padding:.4em .8em}[data-controller~=customer-portal--service--appointment] #customer_appointment_step5_form_customer_identity_identity{-moz-column-gap:.75em;column-gap:.75em;display:grid;grid-template-columns:1fr 2fr;row-gap:1em}@media only screen and (max-width:480px){[data-controller~=customer-portal--service--appointment] #customer_appointment_step5_form_customer_identity_identity{display:block}}[data-controller~=customer-portal--service--appointment] #customer_appointment_step5_form_customer_identity_identity>label{font-weight:700;grid-column:1/2;justify-content:end;text-align:right}@media only screen and (max-width:480px){[data-controller~=customer-portal--service--appointment] #customer_appointment_step5_form_customer_identity_identity>label{display:inline-block;margin:.5em 0 0}}[data-controller~=customer-portal--service--appointment] #customer_appointment_step5_form_customer_identity_identity>div{text-align:initial}[data-controller~=customer-portal--service--appointment] #customer_appointment_step5_form_customer_identity_identity>div>input{width:100%}[data-controller~=customer-portal--service--appointment] #AppointmentSummary ul{text-align:left}[data-controller~=customer-portal--service--appointment] #NewCustomer,[data-controller~=customer-portal--service--appointment] .Panel{background-color:#f5f5f5;border:1px solid #aaa;border-radius:.1em;margin:8px;-webkit-text-decoration:none;text-decoration:none}[data-controller~=customer-portal--service--appointment] #MainGrid{display:grid;grid-template-columns:1fr;margin:0 auto;max-width:50rem;place-content:stretch stretch}[data-controller~=customer-portal--service--appointment] #OuterGrid{background-color:hsla(0,0%,100%,.8);border:1px solid #888;box-shadow:0 4px 12px 0 rgba(0,0,0,.4);display:grid;grid-template-areas:"errors errors" "form summary";grid-template-columns:auto auto;margin:1.5rem auto;padding:8px;place-content:stretch stretch;width:-moz-fit-content;width:fit-content}[data-controller~=customer-portal--service--appointment] #ErrorMessages{grid-area:errors}[data-controller~=customer-portal--service--appointment] .FormErrors{background-color:#fee;border:1px solid red;border-radius:.1em;margin:8px;padding:16px}[data-controller~=customer-portal--service--appointment] .FormErrors li{list-style:none}[data-controller~=customer-portal--service--appointment] [data-customer-portal--service--appointment-target=step2VehicleManual]{-moz-column-gap:.75em;column-gap:.75em;display:grid;grid-template-columns:1fr 2fr;row-gap:1em}[data-controller~=customer-portal--service--appointment] [data-customer-portal--service--appointment-target=step2VehicleManual]>label{font-weight:700;grid-column:1/2;justify-content:end;text-align:right}[data-controller~=customer-portal--service--appointment] [data-customer-portal--service--appointment-target=step2VehicleManual]>div{grid-column:2/3;text-align:initial}[data-controller~=customer-portal--service--appointment] [data-customer-portal--service--appointment-target=step4PreviousDateButton]{margin-right:.5em}[data-controller~=customer-portal--service--appointment] [data-customer-portal--service--appointment-target=step4NextDateButton]{margin-left:.5em}[data-controller~=customer-portal--service--appointment] button[data-customer-portal--service--appointment-target=step4DateTimeSelector]{font-size:1.25em;padding:.25em 1em;width:7em}[data-controller~=customer-portal--service--appointment] button[data-customer-portal--service--appointment-target=step4DateTimeSelector].Selected{background-color:red;color:#000}[data-controller~=customer-portal--service--appointment] [data-customer-portal--service--appointment-target=step3Services] label:after{content:"\a";white-space:pre}@media screen and (max-width:400px){[data-controller~=customer-portal--service--appointment]{padding:4px}[data-controller~=customer-portal--service--appointment] #ExpressBanner{display:none}[data-controller~=customer-portal--service--appointment] .Buttons button{font-size:15px!important;padding:4px!important}[data-controller~=customer-portal--service--appointment] #ServicesForm #GeneralServiceRequest{margin-bottom:16px;text-align:left}[data-controller~=customer-portal--service--appointment] #ServicesForm #GeneralServiceRequest textarea{height:100px;min-width:200px;width:100%}[data-controller~=customer-portal--service--appointment] #OuterGrid{grid-template-areas:"errors" "form" "summary";grid-template-columns:1fr}[data-controller~=customer-portal--service--appointment] label{display:block;text-align:left!important;width:100%!important}[data-controller~=customer-portal--service--appointment] #customer_appointment_step3_services label{display:inline!important;width:-moz-fit-content!important;width:fit-content!important}[data-controller~=customer-portal--service--appointment] #IdentityFormGrid{display:block!important}[data-controller~=customer-portal--service--appointment] input[type=email],[data-controller~=customer-portal--service--appointment] input[type=tel],[data-controller~=customer-portal--service--appointment] input[type=text],[data-controller~=customer-portal--service--appointment] select{display:block;margin-bottom:8px;width:100%!important}}[data-controller~=customer-portal--shared--chat--chat-start].chat-panel-scroller{max-height:var(--panel-height);overflow:auto}[data-controller~=customer-portal--shared--chat--chat-start].chat-panel-scroller .chat-panel-form-grid{background-color:#fff;border-radius:4px;display:grid;grid-template-columns:1fr;margin:8px;padding:8px}[data-controller~=customer-portal--shared--chat--chat-start].chat-panel-scroller .chat-panel-form-grid label{display:block;font-size:12px}[data-controller~=customer-portal--shared--chat--chat-start].chat-panel-scroller .chat-panel-form-grid input{display:block;font-size:15px;margin-bottom:12px}[data-controller~=customer-portal--shared--chat--chat-start].chat-panel-scroller .chat-panel-form-grid .chat-panel-disclaimer{color:#666;font-size:10px;margin:0 auto;max-width:200px;padding:8px;text-align:justify}[data-controller~=customer-portal--shared--chat--chat-start].chat-panel-scroller .chat-panel-form-grid .chat-panel-form-submit{background-color:#48f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;justify-self:center;padding:8px}[data-controller~=customer-portal--shared--chat--chat-start] [data-customer-portal--shared--chat--chat-start-target=submitButton]{position:relative;transition:padding-right .3s ease-out}[data-controller~=customer-portal--shared--chat--chat-start] [data-customer-portal--shared--chat--chat-start-target=submitButton].loading{background-color:#ccc;padding-right:40px}[data-controller~=customer-portal--shared--chat--chat-start] [data-customer-portal--shared--chat--chat-start-target=submitButton].loading:after{animation:spin .6s linear infinite,grow .3s ease-out forwards;border-color:#fff hsla(0,0%,100%,.5) hsla(0,0%,100%,.5) #fff;border-radius:100%;border-style:solid;border-width:2px;content:"";height:0;margin-top:-2px;position:absolute;right:6px;top:50%;width:0}@keyframes spin{to{transform:rotate(359deg)}}@keyframes grow{to{height:14px;margin-top:-8px;right:13px;width:14px}}