:root{--duration-quick:160ms;--duration-medium:320ms;--duration-slow:960ms}body{background-color:#333;color:#eee;display:flex;font-family:"inter",sans-serif;font-size:4vw;font-weight:300;justify-content:center;margin:0;opacity:0;user-select:none;visibility:hidden}body:not(.body-error){transition:opacity var(--duration-slow),margin var(--duration-medium)}.html-error{height:100%}.body-error{align-items:center;height:100%}.error-message{text-align:center}h1{font-size:1.17em;font-weight:600;margin:0}a{color:#eee;text-decoration:none;-webkit-tap-highlight-color:#fff0;tap-highlight-color:#fff0}.list{display:flex;flex-direction:column;flex-wrap:wrap;max-width:1600px}.list-item{cursor:pointer;overflow:hidden;position:relative;transition:all var(--duration-medium)}.list-item-image{display:block;max-height:100%;max-width:100%;transition:filter var(--duration-medium)}.list-item:hover .list-item-image{filter:brightness(.3)}.list-item-ripple{background-color:rgb(255 255 255 / .3);border-radius:50%;height:100%;opacity:0;position:absolute;top:0;width:100%}.list-item-text{box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;opacity:0;padding:1.5em;position:absolute;top:0;transition:opacity var(--duration-medium);width:100%}.list-item:hover .list-item-text{opacity:1}@media screen and (max-width:600px){.list-item{transition:none}.list-item-text{opacity:1}.list-item-image{filter:brightness(.3)}}@media screen and (min-width:800px){body:not(.body-error){font-size:2em;margin:16px}.list{row-gap:16px;column-gap:16px}}@media screen and (min-width:1280px){.list{flex-direction:row}.list-item{width:calc(50% - 8px)}}