html:has(body.trw-check-body) .trw-check-body{margin-top:10px;background-color:#ffeed8}html:has(body.trw-check-body) .primary-button button,html:has(body.trw-check-body) .primary-styling button{background-color:transparent;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);font-family:Work Sans,sans-serif;border:1px solid #000;border-radius:5px;padding:5px;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;transition:box-shadow .2s cubic-bezier(0,1,.6,1)}html:has(body.trw-check-body) .primary-button button:hover,html:has(body.trw-check-body) .primary-styling button:hover{box-shadow:0 0 5px rgba(0,0,0,.25)}html:has(body.trw-check-body) .primary-button button:active,html:has(body.trw-check-body) .primary-styling button:active{box-shadow:none;border-color:rgba(0,0,0,.4)}html:has(body.trw-check-body) .primary-input input[type=text],html:has(body.trw-check-body) .primary-styling input[type=text]{background-color:transparent;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);font-family:Work Sans,sans-serif;padding:5px;outline:none;border:1px solid #000;border-radius:5px}html:has(body.trw-check-body) .primary-input input[type=text]:hover::placeholder,html:has(body.trw-check-body) .primary-styling input[type=text]:hover::placeholder{text-decoration:underline}html:has(body.trw-check-body) .primary-input input[type=text]::placeholder,html:has(body.trw-check-body) .primary-styling input[type=text]::placeholder{-webkit-user-select:none;-moz-user-select:none;user-select:none}html:has(body.trw-check-body) .primary-input input[type=number],html:has(body.trw-check-body) .primary-styling input[type=number]{background-color:transparent;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);font-family:Work Sans,sans-serif;padding:5px;outline:none;border:1px solid #000;border-radius:5px;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}html:has(body.trw-check-body) .primary-input input[type=number]:hover::placeholder,html:has(body.trw-check-body) .primary-styling input[type=number]:hover::placeholder{text-decoration:underline}html:has(body.trw-check-body) .primary-input input[type=number]::placeholder,html:has(body.trw-check-body) .primary-styling input[type=number]::placeholder{-webkit-user-select:none;-moz-user-select:none;user-select:none}html:has(body.trw-check-body) .primary-input input[type=number]::-webkit-inner-spin-button,html:has(body.trw-check-body) .primary-styling input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}html:has(body.trw-check-body) .primary-input input[type=checkbox],html:has(body.trw-check-body) .primary-styling input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;aspect-ratio:1/1;display:inline-block;background-color:transparent;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);font-family:Work Sans,sans-serif;cursor:pointer;padding:10px;outline:none;border:1px solid #000;border-radius:20%}html:has(body.trw-check-body) .primary-input input[type=checkbox]:checked:before,html:has(body.trw-check-body) .primary-styling input[type=checkbox]:checked:before{position:absolute;content:"";width:70%;aspect-ratio:1/1;border-radius:20%;background-color:#000;top:50%;left:50%;transform:translate(-50%,-50%)}html:has(body.trw-check-body) .primary-label label,html:has(body.trw-check-body) .primary-styling label{-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:Work Sans,sans-serif;font-size:.9rem;opacity:.8;font-weight:lighter}html:has(body.trw-check-body) .flex-wrap{flex-wrap:wrap}html:has(body.trw-check-body) .info-button{font-family:Work Sans,sans-serif;color:rgba(0,0,0,.267);text-decoration:underline;cursor:help;transition:scale .1s ease-in-out;scale:1;padding:5px 20px;-webkit-user-select:none;-moz-user-select:none;user-select:none}html:has(body.trw-check-body) .info-button:hover{scale:1.1}html:has(body.trw-check-body) .grid-variables{--trw-cell-size:40px}@media screen and (max-device-width:1100px){html:has(body.trw-check-body) .grid-variables{--trw-cell-size:35px}}@media screen and (max-device-width:600px){html:has(body.trw-check-body) .grid-variables{--trw-cell-size:30px}}.TrappingRainWaterComponent_flexContainer__rJCuR{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap}.TrappingRainWaterComponent_flexGap__ouury{gap:10px}.TrappingRainWaterComponent_flexVertical__RnFVG{flex-direction:column}.TrappingRainWaterComponent_trwGrid__l8B0O{display:grid}.TRWGrid_trwGrid__ibqSS{display:grid;grid-auto-flow:column}.TRWCell_normalCell__WnUgv{all:unset!important;-webkit-backdrop-filter:blur(2px)!important;backdrop-filter:blur(2px)!important;border:1px solid #a0a0a0!important;background-color:transparent!important}.TRWCell_normalCell__WnUgv:hover{scale:1.2!important;z-index:10!important}.TRWCell_wallCell__Ruy83{background-color:#000!important;border-color:#000!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.TRWCell_wallCell__Ruy83:hover{border-color:#fff!important}.TRWCell_waterCell__5Ui5J{background-color:rgba(0,255,255,.5)!important;border:none!important}html:has(body.trw-check-body){--text-size:1.1rem;--goal-size:1.2rem;--title-size:1.8rem}html:has(body.trw-check-body) .trw-info-blur-container{position:fixed;width:100vw;height:100vh;top:0;left:0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}html:has(body.trw-check-body) .trw-info-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}html:has(body.trw-check-body) .trw-info-explanation{margin:20px;max-width:800px;max-height:90vh;overflow:hidden;display:flex;justify-content:center;align-items:center;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:Work Sans,sans-serif;color:#333;line-height:1.1}html:has(body.trw-check-body) .trw-info-explanation h3{color:#007acc;margin:18px 0 5px;font-size:var(--title-size);text-align:center}html:has(body.trw-check-body) .trw-info-explanation p{font-size:var(--text-size);margin:5px 0;text-align:justify}html:has(body.trw-check-body) .trw-info-explanation p a{color:#ff6b6b;text-decoration:none}html:has(body.trw-check-body) .trw-info-explanation p a:hover{text-decoration:underline}html:has(body.trw-check-body) .trw-info-explanation .trw-goal{font-weight:700;font-size:var(--goal-size);color:#444;text-align:center}html:has(body.trw-check-body) .trw-info-explanation ul{list-style:disc;padding-left:20px;width:100%}html:has(body.trw-check-body) .trw-info-explanation ul li{font-size:var(--text-size);margin-bottom:6px;transition:all .2s ease-in-out}html:has(body.trw-check-body) .trw-info-explanation ul li:hover{color:#007acc;transform:translateX(5px)}@media screen and (max-device-width:1100px){html:has(body.trw-check-body) .trw-info-explanation{--text-size:0.95rem;--goal-size:1.05rem;--title-size:1.5rem}}@media screen and (max-device-width:600px){html:has(body.trw-check-body) .trw-info-explanation{--text-size:0.75rem;--goal-size:0.85rem;--title-size:1.2rem}}