.colour-scheme-page{margin:2.4rem 0;padding:2.4rem 0}.colour-scheme-page__header{text-align:center;margin-bottom:4.8rem}.colour-scheme-page__title{font-family:var(--font-heading-family);color:var(--color-bark);margin-bottom:1.2rem;font-size:3.2rem;font-weight:400}.colour-scheme-page__description{color:var(--color-bark);font-size:1.6rem;line-height:1.6}.colour-scheme-page__content{min-height:20rem}.colour-scheme-page__loading,.colour-scheme-page__empty{text-align:center;padding:4.8rem 2.4rem}.colour-scheme-page__empty-text{color:var(--color-bark);margin-bottom:.8rem;font-size:1.8rem;font-weight:500}.colour-scheme-page__empty-subtext{color:var(--color-bark);opacity:.7;font-size:1.4rem}.colour-scheme-page__schemes{padding:0 1.6rem;display:block}.colour-scheme-page__category{margin-bottom:4.8rem}.colour-scheme-page__category:last-child{margin-bottom:0}.colour-scheme-page__category-header{align-items:baseline;gap:1.2rem;margin-bottom:2.4rem;padding-bottom:1.2rem;display:flex;position:relative}.colour-scheme-page__category-header:after{content:"";background-image:url("data:image/svg+xml,%3Csvg width='1296' height='1' viewBox='0 0 1296 1' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0.5' y1='0.5' x2='1295.5' y2='0.5' stroke='%23423534' stroke-linecap='round' stroke-dasharray='2 4'/%3E%3C/svg%3E%0A");background-repeat:repeat-x;background-size:121.6rem .1rem;width:100%;height:.1rem;position:absolute;bottom:0;left:0}.colour-scheme-page__category-title{color:var(--color-bark);margin:0}.colour-scheme-page__category-count{color:var(--color-bark)}.colour-scheme-page__category-delete-all{color:var(--color-bark);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0;font-size:1.4rem;font-weight:500;text-decoration:none;position:relative}.colour-scheme-page__category-delete-all:before{content:"";will-change:width,transform;transform-origin:0;background-color:currentColor;width:100%;height:.1rem;transition:transform .5s;position:absolute;bottom:-.2rem;left:0;transform:scaleX(1)}.colour-scheme-page__category-delete-all:hover:before{transform-origin:100%;transform:scaleX(0)}.colour-scheme-page__category-delete-all:focus-visible:before{transform-origin:100%;transform:scaleX(0)}.colour-scheme-page__category-grid{grid-template-columns:1fr;gap:3.2rem;display:grid}.colour-scheme-page__category-grid--singles{grid-template-columns:repeat(6,1fr)!important}.colour-scheme-page__card--single.product-card{background:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:none;border:none;width:100%;padding:0;transition:none;overflow:visible}.colour-scheme-page__card--single .colour-scheme-page__card-swatches.product-card__image-wrapper--swatch{aspect-ratio:1;border-radius:var(--border-radius-full);padding:var(--spacing-2xl);justify-content:center;align-items:center;width:100%;height:auto;transition:transform .2s,opacity .2s;display:flex;position:relative;overflow:hidden}.colour-scheme-page__card--single .colour-scheme-page__card-swatches.product-card__image-wrapper--swatch[role=button]{cursor:pointer}.colour-scheme-page__card--single .colour-scheme-page__card-swatches.product-card__image-wrapper--swatch[role=button]:hover{opacity:.9;transform:scale(.98)}.colour-scheme-page__card--single .colour-scheme-page__card-swatches.product-card__image-wrapper--swatch[role=button]:active{transform:scale(.96)}.colour-scheme-page__card--single .colour-scheme-page__swatch,.colour-scheme-page__card--single .colour-scheme-page__swatch-colour,.colour-scheme-page__card--single .colour-scheme-page__swatch-name{display:none!important}.colour-scheme-page__card{background:var(--color-white);border:1px solid #0000000f;border-radius:1.2rem;flex-direction:column;padding:0;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000a}.colour-scheme-page__card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.colour-scheme-page__card--single.product-card{background:var(--color-white)!important;border-radius:var(--border-radius-lg)!important;box-shadow:none!important;border:none!important;padding:0!important;transition:none!important}.colour-scheme-page__card--single.product-card--swatch{height:unset!important;background:0 0!important}.colour-scheme-page__card--single.product-card:hover{box-shadow:none!important;transform:none!important}.colour-scheme-page__card-delete{cursor:pointer;z-index:1;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;padding:.6rem;transition:all .2s;display:flex;position:absolute;top:0;right:0}.colour-scheme-page__card-delete:hover svg path{stroke:var(--color-freckle)}.colour-scheme-page__card:not(.colour-scheme-page__card--single) .colour-scheme-page__card-delete{background:var(--color-white);z-index:2;top:1.2rem;right:1.2rem;box-shadow:0 2px 8px #0000001a}.colour-scheme-page__card--single .colour-scheme-page__card-delete{box-shadow:none;z-index:1;background:0 0;width:3.2rem;height:3.2rem;padding:0;top:-.6rem;right:-.6rem}.colour-scheme-page__card-delete svg{width:20px;height:20px;display:block}.colour-scheme-page__card-delete svg path{transition:stroke .25s}.colour-scheme-page__card-add-to-basket{color:var(--color-bark);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin:1.2rem auto 0;padding:0;font-size:1.4rem;text-decoration:none;display:inline-flex;position:relative}.colour-scheme-page__card-add-to-basket:before{content:"";will-change:width,transform;transform-origin:0;background-color:currentColor;width:100%;height:.15rem;transition:transform .5s;position:absolute;bottom:0;left:0;transform:scaleX(1)}.colour-scheme-page__card-add-to-basket:hover:before{transform-origin:100%;transform:scaleX(0)}.colour-scheme-page__card-add-to-basket:focus-visible:before{transform-origin:100%;transform:scaleX(0)}.colour-scheme-page__card-add-to-basket:disabled{opacity:.5;cursor:not-allowed}.colour-scheme-page__card-swatches{flex-direction:row;height:14rem;display:flex}.colour-scheme-page__swatch{flex:1;justify-content:center;align-items:center;min-width:0;display:flex;position:relative}.colour-scheme-page__swatch--main{flex:1.2}.colour-scheme-page__swatch:not(.colour-scheme-page__swatch--main){flex:1}.colour-scheme-page__swatch-colour{gap:var(--spacing-xl);flex-direction:column;justify-content:space-between;align-items:flex-start;width:100%;height:100%;padding:1.6rem 1.2rem;transition:transform .2s;display:flex;position:relative}.colour-scheme-page__swatch--clickable{cursor:pointer}.colour-scheme-page__swatch--clickable .colour-scheme-page__swatch-colour:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.colour-scheme-page__swatch-name{text-align:left;word-wrap:break-word;z-index:1;width:100%;margin-bottom:auto;padding:0;line-height:1.3;position:relative}.colour-scheme-page__swatch-actions{justify-content:flex-start;align-items:center;gap:.8rem;width:100%;margin-top:auto;display:flex}.colour-scheme-page__swatch-action-link{font-family:var(--font-body-family);color:currentColor;cursor:pointer;background:0 0;border:none;padding:0;font-size:1.2rem;text-decoration:none;transition:opacity .2s;position:relative}.colour-scheme-page__swatch-action-link:before{content:"";will-change:width,transform;transform-origin:100%;background-color:currentColor;width:100%;height:.08rem;transition:transform .5s;position:absolute;bottom:-.2rem;left:0;transform:scaleX(0)}.colour-scheme-page__swatch-action-link:hover:before{transform-origin:0;transform:scaleX(1)}.colour-scheme-page__swatch-action-link:focus-visible:before{transform-origin:0;transform:scaleX(1)}.colour-scheme-page__swatch-action-link--button{font-family:var(--font-body-family)}.colour-scheme-page__swatch-action-separator{font-family:var(--font-body-family);color:currentColor;opacity:.6;font-size:1.2rem}.colour-scheme-page__card-type{color:var(--color-bark);opacity:.7;text-align:center;padding:.8rem 2rem 0;font-size:1.2rem}.colour-scheme-page__card-timestamp{color:var(--color-bark);opacity:.4;text-align:center;letter-spacing:.02em;background:#00000003;border-top:1px solid #0000000a;padding:1.2rem 2rem;font-size:1.1rem;font-weight:500}@media screen and (min-width:768px){.colour-scheme-page{margin:4.8rem 0;padding:4.8rem 0}.colour-scheme-page__title{font-size:4rem}.colour-scheme-page__schemes{padding:0 2.4rem}.colour-scheme-page__category{margin-bottom:6.4rem}.colour-scheme-page__category-grid{grid-template-columns:1fr;gap:4rem}.colour-scheme-page__category-grid--singles{grid-template-columns:repeat(4,1fr)!important}.colour-scheme-page__card-swatches{height:16rem}.colour-scheme-page__swatch-colour{padding:2rem 1.6rem}.colour-scheme-page__card-timestamp{padding:1.4rem 2.4rem}.colour-scheme-page__card--single .colour-scheme-page__card-type{margin-bottom:.4rem;padding:1.6rem 2.4rem}.colour-scheme-page__card--single .colour-scheme-page__swatch-name{font-size:2rem}}@media screen and (min-width:1024px){.colour-scheme-page__category-grid--singles{grid-template-columns:repeat(5,1fr)!important}}@media screen and (min-width:1280px){.colour-scheme-page__category-grid{grid-template-columns:1fr;gap:4.8rem}.colour-scheme-page__category-grid--singles{grid-template-columns:repeat(6,1fr)!important}.colour-scheme-page__card-swatches{height:18rem}}@media screen and (max-width:767px){.colour-scheme-page__category-grid{grid-template-columns:1fr;gap:3.2rem}.colour-scheme-page__category-grid--singles{grid-template-columns:repeat(3,1fr)!important}.colour-scheme-page__card-swatches{flex-direction:column;height:auto}.colour-scheme-page__swatch{height:16rem}.colour-scheme-page__swatch--main{border-left:none}.colour-scheme-page__card--single .colour-scheme-page__card-delete{z-index:1;width:2.2rem;height:2.2rem;top:-.9rem;right:-.9rem}.colour-scheme-page__card--single .colour-scheme-page__card-delete svg{width:1.8rem;height:1.8rem}.colour-scheme-page__card-add-to-basket{text-underline-offset:.3rem;text-decoration:underline}.colour-scheme-page__card-add-to-basket:before{display:none}}