@import url(https://fonts.googleapis.com/css2?family=Readex+Pro:wght@400;500;700&display=swap);#KapsulahPeriodCalculator{width:100%;border-radius:3px;box-shadow:rgba(0,0,0,.16) 0 1px 4px;border:1px solid #e0e0e0;padding:1.5rem;margin-top:3rem;margin-bottom:3rem;font-family:'Readex Pro';box-sizing:border-box;min-height:500px;--color-period:#DE3163;--text-period-color:#ffffff;--color-ovulation:#556B2F;--color-peak-ovulation:#fbe333;--peak-ovulation-text:#0D0D0D;--floating-color:#6b00ff;--input-border-color:#6b00ff;--border:#d6d6d6;--text:#222;--muted:#525252;--option-hover:#f5f5f5;--option-selected:#efefef}html.iqraa-DM #KapsulahPeriodCalculator{--color-period:#c92a56;--text-period-color:#ffffff;--color-ovulation:#729437;--color-peak-ovulation:#d4c26a;--peak-ovulation-text:#1a1a1a;--floating-color:#a369ff;--input-border-color:#a369ff;--border:#4f4f4f;--text:#e0e0e0;--muted:#9e9e9e;--option-hover:#333333;--option-selected:#454545}#KapsulahPeriodCalculator .KapsulahPeriodCalculatorHeader{flex-basis:100%;margin-bottom:2rem}#KapsulahPeriodCalculator .KapsulahPeriodCalculatorHeader .PeriodCalculatorTitle{justify-content:center!important;background:0 0}#KapsulahPeriodCalculator .MainInputContainer{border-radius:.3rem;box-shadow:rgba(0,0,0,.16) 0 1px 4px;border:1px solid #e0e0e0;width:100%;padding:7rem .5rem 5rem}#KapsulahPeriodCalculator .DatePickerWrapper .input .label,#KapsulahPeriodCalculator .customSelect .floatingLabel{border-radius:.3rem;transition:top .2s;font-size:1.2rem;background:#fff;top:1.5rem;padding:0 .3rem;pointer-events:none;right:1.3rem;white-space:nowrap}#KapsulahPeriodCalculator .selectContainer{display:flex;flex-wrap:wrap;gap:5rem;align-items:flex-start;justify-content:center;margin-bottom:1.5rem}#KapsulahPeriodCalculator .buttonContainer{width:100%;display:flex;justify-content:center}#KapsulahPeriodCalculator .customSelect{height:100%;position:relative;width:22rem;flex-grow:1}#KapsulahPeriodCalculator .DatePickerWrapper .input .inputAreaContainer{height:100%;position:relative;flex-grow:1}#KapsulahPeriodCalculator .customSelect .floatingLabel{position:absolute;color:var(--muted)}#KapsulahPeriodCalculator .DatePickerWrapper .input .label{position:absolute}#KapsulahPeriodCalculator .DatePickerWrapper .input .label,#KapsulahPeriodCalculator .DatePickerWrapper .input.hasValue .label,#KapsulahPeriodCalculator .customSelect.hasValue:not(.focused) .floatingLabel{color:#525252}#KapsulahPeriodCalculator .customSelect .selectDisplay{height:5rem;border:1px solid var(--border);border-radius:.5rem;display:flex;align-items:center;justify-content:space-between;padding:0 1.4rem;box-sizing:border-box;cursor:pointer;transition:box-shadow .2s,border-color .2s,border-width .12s;background:#fff}#KapsulahPeriodCalculator .customSelect .selectedText{font-size:1.8rem;color:var(--text);letter-spacing:.2px;width:100%}#KapsulahPeriodCalculator .customSelect .placeholder{color:var(--muted);font-size:1.8rem}#KapsulahPeriodCalculator .customSelect svg.chev{width:1.2rem;height:1.2rem;transform-origin:center;transition:transform .18s,fill .2s;fill:#777}#KapsulahPeriodCalculator .DatePickerWrapper.open .input .result,#KapsulahPeriodCalculator .DatePickerWrapper.open .input button,#KapsulahPeriodCalculator .customSelect.open .selectDisplay{border-color:var(--input-border-color);box-shadow:0 6px 18px rgba(107,0,255,.12)}#KapsulahPeriodCalculator .DatePickerWrapper.open .input .result,#KapsulahPeriodCalculator .customSelect.open .selectDisplay{border-width:2px}#KapsulahPeriodCalculator .DatePickerWrapper.open .input .result{border:2px solid var(--input-border-color)}#KapsulahPeriodCalculator .customSelect.open svg.chev{transform:rotate(180deg);fill:var(--input-border-color)}#KapsulahPeriodCalculator .customSelect.focused .floatingLabel,#KapsulahPeriodCalculator .customSelect.hasValue .floatingLabel{top:-.8rem;right:1.3rem;font-size:1.2rem;color:var(--floating-color)}#KapsulahPeriodCalculator .customSelect .options{box-sizing:border-box;width:100%;left:0;position:absolute;visibility:hidden;opacity:0;top:calc(5rem + 1rem);background:#fff;border-radius:.8rem;box-shadow:0 10px 24px rgba(30,30,30,.12);padding:.6rem 0;margin:0;z-index:10000;max-height:20rem;overflow:auto;line-height:1.5;transition:opacity .2s,visibility .2s;pointer-events:none}#KapsulahPeriodCalculator .customSelect.open .options{visibility:visible;opacity:1;pointer-events:auto}#KapsulahPeriodCalculator .DatePickerWrapper.dropUp .datePicker,#KapsulahPeriodCalculator .customSelect.dropUp .options{top:auto;bottom:calc(50px + 10px);box-shadow:0 -10px 24px rgba(30,30,30,.12)}#KapsulahPeriodCalculator .DatePickerWrapper.dropUp .datePicker{bottom:52px}#KapsulahPeriodCalculator .customSelect .options::-webkit-scrollbar{width:1rem}#KapsulahPeriodCalculator .customSelect .options::-webkit-scrollbar-track{background-color:var(--option-hover);border-radius:1rem}#KapsulahPeriodCalculator .customSelect .options::-webkit-scrollbar-thumb{background-color:var(--input-border-color);border-radius:1rem}#KapsulahPeriodCalculator .customSelect .options::-webkit-scrollbar-thumb:hover{background-color:#5a00d6}#KapsulahPeriodCalculator .customSelect .options [role=option]{padding:1.2rem 2rem;cursor:pointer;font-size:1.6rem;color:var(--text)}#KapsulahPeriodCalculator .customSelect .options [role=option]:hover{background:var(--option-hover)}#KapsulahPeriodCalculator .customSelect .options [role=option][ariaSelected=true]{background:var(--option-selected)}#KapsulahPeriodCalculator .customSelect .options [role=option].highlight{outline:rgba(107,0,255,.08) solid 2px;background:var(--option-hover)}#KapsulahPeriodCalculator .visuallyHiddenSelect{position:absolute!important;height:.1rem;width:.1rem;overflow:hidden;clip:rect(.1rem,.1rem,.1rem,.1rem);white-space:nowrap;border:0;padding:0;margin:0}#KapsulahPeriodCalculator .DatePickerWrapper{position:relative;width:26rem;flex-grow:1}#KapsulahPeriodCalculator .datePicker{position:absolute;top:5.2rem;left:0;right:0;z-index:10000;height:auto;max-height:0;background:#fff;overflow:hidden;transition:.3s ease-in-out;box-shadow:0 4px 8px rgba(0,0,0,.1)}#KapsulahPeriodCalculator .DatePickerWrapper .input{position:relative;width:100%;height:5rem;cursor:pointer;display:flex}#KapsulahPeriodCalculator .DatePickerWrapper .input .result,#KapsulahPeriodCalculator .datePicker .input .result{width:100%;height:5rem;color:#525252;box-sizing:border-box;border:1px solid var(--border);padding:1.6rem 1.3rem;font-size:1.8rem;border-radius:0 .5rem .5rem 0;border-left:none}#KapsulahPeriodCalculator .DatePickerWrapper .input button,#KapsulahPeriodCalculator .datePicker .input button{width:5rem;height:5rem;background-color:#8392a7;color:#fff;line-height:5rem;border:1px solid var(--border);border-right:none;font-size:1.8rem;padding:0;flex-shrink:0;border-radius:.5rem 0 0 .5rem}#KapsulahPeriodCalculator .DatePickerWrapper .input button:hover,#KapsulahPeriodCalculator .datePicker .input button:hover{background-color:#68768a}#KapsulahPeriodCalculator .DatePickerWrapper .input button:focus,#KapsulahPeriodCalculator .datePicker .input button:focus{outline:0}#KapsulahPeriodCalculator .DatePickerWrapper.open .datePicker{max-height:45rem}#KapsulahPeriodCalculator .DatePickerWrapper.open .input button{background:#68768a}#KapsulahPeriodCalculator .DatePickerWrapper .input button svg{height:1.6rem;width:1.6rem;vertical-align:middle}#KapsulahPeriodCalculator .DatePickerWrapper.open .input button svg{height:1.6rem;width:1.6rem}#KapsulahPeriodCalculator .containerCalendar{padding:1.5rem;overflow:auto;border:.1rem solid #dadce0;border-radius:.3rem;align-items:center}#KapsulahPeriodCalculator .PrevNextMonthButton button{cursor:pointer;display:inline-block;position:relative;width:3.1rem;height:3.1rem;line-height:3.1rem;background:#00a2b7;color:#fff;border:.1rem solid #0aa2b5;border-radius:.4rem;outline:0;top:1.5rem;padding:0;transition:opacity .3s,transform .3s}#KapsulahPeriodCalculator .PrevNextMonthButton button.kapsulahButtonHidden{opacity:0;pointer-events:none;transform:scale(.8)}#KapsulahPeriodCalculator .containerCalendar .PrevNextMonthButton button svg{height:1.4rem;width:1.4rem;fill:#ffffff}#KapsulahPeriodCalculator .tableCalendar{border-collapse:collapse;width:100%;padding:0;border-top:1px solid #add8e6}#KapsulahPeriodCalculator .tableCalendar tbody tr{min-height:3.5rem;height:3.5rem}#KapsulahPeriodCalculator .tableCalendar td,#KapsulahPeriodCalculator .tableCalendar th{padding:.5rem;text-align:center;vertical-align:top}#KapsulahPeriodCalculator #KapsulahTextResult .textResultItem .TextResultH4Header::after,#KapsulahPeriodCalculator #iCopyTUrlBtn,#KapsulahPeriodCalculator #monthHeader::after,#KapsulahPeriodCalculator .DatePickerWrapper .input .iconCheckSVG,#KapsulahPeriodCalculator .DatePickerWrapper.hasSelection.open .input .iconCalendarSVG,#KapsulahPeriodCalculator .periodCalculatorLegendItem::before{display:none}#KapsulahPeriodCalculator p.monthCalendarHeader{color:#424242;margin:0;font-weight:700;background:0 0;font-size:1.6rem;justify-content:center}#KapsulahPeriodCalculator #yearHeader{color:#424242;margin:0 0 1rem;padding:0 .3rem;font-size:1.4rem;justify-content:center}#KapsulahPeriodCalculator .dateCell{cursor:pointer}#KapsulahPeriodCalculator .dateCell.selected{font-weight:700;border-radius:.2rem;outline:#00BCD4 solid 1px}#KapsulahPeriodCalculator .dateCell:hover{font-weight:700;outline:#9800d4 solid 2px}#KapsulahPeriodCalculator .disabledDate{opacity:.4;cursor:default;pointer-events:none}#KapsulahPeriodCalculator .dateCell.selected span{color:#00bcd4}#KapsulahPeriodCalculator .dateCell:first-child,#KapsulahPeriodCalculator .redText{color:red}#KapsulahPeriodCalculator .dateCell:nth-child(6){color:green}#KapsulahPeriodCalculator .PrevNextMonthButton{justify-content:center;position:relative;margin-bottom:1em;overflow:hidden;clear:both;text-align:center}#KapsulahPeriodCalculator #previous{float:right}#KapsulahPeriodCalculator #next{float:left}#KapsulahPeriodCalculator #next,#KapsulahPeriodCalculator #previous{transition:transform .2s ease-in-out,filter .2s ease-in-out}#KapsulahPeriodCalculator #next:hover,#KapsulahPeriodCalculator #previous:hover{transform:scale(.9)}#KapsulahPeriodCalculator .DatePickerWrapper .input.hasValue .label,#KapsulahPeriodCalculator .DatePickerWrapper.open .input .label{overflow:visible;top:-.8rem;right:1.3rem;background:#fff}#KapsulahPeriodCalculator .DatePickerWrapper.open .input .label{color:var(--floating-color)}#KapsulahPeriodCalculator .DatePickerWrapper.hasSelection.open .input button{background-color:var(--input-border-color)}#KapsulahPeriodCalculator .DatePickerWrapper.hasSelection.open .input .iconCheckSVG{display:inline}#KapsulahPeriodCalculator .DatePickerWrapper.hasSelection .input .result{color:var(--text)}#KapsulahPeriodCalculator .helperText{font-size:1.3rem;color:#d32f2f;padding:.4rem .8rem 0;min-height:2rem;box-sizing:border-box;opacity:0;transform:translateY(-10px);transition:opacity .3s,transform .3s;visibility:hidden}#KapsulahPeriodCalculator .helperText.visible{opacity:1;transform:translateY(0);visibility:visible}#KapsulahPeriodCalculator .CalcButton{display:flex;width:50rem;margin-top:2rem;justify-content:center;padding:1.2rem 1.6rem;margin-bottom:.5rem;font-size:1.9rem;font-weight:500;color:#fff;border-radius:5rem;background:#b96b9f;border:.1rem solid #b96b9f;cursor:pointer;-webkit-box-shadow:0 10px 20px -6px rgba(0,0,0,.12);box-shadow:0 10px 20px -6px rgba(0,0,0,.12);transition:.3s}#KapsulahPeriodCalculator .CalcButton:focus,#KapsulahPeriodCalculator .CalcButton:hover{background:#a44d87!important;border-color:#a44d87!important;color:#fff;outline:0!important;box-shadow:0 10px 20px -6px rgba(0,0,0,.2)}#KapsulahPeriodCalculator .CalcButton span{position:relative;transition:.3s}#KapsulahPeriodCalculator .CalcButton:hover span{transform:translateY(-2px)}#KapsulahPeriodCalculator .legendContainer{margin-top:3rem;text-align:center}#KapsulahPeriodCalculator ul{margin:0!important}#KapsulahPeriodCalculator .periodCalculatorLegendList{list-style:none;padding:0;font-weight:700;font-size:1.6rem;display:inline;width:100%;text-align:center}#KapsulahPeriodCalculator .periodCalculatorLegendItem{display:inline-block;background:0 0;margin:0;padding:0;border-inline:0;border:0;border-radius:0;transition:none}#KapsulahPeriodCalculator .periodCalculatorLegendColors{display:inline-block;list-style:none!important;width:1rem;height:1rem;margin-right:5rem;margin-left:.5rem}#KapsulahPeriodCalculator .periodCalculatorLegendColorPeriod{background-color:var(--color-period)}#KapsulahPeriodCalculator .periodCalculatorLegendColorOvulation{background:var(--color-ovulation)}#KapsulahPeriodCalculator .periodCalculatorLegendColorPeakOvulation,html.iqraa-DM #KapsulahPeriodCalculator .periodCalculatorLegendColorPeakOvulation{background:var(--color-peak-ovulation)}#KapsulahPeriodCalculator .periodCalculatorLegendColorOvulation,#KapsulahPeriodCalculator .periodCalculatorLegendColorPeakOvulation,#KapsulahPeriodCalculator .periodCalculatorLegendColorPeriod{width:100%;height:100%;border-radius:50%}#KapsulahPeriodCalculator .CalculatorResultContainer{width:100%;margin-top:30px}#KapsulahPeriodCalculator .KapsulahCalendarContainer{border-radius:8px;white-space:nowrap;box-shadow:rgba(0,0,0,.16) 0 1px 4px;background-color:#fff;border:1px solid #e0e0e0;width:100%;max-width:960px;user-select:none;margin:0 auto 25px;box-sizing:border-box;padding:15px 8px 20px}#KapsulahPeriodCalculator .datera--calendar{border-radius:8px;color:#000;position:relative;width:100%;user-select:none;box-sizing:border-box;padding:0 16px 16px}#KapsulahPeriodCalculator .datera--calendar *{box-sizing:border-box}#KapsulahPeriodCalculator .datera--calendar .datera--grid{display:grid;grid-template-columns:repeat(7,1fr);padding-inline:8px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}#KapsulahPeriodCalculator .datera--calendar .datera--grid.days{grid-template-rows:repeat(6,1fr);padding-bottom:8px}#KapsulahPeriodCalculator .datera--grid{margin-bottom:5px}#KapsulahPeriodCalculator .datera--dayOfWeek{display:grid;place-items:center;font-weight:700;font-size:14px;color:#010140}#KapsulahPeriodCalculator .datera--calendar .datera--controls{display:flex;align-items:stretch;justify-content:space-between;padding:8px 0;margin-bottom:30px}#KapsulahPeriodCalculator .datera--calendar .datera--controls .datera--controlSelects{flex-grow:1;display:grid;grid-template-columns:repeat(2,1fr)}#KapsulahPeriodCalculator .datera--calendar .datera--controls .datera--controlSelects select{background-color:transparent;color:#000;border:none}#KapsulahPeriodCalculator .datera--calendar .datera--controls .datera--controlSelects select option{color:initial}#KapsulahPeriodCalculator .datera--calendar .datera--controls button.animNavButton{position:relative;display:inline-block;cursor:pointer;outline:0;border:0;vertical-align:middle;text-decoration:none;background:0 0;padding:0;font-size:14px;width:220px;height:35px;transition:none}#KapsulahPeriodCalculator .datera--calendar .datera--controls button.animNavButton:hover{background-color:transparent;color:#fff}#KapsulahPeriodCalculator .animNavButton .circle{transition:.45s cubic-bezier(.65, 0, .076, 1);position:absolute;top:0;display:block;margin:0;width:35px;height:100%;background:var(--color-period);border-radius:35px}#KapsulahPeriodCalculator .animNavButton .icon{position:absolute;top:0;bottom:0;margin:auto;width:35px;height:100%;display:flex;align-items:center;justify-content:center;z-index:2}#KapsulahPeriodCalculator .animNavButton .icon svg{width:14px;height:14px;fill:#fff;transition:none}#KapsulahPeriodCalculator .datera--calendar .datera--controls button.animNavButton:hover .icon svg{fill:#fff}#KapsulahPeriodCalculator .animNavButton .buttonText{transition:color .45s cubic-bezier(.65, 0, .076, 1);position:absolute;top:0;left:0;right:0;bottom:0;padding:0;margin:0;line-height:35px;text-align:center;color:var(--color-period);font-weight:700;z-index:2}#KapsulahPeriodCalculator .animNavButton:not(.animNavButton--rtl) .circle,#KapsulahPeriodCalculator .animNavButton:not(.animNavButton--rtl) .icon{left:0}#KapsulahPeriodCalculator .animNavButton.animNavButton--rtl .circle,#KapsulahPeriodCalculator .animNavButton.animNavButton--rtl .icon{left:auto;right:0}#KapsulahPeriodCalculator .animNavButton:hover .circle{width:88%}#KapsulahPeriodCalculator .animNavButton:hover .buttonText,html.iqraa-DM #KapsulahPeriodCalculator .animNavButton:hover .buttonText{color:#fff}#KapsulahPeriodCalculator .datera--monthsWrapper{display:flex;flex-direction:row;justify-content:space-between;gap:16px}#KapsulahPeriodCalculator .datera--monthInstance{transition:.3s;border-radius:8px;box-shadow:rgba(0,0,0,.16) 0 1px 4px;background-color:#fff;flex:1;min-width:0;padding:8px}#KapsulahPeriodCalculator .datera--month-Header{text-align:center;font-size:16px;font-weight:700;padding:8px 0}#KapsulahPeriodCalculator #KapsulahTextResult{display:flex;flex-wrap:wrap;align-items:stretch;box-shadow:rgba(0,0,0,.16) 0 1px 4px;border:1px solid #e0e0e0;border-radius:8px;box-sizing:border-box;justify-content:center;gap:30px;padding:30px;background-color:#fff}#KapsulahPeriodCalculator #KapsulahTextResult .textResultTitle{flex-basis:100%;margin-bottom:15px;display:flex;flex-direction:column;align-items:center;text-align:center}#KapsulahPeriodCalculator #KapsulahTextResult .textResultTitle .TextResultHeader{font-weight:700;background:0 0;margin-bottom:6px;font-size:2rem;line-height:1.15}#KapsulahPeriodCalculator #KapsulahTextResult .textResultItem .TextResultH4Header{color:#fff;background:0 0;font-weight:700;margin-bottom:.6rem;font-size:1.8rem;line-height:1.15;width:100%}#KapsulahPeriodCalculator #KapsulahTextResult .textResultItem{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1 1 clamp(180px,24%,280px);max-width:300px;min-width:140px;min-height:120px;padding:20px;color:#fff;border-radius:15px;box-shadow:rgba(0,0,0,.12) 0 10px 20px -6px;transition:transform .45s cubic-bezier(.2,.9,.25,1),box-shadow .35s}#KapsulahPeriodCalculator #KapsulahTextResult .textResultItem:hover{transform:translateY(-20px)}#KapsulahPeriodCalculator #KapsulahTextResult .nextPeriodItem{background:#b96b9f;border-color:#b96b9f}#KapsulahPeriodCalculator #KapsulahTextResult .nextOvulationItem{background:#6c757d;border-color:#6c757d}#KapsulahPeriodCalculator #KapsulahTextResult .ovulationRangeItem{background:#ec8f6a;border-color:#ec8f6a}#KapsulahPeriodCalculator #KapsulahTextResult .textResultItem .textResultIcon{width:100%;margin-bottom:10px;display:flex;justify-content:center;align-items:center}#KapsulahPeriodCalculator #KapsulahTextResult .textResultIcon svg{width:46px;height:46px;display:block;fill:currentColor;transition:transform .8s cubic-bezier(.2,.9,.25,1);transform-origin:50% 50%}#KapsulahPeriodCalculator #KapsulahTextResult .textResultItem .textResultParagraph{color:#fff;font-size:16px;font-weight:600;line-height:1.3;margin:20px 0 5px;width:100%;white-space:normal;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}#KapsulahPeriodCalculator .datera--calendar .datera--grid .datera--day{position:relative;margin-top:15px;border-radius:0!important;padding:0!important;background-color:transparent!important;color:#000;font-size:18px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}#KapsulahPeriodCalculator .datera--day.isSelectedFertile,#KapsulahPeriodCalculator .datera--day.isSelectedPeriod{z-index:1}#KapsulahPeriodCalculator .datera--calendar .datera--grid .datera--day div{width:100%;height:100%;border-radius:50%;display:grid;vertical-align:middle;place-items:center;position:relative;z-index:4}#KapsulahPeriodCalculator .datera--calendar .datera--grid .datera--day::after,#KapsulahPeriodCalculator .datera--calendar .datera--grid .datera--day::before{content:'';position:absolute;left:0;right:0;box-sizing:border-box}#KapsulahPeriodCalculator .datera--calendar .datera--grid .datera--day::before{top:4px;bottom:4px;z-index:3}#KapsulahPeriodCalculator .datera--calendar .datera--grid .datera--day::after{top:2px;bottom:2px;z-index:4}#KapsulahPeriodCalculator .datera--day.isSelectedPeriod::before,html.iqraa-DM #KapsulahPeriodCalculator .periodCalculatorLegendColorPeriod{background-color:var(--color-period)}#KapsulahPeriodCalculator .datera--day.isSelectedPeriod div{color:var(--text-period-color)}#KapsulahPeriodCalculator .datera--day.isPeakOvulation div{color:var(--peak-ovulation-text)}html.iqraa-DM #KapsulahPeriodCalculator .customSelect .options [role=option],html.iqraa-DM #KapsulahPeriodCalculator .datera--calendar,html.iqraa-DM #KapsulahPeriodCalculator .datera--calendar .datera--controls .datera--controlSelects select,html.iqraa-DM #KapsulahPeriodCalculator .datera--calendar .datera--grid .datera--day{color:var(--text)}#KapsulahPeriodCalculator .datera--day.isSelectedFertile::after{border:2px solid var(--color-ovulation)}#KapsulahPeriodCalculator .datera--day.peakRangeMiddle::before,#KapsulahPeriodCalculator .datera--day.periodRangeMiddle::before{left:-2px;right:-2px}#KapsulahPeriodCalculator .datera--day.peakRangeStart:not(.peakRangeEnd)::before,#KapsulahPeriodCalculator .datera--day.periodRangeStart:not(.periodRangeEnd)::before{right:0;left:-2px}#KapsulahPeriodCalculator .datera--day.peakRangeEnd:not(.periodRangeStart)::before,#KapsulahPeriodCalculator .datera--day.periodRangeEnd:not(.periodRangeStart)::before{left:0;right:-2px}#KapsulahPeriodCalculator .datera--day.fertileRangeStart.fertileRangeEnd::after,#KapsulahPeriodCalculator .datera--day.periodRangeStart.periodRangeEnd::before{border-radius:50em}#KapsulahPeriodCalculator .datera--day.periodRangeStart:not(.periodRangeEnd)::before{border-radius:0 50em 50em 0}#KapsulahPeriodCalculator .datera--day.periodRangeEnd:not(.periodRangeStart)::before{border-radius:50em 0 0 50em}#KapsulahPeriodCalculator .datera--day.periodRangeMiddle::before{border-radius:0}#KapsulahPeriodCalculator .datera--day.isPeakOvulation::before{background-color:var(--color-peak-ovulation);border-radius:50em;left:0!important;right:0!important}#KapsulahPeriodCalculator .datera--day.fertileRangeStart:not(.fertileRangeEnd)::after{border-radius:0 50em 50em 0;border-left-width:0;left:0}#KapsulahPeriodCalculator .datera--day.fertileRangeEnd:not(.fertileRangeStart)::after{border-radius:50em 0 0 50em;border-right-width:0;right:0}#KapsulahPeriodCalculator .datera--day.fertileRangeMiddle::after{border-radius:0;border-left-width:0;border-right-width:0;left:0;right:0}#KapsulahPeriodCalculator .datera--day.fertileRangeEnd,#KapsulahPeriodCalculator .datera--day.fertileRangeStart,#KapsulahPeriodCalculator .datera--day.peakRangeEnd,#KapsulahPeriodCalculator .datera--day.peakRangeStart,#KapsulahPeriodCalculator .datera--day.periodRangeEnd,#KapsulahPeriodCalculator .datera--day.periodRangeStart{z-index:2}html.iqraa-DM #KapsulahPeriodCalculator #KapsulahTextResult,html.iqraa-DM #KapsulahPeriodCalculator .KapsulahCalendarContainer,html.iqraa-DM #KapsulahPeriodCalculator .MainInputContainer,html.iqraa-DM #KapsulahPeriodCalculator .datera--monthInstance{background-color:#1a1a1a;border-color:#3a3a3a;box-shadow:rgba(0,0,0,.4) 0 1px 4px}html.iqraa-DM #KapsulahPeriodCalculator .DatePickerWrapper .input .result,html.iqraa-DM #KapsulahPeriodCalculator .containerCalendar,html.iqraa-DM #KapsulahPeriodCalculator .customSelect .options,html.iqraa-DM #KapsulahPeriodCalculator .customSelect .selectDisplay,html.iqraa-DM #KapsulahPeriodCalculator .datePicker{background-color:#222;color:var(--text)}html.iqraa-DM #KapsulahPeriodCalculator .DatePickerWrapper .input .label,html.iqraa-DM #KapsulahPeriodCalculator .DatePickerWrapper .input.hasValue .label,html.iqraa-DM #KapsulahPeriodCalculator .DatePickerWrapper.open .input .label,html.iqraa-DM #KapsulahPeriodCalculator .customSelect .floatingLabel{background:#222}html.iqraa-DM #KapsulahPeriodCalculator .DatePickerWrapper.open .input .result,html.iqraa-DM #KapsulahPeriodCalculator .DatePickerWrapper.open .input button,html.iqraa-DM #KapsulahPeriodCalculator .customSelect.open .selectDisplay{box-shadow:0 6px 18px rgba(138,63,252,.18)}html.iqraa-DM #KapsulahPeriodCalculator .customSelect svg.chev{fill:var(--muted)}html.iqraa-DM #KapsulahPeriodCalculator .customSelect.open svg.chev{fill:var(--input-border-color)}html.iqraa-DM #KapsulahPeriodCalculator .customSelect .options{background-color:#2c2c2c;box-shadow:0 10px 24px rgba(0,0,0,.5)}html.iqraa-DM #KapsulahPeriodCalculator .DatePickerWrapper .input button{background-color:#4a4a4a;border-color:var(--border)}html.iqraa-DM #KapsulahPeriodCalculator .DatePickerWrapper .input button:hover{background-color:#5a5a5a}html.iqraa-DM #KapsulahPeriodCalculator .containerCalendar{border-color:var(--border)}html.iqraa-DM #KapsulahPeriodCalculator .PrevNextMonthButton button{background:#4a4a4a;border-color:#5f5f5f}html.iqraa-DM #KapsulahPeriodCalculator .tableCalendar{border-top-color:#4f4f4f}html.iqraa-DM #KapsulahPeriodCalculator #yearHeader,html.iqraa-DM #KapsulahPeriodCalculator p.monthCalendarHeader{color:var(--muted)}html.iqraa-DM #KapsulahPeriodCalculator .dateCell:hover{outline-color:var(--input-border-color)}html.iqraa-DM #KapsulahPeriodCalculator #KapsulahTextResult .nextPeriodItem{background:#8e4b78;border-color:#8e4b78}html.iqraa-DM #KapsulahPeriodCalculator #KapsulahTextResult .nextOvulationItem{background:#4a5054;border-color:#4a5054}html.iqraa-DM #KapsulahPeriodCalculator #KapsulahTextResult .ovulationRangeItem{background:#b86a4a;border-color:#b86a4a}html.iqraa-DM #KapsulahPeriodCalculator .datera--dayOfWeek{color:#bbb}html.iqraa-DM #KapsulahPeriodCalculator .datera--month-Header{color:#f0f0f0}html.iqraa-DM #KapsulahPeriodCalculator .animNavButton .buttonText{color:var(--color-period)}html.iqraa-DM #KapsulahPeriodCalculator .periodCalculatorLegendColorOvulation{background:0 0;border:2px solid var(--color-ovulation)}html.iqraa-DM #KapsulahPeriodCalculator .CalcButton{background:#8e4b78;border-color:#8e4b78;box-shadow:0 10px 20px -6px rgba(0,0,0,.3)}html.iqraa-DM #KapsulahPeriodCalculator .CalcButton:focus,html.iqraa-DM #KapsulahPeriodCalculator .CalcButton:hover{background:#7a3c65!important;border-color:#7a3c65!important;box-shadow:0 10px 20px -6px rgba(0,0,0,.5)}@media (max-width:992px){#KapsulahPeriodCalculator .datera--calendar .datera--grid .datera--day,#KapsulahPeriodCalculator .datera--month-Header{font-size:20px}#KapsulahPeriodCalculator .datera--calendar .datera--grid .datera--day::before{top:3px;bottom:2px}#KapsulahPeriodCalculator .datera--calendar .datera--grid .datera--day::after{top:1.3px;bottom:.1px}#KapsulahPeriodCalculator .KapsulahCalendarContainer{width:70%}#KapsulahPeriodCalculator .datera--calendar{display:flex;flex-direction:column;justify-content:center}#KapsulahPeriodCalculator .datera--monthsWrapper{flex-direction:column;justify-content:center;align-items:center;order:1}#KapsulahPeriodCalculator .datera--monthInstance{text-align:center;width:100%;padding:7px}#KapsulahPeriodCalculator .datera--calendar{width:100%;padding:0 16px 16px}#KapsulahPeriodCalculator .datera--dayOfWeek{font-weight:700;font-size:20px}#KapsulahPeriodCalculator .datera--calendar .datera--grid{padding-inline:15%}#KapsulahPeriodCalculator .datera--calendar .datera--grid.days{padding-bottom:8px}#KapsulahPeriodCalculator .datera--grid{margin-bottom:5px}#KapsulahPeriodCalculator .datera--calendar .datera--controls{display:flex;align-items:stretch;padding:0;margin-bottom:30px;justify-content:center}#KapsulahPeriodCalculator .datera--calendar .datera--controls .datera--controlSelects{flex-grow:1;display:grid;grid-template-columns:repeat(2,1fr)}#KapsulahPeriodCalculator .datera--calendar .datera--controls .datera--controlSelects select{background-color:transparent;color:#000;border:none}#KapsulahPeriodCalculator .datera--calendar .datera--controls .datera--controlSelects select option{color:initial}#KapsulahPeriodCalculator .datera--controls{order:2;margin-top:35px}#KapsulahPeriodCalculator .datera--monthDecrement{align-self:flex-start;margin-bottom:50px}#KapsulahPeriodCalculator .datera--monthIncrement{align-self:flex-end}#KapsulahPeriodCalculator .animNavButton .buttonText{font-size:16px;padding:0;line-height:33px;margin:0 20px}#KapsulahPeriodCalculator .datera--calendar .datera--controls button.animNavButton{font-size:14px;min-width:230px;height:30px}#KapsulahPeriodCalculator .animNavButton .circle{width:30px}#KapsulahPeriodCalculator .animNavButton .icon{width:30px;height:100%}#KapsulahPeriodCalculator .animNavButton .icon svg{width:11px;height:11px}#KapsulahPeriodCalculator .MainInputContainer{padding:70px 5px 50px}#KapsulahPeriodCalculator .selectContainer{gap:50px;margin-bottom:14px}#KapsulahPeriodCalculator .inputWrapper{width:100%;max-width:400px}#KapsulahPeriodCalculator .DatePickerWrapper,#KapsulahPeriodCalculator .customSelect{width:100%}#KapsulahPeriodCalculator .DatePickerWrapper .input .inputAreaContainer{height:100%;position:relative;flex-grow:1}#KapsulahPeriodCalculator .helperText{font-size:12px;padding:3px 6px 0}#KapsulahPeriodCalculator .legendContainer{align-items:center;text-align:center;margin-top:0}#KapsulahPeriodCalculator .periodCalculatorLegendList{display:flex;justify-content:center;font-size:16px;text-align:center;align-items:center}#KapsulahPeriodCalculator .periodCalculatorLegendItem{padding:0;margin-bottom:15px}#KapsulahPeriodCalculator .periodCalculatorLegendColors{width:8px;height:8px;margin-right:25px;margin-left:5px}#KapsulahPeriodCalculator #KapsulahTextResult{display:flex;gap:30px;padding:30px}#KapsulahPeriodCalculator #KapsulahTextResult .textResultTitle{margin-bottom:12px}#KapsulahPeriodCalculator #KapsulahTextResult .textResultTitle .TextResultHeader{margin-bottom:6px;font-size:22px;line-height:1.11}#KapsulahPeriodCalculator #KapsulahTextResult .textResultItem{width:100%;max-width:242px;padding:19px}#KapsulahPeriodCalculator #KapsulahTextResult .textResultItem .textResultIcon{margin-bottom:9px}#KapsulahPeriodCalculator #KapsulahTextResult .textResultIcon svg{width:41px;height:41px}#KapsulahPeriodCalculator #KapsulahTextResult .textResultItem .TextResultH4Header{margin-bottom:6px;font-size:18px;line-height:1.1}#KapsulahPeriodCalculator #KapsulahTextResult .textResultItem .textResultParagraph{font-size:16px;line-height:1.3;margin:18px 0 3px}}@media (max-width:768px){#KapsulahPeriodCalculator{min-height:610px}#KapsulahPeriodCalculator .KapsulahCalendarContainer{width:80%}#KapsulahPeriodCalculator .datera--monthInstance{text-align:center;width:100%;padding:6px}#KapsulahPeriodCalculator .datera--calendar{width:100%;padding:0 14px 14px}#KapsulahPeriodCalculator .datera--calendar .datera--grid .datera--day,#KapsulahPeriodCalculator .datera--dayOfWeek,#KapsulahPeriodCalculator .datera--month-Header{font-size:19px}#KapsulahPeriodCalculator .animNavButton .buttonText{font-size:14px;margin:0 18px}#KapsulahPeriodCalculator .datera--calendar .datera--controls button.animNavButton{font-size:13px;min-width:200px;height:28px}#KapsulahPeriodCalculator .animNavButton .circle{width:28px}#KapsulahPeriodCalculator .animNavButton .icon{width:28px;height:100%}#KapsulahPeriodCalculator .animNavButton .icon svg{width:10px;height:10px}#KapsulahPeriodCalculator .legendContainer{margin-top:0}#KapsulahPeriodCalculator .periodCalculatorLegendList{font-size:14px}#KapsulahPeriodCalculator .periodCalculatorLegendItem{padding:0;margin-bottom:14px}#KapsulahPeriodCalculator .periodCalculatorLegendColors{width:8px;height:8px;margin-right:23px;margin-left:5px}#KapsulahPeriodCalculator #KapsulahTextResult{gap:28px;padding:28px}#KapsulahPeriodCalculator #KapsulahTextResult .textResultTitle{margin-bottom:10px}#KapsulahPeriodCalculator #KapsulahTextResult .textResultTitle .TextResultHeader{font-size:21px}#KapsulahPeriodCalculator #KapsulahTextResult .textResultItem{width:100%;max-width:240px;padding:18px}#KapsulahPeriodCalculator #KapsulahTextResult .textResultItem .textResultIcon{margin-bottom:9px}#KapsulahPeriodCalculator #KapsulahTextResult .textResultIcon svg{width:40px;height:40px}#KapsulahPeriodCalculator #KapsulahTextResult .textResultItem .TextResultH4Header{margin-bottom:6px;font-size:18px;line-height:1.1}#KapsulahPeriodCalculator #KapsulahTextResult .textResultItem .textResultParagraph{font-size:15px;margin:17px 0 3px}#KapsulahPeriodCalculator .datera--controls{margin-top:24px}#KapsulahPeriodCalculator .datera--calendar .datera--grid .datera--day{font-size:15px}#KapsulahPeriodCalculator .MainInputContainer{padding:68px 5px 45px}#KapsulahPeriodCalculator .selectContainer{align-items:center;justify-content:center;display:flex;flex-direction:column;gap:50px;margin-bottom:14px}#KapsulahPeriodCalculator .inputWrapper{width:100%;max-width:400px}#KapsulahPeriodCalculator .customSelect,.DatePickerWrapper{width:100%}#KapsulahPeriodCalculator .DatePickerWrapper .input .inputAreaContainer{height:100%;position:relative;flex-grow:1}#KapsulahPeriodCalculator .helperText{font-size:12px;padding:3px 6px 0}}@media screen and (max-width:576px){#KapsulahPeriodCalculator .DatePickerWrapper,#KapsulahPeriodCalculator .KapsulahCalendarContainer,#KapsulahPeriodCalculator .customSelect{width:100%}#KapsulahPeriodCalculator .datera--monthInstance{width:100%;padding:5px}#KapsulahPeriodCalculator .datera--calendar{width:100%;padding:0 5px 5px}#KapsulahPeriodCalculator .datera--calendar .datera--grid .datera--day,#KapsulahPeriodCalculator .datera--dayOfWeek,#KapsulahPeriodCalculator .datera--month-Header{font-size:16px}#KapsulahPeriodCalculator .animNavButton .buttonText{font-size:13px;margin:0 16px;line-height:30px}#KapsulahPeriodCalculator .datera--calendar .datera--controls button.animNavButton{font-size:12px;max-width:190px;height:26px}#KapsulahPeriodCalculator .animNavButton .circle{width:26px}#KapsulahPeriodCalculator .animNavButton .icon{width:26px;height:100%}#KapsulahPeriodCalculator .animNavButton .icon svg{width:10px;height:10px}#KapsulahPeriodCalculator .legendContainer{margin-top:0}#KapsulahPeriodCalculator .periodCalculatorLegendList{font-size:13px}#KapsulahPeriodCalculator .periodCalculatorLegendItem{padding:0;margin-bottom:13px}#KapsulahPeriodCalculator .periodCalculatorLegendColors{width:8px;height:8px;margin-right:22px;margin-left:5px}#KapsulahPeriodCalculator #KapsulahTextResult{gap:27px;padding:27px}#KapsulahPeriodCalculator #KapsulahTextResult .textResultTitle{margin-bottom:9px}#KapsulahPeriodCalculator #KapsulahTextResult .textResultTitle .TextResultHeader{font-size:20px}#KapsulahPeriodCalculator #KapsulahTextResult .textResultItem{max-width:200px;padding:15px}#KapsulahPeriodCalculator #KapsulahTextResult .textResultItem .textResultIcon{margin-bottom:8px}#KapsulahPeriodCalculator #KapsulahTextResult .textResultIcon svg{width:38px;height:38px}#KapsulahPeriodCalculator #KapsulahTextResult .textResultItem .TextResultH4Header{margin-bottom:5px;font-size:16px;line-height:1.1}#KapsulahPeriodCalculator #KapsulahTextResult .textResultItem .textResultParagraph{font-size:14px;margin:16px 0 2px}#KapsulahPeriodCalculator .datera--calendar .datera--controls{display:flex;justify-content:center;margin-top:45px;padding-bottom:9px}#KapsulahPeriodCalculator .datera--monthDecrement{margin-bottom:50px}#KapsulahPeriodCalculator .MainInputContainer{padding:65px 19px 40px}#KapsulahPeriodCalculator .selectContainer{gap:45px;margin-bottom:12px}#KapsulahPeriodCalculator .inputWrapper{max-width:400px}#KapsulahPeriodCalculator .DatePickerWrapper .input .inputAreaContainer{height:100%;position:relative;flex-grow:1}#KapsulahPeriodCalculator .helperText{font-size:11px;padding:3px 6px 0}}@media (max-width:530px){#KapsulahPeriodCalculator #KapsulahTextResult .textResultItem{max-width:500px;min-width:300px;width:100%;padding:8px}#KapsulahPeriodCalculator .legendContainer{margin-top:0}#KapsulahPeriodCalculator .periodCalculatorLegendList{font-size:12px}#KapsulahPeriodCalculator .periodCalculatorLegendItem{padding:0;margin-bottom:13px}#KapsulahPeriodCalculator .periodCalculatorLegendColors{margin-right:20px;margin-left:5px}}@media (max-width:480px){#KapsulahPeriodCalculator .DatePickerWrapper,#KapsulahPeriodCalculator .KapsulahCalendarContainer,#KapsulahPeriodCalculator .customSelect{width:100%}#KapsulahPeriodCalculator .datera--monthInstance{width:100%;padding:4px}#KapsulahPeriodCalculator .datera--calendar{width:100%;padding:0 4px 4px}#KapsulahPeriodCalculator .datera--calendar .datera--grid .datera--day,#KapsulahPeriodCalculator .datera--dayOfWeek,#KapsulahPeriodCalculator .datera--month-Header{font-size:15px}#KapsulahPeriodCalculator .animNavButton .buttonText{font-size:12px;margin:0 14px}#KapsulahPeriodCalculator .datera--calendar .datera--controls button.animNavButton{font-size:12px;min-width:185px;height:25px}#KapsulahPeriodCalculator .animNavButton .circle{width:25px}#KapsulahPeriodCalculator .animNavButton .icon{width:25px;height:100%}#KapsulahPeriodCalculator .animNavButton .icon svg{width:10px;height:10px}#KapsulahPeriodCalculator .legendContainer{margin-top:0}#KapsulahPeriodCalculator .periodCalculatorLegendList{font-size:12px;display:flex;gap:10px;flex-direction:column}#KapsulahPeriodCalculator .periodCalculatorLegendItem{padding:0}#KapsulahPeriodCalculator .periodCalculatorLegendColors{width:8px;height:8px;margin-right:0;margin-left:6px}#KapsulahPeriodCalculator #KapsulahTextResult{gap:24px;padding:24px}#KapsulahPeriodCalculator #KapsulahTextResult .textResultItem{max-width:500px;min-width:100px;width:100%;padding:8px}#KapsulahPeriodCalculator #KapsulahTextResult .textResultTitle{margin-bottom:8px}#KapsulahPeriodCalculator #KapsulahTextResult .textResultTitle .TextResultHeader{font-size:18px}#KapsulahPeriodCalculator #KapsulahTextResult .textResultItem .textResultIcon{margin-bottom:6px}#KapsulahPeriodCalculator #KapsulahTextResult .textResultIcon svg{width:35px;height:35px}#KapsulahPeriodCalculator #KapsulahTextResult .textResultItem .TextResultH4Header{margin-bottom:4px;font-size:15px}#KapsulahPeriodCalculator #KapsulahTextResult .textResultItem .textResultParagraph{font-size:13px;margin:14px 0 2px}#KapsulahPeriodCalculator .datera--calendar .datera--controls{margin-top:40px;padding-bottom:8px}#KapsulahPeriodCalculator .datera--monthDecrement{margin-bottom:45px;margin-left:-50px}#KapsulahPeriodCalculator .MainInputContainer{padding:62px 20px 35px}#KapsulahPeriodCalculator .selectContainer{gap:35px;margin-bottom:10px}#KapsulahPeriodCalculator .inputWrapper{max-width:380px}#KapsulahPeriodCalculator .DatePickerWrapper .input .inputAreaContainer{height:100%;position:relative;flex-grow:1}#KapsulahPeriodCalculator .helperText{font-size:11px;padding:3px 6px 0}}@media screen and (max-width:320px){#KapsulahPeriodCalculator .datera--calendar .datera--controls{justify-content:center;margin-top:40px;padding-bottom:8px}#KapsulahPeriodCalculator .datera--monthDecrement{align-self:center;margin-left:-10px}#KapsulahPeriodCalculator .datera--monthIncrement{align-self:center;margin-right:-90px;margin-bottom:-70px}}@media (max-width:800px){#KapsulahPeriodCalculator .textResultItem:hover{transform:translateY(-5px)}}#KapsulahPeriodCalculator .KapsulahDownloadButtonContainer{display:flex;justify-content:center;margin-top:30px;margin-bottom:10px;width:100%}#KapsulahPeriodCalculator .KapsulahDownloadButtonContainer .button.download{display:flex;align-items:center;justify-content:center;width:fit-content;margin:0 auto;max-width:100%;padding:1.2rem 2.4rem;font-size:1.6rem;font-weight:600;border-radius:5rem;cursor:pointer;box-shadow:0 10px 20px -6px rgba(0,0,0,.12);position:relative;overflow:hidden;transition:.3s}#KapsulahPeriodCalculator .KapsulahDownloadButtonContainer .button.download .buttonContent{opacity:1;visibility:visible;transition:opacity .2s}#KapsulahPeriodCalculator .KapsulahDownloadButtonContainer .button.download.loading .buttonContent{opacity:0;visibility:hidden}#KapsulahPeriodCalculator .KapsulahDownloadButtonContainer .button.download .iLoader{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:5}#KapsulahPeriodCalculator .KapsulahDownloadButtonContainer .button.download.loading{transition:none!important}#KapsulahPeriodCalculator .KapsulahDownloadButtonContainer .button.download.loading .iLoader{display:block}#KapsulahPeriodCalculator .KapsulahDownloadButtonContainer .button.download .iLoader::after{content:"";position:absolute;top:50%;left:50%;width:24px;height:24px;margin-top:-12px;margin-left:-12px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:1s linear infinite kapsulahSpinPdf}@keyframes kapsulahSpinPdf{100%{transform:rotate(360deg)}}