{"version":3,"sources":["webpack://_N_E/src/pages/gallery.module.css"],"names":[],"mappings":"AAAA,4BACE,qBACF,CAEA,sBACE,uBAAgB,CAAhB,eAAgB,CAChB,KAAM,CACN,aAAc,CACd,YAAa,CACb,iBAAkB,CAClB,YAAa,CACb,kCAAmC,CACnC,kBAAmB,CACnB,yBAA8B,CAC9B,SACF,CAEA,mCACE,YAAa,CACb,yDACF,CAEA,qBACE,kBAAmB,CACnB,mBAAoB,CACpB,kBAAmB,CACnB,OAAQ,CACR,UAAW,CACX,oBAAqB,CACrB,cACF,CAEA,yBACE,gBAAiB,CACjB,YAAa,CACb,oBAAqB,CACrB,wBACF,CAEA,+BACE,UACF,CAEA,wBACE,aAAc,CACd,YAAa,CACb,UAAW,CACX,kBAA2B,CAC3B,yDACF,CAEA,qBACE,iBAAkB,CAClB,cAAe,CACf,iBAAkB,CAClB,eAAgB,CAChB,mBACF,CAEA,wBACE,aAAc,CACd,UAAW,CACX,WACF,CAEA,qBACE,iBAAkB,CAClB,WAAY,CACZ,QAAS,CACT,yBAA6B,CAC7B,oBAAqB,CACrB,kBAAmB,CACnB,UAAW,CACX,yBAA8B,CAC9B,gBAAiB,CACjB,oBAAqB,CACrB,UACF,CAEA,gDACE,SACF,CAEA,+BACE,GACE,sBACF,CAEA,GACE,uBACF,CACF,CAEA,wBACE,aAAc,CACd,WAAY,CACZ,cAAe,CACf,gDACF,CAEA,yBACE,2CACE,YACF,CACF","file":"static/css/922e89893536f2f9.css","sourcesContent":[".GalleryPage {\n  flex-direction: column;\n}\n\n.Tools {\n  position: sticky;\n  top: 0;\n  flex: 0 0 auto;\n  padding: 10px;\n  text-align: center;\n  display: grid;\n  grid-template-columns: 1fr auto 1fr;\n  align-items: center;\n  background: rgba(0, 0, 0, 0.7);\n  z-index: 2;\n}\n\n.Tools select:focus {\n  outline: none;\n  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.5), 0 0 2px 3px rgb(152, 255, 212);\n}\n\n.Back {\n  justify-self: start;\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  color: #fff;\n  text-decoration: none;\n  font-size: 14px;\n}\n\n.IconLink {\n  justify-self: end;\n  display: grid;\n  place-content: center;\n  color: rgba(255, 255, 255, 0.3);\n}\n\n.IconLink:hover {\n  color: rgba(255, 255, 255, 1);\n}\n\n.Gallery {\n  flex: 0 0 auto;\n  display: grid;\n  width: 100%;\n  background: rgb(12, 31, 40);\n  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n}\n\n.Skin {\n  position: relative;\n  font-size: 12px;\n  text-align: center;\n  overflow: hidden;\n  padding-bottom: 32px;\n}\n\n.Preview {\n  display: block;\n  width: 100%;\n  height: auto;\n}\n\n.Name {\n  position: absolute;\n  bottom: 16px;\n  left: 50%;\n  transform: translate(-50%, 0);\n  display: inline-block;\n  white-space: nowrap;\n  color: #fff;\n  background: rgba(0, 0, 0, 0.5);\n  padding: 3px 10px;\n  border-radius: 9999px;\n  opacity: 0.5;\n}\n\n.Skin:hover .Name {\n  opacity: 1;\n}\n\n@keyframes spin {\n  0% {\n    transform: rotate(0deg);\n  }\n\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n.Spinner {\n  flex: 0 0 auto;\n  margin: auto;\n  font-size: 64px;\n  animation: spin 2s linear infinite;\n}\n\n@media (max-width: 479px) {\n  .Back .Label {\n    display: none;\n  }\n}\n"],"sourceRoot":""}