contact-lens-cost-comparison{display:block;box-sizing:border-box;width:100%}.city-contact-lenses-collection .collection.loading .loading-overlay{z-index:4;display:grid;place-items:start center;padding-top:3rem;opacity:.94}.city-contact-lenses-collection .collection.loading .loading-overlay:after{content:"Sorting estimated costs\2026";padding:1rem 1.4rem;border:.1rem solid rgba(var(--color-foreground),.12);border-radius:.8rem;background:rgb(var(--color-background));box-shadow:0 .8rem 2.4rem rgba(var(--color-shadow),.1);color:rgb(var(--color-foreground));font-size:1.3rem;font-weight:600;line-height:1.4}.contact-cost__sort-error{grid-column:1 / -1;margin:0;padding:1rem 1.2rem;border:.1rem solid rgba(var(--color-foreground),.18);border-radius:.8rem;background:rgba(var(--color-foreground),.04);color:rgb(var(--color-foreground));font-size:1.3rem;line-height:1.5}@media screen and (min-width:750px){.city-contact-lenses-collection contact-lens-cost-comparison.page-width{width:calc(100vw - 4rem);max-width:164rem;padding-right:0;padding-left:0}}.contact-cost__panel{display:grid;grid-template-columns:auto minmax(200px,.72fr) minmax(360px,1.15fr) minmax(180px,.58fr) minmax(260px,.78fr);align-items:center;gap:1.6rem;margin:1.4rem 0 1.8rem;padding:1.6rem 2rem;border:.1rem solid #b9d6f4;border-radius:1.4rem;background:#f7fbff;color:#102a4c}.contact-cost[data-view=box] .contact-cost__panel{grid-template-columns:auto minmax(200px,.72fr) minmax(420px,1.45fr) minmax(260px,.78fr)}.contact-cost__icon{display:grid;width:6.4rem;height:6.4rem;place-items:center;border-radius:50%;background:#fff;color:#0c4f94;box-shadow:0 .4rem 1.4rem #0f375f12}.contact-cost__icon svg{width:3.4rem;height:3.4rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.contact-cost__copy h2{margin:0 0 .35rem;color:#102a4c;font-size:clamp(1.7rem,1.45vw,2.05rem);line-height:1.25}.contact-cost__copy p,.contact-cost__note p{margin:0;color:#42566e;font-size:1.3rem;line-height:1.42}.contact-cost__control,.contact-cost__frequency{min-width:0;margin:0;padding:0;border:0}.contact-cost__control legend,.contact-cost__frequency label{display:block;margin-bottom:.65rem;color:#102a4c;font-size:1.25rem;font-weight:700}.contact-cost__select-wrap{position:relative}.contact-cost__frequency select{width:100%;min-height:4.6rem;-webkit-appearance:none;appearance:none;padding:.7rem 3.6rem .7rem 1.2rem;border:.1rem solid #cedbe8;border-radius:.8rem;background:#fff;color:#183452;font:inherit;font-size:1.3rem;font-weight:600;cursor:pointer}.contact-cost__frequency select:focus-visible{outline:.3rem solid #75aee5;outline-offset:.2rem}.contact-cost__select-wrap svg{position:absolute;top:50%;right:1.3rem;width:1.2rem;height:.8rem;transform:translateY(-50%);fill:none;stroke:#174d82;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.contact-cost__segments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.contact-cost__segments label{position:relative;min-width:0;cursor:pointer}.contact-cost__segments input{position:absolute;width:.1rem;height:.1rem;opacity:0}.contact-cost__segments span{display:flex;min-height:4.6rem;align-items:center;justify-content:center;padding:.7rem .8rem;border:.1rem solid #cedbe8;border-radius:.8rem;background:#fff;color:#183452;font-size:1.3rem;font-weight:600;line-height:1.15;text-align:center;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.contact-cost__segments input:checked+span{border-color:#0c5aa6;background:#edf6ff;box-shadow:inset 0 0 0 .1rem #0c5aa6;color:#083f78}.contact-cost__segments input:focus-visible+span{outline:.3rem solid #75aee5;outline-offset:.2rem}.contact-cost__note{padding:1.15rem 1.35rem;border-radius:1rem;background:#eaf4fd}.contact-cost__disclosure-toggle{display:inline-flex;min-height:4.4rem;align-items:center;gap:.55rem;margin:.45rem 0 0;padding:0;border:0;background:transparent;color:#174d82;font:inherit;font-size:1.22rem;font-weight:700;line-height:1.35;text-align:left;cursor:pointer}.contact-cost__disclosure-toggle:focus-visible{border-radius:.3rem;outline:.3rem solid #75aee5;outline-offset:.25rem}.contact-cost__disclosure-toggle svg{width:1rem;height:.7rem;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .16s ease}.contact-cost__disclosure-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.contact-cost__disclosure{grid-column:1 / -1;padding:1.25rem 1.5rem .1rem;border-top:.1rem solid #c8deef;color:#102a4c}.contact-cost__disclosure h3{margin:0 0 .4rem;color:#102a4c;font-size:1.4rem;line-height:1.3}.contact-cost__disclosure p{max-width:112rem;margin:0;color:#42566e;font-size:1.24rem;line-height:1.5}.contact-cost__frequency[hidden],.contact-cost__disclosure[hidden],.contact-cost-card-price[hidden],.contact-cost-card-unavailable[hidden]{display:none!important}.contact-cost-card-price{min-height:5.8rem;color:#102646}.contact-cost-card-price__eyebrow,.contact-cost-card-price__basis,.contact-cost-card-unavailable{display:block;color:#627187;font-size:1.08rem;line-height:1.25}.contact-cost-card-price__amount-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem;margin-top:.15rem}.contact-cost-card-price__amount{font-size:1.85rem;font-weight:750;line-height:1.15}.contact-cost-card-price__period{color:#42566e;font-size:1.08rem}.contact-cost-card-price__daily{margin-top:.35rem;font-size:1.15rem;font-weight:700}.contact-cost-card-price__basis{margin-top:.15rem}.contact-cost-card-unavailable{margin-top:.35rem}@media screen and (max-width:1249px){.contact-cost__panel,.contact-cost[data-view=box] .contact-cost__panel{grid-template-columns:auto minmax(0,1fr)}.contact-cost__control,.contact-cost__frequency,.contact-cost__note,.contact-cost__disclosure{grid-column:1 / -1}}@media screen and (max-width:749px){.city-contact-lenses-collection contact-lens-cost-comparison.page-width{width:calc(100% - 3rem);max-width:calc(var(--page-width) - 3rem);padding-right:0;padding-left:0}.contact-cost__panel{display:block;margin:1.4rem 0 1.6rem;padding:1.4rem}.contact-cost__icon{width:4.8rem;height:4.8rem;margin-bottom:1rem}.contact-cost__icon svg{width:2.8rem;height:2.8rem}.contact-cost__copy p{font-size:1.22rem}.contact-cost__control{margin-top:1.3rem}.contact-cost__frequency{margin-top:1rem}.contact-cost__segments{gap:.45rem}.contact-cost__segments span{min-height:4.4rem;padding:.6rem .3rem;font-size:1.12rem}.contact-cost__note{margin-top:1rem;padding:1rem 1.1rem}.contact-cost__disclosure{margin-top:1rem;padding:1.1rem .1rem 0}.contact-cost-card-price{min-height:6.5rem}.contact-cost-card-price__amount{font-size:1.55rem}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/contact-lens-cost-comparison.css.map */