button,div,input{outline:none}.gallery-item:focus .gallery-item-info,.gallery-item:hover .gallery-item-info{display:flex;flex-flow:column;justify-content:center;align-items:center;position:absolute;top:0;width:100%;height:100%;border-radius:0 0 10px 10px}.gallery-item:hover{border:1px solid #f1f3f9}.gallery-body:hover img{background-color:rgba(0,0,0,.3)}.gallery-item-info{display:none;background-color:rgba(0,0,0,.7)}.gallery-item-info ul{padding-left:0}.gallery-item-info li{display:inline-block;font-size:.8rem;font-weight:600}.gallery-item-likes{margin-right:2.2rem}.gallery-item-type{position:absolute;top:1rem;right:1rem;font-size:2.5rem;text-shadow:.2rem .2rem .2rem rgba(0,0,0,.1)}.gallery-image{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:cover;border-radius:0 0 10px 10px}.gallery-card{position:relative;flex:0 0 30%;margin:1rem .5rem;color:#fff;cursor:pointer;box-sizing:border-box;height:25rem;max-height:25rem;display:grid;grid-template-rows:20% auto;box-shadow:0 3px 6px hsla(0,0%,9%,.18);border-radius:10px;transition:all .3 ease}.gallery-card .gallery-card-header{display:flex;flex-flow:column;justify-content:space-evenly;padding:2% 4%;box-sizing:border-box}.gallery-card .gallery-card-header .info{display:flex;justify-content:flex-start;align-items:center;font-size:.6rem!important;width:100%;margin:0;padding:0;box-sizing:border-box;color:#333}.gallery-card .gallery-card-header .info img{border-radius:50%;width:1.5rem;height:1.5rem;margin-right:3%}.gallery-card .gallery-card-header .title{margin:0;padding:0;box-sizing:border-box;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#333!important;font-size:1rem}.gallery-card-body{width:100%;height:100%;position:relative;border-radius:0 10px 10px}.gallery-card:focus .gallery-item-info,.gallery-card:hover .gallery-item-info{display:flex;flex-flow:column;justify-content:center;align-items:center;position:absolute;top:0;width:100%;height:100%;border-radius:0 0 10px 10px}.card{opacity:.8;z-index:99;position:relative;flex:0 0 30%;margin:1rem;color:#333;cursor:pointer;height:15rem;max-height:15rem;transition:all .3 ease}.card,.card-info{box-sizing:border-box}.card-info{display:flex;justify-content:center;align-items:center;position:absolute;top:0;width:100%;height:100%;color:#fff;padding:5%;font-weight:700;word-break:break-all}.card-info h2{background-color:#584848;padding:1% 3%;font-size:1.2rem;border-radius:.2rem;transition:transform .1s}.card-info:hover{background-color:rgba(0,0,0,.3)}.card-info:hover h2{transform:scale(1.1);word-break:break-all}.go-to-reddit{justify-self:flex-end;outline:none;position:absolute;bottom:0;width:100%;background-color:#f56832;border-radius:0 0 10px 10px;border:none;height:15%;color:#fff;font-weight:700}.skeleton-list{width:100%}.posts-skeleton-list,.skeleton-list{display:flex;flex-wrap:wrap;margin:-1rem;padding-bottom:3rem}.posts-skeleton-list{width:70%}@media screen and (max-width:60rem){.gallery-card{flex:1 1;width:100%;margin:.5rem 0}}@media screen and (max-width:40rem){.gallery-item{height:60rem}.gallery-card{flex:1 1;width:100%}.posts-skeleton-list,.skeleton-list{width:100%}}@media screen and (max-width:30rem){.gallery-item{display:grid;grid-template-rows:30% auto}}@supports (display:grid){.gallery,.gallery-item{width:auto;margin:0}.skeleton-list{width:100%}.posts-skeleton-list,.skeleton-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));grid-gap:1rem}.posts-skeleton-list{width:70%}@media screen and (max-width:40rem){.posts-skeleton-list,.skeleton-list{width:100%}}}.brand{padding:5rem 0}.brand:after{content:"";display:block;clear:both}.brand-image{float:left;width:calc(33.333% - 1rem);display:flex;justify-content:center;align-items:center;margin-right:3rem;transition:transform .2s}.brand-image:hover{transform:scale(1.1)}.brand-image img{border-radius:50%}.brand-description,.brand-name,.brand-stats{float:left;width:calc(66.666% - 2rem)}.brand-stats ul{padding:0}.brand-name{margin-top:1.1rem}.brand-stats{margin-top:2.3rem}.brand-stats li{display:inline-block;font-size:1rem;line-height:1.5;margin-right:4rem;cursor:pointer}.brand-stats li:last-of-type{margin-right:0}.brand-description{font-size:1rem;font-weight:400;line-height:1.5;margin-top:2.3rem}.brand-description-span,.brand-stat-count{font-weight:600}.container{max-width:93.5rem;margin:0 auto;padding:0 10rem;box-sizing:border-box}.btn{display:inline-block;font:inherit;background:none;border:none;color:inherit;padding:0;cursor:pointer}.btn:focus{outline:.5rem auto #4d90fe}@media screen and (max-width:40rem){.brand{display:flex;flex-wrap:wrap;padding:4rem 0}.brand:after{display:none}.brand-description,.brand-image,.brand-name,.brand-stats{float:none;width:auto}.brand-image img{width:7.7rem}.brand-name{flex-basis:calc(100% - 10.7rem);display:flex;flex-wrap:wrap;margin-top:1rem}.brand-user-name{font-size:1.2rem}.brand-description{font-size:1rem;margin-top:1.5rem}.brand-description,.brand-stats{flex-basis:100%}.brand-stats{order:1;margin-top:1.5rem}.brand-stats ul{display:flex;text-align:center;padding:.8rem 0;border-top:.1rem solid #dadada;border-bottom:.1rem solid #dadada}.brand-stats li{font-size:1rem;flex:1 1;margin:0}.brand-stat-count{display:block}}.gallery{display:flex;flex-wrap:wrap;margin:-1rem;padding-bottom:3rem}@supports (display:grid){.brand{display:grid;grid-template-columns:1fr 2fr;grid-template-rows:repeat(3,auto);grid-column-gap:3rem;align-items:center}.brand-image{grid-row:1/-1}.brand-description,.brand-image,.brand-name,.brand-stats{width:auto;margin:0}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));grid-gap:2rem}@media (max-width:60rem){.home-header-container{padding:0 3rem}.home-container{padding:0 5rem}}@media (max-width:40rem){.brand{grid-template-columns:auto 1fr;grid-row-gap:1.5rem}.brand-image{grid-row:1/2}.brand-name{display:grid;grid-template-columns:auto 1fr;grid-gap:1rem}.brand-description,.brand-stats{grid-column:1/-1}.brand-description,.brand-name,.brand-stats{margin:0}.brand-name h1{font-size:1.5rem}.brand-description{text-align:center}.brand-description-span{font-size:1rem}.container{padding:0 1rem}}}.posts{width:100%;height:100%;display:block}.posts .posts-header{height:10rem;position:relative;display:grid;place-items:center}.backdrop{position:absolute;top:0;z-index:-1;width:100%;height:100%;background-color:rgba(0,0,0,.7)}.backdrop-image{width:100%;height:100%;object-fit:fill;opacity:.6}.posts .posts-header h3{color:#f2f2f2;font-size:2rem}.posts-filter-div{width:100%;place-items:center}.posts-filter,.posts-filter-div{min-height:15rem;height:inherit;display:grid}.posts-filter{width:70%;padding:1rem;grid-template-columns:50% 14% 24%;grid-template-rows:50% 50%;grid-gap:auto;justify-content:space-between;align-items:center}.search-posts{grid-column:1/4;grid-row:1/2;width:100%;height:3rem;display:grid;grid-template-columns:10% 90%;align-items:center;place-content:center;box-shadow:0 3px 6px hsla(0,0%,9%,.18);opacity:1;background-color:#f7fafc;border-radius:100px 100px;-webkit-border-radius:100px 100px;padding:0 1rem;box-sizing:border-box}.search-posts span{height:100%;display:grid;place-items:center;border-right:1px solid #333}.search-posts span i{font-size:1.3rem;color:#172b4d}.search-posts input{background:inherit;outline:none;border:none;font-size:1rem;font-family:"Lato",sans-serif;letter-spacing:-.028125rem;color:#333;border-radius:0 100px 100px 0;-webkit-border-radius:0 100px 100px 0;width:100%;height:100%;margin-left:.4rem;box-sizing:border-box}.search-posts input:-webkit-input-placeholder,.search-posts input:placeholder{font-size:1rem;letter-spacing:-.028125rem;mix-blend-mode:normal;color:#172b4d;opacity:.8;font-family:"Lato",sans-serif}.sort-posts{grid-column:2/3;grid-row:2/3;display:grid;place-items:center;position:relative}.sort-posts,.toggle-order{width:100%;box-sizing:border-box}.toggle-order{border:none;border-radius:10px;padding:.6rem .4rem}.sort-posts input{position:absolute;z-index:999;cursor:pointer;width:100%;height:100%;top:0;z-index:1;opacity:0}.toggle-order i{transition:transform .4s ease;margin-left:5%}.sort-posts input:not(:checked)~.toggle-order i{transform:rotate(-180deg);transition:all .4s ease}.date-filter{grid-row:2/3;grid-column:1/2;box-shadow:0 3px 6px hsla(0,0%,9%,.18);padding:2%;box-sizing:border-box;width:100%;height:100%;display:grid;grid-template-rows:25% 70%;grid-template-columns:100%;grid-gap:auto auto;justify-content:space-between}.date-filter p{font-size:.8rem;padding:0;margin:0}.date-form{width:100%;height:100%;display:grid;grid-template-columns:75% 20%;grid-gap:auto}.date-form,.date-input{justify-content:space-between;align-items:center}.date-input{display:flex}.date-picker{flex:0 0 45%;height:90%;position:relative}.date-picker-label{display:flex;width:100%;position:absolute;top:0;left:0}.date-picker-label span{text-transform:capitalize;font-size:.7rem;padding:0 .6rem 0 .3rem;z-index:1;height:.8rem;margin:-.4rem .5rem 0 1rem;color:#172b4d;background-color:#fafafa}._date,input[type=date]{position:relative;width:100%}input[type=date]{display:block;padding:.5rem 1.5rem .5rem .5rem;height:100%;font-size:.8rem;font-family:"Lato",sans-serif;border:1px solid #8292a2;border-radius:.25rem;background:#fafafa url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='22'%3E%3Cg fill='none' fill-rule='evenodd' stroke='%23688EBB' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' transform='translate(1 1)'%3E%3Crect width='18' height='18' y='2' rx='2'/%3E%3Cpath d='M13 0v4M5 0v4M0 8h18'/%3E%3C/g%3E%3C/svg%3E") right .5rem center no-repeat;cursor:pointer}input[type=date]:focus{outline:none;border-color:#3acfff;box-shadow:0 0 0 .25rem rgba(0,120,250,.1)}::-webkit-datetime-edit-day-field:hover,::-webkit-datetime-edit-month-field:hover,::-webkit-datetime-edit-year-field:hover{background:rgba(0,120,250,.1)}::-webkit-datetime-edit-text{opacity:0}::-webkit-clear-button,::-webkit-inner-spin-button{-webkit-appearance:none;display:none}::-webkit-calendar-picker-indicator{position:absolute;width:2.5rem;height:100%;top:0;right:0;bottom:0;opacity:0;cursor:pointer;color:#0078fa;background:#0078fa}input[type=date]:hover::-webkit-calendar-picker-indicator{opacity:.05}input[type=date]:hover::-webkit-calendar-picker-indicator:hover{opacity:.15}::-webkit-clear-button{display:none;-webkit-appearance:none}.submit-date-filter{height:50%;width:100%}.submit-date-filter button{height:100%;width:100%;border:0;outline:none;background-color:#f56832;color:#fff;font-weight:700;border-radius:5px;font-size:.7rem}.subreddit-posts-div{height:inherit;width:100%;display:grid;place-items:center;margin-top:3%}.subreddit-posts{width:70%;height:inherit;box-sizing:border-box;display:grid;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));grid-gap:1rem}.subreddit-loading-posts{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;width:70%}.go-back{width:100%;padding:1rem;position:absolute;bottom:0;left:0}.go-back .link:hover{text-decoration:underline}.go-back i{color:#f2f2f2}.go-back .link{text-decoration:none;font-weight:700;color:#f2f2f2}@media screen and (max-width:60rem){.posts .posts-header h3{color:#f2f2f2;font-size:1.5rem}.posts-filter{display:grid;grid-template-columns:100%;grid-template-rows:auto auto auto;grid-gap:.5rem;padding:.5rem}.search-posts{grid-column:1/2;grid-row:1/2;height:3rem}.search-posts span i{font-size:.9rem;color:#172b4d}.sort-posts{grid-column:1/2;grid-row:3/4;padding:0}.search-posts input{font-size:.8rem}.date-filter p{font-size:.6rem}.date-filter{grid-column:1/2;grid-row:2/3}input[type=date]{padding:.5rem;font-size:.7rem}.go-back{padding:.5rem}.go-back .link{font-size:.8rem}}@media screen and (max-width:40rem){.posts-filter{width:100%}.search-posts{height:2rem}.subreddit-posts{width:100%;padding:0 1rem}}*,:after,:before,body{box-sizing:border-box}body{font-family:"Lato",sans-serif;min-height:100vh;background-color:#fafafa;color:#262626;padding-bottom:3rem!important;padding:0;min-width:15.875rem}button,input{outline:none}img{display:block}.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}.error-page{font-size:1rem;width:100%;height:100%;padding-top:10%;border-top:1px solid grey;display:flex;justify-content:center;align-items:center;grid-column:1/4}.item-enter{opacity:0;transform:scale(.9)}.item-enter-active{opacity:1;transform:translateX(0);transition:opacity .3s,transform .3s}.item-exit{opacity:1}.item-exit-active{opacity:0;transform:scale(.9);transition:opacity .3s,transform .3s}@media screen and (max-width:40rem){.error-page{font-size:1rem}}
/*# sourceMappingURL=main.32022408.chunk.css.map */