.audio-controls{display:flex;align-items:center;margin-top:8px}.seek-bar-container{width:250px;margin-left:8px;margin-right:8px}.seek-bar{width:100%;height:4px;-webkit-appearance:none;background-color:#c4c4c4;border-radius:2px;outline:none;margin-bottom:12px}.seek-bar::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background-color:#081b4f;border-radius:50%;cursor:pointer}.post-audio{display:flex;flex-direction:column;align-items:center}.audio-controls{display:flex;align-items:center}.play-pause-button{background:none;border:none;cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-right:8px}.seek-bar-container{width:250px;margin-left:8px}.seek-bar{width:100%;height:4px;background-color:#c4c4c4;border-radius:2px;outline:none;margin-bottom:12px;margin-right:4px}.seek-bar::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background-color:#64a4d3;border-radius:50%;cursor:pointer}.time-display{font-size:12px;color:#292626;margin-left:8px}.current-time,.total-time{font-size:12px;color:#222020;margin-right:8px}.seek-bar.no-thumb{width:100%;height:4px;background-color:#fc0;border-radius:2px;outline:none;margin-bottom:12px;margin-right:4px}.seek-bar.no-thumb::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:0;height:0;background:transparent;cursor:pointer}.seek-bar.no-thumb::-moz-range-thumb{width:0;height:0;background:transparent;cursor:pointer}.onboarding-image{width:220px;height:250px;object-fit:cover;object-position:center top;border-radius:5px}.profile-image{max-width:150px;width:100%;object-fit:cover;object-position:center top;border-radius:5px;min-height:180px}.profile-image-circle{max-width:150px;width:100%;object-fit:cover;object-position:center top;border-radius:5px}.post-image{width:220px;height:250px;object-fit:cover;object-position:center top;border-radius:5px}.share-option{padding:8px;text-decoration:none;color:#000;width:100%}.share-only{color:#000;width:100%}.share-option:hover{background-color:#f0f0f0;width:100%}.share-option-text{border-bottom:none!important}.dim-overlay{background-color:#00000080;z-index:10;position:fixed;top:0;left:0;width:100%;height:100%}.icon-container{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:5px;height:100vh}.audio-icon{color:#fff;font-size:30px}.circle{display:flex;justify-content:center;align-items:center;width:60px;height:60px;border:3px solid #5e5e5e;border-radius:50%;background-color:#00a3ff}.audio-icon-rec{color:red;font-size:30px;opacity:0;transition:opacity .5s}.circle-rec{display:flex;justify-content:center;align-items:center;width:60px;height:60px;border:1.5px solid #5e5e5e;border-radius:50%;background-color:#fff}.audio-icon-rec.active{opacity:1}.fade-in-out{animation:fadeInOut 1.7s ease-in-out infinite}@keyframes fadeInOut{0%,to{opacity:0}50%{opacity:1}}.audio-icon-finish{color:red;font-size:10px}.circle-finish{display:flex;justify-content:center;align-items:center;width:20px;height:20px;border:1px solid #5e5e5e;border-radius:50%;background-color:#fff}.icons-section{display:flex;flex-wrap:wrap;justify-content:space-between;padding:20px}.icon-with-text{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.icon-with-text span{margin-top:5px}@media screen and (max-width: 500px){.icons-section{justify-content:center}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.pulse-animation{animation:pulse 1s infinite}.dark-hover-tooltip:hover{background-color:#00000080}.dark-background{background-color:#000;color:#fff}.light-background{background-color:#fff;color:#000}.comment-input{resize:none;width:100%;max-width:500px;overflow-y:hidden auto}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes grow-shrink{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.star.bounce{animation:bounce .5s infinite}.bounce{font-size:2rem;animation:bounce .5s infinite}.star.grow-shrink{animation:grow-shrink .5s infinite}.grow-shrink{animation:grow-shrink 2.5s infinite}.progress-bar-container{width:300px;height:20px;background-color:#ddd}.progress-bar{height:100%;background-color:#4caf50;width:0}.video-interface{display:flex;flex-direction:column;width:100%;height:calc(100vh - 10rem)}.video-container{display:flex;flex-direction:column;width:100%;align-items:stretch}.video-container-remote,.video-container-local{display:flex;flex:1;justify-content:center;align-items:center;border:2px solid #ccc;border-radius:8px;overflow:hidden;margin:5px}.video{width:100%;height:100%;object-fit:cover}.video-wrapper{flex:1;display:flex;justify-content:center;align-items:center;border:2px solid #ccc;border-radius:8px;overflow:hidden;margin:5px}.error-message{color:red;padding:10px}@media (min-width: 768px){.video-interface,.video-container{flex-direction:row}}.webcam-video-element{display:none}.glow-effect{position:relative}.glow-effect:before{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;border-radius:50%;background-color:#fc0;z-index:-1;filter:blur(10px)}.glow-effect-button{position:relative}.glow-effect-button:hover{background-color:#e6b300;z-index:-1;filter:blur(10px)}.glow-fly{position:relative;animation:fly var(--duration, 2s) infinite;opacity:.8}@keyframes fly{0%{transform:translate(0)}50%{transform:translate(calc(-50px + var(--translate-x) * 1px),calc(-50px + var(--translate-y) * 1px))}to{transform:translate(calc(-50px + var(--translate-x) * 1px),calc(-50px + var(--translate-y) * 1px))}}.glowing-effect{position:relative}.glowing-effect:before{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;border-radius:50%;background-color:#fc0;z-index:1;filter:blur(10px);animation:pulse 2s infinite}.praying-hands-icon{position:relative;z-index:2}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.5}}.barglow-effect{position:relative}.barglow-effect:before{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;border-radius:50%;background-color:#fc0;z-index:1;filter:blur(10px)}.horizontal-slider{display:flex;flex-direction:column;align-items:center}.slider-container{display:flex;overflow-x:scroll;scroll-behavior:smooth;padding:10px}.post-item{flex:0 0 auto;margin-right:10px}