/* SHORTCUTS */ /* MEDIA-QUERIES */ /* CONVERT FUNCTIONS */ .layout-component.admin .admin-items, .layout-component.superadmin .admin-items, .layout-component.choose-interface .admin-items { margin-top: 2.0588235294vw; } @media screen and (max-width: 1194px) { .layout-component.admin .admin-items, .layout-component.superadmin .admin-items, .layout-component.choose-interface .admin-items { margin-top: 2.9313232831vw; } } @media screen and (max-width: 768px) { .layout-component.admin .admin-items, .layout-component.superadmin .admin-items, .layout-component.choose-interface .admin-items { margin-top: 4.5572916667vw; } } @media screen and (max-width: 420px) { .layout-component.admin .admin-items, .layout-component.superadmin .admin-items, .layout-component.choose-interface .admin-items { margin-top: 8.3333333333vw; } } .layout-component.admin .admin-items a, .layout-component.admin .admin-items button, .layout-component.superadmin .admin-items a, .layout-component.superadmin .admin-items button, .layout-component.choose-interface .admin-items a, .layout-component.choose-interface .admin-items button { display: block; } .layout-component.admin .admin-items a:not(:first-child), .layout-component.admin .admin-items button:not(:first-child), .layout-component.superadmin .admin-items a:not(:first-child), .layout-component.superadmin .admin-items button:not(:first-child), .layout-component.choose-interface .admin-items a:not(:first-child), .layout-component.choose-interface .admin-items button:not(:first-child) { margin-top: 1.1764705882vw; } @media screen and (max-width: 1194px) { .layout-component.admin .admin-items a:not(:first-child), .layout-component.admin .admin-items button:not(:first-child), .layout-component.superadmin .admin-items a:not(:first-child), .layout-component.superadmin .admin-items button:not(:first-child), .layout-component.choose-interface .admin-items a:not(:first-child), .layout-component.choose-interface .admin-items button:not(:first-child) { margin-top: 1.675041876vw; } } @media screen and (max-width: 768px) { .layout-component.admin .admin-items a:not(:first-child), .layout-component.admin .admin-items button:not(:first-child), .layout-component.superadmin .admin-items a:not(:first-child), .layout-component.superadmin .admin-items button:not(:first-child), .layout-component.choose-interface .admin-items a:not(:first-child), .layout-component.choose-interface .admin-items button:not(:first-child) { margin-top: 2.6041666667vw; } } @media screen and (max-width: 420px) { .layout-component.admin .admin-items a:not(:first-child), .layout-component.admin .admin-items button:not(:first-child), .layout-component.superadmin .admin-items a:not(:first-child), .layout-component.superadmin .admin-items button:not(:first-child), .layout-component.choose-interface .admin-items a:not(:first-child), .layout-component.choose-interface .admin-items button:not(:first-child) { margin-top: 4.7619047619vw; } } .layout-component.admin .admin-items a:hover .item, .layout-component.admin .admin-items a.active .item, .layout-component.admin .admin-items button:hover .item, .layout-component.admin .admin-items button.active .item, .layout-component.superadmin .admin-items a:hover .item, .layout-component.superadmin .admin-items a.active .item, .layout-component.superadmin .admin-items button:hover .item, .layout-component.superadmin .admin-items button.active .item, .layout-component.choose-interface .admin-items a:hover .item, .layout-component.choose-interface .admin-items a.active .item, .layout-component.choose-interface .admin-items button:hover .item, .layout-component.choose-interface .admin-items button.active .item { background-color: var(--wi-background-primary); } .layout-component.admin .admin-items a:hover .item .icon, .layout-component.admin .admin-items a.active .item .icon, .layout-component.admin .admin-items button:hover .item .icon, .layout-component.admin .admin-items button.active .item .icon, .layout-component.superadmin .admin-items a:hover .item .icon, .layout-component.superadmin .admin-items a.active .item .icon, .layout-component.superadmin .admin-items button:hover .item .icon, .layout-component.superadmin .admin-items button.active .item .icon, .layout-component.choose-interface .admin-items a:hover .item .icon, .layout-component.choose-interface .admin-items a.active .item .icon, .layout-component.choose-interface .admin-items button:hover .item .icon, .layout-component.choose-interface .admin-items button.active .item .icon { background-color: var(--wi-action-primary); } .layout-component.admin .admin-items a:hover .item .icon span, .layout-component.admin .admin-items a.active .item .icon span, .layout-component.admin .admin-items button:hover .item .icon span, .layout-component.admin .admin-items button.active .item .icon span, .layout-component.superadmin .admin-items a:hover .item .icon span, .layout-component.superadmin .admin-items a.active .item .icon span, .layout-component.superadmin .admin-items button:hover .item .icon span, .layout-component.superadmin .admin-items button.active .item .icon span, .layout-component.choose-interface .admin-items a:hover .item .icon span, .layout-component.choose-interface .admin-items a.active .item .icon span, .layout-component.choose-interface .admin-items button:hover .item .icon span, .layout-component.choose-interface .admin-items button.active .item .icon span { color: var(--wi-background-secondary); } .layout-component.admin .admin-items .item, .layout-component.superadmin .admin-items .item, .layout-component.choose-interface .admin-items .item { display: flex; align-items: center; border-radius: 0.9411764706vw; padding: 0.9411764706vw 0.5882352941vw; margin: 0vw 0.5882352941vw; background-color: var(--wi-background-secondary); transition: background-color 300ms ease; cursor: pointer; } @media screen and (max-width: 1194px) { .layout-component.admin .admin-items .item, .layout-component.superadmin .admin-items .item, .layout-component.choose-interface .admin-items .item { border-radius: 1.3400335008vw; padding: 1.3400335008vw 0.837520938vw; margin: 0vw 0.837520938vw; } } @media screen and (max-width: 768px) { .layout-component.admin .admin-items .item, .layout-component.superadmin .admin-items .item, .layout-component.choose-interface .admin-items .item { border-radius: 2.0833333333vw; padding: 2.0833333333vw 1.3020833333vw; margin: 0vw 1.3020833333vw; } } @media screen and (max-width: 420px) { .layout-component.admin .admin-items .item, .layout-component.superadmin .admin-items .item, .layout-component.choose-interface .admin-items .item { border-radius: 3.8095238095vw; padding: 3.8095238095vw 2.380952381vw; margin: 0vw 2.380952381vw; } } .layout-component.admin .admin-items .item .icon, .layout-component.superadmin .admin-items .item .icon, .layout-component.choose-interface .admin-items .item .icon { display: flex; align-items: center; margin-left: 0.7647058824vw; min-width: 2.9411764706vw; width: 2.9411764706vw; height: 2.9411764706vw; justify-content: center; background-color: var(--wi-background-primary); border-radius: 50%; transition: background-color 300ms ease; } @media screen and (max-width: 1194px) { .layout-component.admin .admin-items .item .icon, .layout-component.superadmin .admin-items .item .icon, .layout-component.choose-interface .admin-items .item .icon { margin-left: 1.0887772194vw; min-width: 4.1876046901vw; width: 4.1876046901vw; height: 4.1876046901vw; } } @media screen and (max-width: 768px) { .layout-component.admin .admin-items .item .icon, .layout-component.superadmin .admin-items .item .icon, .layout-component.choose-interface .admin-items .item .icon { margin-left: 1.6927083333vw; min-width: 6.5104166667vw; width: 6.5104166667vw; height: 6.5104166667vw; } } @media screen and (max-width: 420px) { .layout-component.admin .admin-items .item .icon, .layout-component.superadmin .admin-items .item .icon, .layout-component.choose-interface .admin-items .item .icon { margin-left: 3.0952380952vw; min-width: 11.9047619048vw; width: 11.9047619048vw; height: 11.9047619048vw; } } .layout-component.admin .admin-items .item .icon img, .layout-component.superadmin .admin-items .item .icon img, .layout-component.choose-interface .admin-items .item .icon img { width: 100%; height: 100%; } .layout-component.admin .admin-items .item .icon span, .layout-component.superadmin .admin-items .item .icon span, .layout-component.choose-interface .admin-items .item .icon span { font-size: 1.1875rem; transition: color 300ms ease; } .layout-component.admin .admin-items .item .content, .layout-component.superadmin .admin-items .item .content, .layout-component.choose-interface .admin-items .item .content { margin-left: 1.1764705882vw; width: calc(100% - 60px); } @media screen and (max-width: 1194px) { .layout-component.admin .admin-items .item .content, .layout-component.superadmin .admin-items .item .content, .layout-component.choose-interface .admin-items .item .content { margin-left: 1.675041876vw; } } @media screen and (max-width: 768px) { .layout-component.admin .admin-items .item .content, .layout-component.superadmin .admin-items .item .content, .layout-component.choose-interface .admin-items .item .content { margin-left: 2.6041666667vw; } } @media screen and (max-width: 420px) { .layout-component.admin .admin-items .item .content, .layout-component.superadmin .admin-items .item .content, .layout-component.choose-interface .admin-items .item .content { margin-left: 4.7619047619vw; } } .layout-component.admin .admin-items .item .content span, .layout-component.superadmin .admin-items .item .content span, .layout-component.choose-interface .admin-items .item .content span { display: block; margin-top: 3px; } /* Super admin only */ .layout-component.superadmin .admin-items { padding-bottom: 185px; margin-top: 2.9411764706vw; } @media screen and (max-width: 1194px) { .layout-component.superadmin .admin-items { margin-top: 4.1876046901vw; } } @media screen and (max-width: 768px) { .layout-component.superadmin .admin-items { margin-top: 6.5104166667vw; } } @media screen and (max-width: 420px) { .layout-component.superadmin .admin-items { margin-top: 11.9047619048vw; } } .layout-component.superadmin .admin-items .item .icon { width: 50px; min-width: 50px; height: 50px; border-radius: 50%; overflow: hidden; } .layout-component.superadmin .admin-items .item .icon img { width: 100%; height: 100%; } /* Choose interface only */ .layout-component.choose-interface .admin-items button:hover .item .icon { background: none; } /* SHORTCUTS */ /* MEDIA-QUERIES */ /* CONVERT FUNCTIONS */ .teams-page .teams-wrapper, .teams-page .admins-section, .teams-page .program-operators-section, .organization-page .teams-wrapper, .organization-page .admins-section, .organization-page .program-operators-section { padding: 0vw 1.4117647059vw; } @media screen and (max-width: 1194px) { .teams-page .teams-wrapper, .teams-page .admins-section, .teams-page .program-operators-section, .organization-page .teams-wrapper, .organization-page .admins-section, .organization-page .program-operators-section { padding: 0vw 2.0100502513vw; } } @media screen and (max-width: 768px) { .teams-page .teams-wrapper, .teams-page .admins-section, .teams-page .program-operators-section, .organization-page .teams-wrapper, .organization-page .admins-section, .organization-page .program-operators-section { padding: 0vw 3.125vw; } } @media screen and (max-width: 420px) { .teams-page .teams-wrapper, .teams-page .admins-section, .teams-page .program-operators-section, .organization-page .teams-wrapper, .organization-page .admins-section, .organization-page .program-operators-section { padding: 0vw 5.7142857143vw; } } .teams-page .teams-wrapper .team-title, .teams-page .teams-wrapper .cohort-title, .teams-page .admins-section .team-title, .teams-page .admins-section .cohort-title, .teams-page .program-operators-section .team-title, .teams-page .program-operators-section .cohort-title, .organization-page .teams-wrapper .team-title, .organization-page .teams-wrapper .cohort-title, .organization-page .admins-section .team-title, .organization-page .admins-section .cohort-title, .organization-page .program-operators-section .team-title, .organization-page .program-operators-section .cohort-title { display: flex; align-items: center; margin: 1.4705882353vw 0vw; justify-content: space-between; position: relative; } @media screen and (max-width: 1194px) { .teams-page .teams-wrapper .team-title, .teams-page .teams-wrapper .cohort-title, .teams-page .admins-section .team-title, .teams-page .admins-section .cohort-title, .teams-page .program-operators-section .team-title, .teams-page .program-operators-section .cohort-title, .organization-page .teams-wrapper .team-title, .organization-page .teams-wrapper .cohort-title, .organization-page .admins-section .team-title, .organization-page .admins-section .cohort-title, .organization-page .program-operators-section .team-title, .organization-page .program-operators-section .cohort-title { margin: 2.0938023451vw 0vw; } } @media screen and (max-width: 768px) { .teams-page .teams-wrapper .team-title, .teams-page .teams-wrapper .cohort-title, .teams-page .admins-section .team-title, .teams-page .admins-section .cohort-title, .teams-page .program-operators-section .team-title, .teams-page .program-operators-section .cohort-title, .organization-page .teams-wrapper .team-title, .organization-page .teams-wrapper .cohort-title, .organization-page .admins-section .team-title, .organization-page .admins-section .cohort-title, .organization-page .program-operators-section .team-title, .organization-page .program-operators-section .cohort-title { margin: 3.2552083333vw 0vw; } } @media screen and (max-width: 420px) { .teams-page .teams-wrapper .team-title, .teams-page .teams-wrapper .cohort-title, .teams-page .admins-section .team-title, .teams-page .admins-section .cohort-title, .teams-page .program-operators-section .team-title, .teams-page .program-operators-section .cohort-title, .organization-page .teams-wrapper .team-title, .organization-page .teams-wrapper .cohort-title, .organization-page .admins-section .team-title, .organization-page .admins-section .cohort-title, .organization-page .program-operators-section .team-title, .organization-page .program-operators-section .cohort-title { margin: 5.9523809524vw 0vw; } } @media (max-width: 968px) { .teams-page .teams-wrapper .team-title, .teams-page .teams-wrapper .cohort-title, .teams-page .admins-section .team-title, .teams-page .admins-section .cohort-title, .teams-page .program-operators-section .team-title, .teams-page .program-operators-section .cohort-title, .organization-page .teams-wrapper .team-title, .organization-page .teams-wrapper .cohort-title, .organization-page .admins-section .team-title, .organization-page .admins-section .cohort-title, .organization-page .program-operators-section .team-title, .organization-page .program-operators-section .cohort-title { flex-wrap: wrap; } } .teams-page .teams-wrapper .team-title .RPMIcons, .teams-page .teams-wrapper .cohort-title .RPMIcons, .teams-page .admins-section .team-title .RPMIcons, .teams-page .admins-section .cohort-title .RPMIcons, .teams-page .program-operators-section .team-title .RPMIcons, .teams-page .program-operators-section .cohort-title .RPMIcons, .organization-page .teams-wrapper .team-title .RPMIcons, .organization-page .teams-wrapper .cohort-title .RPMIcons, .organization-page .admins-section .team-title .RPMIcons, .organization-page .admins-section .cohort-title .RPMIcons, .organization-page .program-operators-section .team-title .RPMIcons, .organization-page .program-operators-section .cohort-title .RPMIcons { font-size: 1.125rem; cursor: pointer; } .teams-page .teams-wrapper .team-title .title-actions, .teams-page .teams-wrapper .cohort-title .title-actions, .teams-page .admins-section .team-title .title-actions, .teams-page .admins-section .cohort-title .title-actions, .teams-page .program-operators-section .team-title .title-actions, .teams-page .program-operators-section .cohort-title .title-actions, .organization-page .teams-wrapper .team-title .title-actions, .organization-page .teams-wrapper .cohort-title .title-actions, .organization-page .admins-section .team-title .title-actions, .organization-page .admins-section .cohort-title .title-actions, .organization-page .program-operators-section .team-title .title-actions, .organization-page .program-operators-section .cohort-title .title-actions { display: flex; align-items: center; } @media (max-width: 968px) { .teams-page .teams-wrapper .team-title .title-actions, .teams-page .teams-wrapper .cohort-title .title-actions, .teams-page .admins-section .team-title .title-actions, .teams-page .admins-section .cohort-title .title-actions, .teams-page .program-operators-section .team-title .title-actions, .teams-page .program-operators-section .cohort-title .title-actions, .organization-page .teams-wrapper .team-title .title-actions, .organization-page .teams-wrapper .cohort-title .title-actions, .organization-page .admins-section .team-title .title-actions, .organization-page .admins-section .cohort-title .title-actions, .organization-page .program-operators-section .team-title .title-actions, .organization-page .program-operators-section .cohort-title .title-actions { width: 100%; justify-content: space-between; margin-top: 10px; } } @media (max-width: 968px) { .teams-page .teams-wrapper .team-title .title-actions .RPMIcons, .teams-page .teams-wrapper .cohort-title .title-actions .RPMIcons, .teams-page .admins-section .team-title .title-actions .RPMIcons, .teams-page .admins-section .cohort-title .title-actions .RPMIcons, .teams-page .program-operators-section .team-title .title-actions .RPMIcons, .teams-page .program-operators-section .cohort-title .title-actions .RPMIcons, .organization-page .teams-wrapper .team-title .title-actions .RPMIcons, .organization-page .teams-wrapper .cohort-title .title-actions .RPMIcons, .organization-page .admins-section .team-title .title-actions .RPMIcons, .organization-page .admins-section .cohort-title .title-actions .RPMIcons, .organization-page .program-operators-section .team-title .title-actions .RPMIcons, .organization-page .program-operators-section .cohort-title .title-actions .RPMIcons { margin-left: auto; } } .teams-page .teams-wrapper .team-title .title-actions button, .teams-page .teams-wrapper .cohort-title .title-actions button, .teams-page .admins-section .team-title .title-actions button, .teams-page .admins-section .cohort-title .title-actions button, .teams-page .program-operators-section .team-title .title-actions button, .teams-page .program-operators-section .cohort-title .title-actions button, .organization-page .teams-wrapper .team-title .title-actions button, .organization-page .teams-wrapper .cohort-title .title-actions button, .organization-page .admins-section .team-title .title-actions button, .organization-page .admins-section .cohort-title .title-actions button, .organization-page .program-operators-section .team-title .title-actions button, .organization-page .program-operators-section .cohort-title .title-actions button { padding: 0.4117647059vw 0.5882352941vw 0.2941176471vw 0.5882352941vw; border-radius: 8px; display: block; border: 1px solid var(--wi-action-primary); color: var(--wi-action-primary); background: var(--wi-transparent); margin-right: 10px; } @media screen and (max-width: 1194px) { .teams-page .teams-wrapper .team-title .title-actions button, .teams-page .teams-wrapper .cohort-title .title-actions button, .teams-page .admins-section .team-title .title-actions button, .teams-page .admins-section .cohort-title .title-actions button, .teams-page .program-operators-section .team-title .title-actions button, .teams-page .program-operators-section .cohort-title .title-actions button, .organization-page .teams-wrapper .team-title .title-actions button, .organization-page .teams-wrapper .cohort-title .title-actions button, .organization-page .admins-section .team-title .title-actions button, .organization-page .admins-section .cohort-title .title-actions button, .organization-page .program-operators-section .team-title .title-actions button, .organization-page .program-operators-section .cohort-title .title-actions button { padding: 0.5862646566vw 0.837520938vw 0.418760469vw 0.837520938vw; } } @media screen and (max-width: 768px) { .teams-page .teams-wrapper .team-title .title-actions button, .teams-page .teams-wrapper .cohort-title .title-actions button, .teams-page .admins-section .team-title .title-actions button, .teams-page .admins-section .cohort-title .title-actions button, .teams-page .program-operators-section .team-title .title-actions button, .teams-page .program-operators-section .cohort-title .title-actions button, .organization-page .teams-wrapper .team-title .title-actions button, .organization-page .teams-wrapper .cohort-title .title-actions button, .organization-page .admins-section .team-title .title-actions button, .organization-page .admins-section .cohort-title .title-actions button, .organization-page .program-operators-section .team-title .title-actions button, .organization-page .program-operators-section .cohort-title .title-actions button { padding: 0.9114583333vw 1.3020833333vw 0.6510416667vw 1.3020833333vw; } } @media screen and (max-width: 420px) { .teams-page .teams-wrapper .team-title .title-actions button, .teams-page .teams-wrapper .cohort-title .title-actions button, .teams-page .admins-section .team-title .title-actions button, .teams-page .admins-section .cohort-title .title-actions button, .teams-page .program-operators-section .team-title .title-actions button, .teams-page .program-operators-section .cohort-title .title-actions button, .organization-page .teams-wrapper .team-title .title-actions button, .organization-page .teams-wrapper .cohort-title .title-actions button, .organization-page .admins-section .team-title .title-actions button, .organization-page .admins-section .cohort-title .title-actions button, .organization-page .program-operators-section .team-title .title-actions button, .organization-page .program-operators-section .cohort-title .title-actions button { padding: 1.6666666667vw 2.380952381vw 1.1904761905vw 2.380952381vw; } } .teams-page .teams-wrapper .team-title .title-actions button .inner, .teams-page .teams-wrapper .cohort-title .title-actions button .inner, .teams-page .admins-section .team-title .title-actions button .inner, .teams-page .admins-section .cohort-title .title-actions button .inner, .teams-page .program-operators-section .team-title .title-actions button .inner, .teams-page .program-operators-section .cohort-title .title-actions button .inner, .organization-page .teams-wrapper .team-title .title-actions button .inner, .organization-page .teams-wrapper .cohort-title .title-actions button .inner, .organization-page .admins-section .team-title .title-actions button .inner, .organization-page .admins-section .cohort-title .title-actions button .inner, .organization-page .program-operators-section .team-title .title-actions button .inner, .organization-page .program-operators-section .cohort-title .title-actions button .inner { display: flex; align-items: center; transition: transform 300ms ease; -webkit-user-select: none; -moz-user-select: none; user-select: none; white-space: nowrap; } .teams-page .teams-wrapper .team-title .title-actions button:hover .inner, .teams-page .teams-wrapper .cohort-title .title-actions button:hover .inner, .teams-page .admins-section .team-title .title-actions button:hover .inner, .teams-page .admins-section .cohort-title .title-actions button:hover .inner, .teams-page .program-operators-section .team-title .title-actions button:hover .inner, .teams-page .program-operators-section .cohort-title .title-actions button:hover .inner, .organization-page .teams-wrapper .team-title .title-actions button:hover .inner, .organization-page .teams-wrapper .cohort-title .title-actions button:hover .inner, .organization-page .admins-section .team-title .title-actions button:hover .inner, .organization-page .admins-section .cohort-title .title-actions button:hover .inner, .organization-page .program-operators-section .team-title .title-actions button:hover .inner, .organization-page .program-operators-section .cohort-title .title-actions button:hover .inner { transform: translate3d(5px, 0, 0); } .teams-page .teams-wrapper .team-title .title-actions .dots-loader-component, .teams-page .teams-wrapper .cohort-title .title-actions .dots-loader-component, .teams-page .admins-section .team-title .title-actions .dots-loader-component, .teams-page .admins-section .cohort-title .title-actions .dots-loader-component, .teams-page .program-operators-section .team-title .title-actions .dots-loader-component, .teams-page .program-operators-section .cohort-title .title-actions .dots-loader-component, .organization-page .teams-wrapper .team-title .title-actions .dots-loader-component, .organization-page .teams-wrapper .cohort-title .title-actions .dots-loader-component, .organization-page .admins-section .team-title .title-actions .dots-loader-component, .organization-page .admins-section .cohort-title .title-actions .dots-loader-component, .organization-page .program-operators-section .team-title .title-actions .dots-loader-component, .organization-page .program-operators-section .cohort-title .title-actions .dots-loader-component { min-width: 100%; } .teams-page .teams-wrapper .team-description, .teams-page .admins-section .team-description, .teams-page .program-operators-section .team-description, .organization-page .teams-wrapper .team-description, .organization-page .admins-section .team-description, .organization-page .program-operators-section .team-description { margin: -1.1764705882vw 0vw 1.4705882353vw 0vw; display: block; } @media screen and (max-width: 1194px) { .teams-page .teams-wrapper .team-description, .teams-page .admins-section .team-description, .teams-page .program-operators-section .team-description, .organization-page .teams-wrapper .team-description, .organization-page .admins-section .team-description, .organization-page .program-operators-section .team-description { margin: -1.675041876vw 0vw 2.0938023451vw 0vw; } } @media screen and (max-width: 768px) { .teams-page .teams-wrapper .team-description, .teams-page .admins-section .team-description, .teams-page .program-operators-section .team-description, .organization-page .teams-wrapper .team-description, .organization-page .admins-section .team-description, .organization-page .program-operators-section .team-description { margin: -2.6041666667vw 0vw 3.2552083333vw 0vw; } } @media screen and (max-width: 420px) { .teams-page .teams-wrapper .team-description, .teams-page .admins-section .team-description, .teams-page .program-operators-section .team-description, .organization-page .teams-wrapper .team-description, .organization-page .admins-section .team-description, .organization-page .program-operators-section .team-description { margin: -4.7619047619vw 0vw 5.9523809524vw 0vw; } } .teams-page .teams-wrapper .cohort-managers .loading-managers, .teams-page .admins-section .cohort-managers .loading-managers, .teams-page .program-operators-section .cohort-managers .loading-managers, .organization-page .teams-wrapper .cohort-managers .loading-managers, .organization-page .admins-section .cohort-managers .loading-managers, .organization-page .program-operators-section .cohort-managers .loading-managers { display: flex; align-items: center; justify-content: center; } .teams-page .teams-wrapper .cohort-managers .loading-managers .dots-loader-component, .teams-page .admins-section .cohort-managers .loading-managers .dots-loader-component, .teams-page .program-operators-section .cohort-managers .loading-managers .dots-loader-component, .organization-page .teams-wrapper .cohort-managers .loading-managers .dots-loader-component, .organization-page .admins-section .cohort-managers .loading-managers .dots-loader-component, .organization-page .program-operators-section .cohort-managers .loading-managers .dots-loader-component { width: auto; } .teams-page .teams-wrapper .table-component-invite-button, .teams-page .admins-section .table-component-invite-button, .teams-page .program-operators-section .table-component-invite-button, .organization-page .teams-wrapper .table-component-invite-button, .organization-page .admins-section .table-component-invite-button, .organization-page .program-operators-section .table-component-invite-button { margin: -1.5294117647vw 0vw 2.1176470588vw 0vw; } @media (max-width: 968px) { .teams-page .teams-wrapper .table-component-invite-button, .teams-page .admins-section .table-component-invite-button, .teams-page .program-operators-section .table-component-invite-button, .organization-page .teams-wrapper .table-component-invite-button, .organization-page .admins-section .table-component-invite-button, .organization-page .program-operators-section .table-component-invite-button { width: 100%; justify-content: flex-start; } } @media screen and (max-width: 1194px) { .teams-page .teams-wrapper .table-component-invite-button, .teams-page .admins-section .table-component-invite-button, .teams-page .program-operators-section .table-component-invite-button, .organization-page .teams-wrapper .table-component-invite-button, .organization-page .admins-section .table-component-invite-button, .organization-page .program-operators-section .table-component-invite-button { margin: -2.1775544389vw 0vw 3.0150753769vw 0vw; } } @media screen and (max-width: 768px) { .teams-page .teams-wrapper .table-component-invite-button, .teams-page .admins-section .table-component-invite-button, .teams-page .program-operators-section .table-component-invite-button, .organization-page .teams-wrapper .table-component-invite-button, .organization-page .admins-section .table-component-invite-button, .organization-page .program-operators-section .table-component-invite-button { margin: -3.3854166667vw 0vw 4.6875vw 0vw; } } @media screen and (max-width: 420px) { .teams-page .teams-wrapper .table-component-invite-button, .teams-page .admins-section .table-component-invite-button, .teams-page .program-operators-section .table-component-invite-button, .organization-page .teams-wrapper .table-component-invite-button, .organization-page .admins-section .table-component-invite-button, .organization-page .program-operators-section .table-component-invite-button { margin: -6.1904761905vw 0vw 8.5714285714vw 0vw; } } .teams-page .teams-wrapper .table-component-invite-button .RPMIcons, .teams-page .admins-section .table-component-invite-button .RPMIcons, .teams-page .program-operators-section .table-component-invite-button .RPMIcons, .organization-page .teams-wrapper .table-component-invite-button .RPMIcons, .organization-page .admins-section .table-component-invite-button .RPMIcons, .organization-page .program-operators-section .table-component-invite-button .RPMIcons { margin-right: 0.4705882353vw; } @media screen and (max-width: 1194px) { .teams-page .teams-wrapper .table-component-invite-button .RPMIcons, .teams-page .admins-section .table-component-invite-button .RPMIcons, .teams-page .program-operators-section .table-component-invite-button .RPMIcons, .organization-page .teams-wrapper .table-component-invite-button .RPMIcons, .organization-page .admins-section .table-component-invite-button .RPMIcons, .organization-page .program-operators-section .table-component-invite-button .RPMIcons { margin-right: 0.6700167504vw; } } @media screen and (max-width: 768px) { .teams-page .teams-wrapper .table-component-invite-button .RPMIcons, .teams-page .admins-section .table-component-invite-button .RPMIcons, .teams-page .program-operators-section .table-component-invite-button .RPMIcons, .organization-page .teams-wrapper .table-component-invite-button .RPMIcons, .organization-page .admins-section .table-component-invite-button .RPMIcons, .organization-page .program-operators-section .table-component-invite-button .RPMIcons { margin-right: 1.0416666667vw; } } @media screen and (max-width: 420px) { .teams-page .teams-wrapper .table-component-invite-button .RPMIcons, .teams-page .admins-section .table-component-invite-button .RPMIcons, .teams-page .program-operators-section .table-component-invite-button .RPMIcons, .organization-page .teams-wrapper .table-component-invite-button .RPMIcons, .organization-page .admins-section .table-component-invite-button .RPMIcons, .organization-page .program-operators-section .table-component-invite-button .RPMIcons { margin-right: 1.9047619048vw; } } .teams-page .teams-wrapper .table-component-invite-button button, .teams-page .admins-section .table-component-invite-button button, .teams-page .program-operators-section .table-component-invite-button button, .organization-page .teams-wrapper .table-component-invite-button button, .organization-page .admins-section .table-component-invite-button button, .organization-page .program-operators-section .table-component-invite-button button { padding: 0.4117647059vw 0.5882352941vw 0.2941176471vw 0.5882352941vw; border-radius: 8px; display: block; border: 1px solid var(--wi-action-primary); color: var(--wi-action-primary); border: none; background: var(--wi-action-secondary); color: var(--wi-on-action-secondary); margin-right: 10px; } @media screen and (max-width: 1194px) { .teams-page .teams-wrapper .table-component-invite-button button, .teams-page .admins-section .table-component-invite-button button, .teams-page .program-operators-section .table-component-invite-button button, .organization-page .teams-wrapper .table-component-invite-button button, .organization-page .admins-section .table-component-invite-button button, .organization-page .program-operators-section .table-component-invite-button button { padding: 0.5862646566vw 0.837520938vw 0.418760469vw 0.837520938vw; } } @media screen and (max-width: 768px) { .teams-page .teams-wrapper .table-component-invite-button button, .teams-page .admins-section .table-component-invite-button button, .teams-page .program-operators-section .table-component-invite-button button, .organization-page .teams-wrapper .table-component-invite-button button, .organization-page .admins-section .table-component-invite-button button, .organization-page .program-operators-section .table-component-invite-button button { padding: 0.9114583333vw 1.3020833333vw 0.6510416667vw 1.3020833333vw; } } @media screen and (max-width: 420px) { .teams-page .teams-wrapper .table-component-invite-button button, .teams-page .admins-section .table-component-invite-button button, .teams-page .program-operators-section .table-component-invite-button button, .organization-page .teams-wrapper .table-component-invite-button button, .organization-page .admins-section .table-component-invite-button button, .organization-page .program-operators-section .table-component-invite-button button { padding: 1.6666666667vw 2.380952381vw 1.1904761905vw 2.380952381vw; } } .teams-page .teams-wrapper .table-component-invite-button button .inner, .teams-page .admins-section .table-component-invite-button button .inner, .teams-page .program-operators-section .table-component-invite-button button .inner, .organization-page .teams-wrapper .table-component-invite-button button .inner, .organization-page .admins-section .table-component-invite-button button .inner, .organization-page .program-operators-section .table-component-invite-button button .inner { display: flex; align-items: center; transition: transform 300ms ease; -webkit-user-select: none; -moz-user-select: none; user-select: none; white-space: nowrap; } .teams-page .teams-wrapper .table-component-invite-button button:hover .inner, .teams-page .admins-section .table-component-invite-button button:hover .inner, .teams-page .program-operators-section .table-component-invite-button button:hover .inner, .organization-page .teams-wrapper .table-component-invite-button button:hover .inner, .organization-page .admins-section .table-component-invite-button button:hover .inner, .organization-page .program-operators-section .table-component-invite-button button:hover .inner { transform: translate3d(5px, 0, 0); } .teams-page .teams-wrapper .table-component-invite-button .dots-loader-component, .teams-page .admins-section .table-component-invite-button .dots-loader-component, .teams-page .program-operators-section .table-component-invite-button .dots-loader-component, .organization-page .teams-wrapper .table-component-invite-button .dots-loader-component, .organization-page .admins-section .table-component-invite-button .dots-loader-component, .organization-page .program-operators-section .table-component-invite-button .dots-loader-component { min-width: 100%; } .teams-page .teams-wrapper .go-to-team-button, .teams-page .admins-section .go-to-team-button, .teams-page .program-operators-section .go-to-team-button, .organization-page .teams-wrapper .go-to-team-button, .organization-page .admins-section .go-to-team-button, .organization-page .program-operators-section .go-to-team-button { margin: 0.2941176471vw 0vw; } @media screen and (max-width: 1194px) { .teams-page .teams-wrapper .go-to-team-button, .teams-page .admins-section .go-to-team-button, .teams-page .program-operators-section .go-to-team-button, .organization-page .teams-wrapper .go-to-team-button, .organization-page .admins-section .go-to-team-button, .organization-page .program-operators-section .go-to-team-button { margin: 0.418760469vw 0vw; } } @media screen and (max-width: 768px) { .teams-page .teams-wrapper .go-to-team-button, .teams-page .admins-section .go-to-team-button, .teams-page .program-operators-section .go-to-team-button, .organization-page .teams-wrapper .go-to-team-button, .organization-page .admins-section .go-to-team-button, .organization-page .program-operators-section .go-to-team-button { margin: 0.6510416667vw 0vw; } } @media screen and (max-width: 420px) { .teams-page .teams-wrapper .go-to-team-button, .teams-page .admins-section .go-to-team-button, .teams-page .program-operators-section .go-to-team-button, .organization-page .teams-wrapper .go-to-team-button, .organization-page .admins-section .go-to-team-button, .organization-page .program-operators-section .go-to-team-button { margin: 1.1904761905vw 0vw; } } .teams-page .teams-wrapper .go-to-team-button button, .teams-page .admins-section .go-to-team-button button, .teams-page .program-operators-section .go-to-team-button button, .organization-page .teams-wrapper .go-to-team-button button, .organization-page .admins-section .go-to-team-button button, .organization-page .program-operators-section .go-to-team-button button { padding: 0.4117647059vw 0.5882352941vw 0.2941176471vw 0.5882352941vw; border-radius: 8px; display: block; border: 1px solid var(--wi-action-primary); color: var(--wi-action-primary); background: var(--wi-action-primary); color: var(--wi-on-action-primary); } @media screen and (max-width: 1194px) { .teams-page .teams-wrapper .go-to-team-button button, .teams-page .admins-section .go-to-team-button button, .teams-page .program-operators-section .go-to-team-button button, .organization-page .teams-wrapper .go-to-team-button button, .organization-page .admins-section .go-to-team-button button, .organization-page .program-operators-section .go-to-team-button button { padding: 0.5862646566vw 0.837520938vw 0.418760469vw 0.837520938vw; } } @media screen and (max-width: 768px) { .teams-page .teams-wrapper .go-to-team-button button, .teams-page .admins-section .go-to-team-button button, .teams-page .program-operators-section .go-to-team-button button, .organization-page .teams-wrapper .go-to-team-button button, .organization-page .admins-section .go-to-team-button button, .organization-page .program-operators-section .go-to-team-button button { padding: 0.9114583333vw 1.3020833333vw 0.6510416667vw 1.3020833333vw; } } @media screen and (max-width: 420px) { .teams-page .teams-wrapper .go-to-team-button button, .teams-page .admins-section .go-to-team-button button, .teams-page .program-operators-section .go-to-team-button button, .organization-page .teams-wrapper .go-to-team-button button, .organization-page .admins-section .go-to-team-button button, .organization-page .program-operators-section .go-to-team-button button { padding: 1.6666666667vw 2.380952381vw 1.1904761905vw 2.380952381vw; } } .teams-page .teams-wrapper .go-to-team-button button .inner, .teams-page .admins-section .go-to-team-button button .inner, .teams-page .program-operators-section .go-to-team-button button .inner, .organization-page .teams-wrapper .go-to-team-button button .inner, .organization-page .admins-section .go-to-team-button button .inner, .organization-page .program-operators-section .go-to-team-button button .inner { display: flex; align-items: center; transition: transform 300ms ease; -webkit-user-select: none; -moz-user-select: none; user-select: none; white-space: nowrap; } .teams-page .teams-wrapper .go-to-team-button button:hover .inner, .teams-page .admins-section .go-to-team-button button:hover .inner, .teams-page .program-operators-section .go-to-team-button button:hover .inner, .organization-page .teams-wrapper .go-to-team-button button:hover .inner, .organization-page .admins-section .go-to-team-button button:hover .inner, .organization-page .program-operators-section .go-to-team-button button:hover .inner { transform: translate3d(5px, 0, 0); } .teams-page .teams-wrapper .go-to-team-button .get-access, .teams-page .admins-section .go-to-team-button .get-access, .teams-page .program-operators-section .go-to-team-button .get-access, .organization-page .teams-wrapper .go-to-team-button .get-access, .organization-page .admins-section .go-to-team-button .get-access, .organization-page .program-operators-section .go-to-team-button .get-access { background: var(--wi-transparent); color: var(--wi-action-primary); border: 1px solid var(--wi-action-primary); } .teams-page .teams-wrapper .member, .teams-page .admins-section .member, .teams-page .program-operators-section .member, .organization-page .teams-wrapper .member, .organization-page .admins-section .member, .organization-page .program-operators-section .member { position: relative; } .teams-page .teams-wrapper .member .member-content, .teams-page .admins-section .member .member-content, .teams-page .program-operators-section .member .member-content, .organization-page .teams-wrapper .member .member-content, .organization-page .admins-section .member .member-content, .organization-page .program-operators-section .member .member-content { display: flex; align-items: center; justify-content: space-between; } .teams-page .teams-wrapper .member .member-content .left, .teams-page .admins-section .member .member-content .left, .teams-page .program-operators-section .member .member-content .left, .organization-page .teams-wrapper .member .member-content .left, .organization-page .admins-section .member .member-content .left, .organization-page .program-operators-section .member .member-content .left { max-width: 70%; } .teams-page .teams-wrapper .member .member-content .left .header4 .body1, .teams-page .admins-section .member .member-content .left .header4 .body1, .teams-page .program-operators-section .member .member-content .left .header4 .body1, .organization-page .teams-wrapper .member .member-content .left .header4 .body1, .organization-page .admins-section .member .member-content .left .header4 .body1, .organization-page .program-operators-section .member .member-content .left .header4 .body1 { font-weight: 400; } @media (max-width: 968px) { .teams-page .teams-wrapper .member .member-content, .teams-page .admins-section .member .member-content, .teams-page .program-operators-section .member .member-content, .organization-page .teams-wrapper .member .member-content, .organization-page .admins-section .member .member-content, .organization-page .program-operators-section .member .member-content { flex-wrap: wrap; } .teams-page .teams-wrapper .member .member-content .left, .teams-page .admins-section .member .member-content .left, .teams-page .program-operators-section .member .member-content .left, .organization-page .teams-wrapper .member .member-content .left, .organization-page .admins-section .member .member-content .left, .organization-page .program-operators-section .member .member-content .left { overflow: hidden; max-width: 100%; } .teams-page .teams-wrapper .member .member-content .left .header4, .teams-page .admins-section .member .member-content .left .header4, .teams-page .program-operators-section .member .member-content .left .header4, .organization-page .teams-wrapper .member .member-content .left .header4, .organization-page .admins-section .member .member-content .left .header4, .organization-page .program-operators-section .member .member-content .left .header4 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } } .teams-page .teams-wrapper .member .member-content .right, .teams-page .admins-section .member .member-content .right, .teams-page .program-operators-section .member .member-content .right, .organization-page .teams-wrapper .member .member-content .right, .organization-page .admins-section .member .member-content .right, .organization-page .program-operators-section .member .member-content .right { display: flex; align-items: center; position: relative; } @media (max-width: 968px) { .teams-page .teams-wrapper .member .member-content .right, .teams-page .admins-section .member .member-content .right, .teams-page .program-operators-section .member .member-content .right, .organization-page .teams-wrapper .member .member-content .right, .organization-page .admins-section .member .member-content .right, .organization-page .program-operators-section .member .member-content .right { margin-top: 10px; } } .teams-page .teams-wrapper .member .member-content .right span, .teams-page .admins-section .member .member-content .right span, .teams-page .program-operators-section .member .member-content .right span, .organization-page .teams-wrapper .member .member-content .right span, .organization-page .admins-section .member .member-content .right span, .organization-page .program-operators-section .member .member-content .right span { text-transform: capitalize; } .teams-page .teams-wrapper .member .member-content .right .dots-loader-component, .teams-page .admins-section .member .member-content .right .dots-loader-component, .teams-page .program-operators-section .member .member-content .right .dots-loader-component, .organization-page .teams-wrapper .member .member-content .right .dots-loader-component, .organization-page .admins-section .member .member-content .right .dots-loader-component, .organization-page .program-operators-section .member .member-content .right .dots-loader-component { min-width: 100%; } @media (max-width: 768px) { .teams-page .teams-wrapper .member .member-content .right .contextual-menu-component, .teams-page .admins-section .member .member-content .right .contextual-menu-component, .teams-page .program-operators-section .member .member-content .right .contextual-menu-component, .organization-page .teams-wrapper .member .member-content .right .contextual-menu-component, .organization-page .admins-section .member .member-content .right .contextual-menu-component, .organization-page .program-operators-section .member .member-content .right .contextual-menu-component { right: auto; left: 0; } } .teams-page .teams-wrapper .member .member-content .right .RPMIcons, .teams-page .admins-section .member .member-content .right .RPMIcons, .teams-page .program-operators-section .member .member-content .right .RPMIcons, .organization-page .teams-wrapper .member .member-content .right .RPMIcons, .organization-page .admins-section .member .member-content .right .RPMIcons, .organization-page .program-operators-section .member .member-content .right .RPMIcons { margin-left: 1.1764705882vw; font-size: 1.125rem; } @media screen and (max-width: 1194px) { .teams-page .teams-wrapper .member .member-content .right .RPMIcons, .teams-page .admins-section .member .member-content .right .RPMIcons, .teams-page .program-operators-section .member .member-content .right .RPMIcons, .organization-page .teams-wrapper .member .member-content .right .RPMIcons, .organization-page .admins-section .member .member-content .right .RPMIcons, .organization-page .program-operators-section .member .member-content .right .RPMIcons { margin-left: 1.675041876vw; } } @media screen and (max-width: 768px) { .teams-page .teams-wrapper .member .member-content .right .RPMIcons, .teams-page .admins-section .member .member-content .right .RPMIcons, .teams-page .program-operators-section .member .member-content .right .RPMIcons, .organization-page .teams-wrapper .member .member-content .right .RPMIcons, .organization-page .admins-section .member .member-content .right .RPMIcons, .organization-page .program-operators-section .member .member-content .right .RPMIcons { margin-left: 2.6041666667vw; } } @media screen and (max-width: 420px) { .teams-page .teams-wrapper .member .member-content .right .RPMIcons, .teams-page .admins-section .member .member-content .right .RPMIcons, .teams-page .program-operators-section .member .member-content .right .RPMIcons, .organization-page .teams-wrapper .member .member-content .right .RPMIcons, .organization-page .admins-section .member .member-content .right .RPMIcons, .organization-page .program-operators-section .member .member-content .right .RPMIcons { margin-left: 4.7619047619vw; } } .teams-page .teams-wrapper .member .member-content .right .rendering-provider, .teams-page .admins-section .member .member-content .right .rendering-provider, .teams-page .program-operators-section .member .member-content .right .rendering-provider, .organization-page .teams-wrapper .member .member-content .right .rendering-provider, .organization-page .admins-section .member .member-content .right .rendering-provider, .organization-page .program-operators-section .member .member-content .right .rendering-provider { margin-right: 10px; padding: 3px 6px; border-radius: 20px; background-color: var(--wi-action-secondary); color: var(--wi-action-primary); } .teams-page .teams-page-container, .organization-page .teams-page-container { padding: 0vw 1.4117647059vw; } @media screen and (max-width: 1194px) { .teams-page .teams-page-container, .organization-page .teams-page-container { padding: 0vw 2.0100502513vw; } } @media screen and (max-width: 768px) { .teams-page .teams-page-container, .organization-page .teams-page-container { padding: 0vw 3.125vw; } } @media screen and (max-width: 420px) { .teams-page .teams-page-container, .organization-page .teams-page-container { padding: 0vw 5.7142857143vw; } } /* Superadmin only */ .cohorts-page .skeleton .react-loading-skeleton { background-color: var(--wi-background-secondary); background-image: linear-gradient(90deg, var(--wi-background-secondary), var(--wi-divider), var(--wi-background-secondary)); } .cohorts-page .skeleton .cohort-infos { min-width: 300px; } .cohorts-page .skeleton .cohort-infos .body1 { margin-top: 10px; width: 50%; } /* RPMIcons Font */ @font-face { font-family: "RPMIconFont"; src: url(/assets/fonts/1cb6d3ad905036dd7856.woff) format("woff"), url(/assets/fonts/d6b936161d99a5d827f5.ttf?#iefix) format("truetype"), url(/assets/fonts/1574fd21db7a706d080a.eot) format("eot"); font-weight: normal; font-style: normal; font-display: swap; } [class*=RPMIcons_] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: "RPMIconFont", Serif !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @font-face { font-family: "RPMIcons"; src: url(/assets/fonts/1574fd21db7a706d080a.eot?l9rio0); src: url(/assets/fonts/1574fd21db7a706d080a.eot?l9rio0#iefix) format("embedded-opentype"), url(/assets/fonts/d6b936161d99a5d827f5.ttf?l9rio0) format("truetype"), url(/assets/fonts/1cb6d3ad905036dd7856.woff?l9rio0) format("woff"), url(/assets/fonts/f47d0a62e527d554ded8.svg?l9rio0#hmicons) format("svg"); font-weight: normal; font-style: normal; font-display: block; } [class^=icon-], [class*=" icon-"], [class^=RPMIcons] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: "RPMIcons" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .RPMIcons_utilitary_back:before { content: "\e900"; } .RPMIcons_utilitary_backandroid:before { content: "\e901"; } .RPMIcons_utilitary_battery0:before { content: "\e902"; } .RPMIcons_utilitary_battery1:before { content: "\e903"; } .RPMIcons_utilitary_battery2:before { content: "\e904"; } .RPMIcons_utilitary_battery3:before { content: "\e905"; } .RPMIcons_utilitary_battery4:before { content: "\e906"; } .RPMIcons_utilitary_battery5:before { content: "\e907"; } .RPMIcons_utilitary_battery6:before { content: "\e908"; } .RPMIcons_utilitary_battery7:before { content: "\e909"; } .RPMIcons_utilitary_battery8:before { content: "\e90a"; } .RPMIcons_utilitary_battery9:before { content: "\e90b"; } .RPMIcons_utilitary_battery10:before { content: "\e90c"; } .RPMIcons_utilitary_battery11:before { content: "\e90d"; } .RPMIcons_utilitary_cancel:before { content: "\e90e"; } .RPMIcons_utilitary_check:before { content: "\e90f"; } .RPMIcons_utilitary_close:before { content: "\e910"; } .RPMIcons_utilitary_curve:before { content: "\e911"; } .RPMIcons_utilitary_delete:before { content: "\e912"; } .RPMIcons_utilitary_deleteround:before { content: "\e913"; } .RPMIcons_utilitary_downsm:before { content: "\e914"; } .RPMIcons_utilitary_edit:before { content: "\e915"; } .RPMIcons_utilitary_edit2:before { content: "\e916"; } .RPMIcons_utilitary_grip:before { content: "\e917"; } .RPMIcons_utilitary_histo:before { content: "\e918"; } .RPMIcons_utilitary_import:before { content: "\e919"; } .RPMIcons_utilitary_importround:before { content: "\e91a"; } .RPMIcons_utilitary_leftright:before { content: "\e91b"; } .RPMIcons_utilitary_leftsm:before { content: "\e91c"; } .RPMIcons_utilitary_lightdown:before { content: "\e91d"; } .RPMIcons_utilitary_lightup:before { content: "\e91e"; } .RPMIcons_utilitary_list:before { content: "\e91f"; } .RPMIcons_utilitary_location:before { content: "\e920"; } .RPMIcons_utilitary_menu:before { content: "\e921"; } .RPMIcons_utilitary_menu2:before { content: "\e922"; } .RPMIcons_utilitary_messageround:before { content: "\e923"; } .RPMIcons_utilitary_more:before { content: "\e924"; } .RPMIcons_utilitary_next30:before { content: "\e925"; } .RPMIcons_utilitary_nextArrow:before { content: "\e926"; } .RPMIcons_utilitary_overview:before { content: "\e927"; } .RPMIcons_utilitary_plus:before { content: "\e928"; } .RPMIcons_utilitary_prev30:before { content: "\e929"; } .RPMIcons_utilitary_rightsm:before { content: "\e92a"; } .RPMIcons_utilitary_search:before { content: "\e92b"; } .RPMIcons_utilitary_select:before { content: "\e92c"; } .RPMIcons_utilitary_settings3:before { content: "\e92d"; } .RPMIcons_utilitary_share:before { content: "\e92e"; } .RPMIcons_utilitary_shareround:before { content: "\e92f"; } .RPMIcons_utilitary_sync:before { content: "\e930"; } .RPMIcons_utilitary_timeleft:before { content: "\e931"; } .RPMIcons_utilitary_timeright:before { content: "\e932"; } .RPMIcons_utilitary_trendbottom:before { content: "\e933"; } .RPMIcons_utilitary_trenddown:before { content: "\e934"; } .RPMIcons_utilitary_trendstable:before { content: "\e935"; } .RPMIcons_utilitary_trendtop:before { content: "\e936"; } .RPMIcons_utilitary_trendup:before { content: "\e937"; } .RPMIcons_utilitary_update:before { content: "\e938"; } .RPMIcons_utilitary_updown:before { content: "\e939"; } .RPMIcons_utilitary_upsm:before { content: "\e93a"; } .RPMIcons_utilitary_videoback:before { content: "\e93b"; } .RPMIcons_utilitary_voldown:before { content: "\e93c"; } .RPMIcons_utilitary_volup:before { content: "\e93d"; } .RPMIcons_utilitary_wifilvl0:before { content: "\e93e"; } .RPMIcons_utilitary_wifilvl1:before { content: "\e93f"; } .RPMIcons_utilitary_wifilvl2:before { content: "\e940"; } .RPMIcons_utilitary_wifilvl3:before { content: "\e941"; } .RPMIcons_utilitary_wifilvl4:before { content: "\e942"; } .RPMIcons_utilitary_zoom:before { content: "\e943"; } .RPMIcons_utilitary_zoomout:before { content: "\e944"; } .RPMIcons_stock_airplane1:before { content: "\e945"; } .RPMIcons_stock_airplane2:before { content: "\e946"; } .RPMIcons_stock_airquality:before { content: "\e947"; } .RPMIcons_stock_arm:before { content: "\e948"; } .RPMIcons_stock_baby1:before { content: "\e949"; } .RPMIcons_stock_badges1:before { content: "\e94a"; } .RPMIcons_stock_bedroom:before { content: "\e94b"; } .RPMIcons_stock_bell:before { content: "\e94c"; } .RPMIcons_stock_bell2:before { content: "\e94d"; } .RPMIcons_stock_book:before { content: "\e94e"; } .RPMIcons_stock_bzzzit:before { content: "\e94f"; } .RPMIcons_stock_cal:before { content: "\e950"; } .RPMIcons_stock_calorie:before { content: "\e951"; } .RPMIcons_stock_cam:before { content: "\e952"; } .RPMIcons_stock_cam3:before { content: "\e953"; } .RPMIcons_stock_cart:before { content: "\e954"; } .RPMIcons_stock_cup:before { content: "\e955"; } .RPMIcons_stock_day:before { content: "\e956"; } .RPMIcons_stock_device:before { content: "\e957"; } .RPMIcons_stock_distance:before { content: "\e958"; } .RPMIcons_stock_dnd1:before { content: "\e959"; } .RPMIcons_stock_dream:before { content: "\e95a"; } .RPMIcons_stock_eye:before { content: "\e95b"; } .RPMIcons_stock_eye2:before { content: "\e95c"; } .RPMIcons_stock_eyeclose:before { content: "\e95d"; } .RPMIcons_stock_feather:before { content: "\e95e"; } .RPMIcons_stock_feather2:before { content: "\e95f"; } .RPMIcons_stock_heart:before { content: "\e960"; } .RPMIcons_stock_heart2:before { content: "\e961"; } .RPMIcons_stock_heart3:before { content: "\e962"; } .RPMIcons_stock_home1:before { content: "\e963"; } .RPMIcons_stock_hr:before { content: "\e964"; } .RPMIcons_stock_humidity:before { content: "\e965"; } .RPMIcons_stock_lab1:before { content: "\e966"; } .RPMIcons_stock_language:before { content: "\e967"; } .RPMIcons_stock_leaderboard:before { content: "\e968"; } .RPMIcons_stock_light:before { content: "\e969"; } .RPMIcons_stock_lock:before { content: "\e96a"; } .RPMIcons_stock_lotus:before { content: "\e96b"; } .RPMIcons_stock_magic:before { content: "\e96c"; } .RPMIcons_stock_mail:before { content: "\e96d"; } .RPMIcons_stock_man:before { content: "\e96e"; } .RPMIcons_stock_mappoint:before { content: "\e96f"; } .RPMIcons_stock_message3:before { content: "\e970"; } .RPMIcons_stock_mic:before { content: "\e971"; } .RPMIcons_stock_month:before { content: "\e972"; } .RPMIcons_stock_month2:before { content: "\e973"; } .RPMIcons_stock_moon:before { content: "\e974"; } .RPMIcons_stock_mug:before { content: "\e975"; } .RPMIcons_stock_music:before { content: "\e976"; } .RPMIcons_stock_neutral:before { content: "\e977"; } .RPMIcons_stock_news:before { content: "\e978"; } .RPMIcons_stock_nightlight:before { content: "\e979"; } .RPMIcons_stock_noise:before { content: "\e97a"; } .RPMIcons_stock_paperclip:before { content: "\e97b"; } .RPMIcons_stock_pen:before { content: "\e97c"; } .RPMIcons_stock_photoalbum1:before { content: "\e97d"; } .RPMIcons_stock_photoalbum2:before { content: "\e97e"; } .RPMIcons_stock_piano:before { content: "\e97f"; } .RPMIcons_stock_pict:before { content: "\e980"; } .RPMIcons_stock_pie:before { content: "\e981"; } .RPMIcons_stock_pill:before { content: "\e982"; } .RPMIcons_stock_plan1:before { content: "\e983"; } .RPMIcons_stock_plan2:before { content: "\e984"; } .RPMIcons_stock_pressure:before { content: "\e985"; } .RPMIcons_stock_pressure2:before { content: "\e986"; } .RPMIcons_stock_privacy1:before { content: "\e987"; } .RPMIcons_stock_profile:before { content: "\e988"; } .RPMIcons_stock_radio:before { content: "\e989"; } .RPMIcons_stock_rocket:before { content: "\e98a"; } .RPMIcons_stock_rocket2:before { content: "\e98b"; } .RPMIcons_stock_sendandroid:before { content: "\e98c"; } .RPMIcons_stock_settings:before { content: "\e98d"; } .RPMIcons_stock_settings2:before { content: "\e98e"; } .RPMIcons_stock_settings4:before { content: "\e98f"; } .RPMIcons_stock_share2:before { content: "\e990"; } .RPMIcons_stock_sport:before { content: "\e991"; } .RPMIcons_stock_star2:before { content: "\e992"; } .RPMIcons_stock_sun:before { content: "\e993"; } .RPMIcons_stock_sun2:before { content: "\e994"; } .RPMIcons_stock_sunset:before { content: "\e995"; } .RPMIcons_stock_team1:before { content: "\e996"; } .RPMIcons_stock_temperature:before { content: "\e997"; } .RPMIcons_stock_thumbdown:before { content: "\e998"; } .RPMIcons_stock_thumbup:before { content: "\e999"; } .RPMIcons_stock_time:before { content: "\e99a"; } .RPMIcons_stock_trend:before { content: "\e99b"; } .RPMIcons_stock_week:before { content: "\e99c"; } .RPMIcons_stock_woman:before { content: "\e99d"; } .RPMIcons_stock_zen:before { content: "\e99e"; } .RPMIcons_rounded_alarmclock1:before { content: "\e99f"; } .RPMIcons_rounded_alarmclock2:before { content: "\e9a0"; } .RPMIcons_rounded_baby3:before { content: "\e9a1"; } .RPMIcons_rounded_baby4:before { content: "\e9a2"; } .RPMIcons_rounded_baby5:before { content: "\e9a3"; } .RPMIcons_rounded_bell3:before { content: "\e9a4"; } .RPMIcons_rounded_bell4:before { content: "\e9a5"; } .RPMIcons_rounded_bof1:before { content: "\e9a6"; } .RPMIcons_rounded_bt1:before { content: "\e9a7"; } .RPMIcons_rounded_bt2:before { content: "\e9a8"; } .RPMIcons_rounded_bt3:before { content: "\e9a9"; } .RPMIcons_rounded_cup3:before { content: "\e9aa"; } .RPMIcons_rounded_cup4:before { content: "\e9ab"; } .RPMIcons_rounded_dnd3:before { content: "\e9ac"; } .RPMIcons_rounded_dnd4:before { content: "\e9ad"; } .RPMIcons_rounded_downrd:before { content: "\e9ae"; } .RPMIcons_rounded_downrd2:before { content: "\e9af"; } .RPMIcons_rounded_earth:before { content: "\e9b0"; } .RPMIcons_rounded_earth2:before { content: "\e9b1"; } .RPMIcons_rounded_empty:before { content: "\e9b2"; } .RPMIcons_rounded_ethernet1:before { content: "\e9b3"; } .RPMIcons_rounded_ethernet2:before { content: "\e9b4"; } .RPMIcons_rounded_flatrd:before { content: "\e9b5"; } .RPMIcons_rounded_flatrd2:before { content: "\e9b6"; } .RPMIcons_rounded_flatrd3:before { content: "\e9b7"; } .RPMIcons_rounded_food1:before { content: "\e9b8"; } .RPMIcons_rounded_food2:before { content: "\e9b9"; } .RPMIcons_rounded_happy1:before { content: "\e9ba"; } .RPMIcons_rounded_help:before { content: "\e9bb"; } .RPMIcons_rounded_help2:before { content: "\e9bc"; } .RPMIcons_rounded_info:before { content: "\e9bd"; } .RPMIcons_rounded_info2:before { content: "\e9be"; } .RPMIcons_rounded_insights1:before { content: "\e9bf"; } .RPMIcons_rounded_insights2:before { content: "\e9c0"; } .RPMIcons_rounded_lightening:before { content: "\e9c1"; } .RPMIcons_rounded_lightening2:before { content: "\e9c2"; } .RPMIcons_rounded_location2:before { content: "\e9c3"; } .RPMIcons_rounded_lowbat1:before { content: "\e9c4"; } .RPMIcons_rounded_lowbat2:before { content: "\e9c5"; } .RPMIcons_rounded_man2:before { content: "\e9c6"; } .RPMIcons_rounded_man3:before { content: "\e9c7"; } .RPMIcons_rounded_man4:before { content: "\e9c8"; } .RPMIcons_rounded_mdownrd:before { content: "\e9c9"; } .RPMIcons_rounded_mdownrd2:before { content: "\e9ca"; } .RPMIcons_rounded_mdownrd3:before { content: "\e9cb"; } .RPMIcons_rounded_message:before { content: "\e9cc"; } .RPMIcons_rounded_message2:before { content: "\e9cd"; } .RPMIcons_rounded_minusrd:before { content: "\e9ce"; } .RPMIcons_rounded_minusrd2:before { content: "\e9cf"; } .RPMIcons_rounded_minusrd3:before { content: "\e9d0"; } .RPMIcons_rounded_mouaip1:before { content: "\e9d1"; } .RPMIcons_rounded_muprd:before { content: "\e9d2"; } .RPMIcons_rounded_muprd2:before { content: "\e9d3"; } .RPMIcons_rounded_muprd3:before { content: "\e9d4"; } .RPMIcons_rounded_next:before { content: "\e9d5"; } .RPMIcons_rounded_next2:before { content: "\e9d6"; } .RPMIcons_rounded_next3:before { content: "\e9d7"; } .RPMIcons_rounded_nok:before { content: "\e9d8"; } .RPMIcons_rounded_nok2:before { content: "\e9d9"; } .RPMIcons_rounded_nok3:before { content: "\e9da"; } .RPMIcons_rounded_ok:before { content: "\e9db"; } .RPMIcons_rounded_ok2:before { content: "\e9dc"; } .RPMIcons_rounded_ok3:before { content: "\e9dd"; } .RPMIcons_rounded_people1:before { content: "\e9de"; } .RPMIcons_rounded_people2:before { content: "\e9df"; } .RPMIcons_rounded_plusrd:before { content: "\e9e0"; } .RPMIcons_rounded_plusrd2:before { content: "\e9e1"; } .RPMIcons_rounded_plusrd3:before { content: "\e9e2"; } .RPMIcons_rounded_prev:before { content: "\e9e3"; } .RPMIcons_rounded_prev2:before { content: "\e9e4"; } .RPMIcons_rounded_prev3:before { content: "\e9e5"; } .RPMIcons_rounded_privacy3:before { content: "\e9e6"; } .RPMIcons_rounded_privacy4:before { content: "\e9e7"; } .RPMIcons_rounded_robot1:before { content: "\e9e8"; } .RPMIcons_rounded_robot2:before { content: "\e9e9"; } .RPMIcons_rounded_roundedheart:before { content: "\e9ea"; } .RPMIcons_rounded_roundedheart2:before { content: "\e9eb"; } .RPMIcons_rounded_roundedheart3:before { content: "\e9ec"; } .RPMIcons_rounded_roundedrun:before { content: "\e9ed"; } .RPMIcons_rounded_roundedrun2:before { content: "\e9ee"; } .RPMIcons_rounded_roundedrun3:before { content: "\e9ef"; } .RPMIcons_rounded_roundedwalk:before { content: "\e9f0"; } .RPMIcons_rounded_roundedwalk2:before { content: "\e9f1"; } .RPMIcons_rounded_roundedwalk3:before { content: "\e9f2"; } .RPMIcons_rounded_roundmore:before { content: "\e9f3"; } .RPMIcons_rounded_roundmore2:before { content: "\e9f4"; } .RPMIcons_rounded_sad1:before { content: "\e9f5"; } .RPMIcons_rounded_snooze2:before { content: "\e9f6"; } .RPMIcons_rounded_star:before { content: "\e9f7"; } .RPMIcons_rounded_star7:before { content: "\e9f8"; } .RPMIcons_rounded_target1:before { content: "\e9f9"; } .RPMIcons_rounded_target2:before { content: "\e9fa"; } .RPMIcons_rounded_uprd:before { content: "\e9fb"; } .RPMIcons_rounded_uprd2:before { content: "\e9fc"; } .RPMIcons_rounded_uprd3:before { content: "\e9fd"; } .RPMIcons_rounded_usb1:before { content: "\e9fe"; } .RPMIcons_rounded_usb2:before { content: "\e9ff"; } .RPMIcons_rounded_warning:before { content: "\ea00"; } .RPMIcons_rounded_warning2:before { content: "\ea01"; } .RPMIcons_rounded_warning3:before { content: "\ea02"; } .RPMIcons_rounded_wifi1:before { content: "\ea03"; } .RPMIcons_rounded_wifi2:before { content: "\ea04"; } .RPMIcons_rounded_woa1:before { content: "\ea05"; } .RPMIcons_rounded_woman2:before { content: "\ea06"; } .RPMIcons_rounded_woman3:before { content: "\ea07"; } .RPMIcons_rounded_woman4:before { content: "\ea08"; } .RPMIcons_player_forward:before { content: "\ea09"; } .RPMIcons_player_forward2:before { content: "\ea0a"; } .RPMIcons_player_pause:before { content: "\ea0b"; } .RPMIcons_player_pause2:before { content: "\ea0c"; } .RPMIcons_player_play:before { content: "\ea0d"; } .RPMIcons_player_play2:before { content: "\ea0e"; } .RPMIcons_player_rewind:before { content: "\ea0f"; } .RPMIcons_player_rewind2:before { content: "\ea10"; } .RPMIcons_player_skipnext:before { content: "\ea11"; } .RPMIcons_player_skipnext3:before { content: "\ea12"; } .RPMIcons_player_skipnext4:before { content: "\ea13"; } .RPMIcons_player_skipprevious:before { content: "\ea14"; } .RPMIcons_player_skipprevious3:before { content: "\ea15"; } .RPMIcons_player_skipprevious4:before { content: "\ea16"; } .RPMIcons_player_snooze:before { content: "\ea17"; } .RPMIcons_player_stop:before { content: "\ea18"; } .RPMIcons_player_stop2:before { content: "\ea19"; } .RPMIcons_menu_book2:before { content: "\ea1a"; } .RPMIcons_menu_book3:before { content: "\ea1b"; } .RPMIcons_menu_device2:before { content: "\ea1c"; } .RPMIcons_menu_devices3:before { content: "\ea1d"; } .RPMIcons_menu_home2:before { content: "\ea1e"; } .RPMIcons_menu_home3:before { content: "\ea1f"; } .RPMIcons_menu_profile2:before { content: "\ea20"; } .RPMIcons_menu_profile3:before { content: "\ea21"; } .RPMIcons_menu_star3:before { content: "\ea22"; } .RPMIcons_menu_star4:before { content: "\ea23"; } .RPMIcons_menu_star5:before { content: "\ea24"; } .RPMIcons_logo_android:before { content: "\ea25"; } .RPMIcons_logo_apple:before { content: "\ea26"; } .RPMIcons_logo_bch:before { content: "\ea27"; } .RPMIcons_logo_facebook:before { content: "\ea28"; } .RPMIcons_logo_facebook2:before { content: "\ea29"; } .RPMIcons_logo_google:before { content: "\ea2a"; } .RPMIcons_logo_google2:before { content: "\ea2b"; } .RPMIcons_logo_homelogo:before { content: "\ea2c"; } .RPMIcons_logo_nikefuel:before { content: "\ea2d"; } .RPMIcons_logo_nikeplus:before { content: "\ea2e"; } .RPMIcons_logo_spotify:before { content: "\ea2f"; } .RPMIcons_logo_spotify2:before { content: "\ea30"; } .RPMIcons_logo_twitter:before { content: "\ea31"; } .RPMIcons_logo_twitter2:before { content: "\ea32"; } .RPMIcons_logo_withingslogo:before { content: "\ea33"; } .RPMIcons_logo_withingslogo2:before { content: "\ea34"; } .RPMIcons_logo_withingslogofull:before { content: "\ea35"; } .RPMIcons_logo_withingslogosmall:before { content: "\ea36"; } .RPMIcons_logo_withingsnokialogofull:before { content: "\ea37"; } .RPMIcons_device_aura:before { content: "\ea38"; } .RPMIcons_device_device1:before { content: "\ea39"; } .RPMIcons_device_goscreen:before { content: "\ea3a"; } .RPMIcons_device_goscreen2:before { content: "\ea3b"; } .RPMIcons_device_home:before { content: "\ea3c"; } .RPMIcons_device_scale1:before { content: "\ea3d"; } .RPMIcons_device_scale2:before { content: "\ea3e"; } .RPMIcons_device_scale3:before { content: "\ea3f"; } .RPMIcons_device_thermo:before { content: "\ea40"; } .RPMIcons_device_whours:before { content: "\ea41"; } .RPMIcons_device_whours2:before { content: "\ea42"; } .RPMIcons_device_wminutes:before { content: "\ea43"; } .RPMIcons_device_wminutes2:before { content: "\ea44"; } .RPMIcons_device_wmotion:before { content: "\ea45"; } .RPMIcons_device_wmotion2:before { content: "\ea46"; } .RPMIcons_device_wmotionhr:before { content: "\ea47"; } .RPMIcons_interaction_intdrag1:before { content: "\ea48"; } .RPMIcons_interaction_intdrag2:before { content: "\ea49"; } .RPMIcons_interaction_intdrag3:before { content: "\ea4a"; } .RPMIcons_interaction_introtate:before { content: "\ea4b"; } .RPMIcons_interaction_introtate2:before { content: "\ea4c"; } .RPMIcons_interaction_intswipe:before { content: "\ea4d"; } .RPMIcons_interaction_intswipeleft:before { content: "\ea4e"; } .RPMIcons_interaction_intswiperight:before { content: "\ea4f"; } .RPMIcons_interaction_intzoom:before { content: "\ea50"; } .RPMIcons_interaction_phonerotate:before { content: "\ea51"; } .RPMIcons_activity_badminton:before { content: "\ea52"; } .RPMIcons_activity_baseball:before { content: "\ea53"; } .RPMIcons_activity_basketball:before { content: "\ea54"; } .RPMIcons_activity_bike:before { content: "\ea55"; } .RPMIcons_activity_bike2:before { content: "\ea56"; } .RPMIcons_activity_bmx:before { content: "\ea57"; } .RPMIcons_activity_bodyboard:before { content: "\ea58"; } .RPMIcons_activity_boxing:before { content: "\ea59"; } .RPMIcons_activity_climbing:before { content: "\ea5a"; } .RPMIcons_activity_custom:before { content: "\ea5b"; } .RPMIcons_activity_cyclingindoor:before { content: "\ea5c"; } .RPMIcons_activity_dance:before { content: "\ea5d"; } .RPMIcons_activity_elliptical:before { content: "\ea5e"; } .RPMIcons_activity_fencing:before { content: "\ea5f"; } .RPMIcons_activity_fitness:before { content: "\ea60"; } .RPMIcons_activity_football:before { content: "\ea61"; } .RPMIcons_activity_frisbee:before { content: "\ea62"; } .RPMIcons_activity_golf:before { content: "\ea63"; } .RPMIcons_activity_handball:before { content: "\ea64"; } .RPMIcons_activity_hike:before { content: "\ea65"; } .RPMIcons_activity_hiphop:before { content: "\ea66"; } .RPMIcons_activity_hockey:before { content: "\ea67"; } .RPMIcons_activity_horseriding:before { content: "\ea68"; } .RPMIcons_activity_icehockey:before { content: "\ea69"; } .RPMIcons_activity_iceskate:before { content: "\ea6a"; } .RPMIcons_activity_kitesurf:before { content: "\ea6b"; } .RPMIcons_activity_martialarts:before { content: "\ea6c"; } .RPMIcons_activity_muaythai:before { content: "\ea6d"; } .RPMIcons_activity_pilates:before { content: "\ea6e"; } .RPMIcons_activity_pingpong:before { content: "\ea6f"; } .RPMIcons_activity_rowing:before { content: "\ea70"; } .RPMIcons_activity_rugby:before { content: "\ea71"; } .RPMIcons_activity_run2:before { content: "\ea72"; } .RPMIcons_activity_runindoor:before { content: "\ea73"; } .RPMIcons_activity_skate:before { content: "\ea74"; } .RPMIcons_activity_skateboard:before { content: "\ea75"; } .RPMIcons_activity_ski:before { content: "\ea76"; } .RPMIcons_activity_skydiving:before { content: "\ea77"; } .RPMIcons_activity_sleep:before { content: "\ea78"; } .RPMIcons_activity_snowboard:before { content: "\ea79"; } .RPMIcons_activity_soccer:before { content: "\ea7a"; } .RPMIcons_activity_squash:before { content: "\ea7b"; } .RPMIcons_activity_surfing:before { content: "\ea7c"; } .RPMIcons_activity_swim:before { content: "\ea7d"; } .RPMIcons_activity_tennis:before { content: "\ea7e"; } .RPMIcons_activity_volley:before { content: "\ea7f"; } .RPMIcons_activity_walk:before { content: "\ea80"; } .RPMIcons_activity_walkindoor:before { content: "\ea81"; } .RPMIcons_activity_waterpolo:before { content: "\ea82"; } .RPMIcons_activity_weightlifting:before { content: "\ea83"; } .RPMIcons_activity_windsurf:before { content: "\ea84"; } .RPMIcons_activity_wrestling:before { content: "\ea85"; } .RPMIcons_activity_yoga:before { content: "\ea86"; } .RPMIcons_activity_zumba:before { content: "\ea87"; } /* ========================================================================== Normalize.scss settings ========================================================================== */ /** * Includes legacy browser support IE6/7 * * Set to false if you want to drop support for IE6 and IE7 */ /* Base ========================================================================== */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS and IE text size adjust after device orientation change, * without disabling user zoom. * 3. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using * `em` units. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; overscroll-behavior-y: none; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevents modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ /** * Improve readability of focused elements when they are also in an * active/hover state. */ a { background-color: transparent; text-decoration: none; color: inherit; -webkit-tap-highlight-color: transparent; } a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Addresses styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** * 1. Remove border when inside `a` element in IE 8/9/10. * 2. Improves image quality when scaled in IE 7. */ img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure { margin: 1em 40px; } /** * Address differences between Firefox and other browsers. */ hr { box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. * Correct font family set oddly in IE 6, Safari 4/5, and Chrome. */ code, kbd, pre, samp { font-family: monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. * 4. Improves appearance and consistency in all browsers. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. * 4. Removes inner spacing in IE 7 without affecting normal text inputs. * Known issue: inner spacing remains in IE 6. */ button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; background-color: var(--wi-background-primary); opacity: 0.7; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; border: none; outline: none; -webkit-appearance: none; } /** * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. * Known issue: excess padding remains in IE 6. */ input[type=checkbox], input[type=radio] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto; } /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome. */ input[type=search] { -webkit-appearance: textfield; /* 1 */ box-sizing: content-box; /* 2 */ } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. * 3. Corrects text not wrapping in Firefox 3. * 4. Corrects alignment displayed oddly in IE 6/7. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } h1, h2, h3, h4, h5, h6, p, span, label { margin: 0; } ul { padding: 0; list-style: none; margin: 0; } button, [role=button], [role=link] { outline: none; cursor: pointer; } /* Icon animation */ .RPMIcons_utilitary_downsm { transition: transform 300ms ease; } .RPMIcons_utilitary_downsm.rotate { transform: rotate(180deg) !important; } @supports (--css: variables) { :root { --category-title-height: 40px; /* Status */ --status-info: #1F4AC2; --status-good: #07B06A; --status-moderate: #FFC907; --status-bad: #D93421; --status-inline: #0E97F5; --status: #BEC0CA; /* Status-50% */ --status-info-10: rgba(31, 74, 194, 0.1); --status-good-10: rgba(7, 176, 106, 0.1); --status-moderate-10: rgba(255, 201, 7, 0.1); --status-bad-10: rgba(217, 51, 33, 0.1); --status-inline-10: rgba(14, 151, 245, 0.1); --status-10: rgba(190, 192, 202, 0.1); /* Background */ --background-primary: #F5F6FA; --background-secondary: #FFFFFF; --background-senary: #fafcfe; --background-info: #D1E1FB; --background-good: #D8F7EA; --background-moderate: #FFF8CD; --background-bad: #FFDEDA; --background-04: #E4ECF2; --background-nav-team: #81C49D; --background-button-disabled: #BDB9B9; /* Themes */ --theme: #5CB2CC; --theme-D1: #1541DA; /* Text */ --text-primary: #000000; --text-secondary: #3F424B; --text-placeholder: #BEC0CA; --text-primary-info: #05135D; --text-secondary-info: #091C70; --text-primary-good: #015453; --text-secondary-good: #02665A; --text-primary-moderate: #7A5501; --text-secondary-moderate: #936A02; --text-primary-bad: #68061B; --text-secondary-bad: #7D0A1A; /* Action */ --on-action-primary: #FFFFFF; --action-primary: #1638A6; --action-primary-hover: #1F4AC2; --action-primary-press: #0F298B; --action-primary-disabled: #D8DAE1; --action-primary-bad: #B71926; --action-primary-bad-hover: #D93421; --action-primary-bad-press: #9C1018; --on-action-secondary: #1638A6; --action-secondary: #D1E1FB; --action-secondary-hover: #D1E1FB; --action-secondary-press: #A5C2F8; --action-secondary-disabled: #E5E6EA; /* Body Composition */ --body-composition-muscle: #40B7AD; --body-composition-fat: #8372C2; --body-composition-bone: #A49F9B; /* Divider */ --divider-primary: #E5E6EA; /* easings */ --easing-transform: cubic-bezier(0.165, 0.84, 0.44, 1); } } /* SHORTCUTS */ /* MEDIA-QUERIES */ /* CONVERT FUNCTIONS */ html { font-size: 16px !important; } /* Headers */ .header1 { font-family: var(--wi-font-family); font-weight: 500; line-height: 1.13; font-size: 1.8823529412vw; } @media screen and (max-width: 1194px) { .header1 { font-size: 2.6800670017vw; } } @media screen and (max-width: 768px) { .header1 { font-size: 4.1666666667vw; } } @media screen and (max-width: 420px) { .header1 { font-size: 7.619047619vw; } } .header1.blurInfo { filter: blur(10px); } [data-theme^=v2] .header1 { font-size: 2rem; font-weight: var(--wi-font-bold); } .header2 { font-family: var(--wi-font-family); font-weight: 500; line-height: 1.27; letter-spacing: -0.18px; font-size: 1.2941176471vw; } @media screen and (max-width: 1194px) { .header2 { font-size: 1.8425460637vw; } } @media screen and (max-width: 768px) { .header2 { font-size: 2.8645833333vw; } } @media screen and (max-width: 420px) { .header2 { font-size: 5.2380952381vw; } } [data-theme^=v2] .header2 { font-size: 1.4375rem; font-weight: var(--wi-font-medium); } .header3 { font-family: var(--wi-font-family); font-weight: 500; line-height: 1.33; letter-spacing: -0.18px; font-size: 1.0588235294vw; } @media screen and (max-width: 1194px) { .header3 { font-size: 1.5075376884vw; } } @media screen and (max-width: 768px) { .header3 { font-size: 2.34375vw; } } @media screen and (max-width: 420px) { .header3 { font-size: 4.2857142857vw; } } [data-theme^=v2] .header3 { font-size: 1.125rem; font-weight: var(--wi-font-medium); } .header4 { font-family: var(--wi-font-family); font-weight: 500; line-height: 1.25; letter-spacing: -0.18px; font-size: 0.9411764706vw; } @media screen and (max-width: 1194px) { .header4 { font-size: 1.3400335008vw; } } @media screen and (max-width: 768px) { .header4 { font-size: 2.0833333333vw; } } @media screen and (max-width: 420px) { .header4 { font-size: 3.8095238095vw; } } [data-theme^=v2] .header4 { font-size: 1rem; font-weight: var(--wi-font-medium); letter-spacing: normal; } .eyebrow, .form-input-component .label, .form-select-component .label { font-family: var(--wi-font-family); font-weight: normal; line-height: 1.33; letter-spacing: normal; text-transform: uppercase; font-size: 0.7058823529vw; } @media screen and (max-width: 1194px) { .eyebrow, .form-input-component .label, .form-select-component .label { font-size: 1.0050251256vw; } } @media screen and (max-width: 768px) { .eyebrow, .form-input-component .label, .form-select-component .label { font-size: 1.5625vw; } } @media screen and (max-width: 420px) { .eyebrow, .form-input-component .label, .form-select-component .label { font-size: 2.8571428571vw; } } [data-theme^=v2] .eyebrow, [data-theme^=v2] .form-input-component .label, .form-input-component [data-theme^=v2] .label, [data-theme^=v2] .form-select-component .label, .form-select-component [data-theme^=v2] .label { font-size: 0.75rem; font-weight: var(--wi-font-bold); letter-spacing: normal; } /* Body */ .body1 { font-family: var(--wi-font-family); line-height: 1.33; font-size: 0.9411764706vw; } @media screen and (max-width: 1194px) { .body1 { font-size: 1.3400335008vw; } } @media screen and (max-width: 768px) { .body1 { font-size: 2.0833333333vw; } } @media screen and (max-width: 420px) { .body1 { font-size: 3.8095238095vw; } } [data-theme^=v2] .body1 { font-weight: var(--wi-font-regular); font-size: 1rem; } .body2, html { font-family: var(--wi-font-family); line-height: 1.33; font-size: 0.8235294118vw; } @media screen and (max-width: 1194px) { .body2, html { font-size: 1.1725293132vw; } } @media screen and (max-width: 768px) { .body2, html { font-size: 1.8229166667vw; } } @media screen and (max-width: 420px) { .body2, html { font-size: 3.3333333333vw; } } [data-theme^=v2] .body2, [data-theme^=v2] html { font-weight: var(--wi-font-regular); font-size: 0.875rem; } /* Details */ .detail1 { font-family: var(--wi-font-family); line-height: 16px; font-size: 0.7058823529vw; } @media screen and (max-width: 1194px) { .detail1 { font-size: 1.0050251256vw; } } @media screen and (max-width: 768px) { .detail1 { font-size: 1.5625vw; } } @media screen and (max-width: 420px) { .detail1 { font-size: 2.8571428571vw; } } [data-theme^=v2] .detail1 { font-size: 0.8125rem; font-weight: var(--wi-font-regular); line-height: 1.33; } .detail2 { font-family: var(--wi-font-family); line-height: 1.33; font-size: 0.5882352941vw; } @media screen and (max-width: 1194px) { .detail2 { font-size: 0.837520938vw; } } @media screen and (max-width: 768px) { .detail2 { font-size: 1.3020833333vw; } } @media screen and (max-width: 420px) { .detail2 { font-size: 2.380952381vw; } } .detail2.code { background-color: var(--wi-background-primary); border-radius: 8px; padding: 3px 5px; cursor: help; white-space: nowrap; font-size: 0.7058823529vw; } @media screen and (max-width: 1194px) { .detail2.code { font-size: 1.0050251256vw; } } @media screen and (max-width: 768px) { .detail2.code { font-size: 1.5625vw; } } @media screen and (max-width: 420px) { .detail2.code { font-size: 2.8571428571vw; } } .detail2.code .RPMIcons { display: inline-block; font-size: inherit; cursor: help; } [data-theme^=v2] .detail2 { font-size: 0.6875rem; font-weight: var(--wi-font-regular); } /* Data */ .Data1 { font-family: var(--wi-font-family-rounded); font-size: 4.7058823529vw; } @media screen and (max-width: 1194px) { .Data1 { font-size: 6.7001675042vw; } } @media screen and (max-width: 768px) { .Data1 { font-size: 10.4166666667vw; } } @media screen and (max-width: 420px) { .Data1 { font-size: 19.0476190476vw; } } [data-theme^=v2] .Data1 { font-family: var(--wi-font-family); font-size: 5.1875rem; font-weight: var(--wi-font-bold); } .Data2 { font-family: var(--wi-font-family-rounded); font-size: 2.8235294118vw; } @media screen and (max-width: 1194px) { .Data2 { font-size: 4.0201005025vw; } } @media screen and (max-width: 768px) { .Data2 { font-size: 6.25vw; } } @media screen and (max-width: 420px) { .Data2 { font-size: 11.4285714286vw; } } [data-theme^=v2] .Data2 { font-family: var(--wi-font-family); font-size: 2.875rem; font-weight: var(--wi-font-bold); } .Data3 { font-family: var(--wi-font-family-rounded); font-weight: 500; font-size: 2.1176470588vw; } @media screen and (max-width: 1194px) { .Data3 { font-size: 3.0150753769vw; } } @media screen and (max-width: 768px) { .Data3 { font-size: 4.6875vw; } } @media screen and (max-width: 420px) { .Data3 { font-size: 8.5714285714vw; } } [data-theme^=v2] .Data3 { font-family: var(--wi-font-family); font-size: 2.25rem; font-weight: var(--wi-font-bold); } .Data4 { font-family: var(--wi-font-family-rounded); line-height: 1.2; letter-spacing: -0.75px; font-weight: 500; font-size: 1.7647058824vw; } @media screen and (max-width: 1194px) { .Data4 { font-size: 2.5125628141vw; } } @media screen and (max-width: 768px) { .Data4 { font-size: 3.90625vw; } } @media screen and (max-width: 420px) { .Data4 { font-size: 7.1428571429vw; } } [data-theme^=v2] .Data4 { font-family: var(--wi-font-family); font-size: 1.8125rem; font-weight: var(--wi-font-bold); } .Data5 { font-family: var(--wi-font-family-rounded); font-size: 1.4117647059vw; } @media screen and (max-width: 1194px) { .Data5 { font-size: 2.0100502513vw; } } @media screen and (max-width: 768px) { .Data5 { font-size: 3.125vw; } } @media screen and (max-width: 420px) { .Data5 { font-size: 5.7142857143vw; } } [data-theme^=v2] .Data5 { font-family: var(--wi-font-family); font-size: 1.4375rem; font-weight: var(--wi-font-bold); } .Data6 { font-family: var(--wi-font-family-rounded); font-weight: 500; font-size: 1.0588235294vw; } @media screen and (max-width: 1194px) { .Data6 { font-size: 1.5075376884vw; } } @media screen and (max-width: 768px) { .Data6 { font-size: 2.34375vw; } } @media screen and (max-width: 420px) { .Data6 { font-size: 4.2857142857vw; } } [data-theme^=v2] .Data6 { font-family: var(--wi-font-family); font-size: 1.25rem; font-weight: var(--wi-font-bold); } .Data7 { font-family: var(--wi-font-family-rounded); font-weight: 500; font-size: 0.9411764706vw; } @media screen and (max-width: 1194px) { .Data7 { font-size: 1.3400335008vw; } } @media screen and (max-width: 768px) { .Data7 { font-size: 2.0833333333vw; } } @media screen and (max-width: 420px) { .Data7 { font-size: 3.8095238095vw; } } [data-theme^=v2] .Data7 { font-family: var(--wi-font-family); font-size: 1rem; font-weight: var(--wi-font-bold); } /* Buttons */ .button1 { font-family: var(--wi-font-family-rounded); font-weight: 500; font-size: 0.9411764706vw; text-transform: capitalize; } @media screen and (max-width: 1194px) { .button1 { font-size: 1.3400335008vw; } } @media screen and (max-width: 768px) { .button1 { font-size: 2.0833333333vw; } } @media screen and (max-width: 420px) { .button1 { font-size: 3.8095238095vw; } } [data-theme^=v2] .button1 { font-family: var(--wi-font-family); font-size: 1rem; font-weight: var(--wi-font-medium); } .button2, .buttonInline { text-transform: capitalize; font-family: var(--wi-font-family-rounded); font-weight: 500; font-size: 0.7058823529vw; } @media screen and (max-width: 1194px) { .button2, .buttonInline { font-size: 1.0050251256vw; } } @media screen and (max-width: 768px) { .button2, .buttonInline { font-size: 1.5625vw; } } @media screen and (max-width: 420px) { .button2, .buttonInline { font-size: 2.8571428571vw; } } [data-theme^=v2] .button2, [data-theme^=v2] .buttonInline { font-family: var(--wi-font-family); font-size: 0.75rem; font-weight: var(--wi-font-medium); } .buttonMini { font-family: var(--wi-font-family); line-height: 1.33; font-size: 0.8823529412vw; } @media screen and (max-width: 1194px) { .buttonMini { font-size: 1.256281407vw; } } @media screen and (max-width: 768px) { .buttonMini { font-size: 1.953125vw; } } @media screen and (max-width: 420px) { .buttonMini { font-size: 3.5714285714vw; } } [data-theme^=v2] .buttonMini { font-size: 0.9375rem; } .metricTitle { font-family: var(--wi-font-family); font-weight: 500; line-height: 1.25; font-size: 0.9411764706vw; } @media screen and (max-width: 1194px) { .metricTitle { font-size: 1.3400335008vw; } } @media screen and (max-width: 768px) { .metricTitle { font-size: 2.0833333333vw; } } @media screen and (max-width: 420px) { .metricTitle { font-size: 3.8095238095vw; } } [data-theme^=v2] .metricTitle { font-size: 1rem; font-weight: var(--wi-font-regular); } .bodyBold { font-family: var(--wi-font-family); font-weight: 600; line-height: 1.33; font-size: 0.8823529412vw; } @media screen and (max-width: 1194px) { .bodyBold { font-size: 1.256281407vw; } } @media screen and (max-width: 768px) { .bodyBold { font-size: 1.953125vw; } } @media screen and (max-width: 420px) { .bodyBold { font-size: 3.5714285714vw; } } [data-theme^=v2] .bodyBold { font-size: 0.9375rem; font-weight: var(--wi-font-bold); } .subtextRegular { font-family: var(--wi-font-family); line-height: 1.43; font-size: 0.8235294118vw; } @media screen and (max-width: 1194px) { .subtextRegular { font-size: 1.1725293132vw; } } @media screen and (max-width: 768px) { .subtextRegular { font-size: 1.8229166667vw; } } @media screen and (max-width: 420px) { .subtextRegular { font-size: 3.3333333333vw; } } [data-theme^=v2] .subtextRegular { font-size: 0.875rem; font-weight: var(--wi-font-regular); } .error:not(.w-button):not(input):not(textarea) { font-family: var(--wi-font-family); line-height: 1.33; font-size: 0.7058823529vw; } @media screen and (max-width: 1194px) { .error:not(.w-button):not(input):not(textarea) { font-size: 1.0050251256vw; } } @media screen and (max-width: 768px) { .error:not(.w-button):not(input):not(textarea) { font-size: 1.5625vw; } } @media screen and (max-width: 420px) { .error:not(.w-button):not(input):not(textarea) { font-size: 2.8571428571vw; } } [data-theme^=v2] .error:not(.w-button):not(input):not(textarea) { font-size: 0.75rem; font-weight: var(--wi-font-regular); } .graph { font-family: var(--wi-font-family); font-weight: 500; line-height: 1.6; font-size: 0.5882352941vw; } @media screen and (max-width: 1194px) { .graph { font-size: 0.837520938vw; } } @media screen and (max-width: 768px) { .graph { font-size: 1.3020833333vw; } } @media screen and (max-width: 420px) { .graph { font-size: 2.380952381vw; } } [data-theme^=v2] .graph { font-size: 0.625rem; } /* SHORTCUTS */ /* MEDIA-QUERIES */ /* CONVERT FUNCTIONS */ form.flex { display: flex; flex-wrap: wrap; justify-content: space-between; } form [name=file-upload-modal-btn] input { pointer-events: none; } .form-input-component, .form-select-component { position: relative; width: calc(50% - 10px); height: 100%; margin-top: 1.7647058824vw; } @media screen and (max-width: 1194px) { .form-input-component, .form-select-component { margin-top: 2.5125628141vw; } } @media screen and (max-width: 768px) { .form-input-component, .form-select-component { margin-top: 3.90625vw; } } @media screen and (max-width: 420px) { .form-input-component, .form-select-component { margin-top: 7.1428571429vw; } } @media (max-width: 768px) { .form-input-component, .form-select-component { width: 100%; } } .form-input-component .label, .form-select-component .label { margin-bottom: 0.4705882353vw; display: block; } @media screen and (max-width: 1194px) { .form-input-component .label, .form-select-component .label { margin-bottom: 0.6700167504vw; } } @media screen and (max-width: 768px) { .form-input-component .label, .form-select-component .label { margin-bottom: 1.0416666667vw; } } @media screen and (max-width: 420px) { .form-input-component .label, .form-select-component .label { margin-bottom: 1.9047619048vw; } } .form-input-component { position: relative; } .form-input-component.hidden { display: none; } .form-input-component .input-wrapper { position: relative; } .form-input-component .react-tel-input .special-label { display: none; } .form-input-component .react-tel-input .flag-dropdown { z-index: 4; margin-left: 1.2941176471vw; } @media screen and (max-width: 1194px) { .form-input-component .react-tel-input .flag-dropdown { margin-left: 1.8425460637vw; } } @media screen and (max-width: 768px) { .form-input-component .react-tel-input .flag-dropdown { margin-left: 2.8645833333vw; } } @media screen and (max-width: 420px) { .form-input-component .react-tel-input .flag-dropdown { margin-left: 5.2380952381vw; } } .form-input-component .react-tel-input .flag-dropdown:before { content: none; } .form-input-component .react-tel-input .flag-dropdown .selected-flag { padding: 0; } .form-input-component .react-tel-input .flag-dropdown img { border-radius: 3px; } .form-input-component .react-tel-input .country-list { margin: 0; background-color: var(--wi-background-primary); border-radius: 8px; -webkit-user-select: none; -moz-user-select: none; user-select: none; width: auto; display: inline-flex; flex-direction: column; top: -100%; } .form-input-component .react-tel-input .country-list li { outline: none; } .form-input-component .react-tel-input .country-list li .country-name { white-space: nowrap; } .form-input-component .react-tel-input .country-list li:hover { background-color: unset; } .form-input-component .react-tel-input .country-list li.highlight { background-color: var(--wi-text-placeholder); } .form-input-component .react-tel-input input { padding: 1.0588235294vw 4.1176470588vw; padding-right: 1.1764705882vw; height: 3.2941176471vw; background: var(--wi-background-secondary); width: 100%; height: auto; line-height: normal; border: 1px solid var(--wi-text-placeholder); font-size: inherit; border-radius: 8px; } @media screen and (max-width: 1194px) { .form-input-component .react-tel-input input { padding: 1.5075376884vw 5.8626465662vw; padding-right: 1.675041876vw; height: 4.6901172529vw; } } @media screen and (max-width: 768px) { .form-input-component .react-tel-input input { padding: 2.34375vw 9.1145833333vw; padding-right: 2.6041666667vw; height: 7.2916666667vw; } } @media screen and (max-width: 420px) { .form-input-component .react-tel-input input { padding: 4.2857142857vw 16.6666666667vw; padding-right: 4.7619047619vw; height: 13.3333333333vw; } } .form-input-component .react-tel-input input:hover { box-shadow: none; } .form-input-component input { padding: 1.0588235294vw 1.1764705882vw; height: 3.2941176471vw; font-size: 1rem; border-radius: 8px; background: var(--wi-background-secondary); border: 1px solid var(--wi-text-placeholder); position: relative; width: 100%; height: 100%; transition: border-color 300ms ease; } @media screen and (max-width: 1194px) { .form-input-component input { padding: 1.5075376884vw 1.675041876vw; height: 4.6901172529vw; } } @media screen and (max-width: 768px) { .form-input-component input { padding: 2.34375vw 2.6041666667vw; height: 7.2916666667vw; } } @media screen and (max-width: 420px) { .form-input-component input { padding: 4.2857142857vw 4.7619047619vw; height: 13.3333333333vw; } } .form-input-component input.has-suffix { padding: 1.0588235294vw 5.8823529412vw 1.0588235294vw 1.1764705882vw; } @media screen and (max-width: 1194px) { .form-input-component input.has-suffix { padding: 1.5075376884vw 8.3752093802vw 1.5075376884vw 1.675041876vw; } } @media screen and (max-width: 768px) { .form-input-component input.has-suffix { padding: 2.34375vw 13.0208333333vw 2.34375vw 2.6041666667vw; } } @media screen and (max-width: 420px) { .form-input-component input.has-suffix { padding: 4.2857142857vw 23.8095238095vw 4.2857142857vw 4.7619047619vw; } } .form-input-component input:focus { border-color: var(--wi-action-primary); } .form-input-component input:not(.is-safari)[type=time], .form-input-component input:not(.is-safari)[type=date] { padding: 0.9411764706vw 1.1764705882vw; } @media screen and (max-width: 1194px) { .form-input-component input:not(.is-safari)[type=time], .form-input-component input:not(.is-safari)[type=date] { padding: 1.3400335008vw 1.675041876vw; } } @media screen and (max-width: 768px) { .form-input-component input:not(.is-safari)[type=time], .form-input-component input:not(.is-safari)[type=date] { padding: 2.0833333333vw 2.6041666667vw; } } @media screen and (max-width: 420px) { .form-input-component input:not(.is-safari)[type=time], .form-input-component input:not(.is-safari)[type=date] { padding: 3.8095238095vw 4.7619047619vw; } } .form-input-component input.error { border-color: var(--wi-status-bad); } .form-input-component .suffix { position: absolute; right: 15px; top: 50%; border: solid 1px var(--wi-action-primary); color: var(--wi-action-primary); border-radius: calc(1vw + 20px); padding: 5px 10px; transform: translateY(-50%); font-size: 0.6875rem; } .form-input-component .RPMIcons { right: 1.1764705882vw; font-size: 1.125rem; position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; } @media screen and (max-width: 1194px) { .form-input-component .RPMIcons { right: 1.675041876vw; } } @media screen and (max-width: 768px) { .form-input-component .RPMIcons { right: 2.6041666667vw; } } @media screen and (max-width: 420px) { .form-input-component .RPMIcons { right: 4.7619047619vw; } } .form-input-block { width: 100%; height: auto; line-height: normal; font-size: inherit; display: flex; justify-content: center; margin-left: 0.5882352941vw; margin-right: 0.5882352941vw; } @media screen and (max-width: 1194px) { .form-input-block { margin-left: 0.837520938vw; margin-right: 0.837520938vw; } } @media screen and (max-width: 768px) { .form-input-block { margin-left: 1.3020833333vw; margin-right: 1.3020833333vw; } } @media screen and (max-width: 420px) { .form-input-block { margin-left: 2.380952381vw; margin-right: 2.380952381vw; } } @media (max-width: 768px) { .form-input-block { width: 100%; } } .form-input-block .form-input-component { width: auto; } .form-input-block .form-input-component input { border-radius: 0; transform: translateX(-1px); } .form-input-block .form-input-component:first-child input { border-radius: 8px 0 0 8px; transform: translateX(0px); } .form-input-block .form-input-component:last-child input { border-radius: 0 8px 8px 0; } /* global declaration */ .error-message { margin-top: 0.4705882353vw; font-size: 0.875rem; display: block; color: var(--wi-status-bad); } @media screen and (max-width: 1194px) { .error-message { margin-top: 0.6700167504vw; } } @media screen and (max-width: 768px) { .error-message { margin-top: 1.0416666667vw; } } @media screen and (max-width: 420px) { .error-message { margin-top: 1.9047619048vw; } } .form-select-component.operator { max-width: 56px; width: 100%; } .form-select-component.operator select { -moz-text-align-last: center; text-align-last: center; } .form-select-component .form-select-close { -webkit-tap-highlight-color: var(--wi-transparent); position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 3; display: none; } .form-select-component .form-select-close.active { display: block; } .form-select-component .select-wrapper { display: flex; align-items: center; position: relative; } .form-select-component .select-wrapper select, .form-select-component .select-wrapper .fake-input { padding: 1.0588235294vw 1.1764705882vw; height: 3.2941176471vw; font-size: 1rem; border-radius: 8px; border: 1px solid var(--wi-text-placeholder); background: var(--wi-background-secondary); -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; width: 100%; transition: border-color 300ms ease; } @media screen and (max-width: 1194px) { .form-select-component .select-wrapper select, .form-select-component .select-wrapper .fake-input { padding: 1.5075376884vw 1.675041876vw; height: 4.6901172529vw; } } @media screen and (max-width: 768px) { .form-select-component .select-wrapper select, .form-select-component .select-wrapper .fake-input { padding: 2.34375vw 2.6041666667vw; height: 7.2916666667vw; } } @media screen and (max-width: 420px) { .form-select-component .select-wrapper select, .form-select-component .select-wrapper .fake-input { padding: 4.2857142857vw 4.7619047619vw; height: 13.3333333333vw; } } .form-select-component .select-wrapper select:focus, .form-select-component .select-wrapper .fake-input:focus { border-color: var(--wi-action-primary); } .form-select-component .select-wrapper.error select { border-color: var(--wi-status-bad); } .form-select-component .select-wrapper .RPMIcons { font-size: 1.125rem; position: absolute; right: 22px; pointer-events: none; } .mentions-input { background: var(--wi-transparent); border: none; font-family: var(--wi-font-family), Serif; font-size: 1.25rem; } .mentions-input__control { min-height: 5.8823529412vw; } @media screen and (max-width: 1194px) { .mentions-input__control { min-height: 8.3752093802vw; } } @media screen and (max-width: 768px) { .mentions-input__control { min-height: 13.0208333333vw; } } @media screen and (max-width: 420px) { .mentions-input__control { min-height: 23.8095238095vw; } } .mentions-input__control .mentions-input__highlighter strong { position: relative; z-index: 1; text-decoration: underline; color: var(--wi-text-primary); } .mentions-input__control textarea { resize: none; background: var(--wi-transparent); border: none; outline: none; padding-bottom: 1.7647058824vw; } @media screen and (max-width: 1194px) { .mentions-input__control textarea { padding-bottom: 2.5125628141vw; } } @media screen and (max-width: 768px) { .mentions-input__control textarea { padding-bottom: 3.90625vw; } } @media screen and (max-width: 420px) { .mentions-input__control textarea { padding-bottom: 7.1428571429vw; } } .form-textarea-component textarea { resize: none; background: var(--wi-transparent); border: none; font-family: var(--wi-font-family), Serif; outline: none; width: 100%; padding-bottom: 1.7647058824vw; font-size: 1.25rem; } @media screen and (max-width: 1194px) { .form-textarea-component textarea { padding-bottom: 2.5125628141vw; } } @media screen and (max-width: 768px) { .form-textarea-component textarea { padding-bottom: 3.90625vw; } } @media screen and (max-width: 420px) { .form-textarea-component textarea { padding-bottom: 7.1428571429vw; } } .form-actions { display: flex; align-items: center; justify-content: space-around; background: var(--wi-background-secondary); border: 1px solid var(--wi-divider); border-radius: 22px; margin-left: auto; max-width: 5.8823529412vw; height: 2.6470588235vw; } @media screen and (max-width: 1194px) { .form-actions { max-width: 8.3752093802vw; height: 3.7688442211vw; } } @media screen and (max-width: 768px) { .form-actions { max-width: 13.0208333333vw; height: 5.859375vw; } } @media screen and (max-width: 420px) { .form-actions { max-width: 23.8095238095vw; height: 10.7142857143vw; } } .form-actions .RPMIcons { position: relative; cursor: pointer; font-size: 1.25rem; } .form-actions .RPMIcons input { opacity: 0; position: absolute; left: 0; width: 100%; height: 100%; font-size: 0; } .form-search-component .search-results { max-height: 17.6470588235vw; margin-top: 0.1176470588vw; position: absolute; left: 0; right: 0; z-index: 100; background-color: var(--wi-background-secondary); border: 1px solid var(--wi-text-placeholder); border-radius: 8px; overflow-y: scroll; } @media screen and (max-width: 1194px) { .form-search-component .search-results { max-height: 25.1256281407vw; margin-top: 0.1675041876vw; } } @media screen and (max-width: 768px) { .form-search-component .search-results { max-height: 39.0625vw; margin-top: 0.2604166667vw; } } @media screen and (max-width: 420px) { .form-search-component .search-results { max-height: 71.4285714286vw; margin-top: 0.4761904762vw; } } .form-search-component .search-results.bottom { top: 100%; } .form-search-component .search-results.top { bottom: calc(100% - 20px); } .form-search-component .search-results .search-result { cursor: pointer; border-bottom: 1px solid #e5e6ea; transition: background 250ms ease-out; padding: 1.0588235294vw 1.1764705882vw; font-size: 1rem; } .form-search-component .search-results .search-result:last-child { border-bottom: none; } .form-search-component .search-results .search-result:hover { background: rgba(229, 230, 234, 0.5); } @media screen and (max-width: 1194px) { .form-search-component .search-results .search-result { padding: 1.5075376884vw 1.675041876vw; } } @media screen and (max-width: 768px) { .form-search-component .search-results .search-result { padding: 2.34375vw 2.6041666667vw; } } @media screen and (max-width: 420px) { .form-search-component .search-results .search-result { padding: 4.2857142857vw 4.7619047619vw; } } /* SHORTCUTS */ /* MEDIA-QUERIES */ /* CONVERT FUNCTIONS */ .wrapper { padding: 0vw 1.1764705882vw; } @media screen and (max-width: 1194px) { .wrapper { padding: 0vw 1.675041876vw; } } @media screen and (max-width: 768px) { .wrapper { padding: 0vw 2.6041666667vw; } } @media screen and (max-width: 420px) { .wrapper { padding: 0vw 4.7619047619vw; } } .wrapper.no-padding { padding: 0vw; } @media screen and (max-width: 1194px) { .wrapper.no-padding { padding: 0vw; } } @media screen and (max-width: 768px) { .wrapper.no-padding { padding: 0vw; } } @media screen and (max-width: 420px) { .wrapper.no-padding { padding: 0vw; } } .layout-component { display: flex; align-items: center; position: relative; height: 100%; } @media (max-width: 968px) { .layout-component { flex-direction: column; } } @media (hover: none) and (pointer: coarse) { .layout-component::-webkit-scrollbar { display: none; } } .text-primary { color: var(--wi-text-primary); } .text-secondary { color: var(--wi-text-secondary); } html { height: 100%; overflow: hidden; } html * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; box-sizing: border-box; } html body { height: 100%; } html .root.loading { pointer-events: none; } html .blurInfo { filter: blur(6px); } html #app { height: 100%; overflow: hidden; } html #app > div { height: 100%; } html #app .relative { position: relative; } html .pills { padding: 0.2941176471vw 0.5882352941vw; border-radius: 15px; color: var(--wi-background-secondary); } @media screen and (max-width: 1194px) { html .pills { padding: 0.418760469vw 0.837520938vw; } } @media screen and (max-width: 768px) { html .pills { padding: 0.6510416667vw 1.3020833333vw; } } @media screen and (max-width: 420px) { html .pills { padding: 1.1904761905vw 2.380952381vw; } } html .status-circle { display: block; min-width: 15px; min-height: 15px; width: 15px; height: 15px; background: var(--wi-text-secondary); border-radius: 50%; } html .status-circle-3 { background: var(--wi-status-bad); } html .status-circle-2 { background: var(--wi-status-moderate); } html #feedback-button { position: fixed; right: 5px; bottom: 5px; background: var(--action-primary); color: var(--wi-background-secondary); padding: 10px 20px; border: none; border-radius: 4px; z-index: 10; } @media (max-width: 968px) { html #feedback-button { display: none; } }