.loading-indicator{
  display:flex;
  height:100%;
  width:100%;
  align-items:center;
  justify-content:center;
  padding:2rem;
}

.lds-roller{
  position:relative;
  display:inline-block;
  height:5rem;
  width:5rem;
  --tw-text-opacity:1;
  color:rgb(var(--color-primary) / var(--tw-text-opacity, 1));
}
.lds-roller div{
  transform-origin:40px 40px;
  animation:lds-roller 2.4s cubic-bezier(0.5, 0, 0.5, 1) infinite;
}
.lds-roller div::after{
  position:absolute;
  display:block;
  border-radius:9999px;
  background-color:currentColor;
  width:7.2px;
  height:7.2px;
  margin:-3.6px 0 0 -3.6px;
  content:" ";
}
.lds-roller div:nth-child(1){
  animation-delay:-0.072s;
}
.lds-roller div:nth-child(2){
  animation-delay:-0.144s;
}
.lds-roller div:nth-child(3){
  animation-delay:-0.216s;
}
.lds-roller div:nth-child(4){
  animation-delay:-0.288s;
}
.lds-roller div:nth-child(5){
  animation-delay:-0.36s;
}
.lds-roller div:nth-child(6){
  animation-delay:-0.432s;
}
.lds-roller div:nth-child(7){
  animation-delay:-0.504s;
}
.lds-roller div:nth-child(8){
  animation-delay:-0.576s;
}
.lds-roller div:nth-child(1)::after{
  top:62.62742px;
  left:62.62742px;
}
.lds-roller div:nth-child(2)::after{
  top:67.71281px;
  left:56px;
}
.lds-roller div:nth-child(3)::after{
  top:70.90963px;
  left:48.28221px;
}
.lds-roller div:nth-child(4)::after{
  top:72px;
  left:40px;
}
.lds-roller div:nth-child(5)::after{
  top:70.90963px;
  left:31.71779px;
}
.lds-roller div:nth-child(6)::after{
  top:67.71281px;
  left:24px;
}
.lds-roller div:nth-child(7)::after{
  top:62.62742px;
  left:17.37258px;
}
.lds-roller div:nth-child(8)::after{
  top:56px;
  left:12.28719px;
}
@keyframes lds-roller{
  0%{
    transform:rotate(0deg);
  }
  100%{
    transform:rotate(360deg);
  }
}

[data-component-id="szu_library:calendar-view"] .wrapper{
  width:100%;
  margin-right:auto;
  margin-left:auto;
  padding-right:1rem;
  padding-left:1rem;
}

@media (min-width: 640px){

  [data-component-id="szu_library:calendar-view"] .wrapper{
    max-width:640px;
  }
}

@media (min-width: 1024px){

  [data-component-id="szu_library:calendar-view"] .wrapper{
    max-width:1024px;
    padding-right:4rem;
    padding-left:4rem;
  }
}

@media (min-width: 1280px){

  [data-component-id="szu_library:calendar-view"] .wrapper{
    max-width:1280px;
    padding-right:4rem;
    padding-left:4rem;
  }
}

@media (min-width: 1440px){

  [data-component-id="szu_library:calendar-view"] .wrapper{
    max-width:1440px;
    padding-right:4rem;
    padding-left:4rem;
  }
}
[data-component-id="szu_library:calendar-view"] .wrapper .heading{
  background-color:rgb(var(--color-secondary) / 0.1);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  padding-top:4rem;
  padding-bottom:4rem;
  text-align:center;
  font-size:1.875rem;
  line-height:2.25rem;
  font-weight:700;
  --tw-text-opacity:1;
  color:rgb(var(--color-primary) / var(--tw-text-opacity, 1));
}
[data-component-id="szu_library:calendar-view"] .wrapper .filters-wrapper{
  display:flex;
  flex-direction:column;
  gap:1rem;
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding:1rem;
}
@media (min-width: 1024px){

  [data-component-id="szu_library:calendar-view"] .wrapper .filters-wrapper{
    padding:2rem;
  }
}
[data-component-id="szu_library:calendar-view"] .wrapper .filters-wrapper .filter{
  display:flex;
  flex-direction:column;
  gap:1rem;
}
@media (min-width: 1024px){

  [data-component-id="szu_library:calendar-view"] .wrapper .filters-wrapper .filter{
    flex-direction:row;
  }
}
[data-component-id="szu_library:calendar-view"] .wrapper .filters-wrapper .filter .label{
  flex-shrink:0;
  border-bottom-width:2px;
  --tw-border-opacity:1;
  border-color:rgb(var(--color-primary) / var(--tw-border-opacity, 1));
  font-size:1.125rem;
  line-height:1.75rem;
  font-weight:700;
  --tw-text-opacity:1;
  color:rgb(var(--color-primary) / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px){

  [data-component-id="szu_library:calendar-view"] .wrapper .filters-wrapper .filter .label{
    flex-basis:5rem;
    border-bottom-width:0px;
    font-size:1rem;
    line-height:1.5rem;
  }
}
[data-component-id="szu_library:calendar-view"] .wrapper .filters-wrapper .filter .filter-item-list{
  display:flex;
  flex-wrap:wrap;
  gap:0.5rem;
}
@media (min-width: 1024px){

  [data-component-id="szu_library:calendar-view"] .wrapper .filters-wrapper .filter .filter-item-list{
    -moz-column-gap:1rem;
         column-gap:1rem;
    row-gap:0.25rem;
  }
}
[data-component-id="szu_library:calendar-view"] .wrapper .filters-wrapper .filter .filter-item-list .filter-item{
  cursor:pointer;
  white-space:nowrap;
  border-radius:0.25rem;
  padding-left:0.375rem;
  padding-right:0.375rem;
  padding-top:0.375rem;
  padding-bottom:0.375rem;
  line-height:1;
  --tw-text-opacity:1;
  color:rgb(113 113 122 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px){

  [data-component-id="szu_library:calendar-view"] .wrapper .filters-wrapper .filter .filter-item-list .filter-item{
    padding-left:1rem;
    padding-right:1rem;
  }
}
[data-component-id="szu_library:calendar-view"] .wrapper .filters-wrapper .filter .filter-item-list .filter-item[aria-selected=true]{
  --tw-bg-opacity:1;
  background-color:rgb(var(--color-primary) / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
}
[data-component-id="szu_library:calendar-view"] .wrapper .result-wrapper{
  display:grid;
  grid-template-columns:repeat(1, minmax(0, 1fr));
  gap:1rem;
  padding-top:1.5rem;
  padding-bottom:1.5rem;
}
@media (min-width: 640px){

  [data-component-id="szu_library:calendar-view"] .wrapper .result-wrapper{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px){

  [data-component-id="szu_library:calendar-view"] .wrapper .result-wrapper{
    grid-template-columns:repeat(4, minmax(0, 1fr));
  }
}
[data-component-id="szu_library:calendar-view"] .wrapper .result-wrapper .result{
  border-width:1px;
  --tw-border-opacity:1;
  border-color:rgb(228 228 231 / var(--tw-border-opacity, 1));
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
[data-component-id="szu_library:calendar-view"] .wrapper .result-wrapper .result .result-container{
  position:relative;
  height:0px;
  width:100%;
  overflow:hidden;
  padding-bottom:120%;
}
[data-component-id="szu_library:calendar-view"] .wrapper .result-wrapper .result .result-container .result-container-inner{
  position:absolute;
  inset:0px;
}
[data-component-id="szu_library:calendar-view"] .wrapper .result-wrapper .result .result-content{
  position:relative;
  height:100%;
}
[data-component-id="szu_library:calendar-view"] .wrapper .result-wrapper .result .result-content .result-image{
  padding:0.25rem;
}
[data-component-id="szu_library:calendar-view"] .wrapper .result-wrapper .result .result-content .result-image .result-image__wrapper{
  position:relative;
  height:0px;
  width:100%;
  overflow:hidden;
  border-width:1px;
  --tw-border-opacity:1;
  border-color:rgb(250 250 250 / var(--tw-border-opacity, 1));
  padding-bottom:75%;
}
[data-component-id="szu_library:calendar-view"] .wrapper .result-wrapper .result .result-content .result-image .result-image__wrapper img{
  position:absolute;
  inset:0px;
  height:100%;
  width:100%;
  -o-object-fit:cover;
     object-fit:cover;
}
[data-component-id="szu_library:calendar-view"] .wrapper .result-wrapper .result .result-content .result-meta{
  position:absolute;
  bottom:0px;
  display:flex;
  min-height:40%;
  width:100%;
  flex-direction:column;
  justify-content:space-between;
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-top:1rem;
  transition-property:all;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:300ms;
}
[data-component-id="szu_library:calendar-view"] .wrapper .result-wrapper .result .result-content .result-meta .title{
  margin-bottom:0.75rem;
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  height:3rem;
  padding-left:0.75rem;
  padding-right:0.75rem;
  font-size:1rem;
  line-height:1.5rem;
}
[data-component-id="szu_library:calendar-view"] .wrapper .result-wrapper .result .result-content .result-meta .meta{
  margin-bottom:0.75rem;
  max-height:2.5rem;
  overflow:hidden;
  padding-left:0.75rem;
  padding-right:0.75rem;
  transition-property:all;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:300ms;
}
[data-component-id="szu_library:calendar-view"] .wrapper .result-wrapper .result .result-content .result-meta .meta table{
  font-size:0.875rem;
  line-height:1.25rem;
  --tw-text-opacity:1;
  color:rgb(153 153 153 / var(--tw-text-opacity, 1));
}
[data-component-id="szu_library:calendar-view"] .wrapper .result-wrapper .result .result-content .result-meta .meta tr{
  vertical-align:top;
  opacity:0;
  transition-property:opacity;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:300ms;
}
[data-component-id="szu_library:calendar-view"] .wrapper .result-wrapper .result .result-content .result-meta .meta tr:first-of-type{
  opacity:1;
}
[data-component-id="szu_library:calendar-view"] .wrapper .result-wrapper .result .result-content .result-meta .meta .meta-value{
  padding-top:0.125rem;
  padding-bottom:0.125rem;
  padding-left:0.5rem;
}
[data-component-id="szu_library:calendar-view"] .wrapper .result-wrapper .result .result-content .result-meta .meta .icon-event{
  margin-top:0.25rem;
  width:1rem;
  height:1rem;
  background-size:contain;
  background-position:center;
  background-repeat:no-repeat;
}
[data-component-id="szu_library:calendar-view"] .wrapper .result-wrapper .result .result-content .result-meta .meta .icon-event.icon-event-clock{
  background-image:url("./assets/images/icon-event-clock.svg");
}
[data-component-id="szu_library:calendar-view"] .wrapper .result-wrapper .result .result-content .result-meta .meta .icon-event.icon-event-pin{
  background-image:url("./assets/images/icon-event-pin.svg");
}
[data-component-id="szu_library:calendar-view"] .wrapper .result-wrapper .result .result-content .result-meta .meta .icon-event.icon-event-person{
  background-image:url("./assets/images/icon-event-person.svg");
}
[data-component-id="szu_library:calendar-view"] .wrapper .result-wrapper .result .result-content .result-meta .type-and-status{
  margin-top:0.75rem;
  margin-bottom:0.75rem;
  display:flex;
  max-height:1.625rem;
  --tw-translate-y:2.5rem;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  justify-content:space-between;
  overflow:hidden;
  padding-left:0.75rem;
  padding-right:0.75rem;
  font-size:0.875rem;
  line-height:1.25rem;
  transition-property:all;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:300ms;
}
[data-component-id="szu_library:calendar-view"] .wrapper .result-wrapper .result .result-content .result-meta .type-and-status .type{
  --tw-text-opacity:1;
  color:rgb(var(--color-secondary) / var(--tw-text-opacity, 1));
}
[data-component-id="szu_library:calendar-view"] .wrapper .result-wrapper .result .result-content .result-meta .type-and-status .status__0{
  --tw-text-opacity:1;
  color:rgb(var(--color-secondary) / var(--tw-text-opacity, 1));
}
[data-component-id="szu_library:calendar-view"] .wrapper .result-wrapper .result .result-content .result-meta .type-and-status .status__1{
  --tw-text-opacity:1;
  color:rgb(var(--color-primary) / var(--tw-text-opacity, 1));
}
[data-component-id="szu_library:calendar-view"] .wrapper .result-wrapper .result .result-content .result-meta .type-and-status .status__-1{
  --tw-text-opacity:1;
  color:rgb(212 212 216 / var(--tw-text-opacity, 1));
}
[data-component-id="szu_library:calendar-view"] .wrapper .result-wrapper .result .result-content .result-meta .link-more{
  display:flex;
  height:2.5rem;
  --tw-translate-y:100%;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  align-items:center;
  justify-content:center;
  --tw-bg-opacity:1;
  background-color:rgb(var(--color-primary) / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
  transition-property:all;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:300ms;
}
[data-component-id="szu_library:calendar-view"] .wrapper .result-wrapper .result .result-content:hover .result-meta{
  box-shadow:0 -5px 25px -5px rgba(0, 0, 0, 0.3);
}
[data-component-id="szu_library:calendar-view"] .wrapper .result-wrapper .result .result-content:hover .result-meta .meta{
  max-height:8rem;
}
[data-component-id="szu_library:calendar-view"] .wrapper .result-wrapper .result .result-content:hover .result-meta .meta tr{
  opacity:1;
}
[data-component-id="szu_library:calendar-view"] .wrapper .result-wrapper .result .result-content:hover .result-meta .type-and-status{
  --tw-translate-y:0px;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
[data-component-id="szu_library:calendar-view"] .wrapper .result-wrapper .result .result-content:hover .result-meta .link-more{
  --tw-translate-y:0px;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
/*a966d01d*/