.user-connections{display:flex;flex-direction:column;gap:var(--spacings-xs)}@media(min-width:1024px)and (max-width:1139px){.user-connections{display:grid;grid-template-columns:repeat(2,1fr)}}.user-connections__item{background:var(--backgrounds-b);position:relative;width:100%}@media(max-width:1139px){.user-connections__item{align-items:flex-start;border-radius:var(--roundings-m);display:flex;flex-direction:column;padding-block:var(--spacings-m)}}@media(min-width:1140px){.user-connections__item{border-radius:var(--roundings-circle);display:grid;gap:16px;grid-template-columns:1fr 236px 251px;min-height:68px;padding:12px}}.user-connections__item-image{align-items:center;border-radius:var(--roundings-circle);display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.user-connections__item-image--opera{background-color:#ff1b2d}.user-connections__item-image--chrome{background-color:#2ab953}.user-connections__item-image--safari{background-color:#00bdff}.user-connections__item-image--edge{background-color:#00a1ff}.user-connections__item-image--firefox{background-color:#ff8b00}.user-connections__item-image--yandex{background-color:red}.user-connections__item-image--browser-other{background-color:#ff4c00}.user-connections__item-ic{height:20px;width:auto}.user-connections__item-block{align-items:center;display:flex}@media(max-width:1139px){.user-connections__item-block{gap:12px;justify-content:space-between;padding:var(--spacings-l);width:100%}}@media(min-width:1140px){.user-connections__item-block{gap:16px}}@media(max-width:1139px){.user-connections__item-block:first-child{padding-block:0 var(--spacings-l)}.user-connections__item-block:last-of-type{padding-block:var(--spacings-l) 0}.user-connections__item-block:not(:first-child){position:relative}.user-connections__item-block:not(:first-child):before{background-color:var(--border-a);content:"";height:1px;left:0;position:absolute;top:0;width:100%}}.user-connections__item-info{display:flex;flex-direction:column;flex-grow:1;gap:4px;width:100%}.user-connections__item-main{align-items:center;display:flex;gap:4px}.user-connections__item-secondary{align-items:center;display:flex;flex-wrap:wrap}.user-connections__item-txt{word-break:break-all}.user-connections__item-main .user-connections__item-txt{color:var(--text-text);font-size:16px;font-weight:500;line-height:24px}.user-connections__item-secondary .user-connections__item-txt{color:var(--text-description-b);font-size:12px;font-weight:500;line-height:16px}.user-connections__item-secondary .user-connections__item-txt:not(:last-child){border-right:1px solid var(--border-a);margin-right:4px;padding-right:4px}@media(min-width:640px)and (max-width:1139px){.user-connections__item-secondary .user-connections__item-txt:last-child{flex-grow:1}}.user-connections__item-connected,.user-connections__item-status,.user-connections__item-traffic{flex-shrink:0}@media(min-width:1140px){.user-connections__item-connected,.user-connections__item-status,.user-connections__item-traffic{flex-grow:1;min-width:110px}}.user-connections__item-connected{color:var(--text-text);text-align:center}.user-connections__item-connected,.user-connections__item-status{font-size:var(--buttons-font-m-font-size);font-weight:var(--buttons-font-m-weight);letter-spacing:normal;line-height:var(--buttons-font-m-line-height);text-transform:uppercase}.user-connections__item-status{align-items:center;display:flex;gap:4px}@media(min-width:1140px){.user-connections__item-status{justify-content:center}}.user-connections__item-status:before{border-radius:var(--roundings-circle);content:"";height:8px;margin:4px;width:8px}.user-connections__item-status--online{color:var(--colors-system-success)}.user-connections__item-status--online:before{background-color:var(--colors-system-success)}.user-connections__item-status--offline{color:var(--colors-system-error)}.user-connections__item-status--offline:before{background-color:var(--colors-system-error)}.user-connections__item-traffic{color:var(--text-description-b);font-size:var(--buttons-font-m-font-size);font-weight:var(--buttons-font-m-weight);letter-spacing:normal;line-height:var(--buttons-font-m-line-height);text-transform:uppercase}@media(min-width:1140px){.user-connections__item-traffic{text-align:center}}.vpn__trafic-status{background:var(--backgrounds-d-70);border-radius:var(--roundings-xs);display:flex;flex-direction:column}@media(max-width:639px){.vpn__trafic-status{gap:12px;padding:12px}}@media(min-width:640px){.vpn__trafic-status{gap:var(--spacings-s);padding:20px}}.vpn__trafic-status-caption{align-items:center;display:flex;gap:16px;justify-content:space-between}.vpn__trafic-status-label{color:var(--text-text);flex-grow:1;text-transform:uppercase}@media(max-width:639px){.vpn__trafic-status-label{font-size:14px;font-weight:700;line-height:16px}}@media(min-width:640px){.vpn__trafic-status-label{font-size:16px;font-weight:700;line-height:20px}}.vpn__trafic-status-icon{color:var(--icons-a);height:28px;width:28px}.vpn__trafic-status-progress{background:var(--backgrounds-g);border-radius:var(--roundings-xs);height:20px;position:relative}.vpn__trafic-status-progress-line{background:var(--gradient-tokens-backgrounds-h);border:1px solid var(--border-d);border-radius:inherit;color:var(--text-text);font-size:10px;font-weight:700;height:100%;left:0;line-height:12px;position:absolute;text-align:center;top:0;width:100%}.vpn__trafic-status-progress-line:before{content:"100%";left:50%;position:absolute;top:50%;transform:translate3d(-50%,-50%,0)}.vpn__block--step1{overflow-x:clip}@media(max-width:639px){.vpn__block--step1{display:flex;flex-direction:column;gap:calc(17px + var(--spacings-xs))}}@media(min-width:640px){.vpn__block--step1{display:grid;gap:var(--spacings-xs)}}@media(min-width:640px)and (max-width:1627px){.vpn__block--step1{grid-template-columns:minmax(132px,1fr) 200px}}@media(min-width:1628px){.vpn__block--step1{grid-template-columns:1fr 300px}}.vpn__block--step2{display:flex;flex-direction:column}.vpn__block-step{color:var(--text-text-accent);font-size:16px;font-weight:700;line-height:20px;margin-bottom:8px;text-transform:uppercase}@media(max-width:639px){.vpn__block-step{text-align:center}}.vpn__block-text{position:relative;z-index:1}.vpn__block-image{position:relative;width:100%;z-index:0}@media(max-width:639px){.vpn__block-image{height:200px}}@media(max-width:1023px){.vpn__block-image{height:260px}}.vpn__block-image-img{left:50%;-webkit-mask-image:var(--image-mask-gradient);mask-image:var(--image-mask-gradient);-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;position:relative;position:absolute;top:50%;transform:translate3d(-50%,-50%,0);z-index:1}@media(max-width:639px){.vpn__block-image-img{height:200px;min-width:250px}}@media(min-width:640px){.vpn__block-image-img{height:254px;min-width:318px}}@media(min-width:1628px){.vpn__block-image-img{height:306px;min-width:378px}}.vpn__section--not-authorized .vpn__block-body{gap:16px;width:100%}@media(max-width:639px){.vpn__section--not-authorized .vpn__block-body{display:flex;flex-direction:column}}@media(min-width:640px){.vpn__section--not-authorized .vpn__block-body{display:grid;grid-template-columns:max-content max-content 1fr}}@media(max-width:639px){.vpn__block-form{margin-inline:auto;width:min(100%,400px)}}@media(min-width:640px){.vpn__block-form{order:1}}@media(max-width:639px){.vpn__block-form-input{margin-bottom:8px}}@media(min-width:640px){.vpn__block-form-input{margin-bottom:12px}}.vpn__block-separator{color:var(--text-description-a);font-size:12px;font-weight:700;line-height:20px;text-align:center;text-transform:uppercase}.vpn__block-qr-part,.vpn__block-separator{align-items:center;display:flex;justify-content:center}.vpn__block-qr-part{flex-direction:column}@media(min-width:640px){.vpn__block-qr-part{order:-1}}.vpn__block-qr{background-color:var(--backgrounds-g);border-radius:var(--roundings-s);height:140px;padding:8px;width:140px}.vpn__block-qr-img{border:8px solid var(--text-text);border-radius:var(--roundings-2xs);height:100%;width:100%}.vpn__block-qr-img canvas{max-height:100%;max-width:100%}.vpn{display:flex;flex-direction:column;padding:var(--spacings-l) var(--spacings-page-paddings)}@media(min-width:1920px){.vpn{padding-inline:0}}.vpn__header{border-radius:var(--roundings-m) var(--roundings-m) 0 0;overflow:hidden;position:relative}@media(max-width:1139px){.vpn__header{align-items:center;display:flex;flex-direction:column;gap:var(--spacings-xl);justify-content:center;margin-inline:calc(var(--spacings-page-paddings)*-1);padding:var(--spacings-xl) var(--spacings-xl) calc(var(--spacings-xl) + 70px)}}@media(min-width:1140px){.vpn__header{align-items:center;display:grid;grid-template-columns:repeat(2,1fr);margin-inline:calc(var(--spacings-page-paddings)*-1 + var(--spacings-l));padding:var(--spacings-xl) var(--spacings-3xl) calc(var(--spacings-xl) + 60px)}}.vpn__header:after{background-image:url(../img/common/banner-gradient-bg-pink.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;content:"";height:100%;left:0;-webkit-mask-image:var(--image-mask-gradient);mask-image:var(--image-mask-gradient);pointer-events:none;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}@supports (background-image:url(../img/common/banner-gradient-bg-pink.webp)){.vpn__header:after{background-image:url(../img/common/banner-gradient-bg-pink.webp)}}.vpn__header-image{flex-shrink:0;position:relative;z-index:1}@media(max-width:1139px){.vpn__header-image{height:183px;width:180px}}@media(min-width:1140px){.vpn__header-image{flex-grow:1;height:220px}}.vpn__header-image-img{-webkit-mask-image:var(--image-mask-gradient);mask-image:var(--image-mask-gradient);-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}@media(min-width:1140px){.vpn__header-image-img{height:306px;left:50%;position:absolute;top:50%;transform:translate3d(-50%,-50%,0);width:299px}}.vpn__header-text{display:flex;flex-direction:column;position:relative;z-index:1}@media(min-width:1140px){.vpn__header-text{justify-content:center;min-height:260px;order:-1;padding-block:var(--spacings-xl)}}.vpn__header-title{color:var(--text-text);font-size:var(--headings-h2-font-size);font-weight:var(--headings-h2-weight);line-height:var(--headings-h2-line-height);text-transform:uppercase}@media(max-width:1139px){.vpn__header-title{text-align:center}}.vpn__header-desc{color:var(--text-description-a);font-size:16px;font-weight:500;line-height:24px}@media(max-width:1139px){.vpn__header-desc{text-align:center}}@media(max-width:639px){.vpn__header-desc{margin-top:var(--spacings-2xs)}}@media(min-width:640px){.vpn__header-desc{margin-top:var(--spacings-s)}}.vpn__header-btn-wr{display:block}@media(max-width:1139px){.vpn__header-btn-wr{margin-top:var(--spacings-xl)}}@media(min-width:640px)and (max-width:1139px){.vpn__header-btn-wr{margin-inline:auto;width:min(100%,572px)}}@media(min-width:1140px){.vpn__header-btn-wr{margin-top:var(--spacings-2xl);width:-moz-fit-content;width:fit-content}}.vpn__info{min-height:100px;position:relative}.vpn__loader{position:static!important}.vpn__section{display:flex;width:100%}@media(max-width:639px){.vpn__section{margin-top:-56px}}@media(min-width:640px){.vpn__section{margin-top:-60px}}@media(max-width:1139px){.vpn__section.vpn__section--not-authorized{gap:var(--spacings-m)}}@media(max-width:1023px){.vpn__section.vpn__section--not-authorized{flex-direction:column}}@media(min-width:1024px)and (max-width:1139px){.vpn__section.vpn__section--not-authorized{flex-wrap:wrap}}@media(min-width:1140px){.vpn__section.vpn__section--not-authorized{gap:var(--spacings-xs)}}.vpn__section.vpn__section--authorized{flex-direction:column}.vpn__section--not-authorized .vpn__block{background:var(--backgrounds-b);border-radius:var(--roundings-s)}@media(max-width:1023px){.vpn__section--not-authorized .vpn__block{width:100%}}@media(min-width:1024px)and (max-width:1139px){.vpn__section--not-authorized .vpn__block{flex:1 1 300px}}@media(min-width:1140px){.vpn__section--not-authorized .vpn__block{width:calc(50% - var(--spacings-xs)/2)}}.vpn__section--authorized .vpn__block{width:100%}.vpn__section--authorized .vpn__block:not(:first-child){margin-top:var(--spacings-2xl)}.vpn__section--authorized .vpn__block:not(.vpn__block--connections){background:var(--backgrounds-b);border-radius:var(--roundings-m)}.vpn__block:not(.vpn__block--connections){padding:var(--spacings-xl)}.vpn__block-title{text-transform:uppercase}.vpn__block-title:not(.vpn__block--connections .vpn__block-title){color:var(--text-text);font-size:var(--headings-h3-font-size);font-weight:var(--headings-h3-weight);line-height:var(--headings-h3-line-height)}.vpn__section--not-authorized .vpn__block-title{margin-bottom:8px}@media(max-width:639px){.vpn__section--not-authorized .vpn__block-title{text-align:center}}.vpn__block--step2 .vpn__block-title{margin-bottom:var(--spacings-xl)}.vpn__block--traffic .vpn__block-title{margin-bottom:var(--spacings-l)}@media(max-width:1139px){.vpn__block--traffic .vpn__block-title{text-align:center}}.vpn__block--connections .vpn__block-title{color:var(--text-description-b);font-size:var(--description-font-xs-font-size);font-weight:var(--description-font-xs-weight);line-height:var(--description-font-xs-line-height);padding:var(--spacings-xs) 12px;text-transform:uppercase}.vpn__block-subtitle{color:var(--text-text);font-size:12px;font-weight:700;line-height:20px;text-transform:uppercase}@media(max-width:639px){.vpn__block-subtitle{margin-bottom:8px}}@media(min-width:640px){.vpn__block-subtitle{margin-bottom:12px}}@media(max-width:639px){.vpn__section--not-authorized .vpn__block-subtitle{text-align:center}}.vpn__block-desc{color:var(--text-description-a);font-size:14px;font-weight:500;line-height:24px;margin-bottom:var(--spacings-xl)}@media(max-width:639px){.vpn__section--not-authorized .vpn__block-desc{text-align:center}}.vpn__block-action{display:flex;flex-direction:column}@media(max-width:639px){.vpn__block--step1 .vpn__block-action{align-items:center}}.vpn__block-action a,.vpn__block-btn{width:-moz-fit-content;width:fit-content}