.pn-calc{--pn-calc-error: #A2452D;container:pn-calc / inline-size;position:relative;display:flex;flex-direction:column;gap:24px;padding:32px;background:var(--cream);border:1px solid var(--border-2);border-radius:24px;color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.5;text-align:left;scroll-margin-top:calc(var(--nugget-scroll-margin, 96px) + 8px)}.pn-calc p{margin:0}.pn-calc__head{display:flex;flex-direction:column;gap:8px}.pn-calc__title{font-family:var(--font-display);font-weight:700;font-size:30px;line-height:1.1;color:var(--green);text-wrap:balance}.pn-calc__title:focus,.pn-calc__result-head:focus{outline:none}.pn-calc__text{max-width:58ch;color:var(--muted)}.pn-calc__noscript{font-weight:700}@media(scripting:none){.pn-calc__form{display:none}}.pn-calc__form{display:flex;flex-direction:column;gap:22px;margin:0}.pn-calc__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;align-items:start}.pn-calc__field{display:flex;flex-direction:column;gap:8px;min-width:0;margin:0;padding:0;border:0}.pn-calc__field--wide{grid-column:1 / -1}fieldset.pn-calc__field{display:block}fieldset.pn-calc__field>legend{display:block;margin:0 0 8px;padding:0}fieldset.pn-calc__field>.pn-calc__error{margin-top:8px}.pn-calc__label{font-weight:700;font-size:14px;line-height:1.3;color:var(--ink)}.pn-calc .pn-calc__input{display:block;width:100%;min-width:0;height:48px;margin:0;padding:0 14px;border:1px solid var(--border);border-radius:12px;background-color:#fff;box-shadow:none;color:var(--ink);font:inherit;font-size:16px;line-height:1.2;-webkit-appearance:none;appearance:none;transition:border-color .12s var(--ease)}.pn-calc .pn-calc__input::placeholder{color:#776c65;opacity:1}.pn-calc .pn-calc__input:hover{border-color:#d8c0ab}.pn-calc .pn-calc__input:focus-visible{outline:3px solid var(--coral);outline-offset:2px;border-color:var(--green)}.pn-calc .pn-calc__input[aria-invalid=true]{border-color:var(--pn-calc-error)}.pn-calc .pn-calc__select{padding-right:40px;text-overflow:ellipsis;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23064D39' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px 16px}.pn-calc input[type=number].pn-calc__input{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.pn-calc input[type=number].pn-calc__input::-webkit-outer-spin-button,.pn-calc input[type=number].pn-calc__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pn-calc__age{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pn-calc__affix,.pn-calc__months{position:relative;display:block;min-width:0}.pn-calc .pn-calc__affix .pn-calc__input{padding-right:62px}.pn-calc__affix-unit{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:15px;line-height:1;pointer-events:none}.pn-calc__pills{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.pn-calc__pill{position:relative;display:block;min-width:0;cursor:pointer}.pn-calc__pill input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.pn-calc__pill-face{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:56px;padding:8px 12px;border:1.5px solid var(--border);border-radius:var(--pill);background:#fff;color:var(--ink);text-align:center;line-height:1.2;transition:background .12s var(--ease),border-color .12s var(--ease),color .12s var(--ease)}.pn-calc__pill-name{font-weight:700;font-size:15px}.pn-calc__pill-sep{display:none}.pn-calc__pill-range{font-size:13px;color:var(--muted)}.pn-calc__pill:hover .pn-calc__pill-face{border-color:var(--green)}.pn-calc__pill input:checked+.pn-calc__pill-face{background:var(--mint);border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green);color:var(--green)}.pn-calc__pill input:checked+.pn-calc__pill-face .pn-calc__pill-name{font-weight:800}.pn-calc__pill input:checked+.pn-calc__pill-face .pn-calc__pill-range{color:var(--green)}.pn-calc__pill input:checked+.pn-calc__pill-face .pn-calc__pill-name:before{content:"";display:inline-block;width:5px;height:10px;margin:0 8px 1px 0;border:solid var(--green);border-width:0 2px 2px 0;transform:rotate(45deg)}.pn-calc__pill input[aria-invalid=true]:not(:checked)+.pn-calc__pill-face{border-color:var(--pn-calc-error)}.pn-calc__pill input:focus-visible+.pn-calc__pill-face{outline:3px solid var(--coral);outline-offset:2px}@container pn-calc (min-width: 760px){.pn-calc__pill-face{flex-direction:row;gap:0;min-height:48px;white-space:nowrap}.pn-calc__pill-sep{display:inline;white-space:pre;color:var(--muted)}.pn-calc__pill-range{font-size:14px}}.pn-calc__error{color:var(--pn-calc-error);font-size:14px;font-weight:700;line-height:1.35}.pn-calc__note{line-height:1.4}.pn-calc__trap{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.pn-calc__actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px}.pn-calc .pn-calc__submit{min-width:200px;height:52px;padding:0 28px;font-size:17px}.pn-calc__result{display:flex;flex-direction:column;gap:28px;animation:pn-calc-in .24s var(--ease)}@keyframes pn-calc-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.pn-calc__result-head{display:flex;flex-direction:column;gap:8px}.pn-calc__number{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 14px;font-family:var(--font-display);font-weight:700;line-height:1;color:var(--green)}.pn-calc__number-value{font-size:72px;letter-spacing:-.02em}.pn-calc__number-unit{font-size:28px;font-weight:600}.pn-calc__sub{color:var(--muted)}.pn-calc__stages{display:flex;flex-direction:column;gap:12px}.pn-calc__stage-now{font-size:16px}.pn-calc__stage-now strong{font-weight:800;color:var(--green)}.pn-calc__bar{position:relative;padding-top:36px}.pn-calc__track{display:flex;height:16px;border-radius:var(--pill);overflow:hidden;background:var(--border-2)}.pn-calc__seg{display:block;flex:none;min-width:5px;height:100%;box-shadow:inset -2px 0 0 var(--cream);opacity:.42}.pn-calc__seg:last-child{flex:1 1 0;box-shadow:none}.pn-calc__seg.is-current{opacity:1}.pn-calc__seg--puppy{background:var(--butter)}.pn-calc__seg--young{background:var(--peach)}.pn-calc__seg--mature{background:var(--teal)}.pn-calc__seg--senior{background:var(--green)}.pn-calc__marker-dot{position:absolute;left:var(--pn-calc-at, 0%);bottom:-2px;width:20px;height:20px;margin-left:-10px;border:3px solid var(--cream);border-radius:50%;background:var(--ink);box-shadow:0 1px 4px #21171359}.pn-calc__marker-label{position:absolute;left:var(--pn-calc-at, 0%);top:0;transform:translate(calc(-1 * var(--pn-calc-at, 0%)));padding:5px 9px;border-radius:8px;background:var(--ink);color:#fff;font-size:12px;font-weight:800;line-height:1.2;white-space:nowrap}.pn-calc__marker-label:after{content:"";position:absolute;left:clamp(10px,var(--pn-calc-at, 0%),calc(100% - 10px));top:100%;margin-left:-5px;border:5px solid transparent;border-top-color:var(--ink);border-bottom-width:0}.pn-calc .pn-calc__legend{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:2px 0 0;padding:0;list-style:none}.pn-calc__legend-item{display:flex;align-items:flex-start;gap:8px;min-width:0;padding:8px 10px;border:1px solid transparent;border-radius:12px;font-size:14px;line-height:1.3;color:var(--muted)}.pn-calc__legend-item.is-current{background:var(--paper);border-color:var(--border)}.pn-calc__swatch{flex:none;width:12px;height:12px;margin-top:3px;border-radius:50%}.pn-calc__legend-text{display:flex;flex-direction:column;gap:1px;min-width:0}.pn-calc__legend-name{font-weight:600;color:var(--ink)}.pn-calc__legend-item.is-current .pn-calc__legend-name{font-weight:800;color:var(--green)}.pn-calc__legend-range{font-size:13px}.pn-calc__lifespan{font-size:15px;color:var(--muted)}.pn-calc__stage-card{display:grid;grid-template-columns:minmax(0,40%) minmax(0,1fr);gap:24px;align-items:start;padding:20px;background:var(--paper);border:1px solid var(--border-2);border-radius:20px}.pn-calc__stage-card--plain{grid-template-columns:minmax(0,1fr);padding:24px}.pn-calc__stage-img{aspect-ratio:4 / 3;border-radius:16px;overflow:hidden;background:var(--sand-2)}.pn-calc .pn-calc__stage-img img{display:block;width:100%;height:100%;max-width:none;border-radius:0;object-fit:cover}.pn-calc__stage-body{display:flex;flex-direction:column;gap:10px;min-width:0}.pn-calc .pn-calc__stage-eyebrow{color:var(--rust)}.pn-calc__stage-title{font-family:var(--font-display);font-weight:700;font-size:26px;line-height:1.1;color:var(--green)}.pn-calc .pn-calc__habits{display:flex;flex-direction:column;gap:8px;margin:4px 0 0;padding:0;list-style:none}.pn-calc .pn-calc__habits li{position:relative;padding-left:26px;font-size:15px;line-height:1.45}.pn-calc .pn-calc__habits li:before{content:"";position:absolute;left:5px;top:4px;width:6px;height:11px;border:solid var(--green);border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}.pn-calc .pn-calc__links{display:flex;flex-direction:column;gap:6px;margin:6px 0 0;padding:0;list-style:none}.pn-calc .pn-calc__links li{font-size:15px;line-height:1.4}.pn-calc a.pn-calc__link,.rte .pn-calc a.pn-calc__link{color:var(--green);font-weight:700;text-decoration:underline;text-underline-offset:3px}.pn-calc a.pn-calc__link:hover,.rte .pn-calc a.pn-calc__link:hover{text-decoration-thickness:2px}.pn-calc__result-foot{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}.pn-calc__edit{flex:none;height:44px;padding:0 18px;border:2px solid var(--green);border-radius:var(--r-sm);background:transparent;color:var(--green);font:inherit;font-weight:700;font-size:15px;line-height:1;white-space:nowrap;cursor:pointer;transition:background .12s var(--ease)}.pn-calc__edit:hover{background:#fff}.pn-calc__fine{flex:1 1 260px}.pn-dog-age-page{max-width:calc(880px + 2 * var(--gutter));padding-top:56px;padding-bottom:72px;display:flex;flex-direction:column;gap:48px}.pn-dog-age-page__head{display:flex;flex-direction:column;gap:14px}.pn-dog-age-page .pn-dog-age-page__title{font-size:52px}.pn-dog-age-page__intro{max-width:60ch;color:var(--muted)}.pn-dog-age-page__block{display:flex;flex-direction:column;gap:16px}.pn-dog-age-page__block h2{scroll-margin-top:104px}.pn-dog-age-page__block>p{max-width:68ch}.pn-dog-age-page__method{max-width:68ch;font-size:16px;line-height:1.6}.pn-dog-age-page__guide{width:fit-content;font-weight:700;text-decoration:underline;text-underline-offset:3px;white-space:normal}.pn-age-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:20px;background:var(--paper)}.pn-age-table{width:100%;border-collapse:separate;border-spacing:0;font-size:16px;font-variant-numeric:tabular-nums}.pn-age-table th,.pn-age-table td{padding:11px 20px;border-bottom:1px solid var(--border-2);text-align:right;white-space:nowrap}.pn-age-table thead th{background:var(--cream);color:var(--green);font-weight:800;font-size:15px;line-height:1.25;vertical-align:bottom}.pn-age-table thead th span{display:block;color:var(--muted);font-weight:400;font-size:13px}.pn-age-table tbody th{font-weight:700}.pn-age-table tbody th,.pn-age-table tbody td{background:var(--paper)}.pn-age-table tbody tr:nth-child(2n) th,.pn-age-table tbody tr:nth-child(2n) td{background:var(--canvas)}.pn-age-table tbody tr:last-child th,.pn-age-table tbody tr:last-child td{border-bottom:0}.pn-age-table th:first-child{position:sticky;left:0;z-index:1;text-align:left;box-shadow:1px 0 0 var(--border-2)}@media(max-width:989px){.pn-dog-age-page{padding-top:40px;padding-bottom:56px;gap:40px}.pn-dog-age-page .pn-dog-age-page__title{font-size:42px}}@media(max-width:639px){.pn-calc{gap:20px;padding:20px;border-radius:20px}.pn-calc__title{font-size:25px}.pn-calc__grid{grid-template-columns:minmax(0,1fr);gap:16px}.pn-calc__pills{grid-template-columns:repeat(2,minmax(0,1fr))}.pn-calc .pn-calc__submit{width:100%}.pn-calc__result{gap:24px}.pn-calc__number-value{font-size:56px}.pn-calc__number-unit{font-size:24px}.pn-calc .pn-calc__legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.pn-calc__stage-card,.pn-calc__stage-card--plain{grid-template-columns:minmax(0,1fr);gap:16px;padding:16px}.pn-calc__stage-title{font-size:23px}.pn-calc__edit{width:100%}.pn-dog-age-page{padding-top:32px;padding-bottom:48px;gap:32px}.pn-dog-age-page .pn-dog-age-page__title{font-size:34px}.pn-age-table{min-width:520px;font-size:15px}.pn-age-table th,.pn-age-table td{padding:10px 14px}}@media(prefers-reduced-motion:reduce){.pn-calc__result{animation:none}.pn-calc .pn-calc__input,.pn-calc__pill-face,.pn-calc__edit{transition:none}}@media(max-width:480px){.pn-age-table{min-width:0;font-size:14px}.pn-age-table th,.pn-age-table td{padding:9px 6px;white-space:normal}.pn-age-table thead th{font-size:13px}.pn-age-table thead th span{font-size:11px}.pn-age-table th:first-child{padding-left:12px}.pn-age-table td:last-child,.pn-age-table th:last-child{padding-right:12px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/pn-dog-age.css.map */