:root{--main-color:rgba(0,0,0,.693);--active-color:rgba(192,29,29,.69);--hover-color:rgba(240,46,170,.8)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.modal-open{transition:all .2s ease-in-out}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{height:100vh;-webkit-user-select:none;user-select:none}.player-controls{align-content:center;align-items:center;display:flex;justify-content:space-between;min-width:350px}.button{cursor:pointer;transition:all .2s ease-in-out}.button:hover{color:var(--hover-color)}.gradient{height:100vh;position:fixed;width:100%}.motionTrees{transition:all 1.6s ease-in-out;will-change:transform}.motionMountains{transition:all 1.8s ease-in-out;will-change:transform}.motionCamp{transition:all 0ms ease-in-out;will-change:transform}.trees{background-image:url(/static/media/trees.d71819ff83a65deacddb.svg);background-repeat:no-repeat;background-size:cover;bottom:1px;-webkit-filter:opacity(.85);filter:opacity(.85);height:39%;left:-13%;opacity:1;position:absolute;width:113vw;z-index:1000}.gradient-animation{height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.mTrees1{left:-13.5%}.mTrees2{left:-14%}.mTrees3{left:-14.5%}.mTrees4{left:-15%}.mountains{background-image:url(/static/media/mountains.ec1ef708320751030f7e.svg);background-repeat:no-repeat;background-size:cover;bottom:1px;-webkit-filter:opacity(.7);filter:opacity(.7);height:39%;left:-8%;opacity:1;position:absolute;width:113vw;z-index:800}.mMountains1{left:-8.2%}.mMountains2{left:-8.4%}.mMountains3{left:-8.6%}.mMountains4{left:-8.8%}.camp{background-image:url(/static/media/camp.3c8bbb3dd80d0d770f16.svg);background-repeat:no-repeat;background-size:cover;bottom:65px;-webkit-filter:opacity(.85);filter:opacity(.85);height:9%;left:50%;opacity:1;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:23%;z-index:1200}.camp,.star{position:absolute}.star{height:100%;width:100%}.pixel{-webkit-animation:blink 5.5s linear infinite;animation:blink 5.5s linear infinite;-webkit-animation-delay:4s;animation-delay:4s;background-color:#fff;border-radius:50%;opacity:0;position:absolute}@-webkit-keyframes blink{0%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}to{opacity:0;-webkit-transform:scale(1);transform:scale(1)}}@keyframes blink{0%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}to{opacity:0;-webkit-transform:scale(1);transform:scale(1)}}.nav-style{color:#403737;display:flex;justify-content:center;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1}@media (min-width:476px){.nav-container{margin:5px!important}.logo{padding:6px!important}}@media (min-width:768px){.nav-container{margin:5px!important}}@media (min-width:992px){.nav-container{margin:5px!important}}@media (min-width:1050px){.nav-container{margin:5px!important}}.nav-container{align-items:center;background:#fafafa;border-radius:10px;box-shadow:0 4px 4px rgba(0,0,0,.25);display:flex;height:100%;justify-content:space-between;margin-top:12px;width:1080px}.nav-style>.nav-container .links{color:#403737;cursor:pointer;display:inline-block;padding:20px;text-decoration:none}.links{padding:"20px 20px 15px 20px"}.mainview{display:flex;height:calc(100% - 123.2px);justify-content:center}.mainview>.container{display:inline-table;height:100%;width:1080px}.mark{background:#d9d9d9;border:.5px solid rgba(148,125,159,.47);border-radius:50%;box-shadow:0 4px 4px rgba(0,0,0,.25);transition:box-shadow .15s cubic-bezier(.4,0,.2,1) 0ms,left .15s cubic-bezier(.4,0,.2,1) 0ms,bottom .15s cubic-bezier(.4,0,.2,1) 0ms}.mark:hover{box-shadow:0 0 0 8px rgba(3,12,21,.16)}.mark:active,.mark:hover{top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.mark:active{box-shadow:0 0 0 6px rgba(3,12,21,.16)}.control-style{bottom:15px;display:flex;height:54px;justify-content:center;position:fixed;width:100%}.control-container{border-radius:10px;height:100%;width:731px}.control-container,.playlist-button{align-items:center;background:#fafafa;box-shadow:0 4px 4px rgba(0,0,0,.25);display:flex;justify-content:center}.playlist-button{border-radius:50%;cursor:pointer;height:54px;position:absolute;right:15px;width:54px}.control-panel{cursor:pointer;transition:all .2s ease-in-out}.control-panel:hover{color:rgba(240,46,170,.4)}.control-style>.control-container .buttons{cursor:pointer;display:inline-block;padding:20px}#activeSounds{background:#fff;border-radius:2px;bottom:45px;box-shadow:0 4px 4px rgba(0,0,0,.25);overflow:hidden;padding:20px;position:absolute;right:55px;z-index:100}.label{color:#fff;cursor:pointer;font-size:12px;margin:0 15px;padding:4px;transition:all .2s ease-in-out}.label:hover{color:var(--hover-color)}.label.active:after{background-color:#41204a;bottom:-5px;content:"";display:block;height:2px;left:0;position:relative;transition:all 1s ease;width:100%}input:focus-visible{outline:none}.default{background:hsla(0,0%,85%,.5);border:1px solid #cacaca00;border-radius:5px;box-shadow:0 0 4px rgba(0,0,0,.15);height:33px;margin-left:45px;margin-top:.5px;padding-left:15px;padding-top:2px;transition:all .1s ease-in-out;width:197px}.default.scrolled{background:hsla(0,0%,85%,.75)}.default:focus-visible{background:#fff;border:1px solid #cacaca00;box-shadow:0 4px 4px rgba(0,0,0,.3)!important;height:36px!important;width:208px!important}.input-container{display:inline-block;position:relative;z-index:2000}.clear-icon{color:#aaa;cursor:pointer;font-size:14px;position:absolute;right:15px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.clear-icon:hover{color:#666}input:not(:focus-visible):not(:placeholder-shown){background:#fff;border:1px solid #cacaca00;box-shadow:0 4px 4px rgba(0,0,0,.3)!important;height:36px!important;width:208px!important}.filter{height:42px;justify-content:center;position:-webkit-sticky;position:sticky;top:81.5px;z-index:1}.filter,.filter-container{align-items:center;display:flex}.filter-container{background:hsla(0,0%,85%,.5);border-radius:5px;box-shadow:0 4px 4px rgba(0,0,0,.25);height:100%;justify-content:flex-start;margin-top:15px;transition:all .2s ease-in-out;width:1080px}@media (min-width:576px){.filter-container{width:100%}}@media (min-width:768px){.filter-container{width:100%}}@media (min-width:992px){.filter-container{width:100%}}@media (min-width:1050px){.filter-container{width:1080px}}.filter-container.scrolled{background:hsla(0,0%,85%,.7)!important}#root>div>div.mainview>div>div.filter>div>div:nth-child(11)>div>span>input{background:hsla(0,0%,85%,.5);border:1px solid #cacaca00;border-radius:5px;box-shadow:0 0 4px rgba(0,0,0,.15);height:32px;margin-left:30px;margin-top:-1px;transition:all .1s ease-in-out;width:212px}#root>div>div.mainview>div>div.filter>div>div:nth-child(11)>div>span>input:focus{background:#fff;box-shadow:0 4px 4px rgba(0,0,0,.3)!important;height:36px!important;width:208px!important}#root>div>div.mainview>div>div.filter>div>div:nth-child(11)>div>div{display:none}.request{color:#ffffff8f;cursor:pointer;margin-left:55px;margin-top:3px}.expendable-card-container{display:flex;justify-content:flex-end;margin-top:4px;position:relative;right:25px;width:100px}.card{font-size:5px}.card.expanded{background:#fff;border-radius:.6rem;box-shadow:0 10px 10px rgba(0,0,0,.25);display:block!important;font-size:12px;height:340px;left:calc(50% - 200px);padding:30px;position:fixed;top:calc(50% - 200px);width:340px;will-change:transform;z-index:2000}.close{background:rgba(86,35,121,.11);border:none;border-radius:50%;color:#4d205f6e;cursor:pointer;height:1.5rem;position:absolute;right:10px;top:10px;transition:all .2s ease-in-out;width:1.5rem}.close:hover{background:rgba(86,35,121,.2)}.modal-background{background-color:rgba(0,0,0,.5);height:100%;left:0;position:fixed;top:0;transition:all 2s ease-in-out;width:100%;z-index:100}.tempStyle{background:#ffffffbd;border-radius:5%}.sound-style{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:hsla(0,0%,85%,.7);border-radius:12px;box-shadow:0 4px 4px rgba(0,0,0,.25);cursor:pointer;display:flex;height:56px;justify-content:center;order:0;transition:all .3s ease-in-out .2s!important;width:56px;will-change:transform;z-index:0}.sound-style.firstLoad{opacity:0!important}.pressed:hover{background:hsla(0,0%,85%,.96);box-shadow:none;-webkit-transform:scale(.95)!important;transform:scale(.95)!important;transition-delay:.6s}.moreButton{align-items:center;border-radius:50%;color:#ffffff9e;cursor:pointer;display:flex;height:17px;justify-content:center;opacity:0;position:absolute;-webkit-transform:translate(27px,-21px);transform:translate(27px,-21px);transition:all .15s ease-in-out;width:17px}.moreButton:hover{box-shadow:0 0 0 15px rgba(155,255,255,.5);padding:9px;-webkit-transform:scale(1) translate(27px,-21px);transform:scale(1) translate(27px,-21px)}.moreButton.displayMoreButton{opacity:1}.sound-style.animate{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:fadeOutFadeIn;animation-name:fadeOutFadeIn;-webkit-animation-timing-function:ease;animation-timing-function:ease;opacity:0!important}.activeSoundContent.animate{display:none!important}@-webkit-keyframes fadeOutFadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOutFadeIn{0%{opacity:0}to{opacity:1}}.sound-style.active{-webkit-animation:float-heart 6s ease-in-out infinite;animation:float-heart 6s ease-in-out infinite;box-shadow:0 2px rgba(240,46,170,.4),0 5px rgba(240,46,170,.3),0 10px rgba(240,46,170,.2),0 12px rgba(240,46,170,.1),0 15px rgba(240,46,170,.05)!important}@-webkit-keyframes float-heart{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}70%{-webkit-transform:scale(1.05) translateY(0);transform:scale(1.05) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@keyframes float-heart{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}70%{-webkit-transform:scale(1.05) translateY(0);transform:scale(1.05) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}.sound-style.hide{display:none;transition:opacity .3s ease,visibility .3s ease}.sound-style.hide.rel{background:red;display:flex}.ind{border:1px red}.sound-style.importantDisplay{display:flex!important}.relative{order:2!important}.fadeOut{-webkit-animation:fadeOut .8s ease-out 0ms!important;animation:fadeOut .8s ease-out 0ms!important}.fadeOut2{-webkit-animation:fadeOut .8s ease-out .5s!important;animation:fadeOut .8s ease-out .5s!important}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeIn,.fadeIn2{-webkit-animation:fadeIn .5s ease-in 0ms!important;animation:fadeIn .5s ease-in 0ms!important}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sound-style.dispnone{display:none!important;opacity:0;transition:all .1s ease-in-out}.sound-style.dispnone.disp{background:transparent;background:hsla(0,0%,85%,.31);border-radius:5px;box-shadow:none;box-shadow:0 4px 4px rgba(0,0,0,.25);cursor:auto;display:block!important;grid-column:span 6;height:22px;justify-self:start;left:71px;order:1;padding:5px;pointer-events:none;position:relative;width:auto}.sound-style.dispnone.disp>span{color:#ffffff69;font-size:16px!important;opacity:1;z-index:1000}.sound-style.dispnone.disp.hiderel{display:none!important}.sound-style.enlarged{-webkit-transform:scale(1)!important;transform:scale(1)!important;z-index:20}.closeDescription{background:rgba(86,35,121,.11);border:none;border-radius:50%;color:#4d205f6e;cursor:pointer;height:1.5rem;position:absolute;right:10px;top:10px;transition:all .2s ease-in-out;width:1.5rem}.closeDescription:hover{box-shadow:0 4px 4px rgba(0,0,0,.25)}.titleContent{font-size:20px;font-weight:600;padding:20px 0}.descriptionContent{padding:10px 0}.relatedTitleContent{font-size:16px;font-weight:600;padding:20px 0}.activateContent{border:none;border-radius:3px;bottom:20px;color:#4d205f6e;cursor:pointer;padding:9px;position:absolute;right:20px;transition:all .2s ease-in-out}.activateContent:hover{box-shadow:0 4px 4px rgba(0,0,0,.25);cursor:pointer!important}.volume-container{justify-content:flex-start;width:85%}.volume,.volume-container{align-items:center;display:flex}.volume{background:hsla(0,0%,85%,.5);border-radius:5px;box-shadow:0 4px 4px rgba(0,0,0,.25);height:20px;justify-content:center;position:fixed;top:141px;transition:all .1s ease-in-out;width:400px}.soundGrid{align-items:center;display:grid;grid-auto-rows:100px;grid-template-columns:repeat(6,1fr);justify-items:center;position:relative;top:40px}.Grid.New div:nth-child(5){display:none}.serachNotFound{display:none;height:50px;width:50px}.serachNotFound.cancel{background:hsla(0,0%,85%,.31);border-radius:5px;box-shadow:0 4px 4px rgba(0,0,0,.25);color:#fff;display:block!important;font-size:22px;height:auto;left:50%;padding:15px;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:auto}.fOut{-webkit-animation:fIn .8s ease-in;animation:fIn .8s ease-in}@-webkit-keyframes fOut{0%{opacity:0}50%{opacity:.5}to{opacity:1}}@keyframes fOut{0%{opacity:0}50%{opacity:.5}to{opacity:1}}.fIn{-webkit-animation:fIn .1s ease-in-out;animation:fIn .1s ease-in-out}@-webkit-keyframes fIn{0%{opacity:0;-webkit-transform:translate(-50%,-35%);transform:translate(-50%,-35%)}to{opacity:1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}}@keyframes fIn{0%{opacity:0;-webkit-transform:translate(-50%,-35%);transform:translate(-50%,-35%)}to{opacity:1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}}.expandedSound{background:#fff;font-size:medium;padding:1rem;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:1000}.expandedSound p{line-height:150%;padding-top:1rem}.expanded{width:500px}
/*# sourceMappingURL=main.0a16c27c.css.map*/