html{--font-family-main: "Poppins", sans-serif;--reactour-accent: linear-gradient(180deg, #73a8f8 0%, #3a57e8 100%);--c-text-active: #fff;--c-green-light: #00bc84;--c-blue-light: #73a8f8;--c-pink-light: #ff6f6f}[data-theme=light-blue]{--c-text-primary: #1b2559;--c-text-second: #9baeca;--c-text-three: #232d42;--c-text-four: #1b2559;--c-text-six: #737373;--c-bg-primary: #f4f7fe;--c-bg-second: #fff;--c-bg-third: #f8fafd;--c-bg-blur: rgba(232, 232, 240, .479);--c-bg-gnii: #efeff5;--c-bg-active: #d9dbff;--c-bg-hover: #efefff;--c-border-primary: #e9edf7;--c-box-shadow: rgba(112, 144, 176, .08);--c-box-shadow-btn: 0px 21px 27px -10px rgba(58, 87, 232, .3);--c-box-shadow-btn-second: 0px 10px 20px 4px rgba(35, 165, 240, .15);--gradient-primary: linear-gradient(180deg, #73a8f8 0%, #3a57e8 100%);--gradient-btn-hover: linear-gradient(180deg, #92bcfa 0%, #3a57e8 100%);--gradient-color-first: #3a57e8;--gradient-color-second: #73a8f8;--c-focus: #23a6f0}[data-theme=dark-blue]{--c-text-primary: #fefefe;--c-text-second: #9baeca;--c-text-three: #fefefe;--c-text-four: #9baeca;--c-text-six: rgba(254, 254, 254, .5);--c-bg-primary: #0d0d1f;--c-bg-second: #151429;--c-bg-third: #0d0d1f;--c-bg-blur: rgba(232, 232, 240, .479);--c-bg-gnii: #151429;--c-bg-active: #242346;--c-bg-hover: #1d1c38;--c-border-primary: rgba(254, 254, 254, .05);--c-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .2);--c-box-shadow-btn: 0px 21px 27px -10px rgba(58, 87, 232, .3);--c-box-shadow-btn-second: 0px 5px 20px 4px rgba(35, 165, 240, .08);--gradient-primary: linear-gradient(180deg, #73a8f8 0%, #3a57e8 100%);--gradient-btn-hover: linear-gradient(180deg, #92bcfa 0%, #3a57e8 100%);--gradient-color-first: #3a57e8;--gradient-color-second: #73a8f8;--c-focus: #23a6f0}[data-theme=light-green]{--c-text-primary: #1b2559;--c-text-second: #a7a7a7;--c-text-three: #232d42;--c-text-four: #1b2559;--c-text-six: #737373;--c-bg-primary: #f8fafd;--c-bg-second: #fff;--c-bg-third: #f8fafd;--c-bg-blur: rgba(232, 232, 240, .479);--c-bg-gnii: #efeff5;--c-bg-active: rgb(207, 205, 203, .7);--c-bg-hover: rgb(240, 238, 239, .8);--c-border-primary: #e9edf7;--c-box-shadow: rgba(112, 144, 176, .08);--c-box-shadow-btn: 0 21px 27px -10px rgba(24, 73, 31, .3);--c-box-shadow-btn-second: 0px 10px 20px 4px rgba(0, 255, 162, .15);--gradient-primary: linear-gradient(45deg, #0f7d54 0%, #7ae5b5 100%);--gradient-btn-hover: linear-gradient(45deg, #11865b 0%, #81f0be 100%);--gradient-color-first: #0f7d54;--gradient-color-second: #7ae5b5;--c-focus: #03c980}[data-theme=dark-green]{--c-text-primary: #fefefe;--c-text-second: #a7a7a7;--c-text-three: #fefefe;--c-text-four: #a7a7a7;--c-text-six: rgba(254, 254, 254, .5);--c-bg-primary: #0f0f0f;--c-bg-second: #151515;--c-bg-third: #0f0f0f;--c-bg-blur: rgba(232, 232, 240, .479);--c-bg-gnii: rgba(18, 18, 18, 1);--c-bg-active: #242424;--c-bg-hover: #1d1d1d;--c-border-primary: rgba(254, 254, 254, .05);--c-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .2);--c-box-shadow-btn: 0 21px 27px -10px rgba(24, 73, 31, .3);--c-box-shadow-btn-second: 0px 5px 20px 4px rgba(0, 255, 162, .08);--gradient-primary: linear-gradient(45deg, #0f7d54 0%, #7ae5b5 100%);--gradient-btn-hover: linear-gradient(45deg, #11865b 0%, #81f0be 100%);--gradient-color-first: #0f7d54;--gradient-color-second: #7ae5b5;--c-focus: #00d688}[data-theme=light-orange]{--c-text-primary: #1b2559;--c-text-second: #a7a7a7;--c-text-three: #232d42;--c-text-four: #1b2559;--c-text-six: #737373;--c-bg-primary: #f8fafd;--c-bg-second: #fff;--c-bg-third: #f8fafd;--c-bg-blur: rgba(232, 232, 240, .479);--c-bg-gnii: #efeff5;--c-bg-active: #cfcdcb;--c-bg-hover: #f0eeef;--c-border-primary: #e9edf7;--c-box-shadow: rgba(112, 144, 176, .08);--c-box-shadow-btn: 0 21px 27px -10px rgba(73, 50, 24, .3);--c-box-shadow-btn-second: 0px 10px 20px 4px rgba(255, 173, 96, .15);--gradient-primary: linear-gradient(45deg, #ff891d 0%, #ffac60 100%);--gradient-btn-hover: linear-gradient(45deg, #ff761a 0%, #ff9a5f 100%);--gradient-color-first: #ff891d;--gradient-color-second: #ffac60;--c-focus: #fa9c44}[data-theme=dark-orange]{--c-text-primary: #fefefe;--c-text-second: #a7a7a7;--c-text-three: #fefefe;--c-text-four: #a7a7a7;--c-text-six: rgba(254, 254, 254, .5);--c-bg-primary: #0f0f0f;--c-bg-second: #151515;--c-bg-third: #0f0f0f;--c-bg-blur: rgba(232, 232, 240, .479);--c-bg-gnii: rgba(18, 18, 18, 1);--c-bg-active: #242424;--c-bg-hover: #1d1d1d;--c-border-primary: rgba(254, 254, 254, .05);--c-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .2);--c-box-shadow-btn: 0 21px 27px -10px rgba(73, 50, 24, .3);--c-box-shadow-btn-second: 0px 5px 20px 4px rgba(255, 173, 96, .08);--gradient-primary: linear-gradient(45deg, #ff891d 0%, #ffac60 100%);--gradient-btn-hover: linear-gradient(45deg, #ff761a 0%, #ff9a5f 100%);--gradient-color-first: #ff891d;--gradient-color-second: #ffac60;--c-focus: #e7903e}.text-gradient-primary{background:var(--gradient-primary);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.box{border-radius:10px;background:var(--c-bg-second);box-shadow:var(--c-box-shadow);padding:20px}[data-theme^=dark] .box{border:1px solid var(--c-border-primary)}.box-2{border-radius:6px;border:1px solid var(--c-border-primary);background:var(--c-bg-third)}.box-3{border-radius:6px;background:var(--c-bg-third)}@media (max-width: 600px){.box{padding:18px 17px}}.box-form{border-radius:6px;background:var(--c-bg-third)}.box-form.focus{outline:1px solid var(--c-focus)}.box-form.valid{outline:1px solid #2dc071}.box-form.is-not-valid{outline:1px solid #e74040}.c-text-sec{color:var(--c-text-second)!important}.f15{font-size:15px}.divider{height:1px;width:100%;background:var(--c-border-primary)}.hidden{visibility:hidden}.svg-color-fill-focus{fill:var(--c-focus)}.svg-color-fill-primary{fill:var(--c-text-second)}.svg-color-stroke-primary{stroke:var(--c-text-second)}.svg-color-stroke-secondary{stroke:var(--gradient-color-second)}.svg-gradient-color-first{stop-color:var(--gradient-color-first)}.svg-gradient-color-second{stop-color:var(--gradient-color-second)}.setting-page .main-container{display:grid;grid-template:1fr/repeat(auto-fit,minmax(500px,1fr));gap:24px}.setting-page h3{font-weight:700;font-size:16px;color:var(--c-text-second);text-align:center;margin-bottom:40px}.setting-page p{font-size:12px}.setting-page .main-buttons{display:flex;justify-content:end;gap:30px;margin-top:24px}.setting-page .main-buttons button:first-child{display:flex;align-items:center;justify-content:center;color:var(--c-text-primary);gap:9px;font-weight:700;font-size:14px;border:1px solid #fa544d;box-shadow:0 15px 20px #0000001a;border-radius:5px;width:137px;height:38px}.setting-page .main-buttons button:first-child:hover{border:1px solid #ff7e7a;box-shadow:0 15px 20px #00000017}.setting-page .main-buttons button:last-child{padding:0 30px;font-weight:700;font-size:14px}.setting-page .personal-data .container{display:grid;grid-template:auto/repeat(auto-fit,minmax(220px,1fr));column-gap:20px;row-gap:15px}.setting-page .security .container>label:nth-child(2),.setting-page .security .container>label:nth-child(3){margin-top:15px}.setting-page .billing-info{grid-column:span 2}@media (1200px > width){.setting-page .billing-info{grid-column:span 1}}.setting-page .billing-info .container{display:grid;grid-template:auto/repeat(auto-fit,minmax(440px,1fr));gap:24px}.setting-page .billing-info .container>div:first-child{display:grid;grid-template:auto/repeat(2,minmax(220px,1fr));column-gap:20px;row-gap:15px}.setting-page .billing-info .container>div:first-child .style-line-with-title{grid-column:span 2}.setting-page .billing-info .container>div:last-child{display:grid;grid-template:auto/minmax(220px,1fr);row-gap:15px}.setting-page .attention-settings{display:flex;align-items:start;gap:15px;margin-top:12px}.setting-page .attention-settings svg{min-width:fit-content;margin-top:3px}.setting-page .attention-settings p{color:var(--c-text-second);line-height:1.7}.setting-page .switch-with-info{display:flex;align-items:center}.setting-page .switch-with-info>p{margin-right:5px}.setting-page .box-2{border:0;padding:12px 20px;margin-top:20px}.setting-page .box-2 .divider{margin:12px 0}.setting-page .box-2 .checkboxes{display:flex;gap:14px}.setting-page .box-2 .cc-checkbox-label{color:var(--c-text-three)}.setting-page .style-line-with-title{display:flex;align-items:center;white-space:nowrap;font-size:12px;color:var(--c-text-second)}.setting-page .style-line-with-title:before{content:"";background-color:var(--c-border-primary);height:1px;width:100%;margin-right:20px}.setting-page .style-line-with-title:after{content:"";background-color:var(--c-border-primary);height:1px;width:100%;margin-left:20px}@media (max-width: 992px){.setting-page .billing-info{grid-column:span 1}.setting-page .billing-info .container{grid-template:auto/auto}.setting-page .billing-info .container>div:first-child{grid-template:auto/repeat(2,minmax(220px,1fr))}.setting-page .billing-info .container>div:first-child .style-line-with-title{grid-column:span 2}}@media (max-width: 600px){.setting-page .main-container{grid-template:1fr/1fr}.setting-page .billing-info{grid-column:span 1}.setting-page .billing-info .container>div:first-child{grid-template:auto/minmax(220px,1fr)}.setting-page .billing-info .container>div:first-child .style-line-with-title{grid-column:span 1}.setting-page .main-buttons{gap:20px}.setting-page .main-buttons button:first-child{font-weight:600;font-size:13px}.setting-page .main-buttons button:last-child{font-weight:600;font-size:13px}}.user-name{display:flex;align-items:center;gap:17px;cursor:pointer}.user-name div:first-child{display:flex;align-items:center}.user-name p,.user-name input::placeholder{line-height:1.1}.user-name input{margin-top:5px}.gender-setting{display:flex;align-items:center;gap:17px;cursor:pointer}.gender-setting div:first-child,.gender-setting p,.gender-setting input::placeholder{line-height:1.1}.gender-setting input{margin-top:5px}.country-setting{display:flex;align-items:center;gap:17px}.country-setting div:first-child{display:flex;align-items:center}.country-setting p{line-height:1.2}.country-setting .drop-container{width:100%}.country-setting .dropdown{margin-top:1px;font-size:12px;width:100%}.country-setting .dropdown__options{width:110%;top:23px}.country-setting .dropdown__selected div{gap:5px}.country-setting .dropdown__icon-arrow{margin-top:-15px}.city-setting{display:flex;align-items:center;gap:17px}.city-setting div:first-child{display:flex;align-items:center}.city-setting p{line-height:1.2}.city-setting .drop-container{width:100%}.city-setting .dropdown{margin-top:1px;font-size:12px;width:100%}.city-setting .dropdown__options{width:110%;top:23px}.city-setting .dropdown__icon-arrow{margin-top:-15px}.social-media{display:flex;align-items:center;justify-content:space-between;gap:17px;width:100%;cursor:pointer}.social-media div:first-child,.social-media div:last-child{display:flex;align-items:center}.social-media div:nth-child(2){margin-right:auto}.social-media p,.social-media input::placeholder{line-height:1.1}.social-media p{display:flex;align-items:center;gap:5px}.social-media p svg{margin-bottom:2px}.social-media input{margin-top:5px;width:100%}.telephone-setting{display:flex;align-items:center;gap:17px;cursor:pointer}.telephone-setting div:first-child,.telephone-setting div:last-child{display:flex;align-items:center}.telephone-setting div:last-child{margin-left:auto}.telephone-setting p,.telephone-setting input::placeholder{line-height:1.1}.telephone-setting p span{color:#fe5461;margin-left:5px}.telephone-setting .input-wrapper{margin-top:5px}.telephone-setting .input-wrapper input{width:90px}.telephone-setting .input-wrapper span{color:var(--c-green-light);text-decoration:underline}.pass-input{display:flex;align-items:center;justify-content:space-between;gap:17px;width:100%;cursor:pointer}.pass-input div:first-child,.pass-input div:last-child{display:flex;align-items:center}.pass-input div:nth-child(2){margin-right:auto}.pass-input p,.pass-input input::placeholder{line-height:1.1}.pass-input p{display:flex;align-items:center;gap:5px}.pass-input p svg{margin-bottom:2px}.pass-input input{margin-top:5px;width:100%}.pass-input input[type=password]{font-size:20px;line-height:unset;margin:-3px 0 -5px}.pass-input input[type=password]::placeholder{font-size:12px}
