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

/*

@layer components {
  .btn-primary {
    @apply py-2 px-4 bg-blue-200;
  }
}

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


 */


 .ribbon{
    clip-path: polygon(0 0, 100% 20%, 100% 80%, 0% 100%);
}

.banner {
    -webkit-mask-image: url(https://www.dasketcher.com/Mask.svg);
    mask-image: url(https://www.dasketcher.com/Mask.svg);
    -webkit-mask-size: 70%;
    mask-size: 70%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

.links a {
    text-decoration: none;
}

.dark [drawer-backdrop] {
    background-color: rgba(50, 50, 50, 0.4); /* Dark mode custom color */
  }

.grecaptcha-badge { 
    visibility: hidden !important;
}

.horizontal-scroll {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.horizontal-scroll::-webkit-scrollbar {
  display: none;
}