Salon Policy

+02076100827
USE *HELLO23* FOR 10% OFF ALL PURCHASES
Shop Now
EN
United Kingdom (GBP)
All Products
Women
Men
Kids
Shop by brand
Salon Booking
Login
Order Summary
3
Nike Blazer Low ‘77 Vintage X 1
Color : Black
Size: 41
$150.32
Nike Air Max Correlate
Color : Black
Size: 41
$200.00

Payment Information

Apply Discount
Label
Input
Enter Coupon Code
Add-on
Helper text
Apply
Pay With
Debit or Credit Card
Pay on Delivery
Enter Card Information
Cardholder Name
Alexandra McPherson Grey
Placeholder
Add-on
Helper text
Card Number
5061 2345 6789 1234
Placeholder
Add-on
Helper text
Expiry Date
09/2024
Placeholder
Add-on
Helper text
CVV
123
Placeholder
Add-on
Helper text
Sub Total
$549.00
Tax (10%)
$54.00
Shipping
$0.00
Total
$250.32
Pay $250.32
Activities
0
Review
0
Booking
2
Contact Us
21
Salon Policy
23
Career
21

Hello all! Thank you for your interest in our services.

 

Please read our terms and conditions before booking your appointment.

 

LOCATION & PARKING:

 

We are based in Fulham, South West London.

 

Nearest Train Stations:

  • Fulham Broadway
  • West Brompton

 

There is Pay & Display parking available outside the salon. Please use the RingGo app with the location code 17501.

 

DEPOSITS & RESCHEDULING:

 

All services require a non-refundable deposit of £20. This deposit will count towards your total bill.

 

Your appointment is not confirmed without paying a deposit.

 

If you would like to reschedule, please do so within 48 hours of your appointment date.

 

You have the opportunity to reschedule your appointment two times, after this, you will be required to make a new deposit.

 

LATENESS & NO-SHOW POLICY:

 

If you are going to be late, please call us to let us know. We allow a grace period of 30 minutes, after this your appointment will be cancelled or you will be charged a lateness fee. 

 

Please note the lateness fee is calculated based on a % of your total cost of service.

If you do not show up to your appointment, you will be charged a fee. 

 

Please note this fee is calculated based on a % of your total cost of service.

 

BRAIDING HAIR/ HAIR EXTENSIONS:

 

If you would like French Curl Braids, please select the correct service. Picture references are for the SIZE ONLY, not LENGTH. Without selecting an ADD ON, you are opting for bra-length braids or shorter. If you would like your braids longer than this, please remember to select the correct add-on.

 

We have hair available to purchase. Feel free to bring your own; please note we only accept pre-stretched hair. If you'd like Goddess braids, please purchase at least 1 pack of Bulk braiding hair (Brands: CHERISH or FREETRESS).

 

For French Curl Braids, we have the braiding hair available to purchase separately. Our stock is subject to availability. Please contact us to reserve hair, if not you must bring in your own.

 

We do not provide the hair needed for our ponytail, weave, or wig services. We have Sensationnel Hair available to purchase. Goddess Remi, Empire, Premium Now and Premium Too. Our stock is subject to availability. Please contact us to reserve hair, if not you must bring in your own.

 

WIG SERVICES:

 

PLEASE NOTE! The date you select for our wig services will require you to drop off your hair extensions only. When you arrive at the salon, your stylist will tell you when you need to come back to collect the wig; this may not be on the same day. Upon collecting your new wig, you must complete your outstanding bill.

 

ADDITIONAL INFORMATION:

 

If you have any questions or queries, please do not hesitate to contact us via WhatsApp (+44 7366 998016). Messages only, we do not accept calls from this number.

 

We reserve the right to turn away anyone demonstrating flu-like symptoms, unreasonable and/or inappropriate behaviour.

 

If you are not happy with the services provided, please notify us within 3 days of your initial appointment. After this, we will not offer any corrective or redo services.

 

Please note the cost of our Locs, Men & Natural Hair Services are starting prices only. The price may vary depending on the length, thickness, or texture of your hair. If you would like us to confirm prices before your appointment, please send us an image, via WhatsApp, of your natural hair, fully washed and blow-dried.

 

If you decide to make any changes to your service on the day of your appointment, the cost of service will change to reflect this.

 

If you would like a service that is not listed, please WhatsApp us for further assistance.

 

BY BOOKING WITH US, YOU ARE CONFIRMING YOU HAVE READ AND AGREED TO ALL OF THE TERMS & CONDITIONS LISTED ABOVE.

Delivery Information
Edit
Alexandra McPherson
20386 Donovans Rd, Georgetown, Delaware(DE)
+1 23455246337
alexandramcpherson@email.com
Be the first to know about all our juicy updates.
Sign Up to Our newsletter
Place a Call
Socials
Instagram
Facebook
Twitter
Pinterest
Support
Privacy Policy
Contact Us
Refund Policy
Shipping Policy
Terms of Service
Address

South West Six (Chelsea) Limited, 2 A Halford Road Fulham, London.

SW6 1JT, United Kingdom

.icon-left61 { height: 16px; width: 16px; position: relative; overflow: hidden; flex-shrink: 0; } .label310 { flex: 1; position: relative; line-height: 145%; font-weight: 500; display: inline-block; min-width: 90px; white-space: nowrap; } .frame-wrapper116, .icon-left-parent3 { display: flex; align-items: flex-start; justify-content: flex-start; } .icon-left-parent3 { align-self: stretch; flex-direction: row; gap: var(--gap-12xs); opacity: 0.9; } .frame-wrapper116 { width: 107px; flex-direction: column; padding: var(--padding-10xs) 0 0; box-sizing: border-box; } .chevron-left-icon7 { width: 18px; height: 18px; position: relative; overflow: hidden; flex-shrink: 0; } .chevron-left-wrapper4 { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; padding: 0 var(--padding-5xs) 0 0; } .label311 { align-self: stretch; position: relative; letter-spacing: -0.01em; line-height: 145%; text-transform: capitalize; font-weight: 500; } .label-wrapper62 { flex: 1; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; padding: var(--padding-9xs-5) 0 0; box-sizing: border-box; min-width: 162px; } .frame-child56 { height: 24px; width: 1px; position: relative; } .label312 { align-self: stretch; position: relative; letter-spacing: -0.02em; line-height: 145%; font-weight: 500; display: inline-block; min-width: 55px; } .label-wrapper63, .vector-parent4 { display: flex; align-items: flex-start; justify-content: flex-start; } .label-wrapper63 { flex: 1; flex-direction: column; padding: var(--padding-9xs-5) 0 0; } .vector-parent4 { width: 87px; flex-direction: row; padding: 0 var(--padding-5xs) 0 0; box-sizing: border-box; gap: var(--gap-4xl); color: var(--foundation-secondary-primary-color-secondary-primary-color-500); } .chevron-right-icon7 { height: 18px; width: 18px; position: relative; overflow: hidden; flex-shrink: 0; } .frame-parent221 { flex: 1; display: flex; flex-direction: row; align-items: flex-start; justify-content: center; gap: var(--gap-5xl); min-width: 294px; max-width: 100%; } .button-icon14, .label313 { width: 16px; position: relative; } .label313 { line-height: 145%; font-weight: 600; display: flex; align-items: center; justify-content: center; min-width: 16px; } .button-icon14 { height: 16px; overflow: hidden; flex-shrink: 0; } .container80 { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: var(--gap-5xs); } .gb5, .label314 { position: relative; } .gb5 { margin: 0; height: 20px; width: 20px; overflow: hidden; flex-shrink: 0; min-height: 20px; } .label314 { flex: 1; line-height: 145%; font-weight: 600; display: inline-block; min-width: 127px; } .button-icon15 { height: 16px; width: 16px; position: relative; overflow: hidden; flex-shrink: 0; } .button-texts17, .container81 { display: flex; justify-content: center; } .container81 { align-self: stretch; flex-direction: row; align-items: center; gap: var(--gap-5xs); } .button-texts17 { flex: 1; border-radius: var(--br-7xs); overflow: hidden; flex-direction: column; align-items: flex-start; } .container-parent3, .frame-wrapper117 { display: flex; justify-content: flex-start; } .container-parent3 { align-self: stretch; flex-direction: row; align-items: center; gap: var(--gap-13xl); } .frame-wrapper117 { width: 251px; flex-direction: column; align-items: flex-start; padding: var(--padding-11xs) 0 0; box-sizing: border-box; color: var(--shade-white); } .frame-parent219, .frame-parent220 { display: flex; flex-direction: row; align-items: flex-start; max-width: 100%; } .frame-parent220 { width: 869.5px; justify-content: center; gap: var(--gap-146xl-5); color: var(--color-gray-1300); font-family: var(--font-manrope); } .frame-parent219 { align-self: stretch; background-color: var(--color-gray-1000); overflow: hidden; justify-content: space-between; padding: var(--padding-smi) var(--padding-58xl) var(--padding-smi) var(--padding-53xl); box-sizing: border-box; gap: var(--gap-xl); } .image-1-icon11 { height: 33.6px; width: 186.7px; position: relative; object-fit: contain; } .label315 { flex: 1; position: relative; letter-spacing: -0.04em; line-height: 17px; font-weight: 600; white-space: nowrap; } .label-wrapper64 { width: 107px; display: flex; flex-direction: row; align-items: flex-end; justify-content: flex-start; } .label316 { width: 55px; position: relative; letter-spacing: -0.04em; line-height: 145%; font-weight: 600; display: flex; align-items: center; justify-content: center; min-width: 55px; } .label-wrapper65 { display: flex; flex-direction: row; align-items: flex-end; justify-content: flex-start; } .label317 { width: 32px; position: relative; letter-spacing: -0.04em; line-height: 145%; font-weight: 600; display: flex; align-items: center; justify-content: center; min-width: 32px; } .label-wrapper66 { display: flex; flex-direction: row; align-items: flex-end; justify-content: flex-start; } .label318 { width: 31px; position: relative; letter-spacing: -0.04em; line-height: 145%; font-weight: 600; display: flex; align-items: center; justify-content: center; min-width: 31px; } .label-wrapper67 { display: flex; flex-direction: row; align-items: flex-end; justify-content: flex-start; } .label319 { flex: 1; position: relative; letter-spacing: -0.04em; line-height: 17px; font-weight: 600; white-space: nowrap; } .label-wrapper68 { flex: 1; display: flex; flex-direction: row; align-items: flex-end; justify-content: flex-start; } .label320 { flex: 1; position: relative; letter-spacing: -0.04em; line-height: 17px; font-weight: 600; white-space: nowrap; } .frame-parent224 { width: 608px; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; padding: 0 var(--padding-2xl) 0 0; box-sizing: border-box; gap: var(--gap-5xl); max-width: 100%; } .search-01-icon6, .shopping-basket-01-icon26 { height: 20px; width: 20px; position: relative; min-height: 20px; } .search-01-parent3 { display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; gap: var(--gap-xl); } .label321 { width: 48px; position: relative; letter-spacing: -0.02em; line-height: 17px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .frame-parent225 { display: flex; flex-direction: row; align-items: flex-end; justify-content: flex-start; gap: var(--gap-lg); } .frame-wrapper118 { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; font-family: var(--font-manjari); } .frame-parent223, .image-1-parent6 { width: 854px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: var(--gap-xl); max-width: 100%; } .image-1-parent6 { width: 100%; margin: 0 !important; position: absolute; top: 0; right: 0; left: 0; justify-content: center; padding: var(--padding-20xl-2) 0; box-sizing: border-box; gap: var(--gap-201xl); text-align: center; font-size: var(--paragraph-medium-regular-size); color: var(--color-gray-800); font-family: var(--font-manrope); } .rectangle68 { height: 1px; width: 101px; position: relative; background-color: var(--neutral-200); } .media-icon66, .separator48 { overflow: hidden; display: none; } .separator48 { align-self: stretch; background-color: var(--shade-white); flex-direction: row; align-items: flex-start; justify-content: flex-start; } .media-icon66 { height: 20px; width: 20px; position: relative; flex-shrink: 0; min-height: 20px; } .label322 { position: relative; letter-spacing: -0.01em; line-height: 145%; font-weight: 500; display: inline-block; min-width: 39px; } .content30 { display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; gap: var(--gap-9xs); } .container82, .seperator24 { display: flex; align-items: center; } .seperator24 { width: 20px; position: relative; line-height: 145%; font-weight: 500; font-family: var(--paragraph-xsmall-medium); color: var(--grey-400); text-align: center; justify-content: center; flex-shrink: 0; } .container82 { flex-direction: row; justify-content: flex-start; } .rectangle69 { height: 1px; width: 101px; position: relative; background-color: var(--neutral-200); } .separator49 { align-self: stretch; background-color: var(--shade-white); overflow: hidden; display: none; flex-direction: row; align-items: flex-start; justify-content: flex-start; } .breadcrumb-master24 { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: var(--gap-5xs); } .breadcrumb-old24, .breadcrumb-style-active14 { display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; } .breadcrumb-old24 { flex: 1; } .rectangle70 { height: 1px; width: 101px; position: relative; background-color: var(--neutral-200); } .media-icon67, .separator50 { overflow: hidden; display: none; } .separator50 { width: 49px; background-color: var(--shade-white); flex-direction: row; align-items: flex-start; justify-content: flex-start; } .media-icon67 { height: 20px; width: 20px; position: relative; flex-shrink: 0; min-height: 20px; } .label323 { position: relative; letter-spacing: -0.01em; line-height: 145%; font-weight: 500; display: inline-block; min-width: 29px; } .content31 { display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; gap: var(--gap-9xs); } .container83, .seperator25 { display: flex; align-items: center; } .seperator25 { width: 20px; position: relative; line-height: 145%; font-weight: 500; font-family: var(--paragraph-xsmall-medium); color: var(--grey-400); text-align: center; justify-content: center; flex-shrink: 0; } .container83 { flex-direction: row; justify-content: flex-start; } .rectangle71 { height: 1px; width: 101px; position: relative; background-color: var(--neutral-200); } .separator51 { width: 49px; background-color: var(--shade-white); overflow: hidden; display: none; flex-direction: row; align-items: flex-start; justify-content: flex-start; } .breadcrumb-master25 { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: var(--gap-5xs); } .breadcrumb-old25, .breadcrumb-style-active15 { display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; } .rectangle72 { height: 1px; width: 101px; position: relative; background-color: var(--neutral-200); } .media-icon68, .separator52 { overflow: hidden; display: none; } .separator52 { align-self: stretch; background-color: var(--shade-white); flex-direction: row; align-items: flex-start; justify-content: flex-start; } .media-icon68 { height: 20px; width: 20px; position: relative; flex-shrink: 0; min-height: 20px; } .label324 { position: relative; letter-spacing: -0.01em; line-height: 145%; font-weight: 500; display: inline-block; min-width: 64px; } .content32 { display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; gap: var(--gap-9xs); } .seperator26 { align-self: stretch; width: 20px; position: relative; line-height: 145%; font-weight: 500; font-family: var(--paragraph-xsmall-medium); color: var(--neutral-300); text-align: center; display: none; align-items: center; justify-content: center; flex-shrink: 0; } .container84 { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; } .rectangle73 { height: 1px; width: 101px; position: relative; background-color: var(--neutral-200); } .separator53 { align-self: stretch; background-color: var(--shade-white); overflow: hidden; display: none; flex-direction: row; align-items: flex-start; justify-content: flex-start; } .breadcrumb-master26 { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: var(--gap-5xs); } .breadcrumb-old26, .breadcrumb-style-inactive10 { display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; } .breadcrumb-old26 { flex: 1; color: var( --foundation-lighter-secondary-primary-color-lighter-secondary-primary-color-700 ); } .rectangle74 { height: 1px; width: 101px; position: relative; background-color: var(--neutral-200); } .media-icon69, .separator54 { overflow: hidden; display: none; } .separator54 { width: 42px; background-color: var(--shade-white); flex-direction: row; align-items: flex-start; justify-content: flex-start; } .media-icon69 { height: 20px; width: 20px; position: relative; flex-shrink: 0; min-height: 20px; } .content33, .label325 { align-self: stretch; flex: 1; display: flex; } .label325 { position: relative; line-height: 145%; font-weight: 500; align-items: center; } .content33 { flex-direction: row; align-items: flex-start; justify-content: flex-start; gap: var(--gap-9xs); } .seperator27 { align-self: stretch; width: 20px; position: relative; line-height: 145%; font-weight: 500; color: var(--neutral-300); text-align: center; display: none; align-items: center; justify-content: center; flex-shrink: 0; } .container85 { width: 42px; flex: 1; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; } .rectangle75 { height: 1px; width: 101px; position: relative; background-color: var(--neutral-200); } .separator55 { width: 42px; background-color: var(--shade-white); overflow: hidden; display: none; flex-direction: row; align-items: flex-start; justify-content: flex-start; } .breadcrumb-master27, .breadcrumb-style-inactive11 { align-self: stretch; display: flex; justify-content: flex-start; } .breadcrumb-master27 { flex-direction: column; align-items: center; gap: var(--gap-5xs); } .breadcrumb-style-inactive11 { flex-direction: row; align-items: flex-start; } .breadcrumb-old-parent3, .breadcrumb-old27 { display: none; flex-direction: row; align-items: flex-start; justify-content: flex-start; } .breadcrumb-old27 { align-self: stretch; padding: 0 var(--padding-base) 0 0; color: var(--grey-500); font-family: var(--paragraph-xsmall-medium); } .breadcrumb-old-parent3 { width: 172px; z-index: 1; color: var(--foundation-lighter-primary-color-lighter-primary-color-700); } .label326, .text164 { position: relative; font-weight: 600; } .text164 { letter-spacing: -0.02em; line-height: 29px; } .label326 { line-height: 145%; display: inline-block; min-width: 12px; } .label-wrapper69 { border-radius: var(--br-11xl); background-color: var( --foundation-lighter-primary-color-lighter-primary-color-700 ); display: flex; flex-direction: column; align-items: center; justify-content: center; padding: var(--padding-7xs) var(--padding-xs); text-align: center; font-size: var(--paragraph-large-semibold-size); color: var(--shade-white); font-family: var(--paragraph-xsmall-medium); } .text-parent19 { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: var(--gap-xs); font-size: var(--font-size-5xl); font-family: var(--font-manrope); } .frame-child57 { height: 120px; width: 120px; position: relative; border-radius: var(--br-3xs); object-fit: cover; } .label327 { height: 36px; position: relative; letter-spacing: -0.02em; line-height: 120%; font-weight: 600; display: flex; align-items: center; flex-shrink: 0; } .span30 { font-size: var(--paragraph-xsmall-medium-size); } .black5 { font-weight: 500; } .label328 { position: relative; line-height: 145%; display: inline-block; min-width: 83px; } .span31 { font-size: var(--paragraph-xsmall-medium-size); } .span32 { font-weight: 500; } .label329 { position: relative; line-height: 145%; display: inline-block; min-width: 52px; } .label-parent59, .label-parent60 { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; } .label-parent60 { gap: var(--gap-9xs); font-size: var(--paragraph-small-semibold-size); color: var(--grey-600); } .label-parent59 { gap: var(--gap-11xs); } .label330 { height: 36px; width: 134px; position: relative; letter-spacing: -0.02em; line-height: 120%; font-weight: 600; text-align: right; display: flex; align-items: center; flex-shrink: 0; white-space: nowrap; } .frame-parent227, .rectangle-parent9 { display: flex; flex-direction: row; gap: var(--gap-xl); max-width: 100%; } .frame-parent227 { flex: 1; align-items: flex-start; justify-content: space-between; min-width: 361px; } .rectangle-parent9 { align-self: stretch; flex-wrap: wrap; align-items: center; justify-content: flex-start; } .frame-child58 { align-self: stretch; position: relative; max-width: 100%; overflow: hidden; max-height: 100%; } .frame-child59 { height: 120px; width: 120px; position: relative; border-radius: var(--br-3xs); object-fit: cover; } .label331 { height: 36px; position: relative; letter-spacing: -0.02em; line-height: 120%; font-weight: 600; display: flex; align-items: center; flex-shrink: 0; } .span33 { font-size: var(--paragraph-xsmall-medium-size); } .black6 { font-weight: 500; } .label332 { position: relative; line-height: 145%; display: inline-block; min-width: 83px; } .span34 { font-size: var(--paragraph-xsmall-medium-size); } .span35 { font-weight: 500; } .label333 { position: relative; line-height: 145%; display: inline-block; min-width: 52px; } .label-parent61, .label-parent62 { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; } .label-parent62 { gap: var(--gap-9xs); font-size: var(--paragraph-small-semibold-size); color: var(--grey-600); } .label-parent61 { gap: var(--gap-11xs); } .label334 { height: 36px; width: 134px; position: relative; letter-spacing: -0.02em; line-height: 120%; font-weight: 600; text-align: right; display: flex; align-items: center; flex-shrink: 0; white-space: nowrap; } .frame-parent228 { flex: 1; display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; min-width: 361px; max-width: 100%; gap: var(--gap-xl); } .frame-parent226, .rectangle-parent10 { justify-content: flex-start; max-width: 100%; } .rectangle-parent10 { align-self: stretch; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; gap: var(--gap-xl); } .frame-parent226 { width: 760px; border-radius: var(--br-3xs); border: 1px solid var(--color-lightgray-100); box-sizing: border-box; display: none; flex-direction: column; align-items: flex-start; padding: var(--padding-11xl) var(--padding-12xl); gap: var(--gap-5xl); z-index: 2; font-size: var(--heading-h6-medium-size); font-family: var(--paragraph-xsmall-medium); } .label335 { margin: 0; height: 36px; flex: 1; position: relative; font-size: inherit; letter-spacing: -0.02em; line-height: 120%; font-weight: 600; font-family: inherit; display: flex; align-items: center; max-width: 100%; } .label-wrapper70 { width: 322px; display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; padding: 0 0 var(--padding-8xs); box-sizing: border-box; max-width: 100%; font-size: var(--font-size-5xl); font-family: var(--font-manrope); } .label336, .label337 { align-self: stretch; line-height: 145%; } .label336 { position: relative; font-weight: 600; } .label337 { height: 20px; font-weight: 500; } .icon-left62, .input27, .label337 { position: relative; display: none; } .icon-left62 { height: 20px; width: 20px; overflow: hidden; flex-shrink: 0; min-height: 20px; } .input27 { align-self: stretch; width: 34px; line-height: 145%; align-items: center; } .rectangle76 { position: absolute; height: 100%; width: 100%; top: 0; right: 0; bottom: 0; left: 0; background-color: var(--color-blueviolet); display: none; } .cursor6 { height: 20px; width: 2px; position: relative; display: none; } .placeholder12 { position: relative; line-height: 145%; color: var(--grey-400); } .left-content15, .text-cursor13 { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: var(--gap-11xs); } .left-content15 { flex: 1; gap: var(--gap-5xs); } .right-add-on15 { align-self: stretch; width: 50px; position: relative; line-height: 145%; display: none; align-items: center; } .icon-right36 { height: 20px; width: 20px; position: relative; overflow: hidden; flex-shrink: 0; display: none; } .right-content15 { align-self: stretch; width: 20px; display: none; flex-direction: row; align-items: center; justify-content: flex-start; gap: var(--gap-9xs); color: var(--grey-500); } .input-frame16, .label-frame17 { align-self: stretch; display: flex; justify-content: flex-start; } .input-frame16 { border-radius: var(--br-11xl); background-color: var(--grey-50); overflow: hidden; flex-direction: row; align-items: center; padding: var(--padding-lg) var(--padding-base) var(--padding-lg) var(--padding-xl); gap: var(--gap-xs); } .label-frame17 { flex-direction: column; align-items: flex-start; gap: var(--gap-9xs); } .helper-text16 { align-self: stretch; height: 20px; position: relative; line-height: 145%; color: var(--grey-500); display: none; } .input26 { flex: 1; border-radius: var(--br-11xl); background-color: var(--shade-white); display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: var(--gap-5xs); min-width: 157px; } .label338 { position: relative; line-height: 145%; font-weight: 600; display: inline-block; min-width: 45px; } .button-primary9, .container86 { display: flex; flex-direction: row; align-items: center; justify-content: center; } .button-primary9 { border-radius: var(--br-11xl); background-color: var(--color-khaki-100); overflow: hidden; flex-direction: column; padding: var(--padding-base) var(--padding-9xl-5); text-align: center; font-size: var(--paragraph-medium-regular-size); color: var(--foundation-primary-color-primary-color-800); } .input-parent3, .label-parent63 { align-self: stretch; display: flex; align-items: flex-start; justify-content: flex-start; } .input-parent3 { flex-direction: row; flex-wrap: wrap; gap: var(--gap-base); font-size: var(--paragraph-small-semibold-size); } .label-parent63 { flex-direction: column; gap: var(--gap-xs); } .frame-child60, .label339 { align-self: stretch; position: relative; } .frame-child60 { max-width: 100%; overflow: hidden; max-height: 100%; } .label339 { line-height: 145%; font-weight: 600; } .form-control-element4 { height: 20px; width: 20px; position: relative; } .control4 { display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; } .control-button-heading4 { align-self: stretch; position: relative; line-height: 145%; font-weight: 500; } .form-control-component4, .text165 { display: flex; justify-content: flex-start; } .text165 { flex: 1; flex-direction: column; align-items: flex-start; min-width: 195px; } .form-control-component4 { align-self: stretch; flex-direction: row; flex-wrap: wrap; align-items: center; gap: var(--gap-xs); } .form-control-element5 { height: 20px; width: 20px; position: relative; } .control5 { display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; } .control-button-heading5 { align-self: stretch; position: relative; line-height: 145%; font-weight: 500; } .form-control-component5, .text166 { display: flex; justify-content: flex-start; } .text166 { flex: 1; flex-direction: column; align-items: flex-start; min-width: 195px; } .form-control-component5 { align-self: stretch; flex-direction: row; flex-wrap: wrap; align-items: center; gap: var(--gap-xs); } .form-control-component-container, .label-parent64 { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; max-width: 100%; } .form-control-component-container { width: 332px; gap: var(--gap-base); } .label-parent64 { align-self: stretch; gap: var(--gap-xl); } .frame-child61, .label340, .label341 { align-self: stretch; position: relative; } .frame-child61 { max-width: 100%; overflow: hidden; max-height: 100%; } .label340, .label341 { line-height: 145%; font-weight: 600; } .label341 { font-weight: 500; } .icon-left63 { height: 20px; width: 20px; position: relative; overflow: hidden; flex-shrink: 0; display: none; min-height: 20px; } .input29 { position: relative; line-height: 145%; } .placeholder13, .rectangle77 { position: relative; display: none; } .rectangle77 { height: 20px; width: 2px; background-color: var(--color-blueviolet); } .placeholder13 { align-self: stretch; width: 79px; line-height: 145%; color: var(--grey-400); align-items: center; } .left-content16, .text-cursor14 { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: var(--gap-11xs); } .left-content16 { flex: 1; gap: var(--gap-5xs); max-width: 100%; } .right-add-on16 { align-self: stretch; width: 50px; position: relative; line-height: 145%; display: none; align-items: center; } .icon-right37 { height: 20px; width: 20px; position: relative; overflow: hidden; flex-shrink: 0; display: none; } .right-content16 { align-self: stretch; width: 20px; display: none; flex-direction: row; align-items: center; justify-content: flex-start; gap: var(--gap-9xs); color: var(--grey-500); } .input-frame17, .label-frame18 { align-self: stretch; display: flex; justify-content: flex-start; max-width: 100%; } .input-frame17 { border-radius: var(--br-7xs); background-color: var(--shade-white); border: 1px solid var(--color-lightgray-100); box-sizing: border-box; overflow: hidden; flex-direction: row; align-items: center; padding: var(--padding-base) var(--padding-mini); gap: var(--gap-xs); } .label-frame18 { flex-direction: column; align-items: flex-start; gap: var(--gap-9xs); } .helper-text17 { align-self: stretch; height: 20px; position: relative; line-height: 145%; color: var(--grey-500); display: none; } .input28 { width: 100%; margin: 0 !important; position: absolute; top: 0; left: 0; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: var(--gap-5xs); max-width: 100%; } .label342 { align-self: stretch; position: relative; line-height: 145%; font-weight: 500; } .icon-left64 { height: 20px; width: 20px; position: relative; overflow: hidden; flex-shrink: 0; display: none; min-height: 20px; } .input31 { position: relative; line-height: 145%; white-space: nowrap; } .cursor7 { height: 20px; width: 1px; position: relative; background-color: var(--secondary-100); } .placeholder14 { align-self: stretch; width: 79px; position: relative; line-height: 145%; color: var(--grey-400); display: none; align-items: center; } .left-content17, .text-cursor15 { display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; gap: var(--gap-11xs); } .left-content17 { flex: 1; gap: var(--gap-5xs); } .right-add-on17 { align-self: stretch; width: 50px; position: relative; line-height: 145%; display: none; align-items: center; } .icon-right38 { height: 20px; width: 20px; position: relative; overflow: hidden; flex-shrink: 0; display: none; } .right-content17 { align-self: stretch; width: 20px; display: none; flex-direction: row; align-items: center; justify-content: flex-start; gap: var(--gap-9xs); color: var(--grey-500); } .input-frame18, .label-frame19 { display: flex; align-items: flex-start; justify-content: flex-start; } .input-frame18 { align-self: stretch; border-radius: var(--br-7xs); background-color: var(--shade-white); border: 1px solid var(--foundation-lighter-primary-color-lighter-primary-color-500); overflow: hidden; flex-direction: row; padding: var(--padding-base); gap: var(--gap-xs); } .label-frame19 { flex: 1; flex-direction: column; gap: var(--gap-9xs); max-width: 100%; } .helper-text18 { align-self: stretch; width: 375px; position: relative; line-height: 145%; color: var(--grey-500); display: none; align-items: center; max-width: 100%; } .input30 { width: 100%; margin: 0 !important; position: absolute; top: 96px; left: 0; display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; gap: var(--gap-5xs); max-width: 100%; } .label343 { align-self: stretch; position: relative; line-height: 145%; font-weight: 500; } .icon-left65 { height: 20px; width: 20px; position: relative; overflow: hidden; flex-shrink: 0; display: none; min-height: 20px; } .input33 { position: relative; line-height: 145%; display: inline-block; min-width: 57px; } .placeholder15, .rectangle78 { position: relative; display: none; } .rectangle78 { height: 20px; width: 2px; background-color: var(--color-blueviolet); } .placeholder15 { align-self: stretch; width: 79px; line-height: 145%; color: var(--grey-400); align-items: center; } .left-content18, .text-cursor16 { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: var(--gap-11xs); } .left-content18 { flex: 1; gap: var(--gap-5xs); } .right-add-on18 { align-self: stretch; width: 50px; position: relative; line-height: 145%; display: none; align-items: center; } .icon-calendar2 { height: 20px; width: 20px; position: relative; overflow: hidden; flex-shrink: 0; } .right-content18 { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: var(--gap-9xs); color: var(--grey-500); } .input-frame19, .label-frame20 { align-self: stretch; display: flex; justify-content: flex-start; } .input-frame19 { border-radius: var(--br-7xs); background-color: var(--shade-white); border: 1px solid var(--color-lightgray-100); overflow: hidden; flex-direction: row; align-items: center; padding: var(--padding-base) var(--padding-mini); gap: var(--gap-xs); } .label-frame20 { flex-direction: column; align-items: flex-start; gap: var(--gap-9xs); } .helper-text19 { align-self: stretch; height: 20px; position: relative; line-height: 145%; color: var(--grey-500); display: none; } .input32 { width: 192px; margin: 0 !important; position: absolute; top: 192px; left: 0; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: var(--gap-5xs); } .label344 { align-self: stretch; position: relative; line-height: 145%; font-weight: 500; } .icon-left66 { height: 20px; width: 20px; position: relative; overflow: hidden; flex-shrink: 0; display: none; min-height: 20px; } .input35 { position: relative; line-height: 145%; display: inline-block; min-width: 24px; } .placeholder16, .rectangle79 { position: relative; display: none; } .rectangle79 { height: 20px; width: 2px; background-color: var(--color-blueviolet); } .placeholder16 { align-self: stretch; width: 79px; line-height: 145%; color: var(--grey-400); align-items: center; } .left-content19, .text-cursor17 { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: var(--gap-11xs); } .left-content19 { flex: 1; gap: var(--gap-5xs); } .right-add-on19 { align-self: stretch; width: 50px; position: relative; line-height: 145%; display: none; align-items: center; } .icon-lock2 { height: 20px; width: 20px; position: relative; overflow: hidden; flex-shrink: 0; } .right-content19 { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: var(--gap-9xs); color: var(--grey-500); } .input-frame20, .label-frame21 { align-self: stretch; display: flex; justify-content: flex-start; } .input-frame20 { border-radius: var(--br-7xs); background-color: var(--shade-white); border: 1px solid var(--color-lightgray-100); overflow: hidden; flex-direction: row; align-items: center; padding: var(--padding-base) var(--padding-mini); gap: var(--gap-xs); } .label-frame21 { flex-direction: column; align-items: flex-start; gap: var(--gap-9xs); } .helper-text20 { align-self: stretch; height: 20px; position: relative; line-height: 145%; color: var(--grey-500); display: none; } .input-parent4, .input34 { display: flex; justify-content: flex-start; } .input34 { width: 148px; margin: 0 !important; position: absolute; top: 192px; left: 208px; flex-direction: column; align-items: flex-start; gap: var(--gap-5xs); } .input-parent4 { height: 272px; flex-direction: row; flex-wrap: wrap; align-items: flex-end; position: relative; gap: var(--gap-base); font-size: var(--paragraph-small-semibold-size); color: var(--grey-700); } .frame-child62, .input-parent4, .label-parent65 { align-self: stretch; max-width: 100%; } .label-parent65 { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: var(--gap-base); } .frame-child62 { position: relative; overflow: hidden; max-height: 100%; } .label345, .label346 { width: 141px; position: relative; line-height: 145%; display: flex; align-items: center; flex-shrink: 0; } .label346 { width: 129px; font-weight: 500; text-align: right; white-space: nowrap; } .label-parent66 { align-self: stretch; display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; gap: var(--gap-xl); } .label347, .label348 { width: 141px; position: relative; line-height: 145%; display: flex; align-items: center; flex-shrink: 0; } .label348 { width: 129px; font-weight: 500; text-align: right; white-space: nowrap; } .label-parent67 { align-self: stretch; display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; gap: var(--gap-xl); } .label349, .label350 { width: 141px; position: relative; line-height: 145%; display: flex; align-items: center; flex-shrink: 0; } .label350 { width: 129px; font-weight: 500; text-align: right; white-space: nowrap; } .frame-parent230, .label-parent68 { align-self: stretch; display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; gap: var(--gap-xl); } .frame-parent230 { flex-direction: column; justify-content: flex-start; gap: var(--gap-base); font-size: var(--paragraph-small-semibold-size); color: var(--grey-600); } .frame-child63, .label351 { align-self: stretch; position: relative; } .frame-child63 { max-width: 100%; overflow: hidden; max-height: 100%; } .label351 { line-height: 145%; font-weight: 500; } .label-wrapper71 { width: 141px; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; padding: var(--padding-11xs-5) 0 0; box-sizing: border-box; } .label352 { width: 129px; position: relative; font-size: var(--paragraph-medium-regular-size); line-height: 145%; font-weight: 600; color: var(--grey-800); text-align: right; display: flex; align-items: center; flex-shrink: 0; white-space: nowrap; } .frame-parent231 { align-self: stretch; display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; padding: 0 0 var(--padding-8xs); gap: var(--gap-xl); font-size: var(--paragraph-small-semibold-size); color: var(--grey-600); } .label353 { width: 98px; position: relative; font-size: var(--paragraph-medium-regular-size); line-height: 145%; font-weight: 600; font-family: var(--paragraph-xsmall-medium); color: var(--foundation-primary-color-primary-color-800); text-align: center; display: flex; align-items: center; justify-content: center; min-width: 98px; } .button-primary10, .container87 { display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; } .button-primary10 { cursor: pointer; border: 0; padding: var(--padding-base) var(--padding-xl); background-color: var(--color-khaki-100); align-self: stretch; border-radius: var(--br-11xl); overflow: hidden; justify-content: center; } .icon-home-alt8 { height: 20px; width: 20px; position: relative; overflow: hidden; flex-shrink: 0; display: none; min-height: 20px; } .label354 { align-self: stretch; flex: 1; position: relative; line-height: 145%; font-weight: 500; display: flex; align-items: center; justify-content: center; } .avatars-icon12, .icon-left67 { height: 12px; width: 12px; position: relative; display: none; } .icon-left67 { overflow: hidden; flex-shrink: 0; } .avatars-icon12 { object-fit: cover; } .label355 { align-self: stretch; flex: 1; position: relative; line-height: 145%; font-weight: 500; display: flex; align-items: center; justify-content: center; } .icon-right39 { height: 12px; width: 12px; position: relative; overflow: hidden; flex-shrink: 0; display: none; } .container88 { width: 8px; flex: 1; flex-direction: row; gap: var(--gap-11xs); } .badge16, .container88, .content34 { display: flex; align-items: center; justify-content: center; } .badge16 { height: 17px; border-radius: var(--br-xs); background-color: var(--grey-100); flex-direction: column; padding: 0 var(--padding-5xs); box-sizing: border-box; font-size: var(--paragraph-xsmall-medium-size); } .content34 { align-self: stretch; flex: 1; flex-direction: row; padding: var(--padding-base) var(--padding-base) var(--padding-mini); gap: var(--gap-5xs); } .rectangle80 { align-self: stretch; height: 1px; position: relative; background-color: var(--grey-200); } .border4, .tab12 { flex-direction: column; } .border4 { align-self: stretch; display: flex; align-items: flex-start; justify-content: flex-start; } .tab12 { height: 52px; display: none; align-items: center; justify-content: center; } .icon-home-alt9 { height: 20px; width: 20px; position: relative; overflow: hidden; flex-shrink: 0; display: none; min-height: 20px; } .label356 { align-self: stretch; flex: 1; position: relative; line-height: 145%; font-weight: 500; display: flex; align-items: center; justify-content: center; } .avatars-icon13, .icon-left68 { height: 12px; width: 12px; position: relative; display: none; } .icon-left68 { overflow: hidden; flex-shrink: 0; } .avatars-icon13 { object-fit: cover; } .label357 { align-self: stretch; flex: 1; position: relative; line-height: 145%; font-weight: 500; display: flex; align-items: center; justify-content: center; } .icon-right40 { height: 12px; width: 12px; position: relative; overflow: hidden; flex-shrink: 0; display: none; } .badge17, .container89, .content35 { align-items: center; justify-content: center; } .container89 { width: 8px; flex: 1; display: flex; flex-direction: row; gap: var(--gap-11xs); } .badge17, .content35 { box-sizing: border-box; } .badge17 { height: 17px; border-radius: var(--br-xs); background-color: var(--grey-100); display: none; flex-direction: column; padding: 0 var(--padding-5xs); font-size: var(--paragraph-xsmall-medium-size); } .content35 { width: 81px; flex: 1; display: flex; flex-direction: row; padding: var(--padding-base) var(--padding-base) var(--padding-mini); gap: var(--gap-5xs); } .rectangle81 { align-self: stretch; height: 1px; position: relative; background-color: var(--grey-200); } .border5, .tab13 { flex-direction: column; } .border5 { width: 81px; display: flex; align-items: flex-start; justify-content: flex-start; } .tab13 { height: 52px; display: none; align-items: center; justify-content: center; } .icon-clock2 { height: 16px; width: 16px; position: relative; overflow: hidden; flex-shrink: 0; display: none; } .label358 { width: 53px; position: relative; line-height: 145%; font-weight: 500; display: flex; align-items: center; justify-content: center; min-width: 53px; } .avatars-icon14, .icon-left69 { height: 12px; width: 12px; position: relative; display: none; } .icon-left69 { overflow: hidden; flex-shrink: 0; } .avatars-icon14 { object-fit: cover; } .label359 { align-self: stretch; flex: 1; position: relative; line-height: 145%; font-weight: 500; display: flex; align-items: center; justify-content: center; } .icon-right41 { height: 12px; width: 12px; position: relative; overflow: hidden; flex-shrink: 0; display: none; } .badge18, .container90 { align-items: center; justify-content: center; } .container90 { width: 8px; flex: 1; display: flex; flex-direction: row; gap: var(--gap-11xs); } .badge18 { height: 17px; border-radius: var(--br-xs); background-color: var(--neutrals-neutrals-4); display: none; flex-direction: column; padding: 0 var(--padding-5xs); box-sizing: border-box; font-size: var(--paragraph-xsmall-medium-size); color: var(--color-gray-800); font-family: var(--paragraph-xsmall-medium); } .tab14 { border-radius: var(--br-6xl); overflow: hidden; display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; padding: var(--padding-xs); gap: var(--gap-5xs); } .icon-home-alt10 { height: 16px; width: 16px; position: relative; overflow: hidden; flex-shrink: 0; display: none; } .label360 { width: 75px; position: relative; line-height: 145%; font-weight: 500; display: flex; align-items: center; justify-content: center; min-width: 75px; } .avatars-icon15, .icon-left70 { height: 12px; width: 12px; position: relative; display: none; } .icon-left70 { overflow: hidden; flex-shrink: 0; } .avatars-icon15 { object-fit: contain; } .label361 { align-self: stretch; position: relative; line-height: 145%; font-weight: 500; display: flex; align-items: center; justify-content: center; } .icon-right42 { height: 12px; width: 12px; position: relative; overflow: hidden; flex-shrink: 0; display: none; } .badge19, .container91 { align-items: center; justify-content: center; } .container91 { width: 14px; flex: 1; display: flex; flex-direction: row; gap: var(--gap-11xs); } .badge19 { height: 17px; border-radius: var(--br-xs); background-color: var(--neutrals-neutrals-4); display: none; flex-direction: column; padding: 0 var(--padding-8xs); box-sizing: border-box; font-size: var(--paragraph-xsmall-medium-size); color: var(--color-gray-800); font-family: var(--paragraph-xsmall-medium); } .tab15 { border-radius: var(--br-6xl); overflow: hidden; display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; padding: var(--padding-xs); gap: var(--gap-5xs); } .icon-health-plus2 { height: 16px; width: 16px; position: relative; overflow: hidden; flex-shrink: 0; display: none; } .label362 { width: 76px; position: relative; font-size: var(--paragraph-small-semibold-size); letter-spacing: -0.02em; line-height: 145%; font-weight: 500; font-family: var(--font-manrope); color: var(--foundation-secondary-primary-color-secondary-primary-color-500); text-align: center; display: flex; align-items: center; justify-content: center; min-width: 76px; } .avatars-icon16, .icon-left71 { height: 12px; width: 12px; position: relative; display: none; } .icon-left71 { overflow: hidden; flex-shrink: 0; } .avatars-icon16 { object-fit: contain; } .label363 { align-self: stretch; flex: 1; position: relative; font-size: var(--paragraph-xsmall-medium-size); line-height: 145%; font-weight: 500; font-family: var(--paragraph-xsmall-medium); color: var(--shade-white); text-align: center; display: flex; align-items: center; justify-content: center; } .icon-right43 { height: 12px; width: 12px; position: relative; overflow: hidden; flex-shrink: 0; display: none; } .badge20, .container92 { align-items: center; justify-content: center; } .container92 { width: 16px; flex: 1; display: flex; flex-direction: row; gap: var(--gap-11xs); } .badge20 { height: 17px; border-radius: var(--br-81xl); background-color: var(--grey-900); display: none; flex-direction: column; padding: 0 var(--padding-9xs); box-sizing: border-box; } .tab16 { cursor: pointer; border: 1px solid var(--color-thistle); padding: var(--padding-3xs) var(--padding-2xl); background-color: var( --foundation-lighter-primary-color-lighter-primary-color-900 ); border-radius: var(--br-6xl); overflow: hidden; display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; gap: var(--gap-5xs); } .icon-home-alt11 { height: 16px; width: 16px; position: relative; overflow: hidden; flex-shrink: 0; display: none; } .label364 { width: 45px; position: relative; line-height: 145%; font-weight: 500; display: flex; align-items: center; justify-content: center; min-width: 45px; } .avatars-icon17, .icon-left72 { height: 12px; width: 12px; position: relative; display: none; } .icon-left72 { overflow: hidden; flex-shrink: 0; } .avatars-icon17 { object-fit: contain; } .label365 { align-self: stretch; position: relative; line-height: 145%; font-weight: 500; display: flex; align-items: center; justify-content: center; } .icon-right44 { height: 12px; width: 12px; position: relative; overflow: hidden; flex-shrink: 0; display: none; } .badge21, .container93 { align-items: center; justify-content: center; } .container93 { width: 14px; flex: 1; display: flex; flex-direction: row; gap: var(--gap-11xs); } .badge21 { height: 17px; border-radius: var(--br-xs); background-color: var(--neutrals-neutrals-4); display: none; flex-direction: column; padding: 0 var(--padding-8xs); box-sizing: border-box; font-size: var(--paragraph-xsmall-medium-size); color: var(--color-gray-800); font-family: var(--paragraph-xsmall-medium); } .tab17 { border-radius: var(--br-6xl); overflow: hidden; flex-direction: row; padding: var(--padding-xs); gap: var(--gap-5xs); } .frame-wrapper119, .tab-parent3, .tab17 { display: flex; align-items: flex-start; justify-content: flex-start; } .tab-parent3 { align-self: stretch; flex-direction: row; gap: var(--gap-base); } .frame-wrapper119 { width: 413px; flex-direction: column; padding: var(--padding-11xs) 0 0; box-sizing: border-box; max-width: 100%; color: var(--default-body-color); font-family: var(--font-manrope); } .frame-child64 { height: 48px; width: 48px; position: relative; border-radius: var(--br-81xl); overflow: hidden; flex-shrink: 0; min-height: 48px; } .tab-parent2 { align-self: stretch; background-color: var(--shade-white); box-shadow: 0 4px 44px 4px rgba(0, 0, 0, 0.02); border-bottom: 0.4px solid var(--color-darkgray-100); box-sizing: border-box; overflow: hidden; display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; padding: var(--padding-6xl) var(--padding-29xl) var(--padding-6xl) var(--padding-13xl); max-width: 100%; gap: var(--gap-xl); } .blank-line, .blank-line1, .blank-line2, .blank-line3, .hello-all-thank, .location-parking, .nearest-train-stations, .please-read-our, .we-are-based { margin: 0; } .fulham-broadway, .west-brompton { margin-bottom: 0; } .fulham-broadway-west-brompton { margin: 0; font-family: inherit; font-size: inherit; padding-left: var(--padding-8xl); } .additional-information, .all-services-require, .blank-line10, .blank-line11, .blank-line12, .blank-line13, .blank-line14, .blank-line15, .blank-line16, .blank-line17, .blank-line18, .blank-line19, .blank-line20, .blank-line21, .blank-line22, .blank-line23, .blank-line24, .blank-line25, .blank-line26, .blank-line27, .blank-line28, .blank-line4, .blank-line5, .blank-line6, .blank-line7, .blank-line8, .blank-line9, .braiding-hair-hair, .by-booking-with, .deposits-rescheduling, .for-french-curl, .if-you-are, .if-you-are1, .if-you-decide, .if-you-do, .if-you-have, .if-you-would, .if-you-would1, .if-you-would2, .lateness-no-show, .please-note-the, .please-note-the1, .please-note-the2, .please-note-this, .there-is-pay, .we-do-not, .we-have-hair, .we-reserve-the, .wig-services, .you-have-the, .your-appointment-is { margin: 0; } .label366 { margin: 0; flex: 1; position: relative; font-size: inherit; letter-spacing: -0.02em; line-height: 120%; font-weight: 600; font-family: inherit; display: inline-block; max-width: 100%; } .label-wrapper72 { height: 788px; flex: 1; overflow: hidden; display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; max-width: 100%; z-index: 1; } .frame-child65 { width: 12px; flex: 1; position: relative; border-radius: var(--br-81xl); background-color: var(--foundation-primary-color-primary-color-200); overflow: hidden; } .frame-wrapper121 { height: 417px; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; padding: 295px 0 0; box-sizing: border-box; } .frame-parent233, .frame-wrapper120 { display: flex; flex-direction: row; align-items: flex-start; max-width: 100%; } .frame-parent233 { flex: 1; flex-wrap: wrap; justify-content: flex-start; gap: 154px; } .frame-wrapper120 { width: 1133px; justify-content: flex-end; padding: 0 var(--padding-xl); box-sizing: border-box; text-align: left; font-size: var(--heading-h6-medium-size); color: var(--color-darkolivegreen-100); font-family: var(--font-manrope); } .frame-parent229, .frame-parent232 { box-sizing: border-box; display: flex; flex-direction: column; justify-content: flex-start; } .frame-parent232 { width: 1298px; margin: 0 !important; position: absolute; top: -113px; left: -833px; border-radius: var(--br-5xl); background-color: var(--shade-white); overflow: hidden; align-items: flex-end; padding: 0 0 81px; gap: var(--gap-38xl); text-align: center; font-size: var(--paragraph-small-semibold-size); color: var(--grey-700); } .frame-parent229 { width: 424px; border-radius: var(--br-3xs); border: 1px solid var(--color-lightgray-100); align-items: flex-start; padding: var(--padding-13xl) var(--padding-12xl); position: relative; gap: var(--gap-4xl); max-width: 100%; font-size: var(--paragraph-medium-regular-size); font-family: var(--paragraph-xsmall-medium); } .icon-pencil-edit2, .label367 { position: relative; flex-shrink: 0; } .label367 { height: 36px; width: 514px; letter-spacing: -0.02em; line-height: 120%; font-weight: 600; display: flex; align-items: center; max-width: 100%; } .icon-pencil-edit2 { height: 20px; width: 20px; overflow: hidden; min-height: 20px; } .label368 { position: relative; line-height: 145%; font-weight: 600; display: inline-block; min-width: 27px; } .button-texts18, .container94 { display: flex; align-items: center; justify-content: center; } .container94 { flex-direction: row; padding: 0 var(--padding-6xs); gap: var(--gap-5xs); } .button-texts18 { border-radius: var(--br-11xl); overflow: hidden; flex-direction: column; text-align: center; font-size: var(--paragraph-small-semibold-size); color: var(--foundation-lighter-primary-color-lighter-primary-color-500); font-family: var(--paragraph-xsmall-medium); } .label-parent69 { align-self: stretch; display: flex; flex-direction: row; align-items: center; justify-content: space-between; max-width: 100%; gap: var(--gap-xl); } .icon-right45, .label369 { position: relative; flex-shrink: 0; } .label369 { width: 514px; height: 36px; font-size: var(--paragraph-large-semibold-size); line-height: 145%; font-weight: 600; font-family: var(--font-manrope); color: var(--grey-700); display: flex; align-items: center; max-width: 100%; } .icon-right45 { height: 20px; width: 20px; overflow: hidden; } .label370 { position: relative; letter-spacing: -0.02em; line-height: 145%; } .icon-right-parent4 { display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; gap: var(--gap-5xs); max-width: 100%; } .icon-right46 { height: 20px; width: 20px; position: relative; overflow: hidden; flex-shrink: 0; } .label371 { position: relative; letter-spacing: -0.02em; line-height: 145%; display: inline-block; min-width: 112px; white-space: nowrap; } .icon-right-parent5 { display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; gap: var(--gap-6xs); } .icon-right47 { height: 20px; width: 20px; position: relative; overflow: hidden; flex-shrink: 0; } .label372 { position: relative; letter-spacing: -0.02em; line-height: 145%; white-space: nowrap; } .icon-right-parent6 { display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; gap: var(--gap-5xs); } .frame-parent222, .frame-parent234, .label-parent70 { flex-direction: column; justify-content: flex-start; max-width: 100%; } .label-parent70 { align-self: stretch; display: flex; align-items: flex-start; gap: var(--gap-5xs); font-size: var(--paragraph-small-semibold-size); color: var(--color-dimgray-300); font-family: var(--paragraph-xsmall-medium); } .frame-parent222, .frame-parent234 { box-sizing: border-box; } .frame-parent234 { width: 760px; border-radius: var(--br-3xs); background-color: var(--color-floralwhite); display: none; align-items: flex-start; padding: var(--padding-13xl); gap: var(--gap-5xl); z-index: 4; font-size: var(--font-size-5xl); } .frame-parent222 { align-self: stretch; background-color: var(--color-gray-1200); backdrop-filter: blur(6px); overflow: hidden; display: flex; align-items: flex-end; padding: var(--padding-179xl) var(--padding-93xl) var(--padding-148xl); position: relative; z-index: 1; text-align: left; font-size: var(--paragraph-small-semibold-size); color: var(--grey-900); font-family: var(--font-manrope); } .image-1-icon12 { width: 265px; height: 47.7px; position: relative; object-fit: contain; } .be-the-first5 { flex: 1; position: relative; letter-spacing: -0.02em; line-height: 28px; } .error-handler { align-self: stretch; display: flex; flex-direction: row; align-items: center; justify-content: center; padding: var(--padding-3xs) var(--padding-5xs); } .label373 { flex: 1; position: relative; letter-spacing: -0.02em; line-height: 145%; font-weight: 600; } .arrow-narrow-right-icon21 { height: 20px; width: 20px; position: relative; overflow: hidden; flex-shrink: 0; } .parallel-path { flex: 1; border-radius: var(--br-5xl); background-color: var(--foundation-primary-color-primary-color-900); border-bottom: 2px solid var(--color-peru); display: flex; flex-direction: row; align-items: center; justify-content: center; padding: var(--padding-2xl) var(--padding-14xl) var(--padding-lgi); gap: var(--gap-5xs); white-space: nowrap; } .text167 { position: relative; letter-spacing: -0.03em; line-height: 20px; font-weight: 500; } .arrow-narrow-right-icon22 { height: 20px; width: 20px; position: relative; overflow: hidden; flex-shrink: 0; } .text-parent20 { height: 52px; width: 248px; border: 1px solid var(--color-lightgray-200); box-sizing: border-box; display: none; flex-direction: row; align-items: center; justify-content: center; padding: var(--padding-xs) var(--padding-3xs); gap: var(--gap-3xs); text-align: left; color: var(--color-gray-800); } .condition-set, .output-selector, .parallel-path-parent { display: flex; align-items: flex-start; justify-content: flex-start; } .parallel-path-parent { align-self: stretch; border-radius: var(--br-5xl); flex-direction: row; gap: var(--gap-5xl); text-align: center; font-size: var(--paragraph-medium-regular-size); color: var(--shade-white); } .condition-set, .output-selector { flex-direction: column; } .output-selector { align-self: stretch; gap: var(--gap-5xs); } .condition-set { width: 307px; padding: 0 var(--padding-xs) var(--padding-51xl-3); box-sizing: border-box; gap: var(--gap-xs); min-width: 307px; } .socials5 { width: 65px; position: relative; letter-spacing: -0.02em; line-height: 140%; display: flex; align-items: center; white-space: nowrap; } .facebook5, .instagram5, .pinterest5, .twitter5 { position: relative; letter-spacing: -0.02em; line-height: 28px; font-weight: 300; display: inline-block; min-width: 79px; } .facebook5, .pinterest5, .twitter5 { min-width: 78px; } .pinterest5, .twitter5 { min-width: 56px; } .pinterest5 { min-width: 73px; } .connection-hub { justify-content: flex-start; gap: var(--gap-13xl); font-family: var(--font-manrope); } .connection-hub, .constant-provider, .delay { display: flex; flex-direction: column; align-items: flex-start; } .constant-provider { justify-content: flex-start; padding: 0 0 var(--padding-41xl); gap: var(--gap-25xl); } .delay { width: 201px; border-right: 1px solid var(--color-gainsboro-200); border-left: 1px solid var(--color-gainsboro-200); box-sizing: border-box; justify-content: center; padding: var(--padding-83xl-5) var(--padding-13xl); } .support5 { width: 69px; position: relative; letter-spacing: -0.02em; line-height: 140%; display: flex; align-items: center; white-space: nowrap; } .contact-us6, .privacy-policy5, .refund-policy5 { position: relative; letter-spacing: -0.02em; line-height: 28px; font-weight: 300; display: inline-block; min-width: 106px; } .contact-us6, .refund-policy5 { min-width: 92px; } .refund-policy5 { min-width: 108px; } .shipping-policy5 { display: inline-block; min-width: 122px; } .shipping-policy5, .terms-of-service5 { position: relative; letter-spacing: -0.02em; line-height: 28px; font-weight: 300; } .privacy-policy-parent3 { justify-content: flex-start; gap: var(--gap-13xl); font-family: var(--font-manrope); } .delay1, .privacy-policy-parent3, .support-parent3 { display: flex; flex-direction: column; align-items: flex-start; } .support-parent3 { justify-content: flex-start; gap: var(--gap-25xl); } .delay1 { justify-content: center; padding: var(--padding-83xl-5) var(--padding-20xl) var(--padding-83xl-5) var(--padding-13xl); } .address5 { width: 72px; position: relative; letter-spacing: -0.02em; line-height: 140%; display: flex; align-items: center; white-space: nowrap; } .south-west-six5 { font-size: var(--paragraph-large-semibold-size); } .span36 { font-size: var(--font-size-3xl); } .south-west-six-chelsea-limit5, .sw6-1jt-united5 { margin: 0; } .south-west-six-container5 { align-self: stretch; height: 112px; position: relative; letter-spacing: -0.02em; line-height: 28px; font-weight: 300; font-family: var(--font-manrope); display: inline-block; } .buffer { align-self: stretch; justify-content: flex-start; gap: var(--gap-25xl); } .buffer, .queue, .stack { display: flex; flex-direction: column; align-items: flex-start; } .queue { align-self: stretch; flex: 1; justify-content: flex-start; } .stack { height: 542px; width: 265px; border-left: 1px solid var(--color-gainsboro-200); box-sizing: border-box; justify-content: center; padding: var(--padding-91xl) var(--padding-12xl); } .data-aggregator6, .function-applier { flex: 1; display: flex; flex-direction: row; align-items: center; max-width: 100%; } .function-applier { justify-content: flex-start; gap: var(--gap-21xl); min-width: 486px; font-family: var(--font-caramel); } .data-aggregator6 { border-top: 1px solid var(--color-gainsboro-100); border-bottom: 1px solid var(--color-gainsboro-100); box-sizing: border-box; justify-content: center; padding: 0 var(--padding-100xl-5); gap: var(--gap-128xl); } .salon-policy, .section-95 { overflow: hidden; display: flex; align-items: flex-start; justify-content: flex-start; } .section-95 { align-self: stretch; background-color: var(--color-gray-100); box-shadow: 0 4px 32px rgba(0, 0, 0, 0.02); flex-direction: row; padding: 0 0 var(--padding-174xl); box-sizing: border-box; max-width: 100%; text-align: left; font-size: var(--paragraph-large-semibold-size); color: var(--color-gray-800); font-family: var(--font-manrope); } .salon-policy { width: 100%; position: relative; background-color: var(--shade-white); flex-direction: column; line-height: normal; letter-spacing: normal; text-align: center; font-size: var(--paragraph-xsmall-medium-size); color: var(--shade-white); font-family: var(--paragraph-xsmall-medium); } @media screen and (max-width: 1200px) { .frame-parent219 { flex-wrap: wrap; } .image-1-parent6 { gap: var(--gap-91xl); } .frame-parent222 { padding-top: var(--padding-110xl); padding-bottom: var(--padding-90xl); box-sizing: border-box; } .condition-set { flex: 1; } .data-aggregator6 { flex-wrap: wrap; } } @media screen and (max-width: 1050px) { .frame-parent220 { flex-wrap: wrap; gap: var(--gap-64xl); } .frame-parent224 { display: none; } .frame-parent223 { width: 246px; } .label-wrapper72 { min-width: 100%; } .frame-parent229 { padding-top: var(--padding-2xl); padding-bottom: var(--padding-2xl); box-sizing: border-box; } .function-applier, .label-parent69 { flex-wrap: wrap; } } @media screen and (max-width: 750px) { .frame-parent219 { padding-left: var(--padding-17xl); padding-right: var(--padding-19xl); box-sizing: border-box; } .image-1-parent6 { gap: var(--gap-36xl); } .frame-parent227, .frame-parent228 { flex-wrap: wrap; min-width: 100%; } .tab-parent2, .tab-parent3 { flex-wrap: wrap; } .frame-parent229 { padding-top: var(--padding-xl); padding-bottom: var(--padding-xl); box-sizing: border-box; } .frame-parent222 { padding: var(--padding-65xl) var(--padding-37xl) var(--padding-52xl); box-sizing: border-box; } .delay, .delay1, .stack { padding-top: var(--padding-48xl); padding-bottom: var(--padding-48xl); box-sizing: border-box; } .stack { padding-top: var(--padding-52xl); padding-bottom: var(--padding-52xl); } .function-applier { gap: var(--gap-xl); min-width: 100%; } .data-aggregator6 { gap: var(--gap-54xl); padding-left: var(--padding-40xl); padding-right: var(--padding-40xl); box-sizing: border-box; } .section-95 { padding-bottom: var(--padding-106xl); box-sizing: border-box; } } @media screen and (max-width: 450px) { .frame-parent221 { flex-wrap: wrap; } .container-parent3 { gap: var(--gap-base); } .frame-parent220 { gap: var(--gap-22xl); } .image-1-parent6 { gap: var(--gap-8xl); } .text164 { font-size: var(--font-size-lgi); line-height: 23px; } .label327, .label330, .label331, .label334 { font-size: var(--paragraph-medium-regular-size); line-height: 19px; } .label335 { font-size: var(--font-size-lgi); line-height: 23px; } .frame-parent231, .label-parent66, .label-parent67, .label-parent68 { flex-wrap: wrap; } .label366 { font-size: var(--paragraph-medium-regular-size); line-height: 19px; } .label367 { font-size: var(--font-size-lgi); line-height: 23px; } .data-aggregator6, .frame-parent222 { padding-left: var(--padding-xl); padding-right: var(--padding-xl); box-sizing: border-box; } .data-aggregator6 { gap: var(--gap-18xl); } } body { margin: 0; line-height: normal; } :root { /* fonts */ --font-manrope: Manrope; --font-caramel: Caramel; --font-newsreader: Newsreader; --font-figma-hand: "Figma Hand"; --paragraph-xsmall-medium: Inter; --font-manjari: Manjari; /* font sizes */ --paragraph-large-semibold-size: 18px; --font-size-3xl: 22px; --paragraph-medium-regular-size: 16px; --font-size-25xl: 44px; --font-size-16xl: 35px; --font-size-7xl: 26px; --font-size-9xl: 28px; --font-size-17xl: 36px; --font-size-10xl: 29px; --font-size-5xl: 24px; --font-size-lgi: 19px; --paragraph-small-semibold-size: 14px; --paragraph-xsmall-medium-size: 12px; --font-size-2xs: 11px; --font-size-13xl: 32px; --font-size-3xs: 10px; --heading-h6-medium-size: 20px; /* Colors */ --shade-white: #fff; --grey-50: #f9fafb; --neutral-100: #f3f4f6; --grey-100: #f0f2f5; --color-whitesmoke-100: #f1f1f1; --neutrals-neutrals-4: #f0f0f0; --color-whitesmoke-200: #efefef; --color-gray-100: #fffffe; --color-gray-200: #fefdfc; --color-gray-300: #fefef9; --color-gray-400: #8d877c; --color-gray-500: #828282; --foundation-primary-color-primary-color-900: #372d1a; --grey-800: #1d2739; --color-gray-600: #2c1d05; --grey-900: #101928; --neutral-900: #111827; --color-gray-700: #221701; --default-body-color: #181b01; --color-gray-800: #101010; --color-gray-900: #1f000d; --color-gray-1000: #130c00; --color-gray-1100: rgba(55, 45, 26, 0.65); --color-gray-1200: rgba(0, 0, 0, 0.6); --color-gray-1300: rgba(255, 255, 255, 0.9); --color-lightgray-100: #d7d7d7; --neutral-300: #d1d5db; --grey-300: #d0d5dd; --color-lightgray-200: #cecece; --color-peru: #aa8744; --color-dimgray-100: #6d6d6d; --color-dimgray-200: #6a6868; --color-dimgray-300: #5c5c5c; --color-dimgray-400: #5e4f38; --foundation-primary-color-primary-color-700: #5e4b2c; --foundation-lighter-primary-color-lighter-primary-color-900: #524226; --foundation-primary-color-primary-color-800: #493a22; --color-khaki-100: #ffed74; --foundation-secondary-primary-color-secondary-primary-color-500: #ffec6e; --foundation-secondary-primary-color-secondary-primary-color-100: #fff9d2; --color-olive: #8d7e18; --color-ivory: #fdfbed; --neutral-200: #e5e7eb; --grey-200: #e4e7ec; --color-gainsboro-100: #e6e6e6; --color-gainsboro-200: #e0e0e0; --foundation-lighter-secondary-primary-color-lighter-secondary-primary-color-700: #adac89; --color-antiquewhite-100: #faeed8; --color-antiquewhite-200: #e3dec9; --foundation-primary-color-primary-color-200: #c6baa6; --color-silver-100: #b6b6b6; --color-silver-200: #b5b5b5; --color-silver-300: rgba(181, 181, 181, 0.09); --grey-600: #475367; --color-darkslategray-100: #4a472e; --grey-700: #344054; --color-darkslategray-200: #3f3f3f; --neutral-400: #9ca3af; --grey-400: #98a2b3; --color-darkgray-100: rgba(169, 169, 169, 0.2); --shade-black: #000; --color-goldenrod: #c4a425; --color-oldlace: #fcf7e4; --color-darkgoldenrod: #917000; --foundation-secondary-primary-color-secondary-primary-color-800: #8c823d; --foundation-lighter-primary-color-lighter-primary-color-700: #8b7041; --color-darkolivegreen-100: #342e05; --warning-75: #fbe2b7; --foundation-lighter-secondary-primary-color-lighter-secondary-primary-color-600: #dedcb0; --color-wheat-100: rgba(222, 220, 176, 0.5); --neutral-500: #6b7280; --grey-500: #667185; --color-seashell: #f5f2eb; --foundation-lighter-primary-color-lighter-primary-color-500: #c49e5b; --color-mediumvioletred: #b00075; --destructive-600: #dc2626; --primary-600: #1e22fb; --color-blueviolet: #4b4efc; --primary-50: #f5f5ff; --primary-700: #0408e7; --success-500-main: #22c55e; --primary-400-base: #f56630; --color-floralwhite: #fffdf2; --color-thistle: #ead5ff; --secondary-100: #b6d8ff; /* Gaps */ --gap-128xl: 147px; --gap-54xl: 73px; --gap-18xl: 37px; --gap-21xl: 40px; --gap-xl: 20px; --gap-25xl: 44px; --gap-13xl: 32px; --gap-xs: 12px; --gap-5xs: 8px; --gap-5xl: 24px; --gap-3xs: 10px; --gap-4xs: 9px; --gap-11xs: 2px; --gap-base: 16px; --gap-lgi: 19px; --gap-4xl: 23px; --gap-7xl: 26px; --gap-37xl: 56px; --gap-9xl: 28px; --gap-7xs: 6px; --gap-11xs-5: 1.5px; --gap-12xs: 1px; --gap-6xl: 25px; --gap-3xl: 22px; --gap-65xl: 84px; --gap-64xl: 83px; --gap-lg: 18px; --gap-201xl: 220px; --gap-36xl: 55px; --gap-8xl: 27px; --gap-91xl: 110px; --gap-146xl-5: 165.5px; --gap-22xl: 41px; --gap-38xl: 57px; --gap-9xs: 4px; --gap-7xs-6: 5.6px; --gap-6xs: 7px; --gap-base-8: 16.8px; --gap-sm: 14px; /* Paddings */ --padding-174xl: 193px; --padding-106xl: 125px; --padding-100xl-5: 119.5px; --padding-40xl: 59px; --padding-xl: 20px; --padding-91xl: 110px; --padding-12xl: 31px; --padding-1441xl: 1460px; --padding-52xl: 71px; --padding-83xl-5: 102.5px; --padding-20xl: 39px; --padding-13xl: 32px; --padding-48xl: 67px; --padding-41xl: 60px; --padding-xs: 12px; --padding-51xl-3: 70.3px; --padding-3xs: 10px; --padding-2xl: 21px; --padding-14xl: 33px; --padding-lgi: 19px; --padding-5xs: 8px; --padding-78xl: 97px; --padding-sm: 14px; --padding-17xl-5: 36.5px; --padding-11xs-5: 1.5px; --padding-37xl: 56px; --padding-9xl: 28px; --padding-8xl: 27px; --padding-29xl: 48px; --padding-5xl: 24px; --padding-19xl: 38px; --padding-4xl-1: 23.1px; --padding-42xl: 61px; --padding-103xl: 122px; --padding-3xs-5: 9.5px; --padding-4xs: 9px; --padding-4xs-5: 8.5px; --padding-51xl: 70px; --padding-mid: 17px; --padding-53xl: 72px; --padding-32xl: 51px; --padding-84xl: 103px; --padding-12xs: 1px; --padding-11xs: 2px; --padding-10xs-2: 2.2px; --padding-2xs: 11px; --padding-6xs: 7px; --padding-9xs-5: 3.5px; --padding-lg: 18px; --padding-7xs: 6px; --padding-23xl: 42px; --padding-8xs: 5px; --padding-89xl: 108px; --padding-smi: 13px; --padding-base: 16px; --padding-9xs: 4px; --padding-7xl: 26px; --padding-38xl: 57px; --padding-20xl-2: 39.2px; --padding-58xl: 77px; --padding-17xl: 36px; --padding-10xs: 3px; --padding-39xl: 58px; --padding-11xs-9: 1.9px; --padding-10xs-5: 2.5px; --padding-4xs-6: 8.6px; --padding-11xl: 30px; --padding-10xl: 29px; --padding-148xl: 167px; --padding-90xl: 109px; --padding-10xs-9: 2.9px; --padding-4xl: 23px; --padding-55xl: 74px; --padding-6xs-5: 6.5px; --padding-93xl: 112px; --padding-6xl-5: 25.5px; --padding-11xs-2: 1.2px; --padding-179xl: 198px; --padding-65xl: 84px; --padding-110xl: 129px; --padding-6xl: 25px; --padding-mini: 15px; --padding-9xl-5: 28.5px; /* Border radiuses */ --br-5xl: 24px; --br-xs: 12px; --br-base: 16px; --br-5xs: 8px; --br-11xl: 30px; --br-81xl: 100px; --br-7xs: 6px; --br-xs-4: 11.4px; --br-3xs: 10px; --br-21xl: 40px; --br-41xl: 60px; --br-9xs: 4px; --br-6xl: 25px; }