/* line 19, vendor/bundle/ruby/3.2.0/gems/datagrid-1.8.2/app/assets/stylesheets/datagrid.sass */
table.datagrid {
  background-color: transparent;
  border-collapse: collapse;
  max-width: 100%;
}

/* line 24, vendor/bundle/ruby/3.2.0/gems/datagrid-1.8.2/app/assets/stylesheets/datagrid.sass */
table.datagrid th {
  background-color: #eee;
  text-align: left;
}

/* line 28, vendor/bundle/ruby/3.2.0/gems/datagrid-1.8.2/app/assets/stylesheets/datagrid.sass */
table.datagrid td,
table.datagrid th {
  border: 1px solid #d6d6d6;
  padding: 5px 10px;
}

/* line 34, vendor/bundle/ruby/3.2.0/gems/datagrid-1.8.2/app/assets/stylesheets/datagrid.sass */
table.datagrid td .order a.asc, table.datagrid td .order a.desc,
table.datagrid th .order a.asc,
table.datagrid th .order a.desc {
  text-decoration: none;
  font-weight: normal;
}

/* line 38, vendor/bundle/ruby/3.2.0/gems/datagrid-1.8.2/app/assets/stylesheets/datagrid.sass */
table.datagrid td.ordered,
table.datagrid th.ordered {
  background-color: #fff7d5;
}

/* line 42, vendor/bundle/ruby/3.2.0/gems/datagrid-1.8.2/app/assets/stylesheets/datagrid.sass */
table.datagrid td.ordered.asc a.asc,
table.datagrid th.ordered.asc a.asc {
  font-weight: bold;
  color: #d00;
}

/* line 47, vendor/bundle/ruby/3.2.0/gems/datagrid-1.8.2/app/assets/stylesheets/datagrid.sass */
table.datagrid td.ordered.desc a.desc,
table.datagrid th.ordered.desc a.desc {
  font-weight: bold;
  color: #d00;
}

/* line 50, vendor/bundle/ruby/3.2.0/gems/datagrid-1.8.2/app/assets/stylesheets/datagrid.sass */
table.datagrid .noresults {
  text-align: center;
}

/* line 53, vendor/bundle/ruby/3.2.0/gems/datagrid-1.8.2/app/assets/stylesheets/datagrid.sass */
.datagrid-form {
  background-color: #f0f0f0;
  border-radius: 5px;
  padding: 20px;
}

/* line 58, vendor/bundle/ruby/3.2.0/gems/datagrid-1.8.2/app/assets/stylesheets/datagrid.sass */
.datagrid-filter {
  margin: 10px;
  *zoom: 1;
}

/* line 6, vendor/bundle/ruby/3.2.0/gems/datagrid-1.8.2/app/assets/stylesheets/datagrid.sass */
.datagrid-filter:before, .datagrid-filter:after {
  display: table;
  content: '';
}

/* line 11, vendor/bundle/ruby/3.2.0/gems/datagrid-1.8.2/app/assets/stylesheets/datagrid.sass */
.datagrid-filter:after {
  clear: both;
}

/* line 62, vendor/bundle/ruby/3.2.0/gems/datagrid-1.8.2/app/assets/stylesheets/datagrid.sass */
.datagrid-filter label {
  width: 150px;
  float: left;
}

/* line 65, vendor/bundle/ruby/3.2.0/gems/datagrid-1.8.2/app/assets/stylesheets/datagrid.sass */
.datagrid-filter a {
  float: left;
}

/* line 68, vendor/bundle/ruby/3.2.0/gems/datagrid-1.8.2/app/assets/stylesheets/datagrid.sass */
.datagrid-filter input[class*='filter'] {
  border: 2px solid #ccc;
  border-radius: 4px;
  float: left;
  padding: 5px 12px;
  width: 207px;
}

/* line 75, vendor/bundle/ruby/3.2.0/gems/datagrid-1.8.2/app/assets/stylesheets/datagrid.sass */
.datagrid-filter input.from[class*='filter'], .datagrid-filter input.to[class*='filter'] {
  width: 83px;
}

/* line 78, vendor/bundle/ruby/3.2.0/gems/datagrid-1.8.2/app/assets/stylesheets/datagrid.sass */
.datagrid-filter select {
  float: left;
  width: 235px;
}

/* line 82, vendor/bundle/ruby/3.2.0/gems/datagrid-1.8.2/app/assets/stylesheets/datagrid.sass */
.datagrid-filter select[multiple] {
  border: 2px solid #ccc;
  border-radius: 5px;
  height: 100px;
}

/* line 87, vendor/bundle/ruby/3.2.0/gems/datagrid-1.8.2/app/assets/stylesheets/datagrid.sass */
.datagrid-filter select.dynamic_filter.field {
  width: 178px;
}

/* line 89, vendor/bundle/ruby/3.2.0/gems/datagrid-1.8.2/app/assets/stylesheets/datagrid.sass */
.datagrid-filter select.dynamic_filter.operation {
  margin-left: 7px;
  width: 50px;
}

/* line 92, vendor/bundle/ruby/3.2.0/gems/datagrid-1.8.2/app/assets/stylesheets/datagrid.sass */
.datagrid-filter input.dynamic_filter.value {
  margin: 10px 0 0 150px;
  clear: both;
}

/* line 96, vendor/bundle/ruby/3.2.0/gems/datagrid-1.8.2/app/assets/stylesheets/datagrid.sass */
.datagrid-filter .separator {
  float: left;
  margin: 6px 4px 0;
}

/* line 99, vendor/bundle/ruby/3.2.0/gems/datagrid-1.8.2/app/assets/stylesheets/datagrid.sass */
.datagrid-filter .enum_filter.checkboxes {
  float: none;
  display: block;
  margin-left: 150px;
}

/* line 102, vendor/bundle/ruby/3.2.0/gems/datagrid-1.8.2/app/assets/stylesheets/datagrid.sass */
.datagrid-filter .enum_filter.checkboxes input {
  margin: 7px;
}

/* line 107, vendor/bundle/ruby/3.2.0/gems/datagrid-1.8.2/app/assets/stylesheets/datagrid.sass */
.datagrid-actions {
  padding-left: 160px;
}

/* line 110, vendor/bundle/ruby/3.2.0/gems/datagrid-1.8.2/app/assets/stylesheets/datagrid.sass */
.datagrid-actions input[type='submit'] {
  background-color: #555;
  border: none;
  border-radius: 5px;
  color: white;
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
  line-height: normal;
  padding: 7px 15px;
  vertical-align: middle;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

/* line 123, vendor/bundle/ruby/3.2.0/gems/datagrid-1.8.2/app/assets/stylesheets/datagrid.sass */
.datagrid-actions input[type='submit']:hover, .datagrid-actions input[type='submit']:focus {
  background-color: #333;
}

/* line 127, vendor/bundle/ruby/3.2.0/gems/datagrid-1.8.2/app/assets/stylesheets/datagrid.sass */
.datagrid-actions input[type='submit']:active {
  background-color: #000;
}

/* line 130, vendor/bundle/ruby/3.2.0/gems/datagrid-1.8.2/app/assets/stylesheets/datagrid.sass */
.datagrid-actions > a {
  font-size: 14px;
  padding: 7px 15px;
  vertical-align: middle;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
@import "./calendar.css";
@import "./braintree.css";

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


@layer components {

  /* :where([]) { */
  :where([data-up-price-value]) {
    display: none;
    cursor: pointer;
  }

  .footer-content {
    @apply bg-[#ededed];
  }

  :where(#up-offer-not-available) {
    display: none;
  }

  input.submit-button,
  .wild-button,
  input[type="submit"] {
    background-color: #0074d9 !important;
    color: white !important;
    z-index: 40 !important;
  }

  .disabled-button {
    color: #333333 !important;
    opacity: 0.5;
    cursor: not-allowed;
    background-color: #666;
  }



  details>summary {
    cursor: pointer;
    list-style-type: none;
  }

  details>summary::-webkit-details-marker {
    display: none;
  }

  .arrow {
    transform: rotate(-90deg);
    @apply transition-all duration-150;
  }

  details[open] .arrow {
    transform: rotate(0deg);
  }

  input,
  select {
    min-width: 0;
  }

  .\@input\/radio {
    @apply appearance-none size-[1.5rem] rounded-full flex-shrink-0 border border-black/[13%] bg-[#FEFEFE] shadow-[0_1px_1px_-0.5px_theme(colors.black/8%), 0_2px_2px_-1px_theme(colors.black/6%)];
  }

  .\@input\/radio:checked {
    @apply relative;
  }

  .\@input\/radio:checked::before {
    content: "";
    @apply size-3 rounded-full bg-black absolute top-[5px] left-[5px];
  }

  #progressCircle {
    transition: stroke-dashoffset 0.5s ease-out;
  }

  .overlay-grey {
    @apply bg-black/50;
  }
}

.ghost {
  --light-grey: #ccc;
  --dark-grey: #999;

  background: repeating-linear-gradient(to right,
      var(--light-grey) 0%,
      var(--dark-grey) 50%,
      var(--light-grey) 100%);
  background-size: 200% auto;
  background-position: 0 100%;
  animation: loading 2s infinite;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
}

@keyframes loading {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: -200% 0;
  }
}

.hiddenElement {
  display: none;
}
/* Braintree Container Classes */
.braintree-show-card {
  /* Container for displaying cards; hidden by default */
}

.braintree-dropin {
  /* Main Braintree drop-in container */
}

.braintree-loaded {
  /* State class indicating that the Braintree drop-in is loaded */
}

/* Header & Text Elements */
.braintree-heading {
  /* Generic heading style for Braintree elements */
}

.braintree-hidden {
  /* Applies visibility: hidden to Braintree elements */
}

/* Payment Method Containers */
.braintree-upper-container {
  /* Container for the upper section of the drop-in, including loaders and options */
}

.braintree-methods {
  /* Container for payment methods available in the drop-in */
}

.braintree-methods-initial {
  /* Initial state for the methods container */
}

.braintree-options {
  /* Options container to hold payment methods */
}

.braintree-options-initial {
  /* Initial state for the options container */
}

.braintree-options-list {
  /* List of payment options */
}

/* Loader Styles */
.braintree-loader__container {
  /* Container for loader icon in Braintree */
}

.braintree-loader__indicator {
  /* Indicator for the loader animation */
}

.braintree-loader__lock {
  /* Lock icon within the loader */
}

/* Confirmation Dialog Styles */
.braintree-delete-confirmation {
  /* Confirmation dialog for deletion */
}

.braintree-delete-confirmation__button-container {
  /* Container for delete confirmation buttons */
}

.braintree-delete-confirmation__button {
  /* Styling for each delete confirmation button */
}

/* Form Field Styles */
.braintree-form__field-group {
  /* Grouping for individual form fields */
}

.braintree-form__label {
  /* Label styling within form fields */
}

.braintree-form__field {
  /* Styling for input fields within forms */
}

.braintree-form__icon-container {
  /* Container for form icons, e.g., card icon or error icon */
}

.braintree-form__field-error {
  /* Error message styling for form fields */
}

.braintree-form__field-error-icon {
  /* Error icon within form fields */
}

.braintree-form-number {
  /* Container for the form number field */
}

.braintree-form__flexible-fields {
  /* Flex container for flexible form fields */
}

.braintree-form-expiration {
  /* Expiration date field styling */
}

/* Sheet and Content Styles */
.braintree-sheet__container {
  /* Container for each sheet in the drop-in */
}

.braintree-sheet--active {
  /* Active state for a displayed sheet */
}

.braintree-dropin .braintree-hidden {
  display: none;
}

.braintree-sheet__content--form .braintree-form__field-group .braintree-form__field-error {
  font-size: 15px;
  margin-top: 4px;
}

.braintree-card {
  padding: 0;
}

.braintree-form {
  border: none;
}

.braintree-sheet {}

.braintree-sheet__content--form .braintree-form__field-group {
  padding: 0;

}

.braintree-sheet__container {
  margin-bottom: 0;
}

.braintree-sheet__content--form {
  display: flex;
  flex-direction: column;
  gap: 40px 0;
}

.braintree-sheet__content--form .braintree-form__field-group {
  margin-bottom: 0;
}

.braintree-sheet__content--form .braintree-form__field-group>label {

  display: flex;
  flex-direction: column;
  gap: 8px;

}

.braintree-sheet__content--form .braintree-form__field-group .braintree-form__field .braintree-form__hosted-field {
  border: 1px rgba(0, 0, 0, 0.13) solid;
  border-radius: 7px;
  padding: 12px 16px;
  background-color: #FEFEFE;
  box-shadow: 0 1px 1px -0.5px rgba(0, 0, 0, 0.08) inset;
  text-size: 1rem;
}

.braintree-form__notice-of-collection {
  padding-top: 12px;
  text-decoration: underline;
  display: none;
}

.braintree-sheet__content--form .braintree-form__field-group .braintree-form__field .braintree-form__hosted-field:hover {
  border-color: rgba(0, 0, 0, 0.13);
}

.braintree-sheet__content--form .braintree-form__field-group .braintree-form__field .braintree-form__hosted-field.braintree-form__field--valid {
  border-color: rgba(0, 0, 0, 0.13);
}

.braintree-form__flexible-fields {
  display: flex;
  flex-direction: column;
}

.braintree-sheet__content--form .braintree-form__flexible-fields .braintree-form__field-group {
  flex-basis: 0;
}

.braintree-sheet__content--form .braintree-form__field-group .braintree-form__label {
  font-size: 15px;
  font-weight: 500;
  color: rgb(63, 63, 70);

  @apply !text-15 !font-medium !text-zinc-700;
}

.braintree-placeholder {
  display: none;
}



.braintree-sheet__content--form {
  padding: 0;
}

.braintree-form__field-group {
  padding: 0;
}

.braintree-sheet__header {
  display: none;
  /* Header section of a sheet */
}

.braintree-sheet__header-label {
  /* Label within the sheet header */
}

.braintree-sheet__logo--header {
  /* Logo styling in sheet headers */
}

.braintree-sheet__label {
  /* Label style within the sheet */
}

.braintree-sheet__content {
  /* Content area within a sheet */
}

.braintree-sheet__content--form {
  /* Form-specific content in a sheet */
}

.braintree-sheet__content--button {
  /* Button-specific content in a sheet */
}

.braintree-sheet__button--paypal {
  /* PayPal-specific button within sheet */
}

.braintree-sheet__button--apple-pay {
  /* Apple Pay-specific button within sheet */
}

.braintree-sheet__button--venmo {
  /* Venmo-specific button within sheet */
}

.braintree-sheet__error {
  /* Error message styling within sheets */
}

.braintree-sheet__error-icon {
  /* Error icon within a sheet error */
}

.braintree-sheet__error-text {
  /* Error text in sheet error */
}

/* Icons */
.braintree-icon--bordered {
  /* Bordered style for icons */
}

.braintree-form__icon {
  /* General icon styling within forms */
}

/* Card Icon Styles */
.braintree-sheet__card-icon {
  /* General card icon styling */
}

.braintree-hidden {
  /* Hide class for unsupported icons */
}

.braintree-form__icon-container {
  /* Icon container within form fields */
}

/* Checkbox & Notice Styling */
.braintree-form__checkbox {
  /* Checkbox styling within form fields */
}

.braintree-form__notice-of-collection {
  /* Notice of collection text styling */
}
@layer components {
  /* @calendar component */


  .current {
    @apply bg-white;
  }

  .not-current {
    @apply bg-neutral-100 text-neutral-500;
  }


  [data-calendar-target="calendarMonth"]>div {
    @apply bg-neutral-100 text-neutral-500;
  }


  [data-calendar-target="calendarMonth"] button {
    @apply bg-white text-black;
  }

  [data-calendar-target="calendarMonth"] button:focus {
    /* @apply z-10; */
  }

  [data-calendar-target="endDate"]:disabled {
    opacity: 0.5;
  }

  [data-calendar-target="calendarMonth"]>div,
  [data-calendar-target="calendarMonth"]>button {
    transition-property: transform, border-radius;
    @apply duration-300;
  }

  [data-calendar-target="calendarMonth"]>button:hover {
    @apply scale-110 sm:rounded-xl shadow-stack -translate-y-1 z-10;
  }

  [data-calendar-target="calendarMonth"]>button:hover {
    .label {
      @apply opacity-100;
    }

    .price {
      @apply opacity-100;
    }
  }


  [data-calendar-target="calendarMonth"] [data-selected="first"] {
    @apply shadow-stack;

    .label {
      @apply opacity-100 !important;
    }

    .price {
      @apply opacity-100 !important;
    }

  }

  [data-selected="last"] {
    @apply shadow-stack;

    .label {
      @apply opacity-100 !important;
    }

    .price {
      @apply opacity-100 !important;
    }

  }

  [data-selected="true"],
  [data-selected="first"],
  [data-selected="last"] {
    @apply !bg-black !text-white !-m-[1px];

    .label {
      @apply opacity-50;
    }

    .price {
      @apply opacity-0;
    }
  }

  [data-tour-id] {
    @apply scale-110 sm:rounded-xl shadow-stack -translate-y-1 z-10 !bg-white;
  }

  .label,
  .price {
    @apply pointer-events-none;
  }

  [data-calendar-target="endField"]:disabled {
    @apply opacity-50;
  }

  [data-calendar-target="endField"]:not([disabled])[data-complete="false"] {
    @apply ring-2 ring-blue-600 border-blue-600 !important;
  }

  [data-calendar-target="startField"][data-complete="false"] {
    @apply ring-2 ring-blue-600 border-blue-600 !important;
  }

  [data-complete="false"] [data-id="clear-field"] {
    @apply hidden;
  }
}
/*
 * 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.
 *



 */