@import"https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Limelight&display=swap";@import"https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap";.photos{display:flex;flex-direction:column;gap:2rem;margin:0 auto;min-height:60vh;position:relative;text-align:center}.photos .see-more{align-items:center;display:flex;gap:1rem;height:50px;justify-content:center;width:100%;z-index:999}.photos .see-more button{box-shadow:0 4px 5px #00000030;font-size:1rem}.photos .see-more .line{background-color:#000;height:2px;width:20%}.see-image-btn{font-size:.8rem}.image-of-the-day{aspect-ratio:16/9;display:grid;gap:1rem;margin:0 auto;max-width:1000px;padding:.5rem;position:relative;text-align:center}.image-of-the-day .photo{height:500px}.hidden{visibility:hidden}.photo{border-radius:8px;box-shadow:0 0 5px #00000030;cursor:pointer;height:100%;min-height:200px;overflow:hidden;position:relative}.photo img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.photo .hover{background-size:0;color:#fff;height:100%;position:absolute;width:100%}.photo .details{align-items:center;display:flex;height:50px;justify-content:space-between;opacity:0;padding:0 1rem;pointer-events:none;position:absolute;top:calc(100% - 50px);transform:translateY(100%);transition:.3s ease;width:100%}.photo .details .location{align-items:center;display:flex;gap:.25rem;max-width:80%}.photo .details .location p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.photo .download-btn{align-items:center;background-color:#d17d4f;border-radius:6px;cursor:pointer;display:flex;height:35px;justify-content:center;opacity:0;pointer-events:none;position:absolute;right:.5rem;top:.5rem;transform:translate(100%);transition:.3s ease;width:35px;z-index:999}.photo .download-btn:hover{background-color:#af6d49}.photo .download-btn i{font-size:.95rem}.photo:hover{box-shadow:0 0 5px #00000090}.photo:hover .hover{background:linear-gradient(0deg,rgba(0,0,0,.502),transparent)}.photo:hover .details,.photo:hover .download-btn{opacity:1;pointer-events:all}.photo:hover .details{transform:translateY(0)}.photo:hover .download-btn{transform:translate(0)}@keyframes skeleton-animation{0%{background-size:200%}to{background-size:100%}}.photo-skeleton{animation:skeleton-animation .5s ease infinite alternate backwards;background:linear-gradient(90deg,gray,#d3d3d3);height:100%;width:100%}.photos-grid{display:grid;gap:.5rem;grid-auto-flow:row;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-template-rows:200px}.photos-grid .span-w{grid-column:span 2}.photos-grid .span-h{grid-row:span 2}.photos-grid .span-wh{grid-column:span 2;grid-row:span 2}.image-details{text-align:center}@media (max-width:800px){.image-of-the-day .photo{height:350px}}@media (max-width:600px){.image-of-the-day .photo{height:250px}}