@import url(https://unpkg.com/mockman-js@latest/dist/style.css);@import url(https://vacay-ui.netlify.app/components/vacay.css);button{background:transparent}input[type=checkbox]{cursor:pointer}:root{--box-shadow:0 5px 10px rgba(0,0,0,0.2)}.input input{margin:0 .5rem}.input label{margin:0;display:flex;align-items:center;cursor:pointer}.page-title{text-align:center;margin:2rem 0}.card,.product-cards-container .card{box-shadow:none}.card{border:1px solid var(--lynx-gray-color)}.card:hover{box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:var(--box-shadow)}.sidebar-container{display:grid;grid-template-columns:12rem 1fr;min-height:90vh}.video-cards-container{padding:2rem;display:grid;grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(19rem,1fr));justify-items:center}.videos-card-wrapper{margin:1.5rem 0 4rem}.videos-card-wrapper h2{text-align:center}.videos-card-wrapper .btn-right{margin:.5rem 2rem .5rem auto}.container-error-page{text-align:center}.container-error-page .btn{margin:.5rem auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.container-error-page img{max-width:20rem}@media only screen and (max-width:900px){.sidebar-container{grid-template-columns:1fr}}@media only screen and (max-width:520px){.video-cards-container{padding:.5rem;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(15.3rem,1fr))}}.landing section:nth-child(n+2){margin:1rem}.landing section{margin-bottom:3rem}.landing h3{font-size:2rem;font-weight:700}.hero{display:flex;justify-content:space-evenly;align-items:center;height:60vh;background-color:#f0f9ff}.hero-content .btn{padding:1rem;font-size:1.2rem;font-weight:700}.hero-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;grid-gap:1.5rem;gap:1.5rem;width:50vw;height:auto;flex-wrap:wrap}.hero-content h3{font-size:2.5rem;font-weight:700;line-height:1.2}.hero-content span{font-size:1.5rem;font-weight:300}.hero .img-wrapper{max-width:35vw}.btn .fa-long-arrow-alt-right{margin-left:.5rem;font-size:1.5rem}.categories-container{margin-top:2rem;display:grid;grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));justify-items:center}.category-card{font-size:3rem;font-weight:300;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;position:relative;color:var(--landing-text-color);cursor:pointer}.category-card>span,.category-card img{width:18rem;height:18rem;border-radius:var(--border-radius)}.category-card>span{position:absolute;display:flex;align-items:center;justify-content:center;top:0;bottom:0;left:0;right:0;background-color:rgba(234,234,236,.4)}@media only screen and (max-width:1024px){.hero-content{grid-gap:1rem;gap:1rem}.hero-content h3{font-size:2.3rem}.hero-content span{font-size:1.2rem}}@media only screen and (max-width:640px){.hero{flex-direction:column-reverse}.hero-content{width:80vw;align-items:center;text-align:center}.hero .img-wrapper{max-width:40vw}}@media only screen and (max-width:480px){.category-card>span,.category-card img{width:13rem;height:13rem}.category-card{font-size:2rem}.categories-container{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr))}.landing section:nth-child(n+2){margin:.2rem}}.dot-separator{font-size:1.2rem}.card-content{width:100%;padding:.5rem}.video-metrics{width:100%}.video-metrics .text-sm{font-size:.9rem}.card-vertical .video-metrics{display:flex;grid-gap:.2rem;gap:.2rem;align-items:center}.card-title{font-size:1rem;font-weight:500}.card-vertical{align-items:flex-start;width:20rem;height:18rem}.card-vertical img{height:11rem}.card-vertical .btn{height:2rem}.card-vertical .fa-heart,.card-vertical .fa-trash{background-color:#fff;border-radius:50%;padding:.5rem}.btn-like-dislike-wrapper{margin-left:auto;display:flex;grid-gap:1rem;gap:1rem}.btn-like-dislike-wrapper button{font-size:1.3rem}.btn-like-dislike-wrapper .fas.fa-thumbs-up{color:var(--primary-color)}.card-vertical .fas.fa-heart{color:#ff4343}.card .fa-trash{position:absolute;top:1rem;right:1rem;cursor:pointer}@media only screen and (max-width:520px){.card-content{padding:.3rem}.card-vertical{width:16rem;height:15rem}.card-vertical img{height:8rem}.card-vertical .btn{height:1.7rem;font-size:1rem}.card-title{width:27ch}}.header .search-box:focus-within{border-color:var(--primary-color)}.header .search-box{border-width:1px}.header{border-bottom:1px solid var(--lynx-gray-color)}.header .logo{width:10rem}.logo-wrapper{display:flex;align-items:center}.small-screen-login{display:none}.navigation button{font-size:1rem;font-weight:600}@media only screen and (max-width:810px){.search-box{order:2}.nav-hide-login{display:none}.small-screen-login{display:block}}:root{--modal-background:rgba(234,234,236,0.3)}.modal{width:25rem;height:13rem}.modal-wrapper{position:fixed;top:0;left:0;right:0;bottom:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:15;display:flex;justify-content:center;align-items:center}.modal-wrapper .modal,.playlist-modal{border:1px solid var(--lynx-gray-color)}.playlist-modal{background-color:var(--primary-color-50);width:15rem;padding:1rem;border-radius:var(--border-radius)}.playlist-modal button{float:right}.playlist-modal .input-btn-wrapper button.btn{float:none;margin:0 auto}.playlist-modal ul{list-style:none;margin:.5rem 0}.playlist-modal label{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;cursor:pointer}.playlist-modal li{margin:.5rem}.input-btn-wrapper{display:flex;flex-direction:column;grid-gap:.5rem;gap:.5rem}.sidebar{position:-webkit-sticky;position:sticky;top:65px;max-height:90vh}.sidebar .nav-item{display:flex;align-items:center;grid-gap:1rem;gap:1rem;padding:1rem;font-size:1.2rem;color:var(--text-color)}@media only screen and (max-width:900px){.sidebar{position:fixed;top:auto;bottom:0;width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;z-index:20;background-color:#fff}.sidebar ul{display:flex;justify-content:space-around;align-items:center;list-style:none}.sidebar .nav-item{flex-direction:column;grid-gap:.3rem;gap:.3rem;padding:.5rem 0 .4rem}}.video-page-container{margin:1rem 0 4rem}.category-chips{display:flex;grid-gap:1rem;gap:1rem;margin-left:6rem}.category-chips .btn{border-radius:2rem;font-size:1.1rem}.empty-state{margin:4rem 0;font-size:2rem;font-weight:300;text-align:center}@media only screen and (max-width:640px){.category-chips{margin-left:2rem}}@media only screen and (max-width:450px){.category-chips .btn{font-size:1rem}.category-chips{grid-gap:.5rem;gap:.5rem;flex-wrap:wrap}}.playlist-card{background-color:var(--primary-color-50);width:15rem;height:7rem;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:1.5rem;border-radius:var(--border-radius);border:1px solid var(--lynx-gray-color);cursor:pointer}.playlist-cards-container{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));justify-items:center;margin-top:2rem}.container-404{text-align:center}.container-404 .btn{margin:1rem auto 0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.form{width:28rem;margin:2rem 0}.container-auth{display:flex;justify-content:center;align-items:center;min-height:85vh}.form input[type=email],.form input[type=password],.form input[type=text]{margin:0}.input-link-grp{justify-content:space-between;width:100%}.form .btn-primary,.form .btn-primary-outline{font-size:1rem;font-weight:600}.form .btn-primary-outline{width:100%}.form input[type=email]:focus{border-color:var(--primary-color)}.password-wrapper input{border:none;width:100%}.password-wrapper{border:1px solid var(--lynx-gray-color);display:flex;border-radius:var(--border-radius);align-items:center}.password-wrapper:focus-within{border-color:var(--primary-color)}.password-wrapper button{margin:0 1rem}.err-msg{color:var(--red-color-900);background-color:var(--red-color-200);padding:.5rem;border-radius:var(--border-radius);font-size:1rem;font-weight:700}.video-frame{width:100%;height:30rem}.video-container{padding:1rem;display:flex;flex-direction:column;grid-gap:1rem;gap:1rem}.btn-grp{display:flex;grid-gap:.5rem;gap:.5rem;justify-content:flex-end;width:100%}.btn-grp .far,.btn-grp .fas{font-size:1.3rem;margin-right:.4rem}.btn-grp .fas.fa-thumbs-up{color:var(--primary-color)}.btn-grp .fas.fa-heart{color:#ff4343}.video-container hr{margin:.5rem 0}.video-container p{margin:.5rem 0 4rem}@media only screen and (max-width:480px){.btn-grp{grid-gap:0;gap:0}.video-frame{height:25rem}}
/*# sourceMappingURL=main.1cd28b41.chunk.css.map */