.graph-table-container{margin:2rem auto;color:#00457c;font-size:.7rem;width:100%;max-width:792px;position:relative;overflow-x:auto}.graph-table-container table{border:solid 1px #00457c;border-collapse:collapse;width:100%}.graph-table-container table th{background:#00457c;color:#fff;font-weight:700;padding:12px 8px;font-size:1rem;text-align:center}.graph-table-container table td{border:solid 1px #00457c;padding:12px 8px;text-align:center;min-width:60px}.graph-table-container table td b{background:#d41773;color:#fff;display:inline-block;padding:5px 8px}.graph-table-container table td.td-title{text-align:right;padding-left:20px;font-weight:700}.graph-table-container table td.td-highlight{background:#e0f2fe}.graph-table-container table td.td-triangle{position:relative}.graph-table-container table td.td-triangle:before{content:"";display:block;width:0;height:0;border-style:solid;border-width:12px 15px 0 15px;border-color:#00457c transparent transparent transparent;position:absolute;top:0;left:50%;margin-left:-15px}.graph-container{margin:2rem 0;display:flex;align-items:center;justify-content:center}.graph{color:#00457c;font-size:14px;padding:30px;text-align:center}@media(min-width:1200px){.graph{width:100%}}.graph h2{margin:0 0 40px;color:#fff}.graph .legend{font-size:20px;font-weight:700;white-space:nowrap;line-height:20px;text-align:center;position:relative;transition:all .25s ease;opacity:0}.graph .legend-left{width:40px;-webkit-transform:translateY(20px);transform:translateY(20px)}.graph .legend-left span{position:absolute;display:block;left:50%;top:40%;-webkit-transform:translate(-50%,-50%) rotate(-90deg);transform:translate(-50%,-50%) rotate(-90deg);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}.graph .legend-bottom{margin-top:20px;margin-left:40px;-webkit-transform:translateX(-20px);transform:translateX(-20px)}.graph .legend.active{opacity:1;-webkit-transform:none;transform:none}.graph .chart{position:relative}.graph .chart-with-legend{display:flex;flex-wrap:nowrap;align-items:stretch;justify-content:center;flex-direction:row}.graph .chart-with-legend ~ .legend-bottom{margin-left:80px}.graph .chart .grid-rows{display:flex;flex-direction:column-reverse;padding-left:40px;padding-top:20px;position:relative}.graph .chart .grid-rows.no-border .grid-row{border-color:transparent}.graph .chart .grid-rows.border-left:before{content:"";position:absolute;width:2px;height:0;bottom:0;left:40px;margin-left:-1px;background:#00457c;transition:all .25s ease}.graph .chart .grid-rows.active.border-left:before{height:100%}.graph .chart .grid-row{height:0;width:0;border-top:solid 1px #cecece;position:relative;transition:width .4s ease-out}.graph .chart .grid-row-base{height:0 !important;border-color:#00457c !important}.graph .chart .grid-row span{position:absolute;left:0;font-size:10px;-webkit-transform:translate(-150%,-50%);transform:translate(-150%,-50%);padding-right:10px;transition:all .4s ease-out;opacity:0}.graph .chart .grid-row.active{width:100%}.graph .chart .grid-row.active span{opacity:1;-webkit-transform:translate(-100%,-50%);transform:translate(-100%,-50%)}.graph .chart .grid-cols{display:flex;flex-direction:row;flex-wrap:nowrap;padding-left:40px;position:relative;z-index:2}.graph .chart .grid-col{width:0;padding:10px 5px;position:relative;transition:opacity .4s ease-out .2s;opacity:0}.graph .chart .grid-col:before{content:"";display:block;position:absolute;width:2px;left:50%;margin-left:-1px;top:0;height:4px;background:#00457c}.graph .chart .grid-col-base{width:5px}.graph .chart .grid-col.no-tick:before{display:none}.graph .chart .grid-col span{display:block;text-align:center;line-height:1.2;font-size:10px;transition:all .4s ease-out;-webkit-transform:translateY(0.4rem);transform:translateY(0.4rem)}.graph .chart .grid-col .curve-break{width:24px;height:29px;background:url("../img/graph/graph-curve-break.png");display:block;position:absolute;top:-20px;left:50%;-webkit-transform:translateX(-50%) scale(0);transform:translateX(-50%) scale(0);z-index:1;transition:all .2s ease-out .6s}.graph .chart .grid-col.active{opacity:1}.graph .chart .grid-col.active span{-webkit-transform:none;transform:none}.graph .chart .grid-col.active .curve-break{-webkit-transform:translateX(-50%) scale(1);transform:translateX(-50%) scale(1)}.graph .chart-container{position:absolute;top:20px;left:40px;height:0;width:calc(100% - 40px);z-index:1}.graph-curve .chart-text{position:absolute;background:#00457c;color:#fff;width:110px;padding:8px;text-align:center;font-size:14px;-webkit-transform:translate3d(-50%,-100%,0);transform:translate3d(-50%,-100%,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-font-smoothing:subpixel-antialiased;-webkit-filter:blur(0);transition:margin .3s ease-out,opacity .3s ease-out;opacity:0;margin-top:-20px;line-height:1.25}.graph-curve .chart-text-container{position:absolute;top:20px;left:40px;height:0;width:calc(100% - 40px);z-index:2}.graph-curve .chart-text .line{position:absolute;top:100%;left:50%;width:2px;height:0;background:#ccc;transition:height .3s ease-out .3s;margin:0 0 0 -1px}.graph-curve .chart-text .line .point{transition:all .2s ease-out .6s;position:absolute;bottom:0;left:50%;border-radius:100%;width:12px;height:12px;margin-left:-6px;margin-bottom:-6px;background:#fff;border:solid 2px #FFF;-webkit-transform:scale(0);transform:scale(0);display:block}.graph-curve .chart-text .line .point-ovulation{background:#8965ad}.graph-curve .chart-text .line .point-pregnancy{background:#ed008c}.graph-curve .chart-text-legend{background:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0);text-align:right;margin:0 0 0 -20px;color:#000;padding-bottom:0}.graph-curve .chart-text-legend .line{left:auto;right:0;margin-right:-1px;margin-left:0}.graph-curve .chart-text.active{margin:0;opacity:1}.graph-curve .chart-text.active .line .point{-webkit-transform:scale(1);transform:scale(1)}.graph-curve .chart-text.bg-lightblue{background:#00b0eb}.graph-curve .chart-text.bg-ovulation{background:#8864aa;font-weight:700}.graph-curve .chart-text.bg-pregnancy{background:#ed008c;font-weight:700}.graph-curve .chart-text.bg-none{background:0}.graph-curve.graph-blue{background:#00457c;background:radial-gradient(ellipse at center,#00adef 0,#122067 100%);color:#fff}.graph-curve.graph-blue .legend{color:#fff}.graph-curve.graph-blue .chart .grid-row-base{border-top:solid 2px #fff !important;margin-top:-7px}.graph-curve.graph-blue .chart .grid-rows:before{background-color:#fff}.graph-curve.graph-blue .chart .grid-col:before{background:#fff}.graph-curve.graph-blue .chart .grid-col span{width:25px;height:25px;margin:0 auto;background:#fff;color:#00457c;border-radius:100%;font-weight:700;line-height:25px;font-size:14px}.graph-curve.graph-blue .chart .grid-col span.active{background:#ed008c;color:#fff}.graph-curve.graph-blue .chart .grid-col .curve-break{background-image:url("../img/graph/graph-curve-break-blue.png");width:30px;height:33px;top:-18px}.graph-curve.graph-blue .chart-text{border-radius:5px}.graph-curve.graph-blue .chart-text-legend{color:#fff}.graph-curve.graph-blue .chart-text .line{width:4px;margin-left:-2px;background:url("../img/graph/dot.svg") top center repeat-y}.graph-curve.graph-blue .chart-text .line .point-pregnancy{width:16px;height:16px;border-width:3px;margin-left:-8px;margin-bottom:-8px}.graph-curve.graph-blue .chart-text.-large{width:150px;margin-left:20px !important}.graph-curve.graph-blue .chart-text.-large .line{margin-left:-22px !important}