:root{--white-color:#fff;--black-color:#151515;--accent-color:#58b74c;--sky-color:#3eb7f3;--blue-color:#0083c5;--txt-color:#313131;--gray-color:#6c6c6c;--gray2-color:#c8c8c8;--error-color:red;--back-color:#f2f2f2;--green-back-color:#e2f5df;--lines-color:rgba(49,49,49,.12);--lines-white-color:hsla(0,0%,100%,.1);--trs-300:0.3s cubic-bezier(0.25,0.46,0.45,0.94);--shadow:0px 4px 28px 0px rgba(0,0,0,.1);--screensize:1920}@media (max-width:1660px){:root{--screensize:1660}}@media (max-width:1400px){:root{--screensize:1275}}@media (max-width:1279px){:root{--screensize:1045}}@media (max-width:1023px){:root{--screensize:1024}}@media (max-width:992px){:root{--screensize:992}}@media (max-width:767px){:root{--screensize:360}}.selector{position:relative}.selector .selector__title{align-items:center;background:var(--back-color);border-radius:6rem;display:flex;gap:1rem;height:2rem;padding:0 1rem;position:relative;z-index:2}.selector .selector__title:hover{background:var(--green-back-color)}.selector .selector__title:hover span,.selector .selector__title:hover svg{color:var(--txt-color)}.selector .selector__title span{color:var(--gray-color);font-size:.75rem;font-weight:600;line-height:115%;text-transform:uppercase;transition:var(--trs-300)}.selector .selector__title svg{height:1rem;width:1rem}.selector .selector__content{border-radius:0 0 1.125rem 1.125rem;left:0;opacity:0;pointer-events:none;position:absolute;top:2rem;transform:translateY(-10%);transition:var(--trs-300);width:100%}.selector .selector__content .selector__list{background:var(--back-color);border-radius:0 0 1.125rem 1.125rem;display:flex;flex-direction:column;padding:0 0 .625rem}.selector .selector__content .selector__list .selector__item{cursor:pointer;padding:.375rem 1.5rem;transition:var(--trs-300)}.selector .selector__content .selector__list .selector__item:hover{background:var(--green-back-color)}.selector .selector__content .selector__list .selector__item span{font-size:.875rem;font-weight:400;line-height:136%;transition:var(--trs-300)}.selector .selector__content .selector__list .selector__item input{display:none}.selector .selector__content .selector__list .selector__item input:checked~span{color:var(--accent-color)}.selector.active .selector__title{border-radius:1.125rem 1.125rem 0 0}.selector.active .selector__title svg{transform:rotate(180deg)}.selector.active .selector__content{opacity:1;pointer-events:all;transform:translate(0)}