/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.c-calculator{padding-top:64px;padding-bottom:64px}@media (min-width:1024px){.c-calculator{padding-top:128px;padding-bottom:128px}}.c-calculator-grid{display:grid;grid-gap:32px;gap:32px}@media (min-width:1024px){.c-calculator-grid{grid-template-columns:repeat(3,1fr)}}.c-calculator-grid__main{display:flex;flex-direction:column;justify-content:space-between}@media (min-width:1024px){.c-calculator__content{max-width:280px;padding-top:48px}}.c-calculator__action{margin-top:32px}.c-calcuator__title{margin-top:0;margin-bottom:24px;font-family:var(--font-special);font-size:1rem;font-weight:400;text-transform:uppercase}.c-calculator__input-box,.c-calculator__output-box{border-radius:24px;container-type:inline-size}@media (min-width:720px){.c-calculator__input-box,.c-calculator__output-box{height:400px}}.c-calculator__input-box{background-color:#e5e0d6;display:grid;grid-template-rows:repeat(5,1fr);align-items:stretch}.c-calculator__field{align-content:center;padding-left:1em;padding-right:1em;display:grid;align-items:center;font-size:max(1rem,16px)}@media (min-width:720px){.c-calculator__field{font-size:20px}}.c-calculator__field>*{grid-area:1/1}.c-calculator__field.has-value label,.c-calculator__field:focus-within label{translate:0 -55%;scale:.75}.c-calculator__field label{transform-origin:left center;font:inherit;opacity:.5;transition:.2s ease-in-out}.c-calculator__input-wrapper{display:flex;align-items:center;gap:.5ch;padding-top:1.5rem}.c-calculator__input-wrapper input{font:inherit;padding-top:.1lh;padding-bottom:.1lh;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;flex:1}.c-calculator__suffix{display:none;opacity:.5;font-weight:700}.c-calculator__field:not(:last-child){border-bottom:.5px solid #3b3b3b}.c-calculator__output-box{background-color:var(--clr-brand);text-align:center;display:grid;grid-template-rows:auto 1fr auto;align-items:center;justify-items:center;place-items:center;padding:var(--spacing-1);color:#eeeae1;grid-gap:var(--spacing);gap:var(--spacing)}.c-calculator__output-box__value{font-weight:700;font-size:max(24px,min(20cqw,100px));line-height:.93;text-align:center;word-break:break-all}.c-calculator__output-box__type{font-weight:400;font-size:24px;text-align:center}.c-calculator__output-box__type-selector{display:flex;background:#6e8293;font-size:17px;border-radius:2em}.c-calculator__output-box__type-selector button{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;border:0;padding:0;background:none;padding-top:.25lh;padding-bottom:.25lh;padding-left:1em;padding-right:1em;font-weight:400;text-align:center;color:#eeeae1;position:relative;isolation:isolate;border-radius:inherit}.c-calculator__output-box__type-selector button:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;border-radius:inherit;z-index:-1;opacity:var(--is-active,0)}.c-calculator__output-box__type-selector button.is-active{--is-active:1;color:#8aa8c3}.c-calculator__output-box__type-selector button+button{margin-left:-.5em}.c-calculator-grid__disclaimer{font-size:.9rem;grid-column:2/-1;border-radius:24px;background:#e5e0d7;padding:2em}
.c-footer{background:#3b3b3b url(/themes/custom/aquajoint_theme/dist/assets/footer-pattern.CsrBdJH3.png) top center;background-size:1365px 978px;color:#eeeae1;padding-bottom:32px}@media (min-width:1024px){.c-footer{padding-bottom:64px}}.c-footer-title{font-size:1rem;margin-top:0;margin-bottom:24px;color:var(--clr-brand)}.c-footer-text{font-size:1.5rem;line-height:1.33}.c-footer-text a{color:inherit;-webkit-text-decoration:none;text-decoration:none}.c-footer-text>*:first-child{margin-top:0}.c-footer-text>*:last-child{margin-bottom:0}@media (min-width:1024px){.c-footer-grid{display:flex}}@media (min-width:1024px){.c-footer-grid__main,.c-footer-grid__side{flex:1}}@media (max-width:1023.98px){.c-footer-grid__side{margin-top:40px}}@media (min-width:1024px){.c-footer-grid__side{display:flex;justify-content:space-between}}.c-footer__logo{padding-top:64px}@media (min-width:1024px){.c-footer__logo{padding-top:128px}}.c-footer__logo svg{width:100%;height:auto}@media (max-width:1023.98px){.c-footer-menu{margin-top:40px}}.c-footer__credits{font-size:.8rem;margin-top:2lh}
.c-header__inner{display:flex;padding-top:var(--spacing-m);padding-bottom:var(--spacing-m);align-items:center;justify-content:space-between;gap:var(--spacing)}.c-header__logo{width:220px;display:block}@media (min-width:1200px){.c-header__logo{width:280px}}.c-header__logo img{width:100%;display:block;height:auto}@media (max-width:1023.98px){.c-header__nav{display:none}}@media (max-width:1023.98px){.is-nav-open .c-header__nav{display:block;position:fixed;top:var(--drupal-displace-offset-top,0);left:var(--drupal-displace-offset-left,0);width:calc(100% - var(--drupal-displace-offset-left,0));height:calc(100% - var(--drupal-displace-offset-top,0));z-index:100;background-color:var(--clr-base);color:#fff;overflow-y:scroll}}@media (max-width:60.99em){.is-nav-open .c-header__nav{left:0;width:100%}}.c-header__toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;padding:0;border:0;flex-shrink:0;display:flex;justify-content:center;align-items:center;width:40px;height:40px}@media (min-width:1024px){.c-header__toggle{display:none}}.c-jumbotron--light .c-header__toggle--show svg path{fill:var(--clr-base)}@media (max-width:1023.98px){.c-header__mobile-nav{display:flex;padding-top:var(--spacing-m);padding-bottom:var(--spacing-m);align-items:center;justify-content:space-between;gap:var(--spacing)}}@media (min-width:1024px){.c-header__mobile-nav{display:none}}
.c-main-menu .menu{list-style:none;padding:0;margin:0}.c-main-menu .menu li{margin:0;padding:0}@media (min-width:1024px){.c-header .c-main-menu .menu li:first-child{display:none}}.c-main-menu .menu-item--active-trail a{color:var(--clr-brand);-webkit-text-decoration:underline;text-decoration:underline}.c-main-menu a{display:inline-block}.c-main-menu a:hover{color:var(--clr-brand)}@media (min-width:1024px){.c-main-menu:not(.c-main-menu--header) .menu{padding-right:80px}}@media (min-width:1024px){.c-main-menu:not(.c-main-menu--header) .menu li+li{margin-top:16px}}.c-main-menu:not(.c-main-menu--header) a{font-size:.875rem}.c-main-menu--header{display:flex}@media (max-width:1023.98px){.c-main-menu--header{flex-direction:column;padding:32px}}@media (max-width:1023.98px){.c-main-menu--header .menu{text-align:center}}@media (min-width:1024px){.c-main-menu--header .menu{display:flex;gap:16px;flex-wrap:wrap;align-items:center}}.c-main-menu--header a{font-weight:500;-webkit-text-decoration:none;text-decoration:none;padding:8px}@media (max-width:1023.98px){.c-main-menu--header a{font-size:1.5rem}}.c-main-menu--header a:hover{color:var(--clr-brand)}@media (min-width:1024px){.c-language-switcher{margin-left:24px}}.c-language-switcher .links{display:flex;list-style:none;margin:0;padding:0}@media (max-width:1023.98px){.c-language-switcher .links{margin-top:16px;justify-content:center}.c-language-switcher .links a{font-size:1rem}}.c-language-switcher .links .is-active{color:var(--clr-brand);-webkit-text-decoration:underline;text-decoration:underline}