:root{

    
    --color-Sd:rgb(138, 6, 6);    /*Sprawdzian*/
    --border-Sd:rgb(224, 30, 30);      /*Sprawdzian*/

    --color-Zd: rgb(13, 11, 131);  /*Zdanie domowe*/
    --border-Zd: rgb(78, 69, 255);/*Zdanie domowe*/

    --color-K: rgb(163, 84, 10);    /*Kartkówka*/
    --border-K: rgb(237, 116, 3);    /*Kartkówka*/

    --color-Pa:rgb(127, 25, 79);    /*Przepytka*/
    --border-Pa:rgb(181, 61, 255);   /*Przepytka*/

    --color-Sn:rgb(80, 147, 20);;   /*Sprawozdanie*/
    --border-Sn:rgb(43, 255, 0);;   /*Sprawozdanie*/
    
    --color-Pj:rgb(21, 167, 150);   /*Prezentacja*/
    --border-Pj:rgb(0, 255, 225);   /*Prezentacja*/

    --color-I:rgb(28, 1, 51);       /*Inna*/
    --border-I:rgb(227, 42, 233);   /*Inna*/

    --color-X:rgb(95, 0, 0);       /*Błąd*/
    --border-X:rgb(255, 0, 0);   /*Błąd*/
    
    --event-background: rgba(50, 50, 50, 0.5);
}



.CCB-Category{
    border-radius: 5px;
    padding-left: 5px;
    padding-right: 5px;
    margin-right: 5px;
    font-size: 15px;
    word-break: keep-all;
    color: white;
    font-weight: 500;
    transform: scale(1.2) rotate(5deg);
    transition: 0.2s ease;
    border-width: 2px;
    border-style: solid;
}

.CCB-Category::first-letter{
    font-size: 20px;
}


#EventDescriptionHeaderSubject > .CCB-Category{
    border-radius: 0.75vmin;
    padding-left: 0.5vmin;
    padding-right: 0.5vmin;
    margin-right: 0.5vmin;
    font-size: 1.8vmin;
    border-width: 0.25vmin;
    margin-right: 2vh;
  
}

#EventDescriptionHeaderSubject > .CCB-Category::first-letter{
    font-size: 2.75vmin;
}

.CCB-Category[data-category="K"]{
    background-color: var(--color-K);
    border-color: var(--border-K);
}
.CCB-Category[data-category="Pj"]{
    background-color: var(--color-Pj);
    border-color: var(--border-Pj);
}
.CCB-Category[data-category="Pa"]{
    background-color: var(--color-Pa);
    border-color: var(--border-Pa);
}
.CCB-Category[data-category="Sd"]{
    background-color: var(--color-Sd);
    border-color: var(--border-Sd);
}
.CCB-Category[data-category="Sn"]{
    background-color: var(--color-Sn);
    border-color: var(--border-Sn);
}
.CCB-Category[data-category="Zd"]{
    background-color: var(--color-Zd);
    border-color: var(--border-Zd);
}

.CCB-Category[data-category="I"]{
    background-color: var(--color-I);
    border-color: var(--border-I);
}

.CCB-Category[data-category="X"]{
    background-color: var(--color-X);
    border-color: var(--border-X);
}



.calendarCellBar[data-category="Kartkówka"]{
    background: linear-gradient(0.6turn, var(--event-background) 35%, var(--border-K)); 
    
}
.calendarCellBar[data-category="Prezentacja"]{
    background: linear-gradient(0.6turn, var(--event-background) 35%, var(--border-Pj));
}
.calendarCellBar[data-category="Przepytka"]{
    background: linear-gradient(0.6turn, var(--event-background) 35%, var(--border-Pa));
}
.calendarCellBar[data-category="Sprawdzian"]{
    background: linear-gradient(0.6turn, var(--event-background) 35%, var(--border-Sd));
}
.calendarCellBar[data-category="Sprawozdanie"]{
    background: linear-gradient(0.6turn, var(--event-background) 35%, var(--border-Sn));
}
.calendarCellBar[data-category="Zadanie domowe"]{
    background: linear-gradient(0.6turn, var(--event-background) 35%, var(--border-Zd));
}
.calendarCellBar[data-category="Inna"]{
    background: linear-gradient(0.6turn, var(--event-background) 35%, var(--border-I));
}

.calendarCellBar{
    background-position: 55% !important;
    background-size: 205% !important;   
}
.calendarCellBar:hover{
    background-position: 00% !important;
    background-size: 200% !important;
    filter: contrast(1.5) brightness(1.1);
}