:root{--pt-color-primary:#e53e3e;--pt-color-accent:#d53f8c}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}.preg-tools{margin-top:1rem;margin-bottom:1rem;padding-top:1rem;padding-bottom:1rem}.preg-tools button[type=submit],.preg-tools button.action{background-color:var(--pt-color-primary);background-image:linear-gradient(to top left,var(--gradient-color-stops));--gradient-from-color:var(--pt-color-accent);--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,rgba(255,255,255,0));border-width:0}.preg-tools button[type=submit]:hover,.preg-tools button.action:hover{cursor:pointer}.preg-tools button[type=submit],.preg-tools button.action{font-size:1.125rem;padding-top:.75rem;padding-bottom:.75rem;padding-left:2rem;padding-right:2rem}.preg-tools button[type=submit]:hover,.preg-tools button.action:hover{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.preg-tools button[type=submit],.preg-tools button.action{--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity));width:100%;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-timing-function:cubic-bezier(0,0,.2,1);transition-duration:.2s}@media (min-width:768px){.preg-tools button[type=submit],.preg-tools button.action{width:auto}}.preg-tools select{border-color:var(--pt-color-primary);border-radius:.25rem;border-width:2px;height:auto;padding-top:.75rem;padding-bottom:.75rem;padding-left:1rem;padding-right:1rem;color:var(--pt-color-primary)}.preg-tools .myd-wrapper{margin-left:auto;margin-right:auto}@media (min-width:768px){.preg-tools .myd-wrapper{display:flex}}.preg-tools .myd{flex:1 1 0%;margin-left:0;margin-right:0;margin-bottom:1rem}@media (min-width:768px){.preg-tools .myd{margin-left:.5rem;margin-right:.5rem;margin-bottom:0}}.preg-tools .myd:not(:last-child){margin-bottom:1rem}@media (min-width:768px){.preg-tools .myd:not(:last-child){margin-bottom:0}}.preg-tools .myd label{display:block;font-weight:700;margin-bottom:.5rem}.preg-tools .myd select{height:auto;width:100%}.preg-tools.gender-predictor header{font-size:1.875rem;margin-bottom:1.5rem;padding:1rem;padding-top:2rem;padding-bottom:2rem;--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.preg-tools.gender-predictor header .icon{margin-bottom:1rem}.preg-tools.gender-predictor table{margin-left:auto;margin-right:auto;width:100%}@media (min-width:640px){.preg-tools.gender-predictor table{width:auto}}@media (min-width:640px){.preg-tools.gender-predictor table{border-spacing:4px 7px}}.preg-tools.gender-predictor th.month,.preg-tools.gender-predictor th.age{color:currentColor}.preg-tools.gender-predictor th.month,.preg-tools.gender-predictor th.age{background:#fff8dc}.preg-tools.gender-predictor table td,.preg-tools.gender-predictor table th{padding:0}.preg-tools.gender-predictor td.girl,.preg-tools.gender-predictor td.boy,.preg-tools.gender-predictor th.age,.preg-tools.gender-predictor th.month{text-align:center}@media (min-width:640px){.preg-tools.gender-predictor td.girl,.preg-tools.gender-predictor td.boy,.preg-tools.gender-predictor th.age,.preg-tools.gender-predictor th.month{padding-top:.5rem;padding-bottom:.5rem;padding-left:.5rem;padding-right:.5rem}}.preg-tools.gender-predictor td.girl.active,.preg-tools.gender-predictor td.boy.active{--bg-opacity:1;border-radius:.125rem;opacity:1;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity));width:auto;z-index:10;--transform-translate-x:0;--transform-translate-y:0;--transform-rotate:0;--transform-skew-x:0;--transform-skew-y:0;--transform-scale-x:1;--transform-scale-y:1;transform:translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));--transform-scale-x:1.5;--transform-scale-y:1.5;--transform-rotate:2deg}@media (min-width:640px){.preg-tools.gender-predictor td.girl.active,.preg-tools.gender-predictor td.boy.active{border-radius:9999px;padding:.5rem;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}}.preg-tools.gender-predictor .girl{--bg-opacity:1;background-color:hotpink;background-color:rgba(255,105,180,var(--bg-opacity))}.preg-tools.gender-predictor .boy{--bg-opacity:1;background-color:#00bfff;background-color:rgba(0,191,255,var(--bg-opacity))}.preg-tools.gender-predictor td.girl,.preg-tools.gender-predictor td.boy{--bg-opacity:.25;font-weight:700;font-size:1.125rem;padding-top:.25rem;padding-bottom:.25rem}@media (min-width:640px){.preg-tools.gender-predictor td.girl,.preg-tools.gender-predictor td.boy{border-radius:.25rem;width:auto}}.preg-tools.gender-predictor table .icon{display:none;margin-left:auto;margin-right:auto}@media (min-width:640px){.preg-tools.gender-predictor table .icon{display:block}}.pattern-falling-triangles{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='72' viewBox='0 0 36 72'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23df2760' fill-opacity='1'%3E%3Cpath d='M2 6h12L8 18 2 6zm18 36h12l-6 12-6-12z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.pattern-4-point-stars{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='%23df2760' fill-opacity='1'%3E%3Cpolygon fill-rule='evenodd' points='8 4 12 6 8 8 6 12 4 8 0 6 4 4 6 0 8 4'/%3E%3C/g%3E%3C/svg%3E")}.pattern-overlapping-circles{background-image:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23df2760' fill-opacity='1'%3E%3Cpath d='M50 50c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10zM10 10c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10c0 5.523-4.477 10-10 10S0 25.523 0 20s4.477-10 10-10zm10 8c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8zm40 40c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.pattern-wiggle{background-image:url("data:image/svg+xml,%3Csvg width='52' height='26' viewBox='0 0 52 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23df2760' fill-opacity='1'%3E%3Cpath d='M10 10c0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6h2c0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4v2c-3.314 0-6-2.686-6-6 0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6zm25.464-1.95l8.486 8.486-1.414 1.414-8.486-8.486 1.414-1.414z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.pattern-polka-dots{background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23df2760' fill-opacity='1' fill-rule='evenodd'%3E%3Ccircle cx='3' cy='3' r='3'/%3E%3Ccircle cx='13' cy='13' r='3'/%3E%3C/g%3E%3C/svg%3E")}.bg-white{--bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--bg-opacity))}.bg-gray-100{--bg-opacity:1;background-color:#f7fafc;background-color:rgba(247,250,252,var(--bg-opacity))}.bg-gray-200{--bg-opacity:1;background-color:#edf2f7;background-color:rgba(237,242,247,var(--bg-opacity))}.bg-red-100{--bg-opacity:1;background-color:#fff5f5;background-color:rgba(255,245,245,var(--bg-opacity))}.bg-green-200{--bg-opacity:1;background-color:#c6f6d5;background-color:rgba(198,246,213,var(--bg-opacity))}.bg-primary{background-color:var(--pt-color-primary)}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--gradient-color-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--gradient-color-stops))}.bg-gradient-to-l{background-image:linear-gradient(to left,var(--gradient-color-stops))}.from-blue-500{--gradient-from-color:#4299e1;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,rgba(66,153,225,0))}.from-primary{--gradient-from-color:var(--pt-color-primary);--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,rgba(255,255,255,0))}.to-blue-400{--gradient-to-color:#63b3ed}.to-accent{--gradient-to-color:var(--pt-color-accent)}.border-gray-400{--border-opacity:1;border-color:#cbd5e0;border-color:rgba(203,213,224,var(--border-opacity))}.border-gray-500{--border-opacity:1;border-color:#a0aec0;border-color:rgba(160,174,192,var(--border-opacity))}.border-primary{border-color:var(--pt-color-primary)}.rounded-sm{border-radius:.125rem}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-full{border-radius:9999px}.border-solid{border-style:solid}.border{border-width:1px}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.flex-1{flex:1 1 0%}.font-normal{font-weight:400}.font-bold{font-weight:700}.h-2{height:.5rem}.h-10{height:2.5rem}.h-20{height:5rem}.h-32{height:8rem}.h-40{height:10rem}.h-48{height:12rem}.h-56{height:14rem}.h-64{height:16rem}.h-full{height:100%}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.leading-normal{line-height:1.5}.m-0{margin:0}.mx-1{margin-left:.25rem;margin-right:.25rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.my-4{margin-top:1rem;margin-bottom:1rem}.mx-4{margin-left:1rem;margin-right:1rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.my-8{margin-top:2rem;margin-bottom:2rem}.mx-8{margin-left:2rem;margin-right:2rem}.my-12{margin-top:3rem;margin-bottom:3rem}.my-16{margin-top:4rem;margin-bottom:4rem}.my-24{margin-top:6rem;margin-bottom:6rem}.mx-auto{margin-left:auto;margin-right:auto}.my-px{margin-top:1px;margin-bottom:1px}.mx-px{margin-left:1px;margin-right:1px}.mr-0{margin-right:0}.mt-2{margin-top:.5rem}.mr-2{margin-right:.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.mt-6{margin-top:1.5rem}.mb-6{margin-bottom:1.5rem}.mt-8{margin-top:2rem}.mb-8{margin-bottom:2rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mb-12{margin-bottom:3rem}.mt-16{margin-top:4rem}.mb-px{margin-bottom:1px}.-mt-2{margin-top:-.5rem}.-mt-6{margin-top:-1.5rem}.max-w-4xl{max-width:56rem}.max-w-full{max-width:100%}.object-contain{-o-object-fit:contain;object-fit:contain}.opacity-75{opacity:.75}.overflow-hidden{overflow:hidden}.p-8{padding:2rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.pb-6{padding-bottom:1.5rem}.static{position:static}.absolute{position:absolute}.relative{position:relative}.inset-x-0{right:0;left:0}.bottom-0{bottom:0}.shadow-md{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.shadow-xl{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.text-left{text-align:left}.text-center{text-align:center}.text-white{--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.text-gray-700{--text-opacity:1;color:#4a5568;color:rgba(74,85,104,var(--text-opacity))}.text-gray-900{--text-opacity:1;color:#1a202c;color:rgba(26,32,44,var(--text-opacity))}.text-red-600{--text-opacity:1;color:#e53e3e;color:rgba(229,62,62,var(--text-opacity))}.text-primary{color:var(--pt-color-primary)}.align-baseline{vertical-align:baseline}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.align-bottom{vertical-align:bottom}.whitespace-no-wrap{white-space:nowrap}.z-10{z-index:10}.z-20{z-index:20}.-z-10{z-index:-10}.gap-2{grid-gap:.5rem;gap:.5rem}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.col-start-1{grid-column-start:1}.col-start-2{grid-column-start:2}.transform{--transform-translate-x:0;--transform-translate-y:0;--transform-rotate:0;--transform-skew-x:0;--transform-skew-y:0;--transform-scale-x:1;--transform-scale-y:1;transform:translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y))}.rotate-1{--transform-rotate:1deg}.rotate-2{--transform-rotate:2deg}.-rotate-1{--transform-rotate:-1deg}.-rotate-2{--transform-rotate:-2deg}.-translate-x-1\/2{--transform-translate-x:-50%}.translate-x-1\/2{--transform-translate-x:50%}@-webkit-keyframes spin{to{transform:rotate(360deg)}}@keyframes spin{to{transform:rotate(360deg)}}@-webkit-keyframes ping{75%,100%{transform:scale(2);opacity:0}}@keyframes ping{75%,100%{transform:scale(2);opacity:0}}@-webkit-keyframes pulse{50%{opacity:.5}}@keyframes pulse{50%{opacity:.5}}@-webkit-keyframes bounce{0%,100%{transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes bounce{0%,100%{transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-pulse{-webkit-animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@media (min-width:640px){.sm\:container{width:100%}@media (min-width:640px){.sm\:container{max-width:640px}}@media (min-width:768px){.sm\:container{max-width:768px}}@media (min-width:1024px){.sm\:container{max-width:1024px}}@media (min-width:1280px){.sm\:container{max-width:1280px}}.sm\:border-gray-300{--border-opacity:1;border-color:#e2e8f0;border-color:rgba(226,232,240,var(--border-opacity))}.sm\:rounded-md{border-radius:.375rem}.sm\:border-solid{border-style:solid}.sm\:border{border-width:1px}.sm\:block{display:block}.sm\:inline-block{display:inline-block}.sm\:inline{display:inline}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:flex-row{flex-direction:row}.sm\:h-64{height:16rem}.sm\:h-auto{height:auto}.sm\:m-0{margin:0}.sm\:m-1{margin:.25rem}.sm\:my-0{margin-top:0;margin-bottom:0}.sm\:mx-0{margin-left:0;margin-right:0}.sm\:mx-3{margin-left:.75rem;margin-right:.75rem}.sm\:mt-0{margin-top:0}.sm\:mb-0{margin-bottom:0}.sm\:mr-4{margin-right:1rem}.sm\:mt-12{margin-top:3rem}.sm\:mb-40{margin-bottom:10rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:transform{--transform-translate-x:0;--transform-translate-y:0;--transform-rotate:0;--transform-skew-x:0;--transform-skew-y:0;--transform-scale-x:1;--transform-scale-y:1;transform:translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y))}.sm\:rotate-2{--transform-rotate:2deg}.sm\:-rotate-2{--transform-rotate:-2deg}}@media (min-width:768px){.md\:container{width:100%}@media (min-width:640px){.md\:container{max-width:640px}}@media (min-width:768px){.md\:container{max-width:768px}}@media (min-width:1024px){.md\:container{max-width:1024px}}@media (min-width:1280px){.md\:container{max-width:1280px}}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:text-xl{font-size:1.25rem}.md\:m-0{margin:0}.md\:mt-0{margin-top:0}.md\:max-w-lg{max-width:32rem}.md\:max-w-2xl{max-width:42rem}.md\:text-right{text-align:right}}@media (min-width:1024px){.lg\:container{width:100%}@media (min-width:640px){.lg\:container{max-width:640px}}@media (min-width:768px){.lg\:container{max-width:768px}}@media (min-width:1024px){.lg\:container{max-width:1024px}}@media (min-width:1280px){.lg\:container{max-width:1280px}}}@media (min-width:1280px){.xl\:container{width:100%}@media (min-width:640px){.xl\:container{max-width:640px}}@media (min-width:768px){.xl\:container{max-width:768px}}@media (min-width:1024px){.xl\:container{max-width:1024px}}@media (min-width:1280px){.xl\:container{max-width:1280px}}}