header[data-v-1aa8ae81]{background:#005b96;display:flex;align-items:center;justify-content:center;height:auto;grid-column:1/-1;height:max(min(10%,100px + 5vh),100px);color:#fff;font-family:Roboto;font-style:normal;font-weight:800;font-size:32px}#app{font-family:Avenir,Helvetica,Arial,sans-serif}#nav{padding:30px}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}.sidebar-right[data-v-d633ad66],ul[data-v-d633ad66]{display:flex;flex-direction:column;justify-content:center}ul[data-v-d633ad66]{list-style-type:none;margin:0;padding:0}.nav-button[data-v-d633ad66]{width:calc(60px + 2vw);height:calc(60px + 2vh);border-radius:60px;border:none;outline:none;position:relative;background-color:transparent}.cancel[data-v-d633ad66]{width:95%;height:95%}.nav-button:hover .btn-icon[data-v-d633ad66]{filter:opacity(50%);transform:scale(1.05)}.edit-btn-circle[data-v-d633ad66]{fill:#005b96}.edit-btn-pen[data-v-d633ad66]{fill:#fafafa}.add-btn-back[data-v-d633ad66]{fill:#005b96}.add-btn-plus[data-v-d633ad66]{fill:#fafafa}@media (max-width:1024px){.sidebar-right[data-v-d633ad66]{justify-content:center}aside[data-v-d633ad66]{grid-column:1/4}ul[data-v-d633ad66]{flex-direction:row}li[data-v-d633ad66]{float:left}}.contact-wrapper[data-v-05958e94]{width:-webkit-fill-available;display:flex;flex-direction:row;justify-content:flex-end}.online[data-v-05958e94]{color:#32cd32}.busy[data-v-05958e94]{color:red}.small-actions[data-v-05958e94]{display:flex;padding:0 10px 0 10px;align-self:center;right:0}.contact-box[data-v-05958e94]{flex:1;display:flex;background:#fff;box-shadow:0 0 10px 1px rgba(0,0,0,.2);border-radius:15px;padding:10px;justify-content:flex-start}.contact-avatar[data-v-05958e94]{width:calc(60px + 2vw);height:calc(60px + 2vw);margin-right:10px;background:linear-gradient(180deg,#eed603,hsla(0,0%,100%,0)),#ca3d11;border-radius:100%}.text-info[data-v-05958e94]{flex-direction:column;text-align:left}.contact-button[data-v-05958e94]{width:calc(40px + 2vw);height:calc(40px + 2vh);border-radius:60px;border:none;outline:none;position:relative;background-color:transparent}.contact-button:hover .btn-icon[data-v-05958e94]{filter:opacity(50%);transform:scale(1.05)}.btn-icon[data-v-05958e94]{width:100%;height:100%}.sure[data-v-05958e94]{width:100%;height:100%;background:coral;border-radius:25px;color:#fafafa;display:flex;align-items:center;text-align:center;align-content:center;font:800;font-size:1.2em}@media (max-width:1024px){.small-actions[data-v-05958e94]{flex-direction:column}}.contacts-wrapper[data-v-33fc82ae]{display:grid;gap:10px 10px;width:-webkit-fill-available}.edit-btn-circle[data-v-33fc82ae]{fill:#005b96}.edit-btn-pen[data-v-33fc82ae]{fill:#fafafa}.create-contact-box[data-v-6f9480f4],.create-contact-form[data-v-6f9480f4]{display:flex;flex-direction:column;min-width:25vw}.create-contact-box[data-v-6f9480f4]{background:transparent}.create-contact-form[data-v-6f9480f4]{background:#fff;box-shadow:0 0 10px 1px rgba(0,0,0,.2);border-radius:15px;padding:10px}.sign[data-v-6f9480f4]{background:#1138f7;color:#fafafa;border-radius:50px;width:40%;align-self:center;padding:15px;font-size:1.2em;margin-bottom:-15px;z-index:1}.btn[data-v-6f9480f4],.txt-input[data-v-6f9480f4]{margin:10px}.txt-input[data-v-6f9480f4]{height:20px;border-radius:8px;border-color:rgba(0,0,0,.2)}.txt-input+.brief[data-v-6f9480f4]{height:40px}.txt-input[data-v-6f9480f4]:focus{border-color:rgba(0,0,0,.2)}.sb-btn[data-v-6f9480f4]{border:none;outline:none;position:relative;background-color:transparent}.sb-btn .icon[data-v-6f9480f4]{width:60px;height:60px;margin:0 0 -40px 0}.sb-btn .icon .back[data-v-6f9480f4]{fill:#1138f7}.sb-btn .icon .plus[data-v-6f9480f4]{fill:#fafafa}.sb-btn:hover .sb-btn[data-v-6f9480f4]{filter:opacity(50%);transform:scale(1.05)}#app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin:0 auto;align-content:center}#app,.grid{width:100%;height:100vh}.grid{display:grid;grid-template-columns:150px auto 150px;grid-template-rows:auto 100px;grid-auto-rows:auto;grid-gap:1em}footer,header{grid-column:1/-1}#content,article,footer,header{background:#eaeaea;display:flex;align-items:center;justify-content:center;height:auto}#content{display:flex;flex-direction:row;justify-content:space-around;padding:min(40px,10%)}#contect .flex1{display:inline;width:100%;width:-moz-available;width:-webkit-fill-available;width:fill-available;justify-content:center;flex:1}header{height:min(10%,200px)}footer{background-color:#00f;color:#fff;font-family:Roboto;font-style:normal;font-weight:800;font-size:32px}.displayed{display:none}@media (max-width:1024px){.grid{grid-template-rows:0 auto auto 100px}#content,aside{grid-column:1/4}#content{flex-direction:column}}@media (max-width:1200px){#content{flex-direction:column}}