.product--colour-contact .product__media-wrapper{height:auto!important;align-self:start}.product--colour-contact .MagicToolboxSlides{position:relative;overflow:hidden;border-radius:1.2rem;background:#f4f6f8}.product.product--colour-contact.product--colour-contact-reference .product__media-wrapper .MagicToolboxContainer{height:auto!important;min-height:0!important;max-height:none!important}.product.product--colour-contact.product--colour-contact-reference .product__media-wrapper .MagicToolboxSlides{width:100%;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:4 / 3;background:#fff}.product--colour-contact-reference .MagicToolboxSlides:before{content:"";position:absolute;z-index:5;top:0;right:0;bottom:0;left:0;background:#fff;pointer-events:none}.city-colour-hero-image{position:absolute;z-index:6;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:center 58%;transform:scale(1.12);transform-origin:center}.city-colour-hero-image.is-pattern{top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:12%;background:#fff;object-fit:contain;object-position:center;transform:none}.product--colour-contact-reference .city-colour-hero-image.is-pattern.is-isolated-pattern{padding:5%;clip-path:none;object-fit:contain;object-position:center}.product--colour-contact-reference .city-colour-hero-image.is-on-eye{object-position:center 56%;transform:scale(1.06)}.product--colour-contact-reference .city-colour-hero-image.is-comparison{object-fit:cover;object-position:center;transform:none}.product--colour-contact-reference .city-colour-hero-image.is-wider{padding:0;background:#fff;object-fit:contain;object-position:center;transform:none}.product--colour-contact-reference .city-colour-hero-image.is-packaging{padding:0;background:#fff;object-fit:cover;object-position:center;transform:none}.product--colour-contact-reference .city-colour-hero-image.is-pattern:not(.is-isolated-pattern){inset:auto;right:auto;bottom:10rem;left:50%;width:132rem;height:132rem;max-width:none;padding:0;background:#fff;object-fit:contain;object-position:center;clip-path:circle(18rem at 50% 83.7%);transform:translate(-50%)}.product--colour-contact .MagicToolboxSelectorsContainer,.product--colour-contact .mz-hint,.product--colour-contact .MagicZoom .mz-hint,.product--colour-contact .MagicToolboxMessage{display:none!important}.product--colour-contact a.MagicZoomPlus{pointer-events:none}.city-colour-hero-overlay{position:absolute;z-index:8;right:2.4rem;bottom:2.2rem;display:flex;max-width:calc(100% - 4.8rem);flex-direction:column;align-items:center;gap:.55rem;pointer-events:none}.city-colour-hero-overlay[hidden]{display:none!important}.city-colour-hero-overlay__lens{position:relative;width:8.6rem;height:8.6rem;flex:0 0 8.6rem;overflow:hidden;border:.3rem solid rgba(255,255,255,.96);border-radius:50%;background:#fff;box-shadow:0 .45rem 1.4rem #0f172a33}.product--colour-contact-reference .city-colour-hero-overlay__lens{width:10.2rem;height:10.2rem;flex-basis:10.2rem}.city-colour-hero-overlay__lens img{position:absolute;bottom:-.4rem;left:50%;width:34rem;height:34rem;max-width:none;min-width:34rem;transform:translate(-50%);object-fit:contain}.city-colour-hero-overlay__lens.is-compact-source img{bottom:-3.8rem;left:-1.9rem;width:25rem;height:25rem;transform:none}.city-colour-hero-overlay__lens.is-pattern-only img{top:-.6rem;right:-.6rem;bottom:-.6rem;left:-.6rem;width:calc(100% + 1.2rem);height:calc(100% + 1.2rem);max-width:none;min-width:0;transform:scale(1.1);object-fit:contain;object-position:center}.city-colour-hero-overlay__label{max-width:22rem;padding:.75rem 1rem;border-radius:.8rem;background:#ffffffed;color:#101b39;font-size:1.35rem;line-height:1.2;box-shadow:0 .25rem .9rem #0f172a1f}.city-colour-hero-navigation{position:absolute;z-index:9;top:50%;right:1.6rem;left:1.6rem;display:flex;justify-content:space-between;pointer-events:none;transform:translateY(-50%)}.product--colour-contact-reference .MagicToolboxSlides-arrow{display:none!important}.product--colour-contact-reference .city-colour-hero-navigation{z-index:20}.city-colour-hero-navigation button{display:grid;width:4.4rem;height:4.4rem;place-items:center;padding:0 0 .25rem;border:.1rem solid rgba(16,27,57,.1);border-radius:50%;background:#fffffff0;color:#173a68;box-shadow:0 .35rem 1rem #0f172a1f;font:inherit;font-size:3rem;line-height:1;pointer-events:auto;cursor:pointer}.city-colour-hero-navigation button:hover,.city-colour-hero-navigation button:focus-visible{border-color:#173a68;box-shadow:0 0 0 .15rem #173a6838,0 .35rem 1rem #0f172a1f}.city-colour-detail-gallery{margin-top:1.6rem}.city-colour-detail-gallery h2{margin:0 0 .9rem;color:#101b39;font-size:1.35rem;font-weight:750;line-height:1.3;text-transform:uppercase}.city-colour-detail-gallery__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.9rem}.city-colour-detail-card{-webkit-appearance:none;appearance:none;display:grid;min-width:0;height:18.3rem;padding:0;overflow:hidden;border:.1rem solid rgba(16,27,57,.14);border-radius:.9rem;background:#fff;color:#101b39;cursor:default;font:inherit;grid-template-rows:10.8rem 7.5rem;text-align:left}button.city-colour-detail-card{cursor:pointer}button.city-colour-detail-card:hover,button.city-colour-detail-card:focus-visible{border-color:#0d4b91;box-shadow:0 0 0 .1rem #0d4b9159}.product--colour-contact-reference .city-colour-detail-card.is-active{border-color:#0d4b91;box-shadow:0 0 0 .1rem #0d4b91}.city-colour-detail-card__media{position:relative;display:block;height:100%;overflow:hidden;background:#f4f6f8}.product--colour-contact-reference .city-colour-detail-card__media{background:#fff}.city-colour-detail-card__media img{width:100%;height:100%;object-fit:cover;object-position:center top}.product--colour-contact-reference .city-colour-detail-card--comparison .city-colour-detail-card__media img{object-position:center}.product--colour-contact-reference .city-colour-detail-card--wider .city-colour-detail-card__media img{object-position:center 28%}.product--colour-contact-reference .city-colour-detail-card--packaging .city-colour-detail-card__media img{object-fit:cover;object-position:center;transform:scale(1.12)}.city-colour-detail-card--pattern .city-colour-detail-card__media img{position:absolute;bottom:-.3rem;left:50%;width:36rem;height:36rem;max-width:none;clip-path:circle(5.1rem at 50% 83.7%);transform:translate(-50%);object-fit:contain}.city-colour-detail-card--isolated-pattern .city-colour-detail-card__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;padding:5%;clip-path:none;transform:none;object-fit:contain;object-position:center}.city-colour-detail-card--compact-source.city-colour-detail-card--pattern:not(.city-colour-detail-card--isolated-pattern) .city-colour-detail-card__media img{bottom:-2.6rem;left:-1.2rem;width:18rem;height:18rem;transform:none}.city-colour-detail-card strong,.city-colour-detail-card small{display:block}.city-colour-detail-card__body{display:flex;min-height:0;padding:.7rem .85rem .75rem;flex-direction:column}.city-colour-detail-card strong{font-size:1.08rem;line-height:1.25}.city-colour-detail-card small{padding-top:.2rem;color:#101b39a3;font-size:.92rem;line-height:1.3}.js-custom-props--colour-pdp .city-colour-picker{margin:0 0 1.4rem}.js-custom-props--colour-pdp .city-colour-picker-field>.form__label{display:none}.js-custom-props--colour-pdp .city-colour-picker__heading{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.75rem;color:#101b39;font-size:1.2rem;font-weight:750;text-transform:uppercase}.js-custom-props--colour-pdp .city-colour-picker__heading strong{color:#0d4b91;font-size:1.08rem;text-align:right;text-transform:none}.js-custom-props--colour-pdp .city-colour-picker__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.js-custom-props--colour-pdp .city-colour-picker__option{position:relative;display:flex;min-width:0;min-height:10.4rem;padding:0;overflow:hidden;border:.1rem solid rgba(16,27,57,.14);border-radius:.9rem;background:#fff;flex-direction:column;color:#101b39;cursor:pointer;font:inherit;text-align:left;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.js-custom-props--colour-pdp .city-colour-picker__option:hover{border-color:#0d4b9180;transform:translateY(-.1rem)}.js-custom-props--colour-pdp .city-colour-picker__option:focus-visible{outline:.2rem solid rgba(13,75,145,.5);outline-offset:.2rem}.js-custom-props--colour-pdp .city-colour-picker__option.is-selected{border-color:#0d4b91;box-shadow:0 0 0 .14rem #0d4b91}.js-custom-props--colour-pdp .city-colour-picker__option.is-selected:after{content:"\2713";position:absolute;z-index:2;top:.45rem;right:.45rem;display:grid;width:2rem;height:2rem;place-items:center;border-radius:50%;background:#0d4b91;color:#fff;font-size:1.2rem;line-height:1}.js-custom-props--colour-pdp .city-colour-picker__media{display:block;height:6.3rem;overflow:hidden;background:#f4f6f8}.js-custom-props--colour-pdp .city-colour-picker__image{display:block;width:116%;height:116%;max-width:none;margin-left:-8%;border-radius:0;object-fit:cover;object-position:center top}.product--colour-contact-reference .js-custom-props--colour-pdp .city-colour-picker__image{width:100%;height:100%;margin-left:0;object-position:center 58%}.product--colour-contact-reference .city-colour-detail-card--on-eye .city-colour-detail-card__media img{object-position:center 58%}.js-custom-props--colour-pdp .city-colour-picker__option--pattern-only .city-colour-picker__image{width:100%;height:100%;margin:0;padding:.7rem;object-fit:contain}.js-custom-props--colour-pdp .city-colour-picker__name{display:block;overflow:visible;padding:.65rem .65rem .2rem;font-size:1.04rem;font-weight:700;line-height:1.2;text-overflow:initial;white-space:normal}.js-custom-props--colour-pdp .city-colour-picker__diameter{padding:0 .65rem .55rem;font-size:.9rem}.js-custom-props--colour-pdp .city-colour-picker__compare{margin-top:.8rem}.city-colour-fixed-pack{display:grid;margin:.8rem 0;padding:.9rem 1.1rem;border:.1rem solid rgba(82,96,113,.14);border-radius:.8rem;background:#f7f8fa;grid-template-columns:1fr auto;gap:.15rem 1rem;color:#101b39}.city-colour-fixed-pack>span{font-size:1.08rem;font-weight:700}.city-colour-fixed-pack>strong{font-size:1.15rem}.city-colour-fixed-pack>small{grid-column:1 / -1;color:#101b3994;font-size:.95rem}.city-colour-order-summary{display:grid;margin:.7rem 0 1rem;padding:.9rem 1.1rem;border-left:.3rem solid #123d73;border-radius:.4rem;background:#f5f8fc;color:#101b39;gap:.2rem}.city-colour-order-summary>span{color:#101b39a8;font-size:.95rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.city-colour-order-summary>strong{font-size:1.15rem;line-height:1.35}.city-colour-original-pack--hidden{display:none!important}@media screen and (min-width:990px){.product--colour-contact{grid-template-columns:minmax(0,1.42fr) minmax(34rem,1fr);column-gap:clamp(3rem,4vw,6rem)}}@media screen and (max-width:989px){.city-colour-detail-gallery__grid{display:flex;padding-bottom:.6rem;overflow-x:auto;scroll-snap-type:x proximity}.city-colour-detail-card{flex:0 0 16rem;scroll-snap-align:start}}@media screen and (max-width:749px){.product--colour-contact-reference .city-colour-hero-image.is-on-eye{top:-2.4rem;right:auto;bottom:auto;left:-7.5%;width:115%;max-width:none;height:calc(100% + 2.4rem);object-position:center top;transform:none}.city-colour-hero-overlay{right:1.8rem;bottom:1.8rem;max-width:calc(100% - 2rem);align-items:flex-end;flex-direction:column;gap:.25rem}.city-colour-hero-overlay__lens{width:5.8rem;height:5.8rem;flex-basis:5.8rem}.product--colour-contact-reference .city-colour-hero-overlay__lens{width:7rem;height:7rem;flex-basis:7rem}.product--colour-contact-reference .city-colour-hero-image.is-pattern:not(.is-isolated-pattern){bottom:4.5rem;width:63rem;height:63rem;clip-path:circle(8.6rem at 50% 83.7%)}.city-colour-hero-overlay__lens img{width:24.5rem;height:24.5rem;min-width:24.5rem}.city-colour-hero-overlay__lens.is-compact-source img{bottom:-2.9rem;left:-1.45rem;width:19rem;height:19rem}.city-colour-hero-overlay__label{max-width:14rem;padding:.45rem .65rem;font-size:1.05rem}.city-colour-detail-gallery{margin-top:1.1rem}.js-custom-props--colour-pdp .city-colour-picker__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.js-custom-props--colour-pdp .city-colour-picker--many .city-colour-picker__grid{display:flex;padding:.2rem .2rem .7rem;overflow-x:auto;scroll-snap-type:x proximity}.js-custom-props--colour-pdp .city-colour-picker--many .city-colour-picker__option{flex:0 0 10rem;scroll-snap-align:start}.js-custom-props--colour-pdp .city-colour-picker__option{min-height:10rem}.js-custom-props--colour-pdp .city-colour-picker__media{height:6rem}}@media(prefers-reduced-motion:reduce){.js-custom-props--colour-pdp .city-colour-picker__option{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/colour-contact-pdp.css.map */