.navbar{align-items:center;background:#000;display:flex;height:6vh;justify-content:space-between;left:0;padding:0 16px;position:absolute;top:0;width:100%}@media(max-width:1800px){.navbar{padding:0 .8888888889vw}}.navbar button.login-btn{color:#fff;margin-left:auto}.navbar .logo{cursor:pointer;height:2.4vh;width:auto}.navbar .user-profile-wrapper{position:relative}.navbar .user-profile-wrapper .user-profile-image{background:#5a1dbd;border-radius:50%;cursor:pointer;flex-shrink:0;height:3vh;object-fit:cover;width:3vh}.navbar .user-profile-wrapper .user-info-wrapper{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:hsla(0,0%,74%,.6);border:2px solid #fff;border-radius:10px;box-shadow:0 0 15px hsla(0,0%,100%,.5)!important;cursor:default;display:none;padding:15px;position:absolute;right:0;top:calc(100% + 10px);width:100px}@media(max-width:1800px){.navbar .user-profile-wrapper .user-info-wrapper{border-radius:.5555555556vw;border-width:.1111111111vw;padding:.8333333333vw;width:5.5555555556vw}}.navbar .user-profile-wrapper .user-info-wrapper .user-name{color:#595460;font-size:17px;font-weight:600}@media(max-width:1800px){.navbar .user-profile-wrapper .user-info-wrapper .user-name{font-size:.9444444444vw}}.navbar .user-profile-wrapper .user-info-wrapper .logout-btn{border:1px solid #afaab6;border-radius:20px;color:#afaab6;cursor:pointer;margin-left:auto;margin-top:15px;padding:5px 10px;transition:.2s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.navbar .user-profile-wrapper .user-info-wrapper .logout-btn:hover{-webkit-transform:translateY(3px);transform:translateY(3px)}@media(max-width:1800px){.navbar .user-profile-wrapper .user-info-wrapper .logout-btn{border-radius:1.1111111111vw;margin-top:.8333333333vw;padding:.2777777778vw .5555555556vw}}.navbar .user-profile-wrapper .user-info-wrapper .logout-btn:hover{background:rgba(90,29,189,.173);border-color:#5a1dbd;color:#5a1dbd}.navbar .user-profile-wrapper:focus .user-info-wrapper{-webkit-animation:showDown .3s;animation:showDown .3s;display:block}.modal-background{-webkit-animation:showModalOpacity .5s;animation:showModalOpacity .5s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(36,36,36,.2);display:flex;height:100%;left:0;position:absolute;top:0;width:100%;z-index:100}.modal-background#center{align-items:center;justify-content:center}.modal-background#left{align-items:center;justify-content:flex-start}.modal-background#bottom{align-items:flex-end;justify-content:center}.music-info{background-size:cover;border-radius:5px;box-shadow:0 4px 20px 8px rgba(102,98,108,.15);cursor:default;height:200px;overflow:hidden;width:200px}@media(max-width:1800px){.music-info{border-radius:.2777777778vw;height:11.1111111111vw;width:11.1111111111vw}}.music-info .music-hover{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(0,0,0,.2);color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;opacity:0;transition:.2s;width:100%}.music-info .music-hover .music-name{font-size:1.5em;font-weight:600;line-height:130%;padding:5px;position:absolute;text-align:center;top:2.1em;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.music-info .music-hover .pause,.music-info .music-hover .play{cursor:pointer;margin-top:2em}.music-info .music-hover .pause svg,.music-info .music-hover .play svg{height:2.1em;width:2.1em}.music-info .music-hover .pause svg path,.music-info .music-hover .play svg path{fill:#fff}.music-info:hover .music-hover{opacity:1}.record.modal-wrapper{-webkit-animation:showModalUp 1s;animation:showModalUp 1s;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:hsla(0,0%,100%,.8);border-top-left-radius:30px;border-top-right-radius:30px;box-shadow:0 6px 6px 20px 5px rgba(83,83,83,.15);cursor:default;height:95vh;padding:22px 27px;width:770px}@media(max-width:1800px){.record.modal-wrapper{border-top-left-radius:1.6666666667vw;border-top-right-radius:1.6666666667vw;padding:1.2222222222vw 1.5vw;width:42.7777777778vw}}.record.modal-wrapper .modal-title{color:#876cb1;font-size:20px;font-weight:600}@media(max-width:1800px){.record.modal-wrapper .modal-title{font-size:1.1111111111vw}}.record.modal-wrapper #modal-close{cursor:pointer;height:35px;position:absolute;right:26px;top:20px;width:35px}@media(max-width:1800px){.record.modal-wrapper #modal-close{height:1.9444444444vw;right:1.4444444444vw;top:1.1111111111vw;width:1.9444444444vw}}.record.modal-wrapper #modal-close path{fill:#5a1dbd}.record.modal-wrapper .action-button{cursor:pointer;height:21px;position:absolute;top:300px;transition:.2s;width:21px}.record.modal-wrapper .action-button:hover{-webkit-transform:translateY(5px);transform:translateY(5px)}@media(max-width:1800px){.record.modal-wrapper .action-button{height:1.1666666667vw;top:16.6666666667vw;width:1.1666666667vw}}.record.modal-wrapper .action-button path{fill:#5a1dbd}.record.modal-wrapper .action-button#change-to-edit-mode{right:80px}@media(max-width:1800px){.record.modal-wrapper .action-button#change-to-edit-mode{right:4.4444444444vw}}.record.modal-wrapper .action-button#delete-record{height:27px;right:130px;top:297px;width:27px}@media(max-width:1800px){.record.modal-wrapper .action-button#delete-record{height:1.5vw;right:7.2222222222vw;top:16.5vw;width:1.5vw}}.record.modal-wrapper .action-button#delete-record path{fill:#afaab6}.record.modal-wrapper .modal-contents{display:flex;flex-direction:column;margin-top:57px;overflow:visible;padding:0 54px;width:693px}@media(max-width:1800px){.record.modal-wrapper .modal-contents{margin-top:3.1666666667vw;padding:0 3vw;width:38.5vw}}.record.modal-wrapper .modal-contents .white-box{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:hsla(0,0%,100%,.6);border-top-left-radius:30px;border-top-right-radius:30px;bottom:0;height:calc(95vh - 270px);left:50%;pointer-events:none;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:693px;z-index:-1}@media(max-width:1800px){.record.modal-wrapper .modal-contents .white-box{border-top-left-radius:1.6666666667vw;border-top-right-radius:1.6666666667vw;height:calc(95vh - 15vw);width:38.5vw}}.record.modal-wrapper .modal-contents .record-input-container{display:flex;flex-direction:column;max-height:43vh;overflow-y:auto}.record.modal-wrapper .modal-contents .record-input-label{color:#595460;font-size:20px;font-weight:600;margin-top:35px}@media(max-width:1800px){.record.modal-wrapper .modal-contents .record-input-label{font-size:1.1111111111vw;margin-top:1.9444444444vw}}.record.modal-wrapper .modal-contents .record-input-label+.record-input-description{color:#afaab6;font-size:15px;font-weight:400;margin:7px 0}@media(max-width:1800px){.record.modal-wrapper .modal-contents .record-input-label+.record-input-description{font-size:.8333333333vw;margin:.3888888889vw 0}}.record.modal-wrapper .modal-contents .music-info{height:246px;width:246px}@media(max-width:1800px){.record.modal-wrapper .modal-contents .music-info{height:13.6666666667vw;width:13.6666666667vw}}.record.modal-wrapper .meditation-info-wrapper{align-items:flex-start;display:flex;margin-bottom:15px}@media(max-width:1800px){.record.modal-wrapper .meditation-info-wrapper{margin-bottom:.8333333333vw}}.record.modal-wrapper .meditation-info-wrapper .time-info-wrapper{color:#595460;font-weight:600;margin-right:20px;margin-top:40px;text-align:right;width:160px}@media(max-width:1800px){.record.modal-wrapper .meditation-info-wrapper .time-info-wrapper{margin-right:1.1111111111vw;margin-top:2.2222222222vw;width:8.8888888889vw}}.record.modal-wrapper .meditation-info-wrapper .time-info-wrapper .date{font-size:30px;margin-bottom:35px}@media(max-width:1800px){.record.modal-wrapper .meditation-info-wrapper .time-info-wrapper .date{font-size:1.6666666667vw;margin-bottom:1.9444444444vw}}.record.modal-wrapper .meditation-info-wrapper .time-info-wrapper .time{font-size:20px}@media(max-width:1800px){.record.modal-wrapper .meditation-info-wrapper .time-info-wrapper .time{font-size:1.1111111111vw}}.record.modal-wrapper .meditation-info-wrapper .sound-wrapper{display:flex;flex-direction:column;justify-content:flex-start;margin-left:20px;margin-top:30px;width:160px}@media(max-width:1800px){.record.modal-wrapper .meditation-info-wrapper .sound-wrapper{margin-left:1.1111111111vw;margin-top:1.6666666667vw;width:8.8888888889vw}}.record.modal-wrapper .meditation-info-wrapper .sound-wrapper .sound-elem{align-items:center;display:flex;margin-bottom:10px}@media(max-width:1800px){.record.modal-wrapper .meditation-info-wrapper .sound-wrapper .sound-elem{margin-bottom:.5555555556vw}}.record.modal-wrapper .meditation-info-wrapper .sound-wrapper .sound-elem svg{height:22px;margin-right:10px;width:22px}@media(max-width:1800px){.record.modal-wrapper .meditation-info-wrapper .sound-wrapper .sound-elem svg{height:1.2222222222vw;margin-right:.5555555556vw;width:1.2222222222vw}}.record.modal-wrapper .meditation-info-wrapper .sound-wrapper .sound-elem svg path{fill:#595460}.record.modal-wrapper .meditation-info-wrapper .sound-wrapper .sound-elem span{color:#afaab6;font-size:15px;font-weight:500}@media(max-width:1800px){.record.modal-wrapper .meditation-info-wrapper .sound-wrapper .sound-elem span{font-size:.8333333333vw}}.record.modal-wrapper .record-title-wrapper{display:relative;width:100%}.record.modal-wrapper .record-title-wrapper .record-title-input{border-bottom:1px solid #595460;font-size:30px;font-weight:500;margin-top:10px;padding:10px;width:100%}@media(max-width:1800px){.record.modal-wrapper .record-title-wrapper .record-title-input{font-size:1.6666666667vw;margin-top:.5555555556vw;padding:.5555555556vw}}.record.modal-wrapper .record-title-wrapper .record-title-input::-webkit-input-placeholder{color:#cecdcc}.record.modal-wrapper .record-title-wrapper .record-title-input::placeholder{color:#cecdcc}.record.modal-wrapper .record-title-wrapper .quotes{display:none}.record.modal-wrapper .content-wrapper{background:#e8e8e8;border-radius:20px;height:120px;padding:15px;width:100%}@media(max-width:1800px){.record.modal-wrapper .content-wrapper{border-radius:1.1111111111vw;height:6.6666666667vw;padding:.8333333333vw}}.record.modal-wrapper .content-wrapper textarea{background:transparent;color:#595460;font-size:16px;height:100%;line-height:136%;width:100%}.record.modal-wrapper .content-wrapper textarea::-webkit-scrollbar{background:transparent;border-radius:10px;width:3px}.record.modal-wrapper .content-wrapper textarea::-webkit-scrollbar-thumb{background:#595460;border-radius:10px;width:3px}@media(max-width:1800px){.record.modal-wrapper .content-wrapper textarea{font-size:.8888888889vw}}.record.modal-wrapper .tag-wrapper{display:flex;flex-wrap:wrap;width:80%}.record.modal-wrapper .tag-wrapper .tag-elem{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-bottom:14px;margin-right:12px;margin-top:10px}@media(max-width:1800px){.record.modal-wrapper .tag-wrapper .tag-elem{margin-bottom:.7777777778vw;margin-right:.6666666667vw;margin-top:.5555555556vw}}.record.modal-wrapper .tag-wrapper .tag-elem input[type=checkbox]{display:none}.record.modal-wrapper .tag-wrapper .tag-elem input[type=checkbox]+label{border:1px solid #afaab6;border-radius:30px;color:#afaab6;cursor:pointer;font-size:15px;font-weight:400;padding:6px 10px;transition:.2s}@media(max-width:1800px){.record.modal-wrapper .tag-wrapper .tag-elem input[type=checkbox]+label{border-radius:1.6666666667vw;font-size:.8333333333vw;padding:.3333333333vw .5555555556vw}}.record.modal-wrapper .tag-wrapper .tag-elem input[type=checkbox]:checked+label{background:rgba(255,226,173,.2);border-color:#ffb62d;color:#ffb62d}.record.modal-wrapper .modal-action-button-wrapper{align-items:center;display:flex;justify-content:flex-end;margin-top:15px}@media(max-width:1800px){.record.modal-wrapper .modal-action-button-wrapper{margin-top:.8333333333vw}}.record.modal-wrapper .modal-action-button-wrapper button.modal-action{background:#5a1dbd;border-radius:30px;color:#fff;font-size:16px;font-weight:600;margin-left:10px;padding:13px 35px;transition:.2s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.record.modal-wrapper .modal-action-button-wrapper button.modal-action:hover{-webkit-transform:translateY(5px);transform:translateY(5px)}@media(max-width:1800px){.record.modal-wrapper .modal-action-button-wrapper button.modal-action{border-radius:1.6666666667vw;font-size:.8888888889vw;margin-left:.5555555556vw;padding:.7222222222vw 1.9444444444vw}}.record.modal-wrapper .modal-action-button-wrapper button.modal-action#cancel{background:#afaab6}.record.modal-wrapper#view-mode .record-input-label,.record.modal-wrapper#view-mode .record-input-label+.record-input-description{display:none}.record.modal-wrapper#view-mode .record-title-wrapper{margin-left:auto;margin-right:auto;margin-top:15px;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:1800px){.record.modal-wrapper#view-mode .record-title-wrapper{margin-top:.8333333333vw}}.record.modal-wrapper#view-mode .record-title-wrapper .record-title-input{background:transparent;border:0;margin-top:30px;padding:0;text-align:center;text-shadow:0 0 6px #e8e8e8;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:1800px){.record.modal-wrapper#view-mode .record-title-wrapper .record-title-input{margin-top:1.6666666667vw}}.record.modal-wrapper#view-mode .record-title-wrapper .quotes{display:block;height:20px;position:absolute;width:20px}@media(max-width:1800px){.record.modal-wrapper#view-mode .record-title-wrapper .quotes{height:1.1111111111vw;width:1.1111111111vw}}.record.modal-wrapper#view-mode .record-title-wrapper .quotes path{fill:#cecdcc}.record.modal-wrapper#view-mode .record-title-wrapper .quotes:first-of-type{left:-10px;top:10px;-webkit-transform:scaleX(-1);transform:scaleX(-1)}@media(max-width:1800px){.record.modal-wrapper#view-mode .record-title-wrapper .quotes:first-of-type{left:-.5555555556vw;top:.5555555556vw}}.record.modal-wrapper#view-mode .record-title-wrapper .quotes:last-of-type{right:-10px;top:10px}@media(max-width:1800px){.record.modal-wrapper#view-mode .record-title-wrapper .quotes:last-of-type{right:-.5555555556vw;top:.5555555556vw}}.record.modal-wrapper#view-mode .content-wrapper{background:transparent;margin-top:30px;min-height:370px;padding:0 35px}@media(max-width:1800px){.record.modal-wrapper#view-mode .content-wrapper{margin-top:1.6666666667vw;min-height:20.5555555556vw;padding:0 1.9444444444vw}}.record.modal-wrapper#view-mode .content-wrapper textarea{font-size:20px;font-weight:300;line-height:160%;text-align:center;word-break:keep-all}@media(max-width:1800px){.record.modal-wrapper#view-mode .content-wrapper textarea{font-size:1.1111111111vw}}.record.modal-wrapper#view-mode .tag-wrapper{margin-top:50px;width:100%}@media(max-width:1800px){.record.modal-wrapper#view-mode .tag-wrapper{margin-top:2.7777777778vw}}.record.modal-wrapper#view-mode .tag-wrapper .tag-elem{border:0;margin:0}.record.modal-wrapper#view-mode .tag-wrapper .tag-elem input[type=checkbox]+label{background:transparent;border:0;color:#876cb1;display:none;font-weight:400;margin-right:10px;padding:0}@media(max-width:1800px){.record.modal-wrapper#view-mode .tag-wrapper .tag-elem input[type=checkbox]+label{margin-right:.5555555556vw}}.record.modal-wrapper#view-mode .tag-wrapper .tag-elem input[type=checkbox]:checked+label{display:block}.poetry-recommend.modal-wrapper{-webkit-animation:gradient 20s ease infinite;animation:gradient 20s ease infinite;background:#fff;background:linear-gradient(-45deg,#ffc0ad,#ffa9ca,#aeeaff,#a3ffea);background-size:200% 200%;border-radius:30px;display:flex;flex-direction:column;min-height:500px;padding:20px;text-align:center;width:400px}@media(max-width:1800px){.poetry-recommend.modal-wrapper{border-radius:1.6666666667vw;min-height:27.7777777778vw;padding:1.1111111111vw;width:22.2222222222vw}}.poetry-recommend.modal-wrapper .modal-content{align-items:center;display:flex;flex-direction:column;flex-grow:1;height:100%;width:100%}.poetry-recommend.modal-wrapper .modal-content .title{color:#afaab6;font-size:16px;font-weight:600;margin-bottom:10px;text-align:left;width:100%}@media(max-width:1800px){.poetry-recommend.modal-wrapper .modal-content .title{font-size:.8888888889vw;margin-bottom:.5555555556vw}}.poetry-recommend.modal-wrapper .modal-content .reco-poetry-wrapper{align-items:center;display:flex;flex-direction:column;flex-grow:1;justify-content:center;margin-bottom:20px}@media(max-width:1800px){.poetry-recommend.modal-wrapper .modal-content .reco-poetry-wrapper{margin-bottom:1.1111111111vw}}.poetry-recommend.modal-wrapper .modal-content .reco-poetry-wrapper .reco-poetry{color:#595460;font-size:22px;font-weight:600;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;line-height:150%;padding:25px;white-space:pre-wrap;word-break:keep-all}@media(max-width:1800px){.poetry-recommend.modal-wrapper .modal-content .reco-poetry-wrapper .reco-poetry{font-size:1.2222222222vw;padding:1.3888888889vw}}.poetry-recommend.modal-wrapper .modal-content .reco-poetry-wrapper .reco-source{color:#876cb1;font-size:16px;font-weight:600;margin-top:20px}@media(max-width:1800px){.poetry-recommend.modal-wrapper .modal-content .reco-poetry-wrapper .reco-source{font-size:.8888888889vw;margin-top:1.1111111111vw}}.poetry-recommend.modal-wrapper .modal-content .loader{display:inline-block;height:100px;margin:0 auto 1em;padding:1em;text-align:center;vertical-align:top;width:20%}@media(max-width:1800px){.poetry-recommend.modal-wrapper .modal-content .loader{height:5.5555555556vw}}.poetry-recommend.modal-wrapper .modal-content svg path,.poetry-recommend.modal-wrapper .modal-content svg rect{fill:#876cb1}.poetry-recommend.modal-wrapper button.copy-reco{color:hsla(0,0%,100%,.8);font-size:15px;margin-bottom:10px;margin-left:auto;margin-right:auto;position:relative;text-shadow:0 2px 4px 4px hsla(0,0%,44%,.15);transition:.2s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.poetry-recommend.modal-wrapper button.copy-reco:hover{-webkit-transform:translateY(5px);transform:translateY(5px)}@media(max-width:1800px){.poetry-recommend.modal-wrapper button.copy-reco{font-size:.8333333333vw;margin-bottom:.5555555556vw}}.poetry-recommend.modal-wrapper button.copy-reco .check-icon{height:15px;left:100%;opacity:0;position:absolute;top:0;transition:.2s;width:15px}@media(max-width:1800px){.poetry-recommend.modal-wrapper button.copy-reco .check-icon{height:.8333333333vw;width:.8333333333vw}}.poetry-recommend.modal-wrapper button.copy-reco .check-icon path{fill:#2b8fb3}.poetry-recommend.modal-wrapper button.copy-reco:focus{color:#2b8fb3}.poetry-recommend.modal-wrapper button.copy-reco:focus .check-icon{-webkit-animation:showBounce .3s;animation:showBounce .3s;opacity:1}.meditation-record-preview{background:hsla(0,0%,100%,.6);border-radius:20px;box-shadow:0 5px 20px hsla(265,8%,69%,.15);cursor:pointer;display:flex;margin-top:20px;overflow:hidden;transition:.2s;width:100%}.meditation-record-preview:hover{-webkit-transform:translateY(5px);transform:translateY(5px)}@media(max-width:1800px){.meditation-record-preview{border-radius:1.1111111111vw;margin-top:1.1111111111vw}}.meditation-record-preview .music-info{flex-shrink:0}.meditation-record-preview .record-info-wrapper{flex-grow:1;margin:0 25px}@media(max-width:1800px){.meditation-record-preview .record-info-wrapper{margin:0 1.3888888889vw}}.meditation-record-preview .record-info-wrapper .record-info-title{color:#595460;font-size:20px;font-weight:600;margin-bottom:19px;margin-top:30px}@media(max-width:1800px){.meditation-record-preview .record-info-wrapper .record-info-title{font-size:1.1111111111vw;margin-bottom:1.0555555556vw;margin-top:1.6666666667vw}}.meditation-record-preview .record-info-wrapper .record-into-content{word-wrap:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#595460;display:-webkit-box;font-size:15px;font-weight:300;height:60px;line-height:20px;margin-bottom:20px;overflow:hidden;word-break:keep-all}@media(max-width:1800px){.meditation-record-preview .record-info-wrapper .record-into-content{font-size:.8333333333vw;height:3.3333333333vw;line-height:1.1111111111vw;margin-bottom:1.1111111111vw}}.meditation-record-preview .record-info-wrapper .record-tag-wrapper{display:flex;flex-wrap:wrap;height:18px;overflow:hidden;width:100%}.meditation-record-preview .record-info-wrapper .record-tag-wrapper .record-tag-elem{color:#cecdcc;font-size:15px;font-weight:400;margin-right:10px}@media(max-width:1800px){.meditation-record-preview .record-info-wrapper .record-tag-wrapper .record-tag-elem{font-size:.8333333333vw;margin-right:.5555555556vw}}.meditation-record-preview .record-info-wrapper .replay-meditation{border:1px solid #afaab6;border-radius:30px;color:#afaab6;float:right;font-size:12px;font-weight:600;margin-top:15px;padding:8px 15px;transition:.2s}.meditation-record-preview .record-info-wrapper .replay-meditation:hover{-webkit-transform:translateY(5px);transform:translateY(5px)}@media(max-width:1800px){.meditation-record-preview .record-info-wrapper .replay-meditation{border-radius:1.6666666667vw;font-size:.6666666667vw;margin-top:.8333333333vw;padding:.4444444444vw .8333333333vw}}.meditation-record-preview .record-info-wrapper .replay-meditation:hover{background:rgba(255,226,173,.2);border-color:#ffb62d;color:#ffb62d}.user-meditation-list.modal-wrapper{-webkit-animation:showModalRight .7s;animation:showModalRight .7s;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:hsla(0,0%,100%,.8);border-top-right-radius:30px;box-shadow:0 6px 6px 20px 5px rgba(83,83,83,.15);cursor:default;display:flex;flex-direction:column;height:100vh;left:0;padding:0 30px;width:705px}@media(max-width:1800px){.user-meditation-list.modal-wrapper{border-top-right-radius:1.6666666667vw;padding:0 1.6666666667vw;width:39.1666666667vw}}.user-meditation-list.modal-wrapper .modal-header{color:#595460;font-weight:300;margin-bottom:23px;margin-top:90px;padding-left:30px}@media(max-width:1800px){.user-meditation-list.modal-wrapper .modal-header{margin-bottom:1.2777777778vw;margin-top:5vw;padding-left:1.6666666667vw}}.user-meditation-list.modal-wrapper .modal-header .user-total-duration-title{font-size:15px}@media(max-width:1800px){.user-meditation-list.modal-wrapper .modal-header .user-total-duration-title{font-size:.8333333333vw}}.user-meditation-list.modal-wrapper .modal-header .user-total-duration{color:#595460;font-size:35px;font-weight:600;margin-top:16px}@media(max-width:1800px){.user-meditation-list.modal-wrapper .modal-header .user-total-duration{font-size:1.9444444444vw;margin-top:.8888888889vw}}.user-meditation-list.modal-wrapper .modal-header .my-rate{align-items:flex-end;border-bottom-left-radius:5px;border-bottom-right-radius:5px;box-shadow:0 6px 15px rgba(0,0,0,.15);display:flex;height:160px;padding:20px 30px;position:absolute;right:40px;top:0}@media(max-width:1800px){.user-meditation-list.modal-wrapper .modal-header .my-rate{border-bottom-left-radius:.2777777778vw;border-bottom-right-radius:.2777777778vw;height:8.8888888889vw;padding:1.1111111111vw 1.6666666667vw;right:2.2222222222vw}}.user-meditation-list.modal-wrapper .modal-header .my-rate svg{height:40px;width:40px}@media(max-width:1800px){.user-meditation-list.modal-wrapper .modal-header .my-rate svg{height:2.2222222222vw;width:2.2222222222vw}}.user-meditation-list.modal-wrapper .modal-content{background:hsla(0,0%,100%,.6);border-top-left-radius:30px;border-top-right-radius:30px;flex-grow:1;padding:20px 10px 0;width:100%}@media(max-width:1800px){.user-meditation-list.modal-wrapper .modal-content{border-top-left-radius:1.6666666667vw;border-top-right-radius:1.6666666667vw;padding:0 .5555555556vw;padding-top:1.1111111111vw}}.user-meditation-list.modal-wrapper .modal-content .meditation-record-date{color:#595460;font-size:20px;font-weight:600;margin-top:55px}@media(max-width:1800px){.user-meditation-list.modal-wrapper .modal-content .meditation-record-date{font-size:1.1111111111vw;margin-top:3.0555555556vw}}.user-meditation-list.modal-wrapper .modal-content .meditation-wrapper{max-height:calc(100vh - 210px);overflow:auto;padding:0 34px 40px;width:100%}.user-meditation-list.modal-wrapper .modal-content .meditation-wrapper::-webkit-scrollbar{background:transparent;border-radius:10px;width:4px}.user-meditation-list.modal-wrapper .modal-content .meditation-wrapper::-webkit-scrollbar-thumb{background:#cecdcc;border-radius:10px;width:4px}@media(max-width:1800px){.user-meditation-list.modal-wrapper .modal-content .meditation-wrapper{padding:0 1.8888888889vw;padding-bottom:2.2222222222vw}}.audio-handler{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:hsla(0,0%,74%,.6);border:2px solid #fff;border-radius:20px;bottom:50px;box-shadow:0 0 15px hsla(0,0%,100%,.5)!important;box-shadow:0 4px 20px 8px rgba(102,98,108,.15);cursor:default;padding:40px;position:absolute;right:30px;width:260px}@media(max-width:1800px){.audio-handler{border-radius:1.1111111111vw;border-width:.1111111111vw;bottom:2.7777777778vw;padding:2.2222222222vw;right:1.6666666667vw;width:14.4444444444vw}}.audio-handler .header{font-weight:500}.audio-handler .header .sound-icon{height:22px;width:22px}@media(max-width:1800px){.audio-handler .header .sound-icon{height:1.2222222222vw;width:1.2222222222vw}}.audio-handler .header svg{transition:.2s}.audio-handler .down-arrow{cursor:pointer;float:right;height:20px;transition:.2s;width:20px}@media(max-width:1800px){.audio-handler .down-arrow{height:1.1111111111vw;width:1.1111111111vw}}.audio-handler .down-arrow>path{fill:#595460}.audio-handler .sound-setting-container{display:flex;flex-direction:column}.audio-handler .sound-setting-container .sound-setting-elem{align-items:center;display:flex;flex-grow:1;margin-bottom:15px}@media(max-width:1800px){.audio-handler .sound-setting-container .sound-setting-elem{margin-bottom:.8333333333vw}}.audio-handler .sound-setting-container .sound-setting-elem:last-of-type{margin-bottom:0}.audio-handler .sound-setting-container .sound-setting-elem svg{flex-shrink:0;height:23px;width:23px}@media(max-width:1800px){.audio-handler .sound-setting-container .sound-setting-elem svg{height:1.2777777778vw;width:1.2777777778vw}}.audio-handler .sound-setting-container .sound-setting-elem svg path{fill:#fff;transition:.2s}.audio-handler .sound-setting-container .sound-setting-elem input[type=range]{background:#e8e8e8;border-radius:10px;cursor:pointer;height:4px;margin:0 10px;width:100%}@media(max-width:1800px){.audio-handler .sound-setting-container .sound-setting-elem input[type=range]{border-radius:.5555555556vw;height:.2222222222vw;margin:0 .5555555556vw}}.audio-handler .sound-setting-container .sound-setting-elem input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#595460;border-radius:50%;cursor:pointer;height:10px;-webkit-transition:.2s;transition:.2s;width:10px}@media(max-width:1800px){.audio-handler .sound-setting-container .sound-setting-elem input[type=range]::-webkit-slider-thumb{height:.5555555556vw;width:.5555555556vw}}.audio-handler .sound-setting-container .sound-setting-elem .sound-amount{color:#595460;flex-shrink:0;font-size:16px;font-weight:600;text-align:right;width:20px}@media(max-width:1800px){.audio-handler .sound-setting-container .sound-setting-elem .sound-amount{font-size:.8888888889vw;width:1.1111111111vw}}.audio-handler .sound-setting-container .sound-setting-elem.active#bird svg path{fill:#dfed4e}.audio-handler .sound-setting-container .sound-setting-elem.active#bird input[type=range]::-webkit-slider-thumb{background:#dfed4e}.audio-handler .sound-setting-container .sound-setting-elem.active#fire svg path{fill:#cc6969}.audio-handler .sound-setting-container .sound-setting-elem.active#fire input[type=range]::-webkit-slider-thumb{background:#cc6969}.audio-handler .sound-setting-container .sound-setting-elem.active#wave svg path{fill:#6985cc}.audio-handler .sound-setting-container .sound-setting-elem.active#wave input[type=range]::-webkit-slider-thumb{background:#6985cc}.audio-handler .sound-setting-container .sound-setting-elem.active#rain svg path{fill:#33bdc7}.audio-handler .sound-setting-container .sound-setting-elem.active#rain input[type=range]::-webkit-slider-thumb{background:#33bdc7}.audio-handler#small-view .header .down-arrow{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.music-selector{transition:.3s;width:235px}@media(max-width:1800px){.music-selector{width:13.0555555556vw}}.music-selector .show-selected-music{align-items:center;display:flex}.music-selector .show-selected-music svg{flex-shrink:0;font-size:24px}@media(max-width:1800px){.music-selector .show-selected-music svg{font-size:1.3333333333vw}}.music-selector .show-selected-music svg path{fill:#fff}.music-selector .show-selected-music .selected-music-name{word-wrap:break-word;-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;flex-grow:1;font-size:16px;font-weight:400;margin-left:15px;margin-right:5px;overflow:hidden;text-align:left;word-break:keep-all}@media(max-width:1800px){.music-selector .show-selected-music .selected-music-name{font-size:.8888888889vw;margin-left:.8333333333vw;margin-right:.2777777778vw}}.music-selector .music-container{max-height:0;overflow:scroll;transition:.5s;width:100%}.music-selector .music-container .music-wrapper{display:flex;flex-direction:column;margin-top:10px;width:100%}@media(max-width:1800px){.music-selector .music-container .music-wrapper{margin-top:.5555555556vw}}.music-selector .music-container .music-wrapper .music-elem{align-items:center;background:hsla(0,0%,100%,.8);border:2px solid #fff;border-radius:20px;box-shadow:0 4px 20px 8px rgba(102,98,108,.15);display:flex;margin-bottom:10px;padding:10px;transition:.2s;width:100%}.music-selector .music-container .music-wrapper .music-elem:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px)}@media(max-width:1800px){.music-selector .music-container .music-wrapper .music-elem{border-radius:1.1111111111vw;border-width:.1111111111vw;margin-bottom:.5555555556vw;padding:.5555555556vw}}.music-selector .music-container .music-wrapper .music-elem#selected{background:#876cb1}.music-selector .music-container .music-wrapper .music-elem#selected .music-name{color:#fff}.music-selector .music-container .music-wrapper .music-elem#selected .music-composer{color:#cecdcc}.music-selector .music-container .music-wrapper .music-elem .music-info{flex-shrink:0;height:50px;width:50px}@media(max-width:1800px){.music-selector .music-container .music-wrapper .music-elem .music-info{height:2.7777777778vw;width:2.7777777778vw}}.music-selector .music-container .music-wrapper .music-elem .music-info .music-name{display:none}.music-selector .music-container .music-wrapper .music-elem .music-info .pause,.music-selector .music-container .music-wrapper .music-elem .music-info .play{margin-top:0}.music-selector .music-container .music-wrapper .music-elem .music-info-wrapper{flex-grow:1;margin-left:10px;text-align:left}@media(max-width:1800px){.music-selector .music-container .music-wrapper .music-elem .music-info-wrapper{margin-left:.5555555556vw}}.music-selector .music-container .music-wrapper .music-elem .music-info-wrapper .music-name{word-wrap:break-word;-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;font-size:17px;font-weight:600;margin-bottom:5px;overflow:hidden;transition:.3s;word-break:keep-all}@media(max-width:1800px){.music-selector .music-container .music-wrapper .music-elem .music-info-wrapper .music-name{font-size:.9444444444vw;margin-bottom:.2777777778vw}}.music-selector .music-container .music-wrapper .music-elem .music-info-wrapper .music-composer{word-wrap:break-word;-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#595460;display:-webkit-box;font-size:12px;overflow:hidden;transition:.3s;word-break:keep-all}@media(max-width:1800px){.music-selector .music-container .music-wrapper .music-elem .music-info-wrapper .music-composer{font-size:.6666666667vw}}.music-selector:focus .music-container{margin-top:10px;max-height:calc(100vh - 100px)}@media(max-width:1800px){.music-selector:focus .music-container{margin-top:.5555555556vw}}.webcam-container{position:absolute;right:0;top:6vh;transition:.3s}.webcam-container video{height:150px}@media(max-width:1800px){.webcam-container video{height:8.3333333333vw}}.webcam-container .show-webcam-toggle{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:hsla(0,0%,100%,.8);border-bottom-right-radius:20px;border-top-right-radius:20px;box-shadow:0 4px 20px 8px rgba(102,98,108,.15);cursor:pointer;display:flex;height:88px;left:0;position:absolute;top:30px;-webkit-transform-origin:left;transform-origin:left;transition:.4s;width:34px;z-index:10}@media(max-width:1800px){.webcam-container .show-webcam-toggle{border-bottom-right-radius:1.1111111111vw;border-top-right-radius:1.1111111111vw;height:4.8888888889vw;top:1.6666666667vw;width:1.8888888889vw}}.webcam-container .show-webcam-toggle svg{fill:#595460;height:19px;margin-left:5px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);width:19px}@media(max-width:1800px){.webcam-container .show-webcam-toggle svg{height:1.0555555556vw;margin-left:.2777777778vw;width:1.0555555556vw}}.webcam-container#hide{right:-200px}@media(max-width:1800px){.webcam-container#hide{right:-11.1111111111vw}}.webcam-container#hide .show-webcam-toggle{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}.show-status{color:hsla(0,0%,100%,.831);font-size:25px;font-weight:400;left:50%;position:absolute;text-shadow:0 0 20px #fff;top:15%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media(max-width:1800px){.show-status{font-size:1.3888888889vw}}.floating-btn{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:hsla(0,0%,74%,.6);border:2px solid #fff;border-radius:20px;box-shadow:0 0 15px hsla(0,0%,100%,.5)!important;box-shadow:0 4px 20px 8px rgba(102,98,108,.15);padding:15px;position:absolute;top:80px}@media(max-width:1800px){.floating-btn{border-radius:1.1111111111vw;border-width:.1111111111vw;padding:.8333333333vw;top:4.4444444444vw}}.floating-btn>svg{height:22px;width:22px}@media(max-width:1800px){.floating-btn>svg{height:1.2222222222vw;width:1.2222222222vw}}.floating-btn.show-record{height:60px;left:280px;width:60px}@media(max-width:1800px){.floating-btn.show-record{height:3.3333333333vw;left:15.5555555556vw;width:3.3333333333vw}}.floating-btn.show-record svg path{fill:#fff}.floating-btn.music-selector{left:30px}@media(max-width:1800px){.floating-btn.music-selector{left:1.6666666667vw}}.meditation-end-popup{background:hsla(0,0%,100%,.6);border-radius:20px;box-shadow:0 5px 20px hsla(265,8%,69%,.15);display:flex;flex-direction:column;height:300px;overflow:hidden;padding:20px;width:500px}@media(max-width:1800px){.meditation-end-popup{border-radius:1.1111111111vw;height:16.6666666667vw;padding:1.1111111111vw;width:27.7777777778vw}}.meditation-end-popup .meditation-end-title-wrapper{display:flex;flex-direction:column;height:200px;justify-content:center;text-align:center}@media(max-width:1800px){.meditation-end-popup .meditation-end-title-wrapper{height:11.1111111111vw}}.meditation-end-popup .meditation-end-title-wrapper .title{color:#595460;font-size:20px;font-weight:500;margin-bottom:40px}@media(max-width:1800px){.meditation-end-popup .meditation-end-title-wrapper .title{font-size:1.1111111111vw;margin-bottom:2.2222222222vw}}.meditation-end-popup .meditation-end-title-wrapper .subtitle{color:#876cb1;font-size:35px;font-weight:500}@media(max-width:1800px){.meditation-end-popup .meditation-end-title-wrapper .subtitle{font-size:1.9444444444vw}}.meditation-end-popup .meditation-end-button-wrapper{display:flex;gap:10px;justify-content:center;width:100%}@media(max-width:1800px){.meditation-end-popup .meditation-end-button-wrapper{gap:.5555555556vw}}.meditation-end-popup .meditation-end-button-wrapper button{font-size:18px}@media(max-width:1800px){.meditation-end-popup .meditation-end-button-wrapper button{font-size:1vw}}.meditation-end-popup .meditation-end-button-wrapper button.gray{background:#cecdcc;border:1px solid #595460;border-radius:30px;color:#595460;float:right;font-size:15px;font-weight:600;padding:12px 25px;transition:.2s}.meditation-end-popup .meditation-end-button-wrapper button.gray:hover{-webkit-transform:translateY(5px);transform:translateY(5px)}@media(max-width:1800px){.meditation-end-popup .meditation-end-button-wrapper button.gray{border-radius:1.6666666667vw;font-size:.8333333333vw;padding:.6666666667vw 1.3888888889vw}}.meditation-end-popup .meditation-end-button-wrapper button.point{background:#5a1dbd;border:1px solid #876cb1;border-radius:30px;color:#fff;float:right;font-size:15px;font-weight:600;padding:12px 25px;transition:.2s}.meditation-end-popup .meditation-end-button-wrapper button.point:hover{-webkit-transform:translateY(5px);transform:translateY(5px)}@media(max-width:1800px){.meditation-end-popup .meditation-end-button-wrapper button.point{border-radius:1.6666666667vw;font-size:.8333333333vw;padding:.6666666667vw 1.3888888889vw}}.modal-wrapper.login{align-items:center;-webkit-animation:showModal .7s;animation:showModal .7s;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:hsla(0,0%,100%,.95);border-radius:30px;box-shadow:0 4px 4px rgba(0,0,0,.25);display:flex;flex-direction:column;height:500px;justify-content:center;overflow:hidden;width:800px}@media(max-width:1800px){.modal-wrapper.login{border-radius:1.6666666667vw;height:27.7777777778vw;width:44.4444444444vw}}.modal-wrapper.login .login-logo-icon{margin-bottom:20px;width:100px}@media(max-width:1800px){.modal-wrapper.login .login-logo-icon{margin-bottom:1.1111111111vw;width:5.5555555556vw}}.modal-wrapper.login .login-logo-text{width:200px}@media(max-width:1800px){.modal-wrapper.login .login-logo-text{width:11.1111111111vw}}.modal-wrapper.login img{left:0;pointer-events:none;position:absolute;top:0;width:100%}.modal-wrapper.login span{color:#595460;font-size:18px;font-weight:300;margin-bottom:35px;margin-top:13px}@media(max-width:1800px){.modal-wrapper.login span{font-size:1vw;margin-bottom:1.9444444444vw;margin-top:.7222222222vw}}.modal-wrapper.login .login-button{border-radius:30px;box-shadow:0 6px 15px hsla(265,8%,69%,.15);font-size:15px;font-weight:400;height:55px;margin-bottom:15px;padding:18px 30px;position:relative;text-align:center;transition:.2s;width:277px}.modal-wrapper.login .login-button:hover{-webkit-transform:translateY(5px);transform:translateY(5px)}@media(max-width:1800px){.modal-wrapper.login .login-button{border-radius:1.6666666667vw;font-size:.8333333333vw;height:3.0555555556vw;margin-bottom:.8333333333vw;padding-left:2.7777777778vw;padding:1vw 1.6666666667vw;width:15.3888888889vw}}.modal-wrapper.login .login-button svg{height:20px;left:30px;position:absolute;width:20px}@media(max-width:1800px){.modal-wrapper.login .login-button svg{height:1.1111111111vw;left:1.6666666667vw;width:1.1111111111vw}}.modal-wrapper.login .login-privacy-policy{color:#595460;font-size:15px;margin-bottom:35px;margin-top:13px}@media(max-width:1800px){.modal-wrapper.login .login-privacy-policy{font-size:.8333333333vw;margin-bottom:1.9444444444vw;margin-top:.7222222222vw}}.modal-wrapper.login .login-privacy-policy a{color:#5a1dbd;cursor:pointer;font-weight:400;text-decoration:underline}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}*{box-sizing:border-box}#root,body,html{font-family:Pretendard;height:100%;margin:0;padding:0;width:100%}body{background:#fff}#root,body,canvas,html{height:100%;margin:0;overflow:hidden;width:100%}a{color:#000;text-decoration:none}button{background:transparent;border:0;cursor:pointer;font-family:Pretendard}button:focus-visible{outline:none}::selection{background-color:rgba(74,70,255,.188)}ul{list-style:none;padding-left:0}pre,ul{margin:0}pre,textarea{font-family:Pretendard}textarea{border:0;resize:none}textarea:focus-visible{outline:none}input{appearance:none;-webkit-appearance:none;border:0;font-family:Pretendard}input:focus-visible{outline:none}input[type=file]{display:none}@-webkit-keyframes showLarger{to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes showLarger{to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@-webkit-keyframes showModal{70%{-webkit-transform:scale(1.03) translateY(10px);transform:scale(1.03) translateY(10px)}}@keyframes showModal{70%{-webkit-transform:scale(1.03) translateY(10px);transform:scale(1.03) translateY(10px)}}@-webkit-keyframes showModalUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}70%{-webkit-transform:translateY(-10px) scaleY(1.03);transform:translateY(-10px) scaleY(1.03)}}@keyframes showModalUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}70%{-webkit-transform:translateY(-10px) scaleY(1.03);transform:translateY(-10px) scaleY(1.03)}}@-webkit-keyframes showModalRight{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}70%{-webkit-transform:translateX(10px) scaleX(1.03);transform:translateX(10px) scaleX(1.03)}}@keyframes showModalRight{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}70%{-webkit-transform:translateX(10px) scaleX(1.03);transform:translateX(10px) scaleX(1.03)}}@-webkit-keyframes showModalOpacity{0%{opacity:0}}@keyframes showModalOpacity{0%{opacity:0}}@-webkit-keyframes showDown{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{opacity:1}}@keyframes showDown{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{opacity:1}}@-webkit-keyframes showBounce{0%{opacity:0}70%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}to{opacity:1}}@keyframes showBounce{0%{opacity:0}70%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}to{opacity:1}}@-webkit-keyframes showSlide{0%{height:0;max-height:0;overflow:hidden}to{height:-webkit-fit-content;height:fit-content}}@keyframes showSlide{0%{height:0;max-height:0;overflow:hidden}to{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}@-webkit-keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}
/*# sourceMappingURL=main.95c76f41.css.map*/