/*!***************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/@wordpress/scripts/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/index.css ***!
  \***************************************************************************************************************************************************************************************************/
*, ::before, ::after{
        --tw-border-spacing-x: 0;
        --tw-border-spacing-y: 0;
        --tw-translate-x: 0;
        --tw-translate-y: 0;
        --tw-rotate: 0;
        --tw-skew-x: 0;
        --tw-skew-y: 0;
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        --tw-pan-x:  ;
        --tw-pan-y:  ;
        --tw-pinch-zoom:  ;
        --tw-scroll-snap-strictness: proximity;
        --tw-gradient-from-position:  ;
        --tw-gradient-via-position:  ;
        --tw-gradient-to-position:  ;
        --tw-ordinal:  ;
        --tw-slashed-zero:  ;
        --tw-numeric-figure:  ;
        --tw-numeric-spacing:  ;
        --tw-numeric-fraction:  ;
        --tw-ring-inset:  ;
        --tw-ring-offset-width: 0px;
        --tw-ring-offset-color: #fff;
        --tw-ring-color: rgba(59, 130, 246, 0.5);
        --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);
        --tw-ring-shadow: 0 0 rgba(0,0,0,0);
        --tw-shadow: 0 0 rgba(0,0,0,0);
        --tw-shadow-colored: 0 0 rgba(0,0,0,0);
        --tw-blur:  ;
        --tw-brightness:  ;
        --tw-contrast:  ;
        --tw-grayscale:  ;
        --tw-hue-rotate:  ;
        --tw-invert:  ;
        --tw-saturate:  ;
        --tw-sepia:  ;
        --tw-drop-shadow:  ;
        --tw-backdrop-blur:  ;
        --tw-backdrop-brightness:  ;
        --tw-backdrop-contrast:  ;
        --tw-backdrop-grayscale:  ;
        --tw-backdrop-hue-rotate:  ;
        --tw-backdrop-invert:  ;
        --tw-backdrop-opacity:  ;
        --tw-backdrop-saturate:  ;
        --tw-backdrop-sepia:  ;
}

::backdrop{
        --tw-border-spacing-x: 0;
        --tw-border-spacing-y: 0;
        --tw-translate-x: 0;
        --tw-translate-y: 0;
        --tw-rotate: 0;
        --tw-skew-x: 0;
        --tw-skew-y: 0;
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        --tw-pan-x:  ;
        --tw-pan-y:  ;
        --tw-pinch-zoom:  ;
        --tw-scroll-snap-strictness: proximity;
        --tw-gradient-from-position:  ;
        --tw-gradient-via-position:  ;
        --tw-gradient-to-position:  ;
        --tw-ordinal:  ;
        --tw-slashed-zero:  ;
        --tw-numeric-figure:  ;
        --tw-numeric-spacing:  ;
        --tw-numeric-fraction:  ;
        --tw-ring-inset:  ;
        --tw-ring-offset-width: 0px;
        --tw-ring-offset-color: #fff;
        --tw-ring-color: rgba(59, 130, 246, 0.5);
        --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);
        --tw-ring-shadow: 0 0 rgba(0,0,0,0);
        --tw-shadow: 0 0 rgba(0,0,0,0);
        --tw-shadow-colored: 0 0 rgba(0,0,0,0);
        --tw-blur:  ;
        --tw-brightness:  ;
        --tw-contrast:  ;
        --tw-grayscale:  ;
        --tw-hue-rotate:  ;
        --tw-invert:  ;
        --tw-saturate:  ;
        --tw-sepia:  ;
        --tw-drop-shadow:  ;
        --tw-backdrop-blur:  ;
        --tw-backdrop-brightness:  ;
        --tw-backdrop-contrast:  ;
        --tw-backdrop-grayscale:  ;
        --tw-backdrop-hue-rotate:  ;
        --tw-backdrop-invert:  ;
        --tw-backdrop-opacity:  ;
        --tw-backdrop-saturate:  ;
        --tw-backdrop-sepia:  ;
}

.tiny-calendar *,
    .tiny-calendar ::before,
    .tiny-calendar ::after {
        box-sizing: border-box; /* 1 */
        border-width: 0; /* 2 */
        border-style: solid; /* 2 */
        border-color: #e5e7eb; /* 2 */
    }

.tiny-calendar button,
    .tiny-calendar [type='button'],
    .tiny-calendar [type='reset'],
    .tiny-calendar [type='submit'] {
        text-transform: none;
        -webkit-appearance: button; /* 1 */
        background-color: transparent; /* 2 */
        background-image: none; /* 2 */
        cursor: pointer;
    }

.tiny-calendar ::-webkit-inner-spin-button,
    .tiny-calendar ::-webkit-outer-spin-button {
      height: auto;
    }

.tiny-calendar ::-webkit-file-upload-button {
        -webkit-appearance: button; /* 1 */
        font: inherit; /* 2 */
    }

.tiny-calendar{
        margin-left: auto;
        margin-right: auto;
        display: grid;
        max-width: 48rem;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        grid-column-gap: 2rem;
        -moz-column-gap: 2rem;
             column-gap: 2rem;
        grid-row-gap: 4rem;
        row-gap: 4rem;
        --tw-bg-opacity: 1;
        background-color: rgba(255, 255, 255, 1);
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
        padding-left: 1rem;
        padding-right: 1rem;
        padding-top: 4rem;
        padding-bottom: 4rem;
}

.tiny-calendar .month{
        text-align: center;
}

.tiny-calendar .month h2{
        font-size: 0.875rem;
        line-height: 1.25rem;
        font-weight: 600;
        --tw-text-opacity: 1;
        color: rgba(17, 24, 39, 1);
        color: rgba(17, 24, 39, var(--tw-text-opacity));
}

.tiny-calendar .month .daynames{
        margin-top: 1.5rem;
        display: grid;
        grid-template-columns: repeat(8, minmax(0, 1fr));
        font-size: 0.75rem;
        line-height: 1.5rem;
        --tw-text-opacity: 1;
        color: rgba(107, 114, 128, 1);
        color: rgba(107, 114, 128, var(--tw-text-opacity));
}

.tiny-calendar .month .days{
        isolation: isolate;
        margin-top: 0.5rem;
        display: grid;
        grid-template-columns: repeat(8, minmax(0, 1fr));
        grid-gap: 1px;
        gap: 1px;
        border-radius: 0.5rem;
        --tw-bg-opacity: 1;
        background-color: rgba(229, 231, 235, 1);
        background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
        font-size: 0.875rem;
        line-height: 1.25rem;
        --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
        --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) rgba(229, 231, 235, 1), 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
}

@supports (color: rgb(0 0 0 / 0)){
.tiny-calendar .month .days{
                box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) rgb(229 231 235 / 1), 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
        }
}

.tiny-calendar .month .days button{
        padding-top: 0.375rem;
        padding-bottom: 0.375rem;
}

.tiny-calendar .month .days button:hover{
        --tw-bg-opacity: 1;
        background-color: rgba(243, 244, 246, 1);
        background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
}

.tiny-calendar .month .days button:focus{
        z-index: 10;
}

.tiny-calendar .month .days button.week-no{
        --tw-bg-opacity: 1;
        background-color: rgba(243, 244, 246, 1);
        background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
}

.tiny-calendar .month .days button.current{
        --tw-bg-opacity: 1;
        background-color: rgba(255, 255, 255, 1);
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgba(17, 24, 39, 1);
        color: rgba(17, 24, 39, var(--tw-text-opacity));
}

.tiny-calendar .month .days button.holiday{
        --tw-bg-opacity: 1;
        background-color: rgba(220, 252, 231, 1);
        background-color: rgba(220, 252, 231, var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgba(34, 197, 94, 1);
        color: rgba(34, 197, 94, var(--tw-text-opacity));
}

.tiny-calendar .month .days button.weekend{
        --tw-bg-opacity: 1;
        background-color: rgba(254, 226, 226, 1);
        background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgba(239, 68, 68, 1);
        color: rgba(239, 68, 68, var(--tw-text-opacity));
}

.tiny-calendar .month .days button.other{
        opacity: 0.3;
}

.tiny-calendar .month .days button time{
        margin-left: auto;
        margin-right: auto;
        display: flex;
        height: 1.75rem;
        align-items: center;
        justify-content: center;
        border-radius: 9999px;
}

.tiny-calendar .month .days button span.week-number{
        margin-left: auto;
        margin-right: auto;
        display: flex;
        height: 1.75rem;
        align-items: center;
        justify-content: center;
        border-radius: 9999px;
                    font-size: 0.5rem;
}

.tiny-calendar .month .days button.today time{
        --tw-bg-opacity: 1;
        background-color: rgba(79, 70, 229, 1);
        background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
        font-weight: 600;
        --tw-text-opacity: 1;
        color: rgba(255, 255, 255, 1);
        color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.tiny-calendar .month .days button.topleft{
        border-top-left-radius: 0.5rem;
}

.tiny-calendar .month .days button.topright{
        border-top-right-radius: 0.5rem;
}

.tiny-calendar .month .days button.bottomleft{
        border-bottom-left-radius: 0.5rem;
}

.tiny-calendar .month .days button.bottomright{
        border-bottom-right-radius: 0.5rem;
}

@media (min-width: 640px) {

.tiny-calendar{
                grid-template-columns: repeat(2, minmax(0, 1fr));
                padding-left: 1.5rem;
                padding-right: 1.5rem;
        }
    }

@media (min-width: 1280px) {

.tiny-calendar{
                max-width: none;
                grid-template-columns: repeat(4, minmax(0, 1fr));
                padding-left: 2rem;
                padding-right: 2rem;
        }
    }

@media (min-width: 1536px) {

.tiny-calendar{
                grid-template-columns: repeat(3, minmax(0, 1fr));
        }
    }

/*# sourceMappingURL=index.css.map*/