:root {
  --button-color: #7E7367;
  --button-color-hover: #464039;
  --button-color-active: #38332E;
  --button-color-disabled: #D8D4CF;
  --button-color-disabled-background: #F8F7F7;
  --button-color-secondary-background: #D8D4CF; }

body.ultima .page-wrapper {
  margin-bottom: 0 !important; }

.tool-page__header {
  padding-top: 40px;
  padding-bottom: 40px;
  gap: 24px; }
  @media (min-width: 768px) {
    .tool-page__header {
      padding-top: 80px;
      padding-bottom: 80px; } }

.tool-page__header-image-wrapper {
  height: 128px;
  width: 128px; }
  @media (min-width: 768px) {
    .tool-page__header-image-wrapper {
      height: 208px;
      width: 208px; } }

.tool-page__title {
  color: #464039;
  font-size: 40px !important;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -1.6px;
  font-family: "Ubuntu", sans-serif !important; }
  @media (min-width: 768px) {
    .tool-page__title {
      font-size: 56px !important;
      letter-spacing: -2.24px; } }

.tool-page__subtitle {
  color: #7E7367;
  font-size: 16px;
  line-height: 136%;
  font-family: "Ubuntu", sans-serif !important; }

@media (min-width: 768px) {
  .tool-page__tool-wrapper {
    max-width: 1264px; } }

.tool-page__bottom-body, .tool-page__tool-section:not([class*="breeds-library"]):not(:has(.beach-map)), .tool-page__top-body {
  padding: 40px 24px; }
  @media (min-width: 768px) {
    .tool-page__bottom-body, .tool-page__tool-section:not([class*="breeds-library"]):not(:has(.beach-map)), .tool-page__top-body {
      padding: 80px; } }

.tool-page__top-body-wrapper {
  background-color: #F8F7F7; }

.tool-page__top-body {
  max-width: 800px; }

/*# sourceMappingURL=toolsPage.css.map*/