body{color:var(--a-text-default)}button{background-color:var(--a-blue-500)}#cat-svg{view-transition-name:cat}.site-header{--h-spacing:var(--a-spacing-5);--v-spacing:var(--a-spacing-3);view-transition-name:header;flex-direction:column;align-items:center;display:flex}@media (width>=768px){.site-header{--h-spacing:var(--a-spacing-10);--v-spacing:var(--a-spacing-4);padding:var(--v-spacing) var(--h-spacing);border-bottom:1px solid var(--a-border-default);flex-direction:row;justify-content:space-between;height:75px;line-height:0}}.site-header .user-info{text-align:center}@media (width>=768px){.site-header .user-info{text-align:right}}.site-header .row{border-bottom:1px solid var(--a-border-default);box-sizing:border-box;width:100%;padding:var(--v-spacing) var(--h-spacing)}@media (width>=768px){.site-header .row{padding:unset;border:none}}.site-footer{padding:var(--a-spacing-4);justify-content:center;display:flex}.main{padding:var(--a-spacing-10) var(--a-spacing-5) var(--a-spacing-5);max-width:calc(var(--a-text-width-max) + 2 * var(--a-spacing-5));flex-direction:column;margin-inline:auto;display:flex}.description-box{background-color:var(--a-bg-default);display:flex}.description-box .text{flex:1}#calculator{background-color:var(--a-red-50);padding:var(--a-spacing-5);margin:0 calc(var(--a-spacing-5) * -1);interpolate-size:allow-keywords;height:auto;transition:height .3s}#result{margin-block-start:var(--a-spacing-8)}@view-transition{navigation:auto}