@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300&family=Roboto+Mono:wght@200&display=swap");body,html{padding:0;margin:0;color:#212020;background:#fff}*{font-family:Poppins,sans-serif;letter-spacing:1px}section *{font-size:12px}button,input,select,textarea{background-color:transparent;color:#000}a{color:inherit;text-decoration:none}a:hover,button:hover{opacity:.6;cursor:pointer}.red,.red-thick{color:#f96363}.red-thick{font-weight:bolder}.blue{color:#4169e1}.green-bg{background:#09cd09}.green{color:#09cd09}:not(ul,li,ol){box-sizing:border-box;margin:0}.flex{display:flex}.col{flex-direction:column}.center{align-self:center;place-self:center;justify-self:center;justify-content:center}.space-1{padding:.5rem}.space-2{padding:.25rem}.h-line{width:100%;height:.05rem;border-radius:5px;background-color:#fff;opacity:.5;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.invisible{opacity:0;padding:0;margin:0;border:none;min-width:0;min-height:0;width:0;height:0;position:fixed;transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0)}.items-center{align-items:center;place-items:center;justify-items:center}.center{margin:auto}.text-left{text-align:left}.v-center{margin:auto 0}.h-center{margin:0 auto}.full-height{height:100%}.icon{color:#fff}.full-width{width:100%}.btn{border:none;cursor:pointer}.round{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}.items-1,.items-hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));grid-gap:2rem}.text-center{text-align:center}.flex-start{justify-content:flex-start}.flex-center{justify-content:center}.justify-between{justify-content:space-between}.absolute{position:absolute}a,button{display:flex;justify-content:center;align-items:center}.btn i,a i{margin-right:.5rem}a *{align-self:center}html{color-scheme:dark}.btn,a,button{position:relative}.btn:after,a:after,button:after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;background:transparent}h1,h2,h3,h4{color:#4169e1}button:disabled{cursor:no-drop}.input-invisible{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;opacity:0;cursor:pointer}.items-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(30rem,1fr))}.p-y-1{padding:1rem 0}.p-y-2{padding:.25rem}.landingpage .home-header *{color:#fff}.landingpage .home-header{position:absolute;left:0;right:0}.landingpage .home-header .nav-actions button,.landingpage .home-header .navlinks a{border:none;font-size:15px;align-self:center;background-color:transparent;color:#fff}.landingpage .home-header .nav-actions button{border:1px solid #f5f5f5}.landingpage section{padding:3rem;text-align:center}.landingpage section.products{text-align:left}.landingpage section.about p{font-size:1rem}.landingpage section h1{color:#4169e1}.landingpage section h2{color:#4169e1;font-size:1.5rem}.landingpage section .heading{margin:5rem 0}.landingpage section.about img{max-width:30rem;max-height:20rem;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.landingpage section.about p{font-size:15px}.landingpage section li{font-size:12px}.landingpage section.discount .item{background-color:hsla(0,0%,96%,.603);padding:1rem;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}section.discount .item:hover{box-shadow:0 0 100px rgba(0,0,0,.05);background-color:#fff}.discount .percent{font-size:5rem}.product-card-1{padding:1rem;border:1px solid rgba(0,0,0,.161);width:30rem;height:30rem;min-width:100%;height:max-content;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;display:flex;flex-direction:column}.product-card-1 img{min-width:100%;height:100%}.product-card-1 button{padding:1rem;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;background-color:#f5f5f5;color:#000}.contact svg{font-size:2rem;color:#4169e1}.contact a{margin-left:.5rem}.contact button{padding:.5rem 5.5rem;border:0;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;background-color:#fff;color:#000}.contact .input-bar{width:15rem}@media screen and (max-width:740px){section.about .space-2,section.about img{display:none}section.about p{font-size:15px}.landingpage section{padding:1rem}.product-card-1{width:100%}}.auth header{padding:1rem 3rem;position:fixed;left:0;right:0;top:0;background-color:transparent;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10}.auth header nav{display:flex;justify-content:space-between;align-items:center}.auth header nav button{padding:.5rem 1rem;background-color:transparent;border:1px solid #fff;border-radius:5px}.auth header button svg{font-size:20px;margin-right:.5rem}.auth .nav-brand{cursor:pointer}.auth main{padding:5rem 3rem 3rem}.auth{background:url(/_next/static/media/hero-2.4c05f5e4.jpg);background-size:cover;height:50vh;position:relative}.auth section.form{position:absolute;height:50vh;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);width:100%;top:0;left:0;right:0;display:flex;align-items:center}.auth form{position:relative;max-width:25rem;width:25rem;bottom:-10rem;background-color:#1d1b1b;padding:2rem;margin:auto;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;box-shadow:0 0 50px rgba(0,0,0,.5)}.auth form label{font-size:12px}.auth form .input-bar{margin-bottom:1rem}.auth .welcome{position:absolute;left:3rem;top:5rem;font-size:35px}.auth .or{margin-top:1rem}.auth .forgot-pswd,.auth .no-account,.auth .terms{font-size:12px;opacity:.8;cursor:pointer;margin-top:1rem;width:max-content;max-width:100%}.auth .account-integrate{display:flex;margin-top:1rem;justify-content:center}.auth .account-integrate svg{font-size:30px;cursor:pointer}.auth .icon:hover{opacity:.6}.auth .auth-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));grid-gap:1rem;margin-bottom:1rem}.auth form.signup{min-width:max-content;min-width:30rem}.auth form.signup .input-bar{margin:0}.auth form .actions{width:100%;display:flex}.auth form .actions button{width:100%}@media screen and (max-width:840px){.auth header{padding:1rem 1.5rem}.auth form{min-width:auto;max-width:20rem;width:100%;padding:1rem}.auth .welcome{font-size:25px;left:1.5rem}.auth form.signup{bottom:-5rem;max-width:20rem;min-width:20rem}}.loader{min-height:1.5rem;min-width:1.5rem;background-color:transparent;border:3px solid rgba(0,0,0,.1);border-top-color:#fff;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;animation:spin 1s linear infinite;-webkit-animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn);-webkit-transform:rotate(1turn);-moz-transform:rotate(1turn);-ms-transform:rotate(1turn);-o-transform:rotate(1turn)}}.button-loader{background-color:#fff;border:1px solid rgba(0,0,0,.182);border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;padding:.6rem 2rem}.button-loader .value{display:flex;align-items:center}.button-loader .value .icon{margin-right:.5rem;font-size:20px}.input-bar{width:100%}.input-bar .input{border-radius:5px;color:#fff;padding:.5rem;background-color:transparent;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;display:flex;justify-content:space-between;width:100%;align-items:center;border:1px solid rgba(0,0,0,.156)}.input-bar select{border:none;min-width:15.5rem;width:100%}.input-bar svg{font-size:25px;width:2rem}.input-bar textarea{border:none;min-width:15.5rem;min-height:10rem;width:100%}.input-bar input{border:none;background-color:transparent;color:#000;width:100%;height:100%}.input-bar label{margin-bottom:.25rem}input::placeholder,textarea::placeholder{color:#000}.alert-danger{border:1px solid rgba(255,0,0,.5);border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.alert-danger,.alert-success{padding:.5rem;margin-bottom:1rem;text-align:center}.alert-success{border:1px solid rgba(0,255,0,.5);border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.sidebar{min-height:100vh;box-shadow:0 0 10px rgba(0,0,0,.05)}.sidebar nav{display:flex;flex-direction:column;height:100%;border-right:1px solid hsla(0,0%,100%,.05);min-width:15rem;overflow-y:auto}.sidebar .sidebar-space{display:none}.sidebar .avater-bar{padding:1rem;display:flex;flex-direction:column;justify-content:flex-start}.sidebar .avater-bar p{font-size:15px;opacity:.6}.sidebar .avater .name{width:5rem;height:5rem;margin-bottom:.5rem;background-color:transparent}.sidebar .nav-top{display:flex;text-align:left;justify-content:flex-start;width:100%;padding:.98rem}.sidebar .nav-top h1{position:relative;cursor:pointer}.sidebar .nav-top h1:after{content:"";position:absolute;bottom:0;left:2px;right:0;background:linear-gradient(270deg,rgba(65,105,225,.86),#a49696);height:.3rem;width:3.5%;border-radius:5rem;-webkit-border-radius:5rem;-moz-border-radius:5rem;-ms-border-radius:5rem;-o-border-radius:5rem}.sidebar .nav-actions{border-bottom:1px solid hsla(0,0%,100%,.05);border-top:1px solid hsla(0,0%,100%,.05)}.sidebar button{background-color:transparent;border:none;width:100%;display:flex;justify-content:flex-start;align-items:center;font-size:12px;padding:.5rem 1rem;color:initial!important}.sidebar button,.sidebar button:hover{border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0}.sidebar button:hover{opacity:.5}.sidebar button p{margin-left:1rem;text-transform:lowercase;text-transform:uppercase;color:#000}.sidebar button svg{font-size:2rem;border:2px solid hsla(0,0%,100%,.05);padding:.1rem;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}.sidebar button.active{position:relative;opacity:.5;background-color:rgba(0,0,0,.097)}.sidebar button.active:before{content:"";position:absolute;top:0;bottom:0;right:0;background-color:#4169e1;height:1.5rem;width:.3rem;margin:auto;border-radius:5rem;-webkit-border-radius:5rem;-moz-border-radius:5rem;-ms-border-radius:5rem;-o-border-radius:5rem}.header{padding:.8rem 2rem;width:100%;border-bottom:1px solid hsla(0,0%,100%,.05)}.header nav{display:flex;justify-content:space-between;width:100%;align-items:center}.avater{cursor:pointer}.avater .name{background-color:#4169e1;min-width:2.5rem;min-height:2.5rem;max-width:5rem;max-height:5rem;display:flex;justify-content:center;align-items:center;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border:2px solid hsla(0,0%,100%,.1)}.header .avater{display:none}.header .nav-right{display:flex;justify-content:space-between}.header button{border:2px solid hsla(0,0%,100%,.1);min-width:2.5rem;min-height:2.5rem;font-size:15px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;margin-left:.5rem;background:transparent;display:flex;color:rgba(0,0,0,.279)}.header .menu-btn{margin:0 .5rem 0 0;display:none}.main-component{display:flex;flex-direction:column;width:100%;height:100vh;min-width:100vh;justify-content:space-between}.main-component main{height:100%;overflow-y:auto;padding:.8rem 2rem;margin-right:1rem}.items-dashboard,.items-home{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));grid-gap:1rem}.items-videos{display:grid;grid-template-columns:repeat(auto-fit,minmax(25rem,1fr));grid-gap:1rem}.items-audience{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));grid-gap:1rem}.items-dashboard .item,.items-home .item,.items-videos .item{width:100%}.relative{position:relative}.slide{display:flex;overflow-x:auto;width:100%;min-width:100%;max-width:100%;padding-bottom:1rem}.main-component main::-webkit-scrollbar,.slide::-webkit-scrollbar{background-color:transparent;width:0;height:.8rem;width:.8rem}.main-component main::-webkit-scrollbar-thumb,.slide::-webkit-scrollbar-thumb{border:1px solid hsla(0,0%,100%,.5);border-radius:5rem;-webkit-border-radius:5rem;-moz-border-radius:5rem;-ms-border-radius:5rem;-o-border-radius:5rem}.input-check{width:max-content;height:max-content}.input-check p{font-size:13px}.input-check input{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);margin-left:.5rem;cursor:pointer}.input-check select{padding:.5rem;border:none;min-width:10rem}.file-input,.input-check select{width:max-content;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.file-input{min-width:2rem;min-height:2rem;background:#2f2e2e;display:flex;justify-content:center;align-items:center;position:relative;cursor:pointer}.input-check small{font-size:12px;opacity:.6}.items-streams-tab{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));grid-gap:1rem}.items-streams-files{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));grid-gap:.1rem}.items-streams-tab .item div{width:100%}.media .items-streams-tab .item div{height:auto}@media screen and (max-width:840px){.items-streams-tab{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));grid-gap:1rem}.main-component{min-width:100%}.main-component main{margin:0}.main-component main::-webkit-scrollbar{display:none}.sidebar{position:fixed;z-index:100000000;width:100%;height:100%;transition:.25s;-webkit-transition:.25s;-moz-transition:.25s;-ms-transition:.25s;-o-transition:.25s;transform:translateX(-100rem);-webkit-transform:translateX(-100rem);-moz-transform:translateX(-100rem);-ms-transform:translateX(-100rem);-o-transform:translateX(-100rem)}.sidebar.open{transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0)}.sidebar .sidebar-space{display:flex;background-color:transparent;width:100%;flex:40 1}.sidebar nav{flex:60 1;background:#fff;height:100%;border:none;box-shadow:0 0 100px rgba(0,0,0,.1)}.sidebar .avater-bar p{font-size:12px}.header .logout{display:none}.header{padding:.8rem;border:none}.header .menu-btn{display:flex}.header .welcome h1{font-size:15px}.main-component main{padding:.8rem 1rem}.header .avater{display:flex}.items-videos{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr))}}.skelental-loader{width:100%;height:100%}.skelental-loader .text p{padding:.5rem;background:hsla(0,0%,100%,.2);margin-bottom:.25rem;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.skelental-loader .avater p{min-width:5rem;min-height:5rem;width:5rem;height:5rem;border-radius:50%;background:hsla(0,0%,100%,.2);-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;margin-bottom:1rem}.skelental-loader .dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));grid-gap:1rem}.skelental-loader .dashboard p{width:100%;height:100%;padding:3rem;border-radius:5px;background:hsla(0,0%,100%,.2);-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.skelental-loader .videos{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));grid-gap:1rem}.skelental-loader .videos p{width:100%;height:100%;padding:3rem;border-radius:5px;background:hsla(0,0%,100%,.2);-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.stream-portal{position:relative;height:100%;width:100%;left:0;right:0;bottom:0;top:0;background:url(/_next/static/media/hero-2.4c05f5e4.jpg)}button *{align-self:center}.stream-portal .top-bar{padding:1rem;z-index:100;position:absolute}.stream-portal .top-bar button{padding:.5rem 1rem;background-color:transparent;font-size:18px;background-color:rgba(40,37,37,.2);border-radius:5rem;-webkit-border-radius:5rem;-moz-border-radius:5rem;-ms-border-radius:5rem;-o-border-radius:5rem}.stream-portal .video{height:100%;position:fixed;top:0;bottom:0;left:0;right:0;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px)}.stream-portal .video iframe,.stream-portal .video video{min-height:100%;min-width:100%;border:none;background-color:transparent;position:absolute;top:0;bottom:0;left:0;right:0}.stream-portal .overlay{height:100%;width:100%;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);z-index:10;position:absolute}.stream-portal .overlay svg{font-size:50px}.stream-portal .camera{position:fixed;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;max-height:15rem;max-width:15rem;background:rgba(40,37,37,.2);bottom:2rem;left:2rem;width:15rem;height:15rem;cursor:pointer;border:5px solid hsla(0,0%,100%,0);overflow:hidden}.stream-portal .camera video{height:100%;width:100%;min-height:100%;min-width:100%;border-radius:50%;transform:scale(2);-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);-o-transform:scale(2);-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;position:absolute;top:0;bottom:0;left:0;right:0}.stream-portal .controls{position:absolute;left:20rem;background:rgba(40,37,37,.2);border-radius:5px;-webkit-border-radius:5rem;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;padding:.5rem;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);left:15rem;bottom:2rem;padding:.25rem}.stream-portal .controls button,.stream-portal .overlay button{background-color:transparent;font-size:12px;padding:.25rem 1rem;background:hsla(0,4%,9%,.2);border-radius:5rem;-webkit-border-radius:5rem;-moz-border-radius:5rem;-ms-border-radius:5rem;-o-border-radius:5rem;text-transform:uppercase;border:none;display:flex;align-items:center;justify-content:center}.stream-portal .controls button svg{font-size:30px}.stream-portal .panel{position:absolute;display:none;right:0;bottom:0;top:0;padding:1rem;background-color:rgba(0,0,0,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:20rem}.stream-portal .video .overlay button{height:10rem;width:10rem;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border:5px solid hsla(0,0%,100%,.5)}.stream-portal .overlay button p{font-size:12px}@media screen and (max-width:840px){.stream-portal .camera{min-height:5rem;min-width:5rem;max-width:8rem;max-height:8rem;font-size:10px;bottom:5rem;left:1rem}.stream-portal .video video{max-width:100%;max-height:100%}.stream-portal .video .overlay button{max-height:5rem;max-width:5rem}.stream-portal .controls *{font-size:12px}.stream-portal .controls{left:1rem;bottom:1rem;padding:.25rem}.stream-portal .controls button{padding:.25rem}.stream-portal .controls .space-2,.stream-portal .controls p,.stream-portal .overlay .space-2,.stream-portal .overlay p{display:none}}.stream-portal .controls .space-2,.stream-portal .controls p{display:none}.stream-portal .controls button{padding:.25rem}.stream-portal .controls button svg{font-size:25px}.stream-portal .controls button:not(:last-child){margin-right:.25rem}.number-range{display:flex}.number-range button{background-color:#fff;border:1px solid rgba(0,0,0,.135);padding:.5rem;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;width:100%;color:#000}.number-range button.value{margin:0 .5rem;font-size:1rem;padding:.1rem;color:#000}.admin-heade,.home-header{padding:1rem 3rem}.navbrand{font-size:2rem;align-self:center;display:flex;justify-content:center;align-items:center}.home-header a{font-size:2rem;color:rgba(0,0,0,.608)}.home-header .navlinks a{color:rgba(0,0,0,.763);padding:.5rem;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}a:hover{text-decoration:underline}.home-header button{padding:.5rem 1rem;border:1px solid #000;background-color:#fff;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;color:rgba(0,0,0,.279)}.search-bar{border-radius:5rem;-webkit-border-radius:5rem;-moz-border-radius:5rem;-ms-border-radius:5rem;-o-border-radius:5rem;background-color:#f5f5f5;padding:.5rem 1rem;min-width:15rem}.search-bar input{border:none;width:100%;background:transparent}input::placeholder{color:#000}.hero{height:100vh;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero *{color:#fff}.hero-content{text-align:center;-webkit-backdrop-filter:blur(10rem);backdrop-filter:blur(10rem);height:100%;width:100%;position:absolute;left:0;right:0;top:0;bottom:0}.hero-content h1{font-size:3rem}.hero-content p{font-size:2rem}.hero-content small{font-size:1rem}.hero-content button{padding:1rem 4rem;border:1px solid #f5f5f5;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;background-color:transparent;margin:auto}.gradient-1-bg-welcome{background-color:#3b2872;background-image:radial-gradient(at 0 0,#066aff 0,transparent 50%),radial-gradient(at 50% 0,#0530a4 0,transparent 50%),radial-gradient(at 100% 0,#07090d 0,transparent 50%);height:100vh;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.home-header{z-index:100}.home-header .navlinks a{padding:.25rem;border:none;font-size:15px;align-self:center}select,textarea{background-color:#fff;color:#000}footer.home-footer{text-align:left;background-color:#4169e1;display:flex;color:#fff;font-size:12px;padding:3rem}.home-footer a{justify-content:flex-start}@media screen and (max-width:740px){.admin-header,.home-header{padding:1rem}.home-footer{flex-direction:column-reverse}.home-header .navlinks .space-1{padding:.05rem}.home-header .navlinks a .space-2,.home-header .navlinks p{display:none}header .navbrand *{font-size:15px;align-items:center}.home-header .navlinks a{padding:0;border:none;font-size:25px!important}.hero-content{padding:1rem}.hero-content h1{font-size:2rem}.hero-content p,.hero-content small{font-size:1rem}.home-footer{padding:1rem}}.home .get-started-features{padding:1rem 0}.get-started-features .item{border:1px solid hsla(0,0%,100%,.05);padding:1rem;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;font-size:80%}.get-started-features .item:hover{box-shadow:0 0 100px rgba(0,0,0,.25)}.get-started-features .item svg{font-size:30px;min-width:4rem;min-height:4rem;background-color:#2d2d33;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;padding:1rem}.get-started-features .item p{opacity:.5;margin-bottom:.5rem}.get-started-features .item button{background-color:#4169e1;border:none;padding:.5rem;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.get-started-features .item .content{justify-content:space-between}.dashboard .metrics{margin-top:1rem}.dashboard section.metrics .item{padding:1rem;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;background-color:#272424;width:100%}.dashboard .metrics .item svg{font-size:55px;min-height:5rem;min-width:5rem;padding:1rem;background-color:#2a2828;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;margin-bottom:1rem}.dashboard .metrics .item:hover{box-shadow:0 0 100px rgba(0,0,0,.25)}.dashboard .metrics h1{font-size:2.5rem}.dashboard .metrics p{opacity:.5}.dashboard .metrics button{position:absolute;bottom:0;right:0;background-color:transparent;border:1px solid hsla(0,0%,100%,.1);border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;margin:.5rem;padding:.5rem 1rem}.shake{transition:.1s;-webkit-transition:.1s;-moz-transition:.1s;-ms-transition:.1s;-o-transition:.1s;animation:shake .1s ease-in;-webkit-animation:shake .5s ease-in infinite}@keyframes shake{0%{transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0)}to{transform:translateX(.25rem);-webkit-transform:translateX(.25rem);-moz-transform:translateX(.25rem);-ms-transform:translateX(.25rem);-o-transform:translateX(.25rem)}}.border-red-blink{transition:.1s;-webkit-transition:.1s;-moz-transition:.1s;-ms-transition:.1s;-o-transition:.1s;animation:border-red-blink 2.5s ease-in infinite;-webkit-animation:border-red-blink 2.5s ease-in infinite}@keyframes border-red-blink{to{border:5px solid rgba(255,0,0,.5)}0%{border:5px solid rgba(255,0,0,.25)}}.border-green-blink{transition:.1s;-webkit-transition:.1s;-moz-transition:.1s;-ms-transition:.1s;-o-transition:.1s;animation:border-green-blink 2.5s ease-in infinite;-webkit-animation:border-green-blink 2.5s ease-in infinite}@keyframes border-green-blink{to{border:5px solid rgba(58,208,17,.5)}0%{border:5px solid rgba(58,208,17,.25)}}.slow-blink-fade{animation:slowblinkfade 1s infinite;-webkit-animation:slowblinkfade 1s infinite}@keyframes slowblinkfade{0%{opacity:.8}25%{opacity:.7}50%{opacity:.6}75%{opacity:.7}to{opacity:.8}}.profile .nav{padding:.25rem;display:flex;background:#2c2a2a;width:max-content;margin:1rem 0;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.profile .nav nav{display:flex;justify-content:space-between}.profile .nav button{padding:.5rem 1rem;background-color:#1e1d1d;border:1px solid hsla(0,0%,100%,0);border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.profile .nav button:not(:last-child){margin-right:.25rem}.profile .fixed-btns button.active,.profile .nav button.active{border:1px solid hsla(0,0%,100%,.5)}.profile .nav svg{font-size:20px}.profile .tab{padding:1rem;border:1px solid hsla(0,0%,100%,.1);border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;width:100%;position:relative}.profile .tab .input{background-color:#2e2c2c;max-width:25rem;width:100%;min-width:100%}.profile .input textarea{width:100%;border:none;background:transparent;min-height:10rem;margin-left:.5rem}.profile .input-bar{margin-bottom:.5rem}.profile .input-bar.textarea svg{align-self:flex-start;height:max-content}.profile .input-check{width:100%}.profile .input-check small{margin-top:.5rem}.profile .tab label{font-size:12px}.profile .tab button{padding:.5rem 2rem;background-color:#4169e1;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border:none;margin-top:.5rem;display:flex;align-items:center}.profile .tab button svg{font-size:20px;cursor:pointer}.profile .tab .img{width:max-content}.profile .tab .avater .name{min-width:8rem;min-height:8rem;border:5px solid hsla(0,0%,100%,.1);font-size:4rem}.profile .tab .input-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));grid-gap:.5rem}.profile .tab .input-items .input-bar{max-width:100%;width:100%}.profile .tab .fixed-btns{position:absolute;top:10px;right:10px;padding:.25rem;background:#2c2a2a;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.profile .tab .fixed-btns button{padding:.5rem 1rem;background-color:#1e1d1d;border:1px solid hsla(0,0%,100%,0);border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;margin:0}.profile .fixed-btns button.active{border:1px solid hsla(0,0%,100%,.5)}.profile .input-bar a,.profile .input-bar p{opacity:.6;font-size:12px}.profile .input-bar a{opacity:1;color:#4169e1}@media screen and (max-width:640px){.profile .nav nav{display:grid;grid-gap:.25rem}.profile .nav button{justify-content:flex-start}.profile .nav button:not(:last-child){margin:0}.profile .tab{width:100%;overflow:hidden}.profile .tab .input{max-width:100%;min-width:100%;width:100%}.profile .tab button{padding:.5rem 1rem}.profile .input-bar p{font-size:12px}.profile .tab .input-items{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}}.docs .accordion{padding:1rem;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border:1px solid hsla(0,0%,100%,.1)}.accordion button{background:transparent;width:100%;border:none;display:flex;justify-content:space-between}.docs .nav button{border:1px solid #fff;background:transparent;padding:.5rem 1rem;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.products section{padding:0 3rem}.cart h2,.products section h2,section h1{font-size:2rem}.product-card{min-width:20rem;width:15rem}.product-card,.product-card img{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.product-card img{min-width:100%;height:15rem;width:100%}.product-card button{background-color:#fff;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;padding:.5rem;margin-top:auto;border:1px solid rgba(0,0,0,.176);color:#000}.product-card .content{max-height:max-content}.product-card .content h1{font-weight:bolder;color:#4169e1;font-size:1rem}.products .scrollbar{display:flex;overflow:auto;padding:0 0 2rem}.scrollbar .product-card{margin-right:1rem;margin-bottom:.1rem}.cart section{padding:0 3rem}.cart .checkout{padding:.5rem;border:1px solid rgba(0,0,0,.219);background:#fff;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;color:#000}.cart .total *{font-size:1.5rem;color:#4169e1}.cart-card{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;margin-bottom:1rem}button.cart{padding:.5rem 1rem;border:1px solid rgba(0,0,0,.131);background-color:#fff;color:#000}.cart-card img,.edit-product img,button.cart{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.cart-card img,.edit-product img{max-height:3rem;max-width:3rem;min-height:3rem;min-width:3rem;height:3rem;width:3rem}.cart-card button.cancle{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;max-height:3rem;max-width:3rem;background-color:#fff}.products .nav-links{display:flex}.products .nav-links button{padding:.5rem 1rem;border:1px solid #000;background-color:#fff;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;color:#000}.add-product section button{padding:0;border:0 solid rgba(0,0,0,.176);background-color:#fff;color:#000}.add-product section button,.product-bar img{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.product-bar img{max-height:5rem;max-width:5rem;min-height:5rem;min-width:5rem;height:5rem;width:5rem}.product-bar button.red{color:red}.product-bar{display:flex;margin-bottom:1rem}.cart .review{padding-bottom:1rem}.cart .review p{border:1px solid rgba(0,0,0,.079);padding:.5rem;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;display:flex;flex-direction:column;width:max-content}.review button{padding:.5rem 2rem;border:1px solid rgba(0,0,0,.1);background-color:#fff;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;color:#000}.product section{padding:0 3rem}.product img{box-shadow:0 0 100px rgba(0,0,0,.1);border:2px solid #fff;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;width:50rem;max-width:100%}.product .actions button{border:1px solid rgba(0,0,0,.261);color:#000;background-color:transparent;padding:.5rem 3rem;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.product button svg{font-size:20px}@media screen and (max-width:740px){.product section,.products section{padding:0 1rem}.product img{width:100%}section.product .items-{flex-direction:column}.products .nav-links button{padding:.25rem;border:1px solid rgba(0,0,0,.133);color:#000}.products .nav-links .space-1{padding:.25rem}.products .nav{flex-direction:column;height:5rem}.products button.cart{padding:.25rem;width:100%}.products button.cart .space-1{padding:.15rem}.cart section{padding:1rem}.products .space-1{padding:.25rem}}.metrics svg{font-size:3rem;color:#4169e1;height:5rem;width:5rem;background-color:rgba(65,105,225,.025);padding:1rem;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}.metrics .item{border:1px solid rgba(0,0,0,.05);padding:1rem;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;cursor:pointer}.metrics .item:hover{box-shadow:0 0 100px rgba(0,0,0,.05)}.metrics p{font-size:2rem}.metrics h2,.metrics p{text-align:right}.metrics-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));grid-gap:1.5rem}