@font-face{font-family:clash-display-regular;font-style:normal;font-weight:400;src:url(/static/media/ClashDisplay-Regular.bddfbdc9d46fb063a682.woff) format("woff")}@font-face{font-family:clash-display-semibold;font-style:normal;font-weight:600;src:url(/static/media/ClashDisplay-Semibold.52ec5aaabca80f39cd4d.woff) format("woff")}::-webkit-scrollbar{display:none;height:8px;width:20px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#80f;border:2px solid #0000;border-radius:10px;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}::-webkit-scrollbar-thumb:hover{background-color:#6464ffb3}*{box-sizing:border-box;font-family:clash-display-regular;margin:0;padding:0}body{background-color:#19191c}.main-container{background-color:#18181b;display:flex;justify-content:center}.logo-container{display:flex;justify-content:left;margin-bottom:10px;margin-left:-16px;max-width:500px;width:100%}.app-container{max-width:480px;padding:10px;width:100%}.input-container{align-items:center;background-color:#fff;border-radius:6px;display:flex;padding:8px}.search-input{border:none;border-radius:6px;font-size:14px;outline:none;padding:8px;width:100%}.search-icon{align-items:center;background-color:#80f;border-radius:50%;display:flex;padding:10px}.main-container-for-center{display:flex;justify-content:center;max-height:100dvh;overflow-y:scroll}.grid-container{grid-gap:10px;display:grid;flex-wrap:wrap;gap:10px;grid-template-columns:auto auto auto auto;height:100%}@media (max-width:768px){.grid-container{grid-template-columns:auto auto auto}}@media (max-width:480px){.grid-container{grid-template-columns:auto auto auto}}@media (max-width:395px){.grid-container{grid-template-columns:auto auto}}.gif-image,.video-thumbnail{border-radius:8px;cursor:pointer;height:150px;object-fit:cover}.video-container{cursor:pointer;height:150px;position:relative;width:100px}.filter-switch{align-items:center;border-radius:10px;display:flex;height:40px;margin:10px 0;overflow:hidden;position:relative;width:100%}.filter-switch input{display:none}.filter-switch label{border:none;color:#f5f5f5;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:8px 0;position:relative;text-align:center;transition:color .3s ease;z-index:1}.filter-switch .background{background-color:#80f;border-radius:8px;bottom:4px;height:2px;left:4px;position:absolute;transition:left .4s cubic-bezier(.175,.885,.32,1.275);width:calc(33.33333% - 8px);z-index:0}#option2:checked~.background{left:calc(33.33333% + 4px)}#option3:checked~.background{left:calc(66.66667% + 4px)}#option1:checked+label,#option2:checked+label,#option3:checked+label{color:#f5f5f5;font-weight:700}.media-wrapper{border-radius:8px;cursor:pointer;overflow:hidden;position:relative}.media-wrapper img{width:100%}.center-for-masonry-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.masonry-container{background-color:#18181b;height:100dvh;margin-top:10px;overflow-x:hidden;overflow-y:auto;position:relative}img{display:block;object-fit:fill}.play-icon{align-items:center;background-color:#f8db3a;border-radius:50%;color:#18181b;display:flex;font-size:12px;height:20px;justify-content:center;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease-in-out;width:20px;z-index:299}.media-wrapper:hover .play-icon{opacity:1}.sound-icon-overlay{align-items:center;background:#0009;border-radius:50%;color:#f5f5f5;display:flex;justify-content:center;padding:4px;position:absolute;right:8px;top:8px;z-index:2}.loading-message{color:#f5f5f5}@keyframes react-loading-skeleton{to{transform:translateX(100%)}}.react-loading-skeleton{--base-color:#ebebeb;--highlight-color:#f5f5f5;--animation-duration:1.5s;--animation-direction:normal;--pseudo-element-display:block;background-color:var(--base-color);border-radius:.25rem;display:inline-flex;line-height:1;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;width:100%}.react-loading-skeleton:after{animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-iteration-count:infinite;animation-name:react-loading-skeleton;animation-timing-function:ease-in-out;background-image:linear-gradient(90deg,var(--base-color) 0,var(--highlight-color) 50%,var(--base-color) 100%);background-image:var(
    --custom-highlight-background,linear-gradient(90deg,var(--base-color) 0,var(--highlight-color) 50%,var(--base-color) 100%)
  );background-repeat:no-repeat;content:" ";display:var(--pseudo-element-display);height:100%;left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display:none}}
/*# sourceMappingURL=main.0b73805c.css.map*/