ovulation-calculator{display:block}.ovulation-calculator{--blue:#004df0;--deep:#08004f;--fertile:#a1c4ff;--next:#b794ff;--test:#7d43f5;--ovulation:#0ce3c6;--input-border:#e7e7ed;color:#1c1c1c;font-family:var(--ivi-font-family-base,"IVI Glance","Noto Sans",sans-serif);margin:auto;max-width:1440px}.ovulation-calculator *{box-sizing:border-box}.ovulation-calculator__form-panel{background:var(--deep);border-radius:16px;height:600px;margin:72px 96px;overflow:hidden;padding:132px 107px;position:relative}.ovulation-calculator form{position:relative;width:447px;z-index:1}.ovulation-calculator h2{color:#fff;font-family:IVI Glance,Noto Sans,sans-serif;font-size:54px;font-weight:400;line-height:1.15;margin:0 0 24px}.ovulation-calculator__field{margin-bottom:40px}.ovulation-calculator label{color:#fff;display:block;font-size:var(--ivi-font-size-12,12px);font-weight:var(--ivi-font-weight-medium,500);line-height:1.35;margin:0 0 4px}.ovulation-calculator input,.ovulation-calculator select{background-color:#fff;border:1.313px solid var(--input-border);border-radius:var(--ivi-border-radius-4,4px);color:var(--deep);font:var(--ivi-font-size-14,14px) var(--ivi-font-family-base,"IVI Glance","Noto Sans",sans-serif);height:42px;line-height:1.2;padding:10px 20px;width:100%}.ovulation-calculator select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:var(--ovulation-caret-icon);background-position:calc(100% - 16px) center;background-repeat:no-repeat;background-size:16px 16px;padding-right:44px}.ovulation-calculator__date-input{background:#fff;border:1.313px solid var(--input-border);border-radius:var(--ivi-border-radius-4,4px);height:42px;overflow:hidden;position:relative}.ovulation-calculator__date-input:after{background-image:var(--ovulation-calendar-icon);background-position:center;background-repeat:no-repeat;background-size:16px 16px;content:"";height:16px;pointer-events:none;position:absolute;right:14px;top:12px;width:16px}.ovulation-calculator__date-input input{background:transparent;border:0;height:100%;padding-right:48px}.ovulation-calculator__date-input input::-webkit-calendar-picker-indicator{cursor:pointer;height:32px;opacity:0;position:absolute;right:4px;width:32px}.ovulation-calculator input:focus,.ovulation-calculator select:focus,.ovulation-calculator button:focus-visible{border-color:var(--deep);box-shadow:0 0 0 2px #08004f2e;outline:0}.ovulation-calculator__date-input:focus-within{border-color:var(--deep);box-shadow:0 0 0 2px #08004f2e}.ovulation-calculator [aria-invalid=true]{border-color:#e11d48}.ovulation-calculator__error{color:#ffb4c0;display:block;font-size:12px;margin-top:4px}.ovulation-calculator button{align-items:center;background:var(--blue);border:0;border-radius:40px;color:#fff;cursor:pointer;display:flex;font:16px Noto Sans,sans-serif;gap:10px;height:38px;justify-content:center;width:184px}.ovulation-calculator__pattern{-webkit-mask-image:var(--ovulation-banner-pattern-desktop);-webkit-mask-position:right center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;background:var(--blue);height:min(100%,624px);mask-image:var(--ovulation-banner-pattern-desktop);mask-position:right center;mask-repeat:no-repeat;mask-size:contain;opacity:.92;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%);width:min(52%,624px)}.ovulation-calculator__results{padding:72px 96px}.ovulation-calculator__calendar-panel{align-items:center;background:var(--deep);border-radius:16px;display:flex;flex-direction:column;height:624px;padding:48px}.ovulation-calculator__calendar-panel h2{font-size:44px;margin:0 0 30px}.ovulation-calculator__calendar{background:var(--deep);border-radius:16px;display:grid;gap:4px;grid-template-columns:repeat(7,minmax(0,1fr));max-width:944px;overflow:hidden;width:100%}.ovulation-calculator__calendar>div{align-items:center;background:#fff;display:flex;font-size:18px;height:81px;justify-content:center}.ovulation-calculator__calendar .outside{color:#777}.ovulation-calculator__calendar .next-period{background:var(--next)}.ovulation-calculator__calendar .pregnancy-test{background:var(--test);color:#fff}.ovulation-calculator__calendar .fertile-window{background:var(--fertile);color:#1c1c1c}.ovulation-calculator__calendar .ovulation{background:var(--ovulation);color:#1c1c1c}.ovulation-calculator__milestones{display:grid;gap:32px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:48px}.ovulation-calculator__milestone{container-type:inline-size;min-width:0}.ovulation-calculator__bar{border-radius:30px;height:16px;margin-bottom:35px}.next-period .ovulation-calculator__bar{background:var(--next)}.pregnancy-test .ovulation-calculator__bar{background:var(--test)}.fertile-window .ovulation-calculator__bar{background:var(--fertile)}.ovulation .ovulation-calculator__bar{background:var(--ovulation)}.ovulation-calculator__stat{display:flex;flex-direction:column;gap:16px;min-width:0;padding-left:24px}.ovulation-calculator__stat strong{color:var(--blue);font-family:IVI Glance,Noto Sans,sans-serif;font-size:clamp(34px,14cqi,44px);font-weight:400;letter-spacing:-.01em;line-height:1.2;max-width:100%;overflow-wrap:normal;white-space:normal}.ovulation-calculator__stat span{font-size:24px;line-height:1.4}@media(max-width:767px){.ovulation-calculator__form-panel{border-radius:0;height:725px;margin:0;padding:65px 24px}.ovulation-calculator form{text-align:center;width:100%}.ovulation-calculator h2{font-size:32px;margin-bottom:34px}.ovulation-calculator__field{margin-bottom:40px;text-align:center}.ovulation-calculator button{height:37px;width:100%}.ovulation-calculator__pattern{-webkit-mask-image:none;background:transparent;bottom:0;height:320px;left:0;mask-image:none;overflow:hidden;right:0;top:auto;transform:none;width:100%}.ovulation-calculator__pattern:before{-webkit-mask-image:var(--ovulation-banner-pattern-mobile);-webkit-mask-position:bottom center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:cover;background:var(--blue);bottom:0;content:"";height:100%;left:0;mask-image:var(--ovulation-banner-pattern-mobile);mask-position:bottom center;mask-repeat:no-repeat;mask-size:cover;position:absolute;width:100%}.ovulation-calculator__results{padding:0}.ovulation-calculator__calendar-panel{border-radius:0;height:auto;min-height:567px;padding:65px 24px}.ovulation-calculator__calendar-panel h2{font-size:32px;margin-bottom:32px}.ovulation-calculator__calendar{border-radius:8px;gap:3px;grid-auto-rows:71px;min-width:0;width:100%}.ovulation-calculator__calendar>div{font-size:16px;height:auto;min-width:0}.ovulation-calculator__milestones{display:flex;flex-direction:column;gap:0;margin:0}.ovulation-calculator__milestone{min-height:205px}.ovulation-calculator__bar{border-radius:24px;height:16px;margin-bottom:16px}.ovulation-calculator__stat{gap:16px;padding:0 24px}.ovulation-calculator__stat strong{font-size:40px;letter-spacing:0}.ovulation-calculator__stat span{color:var(--deep);font-size:24px}}