@keyframes rotate{to{transform:rotate(360deg)}}@keyframes fillBar{0%{width:0%}to{width:100%}}.user-account-area{position:relative}.user-account-area .loading-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.user-account-area .loading-spinner svg{animation:rotate .8s linear infinite}.user-account-area .welcome-message{z-index:1;position:relative}.user-account-area .welcome-message h1.coat{font-size:32px;line-height:1.1;letter-spacing:-.02em}.user-account-area .home-dashboard{font-family:var(--account-medium);color:var(--night);height:100%;min-height:100dvh;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none}.user-account-area .order-paint{padding:var(--page-margin-mobile) 0;font-family:var(--account-medium);color:var(--night);height:100%;min-height:100dvh;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none}.user-account-area .home-dashboard::-webkit-scrollbar,.user-account-area .order-paint::-webkit-scrollbar{display:none}.user-account-area .dashboard-footer{display:flex;flex-direction:column;min-height:100vh}.user-account-area .user-orders{padding:0 0 var(--page-margin-mobile);font-family:var(--account-medium);color:var(--night);height:100%;min-height:100dvh;display:flex;flex-direction:column;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none}.user-account-area .user-orders::-webkit-scrollbar,.user-account-area .user-order::-webkit-scrollbar{display:none}.user-account-area .user-order{padding:var(--page-margin-mobile);font-family:var(--account-medium);color:var(--night);height:100%;min-height:100dvh;display:flex;flex-direction:column;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none}.user-account-area .user-order .btn-order-name{display:flex;gap:12px;align-items:center;padding-bottom:16px}.user-account-area .user-orders .pagination-container{margin-top:auto}.user-account-area .user-orders .top-container{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:24px 24px 0}.user-account-area .user-order .information-card{margin-top:24px;border:1px solid var(--tortilla);border-radius:4px;min-height:fit-content;height:fit-content}.user-account-area .user-order .card-header{background-color:var(--alabaster);padding:24px;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom:1px solid var(--tortilla);height:66px}.user-account-area .user-order .card-content{padding:24px;display:flex;flex-direction:column;gap:16px;position:relative}.user-account-area .user-order .image-container{position:relative;width:64px;height:64px;flex-shrink:0}.user-account-area .user-order .quantity{position:absolute;top:-12px;right:-12px;border-radius:50%;background-color:var(--night);width:24px;height:24px;color:var(--alabaster);display:flex;align-items:center;justify-content:center}.user-account-area .user-order .product-image{width:100%;height:100%;object-fit:cover;border-radius:4px}.user-account-area .user-order .order-item{display:flex;gap:16px}.user-account-area .user-order .order-item .item-price{margin-top:8px}.user-account-area .user-order .subtotal,.user-account-area .user-order .discount,.user-account-area .user-order .shipping{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--tortilla)}.user-account-area .user-order .total{padding-top:8px;display:flex;justify-content:space-between}.user-account-area .user-order .addresses{display:flex;flex-direction:column;gap:16px}.user-account-area .icon-back{transform:rotate(90deg);width:14px;height:14px;display:flex;justify-content:center;align-items:center}.user-account-area .user-orders .button-secondary{gap:8px}.user-account-area .user-orders .order{border-top:1px solid var(--harbour-grey);padding:24px}.user-account-area .user-orders .order:first-of-type{padding-top:0;border-top:none}.user-account-area .user-orders .order:nth-child(odd){background-color:var(--alabaster)}.user-account-area .user-orders .pagination .next{transform:rotate(-90deg)}.user-account-area .user-orders .pagination .prev{transform:rotate(90deg)}.user-account-area .contact-us{padding:var(--page-margin-mobile);font-family:var(--account-medium);color:var(--night);height:100%;min-height:100dvh;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none}.user-account-area .contact-us::-webkit-scrollbar{display:none}.user-account-area .order-paint .top-container{padding:0 var(--page-margin-mobile)}.user-account-area .welcome-message-hero-container{position:relative;padding:0;aspect-ratio:195 / 157;width:100%;height:auto;overflow:hidden}.user-account-area .welcome-message-hero-container:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;background:linear-gradient(180deg,#0000 22.5%,#000c)}.user-account-area .welcome-credit-messages{position:absolute;z-index:2;bottom:0;width:100%;padding:32px var(--page-margin-mobile)}.user-account-area .h1{font-size:24px;font-family:var(--account-semibold);line-height:1.1;margin-bottom:2px;letter-spacing:-.02em;color:var(--night)}.user-account-area .h2{font-size:20px;font-family:var(--account-semibold);line-height:1.1;letter-spacing:-.02em;color:var(--night)}.user-account-area .p{color:var(--dusk);font-size:14px;line-height:1.6}.user-account-area .quick-actions-slider{height:100%;opacity:0;overflow-y:hidden;overflow-x:auto;padding:0;-ms-overflow-style:none;scrollbar-width:none;transition:height .5s ease,opacity .3s ease}.user-account-area .quick-actions-slider::-webkit-scrollbar{display:none}.user-account-area .quick-actions-slider.show{opacity:1;pointer-events:all}.user-account-area .qa-inner{display:flex;gap:16px}.user-account-area .action-card{width:254px;height:100%;flex-shrink:0;border-radius:4px;overflow:hidden;cursor:pointer;background-color:#fff;transition:background-color .3s ease-in-out}.user-account-area .action-card-inner{width:100%;border:1px solid var(--tortilla);border-radius:4px;overflow:hidden}.user-account-area .action-card:hover,.user-account-area .action-card:hover a{text-decoration:none;background-color:var(--alabaster)}.user-account-area .action-card:first-of-type{margin-left:var(--page-margin-mobile)}.user-account-area .action-card:last-of-type{padding-right:var(--page-margin-mobile);width:calc(254px + var(--page-margin-mobile))}.user-account-area .action-card img{width:100%;height:auto;object-fit:cover;aspect-ratio:127 / 76}.user-account-area .action-card .p-bold{padding:16px;color:var(--night);font-size:14px;line-height:1.4}.user-account-area .action-card .discount-card-text{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 0}.user-account-area .action-card .discount-card-text .p-bold{padding:0}.user-account-area .action-card .discount-card-text .p{line-height:1}.user-account-area .discount-card-text .share-icon{cursor:pointer;flex-shrink:0}.user-account-area .credit-discount{z-index:1;position:relative;padding-top:16px}.user-account-area .welcome-message-hero-container .p-bold,.user-account-area .welcome-message-hero-container .p,.user-account-area .welcome-message{color:var(--alabaster)}.user-account-area .toogle{display:flex;align-items:center;gap:8px;border:1px solid var(--tortilla);border-radius:4px;margin:24px var(--page-margin-mobile) 16px;padding:12px 0;cursor:pointer;color:var(--night);font-size:14px;width:141px;justify-content:center;transition:background-color .3s ease-in-out;height:44px}.user-account-area .toogle:hover{background-color:var(--mindful)}.user-account-area .hero-img{z-index:0;width:100%;height:auto;overflow:hidden;aspect-ratio:195 / 157}.user-account-area .hero-img img{width:100%;height:100%;object-fit:cover}.user-account-area .chevron{width:16px;height:16px;display:flex;justify-content:center;align-items:center}.user-account-area .chevron svg{transform:rotate(180deg);transition:transform .3s ease-in-out}.user-account-area .chevron.rotate svg{transform:rotate(0)}.user-account-area .payment-terms{margin:0 var(--page-margin-mobile) 24px;border:1px solid var(--tortilla);border-radius:4px}.user-account-area .payment-terms .header{background-color:var(--alabaster);padding:20px;border-bottom:1px solid var(--tortilla);font-size:16px;border-top-right-radius:4px;border-top-left-radius:4px;height:58px}.user-account-area .payment-terms.empty .button{margin-top:16px}.user-account-area .terms-inner{padding:20px;display:flex;flex-direction:column;gap:8px}.user-account-area .terms-text{display:flex;gap:8px}.user-account-area .marketing{background:var(--alabaster);border-radius:4px;display:flex;flex-direction:column;width:calc(100% - 48px);flex-shrink:0;height:auto;border:1px solid var(--tortilla);overflow:hidden}.user-account-area .marketing:first-of-type{margin-left:24px}.user-account-area .marketing .img-container{aspect-ratio:342 / 214;width:100%;height:auto;overflow:hidden;margin-top:auto}.user-account-area .marketing .img-container img{height:100%;object-fit:cover}.user-account-area .marketing-content{border-top-right-radius:4px;border-top-left-radius:4px;padding-bottom:24px}.user-account-area .marketing .marketing-text{padding:24px 24px 0}.user-account-area .marketing .button{padding:16px 24px 0;justify-content:space-between;gap:8px;height:auto;font-size:16px}.user-account-area .marketing .icon-arrow-right{width:16px;height:16px;display:flex;align-items:center}.user-account-area .button{width:fit-content;display:flex;align-items:center;font-family:var(--account-medium);font-size:14px;height:44px;border-color:var(--tortilla)}.user-account-area .marketing .button:hover,.user-account-area .btn-secondary:hover,.user-account-area .btn-primary:hover{text-decoration:none;color:var(--night)}.user-account-area .btn-primary.disabled{color:#717171;background-color:#2525251a;pointer-events:none;cursor:not-allowed;border:none}.user-account-area .btn-primary.disabled:hover{color:#717171;background-color:#2525251a;border:none}.user-account-area .btn-secondary:hover{background-color:var(--mindful);border-color:var(--tortilla)}.user-account-area .marketing .p-bold{font-size:18px;margin-bottom:8px;line-height:1.1}.user-account-area .marketing .p{font-size:16px}.user-account-area .orders{margin:0 var(--page-margin-mobile);border:1px solid var(--tortilla);border-radius:4px;font-size:14px;color:var(--night)}.user-account-area .orders-top{display:flex;padding:7px 20px;background-color:var(--alabaster);border-bottom:1px solid var(--tortilla);align-items:center;justify-content:space-between;min-height:58px;border-top-right-radius:4px;border-top-left-radius:4px}.user-account-area .orders-top .p-bold{font-size:16px}.user-account-area .p-bold{font-family:var(--account-semibold);color:var(--night);font-size:14px;line-height:1.6}.user-account-area .copy-btn{text-decoration:underline;cursor:pointer}.user-account-area .order{padding:20px}.user-account-area .orders .order+.order{border-top:1px solid var(--tortilla)}.user-account-area .order-info{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:14px}.user-account-area .order-info.name-and-buttons{flex-direction:column;align-items:flex-start}.user-account-area .order-buttons{display:grid;gap:8px;grid-template-columns:1fr 1fr;width:100%}.user-account-area .order-buttons .button{width:100%;justify-content:center}.user-account-area .btn-secondary{background-color:#fff;padding:0 12px;text-wrap:nowrap}.user-account-area .user-order .btn-secondary,.user-account-area .user-orders .btn-secondary{gap:8px}.user-account-area .adress-info{padding:16px 0 8px}.user-account-area .address{text-align:right;color:var(--dusk)}.user-account-area .delivery-info{padding:8px 0;border-top:1px solid var(--tortilla)}.user-account-area .price-info{padding-top:8px;border-top:1px solid var(--tortilla)}.user-account-area .order-price{color:var(--dusk)}.user-account-area .order .complete,.user-account-area .user-order .complete{color:#84a065}.user-account-area .account-footer{background-color:var(--night);color:var(--alabaster);padding:12px 24px;text-align:center;font-family:var(--account-medium);font-size:14px;display:flex;gap:12px;flex-direction:column;align-items:center;margin-top:auto}.user-account-area .footer-links{display:grid;justify-content:center;grid-template-columns:1fr 1fr;row-gap:4px;column-gap:16px;justify-items:center}.user-account-area .account-footer .link{text-decoration:underline;text-underline-offset:2px}.user-account-area .sticky-header{padding:0 var(--page-margin-mobile);height:64px;margin:0 auto;display:flex;justify-content:space-between;border-bottom:1px solid var(--tortilla);background:var(--alabaster);align-items:center;position:sticky;top:0;color:var(--night);z-index:2}.user-account-area .sticky-header .basket{width:fit-content}.user-account-area .menu-logo{display:flex;align-items:center;gap:8px}.user-account-area .side-nav{display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;height:100dvh;width:100vw;max-width:390px;background:var(--alabaster);z-index:3;opacity:0;pointer-events:none;transition:.3s opacity ease;overflow:auto;font-family:var(--account-medium);color:var(--night);font-size:14px}.user-account-area .side-nav.show{opacity:1;pointer-events:auto}.user-account-area .side-nav .top-container{display:flex;justify-content:space-between;padding:4px 8px 12px 24px;align-items:center;border-bottom:1px solid var(--tortilla)}.user-account-area .side-nav .links{padding:12px 24px 0}.user-account-area .side-nav .nav-link{gap:12px;display:flex;align-items:center;padding:11px 0;justify-content:flex-start;cursor:pointer;border-radius:4px;transition:all .3s ease-in-out;width:100%;line-height:1.4}.user-account-area .side-nav .nav-link:hover,.user-account-area .side-nav .nav-link a:hover{text-decoration:none;background-color:var(--mindful);color:var(--night)}.user-account-area .side-nav .nav-link img{width:16px;height:16px;transition:filter .3s ease-in-out}.user-account-area .side-nav .samples-link-inner,.user-account-area .side-nav .external-link{display:flex;align-items:center;gap:8px}.user-account-area .side-nav .bottom-container{margin-top:auto;padding:16px;border-top:1px solid var(--tortilla);display:flex;align-items:center;gap:8px}.user-account-area .side-nav .bottom-links{display:flex;flex-direction:column}.user-account-area .side-nav .circle{background:var(--night);color:var(--white);font-family:var(--account-semibold);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-account-area .side-nav .p{font-size:12px;line-height:1}.user-account-area .side-nav .p-reg{font-size:16px;line-height:1}.user-account-area .address-info{padding:16px 0 8px;gap:16px;align-items:flex-start}.user-account-area .address-label{flex-shrink:0}.user-account-area .desktop-only{display:none}.user-account-area .name-email{width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.user-account-area .name-email .p-bold{font-size:16px}.user-account-area .empty .terms-inner{align-items:flex-start}.user-account-area .no-orders{padding:20px;display:flex;flex-direction:column;align-items:center;gap:8px}.user-account-area .no-orders .buttons{display:flex;gap:8px}.user-account-area .no-orders .h3{font-size:18px}.user-account-area .dashboard-bottom{display:flex;flex-direction:column}.user-account-area .dashboard-bottom.reverse{flex-direction:column-reverse;gap:24px}.user-account-area .bottom-buttons{display:flex;padding:22px 24px 0;border-bottom:1px solid var(--tortilla);margin-bottom:24px;font-size:14px;color:var(--night)}.user-account-area .bottom-buttons .button{padding:12px 8px;border-bottom:1px solid transparent;transition:border-color .3s ease-in-out}.user-account-area .bottom-buttons .button.selected{border-bottom:1px solid var(--night)}.user-account-area .paint-grid{display:grid}.user-account-area .paint-card{padding:16px var(--page-margin-mobile);border-bottom:1px solid var(--tortilla);transition:background-color .3s ease-in-out}.user-account-area .paint-card.open{background-color:var(--alabaster)}.user-account-area .paint-card-inner{display:flex;gap:12px;align-items:center}.user-account-area .paint-card img{aspect-ratio:1 / 1;width:64px;height:64px;border-radius:4px;margin-right:4px}.user-account-area .paint-card .chevron{width:44px;height:44px;border:1px solid var(--tortilla);border-radius:50%;margin-left:auto;transform:rotate(180deg);cursor:pointer;transition:all .3s ease-in-out;flex-shrink:0}.user-account-area .paint-card .large-chevron{background-color:#fff}.user-account-area .product-dropdown{height:0;opacity:0;padding:0;display:none;transition-behavior:allow-discrete;pointer-events:none;-ms-overflow-style:none;scrollbar-width:none;transition:display .5s ease-in-out,height .5s ease-in-out,opacity .3s ease}.user-account-area .product-dropdown.show{opacity:1;display:block;pointer-events:all}.user-account-area .paint-card .dropdowns{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.user-account-area .paint-card .qty-atc-btns{margin-top:16px;display:grid;grid-template-columns:auto 1fr;gap:8px;justify-content:space-between}.user-account-area .finish-dropdown,.user-account-area .size-dropdown{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--tortilla);border-radius:4px;padding:11px 12px;cursor:pointer;height:44px;background-color:#fff}.user-account-area .selected-size,.user-account-area .selected-finish{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.user-account-area .paint-card .dropdown{border:1px solid var(--tortilla);border-bottom:none;border-radius:4px;margin-top:4px;background-color:#fff;position:absolute;z-index:1;width:max-content}.user-account-area .paint-card .finish,.user-account-area .paint-card .size{padding:8px;border-bottom:1px solid var(--tortilla);cursor:pointer;display:flex;justify-content:space-between;gap:24px}.user-account-area .paint-card .finish:hover,.user-account-area .paint-card .size:hover,.user-account-area .dropdown-options .option:hover{background-color:#2525251a}.user-account-area .paint-card .extra-info{color:var(--dusk)}.user-account-area .dropdowns .chevron{border:none;width:16px;height:16px;flex-shrink:0}.user-account-area .dropdowns .chevron svg{width:100%;height:100%}.user-account-area .size-dropdown-outer{position:relative}.user-account-area .size-dropdown-outer .dropdown{right:0}.user-account-area .size{display:flex;justify-content:space-between;width:100%;gap:16px}.user-account-area .qty-controls{display:flex;align-items:center}.user-account-area .quantity{width:40px;display:flex;justify-content:center}.user-account-area .minus,.user-account-area .plus{width:44px;height:44px;cursor:pointer;border:1px solid var(--tortilla);border-radius:50%;background-color:#fff;transition:background-color .3s ease-in-out}.user-account-area .minus:hover,.user-account-area .plus:hover{background-color:var(--alabaster)}.user-account-area .atc-btn{width:100%;min-width:100%;height:44px;padding:0 12px;display:flex;gap:.25rem;background:var(--night);color:var(--alabaster);border-radius:var(--border-radius);font-size:clamp(11px,2.56vw,14px);transition:background-color .3s ease 0s}.user-account-area .atc-btn:hover{background:var(--mindful);color:var(--night)}.user-account-area .btn-text{text-wrap:nowrap}.user-account-area .dots{display:flex;gap:.25rem}.user-account-area .dot{background-color:#fff}.user-account-area .dot{height:.5rem;width:.5rem;border-radius:1rem;opacity:.5}.user-account-area .atc-btn:hover .dot{background-color:#000}.user-account-area .dot:nth-of-type(1){animation:dots 1s ease 0s infinite}.user-account-area .dot:nth-of-type(2){animation:dots 1s ease .25s infinite}.user-account-area .dot:nth-of-type(3){animation:dots 1s ease .5s infinite}.user-account-area .dot:nth-of-type(4){animation:dots 1s ease .75s infinite}.user-account-area .form-button{width:fit-content;margin-left:auto;height:44px;padding:12px}.user-account-area .form-btn-container{padding-top:16px;border-top:1px solid var(--tortilla)}.user-account-area .colour-match{width:100%;gap:8px;height:44px;font-size:14px}.user-account-area .colour-match-modal.information-card{opacity:0;pointer-events:none;top:50%;left:50%;max-width:383px;transform:translate(-50%,-50%);transition:all .3s ease-in-out;position:absolute;z-index:4;height:fit-content;background-color:#fff;width:calc(100% - 48px);margin:0 auto;min-height:auto;position:fixed}.user-account-area .colour-match-modal.show{opacity:1;pointer-events:all}.user-account-area .colour-match-modal.information-card .top-section{padding:12px 7px 12px 20px;height:68px}.user-account-area .colour-match-modal .h3{margin-bottom:0}.user-account-area .colour-match-modal .close-icon{height:44px;width:44px}.user-account-area .colour-match-modal.information-card .card-content{padding:24px;gap:12px}.user-account-area .colour-match-modal .h2{margin-bottom:8px}@keyframes dots{0%{opacity:.5}12.5%{opacity:1}25%{opacity:.5}to{opacity:.5}}.user-account-area .search-bar{border:1px solid var(--tortilla);border-radius:4px;padding:11px 12px;margin-bottom:8px;margin-top:24px;display:flex;align-items:center;gap:8px;height:44px}.user-account-area .user-orders .search-bar{margin:0 24px 48px}.user-account-area .search-bar svg{width:16px;height:16px}.user-account-area .search-text{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.user-account-area .pagination{display:flex;justify-content:center;margin-top:16px;gap:8px}.user-account-area .pagination ul{display:flex;justify-content:center;align-items:center}.user-account-area .pagination .btn,.user-account-area .pagination li{width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer}.user-account-area .pagination li.active,.user-account-area .pagination .active{background-color:var(--alabaster);border-radius:4px;border:1px solid var(--tortilla)}.user-account-area .pagination .next,.user-account-area .pagination .prev{pointer-events:none;opacity:.5}.user-account-area .pagination .next.display,.user-account-area .pagination .prev.display{pointer-events:all;opacity:1}.user-account-area .user-orders .pagination{gap:12px}.user-account-area .user-orders .pagination .page-numbers{display:flex;gap:8px}.user-account-area .per-page-selector{position:relative}.user-account-area .price-litre{color:var(--dusk)}.user-account-area .per-page-button{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--tortilla);border-radius:4px;padding:11px 12px;margin:24px auto 0;width:200px;cursor:pointer}.user-account-area .per-page-dropdown{opacity:0;pointer-events:none;height:0;position:absolute;background-color:var(--white);width:200px;border:1px solid var(--burnt-tortilla);z-index:4;border-radius:var(--border-radius);margin-top:4px;overflow:hidden;left:50%;transform:translate(-50%)}.user-account-area .per-page-dropdown.open{opacity:1;pointer-events:all;height:auto;max-height:205px;overflow:scroll;-ms-overflow-style:none;scrollbar-width:none}.user-account-area .per-page-dropdown.open::-webkit-scrollbar{display:none}.user-account-area .per-page-option:first-of-type{border-top:none}.user-account-area .per-page-option{cursor:pointer;padding:.75rem 1rem;width:100%;border-top:1px solid var(--burnt-tortilla)}.user-account-area .search-input{width:100%;border:none;color:var(--night);-webkit-appearance:none;background-color:transparent}.user-account-area .search-input::placeholder,.user-account-area .input::placeholder{color:var(--night);opacity:.5}.user-account-area .strikethrough{text-decoration:line-through}.user-account-area .finish-dropdown-outer{position:relative}.user-account-area .no-results{display:flex;flex-direction:column;align-items:center;padding:24px;gap:4px;text-align:center;max-width:531px;margin:0 auto}.user-account-area .no-results .p-bold{color:var(--dusk);font-size:16px}.user-account-area .colour-match-btn{border:1px solid var(--tortilla);height:44px;display:flex;justify-content:center;align-items:center;border-radius:4px;padding:12px;font-size:14px;margin-top:16px;cursor:pointer}.user-account-area .info-form{display:flex;flex-direction:column;gap:24px}.user-account-area .contact-form .dropdown{position:relative}.user-account-area .contact-form .dropdown-options{opacity:0;pointer-events:none;height:0;position:absolute;background-color:var(--white);width:100%;border:1px solid var(--burnt-tortilla);z-index:4;border-radius:var(--border-radius);margin-top:4px;overflow:hidden}.user-account-area .contact-form .dropdown-options.open{opacity:1;pointer-events:all;height:auto;max-height:205px;overflow:scroll;-ms-overflow-style:none;scrollbar-width:none}.user-account-area .contact-form .dropdown-options.open::-webkit-scrollbar{display:none}.user-account-area .contact-info-container{border:1px solid var(--tortilla);border-radius:4px;height:100%;display:flex;flex-direction:column;min-height:342px;position:relative}.user-account-area .contact-info-container .header{background-color:var(--alabaster);padding:20px;border-bottom:1px solid var(--tortilla);font-size:16px;line-height:1.1;border-top-left-radius:4px;border-top-right-radius:4px;height:58px}.user-account-area .contact-info{padding:20px;display:flex;flex-direction:column;gap:8px}.user-account-area .contact-info .h2,.user-account-area .order-paint .h2{font-size:18px}.user-account-area .order-paint .header-section .h2{font-size:20px;margin-bottom:2px}.user-account-area .order-paint .h2{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.user-account-area .contact-info .dusk{color:var(--dusk)}.user-account-area .contact-info-item{display:flex;align-items:center;gap:8px;padding:12px;border:1px solid var(--tortilla);border-radius:4px;cursor:pointer;text-decoration:none;height:44px}.user-account-area .contact-info-items{display:flex;flex-wrap:wrap;gap:8px;font-size:14px}.user-account-area .contact-form{padding:20px;display:flex;flex-direction:column;gap:16px;font-size:14px}.user-account-area .input{padding:11px 12px;width:100%;color:var(--night);border-radius:var(--border-radius);border:1px solid var(--burnt-tortilla);background:var(--white)}.user-account-area .form-input-container{display:flex;flex-direction:column;gap:4px}.user-account-area .form-input-container .message-input{height:150px}.user-account-area .contact-dropdown{position:relative}.user-account-area .contact-dropdown button{width:100%;padding:11px 12px;border-radius:4px;display:flex;justify-content:space-between;box-sizing:border-box;border:1px solid var(--burnt-tortilla);align-items:center}.user-account-area .contact-dropdown .icon,.user-account-area .user-orders .icon{transition:transform .3s ease-in-out}.user-account-area .icon.rotate-up{transform:rotate(180deg)}.user-account-area .hidden{display:none}.user-account-area .upload-container{display:flex;justify-content:space-between;align-items:center}.user-account-area .file-size{color:var(--dusk)}.user-account-area .media-btn{background-color:var(--white);border:1px solid var(--burnt-tortilla);border-radius:var(--border-radius);padding:12px;transition:all .3s ease-in-out;cursor:pointer;display:flex;align-items:center;text-align:center;margin:0;height:44px}.user-account-area .option{cursor:pointer;padding:.75rem 1rem;width:100%;border-top:1px solid var(--burnt-tortilla)}.user-account-area .option:first-of-type{border-top:none}.user-account-area .file-name-container{display:flex;border-top:1px solid var(--tortilla);padding:8px 0;align-items:center;justify-content:space-between;color:var(--dusk)}.user-account-area .file-name-container.top-border{border-top:none}.user-account-area .phone-number{color:var(--night)}.user-account-area .form-success-message{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:24px;height:100%;width:100%;flex-grow:1;opacity:0;transition:opacity .3s ease-in;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;gap:16px}.user-account-area .form-sent.form-success-message{opacity:1}.user-account-area .user-info{padding:var(--page-margin-mobile);font-family:var(--account-medium);color:var(--night);height:100dvh;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none}.user-account-area .user-info::-webkit-scrollbar{display:none}.user-account-area .user-info .p{margin-bottom:4px}.user-account-area .personal-company-cards{display:flex;flex-direction:column;gap:24px}.user-account-area .information-card{border:1px solid var(--tortilla);border-radius:4px;height:100%;display:flex;flex-direction:column;min-height:342px;position:relative}.user-account-area .information-card .top-section{background-color:var(--alabaster);padding:7px 20px;border-bottom:1px solid var(--tortilla);font-size:16px;display:flex;justify-content:space-between;align-items:center;border-top-left-radius:4px;border-top-right-radius:4px}.user-account-area .information-card .card-content{display:flex;flex-direction:column;gap:20px;padding:20px;font-size:14px}.user-account-area .h3{font-size:16px;font-family:var(--account-semibold);line-height:1.1;margin-bottom:2px;letter-spacing:-.02em;color:var(--night)}.user-account-area .user-info .btn-secondary,.user-account-area .user-info .btn-primary{height:44px;cursor:pointer;padding:12px;font-size:14px}.user-account-area .user-info .names{display:flex;flex-direction:column;gap:20px}.user-account-area .user-info .company-names{display:flex;flex-direction:column;gap:24px}.user-account-area .user-info .marketing-preferences{display:flex;gap:12px}.user-account-area .user-info .marketing-btn{border-radius:4px;width:24px;height:24px;display:flex;justify-content:center;align-items:center;flex-shrink:0;transition:background-color .3s ease-in-out;pointer-events:none;cursor:not-allowed;border:1px solid var(--tortilla)}.user-account-area .user-info .input-field{padding:11px 12px;border-radius:4px;border:1px solid var(--tortilla);margin:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;width:100%;-webkit-appearance:none;background-color:transparent}.user-account-area .user-info .marketing-btn.checked{background:var(--night);border:1px solid var(--night)}.user-account-area .editing .marketing-btn{cursor:pointer;pointer-events:all}.user-account-area .check-icon{opacity:0;transition:opacity .3s ease-in-out}.user-account-area .checked .check-icon{opacity:1}.user-account-area .company-pop-up{opacity:0;pointer-events:none;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .3s ease-in-out;position:absolute;z-index:4;height:fit-content;background-color:#fff;width:calc(100% - 48px);margin:0 auto;min-height:auto}.user-account-area .company-pop-up.show{opacity:1;pointer-events:all}.user-account-area .company-pop-up .top-section{padding:7px 7px 7px 20px}.user-account-area .company-pop-up .close-icon{width:44px;height:44px;cursor:pointer}.user-account-area .company-pop-up .btn-primary{width:fit-content}.user-account-area .overlay{opacity:0;height:100%;width:100vw;pointer-events:none;transition:opacity .3s ease-in-out;position:absolute;top:0;left:0}.user-account-area .overlay.show{opacity:1;pointer-events:all;z-index:4;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:var(--opaque-night-60, #25252599)}.user-account-area .marketing-banners{position:relative;overflow:hidden;margin-bottom:24px}.user-account-area .marketing-carousel{display:flex;cursor:grab;gap:24px;transition:transform .5s ease}.user-account-area .banner-dots{display:flex;gap:4px;position:absolute;bottom:16px;left:50%;transform:translate(-50%);padding:6px;background-color:#ffffff80;border-radius:50px}.user-account-area .banner-dot{width:6px;height:6px;border-radius:50px;background-color:var(--night);position:relative;cursor:pointer}.user-account-area .banner-dot.active{width:24px}.user-account-area .banner-dot .selected-bar{width:0;opacity:0;position:absolute;top:0;left:0}.user-account-area .banner-dot.active .selected-bar{opacity:1;height:100%;background-color:#fff;border-radius:50px;animation:fillBar 5s linear forwards}.user-account-area .user-orders .price-details,.user-account-area .tracking-info{display:flex;gap:8px}.user-account-area .tracking-confirmation{display:grid;grid-template-rows:1fr 1fr;row-gap:16px;column-gap:4px;grid-template-columns:auto 1fr}.user-account-area .line-and-truck{position:relative}.user-account-area .line-and-truck .line{position:absolute;left:50%;bottom:-24px}.user-account-area .truck-icon{width:24px;height:24px;padding:4px}.user-account-area .tracking-link{text-decoration:underline;text-underline-offset:2px;cursor:pointer}.user-account-area .discount-code{display:flex;align-items:center;gap:8px}.user-account-area .unfulfilled{display:flex;gap:4px}.user-account-area .unfulfilled svg{padding:4px}.user-account-area .percentage-discount{display:none}.user-account-area .percentage-discount.show{display:block}.user-account-area .input-header{margin-bottom:4px}.user-account-area .overdue-balance{margin:0 var(--page-margin-mobile) 24px;padding:16px;background-color:#f74f63;border-radius:4px;display:none;align-items:center;justify-content:center}.user-account-area .overdue-balance.show{display:flex}.user-account-area .overdue-message{text-align:center;font-size:14px}.user-account-area .order-paint .overdue-balance{margin:24px 0 0}.user-account-area .overdue-balance.desktop-only{display:none}.user-account-area .overdue-balance .h3{color:#fff;margin-bottom:0;font-size:14px}.user-account-area .overdue-balance .p{color:#fff;font-weight:500;font-size:14px}@media screen and (min-width:1000px){.user-account-area .mobile-only{display:none}.user-account-area .h2{font-size:24px}.user-account-area .home-dashboard{padding:0 0 40px;flex-grow:0;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none}.user-account-area .home-dashboard::-webkit-scrollbar{display:none}.user-account-area .welcome-credit-messages{display:flex;justify-content:space-between;align-items:flex-end;padding:32px 40px}.user-account-area .toogle{margin:0 0 16px 40px}.user-account-area .qa-inner{gap:24px}.user-account-area .action-card{min-width:264px;width:calc(25% - 40px)}.user-account-area .action-card:first-of-type{margin-left:40px}.user-account-area .action-card:last-of-type{padding-right:40px;min-width:304px;width:25%}.user-account-area .marketing:first-of-type{margin:0}.user-account-area .dashboard-bottom{display:flex;flex-direction:row;gap:24px;padding:24px 40px 0}.user-account-area .quick-actions-container{margin:24px 0 0}.user-account-area .payment-terms,.user-account-area .marketing{margin:0}.user-account-area .marketing-text{display:flex;flex-direction:column;gap:8px}.user-account-area .orders{margin:0;flex-grow:1;height:fit-content}.user-account-area .payment-and-marketing{display:flex;flex-direction:column;gap:24px;max-width:361px}.user-account-area .terms-inner{padding:24px;display:flex;flex-direction:column;gap:8px}.user-account-area .payment-terms .header{padding:24px;line-height:1.1;height:66px}.user-account-area .account-footer{flex-direction:row;padding:24px 40px;justify-content:space-between;flex-shrink:0;height:fit-content}.user-account-area .footer-links{display:flex;gap:16px}.user-account-area .account-footer .link{text-underline-offset:4px}.user-account-area .sticky-header{display:none}.user-account-area .side-nav{position:sticky;max-width:100%;opacity:1;pointer-events:all;width:229px;overflow:unset;min-width:229px;border-right:1px solid var(--tortilla)}.user-account-area .desktop-container{display:flex;height:100%}.user-account-area .dashboard-footer{display:flex;flex-direction:column;height:100%;width:100%}.user-account-area .side-nav .links{flex-direction:column;height:100%;padding:0 16px 16px;display:flex;justify-content:space-between}.user-account-area .side-nav .top-links{display:flex;flex-direction:column;gap:4px}.user-account-area .side-nav .bottom-links{gap:4px}.user-account-area .side-nav .top-container{justify-content:flex-start;padding:32px 16px 24px;width:100%;border-bottom:none}.user-account-area .side-nav .logo{width:134px;height:38px}.user-account-area .side-nav .logo svg{width:100%;height:100%}.user-account-area .side-nav .icon-close{display:none}.user-account-area .side-nav .nav-link{padding:8px 12px;color:var(--dusk)}.user-account-area .order{padding:24px}.user-account-area .address-info{gap:32px}.user-account-area .nav-link svg path{stroke:var(--dusk)}.user-account-area .nav-link:hover svg path{stroke:var(--night)}.user-account-area .nav-link .sample-icon svg path{stroke:none;fill:var(--dusk)}.user-account-area .nav-link.samples-link:hover .sample-icon svg path{stroke:none;fill:var(--night)}.user-account-area .side-nav .nav-link.active{background-color:#ffffff80;border:1px solid var(--tortilla);color:var(--night)}.user-account-area .side-nav .nav-link.active svg path{stroke:var(--night)}.user-account-area .desktop-only{display:flex}.user-account-area .basket{justify-content:flex-start;width:100%;padding:12px;background-color:var(--night);color:var(--alabaster);border-radius:4px;margin-top:24px;line-height:1.4;gap:8px;transition:all .3s ease-in-out}.user-account-area .basket:hover{color:var(--night);background-color:var(--mindful)}.user-account-area .basket:hover svg path{stroke:var(--night)}.user-account-area .contact-us{padding:40px}.user-account-area .contact-us .top-container{display:flex;justify-content:space-between;align-items:center;padding-bottom:25px}.user-account-area .info-form{display:grid;grid-template-columns:1fr 1fr}.user-account-area .order-paint .header-section .h2{font-size:24px}.user-account-area .contact-info .h2,.user-account-area .order-paint .h2{font-size:20px}.user-account-area .contact-info-container{min-height:673px}.user-account-area .contact-info-container .header,.user-account-area .contact-info,.user-account-area .contact-form{padding:24px}.user-account-area .contact-info-container .header{height:66px}.user-account-area .user-orders{padding:40px;max-width:740px;overflow:scroll;-ms-overflow-style:none;scrollbar-width:none}.user-account-area .user-orders::-webkit-scrollbar{display:none}.user-account-area .user-orders .pagination-container{display:flex;align-items:center;justify-content:space-between}.user-account-area .order-paint .header-section{display:flex;justify-content:space-between;padding-bottom:24px;align-items:center}.user-account-area .credit-discount{padding:0;text-align:right}.user-account-area .user-info{padding:40px}.user-account-area .user-info .top-container{display:flex;justify-content:space-between;margin-bottom:24px}.user-account-area .personal-company-cards{display:grid;grid-template-columns:1fr 1fr}.user-account-area .user-info .company-names,.user-account-area .user-info .names{display:grid;grid-template-columns:1fr 1fr;gap:24px}.user-account-area .information-card .card-content{gap:24px;padding:24px}.user-account-area .company-pop-up.information-card .card-content{padding-right:20px}.user-account-area .company-pop-up{width:383px}.user-account-area .user-order .cards-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;gap:24px}.user-account-area .user-order{padding:40px}.user-account-area .user-order .top-container{display:flex;justify-content:space-between;padding-bottom:24px;align-items:center}.user-account-area .user-order .btn-order-name{padding-bottom:0}.user-account-area .user-order .h2{font-size:24px}.user-account-area .user-order .total .h2{font-size:20px}.user-account-area .user-order .addresses{display:grid;grid-template-columns:1fr 1fr}.user-account-area .marketing-carousel{gap:24px}.user-account-area .marketing{width:100%}.user-account-area .user-order .information-card{height:fit-content;margin-top:0}.user-account-area .user-order .information-card.order-card{grid-row:1 / 3;grid-column:2 / 3;height:100%}.user-account-area .user-orders .search-bar{margin:0 0 24px}.user-account-area .user-orders .top-container{padding:0}.user-account-area .order-info.name-and-buttons{flex-direction:row;align-items:center}.user-account-area .order-buttons{width:fit-content}.user-account-area .discount-label{display:flex;gap:24px}.user-account-area .no-orders .h3,.user-account-area .marketing .p-bold{font-size:20px}.user-account-area .side-nav .nav-link img{transition:filter .3s ease-in-out;filter:brightness(0) saturate(100%) invert(39%) sepia(5%) saturate(354%) hue-rotate(318deg) brightness(94%) contrast(83%)}.user-account-area .side-nav .nav-link:hover img,.user-account-area .side-nav .nav-link a:hover img{filter:invert(0)}.user-account-area .overdue-balance{margin:0 0 24px}.user-account-area .overdue-balance.mobile-only{display:none}.user-account-area .overdue-balance.desktop-only.show{display:flex}.user-account-area .dashboard-bottom .right-container{flex-grow:1}.user-account-area .search-match-btn{display:grid;grid-template-columns:1fr 179px;gap:24px;align-items:center}.user-account-area .search-bar{margin:0}.user-account-area .colour-match-outer{padding-left:24px;border-left:1px solid var(--tortilla)}.user-account-area .welcome-message-hero-container,.user-account-area .hero-img{aspect-ratio:1211 / 240}.user-account-area .action-card .discount-card-text{justify-content:flex-start;padding:16px}.user-account-area .discount-card-text .share-icon{margin-left:auto}}@media screen and (min-width:1420px){.user-account-area .order-paint .top-container{padding:0}.user-account-area .product-dropdown{height:100%!important;width:100%;opacity:1;pointer-events:all;display:flex;align-items:center}.user-account-area .product-dropdown .inner{display:grid;grid-template-columns:416px 1fr;width:100%;gap:16px;align-items:center}.user-account-area .paint-card .qty-atc-btns{margin-top:0;gap:16px;display:grid;grid-template-columns:128px 1fr}.user-account-area .paint-card .dropdowns{margin-top:0;gap:16px}.user-account-area .size-dropdown-outer .dropdown{right:auto}.user-account-area .order-paint{padding:40px}.user-account-area .paint-card{display:grid;grid-template-columns:334px 1fr;padding:16px 0}.user-account-area .paint-card.open{background-color:transparent}.user-account-area .paint-card .large-chevron{display:none}.user-account-area .orders-top{height:66px}}.needsclick.kl-teaser-YA4NfZ.undefined.kl-private-reset-css-Xuajs1,.kl-private-reset-css-Xuajs1{display:none!important}.needsclick.kl-teaser-RxYi7Z.kl-private-reset-css-Xuajs1,.needsclick.kl-teaser-YpyS9u.kl-private-reset-css-Xuajs1,.needsclick.kl-teaser-WMKaQ2.undefined.kl-private-reset-css-Xuajs1,.gorgias-chat-key-1spa6uy,.gorgias-chat-key-1vly0ou{z-index:2!important}
/*# sourceMappingURL=/cdn/shop/t/328/assets/user-dashboard.css.map */