#perfil{background:linear-gradient(90deg,var(--green1),var(--green2));justify-content:center}#perfil>form{display:flex;flex-direction:column;background:var(--white);width:40%;padding:10px 30px;align-items:center;justify-content:center;box-shadow:0 0 100px 15px}#perfil>form>#photo{display:flex;justify-content:center;align-items:center;width:150px;min-height:150px;border:1px solid #000;border-radius:50%;margin:20px 10px;background:var(--black)}#perfil>form>.container-input{margin-bottom:5px}#perfil>form>.container-input>input{width:100%}#perfil>form>.container-input>a{position:absolute;right:5px;top:29px;cursor:pointer;color:var(--black)}#my_products{display:flex;flex-direction:row;min-height:0}#my_products>#side_1{width:50%;min-height:0;height:100dvh}#my_products>#side_1>label{display:block;height:40px;width:100%;background-color:var(--green1);font-family:var(--anta);color:var(--white);text-align:center;position:relative}#my_products>#side_1>label>button{position:absolute;top:10px;right:10px}#my_products>#side_1>nav{display:flex;justify-content:space-evenly;align-items:center;width:100%;height:40px;background-color:var(--gray1)}#my_products>#side_1>nav>button{display:flex;justify-content:center;align-items:center;width:28px;height:28px;border-radius:5px;background-color:var(--black);cursor:pointer}#my_products>#side_1>nav>button#add{display:flex;justify-content:center;align-items:center}#my_products>#side_1>nav>div#search{position:relative}#my_products>#side_1>nav>div#search>input{width:520px;border-radius:2px;border:2px var(--gray2) solid;padding:1px 10px;text-align:center;font-size:18px}#my_products>#side_1>nav>div#search>img{position:absolute;right:5px;top:4px}#my_products>#side_1>nav>button#filter{background-color:transparent;border:none}#my_products>#side_1>.container{height:calc(100% - 80px)}#my_products>#side_1 .section{display:flex;flex-direction:column;max-height:570px;padding:5px 10px;background-color:var(--green1);transition:1s}#my_products>#side_1 .section.closed{max-height:40px}#my_products>#side_1 .section.closed>label>button#arrow{transform:scaleY(1) translateY(0)}#my_products>#side_1 .section>label{display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative;padding-bottom:5px;width:100%;text-align:center;border-bottom:2px solid var(--black)}#my_products>#side_1 .section>label>button#options{position:absolute;left:10px;top:5px}#my_products>#side_1 .section>label>button#options #options_scale{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto;padding:0}#my_products>#side_1 .section>label>button#options #options_scale>span{background-color:var(--white);border:1px solid #0000007c}#my_products>#side_1 .section>label>button#options #options_scale>span:hover{background-color:var(--gray1)}#my_products>#side_1 .section>label>button#arrow{position:absolute;right:10px;top:5px;transform:scaleY(-1) translateY(5px);transition:1s}#my_products>#side_1 .section>.container{overflow-y:scroll;height:100%}#my_products>#side_2{width:50%;border-left:2px solid var(--green2)}#my_products>#side_2>label{display:block;height:40px;width:100%;background-color:var(--green1);font-family:var(--anta);color:var(--white);text-align:center;position:relative}#my_products>#side_2>label>button{position:absolute;top:10px;right:10px}#my_products>#side_2 #no_product{margin-top:20px;justify-self:center;font-size:2.2em}#my_products>#side_2 #info_product{display:flex;flex-direction:column;overflow-y:scroll;height:100%;padding:10px;align-items:center}#my_products>#side_2 #info_product>#image{position:relative;margin:15px 0;width:200px;height:200px}#my_products>#side_2 #info_product>#image>img{width:200px;height:200px;border-radius:2px}#my_products>#side_2 #info_product>#image>button{position:absolute;bottom:-5px;right:-2px}#my_products>#side_2 #info_product>#about{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,auto);width:100%;gap:20px 10px;margin-bottom:30px}#my_products>#side_2 #info_product>#about>label{display:flex;flex-direction:column;position:relative}#my_products>#side_2 #info_product>#about>label>h3{font-size:18px}#my_products>#side_2 #info_product>#about>label>input{font-size:1em;padding:5px;text-align:center}#my_products>#side_2 #info_product>#about>label#name{grid-column:1/3}#my_products>#side_2 #info_product>#about>label#price{grid-column:3;text-align:center}#my_products>#side_2 #info_product>#about>label#price>span{position:absolute;bottom:8px;right:8px}#my_products>#side_2 #info_product>#about>label#type>select{height:100%;font-size:1em;text-align:center}#my_products>#side_2 #info_product>#about>label#mark{text-align:center}#my_products>#side_2 #info_product>#about>label#id{text-align:center}#my_products>#side_2 #info_product>h2{font-size:26px;margin:30px 0}#my_products>#side_2 #info_product #functions{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}#my_products>#side_2 #info_product #functions>div{display:flex;border:1px solid var(--gray2);min-width:1px}#my_products>#side_2 #info_product #functions>div>label>h3{font-size:18px;margin-bottom:5px}#my_products>#side_2 #info_product #functions>div:nth-child(1){display:flex;padding:10px;justify-content:space-between}#my_products>#side_2 #info_product #functions>div:nth-child(1)>label{max-width:180px}#my_products>#side_2 #info_product #functions>div:nth-child(1)>label>input{width:100%;padding:5px;text-align:center}#my_products>#side_2 #info_product #functions>div:nth-child(1)>label:nth-child(2){position:relative;text-align:center;right:25px}#my_products>#side_2 #info_product #functions>div:nth-child(2){display:flex;padding:10px;justify-content:space-between}#my_products>#side_2 #info_product #functions>div:nth-child(2)>label{max-width:180px}#my_products>#side_2 #info_product #functions>div:nth-child(2)>label>input{width:100%;padding:5px;text-align:center}#my_products>#side_2 #info_product #functions>div:nth-child(2)>label:nth-child(2){position:relative;text-align:center;right:25px}#my_products>#side_2 #info_product #functions>div:nth-child(2)>label:nth-child(2)>button{position:absolute;border:1px solid var(--gray2);width:30px;height:30px;bottom:10px;right:5px}#my_products>#side_2 #info_product #functions>div:nth-child(3){display:flex;flex-direction:column;padding:5px;align-items:center}#my_products>#side_2 #info_product #functions>div:nth-child(3)>label{display:flex;flex-direction:column;align-items:center;margin-bottom:15px;width:100%}#my_products>#side_2 #info_product #functions>div:nth-child(3)>label>input{padding:8px 5px;text-align:center;font-size:18px;width:90%}#my_products>#side_2 #info_product #functions>div:nth-child(4){display:flex;flex-direction:column;padding:5px;align-items:center}#my_products>#side_2 #info_product #functions>div:nth-child(4)>label{display:flex;flex-direction:column;align-items:center;margin-bottom:15px;width:100%}#my_products>#side_2 #info_product #extra-images{display:flex;flex-direction:row;align-items:center;justify-content:start;border:1px solid var(--gray2);width:100%;min-height:260px}#my_products>#side_2 #info_product #extra-images>button{background-color:var(--gray1);min-width:230px;height:230px;border:1px solid var(--gray2);position:relative;margin:10px 10px 17px}#my_products>#side_2 #info_product #extra-images>button:hover{opacity:.7}#my_products>#side_2 #info_product #extra-images .container{display:flex;flex-direction:row;align-items:center;height:100%}#my_products>#side_2 #info_product #extra-images .container>.img{display:flex;position:relative;margin-right:15px;min-height:0;width:fit-content;height:fit-content}#my_products>#side_2 #info_product #extra-images .container>.img>img{width:230px;height:230px}#my_products>#side_2 #info_product #extra-images .container>.img>.list_options{margin-right:10px;bottom:10px;width:100%;height:20px;position:absolute;left:0}#my_products>#side_2 #info_product #desc{width:100%;min-height:300px;position:relative}#my_products>#side_2 #info_product #desc>textarea{width:100%;height:100%;font-size:18px;padding-top:5px;padding-bottom:0;padding-left:6px}#my_products>#side_2 #info_product #desc>button{position:absolute;bottom:0;right:8px}#my_products>#side_2 #info_product #complements{display:flex;flex-direction:column;position:relative;border:1px solid var(--gray2);width:100%;min-height:330px;margin-top:20px;padding:5px}#my_products>#side_2 #info_product #complements>h2{text-align:center}#my_products>#side_2 #info_product #complements>button#config{text-align:start;position:absolute;left:5px;top:5px}#my_products>#side_2 #info_product #complements>button#config #box_config{padding-bottom:10px}#my_products>#side_2 #info_product #complements>button#print{position:absolute;right:5px;top:5px}#my_products>#side_2 #info_product #complements>button#add{width:100%;height:40px;border:1px solid var(--gray2);background-color:var(--gray1);font-size:22px;position:relative;margin:10px 0}#my_products>#side_2 #info_product #complements>button#add>img{position:absolute;top:8px;left:8px}#my_products>#side_2 #info_product #complements>.container{height:100%}#my_products>#side_2 #info_product #complements>.container>.complement{display:flex;width:100%;position:relative;background-color:var(--gray1);border:1px solid var(--gray2);justify-content:center;align-items:center;min-height:60px;margin:5px 0}#my_products>#side_2 #info_product #complements>.container>.complement #config_complement{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:0 15px;padding-bottom:10px}#my_products>#side_2 #info_product #complements>.container>.complement #config_complement>:nth-child(1){text-align:left;grid-column:1/-1}#my_products>#side_2 #info_product #complements>.container>.complement #config_complement>:nth-child(1)>input{padding:2px 30px;font-size:1.3em}#my_products>#side_2 #info_product #complements>.container>.complement #config_complement>:nth-child(1)>.dollar{position:absolute;top:30px;right:18px;font-size:1.25em}#my_products>#side_2 #info_product #complements>.container>.complement #config_complement>:nth-child(2),#my_products>#side_2 #info_product #complements>.container>.complement #config_complement>:nth-child(3){text-align:left}#my_products>#side_2 #info_product #complements>.container>.complement #config_complement~li{font-size:1.2em}#my_products>#side_2 #info_product #complements>.container>.complement>button{position:absolute;top:12px;left:5px}#my_products>#side_2 #info_product #complements>.container>.complement>label{width:100%;text-align:center;font-size:24PX}#my_products>#side_2 #info_product #complements>.container>.complement>#details{position:absolute;top:6px;right:2px}#my_products>#side_2 #info_product #complements>.container>.complement>#details>span{position:relative;min-width:70px;text-align:center;margin:2px}#my_products>#side_2 #info_product #complements>.container>.complement>p{position:absolute;right:5px;bottom:2px}#my_products>#side_2 #info_product #options{display:flex;flex-direction:column;position:relative;margin:20px 0 50px;padding:10px;width:100%;min-height:500px;align-items:center;border:1px solid var(--gray2)}#my_products>#side_2 #info_product #options div>#create_option{position:fixed;top:calc(50% - 100px);left:calc(50% - 120px);background-color:var(--white);border:2px solid var(--gray2);z-index:9;padding:5px 10px}#my_products>#side_2 #info_product #options div>#create_option>h2{text-align:center;font-size:1.7em}#my_products>#side_2 #info_product #options div>#create_option>label{display:flex;flex-direction:column;margin-bottom:5px}#my_products>#side_2 #info_product #options div>#create_option>label>h3{font-size:1.1em}#my_products>#side_2 #info_product #options div>#create_option>label>input,#my_products>#side_2 #info_product #options div>#create_option>label select{text-align:center;padding:3px 5px;font-size:1em}#my_products>#side_2 #info_product #options div>#create_option>button{padding:3px;font-size:1.3em;color:var(--white);margin-top:5px}#my_products>#side_2 #info_product #options div>#create_option>button:hover{opacity:.8}#my_products>#side_2 #info_product #options div>#create_option>button:nth-last-child(2){background-color:var(--green1);padding:3px 20px;margin-right:5px}#my_products>#side_2 #info_product #options div>#create_option>button:nth-last-child(1){background-color:var(--red1);padding:3px 15px}#my_products>#side_2 #info_product #options>button{width:100%;height:40px;border:1px solid var(--gray2);background-color:var(--gray1);font-size:22px;position:relative;margin:10px 0}#my_products>#side_2 #info_product #options>button>img{position:absolute;top:8px;left:8px}#my_products>#side_2 #info_product #options>.container{display:flex;flex-direction:row;overflow-y:scroll;padding:10px;justify-content:space-evenly;border:1px solid var(--gray2);width:100%;height:100%;flex-wrap:wrap}#my_products>#side_2 #info_product #options>.container>#option_section{display:flex;flex-direction:column;position:relative;align-items:center;background-color:var(--gray1);border:1px solid var(--gray2);height:230px;margin:10px 0;width:300px;padding:3px}#my_products>#side_2 #info_product #options>.container>#option_section>button#config_option_section{position:absolute;left:3px}#my_products>#side_2 #info_product #options>.container>#option_section>button#config_option_section li{display:flex;justify-content:center;font-size:1.2em}#my_products>#side_2 #info_product #options>.container>#option_section>button#config_option_section li:nth-child(2){padding:5px 10px}#my_products>#side_2 #info_product #options>.container>#option_section>label{font-size:24px;width:100%;text-align:center;height:35px}#my_products>#side_2 #info_product #options>.container>#option_section>.container{display:flex;height:100%;flex-direction:column;overflow-y:scroll;border:1px solid var(--gray2);width:100%}#my_products>#side_2 #info_product #options>.container>#option_section>.container>#option{display:flex;align-items:center;position:relative;border:1px solid var(--gray2);padding:5px;width:100%;height:47px;margin:2px 0}#my_products>#side_2 #info_product #options>.container>#option_section>.container>#option>img{height:40px;min-width:40px}#my_products>#side_2 #info_product #options>.container>#option_section>.container>#option>label{width:100%;position:absolute;font-size:21px;text-align:center}#my_products>#side_2 #info_product #options>.container>#option_section>.container>#option>button{position:absolute;right:5px}#my_products>#side_2 #info_product #options>.container>#option_section>.container>#option>button>img{transform:rotate(90deg)}#my_products>#side_2 #info_product #options>.container>#option_section>.container>#option>button#config li{font-size:1.2em}#my_products>#side_2 #info_product #options>.container>#option_section>.container>#option>button#config li:nth-child(2){padding:5px 10px}#my_products>#side_2 #info_product #options>.container>#option_section>.container>#option>button#config li:nth-child(2)>input{width:120px;padding:2px}#my_products>#side_2>.container{height:100vh}.product{display:flex;border:1px solid var(--gray2);background-color:var(--white);position:relative;margin:5px 0;padding:5px;cursor:pointer;transition:.3s}.product:hover{transform:scale(.98)}.product.disabled{filter:grayscale();background-color:var(--gray2)}.product.disabled>*{opacity:.5}.product>div:nth-child(1){min-width:175px;max-width:175px;height:175px;border:2px solid var(--gray1);margin-right:5px}.product>div:nth-child(1)>img{width:100%;height:100%}.product>.tag{position:absolute}.product>label{display:flex;flex-direction:column;position:absolute}.product>label#name{left:190px}.product>label#mark{left:190px;top:70px}.product>label#id{left:190px;bottom:10px}.product>label#stock{text-align:end;top:50px;right:10px}.product>label#price{text-align:end;bottom:10px;right:10px}#my_clients{display:flex;flex-direction:row}#my_clients>#side_1{display:flex;flex-direction:column;width:50%;height:100%}#my_clients>#side_1>label{display:block;height:40px;width:100%;background-color:var(--green1);font-family:var(--anta);color:var(--white);text-align:center;position:relative}#my_clients>#side_1>label>button{position:absolute;top:10px;right:10px}#my_clients>#side_1>nav{display:flex;justify-content:center;align-items:center;position:relative;width:100%;min-height:40px;background-color:var(--gray1)}#my_clients>#side_1>nav>div#search{position:relative}#my_clients>#side_1>nav>div#search>input{width:570px;border-radius:2px;border:2px var(--gray2) solid;padding:1px 10px;text-align:center;font-size:18px}#my_clients>#side_1>nav>div#search>img{position:absolute;right:5px;top:4px}#my_clients>#side_1>nav>button#filter{position:absolute;right:30px;top:6px}#my_clients>#side_1>.container{flex-direction:column;padding:10px;max-height:100%}#my_clients>#side_2{display:flex;flex-direction:column;width:50%;border-left:2px solid var(--green2)}#my_clients>#side_2>label{display:block;height:40px;width:100%;background-color:var(--green1);font-family:var(--anta);color:var(--white);text-align:center;position:relative}#my_clients>#side_2>label>button{position:absolute;top:10px;right:10px}#my_clients>#side_2>.container{display:flex;max-width:100%;overflow-y:scroll}#my_clients>#side_2>.container #info_client{display:flex;flex-direction:column;max-width:100%;align-items:center;padding:10px}#my_clients>#side_2>.container #info_client>#photo{margin:15px 0;height:200px;width:200px;border:1px solid var(--gray2);border-radius:50%}#my_clients>#side_2>.container #info_client>.tag{font-size:18px;margin-bottom:10px}#my_clients>#side_2>.container #info_client #info{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:30px}#my_clients>#side_2>.container #info_client #info>label{display:flex;flex-direction:column}#my_clients>#side_2>.container #info_client #info>label>h3{font-size:18px}#my_clients>#side_2>.container #info_client #info>label>input{font-size:1em;padding:5px;text-align:center}#my_clients>#side_2>.container #info_client #info>label#name{grid-column:1/-1;grid-row:1}#my_clients>#side_2>.container #info_client #info>label#email{position:relative;grid-column:1/3;grid-row:2}#my_clients>#side_2>.container #info_client #info>label#email>input{padding:5px 30px 5px 5px}#my_clients>#side_2>.container #info_client #info>label#email>a{position:absolute;bottom:0;right:5px}#my_clients>#side_2>.container #info_client #info>label#cpf,#my_clients>#side_2>.container #info_client #info>label#gender,#my_clients>#side_2>.container #info_client #info>label#nasc{text-align:center}#my_clients>#side_2>.container #info_client #info>label#tel{position:relative}#my_clients>#side_2>.container #info_client #info>label#tel>input{padding:5px 30px 5px 5px}#my_clients>#side_2>.container #info_client #info>label#tel>a{position:absolute;bottom:0;right:5px}#my_clients>#side_2>.container #info_client #info>label#gender{position:relative}#my_clients>#side_2>.container #info_client #info>label#gender>img{position:absolute;bottom:5px;right:5px}#my_clients>#side_2>.container #info_client div#localization{display:flex;flex-direction:column;margin-top:30px;border:1px solid var(--gray2);width:100%;padding:5px 10px 10px;margin-bottom:20px}#my_clients>#side_2>.container #info_client div#localization>label{width:100%;text-align:center;position:relative;margin-bottom:20px}#my_clients>#side_2>.container #info_client div#localization>label>button{position:absolute;right:0;top:0}#my_clients>#side_2>.container #info_client div#localization>#local{display:grid;grid-template-columns:repeat(3,1fr) 1.7fr;grid-template-rows:auto auto;gap:10px}#my_clients>#side_2>.container #info_client div#localization>#local>label{width:100%}#my_clients>#side_2>.container #info_client div#localization>#local>label>h3{font-size:18px}#my_clients>#side_2>.container #info_client div#localization>#local>label>input{padding:5px;font-size:1em;text-align:center}#my_clients>#side_2>.container #info_client div#localization>#local>label#street{grid-column:1/3}#my_clients>#side_2>.container #info_client h2{font-size:28px;text-align:center}#my_clients>#side_2>.container #info_client div#client_details{display:grid;grid-template-columns:1fr 1fr 1.3fr 1.3fr;grid-template-rows:auto auto;height:150px;border:1px solid var(--gray2);gap:10px 5px;padding:15px 10px;margin:10px 0 30px}#my_clients>#side_2>.container #info_client div#client_details>label{display:flex;flex-direction:column;justify-content:center;position:relative}#my_clients>#side_2>.container #info_client div#client_details>label>h3{font-size:17px}#my_clients>#side_2>.container #info_client div#client_details>label>input{font-size:.9em;height:100%;text-align:center}#my_clients>#side_2>.container #info_client div#client_details>label>input:has(~.dollar){padding:5px 30px 5px 5px}#my_clients>#side_2>.container #info_client div#client_details>label:nth-child(7){grid-column:4;grid-row:1/-1}#my_clients>#side_2>.container #info_client div#client_details>label:nth-child(7)>textarea{height:100%;padding:3px;font-size:16px}#my_clients>#side_2>.container #info_client div#client_details>label>.dollar{position:absolute;right:5px;bottom:6px}#my_clients>#side_2>.container #last_purchase{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,auto);gap:10px 5px;margin-top:10px;width:100%;border:1px solid var(--gray2);padding:10px}#my_clients>#side_2>.container #last_purchase>label{position:relative}#my_clients>#side_2>.container #last_purchase>label>h3{font-size:18px;text-align:center}#my_clients>#side_2>.container #last_purchase>label>input{padding:5px;text-align:center;font-size:18px;background-color:transparent}#my_clients>#side_2>.container #last_purchase>label>input:has(~.dollar){padding:5px 30px}#my_clients>#side_2>.container #last_purchase>label>.dollar{position:absolute;bottom:5px;right:5px}#my_clients>#side_2>.container #last_purchase>label:nth-child(7){grid-column:2}#my_clients>#side_2>.container #buy_list{display:flex;flex-direction:column;position:relative;margin:30px 0 15px;border:1px solid var(--gray2);width:100%;height:450px;padding:10px}#my_clients>#side_2>.container #buy_list>label{text-align:center}#my_clients>#side_2>.container #buy_list>label>button{position:absolute;top:10px;right:10px}#my_clients>#side_2>.container #buy_list>.container{display:flex;flex-direction:column;height:100%}#my_clients>#side_2>.container #buy_list>.container>.product_of_list{display:flex;flex-direction:row;border:2px solid var(--gray2);padding:10px;position:relative;border-radius:5px;margin:5px 0}#my_clients>#side_2>.container #buy_list>.container>.product_of_list>img{border-radius:5px;border:1px solid var(--gray2);width:140px;height:140px}#my_clients>#side_2>.container #buy_list>.container>.product_of_list>label{position:absolute}#my_clients>#side_2>.container #buy_list>.container>.product_of_list>label#name{left:155px}#my_clients>#side_2>.container #buy_list>.container>.product_of_list>label#mark{left:155px;top:60px}#my_clients>#side_2>.container #buy_list>.container>.product_of_list>label#id{left:155px;top:110px}#my_clients>#side_2>.container #buy_list>.container>.product_of_list>label#quant{right:10px;text-align:right}#my_clients>#side_2>.container #buy_list>.container>.product_of_list>label#price{text-align:end;right:10px;top:110px}#my_clients>#side_2>.container #buy_list>.container>.product_of_list>label>h3{font-size:16px}#my_clients>#side_2>.container #buy_list>.container>.product_of_list>label>p{font-size:18px}#my_clients>#side_2>.container #buy_list>.container>.product_of_list>label>p>a{color:var(--blue1);text-decoration:underline}#my_clients>#side_2>.container #buy_list>.container>.product_of_list>label>p>a:hover{color:var(--blue4)}#my_clients>#side_2>.container #buy_list>.container>.product_of_list>.tag{position:absolute;right:5px;top:60px}#my_clients>#side_2>.container #client_orders{display:flex;flex-direction:column;width:100%}#my_clients>#side_2>.container #client_orders>.order{border:1px solid var(--gray2)}#my_clients>#side_2>.container #client_orders>.order>h2{border:1px solid var(--gray2);display:flex;height:50px;flex:1;justify-content:center;align-items:center}.client{display:flex;border:1px solid var(--gray2);background-color:var(--white);position:relative;margin:5px 0;padding:10px;cursor:pointer}.client>img{min-width:150px;height:150px;border-radius:50%;border:1px solid var(--gray2);margin-right:5px}.client>#info{display:flex;flex-direction:column;position:relative;width:100%}.client>#info>label{display:flex;flex-direction:column;position:absolute}.client>#info>label:nth-child(1){top:0}.client>#info>label:nth-child(2){top:52px}.client>#info>label:nth-child(3){bottom:10px}.client>#info>label:nth-child(4){bottom:10px;right:0;text-align:end}.client>#info>.tag{position:absolute;right:0;top:0}.client>#info>#gender{position:absolute;right:0;top:40px}#archives{display:flex;flex-direction:column;background:linear-gradient(90deg,var(--green1),var(--green2));padding:10px}#archives>h2{text-align:center;font-size:2.5em;color:var(--white);z-index:3}#archives>div{display:grid;grid-template-columns:1fr .2fr;grid-template-rows:45px 1fr;min-height:0px;margin:15px 35px;border:1px solid var(--gray2);background-color:var(--white);height:100%;box-shadow:0 0 50px 15px #0008;position:relative}#archives>div>nav{grid-row:1}#archives>div>nav>input{position:absolute;left:calc(50% - 300px);width:600px;margin:10px;height:26px;font-size:16px;padding:5px;text-align:center}#archives>div>nav>img{position:absolute;left:calc(50% + 285px);top:13px}#archives>div>nav>button{position:absolute;left:calc(50% + 330px);top:10px}#archives>div>.container{display:flex;flex-direction:row;justify-content:start;align-content:flex-start;flex-wrap:wrap;grid-row:2;width:100%;height:100%;border:1px solid var(--gray2);padding:10px}#archives>div>.container>#archive{display:flex;position:relative;flex-direction:column;width:180px;height:220px;padding:5px;margin:5px 15px}#archives>div>.container>#archive:hover{background-color:var(--gray1)}#archives>div>.container>#archive>.list_options{position:absolute;top:150px;right:15px;width:100px;height:10px;outline:none}#archives>div>.container>#archive>img{border:1px solid var(--gray2);width:170px;height:170px;pointer-events:none}#archives>div>.container>#archive>p{text-align:center;width:100%;height:20px;cursor:default;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#archives>div>#side_bar{display:flex;flex-direction:column;position:relative;padding:10px;align-items:center;border:1px solid var(--black);grid-row:1/-1}#archives>div>#side_bar>#progress_circle{display:flex;background:conic-gradient(#000 calc(var(--percent) * 1%),#fff calc(var(--percent) * 1%));justify-content:center;align-items:center;width:130px;height:130px;border:1px solid;border-radius:50%;position:relative;margin-bottom:20px;transition:1s}#archives>div>#side_bar>#progress_circle>i#circle{display:flex;justify-content:center;align-items:center;background:var(--white);width:95px;height:95px;border:1px solid;border-radius:50%}#archives>div>#side_bar>#progress_circle>i#circle>span{font-size:25px}#archives>div>#side_bar>label{display:flex;justify-content:space-between;width:100%;margin:5px 0}#archives>div>#side_bar>label>p{font-size:12px}#archives>div>#side_bar>a{position:absolute;bottom:10px;font-size:13px;text-decoration:underline}#configurations{display:flex;flex-direction:column;background:linear-gradient(90deg,var(--green1),var(--green2));align-items:center}#configurations>h2{font-size:2.5em;color:#fff}#configurations>.container{margin-top:20px;display:grid;grid-template-columns:320px 1fr;gap:20px}#configurations>.container>#delivery_details{background-color:#fff;height:fit-content;padding:10px;width:320px}#configurations>.container>#delivery_details>h2{font-size:2em;text-align:center}#configurations>.container>#delivery_details>label{display:flex;flex-direction:column;margin-top:10px}#configurations>.container>#delivery_details>label>p{font-size:1.2em}#configurations>.container>#delivery_details>label:nth-child(2){position:relative}#configurations>.container>#delivery_details>label:nth-child(2)>input{padding:4px 40px;width:300px;text-align:center}#configurations>.container>#delivery_details>label:nth-child(2)>span{font-size:1.1em;position:absolute;bottom:7px;right:7px;color:var(--green2)}#configurations>.container>#delivery_details>label:nth-child(3){position:relative}#configurations>.container>#delivery_details>label:nth-child(3)>p{text-align:center}#configurations>.container>#delivery_details>label:nth-child(3)>button{display:flex;justify-content:center;align-items:center;position:absolute;top:2px;right:0;background-color:#000;width:25px;height:25px;border-radius:5px}#configurations>.container>#delivery_details>label:nth-last-child(1)>.check_button{transform:scale(.9)}#configurations>.container>#delivery_details>div#delivery_areas{border:1px solid var(--gray2);padding:4px 2px;height:250px;overflow-y:scroll}#configurations>.container>#delivery_details>div#delivery_areas>section{border:1px solid var(--gray2);margin-bottom:10px}#configurations>.container>#delivery_details>div#delivery_areas>section>label{position:relative}#configurations>.container>#delivery_details>div#delivery_areas>section>label>p{text-align:center;font-size:1em;border-bottom:1px solid var(--gray2)}#configurations>.container>#delivery_details>div#delivery_areas>section>label>button:nth-child(1){position:absolute;top:1px;left:1px}#configurations>.container>#delivery_details>div#delivery_areas>section>label>button:nth-last-child(1){position:absolute;top:5px;right:8px}#configurations>.container>#delivery_details>div#delivery_areas>section>ul>li{text-align:center;padding:4px;border-bottom:1px solid var(--gray2);font-size:1.05em}#configurations>.container>#others_config{background-color:#fff;height:fit-content;padding:10px 20px}#configurations>.container>#others_config>h2{font-size:2em;text-align:center;margin-bottom:10px}#configurations>.container>#others_config>label{display:flex;flex-direction:column;margin-bottom:10px}#configurations>.container>#others_config>label>p{font-size:1.1em}#configurations>.container>#others_config>label>div:not(.check_button){border:1px solid var(--gray2);padding:5px;cursor:pointer}#configurations>.container>#others_config>label>div:not(.check_button)>p{font-size:1em;text-align:center}#configurations>.container>#others_config>label>div:not(.check_button):hover{background-color:var(--gray1)}#register{display:flex;flex-direction:column;height:100vh;background:linear-gradient(90deg,var(--green1),var(--green2));align-items:center}#register>nav{display:flex;width:100%;justify-content:center;padding:2px;background-color:var(--blue1);color:#fff;z-index:2;margin-bottom:20px}#register>form#login{margin-top:50px}#register>form#login>h2{font-size:2em}#register>form{display:flex;flex-direction:column;align-items:center;width:550px;max-height:100%;background-color:var(--white);padding:20px;box-shadow:0 0 30px 15px #0008}#register>form.plans{width:1000px}#register>form>h2{font-size:1.8em}#register>form>ul{display:flex;flex-direction:row;justify-content:space-around;height:4px;width:100%;margin:30px 10px;background-color:var(--black)}#register>form>ul>li{display:flex;justify-content:center;align-items:center;position:relative;bottom:15px;background-color:var(--white);width:45px;height:45px;border-radius:50%}#register>form>ul>li.active{border:2px solid #000;transform:scale(1.15)}#register>form>#photo{display:flex;justify-content:center;align-items:center;position:relative;background-color:var(--black);margin-top:5px;width:120px;height:120px;border-radius:150px}#register>form>#photo>img:nth-last-child(1){position:absolute;bottom:-5px;right:-5px}#register>form>label{position:relative;width:100%;margin:10px 0 2px}#register>form>label>h3{font-size:.9em}#register>form>label input{background-color:var(--gray1);font-size:.9em;padding:4px;text-align:center}#register>form>label#telphone>div{display:flex}#register>form>label#telphone>div>:nth-child(1){width:50px;margin-right:10px}#register>form>label#telphone>div>:nth-child(2){padding-right:52px}#register>form>label>#view_eye{position:absolute;bottom:0;right:5px;cursor:pointer}#register>form>a{padding:7px 0;align-self:end}#register>form>button{width:100%;color:var(--white);font-size:1.5em;margin:25px 0 0;padding:5px;background-color:var(--blue2);transition:.2s}#register>form>button:hover{background-color:var(--blue1)}#register>#verify_box{display:flex;flex-direction:column;align-items:center;background-color:#fff;width:550px;padding:10px 15px}#register>#verify_box>h2{padding:5px;text-align:center}#register>#verify_box>hr{width:100%;margin:10px 0}#register>#verify_box>h3{width:100%;text-align:left;margin-bottom:5px}#register>#verify_box>div>.box_input{background-color:var(--gray1)}#register>#verify_box>div>.box_input.selected{border:solid 2px var(--blue1)}#register>#verify_box>span{margin-top:15px;align-self:start;color:var(--blue2);cursor:pointer}#register>#verify_box>span:hover{color:var(--blue1)}#register>#alter_password{display:flex;flex-direction:column;background-color:#fff;padding:10px 20px;width:500px}#register>#alter_password>h2{font-size:2em;text-align:center}#register>#alter_password label{margin:5px 0}#register>#alter_password label>input{background-color:var(--gray1);border:0px;padding:5px;font-size:1em;text-align:center}#register>#alter_password>button{margin-top:15px;background-color:var(--blue1);color:#fff;flex:1;padding:5px 10px;font-size:1.7em}#register>#alter_password>button:hover{opacity:.7}*{padding:0;margin:0;box-sizing:border-box}body{height:100dvh;overflow-y:hidden;min-width:1400px;max-width:1720px;position:relative}a{text-decoration:none;-webkit-user-select:none;user-select:none;color:var(--blue2)}a:hover{color:var(--blue4)}li{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:400;text-wrap:nowrap}input,select{outline:none;border:1px solid var(--gray2);width:100%}option{appearance:none;font-family:var(--roboto);font-weight:300}textarea{resize:none;border:1px solid var(--gray2)}button{background-color:transparent;position:relative;border:none;cursor:pointer;outline:none}label,p,input{font-size:1.2em}:root{--blue1: #1591EA;--blue2: #4052D6;--blue3: #0000FF;--blue4: #00008A;--green1: #68BA7F;--green2: #2E6F40;--green3: #253D2C;--red1: #FF2C2C;--red2: #ED2100;--red3: #C91B00;--red4: #781000;--orange: #FF6D00;--white: #FFFFFF;--black: #000000;--gray1: #E0E0E0;--gray2: #B3B3B3;--anta:"Anta",Arial, Helvetica, sans-serif;--golos-text:"Golos Text",Arial, Helvetica, sans-serif;--roboto:"Roboto",Arial, Helvetica, sans-serif;--robotoC:"Roboto Condensed",Arial, Helvetica, sans-serif}.anta{font-family:var(--anta)}.golos-text{font-family:var(--golos-text)}.roboto{font-family:var(--roboto)}.roboto-light{font-family:var(--roboto);font-weight:300}.condensed-italic{font-family:var(--robotoC);font-style:italic;font-weight:400}.condensed-m-italic{font-family:var(--robotoC);font-style:italic;font-weight:500}.condensed-b-italic{font-family:var(--robotoC);font-style:italic;font-weight:900}.italic-medium{font-family:var(--roboto);font-style:italic;font-weight:400}::-webkit-scrollbar{width:0px;height:7px}::-webkit-scrollbar-track{background-color:var(--gray2)}::-webkit-scrollbar-thumb{background-color:var(--gray1);border-radius:10px;cursor:grabbing}input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px #ffffff inset!important;-webkit-text-fill-color:black!important;font-family:var(--roboto)!important;font-weight:300;transition:background-color 9999s ease-in-out 0s}input:disabled{background-color:#efefef}#navbar{position:absolute;left:0;top:0;width:42px;height:100%;background-color:var(--blue1);color:var(--white);overflow:hidden;z-index:9999;transition:.5s}#navbar>h1{display:block;background-color:var(--blue2);font-weight:400;padding:3px 40px;width:205px;text-align:center;justify-self:center;font-size:28px;text-wrap:nowrap;transition:.45s}#navbar:not(:hover)>h1{width:205px;padding:0 220px 0 0}#navbar:hover{width:205px}#navbar>ul>li{width:210px;height:45px;display:flex;justify-content:center;align-items:center;background-color:var(--blue1);text-align:center;padding-left:5px;position:relative;transition:.15s}#navbar>ul>li:has(a.active){background-color:var(--blue2)}#navbar>ul>li:hover{box-shadow:inset 0 0 25px 5px var(--blue4);background-color:var(--blue2)}#navbar>ul>li>img{position:absolute;left:7px;top:7px}#navbar a{display:block;color:var(--white);font-family:var(--golos-text);text-align:center;width:75%;height:100%;margin-left:30px;border-bottom:1px solid var(--white);font-size:18px;padding:10px}main#main{display:flex;flex-direction:row;margin-left:40px;height:100dvh;overflow:hidden}.viewport{display:flex;width:100%;flex:1;overflow-y:hidden;min-height:0;animation:init1 .5s normal;position:relative}@keyframes init1{0%{opacity:50%}to{opacity:100%}}.container-input{display:flex;flex-direction:column;width:100%;position:relative}.container-input>label{font-family:var(--anta)}.container-input>input{border:1px solid var(--gray2);padding:3px 5px;font-size:1.2em;text-align:center;margin-bottom:2px;background-color:var(--gray1)}.container-input>input:read-only{cursor:default}.link-input{text-decoration:underline;color:var(--blue3);cursor:pointer}.link-input:hover{color:var(--blue1)}.container{display:flex;flex-direction:column;overflow-y:scroll;min-height:0;height:100%}h4{font-size:14px}p{font-size:16px}.dollar{font-family:var(--robotoC);font-weight:700;font-style:italic;color:var(--green2)}#i-icon{pointer-events:none;-webkit-user-select:none;user-select:none}.check_button{display:flex;align-items:center;width:85px;height:45px;border:2px solid var(--gray2);padding:2px;background-color:var(--gray1);position:relative;cursor:pointer;transition:.5s}.check_button:hover{transition:0s;opacity:.7}.check_button>div{width:45%;height:90%;position:absolute;left:3%;background-color:var(--white);border:2px solid var(--gray2);transition:.5s}.check_button.enable{background-color:var(--green1);border:2px solid var(--green2)}.check_button.enable>div{left:51%}span.tag{color:var(--white);border-radius:4px;padding:3px 8px;font-family:var(--robotoC);font-style:italic;font-weight:400;font-size:14px}span.tag#stock-missing{top:10px;right:10px}span.tag#type{top:95px;right:10px}span.tag.red{background-color:var(--red1)}span.tag.green1{background-color:var(--green1)}span.tag.green{background-color:var(--green2)}span.tag.blue1{background-color:var(--blue2)}span.tag.blue2{background-color:var(--blue4)}span.tag.orange{background-color:var(--orange)}.tac{text-align:center}.hide{display:none!important}.full_back{width:100%;height:100%;position:fixed;top:0;left:0;z-index:10;background-color:#0008}.no_finished{background-color:var(--gray1);filter:grayscale();cursor:not-allowed}.no_finished *{pointer-events:none;color:#0008;background-color:var(--gray1);opacity:.8;filter:grayscale()!important}.outline{border:3px solid #000000dd}.list_options{display:flex;flex-direction:column;position:absolute;z-index:99;bottom:0;width:100%;height:100%;border:none;outline:none}.list_options.start{align-items:start}.list_options.center{align-items:center}.list_options.end{align-items:end}.list_options ul{display:flex;flex-direction:column;position:absolute;outline:none;border:none}.list_options ul:not(:has(#close_list))>li:hover,.list_options ul>li.hvr:hover{background-color:var(--gray1)}.list_options ul>li{background-color:var(--white);padding:2px 10px;border:1px solid;text-wrap:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;outline:none}.list_options ul>li#close_list{text-align:center}.list_options ul>li#close_list:hover{background-color:var(--gray1)}.create_product{display:flex;justify-content:center;align-items:center;background-color:#0008;width:100%;height:100%;z-index:999;position:absolute}.create_product>#box{display:flex;flex-direction:column;background-color:var(--white);width:650px;padding:5px 10px 20px;height:fit-content;position:relative;bottom:15px}.create_product>#box>h2{font-size:2em;text-align:center;margin-bottom:20px}.create_product>#box>#image{display:flex;flex-direction:column;align-items:center;position:relative;align-self:center;border:1px solid var(--gray2);width:200px;min-height:200px;cursor:pointer}.create_product>#box>#image>img:not(#i-icon){position:absolute;width:100%;height:100%}.create_product>#box>#image>img#i-icon{position:relative;top:20px;margin-bottom:10px}.create_product>#box>#image>p{font-size:1.5em}.create_product>#box>#info1{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:5px}.create_product>#box>#info1>label{display:flex;flex-direction:column;position:relative}.create_product>#box>#info1>label#name{grid-column:1/3}.create_product>#box>#info1>label#price{grid-column:3;text-align:center}.create_product>#box>#info1>label#mark{grid-column:1}.create_product>#box>#info1>label#type{grid-column:2;text-align:center}.create_product>#box>#info1>label#type>section>option{font-family:var(--roboto);font-weight:300}.create_product>#box>#info1>label#id{position:relative;text-align:center;grid-column:3}.create_product>#box>#info1>label#id>button{position:absolute;bottom:5px;right:3px;transition:.5s}.create_product>#box>#info1>label#id>button:focus{transform:rotate(360deg)}.create_product>#box>#info1>label>h3{font-size:.9em}.create_product>#box>#info1>label>input,.create_product>#box>#info1>label>select{padding:3px 5px;font-size:1em;text-align:center}:is(.create_product>#box>#info1>label>input,.create_product>#box>#info1>label>select):has(~.dollar),:is(.create_product>#box>#info1>label>input,.create_product>#box>#info1>label>select):has(~button){padding:3px 25px 3px 20px}.create_product>#box>#info1>label>span.dollar{position:absolute;bottom:5px;right:5px}.create_product>#box>#info2{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto;gap:5px}.create_product>#box>#info2>div{display:flex;flex-direction:row;justify-content:center;margin-top:25px;min-width:1px;width:100%;border:1px solid var(--gray2)}.create_product>#box>#info2>div>label{display:flex;flex-direction:column;padding:10px;justify-content:center;align-items:center}.create_product>#box>#info2>div>label>h3{font-size:.9em;width:100%;text-align:center}.create_product>#box>#info2>div>label>input{padding:3px 5px;font-size:1em;text-align:center}.create_product>#box>#info2>div>label>.check_button{transform:scale(1)}.create_product>#box>#info2>div>#stock{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:10px}.create_product>#box>button{padding:3px;font-size:24px;color:var(--white)}.create_product>#box>button:hover{opacity:.8}.create_product>#box>button:nth-last-child(2){background-color:var(--green1);margin-top:20px}.create_product>#box>button:nth-last-child(1){background-color:var(--red1);width:50%;margin:5px auto}.select_image{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;z-index:9999;background:#0008}.select_image>#box{position:relative;bottom:50px;display:flex;background-color:var(--white);width:655px;height:500px;padding:10px;flex-wrap:wrap}.select_image>#box>button{background-color:var(--gray1);min-width:630px;height:200px;border:1px solid var(--gray2);margin:5px}.select_image>#box>button:hover{opacity:.7}.select_image>#box>button>p{font-size:1.6em}.select_image>#box>span{display:flex;background-color:var(--black);color:var(--white);width:25px;height:25px;justify-content:center;align-items:center;position:absolute;right:0;top:0;cursor:pointer}.select_image>#box>span:hover{opacity:.5}.select_image>#box>.container{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;height:260px}.select_image>#box>.container>img{min-width:200px;max-width:200px;height:200px;border:1px solid var(--gray2);margin:5px;cursor:pointer}#confirm{display:flex;position:fixed;top:0;left:0;width:100%;height:100%;justify-content:center;background-color:#0008;z-index:999}#confirm>div{display:flex;flex-direction:column;background-color:var(--white);border:1px solid var(--gray2);box-shadow:0 0 10px #0008;height:fit-content;padding:10px;align-items:end}#confirm>div>p{font-size:1em}#confirm>div>div{display:flex;margin-top:15px}#confirm>div>div>button:nth-last-child(1){background-color:var(--red1);color:var(--white);padding:5px 10px;margin-left:5px}#confirm>div>div>button:nth-last-child(2){background-color:var(--blue1);color:var(--white);padding:5px 10px}#confirm>div>div>button{font-size:1em}#confirm>div>div>button:focus{border:1px solid #000}#confirm>div>div>button:hover{opacity:.5}