.bubble{width:calc(50% - 10px);aspect-ratio:1/1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem .875rem;text-decoration:none;border-radius:50%}@media(max-width:21.875em){.bubble{padding:1rem 1rem}}@media screen and (max-width:550px){.bubble{width:calc(50% - 5px)}}.bubble:nth-child(2){border-radius:50% 50% 50% 10px}.bubble:nth-child(3){border-radius:50% 10px 50% 50%}.bubble__icon .icon{width:2.5rem;height:2.5rem}.bubble__subtext,.bubble__text{display:block;text-align:center}@media(max-width:36em){.bubble__subtext,.bubble__text{font-size:.875rem}}.bubble__content{flex:1}.bubble__subtext{margin-top:.125rem}.welcome{font-size:var(--ts-caption);font-weight:400;margin-bottom:.5rem}.customer-names{font-size:1.25rem}.switch-account:before{content:"";position:absolute;left:-50vw;top:0;height:100%;width:200vw;z-index:-1}@media(min-width:46.25em){.switch-account:before{left:-1.25rem;right:-1.25rem;width:auto}}.switch-account.is-open:before{background:#fff}.account-trigger{width:100%;display:block;padding:1rem;border:none;text-align:left;cursor:pointer;color:var(--c-base-1)}.account-trigger.is-active{box-shadow:inset 0 0 0 1px var(--c-base-1)}.account-trigger:hover .account-trigger__address{text-decoration:underline}.account-trigger+.account-trigger{margin-top:1rem}.account-trigger__meta{margin-top:.125rem;display:flex;justify-content:space-between;align-items:flex-start;color:var(--c-base-2)}.payment-summary{margin-top:1.25rem}.bubbles{display:flex;flex-wrap:wrap;gap:20px;margin-top:2.5rem}@media screen and (max-width:550px){.bubbles{gap:10px}}.mr-button{background-color:#9d5ca1;color:#fff}.water-usage{margin-top:2.5rem;font-size:16px;color:#555}.water-usage .field{margin-top:.938rem}.water-usage select{padding-top:12px;padding-bottom:12px;font-size:18px}.water-usage select:focus-visible{outline:none}.water-usage-chart{margin-top:20px;margin-bottom:10px}