.loading-container{z-index:5000;height:3px;width:100%;background-color:pink}.loading-container .loading{background-color:red;animation:load 2s cubic-bezier(.68,-.55,.27,1.55) infinite normal none}@keyframes load{0%{width:0}25%{width:25%}50%{width:50%}75%{width:75%}to{width:100%}}.header-container{position:-webkit-sticky;position:sticky;display:flex;flex-flow:row wrap;align-items:center;top:0;padding:10px;min-height:40px;height:-webkit-max-content;height:max-content;margin:0;font-size:18px;color:#fff;z-index:150;background-color:#8a2be2;box-shadow:0 0 20px #8a2be2;transition:top .6s ease}.header-container.hide{top:-100px}.header-container .logo{display:flex;flex-grow:1;color:#fff;text-decoration:none}.header-container .logo .text{font-size:22px;padding-left:5px;font-weight:700}.header-container .right{display:flex;flex-flow:row wrap;float:right}.header-container .right a{margin:0 10px;padding-bottom:2px;border-bottom:0 inset #adff2f;transition:border-bottom .1s ease}.header-container .right a,.header-container .right a:visited{color:#fff;text-decoration:none}.header-container .right a.active{color:#adff2f;border-bottom:2px inset #adff2f}.header-container .right .cart-val-holder{position:relative}.header-container .right .cart-val-holder .cart-val{position:absolute;top:-7px;right:-5px;font-size:small;color:#adff2f}.header-container .right .avatar{position:relative;height:30px;width:30px;margin:auto;border-radius:50%;background-color:#a0a0a0;cursor:pointer}.header-container .right .avatar .dp{position:absolute;z-index:20;height:30px;width:30px;margin:auto;border-radius:50%;object-fit:scale-down}.header-container .right .avatar .hidden{position:absolute;display:flex;flex-direction:column;align-items:center;padding:10px 0;border-radius:10%;list-style:none;top:30px;left:-60px;min-width:91px;margin:auto;background:rgba(0,0,0,.9);transition:all .1s ease;transform:scaleY(0)}.header-container .right .avatar .hidden.options{transform:scaleY(1)}.header-container .right .avatar .hidden>*{margin-bottom:5px;border-bottom:2px dashed grey;cursor:pointer}.header-container .right .avatar .hidden:before{content:"";position:absolute;top:-5px;right:5px;height:20px;width:20px;background:rgba(0,0,0,.9);-webkit-clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%)}.header-container .right .avatar:before{content:"";display:block;position:absolute;top:2px;left:7.3px;height:10px;width:10px;background-color:grey;-webkit-clip-path:circle(50% at 50% 50%);clip-path:circle(50% at 50% 50%)}.header-container .right .avatar:after{content:"";display:block;position:absolute;bottom:3px;left:5px;height:13px;width:15px;background-color:grey;-webkit-clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%)}@media (max-width:800px){.header-container{justify-content:space-around}}@media (max-width:500px){.header-container .logo{flex-grow:unset}.header-container .right{float:unset;margin-top:10px}}.footer{height:20px;padding:10px;text-align:center;background-color:#293845;color:#fff;font-size:medium;box-shadow:0 0 20px #6e6e6e}*{scrollbar-color:tomato grey;scrollbar-width:thin}body{margin:0}.app{display:flex;flex-direction:column;height:-webkit-max-content;height:max-content;min-height:100vh}.app .content{flex-grow:1}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px grey;border-radius:10px}::-webkit-scrollbar-thumb{background:tomato;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ff3a17}.alert-container{position:fixed;bottom:25px;left:-50vw;height:-webkit-max-content;height:max-content;padding:5px 25px;z-index:100;background-color:tomato;border-radius:20px;transition:all .5s ease;z-index:1000}.alert-container.show{left:15px}.alert-container .alert{font-size:20px;font-weight:700;color:#fff}.loading-container{display:flex;position:fixed;z-index:50000;top:0;height:100vh;width:100vw;background-color:rgba(0,0,0,.4)}.loading-container .loading{border-radius:50%;border:3px solid transparent;border-top-color:#dadada;width:30px;height:30px;margin:auto;background-color:transparent;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.ec3e92c8.chunk.css.map */