@import"https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap";.hairdressersBy{display:flex;flex-direction:column;width:100%;background-color:#fff;padding:0 1rem;margin:0 auto -2.5rem}@media(min-width:768px){.hairdressersBy{padding:0;width:58.33%;margin-bottom:-3rem}}.hairdressersBy__header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;border-radius:100px;height:3.75rem;background-color:#f7f1ed;padding:1rem 1.5rem 1rem 2.5rem}.hairdressersBy__header .btn--scrollingMenu-2XS span.textButton,.hairdressersBy__header .btn--scrollingMenu-S span.textButton{display:block;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}.hairdressersBy__header__title{font-family:var(--font-ubuntu),sans-serif;font-size:.8125rem;line-height:120%;font-weight:700;font-style:normal;color:#3c2109;text-transform:uppercase;text-align:center}.hairdressersBy__header__icon{width:40px;height:40px;display:flex;justify-content:center;align-items:center}.hairdressersBy .expandable__content{display:grid;gap:1rem;padding:.75rem;width:100%;transition:background-color .3s ease,height .3s ease;visibility:hidden}.hairdressersBy .expandable__content__link{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hairdressersBy .expandable__content.open{background-color:#f7f1ed;width:100%;margin-bottom:1.5rem;border-bottom-left-radius:.625rem;border-bottom-right-radius:.625rem;visibility:visible}.hairdressersBy__content{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;padding:0 1.75rem 1rem}.hairdressersBy__content__link{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-ubuntu),sans-serif;font-size:.875rem;line-height:150%;font-weight:400;font-style:normal;color:#3c2109;text-transform:capitalize;text-align:left}.hairdressersBy__content__link:active{color:#b03229}@media(min-width:768px){.hairdressersBy__content__link:hover{color:#b03229;text-decoration:underline}}.hairdressersBy:has(.expandable__content.open) .hairdressersBy__header{border-radius:10px 10px 0 0}.hairdressersBy:has(.expandable__content.open) .expandable__content.open{transition:all 1s ease}.hairdressersBy:has(.expandable__content.open) .btn--scrollingMenu-S{color:#b03229}.hairdressersBy:has(.expandable__content.open) .btn--scrollingMenu-S svg path{fill:#b03229}.hairdressersBy:has(.expandable__content.open) .btn--scrollingMenu-2XS{color:#b03229}.hairdressersBy:has(.expandable__content.open) .btn--scrollingMenu-2XS svg path{fill:#b03229}