.colour-scheme-generator-section{background-color:var(--color-white);padding:var(--spacing-6xl)0}.colour-scheme-generator__view-collection{text-align:center;margin-top:var(--spacing-4xl)}.colour-scheme-generator__view-collection-link{color:var(--color-bark);font-size:1.6rem;font-weight:400;text-decoration:none;transition:color .2s;display:inline-block;position:relative}.colour-scheme-generator__view-collection-link:before{content:"";will-change:width,transform;transform-origin:0;background-color:currentColor;width:100%;height:.05rem;transition:transform .5s;position:absolute;bottom:-.3rem;left:0;transform:scaleX(1)}.colour-scheme-generator__view-collection-link:hover{text-decoration:none}.colour-scheme-generator__view-collection-link:hover:before{transform-origin:100%;transform:scaleX(0)}.colour-scheme-generator__header-wrapper{border-radius:var(--border-radius-xl);margin-bottom:3.2rem}.colour-scheme-generator__header-content{flex-direction:column;gap:0;display:flex}.colour-scheme-generator__header-left{flex:1;max-width:50%;padding:4.8rem 2.4rem 2.4rem}.colour-scheme-generator__header{text-align:left;margin-bottom:2.4rem}.colour-scheme-generator__header-image{width:100%;height:100%;display:none;overflow:hidden}.colour-scheme-generator__header-image img{object-fit:cover;width:100%;height:100%;display:block}.colour-scheme-generator__title{font-family:var(--font-heading-family);color:inherit;margin-bottom:1.2rem;font-size:2.4rem;font-weight:400}.colour-scheme-generator__description{color:inherit;opacity:.9;max-width:60rem;margin:0 auto;font-size:1.4rem;line-height:1.6}.colour-scheme-generator__tabs{flex-flow:column wrap;justify-content:center;gap:.8rem;width:max-content;display:flex}.colour-scheme-generator__tab{border:none;border:1px solid var(--color-bark);width:max-content;padding:1.2rem 0;padding:var(--spacing-xl);color:inherit;cursor:pointer;opacity:.5;border-radius:var(--border-radius-xl);background:0 0;font-size:1.6rem;font-weight:500;transition:all .2s;position:relative}.colour-scheme-generator__header-wrapper .colour-scheme-generator__tab{border-color:var(--color-bark);color:inherit}.colour-scheme-generator__header-wrapper .colour-scheme-generator__tab:hover{opacity:1;background:var(--color-bark);color:var(--color-white)}.colour-scheme-generator__header-wrapper .colour-scheme-generator__tab--active{background:var(--color-bark);color:var(--color-white);opacity:1;border-color:#0000}.colour-scheme-generator__header-wrapper[style*="color: var(--color-white)"],.colour-scheme-generator__header-wrapper[style*="color:var(--color-white)"]{--tab-border-color:var(--color-white);--tab-bg-color:var(--color-white);--tab-text-color:var(--color-bark)}.colour-scheme-generator__header-wrapper[style*="color: var(--color-white)"] .colour-scheme-generator__tab,.colour-scheme-generator__header-wrapper[style*="color:var(--color-white)"] .colour-scheme-generator__tab{border-color:var(--color-white)}.colour-scheme-generator__header-wrapper[style*="color: var(--color-white)"] .colour-scheme-generator__tab:hover,.colour-scheme-generator__header-wrapper[style*="color:var(--color-white)"] .colour-scheme-generator__tab:hover{opacity:1;background:var(--color-white);color:var(--color-bark)}.colour-scheme-generator__header-wrapper[style*="color: var(--color-white)"] .colour-scheme-generator__tab--active,.colour-scheme-generator__header-wrapper[style*="color:var(--color-white)"] .colour-scheme-generator__tab--active{background:var(--color-white);color:var(--color-bark);opacity:1;border-color:#0000}.colour-scheme-generator__content{flex-wrap:wrap;justify-content:flex-start;align-items:stretch;gap:0;width:100%;display:flex}.colour-scheme-generator__swatches{display:contents}.colour-scheme-generator__actions-box{background:var(--color-white);border-top-right-radius:var(--border-radius-xl);border-bottom-right-radius:var(--border-radius-xl);border:1px solid #0003;flex-direction:row;flex:0 0 20%;align-items:stretch;gap:1.2rem;width:20%;padding:.8rem;display:flex}.colour-scheme-generator__swatch{flex:0 0 20%;width:20%}.colour-scheme-generator__swatch--main .colour-scheme-generator__swatch-colour{border-bottom-left-radius:var(--border-radius-xl);border-top-left-radius:var(--border-radius-xl);border-left:1px solid #0003}.colour-scheme-generator__swatches-generated{display:contents}.colour-scheme-generator__swatch-colour{border:1px solid #0003;border-left:none;border-right:none;border-radius:0;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;min-height:12rem;padding:1.6rem;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.colour-scheme-generator__swatch-name{font-family:var(--font-heading-serif);text-align:left;word-wrap:break-word;width:100%;margin-bottom:auto;font-size:1.6rem;font-weight:400;line-height:1.4}.colour-scheme-generator__swatch-actions{flex-direction:row;justify-content:space-between;gap:.8rem;width:100%;margin-top:auto;display:flex}.colour-scheme-generator__swatch-link{text-align:left;color:inherit;font-size:1.4rem;font-weight:400;text-decoration:none;display:block;position:relative}.colour-scheme-generator__swatch-link:before{content:"";will-change:width,transform;transform-origin:100%;background-color:currentColor;width:100%;height:.1rem;transition:transform .5s;position:absolute;bottom:-.1rem;left:0;transform:scaleX(0)}.colour-scheme-generator__swatch-link:hover:before{transform-origin:0;transform:scaleX(1)}.colour-scheme-generator__swatch-lock-button{border-radius:var(--border-radius-full);font-family:var(--font-body-family);color:var(--color-bark);cursor:pointer;white-space:nowrap;background-color:#ffffff80;border:1px solid #0000001a;align-items:center;gap:.4rem;padding:.4rem .8rem;font-size:1.4rem;font-weight:400;transition:background-color .2s,opacity .2s;display:flex;position:relative}.colour-scheme-generator__swatch-lock-button:hover{background-color:#fff}.colour-scheme-generator__swatch-lock-button--locked{opacity:1;background-color:#fff}.colour-scheme-generator__swatch-lock-text{line-height:1}.colour-scheme-generator__swatch-lock-icon{flex-shrink:0;justify-content:center;align-items:center;width:1.6rem;height:1.6rem;display:flex}.colour-scheme-generator__swatch-lock-icon--hover,.colour-scheme-generator__swatch-lock-button:hover .colour-scheme-generator__swatch-lock-icon--default{display:none}.colour-scheme-generator__swatch-lock-button:hover .colour-scheme-generator__swatch-lock-icon--hover{display:flex}.colour-scheme-generator__swatch-lock-icon svg{width:100%;height:100%;display:block}.colour-scheme-generator__swatches-generated{flex-wrap:wrap;flex:1;justify-content:center;gap:1.6rem;display:flex}.colour-scheme-generator__button{font-family:var(--font-body-family);color:var(--color-bark);cursor:pointer;text-align:center;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:1.2rem;width:100%;padding:0;font-size:1.4rem;font-weight:400;transition:all .2s;display:flex}.colour-scheme-generator__button:hover:not(:disabled){opacity:.8}.colour-scheme-generator__button:disabled{opacity:.6;cursor:not-allowed}.colour-scheme-generator__button-icon-wrapper{background-color:#0000000d;border-radius:50%;justify-content:center;align-items:center;width:3.2rem;height:3.2rem;transition:background-color .2s;display:flex}.colour-scheme-generator__button:hover:not(:disabled) .colour-scheme-generator__button-icon-wrapper{background-color:#0000001a}.colour-scheme-generator__button-icon-wrapper .svg-wrapper{justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.colour-scheme-generator__button-icon-wrapper svg{width:100%;height:100%;display:block}.colour-scheme-generator__button-text{flex-direction:column;gap:0;line-height:1.4;display:flex}.colour-scheme-generator__button-text-line{display:block}.colour-scheme-generator__button--saved{color:#4caf50}.colour-scheme-generator__button--saved .colour-scheme-generator__button-icon-wrapper{background-color:#4caf501a}.colour-scheme-generator__button--save:disabled,.colour-scheme-generator__button--save:disabled:hover{box-shadow:none;border:none;outline:none}.colour-scheme-generator__button--saved:focus-visible{box-shadow:none;outline:none}@media screen and (max-width:767px){.colour-scheme-generator__header-content{flex-direction:row;align-items:flex-end}.colour-scheme-generator__header-left{flex-direction:column;flex:1;gap:2.4rem;padding-right:1.2rem;display:flex}.colour-scheme-generator__tabs{flex-direction:column;width:100%}.colour-scheme-generator__header-wrapper{overflow:hidden}.colour-scheme-generator__header-image{flex:none;width:auto;max-width:50%;height:auto;min-height:auto;display:block;overflow:hidden}.colour-scheme-generator__header-image img{object-fit:contain;width:100%;max-width:100%;height:auto;display:block}.colour-scheme-generator__content{flex-direction:column}.colour-scheme-generator__swatch{flex:0 0 100%;width:100%}.colour-scheme-generator__swatch--main .colour-scheme-generator__swatch-colour{border-top-left-radius:var(--border-radius-xl);border-top-right-radius:var(--border-radius-xl);border-bottom-right-radius:0;border-bottom-left-radius:0}.colour-scheme-generator__swatch-colour{border:none;border-left:1px solid #0003;border-right:1px solid #0003;min-height:7rem}.colour-scheme-generator__swatch:not(:last-of-type) .colour-scheme-generator__swatch-colour{border-bottom-right-radius:0;border-bottom-left-radius:0}.colour-scheme-generator__swatch:last-of-type .colour-scheme-generator__swatch-colour{border-bottom:1px solid #0003;border-bottom-right-radius:0;border-bottom-left-radius:0;padding-bottom:2.4rem}.colour-scheme-generator__actions-box{border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:var(--border-radius-xl);border-bottom-right-radius:var(--border-radius-xl);border-top:none;flex:0 0 100%;width:100%}}@media screen and (min-width:768px){.colour-scheme-generator__header-content{flex-direction:row;align-items:flex-end}.colour-scheme-generator__header-left{padding:var(--spacing-6xl)var(--spacing-5xl)var(--spacing-6xl)var(--spacing-6xl);flex-direction:column;flex:0 0 50%;justify-content:space-between;display:flex}.colour-scheme-generator__header{text-align:left;margin-bottom:2.4rem}.colour-scheme-generator__header-image{flex:0 0 50%;display:block}.colour-scheme-generator__title{font-size:3.2rem}.colour-scheme-generator__description{max-width:none;font-size:1.6rem}.colour-scheme-generator__tabs{justify-content:flex-start}.colour-scheme-generator__content{flex-wrap:nowrap}.colour-scheme-generator__swatch-name{font-size:1.8rem}}