.change-comparer-name-modal{background-color:#40474f;max-height:100vh;max-height:calc(var(--vh, 1vh)*100);max-width:680px;overflow:auto;position:relative;width:100vw}.change-comparer-name-modal .form{display:flex;flex-direction:column}.change-comparer-name-modal .header{padding:24px calc(3.125rem + 8px) 24px 24px;position:relative}@media only screen and (min-width:37.5rem){.change-comparer-name-modal .header{padding:32px 32px 24px;padding-right:calc(32px + 3.125rem)}}.change-comparer-name-modal .header .header-text{color:#fff}.change-comparer-name-modal .header .close-button,.change-comparer-name-modal .header-close-button{color:#fff;position:absolute;right:16px;top:16px}.change-comparer-name-modal .input-wrapper{padding-inline:24px;width:100%}@media only screen and (min-width:37.5rem){.change-comparer-name-modal .input-wrapper{padding-inline:32px}}.change-comparer-name-modal .input-wrapper .warning{margin-top:8px}.change-comparer-name-modal .input{background-color:#40474f;border:1px solid hsla(0,0%,100%,.3);border-radius:3px;color:#fff;font-size:1rem;font-weight:400;line-height:1.375;padding:14px;width:100%}@media only screen and (min-width:37.5rem){.change-comparer-name-modal .input{font-size:1rem;font-size:clamp(1rem,calc(2.667vw*var(--user-font-ratio, 1)),1.063rem)}}@media only screen and (min-width:64rem){.change-comparer-name-modal .input{font-size:1.063rem;font-size:clamp(1.063rem,calc(1.661vw*var(--user-font-ratio, 1)),1.087rem);line-height:1.412}}@media only screen and (min-width:85rem){.change-comparer-name-modal .input{font-size:1.087rem;font-size:clamp(1.087rem,calc(1.279vw*var(--user-font-ratio, 1)),1.25rem);line-height:1.379}}@media only screen and (min-width:120rem){.change-comparer-name-modal .input{font-size:1.25rem;line-height:1.4}}.change-comparer-name-modal .button-container{display:flex;flex-wrap:wrap;gap:8px;padding:24px}@media only screen and (min-width:37.5rem){.change-comparer-name-modal .button-container{padding:24px 32px 32px}}.change-comparer-name-modal .button-container a,.change-comparer-name-modal .button-container button{gap:8px}.change-comparer-name-modal .button-container a .icon,.change-comparer-name-modal .button-container button .icon{height:1.5rem;width:1.5rem}.change-comparer-name-modal .button-container a .search-icon,.change-comparer-name-modal .button-container button .search-icon{height:1rem;width:1rem}.change-comparer-name-modal .button-container :deep(button,a){gap:8px}.change-comparer-name-modal .button-container :deep(button,a) .icon{height:1.5rem;width:1.5rem}.change-comparer-name-modal .button-container :deep(button,a) .search-icon{height:1rem;width:1rem}.comparer-public-toggle[data-v-01a08f5e]{display:flex;justify-content:center;min-height:3.125rem;padding-inline:12px}.state-label[data-v-01a08f5e]{font-weight:700}.comparer-page-content{background:#202327;display:grid;height:100%;overflow-y:auto}.comparer-page .done-button{position:fixed;right:0;top:0}.toolbar-button{gap:8px}