.lenses{margin-bottom:160px}.lenses__head{align-items:center;display:flex;flex-direction:column;gap:24px;margin-inline:auto;margin-bottom:36px;max-width:634px;text-align:center}.lenses__text{font-size:16px;font-weight:400;line-height:120%;max-width:470px}.lenses__body{align-items:center;color:var(--colors-white-100);display:flex;flex-direction:column;gap:40px;min-height:600px;padding:120px 36px 38px;position:relative;z-index:2}.lenses__bg{display:grid;height:100%;left:-1px;overflow:hidden;pointer-events:none;position:absolute;top:-1px;width:100%;z-index:-1}.lenses__bg img,.lenses__bg video{height:101%;object-fit:cover;width:101%}.lenses__img{display:grid;margin-block:auto;max-width:704px;position:relative;width:100%}.lenses__img img{object-fit:cover;width:100%}.lenses__img-text{font-size:14px;font-weight:400;left:50%;letter-spacing:.2em;position:absolute;text-align:center;text-transform:uppercase;top:21%;transform:translate(-50%)}.lenses__img-text.lenses__img-text--top{top:25.3%}.lenses__img-text.lenses__img-text--right{left:auto;right:3.7%;top:10%;transform:none}.lenses__colors .lenses__img-text.lenses__img-text--right{right:6%}.lenses__controls{align-items:end;align-self:stretch;display:flex;gap:12px}.lenses__controls .lenses__colors-block{margin-left:auto}.lenses__colors .lenses__controls:has(.lenses__range){align-items:end;display:grid;grid-template-columns:repeat(3,1fr)}.lenses__colors .lenses__controls:has(.lenses__range):before{content:""}.lenses__colors .lenses__controls:has(.lenses__range) .lenses__colors-block{margin-left:auto}.lenses__range{margin-inline:auto;padding-bottom:10px}.lenses__colors{display:flex;flex:1 1 auto;flex-direction:column;gap:40px;width:100%}.lenses__content{margin:auto}.lenses__tab>*{opacity:0}.lenses__tab:not([hidden])>*{animation:fadeIn .6s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lenses__colors-block{display:flex;flex-direction:column;gap:16px;max-width:fit-content}.lenses__colors-text{font-size:14px;font-weight:400;letter-spacing:.2em;text-align:center;text-transform:uppercase}.lenses__colors-btns{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.lenses__color{aspect-ratio:1/1;border-radius:50%;display:grid;overflow:hidden;position:relative;transition:opacity .3s;width:64px}.lenses__color:before{border:3px solid var(--colors-white-100);border-radius:inherit;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s;width:100%}.lenses__color img{height:100%;object-fit:cover;width:100%}.lenses__color.--tab-active:before{opacity:1}.range-slider{display:flex;flex-direction:column;gap:18px;max-width:318px;text-align:center;width:100%}.range-slider__text{font-size:16px;font-weight:500;letter-spacing:.05em;line-height:120%;text-align:center}.range-slider__wrapper{align-items:center;display:flex;gap:12px}.range-slider__icon{display:grid;max-width:fit-content}.range-slider__icon img,.range-slider__icon svg{max-height:20px;max-width:20px;object-fit:contain}.range-slider__slide{align-items:center;display:flex;flex:1 1 auto;width:100%}.range-slider__input{-webkit-appearance:none;appearance:none;background-color:hsla(0,0%,100%,.5);border-radius:28px;cursor:pointer;flex:1 1 auto;height:16px;overflow:hidden;padding:3px 4px;position:relative;width:100%}.range-slider__input::-webkit-slider-runnable-track{height:100%}.range-slider__input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:var(--colors-white-100);border:none;border-radius:28px;box-shadow:none;height:100%;margin-top:0;width:36px}.range-slider__input::-moz-range-track{background-color:transparent;height:100%}.range-slider__input::-moz-range-progress{background:transparent;height:100%}.range-slider__input::-moz-range-thumb{background-color:var(--colors-white-100);border:none;border-radius:28px;height:100%;width:36px}@media (width <= 68.75em){.lenses__colors .lenses__controls:has(.lenses__range){grid-template-columns:repeat(2,1fr)}.lenses__colors .lenses__controls:has(.lenses__range):before{display:none}.lenses__colors .lenses__controls:has(.lenses__range) .lenses__range{margin-inline:0 auto}}@media (width <= 62em){.lenses{margin-bottom:100px}.lenses__color{width:48px}}@media (width <= 48em){.lenses__colors .lenses__controls:has(.lenses__range){align-items:stretch;gap:24px;grid-template-columns:1fr}.lenses__colors .lenses__controls:has(.lenses__range) .lenses__range{margin-inline:auto}.lenses__colors .lenses__controls:has(.lenses__range) .lenses__colors-block{margin-inline:auto}}@media (width <= 30em){.lenses__head{margin-bottom:24px}.lenses__text{font-size:15px}.lenses__body{min-height:396px;padding:80px 12px 24px}.lenses__img{padding-inline:10px}.lenses__img-text{font-size:12px}.lenses__range{padding-bottom:0}.lenses__colors-text{font-size:12px}.lenses__color{width:36px}.range-slider__text{font-size:15px}}@media (any-hover:hover){.lenses__color:not(.--tab-active,.disabled,[disabled]):hover{opacity:.6}}