header{display:flex;justify-content:space-between;align-items:center;width:100%;margin:0 auto;background-color:var(--black)}.brand{display:flex;align-items:center;font-size:12px;font-family:BrandFont;color:var(--light)}.brand h1:first-letter{color:var(--primary)}.brand:hover{cursor:pointer}.logo{margin:10px 20px;width:40px;height:40px}.cart{display:flex;margin-right:20px}.cart div{display:flex}.cart div .cartIcon{margin:5px;width:32px;height:32px}.cart div .cartIcon:hover{cursor:pointer}.cart div .cartItems{width:20px;height:20px;background-color:red;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-family:BrandFont}.hamburger,.close{display:none}@media (max-width: 900px){.activeHamburger,.activeClose{display:block;fill:#f5f5f5;margin:5px;width:32px;height:32px}}.totalArticlesPrice{font-family:mdBold;width:100%;margin:.5rem auto;font-size:1.4rem;border-radius:5px;box-shadow:0 0 3px #75757599}.removeAll{max-width:100%;margin:2rem auto}.bottom{width:50%;margin:0 auto;display:flex;flex-direction:column}.bottom button{width:50%;align-self:center}.reminder{width:90%;color:red;font-family:mdSemi;margin:2rem auto}.reminder p{margin:0}.cartHeader{font-family:mdBold;width:50%;margin:4rem auto 2rem;border-radius:5px;box-shadow:0 0 3px #75757599}@media (max-width: 900px){.cartHeader,.bottom{width:90%}.bottom button{width:100%}}.cartArticleCard{position:relative;width:50%;margin:.5rem auto;border-radius:5px;display:flex;justify-content:space-between;box-shadow:0 0 3px #75757599}.cartArticleCard .left{max-height:40vh;max-width:10vw}.cartArticleCard .left img{width:100%;height:100%;object-fit:cover}.cartArticleCard .right{display:flex;flex-direction:column;justify-content:center;padding:1rem;width:80%;text-align:left}.cartArticleCard .right span{font-family:afacad;font-size:1.1rem}.cartArticleCard .right span span{font-family:mdSemi}.cartArticleCard .removeIcon{position:absolute;top:.5rem;right:.5rem;width:1.5rem;height:1.5rem;fill:var(--primary)}@media (max-width: 400px){.cartArticleCard{width:90%}.cartArticleCard .left{max-width:30vw;max-height:30vh;margin:0}}@media (min-width: 401px) and (max-width: 600px){.cartArticleCard{width:90%}.cartArticleCard .left{margin:0;max-width:25vw;min-width:25vw;max-height:40vh}}.loader{display:flex;align-items:center;justify-content:center;width:100%;height:80vh}.loaderMiniContainer{display:flex;align-items:center;justify-content:center;position:relative;width:130px;height:fit-content}.barContainer{width:100%;height:fit-content;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;background-position:left}.bar{width:100%;height:8px;background:linear-gradient(to right,#c78c24,#ecc685,#70511b);background-size:200% 100%;border-radius:10px;animation:bar ease-in-out 3s infinite alternate-reverse}@keyframes bar{0%{background-position:left}to{background-position:right}}.bar2{width:50%}.svgIcon{position:absolute;left:-25px;margin-top:18px;z-index:2;width:70%;animation:search ease-in-out 3s infinite alternate-reverse}@keyframes search{0%{transform:translate(0) rotate(70deg)}to{transform:translate(100px) rotate(10deg)}}.svgIcon circle,line{stroke:#c78c24}.svgIcon circle{fill:#e4af5461}button{border:1px solid transparent;cursor:pointer;display:flex;justify-content:center;font-family:kanit;align-items:center;gap:.25rem;padding:.5rem;background-color:#000;font-size:1rem;font-weight:500;color:var(--light);text-wrap:nowrap;border-radius:.5rem}button:hover{background-color:#575757;transition:all .1s ease-in-out;color:var(--light);border:1px solid var(--black);box-shadow:0 0 10px #0000006a}button .icon{width:1rem;fill:#fff}.isEmpty{width:90%;min-height:40vh;box-shadow:0 0 5px #75757599;margin:5rem auto;display:flex;flex-direction:column;justify-content:center}.isEmpty h2{font-family:mdBold}.error{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;width:20rem;position:fixed;left:50%;bottom:3rem;transform:translate(-50%);z-index:999;padding:12px;display:flex;flex-direction:row;align-items:center;justify-content:start;background:#fce8db;border-radius:8px;box-shadow:0 0 5px -3px #111}.error__icon{width:20px;height:20px;transform:translateY(-2px);margin-right:8px}.error__icon path{fill:#ef665b}.error__title{font-weight:500;font-size:14px;color:#71192f}.error__close{width:20px;height:20px;cursor:pointer;margin-left:auto}.error__close path{fill:#71192f}footer{bottom:0;left:0;background-color:#363636;width:100%;height:300px;display:flex;flex-direction:column;justify-content:space-around;align-items:center}footer .brand{width:100%;justify-content:center;font-size:16px}footer .socialMedia{width:50%;font-family:mdBold}footer .socialIcons{width:100%;display:flex;justify-content:space-evenly}footer h1{margin:0}footer h3{margin-top:0}footer .social{width:40px;height:40px}footer .facebook:hover{fill:#1877f2;transition:all .5s ease-in-out}footer .instagram:hover{fill:#cc2b5e;transition:all .5s ease-in-out}footer .tiktok:hover{fill:#000;transition:all .5s ease-in-out}footer .contact{display:flex;color:#fff;width:80%;font-family:mdBold;margin:20px auto;justify-content:center;align-items:center}footer .contact h3{margin:0 10px}footer .contact h4{letter-spacing:1.5px;font-size:1.2rem;margin:0 10px}.card{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:.75rem;background-color:var(--light);box-shadow:0 0 20px #75757599}.image_container{overflow:hidden;cursor:pointer;position:relative;z-index:5;width:100%;height:400px}.image_container .image{width:100%;height:100%;object-fit:cover}.title{overflow:clip;width:100%;font-weight:600;color:var(--black);text-transform:capitalize;text-wrap:nowrap;text-overflow:ellipsis;text-align:start;font-family:mdBold;margin:0 .5rem}.action{display:flex;text-align:start;flex-wrap:wrap;gap:.5rem}.price{width:100%;font-size:1rem;font-weight:700;font-family:afacad;text-align:start;margin:0 .5rem;color:var(--black)}.size{width:100%;font-size:1rem;font-weight:700;font-family:afacad;color:var(--black)}.card-button{width:100%;margin:0 .5rem .5rem}@media (max-width: 400px){.image_container{height:350px}}@media (min-width: 401px) and (max-width: 600px){.image_container{height:250px}}@media (min-width: 601px) and (max-width: 900px){.image_container{height:300px}}.frame{width:95%;min-height:90vh;margin:50px auto;display:grid;grid-template-columns:repeat(4,23vw);gap:16px}@media (max-width: 400px){.frame{grid-template-columns:repeat(1,90vw)}}@media (min-width: 401px) and (max-width: 600px){.frame{grid-template-columns:repeat(2,46vw)}}@media (min-width: 601px) and (max-width: 900px){.frame{grid-template-columns:repeat(3,30vw)}}.articleFrame{display:flex;justify-content:space-between;width:90%;min-height:90vh;margin:3rem auto}.articleFrame .right{width:40%}.articleFrame .right img{width:100%;height:100%;max-height:80vh;object-fit:contain}.articleFrame .left{width:60%;text-align:start;margin-left:20px}.articleTitle{font-size:1.6rem;font-family:mdBold;margin:1rem 0 2rem}.articleSize{display:flex;flex-direction:column;font-family:afacad;font-size:1.5rem}.articleSize .storeSizes{display:flex;width:100%;justify-content:start}.articlePrice h3{font-size:1.5rem;font-family:mdBold;color:#125d76;display:inline}.articlePrice span{color:#125d76;font-size:1.5rem;font-family:mdSemi}.articleQuantity{display:block;font-family:afacad;font-size:1.5rem}@media (max-width: 900px){.articleFrame{flex-direction:column}.articleFrame .right,.articleFrame .left{width:90%;margin:0 auto}}.articleForm{margin:2rem 0}.quantity{display:flex;justify-content:start;align-items:center;margin:1rem 0 2rem}.quantity button{width:2.5rem;height:2.5rem;border-radius:0;font-size:2rem;border:1px solid black}.quantity button:hover{background-color:#b4b3b3;color:#000;box-shadow:none;border:.5px solid black}.quantityText{width:10rem;height:2rem;display:flex;justify-content:start;align-items:center;font-size:1.3rem;margin-right:2rem;text-wrap:nowrap;font-family:afacad}.quantityValue{background-color:#fff;color:#000;width:2.5rem;height:2.3rem;text-align:center;font-size:1.5rem;font-family:afacad;border:.1px solid black}.quantityValue:focus{outline:.1px solid black;border:0}.totalPrice h3{font-size:1.5rem;display:inline;font-family:mdBold;color:#125d76}.totalPrice span{color:#125d76;font-size:1.5rem;font-family:mdSemi}.radio-tile-group{display:flex;flex-wrap:wrap;justify-content:center;width:5rem;height:100%;margin:0 15px 20px 0}.radio-tile-group .input-container{position:relative;height:100%;width:80%;margin:.5rem}.radio-tile-group .input-container .radio-button{opacity:0;position:absolute;top:0;left:0;height:100%;width:130%;margin:0;cursor:pointer}.radio-tile-group .input-container .radio-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;border:2px solid var(--black);border-radius:5px;padding:.2rem .5rem;transition:transform .3s ease}.radio-tile-group .input-container .radio-tile-label{text-align:center;font-size:1rem;font-weight:900;text-transform:uppercase;letter-spacing:1px;color:#000}.radio-tile-group .input-container .radio-button:hover+.radio-tile{background-color:#b4b3b3;color:#fff}.radio-tile-group .input-container .radio-button:checked+.radio-tile{background-color:var(--black);color:#fff;transform:scale(1.1)}.radio-tile-group .input-container .radio-button:checked+.radio-tile .icon svg{fill:#fff;background-color:#079ad9}.radio-tile-group .input-container .radio-button:checked+.radio-tile .radio-tile-label{color:#fff}.clientForm{border:1px solid white;box-shadow:0 0 5px #75757599;width:60%;margin:0rem auto;border-radius:1rem}.clientForm h1{font-family:mdBold;margin:4rem auto;color:var(--primary)}.input-container{--c-text: rgb(50, 50, 80);--c-bg: rgb(252, 252, 252);--c-outline: var(--primary);display:grid;gap:1ch;position:relative;width:80%;margin:3rem auto 1rem;font-family:mdSemi;color:#000}.input-field{font-family:kanit;padding:.5em .75em;border-radius:.2em;border:1px solid var(--c-border, currentColor);color:var(--c-text);background-color:#fff;font-size:1rem;letter-spacing:.1ch;caret-color:initial}.wilayas,.wilayas option{color:#000}.input-field:not(:placeholder-shown)+.input-label{transform:translateY(-220%);display:block;opacity:1}.input-field:-webkit-autofill{-webkit-text-fill-color:black!important;background-color:#fff!important;border:1px solid black;box-shadow:0 0 0 50px #fff inset!important;caret-color:#000}.input-field:invalid{--c-border: rgb(230, 85, 60);--c-text: rgb(230, 85, 60);--c-outline: rgb(230, 85, 60)}.input-field:is(:disabled,:read-only){--c-border: rgb(150, 150, 150);--c-text: rgb(170, 170, 170)}.input-field:is(:focus,:focus-visible){outline:2px solid var(--c-outline);outline-offset:2px}.input-label{--timing: .2s ease-in;position:absolute;display:none;left:0;top:50%;transition:transform var(--timing),opacity var(--timing);transform:translateY(-50%);opacity:0;color:var(--c-text);font-weight:500}.confirm{width:80%;margin:3rem auto 4rem}.errorSpan{color:red;font-family:mdSemi}@media (max-width: 400px){.clientForm{width:90%}.clientForm h1{font-size:1.7rem}}@media (min-width: 401px) and (max-width: 600px){.clientForm{width:90%}.clientForm h1{font-size:1.7rem}}@media (min-width: 601px) and (max-width: 900px){.cartArticleCard{width:90%}.cartArticleCard .left{margin:0;max-width:20vw;max-height:40vh}}.modalFrame{font-family:mdBold;width:90%;margin:10rem auto;border-radius:.5rem;background-color:#fff;box-shadow:0 0 10px #0009;border:1px solid transparent}.modalFrame h1{font-size:1.7rem;color:green;width:90%;margin:2rem auto}.modalFrame h3{width:90%;margin:0 auto 2rem}.adminCard{width:60%;margin:5rem auto;border:1px solid white;border-radius:.5rem;box-shadow:0 0 3px #75757599}.adminCard h1{width:90%;margin:2rem auto;color:var(--primary);font-family:mdBold}.adminCard .adminForm{width:90%;margin:1rem auto;display:flex;flex-direction:column;justify-content:start}.adminCard .adminForm label{font-family:mdSemi;text-align:start}.adminCard .adminForm input{font-family:mdSemi;padding:.5em .75em;margin:.5rem 0;background-color:#fff;border:1px solid black;border-radius:.3rem;letter-spacing:.1ch;caret-color:#000;color:#000}.adminCard .adminForm input:-webkit-autofill{-webkit-text-fill-color:black!important;background-color:#fff!important;border:1px solid black;box-shadow:0 0 0 50px #fff inset!important;caret-color:#000}.adminCard .adminForm button{margin-bottom:2rem}.adminCard .adminForm p{color:red;font-family:mdSemi;margin:0 auto 2rem}@media (max-width: 600px){.adminCard{width:90%}}.overview{width:100%;height:100%;display:flex;justify-content:space-between;gap:10px}.overview .leftSide{min-width:180px;border:.1px solid rgb(241,241,241)}.overview .rightSide{width:100%;border:.1px solid white}.overview .rightSide h1{font-family:mdBold}.overview .rightSide .overviewFrame{width:95%;margin:1rem auto}.overview .rightSide .overviewFrame .row{display:flex;gap:1rem;margin-bottom:1rem}.overview .rightSide .overviewFrame .row .Card{width:45%;display:flex;align-items:center;padding:10px;gap:10px;background-color:var(--light);box-shadow:0 0 2px #75757599}.overview .rightSide .overviewFrame .row .Card .icon{width:2rem;height:2rem}.overview .rightSide .overviewFrame .row .Card h3{font-family:mdBold;font-size:1rem;text-align:start;margin:.5rem 0}@media (max-width: 600px){.overview .rightSide .overviewFrame .row{flex-direction:column}.overview .rightSide .overviewFrame .row .Card{width:80%;margin:0 auto}}.sideBar{background-color:#f1f1f1;border:.1px solid rgb(241,241,241);display:flex;flex-direction:column;justify-content:start;height:100vh}.sideBar .subList li{margin:1rem auto}.sideBar ul{list-style:none;padding:0 0 0 10%;text-align:start}.sideBar ul .active{color:var(--primary)}.sideBar ul li{margin:1.5rem auto 0;font-family:mdSemi;display:flex;align-items:center}.sideBar ul li:hover{cursor:pointer;color:var(--primary)}.sideBarHidden{display:none}@media (max-width: 900px){.sideBar{position:absolute;width:70%;left:50%;transform:translate(-50%);border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}@keyframes Drop{0%{top:-350px}10%{top:-310px}20%{top:-270px}30%{top:-230px}40%{top:-190px}50%{top:-150px}60%{top:-110px}70%{top:-70px}80%{top:-30px}90%{top:10px}to{top:50px}}}.leftSide{z-index:100}.adminArticles{width:100%;height:100%;display:flex;justify-content:space-between;gap:10px}.adminArticles .leftSide{min-width:180px;border:.1px solid rgb(241,241,241)}.adminArticles .rightSide{width:100%;border:.1px solid white}.adminArticles .rightSide .articlesActions{display:flex;flex-direction:column;align-items:center;gap:2rem;width:90%;margin:1rem auto}.adminArticles .rightSide .articlesActions .actionCard{display:flex;justify-content:center;align-items:center;gap:.5rem;min-width:50vw;box-shadow:0 0 5px #75757599}.adminArticles .rightSide .articlesActions .actionCard:hover{cursor:pointer;background-color:#f1f0f0}.adminArticles .rightSide .articlesActions .actionCard .icon{width:2.5rem;height:2.5rem}.adminArticles .rightSide .articlesActions .actionCard h1{font-size:1.5rem;font-family:mdSemi}.pageTitle{font-family:mdBold;margin:2rem auto;font-size:2.5rem}@media (max-width: 900px){.adminArticles .rightSide .articlesActions{flex-direction:column}.adminArticles .rightSide .articlesActions .actionCard{width:90%;margin:0 auto}}.commands{width:100%;height:100%;display:flex;justify-content:space-between;gap:10px}.commands .leftSide{min-width:180px;border:.1px solid rgb(241,241,241)}.commands .rightSide{width:100%;border:.1px solid white}.commands .rightSide h1{font-family:mdBold}.commands .rightSide .table{width:95%;margin:0 auto;border-collapse:collapse}.commands .rightSide .table th,.commands .rightSide .table td{padding:10px;border-top:1px solid #ddd;border-left:none;border-bottom:1px solid #ddd;border-right:none;text-align:left;font-family:afacad}.commands .rightSide .table thead th{font-weight:700;font-family:mdBold}.commands .rightSide .table tbody tr:hover{background-color:#f7f7f7}.commands .rightSide th.orderId{max-width:15%}.commands .rightSide th.clienName{max-width:30%}.commands .rightSide th.wilaya{max-width:25%}.commands .rightSide th.orderdate,.commands .rightSide th.orderPrice,.commands .rightSide th.orderStatus{max-width:10%}.commands .rightSide .Pending{width:100%;border-radius:1rem;text-align:center;background-color:#fff4e1;color:orange;padding:2px}.commands .rightSide .Completed{width:100%;border-radius:1rem;text-align:center;background-color:#ecffec;color:green;padding:2px}.commands .rightSide .Canceled{width:100%;border-radius:1rem;text-align:center;background-color:#ffe9e9;color:red;padding:2px}.commands .rightSide .Not{width:100%;border-radius:1rem;text-align:center;background-color:#f3f3f3;color:#000;padding:2px}.commands .rightSide .radio-inputs{position:relative;display:flex;flex-wrap:wrap;border-radius:.5rem;background-color:#eee;box-sizing:border-box;box-shadow:0 0 0 1px #0000000f;padding:.25rem;width:70%;margin:3rem auto 1rem;font-size:14px;font-family:mdSemi}.commands .rightSide .radio-inputs .radio{flex:1 1 auto;text-align:center}.commands .rightSide .radio-inputs .radio input{display:none}.commands .rightSide .radio-inputs .radio .name{display:flex;cursor:pointer;align-items:center;justify-content:center;border-radius:.5rem;border:none;padding:.5rem 0;color:#334155;transition:all .15s ease-in-out}.commands .rightSide .radio-inputs .radio input:checked+.name{background-color:#fff;font-weight:600}@media (max-width: 600px){.commands .rightSide .radio-inputs{width:90%}.commands .rightSide .phoneView{display:none}}.commandDetails{width:80%;background-color:#fff;border-radius:.5rem;padding:.5rem;position:absolute;top:10%;left:50%;transform:translate(-50%);overflow:hidden;box-shadow:0 0 20px #75757599;z-index:100}.commandDetails .clientInfo{text-align:start;width:90%;margin:3rem auto}.commandDetails .clientInfo h1{font-size:1.5rem}.commandDetails .clientInfo div{display:flex;align-items:center;font-family:mdBold}.commandDetails .clientInfo div p{font-family:mdReg;letter-spacing:1px;margin:.5rem 0}.commandDetails .clientInfo div .phoneNumber{font-family:mdBold;font-size:1.5rem;margin:0;color:#4a4a4a;letter-spacing:1px}.commandDetails .articlesInfo{width:90%;margin:2rem auto;text-align:start}.commandDetails .articlesInfo h1{font-size:1.5rem}.commandDetails .articlesInfo .commandArticleInfo{position:relative;width:100%;margin:.5rem auto;border-radius:5px;display:flex;justify-content:space-between;box-shadow:0 0 3px #75757599}.commandDetails .articlesInfo .commandArticleInfo .left{max-height:30vh;max-width:10vw}.commandDetails .articlesInfo .commandArticleInfo .left img{width:100%;height:100%;object-fit:cover}.commandDetails .articlesInfo .commandArticleInfo .right{display:flex;flex-direction:column;justify-content:center;padding:1rem;width:80%;text-align:left}.commandDetails .articlesInfo .commandArticleInfo .right span{font-family:afacad;font-size:1rem}.commandDetails .articlesInfo .commandArticleInfo .right span span{font-family:mdSemi}.commandDetails .commandStatus{margin:1rem auto 7rem}.commandDetails .commandStatus h1{font-size:1.5rem;margin:0 auto .5rem}.commandDetails .commandStatus span{font-family:mdSemi;font-size:1.2rem}.commandDetails .commandStatus .commandActions{display:flex;justify-content:center;gap:1rem;margin:3rem auto 0rem}.commandDetails .commandStatus .commandActions button{min-width:8rem}.commandDetails .closeCommand{position:absolute;width:2rem;height:2rem;top:1rem;right:1rem}.commandDetails .closeCommand:hover{cursor:pointer;fill:var(--primary)}@media (max-width: 600px){.commandDetails{width:95%;padding:0}.commandDetails h1{margin-top:4rem}.commandDetails .clientInfo{margin:1rem auto}.commandDetails .clientInfo h1{font-size:1.4rem}.commandDetails .clientInfo div p{font-size:.9rem}.commandDetails .articlesInfo .commandArticleInfo .left{max-width:25vw;max-height:20vh}}@media (min-width: 601px) and (max-width: 900px){.commandDetails{width:80%}}.settings{width:100%;height:100%;display:flex;justify-content:space-between;gap:10px}.settings .leftSide{min-width:180px;border:.1px solid rgb(241,241,241)}.settings .rightSide{width:100%;border:.1px solid white}.settings .rightSide h1{font-family:mdBold}.settings .rightSide .socialLinks{width:80%;margin:1rem auto;display:flex;flex-direction:column}.settings .rightSide .socialLinks h3{font-family:mdBold;text-align:start;margin:5rem 0 0}.settings .rightSide .socialLinks div{display:flex;align-items:center}.settings .rightSide .socialLinks div button{width:8rem;height:2rem;margin-left:1rem}.settings .rightSide .socialLinks div input{width:60%;font-family:mdSemi;padding:.75em 1em;margin:.5rem 0;background-color:#fff;border:1px solid black;border-radius:.3rem;letter-spacing:.1ch;caret-color:#000;color:#000}.settings .rightSide .socialLinks div input:-webkit-autofill{-webkit-text-fill-color:black!important;background-color:#fff!important;border:1px solid black;box-shadow:0 0 0 50px #fff inset!important;caret-color:#000}.settings .rightSide .socialLinks label{font-family:mdSemi;text-align:start;margin:1rem 0 0}.addArticles{width:100%;height:100%;display:flex;justify-content:space-between;gap:10px}.addArticles .leftSide{min-width:180px;border:.1px solid rgb(241,241,241)}.addArticles .rightSide{width:100%;border:.1px solid white}.addArticles .rightSide .addArticleForm{width:70%;margin:5rem auto;display:flex;justify-content:start;flex-direction:column}.addArticles .rightSide .addArticleForm label{font-family:mdSemi;text-align:start;margin:1rem 0 0}.addArticles .rightSide .addArticleForm input{font-family:mdSemi;padding:.75em 1em;margin:.5rem 0;background-color:#fff;border:1px solid black;border-radius:.3rem;letter-spacing:.1ch;caret-color:#000;color:#000}.addArticles .rightSide .addArticleForm input:-webkit-autofill{-webkit-text-fill-color:black!important;background-color:#fff!important;border:1px solid black;box-shadow:0 0 0 50px #fff inset!important;caret-color:#000}.addArticles .rightSide .addArticleForm button{margin:2rem 0}.addArticles .rightSide .addArticleForm p{color:red;font-family:mdSemi;margin:0 auto}.addArticles .rightSide .addArticleForm .sizes{margin:1rem 0;display:flex;align-items:start;flex-direction:column}.addArticles .rightSide .addArticleForm .sizes div{position:relative}.addArticles .rightSide .addArticleForm .sizes div label{position:absolute;margin:0;top:50%;left:5%;transform:translate(-5%,-50%)}.addArticles .rightSide .addArticleForm .sizes div input{margin-left:3rem}.addArticles .rightSide .addArticleForm input[type=file]{outline:none;padding:4px;margin:-4px;font-family:mdSemi;border:0}.addArticles .rightSide .addArticleForm input[type=file]:focus-within::file-selector-button,.addArticles .rightSide .addArticleForm input[type=file]:focus::file-selector-button{outline:2px solid #0964b0;outline-offset:2px}.addArticles .rightSide .addArticleForm input[type=file]:before{top:16px}.addArticles .rightSide .addArticleForm input[type=file]:after{top:14px}.addArticles .rightSide .addArticleForm input[type=file]{position:relative}.addArticles .rightSide .addArticleForm input[type=file]::file-selector-button{width:136px;color:transparent}.addArticles .rightSide .addArticleForm input[type=file]:before{position:absolute;pointer-events:none;left:40px;color:#0964b0;content:"Upload File"}.addArticles .rightSide .addArticleForm input[type=file]:after{position:absolute;pointer-events:none;left:16px;height:20px;width:20px;content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230964B0'%3E%3Cpath d='M18 15v3H6v-3H4v3c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-3h-2zM7 9l1.41 1.41L11 7.83V16h2V7.83l2.59 2.58L17 9l-5-5-5 5z'/%3E%3C/svg%3E")}.addArticles .rightSide .addArticleForm input[type=file]::file-selector-button{border-radius:4px;padding:0 16px;height:40px;cursor:pointer;background-color:#fff;border:1px solid rgba(0,0,0,.16);box-shadow:0 1px #0000000d;margin-right:16px;transition:background-color .2s}.addArticles .rightSide .addArticleForm input[type=file]::file-selector-button:hover{background-color:#f3f4f6}.addArticles .rightSide .addArticleForm input[type=file]::file-selector-button:active{background-color:#e5e7eb}.deleteArticles{width:100%;height:100%;display:flex;justify-content:space-between;gap:10px}.deleteArticles .leftSide{min-width:180px;border:.1px solid rgb(241,241,241)}.deleteArticles .rightSide{width:100%;border:.1px solid white}.deleteArticles .rightSide .frame{min-height:auto;grid-template-columns:repeat(3,30%)}@media (max-width: 400px){.deleteArticles .rightSide .frame{grid-template-columns:repeat(1,90vw)}}@media (min-width: 401px) and (max-width: 600px){.deleteArticles .rightSide .frame{grid-template-columns:repeat(2,46vw)}}@media (min-width: 601px) and (max-width: 900px){.deleteArticles .rightSide .frame{grid-template-columns:repeat(3,30vw)}}.popUpOverlay{position:fixed;height:200vh;top:0;right:0;left:0;bottom:0;background-color:#00000060;z-index:100}.PopUpConfirm{width:300px;height:220px;background-color:#fff;border-radius:.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem 2rem;gap:15px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);overflow:hidden;box-shadow:0 0 20px #75757599;z-index:101}.cookieHeading{font-size:1.2em;font-family:mdBold;font-weight:800;color:#1a1a1a}.buttonContainer{display:flex;gap:20px;flex-direction:row}.acceptButton{font-family:mdSemi;width:8rem;height:2.5rem;background-color:#640000;transition-duration:.2s;border:none;color:#fff;cursor:pointer;border-radius:.5rem;transition:all .6s ease}.declineButton{font-family:mdSemi;width:8rem;height:2.5rem;background-color:#000;transition-duration:.2s;color:#fff;border:none;cursor:pointer;border-radius:.5rem;transition:all .6s ease}.declineButton:hover{background-color:#3c3c3c;transition-duration:.2s}.acceptButton:hover{transition-duration:.2s;background-color:#960000}.updateArticles{width:100%;height:100%;display:flex;justify-content:space-between;gap:10px}.updateArticles .leftSide{min-width:180px;border:.1px solid rgb(241,241,241)}.updateArticles .rightSide{width:100%;border:.1px solid white}.updateArticles .rightSide .frame{min-height:auto;grid-template-columns:repeat(3,30%)}@media (max-width: 400px){.updateArticles .rightSide .frame{grid-template-columns:repeat(1,90vw)}}@media (min-width: 401px) and (max-width: 600px){.updateArticles .rightSide .frame{grid-template-columns:repeat(2,46vw)}}@media (min-width: 601px) and (max-width: 900px){.updateArticles .rightSide .frame{grid-template-columns:repeat(3,30vw)}}.updateCard{width:70%;background-color:#fff;border-radius:.5rem;padding:.5rem;position:absolute;top:10%;left:50%;transform:translate(-50%);overflow:hidden;box-shadow:0 0 20px #75757599;z-index:101}.updateCard .cardTitle{font-family:mdBold}.updateCard .addArticleForm{width:90%;margin:1rem auto;display:flex;justify-content:start;flex-direction:column}.updateCard .addArticleForm .oldImage{max-width:100px;margin:1rem auto 2rem;border-radius:.5rem}.updateCard .addArticleForm label{font-family:mdSemi;text-align:start;margin:1rem 0 0}.updateCard .addArticleForm input{font-family:mdSemi;padding:.75em 1em;margin:.5rem 0;background-color:#fff;border:1px solid black;border-radius:.3rem;letter-spacing:.1ch;caret-color:#000;color:#000}.updateCard .addArticleForm input:-webkit-autofill{-webkit-text-fill-color:black!important;background-color:#fff!important;border:1px solid black;box-shadow:0 0 0 50px #fff inset!important;caret-color:#000}.updateCard .addArticleForm .buttons{display:flex;justify-content:space-between}.updateCard .addArticleForm .buttons button{width:45%}.updateCard .addArticleForm button{margin:2rem 0}.updateCard .addArticleForm p{color:red;font-family:mdSemi;margin:0 auto}.updateCard .addArticleForm .sizes{margin:1rem 0;display:flex;align-items:start;flex-direction:column}.updateCard .addArticleForm .sizes div{position:relative}.updateCard .addArticleForm .sizes div label{position:absolute;margin:0;top:50%;left:5%;transform:translate(-5%,-50%)}.updateCard .addArticleForm .sizes div input{margin-left:3rem}.updateCard .addArticleForm input[type=file]{outline:none;padding:4px;margin:-4px;font-family:mdSemi;border:0}.updateCard .addArticleForm input[type=file]:focus-within::file-selector-button,.updateCard .addArticleForm input[type=file]:focus::file-selector-button{outline:2px solid #0964b0;outline-offset:2px}.updateCard .addArticleForm input[type=file]:before{top:16px}.updateCard .addArticleForm input[type=file]:after{top:14px}.updateCard .addArticleForm input[type=file]{position:relative}.updateCard .addArticleForm input[type=file]::file-selector-button{width:136px;color:transparent}.updateCard .addArticleForm input[type=file]:before{position:absolute;pointer-events:none;left:40px;color:#0964b0;content:"Upload File"}.updateCard .addArticleForm input[type=file]:after{position:absolute;pointer-events:none;left:16px;height:20px;width:20px;content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230964B0'%3E%3Cpath d='M18 15v3H6v-3H4v3c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-3h-2zM7 9l1.41 1.41L11 7.83V16h2V7.83l2.59 2.58L17 9l-5-5-5 5z'/%3E%3C/svg%3E")}.updateCard .addArticleForm input[type=file]::file-selector-button{border-radius:4px;padding:0 16px;height:40px;cursor:pointer;background-color:#fff;border:1px solid rgba(0,0,0,.16);box-shadow:0 1px #0000000d;margin-right:16px;transition:background-color .2s}.updateCard .addArticleForm input[type=file]::file-selector-button:hover{background-color:#f3f4f6}.updateCard .addArticleForm input[type=file]::file-selector-button:active{background-color:#e5e7eb}@media (max-width: 900px){.updateCard{width:80%}}:root{--black: #000;--light: #ffffff;--primary: #c78c24;--gray: #383737;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#000000de;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--primary) var(--gray);scrollbar-width:thin}#root{min-width:100vw;min-height:100vh;text-align:center}@font-face{font-family:mdMed;src:url(/assets/DMSans-Medium-EWlRMWz9.ttf)}@font-face{font-family:mdReg;src:url(/assets/DMSans-Regular-Dd_8ft-L.ttf)}@font-face{font-family:mdSemi;src:url(/assets/DMSans-SemiBold-BaIrivWF.ttf)}@font-face{font-family:mdBold;src:url(/assets/DMSans-Bold-BiRe_6gs.ttf)}@font-face{font-family:BrandFont;src:url(/assets/Raleway-SemiBold-B3GRkFLp.ttf)}@font-face{font-family:afacad;src:url(/assets/Afacad-Regular-C2EledXx.ttf)}@font-face{font-family:kanit;src:url(/assets/Kanit-Regular-bWYhieLo.ttf)}@font-face{font-family:raleway;src:url(/assets/Raleway-Regular-CAQxzyjJ.ttf)}a{font-weight:500;color:#fff;text-decoration:inherit}body{margin:0;display:flex;min-width:320px;min-height:100vh;overflow-x:hidden}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}