.advice-form{background:var(--alabaster);color:var(--night);padding:0 var(--page-margin-mobile) 48px}.advice-form .desktop-only,.advice-form .hidden{display:none}.advice-form .heading-description{display:flex;flex-direction:column;gap:16px;padding:48px 0}.advice-form .heading-description.hide{display:none}.advice-form .heading-description .dusk{line-height:1.6}.advice-form .dusk{color:var(--dusk);line-height:1.4}.advice-form .input-full{width:100%;height:51px;padding:16px;font-family:var(--font-body);font-weight:400;font-size:clamp(.875rem,.829rem + .19vw,1rem);line-height:1.6;letter-spacing:-.01rem;border-radius:4px;border:1px solid var(--burnt-tortilla);background:var(--white);margin:8px 0 0}.advice-form .input-full.text-input{height:80px}.advice-form .form-label{font-family:var(--font-body);font-weight:400;font-size:clamp(.875rem,.829rem + .19vw,1rem);line-height:1.6;letter-spacing:-.01rem}.advice-form .colours{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;padding:8px 0 12px}.advice-form .colour{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;text-wrap:nowrap;cursor:pointer}.advice-form .colour .p-14{line-height:1.4}.advice-form .colour-circle{width:36px;height:36px;border:1px solid var(--cloud);border-radius:100%;position:relative}.advice-form .colour-circle.brown{background-color:#d1c4b4}.advice-form .colour-circle.blue{background-color:#78898d}.advice-form .colour-circle.beige{background-color:#e8e6da}.advice-form .colour-circle.purple{background-color:#dbd3d6}.advice-form .colour-circle.red{background-color:#ab5244}.advice-form .colour-circle.pink{background-color:#eadbd6}.advice-form .colour-circle.yellow{background-color:#cfa84d}.advice-form .colour-circle.black{background-color:#2d3038}.advice-form .colour-circle.black .selected-icon svg path{stroke:var(--white)}.advice-form .colour-circle.grey{background-color:#d4d3ce}.advice-form .colour-circle.green{background-color:#bbc5b3}.advice-form .colour-circle.no-idea{border:1px solid var(--night)}.advice-form .dropdown-button{width:100%;border-radius:4px;border:1px solid var(--burnt-tortilla);background:var(--white);padding:13.5px 16px;height:51px;color:var(--dusk);justify-content:space-between;margin-top:8px}.advice-form .dropdown-options{opacity:0;pointer-events:none;height:0;position:absolute;background-color:var(--white);width:100%;z-index:4;border-radius:var(--border-radius);overflow:hidden;font-family:var(--font-body-bold);font-weight:400;font-size:clamp(.875rem,.829rem + .19vw,1rem);line-height:1.6;letter-spacing:-.01rem}.advice-form .dropdown-options.open{opacity:1;pointer-events:all;height:auto;overflow:scroll;-ms-overflow-style:none;scrollbar-width:none;margin-top:4px;border:1px solid var(--burnt-tortilla)}.advice-form .option{padding:.75rem 1rem;cursor:pointer;display:flex;align-items:center;gap:12px;border-top:1px solid var(--tortilla)}.advice-form .option:first-of-type{border-top:none}.advice-form .dropdown{position:relative;transition:height .3s ease-in-out,opacity .3s ease-in-out}.advice-form .icon{transition:transform .3s ease-in-out}.advice-form .icon.rotate-up{transform:rotate(180deg)}.advice-form .form-button{height:56px;justify-content:space-between}.advice-form .form-button.error,.advice-form .form-button.error:hover{background:#f74f63;color:var(--alabaster);cursor:not-allowed;border:1px solid #F74F63}.advice-form .thank-you-message{opacity:0;height:0;transition:opacity .3s ease-in-out,height .3s ease-in-out;display:flex;flex-direction:column;gap:8px}.advice-form .thank-you-message.show{opacity:1;height:auto;padding-top:48px;display:flex;flex-direction:column;gap:48px}.advice-form .thank-you-message .dusk{line-height:1.6}.advice-form .form{display:flex;flex-direction:column;gap:20px}.advice-form .media-btn{display:flex;width:100%;height:51px;padding:0 16px;justify-content:space-between;align-items:center;border-radius:4px;border:1px solid var(--secondary-tortilla);background:var(--white);color:var(--dusk);margin-top:8px;cursor:pointer}.advice-form .checkbox{flex-shrink:0;width:20px;margin-top:0;border:1px solid var(--burnt-tortilla);background-color:var(--white);height:20px;appearance:none;-webkit-appearance:none;padding:.5rem;position:relative;border-radius:2px}.advice-form .subscribe-container{display:flex;gap:8px}.advice-form .selected-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;opacity:0;transition:opacity .3s ease-in-out}.advice-form .selected-icon svg{width:24px;height:24px}.advice-form .selected-icon svg path{stroke:var(--night)}.advice-form .selected .selected-icon{opacity:1}.advice-form .form.hide{display:none}.advice-form input[type=checkbox]:checked:before{content:"\2714";color:var(--night);font-size:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.advice-form .file-name{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1}.advice-form .file-name-container{display:flex;justify-content:space-between;padding:8px 0;color:var(--dusk);border-bottom:1px solid var(--burnt-tortilla)}.advice-form .file-name-container.top-margin{margin-top:8px}@keyframes dots{0%,to{opacity:.5}50%{opacity:1}}.advice-form .dots{display:none;gap:.25rem}.advice-form .dots.show{display:flex}.advice-form .dot{background-color:#fff}.advice-form .dot{height:.5rem;width:.5rem;border-radius:1rem;opacity:.5}.advice-form .dot:hover{background-color:#000}.advice-form .dot:nth-of-type(1){animation:dots 1s ease 0s infinite}.advice-form .dot:nth-of-type(2){animation:dots 1s ease .25s infinite}.advice-form .dot:nth-of-type(3){animation:dots 1s ease .5s infinite}.advice-form .dot:nth-of-type(4){animation:dots 1s ease .75s infinite}.advice-form .mandatory{color:#f74f63;display:none;align-items:center;gap:4px;margin-top:8px}.advice-form .mandatory.show{display:flex}.advice-form .message-container{display:flex;flex-direction:column}.advice-form .upload-container{margin-top:8px}.advice-form .thank-you-button{display:flex;align-items:center;text-decoration:none;margin-top:16px;height:56px;justify-content:space-between}.advice-form .thank-you-article,.advice-form .thank-you-article:hover,.advice-form a,.advice-form a:hover{text-decoration:none}.advice-form .thank-you-image{aspect-ratio:171 / 100;width:100%;height:auto;border-radius:4px;object-fit:cover}.advice-form .image-header{margin:16px 0 12px}.advice-form .excerpt{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;font-family:Roobert;letter-spacing:-.01em}.advice-form .image-message{font-family:Roobert;letter-spacing:-.01em}.advice-form .date-published{color:var(--opaque-night-30, #2525254D);line-height:1.4;margin-top:12px;font-size:14px}.advice-form .blog{margin-bottom:20px;font-weight:500;font-size:14px;font-family:Roobert-Medium}@media screen and (min-width:1000px){.advice-form{display:grid;grid-template-columns:1fr 1fr;gap:5.069vw;padding:0 0 0 clamp(2rem,calc((100vw - (1440px - 4rem))/2),100vw)}.advice-form .form{padding-bottom:96px}.advice-form .desktop-only{display:block}.advice-form .sticky-img img{height:auto;width:100%;object-fit:cover;aspect-ratio:30 / 31;position:sticky;top:0}.advice-form .colours{grid-template-columns:repeat(10,1fr);padding:8px 0 16px}.advice-form .dropdown-button,.advice-form .media-btn,.advice-form .input-full{height:56px}.advice-form .form-button{max-width:317px;height:64px}.advice-form .heading-description h2{font-size:45px;line-height:1.1}.advice-form .p-14{font-size:14px}.advice-form .input-full.text-input{height:111px}.advice-form .thank-you-button{height:64px;max-width:317px}.advice-form .thank-you-article{display:grid;grid-template-columns:200px 1fr;column-gap:16px;row-gap:0}.advice-form .blog{grid-column:1 / 3}.advice-form .image-header{margin:0 0 12px}.advice-form .date-published{margin-top:20px}.advice-form .thank-you-image{aspect-ratio:1 / 1}.advice-form .thank-you-text{max-width:438px}.advice-form .heading-description{max-width:550px}.advice-form .form-container{max-width:554px}}
/*# sourceMappingURL=/cdn/shop/t/328/assets/coat-css-advice-form.css.map */