.PiantaPerfetta{height:100%;width:100%;background:#0f2027;background:linear-gradient(135deg,rgba(15,32,39,1),rgba(34,54,42,1) 35%,rgba(63,76,48,1) 65%,rgba(22,160,133,1));background:#1b1e24;background:linear-gradient(190deg,rgba(27,30,36,1),rgba(45,53,36,1) 40%,rgb(42,68,49) 70%,rgba(88,64,109,1))}.pianta_perfetta-intro{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100%;flex-direction:column}.pianta_perfetta-intro_container{display:flex;gap:20px;align-items:center}.MainContainerPiantaPerfetta{display:flex;flex-direction:column;position:relative;width:70%;margin:auto}.piantaMessageAlert{opacity:0;visibility:hidden;transition:opacity .3s ease}.piantaMessageAlert.visible{opacity:1;visibility:visible;position:fixed;top:80px;left:50%;transform:translateX(-50%);background-color:var(--white-mine);border-radius:1rem;padding:15px 30px}.PiantaPerfetta .navbar{background-color:transparent}.PiantaPerfettaHeader h1{text-align:center;color:white;padding-top:120px}.piantaPerfettaFiltersTagContenitoreGrid{display:grid;grid-template-columns:repeat(2,1fr);width:100%;margin:0 auto;grid-gap:20px;gap:20px}.piantaPerfettaFiltersTagCard{margin-bottom:20px}.colorSelectorPiantaPerfetta{width:20px;height:20px;border-radius:50%;border:1px solid var(--text-title)}.piantaPerfettaTag-container-con{margin-top:70px;background-color:var(--always-white);width:100%;min-height:3rem;border-radius:1rem;box-shadow:var(--shadow-mine);display:flex;flex-wrap:wrap;gap:5px;align-items:center;justify-content:space-between;padding-inline:20px;padding-block:5px;padding-right:20px;position:relative;transform-style:preserve-3d}.piantaPerfettaTag-container-con:before{content:"";position:absolute;inset:-10px;background:conic-gradient(from 90deg at 40% -25%,#ffd700,#f79d03,#ee6907,#e6390a,#de0d0d,#d61039,#cf1261,#c71585,#cf1261,#d61039,#de0d0d,#ee6907,#f79d03,#ffd700,#ffd700,#ffd700);filter:blur(10px);transform:translateZ(-1px);pointer-events:none;border-radius:1rem;transition:var(--transition)}.piantaPerfettaTag-container-con:hover:before{animation:gradientSpin 3s linear infinite}@keyframes gradientSpin{0%{background:conic-gradient(from 0deg at 50% 50%,#ffd700,#f79d03,#ee6907,#e6390a,#de0d0d,#d61039,#cf1261,#c71585,#cf1261,#d61039,#de0d0d,#ee6907,#f79d03,#ffd700)}to{background:conic-gradient(from 1turn at 50% 50%,#ffd700,#f79d03,#ee6907,#e6390a,#de0d0d,#d61039,#cf1261,#c71585,#cf1261,#d61039,#de0d0d,#ee6907,#f79d03,#ffd700)}}.piantaPerfettaTag-container{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.SearchIconPerfettaPianta{position:absolute;right:10px;top:50%;transform:translateY(-50%);cursor:pointer}.piantaPerfettaTag-container span{background-color:var(--purple200);padding:5px 15px;border-radius:1rem;box-sizing:var(--shadow-mine);margin-inline:5px;color:black}.azzeraFiltriPiantaPerfetta{position:absolute;transform:translateX(-50%);left:50%;bottom:0}.piantaPerfettaFiltersTag{max-width:100%;display:flex;justify-content:flex-start;gap:5px;flex-wrap:wrap;margin-bottom:30px}.piantaPerfettaFiltersTagContenitore{margin-top:40px}.piantaPerfettaFiltersTagContenitore h3{margin-bottom:10px;border-bottom:1px solid var(--section-line)}.piantaPerfettaFiltersTag span{background-color:var(--card-bg);display:inline-flex;gap:4px;padding:5px 15px;border-radius:1rem;box-sizing:var(--shadow-mine);cursor:pointer;color:var(--text-title);transition:var(--transition-5)}.piantaPerfettaFiltersTag span:hover{background-color:var(--background)}.piantaPerfettaFiltersTag span.attiva{background-color:#4caf50;color:white;cursor:pointer}.piantaPerfettaModal{position:fixed;top:0;left:0;z-index:5;height:100%;min-height:100vh;width:100%;background-color:var(--background);margin-top:45px;display:none;overflow-y:auto}.piantaPerfettaModal.visible{display:block}.modal-contenitore-pianta-perfetta{padding-top:100px;padding-bottom:50px}.card-modale-container-match{margin-top:100px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.match-controls-modale{padding:10px 20px;position:fixed;top:70px;left:10px;z-index:2;background-color:var(--overlay-mine);width:100px;justify-content:space-between}.chiudiModalePiantaPerfetta,.match-controls-modale{border-radius:1rem;display:inline-flex;align-items:center}.chiudiModalePiantaPerfetta{background-color:transparent;box-sizing:content-box;padding:2px;cursor:pointer;transition:var(--transition)}.chiudiModalePiantaPerfetta:hover{background-color:var(--red800)}.chiudiModalePiantaPerfetta.retry:hover{background-color:var(--blue800)}.card-pianta-perfetta{display:flex;flex-direction:column;align-items:center;width:150px}.card-pianta-perfetta img{height:200px;width:150px;object-fit:cover;border-radius:1rem 0 1rem 0}.card-pianta-perfetta-text{display:flex;flex-direction:column;width:150px}.card-pianta-perfetta-text-name{color:var(--text-title);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-pianta-perfetta-text-score{color:var(--green)}.match-animation-container{display:fixed;top:0;left:0;z-index:200;background-color:var(--background);width:100%;height:100vh;justify-content:center;gap:40px}.match-animation-container,.match-animation-text{display:flex;align-items:center;flex-direction:column}.match-animation-text{gap:10px}.match-animation-text span{color:var(--text-title);font-size:var(--text-5xl);line-height:var(--height-5xl);font-weight:800}.disclaimer-match-plant{border-radius:1rem;width:80%;background-color:var(--red-transparent);display:flex;z-index:10;align-items:center;justify-content:center;flex-grow:1;align-self:center;justify-self:center;flex-direction:column;gap:10px;padding:20px}.disclaimer-match-plant span{color:var(--red);font-size:var(--text-lg);line-height:var(--height-lg)}.info-match-modele-card{border-radius:1rem;background-color:var(--blue-transparent);border-left:2px solid var(--blue);padding:20px;display:flex;align-items:center;width:80%;margin:50px auto;gap:20px}.info-match-modele-card-text{color:var(--blue);font-size:var(--text-lg);line-height:var(--height-lg);flex-grow:1}@media (max-width:480px){.info-match-modele-card{padding:20px;width:80%;margin:50px auto;gap:20px;border-top:2px solid var(--blue);border-left:none;flex-direction:column}.match-animation-text span{font-size:var(--text-4xl);line-height:var(--height-4xl);font-weight:800;text-align:center}}