:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#fff;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;background-color:#000;color:#fff;height:100%}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{margin:0 auto}@media screen and (min-width: 1082px){#app{padding:2rem}}.skeleton-root[data-v-0f6c971e]{width:100%;height:100%}.skeleton[data-v-0f6c971e]{width:100%;aspect-ratio:720 / 405;background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0,#e0e0e0 75%);background-size:200% 100%;animation:shimmer-0f6c971e 1.5s infinite}.skeleton-desc[data-v-0f6c971e]{width:100%;height:48px;margin:12px 0 4px;background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0,#e0e0e0 75%);background-size:200% 100%;animation:shimmer-0f6c971e 1.5s infinite}@media screen and (min-width: 528px){.skeleton[data-v-0f6c971e]{border-radius:12px}}@keyframes shimmer-0f6c971e{0%{background-position:-200% 0}to{background-position:200% 0}}.gallery[data-v-52506102]{display:flex;flex-wrap:wrap;justify-content:center;gap:40px 16px}.image-item[data-v-52506102]{max-width:720px;width:100%}.media[data-v-52506102]{position:relative;width:100%;aspect-ratio:720 / 405;overflow:hidden;border-radius:0}.media-img[data-v-52506102]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .25s ease}.media-img.is-loaded[data-v-52506102]{opacity:1}.media-skeleton[data-v-52506102]{position:absolute;top:0;right:0;bottom:0;left:0}.media-error[data-v-52506102]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#f0f0f0;color:#9e9e9e}.media-error-icon[data-v-52506102]{display:block}.media-error-text[data-v-52506102]{margin:0;font-family:Roboto,Avenir,Helvetica,Arial,serif;font-size:13px;font-weight:300}.media-error-retry[data-v-52506102]{margin-top:4px;padding:4px 14px;font-family:Roboto,Avenir,Helvetica,Arial,serif;font-size:12px;color:#616161;background:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;transition:background .2s ease}.media-error-retry[data-v-52506102]:hover{background:#eee}.image-item-description[data-v-52506102]{font-family:Roboto,Avenir,Helvetica,Arial,serif;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:12px 0 4px;height:48px;font-weight:300;font-style:normal}.loading-placeholder[data-v-52506102]{display:flex;flex-wrap:wrap;justify-content:center;gap:40px 16px;width:100%}.fetch-error[data-v-52506102]{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 16px}.fetch-error-text[data-v-52506102]{margin:0;font-family:Roboto,Avenir,Helvetica,Arial,serif;font-size:14px;font-weight:300;color:#9e9e9e;text-align:center}.fetch-error-retry[data-v-52506102]{padding:6px 20px;font-family:Roboto,Avenir,Helvetica,Arial,serif;font-size:13px;color:#616161;background:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;transition:background .2s ease}.fetch-error-retry[data-v-52506102]:hover{background:#eee}@media screen and (min-width: 528px){.image-item[data-v-52506102]{max-width:720px;width:calc(50% - 8px)}.media[data-v-52506102]{border-radius:12px}}@media screen and (min-width: 1082px){.image-item[data-v-52506102]{max-width:720px;width:calc(calc(100% / 3) - calc(32px / 3))}}@media screen and (min-width: 1408px){.image-item[data-v-52506102]{max-width:720px;width:calc(25% - 12px)}}@media screen and (min-width: 1734px){.image-item[data-v-52506102]{max-width:720px;width:calc(20% - 12.8px)}}#app{font-family:Roboto,Avenir,Helvetica,Arial,serif;padding:16px 8px}h1{font-family:Roboto,Avenir,Helvetica,Arial,serif;margin:0 0 20px;font-weight:300;font-style:normal;text-align:center}@media screen and (min-width: 528px){#app{padding:40px 20px}}
