.tile-view-main{padding-left:100px;padding-right:100px;margin-top:20px!important;max-width:1770px;margin:auto;background-color:#f0f0f0;padding-bottom:20px;overflow:hidden}.tile-view-main::-webkit-scrollbar{visibility:hidden}.tile-view-main a{text-decoration:none;color:#000}.tile-view-main .btn-primary{background:none!important;border:none!important;padding:0!important}.tile-view-main .dropdown-toggle:after{display:none}.tile-view-main .dropdown{position:absolute;top:5px;right:5px}.tile-view-main .dropdown-menu{margin-left:-50px;margin-top:10px;min-width:100%;padding:0}.tile-view-main .dropdown-item{padding:-10px 5px!important}.tile-view-main .dropdown-item:hover{border-radius:5px!important}.dropdown-item:active,.tile-view-main .dropdown-item.active{background-color:#fff!important}.tile-view-main .copy-message{position:absolute;z-index:99;top:90px;right:15px;padding-right:10px;margin-top:5px}.tile-view-main .hover-text input{width:150px}.tile-view-main .icon-copy,.tile-view-main .icon-copy:hover .hover-text{opacity:1;width:150px;margin-left:-10px}.tile-view-main .tile .share-feed{margin-left:-245px;margin-right:0;position:relative;top:100px}.tile-view-main .tile.large .share-feed{margin-left:30px;margin-right:0;position:relative;top:100px}.tile-view-main .dropdown-menu img{width:20px!important;height:20px!important}.tile-view-main .grid{padding:20px 0;display:grid;grid-gap:1vw;grid-template-columns:repeat(4,1fr);grid-auto-rows:20vw;grid-auto-rows:min-content;grid-auto-flow:dense}.tile-view-main .tile{position:relative;background-color:#fff;grid-column:auto/span 1;grid-row:auto/span 1;text-align:center;border-radius:10px;cursor:pointer;transition:.5s ease-out;height:330px}.tile-view-main .tile .moof-icon{position:absolute;width:40px;height:30px;z-index:99;top:5px;right:0;padding-right:10px}.tile-view-main .tile:hover{transform:translateY(-5px);cursor:pointer}.tile-view-main .grid .tile .videoFrame{width:100%!important;height:180px!important}.tile-view-main .grid .tile.large .videoFrame{width:100%!important;height:330px!important}.tile-view-main .grid .tile .videoFrame iframe{border-radius:10px 10px 10px 10px}.tile-view-main .grid .date-tile{background:#edf3ff;display:flex;justify-content:center}.tile-view-main .grid .date-tile .date-card{display:flex;justify-content:center;align-items:center}.tile-view-main .grid .date-tile .img-container .info-card{height:100%;font-weight:600;text-align:center;font-size:40px}.tile-view-main .grid .date-tile .img-container .info-card .top-date-month{display:flex;gap:10px;text-align:center;justify-content:center;font-size:40px;color:#002060}.tile-view-main .grid .date-tile .img-container .info-card .top-date-month .date{color:#ffc000}.tile-view-main .grid .date-tile .img-container .info-card .topic{font-weight:600;color:#002060;font-size:20px}.tile-view-main .tile .moment-img{width:100%;height:55%;object-fit:cover;border-radius:10px 10px 0 0}.tile-view-main .tile.large{display:inline-block}.tile-view-main .tile.large .moment-img{display:block;height:auto;transition:opacity .3s ease}.tile-view-main .tile .overlay{background-color:#0000;visibility:hidden}.tile-view-main .tile.large .overlay{position:absolute;visibility:visible;top:0;width:100%;height:100%;background-color:#00000080;opacity:0;transition:opacity .3s ease;border-radius:10px}.tile-view-main .tile.large:hover .overlay{opacity:1}.tile-view-main .tile.large{grid-column:auto/span 2;position:relative;padding:0;cursor:pointer;transition:.5s ease-out}.tile-view-main .tile.large:hover{transform:translateY(-2px);cursor:pointer}.tile-view-main .tile.large .moment-img{width:100%;height:100%;object-fit:cover;position:relative;border-radius:10px}.tile-view-main .tile .title{font-size:18px;font-weight:600;text-align:left;padding:10px 20px}.tile-view-main .tile .title .img{width:30px;height:30px;border-radius:100%;object-fit:cover}.tile-view-main .tile .title .life-logo-name{display:flex;gap:10px;align-items:center;margin-bottom:10px}.tile-view-main .tile.large:has(iframe) .title .life-logo-name{margin-top:50px}.tile-view-main .tile .title .moment-date{font-size:13px;font-weight:500}.tile-view-main .tile .title .moment-date:hover{text-decoration:none!important}.tile-view-main .tile .para{font-size:16px;font-weight:500;text-align:left;padding:0 20px}.tile-view-main .tile.large .title{top:5px;left:0;right:0;background-color:#0000;padding:10px;width:100%;border-radius:5px;font-size:15px;font-weight:600}.tile-view-main .tile.large .p,.tile-view-main .tile.large .title{position:absolute;color:#fff;height:-moz-fit-content;height:fit-content}.tile-view-main .tile.large .p{top:8px;left:16px}.tile.large .videoFrame iframe~.life-logo-name{margin-top:50px}.tile-view-main .no-moments-line .title{font-size:16px;font-weight:600;text-align:center;margin:200px auto auto}.tile-view-main .no-moments-line .link{font-size:15px;font-weight:500;text-align:center;margin:10px auto auto;cursor:pointer}.tile-view-main .off-canvas .react-calendar{font-size:12px!important;border:1px solid #e0e0e0!important;border-radius:5px!important}@media(min-width:1700px){.tile-view-main .tile{height:330px}.tile-view-main .grid{grid-auto-rows:min-content}}@media(max-width:1450px){.tile-view-main{padding-left:20px;padding-right:20px}.tile-view-main .grid{grid-template-columns:repeat(3,1fr);grid-gap:2vw}}@media(max-width:1024px){.tile-view-main{padding-left:10px;padding-right:10px;margin-top:50px!important}.tile-view-main .grid .img-container{display:block}.tile-view-main .tile.large .share-feed{margin-left:130px}}@media(max-width:990px){.tile-view-main .grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:35vw}}@media(max-width:800px){.tile-view-main .grid{grid-auto-rows:min-content;grid-gap:2vw 1vw}.tile-view-main .grid .tile.large .videoFrame{width:100%!important;height:270px!important}.tile-view-main .tile.large .share-feed{margin-left:200px}.tile-view-main .tile .share-feed{margin-left:-155px}}@media(max-width:680px){.tile-view-main .grid{grid-template-columns:1;grid-gap:2vw;grid-template-columns:repeat(1,1fr);grid-auto-rows:min-content}.tile-view-main .tile{background-color:#fff;grid-column:auto/span 2;grid-row:auto/span 1;text-align:center;border-radius:10px}.tile-view-main .tile .title{font-size:16px}.tile-view-main .tile.large .title{font-size:13px}.tile-view-main .tile .para{font-size:12px}.tile-view-main .grid .tile.large .videoFrame{width:100%!important;height:230px!important}.tile-view-main .tile.large .share-feed{margin-left:40px}.tile-view-main .tile .share-feed{margin-left:35px;margin-right:0;position:relative;top:100px}}