.haro-floater-teaser{border-top:1px solid #dbe7e8;background:#eef7f8;color:#435761;padding:56px 24px;scroll-margin-top:100px}.haro-floater-teaser__inner{max-width:1280px;margin:auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:center}.haro-floater-visual__eyebrow{font-size:12px;line-height:1.5;letter-spacing:.15em;text-transform:uppercase;color:#087f70;font-weight:700;margin:0 0 18px}.haro-floater-teaser h2{font-family:var(--FONT-STACK-HEADING,Georgia,serif);font-size:clamp(34px,3.8vw,52px);line-height:1.12;letter-spacing:-.025em;font-weight:400;color:#293c7e;margin:0 0 24px}.haro-floater-teaser__copy>p:not(.haro-floater-visual__eyebrow){font-size:18px;line-height:1.65}.haro-floater-visual__link{display:inline-flex;gap:14px;font-size:16px;font-weight:700;color:#293c7e;text-decoration:underline;text-underline-offset:5px;margin-top:8px}.haro-floater-teaser__copy>.haro-floater-teaser__note{font-size:14px!important;line-height:1.6;margin:24px 0 0;max-width:430px}.haro-floater-teaser__note a{color:inherit;text-decoration:underline;text-underline-offset:3px}.haro-floater-diagram{margin:24px 0;background:#edf8fa;border-radius:24px;overflow:hidden}.haro-floater-diagram>a{display:block}.haro-floater-diagram img{display:block;width:100%;height:auto;aspect-ratio:1296/640;object-fit:contain}.haro-floater-diagram figcaption{padding:0 20px 20px;text-align:center;font-size:13px;line-height:1.5;color:#435761}.haro-floater-diagram figcaption a{color:#293c7e;text-underline-offset:4px}.haro-floater-diagram--compact{margin:0}.haro-floater-teaser a:focus-visible,.haro-floater-diagram a:focus-visible{outline:3px solid #087f70;outline-offset:-3px}.hf-mechanism{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;list-style:none;padding:0;margin:32px 0 0;counter-reset:floater-step}.hf-mechanism li{counter-increment:floater-step;margin:0!important;border-top:1px solid #cbdde0;padding-top:18px}.hf-mechanism li:before{content:"0" counter(floater-step);display:block;color:#087f70;font-size:13px;font-weight:700;margin-bottom:10px}.hf-mechanism h3{color:#293c7e;font-size:19px;margin:0 0 8px}.hf-mechanism p{font-size:16px;line-height:1.65;margin:0}#hf-causes{scroll-margin-top:110px}@media(max-width:999px){.haro-floater-teaser__inner{grid-template-columns:1fr;gap:24px;max-width:720px}.haro-floater-teaser h2 br{display:none}.haro-floater-teaser__copy>.haro-floater-teaser__note{max-width:none}.haro-floater-teaser{padding:40px 24px}}@media(max-width:599px){.hf-mechanism{grid-template-columns:1fr;gap:18px}.haro-floater-teaser__copy>p:not(.haro-floater-visual__eyebrow){font-size:17px}.haro-floater-diagram{border-radius:16px}.haro-floater-diagram figcaption{font-size:12px;padding:0 12px 16px}}.haro-floater-diagram>a{padding:16px 8px 0}.haro-floater-diagram figcaption{padding:12px 20px 20px}.haro-floater-diagram__enlarge{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:14px;font-weight:700}.haro-floater-diagram__context{display:block;max-width:620px;margin:4px auto 0;font-size:13px;line-height:1.6}.hf-factors{margin:30px 0}.hf-factors h3{font-size:21px;line-height:1.35;color:#293c7e;margin:0 0 18px}.hf-factors__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;list-style:none;margin:0;padding:0}.hf-factors__grid li{display:grid;grid-template-rows:78px minmax(2.8em,auto);align-content:center;justify-items:center;gap:12px;min-height:180px;background:#f4faff;border:1px solid #d8e6eb;border-radius:16px;padding:20px 12px;margin:0!important;text-align:center}.hf-factors__grid img{display:block;width:90px;max-width:100%;height:78px;object-fit:contain;transform:translate(var(--hf-icon-offset,0),-1px)}.hf-factors__icon--bleeding,.hf-factors__icon--surgery{--hf-icon-offset:-7.2%}.hf-factors__icon--aging{--hf-icon-offset:1.7%}.hf-factors__grid span{display:flex;align-items:center;justify-content:center;width:100%;min-height:2.8em;font-size:15px;line-height:1.4;color:#293c7e;margin:0;text-align:center}.haro-floater-diagram:has(a:focus-visible){overflow:visible}@media(max-width:749px){.hf-factors__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hf-factors__grid li:last-child{grid-column:1/-1;justify-self:center;width:calc(50% - 6px)}.hf-factors__grid span{font-size:16px}.haro-floater-diagram>a{padding:12px 4px 0}.haro-floater-diagram__context{font-size:13px}}.haro-floater-teaser{border-top:0;background:#fff}.haro-floater-teaser .haro-floater-diagram{background:transparent;border-radius:0;overflow:visible}.haro-floater-teaser .haro-floater-diagram figcaption{padding:12px 0 0}.haro-floater-diagram{container-type:inline-size;background:transparent;overflow:visible;padding-top:40px}.haro-floater-diagram__frame,.haro-floaters .haro-floater-diagram__frame{position:relative;width:100%;max-width:none;margin:0;background:transparent}.haro-floater-diagram__labels{display:block;width:100%;height:auto;aspect-ratio:1296/640;overflow:visible}.haro-floater-diagram__term{position:absolute;display:block;box-sizing:border-box;min-width:0;padding-inline:2px;color:#293c7e;font-family:Arial,sans-serif;font-size:clamp(12px,2cqw,22px);font-weight:500;line-height:1.15;text-align:center;overflow-wrap:anywhere;-webkit-hyphens:manual;hyphens:manual;unicode-bidi:plaintext}.haro-floater-diagram__term--cornea{left:27.8%;width:16.9%;bottom:calc(66.25% + 5px)}.haro-floater-diagram__term--lens{left:45.1%;width:13.2%;bottom:calc(82.2% + 5px)}.haro-floater-diagram__term--retinal_tear{left:58.65%;width:20.5%;bottom:calc(84.4% + 5px)}.haro-floater-diagram__term--detached_vitreous{left:80%;width:20%;bottom:calc(84.4% + 5px)}.haro-floater-diagram__term--light_path{left:38.5%;width:17.35%;top:61.8%;transform:translate(-50%,-50%);font-size:clamp(8px,1.5cqw,18px);line-height:1.1}.haro-floater-diagram__term--eye_floaters{left:.4%;width:30.9%;top:89.8%}.haro-floater-diagram__term--vitreous{left:32.8%;width:18.9%;top:92.2%;text-align:right}.haro-floater-diagram__term--floaters{left:78.4%;width:21.5%;top:calc(92.2% + 3px)}:lang(en) .haro-floater-diagram__term--light_path{font-size:clamp(10px,1.5cqw,18px)}.haro-floater-diagram figcaption{padding:0 8px;margin-top:40px}.haro-floater-diagram__context{margin-top:0}@container (min-width:600px){.haro-floater-diagram__frame{margin-top:-20px}.haro-floater-diagram figcaption{margin-top:32px}}.haro-floater-diagram__term--light_path{padding-inline:0}.haro-floater-diagram__light-compact{display:none}@container (max-width:599px){.haro-floater-diagram__light-full{display:none}.haro-floater-diagram__light-compact{display:inline}:lang(en) .haro-floater-diagram__term--detached_vitreous{overflow-wrap:normal;word-break:normal}}
/*# sourceMappingURL=/cdn/shop/t/63/assets/haro-floater-visual.css.map */