[hidden] {
  display:none!important
}

img {
  display:block;
  height:auto;
  max-width:100%
}

::backdrop {
  background:rgba(0,0,0,.6)
}

.plantsource-calculator--module dialog {
  border:none;
  height:calc(100% - 2rem);
  margin:auto;
  max-width:calc(152ch + 8rem);
  padding-left:2rem;
  padding-right:2rem;
  width:calc(100% - 2rem)
}

.plantsource-calculator--module dialog .dialog--header {
  display:grid;
  grid-template-columns:1fr max-content 1fr
}

.plantsource-calculator--module dialog .dialog--header .close-button {
  grid-area:1/3/2/4;
  text-align:right
}

.plantsource-calculator--module dialog .dialog--header .content-wrapper {
  grid-area:1/2/2/3
}

.plantsource-calculator--module {
  --item-width:16rem;
  --gap:2rem;
  --item-content-margin:.5rem
}

.plantsource-calculator--module .items-list-UI {
  align-items:center;
  display:flex;
  margin-bottom:var(--gap);
  margin-top:var(--gap)
}

.plantsource-calculator--module .applied-filters {
  display:flex;
  flex-wrap:wrap;
  gap:1rem
}

.plantsource-calculator--module .input-group {
  width:auto
}

.plantsource-calculator--module .selected-list {
  margin:auto;
  max-width:calc(152ch + 8rem);
  padding-left:2rem;
  padding-right:2rem
}

.plantsource-calculator--module .btn {
  animation:none!important
    font-family: "Roboto", Sans-serif;
    font-size: 18px;
    font-weight: 300;
    border-style: solid;
	background-color: #277945;
	color: #FFFFFF;
    border-width: 1px 1px 1px 1px;
    border-color: var(--e-global-color-7377a2e)
#FFFFFF;
}

.plantsource-calculator--module .btn * {
  pointer-events:none
}

.plantsource-calculator--module .add-box {
  display:grid;
  position:relative
}

.plantsource-calculator--module .add-box .fa-plus {
  font-size:8rem;
  line-height:1rem
}

.plantsource-calculator--module .add-box button {
  aspect-ratio:var(--aspect-ratio,1);
  font-weight:700;
  width:var(--item-width)
}

.plantsource-calculator--module .add-box .prices {
  display:block;
  font-size:2rem;
  margin-top:1rem
}

.plantsource-calculator--module .filter-menu {
  position:relative
}

.plantsource-calculator--module .filter-menu menu {
  background:#fff;
  display:grid;
  left:0;
  padding:1rem;
  position:absolute;
  top:1.5rem;
  width:max-content;
  z-index:1000
}

.plantsource-calculator--module .filter-menu menu li,.plantsource-calculator--module .filter-menu menu ul {
  display:block;
  margin:0;
  padding:0
}

.plantsource-calculator--module .filter-menu input[type=checkbox] {
  clip-path:rect(0 0 0 0);
  display:contents;
  width:0
}

.plantsource-calculator--module .filter-menu label {
  display:block;
  margin-bottom:.25rem;
  margin-top:.25rem;
  padding:.5rem .75rem
}

.plantsource-calculator--module .filter-menu input[type=checkbox]:active+label,.plantsource-calculator--module .filter-menu input[type=checkbox]:checked+label,.plantsource-calculator--module .filter-menu input[type=checkbox]:hover+label {
  background:var(--secondary);
  color:var(--body-bg)
}

.plantsource-calculator--module .filter-menu input[type=checkbox]:checked+label:before {
  content:"\f00c";
  font-family:Font Awesome\ 6 Pro;
  font-weight:300;
  margin-right:.5ch
}

.plantsource-calculator--module .btn.filters-button {
  animation:none;
  border:1px solid var(--border-color)
}

.plantsource-calculator--module .filters-button:after {
  border-bottom:0;
  border-left:.3em solid transparent;
  border-right:.3em solid transparent;
  border-top:.3em solid;
  content:"";
  display:inline-block;
  margin-left:.255em;
  vertical-align:.255em
}

.plantsource-calculator--module .filters-button[aria-expanded=true]:after {
  border-bottom:.3em solid;
  border-top:0
}

.plantsource-calculator--module .items {
  display:flex;
  flex-wrap:wrap;
  gap:var(--gap);
  justify-content:center
}

.plantsource-calculator--module .item {
  display:grid;
  width:var(--item-width)
}

.plantsource-calculator--module .item .content {
  display:grid;
  grid-template-columns:1fr max-content;
  grid-template-rows:1fr max-content max-content;
  height:min-content
}

.plantsource-calculator--module .item .content h3 {
  grid-area:2/1/3/2;
  margin-bottom:0;
  margin-left:var(--item-content-margin);
  margin-right:var(--item-content-margin)
}

.plantsource-calculator--module .item .content .size-selector {
  display:grid;
  gap:1rem;
  grid-area:1/2/3/3;
  margin-right:var(--item-content-margin);
  margin-top:auto;
  text-align:right
}

.plantsource-calculator--module .item .content .size-selector .btn {
  animation:none
}

.plantsource-calculator--module .item .content .description {
  grid-area:3/1/4/3;
  margin:var(--item-content-margin)
}

.plantsource-calculator--module .item .add-remove {
  display:grid;
  margin-top:auto
}

.plantsource-calculator--module .item .image {
  aspect-ratio:var(--aspect-ratio,1);
  grid-area:1/1/2/3;
  z-index:-1
}

.plantsource-calculator--module .item img {
  height:100%;
  object-fit:cover;
  width:100%
}

.plantsource-calculator--module .item .btn.selected {
  
    background-color: transparent;
    font-family: "Roboto", Sans-serif;
    font-size: 17px;
    font-weight: 500;
    background-image: linear-gradient(180deg, #3E9B63 25%, #3E9B63 100%);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: var(--e-global-color-7377a2e);
}

.plantsource-calculator--module .item .btn.selected:before {
  
    background-color: transparent;
    font-family: "Roboto", Sans-serif;
    font-size: 24px;
    font-weight: 500;
    background-image: linear-gradient(180deg, #65e799 25%, #3E9B63 100%);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: var(--e-global-color-7377a2e)
#FFFFFF;
}

.price-banner {
  margin:4rem 0;
  padding:4rem 0
}

.price-banner .prices {
  font-size:5rem
}