.calendar .calendar__cal .nav{display:inline-flex;flex-wrap:nowrap;justify-content:flex-start;gap:.25rem;max-width:100%;margin:0 0 1.75rem !important;padding:.3125rem;overflow-x:auto;border-radius:999px;background-color:rgba(0,0,0,.14);scrollbar-width:none}.calendar .calendar__cal .nav::-webkit-scrollbar{display:none}.calendar .calendar__cal .nav .nav-item{flex-shrink:0}.calendar .calendar__cal .nav button{margin:0;padding:.5625rem 1.125rem;border-radius:999px;color:var(--light) !important;font-size:.9375rem;font-weight:600;white-space:nowrap;transition:background-color .2s,color .2s}.calendar .calendar__cal .nav button:hover{background-color:hsla(0,0%,100%,.12);color:var(--light) !important}.calendar .calendar__cal .nav button:focus-visible{outline:2px solid var(--light);outline-offset:2px;box-shadow:none}.calendar .calendar__cal .nav button.active{background-color:var(--light);color:var(--main) !important}.calendar .calendar__cal{text-align:left}.calendar .calendar__cal__item{position:relative;display:grid;grid-template-columns:4rem minmax(0,1fr) auto;grid-template-areas:"thumb cat   arrow" "thumb title arrow" "thumb date  arrow";align-items:center;column-gap:.875rem;row-gap:.25rem;margin-bottom:.625rem;padding:.875rem;border:1px solid hsla(0,0%,100%,.08);border-radius:1.125rem;background:hsla(0,0%,100%,.06);color:var(--light);transition:background-color .25s,border-color .25s,transform .25s cubic-bezier(.22,.61,.36,1)}@media screen and (min-width:768px){.calendar .calendar__cal__item{grid-template-columns:4.75rem minmax(0,1fr) auto 10rem auto;grid-template-areas:"thumb title date cat arrow";column-gap:1.5rem;padding:.875rem 1.25rem .875rem .875rem}}.calendar .calendar__cal__item,.calendar .calendar__cal__item:hover,.calendar .calendar__cal__item:last-child{background-image:none;border-bottom:1px solid hsla(0,0%,100%,.08)}.calendar .calendar__cal__item:hover,.calendar .calendar__cal__item:focus-within{border-color:hsla(0,0%,100%,.2);background-color:hsla(0,0%,100%,.12);transform:translateX(.25rem)}.calendar .calendar__cal__item:hover:after,.calendar .calendar__cal__item:focus-within:after{background-color:var(--light);color:var(--main)}.calendar .calendar__cal__item:after{content:"";grid-area:arrow;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:1px solid hsla(0,0%,100%,.3);border-radius:50%;font-family:"Font Awesome 6 Free";font-size:.9375rem;font-weight:900;transition:background-color .25s,color .25s}.calendar .calendar__cal__item .thumbnail{grid-area:thumb;display:block;width:auto}.calendar .calendar__cal__item .thumbnail img{display:block;width:100%;height:auto;aspect-ratio:1;border-radius:.75rem;object-fit:cover}.calendar .calendar__cal__item .title{grid-area:title;width:auto;font-size:1.0625rem;font-weight:700;line-height:1.3;overflow-wrap:anywhere}@media screen and (min-width:768px){.calendar .calendar__cal__item .title{font-size:1.1875rem}}.calendar .calendar__cal__item .title a{color:var(--light);text-decoration:none}.calendar .calendar__cal__item .title a:before{content:"";position:absolute;inset:0;border-radius:inherit}.calendar .calendar__cal__item .title a:focus-visible{outline:none}.calendar .calendar__cal__item .title a:focus-visible:before{outline:2px solid var(--light);outline-offset:2px}.calendar .calendar__cal__item .date{grid-area:date;justify-self:start;font-size:.9375rem;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;color:rgba(237,245,243,.85)}.calendar .calendar__cal__item .date:before{content:"";margin-right:.5rem;font-family:"Font Awesome 6 Free";font-weight:900;color:var(--second)}.calendar .calendar__cal__item .category{grid-area:cat;justify-self:start;display:block;width:auto;margin:0}@media screen and (min-width:768px){.calendar .calendar__cal__item .category{justify-self:end}}.calendar .calendar__cal__item .category span{display:inline-block;width:auto;padding:.1875rem .625rem;border-radius:999px;background-color:hsla(0,0%,100%,.14);color:var(--light);font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}@media(prefers-reduced-motion:reduce){.calendar .calendar__cal__item{transition:none}.calendar .calendar__cal__item:hover,.calendar .calendar__cal__item:focus-within{transform:none}}