@tailwind base;
@tailwind components;
@tailwind utilities;

@layer components {
  .field_with_errors input[type=text],
  .field_with_errors input[type=email],
  .field_with_errors select,
  .field_with_errors textarea {
    @apply border-red-600 text-red-600 bg-red-100;
  }

  .field_with_errors label {
    @apply text-red-600 font-semibold;
  }

  .field_with_errors .error {
    @apply text-sm text-red-600 flex gap-2 mt-1;
  }
}
.global-logo {
  max-width: 121px;
}

.global-logo-container {
  max-width: 121px;
  width: 100%
}
.mobile-session-menu-display:checked ~ .mobile-session-menu-content {
  display: block;
}

select {
  background-image: url('https://www.theturtleeffect.com/cdn/shopifycloud/privacy_portal/assets/select_input_arrow-aa5b3eb5cbd28a20423c38af4c627b92a752fb563333efb24605dcc846988419.svg');
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */