@font-face {font-family: "main1";src: url('../../panel/fonts/Sahel-Black.ttf') format('truetype');font-display: swap;}@media (min-width: 701px) {.searchCity {width: 60%;min-width: 400px;height: 50px;border-radius: var(--border-radius8);z-index: var(--z-index10003);}#scrollControl {position: absolute;top: 140px;left: 50%;transform: translate(-50%);}.searchCity input {width: 100%;height: 50px;border-radius: var(--border-radius8);box-shadow: var(--box-shadow-inset) !important;background-color: var(--Accent-50) !important;border: 1px solid var(--Accent-800);margin: 0!important;}.searchCity .showCity {width: 125%;display: none;z-index: var(--z-index1000);margin: 0 auto;transform: translate(9.6%);border-radius: var(--border-radius8) !important;background-color: var(--Accent-50);box-shadow: var(--box-shadow-bottom);padding: var(--p16);}.searchCity .optionsCity {min-height: 80vh !important;max-height: 80vh !important;border-radius: var(--border-radius8) !important;display: flex;flex-direction: column;}.searchCity .optionsCity li{width: 100%;height: 50px!important;line-height: 50px!important;padding: 0!important;font-size: var(--font18);text-align: center;}.searchCity .optionsCity li:hover{background-color: var(--Primary-100)!important;}.showBarberAll {display: none;}.searchCity #showBarberAll {width: 125%;z-index: var(--z-index10003);transform: translate(9.6%);border-radius: var(--border-radius8) !important;min-height: 85vh;max-height: 85vh;background-color: var(--Accent-50);box-shadow: var(--box-shadow-bottom);display: flex;flex-direction: column;align-items: center;justify-content: start;}.typeStyleBarber {height: auto;padding: var(--p12);border-radius: var(--border-radius8);display: flex;flex-direction: column;align-items: center;justify-content: center;}.typeStyleBarber h3{font-size: var(--font18);font-weight: 600;color: var(--Accent-900);margin: var(--p8) auto;}.typeStyleBarber div{display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;justify-content: start;border-bottom:1px solid var(--Accent-300);padding-bottom: var(--p16);}.typeStyleBarber label {position: relative;text-align: center;width:auto;padding: 0 var(--p12);border-radius: var(--border-radius8);height: 34px;line-height: 34px;margin: 5px;border: 1px solid var(--Accent-600);color: var(--Accent-900);transition: all 0.3s ease;font-size: var(--font16);}.activeLabelType {color: var(--Accent-50)!important;background-color: var(--Accent-900);border: none;}.typeStyleBarber input {position: absolute;top: 0;left: 0;width: 100% !important;height: 100% !important;margin: 0 !important;display: none !important;border-radius: var(--border-radius8);;}#showBarberModal {width: 100%;height: 100%;overflow-y: auto;overflow-x: hidden;padding: var(--p12);display: flex;flex-direction: column;align-items: center;}#showBarberModal form{width: 100%;}.showBarberModal {display: flex;flex-direction: column;align-items: start;width: 100%;margin: var(--m8) auto;border-radius: var(--border-radius8);background-color: var(--Primary-50);box-shadow: var(--box-shadow-bottom);padding: var(--p8);}.showBarberModal div {width: 100%;display: flex;flex-direction: row;align-items: center;justify-content: right;}.showBarberModal div div{width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;padding-right: var(--p16);}.showBarberModal img {width: 108px;height: 108px;border-radius: 50%;border:2px solid var(--Primary-500);}.showBarberModal span {display: block;width: 100%;height: 40px;line-height: 40px;text-align: right;font-size: var(--font16);font-weight: 600;color: var(--Accent-900);}.showBarberModal a {display: block;width: 60%;height: 50px;line-height: 50px;text-align: center;background-color: var(--Primary-500);border: 1px solid var(--Accent-900);color: var(--Accent-900);border-radius: var(--border-radius8);font-weight: 700;font-size: var(--font18);margin: var(--m4) auto;}.showCityBlock {display: block !important;}.showBarberMe {width: 94%;position: relative;padding: var(--p8);margin-top: 220px !important;margin-bottom: var(--m8);border-radius: var(--border-radius8);display: flex;flex-direction: row;align-items: center;justify-content: space-between;background-color: var(--Accent-900);border: 2px solid var(--Primary-500);}.showBarberMe div {width: 100%;display: flex;flex-direction: row;align-items: center;justify-content: right;}.showBarberMe div div {width: 100%;display: flex;flex-direction: column;align-items: start;justify-content: center;}.showBarberMe div img {width: 120px;height: 120px;border-radius: 50%;margin-left: var(--m20);border: 2px solid var(--colorWhite);}.showBarberMe div span {display: block;height: 40px;line-height: 40px;text-align: right;font-size: var(--font18);font-weight: 600;color: var(--Accent-50);}.showBarberMe a {display: inline-block;width: 240px;height: 50px;line-height: 50px;border-radius: var(--border-radius8);font-weight: 700;font-size: var(--font18);background-color: var(--Primary-500);color: var(--Accent-900);text-align: center;border: 1px solid var(--Accent-900);}.showBarberMe button {position: absolute;display: inline-block;left: -20px;top: -20px;width: 40px;height: 40px;border-radius: 50%;font-size: var(--font24) !important;font-weight: 500;text-align: center;line-height: 42px !important;padding: 0 !important;color: var(--Accent-50);background-color: var(--Accent-900);border: 1px solid var(--Primary-500);}.shareLink1 {width: 100%;display: flex;flex-direction: row;align-items: center;justify-content: space-between;padding: var(--p20);margin-top: var(--m40);background-color: var(--Accent-900);border-radius: var(--border-radius8);}.shareLink1 h4 {font-size: var(--font18);color: var(--Accent-50);font-weight: 500;margin: 0!important;}.shareLink1 button {background: var(--Primary-500);border: none;height: 40px;display: flex;flex-direction: row;align-items: center;justify-content: center;padding: 0 var(--p16);border-radius: var(--border-radius8);}.shareLink1 button svg{width: 24px;height: 24px;fill: var(--Accent-900);stroke: var(--Accent-900);margin-left: var(--m4);}.shareLink1 button span{font-size: var(--font16);font-weight: 500;color: var(--Accent-900);}.mainCardStyle{padding-top: var(--p60);}.headerSiteStyle{display: flex;flex-direction: row;align-items: center;justify-content: center;width: 100%;max-width: var(--MaxWidthSite);margin: 0 auto;position: absolute;top: 0;left: 50%;transform: translate(-50%);z-index: var(--z-index10003);}.headerSiteStyle h2{font-weight: 700;font-size: 20px;color: var(--Accent-900);background-color: var(--Primary-100);height: 50px;line-height: 50px;border-radius: 0 0 50px 50px;padding: 0 var(--p32);}.headerSiteStyle>a {position: absolute;left: 0;top: 0;height: 60px;width: 60px;display: flex;align-items: center;justify-content: center;background-color: var(--Primary-100);border-radius: 0 0 30px 0;}.headerSiteStyle>a svg {width: 48px;height: 48px;stroke: var(--Accent-900);transform: rotate(180deg);}.mainProfile {display: flex;flex-direction: column;align-items: center;justify-content: start;width: 100%;max-width: var(--MaxWidthSite);margin: 0 auto;}.headerProfile {height: 60px;display: flex;flex-direction: row;align-items: start;justify-content: center;width: 100%;position: relative;}.headerProfile h2 {font-weight: 700;font-size: 20px;color: var(--Accent-900);background-color: var(--Primary-100);height: 60px;line-height: 60px;border-radius: 0 0 50px 50px;padding: 0 var(--p32);}.headerProfile a {position: absolute;left: 0;top: 0;height: 60px;width: 60px;display: flex;align-items: center;justify-content: center;background-color: var(--Primary-100);border-radius: 0 0 30px 0;}.headerProfile a svg {width: 48px;height: 48px;stroke: var(--Accent-900);transform: rotate(180deg);}.btnProfileStyle {display: flex;flex-direction: column;align-items: center;justify-content: start;background-color: var(--Accent-900);border-radius: var(--border-radius8);padding: var(--p32);position: relative;width: 100%;margin-top: var(--m20);}.btnProfileStyle > button:nth-child(1) {width: 180px;height: 180px;border-radius: 50%;border: 2px solid var(--Primary-500);position: relative;}.btnProfileStyle > button:nth-child(1) img {width: 176px;height: 176px;border-radius: 50%;}.btnProfileStyle > button:nth-child(1) div {width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;position: absolute;bottom: -5px;right: 35px;background-color: var(--Primary-50);border-radius: 50%;}.btnProfileStyle > button:nth-child(1) div svg {width: 30px;height: 30px;stroke: var(--Accent-900);}.btnProfileStyle .exitSiteUser {position: absolute;left: 20px;top: 20px;display: flex;height: 36px;width: 140px;border: 1px solid var(--Primary-500);align-items: center;justify-content: center;flex-direction: row;background-color: transparent;border-radius: var(--border-radius8);}.btnProfileStyle .exitSiteUser span {color: var(--Primary-500);font-size: 14px;font-weight: 400;margin-left: var(--m4);}.btnProfileStyle .exitSiteUser svg {width: 26px;height: 26px;stroke: var(--Primary-500);}.btnProfileStyle section {display: flex;flex-direction: row;align-items: center;justify-content: space-between;margin-top: var(--m32);width: 100%;max-width: 400px;border-radius: var(--border-radius8);background-color: var(--Primary-100);padding: var(--p8) var(--p12);}.btnProfileStyle section span{color: var(--Accent-900);font-size: var(--font16);font-weight: 500;white-space: nowrap;overflow-y: hidden;overflow-x: auto;}.btnProfileStyle section button{height: 40px;line-height: 40px;width: 90px;background-color: transparent;text-align: center;flex-direction: row;border-radius: var(--border-radius8);border: 1px solid var(--Accent-900);color: var(--Accent-900);}.deleteUserBarber{display: flex;flex-direction: column;align-items: center;justify-content: start;width: 100%;}.deleteUserBarber label{color: var(--Accent-50);font-size: var(--font18);font-weight: 700;margin: var(--m12) auto;}.deleteUserBarber form{display: flex;flex-direction: row;align-items: center;justify-content: center;width: 100%;margin-top: var(--m20);}.deleteUserBarber form button{width: 140px;height: 48px;text-align: center;line-height: 48px;font-size: var(--font18);font-weight: 700;color: var(--colorBlack);background-color: var(--Primary-500);border-radius: var(--border-radius8);margin: 0 var(--m12);border: none;}.deleteUserBarber form button:nth-child(2){color: var(--Primary-500);border: 1px solid var(--Primary-500);background-color: transparent;}.btnProfileStyle div {display: flex;flex-direction: row;align-items: center;justify-content: center;margin-top: var(--m32);width: 100%;}.btnProfileStyle div button {display: flex;height: 48px;width: 180px;background-color: var(--Primary-500);align-items: center;justify-content: center;flex-direction: row;margin: 0 var(--m16);border-radius: var(--border-radius8);border: none;}.btnProfileStyle div button span {color: var(--Accent-900);font-size: 16px;font-weight: 500;margin-right: var(--m4);}.btnProfileStyle div button svg {width: 32px;height: 32px;stroke: var(--Accent-900);}.btnProfileStyle div button:nth-child(1) svg {border-radius: var(--border-radius50);border: var(--Accent-900) 1px solid;fill: var(--Accent-900);stroke: var(--Accent-900);margin-left: var(--m4);}.AddTicket {display: flex;flex-direction: column;align-items: center;justify-content: start;background-color: var(--Accent-900);border-radius: var(--border-radius8);padding: var(--p32);position: relative;width: 100%;margin-top: var(--m20);}.AddTicket button {display: flex;height: 48px;width: 200px;background-color: var(--Primary-500);align-items: center;justify-content: center;flex-direction: row;margin: 0 var(--m16);border-radius: var(--border-radius8);border: none;margin-bottom: var(--m12);}.AddTicket button span {color: var(--Accent-900);font-size: 16px;font-weight: 600;margin-right: var(--m4);}.AddTicket button svg {width: 32px;height: 32px;fill: var(--Accent-900);stroke: var(--Accent-900);}.AddTicket label {color: var(--Accent-50);font-size: 18px;font-weight: 700;margin: var(--m12) auto;}.AddTicket div {display: flex;flex-direction: row;align-items: center;justify-content: space-between;padding: 0 var(--p16);height: 60px;border: 1px solid var(--Primary-500);border-radius: var(--border-radius8);width: 90%;margin: var(--m8) 0;}.AddTicket div span {color: var(--Accent-50);font-size: 16px;font-weight: 600;white-space: nowrap;overflow-x: auto;overflow-y: hidden;}.AddTicket div a {height: 40px;line-height: 40px;width: 120px;background-color: var(--Primary-500);border-radius: var(--border-radius8);font-size: 16px;font-weight: 500;text-align: center;color: var(--Accent-900) !important;}.styleUserAbout {display: flex;flex-direction: column;align-items: center;justify-content: start;width: 100%;margin-top: var(--m20);}.styleUserAbout label {color: var(--Accent-50);font-size: var(--font24);font-weight: 700;margin: var(--m12) auto;}.styleUserAbout div {display: flex;flex-direction: column;align-items: start;justify-content: start;width: 100%;}.styleUserAbout div h4 {color: var(--Accent-300);font-size: var(--font18);font-weight: 500;border-bottom: 1px solid var(--Accent-700);height: 50px;line-height: 50px;width: 100%;margin: 0!important;}.styleUserAbout div span {color: var(--Accent-50);font-size: var(--font18);font-weight: 500;}.styleUserAbout button {height: 46px;line-height: 46px;width: 140px;background-color: var(--Primary-500);border-radius: var(--border-radius8);font-size: var(--font17);font-weight: 500;text-align: center;color: var(--Accent-900) !important;margin-top: var(--m20);border: none;}.styleEditNameUser {display: flex;align-items: center;justify-content: center;width: 100%;margin-top: var(--m32);padding: var(--p20) 0;}.styleEditNameUser form {display: flex;align-items: center;justify-content: start;flex-direction: column;width: 100%;}.styleEditNameUser form label {color: var(--Accent-50);font-size: var(--font20);font-weight: 700;margin: var(--m12) auto;}.styleEditNameUser form input {height: 40px;border-radius: var(--border-radius8);background-color: var(--Primary-100);font-size: var(--font16);color: var(--Accent-900);width: 100%;}.styleEditNameUser form button {height: 46px;line-height: 46px;width: 140px;background-color: var(--Primary-500);border-radius: var(--border-radius8);font-size: var(--font17);font-weight: 500;text-align: center;color: var(--Accent-900) !important;margin-top: var(--m20);border: none;}.exitSiteUserModal {display: flex;flex-direction: column;align-items: center;justify-content: start;width: 100%;}.exitSiteUserModal label {color: var(--Accent-50);font-size: var(--font20);font-weight: 700;margin: var(--m12) auto;}.exitSiteUserModal div {display: flex;flex-direction: row;align-items: center;justify-content: center;width: 100%;margin-top: var(--m32);}.exitSiteUserModal div a{width: 140px;height: 48px;text-align: center;line-height: 48px;font-size: var(--font18);font-weight: 700;color: var(--colorBlack);background-color: var(--Primary-500);border-radius: var(--border-radius8);margin: 0 var(--m12);}.exitSiteUserModal div a:nth-child(2){color: var(--Primary-500);border: 1px solid var(--Primary-500);background-color: transparent;}.exitSiteUserModal div a:nth-child(2):hover{color: var(--Primary-500);}.ticketSendStyle{display: flex;flex-direction: column;align-items: center;justify-content: start;width: 100%;overflow-x: hidden;overflow-y: auto;margin-top: var(--m32);padding: var(--p16) 0;}.ticketSendStyle form{display: flex;flex-direction: column;align-items: center;justify-content: start;width: 100%;}.ticketSendStyle form input ,.ticketSendStyle form select ,.ticketSendStyle form textarea{width: 100%;height: 40px;line-height: 40px;padding: 0 var(--p12);background-color: var(--Primary-100)!important;border-radius: var(--border-radius8);margin: var(--m8) 0;color: var(--Accent-900);font-size: var(--font16);}.ticketSendStyle form textarea {height: 140px;resize: none;}.ticketSendStyle form button {height: 40px;line-height: 40px;width: 100%;background-color: var(--Primary-500);border-radius: var(--border-radius8);font-size: var(--font16);font-weight: 500;text-align: center;color: var(--Accent-900) !important;margin-top: var(--m20);}.profile_type {display: flex;flex-direction: column;align-items: center;justify-content: start;padding-top: var(--p40);padding-bottom: var(--p16);width: 100%;max-height: 90vh;}.profile_type div {display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;justify-content: space-around;overflow-y: auto;overflow-x: hidden;width: 100%;}.profile_type label {position: relative;width: 104px;border-radius: 50%;height: 104px;margin: 5px;display: flex;align-items: center;justify-content: center;border-width: 3px!important;}.profile_type img {width: 100px;height: 100px;}.profile_type input {position: absolute;top: 2px;left: 2px;width: 100px !important;height: 100px !important;margin: 0 !important;border-radius: 50%;z-index: -1;}.profile_type button {height: 48px;line-height: 48px;width: 100%;background-color: var(--Primary-500);border-radius: var(--border-radius8);font-size: var(--font16);font-weight: 500;text-align: center;color: var(--Accent-900) !important;margin-top: var(--m20);}.styleChangeIndex{width: 100%;max-width: var(--MaxWidthSite);display: flex;flex-direction: row;align-items: center;justify-content: space-around;margin: 0 auto var(--m20) auto;flex-wrap: nowrap;padding: var(--p40)var(--p40)var(--p40) 0;position: relative;}.styleChangeIndex:after{content: "";position: absolute;width: 100%;background-color: var(--Accent-900);height: 340px;left: 0;bottom: 20px;z-index: -1;border-radius: var(--border-radius8);}.styleChangeIndex img{width: 400px;height: 400px;}.styleChangeIndex div{width: calc(100% - 400px);height: 400px;display: flex;flex-direction: column;align-items: center;justify-content: end;padding-bottom: var(--p20);}.styleChangeIndex div h3 {width: 100%;font-size: var(--font24);font-weight: 700;display: inline-block;height: 40px;line-height: 40px;color: var(--Accent-50);margin-bottom: var(--m20);}.styleChangeIndex div p {width: 100%;font-size: var(--font18);font-weight: 400;display: inline-block;line-height: 32px;color: var(--Accent-50);}.styleChangeIndex div a{width: 320px;height: 48px;line-height: 48px;border-radius: var(--border-radius8);text-align: center;font-size: var(--font18);font-weight: 600;color: var(--Accent-900);background-color: var(--Primary-500);border: none;margin: var(--m8);}.styleChangeIndex div a:nth-child(4){color: var(--Primary-500);background-color: transparent;border: 1px solid var(--Primary-500);}.downloadApp {width: 100%;max-width: var(--MaxWidthSite);position: relative;display: flex;flex-direction: column;align-items: center;justify-content: start;margin: 0 auto;}.downloadApp h2 {font-weight: 700;font-size: var(--font24);height: 50px;color: var(--Accent-50);border-bottom: 2px solid var(--Primary-500);line-height: 50px;margin: var(--m12) auto;}.downloadApp button, .downloadApp a {display: flex;flex-direction: row;align-items: center;justify-content: right;width: 80%;margin: var(--m8) auto;border-radius: var(--border-radius8);background-color: var(--Accent-900);height: 80px;border: none;padding:0 var(--p12);position: relative;}.downloadApp button span, .downloadApp a span {display: inline-block;height: 80px;font-size: var(--font16);font-weight: 700;line-height: 80px;white-space: nowrap;overflow-x: auto;overflow-y: hidden;text-align: right;margin-right: var(--m8);color: var(--Accent-50);}.downloadApp button svg, .downloadApp a svg , .downloadApp a img {width: 64px;height: 64px;fill: var(--Accent-50);}.downloadApp a h3 {display: inline-block;font-size: var(--font12);font-weight: 300;white-space: nowrap;overflow-x: auto;overflow-y: hidden;text-align: right;color: var(--Accent-50);position: absolute;bottom: 5px;right: 90px;margin: 0!important;}.videoEducationApp {z-index: 100000;position: fixed;top: 0;right: 0;left: 0;bottom: 0;width: 100%;text-align: center;}.videoEducationApp video {width: 100%;height: 94%;max-width: 500px;}.videoEducationApp1 {width: 85%;margin-top: 65px;border-radius: 6px;}.goCreateSite {display: inline-block;width: 94%;position: absolute;bottom: 10px;left: 50%;transform: translate(-50%);z-index: 100;}.closeModalEducation {width: 36px;height: 36px;position: absolute;border-radius: 50%;font-size: 22px;top: 4px;left: 4px;z-index: 100;line-height: 36px;padding: 0 !important;text-align: center;}.rulesStyle {display: flex;flex-direction: column;align-items: center;justify-content: start;width: 100%;max-width: var(--MaxWidthSite);margin: 0 auto;padding-bottom: var(--p24);}.rulesStyle h2 {font-weight: 700;font-size: var(--font24);height: 50px;color: var(--Accent-50);border-bottom: 2px solid var(--Primary-500);line-height: 50px;margin: var(--m12) auto;}.rulesStyle div {display: flex;flex-direction: column;align-items: center;justify-content: start;width: 90%;border-radius: var(--border-radius8);background-color: var(--Accent-900);padding: var(--p12);margin-bottom: var(--m12);}.rulesStyle div p {width: 100%;font-weight: 500;font-size: var(--font16);text-align: justify;line-height: 32px;color: var(--Accent-50);margin-bottom: var(--m8);}.privacy {display: flex;flex-direction: column;align-items: center;justify-content: start;width: 100%;max-width: var(--MaxWidthSite);margin: 0 auto;padding-bottom: var(--p24);}.privacy div {display: flex;flex-direction: column;align-items: center;justify-content: start;width: 90%;border-radius: var(--border-radius8);background-color: var(--Accent-900);padding: var(--p12);margin-top: var(--m20);}.privacy h2 {font-weight: 700;font-size: var(--font20);height: 40px;color: var(--colorWhite);line-height: 40px;margin: 0;width: 100%;text-align: right;}.privacy p {width: 100%;font-weight: 400;font-size: 16px;text-align: justify;line-height: 32px;color: var(--Accent-50);}.facilities{display: flex;flex-direction: column;align-items: center;justify-content: start;width: 100%;max-width: var(--MaxWidthSite);margin: 0 auto;padding-top: var(--p40);}.facilities>div{position: relative;display: flex;flex-direction: column;background-color: var(--Accent-900);align-items: center;overflow: hidden;justify-content: start;margin: var(--m12) auto;padding:0 var(--p12);width: 600px;border-radius: var(--border-radius8);}.facilities>div div{display: flex;align-items: center;justify-content: space-between!important;flex-direction: row;width: 100%;min-height: 80px;border: none;}.facilities>div div>svg{width: 32px;height: 24px;stroke: var(--Accent-50);}.facilities>div div div>svg{width: 44px;height: 44px;fill: var(--Accent-50);margin-left: var(--m8);}.facilities>div:nth-child(3) div>svg{fill: var(--Primary-500);}.facilities>div div h2{display: block;font-size: var(--font18);color: var(--Accent-50);font-weight: 500;width: 90%;text-align: right;margin: 0!important;}.facilities>div article{display: none;width: 100%;flex-direction: column;align-items: center;justify-content: start;}.facilities>div article div{display: flex;flex-direction: row;align-items: center;justify-content: right;background-color: var(--Accent-50);border-radius: var(--border-radius8);margin: var(--m8) auto;width: 90%;padding: 0 var(--p12);min-height: 46PX!important;max-height: 46PX!important;}.facilities>div article div svg{width: 24px;height: 24px;stroke: var(--Accent-900);margin-left: var(--m8);}.facilities>div h3{font-size: var(--font16);color: var(--Accent-900);font-weight: 500;line-height: 22px;width: 100%;text-align: right;margin: 0!important;}.editVideo {display: flex;flex-direction: column;align-items: center;justify-content: start;width: 100%;max-width: var(--MaxWidthSite);margin: 0 auto;padding-bottom: var(--p24);}.editVideo h2 {font-weight: 700;font-size: var(--font20);height: 40px;color: var(--colorWhite);line-height: 40px;width: 100%;text-align: center;margin-top: var(--m32);}.editVideo div {display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;justify-content: center;width: 80%;padding: var(--p12);}.editVideo div button {display: flex;flex-direction: column;align-items: center;justify-content: center;width: 200px;height: 200px;border-radius: 50%;background-color: var(--Accent-900);border:2px solid var(--Accent-500);margin: var(--m16);}.editVideo div button span {display: inline-block;width: 180px;height: 50px;font-size: var(--font20);font-weight: 600;color: var(--Primary-500);}.editVideoBarber {width: 100%;max-width: var(--MaxWidthSite);position: relative;display: flex;flex-direction: column;align-items: center;justify-content: start;margin: 0 auto;}.editVideoBarber h2 {font-weight: 700;font-size: var(--font24);height: 50px;color: var(--Accent-50);border-bottom: 2px solid var(--Primary-500);line-height: 50px;margin: var(--m12) auto;}.editVideoBarber button{display: flex;flex-direction: row;align-items: center;justify-content: right;width: 80%;margin: var(--m8) auto;border-radius: var(--border-radius8);background-color: var(--Accent-900);height: 80px;border: none;padding:0 var(--p12);position: relative;}.editVideoBarber button span{display: inline-block;height: 80px;font-size: var(--font16);font-weight: 700;line-height: 80px;white-space: nowrap;overflow-x: auto;overflow-y: hidden;text-align: right;margin-right: var(--m8);color: var(--Accent-50);}.editVideoBarber button svg {width: 64px;height: 64px;fill: var(--Accent-50);}.learnVideo {width: 100%;height: auto;position: relative;text-align: center;margin-top: 40px;padding-top: 10px;}.learnVideo div {display: inline-block;width: 90%;height: 100px;border-radius: 10px;vertical-align: middle;text-align: center;margin: 8px;border-width: 3px !important;padding: 0 10px;}.learnVideo div:nth-child(3) {height: 120px;}.learnVideo div:nth-child(3) span {display: inline-block;line-height: 30px;margin-top: 10px;}.learnVideo button {width: 100%;height: 100px;border-radius: 50%;vertical-align: middle;background: transparent;border: none;font-weight: bold;}.learnVideo div > a {display: flex;width: 100% !important;height: 100px !important;font-weight: bold;align-items: center;justify-content: center;}.learnVideo a {width: 60% !important;border-radius: 6px;}.supportMainUser{display: flex;flex-direction: column;align-items: center;justify-content: start;width: 100%;max-width: var(--MaxWidthSite);margin: 0 auto;padding: var(--p32) 0;height: 100dvh;gap: 32px;}.supportStyle1User {display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;justify-content: center;width: 90%;}.supportStyle1User a{display: flex;flex-direction: row;align-items: center;justify-content: center;width: calc(50% - 32px);height: 90px;background-color: var(--Accent-900);border-radius: var(--border-radius8);padding: var(--p12);margin: var(--m8);position: relative;gap: 12px;}.supportStyle1User a span{font-weight: 600;font-size: var(--font18);color: var(--Accent-50);margin-right: var(--m8);}.supportStyle1User a h6 {position: absolute;font-weight: 600;font-size: var(--font16);color: var(--Primary-500);width: 100%;padding-right: var(--p60);bottom:5px;right: 10px;margin: 0!important;text-align: center;}.supportStyle1User a svg{width: 70px;height: 70px;stroke: var(--Accent-50);margin-left: var(--m8);}.supportStyle2User{display: flex;flex-direction: column;align-items: center;justify-content: start;width: 80%;background-color: var(--Accent-900);border-radius: var(--border-radius8);margin: var(--m20) auto;padding: var(--p16);}.supportStyle2User input{width: 100%;height: 40px;line-height: 40px;padding: 0 var(--p12);background-color: var(--Primary-100)!important;border-radius: var(--border-radius8);margin: var(--m12) 0;color: var(--Accent-900);font-size: var(--font16);}.supportStyle2User button{height: 48px;line-height: 48px;width: 100%;background-color: var(--Primary-500);border-radius: var(--border-radius8);font-size: var(--font16);font-weight: 500;text-align: center;color: var(--Accent-900) !important;margin-top: var(--m12);}.searchCityBest {width: 100%;position: relative;margin-bottom: var(--m12);}.searchCityBest svg {position: absolute;top: 8px;right: 16px;height: 32px;width: 32px;stroke: var(--Accent-600);}.searchCityBest input {height: 48px !important;line-height: 48px !important;width: 100%;margin: 0 !important;background-color: var(--Accent-50) !important;}.showAllBestStyle{display: flex;flex-direction: column;align-items: center;justify-content: start;width: var(--widthSite);padding: var(--p16);margin: 0 auto;}.showAllBestStyle h1{margin-bottom: var(--m20);}.showAllBestStyle div{display: flex;flex-direction: row;align-items: start;justify-content: center;width: 100%;max-width: var(--MaxWidthSite);margin: 0 auto;flex-wrap: wrap;gap: 12px;}.showAllBestStyle div a{display: flex;flex-direction: column;align-items: center;justify-content: center;width: calc(25% - 12px);background-color: var(--Primary-100);padding: var(--p12);border-radius: var(--border-radius8);}.showAllBestStyle div a div{display: flex;flex-direction: row;align-items: center;justify-content: center;flex-wrap: nowrap;width: 100%;gap: 0;height: 32px;}.showAllBestStyle div a h2 {width: 100%;font-size: var(--font18);font-weight: 700;height: 32px;color: var(--Accent-900);text-align: center;white-space: nowrap;scrollbar-width: none;overflow-y: hidden;overflow-x: auto;}.showAllBestStyle div a svg {width: 24px;height: 24px;stroke: var(--Accent-700);margin-left: var(--m4);}.showAllBestStyle div a span {font-size: var(--font14);font-weight: 400;color: var(--Accent-900);text-align: center;overflow-x: auto;white-space: nowrap;overflow-y: hidden;}.showAllBestStyleOne{display: flex;flex-direction: column;align-items: center;justify-content: start;width: 100%;max-width: var(--MaxWidthSite);padding: var(--p8) var(--p16);margin: 0 auto;}.showAllBestStyleOne h1{margin-bottom: var(--m20);}.showAllBestStyleOne .barberBestStyle{display: flex;flex-direction: row;align-items: center;white-space: wrap;justify-content: center;width: 100%;flex-wrap: wrap;gap: 12px;}.showAllBestStyleOne .barberBestStyle a{display: flex;flex-direction: column;align-items: center;justify-content: center;width: calc(33% - 12px);background-color: var(--Primary-100);padding: var(--p12);border-radius: var(--border-radius8);position: relative;}.showAllBestStyleOne .barberBestStyle a h5{position: absolute;top: 8px;left: 8px;width: 80px;height: 40px;background-color: var(--Primary-500);border-radius: var(--border-radius8);display: flex;flex-direction: row;align-items: center;justify-content: center;}.showAllBestStyleOne div a h5 span{font-size: var(--font18);font-weight: 700;color: var(--Accent-900);text-align: center;height: 32px;line-height: 32px;white-space: nowrap;overflow-y: hidden;overflow-x: auto;}.showAllBestStyleOne div a h5 svg{width: 24px;height: 24px;fill: var(--Accent-900);margin-left: var(--m4);margin-bottom: var(--m4);}.showAllBestStyleOne div a header{display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;}.showAllBestStyleOne div a img{width: 130px;height: 130px;border-radius: 50%;margin-top: var(--m12);}.showAllBestStyleOne div a section {display: flex;flex-direction: column;align-items: center;justify-content: space-around;flex-wrap: nowrap;width: 100%;height: 80px;gap: 0;}.showAllBestStyleOne div a div{display: flex;flex-direction: row;align-items: center;justify-content: center;flex-wrap: nowrap;width: 100%;height: 28px;gap: 0;}.showAllBestStyleOne div a div div{display: flex;flex-direction: row;align-items: center;justify-content: center;flex-wrap: nowrap;width: 100%;gap: 0;}.showAllBestStyleOne div a h2 {width: 100%;font-size: var(--font18);font-weight: 700;color: var(--Accent-900);height: 40px;line-height: 40px;text-align: center;white-space: nowrap;scrollbar-width: none;overflow-y: hidden;overflow-x: auto;}.showAllBestStyleOne div a svg {width: 24px;height: 24px;stroke: var(--Accent-700);margin-left: var(--m4);}.showAllBestStyleOne div a div span ,.showAllBestStyleOne div a div h3 {font-size: var(--font14);font-weight: 400;color: var(--Accent-900);text-align: center;height: 28px;line-height: 28px;white-space: nowrap;overflow-y: hidden;overflow-x: auto;}.showAllBestStyleOne div a h4 {width: 100%;height: 48px;line-height: 48px;border-radius: var(--border-radius8);border: 1px solid var(--Accent-900);background-color: var(--Primary-500);color: var(--Accent-900);font-size: var(--font18);font-weight: 500;margin-top: var(--m12);text-align: center;}.footerBestStyle{display: flex;flex-direction: column;align-items: center;justify-content: center;width: var(--widthSite);margin: var(--m40) auto;}.footerBestStyle h4{font-size: var(--font24);font-weight: 700;color: var(--Accent-50);line-height: 30px;}.footerBestStyle div{display: flex;flex-direction: row;flex-wrap: nowrap;align-items: center;justify-content: center;width: 60%;margin-top: var(--m24);gap: 16px;}.footerBestStyle div a{width: 60%;height: 48px;line-height: 48px;font-size: var(--font18);font-weight: 600;border-radius: var(--border-radius8);background-color: var(--Primary-500);color: var(--Accent-900);text-align: center;}.footerBestStyle div a:nth-child(2){width: 40%;background-color: transparent;color: var(--Primary-500);border: 1px solid var(--Primary-500);}.typeBestStyle{display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;justify-content: center;width: 100%;margin-bottom: var(--m20);}.typeBestStyle a{width: auto;height: 36px;line-height: 36px;padding:0 var(--p8);font-size: var(--font16);font-weight: 500;color: var(--Accent-50);border-radius: var(--border-radius8);border: 1px solid var(--Accent-50);margin: var(--m8);}.typeBestStyle .aActive{color: var(--Accent-900);background-color: var(--Accent-50);}.headerByeSite{display: flex;flex-direction: row;align-items: center;justify-content: center;gap: 40px;width: 100%;margin: var(--m20) 0;padding: 0 var(--p20);}.headerByeSite>div:nth-child(2){display: flex;flex-direction: row;align-items: center;justify-content: center;width: 400px;height: 400px;}.headerByeSite>div:nth-child(2) img{width: 400px;height: 400px;}.headerTitleByeSite{display: flex;flex-direction: column;align-items: start;justify-content: right;width: calc(100% - 440px);}.headerTitleByeSite h3{display: inline-block;white-space: wrap;line-height: 46px;font-size: var(--font24);font-weight: 700 ;color: var(--Accent-50);}.headerTitleByeSite div{display: flex;flex-direction: row;align-items: center;justify-content: right;width: 100%;}.headerTitleByeSite div svg{width: 24px;height: 24px;stroke: var(--Accent-50);}.headerTitleByeSite div span{display: inline-block;line-height: 40px;height: 40px;font-size: var(--font16);font-weight: 400;color: var(--Accent-100);margin-right: var(--m8);}.headerTitleByeSite a{display: inline-block;width: 90%;line-height: 48px;height: 48px;font-size: var(--font18);font-weight: 600;color: var(--Accent-900);background-color: var(--Primary-500);border: none;border-radius: var(--border-radius8);margin: var(--m32) auto;text-align: center;}.byeSiteStyle{display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;margin: var(--m32) 0;}.byeSiteStyle header{display: flex;flex-direction: row;align-items: center;justify-content: space-between;width: 100%;padding: 0 var(--p20);height: 52px;border-radius: var(--border-radius8);background-color: var(--Primary-50);}.byeSiteStyle header div svg{width: 32px;height: 32px;fill: var(--Accent-900);}.byeSiteStyle header div span{font-size: var(--font20);font-weight: 700;color: var(--Accent-900);}.byeSiteStyle header div:nth-child(2) span{font-size: var(--font16);font-weight: 700;color: var(--Accent-900);margin: 0 var(--m4);}.byeSiteStyle>div{display: flex;flex-direction: row;align-items: center;justify-content: space-between;width: 100%;margin-top: var(--m12);}.byeSiteStyle div button{display: flex;flex-direction: column;align-items: center;justify-content: center;background-color: var(--Primary-50);border-radius: var(--border-radius8);padding: var(--p12);width: 32%;border: none;}.byeSiteStyle div button>span{display: inline-block;width: 100%;line-height: 48px;height: 48px;font-size: var(--font18);font-weight: 600;color: var(--Accent-900);background-color: var(--Primary-500);border: none;border-radius: var(--border-radius8);margin-top: var(--m16);text-align: center;}.byeSiteStyle div button:nth-child(3) {background-color: var(--Primary-500);}.byeSiteStyle div button:nth-child(3)>span{color: var(--Accent-50);background-color: var(--Accent-800);}.byeSiteStyle div button img{width: 220px;height: 220px;}.byeSiteStyle div button>div{display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;}.byeSiteStyle div button div h3{font-size: var(--font18);font-weight: 500;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-align: right;line-height: 28px;width: 100%;margin-top: var(--m8);color: var(--Neutral-600);}.byeSiteStyle div button div div div{display: flex;flex-direction: row;align-items: center;justify-content: center;width: 100%;margin-top: var(--m8);}.byeSiteStyle div button div div div sub{width: 60px;height: 30px;line-height: 33px;font-size: var(--font20);font-weight: 700;color: var(--Accent-50);background-color: var(--Danger-500);border-radius: 30px;}.byeSiteStyle div button div div article{display: flex;flex-direction: column;align-items: center;justify-content: center;width: calc(100% - 60px);}.byeSiteStyle div button div div article span{width: 100%;height: 30px;line-height: 30px;font-size: var(--font24);font-weight: 700;color: var(--Accent-900);text-align: left;}.byeSiteStyle div button div div article span:nth-child(2){font-size: var(--font16);font-weight: 700;color: var(--Danger-500);text-align: left;padding-left: var(--p12);text-decoration: line-through;}.license1{display: flex;flex-direction: row;align-items: center;justify-content: center;gap: 30px;width: 600px;background-color: var(--Accent-900);border-radius: var(--border-radius8);padding: var(--p24);margin-top: var(--m32);}.license1 h5{display: inline-block;white-space: wrap;line-height: 46px;font-size: var(--font24);font-weight: 700 ;color: var(--Primary-500);}.license1 a {display: inline-block;border-radius: var(--border-radius8);}.license1 a img {width: 160px!important;height: 160px!important;margin: 0 !important;}.styleByeSite{display: flex;flex-direction: column;align-items: center;justify-content: start;width: 100%;height: calc(100dvh - 200px);margin-bottom: var(--m20);overflow-y: auto;overflow-x: hidden;}.styleByeSite video{width: 100%;}.styleByeSite .facilitiesByeSite {width: 80%;padding: var(--p12);display: flex;flex-direction: column;align-items: center;justify-content: start;background-color: var(--Accent-900);border-radius: var(--border-radius8);margin-top: var(--m16);}.styleByeSite .facilitiesByeSite label{color: var(--Primary-500);font-size: var(--font20);font-weight: 700;width: 100%;text-align: center;margin-bottom: var(--m12);}.styleByeSite .facilitiesByeSite div{display: flex;flex-direction: row;align-items: center;justify-content: right;margin-bottom: var(--m4);width: 100%;background-color: var(--Accent-50);height: 40px;border-radius: var(--border-radius8);padding: 0 var(--p12);}.styleByeSite .facilitiesByeSite div svg{width: 32px;height: 32px;stroke: var(--Accent-900);}.styleByeSite .facilitiesByeSite div h3{font-size: var(--font16);font-weight: 400;height: 40px;line-height: 40px;margin-right: var(--m8);color: var(--Accent-900);margin-bottom: 0!important;}.styleByeSite form{display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;position: fixed;bottom: 2px;left: 0;right: 0;margin: 0 auto;padding: var(--p12) var(--p32);background-color: var(--Accent-900);max-width: calc(var(--MaxWidthSite) - 4px);border-top: 1px solid var(--Accent-300);}.styleByeSite form div{display: flex;flex-direction: row;align-items: center;justify-content: center;width: 100%;gap: 8px;}.styleByeSite form div input,.styleByeSite form div select{width: calc(50% - 8px);}.styleByeSite form div button{width: calc(50% - 8px);height: 48px;line-height: 48px;background-color: var(--Primary-500);color: var(--Accent-900);border: none;border-radius: var(--border-radius8);font-size: var(--font18);font-weight: 600;}}@media (max-width: 700px) {.searchCity {width: 80%;height: 40px;border-radius: var(--border-radius8);z-index: var(--z-index10003);}#scrollControl {position: absolute;top: 115PX;left: 50%;transform: translate(-50%);}.searchCity input {width: 100%;height: 40px;border-radius: var(--border-radius8);box-shadow: var(--box-shadow-inset) !important;background-color: var(--Accent-50) !important;border: 1px solid var(--Accent-800);margin: 0!important;}.searchCity .showCity {width: 125%;display: none;z-index: var(--z-index1000);margin: 0 auto;transform: translate(9.6%);border-radius: var(--border-radius8) !important;background-color: var(--Accent-50);box-shadow: var(--box-shadow-bottom);padding: var(--p12);}.searchCity .optionsCity {min-height: 86vh !important;max-height: 86vh !important;border-radius: var(--border-radius8) !important;display: flex;flex-direction: column;}.searchCity .optionsCity li{width: 100%;height: 40px!important;line-height: 40px!important;padding: 0!important;font-size: var(--font16);text-align: center;}.searchCity .optionsCity li:hover{background-color: var(--Primary-100)!important;}.showBarberAll {display: none;}.searchCity #showBarberAll {width: 125%;z-index: var(--z-index10003);transform: translate(9.6%);border-radius: var(--border-radius8) !important;min-height: 91vh;max-height: 91vh;background-color: var(--Accent-50);box-shadow: var(--box-shadow-bottom);display: flex;flex-direction: column;align-items: center;justify-content: start;}.typeStyleBarber {height: auto;padding: var(--p8);border-radius: var(--border-radius8);display: flex;flex-direction: column;align-items: center;justify-content: center;}.typeStyleBarber h3{font-size: var(--font16);font-weight: 600;color: var(--Accent-900);margin: var(--p8) auto;}.typeStyleBarber div{display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;justify-content: start;border-bottom:1px solid var(--Accent-300);padding-bottom: var(--p12);}.typeStyleBarber label {position: relative;text-align: center;width:auto;padding: 0 var(--p4);border-radius: var(--border-radius8);height: 34px;line-height: 34px;margin: var(--m4);border: 1px solid var(--Accent-600);color: var(--Accent-900);transition: all 0.3s ease;font-size: var(--font14);}.activeLabelType {color: var(--Accent-50)!important;background-color: var(--Accent-900);border: none;}.typeStyleBarber input {position: absolute;top: 0;left: 0;width: 100% !important;height: 100% !important;margin: 0 !important;display: none !important;border-radius: var(--border-radius8);;}#showBarberModal {width: 100%;height: 100%;overflow-y: auto;overflow-x: hidden;padding: var(--p12);display: flex;flex-direction: column;align-items: center;}#showBarberModal form{width: 100%;}.showBarberModal {display: flex;flex-direction: column;align-items: start;width: 100%;margin: var(--m4) auto;border-radius: var(--border-radius8);background-color: var(--Primary-50);box-shadow: var(--box-shadow-bottom);padding: var(--p8);}.showBarberModal div {width: 100%;display: flex;flex-direction: row;align-items: center;justify-content: right;}.showBarberModal div div{width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;padding-right: var(--p12);}.showBarberModal img {width: 80px;height: 80px;border-radius: 50%;border:2px solid var(--Primary-500);}.showBarberModal span {display: block;width: 100%;height: 34px;line-height: 34px;text-align: right;font-size: var(--font15);font-weight: 600;color: var(--Accent-900);}.showBarberModal a {display: block;width: 60%;height: 40px;line-height: 40px;text-align: center;background-color: var(--Primary-500);border: 1px solid var(--Accent-900);color: var(--Accent-900);border-radius: var(--border-radius8);font-weight: 700;font-size: var(--font16);margin: var(--m4) auto;}.showCityBlock {display: block !important;}.showBarberMe {width: 92%;position: relative;padding: var(--p8);margin: 124px auto 0 auto;border-radius: var(--border-radius8);display: flex;flex-direction: row;align-items: center;justify-content: space-between;background-color: var(--Accent-900);border: 2px solid var(--Primary-500);}.showBarberMe div {width: 100%;display: flex;flex-direction: row;align-items: center;justify-content: right;}.showBarberMe div div {width: 100%;display: flex;flex-direction: column;align-items: start;justify-content: center;}.showBarberMe div img {width: 80px;height: 80px;border-radius: 50%;margin-left: var(--m8);border: 2px solid var(--colorWhite);}.showBarberMe div span {display: block;height: 40px;line-height: 40px;text-align: right;font-size: var(--font15);font-weight: 600;color: var(--Accent-50);}.showBarberMe a {display: inline-block;width: 140px;height: 40px;line-height: 40px;border-radius: var(--border-radius8);font-weight: 700;font-size: var(--font16);background-color: var(--Primary-500);color: var(--Accent-900);text-align: center;border: 1px solid var(--Accent-900);}.showBarberMe button {position: absolute;display: inline-block;left: -15px;top: -15px;width: 36px;height: 36px;border-radius: 50%;font-size: var(--font20) !important;font-weight: 500;text-align: center;line-height: 38px !important;padding: 0 !important;color: var(--Accent-50);background-color: var(--Accent-900);border: 1px solid var(--Primary-500);}.shareLink1 {width: var(--widthSite);display: flex;flex-direction: row;align-items: center;justify-content: space-between;padding: var(--p12) var(--p4);background-color: var(--Accent-900);border-radius: var(--border-radius8);margin-bottom: var(--m32) !important;}.shareLink1 h4 {font-size: var(--font13);color: var(--Accent-50);font-weight: 500;margin: 0!important;}.shareLink1 button {background: var(--Primary-500);border: none;height: 40px;display: flex;flex-direction: row;align-items: center;justify-content: center;padding: 0 var(--p8);border-radius: var(--border-radius8);}.shareLink1 button svg{width: 24px;height: 24px;fill: var(--Accent-900);stroke: var(--Accent-900);margin-left: var(--m4);}.shareLink1 button span{font-size: var(--font13);font-weight: 500;color: var(--Accent-900);}.mainCardStyle{padding-top: var(--p40);}.headerSiteStyle{display: flex;flex-direction: row;align-items: center;justify-content: center;width: 100%;max-width: var(--MaxWidthSite);margin: 0 auto;position: absolute;top: 0;left: 50%;transform: translate(-50%);z-index: var(--z-index10003);}.headerSiteStyle h2{font-weight: 700;font-size: 16px;color: var(--Accent-900);background-color: var(--Primary-100);height: 40px;line-height: 40px;border-radius: 0 0 30px 30px;padding: 0 var(--p24);}.headerSiteStyle>a {position: absolute;left: 0;top: 0;background-color: var(--Primary-100);height: 40px;width: 40px;display: flex;align-items: center;justify-content: center;border-radius: 0 0 20px 0;}.headerSiteStyle>a svg {width: 24px;height: 24px;stroke: var(--Accent-900);transform: rotate(180deg);}.mainProfile {display: flex;flex-direction: column;align-items: center;justify-content: start;width: 100%;max-width: var(--MaxWidthSite);margin: 0 auto;}.headerProfile {height: 50px;display: flex;flex-direction: row;align-items: start;justify-content: center;width: 100%;position: relative;}.headerProfile h2 {font-weight: 700;font-size: 18px;color: var(--Accent-900);background-color: var(--Primary-100);height: 44px;line-height: 44px;border-radius: 0 0 40px 40px;padding: 0 var(--p32);}.headerProfile a {position: absolute;left: 0;top: 0;height: 40px;width: 40px;display: flex;align-items: center;justify-content: center;background-color: var(--Primary-100);border-radius: 0 0 20px 0;}.headerProfile a svg {width: 24px;height: 24px;stroke: var(--Accent-900);transform: rotate(180deg);}.btnProfileStyle {display: flex;flex-direction: column;align-items: center;justify-content: start;background-color: var(--Accent-900);border-radius: var(--border-radius8);padding:var(--p20) var(--p12);position: relative;width: var(--widthSite);margin-top: var(--m20);}.btnProfileStyle > button:nth-child(1) {width: 140px;height: 140px;border-radius: 50%;border: 2px solid var(--Primary-500);margin-top: var(--m40);position: relative;}.btnProfileStyle > button:nth-child(1) img {width: 136px;height: 136px;border-radius: 50%;}.btnProfileStyle > button:nth-child(1) div {width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;position: absolute;bottom: -5px;right: 25px;background-color: var(--Primary-50);border-radius: 50%;}.btnProfileStyle > button:nth-child(1) div svg {width: 20px;height: 20px;stroke: var(--Accent-900);}.btnProfileStyle .exitSiteUser {position: absolute;left: 10px;top: 15px;display: flex;height: 36px;width: 120px;border: 1px solid var(--Primary-500);align-items: center;justify-content: center;flex-direction: row;background-color: transparent;border-radius: var(--border-radius8);}.btnProfileStyle .exitSiteUser span {color: var(--Primary-500);font-size: 13px;font-weight: 400;margin-left: var(--m4);}.btnProfileStyle .exitSiteUser svg {width: 24px;height: 24px;stroke: var(--Primary-500);}.btnProfileStyle section {display: flex;flex-direction: row;align-items: center;justify-content: space-between;margin-top: var(--m32);width: 100%;max-width: 400px;border-radius: var(--border-radius8);background-color: var(--Primary-100);padding: var(--p4);}.btnProfileStyle section span{color: var(--Accent-900);font-size: var(--font15);font-weight: 500;white-space: nowrap;overflow-y: hidden;overflow-x: auto;}.btnProfileStyle section button{height: 40px;line-height: 40px;width: 70px;background-color: transparent;text-align: center;flex-direction: row;border-radius: var(--border-radius8);border: 1px solid var(--Accent-900);color: var(--Accent-900);}.deleteUserBarber{display: flex;flex-direction: column;align-items: center;justify-content: start;width: 100%;}.deleteUserBarber label{color: var(--Accent-50);font-size: var(--font16);font-weight: 700;margin: var(--m12) auto;}.deleteUserBarber form{display: flex;flex-direction: row;align-items: center;justify-content: center;width: 100%;margin-top: var(--m16);}.deleteUserBarber form button{width: 140px;height: 40px;text-align: center;line-height: 40px;font-size: var(--font16);font-weight: 700;color: var(--colorBlack);background-color: var(--Primary-500);border-radius: var(--border-radius8);margin: 0 var(--m12);border: none;}.deleteUserBarber form button:nth-child(2){color: var(--Primary-500);border: 1px solid var(--Primary-500);background-color: transparent;}.btnProfileStyle div {display: flex;flex-direction: row;align-items: center;justify-content: center;margin-top: var(--m24);width: 100%;}.btnProfileStyle div button {display: flex;height: 40px;width: 180px;background-color: var(--Primary-500);align-items: center;justify-content: center;flex-direction: row;margin: 0 var(--m4);border-radius: var(--border-radius8);border: none;}.btnProfileStyle div button span {color: var(--Accent-900);font-size: 15px;font-weight: 500;margin-right: var(--m4);}.btnProfileStyle div button svg {width: 26px;height: 26px;stroke: var(--Accent-900);}.btnProfileStyle div button:nth-child(1) svg {border-radius: var(--border-radius50);border: var(--Accent-900) 1px solid;fill: var(--Accent-900);stroke: var(--Accent-900);margin-left: var(--m4);}.AddTicket {display: flex;flex-direction: column;align-items: center;justify-content: start;background-color: var(--Accent-900);border-radius: var(--border-radius8);padding: var(--p20) var(--p8);position: relative;width: var(--widthSite);margin-top: var(--m20);}.AddTicket button {display: flex;height: 40px;width: 180px;background-color: var(--Primary-500);align-items: center;justify-content: center;flex-direction: row;border-radius: var(--border-radius8);border: none;margin-bottom: var(--m24);}.AddTicket button span {color: var(--Accent-900);font-size: 15px;font-weight: 600;margin-right: var(--m4);}.AddTicket button svg {width: 26px;height: 26px;fill: var(--Accent-900);stroke: var(--Accent-900);}.AddTicket label {color: var(--Accent-50);font-size: 17px;font-weight: 700;margin-bottom: var(--m4);}.AddTicket div {display: flex;flex-direction: row;align-items: center;justify-content: space-between;padding: 0 var(--p4);height: 50px;border: 1px solid var(--Primary-500);border-radius: var(--border-radius8);width: 100%;margin: var(--m8) 0;}.AddTicket div span {color: var(--Accent-50);font-size: 14px;font-weight: 600;white-space: nowrap;overflow-x: auto;overflow-y: hidden;}.AddTicket div a {height: 34px;line-height: 34px;width: 80px;background-color: var(--Primary-500);border-radius: var(--border-radius8);font-size: 15px;font-weight: 500;text-align: center;color: var(--Accent-900) !important;}.styleUserAbout {display: flex;flex-direction: column;align-items: center;justify-content: start;width: 100%;margin-top: var(--m16);}.styleUserAbout label {color: var(--Accent-50);font-size: var(--font20);font-weight: 700;margin: var(--m8) auto;}.styleUserAbout div {display: flex;flex-direction: column;align-items: start;justify-content: start;width: 100%;}.styleUserAbout div h4 {color: var(--Accent-300);font-size: var(--font16);font-weight: 500;border-bottom: 1px solid var(--Accent-700);height: 44px;line-height: 44px;width: 100%;margin: 0!important;}.styleUserAbout div span {color: var(--Accent-50);font-size: var(--font16);font-weight: 500;}.styleUserAbout button {height: 40px;line-height: 40px;width: 140px;background-color: var(--Primary-500);border-radius: var(--border-radius8);font-size: var(--font16);font-weight: 500;text-align: center;color: var(--Accent-900) !important;margin-top: var(--m20);border: none;}.styleEditNameUser {display: flex;align-items: center;justify-content: center;width: 100%;margin-top: var(--m32);padding: var(--p16) 0;}.styleEditNameUser form {display: flex;align-items: center;justify-content: start;flex-direction: column;width: 100%;}.styleEditNameUser form label {color: var(--Accent-50);font-size: var(--font18);font-weight: 700;margin-bottom: var(--m8);}.styleEditNameUser form input {height: 40px;border-radius: var(--border-radius8);background-color: var(--Primary-100);font-size: var(--font15);color: var(--Accent-900);width: 100%;}.styleEditNameUser form button {height: 40px;line-height: 40px;width: 140px;background-color: var(--Primary-500);border-radius: var(--border-radius8);font-size: var(--font16);font-weight: 500;text-align: center;color: var(--Accent-900) !important;margin-top: var(--m16);border: none;}.exitSiteUserModal {display: flex;flex-direction: column;align-items: center;justify-content: start;width: 100%;}.exitSiteUserModal label {color: var(--Accent-50);font-size: var(--font20);font-weight: 700;margin: var(--m12) auto;}.exitSiteUserModal div {display: flex;flex-direction: row;align-items: center;justify-content: center;width: 100%;margin-top: var(--m32);}.exitSiteUserModal div a{width: 140px;height: 40px;text-align: center;line-height: 40px;font-size: var(--font16);font-weight: 700;color: var(--colorBlack);background-color: var(--Primary-500);border-radius: var(--border-radius8);margin: 0 var(--m12);}.exitSiteUserModal div a:nth-child(2){color: var(--Primary-500);border: 1px solid var(--Primary-500);background-color: transparent;}.exitSiteUserModal div a:nth-child(2):hover{color: var(--Primary-500);}.ticketSendStyle{display: flex;flex-direction: column;align-items: center;justify-content: start;width: 100%;overflow-x: hidden;overflow-y: auto;margin-top: var(--m32);padding: var(--p16) 0;}.ticketSendStyle form{display: flex;flex-direction: column;align-items: center;justify-content: start;width: 100%;}.ticketSendStyle form input ,.ticketSendStyle form select ,.ticketSendStyle form textarea{width: 100%;height: 40px;line-height: 40px;padding: 0 var(--p12);background-color: var(--Primary-100)!important;border-radius: var(--border-radius8);margin: var(--m8) 0;color: var(--Accent-900);font-size: var(--font15);}.ticketSendStyle form textarea {height: 130px;resize: none;}.ticketSendStyle form button {height: 40px;line-height: 40px;width: 100%;background-color: var(--Primary-500);border-radius: var(--border-radius8);font-size: var(--font15);font-weight: 500;text-align: center;color: var(--Accent-900) !important;margin-top: var(--m16);}.profile_type {display: flex;flex-direction: column;align-items: center;justify-content: start;padding-top: var(--p40);padding-bottom: var(--p16);width: 100%;max-height: 90vh;}.profile_type div {display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;justify-content: space-around;overflow-y: auto;overflow-x: hidden;width: 100%;}.profile_type label {position: relative;width: 90px;border-radius: 50%;height: 90px;margin: 5px;display: flex;align-items: center;justify-content: center;border-width: 3px!important;}.profile_type img {width: 86px;height: 86px;}.profile_type input {position: absolute;top: 2px;left: 2px;width: 86px !important;height: 86px !important;margin: 0 !important;border-radius: 50%;z-index: -1;}.profile_type button {height: 40px;line-height: 40px;width: 100%;background-color: var(--Primary-500);border-radius: var(--border-radius8);font-size: var(--font15);font-weight: 500;text-align: center;color: var(--Accent-900) !important;margin-top: var(--m16);}.styleChangeIndex{width: 100%;max-width: var(--MaxWidthSite);display: flex;flex-direction: column-reverse;align-items: center;justify-content: space-around;margin: 0 auto var(--m20) auto;padding: var(--p12);position: relative;}.styleChangeIndex:after{content: "";position: absolute;width: 100%;background-color: var(--Accent-900);height: calc(100% - 80px);left: 0;bottom: 0;z-index: -1;}.styleChangeIndex img{width: var(--widthSite);max-width: 400px;height: auto;}.styleChangeIndex div{width: 100%;height: auto;display: flex;flex-direction: column;align-items: center;justify-content: center;padding-top: var(--p20);}.styleChangeIndex div h3 {width: 100%;font-size: var(--font20);font-weight: 700;display: inline-block;height: 40px;line-height: 40px;color: var(--Accent-50);margin-bottom: var(--m12);}.styleChangeIndex div p {width: 100%;font-size: var(--font14);font-weight: 400;display: inline-block;line-height: 26px;color: var(--Accent-50);}.styleChangeIndex div a{width: 100%;height: 40px;line-height: 40px;border-radius: var(--border-radius8);text-align: center;font-size: var(--font16);font-weight: 600;color: var(--Accent-900);background-color: var(--Primary-500);border: none;margin: var(--m8);}.styleChangeIndex div a:nth-child(4){color: var(--Primary-500);background-color: transparent;border: 1px solid var(--Primary-500);}.downloadApp {width: var(--widthSite);max-width: var(--MaxWidthSite);position: relative;display: flex;flex-direction: column;align-items: center;justify-content: start;margin: 0 auto;}.downloadApp h2 {font-weight: 700;font-size: var(--font17);height: 50px;color: var(--Accent-50);border-bottom: 2px solid var(--Primary-500);line-height: 50px;margin: var(--m12) auto;}.downloadApp button, .downloadApp a {display: flex;flex-direction: row;align-items: center;justify-content: right;width: 100%;margin: var(--m8) auto;border-radius: var(--border-radius8);background-color: var(--Accent-900);height: 70px;border: none;padding:0 var(--p4);position: relative;}.downloadApp button span, .downloadApp a span {display: inline-block;height: 70px;font-size: var(--font14);font-weight: 600;line-height: 70px;white-space: nowrap;overflow-x: auto;overflow-y: hidden;text-align: right;margin-right: var(--m4);color: var(--Accent-50);}.downloadApp button svg, .downloadApp a svg , .downloadApp a img {width: 54px;height: 54px;fill: var(--Accent-50);}.downloadApp a h3 {display: inline-block;font-size: var(--font11);font-weight: 300;white-space: nowrap;overflow-x: auto;overflow-y: hidden;text-align: right;color: var(--Accent-50);position: absolute;bottom: 5px;right: 0;padding-right: 60px;margin: 0!important;width: 100%;}.videoEducationApp {z-index: 100000;position: fixed;top: 0;right: 0;left: 0;bottom: 0;width: 100%;text-align: center;}.videoEducationApp video {width: 100%;height: 94%;max-width: 500px;}.videoEducationApp1 {width: 85%;margin-top: 65px;border-radius: 6px;}.goCreateSite {display: inline-block;width: 94%;position: absolute;bottom: 10px;left: 50%;transform: translate(-50%);z-index: 100;}.closeModalEducation {width: 36px;height: 36px;position: absolute;border-radius: 50%;font-size: 22px;top: 4px;left: 4px;z-index: 100;line-height: 36px;padding: 0 !important;text-align: center;}.rulesStyle {display: flex;flex-direction: column;align-items: center;justify-content: start;width: 100%;max-width: var(--MaxWidthSite);margin: 0 auto;padding-bottom: var(--p20);}.rulesStyle h2 {font-weight: 700;font-size: var(--font20);height: 50px;color: var(--Accent-50);border-bottom: 2px solid var(--Primary-500);line-height: 50px;margin: var(--m12) auto;}.rulesStyle div {display: flex;flex-direction: column;align-items: center;justify-content: start;width: var(--widthSite);border-radius: var(--border-radius8);background-color: var(--Accent-900);padding: var(--p12);margin-bottom: var(--m12);}.rulesStyle div p {width: 100%;font-weight: 500;font-size: var(--font15);text-align: justify;line-height: 32px;color: var(--Accent-50);margin-bottom: var(--m8);}.privacy {display: flex;flex-direction: column;align-items: center;justify-content: start;width: 100%;max-width: var(--MaxWidthSite);margin: 0 auto;padding-bottom: var(--p20);}.privacy div {display: flex;flex-direction: column;align-items: center;justify-content: start;width: var(--widthSite);border-radius: var(--border-radius8);background-color: var(--Accent-900);padding: var(--p12);margin-top: var(--m12);}.privacy h2 {font-weight: 700;font-size: var(--font18);height: 40px;color: var(--colorWhite);line-height: 40px;margin: 0;width: 100%;text-align: right;}.privacy p {width: 100%;font-weight: 400;font-size: 15px;text-align: justify;line-height: 32px;color: var(--Accent-50);}.facilities{display: flex;flex-direction: column;align-items: center;justify-content: start;width: 100%;max-width: var(--MaxWidthSite);margin: 0 auto;padding-top: var(--p24);}.facilities>div{position: relative;display: flex;flex-direction: column;background-color: var(--Accent-900);align-items: center;overflow: hidden;justify-content: start;margin: var(--m12) auto;padding:0 var(--p8);width: var(--widthSite);border-radius: var(--border-radius8);}.facilities>div div{display: flex;align-items: center;justify-content: space-between!important;flex-direction: row;width: 100%;min-height: 80px;border: none;}.facilities>div div>svg{width: 30px;height: 22px;stroke: var(--Accent-50);}.facilities>div div div>svg{width: 40px;height: 40px;fill: var(--Accent-50);margin-left: var(--m8);}.facilities>div:nth-child(3) div>svg{fill: var(--Primary-500);}.facilities>div div h2{display: block;font-size: var(--font16);color: var(--Accent-50);font-weight: 500;width: 90%;text-align: right;margin: 0!important;}.facilities>div article{display: none;width: 100%;flex-direction: column;align-items: center;justify-content: start;}.facilities>div article div{display: flex;flex-direction: row;align-items: center;justify-content: right;background-color: var(--Accent-50);border-radius: var(--border-radius8);margin: var(--m8) auto;width: 96%;padding: 0 var(--p8);min-height: 46PX!important;max-height: 46PX!important;}.facilities>div article div svg{width: 24px;height: 24px;stroke: var(--Accent-900);margin-left: var(--m4);}.facilities>div h3{font-size: var(--font14);color: var(--Accent-900);font-weight: 500;line-height: 20px;width: 100%;text-align: right;margin: 0!important;}.editVideo {display: flex;flex-direction: column;align-items: center;justify-content: start;width: 100%;max-width: var(--MaxWidthSite);margin: 0 auto;padding-bottom: var(--p20);}.editVideo h2 {font-weight: 700;font-size: var(--font16);height: 40px;color: var(--colorWhite);line-height: 40px;width: var(--widthSite);text-align: center;margin-top: var(--m32);}.editVideo div {display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;justify-content: center;width: var(--widthSite);margin-top: var(--m32);}.editVideo div button {display: flex;flex-direction: column;align-items: center;justify-content: center;width: 140px;height: 140px;border-radius: 50%;background-color: var(--Accent-900);border:2px solid var(--Accent-500);margin: var(--m16);}.editVideo div button span {display: inline-block;width: 120px;font-size: var(--font16);font-weight: 600;color: var(--Primary-500);margin: var(--m8) 0;}.editVideoBarber {width: 100%;max-width: var(--MaxWidthSite);position: relative;display: flex;flex-direction: column;align-items: center;justify-content: start;margin: 0 auto;}.editVideoBarber h2 {font-weight: 700;font-size: var(--font17);color: var(--Accent-50);border-bottom: 2px solid var(--Primary-500);margin: var(--m16) auto;padding-bottom: var(--p8);width: 90%;line-height: 28px;text-align: center;}.editVideoBarber button{display: flex;flex-direction: row;align-items: center;justify-content: right;width: var(--widthSite);margin: var(--m8) auto;border-radius: var(--border-radius8);background-color: var(--Accent-900);height: 70px;border: none;padding:0 var(--p8);position: relative;}.editVideoBarber button span{display: inline-block;font-size: var(--font14);font-weight: 700;line-height: 28px;white-space: wrap;text-align: right;margin-right: var(--m4);color: var(--Accent-50);}.editVideoBarber button svg {width: 54px;height: 54px;fill: var(--Accent-50);}.learnVideo {width: 100%;height: auto;position: relative;text-align: center;margin-top: 40px;padding-top: 10px;}.learnVideo div {display: inline-block;width: 90%;height: 100px;border-radius: 10px;vertical-align: middle;text-align: center;margin: 8px;border-width: 3px !important;padding: 0 10px;}.learnVideo div:nth-child(3) {height: 120px;}.learnVideo div:nth-child(3) span {display: inline-block;line-height: 30px;margin-top: 10px;}.learnVideo button {width: 100%;height: 100px;border-radius: 50%;vertical-align: middle;background: transparent;border: none;font-weight: bold;}.learnVideo div > a {display: flex;width: 100% !important;height: 100px !important;font-weight: bold;align-items: center;justify-content: center;}.learnVideo a {width: 60% !important;border-radius: 6px;}.supportMainUser{display: flex;flex-direction: column;align-items: center;justify-content: start;width: 100%;max-width: var(--MaxWidthSite);margin: 0 auto;padding: var(--p16) 0;}.supportStyle1User{display: flex;flex-direction: column;align-items: center;justify-content: space-between;width: var(--widthSite);margin-top: var(--m12);}.supportStyle1User a{display: flex;flex-direction: row;align-items: center;justify-content: right;min-width: 300px;height: 70px;background-color: var(--Accent-900);border-radius: var(--border-radius8);padding: var(--p12);margin: var(--m8) 0;position: relative;}.supportStyle1User a span{font-weight: 600;font-size: var(--font16);color: var(--Accent-50);margin-right: var(--m8);}.supportStyle1User a h6 {position: absolute;font-weight: 600;font-size: var(--font14);color: var(--Primary-500);width: 100%;padding-right: var(--p80);bottom:2px;right: 10px;margin: 0!important;text-align: right;}.supportStyle1User a svg{width: 60px;height: 60px;stroke: var(--Accent-50);margin-left: var(--m8);}.supportStyle2User{display: flex;flex-direction: column;align-items: center;justify-content: start;width: 90%;background-color: var(--Accent-900);border-radius: var(--border-radius8);margin: var(--m20) auto;padding: var(--p16);}.supportStyle2User input{width: 100%;height: 40px;line-height: 40px;padding: 0 var(--p12);background-color: var(--Primary-100)!important;border-radius: var(--border-radius8);margin: var(--m12) 0;color: var(--Accent-900);font-size: var(--font15);}.supportStyle2User button{height: 40px;line-height: 40px;width: 100%;background-color: var(--Primary-500);border-radius: var(--border-radius8);font-size: var(--font15);font-weight: 500;text-align: center;color: var(--Accent-900) !important;margin-top: var(--m12);}.searchCityBest {width: 100%;position: relative;margin-bottom: var(--m4);}.searchCityBest svg {position: absolute;top: 8px;right: 8px;height: 24px;width: 24px;stroke: var(--Accent-600);}.searchCityBest input {height: 40px !important;line-height: 40px !important;width: 100%;margin: 0 !important;background-color: var(--Accent-50) !important;}.showAllBestStyle{display: flex;flex-direction: column;align-items: center;justify-content: start;width: var(--widthSite);padding: var(--p12) 0;margin: 0 auto;}.showAllBestStyle h1{margin-bottom: var(--m12);}.showAllBestStyle div{display: flex;flex-direction: row;align-items: start;justify-content: center;width: 100%;flex-wrap: wrap;gap: 8px;}.showAllBestStyle div a{display: flex;flex-direction: column;align-items: center;justify-content: center;width: calc(50% - 8px);background-color: var(--Primary-100);padding: var(--p8);border-radius: var(--border-radius8);}.showAllBestStyle div a div{display: flex;flex-direction: row;align-items: center;justify-content: center;flex-wrap: nowrap;width: 100%;gap: 0;height: 24px;}.showAllBestStyle div a h2 {width: 100%;font-size: var(--font14);font-weight: 700;height: 24px;color: var(--Accent-900);text-align: center;white-space: nowrap;scrollbar-width: none;overflow-y: hidden;overflow-x: auto;}.showAllBestStyle div a svg {width: 20px;height: 20px;stroke: var(--Accent-700);margin-left: var(--m4);}.showAllBestStyle div a span {font-size: var(--font12);font-weight: 400;color: var(--Accent-900);text-align: center;}.showAllBestStyleOne{display: flex;flex-direction: column;align-items: center;justify-content: start;width: var(--widthSite);padding: var(--p12) 0;margin: 0 auto;}.showAllBestStyleOne h1{margin-bottom: var(--m12);}.showAllBestStyleOne .barberBestStyle{display: flex;flex-direction: column;align-items: center;justify-content: start;width: 100%;flex-wrap: wrap;gap: 8px;}.showAllBestStyleOne .barberBestStyle a{display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;background-color: var(--Primary-100);padding: var(--p8);border-radius: var(--border-radius8);position: relative;}.showAllBestStyleOne .barberBestStyle a h5{position: absolute;top: 4px;left: 4px;width: 60px;height: 30px;background-color: var(--Primary-500);border-radius: var(--border-radius8);display: flex;flex-direction: row;align-items: center;justify-content: center;}.showAllBestStyleOne .barberBestStyle a h5 span{font-size: var(--font16);font-weight: 700;color: var(--Accent-900);text-align: center;height: 24px;line-height: 24px;}.showAllBestStyleOne .barberBestStyle a h5 svg{width: 20px;height: 20px;fill: var(--Accent-900);margin-left: var(--m4);margin-bottom: var(--m4);}.showAllBestStyleOne .barberBestStyle a header{display: flex;flex-direction: row;align-items: center;justify-content: center;width: 100%;}.showAllBestStyleOne .barberBestStyle a section {display: flex;flex-direction: column;align-items: center;justify-content: space-around;flex-wrap: nowrap;width: 100%;height: 96px;gap: 0;}.showAllBestStyleOne .barberBestStyle a div{display: flex;flex-direction: column;align-items: center;justify-content: center;flex-wrap: nowrap;width: 100%;height: 56px;gap: 0;}.showAllBestStyleOne .barberBestStyle a div div{display: flex;flex-direction: row;align-items: center;justify-content: right;flex-wrap: nowrap;width: 100%;gap: 0;}.showAllBestStyleOne .barberBestStyle a img{width: 96px;height: 96px;border-radius: 50%;margin-left: var(--m8);}.showAllBestStyleOne .barberBestStyle a h2 {width: 100%;font-size: var(--font16);font-weight: 500;color: var(--Accent-900);height: 32px;line-height: 32px;text-align: right;white-space: nowrap;scrollbar-width: none;overflow-y: hidden;overflow-x: auto;}.showAllBestStyleOne .barberBestStyle a svg {width: 20px;height: 20px;stroke: var(--Accent-700);margin-left: var(--m4);}.showAllBestStyleOne .barberBestStyle a div span,.showAllBestStyleOne .barberBestStyle a div h3 {font-size: var(--font12);font-weight: 400;color: var(--Accent-900);text-align: center;height: 28px;line-height: 28px;}.showAllBestStyleOne .barberBestStyle a h4 {width: 100%;height: 32px;line-height: 32px;border-radius: var(--border-radius8);border: 1px solid var(--Accent-900);background-color: var(--Primary-500);color: var(--Accent-900);font-size: var(--font16);font-weight: 500;margin-top: var(--m8);text-align: center;}.footerBestStyle{display: flex;flex-direction: column;align-items: center;justify-content: center;width: var(--widthSite);margin: var(--m40) auto;}.footerBestStyle h4{font-size: var(--font18);font-weight: 700;color: var(--Accent-50);line-height: 26px;}.footerBestStyle div{display: flex;flex-direction: row;flex-wrap: nowrap;align-items: center;justify-content: center;width: 100%;margin-top: var(--m12);gap: 8px;}.footerBestStyle div a{width: 60%;height: 40px;line-height: 40px;font-size: var(--font16);font-weight: 600;border-radius: var(--border-radius8);background-color: var(--Primary-500);color: var(--Accent-900);text-align: center;}.footerBestStyle div a:nth-child(2){width: 40%;background-color: transparent;color: var(--Primary-500);border: 1px solid var(--Primary-500);}.typeBestStyle{display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;justify-content: center;width: 100%;margin-bottom: var(--m12);}.typeBestStyle a{width: auto;height: 28px;line-height: 28px;padding:0 var(--p4);font-size: var(--font12);font-weight: 500;color: var(--Accent-50);border-radius: var(--border-radius8);border: 1px solid var(--Accent-50);margin: var(--m4);}.typeBestStyle .aActive{color: var(--Accent-900);background-color: var(--Accent-50);}.headerByeSite{display: flex;flex-direction:column-reverse;align-items: center;justify-content: center;gap: 40px;width: 100%;margin-top: var(--m12);padding: 0 var(--p12);}.headerByeSite>div:nth-child(2){display: flex;flex-direction: row;align-items: center;justify-content: center;width: var(--widthSite);max-width: 400px;}.headerByeSite>div:nth-child(2) img{aspect-ratio: 1 / 1;width: 100%;}.headerTitleByeSite{display: flex;flex-direction: column;align-items: start;justify-content: right;width: var(--widthSite);}.headerTitleByeSite h3{display: inline-block;white-space: wrap;line-height: 46px;font-size: var(--font16);font-weight: 700 ;color: var(--Accent-50);}.headerTitleByeSite div{display: flex;flex-direction: row;align-items: center;justify-content: right;width: 100%;}.headerTitleByeSite div svg{width: 24px;height: 24px;stroke: var(--Accent-50);}.headerTitleByeSite div span{display: inline-block;line-height: 40px;height: 40px;font-size: var(--font14);font-weight: 400;color: var(--Accent-100);margin-right: var(--m8);}.headerTitleByeSite a{display: inline-block;width: var(--widthSite);line-height: 40px;height: 40px;font-size: var(--font16);font-weight: 600;color: var(--Accent-900);background-color: var(--Primary-500);border: none;border-radius: var(--border-radius8);margin: var(--m32) auto;text-align: center;}.byeSiteStyle{display: flex;flex-direction: column;align-items: center;justify-content: center;width: var(--widthSite);margin: var(--m24) 0;}.byeSiteStyle header{display: flex;flex-direction: row;align-items: center;justify-content: space-between;width: 100%;padding: 0 var(--p4);height: 40px;border-radius: var(--border-radius8);background-color: var(--Primary-50);}.byeSiteStyle header div svg{width: 24px;height: 24px;fill: var(--Accent-900);}.byeSiteStyle header div span{font-size: var(--font14);font-weight: 700;color: var(--Accent-900);}.byeSiteStyle header div:nth-child(2) span{font-size: var(--font14);font-weight: 700;color: var(--Accent-900);}.byeSiteStyle>div{display: flex;flex-direction: column;align-items: center;justify-content: space-between;width: 100%;margin-top: var(--m12);}.byeSiteStyle div button{display: flex;flex-direction: column;align-items: center;justify-content: center;background-color: var(--Primary-50);border-radius: var(--border-radius8);padding: var(--p8);width: 100%;border: none;margin: var(--m4) 0;}.byeSiteStyle div button>span{display: inline-block;width: 100%;line-height: 40px;height: 40px;font-size: var(--font16);font-weight: 600;color: var(--Accent-900);background-color: var(--Primary-500);border: none;border-radius: var(--border-radius8);margin-top: var(--m12);text-align: center;}.byeSiteStyle div button:nth-child(3) {background-color: var(--Primary-500);}.byeSiteStyle div button:nth-child(3)>span{color: var(--Accent-50);background-color: var(--Accent-800);}.byeSiteStyle div button img{width: 120px;height: 120px;}.byeSiteStyle div button>div{display: flex;flex-direction: row;align-items: center;justify-content: center;width: 100%;gap: 8px;}.byeSiteStyle div button div h3{font-size: var(--font14);font-weight: 500;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-align: right;line-height: 26px;width: 100%;margin-top: var(--m8);color: var(--Neutral-600);}.byeSiteStyle div button div div div{display: flex;flex-direction: row;align-items: center;justify-content: center;width: 100%;margin-top: var(--m8);padding-top: var(--p8);border-top: 1px solid var(--Accent-800);}.byeSiteStyle div button div div div sub{width: 50px;height: 25px;line-height: 27px;font-size: var(--font18);font-weight: 700;color: var(--Accent-50);background-color: var(--Danger-500);border-radius: 25px;}.byeSiteStyle div button div div article{display: flex;flex-direction: column;align-items: center;justify-content: center;width: calc(100% - 50px);}.byeSiteStyle div button div div article span{width: 100%;height: 30px;line-height: 30px;font-size: var(--font18);font-weight: 700;color: var(--Accent-900);text-align: left;padding-left: var(--p8);}.byeSiteStyle div button div div article span:nth-child(2){font-size: var(--font14);font-weight: 700;color: var(--Danger-500);text-align: left;padding-left: var(--p12);text-decoration: line-through;}.license1{display: flex;flex-direction: row;align-items: center;justify-content: center;gap: 16px;width: var(--widthSite);background-color: var(--Accent-900);border-radius: var(--border-radius8);padding: var(--p12);margin-top: var(--m32);}.license1 h5{display: inline-block;white-space: wrap;line-height: 32px;font-size: var(--font18);font-weight: 700 ;color: var(--Primary-500);}.license1 a {display: inline-block;border-radius: var(--border-radius8);}.license1 a img {width: 90px!important;height: 90px!important;margin: 0 !important;}.styleByeSite{display: flex;flex-direction: column;align-items: center;justify-content: start;width: 100%;height: calc(100dvh - 160px);margin-bottom: var(--m12);overflow-y: auto;overflow-x: hidden;}.styleByeSite video{width: 100%;}.styleByeSite .facilitiesByeSite{width: 100%;padding: var(--p8);display: flex;flex-direction: column;align-items: center;justify-content: start;background-color: var(--Accent-900);border-radius: var(--border-radius8);margin-top: var(--m8);}.styleByeSite .facilitiesByeSite label{color: var(--Primary-500);font-size: var(--font16);font-weight: 700;width: 100%;text-align: center;margin-bottom: var(--m8);}.styleByeSite .facilitiesByeSite div{display: flex;flex-direction: row;align-items: center;justify-content: right;margin-bottom: var(--m4);width: 100%;background-color: var(--Accent-50);height: 32px;border-radius: var(--border-radius8);padding: 0 var(--p4);}.styleByeSite .facilitiesByeSite div svg{width: 24px;height: 24px;stroke: var(--Accent-900);}.styleByeSite .facilitiesByeSite div h3{font-size: var(--font14);font-weight: 400;height: 32px;line-height: 32px;margin-right: var(--m4);color: var(--Accent-900);margin-bottom: 0!important;}.styleByeSite form{display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;position: fixed;bottom: 2px;left: 0;right: 0;margin: 0 auto;padding: var(--p8);background-color: var(--Accent-900);max-width: calc(var(--MaxWidthSite) - 4px);border-top: 1px solid var(--Accent-300);}.styleByeSite form div{display: flex;flex-direction: row;align-items: center;justify-content: center;width: 100%;gap: 4px;}.styleByeSite form div input,.styleByeSite form div select{width: calc(50% - 4px);}.styleByeSite form div button{width: calc(50% - 4px);height: 40px;line-height: 40px;background-color: var(--Primary-500);color: var(--Accent-900);border: none;border-radius: var(--border-radius8);font-size: var(--font16);font-weight: 600;}}@media (min-width: 100px) {.imgPriceAll {width: 100%;height: auto;}.infoEarnUser {text-align: center;}.infoEarnUser div {width: 100%;margin-top: 3px;display: inline-block;position: relative;}.infoEarnUser div img {width: 100%;}.infoEarnUser div span:nth-child(1) {display: inline-block;position: absolute;top: 50%;transform: translate(0, -50%);right: 5px;font-size: 18px;font-weight: 600;width: 39%;}.infoEarnUser div span:nth-child(3) {display: inline-block;position: absolute;top: 50%;transform: translate(0, -50%);left: 5px;font-size: 17px;font-weight: 600;width: 39%;}.infoEarnUser div:nth-child(4) button {line-height: 40px;width: 32.7%;height: 40px;border-radius: 6px;}.infoEarnUser div:nth-child(4) button img {width: 30px;height: 30px;float: right;margin-right: 3px;margin-top: 5px;}}