:root{--sc-heading-font-family:var(--global-heading-font-family, system-ui);--sc-tabs-color:var(--global-palette2, #b78f1f);--sc-grid-lines-color:transparent;--table-header-position:sticky;--table-header-top:0px;--table-header-top-large:0px;--table-heading-position:static;--table-header-bg:var(--global-palette7, #e0d6c9);;--table-header-color:#000;--table-body-border:var(--global-palette7, #e0d6c9);--table-heading-bg:#453C3D;--table-heading-color:#fff;--table-footer-border:var(--global-palette7, #e0d6c9);--table-footer-bg:var(--global-palette7, #e0d6c9);--table-footer-color:var(--global-palette4, #302f2e);--plant-list-bookends-bg:rgb(232 214 166 / 85%);--plant-list-bg:var(--global-palette8, #f4f2ef);--plant-list-color:var(--global-palette4, #302f2e);--plant-list-heading-bg:var(--global-palette7, #e0d6c9);--plant-list-heading-color:var(--global-palette4, #302f2e);--plant-list-button-bg-hover:#000;--plant-list-button-color-hover:#fff;--plant-list-button-bg:var(--global-palette1, #cea525);--plant-list-button-color:#000;--sc-toggle-color:var(--global-palette6, #018259);--plant-list-heading-toggle-hover:var(--global-palette2, #b78f1f);--spring-easing:linear(0, 0.0018, 0.0069 1.15%, 0.026 2.3%, 0.0637, 0.1135 5.18%, 0.2229 7.78%, 0.5977 15.84%, 0.7014, 0.7904, 0.8641, 0.9228, 0.9676 28.8%, 1.0032 31.68%, 1.0225, 1.0352 36.29%, 1.0431 38.88%, 1.046 42.05%, 1.0448 44.35%, 1.0407 47.23%, 1.0118 61.63%, 1.0025 69.41%, 0.9981 80.35%, 0.9992 99.94%);--spring-duration:0.8333s}.dont-print{@media print{display:none!important}}.hide-on-small{@container (width < 600px){display:none}}.st-description{line-height:1.2;display:flex;flex-direction:column;gap:.25lh;text-wrap:balance}.below-table{width:fit-content;margin:0 auto;div:has(button){display:flex;flex-wrap:wrap;justify-content:center;gap:.5lh;margin-block:1lh .25lh}.below-table-description{display:block;line-height:1.2;text-wrap:balance;font-size:smaller;text-align:center}}[hidden]{display:none!important}label{cursor:pointer}button,.button{cursor:pointer;text-wrap:balance;&:has(>svg:is(:first-child,:last-child)){display:inline-flex;align-items:center;text-align:left;line-height:1.2;gap:.25lh;gap:.25rlh;padding-inline:.25lh;padding-inline:.25rlh;gap:.5em;padding-inline:1em;position:relative;&>svg:is(:first-child,:last-child){width:1em;height:1em}&:active{scale:.98}}}.date-selector-date{display:inline-flex;column-gap:.5lh}.frost-month{min-width:9ch}[slot="ds-spring"],[slot="ds-fall"]{display:flex;flex-wrap:wrap;align-items:center;gap:.5lh;row-gap:.25lh;padding-inline:1rem;@container (width < 500px){justify-content:center}}.toggle-input{display:flex;gap:.5em;gap:.25lh;align-items:center;label:hover{cursor:pointer}.toggle{--_color:var(--sc-toggle-color, #018259);--_color-active:light-dark(
    var(--_color),
    oklch(from var(--_color) 48% c h)
    );--_transition:transform 0.2s ease-in-out, background-color 0.2s linear;--_height:1rem;--_height:1em;--_height:.75rlh;--_padding:calc(var(--_height) / 9);--_width:calc(1.5 * (var(--_height) + var(--_padding)));--_circle:calc(var(--_height) - (2 * var(--_padding)));--_radius:calc(var(--_circle) + (2 * var(--_padding)));--_distance:calc(var(--_width) - (2 * var(--_padding)) - var(--_circle));--_slider-active-color:light-dark(#fff, #fff);--_slider-active-bg:var(--_color);--_slider-color:light-dark(#fafafa, #ddd);--_slider-bg:light-dark(
    oklch(from var(--_color) 39% 0 h),
    oklch(from oklch(from var(--_color) 39% 0 h) 48% c h)
    );width:var(--_width);height:var(--_height);position:relative;display:inline-block;input{opacity:0;width:0;height:0}&:has(input:focus-visible) .toggle-slider{outline:solid 2px var(--_color,#6666bbef);outline-offset:.1rem}.toggle-slider{position:absolute;inset:0;background-color:var(--_slider-bg);border-radius:var(--_radius);-webkit-transition:var(--_transition);transition:var(--_transition);&:before{position:absolute;content:"";height:var(--_circle);width:var(--_circle);left:var(--_padding);top:var(--_padding);background-color:var(--_slider-color);transition:var(--_transition);border-radius:50%}}&:has(>input:checked) .toggle-slider{background-color:var(--_slider-active-bg);&:before{transform:translateX(var(--_distance));background-color:var(--_slider-active-color)}}}}#plant-selector-wrapper{button{font-size:smaller;font-size:14px;line-height:1.2;text-transform:none;box-shadow:none;background:var(--plant-list-button-bg,#fff);color:var(--plant-list-button-color,#000);padding:7px 14px;&:is(:hover,:active,:focus){background:var(--plant-list-button-bg-hover,#000);color:var(--plant-list-button-color-hover,#000)}}input[class=filter-plant-list]{display:flex;width:90%;font-size:16px;line-height:1;padding-inline-start:.25lh;padding-inline-start:.25rlh;padding-block:.25lh;margin-inline-end:0;&::-webkit-search-cancel-button{cursor:pointer;height:1lh;height:1rlh;width:1lh;width:1rlh;margin-inline-end:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10" fill="gray"/><line x1="8" y1="8" x2="16" y2="16" stroke="white" stroke-width="https://gardenbetty.com/wp-content/cache/min/1/wp-content/plugins/seed-calculator/assets/2"/><line x1="16" y1="8" x2="8" y2="16" stroke="white" stroke-width="https://gardenbetty.com/wp-content/cache/min/1/wp-content/plugins/seed-calculator/assets/2"/></svg>') no-repeat center center;background-size:contain;border:none;appearance:none}}.close{padding:0;border-radius:50%;width:1.5rem;height:1.5rem;aspect-ratio:1;line-height:1;border-width:1px;justify-content:center;&:active{scale:.9}}ul[slot=plant-list]{list-style:none;margin:0 0 .5lh 0;margin:0 0 .5rlh 0;padding:0 0 .25lh 0;padding:0 0 .25rlh 0;min-height:1lh;min-height:1rlh;transition:margin-block-start 0.5s ease-in-out}li{text-wrap:balance;margin:0;padding:0;&:before{display:none}}.list-heading{font-weight:700;background-color:var(--plant-list-heading-bg,#ddd);color:var(--plant-list-heading-color,#111);margin:.5lh 0;padding:.5lh;padding:.5lh .5lh;padding:.5rlh .5lh;padding:.5rlh .75rlh;label:not(.toggle){width:90%}.toggle-input .toggle{--_height:.65lh;--_height:.65rlh}&:hover .toggle-input .toggle{@media (pointer:fine){--_color:var(--plant-list-heading-toggle-hover, #ccc);--_slider-bg:var(--plant-list-heading-toggle-hover, #ccc)}}&.only-some-active{& .toggle-slider:before{transform:translateX(calc(var(--_distance) * .5));border-radius:3px;height:calc(var(--_circle) / 6);margin-top:calc(var(--_padding) * 3)}}}.list-heading:has(+.list-heading),.list-heading:last-child{display:none}.plant-label{display:flex;align-items:center;margin-bottom:.25lh;margin-bottom:.5rlh;gap:.25lh;padding-inline:.75lh;padding-inline:.75rlh;label:last-child{display:block;width:90%}}}