.app{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);position:relative;padding:1rem;gap:1rem}.app__filter-line{z-index:1;grid-column:1/-1;grid-row:1/2;display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;grid-template-rows:auto auto;gap:.5rem}.app__filter{padding:0 .5rem}.app__upload-button,.app__download-button{cursor:pointer;width:2.5rem;-webkit-user-select:none;user-select:none;background:center/contain no-repeat}.app__upload-button{background-image:url(/upload.svg)}.app__download-button{background-image:url(/save.svg)}.app__tag-list{grid-column:1/-1}.app__plant-list{z-index:1;grid-column:1/-1;grid-row:2/3;display:grid;grid-template-columns:repeat(auto-fit,minmax(max(25vw,15rem),1fr));grid-auto-rows:auto;gap:2rem;align-content:start;overflow:auto;padding-bottom:1rem}.app__edit,.app__new{z-index:2;grid-column:1/-1;grid-row:2/3;background-color:#ffffff80;display:grid;grid-template-columns:min(40rem,100% - 2rem);grid-template-rows:min(40rem,100% - 2rem);align-content:center;justify-content:center}.app__card{background-color:#f0f0f0;border-radius:10px;box-shadow:5px 5px 10px #d0d0d0,-5px -5px 10px #fff;cursor:pointer;position:relative}.app__card--hidden{display:none!important}@media print{.app{height:auto;display:block}.app__card{border-radius:0;margin-bottom:2rem;break-inside:avoid;box-shadow:none}.app__card:not(.app__card--selected-for-print){display:none!important}.app__filter-line{display:none!important}.app__plant-list{display:block}}.button--primary{background-color:#007bff;color:#fff;border:1px solid #007bff;border-radius:4px;padding:10px 20px;font-size:16px;cursor:pointer;transition:background-color .3s}.button--primary:hover{background-color:#0056b3}.button--secondary{background-color:#6c757d;color:#fff;border:1px solid #6c757d;border-radius:4px;padding:10px 20px;font-size:16px;cursor:pointer;transition:background-color .3s}.button--secondary:hover{background-color:#5a6268}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}.plant-card{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 10rem minmax(0,1fr) auto;grid-template-areas:"title" "image" "description" "properties"}.plant-card__image{grid-area:image;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;border-bottom:1px solid #d0d0d0}.plant-card__title{grid-area:title;font-weight:700;font-size:1.5rem;border-bottom:1px solid #d0d0d0;text-align:center;padding:.3rem;font-variant:small-caps}.plant-card__description{grid-area:description;padding:.3rem;overflow:hidden;text-overflow:ellipsis}.plant-card__properties{grid-area:properties;padding:.3rem;overflow:hidden;display:grid;flex-direction:column;justify-content:start;flex-wrap:wrap;column-gap:1rem}.plant-card__property{display:grid;grid-template-columns:auto 1fr;gap:.5rem}.plant-card__property-key:after{content:":"}.plant-card__print-icon{position:absolute;bottom:.5rem;right:.5rem;cursor:pointer;width:24px;height:24px;background-image:url(/print-inactive.svg);background-size:cover;-webkit-user-select:none;user-select:none;opacity:.3}.plant-card__print-icon--active{background-image:url(/print-active.svg);opacity:1}@media print{.plant-card{grid-template-rows:auto auto auto auto}.plant-card__image,.plant-card__title{border:none}.plant-card__title{text-align:left}.plant-card__properties{flex-direction:column}}.plant{background-color:#fff;padding:1rem;border-radius:.5rem;box-shadow:0 0 .5rem .25rem #0000001a;border:1px solid rgba(0,0,0,.1);display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;gap:2rem}.plant__header-bar{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-size:1.5rem}.plant__header-bar>svg{cursor:pointer}.plant__content{display:grid;grid-template-columns:auto minmax(0,1fr);align-content:start;gap:.5rem;overflow:auto}.plant__content>*:nth-child(odd){justify-self:end}.plant__any-text-input{resize:none}.plant__image{min-width:5rem;min-height:5rem;max-width:max(3rem,min(100%,20rem));max-height:max(3rem,min(100%,20rem));object-fit:cover}.plant__transparent{display:contents}.plant__footer-bar{display:grid;grid-template-columns:auto auto;gap:2rem}.tag-list{display:flex;flex-wrap:wrap;flex-direction:row;gap:.5rem}.tag-list__tag{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid transparent;background-color:#eee}.tag-list__tag--selected{border:1px solid rgba(26,30,170,.5);background-color:#1a1eaa1a;text-decoration:none}.tag-list__tag--new{text-decoration:none;color:#1a1eaa80}.tag-list__tag:hover{background-color:#1a1eaa33}