@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:url(../../webfonts/roboto.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:500;src:url(../../webfonts/roboto2.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-display:swap;font-family:Roboto Condensed;font-style:normal;font-weight:700;src:url(../../webfonts/roboto3.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-column{flex-direction:column}.gap-5{gap:5px}.gap-10{gap:10px}.gap-15{gap:15px}.gap-20{gap:20px}.gap-40{gap:40px}.flex-align-center{align-items:center}.flex-justify-center{justify-content:center}.flex-justify-between{justify-content:space-between}.flex-justify-start{justify-content:flex-start}.flex-justify-end{justify-content:flex-end}.home-dashboard{width:100%;min-height:100%;background-color:#fefefe;gap:80px;padding:20px;box-sizing:border-box;justify-content:flex-start;overflow:auto}.home-dashboard .welcome{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-shrink:0}.home-dashboard .welcome .icon{color:#fbb44a;width:140px;height:140px}.home-dashboard .welcome .text{color:#333333;font-size:1.5rem}.home-dashboard .list-dashboard{width:100%;max-width:500px}.home-dashboard .list-dashboard ul{list-style:none;margin:0;padding:0;gap:40px 20px;justify-content:flex-start}.home-dashboard .list-dashboard ul li{width:calc((100% - 40px) / 3)}.home-dashboard .list-dashboard ul li a{width:100%;color:#333333;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;text-decoration:none}.home-dashboard .list-dashboard ul li a .icon{border:#bdbdbd 1px solid;border-radius:5px;width:64px;max-width:100%;aspect-ratio:1/1;box-shadow:rgba(1,1,1,0.2) 1px 1px 5px;display:flex;justify-content:center;align-items:center;overflow:hidden}.home-dashboard .list-dashboard ul li a .icon svg{width:100%;height:100%;color:#703d92}.home-dashboard .list-dashboard ul li a .icon img{max-width:100%;object-fit:contain}.home-dashboard .list-dashboard ul li a:hover .icon{border:#703d92 1px solid}.home-dashboard .list-dashboard ul li a:hover .title{color:#703d92}.home-dashboard .toolbars{display:flex;align-items:center;justify-content:center}.home-dashboard .toolbars a{color:#703d92;font-size:20px;display:flex;align-items:center;justify-content:center}.home-dashboard .toolbars a:hover{color:#551b70}.home-dashboard .explore{width:100%}.home-dashboard .explore .explore-btn{background-color:#703d92;width:100%;color:#ffffff;text-decoration:none;height:50px;display:flex;align-items:center;justify-content:center;border-radius:10px}.home-dashboard .explore .explore-btn:hover{background-color:#551b70}html{margin:0;padding:0;width:100%;height:100%}.font-bold{font-weight:bold}body{width:100%;height:var(--vh);margin:0;padding:0;font-family:Roboto,sans-serif !important;box-sizing:border-box;overflow:hidden}body *{box-sizing:border-box}body .btn{background-color:#fbb44a;padding:10px 20px;border-radius:5px;cursor:pointer}body .btn:hover{background-color:#fcc36e}body .wrapper{display:flex;flex-direction:column;width:100%;height:100%}body .wrapper .header{flex-shrink:0;width:100%;z-index:11}body .wrapper .header .header-content{height:50px;background-color:#703d92;display:flex;align-items:center;justify-content:space-between;padding:10px 20px}body .wrapper .header .header-content>div{width:calc(100% / 3);text-align:center}body .wrapper .header .header-content .secondary-logo{display:flex;align-items:center;gap:5px;justify-content:center}body .wrapper .header .header-content .secondary-logo .text-xl{color:#ffffff;font-size:20px}body .wrapper .header .header-content .secondary-logo svg{color:#fbb44a}body .wrapper .header .header-content .action-mobile{display:none}body .wrapper .header .main-nav{width:400px;position:fixed;background-color:#ffffff;height:calc(100% - 70px);display:flex;flex-direction:column;justify-content:center;padding:40px;box-sizing:border-box;transform:translateX(-360px);border-right:#eeeeee 1px solid;box-shadow:rgba(1,1,1,0.1) 1px 1px 5px;transition:all ease 0.5s;z-index:9}body .wrapper .header .main-nav ul{margin:0;padding:0;list-style:none}body .wrapper .header .main-nav ul li{padding:10px;font-size:18px}body .wrapper .header .main-nav ul li.home{display:none}body .wrapper .header .main-nav ul li a{text-decoration:none;color:#334155}body .wrapper .header .main-nav ul li a i{padding-right:10px}body .wrapper .header .main-nav ul li a:hover{color:#111111}body .wrapper .header .main-nav ul li.highlight a{color:#fbb44a}body .wrapper .header .main-nav ul li.highlight a:hover{color:#fcc36e}body .wrapper .header .main-nav .btn-nav{position:absolute;right:-15px;width:30px;height:30px;border:#703d92 1px solid;border-radius:50%;display:block;text-align:center;line-height:30px;color:#703d92;background-color:#ffffff;top:50%;transform:translateY(-50%);cursor:pointer}body .wrapper .content{background-color:#efefef;height:100%;overflow:auto;min-height:0;display:flex;align-items:center;justify-content:center;flex-direction:column;flex-wrap:wrap}body .wrapper.nav-opened .main-nav{transform:translateX(0);transition:all ease 0.5s}body .wrapper.nav-opened .main-nav .btn-nav{transform:translateY(-50%) rotate(-180deg)}body .wrapper.nav-opened:after{content:'';display:block;background-color:rgba(1,1,1,0.1);position:fixed;top:0;left:0;width:100vw;height:var(--vh)}body .dialog{background-color:rgba(1,1,1,0.3);position:fixed;top:0;left:0;width:100vw;height:var(--vh);z-index:99;display:none}body .dialog .dialog-content{position:absolute;background-color:#e4e4e4;top:50%;left:50%;transform:translate(-50%, -50%);height:max-content;width:max-content;max-width:calc(100vw - 100px);border-radius:10px;padding:40px;box-sizing:border-box}body .dialog .dialog-content .dialog-close{position:absolute;top:30px;right:30px;font-size:20px;cursor:pointer;color:#747474}body .dialog .dialog-content .dialog-close:hover{color:#333333}body .dialog .dialog-content .title{text-align:center;font-size:30px}body .dialog .dialog-content .description{padding:40px 0;font-size:18px;line-height:30px;text-align:center}body .dialog .dialog-content .store ul{margin:0;padding:0;list-style:none;display:flex;justify-content:center;align-items:center;gap:5px}body .dialog .dialog-content .store ul li img{height:60px}@media only screen and (max-width: 450px){body .wrapper .header .header-content .secondary-logo{width:100%;min-width:0;text-align:center;justify-content:center}body .wrapper .header .header-content .primary-logo,body .wrapper .header .header-content .action{display:none}body .wrapper .header .header-content .action-mobile{display:block;color:#ffffff;width:40px;height:40px;line-height:40px;text-align:center}body .wrapper .header .main-nav{width:100%;transform:translateX(100%);justify-content:space-between;padding:0}body .wrapper .header .main-nav ul.menu-header{display:flex;flex-wrap:wrap;margin:40px 20px;gap:20px}body .wrapper .header .main-nav ul.menu-header li{width:calc((100% - 20px) / 2);box-sizing:border-box;padding:0}body .wrapper .header .main-nav ul.menu-header li a{color:#334155;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;text-align:center;font-size:16px}body .wrapper .header .main-nav ul.menu-header li a>i{font-size:20px}body .wrapper .header .main-nav ul.menu-header li a:hover{color:#111111}body .wrapper .header .main-nav ul.menu-footer{display:flex;flex-wrap:wrap;background-color:#f7f7f7}body .wrapper .header .main-nav ul.menu-footer li{width:50%;box-sizing:border-box;text-align:center;padding:30px 20px;font-weight:normal}body .wrapper .header .main-nav ul.menu-footer li.home{display:block}body .wrapper .header .main-nav .btn-nav{display:none}body .wrapper.nav-opened .header .header-content .action-mobile{transform:rotate(-180deg)}body .wrapper.nav-opened .header .main-nav{transform:translateX(0);transition:all ease 0.5s}body .wrapper.nav-opened .header .main-nav .btn-nav{transform:translateY(-50%) rotate(-180deg)}}
/*# sourceMappingURL=style.css.map */