.colour-pairings{margin:6px 0 40px}.colour-pairings__header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 4px}.colour-pairings__heading{color:#464557;font-weight:700;font-size:20px;margin:0}.colour-pairings__nav{display:flex;gap:8px;flex-shrink:0}.colour-pairings__navBtn{width:34px;height:34px;border-radius:50%;border:1px solid rgba(70,69,87,.15);background:#ededf1;color:#b7b6c2;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .15s ease,color .15s ease}.colour-pairings__navBtn svg{display:block}.colour-pairings__navBtn--next{background:#464557;color:#fff}.colour-pairings__navBtn--next.is-disabled{background:#ededf1;color:#b7b6c2;cursor:default}.colour-pairings__navBtn--prev.is-active{background:#464557;color:#fff}.colour-pairings__intro{color:#6e6d7d;font-size:13px;margin:0 0 22px;max-width:46em}.colour-pairings__stage{position:relative;min-height:400px}.colour-pairings__banner{position:absolute;left:50%;width:100vw;transform:translate(-50%);top:30px;height:220px;z-index:0;overflow:hidden;background:#e5e1d8}.colour-pairings__bannerFill{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:scaleX(0);transform-origin:left center;will-change:transform}.colour-pairings__bannerFill.is-filling{opacity:1;transform:scaleX(1)}.colour-pairings__scroller{position:relative;left:50%;width:100vw;transform:translate(-50%);z-index:1;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;cursor:grab}.colour-pairings__scroller.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.colour-pairings__scroller::-webkit-scrollbar{display:none}.colour-pairings__groups{display:flex;align-items:flex-start;gap:56px;width:max-content;padding:0 20px;box-sizing:border-box}.cp-group{display:flex;flex-direction:column;align-items:flex-start;width:var(--cp-expanded-width, auto);transition:width .42s cubic-bezier(.22,1,.36,1)}.cp-group__label{position:relative;z-index:2;display:flex;align-items:center;gap:5px;background:none;border:0;padding:0;margin:0;cursor:pointer;font:inherit;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#464557;height:30px;white-space:nowrap}.cp-group__chevron{display:inline-block;font-size:9px;transition:transform .26s cubic-bezier(.22,1,.36,1);transform:rotate(0)}.cp-group__swatches{display:flex;gap:20px;margin-top:8px;visibility:visible;pointer-events:auto}.cp-group__swatches>*{opacity:1;transform:translateZ(0) scale(1);transform-origin:50% 50%;transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .22s ease;transition-delay:var(--cp-delay, 0ms);will-change:transform,opacity}.cp-group.is-collapsed{width:var(--cp-collapsed-width, 0)}.cp-group.is-collapsed .cp-group__chevron{transform:rotate(-90deg)}.cp-group.is-collapsed .cp-group__swatches{visibility:hidden;pointer-events:none;transition:visibility 0s linear .52s}.colour-pairings__groups.is-swapping .cp-group__label{pointer-events:none}.colour-pairings__groups.is-preparing .cp-group,.colour-pairings__groups.is-preparing .cp-group__chevron,.colour-pairings__groups.is-preparing .cp-group__swatches,.colour-pairings__groups.is-preparing .cp-group__swatches>*{transition:none!important}.cp-group.is-collapsed .cp-group__swatches>*{opacity:0;transform:translate3d(var(--cp-suck-x, 0),var(--cp-suck-y, -42px),0) scale(.08)}.cp-swatch-wrap{display:flex;flex-direction:column;align-items:center;width:108px}.cp-swatch{position:relative;display:block;width:108px;height:290px;box-sizing:border-box;cursor:pointer;box-shadow:0 0 #1e1d2800;transition:transform .18s ease,box-shadow .18s ease}.cp-swatch:hover{transform:translateY(-10px);box-shadow:0 16px 26px #1e1d283d}.cp-swatch:focus-visible{outline:2px solid #464557;outline-offset:2px}.cp-swatch__name{position:absolute;right:8px;bottom:10px;top:10px;writing-mode:vertical-rl;transform:rotate(180deg);font-weight:400;letter-spacing:.01em;line-height:1;white-space:nowrap;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,.3)}.cp-swatch__removeBtn{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;border:0;background:#00000073;color:#fff;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;z-index:2;transition:background .15s ease}.cp-swatch__removeBtn:hover{background:#000000b3}.cp-swatch__addBtn{margin-top:8px;width:108px;border:0;border-radius:3px;background:#464557;color:#fff;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:7px 4px;cursor:pointer;transition:filter .15s ease,opacity .15s ease}.cp-swatch__addBtn:hover{filter:brightness(.88)}.cp-swatch__addBtn:disabled{cursor:default;opacity:.75}.cp-addSwatch{position:relative;width:108px;height:290px;border:2px dashed rgba(70,69,87,.35);border-radius:2px;background:#faf9f7;box-sizing:border-box;cursor:pointer;transition:border-color .15s ease,background .15s ease}.cp-addSwatch:hover,.cp-addSwatch.is-open{border-color:#464557;background:#f2f0eb}.cp-addSwatch:focus-visible{outline:2px solid #464557;outline-offset:2px}.cp-addSwatch__plus{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:40px;font-weight:300;color:#464557;pointer-events:none;line-height:1}.cp-colourDropdown{position:fixed;z-index:1000;background:#fff;border:1px solid rgba(70,69,87,.18);border-radius:6px;box-shadow:0 10px 28px #0003;max-height:320px;overflow-y:auto;padding:4px;box-sizing:border-box}.cp-colourDropdown__item{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:4px;cursor:pointer;font-size:13px;color:#2b2b34}.cp-colourDropdown__item.is-disabled{opacity:.4;cursor:default}.cp-colourDropdown__swatch{width:16px;height:16px;border-radius:3px;flex:0 0 auto;border:1px solid rgba(0,0,0,.12);box-sizing:border-box}.cp-colourDropdown__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-topSelector-wrap{margin:0 0 4px}.cp-topSelector-label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#464557;margin:0 0 6px}.cp-topSelector{display:flex;align-items:center;gap:10px;width:100%;max-width:360px;box-sizing:border-box;background:#fff;border:1px solid rgba(70,69,87,.3);border-radius:4px;padding:10px 12px;cursor:pointer;font:inherit;font-size:15px;color:#2b2b34;text-align:left;transition:border-color .15s ease}.cp-topSelector:hover,.cp-topSelector.is-open{border-color:#464557}.cp-topSelector:focus-visible{outline:2px solid #464557;outline-offset:2px}.cp-topSelector__swatch{width:22px;height:22px;border-radius:4px;flex:0 0 auto;border:1px solid rgba(0,0,0,.12);box-sizing:border-box;background:#e5e1d8}.cp-topSelector__name{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-topSelector__chevron{flex:0 0 auto;font-size:11px;color:#6e6d7d}@media(prefers-reduced-motion:reduce){.cp-group,.cp-group__chevron,.cp-group__swatches>*{transition-duration:.01ms!important;transition-delay:0ms!important}.cp-group.is-collapsed .cp-group__swatches{transition-delay:0ms}.colour-pairings__bannerFill.is-filling{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/vc-colour-pairings.css.map */