:root{--color-green:#065158;--color-gray-dark:#494a56;--color-gray-light:#e0dfda;--color-blue-off:#777e90;--color-black:#000000;--color-white:#ffffff;--color-error:#e74c3c;--font-primary:"Heebo",sans-serif;--font-secondary:"Ubuntu",sans-serif;--font-tertiary:"Inter",sans-serif;--font-size-xxs:7.5px;--font-size-xs:9px;--font-size-sm:10.5px;--font-size-base:12px;--font-size-tm:13.5px;--font-size-md:15px;--font-size-lg:18px;--font-size-xl:21px;--font-size-2xl:24px;--font-size-3xl:36px;--font-size-4xl:45px}@media(min-width:512px){:root{--font-size-xxs:8px;--font-size-xs:10px;--font-size-sm:11px;--font-size-base:13px;--font-size-tm:14px;--font-size-md:16px;--font-size-lg:19px;--font-size-xl:22px;--font-size-2xl:26px;--font-size-3xl:38px;--font-size-4xl:48px}}@media(min-width:768px){:root{--font-size-xxs:8.5px;--font-size-xs:10.5px;--font-size-sm:12px;--font-size-base:14px;--font-size-tm:15px;--font-size-md:17px;--font-size-lg:20px;--font-size-xl:24px;--font-size-2xl:28px;--font-size-3xl:40px;--font-size-4xl:50px}}@media(min-width:1024px){:root{--font-size-xxs:9px;--font-size-xs:11px;--font-size-sm:13px;--font-size-base:15px;--font-size-tm:16px;--font-size-md:18px;--font-size-lg:22px;--font-size-xl:26px;--font-size-2xl:30px;--font-size-3xl:42px;--font-size-4xl:54px}}@media(min-width:1280px){:root{--font-size-xxs:10px;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-tm:18px;--font-size-md:20px;--font-size-lg:24px;--font-size-xl:28px;--font-size-2xl:32px;--font-size-3xl:40px;--font-size-4xl:52px}}@media(min-width:1440px){:root{--font-size-xxs:11px;--font-size-xs:13px;--font-size-sm:15px;--font-size-base:18px;--font-size-tm:20px;--font-size-md:22px;--font-size-lg:27px;--font-size-xl:31px;--font-size-2xl:36px;--font-size-3xl:48px;--font-size-4xl:60px}}@media(min-width:1536px){:root{--font-size-xxs:12px;--font-size-xs:14px;--font-size-sm:17px;--font-size-base:20px;--font-size-tm:22px;--font-size-md:24px;--font-size-lg:30px;--font-size-xl:35px;--font-size-2xl:40px;--font-size-3xl:54px;--font-size-4xl:70px}}.modeselector{padding:30px 20px;gap:60px}.modeselector,.modeselector__container{display:flex;flex-direction:column;align-items:center}.modeselector__container{justify-content:center}.modeselector__container__select{border-radius:12px;overflow:hidden}.modeselector__container__select__button{width:347px;display:flex;justify-content:space-between;align-items:center;text-align:center;gap:12px;padding:10px 40px;background:var(--color-green);color:var(--color-white);font-family:var(--font-primary);font-size:var(--font-size-md);font-weight:600;border:none;cursor:pointer}.modeselector__container__select__button svg{width:11px;height:18px}.modeselector__container__select__options{display:flex;flex-direction:column;justify-content:center;gap:20px;color:var(--color-green);border-radius:0 0 12px 12px;font-size:var(--font-size-md);font-weight:600;border:1px solid var(--color-green);cursor:pointer;padding:10px 40px}.modeselector__container__buttons{display:none}.modeselector__container__line{height:1px;width:347px;background:var(--color-green)}@media(min-width:512px){.modeselector{padding:30px 20px;align-items:center}}@media(min-width:768px){.modeselector{padding:30px 40px}.modeselector,.modeselector__container{align-items:flex-start}.modeselector__container__select{display:none}.modeselector__container__buttons{display:flex}.modeselector__container__buttons__button{background:var(--color-white);font-family:var(--font-primary);font-size:var(--font-size-md);font-weight:600;color:var(--color-green);border-bottom:0;border:1px solid var(--color-green);padding:10px 40px;cursor:pointer}.modeselector__container__buttons__button.active{background:var(--color-green);color:var(--color-white)}.modeselector__container__buttons button:first-child{border-radius:10px 0 0 0}.modeselector__container__buttons button:nth-child(3){border-radius:0 10px 0 0}.modeselector__container__line{width:calc(327px*var(--cards-count) + 20px*(var(--cards-count) - 1))}}@media(min-width:1024px){.modeselector{padding:50px}.modeselector__container__line{width:calc(367px*var(--cards-count) + 20px*(var(--cards-count) - 1))}}@media(min-width:1280px){.modeselector{padding:60px}}@media(min-width:1440px){.modeselector{padding:80px}}@media(min-width:1536px){.modeselector{padding:100px}}