/*
 * 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.
 *


 */
 
/* @config "../../../config/tailwind.config.js";
@import "tailwindcss"; */

.comingsoon {
  position: relative;
  overflow-y: visible;
}

.comingsoon::after {
  content: "soon";
  font-size: 10px;
  position: absolute;
  top: -4px; /* Adjust as needed */
  right: -15px; /* Adjust as needed */
  transform: rotate(45deg);
  font-weight: 800;
  text-shadow: #0397AB 2px 0 5px;
  color: #C8AA6E;
  padding: 2px; /* Optional: add padding for better appearance */
  z-index: 10;
}

.new {
  position: relative;
  overflow-y: visible;
}

.new::before {
  content: "new";
  font-size: 12px;
  position: absolute;
  top: -6px; /* Adjust as needed */
  right: -18px; /* Adjust as needed */
  transform: rotate(45deg);
  font-weight: 800;
  text-shadow: #C8AA6E 2px 0 4px;
  color: #0AC8B9;
  padding: 2px; /* Optional: add padding for better appearance */
  z-index: 10;
}