.section-sticky-colour-selector{width:100%;max-width:none;margin:0;padding:0}.sticky-colour-selector{position:fixed;bottom:0;left:0;z-index:40;display:flex;justify-content:center;width:100%;padding:32px 16px;pointer-events:none}.sticky-colour-selector__inner{display:flex;align-items:center;width:max-content;max-width:100%;padding:14px 20px;gap:16px;background:var(--colour-primary-white);border-radius:4px;box-shadow:0 0 8px #0000001a;pointer-events:auto}.sticky-colour-selector__swatches{display:flex;align-items:center;gap:12px;max-width:400px;overflow:auto;padding:1px}.sticky-colour-selector__tablist{display:flex;align-items:center;gap:inherit}.sticky-colour-selector__swatch{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;min-width:24px;height:24px;padding:0;overflow:hidden;-webkit-appearance:none;appearance:none;color:var(--colour-primary-white);background-color:var(--colour-neutral-500);background-image:var(--sticky-colour-selector-swatch-image, none);background-position:center;background-repeat:no-repeat;background-size:cover;border:.5px solid var(--colour-primary-black);border-radius:600px;cursor:pointer;transition:min-width .8s cubic-bezier(.4,0,.2,1),padding .8s cubic-bezier(.4,0,.2,1)}.sticky-colour-selector__swatch--active{padding-inline:8px}.sticky-colour-selector__swatch-label{max-width:0;overflow:hidden;color:inherit;font-family:var(--font-family-tt-commons-pro);font-size:var(--font-size-mobile-11);line-height:var(--font-line-height-mobile-14);letter-spacing:var(--font-letter-spacing-1-5);text-transform:uppercase;white-space:nowrap;opacity:0;transition:max-width .8s cubic-bezier(.4,0,.2,1),opacity .25s ease}.sticky-colour-selector__swatch--active .sticky-colour-selector__swatch-label{max-width:140px;opacity:1;transition:max-width .8s cubic-bezier(.4,0,.2,1),opacity .5s ease .35s}.sticky-colour-selector__swatch:focus-visible{outline:2px solid var(--colour-primary-black);outline-offset:2px}.sticky-colour-selector__swatch--customise{width:24px;min-width:24px;padding:0;background-image:var( --sticky-colour-selector-swatch-image, linear-gradient(90deg, #cbb99a 50%, #3f2a22 50%) )}.sticky-colour-selector__links{display:flex;align-items:center}.sticky-colour-selector__link{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-family-tt-commons-pro);font-size:14px;font-weight:var(--font-weight-medium);line-height:18px;white-space:nowrap;text-decoration:none}.sticky-colour-selector__link-label{color:var(--colour-primary-black);letter-spacing:2px;text-transform:uppercase}.sticky-colour-selector__link-price{color:var(--colour-secondary-taupe);letter-spacing:1px;text-transform:none}.sticky-colour-selector__link[hidden]{display:none}@media screen and (max-width:989px){.sticky-colour-selector{padding:32px 16px calc(32px + env(safe-area-inset-bottom,0px))}.sticky-colour-selector__inner{padding:10px 16px;gap:12px}.sticky-colour-selector__swatches{max-width:245px;gap:8px}.sticky-colour-selector__swatch-label{font-size:var(--font-size-mobile-11);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-mobile-14);letter-spacing:var(--font-letter-spacing-1-5)}.sticky-colour-selector__link{font-size:var(--font-size-mobile-11);line-height:var(--font-line-height-mobile-14)}.sticky-colour-selector__link-label{letter-spacing:var(--font-letter-spacing-1-5)}.sticky-colour-selector__link-price{color:var(--colour-neutral-800);letter-spacing:var(--font-letter-spacing-1)}}@media(prefers-reduced-motion:reduce){.sticky-colour-selector__swatch,.sticky-colour-selector__swatch-label{transition-duration:.01ms;transition-delay:0s}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-sticky-colour-selector.css.map */