.meditation-container{background-color:var(--white);padding:80px 0}.meditation-container .meditation-content{position:relative;top:5%}.meditation-container .meditation-content .meditation-list{grid-row-gap:4vw;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);overflow-y:auto}.meditation-container .meditation-content .meditation-list .meditation-item{display:flex;justify-content:center}.meditation-container .meditation-content .meditation-list .meditation-item .meditation-item-frame{align-items:center;aspect-ratio:3/4;background:#fff;border:1px solid #eff0f6;border-radius:2vw;box-shadow:0 98px 66px 0 rgba(19,18,66,.02),1px 4px 104px 0 rgba(20,20,43,.039),0 54px 54px 0 rgba(74,58,255,.02);display:flex;flex-direction:column;justify-content:center;max-width:300px;width:21vw}.meditation-container .meditation-content .meditation-list .meditation-item .meditation-item-frame .meditation-item-img{position:relative;top:-5%;width:75%}.meditation-container .meditation-content .meditation-list .meditation-item .meditation-item-frame .meditation-item-img img{aspect-ratio:1/1;border-radius:10px;height:100%;-o-object-fit:fill;object-fit:fill;width:100%}.meditation-container .meditation-content .meditation-list .meditation-item .meditation-item-frame button{background:#fff;border:0;display:flex;height:30px;justify-content:center;margin:0;position:relative;top:-3%;transition:transform .2s ease,box-shadow .2s ease;width:30px}.meditation-container .meditation-content .meditation-list .meditation-item .meditation-item-frame button:active{transform:scale(.95)}.meditation-container .meditation-content .meditation-list .meditation-item .meditation-item-frame .meditation-item-duration{color:#737876;font-family:Inter;font-size:12px;font-weight:500;line-height:20px;text-align:left;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-underline-position:from-font}.meditation-container .meditation-content .meditation-list .meditation-item .meditation-item-frame .meditation-item-title{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#000;display:-webkit-box;font-family:Inter;font-size:14px;font-weight:500;height:40px;line-height:20px;max-height:3em;overflow:hidden;text-align:center;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-overflow:ellipsis;text-underline-position:from-font;width:80%}.meditation-container .meditation-content .meditation-list .meditation-load-more{align-items:center;display:flex;justify-content:center}.meditation-container .meditation-content .meditation-list .meditation-load-more .meditation-load-more-btn{background:linear-gradient(90deg,#fabf27 21.5%,#e95e11);border:none;border-radius:2vw;color:#fff;cursor:pointer;font-family:Plus Jakarta Sans;font-size:clamp(9px,1.5vw,var(--font-size-s));font-weight:600;padding:.5em 1em}.meditation-player{background:rgba(0,0,0,.5);bottom:0;left:0;position:fixed;transition:height .2s ease;width:100%;z-index:100}.meditation-player .player-frame{align-items:center;background:#fff3cc;display:flex;flex-direction:row;height:100%;justify-content:space-around;width:100%}.meditation-player .player-frame .player-title{-webkit-box-orient:vertical;-webkit-line-clamp:1;color:#000;display:-webkit-box;font-family:Plus Jakarta Sans;font-size:13px;font-weight:400;height:1.5em;line-height:20px;margin-top:10px;max-height:3em;overflow:hidden;text-align:left;text-align:center;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-overflow:ellipsis;text-underline-position:from-font;width:20%}.meditation-player .player-frame .player-control{align-items:center;display:flex;flex-direction:column;justify-content:center;width:50%}.meditation-player .player-frame .player-control .loading{align-items:center;display:flex;height:20%;justify-content:center;width:100%}.meditation-player .player-frame .player-control .loading span{color:#000;font-family:Plus Jakarta Sans;font-size:15px;font-weight:400;line-height:17.6px;text-align:center;text-underline-position:from-font}.meditation-player .player-frame .player-control .progress-bar-container{align-items:center;display:flex;height:20%;justify-content:center;width:100%}.meditation-player .player-frame .player-control .progress-bar-container span{color:#a7a7a7;font-family:Plus Jakarta Sans;font-size:11px;font-weight:400;line-height:17.6px;text-align:right;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-underline-position:from-font;width:50px}.meditation-player .player-frame .player-control .progress-bar-container .current-time{text-align:left}.meditation-player .player-frame .player-control .progress-bar-container .player-progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ccc;border-radius:15px;cursor:pointer;height:6px;outline:none;width:100%}.meditation-player .player-frame .player-control .progress-bar-container .player-progress::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#ed7616;border:none;border-radius:50%;height:6px;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out;width:6px}.meditation-player .player-frame .player-control .progress-bar-container .player-progress::-moz-range-thumb{background-color:#ed7616;border:none;border-radius:50%;height:6px;-moz-transition:.2s ease-in-out;transition:.2s ease-in-out;width:6px}.meditation-player .player-frame .player-control .progress-bar-container .player-progress::-webkit-slider-thumb:hover{box-shadow:0 0 0 5px rgba(255,85,0,.1)}.meditation-player .player-frame .player-control .progress-bar-container .player-progress:active::-webkit-slider-thumb{box-shadow:0 0 0 5px rgba(255,85,0,.2)}.meditation-player .player-frame .player-control .progress-bar-container .player-progress::-moz-range-thumb:hover{box-shadow:0 0 0 5px rgba(255,85,0,.1)}.meditation-player .player-frame .player-control .progress-bar-container .player-progress:active::-moz-range-thumb{box-shadow:0 0 0 5px rgba(255,85,0,.2)}.meditation-player .player-frame .player-control .control-group{align-items:center;display:flex;justify-content:space-around;padding-top:10px;width:60%}.meditation-player .player-frame .player-control .control-group button{align-items:center;background:transparent;border:0;display:flex;height:30px;justify-content:center;margin:0;transition:transform .2s ease,box-shadow .2s ease;width:30px}.meditation-player .player-frame .player-control .control-group button:active{transform:scale(.9)}.meditation-player .player-frame .player-volume{align-items:center;display:flex;justify-content:right;padding-right:25px;width:20%}.meditation-player .player-frame .player-volume .volume-image{background:transparent;border:0;height:30px;margin:0;transition:transform .2s ease,box-shadow .2s ease;width:30px}.meditation-player .player-frame .player-volume .volume-bar{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ed7616;border-radius:15px;cursor:pointer;height:6px;outline:none;width:40%}.meditation-player .player-frame .player-volume .volume-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#f50;border:none;border-radius:50%;height:8px;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out;width:8px}.meditation-player .player-frame .player-volume .volume-bar::-moz-range-thumb{background-color:#f50;border:none;border-radius:50%;height:8px;-moz-transition:.2s ease-in-out;transition:.2s ease-in-out;width:8px}.meditation-player .player-frame .player-volume .volume-bar::-webkit-slider-thumb:hover{box-shadow:0 0 0 5px rgba(255,85,0,.1)}.meditation-player .player-frame .player-volume .volume-bar:active::-webkit-slider-thumb{box-shadow:0 0 0 5px rgba(255,85,0,.2)}.meditation-player .player-frame .player-volume .volume-bar::-moz-range-thumb:hover{box-shadow:0 0 0 5px rgba(255,85,0,.1)}.meditation-player .player-frame .player-volume .volume-bar:active::-moz-range-thumb{box-shadow:0 0 0 5px rgba(255,85,0,.2)}.player-hide{height:0}.player-hide .control-group,.player-hide .progress-bar-container{display:none!important}.player-show{height:12%}@media (max-width:768px){.meditation-container .meditation-content .meditation-list{grid-row-gap:15vw;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.meditation-container .meditation-content .meditation-list .meditation-item .meditation-item-frame{max-width:168px;width:43vw}.meditation-container .meditation-content .meditation-list .meditation-item .meditation-item-frame .meditation-item-img{top:0;width:70%}.meditation-container .meditation-content .meditation-list .meditation-item .meditation-item-frame .meditation-item-title{font-size:12px;height:40px;width:85%}.meditation-container .meditation-content .meditation-list .meditation-item .meditation-item-frame .meditation-item-duration{font-size:10px}.meditation-container .meditation-content .meditation-list .meditation-item .meditation-item-frame button{height:25px;top:5px}.meditation-container .meditation-content .meditation-list .meditation-item .meditation-item-frame button img{height:20px}.meditation-container .meditation-content .meditation-list .meditation-load-more{display:block;margin-left:-8vw;margin-top:-10vw}.meditation-player .player-frame .player-title{display:none}.meditation-player .player-frame .player-control{width:100%}.meditation-player .player-frame .player-control .progress-bar-container{width:90%}.meditation-player .player-frame .player-control .control-group{width:100%}.meditation-player .player-frame .player-control .loading span{font-size:11px}.meditation-player .player-frame .player-volume{display:none}}
