/* /Calendars/Events/AppendPage.razor.rz.scp.css */


.legend-colour[b-74d28lype7] {
    display: inline-block;
    height: 1rem;
    width: 1rem;
    border: solid 1px #777;
    border-radius: 20%;
}
/* /Calendars/Events/ListPage.razor.rz.scp.css */


.legend-colour[b-p7t1x6puom] {
    display: inline-block;
    height: 1rem;
    width: 1rem;
    border: solid 1px #777;
    border-radius: 20%;
}
/* /Calendars/Legend.razor.rz.scp.css */
.legend-style[b-k9oai74kvc] {
    display: inline-block;
    height: 1.2rem;
    width: 1.2rem;
}

@media all and (orientation:portrait) {
     .legend-content[b-k9oai74kvc] {
         flex-direction: column!important;
     }
}


/* /Common/Components/SortableList.razor.rz.scp.css */
/* 
  you need the ::deep identifier if you are using scoped styles like this
  because scoped styles are only applied to markup in the component, not
  to the markup inside the render fragment.
*/

[b-nw621duvku] .sortable-ghost {
  visibility: hidden;
}

[b-nw621duvku] .sortable-fallback {
  opacity: 1 !important
}
/* /Common/Components/StyleSelector.razor.rz.scp.css */
.frame-button[b-vyuiwno97c] {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-right: 10px;
}
/* /Common/Components/YearSpan.razor.rz.scp.css */

/* All */
.app_year[b-cws9gsci4a] {
    display: grid;
    /* min-width: 2000px */
}
.app_year_month[b-cws9gsci4a] {
    display: grid;
    font-size: .75rem;
}
.app_year_weekday[b-cws9gsci4a] {
    display: grid;
    font-size: .75rem;
}
.app_year_day[b-cws9gsci4a] {
}
.month-label[b-cws9gsci4a] {
    text-transform: uppercase;
}


/* Landscape */
@media all and (orientation:landscape) {
    .app_year[b-cws9gsci4a] {
        grid-template-columns: 30px auto;
        grid-template-rows: 30px auto;
    }
    .app_year_month[b-cws9gsci4a] {
        grid-column-start: 2;
        grid-row-start: 1;
        grid-template-rows: 1fr;
        grid-template-columns: repeat(53, 1fr);
    }
    .app_year_month_cell[b-cws9gsci4a] {
        /*grid-column-start: span 4;*/
    }
    .app_year_weekday[b-cws9gsci4a] {
        grid-column-start: 1;
        grid-row-start: 2;
        grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-template-columns: 1fr;
    }
    .app_year_day[b-cws9gsci4a] {
        grid-column-start: 2;
        grid-row-start: 2;
    }
}

/* Portrait */
@media all and (orientation:portrait) {
    .app_year[b-cws9gsci4a] {
        grid-template-columns: 30px auto;
        grid-template-rows: 30px auto;
    }
    .app_year_month[b-cws9gsci4a] {
        grid-column-start: 1;
        grid-row-start: 2;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(53, 1fr);
    }
    .app_year_month span[b-cws9gsci4a] {
        writing-mode: vertical-rl;
        text-orientation: upright;
        /*transform: rotate(-90deg);*/
    }
    .app_year_weekday[b-cws9gsci4a] {
        grid-column-start: 2;
        grid-row-start: 1;
        grid-template-rows: 1fr;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        text-align: center;
    }
    .app_year_day[b-cws9gsci4a] {
        grid-column-start: 2;
        grid-row-start: 2;
    }
}






/* All */




.grid[b-cws9gsci4a] {
    --color-grid-background: var(--color-filled);
    --color-grid-line: var(--color-filled);
    --color-grid-accent: var(--color-accent);
    
    display: grid;
    grid-gap: 1px;
    background-color: var(--color-grid-line);
    border: solid 1px var(--color-grid-line);
}
/*.grid .cell {*/
/*    !*border: 1px solid var(--color-filled);*!*/
/*    !*background-color: var(--color-background)*!*/
/*}*/
/*.grid .cell.alt {*/
/*    !*border: 1px solid var(--color-filled);*!*/
/*    !*background-color: var(--color-background)*!*/
/*}*/
/*.grid .cell:hover {*/
/*    border: solid 1px var(--color-grid-accent);*/
/*    margin: -1px;*/
/*    color: #ffffff;*/
/*}*/

@media (hover: hover) {
    .cell:hover > span[b-cws9gsci4a] {
        border-radius: 50%;
        margin: 5%;
        background-color: var(--color-accent);
        color: #fff;
    }

    .cell.selected:hover > span[b-cws9gsci4a] {
        background-color: color-mix(in srgb, var(--color-accent), black 25%);
    }
}


/*.grid .cell-highlight {*/
/*    border: solid 1px var(--colour-grid-accent);*/
/*    margin: -1px;*/
/*}*/
/*.grid .cell-highlight:hover {*/
/*    border: solid 1px var(--color-filled);*/
/*}*/
.grid .cell.empty[b-cws9gsci4a] {
    border: solid 1px var(--color-background);
    margin: -1px;
    background-color: var(--color-background);
}
.grid .cell.empty-start[b-cws9gsci4a] {
    margin: -1px 0 0 -1px;
}
.grid .cell.empty-end[b-cws9gsci4a] {
    margin: 0 -1px -1px 0;
}
/*.grid .cell {*/
/*    !*border-style: solid;*!*/
/*    !*border-color: var(--color-filled);*!*/
/*    !*border-width: 0;*!*/
/*    !*border-top-width: 1px;*!*/
/*    !*border-left-width: 1px;*!*/
/*}*/
/*!* First day of the year *!*/
/*.grid .cell:nth-child(1) {*/
/*}*/
/*!* First week of the year *!*/
/*.grid .cell:nth-child(-n+7) {*/
/*}*/
/*!* Last day of the year *!*/
/*.grid .cell.week-start {*/
/*}*/
/*.grid .cell.week-end {*/
/*    !*border-bottom-width: 1px;*!*/
/*}*/
/*!* Last 7 days of the year *!*/
/*.grid .cell.year-end {*/
/*    !*border-right-width: 1px;*!*/
/*}*/
/*.grid .cell:nth-last-child(1) {*/
/*    !*border-bottom-width: 1px;*!*/
/*    !*border-right-width: 1px;*!*/
/*}*/
/*.grid .cell.week-end {*/
/*    border-bottom-width: 1px;*/
/*}*/
/*.grid .cell.month-start {*/
/*    border-top-color: #656262;*/
/*}*/
/*.grid .cell.month-first-week {*/
/*    border-left-color: #656262;*/
/*}*/
/*.grid .cell.month-start.week-start {*/
/*    border-top-color: var(--color-filled);*/
/*}*/

/*.grid .cell.month-2,*/
/*.grid .cell.month-4,*/
/*.grid .cell.month-6,*/
/*.grid .cell.month-8,*/
/*.grid .cell.month-10,*/
/*.grid .cell.month-12 {*/
/*    background-color: color-mix(in srgb, var(--color-background), white 1.2%);*/
/*}*/
/*.grid .cell.month-1,*/
/*.grid .cell.month-2,*/
/*.grid .cell.month-3,*/
/*.grid .cell.month-4,*/
/*.grid .cell.month-5,*/
/*.grid .cell.month-6,*/
/*.grid .cell.month-7,*/
/*.grid .cell.month-8,*/
/*.grid .cell.month-9,*/
/*.grid .cell.month-10,*/
/*.grid .cell.month-11,*/
/*.grid .cell.month-12 {*/
/*    background-color: var(--color-filled);*/
/*}*/


.date-block[b-cws9gsci4a] {
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1/1;
    cursor: pointer;
    user-select: none;
    font-size: xx-small;
}


.text-default[b-cws9gsci4a] {
    color: #ffffff;
}
.text-fade[b-cws9gsci4a] {
    color: color-mix(in srgb, white, black 60%)
}



/* Landscape */
@media (orientation: landscape) {
    .grid[b-cws9gsci4a] {
        grid-auto-flow: column;
        grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-template-columns: repeat(53, 1fr);
    }

    @media (min-width: 992px) {
        .date-block[b-cws9gsci4a] {
            font-size: x-small;
        }
    }
}


/* Portrait */
@media (orientation: portrait) {
    .grid[b-cws9gsci4a] {
        grid-auto-flow: row;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-template-rows: repeat(53, 1fr);
    }

    @media (min-width: 360px) {
        .date-block[b-cws9gsci4a] {
            font-size: x-small;
        }
    }
}