.page{max-width:820px;margin:0 auto;padding:2.5rem 1.25rem 3rem}h1{font-family:var(--font-display);font-weight:400;font-size:clamp(2rem,5vw,3rem);line-height:1.05;margin:0 0 .6rem}.intro{margin:0 0 1.75rem;color:var(--ink-soft);max-width:52ch}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:1.5rem}.cycle-form{display:grid;gap:25px 0}.field.halfselect-section{gap:10px;flex-wrap:unset}.field.halfselect-section label{width:50%}.field.halfselect-section select{width:50%;appearance:none;-webkit-appearance:none;-moz-appearance:none;text-align:center;text-align-last:center;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%235E5E5E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat;background-size:10px 6px;background-position:calc(50% + 36px) center;cursor:pointer}.field{display:flex;flex-wrap:wrap;gap:5px}.field label{font-weight:600;font-size:12px;color:#5e5e5e;line-height:normal}.field input,.field select{font:inherit;background:#fff;border-radius:4px;padding:10px 14px;min-height:2.8rem;border:none;font-weight:700;font-size:14px}input:focus-visible,select:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.form-error{grid-column:1 / -1;margin:0;color:var(--error);font-weight:500}.actions{grid-column:1 / -1}button{font:inherit;font-weight:600;border-radius:999px;padding:.65rem 1.5rem;cursor:pointer}.btn-primary{background:var(--accent);color:var(--accent-ink);border:1px solid var(--accent)}.btn-nav{background:var(--surface);color:var(--ink);border:1px solid var(--line);padding:.55rem 1.1rem}.btn-nav:hover{border-color:var(--accent)}.results{margin-top:2rem}.toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.1rem}.legend{display:flex;gap:20px;justify-content:center;margin:0;padding:10px 0 20px}.calendersection-result{border-radius:8px;background:#fff5f8}.calendersection-result>h2{padding:0;background:#ec1c47;border-radius:8px 8px 0 0;color:#fff;font-size:14px!important;font-weight:700;letter-spacing:-2%!important;height:42px;display:flex;align-items:center;justify-content:center}.nav button{padding:0;font-size:10px;color:#5e5e5e;font-weight:600;text-decoration:underline;display:flex;align-items:center;gap:2px}.nav button img{width:6px}.legend li{display:flex;align-items:center;gap:.45rem;font-size:10px!important;color:#919191}.swatch{width:8px;height:8px;border-radius:50%}.swatch--period{background:#ec1c47}.swatch--ovulation{background:#e3b000}.nav{display:flex;gap:.5rem;justify-content:space-between;width:100%;padding:0 10px}.calendars{display:flex;gap:5px;padding:0 5px}.month{width:50%;background:#fff;padding:2px}.month h2{font-size:10px!important;color:#1e1e1e;font-weight:700;margin:0 0 5px;height:24px;display:flex;justify-content:center;align-items:center;border-bottom:1px #FFEEF2 solid}.month-grid{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;gap:2px}.weekday{font-size:10px!important;color:#f9b4c1;font-weight:700!important}.day{aspect-ratio:1;display:grid;place-items:center;font-size:9px!important;padding:2px;color:#5e5e5e}.day--period{background:#ec1c47;color:#fff}.day--ovulation{background:#e3b000;color:#fff}.summary{display:flex;flex-wrap:wrap;gap:2.25rem;margin-bottom:1.5rem}.summary-item p{margin:0;color:var(--ink-soft);font-size:.95rem}.summary-item strong{display:block;font-family:var(--font-display);font-weight:400;font-size:1.5rem}.table-title{display:flex;justify-content:center;align-items:center;font-size:14px!important;color:#ec1c47;font-weight:700;height:40px;border-bottom:1px #FFEEF2 solid;letter-spacing:-2%!important;margin:0}.cycle-table{width:100%;padding:10px 5px;background:#f7f7f7!important}.cycle-table th,.cycle-table td{text-align:left;padding:6px;background:#fff2b8;width:50%}.cycle-table th{font-weight:600;background:#e3b000;border-radius:2px 2px 0 0;font-size:12px;text-align:center;color:#fff}.cycle-table tbody tr:last-child td{border-bottom:none}.note{margin-top:1.4rem;max-width:70ch;font-size:.88rem;color:var(--ink-soft)}section.panel{background:#fff5f8;border-radius:8px}input#last-period{width:100%}button.btn-primary{width:100%;background:#000;border-radius:4px;color:#fff;font-size:14px;letter-spacing:-2%!important;padding:12px;line-height:normal}.period-cyclesection{background:#fff5f8;margin-top:20px}.cycle-table th:first-child{background:#ec1c47}.cycle-table td:first-child{background:#ffdce3}table.cycle-table tr{display:flex;gap:5px}.cycle-table td{color:#1e1e1e;font-weight:500;text-align:center;margin-bottom:3px;font-size:12px}.checkagain-btn button{background:#1e1e1e;border:none;width:100%;color:#fff;font-size:14px;line-height:normal;padding:11px;border-radius:2px;font-weight:700;letter-spacing:-2%!important;margin-top:10px}.productconten-section h2{margin-bottom:10px}.productconten-section{margin-top:30px}input#last-period::-webkit-calendar-picker-indicator{background:url(/cdn/shop/files/blank-calendar--blank-calendar-date-day-month-empty.png?v=1792050162) no-repeat center / contain;width:14px;height:14px;opacity:1;cursor:pointer}.contentsection-form{display:none}button#prev-btn img{margin-right:5px}button#next-btn img{margin-left:5px}h3{font-size:30px;margin:10px 0}.rich-text__text.typeset.rte{max-width:100%}h4{font-size:20px;margin:20px 0 10px}@media(max-width:640px){.summary{gap:1.4rem}.panel{padding:15px;margin-top:20px}span.months-count{font-size:10px!important}h3{font-size:20px}h4{font-size:18px}}@media(min-width:991px){.period-cyclesection{background:#fff5f8;margin-top:20px}.cycle-table th:first-child{background:#ec1c47}.cycle-table td:first-child{background:#ffdce3}table.cycle-table tr{display:flex;gap:5px}.cycle-table td{color:#1e1e1e;font-weight:500;text-align:center;margin-bottom:3px;font-size:12px}.field label{font-size:18px;margin-bottom:5px}.field input,.field select{font-size:18px}button.btn-primary{padding:15px;font-size:18px;background:#ec1c47}.field.halfselect-section select{background-position:calc(50% + 44px) center}.desktopresult-show{display:none}.calendersection-result>h2{font-size:18px!important;height:60px;border-radius:15px 15px 0 0}.nav button{font-size:16px;gap:3px}.nav button img{width:8px}.month h2{font-size:16px!important;height:auto}.weekday,.day{font-size:14px!important}.legend li{font-size:15px!important;margin:10px 0}.swatch{width:14px;height:14px}.table-title{font-size:18px!important;height:auto;padding:15px}.cycle-table th,.cycle-table td{font-size:16px}section.panel{margin-top:30px}div#calendars{padding:0 80px;gap:30px}.toolbar{padding:10px 80px}main.page{max-width:1440px;margin:0 auto;padding:5rem}section.panel{display:flex;gap:50px;background:no-repeat}form#cycle-form{background:#fff5f8;width:60%;padding:30px 20px;border-radius:20px}.contentsection-form{display:block;width:40%}.heading-section{display:flex;align-items:baseline;justify-content:space-between}.heading-section button{background:#ec1c47;border:none;border-radius:2px;color:#fff;display:flex;align-items:center;gap:10px;padding:10px 16px}.heading-section button img{width:14px}.checkagain-btn{display:none}}.page [hidden]{display:none!important}.heading-section .recalc-btn{display:none}@media(min-width:991px){.page.is-result .heading-section .recalc-btn{display:flex;width:250px}.page.is-result .desktopresult-show{display:block}.calendars .month{width:auto;flex:1 1 0;min-width:0}}
/*# sourceMappingURL=/cdn/shop/t/178/assets/calendar-page.css.map */