:root{--header-color:#fff;--prime-color:#fff;--buton-color:#006cb5;--bac-color:#fff;--bac-color-x:#00000050;--near-bac-color:#d3ddf1;--close-bac-color:#bccdeb;--new-bac-color:#006cb590;--border-color:#00000020;--text-color:#000;--shadow-color:#fff0;--blue-trans-color:#006cb550;--blue-color:#006cb5}.cat-button img,.search-icon img,.link-end img{filter:invert(100)brightness(100)}*{box-sizing:border-box;margin:0;padding:0;font-family:arad,serif;font-weight:400}* a{color:inherit;cursor:pointer;text-decoration:none}img{-webkit-user-select:none;user-select:none}* button{cursor:pointer}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}button:focus-visible,textarea:focus-visible,input:focus-visible{opacity:1}@font-face{font-family:arad;src:url(/font/PelakFA-Bold.ttf)format("truetype");font-display:swap}html,body{-webkit-tap-highlight-color:transparent;background-color:#006cb5;height:100%;font-family:sans-serif;overflow:hidden}header{box-sizing:border-box;z-index:3;justify-content:space-between;align-items:center;width:100%;height:110px;padding:10px;display:flex;position:fixed;top:0;right:0}.head-img{z-index:2;width:100%;position:fixed;top:5px;right:0}.color-map{background-color:#1aff00;width:100%;height:5px;position:fixed;top:0;right:0}.logo-header{width:50px;height:50px;animation:.9s cubic-bezier(.77,0,.175,1) forwards logo-header}@keyframes logo-header{0%{opacity:0;transform:scale(.5)rotate(160deg)}50%{opacity:1;transform:scale(1.5)rotate(0)}to{opacity:1;transform:scale(1)rotate(0)}}.bu-header{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.bu-header button{border:solid var(--border-color) 1px;background-color:#16161620;border-radius:100px;justify-content:center;align-items:center;width:35px;height:35px;display:flex}@keyframes start-bu{0%{opacity:0;transform:scale(.5)}50%{opacity:0;transform:scale(1.2)}to{opacity:1;transform:scale(1)rotate(0)}}.bu-header button img{width:20px;height:20px}.reels-container{width:100%;height:100%;overflow:hidden}.reel{justify-content:center;width:100%;height:100%;transition:transform .3s;display:flex;position:absolute;left:0}.reel:before{content:"";background-image:var(--bg-url);filter:blur(10px);z-index:-1;background-position:50%;background-size:cover;position:absolute;inset:0}.reel{align-items:start;top:75px}@media (height<=800px){.reel img{height:calc(100% - 80px)}}.reel img{object-fit:cover;border:none;width:100%}.shade{background:linear-gradient(#0000,#000000b3);height:200px;position:absolute;bottom:0;left:0;right:0}.menu{background-color:var(--prime-color);border-left:solid var(--border-color) 1px;box-sizing:border-box;z-index:12;border-radius:25px 0 0;flex-direction:column;gap:20px;width:70%;height:calc(100dvh - 80px);padding:20px;transition:transform .5s cubic-bezier(.77,0,.175,1);display:flex;position:fixed;top:80px;right:0;transform:translate(100%);box-shadow:5px 0 25px #00000015}.menu.active{transform:translate(0)}.overlay{opacity:0;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;background-color:#00000080;width:100%;height:100vh;transition:all .2s ease-in-out;position:fixed;top:0;left:0}.non_blur{-webkit-backdrop-filter:blur()!important;backdrop-filter:blur()!important;background-color:#0000!important}.overlay.active{opacity:1;pointer-events:all}.logo-menu{width:100px}.line{background-color:var(--border-color);border-radius:100px;flex-shrink:0;width:100%;height:2px}.cat-scroll{border-radius:10px;flex-direction:column;gap:10px;max-height:400px;display:flex;overflow-y:scroll}.cat-button{background-color:var(--bac-color);box-sizing:border-box;width:100%;color:var(--text-color);border:solid var(--border-color) 1px;border-radius:10px;justify-content:space-between;align-items:center;padding:10px;font-size:15px;line-height:15px;display:flex}.cat-button img{width:20px;height:20px}.link-end{grid-template-columns:repeat(3,20px);justify-content:left;gap:10px;padding:0 10px;display:grid}.link-end img{width:20px;height:20px}.enamad{border-radius:10px;width:80px;height:80px;display:none}.end-menu{color:var(--text-color);flex-direction:column;gap:20px;margin-top:auto;display:flex}.search-box{background-color:var(--bac-color);border:solid var(--border-color) 1px;border-radius:10px;width:100%;height:40px;position:relative}.search-box input{width:100%;height:100%;color:var(--text-color);text-indent:15px;background:0 0;border:none;outline:none;font-size:15px;line-height:15px}.search-icon{justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:0;left:0}.search-icon img{width:20px;height:20px}.box-start-location{color:#0fd;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2;background-color:#003b33d1;border:1px solid #00ffdd20;border-radius:10px;justify-content:space-between;align-items:center;width:calc(100% - 40px);padding:10px;display:flex;position:fixed;top:100px;left:20px}.box-start-location img{width:20px;height:20px}.open-rell{opacity:0;box-shadow:var(--shadow-color) 0 -5px 5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;background-color:#00000040;border-radius:25px;flex-direction:column;gap:20px;padding:20px;transition:all .2s ease-in-out;display:flex;position:fixed;top:50%;left:50%;overflow-y:scroll;transform:translate(-50%,-50%)scale(.9)}.open-rell.active{pointer-events:all;opacity:1;transform:translate(-50%,-50%)scale(1)}.img-pre{background-image:url(/img/01.png);border:1px solid #000;width:200px;margin:auto}.phone-box{opacity:0;background-color:var(--bac-color);border:solid var(--border-color) 1px;pointer-events:none;z-index:100;border-radius:15px;flex-direction:column;gap:20px;width:calc(100% - 40px);padding:20px;transition:all .5s cubic-bezier(.77,0,.175,1);display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(.9);box-shadow:0 5px 10px #00000050}.phone-box.active{opacity:1;pointer-events:all;transform:translate(-50%,-50%)scale(1)}.menu.active{pointer-events:all;opacity:1;transform:scale(1)}.flex-open{color:var(--text-color);opacity:.5;justify-content:space-between;align-items:center;font-size:12px;line-height:12px;display:flex}.title-rell{color:var(--text-color);font-size:20px;line-height:20px}.link-rell{background-color:var(--bac-color);border:solid var(--border-color) 1px;color:var(--text-color);border-radius:10px;justify-content:space-between;align-items:center;padding:10px;display:flex}.link-rell button{background-color:var(--blue-trans-color);color:var(--blue-color);border:none;border-radius:100px;padding:10px;font-size:15px;line-height:15px}.top-rell{flex-direction:row;justify-content:center;gap:10px;display:flex}.top-rell button{border:solid var(--border-color) 1px;background-color:var(--new-bac-color);height:40px;color:var(--blue-color);border-radius:100px;flex:1;justify-content:center;align-items:center;padding:0 20px;display:flex}.top-rell button:hover{filter:invert()}.top-rell button img{width:20px;height:20px}.head{box-sizing:border-box;background-color:var(--header-color);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-bottom:solid var(--border-color) 1px;z-index:3;justify-content:center;align-items:center;width:100%;max-width:900px;height:80px;margin-left:auto;margin-right:auto;padding:20px;display:flex}.all{background-color:var(--bac-color);flex-direction:column;gap:20px;width:100%;height:100dvh;display:flex}.all-post{background-color:var(--bac-color);grid-template-columns:repeat(2,1fr);gap:10px;width:100%;max-width:900px;margin-left:auto;margin-right:auto;padding:0 20px;display:grid;overflow-y:scroll}@media (width<=758px){.all-post{grid-template-columns:repeat(2,1fr)}}@media (width>=758px){.all-post{grid-template-columns:repeat(4,1fr)}.head{border-radius:0 0 15px 15px}}.post{box-sizing:border-box;background-color:var(--bac-color);border:solid var(--border-color) 1px;color:var(--text-color);text-align:center;border-radius:15px;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:300px;padding:10px;display:flex}.post button{border:solid var(--border-color) 1px;background-color:var(--blue-trans-color);width:100%;height:40px;color:var(--blue-color);border-radius:10px;justify-content:center;align-items:center;font-size:15px;line-height:15px;display:flex}.post img{object-fit:cover;border-radius:10px;width:100%;height:150px}.select-city{gap:10px;max-width:900px;margin-left:auto;margin-right:auto;display:flex}select{text-indent:10px;border:solid var(--border-color) 1px;background-color:var(--blue-trans-color);color:var(--blue-color);border-radius:10px;outline:none;width:100%;min-width:170px;padding:5px 0;font-size:15px;line-height:15px}::-webkit-scrollbar{width:0;height:0}.nav-bar{justify-content:center;align-items:center;gap:10px;display:flex;position:fixed;bottom:50px;left:50%;transform:translate(-50%,-50%)}.change-page-type{opacity:1;border:solid var(--border-color) 2px;background-color:var(--bac-color-x);z-index:1;pointer-events:all;border-radius:100px;flex-shrink:0;justify-content:center;align-items:center;width:70px;height:70px;transition:all .5s ease-in-out;display:flex;position:fixed;bottom:25px;right:25px}.change-page-type.animation{animation:2s cubic-bezier(.77,0,.175,1) forwards change-page-type}.change-page-type img{width:50px;height:50px}.change-page-type.active{pointer-events:none;animation:1s cubic-bezier(.77,0,.175,1) forwards anim-change-bu-type}@keyframes anim-change-bu-type{0%{filter:blur();opacity:1;transform:rotate(0)scale(1)}50%{filter:blur(5px);opacity:.5;transform:rotate(-45deg)scale(.5)}to{filter:blur();opacity:1;transform:rotate(0)scale(1)}}@keyframes change-page-type{0%{opacity:0;transform:rotate(-45deg)}50%{opacity:1;transform:rotate(0)}to{scale:1}}.nav-bar button{box-sizing:border-box;border:solid var(--border-color) 2px;background-color:var(--blue-color);color:#fff;border-radius:100px;justify-content:center;align-items:center;min-width:50px;height:50px;display:flex;box-shadow:0 2px #006cb590}.add-post{width:150px}.nav-bar button img{width:20px;height:20px}.input-text{text-indent:15px;background-color:var(--bac-color);border:solid var(--border-color) 1px;height:40px;color:var(--text-color);box-sizing:border-box;border-radius:10px;flex-shrink:0;width:100%;font-size:15px;line-height:15px}.pad{flex-direction:column;gap:10px;width:100%;max-width:900px;margin-left:auto;margin-right:auto;padding:20px;display:flex;overflow:scroll}.add-photo{border:solid var(--border-color) 1px;background-color:var(--blue-trans-color);height:40px;color:var(--blue-color);border-radius:10px 10px 0 0;padding:10px;font-size:15px;line-height:15px}.photo-yes{text-align:center;border:solid var(--border-color) 1px;background-color:var(--border-color);color:var(--text-color);border-radius:0 0 10px 10px;justify-content:center;align-items:center;padding:10px;font-size:10px;line-height:10px;display:flex}.cha-b-c{flex-shrink:0;grid-template-columns:repeat(2,1fr);gap:10px;min-height:100px;max-height:200px;display:grid;overflow-y:scroll}.checkbox-item{background-color:var(--bac-color);border:solid var(--border-color) 1px;color:var(--text-color);border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:10px;display:flex}.title-add-post{color:var(--text-color);text-align:right;padding:10px;font-size:15px;line-height:15px}.send-post{box-sizing:border-box;border:solid var(--border-color) 2px;background-color:var(--blue-color);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:50px;display:flex;box-shadow:0 2px #006cb590}.login-box{background-color:var(--bac-color);box-sizing:border-box;flex-direction:column;align-items:center;gap:20px;width:100%;height:100dvh;padding:20px;display:flex}.login-box input{max-width:500px}.login-box h1{color:var(--blue-color);padding-top:20dvh;font-size:30px;line-height:30px}.loc-show{color:#fff;z-index:3;font-size:12px;position:fixed;top:60px;left:130px}.cat-show{color:#fff;z-index:3;font-size:12px;position:fixed;top:75px;right:10px}.loading{opacity:0;background-color:#00000050;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100dvh;display:none}.loading.active{opacity:1;display:flex}.p-bac-logo{width:200px;height:200px;position:absolute}.p-bac-logo.a{animation:1.5s cubic-bezier(.77,0,.175,1) infinite p-bac-logo-a}.p-bac-logo.b{animation:1.5s cubic-bezier(.77,0,.175,1) infinite p-bac-logo-b}.p-bac-logo.c{animation:1.5s cubic-bezier(.77,0,.175,1) infinite p-bac-logo-c}.bac-logo{width:200px;height:200px;position:relative;scale:.15}@keyframes p-bac-logo-a{0%{transform:rotate(-180deg)}50%{transform:rotate(15deg)}to{transform:rotate(180deg)}}@keyframes p-bac-logo-b{0%{transform:rotate(-180deg)}50%{transform:rotate(30deg)}to{transform:rotate(180deg)}}@keyframes p-bac-logo-c{0%{transform:rotate(-180deg)}50%{transform:rotate(45deg)}to{transform:rotate(180deg)}}.p-logo{z-index:5;width:200px;height:200px;animation:1.5s cubic-bezier(.77,0,.175,1) infinite p-logo;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes p-logo{0%{transform:translate(-50%,-50%)scale(1.2)}50%{transform:translate(-50%,-50%)scale(1)}to{transform:translate(-50%,-50%)scale(1.2)}}.loading p{color:#fff;font-size:16px;line-height:20px;position:absolute;top:80%;transform:translateY(-175px)}.reel-mini{background-image:url(/img/01.png);grid-template-rows:repeat(12,1fr);grid-template-columns:repeat(4,1fr);align-items:start;gap:2px;width:100%;height:calc(100dvh - 100px);padding:10px;transition:transform .3s;display:grid;position:absolute;top:100px;left:0}.reel-mini img{border:1px solid #000;width:100%;height:100%}.reel-mini img.grid_1{grid-row:span 1}.reel-mini img.grid_2{grid-row:span 2}.reel-mini img.grid_3{grid-row:span 3}.reel-mini img.grid_4{grid-row:span 4}.reel-mini img.grid_5{grid-row:span 5}.reel-mini img.grid_6{grid-row:span 6}.send-aaddss{box-sizing:border-box;border:solid var(--border-color) 2px;background-color:var(--blue-color);color:#fff;border-radius:15px;justify-content:center;align-items:center;min-width:50px;height:50px;display:flex;box-shadow:0 2px #006cb590}.end-menu.inner-menu{flex-direction:row;justify-content:center;width:100%;display:flex}.end-menu.inner-menu a img{filter:invert();width:40px;height:40px}
