.tbe-colour-shop{padding-top:32px;padding-bottom:32px;text-align:center;color:#475e74}.tbe-colour-shop h2{margin:0;font-size:clamp(26px,3vw,36px);color:inherit}.tbe-colour-shop__intro{margin:10px auto 0;max-width:600px;font-size:16px;line-height:1.6}.tbe-colour-shop__row{display:flex;justify-content:center;gap:12px;margin:25px auto 0;padding:6px 4px 12px;overflow-x:auto;scroll-snap-type:x proximity}.tbe-colour-shop__link{flex:0 0 66px;display:flex;align-items:center;flex-direction:column;gap:9px;color:inherit;text-decoration:none;font-size:12px;line-height:1.3;scroll-snap-align:center;border-radius:6px;padding:4px 2px}.tbe-colour-shop__tile{display:block;width:48px;height:48px;border-radius:5px;background:conic-gradient(var(--c1) 0 25%,var(--c2) 0 50%,var(--c3) 0 75%,var(--c4) 0);box-shadow:0 2px 5px #00000020;border:1px solid #00000012;transition:transform .15s}.tbe-colour-shop__link:hover .tbe-colour-shop__tile{transform:translateY(-2px)}.tbe-colour-shop__link:focus-visible{outline:2px solid #475e74;outline-offset:2px}.tbe-colour-shop__link.is-selected .tbe-colour-shop__tile{outline:2px solid #475e74;outline-offset:4px}.tbe-colour-shop__link.is-selected{font-weight:700}.tbe-colour-shop__tile--yellow{--c1:#f9e9a1;--c2:#d4a734;--c3:#e9c858;--c4:#fff2bf}.tbe-colour-shop__tile--orange{--c1:#efb38b;--c2:#c76537;--c3:#dc8555;--c4:#f5ceb1}.tbe-colour-shop__tile--red{--c1:#d98988;--c2:#9f3c45;--c3:#bd5861;--c4:#edb0ab}.tbe-colour-shop__tile--pink{--c1:#e6b8ce;--c2:#b96d95;--c3:#d8a1c2;--c4:#f2d4e0}.tbe-colour-shop__tile--blue{--c1:#adc9de;--c2:#475e74;--c3:#719ab9;--c4:#d0e0eb}.tbe-colour-shop__tile--green{--c1:#b5c8a5;--c2:#617a59;--c3:#8aa37d;--c4:#d5dfc8}.tbe-colour-shop__tile--brown{--c1:#baa48d;--c2:#70513f;--c3:#997a61;--c4:#d7c6b5}.tbe-colour-shop__tile--beige{--c1:#e7ddcc;--c2:#bbab8d;--c3:#d2c4aa;--c4:#f4ecdf}.tbe-colour-shop__tile--gray{--c1:#c9caca;--c2:#747e82;--c3:#a1a7aa;--c4:#e5e6e4}.tbe-colour-shop__tile--white{--c1:#faf9f6;--c2:#e4e2dd;--c3:#f1eee8;--c4:#fff}.tbe-colour-shop__tile--black{--c1:#5e6064;--c2:#24262a;--c3:#3d4045;--c4:#86878a}.tbe-colour-shop__tile--all,.tbe-colour-shop__tile--non-white{background:linear-gradient(180deg,#cf7884 0 16.6%,#e4b474 16.6% 33.3%,#eddb89 33.3% 50%,#9ab391 50% 66.6%,#719bb8 66.6% 83.3%,#ba92b6 83.3%)}@media(max-width:1100px){.tbe-colour-shop__row{justify-content:flex-start}}@media(max-width:749px){.tbe-colour-shop{padding-top:24px;padding-bottom:24px}.tbe-colour-shop__row{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:16px 4px;margin-top:18px;overflow:visible;scroll-snap-type:none}.tbe-colour-shop__intro{font-size:14px}.tbe-colour-shop__link{box-sizing:border-box;flex:0 0 calc((100% - 20px)/6);min-width:0;gap:8px;padding:4px 2px;font-size:10px;overflow-wrap:anywhere;scroll-snap-align:none}.tbe-colour-shop__tile{width:100%;max-width:48px;height:auto;aspect-ratio:1;flex-shrink:0}}@media(prefers-reduced-motion:reduce){.tbe-colour-shop__tile{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/20/compiled_assets/styles.css.map?subset=AAAAAAAAAAAAAAAAAAg */