html:has(plant-suitability){scrollbar-gutter:stable}html:has(.plant-suitability__drawer[open]){overflow:hidden;overscroll-behavior:none}.plant-suitability{display:block;margin-block:12px}.plant-suitability button.plant-suitability__trigger,.plant-suitability button.plant-suitability__close{-webkit-appearance:none;appearance:none;box-shadow:none;cursor:pointer;float:none;font-family:inherit;letter-spacing:normal;margin:0;min-width:0;position:static;text-transform:none}.plant-suitability button.plant-suitability__trigger:before,.plant-suitability button.plant-suitability__trigger:after,.plant-suitability button.plant-suitability__close:before,.plant-suitability button.plant-suitability__close:after{content:none}#root .plant-suitability button.plant-suitability__trigger{align-items:center;background:var(--ps-background);border:var(--ps-border-width) solid var(--ps-border);border-radius:var(--ps-radius);color:var(--ps-text);display:flex;gap:12px;height:auto;line-height:1.3;min-height:var(--ps-height);padding:var(--ps-padding-block) var(--ps-padding-inline);text-align:start;white-space:normal;width:100%}.plant-suitability__icon{flex:0 0 auto;height:var(--ps-icon);object-fit:contain;width:var(--ps-icon)}.plant-suitability__copy{flex:1;min-width:0;overflow-wrap:anywhere}.plant-suitability__heading,.plant-suitability__subheading{display:block}.plant-suitability__heading{font-size:var(--ps-heading-size);font-weight:700}.plant-suitability .plant-suitability__subheading{color:var(--ps-secondary);font-size:var(--ps-subheading-size);line-height:1.35;margin:2px 0 0}.plant-suitability__chevron{flex:0 0 auto;font-size:24px;line-height:1}.plant-suitability .plant-suitability__drawer{background:#fff;border:0;box-shadow:-8px 0 30px #0002;color:var(--ps-text);height:100%;height:100dvh;inset:0 auto 0 max(0px,calc(100vw - var(--ps-drawer-width)));margin:0;max-height:none;max-width:none;overflow:hidden;padding:0;position:fixed;width:min(100vw,var(--ps-drawer-width))}.plant-suitability .plant-suitability__drawer:not([open]){display:none}.plant-suitability .plant-suitability__drawer[open]{display:flex;flex-direction:column}.plant-suitability__drawer::backdrop{background:#14191261}@media(prefers-reduced-motion:no-preference){.plant-suitability .plant-suitability__drawer[open]{transform:translate(0);transition:transform .32s cubic-bezier(.2,.75,.25,1)}.plant-suitability .plant-suitability__drawer[open].is-closing{transform:translate(100%);transition:transform .24s cubic-bezier(.4,0,.75,.25)}.plant-suitability__drawer[open]::backdrop{opacity:1;transition:opacity .24s ease}.plant-suitability__drawer[open].is-closing::backdrop{opacity:0}@starting-style{.plant-suitability .plant-suitability__drawer[open]{transform:translate(100%)}.plant-suitability__drawer[open]::backdrop{opacity:0}}}.plant-suitability__header{align-items:center;background:var(--ps-background);border-bottom:1px solid var(--ps-border);display:flex;flex-shrink:0;gap:12px;max-height:50%;overflow:auto;padding:16px clamp(16px,4vw,24px)}.plant-suitability__header h2{color:inherit;font-size:clamp(17px,4vw,22px);line-height:1.25;margin:0}.plant-suitability button.plant-suitability__close{align-self:flex-start;background:transparent;border:1px solid var(--ps-border);border-radius:var(--ps-radius);color:var(--ps-text);display:grid;flex:0 0 44px;font-size:24px;height:44px;line-height:1;min-height:44px;padding:0;place-items:center;width:44px}.plant-suitability button:focus-visible,.plant-suitability__body:focus-visible{outline:2px solid currentColor;outline-offset:-3px}.plant-suitability__body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:20px clamp(16px,4vw,24px)}.plant-suitability__group+.plant-suitability__group{margin-top:24px}.plant-suitability__group h3{color:inherit;font-size:15px;font-weight:700;margin:0 0 6px;overflow-wrap:anywhere}.plant-suitability__group dl,.plant-suitability__row dd{margin:0;padding:0}.plant-suitability__row{border-top:1px solid var(--ps-border);display:grid;font-size:14px;gap:12px;grid-template-columns:minmax(0,1fr) minmax(0,2.5fr);line-height:1.45;overflow-wrap:anywhere;padding:10px 0}.plant-suitability__row dt{font-weight:700}@media(max-width:759px),(hover:none)and (max-height:500px){.plant-suitability .plant-suitability__drawer{left:0;width:100vw}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/product-plant-suitability.css.map */