.navbar{background-color:var(--white-color);box-shadow:0 8px 6px -6px var(--grey-color);box-sizing:border-box;height:75px;justify-content:space-between;padding:.2rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.navbar,.navbar .left-nav{align-items:center;display:flex;flex-wrap:wrap}.navbar .left-nav{cursor:pointer;gap:.5rem;justify-content:center}.navbar .left-nav h2{color:var(--primary-dark);margin:0;padding:0}.navbar .left-nav img{height:50px}.navbar .right-nav{align-items:center;display:flex;gap:2rem}.navbar .right-nav i{cursor:pointer;font-size:30px}.navbar .right-nav a{color:var(--black-color);cursor:pointer;font-size:1.2rem;font-weight:700;text-decoration:none}.navbar .right-nav a:hover{color:var(--primary-dark)}.middle-nav{width:40%}.searchbar{border:1px solid #000;border-radius:5px;display:flex;justify-content:space-between;width:100%}.searchbar input{border:none;border-radius:5px;outline:none;padding:.5rem}button{background-color:var(--primary-dark);border:none;border-bottom-right-radius:5px;border-top-right-radius:5px;color:var(--white-color);cursor:pointer;padding:.5rem}button:hover{opacity:.8;transition:all .5s ease-in-out}.App{font-family:sans-serif;text-align:center}:root{--primary-color:#42a5f5;--primary-dark:#1976d2;--secondary-color:#bfdbfe;--white-color:#fff;--black-color:#000;--grey-color:#9ca3af;--lightgrey-color:#dadbdc;--offwhite-color:#faf9f9;--error-bg-color:#fad7d2;--error-color:#e01006;--info-bg-color:#afcdf5;--info-color:#2236b5;--success-bg-color:#92fdbf;--success-color:#157a00;--warning-bg-color:#fcea88;--warning-color:#836f00;--offline-badge-color:red;--online-badge-color:green;--away-badge-color:#d6d616}.avatar{border-radius:50%;display:inline-block;height:4rem;overflow:hidden;width:4rem}.avatar-icon{align-items:center;background-color:var(--primary-900);color:var(--black-100);display:flex;justify-content:center}.avatar-img{height:100%;object-fit:cover;width:100%}.avatar-xs{height:2rem;width:2rem}.avatar-sm{height:3rem;width:3rem}.avatar-md{height:5rem;width:5rem}.avatar-lg{height:6rem;width:6rem}.avatar-xl{height:7rem;width:7rem}.avatar-square{border-radius:0}.avatar-group{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem}.avatar-stack{display:flex;flex-direction:row-reverse;justify-content:flex-end}.avatar-stack .avatar:not(:first-child){margin-right:-1.5rem}.avatar-stack .avatar-sm:not(:first-child){margin-right:-1rem}.avatar-stack .avatar-xs:not(:first-child){margin-right:-.5rem}.avatar-stack .avatar-md:not(:first-child){margin-right:-2rem}.avatar-stack .avatar-lg:not(:first-child){margin-right:-2.5rem}.avatar-stack .avatar-xl:not(:first-child){margin-right:-3rem}@media (max-width:600px){.avatar{height:3.25rem;width:3.25rem}.avatar-xs{height:1.75rem;width:1.75rem}.avatar-sm{height:2.25rem;width:2.25rem}.avatar-md{height:4.25rem;width:4.25rem}.avatar-lg{height:5.25rem;width:5.25rem}.avatar-xl{height:6.25rem;width:6.25rem}}.alert{align-items:center;border-radius:5px;display:flex;justify-content:space-between;padding:.625rem;width:50%}.alert-success{background-color:var(--success-bg-color);color:var(--success-color)}.alert-info{background-color:var(--info-bg-color);color:var(--info-color)}.alert-warning{background-color:var(--warning-bg-color);color:var(--warning-color)}.alert-error{background-color:var(--error-bg-color);color:var(--error-color)}.fa-xmark{cursor:pointer}.sidebar{background-color:var(--white-color);height:calc(100vh - 70px);overflow-y:scroll;padding:10px 30px;position:fixed}.sidebar ul{align-items:flex-start;display:flex;flex-direction:column;gap:2rem;justify-content:space-between;list-style:none;margin-left:-40px}.sidebar ul .component-item{color:var(--black-color);cursor:pointer;font-size:1.2rem;font-weight:700;text-decoration:none}.sidebar ul.component-item:hover{color:var(--primary-dark)}.components-list{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr 1fr;list-style:none;padding:2rem 1rem}.components-list li{background-color:#d3d3d3;border-radius:5px;cursor:pointer;list-style:none;margin:15px;padding:10px;text-align:center;transition:all .3s ease-in-out;width:100px}.components-list li:hover{background-color:var(--primary-dark);color:var(--white-color)}.avatar-main{grid-gap:15rem;display:grid;gap:15rem;grid-template-columns:auto 1fr}.avatar-container{display:flex;flex-direction:column;margin-right:2rem;text-align:left}.avatar-container p span{color:var(--primary-dark)}.alert-main{grid-gap:15rem;display:grid;gap:15rem;grid-template-columns:auto 1fr}.alert-container{display:flex;flex-direction:column;margin-right:2rem;text-align:left}.alert-container p span{color:var(--primary-dark)}.alert-showcase{align-items:center;border:2px solid var(--lightgrey-color);border-radius:5px;display:flex;flex-direction:column;gap:1rem;justify-content:center;margin:1rem 0;padding:10px;width:50%}.badge-main{grid-gap:15rem;display:grid;gap:15rem;grid-template-columns:auto 1fr}.badge-container{display:flex;flex-direction:column;margin-right:2rem;text-align:left}.badge-container p span{color:var(--primary-dark)}.badge-showcase{align-items:center;border:2px solid var(--lightgrey-color);border-radius:5px;display:flex;gap:2rem;justify-content:center;margin:1rem 0;padding:10px;width:50%}.badge{font-size:2rem;position:relative;width:-webkit-max-content;width:max-content}.badge-icon{align-items:center;background-color:var(--primary-color);border-radius:50%;bottom:1.8rem;color:var(--white-color);display:inline-flex;height:.8rem;justify-content:center;padding:5px;position:absolute;right:-15px;width:.8rem}.badge-number{font-size:.7rem}.badge-avatar{bottom:1.5rem}.badge-avatar,.badge-avatar-initials{border:2px solid var(--white-color);border-radius:50%;position:absolute;right:0}.badge-avatar-initials{bottom:0}.badge-lg{height:1.5rem;width:1.5rem}.badge-md{height:1rem;width:1rem}.badge-sm{height:.75rem;width:.75rem}.badge-xs{height:.5rem;width:.5rem}.badge-offline{background-color:var(--offline-badge-color)}.badge-away{background-color:var(--away-badge-color)}.badge-online{background-color:var(--online-badge-color)}.button-main{grid-gap:15rem;display:grid;gap:15rem;grid-template-columns:auto 1fr}.button-container{display:flex;flex-direction:column;margin-right:2rem;text-align:left}.button-container p span{color:var(--primary-dark)}.button-showcase{align-items:center;border:2px solid var(--lightgrey-color);border-radius:5px;display:flex;gap:2rem;justify-content:center;margin:1rem 0;padding:10px;width:50%}.btn{border:none;border-radius:5px;color:var(--white-color);padding:.5rem 1rem}.btn,.link-btn{cursor:pointer;font-size:1rem}.link-btn{background-color:initial;border:none;text-decoration:underline}.link-btn:hover{font-size:1.1rem;transition:all .3s ease-in-out}.icon-btn{align-items:center;border:none;border-radius:5px;color:var(--white-color);cursor:pointer;display:flex;font-size:1rem;gap:.5rem;justify-content:center;padding:.5rem 1rem}.icon-btn:hover{opacity:.6;transition:all .5s ease-in-out}.floating-btn{border:none;border-radius:50%;box-shadow:0 5px 15px rgba(0,0,0,.35);color:var(--white-color);cursor:pointer;display:inline-flex;font-size:1.25rem;padding:1rem}.floating-btn:hover{opacity:.6;transition:all .5s ease-in-out}.headings-main{grid-gap:15rem;display:grid;gap:15rem;grid-template-columns:auto 1fr}.headings-container{display:flex;flex-direction:column;margin-right:2rem;text-align:left}.headings-container p span{color:var(--primary-dark)}.headings-showcase{align-items:center;border:2px solid var(--lightgrey-color);border-radius:5px;display:flex;flex-direction:column;justify-content:center;margin:1rem 0;padding:10px;width:50%}.text-main{grid-gap:15rem;display:grid;gap:15rem;grid-template-columns:auto 1fr}.text-container{display:flex;flex-direction:column;margin-right:2rem;text-align:left}.text-container p span{color:var(--primary-dark)}.text-showcase{align-items:center;border:2px solid var(--lightgrey-color);border-radius:5px;display:flex;flex-direction:column;justify-content:center;margin:1rem 0;padding:10px;width:55%}.text{margin:10px}.card-main{grid-gap:15rem;display:grid;gap:15rem;grid-template-columns:auto 1fr}.card-container{display:flex;flex-direction:column;margin-right:2rem;text-align:left}.card-container p span{color:var(--primary-dark)}.card-showcase{align-items:center;border:2px solid var(--lightgrey-color);border-radius:5px;display:flex;flex-direction:column;justify-content:center;margin:1rem 0;padding:10px;width:50%}.card{border-radius:10px;box-shadow:0 1px 3px 0 rgba(0,0,0,.02),0 0 0 1px rgba(27,31,35,.15);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative;width:300px}.card .card-img{border-top-left-radius:10px;border-top-right-radius:10px;height:180px;object-fit:cover;width:100%}.card .card-content{display:flex;flex-direction:column;justify-content:space-between;padding:10px}.card h3{margin:0 0 10px}.price{align-items:center;display:flex;gap:.5rem}.price span:first-of-type{font-size:1.1rem;font-weight:700}.price span:last-of-type{font-size:.8rem;text-decoration:line-through}.discount{color:green;font-weight:700;margin:5px}.card .card-buttons{display:flex;flex-direction:column;gap:.5rem;padding:10px}.horizontal-card-content{box-shadow:0 10px 10px -10px rgba(33,35,38,.1);display:flex;gap:.5rem}.horizontal-card-content .card-img{border-top-right-radius:0;width:50%}.card-badge{background-color:var(--primary-color);border-bottom-right-radius:5px;border-top-right-radius:5px;left:0;padding:3px 7px}.card-badge,.card-dismiss{color:var(--white-color);position:absolute;top:10px}.card-dismiss{align-items:center;background-color:var(--grey-color);border-radius:50%;cursor:pointer;display:flex;height:18px;justify-content:center;padding:2px;right:10px;width:18px}.card-overlay{opacity:.4}.card-overlay-text{background-color:var(--black-color);border-radius:5px;color:var(--white-color);left:50%;padding:3px 7px;position:absolute;top:25%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.card-with-shadow{box-shadow:0 3px 8px rgba(0,0,0,.24)}.card-with-shadow:hover{box-shadow:0 5px 15px rgba(0,0,0,.35)}.image-main{grid-gap:15rem;display:grid;gap:15rem;grid-template-columns:auto 1fr}.image-container{display:flex;flex-direction:column;margin-right:2rem;text-align:left}.image-container p span{color:var(--primary-dark)}.image-showcase{align-items:center;border:2px solid var(--lightgrey-color);border-radius:5px;display:flex;flex-direction:column;justify-content:center;margin:1rem 0;padding:10px;width:50%}.responsive-img{border-radius:5px;height:auto;width:80%}.responsive-img,.rounded-img{box-shadow:0 3px 8px rgba(0,0,0,.24);object-fit:cover}.rounded-img{border-radius:50%}
/*# sourceMappingURL=main.550a3886.css.map*/