@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@700&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{font-family:Quicksand,sans-serif}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-thumb{background-color:#cacaca;border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:#a8a8a8}::-webkit-scrollbar-track{background-color:initial}@media (max-width:1000px){.content{width:100%!important}.container__content{padding:20px!important}.filterContainer{margin-bottom:20px!important}.leftNavbar{display:none!important}}.slider{border-radius:10px;overflow:hidden}.slider,.slider img{display:block;width:100%}.StarRate{-webkit-column-gap:7px;column-gap:7px;display:flex}.StarRate ion-icon{font-size:13px}.star__fill{color:#ff7b00}.star__noFill>ion-icon{color:#bebebe}.bookBox{align-items:center;background-color:#f2f2f2;border-radius:10px;display:flex;flex-direction:row;height:170px;justify-content:center;min-width:360px;padding:20px 25px;width:auto}.bookBox .bookBox__img{border-radius:5px;display:block;height:130px;margin-right:15px;overflow:hidden;width:100px}.bookBox .bookBox__img img{display:block;height:100%;object-fit:cover;object-position:center;width:100%}.bookBox .bookBox__content{display:flex;flex-direction:column;width:calc(100% - 115px)}.bookBox .bookBox__content>*{margin-bottom:5px;width:100%}.bookBox .bookBox__content h3{word-wrap:break-word;color:#000;font-weight:800;width:100%}.bookBox .bookBox__content>span{color:#636363;font-weight:500}.bookBox .bookBox__content .bookBox__content__price :first-child{color:#7f00ff;font-size:18px;font-weight:900;margin-right:8px}.bookBox .bookBox__content .bookBox__content__price :last-child{color:#cacaca;font-weight:400;text-decoration-line:line-through}.title__1{align-items:center;display:flex;justify-content:space-between;margin:70px 0 30px;width:100%}.title__1>h3{font-size:22px}.title__1>a{align-items:center;color:#636363;display:flex;justify-content:center;text-decoration:none;transition:.1s ease-in-out}.title__1>a>span{font-weight:500;margin-right:10px}.title__1>a:hover{color:#7f00ff;cursor:pointer}.container__book{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;width:100%}.content{display:block;overflow:auto;width:calc(100vw - 280px)}.filterContainer{-webkit-column-gap:10px;column-gap:10px;flex-direction:row;justify-content:flex-start;margin-bottom:30px;width:100%}.btn-filter,.filterContainer{align-items:center;display:flex}.btn-filter{background:linear-gradient(84.05deg,#7f00ff 4.99%,#e100ff 128.08%);border:none;border-radius:30px;box-shadow:0 0 10px rgba(0,0,0,.35);color:#fff;-webkit-column-gap:8px;column-gap:8px;cursor:pointer;font-family:quicksand;font-weight:600;height:32px;justify-content:center;padding:0 18px}.btn-filter>img{display:block;width:15px}.filter-item{align-items:center;background-color:#fff;border:1px solid #000;border-radius:30px;color:#000;-webkit-column-gap:8px;column-gap:8px;display:flex;font-family:quicksand;font-weight:700;height:32px;justify-content:center;max-width:200px;padding:0 14px 0 17px}.filter-item>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:calc(100% - 16px)}.filter-item>ion-icon{cursor:pointer;font-size:16px}.btn{align-items:center;background-color:#fff;border:1px solid #000;border-radius:30px;color:#000;display:flex;font-family:Quicksand,sans-serif;font-size:14px;font-weight:700;justify-content:center;transition:.5s}.btn-fill{background:linear-gradient(76.73deg,#7f00ff -14.37%,#e100ff 125.55%);border:none;color:#fff}.btn:hover{cursor:pointer;-webkit-transform:scale(.98);transform:scale(.98)}.btn>a{align-items:center;-webkit-column-gap:7px;column-gap:7px;justify-content:center}.btn>a,.cbb{display:flex}.cbb{align-items:flex-start;flex-direction:column;position:relative;transition:.2s;width:100%}.cbb label{font-size:16px;font-weight:800;margin-bottom:7px}.cbb .cbb__input{align-items:center;border:1px solid #636363;border-radius:30px;cursor:pointer;display:flex;flex-direction:row;height:35px;justify-content:space-between;padding:0 15px;width:100%}.cbb .cbb__input span{font-size:16px;font-weight:500;overflow:hidden;padding:0 5px 1px 0;text-overflow:ellipsis;white-space:nowrap;width:calc(100% - 16px)}.cbb .cbb__option>div{background-color:#fff;border-radius:8px;box-shadow:0 0 20px rgba(0,0,0,.35);display:block;left:0;max-height:150px;overflow:auto;position:absolute;right:0;top:70px;width:100%;z-index:200;z-index:1000}.cbb .cbb__option .cbb__option__overplay{background-color:initial;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.cbb .cbb__option li{align-items:center;border-bottom:1px solid #f5f5f5;cursor:pointer;display:flex;height:35px;justify-content:flex start;overflow:hidden;padding:0 25px 0 15px;text-overflow:ellipsis;white-space:nowrap;width:100%}.cbb .cbb__option li:hover{background-color:#f5f5f5}.cbb__option>div::-webkit-scrollbar{height:6px;width:6px}.popupFilter{align-items:center;display:flex;justify-content:center;position:fixed;transition:.3s;z-index:199}.overplay,.popupFilter{bottom:0;left:0;right:0;top:0}.overplay{background-color:#000;display:block;opacity:.5;position:absolute;z-index:198}.popupFilter .popupFilter_box{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,.35);display:flex;flex-direction:column;justify-content:center;padding:30px 25px;row-gap:20px;width:330px;z-index:199}.popupFilter_box .popupFilter_box__option{align-items:center;display:flex;justify-content:space-between;margin-top:10px;width:100%}.popupFilter_box .popupFilter_box__option .popupFilter_box__option__left{align-items:center;background-color:#e6e6e6;border-radius:30px;cursor:pointer;display:flex;justify-content:center;padding:6px}.popupFilter_box .popupFilter_box__option .popupFilter_box__option__right{align-items:center;-webkit-column-gap:10px;column-gap:10px;display:flex;justify-content:center}.popupFilter_box .popupFilter_box__option .popupFilter_box__option__left>img{display:block;width:22px}.popupFilter .popupFilter_box>h2{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(76.73deg,#7f00ff -14.37%,#e100ff 125.55%);color:transparent}.container_book_library{margin-top:20px}.FilterNotFound{align-items:center;color:red;-webkit-column-gap:5px;column-gap:5px;display:flex;font-size:18px;font-weight:500;padding-left:10px}.optionBox{-webkit-column-gap:10px;column-gap:10px;position:absolute;right:30px;top:30px;z-index:9}.optionBox,.optionBox .optionBox__share{align-items:center;display:flex;justify-content:center}.optionBox .optionBox__share{background-color:#d9d9d9;border-radius:30px;color:#000;padding:7px}.optionBox__follow{align-items:center;background:linear-gradient(86.46deg,#7f00ff -6.1%,#e100ff 134.14%);border:none;border-radius:50px;box-shadow:0 0 10px rgba(0,0,0,.35);color:#fff;-webkit-column-gap:7px;column-gap:7px;cursor:pointer;display:flex;justify-content:center;padding:5px 15px}.activeFollow{background:transparent!important;border:1px solid #000!important;box-shadow:none!important;color:#000!important}.optionBox__follow img{display:block;width:15px}.optionBox__follow span{font-size:14px;font-weight:800}.authorItem{position:relative;width:100%}.authorItem>a{align-items:center;background:#f2f2f2;border-radius:10px;-webkit-column-gap:20px;column-gap:20px;display:flex;justify-content:flex-start;padding:20px 25px;text-decoration:none;width:100%}.authorItem__img{border-radius:5px;display:block;height:90px;overflow:hidden;width:90px}.authorItem__img img{display:block;height:100%;object-fit:cover;object-position:center;width:100%}.authorItem__content{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}.authorItem__content>h2{color:#000;font-size:20px;font-weight:700}.authorItem__content>div{align-items:flex-start;-webkit-column-gap:10px;column-gap:10px;display:flex;justify-content:center}.authorItem__content>div>span{color:#636363;font-size:15px;font-weight:500}.authorContainer{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:20px;row-gap:20px}.MiniBookBox{background-color:#f2f2f2;border-radius:10px;justify-content:space-between;padding:20px 35px 20px 25px;width:100%}.MiniBookBox,.MiniBookBox>.MiniBookBox__left{align-items:center;display:flex;flex-direction:row}.MiniBookBox>.MiniBookBox__left{-webkit-column-gap:15px;column-gap:15px;justify-content:flex-start;width:55%}.MiniBookBox>.MiniBookBox__left>input{accent-color:#7f00ff;height:15px;width:15px}.MiniBookBox>.MiniBookBox__right>span{font-size:18px;font-weight:900;text-align:center;width:100px}.MiniBookBox>.MiniBookBox__right{align-items:center;display:flex;flex-direction:row;justify-content:space-between;max-width:450px;width:40%}.MiniBookBox__right--btnDlt{display:block}.MiniBookBox>.MiniBookBox__right>.MiniBookBox__right--btnDlt>ion-icon{color:red;cursor:pointer;font-size:20px}.miniBook{display:flex}.miniBook .bookBox__img{border-radius:5px;display:block;height:68px;margin-right:15px;overflow:hidden;width:50px}.miniBook .bookBox__img img{display:block;height:100%;object-fit:cover;object-position:center;width:100%}.miniBook .bookBox__content{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;row-gap:2px}.miniBook .bookBox__content>h3{font-size:16px;font-weight:900}.miniBook .bookBox__content>p{color:#636363;font-size:14px;font-weight:500}.miniBook .bookBox__content>.price{color:#7f00ff;font-size:16px;font-weight:900}.counter{align-items:center;background-color:#fff;border-radius:30px;-webkit-column-gap:15px;column-gap:15px;display:flex;flex-direction:row;font-size:13px;font-weight:700;justify-content:space-between;padding:4px 8px;width:90px}.counter ion-icon{cursor:pointer}.container__content__2{align-items:center;display:flex;flex-direction:column;justify-content:center}.container__content__2 .cart__content{display:block;height:calc(100vh - 160px);overflow:auto;padding:30px 50px;width:100%}.container__content__2 .cart__content .container__book{align-items:center;display:flex;flex-direction:column;justify-content:center;row-gap:20px}.container__content__2 .cart__content .container__book .container__book__label{align-items:center;color:#adadad;display:flex;flex-direction:row;font-size:16px;font-weight:600;justify-content:space-between;padding:0 25px;width:100%}.container__content__2 .cart__content .container__book .container__book__label input{accent-color:#7f00ff;height:15px;width:15px}.container__content__2 .cart__content .container__book .container__book__label .MiniBookBox__left{align-items:center;-webkit-column-gap:80px;column-gap:80px;display:flex;flex-direction:row;justify-content:flex-start;width:55%}.container__content__2 .cart__content .container__book .container__book__label .MiniBookBox__right{align-items:center;display:flex;flex-direction:row;justify-content:space-between;max-width:450px;padding:0 7px 0 9px;width:40%}.title__cart{-webkit-column-gap:10px;column-gap:10px;justify-content:flex-start;margin-bottom:30px;width:100%}.title__cart,.title__cart>span{align-items:center;display:flex}.title__cart>span{background:linear-gradient(84.05deg,#7f00ff 4.99%,#e100ff 128.08%);border-radius:30px;color:#fff;font-size:14px;font-weight:700;justify-content:center;padding:2px 12px 3px}.container__content__2 .cart__pay{align-items:center;border-top:2px solid #e6e6e6;display:flex;height:100px;justify-content:space-between;padding:0 50px;width:100%}.container__content__2 .cart__pay .cart__pay__left{align-items:flex-start;display:flex;flex-direction:column;font-size:18px;font-weight:500;justify-content:space-between;row-gap:5px}.container__content__2 .cart__pay .cart__pay__left>div{align-items:center;-webkit-column-gap:8px;column-gap:8px;display:flex;flex-direction:row;justify-content:space-between}.container__content__2 .cart__pay .cart__pay__left>div>input{accent-color:#7f00ff;height:18px;width:18px}.container__content__2 .cart__pay .cart__pay__right{align-items:center;display:flex;justify-content:space-between;max-width:400px;width:60%}.container__content__2 .cart__pay .cart__pay__right>div{align-items:flex-start;display:flex;flex-direction:column;justify-content:space-between;row-gap:2px}.container__content__2 .cart__pay .cart__pay__right>div>.cart__pay__right_s1{font-size:18px;font-weight:500}.container__content__2 .cart__pay .cart__pay__right>div>.cart__pay__right_s2{color:#7f00ff;font-size:22px;font-weight:900}.container__content__2 .cart__pay .cart__pay__right>a{background:linear-gradient(84.05deg,#7f00ff 4.99%,#e100ff 128.08%);border:none;border-radius:30px;color:#fff;-webkit-column-gap:10px;column-gap:10px;font-family:quicksand;font-size:16px;font-weight:700;height:40px;padding:0 20px 0 25px;text-decoration:none}.container__content__2 .cart__pay .cart__pay__right>a,.likebox{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.likebox{background-color:#f2f2f2;border-radius:10px;padding:20px 40px 20px 25px;width:100%}.likebox .likebox__right{align-items:center;display:flex;flex-direction:row;justify-content:space-between;max-width:300px;width:50%}.likebox .likebox__right>:first-child{align-items:center;display:flex;justify-content:center;width:210px}.likebox .likebox__right>div>.success{align-items:center;color:#00840f;-webkit-column-gap:7px;column-gap:7px;display:flex;font-weight:500;justify-content:center}.likebox__right__btnDlt{color:red;cursor:pointer;font-size:20px}.likebox_container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:30px;row-gap:20px}.likebox_container .container__book__label{align-items:center;color:#adadad;display:flex;flex-direction:row;font-size:16px;font-weight:600;justify-content:space-between;padding:0 15px 0 25px;width:100%}.likebox_container .container__book__label .MiniBookBox__left{align-items:center;-webkit-column-gap:80px;column-gap:80px;display:flex;flex-direction:row;justify-content:flex-start;width:55%}.likebox_container .container__book__label .MiniBookBox__right{align-items:center;display:flex;flex-direction:row;justify-content:space-between;max-width:265px;padding:0 7px 0 9px;width:40%}.Order{width:100%}.Order,.container__order{display:flex;flex-direction:column}.container__order{margin-top:30px;row-gap:25px}.container__order__label{display:flex;font-weight:600;justify-content:space-between;padding:0 30px;width:100%}.container__order__content{display:flex;flex-direction:column;row-gap:20px}.order__label__date,.order__label__stt,.order__label__toMoney{align-items:center;display:flex;justify-content:center;min-width:110px}.order__label__order{display:flex;width:40%}.OrderItem{background-color:#f2f2f2;border-radius:10px;justify-content:space-between;padding:20px 30px;width:100%}.OrderItem,.OrderItem__book{align-items:center;display:flex}.OrderItem__book{-webkit-column-gap:15px;column-gap:15px;width:40%}.OrderItem__book>h3{font-size:18px}.OrderItem__img{align-items:center;border-radius:5px;display:flex;height:60px;justify-content:center;overflow:hidden;width:40px}.OrderItem__img>img{display:block;height:100%;object-fit:cover;object-position:center;width:100%}.OrderItem__buyDate,.OrderItem__toMoney,.Order__status{display:flex;justify-content:center;min-width:110px}.OrderItem__buyDate{font-weight:600}.OrderItem__toMoney{color:#7f00ff;font-weight:700}.Order__status{align-items:center;-webkit-column-gap:5px;column-gap:5px;display:flex;justify-content:center}.Order__status>span{font-weight:500}.stt__pending{color:#f90}.stt__cancel{color:red}.stt__complete{color:#00a607}.Contact{flex-direction:column;padding-bottom:50px}.Contact,.Contact__top{display:flex;justify-content:center;width:100%}.Contact__top{align-items:center;-webkit-column-gap:30px;column-gap:30px}.Contact__top>img{display:block;width:50%}.Contact__top__left{display:flex;flex-direction:column;justify-content:flex-start}.Contact__top__left h1{font-size:30px;font-weight:900}.Contact__top__left h3{font-size:20px;font-weight:500;margin:5px 0 10px}.Contact__top__left h3>a{color:#7f00ff;font-weight:800;text-decoration:none}.Contact__socialMedia{display:flex;flex-direction:column;margin-top:20px;row-gap:15px;width:320px}.Contact__socialMedia__item{align-items:center;background-color:#f2f2f2;border-radius:10px;-webkit-column-gap:5px;column-gap:5px;display:flex;padding:10px 20px}.Contact__socialMedia__item>img{display:block;width:25px}.Contact__socialMedia__item>span{color:#000;font-weight:600}.Contact__bottom{align-items:flex-end;-webkit-column-gap:20px;column-gap:20px;display:flex;justify-content:center}.Contact__bottom>img{display:block;width:15%}.Contact__bottom__content{align-items:flex-start;display:flex;flex-direction:column}.Contact__bottom__content>div{align-items:center;-webkit-column-gap:10px;column-gap:10px;display:flex;margin-top:15px;width:100%}.Contact__bottom__content>div>input{border:1px solid #636363;border-radius:10px;font-family:quicksand;font-size:16px;font-weight:600;height:40px;outline:none;padding:0 15px;width:100%}.Contact__bottom__content>div>button{align-items:center;background:linear-gradient(76.73deg,#7f00ff -14.37%,#e100ff 125.55%);border:none;border-radius:10px;color:#fff;display:flex;font-family:quicksand;font-weight:800;height:40px;justify-content:center;padding:0 20px}.DetailBox{background-color:#f2f2f2;border-radius:10px;display:flex;flex-direction:column;padding:20px 25px;row-gap:20px;width:320px}.DetailBox .detail__item{display:flex;flex-direction:column;row-gap:4px}.DetailBox>div>span{color:#636363;font-size:15px;font-weight:500}.PathBox{align-items:center;-webkit-column-gap:5px;column-gap:5px;display:flex;margin-bottom:40px;width:100%}.PathBox>a{color:#7f00ff;font-weight:600;text-decoration:none}.PathBox>ion-icon{font-size:14px}.authorDetail__content{-webkit-column-gap:20px;column-gap:20px}.tpnb{display:inline-block}.tpnb>*{flex-grow:1}.AuthorMainBox{background-color:#f2f2f2;border-radius:10px;-webkit-column-gap:20px;column-gap:20px;display:flex;padding:25px;width:100%}.AuthorMainBox__left{align-items:center;border:1px solid #bebebe;border-radius:8px;display:flex;height:150px;justify-content:center;overflow:hidden;width:150px}.AuthorMainBox__left img{display:block;height:100%;object-fit:cover;object-position:center;width:100%}.AuthorMainBox__right{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;width:calc(100% - 170px)}.AuthorMainBox__right>h3{font-size:25px}.AuthorMainBox__right>span{color:#7f00ff;font-weight:500;margin:2px 0 10px}.AuthorMainBox__right--btn{align-items:center;-webkit-column-gap:7px;column-gap:7px;display:flex;flex-direction:row;height:30px;justify-content:center}.AuthorMainBox__right--btn>span{color:#636363}.DetailBoxBook{background-color:#f2f2f2;border-radius:10px;display:flex;flex-direction:column;padding:20px 25px;row-gap:20px;width:320px}.DetailBoxBook .detail__item{align-items:flex-start;display:flex;flex-direction:column;row-gap:4px}.DetailBoxBook>div>span{color:#636363;font-size:15px;font-weight:500}.DetailBoxBook>div>a{color:#7f00ff;font-size:15px;font-weight:500;text-decoration:none}.authorDetail h2{margin-bottom:20px;position:relative}.Rate__container{display:flex;flex-direction:column;row-gap:20px}.authorDetail__content{align-items:flex-start;display:flex;justify-content:space-between;width:100%}.authorDetail__content__left{display:flex;flex-direction:column;row-gap:50px;width:calc(100% - 340px)}.BookDetail__mainBox{background-color:#f2f2f2;border-radius:10px;display:flex;justify-content:space-between;padding:30px 35px;position:relative}.BookDetail__mainBox__left{align-items:center;border:1px solid #b4b4b4;border-radius:8px;display:flex;height:210px;justify-content:center;overflow:hidden;width:135px}.BookDetail__mainBox__left>img{display:block;height:100%;object-fit:cover;object-position:center;width:100%}.BookDetail__mainBox__right{row-gap:8px;width:calc(100% - 160px)}.BookDetail__mainBox__right,.mainBox__right__info{display:flex;flex-direction:column;justify-content:center}.mainBox__right__info{align-items:flex-start;row-gap:2px}.mainBox__right__info>a{color:#7f00ff;display:flex;font-weight:500;text-decoration:none}.mainBox__right__info>span{color:#000;font-size:24px;font-weight:900}.mainBox__right__price{align-items:baseline;-webkit-column-gap:10px;column-gap:10px;display:flex}.mainBox__right__price>:first-child{color:#7f00ff;font-size:20px;font-weight:800}.mainBox__right__price>:last-child{color:#b1b1b1;font-size:16px;font-weight:400;text-decoration-line:line-through}.mainBox__right__count{align-items:center;-webkit-column-gap:10px;column-gap:10px;display:flex}.mainBox__right__count>:first-child{font-weight:500}.mainBox__right__btn{-webkit-column-gap:10px;column-gap:10px;display:flex;margin-top:5px}.BookDetail__mainBox__likeButton{align-items:center;background-color:#d9d9d9;border-radius:20px;display:flex;height:34px;justify-content:center;position:absolute;right:25px;top:25px;width:34px}.BookDetail__mainBox__likeButton>ion-icon{font-size:20px;margin-top:2px}.BookDetail__mainBox__likeButton{cursor:pointer}.BookDetail__mainBox__likeButton__active{color:#7f00ff}.Rate{align-items:flex-start;background-color:#f2f2f2;border-radius:10px;display:flex;flex-direction:column;font-size:16px;padding:20px 25px;position:relative;row-gap:8px}.Rate__img{align-items:center;-webkit-column-gap:10px;column-gap:10px;display:flex}.Rate__img>span{font-size:16px;font-weight:700}.Rate__img>div{border-radius:30px;display:block;height:40px;overflow:hidden;width:40px}.Rate__img>div>img{display:block;height:100%;object-fit:cover;object-position:center;width:100%}.Rate__star{align-items:flex-start;-webkit-column-gap:10px;column-gap:10px;display:flex}.Rate>span{color:#636363;font-weight:400}.Rate>ion-icon{font-size:18px;position:absolute;right:20px;top:20px}.compleOrder__content{display:flex;justify-content:space-between;width:100%}.compleOrder__content__left{display:flex;flex-direction:column;row-gap:50px;width:calc(100% - 360px)}.compleOrder__content__right{display:flex;flex-direction:column;row-gap:50px;width:340px}.compleOrder__content__label{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;width:100%}.compleOrder__changeTransport{align-items:center;background-color:initial;border:1px solid #000;border-radius:20px;display:flex;font-family:quicksand;font-size:12px;font-weight:800;height:26px;justify-content:center;padding:0 18px}.TransportBox{row-gap:15px}.Invoice,.TransportBox{display:flex;flex-direction:column;width:100%}.Invoice{background-color:#f2f2f2;border-radius:10px;padding:30px;row-gap:20px}.Invoice--top{display:flex;flex-direction:column;row-gap:20px;width:100%}.Invoice__item{align-items:center;display:flex;justify-content:space-between;width:100%}.Invoice__item>h3{font-size:18px;font-weight:900}.Invoice__item>span{color:#636363;font-weight:500}.Invoice--bottom{border-top:1px solid #cacaca;display:block;padding-top:20px;width:100%}.Voucher{background-color:#f2f2f2;border-radius:10px;flex-direction:column;padding:10px 25px 20px;row-gap:15px}.Voucher,.Voucher__top{align-items:center;display:flex;width:100%}.Voucher__top{border-bottom:1px solid #cacaca;justify-content:space-between;padding:3px 5px}.Voucher__top>input{background-color:initial;border:none;font-family:quicksand;font-size:16px;font-weight:500;height:30px;outline:none;width:90%}.Voucher__top>ion-icon{font-size:20px}.Voucher__bottom>span{font-size:16px;font-weight:500}.Transport{background-color:#f2f2f2;border-radius:10px;display:flex;flex-direction:column;padding:30px;row-gap:7px;width:100%}.Transport__label{align-items:center;-webkit-column-gap:10px;column-gap:10px;display:flex}.Transport__label>h3{font-size:18px}.Transport__label>span{color:#7f00ff;font-size:14px;font-weight:500}.PaymentMethod{background-color:#f2f2f2;border-radius:10px;display:flex;flex-direction:column;padding:30px;row-gap:15px;width:100%}.PaymentMethod__item{align-items:center;-webkit-column-gap:7px;column-gap:7px;display:flex}.PaymentMethod__item>input{accent-color:#7f00ff}.PaymentMethod__item>label{-webkit-column-gap:7px;column-gap:7px;display:flex;font-weight:600}.PaymentMethod__item>label>img{display:block;width:20px}.OrderDetail{flex-direction:column}.OrderDetail,.OrderDetailItem{align-items:center;border-radius:10px;display:flex;row-gap:15px;width:100%}.OrderDetailItem{background-color:#f2f2f2;justify-content:space-between;padding:15px 20px}.OrderDetailItem__left{-webkit-column-gap:10px;column-gap:10px;display:flex}.OrderDetailItem__img{align-items:center;border-radius:3px;display:flex;height:54px;justify-content:center;overflow:hidden;width:38px}.OrderDetailItem__img>img{display:block;height:100%;object-fit:cover;object-position:center;width:100%}.OrderDetailItem__name{display:flex;flex-direction:column;justify-content:center;row-gap:3px}.OrderDetailItem__name>h3{font-size:16px}.OrderDetailItem__name>span{color:#636363;font-size:14px;font-weight:500}.OrderDetailItem__right{align-items:flex-end;display:flex;flex-direction:column;font-size:14px;row-gap:3px}.OrderDetailItem__right>:first-child{color:#636363}.OrderDetailItem__right>:last-child{color:#000;font-weight:700}.PhoneNumber{background-color:#f2f2f2;border-radius:10px;display:flex;flex-direction:column;padding:30px;row-gap:7px;width:100%}.PhoneNumber>h3{font-size:18px}.PhoneNumber>input{background-color:initial;border:none;font-family:quicksand;font-size:18px;font-weight:400;outline:none}.header .header__logo{align-items:center;display:flex;height:100%;justify-content:space-around}.header .header__logo .logoIcon{display:block;margin-right:15px;width:30px}.header .header__logo .logoText{display:block;height:15px}.option__login{align-items:center;-webkit-column-gap:10px;column-gap:10px;display:flex;justify-content:space-around}.user__box{box-shadow:0 4px 10px rgba(0,0,0,.25);position:relative}.user__box,.user__box .user__box__btn{align-items:center;border-radius:30px;display:flex;justify-content:center}.user__box .user__box__btn{background:linear-gradient(86.68deg,#7f00ff -5.7%,#e100ff 113.45%);color:#fff;-webkit-column-gap:10px;column-gap:10px;cursor:pointer;padding:7px 15px 7px 18px}.user__box .user__box__btn>span{font-size:15px;font-weight:500}.user__box .user__box__btn>ion-icon{font-size:14px}.user__box .user__box__option{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 0 10px rgba(0,0,0,.35);display:flex;flex-direction:column;justify-content:center;padding:20px 25px;position:absolute;right:0;row-gap:15px;top:55px;width:280px;z-index:299}.user__box__option__overplay{background-color:initial;bottom:0;left:0;position:fixed;right:0;top:0;z-index:99}.user__box .user__box__option .user__box__option__avt{align-items:center;-webkit-column-gap:12px;column-gap:12px;display:flex;flex-direction:row;justify-content:flex-start;width:100%}.user__box .user__box__option .user__box__option__avt>img{border-radius:30px;width:40px}.user__box .user__box__option .user__box__option__avt>span{font-size:18px;font-weight:900}.user__box .user__box__option .user__box__option__link{align-items:center;display:flex;flex-direction:column;justify-content:space-between;width:100%}.user__box__option__logout{align-items:flex-end;display:flex;justify-content:flex-end;width:100%}.header{box-shadow:0 4px 15px rgba(0,0,0,.25);height:60px;padding:0 50px;z-index:99}.header,.header__left,.header__right{align-items:center;display:flex;justify-content:space-between}.header__right:first-child{margin-right:20px}.quickIcon{align-items:center;-webkit-column-gap:25px;column-gap:25px;display:flex;justify-content:center;margin-right:25px}.quickIcon *{color:#000;font-size:20px}.searchBox{align-items:center;display:flex;justify-content:center;margin-left:100px}.searchBox ion-icon{font-size:28px;margin-right:10px}.searchBox input{border:none;font-family:Quicksand,sans-serif;font-size:16px;outline:none;width:100%}.selectContainer h1{color:#adadad;font-family:Quicksand,sans-serif;font-size:18px;margin-bottom:10px;padding-left:10px}.selectContainer{align-items:flex-start;justify-content:center;padding:20px 30px;width:100%}.leftNavbar,.selectContainer{display:flex;flex-direction:column}.leftNavbar{overflow:auto;padding-top:20px;width:280px}.selectItem{align-items:center;border-radius:50px;display:flex;font-family:Quicksand,sans-serif;font-weight:700;justify-content:flex-start;margin:7px 0;width:100%}.selectItem:hover{background-color:#e5e5e5}.selectItem>a{align-items:center;color:#000;display:flex;padding:12px 30px;text-decoration:none;width:100%}.selectItem ion-icon{font-size:16px;margin-right:13px}.active{background-color:#e5e5e5}.app{display:flex;flex-direction:column}.contentBox{display:flex;flex-direction:row;height:calc(100vh - 60px)}.container__content{padding:30px 50px}ion-icon{--ionicon-stroke-width:40px}.grid{display:block;padding:0;width:100%}.grid.wide{margin:0 auto;max-width:1200px}.row{display:flex;flex-wrap:wrap;margin-left:-8px;margin-right:-8px;row-gap:16px}.row.no-gutters{margin-left:0;margin-right:0}.col{padding-left:8px;padding-right:8px}.row.no-gutters .col{padding-left:0;padding-right:0}.c-0{display:none}.c-1{flex:0 0 8.33333%;max-width:8.33333%}.c-2{flex:0 0 16.66667%;max-width:16.66667%}.c-3{flex:0 0 25%;max-width:25%}.c-4{flex:0 0 33.33333%;max-width:33.33333%}.c-5{flex:0 0 41.66667%;max-width:41.66667%}.c-6{flex:0 0 50%;max-width:50%}.c-7{flex:0 0 58.33333%;max-width:58.33333%}.c-8{flex:0 0 66.66667%;max-width:66.66667%}.c-9{flex:0 0 75%;max-width:75%}.c-10{flex:0 0 83.33333%;max-width:83.33333%}.c-11{flex:0 0 91.66667%;max-width:91.66667%}.c-12{flex:0 0 100%;max-width:100%}.c-o-1{margin-left:8.33333%}.c-o-2{margin-left:16.66667%}.c-o-3{margin-left:25%}.c-o-4{margin-left:33.33333%}.c-o-5{margin-left:41.66667%}.c-o-6{margin-left:50%}.c-o-7{margin-left:58.33333%}.c-o-8{margin-left:66.66667%}.c-o-9{margin-left:75%}.c-o-10{margin-left:83.33333%}.c-o-11{margin-left:91.66667%}@media (min-width:1517px){.row{margin-left:-8px;margin-right:-8px}.col{padding-left:8px;padding-right:8px}.m-0{display:none}.m-1,.m-10,.m-11,.m-12,.m-2,.m-3,.m-4,.m-5,.m-6,.m-7,.m-8,.m-9{display:block}.m-1{flex:0 0 8.33333%;max-width:8.33333%}.m-2{flex:0 0 16.66667%;max-width:16.66667%}.m-3{flex:0 0 25%;max-width:25%}.m-4{flex:0 0 33.33333%;max-width:33.33333%}.m-5{flex:0 0 41.66667%;max-width:41.66667%}.m-6{flex:0 0 50%;max-width:50%}.m-7{flex:0 0 58.33333%;max-width:58.33333%}.m-8{flex:0 0 66.66667%;max-width:66.66667%}.m-9{flex:0 0 75%;max-width:75%}.m-10{flex:0 0 83.33333%;max-width:83.33333%}.m-11{flex:0 0 91.66667%;max-width:91.66667%}.m-12{flex:0 0 100%;max-width:100%}.m-o-1{margin-left:8.33333%}.m-o-2{margin-left:16.66667%}.m-o-3{margin-left:25%}.m-o-4{margin-left:33.33333%}.m-o-5{margin-left:41.66667%}.m-o-6{margin-left:50%}.m-o-7{margin-left:58.33333%}.m-o-8{margin-left:66.66667%}.m-o-9{margin-left:75%}.m-o-10{margin-left:83.33333%}.m-o-11{margin-left:91.66667%}}@media (min-width:2049px){.row,.row.sm-gutter{margin-left:-8px;margin-right:-8px}.col,.row.sm-gutter .col{padding-left:8px;padding-right:8px}.l-0{display:none}.l-1,.l-10,.l-11,.l-12,.l-2,.l-2-4,.l-3,.l-4,.l-5,.l-6,.l-7,.l-8,.l-9{display:block}.l-1{flex:0 0 8.33333%;max-width:8.33333%}.l-2{flex:0 0 16.66667%;max-width:16.66667%}.l-2-4{flex:0 0 20%;max-width:20%}.l-3{flex:0 0 25%;max-width:25%}.l-4{flex:0 0 33.33333%;max-width:33.33333%}.l-5{flex:0 0 41.66667%;max-width:41.66667%}.l-6{flex:0 0 50%;max-width:50%}.l-7{flex:0 0 58.33333%;max-width:58.33333%}.l-8{flex:0 0 66.66667%;max-width:66.66667%}.l-9{flex:0 0 75%;max-width:75%}.l-10{flex:0 0 83.33333%;max-width:83.33333%}.l-11{flex:0 0 91.66667%;max-width:91.66667%}.l-12{flex:0 0 100%;max-width:100%}.l-o-1{margin-left:8.33333%}.l-o-2{margin-left:16.66667%}.l-o-3{margin-left:25%}.l-o-4{margin-left:33.33333%}.l-o-5{margin-left:41.66667%}.l-o-6{margin-left:50%}.l-o-7{margin-left:58.33333%}.l-o-8{margin-left:66.66667%}.l-o-9{margin-left:75%}.l-o-10{margin-left:83.33333%}.l-o-11{margin-left:91.66667%}}@media (min-width:740px) and (max-width:1023px){.wide{width:644px}}@media (min-width:1024px) and (max-width:1239px){.wide{width:984px}.wide .row,.wide .row.sm-gutter{margin-left:-8px;margin-right:-8px}.wide .col,.wide .row.sm-gutter .col{padding-left:8px;padding-right:8px}.wide .l-0{display:none}.wide .l-1,.wide .l-10,.wide .l-11,.wide .l-12,.wide .l-2,.wide .l-2-4,.wide .l-3,.wide .l-4,.wide .l-5,.wide .l-6,.wide .l-7,.wide .l-8,.wide .l-9{display:block}.wide .l-1{flex:0 0 8.33333%;max-width:8.33333%}.wide .l-2{flex:0 0 16.66667%;max-width:16.66667%}.wide .l-2-4{flex:0 0 20%;max-width:20%}.wide .l-3{flex:0 0 25%;max-width:25%}.wide .l-4{flex:0 0 33.33333%;max-width:33.33333%}.wide .l-5{flex:0 0 41.66667%;max-width:41.66667%}.wide .l-6{flex:0 0 50%;max-width:50%}.wide .l-7{flex:0 0 58.33333%;max-width:58.33333%}.wide .l-8{flex:0 0 66.66667%;max-width:66.66667%}.wide .l-9{flex:0 0 75%;max-width:75%}.wide .l-10{flex:0 0 83.33333%;max-width:83.33333%}.wide .l-11{flex:0 0 91.66667%;max-width:91.66667%}.wide .l-12{flex:0 0 100%;max-width:100%}.wide .l-o-1{margin-left:8.33333%}.wide .l-o-2{margin-left:16.66667%}.wide .l-o-3{margin-left:25%}.wide .l-o-4{margin-left:33.33333%}.wide .l-o-5{margin-left:41.66667%}.wide .l-o-6{margin-left:50%}.wide .l-o-7{margin-left:58.33333%}.wide .l-o-8{margin-left:66.66667%}.wide .l-o-9{margin-left:75%}.wide .l-o-10{margin-left:83.33333%}.wide .l-o-11{margin-left:91.66667%}}.login-container .login-btn{align-items:center;background:linear-gradient(76.73deg,#7f00ff -14.37%,#e100ff 125.55%);border:none;border-radius:30px;color:#fff;cursor:pointer;display:flex;font-family:quicksand;font-size:15px;font-weight:700;height:35px;justify-content:center;text-decoration:none;width:100%}.login-container .login-container__loginBox{max-width:420px}.login-container .login-container__loginBox .login-container__loginBox__input{row-gap:15px}.remember-password{align-items:center;color:#0014c3;display:flex;font-weight:500;justify-content:space-between;margin-top:10px;width:100%}.inputBox{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;row-gap:7px;width:100%}.inputBox>input{border:1px solid #636363;border-radius:30px;font-family:quicksand;font-size:16px;font-weight:500;height:35px;outline:none;padding-left:15px;width:100%}.inputBox>label{font-size:16px;font-weight:800}.login-container{align-items:center;display:flex;flex-direction:row;height:100vh;justify-content:center;width:100vw}.login-container .login-container__img{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-right:5%;width:38%}.login-container .login-container__img>img{display:block;margin-top:5%;width:100%}.login-container .login-container__loginBox{align-items:center;border-radius:10px;box-shadow:0 4px 40px rgba(0,0,0,.25);display:flex;flex-direction:column;justify-content:center;max-width:400px;padding:40px 35px;width:40%}.login-container .login-container__loginBox>h2{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(76.73deg,#7f00ff -14.37%,#e100ff 125.55%);color:transparent;margin-bottom:20px}.login-container .login-container__loginBox .login-container__loginBox__input{align-items:center;display:flex;flex-direction:column;justify-content:center;row-gap:20px;width:100%}.orther-login{flex-direction:column;justify-content:center;row-gap:10px}.orther-login,.rememberMe{align-items:center;display:flex;width:100%}.rememberMe{justify-content:flex-start;margin:20px 0}.rememberMe>label{font-size:16px;font-weight:600}.rememberMe>input{color:#e100ff;margin-right:7px;width:15px}.other-login-button{align-items:center;background:#e5e5e5;border:none;border-radius:40px;-webkit-column-gap:5px;column-gap:5px;display:flex;font-size:14px;font-weight:600;height:35px;justify-content:center;width:100%}.other-login-button>img{display:block;width:22px}.option-box{align-items:center;color:#000;-webkit-column-gap:6px;column-gap:6px;display:flex;font-weight:500;justify-content:flex-start;margin-top:10px;width:100%}.login-container__loginBox>span{color:#636363;font-size:14px;font-weight:600;margin:20px 0}
/*# sourceMappingURL=main.6805d980.css.map*/