.city-colour-comparison{color:rgb(var(--color-foreground));background:#f7f8fa}.city-colour-comparison__inner{width:calc(100vw - 4rem);max-width:164rem;margin:0 auto}.city-colour-comparison__breadcrumb{margin-bottom:1.8rem;color:rgba(var(--color-foreground),.62);font-size:1.15rem}.city-colour-comparison__breadcrumb ol{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none}.city-colour-comparison__breadcrumb li:not(:last-child):after{content:"\203a";margin-left:.5rem;color:rgba(var(--color-foreground),.42)}.city-colour-comparison__breadcrumb a{color:inherit;text-decoration:none}.city-colour-comparison__breadcrumb a:hover{color:#0d4b91}.city-colour-comparison__header{max-width:86rem}.city-colour-comparison__title{margin:0;color:#101b39;font-size:clamp(3.2rem,3.6vw,5.2rem);line-height:1.08}.city-colour-comparison__intro{max-width:78rem;margin:.8rem 0 0;color:rgba(var(--color-foreground),.7);font-size:1.5rem;line-height:1.55}.city-colour-comparison__controls{display:grid;gap:1.1rem;margin-top:2.4rem;padding:1.4rem;border:.1rem solid rgba(var(--color-foreground),.1);border-radius:1rem;background:rgb(var(--color-background));box-shadow:0 .4rem 1.8rem #0f172a09}.city-colour-comparison__search-row{display:flex;gap:.8rem}.city-colour-comparison__search{position:relative;display:block;width:100%}.city-colour-comparison__search svg{position:absolute;top:50%;left:1.2rem;z-index:1;transform:translateY(-50%);color:rgba(var(--color-foreground),.56);pointer-events:none}.city-colour-comparison__search input,.city-colour-comparison__select select{width:100%;min-height:4.2rem;border:.1rem solid rgba(var(--color-foreground),.16);border-radius:.7rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font:inherit;font-size:1.3rem}.city-colour-comparison__search input{padding:.8rem 1.2rem .8rem 4rem}.city-colour-comparison__family-group{display:flex;flex-wrap:wrap;gap:.7rem}.city-colour-comparison__family,.city-colour-comparison__mobile-filter-toggle,.city-colour-comparison__clear,.city-colour-comparison__empty button{-webkit-appearance:none;appearance:none;min-height:4rem;border:.1rem solid rgba(var(--color-foreground),.16);border-radius:999px;background:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer;font:inherit;font-size:1.2rem;font-weight:700}.city-colour-comparison__family{padding:.7rem 1.35rem}.city-colour-comparison__family:hover{border-color:#0d4b918c}.city-colour-comparison__family.is-active{border-color:#0d4b91;background:#0d4b91;color:#fff}.city-colour-comparison__secondary{display:grid;grid-template-columns:repeat(3,minmax(18rem,1fr)) auto;gap:1rem;align-items:end}.city-colour-comparison__select{display:grid;gap:.35rem;color:rgba(var(--color-foreground),.66);font-size:1.05rem;font-weight:700}.city-colour-comparison__select select{padding:.7rem 3rem .7rem 1rem}.city-colour-comparison__clear{justify-self:end;min-height:auto;padding:.8rem 0;border:0;border-radius:0;color:#0d4b91;text-decoration:underline;text-underline-offset:.25em}.city-colour-comparison__mobile-filter-toggle{display:none}.city-colour-comparison__status{margin:1.6rem 0 1.1rem;color:rgba(var(--color-foreground),.66);font-size:1.2rem;font-weight:650}.city-colour-comparison__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1.4rem}.city-colour-card{min-width:0;overflow:hidden;border:.1rem solid rgba(var(--color-foreground),.1);border-radius:1rem;background:rgb(var(--color-background));box-shadow:0 .5rem 1.8rem #0f172a0b;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.city-colour-card[hidden]{display:none}.city-colour-card:hover{border-color:#0d4b914d;box-shadow:0 .8rem 2.4rem #0f172a17;transform:translateY(-.2rem)}.city-colour-card:focus-within{border-color:#0d4b91;box-shadow:inset 0 0 0 .2rem #0d4b9161,0 .6rem 2rem #0f172a14}.city-colour-card__link{display:flex;height:100%;flex-direction:column;color:inherit;text-decoration:none}.city-colour-card__media{position:relative;z-index:1;display:block;aspect-ratio:4 / 3;background:#f0f2f5}.city-colour-card__media-crop{position:absolute;top:0;right:0;bottom:0;left:0;display:block;overflow:hidden}.city-colour-card__image{--city-eye-scale: 1.36;--city-eye-hover-scale: 1.39;--city-eye-shift-x: 0;--city-eye-shift-y: -4rem;display:block;width:100%;height:100%;object-fit:cover;object-position:center top;transform:translate(var(--city-eye-shift-x),var(--city-eye-shift-y)) scale(var(--city-eye-scale));transform-origin:center top;transition:transform .22s ease}.city-colour-card__image--compact-source{--city-eye-scale: 1.6;--city-eye-hover-scale: 1.63;--city-eye-shift-y: -3rem}.city-colour-card[data-product=freshgo-iris-coloured-contact-lenses-6-month] .city-colour-card__image{--city-eye-shift-y: -2.2rem}.city-colour-card:hover .city-colour-card__image{transform:translate(var(--city-eye-shift-x),var(--city-eye-shift-y)) scale(var(--city-eye-hover-scale))}.city-colour-card__swatch{position:absolute;right:.9rem;bottom:.9rem;z-index:2;display:block;width:4.4rem;height:4.4rem;overflow:hidden;border:.15rem solid rgba(255,255,255,.96);border-radius:50%;background:#fff;box-shadow:0 .15rem .55rem #0f172a2e;pointer-events:none}.city-colour-card__swatch img{position:absolute;bottom:-.1rem;left:50%;display:block;width:14.5rem;height:14.5rem;max-width:none;transform:translate(-50%);object-fit:contain}.city-colour-card__swatch--isolated-pattern img{top:.05rem;right:.05rem;bottom:.05rem;left:.05rem;width:calc(100% - .1rem);height:calc(100% - .1rem);max-width:100%;transform:none;object-fit:contain}.city-colour-card__swatch--acuvue-define img{top:-4%;right:-4%;bottom:-4%;left:-4%;width:108%;height:108%}.city-colour-card__swatch--acuvue-define-radiant-chic img{top:-13%;right:-13%;bottom:-13%;left:-13%;width:126%;height:126%}.city-colour-card__swatch--freshlook-one-day img{top:-4%;right:-4%;bottom:-4%;left:-4%;width:108%;height:108%}.city-colour-card__swatch--lumina img{top:-2%;right:-2%;bottom:-2%;left:-2%;width:104%;height:104%}.city-colour-card__swatch--lumina-mood-brown img,.city-colour-card__swatch--lumina-mood-gray img{inset:auto;top:50%;left:48%;width:104%;height:104%;max-width:none;transform:translate(-50%,-50%)}.city-colour-card__swatch--air-optix-blue img{inset:auto;top:50%;left:50%;width:calc(100% + .8rem);height:calc(100% + .8rem);max-width:none;transform:translate(-50%,-50%)}.city-colour-card__swatch--compact-source img{bottom:-1.85rem;left:-.9rem;width:13.2rem;height:13.2rem;transform:none}.city-colour-card__content{display:flex;min-height:14.2rem;padding:1.15rem;flex:1;flex-direction:column}.city-colour-card__shade{color:#101b39;font-family:var(--font-heading-family);font-size:1.55rem;font-weight:700;line-height:1.25}.city-colour-card__product{margin-top:.25rem;color:rgba(var(--color-foreground),.76);font-size:1.15rem;font-weight:500;line-height:1.35}.city-colour-card__meta{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.9rem}.city-colour-card__meta>span{padding:.3rem .65rem;border-radius:999px;background:#eef3f9;color:#233f5a;font-size:1rem;font-weight:650;line-height:1.3}.city-colour-card__cta{margin-top:auto;padding-top:1.1rem;color:#0d4b91;font-size:1.1rem;font-weight:750}.city-colour-comparison__empty{margin-top:1.5rem;padding:4rem 2rem;border:.1rem solid rgba(var(--color-foreground),.09);border-radius:1rem;background:rgb(var(--color-background));text-align:center}.city-colour-comparison__empty p{margin:0 0 1.2rem}.city-colour-comparison__empty button{padding:.7rem 1.4rem;border-color:#0d4b91;color:#0d4b91}.city-colour-comparison__education{display:flex;justify-content:space-between;gap:2.4rem;align-items:center;margin-top:4rem;padding:2.4rem;border:.1rem solid rgba(var(--color-foreground),.09);border-radius:1rem;background:#eef3f9}.city-colour-comparison__education h2{margin:0;color:#101b39;font-size:2.3rem}.city-colour-comparison__education p{max-width:84rem;margin:.6rem 0 0;color:rgba(var(--color-foreground),.72);font-size:1.3rem;line-height:1.5}.city-colour-comparison__education .button{flex:0 0 auto}.city-colour-comparison__family:focus-visible,.city-colour-comparison__mobile-filter-toggle:focus-visible,.city-colour-comparison__clear:focus-visible,.city-colour-comparison__empty button:focus-visible,.city-colour-comparison__search input:focus-visible,.city-colour-comparison__select select:focus-visible,.city-colour-card__link:focus-visible,.city-colour-comparison__education .button:focus-visible{outline:.2rem solid rgba(13,75,145,.55);outline-offset:.2rem}@media screen and (max-width:1399px){.city-colour-comparison__grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media screen and (max-width:1099px){.city-colour-comparison__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media screen and (max-width:989px){.city-colour-comparison__secondary{grid-template-columns:repeat(3,minmax(0,1fr))}.city-colour-comparison__clear{grid-column:1 / -1;justify-self:start}.city-colour-comparison__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:749px){.city-colour-comparison__inner{width:calc(100vw - 3rem)}.city-colour-comparison__breadcrumb{margin-bottom:1.4rem;font-size:1.05rem}.city-colour-comparison__breadcrumb li:nth-child(2){display:none}.city-colour-comparison__title{font-size:3.2rem}.city-colour-comparison__intro{font-size:1.35rem}.city-colour-comparison__controls{margin-top:1.8rem;padding:1rem}.city-colour-comparison__search{width:100%}.city-colour-comparison__mobile-filter-toggle{display:inline-flex;gap:.5rem;align-items:center;justify-content:center;flex:0 0 auto;padding:.7rem 1.1rem;border-radius:.7rem;color:#0d4b91}.city-colour-comparison__mobile-filter-toggle[aria-expanded=true]{border-color:#0d4b91;background:#eef3f9}.city-colour-comparison__family-group{flex-wrap:nowrap;margin-inline:-1rem;padding:.1rem 1rem .5rem;overflow-x:auto;scrollbar-width:thin}.city-colour-comparison__family{flex:0 0 auto}.city-colour-comparison__secondary{display:none;grid-template-columns:1fr}.city-colour-comparison__secondary.is-open{display:grid}.city-colour-comparison__clear{grid-column:auto}.city-colour-comparison__status{margin-top:1.3rem}.city-colour-comparison__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.city-colour-card__swatch{right:.8rem;bottom:.8rem;width:4rem;height:4rem}.city-colour-card__swatch img{bottom:-.1rem;width:13.2rem;height:13.2rem}.city-colour-card__swatch--isolated-pattern img{top:.05rem;right:.05rem;bottom:.05rem;left:.05rem;width:calc(100% - .1rem);height:calc(100% - .1rem);max-width:100%;transform:none;object-fit:contain}.city-colour-card__swatch--acuvue-define img{top:-4%;right:-4%;bottom:-4%;left:-4%;width:108%;height:108%}.city-colour-card__swatch--acuvue-define-radiant-chic img{top:-13%;right:-13%;bottom:-13%;left:-13%;width:126%;height:126%}.city-colour-card__swatch--freshlook-one-day img{top:-4%;right:-4%;bottom:-4%;left:-4%;width:108%;height:108%}.city-colour-card__swatch--lumina img{top:-2%;right:-2%;bottom:-2%;left:-2%;width:104%;height:104%}.city-colour-card__swatch--lumina-mood-brown img,.city-colour-card__swatch--lumina-mood-gray img{inset:auto;top:50%;left:48%;width:104%;height:104%;max-width:none;transform:translate(-50%,-50%)}.city-colour-card__swatch--air-optix-blue img{inset:auto;top:50%;left:50%;width:calc(100% + .8rem);height:calc(100% + .8rem);max-width:none;transform:translate(-50%,-50%)}.city-colour-card__swatch--compact-source img{bottom:-1.7rem;left:-.85rem;width:12rem;height:12rem}.city-colour-card__content{min-height:13.8rem;padding:.95rem}.city-colour-card__shade{font-size:1.4rem}.city-colour-card__product{font-size:1.08rem}.city-colour-card__meta{gap:.35rem;margin-top:.7rem}.city-colour-card__meta>span{padding:.25rem .5rem;font-size:.92rem}.city-colour-comparison__education{align-items:stretch;flex-direction:column;margin-top:3rem;padding:2rem}.city-colour-comparison__education h2{font-size:2rem}.city-colour-comparison__education .button{width:100%;min-height:4.6rem}}@media(prefers-reduced-motion:reduce){.city-colour-card,.city-colour-card__image{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/coloured-contact-lenses.css.map */