.flower-item-container{display:flex;flex-direction:column;background:var(--color-light);border-radius:10px;overflow:hidden}.flower-item-container .media-container{width:100%;height:190px;overflow:hidden}.flower-item-container .media-container>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transition:transform 80ms ease-in-out}.flower-item-container .media-container>img:hover{transform:scale(110%)}.flower-item-container .infos-container{padding:var(--spacing-s) var(--spacing-m)}.flower-item-container .infos-container h3{margin-top:var(--spacing-xs);margin-bottom:var(--spacing-s)}.flower-item-container .infos-container p{margin:var(--spacing-s) 0}.flower-item-container .infos-container .flowering-container{display:flex;justify-content:center;margin-top:var(--spacing-m)}.flower-item-container .infos-container .flowering-container .flowering{box-sizing:border-box;display:grid;grid-template-columns:repeat(6,24px);grid-auto-rows:24px;gap:1px}.flower-item-container .infos-container .flowering-container .flowering .flowering-month{display:flex;align-items:center;justify-content:center;border:1px solid var(--color-text)}.flower-item-container .infos-container .flowering-container .flowering .flowering-month:not(.active){opacity:.2}.flower-item-container .infos-container .flowering-container .flowering .flowering-month.active.selected{background:var(--color-text);color:var(--color-text-light)}.flower-listing-container>.filters-container{display:flex;margin:0 auto;max-width:500px}.flower-listing-container>.filters-container>*{margin:0 var(--spacing-m)}.flower-listing-container>.filters-container>:first-child{margin-left:0}.flower-listing-container>.filters-container>:last-child{margin-right:0}@media only screen and (max-width:580px){.flower-listing-container>.filters-container{flex-direction:column}.flower-listing-container>.filters-container>*{margin:var(--spacing-s) 0}}.flower-listing-container>.filters-container .input.search{background:var(--color-light);padding-left:var(--spacing-s);color:var(--color-text);border:solid 1px var(--color-text-light);border-radius:4px;font-size:.9rem;outline:none;min-height:32px}.flower-listing-container .results-count{text-align:center;margin-bottom:var(--spacing-l);margin-top:var(--spacing-m)}.flower-listing-container>.flowers{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));gap:var(--spacing-m)}#app{padding:var(--spacing-xxl)}#app>h1{text-align:center}html{width:100%;height:100%;background:rgba(0,0,0,.04)}body{font-family:var(--font-primary);color:var(--color-text)}:root{--font-primary:"Roboto",sans-serif;--color-primary:#00f;--color-text:#333;--color-text-light:#ccc;--color-dark:#000;--color-light:#fff;--spacing-xs:4px;--spacing-s:8px;--spacing-m:16px;--spacing-l:32px;--spacing-xl:48px;--spacing-xxl:64px}