/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

 select {
   appearance: none;
 }
 
 select:not([size]) {
     print-color-adjust: exact;
     background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 6'%3e %3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 1 4 4 4-4'/%3e %3c/svg%3e");
     background-position: right .75rem center;
     background-repeat: no-repeat;
     background-size: .75em .75em;
     padding-right:2.5rem
 }

 .plan-selection-bar-visible [data-privacy-filter-shell] {
   bottom: 6.5rem;
 }

 @media (max-width: 639px) {
   .plan-selection-bar-visible [data-privacy-filter-shell] {
     bottom: 10.5rem;
   }
 }

 .simple-calendar {
   table {
     -webkit-border-horizontal-spacing: 0px;
     -webkit-border-vertical-spacing: 0px;
     background-color: rgba(0, 0, 0, 0);
     border: 1px solid rgb(221, 221, 221);
     border-collapse: collapse;
     box-sizing: border-box;
     max-width: 100%;
     width: 100%;
   }
 
   tr {
     border-collapse: collapse;
   }
 
   th {
     padding: 6px;
     border-bottom: 2px solid rgb(221, 221, 221);
     border-collapse: collapse;
     border-left: 1px solid rgb(221, 221, 221);
     border-right: 1px solid rgb(221, 221, 221);
     border-top: 0px none rgb(51, 51, 51);
     box-sizing: border-box;
     text-align: left;
   }
 
   td {
     padding: 6px;
     vertical-align: top;
     width: 14%;
 
     border: 1px solid #ddd;
     border-top-color: rgb(221, 221, 221);
     border-top-style: solid;
     border-top-width: 1px;
     border-right-color: rgb(221, 221, 221);
     border-right-style: solid;
     border-right-width: 1px;
     border-bottom-color: rgb(221, 221, 221);
     border-bottom-style: solid;
     border-bottom-width: 1px;
     border-left-color: rgb(221, 221, 221);
     border-left-style: solid;
     border-left-width: 1px;
   }
 
   .calendar-heading nav {
     display: inline-block;
   }
 
   .day {
     height: 180px;
   }
 

 
   .today {
     background: oklch(88.2% .059 254.128);
   }
 

 
   .prev-month {
     background: oklch(92.8% .006 264.531);
   }
   .next-month {
     background: oklch(92.8% .006 264.531);
   }
   
   @media (prefers-color-scheme: dark) {
     color: white;
     
     .today {
       background: oklch(28.2% .091 267.935);
     }
     
     .prev-month {
       background: oklch(27.8% .033 256.848);
     }
     .next-month {
       background: oklch(27.8% .033 256.848);
     }
   }
 }
 
 input[type="file"]::file-selector-button {
 text-align: center;
 cursor: default;
 padding-inline-start: 10px;
 padding-inline-end: 10px;
 color: buttontext;
 padding-block-start: 10px;
 padding-block-end: 10px;
 box-sizing: border-box;
 background-color: oklch(88.2% .059 254.128);
 }

 .pagy {
   --B: 1;
   --H: 207.42;
   --S: 80.12;
   --L: 50;
   --A: 1;
   --spacing: 0.125rem;
   --padding: 0.75rem;
   --rounding: 0.375rem;
   --border-width: 0rem;
   --font-size: 0.875rem;
   --font-weight: 600;
   --line-height: 1.75;
 }
 
 .hw-combobox__main__wrapper {
   width: 100%;
 }