:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64);--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--navbar-size: 75px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:content-box}.page-wrap{margin:auto;max-width:800px;min-height:100vh}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media (hover: hover){a:hover{background-color:#00bd7e33}}img,p{margin-left:auto;margin-right:auto}p{max-width:600px}h1{text-align:center}button{background-color:#006400;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;outline:0;padding:16px}.grid-wrap{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:16px}.item{min-width:220px;border-radius:8px;box-shadow:0 2px 5px #888;display:grid;margin-bottom:2%;padding:20px;width:32%}.item-name{margin-bottom:0;text-align:center}.item-img{max-width:200px;max-height:300px;margin:10px}.item-variants{display:flex}.variant-circle{width:30px;height:30px;margin-top:10px;margin-right:10px;border:2px solid #d8d8d8;border-radius:50%}.tooltip{position:relative;display:inline-block}.tooltip .tooltiptext{visibility:hidden;width:120px;background-color:#47474780;color:#fff;text-align:center;padding:5px 0;border-radius:6px;position:absolute;z-index:1;top:120%;left:50%;margin-left:-60px}.tooltip .tooltiptext:after{content:"";position:absolute;bottom:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent white transparent}.tooltip:hover .tooltiptext{visibility:visible}.plant-details{padding:16px;position:relative}.img-wrap{margin-top:32px;text-align:center}.details-button{width:80%;margin-top:16px}.back-button{width:80px;margin-bottom:10%;margin-left:20px}.nav-bar{border-bottom:1px solid #ddd;height:75px;width:100%;background:var(--color-background)}.menu{position:absolute;top:50px}.footer{border-top-style:solid;border-top-width:1px;text-align:center;height:50px;width:100%;position:fixed;left:0;bottom:0;background:var(--color-background)}.version{font-size:10px;text-align:right;right:10px;margin-right:10px;position:absolute}