/*
 * This is a manifest file that'll automatically include all the stylesheets available in this directory
 * and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
 * the top of the compiled file, but it's generally better to create a new file per style scope.
 *



*/
/*
Placeholder manifest file.
the installer will append this file to the app vendored assets here: 'vendor/assets/stylesheets/spree/frontend/all.css'
*/
@font-face {
  font-family: 'Graphik';
  src: url(/assets/fonts/graphik/graphik-regular-web-c7082d25f64535de0c880797e4bc11152068f288bca526596a88c23a1e4f3990.woff2) format("woff2"), url(/assets/fonts/graphik/graphik-regular-web-aaa16f3783b8c10187beebf9d50da9d43d4cd7bcd056f34096e4e7149d61557c.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Graphik Medium';
  src: url(/assets/fonts/graphik/graphik-medium-web-6b8bedb9e668f9999472b0ae51bda3f1b66885ec82cf38b66c958ab4f241416d.woff2) format("woff2"), url(/assets/fonts/graphik/graphik-medium-web-e136444947e6077440ceeef67ab143afd9276a58aeea90279cc0ceee6e155de1.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Graphik Semibold';
  src: url(/graphik/graphik-semibold-web.woff2) format("woff2"), url(/graphik/graphik-semibold-web.woff) format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'BradFordLL';
  src: url(/assets/fonts/bradford/bradford-ll-web-regular-6fcc315011bee97f8a42ba2e22300e53544d760bc82027157cf7435549ab2699.woff2) format("woff2"), url(/assets/fonts/bradford/bradford-ll-web-regular-be2f48866f815a08f8df27f89d27e68b519dd508b4f7961979b764ac27a8fbb6.woff) format("woff");
  font-display: swap;
}

@font-face {
  font-family: 'BradFordLL Medium';
  src: url(/assets/fonts/bradford/bradford-ll-web-medium-6d0bc64de1d0ead9f18bea9c35f6f5257326eeda2d28e4fe082e48306db0caf8.woff2) format("woff2"), url(/assets/fonts/bradford/bradford-ll-web-medium-e771c4a6a4ba65b90afd0a9ca7475462fa553f5f607d6b40cc69cea78d925c93.woff) format("woff");
  font-display: swap;
}

@font-face {
  font-family: 'BradfordLL Book';
  src: url(/assets/fonts/bradford/bradford-ll-web-book-4bc5719b087b2ba94e9a5a6783c5b663af1b274afec68421f5b383eb3bc12f46.woff) format("woff2"), url(/assets/fonts/bradford/bradford-ll-web-book-4bc5719b087b2ba94e9a5a6783c5b663af1b274afec68421f5b383eb3bc12f46.woff) format("woff");
  font-display: swap;
}
/*
Placeholder manifest file.
the installer will append this file to the app vendored assets here: 'vendor/assets/stylesheets/spree/frontend/all.css'
*/

.solidus-stripe-payment {
  padding: 1em 0;
}

[type="submit"]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
/*
Placeholder manifest file.
the installer will append this file to the app vendored assets here: 'vendor/assets/stylesheets/spree/frontend/all.css'
*/

#paypal_commerce_platform_overlay{
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 100;
}
/* line 2, ../usr/local/bundle/ruby/3.3.0/gems/simple_calendar-3.0.4/app/assets/stylesheets/simple_calendar.scss */
.simple-calendar table {
  -webkit-border-horizontal-spacing: 0px;
  -webkit-border-vertical-spacing: 0px;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #dddddd;
  border-collapse: collapse;
  box-sizing: border-box;
  max-width: 100%;
  width: 100%;
}

/* line 13, ../usr/local/bundle/ruby/3.3.0/gems/simple_calendar-3.0.4/app/assets/stylesheets/simple_calendar.scss */
.simple-calendar tr {
  border-collapse: collapse;
}

/* line 17, ../usr/local/bundle/ruby/3.3.0/gems/simple_calendar-3.0.4/app/assets/stylesheets/simple_calendar.scss */
.simple-calendar th {
  padding: 6px;
  border-bottom: 2px solid #dddddd;
  border-collapse: collapse;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-top: 0px none #333333;
  box-sizing: border-box;
  text-align: left;
}

/* line 28, ../usr/local/bundle/ruby/3.3.0/gems/simple_calendar-3.0.4/app/assets/stylesheets/simple_calendar.scss */
.simple-calendar td {
  padding: 6px;
  vertical-align: top;
  width: 14%;
  border: 1px solid #ddd;
  border-top-color: #dddddd;
  border-top-style: solid;
  border-top-width: 1px;
  border-right-color: #dddddd;
  border-right-style: solid;
  border-right-width: 1px;
  border-bottom-color: #dddddd;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-left-color: #dddddd;
  border-left-style: solid;
  border-left-width: 1px;
}

/* line 48, ../usr/local/bundle/ruby/3.3.0/gems/simple_calendar-3.0.4/app/assets/stylesheets/simple_calendar.scss */
.simple-calendar .calendar-heading nav {
  display: inline-block;
}

/* line 52, ../usr/local/bundle/ruby/3.3.0/gems/simple_calendar-3.0.4/app/assets/stylesheets/simple_calendar.scss */
.simple-calendar .day {
  height: 80px;
}

/* line 64, ../usr/local/bundle/ruby/3.3.0/gems/simple_calendar-3.0.4/app/assets/stylesheets/simple_calendar.scss */
.simple-calendar .today {
  background: #FFFFC0;
}

/* line 73, ../usr/local/bundle/ruby/3.3.0/gems/simple_calendar-3.0.4/app/assets/stylesheets/simple_calendar.scss */
.simple-calendar .prev-month {
  background: #DDD;
}

/* line 76, ../usr/local/bundle/ruby/3.3.0/gems/simple_calendar-3.0.4/app/assets/stylesheets/simple_calendar.scss */
.simple-calendar .next-month {
  background: #DDD;
}
/*
 * 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.
 *
 * OFF require_tree .


 */

.rounded-lg h3 {
    text-shadow: #000 2px 2px;
}

/* Shipment State Filter Checkboxes */
.shipment-states-filter {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 10px;
    margin-top: 5px;
}

.shipment-states-filter .checkbox-item {
    display: flex;
    align-items: center;
    gap: 8px;
}

.shipment-states-filter .checkbox-label {
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
    user-select: none;
}

.shipment-states-filter input[type="checkbox"] {
    margin: 0;
}
@keyframes logo-rainbow {
    0%, 100% {
        fill: #fffbd5;
    }
    12.5% {
        fill: #aae0fa;
    }
    25% {
        fill: #8d5a97;
    }
    37.5% {
        fill: #f9aa8f;
    }
    50% {
        fill: #9bd3ae;
    }
    62.5% {
        fill: #ccc2c0;
    }
    75% {
        fill: #deb453;
    }
    87.5% {
        fill: #917c6f;
    }
}

.kraken-logo g.tentacle * {
    animation: logo-rainbow 20s linear;
    animation-iteration-count: infinite;
}
/*
 * This is a manifest file that'll automatically include all the stylesheets available in this directory
 * and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
 * the top of the compiled file, but it's generally better to create a new file per style scope.
 *
 * spree/frontend/all points to the
 * `vendor/assets/stylesheets/spree/frontend/all.css` file generated by
 * `solidus:install`. See `setup_assets` at
 * https://github.com/solidusio/solidus/blob/main/core/lib/generators/solidus/install/install_generator.rb

 *





*/