.spinner__container{flex-direction:column;justify-content:center;align-items:center;padding:1rem 0;display:flex}.spinner__loader{border:4px solid #0000;border-left-color:var(--color-text-primary);border-radius:50%;width:36px;height:36px;margin-bottom:.5rem;animation:1s linear infinite spinner-spin}.spinner__text{color:var(--color-text-primary);font-size:.8125rem}@keyframes spinner-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
.flickr-gallery__sort-buttons{margin:2rem -8px 1rem}.flickr-gallery__masonry-grid{grid-gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-auto-rows:10px;padding:16px;display:grid}.flickr-gallery__item{border-radius:var(--border-radius);transition:var(--transition-transform),var(--transition-box-shadow);max-height:500px;position:relative;overflow:hidden;box-shadow:0 2px 10px #0000001a}.flickr-gallery__item:hover{transform:translateY(-4px);box-shadow:0 6px 15px #0003}.flickr-gallery__item--small{grid-column:span 1}.flickr-gallery__item--medium,.flickr-gallery__item--wide{grid-column:span 2}.flickr-gallery__image{object-fit:contain;width:100%;height:auto;max-height:500px;display:block}.flickr-gallery__info{background-color:var(--color-caption-bg);color:var(--color-text-white);opacity:0;transition:var(--transition-opacity);padding:8px;position:absolute;bottom:0;left:0;right:0}.flickr-gallery__item:hover .flickr-gallery__info{opacity:1}.flickr-gallery__masonry-grid--fade-in{opacity:1;transition:var(--transition-opacity)}.flickr-gallery__masonry-grid--fade-out{opacity:.3;transition:var(--transition-opacity)}@media (max-width:1200px){.flickr-gallery__masonry-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.flickr-gallery__item,.flickr-gallery__image{max-height:450px}}@media (max-width:768px){.flickr-gallery__masonry-grid{grid-gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.flickr-gallery__item,.flickr-gallery__image{max-height:400px}}@media (max-width:480px){.flickr-gallery__masonry-grid{grid-gap:8px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.flickr-gallery__item--medium,.flickr-gallery__item--wide{grid-column:span 2}.flickr-gallery__item,.flickr-gallery__image{max-height:350px}}