@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeIn{animation-name:fadeIn;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1;animation-delay:0s}.fadeOut{animation-name:fadeOut;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1;animation-delay:0s}.outer-container{width:calc(100% + 2*var(--gap));margin-left:calc(var(--gap)*-1);grid-template-rows:1fr 40px 1fr;grid-template-columns:40px 1fr 40px;display:grid}.outer-container:hover button{display:block}.outer-container button{z-index:1;grid-row:2;display:none}.left{grid-column:1}.right{grid-column:3}.container{justify-content:center;gap:var(--gap);grid-area:1/1/4/4;display:grid}.horizontal-media-scroller::-webkit-scrollbar{display:none}.horizontal-media-scroller{--size:150px;gap:calc(var(--gap) / 2);scroll-snap-type:inline mandatory;scroll-padding-left:var(--gap);scroll-padding-right:var(--gap);scroll-padding-inline:var(--gap);scroll-behavior:smooth;grid-auto-flow:column;margin:0;padding-block-start:calc(var(--gap) / 2);padding-block-end:calc(var(--gap) / 2);padding-inline-start:var(--gap);padding-inline-end:var(--gap);display:grid;overflow-x:auto}.horizontal-media-scroller>li{display:inline-block}.horizontal-media-scroller>li:last-of-type figure{position:relative}.horizontal-media-scroller>li:last-of-type figure:after{content:"";inline-size:var(--gap);block-size:100%;position:absolute;inset-block-start:0;inset-inline-end:calc(var(--gap) * -1)}.horizontal-media-scroller figure{scroll-snap-align:start}.horizontal-media-scroller a{color:inherit;outline-offset:12px;text-decoration:none;display:inline-block}.horizontal-media-scroller a:focus{outline-offset:7px}@media (prefers-reduced-motion:no-preference){.horizontal-media-scroller a{transition:outline-offset .25s}}figure{gap:calc(var(--gap) / 2);cursor:pointer;-webkit-user-select:none;user-select:none;margin:0;display:grid}figure>picture :hover{transform:scale(1.05)}figure>picture{inline-size:var(--size);block-size:var(--size)}figure img{object-fit:cover;background-image:linear-gradient(#666,#333);border-radius:1ex;block-size:100%;inline-size:100%;overflow:hidden}@supports (aspect-ratio:1){.horizontal-media-scroller figure>picture{aspect-ratio:1;inline-size:auto}}@keyframes octocat-wave{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}body{min-height:100%;margin:0;padding:0;font-family:Montserrat}