.wls-hair-dictionary__upper{border-bottom:1px solid #E0E0E0;padding:64px 0}@media(max-width:575px){.wls-hair-dictionary__upper{padding:46px 0}}.wls-hair-dictionary__upper-holder{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;max-width:596px;width:100%}.wls-hair-dictionary__title{font-size:30px;font-weight:500;line-height:1.28;letter-spacing:0;text-transform:uppercase;color:#1a1a1a;margin-bottom:26px}@media(max-width:575px){.wls-hair-dictionary__title{text-align:center}}.wls-hair-dictionary__desc{font-size:16px;font-weight:500;line-height:1.44;letter-spacing:-.16px;color:#1a1a1a;margin-bottom:24px}@media(max-width:575px){.wls-hair-dictionary__desc{text-align:center}}.wls-hair-dictionary__search-box{position:relative;max-width:440px;width:100%}@media(max-width:575px){.wls-hair-dictionary__search-box{max-width:100%}}.wls-hair-dictionary__search-box:before{content:"";display:block;background-image:url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 11.5C9.03757 11.5 11.5 9.03757 11.5 6C11.5 2.96243 9.03757 0.5 6 0.5C2.96243 0.5 0.5 2.96243 0.5 6C0.5 9.03757 2.96243 11.5 6 11.5Z' stroke='%23121212' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.5 13.5L10 10' stroke='%23121212' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");background-repeat:no-repeat;background-size:contain;width:15px;height:15px;position:absolute;top:12px;left:16px;pointer-events:none;z-index:10}.wls-hair-dictionary__search-box input[type=search]{width:100%;height:40px;background-color:#f6f6f6;border:1px solid #E0E0E0;padding:10px 43px 11px;outline:none;box-shadow:none;font-size:14px;font-weight:500;line-height:1.2;letter-spacing:-.16px;color:#121212;text-overflow:ellipsis}.wls-hair-dictionary__search-box input[type=search]::placeholder{font-size:14px;font-weight:500;line-height:1.2;letter-spacing:-.16px;color:#474747}.wls-hair-dictionary__bottom{padding:63px 0}@media(max-width:767px){.wls-hair-dictionary__bottom{padding:49px 0}}@media(max-width:575px){.wls-hair-dictionary__bottom.is-ready{display:block;opacity:1;transition:opacity .2s ease}}.wls-hair-dictionary__bottom-holder{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:100%}.wls-hair-dictionary__bottom-pills{display:flex;flex-wrap:wrap;gap:16px}.wls-pill-select__head{display:none}.wls-pill{position:relative}.wls-pill input{display:none}.wls-pill span{font-size:14px;font-weight:500;line-height:1.44;letter-spacing:-.16px;color:#121212;padding:2px 8px;border:1px solid #121212;cursor:pointer;transition:.3s ease;display:inline-flex;align-items:center}@media(min-width:576px){.wls-pill input:checked+span{background:#121212;color:#fff}}@media(min-width:1200px){.wls-pill span:hover{background:#121212;color:#fff}}@media(min-width:576px){.wls-pill-select__dropdown{display:flex;flex-wrap:wrap;gap:16px}.wls-pill{display:flex}.wls-pill span{padding:2px 8px 0 7px}}@media(max-width:575px){.js-pill-select{position:relative;width:100%}.wls-hair-dictionary__bottom-pills{flex-direction:column;gap:0}.wls-pill-select__head{display:flex;height:42px;padding:0 16px;align-items:center;border:1px solid #e0e0e0;background:#fff;font-size:14px;font-weight:500;letter-spacing:0;cursor:pointer;position:relative;transition:.35s ease}.wls-hair-dictionary__bottom-pills.is-open .wls-pill-select__head{border-color:#121212}.wls-pill-select__head:after{content:"";background-image:url("data:image/svg+xml,%3Csvg width='13' height='8' viewBox='0 0 13 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.355469 0.353546L6.35547 6.35355L12.3555 0.353546' stroke='%23121212'/%3E%3C/svg%3E%0A");background-repeat:no-repeat;background-size:contain;position:absolute;right:20px;width:13px;height:8px;transition:.35s ease}.js-pill-select.is-open .wls-pill-select__head:after{transform:rotate(180deg)}.wls-pill-select__dropdown{display:flex;flex-direction:column;gap:16px 0;position:absolute;top:100%;left:0;width:100%;background:#fff;border:1px solid #e0e0e0;max-height:222px;overflow-y:auto;padding:0 16px 16px;z-index:20;opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.js-pill-select.is-open .wls-pill-select__dropdown{opacity:1;transform:translateY(0);pointer-events:auto}.wls-pill{display:flex;width:100%;padding:0}.wls-pill:first-child{border-bottom:1px solid #e5e5e5;padding:14px 0}.wls-pill span{border:0;padding:0;width:100%;display:flex;align-items:center;gap:8px;position:relative}.wls-pill span:before{content:"";width:20px;height:20px;border:1px solid #121212;background-color:#fff;transition:.35s ease}.wls-pill span:after{content:"";background-image:url("data:image/svg+xml,%3Csvg width='11' height='9' viewBox='0 0 11 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.52083 8.125L0 4.58333L1.04167 3.54167L3.52083 6L9.54167 0L10.5833 1.0625L3.52083 8.125Z' fill='white'/%3E%3C/svg%3E%0A");background-repeat:no-repeat;background-size:contain;width:11px;height:9px;position:absolute;top:6px;left:5px;opacity:0;visibility:hidden;transition:.35s ease}.wls-pill input:checked+span:before{background-color:#121212}.wls-pill input:checked+span:after{opacity:1;visibility:visible}}.wls-hair-dictionary__bottom-tab{display:block;padding-top:21px;transform:translateY(10px)}@media(max-width:575px){.wls-hair-dictionary__bottom-tab{padding-top:12px}}.wls-hair-dictionary__bottom-tab-box-lists{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;gap:4px;margin-bottom:7px}.wls-hair-dictionary__bottom-tab-box-list{display:flex;align-items:center;justify-content:flex-start;font-size:12px;font-weight:500;line-height:1.44;letter-spacing:0;color:#696969}.wls-hair-dictionary__bottom-tab-box-list:after{content:"";display:block;width:3px;height:3px;border-radius:50%;background-color:#696969;margin-left:5px}.wls-hair-dictionary__bottom-tab-box-list:last-child:after{display:none}.wls-hair-dictionary__bottom-tab-box-title{font-size:18px;font-weight:500;line-height:1.44;letter-spacing:0;text-transform:uppercase;color:#000;margin-bottom:8px}.wls-hair-dictionary__bottom-tab-box-desc{font-size:14px;font-weight:500;line-height:1.44;letter-spacing:-.16px;color:#121212}.wls-hair-dictionary__bottom-tab-boxes{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:20px;gap:24px}@media(max-width:1199px){.wls-hair-dictionary__bottom-tab-boxes{grid-template-columns:repeat(3,1fr)}}@media(max-width:767px){.wls-hair-dictionary__bottom-tab-boxes{grid-template-columns:repeat(2,1fr)}}@media(max-width:575px){.wls-hair-dictionary__bottom-tab-boxes{grid-template-columns:repeat(1,1fr);grid-auto-rows:auto}}.wls-hair-dictionary__bottom-tab-box{display:flex;flex-direction:column}.wls-hair-dictionary__bottom-tab-box-image{width:100%;height:auto;margin-bottom:11px}@media(max-width:575px){.wls-hair-dictionary__bottom-tab-box-image{height:290px}}.wls-hair-dictionary__bottom-tab-box-video{position:relative;width:100%;height:auto;cursor:pointer;margin-bottom:11px}@media(max-width:575px){.wls-hair-dictionary__bottom-tab-box-video{height:378px}}.wls-hair-dictionary__bottom-tab-box-image img,.wls-hair-dictionary__bottom-tab-box-video video{width:100%;height:auto;display:block;object-fit:cover}@media(max-width:575px){.wls-hair-dictionary__bottom-tab-box-image img,.wls-hair-dictionary__bottom-tab-box-video video{width:100%;height:100%}}.video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:transparent;border:0;cursor:pointer;transition:opacity .25s ease}.video-overlay:before{content:"";display:block;background-image:url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1343_9708)'%3E%3Cpath d='M24 42C33.9411 42 42 33.9411 42 24C42 14.0589 33.9411 6 24 6C14.0589 6 6 14.0589 6 24C6 33.9411 14.0589 42 24 42Z' fill='white'/%3E%3Cpath d='M32.25 24L20.25 16.5V31.5L32.25 24Z' fill='%23121212'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1343_9708'%3E%3Crect width='48' height='48' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");background-repeat:no-repeat;background-size:contain;width:50px;height:50px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-overlay.is-hidden{opacity:0;pointer-events:none}.js-masonry{opacity:0;transition:opacity .5s ease}.js-masonry.is-loaded{opacity:1}
/*# sourceMappingURL=/cdn/shop/t/136/assets/wls-hair-dictionary.css.map */