:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#fcfcfc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-color: rgba(8, 25, 59, 100);--n-grey-1: rgba(243, 243, 243, 100);--n-grey-2: rgba(231, 231, 231, 100);--n-grey-3: rgba(198, 198, 198, 100);--n-grey-4: rgba(145, 145, 145, 100);--n-grey-5: rgba(119, 119, 119, 100);--n-grey-6: rgba(94, 94, 94, 100);--n-grey-7: rgba(71, 71, 71, 100);--n-grey-8: rgba(48, 48, 48, 100);--n-grey-9: rgba(13, 13, 13, 100)}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{width:auto}h1{font-size:3.2em;line-height:1.1}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}h1,h2,h3,h4,p{color:#000}#root{width:auto;max-width:none;margin:none;text-align:center}html{scroll-behavior:smooth}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.Header{color:#011f5b;font-family:Open Sans;width:60%;display:flex;justify-content:start}.card{padding:2em}.read-the-docs{color:#888}.LogInField{justify-content:center}#LogInForm{display:flex;flex-direction:column;justify-content:center;margin-top:20vh}#LogInBtn{width:70%;height:7vh;display:flex;margin:4% auto;background-color:#011f5b;border-radius:8px}#LogInBtn h2{color:#fff;margin:auto}#LogInBtn:active{width:70%;height:7vh;display:flex;margin:4% auto;background-color:#db7005}#LogInForm input{border-radius:8px;height:7vh;width:64%;justify-content:center;align-items:center;margin:auto;font-size:25px;background-color:#fff;border:solid black 3px;color:#000;font-weight:700;padding-left:5%}#Circles{display:flex;justify-content:center;align-items:center;width:70%;margin:auto;gap:40px}.Flag{width:70px;height:70px;border-radius:50%;background-color:#888;display:flex;justify-content:center;align-items:center;margin:2%;object-fit:cover}.Flag:active{border-radius:50%;background-color:#071287;display:flex;justify-content:center;align-items:center;margin:2%;transform:scale(1.1);box-shadow:0 4px 10px #0000004d}.row{float:left;width:50%}.column:after{content:"";display:table;clear:both}.ZaikoLogoImg{width:100%;height:auto}footer{background:#f3f3f3;color:#fff;width:100vw;height:100px;text-align:center;position:fixed;bottom:0;box-shadow:0 0 10px 2px #100e0e38;margin-left:-10px}.FooterContent{display:flex;flex-direction:row;justify-content:space-around}#Option{margin-top:2%;width:60px}.ProductHeader{width:100%;height:11%;background-color:#f3f3f3;margin-bottom:12px;filter:drop-shadow(0 4px 6px #100e0e50)}.ProductHeader form input{background-color:#fff;border:none;border-radius:25px;width:736px;height:52px;margin-bottom:15px;border:solid 2px #919191}.ProductHeader input{font-size:20px;color:#000;padding-left:15px;font-weight:700}.LocationSquares{width:288px;height:288px;border-radius:16px;border:solid rgba(0,0,0,.193) 3px;background-color:#c1c1c1;margin:16px;text-align:left;display:flex;flex-wrap:wrap;justify-content:center;position:relative;transition:background-color .3s ease-in-out;box-shadow:0 4px 8px #0003,0 6px 20px #00000047}.LocationSquares strong{font-size:4vw;width:80%;color:#4a3737d5;display:flex;position:relative;bottom:180px}.LocationSquares button{background-color:#0000;border:none;width:30vw;height:40vh}.NumOfItems{font-family:Open Sans;font-weight:700;font-size:24px;position:absolute;bottom:10px;left:32px}.NumOfItems p{color:#4a3737ea}.ProductHeader a{font-size:36px;color:#011f5b;font-weight:700}.productList{background-color:#e7e7e7;width:100%}.productList h2{font-size:3vw;width:30%;position:relative;color:#011f5b}.productList{display:flex;flex-direction:column}.productCard{border:1px solid #919191;padding:10px;border-radius:25px;width:85vw;height:6vh;box-shadow:0 4px 8px #0000001a;margin-top:0%;margin-bottom:50px;background-color:#f3f3f3;box-shadow:0 4px 4px #0003,0 6px 14px #0000001b}.productCard h3{font-size:20px;font-weight:900;color:#011f5b;margin-top:3%;margin-left:2%;float:left;display:flex;flex-direction:column;height:100%;padding-right:200px}.productCard p{font-size:14px;margin:5px 0;justify-content:center;width:100%;flex-direction:row}.productCard form{z-index:100}.EditQTY{display:flex;width:auto;float:right;flex-direction:row;height:auto}#QTYBTN{border:none;width:30px;height:40px;border-radius:100px;background-color:#011f5b;font-size:35px;margin-top:15px;color:#fff}#QTYField{margin:15px;width:47px;height:47px;background-color:#fff;border:solid 2px #011f5b;border-radius:6px;color:#011f5b;font-size:20px;text-align:center;font-weight:700}.LocationTabs{width:auto;padding:140px 6%}.Location-list{display:flex;justify-content:center;align-items:center}.LocationTabs ul{display:grid;grid-template-columns:repeat(2,1fr);justify-items:left;width:auto;margin-bottom:20px}.SaveBtnContainer{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100vw}.SaveBtn{width:400px;height:auto;background-color:#000;border:none;border-radius:15px;position:fixed;bottom:115px}.SaveBtn h1{color:#fff}.LocationNav{display:flex;flex-direction:row;align-items:center;justify-content:space-around;box-shadow:0 4px 10px #0000004d;position:fixed;width:100vw;top:none;z-index:1000;background-color:#f3f3f3;margin-left:-10px;scroll-behavior:smooth;font-size:80%}.dropdown{position:relative;display:inline-block}.dropdown button{color:#000;background-color:#f3f3f300;padding:10px;cursor:pointer;border:none}.dropdown-menu{position:absolute;background-color:#011f5b;min-width:160px;box-shadow:0 8px 16px #0003;z-index:1;list-style:none;padding:0;margin:0}.dropdown-menu li{color:#000;padding:12px 16px;text-decoration:none;display:block;cursor:pointer}.dropdown-menu li:hover{background-color:#ddd}.FilterIcon{width:70px;height:auto}.Dropdown{border-color:transparent}.ArrowIcon{width:70px;height:auto}.OrderHistory{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Arial,sans-serif;background-color:#f8f9fa}h2{color:#333;margin-bottom:10px;font-size:24px}p{font-size:18px;color:#555;margin-bottom:15px}table{width:100%;height:100%;max-width:100%;border-collapse:collapse;box-shadow:0 4px 8px #0003}th,td{border:1px solid #ddd;padding:12px;text-align:left}th{background-color:#011f5b;color:#fff;text-transform:uppercase}tr:nth-child(2n){background-color:#f2f2f2}tr:hover{background-color:#ddd;cursor:pointer}.OrderHistoryTable td{color:#011f5b;font-weight:bolder}.LazyLoad img{display:flex;justify-content:center;width:200%;height:100%}.PFP{width:200px;height:200px;background-color:#555;margin-top:5%;margin-right:15%;border-radius:100%}.PFP img{border-radius:100%;width:100%;height:auto}.nameArrow{display:inline;align-items:last baseline}.HeaderTop{display:flex;justify-content:space-between;align-items:left;width:89%;padding-left:5%}.LocHeader{display:flex;width:100%;height:110%;justify-content:top;margin-left:20px}.HeaderTop img{width:40px;height:40px}.ProfileHeader{background-color:#0d2149;display:flex;flex-direction:row;justify-content:left;padding-left:5%}.ProfileHeader h1{color:#fffcfc}.ProfileHeader h3{color:#fffcfc;font-weight:200}.ProfileHeader h4{color:#fffcfc}#PFHInfo{flex-direction:column;justify-content:center;text-align:left;justify-self:center}.BtnInfo{display:flex;width:auto;width:90vw}.dropdown2{width:auto;background-color:#284070}.dropdown2 button{background-color:#0000;border:none}.dropdown2 h2{color:#f8f8f8;width:100%;text-align:left;flex-direction:column;justify-content:center;margin-top:40px;font-family:inter}.dropdown2 h1{color:#fff}.SettingsMenu{background-color:#f0f0f0}.SettingsMenu ul{list-style-type:none;padding:0;text-align:left}.SettingsMenu li{margin:10px}.LogOut{width:75%;height:70px;background-color:#0d2149;border:none;border-radius:10px;position:fixed;bottom:140px;left:50%;transform:translate(-50%)}.LogOut h1{color:#fff;font-size:20px}.LocationNav{background-color:#f8f9fa;display:flex;align-items:center;justify-content:space-between}.FilterOverLay{display:flex;flex-direction:column;gap:50px;background-color:#f8f9fa;padding:50px 0;box-shadow:0 4px 6px #0000001a;width:100%;position:absolute;top:100%;border-top:none}.FilterOverLay div{display:flex;flex-direction:row}.FilterOverLay input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:60px;height:60px;background-color:#fff;border:solid #011f5b;border-radius:10px;margin-left:2%;cursor:pointer}.FilterOverLay input:checked{background-color:#011f5b;border-color:#011f5b;box-shadow:inset 0 0 0 12px #fff;border-radius:10px}.formFilterBar{margin:19px;display:flex;justify-content:space-between;color:#333;border-color:#333}.countFilter{width:200px;height:40px;border-radius:20px;font-size:large;background-color:#e7e7e7;border:solid 3px #011f5b;color:#011f5b}.formFilterBar :active{color:#d37b00;border-color:#d37b00}.ProductEditor{display:flex;flex-direction:column;position:fixed;bottom:1px;background-color:#fff;width:100%;z-index:100;font-family:Open Sans;animation:slideUp .15s ease-out;box-shadow:0 -400px 1000px #0000003b}.ProductEditor p{color:#011f5b;font-weight:700;font-size:30px;display:flex;text-align:left;padding-left:20px}#SettingsRow{display:flex;flex-direction:row;width:95%;justify-content:space-between}#SettingsRow H4{color:#db3838;font-weight:700;font-size:30px;display:flex}.ProductEditor h4{display:flex;text-align:right}.ProductEditor form{width:100%;height:59 vh;font-family:Open Sans}.OverLay-background{background-color:#000000b3;transition:background-color .3s ease}.ProductEditor form input,.ProductEditor form select{width:100%;margin-bottom:20px;background:none;border:none;color:#011f5b;font-size:40px;font-weight:bolder;padding-left:20px}.ProductEditor form option{background-color:#fff}.ProductEditor form h3{text-align:left;font-size:20px;padding-left:20px;font-weight:300}.ProductEditor button{width:90%;height:90px;border:solid #011f5b 4px;background:none;border-radius:100px;margin-bottom:5%}.ProductEditor button h1{display:flex;justify-content:center;height:auto;position:relative;bottom:10px;font-weight:300;font-family:Open Sans}.ProductEditor .SaveBTN button{background-color:#456d3a;border:none}.ProductEditor .SaveBTN button h1{color:#fff;font-weight:700}@keyframes slideUp{0%{transform:translateY(100%);opacity:60}to{transform:translateY(0);opacity:1}}#slide-up{animation:slideUp .4s ease-out}.ConformationOverlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;background-color:#fff;width:80%;padding:30px;font-family:Open Sans;border-radius:25px;box-shadow:0 0 10px 2px #100e0e38;z-index:101;box-shadow:0 400px 1200px #0000001d,0 -400px 1200px #0000001d}.ConformationOverlay button{width:90%;height:90px;border:solid #011f5b 4px;background:none;border-radius:100px;margin-bottom:5%}.ConformationOverlay button h1{display:flex;justify-content:center;height:auto;position:relative;bottom:10px;font-weight:300;font-family:Open Sans}.ConformationOverlay .DeleteBTN button{background-color:#c21d1b;border:none}.ConformationOverlay .DeleteBTN button h1{color:#fff;font-weight:700}.ConformationOverlay p{font-size:32px;font-family:Open Sans;text-align:left;font-weight:700;color:#000}.SubmitAndDate{display:flex;width:95%;justify-content:space-between}.SubmitAndDate button{border-radius:100px;width:200px;font-size:20px;font-weight:900;background-color:#011f5b;border:none}.SubmitAndDate h3{margin-left:90px;font-size:20px;font-weight:700;color:#011f5b}hr{width:23%;height:2px;border-radius:100px;background-color:#011f5b;margin-left:10%;margin-top:-10px}.SubmitAndDate a{color:#fff}.Thankyou{text-align:center;padding:"2rem";margin-top:30%}.Thankyou img{width:80%}