.plant-finder__breadcrumbs{padding-bottom:48px}.plant-finder__header{text-align:center;margin-bottom:16px;max-width:540px}.plant-finder__header .h2{font-family:Canela;font-weight:400;font-size:2.4rem;line-height:1.2}.plant-finder{display:grid;grid-template-columns:repeat(1,1fr);gap:4rem}.plant-finder__image{display:none;align-items:center;justify-content:center}.plant-finder__image img{max-width:100%;display:block;object-fit:cover}.plant-finder .page-width{max-width:716px}.plant-finder__strings{display:grid;justify-content:center;grid-template-columns:max-content}.plant-finder__string{display:inline-flex;justify-content:center;flex-wrap:wrap;gap:8px;align-items:center;text-align:center;width:100%;padding:16px 0;border-bottom:0px solid #cab7a2;font-weight:400;font-size:1.4rem;line-height:1.214}.plant-finder__string:last-of-type{border-bottom:unset}.plant-finder__string.plant-finder__string--next-line{display:flex}.plant-finder__string-filters{position:relative;display:inline-block;text-align:center;width:100%;background-color:rgb(var(--color-btn-main-text));cursor:pointer}.plant-finder__current-filter{position:relative;display:flex;justify-content:center;align-items:center;text-align:center;padding:8px 20px;min-height:46px}.plant-finder__current-filter span{font-weight:400;font-size:1.4rem;line-height:1}.plant-finder__current-filter .icon{position:absolute;inset:50% 16px auto auto;transform:translateY(-50%)}.plant-finder__string-filters:not(.active) .plant-finder__filter-selector{pointer-events:none;opacity:0;transform:translateY(10%)}.plant-finder__filter-selector{z-index:2;position:absolute;overflow-y:auto;inset:100% auto auto auto;width:100%;display:flex;flex-direction:column;margin:0;padding:0;min-width:max-content;max-height:50dvh;background-color:rgb(var(--color-btn-main-text));border:1px solid rgba(var(--color-btn-main-bg));list-style:none;transition:opacity .4s ease,transform .4s ease}.plant-finder__filter-selector-item{padding:8px;transition:background-color .4s ease}.plant-finder__filter-selector-item:hover{background-color:#0000001a}.plant-finder__filter-selector-item.active{background-color:#00000026}.plant-finder__submit{font-family:General Sans;display:flex;align-items:center;justify-content:center;gap:8px;height:45px;margin-top:16px;padding:4px 12px;background-color:rgba(var(--color-btn-main-bg));color:rgb(var(--color-btn-main-text));font-weight:600;font-size:12px;line-height:170%;letter-spacing:.71px;text-transform:uppercase;cursor:pointer}.plant-finder__reset{font-family:General Sans;display:flex;align-items:center;justify-content:center;gap:8px;height:45px;margin-top:16px;padding:4px 12px;color:rgb(var(--color-btn-main-bg));font-weight:600;font-size:12px;line-height:170%;letter-spacing:.71px;text-transform:uppercase;cursor:pointer}.plant-finder__submit svg{display:block;width:14px;height:14px;transition:transform .3s ease}.plant-finder__submit:hover svg{transform:translate(10%)}.plant-finder__submit svg path{fill:rgb(var(--color-btn-main-text))}@media screen and (max-width: 767px){.plant-finder__string,.plant-finder__submit{width:calc(100% + 28px);margin-left:-14px}.plant-finder__string.plant-finder__string--next-line{flex-direction:column}}@media screen and (min-width: 768px){.plant-finder__header{text-align:start;margin-bottom:24px}.plant-finder__header .h2{font-size:3.2rem;line-height:1}.plant-finder__strings{display:block}.plant-finder__string{flex-wrap:unset;border-bottom:unset;justify-content:start;font-size:2rem;line-height:1.2;column-gap:24px;padding:12px 0}.plant-finder__string-filters{min-width:170px;width:unset}.plant-finder__current-filter{padding:10px 56px 10px 24px;min-height:52px}.plant-finder__current-filter span,.plant-finder__filter-selector li{font-size:2rem}.plant-finder__current-filter .icon{inset:50% 16px auto auto}.plant-finder__filter-selector-item{padding:14px 10px}.plant-finder__submit{margin-top:12px;padding:12px 32px;width:max-content;min-width:292px;min-height:57px;font-size:1.4rem;letter-spacing:.05em}.plant-finder__reset{margin-top:12px;padding:12px 32px;width:max-content;font-size:1.4rem;letter-spacing:.05em}}@media screen and (min-width: 1024px){.plant-finder__header .h2{font-size:4rem}.plant-finder{grid-template-columns:repeat(2,1fr)}.plant-finder__image{display:flex}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-voo-plant-finder.css.map */