.profile-page__columns{display:flex;margin:0 -1.2rem;min-height:calc(100vh - 12rem)}@media(max-width:340px){.profile-page__columns{margin:0 -.8rem}}.profile-page__column{display:flex;flex-direction:column;margin:0 var(--space-150);max-width:59.1rem;width:calc(50% - var(--space-150))}.profile-page .new-box .btn-edit{opacity:0;transition:opacity .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out}.profile-page .new-box:hover .btn-edit{opacity:1}.profile-page .new-box.--confirm-mode .new-box__header{justify-content:center;position:relative}.profile-page .new-box.--confirm-mode .new-box__header-title{max-width:calc(100% - 16rem);text-align:center}.profile-page .new-box.--confirm-mode .new-box__header-controls{color:var(--text-minor-color);display:block;font:var(--body-small-long-font);left:var(--space-150);letter-spacing:.21px;margin-top:0;position:absolute;top:var(--space-150)}@media(max-width:768px){.profile-page .new-box.--confirm-mode .new-box__header{margin-bottom:0}}.confirm-mode__progress-step{align-items:center;background-color:var(--control-secondary-color);border-radius:50%;color:var(--background);display:flex;height:2.4rem;justify-content:center;line-height:2.4rem;transition:background-color .3s,color .3s;-webkit-user-select:none;user-select:none;width:2.4rem}.confirm-mode__progress-step.--active{background-color:var(--control-accent-color)}.confirm-mode__progress-step-wrap{display:flex;justify-content:center;margin-bottom:var(--space-300)}.confirm-mode__progress-step-wrap>:not(:last-child){margin-right:var(--space-250)}.confirm-mode__btn-back{align-items:center;cursor:pointer;display:flex;height:4rem;padding:0 var(--space-100);transition:color .3s}.confirm-mode__btn-back .svg-icon{font-size:1.2rem;margin-right:var(--space-100);transform:rotate(-90deg)}.confirm-mode__btn-back:hover{color:var(--control-accent-color)}@media(max-width:1365px){.profile-page__columns{flex-direction:column}.profile-page__column{width:calc(100% - var(--space-300))}}@media(max-width:820px){.profile-page .new-box .btn-edit{opacity:1}}@media(max-width:768px){.profile-page .profile-page__column{max-width:unset}}@media(max-width:480px){.profile-page .new-box.--confirm-mode .new-box__header{padding-top:var(--space-700)}.profile-page .new-box.--confirm-mode .new-box__header-title{max-width:none}}@media(max-width:380px){.profile-page .new-box.--confirm-mode .new-box__header{justify-content:flex-start}.profile-page .new-box.--confirm-mode .new-box__header-title{text-align:left}}