.date-temple-container{display:flex;flex-direction:column;gap:12px;width:100%;overflow:hidden}.slider-boxs{display:flex;gap:var(--space-md);padding:var(--space-md) 0;width:100%;flex-wrap:nowrap;overflow-x:hidden}.slider-boxs.scrollable{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:8px}.slider-boxs.scrollable::-webkit-scrollbar{display:none}.slider-box{flex:0 0 278px;scroll-snap-align:start;display:flex;flex-direction:column}.date-temple-card,.date-temple-card-box{width:278px;flex-shrink:0}.thumbnail-container{width:278px;position:relative;overflow:hidden}.temple-thumbnail,.thumbnail-container{height:176px;border-radius:var(--radius-lg)}.temple-thumbnail{width:100%;object-fit:cover;transition:transform .3s ease;width:329px}.play-button{width:40px;height:40px;cursor:pointer}.date-temple-card--content{display:none}.date-temple-card--fw-content{display:block}.date-temple-card--actions{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.date-temple-card--download,.date-temple-card--share{display:flex;align-items:center;gap:4px;cursor:pointer}.date-temple-card--msg-container{max-height:150px;padding:0 12px 8px;overflow-y:auto;position:relative;background:linear-gradient(white 30%,rgba(255,255,255,0)),linear-gradient(rgba(255,255,255,0),white 70%) 0 100%,radial-gradient(farthest-side at 50% 0,rgba(0,0,0,.2),rgba(0,0,0,0)),radial-gradient(farthest-side at 50% 100%,rgba(0,0,0,.2),rgba(0,0,0,0)) 0 100%;background-repeat:no-repeat;background-size:100% 40px,100% 40px,100% 14px,100% 14px;background-attachment:local,local,scroll,scroll;margin:4px 0;background-color:#f8f9fa;border-radius:4px}.date-temple-card--msg{margin:0;font-size:14px;line-height:1.5;word-break:break-word}.text-icon{font-size:16px}.icon-width{width:20px}.share-txt{color:#5ba61a;font-size:16px}.mobile-carousel{display:none}.carousel-bubbles{display:flex;justify-content:center;align-items:center;gap:4px;margin-top:12px 0}.bubble{width:4px;height:4px;aspect-ratio:1/1;border-radius:50%;opacity:.6;background:var(--text-light);transition:all .3s ease}.bubble.active{width:20px;height:4px;border-radius:3px;background:var(--text-color);opacity:.6;transform:scale(1.1)}.date-temple-card--download{color:#af1e2e;font-size:16px;font-style:normal;font-weight:300;line-height:normal;display:flex;align-items:center;justify-content:space-between}.date-temple-card--heading{font-size:14px;line-height:normal;font-weight:600}.date-temple-card--data{margin-top:16px}.date-temple-card--temple-name{font-size:12px}@media (max-width:480px){.mobile-carousel{display:block}.date-temple-card--content{display:none}.date-temple-card--fw-content{display:block}}