.side-nav{position:relative;z-index:1;height:100%;min-height:480px;width:168px;flex-shrink:0;padding:8px;border-radius:16px;background-color:var(--fill-primary, #ffffff);box-sizing:border-box;overflow:visible}.side-nav__panel{position:absolute;inset:8px auto 8px 8px;width:calc(100% - 16px);background-color:var(--fill-secondary, #f4f5f7);padding:var(--spacing-8);border-radius:16px;display:flex;flex-direction:column;box-sizing:border-box;transition:width .18s ease,box-shadow .18s ease;overflow:hidden}.side-nav--collapsed{width:72px}.side-nav--collapsed .side-nav__panel{width:56px;left:50%;transform:translate(-50%);box-shadow:none}.side-nav--collapsed:hover .side-nav__panel,.side-nav--collapsed:focus-within .side-nav__panel{left:8px;transform:none;width:152px;box-shadow:0 10px 24px #0f172a1f}.side-nav__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-12, 12px);flex:1}.side-nav__item{margin:0}.side-nav__link{display:flex;align-items:center;gap:var(--spacing-12, 12px);width:100%;min-width:0;height:40px;padding:0 12px 0 8px;border:none;border-radius:12px;background:transparent;cursor:pointer;text-decoration:none;color:var(--text-secondary);font-family:var(--typo-caption-family);font-weight:var(--typo-caption-weight);font-size:var(--typo-caption-size);line-height:var(--typo-caption-line-height);letter-spacing:var(--typo-caption-letter-spacing);transition:background-color .15s ease,color .15s ease,width .18s ease,padding .18s ease;box-sizing:border-box}.side-nav__link:hover{background-color:var(--fill-hover, rgba(15, 23, 42, .06))}.side-nav__link--active{background-color:var(--surface-primary, #ffffff);color:var(--text-primary, #111827)}.side-nav__link--active:hover{background-color:var(--surface-primary, #ffffff)}.side-nav--collapsed .side-nav__item{display:flex;justify-content:center}.side-nav--collapsed .side-nav__link{width:40px;justify-content:center;padding:0;gap:0}.side-nav--collapsed:hover .side-nav__item,.side-nav--collapsed:focus-within .side-nav__item{justify-content:stretch}.side-nav--collapsed:hover .side-nav__link,.side-nav--collapsed:focus-within .side-nav__link{width:100%;justify-content:flex-start;padding:0 12px 0 8px;gap:var(--spacing-12, 12px)}.side-nav__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px}.side-nav__label{min-width:0;max-width:88px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:1;transition:max-width .18s ease,opacity .12s ease}.side-nav--collapsed .side-nav__label{max-width:0;opacity:0}.side-nav--collapsed:hover .side-nav__label,.side-nav--collapsed:focus-within .side-nav__label{max-width:88px;opacity:1}.side-nav__version{margin-top:auto;padding:var(--spacing-16) 8px 4px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;font-size:10px;line-height:14px;letter-spacing:0;color:var(--text-secondary);text-align:left}.side-nav.side-nav--desktop-rail{position:relative;z-index:1;height:100%;min-height:0;width:48px;flex-shrink:0;padding:0;background:transparent;border-radius:0;overflow:visible}.side-nav.side-nav--desktop-rail.side-nav--collapsed{width:48px}.side-nav.side-nav--desktop-rail .side-nav__panel{position:absolute;width:48px;height:100%;inset:auto;transform:none;padding:8px;border-radius:16px;background-color:var(--fill-secondary, #f5f5f6);box-sizing:border-box;box-shadow:none;overflow:hidden;transition:width .18s ease}.side-nav.side-nav--desktop-rail.side-nav--collapsed:hover .side-nav__panel,.side-nav.side-nav--desktop-rail.side-nav--collapsed:focus-within .side-nav__panel{left:0;transform:none;width:152px;box-shadow:none}.side-nav.side-nav--desktop-rail .side-nav__list{gap:16px;flex:1;min-height:0}.side-nav.side-nav--desktop-rail.side-nav--collapsed .side-nav__item{display:flex;justify-content:stretch}.side-nav.side-nav--desktop-rail.side-nav--collapsed .side-nav__link{width:100%;height:32px;padding:0;gap:12px;border-radius:8px;justify-content:flex-start;color:var(--text-secondary)}.side-nav.side-nav--desktop-rail.side-nav--collapsed .side-nav__icon{width:32px;height:32px;flex-shrink:0;color:var(--icons-secondary)}.side-nav.side-nav--desktop-rail.side-nav--collapsed .side-nav__link svg{width:32px;height:32px;display:block;color:inherit}.side-nav.side-nav--desktop-rail.side-nav--collapsed .side-nav__link--active{background-color:var(--fill-primary, #ffffff);color:var(--text-primary);width:32px}.side-nav.side-nav--desktop-rail.side-nav--collapsed:hover .side-nav__link--active,.side-nav.side-nav--desktop-rail.side-nav--collapsed:focus-within .side-nav__link--active{width:100%}.side-nav.side-nav--desktop-rail.side-nav--collapsed .side-nav__link--active .side-nav__icon{color:var(--icons-primary)}.side-nav.side-nav--desktop-rail.side-nav--collapsed .side-nav__link--active:hover{background-color:var(--fill-primary, #ffffff)}.side-nav.side-nav--desktop-rail.side-nav--collapsed .side-nav__label{max-width:0;opacity:0;transition:max-width .18s ease,opacity .18s ease}.side-nav.side-nav--desktop-rail.side-nav--collapsed:hover .side-nav__label,.side-nav.side-nav--desktop-rail.side-nav--collapsed:focus-within .side-nav__label{max-width:88px;opacity:1}.side-nav.side-nav--desktop-rail .side-nav__version{margin-top:auto;padding:16px 0 4px;width:32px;align-self:flex-start;flex-shrink:0;text-align:center;font-size:10px;line-height:14px}.side-nav.side-nav--desktop-rail.side-nav--collapsed:hover .side-nav__version,.side-nav.side-nav--desktop-rail.side-nav--collapsed:focus-within .side-nav__version{width:32px;align-self:flex-start;text-align:center}.btn-default{display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;border:none;font-family:var(--typo-headline-family);font-weight:var(--typo-headline-weight);font-size:var(--typo-headline-size);line-height:var(--typo-headline-line-height);letter-spacing:var(--typo-headline-letter-spacing);cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.btn-default--full{width:100%}.btn-default__icon{width:20px;height:20px;flex-shrink:0}.btn-default--primary,.btn-default--secondary{height:48px;border-radius:8px;padding:11px 16px}.btn-default--primary.btn-default--icon-left{padding-left:8px;padding-right:16px}.btn-default--primary.btn-default--icon-right{padding-left:16px;padding-right:8px}.btn-default--primary.btn-default--icon-left.btn-default--icon-right{padding:8px}.btn-default--secondary.btn-default--icon-left{padding-left:8px;padding-right:16px}.btn-default--secondary.btn-default--icon-right{padding-left:16px;padding-right:8px}.btn-default--tertiary{height:30px;border-radius:4px;padding:4px 8px;font-size:14px}.btn-default--loading{height:48px;padding:14px 16px;cursor:not-allowed}.btn-default--primary{background-color:var(--fill-positive-primary);color:var(--text-action)}.btn-default--primary:hover:not(:disabled),.btn-default--primary[data-state=hover]{background-color:var(--fill-positive-primary-hover)}.btn-default--primary:active:not(:disabled),.btn-default--primary[data-state=active]{background-color:var(--fill-positive-primary-hover)}.btn-default--primary:disabled{background-color:var(--fill-disabled);color:var(--text-disabled);cursor:not-allowed}.btn-default--secondary{background-color:transparent;color:var(--text-primary);border:1px solid var(--border-positive-primary)}.btn-default--secondary:hover:not(:disabled),.btn-default--secondary[data-state=hover]{background-color:var(--fill-hover);border-color:var(--border-positive-primary)}.btn-default--secondary:active:not(:disabled),.btn-default--secondary[data-state=active]{background-color:var(--fill-hover)}.btn-default--secondary:disabled{background-color:var(--fill-disabled);color:var(--text-disabled);border-color:transparent;cursor:not-allowed}.btn-default--tertiary{background-color:transparent;color:var(--text-primary)}.btn-default--tertiary:hover:not(:disabled),.btn-default--tertiary[data-state=hover]{background-color:var(--fill-hover)}.btn-default--tertiary:disabled{background-color:transparent;color:var(--text-disabled);cursor:not-allowed}.btn-default--inverted.btn-default--primary{background-color:var(--fill-invert-positive-primary);color:var(--text-invert-action);border:1px solid var(--border-positive-secondary)}.btn-default--inverted.btn-default--primary:hover:not(:disabled),.btn-default--inverted.btn-default--primary[data-state=hover]{background-color:var(--fill-invert-positive-primary-hover)}.btn-default--inverted.btn-default--primary:disabled{background-color:var(--fill-invert-disabled);color:var(--text-invert-disabled);border-color:transparent;cursor:not-allowed}.btn-default--inverted.btn-default--secondary{background-color:transparent;color:var(--text-positive-primary);border:1px solid var(--border-positive-secondary)}.btn-default--inverted.btn-default--secondary:hover:not(:disabled),.btn-default--inverted.btn-default--secondary[data-state=hover]{background-color:var(--fill-invert-hover);border-color:var(--border-positive-secondary);color:var(--text-positive-primary)}.btn-default--inverted.btn-default--secondary:disabled{background-color:var(--fill-invert-disabled);color:var(--text-invert-disabled);border-color:transparent;cursor:not-allowed}.btn-default--inverted.btn-default--tertiary{background-color:transparent;color:var(--text-positive-primary);border:none}.btn-default--inverted.btn-default--tertiary:hover:not(:disabled),.btn-default--inverted.btn-default--tertiary[data-state=hover]{background-color:var(--fill-invert-hover);color:var(--text-positive-primary);border:1px solid var(--border-positive-secondary)}.btn-default--inverted.btn-default--tertiary:disabled{background-color:transparent;color:var(--text-invert-disabled);border:none;cursor:not-allowed}.btn-default--on-color.btn-default--primary{background-color:var(--fill-invert-primary);color:var(--text-invert-primary)}.btn-default--on-color.btn-default--secondary{background-color:transparent;color:var(--text-primary);border:1px solid var(--border-positive-primary)}.btn-default--on-color.btn-default--secondary:hover:not(:disabled),.btn-default--on-color.btn-default--secondary[data-state=hover]{background-color:var(--fill-hover);border-color:var(--border-positive-primary);color:var(--text-primary)}.btn-default--on-color.btn-default--tertiary{background-color:transparent;color:var(--text-primary)}.btn-default--on-color.btn-default--tertiary:disabled{opacity:.5;background-color:transparent;cursor:not-allowed}.btn-default--destructive.btn-default--primary{background-color:var(--fill-destructive-primary);color:var(--text-action)}.btn-default--destructive.btn-default--primary:hover:not(:disabled),.btn-default--destructive.btn-default--primary[data-state=hover]{background-color:var(--fill-destructive-primary-hover);color:var(--text-action)}.btn-default--destructive.btn-default--primary:disabled{background-color:var(--fill-disabled);color:var(--text-disabled);cursor:not-allowed}.btn-default__spinner{width:20px;height:20px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:btn-default-spin .6s linear infinite}@keyframes btn-default-spin{to{transform:rotate(360deg)}}.locations-list{width:100%;min-height:560px;height:100%;display:flex;flex-direction:column;background:var(--fill-primary);overflow:hidden;box-sizing:border-box;padding:8px 16px;gap:16px}.locations-list__top{flex-shrink:0;display:flex;flex-direction:column;gap:8px}.locations-list__search-row{display:flex;align-items:center;gap:8px;min-height:42px}.locations-list__search-row .sf{flex:1;width:auto;min-width:0}.locations-list__search-row .sf--default{width:auto}.locations-list__action-btn{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;color:var(--icons-secondary);padding:0;border-radius:4px;transition:background .15s}.locations-list__action-btn svg{width:32px;height:32px;display:block}.locations-list__action-btn:hover{background:var(--fill-hover)}.locations-list__action-btn--hidden{display:none}.locations-list .tab{gap:8px;min-height:30px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.locations-list .tab::-webkit-scrollbar{display:none}.locations-list .tab__item{flex-shrink:0;height:30px;padding:4px 8px;border-radius:8px;background:var(--fill-primary);font-family:var(--typo-subhead-family);font-size:14px;font-weight:400;line-height:22px;letter-spacing:0;color:var(--text-secondary)}.locations-list .tab__item--active{background:var(--fill-secondary);color:var(--text-primary)}.locations-list .tab__item--active:hover{background:var(--fill-secondary)}.locations-list .tab__item:hover:not(:disabled):not(.tab__item--active){background:var(--fill-primary)}.locations-list__scroll{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.locations-list__section{display:flex;flex-direction:column;gap:8px}.locations-list__section-title{font-family:var(--typo-headline-family);font-weight:700;font-size:20px;line-height:28px;letter-spacing:0;color:var(--text-primary)}.locations-list__section-header{display:flex;align-items:center;justify-content:space-between}.locations-list__clear-btn{border:none;background:none;cursor:pointer;font-family:var(--typo-subhead-family);font-weight:var(--typo-subhead-weight);font-size:var(--typo-subhead-size);line-height:var(--typo-subhead-line-height);color:var(--text-primary);text-decoration:underline;padding:0}.locations-list__reco{display:flex;border:none;border-radius:8px;overflow:hidden;background:var(--fill-secondary)}.locations-list__reco-card{flex:1;min-height:114px;display:flex;flex-direction:column;gap:8px;padding:16px;cursor:pointer;border-radius:0;border:none;background:transparent;box-sizing:border-box;transition:background .15s ease}.locations-list__reco-card:hover{background:var(--fill-hover-on-secondary)}.locations-list__reco-divider{width:1px;background:var(--border-default);align-self:stretch;flex-shrink:0}.locations-list__reco-icon{width:48px;height:32px;flex-shrink:0;border-radius:0;display:flex;align-items:center;justify-content:center;background:transparent;color:inherit}.locations-list__reco-icon svg{width:48px;height:32px;display:block}.locations-list__reco-name{font-family:var(--typo-subhead-family);font-weight:400;font-size:15px;line-height:22px;color:var(--text-primary)}.locations-list__reco-sub{font-family:var(--typo-caption-family);font-weight:400;font-size:12px;line-height:20px;color:var(--text-secondary)}.locations-list__recent{display:flex;gap:8px;overflow-x:auto}.locations-list__recent-card{flex-shrink:0;display:flex;flex-direction:column;gap:4px;cursor:pointer;width:100px}.locations-list__recent-flag{width:28px;height:20px;border-radius:2px;overflow:hidden;display:flex;align-items:center;justify-content:center}.locations-list__recent-name{font-family:var(--typo-subhead-family);font-weight:var(--typo-subhead-emphasized-weight, 600);font-size:var(--typo-subhead-size);line-height:var(--typo-subhead-line-height);color:var(--text-primary)}.locations-list__recent-city{font-family:var(--typo-caption-family);font-weight:var(--typo-caption-weight);font-size:var(--typo-caption-size);line-height:var(--typo-caption-line-height);color:var(--text-secondary);white-space:pre-line}.locations-list__items{display:flex;flex-direction:column}.locations-list__items .locations-item{height:58px;border-radius:8px}.locations-list__items .locations-item__country-frame{gap:16px;padding-left:8px;border-radius:8px}.locations-list__items .locations-item__flag{width:24px;height:16px}.locations-list__items .locations-item__flag svg{width:24px;height:16px;display:block}.locations-list__items .locations-item__content{padding:8px 8px 8px 0}.locations-list__items .locations-item__label{font-family:var(--typo-subhead-family);font-size:15px;font-weight:400;line-height:22px}.locations-list__items .locations-item__city{font-family:var(--typo-caption-family);font-size:12px;font-weight:400;line-height:20px}.locations-list__items .locations-item__icons{gap:4px}.locations-list__items .locations-item__fav,.locations-list__items .locations-item__chevron{width:32px;height:32px;border-radius:4px}.locations-list__items .locations-item__fav svg,.locations-list__items .locations-item__chevron svg{width:32px;height:32px;display:block}.locations-list__items .locations-item--city .locations-item__icons{display:none}.locations-list__group{display:flex;flex-direction:column;gap:8px}.locations-list__group--expanded{gap:8px}.locations-list__item-divider{padding-left:48px;padding-right:8px;box-sizing:border-box}.locations-list__item-divider--full{padding-left:0;padding-right:0}.locations-list__item-divider .divider{width:100%}.vpn-desktop{position:relative;height:100%;width:100%;background:var(--fill-secondary, #f5f5f6);border-radius:5px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--border-subtle, rgba(15, 23, 42, .04));display:flex;flex-direction:column;box-sizing:border-box;font-family:var(--typo-body-family, Inter, system-ui, sans-serif)}.vpn-desktop__site-bar{flex-shrink:0;background:var(--fill-secondary)}.vpn-desktop__site-bar{position:relative}.vpn-desktop__logo{position:absolute;top:14px;left:16px}.vpn-desktop__site-bar .web-protection__site{justify-content:flex-start;gap:16px;padding:8px 8px 0 64px}.vpn-desktop__site-bar .web-protection__link{margin-left:8px}.site-capsule{display:flex;flex:1;min-width:0;align-items:center;height:44px;padding:0;font-family:var(--typo-caption-family);font-size:var(--typo-caption-size);line-height:var(--typo-caption-line-height);color:var(--text-primary);white-space:nowrap}.site-capsule__site,.site-capsule__item{flex:0 0 auto;min-width:0;display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 16px}.site-capsule__site{position:relative;height:44px;max-width:220px;padding:0 14px 0 10px;margin-right:10px;border-radius:12px;background:var(--fill-primary);font-weight:600}.site-capsule__site:after{content:"";position:absolute;top:50%;right:-7px;width:0;height:0;transform:translateY(-50%);border-style:solid;border-width:7px 0 7px 8px;border-color:transparent transparent transparent var(--fill-primary);pointer-events:none}.site-capsule__site-text{display:flex;flex-direction:column;min-width:0;overflow:hidden;text-overflow:ellipsis;line-height:18px}.site-capsule__label{color:var(--text-secondary);font-size:11px;font-weight:400;line-height:14px}.site-capsule__item{padding-left:19px;color:var(--text-secondary)}.site-capsule__favicon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:16px;height:16px;border-radius:4px;background:#c00;color:#fff;font-size:10px;font-weight:700}.site-capsule__dot{width:8px;height:8px;border-radius:50%;background:var(--icons-destructive);box-shadow:0 0 0 3px var(--fill-destructive-tertiary);margin-right:3px}.site-capsule__dot--on{background:var(--green-500);box-shadow:0 0 0 3px var(--fill-positive-success)}.site-capsule__action{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 10px;border:none;border-radius:999px;background:var(--fill-primary);font:inherit;font-weight:600;color:var(--text-primary);cursor:pointer;transition:background .15s ease}.site-capsule__item .site-capsule__action{margin-left:4px}.site-capsule__action svg{margin-left:-4px}.site-capsule__action:hover{background:var(--fill-hover)}.vpn-desktop__main{flex:1;min-height:0;padding:8px;display:flex;align-items:stretch;gap:8px;background:var(--fill-secondary, #f5f5f6);box-sizing:border-box}.vpn-desktop__sidebar{position:relative;z-index:2;overflow:visible;width:48px;flex-shrink:0;min-height:0;max-height:100%;display:flex;flex-direction:column;gap:8px;align-self:stretch}.vpn-desktop__sidebar .side-nav{position:relative;height:100%;min-height:0;width:48px;padding:0;background:transparent;border-radius:0}.vpn-desktop__sidebar .side-nav.side-nav--collapsed{width:48px;padding:0;background:transparent}.vpn-desktop__sidebar .side-nav.side-nav--collapsed .side-nav__panel{position:absolute;inset:0 auto 0 0;width:48px;height:100%;padding:8px;border-radius:16px;background-color:transparent;box-sizing:border-box;box-shadow:none;transform:none;overflow:hidden}.vpn-desktop__sidebar .side-nav.side-nav--collapsed .side-nav__list{gap:16px;flex:1;min-height:0}.vpn-desktop__sidebar .side-nav.side-nav--collapsed .side-nav__item{display:flex;justify-content:stretch}.vpn-desktop__sidebar .side-nav.side-nav--collapsed .side-nav__link{width:100%;height:32px;padding:0;gap:12px;border-radius:8px;justify-content:flex-start;color:var(--text-secondary);transition:background-color .15s ease,color .15s ease}.vpn-desktop__sidebar .side-nav.side-nav--collapsed .side-nav__icon{width:32px;height:32px;flex-shrink:0;color:var(--icons-secondary)}.vpn-desktop__sidebar .side-nav.side-nav--collapsed .side-nav__link svg{width:32px;height:32px;display:block;color:inherit}.vpn-desktop__sidebar .side-nav.side-nav--collapsed .side-nav__link--active{background-color:var(--fill-primary, #ffffff);color:var(--text-primary);width:32px}.vpn-desktop__sidebar .side-nav.side-nav--collapsed .side-nav__link--active .side-nav__icon{color:var(--icons-primary)}.vpn-desktop__sidebar .side-nav.side-nav--collapsed .side-nav__link--active:hover{background-color:var(--fill-primary, #ffffff)}.vpn-desktop__sidebar>.side-nav:first-child{flex:1}.vpn-desktop__sidebar .side-nav+.side-nav{height:auto;flex-shrink:0}.vpn-desktop__sidebar .side-nav+.side-nav .side-nav__panel{position:relative;height:auto}.vpn-desktop__sidebar .side-nav.side-nav--collapsed .side-nav__version{padding:12px 0 0;text-align:center}.vpn-desktop__sidebar .side-nav.side-nav--collapsed .side-nav__label{display:none}.vpn-desktop__sidebar .side-nav.side-nav--collapsed .side-nav__link{width:32px}.vpn-desktop__sidebar .side-nav.side-nav--collapsed .side-nav__link:not(.side-nav__link--active):hover{background-color:var(--fill-primary, #ffffff)}.nav-tip{position:absolute;left:48px;z-index:3;width:212px;padding:12px;border-radius:8px;background:#272727;color:#e5e5ea;box-sizing:border-box;pointer-events:none;animation:nav-tip-in .12s ease}.nav-tip:before{content:"";position:absolute;top:17px;left:-4px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:4px solid #272727}.nav-tip__title{display:block;font-size:15px;font-weight:500;line-height:20px}.nav-tip__text{display:block;margin-top:4px;font-size:12px;line-height:16px}@keyframes nav-tip-in{0%{opacity:0;transform:translate(-4px)}}.vpn-desktop__sidebar .side-nav.side-nav--collapsed .side-nav__version{margin-top:auto;padding:16px 0 4px;width:32px;align-self:flex-start;flex-shrink:0;text-align:center;font-size:10px;line-height:14px}.vpn-desktop__sidebar .side-nav.side-nav--collapsed:hover .side-nav__version,.vpn-desktop__sidebar .side-nav.side-nav--collapsed:focus-within .side-nav__version{width:32px;align-self:flex-start;text-align:center}.vpn-desktop__screens{flex:1;min-width:0;min-height:0;display:flex;gap:8px}.vpn-desktop__locations{width:360px;flex-shrink:0;min-height:0;display:flex}.vpn-desktop__locations .locations-list{width:100%;height:100%;border-radius:24px;overflow:hidden}.vpn-desktop__dashboard{width:360px;flex-shrink:0;min-height:0;display:flex}.vpn-desktop__dashboard .connection-dashboard{width:360px;min-height:0;height:100%;border-radius:24px}.feature-carousel{display:flex;flex-direction:column;overflow:hidden;border-radius:16px}.feature-carousel::-webkit-scrollbar{display:none}.feature-carousel__card{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:4px 12px 4px 4px;border:none;background:transparent;box-sizing:border-box;text-align:left;font:inherit;cursor:pointer;transition:background .15s ease}.feature-carousel__card:hover{background:var(--fill-hover-on-secondary)}.feature-carousel__icon{flex-shrink:0;color:var(--icons-secondary)}.feature-carousel__label{flex:1;min-width:0;font-family:var(--typo-subhead-family);font-weight:var(--typo-subhead-weight);font-size:var(--typo-subhead-size);line-height:var(--typo-subhead-line-height);color:var(--text-primary)}.feature-switch{position:relative;flex-shrink:0;width:36px;height:20px;border-radius:10px;background:var(--fill-tertiary, #d8dbde);transition:background .15s ease}.feature-switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #16191c33;transition:transform .15s ease}.feature-switch--on{background:var(--green-500)}.feature-switch--on:after{transform:translate(16px)}.vpn-desktop__locations .locations-list__scroll{overflow-x:hidden}.vpn-desktop__locations .locations-list__top{display:none}.locations-top-bar{order:-2;flex-shrink:0;display:flex;align-items:center;gap:16px}.locations-top-bar__segments{flex:1;display:flex;border:1px solid var(--border-default);border-radius:999px;box-sizing:border-box}.locations-top-bar__segment{flex:1;height:38px;margin:-1px;padding:0 12px;border:none;border-radius:999px;background:transparent;font-family:var(--typo-subhead-family);font-weight:var(--typo-subhead-weight);font-size:var(--typo-subhead-size);line-height:var(--typo-subhead-line-height);color:var(--text-secondary);cursor:pointer;transition:background .15s ease,color .15s ease}.locations-top-bar__segment:hover:not(.locations-top-bar__segment--active){color:var(--text-primary)}.locations-top-bar__segment--active{background:var(--fill-secondary);color:var(--text-primary)}.locations-top-bar__search{flex-shrink:0;width:32px;height:32px;padding:0;border:none;border-radius:8px;background:transparent;color:var(--icons-primary);display:flex;align-items:center;justify-content:center;cursor:pointer}.locations-top-bar__search:hover{background:var(--fill-hover)}.feature-carousel__state{display:inline-flex;align-items:center;gap:6px;height:24px;padding:2px 6px;border-radius:var(--radius-xxs);box-sizing:border-box;font-family:var(--typo-caption-family);font-weight:var(--typo-caption-weight);font-size:var(--typo-caption-size);line-height:var(--typo-caption-line-height);color:var(--text-primary)}.feature-carousel__state--on{background:var(--fill-positive-success)}.feature-carousel__state--off{background:var(--fill-destructive-tertiary)}.feature-carousel__state--off:after{content:"";width:6px;height:6px;border-radius:50%;background:var(--icons-destructive)}.feature-carousel__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0;border:none;background:none;text-align:left;cursor:pointer}.feature-carousel__heading{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding-left:8px}.feature-carousel__summary{font-family:var(--typo-caption-family);font-size:var(--typo-caption-size);line-height:var(--typo-caption-line-height);color:var(--text-secondary)}.feature-carousel__toggle:focus,.web-protection__link:focus,.feature-carousel__card:focus{outline:none}.feature-carousel__chevron{flex-shrink:0;margin:0 7px 0 0;color:var(--icons-primary);transition:transform .15s ease}.feature-carousel__chevron--expanded{transform:rotate(180deg)}.web-protection__card{display:flex;flex-direction:column;border-radius:16px;background:var(--fill-secondary);overflow:hidden}.web-protection__site{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px}.web-protection__site-text{display:flex;align-items:baseline;gap:6px;min-width:0;white-space:nowrap}.web-protection__site-name{font-family:var(--typo-subhead-family);font-weight:700;font-size:var(--typo-subhead-size);line-height:var(--typo-subhead-line-height);color:var(--text-primary)}.web-protection__site-state{font-family:var(--typo-caption-family);font-size:var(--typo-caption-size);line-height:var(--typo-caption-line-height);color:var(--text-secondary)}.web-protection__link{flex-shrink:0;padding:0;border:none;background:none;font-family:var(--typo-caption-family);font-size:var(--typo-caption-size);line-height:var(--typo-caption-line-height);color:var(--text-primary);text-decoration:underline;cursor:pointer}.feature-stats{display:flex;flex-direction:column;gap:4px;padding:10px 16px}.feature-stats__status{display:flex;align-items:center;gap:6px;font-family:var(--typo-caption-family);font-size:var(--typo-caption-size);line-height:var(--typo-caption-line-height);color:var(--text-secondary)}.feature-stats__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.feature-stats__item{display:flex;flex-direction:column}.feature-stats__value{font-family:var(--typo-headline-family);font-weight:700;font-size:17px;line-height:22px;color:var(--text-primary)}.feature-stats__label{font-family:var(--typo-caption-family);font-size:var(--typo-caption-size);line-height:var(--typo-caption-line-height);color:var(--text-secondary)}.web-protection__off{display:flex;flex-direction:column;gap:4px;padding:12px 16px 16px}.web-protection__off-title{font-family:var(--typo-subhead-family);font-weight:700;font-size:var(--typo-subhead-size);line-height:var(--typo-subhead-line-height);color:var(--text-primary)}.web-protection__off-text{margin-bottom:8px;font-family:var(--typo-caption-family);font-size:var(--typo-caption-size);line-height:var(--typo-caption-line-height);color:var(--text-secondary)}.web-protection__features{background:transparent;border-radius:0;overflow:visible}.web-protection__features .feature-stats{padding:0 0 8px 8px}.web-protection__features .feature-carousel{overflow:visible}.web-protection__features .feature-carousel__card{margin:0 -8px;width:calc(100% + 16px);padding:4px 8px 4px 4px;border-radius:12px}.web-protection__features .feature-carousel__card:hover{background:var(--fill-hover)}.feature-stats__header{display:flex;align-items:center;justify-content:space-between;gap:8px}.feature-stats__pill{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;font-family:var(--typo-caption-family);font-size:var(--typo-caption-size);line-height:var(--typo-caption-line-height);color:var(--text-primary)}.feature-stats__pill--all{background:var(--fill-positive-success)}.feature-stats__pill--partial{background:var(--fill-positive-attention-secondary)}.feature-pills{display:flex;flex-wrap:nowrap;gap:8px;margin-top:2px;padding-left:8px;padding-bottom:2px;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}.feature-pills::-webkit-scrollbar{display:none}.feature-pill{display:inline-flex;flex:0 0 auto;align-items:center;gap:4px;height:40px;margin:0;padding:0 16px 0 8px;border:2px solid var(--border-positive-primary);border-radius:24px;background:var(--background-primary);color:var(--text-primary);font-family:var(--typo-footnote-family);font-size:var(--typo-footnote-size);line-height:var(--typo-footnote-line-height);white-space:nowrap;cursor:pointer}.feature-pill img{display:block;flex:0 0 24px}.feature-pill--off{border-color:var(--border-destructive);background:var(--fill-destructive-tertiary)}.feature-pills--wrap{flex-wrap:wrap;overflow:visible}.vpn-desktop__dashboard .cw__btn--primary.cw__btn--full{font-size:0}.vpn-desktop__dashboard .cw__btn--primary.cw__btn--full:after{content:"Connect";font-size:17px}.vpn-panel{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;overflow:hidden;font-family:var(--typo-body-family, Inter, system-ui, sans-serif);color:var(--text-primary, #16191c)}.vpn-panel *,.vpn-panel *:before,.vpn-panel *:after{box-sizing:border-box}.vpn-panel__scroll{flex:1;min-height:0;overflow-y:auto;scrollbar-width:none}.vpn-card{border-radius:24px;background:var(--background-primary, #ffffff)}.vpn-status{display:flex;flex-direction:column;gap:16px;min-height:100%;padding:24px}.vpn-status__actions{margin-top:auto}.vpn-status__icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%}.vpn-status__icon--loading{background:var(--fill-secondary, #f5f5f6);color:var(--icons-primary, #16191c)}.vpn-status__icon--loading svg{animation:vpn-spin 1s linear infinite}@keyframes vpn-spin{to{transform:rotate(360deg)}}.vpn-status__title{margin:0;font-size:28px;font-weight:700;line-height:34px}.vpn-info{display:grid;grid-template-columns:1fr 1fr;gap:8px 0;padding:8px 12px;border-radius:8px}.vpn-info--warn{background:#fff8d2;color:#936806}.vpn-info--ok{background:#e6f7ed;color:#007637}.vpn-info__cell{display:flex;flex-direction:column;min-width:0}.vpn-info__cell--right{align-items:flex-end;text-align:right}.vpn-info__label{font-size:12px;line-height:20px}.vpn-info__value{font-size:15px;font-weight:700;line-height:22px}.vpn-progress{display:flex;flex-direction:column;gap:6px}.vpn-progress__labels{display:flex;justify-content:space-between;font-size:13px;line-height:21px}.vpn-progress__muted{color:var(--text-secondary, #5b6065)}.vpn-progress__track{height:2px;background:#f1f1f1}.vpn-progress__fill{height:100%;background:var(--text-primary, #16191c);transition:width .4s ease}.vpn-status__actions{display:flex;flex-direction:column;gap:8px}.vpn-status__row{display:flex;gap:8px}.vpn-status__row .vpn-btn{flex:1}.vpn-location{display:flex;gap:8px}.vpn-location__item,.vpn-location__fav{display:flex;align-items:center;height:56px;border:1px solid #393e41;border-radius:12px;background:transparent;color:var(--text-primary, #16191c);font:inherit;cursor:pointer;transition:background-color .15s ease}.vpn-location__item{flex:1;gap:10px;min-width:0;padding:0 12px;border-color:transparent;background:var(--fill-secondary, #f5f5f6);text-align:left;cursor:default}.vpn-location__fav{justify-content:center;width:56px;flex-shrink:0;padding:0}.vpn-location__fav:hover,.vpn-location__fav.loc-pin:hover{background:var(--fill-hover-on-secondary, var(--fill-hover, rgba(22, 25, 28, .08)))}.vpn-location__item>svg:first-child{flex-shrink:0;border-radius:4px}.vpn-location__text{display:flex;flex:1;flex-direction:column;min-width:0}.vpn-location__country{overflow:hidden;font-size:15px;font-weight:700;line-height:22px;text-overflow:ellipsis;white-space:nowrap}.vpn-location__city{font-size:12px;line-height:20px}.vpn-btn{flex:0 0 auto;height:56px;padding:0 16px;border-radius:12px;font:inherit;font-size:17px;font-weight:500;line-height:25px;cursor:pointer;transition:opacity .15s ease,background-color .15s ease}.vpn-btn--primary{border:0;background:#16191c;color:#f5f5f6}.vpn-btn--primary:hover{opacity:.88}.vpn-btn--secondary{border:1px solid #393e41;background:transparent;color:#16191c}.vpn-btn--secondary:hover{background:var(--fill-hover, rgba(22, 25, 28, .04))}.vpn-desktop__locations .locations-list{min-height:0;padding:16px 0 0 16px}.vpn-desktop__locations .locations-top-bar{margin-right:16px}.vpn-desktop__locations .locations-list__scroll{padding-right:16px;padding-bottom:16px}.vpn-desktop__locations .feature-pills:not(.feature-pills--wrap){margin-right:-16px;padding-right:16px}.loc-section{display:flex;flex-direction:column;gap:8px}.loc-section__head{display:flex;align-items:center;justify-content:space-between;min-height:32px;padding-left:8px}.loc-section__title{color:var(--text-primary, #16191c);font-size:12px;line-height:20px;text-decoration:underline dotted;text-underline-offset:3px}.loc-section__action{padding:4px 8px;border:0;border-radius:4px;background:transparent;color:var(--text-primary, #16191c);font:inherit;font-size:15px;line-height:22px;text-decoration:underline;cursor:pointer}.loc-section__action:hover{background:var(--fill-hover, rgba(22, 25, 28, .06))}.loc-rows{display:flex;flex-direction:column}.loc-row{display:flex;align-items:center;min-height:60px;padding-right:4px;border-radius:8px;transition:background-color .15s ease}.loc-row:hover{background:var(--fill-hover, rgba(22, 25, 28, .04))}.loc-row__main{display:flex;flex:1;align-items:center;gap:8px;min-width:0;align-self:stretch;padding:8px 0 8px 8px;border:0;background:transparent;color:var(--text-primary, #16191c);font:inherit;text-align:left;cursor:pointer}.loc-row__expand{display:flex;padding:0;border:0;border-radius:4px;background:transparent;cursor:pointer}.loc-pin{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--icons-secondary, #5b6065);cursor:pointer;opacity:0;transition:opacity .12s ease,background-color .12s ease}.loc-row:hover .loc-pin,.loc-pin:focus-visible,.loc-pin--on{opacity:1}.loc-pin--on{color:var(--icons-primary, #16191c)}.loc-pin:hover{background:var(--fill-hover, rgba(22, 25, 28, .08));color:var(--icons-primary, #16191c)}.loc-pin--on svg{animation:star-pop .25s ease}@keyframes star-pop{50%{transform:scale(1.2)}}@media(prefers-reduced-motion:reduce){.loc-pin--on svg{animation:none}}.loc-row--city{min-height:48px}.loc-row--city .loc-row__main{padding-left:46px}.loc-row__text{display:flex;flex:1;flex-direction:column;min-width:0}.loc-row__name{overflow:hidden;font-size:16px;line-height:24px;text-overflow:ellipsis;white-space:nowrap}.loc-row__sub{overflow:hidden;color:var(--text-secondary, #5b6065);font-size:12px;line-height:20px;text-overflow:ellipsis;white-space:nowrap}.loc-row__chevron{flex-shrink:0;color:var(--icons-secondary, #5b6065);transition:transform .15s ease}.loc-row__chevron--open{transform:rotate(180deg)}.loc-flag{position:relative;display:flex;flex-shrink:0;width:30px;height:20px}.loc-flag svg{border-radius:3px}.loc-flag--fastest{align-items:center;justify-content:center;border-radius:3px;background:#16191c;color:#fff}.loc-section__label{display:inline-flex;align-items:center;gap:4px}.loc-section__info{display:flex;padding:0;border:0;background:transparent;color:var(--icons-secondary, #5b6065);cursor:pointer}.loc-sort{display:inline-flex;align-items:center;gap:0;height:32px;padding:0 0 0 8px;border:0;border-radius:4px;background:transparent;color:var(--text-primary, #16191c);font:inherit;font-size:15px;line-height:22px;cursor:pointer}.loc-sort svg{color:var(--icons-secondary, #5b6065)}.loc-sort:hover{background:var(--fill-hover, rgba(22, 25, 28, .06))}.vpn-location__fav.loc-pin{width:56px;height:56px;border:none;border-radius:12px;background:var(--fill-secondary, #f5f5f6);color:var(--icons-primary, #16191c);opacity:1}[data-theme=light]{--background-primary: var(--white-100);--background-secondary: var(--white-200);--background-fade: rgba(91, 96, 101, .75);--background-opacity: rgba(255, 255, 255, .8);--surface-primary: var(--background-primary);--fill-primary: var(--white-100);--fill-secondary: var(--white-200);--fill-hover: var(--white-400);--fill-hover-on-secondary: var(--white-600);--fill-disabled: var(--white-300);--fill-positive-primary: var(--black-500);--fill-positive-primary-hover: var(--black-100);--fill-positive-secondary: var(--azul-200);--fill-positive-secondary-hover: var(--azul-300);--fill-positive-attention: var(--yellow-300);--fill-positive-attention-hover: var(--yellow-450);--fill-positive-attention-secondary: var(--yellow-100);--fill-positive-success: var(--green-100);--fill-positive-success-hover: var(--green-150);--fill-positive-info: var(--blue-100);--fill-positive-info-hover: var(--blue-150);--fill-destructive-primary: var(--red-400);--fill-destructive-primary-hover: var(--red-500);--fill-destructive-secondary: var(--red-500);--fill-destructive-secondary-hover: var(--red-100);--fill-destructive-tertiary: var(--red-100);--fill-negative-primary: var(--fill-destructive-primary);--fill-invert-primary: var(--black-400);--fill-invert-secondary: var(--black-200);--fill-invert-tertiary: var(--black-100);--fill-invert-hover: var(--black-100);--fill-invert-disabled: var(--black-100);--fill-invert-positive-primary: var(--azul-200);--fill-invert-positive-primary-hover: var(--azul-350);--fill-invert-destructive-secondary: var(--red-600);--fill-invert-destructive-secondary-hover: var(--red-550);--text-primary: var(--black-500);--text-secondary: var(--gray-600);--text-action: var(--white-200);--text-disabled: var(--gray-400);--text-positive-primary: var(--azul-200);--text-destructive: var(--red-500);--text-success: var(--green-500);--text-info: var(--blue-600);--text-attention: var(--yellow-550);--text-invert-primary: var(--white-200);--text-invert-secondary: var(--gray-100);--text-invert-tertiary: var(--white-200);--text-invert-action: var(--black-500);--text-invert-disabled: var(--gray-300);--text-invert-destructive: var(--red-300);--text-invert-success: var(--green-300);--text-invert-info: var(--blue-200);--text-invert-attention: var(--yellow-300);--border-default: var(--white-400);--border-hover: var(--white-300);--border-disabled: var(--white-200);--border-positive-primary: var(--black-100);--border-positive-secondary: var(--azul-200);--border-info: var(--blue-500);--border-success: var(--green-500);--border-attention: var(--yellow-500);--border-destructive: var(--red-500);--border-invert-destructive: var(--red-500);--border-invert-dark: var(--black-100);--border-invert-light: var(--white-400);--border-invert-disabled: var(--gray-300);--border-on-color: var(--azul-400);--border-on-secondary: var(--gray-100);--divider-primary: var(--white-400);--divider-invert-light: var(--white-400);--divider-invert-dark: var(--black-100);--divider-positive: var(--azul-200);--divider-on-color: var(--azul-400);--divider-on-secondary: var(--gray-100);--icons-primary: var(--black-500);--icons-secondary: var(--gray-600);--icons-positive: var(--azul-200);--icons-attention: var(--yellow-500);--icons-success: var(--green-500);--icons-info: var(--blue-500);--icons-destructive: var(--red-500);--icons-disabled: var(--gray-400);--icons-action: var(--white-200);--icons-invert-destructive: var(--red-300);--icons-invert-dark: var(--black-500);--icons-invert-light: var(--white-200);--icons-invert-disabled: var(--gray-300);--utilities-topbar-mac-bg: #eeeef0;--utilities-topbar-mac-border: #e9e9e8;--utilities-topbar-windows-bg: var(--background-secondary);--shadow-base-color: rgba(30, 35, 39, .15)}[data-theme=dark]{--background-primary: var(--black-600);--background-secondary: var(--black-400);--background-fade: rgba(91, 96, 101, .75);--background-opacity: rgba(17, 21, 24, .8);--surface-primary: var(--background-primary);--fill-primary: var(--black-600);--fill-secondary: var(--black-400);--fill-hover: var(--black-300);--fill-hover-on-secondary: var(--black-100);--fill-disabled: var(--black-200);--fill-positive-primary: var(--white-300);--fill-positive-primary-hover: var(--white-100);--fill-positive-secondary: var(--azul-200);--fill-positive-secondary-hover: var(--azul-100);--fill-positive-attention: var(--yellow-300);--fill-positive-attention-hover: var(--yellow-450);--fill-positive-attention-secondary: var(--yellow-600);--fill-positive-success: var(--green-600);--fill-positive-success-hover: var(--green-450);--fill-positive-info: var(--blue-600);--fill-positive-info-hover: var(--blue-550);--fill-destructive-primary: var(--red-500);--fill-destructive-primary-hover: var(--red-400);--fill-destructive-secondary: var(--red-500);--fill-destructive-secondary-hover: var(--red-600);--fill-destructive-tertiary: var(--red-600);--fill-negative-primary: var(--fill-destructive-primary);--fill-invert-primary: var(--black-400);--fill-invert-secondary: var(--black-200);--fill-invert-tertiary: var(--black-100);--fill-invert-hover: var(--black-100);--fill-invert-disabled: var(--black-100);--fill-invert-positive-primary: var(--azul-200);--fill-invert-positive-primary-hover: var(--azul-350);--fill-invert-destructive-secondary: var(--red-600);--fill-invert-destructive-secondary-hover: var(--red-550);--text-primary: var(--white-200);--text-secondary: var(--gray-100);--text-action: var(--black-500);--text-disabled: var(--gray-300);--text-positive-primary: var(--azul-200);--text-destructive: var(--red-300);--text-success: var(--green-300);--text-info: var(--blue-200);--text-attention: var(--yellow-300);--text-invert-primary: var(--white-200);--text-invert-secondary: var(--gray-100);--text-invert-tertiary: var(--white-200);--text-invert-action: var(--black-500);--text-invert-disabled: var(--gray-300);--text-invert-destructive: var(--red-300);--text-invert-success: var(--green-500);--text-invert-info: var(--blue-600);--text-invert-attention: var(--yellow-550);--border-default: var(--black-100);--border-hover: var(--gray-600);--border-disabled: var(--gray-500);--border-positive-primary: var(--white-300);--border-positive-secondary: var(--azul-200);--border-info: var(--blue-200);--border-success: var(--green-200);--border-attention: var(--yellow-200);--border-destructive: var(--red-300);--border-invert-destructive: var(--red-500);--border-invert-dark: var(--black-100);--border-invert-light: var(--white-400);--border-invert-disabled: var(--gray-300);--border-on-color: var(--azul-400);--border-on-secondary: var(--gray-600);--divider-primary: var(--black-100);--divider-invert-light: var(--white-400);--divider-invert-dark: var(--black-100);--divider-positive: var(--azul-200);--divider-on-color: var(--azul-400);--divider-on-secondary: var(--gray-600);--icons-primary: var(--white-200);--icons-secondary: var(--gray-100);--icons-positive: var(--azul-200);--icons-attention: var(--yellow-200);--icons-success: var(--green-200);--icons-info: var(--blue-200);--icons-destructive: var(--red-300);--icons-disabled: var(--gray-300);--icons-action: var(--black-500);--icons-invert-destructive: var(--red-300);--icons-invert-dark: var(--black-500);--icons-invert-light: var(--white-200);--icons-invert-disabled: var(--gray-300);--utilities-topbar-mac-bg: #30302f;--utilities-topbar-mac-border: #0f0f10;--utilities-topbar-windows-bg: var(--background-secondary);--shadow-base-color: rgba(57, 62, 65, .15)}[data-platform=macOS]{--typo-title-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, sans-serif;--typo-title-weight: 700;--typo-title-size: 25px;--typo-title-line-height: 32px;--typo-title-letter-spacing: .15px;--typo-subtitle-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, sans-serif;--typo-subtitle-weight: 700;--typo-subtitle-size: 20px;--typo-subtitle-line-height: 25px;--typo-subtitle-letter-spacing: -.45px;--typo-headline-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, sans-serif;--typo-headline-weight: 600;--typo-headline-size: 16px;--typo-headline-line-height: 24px;--typo-headline-letter-spacing: -.31px;--typo-headline-emphasized-weight: 800;--typo-body-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, sans-serif;--typo-body-weight: 400;--typo-body-size: 16px;--typo-body-line-height: 24px;--typo-body-letter-spacing: -.31px;--typo-body-emphasized-weight: 600;--typo-callout-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, sans-serif;--typo-callout-weight: 400;--typo-callout-size: 15px;--typo-callout-line-height: 22px;--typo-callout-letter-spacing: -.23px;--typo-callout-emphasized-weight: 600;--typo-subhead-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, sans-serif;--typo-subhead-weight: 400;--typo-subhead-size: 14px;--typo-subhead-line-height: 22px;--typo-subhead-letter-spacing: -.15px;--typo-subhead-emphasized-weight: 600;--typo-footnote-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, sans-serif;--typo-footnote-weight: 400;--typo-footnote-size: 13px;--typo-footnote-line-height: 21px;--typo-footnote-letter-spacing: -.08px;--typo-caption-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, sans-serif;--typo-caption-weight: 400;--typo-caption-size: 12px;--typo-caption-line-height: 20px;--typo-caption-letter-spacing: 0}[data-platform=iOS]{--typo-title-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, sans-serif;--typo-title-weight: 700;--typo-title-size: 28px;--typo-title-line-height: 34px;--typo-title-letter-spacing: .38px;--typo-subtitle-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, sans-serif;--typo-subtitle-weight: 700;--typo-subtitle-size: 20px;--typo-subtitle-line-height: 25px;--typo-subtitle-letter-spacing: -.45px;--typo-headline-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, sans-serif;--typo-headline-weight: 600;--typo-headline-size: 17px;--typo-headline-line-height: 25px;--typo-headline-letter-spacing: -.43px;--typo-headline-emphasized-weight: 900;--typo-body-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, sans-serif;--typo-body-weight: 400;--typo-body-size: 17px;--typo-body-line-height: 25px;--typo-body-letter-spacing: -.43px;--typo-body-emphasized-weight: 600;--typo-callout-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, sans-serif;--typo-callout-weight: 400;--typo-callout-size: 16px;--typo-callout-line-height: 24px;--typo-callout-letter-spacing: -.31px;--typo-callout-emphasized-weight: 600;--typo-subhead-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, sans-serif;--typo-subhead-weight: 400;--typo-subhead-size: 15px;--typo-subhead-line-height: 22px;--typo-subhead-letter-spacing: -.23px;--typo-subhead-emphasized-weight: 600;--typo-footnote-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, sans-serif;--typo-footnote-weight: 400;--typo-footnote-size: 13px;--typo-footnote-line-height: 21px;--typo-footnote-letter-spacing: -.08px;--typo-caption-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, sans-serif;--typo-caption-weight: 400;--typo-caption-size: 12px;--typo-caption-line-height: 20px;--typo-caption-letter-spacing: 0}:root{font-family:var(--typo-body-family, "Inter", -apple-system, BlinkMacSystemFont, sans-serif);font-size:var(--typo-body-size, 16px);line-height:var(--typo-body-line-height, 24px);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--white-100: #ffffff;--white-200: #f5f5f6;--white-300: #f1f1f1;--white-400: #eeeeee;--white-500: #e4e4e4;--white-600: #dadada;--gray-100: #bfbfc0;--gray-200: #a5a8ab;--gray-300: #939597;--gray-400: #7d8185;--gray-500: #616568;--gray-600: #5b6065;--black-100: #393e41;--black-200: #2a3035;--black-300: #262b2f;--black-400: #1e2327;--black-500: #16191c;--black-600: #111518;--azul-100: #1ebfbf;--azul-200: #1ab2b3;--azul-300: #0ea6a7;--azul-350: #129899;--azul-400: #0c8c8d;--azul-500: #0a7576;--azul-600: #064647;--green-100: #e6f7ed;--green-150: #abddc2;--green-200: #5be19d;--green-300: #47cd89;--green-400: #079455;--green-450: #558371;--green-500: #007637;--green-600: #053321;--red-100: #ffedee;--red-200: #ff858f;--red-300: #ff4c5b;--red-400: #d83b48;--red-500: #c91d2b;--red-550: #a01420;--red-600: #380106;--yellow-100: #fff8d2;--yellow-200: #ffee84;--yellow-300: #ffd83f;--yellow-400: #e6ad2a;--yellow-450: #e4b92c;--yellow-500: #ad821f;--yellow-550: #936806;--yellow-600: #472a06;--blue-100: #dcf2fd;--blue-150: #a5d5ed;--blue-200: #51c5ff;--blue-300: #33a7e8;--blue-400: #22a6e8;--blue-500: #0488ca;--blue-550: #5a7591;--blue-600: #013955}[data-theme=light]{--background-primary: var(--white-100);--background-secondary: var(--white-200);--background-fade: rgba(91, 96, 101, .75);--background-opacity: rgba(255, 255, 255, .8);--surface-primary: var(--background-primary);--fill-primary: var(--white-100);--fill-secondary: var(--white-200);--fill-hover: var(--white-400);--fill-hover-on-secondary: var(--white-600);--fill-disabled: var(--white-300);--fill-positive-primary: var(--black-500);--fill-positive-primary-hover: var(--black-100);--fill-positive-secondary: var(--azul-200);--fill-positive-secondary-hover: var(--azul-300);--fill-positive-attention: var(--yellow-300);--fill-positive-attention-hover: var(--yellow-450);--fill-positive-attention-secondary: var(--yellow-100);--fill-positive-success: var(--green-100);--fill-positive-success-hover: var(--green-150);--fill-positive-info: var(--blue-100);--fill-positive-info-hover: var(--blue-150);--fill-destructive-primary: var(--red-400);--fill-destructive-primary-hover: var(--red-500);--fill-destructive-secondary: var(--red-500);--fill-destructive-secondary-hover: var(--red-100);--fill-destructive-tertiary: var(--red-100);--fill-negative-primary: var(--fill-destructive-primary);--text-primary: var(--black-500);--text-secondary: var(--gray-600);--text-action: var(--white-200);--text-positive-primary: var(--azul-200);--text-disabled: var(--gray-400);--text-success: var(--green-500);--text-info: var(--blue-600);--text-attention: var(--yellow-550);--text-destructive: var(--red-500);--border-default: var(--white-400);--border-hover: var(--white-300);--border-disabled: var(--white-200);--border-positive-primary: var(--black-100);--border-positive-secondary: var(--azul-200);--border-info: var(--blue-500);--border-success: var(--green-500);--border-attention: var(--yellow-500);--border-destructive: var(--red-500);--divider-primary: var(--white-400);--divider-positive: var(--azul-200);--divider-inverted: var(--black-100);--divider-on-color: var(--azul-400);--divider-on-secondary: var(--gray-100);--icons-primary: var(--black-500);--icons-secondary: var(--gray-600);--icons-positive: var(--azul-200);--icons-attention: var(--yellow-550);--icons-success: var(--green-500);--icons-info: var(--blue-600);--icons-destructive: var(--red-500);--icons-disabled: var(--gray-400);--icons-action: var(--white-200);--shadow-base: 0 1px 4px 0 rgba(30, 35, 39, .15);--shadow-elevated: 0 4px 12px 0 rgba(30, 35, 39, .12)}[data-theme=dark]{--background-primary: var(--black-600);--background-secondary: var(--black-400);--background-fade: rgba(91, 96, 101, .75);--background-opacity: rgba(17, 21, 24, .8);--surface-primary: var(--background-primary);--fill-primary: var(--black-600);--fill-secondary: var(--black-400);--fill-hover: var(--black-300);--fill-hover-on-secondary: var(--black-100);--fill-disabled: var(--black-200);--fill-positive-primary: var(--white-300);--fill-positive-primary-hover: var(--white-100);--fill-positive-secondary: var(--azul-200);--fill-positive-secondary-hover: var(--azul-100);--fill-positive-attention: var(--yellow-300);--fill-positive-attention-hover: var(--yellow-450);--fill-positive-attention-secondary: var(--yellow-600);--fill-positive-success: var(--green-600);--fill-positive-success-hover: var(--green-450);--fill-positive-info: var(--blue-600);--fill-positive-info-hover: var(--blue-550);--fill-destructive-primary: var(--red-500);--fill-destructive-primary-hover: var(--red-400);--fill-destructive-secondary: var(--red-500);--fill-destructive-secondary-hover: var(--red-600);--fill-destructive-tertiary: var(--red-600);--fill-negative-primary: var(--fill-destructive-primary);--text-primary: var(--white-200);--text-secondary: var(--gray-100);--text-action: var(--black-500);--text-positive-primary: var(--azul-200);--text-disabled: var(--gray-300);--text-success: var(--green-300);--text-info: var(--blue-200);--text-attention: var(--yellow-300);--text-destructive: var(--red-300);--border-default: var(--black-100);--border-hover: var(--gray-600);--border-disabled: var(--gray-500);--border-positive-primary: var(--white-300);--border-positive-secondary: var(--azul-200);--border-info: var(--blue-200);--border-success: var(--green-200);--border-attention: var(--yellow-200);--border-destructive: var(--red-300);--divider-primary: var(--black-100);--divider-positive: var(--azul-200);--divider-inverted: var(--white-400);--divider-on-color: var(--azul-400);--divider-on-secondary: var(--gray-500);--icons-primary: var(--white-200);--icons-secondary: var(--gray-100);--icons-positive: var(--azul-200);--icons-attention: var(--yellow-300);--icons-success: var(--green-300);--icons-info: var(--blue-200);--icons-destructive: var(--red-300);--icons-disabled: var(--gray-300);--icons-action: var(--black-500);--shadow-base: 0 1px 4px 0 rgba(56, 62, 65, .15);--shadow-elevated: 0 4px 12px 0 rgba(56, 62, 65, .2)}:root{--webapp-typo-family-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--webapp-typo-display-size: 42px;--webapp-typo-display-line-height: 50px;--webapp-typo-display-letter-spacing: -.32px;--webapp-typo-display-weight: 700;--webapp-typo-headline1-size: 28px;--webapp-typo-headline1-line-height: 36px;--webapp-typo-headline1-letter-spacing: 0;--webapp-typo-headline1-weight: 700;--webapp-typo-headline2-size: 20px;--webapp-typo-headline2-line-height: 28px;--webapp-typo-headline2-letter-spacing: 0;--webapp-typo-headline2-weight: 700;--webapp-typo-headline3-size: 16px;--webapp-typo-headline3-line-height: 24px;--webapp-typo-headline3-letter-spacing: 0;--webapp-typo-headline3-weight: 600;--webapp-typo-body-family: var(--webapp-typo-family-sans);--webapp-typo-body-size: 14px;--webapp-typo-body-line-height: 22px;--webapp-typo-body-letter-spacing: .15px;--webapp-typo-body-weight: 400;--webapp-typo-body-large-size: 16px;--webapp-typo-body-large-line-height: 24px;--webapp-typo-lead-size: 22px;--webapp-typo-lead-line-height: 32px;--webapp-typo-lead-letter-spacing: -.1px;--webapp-typo-lead-weight: 400;--webapp-typo-caption-size: 13px;--webapp-typo-caption-line-height: 21px;--webapp-typo-caption-letter-spacing: .15px;--webapp-typo-caption-weight: 400;--webapp-typo-overline-size: 10px;--webapp-typo-overline-line-height: 16px;--webapp-typo-overline-letter-spacing: .25px;--webapp-typo-overline-weight: 700;--webapp-typo-button-size: 16px;--webapp-typo-button-line-height: 16px;--webapp-typo-button-letter-spacing: 0;--webapp-typo-button-weight: 700;--webapp-typo-button-small-size: 14px;--webapp-typo-button-small-line-height: 16px}[data-viewport=mobile]{--webapp-typo-display-size: 28px;--webapp-typo-display-line-height: 34px;--webapp-typo-display-letter-spacing: -.5px;--webapp-typo-headline1-size: 22px;--webapp-typo-headline1-line-height: 28px;--webapp-typo-headline1-letter-spacing: -.25px;--webapp-typo-headline2-size: 18px;--webapp-typo-headline2-line-height: 24px;--webapp-typo-headline2-letter-spacing: 0;--webapp-typo-headline3-size: 16px;--webapp-typo-headline3-line-height: 24px;--webapp-typo-body-size: 15px;--webapp-typo-body-line-height: 22px}:root{--spacing-0: 0px;--spacing-2: 2px;--spacing-4: 4px;--spacing-6: 6px;--spacing-8: 8px;--spacing-10: 10px;--spacing-12: 12px;--spacing-16: 16px;--spacing-20: 20px;--spacing-24: 24px;--spacing-32: 32px;--spacing-40: 40px;--spacing-48: 48px;--spacing-56: 56px;--spacing-64: 64px}:root{--dimension-button-default-height: 48px;--dimension-input-field-height: 56px;--dimension-input-field-small-height: 32px;--dimension-search-field-height: 56px;--dimension-search-field-small-height: 40px;--dimension-dropdown-height: 56px;--dimension-selection-item-height: 52px;--dimension-icon-size: 32px}:root{--radius-none: 0px;--radius-xxs: 4px;--radius-xs: 8px;--radius-s: 12px;--radius-sm: 16px;--radius-m: 20px;--radius-ml: 24px;--radius-l: 32px;--radius-xl: 40px;--radius-xxl: 48px;--radius-full: 9999px}:root{--app-footer-height: 57px;--card-border-radius: var(--radius-s);--card-border-radius-large: var(--radius-sm)}:root{--canvas-radius: 6px;--canvas-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--canvas-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--canvas-transition: .12s ease;--canvas-bg: #fafafa;--canvas-border: #e4e4e7;--canvas-border-subtle: #f4f4f5;--canvas-text-dim: #71717a;--canvas-shadow-card: rgba(0, 0, 0, .04);--canvas-shadow-heavy: rgba(0, 0, 0, .12);--canvas-pattern-opacity: 0}#publish-root{font-family:var(--canvas-font-sans);margin:0;min-height:100vh}.publish-shell{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--canvas-bg);overflow:auto;position:relative}.publish-shell:before{content:"";position:absolute;inset:0;opacity:var(--canvas-pattern-opacity);background-image:linear-gradient(45deg,var(--canvas-text-dim) 1px,transparent 1px),linear-gradient(-45deg,var(--canvas-text-dim) 1px,transparent 1px);background-size:24px 24px;pointer-events:none}.idea-frame-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:1;gap:12px}.idea-frame{overflow:auto;border-radius:6px;border:1px solid var(--canvas-border);position:relative;box-shadow:0 0 0 1px var(--canvas-border-subtle),0 8px 48px var(--canvas-shadow-heavy);background:var(--background-primary, #ffffff);color:var(--text-primary, #16191c);font-family:var(--typo-body-family, system-ui, sans-serif);font-size:var(--typo-body-size, 14px);line-height:var(--typo-body-line-height, 20px);animation:frameAppear .5s ease both .15s}.idea-frame--ios{border-radius:32px}.frame-loading{display:flex;align-items:center;justify-content:center;height:100%;font-size:16px;opacity:.5}.idea-frame::-webkit-scrollbar{width:6px}.idea-frame::-webkit-scrollbar-track{background:transparent}.idea-frame::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}@media(max-width:720px),(hover:none)and (pointer:coarse){.publish-shell--mobile{width:100%;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;align-items:stretch;justify-content:stretch;overflow:hidden;background:var(--background-primary, #ffffff)}.publish-shell--mobile:before{display:none}.publish-shell--mobile .idea-frame-wrapper,.publish-shell--mobile .idea-frame-stage,.publish-shell--mobile .idea-frame-stage>div,.publish-shell--mobile .idea-frame-fit-shadow,.publish-shell--mobile .idea-frame-scaler{width:100%;height:100%;min-width:0;min-height:0}.publish-shell--mobile .idea-frame{width:100%!important;height:100%!important;border:0;border-radius:0;box-shadow:none;animation:none}}@keyframes frameAppear{0%{opacity:0;transform:scale(.97);box-shadow:0 0 0 1px var(--canvas-border-subtle),0 4px 20px var(--canvas-shadow-card),0 0 0 transparent}to{opacity:1;transform:scale(1);box-shadow:0 0 0 1px var(--canvas-border-subtle),0 8px 48px var(--canvas-shadow-heavy)}}